* {
    margin:0;
    padding:0;
    list-style:none;
}

html, body {
    height:100%;
    font-family:"\5FAE\8F6F\96C5\9ED1";
}

a {
    list-style:none;
    text-decoration:none;
}

a {
    text-decoration:none;
    outline:none;
}

.staged-product {
    width:100%;
    position:relative;
    z-index:100;

}

.staged-product-title {
    width:100%;
    height:12vw;
    border-bottom:solid 0.266vw #F2F2F2;
    position:relative;
    top:0;
    left:0;
    z-index:1;
}

.staged-product-left {
    height:6vw;
    position:absolute;
    left:2vw;
    top:3vw;
    z-index:400;
}

.staged-product-left img {
    width:3vw;
    height:4vw;
}

.staged-product-left p {
    margin-bottom:-0.7vw;
    font-weight:bold;
    color:#333333;
    display:inline-block;
    font-size:3.8vw;
    margin-left:1vw;
}

.staged-product-more {
    position:absolute;
    right:2vw;
    top:4vw;
    display:flex;
    align-items:center;
}

.staged-product-more img {
    width:3vw;
}

.list-nav-icon {
    margin-right:1vw;
    margin-bottom:-1vw;
}

.staged-product-more p {
    color:#333333;
    font-size:3.4vw;
    display:inline-block;
}

.staged-product-detail {
    justify-content:start;
    display:flex;
    flex-flow:wrap;
}

.staged-product-detail a img {
    width:12vw;
    height:12vw;
    border-radius:3vw;
}

.staged-product-detail a {
    width:25%;
    margin:3vw 0;
    text-align:center;
}

.staged-product-detail a p {
    font-size:3.2vw;
    color:#333333;
}

.split-line-two {
    width:100%;
    height:2vw;
    background-color:#F7F7F7;
}

/**************************************************/
/*搜索框*/
.search-box {
    height:16vw;
    text-align:center;
    position:relative;
    background:url("../images/sy_bg_two@3x.png") no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
}

.search-text .searchbox-close {
    width:21.3vw;
    height:9vw;
    position:absolute;
    top:3.4vw;
    right:3.4vw;
}

.search-text input {
    border:0;
    outline:none;
    font-size:3.5vw;
    /*display: none;*/
    width:78vw;
    height:8vw;
    border:none;
    position:absolute;
    top:3.7vw;
    color:#333333;
    left:10vw;
}

input::-webkit-input-placeholder {
    color:#BBBBBB;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#BBBBBB;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#BBBBBB;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#BBBBBB;
}

.series-product, .hot-product {
    width:100%;
    position:relative;
    z-index:100;
    margin-top:2vw;

}

.series-product-title {
    margin-left:3vw;
    font-size:3.8vw;
    color:#333333;
    font-weight:bold;
}

.series-product-detail, .hot-product-detail, .category-list, .staged-product-list {
    justify-content:start;
    display:flex;
    flex-flow:wrap;
}

.hot-product-detail a img {
    width:12vw;
    height:12vw;
    border-radius:6vw;
}

.series-product-detail a img {
    width:12vw;
    height:12vw;
    border-radius:6vw;
}

.series-product-detail a, .hot-product-detail a {
    width:30%;
    height:24vw;
    margin:0 1.5vw;
    text-align:center;
    position:relative;
}

.headline-bottom {
    border-radius:4vw;
    background-color:#fbe9d7;
    margin:2vw 4vw 0 4vw;
}

.headline-time {
    width:100%;
    background:url("../images/head_line_bg.png") no-repeat;
    background-size:100%;
    height:8vw;
}

.headline-time h3 {
    color:#ff6e5e;
    font-size:4vw;
    background-color:#fbe9d7;
    width:40%;
    height:6vw;
    line-height:6vw;
    border-radius:2vw;
    text-align:center;
    position:relative;
    top:1vw;
    left:32%;
}

.headline-content {
    padding:0vw 4vw 2vw 4vw;
    overflow:scroll;
    height:37vw;
}

.category-list {
    clear:both;
    padding:0 2vw;
}

.category-list a {
    display:block;
    width:46%;
    position:relative;
    margin:0 2vw;
}

.category-list a img {
    width:100%;
    border-radius:2vw;
}

