body{background:#FFF;}

.recommend-list{width:100%;background:#fff;}

.tab-scroll>div{width:100%;}
.tab-scroll .tabmenu {box-sizing:border-box;height:100%;border-bottom:2px solid #e7e7e7;overflow:hidden;clear:both;}
.tab-scroll .tabmenu .s-slide {margin-bottom:-2px;width:25%;height:1.46rem;border-bottom:8px solid transparent;text-align:center;font-size:0.48rem;float:left;}
.tab-scroll .tabmenu .s-slide.active {color:#FF7417;border-bottom-color:#FF7417;} 
.tab-scroll .tabmenu .s-slide span {position:relative;top:32%;}
.tab-scroll .tabmenu .s-slide span .circle{top:0;right:0;}

.tab-scroll .tabpanel>.s-slide {display:block;}

.tab-scroll .tabpanel .text-pic-list{}
.tab-scroll .tabpanel .text-pic-list li{max-height:272px;}
.tab-scroll .tabpanel .text-pic-list .item{position:relative;margin:0 3.22%;height:100%;border-bottom:1px solid rgba(231,231,231,0.7);}
.tab-scroll .tabpanel .text-pic-list .iconbox{position:relative;float:left;display:block;overflow:hidden;margin:2.4% 3.4% 2.4% 0;width:1.82rem;height:1.82rem;max-width:182px;max-height:182px;border-radius:0.48rem;background:#e2e2e2;color:#bbbaba;font-size:0.36rem;}
.tab-scroll .tabpanel .text-pic-list .iconbox .icon{position:relative;z-index:2;width:100%;height: 100%}
.tab-scroll .tabpanel .text-pic-list .butnbox{float:right;width:22%;height:100%;max-width:180px;text-align:right;margin-top:3.4%;}
.tab-scroll .tabpanel .text-pic-list .butnbox .butn{border:3px solid #FF7417;border-radius:9.9rem;color:#FF7417;font-size:0.4rem;width:1.6rem;height:0.88rem;display:inline-block;line-height:0.88rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;}
.tab-scroll .tabpanel .text-pic-list .text{margin-right:22.5%;margin-left:19%;padding-top:1%;}
.tab-scroll .tabpanel .text-pic-list .text .title {height:1;overflow:hidden;}
.tab-scroll .tabpanel .text-pic-list .text .title span{display:inline-block;margin-right:1%;}
.tab-scroll .tabpanel .text-pic-list .text .title span:last-child{margin-right:0;}
.tab-scroll .tabpanel .text-pic-list .text .title .name{color:#333;font-size:0.46rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tab-scroll .tabpanel .text-pic-list .text .title .mark{margin-top:-1%;padding:0 2.8%;border:3px solid transparent;border-radius:9.9rem;vertical-align:middle;font-size:0.33rem;height: 0.53rem; line-height: 0.47rem;box-sizing: border-box; width:auto;text-align: center}
.tab-scroll .tabpanel .text-pic-list .text .title .gift-mark{border-color:#ff7417;color:#ff7417;}
.tab-scroll .tabpanel .text-pic-list .text .title .send-mark{border-color:#28cb60;color:#28cb60;}
.tab-scroll .tabpanel .text-pic-list .text .info{overflow:hidden;margin:0;color:#999;text-overflow:ellipsis;white-space:nowrap;font-size:0.36rem;}
.tab-scroll .tabpanel .text-pic-list .text .info .server-name{
    position: relative;
    margin-left: 6%;
    line-height: 1rem;
    background-image: url(/static/m/img/service_trailer_area.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    padding-left: 20px;
        padding-right: 5px;
}
.tab-scroll .tabpanel .text-pic-list .text .info .server-name:before{
  position: absolute;
  top: 21%;
  left: -.23rem;
  display: block;
  width: .04rem;
  height: 65.38%;
  background: #e0e0e0;
  content: '';
}
.tab-scroll .tabpanel .text-pic-list .text .info .type{color:#FF7417;}
.tab-scroll .tabpanel .text-pic-list .text .info .description{position:relative;margin-left:6%;}
.tab-scroll .tabpanel .text-pic-list .text .info .description:before{position:absolute;top:21%;left:-.23rem;display:block;width:.04rem;height:65.38%;background:#e0e0e0;content:'';}


.tab-scroll .tabpanel .panel3  .text .title .name {width:100%;}

.tab-scroll .tabpanel .double-list .tab{margin:0.36rem 3.22% 0; padding:0;margin-bottom: 0.3rem; }
.tab-scroll .tabpanel .double-list .tab .jshdong{float:left;width:33.3333%;text-align:center;}
.tab-scroll .tabpanel .double-list .tab li{float:left;width:50%;text-align:center;}
.tab-scroll .tabpanel .double-list .tab .btn{display:block;height:1.02rem;max-height:102px;border:3px solid #FF7417;color:#FF7417;font-size:0.48rem;}
.tab-scroll .tabpanel .double-list .tab .btn .table{height:100%;}
.tab-scroll .tabpanel .double-list .tab li:first-child .btn{border-right:0;border-bottom-left-radius:8px;border-top-left-radius:8px;}
.tab-scroll .tabpanel .double-list .tab li:last-child .btn{border-left:0;border-top-right-radius:8px;border-bottom-right-radius:8px;}
.tab-scroll .tabpanel .double-list .tab .btn.active{background:#FF7417;color:#fff;}
.tab-scroll .tabpanel .double-list .tab .btn .icon{display:inline-block;margin-top:-3%;margin-right:0.3rem;width:0.62rem;height:0.62rem;max-width:62px;background-size:100% 100%;background-repeat:no-repeat;vertical-align:middle;}
.tab-scroll .tabpanel .double-list .tab .btn .icon-active{background-image:url(/static/m/img/activity_activity_not.png);}
.tab-scroll .tabpanel .double-list .tab .btn .icon-notice{background-image:url(/static/m/img/activity_notice_not.png);}
.tab-scroll .tabpanel .double-list .tab .btn .icon-fuli{background-image:url(/static/m/img/activity_fuli_not.png);}
.tab-scroll .tabpanel .double-list .tab .btn .icon-open-yes{background-image:url(/static/m/img/home_kf_on_nor.png);}
.tab-scroll .tabpanel .double-list .tab .btn .icon-open-no{background-image:url(/static/m/img/service_trailer_not.png);}
.tab-scroll .tabpanel .double-list .tab .btn.active .icon-active{background-image:url(/static/m/img/activity_activity_selected.png);}
.tab-scroll .tabpanel .double-list .tab .btn.active .icon-notice{background-image:url(/static/m/img/activity_notice_selected.png);}
.tab-scroll .tabpanel .double-list .tab .btn.active .icon-fuli{background-image:url(/static/m/img/activity_fuli_selected.png);}
.tab-scroll .tabpanel .double-list .tab .btn.active .icon-open-yes{background-image:url(/static/m/img/service_opened_selected.png);}
.tab-scroll .tabpanel .double-list .tab .btn.active .icon-open-no{background-image:url(/static/m/img/service_trailer_selected.png);}

.tab-scroll .tabpanel .double-list .panel1{background:#ededed;}
.tab-scroll .tabpanel .double-list .panel1 li{width:100%;max-height:676px;background:#fff;}
.tab-scroll .tabpanel .double-list .panel1 li~li{margin-top:.3rem;}
.tab-scroll .tabpanel .double-list .panel1 .item{margin:0 3.2%;padding-top:1px;height:100%;}
.tab-scroll .tabpanel .double-list .panel1 .item .iconbox{position:relative;display:block;overflow:hidden;margin-top:3.4%;max-height:428px;background:#e2e2e2;color:#bbbaba;text-align:center;}
.tab-scroll .tabpanel .double-list .panel1 .item .icon{position:relative;z-index:2;width:100%;}
.tab-scroll .tabpanel .double-list .panel1 .item .iconbox .font{font-size:0.72rem;}
.tab-scroll .tabpanel .double-list .panel1 .item .iconbox .status{position:absolute;right:0;bottom:0;z-index:4;display:block;width:2.12rem;height:0.72rem;border-top-left-radius:0.08rem;background:#f70;color:#fff;text-align:center;font-size:0.36rem;}
.tab-scroll .tabpanel .double-list .panel1 .item .iconbox .status img{margin-top:-3.5%;margin-right:5%;width:0.4rem;height:0.4rem;vertical-align:middle;}
.tab-scroll .tabpanel .double-list .panel1 .item .iconbox .status.soon{background:#28CB60;}
.tab-scroll .tabpanel .double-list .panel1 .item .iconbox .status.disabled{background:#9e9e9e;}
.tab-scroll .tabpanel .double-list .panel1 .item .title{overflow:hidden;margin:1.7% 0 .88%;color:#333;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;font-size:0.46rem;}
.tab-scroll .tabpanel .double-list .panel1 .item .time{margin:0 0 1.95%;color:#999;font-size:0.4rem;}


.tab-scroll .tabpanel .double-list .panelnews .item {margin: 0 3.2%; border-bottom: 1px solid #e7e7e7; position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0.2rem 0; height: 1.1rem;}
.tab-scroll .tabpanel .double-list .panelnews .title {font-size: 0.45rem; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; margin: 0;color: #4d4949;}
.tab-scroll .tabpanel .double-list .panelnews .title:before {content: ''; width: 0.1rem; height: 0.1rem; margin-right: 0.2rem; background: #FF7417; border-radius: 100%; display: inline-block;}
.tab-scroll .tabpanel .double-list .panelnews .date {font-size: 0.4rem; color: #999; white-space: nowrap;}

.tab-scroll .tabpanel .double-list .panel3 {margin-top:.3rem;}
.tab-scroll .tabpanel .double-list .panel3 .item {margin:0 3.2%;border-bottom:1px solid #e7e7e7;position:relative;}
.tab-scroll .tabpanel .double-list .panel3 .title {font-size:0.42rem;margin:0.41rem 0 0.26rem;margin:0.2rem 0 0;height:.6rem;position:relative;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*.tab-scroll .tabpanel .double-list .panel3 .title:before {content:'';width:0.1rem;height:0.1rem;margin-right:0.2rem;background:#FF7417;border-radius:100%;}*/
.tab-scroll .tabpanel .double-list .panel3 .time {font-size:0.4rem;color:#999;margin:0 0 0.27rem 0;text-align:right;}
.tab-scroll .tabpanel .double-list .panel3 .time .icon {width:0.36rem;height:0.36rem;margin-right:0.2rem;}
.tab-scroll .tabpanel .double-list .panel3 .time .date {margin-right:0.36rem;}

.tab-scroll .tabpanel .panel3 {padding-top:0px;}
.tab-scroll .tabpanel .panel3 .iconbox {width:1.72rem;height:1.72rem;max-height:172px;max-width:172px;border-radius:0.4rem;font-size:0.36rem;}
.tab-scroll .tabpanel .panel3 .text {padding-top:2%;}
.tab-scroll .tabpanel .panel3 .text .title .name{font-size:0.46rem;}
.tab-scroll .tabpanel .panel3 .text .info .server-icon {width:0.44rem;height:0.44rem;margin-right:0.12rem;vertical-align:middle;margin-top:-1%;}
.tab-scroll .tabpanel .panel3 .text .info .server-time {
    
        background-image: url(/static/m/img/service_trailer_time.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.tab-scroll .tabpanel .panel4 .butnbox{width:24%;max-width:200px;}
.tab-scroll .tabpanel .panel4 .butnbox .butn {width:auto;margin-right:0.2rem;border:none;text-align:center;line-height:1.45;margin-top:5%;}
.tab-scroll .tabpanel .panel4 .butnbox .butn .icon~span,.tab-scroll .tabpanel .panel4 .butnbox .butn .opening-icon~span{font-size:0.36rem;color:#C0C0C0;display:block;}
.tab-scroll .tabpanel .panel4 .butnbox .butn .opening-icon~span{color:#FF3228;}
.tab-scroll .tabpanel .panel4 .butnbox .butn .icon-notice-yes~span {color:#FF7417;}
.tab-scroll .tabpanel .panel4 .butnbox .butn .icon,.tab-scroll .tabpanel .panel4 .butnbox .butn .opening-icon {width:0.66rem;height:0.66rem;background:url(/static/m/img/home_kf_not_nor.png) no-repeat;background-size:100% 100%;display:inline-block;}
.tab-scroll .tabpanel .panel4 .butnbox .butn .opening-icon{background:url(/static/m/img/home_kf_soon.png) no-repeat; background-size: 100% 100%;}
.tab-scroll .tabpanel .panel4 .butnbox .butn .icon-notice-yes {background-image:url(/static/m/img/home_kf_not_pre.png);}



::-webkit-input-placeholder { /* WebKit browsers */
  color:#FFFFFF;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#FFFFFF;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#FFFFFF;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:#FFFFFF;
}


@media screen and (max-width:1200px) {
  .tab-scroll .tabpanel .double-list .panel1 li~li {margin-top:2.4%;}
}
@media screen and (max-width:660px) {
  .header .login span i {border-width:2px;border-radius:6px;}
  
  .recently-play-title span i,.tab-scroll .tabpanel .double-list .tab li:last-child .btn {border-top-right-radius:6px;border-bottom-right-radius:6px;}
  .tab-scroll .tabmenu .s-slide {border-bottom-width:6px;margin-top:-4px;}
  .play-scroll .item .butn , 
  .tab-scroll .tabpanel .text-pic-list .butnbox .butn,
  .tab-scroll .tabpanel .text-pic-list .text .title .mark {border-width:2px;border-radius:9.9rem;}
  .tab-scroll .tabpanel .double-list .tab li:first-child .btn {border-top-left-radius:6px;border-bottom-left-radius:6px;}
  .tab-scroll .tabpanel .double-list .tab .btn{border-width:2px;}
}
@media screen and (max-width:540px) {
  .header .login span i {border-width:1px;border-radius:4px;}
  
  .recently-play-title span i,.tab-scroll .tabpanel .double-list .tab li:last-child .btn {border-top-right-radius:4px;border-bottom-right-radius:4px;}
  .tab-scroll .tabmenu {border-bottom-width:1px;}
  .tab-scroll .tabmenu .s-slide {border-bottom-width:4px;margin-top:-3px;}
  
  .play-scroll .item .butn,
  .tab-scroll .tabpanel .text-pic-list .butnbox .butn,.tab-scroll .tabpanel .text-pic-list .text .title .mark {border-width:1px;border-radius:9.9rem;}
  
  .tab-scroll .tabpanel .double-list .tab li:first-child .btn {border-top-left-radius:4px;border-bottom-left-radius:4px;}
  .tab-scroll .tabpanel .double-list .tab .btn{border-width:1px;}
}
@media screen and (max-width:400px) {
  .tab-scroll .tabmenu .s-slide {border-bottom-width:2px;margin-top:-1px;}

}

/*开服表顶部修复*/
.dropload-noData{ display:none; }
.header .arrow-left img{margin-left:.4rem;width:0.38rem;display:block;}
.header .word {font-size:0.44rem;margin-left:1%;}
.trunker{margin-top:60px;}