@charset "utf-8";
/* CSS Document */
html,body{ margin:0; padding:0; font-family:"微软雅黑"; }
/*在sup中去掉了 border:0px; 处理cms发布文章中表格显示错误问题*/
tble,tr,th,td,h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,p,span,img,input,div,a,b,i,strong,sub,sup{ margin:0; padding:0; font-size:100%;vertical-align:baseline; font-size:13px;}
/*处理首页图片在IE浏览器下加了边框的问题*/
img{border:0px}
ol,ul,li{ list-style:none;}
a,a:hover{ text-decoration:none;}
em, i { font-style: normal;
}
.clear{ clear:both;}
body{max-width: 640px;
    min-width: 320px;margin: 0 auto;position: relative; background:#F2F2F2;}
/*头部*/
.header_box{ width:100%; display:block; background:#f16d3c}
.header_box h2{ font-size:16px;width:100%; text-align:center;  padding: 3% 0%;font-family: "微软雅黑";color: #fff;}
.header_box .back_bt{ position:absolute; display:block; left:1em; padding-top: 1.4%;}
.header_box p{ float:right; position:absolute; display:block; right:1px;padding-top: 3.4%; padding-right:10px; color:#FFF;}
.header_box p a{color:#FFF;}
/*登录*/
.dl_5gddcxdl{}
.dl_5gddcxdl ul li{    border-bottom: solid 1px #eee; padding: 10px 0px;color: #666;}
.dl_5gddcxdl ul li p{ padding:15px; font-size:12px;}
.dl_5gbt{ padding:30px;color:#f16d3c; font-size:36px; text-align:center;}
/*订单支付*/
.ddzf_container{padding:10px 10px 50px 10px;}
.ddzf_bt{padding:10px; color:#666;}
.ddzf_bt_h4 h4{color: #FB5E58;font-size: 18px;text-align: center;padding: 10px;}
.ddzf_content{ background-color: #FFF;  padding:10px;font-size:13px;}
.ddzf_content ul li{border-bottom: 1px dotted #E0E0E0;padding:10px;color:#666;}
.ddzf_content ul li span{ color:#333;}
.ddzf_content ul li span b{color:#FB5E58;font-size:32px;}
.ddzf_content ul li:nth-last-of-type(1){border-bottom: none;}
.ddzf_xzzf{border-radius: 5px; background-color: #FFF;  padding:10px;font-size:13px;}

.zffs_content ul li{padding: 1%;  line-height: 35px;  background-color: #FFFFFF;vertical-align: middle;  -webkit-tap-highlight-color: #d1d1d1;   border: solid 1px #e5e3da;  margin-top: -1px; background: url(../images/wd_jt.png)97% #FFFFFF  no-repeat;  background-size: 2%; }
.zffs_content ul li:hover{ opacity: 0.6;}
.zffs_content ul li a{display: block; color:#666; font-size:14px;} 
.zffs_content_wrap{display: inline-block;margin-left: 10px;}
.zffs_content_wrap p{  float: left;   width: 40px;}
.zffs_content_bt{ width:150px;  margin-top: 5px; font-size:13px; margin-top: 2px;  padding-left: 50px;}

.zffs_5g_bt p b{ font-size:16px;}
.zffs_5g ul li{width:100%;clear:both;line-height: 35px;  background-color: #FFFFFF;vertical-align: middle;  -webkit-tap-highlight-color: #d1d1d1;  margin-top: 10px; padding-bottom: 60px; border-bottom: solid 1px #e5e3da; }
.zffs_5g ul li:hover{ opacity: 0.6;}
.zffs_5g{background:#FFF; padding:10px;margin-top: 10px;}
.zffs_5g ul li a{display: block; color:#666; font-size:14px; background:#FFF;} 
.zffs_5g_wrap{ margin-left: 10px; }
.zffs_5g_wrap p{  background-color: #FFFFFF;    float: left;  }
.zffs_5g_bt{line-height: 25px; margin-top: 5px; font-size:13px; margin-top: 2px;  padding-left: 30px;float: left;}
.zffs_5g ul li a .icon_arrow_qcddfc {  margin-top: 15px;  border: none;  right: 30px;  float: right;  color: #888;  padding-right: 10px;}
.zffs_5g_mia ul li{ margin:5px 0px;background:#FFF;}
/*.zffs_content_bt{  margin-top: 5px; font-size:16px; margin-top: 2px;  padding-left: 50px; padding-right:10%;}
.zffs_content_bt .zffs_ykwk_xz img{ float:right; padding-top: 4px;text-align: -webkit-right;}*/
/*.icon_arrow_right {position: absolute;width: 11px;height: 20px;margin-top: 10px;border: none;right: 30px;}*/
.zffs_content ul li a .icon_arrow_qcddfc {  margin-top: 15px;  border: none;  right: 30px;  float: right;  color: #888;  padding-right: 10px;}
.zffs_content_mia ul li{ margin:5px 0px;}
/*按钮*/
.zfwc_fhan{  display: block;  background-color: #f16d3c;text-align: center;margin: 20px 0px;padding: 6px 0px;color: #fff;line-height: 35px;border-radius: 4px;clear: both;}
.zfwc_fhan p a {color: #fff;font-size: 16px;display: block;}
/*选号入网*/
.chrwykwk{     background: #f16d3c;}
.chrwykwk_wk{ padding:10px; background:#FFF;}
.margin_bottom10{margin-bottom:10px}
.margin_top10{margin-top:10px}
.info_ul li span {display: inline-block;}
.info_span_65 {width: 65%;}
.info_span_35 { width: 35%;}
.chrwykwk_wk ul li{ padding: 10px 0px; text-align:center;}
.info_ul li { padding: 5px 0px; font-size: 0.875em;width: 100%;}
.form_text { background:#F5F5F5; width: 65%;border: 1px solid #fff; border-radius: 6px; padding: 14px 3%;}
.chrwykwk_wk ul .font_red{ text-align:center; color:#f16d3c;}
.form_select {  width: 45%;border: 1px solid #bbbaba; border-radius: 5px; padding: 10px 3%; color:#666666;}
.bg_colors4 { background-color: #88d940;}
.elm_width_80 { width: auto;min-width: 80%;}
.sub_btn_small { display: inline-block;background: #f16d3c; color: #fff; border: 0px solid #fd6a47; border-radius: 5px;text-align: center;font-size: 14px;padding: 10px 20px; margin-left: 10px;}

.ascending_Pick {clear: left; padding:10px 10px 0px 10px; background:#FFF;}
.ascending_Pick ul li {background-color: #FFF;clear: left;height: 52px;margin: 10px 0px; border-bottom-color: #eee;border-bottom-style: solid; border-bottom-width: 1px;display: block;/*background: url(../images/wd_jt.png)97% #FFFFFF  no-repeat;  */background-size: 2%; }

.ascending_Pick ul li a {text-decoration: none;}
.ascending_p p {line-height: 20px;padding: 8px 2px 0px 2px;font-size: 18px;font-weight: bold;color:#555;float: left;margin: 0px 10px 0px 0px}
.ascending_p p span {padding: 0px 5px;font-size: 16px;}
.ascending_p p b{ color:#999999;font-size:11px;font-weight: 100;}
.ascending_p2 p {color: #666;padding: 10px 20px 0px 0px; line-height: 20px;text-align: -webkit-right; font-weight: 100;font-size: 12px;}
.ascending_p2 p b{font-size:12px;}
/*排序-选中 排序-排序*/
.twins_btn_wrapper{   display:-webkit-box; display:-moz-box; width: 100%;}
.twins_btn{ box-sizing: border-box; -moz-box-sizing:border-box;; -webkit-box-flex: 1; background-color: #fff;}
.paixu_btn{ display:block;    height: 48px; line-height: 48px;background-color:#adc5d4;    color:#fff;}
.paixu_btn span{ display: block;width:80px;margin: 0 auto; background:url(../images/paixu_arrow_up.png) no-repeat 65px center; background-size:auto 33%;}
.paixu_btn span.acc_span_paixu{ background:url(../images/paixu_arrow_down.png) no-repeat 65px center; background-size:auto 33%;}
.acc_paixu{background-color: #f16d3c;}
.number_list{width: 100%;text-align: center;font-size:0.875em; border-collapse: collapse;}
.page_wrapper{ padding:20px;}
.page_wrapper span{padding-left: 15px; color:#666;}
.page_wrapper span i{ color:#F00; padding:4px;}

/*选套餐*/
.meal_select{background-color: #f8fdfd;clear: both}
.meal_select .set_choose_tit{float: left;width: 35%;text-align: center}
.meal_select .set_choose_tit li{padding:5px 0px;min-height: 56px;background-color:#adc5d4;margin-top: 4px;font-size:0.875em;position: relative}
.meal_select .set_choose_tit li:nth-child(1){margin-top:0px;}
.meal_select .set_choose_tit li p{height:38px;margin-top: 12px;color:#fff;position: absolute;width:100%;top:50%;margin-top: -15px;line-height: 18px}
.meal_select .set_choose_tit li.oneline p{margin-top:-8px;}
.meal_select .set_choose_tit li.acc_set_choose_tit{background:#f16d3c url(
../images/taocan_arrow.png) no-repeat right center}
.onlytc{height:266px; }
.meal_select .set_choose_cont{float: left;width:61%;padding:15px 2%;font-size:0.875em;}
.meal_select .set_choose_cont dd{display: none;}
.meal_select .set_choose_cont dd ul{margin-top: 10px}
.meal_select .set_choose_cont dd p{line-height: 22px;padding-top:15px;margin-left: 5px;}
.meal_select .set_choose_cont dd ul li{padding:3px 0px;margin-left:5px;}
.meal_select .set_choose_cont span{color:#e94f31;}
.title_h3 {font-weight: bold; line-height: 35px; font-size: 0.875em;}
.style_card{display:block; height: 46px;line-height: 46px;background-color: #fff;text-align: center;border: 1px solid #bbbaba;color:#1d1d1d;font-weight: bold;font-size: 0.875em}
.acc_style_card{border: 1px solid #fd6a47;background: #fde9d0 url(../images/product_sel_color3.png) no-repeat bottom right}
/*选套餐*/
/*信息填写*/
.lnputbox_frame{margin: 0px 0px 0px 10px;width: 62%; color: #7D7D7D;height: 32px;line-height: 30px; border: 0px solid #CFCFCF; padding: 0px 5px;font-size: 14px;}
.parternerCode { border: #CFD2D1 0px solid; width: 30%;height: 32px;line-height: 32px; margin-top: 6px; margin-left: 10px;}
.sortNumber { border: white 0px solid; height: 32px;line-height: 32px; margin-top: 6px;padding-left: 30px;color: #555;}
.txjxx_content{ margin-bottom:10px; background-color: #FFF;  padding:10px;font-size:13px;clear:both;}
.txjxx_content ul li{    border-bottom: solid 1px #eee;padding:10px;color:#666;}
.txjxx_content ul li:last-child {    border-bottom: none;}
.txjxx_content ul li span{ color:#333;padding-left: 30px;}
.txjxx_content ul li a{float: right;}
.txxx_htsb{ color:#666; font-size:12px; padding-bottom:10px;padding-left:20px;clear:both;}
.txxx_htsb span{ color:#f16d3c;}
.cell-right a{ color:#333;}
.yy_lxwm{ padding-top:20px;}
.yy_lxwm p{color:#f16d3c; padding:10px;}
.yy_lxwm ul li{ padding:10px; color:#666; font-size:12px;}
.yy_lxwm ul li span{ padding-left:20px;}

/*
选号入网选择按钮*/


/* screening */
*{ box-sizing:border-box; padding:0px; margin:0px;}
div.screening{max-width: 640px;
    width: 100%;
    overflow: hidden;
    background: #fff;
    /*position: fixed;*/
    z-index: 4;
}
div.screening>ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: solid 1px #eee;
    overflow: hidden;
}
div.screening>ul>li{
    float: left;
	 font-size:0.75em;
    
    text-align: center;
    line-height: 3rem;
   
    
}
div.screening>ul>li>span{
	background: url("../images/on_1.png") no-repeat right center; background-size:0.75em; padding-right:15px;
	}
div.screening>ul>.current>span{
    background: url("../images/on_2.png") no-repeat  right center;background-size:0.75em; color:#f16d3c;
}

/* grade */

.meishi22,.grade-eject,.Category-eject,.Sort-eject{
    position:fixed;
    top: -65%;
    width: 100%;
    height: 63%;
    z-index: 1;
    -webkit-transition-duration: 0.4s;
}

.meishi22>ul,.grade-eject>ul,.Category-eject>ul,.Sort-eject>ul{
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 100%;
    width: 100%;
    -webkit-transition-duration: 0.4s;
}
.meishi22>ul>li,.grade-eject>ul>li,.Category-eject>ul>li,.Sort-eject>ul>li{
	height: 3rem;
    line-height: 3rem;
    font-size: 0.75em;
    padding-left: 1rem;
    border-bottom: solid 1px #eee;
}
.meishi22>ul.meishia-w,.grade-eject>ul.grade-w,.Category-eject>ul.Category-w{
    background: #fff;
    position: absolute;
    z-index: 1; 
}
.meishi22>ul.meishia-t,.grade-eject>ul.grade-t,.Category-eject>ul.Category-t{
    background: #eee;
    position: absolute;
    z-index: 2;
    left: 100%;
}
.meishi22>ul.meishia-t>li,.grade-eject>ul.grade-t>li,.Category-eject>ul.Category-t>li{
    border-bottom: solid 1px #e5e5e5;
}
.meishi22>ul.meishia-s,.grade-eject>ul.grade-s,.Category-eject>ul.Category-s{
    background: #fff;
    position: absolute;
    z-index: 3;
    left: 100%;
    list-style-type: none;
}
.meishi22>ul.meishia-s>li,.grade-eject>ul.grade-s>li,.Category-eject>ul.Category-s>li{
    border-bottom: solid 1px #eee;
    margin-left: 1rem;
    padding: 0;
}
.meishi22 #meishib li a{ color:#666;}
.grade-w-roll{ max-width: 640px;
top: 11.2rem; 
}
.grade-w-roll::after{
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background:rgba(0,0,0,0.2);
    top: 0;
}
/*Sort-eject*/
.Sort-Sort{
    background: #fff;
    position: absolute;
    z-index: 3;
    left: 0;
    list-style-type: none;
}
.Sort-Sort>li{
    border-bottom: solid 1px #eee;
    padding: 0;
}
.Sort-height{
    height: 63%;
}

/* demo-content */
.demo-content{padding-top: 3rem;}


.xiaobiao{ background-color:#d2d3ce; color:#FFFFFF; padding:0px 5px; font-size:10px; border-radius:8px; margin-left:10px;}
.xiaobiao1{font-size:10px; margin-left:20px;}



.zimu{ height:20px; background-color:#e4e4e4; border-bottom:1px solid #e5e5e5; padding-left:20px; line-height:20px;}



.wrap {
  position: relative;
  margin-top:-60px;
}
.slider-v3 {
  margin: 1.5em auto;
}
.wrap input {
  position: absolute;
  left: -9999px;
}

.slider-v3 {
  position: relative;
  display: block;
  width: 5em;
  height: 2em;
  cursor: pointer;
  border-radius: 1.5em;
  transition: 350ms;
  background: #ddd;
}
.slider-v3::after {
  position: absolute;
  content: '';
  width: 1.5em;
  height: 1.5em;
  top: 0.2em;
  left: 0.5em;
  border-radius: 1.5em;
  transition: width 200ms ease-out, height 300ms 50ms ease-in, top 300ms 50ms ease-in, left 250ms 50ms ease-in, box-shadow 300ms ease-in;
  background: #e23a46;
  box-shadow: 0 0 0 1.5em #f2f2f2 inset;
}
input:checked + .slider-v3::after {
  top: 0.2em;
  left: 3em;
  box-shadow: 0 0 0 0 #f2f2f2 inset;
}



.choose a{color:#666666;text-decoration:none;}
.choose a:hover{color:#990000;text-decoration:none;}
.choose{padding: 13px 30px 30px 0;}
.choosetext{height:24px;padding:20px 0;font-size:14px;}
.choosebox{padding:0 0 35px 0;}
.choosebox li{float:left;margin-right:10px;display:inline;padding-bottom: 22px;}
.choosebox li a{float:left;background:#fff;font-size:14px;border:1px solid #ccc;height:14px;line-height:14px;padding:4px 12px; display:block;}
.choosebox li a.current{background:#e23a46; color:#FFFFFF;}
.choosebox li input{display:none;}
.choose .btn-img{overflow:hidden;background:#fff;cursor:pointer;border:0;}
.choose .btn-img span{font-size:18px;font-weight:800;color:#e23a46;font-family:"微软雅黑","宋体";}

/*
弹出框*/
.pop { display: none;  width:100%;position: absolute; left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 25px;  z-index: 130; }
.pop-top span{  float: right;  cursor: pointer;  font-weight: bold; display:black}
.pop-content-right p{ padding:20px;  border-bottom: solid 1px #E0E0E0;text-align:center;}
.pop-content-right p a{ color:#f16d3c; text-align:center;font-size:16px;display: block;}
	.pop-foot{border-radius: 10px;width:100%; background: #FFF; padding:20px; margin:10px 0px; text-align:center;}
	.pop-foot a span{ display: block;text-align:center; color:#666;}
	.pop-cancel, .pop-ok {  padding:8px 15px;  margin:15px 5px;  border: none;  border-radius: 5px;  background-color: #337AB7;  color: #fff;  cursor:pointer;  }
	.pop-cancel {  background-color: #FFF;  border:1px #CECECE solid;  color: #000;  }
    .pop-content-right{  width:100%; background:#FFF;border-radius: 10px;}
	.bgPop{  display: none;  position: absolute;  z-index: 129;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,.2);  }




