html, body { height: 100%; }

a { text-decoration: none; }

.clear { clear: both; }

.main { position: relative; background: #fff; }

.main input:placeholder-shown { text-overflow: ellipsis; }

.main ::-webkit-input-placeholder, .main textarea::-webkit-textarea-placeholder { /* WebKit, Blink, Edge */ color: #999; }

.main :-moz-placeholder, .main textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }

.main ::-moz-placeholder, .main textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }

.main input:-ms-input-placeholder, .main textarea:-ms-input-placeholder { color: #999; }

.main div, .main ul, .main li, .main p, .main span, .main a, .main input, .main i { box-sizing: border-box; padding: 0; margin: 0; position: relative; color: #333; font-family: 'Arial','Microsoft Yahei'; }

.main i { display: inline-block; }

.main .clear { clear: both; }

.main .f_right { float: right; }

.main .f_left { float: left; }

.main .color666 { color: #666; }

.main .color999 { color: #999; }

.main .colorFF5 { color: #FF5B01; }

.main .colorfff { color: #fff; }

.main .font12 { font-size: 12px; }

.main .font14 { font-size: 14px; }

.main .font16 { font-size: 16px; }

.main .font24 { font-size: 24px; }

.main .bold { font-weight: bold; }

.main .m-r6 { margin-right: 6px; }

.main .m-l16 { margin-left: 16px; }

.main .m-l6 { margin-left: 6px; }

.main .m-r16 { margin-right: 16px; }

.main .m-r10 { margin-right: 10px; }

.main .m-t3 { margin-top: 3px; }

.main .m-t6 { margin-top: 6px; }

.main .m-t16 { margin-top: 16px; }

.main .m-t7 { margin-top: 7px; }

.main .m-t10 { margin-top: 10px; }

.main .m-t25 { margin-top: 25px; }

.main .m-t20 { margin-top: 20px; }

.main .m-lr8 { margin-left: 8px; margin-right: 8px; }

.main .center { text-align: center; }

.main img { object-fit: cover; }

.main .top3 { top: 3px; }

.main .text-right { text-align: right; }

.main .colorblue:hover { color: #326fb3; }

.color0e5:hover { color: #326fb3; }

.main .goods-content { width: 1200px; margin: auto; }

.footer { clear: both; }

.none { display: none; }

.f-right { float: right; }

.f-left { float: left; }

.header:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }

.header .row { height: 120px; }

.header .nav { margin-top: 0; }

.goods-top-left li a { font-weight: bold; }

.nav .ovh { overflow: visible; }

.goods-top-right li, .goods-top-left li { position: relative; }

.goods-top-right li img, .goods-top-left li img { object-fit: cover; position: absolute; right: 9px; }

.goods-top-left li img { top: -10px; height: 18px; width: 30px; }

.goods-top-right li img { top: -6px; height: 18px; width: 28px; }

.none { display: none; }

.search-tab-title { display: none; }

.header .cont .search-wrap { margin-top: 30px; }

.goods-top-right { float: right; }

.goods-top-right li { float: left; padding: 0 15px; }

.goods-top-right li a { font-size: 14px; color: #666; }

.goods-top-right li:first-child { padding-left: 0; }

.goods-top-left { float: left; }

.goods-top-left li { float: left; padding: 0 15px; }

.header a:hover { text-decoration: none; }

.main { min-height: calc(100% - 599px); }

.footer-box { color: #333; box-sizing: border-box; clear: both; }

.footer-box .colorfff { color: #fff; }

.footer-box div, .footer-box span, .footer-box i, .footer-box ul, .footer-box li, .footer-box p, .footer-box a { box-sizing: border-box; position: relative; color: #333; }

.footer-box span, .footer-box i { display: inline-block; }

.footer-box .footer1 { height: 84px; background: url("../image/footer_bg.png"); min-width: 1200px; }

.footer-box .footer1-box { width: 1200px; margin: 0 auto; }

.footer-box .footer1-item { width: 258px; float: left; margin-right: 42px; }

.footer-box .footer1-item > p { margin-right: 10px; margin-top: 18px; }

.footer-box .footer1-item > p, .footer-box .footer1-item div { float: left; }

.footer-box .footer1-item > div { text-align: left; }

.footer-box .footer1-item > div p:first-child { margin-top: 24px; font-size: 18px; height: 20px; }

.footer-box .footer1-item > div p:last-child { margin-top: 5px; font-size: 12px; height: 14px; }

.footer-box .footer1-item .icon-footer-style { width: 48px; height: 48px; }

.footer-box .footer1-item .icon-footer-style i { position: absolute; }

.footer-box .footer1-item .icon-footer-style .icon-footer04 { left: 8px; }

.footer-box .footer1-item .icon-footer-style .icon-footer02 { left: 6px; top: 2px; }

.footer-box .footer1-item .icon-footer-style .icon-footer05 { left: 6px; top: 4.5px; }

.footer-box .footer1-item .icon-footer-style .icon-footer01 { left: 0px; }

.width164 { width: 164px; text-align: left; }

.footer2 { width: 1200px; margin: auto; }

.footer2-item { background: #fff; float: left; margin-top: 28px; margin-bottom: 29px; margin-right: 16px; }

.footer2-item .footer-title { font-size: 14px; margin-bottom: 17px; height: 16px; line-height: 16px; color: #333; }

.footer2-item > ul li { height: 14px; line-height: 14px; margin-bottom: 9px; }

.footer2-item > ul li a { font-size: 12px; color: #666; }

.footer2-item > ul li a:hover { color: #FF5B01; }

.footer2-item > ul li:last-child { margin-bottom: 0; }

.footer2-item2-right { float: right; width: 299px; margin-top: 29px; border-left: 1px solid #ededed; padding-bottom: 6px; }

.footer2-item2-right p { text-align: center; }

.footer2-item2-right .footer-phone { font-size: 24px; font-weight: bold; color: #FF5B01; text-align: center; height: 26px; line-height: 26px; }

.footer2-item2-right .footer-phone-title { font-size: 12px; color: #999; height: 14px; line-height: 14px; margin-top: 6px; }

.footer2-item2-right .m-t17 { margin-top: 17px; }

.footer2-item2-right .advisory { width: 130px; text-align: center; height: 30px; line-height: 30px; border: 1px solid #FF5B01; margin: 25px auto 0 auto; cursor: pointer; }

.footer2-item2-right .advisory span { font-size: 12px; color: #FF5B01; }

.footer2-item2-right .advisory i { top: 4px; margin-right: 5px; }

.footer2-item2-right .advisory:hover { background: #FF5B01; }

.footer2-item2-right .advisory:hover span { color: #fff; }

.footer2-item2-right .advisory:hover i { background: url("../image/foot_white.png"); width: 16px; height: 16px; }

.footer { margin-top: 0 !important; padding-top: 31px !important; background: #f5f5f5 !important; }

.footer .user-bottom ul { margin-bottom: 8px !important; }

.footer .user-bottom ul li, .footer .ovh { line-height: 14px !important; }

.footer .user-bottom .user-btmenu li:after { top: 1px !important; }

.footer .user-bottom > p, .footer .user-bottom > .ovh { height: 14px !important; }

.footer .user-bottom .user-btmenu li a { padding: 0 8.5px; }

.footer .user-bottom .user-btmenu li a:hover { color: #FF5B01; }

.footer .user-bottom .ko-record li a { padding: 0; padding-right: 10px !important; }

.footer .user-bottom ul li:first-of-type a { padding-left: 0; }

.footer .user-bottom ul li a .safe { margin-right: 2px; }

.down-box-model { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; z-index: 201992222; }

.down-box-model div, .down-box-model p, .down-box-model span, .down-box-model i, .down-box-model a { box-sizing: border-box; position: relative; }

.down-box-model .down-box { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 536px; background: #fff; border-radius: 5px; box-shadow: 2px 2px 5px #8b8b8b; height: 318px; }

.down-box-model .down-box .goods-title-box-active { width: 536px; position: fixed; z-index: 3000; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.down-box-model .down-box > div { padding: 0 18px 0 40px; }

.down-box-model .down-box .down-title { border-top-left-radius: 5px; border-top-right-radius: 5px; background: #f5f5f5; font-size: 14px; color: #666; height: 40px; line-height: 40px; padding: 0 16px; margin-bottom: 14px; }

.down-box-model .down-box .down-title span { display: inline-block; }

.down-box-model .down-box .down-title .down-close { float: right; top: 13px; cursor: pointer; }

.down-box-model .down-box .down-item { width: 217px; height: 92px; padding: 0px  0px 0 10px; border: 1px solid #ededed; float: left; margin-top: 20px; margin-right: 22px; }

.down-box-model .down-box .down-item > div { float: left; margin-right: 10px; }

.down-box-model .down-box .banben { height: 16px; line-height: 16px; margin-top: 14px; color: #000; font-size: 14px; width: 102px; overflow: hidden; }

.down-box-model .down-box .gtime { height: 14px; line-height: 14px; margin-top: 6px; color: #999; }

.down-box-model .down-box .code-img { width: 75px; height: 75px; margin-top: 8.5px; }

.down-box-model .down-box .down-window { width: 86px; height: 23px; line-height: 23px; text-align: center; display: block; margin-top: 6px; border: 1px solid #d6d6d6; font-size: 12px; color: #333; }

.down-box-model .down-box .down-window i { top: 2px; }

.layui-layer-msg { background: none !important; }

.layui-layer-hui { border-radius: 10px; }

.layui-layer-hui .layui-layer-content { width: auto; background-color: #000; border: none; box-shadow: none; border-radius: 10px; min-width: 80px; padding: 20px 60px !important; min-height: 20px; font-size: 14px; line-height: 21px !important; }

.icon-shopping-cart-active { background: url("../image/usernew.png") no-repeat -18px -60px; background-size: 93px 76px; width: 16px; height: 15px; }

.icon-shopping-cart { background: url("../image/usernew.png") no-repeat -36px -60px; background-size: 93px 76px; width: 16px; height: 15px; }

.icon-shopping-y { background: url("../image/usernew.png") no-repeat -54px -60px; background-size: 93px 76px; width: 15px; height: 15px; }

.header-title { line-height: 120px; padding-left: 16px; color: #333; font-size: 24px; font-weight: bold; }

.header-title::before { content: ""; width: 1px; height: 54px; background-color: #ededed; margin-right: 16px; display: inline-block; vertical-align: middle; }

.tra-certi-modal .layui-layer-title { font-size: 12px; font-weight: 400; padding-left: 16px !important; }

.tra-certi-modal .layui-layer-content { overflow: hidden !important; padding: 30px 30px 0 !important; }

.tra-certi-modal .layui-layer-content.paddings { padding-left: 29px !important; }

.tra-certi-modal .layui-layer-content .modal-title2 { font-size: 0; height: 40px; border: none; }

.tra-certi-modal .layui-layer-content .modal-title2 span { display: inline-block; vertical-align: top; text-align: center; line-height: 40px; width: 165px; height: 40px; font-size: 14px; font-weight: 400; color: #515151; background: #FFFFFF; border: 1px solid #D6D6D6; box-sizing: border-box; cursor: pointer; padding: 1px; }

.tra-certi-modal .layui-layer-content .modal-title2 span:first-child { margin-right: 10px; }

.tra-certi-modal .layui-layer-content .modal-title2 .hasProve { border: 2px solid #FF5B01; position: relative; padding: 0; }

.tra-certi-modal .layui-layer-content .modal-title2 .hasProve::after { content: ""; position: absolute; right: 0; bottom: 0; width: 16px; height: 16px; background: url("../image/select-icon.png") no-repeat center; }

.tra-certi-modal .layui-layer-content .modal-body-content .updata-img-parents-box { display: inline-block; }

.tra-certi-modal .layui-layer-content .modal-body-content .tra-tip { display: inline-block; }

.tra-certi-modal .layui-layer-content .modal-body-content .tra-tip div { font-weight: 400; line-height: 24px; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .no-info { padding: 16px 0 14px; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .no-info .no-info-title { height: 11px; line-height: 12px; font-size: 12px; font-weight: 400; color: #333; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .no-info .no-info-title .red { color: #FF5B01; margin-right: 4px; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .no-info .no-info-content { margin-top: 12px; width: 341px; height: 101px; position: relative; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .no-info .no-info-content textarea { width: 341px; height: 101px; border: 1px solid #D6D6D6; border-radius: 2px; padding: 10px; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #333333; line-height: 18px; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .no-info .no-info-content .con-words-num { position: absolute; right: 11px; bottom: 11px; height: 11px; line-height: 11px; font-size: 12px; font-weight: 400; color: #888888; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .update-img-con .img-title { height: 12px; font-size: 12px; font-weight: 400; color: #333333; line-height: 12px; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .update-img-con .up-img-parent { font-size: 0; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .update-img-con .up-img-parent > div { display: inline-block; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .update-img-con .up-img-parent .img-box { margin-top: 12px; width: 100px; height: 100px; position: relative; z-index: 3000; border-radius: 2px; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .update-img-con .up-img-parent .img-box:nth-child(n+2) { margin-left: 20px; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .update-img-con .up-img-parent .img-box img { width: 98px; height: 98px; object-fit: cover; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .update-img-con .up-img-parent .img-box .update-btn-img { cursor: pointer; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .update-img-con .up-img-parent .img-box .del-img { position: absolute; left: 0; bottom: 0; width: 98px; height: 26px; background: rgba(0, 0, 0, 0.6); text-align: center; line-height: 26px; cursor: pointer; z-index: 3000; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .update-img-con .up-img-parent .img-box .del-img .icon-del-icon { margin: 6px 0 0 !important; vertical-align: top !important; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .update-img-con .up-img-parent .img-box .del-img .del-update-img { font-weight: 400; font-size: 12px; color: #fff; padding-left: 6px; left: -4px; }

.tra-certi-modal .layui-layer-content .modal-body-content-two .update-img-con .up-img-parent .img-box .loading-img { width: 40px !important; height: 40px !important; position: absolute; left: 30px; top: 30px; }

.tra-certi-modal .layui-layer-setwin { top: 14px !important; }

.tra-certi-modal .layui-layer-setwin a { background-position: 0px -1px !important; height: 12px !important; }

.tra-certi-modal .layui-layer-btn { bottom: 58px !important; }

.tra-certi-modal .contact-service { position: absolute; bottom: 30px; display: inline-block; font-size: 12px; font-weight: 400; color: #666666; height: 12px; line-height: 12px; left: 0; width: 100%; text-align: center; }

.tra-certi-modal .contact-service a { color: #0E56A6; cursor: pointer; }