@charset "utf-8";
/*--------页面公用部分---------*/
/* layout */
@media (min-width:641px){
	body{min-width:1260px;}
	.layout{width:1200px;margin:0 auto;}
}
@media (max-width:640px){
	body{min-width:100%;}
	.layout{width:100%;}
}

/* default  */
.default{text-align:center;}
.default img{width:auto!important;height:auto!important;}

/* header */
.header{width:100%;background:#f8f8f8;}

.menu{height:100px;float:right;}
.menu li{float:left;position:relative;padding:0 20px;z-index:2;}
.menu li>a{display:inline-block;vertical-align:middle;height:100px;line-height:100px;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;}
.menu li:not(:last-child)>a:after{content:"|";height:12px;line-height:12px;color:#ddd;position:absolute;right:0;top:44px;}
.menu li>a>em{}
.menu li>a>i{color:#bbb;margin-left:5px;}
.menu li>.submenu{padding:20px 180px 20px 20px;min-height:120px;background:#f8f8f8;position:absolute;left:0;top:100px;z-index:999;display:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.menu li>.submenu>img{position:absolute;right:20px;top:20px;width:160px;height:120px;}
.menu li>.submenu>a{display:inline-block;vertical-align:top;margin:5px 10px 5px 0;width:110px;overflow:hidden;}
.menu li>.submenu>a>i,.menu li>.submenu>a>em{display:inline-block;vertical-align:middle;}
.menu li>.submenu>a>i{color:#bbb;margin-right:5px;}
.menu li:hover>a,
.menu li.hover>a,
.menu li:hover>a>i,
.menu li.hover>a>i{color:#c11826;}

.navbar-toggler{display:inline-block;width:50px;height:36px;text-align:center;float:right;margin:20px 20px 0 0;border:1px solid #ddd;border-radius:3px;}
.navbar-toggler>i{line-height:36px;font-size:24px;color:#666;}

.navbar{display:none;background:#fff;position:absolute;left:0;right:0;top:75px;z-index:9;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;}
.navbar>li{background:#fff;}
.navbar>li>div{display:-webkit-flex;display:flex;border-bottom:1px solid #ddd;padding:10px 20px;background:#f8f8f8;}
.navbar>li>div>a{flex:1;}
.navbar>li>div>i{color:#999;font-size:20px;}
.navbar>li>ul{display:none;padding:5px 0;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;}
.navbar>li>ul>li{padding:8px 20px;}

.navbar.collapsed{display:block;}
.navbar>li>ul.collapsed{display:block;}

@media (min-width:641px){
	.header{height:100px;background:#f8f8f8;}
	.header .logo img{height:46px;margin-top:27px;}
	.navbar-toggler,.navbar{display:none;}
}
@media (max-width:640px){
	.header{position:relative;height:76px;}
	.header .logo img{height:36px;margin:20px;}
	.menu{display:none;}
}

/* bottom */
.bottom{background:#232323;padding-top:30px;color:#fff;}
.bottom a{color:#aaa;}
.bottom a:hover{color:#fff;}
.bottom .cloumn{color:#fff;margin-bottom:25px;}
.bottom .cloumn p{text-transform:uppercase;font-size:12px;color:#aaa;}
.bottom .cloumn h2{font-size:16px;font-weight:normal;color:#fff;}
.bottom .links{margin:0 0 10px 0;padding-bottom:10px;}
.bottom .links>p{text-transform:uppercase;font-size:12px;color:#aaa;}
.bottom .links dl dt{width:100px;color:#fff;}
.bottom .links dl dd{margin-left:100px;}
.bottom .links dl dd a{margin-right:20px;}
.bottom .box{padding-bottom:50px;}
.bottom .box .contact .phone{background:url("../images/phone.png") left top no-repeat;padding-left:58px;min-height:48px;margin-bottom:20px;}
.bottom .box .contact .phone h2{font-size:20px;color:#fff;}
.bottom .box .contact .phone p{color:#aaa;}
.bottom .box .contact>p{margin-bottom:10px;}
.bottom .box .attention{text-align:center;}
.bottom .box .attention li{padding:0 20px;display:inline-block;*display:inline;*zoom:1;*padding:0 10px;}
.bottom .box .attention li img{width:100px;height:100px;margin-top:10px;}
.bottom .box .attention li p{color:#ddd;}
.bottom .box .attention li p i{font-size:16px;}
.bottom .box .map{*width:560px;}
.bottom .box .map ul li{float:right;}
.bottom .box .map ul li:not(:last-child){margin-left:80px;}
.bottom .box .map ul li dl dt{padding:0 0 10px 0;font-size:16px;text-align:right;}
.bottom .box .map ul li dl dd{padding:3px 0;text-align:right;}
.bottom .copyright{padding:15px 0;border-top:1px solid #393939;text-align:center;color:#999;}

.bottom-mobile{padding:15px;border-top:1px solid #ddd;background:#fff;text-align:center;}
.bottom-mobile>h2{font-size:20px;margin-bottom:8px;font-weight:normal;}
.bottom-mobile .phone h2{font-size:20px;color:#444;margin-bottom:10px;}
.bottom-mobile .phone p{font-size:12px;color:#aaa;}
.bottom-mobile .attention{text-align:center;}
.bottom-mobile .attention li{padding:10px;}
.bottom-mobile .attention li img{width:100px;height:100px;margin-top:5px;}
.bottom-mobile .attention li p{color:#aaa;}
.bottom-mobile .attention li p i{font-size:16px;}
.bottom-mobile .copyright{padding:15px;border-top:1px solid #ddd;text-align:center;color:#aaa;font-size:12px;}

@media (min-width:641px){
	.bottom-mobile{display:none;}
}
@media (max-width:640px){
	.bottom{display:none;}
}

/* toolbar  */
.toolbar{position:fixed;bottom:50px;right:0;z-index:9999;}
.toolbar .bar{position:relative;width:50px;height:50px;margin-bottom:1px;cursor:pointer;background:#7a7a7a;border-radius:3px 0 0 3px;text-align:center;}
.toolbar .bar>i{width:50px;height:50px;background:#7a7a7a;border-radius:3px 0 0 3px;font-size:20px;color:#fff;line-height:50px;position:relative;z-index:2;}
.toolbar .bar>i.fa-angle-up{font-size:28px;}
.toolbar .bar .bar-text{width:35px;height:50px;line-height:50px;padding:0 0 0 15px;color:#fff;background:#7a7a7a;text-align:center;position:absolute;left:0;top:0px;z-index:1;overflow:hidden;border-radius:3px 0 0 3px;transition:all 0.3s ease-in-out 0.1s;-webkit-transition:all 0.3s ease-in-out 0.1s;}

.toolbar .hover,
.toolbar .hover>i{border-radius:0;background:#c11826;}
.toolbar .hover .bar-text{left:-75px;background:#c11826;width:60px;}

@media (max-width:640px){
	.toolbar{display:none;}
}

/*--------通用组件---------*/
.nodatas,.nonetwork,.error404,.errorbusy{text-align:center;padding:30px 0;}
/* 无数据  */
.nodatas .no{display:inline-block;vertical-align:top;width:100px;height:100px;background:url("../images/common/nodatas.png") 0 0 no-repeat;}
.nodatas .no-carts{background-position:-101px 0;}
.nodatas .no-orders{background-position:-202px 0;}
.nodatas .no-dialogs{background-position:-303px 0;}
.nodatas .txt{color:#999;margin:5px 0;}
/* 网络不给力  */
.nonetwork .no{display:inline-block;vertical-align:top;width:120px;height:110px;background:url("../images/common/nodatas.png"/*tpa=http://www.whsundata.com/statics/images/common/nodatas.png*/) 0 -101px no-repeat;margin-right:20px;}
.nonetwork .txt{display:inline-block;*display:inline;*zoom:1;line-height:1.8;text-align:left;}
.nonetwork .txt p{margin-bottom:10px;color:#999;}
/* 404 */
.error404 .img{display:inline-block;vertical-align:top;width:472px;height:248px;background:url("../images/common/404.png"/*tpa=http://www.whsundata.com/statics/images/common/404.png*/) left top no-repeat;margin-right:80px;}
.error404 .txt{display:inline-block;*display:inline;*zoom:1;line-height:1.8;text-align:left;}
.error404 .txt h1{padding-top:30px;}
.error404 .txt h5{color:#999;margin-bottom:20px;}
.error404 .txt p{color:#666;margin-bottom:3px;}
.error404 .txt p a:hover{text-decoration:underline;}
.error404 .txt .btn-group{padding-top:20px;}
.error404 .txt .btn-group a{margin-right:20px;}
/* 页面错误 */
.errorbusy .img{display:inline-block;vertical-align:top;width:378px;height:127px;background:url("../images/common/busy.png"/*tpa=http://www.whsundata.com/statics/images/common/busy.png*/) 0 0 no-repeat;}
.errorbusy .txt h3{color:#ff6600;margin:10px 0;}
.errorbusy .txt p{color:#999;}
.errorbusy .txt p span{margin:0 5px;}
.errorbusy .txt p span a{margin:0 5px;text-decoration:underline;}