@charset "utf-8";
/*
Theme ID: ydconcise
Author: guokun
Author QQ 525887672
Author Email ：525887672@qq.com
Author URL http://www.yzktw.com.cn/
*/
*{margin: 0;padding: 0;}
@font-face {
  font-family: 'Poppins-Regular';
  font-style: normal;
  font-weight: 400;
  font-weight: normal;
  letter-spacing: 0em;
  src: url('./fonts/Poppins-Regular.ttf');
}
body {
        background: #f6f6f6;
        font:14px/1.6em "Poppins-Regular","Hiragino Sans GB","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
        color:#333;
        -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline: 0;
        margin-top: 72px;
}

.article_content {
  text-align: justify;
}
.article_content table {
  text-align: center;
}

.wrap{width: 1360px;margin: 0 auto;}
a{text-decoration: none;color: #000;}
a:hover{/*text-decoration: underline;*/ color: #fdac0e;}
a img {border:none;}
.clear{clear:both;}
/*==============header============*/
.header{background-color: #fafcfc;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
filter:alpha(opacity=90);
-moz-opacity: 0.9;
filter: alpha(opacity=90);
opacity: 0.90;
        width: 100%;
        height: 80px;
        line-height: 80px;
        position: fixed;top: 0;z-index: 2;
}
.gizle {top: -80px;-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.sabit {top:0;z-index: 9999;}

.logo{float: left;font-size: 0;}
.logo img{max-width: 100px;vertical-align: middle;}

.mnav{display: none;}
.msearch{display: none;}
.muser{display: none;}

.nav{float: left;margin-left: 20px;}
.nav ul{list-style: none;}
.nav li{float: left;margin-right: 1px;position: relative;white-space: nowrap;}
.nav li+#nvabar-item-index{display: none;}
.nav li a{display: block; padding: 0 20px;color: #fff;}
.nav li:hover a{background-color: #404040;}
.nav li.active a{background-color: #404040;}

.nav ul ul{display: none;position: absolute;left: 0;top: 100%; line-height: 32px; min-width: 100%;}
.nav ul li:hover >ul{display: block;}
.nav ul ul li{float: none;display: block; width: 100%;}
.nav ul ul li a:hover{background-color: #fdac0e;color: #fff;}

.nav ul ul ul{position: absolute;left: 100%;top: 0;}

.user{float: right;margin-left: 10px;position: relative;}
.user .avatar{padding: 0 5px;font-size: 0;cursor: pointer;}
.user .avatar img{width: 32px;height: 32px;border-radius: 50%;vertical-align: middle;}
.user .login{display: none; position: absolute;top: 52px;right:0;white-space: nowrap;
background-color: #fff;
    border: 1px solid #ddd;
    /*width: 120px;*/
    /*height: 80px;*/
    padding: 15px;
    line-height: 24px;
    color: #333;
}
.user .login span{display: inline-block;}
.user .login span:first-child{margin-right: 10px;}
.user .login span a{color: #333;}

.user.active .avatar{background-color: #404040;}


.search{float: right;height: 80px;
  vertical-align: middle;
  display: flex;
  align-items: center;}
.search form{width: 274px;height: 40px;line-height: 40px;border-radius: 40px; color: #ddd;}
.search form input{float: left;width: 80%;height: 40px;line-height: 28px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;border: 1px solid #ccc;border-right: 0;padding-left: 17px;    border-radius: 30px 0 0 30px;
font-size: 14px;
}
.search form input:focus, .search.active_submit form input {
  border: 1px solid #fdac0e;
}
.search form input:focus + button, .search.active_submit form input + button {
  background-color: #fdac0e;
  color: white;
  border-color: #fdac0e;
}
.search form input:focus + button svg path, .search.active_submit form input + button svg path {
  fill: #fff;
}
.search form button{float: left;width: 20%;height: 40px;line-height: 28px;text-align: center;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;border-radius: 0 30px 30px 0;
background-color: #fff;border: 1px solid #ccc;border-left: 0;color: #cbcbcb;
display: flex;align-items: center;justify-content: center;cursor: pointer;
}

/*slider*/
.hdp{width: 1300px;margin: 0 auto 20px;overflow: hidden;position: relative;z-index: 0;}
.slider{height: 320px;width: 100%; overflow: hidden;}
.swiper-container {
  /* width: 100%; */
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow:initial;
  overflow: hidden;
}
.swiper-slide {
  /* width: 100%; */
  text-align: center;
  font-size: 18px;
  overflow: hidden;
  /* background: #fff; */
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img{width: 1200px;}

/*切换圆*/
.swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50%;border:2px solid #fff;background-color: transparent;
    opacity: 1;}
.swiper-pagination-bullet-active{background-color: #fff;}
/*上下篇*/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:none;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:none;}
.swiper-button-next, .swiper-button-prev{text-align: center;}
.swiper-button-prev i,.swiper-button-next i{font-size: 48px;color: #999;}
.hdp:hover .swiper-button-prev i,.hdp:hover .swiper-button-next i{color: #555;}
.hdp .swiper-button-prev:hover i,.hdp .swiper-button-next:hover i{color: #fdac0e;}


/*main*/
.main{clear: both; overflow: hidden;margin-bottom: 20px;margin-top: 100px;}

/*mainnav*/
.mainnav{overflow: hidden;}
.mainnav ul{list-style: none;overflow: hidden;margin-right: -17px;}
.mainnav li{float: left;width: 135px;line-height: 50px;margin-right: 17px;margin-bottom: 17px; text-align: center;font-size: 18px;font-weight: 800;}
.mainnav li a{display:block; background-color: #fff;transition: 0.6s all ease;color: #555;border: 2px solid #fff;
}
.mainnav li a:hover{color:#fdac0e;border-color:#fdac0e;transition: 0.6s all ease;}

/*mainbody*/
.mainbody{float: left;width: 1002px;overflow: hidden;}

/*listnav*/
.listnav{padding: 5px 0;margin-bottom: 15px;}
.listnav h1{font-size: 20px;line-height: 25px;color: #444; font-weight: normal;}
.listnav h1 a{color: #444;}
.listnav .subcate{font-size: 12px;margin-right: 5px;margin-top: 5px;margin-bottom: 5px;}
.listnav .subcate a::after{content: ">";padding-left: 5px;}
.listnav .subcate a:last-child::after{content: "";}
.listnav span{display: block;font-size: 13px;margin: 0 0 10px;line-height: 24px;}

.list{overflow: hidden;}
.list ul{list-style: none;}
.list li{display: block;padding: 20px 0;overflow: hidden;clear: both;}
.list li .img:hover{filter: alpha(Opacity=90);-moz-opacity: 0.9;opacity: 0.9;}
.list li .img{float: left;margin-left: 15px;width: 200px;height: 136px;overflow: hidden;}
.list li .img img{width: 100%;height: 100%;object-fit: cover;overflow: hidden;}
.list li .info{margin-left: 235px;margin-right: 15px;}
.list li .info h3{font-size: 20px;line-height: 30px;overflow: hidden; margin: 0;font-weight: 400;color: #000;margin-top: 33px;}
.list li .info p{margin: 10px 0;font-size: 16px;line-height: 27px;overflow: hidden; color: #333;}
.list li .info span{margin-right: 20px;display: inline-block;color: #999;font-size: 12px;vertical-align:top}
.list li .info span a{color: #999;}
.list li .info span img{width: 20px;height: 20px;vertical-align: middle;margin-right: 4px;border-radius: 50%;}
.list li .info span i{margin-right: 3px;}

.pagebar{margin: 0;overflow: hidden;font-size: 0;text-align: center;}
.pagebar a,.pagebar span{display: inline-block; padding: 5px 10px;margin-right: 4px;margin-bottom: 10px; border-radius: 3px; border:1px solid #f0f0f0;background-color: #fff;font-size: 14px;}
.pagebar a:hover,.pagebar span{border-color: #fdac0e;background-color: #fdac0e;color: #fff;}
/*无限*/
.ias_trigger{width: 100%;margin: 10px auto; background-color: #888;color: #fff;text-align: center;padding: 5px 0;border-radius: 3px;-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s; clear: both;overflow: hidden;}
.ias_trigger:hover{background-color: #fdac0e;}
.ias_trigger a{color: #fff;display: block;}
.pagebar-loading{width: 100%;margin: 10px auto;background-color: #fdac0e;color: #fff;text-align: center;padding: 5px 0;border-radius: 3px;clear: both;overflow: hidden;}

/*imgbody*/
.imgbody{overflow: hidden;}
.imgbody .catename{margin: 0 0 20px;}
.imgbody .catename h1{display: inline-block;padding: 4px 20px;border: 1px solid #fdac0e; border-radius: 20px;font-size: 14px;font-weight: normal;color: #fdac0e;margin-right: 10px;}
.imgbody .catename h1 a{color: #fdac0e;}
.imgbody .catename span{}
.imgbody ul{list-style: none;margin-right: -2%;overflow: hidden;}
.imgbody li{float: left;width: 23%;margin-right: 2%;background-color: #fff;margin-bottom: 30px;padding-bottom: 10px;}
.imgbody li:hover{filter: alpha(Opacity=90);-moz-opacity: 0.9;opacity: 0.9;}
.imgbody li .img{width: 100%;height: 210px;overflow: hidden;}
.imgbody li .img img{width: 100%;height: 100%;object-fit: cover;overflow: hidden;}
.imgbody li .info{padding: 15px 10px;}
.imgbody li .info h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: normal;}
.imgbody li .info h3 a{color: #4a4a4a;}
.imgbody li .info span{font-size: 12px;color: #999fa7;margin-top: 5px;}
.imgbody li .info span i{margin-right: 5px;}
.imgbody li .info span.eyes{float: left;}
.imgbody li .info span.time{float: right;}


/*homelink*/
.homelink{overflow: hidden;clear: both;background-color: #222;color: #aaa;padding: 30px 0;}
.homelink h6{font-size: 14px;font-weight: normal;margin-bottom: 10px;}
.homelink ul{list-style: none;}
.homelink li{float: left;margin-right: 12px;font-size: 12px;line-height: 24px;}
.homelink li::after{content: "";width: 1px;height: 12px;background-color: #aaa; position: absolute;margin-left: 5px;margin-top: 7px;}
.homelink li a{color: #aaa;}
.homelink li:hover a{color: #fff;text-decoration: underline;}

/*footer*/
.footer{clear: both;}
.footer a{color: #333;}
.footer a:hover{color: #FDAC0E;}
.footer .copyright{float: right;}
.footer .power{float: left;opacity: 0;}

/*aside*/
.aside{float: right;width: 329px;}
.aside .widget:last-child{margin-bottom: 0;}
.widget{clear: both;margin-bottom: 30px;background-color: #fff;}
.widget h5{line-height: 26px;padding: 20px;font-size: 18px;font-weight: 500;color: #000;}
.widget ul{list-style: none;padding: 0 15px 10px;overflow: hidden;padding: 0 22px 22px;}
.widget ul ul{display: none;}
.widget li{width: 50%;line-height: 45px;
        white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
        -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.widget li:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
filter:alpha(opacity=90);
-moz-opacity: 0.9;
filter: alpha(opacity=90);
opacity: 0.90;}

/*widget_diy*/
.widget_diy{}
.widget_div{padding: 0 15px 10px;overflow: hidden;}
.widget_div img{max-width: 100%;}

/*widget_previous*/
.widget_previous{}
.widget_previous ul{padding: 0;overflow: hidden;}
.widget_previous li{width: 100%;float: none;white-space:normal;line-height: 20px;overflow: hidden;
}

.widget_previous li a{display: block;padding: 10px 15px;position: relative;overflow: hidden;
}
.widget_previous li a:hover{background-color:#F6F6F6;}
.widget_previous li a:hover::before{content: "";width: 1px; height: 100%; background-color: #fdac0e;position: absolute;top: 0;left: 0;bottom: 0;}

.widget_previous li a .img{float: left;width: 90px;height: 90px;overflow: hidden;border-radius: 4px;}
.widget_previous li a .img img{width: 100%;height: 100%;object-fit: cover;overflow: hidden;}
.widget_previous li a p{margin-left: 100px;max-height: 40px; overflow: hidden;margin-top: -2px;}
.widget_previous li a span{margin-left: 10px;color:#666;font-size: 12px;}

/*widget_comments*/
.widget_comments{}
.widget_comments li{float: none;width: 100%;line-height: 20px;padding: 5px 0;border-bottom: 1px solid #eee;}
.widget_comments li img{float: left; width: 40px;height: 40px;overflow: hidden;}
.widget_comments li p{margin-left: 50px;line-height: 20px;}
.widget_comments li span{margin-left: 50px;display: block;color:#666;font-size: 12px;}

/*widget_calendar*/
#tbCalendar{width: 100%;text-align: center;}
.widget_calendar caption{/*background-color: #fafafa;*/height: 20px;line-height: 20px;padding: 10px 0;}
.widget_calendar td a{display:block;margin: 0 5px;background-color:#fdac0e;color:#FFFFFF;}

/*widget_tags*/
/* .widget_tags ul{margin-right: -10px;} */
.widget_catalog li, .widget_tags li{width: auto;margin-right: 5px;margin-bottom: 15px;}
.widget_catalog li a, .widget_tags li a{display: block;padding: 0 5px;color: #fff;}
/* .widget_tags li[class$="0"] a{background-color: #4A4A4A;}
.widget_tags li[class$="1"] a{background-color: #428BCA;}
.widget_tags li[class$="2"] a{background-color: #5CB85C;}
.widget_tags li[class$="3"] a{background-color: #D9534F;}
.widget_tags li[class$="4"] a{background-color: #567E95;}
.widget_tags li[class$="5"] a{background-color: #B433FF;}
.widget_tags li[class$="6"] a{background-color: #00ABA9;}
.widget_tags li[class$="7"] a{background-color: #B37333;}
.widget_tags li[class$="8"] a{background-color: #FF6600;}
.widget_tags li[class$="9"] a{background-color: #D8B303;} */

/*post*/
.post{background-color: #fff;border-radius: 10px;}

.post_t{padding: 20px 30px 40px;}
.post_t img{float: left;width: 45px;height: 45px;vertical-align: middle;border-radius: 50%;margin-top: 5px;}
.post_t h1{color: #081F32;font-size: 20px;font-weight: normal;margin: 5px 0 5px 55px;}
.post_t .info{margin-left: 55px;}
.post_t .info span{color: #666;}
.post_t .info span a{color: #666;}
.post_t .info span:hover a{color:#fdac0e}
.post_t .info span i{margin-right: 5px;}

/*page*/
.page .post_t img{display: none;}
.page .post_t h1{line-height: 42px;margin-left: 10px;}

/*article_content*/
.article_content{padding: 0 30px 50px;color: #333; font-size:14px;line-height: 25px;}
.article_content img {max-width:100%;height:auto;padding: 10px 0;}
.article_content h1,.article_content h2, .article_content h3, .article_content h4, .article_content h5, .article_content h6 {
        margin-bottom:18px;color: #333;margin: 10px 0;font-weight: 600;
        /*border-top-left-radius: 2px;border-bottom-left-radius: 2px;*/}
.article_content h1 {font-size:26px;padding-top: 10px;padding-bottom: 10px;}
.article_content h2 {font-size:21px;padding-top: 8px;padding-bottom: 8px;}
.article_content h3 {font-size:16px;padding-top: 4px;padding-bottom: 4px;}
.article_content h4 {font-size:14px;padding-top: 3px;padding-bottom: 3px;}
.article_content h5 {font-size:12px;padding-top: 2px;padding-bottom: 2px;}
.article_content h6 {font-size:12px;padding-top: 0;padding-bottom: 0;}
.article_content h1 span {font-size:26px;}
.article_content h2 span {font-size:21px;}
.article_content h3 span {font-size:16px;}
.article_content h4 span {font-size:14px;}
.article_content h5 span {font-size:12px;}
.article_content h6 span {font-size:12px;}
.article_content ul, .article_content ol {margin:0 0 18px 50px}
.article_content ul {list-style: disc;}
.article_content ol {list-style: decimal;}
.article_content li {margin-bottom: 6px;}
.article_content p {margin: 0 0 12px; color: #333; line-height: 24px; font-size: 16px;font-family: "Poppins-Regular" !important;}
.article_content span, .article_content div, .article_content a {font-size: 16px;font-family: "Poppins-Regular" !important;text-wrap: auto !important;}
.article_content pre {word-wrap:break-word}
.article_content table {border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:18px}
.article_content table th {background-color:#F9F9F9;text-align:center}
.article_content table td, .article_content table th {border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article_content .alignnone {margin:0 auto;}
.article_content .alignleft {float:left;text-align:left;margin-right:10px}
.article_content .aligncenter {margin: 0 auto;text-align: center;display: block;}
.article_content .alignright {float:right;text-align:right;margin-left:10px}
.article_content a {color: #fdac0e;text-decoration: underline;}
.article_content a:hover {text-decoration:underline;}
.article_content pre, .comment pre {font-size: 12px;background:#ededed;}
.article_content blockquote {margin: 10px 0px;padding: 15px 20px 1px;border-left: 5px solid #eee;background-color:#f7f7f7;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{}
@media screen and (max-width: 780px) {
  .article_content embed, .article_content video, .article_content iframe{width: 100%;}
}

/*bq*/
.bq{padding: 10px 20px 30px;border-bottom: 1px solid #eee;overflow: hidden;}
.bq p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.bq p a{color: #428bca;}

/*rights*/
.rights{clear: both;overflow: hidden;padding: 20px 0;}
.rights h5{line-height: 32px;font-size: 16px;color: #fdac0e;padding: 0 20px;font-weight: normal;}
.rights p{line-height: 24px;padding: 10px 20px;}

/*related*/
.related{clear: both;overflow: hidden;padding: 20px;}
.related h5{font-size: 14px; margin-bottom: 10px;font-weight: 700;}
.related ul{list-style: none;}
.related li{float: left;width: 150px;margin-right: 20px;margin-bottom: 20px;}
.related li .img{width: 150px;height: 100px;overflow: hidden;margin-bottom:5px;}
.related li .img img{width: 100%;height: auto;}
.related li p{display:block;height:38px;overflow:hidden;line-height:18px;font-size:12px;color:#333;}
.related li:hover .img{opacity:0.8;filter:alpha(opacity=80);}
.related li:hover p{color: #999;}

/*jxcate*/
.jxcate{clear: both;overflow: hidden;border-top: 1px solid #f2f2f2;
    background-color: #FBFBFB;
    overflow: hidden;
    padding: 15px 20px;
    font-size: 12px;
color: #555;}
.jxcate a{color: #fff;display: inline-block;padding: 0 5px;margin: 0 1px;}
.jxcate a[class$="0"]{background-color: #428BCA;}
.jxcate a[class$="1"]{background-color: #5CB85C;}
.jxcate a[class$="2"]{background-color: #D9534F;}
.jxcate a[class$="3"]{background-color: #4A4A4A;}
.jxcate a[class$="4"]{background-color: #567E95;}
.jxcate a[class$="5"]{background-color: #B433FF;}
.jxcate a[class$="6"]{background-color: #00ABA9;}
.jxcate a[class$="7"]{background-color: #B37333;}
.jxcate a[class$="8"]{background-color: #FF6600;}
.jxcate a[class$="9"]{background-color: #D8B303;}

/*===========comments=============*/
#comments{}.comments{padding: 20px;background-color: #fff;}
.comments .c_title{padding: 1em 0; margin-bottom: 0;overflow: hidden;}
.comments .c_title h5{float: left;font-size: 14px;line-height: 28.8px;font-weight: 300;background-color: #fdac0e;color: #fff;padding: 0 10px;}
.comments .c_title h5 i{color: #fff;margin-right: 5px;font-style: normal;}
.comments .c_title span{display: inline-block;float: right;}
.comments .c_title span a{color: #fdac0e;border-bottom: 1px dotted #fdac0e;margin-left: 5px;}
/*compost*/
.compost{overflow: hidden;margin-bottom: 20px;}
.compost .cp_avatar{display: none; float: left;width: 50px;height: 50px;overflow: hidden;box-sizing: border-box;}
.compost .cp_avatar img{width: 100%;height: 100%;border-radius: 50%;}
.compost .cp_post{/*margin-left: 70px;*/overflow: hidden;}
.compost .cp_post .cp_box{overflow: hidden;}
.compost .cp_post .cp_box textarea{width: 100%;height: 73px; /*border-radius: 5px;*/background-color: #fafafa;border: 2px solid #eee;box-sizing: border-box;padding: 0.75em;min-height: 5.125em;max-height: 15em;font: 300 1em/1.8 "PingFang SC","Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Microsoft Sans Serif","WenQuanYi Micro Hei",sans;}
.compost .cp_post .cp_info{overflow: hidden;width: 50%;}
.compost .cp_post .cp_info ul{list-style: none;margin-bottom: 10px;overflow: hidden}
.compost .cp_post .cp_info li{margin: 8px 0;}
.compost .cp_post .cp_info li label{display: none;}
.compost .cp_post .cp_info li input{width: 100%;padding-left: .35em; height: 30px;line-height: 30px;background-color: #fafafa;border: 2px solid #eee;box-sizing: border-box;}
.compost .cp_post .cp_info li.inpVerify input{width: 30%;}
.compost .cp_post .cp_info li.inpVerify img{vertical-align: bottom;}
.compost .cp_post .cp_info button{padding: 4px 20px;/*border-radius: 5px;*/ background-color: #fdac0e;color: #fff;border: 1px solid rgba(0,0,0,0.1);}
/*c_list*/
.c_list ul{list-style: none;}
.c_list > ul{border-top: 1px dotted #ddd;padding: 10px 0;}
.c_list > ul:hover{background-color: #fafff8;}
.c_list li{margin-bottom: 0;}
.c_list li .c_avatar{float: left;width: 50px;height: 50px;box-sizing: border-box;}
.c_list li .c_avatar img{width: 100%;height: 100%;}
.c_list li .c_main{margin-left: 70px;/*background-color: #f9f9f9;*/ padding: 0.75em 1em;transition: all ease 0.25s;overflow: auto;}
/*.c_list li .c_main:hover{-webkit-box-shadow: 0 0.225em 0.75em 0 #f4f4f4;box-shadow: 0 0.225em 0.75em 0 #f4f4f4;}*/
/*.c_list li .c_main:hover{background-color: #fafff8;}*/
.c_list li .c_main .c_info{overflow: hidden;}
.c_list li .c_main .c_info span{float: left;font-size: 14px;color: #a1a1a1;}
.c_list li .c_main .c_info span a{color: #000;}
.c_list li .c_main .c_info .icon{display: inline-block;/*翻转*/-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*IE*/filter:FlipH;}
.c_list li .c_main .c_info span+span{float: right;font-size: 12px;}
.c_list li .c_main .c_info span+span a{border-bottom: 0;color: #fdac0e}
.c_list ul ul li .c_avatar{display: none;}
.c_list ul ul li .c_main{margin-left: 0;margin-top: 0.5em; padding: 0.5em 0 0 1em;border-top: 1px dotted #ddd;}
@media screen and (max-width: 768px) {
        .compost .cp_avatar{width: 32px;height: 32px;}
        .compost .cp_post{margin-left: 0;}
        .c_list li .c_avatar{width: 32px;height: 32px;}
        .c_list li .c_main{margin-left: 42px;padding: 0 10px;}
        .comments{padding: 0 2%;box-sizing: border-box;}
        .compost .cp_post .cp_info{width: 80%;}
}
/*===========END comments=============*/

/*goTop*/
.goTop{position: fixed;width: 40px;height: 40px;text-align: center;line-height: 40px;background-color: #484848;color: #fff;cursor: pointer;font-size: 18px;}
.goTop:hover{background-color: #fdac0e;}

/*ad*/
.tlad{margin: 15px auto;clear: both;overflow: hidden;}
.tlad img{max-width: 100%;}
.contentad{margin: 10px auto;clear: both;overflow: hidden;}
.contentad img{max-width: 100%;}
@media screen and (max-width: 780px) {
  .tlad{display: none;}
}

/*404*/
.page404{padding: 40px 0 50px;text-align: center;overflow: hidden;}
.page404 h1{margin: 10px 0;color: #333;text-shadow: rgba(61,61,61,.3) 1px 1px, rgba(61,61,61,.2) 2px 2px, rgba(61,61,61,.3) 3px 3px;font-weight: 700;font-size: 98px;line-height: 150px;}
.page404 h3{margin: 10px 0;color: #333;font-size: 30px;line-height: 35px;font-weight: normal;}
.serach404{margin: 20px 0;}
.serach404 p{color: #333;font-size: 14px;}
.serach404 form{width: 420px;margin: 10px auto;overflow: hidden;}
.serach404 form input{float: left; width: 335px;height: 40px;line-height: 38px;box-sizing: border-box;padding-left: 2%;border:1px solid #de2211;}
.serach404 form button {float: right;width: 85px;line-height: 38px;height: 40px;background-color:#de2211;color: #fff;text-align: center;border:1px solid #de2211;font-size: 16px;}
.goindex404{text-align: center;margin: 20px 0;}
.goindex404 a{display: inline-block;padding: 8px 30px;background-color: #de2211;color: #fff;border-radius: 2px;font-size: 16px;}
@media screen and (max-width: 980px) {
  .page404{padding: 0 0 0;}
  .serach404 form{width: 80%;}
  .serach404 form input{width: 75%}
  .serach404 form button {width: 25%;}
}
 /*404 end*/
/*下方为自适应CSS
Theme ID: ydconcise
Author: guokun
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://www.yzktw.com.cn/
*/
@media screen and (max-width: 1440px) {
  .wrap {
    width: 1250px;
  }
  .mainbody {
    width: 910px;
  }
  .aside {
    width: 310px;
  }
  .mainbody #infinitescroll .infinitescroll_li .img {
    width: 340px;
    height: 340px;
  }
  .mainbody #infinitescroll .infinitescroll_li .info {
    margin-left: 370px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 1300px) {
  .hdp{width: 100%;height: 26.6vw;margin: 0 auto 5px;}
  .slider{height: 26.6vw;width: 100%;}
  .swiper-slide{height: 26.6vw;width: 100%;overflow: hidden;}
  .banner ul {font-size: 16px;}
}
@media screen and (max-width: 1200px) {
  .wrap{width: 100%;}
  .wrap{width: 98%;margin-left: 1%;margin-right: 1%;}
  .mainbody{width: 100%}
  .aside{width: 100%;}
  .banner ul li{margin-right: 50px;}
}
@media screen and (max-width: 980px) {
  body{margin-top: 45px;}
  .header{height: auto;line-height: 40px;height: 40px;opacity: 1;}
  .gizle {top: 0;}
  .logo img{max-height: 38px;}
  .nav{margin-left: 0;}
  .nav{display: none; position: absolute;top: 100%;left: 0;right: 0;padding-bottom: 10px;background-color: #fafcfc;filter: alpha(Opacity=90);
        -moz-opacity: 0.9;
        opacity: 0.9;}
  .nav ul{display: block;overflow: hidden;}
  .nav li{float: none;margin-right: 0;position: static;}
  .nav li a{padding: 0 10px; }
  .nav ul ul{display: block;position: static;margin-left: 3%;overflow: hidden}
  .nav ul ul li{float: left;width: auto;font-size: 13px;}
  .nav li:hover a{background-color: transparent;}
  .nav li.active a{background-color: transparent;}

  .mnav,.msearch,.muser{display: block;position: absolute;top: 0;width: 40px;height: 30px;line-height: 30px;text-align: center;margin-top: 5px; background-color: #fff;cursor: pointer;}
  .mnav{right: 60px;display: none;}
  .msearch{right: 10px;}
  .muser{right: 100px;background-color: transparent;}
  .user{display: none;}

  .search{display: none;float: none;margin-top: 0; position: absolute;top: 100%;left: 0;right: 0; background-color: #fafcfc;filter: alpha(Opacity=90);
        -moz-opacity: 0.9;
        opacity: 0.9;}
  .search form{width: 80%;margin: 10px auto;height: 38px;line-height: 36px;}
  .search form input{height: 38px;line-height: 36px;}
  .search form button{height: 38px;line-height: 36px;}
  .article_content table td, .article_content table th {padding: 5px;}
  .article_content table {display: block; overflow-x: auto; white-space: nowrap;}
}
@media screen and (max-width: 768px) {
  /* .hdp{width: 100%;} */
  .slider{height: 26.6vw;width: 100%;}
  .swiper-slide{height: 26.6vw;width: 100%;}
  .swiper-slide img{width: 100%;object-fit: cover;overflow: hidden;}

  .main{margin: 0 auto;padding: 0;}
  .mainnav {}
  .mainnav ul{margin-right: 0;border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
  .mainnav li{width: 25%;margin-right: 0;font-size: 14px;font-weight: normal;line-height: 30px;margin-bottom: 0;
    white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;}

  .listnav{padding: 5px 4vw;margin-bottom: 0;}

  .list li{padding: 10px 0;}
  .list li .img{margin-left: 1px;width: 40%;height: 80px;}
  .list li .info{margin-left: 43%;margin-right: 1%;}
  .list li .info h3{height: auto;max-height: 75px;padding: 0;}
  .list li .info p,.list li .info span{display: none;}
  
  .pagebar{margin: 10px 0;}
  
  .imgbody .catename{margin: 0 10px;}
  .imgbody .catename span{display: none;}
  .imgbody ul{margin-right: 0}
  .imgbody li{margin-right: 0;width: 100%;margin-bottom: 10px;}

  .homelink{padding: 10px;}
  .footer{padding: 10px 0;text-align: center;}
  .footer .copyright,.footer .power{float: none;}

  

  .post_t{padding: 4px 10px 6px;}
  .post_t img{display: none;}
  .post_t h1{margin: 5px 0;white-space: normal;}
  .post_t .info{margin-left: 0;}
  .post_t .info span{margin-right: 10px;}
  .article_content{padding: 5px 10px 10px;}
  .article_content img {width: 98%;height: auto;}
  .bq{padding: 5px 10px 10px;display: none;}
  .rights{padding: 10px;}
  .rights h5{padding: 0;}
  .rights p{padding: 5px 0;}
  .related{padding: 10px;}
  .related li{width: 100%;margin-bottom: 5px;}
  .related li .img{width: 100%;height: auto;}
  .related li p{height: auto;}
}
.banner {
  width: 100%;
  position: relative;
}
.banner img {
  width: 100%;
}
ul {list-style-type: none;}
.banner ul {
  position: absolute;
  bottom: 0;
  left:50%;
  transform: translate(-50%, 0); 
  display: flex;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  height: 19.148936%;
  align-items: center;
}
.banner ul li {
  margin-right: 80px;
  height: 100%;
  display: flex;
  align-items: center;
}
.banner ul li a {
  color: #fff;
}
.banner ul li:last-child {
  margin-right: 0;
}
.banner ul li.active{
  color: #FFC842;
  position: relative;
}
.banner ul li.active a, .banner ul li a:hover {
  color: #FFC842;
}
.banner ul li.active::after {
  position: absolute;
  content: '';
  height: 5px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #FFC842;
}
.widget {
  border-radius: 10px;
}
.mainbody #infinitescroll .infinitescroll_li {
  margin-bottom: 30px;
  border-radius: 10px;
  background-color: #fff;
  padding: 0;
  position: relative;
}
.mainbody #infinitescroll .infinitescroll_li .img {
  margin-left: 0;
  width: 360px;
  height: 360px;
}
.mainbody #infinitescroll .infinitescroll_li .info {
  margin-left: 390px;
  margin-right: 40px;
}
.mainbody #infinitescroll .infinitescroll_li .info.info p {
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.mainbody #infinitescroll .infinitescroll_li .read-more {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.mainbody #infinitescroll .infinitescroll_li .read-more a {
  color: #FDAC0E;
}
.infinitescroll_li .avatar {
  display: flex;
  align-items: center;
}
.infinitescroll_li .avatar .name {
  font-size: 16px;
}
.infinitescroll_li .avatar img {
  width: 44px;
  height: 44px;
  margin-right: 10px;
  border-radius: 50%;
}
.infinitescroll_li .art {
  bottom: 28px;
  position: absolute;
  width: 572px;
}
.infinitescroll_li .art-con {
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}
.like {
  width: 100px;
  height: 40px;
  border-radius: 36px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.infinitescroll_li .like svg {
  margin-right: 5px;
}
.blog_nav {
  margin-bottom: 20px;
}
.blog_nav a {
  color: #666;
}
.blog_nav span {
  color: #333;
}
.article_share a {
  width: 30px;
  height: 30px;
  display: block;
}
/* .article_share .pinterest {
  background-image: url('./images/share/pinterest.png');
}
.article_share .facebook {
  background-image: url('./images/share/facebook.png');
}
.article_share .twitter {
  background-image: url('./images/share/twitter.png');
}
.article_share .instagram {
  background-image: url('./images/share/instagram.png');
}
.article_share .youtube {
  background-image: url('./images/share/youtube.png');
} */
.post_t {
  text-align: center;
}
.post_t .back {
  text-align: left;
  font-size: 18px;
  margin-bottom: 25px;
  width: max-content;
}
.post_t .back span {
  cursor: pointer;
}
.post_t .back span:hover {
  color: #fdac0e;
}
.post_t h1 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
}
.post_t .post_info {
  font-size: 16px;
  margin: 10px 0 0;
  color: #666;
}
.post_info .post_date {
  margin-right: 10px;
}
.article_share p {
  font-size: 14px;
  margin-bottom: 8px;
  color: #666;
}
.article_share ul {
  display: flex;
  justify-content: center;
}
.article_share ul li {
  margin-right: 20px;
}
.article_share ul li:last-child {
  margin-right: 0;
}
.article_bottom {
  margin-top: 70px;
  display: flex;
  padding: 0 30px 44px;
  align-items: center;
  justify-content: space-between;
}
.article_bottom .article_share {
  display: flex;
  align-items: center;
}
.article_bottom .article_share p {
  margin-bottom: 0;
  padding-right: 15px;
  font-size: 16px;
}
.article_bottom  .article_share ul li {
  margin-right: 10px;
}
.article_bottom .next_page {
  display: flex;
}
.article_bottom .next_page a {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  border: 1px solid #999;
  display: block;
  color: #999;
  margin-left: 20px;
  font-size: 25px;
  text-align: center;
  line-height: 35px;
}
.article_bottom .next_page a:hover {
  border-color: #fdac0e;
  color: #fdac0e;
}
.active_plate {
  margin-top: 70px;
  justify-content: space-between;
  display: flex;
}
.active_plate li {
  width: 32.5%;
}
.active_plate li img {
  width: 100%;
  border-radius: 8px;
}
.post .like {
  margin: 0 auto;
}
.widget_previous li a .content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 5px;
}
.widget_previous li a span svg{
  margin-right: 5px;
}
.widget_catalog li a, .widget_tags li a {
  text-align: center;
  border-radius: 36px;
  background-color: #f5f5f5;
  color: #333;
  font-size: 16px;
}
.widget_catalog li a:hover, .widget_tags li a:hover {
  background-color: #FFF9EE;
  color: #FDAC0E;
}

/* from vue */
.svg-footer-logo {
  width: 142px;
  height: 62px;
}

.footer {
  margin-top: 66px;
}

.footer-container {
  background: #fff;
}

.footer-container .footer-bottom-ul {
  margin: 0 auto;
  padding: 60px 0 30px;
}

.footer-container .footer-bottom-ul li {
  float: left;
  margin-right: 20px;
}

.footer-container .footer-bottom-ul li dl:nth-of-type(1) {
  margin-bottom: 15px;
}

.footer-container .footer-bottom-ul .footer-top dl {
  width: 17%;
}

.footer-container .footer-bottom-ul .footer-top dt {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 18px;
}

.footer-container .footer-bottom-ul .footer-top dd {
  line-height: 1.35;
  color: #0e0e0e;
  margin-bottom: 18px;
}

.footer-container .footer-bottom-ul .footer-top {
  display: flex;
  justify-content: space-between;
}

.footer-container .footer-bottom-ul .footer-top dd a {
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  color: #0e0e0e;
  display: inline-block;
  align-items: center;
  text-decoration: none;
}

.footer-container .footer-bottom-ul .footer-top dd a:before {
  content: "->";
  position: absolute;
  opacity: 0;
  display: block;
  -webkit-transform: translateX(-18px);
  -moz-transform: translateX(-18px);
  -o-transform: translateX(-18px);
  transform: translateX(-18px);
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
}

.footer-container .footer-bottom-ul .footer-top dd a:hover {
  padding-left: 25px;
  color: #ff5f44;
}

.footer-container .footer-bottom-ul .footer-top dd a:hover:before {
  opacity: 1;
  transform: translateX(-18px);
  -webkit-transform: translateX(-18px);
  -moz-transform: translateX(-18px);
  -o-transform: translateX(-18px);
}

.footer-container .footer-bottom-ul .footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 60px;
}
.footer-container .footer-share {
  width: 17%;
}
.footer-container .footer-share a {
  padding: 0 5px;
}
.bottom-logo {
  width: 32% !important;
  padding-right: 11%;
  box-sizing: border-box;
}

.bottom-logo a {
  display: block;
  font-size: 0;
}

.bottom-logo svg {
  width: 120px;
  margin-top: -5px;
}

.bottom-logo p {
  font-size: 12px;
  color: #5E5B5B;
  font-weight: 400;
  line-height: 1.5;
}

.bottom-logo .footer-slogan {
  margin: 10px 0;
  color: #1F1F1F;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
}

.pay-title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}

.footer_service .service_icon {
  display: block;
  width: 29px;
  height: 26px;
  margin: 0 auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

.footer_main_top .aside {
  width: 100%;
  height: auto;
  padding-top: 10px;
  overflow: hidden;
}

.foot_payway {
  float: left;
  overflow: hidden;
  height: 38px;
}

.foot_share p,
.foot_payway p {
  font-size: 14px;
  color: #252525;
  margin-right: 40px;
  float: left;
  line-height: 34px;
}

.foot_payway ul {
  overflow: hidden;
  float: left;
}

.trust-box {
  width: 265PX;
  float: right;
}

.bottom-logo-row {
  margin-top: 70px;
}

.footer-container .share {
  overflow: hidden;
  margin: 65px 0 0;
}

.footer-container .share a {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: center center;
  padding: 0 5px;
}

.footer_bottom {
  width: 100%;
  border-top: 1px solid #cccccc;
  height: 54px;
  line-height: 54px;
  text-align: center;
}

.footer_bottom > div .fl {
  float: left;
}

.footer_bottom > div .fr {
  float: right;
}

.download-discounts {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
}

.download-image {
  display: flex;
  justify-content: space-between;
}

.download-image .qr-code {
  border: 1px solid #CCCCCC;
  padding: 5px;
  border-radius: 4px;
  margin-right: 14px;
  flex-shrink: 1;
  height: 104px;
}
.download-image {
  width: 25%;
}

.download-image .qr-code img {
  width: 102px;
  height: 102px;
}

.download-image .google-play {
  margin-top: 5px;
}

.download-image .google-image img {
  width: 140px;
}

.trustpilot {
  font-size: 0;
  margin-bottom: 20px;
}

.stjr-badge-main .stjr-badge {
  width: 300px;
  float: right;
  margin-bottom: 10px;
}

.stjr-badge-main .stjr-badge :deep(.stjr-container) .stjr-review-badge-banner__rating {
  margin-right: 0;
}

.stjr-badge-main .stjr-badge :deep(.stjr-container) a {
  font-size: 16px;
}

.contact-line {
  margin-bottom: 2px;
}

.contact-line i {
  display: inline-block;
  vertical-align: bottom;
}

.contact-line p {
  display: inline-block;
}

.contact-line svg {
  vertical-align: middle;
  margin-right: 5px;
}

.app-box {
  text-align: right;
}

.app-box a {
  display: inline-block;
  width: 140px;
  height: 50px;
  margin: 0 5px;
  background-size: 100% auto;
}

.app-box a:nth-of-type(2) {
  background-size: 100% auto;
}

.footer_main_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer_main_bottom .join-left {
  width: 60%;
  margin-right: 5%;
}

.footer_main_bottom .join-right {
  width: 35%;
}

.footer_main_bottom .join-title {
  text-align: left;
  font-weight: 400;
  font-size: 32px;
  margin-bottom: 10px;
  color: #0e0e0e;
}

.footer_main_bottom .join-detail {
  text-align: left;
  color: #0e0e0e;
  line-height: 20px;
}

#components-back-top-demo-custom .ant-back-top {
  bottom: 23PX;
  right: 35PX;
  z-index: 999;
  height: 45PX;
  width: 45PX;
}

#components-back-top-demo-custom .ant-back-top-inner {
  height: 45PX;
  width: 45PX;
  padding-top: 7PX;
  box-sizing: border-box;
  border-radius: 4PX;
  background-color: #222222;
  color: #fff;
  text-align: center;
  font-size: 14PX;
}

#components-back-top-demo-custom .ant-back-top-inner svg,
#components-back-top-demo-custom .ant-back-top-inner span {
  width: 45PX;
  display: block;
}
/* end */


.footer .subscribe {
  background-color: #f9f9f9;
  color:#0E0E0E;
  padding: 36px 0;
}
.footer .subscribe-con {
  display: flex;
  justify-content: space-between;
}
.footer .subscribe h3 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
}
.footer .subscribe h3 span {
  font-size: 40px;
}
.footer .subscribe p {
  font-size: 14px;
  width: 100%;
}
/* .subscribe-form {
  width: 30%;
  
} */
.subscribe-form .control {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  transition: all .3s;
  border-radius: 4px;
  height: 60px;
  background: #fff;
  border-radius: 4px 0 0 4px;
  border-right: none;
  transition: all .3s;
}
.subscribe-form input {
  background: #FFFFFF;
  border: none;
  font-size: 16px;
  color: #222;
  padding: 0 16px;
  height: 60px;
  box-shadow: none;
  outline: none;
  border: 1px #d9d8d8 solid;
  border-radius: 8px 0px 0px 8px;
  font-family: "Poppins-Regular";
  min-width: 348px;
}
.subscribe-form .input-group {
  display: flex;
}
.subscribe-form button {
  height: 60px;
  background: #000000;
  width: 70px;
  margin-left: -1px;
  cursor: pointer;
  border-radius: 0 8px 8px 0;
  border: none;
}
.copyright-wrap {
  border-top: 0.0625rem solid #ccc;
  height: 3.375rem;
  text-align: center;
  color: #000;
}
@media screen and (min-width: 767px) {
  .copyright-wrap {
    line-height: 3.375rem;
  }
  .main.main-homebody {margin-top: 40px;}
}
.main-wrapper {
  background: #fff;
}
.footer-payment img {
  margin-right: 10px;
}
.header .user {
  display: none;
}
.header input {
  outline: none;
}
.detail_zan {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.detail_zan a {
  width: 100px;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail_zan .zbpzan .icon-zbpzan {
  margin-top: 8px;
  margin-right: 8px;
}
.widget.widget_follow_us {
  background-color: #f6f6f6;
}
.widget.widget_follow_us h5 {
  padding-top: 0;
  padding-bottom: 15px;
}
.widget.widget_follow_us li {
  width: auto;
  line-height: 1;
  margin-right: 10px;
}
.widget.widget_follow_us ul {
  padding: 0;
  display: flex;
}
.widget.widget_follow_us svg {
  width: 35px;
  height: 35px;
}
.infinitescroll_li .detail_zan .icon-zbpzan:before, .detail_zan .icon-zbpzan:before {
  font-size: 22px;
}
.infinitescroll_li .detail_zan a span {
  margin-right: 0;
  font-size: 16px;
}
.infinitescroll_li .detail_zan a:hover span {
  color: #fdac0e;
}
.infinitescroll_li .avatar .time {
  color: #666;
}
a.zaned span {
  color: #ffc000 !important;
}
.newsletter-errortips {
  color: #e64d43;
  margin-top: 5px;
  text-align: left;
}
.sub-success {
  text-align: center;
  height: 90px;
  line-height: 90px;
  font-size: 16px;
}
.pc {
  display: block;
}
.mb {
  display: none;
}
.footer-bottom-ul .contact-us .contact-btn {
  border: 1px solid #FDAC0E;
  border-radius: 20px;
  font-size: 18px;
  text-align: center;
  margin: 7px 0px 18px;
  width: 170px;
  height: 38px;
  line-height: 38px;
  overflow: hidden;
  color: #FDAC0E;
}
.footer-bottom-ul .contact-us .contact-btn:hover {
  background-color: #FFF9EE;
}
.footer-bottom-ul .contact-us .contact-btn a {
  color: #333;
  font-size: 16px;
}
.footer-bottom-ul .contact-us .contact-btn svg {
  vertical-align: -3px;
  margin-right: 8px;
}
.footer-bottom-ul .contact-us p {
  margin-bottom: 10px;
}
.footer-bottom-ul .contact-us p svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
@media screen and (max-width: 1440px) {
  .infinitescroll_li .art {
    width: calc(100% - 430px);
  }
}
@media screen and (max-width: 1300px) {
  .banner ul {font-size: 16px;}
}
@media screen and (max-width: 1200px) {
  .banner ul li{margin-right: 50px;}
}
@media screen and (max-width: 980px) {
  .banner ul{font-size: 13px;}
}
@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .mb {
    display: block;
  }
  .sub-success {
    height: 20vw;
    line-height: 5.33vw;
    font-size: 3.46vw;
    padding-top: 7vw;
  }
  .footer {
    margin-top: 0;
  }
  .footer .subscribe h3 {
    font-size: 4.267vw;
    text-align: left;
  }
  .footer .subscribe h3 span {
    font-size: 5.333vw;
  }
  .detail_zan .zbpzan .icon-zbpzan {
    margin-right: 5px;
  }
  .subscribe-form .control {
    height: 10.667vw;
    line-height: 10.667vw;
    background: #fff;
    border-radius: none;
    width: 100%;
  }
  .subscribe-form input {
    height: 10.667vw;
    line-height: 10.667vw;
    width: calc(100% - 13.067vw);
    font-size: 3.2vw;
    text-indent: 2.667vw;
    border: 0;
    min-width: auto;
    padding: 0;
  }
  .subscribe-form button {
    width: 13.067vw;
    height: 10.667vw;
    border-radius: 0;
  }
  .footer .subscribe-con {
    /* padding: 0 4.267vw 7.733vw 4.267vw; */
    flex-direction: column;
  }
  .footer .subscribe p {
    font-size: 2.667vw;
    width: auto;
    text-align: left;
    margin-top: 3vw;
  }
  .footer-container .footer-bottom-ul {
    padding-top: 0;
  }
  .footer-container .footer-bottom-ul .footer-top {
    flex-direction: column;
  }
  .bottom-logo {
    display: none;
  }
  .footer-container .footer-bottom-ul .footer-top dl {
    width: auto;
  }
  .footer-container .footer-bottom-ul .footer-top dt {
    line-height: 12vw;
    font-size: 3.467vw;
    padding: 0 5.333vw;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    font-weight: 400;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .footer-container .footer-bottom-ul .footer-top dt i {
    background: url('./images/chevron-bottom.png') 40%/4.667vw auto no-repeat;
    width: 4vw;
    height: 4vw;
    display: block;
  }
  .rotated-90 {
    transform: rotate(-90deg);
  }
  .footer-container .footer-bottom-ul .footer-top dd {
    display: none;
    line-height: 9.333vw;
    margin-left: 9.333vw;
    font-size: 3.2vw;
    margin-bottom: 0;
    text-align: left;
  }
  .footer-container .footer-bottom-ul .footer-bottom {
    flex-direction: column;
    margin-top: 6.667vw;
    align-items: center;
  }
  .footer-container .footer-share {
    display: none;
  }
  .pay-title {
    display: none;
  }
  .download-image {
    display: none;
  }
  .footer .copyright {
    text-align: center;
    font-size: 3.2vw;
    color: #666;
    line-height: 3.375rem;
  }
  .footer .power {
    background-color: #fff;
  }
  .google-image a {
    margin: auto 1.333vw;
    width: 33.333vw;
    height: 11.733vw;
  }
  .footer-payment img {
    display: inline-block;
    margin: 0 0.667vw;
  }
  .footer-payment {
    width: 80%;
    padding-top: 6.667vw;
  }
  .banner ul li {
    margin-right: 0;
    font-size: 3.466vw;
    margin: 0 4vw;
  }
  .banner ul {
    left: 0;
    transform: none;
    bottom: 0;
    height: 9vw;
    line-height: 9vw;
  }
  .banner ul li.active::after {
    height: 0.66vw;
  }
  .mnav, .muser {
    display: none;
  }
  .msearch svg {
    width: 5.33vw;
  }
  .search {
    height: auto;
    opacity: 1;
  }
  .footer .subscribe {
    padding-top: 0;
  }
  .footer .subscribe {
    padding: 0 4.267vw 7.733vw;
  }
  .logo img {
    width: 13.33vw;
  }
  .logo {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }
  .mainbody #infinitescroll .infinitescroll_li {
    margin-top: 0;
    margin-bottom: 5.333vw;
  }
  /* .mainbody #infinitescroll .infinitescroll_li:first-child {
    margin-top: 0;
  } */
  .mainbody #infinitescroll .infinitescroll_li .img {
    width: 100%;
    height: 100%;
    float: none;
  }
  .mainbody #infinitescroll {
    margin-left: 4vw;
    margin-right: 4vw;
  }
  .mainbody #infinitescroll .infinitescroll_li .info {
    margin-left: 4.8vw;
    margin-right: 4.8vw;

  }
  .list li .info h3 {
    margin-top: 2vw;
    line-height: 5vw;
    font-size: 4vw;
  }
  .mainbody #infinitescroll .infinitescroll_li .info.info p {
    -webkit-line-clamp: 7;
    margin: 2.666vw 0;
    font-size: 3.46vw;
    line-height: 5.2vw;
  }
  .mainbody #infinitescroll .infinitescroll_li .read-more {
    font-size: 3.46vw;
    line-height: 1;
  }
  .infinitescroll_li .art {
    position: static;
    width: auto;
    margin: 6.666vw 0 5.333vw;
  }
  .infinitescroll_li .avatar {
    font-size: 3.46vw;
  }
  .infinitescroll_li .avatar img {
    width: 8vw;
    height: 8vw;
    margin-right: 5px;
  }
  .infinitescroll_li .detail_zan a span {
    display: block;
    font-size: 4vw;
  }
  .detail_zan a {
    width: 20vw;
    height: 8vw;
  }
  .detail_zan {
    font-size: 4vw;
  }
  .infinitescroll_li .detail_zan .icon-zbpzan:before, .detail_zan .icon-zbpzan:before {
    font-size: 4.7vw;
  }
  .theiaStickySidebar {
    margin: 0 4vw;
  }
  .widget h5 {
    padding: 4.66vw 20px 1vw;
    font-weight: 600;
    font-size: 4vw;
  }
  .widget_catalog h5, .widget_tags h5 {
    padding: 5.33vw 0;
  }
  .widget_catalog li, .widget_tags li {
    margin-right: 0;
    margin-bottom: 2.66vw;
    width: 48%;
  }
  .widget_catalog ul, .widget_tags ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-content: space-between;
    
  }
  .widget_catalog li a, .widget_tags li a {
    background-color: #fff;
    border-radius: 4.666vw;
    padding: 0;
    font-size: 3.467vw;
    line-height: 9.333vw;
  }
  .widget.widget_tags, .widget.widget_catalog {
    background-color: #f6f6f6;
  }
  .widget {
    margin-bottom: 4vw;
  }
  .widget.widget_follow_us svg {
    width: 8vw;
    height: 8vw;
  }
  .active_plate {
    margin: 4vw 4vw 6vw;
    flex-direction: column;
  }
  .active_plate li {
    width: 100%;
    margin-bottom: 2vw;
  }
  .blog_nav {
    margin: 2.66vw 0 2.66vw 4vw;
  }
  .post {
    margin: 0 4vw 8vw;
  }
  .wrap {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .homebody {
    margin-top: 5.33vw;
  }
  .widget_catalog h5 {
    padding: 2.4vw 0;
  }
  .article_bottom {
    margin-top: 8vw;
    flex-direction: column;
    padding: 0 0 8vw;
  }
  .article_bottom .next_page a:first-child {
    margin-left: 0;
  }
  .next_page {
    justify-content: center;
    margin-top: 5vw;
  }
  .imgbody {
    margin: 0 4vw;
  }
  .post_t .back {
    background-size: 14px;
    margin-bottom: 4vw;
    margin-top: 3vw;
    font-size: 14px;
  }
  .post_t h1 {
    font-size: 4vw;
    line-height: 5.33vw;
  }
  .post_t .post_info {
    font-size: 3.2vw;
    margin: 1vw 0;
  }
  .article_content p {
    font-size: 3.466vw !important;
    line-height: 5.33vw;
    margin: 0 0 8px;
  }
  .search form input {
    border: 1px solid #fdac0e;
  }
  .search form input + button {
    background-color: #fdac0e;
    color: white;
    border-color: #fdac0e;
  }
  .search form input + button svg path {
    fill: #fff;
  }
}

/* 404 page */
.errpage {
  width: 100%;
  margin: 48px auto 0;
  padding-top: 40px;
}
.errpage .main {
  margin-top: 0;
}
.svg {
  vertical-align: middle;
  margin: -3px 0 0 5px;
}

.errpage .err-t {
  width: 100%;
  display: flex;
  overflow: hidden;
}

.errpage .err-t .err-t-l {
  width: 45%;
  background: linear-gradient(0deg, #FAF8F4, #FAF8F4);
  overflow: hidden;
  padding: 10% 7.5%;
  padding-top: 100px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.errpage .err-t .err-t-l .go-back {
  width: 258px;
  height: 60px;
  background: #222222;
  box-shadow: 10px 8px 13px -1px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  border-color: #222;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 60px;
}
.errpage .err-t .err-t-l .go-back svg {
  margin-left: 15px;
}

.errpage .err-t div {
  width: 100%;
  text-align: left;
}

.errpage .err-t .err-t-l .err-h1 {
  font-size: 26px;
  font-weight: bold;
}
.errpage .err-t .err-t-l .err-h1 p {
  margin-bottom: 0;
  line-height: 40px;
}

.errpage .err-t .err-t-l .err-h2 {
  font-size: 16px;
}

.errpage .err-t .err-t-r {
  width: 55%;
  height: 100%;
}

.errpage .err-t .err-t-r img {
  width: 100%;
  height: 100%;
}

.errpage .err-b {
  display: block;
  width: 100%;
  margin: 30px auto 50px;
}

.errpage .err-b::after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}

.errpage .err-b .err-title {
  font-size: 26px;
  width: 100%;
  text-align: center;
  margin: 50px 0 30px !important;
}

.errpage .err-b ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.errpage .err-b .b-box {
  height: 200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.errpage .err-b .b-box .err-icon {
  margin-right: 40px;
}
.errpage .err-b .b-box .err-icon img {
  width: 100%;
  height: auto;
}

.errpage .err-b .b-box:last-child {
  margin-right: 0px;
}

.errpage .err-b .cart-r-b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}

.errpage .err-b .cart-r-b a {
  margin-top: 8px;
}

.errpage .err-b .link-title {
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px !important;
}
.recommended-wrap {
  margin-top: -30px;
  margin-bottom: 25px;
}
.recommendation-container {
  position: relative;
  overflow: hidden;
  padding: 18px 8px;
}
.pro-item {
  box-shadow: -1px 5px 16px 3px rgba(122,122,122,.15);
  border-radius: 8px;
  text-align: center;
  position: relative;
  transition: all .2s linear;
}
.pro-item img {
  width: 100%;
  border-radius: 8px 8px 0 0;
}
.pro-title{
  font-size: 16px;
  line-height: 20px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;
  color: #000;
  margin: 0 0 10px;
  text-align: left;
}
.pro-price {
  text-align-last: left;
  margin: 10px 0 0 0;
}
.article-recommend .swiper-button-next, .article-recommend .swiper-button-prev{
  color: #7c7c7c;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 2.1875rem;
  background: #fff;
  border: .0625rem solid #dedede;
  top: 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}
.article-recommend .swiper-button-next:after {
  content: ">";
  font-size: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.article-recommend .swiper-button-prev:after {
  content: "<";
  font-size: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rating-list-box {
  text-align: left;
}
.pro-nowprice{
  font-size: 22px;
  color: #e64d43;
}
.pro-oldprice {
  color: #999;
  font-size: 16px;
  text-decoration: line-through;
  margin-left: 5px;
}
.pro-item-con {
  padding: 16px;
}
.reviews .star-num {
  display: none;
  vertical-align: middle;
  margin-right: 17px;
}
.reviews .rating-box {
  display: inline-block;
  vertical-align: middle;
  width: 95px;
  background: url("https://us-static.costway.com/assets/1744877579/images/x22-978f5e04.png") repeat-x;
  background-size: 19px 14px;
  height: 16px;
}
.reviews .rating {
  background: url("https://us-static.costway.com/assets/1744877579/images/x11-0eb28af2.png") repeat-x;
  background-size: 19px 14px;
  height: 14px;
}
.swiper-recommend .swiper-slide {
  height: auto;
  display: flex;
  align-items: flex-start;
}

.pro-item-con {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.pro-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
}

.pro-cont {
  flex: 1;
  padding: 10px 0;
}

.rating-list-box {
  margin-top: auto;
  font-size: 16px;
}
.rating-list-box.placeholder {
  visibility: hidden;
}
.recommendation-title {
  margin-bottom: 20px;
  font-size: 26px;
}
.recommendation-container {
  margin: 0 26px;
}
@media screen and (max-width: 768px) {
  .msearch {
    margin-top: 0;
  }
  .errpage .err-b {
    display: none;
  }
  .errpage .err-t {
    flex-direction: column;
  }
  .errpage .err-t .err-t-l {
    background: #fff;
    width: 100%;
    padding: 0;
    justify-content: center;

  }
  .errpage .err-t .err-t-l .err-h1 {
    font-size: 4.267vw;
    color: #333;
    padding: 13.333vw 0 4vw;
    font-weight: 700;
    text-align: center;
  }
  .errpage {
    margin: 0 auto 8vw;
    padding-top: 0;
  }
  .errpage .err-t .err-t-l .err-h1 p {
    line-height: 1.4;
  }
  .errpage .err-t .err-t-l .err-h2 {
    font-size: 3.2vw;
    color: #333;
    width: 75%;
  }
  .errpage .err-t .err-t-l .go-back {
    width: 66.667vw;
    height: 9.333vw;
    line-height: 9.333vw;
    background: #1f1e1d;
    text-align: center;
    margin: 10.667vw auto 20vw;
    color: #fff;
    font-size: 4vw;
    border-radius: 6.667vw;
  }
  .errpage .err-t .err-t-r {
    width: 100%;
  }
  .recommendation-container {
    margin: 0;
  }
  .pro-item-con {
    padding: 8px;
  }
  .swiper-slide {
    font-size: 14px;
  }
  .recommended-wrap {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .reviews-txt {
    display: none;
  }
  .pro-nowprice {
    font-size: 16px;
  }
  .pro-oldprice {
    font-size: 14px;
  }
  .pro-price {
    margin-top: 8px;
  }
  .pro-cont {
    padding: 8px 0 5px;
  }
  .pro-title {
    margin-bottom: 8px;
    font-size: 14px;
  }
  .rating-list-box {
    font-size: 14px;
  }
  .recommendation-title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .article-recommend .swiper-button-next, .article-recommend .swiper-button-prev {
    display: none;
  }
}