/* Theme Name: Moshou Theme URL: http://www.mobantu.com/theme/moshou Description: 资讯媒体新闻博客wordpress主题 Author: 模板兔 Author URI: http://www.mobantu.com Version: 1.22 */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} body{font-family:"Microsoft YaHei","Open Sans",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;background: #fff;color:rgba(0,0,0,0.8);font-size:100%;padding-top:80px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5;word-wrap:break-word}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(208,202,200,.7)}::-webkit-scrollbar-thumb:window-inactive{background:rgba(208,202,200,.6)}::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(208,202,200,.8)}::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(208,202,200,1)}*{box-sizing:border-box}a{color:inherit;text-decoration:none;background:transparent;border:0;font-size:100%;margin:0;padding:0;vertical-align:baseline;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}a:hover{color:#F42}ul,li,span,button,form,a,div,i{margin:0px;padding:0px}li{list-style:none}i{font-style:normal}p{margin:0px;padding:0px}h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0px;padding:0px}h1{font-size:30px}h3{font-size:18px}h4{font-size:16px}.varkr{font-family: "Arial Bold Italic";}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}button,input{font-family:"Microsoft YaHei","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif}::-webkit-input-placeholder{color:rgba(0,0,0,0.3)}::-moz-placeholder{color:rgba(0,0,0,0.3)}:-ms-input-placeholder{color:rgba(0,0,0,0.3)}input,input[type="submit"],input[type="reset"],input[type="button"],select,button,textarea{-webkit-appearance:none;border-radius:0px;outline:none}img{border:0;vertical-align:middle}a:hover,button:focus,input:focus,textarea:focus{outline:none}iframe,video{max-width:100%}.u-overflow-hidden{overflow:hidden}.center{position:relative;width:1000px;margin-left:auto;margin-right:auto}.alert{padding:10px 15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;font-size:14px;width:100%}.alert-error{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alignleft{display:inline;float:left;margin-right:1.625em}.alignright{display:inline;float:right;margin-left:1.625em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.left{float:left !important;}.right{float:right !important;}.btn{display: inline-block;font-weight: normal;text-align: center;white-space: nowrap;vertical-align: bottom;touch-action: manipulation;cursor: pointer;user-select: none;border: 1px solid transparent;padding: 7px 12px;font-size: 14px;line-height: 1.5;border-radius: 0 !important;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}.btn-sm {padding: 0.25rem 0.75rem;font-size: 13px;line-height: 1.5;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}.btn-secondary {color: #55595c;background-color: #f5f5f5;border-color: #e6e6e6;}.btn-secondary:hover {color: #55595c;background-color: #e0e0e0;border-color: #c7c7c7;}.loading-wave{margin:40px auto;width:80px;height:40px;text-align:center;font-size:10px}.loading-wave .loading-rect{background-color:#F42;height:100%;width:6px;margin:0 2px;display:inline-block;-webkit-animation:loading-waveStretchDelay 1.2s infinite ease-in-out;animation:loading-waveStretchDelay 1.2s infinite ease-in-out}.loading-wave .loading-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.loading-wave .loading-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.loading-wave .loading-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.loading-wave .loading-rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.loading-wave .loading-rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}@-webkit-keyframes loading-waveStretchDelay{0%,40%,100%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes loading-waveStretchDelay{0%,40%,100%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes niceIn{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}70%{-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes niceIn{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}70%{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-o-keyframes niceIn{0%{opacity:1;-o-transform:scale(1);transform:scale(1)}50%{opacity:1;-o-transform:scale(1.5);transform:scale(1.5)}70%{-o-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes niceIn{0%{opacity:1;-moz-transform:scale(1);transform:scale(1)}50%{opacity:1;-moz-transform:scale(1.5);transform:scale(1.5)}70%{-o-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-moz-transform:scale(1);transform:scale(1)}}.niceIn{-webkit-animation:niceIn 0.8s .2s ease;-moz-animation:niceIn 0.8s .2s ease;-o-animation:niceIn 0.8s .2s ease;animation:niceIn 0.8s .2s ease}@font-face{font-family:'icomoon';src:url('static/fonts/icomoon.eot');src:url('static/fonts/icomoon.eot') format('embedded-opentype'),url('static/fonts/icomoon.woff') format('woff'),url('static/fonts/icomoon.ttf') format('truetype'),url('static/fonts/icomoon.svg') format('svg');font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ios7-paper-outline:before{content:"\f32e"}.icon-ion-ios7-world:before{content:"\f1f8"}.icon-more:before{content:"\f20b"}.icon-navicon-round:before{content:"\f20d"}.icon-social-facebook-outline:before{content:"\f230"}.icon-social-facebook:before{content:"\f231"}.icon-social-googleplus-outline:before{content:"\f234"}.icon-social-googleplus:before{content:"\f235"}.icon-social-linkedin-outline:before{content:"\f238"}.icon-social-linkedin:before{content:"\f239"}.icon-social-rss-outline:before{content:"\f23c"}.icon-social-rss:before{content:"\f23d"}.icon-social-tumblr-outline:before{content:"\f240"}.icon-social-tumblr:before{content:"\f241"}.icon-social-twitter-outline:before{content:"\f242"}.icon-social-twitter:before{content:"\f243"}.icon-reply-all:before{content:"\f21d"}.icon-reply:before{content:"\f21e"}.icon-search:before{content:"\f002"}.icon-close:before{content:"\e117"}.icon-mail:before{content:"\f003"}.icon-layout:before{content:"\f009"}.icon-list:before{content:"\f00b"}.icon-code:before{content:"\f029"}.icon-tags:before{content:"\f02c"}.icon-menu:before{content:"\f0c9"}.icon-double-arrow-left:before{content:"\f359"}.icon-double-arrow-right:before{content:"\f35a"}.icon-double-arrow-top:before{content:"\f35b"}.icon-double-arrow-bottom:before{content:"\f35c"}.icon-arrow-left2:before{content:"\f35d"}.icon-arrow-right2:before{content:"\f35e"}.icon-arrow-top2:before{content:"\f35f"}.icon-arrow-bottom2:before{content:"\f360"}.icon-weibo:before{content:"\f3d9"}.icon-qq:before{content:"\f420"}.icon-weixin:before{content:"\f421"}.icon-arrow-left5:before{content:"\e6cd"}.icon-arrow-down5:before{content:"\e6ce"}.icon-arrow-up5:before{content:"\e6cf"}.icon-arrow-right5:before{content:"\e6d0"}.icon-thumbs-o-up:before{content:"\f087"}.icon-pencil:before {content: "\f040";}.icon-edit:before {content: "\e6f2";}@font-face {font-family: 'icomoon2';src: url('static/fonts/icomoon2.ttf') format('truetype'); font-weight: normal;font-style: normal;}[class^="icon2-"],[class*=" icon2-"]{font-family:'icomoon2';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon2-clock:before {content: "\e94e";}.icon2-user:before {content: "\e971";}.icon2-read:before {content: "\e922";}.icon2-read2:before {content: "\e967";}.icon2-up:before {content: "\eA3A";} .lazy{-moz-transition:ease .4s;-o-transition:ease .4s;-webkit-transition:ease .4s;transition:ease .4s;opacity:0} .lazy.lazyLoaded{opacity:1} @-webkit-keyframes modal{0%{opacity:0} 100%{opacity:1} }@keyframes modal{0%{opacity:0} 100%{opacity:1} }@-webkit-keyframes modalWindow{0%{-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0)} 100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} }@keyframes modalWindow{0%{transform:translate3d(0,80px,0)} 100%{transform:translate3d(0,0,0)} } body.has-modal{overflow:hidden} .modal{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:rgba(255,255,255,.97);bottom:0;display:none;left:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:9999} .modal.is-visible{-moz-animation:modal .5s ease forwards;-webkit-animation:modal .5s ease forwards;animation:modal .5s ease forwards;display:-webkit-flex;display:flex} .modal.is-visible .modal-window{ box-shadow: 0 0 15px rgba(0,0,0,0.1);-moz-animation:modalWindow .5s ease forwards;-webkit-animation:modalWindow .5s ease forwards;animation:modalWindow .5s ease forwards} .modal-window{padding:8px;-moz-animation:modalWindow .5s ease forwards;-webkit-animation:modalWindow .5s ease forwards;animation:modalWindow .5s ease forwards;-webkit-flex:0 0 auto;flex:0 0 auto;-webkit-flex-basis:100%;flex-basis:100%;-webkit-flex-flow:row wrap;flex-flow:row wrap;background:#FFF;border-radius:3px;max-height:calc(100vh - (68px + 16px));max-width:512px;overflow:hidden;padding:48px 0 72px;position:relative;width:100%} .modal-window-fullscreen{height:calc(100% - 16px)} .modal-window-noFooter{padding-bottom:0} .modal-window-noFooter .modal-body{max-height:calc(100vh - (68px + 16px + 48px))} .modal-header{box-shadow:0 1px 0 rgba(0,0,0,.05);height:48px;left:0;padding:0 16px;position:absolute;top:0;width:100%;z-index:2} .modal-header h3{color:#000;font-size:16px;font-weight:700;line-height:48px} .modal-header h3 i{margin-right:4px;line-height:48px} .modal-header .post-body a strong,.modal-header a,.post-body a .modal-header strong{-moz-transition:.1s;-o-transition:.1s;-webkit-transition:.1s;transition:.1s;height:48px;line-height:48px;opacity:.5;position:absolute;text-align:center;right:0;top:0;width:48px;will-change:opacity} .modal-header .post-body a strong:hover,.modal-header a:hover,.post-body a .modal-header strong:hover{opacity:1} .modal-body{height:100%;max-height:calc(100vh - (68px + 16px + 48px + 72px));padding:16px;position:relative;overflow:auto;-webkit-overflow-scrolling:auto;z-index:1} .modal-body-noPadding{padding:0} .modal-bleed{margin-left:-16px;margin-right:-16px} .modal-padded{padding-left:16px;padding-right:16px} .modal-footer{box-shadow:0 -1px 0 rgba(0,0,0,.05);color:#AAA;height:72px;bottom:0;left:0;padding:16px;position:absolute;width:100%;z-index:3} .modal-footer .button{margin-right:4px} .modal-footer-noBorder{box-shadow:none} @media (min-width:544px){ .modal-window{-webkit-flex-basis:400px;flex-basis:400px;max-height:calc(100vh - 32px);max-width:400px} .modal-window-big{-webkit-flex-basis:75%;flex-basis:75%;width:75%} .modal-window-fullscreen{height:calc(100vh - 32px)} .modal-window-noFooter .modal-body{max-height:calc(100vh - (32px + 48px))} .modal-header{padding:0 24px} .modal-body{max-height:calc(100vh - (32px + 48px + 72px));padding:16px 24px 24px} .modal-body-noPadding{padding:0} .modal-bleed{margin-left:-24px;margin-right:-24px} .modal-footer,.modal-padded{padding-left:24px;padding-right:24px} } /*************** main ****************/ .container{ position: relative;padding:0;margin:0 auto;max-width: 1170px;} .container-wrap{max-width:840px;margin:0 auto;padding:0} .content-wrap{float: left;width: 100%;} .focus-wrap, .archive-wrap{margin:30px auto;} .single-wrap{margin:50px auto;} .content{position:relative;margin-right:330px;min-height: 500px;} .single-wrap .content{margin-left:65px;} .post-type-archive-topic .content, .tax-topics .content{margin-right:0;float: none} .overlay{position:absolute;top:0px;bottom:0px;width:100%;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;background-image:-webkit-linear-gradient(180deg,rgba(0,0,0,0.01) 5%,rgba(0,0,0,0.95) 100%);background-image:-moz-linear-gradient(180deg,rgba(0,0,0,0.01) 5%,rgba(0,0,0,0.95) 100%);background-image:linear-gradient(180deg,rgba(0,0,0,0.01) 5%,rgba(0,0,0,0.95) 100%)} .bg-overlay{position: absolute;content: '';display: inline-block;top: 0px;bottom: 0px;left: 0px;right: 0px;background-color: rgba(0,0,0,0.5);} .full-link {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;display: inline-block;} .user-tips{position: fixed;top: -30px;left: 45%;height:30px;line-height: 30px;padding:0 15px;color: #fff;background-color: #FF5E52;opacity: 0.85;filter:alpha(opacity=85);color: #fff;border-radius: 0 0 2px 2px;font-size: 12px;z-index: 9999} /*************** header ****************/ .header{position:fixed;top:0px;width:100%;z-index: 999;} .nav{background:#FFF;box-shadow:0 0 32px rgba(0,0,0,.15);height:48px;left:0;position:fixed;right:0;top:0;z-index:10} .nav-logo{left:0;position:absolute;top:0} .nav-logo>a{background-color:#F42;background:-webkit-linear-gradient(left top,#C09,#F42 85%);background:-moz-linear-gradient(bottom right,#C09,#F42 85%);background:-o-linear-gradient(bottom right,#C09,#F42 85%);background:linear-gradient(to bottom right,#c09,#f42 85%);display:block;height:48px;padding:0;width:106px;will-change:height} .nav-logo img{-moz-transition:-moz-transform .4s ease;-o-transition:-o-transform .4s ease;-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;display:block;height:18px;position:relative;width:66px;will-change:transform;z-index:999} .nav-logo span{-moz-transition:-moz-transform .4s ease;-o-transition:-o-transform .4s ease;-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;display:block;height:80px;position:relative;width:106px;will-change:transform;z-index:999} .nav-logo-popout{display:none} .nav-icons{float:right} .nav-icons:after{display:table} .nav-icons li{border-left:1px solid #EEE;float:left} .nav-icons li .avatar{width:16px;height:16px;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;position:relative;top:-4px;} .nav-icons li .post-body a strong,.nav-icons li a,.post-body a .nav-icons li strong{display:block;height:48px;opacity:.5;padding:14px 16px 16px;width:48px;will-change:opacity} .nav-icons li .post-body a strong:hover,.nav-icons li a:hover,.post-body a .nav-icons li strong:hover{opacity:.5} .nav-mob-toggle{-moz-transition:-moz-transform .4s;-o-transition:-o-transform .4s;-webkit-transition:-webkit-transform .4s;transition:transform .4s;opacity:1!important;position:relative;z-index:998} .nav-mob-toggle span{-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s;background-color:#F42;display:block;height:2px;left:14px;margin-top:-1px;position:absolute;top:50%;width:20px} .nav-mob-toggle span:first-child{-moz-transform:translate(0,-6px);-ms-transform:translate(0,-6px);-webkit-transform:translate(0,-6px);transform:translate(0,-6px)} .nav-mob-toggle span:last-child{-moz-transform:translate(0,6px);-ms-transform:translate(0,6px);-webkit-transform:translate(0,6px);transform:translate(0,6px)} .nav-mob{-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);background:-webkit-linear-gradient(left top,#C09,#F42 85%);background:-moz-linear-gradient(bottom right,#C09,#F42 85%);background:-o-linear-gradient(bottom right,#C09,#F42 85%);background:linear-gradient(to bottom right,#c09,#f42 85%);height:100vh;left:0;padding:48px 20px;position:fixed;right:0;top:0;will-change:transform;z-index:997} .nav-mob, .nav-mob h5 {color: #FFF;font-size:14px;} .nav-mob .post-body a strong,.nav-mob a,.post-body a .nav-mob strong{color:rgba(255,255,255,.6)} .nav-mob-desc{position: absolute;top:14px;} .nav-mob-content{overflow:auto;-webkit-overflow-scrolling:touch;border-top:1px solid rgba(255,255,255,.15);bottom:0;left:0;padding:20px;position:absolute;right:0;top:48px} .nav-mob-content .u-row .u-col-6{width:50%;float: left;} .nav-mob-follow{border-bottom:1px solid rgba(255,255,255,.15);margin:0 -20px 2em;padding:0 20px 40px} .nav-mob-follow:after{display:table} .nav-follow,.nav-sections,.nav-varkr,body.is-showNavFollow .nav-follow-more{display:none} .nav-follow .follow-weixin{position:relative;} .nav-follow .follow-weixin .weixin-social-img{display: none;position:absolute;background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);text-align: center;padding-bottom:10px;font-size: 13px;top:48px;left:-59px;} .nav-follow .follow-weixin .weixin-social-img:before {content: '';height: 8px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #eaeaea;border-top: 0 solid #eaeaea;position: absolute;top: -15px;left: 66px;} .nav-follow .follow-weixin .weixin-social-img:after {content: '';height: 8px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;border-top: 0 solid #fff;position: absolute;top: -14px;left: 66px;} .nav-follow .follow-weixin .weixin-social-img img{width:150px;height:150px;display: inline-block;} .nav-follow .follow-weixin:hover .weixin-social-img{display: block;} .nav-mob-follow li{float:left;height:16px;margin-bottom:0;text-align:center;width:10%} .nav-mob-follow li:first-child{margin-left:0} .nav-mob-follow li a{color:#fff;} .nav-mob-follow .icon{margin:0 auto} .nav-mob-menu,.page-header{margin-bottom:2em} .nav-mob-menu li{margin-top:.5em;font-size: 13px;} body.is-navSticky .nav{position:fixed} body.is-showNavFollow .nav-follow-extra{width:130px} body.is-showNavFollow .nav-follow-less{display:block} @media (max-width:1152px){body.is-showNavFollow .nav-sections{opacity:0;pointer-events:none} } body.is-showNavMob .nav-mob-toggle{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)} body.is-showNavMob .nav-mob-toggle span{background-color:#FFF} body.is-showNavMob .nav-mob-toggle span:first-child{-moz-transform:rotate(45deg) translate(0,0);-ms-transform:rotate(45deg) translate(0,0);-webkit-transform:rotate(45deg) translate(0,0);transform:rotate(45deg) translate(0,0)} body.is-showNavMob .nav-mob-toggle span:nth-child(2){-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0)} body.is-showNavMob .nav-mob-toggle span:last-child{-moz-transform:rotate(-45deg) translate(0,0);-ms-transform:rotate(-45deg) translate(0,0);-webkit-transform:rotate(-45deg) translate(0,0);transform:rotate(-45deg) translate(0,0)} body.is-showNavMob .nav-mob{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)} .nav-logo>a{position:relative;z-index:2} body.is-navSticky .nav-logo-popout{-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%);-moz-transition:-moz-transform 150ms ease-in-out;-o-transition:-o-transform 150ms ease-in-out;-webkit-transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;background:rgba(0,0,0,.95);display:block;padding:4px 0;position:absolute;top:80px;left:0;width:106px;z-index:1} body.is-navSticky .nav-logo-popout .post-body a strong, body.is-navSticky .nav-logo-popout a,.post-body a body.is-navSticky .nav-logo-popout strong{color:rgba(255,255,255,.6);display:block;font-size:13px;line-height:16px;padding:6px 0;text-align:center} body.is-navSticky .nav-logo-popout .post-body a strong.is-active, body.is-navSticky .nav-logo-popout .post-body a strong:hover, body.is-navSticky .nav-logo-popout a.is-active, body.is-navSticky .nav-logo-popout a:hover{color:#FFF} body.is-navSticky .nav-logo:hover .nav-logo-popout{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)} @media (max-width:767px){ body.is-showNavMob{overflow:hidden} body.is-showNavMob .footer,body.is-showNavMob .main{-moz-transform:translateX(-25%);-ms-transform:translateX(-25%);-webkit-transform:translateX(-25%);transform:translateX(-25%)} body.is-navSticky .nav-logo-popout{display: none !important;} .nav-logo>a{padding:13px 20px;} .nav-logo span{background-image:url(static/img/logo.png);background-size: cover;background-position: center center;width:66px;height:25px;margin-top:-1px} } @media (min-width:768px){ .nav,.nav-logo>a,.post-body a .nav-logo>strong{height:80px} .nav-sections:after,.nav-varkr:after{content:"";clear:both} .nav{padding-left:106px;position:absolute} .nav-logo span{background-image:url(static/img/logo.png);background-size: cover;background-position: center center;width:65px;height:30px;-moz-transform:translateY(16px);-ms-transform:translateY(16px);-webkit-transform:translateY(16px);transform:translateY(12px)} .nav-logo>a{padding:13px 20px;height:80px;} body.is-navSticky .nav-logo span{-moz-transform:translateY(32px);-ms-transform:translateY(32px);-webkit-transform:translateY(32px);transform:translateY(28px)} .nav-varkr{background:#000;display:block;font-size:13px;font-weight:500;line-height:32px} .nav-varkr:after{display:table} .nav-varkr li{float:left;margin-left:12px} .nav-varkr li.nav-right{float:right;margin-left:0;margin-right:12px} .nav-varkr li:first-child{margin-left:20px} .nav-varkr .post-body a strong,.nav-varkr a,.post-body a .nav-varkr strong{color:rgba(255,255,255,.6)} .nav-varkr li.current-menu-item a, .nav-varkr li a:hover{color:#FFF; position: relative;} .nav-sections{display:block;position:absolute;will-change:opacity;font-size: 15px;} .nav-sections:after{display:table} .nav-sections>li{float:left;position:relative} .nav-sections>li:first-child .post-body a strong,.nav-sections>li:first-child a,.post-body a .nav-sections>li:first-child strong{padding-left:20px} .nav-sections>li .post-body a strong,.nav-sections>li a,.post-body a .nav-sections>li strong{font-weight:500;text-transform:uppercase; color: rgba(0,0,0,0.8);display:block;height:48px;letter-spacing:.04em;line-height:1;padding:16px 10px 0} .nav-sections>li .post-body a strong:hover,.nav-sections>li a:hover,.post-body a .nav-sections-section strong:hover{color:#000} .nav-sections>li.current-menu-item a, .nav-sections>li.current-topic-ancestor a, .nav-sections>li.current-menu-parent a{color: #000;font-weight: bold;} .nav-sections>li:nth-child(7),.nav-sections>li:nth-child(8),.nav-sections>li:nth-child(9){display:none} .nav-sections-more>a,.post-body a .nav-sections-more>strong{display:block;padding:16px 10px} .nav-sections-more>a .icon,.post-body a .nav-sections-more>strong .icon{opacity:.5} .nav-sections-more:hover>a .icon,.nav-sections-more>a:hover .icon,.post-body a .nav-sections-more:hover>strong .icon,.post-body a .nav-sections-more>strong:hover .icon{opacity:1} .nav-sections-more>a:hover,.post-body a .nav-sections-more>strong:hover{background-color:#F6F6F6} .nav-sections-more ul{background-color:rgba(0,0,0,.9);display:none;left:50%;margin-left:-72px;position:absolute;text-align:center;top:48px;width:144px} .nav-sections-more ul::before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(0,0,0,.9);content:'';height:0;left:50%;margin-left:-6px;position:absolute;top:-6px;width:0} .nav-sections-more ul li{border-top:1px solid rgba(255,255,255,.1)} .nav-sections-more ul li:first-child{border-top:none} .nav-sections-more ul .post-body a strong,.nav-sections-more ul a,.post-body a .nav-sections-more ul strong{color:#AAA;display:block;padding:15px 0 11px} .nav-sections-more ul .post-body a strong:hover,.nav-sections-more ul a:hover,.post-body a .nav-sections-more ul strong:hover{color:#FFF} .nav-sections-more:hover>a,.post-body a .nav-sections-more:hover>strong{background-color:#60C} .nav-sections-more:hover ul{-moz-animation:navSectionMore 250ms ease both;-webkit-animation:navSectionMore 250ms ease both;animation:navSectionMore 250ms ease both;display:block} .nav-follow{display:block;margin-right:8px;padding:0;float:right} .nav-follow:after{content:"";display:table;clear:both} .nav-follow li{float:left} .nav-follow a{display:block;height:48px;opacity:.5;padding:13px 0 0 8px;width:32px;/*will-change:opacity*/} .nav-follow a:hover{opacity:.7} .nav-follow-extra{-moz-transition:width .4s ease;-o-transition:width .4s ease;-webkit-transition:width .4s ease;transition:width .4s ease;overflow:hidden;width:0} .nav-follow-extra ul{margin-right:0;width:130px} .nav-follow-less,.nav-icons .nav-mob-toggle,.nav-mob{display:none} body.is-navSticky .nav{position:fixed;top:-32px} } .page-tabs-list li,.pageEvent-header-left{float:left} .newsletter,.page-header{position:relative} @media (min-width:1024px){ .nav-sections-section .post-body a strong,.nav-sections>li a,.post-body a .nav-sections>li strong{padding-left:12px;padding-right:12px} .nav-sections>li:nth-child(7),.nav-sections>li:nth-child(8),.nav-sections>li:nth-child(9){display:block} .nav-sections-more{display:none} } @media (max-width:1024px){ .nav-sections>li:nth-child(7),.nav-sections>li:nth-child(8),.nav-sections>li:nth-child(9){display:none} } .sitetips{padding: 20px;background: #ffffd2;color: #94463f;text-align: center;} .sitetips a{color:#f42;} /*************** search ****************/ .search-wrap,.search-header{left:0;width:100%;top:0} .search-wrap{display:none;-webkit-flex-direction:column;flex-direction:column;background-color:#fff;height:100%;padding:80px 20px 0;position:fixed;z-index:9999} .search-header{box-shadow:0 1px 0 rgba(0,0,0,.05);height:48px;position:absolute} .post-body a .search-header strong,.search-header .post-body a strong,.search-header a{display:block;height:48px;float:right;opacity:.25;padding:16px;width:48px;will-change:opacity} .post-body a .search-header strong:hover,.search-header .post-body a strong:hover,.search-header a:hover{opacity:.5} .search-form{margin:0 auto 40px;max-width:640px;position:relative;width:100%} .search-form::after,.search-form::before{bottom:0;content:'';height:2px;left:0;position:absolute} .search-form input{border:none;color:#F42;display:block;font-size:48px;line-height:56px;padding-bottom:8px} .story--huge .story-quote,.story--small .story-rank{font-family:Shentox,sans-serif} .search-form::before{-moz-transition:background;-o-transition:background;-webkit-transition:background;transition:background;background:#EEE;display:block;width:100%;z-index:1} .search-form::after{-moz-animation:searching 1s infinite both ease-in-out;-webkit-animation:searching 1s infinite both ease-in-out;animation:searching 1s infinite both ease-in-out;background:#F42;display:none;z-index:2} .search-ajax-results{-webkit-flex:1;flex:1;margin:0 auto;max-width:640px;overflow:auto;-webkit-overflow-scrolling:touch} .search-result{border-top:1px solid #EEE;padding:12px 0} .search-result-title{font-size:14px;font-weight:700;line-height:1.25;margin-bottom:.25em} .post-body a .search-result-title strong,.search-result-title .post-body a strong,.search-result-title a{color:#000} .post-body a .search-result-title strong:hover,.search-result-title .post-body a strong:hover,.search-result-title a:hover{box-shadow:inset 0 -1px 0 rgba(255,68,34,.2);color:#F42} .search-result-byline{overflow:hidden;color:#AAA;font-size:12px} .search-result-byline li{display:block;float:left} .search-result-byline li::after{content:'\b7';display:block;float:right;margin:0 4px} .search-result-byline li:last-child::after{display:none} .post-body a .search-result-byline strong,.search-result-byline .post-body a strong,.search-result-byline a{color:#AAA} .post-body a .search-result-byline strong:hover,.search-result-byline .post-body a strong:hover,.search-result-byline a:hover{color:#555} .search-result:first-child{border-top:none;padding-top:0} .search-wrap.is-searching .search-form::before{background-color:rgba(255,68,34,.2)} .search-wrap.is-searching .search-form::after{display:block} body.show-search{display:-webkit-flex;display:flex;overflow:hidden} body.show-search .search-wrap{display:-webkit-flex;display:block} @media (min-width:1024px){.search-form input{font-size:48px;font-weight:700} .search-result-title{font-size:18px} } /*************** roller-bar ****************/ .roller-bar{position:fixed;bottom:15px;right:15px;border:#eee 1px solid;display:none;z-index: 9999;} .roller-bar a{display:block;width:40px;height:40px;line-height:40px;text-align:center;background-color:#fff;font-size:24px;color:rgba(0,0,0,0.3)} .roller-bar a:hover{background-color:#f7f7f7;color:#F42} .roller-bar i{position:relative;font-size: 20px;line-height: 40px;} .roller-bar .icon-code{position:relative;} .roller-bar .qr-code{position:relative;} .roller-bar .qr-code .code-img{display:none;position:absolute;bottom:-1px;right:50px;text-align:center;color:#999;padding:5px;font-size:14px;background-color:#fff;line-height:normal;cursor:default;box-shadow:0 1px 8px rgba(0,0,0,.1)} .roller-bar .qr-code .code-img img{width:120px;height:120px;} .roller-bar .return-top{border-top:#eee 1px solid} .roller-bar .read-clean{border-bottom:#eee 1px solid} /*************** cover ****************/ .cover{height:368px;padding:0;position:relative} .cover a{color:#fff;} .cover:after{content:"";display:table;clear:both} .cover h1{font-size:40px;left:16px;letter-spacing:-.02em;top:12px;pointer-events:none;position:absolute;z-index:5} .cover .distraction-title,.cover h2{margin-bottom:.25em} .cover-company ul,.cover-company-about,.cover-company-about-founded{color:#fff} .cover-company-title{margin-bottom:0!important;font-size:4em;color:#fff} .cover-company-about-founded::before{content:'-'} .cover-byline,.cover-byline .post-body a strong,.cover-byline a,.post-body a .cover-byline strong{color:rgba(255,255,255,.6)} .cover-story{float:left;padding:0;position:relative;width:100%} .cover-header,.cover-image,.cover-trigger{bottom:0;left:8px;position:absolute;right:0} .cover-image{background-color:#000;top:8px;z-index:1; background-size: cover;background-position: center center;} .cover-story-large .cover-header,.cover-story-large .cover-image,.cover-story-large .cover-trigger{left:0;} .cover-story-large .cover-image, .cover-story-middle .cover-image{top:0;} .cover-trigger{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;background-image:-webkit-linear-gradient(180deg,rgba(0,0,0,0.01) 5%,rgba(0,0,0,0.95) 100%);background-image:-moz-linear-gradient(180deg,rgba(0,0,0,0.01) 5%,rgba(0,0,0,0.95) 100%);background-image:linear-gradient(180deg,rgba(0,0,0,0.01) 5%,rgba(0,0,0,0.95) 100%);display:block;top:0;will-change:background-color;z-index:2} .lazy,.modal{will-change:opacity} .cover-header{padding:14px 12px;z-index:3} .cover-byline{font-size:12px;line-height:16px} .cover-byline li{display:inline-block;margin-left:6px} .cover-byline li:first-child{margin-left:0} .cover-byline li .icon{-moz-transform:scale(.875,.875);-ms-transform:scale(.875,.875);-webkit-transform:scale(.875,.875);transform:scale(.875,.875);float:left;margin-right:4px;opacity:.6;vertical-align:middle} .cover-byline .post-body a strong:hover,.cover-byline a:hover,.post-body a .cover-byline strong:hover{color:#FFF} .no-touch .cover article:hover .cover-trigger{background-color:rgba(0,0,0,.1)} @media (max-width:767px){ .cover .distraction-title,.cover h2{font-size:20px} .cover article{min-height:30vh;position:relative} .cover-story-middle .cover-image{top:8px;left:0;} .cover-trigger, .cover-header, .cover-image{left:0;} } @media (max-width:480px){ .cover-story-middle, .cover-story-small{display: none} } @media (min-width:768px) and (max-width:1023px){ .cover{height:60vh} .cover h1{font-size:56px} .cover-header{padding:16px 12px} .cover-byline li:last-child{display:none} .cover-grid4 article{float:left;height:40%;width:33.33333%} .cover-grid4 article.cover-story-middle .cover-image{top:8px;left:0;} .cover-grid4 article.cover-story-middle .cover-trigger, .cover-story-middle .cover-header{left:0;} .cover-grid4 article .distraction-title,.cover-grid4 article h2{font-size:18px} .cover-grid4 article .cover-byline li:last-child{display:none} .cover-grid4 article:nth-child(1){height:60%;width:100%} .cover-grid4 article:nth-child(1) .distraction-title,.cover-grid4 article:nth-child(1) h2{font-size:38px} .cover-grid4 article:nth-child(1) .cover-byline li:last-child{display:inline-block} }@media (min-width:1024px){.cover-gradient,.cover-logo{pointer-events:none;position:absolute} .cover h1{font-size:80px;left:24px;top:20px} .cover-gradient{background:url(static/img/cover-gradient.png) top left no-repeat;background-size:cover;bottom:4px;left:4px;mix-blend-mode:lighten;right:4px;top:4px;z-index:4} .cover-logo{/*background:url(static/img/logo-white-big.png) no-repeat;*/background-size:50% auto;color:#FFF;left:24px;height:120px;line-height:1;top:24px;text-align:right;right:24px;opacity: .8;z-index:5} .cover-header{padding-left:20px;padding-right:20px} .cover-grid4 article{float:left;height:50%;width:25%} .cover-grid4 article .distraction-title,.cover-grid4 article h2{font-size:20px;margin-bottom:10px} .cover-grid4 article:nth-child(1){height:100%;width:50%} .cover-grid4 article:nth-child(1) .distraction-title,.cover-grid4 article:nth-child(1) h2{font-size:30px;line-height:1} .cover-grid4 article:nth-child(2){height:50%;width:50%} .cover-grid4 article:nth-child(2) .distraction-title,.cover-grid4 article:nth-child(2) h2{font-size:24px} }@media (min-width:768px) and (orientation:portrait){.cover:not(.cover-grid4){height:50vh!important} }@media (min-width:1280px){.cover h1{font-size:96px} .cover-header{padding:20px 16px} .cover-grid4 article .distraction-title,.cover-grid4 article h2{font-size:16px;line-height: 28px;font-weight: bold;} .cover-grid4 article:nth-child(1) .distraction-title,.cover-grid4 article:nth-child(1) h2{font-size:32px;line-height: 44px;} .cover-grid4 article:nth-child(2) .distraction-title,.cover-grid4 article:nth-child(2) h2{font-size:24px;line-height: 36px;} }@media (min-width:1600px){ .cover h1{font-size:128px} .cover-logo{background-size:contain;height:96px} .cover-header{padding:0px 20px} .cover-byline{font-size:13px} .cover-grid4 article .distraction-title,.cover-grid4 article h2{font-size:16px;line-height: 28px;} .cover-grid4 article:nth-child(1) .distraction-title,.cover-grid4 article:nth-child(1) h2{font-size:22px;line-height: 34px;} .cover-grid4 article:nth-child(2) .distraction-title,.cover-grid4 article:nth-child(2) h2{font-size:18px;line-height: 30px;} } .news-list-header{margin-bottom: 20px;} .news-list-header ul{list-style: none;} .news-list-header ul.news-list-nav{border-bottom:1px solid #ebebeb;padding-bottom: 14px;} .news-list-header ul.news-list-nav.fixed{position: fixed;top: 0;z-index: 99;background-color: rgba(255,255,255,.97);zoom: 1;width: 710px;padding: 15px 15px 14px;transition: top .25s ease 0s;box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);} .news-list-header ul li{list-style: none;float: left;padding:0 15px;} .news-list-header ul li a{padding-bottom: 15px;color:#333;} .news-list-header ul li.current-menu-item a{border-bottom:2px solid #f42;color:#f42;} .news-list-header ul li:first-child{padding-left:0;} .news-list{margin-bottom: 30px;} .news-item{position:relative;padding:0;margin-bottom: 30px;background: #fff;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;} .news-item .news-thumb{position:absolute;top:0;left:0;} .news-item .news-thumb .thumb{width:246px;height:152px;} .news-item .news-thumb .category-bar{position:absolute;top:0px;left:0px;z-index:2;display:inline-block;padding:6px 15px;text-align:center;background:#F42;color:#fff;font-size:12px} .news-item .news-thumb .category-bar a:hover{color:#fff !important} .news-item .news-con{height:152px;margin-left:270px;position:relative} .news-item .news-con .title{font-size:20px;font-weight:bold;margin-bottom:10px;} .news-item .news-con .des{margin-top:10px;color:#8a8a8a;font-size:14px;line-height:1.45} .news-item .news-con .author{line-height:30px;display:inline-block;vertical-align:top} .news-item .news-con .author .avatar-img{width:30px;height:30px;display:inline-block} .news-item .news-con .author .avatar-img img{border-radius:50%;width:30px;height:30px} .news-item .news-con .author .avatar-des{margin-left:5px;display:inline-block} .news-item .news-con .author .avatar-des .full-name{font-size:12px;color:rgba(0,0,0,0.5)} .news-item .news-con .author .avatar-des .full-name .cat{display: none} .news-item .news-con .author .avatar-des .full-name .time{padding-left:8px;font-weight:normal;color:#8a8a8a} .news-item .news-con .news-tags{margin-left:40px;line-height:30px;display:inline-block;color:rgba(0,0,0,0.4);} .news-item .news-con .news-tags i{color:rgba(0,0,0,0.3);position: relative;top:2.5px;} .news-item .news-con .news-tags a{margin-left:10px;font-size: 12px;} .news-loading{display: none} .review-focus{padding: 20px 0;position:relative;} .news-list .review-focus{padding-top: 0;margin-bottom: 10px;} .review-list .review-focus{padding-top: 20px;margin-bottom: 0;} .review-box{position:relative;display:inline-block;height:255px;width:49%;background-size:cover;background-position:center;background-repeat:no-repeat} .post-type-archive-topic .review-box, .tax-topics .review-box{margin-bottom:20px;height:354px;} .review-box:nth-child(2n){margin-left:2%;float:right;} .review-box .review-con{position:absolute;bottom:20px;left:30px;right:30px;color:#fff} .review-box .review-con h2{font-size:24px;font-weight:bold;margin-bottom:15px;line-height:1.4} .review-box .review-con p{display:none;color:rgba(255,255,255,0.8)} .sidebar{float: left;margin-left: -300px;margin-top:0;width: 300px;position: relative;} body.archive .sidebar{margin-top: 30px;} body.single .sidebar{margin-top: 50px;} .sidebar .widget{position: relative;margin-bottom:20px;background: #fafafa;} .sidebar .widget.widget-none{margin-bottom:0;background: none;} .sidebar .widget.widget-nopadding{padding:0 !important;} .sidebar .widget.affix {position: fixed;width: 300px;z-index:2;} .sidebar .widget h3{font-size:18px;color:#333;position:relative;height:14px;line-height:14px;margin:0 0 25px;font-weight:400;} .sidebar .widget h3 span{display:inline-block;padding:0 7px 0 0;background:#fafafa;position:relative;z-index:1} /*.sidebar .widget h3:after{width:100%;content:'';border-bottom:1px solid #efefef;display:block;top:50%;left:0;position:absolute}*/ .sidebar .widget .span-mark{display: inline-block;background-color: #f42;position: absolute;top: 18px;left: 0;z-index: 1;height: 20px;line-height: 20px;width: 4px;} .sidebar .widget-text{border-left:none;padding:20px;} .sidebar .widget-text img{max-width:100%;height:auto;} .sidebar .widget-postlist{padding:20px;} .sidebar .widget-postlist li{padding:10px 0;} .sidebar .widget-postlist li:first-child{padding-top:0} .sidebar .widget-postlist li:last-child{padding-bottom:0} .sidebar .widget-postlist li a{font-size:14px;font-weight:normal;} .sidebar .widget-postlist li .time{font-size:12px;color:#999;margin:0;} .sidebar .widget-joblist{padding:20px;} .sidebar .widget-joblist ul{margin-bottom: 25px;} .sidebar .widget-joblist li{margin-bottom: 15px;position:relative;} .sidebar .widget-joblist li .info{padding-left:95px} .sidebar .widget-joblist li .info h4{color:#333; line-height: 22px;margin-bottom: 6px;font-weight:normal;font-size:16px;} .sidebar .widget-joblist li .company-logo{position:absolute;left:0px;top:0;border: 2px solid #eee;} .sidebar .widget-joblist li .company-logo img{width:75px;} .sidebar .widget-joblist li .company{margin-bottom: 10px;font-size:14px;color:#666;} .sidebar .widget-joblist li .meta{font-size:12px;color:#999;margin:0;} .sidebar .widget-joblist .zhaopin {text-align: center;} .sidebar .widget-joblist .zhaopin a{display:block;border: 1px solid #f42;border-radius: 2px;padding: 4px 0;color: #f42;font-size: 14px;width:100%;} .sidebar .widget-joblist .zhaopin a:hover{background: #f42;color:#fff;} .sidebar .widget-userlist{padding:20px;} .sidebar .widget-userlist ul{margin-bottom: 25px;} .sidebar .widget-userlist li{margin-bottom: 15px;position:relative;} .sidebar .widget-userlist li .info{padding-left:95px} .sidebar .widget-userlist li .info h4{color:#333; line-height: 22px;margin-bottom: 6px;font-weight:normal;font-size:16px;} .sidebar .widget-userlist li .user-avatar{position:absolute;left:0px;top:0;border: 2px solid #eee;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;} .sidebar .widget-userlist li .user-avatar img{width:75px;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;} .sidebar .widget-userlist li .desc{margin-bottom: 10px;font-size:14px;color:#666;} .sidebar .widget-userlist li .meta{font-size:12px;color:#999;margin:0;} .sidebar .widget-userlist .daren {text-align: center;} .sidebar .widget-userlist .daren a{display:block;border: 1px solid #f42;border-radius: 2px;padding: 4px 0;color: #f42;font-size: 14px;width:100%;} .sidebar .widget-userlist .daren a:hover{background: #f42;color:#fff;} .sidebar .widget-commentlist {padding-top:10px;padding-bottom:10px;padding:20px} .sidebar .widget-commentlist .comment-item{margin-bottom:20px;} .sidebar .widget-commentlist .sidebar-comments-comment {font-size:12px;padding:10px 20px;background:#f1f1f1;margin-top:10px;margin-bottom:10px;position:relative} .sidebar .widget-commentlist .sidebar-comments-comment:before {content:" ";height:0;width:0;border-color:transparent;border-style:solid;border-width:5px;border-bottom-color:#f1f1f1;position:absolute;left:20px;top:-10px} .sidebar .widget-commentlist .postmeta{color:#999;font-size:13px;} .sidebar .widget-commentlist .sidebar-comments-title {font-size:12px;color:#999;} .sidebar .widget-commentlist .sidebar-comments-title a {margin-left:5px} .sidebar .widget-tags{padding:20px} .sidebar .widget-tags .items a{padding:5px 8px;margin:0 8px 8px 0;display:inline-block;background:#f1f1f1;color:#444;font-size:12px;} .sidebar .widget-tags .items a:hover{color:#F42} .sidebar .widget-recommend{padding:20px;} .sidebar .widget-recommend .items .item{display:block;padding-bottom:20px;} .sidebar .widget-recommend .items .item:last-child{padding-bottom: 0;} .sidebar .widget-recommend .items .item img{width:100%;height:auto;} .sidebar .widget-recommend .items .item h4{margin-top: 10px;font-size:15px;} .sidebar .widget-author{padding:20px;} .sidebar .widget-author .avatar{border-radius: 50%;margin-bottom:20px;width:80px;height:80px;float: left;} .single-job .sidebar .widget-author .avatar{border-radius: 0;} .sidebar .widget-author .info{margin-bottom:20px; } .single-job .sidebar .widget-author .info{overflow:hidden;} .sidebar .widget-author .name{font-size:18px;margin-bottom: 10px;margin-left:95px;color: rgba(0,0,0,.8);} .sidebar .widget-author .desc{margin-left:95px;color: rgba(0,0,0,.5);font-size: 14px;} .sidebar .widget-author .author-total{overflow:hidden;margin-bottom:30px;width:100%;} .sidebar .widget-author .author-total .total-item{border:1px solid #eaeaea;text-align: center;width: 40%;margin: 0 5%;padding:15px 0;float:left;color:#999;font-size: 14px;border-radius: 2px;} .sidebar .widget-author .author-total .total-item .post-total, .sidebar .widget-author .author-total .total-item .read-number{color:#333;font-size:22px;} .sidebar .widget-author .author-latest-posts{margin-bottom:30px;} .sidebar .widget-author .author-latest-posts .pic {width: 80px;height: 60px;background: #666666 no-repeat center center;background-size: cover;margin-right: 10px;float: left;} .sidebar .widget-author .author-latest-posts .author-post-item{margin-bottom:20px;} .sidebar .widget-author .author-latest-posts .author-post-main{overflow: hidden;height:60px;} .sidebar .widget-author .author-latest-posts .author-post-main .title {display: inline-block;max-height: 60px;line-height: 20px;overflow: hidden;color: #333;font-size: 14px;} .sidebar .widget-author .author-latest-posts .more-article {display: block;padding: 10px 0 0;text-align: right;font-size: 14px;color:#f42;} .sidebar .widget-author .author-report a{width:100%;border:1px solid #f42;border-radius: 2px;padding:4px 0;color:#f42;font-size:14px;display: block;text-align: center;} .sidebar .widget-author .author-report a:hover{background: #f42;color:#fff;} .news-paging{text-align: center;padding: 0 0 30px 0;} .news-paging > a{width: 100%;height: 50px;line-height: 50px;font-size: 16px;border: none;background-color: #f1f1f1;display: block;} .pagination-loading{height:40px;margin-bottom: 50px;} .page-nav{text-align:center;padding-top:30px} .pagination{display:inline-block} .pagination li{display:inline-block;font-size:14px;float:left;margin:0 3px} .pagination li a,.pagination li span{display:inline-block;background-color:rgba(0,0,0,0.1);color:rgba(0,0,0,0.3);width:50px;height:38px;line-height:38px} .pagination li span.dots{background-color:transparent;width:20px} .pagination li a:hover{background-color:rgba(0,0,0,0.2)} .pagination li .none{cursor:not-allowed} .pagination li .none:hover{background-color:rgba(0,0,0,0.1)} .pagination li .current{background-color:rgba(0,0,0,0.26);font-weight:bold;color:#fff} .pagination .prev,.pagination .next{font-size:22px;line-height:46px;width:55px} .pagination .prev{border-radius:32px 0 0 32px} .pagination .next{border-radius:0 32px 32px 0} .pagination i{position:relative;top:-3px} .container-single{width:850px;margin:0 auto;padding:0;position:relative;} .post-img{height:500px;overflow:hidden;background-size:cover;background-position:center;margin-bottom:50px;position:relative} .single-wrap .single-head{margin-bottom: 40px;} .post-img .container-single{position:relative;height:100%} .post-img .overlay{opacity:0.7} .post-head{position:absolute;bottom:40%;color:#fff;left:0;right:0} .post-head h1{font-size:36px;font-weight:700;margin-bottom:30px;line-height:1.4;} .single-wrap h1{font-size:26px;line-height: 30px;font-weight:700;color:#000;margin-bottom:20px;} .post-con{line-height:30px;font-size:16px;padding-bottom:30px;color:#333;} .post-con .post-feature{text-align: center;margin-bottom:40px;} .post-con .post-feature img{width:100%;height:auto;} .post-con .excerpt{background-color: #fafafa;padding: 15px;margin-bottom: 40px;} .post-con p{margin-bottom:30px} .post-con img{max-width:100%;height:auto;} .post-con h1{font-size:28px;margin:30px 0;font-weight:bold} .post-con h2{font-size:24px;margin:30px 0;font-weight:bold} .post-con h3{font-size:20px;margin:30px 0;font-weight:bold} .post-con a{color:#F42} .post-con blockquote{position:relative;margin:0 0 25px; padding-left: 16px;border-left: 4px solid #f42;} .post-con blockquote:before{content:'“';color: #F42;font-family: "Arial";font-weight: 700;font-size: 64px;line-height: .25;position: relative;top: .225em;} .post-con blockquote p{margin:0} .post-con ul, .post-con ol{margin:0 0 25px 0;padding:0 0 0 1.5em;} .post-con ul li{position: relative;} .post-con ul li::before {background: #F42;border-radius: 50%;content: '';display: block;height: 8px;left: -1.5em;position: absolute;top: .55em;width: 8px;} .post-con ol li{margin-left:30px;list-style: inherit;} .post-con .aligncenter{margin:0 auto;display:block;text-align: center;} .post-con .wp-caption{max-width:100%;} .post-con .wp-caption-text{color:#aaa;font-size:14px;max-width: 775px;} .post-con .post-copyright{font-size:14px;color:#999;margin-bottom: 0;} .post-con .post-copyright-varkr{color:#f42;} .post-con .post-copyright-outsite{text-align: right;} .post-con .post-copyright a{color: #999 !important;} .post-meta{position:absolute;bottom:50px;left:0;right:0;border:none} .single-wrap .post-meta{position:relative;bottom:auto;color:rgba(0,0,0,.3);left:auto;right:auto;font-size:14px;height:30px;line-height: 30px;} .single-wrap .post-meta .autor{float:left;height:30px;display:inline-block;line-height:30px;color:#f42;} .single-wrap .post-meta .autor img{float:left;width:30px;height:30px;border-radius:30px;} .single-wrap .post-meta .autor .name{margin-left:6px;} .single-wrap .post-meta .category{position: absolute;padding: 0;color: #f42;right: 0px;top: 0px;text-align:right;z-index: 1;} .post-meta .share-meta{position:absolute;bottom:-1px;right:0px;color:rgba(255,255,255,.5)} .post-meta .share-meta a{display:inline-block;padding:0 10px} .post-meta .share-meta a:hover{color:rgba(255,255,255,1) !important} .post-meta .share-meta ul li{float:left;font-size:18px} .post-bottom{position: relative;margin: 0 0 50px;} .post-bottom .post-zan{text-align: center;color:rgba(0,0,0,.15);margin-bottom:30px;} .post-bottom .post-zan a{ background: #F42;border: 2px solid rgba(255, 68, 34,0.1); border-radius: 50%; width: 95px;height: 95px;line-height: 95px;display: inline-block;box-shadow: 0 0px 8px rgba(255, 68, 34,.3);} .post-bottom .post-zan a i{font-size:28px;color: #fff;position:relative;top:28px;display: block} .post-bottom .post-zan a span{color:#fff;top:-5px;position: relative;} .post-bottom .post-tags{display: inline-block;margin-bottom:20px;} .post-bottom .post-tags a{background-color:rgba(0,0,0,0.05);border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;padding:5px 15px;margin-right:5px;font-size:13px;color:rgba(0,0,0,0.3);display:inline-block} .post-bottom .post-tags a:hover{background-color:rgba(0,0,0,0.1)} .post-bottom .post-shang{float: right;} .post-bottom .post-shang a{display: inline-block;border-radius: 3px;padding: 0 15px;height: 32px;line-height: 31px;font-size: 14px;text-align: center;min-width: 80px;color: #fff;background-color: #F7B10D;margin-left: 15px;opacity: 0.8;} .shang-item{width:50%;float: left;font-size: 12px;} .post-bottom .post-bottom-copyright{font-size:14px;color:#999;} .post-share{width: 2rem;position: fixed;margin: 0 0 0 -65px;top:120px;z-index: 1;color: #aaa;} .post-share a{padding: 0;line-height: 40px;height: 40px;width:40px;display:block;text-align: center;background-color: #fafafa;border: 1px solid #fff;} .post-share a i{font-size:18px;position:relative;top:2px;} .post-share .weixin-share{display: none;position: absolute;top: 2px;left: 50px;text-align: center;color: #999;padding: 8px;font-size: 14px;background-color: #fff;line-height: normal;cursor: default;box-shadow: 0 1px 8px rgba(0,0,0,.1);} .post-share a.btn-weixin:hover .weixin-share{display: block;} .single-ad{padding:30px 0 50px;} .single-ad a{color:#F42;font-weight:bold} .single-ad a:hover{text-decoration:underline} .single-ad span{padding:5px 8px 4px;border:#e2e2e2 1px solid;border-radius:4px;font-size:14px;margin-right:10px;color:#999;position:relative} .single-ad span:before{position:absolute;top:7px;right:-6px;display:inline-block;border-top:6px solid transparent;border-left:6px solid #e2e2e2;border-right:0 solid #e2e2e2;border-bottom:6px solid transparent;content:" "} .single-ad span:after{position:absolute;top:8px;right:-5px;display:inline-block;border-top:5px solid transparent;border-left:5px solid #fff;border-right:0 solid #fff;border-bottom:5px solid transparent;content:" "} .post-nav{position: relative;background: #fafafa;padding: 20px 0;z-index: 9;} .post-nav .container > a{display:block;max-width:49%;} .post-nav .post-nav-prev{float:left;overflow:hidden} .post-nav .post-nav-prev .post-thumbnail{float:left;margin-right:25px} .post-nav .post-nav-prev .info{float:left} .post-nav .post-nav-next{float:right;text-align:right} .post-nav .post-nav-next .post-thumbnail{float:right;margin-left:25px} .post-nav .post-nav-next .info{float:right} .post-nav .info{margin-top:8px} .post-nav .post-thumbnail{position:relative;overflow:hidden;width:105px;height:65px} .post-nav .post-thumbnail .background{position:relative;width:100%;height:100%;background-size:cover} .post-nav span{font-size:15px;letter-spacing:-.25px;text-transform:uppercase;color:#aaa} .post-nav h4{font-size:15px;font-weight:400;margin:0;color:#333;max-width: 420px;overflow: hidden;} .post-suggest{margin-bottom:30px} .post-suggest h2{font-weight: bold;color: #F42;border-left: 4px solid #F42;padding-left: 10px;font-size: 20px;line-height: normal;padding-bottom: 1px;margin-bottom: 40px;} .post-suggest .item{display:inline-block;height:150px;width:31.24%;margin-left:3%;margin-bottom:3%;text-align:center;position:relative;overflow:hidden;} .post-suggest .item .con{position:absolute;top:0px;bottom:0px;left:0px;right:0px;background-size:cover;background-position:center} .post-suggest .item h3{position:absolute;bottom:20px;color:#fff;padding:0 15px;font-size:16px;line-height:1.4;text-align:left} .post-suggest .item a.con:hover .overlay{opacity:0.7} .post-suggest .item:nth-child(3n+1){margin-left:0} .top-progress-bar{position:fixed;top:0;left:106px;height:2px;z-index:9999;background-color:#f42;} .post-other {padding: 20px 0;position: relative;} .weixin-con{text-align:center} .weixin-con p{font-size:16px;margin-bottom:15px} .weixin-con{background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.1)} .weixin-con img{width:100%} .more-dropdown .dropdown-menu{line-height:normal;top:60px;left:-50px;text-align:left;font-size:14px} .more-dropdown .dropdown-menu li a{display:block;padding:8px 0} .more-dropdown .dropdown-menu i{position:relative;top:2px;display:inline-block;width:30px;font-size:16px} .side-weixin{position:fixed;bottom:0px;left:0px;width:180px;display:none;padding:15px} .side-weixin p{text-align:center;font-size:14px} .side-weixin img{width:100%} .profile-head{text-align:center;padding-top:45px;padding-bottom:30px} .profile-head .avatar{width:120px;height:120px;border-radius:100%;margin-bottom:5px} .profile-head h1{font-size:20px} .profile-head .counts{color: #8a8a8a;font-size: 14px;margin:10px 0;} .profile-head .counts span {margin-left: 8px;padding-right: 20px;margin-right: 20px;border-right: 1px solid #eaeaea;} .profile-head .counts span.last{border-right:none;margin-right:0;padding-right:0;} .profile-head .des{margin:5px auto;width:60%;color:rgba(0,0,0,0.3);font-size:14px} .profile-head .des p{padding-top:10px} .search-head{text-align:center;padding:50px 0 30px 0} .input-group{position:relative} .input-group .icon-search{position:absolute;left:12px;top:15px;color:rgba(0,0,0,0.3);font-size:16px} .input-group .text-input{border:1px solid rgba(0,0,0,0.1);padding:0 15px;padding-left:45px;height:45px;-webkit-border-radius:999em;-moz-border-radius:999em;border-radius:999em;display:block;width:100%;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .search-result .count{font-size:14px;text-align:center;padding-bottom:30px;color:rgba(0,0,0,0.3)} .search-result .count .num{font-size:italic;padding:0 5px} .dia-overlay,.dia-box{display:none;transition:.5s} .dia-overlay{position:fixed;overflow:hidden;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0.97);z-index:999} .dia-overlay.open{display:block;pointer-events:auto;} .dia-box{position:relative;width:360px;margin:80px auto 0;padding:25px;border-radius:5px;-webkit-transform:translateY(80%) scale(.8);transform:translateY(80%) scale(.8);transition-timing-function:cubic-bezier(.3,0,0,1.3);transition-delay:.4s} .open .dia-box{display:block;-webkit-transform:none;transform:none} .open .dialog-reg{display:none} .switch .dialog-reg{display:block;opacity:1} .switch .dialog-login{display:none} .dia-box input{display:block;width:100%;padding:10px;border:1px solid rgba(0,0,0,0.1);border-radius:5px 5px 0 0;font:500 13px "helvetica neue",helvetica,arial,sans-serif;-webkit-font-smoothing:antialiased} input:focus{outline:none} .dia-box input[type=password]{border-top:none;border-radius:0 0 5px 5px} .dia-box .noradius{border-radius:0 !important} .dia-box input[type=email]{border-top:none;border-radius:0} .custom-style .confirm{display:block;margin-top:20px;padding:8px 0;border:1px solid rgba(0,0,0,0.06);border-radius:5px;background:#eee;text-align:center;width:100%;line-height:normal; font-size: 16px;} .custom-style .confirm:hover{border:1px solid rgba(0,0,0,0.18)} .dialog-logo{text-align:center;margin-bottom:20px} .dialog-logo img{width:180px} .button{display:inline-block;position:relative;height:38px;line-height:38px;padding:0 16px;outline:0;color:rgba(0,0,0,0.44);background:rgba(0,0,0,0);font-size:14px;text-align:center;text-decoration:none;cursor:pointer;border:1px solid rgba(0,0,0,0.15);vertical-align:bottom;white-space:nowrap;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:400;font-style:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:999em;-moz-border-radius:999em;border-radius:999em;-webkit-transition:.1s background-color,.1s border-color,.1s color;-moz-transition:.1s background-color,.1s border-color,.1s color;-ms-transition:.1s background-color,.1s border-color,.1s color;-o-transition:.1s background-color,.1s border-color,.1s color;transition:.1s background-color,.1s border-color,.1s color} .button:focus,.button:active,.button:hover{color:rgba(0,0,0,0.6);border-color:rgba(0,0,0,0.3)} .error-tips{margin-top:20px} .third-style{text-align:center} .third-style .line{text-align:center;margin:50px auto;font-size:14px;color:rgba(0,0,0,0.1);padding-bottom:10px;padding-bottom:0px} .button-weibo{border-color:#d74039;color:#d74039;width:100%;width:160px;opacity:0.7} .button-weibo:hover{opacity:1;border-color:#d74039;color:#d74039} .button-weibo i{position:relative;top:2px;font-size:16px;margin-right:8px} .overlay-close{clear:both;margin-top:40px;border-radius:100%;width:40px;height:40px;line-height:38px;padding:0px} .tips{font-size:12px;padding-top:10px;color:rgba(0,0,0,0.3)} .category-title{padding:0 0 30px 0;text-align:center} .category-title h1{font-weight:bold} .category-title .des{margin-top:10px;font-size:14px;color:rgba(0,0,0,0.5);} .tags-wrap .category-title h2 i{position:relative;top:2px;margin-right:10px} .error-page{margin:0 auto;text-align:center;padding:10% 0} .error-page h2{font-size:52px;font-family:"freight-text-pro",Georgia,Cambria,"Times New Roman","微软雅黑",Times,serif;font-weight:bold} .error-page .p1{color:#F42;padding:20px 0;margin-bottom:20px} .btn-back i{font-size:18px;position:relative;top:2px;margin-right:5px} .tags-box{margin-top:20px} .tags-list{position:relative;padding:40px 0 40px 10%;font-size:16px;line-height:40px;border-bottom:rgba(0,0,0,0.08) 1px solid} .tags-list:last-child{border-bottom:none} .tags-list .tags-list-head{position:absolute;left:0;top:45px;width:auto;font-weight:bold;font-size:20px} .tags-list li{float:left;width:30.33%;margin-left:3%;margin-bottom:3%} .tags-list li a{display:block;padding:4px 10px 4px 20px;background:#FFF;border-radius:4px} .tags-list li a span{float:right;color:#9fa3a7} .tags-list li a:hover{background:#F42;color:#fff} .tags-list li a:hover span{color:#fff} .subject-list{padding-top:50px;overflow:hidden} .subject-item:nth-child(2n+1){margin-left:0} .subject-item{display:inline-block;min-height:260px;width:48.22222%;margin-left:3%;margin-bottom:3%;float:left} .subject-item>a{display:block;max-height:102px;overflow:hidden} .subject-item img{width:100%} .subject-item h2{padding:12px 0 8px 0;font-size:18px} .subject-item .info{color:rgba(0,0,0,0.5);font-size:14px} .page-wrap{padding:50px 0 0;} .page-bar{width:90px;border-right:rgba(0,0,0,0.05) 2px solid;float:left} .page-bar li{margin-bottom:15px} .page-bar li.active,.page-bar li.current_page_item{border-right:#F42 2px solid;color:#F42;margin-right:-2px} .page-bar li:last-child{margin-bottom:0px} .page-con{margin-left:150px} .page-con.page-fullwidth{margin-left:0} .page-title{margin-bottom:20px;font-size:20px;font-weight:bold;text-align:center} .about-intro{text-align:center;color:#aaa;} .about-intro .about-logo{margin-top:70px;width:100%;max-width:300px;height:auto;} .about-intro .about-title{margin:60px auto 0;width:100%;max-width:650px;height:auto;} .about-intro .desc{margin:80px auto 0;font-size:14px;max-width:550px;line-height:30px;color:#fafafa;} .about-partner{text-align: center;} .about-partner .about-title{font-size: 20px;font-weight: 700;margin: 0;padding: 10px 0 0;} .about-partner .about-decoration{color: #e6e6e6;font-size: 26px;margin: 25px 0 50px;} .about-partner .about-decoration:before {margin-right: 20px;} .about-partner .about-decoration:after {margin-left: 7px;} .about-partner .about-decoration:after, .about-partner .about-decoration:before {border-bottom: solid 1px #e5e5e5;content: "";display: inline-block;margin-bottom: 10px;width: 128px;} .about-partner .about-description {padding: 0;margin: 0 0 75px;color: #aaa;font-size: 14px;line-height: 30px;} .about-partner .about-description span{display: block} .about-partner .about-partners-logos {list-style: none;padding: 0;margin: 70px auto;overflow: hidden;} .about-partner .about-partners-logos li {width:25%;padding:10px;float:left;} .about-partner .about-partners-logos li img{width:100%;height: auto;opacity: .55;} .about-contact{text-align:center;background-image: url("static/image/about-bg2.jpg");background-position: center;background-size: cover;margin-bottom: 135px;} .about-contact .about-title{font-size: 20px;font-weight: 700;margin: 0;padding: 75px 0 0;color:#fff;} .about-contact .about-box{margin: 0 auto;background: #fff;color:#aaa;font-size:14px;padding:20px 30px;text-align: left;position:relative;max-width:500px;top:70px;box-shadow: 0 1px 2px rgba(0,0,0,0.05);} .about-contact .about-box ol li{list-style:inherit;} .about-team{text-align: center;} .about-team .about-title{font-size: 20px;font-weight: 700;margin: 0;padding: 75px 0 0;} .about-team .about-decoration{color: #e6e6e6;font-size: 26px;margin: 25px 0 50px;} .about-team .about-decoration:before {margin-right: 20px;} .about-team .about-decoration:after {margin-left: 7px;} .about-team .about-decoration:after, .about-team .about-decoration:before {border-bottom: solid 1px #e5e5e5;content: "";display: inline-block;margin-bottom: 10px;width: 128px;} .about-team .about-team-users{margin: 70px auto;overflow: hidden;} .about-team .about-team-users li{width:20%;float:left;padding:30px;} .about-team .about-team-users li img{border-radius: 50%;width:100%;height: auto;} .about-team .about-team-users li p{margin-top:8px;} .comm-hot-title {font-weight: bold;color:#F42;border-left: 4px solid #F42;padding-left: 10px;font-size:20px;line-height: normal;padding-bottom: 1px;margin-bottom: 40px;} .comment-avatar{float:left} .comment-avatar img{border-radius:100%;width:50px;height:50px} .comment-body{margin-left:70px} .comment-list > li{overflow:hidden;padding:20px 0;border-bottom:#eee 1px solid} .comment-list > li:last-child{border-bottom:none} .comment-list li .children{margin-left:70px} .comment-list > li.comment > .children{margin-left:70px;margin-top:10px;background-color: #fafafa;border-left: 3px solid #eaeaea;padding-left: 10px;padding-bottom:20px;} .comment-list li .children > li{padding-top:20px} .comment-meta{font-size:14px;padding-top:6px;color:rgba(0,0,0,0.3)} .comment-meta span{margin-right:10px} .comment-toggle{margin-left:5px;float:right} .comment-toggle i{position:relative;top:1px;margin-right:4px;margin-left:10px;font-size:14px} .comment-toggle .icon-weibo{font-size:14px} .comment-toggle .article-comment-vote {cursor: pointer;} .comment-toggle .article-comment-vote:hover{color:inherit} .comment-toggle .article-comment-vote.active, .comment-toggle .article-comment-vote.active:hover {color: #F42;} .comment-approved{color:#cccccc;font-size:12px} .logged-in-as{display:none} .comment-form{overflow:hidden;margin-top:20px} .comment-form textarea[name="comment"]{border:rgba(0,0,0,0.1) 1px solid;width:100%;padding:8px 12px;height:80px;font-size:14px;border-radius:2px;overflow-y:visible;overflow:hidden;-webkit-appearance:none} .comment-form .form-submit #submit{border:none;float:right;font-size:14px;display:inline-block;position:relative;height:38px;line-height:38px;padding:0 20px;outline:0;color:#fff;background:#F42;font-size:14px;text-align:center;text-decoration:none;cursor:pointer;vertical-align:bottom;white-space:nowrap;font-weight:400;font-style:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;} .comment-form .form-submit input[type="submit"]:focus,.comment-form .form-submit input[type="submit"]:active,.comment-form .form-submit input[type="submit"]:hover{color:rgba(0,0,0,0.6);border-color:rgba(0,0,0,0.3)} .comment-form .comment-avatar{float:left} .comment-form .comm-con{margin-left:70px} .pagination-comment{text-align:center;font-size:14px;padding:15px 0;margin-bottom:40px} .pagination-comment .page-numbers{padding:5px 6px} .pagination-comment span{color:#999} .more-trigger{text-align: center;padding:0 0 30px 0;} .more-trigger.more-posts a{width: 100%;border-radius:0;height:50px;line-height: 50px;font-size: 16px;border:none;background-color: #f1f1f1;} .more-trigger.more-posts a:hover{background-color: rgba(0,0,0,.1);} .toggle-bar{margin-top:10px;font-size:14px} .logininPost{font-size:14px} .p-input-wrap{overflow:hidden;margin-bottom:10px} .p-input-wrap span{display:inline-block;float:left;width:30%;position: relative;} .p-input-wrap span .comment-captcha-clk{position:absolute;right:1px;top:1px;width:80px;height:35px;cursor: pointer;} .p-input-wrap span p{margin-top:5px} .p-input-wrap input{width:100%;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;font-size:14px;padding:8px 10px;border:rgba(0,0,0,.1) 1px solid} .comment-notes{font-size:14px;margin-bottom:5px;display:none} .form-action-wrap{overflow:hidden;position:relative} .form-action-wrap .logininPost{float:left;margin-top:10px} .form-action-wrap .logininPost a{color:#f42;} .form-action-wrap .form-submit{float:right} .form-action-wrap .comment-reply-title{position:absolute;right:110px;top:10px;color:rgba(0,0,0,.3)} figure{margin:0} img{vertical-align:middle} .img-responsive,.carousel-inner > .item > img,.carousel-inner > .item > a > img{display:block;max-width:100%;height:auto} .img-rounded{border-radius:6px} .img-thumbnail{padding:4px;line-height:1.42857143;background-color:#ffffff;border:1px solid #dddddd;border-radius:4px;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;display:inline-block;max-width:100%;height:auto} .img-circle{border-radius:50%} hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eeeeee} .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0} .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} .autors-list{font-size:0px;padding-top:80px;overflow:hidden} .autor-item{display:inline-block;float:left;height:300px;width:31.33%;margin-left:3%;margin-bottom:6%;text-align:center;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:10px 20px;background:#f5f5f5} .autors-list .autor-item:nth-child(3n+1){margin-left:0} .autor-item .autor-avatar{display:inline-block;background:#fff;padding:5px;border-radius:100%;margin-top:-60px;margin-bottom:10px} .autor-item .autor-avatar img{width:68px;border-radius:100%} .autor-item .autor-name{font-size:18px;margin:10px 0} .autor-item .autor-name .title{font-size:14px;color:rgba(0,0,0,0.3);display:block} .autor-item .autor-mail{margin-bottom:10px;font-size:14px;color:#F42} .autor-item .autor-des{color:rgba(0,0,0,0.4);font-size:14px} .autor-item .btn-wrapper{margin:20px 0 10px 0;position:absolute;bottom:20px;left:0px;right:0px} .autor-item .btn-wrapper .btn-count:before{content:'';display:inline-block;width:1px;height:14px;background:rgba(0,0,0,0.3);margin-right:8px;margin-left:2px;vertical-align:middle;margin-top:-2px} /*************** ad ****************/ .varkr-ad{text-align: center;display: block} .varkr-ad img{max-width:100%;height: auto} .varkr-ad-title, .varkr-ad-cat, .varkr-ad-index{margin-bottom: 20px;} /*************** footer ****************/ .analysis{display:none} .footer-wrap{position:relative;clear: both;background:#131313;color:#aaa;font-size:13px;z-index: 99} .footer-wrap .container{margin:0 auto;} .footer-wrap .footer-quote{background: #F6F6F6;padding:50px 0;text-align: center;} .footer-wrap .footer-quote .footer-quote-quote {color: #F42;font-family: "Arial Bold Italic";font-weight: bold;font-size: 32px;margin-bottom:20px;} .footer-wrap .footer-quote .footer-quote-joinus {border: 2px solid rgba(0,0,0,.1);border-radius: 3px;color: #AAA;font-size:16px;display: inline-block;padding: 6px 12px;} .footer-wrap .footer-link{margin-bottom:30px;} .footer-wrap .footer-link .container{padding-top: 40px;text-align: center;} .footer-wrap .footer-link .footer-logo{float: left;} .footer-wrap .footer-link .brand{width:100%;max-width: 250px;height:auto;} .footer-wrap .footer-link .footer-follow{font-size:0;float:right;} .footer-wrap .footer-link .footer-follow a{font-size:16px;display:inline-block;width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;background:#333;margin:0 8px;color:#fff} .footer-wrap .footer-link .footer-follow a:hover{ background: 0 0;box-shadow: inset 0 0 0 2px #333;} .footer-wrap .footer-link .footer-follow .follow-weixin{position:relative;} .footer-wrap .footer-link .footer-follow .follow-weixin .weixin-social-img{display: none;position:absolute;background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);text-align: center;padding-bottom:10px;font-size: 13px;top:48px;left:-55px;} .footer-wrap .footer-link .footer-follow .follow-weixin .weixin-social-img:before {content: '';height: 8px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #eaeaea;border-top: 0 solid #eaeaea;position: absolute;top: -14px;left: 66px;} .footer-wrap .footer-link .footer-follow .follow-weixin .weixin-social-img:after {content: '';height: 8px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;border-top: 0 solid #fff;position: absolute;top: -13px;left: 66px;} .footer-wrap .footer-link .footer-follow .follow-weixin .weixin-social-img img{width:150px;height:150px;display: inline-block;} .footer-wrap .footer-link .footer-follow .follow-weixin .weixin-social-img p{color:#aaa;margin:0;line-height: 16px} .footer-wrap .footer-link .footer-follow .follow-weixin:hover .weixin-social-img{display: block;} .footer-wrap .footer-widget{margin-bottom:40px;} .footer-wrap .footer-widget h3{color: #fff;margin-bottom: 10px;} .footer-wrap .footer-widget .footer-widget-left{width:30%;float:left;} .footer-wrap .footer-widget .footer-widget-left p{margin:0 0 15px;line-height:24px;} .footer-wrap .footer-widget .footer-widget-left .footer-menu a{margin:0 6px 0 0;color:#fff;} .footer-wrap .footer-widget .footer-widget-center{width:45%;float:left;margin-left: 5%;margin-top: -20px;} .footer-wrap .footer-widget .footer-widget-center .footer-companys{margin-bottom: 15px;} .footer-wrap .footer-widget .footer-widget-center .footer-companys a{opacity: .6;margin-right: 15px;margin-bottom: 10px;display: inline-block;} .footer-wrap .footer-widget .footer-widget-center .footer-companys a:hover{opacity: 1.0;} .footer-wrap .footer-widget .footer-widget-center .footer-companys a img{width:100px;height:auto;} .footer-wrap .footer-widget .footer-widget-right{width:15%;margin-left: 5%;float: left;margin-top: -10px;} .footer-wrap .footer-widget .footer-widget-right .footer-weixin-img{text-align: center;} .footer-wrap .footer-widget .footer-widget-right .footer-weixin-img img{width:140px;height: auto;margin-bottom:5px;} .footer-wrap .footer-widget .footer-links-wrap{margin-top:10px;} .footer-wrap .footer-widget .footer-links-wrap h3{display: inline-block;font-size: 16px;} .footer-wrap .footer-widget .footer-links-wrap .footer-links{display: inline-block;margin-left: 10px;} .footer-wrap .footer-widget .footer-links-wrap .footer-links ul{list-style: none; position: relative;top: 4px;} .footer-wrap .footer-widget .footer-links-wrap .footer-links ul li{float: left;} .footer-wrap .footer-widget .footer-links-wrap .footer-links a{margin-right: 8px;} .footer-wrap .footer-bottom{background: #000000;line-height: 50px;height: 50px;color: #aaa;font-size: 12px;position: relative;} .footer-wrap .footer-bottom .copyright{} .footer-wrap .footer-bottom .copyright a{color:#fff;} .footer-wrap .footer-bottom .copyright .beian{float:right;} .subscribe-body, .weixin-body{text-align: center;} .subscribe-body h2{color:#f42;font-weight: bold;margin-bottom: 20px;font-size: 30px;} .subscribe-body p{margin-bottom:30px;} .subscribe-body .subscribe-tips{font-size: 13px;color:#aaa;margin-bottom:10px;} .subscribe-body img, .weixin-body img{max-width: 100%;height:auto;} .subscribe{font-size:0px;margin-bottom:20px;} .subscribe .subscribe-input{width:250px;font-size:13px;padding:3px 14px 3px 40px;height:42px;font-weight:normal;border:#e6e6e6 1px solid;border-right:0px;float:left} .subscribe form{position:relative;display:inline-block} .subscribe form i{position:absolute;left:14px;top:12px;font-size:18px;color:rgba(0,0,0,0.2)} .subscribe .subscribe-submit{float:left;font-size:13px;height:42px;line-height:42px;width:76px;text-align:center;border:none;background-color:#f42;display:inline-block;color:#fff;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease} .subscribe .subscribe-submit:hover{background-color:#000} .subscribe .subscribe-submit i{font-size:16px;margin-right:4px;margin-bottom:-5px} /*************** isread ****************/ body.is-read{padding-top:0;background: #fefefe;} body.is-read .post-share a, body.is-read .post-bottom, body.is-read .post-suggest, body.is-read .post-nav, body.is-read .post-comments-wrap, body.is-read .sidebar, body.is-read .footer-wrap, body.is-read .top-progress-bar{display: none;} body.is-read .header, body.is-read .post-img{background: none !important;height: auto !important;margin-bottom: 40px;} body.is-read .header, body.is-read .post-img .overlay{opacity: 0;display: none} body.is-read .header, body.is-read .post-img .post-head{color:#111;position:relative;bottom:auto;} body.is-read .header, body.is-read .post-img .post-meta{position: relative;bottom: auto;} body.is-read .header, body.is-read .post-img .post-meta .autor-meta, body.is-read .header, body.is-read .post-img .post-meta .autor-meta a, body.is-read .header{color: rgba(0,0,0,.3);} body.is-read .content{margin-right: 0;max-width: 775px;margin:0 auto;float: none} /*************** tougao ****************/ .tougao{margin-bottom: 50px;} .tougaoForm .formItem{margin-bottom: 10px;} .tougaoForm .formItem label{display: block;} .tougaoForm .formItem .formInput{width:100%;padding:8px 10px;border:1px solid #ddd;} .tougaoForm .formItem #post_cat{width:20%;padding:4px 5px;border:1px solid #ddd;-webkit-appearance:menulist;} .tougaoForm .formItem .wp-editor-wrap .wp-editor-container {border: 1px solid #ddd;} .tougaoForm .formItem .formBtn{border: none;display: inline-block;height: 38px;line-height: 38px;padding: 0 25px;outline: 0;color: #fff;background: #F42;font-size: 14px; text-align: center;text-decoration: none;cursor: pointer;vertical-align: bottom;white-space: nowrap;font-weight: 400;font-style: normal;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;} .tougaoForm .formItem .tougao-login{margin-left: 10px;font-size: 14px;} .tougao-tips{border:2px dashed #ddd;padding:20px;} .tougao-result{text-align: center;border:1px solid red;padding:6px;font-size: 14px;margin-bottom: 10px;color:red;} .tougao-result.success{color:green;border-color: green} /*************** user ****************/ .user-wrap{padding:50px 0; overflow: hidden;} .user-wrap .user-header{text-align:center;background-color:#fff;float:left;width:180px;box-shadow:0 1px 8px 0 rgba(0,0,0,0.2);position:relative} .user-wrap .user-header .user-img{position:relative} .user-wrap .user-header .user-img img{width:100%} .user-wrap .user-header .user-img .edit{position:absolute;top:10px;right:10px;background-color:#333;color:#fff;font-size:14px;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:100%;box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);cursor:pointer} .user-wrap .user-header .user-img .edit:hover{background-color:#222} .user-wrap .user-header .user-img .edit i{position:relative;top:1px;left:1px} .user-wrap .user-header .user-img .mark{position:absolute;bottom:0px;left:0px;right:0px;display:inline-block;padding:5px 8px;background-color:#80BCA3;color:#fff;font-size:12px} .user-wrap .user-header .user-info{padding:15px;padding-bottom:25px} .user-wrap .user-header .user-info h3{font-size:18px;font-weight:bold;margin-bottom:15px} .user-wrap .user-header .user-info .btn-quit{margin-top:20px} .user-wrap .user-header .count-num span{font-size:12px;color:#8a8a8a;margin-bottom:5px;display:block} .user-wrap .user-header .count-num b{font-weight:bold;font-size:22px;border-top:2px solid #e6e6e6;border-bottom:2px solid #e6e6e6;padding:0px 5px;display:inline-block} .user-wrap .user-main{margin-left:220px} .user-wrap .user-main .tab-nav{margin-bottom:10px} .user-wrap .user-main .tab-nav>ul{border-bottom:1px solid #ebebeb;overflow:hidden} .user-wrap .user-main .tab-nav>ul>li{float:left;padding-right:35px} .user-wrap .user-main .tab-nav>ul>li a{display:block;padding-bottom:12px;border-bottom:3px solid transparent} .user-wrap .user-main .tab-nav>ul>li.active{font-weight:bold} .user-wrap .user-main .tab-nav>ul>li.active a{border-bottom:3px solid #ff5831} .user-wrap .user-main .user-comment-list .item{padding:20px 0;border-bottom:1px solid #ebebeb} .user-wrap .user-main .user-comment-list .item .con{background-color:#f1f1f1;padding:20px 15px;position:relative} .user-wrap .user-main .user-comment-list .item .con:after{position:absolute;content:'';width:0px;height:0px;border-width:8px;border-style:solid;border-color:transparent;border-top-color:#f1f1f1;right:25px;bottom:-16px} .user-wrap .user-main .user-comment-list .item .from{text-align:right;margin-top:15px} .user-wrap .user-main .user-comment-list .item .from h3{font-size:16px;font-weight:bold;margin-bottom:5px} .user-wrap .user-main .user-comment-list .item .from .time{color:#8a8a8a;font-size:12px} .user-wrap .user-main .user-info{margin-top: 20px;} .user-wrap .user-main .user-info form{margin-bottom: 40px;} .user-wrap .user-main .user-info .form-item{margin-bottom: 15px;} .user-wrap .user-main .user-info .form-item > span{width:15%;display: inline-block;} .user-wrap .user-main .user-info .form-item .form-input{display:inline-block;width: 70%;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;font-size: 14px;padding: 8px 10px;border: rgba(0,0,0,.1) 1px solid;} .user-wrap .user-main .user-info .form-item input[type="button"]{background: #F42;color:#fff;font-size: 16px;text-align: center;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;padding:8px 28px;border:none;} @media screen and (min-width:768px){ .home .header{-webkit-transform:translateY(0%) !important;-ms-transform:translateY(0%) !important;transform:translateY(0%) !important;-webkit-transition:all 500ms cubic-bezier(0.190,1.000,0.220,1.000) !important;-moz-transition:all 500ms cubic-bezier(0.190,1.000,0.220,1.000) !important;-o-transition:all 500ms cubic-bezier(0.190,1.000,0.220,1.000) !important;transition:all 500ms cubic-bezier(0.190,1.000,0.220,1.000) !important} } @media (max-width:767px){.hidden-xs{display:none !important} }@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important} }@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important} }@media (min-width:1200px){.hidden-lg{display:none !important} } @media (max-width:1190px){ .container{padding:0 20px;} } @media (max-width:1024px){ .sidebar{display:none} .content{margin-right: 0;float: none;} } @media (max-width:850px){ .container-single{width:auto} .post-head{left:20px;right:20px;} } @media (max-width:900px){ .inner-wrap{width:auto} } @media (max-width:768px){ body{padding-top:48px} .container {padding: 0 10px;} .post-head{left:10px;right:10px;} .post-head h1{margin-bottom: 0;} .focus-wrap, .archive-wrap {margin: 20px auto;} .single-wrap {margin: 20px auto;} .roller-bar{display:none !important} .roller-bar a{width:30px;height:30px;line-height: 30px;} .roller-bar i {font-size: 16px;line-height: 30px;} .roller-bar .qr-code, .roller-bar .read-clean{display:none} .roller-bar .return-top{border-top:none;} .post-con{margin-bottom:0;padding-bottom: 0} .post-bottom{margin-bottom:20px;} .post-bottom .post-zan a{width: 60px;height: 60px;line-height: 60px;} .post-bottom .post-zan a i {font-size: 20px;top:14px;} .post-bottom .post-zan a span{font-size: 12px;top: -8px;} .post-share{position:relative;margin:0 0 30px;top:0;width:auto;text-align: right;} .post-share a{display: inline-block !important; } .post-share a:first-child, .post-share a:last-child{display: none !important;} .post-bottom .post-tags a{padding:3px 11px;} .post-bottom .post-shang{display: none} .single-wrap .content{margin-left:0;} .search-head{padding-top: 20px;} .form-search .icon-search{font-size:18px;margin-top:-1px} .form-search .icon-search:before{margin-top:20px} .form-search .close{line-height:18px} .profile-head{padding-top: 20px;} .profile-head .avatar{height: 80px;width:80px;} .header{height:48px} .header .logo-wrap{float:none} .header .logo-wrap .logo img{width:100px} .header .btn-menu{display:block;top:15px;left:15px;} .header .nav-menu{position:absolute;top:50px;left:0px;right:0px;background:rgba(255,255,255,0.95);margin-left:0px} .has-drop-menu:after{display:none !important} .header .nav-menu .main-menu{display:none !important} .header .nav-menu > ul > li > a{height:48px;line-height:48px} .header .right-bar .form-search{font-size:16px !important} .header .mobile-menu li{width:25%;border-left:rgba(0,0,0,0.05) 1px solid;text-align:center} .header .mobile-menu li:first-child{border-left:none} .header .mobile-menu li a{padding:0 !important} .header .right-bar>ul>li{height:50px;line-height: 50px;} .header .right-bar .login, .header .right-bar .dropdown{display:none} .header .right-bar .li-after:after{content:none;} .header .right-bar .form-search .icon-search:before{margin-top:16px;margin-right:15px;} .header .right-bar .form-search .icon-close{top:17px;} .cover{height:auto;} .news-list-header{display: none} .news-item{position:relative;margin-bottom:20px;} .news-item .news-thumb .thumb{width:180px;height:auto;} .news-item .news-thumb .category-bar{display:none} .news-item .news-con{height:111px;margin-left:200px;} .news-item .news-con .title{max-width:100%;font-size:18px;margin-bottom:0px} .news-item .news-con .news-tags{display: none} .news-item .news-con .des{height:36px;font-size:13px;overflow:hidden;margin-top:5px;} .review-box{height:240px !important;} .user-wrap{padding:0;} .user-wrap .user-header{position:relative;padding:30px;width:100%;float:none;text-align:center} .user-wrap .user-header .user-info{padding-bottom:0px} .user-wrap .user-header .user-img{position:static;display:inline-block;width:80px;height:80px;border-radius:100%;overflow:hidden} .user-wrap .user-header .user-img img{border-radius:100%} .user-wrap .user-header .user-img .mark{display:none} .user-wrap .user-main{margin-left:0px;padding:20px 10px 0;} .page-bar{display:none} .page-con{margin-left:0px} .right-bar .li-after{display:none} .pagination li a,.pagination li span{display:none} .pagination li .prev,.pagination li .next{display:inline-block} .footer-wrap .footer-widget .footer-widget-left{width:100%;} .footer-wrap .footer-link{margin-bottom:15px;} .footer-wrap .footer-link .container{padding-top:20px;} .footer-wrap .footer-link .footer-follow{display: none} .footer-wrap .footer-widget .footer-widget-center, .footer-wrap .footer-widget .footer-widget-right{display: none} .footer-wrap .footer-bottom .copyright .beian{display: none} .footer-wrap .footer-widget .footer-links-wrap{display: none} } @media (max-width:640px){ } @media (max-width:480px){ .logo-wrap{margin-top:12px;} .logo-wrap .logo img{width:100px;} .focus-wrap{margin-top:15px;} .nav-icons li.user{display: none} .overlay-close{position:fixed;top:20px;left:20px;margin-top:0px} .dia-box{width:auto} .pagination li{margin:0px} .pagination li .prev,.pagination li .next{margin:0 3px} .subscribe .subscribe-input{width:75%} .subscribe .subscribe-submit{width:25%} .header .btn-menu{left:15px} .post-img{height:250px} .post-head{bottom:80px} .post-meta{position:absolute;bottom:20px !important} .single-wrap .post-meta{position:relative;bottom:auto !important} .post-head h1{font-size:24px;line-height:normal;margin-bottom:0} .p-input-wrap span{width: 70%;} .tougaoForm .formItem #post_cat{width:50%;} .category-title h1{font-size: 20px;} .news-list .review-focus{display: none} .news-item{position:relative;margin-bottom:20px;} .news-item .news-thumb .thumb{width:140px;height:93px;} .news-item .news-con{margin-left:150px;height:93px;} .news-item .news-con .title{font-size: 16px;line-height:18px;max-height:63px;overflow:hidden;} .news-item .news-con .des{display: none} .news-item .news-con .author{line-height:inherit;display: block} .news-item .news-con .author .avatar-des{margin-left:0;display: block} .news-item .news-con .author .avatar-img{display: none} .news-item .news-con .author .avatar-des .full-name .name{display: none} .news-item .news-con .author .avatar-des .full-name .cat{position: absolute;bottom:0;right:0;display: block;color:#f42;} .news-item .news-con .author .avatar-des .full-name .time{position: absolute;left: 0;bottom: 0;padding-left:0;} .review-box{height:200px !important;width:100%;} .review-box:nth-child(2n){margin-left:0;float:none;} .review-box .review-con h2{font-size: 20px;margin-bottom: 0;} .post-suggest .item{width:100%;height:200px;margin:0 0 15px 0} .subject-item{width:100%;height:auto;margin:0 0 30px 0;min-height:0px} .profile-head .des{width:100%} .category-title{padding-bottom: 20px;} .tags-list li{float:left;width:50%;margin-left:0px;margin-bottom:3%} .tags-list li a{padding:4px 25px 4px 0} .tags-list{padding-left:0px} .tags-list .tags-list-head{position:static;width:100%} .error-page h2{font-size:26px} .partner-list ul li{width:50%} .right-bar>ul>li{height:56px;line-height:57px} } @media (max-width:450px){ .news-item .news-thumb .thumb{width:110px;height:76px;} .news-item .news-con{margin-left:120px;height:76px;} .news-item .news-con .title{max-height:54px;overflow:hidden;} } @media (max-width:346px){ .news-item .news-thumb .thumb{width:100px;height:auto;} .news-item .news-con{margin-left:110px;height:62px;} .news-item .news-con .title{font-size: 13px;max-height:38px;overflow:hidden;} .news-item .news-con .author .avatar-des .full-name a{display: none;} .news-item .news-con .author .avatar-des .full-name .time{padding-left:0;} }