
.top-box-shadow{width:100%;margin: 0;}

#top{position: sticky;}
#top .bar{max-width: 100%;/*min-width: 1180px;*/}
#top .bar ul li{padding: 0 20px;}

#topMPCBg{position: sticky;top: 45px;z-index: 99999;background: #fff;width: 100%;min-width: 1200px;}
#topMPC {height: 85px;box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);}
#topMPC .logo{ margin:15px 20px 0px ; display: inline-block;float: left;}
#topMPC .toplogin{display: inline-block;}
#topMPC .toplogin table{ width:auto;}
#topMPC .toplogin .txt{ display:none;}
#topMPC .toplogin .tips{ color:#666;}
#topMPC .toplogin .input{ background:#fff; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:6px;}
#topMPC .toplogin .code{ display:block; background:#fff; border:1px solid #ccc; border-radius:5px; margin:0 5px;}
#topMPC .toplogin .code input{ background:none; border:0; padding:6px;}
#topMPC .menubtn{display: none;}
#topMPC .arrow{background: url(/images/arr.png)center no-repeat; display: inline-block;width: 20px;height: 20px;vertical-align: middle;}
/*===== menu =====*/
#menuPC{clear:both;margin-left: 50px;display: block;}
#menuPC li{position:relative; z-index:999;padding: 0 20px;display: inline-block;}
#menuPC li .menu-item{ display: block; line-height: 82px; font-family: 'Verdana', 'Geneva', 'Microsoft YaHei'; white-space: nowrap; color: #333333; font-size: 16px;}
#menuPC li .hot{text-decoration:none; color: #b40026;}
#menuPC li .menu-item:hover{ text-decoration:none; color: #b40026; /*  background:#a00;color:#fff; */}
#menuPC li.over div{ display:block; background:#fff; position:absolute; right:0; top:85px; border:1px solid #eee; border-top: 0;min-width: 120px;}
#menuPC li.over div a{ display:block; float:none; line-height: 35px; font-size:12px; color:#666;}
#menuPC li.over div a.last{ border:none;}
#menuPC li.over div a:hover{ background:#ECF0F1; color: #000;}

.menu-child{overflow: hidden;background: #fff;position: absolute;left: 50%; -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);min-width: 140px;display: none;white-space: nowrap;box-shadow: 5px 4px 0px #d8d8d8;}
.menu-child a{font-size: 12px;display: block;padding: 10px 15px;color: #333;box-sizing: border-box;}
.menu-child a:hover{color: #b40026;}

/*===== state(购物车和登录注册) =====*/
#state{float: right;margin: 0 20px;position: relative;height: 100%;padding-top: 22px;box-sizing: border-box;}
#state .state-box{display: flex;align-items: center;height: 100%;}
#state a{color: #333;}
#state .shopping-cart{width: 25px;height: 25px;display: block;margin-top: 8px;}
#state .shopping-cart img{display: block;width: 100%;height: 100%;}
#state .login{border: 1px solid #b40026;border-radius: 10px;min-width: 80px;text-align: center;padding: 5px 20px;display: inline-block;font-size: 16px;white-space: nowrap;}
#state .state-item{display: inline-block;position: relative;margin-left: 20px;height: 100%;}
#state .state-item:first-child{margin-left: 0;}
#state .menu-child{left: 62%;-webkit-transform: translateX(-62%);-moz-transform: translateX(-62%);-ms-transform: translateX(-62%);-o-transform: translateX(-62%);transform: translateX(-62%);top: 62px;}
#state .cart-list{position: absolute;right: -15px;top: 58px;display: none;}
#state .cart-list img{margin-left:240px;position: relative;top: 1px;}
#state .cart-list .goshop{display: block;background: #fff;border-radius: 4px;padding: 20px;white-space: nowrap;width: 240px;color: #333;border: 1px solid #cacaca;}

/* 手机端悬浮窗导航栏 */
#phonemenu{display: none;}
@media screen and (min-width: 769px) and (max-width: 1350px){
    #menuPC li{padding: 0 10px;}
}

@media screen and (max-width: 768px){
    #topMPCBg{padding: 0;width: 100%;min-width: 0;display: none;}
    #topMPC .menubtn{float: right;display: block;height: 100%;position: static;}
    #topMPC .menubtn img{display: block;width: 55%;position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
	#topMPC{padding:0;height: 53px;box-shadow: 0 0 0 transparent;}
	#topMPC .logo{width: 159px;margin: 0;display: block;padding-left: 10px;position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
	#topMPC .logo img{width:75%;margin: 0;}
	#menuPC li .menu-item{padding:0 8px;}
    #menuPC{display: none;}
    #state{display: none;}
    
    /* 手机端悬浮窗导航栏 */
    #phonemenu{display: block;height: 667px;width: 100%;position: fixed;top: 53px;background: #fff;z-index: 9999;display: none;overflow: auto;}
    #phonemenu .arrow{background: url(/images/arr.png)center no-repeat; display: inline-block;width: 40px;height: 40px;vertical-align: middle;}
    #phonemenu .float-menu{padding: 0 10px;}
    #phonemenu .float-menu .section label{padding: 10px 0;display: block;}
    #phonemenu .float-menu .section label span{display: inline-block;width: calc(100% - 40px);font-size: 14px;}
    #phonemenu .float-menu .section label span a{display: block;width: 100%;}
    #phonemenu .float-menu .contents{padding-left: 25px;display: none;}
    #phonemenu .float-menu .contents li a{display: block;width: 100%;padding: 10px 0;}

    .Morelink{height: auto;background-size: cover;background-repeat: repeat;padding: 10px;box-sizing: border-box;}
}