@CHARset "utf-8";
	@font-face {
  font-family: "iconfont"; /* Project id 3317354 */
  src: url('../fonts/iconfont.woff2') format('woff2'),
       url('../fonts/iconfont.woff') format('woff'),
       url('../fonts/iconfont.ttf') format('truetype');
}
.icon-chahao:before {
    content: "\e668";
}
				
/* 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;color: #ff6b6d;text-align: center;display: block;padding: 10px;}

#service_section .container>.intro{font-size: 16px;text-align: center;display: block;padding: 10px;}



#service_section .container .service_list .title{font-size: 20px;color: #ff6969;text-align: center;display: block;padding: 20px;}

#service_section .container .service_list .intro{font-size: 14px;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;

    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;}



#confuse_section .confuse_list img{width: 50%;height: auto;display: block;margin: 0px auto;padding: 10%;}

#confuse_section .container>.title{font-size: 30px;text-align: center;display: block;padding-top: 40px;}

#confuse_section .container>.intro{font-size: 12px;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;text-align: center;display: block;}





#step_section .step_list .title{display: block;font-size: 20px;color: #000;padding-bottom: 15px;}



/*   methods_list------------------------------*/

#methods_section {margin-bottom: 30px;}

#methods_section .methods{text-align-last: justify;text-align: justify;}

.methods_list{width: 16%;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;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;}



#methods_section .intro1 {text-align: center;display: block;color: #ff4848;font-size: 30px;padding:15px 20px;}

#methods_section .intro2 {text-align: center;display: block;}

#methods_section .intro3 {text-align: center;display: block;color: #ff4848;font-size: 20px;padding:15px 20px;}

#methods_section .intro4 {text-align: center;display: block;}

#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;

    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;}

#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;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;}

#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 0px 20px 0px;}

#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;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;}



/* 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;*/padding-top: 5px;padding-bottom: 5px;}

#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;/*font-size: 12px;*/font-size: 14px;}

#category-clmain .clpost{padding:20px;background: #FFF;border-bottom: 1px solid #e6e6e6;}

#category-clmain .cltitle{margin-top: 10px;    /*margin-left: 140px;*/}

#category-clmain .cltitle a{/*font-size: 18px;*/font-size: 20px;}

#category-clmain .cldescription{margin:20px 0 20px 220px;}

#category-clmain .cldescription p{/*font-size: 12px;*/font-size: 14px;}

#category-clmain .clinfo-left{float: left;line-height: 40px;}

#category-clmain .clinfo-left>* {float: left;margin: 0px;padding-right: 20px;/*font-size: 12px;*/font-size: 14px;}

#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;/*font-size: 12px;*/font-size: 16px;}

#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;*/padding: 10px 20px;background: #FFF;}

#single-clmain .clpost .clcontent .clinfo span{display: inline;/*font-size: 12px;*/font-size: 14px;}

#single-clmain .clpost .clcontent .clinfo ul{display: inline-block;margin: 0px 20px 0 0;}

#single-clmain .clpost .clcontent .clarticle{margin: 10px 0px;
        padding: 0.5em 0px;
    font-size: 16px;
    line-height: 2;
    color: #464646;
    word-break: break-all;
    font-weight: 300;
    text-indent: 2em;
    white-space: pre-line;
	
}
#single-clmain .clpost .clcontent .clarticle img{
        display: block;
    margin: 20px auto;
    max-width: 100%;
    height: auto;
    
}

#single-clmain .clpost .clcontent .clarticle p{padding: 0.5em 0px;font-size: 16px;line-height: 2;color: #464646;word-break: break-all;font-weight: 300;text-indent: 2em;}

#single-clmain .clpost .clcontent .clarticle blockquote p{font-style: italic;}

#single-clmain .clpost .clcontent .clarticle p img{display: block;margin: 0px auto;max-width: 100%;height: auto !important;}



.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;/*font-size: 12px;*/font-size: 16px;}

.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;position: relative;z-index: 100;}

/*#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;*/font-size: 16px;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;*/font-size: 16px;display: inline;}  

ul.breadcrumbs li a{/*font-size: 14px;*/font-size: 16px;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;/*font-size: 12px;*/font-size: 16px;}

#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;/*font-size: 12px;*/font-size: 16px;}

#product-list-list{width: 1200px;margin: 0px auto;margin-top: 10px;/*font-size: 12px;*/font-size: 16px;}

#product-list-list a{padding: 5px;text-decoration: none;color: grey;padding-left: 0;/*font-size: 12px;*/font-size: 16px;}
/*--------------------------------产品列表页*/

.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;}
.pagination span{background: #fff;float: left;margin: 0 5px 0 0;padding: 8px 11px;line-height: 100%;border: 1px solid #ebebeb;border-radius: 2px;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%;}

#product-list-list{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;}



}



@media screen and (min-width: 100px) and (max-width: 768px) {

#newArticle {

    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;*/padding: 10px 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: 100%;height:auto !important;}



#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 .clcontent-left .cldate img{
    min-height:90px;
}
#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 .cltitle a{
    font-size:16px;
}
.pagination span{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;}

#single-clmain ul{padding-inline-start: 20px;}

}



.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;
    height:700px;
    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;
        padding-bottom: 10px;
}

.inner li{

    display: flex;

    position: relative;

}

.inner .inner-div{

    width: 276px;

}

.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;

        line-height: 2em;
}