.staged-product-list a {
    display:block;
    width:44%;
    position:relative;
    margin:3vw 0 3vw 4vw;
    box-shadow:-5px 0px 5px #eee, 0px -5px 5px #eee, 5px 0px 5px #eee, 0px 5px 5px #eee;
    border-radius:2vw;
}

.staged-product-list a .logo {
    width:12vw;
    height:12vw;
    border-radius:2vw;
    float:left;
    margin:2.8vw 2vw 0 2vw;
}

.staged-product-list a .tag {
    position:absolute;
    top:0;
    right:0;
    width:12vw;
    height:12vw;
}

.staged-product-list .product-info {
    padding:2vw 0;
    width:52%;
    float:left;
}

.staged-product-list a h4 {
    font-size:3.2vw;
    height:5vw;
    line-height:5vw;
    max-width:30vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.staged-product-list .time {
    display:block;
    font-size:2.2vw;
    color:#fda50c;
}

.staged-product-list .serie-name, .remark-title {
    font-size:2.2vw;
    color:#f9422f;
    border:1px solid #f9422f;
    border-radius:1vw;
    padding:0 1vw;
    text-align:center;
}

.series-title {
    font-size:2.2vw;
    color:#ffd849;
    border:1px solid #ffd849;
    border-radius:1vw;
    padding:0 1vw;
    text-align:center;
}

.new {
    width:8vw;
    position:absolute;
    top:0;
    right:0;
    font-size:3vw;
    color:rgb(253, 179, 19);
}

.series-product-detail a p, .hot-product-detail a p {
    font-size:3.2vw;
    color:#222222;
    display:block;
    margin:3vw auto;
    max-width:23vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.combination {
    width:100%;
    position:relative;
    z-index:100;
    margin-top:4vw;
}

.combination-title {
    margin-left:3vw;
    font-size:3.8vw;
    color:#333333;
    font-weight:bold;
}

.combination-detail {
    justify-content:start;
    display:flex;
    flex-flow:wrap;
}

.combination-detail a img {
    width:12vw;
    height:12vw;
    border-radius:6vw;
}

.combination-detail a {
    width:25%;
    margin:3vw 0;
    text-align:center;
}

.combination-detail a p {
    font-size:3.2vw;
    color:#222222;
    display:block;
    margin:0 auto;
    max-width:23vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.comment {
    width:14.4vw;
    height:14.4vw;
    position:fixed;
    right:3vw;
    bottom:35vw;
    z-index:9999;
    background:url(../images/cs_icon_zd@3x.png) no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
}

/***************************************************/
/*弹框*/
.testBg {
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:99999;
    display:none;
    background:rgba(0, 0, 0, 0.4);
}

.testBg .testCont {
    position:fixed;
    top:15%;
    left:calc(50% - 35vw);
    width:70vw;
    background-color:white;
    color:black;
    border-radius:2vw;
}

.clerk-title {
    position:relative;
    height:12vw;
    padding:0 2vw;
    line-height:12vw;
    border-bottom:solid 0.266vw #F2F2F2;
}

.clerk-title p {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
    font-weight:bold;
    font-size:4.26vw;
}

.fail {
    position:absolute;
    top:0;
    right:4vw;
    font-size:3.4vw;
    color:#999999;

}

.success-copy {
    width:20vw;
    border-radius:5%;
    text-align:center;
    line-height:5vw;
    height:5vw;
    display:none;
    position:absolute;
    top:50%;
    left:40%;
    color:#FFFFFF;
    font-size:4vw;
    z-index:99999;
    background:rgba(255, 47, 59, 0.6);
}

.clerk {
    padding:2vw;
    font-size:3.7vw;
    border-bottom:solid 0.266vw #F2F2F2;
}

.clerk p {
    line-height:5vw;
    color:#666666;
    display:block;
    width:65vw;
    letter-spacing:0.3vw;
    word-break:break-all;
}

.pro-container {
    position:relative;
}

.small-icon {
    position:absolute;
    top:calc(50% - 2.7vw);
    left:2vw;
    width:5.4vw;
    height:5.4vw;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}

.title {
    margin-left:9vw;
    display:inline-block;
    font-size:4.26vw;
    color:#333333;
}

.qrCode {
    width:37vw;
    height:37vw;
    margin-top:4.6vw;
    margin-left:4.6vw;
}

.copyUrl {
    width:20vw;
    height:8vw;
    position:absolute;
    top:5vw;
    right:3.5vw;
    background:#4C8FFF;
    color:#ffffff;
    border:solid 0.266vw #4C8FFF;
    cursor:pointer;
    text-align:center;
    line-height:8vw;
    border-radius:4vw;
    font-size:3.7vw;
}

.testCont a img {
    width:19.73vw;
    height:6.4vw;
}

.save-img, .seriesUrl {
    color:#ffffff;
    width:20vw;
    height:8vw;
    position:absolute;
    top:20vw;
    text-align:center;
    line-height:8vw;
    right:3.5vw;
    cursor:pointer;
    border:solid 0.266vw #fa9200;
    border-radius:4vw;
    font-size:3.7vw;
    background:#fa9200;
}

.apply {
    background:#fc4663;
    color:#fff;
    width:20vw;
    text-align:center;
    line-height:8vw;
    height:8vw;
    position:absolute;
    top:35vw;
    right:3.5vw;
    border:solid 0.266vw #fc4663;
    cursor:pointer;
    border-radius:4vw;
    font-size:3.7vw;
}

.spe-input {
    opacity:0;
    border:none;
    width:0.01vw;
    height:0.01vw;
    position:absolute;
    right:0;
    bottom:0;
    color:white;
}

.close {
    width:7.4vw;
    position:absolute;
    bottom:-14%;
    left:calc(50% - 3.7vw);
}

.commask {
    width:100%;
    height:100%;
    background:#000;
    opacity:0.7;
    position:fixed;
    top:0;
    left:0;
    z-index:999998;
}

.commonalter {
    width:72%;
    height:20vw;
    background:#fff;
    position:fixed;
    font-size:3.8vw;
    top:40%;
    left:8%;
    padding:6vw;
    text-align:center;
    vertical-align:middle;
    border-radius:5px;
    z-index:999999;
}

hr {
    border:0;
    border-top:1px solid #eeeeee;
}

.top-menu {
    height:10vw;
    margin:3vw 0 3vw 3vw;
}

.top-menu li {
    display:inline-block;
    margin-right:2px;
    height:10vw;
}

.top-menu li a {
    color:#fff;
    display:block;
    width:17vw;
    height:8vw;
    line-height:8vw;
    background:#5b3008;
    border-radius:5vw;
    text-align:center;
    font-size:3vw;
}

.top-menu li.active {
    border-bottom:4px solid #ffd740;
}

.top-menu li.active a {
    color:#4c2103;
    background:#ffd740;
}

.marquee {
    font-size:3vw;
    color:#512300;
    height:8vw;
    line-height:8vw;
    background:#fffbed;
    margin-bottom:2vw;
    position:relative;
}

.marquee .laba {
    width:5vw;
    height:5vw;
    position:absolute;
    top:1.5vw;
    left:4vw;
}

.marquee marquee {
    margin-left:10vw;
}

.hot-rank-wrap {
    border-radius:2vw;
    padding:0 3vw;
    box-shadow:-5px 0px 5px #eee, 0px -5px 5px #eee, 5px 0px 5px #eee, 0px 5px 5px #eee;
    height:45vw;
}

.hot-rank-title {
    height:8vw;
    line-height:8vw;
}

.hot-rank-item {
    width:30vw;
    float:left;
    position:relative;
}

.hot-rank-item .rank-num {
    position:absolute;
    width:7vw;
    height:8vw;
    top:0;
    right:0;
}

.logo-wrap {
    width:100%;
    text-align:center;
    margin-top:6vw;
    border-right:1px solid #f3f3f3;
}

.hot-rank-item:last-of-type .logo-wrap {
    border-right:none;
}

.logo-wrap .logo {
    width:16vw;
    height:16vw;
    border-radius:2vw;
}

.hot-title {
    font-size:4vw;
    max-width:30vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center;
}

.serie-wrap {
    text-align:center;
}

.top-fixed {
    top:0;
    left:0;
    z-index:99999;
    background:#fff;
}

#tab-content .content-item {
    background-color:#fff;
    margin-bottom:2vw;
}

#tab-content .content-item h5 {
    height:8vw;
    line-height:8vw;
    position:relative;
    padding-left:6vw;
}

#tab-content .content-item .y-icon {
    height:5vw;
    width:1.5vw;
    background-color:#ffc000;
    position:absolute;
    top:1.8vw;
    left:3vw;
}

