html{font-size: 62.5%;}
*{box-sizing:border-box;}
.header{overflow: hidden; padding:10px 0; border-bottom: 1px solid #e6e6e6; position: fixed; top:0; left:0; width:100%; background-color: #fff; z-index:999;}
.header li{float:left; width:33.333%; border-right:1px solid #e6e6e6; box-sizing:border-box; font-size: 14px; color:#858585; line-height: 30px; height:30px; text-align: center;}
.header li:last-child{border:0;}
.header .header_current{font-size: 16px; color:#333;}
.planbook{
padding:51px 0 50px; 
background:-webkit-linear-gradient(#8e7fe9, #6742c7);
background:-o-linear-gradient(#8e7fe9, #6742c7);
background:linear-gradient(#8e7fe9, #6742c7); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8e7fe9,endColorstr=#6742c7,grandientType=0);}
.planbook-banner img{display: block; width:100%;}
.planbook-bzjh{padding:0 8px 12px; position: relative; z-index:2;}
.planbook-bzjhf{margin-top:-20px;} 
.planbook-bzjhi{width:100%; background-color: #fff; border-radius: 10px; padding:10px 0; box-shadow: 0 2px 4px rgba(148,49,35,.2);}
.planbook-bzjh h3{font-size: 1.4rem; color:#333; line-height: 18px; text-align: center;}
.planbook-bzjh h4,.planbook-bxly h4,.planbook-lyys h4{font-size: 1.8rem; color:#333; line-height: 20px; text-align: center; padding:10px 0 12px; font-weight: bold;  letter-spacing: 2px;}
.planbook-bzjhbz{padding:0 10px; overflow: hidden; border-top: 1px solid #e6e6e6;}
.planbook-bzjhbz li{float: left; width:50%; padding:0 10px;}
.planbook-bzjhbzw{padding:8px 0; border-top:1px solid #e6e6e6;}
.planbook-bzjhbz li:nth-child(1) .planbook-bzjhbzw,.planbook-bzjhbz li:nth-child(2) .planbook-bzjhbzw{border-top:0;}
.planbook-bzjhbzw p{font-size: 1.6rem; color:#454545; line-height: 25px; text-align: center; letter-spacing: 1px;}
.planbook-bzjhbzw p span{font-size: 1.8rem; color:#8058f1; font-weight: bold;}
.planbook-bxly,.planbook-lyys{padding:0 8px 12px;}
.planbook-bxlyi,.planbook-lyysi{width:100%; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 4px rgba(148,49,35,.2);}
.planbook-bxlyw{padding:10px 0 0;border-top: 1px solid #e6e6e6;}
.planbook-bxlyw li{padding-bottom: 20px;}
.planbook-bxlywt{position: relative; padding:0 0 5px;}
.planbook-bxlywtr{
	position: absolute; right:0; top:50%; margin-top:-13px; padding:0 5px; font-size: 12px; color:#fff; line-height: 20px; border-radius: 4px;
    background:#ff523b url(/mingya/mobile/appweb/plansnew/images/planbook-syarr.png) no-repeat 32px 6px;
    background-size: 5px auto;
    -weblit-background-size: 5px auto;
    padding-right: 12px;
}
.planbook-bxlywtl{width:100%; padding-right: 100px; font-size: 1.8rem; color:#454545; line-height: 20px;}
/*.planbook-bxlywtld{display: inline-block; width:4px; height:4px; background-color: #8058f1; border-radius: 50%; vertical-align: middle; margin:0 5px 3px 0;    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 0;}
*/
.planbook-bxlywtlh em{font-weight: bold;}
.planbook-bxlywz{padding:5px 0; background-color: #fafafa; font-size: 1.6rem; color:#666; line-height: 25px; border-radius: 5px;}
.planbook-bxlywz em{font-weight: bold;}
.planbook-bxlywtro{background-color: #ffa03b;}
.planbook-bxlylink{padding:0 0 0 0;position: relative; background: url(/mingya/mobile/appweb/plansnew/images/planbook-linkarr.png) no-repeat right center; -webkit-background-size: 6px 13px; background-size: 6px 13px; font-size: 1.8rem; color:#454545; line-height: 20px;}
.planbook-lyysc{padding:15px 12px;}
.planbook-lyyscm{padding:10px 0 5px; background-color: #fff; border:1px solid #bfabf8; border-radius: 10px; position: relative;}
.planbook-lyyscm li{padding:0 0 5px; font-size: 1.6rem; color:#454545; line-height: 30px; text-align: center; letter-spacing: 2px;}
.planbook-lyyscm li h5{color:#333; font-size: 1.6rem;}
.planbook-lyyscm li select{border:0; font-size: 1.6rem; color:#8058f1; padding:0 5px; font-weight: bold;}
.planbook-lyyscm li span{color:#8058f1;}
.planbook-lyyscmjt{position: absolute; bottom:-7px; left:17%; z-index:2; width:8px;}
.planbook-lyyscll{padding:10px 8% 15px; overflow: hidden;}
.planbook-lyyscll li{float: left; width:25%; padding:0 2%;}
.planbook-lyysclli{background-color: #fff; border:1px solid #6742c7; border-radius: 50%; width:100%; height:0; line-height: 0;}
.planbook-lyysclli p{font-size: 1.4rem; color:#666; line-height: 18px; text-align: center;}
.planbook-lyyscllcur .planbook-lyysclli{
background:-webkit-linear-gradient(#9983ff, #6742c7);
background:-o-linear-gradient(#9983ff, #6742c7);
background:linear-gradient(#9983ff, #6742c7); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9983ff,endColorstr=#6742c7,grandientType=0); 
border:1px solid #6742c7;
}
.planbook-lyyscllcur .planbook-lyysclli p{color:#fff;}
.planbook-lyysclliw{display: inline-block; vertical-align: middle; width:100%;}
.planbook-lyyschz{position: relative;}
.planbook-lyyschzl{position: absolute; top:0; left:0;}
.planbook-lyyschzl img,.planbook-lyyschzr img{display: block; width: 30px; height:30px;}
.planbook-lyyschzr{position: absolute; right:0; top:0;}
.planbook-lyyschzc{width:100%; padding:11px 40px;}
.planbook-bxlyw>ul{padding:0 10px;}

input[type="range"] {
  display: block;
  width:100%;
  -webkit-appearance: none;
  background-color: #9179f6; 
  height: 8px;
  border-radius: 10px;
  outline: 0;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background:url(/mingya/mobile/appweb/plansnew/images/planbook-huad.png) no-repeat;
  -webkit-background-size: 32px 24px;
  background-size: 32px 24px;
  width: 32px;
  height: 24px;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  border:0;
}
.planbook-lyyschzw{padding:6px 0 0; font-size: 1.4rem; color:#999; line-height: 20px; text-align: center;}		
.planbook-tkxq{padding:0 8px 10px;}
.planbook-tkxq a{display: block; width:100%;font-weight: bold; height:40px; line-height: 40px; text-align: center; background-color: #fff; border-radius: 10px; font-size: 1.8rem; color:#8058f1; letter-spacing: 3px; box-shadow: 0 2px 4px rgba(148,49,35,.2);}
.planbook-wxts{font-size: 10px; color:#fff; line-height: 16px; padding:0 8px; opacity: .6;}
.planbook-card{padding:15px 8px 0;}
.planbook-cardi{width:100%; background-color: #fff; border-radius: 5px; box-shadow: 0 2px 4px rgba(148,49,35,.2); padding:15px 0; position: relative;} 
.planbook-cardtx{position: absolute; top:50%; margin-top:-25px; left:0; padding:0 12px;}
.planbook-cardtx img{display: block; width:50px; height:50px; border:1px solid #e7e7e7; border-radius: 50%;}
.planbook-cardl{position: absolute; top:50%; margin-top:-25px; right:0;}
.planbook-cardl li{float: left; padding:0 12px; border-right:1px solid #e6e6e6;}
.planbook-cardl li:last-child{border-right:0;}
.planbook-cardl li img{display: block; width:30px; margin:0 auto;}
.planbook-cardl li p{font-size: 12px; color:#666; text-align: center; line-height: 14px; padding-top:5px;}
.planbook-cardw{width:100%; padding:0 140px 0 74px;min-height:49px;}
.planbook-cardw h5{font-size: 16px; color:#454545; line-height: 20px; padding-top:5px;}
.planbook-cardw p{font-size: 12px; color:#666; line-height: 20px; padding-top:4px;}
.planbook-ssbd{padding:25px 22%;}
.planbook-ssbd img{display: block; width:100%;}


.planbook-alert{position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.6); z-index:1000; display: none;}
.planbook-alerti{position: absolute; width:100%; padding:0 25px; left:0; top:70px;}
.planbook-alertc{background-color: #fff; border-radius: 10px;}
.planbook-alertc h3{font-size: 1.8rem; color:#333; line-height: 20px; padding:10px 0; text-align: center; border-bottom: 1px solid #e6e6e6;}
.planbook-alertcw{padding:10px 12px; height:300px; overflow-y: auto;}
.planbook-alertcw p{font-size: 1.4rem; color:#333; line-height: 20px; padding-bottom: 5px;}
.planbook-alertbtn{overflow: hidden; border-top: 1px solid #e6e6e6;}
.planbook-alertbtn li{float: left; width:50%; border-right: 1px solid #e6e6e6;}
.planbook-alertbtn li:last-child{border-right:0;}
.planbook-alertbtn a{display: block; width: 100%; height:40px; line-height: 40px; text-align: center; font-size: 1.6rem; color:#333;}


.planbook-bxlyxxx{margin-top:-5px;}
.planbook-lyysxxx{margin-top:-5px;}
.planbook-lyyschzl a,.planbook-lyyschzr a{display: inline-block;
    padding: 5px;
    vertical-align: middle;
    margin-top: -5px;}
select {   
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/  
  border: solid 1px #000;   
  /*很关键：将默认的select选择框样式清除*/  
  appearance:none;   
  -moz-appearance:none;   
  -webkit-appearance:none;   
  /*在选择框的最右侧中间显示小箭头图片*/  
  background: url("/mingya/mobile/appweb/plansnew/images/arrow4.png") no-repeat scroll right center transparent;   
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/  
  padding: 0 14px 5px 0; 
  background-size: 10px auto;
  width: 45px;
  text-align: center;
  margin-right: 5px;  
}   
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/  
select::-ms-expand { display: none; }

.planbook-bxlywtl{position:relative;}
.planbook-bxlylink>a{
    display: block;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 0;
    overflow:hidden;
}
.planbook-bxlywtl>a{
    display: block;
    width: 100%;
}
.planbook-share{position: fixed; z-index:100;bottom:0; left:0; overflow: hidden; height:46px; width:100%; line-height: 46px;}
.planbooks-back{float:left; width:31%; background-color: #7365f0; text-align: center;}
.planbooks-share{float:left; width:69%; background-color: #f5f5f5; text-align: center;} 
.planbooks-backi,.planbooks-sharei{display: inline-block; width:66px; vertical-align: middle;}
.planbooks-backi img{display: inline-block;width:20px; vertical-align: middle;}
.planbooks-backi span,.planbooks-sharei span{font-size: 1.5rem; color:#fff; line-height: 16px; padding-left: 10px;}
.planbooks-sharei{width:120px;}
.planbooks-sharei span{color:#5b52b5}
.planbooks-sharei img{width:26px; vertical-align: middle;display: inline-block;}


.planbook-bxlywtlh{padding: 0 5px;line-height: 22px;text-align: right;float:right; font-size: 1.8rem;}

.planbook-ysb{
  padding:15px 16% 20px;
  width:100%;
}
.planbook-ysb>a,.planbook-ysb>a>img,.planbook-tk>a,.planbook-tk>a>img{
  display: block; 
  width:100%;
}
.planbook-tk{
  padding:5px 30%;
}

.planbook-bxlywz p{padding:0 10px 0 15px; font-size:1.6rem; line-height:25px; color:#666; position:relative;}
.planbook-bxlywtld:before{content:""; position:absolute; top:10px; left:3px; width:4px; height:4px; background-color:#8058f1; border-radius:50%;}