/*********
首页
*********/
.IndBan{padding: 85px 0 120px;}
.IndBanL{width: 41%;padding-top: 30px;}
.IndBanL img{margin-left: -14px;}
.IndBanL h2{font-size: 58px;font-weight: 600;color: var(--white-color);margin-top: 42px;line-height: 1.2;}
.IndReg{margin-top: 16px;width: 95%;}
.IndReg input{flex: :1;-webkit-flex:1;width: 100%;border:1px solid #3b4655;border-radius: 6px;height: 54px;font-size: 18px;margin-right: 9px;padding: 0 18px;color: var(--white-color);}
input.focus:focus {border-color: rgba(255,255,255,.5);}
.go-reg{font-size: 18px;background-color: var(--color-yellow-lite);border-radius: 6px;height: 54px;padding: 0 34px;}
.IndBanR{width: 47%;background-color: #0e1010;border:1px solid #1f2222;border-radius: 6px;padding: 24px 16px 14px 24px;}
.IndBanRT{border-bottom: 1px solid #393b3b;}
.IndBanRT h3{font-size: 20px;font-weight: 600;color: var(--white-color);position: relative;padding: 5px 0;}
.IndBanRT h3:before{content: ''; position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background-color: var(--color-yellow-lite);border-radius: 10px;}
.IndBanRBan{margin-top: 20px;overflow: hidden;position: relative;height: 350px;}
.IndBanRBan .swiper-slide{border-bottom: 1px dashed #393b3b;flex-direction: column;}


.IndBanRBan .swiper-slide .top{width: 100%;}
.IndBanRBan .swiper-slide .top h3{font-size: 18px;color: var(--white-color);width: 50%;line-height: 1.2;}
.IndBanRBan .swiper-slide .top .top-r{margin-left: auto;}
.IndBanRBan .swiper-slide .top .top-r span{font-size: 14px;color: #9c9c9c;margin-left: 20px;}
.IndBanRBan .swiper-slide .bottom{margin-top: 5px;width: 100%}
.IndBanRBan .swiper-slide .bottom .data{}
.IndBanRBan .swiper-slide .bottom .data .dataT{font-size: 16px;color: #eb3535;font-weight: 600;}
.IndBanRBan .swiper-slide .bottom .data .dataB{font-size: 14px;color: #ccc;margin-top: 2px;}
.IndBanRBan .swiper-slide .bottom .data .dataB span{color: var(--color-yellow-lite);}
.IndBanRBan .swiper-slide .bottom .gs-a{font-size: 16px;padding: 4px 28px;border-radius: 50px;background-color: var(--color-yellow-lite);}

.IndNum{height: 149px;background-image: url(../images/num-bg.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;}
.IndNum .ward{height: 100%;}
.IndNum .ward ul{height: 100%;}
.IndNumListI{width: 25%;text-align: center;}
.IndNumListI h3{font-size: 36px;font-weight: 600;color: var(--color-yellow-lite);}
.IndNumListI h3 i{color: var(--white-color);font-size: 36px;}
.IndNumListI h3 span{color: var(--white-color);}
.IndNumListI p{font-size: 18px;color: var(--white-color);margin-top: 10px;}

.IndLogoBan{position: relative;overflow: hidden;height: 81px;padding: 22px;}
.IndLogoBan .swiper-slide{height: 100%;width: auto}
.IndLogoBan .swiper-slide img{height: 100%;transition: all .4s ease;}
.IndLogoBan .swiper-slide img:hover{transform: scale(1.1);}

.IndComment{padding-top: 80px;}
.tit h2{font-size: 36px;font-weight: 600;color: var(--white-color)}
.tit h2 span{color: var(--color-yellow-lite);}

.IndCommentC{margin-top: 70px;position: relative;}
.IndCommentI{width: 56.5%; max-width: 558px;height: 466px;border: 2px solid #37383c;background-color: #0e1010;border-radius: 16px;padding: 46px 50px 30px 24px;}
.IndCommentI:first-child{margin-top: 1px;}
.IndCommentI:last-child{margin-top: 40px;}
.IndCommentIBan{overflow: hidden;position: relative;height: 400px;}
.comment-zs{position: absolute;left: 42%;top: -23px;}
.IndCommentIBan .ground .groundL{width: 58px;height: 58px;border-radius: 50%;overflow: hidden;}
.IndCommentIBan .ground .groundL img{width: 100%;height: 100%;border-radius: 50%;overflow: hidden;object-fit: cover;}
.IndCommentIBan .ground .groundR{margin-left: 24px;flex:1;-webkit-flex:1;width: 100%;}
.IndCommentIBan .ground .groundR h3{font-size: 16px;color: var(--white-color);}
.IndCommentIBan .ground .groundR .stars{margin-top: 5px;}
.IndCommentIBan .ground .groundR .stars i{font-size: 12px;color: var(--color-yellow-lite);margin-right: 6px;}
.IndCommentIBan .ground .groundR p{font-size: 16px;color: #969696;margin-top: 5px;height: 58px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.IndProblem{padding: 80px 0 70px;}
.problem_list{margin-top: 80px;}
.problem_list_item{padding: 20px 0 20px 50px;border-bottom: 1px solid #2c2c2c;}
.problem_top{height: 30px;cursor: pointer;position: relative;}
.problem_tit{-webkit-flex:1;flex:1;max-width: 90%;font-size: 20px;color: var(--white-color); overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: 600;}
.problem_top:before{content: '问';font-size: 16px;border-radius: 6px; position: absolute;left: -50px;top: 0;width: 30px;height: 30px;line-height: 30px;text-align: center;background-color: var(--color-yellow-lite)}
.problem-btn{transition: all .4s;}
.problem-btn i{font-size: 20px; color: #6f6f6f;}
.problem_text{display: none; padding-top: 20px;}
.problem_text p{font-size: 20px;color:#6a6a6a;text-align: justify;}
.problem_top.on .problem-btn{transform: rotate(180deg);}

.Indad{background-color: #1e2329;height: 210px;position: relative;}
.Indadw{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);flex-direction: column;text-align: center;}
.Indadw h3{font-size: 30px;font-weight: 600;color: var(--white-color);}
.Indadw a{height: 50px;line-height: 50px;margin-top: 30px;}

@media only screen and (max-width:767px){
/*********
首页
*********/
.IndBan{padding: .3rem 0 .3rem;}
.IndBanL{width: 100%;padding-top: 0;}
.IndBanL img{margin-left: 0;width: 100%;}
.IndBanL h2{font-size: .2rem;margin-top: .3rem;}
.IndReg{margin-top: .12rem;width: 100%;}
.IndReg input{border-radius: .04rem;height: .4rem;font-size: .13rem;margin-right: .1rem;padding: 0 .15rem;}
.go-reg{font-size: .13rem;border-radius: .04rem;height: .4rem;padding: 0 .15rem;}
.IndBanR{width: 100%;border-radius: .04rem;padding: .15rem;margin-top: .3rem;}
.IndBanRT h3{font-size: .14rem;padding: 5px 0;}
.IndBanRT h3:before{width: 100%;height: .02rem;border-radius: 10px;}
.IndBanRBan{margin-top: .15rem;height: 3rem;}

.IndBanRBan .swiper-slide .top{width: 100%;}
.IndBanRBan .swiper-slide .top h3{font-size: .13rem;width: 50%;line-height: 1.2;}
.IndBanRBan .swiper-slide .top .top-r span{font-size: .11rem;margin-left: .15rem;}
.IndBanRBan .swiper-slide .bottom{margin-top: 5px;width: 100%;align-items: flex-end;}
.IndBanRBan .swiper-slide .bottom .data .dataT{font-size: .12rem;}
.IndBanRBan .swiper-slide .bottom .data .dataB{font-size: .11rem;margin-top: 2px;}
.IndBanRBan .swiper-slide .bottom .gs-a{font-size: .12rem;padding: .03rem .2rem;}

.IndNum{height: 1rem;}
.IndNum .ward{height: 100%;}
.IndNum .ward ul{height: 100%;}
.IndNumListI{width: 25%;}
.IndNumListI h3{font-size: .18rem;}
.IndNumListI h3 i{font-size: .18rem;}
.IndNumListI p{font-size: .13rem;margin-top: .05rem;}

.IndLogoBan{height: .5rem;padding: .12rem;}

.IndComment{padding-top: .4rem;}
.tit h2{font-size: .16rem;}

.IndCommentC{margin-top: .3rem;}
.IndCommentI{width: 100%;max-width: 558px;height: auto;border: .02rem solid #37383c;border-radius: .1rem;padding: .2rem .15rem;}
.IndCommentI:first-child{margin-top: 0;}
.IndCommentI:last-child{margin-top: .2rem;}
.IndCommentIBan{height: 2.9rem;}
.comment-zs{position: absolute;left: 42%;top: -23px;display: none;}
.IndCommentIBan .ground .groundL{width: .4rem;height: .4rem;}
.IndCommentIBan .ground .groundR{margin-left: .15rem;width: 100%;}
.IndCommentIBan .ground .groundR h3{font-size: .12rem;}
.IndCommentIBan .ground .groundR .stars{margin-top: 5px;}
.IndCommentIBan .ground .groundR .stars i{font-size: .1rem;margin-right: 6px;}
.IndCommentIBan .ground .groundR p{font-size: .12rem;margin-top: 5px;height: .48rem;-webkit-line-clamp: 3;line-height: .16rem;}

.IndProblem{padding: .4rem 0 .3rem;}
.problem_list{margin-top: .2rem;}
.problem_list_item{padding: .13rem 0 .13rem .35rem;}
.problem_top{height: .22rem;}
.problem_tit{max-width: 90%;font-size: .14rem;}
.problem_top:before{font-size: .12rem;border-radius: .04rem;left: -.35rem;width: .22rem;height: .22rem;line-height: .22rem;}
.problem-btn i{font-size: .16rem;}
.problem_text{padding-top: .12rem;}
.problem_text p{font-size: .13rem;}

.Indad{height: 1.5rem;}
.Indadw h3{font-size: .2rem;}
.Indadw a{height: .35rem;line-height: .35rem;margin-top: .2rem;}

}


/****************
------经纪人------
****************/
.broker-page{background-position: left top;background-repeat: no-repeat;background-image: url(../images/broker-bg.png);background-attachment: fixed;background-size: auto 614px;}
.broHd{color:#303030; border-bottom:1px solid #303030; padding:35px 0 25px;}
.broHd h3{font-size:24px; line-height:34px; margin-bottom:16px;color: var(--white-color);}
.broHd p{font-size: 16px; line-height:26px;color: var(--white-color);}
.broEk{padding:28px 0 5px;}
.broEkE{width:100%; font-size: 16px; color:#616161; line-height:30px; margin-top: 16px;}
.broEsel{border:none; background-color: rgba(37,38,41,63);width:210px; height:46px; line-height:46px; border-radius:6px; font-size: 16px; color:#bbb; padding:0 30px;background-repeat:no-repeat;background-position:180px center;background-size:15px;background-image: url("../images/brosel.png");}
.brosea{width:296px; height:46px; background-color: rgba(37,38,41,63); border-radius:6px; padding:0 17px;}
.brosea i{color: #383839;}
.broseaI{flex:1;-webkit-flex:1;margin-left: 8px;width: 100%; line-height:44px; color:#8d8d8d; font-size:16px;}
/**/
.broF{ padding-bottom: 50px;}
.broFor{ width: 290px;}
.broFHD{padding:20px 30px;}
.broFHD h4{font-size: 14px;color: #787676;}
.broFHD h4:nth-child(1){width: 30%;}
.broFHD h4:nth-child(2){width: 20%;margin-left: 5%;}
.broFHD h4:nth-child(3){flex: 1;-webkit-flex:1;margin-left: 8%;}
.broFHD h4:nth-child(4){}


.broFU{width:100%;}
.broFU li{margin-bottom: 20px; border-radius:8px; padding:35px 30px;background-color: #17181a;}
.broFU li:hover{box-shadow:0 0 10px rgba(0,0,0,0.05)}
.broFNT{ width: 30%;}
.broFNTI{width: 70px;height:70px;border-radius: 50%;overflow: hidden;}
.broFNTI img{width:100%;height: 100%;object-fit: cover;}

.broFNTR{flex:1;-webkit-flex:1;width: 100%;margin-left: 30px;padding-top: 10px;}
.broFNTR h3{font-size: 20px;color: var(--white-color);font-weight: 600;}
.broFNBs{ font-size:14px; color:var(--white-color); height:36px;}
.broFNBs img{ width: 12px;}
.broFNBs p{ line-height:24px;}
.broFNTa{ color:var(--black-color-2); font-size:14px; line-height:30px; text-decoration: underline; display: block;}
.broFNTa:hover{color:var(--color-yellow-lite);}

.broFNB{font-size: 14px;width: 50%;margin-left: 5%;}
.broFNBItem{width: 100%;padding: 5px 0;}
.broFNB p{color: var(--black-color-2);min-width: 58px;}
.broFNB span{color: var(--white-color);flex: 1;-webkit-flex:1;width: 100%;}

.broFNBp {width: 100%;margin-top: 20px;}
.broFNBh{padding: 5px 0;}
.broFNBh span{font-size: 14px; width:100%; flex:1; display: block; color:var(--white-color);margin-left: 10px;}
.broFNBh input{width: 16px;height: 16px;border: 1px solid var(--white-color);border-radius: 4px;position: relative;}
.broFNBh input:before{content: "\e626";font-family: "iconfont" !important;color: var(--color-yellow-lite);font-size: 16px; position: absolute;left: 0;right: 0;margin: 0 auto;top: 50%;transform: translate(0,-50%);}

.broFNhk{width:124px;height:44px;line-height:44px;text-align:center;background-color:var(--color-yellow-lite);display:block;font-size:16px; border-radius:6px;}

.broRight{margin-left: auto;margin-top: 30px;width: 160px;}

/*page*/
.pagination .page-numbar a {}
.pagination a.page-num-current {}
.page-pre,.page-next{}
.pagination {margin-top: 16px;}
.pagination span {font-size: 14px;color: var(--white-color);cursor: pointer;}
.pagination .page-numbar a {height: 28px;line-height: 28px;padding: 0 10px;color: var(--white-color);border-radius: 4px;margin: 0 2px;}
.pagination a.page-num-current {background-color: var(--white-color);color: var(--black-color);}
.page-pre,.page-next{padding: 0 10px;height: 28px;}
.page-pre i{border-top: 5px solid transparent;border-right: 8px solid var(--white-color);border-bottom: 5px solid transparent;margin-right: 4px;}
.page-next i{border-top: 5px solid transparent;border-left: 8px solid var(--white-color);border-bottom: 5px solid transparent;margin-left: 4px;}
.page-num{height: 36px;line-height: 36px;padding: 0 5px;}

@media only screen and (max-width:767px){
.broHd{padding: .15rem 0 .2rem;}
.broHd h3{font-size: .16rem;line-height: .24rem;margin-bottom: .12rem;}
.broHd p{font-size: .12rem;line-height: .2rem;}
.broEkE{width:100%; font-size: 16px;line-height:30px; margin-top: 16px;}
.broEsel{width: 38%;height: .36rem;line-height: .36rem;border-radius: .04rem;font-size: .12rem;padding: 0 .15rem;background-position: right .15rem center;background-size: .12rem;}
.brosea{width: 60%;height: .36rem;border-radius: .04rem;padding: 0 .1rem;}
.broseaI{flex:1;-webkit-flex:1;margin-left: 8px;width: 100%;line-height: .36rem;color:#8d8d8d;font-size: .12rem;}
.broFHD {padding: .15rem;}
.broFHD h4 {font-size: .11rem;}
.broFNT{width: 100%}
.broFU li {margin-bottom: .12rem;border-radius: .05rem;padding: .15rem;}
.broFNTI {width: .5rem;height: .5rem;}
.broFNTR {margin-left: .2rem;padding-top: 0;}
.broFNTR h3 {font-size: .14rem;}
.broFNTa {font-size: .11rem;line-height: 30px;}
.broFNB {font-size: .11rem;width: 100%;margin-left: 0;margin-top: .2rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.broFNBItem{display: block;width: auto;}
.broFNB span {display: block;margin-top: .05rem;}
.broFNBp {width: 100%;margin-left: 0;margin-top: .2rem;display: flex;}
.broFNBh {margin-right: .2rem;}
.broFNBh span{font-size: .11rem;}
.broFNhk {width: .9rem;height: .36rem;line-height: .36rem;font-size: .12rem;border-radius: .04rem;margin-top: .2rem;margin-left: auto;margin-right: auto;}
.pagination {justify-content: center;}
.broRight{margin-left: auto;margin-top: 0;width: 100%;display: flex;flex-direction: column-reverse;}
}
/*******************
------经纪人详情------
*******************/
.broDeH{ background:#161616; padding:50px 0;}
.broDeHK{}
.broDeHKL{flex:1;-webkit-flex:1;}
.broDeHI{ width:100px; height:100px; overflow: hidden;border-radius: 50%;}
.broDeHI img{width:100%;height: 100%;object-fit: cover;}
.broDeHN{margin-left: 42px;flex:1;-webkit-flex:1;}
.broDeHN h3{ color:var(--white-color); font-size:30px;font-weight: 600; line-height:38px; width:100%;}
.broDeHN .broFNBs{font-size: 14px;height: 20px;}
.broDeHN .broFNBs .score{line-height: 20px;margin-left: 8px;}
.broDeHN .broFNBs .stars img{}
.broDeHE{width: 58%;}
.broDeHEp{margin-top: 14px; color:#8e8e8e; font-size:16px;width: 50%;}
.broDeHEp input{width:16px;height: 16px; margin-right: 15px;border: 1px solid #434343;border-radius: 4px; position: relative;}
.broDeHEp input:before {content: "\e626";font-family: "iconfont" !important;color: var(--color-yellow-lite);font-size: 16px;position: absolute;left: 0;right: 0;margin: 0 auto;top: 50%;transform: translate(0,-50%);}
.broDeHEp p{ width: 100%; flex: 1;}
.broDeBa{ display: block; text-align: center; width: 122px; height: 44px; line-height:44px; border-radius:5px; font-size:16px;}
.broDeBa1{ background:var(--color-yellow-lite)}
.broDeBa2{ background:#393939;color: var(--white-color);}
.broDeBa2:hover{box-shadow:0 0 8px rgba(57,57,57,0.8)}
.broDeHB .broDeBa1{ margin-right: 34px;}
.broDeT{}
.broDeTit{background-color: var(--bg-b0); border-bottom:1px solid #484848;top:55px; position: sticky;left:0;right:0; margin:0 auto; z-index:10}
.broDeTitK{}
.broDeTita{ margin-right:45px; color:var(--white-color); font-size: 22px; line-height:70px; height: 70px; position: relative;}
.broDeTita:before{display:block;content:'';position: absolute;left:50%;bottom:-1px;transform: translate(-50%,0);transition:0.5s; width:0;background:var(--color-yellow-lite); height: 4px;}
.broDeTitK .on{ color:var(--color-yellow-lite);}
.broDeTitK .on:before{width:100%;transition:0.5s;}
.broDeThe{ border-bottom:1px solid #b7b7b7; width: 100%; }
.broDeThe p{height: 54px; line-height:54px; position: relative; font-size:20px; color:#2e2e2e;font-weight: 600;}
.broDeThe p:before{display:block;content:'';position:absolute;background:#29a643;left:0;bottom:-1px;width:100%;height: 3px;}
.broDeThd{ color:var(--white-color); font-size: 24px; position: relative;line-height: 24px;}
.broDeThd:before{content: '';position: absolute;left: -20px;top: 50%;transform: translate(0,-50%);width: 7px; height: 80%;background-color: var(--color-yellow-lite);border-radius: 10px;}

.broDeTB{width: 100%;margin: 50px 0;}
.broDeTB a.broDeThsa{ font-size:20px;color:#b0b0b0; margin-right: 40px;}
.broDeTB .broDeThsa.on{color:var(--white-color);}
.broDeThs{ font-size:20px;color:var(--color-yellow-lite);margin-top: 30px;}


.broDeTY{padding:24px 20px;margin-top: 20px;background-color: #17181a;border-radius: 6px;}
.broDeTYh{ height:56px; margin-top: 10px; font-size: 18px; color:#acacac;}
.broDeTYh p{ line-height:35px;}
.broDeTab{}
.broDeTab tr th{height:52px;color:#2e2e2e;}
.broDeTab tr td{color: var(--white-color);height: 64px;border-bottom: 1px  solid #2c2d2f;}
.broDeTab tr th,.broDeTab tr td{padding:0 15px;font-size: 18px;text-align: left}
.broDeTab tr th:first-child{ width:157px; padding:0;color:#434343; font-weight:600;background:transparent;}
.broDeTab tr th{ background:#8d8e8f;color:var(--black-color)}
.broDeTab tr td:first-child{width:157px;padding: 0;}
.broDeTab tr:last-child td{border-bottom: 0}


.broDeTbj{margin-top: 40px; color:var(--white-color);}
.broDeTbj h3{font-size: 20px;font-weight: 600;}
.broDeTbj p{margin-top: 8px;color: #959595;font-size: 14px;line-height: 26px;}

.broDeTZ{padding:0 0 12px}
.broDeTL{width:748px;}
.broDeTgs{width: 100%;}
.broDeTgsH{ color:var(--white-color); font-size: 16px; margin-top:20px;}
.broDeTgsH p{line-height: 2}

.broDeThgG{margin-top: 30px;}
.broDeThg{ font-size:16px; line-height:30px;}
.broDeThgh{ color:#a1a1a1; width: 150px;}
.broDeThgh1{ width:190px;}
.broDeThgs{ width:100%; flex:1; color:var(--white-color);}
.broDeThgs p{line-height: 30px;}
.broDeThB{ margin:25px 0;}
.broDeThB a{margin-left:34px;}

.broNewK{padding-top:20px;}
.broNewa{width:100%; margin-bottom: 10px;}
.broNewaI{width:35%; height:84px; overflow: hidden;}
.broNewaI img{width:100%;height: 100%; display: block;object-fit: contain;}
.broNewaH{ padding:14px 0; color:var(--white-color);width: 60%;margin-left: 5%;}
.broNewaH p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:16px; line-height:24px; height: 24px;}
.broNewaH span{ font-size: 12px; line-height:18px; display: block;}

.broDeTR{width:418px;}
.broDeJ{padding:20px ; margin-top: 20px; background:#26282b;}
.broDeJ h3{ color:var(--white-color); font-size: 20px; line-height:30px; margin-bottom: 5px; font-weight:600;}
.broDeJP{ font-size:14px; color:var(--white-color); line-height:28px; margin:10px 0;}
.broDeJI{height:54px; margin-bottom: 15px;}
.broDeJI img{height:100%; display: block;}
.broDeJs{ padding:5px 0 15px;}
.broDeJst{ font-size:14px; height: 30px;}
.broDeJst p{ color:var(--white-color); line-height:20px; width: 118px;}
.broDeJst img{ width: 12px; display: block; margin-right: 6px;}

.broDeJd{padding:5px 0 15px;}
.broDeJdP{ font-size:14px; color:var(--white-color); line-height:26px;}
.broDeJdP i{width:14px;height: 14px;border: 1px solid var(--white-color); margin-top:6px; margin-right: 10px;position: relative;}
.broDeJdP i:before{content: "\e626";font-family: "iconfont" !important;color: var(--color-yellow-lite);font-size: 14px;position: absolute;left: 0;right: 0;margin: 0 auto;top: 50%;transform: translate(0,-50%);}
.broDeJdP p{width:100%; flex:1;line-height: 26px;}

.broDeJTab h3{margin-right: 15px;cursor: pointer;}
.broDeJTab h3.on{color: var(--color-yellow-lite)}

@media only screen and (max-width:767px){
.broDeH{padding: .3rem 0;}
.broDeHKL{flex:1;-webkit-flex:1;margin-bottom: .3rem;}
.broDeHI{width: .6rem;height: .6rem;}
.broDeHN{margin-left: .2rem;flex:1;-webkit-flex:1;}
.broDeHN h3{font-size: .15rem;line-height: .2rem;width:100%;}
.broDeHN .broFNBs{font-size: 14px;height: 20px;}
.broDeHN .broFNBs .score{line-height: 20px;margin-left: 8px;}
.broDeHE{width: 100%;}
.broDeHEp{margin-top: 14px;font-size: .12rem;width: 100%;}
.broDeHEp input{width:16px;height: 16px; margin-right: 15px;border-radius: 4px; }
.broDeHEp input:before {font-size: 16px;}
.broDeHEp p{ width: 100%; flex: 1;}
.broDeBa{display: block;width: .9rem;height: .36rem;line-height: .36rem;border-radius: .04rem;font-size: .12rem;}

.broDeHB .broDeBa1{ margin-right: 34px;}
.broDeT{}
.broDeTit{top:55px;}
.broDeTitK{justify-content: space-between;padding-top: .1rem;}
.broDeTita{margin-right: 0;font-size: .12rem;line-height: .4rem;height: .4rem;}
.broDeTita:before{bottom:-1px;height: 4px;}
.broDeTitK .on:before{width:100%;}
.broDeThe{width: 100%; }
.broDeThe p{height: 54px; line-height:54px;font-size:20px;}
.broDeThe p:before{left:0;bottom:-1px;width:100%;height: 3px;}
.broDeThd{font-size: .15rem;line-height: .24rem;}
.broDeThd:before{left: -20px;width: 7px; height: 80%;border-radius: 10px;}

.broDeTB{width: 100%;margin: 50px 0;}
.broDeTB a.broDeThsa{ font-size:20px;margin-right: 40px;}
.broDeThs{font-size: .13rem;margin-top: .2rem;}


.broDeTY{padding: .15rem;margin-top: .15rem;border-radius: .04rem;}
.broDeTYh{height: .4rem;margin-top: 10px;font-size: .12rem;}
.broDeTYh p{ line-height:35px;}
.broDeTabW{overflow: auto;width: 100%;}
.broDeTab{width: max-content;}
.broDeTab tr th:first-child{position: sticky;left: 0;font-size: .12rem;width: 1rem;background-color: #17181a;}
.broDeTab tr th, .broDeTab tr td{font-size: .12rem;}
.broDeTab tr td,.broDeTab tr th{height: .4rem;}
.broDeTab tr td:first-child{width: 1rem;background-color: #17181a;position: sticky;left: 0;}
.broDeTbj{margin-top: .2rem;}
.broDeTbj h3{font-size: .14rem;}
.broDeTbj p{font-size: .11rem;line-height: .2rem;}
.broDeTL{width: 100%}
.broDeTgsH{font-size: .12rem;margin-top: .1rem;}
.broDeThg{font-size: .12rem;line-height: .24rem;}
.broDeThgh{width: 1.2rem;}
.broDeThB{margin: .12rem 0;}
.broDeJ{padding: .15rem;}
.broDeJI{height: .4rem;}
.broDeJ h3{font-size: .14rem;line-height: .22rem;}
.broDeJP{font-size: .11rem;line-height: .22rem;}
.broNewaI{height: .58rem;}
.broNewaH p{font-size: .12rem;}
.broNewaH span{font-size: .1rem;}
.broDeHB {width: 100%;justify-content: center;}
}

/****************
------任务------
****************/
.taskBant{padding: 50px 0 70px;}
.taskBanL{width: 45%;}
.ban-h2{color: var(--white-color);font-size: 48px;font-weight: 600;}
.ban-h2 span{color: var(--color-yellow-lite);}
.ban-p{color: var(--white-color);font-size: 26px;line-height: 38px;margin-top: 30px;}
.taskBanR{margin-left: -30px;width: 56.5%;max-width: 677px;}
.taskBanb{background-color: #101316;padding: 44px 0;}
.taskBanbI{width: 33.33%;flex-direction: column;color: var(--white-color);padding: 0 2%;text-align: center;position: relative;}
.taskBanbI i{font-size: 42px;color: var(--color-yellow-lite);}
.taskBanbI h3{font-size: 24px;font-weight: 600;margin-top: 20px;}
.taskBanbI p{font-size: 14px;margin-top: 20px;}
.taskBanbI .line{position: absolute;border-top: 1px dashed var(--white-color);width: 50%;top: 20px;left: 75%;}
.taskBanbI .line:before, .taskBanbI .line:after{content: '';position: absolute;top: 50%;transform: translate(0,-50%);width: 14px;height: 14px;border: 1px solid var(--white-color);border-radius: 50%;}
.taskBanbI .line:before{left: -14px;}
.taskBanbI .line:after{right: -14px;}

.taskFun{padding-top: 70px;}
.taskFunList{}
.taskFunI{margin-top: 48px;align-items: flex-end;}
.taskFunIL{width: 102px;height: 102px;border-radius: 6px;position: relative;}
.taskFunI:nth-child(2n+1) .taskFunIL{background-color: var(--color-yellow-lite);}
.taskFunI:nth-child(2n+2) .taskFunIL{background-color: #191e22;}
.taskFunI:nth-child(2n+2) .taskFunIL i{color: #8b8b8b;}
.taskFunIL i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 56px;}
.taskFunIR{flex:1;-webkit-flex:1;width: 100%;margin-left: 40px;color: var(--white-color);padding: 10px 0;}
.taskFunIR h3{font-size: 26px;}
.taskFunIR p{font-size: 18px;margin-top: 15px;}

.taskReadme{padding: 110px 0 50px;}
.taskReadme .IndCommentIBan{height: auto;margin-top: 35px;}
.taskReadme .IndCommentIBan .ground{padding: 32px 20px 32px 10px;background-color: #0e1010;border-radius: 10px;}
.taskReadme .IndCommentIBan .ground .groundR p{line-height: 1.5;height: 72px;}
@media only screen and (max-width:767px){
.taskBant{padding: .3rem 0 .4rem;}
.taskBanL{width: 100%;}
.ban-h2{font-size: .2rem;}
.ban-p{font-size: .15rem;line-height: .26rem;margin-top: .2rem;}
.taskBanR{margin-left: 0;width: 100%;max-width: 677px;}
.taskBanb{padding: .2rem 0;}
.taskBanbI{width: 100%;padding: .15rem 2%;}
.taskBanbI i{font-size: .4rem;}
.taskBanbI h3{font-size: .15rem;margin-top: .15rem;}
.taskBanbI p{font-size: .11rem;margin-top: .15rem;}
.taskBanbI .line{width: 50%;top: 20px;left: 75%;display: none;}
.taskBanbI .line:before, .taskBanbI .line:after{width: 14px;height: 14px;}
.taskBanbI .line:before{left: -14px;}
.taskBanbI .line:after{right: -14px;}

.taskFun{padding-top: .3rem;}
.taskFunI{margin-top: .2rem;align-items: center;}
.taskFunIL{width: .6rem;height: .6rem;border-radius: .04rem;}
.taskFunIL i{font-size: 56px;}
.taskFunIR{flex:1;-webkit-flex:1;width: 100%;margin-left: .15rem;padding: .05rem 0;}
.taskFunIR h3{font-size: .14rem;font-weight: 600;}
.taskFunIR p{font-size: .11rem;margin-top: .1rem;}

.taskReadme{padding: .4rem 0 .3rem;}
.taskReadme .IndCommentIBan{margin-top: .2rem;}
.taskReadme .IndCommentIBan .ground{padding: .15rem;border-radius: .06rem;}
.taskReadme .IndCommentIBan .ground .groundR p{line-height: .2rem;height: .6rem;}
.Indadw{width: 92%}
}

/******************
------合作伙伴------
******************/
.partnerBan{padding: 86px 0 30px}
.partnerBanL{width: 48%;padding-left: 19%;padding-top: 80px; color: var(--white-color);}
.partnerBanL h2{font-size: 50px;}
.partnerBanL p{font-size: 20px;}
.partnerBanR{margin-left: 110px;width: 28.5%;max-width: 341px;}
.partnerBanR img{width: 100%;}

/*我们提供什么*/
.parfur{padding:35px 0;}
.parfurK{margin-top: 60px;}
.parfurD{background:#121518; width:49%; height:224px;border-radius: 8px; position: relative; padding:65px 50px 0;}
.parfurD:before,.parfurD:after{display:block;content:'';position: absolute;top:0; left:0; height:8px;}
.parfurD:before{background:#292929; width:100%;}
.parfurD:after{background:var(--color-yellow-lite); width:0%;transition:0.5s;} 
.parfurD:hover:after{ width:100%;transition:0.5s;}
.parfurI{font-size: 54px;color:var(--color-yellow-lite);  margin-left: 20px; margin-top:4px;}
.parfurP{color:var(--white-color);margin-left: 56px;flex:1;-webkit-flex:1;width: 100%;}
.parfurP h3{font-size:24px; line-height:26px; margin-bottom:12px; font-weight:700;}
.parfurP p{font-size: 14px; line-height:25px;}

/*为什么要成为forex rebate的合作伙伴？*/
.parfor{padding:35px 0 20px;}
.parforK{margin-top:60px;}
.parforD{background:#121518; border-radius: 8px; width:31.5%; height:262px;padding:65px 34px 0; text-align: center; margin-bottom: 38px;color:var(--white-color);}
.parforD h3{ font-size:24px; line-height:36px;  font-weight:700;}
.parforD p{ font-size:14px; line-height:26px; margin-top: 20px;}
.parforD:hover{border:1px solid var(--color-yellow-lite);box-shadow:0 0 12px rgba(41,166,67,0.2)}
.parad p{color: var(--white-color);font-size: 20px;margin-top: 15px;}
.parad .Indadw a{margin-top: 20px;}
.parad .Indadw p a{line-height: 26px;color: var(--white-color);padding:0;height: auto;margin:0;}
.parad .Indadw p a:hover{text-decoration: underline;}
.parad p img{width: 40px;margin-right: 10px;}
@media only screen and (max-width:767px){
/******************
------合作伙伴------
******************/
.partnerBan{padding: .3rem 0 .2rem;}
.partnerBanL{width: 100%;padding-left: 0;padding-top: 0;}
.partnerBanL h2{font-size: .2rem;}
.partnerBanL p{font-size: .15rem;}
.partnerBanR{margin-left: 0;width: 50%;max-width: 341px;margin: .3rem auto 0;}

/*我们提供什么*/
.parfur{padding: .2rem 0;}
.parfurK{margin-top: .3rem;}
.parfurD{width: 100%;height: auto;border-radius: .05rem;padding: .15rem;margin-bottom: .15rem;}
.parfurD:before,.parfurD:after{height:8px;}
.parfurI{font-size: .4rem;margin-left: 0;margin-top: 0;}
.parfurP{margin-left: .2rem;}
.parfurP h3{font-size: .14rem;line-height:26px;margin-bottom: .05rem;}
.parfurP p{font-size: .11rem;line-height:25px;}

/*为什么要成为forex rebate的合作伙伴？*/
.parfor{padding: .2rem 0 .1rem;}
.parforK{margin-top: .3rem;}
.parforD{border-radius: .05rem;width: 100%;height: auto;padding: .15rem;margin-bottom: .15rem;}
.parforD h3{font-size: .14rem;line-height: .2rem;}
.parforD p{font-size: .11rem;line-height: .18rem;margin-top: .12rem;}
.parad p{font-size: .12rem;margin-top: .1rem;}
.parad .Indadw a{margin-top: 20px;}
.parad .Indadw p a{line-height: 26px;}
.parad p img{width: .25rem;margin-right: .1rem;}
}

/******************
------招聘------
******************/
.hireBan{padding:72px 0 30px;}
.hireBanL{width: 57.5%}
.hireBanL p{font-size: 18px;}
.hireBanR{width: 40.7%;max-width: 488px;}
.hireBanR img{width: 100%;}

.hireTwo .parfurD{padding: 52px 20px 0 34px;margin-bottom: 26px;border-radius: 16px;}
.parfurD:before,.parfurD:after{display: none;}
.hireTwo .parfurD img{width: 55px;}
.hireTwo .parfurP{margin-left: 32px;}
.hireTwo .parfurP h3{margin-bottom: 20px;}
.hireTwo .parfurP p{color: #8e99a4;font-size: 18px;line-height: 34px;}

.hireThree{padding: 15px 0 70px;}
.hireThreeC{margin-top: 70px;}
.hireThreeCL{width: 49%;}
.hireThreeCL li{color: var(--white-color);padding: 14px 0 20px;border-top: 1px solid #202020;}
.hireThreeCL li:first-child{border-top: 0;}
.hireThreeCL li h3{font-size: 24px;font-weight: 600;}
.hireThreeCL li p{font-size: 18px;margin-top: 14px;}
.hireThreeCR{width: 47.5%;border: 1px solid #202020;border-radius: 16px;padding: 40px 30px;align-items: flex-end;}
.hireThreeCR img{max-width: 180px;}
.hireThreeCRT{color: var(--white-color);flex:1;-webkit-flex:1;width: 100%;margin-left: 50px;}
.hireThreeCRT h3{font-size: 26px;font-weight: 600;}
.hireThreeCRT p{font-size: 16px;margin-top: 24px;}
@media only screen and (max-width:767px){
.hireBan{padding: .3rem 0 .2rem;}
.hireBanL{width: 100%;}
.hireBanL p{font-size: .15rem;}
.hireBanR{width: 100%;max-width: 488px;margin-top: .3rem;}

.hireTwo .parfurD{padding: .15rem;margin-bottom: .15rem;border-radius: .1rem;}
.hireTwo .parfurD img{width: .4rem;}
.hireTwo .parfurP{margin-left: .2rem;}
.hireTwo .parfurP h3{margin-bottom: .1rem;}
.hireTwo .parfurP p{font-size: .11rem;line-height: .18rem;}

.hireThree{padding: 15px 0 70px;}
.hireThreeC{margin-top: .3rem;}
.hireThreeCL{width: 100%;}
.hireThreeCL li{color: var(--white-color);padding: 14px 0 20px;}
.hireThreeCL li h3{font-size: .14rem;}
.hireThreeCL li p{font-size: .11rem;margin-top: 14px;}
.hireThreeCR{width: 100%;border-radius: 16px;padding: .15rem;}
.hireThreeCR img{max-width: 180px;}
.hireThreeCRT{margin-left: 0;width: 100%;flex: auto;margin-top: .3rem;}
.hireThreeCRT h3{font-size: .14rem;font-weight: 600;}
.hireThreeCRT p{font-size: .11rem;margin-top: .15rem;}	
}
/******************
------广场------
******************/
.square-block{padding: 20px 0 30px;}
.square-side{width: 240px;position: sticky;top: 90px;}
.square-con{margin-left: 26px;flex:1;-webkit-flex:1;padding-bottom: 50px;}
.sideNavLI{margin-bottom: 8px;}
.sideNavLI a{font-size: 18px;color: #505963;border-radius: 6px;overflow: hidden;padding: 14px 32px;transition: all .4s ease;}
.sideNavLI a i{font-size: 20px;margin-right: 10px;}
.sideNavLI.on a,.sideNavLI:hover a{background-color: #15191d;color: var(--white-color);}
.side-fw-btn{width: 100%;margin-top: 70px;font-size: 20px;height: 56px;}
.square-l_menus{}
.square-l_menu{font-size: 18px;color: var(--white-color);margin-right: 26px;padding: 4px 0 9px; position: relative;transition: all .4s ease;}
.square-l_menu:before{content: '';position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 0;width: 0;height: 6px;border-radius: 10px;overflow: hidden;background-color: var(--color-yellow-lite);transition: all .4s ease;}
.square-l_menu.on,.square-l_menu:hover{color: var(--color-yellow-lite);}
.square-l_menu.on:before, .square-l_menu:hover:before{width: 90%;}
.square-message{margin-top: 10px;padding: 20px;background-color: #15191d;border-radius: 6px;}
.square-message-t{}
.fw-tx{width: 40px;height: 40px;border-radius: 50%;overflow: hidden;margin-right: 15px;}
.fw-tx img{width: 100%;height: 100%;object-fit: cover;}
.editable{flex:1;-webkit-flex:1;font-size: 16px;color: var(--white-color);padding: 8px 0;word-break: break-all;min-height: 100px;max-height: 600px; position: relative;background-color: transparent;border:none;resize:none;overflow-y: visible;}
.square-message-b{position: relative;}
.Upload-btn{margin-right: 20px;position: relative;width: 20px;height: 22px;}
.Upload-btn:before{font-family: "iconfont" !important;font-size: 20px;color: #43494e;transition: all .4s ease;}
.bq-btn:before{content: "\e612";}
.file-btn:before{content: "\e63d";}
.video-btn:before{content: "\e643";}
.Upload-btn:hover:before{color: var(--color-yellow-lite)}

.emoji-btn{position: absolute;z-index: 1;opacity: 0;width: 100%;height: 100%;left: 0;top: 0;}
.Upload-btn:hover i{color: var(--color-yellow-lite);}

.textarea{flex:1;-webkit-flex:1;font-size: 16px;color: var(--white-color);padding: 8px 0;word-break: break-all;min-height: 100px;max-height: 600px; position: relative;overflow: auto;}
.textarea img{width: 16px;display: inline-block;position: relative;top: 3px;}
.textarea img.fileImg{width: auto;}
.textarea video{max-width: 100%}

.textarea::before {content: '分享您的看法…';color: #505963;}
.textarea:not(:empty)::before {content: '';}
/*表情*/
.emoji-con{display: none; width: 100%;border-radius: 10px;overflow-y: hidden; background-color: var(--white-color);border:1px solid #dcdcdc;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.176);position: absolute;top: 100%;left: 0;right: 0;margin:0 auto;}
.emoji-tab{height: 32px;background-color: #f7f7f7;border-bottom: 1px solid #e3e3e3;padding: 0 10px;}
.emoji-tab a{font-size: 14px;color: var(--black-color); padding: 3px 11px;}
.emoji-tab a.on{color: var(--bg-b0);background-color: var(--color-yellow-lite);border-radius: 5px;}
.emoji-pic_b{}
.emoji-pic_b ul{height: 225px;overflow: auto;padding:10px;}
.emoji-pic_b ul li{margin-right: 5px;margin-top: 5px;}
.emoji-pic_b ul li img{width: 30px;cursor: pointer;}


.square-l_con{margin-top: 10px;border-radius: 6px;overflow: hidden;}
.square-l{width: 64.5%;border-radius: 6px;overflow: hidden;}
.square-l_item{padding: 20px;background-color: #15191d;border-top: 1px solid #424548;}
.square-l_item:first-child{border-top: 0;}
.squareTop{}
.square-tx{width: 74px;height: 74px;border-radius: 50%;overflow: hidden;}
.square-tx img{width: 100%;height: 100%;object-fit: cover;}
.squareTopR{width: 75%;margin-left: 34px;flex:1;-webkit-flex:1;}
.squareTopRL{width: 75%;}
.squareTopRL span{display: inline-block; font-size: 16px;color: #afafaf;margin-top: 10px;}
.squareTopRLT{font-size: 16px;color: #818181;align-items: flex-end;}
.squareTopRLT h3{font-size: 22px;max-width: 80%; font-weight: 600;color: var(--white-color);margin-right: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.follow-btn{font-size: 18px;padding: 7px 20px;}

.squareCon{padding-left: 108px;margin-top: 20px;}
.squareText{color: #e9e9e9;}
.squareText p{line-height: 32px;font-size: 16px;text-align: justify;}
.squareText video{margin-top: 20px;width: 410px;border-radius: 6px;}
.square-more{display: inline-block;font-size: 18px;color: var(--color-yellow-lite);margin-top: 35px;}
.square-more:hover{text-decoration: underline;}
.squareDataL{margin-top: 20px;}
.squareDataL li{margin-right: 14px;}
.squareDataL li a{display: block;padding:12px 17px;border-radius: 6px;overflow: hidden; background-color: #2b3139; font-size: 16px;font-weight: 600;color: var(--white-color);}
.squareDataL li a span{color: #16a36e}
.squareDataB{margin-top: 30px;padding: 10px 0;}
.squareDataB a{font-size: 16px;color: #848e9c;margin-left: 30px;transition: all .4s ease;}
.squareDataB a:first-child{margin-left: 0}
.squareDataB a:hover{color: var(--color-yellow-lite);}

.square-r{width: 33%;}
.square-r_item{background-color: #15191d;border-radius: 6px;overflow: hidden;padding: 24px 0;margin-bottom: 15px;}
.square-r_item:first-child{background-image: url(../images/jingh-bg.png);background-repeat: no-repeat;background-size: auto 136px;background-position: right top;}
.square-r_tit{padding-left: 20px;position: relative;font-size: 24px;color: var(--white-color);}
.square-r_tit:before{position: absolute;content: '';left: 0;top: 50%;transform: translate(0,-50%);width: 7px;height: 80%;background-color: var(--color-yellow-lite);border-radius: 10px;}
.square-r-list li{margin-top: 20px;padding: 0 20px;}
.square-r-list li a{display: block;color: #e9e9e9;}
.square-r-list li a h3{font-size: 16px;line-height: 22px;}
.square-hot-list li a h3{padding-left: 30px;position: relative;}
.square-hot-list li a h3:before{content: '';position: absolute;left: 0;top: 0;width: 22px;height: 22px;background-repeat: no-repeat;background-size: cover;background-position: center;background-image: url(../images/jingh-icon.png);}
.square-r-list li a p{font-size: 12px;color: #7e838e;margin-top: 4px;}
.square-hot-list li a p{padding-left: 30px;}
.square-r-list .square-tx{width: 46px;height: 46px;}
.square-r-list .squareTopR{margin-left: 12px;}
.square-r-list .squareTopRL{width: 70%;}
.square-r-list .squareTopRL h3{font-size: 16px;font-weight: 600;color: var(--white-color);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.square-r-list .squareTopRL span{display: block; font-size: 14px;color: #73777f;margin-top: 4px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.square-r-list .follow-btn{font-size: 16px; padding: 4px 14px;}
@media only screen and (max-width:767px){
.square-block{padding: .2rem 0 .2rem;}
.square-side{width: 100%;top: 0;z-index: 1;position: static;}
.square-con{margin-left: 0;width: 100%;padding-bottom: 0;}
.sideNavL{display: flex;flex-wrap: wrap;justify-content: space-between;}
.sideNavLI{margin-bottom: 8px;width: 48%;}
.sideNavLI a{font-size: .12rem;border-radius: .03rem;padding: 0 .15rem;height: .4rem;}
.sideNavLI a i{font-size: .12rem;margin-right: .05rem;}
.sideNavLI.on a,.sideNavLI:hover a{background-color: #15191d;color: var(--white-color);}
.side-fw-btn{margin-top: 0;font-size: .14rem;height: .4rem;position: fixed;bottom: 0;left: 0;right: 0;border-radius: 0;}
.square-l_menu{font-size: .14rem;margin-right: .15rem;padding: 4px 0 9px;}
.square-l_menu:before{height: .03rem;border-radius: 10px;}
.square-l_menu.on,.square-l_menu:hover{color: var(--color-yellow-lite);}
.square-l_menu.on:before, .square-l_menu:hover:before{width: 90%;}
.square-message{margin-top: .1rem;padding: .15rem;border-radius: .03rem;}
.square-message-t{}
.fw-tx{width: .3rem;height: .3rem;margin-right: .1rem;}
.editable{flex:1;-webkit-flex:1;font-size: 16px;padding: 8px 0;min-height: 100px;max-height: 600px; }
.Upload-btn{margin-right: .15rem;width: 20px;height: 22px;}
.Upload-btn:before{font-size: .15rem;}

.textarea{flex:1;-webkit-flex:1;font-size: .12rem;padding: .04rem 0;min-height: 100px;max-height: 600px;}
.textarea img{width: 16px;top: 3px;}
.textarea img.fileImg{width: auto;}
.textarea video{max-width: 100%}
/*表情*/
.emoji-con{width: 100%;border-radius: 10px;top: 100%;}
.emoji-tab{height: 32px;padding: 0 10px;}
.emoji-tab a{font-size: 14px;padding: 3px 11px;}
.emoji-tab a.on{border-radius: 5px;}
.emoji-pic_b{}
.emoji-pic_b ul{height: 225px;padding:10px;}
.emoji-pic_b ul li{margin-right: 5px;margin-top: 5px;}
.emoji-pic_b ul li img{width: 30px;}


.square-l_con{margin-top: .1rem;border-radius: .03rem;}
.square-l{width: 100%;border-radius: .03rem;}
.square-l_item{padding: .15rem;}
.square-tx{width: .4rem;height: .4rem;}
.squareTopR{width: 75%;margin-left: .1rem;flex:1;-webkit-flex:1;}
.squareTopRL{width: 68%;}
.squareTopRL span{font-size: .12rem;margin-top: .1rem;}
.squareTopRLT{font-size: .12rem;}
.squareTopRLT h3{font-size: .14rem;max-width: 80%;margin-right: .1rem;}
.follow-btn{font-size: .12rem;padding: .05rem .1rem;}

.squareCon{padding-left: 0;margin-top: .12rem;}
.squareText p{line-height: .24rem;font-size: .12rem;}
.squareText video{margin-top: .12rem;width: 100%;border-radius: 6px;}
.square-more{font-size: .13rem;margin-top: .2rem;}
.square-more:hover{text-decoration: underline;}
.squareDataL{margin-top: .12rem;justify-content: space-between;}
.squareDataL li{margin-right: 0;width: 32%;}
.squareDataL li a{padding: .1rem;border-radius: .03rem;font-size: .12rem;}

.squareDataB{margin-top: .2rem;padding: 10px 0;}
.squareDataB a{font-size: .11rem;margin-left: .15rem;}
.squareDataB a:hover{color: var(--color-yellow-lite);}

.square-r{width: 100%;}
.square-r_item{border-radius: 6px;padding: 24px 0;margin-bottom: 15px;}
.square-r_item:first-child{background-size: auto .8rem;}
.square-r_tit{padding-left: 20px;font-size: .15rem;}
.square-r_tit:before{width: .05rem;height: 80%;border-radius: 10px;}
.square-r-list li{margin-top: .15rem;padding: 0 .15rem;}
.square-r-list li a h3{font-size: .12rem;line-height: 22px;}
.square-hot-list li a h3{padding-left: 30px;}
.square-hot-list li a h3:before{width: 22px;height: 22px;}
.square-r-list li a p{font-size: .11rem;margin-top: 4px;}
.square-hot-list li a p{padding-left: 30px;}
.square-r-list .square-tx{width: .34rem;height: .34rem;}
.square-r-list .squareTopR{margin-left: 12px;}
.square-r-list .squareTopRL{width: 70%;}
.square-r-list .squareTopRL h3{font-size: .12rem;}
.square-r-list .squareTopRL span{font-size: 14px;margin-top: 4px;}
.square-r-list .follow-btn{font-size: 16px; padding: 4px 14px;}	
.square-page footer{padding-bottom: .5rem;}
}


/******************
------广场详情------
******************/
.back-menu{color: var(--white-color);font-size: 16px;margin-bottom: 15px;}
.back-menu i{font-size: 24px;margin-right: 15px;transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.squareConDet{padding-left: 0}
.square-reply{margin-top: 15px;padding: 20px;background-color: #15191d;border-radius: 6px;overflow: hidden;}
.reply-message_l{margin-right: 20px;}
.reply-message_r{flex:1;-webkit-flex:1;}
.reply-textarea{background-color: #2b3139;border:none;font-size: 16px;color: var(--white-color); resize: none;overflow-y: visible;height: 40px;padding: 8px 15px; border-radius: 10px;flex: 1;-webkit-flex:1;margin-right: 10px;}
.reply-btn{font-size: 16px;padding: 9px 20px;}
.reply-info{margin-top: 14px;color: var(--white-color);}
.reply-info_l{font-size: 16px;}
.reply-info_l span{margin-right: 20px;}
.reply-info_r{}
.reply-info-span{font-size: 16px;position: relative;padding: 6px 16px;cursor: pointer;}
.reply-info-span:before{content: '';position: absolute;width: 0;height: 0;border-top: 5px solid var(--white-color);border-right: 5px solid transparent;border-left: 5px solid transparent;top: 50%;transform: translate(0,-50%);right: 0;}
.reply-info_r .sel-ul_drown li{font-size: 16px;text-align: center;border-top: 1px dashed var(--bg-b3);background-color: rgba(255,255,255,.3);}
.reply-info_r .sel-ul_drown li:first-child{border-top: 0}

.comment_tc_body{margin-top: 20px;}
.comment_tc_body ul{}
.comment_tc_item{padding: 15px 0;border-top: 1px solid #2d3034}
.comment_tc_item:first-child{border-top: 0}

.comment_info{flex: 1;-webkit-flex:1;padding: 5px 0;width: 90%;}
.comment_text{color: var(--white-color);}
.comment_name{}
.comment_name h3{font-size: 16px;max-width: 85%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.comment_time{font-size: 16px;color: #57606c;margin-left: 12px;}
.comment_text p{line-height: 1.5;margin-top: 5px;font-size: 16px;text-align: justify;}
.comment_btn_wrap{margin-top: 15px;}
.comment_btn_wrap button{margin-right: 26px;color: var(--white-color);font-size: 16px;transition: all .4s ease;}
.comment_btn_wrap button i{color: #677382;margin-right: 12px;transition: all .4s ease;}
.comment_btn_wrap button:hover{opacity: .7;}
.comment_btn_wrap .dz-btn.on i{color: var(--color-yellow-lite)}

.comment_item_ul{padding-top: 15px;}

.Expand_reply_wrap{margin-top: 20px;}
.Expand_reply_btn{font-size: 16px;color: var(--white-color);cursor: pointer;}
.Expand_reply_btn i{margin-left: 5px}


/******************
------通知------
******************/
.notice-l{background-color: #15191d;}
.noticeT{font-size: 26px;color: var(--white-color);font-weight: 600;padding:20px;}
.notice-l_menus{padding: 0 20px;}
.notice-l_menus button{font-size: 20px;color: #606a75;}
.notice-tx{position: relative;text-align: center;}
.notice-tx:before{content: "\e624";font-family: "iconfont" !important;color: var(--color-yellow-lite);font-size: 40px;}
.noticeTopR{margin-left: 20px;}
.noticeCon{padding-left: 60px;}


.tab-content .loader-wrap {display: none;padding: 100px 0;}
.tab-content.on .loader-wrap {display: flex;}

.loader {width: 10px; height: 10px;border-radius: 50%;position: relative;text-indent: -9999em;-webkit-animation: load4 1.3s infinite linear;animation: load4 1.3s infinite linear;}
.loader:before,.loader:after {content: '';position: absolute;top: 0;}

.no-data{height: 300px;position: relative;}
.no-data-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
.no-data-wrap img{display: inline-block;width: 60px;}
.no-data-wrap h3{font-size: 20px;color: var(--white-color);font-weight: 600;margin-top: 10px;}
.no-data-wrap p{font-size: 14px;color: #464e55;margin-top: 10px;}


.square-l_common{padding: 20px;background-color: #15191d;border-radius: 6px;}
.edit-btn{font-size: 16px;color: #a7afb8;align-items: baseline;}
.edit-btn i{color: var(--color-yellow-lite);margin-right: 8px;font-size: 20px;}
.edit-btn:hover{opacity: .7;}

/*编辑弹窗*/
.commonTC{background-color: #20252b;border-radius: 6px;}
.editTC{width: 570px;padding: 20px 20px 56px;}
.tc-hd{}
.tc-hd h3{font-size: 24px;color: var(--white-color);}
.close{position: relative;width: 20px;height: 20px;}
.close:before,.close:after{content: '';position: absolute;width: 2px;height: 100%;background-color: var(--white-color);top: 0;}
.close:before{transform: rotate(-45deg);}
.close:after{transform: rotate(45deg);}

.user_tx_wrap{flex-direction: column;margin-top: 30px;}
.user_tx_wrap .label{cursor: pointer;display: inline-block;position: relative;}
.user_tx_wrap .label p{position: absolute;left: 0;right: 0;margin:0 auto;text-align: center;top: 50%;transform: translate(0,-50%);z-index: 3;color: var(--white-color);font-size: 14px;opacity: 0;visibility: hidden;transition: all .3s ease;}
.user_tx_wrap .label:before{content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;z-index: 2;transition: all .3s ease;}
.user_tx_wrap .label:hover:before{background-color: rgba(0,0,0,.3);}
.user_tx_wrap .label:hover p{opacity: 1;visibility: visible;}
.user_tx_wrap .rounded{width: 92px;height: 92px;object-fit: cover; overflow: hidden;border-radius: 50%;margin:0 auto;}
.user_tx_wrap .sr-only{position: absolute;left: 0;top: 0;width: 0;height: 0;opacity: 0;}
.user_tx_wrap span{font-size: 14px;color: #828d9b;margin-top: 15px;}

.edit-item{margin-top: 38px;}
.edit-item .t{font-size: 18px;color: var(--white-color);width: 86px;padding-top: 15px;}
.edit-item .inp-wrap{background-color: #3d434c;flex:1;-webkit-flex:1;border-radius: 10px;overflow: hidden;}
.edit-item .inp-wrap input{font-size: 18px;padding: 14px 20px;color: var(--white-color);flex:1;-webkit-flex:1;}
.edit-item .inp-wrap span{padding: 14px 15px;font-size: 18px;color: #8b919b;}
.edit-item .inp-wrap textarea{background-color: transparent;border: none;resize: none;font-size: 18px;padding: 14px 20px;color: var(--white-color);flex:1;-webkit-flex:1;min-height: 90px;overflow-y: visible;}
.tc-ft{margin-left: 86px;margin-top: 40px;}
.tc-ft button{margin-right: 14px;width: 134px;height: 54px;border-radius: 10px;font-size: 18px;}
.tc-ft button:hover{opacity: .7;}
.cancel-btn{background-color: var(--color-yellow-lite);}
.save-btn{background-color: #3d434c;color: var(--white-color);}

/*修改头像弹窗*/
.tx_modal{z-index: 2027}
.modal-dialog {position: absolute;max-width: 410px;left: 0;right: 0; margin:0 auto;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
.modal-content {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;width: 100%;pointer-events: auto;background-color: var(--white-color);background-clip: padding-box;border-radius: 10px;outline: 0;overflow: hidden;}
.modal-header {position: absolute;right: 0;top: 0;z-index: 99;width: 60px;height: 60px;background-color: var(--color-yellow-lite);border-radius: 50%;right: -30px;top: -30px;}
.close-pic{position: absolute;bottom: 0;left: 10px;}
.close-pic span{font-size: 30px;color: var(--white-color);}
.modal-body { position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 56px 50px 0;}
.modal-footer {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: end;justify-content: center;padding: 40px 0 20px;}
.confirm-btn{font-size: 18px;padding: 12px 50px;}

/*发文弹窗*/
.fw_modal{width: 600px;padding: 20px;}
.close.absolute{position: absolute;right: 10px;top: 10px;z-index: 2;}

/*修改input默认颜色文字*/
.edit-item .inp-wrap input:-moz-placeholder,  
.edit-item .inp-wrap textarea:-moz-placeholder {color: #8b919b;}  
.edit-item .inp-wrap input:-ms-input-placeholder,  
.edit-item .inp-wrap textarea:-ms-input-placeholder {color: #8b919b;}  
.edit-item .inp-wrap input::-webkit-input-placeholder,  
.edit-item .inp-wrap textarea::-webkit-input-placeholder {color: #8b919b;}
@media only screen and (max-width:767px){
.noticeT{font-size: .15rem;padding: .15rem;}
.notice-l_menus{padding: 0 .15rem;}
.notice-l_menus button{font-size: .14rem;}
.notice-tx:before{font-size: .3rem;}
.noticeTopR{margin-left: .15rem;}
.noticeCon{padding-left: 60px;}


.tab-content .loader-wrap {padding: 100px 0;}

.loader {width: 10px; height: 10px;text-indent: -9999em;}

.no-data{height: 300px;}
.no-data-wrap img{width: 60px;}
.no-data-wrap h3{font-size: 20px;margin-top: 10px;}
.no-data-wrap p{font-size: 14px;margin-top: 10px;}


.square-l_common{padding: 20px;border-radius: 6px;}
.edit-btn{font-size: 16px;}
.edit-btn i{margin-right: 8px;font-size: 20px;}
.edit-btn:hover{opacity: .7;}

/*编辑弹窗*/
.commonTC{border-radius: 6px;}
.editTC{width: 92%;padding: .15rem;}
.tc-hd{}
.tc-hd h3{font-size: .14rem;color: var(--white-color);}
.close{width: 20px;height: 20px;}
.close:before,.close:after{width: 2px;}

.user_tx_wrap{margin-top: .15rem;}
.user_tx_wrap .label p{font-size: .11rem;}
.user_tx_wrap .label:hover:before{background-color: rgba(0,0,0,.3);}
.user_tx_wrap .label:hover p{opacity: 1;visibility: visible;}
.user_tx_wrap .rounded{width: .5rem;height: .5rem;}
.user_tx_wrap span{font-size: .11rem;margin-top: .1rem;}

.edit-item{margin-top: .15rem;}
.edit-item .t{font-size: .12rem;width: .5rem;padding-top: .1rem;}
.edit-item .inp-wrap{border-radius: .06rem;}
.edit-item .inp-wrap input{font-size: .12rem;padding: .1rem .1rem;}
.edit-item .inp-wrap span{padding: .1rem;font-size: .1rem;}
.edit-item .inp-wrap textarea{font-size: .13rem;padding: .1rem .1rem;min-height: 90px;}
.tc-ft{margin-left: 0;margin-top: .2rem;justify-content: center;}
.tc-ft button{margin-right: 0;width: 1rem;height: .4rem;border-radius: .06rem;font-size: .13rem;margin: 0 .1rem;}
.tc-ft button:hover{opacity: .7;}

/*修改头像弹窗*/
.tx_modal{z-index: 2027}
.modal-dialog {max-width: 410px;}
.modal-content {width: 100%;border-radius: 10px;}
.modal-header {width: 60px;height: 60px;right: -30px;top: -30px;}
.close-pic{left: 10px;}
.close-pic span{font-size: 30px;}
.modal-body {padding: 56px 50px 0;}
.modal-footer {padding: 40px 0 20px;}
.confirm-btn{font-size: 18px;padding: 12px 50px;}

/*发文弹窗*/
.fw_modal{width: 92%;padding: .15rem;}
.close.absolute{right: 10px;top: 10px;}	
}


/**************
------比赛------
**************/
.comDK{padding:55px 0 25px}
.comHd{padding:20px 0}
.comHd h3{font-size:24px;color:var(--white-color); font-weight:700; margin-bottom:14px;}
.comHd p{ font-size:16px;color: #a8a8a8;}
.comEK{}
.comTab{ border-spacing:0 16px;}
.comTab tr th,.comTab tr td{ font-size: 16px; text-align: left}
.comTab tr th:first-child,.comTab tr td:first-child{padding-left:12px;}
.comTab tr th{ background:#434343; height: 52px; color:var(--white-color); font-weight:500;}
.comTab tr td{ position:relative; background:#26282b; padding-top:15px;padding-bottom:15px; line-height:22px; color:var(--white-color);}
.comTab tr td .IndCor2{color: var(--color-yellow-lite)}
.comTab tr.comTabEnd td{background:#484d53;}
.comTabM{ width: 180px;}
.comTabMI{width:84px; height: 84px; border-radius:3px; overflow: hidden;}
.comTabMI img{width:100%; display: block;}
.comTabMP{ color:var(--color-yellow-lite); width: 100%; flex:1; margin-left: 13px;}
.comTabZ{ width:72px; height: 30px; border-radius:15px;color:var(--color-yellow-lite); font-size: 16px;  background:rgba(121,107,47,.18); border:1px solid var(--color-yellow-lite);}
.comTabZe{ width:72px; height: 30px; border-radius:15px;color:var(--white-color); font-size: 16px; border:1px solid #6f6f6f;}
.comTabZ p,.comTabZe p{ line-height:20px;}
.comTaba{width:86px; height: 30px; border-radius:15px;color:var(--black-color); font-size: 16px;background:var(--color-yellow-lite);}
.comTaba p，.comTabg p{ line-height:20px;}
.comTaba:hover{box-shadow:0 0 8px rgba(252,213,53,0.8)}
.comTabg{width:86px; height: 30px; border-radius:15px;color:var(--white-color); font-size: 16px;background:var(--black-color-0)d75;}
/********分页*******/
.page{font-size:14px;color:var(--white-color);width:100%; border-radius:6px; padding:40px;}
.page a{text-align:center;color:var(--white-color);display:block;width:30px;height:30px;line-height:30px; margin:0 10px;}
.pageI{background-color: #1e2329; width:60px; height:28px; border-radius:4px; margin:0 10px;line-height:28px; text-align: center; font-size:14px;color: var(--white-color);}
.page a:hover,.page a.on{ background:var(--color-yellow-lite); color:var(--bg-b0);border-radius: 6px;}
@media only screen and (max-width:767px){
.comDK{padding:55px 0 25px}
.comHd{padding:20px 0}
.comHd h3{font-size: .16rem;margin-bottom:14px;}
.comHd p{font-size: .12rem;}
.comEK{overflow: auto;width: 92%;}
.comTab{border-spacing:0 16px;width: max-content;}
.comTab tr th,.comTab tr td{font-size: .11rem;padding: 0 .1rem;}
.comTab tr th:first-child,.comTab tr td:first-child{padding-left:12px;position: sticky;left: 0;z-index: 2;}
.comTab tr th{height: .4rem;}
.comTab tr td{padding-top:15px;padding-bottom:15px; line-height:22px;}
.comTabM{ width: 180px;}
.comTabMI{width: .6rem;height: .6rem;border-radius:3px;}
.comTabMP{flex:1; margin-left: 13px;}
.comTabZ{ width:72px; height: 30px; border-radius:15px;font-size: 16px;}
.comTabZe{ width:72px; height: 30px; border-radius:15px;font-size: 16px;}
.comTabZ p,.comTabZe p{ line-height:20px;}
.comTaba{width:86px; height: 30px; border-radius:15px;font-size: 16px;}
.comTaba p，.comTabg p{ line-height:20px;}
.comTaba:hover{box-shadow:0 0 8px rgba(252,213,53,0.8)}
.comTabg{width:86px; height: 30px; border-radius:15px;font-size: 16px;}
/********分页*******/
.page{font-size: .11rem;width:100%;border-radius:6px;padding: .15rem 0;}
.page a{width: .2rem;height: .2rem;line-height: .2rem;margin: 0 .05rem;}
.pageI{width: .4rem;height: .2rem;border-radius:4px;margin:0 10px;line-height: .2rem;font-size: .11rem;}
.page a:hover,.page a.on{border-radius: .03rem;}	
}
/*******************
------比赛详情-------
*******************/
.comban{padding: 70px 0 30px;}
.combanN{color:var(--white-color);padding:0 55px; text-align: center;}
.combanN h1{ font-size:30px; line-height:40px; }
.combanN h3{font-size:16px; line-height:25px; font-weight:600;}
.combanP{margin-top: 15px;}
.combanP p{font-size:14px; line-height:24px;}
.combana{width:160px;height:54px;line-height:54px;text-align:center;background:var(--color-yellow-lite);display:block;font-size:20px; border-radius:4px; margin:19px auto 0;}

.comDethd{background:var(--white-color);box-shadow:0 0 10px rgba(0,0,0,0.05)}
.comDethd li{color:#3c3c3c;}
.comDethd .sigJu{border-color: transparent transparent #949494 transparent;cursor: pointer;}
.comDethd .sigJd{border-color: #949494 transparent transparent transparent;cursor: pointer;}
.sigHD{ margin-bottom: 50px;}
.sigHDa{ height:320px; width:590px; background:var(--white-color); color:#3c3c3c; font-size: 14px;}
.sigHDa:hover{background:rgba(255,255,255,0.5);}
.sigTit{margin-bottom:20px;}
.sigTit h3{font-size: 24px;color: var(--white-color);font-weight: 600;}
.sigJ{ width:8px; height: 10px; position: relative; margin-left: 5px;}
.sigJI{width:0;height:0;border-style: solid; display: block; position: absolute; left:0}
.sigJu{border-width: 0 4px 4px 4px;border-color: transparent transparent var(--white-color) transparent;top:0;}
.sigJd{bottom:0;border-width: 4px 4px 0 4px;border-color: var(--white-color) transparent transparent transparent;}
.sigUhd{ margin-bottom:10px; background:#313131; padding:0 8px;}
.sigUhd li{ height:50px; color:#727272; font-size: 16px; }
.sigUhd li p{line-height:25px;}
.sigU1{width:8%;}
.sigU2{ width:14%;}
.sigU3{ width:12%;}
.sigU4{ width:10%;}
.sigU5{width:4%;}
.sigChd{margin-bottom:16px; background:#313131; padding:10px 8px;}
.sigsea{width:140px; height:38px; background:#696969; border-radius:3px; padding:0 14px;}
.sigseaA{}
.sigseaA i{color: #b6b6b6;}
.sigseaI{width:100%; flex:1; height:36px; line-height:36px;border:none;  color:#b8b8b8; font-size:15px;}
.sigsel{background-color:#696969; width:130px; height:38px; line-height:38px; border-radius:3px; font-size:15px; color:#b8b8b8; padding:0 12px;background-repeat:no-repeat;background-position:105px center;background-size:12px;background-image: url("../images/brosel2.png");}
.sigUD{}
.sigUD li{ margin-bottom:16px;background:var(--white-color); padding:10px 8px; font-size:15px; color:#262626; text-align: center;}
.sigpn{ color:#838383;}
.sigUDmcI{ margin-top: 5px;}
.sigUDmcI img{height:13px; display: block; margin:0 auto;}
.sigUDdr{}
.sigUDdrI{ width: 44px;height: 44px; border-radius:50%; overflow: hidden;}
.sigUDdrI img{width:100%; display: block;}
.sigUDdrP{width:100%; flex:1; margin-left:8px; text-align: left}
.sigUDdrPs{ margin-top: 5px;}
.sigUDdrPs img{width:10px;}
.sigUDyy{ text-align: left;}
.sigUa{width:80px;height:36px;line-height:36px;text-align:center;background:var(--color-yellow-lite);font-size:15px; border-radius:3px;font-weight:700;}
.sigUD li:hover{ box-shadow:0 0 18px rgba(0,0,0,0.1)}
@media only screen and (max-width:767px){
.comban{padding: .3rem 0;}
.combanN{padding: 0;}
.combanN h1{font-size: .2rem;line-height: 1.5;}
.combanN h3{font-size: .12rem;line-height: 1.5;margin-top: .1rem;}
.combanP{margin-top: .1rem;}
.combanP p{font-size: .11rem;line-height: 2;}
.combana{width: 100%;height: .4rem;line-height: .4rem;font-size: .14rem;border-radius:4px;margin: .15rem auto 0;}

.sigHD{ margin-bottom: 50px;}
.sigHDa{ height:320px; width:590px;font-size: 14px;}
.sigHDa:hover{background:rgba(255,255,255,0.5);}
.sigTit{margin-bottom: .15rem;}
.sigTit h3{font-size: .15rem;}
.sigJ{ width:8px; height: 10px; margin-left: 5px;}
.sigJu{border-width: 0 4px 4px 4px;}
.sigJd{bottom:0;border-width: 4px 4px 0 4px;}
.sigUhd{margin-bottom: .1rem;padding:0 8px;}
.sigUhd li{height: .4rem;font-size: .12rem;width: 30%;}
.sigUhd li p{line-height:25px;}
.sigU1{width: 50%;}
.sigU2{width: 48%;}
.sigU3{width: 48%;}
.sigU4{ width:10%;}
.sigU5{width:4%;}
.sigChd{margin-bottom:16px;padding:10px 8px;justify-content: space-between;}
.sigsea{width: 100%;height:38px;border-radius:3px;padding:0 14px;}
.sigseaA{}
.sigseaI{width:100%; flex:1; height:36px; line-height:36px;font-size:15px;}
.sigsel{width: 100%;height:38px;line-height:38px;border-radius:3px;font-size:15px;padding:0 12px;background-position:105px center;background-size:12px;}
.sigUD{}
.sigUD li{ margin-bottom:16px; padding:10px 8px; font-size:15px;}
.sigUDmcI{ margin-top: 5px;}
.sigUDmcI img{height:13px;}
.sigUDdr{}
.sigUDdrI{ width: 44px;height: 44px;}
.sigUDdrI img{width:100%;}
.sigUDdrP{width:100%; flex:1; margin-left:8px;}
.sigUDdrPs{ margin-top: 5px;}
.sigUDdrPs img{width:10px;}
.sigUa{width:80px;height:36px;line-height:36px;font-size:15px; border-radius:3px;}
.sigUD li:hover{ box-shadow:0 0 18px rgba(0,0,0,0.1)}
.kg{display: none;}

.sigUDP{width: 12%;}
.sigUDP1{width: 8%}
.sigUDW{overflow: auto;}
.sigUDW ul{width: 1200px;}
.sigUaW{width: 8%}
.sigUDP4{width: 10%}
}

/**************
------支持------
***************/
.supban{}
.supbanN{padding: 54px 0 24px;}
.supbanN h1{ font-size: 36px; line-height:50px; color:var(--white-color); font-weight: 700;}
.supsea{width:341px; height: 55px; background:var(--white-color); border-radius:7px; padding:0 24px;margin-top: 14px;}
.supsea i{font-size: 18px;color: var(--color-yellow-lite);}
.supseaI{width:260px;height:49px; line-height:49px; background:var(--white-color); border:none;  color:#484848; font-size:16px;}
.supDK{padding:36px 0;}
.supDD{align-items:stretch;}
.supNav{width:212px; background:#17181a; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.05); padding:3px 16px;align-content:flex-start}
.supNava{width:100%; line-height:66px; text-align: center; display: block; border-bottom:1px solid #363738; color:var(--white-color); font-size:16px;}
.supNava:last-child{border-bottom:none;}
.supNav .on,.supNava:hover{color:var(--color-yellow-lite);}
.supDB{width:970px; background:#17181a; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.05); padding:20px 23px;color:#929292;line-height:20px; font-size: 14px;}
.supDH{color:var(--color-yellow-lite); font-size:30px; line-height:44px;margin-bottom:16px;}
.supDE{ margin-bottom:30px; text-align: justify;}
.supDE h3{ margin-bottom:14px; color:var(--white-color);line-height:42px; font-size:20px; border-bottom:1px solid #dcdcdc; width:100%; font-weight:600;}
.supDE h4{ margin-bottom:14px; margin-top:10px; color:var(--white-color);line-height:42px; font-size:18px; border-bottom:1px solid #dcdcdc; width:100%;font-weight:600;}
.supDE h5{ margin:10px 0;color:var(--white-color);line-height:42px; font-size:15px;width:100%;font-weight:600;}
.supDE p{}
.supDre{ font-weight:600; color:var(--black-color-0);font-size:20px;background-color:var(--bg-b1);padding:15px 24px;border-radius:15px; margin:20px 0 14px; width:100%; line-height:40px;}
.supDU{}
.supDU li{padding-bottom:10px;}
.supDUa{color:var(--black-color-0);font-size:16px;background-color:var(--bg-b1);padding:12px 20px;border-radius:12px;width:100%; line-height:30px; display: block;}
.supDUa:hover{ text-decoration:underline;}
.supDUK{padding:15px 20px;  display:none;}


.sigDzj{justify-content:space-around; height:20px; line-height:30px; font-size: 13px; margin-top:10px;}

.IndCor1{ color:#eb3535;}
.IndCor2{ color:#29a643;}


.sigDLy tr td.IndBack01{ background:rgba(6,199,85,0.1);}
@media only screen and (max-width:767px){
.supbanN{padding: .3rem 0;}
.supbanN h1{font-size: .2rem;line-height: .3rem;}
.supsea{width: 100%;height: .4rem;border-radius: .04rem;padding: 0 .15rem;margin-top: .1rem;}
.supsea i{font-size: .14rem;}
.supseaI{width: 90%;height: .4rem;line-height: .4rem;font-size: .12rem;}
.supDK{padding: .2rem 0;}
.supNav{width: 100%;border-radius:8px;padding: .03rem .1rem;}
.supNava{width: 23%;line-height: .4rem;font-size: .11rem;}
.supNav .on,.supNava:hover{color:var(--color-yellow-lite);}
.supDB{width: 100%;border-radius: .04rem;box-shadow:0 0 10px rgba(0,0,0,0.05);padding: .15rem;line-height: .22rem;font-size: .11rem;}
.supDH{font-size: .2rem;line-height: .3rem;margin-bottom: .12rem;}
.supDE{margin-bottom: .2rem;}
.supDE h3{margin-bottom: .1rem;line-height: .3rem;font-size: .15rem;}
.supDE h4{ margin-bottom:14px; margin-top:10px;line-height:42px; font-size:18px;}
.supDE h5{ margin:10px 0;line-height:42px; font-size:15px;}
.supDE p{}
.supDre{font-size:20px;padding:15px 24px;border-radius:15px; margin:20px 0 14px; width:100%; line-height:40px;}
.supDU{}
.supDU li{padding-bottom:10px;}
.supDUa{font-size:16px;padding:12px 20px;border-radius:12px;line-height:30px;}
.supDUa:hover{ text-decoration:underline;}
.supDUK{padding:15px 20px;}
.supNava:last-child{border-bottom: 1px solid #363738;}

.sigDzj{height:20px; line-height:30px; font-size: 13px; margin-top:10px;}
}
/**************
------促销活动------
**************/
.proban{ color:var(--white-color); text-align: center; }
.probanN{height: 180px;align-content:center}
.probanN h1{ font-size:36px;width:100%; line-height:50px; margin-bottom:8px;}
.probanN p{font-size:20px;width:100%; line-height:30px;}
.proDK{ padding:22px 0 5px;}

.proDN{background:#26282b; margin-bottom:34px; width: 380px; height:610px; margin-left:30px;}
.proDN:nth-child(3n+1){ margin-left:0}
.proDH{padding:40px 16px 0; background:#17181a;height:175px;}
.proDHs{ color:var(--color-yellow-lite); font-size:60px; line-height:80px;align-items: baseline;}
.proDHs i{font-size: 54px;line-height: 1;width: 40px;}
.proDHs span{ font-size: 80px; margin-bottom:10px; display: block; font-weight: 700;}
.proDHz{ font-size:16px; line-height:28px;}
.proDHz p{ color:var(--white-color);}
.proDHza{ color:var(--color-yellow-lite);text-decoration: underline;}
.proDE{padding:10px 16px; }
.proDE h3{ color:var(--white-color); font-size: 24px; line-height:44px; height: 44px; font-weight:700;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.proDEN{height: 300px; color:var(--white-color); font-size: 16px; line-height:28px;}
.proDEP{ margin-top: 10px;}
.proDEP p{ padding-left:25px; position: relative;margin-bottom: 6px;}
.proDEP p:before{content: "\e60b";font-family: "iconfont" !important;position: absolute;background-repeat:no-repeat;left:0;top:50%;transform: translate(0,-50%);color: var(--color-yellow-lite)}
.proDEa{width:100%;height:58px;line-height:58px;text-align:center;background:var(--color-yellow-lite);display:block;color:var(--black-color);font-size:18px; border-radius:5px; letter-spacing: 2px; font-weight:700;}
.proDEa:hover{box-shadow:0 0 8px rgba(252,213,53,0.8)}
.proDN:hover{box-shadow:0 0 15px rgba(0,0,0,0.05)}
@media only screen and (max-width:767px){
.probanN{height: 180px;}
.probanN h1{ font-size:36px;width:100%; line-height:50px; margin-bottom:8px;}
.probanN p{font-size:20px;width:100%; line-height:30px;}
.proDK{padding: .1rem 0;}

.proDN{margin-bottom: .2rem;width: 100%;height: auto;margin-left: 0;}
.proDN:nth-child(3n+1){ margin-left:0}
.proDH{padding: .2rem .15rem;height: auto;}
.proDHs{ color:var(--color-yellow-lite); font-size:60px; line-height:80px;}
.proDHs i{font-size: .3rem;width: 40px;}
.proDHs span{font-size: .5rem;margin-bottom:10px;}
.proDHz{font-size: .12rem;line-height: .22rem;}
.proDE{padding: .2rem .15rem;}
.proDE h3{font-size: .14rem;line-height: .26rem;height: 44px;}
.proDEN{height: auto;font-size: .12rem;line-height: .22rem;}
.proDEP{margin-top: .1rem;}
.proDEP p{padding-left:25px;margin-bottom: .05rem;}
.proDEa{width:100%;height: .4rem;line-height: .4rem;font-size: .13rem;border-radius: .03rem;letter-spacing: 2px;margin-top: .3rem;}
.proDEa:hover{box-shadow:0 0 8px rgba(252,213,53,0.8)}
.proDN:hover{box-shadow:0 0 15px rgba(0,0,0,0.05)}	
}

/******************
------促销活动详情------
******************/
.proDet{ padding:20px 0 30px;align-items:stretch;}
.proDetN{ font-size:16px; color:#b7b7b7; line-height:32px; padding:28px 17px; background:#15191d; border-radius: 10px; width: 860px;}
.proDetN h3{ font-size: 26px; line-height:36px; margin-bottom:18px;color: var(--white-color);}
.proDetN p{line-height: 2;}
.proDetR{width:320px;font-size:16px; color:#484848; line-height:32px; padding:15px 0;background:#15191d;border-radius:10px;}
.proDetRH{ padding-left: 17px; height:40px; line-height:40px; color:#353535; font-size: 20px; position: relative; font-weight:700;}
.proDetRH:before{display:block;content:'';position: absolute; width: 7px; height: 20px; background:#29a643;left:0;top:50%;transform: translate(0,-50%);}
.proDetRU{padding:0 17px;}
.proDetRa{ line-height:22px; padding-left: 18px; padding-top: 20px; padding-bottom: 20px;display: block; position: relative;}
.proDetRa:last-child{ border-bottom:0;}
.proDetRa:before{display:block;content:'';position: absolute; width:7px; height: 7px; background:var(--color-yellow-lite); border-radius:50%; left:1px; top:29px;}
.proDetRa h3{ color:var(--white-color); font-weight:700; font-size: 18px;height:25px; line-height:25px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.proDetRa p{ color:#b7b7b7; font-size:14px;line-height: 1.5; height: 42px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; margin:5px 0;}
.proDetRM{color:var(--color-yellow-lite);text-decoration: underline; font-size: 16px;}
@media only screen and (max-width:767px){
.proDet{padding: .15rem 0;}
.proDetN{font-size: .12rem;line-height: .22rem;padding: .12rem .15rem;border-radius: .06rem;width: 100%;}
.proDetN h3{font-size: .15rem;line-height: .26rem;margin-bottom: .12rem;}
.proDetN p{line-height: 2;}
.proDetR{width: 100%;font-size: .12rem;line-height: .22rem;padding: .2rem 0.15rem;border-radius: .06rem;}
.proDetRH{ padding-left: 17px; height:40px; line-height:40px;font-size: 20px;}
.proDetRH:before{width: 7px; height: 20px;}
.proDetRU{padding: 0 .15rem;}
.proDetRa{line-height:22px;padding-left: .15rem;padding-top: .15rem;padding-bottom: .15rem;}
.proDetRa:before{width: .04rem;height: .04rem;left:1px;top: .26rem;}
.proDetRa h3{font-size: .13rem;height: .26rem;line-height: .26rem;}
.proDetRa p{font-size: .11rem;line-height: .16rem;height: .32rem;-webkit-line-clamp:2;margin:5px 0;}
.proDetRM{font-size: .12rem;}	
}

/****************
------EA商城------
****************/
.eamallBan{padding: 10px 0;}
.eamallBanP{margin-top: 20px;}
.eamallBanP p{position: relative;color: var(--white-color);font-size: 14px;margin-bottom: 15px;padding-left: 30px;}
.eamallBanP p:before{content: "\e60b";font-family: "iconfont" !important;color: var(--color-yellow-lite); position: absolute; width: 16px;height: 16px;border:1px solid #6e6e6e;left: 0;top: 0;}

.malDK{ padding:10px 0 20px;}
.malTit{height:46px; margin-bottom:20px;}
.malTita{ font-size:16px; color:var(--white-color); line-height:46px; margin-right:18px; position: relative;}
.malTita:before{display:block;content:'';position: absolute;transition:0.5s; width:0; height: 4px; background:var(--color-yellow-lite);left:50%;bottom:0;transform: translate(-50%,0);}
.malTit .on{ color:var(--color-yellow-lite); font-size:20px;}
.malTit .on:before{transition:0.5s; width:100%}
.malB{}
.mall{}
.malN{color:#2c2c2c; background:var(--white-color); margin-bottom:22px; margin-left:18px; width:286px; border-radius:5px; padding:20px 20px 0; position: relative;font-size: 14px;}
.malN:nth-child(4n+1){ margin-left:0;}
.malZ{padding: 2px 11px; color:var(--white-color); text-align: center; border-radius: 3px; font-size: 16px; z-index:9; position: absolute;top:14px;left:10px;}
.malZ-C1{background:#f7c008;}
.malZ-C2{background:#0b264b;}
.malZ-C3{background:#f29b76;}
.malZ-C4{background:#313131;}
.malN h3{ font-size: 20px; font-weight:700;line-height:36px; height: 36px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.malNs{line-height:22px;align-items:baseline}
.malNs span{ font-size:16px;}
.malNp{ color:#848484; line-height:22px; height:22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.malNi{ margin-top: 8px;}
.malNi img{height:20px; display: block;}
.malNf{ color:#848484; height:40px;}
.malNf p{line-height:20px;}
.malNfa{ line-height:20px; color:#848484; margin-left: 15px;}
.malNfa img{width:12px; display: block; margin-right: 1px;}
.malNB{ height:74px; border-top:1px solid #dcdcdc;}
.malNBs{align-items:baseline; font-size:16px; color:#2a2a2a;}
.malNBs p{ font-size:30px; font-weight:700; line-height:30px;}
.malNBs span{ font-size:14px; text-decoration:line-through;}
.malNBa{width:70px;height:36px;line-height:36px;text-align:center;background:#29a643;display:block;color:var(--white-color);font-size:16px; border-radius:4px;}
.malNBa:hover{box-shadow:0 0 8px rgba(41,166,67,0.8)}
.malN:hover{box-shadow:0 0 8px rgba(0,0,0,0.08);}
@media only screen and (max-width:767px){
.eamallBan{padding: 10px 0;}
.eamallBanP{margin-top: .15rem;}
.eamallBanP p{font-size: .11rem;margin-bottom: .12rem;padding-left: .24rem;}
.eamallBanP p:before{width: 16px;height: 16px;}

.malDK{padding: .15rem 0;}
.malTit{height: auto;margin-bottom: .15rem;justify-content: space-between;}
.malTita{font-size: .11rem;line-height: .34rem;margin-right: 0;}
.malTita:before{height: 4px;}
.malTit .on{font-size: .11rem;}

.malN{margin-bottom: .15rem;margin-left: 0;width: 100%;border-radius: .03rem;padding: .15rem .15rem 0;font-size: .11rem;}
.malN:nth-child(4n+1){ margin-left:0;}
.malZ{padding: 2px 11px;text-align: center;border-radius: 3px;font-size: .12rem;top:14px;left:10px;}

.malN h3{font-size: .14rem;line-height: .24rem;height: .24rem;}
.malNs{line-height: .2rem;}
.malNs span{font-size: .12rem;}
.malNp{line-height: .2rem;height: .2rem;}
.malNi{margin-top: .06rem;}
.malNi img{height:20px;}
.malNf{ height:40px;}
.malNf p{line-height:20px;}
.malNfa{ line-height:20px;margin-left: 15px;}
.malNfa img{width:12px;margin-right: 1px;}
.malNB{height: .6rem;}
.malNBs{font-size: .12rem;}
.malNBs p{font-size: .22rem;line-height:30px;}
.malNBs span{ font-size:14px;}
.malNBa{width:70px;height:36px;line-height:36px;font-size: .12rem;border-radius:4px;}
.malNBa:hover{box-shadow:0 0 8px rgba(41,166,67,0.8)}
.malN:hover{box-shadow:0 0 8px rgba(0,0,0,0.08);}	
}
/******************
-----EA商城详情-----
******************/
.malDet{ padding:45px 0;}
.malDL{width:886px;}
.malDLE{padding:8px 17px 15px; background:var(--white-color); border-radius: 5px; margin-bottom: 17px; }
.malDTit{height:50px;}
.malDTit h3{font-size:24px; line-height:30px; font-weight:700; margin-right: 15px;}
.malDZ{width:70px; height:26px; line-height:26px; color:var(--white-color); text-align: center; border-radius: 3px; font-size: 16px; z-index:9; margin-right:10px; }

.malDmcH{padding:25px 0; }
.malDmcHW{width:250px;}
.malDmcHP{height:36px;}
.malDmcHs{ color:#6f6f6f;font-size:14px; line-height:26px;}
.malDmcHz{text-align:right; color:#1c1c1c; font-size: 16px; line-height:26px;}
.malDmcNm{align-items:baseline; font-size:16px; margin-top: 20px;}
.malDmcNm p{ font-size:30px; font-weight:700; line-height:30px;}
.malDmcNm span{ font-size:14px; text-decoration:line-through; color:#848484;}

.malDmcB{}
.malDmcBa{width:145px;height:54px;line-height:54px;text-align:center;background:#e9e9e9;display:block;color:#353535;font-size:20px; border-radius:5px; margin-right: 16px}
.malDmcBa:hover{box-shadow:0 0 8px rgba(0,0,0,0.08)}
.malDmcBaL{background:#29a643;color:var(--white-color);}
.malDmcBaL:hover{box-shadow:0 0 8px rgba(41,166,67,0.8)}

.mal-lab{ width:100%; height: 34px; margin: 20px 0;}
.mal-lab p{font-size:16px; line-height:26px; color:#777}
.mal-lab a{font-size:16px; line-height:26px; color:#29a643}
.mal-lab a:hover{text-decoration:underline;}
.mal-lab input[type="checkbox"]{-webkit-appearance:none;width:20px;height:20px;vertical-align:middle;display:block;outline:none; margin-right:6px; background-position:center;background-repeat: no-repeat; background-size:76%; background-color:#f3f3f3; border-radius:50%; border:none;}
.mal-lab input[type="checkbox"]:checked{background-image:url(../images/icon/check.png); background-color:#29a643;}


.malDmcN{ font-size:16px; line-height:26px; padding:20px 0 30px; border-top:1px solid #dcdcdc;}
.malDmcNh{ margin-bottom: 10px;}
.malDmcNp{ color:#777;}

.malDtj{ padding:15px 0;}
.malDtjW{width:392px;}
.malDtjP{font-size:14px;line-height:24px; margin-bottom: 10px;}
.malDtjH{color:#8e8e8e; width: 200px;}
.malDtjz{ color:#171717;width:100%; flex:1;}

.malDsm{color:#242424; font-size: 16px; line-height:30px; padding:10px 0}
.malDR{ width:286px}
.malDR .malN{ margin-left: 0;}
@media only screen and (max-width:767px){
.malDet{padding: .3rem 0;}
.malDL{width: 100%;}
.malDLE{padding: .15rem;border-radius: .03rem;margin-bottom: .12rem;}
.malDTit{height:50px;}
.malDTit h3{font-size: .15rem;line-height: .24rem;margin-right: .12rem;}
.malDZ{width:70px;height:26px;line-height:26px;border-radius: 3px;font-size: .12rem;margin-right: .1rem;}

.malDmcH{padding: .2rem 0;}
.malDmcHW{width: 100%;}
.malDmcHP{height:36px;}
.malDmcHs{font-size: .11rem;line-height:26px;}
.malDmcHz{font-size: .12rem;line-height:26px;}
.malDmcNm{font-size:16px; margin-top: 20px;}
.malDmcNm p{ font-size:30px;line-height:30px;}
.malDmcNm span{ font-size:14px;}

.malDmcBa{width: 100%;height: .4rem;line-height: .4rem;font-size: .13rem;border-radius:5px;margin-right: 0;margin-top: .1rem;}
.malDmcBa:hover{box-shadow:0 0 8px rgba(0,0,0,0.08)}
.malDmcBaL:hover{box-shadow:0 0 8px rgba(41,166,67,0.8)}

.mal-lab{ width:100%; height: 34px; margin: 20px 0;}
.mal-lab p{font-size: .12rem;line-height:26px;}
.mal-lab a{font-size: .12rem;line-height:26px;}
.mal-lab a:hover{text-decoration:underline;}
.mal-lab input[type="checkbox"]{width: .15rem;height: .15rem;margin-right:6px;background-size:76%;}


.malDmcN{font-size: .12rem;line-height:26px;padding:20px 0 30px;}
.malDmcNh{ margin-bottom: 10px;}

.malDtj{ padding:15px 0;}
.malDtjW{width:392px;}
.malDtjP{font-size:14px;line-height:24px; margin-bottom: 10px;}
.malDtjH{width: 200px;}
.malDtjz{width:100%; flex:1;}

.malDsm{color:#242424;font-size: .12rem;line-height: .24rem;padding:10px 0}
.malDR{ width:100%}
.malDR .malN{ margin-left: 0;}
}
/****************
------跟单------
****************/
.apply-block{padding-top: 20px;}
.apply-block .ward{height: 60px;background-color: rgba(184,148, 0,.14);}
.applyL{flex: 1;-webkit-flex:1;}
.applyL img{width: 79px;}
.applyL p{flex: 1;-webkit-flex:1;padding: 0 22px;font-size: 16px;color: var(--white-color);}
.apply-btn{font-size: 16px;padding: 8px 16px;margin-right: 14px;}

.documentationT{margin-top: 35px;}
.documentation-sel{position: relative;z-index: 2;}
.documentation-span{width:90px; height: 34px;background-color:#181c20;border-radius:6px;color:var(--white-color); font-size:16px;padding:0 12px;position: relative;}
.documentation-span:before{content: "\e62c";font-family: "iconfont" !important;position: absolute;right: 12px;top: 50%;transform: translate(0,-50%);}
.sel-ul_drown{display: none;position: absolute;top: 100%;left: 0;right: 0;box-shadow: 0 1px 8px rgba(0,0,0,.1);transform: none;}
.sel-ul_drown li{line-height: 30px;background-color: #181c20;padding:0 11px;font-size: 14px;cursor: pointer;color: var(--white-color);}
.sel-ul_drown li:hover{background-color: var(--color-yellow-lite);color: var(--black-color);}

.documentation-tab-list{flex:1;-webkit-flex:1;margin-left:32px;}
.documentation-tab-list span{font-size: 16px;color: #707070;margin-right: 50px;transition: all .4s ease;cursor: pointer;}
.documentation-tab-list span.on,.documentation-tab-list span:hover{color: var(--color-yellow-lite);}
.documentationB{padding: 40px 0 100px;}
.documentationBListI{width: 32.5%;background-color: #0f1115;border-radius: 6px;padding:20px;margin-right: calc(2.5% / 2);margin-bottom: 16px;}
.documentationBListI:nth-child(3n+3){margin-right: 0}
.documentationBListHDL{width: 80%;}
.documentationTX{width: 56px;height: 56px;overflow: hidden;border-radius: 50%;}
.documentationTX img{width: 100%;height: 100%;object-fit: cover;}
.documentationName{margin-left: 14px;flex:1;-webkit-flex:1;width: 70%;}
.documentationName h3{font-size: 20px;font-weight: 600;color: var(--white-color);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.documentationNum{margin-top: 8px;}
.documentationNum span{font-size: 14px;color: var(--white-color);background-color: #2b3139;padding: 4px 9px;border-radius: 2px;overflow: hidden;}
.documentationNum span img{margin-right: 5px;width: 14px;}
.collect-btn{width: 22px;height: 22px;position: relative;margin-top: 10px;}
.collect-btn:before{content: "\e600";font-family: "iconfont" !important;font-size: 22px;color: #474d57;}
.collect-btn.on:before{color: var(--color-yellow-lite)}
.documentationBListBody{padding: 20px 0;}
.documentationBListBodyL{width: 50%;}
.documentationBListBodyL h3{font-size: 14px;color: #7e8b9b}
.documentationBListBodyL h2{font-size: 20px;font-weight: 600;color: #2bac7c;margin: 8px 0;}
.documentationBListBodyL h3 span{font-size: 12px;color: #2bac7c;}
.documentationBListBodyB{width: 100%;margin-top: 20px;}
.documentationBListBodyB li{width: 33%;}
.documentationBListBodyB li h3{font-size: 14px;color: #7e8b9b}
.documentationBListBodyB li span{font-size: 16px;color: var(--white-color);display: inline-block;margin-top: 8px;}
.documentationBListFooter{padding-top: 20px;}
.simulate{color: var(--white-color);background-color: #2b3139;width: 120px;}
.go-apply{background-color: var(--color-yellow-lite);width: 220px;}
.documentationBListFooter a{font-size: 16px;border-radius: 6px;height: 42px;line-height: 42px;text-align: center;}

@media only screen and (max-width:767px){
.apply-block{padding-top: .15rem;}
.apply-block .ward{height: auto;}
.applyL{flex: 1;-webkit-flex:1;margin-bottom: .2rem;}
.applyL img{width: 79px;}
.applyL p{flex: 1;-webkit-flex:1;padding: 0 22px;font-size: .12rem;}
.apply-btn{font-size: .12rem;padding: 8px 16px;margin-right: 0;width: 100%;text-align: center;}

.documentationT{margin-top: .3rem;}
.documentation-span{width: .6rem;height: .3rem;border-radius: .03rem;font-size: .12rem;padding: 0 .1rem;}
.documentation-span:before{right: 12px;}
.sel-ul_drown li{line-height: 30px;padding:0 11px;font-size: 14px;}
.sel-ul_drown li:hover{background-color: var(--color-yellow-lite);color: var(--black-color);}

.documentation-tab-list{flex:1;-webkit-flex:1;margin-left: 0;}
.documentation-tab-list span{font-size: .12rem;margin-right: 0;margin-left: .1rem;}
.documentation-tab-list span.on,.documentation-tab-list span:hover{color: var(--color-yellow-lite);}
.documentationB{padding: .3rem 0 .5rem;}
.documentationBListI{width: 100%;border-radius: .03rem;padding:20px;margin-right: 0;margin-bottom: .1rem;}
.documentationBListI:nth-child(3n+3){margin-right: 0}
.documentationBListHDL{width: 80%;}
.documentationTX{width: .4rem;height: .4rem;border-radius: 50%;}
.documentationName{margin-left: .12rem;flex:1;-webkit-flex:1;width: 70%;}
.documentationName h3{font-size: .14rem;}
.documentationNum{margin-top: .05rem;}
.documentationNum span{font-size: .11rem;padding: 4px 9px;border-radius: 2px;}
.documentationNum span img{margin-right: 5px;width: 14px;}
.collect-btn{width: 22px;height: 22px;margin-top: 10px;}
.collect-btn:before{font-size: 22px;}
.documentationBListBody{padding: 20px 0;}
.documentationBListBodyL{width: 50%;}
.documentationBListBodyL h3{font-size: 14px;}
.documentationBListBodyL h2{font-size: 20px;margin: 8px 0;}
.documentationBListBodyL h3 span{font-size: 12px;}
.documentationBListBodyB{width: 100%;margin-top: 20px;}
.documentationBListBodyB li{width: 33%;}
.documentationBListBodyB li h3{font-size: 14px;}
.documentationBListBodyB li span{font-size: 16px;margin-top: 8px;}
.documentationBListFooter{padding-top: .15rem;}
.simulate{width: 120px;}
.go-apply{width: 220px;}
.documentationBListFooter a{font-size: .12rem;border-radius: .03rem;height: .34rem;line-height: .34rem;width: 48%;}	
}
/****************
------跟单详情------
****************/
.signalDetB{padding-top: 20px;}
.signalDetL{width: 75%;}
.signal-common{padding: 0 16px 16px 16px;background-color: #17181a;border-radius: 4px;margin-bottom: 16px;}
.signal-top{padding-top: 6px;border-bottom: 1px solid #565758;height: 41px;}
.signal-t{font-size: 16px;font-weight: 600;color: var(--white-color);}
.signal-tab{margin-left: 100px;flex:1;-webkit-flex:1;}
.signal-tab li{margin: 0 15px;}
.signal-tab li span{display: block;font-size: 16px;color: var(--white-color);line-height: 34px;position: relative;transition: all .4s ease;cursor: pointer;}
.signal-tab li span:before{content: '';position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -1px;width: 0;height: 3px;background-color: var(--color-yellow-lite);transition: all .4s ease;}
.signal-tab li span.on, .signal-tab li span:hover{color: var(--color-yellow-lite);}
.signal-tab li span.on:before,.signal-tab li span:hover:before{width: 100%;}
.signalXBottom{margin-top: 16px;min-height: 144px;}
.signalXBottomList li{width: 19%;background-color: #353637;min-height: 142px;margin-right: calc(5% / 4);padding: 10px;}
.signalXBottomList li:nth-child(5n+5){margin-right: 0;}
.signalXBottomList li p{font-size: 14px;color: var(--white-color);margin-bottom: 8px;}
.color-m{color: #29a643;font-weight: 600;}

.signaltubBottom{margin-top: 16px;height: 400px;background-color: var(--white-color);border-radius: 10px;}
.signal-echarts{height: 400px;width: 868px;}

.table-div-block{margin-top: 12px;min-height: 201px;}
.my-table-lis{border: 0;border-collapse: collapse;}
.my-table-lis tr th{background-color: var(--color-yellow-lite);border-left: 2px solid #17181a;border-bottom: 2px solid #17181a;}
.my-table-lis1 tr th{width: calc(100% / 7);}
.my-table-lis tr td{color: var(--white-color);border-bottom: 2px solid #17181a;}
.my-table-lis tr td p{max-width: 122px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.my-table-lis tr td p span{color: var(--color-yellow-lite)}
.my-table-lis tr th, .my-table-lis tr td{height: 40px;font-size: 14px;text-align: center;}
.my-table-lis tr:hover td{background-color: #3f3f3f}
.my-table-lis1 tr:first-child td{background-color: #858586}

.signalTJ{min-height: 630px;}
.signalTJG{}
.signalTJG ul{padding: 30px 0;border-top: 1px solid #565758;}
.signalTJG ul:first-child{border-top: 0;}
.signalTJG ul li{}
.signalTJI{color: var(--white-color);font-size: 16px;width: 46%;}
.signalTJI p{margin-top: 20px;}
.signalTJI p:first-child{margin-top: 0;}
.signalTJI p span:first-child{width: 150px;}
.signalTJI p span:last-child{flex:1;-webkit-flex:1;}
.signalProess{height: 19px;background-color: var(--white-color);position: relative;}
.signalProess i{background-color: #29a643;height: 100%;position: absolute;left: 0;top: 0;}
.signalYBottom{height: 350px;background-color: var(--white-color);border-radius: 10px;margin-top: 20px;}

.my-table-lis2 tr td{background-color: #3f3f3f}
.my-table-lis2 tr th{width: 110px;}
.my-table-lis2 tr th:first-child{width: 190px;}

.signalDetR{width: 23%;}
.signalRI{background-color: #26282b;border-radius: 4px;margin-bottom: 16px;overflow: hidden;}
.signalRIt{background-color: var(--color-yellow-lite);font-size: 16px;font-weight: 600;height: 52px;padding: 0 15px;}
.signalRIt i{margin-right: 8px;font-weight: 500;font-size: 26px;}
.signalDetR-one_list{}
.signalDetR-one_list li{padding: 0 13px 0 17px;}
.signalDetR-one_list li a{padding: 8px 0;border-top: 1px solid #565758;}
.signalDetR-one_list li:first-child a{border-top: 0;}
.signalDetROneT{font-size: 16px;color: var(--white-color);flex:1;-webkit-flex:1;width: 60%;}
.signalDetROneT h3{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 16px;}
.signalDetROneT p{font-weight: 600;margin-top: 6px;}
.signalRIPic{width: 97px;height: 60px;overflow: hidden;}
.signalRIPic img{width: 100%;height: 100%;object-fit: cover;}
.signalDetR-two_list{padding: 20px;}
.signalDetR-two_list li{margin-top: 20px;}
.signalDetR-two_list li:first-child{margin-top: 0;}
.signalDetR-two_list li a{display: block; position: relative;font-size: 16px;color: var(--white-color);padding-left: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all .4s ease;}
.signalDetR-two_list li a:before{content: '';position: absolute;left: 0;top: 50%;transform: translate(0,-50%);width: 6px;height: 6px;border-radius: 50%;background-color: var(--color-yellow-lite);}
.signalDetR-two_list li a:hover{color: var(--color-yellow-lite);}
.signalDetR-three{padding: 20px;color: var(--white-color);text-align: justify;}
.signalDetR-three p{font-size: 16px;}
@media only screen and (max-width:767px){
.signalDetB{padding-top: .15rem;}
.signalDetL{width: 100%;}
.signal-common{padding: 0 .15rem .15rem;border-radius: 4px;margin-bottom: .12rem;}
.signal-top{padding-top: 6px;height: auto;justify-content: space-between;}
.signal-t{font-size: .12rem;padding: .1rem 0;}
.signal-tab{margin-left: .1rem;flex:1;-webkit-flex:1;justify-content: flex-end;}
.signal-tab li{margin: 0 0 0 .2rem;}
.signal-tab li span{font-size: .12rem;color: var(--white-color);line-height: 34px;}
.signal-tab li span:before{bottom: -1px;width: 0;height: 3px;}
.signal-tab li span.on, .signal-tab li span:hover{color: var(--color-yellow-lite);}
.signal-tab li span.on:before,.signal-tab li span:hover:before{width: 100%;}
.signalXBottom{margin-top: .12rem;min-height: 144px;}
.signalXBottomList li{width: 100%;min-height: 142px;margin-right: 0;padding: .15rem;margin-bottom: .12rem;}
.signalXBottomList li:nth-child(5n+5){margin-right: 0;}
.signalXBottomList li p{font-size: 14px;margin-bottom: 8px;}

.signaltubBottom{margin-top: .12rem;height: 2.5rem;border-radius: 10px;width: 100%;}
.signal-echarts{height: 2.5rem;width: 2.65rem;}

.table-div-block{margin-top: .12rem;min-height: 201px;overflow: auto;width: 100%;}
.my-table-lis{width: max-content;}
.my-table-lis tr th{border-left: 2px solid #17181a;border-bottom: 2px solid #17181a;}
.my-table-lis1 tr th{width: auto}
.my-table-lis tr td{border-bottom: 2px solid #17181a;}
.my-table-lis tr td p{max-width: 122px;}
.my-table-lis tr th, .my-table-lis tr td{height: .34rem;font-size: .11rem;padding: 0 .1rem;}
.my-table-lis tr:hover td{background-color: #3f3f3f}
.my-table-lis tr td:first-child,.my-table-lis tr th:first-child{position: sticky;left: 0;width: .5rem;background-color: #17181a;padding:0;}
.my-table-lis tr td:first-child{text-align: left;}
.signalTJ{min-height: 630px;}
.signalTJG{}
.signalTJG ul{padding: .1rem 0 .2rem;}
.signalTJG ul:first-child{border-top: 0;}
.signalTJG ul li{}
.signalTJI{font-size: .12rem;width: 100%;}
.signalTJI p{margin-top: 20px;}
.signalTJI p:first-child{margin-top: 20px;}
.signalTJI p span:first-child{width: 150px;}
.signalTJI p span:last-child{flex:1;-webkit-flex:1;}
.signalProess{height: 19px;}
.signalProess i{height: 100%;}
.signalYBottom{height: 350px;border-radius: 10px;margin-top: 20px;}

.my-table-lis2 tr th{width: 110px;}
.my-table-lis2 tr th:first-child{width: 1rem;background-color: var(--color-yellow-lite);}

.signalDetR{width: 100%;}
.signalRI{border-radius: 4px;margin-bottom: 16px;}
.signalRIt{font-size: .12rem;height: .4rem;padding: 0 .15rem;}
.signalRIt i{margin-right: .06rem;font-size: .18rem;}
.signalDetR-one_list{}
.signalDetR-one_list li{padding: 0 .15rem;}
.signalDetR-one_list li a{padding: 8px 0;}
.signalDetROneT{font-size: .12rem;flex:1;-webkit-flex:1;width: 60%;}
.signalDetROneT h3{font-size: .12rem;}
.signalDetROneT p{font-weight: 600;margin-top: 6px;}
.signalRIPic{width: 97px;height: 60px;}
.signalRIPic img{width: 100%;height: 100%;}
.signalDetR-two_list{padding: 20px;}
.signalDetR-two_list li{margin-top: .15rem;}
.signalDetR-two_list li a{font-size: .12rem;padding-left: .2rem;}
.signalDetR-two_list li a:before{width: 6px;height: 6px;border-radius: 50%;}
.signalDetR-two_list li a:hover{color: var(--color-yellow-lite);}
.signalDetR-three{padding: .15rem;}
.signalDetR-three p{font-size: .12rem;}
}
/*****************
登录
*******************/
.loginB{height: 100vh;background-size: cover;background-repeat: no-repeat;background-position: center;background-image: url(../images/loginBg.jpg);position: relative;}
.loginW{position: absolute;top: 52%;left: 50%;transform: translate(-50%,-50%);width: 430px;z-index: 2;}
.loginWT{width: 100%;background-color: var(--white-color);border-radius: 16px;overflow: hidden;padding: 70px 20px 20px;}
.loginTit{font-size: 22px;font-weight: 600;}
.loginC{margin-top: 30px;}
.loginCI{margin-bottom: 20px;}
.loginCIt{display: inline-block;font-size: 16px;margin-bottom: 8px;}
.loginCII{padding: 0 16px;height: 45px;border: 1px solid var(--bg-b3);border-radius: 6px;overflow: hidden;position: relative;}
.loginInP{width: 100%;height: 43px;font-size: 16px;}

/*修改input默认颜色文字*/
.loginInP:-moz-placeholder{color: #888;}  
.loginInP:-ms-input-placeholder{color: #888;}  
.loginInP::-webkit-input-placeholder{color: #888;}

.login-sub{background-color: var(--color-yellow-lite);border-radius: 6px;font-size: 16px;height: 45px;width: 100%;}
.login-sub:hover{opacity: .7;}
.loginHr{padding: 15px 0;}
.loginHr i{flex:1;-webkit-flex:1;border-top: 1px solid var(--bg-b3)}
.loginHr span{font-size: 14px;color: var(--black-color-0);margin: 0 10px;}
.login-outher{}
.login-outher a{height: 45px;border: 1px solid var(--bg-b3);border-radius: 6px;overflow: hidden;margin-top: 12px;font-size: 14px;padding-left: 100px;}
.login-outher a img{width: 22px;margin-right: 12px;}
.login-outher a:hover{background-color: #f6f6f6}
.loginF{margin-top: 15px;}
.loginF a{font-size: 14px;}
.loginF a:hover{text-decoration: underline;}
.go-res{margin-top: 12px;font-size: 14px;color: var(--white-color);}
.go-res a{color: var(--color-yellow-lite);}
.go-res a:hover{text-decoration: underline;}
.l-copy{position: absolute;font-size: 14px;color: var(--black-color-0);bottom: 30px;left: 0;right: 0;margin: 0 auto;text-align: center;}


/*****************
注册
*******************/
.oneSteps .loginItem{width: 49%;}
.oneSteps .loginItem:last-child{width: 100%;}
.selectBox{position: relative;}
.inputCase-xiala{position: absolute;right: 16px;top: 50%;transform: translate(0,-50%);width: 12px;height: 6px;background-size: cover;background-repeat: no-repeat;background-position: center;background-image: url(../images/brosel2.png);}
.selectUl{position: absolute;left: 0;top: 100%;width: 100%;border: 1px solid var(--bg-b3);background-color: var(--white-color);height: 300px;overflow: auto;border-radius: 6px;z-index: 2;}
.selectUl li{font-size: 14px;border-top: 1px solid var(--bg-b3);padding: 12px 16px;cursor: pointer;}
.selectUl li:first-child{border-top: 0}
.selectUl li.actived_li, .selectUl li:hover{color: var(--color-yellow-lite)}
.LogFoz{font-size: 16px;color: var(--color-yellow-lite);text-decoration: underline;margin-left: 20px;}
.inp-email{flex:1;-webkit-flex:1;}
.secsel{width: 100px;margin-right: 20px;border:none;border-right: 1px solid var(--bg-b3);position: relative;background-size: auto 6px;background-repeat: no-repeat;background-position: right 20px center;background-image: url(../images/brosel2.png);background-color: transparent;}
.LogTel{flex:1;-webkit-flex:1;}
.logo-btn-wrap{}
.login-sub.prev{background-color: #dcdcdc;width: 100px;}
.login-sub.next{width: 274px;}
.threeSteps{padding-bottom: 50px;}
.success{flex-direction: column;}
.success img{width: 120px;}
.success p{font-size: 22px;font-weight: 600;margin-top: 40px;width: 100%;text-align: center;}
.fourSteps{padding-bottom: 50px;}
@media only screen and (max-width:767px){
.LogBogy{min-width: auto;}
.loginW{width: 92%;}
.loginWT{border-radius: .08rem;padding: .4rem .15rem .15rem;}
.loginTit{font-size: .16rem}
.loginC{margin-top: .2rem;}
.loginCI {margin-bottom: .15rem;}
.loginCIt {font-size: .12rem;margin-bottom: .05rem;}
.loginCII {padding: 0 .12rem;height: .38rem;border-radius: .05rem;border: .01rem solid var(--bg-b3);}
.loginInP{font-size: .12rem;height: .36rem;}
.login-sub{border-radius: .05rem;height: .38rem;font-size: .12rem;}
.loginHr{padding: .1rem 0;}
.login-outher a{height: .38rem;border: .01rem solid var(--bg-b3);border-radius: .05rem;margin-top: .08rem;font-size: .11rem;padding-left: .7rem;}
.login-outher a img{width: 22px;margin-right: 12px;}
.loginF{margin-top: .1rem;}
.go-res{margin-top: .08rem;font-size: .11rem;}
.l-copy{font-size: .1rem;bottom: .2rem;}

.selectUl li{font-size: .11rem;padding: .12rem;border-top: .01rem solid var(--bg-b3);}
.LogFoz{font-size: .12rem;}
.secsel {width: .6rem;margin-right: .12rem;border-right: .01rem solid var(--bg-b3);background-position: right .12rem center;}
.login-sub.prev {width: .8rem;}
.login-sub.next {width: 1.75rem;}
.threeSteps{padding-bottom: .3rem;}
.fourSteps{padding-bottom: .3rem;}
.success p{font-size: .16rem;margin-top: .2rem;}
}


/**************20250624******************/
.white{display: none;}
body.light-theme{background-color:var(--white-color);}
.light-theme .header{background-color: var(--white-color);}
.light-theme .menu{color: var(--black-color);}
.light-theme .menu.on, .light-theme .menu:hover{color: var(--color-yellow-lite)}
.light-theme .lang-wrap .iconfont{color: var(--black-color);}
.light-theme .sub-nav dl{background-color: rgba(238,238,238,.9);}
.light-theme .sub-nav dl dd a{color: var(--black-color);}
.light-theme .lang-list{background-color: rgba(238,238,238,.9);}
.light-theme .lang-list li a{color: var(--black-color);}
.light-theme .hd_nav i{background: var(--black-color);}
.light-theme .hd_nav:before, .light-theme .hd_nav:after{background: var(--black-color);}

@media only screen and (max-width:767px){
.light-theme .nav{background-color: var(--bg-b1)}	
}

.light-theme .white{display: block;}
.light-theme .black{display: none;}
.light-theme .IndBanL h2{color: var(--black-color)}
.light-theme input.focus:focus {border-color: rgba(0,0,0,.5);}
.light-theme .IndBanR{background-color: var(--bg-b2);border-color: var(--bg-b3)}
.light-theme .IndBanRT{border-bottom-color: var(--bg-b3)}
.light-theme .IndBanRT h3{color: var(--black-color);}
.light-theme .IndBanRBan .swiper-slide .top h3{color: var(--black-color);}
.light-theme .IndNum{background-image:url(../images/b-num-bg.jpg);}
.light-theme .IndNumListI h3 i{color: var(--black-color);}
.light-theme .IndNumListI h3 span{color: var(--black-color);}
.light-theme .IndNumListI p{color: var(--black-color);}
.light-theme .IndLogoBan{background-color: #e1e8ee}
.light-theme .tit h2{color: var(--black-color)}
.light-theme .tit h2 span{color: var(--black-color)}
.light-theme .IndCommentI{background-color: var(--bg-b1);border:2px solid var(--bg-b1);}
.light-theme .IndCommentIBan .ground .groundR h3{color: var(--black-color);}
.light-theme .problem_tit{color: var(--black-color);}
.light-theme .Indad{background-color: var(--color-yellow-lite);}
.light-theme .Indadw h3{color: var(--black-color);}
.light-theme .Indad .go-reg{background-color: var(--white-color);color: var(--black-color);}
.light-theme .ft-nav dt{color: var(--black-color);}
.light-theme .footer{background-color: var(--white-color)}
.light-theme .ft-lang a{color: var(--black-color);}
.light-theme .ft-lang a i{color: var(--color-yellow-lite)}
.light-theme .ft-link i{color: var(--black-color);}
.light-theme .ft-contact p{color: var(--black-color);}
.light-theme .ft-copy{border-top: 1px solid var(--bg-b1);}
.light-theme .IndReg input{color: var(--black-color)}
.light-theme .broHd h3{color: var(--black-color)}
.light-theme .broHd p{color: var(--black-color)}
.light-theme .brosea{background-color: var(--bg-b2)}
.light-theme .broEsel{background-color: var(--bg-b2)}
.light-theme .broFU li{background-color: var(--bg-b1)}
.light-theme .broFNTR h3{color: var(--black-color)}
.light-theme .broFNBs{color: var(--black-color)}
.light-theme .broFNB span{color: var(--black-color)}
.light-theme .broFNBh span{color: var(--black-color)}
.light-theme .broFNBh input{border:1px solid var(--black-color);}
.light-theme .broFNBh input:before{color: var(--black-color)}
.light-theme .broDeH{background-color: var(--bg-b1)}
.light-theme .broDeHN h3{color: var(--black-color)}
.light-theme .broDeHEp input:before{color: var(--black-color)}
.light-theme .broDeTit{background-color: var(--white-color);border-bottom-color: var(--bg-b3);}
.light-theme .broDeTita{color: var(--black-color)}
.light-theme .broDeTitK .on{color: var(--color-yellow-lite)}
.light-theme .broDeTY{background-color: var(--bg-b1)}
.light-theme .broDeThd{color: var(--black-color)}
.light-theme .broDeTab tr th{background-color: var(--white-color)}
.light-theme .broDeTab tr th:first-child{background-color: var(--bg-b1)}
.light-theme .broDeTab tr td{color: var(--black-color);border-bottom-color: var(--bg-b3);}
.light-theme .broDeTbj{color: var(--black-color)}
.light-theme .broDeTgsH{color: var(--black-color)}
.light-theme .broDeThgs{color: var(--black-color)}
.light-theme .broDeJ{background-color: var(--bg-b1)}
.light-theme .broDeJ h3{color: var(--black-color)}
.light-theme .broDeJP{color: var(--black-color)}
.light-theme .broDeJst p{color: var(--black-color)}
.light-theme .broDeJdP{color: var(--black-color)}
.light-theme .broNewaH{color: var(--black-color)}
.light-theme .broDeJTab h3.on{color: var(--color-yellow-lite)}
.light-theme .ban-h2{color: var(--black-color)}
.light-theme .ban-p{color: var(--black-color)}
.light-theme .taskBanb{background-color: #f0f0f0}
.light-theme .taskBanbI{color: var(--black-color)}
.light-theme .taskBanbI .line{border-top-color:#bfbfbf;}
.light-theme .taskBanbI .line:before, .light-theme .taskBanbI .line:after{border-color: #bfbfbf;}
.light-theme .taskFunIR{color: var(--black-color)}
.light-theme .taskReadme .IndCommentIBan .ground{background-color: var(--bg-b1)}
.light-theme .parfurD{background-color: var(--bg-b1)}
.light-theme .parfurP{color: var(--black-color)}
.light-theme .parforD{background-color: var(--bg-b1);color: var(--black-color)}
.light-theme .hireThreeCL li{color: var(--black-color);border-top-color: var(--bg-b3); }
.light-theme .hireThreeCRT{color: var(--black-color)}
.light-theme .hireThreeCR{background-color: var(--white-color)df5;border:none;}
.light-theme .sideNavLI.on a, .light-theme .sideNavLI:hover a{background-color: var(--color-yellow-lite)}

.light-theme .square-l_menu{color: var(--black-color);}
.light-theme .square-l_menu.on, .light-theme .square-l_menu:hover{color: var(--color-yellow-lite);}
.light-theme .square-message{background-color: var(--bg-b1)}
.light-theme .textarea{color: var(--black-color);}
.light-theme .square-l_item{background-color: var(--bg-b1)}
.light-theme .squareTopRLT h3{color: var(--black-color);}
.light-theme .squareText{color: var(--black-color);}
.light-theme .squareDataL li a{background-color: var(--color-yellow-lite)}
.light-theme .squareDataL li a span{color: var(--black-color);}
.light-theme .square-l_item{border-top: 1px solid var(--bg-b3);}
.light-theme .square-r_item{background-color: var(--bg-b1)}
.light-theme .square-r_tit{color: var(--black-color);}
.light-theme .square-r-list li a{color: var(--black-color);}
.light-theme .square-r-list .squareTopRL h3{color: var(--black-color);}
.light-theme .back-menu{color: var(--black-color);}
.light-theme .square-reply{background-color: var(--bg-b1)}
.light-theme .reply-textarea{background-color: var(--white-color);color: var(--black-color)}
.light-theme .reply-info{color: var(--black-color);}
.light-theme .reply-info-span:before{border-top-color: var(--black-color);}
.light-theme .reply-info_r .sel-ul_drown li{background-color: var(--color-yellow-lite)}
.light-theme .comment_text{color: var(--black-color);}
.light-theme .comment_btn_wrap button{color: var(--black-color);}
.light-theme .Expand_reply_btn{color: var(--black-color);}
.light-theme .applyL p{color: var(--black-color);}
.light-theme .documentation-span{background-color: var(--color-yellow-lite)}
.light-theme .sel-ul_drown li{background-color: var(--color-yellow-lite)}
.light-theme .documentationBListI{background-color: var(--bg-b1)}
.light-theme .documentationName h3{color: var(--black-color)}
.light-theme .documentationBListBodyB li span{color: var(--black-color)}
.light-theme .signal-common{background-color: var(--bg-b1);}
.light-theme .signal-t{color: var(--black-color)}
.light-theme .signal-tab li span{color: var(--black-color)}
.light-theme .signal-tab li span.on, .light-theme .signal-tab li span:hover{color: var(--color-yellow-lite)}
.light-theme .signalXBottomList li{background-color: #d6d6d6;}
.light-theme .signalXBottomList li p{color: var(--black-color)}
.light-theme .my-table-lis tr td{color: var(--black-color)}
.light-theme .my-table-lis1 tr:first-child td{background-color: transparent;}
.light-theme .my-table-lis tr th{border-left-color: var(--white-color);border-bottom-color: var(--white-color);}
.light-theme .my-table-lis tr:hover td{background-color: #ddd}
.light-theme .signalTJI{color: var(--black-color)}
.light-theme .my-table-lis2 tr td{background-color: transparent;}
.light-theme .signalRI{background-color: var(--bg-b1);}
.light-theme .signalDetROneT{color: var(--black-color)}
.light-theme .signalDetR-one_list li a{border-top-color: var(--bg-b3)}
.light-theme .signalDetR-two_list li a{color: var(--black-color)}
.light-theme .signalDetR-three{color: var(--black-color)}
.light-theme .proDH{background-color: var(--bg-b1)}
.light-theme .proDN{background-color: var(--bg-b1)}
.light-theme .proDHz p{color: var(--black-color)}
.light-theme .proDE h3{color: var(--black-color)}
.light-theme .proDEN{color: var(--black-color)}
.light-theme .comTab tr th{background-color: var(--bg-b1);color: var(--black-color)}
.light-theme .comTab tr td{background-color: var(--bg-b1);color: var(--black-color)}
.light-theme .comTabMP{color: var(--black-color)}
.light-theme .comTab tr td .IndCor2{color: var(--black-color)}
.light-theme .comTabZ{color: var(--black-color)}
.light-theme .comTabZe{color: var(--black-color)}
.light-theme .comTab tr.comTabEnd td{background: #d7d7d7;}
.light-theme .page a{color: var(--black-color)}
.light-theme .pageI{background-color: var(--bg-b1);color: var(--black-color)}
.light-theme .supbanN h1{color: var(--black-color)}
.light-theme .supsea{background-color: var(--bg-b1)}
.light-theme .supseaI{background-color: var(--bg-b1)}
.light-theme .supNav{background-color: var(--bg-b1)}
.light-theme .supNava{color: var(--black-color)}
.light-theme .supNav .on, .light-theme .supNava:hover{color: var(--color-yellow-lite)}
.light-theme .supDB{background-color: var(--bg-b1)}
.light-theme .supDE h3{color: var(--black-color)}
.light-theme .eamallBanP p{color: var(--black-color)}
.light-theme .malN{background-color: var(--bg-b1)}
.light-theme .malTita{color: var(--black-color)}
.light-theme .malDLE{background-color: var(--bg-b1)}
.light-theme .loginB{background-image: url(../images/b-loginBg.jpg);}
.light-theme .go-res{color: var(--black-color)}
.light-theme .notice-l{background-color: var(--bg-b1)}
.light-theme .noticeT{color: var(--black-color)}
.light-theme .square-l_common{background-color: var(--bg-b1)}
.light-theme .commonTC{background-color: var(--bg-b1)}
.light-theme .close:before, .light-theme .close:after{background-color: var(--black-color)}
.light-theme .tc-hd h3{color: var(--black-color)}
.light-theme .edit-item .t{color: var(--black-color)}
.light-theme .edit-item .inp-wrap{background-color: var(--white-color)}
.light-theme .edit-item .inp-wrap input{color: var(--black-color)}
.light-theme .proDetN h3{color: var(--black-color)}
.light-theme .proDetN{background-color: var(--bg-b1);color: var(--black-color-0)}
.light-theme .proDetR{background-color: var(--bg-b1);color: var(--black-color)}
.light-theme .proDetRa h3{color: var(--black-color)}
.light-theme .proDetRa p{color: var(--black-color-0)}