@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,html{margin:0;padding:0;}
html{ background:#f1f1f1;}
body{ font-size:14px; font-family:"微软雅黑",Arial; background:#fff;-webkit-text-size-adjust:100%; max-width:800px; overflow-x:hidden; margin:0 auto; }
a{text-decoration:none; font-family:"微软雅黑";}
a:hover{text-decoration:none;}
em,i{font-style:normal;}
li{list-style:none;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
input{font-family:"微软雅黑"; }
select{font-family:"微软雅黑";}
textarea{font-family:"微软雅黑";}
p{word-wrap:break-word;}
.c{clear:both;}
.fr{ float:right;}
.fl{ float:left;}

header{ line-height:45px; height:45px; font-size:18px; background:#000; width:100%; overflow:hidden;  text-align:center; color:#fff;}
.swiper-slide img{ width:100%;}
.title{ text-align:center;border-bottom:1px dashed #ccc; line-height:40px; font-weight:bold;}
.price-top{ border-bottom:1px dashed #ccc; padding:2% 1%; overflow:hidden;}
.price-top dt,.price-top dd,.price-top p{ float:left; padding-left:10px; line-height:45px;}
.price-top dt{ font-size:26px; font-weight:bold; color:red;}
.price-top dd{ font-size:14px; text-decoration:line-through; color:#333; }
.price-top p span:nth-child(1){background: red;}
.price-top p span{ background:#000; color:#fff; padding:2px 5px; border-radius:3px; font-size:14px;}
.price-top p span.hei{ background:#3CF;}

.tui{ width:100%;  border-bottom:1px dashed #ccc; font-size:16px; padding:2% 0px; overflow:hidden;}
.tui dl{ width:230px; margin:0px auto;}
.tui dl dt{ float:left; padding-left:10px;}
.tui dl dd{ float:right;margin-right:10px; color:#555; line-height:25px;}
.tui dl dd span{ background:#000; width:28px; height:28px; margin:0px 3px; line-height:28px; text-align:center; color:#fff; display:inline-block;border-radius:2px;}
.tui dl dt span{ background:#3CF; width:25px; height:25px; line-height:25px; text-align:center; color:#fff; display:inline-block; margin-right:5px; border-radius:2px;}
.jltimer{ float:right; text-align:left;}

.qiang{width:96%;  border-bottom:1px dashed #ccc; padding:2%; overflow:hidden;}
.qiang dt,.qiang dd{ float:left;}
.qiang dd{ margin:-3px 10px 0px 10px;}
.qiang dd span{ width:100px; background:red; height:5px; display:inline-block;}
.qiang dd em{ border:1px solid red; height:3px; width:15px; display:inline-block;}
.content{ width:100%; overflow:hidden;}
.content img{ width:100% !important;}
.bw-title{ font-size: 13px;font-weight: normal;background: #e7e7e7;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;line-height: 37px; margin:10px 0px;text-align: center;}

.review{ height:300px; width:98%; overflow:hidden; margin:10px auto; color:#666;}
.review dl{ border-bottom:1px solid #ccc; overflow:hidden; padding:5px 10px;}
.review dl dt{ line-height:20px; font-size:14px; color:#333}
.review dl dd{ margin-top:5px;}

.gifts{ margin-top:10px;}
.gifts dt{ margin-bottom:10px;}
.gifts dd p{ border:2px solid #ccc; border-radius:5px; padding:5px 10px; position:relative; margin-bottom:10px; float:left; margin-right:10px;}
.gifts dd p.hover{border:2px solid #e7e7e7; color:#e7e7e7;}
.gifts dd p img{ width:50px; width:50px; margin-right:10px;}
.gifts dd p.hover i{ position:absolute; bottom:0px; right:0px; background:url(../images/gou-4.png) no-repeat center center; background-size:15px 15px; width:15px; height:15px; display:block;}

.main{  margin:2%; overflow:hidden; padding: 10px 0;  }
.main .type-1{ clear:both; margin:10px 0; overflow:hidden;}
.main .type-1 dt{ float:left; line-height:35px; width:60px; height:35px; text-align:right;}
.main .type-1 dd{min-height: 34px;  margin-left: 70px;}
.main .type-1 dd li{ float:left; border-radius:5px; text-align:center; border:2px solid #ccc; margin:0px 5px 5px 0px; padding:5px; cursor:pointer; position:relative;}
.main .type-1 dd li i.gou{ position:absolute; bottom:0px; right:0px; background:url(../images/gou-4.png) no-repeat center center; background-size:15px 15px; width:15px; height:15px; display:block;}
.main .type-1 dd li.hover{border:2px solid red; color:red;}
.main .type-1 dd li img{ width:80px; height:80px;}

.main .type-3{ clear:both; margin:10px 0; overflow:hidden;}
.main .type-3 dt{ float:left; line-height:35px; width:60px; height:35px; text-align:right;}
.main .type-3 dd{min-height: 34px;  margin-left: 70px;}
.main .type-3 dd select{ width:100%; border-radius:3px; border:1px solid #ccc; height:35px; line-height:35px;}

.main .type-4{ clear:both; margin:10px 0 20px 0; overflow:hidden;}
.main .type-4 dt{ float:left; line-height:35px; width:60px; height:35px; text-align:right;}
.main .type-4 dd{min-height: 34px;  margin-left: 70px;}
.main .type-4 label{ display:block; margin-top:10px;}
.main .type-4 label input{ width:20px; margin-right:5px; height:20px; float:left;}

.normstitle{ border-bottom:2px solid #ccc; line-height:30px; font-weight:bold;}

.main .price dt{ float:left; line-height:35px; width:60px; height:35px; text-align:right;}
.main .price dd{min-height: 34px;  margin-left: 70px;line-height:35px; }
.main .price dd div{ position:relative; top:3px;}
.main .price dd div i:nth-child(1){ background:url(../images/jjh.gif) no-repeat left center; border:1px solid #ccc; display:block; width:26px; height:26px;  cursor: pointer; float:left; border-radius:3px 0px 0px 3px;}
.main .price dd div span:nth-child(2){ border:1px solid #ccc; display:block; width:50px; line-height:26px; height:26px;  float:left; text-align:center; border-left:none;border-right:none;}
.main .price dd div i:nth-child(3){ background:url(../images/jjh.gif) no-repeat right center; border:1px solid #ccc; display:block; width:26px; height:26px;  cursor: pointer; float:left; border-radius:0px 3px 3px 0px;}
.main .price dd strong{ float:right; color:red; font-size:28px;margin-right:2%;}
.main .price dd strong i{ font-size:16px;}

.main .form{ margin:10px 0; clear:both; width:100%; overflow:hidden;}
.main .form dt{ float:left; line-height:35px; width:60px; height:35px; text-align:right;}
.main .form dd{min-height: 34px;  margin-left: 70px;line-height:35px; }
.main .form dd input{ width:94%; border-radius:3px; border:1px solid #ccc; line-height:34px; height:34px; padding:0px 2%; font-size:14px;}
.main .form dd select{ float:left; width:32%; margin-right:1.2%; text-align:center; height:35px; line-height:35px; border:1px solid #ccc; border-radius:3px;}
.main .form dd select option{ text-align:center; width:100%;}
.main .form dd textarea{ width:94%; height:74px; line-height:20px; padding:5px 2%; font-size:14px; border-radius:3px; border:1px solid #ccc; }
.main .form dd li{ position:relative; float:left; margin-right:5px; margin-bottom:5px; cursor:pointer;}
.main .form label{ width:50px; margin-right:20px; line-height:35px; float:left;}
.main .form label input[type="radio"]{ width:20px; float:left; margin-right:5px;}
.main .form dd input[name="sms"]{ width:54% !important;}
.main .form dd object i{float: right; margin-right:2%; width: 38%; text-align: center; line-height: 34px; background: #F40;border-radius: 3px; color: #fff;cursor: pointer;}
.main .form dd object i.sms-bg{ background:#ccc;}
.main .form dd p{ border-radius:3px; border:2px solid red; display:table; padding:0px 10px;}
.main .form dd p img{ width:30px; margin:0px 5px;}
.main .form dd.form-dd{ margin-bottom:-10px;}


.main .form dd li.huodao{ border:2px solid #ccc; border-radius:3px; padding:0px 10px 0px 32px; display:inline-block; background:url(../images/pay1.png) no-repeat 5px center; background-size:23px 23px;}
.main .form dd li.wechat,.main .form dd li.wechatcode{ border:2px solid #ccc; border-radius:3px; padding:0px 10px 0px 32px; display:inline-block; background:url(../images/pay2.png) no-repeat 5px center; background-size:23px 23px;}
.main .form dd li.alipay,.main .form dd li.alipaycode{ border:2px solid #ccc; border-radius:3px; padding:0px 10px 0px 32px; display:inline-block; background:url(../images/pay3.png) no-repeat 5px center; background-size:23px 23px;}

.main .form dd li.hover{border:2px solid red !important; color:red;}
.main .form dd li i.gou{ position:absolute; bottom:0px; right:0px; background:url(../images/gou-4.png) no-repeat center center; background-size:15px 15px; width:15px; height:15px; display:block;}
.pay-title{ border-radius:3px; border:1px solid red; color:red; padding:1% 2%;}
.submit{ width:96%;  background:red; font-size:16px; overflow:hidden; border-radius:3px; text-align:center; color:#fff; margin:15px 2%; padding:3% 0px; cursor:pointer;}

.fahuo{ height:260px; overflow:hidden; width:100%; margin:0px auto;}
.fahuo ul{ overflow:hidden;}
.fahuo ul li{ padding:10px 5px; color:#666; overflow:hidden;}

.search{ width:98%; margin:10px 1%; overflow:hidden;}
.search dt{ float:left; width:78%;}
.search dt input{ width:96%; height:35px; line-height:35px; border-radius:3px; border:1px solid #ccc; padding:0px 2%;}
.search dd{ width:20%; float:right;border-radius:3px;  height:35px; line-height:35px; background:red; color:#fff; text-align:center; cursor:pointer;}
.foot-img img{ width:100%;}
footer{ background:#e5e5e5; overflow:hidden;}
.foot-nav{ text-align:center; height:23px; overflow:hidden;    margin-top: 10px;}
.foot-nav ul{ display:inline-table; margin-top:5px;}
.foot-nav ul li{ padding:0px 15px; float:left;}
.foot-nav ul li a{ color:#444; font-size:12px;}
.copyright{ text-align:center; color:#999; margin-top:7px; font-size:12px;}
.jubao{ height:30px; margin-top:5px;} 
.jubao dt{ float:left; padding-left:10px;}
.jubao dd{ float:right; padding-right:10px; }
.jubao dd a{ color:#666;}
.h-50{ height:45px; overflow:hidden;}
.fixed-nav{ position:fixed; width:800px; height:45px; line-height:45px; background:red; z-index:99999; bottom:0px; left:50%; margin-left:-400px;}
.fixed-nav li{ float:left;}
.fixed-nav li a{ display:block; text-align:center; color:#fff;box-sizing: border-box;
 }
.fixed-nav li i{ font-size:18px;} 
.fixed-nav li:last-child a{ border:none;}


.ldts{ position:fixed; z-index:2; left:50%; margin-left:-390px; top:50px;}
.ldts p{ width:250px; border-radius:6px; line-height:30px; padding:0 6px; font-size:12px; font-family:"微软雅黑"; color:#fff;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color:rgba(0,0,0,0.5)!important; filter:Alpha(opacity=50); display:none; opacity:0;}
.ldts p img{ float:left; height:20px; margin:5px; border-radius:50%;}

#wx-html{ display:none;}
.wx-html{ margin:0px 10px;}
.wx-html p{ width:90%; margin:0px auto;}
.wx-html p img{ width:100%;}
.wx-html li{ font-size:14px;}
.wx-html li font{ color:red; font-weight:bold;font-size:16px;}
.wx-html a{ background:#2e8dec; color:#fff; width:80px; height:35px; line-height:35px; text-align:center;margin: 30px auto 10px auto;display: block;    border-radius: 3px; }

@media screen and (max-width:800px){
	.ldts{ left:10px;margin-left:0px;}
	.fixed-nav{ width:100%; left:0px; margin-left:0px;} 
}
@media screen and (max-width:700px){
	.time-top dt{ font-size:40px;}
	.time-top dt i{ font-size:20px;}
	.time-top dd{  line-height:25px;}
	.main .price dd strong{  font-size:24px;}
	.main .price dd strong i{ font-size:14px;}
}

@media screen and (max-width:600px){
	.time-top dt{ font-size:34px;}
	.time-top dt i{ font-size:18px;}
	.time-top dd{  line-height:25px;}
}

@media screen and (max-width:500px){
	header{ height:40px; line-height:40px; font-size:16px;}
	.time-top dt{ font-size:26px;}
	.time-top dt i{ font-size:16px;}
	.time-top dd{  line-height:22px; font-size:14px;}
	
	.time-time dt{ font-size:18px; width:40%;}
	.time-time dd{width:55%;}
	.time-time dd span{font-size:22px; }
	.main .price dd strong{  font-size:20px;}
	.main .price dd strong i{ font-size:12px;}
	
}