@charset "utf-8";

/* --- 公用样式 --- */
* {-webkit-tap-highlight-color:transparent;}
html,body{margin:0 auto; position:relative; max-width:750px;}
.icon{font-family:iconfont;}
span{display:block;}
.wrap{max-width:750px; margin:0 auto;}
input{-webkit-user-select:text !important; display:block; cursor:pointer;}
button{display:block; cursor:pointer;}
img{display:block;}
a{cursor:pointer;}
em,i,p,span{line-height:100%;}



/* --- 登录 --- */
.login-box{background:url(../images/login-back.jpg) no-repeat 0 bottom; height:100vh; background-size:cover; overflow:hidden;}

/* pic */
.login-box .pic{width:6.77rem; margin:0 auto; height:7.8rem; display:flex; align-items:flex-end;}

/* 内容 */
.login-box .box{ position:absolute; bottom:0; left:0; background:url(../images/login-box.png) no-repeat; height:5.22rem; background-size:cover; width:100%; padding-top:25%;}

/* 点击进入 */
.login-box .link{ margin-bottom:.3rem;}
.login-box .link a{background:#9F9EDD; width:4.3rem; height:.9rem; line-height:.9rem; color:#fff; font-size:.4rem; font-weight:bold; display:block; text-align:center; border-radius:.15rem; margin:0 auto; transition:all .3s; box-shadow: 0 0 .3rem #CFCEEE;}
.login-box .link a:active{opacity:.8;}

/* 说明 */
.login-box .text{font-size:.24rem; text-align:center; padding:.35rem; color:#666;}
.login-box .text b{margin-top:.15rem; display:block;}




/* --- 疾病 --- */

/* banner */
.disease-banner{height:2.35rem; background:url(../images/disease-title.png) no-repeat center 60%; background-size:3.23rem .96rem;}

/* box */
.disease-box{padding:.4rem; }
.disease-box .box{background:#fff; border-radius:.15rem; overflow:hidden; box-shadow: 0 .05rem .5rem #ccc;}

/* box item */
.disease-box .box .item{height:.84rem; font-size:.3rem; line-height:.84rem; padding-left:.35rem; background:url(../images/arrow-right.png) no-repeat 95% center #fff; background-size:.17rem;  border-bottom:1px solid #efefef;}
.disease-box .box .item.on{background:url(../images/arrow-down.png) no-repeat 95% center #f6f6f6; background-size:.29rem;}

/* box list */
.disease-box .box .list{font-size:.24rem; background:#f9f9f9; display:none;  border-bottom:1px solid #efefef;}
.disease-box .box .list-box{display:flex; }
.disease-box .box .list .hd{width:50%; background:#f9f9f9;}
.disease-box .box .list .hd li{height:.6rem; display:flex; align-items:center; border-bottom:1px solid #fff; padding-left:.35rem;}
.disease-box .box .list .hd li.on{background:#fff; color:#729CFE; position:relative;}
.disease-box .box .list .hd li.on:before{content:""; background:#93B4FE; width:.05rem; left:0; top:0; height:100%; position:absolute;}
.disease-box .box .list .bd{width:50%; padding-left:.35rem;  background:#fff;}
.disease-box .box .list .bd a{display:flex; height:.6rem; align-items:center; color:#729CFE;}




/* --- 转盘 --- */

/* banner */
.turntable-banner{width:100%; position:relative;}
.turntable-banner .number{position:absolute; right:0; top:0;}
.turntable-banner .number p {position:absolute; font-size:.22rem; color:#fff;  -moz-transform: rotate(75deg);  -webkit-transform: rotate(75deg);  width:.5rem; text-align:center;}
.turntable-banner .number p sup{position:absolute; font-size:.1rem; top:-.05rem;}

.turntable-banner .number p.p1{ right:.48rem; top:2.95rem; }
.turntable-banner .number p.p2{ right:.90rem; top:3.05rem; }
.turntable-banner .number p.p3{ right:1.28rem; top:3.15rem; }
.turntable-banner .number p.p4{ right:1.68rem; top:3.25rem; }
.turntable-banner .number p.p5{ right:2.05rem; top:3.35rem; }
.turntable-banner .number p.p6{ right:2.43rem; top:3.45rem; }


/* explain */
.turntable-explain{background:#fff; margin-top:-2.9rem; z-index:200; position:relative; border-radius:.35rem .35rem 0 0; height:22rem; overflow:hidden;}

/* title */
.turntable-explain .title{  margin-bottom:.25rem; background:url(../images/arrow-down.png) no-repeat 95% .3rem; background-size:.29rem; padding:.3rem; border-bottom:1px solid #efefef; cursor:pointer; transition:all .3s;}
.turntable-explain .title h3{ color:#93b4fe; font-size:.32rem; margin-bottom:.18rem;}
.turntable-explain .title p{font-size:.22rem; line-height:180%; font-weight:bolder;}
.turntable-explain .title.on{background:url(../images/arrow-right.png) no-repeat 95% .3rem; background-size:.17rem;}

/* content */
.turntable-explain .content{ padding:0 .3rem  ; border-bottom:.2rem solid #efefef; padding-top:.2rem;}

/* box */
.turntable-explain .box strong{display:block; font-size:.28rem; margin-bottom:.15rem;}
.turntable-explain .box p{font-size:.28rem; line-height:180%; border-bottom:1px dashed #efefef; padding-bottom:.25rem; margin-bottom:.25rem; color:#666;}
.turntable-explain .box .bold{ font-weight:bold;}

/* item */
.turntable-explain .item{background:#fff; font-size:.28rem; box-shadow: 0 0 .3rem #ccc; border-radius:.25rem; margin-bottom:.35rem;}
.turntable-explain .item .subtitle{border-bottom:1px solid #efefef; height:.77rem; line-height:.77rem; font-weight:bold; padding-left:.5rem; position:relative; color:#595757;}
.turntable-explain .item .subtitle:before{content:""; width:.03rem; height:.35rem; background:#93B4FE; position:absolute; left:0; top:.2rem;}
.turntable-explain .item .text{padding:.35rem 1rem; font-size:.24rem; color:#595757;}
.turntable-explain .item .text p{line-height:180%;}

/* 结果说明 */
.turntable-explain .result-box{ font-size:.24rem; background:#fff;}
.turntable-explain .result-box .table{ padding:.1rem; box-shadow: 0 0 .2rem #ececec;  margin-bottom:.25rem; border-radius:.15rem;}
.turntable-explain .result-box .table table {width:100%; text-align:center; background:#EDEDEC;}
.turntable-explain .result-box .table table .title td{background:#93B4FE; color:#fff;}
.turntable-explain .result-box .table table td{background:#fff; padding:.1rem 0;}
.turntable-explain .result-box .tips{margin-bottom:.25rem;}

/* 更多 */
.turntable-explain .more{text-align:center; font-size:.4rem; background:#93B4FE; height:.9rem; line-height:.9rem; width:3.2rem; border-radius:.15rem; margin:0 auto; color:#fff; margin-top:.5rem; margin-bottom:.5rem;}
.turntable-explain .more a{color:#fff;}





/* --- 更多 --- */
.page-more{position:fixed; bottom:2%; left:0; width:100%; text-align:center; z-index:300;}
.page-more img{width:.41rem; margin:0 auto;}