#tab-content .content-img-list {
    justify-content:start;
    display:flex;
    flex-flow:wrap;
    padding:0 5vw;
}

#tab-content .content-img-list a {
    width:24%;
    height:20vw;
    margin:3vw 0vw;
    text-align:center;
    position:relative;
}

#tab-content .content-item .img {
    with:10vw;
    height:10vw;
    border-radius:3vw;
}

#tab-content .content-item .title {
    font-size:3.2vw;
    color:#222222;
    display:block;
    margin:3vw auto;
    max-width:23vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* a,a:hover,a:active,a:visited,a:link,a:focus{
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 //-webkit-tap-highlight-color: transparent;
 outline:none;
 background: none;
 text-decoration: none;
}*/
/***********************************************/
/*底部导航栏*/
.tabbar-content {
    width:100%;
    height:19.46vw;
}

.tabbar-bg {
    position:fixed;
    left:-1%;
    bottom:-0.1vw;
    width:102%;
    height:22.46vw;
    z-index:9998;
    margin-bottom:-0.8vw;
}

/*/*********************************************************/
/*导航栏选中时*/
.tabbar-content .home {
    display:block;
    text-align:center;
    width:15vw;
    height:10vw;
    position:fixed;
    bottom:1.4vw;
    left:2.86vw;
    z-index:9999;
    cursor:pointer;
}

