@import url("bootstrap.min.css");
@import url("../libs/wow/css/animate.min.css");
@import url("../libs/iconfont/iconfont.css");

body { font:12px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif; color: #666;background: #f5f5f550}
.message_flag {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	background: rgb(195,48,48);
	text-align: center;
	width: 20px;
	height: 20px;
	color: #fff;
	line-height: 20px;
	border-radius: 50%;
}
img { max-width: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
a,.btn { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.btn { border-radius: 0px; font-size: 14px; padding: 0px 15px; height: 30px; line-height: 30px;}
a:focus,.btn:focus { text-decoration: none; outline: none;}
a:hover { color: #333; text-decoration: none;}
a:focus { color: #333; text-decoration: none;}
a,button,input { outline: medium none; color: #686868;}
input:focus,select:focus,textarea:focus { outline: none;}
.uppercase { text-transform: uppercase}
.capitalize { text-transform: capitalize}
h1,h2,h3,h4,h5,h6 { margin-top: 0px; font-style: normal;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: inherit }
h1 { font-size: 46px; font-weight: 500;}
h2 { font-size: 37px;}
h3 { font-size: 28px;}
h4 { font-size: 22px;}
h5 { font-size: 18px;}
h6 { font-size: 16px;}
ul { margin: 0px; padding: 0px;}
li { list-style: none }
p { font-size: 14px; font-weight: normal; line-height: 24px; margin-bottom: 0;}
hr { margin: 60px 0; padding: 0px; border-bottom: 1px solid #eceff8; border-top: 0px;}
strong { font-weight: bold;}
hr.style-2 { border-bottom: 1px dashed #f10;}
hr.mp-0 { margin: 0; border-bottom: 1px solid #eceff8;}
hr.mtb-40 { margin: 40px 0; border-bottom: 1px solid #eceff8; border-top: 0px;}
label { font-size: 15px; font-weight: 400; color: #626262;}
.mark,mark { background: #4fc1f0 none repeat scroll 0 0; color: #ffffff;}
span.tooltip-content { color: #00a9da; cursor: help; font-weight: 600;}
.f-left { float: left}
.f-right { float: right}
.fix { overflow: hidden}
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
/*  transtion */
a.button::after,a.button-small::after { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.share ul,.share:hover ul { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;}
a.button-border span,a.button-border-white span,input,select,textarea { -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
/* button */
.button { background-color: rgba(0, 0, 0, 0); border: 1px solid #9c9c9c; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; color: #9c9c9c; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.4px; overflow: hidden; padding: 12px 30px; position: relative; text-transform: uppercase;}
.button:hover { border:1px solid #fff; color:#fff}
/* Text color */
.text-blue { color: #4FC1F0;}
.text-white { color: #fff ;}
.text-black { color: #363636;}
.text-theme { color: #f10;}
.text-theme { color: #4a90e2;}
.text-white h1,.text-white p,.text-white h2 { color: #fff;}
/* Input */
input { background: #fff; border: 1px solid #ccc; height: 45px; -webkit-box-shadow: none; box-shadow: none; padding-left: 10px; font-size: 14px; color: #626262; width: 100%;}
select { width: 100%; background: #eceff8; border: 2px solid #eceff8; height: 45px; padding-left: 10px; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; color: #626262;}
option { background: #fff; border: 0px solid #626262; padding-left: 10px; font-size: 14px;}
input:focus { background: transparent; border: 1px solid #4FC1F0;}
textarea { resize: vertical; background: #fff; border: 1px solid #ccc; padding: 10px; width: 100%; font-size: 14px;}
textarea:focus { background: transparent; border: 1px solid #4FC1F0; outline: none;}
::-moz-placeholder { color: #444;}
.input-group.divcenter.input-group .form-control { padding-left: 0px }
#scrollUp { background: #2971f5; bottom: 85px; color: #ffffff; cursor: pointer; display: none; font-size: 20px; height: 45px; line-height: 41px; position: fixed; right: 12px; text-align: center; width: 45px; z-index: 9999; border-radius: 50%; border: 2px solid #fff; -webkit-transition: .3s; transition: .3s;}
#scrollUp:hover { border-color: #2971f5;} 
 /*colored background*/ 
.white-bg { background: #fff;}
.black-bg { background: #252525 }
.theme-bg { background: #f4ecea }
.gray-bg { background: #f0f1f5;}
.blue-bg { background: #4FC1F0;}
.default-bg { background: #50C1F0;}
.transparent-bg { background: transparent;}
.container {width: 1200px;max-width: none !important; padding: 0}
.header-top {width:100%;line-height:40px;height:40px;background:#f5f4f4;color:#7f7f7a;border-bottom:1px solid #e6e6e6;} 
.header-top .login-regin {float:left;} 
.header-top .login-regin li {float:left;} 
.header-top .login-regin li.line::after {content:"|";padding:0 11px;color:#e6e6e6;} 
.header-top .quick_list {float:right;height:40px;} 
.header-top .quick_list li {line-height:40px;padding:0 11px;float:left;position:relative; z-index: 12} 
.header-top .quick_list li s {top:9px;left:0;width:0;height:12px;border-left:1px solid #ddd;overflow:hidden;position:absolute;} 
.header-top .quick_list li b {transition:transform .2s ease-in 0s;-webkit-transition:-webkit-transform .2s ease-in 0s;display:inline-block;width:0;height:0;border-style:solid;border-color:#cecece transparent transparent;border-width:4px 4px 0;margin-left:3px;position:relative;top:-3px;} 
.header-top .quick_list li a em {color:#e3393c;} 
.header-top .quick_list .dropdown-menu1 {display:none; left:3px; min-width: 76px} 
.header-top .quick_list .dropdown-menu1 a {line-height:25px;height:25px;display:block;white-space:nowrap; padding: 0 11px; text-align: center;} 
.header-top .quick_list li:hover .blank {position:absolute;z-index:1;top:39px;left:4px;width:92%;height:8px;overflow:hidden;background:#fff;} 
.header-top .quick_list li:hover .dropdown-menu1,
.header-top .quick_list li:hover .outline {position:absolute;border:1px solid #ddd;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.12);} 
.header-top .quick_list li:hover .dropdown-menu1 {top:40px;display:block} 
.header-top .quick_list li:hover .outline {z-index:-1;left:3px;top:3px;width:95%;height:38px;} 
.header-top .quick_list li:hover b {transform:rotate(180deg);-webkit-transform:rotate(180deg);}

.header-info { padding: 20px 0 0 }
.header-info .navbar-form  {padding: 0; width: 500px; margin:10px auto }
.header-info .navbar-form .form-group { width: 100%;position: relative; border:2px solid #c33030; }

.header-info .navbar-form .form-group select.delivery {	width: 85px; height: 36px; font-size: 12px; background: transparent; border: none; display: inline-block; position: absolute; left: 0; top: 0; cursor: pointer; }
.header-info .navbar-form .form-group select.delivery:focus { outline: none; }
.header-info .navbar-form .form-group input { width: 100%; padding-left: 100px; height: 36px; border:0; background: #fff}
.header-info .navbar-form .form-group button { position: absolute; top: 0; right: -1px; width: 80px; height: 38px; background: #c33030; color: #fff; line-height: 36px; text-align: center;  border: 0;}
.header-info .navbar-form .form-group button:focus { outline: none; }
.header-info .navbar-form .keywords { margin-top: 10px }
.header-info .navbar-form .keywords a { margin-right: 10px; color: #999 }
.header-info .logo { display: inline-block; }
.header-btn { text-align: right; margin-top: 10px;}
.header-btn > a.button {display:inline-block; width:120px; text-align:center; margin-left:10px; height:40px; box-sizing:border-box; padding:0; line-height:40px; font-size:14px; font-weight:normal; border-color: #c33030; color: #c33030}
.header-btn > a.quick-order { background: #c33030; color: #fff;border: 0; }
.header-btn > a.cart { position: relative; }
.header-btn > a.cart > em { position: absolute; background: #c33030; font-style: normal; line-height: initial; font-size: 12px; border-radius: 50%; right: 5px; top: 5px; padding: 1px 5px; color: #fff }
.header-nav { width: 100%; height: 50px; background: #fff; border-bottom: 2px solid #c33030; }
.header-nav ul.nav li { float: left; line-height: 1; font-weight: normal }
.header-nav ul.nav li .father { color: #1a1a1a; padding: 15px 5px; font-size: 14px; position: relative }
.header-nav ul.nav li .father a { width: auto;color: #111111;  font-size: 14px;}
.header-nav ul.nav li .father span { display: inline-block; width: 100%; margin-top: 5px; padding: 0 10px; height: 18px; overflow: hidden}
.header-nav ul.nav li .father span > a { display: inline-block; width: auto; color: #9E9E9E; font-size: 12px; padding: 0 10px 0 0 }
.header-nav ul.nav li .father span > a:hover { color: #e23435}
.header-nav ul.nav li .father > .iconfont { opacity: 0.2; position: absolute; right: 10px; top: 40% }
.header-nav ul.nav li.navigation { height: 50px}
.header-nav ul.nav li.navigation a:link,.header-nav ul.nav li.navigation a:visited, .header-nav ul.nav li.navigation a:active{ color:#1a1a1a; padding: 17px 20px; font-size: 16px; background: transparent; }
.header-nav ul.nav li.navigation a:hover { color:#e23435; background: transparent; } 
.header-nav ul.nav li.category { width: 235px; height: 50px; background: #c33030; position: relative;}
.header-nav ul.nav li.category .title { color: #fff; padding: 16px; font-size: 16px; cursor: pointer; text-align: center; display: block; width: 100%}
.header-nav ul.nav li.category .title > .iconfont { opacity: 1 }
.header-nav ul.nav li.category .title:hover { background: #ab2929; color: #fff }
.banner-nav-box ul {padding: 0px; margin: 0;list-style: none; background:#FFF; position: absolute; top: 50px; left: 0; z-index: 999}
.banner-nav-box ul.min { margin-top: 5px }

.banner-nav-box ul li { width: 100%; height: 60px; line-height: 60px; font-size: 16px; font-weight: 200; border-bottom: 1px solid #dfdfdf35;}
/**.banner-nav-box ul li img { width: 20px; height: auto; opacity: .75; vertical-align: middle; margin-right: 5px;  background: #DFDFDF; border-radius:10px; padding: 2px}**/
.banner-nav-box ul li .subitems { position: absolute; left: 235px; top: 0; display: none; line-height: 20px; height: 601px; overflow-y: auto; z-index: 999}
.banner-nav-box ul li:hover .father::after { content: ''; display: block; width: 3px; height: 60px; background: #FFFFFF; position: absolute; right: -2px; top: 0; z-index: 99999}
.banner-nav-box ul li:hover .subitems { display: block; background:#fff; padding:0 25px 25px; width: 965px; border: 1px solid #dfdfdf35;}
.banner-nav-box ul li:hover .subitems .left { width: 70%; float: left }
.banner-nav-box ul li:hover .subitems .left a { display: inline-block; }
.banner-nav-box ul li:hover .subitems .left > h2 {  margin-top:12px; border-top: 1px dashed #dfdfdf; padding-top: 12px; font-size: 14px;margin-bottom: 5px !important;}
.banner-nav-box ul li:hover .subitems .left > h2:first-child { border-top: 0 }
.banner-nav-box ul li:hover .subitems .left > h2 a { font-size: 14px;font-family: MicrosoftYaHeiSemibold;color: #333333; padding: 0!important; display: inline; margin: 0!important  }
.banner-nav-box ul li:hover .father > i.iconfont { opacity: 1; color: #e23435 }
.banner-nav-box ul li:hover a { background: transparent; color: #e23435}
/**.banner-nav-box ul li:hover a img { background: #e23435}**/
.banner-nav-box ul li:hover .subitems .left a { color: #666666; background: none; font-size: 14px; font-weight: 500; display: inline; margin: 0 15px 0 0; padding: 0; white-space: nowrap;}
.banner-nav-box ul li:hover .subitems .left a:hover { background: none; color: #e23435; text-decoration: underline; }
.banner-nav-box ul li:hover .subitems .right { width: 30%; float: right; padding-top: 25px}
.banner-nav-box ul li:hover .subitems .right a { display: inline-block; width: 109px; background: #e2e2df25; margin:5px 3px; text-align: center; font-size: 12px;  color: #333; border: 1px solid #dfdfdf35;height: 50px;line-height: 50px;}
.banner-nav-box ul li:hover .subitems .right a:hover { color: #e23435; background: #e2e2df}
.banner-nav-box ul.min li { width: 100%; height:50px; line-height:50px;}
.banner-nav-box ul li:last-child { border-bottom:none }
.banner-nav-box ul li a { color: #333; display: block; width: 100%; height: 100%; padding: 0 10px}
.banner-nav-box ul li a:hover { text-decoration: none;}
.index-banner-left { margin-left: 245px;  margin-top: 10px; width: 710px; float: left;}
.index-banner-left .carousel-footer { margin-top: 10px}
.index-banner-left .carousel-footer a { display: inline-block; width: 234px; height: 150px; border:0; margin: 0}
/*.index-banner-left .carousel-footer a:nth-child(2) { margin-left: 5px }*/
.index-banner-left .carousel-footer a img { border: 0; width: 100%; height: 100%}
#myCarousel {width: 100%; height: 430px;overflow: hidden; }
.index-banner-right { float:right; width: 235px; height: 590px; margin-top: 10px; background-color: #fff; padding: 15px; box-sizing: border-box; }
.index-banner-right .member-info { border-bottom: 1px solid #EAEAEA; padding: 15px 0; }
.index-banner-right .member-info .avata { width:38px; height: 38px; display: inline-block;vertical-align: top;}
.index-banner-right .member-info .avata img { width: 100%; height: 100%; border-radius: 50px; border: 2px solid #F5F5F5}
.index-banner-right .member-info span { display: inline-block; vertical-align: middle; margin-left: 10px;}
.index-banner-right .member-info span   p.info { margin-bottom: 10px}
.index-banner-right .member-info span .link { color: #c33030; background: #e33333; border-radius: 15px; color: #fff; font-size:11px; line-height: 1; padding: 3px 10px;}
.index-banner-right .member-info span .link2 { border: 1px solid #e33333; color:#e33333; border-radius: 15px; font-size:11px; line-height: 1; padding: 3px 10px; margin-left: 10px}
.index-banner-right .member-info span .link2:hover { background-color: #e33333; color: #fff; }
.index-banner-right .info_wrap { text-align: center; margin:25px 0; }
.index-banner-right .info_wrap a { display: inline-block; width: 33%; float: left; margin:10px 0}
.index-banner-right .info_wrap a i { display: block; font-style: normal}
.index-banner-right .notice_list { width: 100%;text-align: center;font-size: 12px; padding-top: 10px}
.index-banner-right .notice_list .title { height: 30px; text-align: left; line-height: 30px; border-bottom: 1px solid #fafafa}
.index-banner-right .notice_list ul { margin-top: 8px }
.index-banner-right .notice_list ul li { height: 28px; line-height: 28px; display: block; text-align: left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

.activity-recommend { margin-bottom: 10px; margin-top: 10px; display: flex; width: 100%; height: 540px;}
.activity-recommend > .item { background: #fff; margin: 0 5px; flex: 1;}
.activity-recommend > .good { margin-left: 0px;background: #FFFFFF url('../img/index/good.png') no-repeat center;}
.activity-recommend > .new { margin-right: 0px;}
.activity-recommend > .good > h2 { background: url("../img/index/title1.png") no-repeat center;}
.activity-recommend > .hot > h2 { background: url("../img/index/title2.png") no-repeat center;}
.activity-recommend > .new > h2 { background: url("../img/index/title3.png") no-repeat center;}

.activity-recommend > .item.good .lbt-box {position: relative;width: 393px;height: 400px;margin: 0 auto;}
.activity-recommend > .item.good .imgs {width: 100%;height: 100%;perspective: 1000px; }
.activity-recommend > .item.good .imgitem {position: absolute; border: 1px solid #fafafa; background: #fff; width: 220px; height: 220px;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 0;transition: .8s;opacity: 0;}
.activity-recommend > .item.good .cur-img {width: 220px;z-index: 100;opacity: 1;}
.activity-recommend > .item.good .pre-img { transform: translateX(-110px) rotateY(30deg) scale(0.3); z-index: 9; opacity: 0.3;}
.activity-recommend > .item.good .next-img {	transform: translateX(110px) rotateY(-30deg) scale(0.3);z-index: 9; opacity: 0.3;}
.activity-recommend > .item.good .lbt-box .ctrl {display:block;position:absolute;top:50%;margin-top:-15px;z-index:9;width:24px;height:30px;line-height:30px;color:white;text-align:center;font-size:18px;font-family:simsun;font-weight:500;background:#000;opacity: 0.1; }
.activity-recommend > .item.good .lbt-box .ctrl:hover {color:#fff;opacity: 0.5;}
.activity-recommend > .item.good .lbt-box .prev {position:absolute;left:0; border-top-right-radius: 15px; border-bottom-right-radius: 15px}
.activity-recommend > .item.good .lbt-box .next {position:absolute;right:0; border-top-left-radius: 15px; border-bottom-left-radius: 15px}
.activity-recommend > .item.good .title { color: #1a1a1a; margin: 18px 0 8px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all;}
.activity-recommend > .item.good .price { display: block; width: 100%; font-size: 14px; color: #e23435; text-align: center; font-weight: bold }
.activity-recommend > .item.good .price b { font-size: 12px; margin-right: 3px }

.activity-recommend > .item > h2 { font-size: 28px; margin: 20px; text-align: center; color: #1A1A1A;}
.activity-recommend > .item > ul { padding: 15px!important; display: block;}
.activity-recommend > .item > ul li { margin: 5px 0}
.activity-recommend > .item.hot > ul li .thumb { width: 100px; height: 100px; border-radius: 5px; overflow: hidden; display: inline-block; border: 1px solid #fafafa;}
.activity-recommend > .item.hot > ul li .info {  width: 250px; height: 100px; display: inline-block; float: right;}
.activity-recommend > .item.hot > ul li .info span { display: block; width: 100%}
.activity-recommend > .item.hot > ul li .info .title { color: #1a1a1a; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all;}
.activity-recommend > .item.hot > ul li .info .marketing { color: #999; margin: 5px 0}
.activity-recommend > .item.hot > ul li .info .price { display: block; width: 100%; font-size: 14px; color: #e23435;font-weight: bold  }
.activity-recommend > .item.hot > ul li .info .price b { font-size: 12px; margin-right: 3px }

.activity-recommend > .item.new > ul li { display: block; width: 50%; float: left; text-align: center; padding: 5px}
.activity-recommend > .item.new > ul li .thumb { width: 114px; height: 114px; border-radius: 5px; overflow: hidden; display: inline-block}
.activity-recommend > .item.new > ul li .info {  width: 100%; display: block;}
.activity-recommend > .item.new > ul li .info span { display: block; width: 100%}
.activity-recommend > .item.new > ul li .info .title { color: #1a1a1a; margin: 8px 0; height: 36px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all;}
.activity-recommend > .item.new > ul li .info .marketing { color: #999; margin: 5px 0}
.activity-recommend > .item.new > ul li .info .price { display: block; width: 100%; font-size: 14px; color: #e23435;font-weight: bold  }
.activity-recommend > .item.new > ul li .info .price b { font-size: 12px; margin-right: 3px }

.top-selling-list { margin-top: 10px; background: #fff; padding: 20px}
.top-selling-list .title { font-size: 26px; color: #000; margin-bottom: 15px; }
.top-selling-list .title a { font-size: 18px; color: #F33030; vertical-align: middle;}
.home-scroll {width:100%; height: 220px;  clear: both; overflow: hidden;position: relative; margin:10px 0 }
.home-scroll .bd { width: 1160px; height: 100%;}
.home-scroll ul {background-color: #FFF; width: auto; height: 220px; position: absolute; z-index: 1; overflow: hidden;}
.home-scroll ul li {width:100%; height: 240px; float: left; background: #fff }
.home-scroll ul li a {display: block; width: 175px; height: 220px; overflow:hidden; float: left; text-align:right; margin:0 9px;}
.home-scroll ul li a img { height: 175px; width: 175px; border: 1px solid #F5F5F5 }
.home-scroll ul li a p { text-align: center; margin-top: 10px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.home-scroll ul li a:hover { color: #e23435; }
.home-scroll .ctrl {display:block;position:absolute;top:50%;margin-top:-31px;z-index:9;width:30px;height:62px;line-height:62px;color:white;text-align:center;font-size:36px;font-family:simsun;font-weight:500;background:#000;filter:alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity: 0.25; opacity: 0.25; }
.home-scroll .ctrl:hover {color:#fff;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.home-scroll .prev {position:absolute;left:0}
.home-scroll .next {position:absolute;right:0;}

.activity-seckill-scroll {width:100%; height: 260px;  clear: both; overflow: hidden;position: relative; margin:10px 0; background: #fff}
.activity-seckill-scroll .title { width: 235px; height: 260px; display: inline-block; float: left; font-size:36px; text-align: center; color: #fff; background-color: #E1251B; background-image: url(/assets/img/seckill.png);background-size: contain;background-position: 50%; background-repeat: no-repeat;}
.activity-seckill-scroll .seckill-end-time { font-size: 16px; margin-top: 15px }
.activity-seckill-scroll strong {background: #2f3430; color: #fff; font-size:20px; display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 2px; margin: 0 5px} 
.activity-seckill-scroll strong.day_show { background: transparent; color: #fff; width: auto; display: none; }
.activity-seckill-scroll .bd { width: 965px; height: 100%; float: right;}
.activity-seckill-scroll ul {background-color: #FFF; width: auto; height: 260px; position: absolute; z-index: 1; overflow: hidden;}
.activity-seckill-scroll ul li {width:100%; height: 100%; float: left; background: #fff }
.activity-seckill-scroll ul li a {display: block; width: 188px; height: 260px; overflow:hidden; float: left;text-align:center;margin:0 2.8px; position: relative;}
.activity-seckill-scroll ul li a:after {content: "";display: block;position: absolute;top: 50%;right: 0;width: 1px;height: 200px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: -webkit-gradient(linear,left top,left bottom,from(white),color-stop(#eeeeee),to(white));background: linear-gradient(180deg,white,#eeeeee,white);}
.activity-seckill-scroll ul li .seckill-image { height: 148px; width:148px; border:none; margin: 18px 0}
.activity-seckill-scroll ul li .seckill-title {letter-spacing: 0;color: #1a1a1a;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 18px; font-size:12px; text-align: left; padding: 0 15px}
.activity-seckill-scroll ul li .seckill-price {display: block; width: 100%; font-size: 18px; color: #e23435; margin-top: 5px}
.activity-seckill-scroll .ctrl {display:block;position:absolute;top:50%;margin-top:-15px;z-index:9;width:24px;height:30px;line-height:30px;color:white;text-align:center;font-size:18px;font-family:simsun;font-weight:500;background:#000;opacity: 0.1; }
.activity-seckill-scroll .ctrl:hover {color:#fff;opacity: 0.5;}
.activity-seckill-scroll .prev {position:absolute;left:235px; border-top-right-radius: 15px; border-bottom-right-radius: 15px}
.activity-seckill-scroll .next {position:absolute;right:0; border-top-left-radius: 15px; border-bottom-left-radius: 15px}
 
.index-floor {margin: 20px 0 10px 0;}
.index-floor .floor-title { font-size:24px;  color: #000; border-bottom: 3px solid #ED5F32; padding-bottom: 10px; vertical-align: middle; }
.index-floor .floor-title:before { content: ''; width: 5px; height:20px; background-color:#e33333; display: inline-block; border-radius:3px; margin-right:8px; }
.index-floor .floor-title font { float: right}
.index-floor .floor-title a { font-size:14px; margin-top:8px; margin-left: 15px; padding: 5px 10px;}
.index-floor .floor-title a:hover { color:#e33333; background: #fff; border-radius: 3px}
.index-floor ul { width: 100%; margin-top: 10px!important; }
.index-floor ul li { width: 230px; height: 322px; background:#fff; margin: 0 5px 10px; float: left; }
.index-floor ul li.children { background: url('/assets/img/floor.jpg') no-repeat; text-align: center}
.index-floor ul li.children .cat { text-align:center; margin: 20px; margin-top:40px; }
.index-floor ul li.children .cat span { display: block; font-size: 16px; font-weight:700}
.index-floor ul li.children .cat em { text-transform: uppercase; font-size: 10px; font-style: normal}
.index-floor ul li.children a { display: inline-block; width: 88px; height: 36px; border:1px solid #fff6e0; margin: 5px auto 0 auto; font-size: 12px; border-radius: 5px; line-height:36px; overflow: hidden}
.index-floor ul li.children a:hover { color:#fff; background-color:#e33333; }
.index-floor ul li a { margin-right: 25px; border:none; border-radius: 0; padding:0 7px; line-height:24px;height: 24px}
.index-floor ul > li.active > a:hover, .index-floor ul > li.active > a:focus {color:#fff;background-color:#e74c3c;border:none;}
.index-floor ul > li.active > a { background-color:#e74c3c; color: #fff;border:none;border-radius:2px}
.index-floor .tab-content .goods-list li { float: left; width: 228px; height: 350px; margin:15px 15px 0 0; position: relative; background-color: #fff; overflow: hidden;}
.index-floor .tab-content .goods-list li:nth-child(5n) { margin-right:0  }
.floor-ads { margin-top: 15px }
.ellipsis {
    display: block;
    width: 92px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-floor .content-wrapper .left {
	width: 280px;
	height: 710px;
	float: left;
	position: relative;
	background: #fff;
	overflow: hidden;
}
.index-floor .content-wrapper .left::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 140%;
	height: 84px;
	background: linear-gradient(180deg, #ED5F32 31%, #EA3C30 100%);
	border-radius: 0 0 50% 50%;
	margin-left: -20%;
}
.index-floor .content-wrapper .left .info {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
}
.index-floor .content-wrapper .left .info .title {
	font-size: 20px;
	color: #fff;
	margin-bottom: 10px;
}
.index-floor .content-wrapper .left .info .goods {
	height: 90px;
	width: 100%;
	display: block;
	border-radius: 8px;
	background: #FAFAFA;
	margin-bottom: 10px;
	box-sizing: border-box;
	padding: 10px;
	position: relative;
}

.index-floor .content-wrapper .left .info .goods .tips-1 {
	width: 25px;
	height: 31px;
	background: url('../img/index/top1.png') no-repeat;
	display: inline-block;
	position: absolute;
	left: 0;
	left: 10px;
}
.index-floor .content-wrapper .left .info .goods .tips-2 {
	width: 25px;
	height: 31px;
	background: url('../img/index/top2.png') no-repeat;
	display: inline-block;
	position: absolute;
	left: 0;
	left: 10px;
}
.index-floor .content-wrapper .left .info .goods .tips-3 {
	width: 25px;
	height: 31px;
	background: url('../img/index/top3.png') no-repeat;
	display: inline-block;
	position: absolute;
	left: 0;
	left: 10px;
}
.index-floor .content-wrapper .left .info .goods .tips-4 {
	width: 19px;
	height: 23px;
	background: url('../img/index/top4.png') no-repeat;
	display: inline-block;
	position: absolute;
	left: 0;
	left: 10px;
}
.index-floor .content-wrapper .left .info .goods .tips-5 {
	width: 19px;
	height: 23px;
	background: url('../img/index/top5.png') no-repeat;
	display: inline-block;
	position: absolute;
	left: 0;
	left: 10px;
}
.index-floor .content-wrapper .left .info .goods img {
	width: 70px;
	height: 70px;
	float: left;
}
.index-floor .content-wrapper .left .info .goods > .right {
	background: transparent;
	display: inline-block;
	width: 150px;
	float: right;
}
.index-floor .content-wrapper .left .info .goods-name {
	color: #1a1a1a;
	font-size: 12px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.index-floor .content-wrapper .left .info .goods .goods-price {
	display: block; width: 100%; font-size: 14px; color: #e23435; margin-top: 10px; font-weight: bold;
}
.index-floor .content-wrapper .left .info .goods .goods-price i { vertical-align: middle; margin-right: 3px; font-style: normal; font-size: 12px; font-weight: 700; font-family: MicrosoftYahei-regular,Arial,Helvetica,sans-serif;}

.index-floor .content-wrapper .left .info .brands {
	display: inline-block;
	width: 80px;
	height: 32px;
	border: 1px solid #f5f5f5;
	background: #fff;
	margin-bottom: 5px;
}
.index-floor .content-wrapper .left .info .brands img {
	height: 99%;
	width: 99%;
}
.index-floor .content-wrapper .left .info .hr {
	width: 100%;
	height: 0px;
	opacity: 1;
	border: 1px solid;
	border-image: linear-gradient(270deg, rgba(245, 245, 245, 0), rgba(245, 245, 245, 1), rgba(245, 245, 245, 1), rgba(245, 245, 245, 0)) 1 1;
	margin-bottom: 10px;
}

.index-floor .content-wrapper .left::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 140%;
	height: 52px;
	background: linear-gradient(180deg, #EA3C30 0%, #ED5F32 42%);
	border-radius: 50% 50% 0 0;
	margin-left: -20%;
}
.index-floor .content-wrapper .right {
	width: 910px;
	float: right;
}

.index-floor .content-wrapper .right ul {width: 100%; margin:0!important; padding:0; list-style: none;}
.index-floor .content-wrapper .right ul li { float: left; width: 220px; background: #fff; height: 350px; margin:0 10px 10px 0; padding: 15px; box-sizing: border-box; position: relative; overflow: hidden;}
.index-floor .content-wrapper .right ul li:nth-child(4n) { margin-right:0 }
.index-floor .content-wrapper .right ul li .thumb { width: 100%; box-sizing: border-box; margin:0; padding: 0; height: 204px; display: block; text-align: center; }
.index-floor .content-wrapper .right ul li .thumb img { width: 180px; height: 180px }
.index-floor .content-wrapper .right ul li .title {height:40px; color: #1a1a1a; overflow: hidden; display: inline-block; margin: 0;padding: 0; width: 100%; line-height: 19px;word-break:break-all;}
.index-floor .content-wrapper .right ul li .title > span { background: #F0A70A;	color: #333; border-radius: 3px; padding: 1px 3px; line-height: 10px;font-size: 10px; cursor: pointer;margin-right: 3px;}
.index-floor .content-wrapper .right ul li .price { display: block; width: 100%; font-size: 20px; color: #e23435; font-weight: bold}
.index-floor .content-wrapper .right ul li .price i { vertical-align: middle; margin-right: 3px; font-style: normal; font-size: 12px; font-weight: 700; font-family: MicrosoftYahei-regular,Arial,Helvetica,sans-serif;}
.index-floor .content-wrapper .right ul li .price span { font-size: 12px}
.index-floor .content-wrapper .right ul li h5 { position: absolute; bottom: 0; left: 0 ;width: 100%; font-size: 12px;}
.index-floor .content-wrapper .right ul li .feature {padding: 5px 0;}
.index-floor .content-wrapper .right ul li .feature span {border: 1px solid #E1251B; background: #fff; color: #E1251B; border-radius: 3px; padding: 1px 3px;line-height: 10px;font-size: 10px;cursor: pointer;margin-right: 5px;}
.index-floor .content-wrapper .right ul li .feature span:hover {border: 1px solid #E6A23C;background: #fff;color: #E6A23C;border-radius: 3px;padding: 1px 3px;line-height: 10px;font-size: 10px;cursor: pointer;margin-right: 5px}
.index-floor .content-wrapper .right ul li .feature span.delivery1 {border-color: #409EFF; color: #409EFF}
.index-floor .content-wrapper .right ul li .feature span.delivery2 {border-color: #E6A23C; color: #E6A23C}
.index-floor .content-wrapper .right ul li .feature span.delivery3 {border-color: #F56C6C; color: #F56C6C}
.index-floor .content-wrapper .right ul li .feature span.enterprise {border-color: #07c160;	color: #07c160;}
.index-floor .content-wrapper .right ul li .explain {border-top: 1px solid #F5F5F5;	padding: 5px 0;}
.goods-list { width: 100%; margin:0!important; padding:0; list-style: none;}
.goods-list li { float: left; width: 228px; background: #fff; height: 340px; margin:15px 15px 0 0; position: relative; overflow: hidden;box-shadow: 0 0 3px rgba(153,153,153,.1);transition: border-color .4s ease-in-out 0s;}
.goods-list li:hover {box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);transform: translate3d(0px, -2px, 0px);}
.goods-list li:nth-child(5n) { margin-right:0  }
.goods-list li .is-top { display: inline-block; width: 37px; height: 20px; text-align: center; right: 0; top: 35px; position: absolute; background:#e2343575; z-index: 1; border-top-left-radius: 10px; border-bottom-left-radius:10px }
.goods-list li .is-top:after { content: 'TOP'; color: #fff; font-style: normal; font-size: 10px }
.goods-list li .is-attr {display: inline-block; font-style: normal; width: auto; color: #999; height: 20px; text-align: center; right: 0; top: 10px; position: absolute; background:#f9f9f9; z-index: 1; padding: 0 5px; border-top-left-radius: 10px; border-bottom-left-radius:10px}
.goods-list li .thumb { width: 100%;box-sizing: border-box;margin: 0;padding: 10px 0;height: 204px;display: block;text-align: center;}
.goods-list li .thumb img { width: 180px; height: 180px }
.goods-list li .title {height:44px; color: #1a1a1a; overflow: hidden; display: inline-block; width: 100%; line-height: 18px; padding:8px 10px; box-sizing: border-box; border-top: 1px dotted #dfdfdf;word-break:break-all;}
.goods-list li .title > span { background: #F0A70A;	color: #333; border-radius: 3px; padding: 1px 3px; line-height: 10px;font-size: 10px; cursor: pointer;margin-right: 3px;}
.goods-list li .price { display: block; width: 100%; font-size: 20px; padding: 0 10px; color: #e23435; font-weight: bold}
.goods-list li .price i { vertical-align: middle; margin-right: 3px; font-style: normal; font-size: 12px; font-weight: 700; font-family: MicrosoftYahei-regular,Arial,Helvetica,sans-serif;}
.goods-list li .price span { font-size: 12px}
.goods-list li h5 { position: absolute; bottom: 0; left: 0 ;width: 100%;padding:0 8px; font-size: 12px;}
.goods-list li .feature {padding: 5px 10px;}
.goods-list li .feature span {border: 1px solid #E1251B; background: #fff; color: #E1251B; border-radius: 3px; padding: 1px 3px;line-height: 10px;font-size: 10px;cursor: pointer;margin-right: 5px;}
.goods-list li .feature span:hover {border: 1px solid #E6A23C;background: #fff;color: #E6A23C;border-radius: 3px;padding: 1px 3px;line-height: 10px;font-size: 10px;cursor: pointer;margin-right: 5px}
.goods-list li .feature span.delivery1 {border-color: #409EFF; color: #409EFF}
.goods-list li .feature span.delivery2 {border-color: #E6A23C; color: #E6A23C}
.goods-list li .feature span.delivery3 {border-color: #F56C6C; color: #F56C6C}
.goods-list li .feature span.enterprise {border-color: #07c160; color: #07c160}
.goods-list li .explain {border-top: 1px solid #F5F5F5;	padding: 5px 10px;}
.footer { margin-top: 15px; background: #f1f1f1 }
.footer .assurance { background: #f5f5f5; width: 100% }
.footer .assurance ul { width: 1200px; margin:0 auto; }
.footer .assurance ul li { float: left; width: 20%; padding: 20px 0;display: flex}
.footer .assurance ul li .iconfont { display: block; font-size: 60px; text-align: right; width: 50%; float: left; }
.footer .assurance ul li span { display: block; text-align: left; float: left;; width: 50%; font-size:16px; margin-top: 20px }
.footer .assurance ul li span small { display: block; }

.footer .help { width: 1200px; margin:20px auto ; }
.footer .help dl {float:left;padding-right:0;width:20%}
.footer .help dl dt{color:#4a4a4a;font-size:18px;line-height:40px; font-weight: 500;}
.footer .help dl dd{font-size:14px;line-height:30px; padding-left: 10px}
.footer .help dl dd p { margin-bottom: 0; color: #999 }
.footer .help dl:last-child dt,.footer .help dl:last-child dd{ text-align: center; } 
/*.footer .copyright{margin:auto;padding:20px 0;line-height:20px;color:#8b8b8b;text-align: center; font-size: 12px}*/
.footer .copyright {
	margin: auto;
	padding: 20px 0;
	line-height: 20px;
	color: #8b8b8b;
	text-align: center;
	font-size: 12px;
	color: #ffffff75;
	background: rgb(66,66,66);
	justify-content: center;
}
.footer .copyright .footer_href a {
	color: #ffffff75;
	margin-bottom: 30px;
}
.footer_href {
	width: 850px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.footer_href a{
	margin-left: 20px;
}
.footer .copyright span{margin:10px 5px; display: inline-block; height: 20px;} 
.footer .copyright span a { vertical-align: middle; color: #ffffff50}
.footer .copyright p { font-size: 12px ; color: #ffffff50;}
.appbar{position:fixed;z-index:1998;width:36px;height:100%;right:0;top:0;bottom:0;} 
.appbar-tabs{width:36px;height:100%;position:absolute;z-index:1;border-right:6px solid #7A6E6E} 
.appbar-tabs .tools{position:absolute;z-index:1;top:40%} 
.appbar-tabs .tools li{float:right;width:36px} 
.appbar-tabs .tools a {display:block;width:36px;height:36px;float:right;position:relative;z-index:1;margin-top:3px;font:12px/20px Arial,"microsoft yahei";color:#333;text-align:center;} 
.appbar-tabs .tools a .iconfont{font-size:18px;line-height:36px;width:36px;height:36px;position:absolute;top:0;right:0;z-index:3;color:#fff;border-radius:3px 0 0 3px;background:#7A6E6E} 
.appbar-tabs .tools a:hover .iconfont{background-color:#E31939;border-radius:0;} 
.appbar-tabs .tools a:hover .iconfont:after { content: ' '; width: 6px; background: #7A6E6E; height: 100%;position: absolute; top: 0; right: 0; z-index: 998 }
.appbar-tabs .tools a:hover{background-color:#E31939;border-radius:3px 0 0 3px;} 
.appbar-tabs .tools a i{font:10px/12px Arial;color:#FFF;background-color:#D93600;text-align:center;min-width:5px;height:5px;padding:2px;border-radius:8px;position:absolute;z-index:5;top:5px;left:5px} 
.appbar-tabs .tools a span.title{line-height:36px;overflow:hidden;color:#FFF;background:#E31939;white-space:nowrap;width:0;height:36px;position:absolute;z-index:1;top:0px;right:35px;border-radius:3px 0 0 3px;text-align:left;text-indent:20px;transition:width 1s;-moz-transition:width 1s;-webkit-transition:width 1s;-o-transition:width 1s;} 
/*.appbar-tabs .tools a:hover span.title{width:75px;}*/
/*.appbar-tabs .tools a.user:hover span.title{width:115px;}*/
/*.appbar-tabs .tools a.qrcode:hover span.title { height:140px; width:120px; top: -55px; text-indent:0; padding: 15px;}*/
/*.appbar-tabs .tools a.qrcode:hover span.title p { display: inline-block; text-align: center; font-size:11px;}*/
/*.appbar-tabs .tools a.qrcode:hover span.title p img { width: 100px; border-radius: 5px }*/
.crumbs-nav {*word-spacing:-1px;text-align:left;height:30px;margin:15px auto;} 
.crumbs-nav span{font-size:14px;line-height:30px;color:#999;letter-spacing:normal;word-spacing:normal;display:inline-block;*display:inline;height:30px;zoom:1;} 
.crumbs-nav i{font-size:16px;color:#AAA;margin-right:4px;} 
.crumbs-nav span.arrow{ine-height:30px;color:#AAA;margin:0 6px;} 
.crumbs-nav a {color:#777;display:block;font-size:14px;} 

.goods-category-box { margin:0 auto  }
.goods-category-box h3 {font: 400 15px/20px "microsoft yahei";color: #333;height: 20px;padding: 8px 10px;background-color: #F5F5F5;height: 36px; margin-bottom: 0}
.goods-category-box h3 em { font-style: normal; color: #e23435; }
.goods-category-box .tom-module {border: solid 1px #D7D7D7; margin-bottom: 10px; background: #fff}
.goods-category-box .hot-goods li{float:left; width:20%; padding:7px}
.goods-category-box .hot-goods li .goods-pic{width:90px;height:90px;float:left;margin:0}
.goods-category-box .hot-goods li .goods-pic a{line-height:0;text-align:center;vertical-align:middle;display:table-cell;width:90px;height:90px;overflow:hidden}
.goods-category-box .hot-goods li .goods-pic img{max-width:90px;max-height:90px;margin-top:expression(90-this.height/2)}
.goods-category-box .hot-goods li .goods-info {width:130px;float:right;margin:0}
.goods-category-box .hot-goods li .goods-info dt{line-height:16px;width:100%;height:32px;overflow:hidden; font-weight: normal;}
.goods-category-box .hot-goods li .goods-info dt a{color:#777}
.goods-category-box .hot-goods li .goods-info dt a:hover{color:#333}
.goods-category-box .hot-goods li .goods-info dt a span{line-height:16px;color:#FFF;background-color:#E4393C;vertical-align:middle;display:inline-block;height:16px;padding:0 4px;border-radius:2px;margin-right:4px}
.goods-category-box .hot-goods li .goods-info .goods-price{color:#555;line-height:20px;white-space:nowrap;height:20px;margin:5px 0;overflow:hidden}
.goods-category-box .hot-goods li .goods-info .goods-price em{font-size:14px;font-weight:700;color:#E31939; font-style: normal;}
.goods-category-box .hot-goods li .goods-info .buy-btn a{color:#FFF;background-color:#E31939;display:inline-block;padding:3px 12px;border-radius:2px}
.goods-category-box .hot-goods li .goods-info .buy-btn a:hover{text-decoration:none;background-color:#04AFC8; color: #fff!important}

.goods-category-box .category-goods-tips { border: 1px solid #eee; border-top: 0; padding: 150px 0; text-align: center; color: #999; background: #fff }
.goods-category-box .category-goods-tips > i { font-size: 50px; color: orange; }
.goods-category-box .category-goods-tips > p {font-size: 14px; font-weight: normal; line-height: 24px;margin-bottom: 0;}
 
.goods-category-box .screen dl { border-bottom: 1px solid #eee; margin:0; padding: 0; display: flex; flex-direction: row; justify-content: center; align-items:stretch; }
.goods-category-box .screen dl:last-child { border-bottom: 0 }
.goods-category-box .screen dl dt {width: 15% ; background: #fafafa; display: flex; align-items: center; justify-content: center; font-weight: normal; letter-spacing:10px}
.goods-category-box .screen dl dd { display: inline-block; width: 85%; float: left; padding: 8px; max-height: 100px; overflow-y: auto }
.goods-category-box .screen dl dd a { margin:4px; border-radius: 2px; padding: 2px 4px; display: inline-block; }
.goods-category-box .screen dl dd a:hover,.goods-category-box .screen dl dd a.active { background: #e23435; color: #fff }

.order-asc-desc-page { background: #F9F9F9;display: block;height: 38px;border: solid 1px #eee; }
.order-asc-desc-page ul { display: inline-block; }
.order-asc-desc-page ul li { float: left; line-height: 36px; height: 36px; border-right: 1px solid #eee}
.order-asc-desc-page ul li a { display: inline-block; padding: 0 15px; }
.order-asc-desc-page ul li a span { font-size: 14px }
.order-asc-desc-page ul li a:hover { background: #fff }
.order-asc-desc-page ul li.active { background: #fff }
.order-asc-desc-page ul li.active a span { color: #e4393c }
.order-asc-desc-page ul li a i{position: relative;display: inline-block;width:12px; margin-left: 5px}
.order-asc-desc-page ul li a i:after{position: absolute;right:0px;top:-15px;content: "\e690";font:12px/1 iconfont;color:#DDDDDD}
.order-asc-desc-page ul li a i:before{position: absolute;right:0px;top:-5px;content: "\e691";font:12px/1 iconfont;color:#DDDDDD}
.order-asc-desc-page ul li.active.desc i:before{color:#E31939}
.order-asc-desc-page ul li.active.asc i:after{color:#E31939}
.category-goods-box li:nth-child(5n+0) { margin-right:0!important;}
.category-goods-box li:nth-child(5n+1) { margin-right:15px!important;}
.category-goods-box li:last-child { margin-right:0!important }
.category-goods-box li .feature {padding: 5px 10px;}
.category-goods-box li .feature span {border: 1px solid #E1251B; background: #fff; color: #E1251B; border-radius: 3px; padding: 1px 3px;line-height: 10px;font-size: 10px;cursor: pointer;margin-right: 5px;}
.category-goods-box li .feature span:hover {border: 1px solid #E6A23C;background: #fff;color: #E6A23C;border-radius: 3px;padding: 1px 3px;line-height: 10px;font-size: 10px;cursor: pointer;margin-right: 5px}
.category-goods-box li .feature span.delivery1 {border-color: #409EFF; color: #409EFF}
.category-goods-box li .feature span.delivery2 {border-color: #E6A23C; color: #E6A23C}
.category-goods-box li .feature span.delivery3 {border-color: #F56C6C; color: #F56C6C}
.category-goods-box li .feature span.enterprise {border-color: #07c160; color: #07c160}
.category-goods-box li .explain {border-top: 1px solid #F5F5F5;	padding: 5px 10px;}

.pages { text-align: center; padding: 20px 0; }
.pagination li { padding:0; display: inline-block; font-family: 'Verdana,Tahoma,Arial'; font-size: 12px; font-weight: 600;}
.pagination > li > a, .pagination > li > span { height: 38px; line-height: 38px; width: 38px; text-align: center; line-height: 38px; padding: 0; color: #555  }
.pagination > li.active span { color: #AAA; background: #fff; border:1px solid #E6E6E6; }
.pagination > li:first-child{margin-right:8px;} 
.pagination > li:last-child{margin-left:8px;} 
.search-tips {padding:15px 10px; margin-bottom:10px; font-size:14px; background-color:#fffdee; border:1px solid #edd28b; box-sizing: border-box; text-align: center;}

.header-mini-top { width: 100%; height: 110px;background:#fff url(../img/headbg.jpg) repeat-x left bottom;}
.header-mini-top .container .col-xs-12 { padding-top: 20px; }
.header-mini-top .container .login { display: inline-block; float: right; color: #999; font-size: 16px; margin-top:35px }
.header-mini-top .container .login a {color: #c81623;}

@keyframes hover-color {
	from { border-color: #c0c0c0; }
	to { border-color: #3e97eb; }
}

.magic-radio, .magic-checkbox { position: absolute; display: none; }
.magic-radio[disabled], .magic-checkbox[disabled] { cursor: not-allowed; }
.magic-radio + label, .magic-checkbox + label { position: relative; display: block; padding-left: 30px; cursor: pointer; vertical-align: middle; }
.magic-radio + label:hover:before, .magic-checkbox + label:hover:before { animation-duration: 0.4s; animation-fill-mode: both; animation-name: hover-color; }
.magic-radio + label:before, .magic-checkbox + label:before { position: absolute; top: 0; left: 0; display: inline-block; width: 20px; height: 20px; content: ''; border: 1px solid #c0c0c0; }
.magic-radio + label:after, .magic-checkbox + label:after { position: absolute; display: none; content: ''; }
.magic-radio[disabled] + label, .magic-checkbox[disabled] + label { cursor: not-allowed; color: #e4e4e4; }
.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after, .magic-checkbox[disabled] + label:hover, .magic-checkbox[disabled] + label:before, .magic-checkbox[disabled] + label:after { cursor: not-allowed; }
.magic-radio[disabled] + label:hover:before, .magic-checkbox[disabled] + label:hover:before { border: 1px solid #e4e4e4; animation-name: none; }
.magic-radio[disabled] + label:before, .magic-checkbox[disabled] + label:before { border-color: #e4e4e4; }
.magic-radio:checked + label:before, .magic-checkbox:checked + label:before { animation-name: none; }
.magic-radio:checked + label:after, .magic-checkbox:checked + label:after { display: block; }
.magic-radio + label:before { border-radius: 50%; }
.magic-radio + label:after { top: 7px; left: 7px; width: 8px; height: 8px; border-radius: 50%; background: #3e97eb; }
.magic-radio:checked + label:before { border: 1px solid #3e97eb; }
.magic-radio:checked[disabled] + label:before { border: 1px solid #c9e2f9; }
.magic-radio:checked[disabled] + label:after { background: #c9e2f9; }
.magic-checkbox + label:before { border-radius: 3px; }
.magic-checkbox + label:after { top: 2px; left: 7px; box-sizing: border-box; width: 6px; height: 12px; transform: rotate(45deg); border-width: 2px; border-style: solid; border-color: #fff; border-top: 0; border-left: 0; }
.magic-checkbox:checked + label:before { border: #3e97eb; background: #3e97eb; }
.magic-checkbox:checked[disabled] + label:before { border: #c9e2f9; background: #c9e2f9; }

.article-itemize {width: 200px; background-color: #fff; border:1px solid #e9eaec;}
.article-itemize dl { margin-bottom: 0 }
.article-itemize dl dt {height: 34px; padding-left: 10px; line-height: 34px; font-weight: bold; font-size: 12px; background: #f4f4f4; color: #3c3c3c; margin-bottom: 8px}
.article-itemize dl dt .pull-right { margin-right: 10px; font-weight: 100 }
.article-itemize dl dd { line-height: 30px; padding-left: 20px; border-bottom: 1px dashed #dfdfdf50 }
.article-itemize dl dd:last-child { border-bottom: 0; margin-bottom: 8px }
.article-itemize dl dd .current { font-weight: 600; color: #e74c3c; }
.article-itemize dl dd .iconfont { font-size: 10px }
.article-substance {width: 985px; border:1px solid #e9eaec; background-color: #fff}
.article-substance h2 {line-height: 34px; height: 34px; border-bottom: 1px solid #e9eaec; font-size: 12px}
.article-substance h2 span { font-size: 12px; font-weight: bold; border-left:3px solid rgb(242, 46, 0); padding-left: 5px; margin-left: 15px }
.article-substance h2 s { text-decoration:none; float: right; margin-right: 15px; }
.article-substance h2 a { float: right; margin-right: 15px }
.article-substance .box { padding: 50px; min-height: 316px; }
.article-substance .box p { font-size: auto; font-weight: normal; color: #333; margin-bottom: 8.5px}

.article-substance .title {font:400 18px/20px "microsoft yahei"; margin-bottom: 15px; border-bottom: solid 1px #E6E6E6; padding-bottom: 15px}
.article-substance .footer { border-top: 1px solid #e9eaec; padding: 20px; text-align: right; }
.tom-article-list li{line-height:40px;display:block;padding:5px 0; border-bottom: 1px dotted #e5e5e5}
.tom-article-list li i{background:#666;vertical-align:middle;display:inline-block;width:3px;height:3px;margin-right:10px}
.tom-article-list li a{color:#333}
.tom-article-list li time{font-size:11px;color:#AAA;float:right;-webkit-text-size-adjust:none}

.bg-white{background:#fff !important;} 
.bg-gray{background:#f6fbfc;} 
.bg-gray2{background:#f5f5f5;} 
.bg-gray3{background:#f0f0f0;} 
.bg-gray4{background:#f8fbff;} 
.bg-gray5{background:#f2f2f2;} 
.bg-black{background:#333;} 
.bg-blue{background:#0a6dee;} 
.bg-blue2{background:#3eb9f5;} 
.bg-blue3{background:#2ea7e0;} 
.bg-blue4{background:#59bfe2;} 
.bg-blue5{background:#5ec2e4 !important;} 
.bg-blue6{background:#8abdf3 !important;} 
.bg-blue7{background:#6ccdf6 !important;} 
.bg-blue8{background:#66a3ff !important;} 
.bg-blue9{background:#69cbef !important;} 
.bg-blue10{background:#40bfee !important;} 
.bg-blue11{background:#6eb0fc !important;} 
.bg-blue12{background:#69a7ef !important;} 
.bg-blue13{background:#44b6ff !important;} 
.bg-blue14{background:#34bddf;} 
.bg-blue15{background:#5dcae5;} 
.bg-blue16{background:#00b7ee;} 
.bg-blue17{background:#66d4f5;} 
.bg-blue18{background:#7495ff;} 
.bg-blue19{background:#acbfff;} 
.bg-blue20{background:#5c8be1;} 
.bg-green{background:#46be8a;} 
.bg-green2{background:#33d5bd;} 
.bg-green3{background:#0ecc6a;} 
.bg-green4{background:#19ba62;} 
.bg-green5{background:#80e55e;} 
.bg-green6{background:#79e58e !important;} 
.bg-green7{background:#0cc469 !important;} 
.bg-green8{background:#64eecf !important;} 
.bg-green9{background:#47e4c1 !important;} 
.bg-green10{background:#00c380 !important;} 
.bg-green11{background:#0dcc6d !important;} 
.bg-green12{background:#32d34c;} 
.bg-green13{background:#5bdc70;} 
.bg-green14{background:#32d34c;} 
.bg-green15{background:#84e594;} 
.bg-green16{background:#1be17f;} 
.bg-green17{background:#6ac17a;} 
.bg-red{background:#f03d3d;} 
.bg-red2{background:#f04b4b;} 
.bg-red3{background:#f85697;} 
.bg-red4{background:#fe885f !important;} 
.bg-red5{background:#ff7e7e !important;} 
.bg-red6{background:#ff6868 !important;} 
.bg-red7{background:#ff5353 !important;} 
.bg-red8{background:#ff8c8c !important;} 
.bg-red9{background:#f36b6b !important;} 
.bg-red10{background:#e54c4c !important;} 
.bg-red11{background:#fa7070 !important;} 
.bg-red12{background:#ec6666 !important;} 
.bg-red13{background:#f64444;} 
.bg-red14{background:#f86969;} 
.bg-red15{background:#f26e6e;} 
.bg-pink{background:#fa6dff;} 
.bg-pink2{background:#f883c8;} 
.bg-pink3{background:#ed6cb9;} 
.bg-pink4{background:#ff7171;} 
.bg-pink5{background:#f3a066;} 
.bg-pink6{background:#f95699;} 
.bg-pink7{background:#fb9ac2;} 
.bg-pink8{background:#ff8c8c;} 
.bg-orange{background:#ff6526;} 
.bg-orange2{background:#f8b62d;} 
.bg-orange3{background:#f9ac48;} 
.bg-orange4{background:#ff9543;} 
.bg-orange5{background:#ff6600;} 
.bg-orange6{background:#faa05a;} 
.bg-orange7{background:#f58732;} 
.bg-orange8{background:#f39800 !important;} 
.bg-orange9{background:#ff9c4f;} 
.bg-orange10{background:#ff842d;} 
.bg-orange11{background:#eb6100;} 
.bg-orange12{background:#e5925b;} 
.bg-yellow{background:#f7b532;} 
.bg-yellow2{background:#f5c855;} 
.bg-yellow3{background:#f8cc1b;} 
.bg-yellow4{background:#ffcc00;} 
.bg-yellow5{background:#fec96a;} 
.bg-yellow6{background:#efb957;} 
.bg-yellow7{background:#f4a53f;} 
.bg-yellow8{background:#f6b765;} 
.bg-yellow9{background:#f4b817;} 
.bg-yellow10{background:#f8d474;} 
.bg-purple{background:#b871f4;} 
.bg-purple2{background:#9b9bd1 !important;} 
.bg-purple3{background:#9559d1;} 
.bg-purple4{background:#9691f5;} 
.bg-purple5{background:#8881ee;} 
.bg-purple6{background:#c477f6;} 
.bg-purple7{background:#b661ed;} 
.bg-purple8{background:#c54cec;} 
.bg-purple9{background:#d170f0;} 
.bg-purple10{background:#b870f6;} 
.bg-purple11{background:#d4a9fa;} 
.bg-purple12{background:#db52db;} 
.bg-purple13{background:#c770ff;} 
.bg-grey{background:#f2f2f4!important;} 
.w10{width:10px !important;} 
.w20{width:20px !important;} 
.w30{width:30px !important;} 
.w40{width:40px !important;} 
.w50{width:50px !important;} 
.w60{width:60px !important;} 
.w70{width:70px !important;} 
.w80{width:80px !important;} 
.w90{width:90px !important;} 
.w100{width:100px !important;} 
.w110{width:110px !important;} 
.w120{width:120px !important;} 
.w130{width:130px !important;} 
.w150{width:150px !important;} 
.w160{width:160px;} 
.w180{width:180px;} 
.w200{width:200px !important;} 
.w300{width:300px !important;} 
.w400{width:400px!important;} 
.w450{width:450px !important;} 
.w500{width:500px;} 
.w600{width:600px !important;} 
.w700{width:700px;} 
.w800{width:800px;} 
.h20{height:20px !important;} 
.h30{height:30px !important;} 
.h40{height:40px !important;} 
.h50{height:50px !important;} 
.h80{height:80px;} 
.h100{height:100px !important;} 
.h200{height:200px;} 
.h500{height:500px !important;} 
.h{height:100%} 
.size30{width:30px;height:30px;} 
.size32{width:32px;height:32px;} 
.size40{width:40px;height:40px;} 
.size60{width:60px;height:60px;} 
.size70{width:70px;height:70px;} 
.size72{width:72px;height:72px;} 
.size75{width:75px;height:75px;} 
.size80{width:80px;height:80px;} 
.size90{width:90px;height:90px;} 
.size100{width:100px;height:100px;} 
.size110{width:110px;height:110px;} 
.size120{width:120px;height:120px;} 
.size128{width:128px;height:128px;} 
.size160{width:160px;height:160px;} 
.size160-48{width:160px;height:48px;} 
.size160{width:160px;height:160px;} 
.size184{width:184px;height:114px;} 
.size190{width:190px;height:190px;} 
.size196{width:196px;height:196px;} 
.size233{width:233px;} 
.m0{margin:0!important;} 
.m10{margin:10px;} 
.m15{margin:15px !important;} 
.m30{margin:30px;} 
.mt5{margin-top:5px;} 
.mt10{margin-top:10px !important;} 
.mt15{margin-top:15px;} 
.mt20{margin-top:20px !important;} 
.mt30{margin-top:30px !important;} 
.mt50{margin-top:50px !important;} 
.mt100{margin-top:100px !important;} 
.mb5{margin-bottom:5px !important;} 
.mb10{margin-bottom:10px !important;} 
.mb15{margin-bottom:15px !important;} 
.mb20{margin-bottom:20px !important;} 
.mb30{margin-bottom:30px !important;} 
.mb50{margin-bottom:50px !important;} 
.mb100{margin-bottom:100px !important;} 
.ml5{margin-left:5px!important;} 
.ml10{margin-left:10px!important;} 
.ml15{margin-left:15px !important;} 
.ml20{margin-left:20px !important;} 
.ml30{margin-left:30px !important;} 
.ml50{margin-left:50px !important;} 
.ml100{margin-left:100px !important;} 
.mr5{margin-right:5px !important;} 
.mr10{margin-right:10px !important;} 
.mr15{margin-right:15px !important;} 
.mr20{margin-right:20px;} 
.mr30{margin-right:30px !important;} 
.mr50{margin-right:50px !important;} 
.mr100{margin-right:100px;} 

.fb{font-weight:bold;} 
.fn{font-weight:normal;} 
.tl{text-align:left !important;} 
.tc{text-align:center !important;} 
.tr{text-align:right !important;} 
.bc{margin-right:auto;margin-left:auto;} 
.fl{float:left;display:inline;} 
.fr{float:right !important;display:inline;} 
.cb{clear:both;} 
.cl{clear:left;} 
.cr{clear:right} 
.vm{vertical-align:middle!important} 
.vt{vertical-align:top;} 
.pr{position:relative;} 
.pa{position:absolute;} 
.abs-right{position:absolute;right:0;} 
#ceo-modal { left: 50%; top: 50%; transform: translate(-50%,-50%); min-width:80%; overflow: visible; bottom: inherit; right: inherit;}
#ceo-modal .modal-dialog { width: 600px; margin: 0 auto; position: absolute !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important; -webkit-transform:translate(-50%,-50%) !important; -moz-transform:translate(-50%,-50%) !important; -ms-transform:translate(-50%,-50%) !important; -o-transform:translate(-50%,-50%) !important; }
#ceo-modal .modal-dialog .modal-body { padding: 40px;  }
#ceo-modal .tip { padding: 10px; font-size: 12px; margin-bottom: 10px }
#ceo-modal .item{ height:46px;position:relative;margin-bottom:15px;width:100%;}
#ceo-modal .item .label {width:100px;line-height:44px;text-align:justify;text-align-last:justify;color:#666; padding:0 20px; text-align: right; font-size:14px; font-weight:500; position:absolute; left:1px; top:1px;z-index: 2; border-radius: 0}
#ceo-modal .item .text {position:relative;top:0;left:0;height:46px;border:1px solid #ddd;color:#666; padding: 0 20px 0 100px;}
#ceo-modal .textarea { line-height: 1; resize:none!important; border: 1px solid #ddd }
#ceo-modal .item .text:hover,#ceo-modal .textarea:hover{border-color:#686868;}
#ceo-modal .item .error { border-color: #E31939 }
.layui-layer-loading.new-layer-loading {width: 120px; min-height: 120px; background: rgba(17, 17, 17, 0.7)!important; text-align: center; border-radius: 5px!important;	box-sizing: border-box;}
.layui-layer-loading.new-layer-loading .layui-layer-content {width: 100%; height: 100%; font-size:16px; background-image: none; font-weight: 200; color: #FFFFFF; text-align: center; padding: 15px}
.layui-layer-loading.new-layer-loading .layui-layer-content:before { content: ''; display: block; width: 100%; height: 70px; animation: newLayerLoading 1s steps(12, end) infinite; background: transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat center}
@-webkit-keyframes newLayerLoading{
	0%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}
	100%{-webkit-transform:rotate3d(0, 0, 1, 360deg);transform:rotate3d(0, 0, 1, 360deg);}
}
@keyframes newLayerLoading{
	0%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}
	100%{-webkit-transform:rotate3d(0, 0, 1, 360deg);transform:rotate3d(0, 0, 1, 360deg);}
}
.layer-error-icon-middle i.layui-layer-ico { top:32%!important; }

.download {width: 985px; border:1px solid #e9eaec; background-color: #fff; padding: 20px}
.download .box { padding: 20px; min-height: 516px; }
.download .title {font:400 18px/20px "microsoft yahei"; margin-bottom: 15px; border-bottom: solid 1px #E6E6E6; padding-bottom: 15px}
.download .tips { padding: 150px 0; text-align: center; color: #999 }
.download .tips > i { font-size: 50px; color: orange; }
.download .tips > p {font-size: 14px; font-weight: normal; line-height: 24px;margin-bottom: 0;}
.download ul.item-download { width: 100%; margin:0!important; padding:0; list-style: none;}
.download ul.item-download li { float: left; width: 224px; background: #fff; height: 275px; margin:15px 15px 0 0; position: relative; overflow: hidden;box-shadow: 0 0 3px rgba(153,153,153,.1);transition: border-color .4s ease-in-out 0s;}
.download ul.item-download li:hover {box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);transform: translate3d(0px, -2px, 0px);}
.download ul.item-download li:nth-child(4n) { margin-right:0  }
.download ul.item-download li .thumb { position: relative; width: 100%; height:220px; padding:0; margin:0; overflow: hidden; display: block; text-align: center;  }
.download ul.item-download li .thumb img { width:auto; height:auto; max-width: 100%; max-height: 205px;}
.download ul.item-download li .title { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.15); width: 100%; font-size: 12px; padding:4px 8px;}
.download ul.item-download li h5 {width: 100%;padding:0 8px; font-size: 12px;}
.download ul.item-download li h5 .btn { font-size: 12px; padding: 4px 8px; line-height: 1.2; height: auto }
#wechat-scan-login-container { display: none; width: 100%; height: 90%; z-index: 99999; position: absolute; top: 0; left: 0; background: #fff;}
#wechat-scan-login-container .iconfont { position: absolute; right: 30px; top: 0; font-size: 20px; cursor: pointer;}
#wechat-scan-login-container .iconfont:hover { color: #e3101e }
 
.index-title h2 { font-size:  33px; text-align: center; color: #000; margin: 20px 0; padding: 25px 0; font-weight: 700; margin-bottom: 0  }
.index-title h2 > small { display: inline-block; font-size: 20px; color: #000; width: 100%; margin-bottom: 10px;text-transform:uppercase;}

.hot-brands { margin-top: 10px; background: #fff; padding: 20px}
.hot-brands .title { font-size: 26px; color: #000; margin-bottom: 15px;  }
.hot-brands .title a { font-size: 18px; color: #F33030; vertical-align: middle;}
.hot-brands .list { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 15px; background: #FFF} 
.hot-brands .list a { display: inline-block; border:1px solid #f5f5f5; width: 110px; height: 55px; padding:10px; border-radius: 5px; background: #fff; box-sizing: border-box; text-align: center; margin: 5px 0; text-align: center; background: #fff }
.hot-brands .list a:hover { border: 1px solid #e33333}
.hot-brands .list a img { width: 88px; height: 32px }
.delivery-tips { position: relative; display: inline-block; padding: 0 5px; margin-left: 10px; opacity: 1; font-size: 10px; vertical-align: middle; font-weight: 400 }
.delivery-tips .arrow { position: absolute; width: 0; height: 0; top: 25%; left: 1px; border-color: transparent; border-style: solid; border-width: 5px 5px 5px 0; }
.delivery-tips .inner { padding: 1px 8px; color: #fff; text-align: center; border-radius: 4px; line-height: 18px }
.delivery-tips.primary > .arrow { border-right-color: #409EFF!important; }
.delivery-tips.primary > .inner { border-color: #409EFF!important; background-color: #409EFF;}
.delivery-tips.warning > .arrow  { border-right-color: #E6A23C!important; }
.delivery-tips.warning > .inner  { border-color: #E6A23C!important; background-color: #E6A23C;}
.delivery-tips.danger > .arrow { border-right-color: #F56C6C!important; }
.delivery-tips.danger > .inner { border-color: #F56C6C!important; background-color: #F56C6C;}

.floornav-right {background-color:#FFFFFF;right:50%;margin-right:-724px;margin-top:-30px;position:fixed;text-align:center;top:50%; visibility:hidden;width:100px; box-sizing: border-box; padding: 15px;z-index:999}
.floornav-right ul li{ cursor:pointer; overflow:hidden; border: 1px solid; border-image: linear-gradient(270deg, rgba(245, 245, 245, 0), rgba(245, 245, 245, 1), rgba(245, 245, 245, 1), rgba(245, 245, 245, 0)) 1 1;}
.floornav-right ul li:hover a {color:#D30000;}
.floornav-right ul li a{display:block;padding:5px 0;text-align:center; color: #4D4D4D}
.floornav-right ul .darkshow:hover a{color:#D30000}
.floornav-right ul .darkshow a{color:#D30000;}
.showfloornav{transform:scale(1);visibility:visible; background: #fff}
.down{position: fixed;left: 0;top: 0;width: 100%;z-index:9999999;animation-name: d;animation-duration: 1s;box-shadow: 2px 6px 2px rgba(242,242,242,1);}
@keyframes d { from {top:-108px;} to{top: 0;} }