@charset "utf-8";
*{margin:0;padding:0}
html,body{height:auto;background:#f6f6f6;font-family:"Microsoft YaHei","微软雅黑"}
li{list-style:none;cursor:default}
a{text-decoration:none}
.l{float:left}
.r{float:right}
input{border-radius:0;-webkit-appearance:none}
.clearfix:after{display:block;content:' ';clear:both}
.container{width:1200px;margin:0 auto}
img{width:100%;object-fit:cover;object-position:top;overflow:hidden;white-space:normal;text-overflow:ellipsis;vertical-align:top;-webkit-transition:-webkit-transform 0.6s;-moz-transition:-moz-transform 0.6s;-o-transition:-o-transform 0.6s;transition:transform 0.6s}
.com-tit{border-bottom:1px solid #eee;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow:hidden}
.title-2,.title-1{display:inline-block;font-size:16px;color:#333;font-weight:normal;height:68px;line-height:68px}
.header{position:fixed;width:100%;top:0;z-index:999;left:0;height:80px;line-height:80px;background:#fff;box-shadow:0 0 30px rgba(0,0,0,0.07);transition:top .6s}
.gizle{top:-90px}
.sabit{top:0;z-index:9999}
.logo{float:left;width:170px;overflow:hidden}
.logo a{display:block;overflow:hidden;text-indent:-9999px;background-size:contain;background-position:left center;background-repeat:no-repeat;background-image:url(logo.webp)}
ul.navbar{margin-left:200px}
ul.navbar>li{position:relative;float:left}
ul.navbar>li>a{display:inline-block;font-size:15px;color:#34495e;position:relative;padding:0 12px;-webkit-transition:ease-in color .15s;transition:ease-in color .15s;font-weight:700;letter-spacing:.2px}
ul.navbar>.on>a{color:#fe5b34}
.header>.container>ul.navbar>li a:hover{color:#fe5b34}
ul.navbar>li>a>i{display:inline-block;line-height:20px;font-size:15px;color:#5c5c5c;font-weight:400;margin-left:3px;-webkit-transition:transform 0.6s;-moz-transition:transform 0.6s;-o-transition:transform 0.6s;transition:transform 0.6s}
ul.navbar>li:hover>a>i.nav-i{transform:rotate(180deg)}
ul.navbar>li.nav-user>a>i{margin:0 5px 0 0}
ul.navbar>li>ul{position:absolute;right:50%;top:100%;width:140px;margin-right:-70px;z-index:99;padding:5px 0;white-space:nowrap;background-color:#fff;border-radius:3px;border:1px solid #ddd;box-shadow:0 0 5px rgba(0,0,0,0.1);opacity:0;-webkit-transition:transform 0.6s cubic-bezier(0.175,0.885,0.32,1.275);-moz-transition:transform 0.6s cubic-bezier(0.175,0.885,0.32,1.275);-o-transition:transform 0.6s cubic-bezier(0.175,0.885,0.32,1.275);transition:transform 0.6s cubic-bezier(0.175,0.885,0.32,1.275);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0);-ms-transform:scale3d(0,0,0);-o-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}
ul.navbar>li>ul:before{content:"";height:10px;width:10px;background-color:#fff;border:1px solid #ddd;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);border-left:0;border-bottom:0;position:absolute;left:50%;top:-7px;margin-left:-7px}
ul.navbar>li:hover>ul{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
ul.navbar>li>ul>li{line-height:38px;text-align:center}
ul.navbar>li>ul>li:last-child{border-bottom:#9b9ea0}
ul.navbar>li>ul>li>a{font-size:15px;color:#333;padding:0 15px}
ul.navbar>.nav-btn{float:right;height:100%}
ul.navbar>.search{float:right;height:100%}
ul.navbar .search i{margin-right:5px;vertical-align:middle}
.sea-wrap{height:50px;line-height:50px;padding:10px 0;z-index:10;top:-100%;background:transparent;-webkit-transition:.3s;transition:.3s}
.sea-mask{height:100%;z-index:20;top:-100%;background:rgba(49,59,67,.9);-webkit-transition:.3s;transition:.3s}
.sea-wrap,.sea-mask{position:fixed;width:100%;left:0}
.sea-wrap form{font-size:0;width:100%;text-align:center}
.sea-wrap input[name="keyboard"]{width:60%;padding:0 20px;height:50px;line-height:50px;font-size:16px;background:#fff;color:#5c5c5c;border:1px solid #ddd;border-right:none;vertical-align:middle;outline:none;border-top-left-radius:3px;border-bottom-left-radius:3px;box-sizing:border-box}
.sea-btn{width:80px;height:50px;line-height:50px;font-size:22px;color:#5c5c5c;background:#fff;vertical-align:middle;border:1px solid #ddd;outline:none;border-top-right-radius:3px;border-bottom-right-radius:3px;box-sizing:border-box;cursor:pointer}
.sea-btn i{font-size:23px}
.sea-mask-on{top:0}
.sea-wrap-on{top:50%;margin-top:-35px;z-index:30}
::-webkit-input-placeholder{color:#5c5c5c;font-size:15px}
::-moz-placeholder{color:#5c5c5c;font-size:15px}
::-ms-input-placeholder{color:#5c5c5c;font-size:15px}
ul.navbar>.nav-user{float:right}
.header>.container>ul.navbar>li.search>a:hover,.header>.container>ul.navbar>li.nav-user>a:hover,.header>.container>ul.navbar>li.nav-btn>a:hover{color:#5c5c5c}
.header>.container>ul.navbar>li.nav-login>a:hover{color:#fff}
ul.navbar>.user-logined>a>img{width:28px;height:28px;vertical-align:-8px;margin-right:10px;border-radius:50%}
ul.navbar>li.search>a,ul.navbar>li.nav-btn>a,ul.navbar>li.nav-user>a{padding:0 10px}
ul.navbar>li.nav-login>a{color:#fff;padding:0 20px;height:32px;line-height:32px;margin-left:10px;border-radius:4px;background-color:#fe5b34;background-image:-webkit-linear-gradient(left,#fe3d7d 0,#fe5b34 50%,#fe3d7d 100%);background-image:linear-gradient(to right,#fe3d7d 0,#fe5b34 50%,#fe3d7d 100%)}
ul.navbar>li.nav-btn>a i{margin:0 5px 0 0}
.user-logined a span{}
.m-nav{display:none;cursor:pointer}
.m-nav,.m-search{display:none}
.breadcrumb{margin:20px 5px;padding-top:90px}
.breadcrumb>ul>li{float:left;max-height:20px;line-height:20px;margin-right:5px;font-size:14px;color:#888}
.breadcrumb>ul>li>i{font-size:12px;color:#333;margin-right:5px}
.breadcrumb>ul>li>a{font-size:14px;color:#333}
.breadcrumb>ul>li>a:hover{color:#fe5b34}
.art-wrap{background:#fff;padding:60px 0 30px}
.art-wrap:nth-child(even){background:#f1f2f3}
.col-tit{font-size:16px;text-align:center}
.col-tit h2{margin:0 0 50px;font-size:24px;text-align:center;position:relative;font-weight:500}
.col-tit h2 span{position:relative}
.col-tit h2:after{content:" ";width:20px;background:#ff5f33;height:3px;position:absolute;left:0;top:45px;margin-left:calc(50% - 10px);border-radius:1.5px}
.col-tit h2 i{position:absolute;right:-43px;top:-10px;background:#ff5f33;padding:1px 5px;border-radius:20px 20px 20px 0;color:#fff;font-size:10px;font-weight:400;font-style:normal}
.col-tit h2 span:before,.col-tit h2 span:after{border-radius:3px;content:'';width:101px;height:19px;position:absolute;top:6px}
.col-tit h2 span:before{left:-120px;background:url(comy.svg)}
.col-tit h2 span:after{right:-120px;background:url(comy2.svg)}
.col-tit p{letter-spacing:2px;text-align:center;color:#8a92a9;margin-bottom:35px;margin-top:-20px;font-size:14px}
ul.col-main{margin:0 -8px;display:block}
.tj-art-wrap{margin-top:80px;padding:50px 0;background-image:url(topbg.webp)}
.tj-box-left{width:50%;float:left}
.tj-art-1{margin-right:10px}
.tj-art-con{position:relative}
.tj-box-left .tj-art-con .art-pic-one{height:396px;border-radius:5px;overflow:hidden}
.tj-box-left .tj-art-con .art-pic-two{height:396px;border-radius:5px;overflow:hidden}
.tj-art-1 .art-main{position:absolute;bottom:0;width:100%;background:linear-gradient(to top right,rgba(0,0,0,0.6),rgba(0,0,0,0.1));z-index:10}
.tj-box-right,li.tj-art-2{width:50%;float:left}
.tj-box-right .tj-art-con{margin:0 10px 20px;position:relative}
.tj-art-2:nth-child(2)>.tj-art-con{margin-right:0}
.tj-art-2:nth-child(3)>.tj-art-con{margin-bottom:0}
.tj-art-2:nth-child(4)>.tj-art-con{margin-bottom:0;margin-right:0}
.tj-box-right a.art-pic-one{height:188px;border-radius:5px}
.tj-box-right a.art-pic-two{height:188px;border-radius:5px}
.tj-box-right .art-main{position:absolute;bottom:0;width:100%;background:linear-gradient(to top right,rgba(0,0,0,0.5),rgba(0,0,0,0.1));z-index:10}
.overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;z-index:1;background:-webkit-linear-gradient(0deg,rgba(0,0,0,0.5),rgba(0,0,0,0.3) 70%,rgba(0,0,0,0.1));background:linear-gradient(0deg,rgba(0,0,0,0.5),rgba(0,0,0,0.3) 70%,rgba(0,0,0,0.1))}
.tj-art-con b.post-tit a,.tj-art-con p.col-art-meta span,.tj-art-con p.col-art-meta span i{color:#fff}
.tj-art-con:hover a,.tj-art-con:hover .tj-art-con p.col-art-meta span,.tj-art-con:hover .tj-art-con p.col-art-meta span i{opacity:.8}
.tj-art-con:hover img{transform:scale(1.1)}
.tj-art-con b.post-tit a{height:20px;white-space:nowrap}
.tj-art-con b.post-tit a:hover{color:#fff;opacity:.8}
.col-main{position:relative}
.col-main ul{margin:0 -10px}
.col-main ul li{float:left;width:25%}
.col-main ul.home-ad-box li a{display:block;margin:0 10px 50px}
.art-con{background:#fff;margin:0 10px 20px;border-radius:3px;overflow:hidden;box-shadow:0 0 15px rgba(0,0,0,0.075);transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1)}
.art-con:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 10px 20px rgba(213,213,213,0.4)}
a.art-pic-one{display:block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
a.art-pic-two{display:block;position:relative;height:215px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
a.art-pic-one img{aspect-ratio:1/1}
a.art-pic-two img{height:100%}
.mask{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(255,255,255,.2)}
.art-con:hover .mask{display:block}
a.cat{padding:15px 15px 0 15px;display:block;font-size:12px;color:#8a92a9;margin-left:18px;height:30px;box-sizing:border-box}
a.cat::after{content:" ";width:4px;height:4px;display:block;position:relative;left:-18px;top:-11px;border-radius:15px;border-width:2px;border-style:solid;border-color:rgb(255,95,51);border-image:initial}
.art-main{background:#fff;letter-spacing:.5px;overflow:hidden}
b.post-tit{display:block;box-sizing:border-box;font-size:15px;font-weight:normal;margin:12px 15px;position:relative}
b.post-tit a{display:block;color:#062743;line-height:20px;overflow:hidden;white-space:normal;-o-text-overflow:ellipsis;text-overflow:ellipsis;height:40px}
b.post-tit a:hover{color:#EF353D}
p.col-art-meta{color:#8a92a9;padding:0 15px;margin-bottom:6px;font-size:12px;height:26px;overflow:hidden;box-sizing:border-box}
p.col-art-meta span{float:left;display:block;font-size:12px;color:#888;height:20px;padding-right:8px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
p.col-art-meta span:nth-child(1){max-width:40%}
p.col-art-meta span:nth-child(1) b{color:#f00}
p.col-art-meta span:nth-child(2){max-width:80%}
p.col-art-meta span:nth-child(3){max-width:23%}
p.col-art-meta a{color:#888}
p.col-art-meta a:hover{text-decoration:underline}
p.col-art-meta span i{color:#888;margin-right:3px;vertical-align:-2px}
ul.ajax-arts>div.ias-trigger{float:left}
ul.ajax-arts>div.ias-trigger,.more-1,.more-2{display:block;width:100%;font-size:14px;margin:15px 0 30px;text-align:center}
.more-1>a,.more-2>a,ul.ajax-arts>div>a{display:inline-block;padding:10px 80px;text-decoration:none;background-color:#ff5f33;color:#fff !important;border-radius:50px;outline:none;cursor:pointer}
.more-1>a:hover,.more-2>a:hover,ul.ajax-arts>div>a:hover{opacity:.88}
ul.col-tit-2{list-style:none;text-align:center;margin-top:-15px;margin-bottom:26px}
ul.col-tit-2 li{display:inline-block;margin:0 3px;margin-bottom:6px}
ul.col-tit-2 li span{border:1px solid #eaeaea;border-radius:20px;padding:5px 12px;font-size:13px;color:#062743;cursor:pointer}
ul.col-tit-2 li.active span{background:#d2d2d2;border-color:#d2d2d2}
.news-con>li{width:32%;float:left;background:#fff;margin-right:1.333%;position:relative;height:75px;margin-bottom:20px;border-radius:3px;box-shadow:0 0 15px rgba(0,0,0,0.075)}
.news-con-left{float:left;width:110px;height:75px;border-radius:3px;overflow:hidden;margin-right:10px}
.news-con-left img{height:100%}
.news-con-right{padding:10px 10px 0 0;box-sizing:border-box}
.news-con-right p.col-art-meta{padding:0;height:16px;margin:0}
b.news-post-tit{display:block;font-size:14px;margin-bottom:15px}
.news-post-tit a{color:#062743;line-height:20px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:20px}
.news-post-tit a:hover{color:#EF353D}
.vip-item{padding:0 30px 50px;background-color:#ffffff;text-align:center;width:23%;margin:0 1% 30px 1%;display:block;float:left;top:0;box-sizing:border-box;position:relative;-webkit-box-shadow:0 8px 10px 0px rgba(0,0,0,0.1);box-shadow:0 8px 10px 0px rgba(0,0,0,0.1);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);-moz-transition:all .3s cubic-bezier(.4,0,.2,1);-ms-transition:all .3s cubic-bezier(.4,0,.2,1);-o-transition:all .3s cubic-bezier(.4,0,.2,1)}
.vip-item h6{font-size:20px;margin:0 -30px;background:#ff5f33;padding:15px 0;font-weight:normal;color:#fff}
.item-1 h6{background:#0ec0e6}
.vip-item.item-2 h6{background:#514e9f}
.vip-item.item-3 h6{background:#6f0ee6}
.vip-item.item-4 h6{background:#d2c55d}
.vip-item>span.price{font-weight:600;font-size:32px;line-height:40px;display:block;margin:20px 0 5px}
.vip-item>span.price small{font-size:14px}
p.border-decor{margin-bottom:50px;text-align:center}
p.border-decor span{background:#f5f5f5;border-radius:30px;padding:7px 12px 5px;color:#333;display:inline-block;line-height:1;font-size:13px}
.vip-item ul{margin-bottom:20px}
.vip-item ul li{font-size:15px;color:#333;padding-bottom:10px}
.vip-item ul li:not(:first-child){padding-top:10px}
.vip-item ul li:not(:last-child){border-bottom:solid 1px #f7f7f7}
.vip-item a.btn{color:#fff !important;background:#ff5f33;border-radius:50px;padding:12px 35px}
.vip-item.item-1 .btn{background:#514e9f !important}
.vip-item.item-3 .btn{background:#6f0ee6 !important}
.vip-item.item-4 .btn{background:#d2c55d !important}
.vip-item:hover{top:-10px}
.sift{font-size:15px;padding:20px;background:rgba(255,255,255,.95);margin-bottom:30px}
.sift ul li{padding:10px 5px;border-bottom:1px dotted #eee;box-sizing:border-box;overflow:hidden}
.sift ul li:last-child{border-bottom:0}
.sift span{padding:2px 8px;border-radius:4px;color:#333;background:#f6f6f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sift span i{font-size:15px;color:#34495e;margin-right:3px}
.sift>ul>li>.option{width:auto;line-height:26px;padding-right:20px;margin-left:75px}
.sift>ul>li>.option .cur{color:#F32424}
.option a{color:#555;margin-right:20px;float:left;display:block}
.option a:hover{color:#fe5b34}
a.current{color:#fe5b34}
.col-left{width:73%}
.col-right{width:27%}
.col-left,.col-right{margin-bottom:20px}
.col-left>ul.col-left-cate{font-size:16px;padding:20px;border-bottom:1px solid #eee}
.col-left>ul.col-left-cate>li{color:#888}
.col-left>ul.col-left-cate>li:first-child{border-left:3px solid #fe5b34;margin-left:-20px;padding-left:20px}
.col-left>ul.col-left-cate>li>i{font-size:14px;margin:0 5px}
.col-left>ul.col-left-cate>li>a:hover{color:#fe5b34}
.col-main>ul.col-left-cate{font-size:16px;padding:20px}
.col-main>ul.col-left-cate>li{color:#888;width:auto}
.col-main>ul.col-left-cate>li:first-child{border-left:3px solid #fe5b34;margin-left:-20px;padding-left:20px}
.col-main>ul.col-left-cate>li>i{font-size:14px;margin:0 5px}
.col-main>ul.col-left-cate>li>a:hover{color:#fe5b34}
.art-list li{overflow:hidden;padding:20px;border-bottom:1px solid #eee}
.art-list-left{width:220px;height:150px;border-radius:4px;overflow:hidden}
.art-list-left>a>img{height:100%}
.art-list li:hover img{transform:scale(1.1)}
.art-list-right{margin-left:235px;overflow:hidden}
.art-list-right h3{font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:35px;line-height:26px;font-weight:500;margin-bottom:3px}
.art-list-right h3>a{color:#333}
.art-list-right h3>a:hover{color:#fe5b34}
.art-intro{font-size:14px;color:#888;max-height:84px;line-height:28px;overflow:hidden;word-break:break-all;text-align:justify;margin-bottom:8px}
.art-meta{color:#999;font-size:0}
.art-meta span{display:inline-block;max-width:50%;line-height:20px;font-size:12px;padding-right:15px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.art-meta span i{vertical-align:top;margin-right:3px}
.art-meta span a{color:#999}
.art-meta span a:hover{color:#fe5b34}
.no_result>h3{font-size:22px;font-weight:normal;color:#333;margin:35px 20px 25px}
.no_result>span{font-size:13px;color:#666;margin-left:20px}
.no_result>p{margin:13px 67px;color:#333;font-size:13px}
.inside-focus{position:relative;padding:80px 0;margin:80px 0 30px;background-position:center center;background-size:cover;background-repeat:repeat}
.inside-focus:before{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color:#000;content:'';opacity:.5}
.cate-header,.art-header{height:100%;color:#fff;letter-spacing:.5px;text-align:center}
.cate-header h1{font-size:26px;font-weight:600}
.cate-header>.container,.art-header>.container{position:relative;box-sizing:border-box}
.cate-header h1,.art-header h1{line-height:35px;padding-bottom:10px}
.art-header h1{font-size:24px;font-weight:500}
.art-header .art-meta{color:#fff}
.art-header  .art-meta span a{color:#fff}
.avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;margin:3px 0}
.avatar img{height:100%}
.art-tit{margin-left:65px}
.art-header .art-tit h1{position:relative;font-size:20px;font-weight:400;letter-spacing:.5px;line-height:26px;padding-bottom:10px}
.art-wrap-in{padding:20px;margin-bottom:20px;background:#fff}
.content{font-size:.95rem;color:#333;line-height:25px;word-wrap:break-word}
.content p{margin-bottom:20px;word-wrap:break-word;word-break:break-all}
.content h3{display:block;background-color:#f8f8f8;margin:0 -10px 20px;padding:0 15px;border-left:3px solid #f70000;color:#333;font-size:15px;word-break:break-all;font-weight:700;line-height:42px}
.content img{max-width:100%;height:auto;display:block;width:auto;margin:0 auto}
.art-a{text-align:center;margin:0 20px 20px}
.art-a img{width:auto}
.product{background-color:#fff;border-top:1px solid #eee;padding-top:30px;padding-bottom:40px;margin-bottom:30px;margin-top:80px}
.proPhoto{width:400px;height:300px;float:left}
.proPhoto>img{height:100%}
.proChoice{height:300px;margin-left:435px}
h1.proTit{line-height:45px;font-weight:lighter;font-size:20px}
h2.proMeta{margin-top:5px;line-height:16px;font-size:14px;width:100%;color:#6c6c6c;font-weight:normal}
h2.proMeta>span{font-size:12px;margin-right:20px;background:#eff0f1;padding:2px 4px;border-radius:3px;color:#8c8c8c}
h2.proMeta>span>i{font-size:14px;margin-right:3px}
h2.proMeta>span>a{color:#8c8c8c}
.proAdt{height:50px;border:1px dashed #a3a3a3;margin-top:25px;padding:0 20px;box-sizing:border-box;overflow:hidden}
.proAdt>a{font-size:18px;line-height:50px;color:#ed1c24}
.proMore{height:50px;height:40px;line-height:50px;margin:20px 0;overflow:hidden}
span.proPrice{margin-left:5px;position:relative;float:left;display:inline;font-size:16px;color:#e74e52;line-height:40px}
span.proPrice>em{display:inline-block;font-size:30px;font-style:normal}
span.proView{float:right;font-size:20px;color:#ff433e;margin-right:5px}
span.proView>i{margin-right:3px}
span.collect{float:right;font-size:15px;color:#ff433e;margin-right:20px}
span.collect>i{margin-right:3px}
span.collect>a{color:#ff433e}
.proMoreBtn{font-size:0;overflow:hidden}
.proMoreBtn>a{display:block;float:left;height:40px;line-height:40px;text-align:center;color:#fff;font-size:14px;background:#17a8fc;border:0;width:130px;margin-right:20px;cursor:pointer;box-sizing:border-box}
a.lcpbuyed{background:#ed1c24}
a.proDemo2,a.proDemo3{background:#333;width:auto!important;padding:0px 10px}
.proState{font-size:14px;color:#333;margin-top:20px}
.proState>p{line-height:20px;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.proState em{font-style:normal}
.article-act{text-align:center;margin:10px 0 30px;position:relative}
.article-act .article-shang{display:inline-block;color:#ff5f33 !important;width:60px;height:60px;line-height:60px;margin:0 5px;border-radius:50%;border:2px solid hsla(210,8%,51%,.09);position:relative;font-size:x-large;background:#f9f9f9;top:-3px}
.article-act > .popup{position:absolute;width:280px;background:#fbfbfb;bottom:80px;left:50%;margin-left:-140px;color:#fff;box-shadow:0 0 5px 0 rgba(17,58,93,0.1);border-radius:5px;line-height:0;z-index:9}
.article-act > .wechat{background:#05af4e}
.article-act > .alipay{background:#00a2ea}
.article-act > .popup > .head{text-align:center;padding-top:30px}
.article-act .qrcode{text-align:center}
.article-act .qrcode img{margin:30px auto;width:80%}
.article-act ul.platform{padding:0!important;margin:0!important;text-align:center;background:#FFF;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.article-act ul.platform li{display:inline-block;cursor:pointer;margin:5px;filter:grayscale(100%)}
.article-act ul.platform li.active{font-weight:600;filter:grayscale(0%)}
.article-act ul.platform li.sicon-wechat{background:url(wechat.svg) no-repeat center center;width:24px;height:24px;background-size:cover}
.article-act ul.platform li.sicon-alipay{background:url(alipay.svg) no-repeat center center;width:24px;height:24px;background-size:cover}
.article-act .article-collect{display:inline-block;color:#bbb !important;width:60px;height:60px;line-height:60px;margin:0 5px;border-radius:50%;border:2px solid hsla(210,8%,51%,.09);position:relative;font-size:x-large;background:#f9f9f9;top:-3px}
.article-act .article-collect.active{color:#fbb715 !important}
.article-act .article-collect.active .icon:before{content:'\e8d3'}
.article-act .article-collect .icon{top:-10px;font-size:26px}
.article-act .article-zan{margin:0 5px;border-radius:50%;border:2px solid hsla(210,8%,51%,.09);display:inline-block;color:#bbb !important;width:60px;height:60px;line-height:60px;position:relative;font-size:x-large;background:#f9f9f9;top:-3px}
.article-act .article-zan.active{color:#ff5f33 !important}
.article-act .article-zan .icon{top:-10px;font-size:26px}
.article-act a span{font-family:tahoma,arial,sans-serif;position:absolute;bottom:-20px;left:0;right:0;font-size:12px}
.article-act .article-zan.active,.article-act .article-shang{color:#ff5b2d !important}
.art-tags{margin-top:20px;display:flex;flex-wrap:wrap}
.art-tags a{color:#333;font-size:14px;margin:3px 5px 3px 0;display:block}
.art-tags>a>span{display:block;padding:3px 10px;border:1px #eee solid;background:#f5f6f7}
.art-copyright{font-size:14px;color:#999;padding:20px 20px 5px;margin:20px -20px 0;border-top:1px solid #eee;background:#fff}
.art-copyright-tit>span{display:inline-block;font-size:14px;color:#333;padding:3px 15px;line-height:22px;border:1px solid #eee;margin-top:-15px;background:#fff}
.art-copyright p{line-height:26px;text-align:justify}
.article_url{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.article_copyright p,.article_copyright p a{font-size:14px;color:#5c5c5c}
.prev-next{display:flex;flex-wrap:wrap;font-size:15px;padding:20px;margin:20px 0;background:#fff}
.prev-next p>a{color:#333}
.prev-next p.art-next:hover>a,.prev-next p.art-prev:hover>a{color:#EF353D}
.prev-next p.art-next:hover>a:after{content:'»';position:absolute;right:0;top:50%;margin-top:-21px;font-size:58px;color:#ccc;line-height:34px}
.prev-next p.art-prev:hover>a:after{content:'«';position:absolute;right:0;top:50%;margin-top:-21px;font-size:58px;color:#ccc;line-height:34px}
.prev-next p>a>span{display:block;color:#999;cursor:default;margin-bottom:3px}
p.art-prev,p.art-next{position:relative;width:50%;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
p.art-prev{padding:0 20px 0 45px;text-align:left;border-right:1px solid #eee}
p.art-prev>a:after{content:'«';position:absolute;left:0;top:50%;font-size:58px;color:#EDEDED;line-height:34px;margin-top:-21px}
p.art-next{padding:0 45px 0 20px;text-align:right}
p.art-next>a:after{content:'»';position:absolute;right:0;top:50%;margin-top:-21px;color:#EDEDED;font-size:58px;line-height:34px}
.related{margin-bottom:20px;background:#fff}
.related-tit{font-size:16px;color:#333;padding:20px;border-bottom:1px solid #eee}
ul.related-main{padding:20px 0 0 20px}
ul.related-main>li{width:25%;margin-bottom:20px;overflow:hidden}
ul.related-main>li>a{display:block;margin-right:20px}
.related-img{position:relative;border-radius:3px;overflow:hidden}
.related-img img{aspect-ratio:1/1}
.related-main p{font-size:14px;color:#666;height:46px;line-height:165%;padding:5px 0 0;overflow:hidden}
.related-main li:hover p{color:#fe5b34;text-decoration:underline}
.related-main li:hover .related-img>span.mask{display:block}
.comm-tab{background:#fff}
.comm-msgs{padding-bottom:20px;background:#fff}
.comm-msgs>.comm-msg-list{font-size:14px;padding:0 20px}
.comm-parent{padding-top:20px;margin-top:20px;border-top:1px solid #eee;overflow:hidden}
ul.comm-msg-list:nth-child(4)>.comm-msg>.comm-parent,ul.comm-msg-list:nth-child(5)>.comm-msg>.comm-parent{padding-top:0;border:0}
.msg-img{position:relative;width:50px;height:50px;border-radius:50%;overflow:hidden}
.comm-parent:hover .mask{display:block}
.msg-info{margin-left:60px}
.msg-name{line-height:20px}
.msg-name>.commer{font-size:14px;font-weight:700;color:#555}
.msg-name>span{font-size:13px;color:#999;margin:0 10px 0 5px}
a.comm-reply{font-size:13px;color:#999}
.msg-text{font-size:14px;color:#666;line-height:30px;padding-top:5px}
.comm-msg:hover>.msg-img>.mask{display:block}
.msg-name>.commer:hover{color:#de3009;text-decoration:underline}
.comm-reply:hover{color:#d10c20}
.comm-child{margin-left:50px;margin-top:20px}
.comm-child .msg-img{height:40px;width:40px}
.comm-child:hover .mask{display:block}
.comm-child .comm-child{margin-left:0}
.comm-child .msg-info{margin-left:50px}
.msg-info ul.comm-msg-list{margin-top:20px;margin-left:-60px}
.comm-child .msg-info ul.comm-msg-list{margin-top:30px;margin-left:-50px}
.msg-text .at{font-size:12px;font-weight:700;color:#f15767;padding:2px 6px;margin-right:5px;border:1px solid #e6e3e3;border-radius:3px}
.no-comm p{line-height:30px}
.no-comm i{font-size:18px;color:#333;margin-right:1px;vertical-align:-1px}
.no-comm{text-align:center;padding:20px 0 0;font-size:16px;color:#333;line-height:30px}
.comm-msg-list+label+.no-comm{display:none}
.comm-cancel{float:right;display:block;line-height:62px;margin-right:20px}
.comm-cancel a{font-size:14px;color:#fe5b34}
#comm-post>.com-tit{position:relative;background:#fff}
.comm-form{padding:20px;margin-bottom:20px;border-top:0;background:#fff}
.msg-text .com-tit{margin-left:-60px}
.msg-text .title-2{margin-left:0}
.msg-text .comm-form{padding:20px 0 0;margin-left:-60px}
.comm-user li{width:50%;float:left;margin-bottom:15px}
.comm-group{position:relative;border:1px solid #e5e5e5;border-radius:3px}
.comm-user>ul>li:nth-child(odd)>.comm-group{margin-right:5px}
.comm-user>ul>li:nth-child(even)>.comm-group{margin-left:5px}
span.comm-user-info{position:absolute;top:0;left:0;display:block;width:50px;line-height:40px;font-size:14px;color:#333;text-align:center;border-right:1px solid #eee;box-sizing:border-box}
.comm-user li img{width:auto;position:absolute;top:1px;right:1px;height:38px;cursor:pointer}
.comm-user input{width:100%;height:40px;line-height:40px;font-size:14px;padding:0 10px 0 60px;border:0;box-sizing:border-box;outline:0}
.comm-area{border:1px solid #eee}
.comm-area textarea{width:100%;height:180px;line-height:180%;font-size:14px;padding:15px;resize:none;border:0;outline:0;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.comm-tools{width:100%;padding:10px 15px;border-top:1px dotted #eee;background:#fdfdfd;box-sizing:border-box}
span.comm-avator{display:block;max-width:50%;float:left;height:40px;line-height:40px;overflow:hidden}
span.comm-avator img{display:block;width:40px;float:left;height:40px;border-radius:50%;border:1px solid #eee}
span.comm-avator em{font-style:normal;color:#00a2ca;display:block;margin-left:47px;margin-top:10px;padding:0 5px 0 22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:20px;line-height:20px;background-image:url(ux.webp);background-repeat:no-repeat;background-position:0 -40px}
.comm-sumbit{max-width:50%;height:40px;line-height:40px}
.comm-sumbit span{font-size:14px;color:#555;padding-right:10px}
.comm-tools button{width:88px;height:32px;line-height:32px;color:#FFFFFF;border:1px solid #45B6F6;background:#45B6F6;outline:none;cursor:pointer}
.col-side{margin-left:20px}
.widget{border:1px solid #eee;background:#fff;margin-top:20px;overflow:hidden}
.widget:nth-child(1){margin-top:0}
.mod-main li:hover .mod_right img{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}
.title-2{position:relative;margin-left:20px}
.widget .com-tit>li{width:33.333333%;float:left;text-align:center;cursor:pointer}
.tit-hover{position:relative}
.title-2:after,.tit-hover:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;border-bottom:3px solid #ff6f3d}
.auth-avatar{background-image:url(auhtbg.webp);background-size:cover;position:relative;height:100px;background-repeat:no-repeat;background-position:center center;margin-bottom:54px}
.auth-avatar>a{display:block;position:absolute;top:54px;left:50%;margin-left:-46px;padding:6px;background-color:transparent;border-radius:100%}
.auth-avatar>a>img{width:80px;height:80px;border-radius:100%}
.widget-auth h4{text-align:center;margin-bottom:15px;font-size:18px;line-height:26px}
.widget-auth h4>a{color:#333}
.auth-count{background:#fff;border-top:1px solid #eee;border-bottom:1px solid #efefef}
.auth-count ul{padding:0;text-align:center;display:flex;display:-moz-flex;display:-ms-flex;display:-o-flex}
.auth-count ul li{float:left;width:33.333%;border-right:1px #eee solid;padding:8px 0;font-weight:300}
.auth-count ul>li:nth-child(3){border-right:0}
.auth-count ul li span{display:block;font-size:14px;color:#999}
.auth-count ul li strong{font-size:13px;color:#666;font-weight:bold}
.mod-main{padding:10px 0}
.mod-main>li{font-size:15px;font-weight:normal;line-height:24px;padding:5px 20px 10px;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:unset;box-sizing:border-box}
.mod-main>li>a{font-size:15px;color:#333}
.mod-post-left{float:left;width:70px;height:50px;line-height:50px;border-radius:2px;overflow:hidden}
.mod-post-right{height:50px;line-height:25px;overflow:hidden;color:#333;margin-left:80px;white-space:normal;text-overflow:ellipsis}
.mod-post>li{padding:0 20px 15px;border-bottom:1px solid #eee;margin-bottom:15px}
.mod-post>li:first-child{margin-top:5px}
.mod-post>li:last-child{border:0;margin-bottom:0}
.mod-main>li>a:hover>.mod-post-right{color:#fe5b34}
.mod-main>li>a:hover{color:#fe5b34}
.mod-main>li>span{background:#999;color:#fff;display:inline-block;font-size:14px;width:18px;height:18px;line-height:18px;margin:0 8px 0 0;text-align:center;border-radius:4px}
.mod-main>li>span.art-num-1{background:#f44336}
.mod-main>li>span.art-num-2{background:#4caf50}
.mod-main>li>span.art-num-3{background:#ffc107}
.mod-main>li>span.art-num-4{background:#00bcd4}
.mod-main>li>span.art-num-5{background:#2196f3}
.mod-main>li>span.art-num-6{background:#e91e63}
.mod-main>li>span.art-num-7{background:#34495e}
.mod-main>li>span.art-num-8{background:#f4e3ab}
.mod-main>li>span.art-num-9{background:#b9af8f}
.mod-main>li>span.art-num-10{background:#d68a8a}
.mod-tags{padding:12px 15px}
.mod-tags>a{float:left;display:block;color:#726161;border-radius:2px;font-size:14px;width:33.3333%;overflow:hidden}
.mod-tags>a>span{display:block;width:auto;line-height:25px;margin:4px 3px;padding:2px 5px;text-align:center;background:#f5f6f7;border-radius:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
a.a-tag-1{color:#f44336}
a.a-tag-2{color:#4caf50}
a.a-tag-3{color:#0B0B0B}
a.a-tag-4{color:#00bcd4}
a.a-tag-5{color:#2196f3}
a.a-tag-6{color:#e91e63}
a.a-tag-7{color:#34495e}
a.a-tag-8{color:#003366}
a.a-tag-9{color:#B37333}
a.a-tag-10{color:#CC0000}
a.a-tag-1>span:hover{color:#fff;background:#f44336}
a.a-tag-2>span:hover{color:#fff;background:#4caf50}
a.a-tag-3>span:hover{color:#fff;background:#0B0B0B}
a.a-tag-4>span:hover{color:#fff;background:#00bcd4}
a.a-tag-5>span:hover{color:#fff;background:#2196f3}
a.a-tag-6>span:hover{color:#fff;background:#e91e63}
a.a-tag-7>span:hover{color:#fff;background:#34495e}
a.a-tag-8>span:hover{color:#fff;background:#003366}
a.a-tag-9>span:hover{color:#fff;background:#B37333}
a.a-tag-10>span:hover{color:#fff;background:#CC0000}
.mod-main-left{width:50px;height:50px;text-align:center;color:#888;border-radius:50%;overflow:hidden}
.mod-main-right{height:50px;line-height:25px;overflow:hidden;font-size:14px;margin-left:65px;white-space:normal;text-overflow:ellipsis;color:#999}
.mod-comm{padding:10px 0}
.mod-comm>li{padding:10px 20px;border-bottom:1px solid #eee}
.mod-comm>li:last-child{border-bottom:0}
.mod-comm>li>a>.mod-main-left>img{height:100%}
.mod-comm>li:hover>a>.mod-main-left>img{transform:rotate(360deg)}
.mod-comm-auth>span{color:#45b6f7;font-weight:700;margin-right:5px}
.mod-comm-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mod_right_comm{height:41px;line-height:21px;overflow:hidden;font-size:14px;color:#3f3f3f;margin-left:51px;white-space:nowrap;text-overflow:ellipsis}
.mod_right_comm p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#5c5c5c}
.mod-main>li:hover .mod_p{color:#fe5b34}
.tag_wall_con a:hover{background:#fe5b34;color:#fff}
.error-info{text-align:center;background:#fff;border:1px solid transparent}
.error-img{margin:63px 20px 0}
.error-info h2{font-size:30px;color:#333;letter-spacing:5px;margin:25px 20px 0}
.error-info p{font-size:15px;color:#ef6666;font-weight:300;letter-spacing:1px;margin:25px 20px}
.error-info h3{font-size:16px;color:#666;font-weight:400;letter-spacing:1px;margin:0 20px 25px}
.error-info a{margin:0 auto 63px;display:block;background:#7caced;height:46px;line-height:46px;color:#fff;width:200px;letter-spacing:5px;border:0;font-size:18px;text-align:center;border-radius:5px}
.error-info img{width:431px;height:231px}
.pagebar-1{margin:10px 0 30px}
.pagebar-2{margin-bottom:20px;margin-top:25px}
.pagebar-3{margin:20px;padding-top:20px;border-top:1px solid #eee}
.comm-msgs .pagebar-3{margin-bottom:0}
.pagebar-1,.pagebar-2,.pagebar-3{font-size:0;text-align:center}
.pagebar-1 a,.pagebar-1 span,.pagebar-2 a,.pagebar-2 span,.pagebar-3 a,.pagebar-3 span{display:inline-block;font-size:14px;color:#333;line-height:20px;padding:6px 12px;margin:0 5px 6px 0;background:#FFF;border:1px solid #eee;cursor:pointer;border-radius:3px}
.pagebar-1 span.page-now,.pagebar-2 span.page-now,.pagebar-3 span.page-now{background:#fe5b34;color:#fff}
.pagebar-1 a:hover,.pagebar-2 a:hover,.pagebar-3 a:hover{background:#fe5b34;color:#fff}
.footer-navi{position:relative;z-index:20;padding:40px 0;background:#2a2a32;color:#949498;line-height:25px}
.about{float:left;padding:0 60px 0 0;padding-right:60px;font-size:14px;width:33%;margin:0;box-sizing:border-box}
.footer-navi h2{margin-bottom:14px;font-weight:400;font-size:18px;line-height:1.38889;border:0;color:#fff}
.footer-navi p{padding:5px 0;line-height:27px;color:rgba(255,255,255,0.5);font-size:13px;overflow:hidden}
.navis{float:left;width:67%;display:-ms-flexbox;display:flex;box-sizing:border-box;margin-bottom:30px;justify-content:space-between;flex-wrap:nowrap;justify-content:space-around}
.navi{padding-left:60px;text-align:left;flex:1}
.footer-navi ul{padding-bottom:10px;overflow:hidden;white-space:nowrap}
.footer-navi a{color:#545454;font-size:13px}
.footer-bottom{background:#000;padding-bottom:20px}
.links{padding:40px 0 20px}
.links li{float:left;margin-right:10px;line-height:2;font-size:13px;color:#545454}
.links li a{color:#545454}
.links li a:hover{color:#ccc}
.footer-copyright{color:#545454;text-align:center;font-size:13px}
.footer-copyright a{color:#545454}
.footer a:hover{color:#fff}
.footer img{width:auto;height:auto}
.rollbar{position:fixed;right:15px;bottom:15px;z-index:999;width:50px}
.rollbar .rollbar-item{position:relative;margin-top:10px;width:35px;height:35px;border-radius:4px;background-color:#ffffff;color:#000;text-align:center;opacity:.8;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;box-shadow:0 0 10px rgba(0,0,0,0.07)}
.rollbar .rollbar-item a{color:#000}
.rollbar .rollbar-item i{line-height:35px;font-weight:700;font-size:20px;color:#333}
.tap-weixin{position:relative}
.tap-weixin img{position:absolute;right:45px;width:120px;height:120px;top:-40px;border-radius:2px;box-shadow:0 0 2px rgba(0,0,0,.2);max-width:inherit;max-height:inherit;display:none}
.tap-weixin:hover img{display:block}
ul.navbar li.m-nav-1{display:none}
.sift span.toggleBtn{display:none}
@media screen and (max-width:1210px)
{
  body{-webkit-transition-duration:.3s;transition-duration:.3s}
  .m-nav-on{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-transform:translateX(80%);transform:translateX(80%)}
  .container{width:100%}
  .logo{float:none;margin:0 auto}
  ul.navbar{float:none;position:fixed;top:0;right:100%;bottom:0;width:80%;padding:68px 0 0;z-index:90;font-size:12px;background-color:#fff;text-align:left;margin:0;height:auto!important;line-height:30px!important;overflow-y:scroll;overflow-x:hidden}
  ul.navbar>li{float:none;margin-bottom:10px}
  ul.navbar .nav-btn{float:none;height:auto}
  ul.navbar li.m-nav-1>i{font-size:22px;color:#5c5c5c}
  .m-nav-on ul.navbar li.m-nav-1{display:block;float:none;position:absolute;top:20px;left:15px;width:22px;text-align:center;margin-bottom:0}
  ul.navbar>li>a{height:35px;line-height:35px}
  ul.navbar>li>a{position:relative;font-size:14px;font-weight:600;color:#333;padding:0 15px}
  ul.navbar>li>a>i{display:none}
  ul.navbar>li.nav-user>a>i{display:inline-block;color:#333}
  ul.navbar .nav-user{float:none;position:absolute;top:30px;right:10px;text-align:center;margin-bottom:0}
  ul.navbar>li>ul{position:static;font-size:0;opacity:1;width:auto;padding:0;margin-right:0;border:0;box-shadow:none;background:#fff;white-space:normal;-webkit-transform:scale(1,1);transform:scale(1,1);webkit-transition:transform 0.6s cubic-bezier(0.175,0.885,0.32,1.275);-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}
  ul.navbar>li>ul:before{position:static;border:0;height:0;width:0}
  ul.navbar>li>ul:after{display:block;content:' ';clear:both}
  ul.navbar>li>ul>li{float:left;width:46%;margin:5px 2%;background:#F6F9FA;border-bottom:0}
  ul.navbar>li>ul>li>a{font-size:14px;color:#888}
  ul.navbar .nav-user > a{color:#fe5b34}
  ul.navbar>.search{display:none}
  ul.navbar .sea-wrap{display:none}
  .search i{display:block;font-size:24px;color:#5c5c5c}
  .sea-wrap form{width:100%;text-align:center}
  .sea-wrap input[name="q"]{width:60%;padding:0 2%}
  .sea-wrap{display:block}
  .m-nav,.m-search{display:block;position:absolute;top:0;z-index:100}
  .m-nav{left:10px}
  .m-search{right:10px}
  .m-mask{display:block;opacity:0;visibility:hidden;position:fixed;top:0;left:0;bottom:0;right:0;z-index:9999;background:rgba(0,0,0,.7)}
  .m-nav-on .m-mask{visibility:visible;opacity:1}
  .m-nav i{font-size:22px}
  .m-search i{font-size:22px}
  a.art-pic-one{}
  a.art-pic-two{height:175px}
  ul.col-main{margin:0}
  .col-main ul{margin:0}
  ul.col-tit-2,.grids{padding:0 10px;box-sizing:border-box}
  .news{margin:0}
  .sift{padding:20px 5px}
  .proMain{padding:0 10px}
  .proMoreBtn>a{width:24%;margin-right:1%}
  .links{padding:40px 10px 20px}
  .about{padding-left:10px}
  .footer-navi .navis{padding-right:10px}
  .footer-copyright{padding:0 10px}
  .art-wrap-in{padding:20px 2px;margin-bottom:20px;background:#fff}
}
@media screen and (max-width:990px)
{
  .top{position:fixed;top:0;left:0;z-index:9999}
  .tj-art-wrap .container{max-width:768px}
  .tj-box-left .tj-art-con .art-pic-one{height:236px}
  .tj-box-left .tj-art-con .art-pic-two{height:236px}
  .tj-box-right a.art-pic-one{height:108px}
  .tj-box-right a.art-pic-two{height:108px}
  .tj-art-con b.post-tit{margin:8px 15px}
  .tj-art-con p.col-art-meta{margin-bottom:0}
  .col-main ul li.art{width:50%}
  .art-con{margin:0 4px 10px}
  a.art-pic-one{}
  a.art-pic-two{height:285px}
  .news-main{width:100%}
  .news>.news-main:nth-child(3n+1)>.news-con,.news>.news-main:nth-child(3n+2)>.news-con,.news>.news-main:nth-child(3n+3)>.news-con{margin-left:4px;margin-right:4px}
  .col-left,.col-right{width:100%}
  .col-right{display:none}
  .col-right>.col-side{margin-left:0}
  .widget:nth-child(1){margin-top:20px}
  .error-info h2{font-size:28px}
  .proChoice{margin-left:425px}
  h1.proTit{max-height:70px;line-height:35px;font-weight:lighter;font-size:18px;white-space:normal;overflow:hidden}
  .proAdt{height:40px;margin-top:20px}
  .proAdt>a{font-size:16px;line-height:40px}
  span.proView{font-size:16px}
  .proMore{height:35px;line-height:35px}
  span.proPrice>em{font-size:26px}
  .proMoreBtn>a{height:35px;line-height:35px}
  .vip-item{width:48%}
  .prev-next p.art-next:hover>a:after{content:''}
  .prev-next p.art-prev:hover>a:after{content:''}
}
@media screen and (max-width:768px)
{
  .tj-art-wrap{padding:30px 0}
  .tj-art-wrap .container{width:100%;padding:0 10px;box-sizing:border-box}
  .tj-box-left{margin-bottom:20px}
  .tj-box-left,.tj-box-right{width:100%}
  .tj-art-1{margin-right:0}
  .tj-box-left .tj-art-con .art-pic-one,.tj-box-right a.art-pic-one{height:auto}
  .tj-box-left .tj-art-con .art-pic-two,.tj-box-right a.art-pic-two{height:auto}
  .tj-art-2:nth-child(1)>.tj-art-con,.tj-art-2:nth-child(3)>.tj-art-con{margin-left:0}
  .col-main ul li{width:50%}
  .col-main ul.home-ad-box li a{margin:0 10px 20px}
  .col-main ul.home-ad-box{margin:-30px 0 30px}
  a.art-pic-one{}
  a.art-pic-two{height:245px}
  .news-con>li{width:48.7%;margin-right:1.3%}
  .index_post1{width:50%}
  .index_post_pic1 a{height:230px}
  .index_box1 li:nth-child(5n){display:block}
  .index_tit1{height:30px;line-height:30px}
  .index_tit1 h3{width:170px}
  .index_tit1 a{line-height:26px}
  .art-list-left{width:180px}
  .art-list-right{margin-left:200px}
  .sift span.toggleBtn{position:absolute;top:0;right:0;z-index:11;display:block;width:35px;height:47px;line-height:43px;text-align:center;cursor:pointer;background:transparent}
  .sift span.toggleBtn i{font-size:18px;color:#555;margin-right:0}
  .proPhoto{width:100%;height:300px;float:none;text-align:center;margin-bottom:10px}
  .proPhoto>img{width:400px;height:100%}
  .proChoice{margin-left:0}
  ul.related-main>li{width:50%}
  .footer-navi{display:none}
}
@media screen and (max-width:670px)
{
  .sea-btn{width:60px;height:50px;line-height:40px}
  .sea-wrap input[name="q"]{height:40px;line-height:40px}
  .col-tit h2 span:before,.col-tit h2 span:after{top:4px}
  .news-con>h2{font-size:16px;line-height:50px}
  .index-tag-info{padding:20px}
  .index-tag-info h4{font-size:16px}
  .col-tit{padding:20px 0}
  a.art-pic-one{}
  a.art-pic-two{height:180px}
  .news-con>li{width:100%;margin-right:0}
  p.col-art-meta span:nth-child(1){max-width:100%}
  p.col-art-meta span:nth-child(2){display:none}
  .vip-item{width:98%;margin:0 1% 30px;float:none}
  .art-list-left{width:130px;height:100px}
  .art-list-right{margin-left:145px}
  .art-list-right h3{font-size:16px;height:28px;margin-bottom:0}
  .art-intro{height:49px;margin-bottom:3px;line-height:25px}
  .art-header .art-tit h1{font-size:16px;font-weight:600;color:#444}
  p.art-prev,p.art-next{width:100%}
  p.art-prev{padding:0;margin-bottom:10px;border-right:0}
  p.art-next{padding:0;text-align:left}
  p.art-prev>a:after,p.art-next>a:after{content:''}
  .prev-next p>a>span{display:inline;margin-right:10px}
  .comm-user li{width:100%}
  .comm-user>ul>li:nth-child(odd)>.comm-group{margin-right:0}
  .comm-user>ul>li:nth-child(even)>.comm-group{margin-left:0}
  .comm-child{margin-left:0}
  .comm-child .msg-img{height:50px;width:50px}
  .comm-child .msg-info{margin-left:60px}
  .links{padding:20px 10px 20px}
  .rollbar{display:none}
}
@media screen and (max-width:500px)
{
  .logo{width:120px}
  ul.navbar{padding:58px 0 0}
  ul.navbar .nav-user{top:19px}
  .inside{padding:0}
  .breadcrumb{margin:15px 5px;padding-top:80px}
  a.art-pic-one{}
  a.art-pic-two{height:145px}
  .tj-art-main p span.grades{line-height:20px;padding-right:80px;background-size:75px 19px}
  .tj-art-main p span.tuijian{display:none}
  .art-list-left{width:100px;height:80px}
  .art-list-right{margin-left:115px}
  .art-intro{height:29px;margin:3px 0 0;line-height:29px}
  .comm-sumbit span{display:none}
  span.comm-user-info{line-height:37px}
  .comm-user input{height:37px;line-height:37px}
  .comm-user li img{height:35px}
  .error-img{margin-top:30px}
  .error-info img{width:381px;height:auto}
  .error-info h2{font-size:26px}
  .error-info a{font-size:16px;width:130px;height:35px;line-height:35px;margin-bottom:30px}
  .product{background-color:#fff;padding-top:20px;margin-top:70px}
}
@media screen and (max-width:400px)
{
  .header{padding:0}
  a.art-pic-one{}
  a.art-pic-two{height:130px}
  .breadcrumb{padding-top:75px}
  .tj-art-main p{font-size:12px}
  .avatar{display:none}
  .art-tit{margin-left:0;text-align:center}
  .art-meta span{padding-right:10px}
  ul.related-main{padding-left:15px}
  ul.related-main>li>a{margin-right:15px}
  span.comm-avator img{display:none}
  span.comm-avator em{margin-left:0}
  .error-info img{width:100%;height:auto}
  .error-info h2{font-size:22px}
  .proPhoto{height:225px}
  .proPhoto>img{width:340px}
  h2.proMeta>span{margin-right:10px}
}
@media screen and (max-width:350px)
{
  .art-meta span:last-child{display:none}
  span.comm-avator img{display:none}
  span.comm-avator em{margin-top:10px}
  .error-info h2{font-size:20px}
  .proPhoto>img{width:300px}
}
::selection{background:#fe5b34;color:#fff}
.tag-wrap a{border:1px solid #e5e1e1;border-radius:3px;padding:4px 8px;margin:5px;text-indent:0px;color:#333}
.tag-wrap{overflow:hidden}
.tag-wrap .con a{float:left}
.tag-wrap a:hover{border:1px solid #009999;background-color:#009999;color:#fff}
.slot-box{text-align:center}
.meiti{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.meiti iframe,.meiti object,.meiti embed{position:absolute;top:0;left:0;width:100%;height:100%}
.meihua_1{display:block;margin-top:10px;padding:5px 10px;background-color:#ea4c89;color:#FFF;font-weight:bold;font-size:18px;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif}
.meihua_2{background-color:#fff;margin-bottom:20px;box-shadow:0 1px 2px rgba(15,39,65,0.1);font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif}
.meihua_2 .meihua_2_1{height:auto;overflow:hidden;background-color:#FFF;border:1px solid #DDDDDD;border-width:1px 1px 1px 1px;padding:20px}
.meihua_2 .meihua_2_1 p{margin:5px auto!important}
.meihua_2 .meihua_2_1 .meihua_btn{float:left;border:1px solid #8a8a8a;font-size:14px;height:36px;line-height:36px;padding-left:40px;margin:10px 10px 0 0;overflow:hidden;border-radius:2px;background:url(30.webp) no-repeat 5px 3px #4abd96;border:1px solid #4abd96;color:#FFF;text-decoration:none;padding-right:10px}
.meihua_2 .meihua_2_1 .meihua_btn i{margin-right:5px}
.meihua_2 .meihua_2_1 .meihua_btn:hover{background-color:#3169b0}
.short-btn{float:left;border:1px solid #8a8a8a;font-size:14px;height:36px;line-height:36px;padding-left:40px;margin:10px 10px 0 0;overflow:hidden;border-radius:2px;background:url(10.webp) no-repeat 5px 3px #4abd96;border:1px solid #4abd96;text-decoration:none;color:#FFF!important;padding-right:10px;text-decoration:none}
.short-btn:hover{background-color:#3169b0}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}
.zmlist a{color:#fff;display:inline-block;font-size:14px;width:18px;height:18px;line-height:18px;margin:0 7px 0 0;text-align:center;border-radius:4px;background:#f44336}
.content .taglist h3{margin:10px 0px}
.col-main ul.home-ad-box{margin:0 -0.5%;margin-bottom:50px}
.col-main ul.home-ad-box li a{margin:0px}
.col-main ul.home-ad-box li{width:24%;margin:0px 0.5%}
.col-main ul.home-ad-box li img{width:100%;height:auto}
@media screen and (max-width:768px)
{
  .col-main ul.home-ad-box{margin:-30px 0 30px}
  .col-main ul.home-ad-box li{width:49%;margin:0.5%}
}
.lazy{opacity:0;transition:opacity 0.3s ease-in;}
.lazy.loaded{opacity:1;}