﻿body{ background: #f6f6f6 }
.zj-list{ width: 6.9rem; height: auto;background: #fff; border-radius: 0.15rem;margin: 0.3rem;box-sizing: border-box; padding:0.4rem 0.25rem .2rem;display: table}
.zj-list .zj-top{ width: 100%; height: auto; border-bottom: solid 1px #eff1f4; padding-bottom: 0.15rem; display: table;}
.zj-list .zj-top .zj-head{ width: 1rem; height:1rem; float: left; margin-right: 0.2rem;margin-bottom: 0.2rem; border-radius: 100%; overflow: hidden;}
.zj-list .zj-top .zj-head  img{ width: 1rem; height: 1rem;}
.zj-list .zj-top .doctor-name{ font-size: .28rem; color: #000; font-weight: bold; padding-right: .1rem;}
.zj-list .zj-top .title{ font-size: .26rem; color: #383838; padding-left: .1rem; font-weight: normal; border-left: solid 2px #000; vertical-align: .02rem; margin-left: .15rem}
.zj-list .zj-top .hosptital-name{ font-size: .24rem; color: #999; line-height: .55rem;}

.zj-list .zj-names .appraise,.zj-list .zj-names .health-num{ float: left; width: 2.1rem; }
.zj-list .zj-names  img{width: .27rem; height: .27rem; display: inline-block; margin-right: .04rem; vertical-align: -.04rem;}
.zj-list .zj-names .appraise,.zj-list .zj-names .health-num{ font-size: .24rem; color: #666; padding-right: .4rem;}
.zj-list .zj-names .appraise .appraise-num span{ color: #ba7c01; font-weight: 600;}
.zj-list .zj-names .heal-num .health-num span{color: #d10000; font-weight: 600;}

.zj-bottom{padding-top: .2rem}
.zj-bottom p{ font-size:.26rem; line-height: .38rem; color: #333; }
.zj-bottom .show-more{ width:1.72rem; text-align: center; border: solid 1px #ba7c01; float: right;border-radius: .3rem; margin-top: .16rem; color: #ba7c01; font-size: .24rem;padding: .1rem 0}
.no-more{ padding: .3rem 0 .4rem; text-align: center; font-size: .26rem; color: #e0e0e0;}

/* 专家详情页样式  */

.ins-top{width: 100%;/* height: 2.6rem; */background: #fff;box-sizing: border-box;padding: .43rem .5rem .2rem;height: auto;display: table;}
.ins-img{ width: .8rem; height: .8rem; float: left; margin-right: .2rem;border-radius: 100%;overflow: hidden;}
.ins-img img{ width: .8rem; height: .8rem;}
.ins-ins{ font-size: .28rem; color:#000; line-height: 1.25; color:#d8d8d8; } 
.ins-ins .doctor-name{ font-size: .28rem; color: #000; font-weight: bold; display: inline-block;}
.ins-ins  .title{ font-size: .26rem; color: #383838; display: inline-block;}
.ins-ins .hosptital_name{ font-size: .26rem; color: #999999; line-height: .3rem; padding-top: .1rem}
.numbers{ border-top: solid 1px #eff1f4; margin-top: .25rem;}
.numbers .num-box{width: 50%;text-align: center;float: left;padding: .2rem 0 0;}
.numbers .num-box .number{font-size: .36rem; color: #000; font-weight: 600; line-height: .72rem;}
.numbers .num-box .number img{width:auto; height:0.36rem;display:inline-block; margin-right:0.1rem;vertical-align: middle;}
.numbers .num-box span{ font-size: .26rem; color: #999999; font-weight: normal;}

.ins-sc{ width: 6.9rem; height: auto; display: table; box-sizing: border-box; padding: .3rem; background: #fff; margin: .2rem .3rem; border-radius: .2rem; position: relative; overflow: hidden;}
.ins-sc p{ font-size: .26rem; line-height: .44rem; color: #666666; text-align: justify;}
.ins-sc .sc-light{ color: #ba7c01;}

.time-title{ font-size: .3rem;color: #000; padding: 0 .55rem; font-weight: 400; display: inline-block}

.times{ width: 6.9rem; height: auto; display: table; box-sizing: border-box; padding:.3rem .2rem; background: #fff; border-radius: .2rem; margin: .2rem .3rem .5rem;}
.times-title {display: inline-block;width: 100%; font-size:.28rem; padding: .05rem 0; position: relative}
.times-title p:after{width: .25rem;height: .25rem;border-radius: 100%;/* border: solid 1px #000; */position: absolute;right: .3rem;padding: 0;content: "";background: url(../images/icon-on.jpg);background-size: cover;     top: .05rem;}
.times-title .color1{ color: #999999; font-size: .28rem;padding-bottom:.2rem}
.times-title .color1:after{border: solid 1px #999 !important;width: .22rem;height: .22rem;background: none;}
.times-title p{ color: #000000; font-size: .28rem;padding-bottom:.2rem; position: relative;}

.times-title .color1 .title-3{background: #f69b22;}
.times-title .color1 span{display: inline-block; width: .7rem; background: #b1b1b1; text-align: center; color: #fff; font-size: .22rem; text-align: center; margin-right: .15rem; border-radius: .6rem; padding: .02rem 0}
.times-title .color1 span b{display: inline-block; width: .7rem; text-align: center; color: #fff; font-size: .22rem; text-align: center; margin-right: .15rem; border-radius: .6rem; padding: .02rem 0}
.times-title span{display: inline-block; width: .7rem; background: #ba7c01; text-align: center; color: #fff; font-size: .22rem; text-align: center; margin-right: .15rem; border-radius: .16rem; padding: .02rem 0}

.yygh{ width: 6.9rem; border-radius: .4rem; background: linear-gradient(to right,#e7b20c,#ba7c01); text-align: center; font-size: .34rem; color: #fff; margin: .2rem .3rem;box-shadow: 0 0 .2rem rgba(0,0,0,.25); border:none; padding: .15rem 0 }
.yygh1{ width: 6.9rem; border-radius: .4rem; background: linear-gradient(to right,#e7b20c,#ba7c01); text-align: center; font-size: .34rem; color: #fff; margin: .2rem .3rem;box-shadow: 0 0 .2rem rgba(0,0,0,.25); border:none; padding: .15rem 0 }




.date-box{margin-top: 30rpx; position: relative;}
.date-box .line-top{width: 5.5rem;height: 1px;border-top: solid 1px #000;position: absolute;top: .94rem;}
.date-box .line-bottom{width: 5.5rem;height: 1px;border-top: solid 1px #dcdcdc;position: absolute;top: 1.9rem;}

.scroll-view_H{white-space: nowrap; float: left; overflow-x: scroll; width: 5.5rem}
.scroll-view_H .top{ font-size: .26rem; line-height: .36rem;}
.scroll-view-item_H{display: inline-block;width: .9rem;height: 3rem;text-align: center;font-size: .24rem;color:#666666;}
.scroll-view_H .timess{height: .58rem;line-height: .58rem;font-size: .22rem;font-weight: 600;margin: .2rem .15rem .2rem;width: .58rem;float: left;}
.scroll-view-item_H .top { line-height: .4rem }
.scroll-view-item_H .small{font-size: .2rem;margin-bottom: .15rem;}
.scroll-view_H .red{ color: #c00000;}
.scroll-view_H .sure{color: #ba7c01;}
.scroll-view_H .check{background: #ba7c01;color: #fff;border-radius: 100%;}

.section-left{width: .8rem;height: 2.8rem;float: left;font-size: .26rem;color: #666;line-height: 1.0rem;background: url(../images/zj_right.png) no-repeat right center;background-size: auto 2.8rem;margin-right: .05rem;}
.section-left span{visibility: hidden}
.section-left img{ width: .13rem; height: .84rem; display:inline-block; vertical-align: middle; padding-left: .17rem;}

.show-more{ font-size: .28rem; color: #ba7c01; font-weight: bold; text-align: center; margin-top: .2rem;}

/*   */
.doctor-message-new{ widht:100%;height:auto;display:table;}
.doctor-message-new P{display:inline-block;width: 2.1rem;vertical-align: middle;color:#999}
.doctor-message-new .doctor-right{width:4.2rem;color:#3c3c3c}

.doctor-box{ width: 100%;height: auto;display:table; box-sizing: border-box; padding: .4rem .5rem .3rem; background: #fff;}
.doctor-pic{ width: 1.2rem; height: 1.2rem; float: left; border-radius: 100%; overflow: hidden; box-shadow: 0 0 40rpx rgba(0,0,0,.2); margin-right: .8rem;}
.doctor-pic img{ width: 1.2rem; height: 1.2rem;}
.doc-names{ width: 4.2rem; float: left;}
.doc-names .doctor-name{ display: flex; font-size: .36rem; color: #000; font-weight: 700; padding-top: .15rem;}
.doc-names .title{ font-size: .3rem; color: #989898; padding: .15rem 0; display: inline-block}
.doctor-lbox{ width: 2.1rem; float: left; padding-top: .3rem;}
.doctor-lbox p{ color: #999;font-size: .26rem; line-height: .52rem; display: flex}
.doctor-rbox{ width: 4.2rem; float: left; padding-top: .3rem;}
.doctor-rbox p{ color: #3c3c3c; font-size: .26rem; line-height: .52rem; display:flex}

.msg-txt{ width: 100%; height: .85rem; line-height: .85rem; background: #f6f6f6; box-sizing: border-box; padding-left:.3rem;display: inline-block}
.regist{ width: 100%;height: auto; display: table; background: #fff; }
.regist .main-tab{ width: 7.2rem;border-bottom: solid 1px #eff1f4;height: .8rem; line-height: .8rem;box-sizing: border-box; padding-left: .2rem; float: left; margin-left: .15rem;}
.regist .main-tab span{ float: left; width: 2.1rem; font-size: .26rem; color: #999;}
.regist .main-tab input{ width: 4.3rem; display:inline-block; line-height: .4rem; font-size: .26rem; height: .4rem; margin-top: .2rem;}
.regist .main-tab .timesss{ font-size: .26rem; color: #ba7c01;}
.hzzz{ width: 100%; min-height: 2.3rem; box-sizing: border-box; padding: .3rem; background: #fff; border:none;}





.success-title{ width: 100%; margin: 1.3rem auto .4rem; text-align: center;}
.success-title img{ width: 1.5rem; height: 1.84rem; }
.success-title .success-text{ font-size: .5rem; font-weight: 600; color: #000; padding-top: .3rem; width: 100%; display: inline-block;}
.success-msg{ padding: .2rem .6rem; }
.success-msg p{ font-size: .3rem; color: #898989; line-height: .6rem;}
.success-msg .red{ color: #c00000; text-decoration: underline;}
.zx-box{width: 6.9rem; height: .8rem; border-radius: .4rem; background: linear-gradient(to right,#e7b20c,#ba7c01); text-align: center; line-height: .8rem; font-size: .34rem; color: #fff; margin: .2rem .3rem;box-shadow: 0 0 .2rem rgba(0,0,0,.25);}


.wx-popup{width:100%;height: 100%;overflow: hidden;position: fixed;top: 0;left:0;z-index: 9999;background: rgba(153,153,153,0.7); display: none }
.popup-container{ width:4.36rem; height: 3.51rem; position: relative; left: 50%; top: 40%; margin-top: -1.75rem; margin-left: -2.18rem; z-index: 99999; }
.tjimg{ position: absolute; left: 32%; top: 0; width:1.64rem; height: 1.64rem; border-radius: 50%; display: block; z-index: 99; }
.tjimg image{ width:1.64rem; height: 1.64rem; border-radius: 50%; display: block; }
.btn_close{ position: absolute;right: 0.27rem; top:0.09rem; width: 0.40rem; height: 0.40rem; line-height: 0.42rem; background-color: #ccc; color: #9c9c9c; font-size: 0.32rem; text-align: center; border-radius: 50%;}
.textcont{ position:relative ; top:0.60rem; width:4.36rem;  padding-bottom: 1.20rem; padding-top:0.90rem; background-color: #fff; border-radius: 0.40rem; z-index: 10;}
.textcont1{ color:#b87c02; font-size: 0.38rem; display: block; text-align: center; padding: 0.20rem 0;}
.textcont2{ color: #666; font-size: 0.27rem; text-indent: 2em; line-height: 0.40rem; width:3.62rem; display: block; margin:0 auto 0.10rem; }
.wx-popup-btn{ width:2.24rem; height: 0.74rem;  color: #c39245; display: block; text-align: center; margin:0 auto; position: absolute; left: 1.10rem; bottom: 0.40rem; }
.wx-popup-btn div{width:2.20rem !important;font-size: 0.28rem; color: #c39245; display: block;  border:0.02rem #c19125 solid; border-radius: 0.40rem;  text-align: center;   margin:0 auto !important; padding: .15rem 0; font-weight: normal; background: #ffffff}

.date-more{ font-size: .22rem; color:#999; text-align: right;  margin-top: .2rem}


.main-box{ width: 6.7rem; padding: 1.2rem .3rem; height: auto;display: table; }
.main-box .link-tel{ font-size: .44rem; color:#323232;  padding-bottom: .9rem; text-indent: .3rem}
.label-main{width: 6.35rem;display: inline-block; margin: .3rem .3rem 0 ;border-bottom: solid 1px #f6f6f6; height: auto;display: inline-block;}
.label-main img{ width: .3rem; height: auto;display: inline-block; vertical-align: middle;padding-right: .3rem; border-right:solid 2px #f6f6f6; } 
.label-main .label-input{ display: inline-block; width: 5.5rem; height: .63rem;text-indent: .25rem; font-size: .33rem; line-height: .63rem; color:#323232; font-weight: 500; margin-bottom: .2rem  }
.label-main .label-input::-webkit-input-placeholder{color: #ddd;}

.label-input-number{display: inline-block; width: 3.5rem; height: .63rem;text-indent: .25rem; font-size: .33rem; line-height: .63rem; color:#323232; font-weight: 500; margin-bottom: .2rem }
.label-input-number::-webkit-input-placeholder{color: #ddd;}


.login-button{width: 6.9rem;  border-radius: .4rem; background: linear-gradient(to right,#e7b20c,#ba7c01); text-align: center;  font-size: .34rem; color: #fff; margin: .4rem 0;box-shadow: 0 0 .2rem rgba(0,0,0,.25); padding: .2rem 0}
.v-code{ width: 1.9rem; border-radius: .4rem; border:solid 1px #ba7c01; display: inline-block; font-size: .24rem;color:#ba7c01;background: none ;padding: .15rem}

.zj_list{ width: 100%;height: auto; box-sizing: border-box; padding: .3rem; background: #fff; border-bottom: solid .2rem #f5f5f5;display:table }
.zj_list .zj_left{ width: .77rem; height: .77rem; border-radius: .4rem; overflow: hidden; float: left; margin-right: .2rem; }
.zj_list .zj_right .zj_title{ font-size: .28rem; color:#000; font-weight: bold; padding-top: .05rem;}
.zj_list .zj_right .zj_title span{ display: inline-block; padding-left: .2rem; margin-left: .2rem; display: inline-block; font-size: .24rem; color:#383838; font-weight: normal; border-left: solid 2px #d8d8d8; height: .3rem; vertical-align: middle; line-height: .3rem}
.zj_list .zj_ins{ font-size: .26rem; color:#999999; padding-top: .05rem; }
.btn-box{ margin-top: .3rem;  float: right;}
.btn-box .again{ font-size: .26rem; color:#ba7c01;  width: 1.7rem; float: left; border-radius: .3rem; border: solid 1px #ba7c01; text-align: center;  margin-right: .2rem ;padding: .1rem 0}
.btn-box .record{ font-size: .26rem; color:#666;width: 1.7rem; float: left; border-radius: .3rem; border: solid 1px #666; text-align: center;padding: .1rem 0}

.zj_list-ins{ width: 100%;height: 1.5rem; box-sizing: border-box; padding: .3rem; background: #fff; }
.zj_list-ins .zj_left{ width: .77rem; height: .77rem; border-radius: .4rem; overflow: hidden; float: left; margin-right: .2rem; }
.zj_list-ins .zj_right .zj_title{ font-size: .28rem; color:#000; font-weight: bold; padding-top: .05rem;}
.zj_list-ins .zj_right .zj_title span{ display: inline-block; padding-left: .2rem; margin-left: .2rem; display: inline-block; font-size: .24rem; color:#383838; font-weight: normal; border-left: solid 2px #d8d8d8; height: .3rem; vertical-align: middle; line-height: .3rem}
.zj_list-ins .zj_ins{ font-size: .26rem; color:#999999; padding-top: .05rem; }
.history-title{ width: 100%; height: .83rem; color:#666666; font-size: .28rem; background: #f6f6f6; line-height: .83rem ; text-indent: .3rem;}

.his-main{ width: 100%; height: 2.9rem; box-sizing: border-box; padding: 0 .3rem .15rem;background: #fff; }
.his-main-title { padding-bottom: .35rem; display: table; border-bottom: solid 1px #eff1f4; width: 100%}
.his-main-title img{ display: inline-block; vertical-align: middle; width: .28rem;  padding-right: .3rem; }
.his-main-title p{ display: inline-block;  font-size: .28rem; color:#333;}
.his-main-title span{ float: right; color:#ba7c01; font-size: .24rem; vertical-align: middle; margin-top: .15rem;}

.his-main-hospital{ padding-top: .3rem; position: relative; height: auto;display: table; width: 100% }
.his-main-hospital .hospital{ font-size: .26rem; color:#333; }
.his-main-hospital .time{ font-size: .24rem; color:#999; padding-top: .25rem; margin-bottom: .3rem; }
.his-main-hospital .once-box{ width: 1.7rem;  display: inline-block; border: solid 1px #ba7c01; font-size: .24rem;color:#ba7c01; text-align: center; border-radius: .3rem; position: absolute; bottom: .1rem; right:0 ;padding: .1rem 0}
.line-box{ width: 100%; height: .2rem; background: #f6f6f6;  }

.no-data{ text-align: center; font-size: .26rem; color:#000; padding-top: .8rem;  }
.find-doctor{width: 2.2rem; height: .8rem; border-radius: .4rem; background: linear-gradient(to right,#e7b20c,#ba7c01); text-align: center; line-height: .8rem; font-size: .34rem; color: #fff; margin: .5rem auto;box-shadow: 0 0 .2rem rgba(0,0,0,.25); display: inline-block;}

.showampm{ width: 100%;height: 100vh;background: rgba(0,0,0,.4); position: fixed; top: 0;left: 0 }
.ampm{ width: 4.3rem; height: 3.25rem;background: #fff;border-radius: .1rem; position: absolute; top: 50%; left: 50%; margin-left: -2.15rem; margin-top: -1.1rem }
.ampm p { font-size: .26rem; color:#333333;margin-top: .45rem; background: url(../images/zj-noclick.jpg) no-repeat .42rem center; background-size: .2rem ;padding-left: .7rem}
.ampm p .number{display: inline-block; width: .66rem;border-radius: .15rem; background: #b1b1b1;color:#fff; font-size: .22rem; text-align: center; margin-left: .2rem; padding: .01rem 0}
.ampm .havenumber .number{ background: #ba7c01 }
.ampm .havenumber{ color:#ba7c01;background: url(../images/zj-click.jpg) no-repeat .42rem center; background-size: .2rem; }
.ampm .ampm-close{ width: 2.2rem;text-align: center;  border-radius: .3rem; border:solid 1px #cfcfcf; font-size: .24rem;color:#666666; margin-top: .45rem; margin-left: 1.05rem; padding: .1rem 0}



.main-boxnew{ width: 100%; height: auto; padding: .3rem;box-sizing: border-box; background: #f5f5f5; min-height: 100vh }
.test-pic{ width: 100% ; height: 2.47rem; border-radius: .1rem;overflow: hidden;}
.test-message{width: 100%;height: 1.35rem;box-sizing: border-box;padding: .25rem 0 .3rem;background: #fff;border-radius: .1rem;margin-top: .2rem;}
.test-message li{ width: 32%; display: inline-block; text-align: center;  font-size: .26rem; color:#666;}
.test-message li p{ font-size: .36rem; color:#ba7c01; }

.test-title{ font-size: .3rem; padding: .4rem 0 .25rem; }
.test-instr{ width: 100%; height: auto; padding: .3rem;box-sizing: border-box; background: #fff;border-radius: .1rem; }
.test-instr .text-ins:before{content: "";clear: both}
.test-instr .text-ins{ width: 1.7rem;  font-size: .24rem;color:#ba7c01; border:solid 1px #ba7c01; border-radius: .3rem;text-align: center; padding: .1rem 0;margin: 0}
.test-instr p{font-size: .26rem; color:#666; line-height: .44rem; padding: .05rem 0 .15rem}
.test-button{width: 6.9rem;  border-radius: .4rem; background: linear-gradient(to right,#e7b20c,#ba7c01); text-align: center;  font-size: .34rem; color: #fff; margin: .4rem 0;box-shadow: 0 0 .2rem rgba(0,0,0,.25); display: inline-block; padding: .15rem 0;position: absolute;bottom: 0;}

.main-boxnew{ width: 100%; height: auto;  background: #f5f5f5; padding: .3rem; box-sizing: border-box; }
.main-boxnew .test-number{ font-size: .22rem; color:#666666; }
.main-boxnew .test-number #nowInner{ font-size: .3rem }
.main-boxnew .number-load{ width: 100%; height: 4px; background: #fff; border-radius: 4px; margin-top: .1rem;  overflow: hidden;}
.test-test{ width: 100%; height: auto; padding: .3rem .3rem 1.5rem; box-sizing: border-box;background: #fff; border-radius: .1rem; margin-top: .27rem;overflow: hidden; }
.thisload{height: 4px;background: linear-gradient(to right,#e7b20c,#ba7c01);}
.test-test .test-title{ font-size: .35rem; line-height: .45rem; color: #666 }
.test-test label{width: 100%;/* height: .79rem; */border-radius: .4rem;border:solid 1px #ba7c01;box-sizing: border-box;padding: .15rem .1rem .15rem .75rem;display: table;margin-bottom: .3rem;font-size: .32rem;line-height: .45rem;color:#666;position: relative;/* padding-left: .75rem; */}
.test-test label span{display: inline-block;width: .55rem;height: .55rem;border-radius: .27rem;background: #ba7c01;text-align: center;line-height: .55rem;color:#fff;font-size: .3rem;margin-right: .35rem;float: left;vertical-align: middle;position: absolute;top: 50%;left: .1rem;margin-top: -.28rem;}
.test-test .thisclick{ box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,.2) }

.test-result{ width: 100%; height: auto; display: table; padding: .66rem .8rem 1rem;background: #fff; border-radius: .1rem;  box-sizing: border-box;text-align: center; margin-top: 1rem; margin-bottom: 1rem}
.result-title{ font-size: .26rem; color:#666666; text-align: center;	 }
.test-result .result-number{ width: 2.05rem; text-align: center; font-size: .33rem; color:#fff; border-radius: 1.02rem;display: inline-block; margin: .6rem 0 1rem;padding: .5rem 0;}
.test-result .result-number span{ font-size: .86rem; padding-right: .05rem}
.test-result .result-ins{ font-size: .26rem; color:#666666; }
.test-result .result-name{ font-size: .36rem; padding-top: .2rem; }

.result-button{width: 6.9rem;  border-radius: .4rem; background: linear-gradient(to right,#e7b20c,#ba7c01); text-align: center; line-height: .8rem; font-size: .34rem; color: #fff; margin: .4rem 0;box-shadow: 0 0 .2rem rgba(0,0,0,.25); display: inline-block;}


.result-4 .result-number{ background: linear-gradient(to right bottom,#d61718,#7e1111); box-shadow: 0 0 .4rem rgba(88,35,13,.5) }
.result-4 .result-name{ color:#b81515; }

.result-3 .result-number{ background: linear-gradient(to right bottom,#f28e26,#e60012); box-shadow: 0 0 .4rem rgba(88,35,13,.5) }
.result-3 .result-name{ color:#e60012; }

.result-2 .result-number{ background: linear-gradient(to right bottom,#f28e26,#ea5504); box-shadow: 0 0 .4rem rgba(88,35,13,.5) }
.result-2 .result-name{ color:#ea5504; }

.result-1 .result-number{ background: linear-gradient(to right bottom,#43ea80,#38f8d4); box-shadow: 0 0 .4rem rgba(19,52,5,.3) }
.result-1 .result-name{ color:#29bb92; }


.test-listtitle{ font-size: .26rem; color:#000; padding: .1rem 0 .3rem; }
.testmain-box{ width: 100%; padding: 0 .3rem;box-sizing: border-box; background: #f5f5f5 }
.test-addbox{width: 6.9rem;background:#fff;overflow-x: scroll;height: 1.9rem;border-radius: .1rem;margin-bottom:.2rem}
.testmain-box .test-title{width: auto;height: auto;border-radius: .1rem;display: inline-flex;}
.test-title li{width: 1.55rem;float: left;text-align: center;}
.test-title li img{ width: .64rem; height: .64rem; margin-bottom: .1rem; border-radius: .32rem; overflow: hidden }
.test-title li p{ font-size: .28rem; color:#666; }
.test-title li:nth-child(1) img{box-shadow: 0 .1rem .1rem rgba(102,166,255,.3) }
.test-title li:nth-child(2) img{box-shadow: 0 .1rem .1rem rgba(255,220,68,.3) }
.test-title li:nth-child(3) img{box-shadow: 0 .1rem .1rem rgba(255,154,158,.3) }
.test-title li:nth-child(4) img{box-shadow: 0 .1rem .1rem rgba(255,114,154,.3) }
.test-list li{ width: 100%;  background: #fff; border-radius: .1rem; margin-bottom: .2rem; font-size: .26rem; color:#666; padding: .2rem 0 }
.test-list li img{display: inline-block; width: .3rem; height: .3rem; vertical-align: middle; margin-left: .28rem; margin-right: .13rem; margin-top: -.05rem}

.nomore{ width:100%; height: auto; padding: 0.50rem 0; text-align: center;position: relative;}
.nomore .nomoretext{ width:1.84rem; display: block; text-align: center; font-size: 0.28rem; color: #e0e0e0; background-color: #f5f5f5; margin:0 auto; z-index: 10; position: relative;}
.nomore .nomorebor{ position: absolute; width:5.44rem; top: 50%; left: 50%; height:1px; background-color: #e0e0e0; margin-left: -2.72rem; z-index: 0;}


.video_list{ width:6.9rem; margin: 0 .3rem .3rem ; box-sizing: border-box;border-radius: .15rem;overflow: hidden; position: relative; }
.video_list p { width: 100%; height: .77rem; text-align: center; line-height: .77rem;background: #fff; font-size: .26rem; color:#000; }
.video_list .video_play{  width: .65rem; height: .65rem;position: absolute; top: 40%; left: 50%; margin-left: -.33rem;margin-top:-.33rem; }
.video_list .video-message{font-size: .24rem;color:#b7b7b7; position: absolute; bottom: .9rem; width: 100%; left: 0; text-align: center;} 
.video_list .video-message span{ font-size: .26rem;color:#fff; font-weight: bold; padding-right: .1rem }


.hotlive,.hottui{width: 93%;height: auto;margin: 0 auto;overflow: hidden;}
.test_bt{ width: 100%; margin:0 auto; color: #000; font-size: 0.28rem; height: 0.70rem; line-height: 0.70rem; padding: 0.15rem 0; display: block; margin-top: 0.05rem;}
.hotlive_box{ width:100%; height: auto; margin:0 auto; overflow: hidden;}
.hotlivelan{width: 3.4rem;padding:0.40rem 0;float: left;background-color: #fff;border-radius: 0.15rem;margin-bottom:0.22rem ;}
.hotlivelan a{display:block;width: 3.4rem;height: auto;float: left;}

.hotlivelan:nth-child(2n){margin-left: 0.17rem;}
.hotlivelan .liveimg{width: 0.76rem;height: 0.76rem;float: left;margin-top: 0.15rem;}
.hotlivelan .liveimg img{ width:100%; height: auto}
.livep{width: 2.64rem;float: left;margin-top: 0.10rem;font-weight: normal;}
.livetext1{ font-size: 0.28rem; color: #000; display: block; font-weight: normal}
.livetext2{ font-size: 0.22rem; color: #666; display: block; margin-top:0.06rem; font-weight: normal}


.main-box-video{width: 100%; text-align: center; }
.main-box-video img{ display: inline-block; width: 1.5rem; margin-top: 1.9rem; margin-bottom: .25rem; }
.main-box-video p{ font-size: .26rem; color:#999; margin-bottom: 15vh }


   .mytest-list{width: 100%; height: auto; padding: .28rem;box-sizing: border-box;}
   .test-main-title { padding-bottom: .25rem; display: table;  width: 100%}
   .test-main-title img{ display: inline-block; vertical-align: middle; width: .28rem;  padding-right: .3rem; }
   .test-main-title p{ display: inline-block;  font-size: .28rem; color:#333;}
   .test-main-title span{ float: right; color:#ba7c01; font-size: .24rem; vertical-align: middle; margin-top: .15rem;}
   .text-message-new{ width:100%;height:auto;display:table; padding: .1rem 0}
   .text-message-new p{display:inline-block;width: 2.1rem;vertical-align: middle;color:#999}
   .text-message-new .text-right{width:4.2rem;color:#3c3c3c}
   .mytest{ width: 100%; height: auto;display: table; padding: .15rem 0;border-bottom: solid 1px #eff1f4; border-top: solid 1px #eff1f4;}
   .mytest-more{ padding-top: .3rem; position: relative; height: .6rem;display: table; width: 100% }
   .mytest-more .once-box{ width: 1.7rem; height: .6rem; line-height: .6rem; display: inline-block; border: solid 1px #ba7c01; font-size: .24rem;color:#ba7c01; text-align: center; border-radius: .3rem; position: absolute; bottom: .1rem; right:0 }


   .test-listnew li{ width: 100%; height: auto; padding: .4rem .3rem; box-sizing: border-box; background: #fff; border-radius:.1rem; margin-bottom: .2rem  }
   .ntest-left{ width: 2rem; height: 1.7rem; border-radius: .05rem; overflow: hidden; float: left; margin-right: .2rem}
   .ntest-right{ width: 4.1rem; float: left; }
   .ntest-right .ntest-tit{ font-size: .26rem; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   .ntest-right .ntest-message{ font-size: .26rem;color: #999; line-height: .34rem; margin: .15rem 0 .25rem; width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; box-sizing: border-box; }
   .ntest-right .ntest-num{ font-size: .24rem;color: #999; }
   .ntest-right img{ display: inline-block; width: .2rem; height: .2rem; padding-right: .1rem; vertical-align: baseline; }

    .show-newbox{ width: 1.2rem;height: 1.2rem; border-radius: 100%; position: absolute; right:  4% ;bottom:30%;background: #fff; box-shadow: 0 .1rem .2rem rgba(255,188,108,.35); padding: .15rem;  box-sizing: border-box;}
    .show-newbox .show-new{ width: 100%; height: 100%; border-radius: 100%; background: linear-gradient(to bottom,#ffd087,#ff821e); font-size: .28rem;color:#fff; text-align: center; line-height: .3rem; box-sizing: border-box; padding-top: .18rem }
