/* 全局样式 */
*{ margin:0; padding:0;}
ul,li,p,br{ list-style:none;}
img{ border:0; vertical-align:middle;}
a{ text-decoration:none; outline:none;}
a{blr:expression(this.onFocus=this.blur())}
:focus{outline:0;}
a:hover{ text-decoration:none;}
body{ max-width: 640px; margin:0 auto; background-color:#f5f5f5; font-family:"Microsoft YaHei",Tahoma,Verdana,Arial;color:#888; font-size: 14px;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; visibility:hidden}
.clearfix{ zoom:1;}


/*头部*/
header{ height: 45px; color:#fff; padding: 0 4%; text-align: center; line-height: 45px; background-color: #2fafe0;}
header a.arrow{ float: left;}
header a.arrow img{ width: 10px; height: 17px; }
header a.home{ float: right;}
header a.home img{ width: 20px; height: 22px;}

/*banner*/
.ban img{ width: 100%;}
.banner img{ width: 100%;}
/*点赞*/
.feelgood{ padding: 0 4%; line-height: 40px; background-color: #fff; border-bottom: 1px solid #ebebeb;}
.feelgood p{ float: left;}
.feelgood .zan{ float: right;}
.feelgood .zan img{ width: 20px; height: 20px; vertical-align: middle;}


.opened{ background-color: #fff; padding: 4% 4% 0% 4%; margin: 0 auto;}
.opened p.p1{ width: 100%;}
.opened p.p2{ text-align: center; width: 100%; margin-top: 15px;}
.opened p.p2 span{ float: left; color: #f8ab00;}

/*产品种类*/
.itemtitle{ padding: 0 4%; margin: 10px 0; color: #362e2b;}
.itemtab{ width: 92%; margin: 0 auto;}
.itemtab ul li{ float: left; width: 14.25%; text-align: center; line-height: 35px; border-bottom: 1px solid #b8b8b8}
.itemtab ul li.cur{ border-bottom: 2px solid #f8ab00; background: url(../../../images/imges/trgle.png) center bottom no-repeat; background-size: 11px 5px;}

.shengnei{ width: 96%; margin: 0 auto; font-size: 14px;}
.shengnei tr td{border: 1px solid #a8a5a5; margin-left: 2.5%; padding: 2% 1%; border-radius: 2px; width: 30%; line-height: 20px; text-align: center; background-color: #fff; color: #362e2b; box-sizing:border-box;}

.shengnei tr td.active{position: relative; border:1px solid #ffa800;}
.active:after{content: ''; display: block; width: 20px; height: 20px; position: absolute; background: url(../../../images/imges/kdcur.png); right:0; bottom: 0; background-size: 20px 20px;}
.shengnei tr td.no_con{ border:0; background-color: #f5f5f5;}

/*slideBox*/
.slideBox1 {position: relative;z-index:0; margin-bottom: 22px;}
.slideBox1 .bd {position: relative;z-index: 0;}
.slideBox1 .bd ul li{ width:100%;}
.slideBox1 .hd{position:absolute;left:50%;bottom:-30px;text-align:center;margin-left:-19px; z-index:9999}
.slideBox1 .hd ul li{width:6px;height:6px;border: 1px solid #CCC;border-radius: 100px;border-radius:5px;display:block;margin:0px 6px;display:inline-block;text-indent:-9999px;cursor:pointer;}
.slideBox1 .hd ul li.on{background: #39F;}

.selday{ width:92%; border:1px solid #a8a5a5; border-radius:5px; padding: 2% 1%; display:block; margin:0 auto;}


/*生效时间*/
.effect_time{ margin: 15px 4%;} 
.effect_time ul li{float: left; margin-left: 4%; position: relative; width: 28%; box-sizing:border-box; border: 1px solid #a8a5a5; border-radius: 5px; line-height: 30px; text-align: center; background-color: #fff; color: #362e2b;}
.effect_time ul li.selected{ border:1px solid #ffa800;}
.effect_time ul li.selected:after{ content: ''; display: block; width: 20px; height: 20px; position: absolute; background: url(../../../images/imges/kdcur.png); right:0; bottom: 0; background-size: 20px 20px; }

.produce_mess{ width: 86%; padding:3%; line-height: 20px; margin: 0 auto; background-color: #fff; border-radius: 10px;}

/*footer
.footer{ background-color:#FFF; max-width:640px; margin:0 auto; z-index:10; border-top:1px solid #ebebeb; position:fixed; font-size:16px; bottom:0; left:0; right:0;}
.footer-left,.footer-right{ width:50%; float:left; height:55px;}
.footer-left p{ display:block; width:90%; text-align:right;}
.footer-left p.p1{ color:#373737; margin-top:8px; font-size:16px;}
.footer-left p.p2{ color:#999; font-size:12px;}
.footer-left p span{ color:#ffa100;}
.footer-right{text-align:center; font-size:18px; background-color:#ff5001; line-height:55px; color:#FFF;}
.footer-right a{ display:block; width:100%; height:55px; color:#FFF;text-align:center;}
.sxtime{ width:320px; margin:0 auto;}
.sxtime span{ display:block; text-indent:0; height:30px; line-height:30px;}
.time{ font-size:18px; font-style:normal; line-height:35px;}
.sxtime ul li{ width:98px;min-height:25px; font-size:14px; line-height:25px;text-align:center;border:1px solid #D7D7D7;border-radius:5px;background:#fff;overflow:hidden; padding:2% 0;margin:0 0 5px 5px;float:left;}
.sxtime ul li.selected,.product-list ul li.selected{border-color:#FF6E03;position:relative;}
.sxtime ul li.selected:after,.product-list ul li.selected:after{content:"";display:block;background:url(../../../images/imges/kdcur.png);background-size:20px 20px;width:20px;height:20px;position:absolute;right:0;bottom:0;}
.yxa-tab-tag1{border-top:1px solid #c6c6c6; padding:4% 0; margin-top:4%; height:14px; line-height:14px;}
.wrapper{ padding-bottom:4%;}*/

/*返回顶部*/
.pagetop{ position:fixed; bottom:12%; z-index:10; right:2%; padding:5px; font-size:12px; text-align:center; width:30px; height:30px; line-height:15px; border-radius:100px; border:1px solid #c6c6c6; background:rgba(255,255,255,0.7)}
.pagetop img{ width:30%; margin-top:2px;}
.pagetop a{ display:block; color:#373737;width:30px; height:30px; border-radius:100px;}
/*场景介绍 业务介绍 温馨提示*/
.tab-introduce{ border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3;}
.tab-introduce ul li{ width:49.8%; float:left; color:#4c4c4c; text-align:center; padding:3% 0;background-color:#e4e4e4; font-size:14px;}
.tab-introduce ul li.li-middle{ border-left:1px solid #c3c3c3;}
.tab-introduce ul li.selected{ background-color:#fff}
.introduce-text ul{ background-color:#fff; padding-bottom:60px;}
.introduce-text ul img{ width:100%; vertical-align:top;}
.introduce-text ul.intro-text p{ display:block; padding:2% 2% 5% 2%; line-height:22px; text-indent:2%; text-align:left; font-size:14px;}


/*看了又看*/
.lookandlook{ background:#f5f5f5;  margin-bottom:18%;}
.look-text{ width:95%; margin:0 auto;}
.look-title{ padding:4% 0;}
.look-title span{ display:block; margin-top:2%; float:left; width:35%; height:1px; border-bottom:1px solid #c6c6c6}
.look-title p{ display:block; text-align:center; float:left; width:30%; color:#666;}

/*banner滚动*/
.ban li img{width:100%;}
.main li{width:49%;float:left;display:inline;margin:2px 0.5%;text-align:center;position:relative}
.main li img{width:30px;left:30%;vertical-align:middle;margin-right:3px;position:absolute;top:25%}
.main li a{color:#fff;font-size:16px;display: block;}
.main li a span{position:absolute;left:50%}
.main .hgt250{height:170px;line-height:170px;}
.main .hgt123{height:83px;line-height:83px;}
.main .li1{background:#ff687b}
.main .li1 img{top:40%}
.main .li2{background:#fe864a}
.main .li3{background:#f6c913}
.main .li4{background:#9156a9}
.main .li5{background:#92cc40}
.main .li5 img{top:20%}
.main .li6{background:#378ef5}
.main .li7{background:#10c5da}
.main .li7 img{top:30%}
.dis_none{display:none}
.bg_hui{background:#b6b6b6 !important}
/* slideBox */
.slideBox {
position: relative;
overflow: hidden;
z-index:0
}
.slideBox .bd {
position: relative;
z-index: 0;
}
.slideBox .hd{position:absolute;left:50%;bottom:6px;text-align:center;margin-left:-25px;}
.slideBox .hd ul li{width:8px;height:8px;background:#ccc;border-radius:5px;display:block;margin:0px 4px;display:inline-block;text-indent:-9999px;cursor:pointer;}
.slideBox .hd ul li.on{background:#f60}

/*����*/
.loading{ position:fixed; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.5); z-index:20;}
.remind{ position:fixed; top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);left:10%; width:80%; background:#FFF; border-radius:5px; z-index:30; font-size:14px;}
.remind-titile{ text-align:center; border-bottom:1px solid #23a3ff; color:#0195ff; padding:4% 0; font-size:16px;}
.bisiness{ padding:4% 0 1% 8%; text-align:left; color:#ff7723; overflow:hidden;}
.bisiness-text ul li{ padding:1% 0 1% 8%; overflow:hidden;}
.bisiness-text ul li p,.bisiness-text ul li span{ display:block; float:left; text-align:left;}
.bisiness-text ul li p{ width:32%; color:#a3a3a3}
.bisiness-text ul li span{ width:60%; color:#666}
.shure-qx-btn{ padding-left:8%; margin:5% 0;}
.qx,.shure{ width:41%; padding:2% 0; text-align:center; float:left; cursor:pointer}
.qx{ background-color:#c9c9c9; color:#535353}
.shure{ background-color:#0195ff; color:#FFF; margin-left:10%;}
.shure-qx-btn1{ padding-right:8%;}
.shure1{ float:none; margin-left:0;}
.cgopen{ padding:4% 8% 6% 8%; text-align:left; color:#666; max-height:300px; overflow:hidden; overflow-y:auto;}

.table { border-collapse: collapse; border-spacing: 0; width:100%; border: 1px solid #666; font-size: 12px;color: #333; }
.table tr td,
.table tr th { border:  1px solid #666;padding: 10px;word-break: break-all; vertical-align: middle; text-align: center; width: 14%;padding: 5px 2px; }
.table tr th {font-weight: bold;background: #a2cbfa;}
.table tr td:nth-child(2){ background:#d9e5bd;}
.table tr td:nth-child(3),.table tr td:nth-child(4){ background:#ddd9c5;}
.table tr td:nth-child(5),.table tr td:nth-child(6){ background:#fdd5b5;}

/****popbox
.popBox {position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f000000', endColorstr='#7f000000'); z-index: 30; display: none;}
:root .popBox{-webkit-filter: none\9; filter: none\9;}
.popBox .close-block { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0;}
.popBox .popBox-inner {position: absolute; width: 90%;left: 5%;top: 50%;-webkit-border-radius: 5px;border-radius: 5px;background: #fff;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.popBox .popBox-head {text-align: center; margin: 0; padding: 0 10px;border-bottom: 1px solid #0195ff; line-height: 40px;font-size: 16px;color: #0195ff;}****/
.popBox .popBox-body { margin: 15px 20px; max-height: 350px; overflow: hidden; overflow-y: auto; font-size: 13px; line-height: 180%; color: #666;word-break: break-all;}
/*.popBox .popBox-foot { text-align: center;padding: 15px 20px 25px;}
.popBox .btn { display: inline-block; *display: inline; *zoom: 1;line-height: 40px;font-size: 16px; width: 47%;background: #0195ff; color: #fff;-webkit-border-radius: 5px; border-radius: 5px;border: 0;}
.popBox .btn-orange{ background: #ff9900; }
.popBox .btn:nth-child(2) { margin-left: 4%;}
.popBox .btn:only-child { width: 100%;}*/
.popBox.openpop { display: block;}
.popBox .close{ background: url('../../images/pop-close.png') no-repeat center; background-size: 20px 20px; position: absolute; top: 0; right: 0; display: block; width: 40px; height:40px; }

/**使用天数选择**/
.sel-syts{ display: inline-block; border: 1px solid #ddd; padding: 5px; width: 40%; position: relative; }
.sel-syts input{ border: 0; background: none; width: 100%;line-height:20px; }
.sel-syts:after{ content: ''; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); width:10px; height:10px;position: absolute; top: 10px; right: 10px; }
.popBox-gray .popBox-inner{ background: #ebeef1; }
.popBox-gray .popBox-head{ border-bottom: 0; color:#666;}
.popBox-gray .popBox-body{ margin: 10px; }
.day-list{ margin: 0 auto; }
.day-list a{ float: left; width: 13.685%; background: #fff; line-height: 30px; text-align: center; color: #666; border-radius: 4px; margin:1px .3%;}
.day-list a:hover,
.day-list a.cur{ background: #0d9df4; color: #fff; }
.day-list a.empty:hover,
.day-list a.empty.cur{ background: #fff; color: #666; }