body {margin: 0px;padding: 0px;}
a{text-decoration:none;}
a:hover{color:#e1c657;}
ul{margin:0px;padding:0px}
li{list-style:none}

.flex{display:flex}
.flex-1{flex:1}
.flex-2{flex:2}

.fb{font-weight:bold}
.ft18{font-size:18px}
.ft20{font-size:20px}
.ft22{font-size:22px}

.t-c{text-align:center; justify-content:center}
.t-r{text-align:right;justify-content:flex-end}
.a-t-c{align-items:center}
.mg-15{margin:15px}
.mg-t-15{margin-top:15px}
.mg-t-30{margin-top:30px}
.mg-auto{margin-left:auto;margin-right:auto}

.pd-t-10{padding-top:10px}
.pd-t-30{padding-top:30px}
.pd-l-30 {padding-left: 30px}
.pd-b-30{padding-bottom:30px}
.col-white{color:#fff}
.col-red{color:red;}
.col-pk{color:#ff9900}
.pos-r{position:relative}
.bg-pk{background:#ff9900}
.bg-gray{background:#f1f0f6}

.header{height:130px;background-image: linear-gradient(to right, #000, #333 50%);}
.header-mid{height:100%;width:1400px;margin:auto;}

.navbar{height:50px;margin-top:40px;}
/* 顶部导航 */
.menu{padding-top:50px;}
.menu-item{color:#fff; width:175px;line-height:40px;cursor:pointer;font-weight:bold; font-size:18px; position:relative;}
.menu-item> div{margin:auto;  align-items:center; display:flex;justify-content:center;width:fit-content; }
.submenu {display:none;z-index: 100;color: #000;background: #fff;line-height: 40px;border-top: solid 5px #ff9900;}
.submenu li{border-bottom: solid 1px #ccc;padding: 5px 20px;}
.submenu a{color:#000}
.submenu a:hover{color:#ff9900}
.menu > .menu-item:hover {color: #ff9900}
.menu > .menu-item:hover .submenu {display: block;}
.menu .active{color:#ff9900}

.box-title{font-size:50px;}

.center-box {width: 1400px;margin: auto}
/* 商品名称 */
.goods-box{height:400px;padding-top:50px;padding-bottom:50px;position:relative;}
.goods-box .name-box {font-size: 56px;margin-left:50px;letter-spacing:1px;}
.goods-box .goods-img-box{position:absolute;bottom:50px;}
.goods-img-box div{ padding-right:15px;}

/* 详情图片 */
.desc-box{width:1200px; margin:auto}
.desc-img-box img{width:100%}

/* 底部footer */
.footer{height:460px;background-image: linear-gradient(to right, #000, #333 50%); color:#fff;letter-spacing:1px; }
.footer span{padding-left:8px;padding-right:8px;}
.footer-logo{margin-top:50px;}
.footer-logo img{height:90px;}
.copyright-box{margin-top:70px;line-height:50px;letter-spacing:2px;font-size:20px}
.copyright-box a{color:#fff;}
.footer .right-box{width:420px; line-height:40px;letter-spacing:2px}
.footer .qrcode-box{width: 230px;margin: auto;margin-top: 65px;margin-bottom: 20px;background: #fff;border-radius:8px;}
.footer .logo-title{color:#e1c657;padding-top: 65px;padding-left: 20px;letter-spacing:2px}
.qrcode-box img{width: 220px;height: 220px;}
.footer .cell-2{width:60%}