/*全局*/
@font-face{
    font-family:FontAwesome;
    src:url(../fonts/fontawesome-webfont.eot);
    src:url(../fonts/fontawesome-webfont.eot) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2) format("woff2"),url(../fonts/fontawesome-webfont.woff) format("woff");
    font-weight:400;
    font-style:normal;
}
body, html {
    height: 100%;
    -webkit-tap-highlight-color: transparent;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figure, figcaption, footer, header,  menu, nav, section, time, mark, audio, video{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;vertical-align: baseline; background: transparent;font-weight: 400;}
body {overflow-x: hidden; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;line-height: 1.8;}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 22px;
    color: #ffffff;
    font-weight: bold;
    font-family: Lato-Light;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
b, strong {font-weight: 700;}
a, a:hover, a:focus{color: #333;text-decoration: none;transition: all .3s ease-out 0s;}
li{list-style: none;}
*{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
img{max-width: 100%;display: block;-webkit-touch-callout: none;transition: all .3s ease-out 0s;}
.clearfix{zoom: 1;}
.clearfix:after {display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"";font-size: 0;}
body{margin: 0 auto;overflow-x: hidden;position: relative;background-color: #f5f5f5;font-size: 14px;color: #000;}
.link{color: #999 ;}
.rt{float: right;}
.lf{float: left;}
.of{overflow: hidden}
.text-center{text-align: center;}
.text-right{text-align: right;}
.box-shadow-line{webkit-box-shadow: 0 0 30px 0px #ccc;-moz-box-shadow: 0 0 30px 0px #ccc;box-shadow: 0 0 30px 0px #ccc;}
.animation{-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.rotate180{transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);}
.disabled{background: rgba(0,0,0,.5) !important;color: #fff !important;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.disabled a{color: #fff !important;}
.disabled span{color: #fff !important;}
.mt-30{margin-bottom: 30px !important;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #666;font-size: 14px;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #666;font-size: 14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #666;font-size: 14px;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #666;font-size: 14px;}

textarea::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #fff;font-size: 14px;}
textarea:-moz-placeholder, textarea:-moz-placeholder {color: #fff;font-size: 14px;}
textarea::-moz-placeholder, textarea::-moz-placeholder {color: #fff;font-size: 14px;}
textarea:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #fff;font-size: 14px;}

.bg-fff{background: #fff;}
.container{width: 1200px;padding: 0 10px;}
#wrap{min-height: calc(100vh - 115px);padding-top: 62px;}
.mainBody{position: relative;padding-top: 20px;}
.mainBody .content{width: 860px;float: left;transition: all .3s ease-out 0s;}
.mainBody .sidebar{width: 300px;float: right;transition: all .3s ease-out 0s;}
img.hover:hover{webkit-transform: scale(1.05);transform: scale(1.05);transition: all .3s ease-out 0s;}

.text-1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;align-content: center;}
.text-3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;align-content: center;}

.is_web{display: none;}
.is_web_header{display: none;}
.is_pc{display: block;}
.is_pc_header{display: block;}

.linear-gradient{background: -webkit-linear-gradient(left, #6a7392 , #737c9b, #8088a7, #9198b9, #aeb5d6);background: -o-linear-gradient(right, #6a7392 , #737c9b, #8088a7, #9198b9, #aeb5d6);background: -moz-linear-gradient(right, #6a7392 , #737c9b, #8088a7, #9198b9, #aeb5d6);background: linear-gradient(to right, #6a7392 , #737c9b, #8088a7, #9198b9, #aeb5d6);}

/*编辑器*/
.note-editor.note-frame{border: 1px solid #efefef;margin-bottom: 0;}

/*导航条*/
.header{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;border: 0;background: #fff;box-shadow: 0 0 3px 1px rgba(0,0,0,.1);}
.header .logo{float: left;}
.header .logo a{display: table-cell;vertical-align: middle;height: 62px;transition: all .3s ease-out 0s;}
.header .logo a img{max-height: 40px;}

.header .main-menu{float: left;margin-left: 40px;}
.header .main-menu .first-menu .menu-item{float: left;position: relative;}
.header .main-menu .first-menu .menu-item>a{line-height: 62px;padding: 0 14px;display: block;}
.header .main-menu .first-menu .menu-item.dropdown>a{padding-right: 28px;}
.header .main-menu .first-menu .menu-item>a:hover{color: #4285f4;background: none;}
.header .main-menu .first-menu .menu-item.active>a{color: #3ca5f6;background: none;}
.header .main-menu .first-menu .dropdown:after{position: absolute;right: 14px;top: 0;font-family: FontAwesome;content: "\f107";font-size: 14px;line-height: 62px;transition: transform .3s,-webkit-transform .3s;opacity: .7;}
.header .main-menu .first-menu .dropdown .dropdown-menu{position: absolute;min-width: 100px;left: 0;top: 100%;box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);background: #fff;padding: 3px 0;-webkit-transform: rotateX(-90deg);transform: rotateX(-90deg);-webkit-transform-origin: 0 0;transform-origin: 0 0;transition: transform .3s,opacity .1s .2s,visibility .1s .3s,-webkit-transform .3s;display: block;border-radius: 0;}
.header .main-menu .first-menu .dropdown .dropdown-menu:before{position: absolute;left: 30px;top: -14px;width: 0;height: 0;line-height: 0;border: 7px solid transparent;border-bottom: 7px solid #ddd;content: "";opacity: 0;transition: opacity .2s 0s;}
.header .main-menu .first-menu .dropdown .dropdown-menu:after{position: absolute;left: 30px;top: -13px;width: 0;height: 0;line-height: 0;border: 7px solid transparent;border-bottom: 7px solid #fff;content: "";opacity: 0;transition: opacity .2s 0s;}
.header .main-menu .first-menu .dropdown:hover:after{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;}
.header .main-menu .first-menu .dropdown:hover .dropdown-menu{opacity: 1;-webkit-transform: rotateX(0);transform: rotateX(0);transition: opacity .1s,-webkit-transform .3s;transition: transform .3s,opacity .1s;transition: transform .3s,opacity .1s,-webkit-transform .3s;visibility: visible;}
.header .main-menu .first-menu .dropdown:hover .dropdown-menu:before{opacity: 1;transition: opacity .1s .2s;}
.header .main-menu .first-menu .dropdown:hover .dropdown-menu:after{opacity: 1;transition: opacity .1s .2s;}
.header .main-menu .first-menu .dropdown .dropdown-menu .dropdown-item a{display: block;padding: 0 20px;clear: both;font-weight: 400;line-height: 35px;color: #333;white-space: nowrap;}
.header .main-menu .first-menu .dropdown .dropdown-menu .dropdown-item a:hover{color: #fff;background: #3ca5f6;}

.header .header-right{float: right;display: flex;align-items: center;height: 62px;position: relative;}
.header .header-right .header-search{width: 44px;height: 30px;margin-right: 10px;background: #fff;border-left: 1px solid #eee;border-right: 1px solid #eee;box-sizing: border-box;vertical-align: top;transition: all .3s ease-out 0s;position: absolute;right: 100%;z-index: 1;}
.header .header-right .header-search .header-search-input{width: 0;height: 30px;padding: 0;font-size: 14px;color: #666;line-height: 30px;border: 0;background: none;outline: 0;transition: all .3s ease-out 0s;}
.header .header-right .header-search .header-search-icon{position: absolute;top: 0;right: 10px;height: 30px;display: block;text-align: center;color: #ccc;}
.header .header-right .header-search .header-search-icon:after{display: inline-block;width: 22px;font-size: 18px;line-height: 30px;content: "\f002";font-family: FontAwesome;}
.header .header-right .header-search .header-search-icon:hover{color: #4285f4;}
.header .header-right .header-search.active{width: 184px;transition: all .3s ease-out 0s;}
.header .header-right .header-search.active .header-search-input{width: 155px;transition: all .3s ease-out 0s;padding: 0 10px;}
.header .header-right .header-search.warning{background: #fff0f0;border-left: 1px solid #ffc9c9;border-right: 1px solid #ffc9c9;}
.header .header-right .header-user{display: flex;}
.header .header-right .header-user a{display: block;margin-left: 15px;font-size: 15px;color: #666;line-height: 30px;}
.header .header-right .header-user a:hover{color: #4285f4;}
.header .header-right .publish{display: flex;padding: 0 15px;margin-left: 15px;font-size: 13px;line-height: 30px;color: #fff;background: #3ca5f6;border-radius: 3px;align-items: center;}
.header .header-right .publish i{margin-right: 3px;}
.header .header-right .publish:hover{background: #4285f4;}
.header .header-right .main-menu{margin-left: 0;}
.header .header-right .main-menu .first-menu{margin-left: 15px;}
.header .header-right .main-menu .first-menu .menu-item{height: 46px;padding-right: 18px;padding-top: 10px;}
.header .header-right .main-menu .first-menu .menu-item-user{max-width: 180px;padding: 0 !important;line-height: 30px;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.header .header-right .main-menu .first-menu .menu-item-user img{display: inline-block;width: 30px;height: 30px;margin-right: 3px;border-radius: 50%;vertical-align: top;}
.header .header-right .main-menu .first-menu .dropdown:after{line-height: 30px;top: 10px;}





.header .header-toggle{position: relative;float: right;margin-right: 15px;padding: 9px 10px;margin-top: 14px;margin-bottom: 14px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;display: none;}
.header .header-toggle:focus{outline: 0;}
.header .header-toggle .icon-bar{display: block;width: 22px;height: 2px;border-radius: 1px;transition: all .3s ease-out .3s;background: #999;}
.header .header-toggle .icon-bar+.icon-bar{margin-top: 4px;}
.navbar-show-shadow{display: none;}


/*底部 footer*/
.footer .content{padding: 35px 0 20px;color: #5f676f;background: #2d3237;}
.footer .footer-item{float: left;}
.footer .footer-logo img{display: block;margin-right: 40px;max-width: 160px;max-height: 60px;height: auto;border: 0;}
.footer .footer-copy .footer-nav{margin-bottom: 8px;display: flex;align-items: center;justify-content: center;}
.footer .footer-copy .footer-nav li{margin-right: 15px;line-height: 25px;float: left;}
.footer .footer-copy .footer-nav li a{color: #76818c;font-size: 14px;}
.footer .footer-copy .footer-nav li a:hover{color: #b3c0ce;}
.footer .footer-copy .copyright{font-size: 12px;}
.footer .footer-copy .copyright p{margin-bottom: 5px;line-height: 22px;}
.footer .footer-copy .copyright a{color: #5f676f;}
.footer .footer-copy .copyright a:hover{color: #b3c0ce;}
.footer .footer-sns{float: right;}
.footer .footer-sns .sns-nav .nav-item{float: left;margin: 7px 0 8px 15px;position: relative;overflow: hidden;}
.footer .footer-sns .sns-nav .nav-item .fa{position: relative;width: 36px;height: 36px;font-size: 18px;line-height: 36px;border-radius: 50%;text-align: center;background: #394148;color: #98a4b1;}
.footer .footer-sns .sns-nav .nav-item .fa:after{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background: #4285f4;border-radius: 50%;content: "";opacity: 0;filter: alpha(opacify=0);-webkit-transform: scale(0);transform: scale(0);}
.footer .footer-sns .sns-nav .nav-item .fa:before{position: relative;z-index: 2;}
.footer .footer-sns .sns-nav .nav-item .fa-apple{content: "\f179";}
.footer .footer-sns .sns-nav .nav-item .fa-android{content: "\f17b";}
.footer .footer-sns .sns-nav .nav-item .fa-weixin{content: "\f1d7";}
.footer .footer-sns .sns-nav .nav-item .fa-weibo{content: "\f18a";}
.footer .footer-sns .sns-nav .nav-item span{position: absolute;z-index: 1;top: -170px;left: 0;margin-left: -57px;width: 150px;height: 150px;background-color: #fff;background-size: 95% auto;background-position: 50%;background-repeat: no-repeat;box-shadow: 0 0 5px 1px rgba(0,0,0,.3);opacity: 0;filter: alpha(opacify=0);transition: all .2s ease-out .1s;padding: 5%;}
.footer .footer-sns .sns-nav .nav-item span:before{position: absolute;bottom: -16px;left: 50%;width: 0;height: 0;margin-left: -8px;line-height: 0;border: 8px solid transparent;border-top: 8px solid #fff;content: "";}
.footer .footer-sns .sns-nav .nav-item:hover{overflow: visible;}
.footer .footer-sns .sns-nav .nav-item:hover span{top: -165px;opacity: 1;filter: alpha(opacify=100);transition: all .2s ease-out .1s;}

.index .floor{margin-bottom: 20px;}
.index .floor1{display: flex;justify-content: space-between;}
.index .floor1 .banner{width: 670px;height: 320px;overflow: hidden;direction: ltr;background: #fff;}
.index .floor1 .banner .swiper-slide a{display: block;position: relative;overflow: hidden;}
.index .floor1 .banner .swiper-slide h3{position: absolute;z-index: 1;width: 100%;bottom: 0;left: 0;padding: 0 15px;margin: 0;font-size: 16px;line-height: 42px;color: #fff;background: rgba(0,0,0,.4);font-weight: 400;}
.index .floor1 .banner .swiper-slide h3 p{width: 90%;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.index .floor1 .banner .swiper-pagination{right: 15px!important;left: inherit!important;bottom: 0!important;width: auto;line-height: 42px;}
.index .floor1 .banner .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: hsla(0,0%,100%,.7);opacity: 1;margin: 0 0 0 8px;}
.index .floor1 .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #3ca5f6;cursor: default;}
.index .floor1 .banner .swiper-button-next, .index .floor1 .banner .swiper-button-prev{width: 50px;height: 50px;line-height: 50px;transition: all .3s ease-in-out;margin-top: -25px;background: none;opacity: .5;}
.index .floor1 .banner .swiper-button-next{text-align: right;right: -50px;}
.index .floor1 .banner .swiper-button-next:before{width: 50px;height: 50px;font-family: FontAwesome;line-height: 50px;
    font-size: 44px;color: #fff;transition: all .3s;-webkit-transition: all .3s;content: "\f105";}
.index .floor1 .banner .swiper-button-prev{text-align: left;left: -50px;}
.index .floor1 .banner .swiper-button-prev:before{width: 50px;height: 50px;font-family: FontAwesome;line-height: 50px;
    font-size: 44px;color: #fff;transition: all .3s;-webkit-transition: all .3s;content: "\f104";}
.index .floor1 .banner:hover .swiper-button-next{right: 10px;}
.index .floor1 .banner .swiper-button-next:hover{opacity: 1;}
.index .floor1 .banner:hover .swiper-button-prev{left: 10px;}
.index .floor1 .banner .swiper-button-prev:hover{opacity: 1;}
.index .floor1 .feature-post{width: 180px;}
.index .floor1 .feature-post li{margin-bottom: 10px;height: 100px;overflow: hidden;}
.index .floor1 .feature-post li:last-child{margin-bottom: 0;}
.index .floor1 .feature-post li a{display: block;position: relative;}
.index .floor1 .feature-post li p{position: absolute;left: 0;bottom: 0;width: 100%;height: 26px;padding: 0 10px;line-height: 26px;color: #fff;font-size: 12px;background: rgba(0,0,0,.3);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}

.index .floor2{background: #fff;}
.index .floor2 .floor-head{position: relative;padding: 0 15px;}
.index .floor2 .floor-head h2{font-size: 18px;line-height: 48px;font-weight: 500;color: #333;border-bottom: 1px solid #efefef;}
.index .floor2 .floor-head h2 span{font-size: 13px;margin-left: 10px;color: #bebebe;font-weight: 400;}
.index .floor2 .floor-head h2 .more{font-size: 13px;margin-left: 10px;color: #999;font-weight: 400;float: right;}
.index .floor2 .floor-head h2 .more:hover{color: #4285f4;}
.index .floor2 .topic-list{padding: 0 9px 15px;display: flex;flex-wrap: wrap;}
.index .floor2 .topic-list li{flex: 1;padding: 0 6px;margin-top: 15px;}
.index .floor2 .topic-list li a .img{border-radius: 2px;overflow: hidden;}
.index .floor2 .topic-list li p{margin-top: 10px;font-size: 14px;line-height: 20px;text-align: center;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;transition: all .3s ease-out;}
.index .floor2 .topic-list li:hover p{color: #4285f4;}

.index .floor3{background: #fff;}
.index .floor3 .navTab{position: relative;padding: 0 15px;}
.index .floor3 .navTab ul{border-bottom: 1px solid #efefef;display: flex;white-space: nowrap;}
.index .floor3 .navTab ul li{position: relative;margin-right: 31px;font-size: 16px;color: #666;line-height: 48px;border-bottom: 2px solid transparent;font-weight: 400;cursor: pointer;}
.index .floor3 .navTab ul li:after{position: absolute;top: 17px;right: -16px;content: "";width: 1px;height: 16px;background: #efefef;}
.index .floor3 .navTab ul li:last-child:after{display: none;}
.index .floor3 .navTab ul li.active{color: #3ca5f6;border-bottom: 2px solid #3ca5f6;font-weight: 500;}
.index .floor3 .tabContent{padding: 0 15px;}
.index .floor3 .tabContent .tabPane{display: none;}
.index .floor3 .tabContent .tabPane.active{display: block;}
/*.index .floor3 .tabContent .tabPane .item{padding: 20px 0;border-bottom: 1px solid #efefef;overflow: hidden;transition: all .3s ease 0s;}*/
/*.index .floor3 .tabContent .tabPane .item:hover{margin: 0 -15px;padding: 20px 15px;background: #fafafa;transition: all .3s ease 0s;}*/
/*.index .floor3 .tabContent .tabPane .item:last-child{border-bottom: none;}*/
/*.index .floor3 .tabContent .tabPane .type-1{display: flex;justify-content: space-between;}*/
/*.index .floor3 .tabContent .tabPane .type-1 .item-img{position: relative;width: 245px;overflow: hidden;border-radius: 2px;transition: box-shadow .3s ease 0s;}*/
/*.index .floor3 .tabContent .tabPane .type-1 .item-img .item-img-inner img{width: 100%;height: 153px;vertical-align: top;transition: all .3s ease-out 0s;}*/
/*.index .floor3 .tabContent .tabPane .type-1 .item-img .item-category{position: absolute;left: 10px;top: 10px;padding: 5px 6px;font-size: 12px;line-height: 1;color: #fff;filter: alpha(opacity=60);background: rgba(0,0,0,.6);border-radius: 2px;text-decoration: none;}*/
/*.index .floor3 .tabContent .tabPane .type-1 .item-content{width: calc(100% - 265px);min-height: 152px;position: relative;}*/
/*.index .floor3 .tabContent .tabPane .item .item-content .item-title{margin-bottom: 10px;font-size: 20px;line-height: 1.4;}*/
/*.index .floor3 .tabContent .tabPane .item .item-content .item-title a{color: #333;}*/
/*.index .floor3 .tabContent .tabPane .item .item-content .item-title a:hover{color: #4285f4;}*/
/*.index .floor3 .tabContent .tabPane .item .item-content .item-title a .sticky-post{display: inline-block;padding: 0 5px;margin-top: 4px;font-size: 12px;font-weight: 400;line-height: 20px;color: #fff;background: #3ca5f6;border-radius: 3px;vertical-align: top;}*/
/*.index .floor3 .tabContent .tabPane .item-theTop .item-content .item-title a{background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);background-image: linear-gradient(90deg, #3ca5f6 0%, #a86af9 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}*/
/*.index .floor3 .tabContent .tabPane .item-theTop .item-content .item-title a .sticky-post{background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);background-image: linear-gradient(90deg, #3ca5f6 0%, #a86af9 100%);-webkit-text-fill-color: #fff;}*/
/*.index .floor3 .tabContent .tabPane .item .item-content .item-excerpt{height: 44px;line-height: 22px;color: #666;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}*/
/*.index .floor3 .tabContent .tabPane .item .item-content .item-meta{position: absolute;bottom: 0;color: #999;font-size: 13px;left: 0;}*/
/*.index .floor3 .tabContent .tabPane .item .item-content .item-meta .item-meta-li{margin-right: 15px;line-height: 30px;float: left;}*/
/*.index .floor3 .tabContent .tabPane .item .item-content .item-meta .author{margin-right: 30px;display: flex;align-items: center;}*/
/*.index .floor3 .tabContent .tabPane .item .item-content .item-meta .author .author-img{width: 30px;height: 30px;border-radius: 50%;border: 1px solid #f5f5f5;margin-right: 5px;}*/
/*.index .floor3 .tabContent .tabPane .item .item-content .item-meta a{color: #999;font-size: 14px;}*/
/*.index .floor3 .tabContent .tabPane .item .item-content .item-meta .fa{color: #999;font-size: 14px;}*/
/*.index .floor3 .tabContent .tabPane .item .item-content .item-meta a:hover{color: #4285f4;}*/
/*.index .floor3 .tabContent .tabPane .item .item-content .item-meta a:hover .fa{color: #4285f4;}*/
/*.index .floor3 .tabContent .tabPane .type-2 .item-content{width: 100%;min-height: 152px;position: relative;}*/
/*.index .floor3 .tabContent .tabPane .type-2 .item-content .item-images{display: flex;margin-bottom: 10px;}*/
/*.index .floor3 .tabContent .tabPane .type-2 .item-content .item-images span{width: calc((100% - 1%*3)/4);margin-right: 1%;overflow: hidden;height: 125px;}*/
/*.index .floor3 .tabContent .tabPane .type-2 .item-content .item-images span:nth-child(4n){margin-right: 0;}*/
/*.index .floor3 .tabContent .tabPane .type-2 .item-content .item-images span img{width: 100%;height: 100%;}*/
/*.index .floor3 .tabContent .tabPane .type-2 .item-content .item-meta{position: relative;margin-top: 10px;}*/
.load-more-wrap{padding: 30px 0;}
.load-more-wrap .load-more{display: block!important;padding: 12px;color: #999;line-height: 1.4;font-size: 14px;text-align: center;border: 1px solid #e5e5e5;border-radius: 3px;max-width: none!important;}
.load-more-wrap .load-more:hover{color: #4285f4;border-color: #4285f4;}


/*右边栏 sidebar*/
.sidebar .advertising{margin-bottom: 20px;}
.sidebar .advertising a{display: block;}

.sidebar .news-flash{padding: 15px;margin-bottom: 20px;background: #fff;}
.sidebar .widget-title{margin: 0 0 10px;padding: 1px 0 1px 7px;font-size: 16px;font-weight: 400;border-left: 3px solid #3ca5f6;}
.sidebar .widget-title .widget-title-more{float: right;font-size: 13px;font-weight: 400;color: #999;line-height: 19px;}
.sidebar .news-flash .news-flash-list{line-height: 1.6;}
.sidebar .news-flash .news-flash-list .item{position: relative;padding: 5px 0 5px 12px;margin-bottom: 5px;}
.sidebar .news-flash .news-flash-list .item:before{position: absolute;left: 0;top: 13px;content: "";width: 0;height: 0;line-height: 0;border: 4px solid transparent;border-left: 4px solid #ccc;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;-webkit-transform-origin: center center;transform-origin: center center;}
.sidebar .news-flash .news-flash-list .item.active:before{-webkit-transform: rotate(90deg);transform: rotate(90deg);transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;}
.sidebar .news-flash .news-flash-list .item .item-title{color: #333;display: block;}
.sidebar .news-flash .news-flash-list .item .item-title:hover{color: #4285f4;}
.sidebar .news-flash .news-flash-list .item .item-content{display: none;margin: 10px 0;font-size: 13px;color: #666;border: 1px solid #e5e5e5;padding: 10px;}
.sidebar .news-flash .news-flash-list .item .item-content a{color: #666;}
.sidebar .news-flash .news-flash-list .item .item-meta span{margin-right: 8px;font-size: 13px;line-height: 22px;color: #999;}
.sidebar .news-flash .news-flash-list .item .item-meta .item-share{display: none;float: right;}
.sidebar .news-flash .news-flash-list .item:hover .item-meta .item-share{display: flex;}
.sidebar .news-flash .news-flash-list .item .item-meta .share-icon{width: 22px;height: 22px;line-height: 22px;text-align: center;color: #fff;background: #aaa;border-radius: 3px;vertical-align: top;cursor: pointer;margin-right: 5px;position: relative;}
.sidebar .news-flash .news-flash-list .item .item-meta .share-icon:last-child{margin-right: 0;}
.sidebar .news-flash .news-flash-list .item .item-meta .share-icon .wechat-img{position: absolute;z-index: 999;left: 50%;width: 100px;height: 100px;bottom: 100%;margin: 0 0 0 -50px;background: #fff;border: 1px solid #eee;opacity: 0;visibility: hidden;transition: all .2s ease 0s;padding: 5px;}
.sidebar .news-flash .news-flash-list .item .item-meta .share-icon:hover .wechat-img{margin: 0 0 6px -50px;opacity: 1;visibility: visible;transition: all .2s ease 0s;}
.sidebar .news-flash .news-flash-list .item .item-meta .share-icon.wechat:hover{background: #44b549;}
.sidebar .news-flash .news-flash-list .item .item-meta .share-icon.weibo:hover{background: #e05244;}
.sidebar .news-flash .news-flash-list .item .item-meta .share-icon.qq:hover{background: #22a4ff;}
.sidebar .news-flash .news-flash-list .item .item-meta .share-icon.copy:hover{background: #666;}

.sidebar .hot-text-reading{background: #fff;margin-bottom: 20px;padding: 15px;}
.sidebar .hot-text-reading ul .item{position: relative;padding: 5px 0 5px 12px;margin-bottom: 5px;}
.sidebar .hot-text-reading ul .item:before{position: absolute;left: 0;top: 13px;content: "";width: 0;height: 0;line-height: 0;border: 4px solid transparent;border-left: 4px solid #ccc;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;-webkit-transform-origin: center center;transform-origin: center center;}
.sidebar .hot-text-reading ul .item a{color: #666;}
.sidebar .hot-text-reading ul .item:hover a{color: #4285f4;}

.sidebar .product-design{background: #fff;margin-bottom: 20px;padding: 15px;}
.sidebar .product-design ul{margin: 0 -5px;padding-top: 5px;display: flex;flex-wrap: wrap;}
.sidebar .product-design ul li{padding: 0 5px;margin-bottom: 10px;position: relative;width: 50%;}
.sidebar .product-design ul li .thumb{display: block;position: relative;width: 100%;height: 81px;border-radius: 2px;overflow: hidden;}
.sidebar .product-design ul li .thumb-video:before{position: absolute;left: 50%; top: 50%;box-sizing: border-box;opacity: .8;transition: all .3s ease-out 0s;z-index: 1;border-radius: 50%;content: "";width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;border: 1px solid #fff;}
.sidebar .product-design ul li .thumb-video:after{position: absolute;left: 50%;top: 50%;box-sizing: border-box;opacity: .8;transition: all .3s ease-out 0s;text-align: center;font-family: FontAwesome;color: #fff;content: "\f04b";width: 40px;height: 40px;padding-left: 4px;margin-left: -20px;margin-top: -20px;line-height: 40px;font-size: 22px;}
.sidebar .product-design ul li .title{height: 52px;overflow: hidden;position: relative;padding: 5px 0;font-size: 12px;line-height: 16px;}
.sidebar .product-design ul li .title a{color: #333;display: block;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;text-decoration: none;transition: all .3s ease-out 0s;font-weight: 400;}
.sidebar .product-design ul li:hover .title a{color: #4285f4;}

/*专题列表*/
.special-head{text-align: center;padding: 30px 50px 50px;}
.special-head .special-title{font-size: 26px;color: #333;line-height: 1.1;}
.special-head .page-description{position: relative;margin: 17px 0 0;padding: 15px 0 0;}
.special-head .page-description:before{position: absolute;left: 50%;top: 0;width: 20px;height: 2px;margin-left: -10px;background: #999;content: "";}
.special-head .page-description p{font-size: 15px;color: #999;font-weight: 300;line-height: 1.8;}

.special-list{margin: 0 -10px 20px;}
.special-list .special-item{float: left;width: 50%;padding: 0 10px;font-size: 14px;transition: all .3s ease 0s;}
.special-item .item-cont{padding: 20px;margin-bottom: 20px;background: #fff;transition: all .3s ease 0s;}
.special-item .special-item-top{position: relative;overflow: hidden;}
.special-item .special-item-top .item-img{width: 200px;float: left;border-radius: 3px;overflow: hidden;}
.special-item .special-item-top .item-img img{width: 100%;height: auto;}
.special-item .special-item-top .item-title{padding-left: 220px;}
.special-item .special-item-top .item-title h2{font-size: 20px;font-weight: 400;margin: 0 0 10px;}
.special-item .special-item-top .item-title h2 a:hover{color: #4285f4;}
.special-item .special-item-top .item-title p{height: 50px;color: #999;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;line-height: 1.8;}
.special-item .special-item-top .special-item-more{position: absolute;bottom: 0;right: 0;padding-right: 10px;font-size: 12px;line-height: 20px;color: #3ca5f6;}
.special-item .special-item-top .special-item-more:after{position: absolute;right: 0;top: 0;font-family: FontAwesome;content: "\f105";font-size: 14px;line-height: 20px;}
.special-item .special-item-bottom{margin: 20px 0 0;padding: 12px 0 0;list-style: none;border-top: 1px solid #efefef;}
.special-item .special-item-bottom a{position: relative;display: inline-block;padding-left: 15px;color: #999;text-decoration: none;max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .3s ease 0s;vertical-align: top;line-height: 1.8;}
.special-item .special-item-bottom a:before{position: absolute;left: 4px;top: 9px;width: 0;height: 0;line-height: 0;border: 4px solid transparent;border-left: 4px solid #ccc;content: "";transition: all .3s ease 0s;}
.special-item .special-item-bottom a:hover{color: #4285f4;transition: all .3s ease 0s;}
.special-item .special-item-bottom a:hover:before{border-left-color: #4285f4;transition: all .3s ease 0s;}

/*专题主页*/
.page-banner{height: 300px;display: table;width: 100%;background-position: 50%;background-size: cover;background-repeat: no-repeat;}
.page-banner .banner-inner{display: table-cell;vertical-align: middle;text-align: center;}
.page-banner .banner-inner h1{color: #fff;font-size: 36px;line-height: 1.1;font-weight: 500;}
.page-banner .banner-inner .page-description{position: relative;margin: 17px 0 0;padding: 15px 0 0;}
.page-banner .banner-inner .page-description:before{position: absolute;left: 50%;top: 0;width: 20px;height: 2px;margin-left: -10px;background: #e5e5e5;content: "";}
.page-banner .banner-inner .page-description p{font-size: 15px;color: #f9f9f9;font-weight: 300;line-height: 1.8;}

.specialIndex-cont{background: #fff;}
.specialIndex-cont .specialIndex-list{padding: 0 15px;margin: 0 0 20px;}
.specialIndex-list .item{padding: 20px 0;border-bottom: 1px solid #efefef;overflow: hidden;transition: all .3s ease 0s;}
.specialIndex-list .item:hover{margin: 0 -15px;padding: 20px 15px;background: #fafafa;transition: all .3s ease 0s;}
.specialIndex-list .item:last-child{border-bottom: none;}
.specialIndex-list .type-1{display: flex;justify-content: space-between;}
.specialIndex-list .type-1 .item-img{position: relative;width: 245px;overflow: hidden;border-radius: 2px;transition: box-shadow .3s ease 0s;}
.specialIndex-list .type-1 .item-img .item-img-inner img{width: 100%;vertical-align: top;transition: all .3s ease-out 0s;}
.specialIndex-list .type-1 .item-img .item-category{position: absolute;left: 10px;top: 10px;padding: 5px 6px;font-size: 12px;line-height: 1;color: #fff;filter: alpha(opacity=60);background: rgba(0,0,0,.6);border-radius: 2px;text-decoration: none;}
.specialIndex-list .type-1 .item-content{width: calc(100% - 265px);min-height: 152px;position: relative;}
.specialIndex-list .item .item-content .item-title{margin-bottom: 10px;font-size: 20px;line-height: 1.4;}
.specialIndex-list .item .item-content .item-title a{color: #333;}
.specialIndex-list .item .item-content .item-title a:hover{color: #4285f4;}
.specialIndex-list .item .item-content .item-title a .sticky-post{display: inline-block;padding: 0 5px;margin-top: 4px;font-size: 12px;font-weight: 400;line-height: 20px;color: #fff;background: #3ca5f6;border-radius: 3px;vertical-align: top;}
.specialIndex-list .item-theTop .item-content .item-title a{background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);background-image: linear-gradient(90deg, #3ca5f6 0%, #a86af9 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.specialIndex-list .item-theTop .item-content .item-title a .sticky-post{background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);background-image: linear-gradient(90deg, #3ca5f6 0%, #a86af9 100%);-webkit-text-fill-color: #fff;}
.specialIndex-list .item .item-content .item-excerpt{height: 44px;line-height: 22px;color: #666;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.specialIndex-list .item .item-content .item-meta{position: absolute;bottom: 0;color: #999;font-size: 13px;left: 0;}
.specialIndex-list .item .item-content .item-meta .item-meta-li{margin-right: 15px;line-height: 30px;float: left;}
.specialIndex-list .item .item-content .item-meta .author{margin-right: 30px;display: flex;align-items: center;}
.specialIndex-list .item .item-content .item-meta .author .author-img{width: 30px;height: 30px;border-radius: 50%;border: 1px solid #f5f5f5;margin-right: 5px;}
.specialIndex-list .item .item-content .item-meta a{color: #999;font-size: 14px;}
.specialIndex-list .item .item-content .item-meta .fa{color: #999;font-size: 14px;}
.specialIndex-list .item .item-content .item-meta a:hover{color: #4285f4;}
.specialIndex-list .item .item-content .item-meta a:hover .fa{color: #4285f4;}
.specialIndex-list .type-2 .item-content{width: 100%;min-height: 152px;position: relative;}
.specialIndex-list .type-2 .item-content .item-images{display: flex;margin-bottom: 10px;}
.specialIndex-list .type-2 .item-content .item-images span{width: calc((100% - 1%*3)/4);margin-right: 1%;overflow: hidden;height: 125px;}
.specialIndex-list .type-2 .item-content .item-images span:nth-child(4n){margin-right: 0;}
.specialIndex-list .type-2 .item-content .item-images span img{width: 100%;height: 100%;}
.specialIndex-list .type-2 .item-content .item-meta{position: relative;margin-top: 10px;}

.newest-publish{padding: 15px;margin-bottom: 20px;background: #fff;}
.newest-publish-list .item{padding: 8px 0;overflow: hidden;}
.newest-publish-list .item .item-img{float: left;width: 100px;overflow: hidden;border-radius: 2px;}
.newest-publish-list .item .item-img img{width: 100%;height: 63px;}
.newest-publish-list .item .item-img.item-video a{position: relative;display: block;}
.newest-publish-list .item .item-img.item-video a:before,.newest-publish-list .item .item-img.item-video a:after{position: absolute;left: 50%;top: 50%;width: 36px;height: 36px;margin-left: -18px;margin-top: -18px;box-sizing: border-box;opacity: .8;transition: all .3s ease-out 0s;}
.newest-publish-list .item .item-img.item-video a:before{z-index: 1;border: 1px solid #fff;border-radius: 50%;content: "";}
.newest-publish-list .item .item-img.item-video a:after{padding-left: 3px;text-align: center;line-height: 36px;font-size: 20px;font-family: FontAwesome;color: #fff;content: "\f04b";}
.newest-publish-list .item:hover .item-img.item-video a:before,.newest-publish-list .item:hover .item-img.item-video a:after{opacity: 1;}
.newest-publish-list .item .item-info{margin-left: 110px;}
.newest-publish-list .item .item-info .item-title{height: 38px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;line-height: 1.4;}
.newest-publish-list .item .item-info .item-title a{color: #333;}
.newest-publish-list .item .item-info .item-title a:hover{color: #4285f4;}
.newest-publish-list .item .item-info .item-time{font-size: 12px;color: #999;line-height: 14px;}

.newest-comment{padding: 15px;margin-bottom: 20px;background: #fff;}
.newest-comment-list li{padding: 15px 0;border-top: 1px solid #efefef;}
.newest-comment-list li .comment-info{margin-bottom: 10px;overflow: hidden;}
.newest-comment-list li .comment-info a{float: left;}
.newest-comment-list li .comment-info .author-img img{width: 30px;height: 30px;border-radius: 50%;border: 1px solid #f3f3f3;transition: all .2s ease-out 0s;}
.newest-comment-list li .comment-info .author-img:hover img{opacity: .8;}
.newest-comment-list li .comment-info .author-name{width: auto;max-width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;color: #999;font-size: 14px;line-height: 30px;margin-left: 5px;}
.newest-comment-list li .comment-info .author-name:hover{color: #4285f4;}
.newest-comment-list li .comment-info .comment-time{float: right;line-height: 30px;color: #999;font-size: 14px;}
.newest-comment-list li .comment-excerpt{position: relative;padding: 10px;margin-bottom: 10px;background: #f7f7f7;border-radius: 1px;color: #666;}
.newest-comment-list li .comment-excerpt:before{position: absolute;left: 10px;top: -10px;content: "";width: 0;height: 0;line-height: 0;border: 5px solid transparent;border-bottom-color: #f7f7f7;}
.newest-comment-list li .comment-excerpt p{line-height: 1.5;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;}
.newest-comment-list li .comment-post{color: #999;margin: 0;font-size: 13px;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.newest-comment-list li .comment-post a{color: #999;}
.newest-comment-list li .comment-post a:hover{color: #4285f4;}

.breadcrumb{padding: 8px 15px;margin-bottom: 20px;list-style: none;background-color: #f5f5f5;border-radius: 4px;}
.entry-breadcrumb{padding: 8px 30px;margin: 0;color: #999;background: #fff;border-radius: 0;border-bottom: 1px solid #f7f7f7;}
.breadcrumb>li{display: inline-block;line-height: 25px;}
.entry-breadcrumb a, .entry-breadcrumb span{color: #999;}
.entry-breadcrumb a:hover{color: #4285f4;text-decoration: underline;}

.detailsBox{background: #fff;padding: 30px;margin-bottom: 20px;}
.detailsBox .details-head{margin-bottom: 20px;}
.detailsBox .details-head .details-title{margin-top: 0;margin-bottom: 15px;font-size: 24px;line-height: 1.4;}
.detailsBox .details-head .details-other-info{display: flex;align-items: center;flex-wrap: wrap;padding-bottom: 10px;color: #999;line-height: 25px;}
.detailsBox .details-head .details-other-info a{color: #999;font-size: 14px;}
.detailsBox .details-head .details-other-info a:hover{color: #4285f4;}
.detailsBox .details-head .details-other-info a.nickname{color: #4285f4;}
.detailsBox .details-head .details-other-info span{color: #999;font-size: 14px;}
.detailsBox .details-head .details-other-info .dot{margin: 0 6px;color: #ccc;}
.detailsBox .details-excerpt{padding: 15px;margin-bottom: 25px;font-size: 15px;line-height: 1.8;color: #999;background: #fbfbfb;border: 1px solid #efefef;border-radius: 2px;}
.detailsBox .details-cont{font-size: 16px;color: #444;}
.detailsBox .details-cont p{margin-bottom: 20px;line-height: 25px;}
.detailsBox .details-cont h1{font-size: 24px;line-height: 1.4;margin: 30px 0 20px;font-weight: 700;}
.detailsBox .details-cont .details-copyright{margin-top: 30px;padding: 15px;font-size: 13px;line-height: 1.6;color: #999;border: 1px solid #efefef;background: #fbfbfb;border-radius: 2px;}
.detailsBox .details-cont .details-copyright p{margin-bottom: 0 !important;display: block;}
.detailsBox .details-cont .details-copyright span{color: #555;}
.detailsBox .details-footer{margin: 30px 0;}
.detailsBox .details-footer .details-tag{display: flex;align-items: center;flex-wrap: wrap;}
.detailsBox .details-footer .details-tag .tag{display: inline-block;margin: 0 10px 5px 0;padding: 5px 15px;font-size: 14px;line-height: 1.2;color: #666;border: 1px solid #999;border-radius: 3px;}
.detailsBox .details-footer .details-tag .tag:hover{background: #4285f4;border-color: #4285f4;color: #fff;}
.detailsBox .details-footer .details-action{display: flex;align-items: center;justify-content: center;margin: 30px 0;}
.detailsBox .details-footer .details-action .details-btn{display: inline-block;padding: 5px 30px;font-size: 16px;line-height: 30px;color: #3ca5f6;border: 1px solid #3ca5f6;border-radius: 3px;vertical-align: top;margin: 0 5px;cursor: pointer;transition: all .3s ease-out 0s;}
.detailsBox .details-footer .details-action .details-btn:hover{background: #4285f4;color: #fff;border-color: #4285f4;}
.detailsBox .details-footer .details-action .btn-dashang{position: relative;overflow: hidden;}
.detailsBox .details-footer .details-action .btn-dashang .dashang-img{opacity: 0;filter: alpha(opacity=0);position: absolute;z-index: 9;left: 0;bottom: 50px;width: 160px;line-height: 1;text-align: center;border: 1px solid #efefef;background: #fff;transition: all .3s ease-out 0s;box-shadow: 0 0 3px 1px rgba(0,0,0,.05);box-sizing: content-box;pointer-events: none;margin-left: -27px;font-size: 12px;color: #999;padding-bottom: 10px;}
.detailsBox .details-footer .details-action .btn-dashang:hover{overflow: visible;}
.detailsBox .details-footer .details-action .btn-dashang:hover .dashang-img{opacity: 1;filter: alpha(opacity=100);bottom: 40px;transition: all .3s ease-out 0s;pointer-events: auto;}
.detailsBox .details-footer .details-action .btn-dashang .dashang-img img{padding: 10px 10px 0;width: 100%;height: auto;}
.detailsBox .details-footer .details-bar{padding: 15px 0;}
.detailsBox .details-footer .details-bar .left{display: flex;align-items: center;}
.detailsBox .details-footer .details-bar .left .avatar{max-width: 150px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;vertical-align: middle;display: flex;align-items: center;color: #4285f4;}
.detailsBox .details-footer .details-bar .left .avatar .avatar-img{width: 30px;height: 30px;margin-right: 3px;border-radius: 50%;display: inline-block;}
.detailsBox .details-footer .details-bar .left .author-title{position: relative;display: inline-block;padding: 3px 8px;margin-left: 8px;font-size: 12px;color: #3ca5f6;font-weight: 400;line-height: 1.2;border: 1px solid #3ca5f6;vertical-align: middle;border-radius: 1px;}
.detailsBox .details-footer .details-bar .left .author-title:before,.detailsBox .details-footer .details-bar .left .author-title:after{position: absolute;left: -8px;top: 50%;margin-top: -4px;content: "";border: 4px solid transparent;border-right: 4px solid #3ca5f6;}
.detailsBox .details-footer .details-bar .left .author-title:after{left: -7px;border-right: 4px solid #fff;}
.detailsBox .details-footer .details-bar .right{display: flex;align-items: center;}
.detailsBox .details-footer .details-bar .right .info-item{position: relative;display: inline-block;margin-right: 15px;padding-left: 15px;color: #ccc;line-height: 30px;}
.detailsBox .details-footer .details-bar .right .info-item:before{position: absolute;left: 0;top: 50%;width: 1px;height: 20px;margin-top: -10px;background: #ddd;content: "";}
.detailsBox .details-footer .details-bar .right .info-item:first-child{padding-left: 0;}
.detailsBox .details-footer .details-bar .right .info-item:last-child{margin-right: 0;}
.detailsBox .details-footer .details-bar .right .info-item:first-child:before{display: none;}
.detailsBox .details-footer .details-bar .right .info-item a{color: #ccc}
.detailsBox .details-footer .details-bar .right .info-item a:hover{color: #4285f4;}
.detailsBox .details-footer .details-bar .right .info-item .fa{font-size: 18px;}
.detailsBox .details-footer .details-bar .right .meta-item{position: relative;display: inline-block;padding: 0 10px;overflow: hidden;vertical-align: top;transition: all .3s ease-out 0s;}
.detailsBox .details-footer .details-bar .right .meta-item .wx-wrap{opacity: 0;filter: alpha(opacity=0);position: absolute;z-index: 9;left: -60px;bottom: 50px;width: 160px;line-height: 1;text-align: center;border: 1px solid #efefef;background: #fff;transition: all .3s ease-out 0s;box-shadow: 0 0 3px 1px rgba(0,0,0,.05);box-sizing: content-box;pointer-events: none;font-size: 12px;color: #999;padding-bottom: 10px;}
.detailsBox .details-footer .details-bar .right .meta-item.wechat:hover{overflow: visible;}
.detailsBox .details-footer .details-bar .right .meta-item.wechat:hover .wx-wrap{opacity: 1;filter: alpha(opacity=100);bottom: 40px;transition: all .3s ease-out 0s;pointer-events: auto;}
.detailsBox .details-footer .details-page{margin: 30px 0;display: flex;align-items: center;justify-content: space-between;}
.detailsBox .details-footer .details-page .details-page-prev,.detailsBox .details-footer .details-page .details-page-next{position: relative;width: 49%;color: #fff;background-size: cover;background-position: 50%;border-radius: 3px;overflow: hidden;height: 86px;}
.detailsBox .details-footer .details-page .details-page-prev a,.detailsBox .details-footer .details-page .details-page-next a{display: block;height: 86px;padding: 10px 15px;background: rgba(0,0,0,.5);}
.detailsBox .details-footer .details-page .details-page-prev a:hover,.detailsBox .details-footer .details-page .details-page-next a:hover{background: rgba(0,0,0,.8);}
.detailsBox .details-footer .details-page .details-page-prev p,.detailsBox .details-footer .details-page .details-page-next p{height: 40px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;color: #fff;}
.detailsBox .details-footer .details-page .details-page-prev .details-page-info,.detailsBox .details-footer .details-page .details-page-next .details-page-info{display: flex;align-items: center;justify-content: space-between;color: #fff;}

.relevant-recommend h3{margin: 30px 0 20px;font-size: 18px;font-weight: 500;}
.relevant-recommend .recommend-list{margin: -8px;display: flex;align-items: center;flex-wrap: wrap;}
.relevant-recommend .recommend-list .item{display: block;padding: 8px;width: calc(100% / 3);}
.relevant-recommend .recommend-list .item .img{width: 100%;height: auto;overflow: hidden;border-radius: 2px;text-decoration: none;}
.relevant-recommend .recommend-list .item p{padding: 8px 0;font-size: 14px;line-height: 20px;height: 52px;color: #333;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;transition: all .3s ease-out 0s;}
.relevant-recommend .recommend-list .item:hover p{color: #4285f4;}

.details-comments .comment-reply-title{font-size: 18px;margin: 30px 0 20px;font-weight: 500;}
.details-comments .comment-reply-title .cancel-comment-reply{color: #4285f4;font-size: 65%;margin-left: 10px;}
.details-comments .comment-reply-title .cancel-comment-reply{display: none;}
.details-comments .comment-reply-title .comment-reply-tit{display: none;}
.details-comments .comment-form{margin-top: 15px;border: 1px solid #efefef;background: #fbfbfb;}
.details-comments .comment-form .comment-must-login{height: 100px;padding: 5px 10px;font-size: 14px;color: #999;border: 1px solid #efefef;border-bottom-color: #f5f5f5;box-sizing: border-box;border-top-left-radius: 2px;border-top-right-radius: 2px;vertical-align: top;}
.details-comments .comment-form .form-submit{padding: 10px 15px;margin: 0;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.details-comments .comment-form .form-submit .form-submit-text{font-size: 13px;line-height: 30px;color: #666;display: flex;align-items: center;}
.details-comments .comment-form .form-submit .form-submit-text a{color: #4285f4;}
.details-comments .comment-form .form-submit .submit{display: inline-block;width: auto;height: auto;padding: 7px 16px;font-size: 14px;line-height: 1.2;color: #fff;background-color: #3ca5f6;border: 0;outline: 0;border-radius: 3px;}
.details-comments .comment-form .form-submit .submit:hover{background-color: #4285f4;}
.details-comments .comment-form .comment-form-comment textarea{width: 100%;height: 100px;padding: 4px 10px;line-height: 22px;border: 0;border-bottom: 1px solid #f5f5f5;outline: 0;vertical-align: top;box-sizing: border-box;background: #fff;resize: none;}
.details-comments .comment-form .form-submit .form-submit-text img{width: 30px;height: 30px;margin-right: 10px;border-radius: 50%;}
.details-comments .comments-title{font-size: 18px;margin: 30px 0 20px;font-weight: 500;}
.comments-list{margin-bottom: 20px;}
.comments-list .comments-item{position: relative;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #f7f7f7;transition: all .3s ease-out 0s;}
.comments-list .comment-item-inner{display: flex;justify-content: space-between;}
.comments-list .comment-item-inner .comment-author{width: 40px;margin-right: 20px;}
.comments-list .comment-item-inner .comment-author img{width: 40px;height: 40px;border-radius: 50%;}
.comments-list .comment-item-inner .comment-body{width: calc(100% - 60px);margin-right: 20px;}
.comments-list .comment-item-inner .comment-body .nickname{display: flex;align-items: center;margin-bottom: 2px;font-size: 14px;line-height: 22px;color: #666;}
.comments-list .comment-item-inner .comment-body .nickname a{color: #4285f4;}
.comments-list .comment-item-inner .comment-body .nickname .text{padding: 0 8px;}
.comments-list .comment-item-inner .comment-body .nickname .comment-time{position: relative;margin-left: 5px;padding-left: 9px;line-height: 22px;font-weight: 400;color: #ccc;}
.comments-list .comment-item-inner .comment-body .nickname .comment-time:before{position: absolute;left: 0;top: 9px;width: 4px;height: 4px;border-radius: 50%;background: #ccc;content: "";}
.comments-list .comment-item-inner .comment-body .comment-text{font-size: 14px;line-height: 1.6;color: #333;}
.comments-list .comment-item-inner .reply{position: absolute;right: 0;top: 0;font-size: 12px;line-height: 20px;visibility: hidden;padding: 0 4px;color: #4285f4;}
.comments-list .comment-item-inner .reply a{color: #4285f4;}
.comments-list .comment-item-inner:hover .reply{visibility: visible;}
.comments-list .comment-children{position: relative;margin: 15px 0 0;padding: 20px;list-style: none;background: #f7f7f7;border-radius: 5px;border: 1px solid #f5f5f5;}
.comments-list .comment-children .comments-item:last-child{border-bottom: 0;padding-bottom: 0;margin-bottom: 0;}
.details-comments .comments-list .comment-reply-title .cancel-comment-reply{display: inline-block;}
.details-comments .comments-list .comment-reply-title .comment-reply-tit{display: inline-block;}
.details-comments .comments-list .comment-reply-title .comment-publish-tit{display: none;}

.author-interrelated{margin-bottom: 20px;background: #fff;}
.author-interrelated .author-img{margin-top: -40px;text-align: center;position: relative;z-index: 1;}
.author-interrelated .author-img a{display: block;width: 80px;height: 80px;padding: 4px;margin: 0 auto;border-radius: 50%;background: hsla(0,0%,100%,.3);}
.author-interrelated .author-img a img{width: 100%;border-radius: 50%;}
.author-interrelated .author-img a:hover{background: hsla(0,0%,100%,.5);}
.author-interrelated .author-info{padding: 10px 15px 20px;text-align: center;line-height: 1.6;}
.author-interrelated .author-info .author-name{display: inline-block;line-height: 22px;overflow: hidden;max-width: 180px;text-overflow: ellipsis;white-space: nowrap;vertical-align: top;}
.author-interrelated .author-info .author-group{position: relative;display: inline-block;padding: 3px 8px;margin-left: 8px;font-size: 12px;color: #3ca5f6;font-weight: 400;line-height: 1.2;border: 1px solid #3ca5f6;vertical-align: top;border-radius: 1px;}
.author-interrelated .author-info .author-group:before,.author-interrelated .author-info .author-group:after{position: absolute;left: -8px;top: 50%;margin-top: -4px;content: "";border: 4px solid transparent;border-right: 4px solid #3ca5f6;}
.author-interrelated .author-info .author-group:after{left: -7px;border-right: 4px solid #fff;}
.author-interrelated .author-info .author-description{margin-top: 10px;font-size: 13px;color: #999;}
.author-interrelated .recently-article{padding: 20px 15px 15px;border-top: 1px dashed #efefef;}
.author-interrelated .recently-article ul .item{position: relative;padding: 5px 0 5px 12px;margin-bottom: 5px;}
.author-interrelated .recently-article ul .item:before{position: absolute;left: 0;top: 13px;content: "";width: 0;height: 0;line-height: 0;border: 4px solid transparent;border-left: 4px solid #ccc;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;-webkit-transform-origin: center center;transform-origin: center center;}
.author-interrelated .recently-article ul .item a{color: #666;}
.author-interrelated .recently-article ul .item:hover a{color: #4285f4;}

.articleList-1{padding: 15px;background: #fff;margin-bottom: 20px;}
.articleList-2{padding: 15px;background: #fff;margin-bottom: 20px;}
.industry-trends{padding: 0 16px 10px;}
.industry-trends .item{position: relative;margin: 5px 0;padding: 5px 0 5px 20px;color: #999;line-height: 26px;border-bottom: 1px dashed #eee;}
.industry-trends .item:before{position: absolute;left: 0;top: 16px;width: 5px;height: 5px;border-radius: 50%;background: #ccc;content: "";}
.industry-trends .item a{display: inline-block;width: 60%;vertical-align: top;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 26px;color: #4285f4;}
.industry-trends .item .date{font-size: 12px;float: right;}
.industry-trends .item:hover a{text-decoration: underline;}

.page{background: #fff;padding: 30px;margin-bottom: 20px;}
.page .page-head{margin-bottom: 45px;}
.page .page-head .page-title{position: relative;font-size: 24px;text-align: center;line-height: 1.4;}
.page .page-head .page-title:after{position: absolute;left: 50%;bottom: -15px;width: 20px;height: 2px;margin-left: -10px;background: #999;content: "";}

.usersList-box{margin-bottom: 20px;display: flex;flex-wrap: wrap;}
.usersList-box .item{position: relative;font-size: 14px;text-align: center;background: #fcfdfe;border: 1px solid rgba(0,0,0,.04);overflow: hidden;vertical-align: top;width: calc((100% - 20px*2)/3);margin-right: 20px;margin-bottom: 20px;}
.usersList-box .item:nth-child(3n){margin-right: 0;}
.usersList-box .item .user-img{margin-top: -50px;text-align: center;position: relative;z-index: 1;}
.usersList-box .item .user-img a{display: block;width: 100px;height: 100px;padding: 4px;margin: 0 auto;border-radius: 50%;background: hsla(0,0%,100%,.3);}
.usersList-box .item .user-img a img{width: 100%;border-radius: 50%;}
.usersList-box .item .user-img a:hover{background: hsla(0,0%,100%,.5);}
.usersList-box .item .user-info{padding: 20px 15px;text-align: center;line-height: 1.6;}
.usersList-box .item .user-info .user-name{display: inline-block;line-height: 22px;overflow: hidden;max-width: 180px;text-overflow: ellipsis;white-space: nowrap;vertical-align: top;}
.usersList-box .item .user-info .user-group{position: relative;display: inline-block;padding: 3px 8px;margin-left: 8px;font-size: 12px;color: #3ca5f6;font-weight: 400;line-height: 1.2;border: 1px solid #3ca5f6;vertical-align: top;border-radius: 1px;}
.usersList-box .item .user-info .user-group:before,.usersList-box .item .user-info .user-group:after{position: absolute;left: -8px;top: 50%;margin-top: -4px;content: "";border: 4px solid transparent;border-right: 4px solid #3ca5f6;}
.usersList-box .item .user-info .user-group:after{left: -7px;border-right: 4px solid #fff;}

.userCenter .userCenter-top{position: relative;padding: 50px 15px;text-align: center;color: #666;background-color: #f3f4f5;background-size: cover;background-position: 50%;background-repeat: no-repeat;}
.userCenter .userCenter-top:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);content: "";}
.userCenter .userCenter-top .cont{position: relative;}
.userCenter .userCenter-top .user-img{position: relative;width: 120px;height: 120px;margin: 0 auto 15px;border-radius: 50%;border: 3px solid hsla(0,0%,100%,.3);overflow: hidden;}
.userCenter .userCenter-top .user-img img{width: 100%;height: 100%;}
.userCenter .userCenter-top .user-name{font-size: 18px;font-weight: 700;line-height: 1.4;color: #fff;}
.userCenter .userCenter-top .user-name .author-group{position: relative;display: inline-block;padding: 5px 8px;margin-left: 8px;color: #fff;font-size: 12px;font-weight: 400;line-height: 1;border: 0;vertical-align: text-bottom;border-radius: 1px;background: #3ca5f6;opacity: .9;}
.userCenter .userCenter-top .user-name .author-group:before{position: absolute;left: -8px;top: 50%;margin-top: -4px;content: "";border: 4px solid transparent;border-right: 4px solid #3ca5f6;}
.userCenter .userCenter-top .user-desc{margin-top: 10px;font-size: 14px;line-height: 1.6;color: #fff;}

.userCenter .navTab{display: flex;align-items: center;justify-content: center;}
.userCenter .navTab li{margin: 0 15px;padding: 0 2px;font-size: 16px;color: #555;line-height: 40px;border-bottom: 2px solid transparent;cursor: pointer;}
.userCenter .navTab li:hover{color: #4285f4;border-bottom: 2px solid #4285f4;}
.userCenter .navTab li.active{color: #4285f4;border-bottom: 2px solid #4285f4;}
.userCenter .tabContent .tabPane{display: none;}
.userCenter .tabContent .tabPane.active{display: block;}
.userCenter .tabContent-inner .tabPane-inner{display: none;}
.userCenter .tabContent-inner .tabPane-inner.active{display: block;}

.userCenter .navTab-inner{padding: 30px 12px 10px;display: flex;align-items: center;justify-content: center;}
.userCenter .navTab-inner li{border: 1px solid #3ca5f6;line-height: 34px;font-size: 14px;color: #3ca5f6;padding: 0 50px;cursor: pointer;}
.userCenter .navTab-inner li:hover{border-color: #4285f4;background: #4285f4;color: #fff;}
.userCenter .navTab-inner li.active{border-color: #3ca5f6;background: #3ca5f6;color: #fff;}

.users-comments{background: #fff;}
.users-comments-list{padding: 15px;margin-bottom: 20px;}
.users-comments-list .item{padding: 15px;border-bottom: 1px solid #eee;}
.users-comments-list .item .comment-item-link{margin-bottom: 10px;font-size: 16px;}
.users-comments-list .item .comment-item-link a{color: #666;}
.users-comments-list .item .comment-item-link .fa{font-size: 18px;color: #999;}
.users-comments-list .item .comment-item-meta{color: #999;font-size: 14px;}
.users-comments-list .item .comment-item-meta a{color: #4285f4;}
.users-comments-list .item .comment-item-meta a:hover{text-decoration: underline;}

.users-questions{background: #fff;}
.users-questions .question-list .item{display: flex;align-items: center;justify-content: space-between;padding: 12px;border-bottom: 1px solid #f0f0f0;}
.users-questions .question-list .item:last-child{border-bottom: none;}
.users-questions .question-list .item .reply-count{width: 70px;line-height: 30px;text-align: center;}
.users-questions .question-list .item .reply-count .count-of-replies{color: #9e78c0;font-size: 14px;}
.users-questions .question-list .item .reply-count .count-of-visits{color: #b4b4b4;font-size: 10px;}
.users-questions .question-list .item .reply-count .count-seperator{font-size: 10px;margin: 0 -3px;}
.users-questions .question-list .item .last-time{width: 80px;display: flex;align-items: center;justify-content: flex-end;}
.users-questions .question-list .item .last-time .last-time-user img{width: 18px;height: 18px;margin-right: 5px;border-radius: 3px;}
.users-questions .question-list .item .last-time .last-active-time{font-size: 12px;line-height: 18px;color: #777;}
.users-questions .question-list .item .topic-title-wrapper{width: calc(100% - 150px);padding: 2px 0;}
.users-questions .question-list .item .topic-title-wrapper .topiclist-tab{padding: 2px 4px;background: #e5e5e5;border-radius: 3px;font-size: 12px;color: #999;margin-right: 2px;}
.users-questions .question-list .item .topic-title-wrapper .topic-title{font-size: 16px;line-height: 26px;color: #666;}

.community{background: #fff;margin-bottom: 20px;}
.community .q-header{position: relative;padding: 10px;background-color: #eee;border-radius: 3px 3px 0 0;}
.community .q-header .q-header-tab{display: flex;align-items: center;}
.community .q-header .q-header-tab .item{display: block;padding: 3px 5px;color: #3ca5f6;font-size: 14px;line-height: 1;margin-right: 15px;}
.community .q-header .q-header-tab .item.active{background: #3ca5f6;color: #fff;border-radius: 3px;}
.community-list .item{display: flex;align-items: center;justify-content: space-between;padding: 12px;border-bottom: 1px solid #f0f0f0;}
.community-list .item:last-child{border-bottom: none;}
.community-list .item:hover{background: #fafafa;}
.community-list .item .user-avatar{width: 30px;}
.community-list .item .user-avatar img{width: 30px;height: 30px;border-radius: 3px;}
.community-list .item .reply-count{width: 70px;line-height: 30px;text-align: center;}
.community-list .item .reply-count .count-of-replies{color: #9e78c0;font-size: 14px;}
.community-list .item .reply-count .count-of-visits{color: #b4b4b4;font-size: 10px;}
.community-list .item .reply-count .count-seperator{font-size: 10px;margin: 0 -3px;}
.community-list .item .last-time{width: 80px;display: flex;align-items: center;justify-content: flex-end;}
.community-list .item .last-time .last-time-user img{width: 18px;height: 18px;margin-right: 5px;border-radius: 3px;}
.community-list .item .last-time .last-active-time{font-size: 12px;line-height: 18px;color: #777;}
.community-list .item .topic-title-wrapper{width: calc(100% - 180px);padding: 2px 0;}
.community-list .item .topic-title-wrapper .topiclist-tab{padding: 2px 4px;background: #e5e5e5;border-radius: 3px;font-size: 12px;color: #999;margin-right: 2px;}
.community-list .item .topic-title-wrapper .topic-title{font-size: 16px;line-height: 26px;color: #666;}

.wpcom-pagination{margin-top: 20px;padding-bottom: 20px;}

.questionDetails{background: #fff;margin-bottom: 20px;}
.questionDetails .q-header{padding: 15px 15px 10px;border-bottom: 1px solid #eee;}
.questionDetails .q-header .put-top{padding: 2px 4px;margin-right: 3px;border-radius: 3px;color: #fff;font-size: 12px;background: #3ca5f6;vertical-align: text-bottom;}
.questionDetails .q-header .q-title{display: inline;font-size: 20px;line-height: 1.2;font-weight: 700;}
.questionDetails .q-header .q-info{margin-top: 10px;font-size: 12px;color: #999;}
.questionDetails .q-header .q-info a{font-size: 12px;color: #999;}
.questionDetails .q-header .q-info a:hover{color: #4285f4;}
.questionDetails .q-content{padding: 15px;font-size: 14px;line-height: 1.7;}
.questionDetails .q-content p{margin-bottom: 20px;line-height: 1.8;}
.questionDetails .q-answer{padding: 30px 15px 15px;}

.kx-news{background: #fff;margin-bottom: 20px;}
.kx-news .kx-content .kx-head{padding: 15px;}
.kx-news .kx-content .kx-head .kx-title{padding: 10px;font-size: 26px;line-height: 1.6;text-align: center;}
.kx-news .kx-content .kx-list{padding: 0 15px 10px;}
.kx-news .kx-content .kx-list .kx-date{padding: 5px 15px;color: #3ca5f6;background: #f1f2f3;box-shadow: 0 0 1px 0 rgba(0,0,0,.1);}
.kx-news .kx-content .kx-list .kx-item{position: relative;padding: 22px 0 25px 40px;margin-left: 40px;border-left: 1px solid #e5e5e5;}
.kx-news .kx-content .kx-list .kx-item .kx-time{position: absolute;left: -21px;top: 25px;width: 42px;padding: 3px 0;font-size: 12px;line-height: 1;text-align: center;color: #fff;background: #999;border-radius: 3px;}
.kx-news .kx-content .kx-list .kx-item .kx-content h2{font-size: 18px;line-height: 1.4;margin: 0 0 15px;}
.kx-news .kx-content .kx-list .kx-item .kx-content p{font-size: 14px;margin: 0;color: #666;line-height: 22px;}
.kx-news .kx-content .kx-list .kx-item .kx-content p a{color: #4285f4;}
.kx-news .kx-content .kx-list .kx-item .kx-content p a:hover{text-decoration: underline;}
.kx-news .kx-content .kx-list .kx-item .kx-meta{margin-top: 20px;font-size: 0;color: #999;}
.kx-news .kx-content .kx-list .kx-item .kx-meta span{font-size: 14px;margin-right: 15px;line-height: 22px;}
.kx-news .kx-content .kx-list .kx-item .kx-meta a{font-size: 14px;margin-right: 15px;line-height: 22px;}
.kx-news .kx-content .kx-list .kx-item .kx-meta .share-icon{display: inline-block;width: 22px;height: 22px;line-height: 22px;text-align: center;color: #fff;background: #aaa;border-radius: 3px;vertical-align: top;cursor: pointer;font-size: 14px;margin-right: 15px;position: relative;}
.kx-news .kx-content .kx-list .kx-item .kx-meta .wechat  .wechat-img{position: absolute;z-index: 999;left: 50%;width: 100px;height: 100px;bottom: 100%;margin: 0 0 0 -50px;background: #fff;border: 1px solid #eee;opacity: 0;visibility: hidden;transition: all .2s ease 0s;}
.kx-news .kx-content .kx-list .kx-item .kx-meta .wechat:hover  .wechat-img{margin: 0 0 6px -50px;opacity: 1;visibility: visible;transition: all .2s ease 0s;}
.kx-news .kx-content .kx-list .kx-item .kx-meta .wechat:hover{background: #44b549;}
.kx-news .kx-content .kx-list .kx-item .kx-meta .weibo:hover{background: #e05244;}
.kx-news .kx-content .kx-list .kx-item .kx-meta .qq:hover{background: #22a4ff;}
.kx-news .kx-content .kx-list .kx-item .kx-meta .copy:hover{background: #666;}

.askQuestion{background: #fff;padding: 30px;margin-bottom: 20px;}
.askQuestion .q-add-header{display: flex;align-items: center;justify-content: space-between;padding: 15px;}
.askQuestion .q-add-header .q-add-title{width: 60%;display: flex;align-items: center;}
.askQuestion .q-add-header .q-add-label{line-height: 34px;font-size: 16px;}
.askQuestion .q-add-header .q-add-input{flex: 1;padding-right: 10px;}
.askQuestion .q-add-header .q-add-input input{height: 34px;width: 100%;padding: 5px 10px;outline: 0;background: #fff;border-radius: 3px;border: 1px solid #e5e5e5;}
.askQuestion .q-add-header .q-add-cat{width: 25%;display: flex;align-items: center;}
.askQuestion .q-add-header .q-add-cat{width: 25%;display: flex;align-items: center;}
.askQuestion .q-add-header .q-add-input select{height: 34px;width: 100%;padding: 5px 10px;outline: 0;background: #fff;border-radius: 3px;border: 1px solid #e5e5e5;}
.askQuestion .q-add-header .q-add-btn{width: 15%;}
.askQuestion .q-add-header .q-add-btn input{display: block;width: 100%;height: auto;margin: 0 auto;padding: 10px 25px;font-size: 14px;text-align: center;color: #fff;line-height: 1;background: #3ca5f6;border-radius: 3px;text-decoration: none;border: 0;outline: 0;}
.askQuestion .q-add-header .q-add-btn input:hover{background: #4285f4;}
.askQuestion .q-add-main{padding: 0 15px 15px;}

.contribute{background: #fff;padding: 30px 0;margin-bottom: 20px;}
.contribute .post-form-main{width: 860px;float: left;}
.contribute .post-form-main .pf-item{margin-bottom: 15px;}
.contribute .post-form-main .pf-item .pf-item-label{text-align: right;padding: 0 15px 0 0;}
.contribute .post-form-main .pf-item .pf-item-input{padding: 0;}
.contribute .post-form-main .pf-item .pf-item-label label{display: inline-block;font-size: 15px;line-height: 34px;font-weight: 400;color: #666;}
.contribute .post-form-sidebar{width: 260px;float: right;margin-right: 30px;}
.contribute .post-form-sidebar .pf-submit-wrap{margin-bottom: 20px;}
.contribute .post-form-sidebar .pf-submit-wrap .pf-submit{display: block;width: 100%;padding: 12px 0;text-align: center;color: #fff;font-size: 16px;line-height: 1.2;background: #3ca5f6;border: 0;border-radius: 2px;outline: 0;}
.contribute .post-form-sidebar .pf-submit-wrap .pf-submit:hover{background: #4285f4;}
.contribute .post-form-sidebar .pf-side-item{margin-bottom: 20px;border: 1px solid #efefef;}
.contribute .post-form-sidebar .pf-side-item .pf-side-label{border-bottom: 1px solid #efefef;background: #fafafa;}
.contribute .post-form-sidebar .pf-side-item .pf-side-label h3{padding-left: 10px;font-size: 15px;font-weight: 400;line-height: 28px;color: #333;}
.contribute .post-form-sidebar .pf-side-item .pf-side-input{padding: 15px;}
.contribute .post-form-sidebar .pf-side-item .pf-notice{margin: 5px 0 0;font-size: 13px;color: #999;}
.contribute .post-form-sidebar .pf-side-item .thumb-selector{color: #4285f4;}

.tagHandler{position: relative;}
#tag-container{background: #fff;border: 1px solid #ccc;border-radius: 2px;min-height: 56px;overflow: hidden;line-height: 30px;cursor: text;font-family: arial,helvetica,sans-serif;padding: 0 5px;}
.tagHandlerContainer .li{border-radius: 15px;height: 14px;line-height: 14px;display: block;float: left;font-size: 12px;margin: 5px 5px 5px 0;white-space: nowrap;padding: 3px 4px;}
.tagHandlerContainer .tagInput{padding: 3px 4px;}
.tagHandlerContainer .tagInputField{border-radius: 2px;box-sizing: border-box;border: none;width: inherit;background-color: #fff;color: #666;font-size: 13px;outline: 0;}
.tagHandlerContainer .tagItem{box-sizing: content-box;background-color: #3ca5f6;color: #fff;padding: 3px 8px;cursor: url('../images/tag_remove.cur'),pointer;}

#wrap.member-enter{background-size: cover;background-position: 50%;background-repeat: no-repeat;background-color: #fff;background-image: url("../images/019.jpg");display: flex;align-items: center;justify-content: center;}
.member-enter .member-enter-cont{max-width: 620px;background: rgba(255,255,255,.95);width: 100%;display: flex;}
.member-enter .member-form-inner{padding: 50px 25px 40px 50px;flex: 1;}
.member-enter .member-form-head .member-form-title{margin-bottom: 20px;font-size: 18px;font-weight: 600;line-height: 30px;color: #444;}
.member-enter .member-form-head .member-form-title .member-switch{font-size: 14px;color: #666;font-weight: 400;line-height: 30px}
.member-enter .member-form-head .member-form-title .member-switch a{color: #3ca5f6;}
.member-enter .member-form-head .member-form-title .member-switch a:hover{text-decoration: underline;}
.member-form .form-group{position: relative;}
.member-form .form-group label{width: 100%;}
.member-form .form-group .fa{position: absolute;left: 0;top: 0;width: 28px;text-align: center;color: #999;font-size: 20px;line-height: 36px;}
.member-form .form-group img.fa{z-index: 1;width: 18px;height: auto;top: 9px;padding: 0 5px;vertical-align: top;box-sizing: content-box;}
.member-form .form-group .form-input{display: block;width: 100%;height: 37px;padding: 10px 10px 10px 34px;line-height: 16px;font-size: 14px;color: #333;font-weight: 400;border: none;border-bottom: 1px solid #ddd;background: none;outline: 0;box-sizing: border-box;}
.member-form .form-group.error .form-input{border-bottom-color: #f66;}
.member-form .form-group .send-sms-code{position: absolute;right: 0;top: 3px;width: 100px;font-size: 13px;line-height: 30px;color: #fff;text-align: center;background: #3ca5f6;cursor: pointer;}
.member-form .form-group .send-sms-code:hover{background: #4285f4;}
.member-form .checkbox{position: relative;display: block;margin-top: 10px;margin-bottom: 10px;font-size: 14px;line-height: 20px;}
.checkbox label, .radio label{min-height: 20px;padding-left: 20px;margin-bottom: 0;font-weight: 400;cursor: pointer;}
.member-form .last{margin-top: 10px;}
.member-form .last .btn-login{font-size: 16px;color: #fff;background: #3ca5f6;border: 0;border-radius: 3px;}
.member-form .last .btn-login:hover{background: #4285f4;}
.member-form-footer{font-size: 14px;text-align: center;margin-top: 10px;}
.member-form-footer a{color: #3ca5f6;}
.member-form-footer a:hover{text-decoration: underline;}
.member-social-list{margin-top: 10px;margin-bottom: 20px;}
.member-social-list li{margin-bottom: 20px;border-radius: 3px;opacity: .9;}
.member-social-list li a{display: block;font-size: 14px;line-height: 38px;text-align: center;color: #fff;text-decoration: none;}
.member-social-list li .fa{font-size: 18px;vertical-align: text-bottom;}
.member-social-list li.social-qq{background: #22a4ff;}
.member-social-list li.social-weibo{background: #e05244;}
.member-social-list li.social-wechat2{background: #44b549;}
.member-social-list li:hover{opacity: 1;}
.member-enter .member-form-social{padding: 50px 50px 40px 25px;width: 225px;}
.member-reset-main{display: flex;align-items: center;justify-content: center;}
.member-reset-main .member-form{width: 100%;max-width: 400px;}










@media (max-width: 1219px){
    .container{width: 980px;}
    .footer .footer-logo{display: none;}
    .mainBody .content{width: 690px;}
    .mainBody .sidebar{width: 250px;}
    .index .floor1{flex-direction: column;}
    .index .floor1 .banner{width: 100%;margin-bottom: 20px;height: auto;}
    .index .floor1 .feature-post{display: flex;justify-content: space-between;width: 100%;}
    .index .floor1 .feature-post li{margin-right: 15px;margin-bottom: 0;height: auto;}
    .index .floor1 .feature-post li:last-child{margin-right: 0;}
    .specialIndex-list .item .item-content .item-meta .author{display: none;}
    .specialIndex-list .type-2 .item-content .item-images span{height: 100px;}
    .sidebar .news-flash .news-flash-list .item .item-meta .qq{display: none;}
    .sidebar .news-flash .news-flash-list .item .item-meta .copy{display: none;}
    .specialIndex-list .item .item-content .item-meta .author{display: none;}

    .contribute .post-form-main{width: 650px;float: left;}
}
@media (max-width: 1199px){
    .header .main-menu .first-menu .menu-item>a{padding: 0 8px;}
    .header .main-menu .first-menu .menu-item.dropdown>a{padding-right: 22px;}
    .header .main-menu .first-menu .dropdown:after{right: 8px;}

}
@media (max-width: 991px){
    .container{width: 100%;padding: 0 15px;}
    body{transition: all .3s ease-out 0s;}
    .header .header-main{position: fixed;bottom: 0;top: 0;right: 100%;z-index: 998;padding: 50px 0;width: 80%;height: 100%!important;margin: 0!important;background: #3ca5f6;transition: all .3s ease-out 0s;overflow: auto;border: 0;display: none;}
    .header .header-toggle{display: block;margin: 14px 0;transition: all .3s ease-out 0s;}
    .navbar-show{transition: all .3s ease-out 0s;position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;-webkit-transform: translateX(80%);transform: translateX(80%);}
    .navbar-show .navbar-show-shadow{position: fixed;z-index: 10000000000;width: 100%;height: 100%;left: 0;top: 0;content: "";background: rgba(0,0,0,.3);display: block;}
    .header .header-main.show-header-main{display: block;}
    .navbar-show .header .header-toggle{position: fixed;top: 0;z-index: 1000;right: 100%;background: none!important;border: 0!important;margin-top: 8px;transition: all .3s ease-out 0s;}
    .navbar-show .header .header-toggle .icon-bar{transition: all .3s ease-out .3s;background: #fff!important;}
    .navbar-show .header .header-toggle .icon-bar-1{margin-bottom: 0;-webkit-transform: rotate(-45deg) translate(-3px,5px);transform: rotate(-45deg) translate(-3px,5px);}
    .navbar-show .header .header-toggle .icon-bar-2{opacity: 0;}
    .navbar-show .header .header-toggle .icon-bar-3{-webkit-transform: rotate(45deg) translate(-3px,-5px);transform: rotate(45deg) translate(-3px,-5px);}
    .header .main-menu{margin: 0;width: 100%;float: none;}
    .header .main-menu .first-menu .menu-item{float: none;margin-bottom: 2px;}
    .header .main-menu .first-menu .menu-item>a{font-size: 16px;color: #fff;line-height: 42px;padding: 0 20px;transition: all .3s ease-out 0s;}
    .header .main-menu .first-menu .menu-item>a:hover{color: #4285f4;background: #fff;}
    .header .main-menu .first-menu .menu-item.active>a{color: #3ca5f6;background: #fff;}
    .header .main-menu .first-menu .dropdown:after{display: none;}
    .header .main-menu .first-menu .dropdown .dropdown-menu{position: relative;margin-top: 10px;-webkit-transform: none;transform: none;width: 100%;background: none;box-shadow: none;border: none;padding: 0 20px;overflow: visible;display: flex;float: none;flex-wrap: wrap;}
    .header .main-menu .first-menu .dropdown .dropdown-menu:before{display: none;}
    .header .main-menu .first-menu .dropdown .dropdown-menu:after{display: none;}
    .header .main-menu .first-menu .dropdown .dropdown-menu .dropdown-item{display: inline-block;margin-right: 10px;margin-bottom: 10px;vertical-align: top;}
    .header .main-menu .first-menu .dropdown .dropdown-menu .dropdown-item a{background: none;text-align: center;border-radius: 3px;color: #fff;border: 1px solid #4285f4;padding: 0 20px;line-height: 31px;}
    .header .main-menu .first-menu .dropdown .dropdown-menu .dropdown-item a:hover{background: #fff;color: #4285f4;border-color: #fff;}
    .header .main-menu .first-menu .dropdown .dropdown-menu .dropdown-item a.active{background: #fff;color: #4285f4;border-color: #fff;}

    .header .header-right{float: none;position: relative;padding: 20px 20px 30px;display: block;}
    .header .header-right .header-search{width: 100%;height: auto;margin: 0;background: #fff;border: 0;position: relative;right: 0;}
    .header .header-right .header-search .header-search-input{width: 100%;height: 36px;padding: 5px 10px;font-size: 14px;color: #666;line-height: 26px;border: 1px solid #fff;background: #fff;}
    .header .header-right .header-search .header-search-icon{height: 36px;}
    .header .header-right .header-search .header-search-icon:after{line-height: 36px;}
    .header .header-right .header-search .header-search-icon:hover{color: #4285f4;}
    .header .header-right .header-search.active{width: 100%;}
    .header .header-right .header-search.active .header-search-input{width: 100%;}
    .header .header-right .header-search.warning{border: none;}
    .header .header-right .header-search.warning .header-search-input{background: #fff0f0;border-color: #ffc9c9;}
    .header .header-right .header-user{display: flex;}
    .header .header-right .header-user a{margin: 15px 0 15px 15px;color: #fff;}
    .header .header-right .header-user a:first-child{margin-left: 0;}
    .header .header-right .header-user a:hover{color: #4285f4;}
    .header .header-right .publish{margin-left: 0;padding: 8px 30px;line-height: 20px;color: #fff;border: 1px solid #4285f4;display: inline-block;}
    .header .header-right .publish i{margin-right: 0;}
    .header .header-right .publish:hover{background: #4285f4;}

    .footer .content{text-align: center;padding: 25px 0 20px;}
    .footer .footer-sns{display: none;}
    .footer .footer-copy{float: none;margin: 0 auto;display: inline-block}
    .footer .footer-copy .footer-nav{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}

    .mainBody .content{width: 100%;}
    .mainBody .sidebar{width: 100%;}
    .index .floor2 .topic-list li{width: 50%;flex: auto;}
    .index .floor3 .navTab ul{overflow-x: auto;}
    .specialIndex-list .item .item-content .item-meta .author{display: flex;}
    .specialIndex-list .type-2 .item-content .item-images span{height: 115px;}
    .sidebar .advertising{display: none;}
    .sidebar .news-flash .news-flash-list .item .item-meta .qq{display: block;}
    .sidebar .news-flash .news-flash-list .item .item-meta .copy{display: block;}
    .sidebar .product-design ul li .thumb{height: auto;}

    .special-list .special-item{width: 100%;float: none;}

    .usersList-box .item{width: calc((100% - 20px)/2)}
    .usersList-box .item:nth-child(2n){margin-right: 0;}
    .usersList-box .item:nth-child(3n){margin-right: auto;}

    .contribute .post-form-main{width: 100%;float: none;padding: 0 15px;}
    .contribute .post-form-sidebar{width: 100%;float: none;padding: 0 15px 60px;position: relative;}
    .contribute .post-form-sidebar .pf-submit-wrap{position: absolute;width: 100%;bottom: 0;left: 0;margin-bottom: 0;padding: 0 15px;}
}

@media (max-width: 768px){
    .header .logo a{height: 50px;}
    .header .header-toggle{margin: 8px 0;}
    #wrap{padding-top: 50px;min-height: calc(100vh - 67px)}
    .footer .content{padding: 20px 0;}
    .footer .footer-copy .footer-nav{display: none;}

    .mainBody{padding: 0;}
    .index .floor{margin-bottom: 15px;}
    .index .floor1{margin: 0 0 15px;}
    .index .floor1 .banner{margin-bottom: 0;}
    .index .floor1 .feature-post{display: none;}
    .specialIndex-list .item{padding: 10px 0;}
    .specialIndex-list .item:hover{padding: 10px 15px;}
    .specialIndex-list .type-1 .item-img{width: 120px;height: 75px;}
    .specialIndex-list .type-1 .item-content{width: calc(100% - 130px);min-height: 75px;}
    .specialIndex-list .type-1 .item-img .item-category{display: none;}
    .specialIndex-list .item .item-content .item-title{font-size: 18px;}
    .specialIndex-list .item .item-content .item-meta{width: 100%;height: 20px;}
    .specialIndex-list .item .item-content .item-meta .item-meta-li{line-height: 20px;}
    .specialIndex-list .item .item-content .item-excerpt{display: none;}
    .specialIndex-list .item .item-content .item-meta .author{display: none;}
    .specialIndex-list .item .item-content .item-meta .hearts{display: none;}
    .specialIndex-list .item .item-content .item-meta .likes{display: none;}
    .specialIndex-list .item .item-content .item-meta .comments{display: none;}
    .specialIndex-list .item .item-content .item-meta .views{float: right;}
    .specialIndex-list .type-2 .item-content .item-images span{height: 85px;}
    .sidebar .news-flash{margin-bottom: 15px;}
    .sidebar .hot-text-reading{margin-bottom: 15px;}
    .sidebar .product-design{margin-bottom: 15px;}

    .page-banner{height: auto!important;padding: 30px 15px 10px;background: none!important;}
    .page-banner .banner-inner h1{color: #333;font-size: 26px;}
    .page-banner .banner-inner .page-description:before{background: #999;}
    .page-banner .banner-inner .page-description p{color: #999;}

    .special-head{padding: 10px 15px 30px;}
    .page{padding: 15px;}

    .entry-breadcrumb{padding: 8px 15px;}
    .detailsBox{padding: 20px 15px;}
    .relevant-recommend .recommend-list .item{width: calc(100% / 2);}
    .detailsBox .details-footer .details-page{flex-direction: column;}
    .detailsBox .details-footer .details-page .details-page-prev, .detailsBox .details-footer .details-page .details-page-next{width: 100%;margin-bottom: 10px;}

    .industry-trends{padding: 0 0 10px;}
    .industry-trends .item a{font-size: 16px;width: 100%;}
    .industry-trends .item .date{display: none;}

    .usersList-box .item .user-img{margin-top: -35px;}
    .usersList-box .item .user-img a{width: 70px;height: 70px;}
    .usersList-box .item{width: calc((100% - 15px)/2);margin-right: 15px;margin-bottom: 15px;}

    .userCenter .userCenter-top{padding: 30px 10px;}
    .userCenter .userCenter-top .user-img{width: 80px;height: 80px;}

    .askQuestion{padding: 15px;}
    .askQuestion .q-add-header{padding: 0;margin-bottom: 15px;flex-direction: column;}
    .askQuestion .q-add-header .q-add-title{width: 100%;margin-bottom: 15px;}
    .askQuestion .q-add-header .q-add-cat{width: 100%;}
    .askQuestion .q-add-header .q-add-input{padding-right: 0;}
    .askQuestion .question-form{position: relative;padding-bottom: 60px;}
    .askQuestion .q-add-header .q-add-btn{position: absolute;bottom: 10px;left: 0;right: 0;width: auto;}
    .askQuestion .q-add-main{padding: 0;}

    .contribute .post-form-main .pf-item .pf-item-label{text-align: left;}

    #wrap.member-enter{background-image: none !important;display: block;}
    .member-enter .member-enter-cont{max-width: none;display: block;}
    .member-enter .member-form-inner{width: 100%;padding: 30px;}
    .member-enter .member-form-social{padding: 0 30px 30px;width: 100%;}
    .member-enter .member-form-social .member-form-title{text-align: center;}
    .member-social-list{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
    .member-social-list li{width: 95px;margin: 0 5px 10px;}
    .member-social-list li a{line-height: 32px;font-size: 14px;}
}
@media (max-width: 622px){
    .detailsBox .details-footer .details-bar .left{float: none !important}
    .detailsBox .details-footer .details-bar .right{float: none !important;flex-wrap: wrap;}
    .detailsBox .details-footer .details-bar .right .meta{margin: 20px 0;}
}
@media (max-width: 500px){
    .specialIndex-list .item .item-content .item-title{font-size: 16px;}
    .special-item .special-item-top .item-img{width: 140px;}
    .special-item .special-item-top .item-title{padding-left: 155px;}
    .special-item .special-item-top .item-title h2{font-size: 16px;margin-bottom: 8px;}
    .special-item .special-item-top .item-title p{height: 38px;line-height: 1.4;}

    .details-comments .comment-form .form-submit{flex-direction: column;align-items: inherit;}
    .details-comments .comment-form .form-submit .submit{margin-top: 10px;}
    .comments-list .comment-item-inner .comment-body .nickname{flex-direction: column;align-items: inherit;}
    .comments-list .comment-item-inner .comment-body .nickname .comment-time{position: inherit;margin: 0;padding: 0;}
    .comments-list .comment-item-inner .comment-body .nickname .comment-time:before{display: none;}
    .comments-list .comment-children .comment-item-inner .comment-body .nickname{display: block;}
    .comments-list .comment-children .comment-item-inner .comment-body .nickname .comment-time{display: block;}
}
@media (max-width: 420px){
    .specialIndex-list .type-2 .item-content .item-images span{width: calc((100% - 1%*2)/3);height: 72px;}
    .specialIndex-list .type-2 .item-content .item-images span:nth-child(3n){margin-right: 0;}
    .specialIndex-list .type-2 .item-content .item-images span:last-child{display: none;}
}