@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;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; }
table {border-collapse: collapse;text-align: center;font-size: 14px;margin-bottom: 20px;}
th, td {margin: 0;padding: 0;}
td{border:1px solid #ddd;display: table-cell;vertical-align: inherit;padding: 10px;}
td>p:last-child{margin-bottom:0;}
.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*/
.header{position:fixed;top:0;left:0;right:0;z-index:999;height: 90px;line-height: 90px;background:transparent;-webkit-transition:all 500ms cubic-bezier(0.190,1.000,0.220,1.000);-moz-transition:all 500ms cubic-bezier(0.190,1.000,0.220,1.000);-o-transition:all 500ms cubic-bezier(0.190,1.000,0.220,1.000);transition:all 500ms cubic-bezier(0.190,1.000,0.220,1.000)}
.header:hover,.explain{background: rgba(255,255,255,1);}
.explain{height:70px;line-height:70px;box-shadow: 0 0 3px 1px rgba(0,0,0,.1);}
.inside{background: rgba(255,255,255,1);}

/*logo*/
.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;}
/*navbar*/
ul.navbar{margin-left: 200px;}
ul.navbar>li {position: relative;float: left;}
ul.navbar>li>a {display:inline-block;font-size: 15px;color: #fff;position: relative;padding: 0 15px;-webkit-transition: ease-in color .15s;transition: ease-in color .15s;}
.header:hover>.container>ul.navbar>li>a,.explain>.container>ul.navbar>li>a,.inside>.container>ul.navbar>li>a{color:#333;}
.header:hover>.container>ul.navbar>li.nav-login>a,.explain>.container>ul.navbar>li.nav-login>a,.inside>.container>ul.navbar>li.nav-login>a{color:#fff;}
.header>.container>ul.navbar>li a:hover{color:#fe5b34;}
ul.navbar>li>a>i{display: inline-block;line-height: 20px;font-size: 15px;color: #fff;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;}
.header:hover>.container>ul.navbar>li>a>i,.explain>.container>ul.navbar>li>a>i,.inside>.container>ul.navbar>li>a>i{color:#5c5c5c;}
ul.navbar>li:hover>a>i.nav-i{transform: rotate(180deg);}
ul.navbar>li.nav-user>a>i{margin:0 5px 0 0;}
.header:hover>.container>ul.navbar>li.nav-user>a>i,.explain>.container>ul.navbar>li.nav-user>a>i,.inside>.container>ul.navbar>li.nav-user>a>i{color:#5c5c5c;}
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;}
/*search*/
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: 9;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="q"]{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;}
::-webkit-input-placeholder{color:#5c5c5c;font-size:15px;}
::-moz-placeholder{color:#5c5c5c;font-size:15px;}
::-ms-input-placeholder{color:#5c5c5c;font-size:15px;}
/*login*/
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{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;}

/*m-navbar-btn*/
.m-nav{display:none;cursor:pointer;}
.header:hover .m-nav>i,.explain .m-nav>i,.inside .m-nav>i,.header:hover .m-search>i,.explain .m-search,.inside .m-search>i{color:#5c5c5c;}
.m-nav,.m-search{display: none;}
/*breadcrumb*/
.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;}

/*swiper*/
.swiper-container{height: 500px;color: #fff;text-align: center;background: #2C3747;}
.swiper-slide>a{display: block;width: 100%;height: 100%;}
.swiper-slide img{height: 100%;}
.swiper-slide>.trends{position: absolute;top:0;left: 0;z-index: 10;width: 100%;height: 100%;}
.swiper-slide>.trends>.container{padding:190px 0 130px;}
.swiper-slide>.trends>.container>h2{font-size:30px;line-height: 45px;font-weight:600;}
.swiper-slide>.trends>.container>p{font-size: 16px;line-height: 24px;margin-top: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 20px;}
.swiper-slide>.trends>.container>a{display: inline-block;font-size: 14px;color: #fff;line-height:21px;padding: 6px 24px;margin-top: 38px;border: 1px solid #fff;border-radius: 4px;}
.swiper-slide>.trends>.container>a:hover{background:#fff;color:#333;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;opacity: 1;border-radius: 50%;margin:0 5px;background: #bbb;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#ddd;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px;left:0;width:100%;}
.swiper-mask{min-width: 100%;min-height: 100%;opacity: .5;background: #805588;position: absolute;top: 0;left: 0;z-index: 9;}

/*首页次导航*/
.index-nav {padding: 50px 0;margin-bottom: 10px;text-align: center;background: #fff;}
.index-nav ul{margin:0 -30px;}
.index-nav ul li {float: left;width: 25%;box-sizing: border-box;}
.index-nav ul li a:hover h3{color: #fe5b34;}
.index-nav ul span{display: block;height: 50px;line-height: 50px;}
.index-nav ul span i{font-size: 50px;color: #fe5b34;}
.index-nav ul a {display: block;margin:0 30px;}
.index-nav ul h3 {display: block;width: 100%;font-size: 18px;font-weight: normal;color: #333;margin:20px 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-nav ul p {width: 100%;font-size: 12px;color: #bbb;margin: 0;}

/*推荐标签*/
.col-tit {font-size: 16px;text-align: center;padding: 40px 0;}
.col-tit h2 {font-size: 24px;color: #333;line-height: 36px;text-align: center;}
.col-tit h2 span {position: relative;}
.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(images/comy.svg);}
.col-tit h2 span:after {right: -120px;background: url(images/comy2.svg);}
.col-tit p {max-width: 95%;margin: 15px auto 0;text-align: center;color: #999;font-size: 14px;letter-spacing: 4px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
ul.col-main {margin: 0 -8px;display: block;}
ul.col-tag{margin-top: -10px;}
li.index-tag{width: 25%;float: left;}
.index-tag-info {margin: 10px 5px;box-sizing: border-box;padding: 20px 40px;background: #fff;}
.index-tag-info:hover{box-shadow: 0 0 10px rgba(0,0,0,.2);}
.index-tag-info h4{font-size: 18px;font-weight: 600;color: #4e4e4e;line-height: 24px;margin: 6px 0 10px 0;}
span.hot-icon {display: inline-block;width: 33px;height: 14px;margin-left: 3px;background: url(images/icon-hot.png) no-repeat;background-size: 100% 100%;}
.index-tag-info p{width: 100%;font-size: 14px;color: #9b9ea0;letter-spacing: .35px;max-height: 40px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*首页大图文章样式*/
.cat-tits {display: inline-block;width: auto;}
.cat-tits a {float: left;display: block;font-size: 14px;color: #333;padding: 7px 20px;margin: 25px 10px 0;border: 1px solid #DBDCE0;transition: all .2s;}
.col-main{position: relative;}
.col-main ul{margin:0 -8px;}
.col-main ul li.art{float:left;width:25%;}
.art-con{margin: 0 8px 20px;border-radius: 5px;border:1px solid #eee;overflow: hidden;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;height:215px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
a.art-pic-one 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;}
.art-main{padding-bottom:12px;background:#fff;letter-spacing: .5px;overflow:hidden;}
b.post-tit{
    display: block;
    width: 100%;
    height: 44px;
    line-height: 22px;
    padding: 0 10px;
    margin-top: 10px;
    box-sizing: border-box;
    overflow: hidden;
    word-break: break-all;
}
b.post-tit a{display: block;max-width: 100%;color: #4e585a;font-size: 15px;}
b.post-tit a:hover{color:#EF353D;}
.art-brief{display: -webkit-box;height: 40px;line-height: 20px;font-size: 13px;color: #aaa;padding: 0 10px;margin: 7px 0 8px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
p.col-art-meta{line-height: 20px;padding: 10px 10px 0;border-top: 1px solid #eee;}
p.col-art-meta span{float: left;display: block;font-size: 12px;color: #888;padding-right: 6px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
p.col-art-meta a{display:block;float:right;color: #888;}
p.col-art-meta a:hover{text-decoration: underline;}
p.col-art-meta span i {color: #888;margin-right: 3px;vertical-align: -1px;}

.tj-art-main {background: #fff;overflow:hidden;}
.tj-art-main b {display: block;height: 20px;font-size: 15px;font-weight: 400;overflow: hidden;margin: 20px 10px;}
.tj-art-main b a {color: #333;}
.tj-art-main b a:hover{color:#EF353D;}
span.art-cat-tit{display: block;font-size: 12px;color: #919191;padding-left: 1px;}
span.art-cat-tit a{color: #555;}
span.art-cat-tit a i {font-size: 13px;color: #555;margin-right: 5px;}
span.art-cat-tit a:hover{text-decoration: underline;}
.tj-art-main p{color: #b0b0b0;font-size: 14px;border-top: solid 1px #e7e4e4;padding: 10px;}
.tj-art-main p span.grades{display: inline-block;height: 20px;background: url(images/grades.png) no-repeat;background-position: right center;padding-right: 95px;background-size: 90px 20px;}
.tj-art-main p span.tuijian{color: #fff;background-color: #ed1c24;float: right;font-size: 12px;padding: 2px 6px;border-radius: 3px;}

ul.ajax-arts>div.ias-trigger{float: left}
ul.ajax-arts>div.ias-trigger,.more-1{display:block;width: 100%;font-size: 14px;margin: 15px 0 10px;text-align: center;}
.more-1>a,ul.ajax-arts>div>a{display: inline-block;height: 24px;line-height: 24px;font-size: 15px;font-weight: 400;color: #fff;padding: 6px 30px;background: #2f96f5;text-align: center;border-radius: 5px;white-space: nowrap;cursor: pointer;outline: none;}
.more-1>a:hover,ul.ajax-arts>div>a:hover{background:#fe5b34;}


/*新闻教程*/
.news{margin:0 -8px;}
.news>.news-main:nth-child(3n+1)>.news-con{margin-left: 8px;margin-right: 22px;}
.news>.news-main:nth-child(3n+2)>.news-con{margin-left: 15px;margin-right: 15px;}
.news>.news-main:nth-child(3n+3)>.news-con{margin-left: 22px;margin-right: 8px;}
.news-main {float: left;width: 33.3333333%;}
.news-con {background: #fff;margin: 0 20px;padding-bottom: 30px;border:1px solid #eee;border-radius: 4px;box-sizing: border-box;overflow: hidden;}
.news-con>h2 {font-size: 22px;font-weight: 400;color: #fff;line-height: 70px;margin-bottom: 20px;text-align: center;background: #333;}
.news-con ul {padding: 0 29px;margin-bottom: 30px;}
.news-con b{font-weight: normal;height:22px;}
.news-con b.post-tit a {
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news-con b.post-tit a:hover{text-decoration: underline;}
.more-2 {display: block;width: 125px;height: 35px;line-height: 35px;font-size: 14px;color: #333;border: 1px solid #E4E4E4;text-align: center;transition: all .1s;border-radius: 30px;margin: 0 auto;}
.more-2:hover{background: #da1f2e;color:#fff;}

/*分类样式1css*/
.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;}
.option a {color: #555;margin-right: 20px;float: left;display: block;}
.option a:hover{color:#fe5b34;}
a.current{color:#fe5b34;}

/*分类样式2css*/
.col-left{width:73%;}
.col-right{width: 27%;}
.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;}
.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;}

/*搜索页css*/
.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;}

/*文章页样式css*/
/*background-attachment: fixed;定位背景*/
.inside-focus{position: relative;padding: 170px 0 80px;margin-bottom: 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;}
.art-wrap{padding: 20px;margin-bottom: 20px;background: #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;}
.content {font-size:.95rem;color: #333;line-height: 25px;word-wrap: break-word;}
.content p{margin-bottom: 15px;word-wrap: break-word;word-break: break-all;line-height: 26px;}
.content h3{margin-bottom:15px;}
.content img{width:auto;max-width:100%;}
.art-a{text-align:center;}
.art-a img{width: auto;max-width: 100%;}
/*产品页样式*/
.product {background-color: #fff;margin-top: 90px;border-top: 1px solid #eee;padding-top: 30px;padding-bottom: 40px; margin-bottom: 30px;}
.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;}
.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;}

/*文章页标签css*/
.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;}

/*文章版权css*/
.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;}

/*文章页上下篇css*/
.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;height:130px;border-radius: 3px;overflow: hidden;}
.related-img img{height:100%;}
.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;}

/*评论消息css*/
.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;}

/*评论表单css*/
.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(images/ux.png);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;}

/*主题特色modulecss*/
.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(images/auhtbg.jpg);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;}

/*404css*/
.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;}

/*分页css*/
.pagebar-1{margin-top: 10px;}
.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;}

/*友情链接*/
.links{background:#2d3237;padding-top:30px;padding-bottom: 5px;margin-top:40px;}
.links-con li{float:left;margin-right:10px;line-height:2;font-size:13px;color:rgba(255,255,255,0.5);}
.links-con li a{color:rgba(255,255,255,0.5);}
.links-con li a:hover{color:#ccc;}

/*页脚样式*/
.footer{padding: 25px 0;margin-top: 40px;text-align:center;overflow:hidden;background:#2d3237;}
.footer ul{padding-bottom:10px;overflow: hidden;white-space: nowrap;font-size:0;}
.footer ul li{display:inline;font-size:13px;padding:0 5px 0 0;color:rgba(255,255,255,0.5);}
.footer ul li:nth-child(1){padding:0;}
.footer a{color:rgba(255,255,255,0.5);}
.footer a:hover{text-decoration: underline;}
.footer p{padding:5px 0;line-height:20px;color:rgba(255,255,255,0.5);font-size:13px;overflow: hidden;}
.footer img {height:auto;width:auto;}

/*在线客服*/
.service{padding: 2px;background: #da1f2e;position: fixed;top: 50%;right: -152px;z-index: 999999;margin-top: -147px;height: 160px;}
.ser-tit {cursor: pointer;font-size: 12px;width: 40px;height: 161px;text-indent: -9999px;overflow: hidden;float: left;background: url(images/qqbg.png) 0 top no-repeat;}
.qq-list {float: right;width: 150px;overflow: hidden;background-color: #fff;height: 290px;}
.qq-list>h3{text-indent: -9999px;overflow: hidden;height: 26px;background: url(images/kefubg.jpg) 10px -3px;font-size: 14px;margin: 10px 0;}
.qq-list ul {margin: 10px;padding-bottom: 10px;border-bottom: 1px dashed #cecece;}
.qq-list ul a {font-size: 14px;color: #555;padding-left: 28px;background: url("images/themeol-kefu.gif") no-repeat;}
.qq-list ul img {vertical-align: middle;margin-right: .5em;width: auto;}
.ol-time {padding-bottom: 6px;border-bottom: 1px dashed #cecece;}
.ol-time span {display: block;font-size: 14px;padding: 3px 10px;}
.ol-time span:nth-child(1){font-weight: 600;}
.help-link a,.com-link a {border-radius: 16px;display: block;text-align: center;font-size: 14px;width: 120px;height: 32px;line-height: 32px;margin: 10px auto;background-color: #da1f2e;color: #fff;}

.sift span.toggleBtn{display: none;}
/*下方为自适应css
Theme ID: themeolsm
Author: 主题OL
Author QQ：997655383
Author Email：997655383@qq.com
Author URL: http://www.themeol.com/
*/
@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: visible;}
    ul.navbar>li {float: none;margin-bottom: 10px;}
    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;color: #fff;}
    .m-nav{left: 10px;}
    .m-search {right: 10px;}
    .m-nav-on .m-nav{position: fixed;left: -80%;top:0;padding-left: 15px;margin-top:0;}
    .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;color: #fff;}
    .m-search i{font-size: 22px;}
    .index-nav ul {margin: 0;}
    .index-nav ul a {margin: 0 8px;}
    a.art-pic-one {height: 175px;}
    ul.col-main {margin: 0;}
    .col-main ul{margin:0}
    .news{margin:0}
    .sift {padding: 20px 5px;}
    .proMain{padding:0 10px;}
    .proMoreBtn>a{width:24%;margin-right:1%;}
    .links-con {padding: 0 5px;}
    .footer ul,.footer p{padding-right: 5px;padding-left: 5px;}
}
@media screen and (max-width:990px){
    .top {position: fixed;top: 0;left: 0;z-index: 9999;}
    .swiper-under {display: none;}
    .index-nav {display: none;}
    li.index-tag {width: 50%;}
    .col-main ul li.art {width: 50%;}
    .art-con {margin: 0 4px 10px;}
    a.art-pic-one {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;}
    .related-img {height: 160px;}
    .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;}
}
@media screen and (max-width:770px){
    a.art-pic-one {height: 245px;}
    .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%;}
    .related-img {height: 250px;}
}
@media screen and (max-width:670px){
    .sea-btn {width: 60px;height: 40px;line-height: 40px;}
    .sea-wrap input[name="q"] {height: 40px;line-height: 40px;}
    .swiper-container {height: 400px}
    .swiper-slide>.trends>.container {padding: 150px 0 80px;}
    .col-tit h2 {font-size: 18px;}
    .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 {height: 180px;}
    p.col-art-meta>span:first-child{display: 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;}
    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;}
    .related-img {height: 218px;}
    .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 {display: none;}
    .footer {margin-top:20px;}
    .footer ul{display: none;}
    .footer p{text-align:center;}
}
@media screen and (max-width:500px) {
    .header{height: 70px;line-height: 70px;}
    .header:hover{box-shadow:0 0 0 transparent;}
    .logo {width: 120px;}
    ul.navbar {padding: 58px 0 0;}
    ul.navbar .nav-user {top: 19px;}
    .inside{padding:0;}

    .swiper-container {height: 300px;}
    .swiper-slide>.trends>.container {padding: 116px 0 50px;}
    .swiper-slide>.trends>.container>h2 {font-size: 24px;}
    .swiper-slide>.trends>.container>p {margin-top: 10px;}
    .swiper-slide>.trends>.container>a {margin-top: 20px;}

    .breadcrumb {padding-top: 80px;}
    .breadcrumb {margin: 15px 5px;}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {display: none;}
    a.art-pic-one {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;}
    .related-img {height: 155px;}
    .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;}
    .breadcrumb {padding-top: 75px;}

    a.art-pic-one {height: 130px;}
    .tj-art-main p {font-size: 12px;}
    p.col-art-meta span:nth-child(2){width: 59%;}
    p.col-art-meta span:nth-child(3){width: 41%;}
    .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;}
    .related-img {height: 120px;}
    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;}