.tabbar-content .home img {
    width:4.2vw;
    height:4.8vw;
    margin-bottom:1vw;

}

.tabbar-content .home p {
    font-size:2.6vw;
    color:#999999;
    text-align:center;
}

.tabbar-content .classfication {

    text-align:center;
    width:15vw;
    height:10vw;
    position:fixed;
    bottom:1.4vw;
    left:22.126vw;
    z-index:9999;
    cursor:pointer;
}

.tabbar-content .classfication img {
    width:4.8vw;
    height:4.8vw;
    margin-bottom:1vw;

}

.tabbar-content .classfication p {
    font-size:2.6vw;
    color:#999999;
    text-align:center;
}

.tabbar-content .Staged-products {
    text-align:center;
    width:15vw;
    height:18vw;
    position:fixed;
    bottom:1.4vw;
    left:41.6vw;
    z-index:9999;
    cursor:pointer;
}

.tabbar-content .Staged-products img {
    width:12vw;
    height:11.5vw;
    margin-top:-0.5vw;
    margin-bottom:-0.6vw;
}

.tabbar-content .Staged-products p {
    font-size:2.6vw;
    margin-top:3.45vw;
    color:#999999;
    text-align:center;
}

.tabbar-content .announcement {
    text-align:center;
    width:15vw;
    height:10vw;
    position:fixed;
    bottom:1.4vw;
    left:63.93vw;
    z-index:9999;
    cursor:pointer;
}

.tabbar-content .announcement img {
    width:5vw;
    height:4.8vw;
    margin-bottom:1vw;

}

.tabbar-content .announcement p {
    font-size:2.6vw;
    color:#999999;
    text-align:center;
}

.tabbar-content .mine {

    text-align:center;
    width:15vw;
    height:10vw;
    position:fixed;
    bottom:1.4vw;
    left:83.93vw;
    z-index:9999;
    cursor:pointer;
}

.tabbar-content .mine img {
    width:4.5vw;
    height:4.8vw;
    margin-bottom:1vw;

}

.tabbar-content .mine p {
    font-size:2.6vw;
    color:#999999;
    text-align:center;
}

.staged-product-left ul {
    width:100%;
}

.staged-product-left li {
    float:left;

    overflow:hidden;
    white-space:nowrap;
}

.staged-product-left li a {
    padding:4px 6px;
    color:#666;
}

.staged-product-left li.cur a {
    color:#4b97ea;
    /*border: 1px solid #e6e6e6;*/
    border-radius:5px;
}

