.select-date{border-radius: 0.02rem;background-color: var(--white-color);padding: 0.12rem 0.16rem; margin-bottom: 0.2rem;}
.select-date span{margin-right:1em;}
.select-date [id*=-date]{border: solid 0.01rem #dfe4e6;display: flex;align-items: center;justify-content: center;width: 0.36rem;height: 0.36rem; cursor: pointer;}
.select-date #prev-date{border-right: 0;}
.select-date #next-date{border-left: 0;}
.select-date .input{border: solid 1px #dfe4e6;height: 0.36rem;width: 2.4rem; padding-left: 0.13rem; background: url(../images/calendar/date.png) no-repeat right 0.15rem center; line-height: 0.36rem;}
#date::-webkit-calendar-picker-indicator{display: none;}

#win{position:absolute;z-index:999;top:50%;left:50%;width:4rem;height:2rem;background:rgba(var(--black-color__rgb), 0.5);margin:-1rem 0 0 -2rem;display:none;}
#win #otitle{color:var(--white-color);height:0.33rem;padding-left:0.1rem;text-align:left;background:rgba(var(--black-color__rgb), 0.7);}
#win #otitle #otitlestr {float:left;width:2rem;height:0.3rem;line-height:0.3rem;}
#win #otitle #close {font-size:0.24rem;width:0.33rem;height:0.33rem;line-height:0.33rem;text-align:center;font-weight:bold;float:right;cursor:pointer;}
#win #showstr {color:var(--white-color);margin:0.1rem;text-align:left;height: 1.47rem;overflow: auto;}

#newDate #nowDate{cursor:pointer;}
#newDate .Weeks{display: flex;justify-content: space-between;}
#newDate .Weeks span{width:calc((100% - 0.05rem * 6) / 7);line-height:0.6rem;text-align:center;background:var(--white-color);}

#nowDate>ul{display: flex;flex-wrap: wrap; justify-content: space-between;}
#nowDate>ul li{color:var(--text-color);overflow:hidden; height:2.01rem;margin-top:0.05rem;background:var(--white-color); border: 1px solid var(--white-color);width:calc((100% - 0.05rem * 6) / 7);}
#nowDate>ul li span{margin-bottom:0.1rem;padding:0.19rem 0.21rem 0.14rem;display: inline-block;}
#nowDate>ul li .mobileDay{display:none;}

#nowDate>ul li a{display: block;color:#999;overflow:hidden;line-height: 2em;width: calc(100% - 0.2rem);height:2em;padding: 0 0.3rem 0 0.2rem;background: #fff5f0;border-radius: 0.03rem;margin:0 0.1rem 0.1rem; position:relative;}
#nowDate>ul li a .markIcon{right:0.11rem;height:0.16rem;position:absolute;top:50%;transform:translateY(-50%);}
#nowDate>ul li a:nth-of-type(2n){background:#fef3f4;}
#nowDate>ul li a:nth-of-type(3n){background:#fffbf1;}


#nowDate>ul li:hover,
#nowDate>ul .active{border-color: var(--primary-color);}
#nowDate>ul li:hover span,
#nowDate>ul .active span{color:var(--white-color);background-color:var(--primary-color);}
#markList{display:none;}
.ble img{height:100%;margin-right:0.1rem;}
#tradeInfo .ble img {width: .20rem;}

@media (max-width: 786px){
#newDate .Weeks span{background-color:transparent;}

#nowDate{background-color:var(--white-color);}
#nowDate>ul li{width:calc(100%/7 - 0.2rem);margin:0.1rem;border-radius:50%;position:relative;background-color:transparent !important;}
#nowDate>ul .weekDate::before{content:"";width:4px;height:4px;background-color:var(--primary-color);left:50%;bottom:0;transform:translateX(-50%);border-radius:50%;position:absolute;}
#nowDate>ul li .day{display:none;}
#nowDate>ul li .mobileDay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;}
#nowDate>ul li a{display:none;}
#nowDate>ul li:hover{border:none;background-color:var(--primary-color) !important;}
#nowDate>ul li:hover span{color:white;background-color:var(--primary-color);}
#nowDate>ul .active{border:none;background-color:var(--primary-color) !important;}
#nowDate>ul .active span{color:white;background-color:var(--primary-color);}

#markList{display:block; margin-bottom: 0.3rem;}
#markList a{display: block;padding: 0.1rem 0.4rem;margin: 0.1rem 0;font-size: 0.2rem;line-height: 0.3rem;text-align: left;box-sizing: border-box;background-color: #fff5f0;border-radius: 0.08rem;position:relative;}
#markList a:nth-of-type(2n){background-color: #fef3f4;}
#markList a:nth-of-type(3n){background-color: #fffbf1;}
#markList a .markIcon{position:absolute;right:0.2rem;top:50%;transform:translateY(-50%); width: 0.2rem;}
}

/* 交易日历 */
.page-section{padding-bottom: 0;}
.trading-calendar{ padding:.8rem 0; background:linear-gradient(to bottom,var(--white-color) 70%,#fffbf9 100%); margin-top: var(--pm__100);}
.trading-con .box{position: relative;top:-1rem;}
.trading-title{ margin-bottom:.3rem; padding:0 0 .3rem 0; border-bottom:solid 1px #e5e5e5;}
.trading-con{ font-size:.16rem; padding-bottom:var(--pm__50); margin-bottom:var(--pm__50); border-bottom:dashed 1px #e5e5e5;}
.trading-con .ble{ margin-bottom:.15rem;}
.trading-con ul li{ padding:.15rem 0;}
.trading-con ul li .icon{ width:.49rem;}
.trading-con ul li .icon img{width: 0.34rem;}
.trading-con ul li .text{ width:calc(100% - .5rem);}
.trading-con ul li .til{ line-height:2; font-size:.18rem; color:#333333;}
.trading-con ul li .wz{ line-height:1.8; font-size:.16rem; color:#666666;}
.trading-video{ display:flex; margin-top:.3rem;}
.trading-video .video_shell{ border-radius:5px; overflow:hidden;}
.trading-video .video_shell a{ position:relative;}
.trading-video .video_shell a::after{ cursor:pointer; content:''; display:block; position:absolute; left:50%; top:50%; width:.8rem; height:.8rem; background-image:url(../images/play.png); background-size:cover; margin-left:-.32rem; margin-top:-.32rem; border-radius:100%; overflow: hidden;}
.trading-pic-list{ margin-top:.3rem;}
.trading-pic-list .item{ width:48.643%; border-radius:10px; overflow:hidden;}
.trading-dow li{ width:32%; margin-right:2%; border-radius:5px; overflow:hidden; transition:all ease .5s;}
.trading-dow li a{ background:#f8f9fb; padding:.3rem .2rem;}
.trading-dow li .icon{ margin-right:.2rem;}
.trading-dow li .wenan{ width:calc(100% - .3rem);}
.trading-dow li .wenan .icon{ width:.45rem;}
.trading-dow li .wenan .txt{ width:calc(100% - .7rem); line-height:1.5;}
.trading-dow li .dow{ width:.2rem; height:.15rem; background:url(../images/dow-icon1.png) no-repeat center; padding-left:.3rem; background-size:contain;}
.trading-dow li:nth-child(3n){ margin-right:0;}
.trading-dow li:hover{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}

@media(max-width:640px){
.trading-title{ font-size:.32rem;}
.trading-con{ font-size:.24rem;}
.trading-con .ble{ font-size:.32rem;}
.trading-con .ul li .til{ font-size:.3rem;}
.trading-con .ul li .wz{ font-size:.28rem;}
.trading-con .ul li .text{ width:calc(100% - .7rem);}
.trading-dow li{ font-size:.24rem; width:100%; margin-right:0; margin-bottom:.3rem;}
.trading-dow li .wenan{ width:calc(100% - .5rem);}
.trading-dow li .dow{ width:.4rem; height:.25rem;}
}