@charset "utf-8";
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;padding: 0;border: 0;font-weight: normal; }
article, aside, figure, footer, header, nav, section, details, summary {display: block;}

a{ text-decoration: none; cursor: pointer; color: #333;margin: 0; padding: 0; vertical-align: baseline; background: transparent;}
*, *:before, *:after {box-sizing: content-box; -webkit-tap-highlight-color:rgba(0,0,0,0);}

*::-webkit-scrollbar {width: 0px;}

.fc_red{color: #ff0000;}
.fc_white{color: #ffffff;}
.fl{ float: left;}
.fr{ float: right;}

ul, ol {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
table { border-collapse: collapse; border-spacing: 0;}
th,td {font-weight: normal; vertical-align: middle;}

strong {font-weight: bold;}
sub, sup { line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,label, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;}
button,input[type=button] {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
select, input, textarea,button {padding: 0;margin: 0; outline: none;font-family:"微软雅黑", "Helvetica Neue", "Arial", "Hiragino Sans GB", "PingFang SC", "Heiti SC", "STHeiti", "Microsoft Yahei", "Source Han Sans SC", "Noto Sans CJK SC", "Droid Sans Fallback", "sans-serif"; border: 0;}
.clear{ clear: both; }
.hide,.hide_input{display: none;}
.e_hide{display: none!important;}
.del {text-decoration: line-through;}

body{ min-width:320px; max-width: 750px; margin: 0 auto; position: relative;color: #333; font-family:"微软雅黑", "Helvetica Neue", "Arial", "Hiragino Sans GB", "PingFang SC", "Heiti SC", "STHeiti", "Microsoft Yahei", "Source Han Sans SC", "Noto Sans CJK SC", "Droid Sans Fallback", "sans-serif"; }

/*页面样式*/
.msg_mask{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; display:none; min-width: 320px;}
.msg_tip{ text-align: center; line-height: 20px; position: absolute; color: #fff; z-index: 5; width: 100%; left: 0; top: 50%;}
.msg_tip.c_bottom{ top: auto; bottom: 1rem;}
.msg_tip.c_top{ top: 1rem;}
.msg_tip.c_top span{ margin-top: 0;}
.msg_tip span{ background: #000; border-radius: 5px; padding: 0.8rem 1rem; max-width:70%; background: rgba(0,0,0,.7); display: inline-block; line-height: 2rem; font-size: 1.5rem; margin-top: -50%; }
@keyframes loading
{0% {transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);}
 100% {transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);} }
.msg_tip img{ margin-right: 5px; width: 30px; height: 30px; vertical-align: middle;animation: loading 0.8s infinite linear;}

.sc{background-color: #112c87; padding-top:0.5rem;}
.sc.hn{background-color: #19044e;}
.sc.hn2{background-color: #5C19B4;}
.sc.hn3{background-color: #0c1648;}
.sc.hn4{background-color: #0C4745;}
.sc.hn5{background-color: #F3CA58;}
.sc.hn6{background-color: #FEE203;}
.sc.hn7{background-color: #E4F7FE;}
.sc.hn8{background-color: #000;}
.sc.hb{background: none; padding: 0; margin-top: -2rem; position: relative;}
.sc.hn7 .switch_box{background-color: #D7F2FD; text-align: center;}
.sc.hn7 .switch_box img{width: 12%;}
.sc.hn9{background-color: #B4E1FE;}

.sc.sd1{background-color: #251C55;}
.sc.xnhn{background-color: #7CACFF; padding: 0.1rem 0 1.5rem 0; }
.sc.xncq{background-color: #FF9E5E; padding: 0.1rem 0 1.5rem 0; }

.young_bg,.linear{width:100%; position: relative; border:0; padding:0; margin:0 auto;}
.young_bg img,.linear img{display:block; width:100%;border:0; padding:0;}
.young_bg img.btn{width: 3rem; margin:0 auto 1rem auto;}
.young_bg .warm_tip{color: #FFFFFF; font-size: 1.2rem; display: block; height: 3rem; letter-spacing:0.2rem; line-height: 3rem; padding-bottom: 2rem; background-color:#112c87; text-align: center; }
.young_bg .warm_tip.hn{background-color: #19044e;}
.young_bg .warm_tip.hn2{background-color: #5C19B4;}
.young_bg .warm_tip.hn3{background-color: #0c1648;}
.young_bg .warm_tip.hn4{background-color: #052B2C;}
.young_bg .warm_tip span{text-decoration: underline;}
.body{background:#ffffff; height: 100%;}

.form_fixbar{position: fixed; width: 100%; max-width: 750px; bottom: 0.5rem; z-index: 1000;}
.form_fixbar img{width: 80%; display: block; margin:0 auto;}
.form_fixbar .nav_btn{ width:80%; height:3.6rem; margin:0 auto; text-align: center; background-color:#5d00f9; background-image:linear-gradient(45deg, #8231f4, #5d00f9); color:#FFFFFF; border: 0.2rem solid #FFFFFF; line-height:3.6rem; font-size: 1.8rem; font-weight:bold; border-radius: 2rem; display: block;}
.form_fixbar .nav_btn.hn{background-color:#d03333; background-image:none;}
.form_fixbar .nav_btn.hn5{background-color:#E5287C; background-image:none; border:0;}
.form_fixbar .nav_btn.hn7{background-color:#F6654D; background-image:linear-gradient(180deg, #EE5460, #FC743D); color:#FFFFFF; border:0;}

.scroll_note{width: 90%; height:3.2rem; line-height: 3.2rem; margin:0.5rem auto 1.5rem auto; }
.scroll_note .icon{float:left; padding:0.6rem;  border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; display: inline-block; width: 2rem; height: 2rem; background-color: #c30000;}
.hn9 .scroll_note .icon{background-color: #B6FDDD;}
.scroll_note img{ width: 2rem; height: 2rem;}
.scroll_note .list{margin-left:2.5rem; height: 2.4rem; padding:0.4rem 1rem;  border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: #ffffff; overflow: hidden;}
.scroll_note .list li{height: 2.4rem; line-height: 2.4rem; overflow: hidden; display: block;}

.remain_box{text-align: center; color: #fff; font-size: 1.5rem; line-height: 2.4rem; margin: 1rem auto;}
.remain_box em{font-style: normal; display: inline-block; background-color:#F00000; margin-left: 0.5rem; width: 2rem; height: 2.4rem; border: 0.14rem solid #fff; border-radius: 0.5rem;}
.remain_box em:last-child{margin-right: 0.5rem;}

.sc.hb .form_box{width: 90%; border-radius:2rem 2rem 0 0; margin-top: 0;}
.form_box{background:#ffffff; width:81.3333%; margin:1.2rem auto 0 auto; padding:4% 5%; border-radius:1rem;}
.sd1 .form_box {background-color: #251C55;}
.xnhn .form_box{background: #7CACFF; padding:4%}
.xncq .form_box{background: #FF9E5E; padding:4%}
.form_box .header{font-size:1.4rem; padding: 1rem 0; text-align:center; font-weight: bold; color:#FFF39E; letter-spacing: 0.5rem;}
.form_tip{text-align: center; color:#d60000; line-height: 2rem;}
.form_box li{display: block; height:3.2rem; line-height: 3.2rem; zoom: 1; overflow: hidden; margin-top:0.6rem; background:#ffffff; border-bottom: 0.1rem solid #ccc;}
.sd1 .form_box li,
.xnhn .form_box li,
.xncq .form_box li{border-bottom:none; border-radius: 1rem; padding: 0 1rem;}

.sc.hn5 .form_box li{border: 0.1rem solid #105cbe; border-radius: 2rem; padding: 0 1rem;}
.form_box li:last-child{border-bottom: 0}
.sc.hb .form_box li:last-child{border-bottom: 0.1rem solid #ccc;}
.form_box li.line{border-bottom: 0.1rem solid #ccc;}
.form_box li:before, .form_box li:after{ content: "\0020"; display: block; height: 0; overflow: hidden; }  
.form_box li:after { clear: both; }  
.form_box li .label{float:left; width:30%; height: 3.2rem; font-size:1rem; overflow: hidden;}
.form_box li .label em{margin-left: 0.2rem;}
.sd1 .form_box li .label em,
.xnhn .form_box li .label em,
.xncq .form_box li .label em{font-style: normal; color:#f00;}
.form_box li .cont{margin-left: 30%; height: 3.2rem; padding-right:1rem; overflow: hidden; position: relative;}
.form_box li .cont i{position: absolute; width: 1rem; height: 2rem; line-height: 2rem; top: 0.6rem; right: 0; font-size: 1.6rem; font-style: normal;}
.form_box li .input{width: 100%; height: 3.2rem; line-height: 3.2rem; border: 0; font-size:1rem; padding:0; margin:0; }
.form_box li .cont.short{margin-left: 0; padding-right:0; width: 30%; float:left; overflow: hidden;}
.form_box li .sms_label{float:right; display: inline-block; width:30%; height:3.2rem; line-height: 3.2rem; text-align: center; color: #105cbe; overflow: hidden;}
.form_box li .sms_label.dis{color: #999; font-weight: normal;}
.form_box li .cont .input.error{color: #ff0000;}
.form_box li .area{margin-left: 30%; height:3.2rem; line-height: 3.2rem; display:flex; display:-webkit-flex; flex-direction:row;}
.form_box li .form_sel{position: relative; background:#ffffff; border-radius:1rem; flex:1; -webkit-flex:1; flex-grow:1; padding:0 1.5rem 0 0.5rem; margin-right:0.5rem; height:3rem; border-radius:1rem; overflow:hidden;}
.form_box li .form_sel select{background:#ffffff; appearance:none; -moz-appearance:none; -webkit-appearance:none; color: #333; display: block; height:3.2rem; width:100%; font-size:1rem; }
.form_box li .form_sel option{font-size:1.2rem; }
.form_box li .form_sel i {display: inline-block; width:0; height:0; position: absolute; right: 0.2rem; top:1.3rem; border:0.6rem solid; border-color: #666 transparent transparent;}
.xnhn .form_box li .cont span,
.xncq .form_box li .cont span{display: inline-block; width:1.5rem; height:3.6rem; line-height:3.6rem; font-size:2rem; color:#999; position: absolute; right: -0.2rem; top:0rem;}

.form_footer{ width:85%; margin:1rem auto 0 auto; padding:0.5rem;}
.sd1 .form_footer{margin: 0 auto;}
.xnhn .form_footer,
.xncq .form_footer{width:100%; margin: 0 auto; padding:0;}
.form_box .form_footer{width:100%;}
.hb .form_footer{ margin-top:0; padding:0.5rem;}
.form_footer .pro_box{color:#ffffff; line-height:1.5rem; font-size:1rem;}
.hb .form_footer .pro_box,
.hn5 .form_footer .pro_box,
.hn6 .form_footer .pro_box,
.hn7 .form_footer .pro_box,
.hn8 .form_footer .pro_box,
.hn9 .form_footer .pro_box{color: #333;}
.sd1 .form_footer .pro_box,
.xnhn .form_footer .pro_box,
.xncq .form_footer .pro_box{color: #fff;}
.form_footer .pro_box input[type="checkbox"]{width:1.2rem; height:1.2rem; vertical-align:middle; background:#ffffff;}
.form_footer .pro_box a{color:#ffea00; text-decoration:underline;}
.hb .form_footer .pro_box a,
.hn5 .form_footer .pro_box a,
.hn6 .form_footer .pro_box a,
.hn7 .form_footer .pro_box a,
.hn8 .form_footer .pro_box a,
.hn9 .form_footer .pro_box a{color: #105cbe;}
.sd1 .form_footer .pro_box a,
.xnhn .form_footer .pro_box a,
.xncq .form_footer .pro_box a{color: #fff;}
.form_footer .save_btn{background-color:#5d00f9; background-image:linear-gradient(45deg, #8231f4, #5d00f9); color:#FFFFFF; border: 0.2rem solid #FFFFFF; width:100%; height:3.6rem; line-height:3.6rem; font-size: 1.8rem; font-weight:bold; border-radius: 2rem; margin:1.2rem auto 1rem auto; display: block;}
.save_btn.dis{background-color:#d8d8d8; color:#fff;}
.form_footer .save_btn.hn{background-color:#d03333; background-image:none;}
.form_footer .save_btn.hn5{background-color:#E5287C; background-image:none; font-style: italic;}
.form_footer .save_btn.hn7{letter-spacing: 0.5rem; font-style: italic; background-color:#F6654D; background-image:linear-gradient(180deg, #EE5460, #FC743D); color:#FFFFFF; width:100%; height:3.6rem; line-height:3.6rem; font-size: 1.8rem; font-weight:bold; border-radius: 2rem; margin:1.2rem auto 1rem auto; display: block;}
.form_footer .save_btn.dis{background-color:#ddd; color:#999; border: 0;}
.hb .form_footer .save_btn{background-color:#105cbe; background-image: none; font-size: 1.4rem; border-radius: 0.5rem;}
.hb .form_footer .save_btn.dis{background-color:#d8d8d8; color:#fff;}
.sd1 .form_footer .save_btn{background-image:linear-gradient(0deg, #03ACFF, #0172FF); border: none; margin-top: 0.5rem;}
.xnhn .form_footer .save_btn,
.xncq .form_footer .save_btn{background-color:#DFBB81; background-image: linear-gradient(180deg, #FFEC6C, #FDB900); border: none; color:#ffffff;}

.form_footer .img_btn{width: 100%; margin:1.5rem auto 1rem auto; position: relative;}
.form_footer .img_btn.mt{margin-top: 3rem;}
.form_footer .img_btn img{width: 100%;}
.form_footer .img_btn .time_box{position: absolute; background-color: #F00000; line-height: 2rem; padding: 0 1rem; border-radius: 1rem; color: #fff; display: inline-block; font-size: 1.2rem; top:-3rem; right: 1rem;}
.form_footer .img_btn .time_box i{position: absolute; bottom: -0.8rem; right: 1rem; display: inline-block; width: 2.4rem; height: 0.8rem; background: url(https://cmcc.lzcle.com/img/sc/hn8/tip.png) center center no-repeat;}
.form_footer .img_btn .time_box em{font-style: normal;}

.comment_box{background-color: #000000; padding-top: 3rem;}
.comment_circle{margin:0 auto; position: relative; width: 90%; background-color: #868686; border: 0.2rem solid #F00000; border-radius: 1.2rem;}
.comment_header{width: 80%; height: 20%; position: absolute; top: -3.5rem; left: 10%;}
.comment_header img{width: 100%;}
.comment_body{margin: 1.8rem auto; padding: 0 1.2rem; height: 13.8rem; overflow: hidden;}
.comment_body li{display: block; margin-top: 0.6rem; height: 4rem;}
.comment_body li:after{ content: "\0020"; display: block; height: 0; overflow: hidden; }
.comment_body li .comment_l{float: left; width: 4rem; height: 4rem; border-radius: 2rem; overflow: hidden;}
.comment_body li .comment_l img{width: 100%;}
.comment_body li .comment_r{margin-left: 5rem;}
.comment_body li .comment_r h3{font-size: 1.2rem; font-weight: bold; height: 2rem; line-height: 2rem;}
.comment_body li .comment_r p{color: #fff; height: 2rem; line-height: 2rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.form_remark{line-height:1.5rem; padding: 0.5rem;}
.prod_desc{color:#105cbe; text-align: center; padding:1.5rem 0;}

.save_btn.animation,.img_btn.animation{width:95%; animation: change_scale 0.8s ease infinite;}
@keyframes change_scale {
	0% {transform: scale(0.85);}
	50% {transform: scale(1);}
	100% {transform: scale(0.85);}
}

.body.detail{background:#f3bb53}
.link_btn{background-color:#9739FF; color:#ffffff; width:80%; height:4rem; line-height:4rem; font-size: 1.8rem; font-weight:bold; border-radius: 1.8rem; text-align:center; margin:1.2rem auto 3rem auto; display: block;}
.body.detail .form_box{background:#97b7e7; margin:1.2rem auto 0.5rem auto;}
.body.detail .form_box li.area{background:#97b7e7;}

.hb_apply_bar{width:80%; display: block; position:absolute; left: 10%; top:23% ;}
.hb_apply_bar img{width: 100%;}
.hb_desc_bar{width: 100%; height: 4rem; display: block; position:absolute; left: 0;}
.b1{top:44.2% ;}
.b2{top:75.8% ;}

.pic_popup{ position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 100%; max-width: 750px; height: 100%; z-index: 1000; display: none; min-width: 320px; max-width: 750px; background: rgba(0,0,0,.3);}
.pic_popup.opened{display: flex; justify-content: center; align-items: center;}
.pic_popup .box{ width: 62%; padding:0 1rem; border-radius:0.5rem; background: #fff; position: relative; overflow: hidden;}
.pic_popup .box .close{position: absolute; right: 0.5rem; top: 0.5rem; width:2rem; height:2rem; background: url(../img/close3.png) no-repeat center; background-size: 2rem auto;}
.pic_popup .box .title{ line-height: 1.2rem; font-size: 1.2rem; padding:1rem 0;}
.pic_popup .img_box{ margin:0 auto; position: relative;}
.img_box .max_img{width:100%; height: 100%;}
.img_box .min_img{width:29.0323%; height: 100%; position: absolute; left:0; top: 0;}
.img_box .refresh_btn{width: 2rem; height: 2rem; position: absolute; right: 0.5rem; top: 0.5rem;}
.slider_bar{width: 100%; height: 1rem; background-color: #ddd; margin: 1.6rem 0; position: relative;}
.slider{position: absolute; left: 0; top: -0.6rem; width: 3.6rem; height: 2.4rem; border-radius: 1rem; background: #3b71fa url(../img/sc/hb/slider.png) no-repeat; background-position:50% 50%; cursor:move;}
.slider img{width: 1rem; height: 1rem;}

.result_ico{width: 100%; text-align: center; padding:3rem 0;}
.result_title{font-size:1.5rem; text-align: center; color: #00a5ff;}
.result_desc{padding: 2rem; text-align: center; line-height: 1.8rem;}
.to_store{display: block; width: 50%; text-align: center; background-color: #169bd5; height:3.5rem; line-height:3.5rem; font-size: 1.2rem; color: #fff; padding: 0 1rem; margin:2rem auto; border-radius: 0.5rem;}

.rs_body{background: url(../img/r_bg.jpg) no-repeat; background-size:cover; padding-bottom: 2rem; magin:0 auto;}
.rs_ico,.rs_qrcode{width: 100%; text-align: center; margin:1rem auto; }
.rs_ico img{width:20%}
.rs_title{font-size:1.5rem; text-align: center; color: #ffc936;}
.rs_desc{padding:1rem 2rem; font-size: 1rem; line-height: 1.8rem; color: #ffffff;}
.rs_focus{width:88%; text-align: center; background-color: #eb242e; font-size:1.8rem; color: #f6ff00; padding:0.8rem 0.5rem; margin:1rem auto; border-radius: 2rem;}
.rs_extra{padding:1rem 2rem; font-size: 1.2rem; text-align: center; line-height: 2rem; color: #ffc936;}
.rs_extra span{color: #ffffff; font-size:1.8rem;}
.rs_qrcode img{width: 60%;}
.rs_tip{padding: 1rem; font-size: 1.2rem; text-align: center; line-height: 1.5rem; color: #ffffff;}

.yc_rs_img,.yc_rs_qrcode{width: 100%; text-align: center; margin:auto; }
.yc_rs_img img{width:40%}
.yc_rs_subject{font-size:1.2rem; font-weight: bold; text-align: center; }
.yc_rs_cont{padding:1rem 2rem; font-size: 1rem; line-height: 1.8rem;}
.yc_rs_qrcode img{width: 50%;}
.yc_rs_tip{padding: 1rem; font-size: 1.2rem; font-weight: bold; text-align: center; line-height: 2rem;}
.yc_rs_tip em{color: #1BA4C8; font-style: normal; font-weight: bold;}
.yc_rs_tip p{font-size: 1rem;}
.yc_rs_btn{display: block; width: 60%; margin: 1rem auto; text-align: center; height: 3rem; line-height: 3rem; color: #fff; background-color: #1BA4C8; font-size: 1.8rem; border-radius: 2rem;}
.rs_sxk_tip{color:#e76532; text-align: center; font-size:1.2rem; font-weight: bold;}
.rs_sxk_more img{width: 2rem; display: block; margin: auto;}
.rs_sxk_box{width: 80%; border: 0.2rem solid #fae451; border-radius: 1rem; margin: auto; padding-bottom: 1rem; overflow: hidden;}
.rs_sxk_card img{width: 100%;}
.rs_sxk_item{margin:1rem 0.5rem; display:flex; display:-webkit-flex; flex-grow:1; flex-direction:row;}
.rs_sxk_item .li{flex: 1; neibackground-color: #007AFF; text-align: center;}
.rs_sxk_item .li .sxk_li_img{width: 80%; display: block; margin: auto;}
.rs_sxk_item .li .sxk_qry_btn{display: inline-block; background-color: #f14400; margin:0.6rem auto 0 auto; padding: 0.5rem 0.8rem; color: #fff; border-radius: 1.6rem;}

/*弹出框*/
.c_mask{position: fixed; top: 0; width: 100%; max-width: 750px; height: 100%; z-index: 999; display: none; min-width: 320px; background:rgba(0,0,0,0.75);}

.common_alert{ position: fixed; top: 0; width: 100%; max-width: 750px; height: 100%; z-index: 1000; display: none; justify-content: center; min-width: 320px; background: url(../img/mark.png);}
.common_alert.current{display: flex; align-items: center;}
.common_alert .box{ width: 80%; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0,0,0,.3); background: #fff; position: relative; overflow: hidden;transition: 0.2s; transform:scale(0.6,0.6); opacity: 0;}
.common_alert .box.current{transform:scale(1,1); opacity:1;}
.common_alert .box .close{position: absolute; right: 0; top: 0; width: 2rem; height: 2rem; background: url(../img/close.png) no-repeat center; background-size: 1.5rem auto;}
.common_alert .box .topic{ line-height: 1.6rem; font-size: 1.4rem; padding: 6.5rem 1rem 2.5rem 1rem;  background-repeat: no-repeat; background-position: 50% 20px;text-align: center;}
.common_alert .box .intro{ text-align: center;padding-bottom: 0.8rem;padding-left: 1rem;padding-right: 1rem; margin-top: -0.5rem;  font-size: 0.9rem;color: #a5a5a5;}
.common_alert .box .subject{ line-height: 1.6rem; font-size: 1.4rem; padding:1rem;text-align: center;}
.common_alert .box .cont{ padding-bottom: 1rem;padding-left: 1rem;padding-right: 1rem; margin:0 auto 1rem auto; height:30rem; overflow-y:scroll; line-height:1.5rem; color:#666;}
.common_alert.ok_popup .box .topic{ background-image: url(../img/success.png);}
.common_alert.alert_popup .box .topic{ background-image: url(../img/alert.png);}
.common_alert.error_popup .box .topic{ background-image: url(../img/fail.png);}
.common_alert.confirm_popup .box .topic{ background-image: url(../img/confirm.png);}
.common_alert .box .br {border-bottom: 1px solid #eee;}
.common_alert .box .button{ border-top: 1px solid #eee;;padding:0 ;margin:0;list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;justify-content:space-around;text-align: center;}
.common_alert .box .button button{ border: 0; background: none; width: 50%;  line-height: 3rem; font-size: 1.2rem;float: left;}

/*show tip*/
.c_popup{position:fixed;left:50%;top:45%;z-index:1000; background-color:#999; padding:6px; display: none;}
.popup_header{height:30px; position:relative; background-color:#fff;}
.popup_box{padding:0px 30px 30px 30px; width:360px; background-color:#fff;}
.popup_title{height:36px; line-height:36px; color:#333; font-size:16px; text-align:center;}
.popup_title span{vertical-align:middle;}
.popup_content{background-color:#fff; line-height:20px; margin-top:20px; color:#666;}
.popup_footer{margin-top:20px; text-align:center;}
.popup_close{width:16px; height:16px; display:inline-block; position:absolute; top:10px; right:10px; background:url(../img/mall/c_close.png) no-repeat;}
.popup_btn{display:inline-block; padding:5px 20px; border:1px #222 solid; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; background-color:#222; font-size:14px; color:#f1f1f1;}
.popup_btn:hover{background-color:#f80; border-color:#f80; color:#fff;}
.popup_btn.pop_cancel_btn{border-color:#ddd; background-color:#f4f4f4; color:#666;}
.popup_btn.pop_cancel_btn:hover{color:#333; background-color:#f1f1f1;}

.ico-prompt{background:url(../img/mark_s1.png) no-repeat 0 0; width:36px; height:36px; display:inline-block; margin-right:10px; vertical-align:middle;}
.ico-prompt.alert-ico{background-position:0 0;}
.ico-prompt.ok-ico{background-position:-36px 0;}

.prod_body{background: url(../img/pbg.jpg) no-repeat; background-size:cover; padding-bottom: 4rem; magin:0 auto;}
.sale_title{background-color: #FFCC56; margin: 2rem auto; border:0.2rem #010002 solid; border-radius: 1.5rem; width:70%; padding:0.8rem 1rem; text-align: center; font-size: 2rem; color: #F80000; font-weight: bold;}
.prod_container{padding-right:0.5rem; margin-bottom:0.8rem ; display:flex; display:-webkit-flex; flex-direction:row;}
.prod_panel{margin:0 0.5rem 1rem 0.5rem;}
.prod_box{margin-left:0.5rem; display: block; flex:1; -webkit-flex:1; flex-grow:1; }
.prod_box img,.prod_panel img{width: 100%;}

.active{padding:0; margin:0 auto; width:100%;}
.active img{width: 100%; display: block;}
.active_btn{padding:0; width:64.8%; display:none; position: fixed; bottom: 0.8%; left: 17.6%;}
.active_btn img{width: 100%; display: block;}

/*新版本*/
.tip_box{width:92%; height: 6.4rem; position: absolute; bottom: 0; margin-left: 4%; overflow: hidden; background: url(../img/sc/hn/tip.png) no-repeat; background-size: 100% 100%;}
.countdown{margin-left:17%; padding-top: 1rem; color: #825c45; height: 2.2rem; line-height: 3.2rem;}
.sale_scroll{margin-left:17%; height: 2.2rem; line-height: 2.2rem; color: #825c45;}
.book_scroll{width: 11rem; float: left; height: 2.2rem; overflow: hidden;}
.surplus_box{float: left;}
.surplus_box em{color: #eb8001; font-style: normal;}

/*地区选择*/
.area_mask{position: fixed; top: 0; width: 100%; max-width: 750px; height: 100%; z-index: 9999; display: none; min-width: 320px; background:rgba(0,0,0,0.75);}
.area_box{width:100%; position:absolute; bottom: 0; left: 0; right: 0; z-index: 10000; background-color: #fff;}
.area_box .close{position: absolute; display: inline-block; right: 0.6rem; top: 0.6rem; width: 1.8rem; height: 1.8rem; cursor: pointer; background: url(../img/close.png) no-repeat center; background-size: cover;}
.area_box .area_title{height:3.4rem; line-height: 3.4rem; text-align: center; font-size: 1.4rem;}
.area_box .select_area{width: 96%; margin: 0 2%; overflow: hidden; font-size: 1.3rem;}
.area_box .select_area ul{height:2.86rem; margin-left: -1%; display: flex; flex-direction: row; flex-wrap: nowrap}
.area_box .select_area li{ height:2.7rem; line-height: 2.7rem; margin:0 1rem; border-bottom: 0.16rem solid #ffffff;}
.area_box .select_area li.current{border-bottom-color: #007AFF; color: #007AFF;}
.area_box .area_list{width: 100%; height: 21rem; overflow: auto; font-size: 1.3rem;}
.area_box .area_list li{height: 3.4rem; line-height: 3.4rem; padding: 0 1.5rem; border-top: 1px solid #eee;}

/*选择号码*/
.number_sel_box{width:100%; position:absolute; bottom: 0; left: 0; right: 0; background-color: #fff; border-top-left-radius: 1rem; border-top-right-radius: 1rem;}
.number_sel_body{max-width: 750px; margin: 0 auto; padding: 1rem;}
.number_sel_body .title{text-align: center; font-size: 1.2rem; height: 2rem; line-height: 2rem; position: relative;}
.number_sel_body .title .close{position: absolute; display: inline-block; right: 0; top: 0; width: 2rem; height: 2rem; background: url(../img/close.png) no-repeat center; background-size: 1.5rem auto;}
.number_sel_body .search_box{border: 1px #ddd solid; height: 3.6rem; line-height: 3.6rem; margin: 0.5rem; border-radius: 0.5rem;}
.number_sel_body .search_box input{float:left; width:60%; display:inline-block; height: 3.6rem; border: 0; font-size:1.2rem; color: #000000; padding:0 1rem; margin:0; }
.number_sel_body .search_box img{float:right; width: 2rem; height: 2rem; padding:0.8rem; display:inline-block;}
.number_sel_body .number_list{ padding: 1rem 0;}
.number_sel_body .number_list li{float:left; width: 50%; display: block; text-align: center; height: 2.8rem; line-height: 2.8rem;}
.number_sel_body .number_list li span{position: relative; display: inline-block; color: #000000; font-size: 1.2rem; letter-spacing:0.06rem}
.number_sel_body .number_list li.good span:before{content:''; width: 1.6rem; height: 1.6rem; display: block; position: absolute; right: -1.5rem; top: -0.2rem; background: url(../img/good.png) no-repeat; background-size: cover;}
.number_sel_body .number_list li.good span:after{content:'\9650\65F6\514D\8D39'; display: inline-block; font-size: 0.8rem; position: absolute; left: 0; bottom: -1.1rem; color: #ff0000;}
.number_sel_body .number_list li span em{color: #ff0000; font-style: normal;}
.number_sel_body .refresh_btn{display: block; border: 1px #3CB1FF solid; background-color: #FFFFFF; color: #3CB1FF; padding: 0.5rem 2rem; margin: 1rem auto;}

/*靓号搜索区*/
.number_box{padding:0 1rem;}
.number_box .search_area{padding: 1rem; border-radius: 1.6rem; padding: 1rem 1.5rem; background-color: #eaeaea;}
.number_box .search_area .search_header{display: flex; justify-content: space-between; font-size: 1.1rem;}
.number_box .search_area .search_header .title{}
.number_box .search_area .search_header .limit{color: #E31529;}
.number_box .search_area .search_form{display: flex; justify-content: space-between; width: 100%; margin-top: 1rem; height: 3rem; line-height: 3rem;}
.number_box .search_area .search_form .search_input{ position: relative; min-width: 60%; padding-left:1.5rem; background-color: #fff; border-radius: 1.5rem;}
.number_box .search_area .search_form .search_input .input{ height: 3rem; width: 100%; line-height: 3rem; display: block; border-radius: 1.5rem;}
.number_box .search_area .search_form .search_input .img_btn{position: absolute; width: 2rem; height: 2rem; right: 1rem; top: 0.5rem;}
.number_box .search_area .search_form .search_btn{ padding: 0 1rem; display: block; text-align: center; border: 1px solid #E31529; background-color: #fff; border-radius: 1.5rem;}
.number_box .search_area .search_type{display: flex; flex-flow: row wrap; justify-content: space-between; margin-top:0.5rem; width: 100%;}
.number_box .search_area .search_type .li{width: 30%; background-color: #6079f9; color: #fff; margin-top: 1rem; text-align: center; border-radius: 0.5rem; height: 2.4rem; line-height: 2.4rem;}
.number_box .search_area .search_type .li.selected{background-color: #0826c0;}
.number_box .search_area .search_type.hn8 .li{background-color: #FFDDA5; color: #333; }
.number_box .search_area .search_type.hn8 .li.selected{background-color: #8a5f1f; color: #fff;}

.number_box .number_list{margin-top: 1rem; display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; font-size: 1rem; text-align: center; color: #fff;}
.number_list .empty{width: 100%; padding: 2rem;}
.number_list .null_tip{width: 100%;}
.number_box .number_list .li{ position: relative; overflow: hidden; background-color: #fff; color: #222; width: 30%; display: inline-block; line-height: 1.5rem; margin-top: 2%; border-radius: 0.5rem; border:2px solid #fff;}
.number_box .number_list .li.selected{border-color: #E31529;}
.number_box .number_list .li em{color: #f00; font-style: normal;}
.number_box .number_list .li.selected i{position: absolute; right: 0; bottom: 0; width: 2rem; height: 2rem; background: url(../img/sc/hn/selected.png); background-size:2rem 2rem;}
.number_box .number_list .li:nth-child(3n+1){margin-left:0%;}
.number_box .number_list .li p{color: #E31529; font-size: 0.9rem;}

/*靓号搜索区2*/
.num_box{padding:0 1rem;}
.num_box .header{height: 3rem; position: relative;}
.num_box .limit_tip{width: 50%; position: absolute; right: 16%; top:0}
.num_box .numtit{color: #fff; line-height: 1.4rem; padding:0.8rem 0;}
.num_box .numtit em{background-color: #fff3e5; margin-right:0.5rem; width: 0.3rem; height: 1.4rem; float: left;}
.num_box .numtit h2{font-size: 1.2rem; display: block; float: left;}
.num_box .num_body{border: 0.2rem solid #fff; border-radius:0.4rem; padding: 1rem 0;}
.num_box .search_form{display: flex; padding: 0 0.5rem; height: 2.6rem; line-height: 2.6rem;}
.num_box .search_form .search_input{ position: relative; min-width: 60%; padding-left:1.5rem; background-color: #fff; border-radius: 1.5rem;}
.num_box .search_form .search_input .input{ height: 2.6rem; width: 100%; line-height: 2.6rem; display: block; border-radius: 1.5rem;}
.num_box .search_form .search_input .img_btn{position: absolute; width: 2rem; height: 2rem; right: 1rem; top: 0.35rem;}
.num_box .search_form .search_btn{ margin-left: 0.8rem; padding: 0 1rem; display: block; text-align: center; border: 1px solid #fff; background: linear-gradient(to right, #f58500 , #fbb306); border-radius: 1.2rem; color: #fff;}
.num_box .search_type{display: flex; flex-flow: row wrap; justify-content: space-between; margin-top:0.5rem; padding: 0 1rem;}
.num_box .search_type .li{width: 30%; background: linear-gradient(to bottom, #fffdfb , #ffe1a9); color: #422c02; margin-top: 1rem; text-align: center; border-radius: 0.5rem; height: 2.4rem; line-height: 2.4rem;}
.num_box .search_type .li.selected{background: linear-gradient(to bottom, #ffdfa7 , #ffb01d);}
.num_box .number_list{margin-top: 1rem; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 1rem; text-align: center; color: #fff; padding: 0 0.5rem;}
.num_box .number_list .li{ position: relative; overflow: hidden; background-color: #fff; color: #222; width: 30%; display: inline-block; line-height: 1.5rem; margin-top: 2%; border-radius: 0.5rem; border:2px solid #fff;}
.num_box .number_list .li.selected{border-color: #ff7326;}
.num_box .number_list .li em{color: #f00; font-style: normal;}
.num_box .number_list .li.selected i{position: absolute; right: 0; bottom: 0; width: 2rem; height: 2rem; background: url(../img/sc/hn/sel.png); background-size:2rem 2rem;}
.num_box .number_list .li:nth-child(3n+1){margin-left:0%;}
.num_box .number_list .li p{color: #E31529; font-size: 0.9rem; text-align: left; margin-left:5%;}

.wt_popup{ position: fixed; top: 0; width: 100%; max-width: 750px; height: 100%; z-index: 1000; display: none; min-width: 320px; background: url(../img/mark.png);}
.wt_popup.current{display: flex; justify-content: center; align-items: center;}
.wt_popup .box{ width: 90%; height:90%; padding-bottom: 1rem; border-radius:1rem; background: #fff; position: relative; overflow: hidden;transition: 0.2s;transform:scale(0.6,0.6); opacity: 0;}
.wt_popup .box.current{transform:scale(1,1); opacity:1;}
.wt_popup .box .close{position: absolute; right: 0.5rem; top: 0.5rem; width:2rem; height:2rem; background: url(../img/close2.png) no-repeat center; background-size: 2rem auto;}
.wt_popup .box .subject{ line-height: 1.6rem; font-size: 1.4rem; padding:1rem;text-align: center;}
.wt_popup .box .cont{ padding:0 1.5rem; margin:0 auto; height:92%; font-size: 1.1rem; overflow-y:scroll; line-height:2rem;}

@media screen and (min-width:320px) { html{ font-size: 14px;} }
@media screen and (min-width:480px) { html{ font-size: 16px;} }
@media screen and (min-width:640px) { html{ font-size: 18px;} }
@media screen and (min-width:750px) { html{ font-size: 20px;} }