@charset "utf-8";
/*全局初始化样式*/
body{/*禁用Webkit内核浏览器的文字大小调整功能*/-webkit-text-size-adjust:none;/*取出点击出现半透明的灰色背景*/-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight:rgba(0,0,0,0);/*设置字体的抗锯齿或者说光滑度*/-webkit-font-smoothing:antialiased;/*整个页面都禁止选择*//*-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;*//*其他初始化*/-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden;padding:0;margin:0 auto;font-size:.16rem;line-height:1.5;color:#333;width:100%;min-width:320px;zoom:1;background-color:#fff;word-break:break-word;/*max-width:1920px;*/}
html{-webkit-text-size-adjust:100%;font-size:100px;position: relative;min-height: 100vh;}
body,
input,
pre,
select,
th,
td,
textarea{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;font-size:0.16rem;}
ul,
ol{list-style:revert}
ul>li{list-style:revert;}
ol>li{list-style:revert;}
.ul,
.ol,
.ul>li,
.ol>li{list-style:none;}
.align-center{text-align:center;}
.align-left{text-align:left;}
.align-right{text-align:right;}

.qui-ibox{width:.8rem;height:.8rem;display:flex;align-items:center;justify-content:center;}
.qui-ibox img{max-height:100%;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display:block;padding:0;margin:0}
p{min-height:4px;}
em,
i{font-style:normal;}
*,
:before,
:after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;word-break:break-word;outline:0;}
table{word-break:break-word;border-collapse:collapse;max-width:100%;}
table td{padding:10px;border:1px solid #eee;}
video{max-width:100%;}
input:-moz-placeholder,
textarea:-moz-placeholder{color:#999;opacity:1;}
input::-moz-placeholder,
textarea::-moz-placeholder{color:#999;opacity:1;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#999;}
.ul,
.ul>li,
.dl,
.dl>dd,
.dl>dt{list-style:none;font-weight:normal;}
input:focus{outline:none;}
input,
button,
select,
textarea{background:none;border:none;border-radius:0;-webkit-border-radius:0;color:#333;outline:none;resize:none;}
canvas{display:block;}
input[type="checkbox"] {
    -webkit-appearance: none; /*清除复选框默认样式*/
    border: 1px solid #ebebeb;
    vertical-align: middle;
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 2px;
    background: #fff;
    cursor: pointer;
}
input[type="checkbox"]:checked {
    border: 1px solid #333;
    background: #333 url(../images/ico_check.svg) ; /*复选框的背景图*/
    background-size: contain;
}
/* 单框 */
input[type="radio"] {
    -webkit-appearance: none; /*清除复选框默认样式*/
    border: 2px solid #ddd;
    vertical-align: middle;
    width: 0.16rem;
    height: 0.16rem;
    position: relative;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}
input[type="radio"]:checked {
    border:0;
    background: url(../images/ico_check.svg) ; /*复选框的背景图*/
    background-size: contain;
}

/*初始化图片*/
img{border:none;border:0;vertical-align:top;}
.articleContent{ min-height: 25vh;}
.articleContent img{ max-width:100%; height:auto !important;}

/*初始化a*/
a,
a:focus{color:#000;text-decoration:none;cursor:pointer;}
a:hover{color:#000;}
a,
a:hover{outline:none;text-decoration:none;-webkit-transition:all 0.25s linear 0.01s;transition:all 0.25s linear 0.01s;}


.qui-body-ovh{overflow:hidden;}
.padd-box{ padding: 1rem 0;}
.sub-box{ padding: 0.2rem 0 1rem 0;}
.g-pic{ overflow: hidden;}
.g-pic > img{ transition: all 0.25s ease 0s; object-fit: cover; width: 100%;}
.g-pic-2 > img{ object-fit: contain;}
.g-pic-4{ position: relative; height: 0;}
.g-pic-4 > img{ position: absolute; left: 0; top: 0; height: 100%;}
a:hover .g-pic > img,
a.g-pic:hover > img,
.g-pic > img:hover{ transform:scale(1.1,1.1);}
.g-pic3 > img:hover{ transform:scale(1,1);}
.flex{ display: flex; align-items: center; justify-content: center; min-width: 0;}
.flex > .flex_1{ flex: 1; min-width: 0;}
.warp{ width: 96%; max-width: 1440px; margin: 0 auto;}
.warp-1280{ max-width: 1280px;}
@media(max-width:1024px){
.padd-box{ padding: 0.6rem 0;}
.sub-box{ padding-bottom: 0.6rem;}
}
@media(max-width:750px){
.padd-box{ padding: 0.4rem 0;}
.sub-box{ padding: 0.1rem 0 0.4rem 0;}
}

.qui-dot,
.qui-dot2,
.qui-dot3,
.qui-dot4,
.qui-dot5,
.qui-dot6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.qui-dot{-webkit-line-clamp:1;}
.qui-dot2{-webkit-line-clamp:2;}
.qui-dot3{-webkit-line-clamp:3;}
.qui-dot4{-webkit-line-clamp:4;}
.qui-dot5{-webkit-line-clamp:5;}
.qui-dot6{-webkit-line-clamp:6;}

.qui-single{line-height: 1.875;}

.qui-ytable{display:table;width:100%;table-layout:fixed;}
.qui-ytable-cell{display:table-cell;vertical-align:middle;overflow:hidden;}
.qui-ytable-cell img{max-height:100%;}
.tablebox .on{color:red}
/*分页*/
.Pages{zoom:1;overflow:hidden;text-align:center;font-size:0;line-height:0; padding-top: 0.6rem;}
.Pages *{display:inline-block;vertical-align:top;font-weight:normal;font-style:normal;}
.Pages a{font-size:.16rem;min-width:.50rem;height:.50rem;line-height:.50rem;text-align:center;background:#f5f5f5;padding:0 .1rem;margin:0 .05rem;overflow:hidden; border-radius: 0.25rem;}
.Pages a:hover,
.Pages a.a_cur{background-color:#666;color:#fff;}
.Pages a.a_prev,
.Pages a.a_next{font-family:'宋体';font-weight:bold;}
@media(min-width:1025px){
.Pages a.a_prev{ margin-right: 0.4rem;}
.Pages a.a_next{ margin-left: 0.4rem;}
}
@media(max-width:1024px){
.Pages{padding-top:.25rem;}
}




/* 头部 */
.topBox{ background: #fff; padding: 0 2%; position: relative; z-index: 100;}
.topBox,
.navHeader{ height: 0.8rem;}
.navHeader{ max-width: 1600px; margin: 0 auto; justify-content: space-between; align-items: center;}
.navHeader .logo,
.navHeader .logo img{ max-width: 4.5rem; max-height: 0.42rem; display: block; transition: all 0s ease 0s;}

.topMenu .ul{ display: flex;}
.topMenu li{ position: relative;}
.topMenu li > a{ line-height: 0.4rem; padding: 0.2rem 0; color: #000;}
.topMenu li.on > a{ font-weight: bold;}
.topMenu a{ display: block;}
.topMenu .subBox{ display: none;}

.searchBox{ background: #f8f8f8; width: 2rem; min-width: 130px; height: 0.4rem; border-radius: 0.2rem; position: relative; margin-right: 0.3rem;}
.searchBox > *{ position: relative; z-index: 2;}
.searchBox .icon,
.searchBox .btn{ width: 0.4rem; height: 0.4rem; z-index: 5; display: block;}
.searchBox .cont{ display: flex;}
.searchBox .icon{ background: url(../images/search.svg) center no-repeat; background-size: 0.2rem; z-index: 1; position: absolute; right: 0; top: 0; }
.searchBox .text{ height: 0.4rem; padding: 0 0.2rem; width: calc(100% - 0.4rem); font-size: 0.14rem;}

.topIcon{ display: flex;}
.topIcon .icon{ width: 0.2rem; height: 0.2rem; background: center no-repeat; background-size: 0.2rem; position: relative;}
.topIcon .icon .link{ display: block; width: 0.2rem; height: 0.2rem; cursor: pointer;}
.topIcon .icon + .icon{ margin-left: 0.15rem;}
.topIcon .icon.ico1{ background-image: url(../images/ico_01.svg);}
.topIcon .icon.ico2{ background-image: url(../images/ico_02.svg);}
.topIcon .icon.ico3{ background-image: url(../images/ico_03.svg);}
.topIcon .icon .box{ position: absolute; width: 3.2rem; top: 100%; left: 50%; transform: translateX(-50%); padding-top: 0.47rem; display: none;}
.topIcon .icon .shiro{ background: #fff; padding: 0.2rem; border-radius: 0.2rem;}
.topIcon .user .pic{ width: 0.46rem; height: 0.46rem; object-fit: cover; border-radius: 50%; margin-right: 0.15rem;}
.topIcon .user .info{ display: flex;}
.topIcon .user .info a{ display: block; padding-right: 0.15rem; background: url(../images/arrow.svg) right center no-repeat; background-size: 0.06rem auto; font-size: 0.14rem; color: #999;}
.topIcon .user .info a + a{ margin-left: 0.25rem;}
.topIcon .icon * + .list{ padding-top: 0.15rem;}
.topIcon .icon .list li + li{ margin-top: 0.1rem;}
.topIcon .icon .list a{ display: block; line-height: 0.3rem; position: relative; padding: 0 0.3rem;}
.topIcon .icon .list a::before,
.topIcon .icon .list a::after{ content: ''; position: absolute; width: 0.2rem; height: 0.2rem; background: center no-repeat; background-size: 0.2rem auto; top: calc(50% - 0.1rem);}
.topIcon .icon .list a::after{ background: url(../images/arrow_02.svg) right center no-repeat; background-size: 0.08rem auto; right: 0;}
.topIcon .icon .list a::before{ left: 0;}
.topIcon .icon .list a.ico1::before{ background-image: url(../images/ico_01.svg);}
.topIcon .icon .list a.ico4::before{ background-image: url(../images/ico_04.svg);}

@media(min-width:1025px){
.topMenu{ display: block !important;}
.topMenu li + li{ margin-left: calc(0.48rem + 1px); position: relative;}
.topMenu li + li::before{ content: ''; position: absolute; left: -0.24rem; top: calc(50% - 0.06rem); border-left: 1px solid #e1e1e1; height: 0.12rem;}
.topMenu .subBox{ position: absolute; left: 50%; transform: translateX(-50%); padding-top: 0.17rem;}
.topMenu .subBox dl{ background: rgba(0, 0, 0, 0.6); min-width: 1.2rem;}
.topMenu li:hover .subBox{ display: block;}
.topMenu .subBox a{ color: #fff; text-align: center; line-height: 0.3rem; padding: 0.05rem 0.1rem; white-space: nowrap;}
.topMenu .close{ display: none;}
.topMenu .more,
.MenuBtn{ display: none;}
}
@media(max-width:1024px){
.topMenu{ position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none;}
.topMenu .ul{ transition: all .4s ease 0s; display: block; background: #fff; position: absolute; z-index: 2; left: -70%; top: 0; height: 100%; width: 70%; max-width: 350px; overflow: auto; padding: 0.2rem 0;}
.topMenu.on .ul{left: 0;}
.topMenu li > a{ line-height: 0.2rem; padding: 0.2rem;}
.topMenu li .more{ position: absolute; z-index: 20; right: 0; top: 0; height: 0.6rem; width: 0.6rem; background: url(../images/arrow.svg) center no-repeat; background-size: 0.1rem;}
.topMenu .subBox dl{ background: #eee;}
.topMenu .subBox a{ padding: 0.2rem 0.3rem;}
.topMenu .close{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.topBox,
.navHeader{ height: 0.6rem;}
.searchBox{ min-width: 0.4rem; width: 0.4rem; margin-right: 0.15rem;}
.searchBox .cont{ position: absolute; right: 0; top: 0; background: #f8f8f8; width: 0; border-radius: 0.2rem; overflow: hidden;}
.searchBox .cont.on{ width: 2rem;}
.searchBox .btn{ background: url(../images/search.svg) center no-repeat; background-size: 0.2rem; }
.MenuBtn{ position: relative; width: 0.4rem; height: 0.4rem; margin-left: 0.1rem;}
.MenuBtn::before,
.MenuBtn::after{ content: ''; position: absolute; left: calc(50% - 0.1rem); width: 0.2rem;}
.MenuBtn::before{ height: 0.18rem; border-top: 0.02rem solid #000;  border-bottom: 0.02rem solid #000; top: calc(50% - 0.09rem);}
.MenuBtn::after{ height: 0; border-top: 0.02rem solid #000; top: calc(50% - 0.01rem);}
}
@media(max-width:750px){
.navHeader .logo{ flex: 1; margin-right: 0.15rem;}
.navHeader .logo img{ max-width: 100%;}
}


.bottomFooter{ background: #111; padding-top: 0.5rem; color: #A7A7A7;}
.bottomFooter a{ color: #A7A7A7;}
.bottomFooter a:hover{ color: #fff;  text-decoration: underline;}
.navFooter{ display: flex; line-height: 0.36rem;}
.navFooter .nav{ display: flex; flex: 1;}
.navFooter .nav dl{ min-width: 5em; flex: 1;}
.navFooter .nav dl + dl{ margin-left: 0.2rem;}
.navFooter .title{ font-size: 0.16rem; color: #fff;}
.navFooter .text,
.navFooter .text a{ font-size: 0.14rem;}
.navFooter .text span{ font-weight: bold;}
.navFooter .contact{ margin-left: 0.2rem;}
.navFooter .contact .iconlist{ display: flex; margin-top: 0.3rem;}
.navFooter .contact .iconlist .icon{ width: 0.4rem; height: 0.4rem; border-radius: 50%; border: 1px solid #333; background: center no-repeat; background-size: 0.4rem; cursor: pointer; position: relative;}
.navFooter .contact .iconlist .icon + .icon{ margin-left: 0.16rem;}
.navFooter .contact .iconlist .ico1{ background-image: url(../images/ico_footer_01.svg);}
.navFooter .contact .iconlist .ico2{ background-image: url(../images/ico_footer_02.svg);}
.navFooter .contact .iconlist .ico3{ background-image: url(../images/ico_footer_03.svg);}
.navFooter .contact .iconlist .ico4{ background-image: url(../images/ico_footer_04.svg);}
.navFooter .contact .iconlist .ico5{ background-image: url(../images/ico_footer_05.svg);}
.navFooter .contact .iconlist .code{ display: none; position: absolute; left: 50%; transform: translateX(-50%); width: 1.2rem; height: 1.2rem; z-index: 20; bottom: calc(100% + 0.2rem);}
.navFooter .contact .iconlist .code::before{ border: 0.05rem solid transparent; content: ''; position: absolute; left: 50%; transform: translateX(-50%); border-top-color: #fff; top: 100%;}
.navFooter .contact .iconlist .code img{ width: 1.2rem; height: 1.2rem; border-radius: 0.05rem;}
.navFooter .contact .iconlist .icon:hover .code{ display: block;}
.navFooter .form ul{ padding-top: 0.1rem;}
.navFooter .form li{ display: flex;}
.navFooter .form li + li{ margin-top: 0.18rem;}
.navFooter .form input + input{ margin-left: 0.18rem;}
.navFooter .form input{ width: 100%; flex: 1; transition: all .3s ease 0s; line-height: 0.38rem; height: auto; border: 1px solid #343434; padding: 0 0.1rem; font-size: 0.14rem; color: #fff;}
.navFooter .form input:focus{ border-color: #fff;}
.navFooter .form button{ background: #333; color: #fff; line-height: 0.4rem; height: 0.4rem; text-align: center; width: 100%; flex: 1; font-size: 0.14rem; cursor: pointer;}
.copyright{ border-top: 1px solid #1d1d1d; padding: 0.3rem 0; text-align: center; font-size: 0.14rem; margin-top: 0.45rem;}

.navFooter .form input:-moz-placeholder,
.navFooter .form textarea:-moz-placeholder{color:#A7A7A7;opacity:1;}
.navFooter .form input::-moz-placeholder,
.navFooter .form textarea::-moz-placeholder{color:#A7A7A7;opacity:1;}
.navFooter .form input:-ms-input-placeholder,
.navFooter .form textarea:-ms-input-placeholder{color:#A7A7A7;}
.navFooter .form input::-webkit-input-placeholder,
.navFooter .form textarea::-webkit-input-placeholder{color:#A7A7A7;}
@media(min-width:751px){
.navFooter .form{ padding-left: 0.5rem; margin-left: 0.3rem; border-left: 1px solid #343434;}
.navFooter .form ul{ max-width: 2.6rem;}
}
@media(max-width:1024px){
.navFooter{ flex-wrap: wrap;}
.navFooter .nav{ width: 100%; flex: none; margin-bottom: 0.1rem;}
.navFooter .contact{ margin-left: 0; flex: 1;}
}
@media(max-width:750px){
.bottomFooter{ padding-top: 0.3rem;}
.navFooter{ display: block;}
.navFooter .contact{ margin-bottom: 0.1rem;}
.navFooter .nav dl{ min-width: 4em; flex: 1;}
.navFooter .nav dl + dl{ margin-left: 0.05rem;}
}


/* subbanner */
.sub_banner{ position: relative;}
.sub_banner .warp{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; margin: auto; display: flex; align-items: center; color: #fff;}
.sub_banner .warp .cn{ font-size: 0.36rem;}
.sub_banner .warp .en{ font-size: 0.16rem;}
.sub_banner img{ width: 100%; object-fit: cover; height: 400px;}
@media(max-width:1024px){
.sub_banner img{ height: 3.2rem;}
}
@media(max-width:750px){
.sub_banner .warp .cn{ font-size: 0.20rem;}
.sub_banner .warp .en{ font-size: 0.12rem;}
.sub_banner img{ height: 1.8rem;}
}

/* 内页左右排版 */
.contentBox{ display: flex;}
.contentBox .leftNav{ width: 2.4rem;}
.contentBox .rightContent{ flex: 1; margin-left: 0.6rem; min-width: 0;}
@media(max-width:1024px){
.contentBox{ display: block;}
.contentBox .leftNav{display: none;}
.contentBox .rightContent{ margin-left: 0;}
}

/* 左侧栏 */
.mainTitle{ background: #333; color: #fff; font-size: 0.24rem; text-align: center; font-weight: bold; line-height: 0.4rem; padding: 0.25rem 0.1rem;}
.mainLeftNav{ background: #f9f9f9;}
.mainLeftNav li + li{ border-top: 1px solid #e1e1e1;}
.mainLeftNav li a{ display: block; line-height: 0.3rem; padding: 0.1rem 0; font-weight: 400;}
.mainLeftNav li a:hover{ background: #f2f2f2;}
.mainLeftNav li > a{padding: 0.15rem 0.1rem 0.15rem 0.25rem;position: relative;}
.mainLeftNav li.on > a::before{content: '';position: absolute;left: 0.15rem;height: 0.16rem;width: 0.04rem;background: #333;top: calc(50% - 0.08rem);}
.mainLeftNav .on > a{ background: #f2f2f2; font-weight: 600;}
.mainLeftNav .on > a.has-sub{ background: #f9f9f9; font-weight: 400;}
.mainLeftNav dl{ display: none;}
.mainLeftNav .on dl{ display: block;}
.mainLeftNav dd{ border-top: 1px solid #e1e1e1;}
.mainLeftNav dd > a{padding: 0.15rem 0.1rem 0.15rem 0.3rem;}


/* loacl */
.localBox{ display: flex; align-items: center; justify-content: flex-end; font-size: 0.16rem; line-height: 0.3rem; padding: 0.05rem 0 0.2rem 0; border-bottom: 1px solid #e1e1e1; color: #666;}
.localBoxLeft{ justify-content: flex-start;}
.localBox em{ padding-left: 0.3rem; background: url(../images/local.svg) left center no-repeat; background-size: 0.2rem auto;}
.localBox a,
.localBox span{ margin-left: 0.2rem; color: #666;}
.localBox a{ padding-right: 0.25rem; background: url(../images/arrow.svg) right center no-repeat; background-size: 0.08rem auto;}
.localBox a:hover{ text-decoration: underline;}

.mainBox{ padding-top: 0.6rem;}
.mainBox-3{ padding-top: 0.3rem;}
@media(max-width:750px){
.mainBox{ padding-top: 0.3rem;}
}
.mainBox-0{ padding-top: 0;}

/* 渐变标题 */
.all-big-title{ font-size: 0.36rem; text-align: center; font-weight: bold; position: relative; line-height: 0.9rem; margin-bottom: 0.5rem; overflow: hidden;}
.all-big-title span{ position: relative; z-index: 2;}
.all-big-title .gradient-text{ background-image: linear-gradient(0deg, rgba(255,255,255,0) 5%, #ddd); -webkit-background-clip: text; color: transparent; font-size: 0.9rem; text-transform: uppercase; font-weight: bold; z-index: 1; position: absolute; top: 0; left: 0; right: 0; font-family: 'PlayfairDisplay','serif','fangsong', sans-serif; white-space: nowrap;}
@media(max-width:1024px){
.all-big-title{ font-size: 0.24rem; line-height: 0.7rem; margin-bottom: 0.3rem;}
.all-big-title .gradient-text{ font-size: 0.7rem;}
}
@media(max-width:750px){
.all-big-title{ line-height: 0.6rem; margin-bottom: 0.1rem;}
.all-big-title .gradient-text{ font-size: 0.6rem;}
}

/* 整站btn */
.all-big-btn{ display: flex; align-items: center; justify-content: center; margin-top: 0.3rem;}
.all-big-btn a{ width: 1.5rem; display: flex; align-items: center; justify-content: center; align-items: center; height: 0.5rem; line-height: 0.5rem; background: #eee; color: #666; border-radius: 0.25rem;}
.all-big-btn a:hover{ background: #333; color: #fff;}
.all-big-btn span{ display: block; padding-right: 0.2rem; background: url(../images/arrow_02.svg) right center no-repeat; background-size: 0.08rem auto;}
.all-big-btn.kuro a{ background: #666; color: #fff;}
.all-big-btn.kuro span{ background-image: url(../images/arrow_03.svg);}
.all-big-btn.leftkuro a{ background: #666; color: #fff;}
.all-big-btn.leftkuro span{ background: url(../images/arrow_05.svg) left center no-repeat; padding:  0 0 0 0.2rem; background-size: 0.1rem auto;}
.all-big-btn.link span{ background: url(../images/link.svg) left center no-repeat; padding: 0 0 0 0.28rem; background-size: 0.16rem 0.16rem;}

.all-default-btn,
.all-small-btn{ width: 1.5rem; height: 0.5rem; line-height: 0.5rem; border-radius: 0.25rem; cursor: pointer; color: #fff !important; background: #333; text-align: center; font-size: 0.16rem;}
.all-small-btn{ height: 0.4rem; line-height: 0.4rem; font-size: 0.14rem;}

/* 首页banner */
.index_banner{ position: relative; overflow: hidden;}
.index_banner img{ max-width: 100%;}
.index_banner .swiper-pagination-bullet{width: 14px; height: 14px; opacity: 1; background: none; position: relative; border-radius: 0;}
.index_banner .swiper-pagination-bullet::before{ content: ''; position: absolute; width: 6px; height: 6px; top: calc(50% - 3px); left: calc(50% - 3px); background: #000;}
.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ border: 0.01rem solid #000;}



/* 首页产品分类 */
.index_products ul{ display: flex; flex-wrap: wrap;}
.index_products a{ display: block; position: relative;}
.index_products .g-pic img{ width: 100%; height: 3.2rem;}
.index_products .cont{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; color: #fff; padding: 0.20rem; display: flex;  flex-direction: column; justify-content: flex-end;}
.index_products .cont .title{ display: flex; align-items: center;}
.index_products .cont .title img{ width: 0.6rem; height: 0.5rem;}
.index_products .cont .txt{ font-size: 0.24rem; font-weight: bold;}
.index_products .cont .text{ font-size: 0.16rem; border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 0.1rem; margin-top: 0.05rem; display: none;}
.index_products a:hover .cont{ align-items: center; justify-content: center; padding: 0.35rem; }
.index_products a:hover .cont .title{ justify-content: center;}
.index_products a:hover .cont .text{ display: -webkit-box;}
@media(min-width:751px){
.index_products li + li{ margin: 0.2rem 0 0 0.2rem;}
.index_products li:nth-child(1),
.index_products li:nth-child(2){ width: calc(50% - 0.1rem); margin-top: 0;}
.index_products li:nth-child(3){ margin-left: 0;}
.index_products li:nth-child(3),
.index_products li:nth-child(4),
.index_products li:nth-child(5){ width: calc((100% - 0.4rem) / 3);}
}
@media(max-width:1024px){
.index_products .g-pic img{ height: 2rem;}
}
@media(max-width:750px){
.index_products .g-pic{ padding-bottom: 68%; height: 0; position: relative;}
.index_products .g-pic img{ height: 100%; position: absolute;}
.index_products li{ width: 100%;}
.index_products li + li{ margin-top: 0.1rem;}
}


/* 首页关于我们 */
.index_about{ background: center no-repeat; background-size: cover;}
.index_about .ia_cont{ align-items: center;}
.index_about .ia_cont .title{ font-size: 0.3rem; font-weight: bold; margin-bottom: 0.3rem;}
.index_about .ia_cont .text{ font-size: 0.16rem;}
.index_about .ia_left{ flex: 1; padding-top: 0.3rem;}
.index_about .ia_right .content{ position: relative; padding-bottom: 73%;}
.index_about .ia_right .content video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000;}
@media(min-width:1025px){
.index_about .all-big-title{ text-align: right;}
.index_about .all-big-btn{ justify-content: flex-end;}
.index_about .ia_cont .title{ text-align: right;}
.index_about .ia_right{ width: 7.5rem; margin-left: 0.6rem;}
}
@media(max-width:1024px){
.index_about{ padding: 0 !important;}
.index_about .ia_cont{ display: block;}
.index_about .ia_cont .title{ text-align: center;}
.index_about .ia_left{ padding-top: 0;}
.index_about .ia_right{ margin-top: 0.4rem;}
}


/* 产品列表 */
.all-big-btn + .all-big-title{ margin-top: 0.7rem;}

.pord_list{ overflow: hidden; --count: 4; --padding:0.09rem;}
.pord_list ul{ display: flex; flex-wrap: wrap; margin: calc(0px - var(--padding));}
.pord_list ul li{ padding: var(--padding); width: calc(100% / var(--count));}
.pord_list ul a{ display: block;}
.pord_list ul .g-pic{ position: relative; padding-bottom: 100%;}
.pord_list ul .g-pic .del{ z-index: 5; position: absolute; right: 0.2rem; top: 0.2rem; width: 0.3rem; height: 0.3rem; background: url(../images/ico_del.svg) center no-repeat; background-size: 0.24rem 0.24rem; opacity: 0; transition: all .3s ease 0s;}
.pord_list ul a:hover .g-pic .del{ opacity: 1;}
.pord_list ul .g-pic img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.pord_list ul .cont{ border-bottom: 1px solid #e5e5e5; line-height: 0.2rem; padding: 0.3rem 0.18rem; position: relative;}
.pord_list ul .cont::before{ content: ''; position: absolute; left: 0.18rem; right: 0.18rem; top: 0; border-top: 1px solid transparent; transition: all .3s ease 0s;}
.pord_list ul .price{ display: flex; align-items: center; justify-content: space-between; margin-top: 0.1rem;}
.pord_list ul .price .gleft{ color: #fd2d00;}
.pord_list ul .price .gleft span{ font-size: 1.4em; font-weight: bold;}
.pord_list ul .price .gright{ color: #999;}
.pord_list + .all-big-title { margin-top: 3%;}
.mem_pord_list{ margin-top: 0.2rem; --count: 3;}
.left_pord_list{ margin-top: 0.2rem; --count: 1;}
@media(max-width:1024px){
.pord_list{ --count: 2;}
}

.pord_hover_list a:hover{ background: #f8f8f8;}
.pord_hover_list a:hover .cont{ border-color: #f8f8f8;}
.pord_hover_list a:hover .cont::before{ border-color: #e5e5e5;}


/* 公司实力 */
.index_strength{ background: #f8f8f8;}
.index_strength .list{ overflow: hidden;}
.index_strength .list li{ display: flex; flex-wrap: wrap;}
.index_strength .list .content{ display: block; position: relative;}
.index_strength .list .g-pic img{ width: 100%; height: 3.5rem;}
.index_strength .list .cont{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; color: #fff; padding: 0.20rem; display: flex;  flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(0,0,0,0.5)); font-size: 0.24rem; font-weight: 300; line-height: 1.2;}
.index_strength .pagination{ display: flex; align-items: center; justify-content: center; margin-top: 0.5rem;}
.index_strength .pagination .swiper-pagination-bullet{ opacity: 1; background: #000; width: 10px; height: 10px; border-radius: 50%; border: 1.5px solid #f8f8f8;}
.index_strength .pagination .swiper-pagination-bullet-active{ background-color: transparent; border-color: #000;}
.index_strength .swiper_box{ position: relative;}
.index_strength .swiper_box .btn{ transition: all .3s ease 0s; position: absolute; width: 0.6rem; height: 0.6rem; top: calc(50% - 0.3rem); background: #ededed; border-radius: 50%; cursor: pointer;}
.index_strength .swiper_box .btn::before{ content: ''; position: absolute; left: 0; top: 0; width: 0.6rem; height: 0.6rem; background: url(../images/arrow.svg) center no-repeat; background-size: 0.10rem;}
.index_strength .swiper_box .btn:hover{ background: #333;}
.index_strength .swiper_box .btn:hover::before{ background-image: url(../images/arrow_03.svg);}
.index_strength .swiper_box .next{ right: -1.1rem;}
.index_strength .swiper_box .prev{ left: -1.1rem;}
.index_strength .swiper_box .prev::before{ transform:rotate(180deg);}
@media(min-width:751px){
.index_strength .content{ width: calc((100% - 0.4rem) / 3);}
.index_strength .content + .content{ margin: 0.2rem 0 0 0.2rem;}
.index_strength .content:nth-child(1){ width: calc(100% - ((100% - 0.4rem) / 3) - 0.2rem); margin-top: 0;}
.index_strength .content:nth-child(2){ margin-top: 0;}
.index_strength .content:nth-child(3){ margin-left: 0;}
}
@media(max-width:1650px){
.index_strength .swiper_box .btn{ display: none;}
}
@media(max-width:1024px){
.index_strength .list .g-pic img{ height: 2rem;}
}
@media(max-width:750px){
.index_strength .list .g-pic{ padding-bottom: 74%; height: 0; position: relative;}
.index_strength .list .g-pic img{ height: 100%; position: absolute;}
.index_strength .content{ width: calc(50% - 0.05rem);}
.index_strength .content:nth-child(2n + 1){ margin-left: 0.1rem;}
.index_strength .content:nth-child(1){ width: 100%; margin-left: 0;}
.index_strength .content:nth-child(1) .g-pic{ padding-bottom: 37%;}
.index_strength .content + .content{ margin-top: 0.1rem;}
.index_strength .pagination{ margin-top: 0.2rem;}
.index_strength .list .cont{ font-size: 0.16rem;}
}


/* 成员介绍 */
.about_big_title{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;}
.about_big_title .title{ font-size: 0.36rem; font-weight: bold; flex: 1; margin-right: 0.2rem;}
.about_big_title .all-big-btn{ margin-top: 0;}
@media(max-width:750px){
.about_big_title .title{ font-size: 0.24rem;}
}


/* 发展历程 */
.develop_box{ background: url(../images/develop_bg.jpg) bottom center no-repeat;}
.develop_list{overflow: hidden; padding: 0.4rem 0;}
.develop_list .content{ border-bottom: 1px solid #999; position: relative; margin-right: calc(-100% - 10px); height: 1.4rem; margin-top: 1px; padding: 0.2rem; display: flex; align-items: flex-start; flex-direction: column; justify-content: center;}
.develop_list li:nth-child(2n + 1) .content{ margin-top: 1.4rem; border-bottom: none; border-top: 1px solid #999;}
.develop_list .content::before{ content: ''; position: absolute; left: 0; top: -8px; z-index: 2; width: 15px; height: 15px; border-radius: 50%; border: 3px solid #333; background: #fff;}
.develop_list li:nth-child(2n) .content::before{ top: auto; bottom: -8px;}
.develop_list .content::after{ content: ''; position: absolute; height: 100%; width: 1px; left: 7px; top: 0; background: linear-gradient(0deg, #999, rgba(255,255,255,0)); z-index: 1;}
.develop_list li:nth-child(2n + 1) .content::after{ background: linear-gradient(0deg, rgba(255,255,255,0), #999);}
.develop_list .title{ font-size: 0.24rem;}
.develop_list .text{ font-size: 0.16rem; font-weight: 300;}


/* 资质证书 */
.certificate_box .bigtitle{ text-align: center; font-size: 0.36rem; font-weight: bold; margin-bottom: 0.5rem;}
.certificate_box .list{ position: relative; padding: 0 1.2rem;}
.certificate_box .list::after{ content: ''; position: absolute; left: 0; right: 0; bottom: -0.2rem; background: url(../images/certificate_bg.png) center top no-repeat; background-size: 100% auto; height: 1rem;}
.certificate_box .btn{ transition: all .3s ease 0s; position: absolute; width: 0.6rem; height: 0.6rem; top: calc(50% - 0.7rem); background: #ededed; border-radius: 50%; cursor: pointer;}
.certificate_box .btn::before{ content: ''; position: absolute; left: 0; top: 0; width: 0.6rem; height: 0.6rem; background: url(../images/arrow.svg) center no-repeat; background-size: 0.10rem;}
.certificate_box .btn:hover{ background: #333;}
.certificate_box .btn:hover::before{ background-image: url(../images/arrow_03.svg);}
.certificate_box .next{ right: 0;}
.certificate_box .prev{ left: 0;}
.certificate_box .prev::before{ transform:rotate(180deg);}
.certificate_box .swiperlist{ overflow: hidden; padding-bottom: 0.8rem;}
.certificate_box .swiperlist .content{ background: url(../images/certificate_box.jpg); background-size: 100% 100%; padding: 2.6%; position: relative;}
.certificate_box .swiperlist .g-pic{ position: relative; padding-bottom: 141%;}
.certificate_box .swiperlist .g-pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.certificate_box .swiperlist .title{ position: absolute; left: 0; right: 0%; bottom: -0.6rem; text-align: center; line-height: 0.3rem; height: 0.3rem;}
@media(max-width:750px){
.certificate_box .bigtitle{ margin-bottom: 0.3rem; font-size: 0.24rem;}
.certificate_box .list{ padding: 0 0.6rem;}
.certificate_box .btn,
.certificate_box .btn::before{ width: 0.4rem; height: 0.4rem;}
}


.fengcai{ overflow: hidden;}
.fengcai .title{ font-size: 0.18rem; background: #f8f8f8; line-height: 0.4rem; padding: 0.1rem 0.2rem; margin-bottom: 18px;}
.fengcai .list + .title{ margin-top: 0.6rem;}
.fengcai .list a{ display: block;}
.fengcai .list .g-pic{ padding-bottom: 75%;}
@media(max-width:750px){
.fengcai .list + .title{ margin-top: 0.3rem;}
}

.newslist ul li{ padding: 0.5rem 0; border-bottom: 1px solid #e5e5e5;}
.newslist ul li:first-child{ padding-top: 0;}
.newslist ul a{ display: flex; justify-content: space-between; align-items: center;}
.newslist ul .nl_left{ width: 3.5rem; margin-right: 0.6rem;}
.newslist ul .nl_left .g-pic{ padding-bottom: 62%;}
.newslist ul .nl_right{ flex: 1;}
.newslist ul .nl_right .title{ font-size: 0.2rem; margin-bottom: 0.25rem;}
.newslist ul .nl_right .text{ font-size: 0.16rem; color: #666; margin-bottom: 0.6rem;}
.newslist ul .nl_right .info{ display: flex; justify-content: space-between; align-items: center; font-weight: 300;}
.newslist ul .nl_right .info .date{ color: #999; font-weight: 300;}
.newslist ul .nl_right .info .more{ color: #e4007f; font-weight: 300; padding-right: 0.16rem; background: url(../images/arrow_04.svg) right center no-repeat; background-size: 0.06rem auto;}
@media(max-width:1024px){
.newslist ul li{ padding: 0.3rem 0;}
}
@media(max-width:750px){
.newslist ul li{ padding: 0.2rem 0;}
.newslist ul .nl_left{ width: 2.2rem; margin-right: 0.2rem;}
.newslist ul .nl_right .title{ margin-bottom: 0.1rem;}
.newslist ul .nl_right .text{ margin-bottom: 0.2rem;}
}


.newsinfo > .bigtitle{ font-size: 0.36rem; font-weight: bold; text-align: center; line-height: 1.4;}
.newsinfo > .date{ font-size: 0.16rem; text-align: center; color: #999; padding: 0.2rem 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 0.4rem;}

.infobottom{ margin-top: 0.4rem; border-top: 1px solid #e5e5e5; padding-top: 0.3rem; display: flex; justify-content: space-between; align-items: center;}
.infobottom .ym-history{ font-size: 0.16rem; font-weight: 300;}
.infobottom .ym-history li + li{ margin-top: 0.1rem;}
.infobottom .ym-history a{ color: #666;}
.infobottom .ym-history a:hover{ color: #000;}
.infobottom .all-big-btn{ margin: 0 0 0 0.2rem;}


.selecttable{ border: 1px solid #eee;}
.selecttable li{ display: flex; line-height: 0.3rem; font-size: 0.14rem;}
.selecttable .st_left{ width: 5em; box-sizing: content-box; padding: 0 0.36rem; background: #f8f8f8; position: relative; display: flex; align-items: center;}
.selecttable li + li .st_left::before{ content: ''; position: absolute; left: 0.36rem; top: 0; border-top: 1px solid #eee; right: 0;}
.selecttable .st_right{ flex: 1; padding: 0.15rem 0.36rem 0.15rem 0; position: relative;}
.selecttable li + li .st_right::before{ content: ''; position: absolute; left: 0; top: 0; border-top: 1px solid #eee; right: 0.36rem;}
.selecttable .st_right a{ margin-left: 0.36rem; font-weight: 300; white-space: nowrap;}
.selecttable .st_right a.on{ font-weight: bold;}
.sub_pord_list{ margin-top: 0.8rem;}

@media(max-width:1024px){
.sub_pord_list{ margin-top: 0.5rem;}
}
@media(max-width:750px){
.selecttable .st_left{ padding: 0 0 0 0.2rem; width: 7em;}
.selecttable li + li .st_left::before{ left: 0.2rem;}
.selecttable .st_right a{ margin-left: 0.2rem;}
.selecttable li + li .st_right::before{ right: 0.2rem;}
.sub_pord_list{ margin-top: 0.3rem;}
}



.downlist li{ border-bottom: 1px solid #eee; padding: 0.3rem 0;}
.downlist li:first-child{ padding-top: 0;}
.downlist a{ display: flex; align-items: center;}
.downlist .pdf-ico{ width: 0.2rem; height: 0.2rem; background: url(../images/ico_pdf.svg) center no-repeat; background-size: 0.19rem auto; margin-right: 0.2rem;}
.downlist .title{ flex: 1; min-width: 0;}
.downlist .date{ color: #666; text-align: right; width: 1.2rem;}
.downlist .down-ico{ width: 0.2rem; height: 0.2rem; background: url(../images/ico_down.svg) center no-repeat; background-size: 0.16rem 0.14rem; margin-left: 0.2rem;}


.showBox{ position: fixed; z-index: 10000; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center;}
.showBox .close{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1;}
.showBox .shiro{ background: #fff; width: 4.3rem; max-width: 90%; padding: 0.5rem; position: relative; z-index: 2;}
.showBox .title{ font-weight: bold; font-size: 0.24rem; line-height: 0.3rem; text-align: center; margin-top: -0.2rem;}
.showBox .closeBtn{ width: 0.2rem; height: 0.2rem; background: url(../images/ico_close.svg) center no-repeat; background-size: 0.16rem; position: absolute; right: 0.2rem; top: 0.2rem; z-index: 1; cursor: pointer;}
.showBox .ul{ margin-top: 0.25rem;}
.showBox .ul li + li{ margin-top: 0.2rem;}
.showBox .ul input,
.showBox .ul button{ line-height: 0.6rem; height: 0.6rem; border-radius: 0.3rem; font-size: 0.16rem; font-weight: 300; width: 100%;}
.showBox .ul input{ background: #f8f8f8; padding: 0 0.3rem;}
.showBox .ul button{ background: #333; text-align: center; color: #fff; cursor: pointer;}




.grey_box{ background: #f9f9f9;}
.grey_box .sub-box{ padding-bottom: 0;}
.grey_box .shiro_box,
.grey_box .hai_box{ padding-bottom: 1rem;}
.grey_box .localBox{ border-bottom: none;}
@media(max-width:1024px){
.grey_box .shiro_box,
.grey_box .hai_box{ padding-bottom: 0.6rem;}
}
@media(max-width:750px){
.grey_box .shiro_box,
.grey_box .hai_box{ padding-bottom: 0.4rem;}
}
.shiro_box{ background: #fff;}


.contactInfo{ display: flex; background: #f9f9f9; padding: 0.6rem 0.9rem;}
.contactInfo .title{ font-size: 0.24rem; font-weight: bold;}
.contactInfo .title + .text{ margin-top: 0.15rem;}
.contactInfo .text{ font-size: 0.16rem; line-height: 0.36rem;}
.contactInfo .info{ margin-bottom: 0.2rem;}
.contactInfo .cbti_left{ width: 5rem;}
.contactInfo .cbti_right{ flex: 1; min-width: 0;}
.contactInfo .cbti_right li{ display: flex;}
.contactInfo .cbti_right li + li{ margin-top: 0.1rem;}
.contactInfo .cbti_right li input{ width: calc((100% - 0.2rem) / 3); flex: 1; background: #fff; border-radius: 0.3rem; height: 0.6rem; line-height: 0.6rem; padding: 0 0.3rem; font-size: 0.16rem;}
.contactInfo .cbti_right li input + input{ margin-left: 0.1rem;}
.contactInfo .cbti_right li textarea{ width: 100%; height: 1rem; border-radius: 0.3rem; padding: 0.15rem 0.3rem; line-height: 0.3rem; background: #fff;}
.contactInfo .cbti_right li button{ margin-top: 0.1rem;}
@media(max-width:1024px){
.contactInfo{ display: block; padding: 0.3rem;}
.contactInfo .cbti_left{ width: 100%; margin-bottom: 0.2rem;}
}
@media(max-width:750px){
.contactInfo{ padding: 0.2rem 0.15rem;}
.contactInfo .cbti_right li{ display: block;}
.contactInfo .cbti_right li input{ width: 100%;}
.contactInfo .cbti_right li input + input{ margin: 0.1rem 0 0 0;}
.contactInfo .cbti_right li button{ margin-top: 0;}
}

.map_box{ margin-top: 0.2rem;}
.map_box img{ width: 100%;}


.member_box{ background: center top no-repeat; background-size: cover;}
.member_flex{ display: flex; align-items: center; justify-content: flex-end; min-height: 7.5rem; padding: 0.3rem 0;}
.member_flex .content{ background: #fff; width: 94%; max-width: 4.4rem; padding: 0.4rem 0.5rem 0 0.5rem;}
.member_flex .title b{ font-size: 0.24rem;}
.member_flex .title span{ font-size: 0.16rem; font-style: italic; opacity: 0.2;}
.member_flex .ul{ margin-top: 0.3rem;}
.member_flex .ul li{ display: flex;}
.member_flex .ul li + li{ margin-top: 0.2rem;}
.member_flex .ul li .flex{ flex: 1;}
.member_flex .ul .input{ width: 100%; line-height: 0.6rem; height: 0.6rem; border-radius: 0.3rem; background: #f8f8f8; padding: 0 0.2rem;}
.member_flex .ul .label{ padding: 0 0.1rem; display: flex; align-items: center; user-select: none;}
.member_flex .ul .label input{ margin-right: 0.1rem;}
.member_flex .ul .sub{ width: 100%; height: 0.6rem; line-height: 0.6rem; text-align: center; border-radius: 0.3rem; color: #fff; background: #333; cursor: pointer;}
.member_flex .bottom{ text-align: center; color: #999; padding: 0.2rem 0;}
.member_flex .bottom a{ text-decoration: underline; color: #999;}
.member_flex .bottom a:hover{ color: #333;}
.member_flex .flex input.input{ margin-right: 0.1rem;}
.member_flex .flex .code{ text-align: center; cursor: pointer; user-select: none; padding: 0;}
@media(min-width:751px){
.member_flex .flex input.input{ width: 1.9rem;}
}
@media(max-width:750px){
.member_box{ background: #f3f3f1 !important;}
.member_flex{ justify-content: center; min-height: auto;}
}


.qui-numbox{display: inline-flex;align-items: center;width: 1.2rem;border: 1px solid #ededed; border-radius: 0.05rem;}
.qui-numbox .quia{width: .38rem;line-height: .38rem;flex-shrink: 0;color: #000;font-size: .14rem;text-align: center;}
.qui-numbox .quia2{flex: 1;border-left: .01rem solid #ededed;border-right: .01rem solid #ededed;}
.qui-del{cursor: pointer; display: inline-block;vertical-align: middle;width: .18rem;height: .18rem;background: url(../images/ico_close_maru.svg) center no-repeat;background-size: contain;}
.sub_big_title{ font-size: 0.24rem; font-weight: bold; padding: 0.35rem 0;}


.orderlistcont .title{ font-size: 0.16rem;}
.orderlistcont .text{ color: #999; padding-top: 0.1rem; font-weight: 100;}
.shoppingCart{ font-size: 0.14rem; min-height: 4rem;}
.shoppingCart .ul li + li{ padding: 0.3rem calc(1px + 0.2rem); border-bottom: 1px solid #e5e5e5;}
.shoppingCart .ul .top{ border: 1px solid #e5e5e5; line-height: 0.3rem; padding: 0.15rem 0.2rem;}
.shoppingCart .ul .g1{ width: 1.34rem;}
.shoppingCart .ul .g2{ width: 38%; padding: 0 0.2rem;}
.shoppingCart .ul .g3,
.shoppingCart .ul .g4,
.shoppingCart .ul .g5,
.shoppingCart .ul .g6{ text-align: center;}
.shoppingCart .ul .g6{ width: 0.8rem;}
.shoppingCart .ul .g7{ width: 1.6rem;}
.shoppingCart .ul .itempic{ display: flex; align-items: center; justify-content: space-between;}
.shoppingCart .ul .itempic .g-pic{ width: 1.1rem; padding-bottom: 1.1rem;}
.shoppingCart .bottom{ display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 0 0 calc(0.2rem + 1px);}
.shoppingCart .bottom .checkbox{ width: 0.9rem; }
/* .shoppingCart .bottom .del{ width: 3em;} */
.shoppingCart .bottom .text{ flex: 1; display: flex; align-items: center; justify-content: flex-end;}
.shoppingCart .bottom .text b{ font-size: 0.24rem;}
.shoppingCart .bottom .btn a{ margin-left: 0.3rem;}

@media(max-width:1024px){
.shoppingCart .ul li + li{ padding: 0.2rem calc(1px + 0.2rem);}
.shoppingCart .ul .top .g3,
.shoppingCart .ul .top .g4,
.shoppingCart .ul .top .g5,
.shoppingCart .ul .top .g6{ display: none;}
.shoppingCart .qui-ytable{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.shoppingCart .qui-ytable-cell{ display: block;}
.shoppingCart .ul .top .g2{ height: auto;}
.shoppingCart .ul .g2{ width: calc(100% - 2.94rem); height: 1.1rem; padding-right: 0; display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.shoppingCart .ul .g7{ height: 1.1rem; display: flex; justify-content: center; flex-direction: column;}
.shoppingCart .ul .g3{ display: none;}
.shoppingCart .ul .g4,
.shoppingCart .ul .g5,
.shoppingCart .ul .g6{ height: calc(0.38rem + 2px); margin-top: 0.1rem; display: flex; align-items: center; justify-content: center;}
.shoppingCart .ul .g4{ margin-left: 0.24rem;}
.shoppingCart .ul .g5{ flex: 1; justify-content: flex-start; padding: 0 0.1rem;}
.shoppingCart .bottom{ display: block; padding-top: 0.3rem;}
.shoppingCart .bottom .del{ flex: 1;}
.shoppingCart .bottom .btn{ justify-content: flex-end; margin-top: 0.1rem;}
.shoppingCart .bottom .btn a{ margin-left: 0;}
}

.qui-maxw300{max-width: 3rem!important;}

.qui-pop-all{width: 8rem;border-radius: .1rem;}
.qui-pop-all .layui-layer-title{padding: .2rem .3rem;height: auto;line-height: .22rem;font-size: .18rem;color: #333;}
.qui-pop-all .layui-layer-content{padding: .3rem;max-height: 64vh;}

.qui-pop-all .layui-layer-content::-webkit-scrollbar{width:5px;height:5px;}
.qui-pop-all .layui-layer-content::-webkit-scrollbar-track{background-color:#f2f2f2;}
.qui-pop-all .layui-layer-content::-webkit-scrollbar-thumb{background-color:#333;border-radius:2.5px;}
.qui-pop-all .layui-layer-content::-webkit-scrollbar-thumb:hover{background-color:#333;border-radius:2.5px;}
.qui-pop-all .layui-layer-content::-webkit-scrollbar-thumb:active{background-color:#333;border-radius:2.5px;}
.qui-pop-all .layui-layer-btn .layui-layer-btn0{ background: #333; border-color: #333;}

.qui-addr-list-sel .ul{ display: flex; flex-wrap: wrap; margin-bottom: -0.25rem;}
.qui-addr-list-sel .ul li{ border: 1px solid #999; margin: 0 0 0.25rem 0.25rem; display: flex; align-items: center; justify-content: center;}
.qui-addr-list-sel .qui-cup{ display: flex; padding: 0.15rem 0.3rem; width: 100%; flex: 1; height: 100%;}
.qui-addr-list-sel .qui-cup:hover{ border-color: #333;}
.qui-addr-list-sel .al_left{ flex: 1; padding-right: 0.2rem;}
.qui-addr-list-sel .al_right{ width: 0.5rem;}
.qui-addr-list-sel input[type="radio"]{width: .2rem;height: .2rem; margin-left: 0.3rem;}
.qui-addr-list-sel .quitt .quitel{ margin-left: 1em;}
.qui-addr-list-sel .quitxt{ color: #999; margin-top: 0.05rem;}
.qui-addr-list-sel .qui_btn{ display: none; justify-content: space-between; margin-top: 0.05rem;}
.qui-addr-list-sel .qui-cup:hover .qui_btn{ display: flex;}
.qui-addr-list-sel .qui_btn a{display: block; width: 0.2rem; height: 0.2rem; background: center no-repeat; background-size: 0.12rem 0.12rem;}
.qui-addr-list-sel .qui_btn .edit{ background-image: url(../images/ico_edit.svg);}
.qui-addr-list-sel .qui_btn .del{ background-image: url(../images/ico_del.svg);}
@media(min-width: 1025px){
.qui-addr-list-sel .ul li{ width: calc((100% - 0.5rem) / 3);}
.qui-addr-list-sel .ul li:nth-child(3n + 1){ margin-left: 0;}
}
@media(min-width: 751px) and (max-width: 1024px){
.qui-addr-list-sel .ul{ margin-bottom: -0.2rem;}
.qui-addr-list-sel .ul li{  margin: 0 0 0.2rem 0.2rem;  width: calc((100% - 0.2rem) / 2);}
.qui-addr-list-sel .ul li:nth-child(2n + 1){ margin-left: 0;}
}
@media(max-width: 750px){
.qui-addr-list-sel .ul{ margin-bottom: 0;}
.qui-addr-list-sel .ul li{ width: 100%; margin:0;}
.qui-addr-list-sel .ul li + li{ margin-top: 0.1rem;}
}

.sub_title{ padding-bottom: 0.3rem;}
.sub_title em{ font-size: 0.24rem;}
.sub_title a{ font-size: 0.14rem; margin-left: 0.25rem;}

.pay_list ul{ display: flex; margin: -0.25rem 0 0 -0.25rem; flex-wrap: wrap;}
.pay_list li{ display: flex; width: 2.14rem; margin: 0.25rem 0 0 0.25rem;}
.pay_list li .payitem{ width: 100%; border: 1px solid #e5e5e5; display: flex;}
.pay_list li .payitem .g-pic{ width: 100%; padding-bottom: 32%;}
.pay_list li .on{ border-color: #333;}
@media(max-width: 1024px){
.pay_list li{ width: calc((100% - 0.75rem) / 3);}
}
@media(max-width: 750px){
.pay_list ul{ margin: -0.1rem 0 0 -0.1rem;}
.pay_list li{ margin: 0.1rem 0 0 0.1rem;}
}


.fapiaolist .label{ display: flex; align-items: center; border-bottom: 1px solid #e5e5e5; padding-bottom: 0.15rem; margin-bottom: 0.2rem;}
.fapiaolist .label input{ margin-right: 0.1rem;}

.order_prod_item .ul{ border: 1px solid #e5e5e5; font-size: 0.14rem;}
.order_prod_item .ul li{ padding: 0.2rem;}
.order_prod_item .ul li + li{ border-top: 1px solid #e5e5e5;}
.order_prod_item .ul .g-pic{ padding-bottom: 100%;}
.order_prod_item .ul .g1{ width: 1.1rem;}
.order_prod_item .ul .g2{ width: 38%; padding: 0 0.2rem;}
.order_prod_item .ul .g3,
.order_prod_item .ul .g4,
.order_prod_item .ul .g5,
.order_prod_item .ul .g6{ text-align: right;}
.order_prod_item .ul .title{ font-size: 0.16rem;}
.order_prod_item .ul .text{color: #999; font-weight: 100;}
@media(min-width: 1025px){
.order_prod_item .ul .g6{ width: 1.7rem;}
}
@media(max-width: 1024px){
.order_prod_item .qui-ytable{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.order_prod_item .qui-ytable-cell{ display: block;}
.order_prod_item .ul .top .g2{ height: auto;}
.order_prod_item .ul .g2{ width: calc(100% - 1.34rem); height: 1.1rem; padding: 0; display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.order_prod_item .ul .g3,
.order_prod_item .ul .g4,
.order_prod_item .ul .g5,
.order_prod_item .ul .g6{ height: calc(0.38rem + 2px); margin-top: 0.1rem; display: flex; align-items: center; justify-content: center;}
.order_prod_item .ul .g4{ margin-left: 0.24rem;}
.order_prod_item .ul .g5{ flex: 1; justify-content: flex-start; padding: 0 0.1rem;}
}


.order_info_item ul{ font-size: 0.14rem; padding: 0.3rem 0.2rem;}
.order_info_item ul + ul{ border-top: 1px solid #e5e5e5; padding-top: 0.5rem;}
.order_info_item ul li{ display: flex; text-align: right; align-items: center; justify-content: flex-end;}
.order_info_item ul li + li{ margin-top: 0.1rem;}
.order_info_item ul li .oii_left{ flex: 1; font-weight: 100;}
.order_info_item ul li .oii_right{ width: 1.7rem;}
.order_info_item ul li .oii_right b{ font-size: 0.24rem;}



.sub_order .stateico .ico{ display: block; width: 0.9rem; height: 0.9rem; margin: 0 auto;}
.sub_order .stateico .text{ text-align: center; margin-top: 0.2rem;}

.com_order{ /* border-top: 1px solid #e5e5e5; */ border-bottom: 1px solid #e5e5e5; padding: 0.3rem 0; line-height: 0.3rem;}
.com_order dd{ display: flex; justify-content: space-between;}
.com_order dd + dd{ margin-top: 0.35rem;}
.com_order .co_left{ width: 6em; min-width: 60px;}
.com_order .co_right{ flex: 1;}
.com_order .right_text{ font-size: 0.14rem; color: #666; font-weight: 300;}
.gotocom_order{ margin-top: 0.3rem; border: none;}
.gotocom_order .textarea{ border: 1px solid #ddd; height: 1rem; border-radius: 0.05rem; padding: 0.1rem; width: 100%;}
.gotocom_order .com_btn{ margin-top: 0.2rem;}
.gotocom_order .textcom_box + li{ border-top: 1px solid #ddd; margin-top: 0.3rem; padding-top: 0.3rem;}

.cmlist{ font-size: 0.14rem;}
.cmlist li + li{ padding-top: 0.2rem;}
.cmlist .g-pic{ padding-bottom: 100%;}
.cmlist .g1{ width: 1.1rem;}
.cmlist .g2{ width: 38%; padding: 0 0.2rem;}
.cmlist .g3,
.cmlist .g4,
.cmlist .g5{ text-align: right;}
.cmlist .title{ font-size: 0.16rem;}
.cmlist .text{color: #999; font-weight: 100; margin-top: 0.1rem;}

@media(min-width: 1025px){
.cmlist .qui-ytable-cell{ vertical-align: top;}
}
@media(max-width: 1024px){
.cmlist .qui-ytable{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.cmlist .qui-ytable-cell{ display: block;}
.cmlist .g2{ width: calc(100% - 1.1rem); height: 1.1rem; padding: 0 0 0 0.2rem; display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.cmlist .g3,
.cmlist .g4,
.cmlist .g5,
.cmlist .g6{ height: calc(0.38rem + 2px); margin-top: 0.1rem; display: flex; align-items: center; justify-content: center;}
.cmlist .g4{ margin-left: 0.24rem;}
.cmlist .g5{ flex: 1; justify-content: flex-start; padding: 0 0.1rem;}
}

.com_btn{ display: flex; align-items: center; justify-content: flex-end; margin-top: 0.5rem;}
.com_btn a{ display: block;}




.member_page{ display: flex;}
.member_page .qui-box-left{ width: 2rem; background: #fff; border-radius: 0.1rem;}
.member_page .mp_right{ flex: 1; margin-left: 0.2rem;}
@media(max-width: 1024px){
.member_page{ display: block;}
.member_page .qui-box-left{ width: auto;}
.member_page .mp_right{ margin: 0.2rem 0 0 0;}
}


.qui-mem-menu{ padding: 0.3rem;}
.qui-mem-menu .quiname{font-size: .18rem;color: #000;padding-bottom: .16rem;margin-right: .4rem;border-bottom: .01rem solid #e6e6e6;}
.qui-mem-menu .ULLIST>li + li{ padding-top: .5rem;}
.qui-mem-menu .ULLIST .quia{display: block;line-height: .2rem;color: #333;font-size: .16rem;padding: .06rem .14rem .06rem .35rem;background: left center  no-repeat;position: relative;font-weight: bold; background-size: 0.3rem;}
.qui-mem-menu .ULLIST .quia:after{content: '';width: .1rem;height: .06rem;background: url(../images/ico_down_select.svg) center right no-repeat;background-size: contain;position: absolute;right: 0;top: 50%;margin-top: -.03rem;}
.qui-mem-menu .ULLIST .quii{position: absolute;left: 0;top: 50%;margin-top: -.1rem;width: .2rem;height: .2rem;background: center no-repeat;background-size: contain;display: none;}
.qui-mem-menu .ULLIST .quia.on .quii{display: block;}
.qui-memsub dd>a{display: block;line-height: .2rem;color: #666; font-weight: 100;padding: .06rem .1rem .06rem .35rem;font-size: .14rem;position: relative;}
.qui-memsub dd.on>a{color: #333; font-weight: normal;}
.qui-mem-menu .ULLIST .quia1{background-image: url(../images/men_left_1.svg);}
.qui-mem-menu .ULLIST .quia2{background-image: url(../images/men_left_2.svg);}
.qui-mem-menu .ULLIST .quia3{background-image: url(../images/men_left_3.svg);}
@media(max-width: 1024px){
.qui-mem-menu .ULLIST>li + li{ padding-top: .3rem;}
}



/* 用户、订单信息 */
.uo_info{ border-radius: 0.1rem; background: #fff; padding: 0.3rem; display: flex; align-items: center;}
.uo_info .user{ flex: 1; display: flex; align-items: center;}
.uo_info .user .pic img{ width: 0.9rem; height: 0.9rem; border-radius: 50%; display: block; object-fit: cover;}
.uo_info .user .cont{ margin-left: 0.3rem;}
.uo_info .user .cont .name{ font-size: 0.18rem; color: #333;}
.uo_info .user .cont .info{ font-size: 0.16rem; color: #666; margin-top: 0.1rem;}
.uo_info .order ul{ display: flex; justify-content: space-between;}
.uo_info .order li{ width: 1.2rem; text-align: center;}
.uo_info .order .pic{ position: relative; width: 0.4rem; margin: 0 auto;}
.uo_info .order .pic img{ width: 0.4rem; height: 0.4rem;}
.uo_info .order .pic .n{ border-radius: 50%; top: -0.06rem; right: -0.06rem; position: absolute; height: 0.22rem; width: 0.22rem; border: 2px solid #fff; background: #333; color: #fff; font-size: 0.14rem; font-weight: 100; text-align: center; line-height: calc(0.22rem - 4px);}
@media(min-width: 751px){
.uo_info .user{ border-right: 1px solid #eee; padding-right: 0.3rem; margin-right: 0.3rem;}
}
@media(max-width: 1024px){
.uo_info{ padding: 0.2rem;}
}
@media(max-width: 750px){
.uo_info{ display: block;}
.uo_info .order{ margin-top: 0.3rem;}
}

.memberRight{ padding: 0.4rem; background: #fff; border-radius: 0.1rem;}
.memberRight .toptitle{ display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #eee; padding-bottom: 0.2rem;}
.memberRight .toptitle a{ font-size: 0.14rem; color: #999;}
.memberRight .toptitle a.green{ color: #428434 !important;}
.memberRight .toptitle a:hover{ color: #000;}
@media(max-width: 1024px){
.memberRight{ padding: 0.2rem;}
}

.xxll_page{ display: flex; margin-top: 0.2rem;}
.xxll_page .xl_left{ flex: 1;}
.xxll_page .xl_right{ margin-left: 0.2rem; flex: none; width: 4.3rem;}
@media(max-width: 1024px){
.xxll_page .xl_left,
.xxll_page .xl_right{ width: auto; flex: 1;}
}
@media(max-width: 750px){
.xxll_page{ display: block;}
.xxll_page .xl_right{ margin: 0.2rem 0 0 0;}
}

.msg_list li{ padding: 0.25rem 0; border-bottom: 1px solid #eee;}
.msg_list a{ display: block; padding-left: 0.55rem; font-size: 0.14rem; font-weight: 300; background: url(../images/ico_msg_1.svg) left top no-repeat; background-size: 0.3rem;}
.msg_list li.has a{ background-image: url(../images/ico_msg_2.svg);}
.msg_list li.has a{ color: #999;}
.msg_list .title{ padding-bottom: 0.1rem; line-height: 0.3rem;}
.msg_list .title.rt{ display: flex; justify-content: space-between;}
.msg_list .title em{ font-size: 0.18rem; font-weight: normal; margin-right: 0.1rem;}
.msg_list .text{ line-height: 0.2rem;}


.liulan_list li{ padding: 0.25rem 0; border-bottom: 1px solid #eee;}
.liulan_list li a{ display: flex;}
.liulan_list .ll_left{ width: 0.8rem; margin-right: 0.2rem;}
.liulan_list .ll_left .g-pic{ padding-bottom: 100%;}
.liulan_list .ll_right{ flex: 1; min-width: 0;}
.liulan_list .ll_right .title{ line-height: 0.25rem;}
.liulan_list .ll_right .text{ font-size: 0.14rem; font-weight: 300; color: #999; line-height: 0.25rem; margin-top: 0.05rem;}

.order_list{ font-size: 0.14rem;}
.order_list .al_top{ padding: 0.5rem 0 0.2rem 0; font-weight: 300;}
.order_list .g1{ width: 1.2rem;}
.order_list .al_top .g1{ font-size: 0.16rem;}
.order_list .al_top .g1.grey{ color: #999;}
.order_list .al_top .g2{ width: 12em;}
.order_list .al_cont{  padding: 0.2rem 0;}
.order_list .al_top + .al_cont{ border-top: 1px solid #eee;}
.order_list .al_cont + .al_cont{ border-top: none;}
.order_list .al_cont .g-pic{ width: 1rem; height: 1rem;}
.order_list .al_cont .g2{ width: 38%; padding-right: 0.2rem;}
.order_list .al_cont .g2 .text{ color: #999; margin-top: 0.1rem;}
.order_list .al_cont .g3,
.order_list .al_cont .g4,
.order_list .al_cont .g5{ text-align: center;}
.order_list .g6{ width: 0.9rem;}
.order_list .g7{ width: 0.6rem; padding-left: 0.42rem;}
.order_list .btnlist .btn{ display: block; line-height: 0.28rem; height: calc(0.28rem + 2px); border-radius: 0.16rem; border: 1px solid #333; background: #333; color: #fff; text-align: center;}
.order_list .btnlist .btn + .btn{ border: 1px solid #e5e5e5; background: #fff; color: #666; margin-top: 0.1rem;}

.order_list_after.order_list .al_cont:first-child{ border-top: none;}
.order_list_after.order_list{ border-top: 1px solid #eee;}
.order_list_after.order_list .g0{ width: 0.3rem;}

.order_list .flexbox{ border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 0.1rem 0;}
@media(min-width: 1025px){
.order_list .flexbox{ display: flex; align-items: center;}
.order_list .flexbox .left{ flex: 1;}
}

@media(max-width: 1024px){
.order_list .qui-ytable{ display: flex; flex-wrap: wrap;}
.order_list .qui-ytable-cell{ display: block;}
.order_list .al_top{ padding-top: 0.2rem;}
.order_list .al_top .g1{ width: 100%;}
.order_list .al_top .g2,
.order_list .al_top .g3{ width: 50%;}
.order_list .al_cont .g2{ width: calc(100% - 1.2rem);}
.order_list .al_cont .g3,
.order_list .al_cont .g4,
.order_list .al_cont .g5{ width: calc(100% / 3); text-align: left; padding: 0.1rem 0;}
.order_list .g6{ width: calc(100% - 0.3rem);}
.order_list .g7{ width: 0.3rem; padding-left: 0.12rem;}
.order_list .al_top .g6,
.order_list .al_top .g7{ margin-top: 0.1rem;}
.order_list .btnlist{ display: flex;}
.order_list .btnlist .btn{ width: 35%; max-width: 8em;}
.order_list .btnlist .btn + .btn{ margin: 0 0 0 0.2rem;}
.order_list_after.order_list .al_cont .g2{ width: calc(100% - 1.5rem);}
.order_list_after.order_list .al_cont .g3{ padding-left: 0.3rem;}
.order_list .flexbox .right{ padding-bottom: 0.3rem;}
}


.order_tablist{ border-bottom: 1px solid #eee; padding-bottom: 0.2rem;}
.order_tablist .search{ display: flex;}
.order_tablist .search input{ width: calc(100% - 0.3rem); font-size: 0.14rem;}
.order_tablist .search .ico{ cursor: pointer; width: 0.3rem; height: 0.3rem; background: url(../images/search.svg) center right no-repeat; background-size: 0.2rem 0.2rem;}
.order_tablist .list{ flex: 1;}
.order_tablist .list .on{ font-weight: bold;}
.order_tablist .list ul{ display: flex; justify-content: space-between;}
.order_tablist .list li{ cursor: pointer; line-height: 0.3rem;}
@media(min-width: 1025px){
.order_tablist{ display: flex; justify-content: space-between; flex-direction: row-reverse;}
.order_tablist .list ul{ max-width: 6rem; margin-right: 0.2rem;}
.order_tablist .search{ width: 2.6rem;}
}
@media(max-width: 1024px){
.order_tablist .search{ margin-bottom: 0.2rem;}
}



.evaluate_list li{ padding: 0.25rem 0; border-bottom: 1px solid #eee;}
.evaluate_list a{ display: flex; align-items: center; justify-content: space-between; font-weight: 300;}
.evaluate_list .g-pic{ width: 1rem; height: 1rem;}
.evaluate_list .cont{ flex: 1; margin: 0 0.2rem;}
.evaluate_list .cont .info{ font-size: 0.14rem; color: #999; margin-top: 0.1rem;}
.evaluate_list .cont .info span + span{ margin-left: 0.2rem;}



.layui-form-select .layui-edge{width: .12rem;height: .06rem;right: .16rem;position: absolute;top: 50%;margin-top: -.03rem;background: url(../images/ico_sel.svg) center no-repeat;background-size: contain;border: 0;}

.edit_formlist .ul li{ display: flex; line-height: calc(0.44rem + 2px);}
.edit_formlist .ul li + li{ margin-top: 0.2rem;}
.edit_formlist .ul .eu_left{ width: 4em; min-width: 60px; text-align: right; margin-right: 0.15rem;}
.edit_formlist .ul .eu_right{ flex: 1; max-width: 3.3rem;}
.edit_formlist .ul .eu_right.mw{ max-width: 5.6rem;}
.edit_formlist .ul .eu_right .all-default-btn{ width: 100%; margin: 0.5rem 0;}
.edit_formlist .layui-input{ border: 1px solid #eee; border-radius: 0.03rem; line-height: 0.44rem; height: calc(0.44rem + 2px); padding: 0 0.2rem; width: 100%;}
.edit_formlist .uploadpic{ position: relative;}
.edit_formlist .uploadpic,
.edit_formlist .uploadpic .g-pic{ width: 1.2rem; height: 1.2rem; background: #eee;}
.edit_formlist .uploadpic .file{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.edit_formlist .addr_select{ display: flex; margin-left: -0.1rem;}
.edit_formlist .addr_select > .layui-unselect{ margin-left: 0.1rem;}
@media(max-width: 750px){
.edit_formlist .ul .eu_right .all-default-btn{ margin: 0.2rem 0;}
}


.addr_list{ padding-top: 0.2rem;}
.addr_list li{ display: flex; padding: 0.25rem 0; border-bottom: 1px solid #eee;}
.addr_list .al_left{ flex: 1;}
.addr_list .al_left .title span{ margin-right: 0.15rem;}
.addr_list .al_left .title em{ background: #666; color: #fff; border-radius: 0.11rem; line-height: 0.22rem; display: inline-block; font-size: 0.14rem; min-width: 40px; width: 0.4rem; text-align: center;}
.addr_list .al_left .text{ color: #999; font-weight: 300; margin-top: 0.1rem;}
.addr_list .al_right{ margin-left: 0.2rem; display: flex; align-items: center; justify-content: center;}
.addr_list .al_right .btn{display: block; width: 0.3rem; height: 0.3rem; background: center no-repeat; background-size: 0.12rem 0.12rem; cursor: pointer;}
.addr_list .al_right .edit{ background-image: url(../images/ico_edit.svg);}
.addr_list .al_right .del{ background-image: url(../images/ico_del.svg);}
.addr_list .al_right .down{ background-image: url(../images/ico_down.svg);}


.prod_top{ display: flex;}
.prod_top > .pt_left{ width: 5rem;}
.prod_top > .pt_left .big_pic{ position: relative;}
.prod_top > .pt_left .g-pic{ padding-bottom: 100%;}
.prod_top > .pt_left .swiper_box{ overflow: hidden;}
.prod_top > .pt_left .big_pic .g-pic .video,
.prod_top > .pt_left .big_pic .g-pic .video video{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff;}
.prod_top > .pt_left .small_pic_left{ position: relative; padding: 0 0.2rem; margin-top: 0.4rem;}
.prod_top > .pt_left .small_pic_left > .btn{ width: 0.2rem; height: 100%; position: absolute; top: 0; cursor: pointer; background: url(../images/arrow.svg) center no-repeat; background-size: 0.08rem auto; transition: all .25s ease 0s;}
.prod_top > .pt_left .small_pic_left > .prev{ left: 0; transform:rotate(180deg);}
.prod_top > .pt_left .small_pic_left > .next{ right: 0;}
.prod_top > .pt_left .small_pic_left > .swiper-button-disabled{ opacity: 0.4; cursor: auto;}
.prod_top > .pt_left .small_pic_left .cur{ border: 1px solid #eee;}
.prod_top > .pt_left .small_pic_left .on .cur{ border-color: #333;}
.prod_top > .pt_left .small_pic_left dd{ cursor: pointer;}
.prod_top > .pt_left .small_pic_left .hasvideo{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2);}
.prod_top > .pt_left .small_pic_left .hasvideo::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ico_play.svg) center no-repeat; background-size: 0.4rem;}
.prod_top > .pt_right{ flex: 1; margin-left: 0.6rem;}
@media(max-width: 1024px){
.prod_top{ display: block;}
.prod_top > .pt_left{ width: 100%;}
.prod_top > .pt_right{ margin: 0.3rem 0 0 0;}
}


.prod_info > .title{ font-size: 0.24rem; font-weight: bold;}
.prod_info > .text{ margin: 0.2rem 0;}
.prod_info > .tab{ display: flex;}
.prod_info > .tab li{ position: relative; transition: all .3s ease 0s; cursor: pointer; flex: 1; border: 1px solid #dedede; background: #f9f9f9; color: #666; text-align: center; font-size: 0.14rem; line-height: 0.38rem;}
.prod_info > .tab li.on::before{content: ''; position: absolute; left: -1px; right: 0; top: -1px; right: -1px; border-top: 2px solid #333;}
.prod_info > .tab li + li{ border-left: none;}
.prod_info > .tab li.on{ color: #333; background: #fff; border-bottom-color: #fff;}
.prod_info > .tabcont{ margin-top: 0.1rem; background: #f9f9f9;}
.prod_info > .tabcont .tablebox{ padding: 0.2rem 0.25rem; font-weight: 300;}
.prod_info > .tabcont .tablebox b{ font-size: 0.24rem;}
.prod_info > .prod_listitem{ display: flex; padding: 0.25rem 0 0 0.25rem;}
.prod_info > .prod_listitem.border_box{ align-items: center; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-top: 0.25rem; padding-bottom: 0.25rem;}
.prod_info > .prod_listitem .pli_left{ width: 5em; min-width: 50px; color: #666;}
.prod_info > .prod_listitem .pli_right{ flex: 1; min-width: 0;}


.skulist{ display: flex; flex-wrap: wrap; margin: -0.2rem 0 0 -0.2rem;}
.skulist li{ display: flex; line-height: 0.38rem; border: 1px solid #dedede; margin: 0.2rem 0 0 0.2rem; cursor: pointer;}
.skulist li.on{ border-color: #333;}
.skulist .g-pic{ width: 0.38rem; height: 0.38rem;}
.skulist .info{ padding: 0 0.2rem; font-size: 0.14rem; position: relative;}
.skulist .info span{ position: absolute; border-radius: 0.04rem; padding: 0 0.02rem; min-width: 0.18rem; height: 0.18rem; background: #ff7300; color: #fff; font-size: 0.12rem; display: flex; align-items: center; justify-content: center; right: -0.05rem; top: -0.08rem;}

.prod_number{ display: flex; align-items: center; justify-content: flex-start;}
.prod_number .qui-numbox{ border-radius: 0.2rem; overflow: hidden; width: 2.26rem;}
.prod_number .qui-numbox a.quia{ background: #f6f6f6; color: #999;}
.prod_number .qui-numbox input.quia{ width: 1.26rem;}
.prod_number .info{ font-size: 0.14rem; color: #999; margin-left: 0.35rem;}
.prod_number .info b{ color: #333;}
@media(max-width: 750px){
.prod_number{ display: block;}
.prod_number .info{ margin: 0.2rem 0 0 0;}
}




.buy_btnlist{ display: flex; align-items: center; justify-content: space-between; margin-top: 0.25rem; flex-wrap: wrap;}
.buy_btnlist .btn{ width: 2.25rem; text-align: center; line-height: 0.48rem; border: 1px solid #333; background: #333; color: #fff; border-radius: 0.25rem; margin-right: 0.2rem;}
.buy_btnlist .btn.gwc{ background: #fff; color: #333; display: flex; align-items: center; justify-content: center;}
.buy_btnlist .btn.gwc span{ display: block; padding-left: 0.3rem; background: url(../images/ico_02.svg) left center no-repeat; background-size: 0.2rem auto;}
.buy_btnlist .shoucang{ flex: 1; padding-left: 0.4rem; background: url(../images/ico_shoucang_off.svg) left center no-repeat; background-size: 0.22rem auto; cursor: pointer;}
.buy_btnlist .shoucang.on{ background-image: url(../images/ico_shoucang_on.svg);}
.buy_btnlist .fenxiang{ width: 0.3rem; height: 0.3rem; background: url(../images/ico_05.svg) center no-repeat; background-size: 0.2rem auto;}
@media(max-width: 750px){
.buy_btnlist .btn{ width: calc((100% - 0.2rem) / 2); margin-bottom: 0.2rem;}
.buy_btnlist .btn.gwc{ margin-right: 0;}
.buy_btnlist .shoucang{ margin-left: 0.1rem;}
.buy_btnlist .fenxiang{ margin-right: 0.1rem;}
}

.prod_bottom{ display: flex; border-top: 1px solid #dedede; margin-top: 0.6rem; padding-top: 0.5rem;}
.prod_bottom .pb_left{ width: 3.1rem;}
.prod_bottom .pb_left .bigtitle{ line-height: 0.3rem; font-weight: bold; padding-bottom: 0.2rem;}
.prod_bottom .pb_right{ flex: 1; margin-left: 0.6rem;}
@media(max-width: 1024px){
.prod_bottom{ display: block;}
.prod_bottom .pb_left{ width: 100%;}
.prod_bottom .pb_right{ margin: 0.3rem 0 0 0;}
}

.prod_tablist{ line-height: 0.3rem; display: flex; align-items: center; justify-content: space-around;max-width: 450px; margin: 0 auto;}
.prod_tablist li{ cursor: pointer; position: relative;}
.prod_tablist li.on{ font-weight: bold;}
.prod_tablist li.on::before{ content: ''; position: absolute; left: 0; right: 0; bottom: -0.1rem; border-top: 2px solid #333;}

.pbt_list{ background: #f8f8f8; margin-top: 0.4rem; padding: 0.3rem 0.6rem; min-height: 80vh;}
@media(max-width: 1024px){
.pbt_list{ padding: 0.3rem;}
}

.pinglun_tab{ display: flex; margin: 0 0 0 -0.1rem;}
.pinglun_tab dd{ line-height: 0.3rem; background: #e9e9e9; border-radius: 0.2rem; padding: 0 0.15rem; font-size: 0.14rem; cursor: pointer; margin: 0.1rem 0 0 0.1rem;}
.pinglun_tab dd.on{ background: #333; color: #fff;}

.pinglun_list dd{ display: flex;}
.pinglun_list dd + dd{ margin-top: 0.2rem; padding-top: 0.2rem; border-top: 1px solid #ddd;}
.pinglun_list .pl_left{ width: 0.8rem;}
.pinglun_list .pl_left .g-pic{ width: 0.8rem; height: 0.8rem; border-radius: 50%;}
.pinglun_list .pl_left .name{ text-align: center; margin-top: 0.1rem;}
.pinglun_list .pl_right{ flex: 1; margin: 0 0.2rem; padding-top: 0.1rem;}
.pinglun_list .pl_right .info{ font-size: 0.14rem; color: #999; margin-bottom: 0.1rem;}
.pinglun_list .pl_right .info span + span{ margin-left: 0.2rem;}



.footer_fixed{ position: fixed; right: 0.6rem; top: 50%; transform: translateY(-50%); z-index: 10001;}
.footer_fixed .qui-gotop{ opacity: 0;}
.footer_fixed li{ position: relative;}
.footer_fixed li .showitem{ transition: all 0.4s; position: absolute; right: 0; white-space: nowrap; top: 0; line-height: 0.42rem; overflow: hidden; z-index: 1; padding-right: 0.42rem; background: #eee; opacity: 0; pointer-events: none; display: flex; align-items: center; justify-content: center;}
.footer_fixed li:hover .showitem{ opacity: 1; pointer-events: all; width: auto; background: #333; color: #fff;}
.footer_fixed li .showitem.text{ border-radius: 1rem; width: 0; padding: 0;}
.footer_fixed li .showitem.text .span { padding: 0 0.52rem 0 0.2rem;}
.footer_fixed li .showitem.code{ border-radius: 0.04rem; right: calc(100% + 0.04rem); padding: 0.06rem; top: 50%; transform: translateY(-50%);}
.footer_fixed li .showitem.code img { max-width: 1.4rem;}
.footer_fixed li a{ display: block; width: 0.42rem; height: 0.42rem; background: #eee url(../images/ico_right_01.svg) center no-repeat; background-size: 0.3rem; border-radius: 50%; position: relative; z-index: 2;}
.footer_fixed li a span{ position: absolute; right: -0.05rem; top: -0.05rem; min-width: 0.18rem; height: 0.18rem; background: #ff7300; color: #fff; padding: 0 0.05rem; display: flex;align-items: center; justify-content: center;  font-size: 0.12rem; border-radius: 50%;}
.footer_fixed li.ico1 a{ background-image: url(../images/ico_right_01.svg);}
.footer_fixed li.ico2 a{ background-image: url(../images/ico_right_02.svg);}
.footer_fixed li.ico3 a{ background-image: url(../images/ico_right_03.svg);}
.footer_fixed li.ico4 a{ background-image: url(../images/ico_02.svg); background-size: 0.24rem auto;}
.footer_fixed li.ico5 a{ background-image: url(../images/ico_right_05.svg); background-size: 0.24rem auto;}
.footer_fixed li.ico6 a{ background-image: url(../images/ico_right_06.svg); background-size: 0.24rem auto;}
.footer_fixed li.ico1:hover a{ background-image: url(../images/ico_right_01_shiro.svg);}
.footer_fixed li.ico2:hover a{ background-image: url(../images/ico_right_02_shiro.svg);}
.footer_fixed li.ico3:hover a{ background-image: url(../images/ico_right_03_shiro.svg);}
.footer_fixed li.ico4:hover a{ background-image: url(../images/ico_02_shiro.svg);}
.footer_fixed li.ico5:hover a{ background-image: url(../images/ico_right_05_shiro.svg);}
.footer_fixed li.ico6:hover a{ background-image: url(../images/ico_right_06_shiro.svg);}
.footer_fixed li:hover a{ background-color: #333;}
.footer_fixed li + li{ margin-top: 0.12rem;}
@media(min-width: 1650px){
.footer_fixed{ right: 50%; margin-right: -780px;}

}
@media(max-width: 1024px){
.footer_fixed{ right: 3%;}
}

[v-cloak] {
    display: none;
}



.goverAddr{ position: relative; z-index: 800;}
.goverAddr .goverCont{ position: absolute; left: 0; top: 100%; width: 5rem; background: #fff; border: 1px solid #ddd; padding: 0.1rem;}
.goverAddr .ga_flex{ display: flex;}
.goverAddr .goverTitle{ margin-right: 10px; border: 1px solid #ddd; padding: 0.05rem ;}
.goverAddr .goverTitle,
.goverAddr .ga_flex .select{ position: relative; padding-right: 10px; cursor: pointer;}
.goverAddr .goverTitle::after,
.goverAddr .ga_flex .select::after{ content: ''; position: absolute; right: 0; width: 0; height: 0; top: calc(50% - 2px); border: 4px solid transparent; border-top-color: #ddd;}
.goverAddr .goverTitle::after{ right: 5px;}
.goverAddr .ga_flex .select + .select{ margin-left: 0.2rem;}
.goverAddr .ga_flex .select.on{ font-weight: bold; color: #000;}
.goverAddr .ga_select{ display: flex; flex-wrap: wrap; margin-left: -10px; padding-top: 10px; margin-top: 10px; border-top: 1px solid #ddd;}
.goverAddr .ga_select > *{ margin: 0 0 0 10px; cursor: pointer;}
.goverAddr .ga_select .add{ min-width: 6em;}
.goverAddr .ga_select .add.on,
.goverAddr .ga_select .add:hover{ color: #ff7300;}


.qui-pingjia .li + .li{ border-top: 1px solid #eee; margin-top: 0.3rem;}
.qui-pingjia .quitt{ font-size: 0.18rem; padding-bottom: 0.2rem; margin-top: 0.3rem;}
.qui-pingjia .qui_radio{ display: flex; align-items: center;}
.qui-pingjia .qui_radio + .qui_radio{ margin-top: 0.1rem;}
.qui-pingjia .qui_radio span{ margin-left: 0.2rem;}
.qui-pingjia input.qui-text,
.qui-pingjia textarea.qui-text{ border: 1px solid #eee; line-height: 0.48rem; height: calc(0.48rem + 2px); padding: 0 0.1rem; width: 100%; max-width: 4rem;}
.qui-pingjia textarea.qui-text{ height: 1.4rem;}
.qui-pingjia .qui-text + .info{ color: #999; margin-top: 0.1rem;}
.qui-pingjia .all-big-btn{ justify-content: flex-start; margin-top: 0;}


.upload-img-list{ display: flex; flex-wrap: wrap; margin-bottom: 0.1rem; margin: 0 0 0 -0.1rem; padding-bottom: 0.1rem;}
.upload-img-list .quiava.quiava_bor{ position: relative; width: 1rem; height: 1rem; margin: 0.1rem 0 0 0.1rem;}
.upload-img-list .quiava.quiava_bor .qui-imgbg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}
.upload-img-list .quiava.quiava_bor .quibtn{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center;}


.table_07201021{ width: 100% !important; font-size: 0.14rem; border: none;}
.table_07201021 td{ border: none; border-bottom: 1px solid #ddd; padding: 0.05rem 0;}
.table_07201021 td:nth-child(1),
.table_07201021 td:nth-child(3){ color: #999;}


.goToPays{ display: flex; align-items: center; justify-content: flex-end;}

.footerPay{ position: fixed; left: 0; right: 0; bottom: 0.2rem; max-width: 1280px; margin: 0 auto;}

.inventory_08161016{ display: flex; position: relative; background: #eee; padding-left: 0.2rem; margin-top: 0.3rem;}
.inventory_08161016 .ilist{ position: absolute; left: 0; bottom: 100%; background: #fff; width: 100%;}
.inventory_08161016 .ilist table{ width: 100%;}
.inventory_08161016 .ilist table td:nth-child(1),
.inventory_08161016 .ilist table td:nth-child(2){ width: 25%;}
.inventory_08161016 .ileft{ flex: 1; line-height: 0.5rem;}
.inventory_08161016 .ileft span + span{ margin-left: 0.2rem;}
.inventory_08161016 .ileft b{ color: #ff7300; font-size: 1.2em;}
.inventory_08161016 .iright{ border-left: 1px solid #ddd; padding: 0 0.4rem 0 0.2rem; line-height: 0.5rem; cursor: pointer; position: relative;}
.inventory_08161016 .iright::before{ content: ''; right: 0.2rem; top: calc(50% - 0.05rem); position: absolute; width: 0.1rem; height: 0.1rem; background: url(../images/arrow.svg) center no-repeat; background-size: auto 0.1rem ; transform: rotate(-90deg); transition:all 0.25s linear 0.01s;}
.inventory_08161016 .iright.on::before{ transform: rotate(90deg);}

.level_08161051{ color: #999;}
.level_08161051.on{ color: #333;}


.guding_08161115_nbsp{ height: calc(0.5rem + 1px);}
.guding_08161115{  width: 100%; max-width: 1280px; z-index: 90;}
.guding_08161115.footerPay{position: fixed; left: 0; right: 0; bottom: 0; margin: 0 auto;}
.guding_08161115.footerPay .flexbox{ border-color: #ddd;}
.guding_08161115.footerPay .flexbox{ padding: 0.1rem 0.3rem;}
.guding_08161115 .flexbox{ display: flex; align-items: center; justify-content: space-between; padding: 0.1rem 0; background: #fff; border-top: 1px solid transparent; line-height: 0.3rem;}
.guding_08161115 .btn{ display: block; line-height: 0.28rem; height: calc(0.28rem + 2px); border-radius: 0.16rem; border: 1px solid #333; background: #333; color: #fff; text-align: center; padding: 0 0.2rem; font-size: 0.12rem;}
.guding_08161115 .gleft span + span{ margin-left: 0.2rem;}
.guding_08161115 .gleft span b{ font-size: 1.2em; color: #000;}
@media(min-width: 1025px){
.guding_08161115.footerPay .flexbox{ margin-left: 2.2rem;}
}
@media(max-width: 750px){
.guding_08161115 .gleft span{ display: block; line-height: 1.2;}
.guding_08161115 .gleft span + span{ margin-left: 0;}
}

.prod_top > .pt_left .g-pic-4 > img{transform: scale(1,1) !important; cursor: all-scroll;}
.prod_top .move{ position: absolute; width: calc(100% / 2); height: calc(100% / 2); top: 0; left: 0; background: url(../images/mask.png); z-index: 9999; pointer-events: none; display: none;}
.fangdajing{ position: absolute; width: 100%; height: 100%; left: 100%; top: 0; background: #fff; border: 1px solid #ddd; z-index: 3000; overflow: hidden; display: none;}
.fangdajing img{ position: absolute; width: calc((100% + 2px) * 2); height: calc((100% + 2px) * 2); max-width: none; max-height: none; left: 0; top: 0;}

@media(max-width: 1024px){
.fangdajing,
.prod_top .move{ display: none !important;}
}


.showPopup{ max-width: 96%; background: #fff; padding: 0.3rem;}
.showPopup .sptitle{ font-weight: bold; font-size: 0.18rem;}
.showPopup .spinfo .t1{ display: flex; align-items: center; margin-top: 0.3rem;}
.showPopup .spinfo .layui-icon{ color: #8abc0f; font-size: 0.3rem; margin-right: 0.1rem; width: 0.3rem;}
.showPopup .spinfo .t2{ margin-left: 0.4rem; margin-top: 0.1rem;}
.showPopup .spinfo .t2 span{ font-weight: bold; color: #ff7300;}
.showPopup .spinfo .t3{ margin: 0.1rem 0 0.3rem 0.4rem;}
.showPopup .spinfo .t3 a{ color: #ff7300;}
.showPopup .spinfo .t3 a + a{ margin-left: 0.2rem;}


.layui-layer-setwin .layui-layer-close2{-webkit-transition:none;transition:none;}
.layui-layer-shade,
.layui-layer{ z-index: 10000 !important;}


.index_zlfz { padding-bottom: 0 !important;}
.index_zlfz .top-title{ display: flex;}
.index_zlfz .top-title .title .cn { display: flex; font-size: 0.3rem; font-weight: bold; align-items: center;}
.index_zlfz .top-title .title .cn::after { content: ''; display: block; border-top: 1px solid #555; flex: 1; margin-left: 0.3rem;}
.index_zlfz .top-title .title .en { font-size: 0.22rem;}
.index_zlfz .top-title .info { color: #666; font-size: 0.18rem; flex: 1; min-width: 0;}
.index_zlfz .main-list { overflow: hidden; margin-top: 3%;}
.index_zlfz .main-list .g-pic { padding-bottom: 66%;}
@media(min-width: 1025px){
.index_zlfz .top-title .title .cn { min-width: 3rem; margin-right: 1.6rem;}
}
@media(max-width: 1024px){
.index_zlfz .top-title { display: block;}
.index_zlfz .top-title .info{ margin-top: 3%;}
}


.index_zhxc .swiper_box { margin: 0 3%;}
.index_zhxc .main-list { overflow: hidden;}
.index_zhxc .main-list .swiper-wrapper {transition-timing-function: linear !important}
.index_zhxc .main-list .g-pic{ padding-bottom: 66%;}


.showform { position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5);  }
.showform .form { background: #fff; padding: 0.3rem; border-radius: 0.04rem; position: relative;}
.showform .form .close { position: absolute; right: -0.4rem; top: -0.2rem; background: url(../images/cls22.svg) center no-repeat; background-size: 100%; border-radius: 50%; width: 0.3rem; height: 0.3rem; cursor: pointer;}
.showform .form .title { text-align: center; font-size: 0.18rem; margin-bottom: 0.2rem; font-weight: bold;}
.showform .form li{ display: flex;}
.showform .form li + li{ margin-top: 0.18rem;}
.showform .form input + input{ margin-left: 0.18rem;}
.showform .form input{ width: 100%; flex: 1; transition: all .3s ease 0s; line-height: 0.38rem; height: auto; border: 1px solid #ddd; padding: 0 0.1rem; font-size: 0.14rem; color: #333;}
.showform .form input:focus{ border-color: #000;}
.showform .form button{ background: #333; color: #fff; line-height: 0.4rem; height: 0.4rem; text-align: center; width: 100%; flex: 1; font-size: 0.14rem; cursor: pointer;}
.showform .form input:-moz-placeholder,
.showform .form textarea:-moz-placeholder{color:#A7A7A7;opacity:1;}
.showform .form input::-moz-placeholder,
.showform .form textarea::-moz-placeholder{color:#A7A7A7;opacity:1;}
.showform .form input:-ms-input-placeholder,
.showform .form textarea:-ms-input-placeholder{color:#A7A7A7;}
.showform .form input::-webkit-input-placeholder,
.showform .form textarea::-webkit-input-placeholder{color:#A7A7A7;}
@media(min-width:751px){
.showform .form ul{ width: 100%;}
}