@font-face {
  font-family: "iconfont"; /* Project id 1625038 */
  src: url('//at.alicdn.com/t/font_1625038_5qpapbhvwrw.woff2?t=1628062327807') format('woff2'),
       url('//at.alicdn.com/t/font_1625038_5qpapbhvwrw.woff?t=1628062327807') format('woff'),
       url('//at.alicdn.com/t/font_1625038_5qpapbhvwrw.ttf?t=1628062327807') format('truetype');
}

.iconfont{font-family: "iconfont" !important;font-size:18px;color:#fff;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.ix:before{content: "\53c9";}
.isanjiao:before{content: "\e645";}
.idian:before{content: "\e757";}
.izuo:before{content: "\e680";}
.iyou:before{content: "\e681";}
.isearch:before{content: "\e636";}
.imenu:before{content: "\e684";}
.itop:before{content: "\e682";}
.iqzone:before{content: "\e642";}
.iweibo:before{content: "\e643";}
.iweixin:before{content: "\e6cb";}
.iqq:before{content: "\e6d8";} 
.izan:before{content: "\e619";}
.iqian:before{content: "\e601";}

::-webkit-scrollbar {width:8px;height:8px;}
::-webkit-scrollbar-thumb{background:linear-gradient(0deg,#39f,transparent);border-radius:4px;}
::-webkit-scrollbar-track{background:transparent}

body{margin:0;padding:60px 0 0;background:#f2f2f9;}
body,button,input,textarea{font-size:14px;font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,ul,li,p,dl,dt,dd,span{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,a{font-weight:normal;color:#333;}
a,a:hover{text-decoration:none;}
a:hover,a:hover h3,.item:hover h2 a{color:#39f;} 
ul,li{list-style:none;}
img{border:0;max-width:100%;height:auto;vertical-align:middle;border-radius: 4px;}
*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;}
.clearfix:after{content:"";display:table;clear:both;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
button,a,.seico,.meico,.x{cursor:pointer;}
button,input,textarea{background:transparent;}
button,input:focus,button:focus,textarea:focus-visible{outline:0;}
.header,.logo,.seico,.nav,.nav ul li a:before,button,a,.item,.item img,.noimg{-webkit-transition: all .4s; transition: all .4s;}

.header,.searchbar{background:#39f;background:linear-gradient(120deg,#93f,#39f);}
.header{position:fixed;z-index:999;top:0;left:0;right:0;height:80px;-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.1);box-shadow:0 0 3px 1px rgba(0,0,0,.1);}
.container{max-width:1230px;position:relative;margin:0 auto;padding:0 15px;}
.logo,.nav,.seico,.meico{position:absolute;top:20px;}
.logo{left:15px;z-index:1000;}
.logo img{max-height:40px;}
.nav{top:0;margin-left:200px;z-index:999;}
.nav ul{font-size:0;}
.nav ul li{position:relative;display:inline-block;margin-left:40px;}
.nav ul li a{font-size:18px;line-height:80px;color:#fff;display:block;}
.nav ul li a:before{width:0;height:2px;position:absolute;bottom:-1px;left:50%;background-color:#fff;content:'';z-index:-1;}
.nav ul li a.on:before,.nav ul li a:hover:before{width:100%;left:0;}
.fixed{height:60px;}
.fixed .logo,.fixed .seico{top:10px;}
.fixed .nav ul li a{line-height:60px;}
.seico,.meico{right:15px;text-align:center;width:40px;height:40px;line-height:40px;}
.meico,.searchbar,.sform{display:none;}
.seico.open .isearch:before{content: "\e682";}
.searchbar{position:fixed;z-index:998;left:0;right:0;padding:60px 0 40px;}
.sform{width:60%;position:relative; margin:10px auto;}
.stxt,.sbtn{height:40px;line-height:40px;border:0;}
.stxt{width:100%;border-radius:4px;text-indent:1em;background:#fff;}
.sbtn{color:#fff;background:#06f;padding:0 20px;border-radius:0 4px 4px 0;position:absolute;right:0;top:0;}
.sbtn:hover{background:#39f;}
.banner {overflow:hidden;width:100%;background:radial-gradient(rgba(255,255,255,0),rgba(255,255,255,.8)),url(banners.jpg) repeat-x fixed center 0;}
.banner .container{min-height:160px;padding:60px 15px 40px;}
.path{display:none;}
.path a:before{content: "/";color:#ccc;margin:0 10px;}

.main{float:left;width:100%;}
.main-wrap{margin-right:350px;}
.bx-wrapper{position:relative;margin-bottom:20px;padding:0;*zoom:1; -ms-touch-action:pan-y; touch-action:pan-y; border-radius:4px; overflow:hidden;box-shadow:0 0 10px 1px rgba(0,0,0,.1);}
.bx-wrapper img{width:100%;}
.bxslider{margin: 0; padding: 0;}
.bx-viewport{-webkit-transform: translatez(0);transform: translatez(0);}
.bx-wrapper .bx-pager{position: absolute; bottom: 0; width: 100%;}
.bx-wrapper .bx-loading{min-height:50px; background:#ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 100;}
.bx-wrapper .bx-pager{text-align: right; font-size: 1em; font-weight: bold; color: rgba(255,255,255,.8); padding:20px 30px;}
.bx-wrapper .bx-pager.bx-default-pager a{background:rgba(255,255,255,.8); text-indent: -9999px; display: block; width: 8px; height: 6px; margin: 0 5px; outline: 0; border-radius: 5px; -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.bx-wrapper .bx-pager.bx-default-pager a:hover{background: #39f;}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus{background: #39f; width:18px;}
.bx-wrapper .bx-pager-item{display: inline-block; vertical-align: middle; *zoom: 1; *display: inline;font-size: 0; line-height: 0;}
.bx-wrapper .bx-controls-direction a{position: absolute; top: 50%; margin-top: -25px; outline: 0;background:rgba(0, 0, 0, 0.5); width: 32px; height: 50px; line-height: 50px; text-align:center; z-index: 99;}
.bx-wrapper .bx-controls-direction a:hover{background:rgba(0, 0, 0, 0.6)}
.bx-wrapper .bx-controls-direction a.disabled{display: none;}
.bx-wrapper .bx-prev{left: -32px; border-radius: 0 4px 4px 0;}
.bx-wrapper .bx-next{right: -32px; border-radius: 4px 0 0 4px;}
.bx-wrapper:hover .bx-prev{left: 0;}
.bx-wrapper:hover .bx-next{right: 0;}
.bx-wrapper .bx-caption{position: absolute;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.8);background: linear-gradient(180deg,transparent,rgba(0,0,0,.6));width: 100%;}
.bx-wrapper .bx-caption span{color: #fff;display: block;font-size:20px;line-height: 30px;padding:15px 30px;}

.item,.sidebox,.article{border-radius:4px;background:#fff;padding:0 15px;}
.item:hover,.sidebox:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);}
.item{padding:20px;font-size:0;position:relative;}
.item-img,.item-con{display:inline-block;vertical-align:top;}
.item-img{width:30%;overflow:hidden;border-radius:4px;max-height:150px;}
.noimg{background:#39f;background:linear-gradient(120deg,#93f,#adf,#39f);width:100%;height:100%;padding:25% 0;text-align:center;display:block;color:#fff;font-size:22px;font-weight:100;}
.item:hover img,.item:hover .noimg,.sidecon ul li:hover .noimg{-webkit-transform:scale(1.5);transform:scale(1.5);}
.item:hover .noimg,.sidecon ul li:hover .noimg{background:#93f;background:linear-gradient(120deg,#93f,#999,#39f)}
.item-con{width:70%;padding-left:20px;}
.item-con1{width:100%;}
.item-title{font-size:22px;line-height:30px;height:30px;margin-bottom:10px;overflow:hidden;}
.item-excerpt{height:50px;line-height:25px;font-size:14px;color:#999;margin-bottom:30px;overflow:hidden;}
.item-meta{font-size:12px;color:#999;position: absolute;bottom:20px;}
.item-meta span,.article-meta span{margin-right: 20px;}

.article{padding:30px;}
.article-head{margin-bottom:30px;}
.article-title{font-size:24px;margin-bottom:20px;line-height:1.8;}
.article-meta{color:#999;}
.article-content{font-size:16px;line-height:1.8;}
.article-content p{line-height:2.0;text-indent:2em;word-wrap:break-word;}
.article-tags,.article-copy,.article-action,.article-share,.article-page,.pinglun{margin-top:30px;}
.article-copy{padding:15px;font-size:14px;line-height:1.6;color:#999;border:1px solid #efefef;background:rgba(239,239,239,.4);border-radius:2px;}
.article-tags a{display:inline-block;padding:3px 10px;margin-right:10px;border:1px solid #efefef;border-radius:4px;font-size:12px;}
.article-action{text-align:center;}
.article-action .iconfont{font-size:16px;color:#39f;margin-right:4px;}
.article-action button{display:inline-block;padding:4px 30px;font-size:16px;line-height:30px;color:#39f;border:1px solid #39f;border-radius:4px;vertical-align:top;}
.btn-shang{margin-left:10px;}
.article-action button:hover{background:#39f;color:#fff;}
.article-action button:hover .iconfont{color:#fff;}
.article-share{text-align:right;color:#39f;}
.share{position:relative;}
.share a{font-size:14px;padding:4px 5px;display:inline-block;border:1px solid #39f;border-radius:4px;}
.share .iconfont{color:#39f;}
.share a:hover .iconfont{color:#fff;}
.share_weibo:hover{background:#CC0000;border-color:#CC0000;}
.share_weixin:hover{background:#009900;border-color:#009900;}
.share_qq:hover{background:#12b7f5;border-color:#12b7f5;}
.share_qzone:hover{background:#CC9900;border-color:#CC9900;}
#ewm{display:none;position:absolute;bottom:30px;right:0;padding:5px;background:#fff;border:1px solid #efefef;color:#333;font-size:12px;z-index:100;}
.share_weixin:hover #ewm{display:block;}
.article-page{font-size:0;}
.article-page span{font-size:12px;color:#999;}
.page-prev,.page-next{width:50%;display:inline-block;vertical-align:top;font-size:14px;}
.page-next{text-align:right;}
.abox{height:100%;overflow:hidden;}
.abox img{width:100%;height:auto;}
.pagebar{text-align:center;}
.pagebar a,.now-page{display:inline-block;border-radius:4px;background:#fff;padding:8px 16px;border:1px solid #eee; margin-right:5px;}
.pagebar .now-page{background:#39f;color:#fff;}

.pinglun .title{font-size:16px;line-height:30px;position: relative;padding-left:12px;}
.pinglun .title:before{position:absolute;left:0;top:8px;width:3px;height:16px;content:"";background-color:#39f;}
.comment-form{margin:15px 0 30px;border:1px solid #efefef;background:#fbfbfb;}
.user{font-size:0;background:#fff;border-top:1px solid #39f;}
.user-tb{position:relative;display:inline-block;width:25%;border-right:1px solid #efefef;}
.user-tb input{border:0;width:100%;line-height:36px;}
.user-tb img{position:absolute;right:3px;bottom:3px;}
.user-tb #inpVerify{border-right:0;}
.form-text{height:100px;padding:5px 10px;border:1px solid #efefef;border-left:0;border-right:0;}
.form-text textarea{border:0;width:100%;height:100%;font-size:14px;}
.form-submit{padding:6px 15px;overflow:hidden;}
.form-submit .tips{float:left;font-size:12px;max-width:60%;padding:5px 0;}
.form-submit .submit{float:right;font-size:12px;color:#fff;background:#39f;border:0;padding:5px 15px;border-radius:3px;}
.form-submit .submit:hover{background:#06f;}
.comments-list{margin-top:15px;}
.comments-list .comment{position:relative;margin-bottom:20px;border-bottom:1px solid #efefef;}
.comment-inner{position:relative;}
.comment-author{float:left;width:40px;margin-right:15px;}
.comment-author img{width:40px;height:40px;border-radius:50%;}
.comment-body .nickname{margin-bottom:10px;font-size:14px;font-weight:500;line-height:20px;}
.comment-body .comment-time{display:block;margin-top:4px;font-size:12px;line-height:16px;font-weight:400;color:#828282;}
.comment-text{padding-left: 55px;padding-right:55px;font-size:14px;line-height: 1.6;color: #262626;}
.comments-list .reply{position:absolute;right:0;top:0;line-height:40px;visibility:hidden;}
.comments-list .reply a,#cancel-reply{color:#06f;}
.comments-list .comment>.comment-inner:hover>.reply{visibility:visible;}
.comments-list .comment-children .comment-body .nickname, .comments-list .comment-children .reply{line-height:24px;}
.comments-list .comment-children{position:relative;margin:15px 0 0 55px;background:#f8f8f8;border-radius:4px;}
.comments-list .comment-children .comment{padding:20px;}
.comments-list .comment-children .comment-author{width:24px;}
.comments-list .comment-children .comment-author img{width:24px;height:24px;}
.comments-list .comment-children .comment-body .comment-time{display:inline-block;margin-left:10px;vertical-align:top;}
.comments-list .comment-children .comment-body .comment-text{padding-left:34px;padding-right:34px;color:#5a5a5a;}
.posttop{padding:5px 15px;border-bottom:1px solid #efefef;}
#cancel-reply{margin-left:10px;display:none;}
.sidebar{float:left;position:relative;width:330px;margin-left:-330px;}
.sidebox .title,.flink .title{border-bottom: 1px solid #eee;font-size: 16px;line-height: 40px;position: relative;}
.sidebox .title:after,.flink .title:after{content:"";background:#39f;left: 0;width: 66px;height: 2px;bottom: -1px;position: absolute;}
.sidecon{padding:15px 0;}
.sidecon ul li{padding:5px 0;line-height:22px;}
.side-img{max-height:100px;border-radius:4px;overflow:hidden;}
.side-img .noimg{font-size:16px;}
.Tags ul,.Hots ul,.flink ul{font-size:0;}
.Tags ul li,.Hots ul li,.flink ul li{font-size:14px;display:inline-block;}
.Tags ul li{width:33.33%;}
.Tags ul li a{display:block;background:#eee;height:30px;padding:5px 3px;margin:0 4px;overflow:hidden;border-radius:2px;}
.Tags ul li a:hover,.article-tags a:hover{background:#39f;color:#fff;}
.Hots ul li{width:50%;height:100%;}
.Hots ul li a{display:block;padding:0 5px;}
.Hots ul li h3{font-size:14px;height:44px;overflow:hidden;}
.News ul li .iconfont{font-size:14px;color:#ccc;}

.footer{background:#2d3236;padding:20px 0;color:#999;}
.footer a{color:#999;}
.footer a:hover{color:#eee;}
.flink .title{border-bottom: 1px solid #222;}
.flink ul li{margin-right:20px;}
.copyright{font-size: 12px;}
.gotop,.mask,.show{display:none;position:fixed;}
.gotop{right:15px;bottom:40px;height:40px;width:40px;line-height:40px;text-align:center;background:#39f;border-radius:4px;}
.gotop:hover{background:#2d3236;}
.mask{left:0;right:0;top:0;bottom:0;z-index:990;background:rgba(0,0,0,0.8);backdrop-filter:blur(5px);}
.show{z-index:1000;left:50%;top:15%;border-radius:4px;margin-left:-370px;width:740px;}
.show img{width:100%;}
.show-x{position:absolute;right:15px;top:15px;border:0;}
.mask.open,.show.open{display:block;}

@media (max-width: 992px) {
  body{padding-top:60px;}
  .header{height:60px;}
  .logo,.seico,.meico{top:10px;}
  .seico{right:60px;display:none;}
  .meico{display:block;z-index:999;}
  .meico.open .imenu:before{content: "\53c9";}
  .nav{position:fixed;top:0;bottom:0;margin-left:0;left:-80%;width:80%;padding:60px 0;background:#39f;background:linear-gradient(120deg,#93f,#39f);overflow-x:hidden;overflow-y:auto;}
  .nav.open{left:0;}
  .nav ul{-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.1);box-shadow:0 0 3px 1px rgba(0,0,0,.1);}
  .nav ul li{display:block;margin:0;}
  .nav ul li a,.fixed .nav ul li a{padding:20px 20%;line-height:40px;}
  .nav ul li a:before{height:0;}
  .nav ul li a.on{background:rgba(255, 255, 255, 0.15);}
  .banner{background-attachment:unset;background-size:cover;}
  .banner .container{min-height:120px;padding:40px 15px;}
  .searchbar{padding:40px 0;}
  .sform{width:70%;display:block!important;}
  .sidebar,.sticky{display:none!important;}
  .main-wrap{margin-right:0;}
  .show{left:5%;margin-left:0;width:90%;}
}
@media (max-width: 699px) {
  .item-img{display:none;}
  .item-con{width:100%;padding-left:0;}
  .item,.article{padding:15px;}
  .show-x{right:5px;top:5px;}
  .user-tb{width:50%;}
}