@charset "gbk";
@import url("globle.css");
/*通用*/
body{background: #f0f0f0;}

/*顶部*/
header {width: 100%;position:relative;top:0;left:0;z-index:999;height: 44px;line-height: 44px;}
.h{height: 44px;line-height: 44px;background:#09c762;color: #fff;font-size: 14px;text-align:center; width:100%;}
.h .h-b{ display:block;height:20px; background:transparent url(img/header.png) no-repeat 0 0; background-size:90px;position:absolute; top:10px;}
.h .h-b{ width:25px; height:32px; background-position:5px 1px;left:2%}
.h .h-ti { font-size:18px;}
.sp-top .t-right,.h .h-u {
	position: absolute;
	top: 10px;
	right:2%;
	background: url(img/user.png) no-repeat;
	background-size: cover;
	width: 25px;
	height: 25px;
	display: block;
}
.mask {height: 100%;width: 100%;position: fixed;top: 0;z-index: 1;background: rgba(0,0,0,.5);display: none}

.tabBox{ margin:20px 0}
.tabBox .hd{ height:40px; line-height:40px; width:100%; font-size:18px; background:#fff;border-bottom:1px solid #ccc;position:relative;  }
.tabBox .hd ul{ position:absolute; width:100%;  height:41px; top:0; overflow:hidden;  }
.tabBox .hd ul li{ float:left; width:33%; float:left; overflow:hidden; text-align:center;color:#666;  }
.tabBox .hd ul .on{ border-top:3px solid #09c762; }
.tabBox .hd ul .on a{ display:block;color:#f98700;/* 修复Android 4.0.x 默认浏览器当前样色无效果bug */}

/***********************************************列表 开始***************************************************************/
.hlist{ width:96%; margin:10px 2% 0;height:auto; overflow:hidden}
.ht{color:#404040;line-height:2.2em;height:28px; padding-left:6px;width:auto;overflow:hidden;border-top:solid 1px #D4E7FF;border-right:solid 1px #D4E7FF;border-left:solid 1px #D4E7FF;border-bottom:solid 1px #EEEEEE;background:#d3e0ed;}
.hlist li.hli1{border:1px solid #ccc; background:#fff; margin-bottom:10px}
.hlist .hu2{ float:left; width:80%; height:auto; overflow:hidden}
.hlist .hu2 li{ border-bottom:1px solid #ccc; border-right:solid 1px #ccc;  height:48px; width:99%;overflow:hidden}
.hlist .hu2 li span{ display:block; float:left;overflow:hidden}
.hlist .hu2 li span.hu21{ width:86%; height:48px;}
.hlist .hu2 li span.hu21 a{ display:block; overflow:hidden}
.hlist .hu2 li span.hu21 a.hu22{ width:40px; height:40px; margin:4px 0 0 6px;float:left;}
.hlist .hu2 li span.hu21 a.hu22 img{ width:100%; height:100%;}
.hlist .hu2 li span.hu21 a.hu23{ margin-left:50px;border-right:solid 1px #ccc;  height:48px; line-height:24px;}
.hlist .hu2 li span.hu24{ float:left; width:14%;display:block; line-height:48px;text-align:center}
.hlist span.h3{ float:right; width:18%; display:block; height:auto;}



.hlist .hu4{ height:36px; width:100%;line-height:36px; overflow:hidden;}
.hlist .hu4 a{ display:block; float:left; margin:0 12px; padding:0 10px;}



.dd-list{ width:100%; height:auto;overflow:hidden}
.dd-list ul{ width:100%; overflow:hidden}
.dd-list ul li{ width:96%;/* max-height:112px;*/padding:10px 2%; color:#424242; background:#fff; margin-bottom:10px;overflow:hidden} 
.dd-list ul li .ddl-top{ /*max-height:74px;*/border-bottom:1px solid #ccc; padding:5px 0; display:block;overflow:hidden}
.dd-list ul li .ddl-top .ddt-t{ maxheight:38px; line-height:20px; overflow:hidden; margin-bottom:3px;}
.dd-list ul li .ddl-top .ddt-t p{ display:block;width:73%;float:left; overflow:hidden; font-size:16px ; height:20px; line-height:20px; overflow:hidden;} 
.dd-list ul li .ddl-top .ddt-t span{display:block;width:27%;float:right; text-align:right;overflow:hidden; font-size:18px} 
.dd-list ul li  .ddt-b{height:28px;line-height:28px;overflow:hidden; font-size:15px}
.dd-list ul li .ddt-b .ddt-b1{ max-width:73%;float:left;display:block}
.dd-list ul li  .ddt-b .ddt-b2{max-width:27%;float:right;text-align:right;display:block}
.dd-list ul li .ddl-bottom{height:38px; line-height:38px;overflow:hidden; font-size:16px;}
.dd-list ul li .ddl-bottom span{ display:block; float:left;}
.dd-list ul li .ddl-bottom span b{ font-size:14px}
.dd-list ul li .ddl-bottom p{ display:block; float:right}
.dd-list ul li .ddl-bottom p a{ margin:0 4px; padding-left:20px;color:#999999; display:block; float:left}
.dd-list ul li .ddl-bottom p a.pay{ background:url(img/pay.png) no-repeat 0 center; background-size:16px}
.dd-list ul li .ddl-bottom p a.delete{ background:url(img/del.png) no-repeat 0 center; background-size:16px}
.dd-list ul li .ddl-bottom p a.look{ background:url(img/look.png) no-repeat 0 center; background-size:16px}
.dd-list ul li .ddl-bottom p a.comment { background:url(img/comment.png) no-repeat 0 center; background-size:16px}
.sum{ display:block; height:auto; line-height:30px; font-size:16px; display:block; background:#ececec; margin:10px 0; padding:10px 0}
.sum span{ margin-right:6px; padding-left:4px}
.sum1{ display:block; float:left}.sum2{ display:block; margin-left:110px}.sum2 span{ float:left}




/*弹出框：是否删除*/
.del,.fabu {position:fixed;z-index:10000;left:50%;top:20%;width:300px;overflow:hidden;margin-left:-150px;background-color:#fbfbfb;font-size: 14px;text-align: center;}
.del h4,.fabu h4 {height: 34px;font-size: 16px;border-bottom: 1px solid #ededed;line-height: 34px;color: #252e32}
.del .del_info,.fabu .del_info {font-size: 16px;padding: 20px 0;background-color: #fff; width:84%; margin:0 8%; line-height:24px}
.del .del_btns,.fabu .del_btns {text-align: center;display:block;border-top: 1px solid #e2e1e0;-webkit-box-shadow: 0 1px 1px #fff inset}
.del .del_btns a ,.fabu .del_btns a{-webkit-box-flex: 1;display:block; float:left;color:#000;width:49%;height: 40px;line-height: 40px;}
.del .del_btns a:last-child ,.fabu .del_btns a:last-child{border-left: 1px solid #e2e1e0;}
.del_mask,.fabu_mask {position: fixed;z-index: 200;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8)}

/********没有信息*********/
.nodataa4{	padding-bottom: 40px;	width:100%;	display:none;}
.nodataa4 i{width: 65px;height: 65px;-webkit-background-size: 65px;background-size: 65px;display: block;margin: 45px auto 20px;background-image: url("img/list_badFace.png");}
.nodataa4 div {	margin-bottom: 20px;}
.nodataa4 div {	width: 322px;	color: #666;	line-height: 24px;	margin: 0 auto;	text-align: center;}


.bgf{ background:#fff}.w2{ width:96%; margin:12px 2% 14px}
/*订单数目*/
.dd{ width:96%; margin:0 2%; height:auto; padding:7px 0px;}
.dd-top{ width:100%; height:auto; border-bottom:1px solid #ccc; overflow:hidden; margin-top:7px;}
.dd-top .dd-xx{ width:100%; height:52px; display:block}
.dd-top .dd-xx span{ display:block; height:50px; overflow:hidden;}
.dd-top .dd-xx span.dd-img{ width:70px; border:1px solid #CCC; float:left}
.dd-top .dd-xx span.dd-img img{ width:100%; height:100%}
.dd-top .dd-xx span.dd-t{line-height:25px; margin-left:76px; font-size:16px; height:50px; overflow:hidden;}
.dd-top #tab{ width:100%; height:24px; line-height:24px; margin-top:8px}
.dd-top #tab .num{ width:70px; float:left; overflow:hidden; border:1px solid #bbbdc1;}
.dd-top #tab .num .text_box,.dd-top #tab .num a{width:22px;  height:24px;float:left; text-align:center; }
.dd-top #tab .num .text_box{border-left:1px solid #bbbdc1;border-right:1px solid #bbbdc1; font-size:18px}
.dd-top #tab .num a{ display:block;font-size:20px;}
.dd-top #tab .all{ width:auto;float:right; }.dd-top #tab .all span{ color:#999999}
.dd-top #tab .all .price,.dd-top #tab .all b{ color:#a50310; font-size:16px;}
.dd-top #tab .all b{font-weight:normal; margin-left:3px}

/*浮动的支付按钮*/
.zf{ position:fixed; bottom:0; left:0px; width:96%;padding:0 2%;font-size:16px;height:46px; line-height:46px; border-top:1px solid #09c762; background:#fff;}
.zf .zf-xg{ display:block; float:left;  color:#09c762;} 
.zf button.zf-go{ display:block; float:right; width:96%; margin:0 2%; height:34px; line-height:34px;  background:#f98700; color:#fff; text-align:center; margin-top:7px ; font-size:16px}

.total{display:block;height:40px;line-height:40px;text-align:right; font-size:17px; color:#424242}
.total #total{color:#a50310}.total b{font-weight:normal;color:#a50310;}
input.tjdd{ display:block; width:40%; height:30px; line-height:30px;color:#fff;text-align:center;background:#09c762;margin:20px auto 0; font-size:16px; margin-bottom:20px;}
/***********************************************支付页面开始（与订单页面合用样式）***************************************************************/
.dd-top #tab .shul{ max-width:120px; margin-right:7px; float:left; overflow:hidden;}
.dd-mob .zhif{display:block;max-height:80px; line-height:25px;font-size:16px; color:#666666;overflow:hidden; margin:0 0 8px}
.dd-mob .zhif b{ font-weight:normal; color:#f98700; text-decoration:underline; margin:0 3px}
a.mlan{ color:#09c762; margin:0 3px;}



#normal-fieldset {overflow: hidden;width: 96%;margin: 10px 2% 60px}
#normal-fieldset h4 {font-size: 16px;height: 30px;line-height: 30px}
#normal-fieldset dd {border-bottom: 0;border-bottom: 1px solid #ccc;width: 100%}
#normal-fieldset dd p {width: 100%;height: 40px;line-height: 40px;display: block}
.pay-wrapper {font-size: 16px;height: 40px;line-height: 40px;display: block;margin-left: 40px}
.pay-wrapper input {float: right;}
.pay-wrapper div{ display:block; float:left; background:#ff0000;}
.bank-icon {width: 30px;height: 30px;display: block;background-image: url("img/zpay.png");background-size: 30px;float: left;margin-top: 5px}
.alipay {background-position: 0 -495px}
.yeepay {background-position: 0 -35px}
.xyeepay {background-position: 0 -70px}
.pcard{background-position: 0 -385px}
.pay-wrapper input {margin-top: 10px}


/*背景*/
.f-bg{ width:100%; height:100%; padding:10px 0; margin-top:10px;}
.f-con{width:96%;height:auto;background:#fff; margin:0 2%;box-shadow:0 3px 3px #c2c3c4}
.f-con .f-blue{width:100%;display:block;height:5px; background:#09c762;-webkit-border-radius: 5px 5px 0 0;border-radius:5px 8px 0 0;}
/*表单*/
.f-form{ width:98%; height:auto; padding:10px 1%;}
.f-form .f-p2,.f-form .f-p1,.f-form .f-p,.f-form .f-p3,.f-form .f-daibiao{display:block; width:100%; line-height:32px; overflow:hidden; margin-bottom:6px;}

.f-form .f-p label,.f-form .f-p1 label,.f-form .f-p2 label,.f-form .f-daibiao label{float:left; width:80px; font-size:16px;line-height:32px; color:#424242;padding-left: 5px;position: relative;overflow: hidden;}
.f-form .f-p label em,.f-form .f-p1 label em,.f-form .f-p2 label em,.f-form .f-p3 label em{ color:#a50310; font-size:16px; padding-right:2px;font-style:normal}
.f-form .f-p  div,.f-form .f-p1 div,.f-form .f-p2 div,.f-form .f-p3 div,.f-form .f-db label{position: relative;overflow: hidden;}
.f-form .f-p  div input{ border:1px solid #b7babf;height:30px; line-height:30px;font-size: 15px;}
.f-form .f-p .p1 input{width:94%;padding: 0 2%;color:#000}
.f-form .f-p .p2 select{ width:49%; float:left; line-height:30px;height:30px;overflow-y:auto;color:#000; /*padding-left:10px*/}.f-form .f-p .p2 select option{ color:#222}
.f-form .f-p .p3 select{ width:98.7%;line-height:30px;height:30px;overflow-y:auto;color:grey; padding-left:10px}.f-form .f-p .p3 select option{ color:#222}
.f-form .f-p .p2 .s2{ margin-right:2px}
.f-form .f-p .p3 input{width:95%;padding:8px 2%; color:#000}
.f-form .f-p2 .p5 .p51,.f-form .f-p1 .p4 .p41,.f-form .p5 ul，.f-form .f-p1 .p6{width:94%;padding:8px 2%;resize:none;color:#d6d6d6;font-size:15px;}
.f-form .f-p1 .p4 .p41{ height:60px; }
.f-form .f-p2 .p5 .p51{ height:120px;color:#000}
/*.f-form .f-p{ height:32px;}*/
.f-form .f-p1{height:80px;}
.f-form .f-p1 .p4{height:auto; margin-left:80px; line-height:26px}

.f-form .f-p2{height:144px;}
.f-form .p5{height:auto; margin-left:80px; line-height:26px}
.p5 li{width:30%; height:66px; margin:5px 1%; float:left; overflow:hidden}
.p5 li div{ width:66px; height:66px; margin:0px auto; position:relative}
.p5 li div img{width:100%; height:100%}
.p5 li div .c{display:block; position:absolute; right:0px; top:0px; width:20px; height:20px; background:url(img/c2.png) no-repeat; background-size:20px;display:none;}
.p5 li div .fm{display:block; position:absolute;left:0px; bottom:0px; width:100%; height:20px; line-height:20px; text-align:center; color:#cccccc; background: url(img/fa-bg.png) repeat; display:none;}
.p6{ font-size:15px}

/*提交按钮*/
a.tj{ display:block;width:96%;margin:18px 2% 8px;height:40px;line-height:40px;overflow:hidden;font-size:18px;text-align:center;color:#fff;background:#09c762;-webkit-border-radius:5px;border-radius:5px;}
.tj:active{color:#ff0000;}   
.tj:visited{color:#fff;}   
.tj:hover{color:#00ff00;} 

input.mt[type=radio]:checked:after, input.mt[type=checkbox]:checked:after {
content: "·";
font-size: 24px;
font-family: base_icon;
margin-top:1225px;
}
input.mt[type=radio]:checked, input.mt[type=checkbox]:checked {
background-color: #06c1ae;
border: 0;
color: #fff;
}
input.mt[type=radio], input.mt[type=checkbox] {
-webkit-appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
border: 1px solid #DDD8CE;
text-align: center;
vertical-align: middle;
line-height: 25px;
outline: 0;
}