@charset "utf-8";

html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*table, caption, tbody, tfoot, thead, tr, th, td,*/ article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
html { font-size: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { color:#530000; position: relative;  font-family:'Open Sans','微软雅黑'; background-repeat:no-repeat; background-size:cover; background-position:center; }

a {color: #8c8b8b; text-decoration: none; }
p, a { -ms-word-wrap: break-word; word-wrap: break-word; }
a:link, a:visited, a:hover, a:active, a:focus { outline: 0 none; text-decoration: none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
i{ font-style:normal;}
button, input, select, textarea { margin: 0; vertical-align: middle; font-size: 100%;font-family:'Open Sans','微软雅黑'; }
button, input { line-height: normal; *overflow: visible; }
button::-moz-focus-inner, input::-moz-focus-inner {   }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; }
textarea { overflow: auto; vertical-align: top; }
textarea, input[type=text], input[type=password], input[type=email], select { outline: 0;   font-size: inherit; }
input, select { cursor: pointer; }
input[type=text], input[type=password], input[type=email] { cursor: text; }
textarea, input[type=text], input[type=tel], input[type=email], input[type=password] {   }
textarea:focus, input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=password]:focus {    }

table { border-spacing: 0; border-collapse: collapse;  }

.iconfont{font-family:"iconfont" !important;font-size:1rem;line-height:1rem;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
.hide,.none{display:none;}
._disable { background-color:#e5e5e5;}
._active { background-color:#4d4d4d;color:#1ca2e1;}

.more_list{text-align:left;position:absolute;z-index:950;right:5px;top:50px;width:115px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,0.6);border-radius:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;}
.more_list.hide{display:none;}
.more_list:after{content:'';position:absolute;right:10px;top:-12px;width:0;height:0;border:6px solid transparent;border-bottom-color:rgba(0,0,0,0.6);}
.more_list .moreA{position:relative;color:#fff;display:block;height:44px;line-height:44px;padding:0 10px 0 17px;color:#fff;font-size:0.9rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.more_list .moreA:after{content:'';position:absolute;bottom:0;left:10px;right:10px;height:1px;background-color:#767676;}
.more_list .moreA:active{background-color:#4e4e4e;}
.more_list .moreA:first-child{border-radius:5px 5px 0 0;}
.more_list .moreA:last-child{border-radius:0 0 5px 5px;}
.more_list .moreA:last-child:after{display:none;}
.more_list .moreA .icon{display:inline-block;width:20px;height:44px;line-height:44px;margin-right:15px;text-align:center;font-size:1.4rem;color:#fff;vertical-align:top;}


.h3dian{ float:right; height:38px; line-height:38px; position:absolute; right:10px; top:5px; color:#ff0000;}
.h3dian img{ width:2em; display: inline-block; vertical-align:middle; margin-right:5px; margin-top:-5px; }


.fl {float:left;}
.fr {float:right;}
.clearfix { clear: both; overflow: hidden; }
.m_10 { margin:10px; }.m_20 { margin:20px; }.m_30 { margin:30px; }.m_40 { margin:40px; }.m_50 { margin:50px; }.m_60 { margin:60px; }.m_70 { margin:70px; }.m_80 { margin:80px; }.m_90 { margin:90px; }.m_100 { margin:100px; }
.m_T10{margin-top:10px;}.m_T20{margin-top:20px;}.m_T30{margin-top:30px;}.m_T40{margin-top:40px;}.m_T50{margin-top:50px;}.m_T60{margin-top:60px;}.m_T70{margin-top:70px;}.m_T80{margin-top:80px;}.m_T90{margin-top:90px;}.m_T100{margin-top:100px;}
.m_L10{margin-left:10px;}.m_L20{margin-left:20px;}.m_L30{margin-left:30px;}.m_L40{margin-left:40px;}.m_L50{margin-left:50px;}.m_L60{margin-left:60px;}.m_L70{margin-left:70px;}.m_L80{margin-left:80px;}.m_L90{margin-left:90px;}.m_L100{margin-left:100px;}
.m_R10{margin-right:10px;}.m_R20{margin-right:20px;}.m_R30{margin-right:30px;}.m_R40{margin-right:40px;}.m_R50{margin-right:50px;}.m_R60{margin-right:60px;}.m_R70{margin-right:70px;}.m_R80{margin-right:80px;}.m_R90{margin-right:90px;}.m_R100{margin-right:100px;}
.m_B10{margin-bottom:10px;}.m_B20{margin-bottom:20px;}.m_B30{margin-bottom:30px;}.m_B40{margin-bottom:40px;}.m_B50{margin-bottom:50px;}.m_B60{margin-bottom:60px;}.m_B70{margin-bottom:70px;}.m_B80{margin-bottom:80px;}.m_B90{margin-bottom:90px;}.m_B100{margin-bottom:100px;}


.p_10 { padding:10px; }.p_20 { padding:20px; }.p_30 { padding:30px; }.p_40 { padding:40px; }.p_50 { padding:50px; }.p_60 { padding:60px; }.p_70 { padding: 70px; }.p_80 { padding:80px; }.p_90 { padding:90px; }.p_100 { padding:100px; }
.p_T10 { padding-top:10px; }.p_T20 { padding-top:20px; }.p_T30 { padding-top:30px; }.p_T40 { padding-top:40px; }.p_T50 { padding-top:50px; }.p_T60 { padding-top:60px; }.p_T70 { padding-top:70px; }.p_T80 { padding-top:80px; }.p_T90 { padding-top:90px; }.p_T100 { padding-top:100px; }
.p_L10 { padding-left:10px; }.p_L20 { padding-left:20px; }.p_L30 { padding-left:30px; }.p_L40 { padding-left:40px; }.p_L50 { padding-left:50px; }.p_L60 { padding-left:60px; }.p_L70 { padding-left:70px; }.p_L80 { padding-left:80px; }.p_L90 { padding-left:90px; }.p_L100 { padding-left:100px; }
.p_R10 { padding-right:10px;}.p_R20 { padding-right:20px;}.p_R30 { padding-right:30px;}.p_R40 { padding-right:40px;}.p_R50 { padding-right:50px;}.p_R60 { padding-right:60px;}.p_R70 { padding-right:70px;}.p_R80 { padding-right:80px;}.p_R90 { padding-right:90px;}.p_R100 { padding-right:100px;}
.p_B10 { padding-bottom:10px; }.p_B20 { padding-bottom:20px; }.p_B30 { padding-bottom:30px; }.p_B40 { padding-bottom:40px; }.p_B50 { padding-bottom:50px; }.p_B60 { padding-bottom:60px; }.p_B70 { padding-bottom:70px; }.p_B80 { padding-bottom:80px; }.p_B90 { padding-bottom:90px; }.p_B100 { padding-bottom:100px; }


#checkCodeError{color:#f00;font-size:0.8rem;}

.vc_row-fluid { width: 100%; *zoom: 1; }
.vc_row-fluid:before, .vc_row-fluid:after { display: table; content: ""; }
.vc_row-fluid:after { clear: both; }
.vc_row-fluid [class*=vc_span] { display: block; width: 100%; min-height: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.5%; }
.vc_row-fluid [class*=vc_span]:first-child { margin-left: 0; }
.fullwidth-true > [class*=vc_span]:first-child { border-left: 0!important; }
.fullwidth-true > [class*=vc_span]:last-child { border-right: 0!important; }
.vc_row-fluid > [class*=vc_span]:not(:last-child) { border-right: 0!important; }
.vc_row-fluid .vc_span12 { width: 100%; }
.vc_row-fluid .vc_span11 { width: 91.45833333333334%; }
.vc_row-fluid .vc_span10 { width: 82.91666666666667%; }
.vc_row-fluid .vc_span9 { width: 74.375%; }
.vc_row-fluid .vc_span8 { width: 65.83333333333334%; }
.vc_row-fluid .vc_span7 { width: 57.29166666666667%; }
.vc_row-fluid .vc_span6 { width: 48.75%; }
.vc_row-fluid .vc_span5 { width: 40.208333333333336%; }
.vc_row-fluid .vc_span4 { width: 31.666666666666668%; }
.vc_row-fluid .vc_span3 { width: 23.125%; }
.vc_row-fluid .vc_span_one_fifth { width: 17.9487179487179488%; *width: 17.87424986361156592%; }
.vc_row-fluid .vc_span2 { width: 14.583333333333334%; }
.vc_row-fluid .vc_span1 { width: 6.041666666666667%; }
.bor{ border:1px solid #b1b1b1;}
.bor-t{ border-top:1px solid #b1b1b1;}
.bor-b{ border-bottom:1px solid #b1b1b1;}
.bor-r{ border-right:1px solid #b1b1b1;}
.bor-l{ border-left:1px solid #b1b1b1;}
.box-s{box-shadow:0 0 5px #b8b8b8;}
@media handheld,only screen and (max-width:767px) {
    .vc_row-fluid [class*=vc_span] { width: auto; float: none; margin-left: 0!important; }
    .wpb_row.attched-true > [class*=vc_span] { width: auto; }
}


/*---header menu footer----*/

.menulist { position:absolute; top:100%; z-index:1; background:#b90000; padding:16px 0;}
.menulist a { display:block; background:#b90000; color:#fff; font-size:12px; padding:8px 20px; text-align:center;}
.menulist a:hover { background:#e60000; }

header{position:fixed; top:0px; z-index:100; width:100%;}
.page{ margin-bottom:66px; position:relative; background:#f2f2f2;overflow:hidden;}
.page_n{ position:relative; background:#f2f2f2; overflow:hidden;}
.page_nb{ margin-top:48px; position:relative; background:#f2f2f2; overflow:hidden;}
footer { height:54px; width:100%; position:fixed; bottom:0px;z-index:100; background:#fff; border-top:1px solid #b5b5b5; padding-top:5px; }
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  footer { 
    bottom: constant(safe-area-inset-bottom); 
  } 
} 
footer .f_nav{  display:-moz-box;display:-webkit-box;display:box; width:100%;margin-top:5px;}
footer .f_nav li{ -moz-box-flex:1; -webkit-box-flex:1;box-flex:1; color:#747474; text-align:center; font-size:0.7rem; line-height:1.2em;}
footer .f_nav li.on a,footer .f_nav li.on{ color:#ff0000;}
footer .f_nav li img{ width:1.8em; display:block; margin:0px auto;}
footer .f_nav li i{    font-style: normal;
    width: 100%;
    display: flex;
    position: relative;
    font-size: 1rem;
    height: 31px;
    justify-content: center;
    align-items: center;}
footer .f_nav li i .hover{ position:absolute; display:none;}
footer .f_nav li.on i .hover{ display:block;}
.f-c{ position:fixed; bottom:10px; left:10px; z-index:100; width:50px;}
.f-c img{ width:100%; display:block;}
.f-c span{ position:absolute; border:1px solid #ff3f3f; border-radius:10px; top:0px; right:-.5em; display:block; background-color:#fff; color:#ff3f3f; line-height:1.5em; padding:0 .2em;}

.car{ height:50px; background-color:#fff;position:fixed; bottom:0px; width:100%; z-index:100; box-shadow:0 0 5px #b8b8b8; }
.car .red-btn{ background-color:#ff0000; color:#fff; line-height:50px;text-align:center;width:100%; }
.car .gray-btn{background-color:#999; color:#fff; line-height:50px;padding:0 10px; margin-left:2%;}
.car img{ display:inline-block; height:30px; vertical-align:middle; margin-top:10px; margin-right:10px;}
.car .num { margin-top:8px; font-size:2em; color:#6b6b6b;}
.car .num span{ width:2.1rem; height:2.1rem; display:block; float:left; line-height:2.1rem; text-align:center;}
.car .num input{font-size:1.3rem;width:2.1rem;height:2.1rem;text-align:center;border-left: 0;border-right: 0;padding:0; -webkit-appearance:none;border-radius:0;line-height:2.1rem;}
.ml1{ margin-left:-1px;}

.w-ad{ width:100%;margin:10px 0;}
.w-ad img{ width:100%; display:block; }
.checkbox{ position:relative; display:block;}
.check{ position:absolute; left:0; top:0;}
.checkbox label{ position:relative; padding-left:20px; background-image:url(../images/noselect-checkbox.png); background-position:left center; background-repeat:no-repeat; background-size:1em; background-color:#fff; cursor:pointer; display:block;}
.checkbox label.select{ background-image:url(../images/select-checkbox.png);}

.radiobox{ position:relative; display:block;}
.radio{ position:absolute; top:.5em; left:0px;}
.radiobox label{ position:relative; padding-left:20px; background-image:url(../images/noselect-radio.png); background-position:left center; background-repeat:no-repeat; background-size:1em; background-color:#fff; cursor:pointer; height:100%; display:block;}
.radiobox label.select{ background-image:url(../images/select-radio.png);}
/*-----container-------*/

.grid{ width:1200px; margin:0 auto; overflow:hidden; }
.w8grid { width:80%; margin:0 auto; overflow:hidden; }
.w9grid { width:90%; margin:0 auto; overflow:hidden; }
 
@media handheld,only screen and (max-width:1024px) {
    .grid{  width:1000px; }
    .w8grid {width:1000px; }
}

@media handheld,only screen and (max-width:360px) {
	body{ font-size:14px;}
	footer { height:54px; }
    footer .f_nav li img{width:1.4rem;}
}

/*Plugin CSS*/
.str_wrap{overflow:hidden;//zoom:1;width:100%;font-size:.8rem;line-height:2em;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;white-space:nowrap; }
.str_wrap.str_active {background:#f1f1f1;}
.str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move;}
.str_move_clone{display:inline-block;//display:inline;//zoom:1;vertical-align:top;position:absolute;left:100%;top:0;}
.str_vertical .str_move_clone{left:0;top:100%;}
.str_down .str_move_clone{left:0;bottom:100%;}
.str_vertical .str_move,.str_down .str_move{white-space:normal;width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit;}
.str_wrap img{max-width:none !important;}

.black {
	color: #333;
}
.blue {
	color: #0066cc;
}
.blueLnk {
	color: #1CA2E1;
}
.greenLnk {
	color: #01AB79;
}
.red {
	color: #da251d;
}
.deepRed {
	color: #FF3C37;
}
.grey {
	color: #999999;
}
.green {
	color: #005E15;
}
.lightGreen {
	color: #99FC9B;
}
.greyBg {
	background-color: #FAFAFA;
}
.yelowBg {
	background-color: #FFFFED;
}
.redBorder {
	border: 1px solid #CC0000;
}
.none {
	display: none;
}
.block {
	display: block;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.alignR {
	text-align: right;
}
.alignC {
	text-align: center;
}
.relative {
	position: relative;
}
.maxW {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.w48 {
	display: inline-block;
	width: 48%;
}
.w100 {
	width: 100%;
}
.mt {
	margin-top: 10px;
}
.mt5 {
	margin-top: 5px;
}
.mb {
	margin-bottom: 10px;
}
.mb5 {
	margin-bottom: 5px;
}
.ml {
	margin-left: 10px;
}

.deepGreyBtn {
	background-color: #5A5A5A;
	color: #fff;
	border-radius: 4px;
	border: none;
}
a.deepGreyBtn {
	color: #fff;
}
.redBtn {
	background-color: #da251d;
	color: #fff;
	border-radius: 4px;
	border: none;
}
#errinfo{color: #f00;font-style: normal;text-decoration: none;}



.pageListNav {
	padding: 10px 0;
	text-align: center;
	overflow: hidden;
}
.pageListNav a {
	display: inline-block;
	width: 70px;
	height: 28px;
	border-radius: 4px;
	background-color: #bfbfbf;
	color: #fff;
	line-height: 28px;
	text-align: center;
}
.pageListNav .first {
	float: left;
	margin: 0;
}
.pageListNav>.pager_btns>span {
	display: inline-block;
	width: 53px;
	overflow: hidden;
	padding: 0 20px;
	vertical-align: middle;
}
.pageListNav span select {
	position: relative;
	top: -4px;
	width: 100px;
	height: 28px;
	border: 0;
	color: #666;
	font-size: 14px;
    background:none;
}

#infscr-loading {text-align:center;}


#globalCart{position:relative;}
#globalCartNum{position: absolute;height: 1rem;width:1rem;padding:0;line-height: 1.5em;text-align:center;border-radius: .5rem;background-color: #f00;color: #fff;font-size: 12px;right: 2px;top: 5px;font-style:normal;}

.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}