/* -----------------------------------------------------------------

The Whole CSS written by Elecom.
(C) Elecom Inc.
Annoucement here,Copyright
Shenzhen.Eleccom Technology.使用原代码请联系作者QQ: 2300184378 / 2017-04-09 20:00:06

---------------------------------------------------------------------------------------*/

.footer { margin-top: 0}
.footer_wrap { margin-top: 0; border-top: 0}
.footer-icon-list { top: 58px}
.video-catalog-flow {margin-top:20px !important;}
@media print{*{text-shadow:none!important;color:#000!important;background:0 0!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
blockquote,pre{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
select{background:#fff!important}
.navbar{display:none}
.table td,.table th{background-color:#fff!important}
.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}
.label{border:1px solid #000}
.table{border-collapse:collapse!important}
.table-bordered td,.table-bordered th{border:1px solid #ddd!important}
}

html{font-size:62.5%;-webkit-tap-highlight-color:transparent}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#428bca;text-decoration:none}
a:focus,a:hover{color:#2a6496;text-decoration:underline}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
figure{margin:0}
img{vertical-align:middle}
.img-responsive{display:block;max-width:100%;height:auto}
.img-rounded{border-radius:6px}
.img-thumbnail{padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .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 #eee}
.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}
fieldset{padding:0;margin:0;border:0;min-width:0}
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
input[type=search]{box-sizing:border-box}
input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}
input[type=file]{display:block}
input[type=range]{display:block;width:100%}
select[multiple],select[size]{height:auto}
input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
output{display:block;padding-top:7px;font-size:14px;line-height:1.428571429;color:#555}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}
textarea.form-control{height:auto}
input[type=search]{-webkit-appearance:none}
input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px;line-height:1.428571429\9}
.input-group-sm>.input-group-btn>input[type=date].btn,.input-group-sm>.input-group-btn>input[type=time].btn,.input-group-sm>.input-group-btn>input[type=datetime-local].btn,.input-group-sm>.input-group-btn>input[type=month].btn,.input-group-sm>input[type=date].form-control,.input-group-sm>input[type=date].input-group-addon,.input-group-sm>input[type=time].form-control,.input-group-sm>input[type=time].input-group-addon,.input-group-sm>input[type=datetime-local].form-control,.input-group-sm>input[type=datetime-local].input-group-addon,.input-group-sm>input[type=month].form-control,.input-group-sm>input[type=month].input-group-addon,input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}
.input-group-lg>.input-group-btn>input[type=date].btn,.input-group-lg>.input-group-btn>input[type=time].btn,.input-group-lg>.input-group-btn>input[type=datetime-local].btn,.input-group-lg>.input-group-btn>input[type=month].btn,.input-group-lg>input[type=date].form-control,.input-group-lg>input[type=date].input-group-addon,.input-group-lg>input[type=time].form-control,.input-group-lg>input[type=time].input-group-addon,.input-group-lg>input[type=datetime-local].form-control,.input-group-lg>input[type=datetime-local].input-group-addon,.input-group-lg>input[type=month].form-control,.input-group-lg>input[type=month].input-group-addon,input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}
.form-group{margin-bottom:15px}
.checkbox,.radio{display:block;min-height:20px;margin-top:10px;margin-bottom:10px}
.checkbox label,.radio label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}
.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{float:left;margin-left:-20px}
.checkbox+.checkbox,.radio+.radio{margin-top:-5px}
.checkbox-inline,.radio-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}
.checkbox-inline[disabled],.checkbox[disabled],.radio-inline[disabled],.radio[disabled],fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox][disabled],input[type=radio][disabled]{cursor:not-allowed}
.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn,.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.input-group-sm>.input-group-btn>select.btn,.input-group-sm>select.form-control,.input-group-sm>select.input-group-addon,select.input-sm{height:30px;line-height:30px}
.input-group-sm>.input-group-btn>select[multiple].btn,.input-group-sm>.input-group-btn>textarea.btn,.input-group-sm>select[multiple].form-control,.input-group-sm>select[multiple].input-group-addon,.input-group-sm>textarea.form-control,.input-group-sm>textarea.input-group-addon,select[multiple].input-sm,textarea.input-sm{height:auto}
.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn,.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}
.input-group-lg>.input-group-btn>select.btn,.input-group-lg>select.form-control,.input-group-lg>select.input-group-addon,select.input-lg{height:46px;line-height:46px}
.input-group-lg>.input-group-btn>select[multiple].btn,.input-group-lg>.input-group-btn>textarea.btn,.input-group-lg>select[multiple].form-control,.input-group-lg>select[multiple].input-group-addon,.input-group-lg>textarea.form-control,.input-group-lg>textarea.input-group-addon,select[multiple].input-lg,textarea.input-lg{height:auto}
.has-feedback{position:relative}
.has-feedback .form-control{padding-right:42.5px}
.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}
.input-group-lg>.form-control+.form-control-feedback,.input-group-lg>.input-group-addon+.form-control-feedback,.input-group-lg>.input-group-btn>.btn+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}
.input-group-sm>.form-control+.form-control-feedback,.input-group-sm>.input-group-addon+.form-control-feedback,.input-group-sm>.input-group-btn>.btn+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}
.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline{color:#3c763d}
.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}
.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}
.has-success .form-control-feedback{color:#3c763d}
.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline{color:#8a6d3b}
.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}
.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}
.has-warning .form-control-feedback{color:#8a6d3b}
.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline{color:#a94442}
.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}
.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}
.has-error .form-control-feedback{color:#a94442}
.form-control-static{margin-bottom:0}
.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}
@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
.form-inline .input-group{display:inline-table;vertical-align:middle}
.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}
.form-inline .input-group>.form-control{width:100%}
.form-inline .control-label{margin-bottom:0;vertical-align:middle}
.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}
.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{float:none;margin-left:0}
.form-inline .has-feedback .form-control-feedback{top:0}
}
.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:7px}
.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}
.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}
.form-horizontal .form-group:after,.form-horizontal .form-group:before{content:" ";display:table}
.form-horizontal .form-group:after{clear:both}
.form-horizontal .form-control-static{padding-top:7px;padding-bottom:7px}
@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}
}
.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}
.container{margin-right:auto;margin-left:auto;padding-left: 0;padding-right: 0}
.container:after,.container:before{content:" ";display:table}
.container:after{clear:both}
@media (min-width:768px){.container{width:750px}
}
@media (min-width:992px){.container{width:970px}
}
@media (min-width:1030px){.container{width:1030px}
}
.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.container-fluid:after,.container-fluid:before{content:" ";display:table}
.container-fluid:after{clear:both}
.row{margin-left:-15px;margin-right:-15px}
.row:after,.row:before{content:" ";display:table}
.row:after{clear:both}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.col-xs-1{width:8.3333333333%}
.col-xs-2{width:16.6666666667%}
.col-xs-3{width:25%}
.col-xs-4{width:33.3333333333%}
.col-xs-5{width:41.6666666667%}
.col-xs-6{width:50%}
.col-xs-7{width:58.3333333333%}
.col-xs-8{width:66.6666666667%}
.col-xs-9{width:75%}
.col-xs-10{width:83.3333333333%}
.col-xs-11{width:91.6666666667%}
.col-xs-12{width:100%}
.col-xs-pull-0{right:auto}
.col-xs-pull-1{right:8.3333333333%}
.col-xs-pull-2{right:16.6666666667%}
.col-xs-pull-3{right:25%}
.col-xs-pull-4{right:33.3333333333%}
.col-xs-pull-5{right:41.6666666667%}
.col-xs-pull-6{right:50%}
.col-xs-pull-7{right:58.3333333333%}
.col-xs-pull-8{right:66.6666666667%}
.col-xs-pull-9{right:75%}
.col-xs-pull-10{right:83.3333333333%}
.col-xs-pull-11{right:91.6666666667%}
.col-xs-pull-12{right:100%}
.col-xs-push-0{left:auto}
.col-xs-push-1{left:8.3333333333%}
.col-xs-push-2{left:16.6666666667%}
.col-xs-push-3{left:25%}
.col-xs-push-4{left:33.3333333333%}
.col-xs-push-5{left:41.6666666667%}
.col-xs-push-6{left:50%}
.col-xs-push-7{left:58.3333333333%}
.col-xs-push-8{left:66.6666666667%}
.col-xs-push-9{left:75%}
.col-xs-push-10{left:83.3333333333%}
.col-xs-push-11{left:91.6666666667%}
.col-xs-push-12{left:100%}
.col-xs-offset-0{margin-left:0}
.col-xs-offset-1{margin-left:8.3333333333%}
.col-xs-offset-2{margin-left:16.6666666667%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-4{margin-left:33.3333333333%}
.col-xs-offset-5{margin-left:41.6666666667%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-7{margin-left:58.3333333333%}
.col-xs-offset-8{margin-left:66.6666666667%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-10{margin-left:83.3333333333%}
.col-xs-offset-11{margin-left:91.6666666667%}
.col-xs-offset-12{margin-left:100%}
@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
.col-sm-1{width:8.3333333333%}
.col-sm-2{width:16.6666666667%}
.col-sm-3{width:25%}
.col-sm-4{width:33.3333333333%}
.col-sm-5{width:41.6666666667%}
.col-sm-6{width:50%}
.col-sm-7{width:58.3333333333%}
.col-sm-8{width:66.6666666667%}
.col-sm-9{width:75%}
.col-sm-10{width:83.3333333333%}
.col-sm-11{width:91.6666666667%}
.col-sm-12{width:100%}
.col-sm-pull-0{right:auto}
.col-sm-pull-1{right:8.3333333333%}
.col-sm-pull-2{right:16.6666666667%}
.col-sm-pull-3{right:25%}
.col-sm-pull-4{right:33.3333333333%}
.col-sm-pull-5{right:41.6666666667%}
.col-sm-pull-6{right:50%}
.col-sm-pull-7{right:58.3333333333%}
.col-sm-pull-8{right:66.6666666667%}
.col-sm-pull-9{right:75%}
.col-sm-pull-10{right:83.3333333333%}
.col-sm-pull-11{right:91.6666666667%}
.col-sm-pull-12{right:100%}
.col-sm-push-0{left:auto}
.col-sm-push-1{left:8.3333333333%}
.col-sm-push-2{left:16.6666666667%}
.col-sm-push-3{left:25%}
.col-sm-push-4{left:33.3333333333%}
.col-sm-push-5{left:41.6666666667%}
.col-sm-push-6{left:50%}
.col-sm-push-7{left:58.3333333333%}
.col-sm-push-8{left:66.6666666667%}
.col-sm-push-9{left:75%}
.col-sm-push-10{left:83.3333333333%}
.col-sm-push-11{left:91.6666666667%}
.col-sm-push-12{left:100%}
.col-sm-offset-0{margin-left:0}
.col-sm-offset-1{margin-left:8.3333333333%}
.col-sm-offset-2{margin-left:16.6666666667%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-4{margin-left:33.3333333333%}
.col-sm-offset-5{margin-left:41.6666666667%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-7{margin-left:58.3333333333%}
.col-sm-offset-8{margin-left:66.6666666667%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-10{margin-left:83.3333333333%}
.col-sm-offset-11{margin-left:91.6666666667%}
.col-sm-offset-12{margin-left:100%}
}
@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
.col-md-1{width:8.3333333333%}
.col-md-2{width:16.6666666667%}
.col-md-3{width:25%}
.col-md-4{width:33.3333333333%}
.col-md-5{width:41.6666666667%}
.col-md-6{width:50%}
.col-md-7{width:58.3333333333%}
.col-md-8{width:66.6666666667%}
.col-md-9{width:75%}
.col-md-10{width:83.3333333333%}
.col-md-11{width:91.6666666667%}
.col-md-12{width:100%}
.col-md-pull-0{right:auto}
.col-md-pull-1{right:8.3333333333%}
.col-md-pull-2{right:16.6666666667%}
.col-md-pull-3{right:25%}
.col-md-pull-4{right:33.3333333333%}
.col-md-pull-5{right:41.6666666667%}
.col-md-pull-6{right:50%}
.col-md-pull-7{right:58.3333333333%}
.col-md-pull-8{right:66.6666666667%}
.col-md-pull-9{right:75%}
.col-md-pull-10{right:83.3333333333%}
.col-md-pull-11{right:91.6666666667%}
.col-md-pull-12{right:100%}
.col-md-push-0{left:auto}
.col-md-push-1{left:8.3333333333%}
.col-md-push-2{left:16.6666666667%}
.col-md-push-3{left:25%}
.col-md-push-4{left:33.3333333333%}
.col-md-push-5{left:41.6666666667%}
.col-md-push-6{left:50%}
.col-md-push-7{left:58.3333333333%}
.col-md-push-8{left:66.6666666667%}
.col-md-push-9{left:75%}
.col-md-push-10{left:83.3333333333%}
.col-md-push-11{left:91.6666666667%}
.col-md-push-12{left:100%}
.col-md-offset-0{margin-left:0}
.col-md-offset-1{margin-left:8.3333333333%}
.col-md-offset-2{margin-left:16.6666666667%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-4{margin-left:33.3333333333%}
.col-md-offset-5{margin-left:41.6666666667%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-7{margin-left:58.3333333333%}
.col-md-offset-8{margin-left:66.6666666667%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-10{margin-left:83.3333333333%}
.col-md-offset-11{margin-left:91.6666666667%}
.col-md-offset-12{margin-left:100%}
}
@media (min-width:1030px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
.col-lg-1{width:8.3333333333%}
.col-lg-2{width:16.6666666667%}
.col-lg-3{width:25%}
.col-lg-4{width:33.3333333333%}
.col-lg-5{width:41.6666666667%}
.col-lg-6{width:50%}
.col-lg-7{width:58.3333333333%}
.col-lg-8{width:66.6666666667%}
.col-lg-9{width:75%}
.col-lg-10{width:83.3333333333%}
.col-lg-11{width:91.6666666667%}
.col-lg-12{width:100%}
.col-lg-pull-0{right:auto}
.col-lg-pull-1{right:8.3333333333%}
.col-lg-pull-2{right:16.6666666667%}
.col-lg-pull-3{right:25%}
.col-lg-pull-4{right:33.3333333333%}
.col-lg-pull-5{right:41.6666666667%}
.col-lg-pull-6{right:50%}
.col-lg-pull-7{right:58.3333333333%}
.col-lg-pull-8{right:66.6666666667%}
.col-lg-pull-9{right:75%}
.col-lg-pull-10{right:83.3333333333%}
.col-lg-pull-11{right:91.6666666667%}
.col-lg-pull-12{right:100%}
.col-lg-push-0{left:auto}
.col-lg-push-1{left:8.3333333333%}
.col-lg-push-2{left:16.6666666667%}
.col-lg-push-3{left:25%}
.col-lg-push-4{left:33.3333333333%}
.col-lg-push-5{left:41.6666666667%}
.col-lg-push-6{left:50%}
.col-lg-push-7{left:58.3333333333%}
.col-lg-push-8{left:66.6666666667%}
.col-lg-push-9{left:75%}
.col-lg-push-10{left:83.3333333333%}
.col-lg-push-11{left:91.6666666667%}
.col-lg-push-12{left:100%}
.col-lg-offset-0{margin-left:0}
.col-lg-offset-1{margin-left:8.3333333333%}
.col-lg-offset-2{margin-left:16.6666666667%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-4{margin-left:33.3333333333%}
.col-lg-offset-5{margin-left:41.6666666667%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-7{margin-left:58.3333333333%}
.col-lg-offset-8{margin-left:66.6666666667%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-10{margin-left:83.3333333333%}
.col-lg-offset-11{margin-left:91.6666666667%}
.col-lg-offset-12{margin-left:100%}
}
.input-group{position:relative;display:table;border-collapse:separate}
.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}
.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}
.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}
.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}
.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}
.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}
.input-group-addon.input-sm,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn{padding:5px 10px;font-size:12px;border-radius:3px}
.input-group-addon.input-lg,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn{padding:10px 16px;font-size:18px;border-radius:6px}
.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}
.input-group-addon:first-child{border-right:0}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}
.input-group-addon:last-child{border-left:0}
.input-group-btn{position:relative;font-size:0;white-space:nowrap}
.input-group-btn>.btn{position:relative}
.input-group-btn>.btn+.btn{margin-left:-1px}
.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}
.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}
.tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}
.tooltip.in{opacity:.9;filter:alpha(opacity=90)}
.tooltip.top{margin-top:-3px;padding:5px 0}
.tooltip.right{margin-left:3px;padding:0 5px}
.tooltip.bottom{margin-top:3px;padding:5px 0}
.tooltip.left{margin-left:-3px;padding:0 5px}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}
.modal-open{overflow:hidden}
.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index: -1;background-color:#000}
.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}
.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.43px}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.428571429}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer:after,.modal-footer:before{content:" ";display:table}
.modal-footer:after{clear:both}
.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}
.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}
.modal-sm{width:300px}
}
@media (min-width:992px){.modal-lg{width:900px}
}
@-ms-viewport{width:device-width}
.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}
.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}
@media (max-width:767px){.visible-xs{display:block!important}
table.visible-xs{display:table}
tr.visible-xs{display:table-row!important}
td.visible-xs,th.visible-xs{display:table-cell!important}
}
@media (max-width:767px){.visible-xs-block{display:block!important}
}
@media (max-width:767px){.visible-xs-inline{display:inline!important}
}
@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}
}
@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}
table.visible-sm{display:table}
tr.visible-sm{display:table-row!important}
td.visible-sm,th.visible-sm{display:table-cell!important}
}
@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}
}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}
}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}
}
@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}
table.visible-md{display:table}
tr.visible-md{display:table-row!important}
td.visible-md,th.visible-md{display:table-cell!important}
}
@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}
}
@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}
}
@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}
}
@media (min-width:1030px){.visible-lg{display:block!important}
table.visible-lg{display:table}
tr.visible-lg{display:table-row!important}
td.visible-lg,th.visible-lg{display:table-cell!important}
}
@media (min-width:1030px){.visible-lg-block{display:block!important}
}
@media (min-width:1030px){.visible-lg-inline{display:inline!important}
}
@media (min-width:1030px){.visible-lg-inline-block{display:inline-block!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:1030px){.hidden-lg{display:none!important}
}
.visible-print{display:none!important}
@media print{.visible-print{display:block!important}
table.visible-print{display:table}
tr.visible-print{display:table-row!important}
td.visible-print,th.visible-print{display:table-cell!important}
}
.visible-print-block{display:none!important}
@media print{.visible-print-block{display:block!important}
}
.visible-print-inline{display:none!important}
@media print{.visible-print-inline{display:inline!important}
}
.visible-print-inline-block{display:none!important}
@media print{.visible-print-inline-block{display:inline-block!important}
}
@media print{.hidden-print{display:none!important}
}
.container.no-padding{padding:0}
@media screen and (max-width:1300px){.container{width:95%}
}
body{font-family:'Helvetica Neue',Helvetica,'Hiragino Sans GB',PingHei,'PingFang SC',STHeitiSC-Light,'Microsoft YaHei','Lantinghei SC',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.w50p{width:50%}
.hidden{display:none!important}
.block{display:block}
.mt-global{margin-top:15px}
.mb-global{margin-bottom:15px}
.static{position:static}
.relative{position:relative}
.absolute{position:absolute}
.no-padding{padding:0}
.tac{text-align:center}
.tal{text-align:left}
.tar{text-align:right}
.dib{display:inline-block}
img.js-lazy{visibility:hidden}
img.js-lazy.loaded{visibility:visible}
.dib-middle{display:inline-block;vertical-align:middle}
.dib-top{display:inline-block;vertical-align:top}
.a-center{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.responsive-img{overflow:hidden;height:0;padding-bottom:61%;position:relative;background-color:#f3f3f3;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.item { transition: all 0.5s ease 0s}
.banner-wrap .item:hover { opacity: 0.9}
.responsive-img .img-cover{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);height:100%;width:auto;min-width:100%}
.responsive-img.hover.img-cover{-webkit-transition:all .2s;transition:all .2s}
.responsive-img.hover.img-cover:hover{-webkit-filter:brightness(102%) contrast(115%);filter:brightness(102%) contrast(115%)}
.responsive-img.show-loading::before{width:40px;height:40px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);content:'';background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-97aad128a8c52a27e8cf09117bb3447c.gif) center center no-repeat;background-size:100% 100%;opacity:.6}
.svg .responsive-img.show-loading::before{background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-e01b4adee8ec596f8bf3ebf0d980dde0.svg)}
.triangle-down::after{position:absolute;left:50%;-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);bottom:0;display:block;content:'';border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}
@media screen and (max-width:1024px){.hidden-ipad{display:none}
}
.player-btn{display:inline-block;width:42px;height:42px;line-height:40px;color:#fff;-webkit-transition:all .2s ease;transition:all .2s ease;border:1px solid #4285f4;border-radius:3px;background-color: #4285f4;text-align:center;font-size:1.2rem}
.item:hover .player-btn { border:1px solid #ec432c !important;border-radius:3px;background-color: #ec432c !important}
.player-btn .icon-player{font-size:1.4rem}
.icon-video{display:inline-block;width:45px;height:45px;background-image:url(https://ocpk3ohd2.qnssl.com/assets/icon-video-96f3d3f22697c9151bcec9166ac2878d.png);background-size:auto 100%;background-repeat:no-repeat}
.icon-video.icon-youku{background-position:0}
.icon-video.icon-qqvideo{background-position:-45px 0}
.icon-video.icon-sohu{background-position:-90px 0}
.icon-video.icon-tudou{background-position:-135px 0}
.icon-video.icon-iqiyi{background-position:-180px 0}
.icon-video.icon-meipai{background-position:-225px 0}
@media screen and (min-width:767px){.show-xs{display:none}
}
@-webkit-keyframes like{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@keyframes like{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@-webkit-keyframes gradient{0%{background-position:0 36%}
50%{background-position:100% 65%}
100%{background-position:0 36%}
}
@keyframes gradient{0%{background-position:0 36%}
50%{background-position:100% 65%}
100%{background-position:0 36%}
}
@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_1461305987_884687.eot);src:url(//at.alicdn.com/t/font_1461305987_884687.eot?#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1461305987_884687.woff) format("woff"),url(//at.alicdn.com/t/font_1461305987_884687.ttf) format("truetype"),url(//at.alicdn.com/t/font_1461305987_884687.svg#iconfont) format("svg")}
.iconfont{font-family:iconfont;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}
.iconfont.icon-close::before{content:'\e600'}
.iconfont.icon-search::before{content:'\e603'}
.iconfont.icon-arrow-up::before{content:'\e607'}
.iconfont.icon-twitter::before{content:'\e601'}
.iconfont.icon-weibo::before{content:'\e605'}
.iconfont.icon-wechat::before{content:'\e604'}
.iconfont.icon-rss::before{content:'\e606'}
.iconfont.icon-pinglun::before{content:'\e60b'}
.iconfont.icon-time::before{content:'\e608'}
.iconfont.icon-arrow::before{content:'\e609'}
.iconfont.icon-dot::before{content:'\e60a'}
.iconfont.icon-ok::before{content:'\e611'}
.iconfont.icon-bulb::before{content:'\e613'}
.iconfont.icon-linkedin::before{content:'\e60d'}
.iconfont.icon-like::before{content:'\e60e'}
.iconfont.icon-arrow-left::before{content:'\e602'}
.iconfont.icon-arrow-right::before{content:'\e60c'}
.iconfont.icon-facebook::before{content:'\e610'}
.iconfont.icon-xiangmulan::before{content:'\e614'}
.iconfont.icon-open-book::before{content:'\e607'}
.iconfont.icon-close-book::before{content:'\e612'}
.iconfont.icon-back-top::before{content:'\e618'}
.iconfont.icon-message::before{content:'\e61a'}
.iconfont.icon-youku::before{content:'\e61c'}
.iconfont.icon-qqvideo::before{content:'\e61d'}
.iconfont.icon-sohu::before{content:'\e61e'}
.iconfont.icon-iqiyi::before{content:'\e61b'}
.iconfont.icon-player::before{content:'\e621'}
body{overflow-x:hidden;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
body .body-container{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}
body.modal-open{overflow:hidden;padding-right:15px}
a{color:#1da8f2}
a:active,a:focus,a:hover{outline:0;text-decoration:none}
.header{background-color:#1b1b1b;height:55px;position:relative;z-index:200}
.header .logo{position:absolute;top:0;left:0}
.header .logo .logo-img{margin:10px 0;height:35px}
.header .header-right{position:absolute;top:0;right:0;color:#fff;line-height:55px}
.header .message{position:relative;display:inline-block;margin-right:12px;cursor:pointer;color:#fff}
.header .message .subpanel.active{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease;transition:all .3s ease}
.header .message .icon-message{position:relative;top:-1px;font-size:1.8rem;margin:0 12px}
.header .message .count{font-size:1.5rem}
.header .message .msg-content{width:390px;padding:0;color:#000;cursor:default}
.header .message .msg-content::after{right:15px}
.header .message.high .icon-message::after{content:'';width:6px;height:6px;position:absolute;top:-3px;right:-3px;background-color:red;border-radius:100%}
.header .msg-header{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(0,0,0,.12);box-shadow:1px 1px 5px rgba(0,0,0,.12);line-height:1.5}
.header .msg-header .titx{display:inline-block;font-weight:700}
.header .no-message{margin:10px 0}
.header .btn{display:inline-block;padding:2px 10px;border:1px solid #a1a1a1;letter-spacing:1px;font-size:1.4rem;border-radius:25px;color:#666;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}
.header .btn.read-all{float:right;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}
.header .btn:hover{color:#444;border-color:#444}
.header .msg-menu{position:relative;padding:12px;margin:0;max-height:400px;overflow:auto}
.header .msg-menu::-webkit-scrollbar{width:5px}
.header .msg-menu::-webkit-scrollbar-track{background-color:transparent}
.header .msg-menu::-webkit-scrollbar-thumb{background-color:#efefef;border-radius:5px}
.header .msg-menu li{position:relative;min-height:40px;border-bottom:1px solid #efefef;padding-bottom:8px;margin-bottom:8px}
.header .msg-menu .avatar{width:35px;position:absolute;top:0;left:0}
.header .msg-menu img{width:100%;border-radius:8px;border:1px solid #f0f0f0}
.header .msg-menu div{line-height:1.5;text-align:left;padding-left:50px}
.header .msg-menu div a{color:#7d7d7d}
.header .msg-menu li.new .avatar::after{content:'';width:6px;height:6px;position:absolute;top:-3px;right:-3px;background-color:red;border-radius:100%}
.header .msg-menu li.new a{color:#000}
.header .msg-menu .hidden{display:none}
.header .msg-menu .load-more{line-height:1.7}
.header ul{list-style-type:none;padding:0;margin:0}
.header .msg-content::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:20px;background:-webkit-linear-gradient(rgba(255,255,255,0),#fff);background:linear-gradient(rgba(255,255,255,0),#fff);z-index:10}
.header .account-action{height:100%}
.header .account-action a{-webkit-transition:all .2s;transition:all .2s;display:inline-block;height:100%;color:#fff;font-size:1.4rem}
.header .account-action a:hover{color:#1da8f2}
.header .subpanel{padding:5px 0;opacity:0;visibility:hidden;line-height:35px;background-color:#fff;list-style-type:none;padding-left:0;position:absolute;top:100%;right:0;margin:0;z-index:40;width:120px;box-shadow:0 0 8px rgba(0,0,0,.3);-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all .3s ease;transition:all .3s ease}
.header .subpanel::after{position:absolute;left:50%;-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);bottom:0;display:block;content:'';border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}
.header .subpanel::after{left:auto;right:8px;bottom:auto;top:-7px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.header .username{cursor:pointer;position:relative}
.header .username img{border-radius:100%;width:35px;height:35px}
.header .username .usermenu::after{right:8px}
.header .username .usermenu a{color:#000}
.header .username .usermenu a:hover{color:#1da8f2}
.header .username.expand .subpanel{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease;transition:all .3s ease}
.header .search-btn{position:relative;width:32px;height:32px;display:inline-block;vertical-align:middle;text-align:center;line-height:32px;cursor:pointer;padding:0 12px}
.header .search-btn,.header .search-btn:focus,.header .search-btn:hover{color:#fff}
.header .search-btn .icon-search{font-size:2rem}
.header .search-btn .iconfont{position:absolute;right:20%}
.header .search-btn .icon-close::before{position:relative;right:3px;top:1px}
.header .search-icon-anim .iconfont{-webkit-transition:all .2s;transition:all .2s;-webkit-transform:scale(0) rotate(180deg);-ms-transform:scale(0) rotate(180deg);transform:scale(0) rotate(180deg)}
.header .search-btn.is-open .icon-close,.header .search-btn:not(.is-open) .icon-search{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
.nav{position:relative;z-index:2}
.nav .nav-link{display:inline-block;vertical-align:middle;font-size:1.6rem;line-height:30px;font-weight:700;color:#fff;padding:10px 22px 15px;position:relative;-webkit-transition:.2s;transition:.2s;text-decoration:none}
.nav .nav-link::after{-webkit-transition:all .2s;transition:all .2s;position:absolute;content:'';bottom:0;left:0;width:100%;height:4px;background-color:#1da8f2;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
.nav .nav-link.active,.nav .nav-link:hover{color:#1da8f2}
.nav .nav-link.active::after,.nav .nav-link:hover::after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}
@media screen and (max-width:1030px){.nav .nav-link{font-size:1.4rem;padding-left:15px;padding-right:15px}
}
@media screen and (max-width:1080px){.nav .nav-link{position:relative;right:-10%}
}
@media screen and (max-width:900px){.nav .nav-link{position:static}
.nav .nav-link.hidden-able{display:none}
}
.nav .nav-link.gif-link{color:#ffcd02;font-size:1.8rem}
.nav .nav-link.gif-link::after{background-color:#ffcd02}
.page-footer{position:relative;z-index:13}
.trademark{display:block}
.trademark .old-logo{margin-left:5px}
.trademark .detail{top:-100px;left:50%;width:245px;margin-left:-122.5px;text-align:center;opacity:0;padding:10px;border:1px solid #efefef;-webkit-transform:scale(0) translateY(0);-ms-transform:scale(0) translateY(0);transform:scale(0) translateY(0);background-color:#fff;color:#222;box-shadow:0 4px 5px rgba(0,0,0,.3);-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;-webkit-transition:all .2s;transition:all .2s}
.trademark:hover .detail{opacity:1;-webkit-transform:scale(1) translateY(-10%);-ms-transform:scale(1) translateY(-10%);transform:scale(1) translateY(-10%)}
.col-sm-8{padding-right:0}
.col-sm-4{padding-left:0}
.no-pr{padding-right:0}
.no-pl{padding-left:0}
@media screen and (min-width:992px){.footer-copyright{font-size:14px}
}
.sponsor{border:1px solid #ececec}
.home-index .sponsor{-webkit-transition:all .2s;transition:all .2s;width:100%;background-color:#f3f3f3;height:0;overflow:hidden;position:relative;display:block;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.home-index .sponsor:hover{-webkit-filter:brightness(102%) contrast(115%);filter:brightness(102%) contrast(115%)}
.home-index .sponsor i{width:32px;height:15px;background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/ad-9454939965284a8dce1df393ad5e2c13.png) 0 0 no-repeat;background-size:32px 50px;position:absolute;right:0;top:0;-webkit-transition:all .2s;transition:all .2s;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;z-index:8}
.home-index .sponsor i::after{vertical-align:top}
.home-index .sponsor i.icon-ad{background-position:0 -25px}
.home-index .sponsor i.icon-close{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);cursor:pointer}
.home-index .sponsor img{position:absolute;top:0;width:100%;height:100%}
.home-index .sponsor:hover i.icon-close{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.home-index .sponsor:hover i.icon-ad{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.home-index .timeline-sponsor .sponsor{padding-bottom:10%;margin-bottom:15px}
.home-index .ads-container .swiper-slide{opacity:0;padding-bottom:10%}
.home-index .sidebar .sponsor{padding-top:84%}
.topics-show .sponsor img{width:100%}
@-webkit-keyframes searching{0%{-webkit-transform:scale(0);transform:scale(0);left:0;right:100%}
50%{left:0;right:0;-webkit-transform:scale(1);transform:scale(1)}
100%{left:100%;right:0;-webkit-transform:scale(0);transform:scale(0)}
}
@keyframes searching{0%{-webkit-transform:scale(0);transform:scale(0);left:0;right:100%}
50%{left:0;right:0;-webkit-transform:scale(1);transform:scale(1)}
100%{left:100%;right:0;-webkit-transform:scale(0);transform:scale(0)}
}
.search-wrapper{position:fixed;right:0;top:0;left:0;bottom:0;z-index:100;width:100vw;height:100vh;background-color:rgba(255,255,255,.99)}
.search-wrapper .wrap{position:absolute;margin-left:auto;margin-right:auto;margin-top:60px;width:80vw;height:70vh;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:800px}
.search-wrapper input{border:0;outline:0;width:100%;line-height:1.5;font-size:3.5rem;color:#2ea5de;background:0 0}
.search-wrapper .input-wrap{position:relative;border-bottom:2px solid #e8e8e8}
.search-wrapper.loading .input-wrap{border-color:#a7e1fd}
.search-wrapper.loading .input-wrap::after{content:'';position:absolute;display:block;bottom:-2px;background-color:#0499e0;width:100%;height:2px;-webkit-animation:searching 1.5s;animation:searching 1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.search-wrapper .result-wrap{margin-top:15px;height:100%}
.search-wrapper .result-wrap .info{text-align:right;font-size:1.4rem}
.search-wrapper .result-wrap .results{margin-top:10px;height:calc(100% - 100px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.search-wrapper .result-wrap .results::-webkit-scrollbar{width:5px}
.search-wrapper .result-wrap .results::-webkit-scrollbar-track{background-color:transparent}
.search-wrapper .result-wrap .results::-webkit-scrollbar-thumb{background-color:#efefef;border-radius:5px}
.search-wrapper .result-wrap em{color:#1da8f2;font-style:normal}
.search-wrapper .result-wrap p{color:#5f5f5f}
.search-wrapper .item-title{font-size:1.8rem;color:#444;margin:0}
.search-wrapper .item-title:hover{text-decoration:underline;color:#1da8f2}
.search-wrapper .item-info{color:#aeaeae}
.search-wrapper .result-item:not(.last-child){padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #efefef}
@media screen and (max-width:768px){.search-wrapper .wrap{top:calc(50% + 30px);height:80vh;max-height:calc(100vh - 100px)}
.search-wrapper input{font-size:2.5rem}
.search-wrapper .item-title{display:block;display:-webkit-box;line-height:25px;max-height:50px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
.feedback{position:relative;padding:10px 20px 20px}
.feedback .panel-title{margin:0 0 10px;font-size:1.8rem;font-weight:400;color:#1da8f2}
.feedback .close{position:absolute;right:5px;top:5px;width:30px;line-height:30px;font-size:2rem;cursor:pointer;border:1px solid #fff;-webkit-transition:all .3s;transition:all .3s;text-align:center;color:#1da8f2}
.feedback .close::before{position:relative;top:1px}
.feedback .close:hover{background-color:#f0f0f0;border-color:#e0e0e0}
.feedback .button{position:relative;display:inline-block;padding:7px 30px;color:#fff;background-color:#1da8f2;letter-spacing:5px;padding-right:25px;outline:0;border:0;-webkit-transition:all .3s;transition:all .3s}
.feedback .button:hover{background-color:#0d9ce8}
.feedback .button.disable{background-color:#b4b4b4}
.feedback .button.loading .text{opacity:0}
.feedback .button.loading::after{width:25px;height:25px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);content:'';background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-97aad128a8c52a27e8cf09117bb3447c.gif) center center no-repeat;background-size:100% 100%}
.svg .feedback .button.loading::after{background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-e01b4adee8ec596f8bf3ebf0d980dde0.svg)}
.feedback input,.feedback textarea{width:100%;margin:10px 0;border-radius:0}
.feedback p{margin:0}
.feedback .icon-ok{font-size:8rem;color:#1da8f2}
.feedback .success-title{margin:-10px 0 20px;font-weight:400}
.feedback .success-desc{max-width:80%;margin:0 auto}
.feedback .button.complete{margin-top:10px}
.backtop{position:fixed;right:5px;bottom:20px;z-index:12;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;-webkit-transition:all .3s;transition:all .3s}
.backtop.show{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
@media screen and (min-width:1420px){.backtop{left:50%;right:auto;margin-left:635px}
}
.backtop .iconfont{width:35px;height:35px;display:block;text-align:center;line-height:35px;font-size:2.5rem;margin-bottom:10px;color:#fff;-webkit-transition:all .3s;transition:all .3s;background-color:#afafaf;border-radius:50%}
.backtop .iconfont:hover{background-color:#1da8f2}
.backtop .icon-back-top::before{position:relative;top:-3px}
.backtop .icon-feedback{font-size:13px}
html.open-modal{overflow-y:hidden}
html.open-modal body{overflow-y:hidden;padding-right:15px}
.modal{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:100;visibility:hidden;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}
.modal .modal-wrap{padding:15px;background-color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}
.modal .modal-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.25);z-index:1;cursor:pointer}
.modal .modal-close-btn{position:absolute;top:0;right:0;width:30px;height:30px;background:#fff;cursor:pointer;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);border-radius:50%;text-align:center;line-height:30px;box-shadow:0 0 5px rgba(0,0,0,.35)}
.modal.open{visibility:visible;opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}
.sidebar{padding:0;position:static}
.sidebar .sidebar-section{border:1px solid #ececec}
.sidebar .head{margin-bottom:10px}
.sidebar .titx{position:relative;margin:0;color:#ececec;font-size:2.2rem;line-height:50px;font-weight:400;border-bottom:3px solid #1da8f2;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
.sidebar .titx.active{border-color:#1da8f2;color:#000}
.sidebar .news-tab .head{padding:0 5px}
.sidebar .news-tab .titx{display:inline-block;width:45%;margin:2%;letter-spacing:0;padding:0}
.sidebar .news-tab .titx:not(.active){border-color:#ececec}
.sidebar .shadow-news{padding:0 10px}
.sidebar .shadow-news .titx{color:#777}
.sidebar .shadow-news .news-wrapper{padding:10px 0}
.sidebar .shadow-news ul{padding:0;margin:0}
.sidebar .shadow-news li{list-style:disc}
.sidebar .shadow-news .news-title{color:#555;display:block;padding-left:20px;position:relative}
.sidebar .shadow-news .news-title:not(:last-child){border-bottom:1px solid #ececec;padding-bottom:10px;margin-bottom:10px}
.sidebar .shadow-news .iconfont{position:absolute;left:0}
.sidebar .titx.category-title{display:inline-block;width:47.5%;letter-spacing:0;line-height:1;padding:10px 0;-webkit-transition:all .2s;transition:all .2s}
.sidebar .titx.category-title .text{display:block;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transition:-webkit-transform .2s;transition:transform .2s}
.sidebar .titx.category-title.active .text{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sidebar .titx.category-title:last-child{margin-left:5%}
.sidebar .news-title{font-size:1.4rem;font-weight:400;color:#949494;-webkit-transition:all .2s;transition:all .2s}
.sidebar .news-title span{display:block;display:-webkit-box;line-height:20px;max-height:60px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.sidebar .news-title:hover{color:#000}
.sidebar .hot-news{padding:0 10px}
.sidebar .hot-news .titx{color:#777}
.sidebar .hot-news .news-wrapper{padding:10px 0}
.sidebar .hot-news .news-item{border-bottom:1px solid #ececec;margin-bottom:10px;padding-bottom:10px}
.sidebar .hot-news .news-item:last-child{border:0;margin-bottom:0;padding-bottom:0}
.sidebar .hot-news .news-cover{width:40%;margin-right:5%}
.sidebar .hot-news .news-title{width:55%}
.sidebar .pin-container.pin{position:fixed;background-color:#fff;bottom:0;z-index:10}
.sidebar .pin-container.pin.pin-bottom{position:absolute;bottom:0;top:auto}
.titxbar{position:relative;margin-bottom:25px; margin-top: 20px; background: none}
.titxbar h4{font-size: 18px;font-weight:400; padding-left: 15px; margin:0;display:inline-block;position:relative;z-index:2; line-height:18px;padding-right:15px; border-left: 5px solid #4285f4}
.titxbar .more{position:absolute;right:0;top:51%;line-height:28px;color: #999999; z-index:2;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-right:15px}
.titxbar::after{}
.comments .user-avatar{display:inline-block;width:50px;position:absolute;top:0;left:0;z-index:10}
.comments .avatar{display:inline-block;width:50px;height:50px;border-radius:8px;overflow:hidden;border:1px solid #f0f0f0}
.comments .avatar img{width:100%;height:100%;border-radius:0}
.comments .likes{text-align:center;color:#b1b1b1;float:right}
.comments .likes .icon-like{margin-right:5px}
.comments .likes.liked{color:#1abc9c;-webkit-animation:like .5s;animation:like .5s;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
.comments .likes.disable{cursor:not-allowed}
.comments form{display:inline-block;position:relative;width:100%;padding-left:75px}
.comments .comment-body form{width:100%}
.comments textarea{border:0;background-color:#fff;border:1px solid rgba(0,0,0,.15);box-shadow:inset 2px 2px 10px rgba(0,0,0,.05);padding:10px;width:100%;min-height:100px}
.comments textarea:focus{outline:0}
.comments .reply{padding-left:100px}
.comments .reply .comment-content{background-color:#ebf7ed}
.comments .reply .comment-content::before{border-top-color:#ebf7ed}
.comments .reply .reply-box{margin-bottom:10px}
.comments .publish{margin-bottom:10px}
.comments .publish.reply{padding-left:50px}
.comments .depth-1{padding-left:0}
.comments .depth-1:not(:first-child){padding-top:20px;border-top:1px dashed #dedede}
.comments .depth-2{padding-left:50px}
.comments .depth-3{padding-left:100px}
.comments .comment-body{display:inline-block;width:100%;padding-left:75px}
.comments .comment-body .operate{margin-top:10px;margin-bottom:10px}
.comments .comment-body .operate a:not(.likes){margin-right:15px;font-size:1.3rem}
.comments .comment-body .dot span{color:#1abc9c}
.comments .comment,.comments .publish-box{position:relative}
.comments .comment-detail{margin-bottom:10px}
.comments .comment-detail .dot{margin:0 5px}
.comments .comment-detail .time{color:#c7c8c8}
.comments .comments-list{padding:8px 0}
.comments .comment-content{position:relative;background-color:#ebf8fc;border-radius:2px;padding:15px;width:100%}
.comments .comment-content>p{margin:0}
.comments .comment-content::before{display:block;content:'';position:absolute;top:0;left:0;width:0;height:0;border:10px solid;border-color:#ebf8fc transparent transparent transparent;z-index:5;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.comments .comment-submit{text-align:right;margin-top:20px;padding:6px 20px;border:0;background-color:#1abc9c;color:#fff;display:inline-block;float:right;outline:0;opacity:1;-webkit-transition:background-color .3s;transition:background-color .3s}
.comments .comment-submit:hover{background-color:#17a689}
@media screen and (max-width:767px){.comments .avatar{width:45px;height:45px}
.comments .comment-body,.comments form{padding-left:65px}
.comments .comment-cell{padding-left:0}
.comments .publish.reply{padding-left:0}
}
.reply-content-box-enter{opacity:0;-webkit-transition:all .3s;transition:all .3s}
.reply-content-box-enter.reply-content-box-enter-active{opacity:1}
.reply-content-box-leave{opacity:1}
.reply-content-box-leave.reply-content-box-leave-active{opacity:0;-webkit-transition:all .3s;transition:all .3s}
body.collections .article-list,body.home-index .article-list,body.search .article-list,body.tags .article-list{padding:15px 0;position:relative}
body.collections .article-list .loading,body.home-index .article-list .loading,body.search .article-list .loading,body.tags .article-list .loading{position:absolute;top:0;left:0;width:100%;height:100%}
body.collections .article-list .loading .loading-bg,body.home-index .article-list .loading .loading-bg,body.search .article-list .loading .loading-bg,body.tags .article-list .loading .loading-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:1;opacity:.5}
body.collections .article-list .loading .loading-icon,body.home-index .article-list .loading .loading-icon,body.search .article-list .loading .loading-icon,body.tags .article-list .loading .loading-icon{width:40px;height:40px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);content:'';background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-97aad128a8c52a27e8cf09117bb3447c.gif) center center no-repeat;background-size:100% 100%;width:60px;height:60px;position:absolute;top:100px;z-index:2}
.svg body.collections .article-list .loading .loading-icon,.svg body.home-index .article-list .loading .loading-icon,.svg body.search .article-list .loading .loading-icon,.svg body.tags .article-list .loading .loading-icon{background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-e01b4adee8ec596f8bf3ebf0d980dde0.svg)}
body.collections .article-list .article-item,body.home-index .article-list .article-item,body.search .article-list .article-item,body.tags .article-list .article-item{border-bottom:1px solid #ececec;padding-bottom:15px;margin-bottom:15px;-webkit-transition:all .2s;transition:all .2s}
body.collections .article-list .article-item-box,body.home-index .article-list .article-item-box,body.search .article-list .article-item-box,body.tags .article-list .article-item-box{display:none}
body.collections .article-list .load-more,body.home-index .article-list .load-more,body.search .article-list .load-more,body.tags .article-list .load-more{position:relative}
body.collections .article-list .load-more .loading-article,body.home-index .article-list .load-more .loading-article,body.search .article-list .load-more .loading-article,body.tags .article-list .load-more .loading-article{width:40px;height:40px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);content:'';background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-97aad128a8c52a27e8cf09117bb3447c.gif) center center no-repeat;background-size:100% 100%;width:30px;height:30px;opacity:0}
.svg body.collections .article-list .load-more .loading-article,.svg body.home-index .article-list .load-more .loading-article,.svg body.search .article-list .load-more .loading-article,.svg body.tags .article-list .load-more .loading-article{background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-e01b4adee8ec596f8bf3ebf0d980dde0.svg)}
body.collections .article-list .load-more.loading-in .loading-article,body.home-index .article-list .load-more.loading-in .loading-article,body.search .article-list .load-more.loading-in .loading-article,body.tags .article-list .load-more.loading-in .loading-article{opacity:1}
body.collections .article-list .load-more.loading-in span,body.home-index .article-list .load-more.loading-in span,body.search .article-list .load-more.loading-in span,body.tags .article-list .load-more.loading-in span{opacity:0}
body.collections .article-list .article-item-box.active,body.home-index .article-list .article-item-box.active,body.search .article-list .article-item-box.active,body.tags .article-list .article-item-box.active{display:block}
body.collections .article-list .article-item-box.active .no-more,body.home-index .article-list .article-item-box.active .no-more,body.search .article-list .article-item-box.active .no-more,body.tags .article-list .article-item-box.active .no-more{display:none;padding:10px 0}
body.collections .article-list .article-item-box.finish .load-more,body.home-index .article-list .article-item-box.finish .load-more,body.search .article-list .article-item-box.finish .load-more,body.tags .article-list .article-item-box.finish .load-more{display:none}
body.collections .article-list .article-item-box.finish .no-more,body.home-index .article-list .article-item-box.finish .no-more,body.search .article-list .article-item-box.finish .no-more,body.tags .article-list .article-item-box.finish .no-more{display:inline-block}
body.collections .article-list .img-cover-wrap,body.home-index .article-list .img-cover-wrap,body.search .article-list .img-cover-wrap,body.tags .article-list .img-cover-wrap{width:30%;margin-right:2%;border:1px solid #efefef}
body.collections .article-list .article-info,body.home-index .article-list .article-info,body.search .article-list .article-info,body.tags .article-list .article-info{width:68%}
body.collections .article-list .article-info-wrapper,body.home-index .article-list .article-info-wrapper,body.search .article-list .article-info-wrapper,body.tags .article-list .article-info-wrapper{height:0;padding-bottom:26.9117647059%;position:relative}
body.collections .article-list .article-title,body.home-index .article-list .article-title,body.search .article-list .article-title,body.tags .article-list .article-title{display:block;display:-webkit-box;line-height:30px;max-height:60px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:2rem;color:#000;margin:0 0 5px}
@media screen and (max-width:1250px){body.collections .article-list .article-title,body.home-index .article-list .article-title,body.search .article-list .article-title,body.tags .article-list .article-title{display:block;display:-webkit-box;line-height:25px;max-height:50px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.8rem}
}
@media screen and (min-width:992px) and (max-width:1150px){body.collections .article-list .article-title,body.home-index .article-list .article-title,body.search .article-list .article-title,body.tags .article-list .article-title{display:block;display:-webkit-box;line-height:20px;max-height:20px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
}
@media screen and (max-width:860px){body.collections .article-list .article-title,body.home-index .article-list .article-title,body.search .article-list .article-title,body.tags .article-list .article-title{display:block;display:-webkit-box;line-height:20px;max-height:20px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
}
body.collections .article-list .article-description,body.home-index .article-list .article-description,body.search .article-list .article-description,body.tags .article-list .article-description{display:block;display:-webkit-box;line-height:20px;max-height:40px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;color:#949494}
body.collections .article-list .article-source,body.home-index .article-list .article-source,body.search .article-list .article-source,body.tags .article-list .article-source{font-size:1.3rem;position:absolute;bottom:0;left:0;width:100%}
body.collections .article-list .article-author,body.home-index .article-list .article-author,body.search .article-list .article-author,body.tags .article-list .article-author{color:#000;padding:0 5px}
body.collections .article-list .article-author:first-child,body.home-index .article-list .article-author:first-child,body.search .article-list .article-author:first-child,body.tags .article-list .article-author:first-child{padding-left:0}
body.collections .article-list .article-publish,body.home-index .article-list .article-publish,body.search .article-list .article-publish,body.tags .article-list .article-publish{margin-left:15px;color:#a0a0a0}
body.collections .article-list .sprite-time,body.home-index .article-list .sprite-time,body.search .article-list .sprite-time,body.tags .article-list .sprite-time{opacity:.6}
body.collections .article-list .article-time,body.home-index .article-list .article-time,body.search .article-list .article-time,body.tags .article-list .article-time{margin-left:3px;color:#a0a0a0;cursor:default}
body.collections .article-list .loading,body.home-index .article-list .loading,body.search .article-list .loading,body.tags .article-list .loading{display:none}
body.collections .article-list.loading-in .loading,body.home-index .article-list.loading-in .loading,body.search .article-list.loading-in .loading,body.tags .article-list.loading-in .loading{display:block}
body.collections .article-list .load-more,body.home-index .article-list .load-more,body.search .article-list .load-more,body.tags .article-list .load-more{display:inline-block;padding:8px 25px;border:1px solid #d5d5d5;letter-spacing:1px;font-size:1.5rem;margin-top:15px;margin-bottom:15px;color:#9e9e9e;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}
body.collections .article-list .load-more:hover,body.home-index .article-list .load-more:hover,body.search .article-list .load-more:hover,body.tags .article-list .load-more:hover{color:#444;border-color:#444}
body.collections .article-list .source-left,body.home-index .article-list .source-left,body.search .article-list .source-left,body.tags .article-list .source-left{float:left;line-height:20px}
body.collections .article-list .source-left .author-divide,body.home-index .article-list .source-left .author-divide,body.search .article-list .source-left .author-divide,body.tags .article-list .source-left .author-divide{color:#949494}
body.collections .article-list .source-left .author-divide:first-child,body.home-index .article-list .source-left .author-divide:first-child,body.search .article-list .source-left .author-divide:first-child,body.tags .article-list .source-left .author-divide:first-child{display:none}
body.collections .article-list .source-right,body.home-index .article-list .source-right,body.search .article-list .source-right,body.tags .article-list .source-right{color:#bbb;-webkit-transition:color .1s;transition:color .1s;position:absolute;right:0;bottom:-5px;width:24px;height:20px}
body.collections .article-list .source-right span,body.home-index .article-list .source-right span,body.search .article-list .source-right span,body.tags .article-list .source-right span{color:#fff;position:absolute;z-index:2;left:50%;top:50%;-webkit-transform:translate(-50%,-60%);-ms-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}
body.collections .article-list .source-right .icon-comment,body.home-index .article-list .source-right .icon-comment,body.search .article-list .source-right .icon-comment,body.tags .article-list .source-right .icon-comment{position:absolute;width:100%;height:100%}
body.collections .article-list .category-tag,body.home-index .article-list .category-tag,body.search .article-list .category-tag,body.tags .article-list .category-tag{display:inline-block;padding:3px 12px;background-color:#dd9300;color:#fff;font-size:1.2rem;font-size:1.3rem;margin-bottom:5px}
body.collections .subtopic-header,body.search .subtopic-header,body.tags .subtopic-header{width:100%;margin-bottom:25px;background-color:#d2d2d2;padding-bottom:16.8%}
body.collections .subtopic-header .titx,body.search .subtopic-header .titx,body.tags .subtopic-header .titx{position:absolute;text-align:center;top:50%;background:0 0;z-index:3;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
body.collections .subtopic-header .keywords,body.search .subtopic-header .keywords,body.tags .subtopic-header .keywords{color:#fff;font-size:2rem;font-size:2vw}
body.collections .subtopic-header p,body.search .subtopic-header p,body.tags .subtopic-header p{margin:20px auto;font-size:1.6rem;font-weight:400;max-width:40vw;line-height:1.5;color:#fff;text-shadow:1px 1px 5px #888}
body.collections .subtopic-header h1,body.search .subtopic-header h1,body.tags .subtopic-header h1{font-size:3rem;font-size:2.5vw;color:#fff;margin:0;text-shadow:1px 1px 5px #888;line-height:36px;vertical-align:middle}
body.collections .columns,body.search .columns,body.tags .columns{min-height:calc(100vh - 100vw * .168 - 412px)}
body.collections .columns .no-result,body.search .columns .no-result,body.tags .columns .no-result{text-align:center;margin:10px}
.header .doodle{padding:0;display:block;width:352px;height:55px;background-size:auto 100%;background-position:center center;background-repeat:no-repeat}
body.home-index .breaking-news{margin-bottom:7px}
body.home-index .breaking-news .breaking-news-content{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}
body.home-index .breaking-news .breaking-news-content::after,body.home-index .breaking-news .breaking-news-content::before{position:absolute;width:100%;height:4px;content:'';top:0;left:0;background-color:#fff;z-index:2}
body.home-index .breaking-news .breaking-news-content::after{top:auto;bottom:0;height:5px}
body.home-index .breaking-news .responsive-img .link::after{content:'';display:inline-block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:transparent;border:2px solid #fff;z-index:2}
body.home-index .breaking-news .responsive-img .img-cover{will-change:transform;-webkit-transform:translate(-50%,-50%) scale3d(1,1,1);transform:translate(-50%,-50%) scale3d(1,1,1);-webkit-transform:translate3d(-50%,-50%,0) scale3d(1,1,1);transform:translate3d(-50%,-50%,0) scale3d(1,1,1);-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}
body.home-index .breaking-news .responsive-img:hover .img-cover{-webkit-transform:translate(-50%,-50%) scale3d(1.05,1.05,1);transform:translate(-50%,-50%) scale3d(1.05,1.05,1);-webkit-transform:translate3d(-50%,-50%,0) scale3d(1.05,1.05,1);transform:translate3d(-50%,-50%,0) scale3d(1.05,1.05,1);-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}
body.home-index .breaking-news .news-item{display:inline-block;float:left;text-decoration:none;color:#fff;font-weight:400}
body.home-index .breaking-news .headline,body.home-index .breaking-news .minor{width:50%;display:inline-block}
body.home-index .breaking-news .headline{border-left:1px solid #f3f3f3}
body.home-index .breaking-news .headline .news-item{width:100%;padding-left:0}
body.home-index .breaking-news .headline .link::after{border-width:0 2px 0 0}
body.home-index .breaking-news .minor .news-item{width:50%}
body.home-index .breaking-news .minor .news-item:nth-child(-n+2) .link::after{border-top:0}
body.home-index .breaking-news .minor .news-item:nth-child(even) .link::after{border-right:1px solid #f3f3f3}
body.home-index .breaking-news .minor .news-item:not(:nth-child(-n+2)) .link::after{border-bottom:0}
body.home-index .breaking-news .info-cover{position:absolute;bottom:0;left:0;padding:5px 5%;width:100%;border:0;outline:0;background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7))}
body.home-index .breaking-news .info-cover a{color:#fff;text-decoration:none}
body.home-index .breaking-news .category{display:inline-block;padding:3px 12px;background-color:#dd9300;color:#fff;font-size:1.2rem;display:none;position:absolute;top:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
body.home-index .breaking-news .titx{display:block;display:-webkit-box;line-height:24px;max-height:48px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;font-size:1.7rem;margin:15px 0 7px;font-weight:700}
body.home-index .breaking-news .time{margin-bottom:5px;font-size:.9rem;color:#c1c1c1}
body.home-index .breaking-news .time .sprite{margin-right:5px;position:relative;top:-1px}
body.home-index .sponsor-banner .sponsor{margin-bottom:15px}
body.home-index .video-list{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ececec}
body.home-index .video-list .video-playing-item .img-cover{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}
body.home-index .video-list .video-playing-item:hover .img-cover{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}
body.home-index .video-list .video-playing-item.show-loading::after{width:40px;height:40px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);content:'';background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-97aad128a8c52a27e8cf09117bb3447c.gif) center center no-repeat;background-size:100% 100%;z-index:2}
.svg body.home-index .video-list .video-playing-item.show-loading::after{background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-e01b4adee8ec596f8bf3ebf0d980dde0.svg)}
body.home-index .video-list .video-playing-item iframe,body.home-index .video-list .video-playing-item object{position:relative;z-index:3}
body.home-index .video-list .video-list-wrap{background-color:#000;margin-top:5px;padding:0 50px;height:0;overflow:hidden;padding-bottom:14.31%}
body.home-index .video-list .video-list-item{padding:10px 5px}
body.home-index .video-list .video-list-item .responsive-img{-webkit-transition:all .3s ease;transition:all .3s ease}
body.home-index .video-list .video-list-item .responsive-img:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);box-shadow:0 0 20px rgba(255,255,255,.43);-webkit-transition:all .3s ease;transition:all .3s ease}
body.home-index .video-list .video-list-item.active .responsive-img{box-shadow:0 0 20px rgba(255,255,255,.43)}
body.home-index .video-list .player-btn{z-index:2;width:56px;height:56px;line-height:54px;position:absolute;left:25px;bottom:25px}
body.home-index .video-list .player-btn .icon-player{font-size:2.5rem;color:#fff}
body.home-index .video-list .video-info{position:absolute;bottom:0;left:0;width:100%;background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7));color:#fff;padding:25px;padding-left:95px}
body.home-index .video-list .video-info .titx{font-size:2.5rem;font-weight:400;margin:0;font-weight:700}
body.home-index .video-list .video-item-info{position:absolute;bottom:0;left:0;width:100%;padding:8px 10px;background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7));color:#fff}
body.home-index .video-list .video-item-info h4{display:block;display:-webkit-box;line-height:20px;max-height:40px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:400}
body.home-index .video-list .category-tag{position:absolute;top:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
body.home-index .video-list .swiper-button-next,body.home-index .video-list .swiper-button-prev{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABuwAAAbsBOuzj4gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAlNSURBVHic7Z15sNZlGYavw7AkKYIopCAKBGgiaopoIpoiKEWoLZRohqKVKG5lqdCkomkGgc3oSDNqpiYVKYpG6qC4pOLgMDE1TmZForK4gQvIdvrj9kQiH5zzvfdvf6//vfnNvLffed7nfZaGxsZGEuRYYBaws0FrOnARsMmgFfmQhoQNANAfeADoYdC6FxgDvG/QipCOAQB2B+YAnzVoLQBGAisMWpWnVUr/zmvAEPRLEMqhwDPAPgatypOWAQDeA0YBNxm0egJ/Bo4yaFWaNA0AsBE4B7gECP3b0wl4CMUEkTpJ2wBNXA+MBtYG6rQF7gAuD/6iipJWEFiLzwGzgV0NWrcA3wY2GLQqQ9YGAPg08CDQx6D1MPAVYLVBqxLkwQAAnYH70C9CKIuBEcBSg1bpySoG2JI3UNbwdwat/YFngQMNWqUnLwYABYSjUYAYyh7AE8AJBq1SkycDgK6GlwDfRVfGEHYE7keBYaQGeYkBtsYIYCY6yFCuAy4lPPdQOvJsAICDUPp4d4PWTOB04AODVmnIuwEA9kTXxP4GrSeBE1HQGSF/McDWeBk4AnjEoDUYeBrobdAqBUUwACixMwK41aDVB70mHm7QKjxFMQDAeuAM4EcGrV2BecCXDVqFpkgGaOIq4DRgXaDOJ1Di6eLgLyowRQgCa3E0cA/Q0aB1IzCB8NxD4SiyAQD2RTeEvQ1ac4Cvo8KVylB0AwB0RRm/gQathcAXgWUGrUJQxBhgS5ajPwf3GbQORg9J+xm0CkEZDAAqEz8J+IVBqwfwFHCMQSv3lMUAoIaRCcCFhDeP7AzMRanjUlMmAzQxDVUFrQnUaQPcBvw4UCfXlCEIrMUgFBd0MWjdDoxDyahSUWYDAPRC18R+Bq15wMnAKoNWbijjn4D/55+ozvBxg9YxKDjcy6CVG8puAIA3gWHAbwxa+6GHpIMNWrmgCgYAFYGMAa4xaH0KmI8SRoWnKgYAlYNdDpxFePPIJ1Gr+vjQj8qasgeBtRiOXgJ3MmhNAb5PQesNq2oAgAGo3rC7QWsWcCrhvY6pU2UDAHRDJjjAoPU0an9fadBKjSrFAFvjFeBI4E8GrcORCfoatFKj6gYAeAdF9L80aPVGgysGG7RSIRpAbADOBi4jPJjrjCqYR4d+VBpEA3yUnwCnEN480g4lnn4Q/EUJU/UgsBZHonv+LgatGShfkMvBFdEAtemHHpJ6GbTmAl8F3jVoWYkG2Da7oSflwwxai4AvAK8atGzEGGDbrESvgH8waB2I6g33N2jZiAbYPmvQz/fPDVrdUYPqMIOWhWiA5rEJDao+j/B6ww4o+3hm6Ec5iDFAyxkJ3A20N2hdDUwiw4ekaID6OAR1EnU1aN0FjCW817EuogHqZy90TfyMQWs+6mt4y6DVImIMUD9L0OCKRw1aR6E3hJ4GrRYRDRDG28DxwK8NWvugesNDDVrNJhognHXAN4ErDVpd0C/KiQatZhFjAC/fQrn/NoE6TdfO6aEftD2iAfw4F2XdgKfXsSbRAMngXJQ1Gz1RJ7IoKxogOZyLsp5DVUv2RVkxCEwO56KsgSS0KCsaIFlyvygrGiB5mhZlOZpH7IuyogHS42d4F2VNDP4iYhCYBblalBUNkA25WZQVDZAdndEvwREGrcUoOGzxa2KMAbLjDWAovkVZdU0uiQbIljZ4WtTrpnWW/3jF6YYyhY71ds8D/6rnP4y/ANkwAGX2HIc/B2Uc65peFg2QPsPQTkPHYIobUe1A3RPOowHS5Uz0NtAhUKcRZRbHE7jjIMYA6TEZz5r7tWhjyu8NWtEAKdAWZewc+fvXgS+hSSQWogGSpRNaa+N4wXsRbU77h0Hrf0QDJEdPlO51vOE/hZ6V7QsvYxCYDM4Cjt+iOsNEtp1GA/gZBTyGZ0z9T9Eiq8T2HUcDeJmAZgmENo5uBL6DZgwl+loXYwAPrYCpwPkGrXeBrwF/NGhtl2iAcHZAHb6Obp5X0RiZRQatZhENEEYXtLPQ0c+3GB3+ywatZhNjgPrph6+Z82E0XTTVw4dogHoZgrJxjnbuW1CCp66SrlCiAVrON1BpdieD1iT0QJTZEMlogJZxGXAnGgUbwjq0X2By8BcFEoPA5tEadfeMM2i9hcbBzDdoBRMNsH12QoWbww1a/wZOAF4waFmIBtg23dCDzgCD1nNoxNxyg5aNGAPU5gA02tVx+LPRivtcHT5EA9RiOKrb62bQugGtnE1kwEMo0QAfZxyqtA2t198EXIDeBxIb8RJKjAE204BGt15q0FqDxrrca9BKlGgA0Q64FSV5QlmBgr0FBq3EiQbQWph7UHo3lBdQWreuLp0sqLoBeqFrXj+D1uPoSTj1eb8hVDkIHIQedByHfxdwHAU7fKiuAU5CI1kddXtXo7x+JuPeQ6miAS5AXTU7BOpsQFfGiRR0czhUKwZohfb+TDBorUZ7hB4yaGVKVQzQHv2dHmXQWopKt/5i0MqcKhigK6rbG2jQWoRGtr5i0MoFZY8BmpYwOA5/LsoVlObwodwGaFrDsrdBawbK7r1j0MoVZTXAGDx1e43obSBoGGOeKaMBJqJRqm0DdT5AbwPXBn9RjilTENgauBk4w6D1JroxPGnQyjVlMUAHlNw5zqD1EnrQ+btBK/eUwQDd0YOOYyv3M2gEy0qDViEoegzgXMk+C62Kr8zhQ7ENcDyq29vDoDUVtWSvMWgViqIa4GyU3dsxUGcjcC5wMTmu20uSosUADcA1wA8NWu+ha979Bq3CUiQDtANuQzNzQlmGcvoLDVqFpigG2AU1Vww2aP0NXfOWGLQKTxFigN6odMtx+PPQho54+B+SdwMchg6/r0HrdnRzeNugVRrybICT0f+xuxm0rgBOB9YbtEpFXmOAi4DrCTfoeuAs4FfBX1RS8maAVsB0dDcPZRWbf0UiNciTAdoDd6PCi1D+gyL9vxq0Sk1eDNAVdeQeYtBaiO74ywxapScPQeC+6BXOcfhzUClYPPxmkrUBPo+vbi94gVIVydIAp6FK246BOo3A9zAsUKoiWRlgEkrMhNbtrUXPuFOCv6iipB0EtkF1e2MNWvYFSlUkTQN0QFU3Qw1aL6J5ey8ZtCpNWgbYE9Xt9TdoJbZAqYqkEQMchK55jsOfSYILlKpIQ2Njoq3tx6LsnmNF+jTUpVPYXvw88l/5P+fN/L2BUQAAAABJRU5ErkJggg==);-webkit-transition:all .3s;transition:all .3s}
body.home-index .video-list .swiper-button-next:hover,body.home-index .video-list .swiper-button-prev:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
body.home-index .video-list .swiper-button-prev{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
body.home-index .video-list .swiper-button-prev:hover{-webkit-transform:rotate(180deg) scale(1.2);-ms-transform:rotate(180deg) scale(1.2);transform:rotate(180deg) scale(1.2)}
body.home-index .video-list .video-playing-item{height:0;padding-bottom:56.25%;overflow:hidden;cursor:pointer}
body.home-index .video-list .video-playing-item:hover .player-btn{background-color:#2196f3;border-color:#2196f3}
body.home-index .video-list .responsive-img{padding-bottom:56.25%;background:0 0;border:1px solid #ececec}
body.home-index .article-list-wrap{padding:0;min-height:100vh}
@media screen and (min-width:992px){body.home-index .article-list-wrap{padding-right:15px}
}
body.home-index .article-list-wrap .article-category{position:relative;width:100%;background-color:#f7f7f7;-webkit-transition:all .5s ease;transition:all .5s ease;border:1px solid #f3f3f3;overflow:hidden}
body.home-index .article-list-wrap .article-category .article-row{position:relative;white-space:nowrap}
body.home-index .article-list-wrap .article-category .category-line{position:absolute;top:0;left:0;height:4px;z-index:5;-webkit-transition:all .5s ease;transition:all .5s ease}
body.home-index .article-list-wrap .article-category .category-item{position:relative;box-sizing:border-box;display:inline-block;vertical-align:middle;line-height:58px;height:58px;padding:0 20px;color:#989898;font-size:1.6rem;-webkit-transition:all .2s;transition:all .2s;width:auto;overflow:hidden}
body.home-index .article-list-wrap .article-category .category-item:hover{background-color:#eaeaea}
body.home-index .article-list-wrap .article-category .category-item.active{color:#000;background-color:#fff}
body.home-index .article-list-wrap .article-category .category-item .hot::before{position:absolute;top:0;right:0;content:'hot';display:inline-block;background-color:#f85959;line-height:1;font-size:1.2rem;color:#fff;padding:1px 2px}
body.home-index .article-list-wrap .swiper-button-prev.js-column-arrow{left:0;border-right:1px solid #f7f7f7}
body.home-index .article-list-wrap .swiper-button-next.js-column-arrow{right:0;border-left:1px solid #f7f7f7}
body.home-index .article-list-wrap .swiper-button-next.js-column-arrow,body.home-index .article-list-wrap .swiper-button-prev.js-column-arrow{background-size:15px;opacity:1;margin-top:0;top:0;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%231da8f2'%2F%3E%3C%2Fsvg%3E");-webkit-transition:all .3s;transition:all .3s;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;background-color:#fff}
body.home-index .article-list-wrap .swiper-button-prev.js-column-arrow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%231da8f2'%2F%3E%3C%2Fsvg%3E");-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
body.home-index .article-list-wrap.hide-next-arrow .swiper-button-next.js-column-arrow,body.home-index .article-list-wrap.hide-prev-arrow .swiper-button-prev.js-column-arrow,body.home-index .article-list-wrap.no-navigator .js-column-arrow{display:none}
body.home-index .article-list-wrap.animing{padding-top:58px}
body.home-index .article-list-wrap.animing .article-category{position:fixed;top:0;left:0;z-index:40;box-shadow:0 0 5px rgba(0,0,0,.3);opacity:.9}
body.home-index .article-list-wrap.animing.sticky .article-category{opacity:1}
body.home-index .main-content{margin-bottom:15px}
body.home-index .go-top{width:45px;height:45px;display:none;text-align:center;position:fixed;right:15px;bottom:15px;color:#ececec;border:1px solid #ececec;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}
body.home-index .go-top .icon-arrow-up{font-size:3.5rem;line-height:45px}
body.home-index .go-top:hover{background-color:#ececec;color:#fff;-webkit-transition:all .3s;transition:all .3s}
@media (min-width:992px) and (max-width:1030px){body.home-index .main-content .sidebar .titx{font-size:1.8rem}
}
body.videos-category a,.videos-index a{display:block}
body.videos-category .responsive-img::before,.videos-index .responsive-img::before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 20px rgba(0,0,0,.1);z-index:3;-webkit-transition:all .2s;transition:all .2s}
body.videos-category .video-banner,.videos-index .video-banner{margin-bottom:30px}
body.videos-category .banner-wrap,.videos-index .banner-wrap{position:relative;padding-bottom:40.6666666667%;margin-top:30px}
body.videos-category .banner-wrap .info-box,.videos-index .banner-wrap .info-box{position:absolute;bottom:0;left:0;width:100%;color:#fff;background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.7));background:linear-gradient(to bottom,transparent,rgba(0,0,0,.7));z-index:2;padding:25px 15px 15px 65px; box-sizing: border-box}
body.videos-category .banner-wrap .item,.videos-index .banner-wrap .item{position:absolute;width:33.3333333333%;display:inline-block;vertical-align:top; overflow: hidden}
body.videos-category .banner-wrap .item img,.videos-index .banner-wrap .item img{-webkit-transition:all .2s;transition:all .2s;-webkit-transition-duration:.5s;transition-duration:.5s}
body.videos-category .banner-wrap .item .player-btn,.videos-index .banner-wrap .item .player-btn{position:absolute;left:15px}
body.videos-category .banner-wrap .item:first-child::after,.videos-index .banner-wrap .item:first-child::after{content:'';position:absolute;width:5px;height:100%;background-color:#fff;top:0;right:0;z-index:10;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}
body.videos-category .banner-wrap .item .titx,.videos-index .banner-wrap .item .titx{font-weight:400;font-size:1.8rem}
.videos-index .banner-wrap .item .titx { font-size: 14px}
.videos-index .banner-wrap .item:first-child .titx { font-size: 18px}
body.videos-category .banner-wrap .item:first-child,.videos-index .banner-wrap .item:first-child{width:66.6666666667%;top:0;left:0}
body.videos-category .banner-wrap .item:first-child .info-box,.videos-index .banner-wrap .item:first-child .info-box{min-height:55px}
body.videos-category .banner-wrap .item:nth-child(2),.videos-index .banner-wrap .item:nth-child(2){top:0;right:0}
body.videos-category .banner-wrap .item:nth-child(2)::after,.videos-index .banner-wrap .item:nth-child(2)::after{content:'';position:absolute;width:100%;height:5px;background-color:#fff;bottom:0;left:0;z-index:2;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}
body.videos-category .banner-wrap .item:nth-child(3),.videos-index .banner-wrap .item:nth-child(3){bottom:0;right:0}
body.videos-category .item:hover .player-btn,.videos-index .item:hover .player-btn { background-color: #4285f4; border-color: #4285f4}
body.videos-category .video-list,.videos-index .video-list{margin-bottom:25px}
body.videos-category .video-column,.videos-index .video-column{margin-top:25px}
body.videos-category .video-column .load-more,.videos-index .video-column .load-more{display:inline-block;margin-top:25px;margin-bottom:25px;position:relative;border:1px solid #d5d5d5;padding:8px 25px;color:#9e9e9e;-webkit-transition:all .2s;transition:all .2s}
body.videos-category .video-column .load-more .loading-icon,.videos-index .video-column .load-more .loading-icon{display:none;width:30px;height:30px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);content:'';background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-97aad128a8c52a27e8cf09117bb3447c.gif) center center no-repeat;background-size:100% 100%}
.svg body.videos-category .video-column .load-more .loading-icon,.svg .videos-index .video-column .load-more .loading-icon{background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-e01b4adee8ec596f8bf3ebf0d980dde0.svg)}
body.videos-category .video-column .load-more span,.videos-index .video-column .load-more span{font-size:1.5rem}
body.videos-category .video-column .load-more .no-more-text,.videos-index .video-column .load-more .no-more-text{display:none}
body.videos-category .video-column .load-more:hover,.videos-index .video-column .load-more:hover{color:#000;border-color:#000}
body.videos-category .video-column .load-more.loading span,.videos-index .video-column .load-more.loading span{visibility:hidden}
body.videos-category .video-column .load-more.loading .loading-icon,.videos-index .video-column .load-more.loading .loading-icon{display:block}
body.videos-category .video-column .load-more.no-more span,.videos-index .video-column .load-more.no-more span{display:none}
body.videos-category .video-column .load-more.no-more .no-more-text,.videos-index .video-column .load-more.no-more .no-more-text{display:block}
body.videos-category .subscribe,.videos-index .subscribe{background-color: #FAFAFA;padding:20px 0;font-size:2rem;color:#666}
body.videos-category .subscribe .info,.videos-index .subscribe .info{margin-right:20px}
body.videos-category .subscribe .icon-video,.videos-index .subscribe .icon-video{display:block;margin:0 auto}
body.videos-category .subscribe a,.videos-index .subscribe a{display:inline-block;margin-right:10px;padding-right:10px;text-align:center;color:#666;-webkit-transition:all .2s;transition:all .2s}
body.videos-category .subscribe a:hover,.videos-index .subscribe a:hover{color:#000}
body.videos-category .subscribe a:last-child,.videos-index .subscribe a:last-child{border-right-style:none}
body.videos-category .subscribe .subscribe-wrapper,.videos-index .subscribe .subscribe-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
body.videos-category .subscribe .qrcode,.videos-index .subscribe .qrcode{text-align:center}
body.videos-category .subscribe .qrcode img,.videos-index .subscribe .qrcode img{width:80px;height:80px}
body.videos-category .subscribe .choice,.videos-index .subscribe .choice{margin-right:20px}
body.videos-category .subscribe .titx,.videos-index .subscribe .titx{font-size:1.4rem}
body.videos-category .video-item,.videos-index .video-item{float:none;display:inline-block;vertical-align:top;padding-right:8px;padding-left:8px;margin-bottom:20px; box-sizing: border-box}
body.videos-category .video-item .video-title,.videos-index .video-item .video-title{font-size: 16px;line-height:1.5;margin-top:12px;color:#3e3e3e}
body.videos-category .video-item .video-author,body.videos-category .video-item .video-date,.videos-index .video-item .video-author,.videos-index .video-item .video-date{color:#9b9b9b}
body.videos-category .video-item .icon-time,.videos-index .video-item .icon-time{margin-right:3px}
body.videos-category .video-item .video-author,.videos-index .video-item .video-author{margin-right:15px}
body.videos-category .video-item .player-btn,.videos-index .video-item .player-btn{position:absolute;left:15px;bottom:20px;z-index:6; display: none}
body.videos-category .video-item .responsive-img::after,.videos-index .video-item .responsive-img::after{content:'';background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 75%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 75%);width:100%;height:100%;position:absolute;-webkit-transform:translateY(40%);-ms-transform:translateY(40%);transform:translateY(40%);bottom:0;opacity:0;z-index:5;-webkit-transition:all .2s;transition:all .2s}
body.videos-category .video-item:hover .responsive-img::after,.videos-index .video-item:hover .responsive-img::after{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
body.videos-category .video-item:hover .player-btn,.videos-index .video-item:hover .player-btn{background-color:#2196f3;border-color:#2196f3}
body.videos-category .video-list .row,.videos-index .video-list .row{margin-left:-8px;margin-right:-8px}
body.videos-category .categories-nav,.videos-index .categories-nav{line-height:3;text-align:center;background-color:#f1f1f1}
body.videos-category .categories-nav a,.videos-index .categories-nav a{display:inline-block;font-size:1.8rem;color:#8b8b8b;-webkit-transition:color .3s;transition:color .3s;padding:0 20px}
body.videos-category .categories-nav a.active,body.videos-category .categories-nav a:hover,.videos-index .categories-nav a.active,.videos-index .categories-nav a:hover{color:#000}
body.videos-category .subtopic-header{width:100%;margin-bottom:25px;background-color:#d2d2d2;padding-bottom:16.8%}
body.videos-category .subtopic-header .titx{position:absolute;text-align:center;top:50%;background:0 0;z-index:3;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
body.videos-category .subtopic-header .keywords{color:#fff;font-size:2rem;font-size:2vw}
body.videos-category .subtopic-header p{margin:20px auto;font-size:1.6rem;font-weight:400;max-width:40vw;line-height:1.5;color:#fff;text-shadow:1px 1px 5px #888}
body.videos-category .subtopic-header h1{font-size:3rem;font-size:2.5vw;color:#fff;margin:0;text-shadow:1px 1px 5px #888;line-height:36px;vertical-align:middle}
body.videos-show .video-content{margin-top:20px;padding-right:320px;position:relative;min-height:1030px}
body.videos-show .video-content .video-wrap .video-player-area{width:100%;height:0;position:relative;padding-bottom:56.25%;background-size:100% 100%}
body.videos-show .video-content .video-wrap .video-player-area embed{position:absolute;z-index:2}
body.videos-show .video-content .sub-recommend{width:280px;position:absolute;top:0;right:0}
body.videos-show .video-content .recommend{padding:0 10px}
body.videos-show .video-content .recommend-cover{position:relative;display:block}
body.videos-show .video-content .recommend-cover .player-btn{position:absolute;bottom:10px;left:10px}
body.videos-show .video-content .recommend-wrapper{padding-top:10px}
body.videos-show .video-content .video-info{margin-bottom:10px;color:#9b9b9b}
body.videos-show .video-content .video-info .author-avatar{margin-right:3px}
body.videos-show .video-content .video-info .author-name{margin-right:10px}
body.videos-show .video-content .video-info img{width:32px;height:32px;border-radius:50%}
body.videos-show .video-content .video-item{display:block;border-bottom:1px solid #ececec;margin-bottom:10px;padding-bottom:10px}
body.videos-show .video-content .video-item:last-child{margin-bottom:0;border-style:none}
body.videos-show .video-content .video-item span{margin-top:4px;line-height:1.5;color:#666}
body.videos-show .video-content .video-item:hover .player-btn { background-color: #4285f4; border-color: #4285f4}
body.videos-show .video-content .video-title{position:relative;padding-right:172px;margin-bottom:10px}
body.videos-show .share-wrapper{position:absolute;z-index:99;font-weight:400;top:0;right:0}
body.videos-show .share-wrapper .share-list{display:inline-block;width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;margin-left:5px}
body.videos-show .share-wrapper .share-btn{color:#fff;display:inline-block}
body.videos-show .share-wrapper .iconfont{font-size:1.8rem;display:inline-block;-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}
body.videos-show .share-wrapper .sina_weibo{background-color:#d52a2a}
body.videos-show .share-wrapper .twitter{background-color:#0077b5}
body.videos-show .share-wrapper .linkedin{background-color:#2daae2}
body.videos-show .share-wrapper .weixin{position:relative;background-color:#8dc61f}
body.videos-show .share-wrapper .weixin .wx-qrcode{position:absolute;z-index:2;bottom:100%;left:50%;width:120px;height:120px;opacity:0;visibility:hidden;-webkit-transform:translateX(-50%) scale(0);-ms-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-transition:all .2s;transition:all .2s;margin-bottom:10px}
body.videos-show .share-wrapper .weixin:hover .wx-qrcode{visibility:visible;opacity:1;-webkit-transform:translateX(-50%) scale(1);-ms-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}
@media screen and (max-width:750px){body.videos-show .share-wrapper{position:static;display:inline-block}
body.videos-show .share-wrapper .weixin{display:none}
body.videos-show .share-wrapper .iconfont{-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}
}
body.videos-show .show-pucker .show-more{display:block}
body.videos-show .text-content{font-size:1.8rem;line-height:1.6;overflow:hidden;color:#878787}
body.videos-show .pucker .text-content{max-height:88px}
body.videos-show .show-more{position:relative;display:none;border:1px solid #878787;color:#7a7a7a;padding:5px 0;font-size:1.8rem;text-align:center;margin-top:10px}
body.videos-show .show-more .pucker-text{display:none}
body.videos-show .show-more .unpucker-text{display:block}
body.videos-show .pucker .show-more::before{content:'';display:block;height:30px;position:absolute;top:-1px;width:100%;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);background:-webkit-linear-gradient(bottom,#fff,rgba(255,255,255,0));background:linear-gradient(to top,#fff,rgba(255,255,255,0))}
body.videos-show .pucker .show-more .pucker-text{display:block}
body.videos-show .pucker .show-more .unpucker-text{display:none}
body.topics-show .main-content{margin-top:18px}
body.topics-show .main-content .topic-cover{position:relative;margin-bottom:40px}
body.topics-show .main-content .topic-cover img{width:100%}
body.topics-show .main-content .topic-cover .abstract{width:100%;margin:0;padding:20px;position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,.48);color:#fff;line-height:25px;display:none}
body.topics-show .main-content .topic-cover .abs-title{font-size:16px;margin-right:5px}
body.topics-show .main-content .article-content{word-wrap:break-word;font-size:1.6rem;line-height:1.8;letter-spacing:.5px}
body.topics-show .main-content .article-content h2{position:relative;font-size:2.3rem;color:#333;padding-left:15px;line-height:1.2;border-left:8px solid #13ac67}
body.topics-show .main-content .article-content img{display:block;max-width:100%;margin:0 auto;height:auto}
body.topics-show .main-content .article-content img.js-lazy.blur{width:100%}
body.topics-show .main-content .article-content img.loading{cursor:wait}
body.topics-show .main-content .article-content blockquote{color:#666;border-left:4px solid #ddd;padding-left:1.5rem;margin:0}
body.topics-show .main-content .article-content iframe{width:100%}
body.topics-show .main-content .article-content .gp_media_video{position:relative;width:100%;height:0;padding-top:62%}
body.topics-show .main-content .article-content .gp_media_video embed,body.topics-show .main-content .article-content .gp_media_video iframe{width:100%;height:100%;position:absolute;left:0;top:0}
body.topics-show .main-content .article-content p{margin:30px 0}
body.topics-show .main-content .article-content b,body.topics-show .main-content .article-content strong{color:#444}
body.topics-show .main-content .article-content a{color:#444;text-decoration:none;border-bottom:1px dashed #444}
body.topics-show .main-content .tags{font-size:1.5rem;line-height:40px}
body.topics-show .main-content .tags a{display:inline-block;background-color:#ededed;color:#848484;margin-right:10px;line-height:30px;padding:0 15px;-webkit-transition:all .3s;transition:all .3s}
body.topics-show .main-content .tags a:hover{background-color:#b3b3b4;color:#f5f6f6}
body.topics-show .main-content .operate{text-align:center;margin-bottom:50px;margin-top:35px}
body.topics-show .main-content .operate .share-wrap{display:inline-block;position:relative;width:80px;height:80px;color:#fff;font-size:1.8rem;font-weight:700;border-radius:50%;cursor:pointer}
body.topics-show .main-content .operate .share-wrap span{line-height:80px}
body.topics-show .main-content .operate .share-wrap-btn{position:absolute;background-color:#01a6f5;border-radius:50%;top:0;left:0;width:100%;height:100%;z-index:11}
body.topics-show .main-content .operate .share-list{position:absolute;top:50%;left:50%;z-index:10;width:105%;opacity:0;text-align:right;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);-webkit-transition:all .4s;transition:all .4s;padding:10px 0}
body.topics-show .main-content .operate .share-btn{display:inline-block;width:35px;height:35px;text-align:center;line-height:35px;border-radius:50%;color:#fff;opacity:1;-webkit-transition:all .4s;transition:all .4s}
body.topics-show .main-content .operate .share-btn:hover .iconfont{opacity:.8}
body.topics-show .main-content .operate .share-btn .iconfont{font-size:2.2rem;font-weight:400}
body.topics-show .main-content .operate .share-btn .iconfont.icon-twitter{position:relative;top:2px;left:1px}
body.topics-show .main-content .operate .share-btn .iconfont.icon-linkedin{position:relative;left:1px}
body.topics-show .main-content .operate .wx-qrcode{position:absolute;width:120px;height:120px;left:50px;top:50%;margin-top:-60px;opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transition:all .3s;transition:all .3s}
body.topics-show .main-content .operate .share-list.weixin .share-btn:hover .wx-qrcode{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
body.topics-show .main-content .share-wrap:hover .share-list{opacity:1;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}
body.topics-show .main-content .share-wrap:hover .share-list.sina_weibo{-webkit-transform:translateY(-50%) translateX(0) rotate(-20deg);-ms-transform:translateY(-50%) translateX(0) rotate(-20deg);transform:translateY(-50%) translateX(0) rotate(-20deg)}
body.topics-show .main-content .share-wrap:hover .share-list.sina_weibo .share-btn{-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg);background-color:#d52a2a}
body.topics-show .main-content .share-wrap:hover .share-list.weixin{-webkit-transform:translateY(-50%) translateX(0) rotate(20deg);-ms-transform:translateY(-50%) translateX(0) rotate(20deg);transform:translateY(-50%) translateX(0) rotate(20deg)}
body.topics-show .main-content .share-wrap:hover .share-list.weixin .share-btn{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);background-color:#8dc61f}
body.topics-show .main-content .share-wrap:hover .share-list.twitter{-webkit-transform:translateY(-50%) translateX(0) rotate(60deg);-ms-transform:translateY(-50%) translateX(0) rotate(60deg);transform:translateY(-50%) translateX(0) rotate(60deg)}
body.topics-show .main-content .share-wrap:hover .share-list.twitter .share-btn{-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg);background-color:#2daae2}
body.topics-show .main-content .share-wrap:hover .share-list.linkedin{-webkit-transform:translateY(-50%) translateX(0) rotate(100deg);-ms-transform:translateY(-50%) translateX(0) rotate(100deg);transform:translateY(-50%) translateX(0) rotate(100deg)}
body.topics-show .main-content .share-wrap:hover .share-list.linkedin .share-btn{-webkit-transform:rotate(-100deg);-ms-transform:rotate(-100deg);transform:rotate(-100deg);background-color:#0077b5}
body.topics-show .generate-preview-url{background:#efefef;border:1px solid #ddd;border-radius:5px;display:inline-block;color:#555;padding:2px 5px;line-height:1.5;width:170px;text-align:center}
body.topics-show .generate-preview-url.success-copy{background-color:#7de886;border-color:#4ed259;color:#1e5823;width:550px}
body.topics-show .generate-preview-url.success-generate{width:550px}
body.topics-show .topic-content{margin-top:38px;padding-right:320px;position:relative;text-align:center;-webkit-transition:padding .3s;transition:padding .3s;max-width:1050px}
body.topics-show .icon-close-book{display:none}
body.topics-show .icon-open-book{display:inline-block}
body.topics-show .category-tag{display:inline-block;padding:3px 12px;background-color:#dd9300;color:#fff;font-size:1.2rem;font-size:15px;margin-right:10px;-webkit-transition:all .3s;transition:all .3s}
body.topics-show .category-tag:hover{-webkit-filter:contrast(130%);filter:contrast(130%)}
body.topics-show .aside-content{width:300px;position:absolute;top:80px;right:0;opacity:1;-webkit-transition:all .3s;transition:all .3s}
body.topics-show .main-wrap{max-width:700px;margin:0 auto;-webkit-transition:all .3s;transition:all .3s}
body.topics-show .main-wrap .switch-read{float:right;color:#a1a0a0;-webkit-transition:all .2s;transition:all .2s}
body.topics-show .main-wrap .switch-read .iconfont{font-size:2rem}
body.topics-show .main-wrap .switch-read .icon-xiangmulan{font-size:2rem}
body.topics-show .main-wrap .switch-read:hover{color:#a5a5a5}
body.topics-show .main-wrap .topic-info{line-height:32px}
body.topics-show .main-wrap .top-section .topic-title{font-size:2.5rem;color:#333}
body.topics-show .main-wrap .top-section .author{margin-right:15px}
body.topics-show .main-wrap .top-section .author img{width:32px;height:32px;border-radius:50%;margin-right:14px}
body.topics-show .main-wrap .top-section .release-date{margin-right:15px}
body.topics-show .main-wrap .top-section .dot{margin-right:15px}
body.topics-show .main-wrap .top-section .comment-auther{margin-right:15px;border-radius:5px;font-size:14px;-webkit-transition:all .2s;transition:all .2s}
body.topics-show .main-wrap .top-section .comment-auther a{color:#757575}
body.topics-show .main-wrap .top-section .comment-auther .iconfont{font-size:1.6rem}
body.topics-show .main-wrap .top-section .weibo:hover a{color:#d52a2a}
body.topics-show .main-wrap .top-section .twitter:hover a{color:#2daae2}
body.topics-show .main-wrap .top-section .facebook:hover a{color:#3765a3}
body.topics-show .topic-category-qr{width:100%;margin:15px 0}
body.topics-show .topic-content.is-reading-mode{padding-right:0}
body.topics-show .topic-content.is-reading-mode .aside-content{opacity:0;-webkit-transform:translateX(50%) scale(.9);-ms-transform:translateX(50%) scale(.9);transform:translateX(50%) scale(.9);-webkit-transition:all .5s;transition:all .5s}
body.topics-show .topic-content.is-reading-mode .icon-close-book{display:inline-block}
body.topics-show .topic-content.is-reading-mode .icon-open-book{display:none}
body.topics-show .ios-qrcode{position:fixed;display:inline-block;top:50%;right:5px;z-index:30;padding:10px 6px;border:1px solid #ebebeb;text-align:center;background-color:#fff;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media screen and (min-width:1420px){body.topics-show .ios-qrcode{left:50%;right:auto;margin-left:635px}
}
@media screen and (max-width:1030px){body.topics-show .ios-qrcode{display:none}
}
body.topics-show .ios-qrcode .text{float:left;writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;line-height:22px;letter-spacing:2px;margin-top:5px}
body.topics-show .ios-qrcode .icon-mobile-g{width:22px;height:41.25px;background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/icon-mobile-g-e81730bea90689bb60a430596f575260.png);background-size:100%;background-repeat:no-repeat}
body.topics-show .ios-qrcode .qrcode{width:160px;position:absolute;top:50%;right:calc(100% + 10px);-webkit-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);background-color:#f5f5f5;padding:6px;opacity:0;-webkit-transition:all .3s;transition:all .3s;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;box-shadow:-1px -1px 8px rgba(0,0,0,.1)}
body.topics-show .ios-qrcode .qrcode img{width:100%;display:block;line-height:1}
body.topics-show .ios-qrcode .qrcode::after{content:'';position:absolute;right:0;top:50%;border:8px solid transparent;border-left-color:#f5f5f5;-webkit-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}
body.topics-show .ios-qrcode:hover{background-color:#f5f5f5}
body.topics-show .ios-qrcode:hover .qrcode{opacity:1;-webkit-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}
body.topics-show .topic-paging{margin:40px 0}
body.topics-show .topic-paging .paging-list{padding:0}
body.topics-show .topic-paging .paging-link{position:relative;display:block;vertical-align:middle;color:#333;-webkit-transition:all .3s;transition:all .3s}
body.topics-show .topic-paging .paging-link.prev:hover{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
body.topics-show .topic-paging .paging-link.next:hover{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
body.topics-show .topic-paging .iconfont{position:absolute;padding:0;display:inline-block;vertical-align:middle;font-size:2.5rem;top:50%;left:0;-webkit-transform:translate(-120%,-50%);-ms-transform:translate(-120%,-50%);transform:translate(-120%,-50%)}
body.topics-show .topic-paging .next .iconfont{right:0;left:auto;-webkit-transform:translate(120%,-50%);-ms-transform:translate(120%,-50%);transform:translate(120%,-50%)}
body.topics-show .topic-paging .paging-img{width:45%;display:inline-block;vertical-align:middle;border:1px solid #f0f0f0}
body.topics-show .topic-paging .prev .paging-img{margin-right:3%}
body.topics-show .topic-paging .next .paging-img{margin-left:3%}
body.topics-show .topic-paging .paging-desc{padding:0;width:47%;display:inline-block;vertical-align:top}
body.topics-show .topic-paging .paging-desc h4{margin:0;margin-bottom:5px;font-size:1.4rem}
body.topics-show .topic-paging .paging-desc p{display:block;display:-webkit-box;line-height:20px;max-height:60px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:1.4rem;color:#666}
body.home-need_report .need-report-wrapper{position:relative}
body.home-need_report .need-report-wrapper .des{text-align:center;margin-bottom:30px;color:#aaa}
body.home-need_report .need-report-wrapper .banner-bg{background-color:#1da8f2;position:absolute;top:0;left:0;width:100%;height:0;padding-bottom:25%;min-height:170px;max-height:400px}
@media screen and (min-width:767px){body.home-need_report .need-report-wrapper .banner-bg{background:#fff url(https://ocpk3ohd2.qnssl.com/assets/need_report/bg-44e5f3bd28cb8202ee6d7b6f1ad8c6ec.png) center center no-repeat;background-size:cover}
}
body.home-need_report .need-report-wrapper .report-container{position:relative;z-index:2}
body.home-need_report .need-report-wrapper .page-title{display:block;margin:60px 0;color:#fff;letter-spacing:1px;font-size:4rem;text-align:center;font-weight:400}
body.home-need_report .need-report-wrapper .wrapper-bg{background-color:#fff;border:1px solid #f5f5f5;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:20px;border-radius:2px;margin-bottom:50px}
@media screen and (min-width:767px){body.home-need_report .need-report-wrapper .form-wrap{text-align:center}
}
body.home-need_report .need-report-wrapper .form-group{position:relative;margin-bottom:30px}
body.home-need_report .need-report-wrapper .form-group>label{margin-right:15px}
@media screen and (min-width:767px){body.home-need_report .need-report-wrapper .form-group>label{width:150px;text-align:right}
}
body.home-need_report .need-report-wrapper .form-group label{display:inline-block;vertical-align:top;font-weight:400}
body.home-need_report .need-report-wrapper .form-group.isrequired>label::before{content:'*';color:red;font-size:1.6rem;margin-right:3px}
body.home-need_report .need-report-wrapper .form-group .error-text{display:none;color:red;position:absolute;bottom:0;-webkit-transform:translateY(110%);-ms-transform:translateY(110%);transform:translateY(110%)}
@media screen and (min-width:767px){body.home-need_report .need-report-wrapper .form-group .error-text{left:165px}
}
body.home-need_report .need-report-wrapper input[type=text],body.home-need_report .need-report-wrapper textarea{outline:0;border:1px solid #dedede;min-height:30px;padding:2px 5px;-webkit-transition:all .3s;transition:all .3s;border-radius:2px;width:500px}
body.home-need_report .need-report-wrapper input[type=text]:focus,body.home-need_report .need-report-wrapper input[type=text]:hover,body.home-need_report .need-report-wrapper textarea:focus,body.home-need_report .need-report-wrapper textarea:hover{border-color:#aaa}
@media screen and (max-width:767px){body.home-need_report .need-report-wrapper input[type=text],body.home-need_report .need-report-wrapper textarea{width:100%}
}
body.home-need_report .need-report-wrapper textarea{min-height:80px}
@media screen and (min-width:767px){body.home-need_report .need-report-wrapper .inputs-wrapper{margin-left:-53px;display:inline-block;text-align:left}
}
body.home-need_report .need-report-wrapper .form-inputs label{display:inline-block;vertical-align:middle;margin-right:10px}
body.home-need_report .need-report-wrapper .form-inputs label input{margin-right:5px}
@media screen and (max-width:767px){body.home-need_report .need-report-wrapper .form-inputs{display:block}
}
body.home-need_report .need-report-wrapper .button{border:1px solid #0d9ce8;border-bottom-width:2px;background-color:#1da8f2;color:#fff;display:inline-block;padding:7px 50px;font-size:1.6rem;font-weight:700;letter-spacing:5px;border-radius:2px;outline:0;margin:40px 0 60px 0}
body.home-need_report .need-report-wrapper .button:hover{background-color:#4dbbf5}
body.home-need_report .need-report-wrapper .error input,body.home-need_report .need-report-wrapper .error textarea{border-color:red}
body.home-need_report .need-report-wrapper .empty-error .empty-text,body.home-need_report .need-report-wrapper .format-error .format-text,body.home-need_report .need-report-wrapper .unselect-error .unselect-text{display:block}
body.home-need_report .need-report-wrapper .report-success .success{display:inline-block;width:100px;height:100px;background:url(https://ocpk3ohd2.qnssl.com/assets/need_report/success-66f0e33d0dc7fd0ec47a764b22264644.png) center center no-repeat;background-size:100% 100%;margin:40px 0 10px 0}
body.home-need_report .need-report-wrapper .report-success h2{font-size:3.5rem;font-weight:400}
body.home-need_report .need-report-wrapper .report-success .success-text{font-size:1.6rem;margin-bottom:20px}
body.home-need_report .need-report-wrapper .submit-button.loading{position:relative}
body.home-need_report .need-report-wrapper .submit-button.loading::after{width:25px;height:25px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);content:'';background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-97aad128a8c52a27e8cf09117bb3447c.gif) center center no-repeat;background-size:100% 100%}
.svg body.home-need_report .need-report-wrapper .submit-button.loading::after{background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-e01b4adee8ec596f8bf3ebf0d980dde0.svg)}
body.home-need_report .need-report-wrapper .submit-button.loading span{opacity:0}
body.static-about .about-banner{background:-webkit-linear-gradient(155deg,#00e6c1 0,#1da8f2 100%);background:linear-gradient(-65deg,#00e6c1 0,#1da8f2 100%);background-size:200% 200%;-webkit-animation:gradient 10s ease infinite;animation:gradient 10s ease infinite;color:#fff}
body.static-about .about-banner .container{height:0;padding-bottom:15%;min-height:200px}
body.static-about .about-banner .section-title{font-weight:400;font-size:3.2rem;position:absolute}
@media screen and (min-width:767px){body.static-about .about-banner .section-title{bottom:20px}
}
@media screen and (max-width:767px){body.static-about .about-banner .section-title{left:50%;top:35%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
}
body.static-about .about-content{margin-top:30px;margin-bottom:30px;font-size:1.6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
body.static-about .about-content .left-menu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
body.static-about .about-content .left-menu a{display:block;text-align:center;margin:5px 0;border:0 solid transparent;-webkit-transition:all .3s;transition:all .3s;color:#888;padding:5px 15px}
body.static-about .about-content .left-menu a.active,body.static-about .about-content .left-menu a:hover{color:#222;background-color:#f5f5f5}
body.static-about .about-content .left-menu a.active{background-color:#efefef;border-color:#1da8f2}
@media screen and (min-width:767px){body.static-about .about-content .left-menu{border-right:1px solid #f5f5f5;width:180px;margin-right:20px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
body.static-about .about-content .left-menu a{border-left-width:3px;width:150px;line-height:35px;padding-right:5px}
}
body.static-about .about-content .page-content{line-height:26px;font-size:1.6rem;letter-spacing:1px;width:800px;max-width:90%;color:#666;margin-left:auto;margin-right:auto}
body.static-about .about-content .page-content h2{font-size:2rem}
body.static-about .about-content .product-menu a{position:relative;margin:10px 5px}
body.static-about .about-content .product-menu a::after{position:absolute;left:50%;-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);bottom:0;display:block;content:'';border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}
body.static-about .about-content .product-menu a::after{-webkit-transition:all .3s;transition:all .3s}
body.static-about .about-content .product-menu a.active{background-color:#16c4a8}
body.static-about .about-content .product-menu a.active::after{border-top-color:#16c4a8}
body.static-about .about-content .btn{border-radius:2px;display:inline-block;color:#fff;background-color:#1da8f2;padding:4px 25px;font-size:1.6rem;-webkit-transition:all .3s;transition:all .3s}
body.static-about .about-content .btn:first-child{margin-left:0}
body.static-about .about-content .btn:last-child{margin-right:0}
body.static-about .about-content .btn:hover{background-color:#16c4a8}
body.static-about .about-content .btn.inverse{background-color:#fff;border:1px solid #1da8f2;color:#1da8f2}
body.static-about .about-content .btn.inverse:hover{background-color:#1da8f2;color:#fff}
body.static-about .about-content section.product-page a.btn{font-size:1.4rem}
body.static-about .about-content .event-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin:10px 0}
body.static-about .about-content .event-item:not(:last-child){border-bottom:1px solid #f0f0f0;padding-bottom:10px}
body.static-about .about-content .event-item .cover{display:block;width:200px;margin-right:20px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
body.static-about .about-content .event-item .cover img{width:100%}
body.static-about .about-content .event-item .event-title{font-weight:700}
body.static-about .about-content .links li{display:inline-block;list-style-type:none;margin:5px}
@media screen and (max-width:767px){body.static-about .about-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:5px}
body.static-about .about-content .left-menu{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
body.static-about .about-content .left-menu a{border-width:1px 1px 3px 1px;border-radius:2px;background-color:#fff;margin:5px 3px;border-color:#f5f5f5;border-bottom-color:#1da8f2;font-size:1.4rem}
body.static-about .about-content .left-menu a.active{background-color:#1da8f2;color:#fff}
body.static-about .about-content .links{text-align:center;padding-left:0}
body.static-about .about-content .event-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
body.static-about .about-content .event-item .cover{width:100%;margin:5px 0}
}
body.manuscripts-edit .content,body.manuscripts-new .content{max-width:800px;margin-top:38px;margin-bottom:38px}
body.manuscripts-edit .content .input-title,body.manuscripts-new .content .input-title{width:100%;font-size:3rem;line-height:40px;border:0;outline:0;margin-bottom:25px;box-sizing:border-box}
body.manuscripts-edit .content .limit-msg,body.manuscripts-new .content .limit-msg{margin-bottom:20px}
body.manuscripts-edit .content .input-editor,body.manuscripts-new .content .input-editor{visibility:hidden;min-height:343px}
body.manuscripts-edit .content .gp-confirm,body.manuscripts-new .content .gp-confirm{font-size:1.8rem;margin:30px auto;padding:5px 40px;outline:0;border:0;color:#fff;cursor:pointer;display:block;background-color:#01a6f5}
body.manuscripts-edit .content .input-tags,body.manuscripts-new .content .input-tags{font-size:1.6rem;width:100%;padding:0 3px;outline:0;border:0}
body.manuscripts-edit .content .tags_container,body.manuscripts-new .content .tags_container{margin-top:20px}
body.manuscripts-edit .content ul.tags-suggestions,body.manuscripts-new .content ul.tags-suggestions{font-size:1.8rem;list-style-type:none;padding-left:0}
body.manuscripts-edit .content ul.tags-suggestions li,body.manuscripts-new .content ul.tags-suggestions li{display:inline-block;margin-right:15px;cursor:pointer}
body.manuscripts-edit .content ul.tags-suggestions li:hover,body.manuscripts-new .content ul.tags-suggestions li:hover{text-decoration:line-through}
body.manuscripts-edit .content .error,body.manuscripts-new .content .error{font-size:1.6rem;color:red}
body.manuscripts-create .content,body.manuscripts-update .content{max-width:800px;margin-top:38px;margin-bottom:38px}
body.manuscripts-create .content .input-title,body.manuscripts-update .content .input-title{width:100%;font-size:3rem;line-height:40px;border:0;outline:0;margin-bottom:25px;box-sizing:border-box}
body.manuscripts-create .content .limit-msg,body.manuscripts-update .content .limit-msg{margin-bottom:20px}
body.manuscripts-create .content .input-editor,body.manuscripts-update .content .input-editor{visibility:hidden;min-height:343px}
body.manuscripts-create .content .gp-confirm,body.manuscripts-update .content .gp-confirm{font-size:1.8rem;margin:30px auto;padding:5px 40px;outline:0;border:0;color:#fff;cursor:pointer;display:block;background-color:#01a6f5}
body.manuscripts-create .content .input-tags,body.manuscripts-update .content .input-tags{font-size:1.6rem;width:100%;padding:0 3px;outline:0;border:0}
body.manuscripts-create .content .tags_container,body.manuscripts-update .content .tags_container{margin-top:20px}
body.manuscripts-create .content ul.tags-suggestions,body.manuscripts-update .content ul.tags-suggestions{font-size:1.8rem;list-style-type:none;padding-left:0}
body.manuscripts-create .content ul.tags-suggestions li,body.manuscripts-update .content ul.tags-suggestions li{display:inline-block;margin-right:15px;cursor:pointer}
body.manuscripts-create .content ul.tags-suggestions li:hover,body.manuscripts-update .content ul.tags-suggestions li:hover{text-decoration:line-through}
body.manuscripts-create .content .error,body.manuscripts-update .content .error{font-size:1.6rem;color:red}
body.manuscripts-show .main-content{margin-top:18px}
body.manuscripts-show .main-content .topic-cover{position:relative;margin-bottom:40px}
body.manuscripts-show .main-content .topic-cover img{width:100%}
body.manuscripts-show .main-content .topic-cover .abstract{width:100%;margin:0;padding:20px;position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,.48);color:#fff;line-height:25px;display:none}
body.manuscripts-show .main-content .topic-cover .abs-title{font-size:16px;margin-right:5px}
body.manuscripts-show .main-content .article-content{word-wrap:break-word;font-size:1.6rem;line-height:1.8;letter-spacing:.5px}
body.manuscripts-show .main-content .article-content h2{position:relative;font-size:2.3rem;color:#333;padding-left:15px;line-height:1.2;border-left:8px solid #13ac67}
body.manuscripts-show .main-content .article-content img{display:block;max-width:100%;margin:0 auto;height:auto}
body.manuscripts-show .main-content .article-content img.js-lazy.blur{width:100%}
body.manuscripts-show .main-content .article-content img.loading{cursor:wait}
body.manuscripts-show .main-content .article-content blockquote{color:#666;border-left:4px solid #ddd;padding-left:1.5rem;margin:0}
body.manuscripts-show .main-content .article-content iframe{width:100%}
body.manuscripts-show .main-content .article-content .gp_media_video{position:relative;width:100%;height:0;padding-top:62%}
body.manuscripts-show .main-content .article-content .gp_media_video embed,body.manuscripts-show .main-content .article-content .gp_media_video iframe{width:100%;height:100%;position:absolute;left:0;top:0}
body.manuscripts-show .main-content .article-content p{margin:30px 0}
body.manuscripts-show .main-content .article-content b,body.manuscripts-show .main-content .article-content strong{color:#444}
body.manuscripts-show .main-content .article-content a{color:#444;text-decoration:none;border-bottom:1px dashed #444}
body.manuscripts-show .main-content .tags{font-size:1.5rem;line-height:40px}
body.manuscripts-show .main-content .tags a{display:inline-block;background-color:#ededed;color:#848484;margin-right:10px;line-height:30px;padding:0 15px;-webkit-transition:all .3s;transition:all .3s}
body.manuscripts-show .main-content .tags a:hover{background-color:#b3b3b4;color:#f5f6f6}
body.manuscripts-show .main-content .operate{text-align:center;margin-bottom:50px;margin-top:35px}
body.manuscripts-show .main-content .operate .share-wrap{display:inline-block;position:relative;width:80px;height:80px;color:#fff;font-size:1.8rem;font-weight:700;border-radius:50%;cursor:pointer}
body.manuscripts-show .main-content .operate .share-wrap span{line-height:80px}
body.manuscripts-show .main-content .operate .share-wrap-btn{position:absolute;background-color:#01a6f5;border-radius:50%;top:0;left:0;width:100%;height:100%;z-index:11}
body.manuscripts-show .main-content .operate .share-list{position:absolute;top:50%;left:50%;z-index:10;width:105%;opacity:0;text-align:right;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);-webkit-transition:all .4s;transition:all .4s;padding:10px 0}
body.manuscripts-show .main-content .operate .share-btn{display:inline-block;width:35px;height:35px;text-align:center;line-height:35px;border-radius:50%;color:#fff;opacity:1;-webkit-transition:all .4s;transition:all .4s}
body.manuscripts-show .main-content .operate .share-btn:hover .iconfont{opacity:.8}
body.manuscripts-show .main-content .operate .share-btn .iconfont{font-size:2.2rem;font-weight:400}
body.manuscripts-show .main-content .operate .share-btn .iconfont.icon-twitter{position:relative;top:2px;left:1px}
body.manuscripts-show .main-content .operate .share-btn .iconfont.icon-linkedin{position:relative;left:1px}
body.manuscripts-show .main-content .operate .wx-qrcode{position:absolute;width:120px;height:120px;left:50px;top:50%;margin-top:-60px;opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transition:all .3s;transition:all .3s}
body.manuscripts-show .main-content .operate .share-list.weixin .share-btn:hover .wx-qrcode{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
body.manuscripts-show .main-content .share-wrap:hover .share-list{opacity:1;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}
body.manuscripts-show .main-content .share-wrap:hover .share-list.sina_weibo{-webkit-transform:translateY(-50%) translateX(0) rotate(-20deg);-ms-transform:translateY(-50%) translateX(0) rotate(-20deg);transform:translateY(-50%) translateX(0) rotate(-20deg)}
body.manuscripts-show .main-content .share-wrap:hover .share-list.sina_weibo .share-btn{-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg);background-color:#d52a2a}
body.manuscripts-show .main-content .share-wrap:hover .share-list.weixin{-webkit-transform:translateY(-50%) translateX(0) rotate(20deg);-ms-transform:translateY(-50%) translateX(0) rotate(20deg);transform:translateY(-50%) translateX(0) rotate(20deg)}
body.manuscripts-show .main-content .share-wrap:hover .share-list.weixin .share-btn{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);background-color:#8dc61f}
body.manuscripts-show .main-content .share-wrap:hover .share-list.twitter{-webkit-transform:translateY(-50%) translateX(0) rotate(60deg);-ms-transform:translateY(-50%) translateX(0) rotate(60deg);transform:translateY(-50%) translateX(0) rotate(60deg)}
body.manuscripts-show .main-content .share-wrap:hover .share-list.twitter .share-btn{-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg);background-color:#2daae2}
body.manuscripts-show .main-content .share-wrap:hover .share-list.linkedin{-webkit-transform:translateY(-50%) translateX(0) rotate(100deg);-ms-transform:translateY(-50%) translateX(0) rotate(100deg);transform:translateY(-50%) translateX(0) rotate(100deg)}
body.manuscripts-show .main-content .share-wrap:hover .share-list.linkedin .share-btn{-webkit-transform:rotate(-100deg);-ms-transform:rotate(-100deg);transform:rotate(-100deg);background-color:#0077b5}
body.manuscripts-show .generate-preview-url{background:#efefef;border:1px solid #ddd;border-radius:5px;display:inline-block;color:#555;padding:2px 5px;line-height:1.5;width:170px;text-align:center}
body.manuscripts-show .generate-preview-url.success-copy{background-color:#7de886;border-color:#4ed259;color:#1e5823;width:550px}
body.manuscripts-show .generate-preview-url.success-generate{width:550px}
body.manuscripts-show .topic-content{margin-top:38px;padding-right:320px;position:relative;text-align:center;-webkit-transition:padding .3s;transition:padding .3s;max-width:1050px}
body.manuscripts-show .icon-close-book{display:none}
body.manuscripts-show .icon-open-book{display:inline-block}
body.manuscripts-show .category-tag{display:inline-block;padding:3px 12px;background-color:#dd9300;color:#fff;font-size:1.2rem;font-size:15px;margin-right:10px;-webkit-transition:all .3s;transition:all .3s}
body.manuscripts-show .category-tag:hover{-webkit-filter:contrast(130%);filter:contrast(130%)}
body.manuscripts-show .aside-content{width:300px;position:absolute;top:80px;right:0;opacity:1;-webkit-transition:all .3s;transition:all .3s}
body.manuscripts-show .main-wrap{max-width:700px;margin:0 auto;-webkit-transition:all .3s;transition:all .3s}
body.manuscripts-show .main-wrap .switch-read{float:right;color:#a1a0a0;-webkit-transition:all .2s;transition:all .2s}
body.manuscripts-show .main-wrap .switch-read .iconfont{font-size:2rem}
body.manuscripts-show .main-wrap .switch-read .icon-xiangmulan{font-size:2rem}
body.manuscripts-show .main-wrap .switch-read:hover{color:#a5a5a5}
body.manuscripts-show .main-wrap .topic-info{line-height:32px}
body.manuscripts-show .main-wrap .top-section .topic-title{font-size:2.5rem;color:#333}
body.manuscripts-show .main-wrap .top-section .author{margin-right:15px}
body.manuscripts-show .main-wrap .top-section .author img{width:32px;height:32px;border-radius:50%;margin-right:14px}
body.manuscripts-show .main-wrap .top-section .release-date{margin-right:15px}
body.manuscripts-show .main-wrap .top-section .dot{margin-right:15px}
body.manuscripts-show .main-wrap .top-section .comment-auther{margin-right:15px;border-radius:5px;font-size:14px;-webkit-transition:all .2s;transition:all .2s}
body.manuscripts-show .main-wrap .top-section .comment-auther a{color:#757575}
body.manuscripts-show .main-wrap .top-section .comment-auther .iconfont{font-size:1.6rem}
body.manuscripts-show .main-wrap .top-section .weibo:hover a{color:#d52a2a}
body.manuscripts-show .main-wrap .top-section .twitter:hover a{color:#2daae2}
body.manuscripts-show .main-wrap .top-section .facebook:hover a{color:#3765a3}
body.manuscripts-show .topic-category-qr{width:100%;margin:15px 0}
body.manuscripts-show .topic-content.is-reading-mode{padding-right:0}
body.manuscripts-show .topic-content.is-reading-mode .aside-content{opacity:0;-webkit-transform:translateX(50%) scale(.9);-ms-transform:translateX(50%) scale(.9);transform:translateX(50%) scale(.9);-webkit-transition:all .5s;transition:all .5s}
body.manuscripts-show .topic-content.is-reading-mode .icon-close-book{display:inline-block}
body.manuscripts-show .topic-content.is-reading-mode .icon-open-book{display:none}
body.manuscripts-show .ios-qrcode{position:fixed;display:inline-block;top:50%;right:5px;z-index:30;padding:10px 6px;border:1px solid #ebebeb;text-align:center;background-color:#fff;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media screen and (min-width:1420px){body.manuscripts-show .ios-qrcode{left:50%;right:auto;margin-left:635px}
}
@media screen and (max-width:1030px){body.manuscripts-show .ios-qrcode{display:none}
}
body.manuscripts-show .ios-qrcode .text{float:left;writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;line-height:22px;letter-spacing:2px;margin-top:5px}
body.manuscripts-show .ios-qrcode .icon-mobile-g{width:22px;height:41.25px;background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/icon-mobile-g-e81730bea90689bb60a430596f575260.png);background-size:100%;background-repeat:no-repeat}
body.manuscripts-show .ios-qrcode .qrcode{width:160px;position:absolute;top:50%;right:calc(100% + 10px);-webkit-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);background-color:#f5f5f5;padding:6px;opacity:0;-webkit-transition:all .3s;transition:all .3s;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;box-shadow:-1px -1px 8px rgba(0,0,0,.1)}
body.manuscripts-show .ios-qrcode .qrcode img{width:100%;display:block;line-height:1}
body.manuscripts-show .ios-qrcode .qrcode::after{content:'';position:absolute;right:0;top:50%;border:8px solid transparent;border-left-color:#f5f5f5;-webkit-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}
body.manuscripts-show .ios-qrcode:hover{background-color:#f5f5f5}
body.manuscripts-show .ios-qrcode:hover .qrcode{opacity:1;-webkit-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}
body.manuscripts-show .manuscript-content{margin-top:38px;-webkit-transition:padding .3s;transition:padding .3s;margin-bottom:38px}
body.manuscripts-show .manuscript-content .dot{margin-left:10px}



.videos-index .video-item .icon-time { display: none !important}
.videos-index .video-item .video-date { margin-top: 5px}




.kr-video-catalog {
	padding-top:30px
}
.kr-video-catalog .kr-video-catalog-left {
	width:690px;
	float:left
}
.kr-video-catalog-banner {
	width:690px;
	height:328px;
	overflow:hidden;
	border-radius:2px;
	position:relative;
	padding-bottom:40px
}
.kr-video-catalog-banner:hover .next, .kr-video-catalog-banner:hover .pre {
	display:block
}
.kr-video-catalog-banner .banner-item {
	height:100%;
	width:690px;
	float:left;
	background:#fff;
	-webkit-transition:-webkit-transform 1s;
	transition:-webkit-transform 1s;
	transition:transform 1s;
	transition:transform 1s, -webkit-transform 1s;
	border-radius:2px;
	overflow:hidden
}
.kr-video-catalog-banner .banner-item .banner-item-article {
	height:100%;
	position:relative
}
.kr-video-catalog-banner .banner-item .banner-item-article .banner-item-pic {
	width:100%;
	height:100%
}
.kr-video-catalog-banner .banner-item .banner-item-article .banner-item-info {
	height:100px;
	width:100%;
	position:absolute;
	bottom:0;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(13%, transparent), color-stop(97%, rgba(0, 0, 0, .65)));
	background-image:linear-gradient(-180deg, transparent 13%, rgba(0, 0, 0, .65) 97%);
	text-align:left;
	padding-top:52px;
	padding-left:20px;
	display:block
}
.kr-video-catalog-banner .banner-item .banner-item-article .banner-item-info .banner-item-title {
	font-size:20px;
	color:#fff;
	letter-spacing:0;
	text-align:justify;
	line-height:28px;
	height:28px;
	width:650px
}
.kr-video-catalog-banner .banner-control-list {
	position:absolute;
	bottom:0;
	left:20px;
	z-index:100
}
.kr-video-catalog-banner .banner-control-list .banner-control-item {
	width:30px;
	height:20px;
	margin-right:4px;
	float:left;
	border-radius:.5px;
	cursor:default;
	position:relative
}
.kr-video-catalog-banner .banner-control-list .banner-control-item:hover {
	cursor:pointer
}
.kr-video-catalog-banner .banner-control-list .banner-control-item:hover .bg-line {
	background:#4285f4
}
.kr-video-catalog-banner .banner-control-list .banner-control-item .bg-line {
	background:hsla(0, 0%, 100%, .5);
	width:30px;
	height:2px;
	position:absolute;
	left:0;
	bottom:10px
}
.kr-video-catalog-banner .banner-control-list .banner-control-item .pending-bg {
	height:2px;
	background:#4285f4;
	display:block;
	width:0;
	position:absolute;
	left:0;
	bottom:10px
}
.kr-video-catalog-banner .banner-control-list .banner-control-item .pending-bg.active {
	width:30px
}
.kr-video-catalog-banner .banner-control-list .banner-control-item .pending-bg.start {
	-webkit-animation:pending 5s linear none;
	animation:pending 5s linear none
}
.kr-video-catalog-banner .banner-control-list .banner-control-item .pending-bg.loaded {
	width:30px
}
.kr-video-catalog-banner .pre {
	background:url(../home.d1523964.png) no-repeat 50%;
	background-size:246px 1012px;
	background-position:0 -904px;
	left:0
}
.kr-video-catalog-banner .next, .kr-video-catalog-banner .pre {
	height:40px;
	width:28px;
	z-index:10;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	cursor:pointer;
	display:none
}
.kr-video-catalog-banner .next {
	background:url(../home.d1523964.png) no-repeat 50%;
	background-size:246px 1012px;
	background-position:0 -944px;
	right:0
}
@-webkit-keyframes pending {
0% {
width:0
}
to {
	width:30px
}
}
@keyframes pending {
0% {
width:0
}
to {
	width:30px
}
}
.video-catalog-flow .video-catalog-flow-list {
	padding-top:30px;
}
.video-catalog-flow .video-catalog-flow-list .flow-item {
	width:360px;
	height:323px;
	margin-bottom:40px;
	float: left;
	margin-right: 20px
}
.video-catalog-flow .video-catalog-flow-list .flow-item:first-child, .video-catalog-flow .video-catalog-flow-list .flow-item:nth-child(2) {}
.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-pic {
	height:200px;
	position:relative;
	border-radius:2px;
	overflow:hidden;
	display:block
}
.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-pic .topping {
	position:absolute;
	top:6px;
	left:6px;
	width:46px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:13px;
	color:#fff;
	background:#4285f4;
	border-radius:1px;
	z-index:102
}
.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-pic img {
    width: 100%;
}
.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-pic .video-icon {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:48px;
	height:48px;
	background:url(../home.d1523964.png) no-repeat;
	background-size:327.18px 1345.96px;
	background-position:0 -516px;
	z-index:1
}
.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-pic .video-time-length {
	position:absolute;
	bottom:0;
	right:0;
	text-align:center;
	height:16px;
	line-height:16px;
	padding:0 5px;
	z-index:1;
	font-size:12px;
	color:#fff;
	background:rgba(0, 0, 0, .5);
	border-radius:.5px .5px 2px .5px
}
.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-detail {
	height: auto;
	width:100%
}
.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-detail .flow-item-title {
	margin-top:10px;
	margin-bottom:4px;
	font-size:18px;
	text-align:justify;
	color:#262626;
	line-height:24px;
	max-height:48px;
	overflow:hidden;
-webkit-transition:all .5s;
transition:all .5s
}
.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-detail .flow-item-title:hover {
	color:#4d7fd0
}
.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-detail .flow-item-description {
	line-height:18px;
	max-height:36px;
	overflow:hidden;
	color:#787878;
	text-align:justify;
	font-size:13px
}
.kr-flow-bar {
	font-size:12px;
	line-height:18px;
	color:#a7a7a7;
	position:absolute;
	bottom:2px;
	width:100%;
	float:left;
	padding-top: 10px
}
.kr-flow-bar .kr-flow-bar-motif {
	padding-right:6px
}
.kr-flow-bar .kr-flow-bar-motif a {
	padding-left:2px;
	padding-right:6px;
	color:#4285f4
}
.kr-flow-bar .kr-flow-bar-author {
-webkit-transition:.5s;
transition:.5s;
	color:#a7a7a7
}
.kr-flow-bar .kr-flow-bar-author:hover {
	color:#4d7fd0;
	cursor:pointer
}
.kr-flow-bar .kr-flow-bar-time {
	padding-left:5px
}
.kr-flow-bar .kr-flow-bar-time .kr-flow-bar-time-icon {
	display:inline-block;
	padding:5px;
	background:url(../home.d1523964.png) no-repeat;
	background-size:246px 1012px;
	background-position:0 -115px;
	position:relative;
	top:1px;
	right:5px
}
.kr-loading-more {
	width:100%
}
.kr-loading-more-button {
	width:148px;
	height:36px;
	line-height:34px;
	text-align:center;
	font-size:16px;
	border:1px solid #4285f4;
	border-radius:1px;
	color:#4285f4;
	cursor:pointer;
	margin:0 auto
}
.kr-loading-more-button:hover {
	color:#fff;
	background:#4285f4
}
.kr-loading-more-tip {
	width:148px;
	color:#4285f4;
	border:1px solid #4285f4;
	border-radius:1px
}
.kr-loading-more-tip, .kr-loading-no-more-tip {
	text-align:center;
	height:36px;
	line-height:36px;
	font-size:16px;
	margin:0 auto
}
.kr-loading-no-more-tip {
	color:#262626
}
.kr-column-title {
	height:28px;
	line-height:28px
}
.kr-column-title .kr-column-title-icon {
	display:inline-block;
	padding:7px;
	background:url(../home.d1523964.png) no-repeat;
	background-size:246px 1012px;
	background-position:0 -125px
}
.kr-column-title .kr-column-title-text {
	font-size:20px;
	color:#262626;
	padding-left:4px
}
.kr-hot-author .kr-hot-author-list {
	padding-bottom:20px
}
.kr-hot-author .kr-hot-author-list .hot-author-item {
	border-bottom:1px solid #ddd;
	padding:20px 0
}
.kr-hot-author .kr-hot-author-list .hot-author-item .hot-author-pic {
	width:42px;
	height:42px;
	float:left;
	overflow:hidden;
	border-radius:100%
}
.kr-hot-author .kr-hot-author-list .hot-author-item .hot-author-pic .author-avatar {
	height:42px;
	width:42px;
	border-radius:100%
}
.kr-hot-author .kr-hot-author-list .hot-author-item .hot-author-info {
	float:right;
	width:238px
}
.kr-hot-author .kr-hot-author-list .hot-author-item .hot-author-info .hot-author-name {
	font-size:14px;
	color:#262626;
	height:22px;
	line-height:22px;
	display:block;
	-webkit-transition:all .5;
	transition:all .5
}
.kr-hot-author .kr-hot-author-list .hot-author-item .hot-author-info .hot-author-name:hover {
	color:#4d7fd0
}
.kr-hot-author .kr-hot-author-list .hot-author-item .hot-author-info .hot-author-description {
	padding-top:2px;
	font-size:13px;
	color:#787878;
	line-height:18px;
	max-height:54px;
	overflow:hidden;
	text-align:justify
}
.kr-hot-author .kr-hot-author-list .hot-author-item:last-child {
	border:none
}
.kr-video-catalog-right, .kr-video-catalog-right .kr-video-catalog-follow-container {
	width:300px;
	float:right
}














.ellipsis-1 {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.ellipsis-2 {
	-webkit-line-clamp:2
}
.ellipsis-2, .ellipsis-3 {
	word-break:break-all;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical
}
.ellipsis-3 {
	-webkit-line-clamp:3
}
.ellipsis-4 {
	word-break:break-all;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical
}
.weight-bold {
	font-weight:500
}
.show {
	display:block
}
.hide {
	display:none
}
.scaleBig {
	-webkit-transition:all 1s;
	transition:all 1s
}
.scaleBig:hover {
	-webkit-transform:scale(1.12);
	transform:scale(1.12)
}
.kr-rich-text-wrapper em, .kr-rich-text-wrapper i {
	font-style:italic
}
.kr-rich-text-wrapper ol, .kr-rich-text-wrapper ul {
	padding:0 0 0 20px;
	margin-bottom:22px
}
.kr-rich-text-wrapper ol li, .kr-rich-text-wrapper ul li {
	margin-bottom:6px
}
.kr-rich-text-wrapper ul {
	list-style-type:disc
}
.kr-rich-text-wrapper ol {
	list-style-type:decimal
}
.kr-rich-text-wrapper b, .kr-rich-text-wrapper h1, .kr-rich-text-wrapper h2, .kr-rich-text-wrapper h3, .kr-rich-text-wrapper h4, .kr-rich-text-wrapper h5, .kr-rich-text-wrapper h6, .kr-rich-text-wrapper strong {
	font-weight:bolder
}
.kr-rich-text-wrapper h1 {
	font-size:2em;
	margin:.67em 0
}
.kr-rich-text-wrapper h2 {
	font-size:1.5em;
	margin:.75em 0
}
.kr-rich-text-wrapper h3 {
	font-size:1.17em;
	margin:.83em 0
}
.kr-rich-text-wrapper h4 {
	margin:1.12em 0
}
.kr-rich-text-wrapper h5 {
	font-size:.83em;
	margin:1.5em 0
}
.kr-rich-text-wrapper h6 {
	font-size:.75em;
	margin:1.67em 0
}
.kr-header {
	height:34px;
	width:100%;
	line-height:34px;
	background:#fff
}
.kr-header .kr-header-main {
	width:1030px;
	box-shadow:0 1px 3px 0 rgba(0, 0, 0, .08);
	margin:0 auto;
	height:100%;
	position:relative;
	z-index:104
}
.kr-header .kr-header-main .logo {
	position:absolute;
	background-image:url(//sta.36krcnd.com/36krx2018-front/static/ic_36kr_logo_25@3x.2418e7a6.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:44px;
	height:25px;
	margin-top:5px
}
.kr-header .kr-header-main:before {
	right:-3px
}
.kr-header .kr-header-main:after, .kr-header .kr-header-main:before {
	content:"";
	height:100%;
	width:3px;
	position:absolute;
	top:0;
	background:#fff
}
.kr-header .kr-header-main:after {
	left:-3px
}
.kr-header .kr-header-main .kr-header-content {
	text-align:right;
	margin:0 auto;
	width:1030px;
	height:100%
}
.kr-header .kr-header-main .kr-header-content .business-line {
	float:right;
	height:100%
}
.kr-header .kr-header-main .kr-header-content .business-line .kr-product {
	color:#4285f4;
	padding-left:10px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAOlJREFUKBWdkjEOgkAQRWcIBQmVl/AMWlhBY7wJN9DKSmoaD0FrjI3GwsR4Bi9hhaHAHVmSIcu4LMRt/i68Pzt/sggj1/ZK/u3+znAMv0ppUlKRE0E8aIh25RSgOtRwrQCe64Y4LWOC6sGw0xClRaLU5wQEE7PoT0scjoASE+R9x2CGY0Bqa5DhJMjnJrQtHANSvb5wEuSzc6wMmdpk0C0pqnI5QhPk/X+htfuyCZ4BhjNEOHM1m3YyHNf4WszDJQLubbD+1rYkAT09UpABkG/+6zVoyDYMp0Gb5AvoZNCAXHIYgzdwAX7FX+1fcXkpqwWSAAAAAElFTkSuQmCC) no-repeat;
	background-position:0;
	background-size:6px 10px
}
.kr-header .kr-header-main .kr-header-content .business-line .kr-product .product {
	color:#000
}
.kr-header .kr-header-main .kr-header-content .business-line .kr-product:hover {
	cursor:pointer
}
.kr-header .kr-header-main .kr-header-content .business-line li {
	margin:0 20px;
	font-size:12px;
	text-align:justify;
	float:left
}
.kr-header .kr-header-main .kr-header-content .business-line li a {
	color:#262626
}
.kr-header .kr-header-main .kr-header-content .user-login {
	float:right;
	width:60px;
	height:34px;
	background:#edf1f4;
	vertical-align:top;
	position:relative;
	cursor:pointer;
	padding-top:2px
}
.kr-header .kr-header-main .kr-header-content .user-login:hover .pull-down {
	display:block
}
.kr-header .kr-header-main .kr-header-content .user-login .pull-down {
	display:none;
	width:172px;
	left:-113px;
	top:34px;
	position:absolute;
	background:#fff;
	box-shadow:0 0 6px 0 rgba(0, 0, 0, .1);
	padding-left:20px
}
.kr-header .kr-header-main .kr-header-content .user-login .pull-down .user-name {
	height:54px;
	line-height:54px;
	border-top:none;
	font-size:15px
}
.kr-header .kr-header-main .kr-header-content .user-login .pull-down a {
	color:#262626;
	font-size:13px;
	float:left;
	width:132px;
	height:38px;
	line-height:38px;
	border-top:1px solid #ddd;
	text-align:left
}
.kr-header .kr-header-main .kr-header-content .user-login .pull-down a:hover {
	color:#4285f4;
	cursor:pointer
}
.kr-header .kr-header-main .kr-header-content .user-login .user-pic {
	display:block;
	width:30px;
	height:30px;
	border:1px solid #ddd;
	border-radius:50%;
	margin:0 15px
}
.kr-header .kr-header-main .kr-header-content .kr-header-passport {
	margin-left:2px;
	width:118px;
	height:34px;
	line-height:34px;
	text-align:center;
	background:#4285f4;
	position:relative;
	float:right
}
.kr-header .kr-header-main .kr-header-content .kr-header-passport .login, .kr-header .kr-header-main .kr-header-content .kr-header-passport .resgister {
	cursor:pointer;
	position:relative;
	width:50%;
	height:100%;
	text-align:center
}
.kr-header .kr-header-main .kr-header-content .kr-header-passport .login span, .kr-header .kr-header-main .kr-header-content .kr-header-passport .resgister span {
	z-index:2;
	position:relative
}
.kr-header .kr-header-main .kr-header-content .kr-header-passport .login:hover:after, .kr-header .kr-header-main .kr-header-content .kr-header-passport .resgister:hover:after {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .12);
	position:absolute;
	top:0;
	left:0;
	z-index:1
}
.kr-header .kr-header-main .kr-header-content .kr-header-passport a {
	font-size:12px;
	color:#fff;
	text-align:justify;
	float:left
}
.kr-header .kr-header-main .kr-header-content .kr-header-passport .line {
	padding:0 10px;
	position:absolute;
	top:0;
	left:48px
}
.kr-search-mask {
	width:100%;
	height:100%;
	background:hsla(0, 0%, 100%, .98);
	overflow:auto
}
.kr-search-mask.opacity1 {
	opacity:1
}
.kr-search-mask.opacity0 {
	opacity:0
}
.kr-search-mask .kr-search-mask-main {
	width:1150px;
	margin:auto
}
.kr-search-mask .kr-search-mask-main .kr-search-mask-header {
	padding-top:74px
}
.kr-search-mask .kr-search-mask-main .kr-search-mask-header .logo {
	width:80px;
	height:45px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png) no-repeat;
	background-size:287.82px 1184.04px;
	background-position:0 0;
	float:left;
	cursor:pointer
}
.kr-search-mask .kr-search-mask-main .kr-search-mask-header .close {
	width:24px;
	height:24px;
	float:right;
	background:url(//sta.36krcnd.com/36krx2018-front/static/search.33930f37.png) no-repeat;
	background-size:24px 114px;
	background-position:0 0;
	position:relative;
	top:9px;
	cursor:pointer
}
.kr-search-mask .kr-search-mask-main .kr-search-mask-search-input {
	height:56px;
	margin-top:166px;
	margin-left:120px
}
.kr-search-mask .kr-search-mask-main .kr-search-mask-search-input input {
	height:50px;
	width:600px;
	font-size:40px;
	color:#a7a7a7;
	letter-spacing:0;
	text-align:left;
	float:left;
	position:relative;
	top:3px;
	border-radius:1px;
	background:transparent
}
.kr-search-mask .kr-search-mask-main .kr-search-mask-search-input input:focus {
	color:#262626
}
.kr-search-mask-hot-search {
	margin-left:120px;
	margin-top:50px
}
.kr-search-mask-hot-search .hot-tag {
	font-size:20px;
	color:#202020;
	width:118px;
	height:28px;
	line-height:28px;
	text-align:justify
}
.kr-search-mask-hot-search .hot-word .hot-word-item {
	cursor:pointer;
	float:left;
	height:36px;
	line-height:36px;
	margin-right:15px;
	margin-top:20px
}
.kr-search-mask-hot-search .hot-word .hot-word-item .hot-word-common {
	padding:0 20px;
	background:hsla(0, 0%, 78.8%, .5);
	border-radius:1px;
	font-size:16px;
	color:#787878;
	display:block
}
.kr-search-mask-hot-search .hot-word .hot-word-item .hot-word-common:hover {
	color:#fff;
	background:#4285f4
}
.kr-default-img-have-logo {
	height:100%;
	width:100%;
	background:url(//sta.36krcnd.com/36krx2018-front/static/ic_default_100_56@2x.ec858a2a.png) no-repeat 50%;
	background-size:100px 56px;
	background-color:#edf1f4
}
.kr-default-img-avatar {
	height:100%;
	width:100%;
	background:url(//sta.36krcnd.com/36krx2018-front/static/ic_default_100_56@2x.ec858a2a.png) no-repeat 50%;
	background-size:48px 26px;
	background-color:#edf1f4
}
.kr-default-img-enterprise-avatar {
	height:100%;
	width:100%;
	background:url(//sta.36krcnd.com/36krx2018-front/static/head_default.72d761bf.png) no-repeat 50%;
	background-size:cover
}
.kr-default-img-no-logo {
	height:100%;
	width:100%;
	background-color:#edf1f4
}
.kr-shadow-wrapper {
	width:100%;
	height:100%;
	position:relative;
	z-index: 1
}
.kr-shadow-wrapper .kr-shadow-wrapper-card {
	position:absolute;
	z-index:101;
-webkit-transition:all .2s linear;
transition:all .2s linear;
	border-radius:2px
}
.kr-shadow-wrapper:hover .kr-shadow-wrapper-card {
	box-shadow:0 0 7px 0 rgba(0, 0, 0, .15);
	background:#fff
}
.kr-shadow-wrapper .kr-shadow-content {
	width:100%;
	height:100%;
	z-index:102;
	position:absolute;
	top:0;
	left:0
}
.kr-ad-logo {
	position:absolute;
	top:0;
	right:0;
	background:rgba(0, 0, 0, .3);
	border-radius:.5px 2px .5px .5px;
	height:18px;
	line-height:18px;
	color:#fff;
	padding:0 5px;
	font-size:12px;
	z-index:103
}
.kr-ad-home-sider {
	position:relative;
	width:94px;
	height:94px;
	margin-top:18px;
	border-radius:2px;
	overflow:hidden;
	float:right
}
.kr-ad-home-sider .kr-ad-home-sider-main, .kr-ad-home-sider .kr-ad-home-sider-main img {
	width:100%;
	height:100%
}
.kr-ad-home-top {
	height:140px;
	position:relative;
	border-radius:2px;
	overflow:hidden;
	margin-bottom:20px
}
.kr-ad-home-top .kr-ad-home-top-main, .kr-ad-home-top .kr-ad-home-top-main img {
	width:100%;
	height:100%
}
.kr-ad-home-banner-left {
	height:100%;
	width:100%;
	position:relative;
	border-radius:2px;
	overflow:hidden
}
.kr-ad-home-banner-left .kr-ad-home-banner-left-main {
	display:block;
	height:100%;
	width:100%
}
.kr-ad-home-banner-left .kr-ad-home-banner-left-main .banner-left-pic {
	width:100%;
	height:100%
}
.kr-ad-home-banner-left .kr-ad-home-banner-left-main .banner-left-info {
	height:100px;
	width:100%;
	position:absolute;
	bottom:0;
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(97%, rgba(0, 0, 0, .65)));
	background-image:linear-gradient(-180deg, transparent, rgba(0, 0, 0, .65) 97%);
	text-align:left;
	padding-top:52px;
	padding-left:20px
}
.kr-ad-home-banner-left .kr-ad-home-banner-left-main .banner-left-info .banner-left-title {
	font-size:20px;
	color:#fff;
	letter-spacing:0;
	text-align:justify;
	line-height:28px;
	height:28px;
	width:680px
}
.kr-ad-home-banner-right {
	position:relative;
	height:100%
}
.kr-ad-home-banner-right .kr-ad-home-banner-right-main {
	display:block;
	height:100%
}
.kr-ad-home-banner-right .kr-ad-home-banner-right-main .banner-right-pic {
	width:100%;
	height:100%
}
.kr-ad-home-banner-right .kr-ad-home-banner-right-main .banner-right-info {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:130px;
	padding-top:42px;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(25%, transparent), color-stop(97%, rgba(0, 0, 0, .65)));
	background-image:linear-gradient(-180deg, transparent 25%, rgba(0, 0, 0, .65) 97%)
}
.kr-ad-home-banner-right .kr-ad-home-banner-right-main .banner-right-info p {
	font-size:13px;
	line-height:18px;
	color:#fff;
	text-align:justify;
	padding:0 10px;
	max-height:54px;
	position:absolute;
	bottom:6px;
	overflow:hidden
}
.kr-ad-home-flow-article {
	position:relative;
	height:143px
}
.kr-ad-home-flow-article .kr-ad-home-flow-article-main {
	height:100%
}
.kr-ad-home-flow-article .kr-ad-home-flow-article-main .home-flow-article-pic {
	float:left;
	width:216px;
	height:100%;
	overflow:hidden;
	border-radius:2px
}
.kr-ad-home-flow-article .kr-ad-home-flow-article-main .home-flow-article-pic img {
	height:100%;
	width:100%
}
.kr-ad-home-flow-article .kr-ad-home-flow-article-main .home-flow-article-info {
	float:left;
	width:454px;
	height:100%;
	position:relative;
	margin-left:20px;
	padding-top:13px
}
.kr-ad-home-flow-article .kr-ad-home-flow-article-main .home-flow-article-info .home-flow-article-title {
	font-size:18px;
	color:#262626;
	line-height:23px;
	max-height:46px;
	text-align:justify;
	overflow:hidden;
-webkit-transition:.5s;
transition:.5s
}
.kr-ad-home-flow-article .kr-ad-home-flow-article-main .home-flow-article-info .home-flow-article-title:hover {
	color:#4285f4
}
.kr-ad-home-flow-article .kr-ad-home-flow-article-main .home-flow-article-info .home-flow-article-description {
	margin-top:10px;
	font-size:13px;
	color:#787878;
	line-height:20px;
	letter-spacing:0;
	text-align:justify;
	max-height:40px;
	overflow:hidden
}
.kr-ad-home-flow-article .kr-ad-home-flow-article-main .home-flow-article-info .home-flow-article-logo {
	position:absolute;
	bottom:8px;
	left:0;
	font-size:12px;
	color:#a7a7a7;
	padding:0 5px;
	background:rgba(0, 0, 0, .04);
	border-radius:1px
}
.kr-ad-home-flow-banner {
	position:relative;
	height:140px
}
.kr-ad-home-flow-banner .kr-ad-home-flow-banner-main {
	height:100%
}
.kr-ad-home-flow-banner .kr-ad-home-flow-banner-main img {
	height:100%;
	width:100%
}
.kr-ad-home-flow-specialtopic {
	position:relative
}
.kr-ad-home-flow-specialtopic .kr-ad-home-flow-specialtopic-main .specialtopic-pic {
	height:144px;
	border-radius:2px;
	overflow:hidden;
	position:relative;
	display:block;
	border-radius:2px 2px 0 0
}
.kr-ad-home-flow-specialtopic .kr-ad-home-flow-specialtopic-main .specialtopic-pic img {
	width:100%;
	height:100%
}
.kr-ad-home-flow-specialtopic .kr-ad-home-flow-specialtopic-main .specialtopic-pic .specialtopic-title {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:70px;
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(97%, rgba(0, 0, 0, .65)));
	background-image:linear-gradient(-180deg, transparent, rgba(0, 0, 0, .65) 97%)
}
.kr-ad-home-flow-specialtopic .kr-ad-home-flow-specialtopic-main .specialtopic-pic .specialtopic-title p {
	font-size:14px;
	line-height:18px;
	color:#fff;
	text-align:justify;
	padding-left:10px;
	padding-right:6px;
	max-height:36px;
	position:absolute;
	bottom:10px;
	overflow:hidden
}
.kr-ad-home-flow-specialtopic .kr-ad-home-flow-specialtopic-main .specialtopic-description {
	height:74px;
	background:#edf1f4;
	padding-top:10px;
	border-radius:0 0 2px 2px
}
.kr-ad-home-flow-specialtopic .kr-ad-home-flow-specialtopic-main .specialtopic-description p {
	font-size:13px;
	color:#787878;
	text-align:justify;
	overflow:hidden;
	height:54px;
	line-height:18px;
	padding:0 15px
}
.kr-ad-home-hotlist {
	position:relative;
	border-radius:2px;
	overflow:hidden;
	height:200px;
	width:300px
}
.kr-ad-home-hotlist .kr-ad-home-hotlist-main {
	height:100%
}
.kr-ad-home-hotlist .kr-ad-home-hotlist-main img {
	height:100%;
	width:100%
}
.kr-ad-home-motif {
	position:relative;
	border-radius:2px;
	overflow:hidden;
	height:200px;
	width:300px;
	margin-top:20px
}
.kr-ad-home-motif .kr-ad-home-motif-main {
	height:100%
}
.kr-ad-home-motif .kr-ad-home-motif-main img {
	height:100%;
	width:100%
}
.hot-word-ad {
	display:block;
	padding:0 20px;
	background:rgba(179, 204, 244, .3);
	border-radius:1px;
	color:#4285f4
}
.kr-ad-sponsor {
	position:relative;
	padding-top:20px;
	border-bottom:1px solid #ddd;
	padding-bottom:18px
}
.kr-ad-sponsor:last-child {
	border:none;
	padding-bottom:0
}
.kr-ad-sponsor .kr-ad-sponsor-main {
	height:100%;
	border-radius:2px;
	overflow:hidden
}
.kr-ad-sponsor .kr-ad-sponsor-main .sponsor-header {
	width:270px;
	height:60px;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center
}
.kr-ad-sponsor .kr-ad-sponsor-main .sponsor-header .sponsor-pic {
	height:60px;
	width:60px;
	border-radius:2px;
	overflow:hidden
}
.kr-ad-sponsor .kr-ad-sponsor-main .sponsor-header .sponsor-pic img {
	height:100%;
	width:100%
}
.kr-ad-sponsor .kr-ad-sponsor-main .sponsor-header .sponsor-title {
	padding-left:10px;
	width:200px;
	text-align:justify;
	font-size:16px;
	color:#262626;
	line-height:22px;
	max-height:44px;
	overflow:hidden
}
.kr-ad-sponsor .kr-ad-sponsor-main .sponsor-header .sponsor-title:hover {
	color:#4d7fd0
}
.kr-ad-sponsor .kr-ad-sponsor-main .sponsor-description {
	padding-top:10px;
	font-size:13px;
	color:#787878;
	text-align:justify;
	line-height:20px
}
.kr-ad-local-station-top {
	height:140px;
	position:relative;
	border-radius:2px;
	overflow:hidden
}
.kr-ad-local-station-top .kr-ad-local-station-top-main, .kr-ad-local-station-top .kr-ad-local-station-top-main img {
	width:100%;
	height:100%
}
.kr-ad-local-station-banner {
	height:100%;
	position:relative;
	border-radius:2px;
	overflow:hidden
}
.kr-ad-local-station-banner .kr-ad-local-station-banner-main {
	display:block;
	height:100%
}
.kr-ad-local-station-banner .kr-ad-local-station-banner-main .banner-pic {
	width:100%;
	height:100%
}
.kr-ad-local-station-banner .kr-ad-local-station-banner-main .banner-info {
	height:100px;
	width:100%;
	position:absolute;
	bottom:0;
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(97%, rgba(0, 0, 0, .65)));
	background-image:linear-gradient(-180deg, transparent, rgba(0, 0, 0, .65) 97%);
	text-align:left;
	padding-top:52px;
	padding-left:20px
}
.kr-ad-local-station-banner .kr-ad-local-station-banner-main .banner-info .banner-title {
	font-size:20px;
	color:#fff;
	letter-spacing:0;
	text-align:justify;
	line-height:28px;
	height:28px;
	width:680px
}
.kr-ad-local-station-flow-article {
	position:relative;
	height:143px
}
.kr-ad-local-station-flow-article .kr-ad-local-station-flow-article-main {
	height:100%
}
.kr-ad-local-station-flow-article .kr-ad-local-station-flow-article-main .local-station-flow-article-pic {
	float:left;
	width:216px;
	height:100%;
	overflow:hidden;
	border-radius:2px
}
.kr-ad-local-station-flow-article .kr-ad-local-station-flow-article-main .local-station-flow-article-pic img {
	height:100%;
	width:100%
}
.kr-ad-local-station-flow-article .kr-ad-local-station-flow-article-main .local-station-flow-article-info {
	float:left;
	width:454px;
	height:100%;
	position:relative;
	margin-left:20px;
	padding-top:13px
}
.kr-ad-local-station-flow-article .kr-ad-local-station-flow-article-main .local-station-flow-article-info .local-station-flow-article-title {
	font-size:18px;
	color:#262626;
	line-height:23px;
	max-height:46px;
	text-align:justify;
	overflow:hidden;
	display:block;
-webkit-transition:.5s;
transition:.5s
}
.kr-ad-local-station-flow-article .kr-ad-local-station-flow-article-main .local-station-flow-article-info .local-station-flow-article-title:hover {
	color:#4285f4
}
.kr-ad-local-station-flow-article .kr-ad-local-station-flow-article-main .local-station-flow-article-info .local-station-flow-article-description {
	margin-top:4px;
	font-size:13px;
	color:#787878;
	line-height:20px;
	letter-spacing:0;
	text-align:justify;
	max-height:40px;
	overflow:hidden
}
.kr-ad-local-station-flow-article .kr-ad-local-station-flow-article-main .local-station-flow-article-info .local-station-flow-article-logo {
	position:absolute;
	bottom:8px;
	left:0;
	font-size:12px;
	color:#a7a7a7;
	padding:0 5px;
	background:rgba(0, 0, 0, .04);
	border-radius:1px
}
.kr-ad-local-station-flow-banner {
	position:relative;
	height:140px
}
.kr-ad-local-station-flow-banner .kr-ad-local-station-flow-banner-main {
	height:100%
}
.kr-ad-local-station-flow-banner .kr-ad-local-station-flow-banner-main img {
	height:100%;
	width:100%
}
.kr-ad-article-detail-803 {
	position:relative
}
.kr-ad-article-detail-803 .kr-ad-article-detail-803-main {
	width:300px;
	height:200px
}
.kr-ad-article-detail-803 .kr-ad-article-detail-803-main img {
	width:100%;
	height:100%;
	border-radius:2px
}
.kr-ad-article-detail-814 {
	position:relative
}
.kr-ad-article-detail-814 .kr-ad-article-detail-814-main {
	width:300px;
	height:200px
}
.kr-ad-article-detail-814 .kr-ad-article-detail-814-main img {
	width:100%;
	height:100%;
	border-radius:2px
}
.kr-ad-article-detail-835 {
	position:relative;
	overflow:hidden;
	width:690px;
	height:140px;
	margin-top:20px
}
.kr-ad-article-detail-835 .kr-ad-article-detail-835-main {
	width:100%;
	height:100%
}
.kr-ad-article-detail-835 .kr-ad-article-detail-835-main img {
	width:100%;
	height:100%;
	border-radius:2px
}
.kr-ad-article-detail-817 {
	position:relative;
	overflow:hidden;
	width:690px;
	height:140px
}
.kr-ad-article-detail-817 .kr-ad-article-detail-817-main {
	width:100%;
	height:100%
}
.kr-ad-article-detail-817 .kr-ad-article-detail-817-main img {
	width:100%;
	height:100%;
	border-radius:2px
}
.kr-ad-newsflash-catalog-800 {
	width:690px;
	height:140px;
	position:relative
}
.kr-ad-newsflash-catalog-800 .kr-ad-newsflash-catalog-800-main {
	height:100%;
	border-radius:2px;
	overflow:hidden
}
.kr-ad-newsflash-catalog-800 .kr-ad-newsflash-catalog-800-main img {
	height:100%;
	width:100%
}
.kr-ad-newsflash-catalog-807 {
	height:200px;
	position:relative
}
.kr-ad-newsflash-catalog-807 .kr-ad-newsflash-catalog-807-main {
	height:100%;
	border-radius:2px;
	overflow:hidden
}
.kr-ad-newsflash-catalog-807 .kr-ad-newsflash-catalog-807-main img {
	height:100%;
	width:100%
}
.kr-ad-newsflash-catalog-810 {
	height:200px;
	position:relative
}
.kr-ad-newsflash-catalog-810 .kr-ad-newsflash-catalog-810-main {
	height:100%;
	border-radius:2px;
	overflow:hidden
}
.kr-ad-newsflash-catalog-810 .kr-ad-newsflash-catalog-810-main img {
	height:100%;
	width:100%
}
.kr-ad-specialTopic-detail {
	position:relative
}
.kr-ad-specialTopic-detail .kr-ad-specialTopic-detail-main {
	display:block;
	height:140px;
	border-radius:2px;
	overflow:hidden
}
.kr-ad-specialTopic-detail .kr-ad-specialTopic-detail-main img {
	width:100%;
	height:100%
}
.kr-portal {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	height:100%;
	z-index:10009;
	overflow:hidden
}
.kr-portal .kr-portal-mask {
	height:100%;
	width:100%;
	left:0;
	top:0;
	position:absolute;
	background:rgba(0, 0, 0, .5);
	overflow:scroll
}
.kr-header-search-entry .search-button {
	float:right;
	height:34px;
	line-height:34px;
	font-size:12px;
	color:#262626;
	text-align:right;
	cursor:pointer
}
.kr-header-search-entry .search-button .search-icon {
	position:relative;
	display:inline-block;
	top:4px;
	padding:7px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png) no-repeat;
	background-size:184.5px 759px;
	background-position:0 -45px
}
.kr-header-search-entry .search-button .search-text {
	padding-left:5px
}
.kr-passport-phone {
	width:320px
}
.kr-passport-phone .input-area {
	height:55px;
	line-height:55px;
	border-bottom:1px solid rgba(0, 0, 0, .08)
}
.kr-passport-phone .input-area.error {
	border-bottom:1px solid #f95355
}
.kr-passport-phone .input-area .phone-itc {
	min-width:63px;
	cursor:pointer;
	float:left;
	position:relative
}
.kr-passport-phone .input-area .phone-itc span {
	display:inline-block
}
.kr-passport-phone .input-area .phone-itc .code {
	font-size:16px;
	color:#262626;
	padding-right:5px
}
.kr-passport-phone .input-area .phone-itc .arrow {
	width:13px;
	height:13px
}
.kr-passport-phone .input-area .phone-itc .arrow-up {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAAXNSR0IArs4c6QAAAP1JREFUSA3tkjELwjAQhZsMpaSDo5vQ0V1wFaSoQ/Fv6txJ2qGr4O4o+A/c0qnewwbSWusFwSmBcGlz9z7u5YLAL++Ad8A78LMDTdMIbFchp4I8z2cEuQIihJhnWXbnAiU3sYVUlK+wCVjhH7ee1ZEFSUj40oovKN6osxWns68gG0Ki5yiKNgBprU/U1ZILGwUNQdI0fQBUFMXEBfYRNAYBCMsFNgjiQF4oPuwN5AJxgXXGuyzLKcaWBBLz8OZNjOhQRA6GBDWohQa07NwOqK7rHRJdIEasD6NB2Zo7xA5IKXWQUu7DMFxzOrGFcEYNaqERx/Gxf++/vQP/deAJWoyuEIWjXJcAAAAASUVORK5CYII=) no-repeat 50%;
	background-size:cover
}
.kr-passport-phone .input-area .phone-itc .arrow-down {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAP1JREFUSA3tkrENwjAQRbE7SpaBAZBoIjdZIoJ9EGIOJ1KExBSU7EBLF/O/sCMHHGx3FL4iufj+vxefvViUKBMoEygTiE6gbdtVVBQRhHpI3wNBPQzDA++jMUb4tZScHnptj9r3TEBCiDuKTwgPXdedcmDU0kMve9heI2sCqqrqBoGysCYV5kEaC1HsNVKQBMejtd7CrFFfSinPMO3xA8Y3ujwEUUpdXd29gyAWU2CpEPabBcVgOZAoaA7GdXvw45mExkWdi587cqLPMXIdtysZQn0SiEIfxm8ErzA28n3w7/L0mQyizcIuzAHZpUKozw6czabv+3W2sRj+fgIvuZm9IMybVAsAAAAASUVORK5CYII=) no-repeat 50%;
	background-size:cover
}
.kr-passport-phone .input-area .phone-itc .line {
	width:1px;
	background:rgba(0, 0, 0, .08);
	height:20px;
	margin-left:15px;
	position:relative;
	top:5px
}
.kr-passport-phone .input-area .phone-itc .phone-itc-list {
	position:absolute;
	width:320px;
	background:#fff;
	border:1px solid #ebebeb;
	box-shadow:0 3px 8px 0 rgba(0, 0, 0, .08);
	border-radius:2px;
	height:235px;
	padding-left:20px;
	padding-top:8px;
	box-sizing:border-box;
	overflow-y:scroll;
	z-index:1;
	top:53px
}
.kr-passport-phone .input-area .phone-itc .phone-itc-list li {
	font-size:14px;
	color:#b2b2b2;
	line-height:36px
}
.kr-passport-phone .input-area .phone-itc .phone-itc-list li.selected, .kr-passport-phone .input-area .phone-itc .phone-itc-list li:hover {
	color:#262626
}
.kr-passport-phone .input-area .phone-itc .triangle {
	width:12px;
	height:12px;
	border-top:1px solid rgba(0, 0, 0, .08);
	border-left:1px solid rgba(0, 0, 0, .08);
	position:absolute;
	z-index:2;
	background:#fff;
	top:47px;
	left:34px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
.kr-passport-phone .input-area .number {
	width:220px;
	border:none;
	height:100%;
	padding-left:15px;
	font-size:16px;
	color:#262626;
	float:left
}
.kr-passport-phone .error-area {
	font-size:14px;
	color:#f95355;
	padding:5px 0
}
.kr-passport-password {
	width:320px
}
.kr-passport-password .input-area {
	height:55px;
	line-height:55px;
	border-bottom:1px solid rgba(0, 0, 0, .08)
}
.kr-passport-password .input-area.error {
	border-bottom:1px solid #f95355
}
.kr-passport-password .input-area .password {
	height:100%;
	width:60%;
	float:left;
	border:none;
	color:#262626;
	font-size:16px
}
.kr-passport-password .input-area .clear {
	float:right;
	width:20px;
	height:20px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/clear.6bdfd9b8.png) no-repeat 50%;
	background-size:cover;
	position:relative;
	top:17px;
	margin-right:20px;
	display:none
}
.kr-passport-password .input-area .clear:hover {
	cursor:pointer
}
.kr-passport-password .input-area:hover .clear {
	display:block
}
.kr-passport-password .input-area .password-switch {
	float:right;
	width:20px;
	height:20px;
	position:relative;
	top:17px;
	cursor:pointer
}
.kr-passport-password .input-area .hidden {
	background:url(//sta.36krcnd.com/36krx2018-front/static/password_hide.29cfe72e.png) no-repeat 50%;
	background-size:cover
}
.kr-passport-password .input-area .active {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA6dJREFUWAntVz1MFEEUntn74WQt5CQmxJCYgD8hsbMwAYw/5IwFNoolSGNvFORQI0aFC2jsbVBL0UYSjRdQI5JQ0JkQfyAxMQZjEGgWjrvbHd8bds5ZdnYPJJdcsZtsZuZ977359s17M7OEBE8QgSACQQRKGgG6Xe+J/rVDjOQPMEqqGWPV6I9SukAZWaAk/DXdW/F5O3NsmeDFYRb7OW+0WYyeY4Q1wuSclA8JIEonNcpe7K3RRx530oyPrgvaNMFT/Ww3oUaSWKSTERJ3edqEACZbJBoZJkwfGO+lfzZhQooSbHvGQkuzK5dg+e7+L7GNRJAopMGNqvrKRyMXqLkRl8e+BHnUiDHCGDkhG7n6FDKOsBlYyh+IwdLXQiY2EAaZ6fNQSt4Rorf5RdPTQUtq7bBl5V/CJPt85liGJUtFYvTpm8v6vKx3+qFRk8uwdkiJHpDvkjFHn9LvmhY+O9ZT8ckhtwdKgliZeZabAB3PAoCvnwhF9PPpLvpb5VjIEkNsj5kznsMqNAuZol0I00izquJdBBMPVmrNDJtcXyaFKxAhuXi93gL5k1VrOKWQx9HFbyvj4LPJifwbYXqEYrQxfaWSp4lAHASxIMDRR3B0VCgo2uVwVD8oRy6RWj1mmtZV0D1i60+HQtr9dM+OD8IeI5nPGl9g7LncQHIqvr+ySS4cTTjAdnHO6C5CjmDOyeRODhjX85b1Huxa4a2x31aUISb8cxuwFWNVi3MvzRpdMlYgeGYwU0cs2ieDrj5UayxEngg5Rg5K9o6yWrGCAeM6tgEWE+QHVLz3A2a3ORdbpUAwmzeT8AVRb1NE2Myr7p2/hA5fVr+tBDB76bnJeqWzGWGvapFDNmdi5fOHE8TCgM9qF0KvVuxzEi5yThK5ug4dhQ+XAcS+AzkhUIigS6tMBJwgljZkRiG3vLhB+PlXSfi01PfqOnQUPlx2yEVsN4UIRiOhFIS/yL5GG/CEEB5xK/FNeigIrmMbrNvCEejzIAfkIlQKBF93x+aIxvoEoGwh6fnxZYN8n6PkppIkVitg8l5orrIOZcVLk4HZLc7FlhUI4jhepw/CF0xJ+u4unK246QrgbVK/F9a042A3Cu+8/Y6iDDGhhzYWI9fEWNXi3FX1+pCMOU4SBEp21M0aY37nMZArftQJ5mV9WRAkt3LdwtNF3sDRR0mvW4JkWV9YBcmyvvILktiW7U+TTBL7ZfvbuZGoGJf6x13ME7RBBIIIBBEoUQT+AlfF0TNf7p1BAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size:cover
}
.kr-passport-password .error-area {
	font-size:14px;
	color:#f95355;
	padding:5px 0
}
.kr-passport-verifycode {
	width:320px
}
.kr-passport-verifycode .input-area {
	height:55px;
	line-height:55px;
	border-bottom:1px solid rgba(0, 0, 0, .08)
}
.kr-passport-verifycode .input-area.error {
	border-bottom:1px solid #f95355
}
.kr-passport-verifycode .input-area .code {
	height:100%;
	width:240px;
	border:none;
	color:#262626;
	font-size:16px;
	float:left
}
.kr-passport-verifycode .input-area .send-normal-code {
	width:80px;
	text-align:right;
	color:rgba(66, 133, 244, .5);
	cursor:default;
	float:left;
	font-size:14px
}
.kr-passport-verifycode .input-area .send-normal-code.active {
	color:#4285f4;
	cursor:pointer
}
.kr-passport-verifycode .extra-area {
	padding-top:5px
}
.kr-passport-verifycode .extra-area .error-area {
	font-size:14px;
	color:#f95355;
	width:60%;
	float:left
}
.kr-passport-verifycode .extra-area .send-voice-code {
	text-align:right;
	font-size:12px;
	color:#b2b2b2;
	width:40%;
	float:right;
	padding-top:5px
}
.kr-passport-verifycode .extra-area .send-voice-code span {
	color:rgba(66, 133, 244, .5);
	cursor:default
}
.kr-passport-verifycode .extra-area .send-voice-code span.active {
	color:#4285f4;
	cursor:pointer
}
.kr-passport-button {
	background:#d4d6d9;
	border-radius:2px;
	width:320px;
	height:46px;
	text-align:center;
	line-height:46px;
	margin-top:40px;
	border:none;
	outline:none;
	cursor:default;
	font-size:16px;
	color:#fff
}
.kr-passport-button.active {
	background:#4285f4;
	opacity:1;
	cursor:pointer
}
.kr-passport-register header {
	height:130px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/login_bg.e96f56fe.png) no-repeat 50%;
	background-size:100% 100%;
	position:relative
}
.kr-passport-register header .logo {
	width:64px;
	height:39px;
	margin-top:50px;
	margin-left:198px
}
.kr-passport-register header .close {
	width:20px;
	height:20px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAoFJREFUaAXt2jtOw0AQANAYmigtBRItBYKGqyRNiiQKkuWKggMgQQHkBiAkBOmcIk1OALcACpRrpEmImTE2sqJ4vfbOzBppXcSfeHfnjT/SjtxouMVlwGXAZcBlwGXg/2RgOBzu9Xq9qyiKvLpGDfFdBkGwrxPfjuokxC6Xy1fA3kCnz3VE9/v9B4hrtFgs3nTQSvBqtTqHhJwmSfHrhkbser3GGBuAPgH0RRJr7koJDsPwDlqOM61rg85iMT7P88J2u32diXXrZuFzibcxXllo7Wd6GE8mkwAGiTLHxDZzsGfdbve7KIhCMHZQJ7QJFi1a4LqgTbGlwLbRFNjSYFtoKmwlsDSaElsZLIWmxhqBudEcWGMwF5oLSwKmRnNiycBUaG4sKdgULYElB1dFS2FZwGXRklg2sC5aGssKLkIPBoP7dPIeB/I7n9Wa4uH5VRft2VLVAXKmlp/Q33HaZzJ5Z8fieOxgHCQHjX+llQoRbDxePKrAT4J+h6H+rixszzudzpFOpYIqRGVNi2oQ7AefWVhlsXj4cDabPWEycEdiEQFvvo0BNs/gRAuD7OBNLL6g8DYGsJVqKCt4GxZKqfELCqueNtBsz44Km97OOW9v1hIwC1gHawtNDi6DtYEmBVfBSqPJwCZYSTQJmAIrhTYGU2Il0EZgDiw3ujKYE8uJrgSWwHKhS4MlsRzoUmAbWGq0NtgmlhKtBa4DlgpdCK4TlgKtnA/jF242SqkpLG+NXw9tm0/DxbnJa5MeV4JbrdYLdP6BJ0uWUtPgVOtNNOx/NZvNR1Ubrf/wcz640qPpdLqr1UD4pKSIcOv7/oHw0G44lwGXAZcBlwGXAZeBkhn4AcrY4LAgdyEWAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size:100% 100%;
	position:absolute;
	top:20px;
	right:20px;
	cursor:pointer
}
.kr-passport-register section {
	padding-left:70px
}
.kr-passport-register footer {
	text-align:center;
	font-size:14px;
	color:#a7a7a7;
	padding-top:20px;
	padding-bottom:40px
}
.kr-passport-register footer span {
	color:#4285f4;
	cursor:pointer
}
.kr-passport-account {
	width:320px
}
.kr-passport-account .input-area {
	height:55px;
	line-height:55px;
	border-bottom:1px solid rgba(0, 0, 0, .08)
}
.kr-passport-account .input-area.error {
	border-bottom:1px solid #f95355
}
.kr-passport-account .input-area .account {
	height:100%;
	width:100%;
	border:none;
	color:#262626;
	font-size:16px
}
.kr-passport-account .error-area {
	font-size:14px;
	color:#f95355;
	padding:5px 0
}
.kr-passport-login header {
	height:130px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/login_bg.e96f56fe.png) no-repeat 50%;
	background-size:100% 100%;
	position:relative
}
.kr-passport-login header .logo {
	width:64px;
	height:39px;
	margin-top:50px;
	margin-left:198px
}
.kr-passport-login header .close {
	width:20px;
	height:20px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAoFJREFUaAXt2jtOw0AQANAYmigtBRItBYKGqyRNiiQKkuWKggMgQQHkBiAkBOmcIk1OALcACpRrpEmImTE2sqJ4vfbOzBppXcSfeHfnjT/SjtxouMVlwGXAZcBlwGXg/2RgOBzu9Xq9qyiKvLpGDfFdBkGwrxPfjuokxC6Xy1fA3kCnz3VE9/v9B4hrtFgs3nTQSvBqtTqHhJwmSfHrhkbser3GGBuAPgH0RRJr7koJDsPwDlqOM61rg85iMT7P88J2u32diXXrZuFzibcxXllo7Wd6GE8mkwAGiTLHxDZzsGfdbve7KIhCMHZQJ7QJFi1a4LqgTbGlwLbRFNjSYFtoKmwlsDSaElsZLIWmxhqBudEcWGMwF5oLSwKmRnNiycBUaG4sKdgULYElB1dFS2FZwGXRklg2sC5aGssKLkIPBoP7dPIeB/I7n9Wa4uH5VRft2VLVAXKmlp/Q33HaZzJ5Z8fieOxgHCQHjX+llQoRbDxePKrAT4J+h6H+rixszzudzpFOpYIqRGVNi2oQ7AefWVhlsXj4cDabPWEycEdiEQFvvo0BNs/gRAuD7OBNLL6g8DYGsJVqKCt4GxZKqfELCqueNtBsz44Km97OOW9v1hIwC1gHawtNDi6DtYEmBVfBSqPJwCZYSTQJmAIrhTYGU2Il0EZgDiw3ujKYE8uJrgSWwHKhS4MlsRzoUmAbWGq0NtgmlhKtBa4DlgpdCK4TlgKtnA/jF242SqkpLG+NXw9tm0/DxbnJa5MeV4JbrdYLdP6BJ0uWUtPgVOtNNOx/NZvNR1Ubrf/wcz640qPpdLqr1UD4pKSIcOv7/oHw0G44lwGXAZcBlwGXAZeBkhn4AcrY4LAgdyEWAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size:100% 100%;
	position:absolute;
	top:20px;
	right:20px;
	cursor:pointer
}
.kr-passport-login section {
	padding-left:70px
}
.kr-passport-login section .forget {
	width:320px;
	padding-top:10px;
	font-size:14px;
	text-align:right
}
.kr-passport-login section .forget a {
	color:#a7a7a7
}
.kr-passport-login section .forget a:hover {
	color:#4285f4
}
.kr-passport-login .switch {
	padding-top:20px;
	width:320px
}
.kr-passport-login .switch .go-sea-account {
	float:left;
	font-size:14px;
	color:#4285f4;
	cursor:pointer
}
.kr-passport-login .switch .go-register {
	color:#a7a7a7;
	font-size:14px;
	float:right
}
.kr-passport-login .switch .go-register span {
	color:#4285f4;
	cursor:pointer
}
.kr-passport-login footer {
	text-align:center;
	font-size:14px;
	color:#a7a7a7;
	margin-top:55px;
	margin-bottom:40px;
	height:40px;
	line-height:40px;
	padding-left:70px
}
.kr-passport-login footer div {
	float:left
}
.kr-passport-login footer .info {
	color:#a7a7a7;
	padding-left:54px
}
.kr-passport-login footer .wechat {
	width:40px;
	height:40px;
	margin-left:25px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/wechat.82a6f134.png) no-repeat 50%;
	background-size:cover
}
.kr-passport-login footer .wechat:hover {
	cursor:pointer;
	background:url(//sta.36krcnd.com/36krx2018-front/static/wechat_hover.79a106e2.png) no-repeat 50%;
	background-size:cover
}
.kr-passport-login footer .weibo {
	width:40px;
	height:40px;
	margin-left:15px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/weibo.db021364.png) no-repeat 50%;
	background-size:cover
}
.kr-passport-login footer .weibo:hover {
	cursor:pointer;
	background:url(//sta.36krcnd.com/36krx2018-front/static/weibo_hover.bf1472a6.png) no-repeat 50%;
	background-size:cover
}
.kr-passport-relation header {
	position:relative;
	height:50px
}
.kr-passport-relation header div {
	position:absolute;
	top:20px;
	width:20px;
	height:20px;
	cursor:pointer
}
.kr-passport-relation header .back {
	left:20px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAdZJREFUaAXt2D1OhEAUB3AwBki8gY02XsNYbew8ACEhHMHWeAYbCxMTQgNH2MJqaztvoI21JRAIvtksG8H9GGDeOu85JHxmMvN+b0LztyxzmA6YDpgOEOqAfahagyA4qev60fO8uziOPw+1bn+do/4HjPcVdt40TZjn+SKKolOMdWTmRAf/wF6KggB9URTFtUxxGGNQwX2sANi2fZumaYyBkZkT7R/ehs2y7EGmMKwxKGBdsaKJysE6Y5WDdccqBVPAKgNTwSoBU8JOBlPDTgJTxI4GU8WOAlPGDgZTxw4Cc8BKg7lgpcCcsHvB3LA7wRyxW8FcsRvBnLG/wNyxHfB/wArwsbiIo6qqJ7gto9TlB8t6/uvAbVWH0ts6pnVd9x4i1I92dngOfN+fte9c7p0QLwzD87IsFxCWnwkgoHM4byBHfmEJFiju6M4Ot7vIGb0RzHmnt4K5oneCOaL3grmhpcCc0NJgLuhBYA7owWDq6FFgyujRYKroSWCK6MlgamglYEpoZWAqaKVgCmjlYN3RKGCd0WhgXdGoYB3R65hWFIdxJEny7jjOVRsBQyJawPmFsZbMnOhgUUSLhsc3gM8g4H+VKY78GNhZ9F+IfJMMwHRgWAe+AXcSPayHld8bAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size:cover
}
.kr-passport-relation header .close {
	right:20px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAoFJREFUaAXt2jtOw0AQANAYmigtBRItBYKGqyRNiiQKkuWKggMgQQHkBiAkBOmcIk1OALcACpRrpEmImTE2sqJ4vfbOzBppXcSfeHfnjT/SjtxouMVlwGXAZcBlwGXg/2RgOBzu9Xq9qyiKvLpGDfFdBkGwrxPfjuokxC6Xy1fA3kCnz3VE9/v9B4hrtFgs3nTQSvBqtTqHhJwmSfHrhkbser3GGBuAPgH0RRJr7koJDsPwDlqOM61rg85iMT7P88J2u32diXXrZuFzibcxXllo7Wd6GE8mkwAGiTLHxDZzsGfdbve7KIhCMHZQJ7QJFi1a4LqgTbGlwLbRFNjSYFtoKmwlsDSaElsZLIWmxhqBudEcWGMwF5oLSwKmRnNiycBUaG4sKdgULYElB1dFS2FZwGXRklg2sC5aGssKLkIPBoP7dPIeB/I7n9Wa4uH5VRft2VLVAXKmlp/Q33HaZzJ5Z8fieOxgHCQHjX+llQoRbDxePKrAT4J+h6H+rixszzudzpFOpYIqRGVNi2oQ7AefWVhlsXj4cDabPWEycEdiEQFvvo0BNs/gRAuD7OBNLL6g8DYGsJVqKCt4GxZKqfELCqueNtBsz44Km97OOW9v1hIwC1gHawtNDi6DtYEmBVfBSqPJwCZYSTQJmAIrhTYGU2Il0EZgDiw3ujKYE8uJrgSWwHKhS4MlsRzoUmAbWGq0NtgmlhKtBa4DlgpdCK4TlgKtnA/jF242SqkpLG+NXw9tm0/DxbnJa5MeV4JbrdYLdP6BJ0uWUtPgVOtNNOx/NZvNR1Ubrf/wcz640qPpdLqr1UD4pKSIcOv7/oHw0G44lwGXAZcBlwGXAZeBkhn4AcrY4LAgdyEWAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size:cover
}
.kr-passport-relation section .third-userinfo {
	text-align:center
}
.kr-passport-relation section .third-userinfo .avatar {
	width:80px;
	height:80px;
	margin:0 auto;
	position:relative
}
.kr-passport-relation section .third-userinfo .avatar img {
	width:100%;
	float:left;
	border-radius:100%
}
.kr-passport-relation section .third-userinfo .avatar .third-icon {
	position:absolute;
	width:36px;
	height:36px;
	top:47px;
	left:53px
}
.kr-passport-relation section .third-userinfo .avatar .third-icon-wechat {
	background:url(//sta.36krcnd.com/36krx2018-front/static/avatar_wechat.542088cb.png) no-repeat 50%;
	background-size:cover
}
.kr-passport-relation section .third-userinfo .avatar .third-icon-weibo {
	background:url(//sta.36krcnd.com/36krx2018-front/static/avatar_weibo.5f063cf1.png) no-repeat 50%;
	background-size:cover
}
.kr-passport-relation section .third-userinfo .name {
	display:inline-block;
	padding-top:6px;
	padding-bottom:60px;
	font-size:16px;
	color:#262626
}
.kr-passport-relation section .no-relation {
	width:320px;
	padding-left:70px;
	padding-bottom:30px;
	text-align:center;
	height:20px;
	line-height:20px
}
.kr-passport-relation section .no-relation .line {
	width:85px;
	border-top:1px solid rgba(0, 0, 0, .08);
	display:inline-block;
	position:relative;
	top:10px
}
.kr-passport-relation section .no-relation .line.left {
	float:left
}
.kr-passport-relation section .no-relation .line.right {
	float:right
}
.kr-passport-relation section .no-relation .text-info {
	font-size:14px;
	color:#a7a7a7
}
.kr-passport-relation section .relation-btn {
	padding-left:70px;
	padding-bottom:50px
}
.kr-passport-relation section .relation-btn button {
	background:#fff;
	border-radius:4px;
	width:320px;
	height:46px;
	text-align:center;
	line-height:46px;
	outline:none;
	cursor:pointer;
	font-size:16px;
	color:#4285f4;
	margin-bottom:10px;
	border:1px solid #4285f4
}
.kr-passport-relation section .relation-btn button:hover {
	background:#4285f4;
	color:#fff
}
.kr-passport-relation-new header {
	height:130px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/login_bg.e96f56fe.png) no-repeat 50%;
	background-size:100% 100%;
	position:relative
}
.kr-passport-relation-new header div {
	position:absolute;
	top:20px;
	width:20px;
	height:20px;
	cursor:pointer
}
.kr-passport-relation-new header .back {
	left:20px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAdZJREFUaAXt2D1OhEAUB3AwBki8gY02XsNYbew8ACEhHMHWeAYbCxMTQgNH2MJqaztvoI21JRAIvtksG8H9GGDeOu85JHxmMvN+b0LztyxzmA6YDpgOEOqAfahagyA4qev60fO8uziOPw+1bn+do/4HjPcVdt40TZjn+SKKolOMdWTmRAf/wF6KggB9URTFtUxxGGNQwX2sANi2fZumaYyBkZkT7R/ehs2y7EGmMKwxKGBdsaKJysE6Y5WDdccqBVPAKgNTwSoBU8JOBlPDTgJTxI4GU8WOAlPGDgZTxw4Cc8BKg7lgpcCcsHvB3LA7wRyxW8FcsRvBnLG/wNyxHfB/wArwsbiIo6qqJ7gto9TlB8t6/uvAbVWH0ts6pnVd9x4i1I92dngOfN+fte9c7p0QLwzD87IsFxCWnwkgoHM4byBHfmEJFiju6M4Ot7vIGb0RzHmnt4K5oneCOaL3grmhpcCc0NJgLuhBYA7owWDq6FFgyujRYKroSWCK6MlgamglYEpoZWAqaKVgCmjlYN3RKGCd0WhgXdGoYB3R65hWFIdxJEny7jjOVRsBQyJawPmFsZbMnOhgUUSLhsc3gM8g4H+VKY78GNhZ9F+IfJMMwHRgWAe+AXcSPayHld8bAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size:cover
}
.kr-passport-relation-new header .logo {
	width:64px;
	height:39px;
	margin-top:50px;
	margin-left:198px
}
.kr-passport-relation-new header .close {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAoFJREFUaAXt2jtOw0AQANAYmigtBRItBYKGqyRNiiQKkuWKggMgQQHkBiAkBOmcIk1OALcACpRrpEmImTE2sqJ4vfbOzBppXcSfeHfnjT/SjtxouMVlwGXAZcBlwGXg/2RgOBzu9Xq9qyiKvLpGDfFdBkGwrxPfjuokxC6Xy1fA3kCnz3VE9/v9B4hrtFgs3nTQSvBqtTqHhJwmSfHrhkbser3GGBuAPgH0RRJr7koJDsPwDlqOM61rg85iMT7P88J2u32diXXrZuFzibcxXllo7Wd6GE8mkwAGiTLHxDZzsGfdbve7KIhCMHZQJ7QJFi1a4LqgTbGlwLbRFNjSYFtoKmwlsDSaElsZLIWmxhqBudEcWGMwF5oLSwKmRnNiycBUaG4sKdgULYElB1dFS2FZwGXRklg2sC5aGssKLkIPBoP7dPIeB/I7n9Wa4uH5VRft2VLVAXKmlp/Q33HaZzJ5Z8fieOxgHCQHjX+llQoRbDxePKrAT4J+h6H+rixszzudzpFOpYIqRGVNi2oQ7AefWVhlsXj4cDabPWEycEdiEQFvvo0BNs/gRAuD7OBNLL6g8DYGsJVqKCt4GxZKqfELCqueNtBsz44Km97OOW9v1hIwC1gHawtNDi6DtYEmBVfBSqPJwCZYSTQJmAIrhTYGU2Il0EZgDiw3ujKYE8uJrgSWwHKhS4MlsRzoUmAbWGq0NtgmlhKtBa4DlgpdCK4TlgKtnA/jF242SqkpLG+NXw9tm0/DxbnJa5MeV4JbrdYLdP6BJ0uWUtPgVOtNNOx/NZvNR1Ubrf/wcz640qPpdLqr1UD4pKSIcOv7/oHw0G44lwGXAZcBlwGXAZeBkhn4AcrY4LAgdyEWAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size:cover;
	right:20px
}
.kr-passport-relation-new section {
	padding-left:70px
}
.kr-passport-relation-new section .relation-old-account {
	width:320px;
	text-align:center;
	font-size:14px;
	color:#a7a7a7;
	padding-top:20px;
	padding-bottom:40px;
	color:#4285f4;
	cursor:pointer
}
.kr-passport-relation-old header {
	height:130px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/login_bg.e96f56fe.png) no-repeat 50%;
	background-size:100% 100%;
	position:relative
}
.kr-passport-relation-old header div {
	position:absolute;
	top:20px;
	width:20px;
	height:20px;
	cursor:pointer
}
.kr-passport-relation-old header .back {
	left:20px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAdZJREFUaAXt2D1OhEAUB3AwBki8gY02XsNYbew8ACEhHMHWeAYbCxMTQgNH2MJqaztvoI21JRAIvtksG8H9GGDeOu85JHxmMvN+b0LztyxzmA6YDpgOEOqAfahagyA4qev60fO8uziOPw+1bn+do/4HjPcVdt40TZjn+SKKolOMdWTmRAf/wF6KggB9URTFtUxxGGNQwX2sANi2fZumaYyBkZkT7R/ehs2y7EGmMKwxKGBdsaKJysE6Y5WDdccqBVPAKgNTwSoBU8JOBlPDTgJTxI4GU8WOAlPGDgZTxw4Cc8BKg7lgpcCcsHvB3LA7wRyxW8FcsRvBnLG/wNyxHfB/wArwsbiIo6qqJ7gto9TlB8t6/uvAbVWH0ts6pnVd9x4i1I92dngOfN+fte9c7p0QLwzD87IsFxCWnwkgoHM4byBHfmEJFiju6M4Ot7vIGb0RzHmnt4K5oneCOaL3grmhpcCc0NJgLuhBYA7owWDq6FFgyujRYKroSWCK6MlgamglYEpoZWAqaKVgCmjlYN3RKGCd0WhgXdGoYB3R65hWFIdxJEny7jjOVRsBQyJawPmFsZbMnOhgUUSLhsc3gM8g4H+VKY78GNhZ9F+IfJMMwHRgWAe+AXcSPayHld8bAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size:cover
}
.kr-passport-relation-old header .logo {
	width:64px;
	height:39px;
	margin-top:50px;
	margin-left:198px
}
.kr-passport-relation-old header .close {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAoFJREFUaAXt2jtOw0AQANAYmigtBRItBYKGqyRNiiQKkuWKggMgQQHkBiAkBOmcIk1OALcACpRrpEmImTE2sqJ4vfbOzBppXcSfeHfnjT/SjtxouMVlwGXAZcBlwGXg/2RgOBzu9Xq9qyiKvLpGDfFdBkGwrxPfjuokxC6Xy1fA3kCnz3VE9/v9B4hrtFgs3nTQSvBqtTqHhJwmSfHrhkbser3GGBuAPgH0RRJr7koJDsPwDlqOM61rg85iMT7P88J2u32diXXrZuFzibcxXllo7Wd6GE8mkwAGiTLHxDZzsGfdbve7KIhCMHZQJ7QJFi1a4LqgTbGlwLbRFNjSYFtoKmwlsDSaElsZLIWmxhqBudEcWGMwF5oLSwKmRnNiycBUaG4sKdgULYElB1dFS2FZwGXRklg2sC5aGssKLkIPBoP7dPIeB/I7n9Wa4uH5VRft2VLVAXKmlp/Q33HaZzJ5Z8fieOxgHCQHjX+llQoRbDxePKrAT4J+h6H+rixszzudzpFOpYIqRGVNi2oQ7AefWVhlsXj4cDabPWEycEdiEQFvvo0BNs/gRAuD7OBNLL6g8DYGsJVqKCt4GxZKqfELCqueNtBsz44Km97OOW9v1hIwC1gHawtNDi6DtYEmBVfBSqPJwCZYSTQJmAIrhTYGU2Il0EZgDiw3ujKYE8uJrgSWwHKhS4MlsRzoUmAbWGq0NtgmlhKtBa4DlgpdCK4TlgKtnA/jF242SqkpLG+NXw9tm0/DxbnJa5MeV4JbrdYLdP6BJ0uWUtPgVOtNNOx/NZvNR1Ubrf/wcz640qPpdLqr1UD4pKSIcOv7/oHw0G44lwGXAZcBlwGXAZeBkhn4AcrY4LAgdyEWAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size:cover;
	right:20px
}
.kr-passport-relation-old section {
	padding-left:70px
}
.kr-passport-relation-old section .forget {
	width:320px;
	padding-top:10px;
	font-size:14px;
	text-align:right
}
.kr-passport-relation-old section .forget a {
	color:#a7a7a7
}
.kr-passport-relation-old section .forget a:hover {
	color:#4285f4
}
.kr-passport-relation-old .switch {
	padding-top:20px;
	padding-bottom:40px;
	width:320px
}
.kr-passport-relation-old .switch .go-sea-account {
	float:left;
	font-size:14px;
	color:#4285f4;
	cursor:pointer
}
.kr-passport-relation-old .switch .relation-new-account {
	color:#4285f4;
	font-size:14px;
	float:right;
	cursor:pointer
}
.kr-passport-unknown-tip header {
	height:130px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/login_bg.e96f56fe.png) no-repeat 50%;
	background-size:100% 100%;
	position:relative
}
.kr-passport-unknown-tip header div {
	position:absolute;
	top:20px;
	width:20px;
	height:20px;
	cursor:pointer
}
.kr-passport-unknown-tip header .back {
	left:20px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAdZJREFUaAXt2D1OhEAUB3AwBki8gY02XsNYbew8ACEhHMHWeAYbCxMTQgNH2MJqaztvoI21JRAIvtksG8H9GGDeOu85JHxmMvN+b0LztyxzmA6YDpgOEOqAfahagyA4qev60fO8uziOPw+1bn+do/4HjPcVdt40TZjn+SKKolOMdWTmRAf/wF6KggB9URTFtUxxGGNQwX2sANi2fZumaYyBkZkT7R/ehs2y7EGmMKwxKGBdsaKJysE6Y5WDdccqBVPAKgNTwSoBU8JOBlPDTgJTxI4GU8WOAlPGDgZTxw4Cc8BKg7lgpcCcsHvB3LA7wRyxW8FcsRvBnLG/wNyxHfB/wArwsbiIo6qqJ7gto9TlB8t6/uvAbVWH0ts6pnVd9x4i1I92dngOfN+fte9c7p0QLwzD87IsFxCWnwkgoHM4byBHfmEJFiju6M4Ot7vIGb0RzHmnt4K5oneCOaL3grmhpcCc0NJgLuhBYA7owWDq6FFgyujRYKroSWCK6MlgamglYEpoZWAqaKVgCmjlYN3RKGCd0WhgXdGoYB3R65hWFIdxJEny7jjOVRsBQyJawPmFsZbMnOhgUUSLhsc3gM8g4H+VKY78GNhZ9F+IfJMMwHRgWAe+AXcSPayHld8bAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size:cover
}
.kr-passport-unknown-tip header .logo {
	width:64px;
	height:39px;
	margin-top:50px;
	margin-left:198px
}
.kr-passport-unknown-tip header .close {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAoFJREFUaAXt2jtOw0AQANAYmigtBRItBYKGqyRNiiQKkuWKggMgQQHkBiAkBOmcIk1OALcACpRrpEmImTE2sqJ4vfbOzBppXcSfeHfnjT/SjtxouMVlwGXAZcBlwGXg/2RgOBzu9Xq9qyiKvLpGDfFdBkGwrxPfjuokxC6Xy1fA3kCnz3VE9/v9B4hrtFgs3nTQSvBqtTqHhJwmSfHrhkbser3GGBuAPgH0RRJr7koJDsPwDlqOM61rg85iMT7P88J2u32diXXrZuFzibcxXllo7Wd6GE8mkwAGiTLHxDZzsGfdbve7KIhCMHZQJ7QJFi1a4LqgTbGlwLbRFNjSYFtoKmwlsDSaElsZLIWmxhqBudEcWGMwF5oLSwKmRnNiycBUaG4sKdgULYElB1dFS2FZwGXRklg2sC5aGssKLkIPBoP7dPIeB/I7n9Wa4uH5VRft2VLVAXKmlp/Q33HaZzJ5Z8fieOxgHCQHjX+llQoRbDxePKrAT4J+h6H+rixszzudzpFOpYIqRGVNi2oQ7AefWVhlsXj4cDabPWEycEdiEQFvvo0BNs/gRAuD7OBNLL6g8DYGsJVqKCt4GxZKqfELCqueNtBsz44Km97OOW9v1hIwC1gHawtNDi6DtYEmBVfBSqPJwCZYSTQJmAIrhTYGU2Il0EZgDiw3ujKYE8uJrgSWwHKhS4MlsRzoUmAbWGq0NtgmlhKtBa4DlgpdCK4TlgKtnA/jF242SqkpLG+NXw9tm0/DxbnJa5MeV4JbrdYLdP6BJ0uWUtPgVOtNNOx/NZvNR1Ubrf/wcz640qPpdLqr1UD4pKSIcOv7/oHw0G44lwGXAZcBlwGXAZeBkhn4AcrY4LAgdyEWAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size:cover;
	right:20px
}
.kr-passport-unknown-tip section {
	padding-left:70px;
	padding-bottom:60px
}
.kr-passport-unknown-tip section .unknown-info {
	width:320px;
	height:114px;
	line-height:114px;
	text-align:center;
	font-size:16px;
	color:#262626;
	margin:20px 0
}
.kr-passport-unknown-tip section .unknown-info span {
	display:inline-block;
	line-height:22px;
	max-height:66px;
	overflow:hidden
}
.kr-passport-unknown-tip section .back-prestep {
	background:#fff;
	border-radius:4px;
	width:320px;
	height:46px;
	text-align:center;
	line-height:46px;
	outline:none;
	cursor:pointer;
	font-size:16px;
	color:#4285f4;
	border:1px solid #4285f4
}
.kr-passport-unknown-tip section .back-prestep:hover {
	background:#4285f4;
	color:#fff
}
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 30px #fff inset
}
.placeholder::-webkit-input-placeholder {
color:#a7a7a7
}
.placeholder:-moz-placeholder, .placeholder::-moz-placeholder {
color:#a7a7a7;
opacity:1
}
.placeholder:-ms-input-placeholder {
color:#a7a7a7
}
.kr-passport-mask {
	height:100%;
	width:100%;
	overflow:auto;
	background:rgba(0, 0, 0, .5)
}
.kr-passport-mask.opacity1 {
	opacity:1
}
.kr-passport-mask.opacity0 {
	opacity:0
}
.kr-passport-mask .kr-passport {
	width:460px;
	background:#fff;
	box-shadow:0 5px 15px 0 rgba(0, 0, 0, .15);
	border-radius:4px;
	margin:100px auto;
	overflow:hidden;
	font-size:16px;
	text-align:left;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.kr-sider {
	position:absolute;
	top:0;
	left:0;
	width:125px;
	padding-right:25px;
	padding-top:30px;
	z-index:10001
}
.kr-sider .kr-sider-shadow-wrapper {
	-webkit-transition:all 1s;
	transition:all 1s;
	opacity:1
}
.kr-sider .kr-sider-shadow-wrapper.mask {
	opacity:.2
}
.kr-sider .go-home {
	width:100%;
	height:38px
}
.kr-sider .go-home .logo {
	float:right;
	width:68px;
	height:38px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png) no-repeat;
	background-size:246px 1012px;
	background-position:0 0
}
.kr-sider .line {
	width:20px;
	height:1px;
	background:#ddd;
	float:right;
	position:relative;
	top:23px
}
@media screen and (max-width:1279px) {
.kr-sider {
left:0
}
}
@media screen and (min-width:1440px) {
.kr-sider {
left:0;
width:140px;
padding-right:40px
}
}
@media screen and (min-width:1920px) {
.kr-sider {
padding-top:30px
}
.kr-sider .go-home {
height:45px
}
.kr-sider .go-home .logo {
width:80px;
height:45px;
background-size:287.82px 1184.04px
}
}
.kr-channel-nav {
	padding-top:41px
}
.kr-channel-nav .channel-item {
	line-height:36px;
	font-size:18px;
	text-align:right
}
.kr-channel-nav .channel-item .sub-title .open-icon {
	display:inline-block;
	padding:6px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png) no-repeat;
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg);
	background-size:246px 1012px;
	background-position:0 -38px;
	cursor:pointer;
-webkit-transition:-webkit-transform .5s linear;
transition:-webkit-transform .5s linear;
transition:transform .5s linear;
transition:transform .5s linear, -webkit-transform .5s linear;
	margin-right:4px
}
.kr-channel-nav .channel-item .sub-title .close {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
.kr-channel-nav .channel-item .sub-title .name {
	padding:1px 7px;
	color:#262626;
	border-radius:1px;
	position:relative;
	right:-7px;
	display:inline-block;
	height:27px;
	line-height:26px
}
.kr-channel-nav .channel-item .sub-title .name.active, .kr-channel-nav .channel-item .sub-title .name:hover {
	background:#4285f4;
	color:#fff
}
.kr-channel-nav .channel-item .sub-list {
-webkit-transition:all .5s linear;
transition:all .5s linear;
	overflow:hidden;
	max-height:0;
	width:140px;
	margin-left:-20px
}
.kr-channel-nav .channel-item .sub-list.open {
	max-height:162px
}
.kr-channel-nav .channel-item .sub-list .sub-list-left, .kr-channel-nav .channel-item .sub-list .sub-list-right {
	float:right
}
.kr-channel-nav .channel-item .sub-list .sub-list-right {
	padding:0 20px
}
.kr-channel-nav .channel-item .sub-list .sub-item {
	height:28px;
	line-height:28px;
	font-size:14px;
	text-align:right;
	position:relative
}
.kr-channel-nav .channel-item .sub-list .sub-item:first-child {
	margin-top:3px
}
.kr-channel-nav .channel-item .sub-list .sub-item a {
	color:#787878
}
.kr-channel-nav .channel-item .sub-list .sub-item a:hover {
	color:#4d7fd0
}
.kr-channel-nav .channel-item .sub-list .sub-item a.active {
	color:#4285f4
}
.kr-channel-nav .channel-item .sub-list .sub-item .hot {
	padding:5px 7px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png) no-repeat;
	background-size:246px 1012px;
	background-position:0 -50px;
	position:absolute;
	top:7px;
	right:-16px
}
.kr-channel-nav .local-list {
	padding:10px 16px 0;
	background:hsla(0, 0%, 100%, .95);
	box-shadow:0 2px 10px 1px hsla(0, 0%, 64.3%, .3);
	border-radius:1px;
	position:fixed;
	z-index:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.kr-channel-nav .local-list .triangle {
	width:20px;
	height:40px;
	position:absolute;
	z-index:1;
	top:50%;
	left:0;
	-webkit-transform:translate(-100%, -50%);
	transform:translate(-100%, -50%);
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAB4CAQAAAAEPFmDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMkSURBVHjazds7aBRBGAfwmezO7WGIDwQRBLEQm2DjddppqW3sREst0mkfsdReY6d2WgViJSaVlqKFWKgIKirxgUriabzjk3sk2cfM7Dz3L//uml9mbnM78803jBgmTTG8kkaxmHANFwM2JsPBlmQY2An1h51ZjmI5iuUolqNYjmI5iuUolqNYjmI5iuUolqNY3gQ7IU1EdkIbCFoHR0P1cERUB0dF1XBkVAUHZpNyZhK64s9akYPMC7pFK7HYRJXlNt2lni9sibLk2SQtUk8Ce7OJLi+308MhW4a9p1kOpqO8302Px6wXbIKmW3mzl55sskU4KJsW82E/Pc+xzrCeTctZOUivCqwjbMl+naa3JdYJ1rFpNd+P0McKm4cdx6tjBRM/j9IXCesAm7JikO5x+iFlrWEzVozy+yStKthgsIT9M0NdJbsFh2Z7Z2hdw3rAWrZ/XotawvXj3WAv1rLOsI6dM2AtYPl4q+w1I9YRro53iHYEXTdkPeHCeGczum3MbsCeEy2YmN9G9yxYJ1gy0QtTdN+K9YI32Qc7aMmSDQPTTWvWENZ+w3NtzasgIFz+hgdP81qTcO6JbmaqJfDyzlgPVw0c79+pFmbi6mSMH5B6uMVa59r9OxCYtaZb/RuNT/WIZi3L12I4mGX9yyCYZX8vgWCWrV9o4CezBI/p7lmj5a3vMqA6Zpb9Om2woPd7LcrHzLK1U7VbmCBwZcwsWz1Rs2kLscaUjZll345pt6n+iz01/blDn6Iub9X0u8OaUkSgyc7DOfz1IWXxJdQWpkKP8RcHFOWmcJs2CT3M033SAlvIbaoKf7RHUlIMuzFX0Yu7KkXU0KUIFb4wVSkbR6Lzf4DIbe9ilptUmc0KRwMxCmyqdETuMCROSVGT2EVUCTn6PH7ZWJEmCuXhYOujAS0c9zAkHGx9/JPL4NMmD7wKafaILxTscKiphOMf4yrh+AfXShh2VA9sTgC2YwAbUIAtN8AmI2hbFbCRDNg6B2wWBLZHAhtCgS2wwKZfYJszsLEb2MoObN4HXlcAXtAAXkkBXsKBXjsCX7QCXy37Dy7T6fMPIzzkoQ44TX0AAAAASUVORK5CYII=) no-repeat 50%;
	background-size:cover
}
.kr-channel-nav .local-list .local-column {
	float:left;
	text-align:center;
	padding-left:22px
}
.kr-channel-nav .local-list .local-column:first-child {
	padding-left:0
}
.kr-channel-nav .local-list .local-column .local-item {
	margin-bottom:10px;
	height:17px;
	line-height:17px
}
.kr-channel-nav .local-list .local-column .local-item a {
	font-size:12px;
	color:#787878;
	padding:0 4px;
	border-radius:1px;
	display:inline-block;
	height:18px;
	line-height:18px
}
.kr-channel-nav .local-list .local-column .local-item a.active, .kr-channel-nav .local-list .local-column .local-item a:hover {
	color:#fff;
	background:#4285f4
}
@media screen and (min-width:1920px) {
.kr-channel-nav {
padding-top:38px
}
.kr-channel-nav .channel-item {
line-height:40px;
font-size:20px
}
.kr-channel-nav .channel-item .sub-title .name {
padding:1px 9px;
right:-9px
}
.kr-channel-nav .channel-item .sub-list .sub-item {
height:32px;
line-height:32px;
font-size:16px
}
.kr-channel-nav .channel-item .sub-list .sub-item .hot {
top:7px;
right:-16px
}
}
.kr-search-entry {
	padding-top:15px;
	padding-bottom:19px
}
.kr-search-entry .search-button {
	float:right;
	width:58px;
	height:42px;
	line-height:40px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:16px;
	color:#262626;
	text-align:right;
	cursor:pointer
}
.kr-search-entry .search-button .search-icon {
	position:relative;
	display:inline-block;
	top:3px;
	padding:9px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png) no-repeat;
	background-size:246px 1012px;
	background-position:0 -60px
}
.kr-search-entry .search-button .search-text {
	padding-left:8px
}
@media screen and (min-width:1920px) {
.kr-search-entry {
padding-top:16px;
padding-bottom:18px
}
.kr-search-entry .search-button {
width:62px;
height:48px;
line-height:46px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
font-size:18px
}
}
.seek-report {
	width:94px;
	float:right;
	height:28px;
	text-align:center;
	font-size:14px;
	line-height:26px;
	border:1px solid #4285f4;
	margin-bottom:10px
}
.seek-report .seek-report-icon {
	display:inline-block;
	padding:7px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png) no-repeat;
	background-size:246px 1012px;
	background-position:0 -78px;
	position:relative;
	top:2px
}
.seek-report .seek-report-text {
	padding-left:4px;
	color:#4285f4
}
.seek-report:hover.seek-report {
	background:#4285f4
}
.seek-report:hover .seek-report-icon {
	display:inline-block;
	padding:7px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png) no-repeat;
	background-size:246px 1012px;
	background-position:0 -92px;
	position:relative;
	top:2px
}
.seek-report:hover .seek-report-text {
	padding-left:4px;
	color:#fff
}
.i-want-contribution {
	width:94px;
	float:right;
	height:28px;
	text-align:center;
	font-size:14px;
	line-height:26px;
	border:1px solid #4387f4;
	margin-bottom:10px;
	cursor:pointer
}
.i-want-contribution .i-want-contribution-icon {
	display:inline-block;
	padding:7px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png) no-repeat;
	background-size:246px 1012px;
	background-position:0 -876px;
	position:relative;
	top:2px
}
.i-want-contribution .i-want-contribution-text {
	padding-left:4px;
	color:#4285f4
}
.i-want-contribution:hover.i-want-contribution {
	background:#4285f4
}
.i-want-contribution:hover .i-want-contribution-icon {
	display:inline-block;
	padding:7px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png) no-repeat;
	background-size:246px 1012px;
	background-position:0 -890px;
	position:relative;
	top:2px
}
.i-want-contribution:hover .i-want-contribution-text {
	padding-left:4px;
	color:#fff
}
.contribute-wrapper {
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0, 0, 0, .5)
}
.contribute-wrapper .content {
	width:508px;
	height:394px;
	position:absolute;
	z-index:1001;
	padding:50px;
	background:#fff;
	border-radius:6px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.contribute-wrapper .content p {
	font-size:16px;
	color:#262626;
	text-align:center;
	line-height:24px
}
.contribute-wrapper .content .media, .contribute-wrapper .content .text {
	text-align:center;
	font-size:16px;
	color:#3d464d
}
.contribute-wrapper .content .media .media-title, .contribute-wrapper .content .media .text-title, .contribute-wrapper .content .text .media-title, .contribute-wrapper .content .text .text-title {
	font-size:16px;
	color:#a7a7a7;
	text-align:center;
	margin-bottom:10px
}
.contribute-wrapper .content .media b, .contribute-wrapper .content .text b {
	font-weight:700
}
.contribute-wrapper .content .media {
	margin-top:30px
}
.contribute-wrapper .content .know {
	width:200px;
	height:40px;
	color:#fff;
	display:block;
	background:#4285f4;
	font-size:16px;
	text-align:center;
	line-height:40px;
	text-decoration:none;
	border-radius:2px;
	margin:50px auto 0;
	cursor:pointer;
	position:relative
}
.contribute-wrapper .content .know span {
	z-index:2;
	position:relative
}
.contribute-wrapper .content .know:hover:after {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .12);
	position:absolute;
	top:0;
	left:0;
	z-index:1
}
.seek-finance-entry {
	width:94px;
	float:right;
	height:28px;
	text-align:center;
	font-size:14px;
	line-height:26px;
	border:1px solid #4285f4;
	cursor:pointer
}
.seek-finance-entry .seek-finance-entry-icon {
	display:inline-block;
	padding:7px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png) no-repeat;
	background-size:246px 1012px;
	background-position:0 -984px;
	position:relative;
	top:2px
}
.seek-finance-entry .seek-finance-entry-text {
	padding-left:4px;
	color:#4285f4
}
.seek-finance-entry:hover.seek-finance-entry {
	background:#4285f4
}
.seek-finance-entry:hover .seek-finance-entry-icon {
	display:inline-block;
	padding:7px;
	background:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png) no-repeat;
	background-size:246px 1012px;
	background-position:0 -998px;
	position:relative;
	top:2px
}
.seek-finance-entry:hover .seek-finance-entry-text {
	padding-left:4px;
	color:#fff
}
.kr-follow {
	height:0
}
.kr-follow-fixed {
	position:fixed;
	width:1170px
}
.kr-follow-absolute, .kr-follow-fixed {
	left:0;
	right:0;
	margin:0 auto;
	z-index:10001
}
.kr-follow-absolute {
	position:absolute;
	width:1030px
}
.kr-footer {
	background:#2d3237;
	z-index:1000;
	width:100%;
	position:relative
}
.kr-footer .footer-content {
	width:1280px;
	margin:0 auto;
	padding-top:26px;
	background:#2d3237
}
.kr-footer .footer-content .footer-wrapper {
	margin-left:195px;
	width:1030px;
	background:#2d3237
}
.about36kr-wrapper {
	color:red;
	display:inline-block;
	vertical-align:top;
	margin-left:95px
}
.about36kr-wrapper .title {
	font-size:16px;
	color:#fff;
	letter-spacing:0;
	text-align:justify
}
.about36kr-wrapper .list-wrapper {
	margin-top:20px
}
.about36kr-wrapper .list-wrapper li {
	list-style:none;
	margin-bottom:13px
}
.about36kr-wrapper .list-wrapper li a {
	font-size:14px;
	color:#fff;
	opacity:.7;
	text-align:justify;
	line-height:24px
}
.about36kr-wrapper .list-wrapper li a:hover {
	cursor:pointer;
	opacity:1
}
.kr-business-cooperation {
	width:100%;
	height:100%;
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
	background:rgba(0, 0, 0, .5);
	overflow:scroll
}
.kr-business-cooperation .content {
	width:310px;
	height:348px;
	padding-top:20px;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:100px auto;
	background:#fff;
	border-radius:2px
}
.kr-business-cooperation .content .text {
	padding-top:30px
}
.kr-business-cooperation .content .text h4 {
	height:22px;
	line-height:22px;
	color:#a7a7a7;
	text-align:center;
	font-size:16px
}
.kr-business-cooperation .content .text b {
	margin-top:15px;
	height:22px;
	line-height:22px;
	color:#262626;
	text-align:center;
	font-size:16px;
	display:block
}
.kr-business-cooperation .content .close-btn {
	width:200px;
	height:40px;
	line-height:40px;
	margin:50px auto;
	color:#fff;
	text-align:center;
	background:#4285f4;
	border-radius:2px;
	display:block;
	cursor:pointer;
	position:relative
}
.kr-business-cooperation .content .close-btn span {
	z-index:2;
	position:relative
}
.kr-business-cooperation .content .close-btn:hover:after {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .12);
	position:absolute;
	top:0;
	left:0;
	z-index:1
}
.appDownload-wrapper {
	display:inline-block;
	vertical-align:top;
	margin-left:77px
}
.appDownload-wrapper .title {
	font-size:16px;
	color:#fff;
	text-align:justify;
	margin-bottom:16px
}
.appDownload-wrapper img {
	width:98px;
	height:98px;
	margin-bottom:5px
}
.appDownload-wrapper .info {
	text-align:center;
	color:#aaa;
	font-size:12px
}
.footerInfo-wrapper {
	width:1031px;
	border-top:1px solid #3b424a;
	padding-top:17px;
	padding-bottom:17px;
	position:relative
}
.footerInfo-wrapper .footer-logo {
	display:inline-block;
	vertical-align:middle
}
.footerInfo-wrapper .footer-logo img {
	width:32px;
	margin-right:30px
}
.footerInfo-wrapper .mobile-hide {
	color:#666;
	font-size:12px;
	display:inline-block;
	vertical-align:middle
}
.footerInfo-wrapper .mobile-hide img {
	height:12px;
	vertical-align:middle;
	margin-right:-10px;
	margin-left:10px
}
.footerInfo-wrapper .law {
	display:inline-block;
	vertical-align:middle;
	line-height:19px;
	font-size:12px;
	color:#666;
	margin-left:30px
}
.footerInfo-wrapper .law .mobile-hide {
	position:relative;
	top:0
}
.footerInfo-wrapper .law .mobile-hide a {
	color:#666;
	margin-left:5px
}
.footerInfo-wrapper .law .mobile-hide a:hover {
	color:#fff
}
.footerInfo-wrapper .share {
	position:absolute;
	right:0;
	top:16px
}
.footerInfo-wrapper .share a {
	color:#fff;
	display:inline-block;
	width:24px;
	height:24px;
	vertical-align:middle;
	border-radius:50%;
	background:#3b4148;
	margin-left:10px;
	line-height:24px;
	text-align:center;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
@font-face {
font-family:icomoon;
src:url(//sta.36krcnd.com/36krx2018-front/static/icomoon.f2eaec6c.eot);
src:url(//sta.36krcnd.com/36krx2018-front/static/icomoon.f2eaec6c.eot#iefix) format("embedded-opentype"), url(//sta.36krcnd.com/36krx2018-front/static/icomoon.bea08756.ttf) format("truetype"), url(//sta.36krcnd.com/36krx2018-front/static/icomoon.c3efd633.woff) format("woff"), url(//sta.36krcnd.com/36krx2018-front/static/icomoon.c83d66a2.svg#icomoon) format("svg");
font-weight:400;
font-style:normal
}
[class*=" icon"], [class^=icon] {
font-family:icomoon!important;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
letter-spacing:0;
-webkit-font-feature-settings:"liga";
-ms-font-feature-settings:"liga" 1;
font-feature-settings:"liga", normal, "dlig";
-webkit-font-variant-ligatures:discretionary-ligatures;
font-variant-ligatures:discretionary-ligatures;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.iconSinaWeibo:before {
	content:"\E900";
	font-size:13px
}
.iconRss:before {
	content:"\EA9B";
	font-size:13px
}
.parters-wrapper {
	display:inline-block;
	vertical-align:top;
	width:275px;
	margin-left:95px
}
.parters-wrapper .title {
	font-size:16px;
	color:#fff;
	text-align:justify
}
.parters-wrapper .footer-partner {
	margin-top:16px
}
.parters-wrapper .footer-partner li {
	display:inline-block;
	vertical-align:middle;
	margin-right:23px;
	margin-bottom:12px;
	width:68px;
	height:30px
}
.parters-wrapper .footer-partner li a {
	opacity:.6;
	display:inline-block;
	height:40px
}
.parters-wrapper .footer-partner li a:hover {
	opacity:1
}
.parters-wrapper .footer-partner li a img {
	width:68px;
	height:30px;
	display:inline-block
}
.productServices-wrapper {
	display:inline-block;
	vertical-align:top
}
.productServices-wrapper .title {
	font-size:16px;
	color:#fff;
	text-align:justify
}
.productServices-wrapper .row {
	margin-top:20px
}
.productServices-wrapper .row .first-row, .productServices-wrapper .row .second-row, .productServices-wrapper .row .third-row {
	display:inline-block;
	vertical-align:top
}
.productServices-wrapper .row .first-row div, .productServices-wrapper .row .second-row div, .productServices-wrapper .row .third-row div {
	margin-bottom:13px;
	opacity:.7
}
.productServices-wrapper .row .first-row div:hover, .productServices-wrapper .row .second-row div:hover, .productServices-wrapper .row .third-row div:hover {
	opacity:1
}
.productServices-wrapper .row .first-row div a, .productServices-wrapper .row .second-row div a, .productServices-wrapper .row .third-row div a {
	font-size:14px;
	color:#fff;
	text-align:justify;
	line-height:24px
}
.productServices-wrapper .row .first-row {
	width:67px
}
.productServices-wrapper .row .second-row {
	width:88px;
	margin-left:25px
}
.productServices-wrapper .row .third-row {
	width:100px;
	margin-left:41px
}
.assit-wrapper {
	position:fixed;
	right:10px;
	z-index:10004;
	bottom:60px;
	width:40px
}
.assit-wrapper .phone {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	width:40px;
	height:40px;
	position:relative;
	background:#fff
}
.assit-wrapper .phone:hover {
	background:#4285f4;
	cursor:pointer;
	border:1px solid #4285f4
}
.assit-wrapper .phone:hover .phone-img {
	background-position:0 -584px
}
.assit-wrapper .phone .phone-img {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:40px;
	height:40px;
	background-image:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png);
	background-size:246px 1012px;
	background-position:0 -464px
}
.assit-wrapper .phone div.phone-hover {
	visibility:visible;
	opacity:1;
	top:-25px
}
.assit-wrapper .phone .phone-content {
	visibility:hidden;
	opacity:0;
	position:absolute;
	z-index:10030;
	top:0;
	right:40px;
	width:256px;
	height:106px;
-webkit-transition:all .2s ease;
transition:all .2s ease;
	background-image:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png);
	background-size:246px 1012px;
	background-position:0 -704px;
	background-repeat:no-repeat
}
.assit-wrapper .phone .phone-content img {
	width:74px;
	height:74px;
	margin:16px 8px 16px 17px
}
.assit-wrapper .phone .phone-content .content {
	margin-top:30px;
	display:inline-block;
	vertical-align:top
}
.assit-wrapper .phone .phone-content .content span {
	display:block
}
.assit-wrapper .phone .phone-content .content span:first-child {
	font-size:16px;
	line-height:22px;
	text-align:left;
	color:#3e474d
}
.assit-wrapper .phone .phone-content .content span:last-child {
	font-size:12px;
	line-height:17px;
	color:#999ca0
}
.assit-wrapper .code {
	border:1px solid #ddd;
	width:40px;
	height:40px;
	position:relative;
	background:#fff
}
.assit-wrapper .code .code-img {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:40px;
	height:40px;
	background-image:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png);
	background-size:246px 1012px;
	background-position:0 -504px
}
.assit-wrapper .code:hover .code-img {
	background-position:0 -624px
}
.assit-wrapper .code:hover {
	background:#4285f4;
	border:1px solid #4285f4;
	cursor:pointer
}
.assit-wrapper .code div.contentHover {
	visibility:visible;
	opacity:1;
	-webkit-transform:translateY(-48px);
	transform:translateY(-48px)
}
.assit-wrapper .code .code-content {
	visibility:hidden;
	opacity:0;
	z-index:10030;
	width:256px;
	height:124px;
	position:absolute;
	right:40px;
	-webkit-transform:translateY(-25px);
	transform:translateY(-25px);
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.assit-wrapper .code .code-content .tabs {
	position:relative;
	z-index:10;
	width:236px;
	top:0;
	height:26px;
	background:#ddd;
	display:-webkit-box
}
.assit-wrapper .code .code-content .tabs div {
	-webkit-box-flex:1;
	color:#262626;
	font-size:12px;
	line-height:26px;
	text-align:center;
-webkit-transition:all .2s ease;
transition:all .2s ease
}
.assit-wrapper .code .code-content .tabs div.bg {
	background:#edf1f4
}
.assit-wrapper .code .code-content .tab-content {
	margin-top:-4px;
	width:246px;
	height:106px;
	padding:12px;
	position:absolute;
	z-index:-1;
	background-image:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png);
	background-size:246px 1012px;
	background-position:0 -704px;
	background-repeat:no-repeat
}
.assit-wrapper .code .code-content .tab-content img {
	width:74px;
	height:74px;
	margin-right:8px;
	margin-top:5px;
	display:inline-block
}
.assit-wrapper .code .code-content .tab-content p {
	margin-top:5px;
	display:inline-block;
	vertical-align:top;
	width:120px;
	text-align:justify;
	line-height:17px;
	color:#787878;
	font-size:12px
}
.assit-wrapper .feedBack {
	display:block;
	width:40px;
	height:40px;
	border:1px solid #ddd;
	position:relative;
	background:#fff
}
.assit-wrapper .feedBack .feedText {
	display:none;
	width:28px;
	font-size:14px;
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	line-height:14px
}
.assit-wrapper .feedBack:hover .feedText {
	display:block;
	cursor:pointer
}
.assit-wrapper .feedBack:hover {
	background:#4285f4;
	border:1px solid #4285f4
}
.assit-wrapper .feedBack:hover .feedBack-img {
	display:none
}
.assit-wrapper .feedBack .feedBack-img {
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background-image:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png);
	background-size:246px 1012px;
	background-position:0 -424px
}
.assit-wrapper .top {
	border:1px solid #ddd;
	border-top:none;
	width:40px;
	height:40px;
	position:relative;
	visibility:hidden;
	background:#fff
}
.assit-wrapper .top .top-img {
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background-image:url(//sta.36krcnd.com/36krx2018-front/static/home.d1523964.png);
	background-size:246px 1012px;
	background-position:0 -544px
}
.assit-wrapper .top:hover .top-img {
	background-position:0 -664px
}
.assit-wrapper .top:hover {
	cursor:pointer;
	background:#4285f4;
	border:1px solid #4285f4
}
.kr-layout {
	position:relative;
	min-width:1280px;
	margin:0 auto
}
.kr-layout .kr-layout-main {
	width:1170px;
	margin:0 auto
}
.kr-layout .kr-layout-main .main-left {
	width:100px;
	min-height:600px;
	float:left;
	position:relative
}
.kr-layout .kr-layout-main .main-right {
	width:1030px;
	float:right
}
.kr-layout .kr-layout-main .main-right .kr-layout-content {
	width:1030px;
	margin:auto;
	min-height:1000px;
	position:relative
}
.kr-not-found {
	padding-top:300px;
	text-align:center
}
.kr-not-found p {
	font-size:14px;
	color:#4e627a;
	line-height:32px;
	padding:32px 0
}