﻿@charset "utf-8";
/* CSS Document */
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
table.tablefixed {table-layout:fixed;}
table {word-break:break-all;}
address, cite, dfn, em, var { font-style: normal; }
body {font-size:14px;  font-family:"微软雅黑"; color:#505050; }
body.bg {background:url(../images/main-bg_03.jpg) repeat left top; width:100%;}
ul li {list-style:none;}
a {text-decoration:none;border:0;}
img{ border:none; vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
form, input, select, button, textarea, iframe {border:none; /* background:#fff;*/background:none; }
input[type="checkbox"] {background:none;}
input[type="radio"] border:initial; /* background:#fff;*/background:initial; }
a:focus,input:focus,select:focus { outline: none; }
a:active {outline:nonep;}
input,textarea{ outline:0; resize:none;}
b {font-weight:normal;}
.b {font-weight:bold;}
/*input[type="input"]:focus,textarea:focus {border:1px solid #f98d64;}
input[type="input"]:-moz-focus {border:1px solid #f98d64;}
input[type="input"]:-webkit-focus {border:1px solid #f98d64;}*/
.clearfix:after {content:"."; display:block;height:0;line-height:0;visibility:hidden;clear:both;}
.clear {clear:both;}
.db {display:block;}
.htc {behavior:url(online/js/PIE.htc); position:relative;}
.overflow {overflow:hidden;}
.po-re {position:relative;}
.ellipsis {overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
/* fontsize */
.f12 {font-size:12px;}
/*width*/
html,body{width:100%;height:auto;background: #f1f2f7;-webkit-overflow-scrolling:touch;}
.main_wrapper{min-width:1200px;margin:0 auto;width: 1200px; overflow: hidden;}
.w1024 {width:1024px; margin:0 auto; min-width:1024px;}
.w100{width: 100px!important;}
.w994 {width:1200px; margin:0 auto; min-width:1200px;}
.w840 {width:840px !important;}
.w750 {width:750px;}
.w725 {width:725px;}
.w720 {width:720px;}
.w700 {width:700px;}
.w660 {width:712px !important;} /* .w660 {width:660px !important;} 早期*/
.w650 {width:650px;}
.w620 {width:620px;}
.w600 {width:600px;}
.w590 {width:590px;}     
.w575 {width:575px;}
.w560 {width:560px;}
.w545 {width:545px;}
.w540 {width:540px !important;}
.w535 {width:535px;}
.w510 {width:510px;}
.w450 {width:450px;}
.w445 {width:445px;}
.w420 {width:420px;}
.w410 {width:410px;}
.w384 {width:384px;}
.w380 {width:380px;}
.w360 {width:360px;}
.w340 {width:340px;}
.w300 {width:300px;}
.w260 {width:260px;}
.w255 {width:255px;}
.w250 {width:250px;}
.w240 {width:240px;}
.w230 {width:230px;}
.w213 {width:213px;}
.w210 {width:210px;}
.w202 {width:202px;}
.w200 {width:200px;}
.w180 {width:180px;}
.w173 {width:173px;}
.w170 {width:170px;}
.w165 {width:165px;}
.w146 {width:146px;}
.w145 {width:145px;}
.w140 {width:140px;}
.w120 {width:120px;}
.w110 {width:110px;}
.w100 {width:100px;}
.w95 {width:95px;}
.w90 {width:90px;}
.w88 {width:88px;}
.w85 {width:85px;}
.w70 {width:70px;}
.w65 {width:65px;}
.w60 {width:60px;}
.w50 {width:50px;}
.w40 {width:40px;}
.w35 {width:35px;}
.w25 {width:25px;}
.w12 {width:12px;}
.w {width:100%;}
/*height*/
.h20 {height:20px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h38 {height:38px;}
.h40 {height:40px;}
.h45 {height:45px;}
.h50 {height:50px;}
.h60 {height:60px !important;}
.h65 {height:65px;}
.h70 {height:70px;}
.h150 {height:150px;}
.h255 {height:255px;}
.h260 {height:260px;}
.h270 {height:270px !important;}
.h530 {height:530px;}
/*color*/
.c6a6 {color:#6a6969;}/*灰色*/
.cfff {color:#fff}
.c828 {color:#828282;}
.red {color:#ca100a;}
.green {color:#214c00;}
.orange {color:#e0830a;}
/*float*/
.fl {float:left;}
.fr {float:right;}
/*padding*/

.pl3 {padding-left:3px;}
.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl75 {padding-left:75px;}
.pl90 {padding-left:90px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr50 {padding-right:50px;}

.pt5 {padding-top:5px;}
.pt9 {padding-top:9px;}
.pt10 {padding-top:10px;}
.pt13 {padding-top:13px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;} 
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt70 {padding-top:70px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
/*margin*/

.m0a {margin:0 auto !important;}
.m20a {margin:20px auto 0;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:18px;margin-left: -25px;}
.mt45 {margin-top:45px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml45 {margin-left:45px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml75 {margin-left:75px;}
.ml175{margin-left: 125px;}
/*textalign*/
.tc {text-align:center;}
.tl {text-align:left !important; font-size: 12px;}
.tr {text-align:right !important;}
.aline{ text-decoration:underline !important;}
.aline1 {text-decoration:line-through;}
/*vertical-align*/
.vat { vertical-align:top;}
.vab { vertical-align:bottom;}
/*border*/
.ble2 {border-left:1px solid #e2e2e2;}
.bre2 {border-right:1px solid #e2e2e2;}
.bl {border-left:1px solid #999;}
.br {border-right:1px solid #999;}

.bb {border-bottom:1px solid #999;}
.btgrey {border-top:1px solid #c8c8c8;}
.bbgrey {border-bottom:1px solid #c8c8c8;}
.bgrey {border:1px solid #c8c8c8;}
/* background */
.bgfff {background:#fff;}
/*footer*/
.serviceGuarantee {height:120px; background:#fff url(../images/serviceguarantee.png) no-repeat center center;}
.serviceContent {height:146px; background:url(../images/serviceontentbg.jpg) repeat left top; border-bottom:1px solid #a40000;color:#fff;}
.listwrap {float:left; padding:22px 0 0 100px;}
.serviceContent dl {float:left; width:140px; height:108px;}
.serviceContent dl.dllast {border-right:1px dashed #fff;}
.serviceContent dl dt {height:34px; padding:0 0 0 42px; background:url(../images/serviceicon.png) no-repeat left top; margin:0 0 7px 0; line-height: 34px; font-weight:bold;}
.serviceContent dl dt.serviceicon2 {background-position:left -36px;}
.serviceContent dl dt.serviceicon3 {background-position:left -69px;}
.serviceContent dl dt.serviceicon4 {background-position:left -104px;}
.serviceContent dl dd a {display:block; width:100%; height:16px; padding:0 0 0 20px; line-height:16px; color:#fff;cursor:auto;}
.serviceContent dl dd a:hover {text-decoration:none;}
.qrcode {float:left; width:190px; padding:10px 0 0 35px;}
.qrcode h6 {font-size:14px; font-weight: bold; text-align: center;}
.qrcode div {float:left; margin:0 0 0 5px; text-align: center;}
/* .qrcode div:hover {color:#e19797;} */
.qrcode div span {display:block; width:90px; height:88px; background:url(../images/code.jpg) no-repeat left top;}
.qrcode div span.ios {background-position:right top;}
.companyAddress {height:73px;padding-top:20px; background:url(../images/companyadd.jpg) repeat left top;text-align:center; color:#fff;}
/*店铺活动格*/
.tabtdborder td {border: 1px solid #c1c1c1}
.tabtrborderlr {border: 1px solid #c1c1c1; border-top:0; border-bottom:0;}
/*绿色*/
.bggreen {background:#93AD44;} 
.cogreen {color:#60771c;}
.coblue {color:#0d6aad;}
.borgreen {border:1px solid #93ad44;}
.brgreen {border-right:1px solid #93ad44;}
.blgreen {border-left:1px solid #93ad44;}
/*指针*/
.curpoi {cursor:pointer;}
.pl10 p{
    padding:10px;
}
div.pl10 p img{
    display:block;
    max-width:100%;
    height:100%;
}

/*七天无理由*/
.seven{
	margin:40px 0 0;
	padding:35px 0 20px;
	border-top: 1px solid #bababa;
	
}
.seven_list dl{
	float: left;
	width: 25%;
	text-align: center;
}
.seven_list dl dd{
	color: #464646;
	font-size: 18px;
	margin-top: 10px;
}
.seven_list2{
	width: 864px;
	margin:50px auto 0;
}
.seven_list2>div{
	float: left;
	width: 86px;
	padding:0 60px;
	text-align: left;
}
.seven_list2>div h5{
	font-size: 16px;
	color: #000;
	margin-bottom: 14px;
}
.seven_list2>div a{
	display: block;
	line-height: 24px;
	color: #666;
}
.seven_list2>div a:hover{
	color: #be4141;
}
.foot{
	background: #34373d;
	font-size: 14px;
	color: #969696;	
	line-height: 28px;
	text-align: center;
	height: 186px;
}
.foot .main_wrapper{
	padding-top:40px;
}



	.dateExplain input[type='radio']{
		background-color: initial!important;
		border:initial!important; 
		 -webkit-appearance: radio!important
	}
body .loader p {
	margin: 0 auto;
	text-align: center
}

body .loader {
	position: absolute;
	top: 50%;
	left: 40%;
	margin-left: 10%;
	transform: translate3d(-50%, -50%, 0)
}

body .loader_overlay {
	width: 150px;
	height: 150px;
	background: transparent;
	box-shadow: 0px 0px 0px 1000px rgba(255, 255, 255, 0.67), 0px 0px 19px 0px rgba(0, 0, 0, 0.16) inset;
	border-radius: 100%;
	z-index: -1;
	margin: auto
}

body .loader_cogs {
	z-index: -2;
	width: 100px;
	height: 100px;
	top: -120px !important;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

body .loader_cogs__top {
	position: relative;
	width: 100px;
	height: 100px;
	-webkit-transform-origin: 50px 50px;
	transform-origin: 50px 50px;
	-webkit-animation: rotate 10s infinite linear;
	animation: rotate 10s infinite linear
}

body .loader_cogs__top div:nth-of-type(1) {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg)
}

body .loader_cogs__top div:nth-of-type(2) {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg)
}

body .loader_cogs__top div:nth-of-type(3) {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

body .loader_cogs__top div.top_part {
	width: 100px;
	border-radius: 10px;
	position: absolute;
	height: 100px;
	background: #f98db9
}

body .loader_cogs__top div.top_hole {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: white;
	position: absolute;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

body .loader_cogs__left {
	position: relative;
	width: 80px;
	-webkit-transform: rotate(16deg);
	transform: rotate(16deg);
	top: 28px;
	-webkit-transform-origin: 40px 40px;
	transform-origin: 40px 40px;
	animation: rotate_left 10s .1s infinite reverse linear;
	left: -24px;
	height: 80px
}

body .loader_cogs__left div:nth-of-type(1) {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg)
}

body .loader_cogs__left div:nth-of-type(2) {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg)
}

body .loader_cogs__left div:nth-of-type(3) {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

body .loader_cogs__left div.left_part {
	width: 80px;
	border-radius: 6px;
	position: absolute;
	height: 80px;
	background: #97ddff
}

body .loader_cogs__left div.left_hole {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: white;
	position: absolute;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

body .loader_cogs__bottom {
	position: relative;
	width: 60px;
	top: -65px;
	-webkit-transform-origin: 30px 30px;
	transform-origin: 30px 30px;
	-webkit-animation: rotate_left 10.2s .4s infinite linear;
	animation: rotate_left 10.2s .4s infinite linear;
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
	left: 79px;
	height: 60px
}

body .loader_cogs__bottom div:nth-of-type(1) {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg)
}

body .loader_cogs__bottom div:nth-of-type(2) {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg)
}

body .loader_cogs__bottom div:nth-of-type(3) {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

body .loader_cogs__bottom div.bottom_part {
	width: 60px;
	border-radius: 5px;
	position: absolute;
	height: 60px;
	background: #ffcd66
}

body .loader_cogs__bottom div.bottom_hole {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: white;
	position: absolute;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes rotate_left {
	from {
		-webkit-transform: rotate(16deg);
		transform: rotate(16deg)
	}

	to {
		-webkit-transform: rotate(376deg);
		transform: rotate(376deg)
	}
}

@keyframes rotate_left {
	from {
		-webkit-transform: rotate(16deg);
		transform: rotate(16deg)
	}

	to {
		-webkit-transform: rotate(376deg);
		transform: rotate(376deg)
	}
}

@-webkit-keyframes rotate_right {
	from {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg)
	}

	to {
		-webkit-transform: rotate(364deg);
		transform: rotate(364deg)
	}
}

@keyframes rotate_right {
	from {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg)
	}

	to {
		-webkit-transform: rotate(364deg);
		transform: rotate(364deg)
	}
}