html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
.introduce {margin:10px 15px 10px 15px;padding:8px 12px 8px 12px;line-height:180%;font-size:14px;background:#f1f1f1;}
dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}img{border-style:none}
svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}
button,input{overflow:visible}button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted buttontext}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}
[hidden]{display:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:after,:before{box-sizing:border-box}body{font-family:"pingfang sc","hiragino sans gb","microsoft yahei","wenquanyi micro hei","helvetica neue",arial,sans-serif;font-size:12px;line-height:1.5;color:#657180;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
article,aside,blockquote,body,button,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,section,textarea,th,ul{margin:0;padding:0}button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}ol,ul{list-style:none}input::-ms-clear,input::-ms-reveal{display:none}
a{color:#222;background:0 0;text-decoration:none;outline:0;cursor:pointer;}
a:hover{color:#406599}
a:active{color:#406599}
a:visited{color:#999}a:active,a:hover{outline:0;text-decoration:none}a[disabled]{color:#ccc;cursor:not-allowed;pointer-events:none}code,kbd,pre,samp{font-family:consolas,menlo,courier,monospace}b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:400}address,cite,dfn,em,i,var{font-style:normal}
.clearfix{zoom:1}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both;visibility:hidden;font-size:0;height:0}
.clearfix::after{display:block;content:"";clear:both}
.bui-box{display:block;zoom:1}
.bui-box:after,.bui-box:before{content:"";display:table}
.bui-box:after{clear:both;visibility:hidden;font-size:0;height:0}
.bui-box::after{display:block;content:"";clear:both}
.bui-left{float:left}
.bui-right{float:right}
.bui-oh{overflow:hidden}
.bui-vm{display:inline-block;vertical-align:middle}
.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active,.tt-fade-in-enter,.tt-fade-in-leave-active{opacity:0}
.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}
.tt-fade-in-enter-active,.tt-fade-in-leave-active,.tt-zoom-in-center-enter-active,.tt-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}
.tt-zoom-in-center-enter,.tt-zoom-in-center-leave-active{opacity:0;-ms-transform:scalex(0);transform:scalex(0)}
.tt-zoom-in-top-enter-active,.tt-zoom-in-top-leave-active{opacity:1;-ms-transform:scaley(1);transform:scaley(1);transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;-ms-transform-origin:center top;transform-origin:center top}
.tt-zoom-in-top-enter,.tt-zoom-in-top-leave-active{opacity:0;-ms-transform:scaley(0);transform:scaley(0)}
.tt-zoom-in-bottom-enter-active,.tt-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaley(1);transform:scaley(1);transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;-ms-transform-origin:center bottom;transform-origin:center bottom}
.tt-zoom-in-bottom-enter,
.tt-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaley(0);transform:scaley(0)}
.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}
.list-enter-active,.list-leave-active{transition:all 1s}
.list-enter,.list-leave-active{opacity:0;-ms-transform:translatey(-30px);transform:translatey(-30px)}
.bui-toast{position:fixed;max-width:80%;padding:10px;border-radius:4px;background:rgba(0,0,0,.7);color:#fff;box-sizing:border-box;text-align:center;z-index:11010;transition:opacity .3s linear}
.bui-toast-text{font-size:14px;display:block;text-align:center}
.bui-toast.is-placetop{top:50px;left:50%;-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
.bui-toast.is-placemiddle{left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.bui-toast.is-placebottom{bottom:50px;left:50%;-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
.bui-toast-pop-enter,.bui-toast-pop-leave-active{opacity:0}
.loading{height:16px;line-height:16px;margin-top:16px;margin-bottom:4px;width:100%;font-size:12px;text-align:center}
@keyframes scale{0%{transform:scale(1);opacity:1}45%{transform:scale(.1);opacity:.7}80%{transform:scale(1);opacity:1}}
.loading.ball-pulse>div:nth-child(1){animation:scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08)}
.loading.ball-pulse>div:nth-child(2){animation:scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08)}
.loading.ball-pulse>div:nth-child(3){animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08)}
.loading.ball-pulse>div{background-color:#999;width:8px;height:8px;border-radius:100%;margin:1px;animation-fill-mode:both;display:inline-block}
.tt-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #bfcbd9;color:#1f2d3d;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:10px 15px;font-size:14px;border-radius:4px}
.tt-button .tt-button{margin-left:10px}
.tt-button:focus,.tt-button:hover{color:#f30000;border-color:#f30000}
.tt-button:active{color:#d53a3a;border-color:#d53a3a;outline:0}
.tt-button::-moz-focus-inner{border:0}
.tt-button [class*=tt-icon-] span{margin-left:5px}
.tt-button.is-loading{position:relative;pointer-events:none}
.tt-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}
.tt-button.is-disabled,.tt-button.is-disabled:focus,.tt-button.is-disabled:hover{color:#bfcbd9;cursor:not-allowed;background-image:none;background-color:#eef1f6;border-color:#d1dbe5}
.tt-button.is-disabled.tt-button--text{background-color:transparent}
.tt-button.is-disabled.is-plain,.tt-button.is-disabled.is-plain:focus,.tt-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#d1dbe5;color:#bfcbd9}
.tt-button.is-active{color:#d53a3a;border-color:#d53a3a}
.tt-button.is-plain:focus,.tt-button.is-plain:hover{background:#fff;border-color:#f30000;color:#f30000}
.tt-button.is-plain:active{background:#fff;border-color:#d53a3a;color:#d53a3a;outline:0}
.tt-button--primary{color:#fff;background-color:#f30000;border-color:#f30000}
.tt-button--primary:focus,.tt-button--primary:hover{background:#d53a3a;border-color:#d53a3a;color:#fff}
.tt-button--primary.is-active,.tt-button--primary:active{background:#d53a3a;border-color:#d53a3a;color:#fff}
.tt-button--primary:active{outline:0}
.tt-button--primary.is-plain{background:#fff;border:1px solid #bfcbd9;color:#1f2d3d}
.tt-button--primary.is-plain:focus,.tt-button--primary.is-plain:hover{background:#fff;border-color:#f30000;color:#f30000}
.tt-button--primary.is-plain:active{background:#fff;border-color:#d53a3a;color:#d53a3a;outline:0}
.tt-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}
.tt-button--success:focus,.tt-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}
.tt-button--success.is-active,.tt-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}
.tt-button--success:active{outline:0}
.tt-button--success.is-plain{background:#fff;border:1px solid #bfcbd9;color:#1f2d3d}
.tt-button--success.is-plain:focus,.tt-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}
.tt-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}
.tt-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}
.tt-button--warning:focus,.tt-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}
.tt-button--warning.is-active,.tt-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}
.tt-button--warning:active{outline:0}
.tt-button--warning.is-plain{background:#fff;border:1px solid #bfcbd9;color:#1f2d3d}
.tt-button--warning.is-plain:focus,.tt-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}
.tt-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}
.tt-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}
.tt-button--danger:focus,.tt-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}
.tt-button--danger.is-active,.tt-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}
.tt-button--danger:active{outline:0}
.tt-button--danger.is-plain{background:#fff;border:1px solid #bfcbd9;color:#1f2d3d}
.tt-button--danger.is-plain:focus,.tt-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}
.tt-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}
.tt-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}
.tt-button--info:focus,.tt-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}
.tt-button--info.is-active,.tt-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}
.tt-button--info:active{outline:0}
.tt-button--info.is-plain{background:#fff;border:1px solid #bfcbd9;color:#1f2d3d}
.tt-button--info.is-plain:focus,.tt-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}
.tt-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}
.tt-button--large{padding:11px 19px;font-size:16px;border-radius:4px}
.tt-button--small{padding:7px 9px;font-size:12px;border-radius:4px}
.tt-button--mini{padding:4px;font-size:12px;border-radius:4px}
.tt-button--text{border:none;color:#f30000;background:0 0;padding-left:0;padding-right:0}
.tt-button--text:focus,.tt-button--text:hover{color:#d53a3a}
.tt-button--text:active{color:#d53a3a}
.tt-button-group{display:inline-block;vertical-align:middle}
.tt-button-group:after,.tt-button-group:before{display:table;content:""}
.tt-button-group:after{clear:both}
.tt-button-group .tt-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}
.tt-button-group .tt-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}
.tt-button-group .tt-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}
.tt-button-group .tt-button--success:first-child{border-right-color:rgba(255,255,255,.5)}
.tt-button-group .tt-button--success:last-child{border-left-color:rgba(255,255,255,.5)}
.tt-button-group .tt-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}
.tt-button-group .tt-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}
.tt-button-group .tt-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}
.tt-button-group .tt-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}
.tt-button-group .tt-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}
.tt-button-group .tt-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}
.tt-button-group .tt-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}
.tt-button-group .tt-button--info:first-child{border-right-color:rgba(255,255,255,.5)}
.tt-button-group .tt-button--info:last-child{border-left-color:rgba(255,255,255,.5)}
.tt-button-group .tt-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}
.tt-button-group .tt-button{float:left;position:relative}
.tt-button-group .tt-button .tt-button{margin-left:0}
.tt-button-group .tt-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}
.tt-button-group .tt-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}
.tt-button-group .tt-button:not(:first-child):not(:last-child){border-radius:0}
.tt-button-group .tt-button:not(:last-child){margin-right:-1px}
.tt-button-group .tt-button.is-active,.tt-button-group .tt-button:active,.tt-button-group .tt-button:focus,.tt-button-group .tt-button:hover{z-index:1}
.tt-dropdown{position:relative;color:#999;font-size:14px;cursor:pointer}
.tt-dropdown .tt-button-group{display:block}
.tt-dropdown .tt-dropdown__caret-button{padding-right:5px;padding-left:5px}
.tt-dropdown .tt-dropdown__caret-button .tt-dropdown__icon{padding-left:0}
.tt-dropdown__icon{font-size:12px;margin:0 3px}
.tt-dropdown-menu{margin:0;background-color:#fff;border:1px solid #d9d9d9;padding:0;z-index:10;position:absolute;top:0;left:0;min-width:100px}
.tt-dropdown-menu__item{text-align:center;list-style:none;line-height:42px;padding:0;margin:0;cursor:pointer;color:#999;font-size:14px}
.tt-dropdown-menu__item a{display:inline-block;vertical-align:middle;color:#999}
.tt-dropdown-menu__item:not(.is-disabled):hover{background-color:#f2f2f5}
.tt-dropdown-menu__item.is-disabled{cursor:default;color:#bfcbd9;pointer-events:none}
.tt-dropdown-menu__item.is-disabled a{color:#bfcbd9}
.tt-dropdown-menu__item--divided{position:relative;margin-top:0;border-top:1px solid #d9d9d9}
.tt-button,.tt-button-group,.tt-dropdown{display:inline-block}
.tt-input__inner,.tt-textarea__inner{background-image:none;box-sizing:border-box}
.tt-input{position:relative;font-size:14px;display:inline-block;width:100%}
.tt-input.is-disabled .tt-input__inner{background-color:#eef1f6;border-color:#d1dbe5;color:#bbb;cursor:not-allowed}
.tt-input.is-disabled .tt-input__inner::-webkit-input-placeholder{color:#bfcbd9}
.tt-input.is-disabled .tt-input__inner:-ms-input-placeholder{color:#bfcbd9}
.tt-input.is-disabled .tt-input__inner::placeholder{color:#bfcbd9}
.tt-input.is-active .tt-input__inner{outline:0;border-color:#ccc}
.tt-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f5f6f7;border-radius:4px;border:1px solid #e8e8e8;color:#1f2d3d;display:block;font-size:inherit;height:40px;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}
.tt-input__inner::-webkit-input-placeholder{color:#555}
.tt-input__inner:-ms-input-placeholder{color:#555}
.tt-input__inner::placeholder{color:#555}
.tt-input__inner:hover{border-color:#ccc}
.tt-input__inner:focus{outline:0;border-color:#ccc}
.tt-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:#ccc;transition:all .3s}
.tt-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}
.tt-input__icon .tt-input__inner{padding-right:35px}
.tt-input__icon.is-clickable:hover{cursor:pointer;color:#ccc}
.tt-input__icon.is-clickable:hover .tt-input__inner{border-color:#ccc}
.tt-input--large{font-size:16px}
.tt-input--large .tt-input__inner{height:42px}
.tt-input--small{font-size:13px}
.tt-input--small .tt-input__inner{height:30px}
.tt-input--mini{font-size:12px}
.tt-input--mini .tt-input__inner{height:22px}
.tt-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}
.tt-input-group>.tt-input__inner{vertical-align:middle;display:table-cell}
.tt-input-group__append,.tt-input-group__prepend{background-color:#fbfdff;color:#97a8be;vertical-align:middle;display:table-cell;position:relative;border:1px solid #e8e8e8;border-radius:4px;padding:0 10px;width:1%;white-space:nowrap}
.tt-input-group--prepend .tt-input__inner,.tt-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}
.tt-input-group--append .tt-input__inner,.tt-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}
.tt-input-group__append .tt-button,.tt-input-group__append .tt-select,.tt-input-group__prepend .tt-button,.tt-input-group__prepend .tt-select{display:block;margin:-10px}
.tt-input-group__append .tt-button,.tt-input-group__append .tt-select .tt-input__inner,
.tt-input-group__append .tt-select:hover .tt-input__inner,.tt-input-group__prepend .tt-button,
.tt-input-group__prepend .tt-select .tt-input__inner,.tt-input-group__prepend .tt-select:hover .tt-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}
.tt-input-group__append .tt-button,.tt-input-group__append .tt-input,.tt-input-group__prepend .tt-button,.tt-input-group__prepend .tt-input{font-size:inherit}
.tt-input-group__prepend{border-right:0}
.tt-input-group__append{border-left:0}
.tt-textarea{display:inline-block;width:100%;vertical-align:bottom}
.tt-textarea.is-disabled .tt-textarea__inner{background-color:#eef1f6;border-color:#d1dbe5;color:#bbb;cursor:not-allowed}
.tt-textarea.is-disabled .tt-textarea__inner::-webkit-input-placeholder{color:#bfcbd9}
.tt-textarea.is-disabled .tt-textarea__inner:-ms-input-placeholder{color:#bfcbd9}
.tt-textarea.is-disabled .tt-textarea__inner::placeholder{color:#bfcbd9}
.tt-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:#1f2d3d;background-color:#fff;border:1px solid #bfcbd9;border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}
.tt-textarea__inner::-webkit-input-placeholder{color:#97a8be}
.tt-textarea__inner:-ms-input-placeholder{color:#97a8be}
.tt-textarea__inner::placeholder{color:#97a8be}
.tt-textarea__inner:hover{border-color:#8391a5}
.tt-textarea__inner:focus{outline:0;border-color:#20a0ff}
.tt-autocomplete{position:relative;display:inline-block;width:100%}
.tt-autocomplete-suggestion{margin:5px 0;border-radius:4px;box-shadow:0 0 6px 0 rgba(0,0,0,.04),0 2px 4px 0 rgba(0,0,0,.12)}
.tt-autocomplete-suggestion li{list-style:none;line-height:40px;padding:0 20px;margin:0;cursor:pointer;color:#333;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-autocomplete-suggestion li .search-no{display:inline-block;vertical-align:middle;font-size:14px;color:#999;margin-right:0;text-align:left;font-style:italic;width:25px}
.tt-autocomplete-suggestion li .search-text{display:inline-block;vertical-align:middle;font-size:14px}
.tt-autocomplete-suggestion li .search-no-1{color:#f85959}
.tt-autocomplete-suggestion li .search-no-2{color:#ff7800}
.tt-autocomplete-suggestion li .search-no-3{color:#ffba00}
.tt-autocomplete-suggestion li:hover{background-color:#f4f5f6}
.tt-autocomplete-suggestion li.highlighted{background-color:#efefef;color:#333}
.tt-autocomplete-suggestion li:active{background-color:#efefef}
.tt-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid #d1dbe5}
.tt-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}
.tt-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}
.tt-autocomplete-suggestion.is-loading li:after{display:inline-block;content:"";height:100%;vertical-align:middle}
.tt-autocomplete-suggestion.is-loading li:hover{background-color:#fff}
.tt-autocomplete-suggestion.is-loading .tt-icon-loading{vertical-align:middle}
.tt-autocomplete-suggestion__wrap{max-height:450px;overflow:auto;background-color:#fff;border-radius:4px;box-sizing:border-box}
.tt-autocomplete-suggestion__list{margin:0;padding:0}
.tt-input__inner,.tt-select .tt-tag,.tt-select-dropdown,.tt-select-dropdown__item,.tt-tag,.tt-textarea__inner{box-sizing:border-box}
.tt-select-dropdown{position:absolute;z-index:1001;border:1px solid #d1dbe5;border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);margin:5px 0}
.tt-select-dropdown .tt-scrollbar.is-empty .tt-select-dropdown__list{padding:0}
.tt-select-dropdown.is-multiple .tt-select-dropdown__item.selected{color:#20a0ff;background-color:#fff}
.tt-select-dropdown.is-multiple .tt-select-dropdown__item.selected.hover{background-color:#e4e8f1}
.tt-select-dropdown.is-multiple .tt-select-dropdown__item.selected::after{position:absolute;right:10px;font-family:tticons!important;content:"\e643";font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.tt-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}
.tt-select-dropdown__wrap{max-height:274px}
.tt-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}
.tt-tag{background-color:#8391a5;display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;border:1px solid transparent;white-space:nowrap}
.tt-tag .tt-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}
.tt-tag .tt-icon-close:hover{background-color:#fff;color:#8391a5}
.tt-tag--gray{background-color:#e4e8f1;border-color:#e4e8f1;color:#48576a}
.tt-tag--gray .tt-tag__close:hover{background-color:#48576a;color:#fff}
.tt-tag--gray.is-hit{border-color:#48576a}
.tt-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#20a0ff}
.tt-tag--primary .tt-tag__close:hover{background-color:#20a0ff;color:#fff}
.tt-tag--primary.is-hit{border-color:#20a0ff}
.tt-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}
.tt-tag--success .tt-tag__close:hover{background-color:#13ce66;color:#fff}
.tt-tag--success.is-hit{border-color:#13ce66}
.tt-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}
.tt-tag--warning .tt-tag__close:hover{background-color:#f7ba2a;color:#fff}
.tt-tag--warning.is-hit{border-color:#f7ba2a}
.tt-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}
.tt-tag--danger .tt-tag__close:hover{background-color:#ff4949;color:#fff}
.tt-tag--danger.is-hit{border-color:#ff4949}
.tt-select-dropdown__item{font-size:14px;padding:8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#48576a;height:36px;line-height:1.5;cursor:pointer}
.tt-select-dropdown__item.hover{background-color:#e4e8f1}
.tt-select-dropdown__item.selected{color:#fff;background-color:#20a0ff}
.tt-select-dropdown__item.selected.hover{background-color:#1c8de0}
.tt-select-dropdown__item span{line-height:1.5!important}
.tt-select-dropdown__item.is-disabled{color:#bfcbd9;cursor:not-allowed}
.tt-select-dropdown__item.is-disabled:hover{background-color:#fff}
.tt-select-group{margin:0;padding:0}
.tt-select-group
.tt-select-dropdown__item{padding-left:20px}
.tt-select-group__wrap{list-style:none;margin:0;padding:0}
.tt-select-group__title{padding-left:10px;font-size:12px;color:#999;height:30px;line-height:30px}
.tt-select{display:inline-block;position:relative}
.tt-select:hover .tt-input__inner{border-color:#8391a5}
.tt-select .tt-input__inner{cursor:pointer;padding-right:35px}
.tt-select .tt-input__inner:focus{border-color:#20a0ff}
.tt-select .tt-input .tt-input__icon{color:#bfcbd9;font-size:12px;transition:transform .3s;-ms-transform:translatey(-50%) rotate(180deg);transform:translatey(-50%) rotatez(180deg);line-height:16px;top:50%;cursor:pointer}
.tt-select .tt-input .tt-input__icon.is-show-close{transition:0s;width:16px;height:16px;font-size:14px;right:8px;text-align:center;-ms-transform:translatey(-50%) rotate(180deg);transform:translatey(-50%) rotatez(180deg);border-radius:100%;color:#bfcbd9}
.tt-select .tt-input .tt-input__icon.is-show-close:hover{color:#97a8be}
.tt-select .tt-input .tt-input__icon.is-reverse{-ms-transform:translatey(-50%);transform:translatey(-50%)}
.tt-select .tt-input.is-disabled .tt-input__inner{cursor:not-allowed}
.tt-select .tt-input.is-disabled .tt-input__inner:hover{border-color:#d1dbe5}
.tt-select>.tt-input{display:block}
.tt-select .tt-tag__close{border-radius:50%;margin-top:-2px}
.tt-select .tt-tag{height:24px;line-height:24px;margin:3px 0 3px 6px}
.tt-select__input{border:none;outline:0;padding:0;margin-left:10px;color:#666;font-size:14px;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}
.tt-select__input.is-mini{height:14px}
.tt-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#bfcbd9;line-height:18px;font-size:12px}
.tt-select__close:hover{color:#97a8be}
.tt-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-ms-transform:translatey(-50%);transform:translatey(-50%)}
.tt-select__tag{display:inline-block;height:24px;line-height:24px;font-size:14px;border-radius:4px;color:#fff;background-color:#20a0ff}
.tt-select__tag .tt-icon-close{font-size:12px}
.tt-tabs__header{padding:0;position:relative;margin:0 0 15px}
.tt-tabs__active-bar{position:absolute;bottom:-2px;left:0;height:2px;background-color:#f85959;z-index:1;transition:transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}
.tt-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}
.tt-tabs__nav-wrap.is-scrollable{padding:0 15px}
.tt-tabs__nav-scroll{overflow:hidden}
.tt-tabs__nav-next,.tt-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:#8391a5}
.tt-tabs__nav-next{right:0}
.tt-tabs__nav-prev{left:0}
.tt-tabs__nav{white-space:nowrap;position:relative;transition:transform .3s;float:left;border-bottom:2px solid #f2f2f2}
.tt-tabs__item{height:38px;box-sizing:border-box;line-height:38px;display:inline-block;list-style:none;font-size:16px;color:#444;position:relative}
.tt-tabs__item .tt-tabs__item{margin-left:33px}
.tt-tabs__item .tt-icon-close{border-radius:50%;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}
.tt-tabs__item .tt-icon-close:before{-ms-transform:scale(.7,.7);transform:scale(.7,.7);display:inline-block}
.tt-tabs__item .tt-icon-close:hover{background-color:#97a8be;color:#fff}
.tt-tabs__item:hover{color:#1f2d3d;cursor:pointer}
.tt-tabs__item.is-disabled{color:#bbb;cursor:default}
.tt-tabs__item.is-active{color:#444}
.tt-tabs__content{overflow:hidden;position:relative}
.slideinleft-transition,.slideinright-transition{display:inline-block}
.slideinright-enter{animation:slideinright-enter .3s}
.slideinright-leave{position:absolute;left:0;right:0;animation:slideinright-leave .3s}
.slideinleft-enter{animation:slideinleft-enter .3s}
.slideinleft-leave{position:absolute;left:0;right:0;animation:slideinleft-leave .3s}
@keyframes slideinright-enter{0%{opacity:0;transform-origin:0 0;transform:translatex(100%)}to{opacity:1;transform-origin:0 0;transform:translatex(0)}}
@keyframes slideinright-leave{0%{transform-origin:0 0;transform:translatex(0);opacity:1}100%{transform-origin:0 0;transform:translatex(100%);opacity:0}}
@keyframes slideinleft-enter{0%{opacity:0;transform-origin:0 0;transform:translatex(-100%)}to{opacity:1;transform-origin:0 0;transform:translatex(0)}}
@keyframes slideinleft-leave{0%{transform-origin:0 0;transform:translatex(0);opacity:1}100%{transform-origin:0 0;transform:translatex(-100%);opacity:0}}
.v-modal-enter{animation:v-modal-in .2s ease}
.v-modal-leave{animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}
@keyframes v-modal-out{100%{opacity:0}}
.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}
.tt-message-box{text-align:left;display:inline-block;vertical-align:middle;background-color:#fff;width:420px;border-radius:3px;font-size:16px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.tt-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}
.tt-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}
.tt-message-box__header{position:relative;padding:20px 20px 0}
.tt-message-box__content{padding:30px 20px;color:#48576a;font-size:14px;position:relative}
.tt-message-box__close{display:inline-block;position:absolute;top:19px;right:20px;color:#999;cursor:pointer;line-height:20px;text-align:center}
.tt-message-box__close:hover{color:#20a0ff}
.tt-message-box__input{padding-top:15px}
.tt-message-box__input input.invalid,.tt-message-box__input input.invalid:focus{border-color:#ff4949}
.tt-message-box__errormsg{color:#ff4949;font-size:12px;min-height:18px;margin-top:2px}
.tt-message-box__title{padding-left:0;margin-bottom:0;font-size:16px;font-weight:700;height:18px;color:#333}
.tt-message-box__message{margin:0}
.tt-message-box__message p{margin:0;line-height:1.4}
.tt-message-box__btns{padding:10px 20px 15px;text-align:right}
.tt-message-box__btns button:nth-child(2){margin-left:10px}
.tt-message-box__btns-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.tt-message-box__status{position:absolute;top:50%;-ms-transform:translatey(-50%);transform:translatey(-50%);font-size:36px!important}
.tt-message-box__status.el-icon-circle-check{color:#13ce66}
.tt-message-box__status.el-icon-information{color:#50bfff}
.tt-message-box__status.el-icon-warning{color:#f7ba2a}
.tt-message-box__status.el-icon-circle-cross{color:#ff4949}
.msgbox-fade-enter-active{animation:msgbox-fade-in .3s}
.msgbox-fade-leave-active{animation:msgbox-fade-out .3s}
@keyframes msgbox-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes msgbox-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}
.v-modal-enter{animation:v-modal-in .2s ease}
.v-modal-leave{animation:v-modal-out .2s ease forwards}
@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}
.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}
.tt-dialog{position:absolute;left:50%;-ms-transform:translatex(-50%);transform:translatex(-50%);background:#fff;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;margin-bottom:50px}
.tt-dialog--tiny{width:30%}
.tt-dialog--small{width:50%}
.tt-dialog--large{width:90%}
.tt-dialog--full{width:100%;top:0;margin-bottom:0;height:100%;overflow:auto}
.tt-dialog__wrapper{top:0;right:0;bottom:0;left:0;position:fixed;overflow:auto;margin:0}
.tt-dialog__header{padding:20px 20px 0}
.tt-dialog__close{cursor:pointer;color:#bfcbd9}
.tt-dialog__close:hover{color:#f30000}
.tt-dialog__title{line-height:1;font-size:16px;font-weight:700;color:#1f2d3d}
.tt-dialog__body{padding:20px 20px 0 20px;color:#48576a;font-size:14px}
.tt-dialog__headerbtn{float:right}
.tt-dialog__footer{padding:10px 20px 15px;text-align:right;box-sizing:border-box}
.dialog-fade-enter-active{animation:dialog-fade-in .3s}
.dialog-fade-leave-active{animation:dialog-fade-out .3s}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}
.tt-scrollbar{overflow:hidden;position:relative}
.tt-scrollbar:active .tt-scrollbar__bar,.tt-scrollbar:focus .tt-scrollbar__bar,.tt-scrollbar:hover .tt-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}
.tt-scrollbar__wrap{overflow:scroll}
.tt-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}
.tt-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(177,177,177,.3);transition:.3s background-color}
.tt-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}
.tt-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}
.tt-scrollbar__bar.is-horizontal{height:6px;left:2px}
.tt-scrollbar__bar.is-horizontal>div{height:100%}
.tt-scrollbar__bar.is-vertical{width:6px;top:2px}
.tt-scrollbar__bar.is-vertical>div{width:100%}
.fl,.y-left{float:left}
.fr,.y-right{float:right}
.oh{overflow:hidden}
.clearfix::after{display:block;content:"";clear:both}
.vm{display:inline-block;vertical-align:middle}
/**/
.header{width:100%;min-width:1220px;}
.topbar{height:34px;line-height:34px;background:#222;font-size:14px;color:#fff;}
.topbar .tb-link,.topbar .feedback-text{color:#fff;padding:0 10px;}
.topbar .weather-abstract{color:#fff;height:34px;line-height: 34px;}
.topbar .weather-abstract iframe{height: 20px !important;}
.topbar .download-app,.topbar .weather-tool{float:left;padding-right: 10px;border-right:1px solid #3a3a3a;}



.topbar .download-app{border-right:1px solid #3a3a3a;}
.topbar .user-nav-list>li{float:left;border-right:1px solid #3a3a3a;}
.topbar .user-nav-list .user-avatar{display:inline-block;vertical-align:middle;width:24px;height:24px;border-radius:50%;border:1px solid #666;}
.topbar .user-nav-list .user-name{display:inline-block;vertical-align:middle;color:#fff;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;}
.topbar .user-nav-list .new-article{padding:0 6px;background-color:#3a3a3a;margin-right:10px;border-right:0;}
.topbar .user-nav-list .new-article:hover{opacity:.9;}
.topbar .user-nav-list .nav-login{background-color:#f30000;width:68px;text-align:center;}
.topbar .user-nav-list>li.login-a {margin-right: 5px;border: none;}
.topbar .user-nav-list>li.login-a input{width: 150px;border: none;color:#ddd;border-bottom: 1px solid #999;outline: none;background-color: transparent;height: 20px;padding: 2px 5px;}

.topcat{float: left;}
.topcat a{color:#fff;font-size: 14px;}
.topcat>ul{height: 34px;}
.topcat>ul>li{float: left;padding-right: 10px;}
.topcat ul li a.topcat-item{padding: 0 5px;}
.topcat ul li a.topcat-item span{color:white;}
.topcat ul li a.topcat-item.on{}
.topcat-more-layer { display: none; position: absolute; left: 0; right: 0; top: 33px; background: black; width: 100px; z-index: 999;text-align: center; }



.middlebar{margin-top: 1px;height:58px;background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,0.12);}
.middlebar .middlebar-inner{margin:0 auto;width: 1200px;}
.middlebar .middlebar-inner .logo-box{line-height:58px;overflow:hidden;}
.middlebar .middlebar-inner .logo-box .logo-link{display:block;}
.middlebar .middlebar-inner .logo-box .logo-link>img{width:108px;height:40px;vertical-align:middle;}
.middlebar .middlebar-inner .chinese-tag{font-size:16px;margin-left:20px;line-height:58px;}
.middlebar .middlebar-inner .chinese-tag a{color:#444;}
.middlebar .middlebar-inner .chinese-tag a:hover{color:#406599;}
.middlebar .middlebar-inner .chinese-tag a:active{color:#444;}
.middlebar .middlebar-inner .chinese-tag span{color:#999;}
.middlebar .middlebar-inner .search-wrap{width:340px;margin-top:7px;}

.y-weather { padding: 4px; color: #444; width: 220px; height: 184px; z-index: 30; background: #fff; border: 1px solid #e8e8e8; box-sizing: content-box; position: absolute; }

.container{width:1170px;margin:0 auto;margin-top:16px;}
.container .index-channel{width:110px;height:600px;margin-right:30px;background-color:#fff}
.container .index-content{width:660px;}
.container .index-right-bar{width:340px}
.container .index-right-bar .news-struct{height:386px;}
.module-fixed{position:fixed;top:10px}
.container .index-right-bar .news-struct #imagindexhover{width:340px}
.toolbar{position:fixed;bottom:36px;left:50%;margin-left:608px}
.toolbar i{vertical-align:middle}
.toolbar .tool-item { width: 40px; line-height: 40px; text-align: center; background: rgba(248,89,89,0.8); cursor: pointer; margin-bottom: 2px; transition: all .4s}
.toolbar .tool-item a { display: block; width: 100%; height: 100%}
.toolbar .tool-item:hover { background-color: #f85959}
.toolbar .report-item[data-v-756beef7] {padding: 8px 0 6px;line-height: 1;}
.toolbar .report-item img[data-v-756beef7] {display: inline-block;width: 22px;height: 20px;}
.toolbar .report-item span[data-v-756beef7] {padding-top: 4px;color: #fff;display: block;font-size: 14px;}
.channel{width:110px}
.channel .logo{display:block;width:110px;height:45px;margin-bottom:16px}
.channel .logo img{width:100%;height:100%}
.channel .related-header{font-size:24px;line-height:1;font-weight:400;color:#333;margin-bottom:16px;text-align:center}
.channel-fixed{position:fixed;top:10px;z-index:20}
a.channel-item{display:block;width:110px;height:40px;line-height:40px;text-align:center;color:#444;border-radius:4px;margin-bottom:2px;}
/*a.channel-item:visited{color:#444}*/
a.channel-item:hover{background-color:#f30000;color:white}

.channel-item.active{background-color:#f30000;color:#fff}
.channel-item.active i{display:inline-block}
.channel-item i{display:none;color:#fff;font-size:14px;margin-right:6px}
.channel-item i.channel-refresh{animation:rotating .8s linear 0s infinite}
@keyframes rotating{
    0%{transform:rotate(0deg)}
    50%{transform:rotate(180deg)}
    100%{transform:rotate(360deg)}
}
.channel-item span{display:inline-block;font-size:16px}
.channel-more{position:relative;color:#444}
.channel-more:hover .channel-more-layer{display:block}
.channel-more-layer{display:none;position:absolute;bottom:0;left:110px;width:230px;z-index:999;background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,0.12);padding:5px}
/*首页幻灯*/
.slide{margin-bottom:6px}
.slide-hidden{display:none}
.slide-list{position:relative;width:580px;height:300px;overflow:hidden;background-image:linear-gradient(to bottom right, rgba(0,0,0,0.3), #000)}
.slide-list .slide-item{position:absolute;width:100%;height:100%;opacity:0;transition-property:opacity;transition-duration:800ms;z-index:1}
.slide-list .slide-item-active{opacity:1;z-index:8}
.slide-list .slide-item img{width:100%;height:100%}
.slide-list .slide-item .title{position:absolute;left:0;bottom:0;width:100%;height:44px;line-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:22px;color:#fff;font-size:20px;font-weight:bold;background-image:linear-gradient(-180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.8) 100%);box-sizing:border-box}
.slide-tab{width:80px;height:300px;color:#fff;font-size:14px;background-color:#222;padding:7px 0}
.slide-tab-item{position:relative;cursor:pointer;text-align:center;line-height:36px;margin-bottom:14px}
.slide-tab-item:hover,.slide-tab-item.on{background:#f30000;background:rgba(239,0,0,1);z-index:11}
.slide-tab-item:hover:before,.slide-tab-item.on:before{content:'';position:absolute;top:12px;left:-6px;width:0;height:0;border-top:6px solid transparent;border-right:6px solid #f30000;border-right:6px solid rgba(239,0,0,1);border-bottom:6px solid transparent}
/**/
.link{color:#222;}
.link:visited{color:#999999;}
.link:visited:hover{color:#999999 !important;}
.link:hover{color:#406599;}
.title-box{width: 482px;display:block;font-size:20px;line-height:1.3;margin-bottom:4px;font-weight:bold;max-height:52px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.img-wrap{position:relative;display:inline-block;cursor:pointer;width:100%;height:100%;text-align:center;border:1px solid #e8e8e8;overflow:hidden;transform-style:preserve-3d;}
.img-wrap:before{content:'';width:0;font-size:0;height:100%;visibility:hidden;display:inline-block;vertical-align:middle;}
.img-wrap>img{display:inline-block;max-width:100%;height:102px;vertical-align:middle;transition:all .5s ease-out .1s;}
.img-wrap .lazy-load-img[lazy=loading]{width:40px;height:100%;margin:auto;}
.img-wrap:hover img{transform:matrix(1.04, 0, 0, 1.04, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.pic-tip{position:absolute;right:8px;bottom:8px;padding:0 6px;border-radius:10px;background:#000;background:rgba(0,0,0,0.7);font-style:normal;font-size:12px;color:#fff;height:22px;line-height:22px;}
.pic-tip.video-tip{padding-left:18px;}
.pic-tip.video-tip:before{content:'';position:absolute;top:7px;left:8px;border-top:4px solid transparent;border-left:6px solid #fff;border-right:6px solid transparent;border-bottom:4px solid transparent;}
.feed-infinite-wrapper{position:relative;}
.feed-infinite-wrapper .j_ad,.feed-infinite-wrapper .j_qihu_ad{display:block !important;}
/*列表未读提示*/
.msgalert-place{height:32px}
.msg-alert{position:relative;height:32px;line-height:32px;font-size:14px;color:#fff;text-align:center;background-color:#60a3f5;background-color:rgba(96,163,245,0.85);z-index:20;transition-property:height;transition-delay:0;transition-duration:.5s}
.msg-alert-fixed{width:660px;position:fixed;top:0;margin-top:0}
.msg-alert-hidden{height:0}
.msg-alert-hidden span{display:none !important}
.msg-alert span{cursor:pointer;min-width:500px;display:inline-block}
.msg-alert i{position:absolute;top:9px;right:4px;font-size:15px;cursor:pointer;z-index:10}
/*右侧快捷登录*/
.outer{width:340px;margin:16px 0;padding:20px;background:#f4f5f6}
.outer .inner{text-align:center;background:#fff;border:1px solid #e8e8e8;letter-spacing:0}
.login[data-v-4a7e2734]{height:196px;padding:20px 28px 15px}
.login .login-msg[data-v-4a7e2734]{font-size:12px;line-height:17px;color:#777}
.login .login-button[data-v-4a7e2734]{width:240px;height:40px;margin:16px 0 14px;font-size:14px;line-height:20px;color:#fff;background:#f30000;border:none;border-radius:4px;cursor:pointer}
.login .login-button[data-v-4a7e2734]:hover{opacity:.9}
.login .third-login .sns[data-v-4a7e2734]{display:inline-block;position:relative;width:36px;height:58px;cursor:pointer;background-repeat:no-repeat;background-size:100% 36px; margin-left:20px;}
.login .third-login .sns[data-v-4a7e2734]:hover{opacity:.8}
.login .third-login .sns[data-v-4a7e2734]:not(:last-child){margin-right:24px}
.login .third-login .sns>span[data-v-4a7e2734]{position:absolute;left:6px;top:41px;width:24px;font-size:12px;line-height:17px;color:#777}
.login .third-login .weibo[data-v-4a7e2734] {
	background-image: url(/uploads/image/sdimages/icon_weibo_pc.bde1e60.png);
}

.login .third-login .qq[data-v-4a7e2734] {background-image: url(/uploads/image/sdimages/icon_qq_pc.de846d6.png);}
.login .third-login .weixin[data-v-4a7e2734] {background-image: url(/uploads/image/sdimages/icon_weixin_pc.1d58bef.png);}
.logged[data-v-e2122872]{padding:8px 8px 10px 6px}
.logged .top[data-v-e2122872]{font-size:0}
.logged .top .logout[data-v-e2122872]{font-size:12px;line-height:17px;text-align:right}
.logged .top .logout span[data-v-e2122872]{color:#999}
.logged .top .logout span[data-v-e2122872]:hover{color:#406599}
.logged .top .heads[data-v-e2122872]{width:56px;height:56px;margin-top:-5px;border-radius:50%;border:1px solid #fff}
.logged .top .name[data-v-e2122872]{margin-top:7px;font-size:16px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logged .top .name span[data-v-e2122872]{color:#222}
.logged .top .name span[data-v-e2122872]:hover{color:#406599}
.logged .top .history-collect[data-v-e2122872]{margin:8px 0 10px;line-height:20px;height:20px}
.logged .top .history-collect span[data-v-e2122872]{font-size:14px;color:#777}
.logged .top .history-collect img[data-v-e2122872]{width:16px;height:16px;margin-right:4px;transform:translatey(3px)}
.logged .top .history-collect .icon[data-v-e2122872]{margin-right:4px;font-size:16px;color:#cacaca}
.logged .bottom[data-v-e2122872]{padding-top:10px;font-size:0;position:relative}
.logged .bottom li[data-v-e2122872]{display:inline-block;width:50%}
.logged .bottom .line[data-v-e2122872]{position:absolute;top:0;width:1px;height:64px;transform:scale(.5);background:#e8e8e8}
.logged .bottom a:hover p[data-v-e2122872]{color:#406599}
.logged .bottom p[data-v-e2122872]{display:inline-block;font-size:14px;line-height:20px}
.logged .bottom .num[data-v-e2122872]{width:auto;margin-bottom:2px;font-size:20px;font-weight:600;line-height:28px;color:#222}
.logged .bottom .word[data-v-e2122872]{color:#777!important}
/**/
.single-mode{height:123px;position:relative;padding:10px 0;border-bottom:1px solid #e8e8e8}
.single-mode-lbox{width:122px;height:102px;margin-right:16px}
.single-mode-rbox{height:100%;overflow:hidden}
.single-mode-rbox:before{content:'';width:0;font-size:0;height:100%;visibility:hidden;display:inline-block;vertical-align:middle}
.single-mode-rbox-inner{display:inline-block;vertical-align:middle}
/*标签，美化*/
.tag-style-hot{border-color:#f30000 !important;color:#f30000 !important}
.tag-style-video{border-color:#ff7920 !important;color:#ff7920 !important}
.tag-style-image{border-color:#ffae02 !important;color:#ffae02 !important}
.tag-style-society{border-color:#41baad !important;color:#41baad !important}
.tag-style-car{border-color:#539db8 !important;color:#539db8 !important}
.tag-style-sport{border-color:#55c167 !important;color:#55c167 !important}
.tag-style-finance{border-color:#b5743a !important;color:#b5743a !important}
.tag-style-technology{border-color:#60a3f5 !important;color:#60a3f5 !important}
.tag-style-entertainment{border-color:#b46aff !important;color:#b46aff !important}
.tag-style-other{border-color:#87a5b5 !important;color:#87a5b5 !important}
.avatar-style-0{background-color:#ff9090 !important}
.avatar-style-1{background-color:#90ccff !important}
.avatar-style-2{background-color:#bfa1d0 !important}
.avatar-style-3{background-color:#80c184 !important}
.avatar-style-4{background-color:#e7ad90 !important}
.avatar-style-5{background-color:#ccc !important}
.footer-bar{font-size:12px;color:#999;margin-top:10px}
.footer-bar-left{display:inline-block;font-size:0;vertical-align:middle;line-height:20px}
.footer-bar-action{display:inline-block;font-size:14px;line-height:1;vertical-align:middle}
.footer-bar-action.source{color:#777;font-size:14px}
.footer-bar-action.source:hover{color:#406599}
.footer-bar-action.media-avatar{color:#fff;margin-right:2px;width:18px;height:18px;line-height:18px;text-align:center;font-size:12px;border-radius:50%;background-color:#eee;overflow:hidden}
.footer-bar-action.media-avatar>img{width:100%;height:100%}
.footer-bar-action.media-avatar>img[lazy=loading]{width:10px;height:100%;margin:auto}
.footer-bar-action.tag{font-size:12px;color:#eee;margin-right:10px;padding:1px 2px;border:1px solid #eee}
.footer-bar-action.hot{font-size:14px;color:#f30000;margin-left:8px}
.footer-bar-action.recommend{font-size:12px;color:#2a90d7;border:1px solid #2a90d7;padding:1px 2px;margin-left:8px}
.footer-bar-action.ad{font-size:14px;color:#2a90d7;margin-left:8px}
/*sidebar-right 右侧边栏*/
.search-wrap .tt-input-group__append{border:1px solid #f30000;background-color:#f30000;color:#fff;position:relative;left:-1px;padding:0 18px}
.search-wrap .tt-input__inner{height:44px}
.search-wrap .tt-input__inner:focus,.search-wrap .tt-input__inner:hover{border-color:#f30000}
/*report  */
.reports{display:block;padding:12px 22px;background-color:#f4f5f6;margin:16px 0}
.reports .img-holder{width:57px;height:50px}
.reports .img-holder>img{width:100%;height:100%}
.reports .infos{margin-top:4px;margin-left:15px}
.reports .infos .titlez{font-size:18px;color:#222;margin-bottom:8px}
.reports .infos .telz{font-size:14px;color:#777}
/*右侧面板*/
.pane-module{width:340px;border-top:2px solid #f30000;background-color:#f4f5f6;margin-bottom:16px;padding:15px 20px 20px}
.pane-module .module-head{color:#222;padding:0;margin-bottom:15px;font-size:18px;font-weight:bold}
.pane-module .module-head a:visited{color:#222}
.pane-module .module-head a:hover{color:#406599}
.pane-module .module-title{color:#222}
.pane-module .module-title:hover{color:#406599}
.pane-module .module-pic{overflow:hidden;position:relative;transform-style:preserve-3d;display:inline-block;text-align:center;background:#e8e8e8}
.pane-module .module-pic img{width:100%;height:100%}
.pane-module .module-pic img[lazy=loading]{width:40px;height:100%;margin:0 auto}
.pane-module .module-pic:hover img{transition:all .3s ease-out .1s;transform:matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.pane-module .module-tag{position:absolute;right:8px;bottom:8px;padding:0 6px;border-radius:10px;background:#000;background:rgba(0,0,0,0.7)}
.pane-module .module-tag span{line-height:20px;font-size:12px;color:#fff}
/*24小时热闻*/
.article-list .article-item{padding:8px 0;border-bottom:1px solid #e8e8e8}
.article-list .article-item:first-child{padding-top:0}
.article-list .article-item:last-child{border-bottom:none;padding-bottom:0}
.article-list .news-link{display:block;overflow:hidden}
.article-list .news-pic{width:60px;height:60px;margin-right:12px;float:left}
.article-list .news-pic img{width:100%;height:100%}
.article-list .news-inner{height:60px;display:table-cell;vertical-align:middle}
.article-list .news-inner p{vertical-align:middle;font-size:14px;line-height:20px;max-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/*热门视频*/
.video-list .video-item{padding:8px 0}
.video-list .video-item-a{display:block !important;padding:0}
.video-list .video-item:first-child{padding-top:0}
.video-list .video-item:last-child{padding-bottom:0}
.video-list .video-item dl{height:68px;overflow:hidden}
.video-list .video-item dl dt{position:relative;float:right;width:118px;height:100%;overflow:hidden;margin-left:10px}
.video-list .video-item dl dt .video-tag{padding-left:16px}
.video-list .video-item dl dt .video-tag:before{content:'';position:absolute;right:16px;border-top:4px solid rgba(0,0,0,0);border-left:6px solid #fff;border-right:6px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);top:6px;left:8px}
.video-list .video-item dl dd{display:table;overflow:hidden;height:100%}
.video-list .video-item dl dd .cell{display:table-cell;vertical-align:middle}
.video-list .video-item dl dd h4{font-size:14px;line-height:20px;max-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.video-list .video-item dl dd p{padding-top:10px;color:#999}
/*精彩图片*/
.picture-list{margin-right:-12px;margin-bottom:-16px}
.picture-list .picture-item{margin-right:12px;margin-bottom:16px;width:144px}
.picture-list .picture-item-a{margin:0;display:block !important}
.picture-list .picture-item p{margin-top:6px;font-size:14px;letter-spacing:0;line-height:18px;height:36px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.picture-list .picture-img{position:relative;width:144px;height:84px}
/*更多*/
.more-items-content{overflow:hidden;margin-right:-20px;margin-bottom:-20px}
.more-items-content .item{float:left;margin:0 20px 20px 0}
.more-items-content .item a{color:#777;line-height:1.4;font-size:14px}
/*友情连接*/
.friend-links-content{overflow:hidden;margin-right:-20px;margin-bottom:-20px}
.friend-links-content .item{float:left;margin:0 20px 20px 0}
.friend-links-content .item a{color:#777;line-height:1.4;font-size:14px}
/*版权*/
.company{width: 340px;padding:8px 20px;background-color:#f4f5f6;line-height:2;font-size:14px;text-align:left}
.company p{color:#777}
.company span{display:block;color:#777}
.company a{cursor:pointer;color:#777}
.company img{vertical-align:middle;margin-right:1px;margin-bottom:3px}
/*内容页右侧用户信息*/
.user-card-head{display:table}
.user-card-avatar{float:left;margin-right:12px;display:table-cell;vertical-align:middle;width:52px;height:52px;border-radius:50%;border:1px solid #e8e8e8;background:#ddd;overflow:hidden}
.user-card-avatar>img{width:100%;height:100%}
.user-card-name{display:table-cell;vertical-align:middle}
.user-card-name a{display:inline-block;font-size:17px;line-height:1;font-weight:bold;color:#222;margin-bottom:4px}

.user-card-article-list{margin-top:16px;border-top:1px solid #e8e8e8}
.user-card-article-item{margin-top:12px;line-height:20px;font-size:14px;padding-left:9px;position:relative;text-align:justify}
.user-card-article-item:before{position:absolute;content:'';width:4px;height:4px;background:#999;left:0;top:9px}
.user-card-article-item a{color:#222;line-height:20px}
.user-card-article-item a:visited{color:#222}
/*热门搜索排行*/
.module-content li.hot24{list-style:none;line-height:1.4;padding:0;margin:0 0 12px;cursor:pointer;color:#333;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.module-content li.hot24:last-child{margin:0}
.module-content li.hot24 .search-no{display:inline-block;vertical-align:middle;font-size:14px;color:#999;text-align:left;font-style:italic;width:25px}
.module-content li.hot24 .search-text{display:inline-block;vertical-align:middle;font-size:14px}
.module-content li.hot24 .search-no-1{color:#f85959}
.module-content li.hot24 .search-no-2{color:#ff7800}
.module-content li.hot24 .search-no-3{color:#ffba00}

.no-mode{position:relative;padding:10px 0;border-bottom:1px solid #e8e8e8}

#announcez{height:97px;overflow:hidden}

.fenye {padding: 50px 0;clear: both;text-align: center;font-size: 16px;line-height: 44px;color: #ccc;background-color: #fff;}
.fenye .loading {display: inline-block;width: 18px;height: 18px;margin: 14px 0;color: #fff;vertical-align: middle;border: 2px solid #ddd;border-top-color: #ff5e52;border-radius: 50%;-webkit-animation: loading .7s ease-in-out infinite;animation: loading .7s ease-in-outinfinite}
@-webkit-keyframes loading {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes loading {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.fenye .loadmore {display: inline-block;min-width: 150px;margin: 0 auto 10px;padding:0 15px;line-height: 44px;color: #999;text-align: center;vertical-align: middle;border: 2px solid #ddd;border-radius: 24px;-webkit-transition: .2s;transition: .2s}
.fenye .loadmore:hover {color: #ff5e52;border-color: #ff5e52}
.fenye .loadmores {display: inline-block;min-width: 150px;margin: 0 auto 10px;padding:0 15px;line-height: 44px;color: #999;text-align: center;vertical-align: middle;border: 2px solid #ddd;border-radius: 24px;-webkit-transition: .2s;transition: .2s}
.fenye .loadmores:hover {color: #ff5e52;border-color: #ff5e52}
.fenye .page-number {padding: 0 2em}
.fenye a {color: #999}
.fenye a:hover {color: #ff5e52}
.fenye-indicator {position: relative;height: 0;text-align: center;}
.fenye-indicator small {position: relative;top: -.5em;display: inline-block;padding: 0 1em;font-size: 14px;line-height: 1;color: #ccc;vertical-align: top;background: #fff;}
.fadein {-webkit-animation: fadein .5s;animation: fadein .5s;}
@-webkit-keyframes fadein {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadein {from {opacity: 0;}to {opacity: 1;}}
.fadeout {-webkit-animation: fadeout .5s;animation: fadeout .5s;}
@-webkit-keyframes fadeout {from {opacity: 1}to {opacity: 0;}}
@keyframes fadeout {from {opacity: 1;}to {opacity: 0}}
/*内容页*/
.container .index-left { width: 110px; min-height: 300px; margin-right: 30px; background-color: #fff; }


.share-box{margin-top:20px;}
.share-box-fixed{position:fixed;top:0;z-index:20;}
.share-box .share-count{display:block;}
.share-box .share-count i{vertical-align:middle;}
.share-box .share-count i:hover{opacity:.6;}
.share-box .share-count span{font:20px/24px georgia;color:#f85959;padding-left:6px;}
.share-box .share-hr{background:#e8e8e8;height:1px;}
.share-box .share-type{font-size:16px;cursor:pointer;}
.share-box .share-type i{vertical-align:middle;}
.share-box .share-type i:hover{opacity:.6;}
.share-box .share-type span{vertical-align:middle;padding-left:12px;font-size:16px;}
.share-box .share-weixin{position:relative;}
.share-box .share-weixin:hover .share-qrcode{display:block;}
.share-box .share-qrcode{display:none;width:84px;height:84px;border:1px solid #ddd;position:absolute;top:40px;border-radius:3px;padding:5px;}
.share-box .share-qrcode:before{content:"";border-width:8px;border-style:solid;border-color:transparent transparent #ddd;position:absolute;top:-16px;left:34px;}
.share-box .share-qrcode:after{content:"";border-width:8px;border-style:solid;border-color:transparent transparent #fff;position:absolute;top:-15px;left:34px;}

.article-box{min-height:200px;}
.article-box .article-title{font-size:30px;font-weight:bold;line-height:30px;color:#222;border-bottom: 1px solid #e8e8e8;margin:0;padding:20px 0;text-align:center;}
.article-box .article-content{margin-bottom:24px;border-top: 1px solid #e8e8e8;}
.article-box .article-content pre{white-space:normal;}
.article-box .article-content>div,.article-box .article-content{font-size:16px;line-height:28px;color:#222;word-wrap:break-word;}
.article-box .article-content>div>p,.article-box .article-content>p{margin:16px 0;}
.article-box .article-content>div strong,.article-box .article-content strong,.article-box .article-content>div em,.article-box .article-content em,.article-box .article-content>div b,.article-box .article-content b{font-weight:bold;}
.article-box .article-content>div ol li,.article-box .article-content ol li,.article-box .article-content>div ul li,.article-box .article-content ul li{list-style:inherit;}
.article-box .article-content>div ol,.article-box .article-content ol{list-style:decimal outside;}
.article-box .article-content>div ul,.article-box .article-content ul{list-style:square outside;}
.article-box .article-content>div>ol,.article-box .article-content>ol,.article-box .article-content>div>ul,.article-box .article-content>ul{padding:20px 30px;color:#222;}

.article-box .article-content>div h1,.article-box .article-content h1{font-size:24px;font-weight:bold;line-height:32px;color:#222;margin:36px 0 22px;}
.article-box .article-content>div blockquote,.article-box .article-content blockquote{position:relative;font-size:16px;line-height:1.5;color:#999;margin:1em 0;padding:12px 10px;background:#f4f5f6;border:1px solid #e8e8e8;}
.article-box .article-content>div blockquote>ul,.article-box .article-content blockquote>ul,.article-box .article-content>div blockquote>ol,.article-box .article-content blockquote>ol{padding:20px 30px;color:#222;}
.article-box .article-content>div img,.article-box .article-content img{max-width:100%;display:block;margin:10px auto;}
.article-box .article-content>div img[inline='1'],.article-box .article-content img[inline='1']{display:inline-block;margin:0 auto;}
.article-box .article-content>div hr,.article-box .article-content hr{margin:40px auto;width:64px;height:4px;background:#f30000;outline:none;border:none;}
.article-box .article-content>div a,.article-box .article-content a{color:#406599;}
.article-box .article-content>div a:visited,.article-box .article-content a:visited{color:#406599;}
.article-box .article-content>div a:hover,.article-box .article-content a:hover{color:rgba(64,101,153,0.6);}
.article-box .article-content>div table,.article-box .article-content table{width:100%;max-width:100%;margin-bottom:15px;border-spacing:0;empty-cells:show;background-color:#fff;border-collapse:collapse;font-size:16px;}
.article-box .article-content>div table td,.article-box .article-content table td,.article-box .article-content>div table th,.article-box .article-content table th{padding:8px;vertical-align:top;border:1px solid #eee;text-align:left;color:#656b79;}
.article-box .article-content>div table th,.article-box .article-content table th{font-weight:400;padding:8px;background-color:#f4f5f7;}
.article-box .article-content>div .pgc-img-caption,.article-box .article-content .pgc-img-caption{text-align:center;font-size:12px;color:#777;line-height:16px;margin-top:0;}


.article-sub{margin-top:12px;margin-bottom:20px;font-size:13px;}
.article-sub span{color:#777;margin-right:2px;}
.article-sub .original{display:inline-block;padding:2px;border:1px solid #999;line-height:12px;}

.article-tag{margin-bottom:28px;}
.article-tag i{display:inline-block;vertical-align:middle;}
.article-tag .tag-list{display:inline-block;vertical-align:middle;}
.article-tag .tag-item{display:inline-block;margin-right:8px;font-size:14px;}
.article-tag .tag-item .label-link{color:#406599;}
.article-tag .tag-item:before{content:'/';padding-right:10px;color:#e0e0e0;}
.article-tag .tag-item:first-child:before{content:'';}
.article-tag .report{display:inline-block;margin-left:10px;}

.repin{display:inline-block;cursor:pointer;line-height:18px;}
.repin span{color:#999;font-size:14px;vertical-align:middle;padding-left:7px;}
.repin i{width:18px;vertical-align:middle;}
.repin i:hover{opacity:.6;}


.report .areport{display:inline-block;cursor:pointer;line-height:18px;}
.report .areport span{color:#999;font-size:14px;vertical-align:middle;}
.report .areport i{width:14px;margin-right:7px;vertical-align:middle;}
.report .areport i:hover{opacity:.6;}
.report .tt-dialog__body{padding:0;}
.report .content{font-size:14px;padding:20px 20px 0 20px;box-sizing:border-box;}
.report .content .option{margin-bottom:18px;}
.report .content .option:last-child{margin-bottom:0;}
.report .content .option input{float:right;}
.report .content .option p{cursor:pointer;color:#406599;margin-bottom:8px;}
.report .content .option p i{color:#406599;}
.report .content .option p.active i{transform:rotate(180deg);}
.report .content .option textarea{width:100%;height:72px;font-size:14px;padding:10px;box-sizing:border-box;color:#5d5d5d;border:1px #e9e9e9 solid;border-radius:4px;outline:none;resize:none;}
.report .content .ok-btn{width:140px;height:40px;margin:0 auto;font-size:14px;text-align:center;line-height:40px;color:#fff;background:#f30000;border-radius:4px;cursor:pointer;}
.report .tt-button--default:hover,.report .tt-button--default:focus{color:#f30000;border-color:#f30000;}
.report .tt-button--primary{background-color:#f30000;border-color:#f30000;}
.report .tt-button--primary:hover,.report .tt-button--primary:focus{background-color:#d53a3a;border-color:#d53a3a;}

.subscribe .left-arrow{width:66px;border-radius:3px;position:relative;font-size:14px;cursor:pointer;}
.subscribe .left-arrow:before{content:"";position:absolute;border-style:solid;border-width:4px;top:7px;left:-9px;}
.subscribe .left-arrow span{font-size:14px;line-height:24px;font-weight:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.subscribe .unsubscribe-btn{width:74px;border-radius:3px;color:#777;height:24px;border:1px solid #ddd;text-align:center;background-color:#fff;}
.subscribe .unsubscribe-btn:before{border-color:transparent #ddd transparent transparent;}
.subscribe .unsubscribe-btn:after{content:"";position:absolute;border-style:solid;border-width:4px;border-color:transparent #fff transparent transparent;top:7px;left:-8px;}
.subscribe .unsubscribe-btn i{vertical-align:middle;}
.subscribe .unsubscribe-btn span{margin-left:4px;}
.subscribe .subscribe-btn{float:left;margin-right:5px;width:74px;background:#f30000;color:#fff;height:24px;border:1px solid #f30000;text-align:center;}
.subscribe .subscribe-btn:before{border-color:transparent #f30000 transparent transparent;}
.subscribe .subscribe-btn span{color:#fff;}

.search-wrap{position: relative;}
.search-wrap .layer { display: none; position: absolute; left: 0; right: 0; background: #fff; font-size: 14px; z-index: 22; border: 1px solid #e8e8e8; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.12)}
.search-wrap .layer.layer-show { display: block}
.search-wrap .layer:hover { display: block}
.search-wrap .layer .search-tip { font-size: 15px; color: #999; padding: 10px 0 2px 16px}
.search-wrap .layer .search-item>a { display: block; height: 40px; line-height: 40px; padding-right: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #444; font-size: 0}
.search-wrap .layer .search-item>a:hover { background: #f4f5f6}
.search-wrap .layer .search-item .search-txt { font-size: 14px}
.search-wrap .layer .search-item .search-no { display: inline-block; font-size: 14px; color: #999; width: 28px; margin-right: 12px; text-align: right; font-style: italic}
.search-wrap .layer .search-item .search-no.search-no-1 { color: #f85959}
.search-wrap .layer .search-item .search-no.search-no-2 { color: #ff7800}
.search-wrap .layer .search-item .search-no.search-no-3 { color: #ffba00}
.search-wrap .layer .search-item .search-sug { display: inline-block; width: 14px}
/*photo*/
.wsearch { position: relative}
.wsearch .input-group {height: 38px; position: relative; border: 1px solid #e8e8e8; padding: 0 14px; background-color: #f5f6f7; border-radius: 4px}
.wsearch .input-text { border: 0; color: #444; font-size: 14px; line-height: 20px; width: 280px; padding: 0; outline: 0; padding: 9px 10px 9px 0; background: #f5f6f7; -moz-box-sizing: border-box; box-sizing: border-box}
.wsearch .input-text::-webkit-input-placeholder { color: #dfdfdf}
.wsearch .input-text:-moz-placeholder { color: #dfdfdf}
.wsearch .input-text::-moz-placeholder { color: #dfdfdf}
.wsearch .input-text:-ms-input-placeholder { color: #dfdfdf}
.wsearch .btn-submit { display: block; border-left: 0}
.wsearch .btn-submit button { line-height: 38px; background: transparent; outline: 0; border: 0; cursor: pointer}
.wsearch .layer { display: none; position: absolute; left: 0; right: 0; background: #fff; font-size: 14px; z-index: 22; border: 1px solid #e8e8e8; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.12)}
.wsearch .layer.layer-show { display: block}
.wsearch .layer:hover { display: block}
.wsearch .layer .search-tip { font-size: 15px; color: #999; padding: 10px 0 2px 16px}
.wsearch .layer .search-item>a { display: block; height: 40px; line-height: 40px; padding-right: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #444; font-size: 0}
.wsearch .layer .search-item>a:hover { background: #f4f5f6}
.wsearch .layer .search-item .search-txt { font-size: 14px}
.wsearch .layer .search-item .search-no { display: inline-block; font-size: 14px; color: #999; width: 28px; margin-right: 12px; text-align: right; font-style: italic}
.wsearch .layer .search-item .search-no.search-no-1 { color: #f85959}
.wsearch .layer .search-item .search-no.search-no-2 { color: #ff7800}
.wsearch .layer .search-item .search-no.search-no-3 { color: #ffba00}
.wsearch .layer .search-item .search-sug { display: inline-block; width: 14px}

.subchannel { height: 38px; width: 100%; z-index: 50; margin-bottom: 16px}
.subchannel .sub-list {  background: #fff; height: 38px; border-bottom: 2px solid #f2f2f2}
.subchannel .sub-list-suspension { position: fixed; top: 0; text-align: center; z-index: 20; -webkit-transition: top .3s ease-out .1s; transition: top .3s ease-out .1s}
.subchannel .sub-item { line-height: 36px; font-size: 16px; display: inline-block; color: #444; margin-left: 20px; background: #fff}
.subchannel .sub-item:first-child { margin-left: 0!important}
.subchannel .sub-item>a { color: #444}
.subchannel .sub-selected { color: #f85959; border-bottom: 2px solid #f85959}

.feedbox {margin: 20px auto; position: relative;}
.feedbox .imglist { overflow: hidden; }
.feedbox .img-item { float: left; width: 25%;}
.feedbox .img-item>a{margin:10px; display: block;}
.feedbox .img-item .img-box { position: relative; width: 100%; /*height: 160px;*/ }
.feedbox .img-item .pic-num { position: absolute; right: 8px; bottom: 7px; padding: 0 6px; height: 20px; background: #000; background: rgba(0,0,0,.5); border-radius: 10px; color: #fafafa; font-size: 14px; text-align: center; line-height: 20px; }
/*.feedbox .large { width: 279px; height: 160px; }*/
.feedbox .image-wrap { background-color: #efefef; }
.feedbox .image-wrap>img { width: 100%; /*height: 100%;*/ }
.feedbox .info { padding-top: 12px}
.feedbox .info>.des { font-size: 14px; color: #444; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;line-height: 1.14;}
.feedbox .info>.extra { padding-top: 10px; color: #999}

.searchbar { position: relative; margin-bottom: 30px;height: 40px;}
.searchbar .search-content { width: 560px; height: 40px; padding: 0 16px; background-color: #fff; border: 1px solid #f30000; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px 0 0 4px}
.searchbar .search-content input { width: 100%; border: 0; outline: 0; font-size: 16px; height: 16px; line-height: 16px; background-color: #fff; padding: 11px 0; color: #222;box-sizing: content-box;}
.searchbar .search-btn { outline: 0; border: 0; width: 100px; background: #f30000; font-size: 16px; line-height: 40px; text-align: center; color: #fff; border-radius: 0 4px 4px 0}
.searchbar .search-layer { display: none; position: absolute; top: 41px; left: 0; width: 600px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.12); border-top: 0; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; z-index: 2; border-radius: 4px}
.searchbar .search-layer.search-layer-show { display: block}
.searchbar .search-layer:hover { display: block}
.searchbar .search-layer .suggest-item { padding: 0 16px; line-height: 34px; font-size: 16px; cursor: pointer; text-overflow: ellipsis; overflow: hidden}
.searchbar .search-layer .suggest-item>a { display: inline-block; width: 100%; height: 100%}
.searchbar .search-layer .suggest-item:hover,.searchbar .search-layer .suggest-item-active { background: #f4f5f6}
.searchbar .search-layer .clear-history { font-size: 14px; color: #406599; cursor: pointer; text-align: center; line-height: 42px; border-top: 1px solid #e8e8e8}
.searchbar .date-wrap { margin: 15px 0 0; font-size: 14px; line-height: 1.5}
.searchbar .date-wrap span,.searchbar .date-wrap input { display: inline-block; vertical-align: middle}
.y-wrap .y-box { display: block; }
.tabbar { font-size: 18px; color: #222; margin-bottom: 16px;width: 100%;height: 20px;}
.tabbar .tab-list .tab-item { margin-right: 33px; cursor: pointer}
.tabbar .tab-list .tab-item.active a{ color: #f30000; cursor: default}
.pane-module .y-box{display: block;overflow: hidden;}
.pane-module .related-item { padding: 7px; font-size: 14px; color: #222; line-height: 1; border: 1px solid #ddd; border-radius: 4px; margin-right: 12px; margin-bottom: 16px}
.pane-module .search-item { font-size: 14px}
.pane-module .search-item>a { display: block; height: 30px; padding-right: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #444}
.pane-module .search-item>a:hover { color: #406599}

/**/
.articlecard { position: relative; background: #fff; padding: 0 20px}
.articlecard .img-wrap { position: relative; display: inline-block; overflow: hidden; cursor: pointer; -webkit-transform-style: preserve-3d; transform-style: preserve-3d}
.articlecard .img-wrap img { width: 100%; height: 100%; -webkit-transition: all .5s ease-out .1s; transition: all .5s ease-out .1s}
.articlecard .img-wrap:hover img { -webkit-transform: matrix(1.04,0,0,1.04,0,0); -ms-transform: matrix(1.04,0,0,1.04,0,0); transform: matrix(1.04,0,0,1.04,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden}
.articlecard .item-hidden { display: none}
.articlecard .item { position: relative}
.articlecard .item-inner { position: relative; padding: 10px 0; border-bottom: 1px solid #e8e8e8}
.articlecard .item-inner-no-bottom { border: 0!important}
.articlecard .link { color: #4f5157}
.articlecard .link:visited { color: #999}
.articlecard .link:visited:hover { color: #999!important}
.articlecard .link.visited { color: #999!important}
.articlecard .link.title:hover { color: #406599}
.articlecard .title-box { width: 100%;}
.articlecard .title-box a { color: #222}
.articlecard .img-list { position: relative; margin-top: 10px; margin-bottom: 10px}
.articlecard .img-list .img-wrap { display: block; width: 146px; height: 100px; float: left; text-align: center; margin-left: 9px; background: #e8e8e8; border: 1px solid #e8e8e8; overflow: hidden}
.articlecard .img-list .img-wrap:first-child { margin-left: 0}
.articlecard .img-list .img-wrap .add-info { display: inline-block; width: 88px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; font-size: 14px; color: #406599; margin-top: 36px}
.articlecard .img-list .img-wrap .add-info i { font-size: 12px; color: #406599}
.articlecard .img-list .img-wrap img { width: 100%; height: 100%}
.articlecard .img-list .img-num { position: absolute; right: 10px; bottom: 10px; padding: 0 6px; height: 20px; background: #000; background: rgba(0,0,0,.7); border-radius: 10px; color: #fafafa; font-size: 12px; text-align: center; line-height: 20px}
.articlecard .lbox { position: relative; float: left}
.articlecard .lbox .img-wrap { display: block; width: 156px; height: 100px; border: 1px solid #e8e8e8; background: #e8e8e8; overflow: hidden}
.articlecard .lbox .img-wrap>img { width: 100%; height: 100%}
.articlecard .lbox .ftype { position: absolute; right: 4px; bottom: 4px; height: 22px; min-width: 6px; line-height: 22px; font-size: 12px; color: #fff; background: #000; background: rgba(0,0,0,.5); padding: 0 8px; border-radius: 11px}
.articlecard .lbox .ftype.video span { padding-left: 8px}
.articlecard .lbox .ftype.video:before { content: ''; position: absolute; background:  left center no-repeat; width: 6px; height: 8px; top: 50%; margin-top: -4px}
.articlecard .normal { position: relative; font-size: 0; overflow: hidden}
.articlecard .normal.no-image { padding: 6px 0}
.articlecard .normal.rbox { float: right; height: 102px; width: 480px}
.articlecard .normal:before { content: ''; width: 0; font-size: 0; height: 100%; visibility: hidden; display: inline-block; vertical-align: middle}
.articlecard .normal .rbox-inner { display: inline-block; width: 100%; vertical-align: middle}
.articlecard .footer { font-size: 12px; color: #999; height: 18px; line-height: 18px; margin-top: 10px}
.articlecard .lbtn { float: left; display: inline-block; color: #777; font-size: 14px}
.articlecard .lbtn.media-avatar { position: relative; color: #fff; margin-right: 2px; width: 18px; height: 18px; line-height: 17px; text-align: center; font-size: 12px; border-radius: 50%; background-color: #eee; overflow: hidden}
.articlecard .lbtn.media-avatar:before { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; border-radius: 50%; background-color: rgba(0,0,0,.08)}
.articlecard .lbtn.media-avatar>img { width: 100%; height: 100%}
.articlecard .lbtn.source:hover,.articlecard .lbtn.comment:hover { color: #406599}
.articlecard .lbtn.recommend { font-size: 12px; color: #2a90d7; height: 14px; line-height: 14px; border: 1px solid #2a90d7; padding: 0 2px; margin-top: 1px; margin-left: 8px}
.articlecard .tag-hot { width: 14px; height: 14px; font-size: 12px; line-height: 14px; text-align: center; border: 1px solid #f30000; color: #f30000; margin-top: 1px; margin-left: 8px}
.articlecard .avatar-bg-0 { background-color: #ff9090!important}
.articlecard .avatar-bg-1 { background-color: #90ccff!important}
.articlecard .avatar-bg-2 { background-color: #bfa1d0!important}
.articlecard .avatar-bg-3 { background-color: #80c184!important}
.articlecard .avatar-bg-4 { background-color: #e7ad90!important}
.articlecard .avatar-bg-5 { background-color: #ccc!important}

.y-box:after {content: "\0020"; display: block; height: 0; clear: both; overflow: hidden;}

.detail-feed .titlez { position: relative; font-size: 18px; color: #222; line-height: 18px; padding-left: 16px; margin-bottom: 6px; font-weight: 700; }
.detail-feed .titlez:before { position: absolute; left: 0; top: 0; content: ""; width: 4px; height: 18px; background: #f30000; border-radius: 4px; }


/*video*/
.container.wide { width: 1333px; }
.container.wide .index-content { width: 850px; }
.sharez{ position:relative; height:48px; width:850px; line-height:48px; background:#222; font-size:16px; color:#fff; z-index:100; transition:all .3s ease}
.sharez .bui-icon:hover{ opacity:.7}
.sharez .bui-left .titles{ padding-left:15px}
.sharez .bui-left .img-w{ display:inline-block; width:20px; height:20px; vertical-align:-4px}
.sharez .bui-left .img-w img{ width:100%}
.sharez .bui-left .source-t{ color:#fff}
.sharez .bui-right .repin{ width:96px; text-align:center; direction:rtl; vertical-align:3px}
.sharez .bui-right .repin span{ color:#fff; font-size:16px; margin-right:4px}
.sharez .bui-right .digg{ cursor:pointer; margin-right:16px}
.sharez .bui-right .digg .bui-icon{ vertical-align:2px}
.sharez .bui-right .bury{ cursor:pointer; display:inline-block; padding-right:21px; line-height:48px; vertical-align:-1px; border-right:1px solid rgba(255,255,255,0.11)}
.sharez .bui-right .selected{ color:#f30000}
.sharez .bui-right .bui-icon{ margin-left:2px}
.wide .share{ width:850px}
.theater .share{ width:1030px}
.theater.wide .share{ width:1220px}
.abstract{ margin-top:18px; color:#222; font-size:16px}
.abstract .titles span{ font-size:14px; border:1px solid #999; padding:0 4px; color:#999; cursor:pointer; float:left; margin-top:4px}
.abstract .titles span h2{ margin-left:46px}
.abstract h2{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; position:relative; padding-right:12px; font-size:20px}
.abstract h2:after{ content:''; display:inline-block; position:absolute; width:0; right:0; top:13px; height:0; border:4px solid transparent; border-top-color:#999; transition:all .2s ease}
.abstract h2.active:after{ transform:rotate(180deg); transform-origin:4px 2px}
.abstract h2.active .abstract-wrap{ display:block}
.abstract .report-wrap{ margin-bottom:4px}
.abstract .text{ font-size:16px; line-height:22px}
.abstract .info{ padding:8px 0 20px; border-bottom:2px solid #e8e8e8}
.abstract .avatar{ display:inline-block; width:30px; height:30px; border:1px solid #ddd; border-radius:50%; overflow:hidden; vertical-align:-9px}
.abstract .avatar img{ width:100%}
.abstract .name{ margin:0 10px}
.abstract .subscribe{ display:inline-block; vertical-align:1px;margin-top: 5px;}
.abstract .num{ color:#333}
.abstract .num em{ color:#f30000; font-family:georgia; font-size:22px}
.hotvideo{margin-bottom: 20px;}
.hotvideo h3{ margin:20px 0 14px 0; font-size:18px; color:#222; padding-left:8px; position:relative}
.hotvideo h3:before{ content:''; display:inline-block; position:absolute; top:5px; left:0; width:4px; height:18px; background:#f30000}
.hotvideo .videos{ list-style:none}
.hotvideo .videos .videoo{ display:inline-block; vertical-align:top;width: 20%;float: left;}
.hotvideo .videos .videoo div{ margin:0 5px;}
.hotvideo .videos .videoo .img-wrap{ position:relative; display:inline-block; width:158px; height:88px; overflow:hidden}
.hotvideo .videos .videoo .img-wrap img{ max-width:100%; transition:all .5s ease-out}
.hotvideo .videos .videoo .img-wrap .duration{ position:absolute; right:8px; bottom:6px; background:rgba(34,34,34,0.7); border-radius:100px; font-size:12px; color:#fff; padding:2px 7px}
.hotvideo .videos .videoo .img-wrap .duration .bui-icon{ vertical-align:1px}
.hotvideo .videos .videoo .img-wrap .duration em{ margin-left:2px}
.hotvideo .videos .videoo .img-wrap:hover img{ transform:scale(1.08, 1.08)}
.hotvideo .videos .videoo .titles{ display:block; font-size:14px; color:#222; width:158px; overflow:hidden; height:40px; line-height:20px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical}


#comment_div .left_head { height: auto; font-size: 16px; font-weight: normal; border-top: 2px solid #f30000; background: #f4f5f6; margin-bottom: 16px; padding: 10px 20px 10px; }
#comment_div .left_head span{font-size: 16px;}
.digg {margin-bottom: 10px;}
.digg a .iconfont{ font-size: 30px; color: #fff; border-radius: 5px; width: 34px; height: 34px; line-height: 34px; display: inline-block; text-align: center; }
.digg a i.icon-praise{ background: #2a90d7;; }
.digg a i.icon-cai{background: #2a90d7;; }

html,body,.y-wrap {width: 100%;height: 100%}
.contentl{position:relative;width:100%;height:100%;background-color:#eee;background-image:url(/uploads/image/sdimages/login_bg_7584f6a.png);background-repeat:no-repeat;background-position:top center}
.logo-wrap{display:inline-block;position:absolute;top:16px;left:16px;width:110px;height:27px}
.logo-wrap>img{width:100%;height:100%}
.slogan-wrap {position: absolute;left: 50%;margin-left: -275px;top: 10px;width: 550px;height: 385px;}
.slogan-wrap>img {width: 100%;height: 100%z-index:-1;}
.loginbox{position:absolute;top:230px;left:50%;margin-left:-200px}
.regbox {position: absolute;top: 230px;left: 50%;margin-left: -500px;}


.mreg {margin:auto;width:950px;background:#ffffff;clear:both;}

.mh_fufei{background-color: #33af52;color: #fff;padding: 10px 10px 80px;position: relative;border-radius: 5px;margin-bottom: 30px;font-size: 24px;text-align: center;}
.mh_introduce{padding: 5px;margin:0 20px 10px;font-size: 14px;background-color: #eee;color: #333;border-radius: 5px;text-align: left;}

#testbutton {position: absolute; bottom: 10px;right: 30px;color:rgb(255, 255, 255);width: 200px;height: 86px;background: url(/uploads/image/sdimages/12851.png) 0 0 no-repeat;}

.awardz {padding:0 5px;text-align:center;}
.awardz div {width:80px;height:25px;line-height:23px;font-size:16px;font-weight:bold;letter-spacing:2px;margin:auto;background:#ffffff;color:#e94657;border:#e94657 2px solid;border-radius:10px;cursor:pointer;}
.awardz div:hover {background:#e94657;color:#ffffff;}
.awardz div a{color:#e94657;}
.awardz div a:hover {background:#e94657;color:#ffffff;}