.staged-product-left li:nth-child(5) {
    margin-left:10px;
}

.news_box {
    padding:2px 8px 8px 8px;
    background:#FFF;
}

.news_box ul {
    clear:both;
}

.news_box ul li {
    border-bottom:1px dotted #e6e6e6;
    padding:0 0 10px 0;
}

.news_box ul h3 {
    background:#fff;
    overflow:hidden;
    line-height:22px;
    margin-top:20px;
    margin-bottom:10px;
}

.news_box ul h3 a {
    color:#0152ab;
    font-weight:normal;
    font-size:18px;
    white-space:normal
}

.news_box ul .p_date {
    color:#a0a0a0;
    padding-top:0 2px;
}

.news_box ul .bot_text {
    width:100%;
}

.news_box ul .bot_text p {
    line-height:22px;
    font-size:14px;
    color:#6D6D6D;
}

.news_box ul .bot_text .a_details {
    margin-left:5px;
    color:#a7a7a7;
    text-decoration:underline;
}

.news_box ul .bot_text .p_width {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    overflow:hidden;
}

.news_box ul .bot_pic {
    float:left;
    position:relative;
}

.news_box ul .bot_pic img {
    float:left;
    width:120px;
    height:80px;
    margin-right:5px;
}

.news_box .entry-meta {
    margin-bottom:15px;
}

.news_box .entry-meta .entry-category {
    text-transform:uppercase;
    color:#fff;
    background:#d65456; /*ZDY*/
    padding:5px 10px 5px;
    letter-spacing:1px;
    font-size:12px;
    line-height:1;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    display:inline-block;
}

.news_box .entry-meta .entry-date {
    margin-left:10px;
    color:#a7a7a7;
}

.news_box .entry-more {
    text-align:center;
    margin-top:15px;
    margin-bottom:10px;
}

.news_box .entry-more a {
    padding:8px 16px 7px;
    border:1px solid #f1f1f1;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:1.3px;
    font-size:14px;
    color:#777777;
}

.news_box .entry-more a:hover {
    border-color:#d65456; /*ZDY*/
    color:#FFFFFF;
    background:#d65456; /*ZDY*/
    text-decoration:none;
}

#tab-content .body {
    padding:11px 15px;
    font-size:18px;
}

#tab-content .body h1 {
    font-size:20px;
    color:#333;
    margin-bottom:10px;
    text-align:center;
}

#tab-content .body p {
    margin-bottom:5px;
    line-height:30px;
}

#tab-content .body p:last-child {
    margin-bottom:0
}

#tab-content .body time {
    margin-right:22px
}

#tab-content .body .fabu {
    font-size:14px;
}

#tab-content .body img {
    height:auto
}

#tab-content .body img, #tab-content .body video {
    max-width:100%;
    vertical-align:top
}

.shenqing_btn a {
    background:#6495ed;
    color:#fff;
    font-size:14px;
    padding:10px 10px;
    width:85%;
    margin:auto;
}

#shenqing_btn_float {
    position:fixed;
    padding:10px 0;
    background:#f6f6f6;
    bottom:0;
    width:100%;
}

#shenqing_btn_float a {
    display:block;
    text-align:center;
    font-size:15px
}

.article-nav {
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-bottom:30px;
}

.nav-pill {
    display:block;
    padding:12px 15px;
    border-radius:50px;
    text-decoration:none;
    color:#333;
    background-color:#f0f0f0;
    transition:all 0.3s ease;
    position:relative;
    overflow:hidden;
}

.nav-pill:hover {
    background-color:#e0e0e0;
}

.nav-pill .title {
    font-weight:500;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
}

.related-articles {
    background:white;
    border-radius:12px;
    padding:15px;
    box-shadow:0 2px 10px rgba(0, 0, 0, 0.05);
}

.related-articles h2 {
    font-size:18px;
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
    color:#333;
}

.related-article {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 0;
    border-bottom:1px solid #f5f5f5;
    text-decoration:none;
    color:#333;
}

.related-article:last-child {
    border-bottom:none;
}

.related-article .article-title {
    flex:1;
    font-size:15px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-right:10px;
}

.related-article .article-time {
    font-size:12px;
    color:#999;
}