.inner .jianjie span{

    display: inline-block;

    max-width: 300px;

    overflow: hidden;

    text-overflow: ellipsis;
    text-indent: 2em;
    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;
        max-height: 660px;
    overflow-y: hidden;
}

@media screen and (min-width: 960px) {

    .clleft{

        max-width: calc(100vw - 440px);
    min-height: 994px;
    }

}



/* 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增 */
    
    padding-inline-start: 0px !important;/* 情感咨询详情内调整 */

}

.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;

    }

    .complaint{
        display: none;
    }

}

.complaint{
    float: right;
    padding: 1px 6px;
    margin-top: 12px;
    margin-right: 15px;
    margin-bottom: 12px;
    background: #db5452;
    color: #FFFFFF;
    border-radius: 4px;
    text-decoration: none;
}

/* 20220817二维码回到顶部按钮 */
.action-item{
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/*易倾诉广告弹窗 20220913*/
.popup-ads{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; z-index: 100001; display: none; /*display: flex;*/ align-items: center; justify-content: center;}
.popup-ads .popup-ads-greuy{ text-align: center;}
.popup-ads-centent{/*width: 7.346rem;*/ width: 8.346rem; max-width: 551px; background: #FFFFFF; border-radius: 10px; padding-bottom: 0.6133rem;}
.popup-ads-centent ul{ list-style: none; margin: 0;}
.popup-ads-centent ul .title{ width: 100%; text-align: center; background: #FE6280; height: 1.106rem; font-size: 0.4266rem; font-weight: 500; color: #FFFFFF; display: flex; align-items: center; justify-content: center; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.popup-ads-centent ul .item{ display: block; padding-left: 0.3733rem; padding-top: 0.6133rem; position: relative; margin-bottom: 0.08rem; cursor: pointer;}
.popup-ads-centent ul .item .touxiang{ position: relative; width: 1.1733rem; height: 1.1733rem; display: block;}
.popup-ads-centent ul .item .touxiang .img{ width: 1.1733rem; height: 1.1733rem;}
.popup-ads-centent ul .item .touxiang .icon{ width: 0.24rem; height: 0.24rem; position: absolute; right: 0; top: 0;}
.popup-ads-centent ul .item .name{ font-size: 0.3466rem; position: absolute; left: 1.8533rem; display: flex; align-items: center; top: 0.49rem; font-weight: 600; color: #333333;}
.popup-ads-centent ul .item .name p{ font-size: 0.2133rem; color: #FE345B; margin-left: 0.1866rem;}
.popup-ads-centent ul .item .info{font-size: 0.26667rem; font-weight: 500; color: #B3B3B3; line-height: 0.64rem; position: absolute; left: 1.8533rem; top: 0.95rem;}
.popup-ads-centent ul .item .renzheng{ display: flex; width: 1.2533rem; height: 0.32rem; background: #F5F5F5; border-radius: 10px; align-items: center; justify-content: center; font-size: 0.16rem; font-weight: 500; color: #808080; position: absolute; left: 1.8533rem; top: 1.5733rem;}
.popup-ads-centent ul .item .renzheng img{ width: 0.2133rem; height: 0.2133rem; margin-right: 0.0933rem;}
.popup-ads-centent ul .item .text{display: flex; padding: 0 0.2rem; height: 0.32rem; background: #F5F5F5; border-radius: 100px; align-items: center; justify-content: center; font-size: 0.16rem; font-weight: 500; color: #808080; position: absolute; left: 3.1866rem; top: 1.5733rem;}
.popup-ads-centent ul .item .goyqs{ display: block; width: 0.9333rem; height: 0.9333rem; position: absolute; right: 0.48rem; top: 0.7466rem;}
.popup-ads-centent ul .item .goyqs{ width: 0.9333rem; height: 0.9333rem;}
.popup-ads-close{ width: 0.7066rem; height: 0.7066rem; margin: 0.52rem auto;}


html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    font-size: 12px !important;
}
body {
    -webkit-transition: initial;
    -o-transition: initial;
    transition: initial;
    font: initial;
    font-size: 12px !important;
}
	.nav-search{
					    padding: 15px 12px 15px;
					}
					.nav-search a{
					    padding: 6px 0;
                        z-index: 99;
					}
					.nav-search .iconfont{
					    font-size:24px;
					}
					.iconfont{
					   font-family: "iconfont" !important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
					}
					.icon-search:before{
					        content: "\e65c";
					}
.search{
    float:right;
}
.search-box{position:fixed;left:0;right:0;top:-0;z-index:9998;padding:6.5px 0;background:#fff;transition:top 0.3s cubic-bezier(.4,0,.2,1);display: none !important;}
.search-box.show{top:0;display: block !important;}
.search-box .container{max-width:300px;position: relative;}
.search-close{position:absolute;right:-70px;top:8px;color:#007bff}
.search-close .iconfont{font-size:24px;padding: 15px;}
.search-input{text-align: left;float:left;font-size: 20px;font-weight: 700;border:none;height:30px;padding:4px 12px;border-right:none;font-size:15px;border-radius:2px 0 0 2px;outline:none;    display: inline-block;border-bottom: 1px solid #333;    margin-top: 10px;}
.search-box-form a{margin-left:20px;color:#999}
.search-box-form a:hover{color:#0d7ffa}
.su {
    background: #333;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    margin-top: 8px;
    cursor: pointer;
}