@charset "utf-8";
/* Reset---------------------------------*/
ul {list-style: none;}
.figure {margin: 0px;}
img {max-width: 100%;}
a, a:hover, a:active {outline: 0px !important;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:before,.clearfix:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.clear{ clear:both；} 
.currentModel{color: red !important;}
.rmb{font-family: Georgia, "Times New Roman", Times, serif;color: red;}
.container{padding: 0px !important;padding-left: 0px;padding-right: 0px;width: 1200PX;}

/* Styles---------------------------------*/
body {background: #f7f7f7;font:14px/1.5 "Microsoft YaHei Light","Microsoft YaHei",SimSun,Heiti,sans-serif;font-size: 14px;color: #888888;margin: 0;}
h2 {font-size: 30px;color: #222222;font-family: 'Raleway', sans-serif;font-weight: normal;margin: 0px 0 25px 0;text-transform: uppercase;}
h3 {font-family: 'Open Sans', sans-serif;font-weight: 600;color: #222222;font-size: 18px;margin: 0 0 5px 0;}
h6 {font-size: 16px;color: #888888;font-family: 'Open Sans', sans-serif;font-weight: 400;text-align: center;margin: 0 0 60px 0;}
p {line-height: 24px;margin: 0;}
ul ,li {-webkit-padding-start: 0px;}
h4, h5, h6 {font-weight: 500;}
b, strong{font-weight: 400;}


/*---------合从*/
/*#_aihecong_chat_container_body ._aihecong_chat_iframe._aihecong_chat_iframe_mobile._aihecong_chat_iframe_part {
    height: 80% !important;
    min-height: 80% !important;
    max-height: 80% !important;
}*/


/**---------------------------结构**/
.clleft{margin-right: 400px;float: left;width:-webkit-fill-available;}
.clright{width: 380px;margin-left: -400px;float: right;}

/*-----------------------------widget*/
.widget{margin-bottom: 10px;}
/* Header Styles---------------------------------*/
#header_wrapper {padding: 0px 0px;z-index: 1000;position: absolute; top: 0px;margin-left: 0px;left: 0px;width: 100%;}
.header_box {position: relative;}
.logo {float: left; position: relative; z-index: 2;height: 45px !important;}
.res-nav_click {display: none;}
.headerheight{height: 80px;}


/* Nav Styles---------------------------------*/
.navbar, .navbar.navbar-default {background-color: #ffdfea;color: rgba(255,255,255, 0.84);box-shadow: 0px 2px 5px 0px #bfbfbf}
.navbar-inverse {background-color: transparent;border-color: transparent;}
.navbar {border: 0px solid #fff;min-height: 40px;margin-bottom: 0px;padding: 15px;}
#main-nav{float: left;}
.navbar-inverse .navbar-nav > li > a {color: #222;}
.navStyle ul {list-style: none;padding: 0px;}
.navStyle ul li {display: inline-block;margin: 0 5px;}
.navStyle ul li:first-child {   /*margin:0px;*/}
.navStyle ul li a {display: block;font-size: 18px;color: #000 !important;font-family: 'Raleway', sans-serif;text-decoration: none;text-transform: uppercase;font-weight: 400;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.navStyle ul li a:hover {color: #df0031;}
.navStyle > li > a:hover, .nav > li > a:focus {text-decoration: none;color: #df0031;background-color: transparent;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #df0031;background-color: transparent;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {color: #df0031;background-color: transparent;}
.navStyle > li.active > a,.navStyle > li.active > a:hover {text-decoration: none;color: #df0031;background-color: transparent;}
.borderLeft {border-left: 1px solid #DADADA;}
.borderTop {margin-top: 30px;border-top: 1px solid #DADADA;}
.mrgTop {margin-top: 30px;}
.navbar-brand{padding: 5px 15px;}

/*---------------user*/
.user{display: inline-block;float: right;color: #000;}
.user span{padding: 0px 5px;}
.user span a{font-size: 16px;line-height:50px;color: #000; }
.user span a:hover{text-decoration: none;}
.user .profile{font-size: 16px;line-height:50px;color: #000; }

/* Top_content---------------------------------*/
.white_pad {position: relative;right: 0px;bottom: 0px;}
.white_pad img {position: absolute;right: 0px;bottom: 0px;}
a.read_more2 {font-family: 'Raleway', sans-serif;display: block;font-size: 16px;width: 178px;height: 46px;line-height: 46px;border-radius: 3px;text-align: center;text-transform: uppercase;font-weight: 600;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;background: transparent;color: #fff;border: 1px solid #fff;}
a.read_more2:hover {background: #fff;color: #df0031;border: 1px solid #fff;}

/*--------------------------------------banner*/
.bannerArea{width: 100%;margin: 0px auto;text-align: center;/*height: 540px;*/}
#banner{margin-left: 300px;width: auto !important;}
.bannerArea img{width: 100%;}


/*   who_list------------------------------*/
#who_section{padding:30px 0px;background: white;}
.who_list{text-align: justify;text-align-last: justify;}
.who_list .list{width: 25%;display: inline-block;background: #fff;float: left;}
.who_list .list{text-align:center;text-align-last: center;}
.who_list .list img{margin-bottom: 15px;width: 20%;margin: 0px auto;padding: 10px;}

/*   service_list------------------------------*/
#service_section{background: white;}
#service_section .service{text-align-last: justify;text-align: center;}
.service_list{width: 24%;display:inline-block;text-align-last: center;border: 1px solid #d0d0d0;padding: 1%;border-radius: 10px;box-shadow: 0px 5px 0px 0px #fea1b2;border-bottom: none;}

#service_section .container>.title{/*font-size: 20px;*/font-size: 22px;color: #ff6b6d;text-align: center;display: block;padding: 10px;}
#service_section .container>.intro{/*font-size: 16px;*/font-size: 18px;text-align: center;display: block;padding: 10px;}

#service_section .container .service_list .title{/*font-size: 20px;*/font-size: 22px;color: #ff6969;text-align: center;display: block;padding: 20px;}
#service_section .container .service_list .intro{/*font-size: 14px;*/font-size: 16px;text-align: center;display: block;padding: 20px 0px;}
#service_section .container .zixun{text-align: center;margin: 0px auto;display: block;width: 150px;height: 50px;line-height: 50px;background: #ff7979;
    margin-top: 30px;
    margin-bottom: 30px;
    /*font-size: 25px;*/
    font-size: 26px;
    color: white;
    border-radius: 10px;
    text-decoration: none;}

/*   confuse_list------------------------------*/
#confuse_section .confuse{text-align-last: justify;text-align: justify;}
.confuse_list{width: 24%;display:inline-block;text-align-last: center;padding: 3%;border-radius: 10px;margin-bottom: 30px;background: #FFF;/**/padding: 25px;}

#confuse_section .confuse_list img{width: 50%;height: auto;display: block;margin: 0px auto;padding: 10%;}
#confuse_section .confuse_list>.title{font-size: 15px;}
#confuse_section .confuse_list>.intro{font-size: 16px;}
#confuse_section .container>.title{font-size: 30px;text-align: center;display: block;padding-top: 40px;}
#confuse_section .container>.intro{/*font-size: 12px;*/font-size: 14px;text-align: center;display: block;margin-bottom: 50px;}

/*   step_list------------------------------*/
#step_section {background: white;}
#step_section .step{text-align-last: justify;text-align: justify;}
.step_list{width: 24%;display:inline-block;text-align-last: center;padding: 3%;border-radius: 10px;background: #FFF;}

#step_section .step_list img{width: 50%;height: auto;display: block;margin: 0px auto;padding: 10%;}
#step_section .container>.title{font-size: 30px;text-align: center;display: block;padding-top: 40px;}
#step_section .container>.intro{/*font-size: 12px;*/font-size: 14px;text-align: center;display: block;}


#step_section .step_list .title{display: block;/*font-size: 20px;*/font-size: 22px;color: #000;padding-bottom: 15px;}
#step_section .step_list .intro{/*font-size: 12px;*/font-size: 14px;}

/*   methods_list------------------------------*/
#methods_section {margin-bottom: 30px;}
#methods_section .methods{text-align-last: justify;text-align: justify;}
.methods_list{/*width: 16%;*/width: 18%;display:inline-block;text-align-last: center;padding: 1%;border-radius: 10px;margin-bottom: 30px;background: #FFF;}

#methods_section .methods_list img{height: auto;display: block;margin: 0px auto;}
#methods_section .container>.title{font-size: 30px;text-align: center;display: block;padding-top: 40px;}
#methods_section .container>.intro{/*font-size: 12px;*/font-size: 14px;text-align: center;display: block;margin-bottom: 50px;}

#methods_section .methods_list .title{display: block;font-size: 18px;color: #000;padding: 10px;}
#methods_section .methods_list .intro{/*font-size: 12px;*/font-size: 14px;}

#methods_section .intro1 {text-align: center;display: block;color: #ff4848;font-size: 30px;padding:15px 20px;}
#methods_section .intro2 {text-align: center;display: block;/*font-size: 12px;*/font-size: 16px;}
#methods_section .intro3 {text-align: center;display: block;color: #ff4848;/*font-size: 20px;*/font-size: 22px;padding:15px 20px;}
#methods_section .intro4 {text-align: center;display: block;/*font-size: 12px;*/font-size: 16px;}
#methods_section .zixun{text-align: center;margin: 0px auto;display: block;width: 400px;
	max-width:100%;
	height: 50px;line-height: 50px;background: #ff7979;
    margin-top: 30px;
    margin-bottom: 30px;
    /*font-size: 20px;*/
    font-size: 22px;
    color: white;
    border-radius: 10px;
    text-decoration: none;}


 /* new article ---------------------------*/
#newArticle {background: #FFF;padding-top: 30px;}
#newArticle h2{height: 80px;background: #FFF;padding: 25px;margin: 0px 0 5px 0;text-align:center;}
/* 20220602修#newArticle .container .article_container */
/* 20220623修 str */
#newArticle .container .article_container{ text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
#newArticle .container .post{width: 32%;background: #FFF;display: inline-block; margin: 0 7px; margin-top: 15px;}
/* 20220623修 end */
/*#newArticle .container .article_container{ text-align: center;}*/
/*#newArticle .container .article_container{text-align-last: justify;text-align: justify;}*/
/*#newArticle .container .post{width: 32%;background: #FFF;display: inline-block;margin-top: 15px;}*/
#newArticle .container .post h3{text-align-last: left;text-align: left;background-image: url("../images/article_title_bg.png");background-size: 20px;background-repeat: no-repeat;padding-left: 30px;border-bottom: 1px solid #dadada;padding: 10px 45px;background-position: 20px;text-decoration: none;}
#newArticle .container .post h3 a{color: #8a8a8a;text-decoration: none;}
#newArticle .container .post .post_list img {width: 200px;float: left;height: 130px;margin-right: 20px;display: none;} 
#newArticle .container .post .post_list{ text-align: left;text-align-last: left;padding-left: 20px;}
#newArticle .container .post .post_list p{display: none;}
#newArticle .container .post .post_list .date{display: none;}
#newArticle .title {margin-bottom: 10px;display: block;}
#newArticle .title a{/*font-size: 14px;*/font: 16px "Microsoft YaHei Light","Microsoft YaHei",SimSun,Heiti,sans-serif;
    color: #8c8c8c;text-decoration: none;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    }
#newArticle .title{display: block;}
#newArticle .article_container .post{text-align: justify;text-align-last: justify;border: 1px solid #dadada;}
/* 20220602修 */
#newArticle .article_container .post>img {padding: 20px 10px;border-radius: 20px;}
/*#newArticle .article_container .post>img {padding: 20px;border-radius: 20px;}*/
/*web——bottom--------------------*/
.web_bottom{background: white;padding: 20px;}
.web_bottom img{width: 100%;}


/*友情链接----------------------------*/
#friend-link{background: #0a1b2b;padding: 10px 10px 20px 10px;}
#friend-link-1{width: 1200px;margin: 0px auto;}
#friend-link-1 h3{padding: 10px 0px;}
#friend-link-1 .textwidget a{display: block;float: left;padding: 15px 20px 20px 0px;color: white;text-decoration: none;}
#friend-link  .linkcat{width: 1200px;margin: 0px auto;list-style: none;padding: 15px 0px;margin: 0px auto;}
#friend-link  .linkcat h2{margin: 0px;/*font-size:16px;*/font-size:18px;color: white;}
#friend-link  .linkcat .blogroll li{float: left;padding: 10px 10px 10px 0px;}
#friend-link  .linkcat .blogroll li a{padding: 10px 10px 10px 0;text-decoration: none;color: white;/*font-size: 12px;*/font-size: 14px;}

/* Footer---------------------------------*/
.footer_wrapper {background: #0b1b2b;clear: both;}
.footer_bottom {border-top: 1px solid #3C3A3A;padding: 25px 0 50px 0;text-align: center;}
.footer_bottom span {/*font-size: 13px;*/font-size: 15px;color: #cccccc;text-align: center;}
.footer_bottom span a {display: inline-block;color: #2278d1;font-size: 16px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.footer_bottom span a:hover {color: #fff;}
.footer_bottom a{/*font-size: 12px;*/font-size: 14px;}
.sitemap{color: #FFF;padding-left: 10px;}

/*zyg------------------------------------*/

/* category -------------------------------------------*/
#category-cltop ul{margin: 0px;margin-block-start: 0em;padding-inline-start: 20px;}
#category-cltop {line-height: 50px;background: #fff;}
#category-cltop .main{margin: 0px auto;background: #FFF;padding-top: 25px;}
#category-cltop .main .left{float: left;}
#category-cltop .main .left ul li a,#category-cltop .main .left span{font-size: 30px;color: white;line-height: 100px;}
#category-cltop .main .right{float: right;}
#category-cltop .main .right a{float: left; margin-right:10px;}
#category-cltop .main .right span{float: left;}
#category-cltop .main .right *{color:white;line-height: 80px;}

#category-clmain{width: 1200px;margin: 0px auto;margin-top: 10px;margin-bottom: 20px;}
#category-clmain a{color: #505050;text-decoration: none;}
#category-clmain .clpost{padding:20px;background: #FFF;border-bottom: 1px solid #e6e6e6;}
#category-clmain .cltitle{margin-top: 10px;}
#category-clmain .cldescription{margin:20px 0 20px 0;}
#category-clmain .clinfo-left{float: left;line-height: 40px;}
#category-clmain .clinfo-left>* {float: left;margin: 0px;padding-right: 20px;}
#category-clmain .clinfo-right{float: right;width: 110px;height: 40px;background:#ff9797;text-align: center;line-height: 40px;}
#category-clmain .clinfo-right a{font-size: 14px;color: white;text-decoration: none;padding: 10px 27px;}

/*#category-clmain .clright img{width: 320px !important;}*/
#category-clmain .clright .product-recom{padding: 0px;display: inherit;text-align: center;}
#category-clmain .clright .product-recom .product-recom-list{padding: 30px;display: inline-block;margin-bottom: 10px;background: #FFF;}
#category-clmain .clright .product-recom .product-recom-list a>.rmb{color: red;float: left;}
#category-clmain .clright .product-recom .product-recom-list .title{display: block;padding: 5px 5px;color: black;}
#category-clmain .clright .product-recom .product-recom-list .favorite{float: right;padding-right:20px; }

#category-clmain .clright .secondary .widget-area .widget_media_image img{width: 380px !important;}

#category-clmain .clcontent-left{width: 200px;float: left;margin-right: 20px;}

/*  single   ----------------------------------*/
#single-clmain{width: 1200px;margin: 0px auto;margin-top: 10px;margin-bottom: 20px;}
#single-clmain a{color: #737373;text-decoration: none;}
#single-clmain .clleft h1{position: relative;
    margin-bottom: 15px;
    font-size: 26px;
    line-height: 1.3;
    display: block;
    font-weight: 400;
    margin: 0 0 25px;
    padding: 0 0 25px;
    border-bottom: 1px solid #e7e7e7;}
#single-clmain .clleft h1:after {content: "";
    background-color: #ff708c;
    left: 0;
    width: 50px;
    height: 2px;
    bottom: -2px;
    position: absolute;}
#single-clmain .clpost{padding: 0px 0 0px 0;}
#single-clmain .clpost .clcontent{margin-bottom: 10px;padding: 20px 30px;background: #FFF;}
#single-clmain .clpost .clcontent .clinfo span{display: inline;font-size: 12px;}
#single-clmain .clpost .clcontent .clinfo ul{display: inline-block;margin: 0px 20px 0 0;}
#single-clmain .clpost .clcontent .clarticle{margin: 10px 0px;}
#single-clmain .clpost .clcontent .clarticle p{padding: 0.5em 0px;font-size: 1.6rem;line-height: 2;color: #464646;word-break: break-all;font-weight: 300;}
#single-clmain .clpost .clcontent .clarticle blockquote p{font-style: italic;}
#single-clmain .clpost .clcontent .clarticle p img{display: block;margin: 0px auto;max-width: 60%;height: auto;}

.meta-nav {background: #fff;display: block;margin-right: -1px;padding: 10px 20px;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;overflow: hidden;border-radius: 2px;}
.article-nav a{display: block;}
.meta-nav span{float:none}

#single-clmain .article-rand{clear: both;padding-top: 50px;}
#single-clmain .article-rand ul li{line-height: 50px;list-style: none;}
#single-clmain .article-rand .title{padding-right: 20px;}

#single-clmain h2{font-size: 25px;margin: 30px 0px 10px 0px;font-weight: 600;}
#single-clmain .clcontent h3{font-size: 18px;margin: 0px 10px 5px 0px;padding:5px 15px 5px 10px;border-left: 5px solid #ff8f84;}
#single-clmain ul{padding-inline-start: 30px;}
/*#single-clmain li {list-style:square;margin: 10px 0px;}*/

.cltags{padding: 0px 0px 0px 0px;height: auto;}
.cltags .cltags-info{font-size: 20px;}
.cltags ul{float: none;padding-inline-start : 0px !important;}
.cltags ul li{float: left;margin: 1px 10px 1px 0 !important;list-style: none !important;background: #fe8f84;}
.cltags ul li a{color: #FFF !important;padding: 4px 10px;display: block;}

.copy-right{background: #f7f7f7;padding: 0px !important;text-align: center;font-size: 14px !important;margin-top: 10px;}

#single-clmain .clright .product-recom{display: inherit;text-align: right;}
#single-clmain .clright .product-recom .product-recom-list{display: inline-block;padding: 35px;background: #FFF;margin-bottom: 10px;text-align: left;}
#single-clmain .clright .product-recom .product-recom-list .price{color: red;}
#single-clmain .clright .product-recom .product-recom-list .title{display: block;padding: 10px 5px;color: black;font-size: 16px;}
#single-clmain .clright .product-recom .product-recom-list .favorite{float: right;padding-right:20px; }
#single-clmain .clright .product-recom .product-recom-list .rmb{float: left;}
#single-clmain .container .post .post_list img {width: 120px;height: 75px;}
#single-clmain .container {width: 100% !important;padding-right: 0px;padding-left: 0px;margin-right: 0;margin-left: 0;}
#single-clmain .container h2{margin: 0px;}
#single-clmain .title a{font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}

#single-clmain #newArticle{margin-top: 20px;padding: 0px;}
#single-clmain #newArticle .post{width: 48%;}
#single-clmain #newArticle .article_container{text-align-last: center;text-align: center;}

.article-recomd .post_list img{width: 200px;max-height: 150px;float: left;margin-right: 20px;}
.article-recomd .post_list span.title a{font-size: 20px !important;color: #000 !important;}
.article-recomd .post_list p{color: #989898 !important;letter-spacing:0px !important;padding: 0px 0px 15px 0px;}

/*.article-recomd .post_list{margin-top: 20px;}*/
.article-recomd h3{font-size: 1em !important;font-weight: normal;margin-bottom: 15px !important;}
.article-recomd h3 a{color: #545454 !important;}
.newslist_img a{width: 32%;display: inline-block;max-height: 150px;overflow: hidden;border: 1px solid #dadada;}
.newslist_img a img{width: 100% !important;height: auto !important;}

#liwu-ad ,#qinggan-ad ,#qingshang-ad {text-align: center;}

.article-recomd .post_list {margin-top: 10px;background: #FFF;}
.article-recomd{margin-bottom: 10px;}

/*---------------------文章中大产品卡片样式*/
#single-clmain .clarticle .products {width: 400px;margin: 0px auto;margin-top: 20px;box-shadow: 0 0 10px;}
#single-clmain .clarticle .products .price{margin-left: 15px;color: red !important;float: left;font-family: Georgia, "Times New Roman", Times, serif;font-size: 20px !important;}
#single-clmain .clarticle .products .price span.rmb{font-size: 16px;}
#single-clmain .clarticle .products .price span.jiage{font-size: 20px;color: #000;}
#single-clmain .clarticle .products .url{margin-right: 15px;float: right;padding: 5px 20px;margin-top: 12px;margin-left: 30px;border-radius: 20px;color: #000;border: 1px solid #ff5a65; }
#single-clmain .clarticle .products .url:hover{background: #ff5a65 !important;color: #FFF;}

/*---------------------文章中小产品卡片样式*/
#single-clmain .clarticle .products-1 {width: 400px;margin: 0px auto;border: 1px solid #ffc9c9;margin-top: -1px;padding: 10px;}
#single-clmain .clarticle .products-1 a.img{width: 100px;display: block;float: left;}
#single-clmain .clarticle .products-1 .products-info{padding: 12px 30px;float: left;}
#single-clmain .clarticle .products-1 .products-info p{padding: 0px;font-size: 15px;}
#single-clmain .clarticle .products-1 .products-info a.title{padding: 0px;font-size: 16px;}
#single-clmain .clarticle .more_products{width: 300px;margin: 0px auto;text-align: center;}

/*---------------------文章顶部、底部小广告样式*/
.products-ggs {margin: 0px auto;margin-top: -1px;display: none;padding: 8px 8px;background:#f7f7f7;}
.products-ggs a.img{width: 80px;display: block;float: left;}
.products-ggs .products-info{padding: 5px 30px;float: left;}
.products-ggs .products-info p{padding: 0px !important;font-size: 15px;}
.products-ggs .products-info a.title{padding: 0px;font-size: 16px;}


/*---------------------文章中查看更多产品按钮*/


/*-------------------------文章底部猜你喜欢*/
#single-clmain .caiproduct{display: inherit;text-align-last: justify;text-align: justify;}
#single-clmain .caiproduct .caiproduct-list{margin-bottom: 10px; width: 32%;display: inline-block; padding:2%;background: #FFF;text-align-last: left;}
#single-clmain .caiproduct .caiproduct-list .price{color: red;text-align: left;}
#single-clmain .caiproduct .caiproduct-list .title{display: block;padding: 5px 5px;color: black;text-align: left;}
#single-clmain .caiproduct .caiproduct-list .favorite{float: right;padding-right:20px; }
#single-clmain .caiproduct .caiproduct-list .rmb{float: left;}

ul.breadcrumbs {list-style: none;padding: 0;margin: 0;font-size:12px;line-height: 30px;}  
ul.breadcrumbs li {margin: 0 5px 0 0;padding: 0;font-size: 14px;display: inline;}  
ul.breadcrumbs li a{font-size: 14px;color: #949494;}

/*  single-product   ----------------------------------*/
#single-product .clproduct{padding: 20px;background: #FFF;margin-bottom: 5px;}
#single-product{width: 1200px;margin: 0px auto;margin-top: 10px;margin-bottom: 20px;}
#single-product a{color: #2278d1;text-decoration: none;text-align: left;text-align-last: left;}
#single-product .clleft{width: 100%;margin-right: 0px;}
#single-product .clleft .clproduct .clcontent {display: inline-block;}
#single-product .clleft .clproduct .clcontent .product-img{width: 400px;height: auto;float: left;}
#single-product .clleft .clproduct .clcontent .product-img img{width: 400px;height: auto;}
#single-product .clleft .clproduct .clcontent .product-info{width: 430px;float: left;padding:33px;}
#single-product .clleft .clproduct .clcontent .product-info h1{margin: 0px;padding-bottom: 25px;}
#single-product .clleft .clproduct .clcontent .product-info .product-price{font-size: 25px;color: red;padding: 15px 0;}
#single-product .clleft .clproduct .clcontent .product-info .product-buy{font-size: 25px;color: red;padding: 15px 0;}
#single-product .clleft .clproduct .clcontent .product-info .product-buy .to-buy{font-size: 20px;display: inline-block;padding:10px 20px;background: #f85f62;} 
#single-product .clleft .clproduct .clcontent .product-info .product-buy .to-buy a{color: white;} 
#single-product .clleft .clproduct .clcontent .product-info .product-buy .favorite{font-size: 15px;color: red;padding: 15px 0;display: inline-block;float: right;} 
#single-product .clleft .clproduct-info p{font-size: 16px;line-height: 30px;padding:18px 20PX;background: #FFF;}

#single-product .clleft .product-info .product-excerpt p{word-break: break-all;}

#single-product .caiproduct{display: inherit;text-align: justify;text-align-last: justify;}
#single-product .caiproduct .caiproduct-list{width: 287px;display: inline-block; padding:20px;margin: 1px 1px 5px 1px;background: #FFF;}
#single-product .caiproduct .caiproduct-list .rmb{color: red;float: left;}
#single-product .caiproduct .caiproduct-list .title{display: block;padding: 5px 5px;color: black;line-height: 40px;font-size: 16px;}
#single-product .caiproduct .caiproduct-list .favorite{float: right;padding-right:20px; }

#single-product .clleft .product-recom{padding: 10px;display: inherit;background: #FFF;margin: 5px 0;}
#single-product .clleft .product-recom .product-recom-list{width:290px;float: left;padding: 10px;}
#single-product .clleft .product-recom .product-recom-list .price{color: red;}
#single-product .clleft .product-recom .product-recom-list .title{display: block;padding: 5px 5px;color: black;}
#single-product .clleft .product-recom .product-recom-list .favorite{float: right;padding-right:20px; }

#single-product .clright .product-recom{padding: 20px;display: inherit;background: #FFF;}
#single-product .clright .product-recom .product-recom-list{width: 230px;float: left;padding: 15px 0;}
#single-product .clright .product-recom .product-recom-list .price{color: red;}
#single-product .clright .product-recom .product-recom-list .title{display: block;padding: 5px 5px;color: black;}
#single-product .clright .product-recom .product-recom-list .favorite{float: right;padding-right:20px; }

#product-list-cllist{width: 1200px;margin: 0px auto;padding: 1px 20px 0px 20px;background: #FFF;margin-top: 10px;background: #FFF;}
#product-list-cllist .fenlei{padding: 0px 0;margin: 10px 0;}
#product-list-cllist span{float: left;line-height: 30px;font-weight: bold;width: 50px;}
#product-list-cllist ul{display: flow-root;}
#product-list-cllist ul li{float: left;padding: 5px 10px;}
#product-list-cllist ul li a{padding: 10px;text-decoration: none;color: grey;}

/*--------------------------------产品列表页*/
.product-cate-main{margin-top: 5px;    margin-bottom: 20px;
}
.product-cate-main .product-cate-list{width: 1200px;margin: 0px auto;text-align: justify;}
.product-cate-main .product-list{width:286px;padding: 20px;margin-bottom: 10px; background: #FFF;display: inline-block;}

.product-cate-main .product-cate-list .product-list:hover{box-shadow: 0px 0px 4px;}
.product-cate-main .product-cate-list .product-list a{text-decoration: none;font-size: 16px;color: grey;}
.product-cate-main .product-cate-list .product-list span.title{display: block;line-height: 50px; font-size: 15px;}
.product-cate-main .product-cate-list .product-list span.price{font-size: 20px;color: red;}
.product-cate-main .product-cate-list .product-list a.favorite{font-size: 10px;float: right;}
.product-cate-main .product-cate-list .product-list span.count{font-size: 10px;color: red;}

/*----------------------------tag*/
#cambrian0{clear: both;}
.tag-cloud-link {line-height: 20px;padding: 5px 10px;color: grey;display: block;float: left;}
.bottom-tag{display: none;}

/*  sidebar  -------------近期文章*/
#recent-posts-2{background: #fff;padding: 10px;}

#recent-posts-2 h2{text-align: left;font-size: 24px;margin-bottom: 10px;}
#recent-posts-2 li a{line-height: 30px;display: block;font-size: 16px;color: #757575;}
#recent-posts-2 li{padding: 6px 0px;border-top: 1px solid #e6e5e5;}

.post-like{text-align:center;padding:10px}
.post-like a{ background-color:#21759B;border-radius: 3px;color: #FFFFFF;font-size: 12px;padding: 5px 10px;text-decoration: none;outline:none}
.post-like a.done, .post-like a:hover{background-color:#eee;color:#21759B;} 
.post-like a.done{cursor:not-allowed}

/*分页---------------------------------*/
.pagination {}
.pagination a, .pagination a:visited {float: left;background: #fff;margin: 0 5px 10px 0;padding: 8px 11px;line-height: 100%;border: 1px solid #ebebeb;border-radius: 2px;}
.pagination .current, .pagination .dots {background: #fff;float: left;margin: 0 5px 0 0;padding: 8px 11px;line-height: 100%;border: 1px solid #ebebeb;border-radius: 2px;}
.pagination span.pages {}
.pagination span.current, .pagination a:hover {background: #0088cc;color: #fff;border: 1px solid #0088cc;}
.screen-reader-text, .pages  {display: none;}
.page-numbers {line-height: 20px !important;}

/*news*/
.article-recomd h3{border-left: none !important;padding: 0px !important;}

/*--------------boorstrap------------*/
.navbar-default .navbar-toggle .icon-bar{background-color: #ff9292 !important;}

div
{
transition:width 0.3s;
-moz-transition:width 0.3s; /* Firefox 4 */
-webkit-transition:width 0.3s; /* Safari and Chrome */
-o-transition:width 0.3s; /* Opera */
}
.navbar-header{
	margin-right: 0px !important; 
    margin-left: 0px !important;
}

/** footer menu **/
    .footer-nav {
        position: fixed;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: 2;
        background: #fff;
        display: none;
        border-top: 1px solid #ddd;
    }
    .footer-nav ul li {
        float: left;
        width: 25%;
        text-align: center;
        border-right: 1px solid #ddd;
        background: #ffbfbf;
    }
    .footer-nav ul li:last-child {
        border-right: 0;
    }
    .footer-nav ul li a {
        line-height: 45px;
        line-height: 45px;
    	color: #FFF;
    	font-weight: bold;
    	font-size: 16px;
    }
    .footer-nav ul li a i {
        font-size: 15px !important;
    }





/*----zyg----响应式----------*/
@media screen and (min-width: 100px) and (max-width: 1200px) {
.container {width: 100%;padding-right: 5px;padding-left: 5px;}
#category-cltop .main{width: 100%;}
#category-clmain{width: 100%;padding:0 1%}
#single-clmain{width: 100%;}
#newArticle .date{display: none;}
#product-list-cllist{width: 100%;}
#friend-link .linkcat{width: 100%;}
.bannerArea{width: 100%;}
#banner{margin-left: 0px;}

.product-cate-main .product-cate-list {width: 100%;}
.product-cate-main .product-list{width: 24%;}

.clleft{margin-right: 300px;float: left;}
.clright{width: 290px;margin-left: -290px;float: right;}

/*.bannerArea img{display: none;}*/
/*.bannerArea {height: 400px;background-image: url(../images/banner.png);background-position: 50%;}*/

}
/*20220114*/
@media screen and (min-width: 100px) and (max-width: 1100px) {
    .bannerArea img{ margin-top: 50px;}
}
/*20220114*/
@media screen and (min-width: 100px) and (max-width: 960px) {
	.clleft{margin-right: 0px;float: left;width: 100%}
	.clright{display: none;}
	.user{display:none;}

}
/* 20220602修padding: 0px 20px;为padding: 0px 10px; */
@media screen and (min-width: 100px) and (max-width: 768px) {
#newArticle {
    padding: 0px 10px;
    /*padding: 0px 20px;*/
}
#newArticle .container .post .post_list{width: 100%;}
#newArticle .date{display: block;}
#single-clmain{background: #FFF;}
#single-clmain .clleft h1{font-size: 30px;}
#product-list-cllist ul {display: table;}
#product-list-cllist .fenlei{padding: 0px;}
#single-product{width: 100%;}
.product-cate-main .product-cate-list{width: 100% !important;}
.product-cate-main .product-cate-list img{width: 100%;padding: 5px;}
.product-cate-main .product-list{width: 32%;padding: 5px;}
#category-cltop{display: none;}
#category-cltop .main .right{display: none;}
#category-cltop .main .left ul li a, #category-cltop .main .left span{font-size: 20px;line-height: 40px;}
#product-list-cllist ul li{padding: 5px 0px;}
#single-product .caiproduct .caiproduct-list{width:48%;}
#single-product .clleft .product-recom .product-recom-list{width: 50%;}
#single-product .clleft .clproduct .clcontent .product-info{width: 100%;}
#single-product .clleft .clproduct .clcontent .product-info h1{font-size: 30px;}
#single-product .clleft .clproduct .clcontent .product-img{width: 100%;}
#single-product .clleft .clproduct .clcontent .product-img img{width: 100%;}
#single-clmain{margin-top: 0px;}
#single-clmain .clarticle .products{width: 80%;}
#single-clmain .clpost .clcontent{padding: 20px 20px;}
#single-clmain .clpost .clcontent .clinfo ul{display: none;}
#single-clmain .clpost .clcontent .clinfo span{margin-right: 20px;}
.product-recom-list img{width: 100%;}
.navbar{padding: 0px;}
.headerheight{height: 50px;}

.bottom-tag{display: block;}
.top-tag{display: none;}

#single-clmain .caiproduct .caiproduct-list{width: 48%;}

#single-clmain .clpost .clcontent .clarticle p img{max-width: 70%;}

#single-product .clleft .clproduct .clcontent .product-info{padding:20px 0px 0px 0px;}
#single-product .clleft .clproduct .clcontent .product-info h1{padding-bottom: 10px;}
#single-product .clleft .clproduct .clcontent .product-info .product-buy{padding: 0px;}

.bannerleft{display: none;}

.bannerArea{margin-top: 0px;height: 300px;background-size: 150%;}

p{font-size:14px;}
.inner_section {padding: 20px 0 20px;}
.service_block h3 { font-size: 16px;}
.service_block p {font-size: 14px; margin: 0px;margin-bottom: 20px;}
#filters ul{padding-left:0px;}
.form {margin: 0 18px;}
#clients {padding: 40px 0;}
.client_logos ul li {display: inline;margin: 0 25px;padding: 11px 0;display: inline-block;}
.social_links li {float: left; }
.navbar-inverse .navbar-toggle .icon-bar{background:#df0031;}
.navbar-inverse .navbar-toggle {border-color: transparent;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background:none;outline: none;}
.navStyle ul li {display: block;}
.navStyle {float: right;width: 100%;text-align:center;margin: 0;}
.navbar-inverse .navbar-nav > li > a {color: #222;background: #F9F9F9;}

.article-recomd .post_list img{width: 105px;height: 65px;float: left;margin-right: 20px;}
.article-recomd .post_list span.title a{font-size: 16px !important;color: #000 !important;white-space: inherit !important;}
.article-recomd .post_list p{display: none;}

.products-ggs {display: block;}

.article-top-ggs {padding: 5px;margin-top: 5px;}
.article-bottom-ggs .products-ggs{margin-top: 5px;}
.article-list-ggs .products-ggs{margin-top: 5px;}
.article-top-ggs .ggs-img, .article-bottom-ggs .ggs-img,.article-list-ggs .ggs-img{padding: 0px !important;}

#service_section .service{text-align-last: center;}

.service_list{width: 45%;margin-bottom: 20px;}
#confuse_section .confuse {text-align-last: center;text-align: center;}
.confuse_list{width: 46%;margin-bottom: 5px;}

#step_section .confuse {text-align-last: center;text-align: center;}
.step_list{width: 46%;margin-bottom: 5px;}

#methods_section .methods {
    text-align-last: center;
    text-align: center;
}
.methods_list {
    width: 30%;
}

#who_section{padding: 0px;}

}

@media screen and (min-width: 100px) and (max-width: 640px) {
#category-clmain{background: #FFF;}
#newArticle .date{display: none;}
#newArticle .container .post .post_list img{display: none;}
#single-clmain .clleft h1{font-size: 20px;margin-top: 0px;}
/*#category-list-cllist{padding-top: 40px;}*/
#single-clmain .clpost{padding-top: 0px;}
.product-cate-main .product-list{width: 48%;padding: 5px;}
.gift_list .gift_box{width: 48%;}
#recom_section .recom_area .recom_list .recom_list_info .gift_box{width: 48.5%;}
.who_list .list a{font-size: 16px;}
.who_list .list img{padding: 0px;}
.who_list .list img{width: 60%;margin-bottom: 10px;}

.article-recomd .post_list span.title a{font-size: 16px !important;color: #000 !important;white-space: inherit !important;}
.article-recomd .post_list p{display: none;}

#category-clmain .clcontent-left{width: 120px;}
#category-clmain .cldescription{display: none;}
#category-clmain .clinfo-right{display: none;}
#category-clmain a{line-height: 25px;font-size: 16px;font-weight: normal;}
#category-clmain .clpost{padding: 10px;}
#category-clmain .clpost .post-categories li a{font-size: 14px;}

.newslist_img a{max-height: 90px;}

.bannerArea{margin-top: 0px;height: 200px;background-size: 150%;}

#single-clmain #newArticle .post{width: 98%;}
}

@media screen and (min-width: 100px) and (max-width: 480px) {
.input-group {width: 100%;}
.navbar .navbar-brand {position: relative;/* height: 60px; */line-height: 30px;color: #fff;font-family: 'Raleway', sans-serif;padding: 5px 15px;}
.navbar .navbar-brand  .material-icons{ height: 27px;}
#single-clmain .clarticle .products-1{width: 90%;}
#single-clmain .caiproduct .caiproduct-list{padding: 10px;}
#newArticle .container .post{width: 100%;}
#recom_section .recom_area .recom_list .recom_list_info .gift_box{width: 48%;padding: 0px;}

.article-recomd .post_list span.title a{font-size: 16px !important;color: #000 !important;white-space: inherit !important;}
.article-recomd .post_list p{display: none;}

}

.qinsu_list_div{
    padding-bottom: 40px;
    background-color: #FFFFFF;
}
.qinsu_list{
    position: relative;
    text-align: center;
    background-color: #FFFFFF;
    margin-bottom: -30px;
}
.qinsu_list .topimg{
    width: 468px;
    height: 54px;
    margin: 0 auto;
    margin-top: 45px;
}
.qinsu_list .more_view{
    position: absolute;
    right: 140px;
    margin-top: 10px;
    color: #666666;
    display: none;
}
.qinsu_list .more{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
}
.qinsu_list .more img{
    width: 50px;
    height: 50px;
}
.qinsu_list ul{
    display: flex;
    justify-content: center;
    background-color: #FFFFFF;
    margin: 0;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    width: auto;
    flex-wrap: wrap;
}
.qinsu_list ul div.scroll{
    display: flex;
    width: calc(100% - 240px);
    overflow-x: scroll;
    padding: 40px 0;
}
.qinsu_list ul div.scroll div{
    display: flex;
    padding-right: 20px;
}
.qinsu_list ul li{
    /*width: 239.5px;*/
    min-width: 239.5px;/* 360兼容模式 20220511增 */
    height: 360px;
    background: #FFFFFF;
    box-shadow: 0px 0px 40px 0px rgba(202, 202, 202, 0.54);
    border-radius: 20px;
    margin-left: 20px;
    text-align: center;
    position: relative;
}
.qinsu_list ul li .avatarurl{
    width: 100px;
    height: 100px;
    margin-top: 29px;
    border-radius: 110px;
}
.qinsu_list ul li .online{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 21px;
    left: 160px;
    width: 65px;
    height: 26px;
    background: #83BDF4;
    border-radius: 11px 11px 11px 0px;
    font-size: 15px;
    font-weight: 400;
    color: #FFFFFF;
}
.qinsu_list ul li .online.state1{
    background: #83BDF4;
}
.qinsu_list ul li .online.state2{
    background: #e6e6e6;
    color: #b8b8b8;
}
.qinsu_list ul li .online.state3{
    background: #ff6c7b;
}
.qinsu_list ul li .name{
    display: block;
    font-size: 23px;
    font-weight: 500;
    color: #333333;
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qinsu_list ul li .name b{
    max-width: 5em;
    display: block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight: normal;
}
.qinsu_list ul li .sex{
    width: 23px;
    height: 23px;
    position: absolute;
    top: 114px;
    left: 59%;
}
.qinsu_list ul li .name img{
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.qinsu_list ul li .time{
    font-size: 17px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #666666;
    margin-top: 17px;
    display: block;
}
.qinsu_list ul li .biaoq{
    display: flex;
    justify-content: center;
}
.qinsu_list ul li .biaoq font{
    display: inline-flex;
    width: 82px;
    height: 34px;
    background: #F5F5FA;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
    color: #666666;
    margin: 17px 7.5px;
}
.qinsu_list ul li .go{
    display: flex;
    justify-content: center;
}
.qinsu_list ul li .go a{
    display: flex;
    width: 152px;
    height: 46px;
    background: #FF7979;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    font-weight: 500;
    color: #FFFFFF;
}
.qinsu_list_yd{
    display: none;
    width: 100%;
    background-color: #FFFFFF;
}
.qinsu_list_yd .topimg2{
    width: 70%;
    height: auto;
    /*margin-top: 50px;*/
    margin-top: 4vw;
    margin-bottom: 20px;
    margin-left: 4vw;
}
.qinsu_list_yd li{
    width: 92vw;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px 0px rgba(192, 192, 192, 0.3);
    border-radius: 14px;
    height: 100px;
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    position: relative;
}
.qinsu_list_yd li .avatarurl{
    height: 60px;
    width: 60px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 110px;
}
.qinsu_list_yd li .sex{
    width: 20px;
    height: 20px;
    position: absolute;
    left: 54px;
    bottom: 20px;
}
.qinsu_list_yd li .info{
    height: 60%;
    margin-top: 0.6vw;
}
.qinsu_list_yd li .info p{
    margin-top: 0vw;
}
.qinsu_list_yd li .info P:first-child{
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    display: flex;
    align-items: center;
}
.qinsu_list_yd li .info P{
    display: flex;
    align-items: center;
}
.qinsu_list_yd li .info P:first-child b{
    max-width: 5em;
    display: inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight: normal;
}
.qinsu_list_yd li .info P:first-child .online{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 20px;
    background: #83BDF4;
    border-radius: 11px 11px 11px 0px;
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
    margin-left: 5px;
}
.qinsu_list_yd li .info P:first-child .online.state1{
    background: #83BDF4;
}
.qinsu_list_yd li .info P:first-child .online.state2{
    background: #e6e6e6;
    color: #b8b8b8;
}
.qinsu_list_yd li .info P:first-child .online.state3{
    background: #ff6c7b;
}
.qinsu_list_yd li .info P .star{
    background: url('../images/star2.png') no-repeat top left #cccccc;
    line-height: 6px;
}
.qinsu_list_yd li .info P img{
    height: 10px;
    width: auto;
}
.qinsu_list_yd li .info P:last-child font{
    border-left: solid #E6E6E6 1px;
    display: flex;
    height: 14px;
    align-items: center;
    margin-left: 12px;
    padding: 0 12px;
    color: #F84A63;
}
.qinsu_list_yd li a{
    margin-left: auto;
    margin-right: 10px;
    background: #F84A63;
    border-radius: 10px;
    color: #FFFFFF;
    padding: 6px 10px;
    display: block;
}
.qinsu_list_yd .more{
    width: 100%;
    text-align: center;
    color: #666666;
    padding-bottom: 12px;
}
.qinsu_list_yd .more a{
    color: #666666;
    font-size: 16px;
}
.widget.widget_ui_posts{
    margin-top: 36px;
}
@media screen and (min-width: 1300px) {
    .qinsu_list ul div.scroll::-webkit-scrollbar {
        display: none;
    }
}
@media screen and (max-width: 765px) {
    .qinsu_list{
        display: none;
    }
    #banner_section{
        display: none;
    }
    .qinsu_list_yd{
        display: block;
    }
}

.category-top-img{
    display: none;
}
@media screen and (max-width: 765px) {
    .single-top-img{
        display: none;
    }
    .category-top-img{
        display: block;
    }
}

#single-clmain .clright .secondary .widget-area .widget_media_image img {
    width: 380px !important;
}
#single-clmain .clright .secondary .widget-area .widget_recent_entries ul {
    padding-inline-start: 0;
}
#single-clmain .clright .secondary .widget-area .widget_recent_entries li {
    list-style: none;
}

/* 20220128易倾诉右侧广告模块增 */
.clright{
    min-width: 380px;
    background-color: #FFFFFF;
}
.yqs-clmain .clright .topimg3{
    width: 100% !important;
    height: auto;
}
.auter{
    width: 380px;
    height: 640px;
    overflow: hidden;
}
.auter:hover{
    overflow-y: auto;
}
.auter::-webkit-scrollbar {
    width: 4px; 
    height: 4px;
}
.auter::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #F7F7F7;
}
.auter::-webkit-scrollbar-track {
    border-radius: 0;
    background: #FFFFFF;
}
.inner{
    height: 200px;
    padding-right: 4px;
    border-bottom: solid #F7F7F7 6px;
}
.inner li{
    display: flex;
    position: relative;
}
.inner li .name{
    display: flex;
    font-size: 16px;
    color: #333333;
    margin-top: 15px;
    font-weight: bold;
    align-items: center;
    height: 30px;
}
.inner li .name font{
    display: inline-block;
    max-width: 5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.inner li .name p{
    font-size: 12px;
    font-weight: normal;
    width: 41px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px 5px 5px 0px;
    margin-left: 8px;
}
.inner li .name p.red{
    background: #ff6c7b;
    color: #FFFFFF;
}
.inner li .name p.gruy{
    background: #e6e6e6;
    color: #b8b8b8;
}
.inner li .name p.blue{
    background: #72BFFA;
    color: #FFFFFF;
}
.inner li .name p.price{
    width: 30%;
    margin-left: auto;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    color: #F12D4A;
}
.inner li .name p.price font{
    font-size: 13px;
}
.inner li div{
    text-align: left;
}
.inner li .info{
    font-size: 12px;
    color: #999999;
}
.inner li .info span{
    border-right: solid #F2F2F2 1px;
    padding: 0 10px;
}
.inner li .info span:first-child{
    padding-left: 0;
}
.inner li .info span:last-child{
    border-right: none;
}
.yqs-clmain .clright .inner li .avatarurl{
    width: 60px !important;
    height: 60px;
    border-radius: 100px;
    margin: 15px;
}
.yqs-clmain .clright .inner li .man{
    width: 15px !important;
    height: 15px;
    position: absolute;
    top: 58px;
    left: 58px;
}
.inner:hover{
    padding-right: 0;
}
.inner li div.attestation{
    display: flex;
    flex-wrap: wrap;
}
.inner li div.attestation span{
    background-color: #F0F6FF;
    padding: 2px 4px;
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-right: 7px;
    border-radius: 100px;
    color: #666666;
}
.yqs-clmain .clright .inner li div.attestation span img{
    width: 14px !important;
    height: 14px;
}
.yqs-clmain .clright .inner li div.yuyin{
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-top: 12px;
    color: #666666;
}
.yqs-clmain .clright .inner li div.yuyin img{
    width: 14px !important;
    height: 14px;
    margin-right: 8px;
}
.yqs-clmain .clright .inner li div.yuyin a{
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 81px;
    height: 28px;
    background: #F19C9A;
    border-radius: 4px;
    font-size: 14px;
    color: #FFFFFF !important;
}
.inner .jianjie{
    border-top: solid #F2F2F2 1px;
    width: 340px;
    margin-left: 18px;
    margin-top: 15px;
    text-indent: 12px;
    padding-top: 14px;
}
.inner .jianjie span{
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.master_more{
    font-size: 16px;
    color: #3888F4;
    margin: 16px;
    text-align: center;
}
.clright .nav_yiqingsu{
    border-bottom: solid #F7F7F7 10px;
    background-color: #FFFFFF;
    max-width: 380px;
}
@media screen and (min-width: 960px) {
    .clleft{
        max-width: calc(100vw - 440px);
    }
}

/* 20220311悬浮弹窗 */
.free-consu-div ul{position: fixed; z-index: 100000; right: 20px; bottom: 115px; width: 321px; height: 145px; padding: 31px 20px; background-color: #FFFFFF; box-shadow: 0px 7px 16px 0px rgba(205, 205, 205, 0.72); border-radius: 4px; font-size: 14px; font-weight: 400; color: #666666; line-height: 30px; text-align: left; display: none;}
.free-consu-div .closeconsu{ width: 28px; position: fixed; right: 10px; bottom: 270px; z-index: 100000; display: none;}
.free-consu-div span{ border-left: 10px solid transparent; border-top: 20px solid white; border-right: 10px solid transparent; width: 0; height: 0; position: fixed; bottom: 105px; right: 60px; z-index: 100000; display: none;}
.free-consu-div .free-consu{ position: fixed; z-index: 100000; right: 20px; bottom: 20px; width: 100px;}
@media screen and (min-width: 100px) and (max-width: 960px){
    .free-consu-div ul{ width: 70%; font-size: 12px; padding: 10px; height: 110px;}
    .free-consu-div .closeconsu{ bottom: 235px;}
    .free-consu-div .closeconsu{ width: 20px;}
}

.navbar-header ul{
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.navbar-header ul li{
    width: 100%;
    height: 46px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    box-shadow: 0px 1px 15px 0px rgba(255, 215, 215, 0.33);
    display: flex;
    align-items: center;
    font-size: 12px;
}
.navbar-header ul img{
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-left: 12px;
}
.navbar-header ul span{
    background-color: #FF7979;
    padding: 5px 10px;
    border-radius: 100px;
    margin-left: auto;
    margin-right: 17px;
}
.popup_gzhu{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100001;
    width: 100%;
    height: 100%;
}
.popup_gzhu div{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup_gzhu div img{
    width: 270px;
    height: auto;
}
.popup_gzhu div ul{
    position: relative;
}
.popup_gzhu div .title{
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: 19px;
}
.popup_gzhu div .text{
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 17px;
}
.popup_gzhu div .code{
    position: absolute;
    width: 150px;
    left: 60px;
    top: 130px;
}
.popup_gzhu div font{
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    padding-left: 0.5em;
}
.popup_gzhu div .guanbi{
    width: 26px;
    height: 26px;
    position: absolute;
    margin-bottom: -400px;
}

.popup_gzhu_pc{
    position: fixed;
    left: -50000px;
    top: 400px;
}
.popup_gzhu_pc ul{
    position: relative;
    padding: 0;/* 360兼容模式 20220511增 */
}
.popup_gzhu_pc ul img{
    width: 199px;
}
.popup_gzhu_pc ul .title{
    position: absolute;
    top: 24px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
}
.popup_gzhu_pc ul .code{
    width: 102px;
    position: absolute;
    top: 70px;
    left: 48px;
}
.popup_gzhu_pc ul font{
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #333333;
}
.popup_gzhu_pc .guanbi{
    width: 26px;
    height: 26px;
    position: absolute;
    right: 5px;
    top: 5px;
}

@media screen and (min-width: 765px) {
    .container .navbar-header ul{
        top: -100px;
    }
    .container .popup_gzhu div{
        position: fixed;
        left: -10000px;
    }
    .popup_gzhu_pc{
        left: 50px;
    }
}


/*20220602增 str*/
.turn_topic li{
    list-style: none;
    padding: 19px 10px;
    border-bottom: solid #F2F2F2 1px;
    display: flex;
}
.turn_topic a:last-child{
    border-bottom: none;
}
.turn_topic li a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 19%;
    margin: 0 auto;
    height: 28px;
    border-radius: 100px;
    margin-bottom: -2px;
    cursor:pointer;
    text-decoration:none;
    color: #808080;
    /*font-size: 12px;*/
    font-size: 16px;
}
.turn_topic li a.active{
    background: #F2F4F7;
    color: #587BEC;
}
.turn_topic .yqs_mind span p{
    /*font-size: 14px;*/
    font-size: 16px;
}
.post_text_list{
    list-style: none;
    padding: 12px 10px;
    border-bottom: solid #F2F2F2 1px;
    display: flex;
    flex-wrap: wrap;
    cursor:pointer;
    text-decoration:none;
    color: #8c8c8c;
}
/*.post_text_list:hover{*/
/*    text-decoration:none;*/
/*    color: #8c8c8c;*/
/*}*/
.post_text_list span{
    display: flex;
    width: 100%;
}
.post_text_list span img{
    width: 6px;
    height: 6px;
    margin-top: 10px;
    margin-right: 10px;
}
.post_text_list span p{
    text-align: left;
    text-align-last: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.post_createtime{
    margin-left: 16px;
}
/* 20220623修 str */
.post_text_list span:nth-child(1) p{
    height: 48px;
}
/* 20220623修 end */
.post_text_list span p.discuss{
    margin-left: auto;
}
.post_text_list span:last-child{
    padding-top: 16px;
}
.post_text_list span p.discuss img{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: 0;
    margin-right: 5px;
}
.yqs_list a{
    padding: 22px 10px;
    display: flex;
    border-bottom: solid #EBEBEB 1px;
    cursor:pointer;
    text-decoration:none;
}
.yqs_list a:last-child{
    border-bottom: none;
    margin-bottom: -10px;
}
.yqs_list .avatar span{
    position: relative;
    display: block;
    width: 72px;
    height: 72px;
}
.yqs_list .avatar span img{
    width: 72px;
    height: 72px;
}
.yqs_list .avatar span p{
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: -10px;
    left: 5px;
    width: 62px;
    height: 24px;
    background: #DF4A60;
    color: #FFFFFF;
    border-radius: 8px 8px 8px 0px;
}
.yqs_list .info{
    padding-left: 16px;
    width: calc(100% - 16px);
}
.yqs_list .info .name{
    padding: 6px 0;
    display: flex;
    align-items: center;
}
.yqs_list .info .name p{
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    text-align: left;
    text-align-last: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.yqs_list .info .name img.gender{
    width: 16px;
    height: 16px;
}
.yqs_list .info .name img.state{
    width: 60px;
    height: auto;
    margin-left: auto;
}
.yqs_list .info .label{
    display: flex;
    width: auto;
    padding: 0;
    margin-top: -3px;
}
.yqs_list .info .label p{
    width: 60px;
    height: 24px;
    background: #F7F7F7;
    border-radius: 4px;
    color: #7B7B7B;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.yqs_list .info .order{
    display: flex;
    margin-top: 2px;
}
.yqs_list .info .order p{
    display: inline-flex;
    align-items: center;
    text-align: left;
    text-align-last: left;
    color: #666666;
    font-weight: 400;
    font-size: 14px;
}
.yqs_list .info .order p:hover{
    border: 0px;
}
.yqs_list .info .order p:first-child{
    margin-right: 10px;
}
.yqs_list .info .order p font{
    color: #DF4A60;
}
@media screen and (min-width: 422px){
    #newArticle .article_container .post{
        min-width: 382px;
    }
}
@media screen and (min-width: 100px) and (max-width: 400px){
    .yqs_list a{
        padding: 20px 15px;
    }
    .yqs_list .info .order p{
        font-size: 12px;
    }
}
@media screen and (min-width: 100px) and (max-width: 360px){
    .yqs_list .info{
        padding-left: 6px;
    }
    .yqs_list a{
        padding: 20px 10px;
    }
}
#newArticle .mh .post{
    max-height: 563.59px;
    min-height: 563.59px;
}
#newArticle .container .post{
    border: none;
    border-bottom: solid 4px #FAFAFA;
}
#newArticle .container .post h3 {
    border-bottom: 1px solid #F2F2F2;
    padding: 20px 10px;
    padding-left: 10px;
    margin-top: -15px;
    /*font-size: 16px;*/
    font-size: 18px;
    display: flex;
    align-items: center;
    position: relative;
    background-image: none;
}
#newArticle .container .post h3 a{
    position: relative;
    z-index: 10;
    color: #333333;
}
#newArticle .container .post h3 font{
    position: relative;
    z-index: 10;
    color: #333333;
}
#newArticle .container .post h3 a p{
    display: block;
    width: 100%;
    min-height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #FFBDC7;
}
#newArticle .container .post h3 .more{
    /*font-size: 14px;*/
    font-size: 16px;
    font-weight: normal;
    color: #808080;
    position: absolute;
    right: 10px;
    cursor:pointer;
}
/*20220602增 end*/