/*
*@Name: 资源商城
*@Author: leedon
*@Copyright:xunhuweb.com
*/

/*base*/
body{font-family: "Microsoft YaHei", "SimSun", '\5b8b\4f53', sans-serif; padding-top: 70px;background: #f8f8f8; }
.w1200{width: 1200px; margin:0 auto;}
.nobor{border-bottom: 0!important;}
.margin0{margin: 0!important;}
.padding0{padding: 0!important;}
i{font-style: normal;}
.fr{float: right}
.fl{float: left}
.mTB30{margin:30px auto;}
.xh-flex{display: flex;}
.xh-flex-certer{justify-content: center;}
.xh-flex-between{justify-content: space-between;}
.xh-item-center{align-items: center;}
.xh-flex-direction{flex-direction: column;}
.bggray{background: #f8f8f8;}
.bgwhite{background: #fff;}
.pTB50{padding-top: 50px;padding-bottom: 50px;}
.slate5-shadow {
    transition: box-shadow .2s,-webkit-transform .2s;
    transition: box-shadow .2s,transform .2s;
    transition: box-shadow .2s,transform .2s,-webkit-transform .2s;

}
/*site-nav*/
.site-nav-bg{height: 30px; line-height: 30px; background-color: #f5f5f5;}
.site-nav{position: relative;}
.sn-back-home{float: left;}
.sn-back-home i{margin:0 4px 0 8px; font-size: 14px;}
.sn-quick-menu{position: absolute; right: 12px;}
.sn-quick-menu div{float: left;}
.sn-quick-menu div.login{margin-right: 22px; }
.sn-quick-menu div.login a{color: #ff5500;}
.sn-quick-menu div.sp-cart span{margin-left:4px; color: #ff5500; font-weight: bold;}

/*end-site-nav*/

.layui-badge, .layui-badge-dot, .layui-badge-rim{padding:5px 10px}

/*header*/
.header{height: 70px; line-height: 70px;
position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99999;
    opacity: 1;
    background-color: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,.1);
    box-shadow: 0 0 25px rgba(0,0,0,.1);
     width: 100%;
}
.layui-nav{padding-left: 0;padding-right: 0}
.layui-nav{background-color: #fff;color: #666;}
.layui-nav .layui-nav-item a{color: #666;}
.layui-nav .layui-nav-item a:hover{color: #444;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{height: 3px;background-color: #444;}
@media screen and (min-width: 1200px){

}

/*end-header*/
/*subnav*/
.subnav {
    height: 85px;
    background: #f7f8fa;
    width: 100%;
}
.subnav-list a {
    display: block;
    float: left;
    vertical-align: top;
    width: 76px;
    overflow: hidden;
    color: #333;
    padding: 15px 5px 0px 0;
}
.subnav-list a:hover{color: #999;}
 .subnav-btn a {
    text-align: center;
    margin-right: 40px;
    position: relative;
    padding-top: 14px;
    height: 85px;
    float: left;
}
 .subnav-btn a i img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}
/*content*/
.product-info {
    background-color: #f5f5f5;
    padding: 15px;
    margin:10px 0;

}
.product-price{font-size: 20px;}


.footer{background: #2f2f2f; padding-bottom: 25px;}
.footer .ng-promise-box{border-bottom:1px solid #3d3d3d; line-height: 70px;}
.footer .ng-promise-box .ng-promise{ box-sizing: border-box;text-align: center;}
.footer .ng-promise-box .ng-promise p a{ color: #fff; font-size: 20px; width: 33%; height: 40px; display: inline-block; line-height: 40px; background: url(../img/us-icon.png) no-repeat left 0;}
.footer .ng-promise-box .ng-promise p a.icon2{background-position:0 -44px;}
.footer .ng-promise-box .ng-promise p a.icon3{background-position:0 -80px;}
.footer .mod_help{text-align: center; color: #888888;}
.footer .mod_help p{margin:30px 0 16px 0;}
.footer .mod_help p a{color: #888888;}
.footer .mod_help p span{padding:0 22px;}

/* 客服 */
.contact {
	top: 150px;
	z-index: 10;
	padding-bottom: 10px;
	width: 120px;
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,.2);
	position: fixed;
}
.contact.left-contact {
	left: -1px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.contact.right-contact {
	right: -1px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.contact-pic {
	width: 60px;
	height: 60px;
	margin-top: -32px;
	border: 2px solid #ff4e54;
	background: #e4e2ef url(../img/q54422.png) 50% 30% no-repeat;
	border-radius: 50%;
	display: block;
	    margin-left: auto;
    margin-right: auto;
}
.contact-time {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #aaa;
	padding-left: 10px;
}
.contact-list > li {
	margin-bottom: 10px;
	text-align: center;
}
.contact-list > li > a {
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background-color: #ff4e54;
	border-radius: 2px;
}
.contact-list > li > a > img {
	position: relative;
	top: 3px;
	display: inline-block;
	width: 13px;
	margin-right:5px;
}
.contact-wechat {
	width: 100px;
	height: 100px;
}
.wechat-text {
	font-size: 12px;
	color: #aaa;
		padding-left: 10px;
}

@media (max-width : 767px){
    .contact{display:none}
    .layui-card-header{overflow:hidden;}
    .article-list a img{display:none}
}