.commodity-show .g9 { color: #fff; line-height: 1.6; }
.infor-notice .more-link { float: right; font-size: 12px; color: #555; }
.mall-index{ background:none;}

.left-catelogue .classifyBox { z-index: 15; }
.thound { padding-top: 5px; margin-bottom: 12px; }
.offering-list .segmenting-line { color: #0B5398; }
.offering-list .thoundOrPrice { color: #0B5398; font-weight: 600; }
.f36 { font-size: 18px; }
.offer-form li span {  }
.top-content { background: #F6F6F6; height: auto; padding-top: 160px;}
.index-top { background: #fff; padding-bottom: 0; }
.mall-index { padding: 0; border-radius: 0; }
.main-cont { width: 1200px; margin:0 0 20px 0; border-radius: 8px; float: left; position: relative; }

.banner-broadcast { margin-left: 0; width: 720px; }
.banner { width: 720px;float:left; }
.bannerList > a { height: 320px; }
.banBtn-area { bottom: -312px; }
.bannerList-login { z-index: 2; }
.control-left-right span { background: rgba(0,0,0,0.6); float: right; width: 40px; border-radius: 20px; height: 40px; line-height: 40px; text-align: center; }
.control-left-right span:first-child { float: left; }
.banner-control .control-left-right span i { background: unset; opacity: 1; filter: alpha(opacity=100); font-size: 18px; padding:11px;}
.banner-control #banner-right, .banner-control #banner-left { float: none; }
.banner-control .control-left-right { margin: 145px 0 0 0; }


.adver-list { width: 220px; float: left; margin: 0 20px; }
.adver-list .adver-item { height: 150px; overflow: hidden; background: rgba(218,218,218,1); border-radius: 8px; cursor: pointer; }
.adver-list .adver-item:first-child { margin-bottom: 20px; }
.adver-list .adver-item img { width: 100%; }
.index-left { box-shadow: 0 0 6px 0 rgba(51,51,51,0.12); border-radius: 8px; overflow: hidden; }
.index-right { float: right; width: 220px; height: 320px; }
.productShow { border-radius: 8px; background: white; border: 1px solid #e8e8e8;box-sizing:border-box; }
.productShow .welcome-header { padding: 16px 19px 8px; }
.productShow .welcome-header em { border-radius: 27px; float:left; width: 54px; height: 54px; background: #F7F9FD; text-align: center; line-height: 54px; }
.productShow .welcome-header em i { font-size: 33px; color: #0965E6; }
.productShow .welcome-header span { font-size: 16px; height: 54px; line-height: 54px;float:left;width:126px;text-align:right; }
.login-register { width: 100%; text-align: center; padding: 0 19px; box-sizing: border-box; margin: 0 0 8px;font-size:14px; }
.login-register a { width:84px;height:32px;line-height:32px;text-align:center;float:right; color: #333; display: inline-block; background: white; border: 1px solid #767B8F;border-radius:4px; }
.login-register a.active { color: white; background: #0965E6; border: 1px solid #0965E6;margin-right:8px;float:left; }
.login-register a.reginster-btn:hover { border-color: #0965E6; background: #F7F9FD; }
.already-login { width: 100%; padding: 13px 20px 13px; box-sizing: border-box; font-size: 12px; }
.already-login a:first-child{ float:left;color:#0965E6;}
.already-login a:last-child { float: right; color: #333; }
.already-login a:last-child:hover { color: #0965E6 }
.quotedPrice { width: 100%; padding: 0 20px 8px; box-sizing: border-box; font-size: 12px; }
.quotedPrice .zixun { margin-bottom:6px;}
.quotedPrice .zixun span{ float:left;color:#0965E6; }
.quotedPrice .zixun a{ float:right;}
.quotedPrice .zixun_home { width: 100%; overflow: hidden; position: relative; box-sizing: border-box; }
.quotedPrice .zixun_home .zixun_cont { height:16px; overflow: hidden; }
.quotedPrice .zixun_home .zixun_cont p a { color: #494949; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.identity { }
.identity .tab-header { border-bottom: 1px solid #F0F0F0;padding:0 20px;box-sizing:border-box; }
.identity .tab-header a { text-align: center; margin-bottom: -1px; border-radius: 4px 4px 0 0; display: inline-block; color: #333; font-size: 14px; background: #F8F8F8; width: 84px; height: 32px; line-height: 32px; border: 1px solid #F8F8F8; border-bottom-color: #F0F0F0; }
.identity .tab-header a.active { background: white; color: #0965E6; border-color: #F0F0F0;border-bottom-color:white;}
.tab-cont-active { display: block; padding: 9px 0 7px; margin: 0 20px; border-bottom: 1px solid #F0F0F0; }
.tab-cont-active p { font-size: 14px; height: 26px; }
.tab-cont-active a { color: #0965E6; font-size: 12px; }
.tab-cont { display: none; padding: 9px 0 7px; margin: 0 20px; border-bottom: 1px solid #F0F0F0; }
.tab-cont p { font-size: 14px; height: 31px; }
.tab-cont a { color: #0965E6; font-size: 12px; }
.add-our { margin: 9px 0 0 20px; display: none; width: 84px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; border-radius: 4px; border: 1px solid #0965E6; background: #0965E6; color: white; }
.add-our:hover{ color:white;background:#0654D4;}
.about-hgp { padding: 9px 20px 0; font-size: 12px; display: block; width: 100%; box-sizing: border-box; color: #0965E6; }
.about-hgp:hover{text-decoration:underline}

.version4-nav-tit { line-height: 40px; font-size: 16px; color: #023b88; position: relative; height: 40px; width: 1200px; margin: 0 auto; }
.version4-nav-list { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1200px; margin: 0 auto; }
.version4-nav li { width: 100%; line-height: 28px; text-align: center; border: 1px solid #d8d8d8; margin: 0 0 -1px -1px; cursor: pointer; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; }
.version4-nav { display: inline-block; background: #fff; width: 100%; -webkit-transform: translateZ(0); }
.version4-nav li img { vertical-align: middle; width: 22px; height: 22px; }
.version4-nav-tit span { position: absolute; left: 50px; background: #fff; padding: 0 14px; font-size: 16px; font-weight: 600; }
.version4-content { width: 1174px; float: left; box-sizing: border-box; position:relative; }
.version4-content li.list-nav { width: 1197px;margin:0 0 0 1px; height: 40px; position: relative; left: -10px; top: 0px;border-radius:0 0 8px 8px; z-index: 2; background: white; }
.version4-content li.list-nav .scroll-wrap { width: 300%; height: 38px; white-space: nowrap;transition: all 0.5s;position:relative;left:0;padding-left: 10px;border-bottom: 1px solid #E8E8E8;}
.version4-content li.list-nav i { position: absolute; top: 0px; right: 0px; padding: 10px; font-size: 15px; transition: all 0s;z-index:1;background:white;cursor:pointer; }
.version4-content li.list-nav .list-wrap { width: 1200px;height:40px; overflow: hidden; box-sizing:border-box; position: relative;left:-2px;border:1px solid #E8E8E8;border-top:0;border-bottom:0; }
.version4-content li.list-nav .handleLeft{ display:inline-block;width:510px;height:56px;position:absolute;left:0;top:0;pointer-events:none; }
.version4-content li.list-nav .handleRight { display: inline-block; width: 405px; height: 56px; position: absolute; right: 0; top: 0; pointer-events: none; }
.version4-content h3 { height: 40px;line-height:40px; margin: 0 22px 0 0; float: left; font-size: 16px; color: #333; position: relative; }
.version4-content h3:hover span{ color:#0965E6;}
.version4-content h3 span { position: relative; text-align: center; background: #fff; font-size: 14px; font-weight: normal; float: left; padding: 0 12px; height: 38px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; }
.version4-content h3 span.active { color: #0965E6; }
.version4-content h3 em { display: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: 1px; width: 28px; height: 2px; background: #0965E6; }
.version4-content h3 span.active + em { display: block; }
.version4Main-content { position: relative; float: left; width: 1200px !important; zoom: 1; }
.version4Main-content li { position: relative; z-index: 0; float: left; width: 154px;height:187px; margin:0 16px 16px 0; border: 1px solid rgba(0,0,0,0); box-sizing: border-box; }
.version4Main-content li:hover { border: 1px solid #D4D9E1;z-index:1; }
.version4Main-content li:hover .surface { display:block; }
.version4Main-content li:hover .contlist-tit2 a { color: #0965E6; }
.version4Main-content li a { display: inline-block; width: 100%; }

.version4Main-content li .colour-img { display:none; width: 146px; height: 103px; margin: 0 auto; position: absolute; left: 4px; top: 0px;padding:4px 0 0 0; z-index: 1; background: white; }
.version4Main-content li .colour-img a { width: 46.5px; height: 34px; float:left; margin:0 2px 0 0;position:relative;}
.version4Main-content li .colour-img a img { width: 46.5px; }
.version4Main-content li .colour-img a em { position: relative; top: 4px; color:#333;}
.version4Main-content li .colour-img a div { display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 40px; z-index: 1; padding: 1px 0px; }
.version4Main-content li .colour-img a div i { position: absolute; left: 50%; top: -3px; z-index: -1;margin-left:-5px; width: 11px; height: 11px; transform: rotate(45deg); background: rgba(5,14,51,1); box-shadow: 0px 0px 6px 0px rgba(51,51,51,0.1); }
.version4Main-content li .colour-img a div p { display: inline-block; word-break: keep-all;white-space:nowrap; border-radius: 4px; padding: 5px 8px; font-size: 12px; color: white; text-align: center; background: rgba(5,14,51,1); box-shadow: 0px 0px 6px 0px rgba(51,51,51,0.1); }
.version4Main-content li .colour-img a:hover { background: #D4D9E1; border-radius: 2px; }
.version4Main-content li .colour-img a:hover em{ color:#0965E6;}
.version4Main-content li .colour-img a:hover div { display: block; }
.version4Main-content li img { width: 138px; }
.version4Main-content li div { text-align: center; }
.version4Main-content li .contlist-box { box-sizing: border-box; position: relative;padding-top: 5px;}
.surface { position:absolute;top:0px;right:0px;display:none;width:35px;height:35px; line-height:35px; box-shadow:0px 0px 4px 0px rgba(51,51,51,0.2); border-radius: 0 0 0 20px;background:rgba(246,246,246,1);font-size:12px;text-align:right;}
.surface:hover{ cursor:pointer; }
.version4-layout { float: left; width: 1200px; margin: 0 0 20px 0; position: relative; box-sizing: border-box; background: white; border: 1px solid #e8e8e8;border-top:0; border-radius: 0 0 8px 8px; padding: 0 10px 0; }
.hide-layout { display: none; }
.version4 { width: 176px; height: 100%; float: left; border: 1px solid #DADADA; background: #f2f2f2; box-sizing: border-box; position: absolute; left: -177px; top: 0; }
.version4 .version4-tog { font-size: 16px; width: 100%; height: 70px; position: absolute; left: 0; top: 0; background: #f2f2f2; }
.version4 .version4-tog span {position:relative; border-top: 2px solid #DADADA;border-right: 2px solid #DADADA; width: 58px; background: #DADADA; display: inline-block; color: #8B8B8B; float: left; box-sizing: border-box; padding: 14px 11px; text-align: center;cursor: pointer; }
.version4 .version4-tog span.active { color: #494949; background: #f2f2f2; color: #494949;border-right: 2px solid #F2F2F2; border-top: 2px solid #494949; }
.version4 .version4-tog span:last-child{padding-right: 12px;border-right: 0;}
.version4 .version4-tog span em{display: inline-block;width: 2px;height: 68px;background: #f2f2f2;position: absolute;right: -2px;top: -2px;}
.version4 .version4-tog span:last-child em{display: none;}
.version4 .version4-tog span .tip-new{background-size: auto; background-position: -147px -320px;background-repeat: no-repeat; width: 30px; height: 27px; position: absolute; top: -13px; right: -1px; }
.version4 .version4-tog span .tip-new i{display: inline-block; width: 30px; height: 27px; font-size: 13px; color: white; position: relative; top: -1px;}
.version4-nav-item { width: 100%; position: absolute; left: 0; top: -20px; bottom: -19px; padding: 21px 0 102px; overflow: auto; background: #f2f2f2; }
.version4-nav-item:hover { cursor: pointer; }
.version4-nav-item .version4-nav-li { width: 100%; line-height: 36px; box-sizing: border-box; position: relative; }
.vactive { color: #023b88 !important; border: 0 !important; border-bottom: 1px solid #9c9c9c !important; }
.nav-li-layout { width: 100%; line-height: 36px; padding-left: 17px; box-sizing: border-box; position: relative; }
.nav-li-layout img { transform: translateY(7px); }
.nav-li-layer { width: 100%; line-height: 26px; box-sizing: border-box; position: relative; display: none; font-size: 12px; }
.nav-li-layer .nav-li-list { color: #494949; position: relative; left: 0; top: 0; width: 100%; }
.nav-li-layer .nav-li-list span { display: block; padding-left: 39px; box-sizing: border-box; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav-li-layer .nav-li-list.actcolor { color: #023b88; background: white; }
.nav-li-layer .nav-li-list.tartar { color: #023b88; background: white; }

.thousand-weight { position:relative; background: white; border-radius: 8px; box-shadow: 0 0 6px 0 rgba(51,51,51,0.12); float: right; width: 220px; height: 484px; margin: 0 0 20px 0; padding: 20px 22px 20px 20px; box-sizing: border-box; }
.thousand-weight > p { margin: 0 0 12px 0; width: 100%; height: 50px; line-height: 50px; padding: 0 20px; box-sizing: border-box; background: rgba(239,239,239,1); box-shadow: 0px 0px 6px 0px rgba(51,51,51,0.1); position: absolute; left: 0; top: 0; }
.thousand-weight > p i { font-size: 19px; margin: 0 17px 0 0; }
.thousand-weight > input { border: 1px solid #D4D9E1; border-radius: 4px; width: 100%; height: 26px; box-sizing: border-box; }
.thousand-weight > a{ padding:12px 0 19px;display:block;text-align:right;}
.thousand-weight input { font-size: 12px; padding: 0 8px; }
.thousand-weight .screen { font-size: 12px;margin:45px 0 0 0; }
.thousand-weight .screen ul li { margin: 0 0 8px 0;position:relative; }
.thousand-weight .screen ul li span{ float:left;height:28px;line-height:28px;}
.thousand-weight .screen ul li i { position: absolute; right: 1px; top: 1px;height:18px; color: #D4D9E1; background: white; pointer-events: none; padding: 4px; border-radius: 0 4px 4px 0; }
.thousand-weight .screen ul li input, .thousand-weight .screen ul li select { font-size: 12px; float: right; width: 142px; height: 28px; border: 1px solid #D4D9E1; border-radius: 4px; box-sizing: border-box; outline: none; color: #D4D9E1; }
.thousand-weight .screen ul li .nominal, .thousand-weight .screen ul li .len, .thousand-weight .screen ul li .Tooth_Type_ID, .thousand-weight .screen ul li .Texture_ID { cursor: pointer; display: none; border-top: 0; border-radius: 0 0 4px 4px; width: 142px;max-height:220px;overflow-y:auto; line-height: 28px; background: white; position: absolute; right: 0; top: 27px; z-index: 1; }
.thousand-weight .screen ul li .nominal p, .thousand-weight .screen ul li .len p, .thousand-weight .screen ul li .Tooth_Type_ID p, .thousand-weight .screen ul li .Texture_ID p { height: 28px; line-height: 28px; padding: 0px 9px; background: white; border: 1px solid #D4D9E1; border-top: 0; border-bottom: 0; }
.thousand-weight .screen ul li .nominal p:hover, .thousand-weight .screen ul li .len p:hover, .thousand-weight .screen ul li .Tooth_Type_ID p:hover, .thousand-weight .screen ul li .Texture_ID p:hover { background: #F7F9FD; color: #0965E6; }
.thousand-weight .screen ul li .nominal p:last-child, .thousand-weight .screen ul li .len p:last-child, .thousand-weight .screen ul li .Tooth_Type_ID p:last-child, .thousand-weight .screen ul li .Texture_ID p:last-child { border-bottom: 1px solid #D4D9E1; border-radius: 0 0 4px 4px; }
.thousand-weight .screen ul li input:-ms-input-placeholder { color: #D4D9E1; }
.thousand-weight .screen ul li input::-webkit-input-placeholder { color: #D4D9E1; }
.thousand-weight .price { font-size: 12px; margin: 0 0 8px 0; line-height: 29px; }
.thousand-weight .price span { float: left; height: 29px; }
.thousand-weight .price span:first-child{ width:95px;}
.thousand-weight .price span:last-child{ width:83px;}
.thousand-weight .price input { width: 63px; height: 26px; border: 1px solid #D4D9E1; border-radius: 4px; float: left; }
.thousand-weight .price i { display: inline-block; float: left; }
.thousand-weight .common-tools { border-top: 1px solid #D4D9E1; padding: 19px 0 0; }
.thousand-weight .common-tools a{ width:33.3%;float:left;text-align:center;}
.thousand-weight .common-tools a i { font-size: 36px; }
.thousand-weight .common-tools a p { padding: 5px 0 0 0; font-size:12px;}
.advertise { border-radius: 8px; box-shadow: 0 0 6px 0 rgba(51,51,51,0.12); float: right; width: 220px; height: 280px; overflow: hidden; }
.advertise a{ display:block;width:100%;height:100%;}
.advertise img{ width:100%;height:100%;}

.mainContent .mall-index{position:relative;z-index:2}
.mainContent{ position: relative; }
.back-ground { position: absolute; top: -20px; left:50%; right:50%; transform: translateX(-50%); width:100%; height: 600px; background: url('../image/national2.png') no-repeat top; background-repeat: repeat no-repeat; background-size: cover; z-index:1;}
.back-native{ width:1200px; margin:0 auto; height:160px; cursor:pointer;position:relative; z-index:20 }
.menu-sidebar {
    width: 1200px;
    border-radius: 8px 8px 0 0;
    background: #E8E8E8;
    color: #333;
    overflow: hidden;
    z-index: 4;
    position: relative;
}
.menu-sidebar ul li {
        max-width: 120px;
        height: 36px;
        line-height: 36px;
        float: left;
        text-align: center;
        position: relative;
        padding: 0 20px;
    }
.menu-sidebar ul li.active { background: #0965E6;}
    .menu-sidebar ul li span {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 33px;
        margin: auto;
        z-index: 1;
        width: 11px;
        height: 11px;
        transform: rotate(45deg);
        background: white;
    }
.menu-sidebar ul li.active span { display: block; }
.menu-sidebar ul li.active a{ color:white !important;}
.menu-sidebar ul li a { color: #333; display: block; }
.menu-sidebar ul li a:hover{ color:#0965E6;}

.div1 { width: 100%; }
.div1 .subdivision-zone:last-child { border: 0; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { pointer-events: all; }
.zuo { width: 16px; line-height: 29px; position: absolute; left: 20px; top: 47px; background: #949494; color: #fff; font-weight: 600; cursor: pointer !important; opacity: 1 !important; background-repeat: no-repeat; background-size: 100% 100%; }
.you { width: 16px; line-height: 29px; position: absolute; right: 0; top: 47px; background: #949494; color: #fff; font-weight: 400; cursor: pointer !important; opacity: 1 !important; background-repeat: no-repeat; background-size: 100% 100%; }
.subdivision-zone { margin-top: 15px; border-bottom: 1px solid #E8E8E8; position:relative; }
.subdivision { width: 184px; height: 180px; float: left; background: #e9e9e9; position: relative; }
.subdivision-zone .category-second-title { position: absolute; left: 0px; top: -26px; padding: 0 20px 0 2px; display: inline-block; background: white; }
.subdivision-zone:first-child .category-second-title { display: none; }
.subdivision-imgbox { text-align: center; padding-top: 16px; height: 87px; }
.subdivision-imgbox img { width: 116px; }
.subdivision-title { text-align: center; position: absolute; left: 0; right: 0; bottom: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; color: #333; font-size: 16px; }
.contlist-tit1 a, .contlist-tit3 span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.contlist-tit1 { font-size: 12px; color: #666; font-weight: 600; }
.contlist-tit1 a { color: #0654D4; }
.contlist-tit2 { color: #666; font-size: 12px;line-height:19px; }
.contlist-tit2 a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.contlist-tit3 { color: #666; font-size: 12px; margin-bottom: 9px; line-height:19px;}
.contlist-tit3 div { overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#767B8F; }
.avticeBanner { width: 100%; }
.avticeBanner a img { width: 100%; }

.quotedPrice .quotedPrice-cont .item .item-layout em { display: inline-block; width: 39px; height: 36px; margin-left: 10px; background: url(../image/pcElves.png) no-repeat; background-position: -21px -125px; }
.quotedPrice .quotedPrice-cont .item .item-layout em.compare {background-position: -134px -125px;}
.quotedPrice .quotedPrice-cont .item .item-layout em.collectionicon {    background-position: -245px -124px;}

#allContent{margin-bottom: 25px !important;}
.entryFriend{display: inline-block !important;}

.brand-item { width: 118.91px !important; height: 100px; border-right: 1px solid #E8E8E8; line-height: 23px; display: inline-block; background-color: #fff; }
.brand-item:last-child{border-right: 0;}
.brand-item .brand-name {  text-align:center; font-size:14px;}
.brand-item a {display:block;width:100%;text-align:center;padding: 5px 0 0 0;}
.brand-item img{width:80px;}
.swiper-container {border-radius:15px ;border: 1px solid #E8E8E8;}
.swiper-button-next, .swiper-button-prev {color: #fff;background: #333;opacity: 0.6;text-align: center;width: 15px;height: 25px !important;line-height: 25px;background-image: none !important;}
.swiper-button-prev, .swiper-button-next {top: 50% !important;position: absolute;margin-top: -12px;}
.swiper-button-next i.hgpiconfont, .swiper-button-prev i.hgpiconfont{font-size:10px;}
.swiper-button-prev {left: 0 !important;}
.swiper-button-next { right: 0 !important; }
.hgpiconfont.icon-lunbobanner-zuoyoujiantou- { left: -0.10001px; position: relative; top: -0.81247px;}