@charset "utf-8";
.relate_1,.relate_2 {display:inline-block;height:0.64rem;float:left;margin:0 0.2rem 0.2rem 0;}
.relate_1 img,.relate_2 img {width:0.64rem;height:0.64rem;float:left;}
.relate_1 b,.relate_2 b {float:left;display:inline-block;max-width:6.4rem;height:0.64rem;line-height:0.64rem;overflow:hidden;font-weight:normal;padding:0 0.2rem;}
.relate_2 em {display:block;width:0.32rem;height:0.32rem;background:url('relate_on.gif') no-repeat;z-index:1;position:absolute;margin:0.64rem 0 0 0.64rem;}
.relate_1 a:link,.relate_1 a:visited,.relate_1 a:active {display:inline-block;height:0.64rem;border:#CCCCCC 1px solid;}
.relate_1 a:hover {border:#C90000 1px solid;}
.relate_2 a:link,.relate_2 a:visited,.relate_2 a:active,.relate_2 a:hover {display:inline-block;height:0.64rem;color:#333333;border:#C90000 1px solid;background:url('relate_on.gif') no-repeat right bottom;}

.nv_1,.nv_2,.nv_3 {float:left;padding:4px 0.2rem;margin:0 0.2rem 0.2rem 0;cursor:pointer;}
.nv_1 {border:#CCCCCC 1px solid;}
.nv_1:hover {border:#C90000 1px solid;}
.nv_2 {border:#C90000 1px solid;background:url('relate_on.gif') no-repeat right bottom;}

.promos {}
.promos span {display:block;float:left;padding:2px 0.12rem;margin-right:0.2rem;background:#FFDEDF;color:#DF3033;border-left:#DF3033 1px dotted;border-right:#DF3033 1px dotted;border-top:#DF3033 1px solid;border-bottom:#DF3033 1px solid;}
.promos span:hover {background:#FFFFFF;}

/*.brand-info {padding:0.12rem 0;}*/
/*.brand-info .tl {width:0.96rem;text-align:center;}*/
/*.brand-text {line-height:0.36rem;font-size:0.24rem;padding:0 0.32rem 0.32rem 0.32rem;margin:0;color:#E4393C;}*/
/*.brand-text span {color:#005EA7;}*/
.brand-price {font-weight:bold;font-family:Arial;color:#FF0000;}
.brand-price span {font-size:0.48rem;}
.brand-fprice {font-family:Arial;color:#7049FF;}
.brand-fprice b {font-weight:normal;}
.brand-fprice span {color:#666666;font-size:0.24rem;}
.brand-alter {width:2.56rem;height:0.64rem;border:#CCCCCC 1px solid;float:left;}
.brand-alter input{width:62px;height:0.64rem;line-height:0.64rem;border:none;text-align:center;padding:0;float:left;font-size:14px;}
.brand-alter b,.brand-alter i {display:block;width:0.64rem;height:0.64rem;line-height:0.64rem;background:#F2F2F2;text-align:center;float:left;cursor:pointer;-moz-user-select:none;-khtml-user-select:none;user-select:none;}
.brand-alter b {border-left:#CCCCCC 1px solid;font-size:0.36rem;}
.brand-alter i {border-right:#CCCCCC 1px solid;font-style:normal;font-size:22px;}
.brand-alter b:hover,.brand-alter i:hover {background:#E2E2E2;}
.brand-amount {display:inline-block;height:0.64rem;line-height:0.64rem;float:left;margin-left:0.32rem;color:#999999;font-size:0.24rem;}
.brand-sec1 {height:0.72rem;line-height:0.72rem;overflow:hidden;font-size:0.32rem;color:#FFFFFF;background:#E4393C url('ico-sec.png') no-repeat 0.24rem center;background-size:0.48rem 0.48rem;margin:0.2rem 0 0 0;border-radius:0.2rem 0.2rem 0 0;padding:0 0.32rem 0 0.96rem;}
.brand-sec1 div {float:right;font-size:0.24rem;}
.brand-sec2 {height:0.96rem;line-height:0.96rem;overflow:hidden;font-size:0.32rem;color:#666666;background:#F6F6F6 url('ico-sec-on.png') no-repeat 0.24rem center;background-size:0.48rem 0.48rem;margin:0.2rem 0 0 0;border-radius:0.2rem 0.2rem 0 0;padding:0 0.32rem 0 0.96rem;}
.brand-sec2 b {color:#E4393C;}
.brand-foot {height:1.12rem;}
.brand-foot table,.brand-foot td {height:1.12rem;}
.brand-foot .td-icon{width:0.96rem;}
.brand-foot .td-separator{width:0.2rem;}
.brand-foot img {width:0.4rem;height:0.4rem;}
.brand-foot span {display:block;padding-top:0;color:#7A7E83;font-size:11px;}
.brand-foot b {font-weight:normal;font-size:0.2rem;color:#FFFFFF;z-index:10;position:absolute;display:block;width:0.32rem;height:0.32rem;line-height:0.32rem;left:0;margin:-44px 0 0 2.56rem;background:#FF0000;border-radius:50%;text-align:center;}

.btn-cart, .btn-trial, .btn-brand{font-size:14px;width:100%;height:0.76rem;line-height:0.76rem;border:none;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;font-weight: bold;}
.btn-cart {background:#EA4125;color:#FFFFFF;background-image: linear-gradient(to right, rgb(255, 203, 0), rgb(255, 148, 2));border-radius: 20px 0 0 20px;}
.btn-cart:disabled {background:#CCCCCC;cursor:not-allowed;}
.btn-trial {background:#FFFFFF;border-radius: 20px 0 0 20px;border: 0.02rem solid #4E6EF2;color: #4E6EF2;border-radius: 0.06rem 0 0 0.06rem;box-sizing: border-box;}
.btn-trial:disabled {color: #6e4bfa;cursor:not-allowed;}
.btn-brand {color:#FFFFFF;background: linear-gradient(110deg, #4E6EF2, #778FF5, #96A9F7);border-radius: 0 0.06rem 0.06rem 0;box-sizing: border-box;}
.btn-brand:disabled {background: linear-gradient(110deg, #6e4bfa, #6e4bfa, #6e4bfa);cursor:not-allowed;}

.stat {padding:0.3rem 0 0.2rem 0;}
.stat_stars {width:1rem;font-size:0 !important;display: flex;}
.stat_stars img{height:0.26rem;width:0.26rem;align:absmiddle;opacity: 0.8;margin: 0 1px;}
.stat_p {height:0.2rem;line-height:0.2rem;background:#E5ECFF;font-size:1px;}
.stat_p div {height:0.2rem;line-height:0.2rem;background:#778FF5;border-left:#778FF5 2px solid;float:left;}

.comment-filter {background: #FFFFFF;padding: 0.16rem 0.16rem 0.16rem;overflow: hidden;border-bottom: 1px solid #ededed;}
.comment-filter p{overflow: hidden;width: 100%;}
.comment-filter input{display: none;}
.comment-filter label{height: .5rem;line-height: .5rem;position: relative;text-align: center;background: #ffffff;cursor: pointer;z-index: 1;float: left;font-size: 0.24rem;margin-bottom: .05rem;margin-right: .2rem;display: block;}
.comment-filter label span{display:block;margin: 0;float: none;}
.comment-filter label input:checked+span{z-index: 2;color:#FF6600;font-weight: bold;}
.comment-filter .filter-p1{}
.comment-filter .filter-p1 label{font-size:0.26rem}
.comment-filter .filter-p2{margin-top: 5px;}
.comment-filter .filter-p2 label{margin-right: .1rem;margin-bottom: .1rem;}
.comment-filter .filter-p2 span.f_a,.comment-filter .filter-p2 span.f_b{border-radius: 50px;padding: 0 0.2rem;height: .5rem;line-height: .5rem;font-size: 0.22rem;border: 1px solid #f5f5f5;margin-right: 0.03rem;background: linear-gradient(90deg, #286aff, #9f66ff);-webkit-background-clip: text;color: transparent;background-clip: text;text-fill-color: transparent;    
}
.comment-filter .filter-p2 label input:checked+span.f_b{color: #FFFFFF;background: linear-gradient(110deg, #4E6EF2, #778FF5, #96A9F7);}

.comment-reply {font-size:0.24rem;line-height:0.48rem;color:#FF6600;margin:0.2rem;padding:0.32rem;background:#FAFAFA;border-radius:0.12rem;clear:both;}
.comment-reply span {float:right;color:#999999;font-size:0.24rem;}
.comment-r {overflow:hidden;}
.comment-r ul {margin:0.24rem 0.32rem 0 0.32rem;overflow:hidden;}
.comment-r li {width:84px;height:84px;float:left;}
.comment-r li img {width:64px;height:64px;border:#EEEEEE 1px solid;padding:2px;cursor:pointer;}
.comment-r p {margin:0;overflow:hidden;clear:both;display:none;}
.comment-r p img {max-width:100%;cursor:pointer;}

/*v4*/
.brand-text {font-size: 0.24rem;line-height:200%;padding: 0.2rem;margin: 5px 0.16rem  0.2rem;background: linear-gradient(to right, #EDF6FF, #F0F3FF, #F5F0FF);color: #444444;border-radius: 5px;}
.brand-text h3{font-weight:normal;color:#D80A1C;margin-bottom:3px;font-size:0.24rem;}
.brand-text span {color:#005EA7;}
/**/
.brand-info {padding:0.12rem 0;background: #FFFFFF;border-radius: 0.1rem;margin: 0.16rem 0;}
.brand-info .tl {width: 1.26rem;text-align:center;color: #888888;font-size: 0.26rem;padding: 0.1rem;}
.brand-info td {font-size: 0.26rem;}
.brand-info .catt{font-size:0.24rem}
.brand-info .catt a{margin-right:8px}
.brand-info .hpj{background:#FCF2EF;border: 1px solid #f7e2dc;margin-right:5px;margin-bottom: 3px;padding: 2px 5px;overflow:hidden;font-size: 0.24rem;display: inline-block;border-radius: 3px;}
.brand-info .ui-head{background:none}

.comment .btnbox {
    display: flex;
    text-align: center;
    width: 1.8rem;
    height: 0.36rem;
    margin-right: 0.25rem;
    border-radius: 5px;
}   
.comment .btnbox span.f_red {
    color: #EF1F1F;
}
.comment .btnbox a {
    display: block;
}
.comment .btnbox .btn_ck {
    width: 0.6rem;
    height: 0.36rem;
    border: 1px solid #F5F0FF;
    font-size: 0.2rem;
    color: #FF6600;
    line-height: 0.32rem;
    border-radius: 0 3px 3px 0;
    box-sizing: border-box;
}
.comment .btnbox .btn_ck:hover {
}
.comment .btnbox .btn_xj {
    width: 1rem;
    height: 0.36rem;
    background: linear-gradient(to right, #EDF6FF, #F0F3FF, #F5F0FF);
    font-size: 0.2rem;
    color: #4E6EF2;
    line-height: 0.36rem;
    border-radius: 3px 0 0 3px;
    box-sizing: border-box;
}

.comment .btnbox .btn_xj:hover {
    background: linear-gradient(110deg, #4E6EF2, #4E6EF2, #4E6EF2);
}
/*.comment-content .comment_login{color:#4E6EF2;}*/
.comment-li {border-bottom: 1px solid #ededed;} 
/*.contact{width: 100%;margin: 28px auto 0;position: relative;width: 100%;}*/
.contact h2{font-size: 0.36rem;line-height: 0.4rem;font-weight: bold;position:relative;padding-left:0.24rem;margin-bottom:0.2rem;width:100%;}
.contact h2::after{ content: ""; background:#4E6EF2;position:absolute;width:0.12rem;height:0.36rem;left:0;top:0.04rem;border-radius:3px}
.contact ul{width: 100%;background: #fff;border-radius: 4px;font-size: 0;}
.contact li .imgbox{width: 1.5rem;height: 1.5rem;display: block;position: relative;}
.contact li .imgbox img{width: 100%;height: 100%;object-fit: cover;border-radius: 3px;border: 1px solid #f5f5f5;}
.contact li .imgbox.vid::before{content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0;}
.contact li .imgbox.vid::after{content: '\f273';width: 0.6rem;height: 0.6rem;border-radius: 50%;background: rgba(0, 0, 0, 0.5);font-size: 0.28rem;text-align: center;color: #fff;font-family: 'iconfontkz';line-height: 0.6rem;position: absolute;right: 0.2rem;bottom: 0.2rem;padding-left:0.02rem;}
.contact li .tit{display: block;width: 100%;font-size: 0.28rem;line-height: 0.48rem;margin-top: 0.1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.contact li:hover .tit{}
.contact .xsqy_item{height: 2.8rem;width: 6.4rem;padding: 0.2rem;border-radius: 5px;border: 1px solid #f5f5f5;display: inline-block;background: linear-gradient(to right, #EDF6FF, #F0F3FF, #F5F0FF);}
.contact .xsqy_item:hover{-webkit-box-shadow: 0 0 0.16rem #ccc; -moz-box-shadow: 0 0 0.16rem #ccc; box-shadow: 0 0 0.16rem #ccc; transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0;}
.contact .xsqy_item_imgs{width: 1.6rem;height: 1.6rem;float: left;margin-right: 0.2rem;text-align: center;vertical-align: middle;}
.contact .xsqy_item_imgs img{margin-top: 0.18rem;width: 1.6rem;height: 1.6rem;border-radius: 0.2rem;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.contact .xsqy_item_intro{float: left;width: 4.6rem;}
.contact .xsqy_item_top{height: 0.5rem;margin: 0.15rem 0 0.15rem 0;}
.contact .xsqy_item_tit{float: left;width: 100%;}
.contact .xsqy_item_tit a{width: 100%;display: block;font-weight: bold;float: left;font-size: 0.3rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.contact .xsqy_item_tit i{display: block;width: 0.6rem;height: 0.3rem;float: left;margin: 0.14rem 0 0 0.1rem;}
.contact .xsqy_item_intro .iconbox {margin: 0.15rem 0 0.15rem 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; line-height: normal;}
.contact .xsqy_item_intro .iconbox span {height: 0.5rem;background: #FFFFFF;border-radius: 0.2rem;display: inline-block;padding: 0 0.16rem;font-size: 0.24rem;color: #4E6EF2;line-height: 0.5rem;margin-right: 0.12rem;}
.contact .xsqy_item_intro .xsqy_intro{font: 0.28rem/0.44rem "Microsoft Yahei";color: #888888;margin: 0.1rem 0 0.1rem 0;float: left;display: contents;}
.contact .xsqy_item_intro .xsqy_intro b{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin: 0.15rem 0 0.15rem 0;}
.contact .xsqy_item_intro .xsqy_intro_shop a{display: inline-block;width: 1.9rem;height: 0.66rem;border-radius: 3px;border: solid 1px #4E6EF2;font-size: 0.28rem;font-weight: normal;font-stretch: normal;letter-spacing: 0;color: #4E6EF2;text-align: center;line-height: 0.66rem;margin-top: 0.1rem;}
.contact .xsqy_item_intro .xsqy_intro_shop a:first-of-type{margin-right: 0.3rem;}
.contact .xsqy_item_intro .xsqy_intro_shop a:hover{background-color: #4E6EF2;color: #ffffff;}

.xh-margin-10 .brand-info-a {
    border-radius: 0.1rem;
    margin-top: -0.26rem;
    position: relative;
    z-index: 1;
    background: #ffffff;
    overflow: hidden;
}
.xh-margin-10 .brand-info-a .title {
    background: none;
}

.xh-margin-10 .brand-info-a .description p{
    padding: 0.06rem 0 0.06rem 0;
}

.xh-margin-10 .brand-info-a .description{
    padding: 0.1rem 0.16rem 0.1rem;
}
.brand-info-a .mimg {;float: left;height: 1.6rem !important;width: 1.6rem !important;border: 1px solid #f5f5f5;border-radius: 0.1rem;margin: 0.16rem 0.3rem 0.16rem 0.16rem}
.brand-info .content h2{font-size: 0.28rem;}
.brand-info .content h3{font-size: 0.27rem;}
.brand-info .content h4{font-size: 0.26rem;}
.brand-info .content h5{font-size: 0.25rem;}
.brand-info .content h6{font-size: 0.24rem;}
.brand-foot .favorite {background:url('tool-favorite.png') no-repeat center 0;background-size:0.48rem 0.48rem;}
.brand-foot .favorited {background:url('tool-favorite-on.png') no-repeat center 0;background-size:0.48rem 0.48rem;color: #d81e06;height: 0.74rem;}
.brand-foot .favorite span{padding-top: 0.5rem;}
.brand-foot .favorited span{color: #d81e06;padding-top: 0.5rem;}