.main{margin:0px auto}
.shop .content-top{background-color: #303030;}
.banner-box{position: relative;}
.content-top{width:100%;height: 63px;text-align: center;top: 0;z-index: 999;position: fixed;background: transparent;-webkit-transition: background-color 1s;-moz-transition: background-color 1s;-ms-transition: background-color 1s;-o-transition: background-color 1s;transition: background-color 1s;}
.content-top:hover, .content-top-hoc{opacity: 1;background-color:#303030!important;}
.top-main{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width: 1200px;}
.top_list{cursor: pointer;display: none;position: absolute;top: 0;left: 0;width: 30px;height: 20px;margin: 21.5px 7px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAgAgMAAAAdw9KTAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUdwTP///////////waf0AoAAAADdFJOUwDjSYAlncUAAAAbSURBVBjTY5j/Hwq+MdTDmH+RmUgK6AuGhcsAU5tyB6Ji+x0AAAAASUVORK5CYII=) no-repeat;background-size:100% 100%;}
.logo{float:left;padding: 11.5px 0;}
.content-nav{float:left;height: 63px;}
.logo img{height: 40px;}
.tel{float:left;height:44px;line-height:44px;color:#b6ccff;font-size:15px;background:url(https://webstatic.xdns.cn/web.xdns.cn/images/tel.png) left center scroll no-repeat;padding-left:30px;margin-right: 15px;}
.tel a{color: #b6ccff;}
.login{height: 63px;line-height: 63px;}
.login a{color:#fff;font-size: 15px;padding: 0px 10px;}
.login a:hover{color:#fc9336;text-decoration:none;}
.menu{list-style:none;text-align: center;display: block;margin: 0 15px;}
.nav{list-style:none;display:inline-block;*display:inline;*zoom:1;}
.nav li{float:left;position:relative;z-index:3;font-size:15px;height: 63px;line-height: 63px;width: auto;}
.nav li:hover{background: #fc9336;}
.nav li a{color:#fff;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:0 20px;}
.nav li a:focus{-moz-outline-style: none;outline: none;}
.nav li .sub-nav{position:absolute;top: 63px;left:0;list-style:none;background-color: #303030;display:none;width: 100%;}
.nav li .sub-nav li{text-align:center;clear:left;width:100%;height:35px;line-height:35px;position:relative;}
.nav li .sub-nav li a{height:34px;line-height:34px;width:100%;padding:0;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.login_href{padding: 0 5px;}
.login_href img{height: 20px;padding-right: 10px;}
.login_href a{color: #fff;font-size: 15px;line-height: 21px;}
.user_inf:hover .login_href a,.user_shop:hover .login_href a,.user:hover .login_href a,.cons:hover .login_href a{color: #fc9336;}
.user_inf,.user_shop,.user,.cons{height: 21px;padding: 21px 0;width: auto;position: relative;text-align: center;}
.user_inf i,.user_shop i{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/user_icon.png) no-repeat center;background-size: 10px 10px;display: none;height: 10px;position: absolute;top: 10px;right: 0px;width: 10px;}
.user_inf .user_icon,.user_shop .user_icon{display: block;}
.top_act:before{content: " ";position: absolute;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 20px;height: 20px;top: 10px;margin-top: -12px;right: 15px;background-color: inherit;transform: rotate(45deg);z-index: -1;}
.user_inf_act {background: #fff;display: none;height: auto;width: 197px;position: absolute;top: 60px;right: 0;text-align: left;-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.2);-moz-box-shadow: 0px 5px 5px rgba(0,0,0,.2);box-shadow: 0px 5px 5px rgba(0,0,0,.2);}
.user_inf_top {background: #f55f1e url(https://webstatic.xdns.cn/web.xdns.cn/images/user_inf_top.png) no-repeat 20px center;background-size: 18px auto;color: #fff;font-size: 12px;height: 30px;line-height: 30px;padding-left: 47px;}
.user_inf_act ul{width: 100%;border-bottom: 1px #f0f0f0 solid;}
.user_inf_act li{box-sizing: border-box;padding: 5px 10px 5px 12px;font-size: 12px;line-height: 28px;height: 38px;overflow: hidden;}
.user_inf_act li a{color: #353535;display: block;height: 28px;overflow: hidden;text-indent: 1em;}
.user_inf_act .user_inf_nos{background: #f0f0f0 url(https://webstatic.xdns.cn/web.xdns.cn/images/user_icon.png) no-repeat 14px 9px;background-size: 6px 6px;line-height: 14px;}
.user_inf_bot{text-align: center;line-height: 33px;height: 33px;font-size: 11px;}
.user_inf_bot a{color: #353535;}
.user_inf_act a:hover{text-decoration: underline;}
.user_shop_act{background: #fff;width: 200px;height: auto;position: absolute;top: 60px;right: 0;text-align: left;display: none;-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.2);-moz-box-shadow: 0px 5px 5px rgba(0,0,0,.2);box-shadow: 0px 5px 5px rgba(0,0,0,.2);}
.user_shop_top{color: #282828;height: 30px;line-height: 30px;padding-left: 10px;border-bottom: 1px solid #ccc;}
.user_shop_pre{background: #f55f1e;color: #feebe3;height: 26px;line-height: 26px;padding-left: 13px;}
.user_shop_list{height: auto;max-height: 150px;overflow-y: auto;width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding: 5px 8px;}
.user_shop_list li{width: 100%;float: left;font-size: 12px;height: 25px;border-bottom: 1px solid #ccc;line-height: 25px;margin-right: 1px;margin-bottom: 1px;}
.user_shop_list li span{float: right;color: #fc9336;padding-right: 5px;}
.user_shop_bot{background: #f4f4f4;color: #4e4e4e;height: 33px;line-height: 33px;}
.user_shop_all{padding-left: 10px;}
.user_shop_bot a{background: #f55f1e;color: #fff;display: block;height: 21px;line-height: 21px;width: 43px;margin: 5px 8px 5px 0;text-align: center;}
.user_inf:hover .user_inf_act {display: block;}
.user_shop:hover .user_shop_act {display: block;}
.cons_act{border: 1px solid #ccc;border-top: none;display: none;position: absolute;top: 60px;right: 0;background: #fff;width: 517px;height: auto;-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.2);-moz-box-shadow: 0px 5px 5px rgba(0,0,0,.2);box-shadow: 0px 5px 5px rgba(0,0,0,.2);}
.cons_act_list{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 12px;line-height: 25px;width: 100%;padding: 10px;max-height: 80vh;overflow-x: auto;}
.cons_act_list a{color: #666;}
.cons_act_list a:hover {color: #fc9336;}
.cons_act_li {border-bottom: 1px dashed #ccc;padding: 5px 0}
.cons_act_title{font-weight: bold;width: 17%;margin-right: 3%;}
.cons_act_li_con{width: 80%;text-align: left;}
.cons_act_li_con li{width: auto;margin-right: 15px;float: left;}
.cons:hover .cons_act{display: block;}
.user_act{position: absolute;top: 60px;right: 0;background: #fff;width: 200px;font-size: 15px;line-height: 25px;display: none;height: auto;-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.2);-moz-box-shadow: 0px 5px 5px rgba(0,0,0,.2);box-shadow: 0px 5px 5px rgba(0,0,0,.2);}
.user:hover .user_act{display: block;}
.user_act_con ul{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 10px;padding-bottom: 0;}
.user_act_con li{font-size: 12px;float: left;line-height: 30px;width: 100%;text-align: left;}
.user_act_con li a{color: #333;}
.user_act_con li a:hover {color: #fc9336;}
.user_act_con .user_recharge a{background: #fc9336;border: 1px solid #fc9336;color: #fff;display: block;line-height: 20px;padding: 0 10px;margin: 5px 0 5px 15px;}
.user_act_con .user_recharge a:hover {background: #ec7c1a;color: #fff;}
.user_price{color: #fc9336;}
.user_act_out{text-align: right;padding: 5px 10px 5px 0;}
.user_act_out a{border: 1px solid #fc9336;color: #fc9336;display: inline-block;*display:inline;font-size: 14px;*zoom:1;padding: 0 15px;vertical-align:middle;}
.user_act_out a:hover{border-color: #ec7c1a;color: #ec7c1a;}
#footer{position:relative;text-align:center;margin:0 auto;background-color:#f0f0f0;width: 100%;}
.account{width: 100%;background: #303030 url(https://webstatic.xdns.cn/web.xdns.cn/images/foot_bg.jpg) no-repeat scroll center 0;height:auto;background-size: 100% 100%;}
.account ul{margin: 0 auto;width: 1100px;text-align: center;padding-top: 17px;}
.account li{float: left;width: 157.14px;}
.account a{color: #fff;}
.account a:hover{color:#fc9336;}
.account_img{width: 100%;height: 40px;overflow: hidden;border-radius: 50%;margin: 0 auto;}
.account_img_1{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/icon/sohu.png) no-repeat center center;background-size: auto 100%;}
.account_img_2{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/icon/baijia.png) no-repeat center center;background-size: auto 100%;}
.account_img_3{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/icon/weibo.png) no-repeat center center;background-size: auto 100%;}
.account_img_4{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/icon/wechat.png) no-repeat center center;background-size: auto 100%;}
.account_img_5{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/icon/toutiao.png) no-repeat center center;background-size: auto 100%;}
.account_img_6{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/icon/twitter.png) no-repeat center center;background-size: auto 100%;}
.account_img_7{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/icon/pip.png) no-repeat center center;background-size: auto 100%;}
.account a:hover .account_img_1{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/icon/sohu_hover.png) no-repeat center center;background-size: auto 100%;}
.account a:hover .account_img_2{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/icon/baijia_hover.png) no-repeat center center;background-size: auto 100%;}
.account a:hover .account_img_3{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/icon/weibo_hover.png) no-repeat center center;background-size: auto 100%;}
.account a:hover .account_img_4{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/icon/wechat_hover.png) no-repeat center center;background-size: auto 100%;}
.account a:hover .account_img_5{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/icon/toutiao_hover.png) no-repeat center center;background-size: auto 100%;}
.account a:hover .account_img_6{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/icon/twitter_hover.png) no-repeat center center;background-size: auto 100%;}
.account a:hover .account_img_7{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/icon/pip_hover.png) no-repeat center center;background-size: auto 100%;}
.account_img img{width: auto;height: 50%;margin-top: 25%;}
.account_name{font-size: 14px;height: 14px;line-height: 1;padding: 10px 0 15px;}
.footer-bg{padding-bottom: 20px;}
#footer_top{width:1100px;margin:0 auto;padding:30px 0;border-bottom: 1px solid #ccc;}
#footer_list{float:left;width:73%;text-align: left;}
.list-title{color:#565656;font-weight:bold;line-height:40px;height:40px;}
#footer_list ul{width: 100%;}
#footer_list li{height:30px;line-height:30px;font-size: 14px;}
#footer_list a{color:#565656;}
#footer_list a:hover{color:#fdb042;}
.footer_li{width: 14%;float: left;}
.footer_li:last-child{width: 16%;float: left;}
#ewm{float:left;width: 27%;}
.ewm_h{text-align:center;font-size:14px;color:#565656;font-weight:bold;margin-bottom: 5px}
.ewm_img{width: 100%;font-size: 0;line-height: 0;}
.ewm_img img{height: 125px;margin: 0 5px;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.ewm_img img:hover{-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-ms-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);}
.renzheng{width:100%;margin:10px auto 0;padding-bottom: 20px;overflow: hidden;height: auto;}
.renzheng ul{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.renzheng li {padding:0;margin-right: 5px;float: left;}
.renzheng li:last-child{margin-right: 0;}
.renzheng img{height:35px;display: block;}
.renzheng_a, .renzheng_b{filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;}
.renzheng_a:hover{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}
.youqing{max-width:1180px;margin:20px auto;}
.youqing li{padding:5px;color:#ffffff;}
.youqing li a{color:#ffffff;}
#footer_bottom{width:100%;margin:0 auto;text-align:center;padding-top: 20px;}
.copyright{color: #666;line-height: 24px;text-align: center;font-size:14px;}
.copyright a{color: #666;}
.arrowR{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
@media only screen and (max-width: 1200px){.top-main{width: 100%;}  }
@media screen and (min-width: 992px) and (max-width: 1200px){
	.tel{display: none;}
	.menu{width: auto;}
	#footer_list, #footer_top, .account ul{width: 100%;}
	#footer_list{text-align: center;}
	.account li{width: 14.285%;}
	#ewm{width: 100%;padding-top: 20px;}
	.ewm_img img{margin: 0 20px;}
}
@media only screen and (min-width: 767px) and (max-width: 992px) {
	.nav li a{padding: 0 15px;}
	.content-top{min-width: 767px;}
	.logo, .tel{display: none;}
	.menu{width: auto;margin: 0;}
	#footer_top, .account ul{width: 100%;}
	#footer_list{width: 100%;text-align: center;}
	#ewm{width: 100%;padding-top: 20px;}
	.ewm_img img{margin: 0 20px;}
	.account li{width: 14.285%;}
	.footer_li{width: 13%;}
	.footer_li:last-child{width: 22%;}
}
@media only screen and (min-width: 630px) and (max-width: 780px ) {
	.nav li a{padding: 0 15px;}
	.top-main, .top_list{display: block;}
	.login_user{position: absolute;right: 0;top: 0;}
	.logo{display: block;margin: 0 auto;float: none;}
	.content-nav, .tel{display: none;height: auto;}
	.menu{width: auto;height: auto;background: #303030;margin: 0;}
	.nav li{float: none;width: 110px;line-height: 44px;height: 44px}
	.nav li .sub-nav{left: 110px;top: 0;}
	.login{float: none;position: absolute;right: 0;top: 0;margin-right: 10px;}
	#footer_top, .account ul{width: 100%;}
	#footer_list{width: 100%;text-align: center;}
	#ewm{width: 100%;padding-top: 20px;}
	.ewm_img img{margin: 0 20px;}
	.account li{margin: 0 0.5%;width: 13%;}
	.footer_li{width: 13%;}
	.footer_li:last-child{width: 22%;}
}
@media only screen and (max-width: 629px ){
	.user_inf,.user_shop,.user,.cons{width: 44px;}
	.user_inf i,.user_shop i{right: 10px;}
	.cons:hover .cons_act, .user_inf:hover .user_inf_act, .user_shop:hover .user_shop_act, .user:hover .user_act{display: none;}
	.user_inf{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/user_inf.png) no-repeat center;background-size: auto 21px;}
	.user_shop{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/user_shop.png) no-repeat center;background-size: auto 21px;}
	.cons{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/console.png) no-repeat center;background-size: auto 21px;}
	.user{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/user.png) no-repeat center;background-size: auto 21px;}
	.user_inf:hover {background: url(https://webstatic.xdns.cn/web.xdns.cn/images/user_inf.png) no-repeat center #fc9336;background-size: auto 21px;}
	.user_shop:hover {background: url(https://webstatic.xdns.cn/web.xdns.cn/images/user_shop.png) no-repeat center #fc9336;background-size: auto 21px;}
	.cons:hover{background: url(https://webstatic.xdns.cn/web.xdns.cn/images/console.png) no-repeat center #fc9336;background-size: auto 21px;}
	.user:hover {background: url(https://webstatic.xdns.cn/web.xdns.cn/images/user.png) no-repeat center #fc9336;background-size: auto 21px;}
	.tel, .login_href{display: none;}
	.cons_act{width: 350px;}
	.top-main, .top_list, .nav li a,.copyright li a{display: block;}
	.login_user{position: absolute;right: 0;top: 0;}
	.logo{display: block;margin: 0 auto;float: none;}
	.content-nav{display: none;height: auto;position: absolute;left: 0;top: 63px;}
	.menu{width: auto;height: auto;background: #303030;margin: 0;}
	.nav li{float: none;line-height: 44px;height: 44px;}
	.nav li .sub-nav{left: 110px;top: 0;}
	.login{float: none;position: absolute;right: 0;top: 0;margin-right: 10px;}
	.footer-bg{height: auto;}
	#footer_top{width: 100%;height: auto;}
	#footer_list{float: none;margin: 0;width: 100%;}
	#footer_list li{height: auto;text-indent: 1em;float: left;}
	.footer_li{width: 100%;float: none;margin-bottom: 10px;}
	.footer_li:last-child{width: 100%;}
	.account ul{width: 100%;}
	.account li{margin: 0;width: 25%;}
	#ewm{float: none;width: 100%;margin: 0 auto;height: auto;padding: 10px 0;overflow-x: hidden;}
	.ewm_img img{height: 150px;}
	.ewm_img img:hover{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
	.renzheng img{height: 25px;}
}
@media only screen and (max-width: 440px){
	.logo{display: none;}
	.cons_act{width: 250px;}
	.cons_act_title,.cons_act_li_con{width: 100%;text-align: left;}
	.renzheng img{height: 21px;}
}