*,
*::before,
*::after{box-sizing:border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
ul.circle{list-style:circle}
ul.square{list-style:square}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
.clear:after{content:'\20';display:block;height:0;clear:both}
.clear{*zoom:1;clear:both}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:all 0.2s}
::-webkit-scrollbar{height:5px;width:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#bbb}
::-webkit-scrollbar-track-piece{background:#ccc}
::-webkit-scrollbar-track:vertical{background-color:black}
html{font-family:sans-serif;font-size:14px;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{margin:0;font-family:"Classic Grotesque W01","Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",Arial,SimSun,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#151631;text-align:left;background-color:#fff}
[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}
hr{box-sizing:content-box;height:0;overflow:visible}
abbr[title],
abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul,dl{margin-top:0;margin-bottom:0;padding:0}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
b,strong{font-weight:bolder}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a{color:#151631;text-decoration:none;background-color:transparent}
a:hover{color:#103aa2;text-decoration:underline}
a:not([href]){color:inherit;text-decoration:none}
a:not([href]):hover{color:inherit;text-decoration:none}
pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}
pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}
figure{margin:0 0 1rem}
img{vertical-align:middle;border-style:none}
svg{overflow:hidden;vertical-align:middle}
table{border-collapse:collapse}
caption{padding-top:0.75rem;padding-bottom:0.75rem;color:#6c757d;text-align:left;caption-side:bottom}
th{text-align:inherit}
label{display:inline-block;margin-bottom:0.5rem}
button{border-radius:0}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}
input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,
input{overflow:visible}
button,
select{text-transform:none}
[role="button"]{cursor:pointer;}
select{word-wrap:normal}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor:pointer}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none}
input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0}
textarea{overflow:auto;resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}
progress{vertical-align:baseline}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px;-webkit-appearance:none}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
summary{display:list-item;cursor:pointer}
template{display:none}
[hidden]{display:none!important}
p{word-wrap:break-word;word-break:break-all}
blockquote,q{quotes:none}
blockquoteafter,blockquotebefore,qafter,qbefore{content:"";content:none}
.clearfix::after{display:block;clear:both;content:""}
.white{color:white!important}
.gray{color:#999!important}
.green{color:#0ea74b!important}
.org{color:#f60!important}
.red{color:#f00!important}
.none,
.hide{display:none}
.show{display:block}
.b{font-weight:700}
.w{white-space:nowrap}
.tal{text-align:left!important}
.tac,
.cbv{text-align:center!important}
.tar{text-align:right!important}
.fr{float:right;display:inline}
.fl{float:left;display:inline}
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.pt5{padding-top:5px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.blank10{height:10px;overflow:hidden;clear:both}
.mb5,
.cbv{margin-bottom:5px}
.cbv p{margin:0 0 3px;line-height:normal}
.cbv img{margin:0 auto}
.cbv iframe{margin:0 auto!important;display:normal!important}
.cb-full{padding:10px 0;clear:both;overflow:auto}
.mask{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0)}
.cb-sponsor{width:100%;overflow:hidden;}
.cnbeta-side-sponsor{position:sticky;top:66px;left:0}

.d-flex{display:-ms-flexbox!important;display:flex!important}
.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
.order-1{-ms-flex-order:1;order:1}
.order-2{-ms-flex-order:2;order:2}
.order-3{-ms-flex-order:3;order:3}
.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}
.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}
.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}
.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}
.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}
.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}
.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}
.align-items-center{-ms-flex-align:center!important;align-items:center!important}
.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}
.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}
.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}
.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}

picture{-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;display:-webkit-flex;display:flex;overflow:hidden;position:relative}picture
img{background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:auto 30%;bottom:0;height:100%;left:0;max-width:100%;object-fit:contain;position:absolute;right:0;text-indent:-9999px;top:0;transition:transform .15s linear;width:100%}picture img[src=""],picture img[src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="],picture img[src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="]{background-image:url(/images/img-placeholder.svg)}picture
img.cover{object-fit:cover}picture.aside,picture.square{padding-top:100%}picture.widescreen{padding-top:56.25%}picture.circle{padding-top:100%}picture.circle,picture.circle
img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}picture.classic{padding-top:66.6666666667%}picture.standard{padding-top:75%}picture.standard-vertical{padding-top:133.3333333333%}picture.portrait{padding-top:150%}

.form-check{position:relative;display:block;padding-left:1.25rem}
.form-check-input{position:absolute;margin-top:0.3rem;margin-left:-1.25rem}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label{color:#6c757d}
.form-check-label{margin-bottom:0}
.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:0.75rem}
.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:0.3125rem;margin-left:0}

.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:0.375rem 0.75rem;font-size:1rem;line-height:1.5;border-radius:0.25rem;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion:reduce){
  .btn{transition:none}
}
.btn:hover{color:#212529;text-decoration:none}
.btn:focus,.btn.focus{outline:0;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}
.btn.disabled,.btn:disabled{opacity:0.65}
.btn:not(:disabled):not(.disabled){cursor:pointer}
a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}
.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}
.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 0.2rem rgba(38,143,255,0.5)}
.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgba(38,143,255,0.5)}
.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary:focus,.btn-secondary.focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 0.2rem rgba(130,138,145,0.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show > .btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgba(130,138,145,0.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:focus,.btn-outline-primary.focus{box-shadow:0 0 0 0.2rem rgba(0,123,255,0.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show > .btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgba(0,123,255,0.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:focus,.btn-outline-secondary.focus{box-shadow:0 0 0 0.2rem rgba(108,117,125,0.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show > .btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgba(108,117,125,0.5)}
.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default:focus,
.btn-default.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default:active,
.btn-default.active{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.btn-default:active.focus,
.btn-default.active.focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}
.btn-default:active,.btn-default.active,background-image:none}
.btn-default.disabled,
.btn-default[disabled],
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
.btn-default.disabled.active,
.btn-default[disabled].active{background-color:#fff;border-color:#ccc}
.btn-green{color:#fff;background:#44b549}
.btn-green:not(:disabled):hover{background:#2f9833;color:#fff}
.uflex{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:start;-webkit-box-align:start;display:-moz-box;-moz-box-orient:horizontal;-moz-box-direction:row;-moz-box-pack:start;-moz-box-align:start;display:box;box-orient:horizontal;box-direction:row;box-pack:start;box-align:start;display:-ms-flexbox;-ms-flex-wrap:wrap;-ms-flex-direction:row;-ms-justify-content:flex-start;-ms-flex-align:start;-ms-flex-pack:start;display:-webkit-flex;-webkit-flex-wrap:wrap;-webkit-flex-direction:row;-webkit-justify-content:flex-start;-webkit-align-items:stretch;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:stretch;position:relative}
@font-face {
  font-family: "cbfont"; /* Project id 2330673 */
  src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABmUAAsAAAAALnQAABlDAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACHRgrIULkMATYCJAOBDAtIAAQgBYRPB4JKG6QlM6PCxgGAkHxZZP9VAjdkoH1gRoKwVKdaT7XGWZUja2LwPplgDes/mY4pjU5FsXa4L+CRoZQ8fL/22blNM9P9BxhcEFUqCthFfR+hCYQCXBBqy68xWytfUPg/PG3z3wVx1HFEikWIU1RKZ+NAeygW9jDA3Ia5KGvRunb7q3KR5aL8tYqfy7y2UqbH0f7jqxAmr4zt86rX8yyEZGEvsJdMK0ytrTWdN6dfUtoOSIXZXVmKmxlOkyECQ34zQJyLdJXe3iQ5UBiIg58A7DjMe4AA4O5803c2Ycwd5rGFmUuh/OXSdZfruPwy8sPK/6x0J535ZW1ZVywoHDjcX4yUmc/Y240pHM8jHEahkaq4KZzBeNxUgz37CDramc1ItowNVBzR4YIHsWB27euZCNQOxIDP379+iKu24SKuoeTygVs02ikacfLkUcQ0Dt0pFes+i4iXSrJH2UnCC+vtxy/LoJIpc/JRXX1w58UfwB+Xc97h5P/5LW45RM9QIsdOw9KzuXh/TEAcvGPJddjdQf0GwhpvqEo7Rdk3dWXxwSfS7fQi9T278tz17edfFd+f/UjqdGDp3Axf0fT+x4Z9aQ3lWWFN6RwoQlRTk9sh7/+hIwygmUA2jIePQJfJtRRKYRJTn3nefEh48kU1TsqDDKbfGIohICr43gwQCrcgvojZS4C21m0ASBCgJpEAE0CiAyoSAzAMJCZgBEgswCiQuIBBIPEADYkPyEgCQE4SEsVSEQAFSQwoSRJAkGREHPUEoJekYPpAB4KZBw0HswAaAWYRNBZEsdQEoigaB2YJtBBMN+hsMOOgl8BMg/aBmQG9AsAs8M3F9Fj0HwD6+V7BjIHOBKCLH0mlDAFYNvZykfCc1hrQd03I6TEhSnuLWsgVrZQ5jUNX/lAp9K6MzF612o/i5EKMsxDzBS2vS1s8lCsnBjDZVy5pwZuXo+hgHzowpcc1SyxWc2qfEAuZWE9dn+ikecWyPIJioyMcvoc3n4kv90kacSGb+0eGeSzWsOcTao95MQ8nVliyxmNR6gTB+StChZYkmOR6DyEk71o2yueg7AIbCubFR/ugU4HlzXton1mLAkutLBKiNUIlGkgiNagAbrDvKKYiWMXGMapcjlikjOPXiS4FiLFXkF9Z3BqgUwHOJqzK3duGBX/TTd1CBL/1K0FNWIQ8luBgxcOJ5yFpoRVsBYQsiiCkNsqGJIUiYqGHColZBC8O1YNMIdrx7FK03s7X3droTh1wAwJKwZyIchKmReGIMR7QyDiKKVZM5o6Hho+9ldldRO/35sOvbJN2kCSawB4hdTGpIhXwRooA1WXRXSH2c5WNzhyc/SRbUNw6vzRrBytQ9Tskr9d1MM6BadwQY9y9qVNOig1va11VWIZi9OjqF22p468D/HXdJkQjreVBY1g5Ma39zyTxNGiaTTH4WKQMuPFgw6kRKecRnE9IYWlg7bzBUyri1jppNfetJsjnQAW1qNpB07LYJmggGBgPtbjYzBlcT7OgyCIkx1OFE4Jz04xyDDAJUB0UqStCLDqOhq1INxQ1qa1NSzCe+jPqwLUTo885ubhYxf0G4EXdRvJG24TN1kfTEzMfLa0/fq/cmt8JuNu4YRVWj7XWzGtARTA4feHYG6nP++XrcBSMVD1AMvB509RXpHAylOKJM5KEaAA+mwKTvo/Dr863x0jAOE/ri7N6uX57GuKggOAUQDd4eGwaztQukz1wUS78f073YjGoIJnXAGAP5dAYghiKty5gdU/sgBpvaRPgc9WAHN3rpBzAMdHFkcUP/TEAbmSYBpDgY6kB4EONxiFC6ePDo0dp/uzzd889U3nLhavYcprkKK80t0Hl2Nz0wCBfkQ9vh47NTGZ1BK5Xe4pwjFoW4anIOOO8TmpJ4iWAp36WhRms9ocP8MTrIgYrwbqX/j90Y6quTP6Od9yWvrFxJ9+VYpUVcMM8lD1id+lCuGpb99/RretHJQHFjSI0I5NeoSE1AD0A2slPktoynVv/zq5++qAnoEaSLf9z4yD3vK8nCeBvnENorMLstTMZFI8OPk7GCI9qUyvzcZog5Ffng5GHdK/RZ0d8R3451I24y2A28gaju3W9ETPY3dRfJGGLWqP3NyfZKj2XZic9Ou/VN25fWrNl2+Jjum1t1DWm9uF85X2/8tEH88H7I5wGP5Jtqnb06R0HrjqZm4JkfYg7DcxrAU8fOPygETK9p41kaV3qn/QSm6ZNRcoBoKBnanIghqrPe4j4PhBP7p9GYbzk8b2Au+vSFxLvwndMRIMzd234UyAf6ejG6yvcZYgZDUaF/r5XPMIdw8IU4yUoKhGXgpxMQukBPbgdjX5HY/hNuVvsUbv4zk/QmNgtd4IZVwEGa24aYpWmoBqx22ZGhnOHIbfPvO2hd1IQsbv8ZYQqmtjHS+Bjl0WsOxdfYYCPoKDNkm0TDQC69l8qKe2Q/e4WNubiMnYN0aRd2nxls9A6cY/hJFSOE/fdRpE48eLKot54L4X3eQbjmEWt5qCDyKzawpXh0rQwihp8IGxfh5DZ0mR373EN0CypI007zRaLyl3sSlJs9xpOegcmYIAc03fiMnOLpc5YXWiRltOpJQHraekQnSfh0ssoAwzQHmUYVnaLRTnOWngf/A8IJvD45BjOTWsYuyF/4kkiRyORZVjNnMRe456o+jj3ZBMBn1oP+Mv4zrSSKzUve4prqghAajls+H5hzLLHjf3BN+dXcdoWJbWQEONBpAYeFlvQy5MPR04MIQCNbUnKxBXBWXlBGprxcxv5oMdqYvwVn622uYv3h9j099pi++C9dOw+QWwE6fLm6RRb6o1Zl2/xy9y5W4JvRMnGxZbV2nEPaQwqgtq7u52fv7nMhqPKo3aLc/FNPbmN/lx8X1yTbDcOrmoV1pS3TMJSDXKvgHTp3oHVPsRX8Dx10xXcSW9EuzirDj1Z2pfX3cV7+ON4BcWNpePXLhXWZPcYQ74Rqt5XzaCSpI8hPxutK4eS3yIRRnXeVS3H96LL5H449sm2NHvoM+XEbnwIAD7uHbzxU9hc01hPbfLk4CWdPIM0PJU7lvwRHJs6jTy2eieQiWQP5M5RkTppClG1tvpZijIoroRLp5E8C8BfN69Mnq6AGdVl1zA7q0Z0+fkK1E2xT46duGnHTWuuglPYNgub5UitAt1XgOfhws3wcnE62Ilix5DvhZLivagQRg5WTuobknhryBzQnHIcn7skxQFZFkY0sEhqxLv+WiMGS1KcpNWkbgE39IjBncdJGwfiyu+rnnFwAvgVcPEUVhcg/Pe2NdlzVTgt27tcgCYV7Sy8VL2jsk/ljl6/9fqVl8MLWgx50ChquRrONqEowOXbYLTOnBGiukMt+0lIJWqJ5yf4EiEaeO1BIQwGy+UwzG5rdV3fT5+JGx8Gnud7oR+ETEYWhi0l+eLGR/JyIp0DRN23EH5OKO9Kg3BaOo2IiFdXaNsdimUXt8MwAPhGfzU+NfHhlOqDi3jvunGRLhbDd6bAZKiGYiB7vP+Vcj4xnHys5UCwzz61Yoi/k9Qy2GeR6geKMXoPfZXKXILO5s1m4YmwZPaH7l9VDLv93XOj3kbfSAsR03k4IdbswDNq2yowzs8iaUXU+/yEOi17fjRxLMbxwyiy0V0S8e5P6fzhuGnV98WT3O9M4+p90J+Fc7ocktD2f8q6MbElfoIGj0dz0No4vvGAdKotdAvCIznVpFVdGVLVZLk7hNtd/k/GPMvz5zVqus5XTnqh3HzWLMBRF4r/GOKjeLnZ7VNb6PnzIA0twIOaizxLxT9V3x0d54I3OlrnoyDhszx/M0eavF414/kH6NEwUk9nnD7w1ORyLYl91sEm9bCRJuJIYQ8ZR5sp7OtOHJkHJ4x4ohR1ojipF99iwx0tp1CT31w0F2XvWyg453KFxsunzCVJklVN+nmNaymYWKXkxU86g1pwOuqWP2Fnx+ehPfPguEbGahv8b1Np7ftM3eiwsvO6KmNy1Z20qoRA0OH4mwYxjzEnbh7gppSUFQ4dPulsyXgJY0zBfRFd6LeMIy3tFxRxhNakqPFlBC88Syj42Txb5DX9rM3NH0fvXJYp53TO8BEtHCciCTFmk1zscXlB295LLfeOijIuzjYPdvjP6nH7Xm425J+oLZk9zhBkWP2MknnNzU35Nc7nQdsH7g/wU9e4GpucdMxF8IIvgLOcnD7sFqUadgn66LewO5ycPs4UQxoa5t3c1NlxVpeLldHvcO/Sy1qvcPnTWqdRq3O8D8ZdjJrvpJ8uIOG9LJKoCj6ROIz9BK9LOgE7RWfZ3XTXZIELnkTvpuw15lMfsyZOofdihg5KIuUx3j6FsYjeJ3LBueeG4P3wzslH2I85RVDbSDkwnDJNzxn8hJFsJrcH7va5wrDsetA77wzOTLE0sXykvalMiavnfcC9mxojxyWNA0Ex4MNwIDz5Sq8VT+rgnQrT6l/FPu67TORgbX2sRPKdvkxnCbOH1cvM4RXf4ZDL/QsV2UuX5chL1BUMlMU/yuxlTiO/HFGUW1xkGBE2jtzJ7CVK6kJxyKstC03zR42qr19qtvqmEOlcG4zy6hJnYjZQe1tdphYlJ48u0w6DgSUlL6W6Wt/D/i5ryuZo5zvjh0MfIrLvq29eZU2xgsi3zvHsHLb4H5JWyeCAt/flJXM43RNGLhw5Yc6EuiK9T45Cu+N6B4gom0o/ip0nV6HISiSEtAtfwppJO4qFsUzMTgaDSaDxiJ6JMlVMBoMUhWYjp/EVBEmF6LGDtOvkJWWdtErmdTYam8GxB5P1x12vNmCHsCjugvhdpwKycReWRbfQKrEysXPkw0/42Y72MRF62jGMej4Ao6u30VqwTWU9tFXsE0yVRPwNFSvruPlln/2ptO3tQDK3uYV7cpaxeuDQsQXRGyMseQOmLlKWqVzDtwwK3FOeQVAyKDsmvTC8IYZUH2M48HsCIN8oZqXlXNmawY5/x8jW/JomCIop9l/GW9YXKFYzWHBOk/3tCTs+Y+sVJ54mNunNdgpZFYQSw5DclBkmlcV/u6DhPMxI7jACDVIx7Xoz+NAFed80OyOO0k845ulsPgC8ITOte9LYB2tZJuUg1f8JCdbZpvQXPWXeQ7xqy+ySdOGfi2LLgw2GF+PtNkoSN4GTb8NqEh0mb7PPapxuxc3PoDUqjfN64Q5NkSfwLLwEJvRWPHT7W/9yWUIyz/EdWP/5fNkKBCbZ5IXqqWae8PqzgmE3AIyNdKSDtPPrZ0RtY5onHxyVxTYH+8ZTk4Q2cT4rUe+TwkhyVm44ea9+fucV99ptCaT30bNITweD2OsfHPqlMb/EPAP8+HhsSMTayLUDVJxnfyGUVcoXAvjagQmu6XmOfN39JIF5xeqrCXeEhTnCxQmt5PrwYeFWx/bwUG3hZuIcrAuwp0V8Wi/jyWNqM8xQjUlgFiaL2xMC04VZIvv0JmOtNr0gOUtdq6qsZTHuAH3IE06vYrGyTL0fOYsV0+ybufiX2KShtRNT0lFhbpIyUb7sWKrvMnpeyd8mSXKaySM+eJCtmcZLFew6q31Yz+lVLlJuVC1C8zgblT0Zb/jGO+V0GiPVOSbN16ooLM8OyPQPSdQm25PkJtlliZOC6Ss+lFtMgkRmm0+mxhJgTvWzqoHR3Loh2KrRWIMNu7xVE0xF8NabWo+3/pw+H6r4nvzke2dSEHKx0lsbP3v5xQ1QJQcAxiaOYhuAYxBwO4OeQHA0At3kjAPQLQh5PaHbEHSLA0eh3K6tMEkEg/4ATwOOgaHbbOj+DCJvERGVqHuepHjuoNBBvkcuM6WU/WDwYD4lX8rATiPaG/D7vKrcxo2rzeGwFmKvOTGHtLVI3XD1Hd0bgq+ZIW/3oAWEbNu81dOX8Oyny6EVfQh6CMAU27tTb5igRdxFQh24m+mG15c73nZ7I2vzBBeyWt3Pym0d//VXTE5jW0hiqsgXvJMe7yAdKp5ypwLm2BATIMpLblpeTMHIrB1IjVdQ5sOGRWxzvFmruCfjd/02cZ16+lgNfQEMC4vafQ4uGiQY6yfkCT3Wy9V8tY3qz2vOAFzO9TUiBZUCHtxdVXzwF32JPvT34t/x1uLWsROLJ4J9M3UhWdnaCkETp+NGpxwk1UvNgL1PkbwVQuJhKICEghALAtE40wHY9T8uCBwIQQNgxIxypQWnM0y+8wiPrR1zx/TAiad1r7tOrgI7IYSsfXzqEf1Bs5AG8RGygOkA67Icj9u8kUaFHIY8CEJacCspQXj8GHRdwbwL5lZHf3lGx6Uz2ZMi2cBEwsgiDvGoi9H+4UDR5D8tb9g2hPSKyCy5oXgxmUphboSdMs+4h2Uj4TilQYf0efBm/+qc71czRkObBMHC1HaQGUfyHigUQnX9AxXnhghpuZIsRspwiBWVRiLnSIyRexHtyTdP8w43LJqnU7NDxjTEjgbSzBS/0sun/hH+OpfRBFyBZKGPkqe0UtRoEwlw4OvzKHKMDI6EtWasjhapDGdu47+5Lwp4O68x15A/wqh7RzyaTDq8+NOrPkiGYiErwD+fakYtaOo2+KJoQLOM0bz9Yfj8EWfcI/uPlvILKDKqj5pIDgG789odIy6yb1sklSjFVv9HtXyP7hAd4/6NzODqz+veMbyrbTcd61bfTg/00+z2+Ri25Pu6QUx/CJG0wO0v/qwUzbR6EZy2pM2TRi+WsloU9ZyS+fXeO2x+tGZlMrBRQmw7M7KT/nDP2vhIsfsXbzvCfgYhle01po3UbOkyLQRH4V5ST0V4kEFqqKUF8NdT6iXulSaf/ppIBgaO/GjNWBPV1sn7+4QeWmK3vaOOI2N8e/UTsKqfq+LTa7cm110iGaN4Qb0M6mT4c4ItOlP70PeVL1nL89Auj87j8WJEk97jtxOvVaUUsXyWlWZ2u1c5PciTU0RcMBDanJ1NmUIZiNW0K31w5Ab9Jf8l3YzH4ztwPW6h3eXf7QJ6qFvrreotNV0RxJn8p4CGmYoBRRoMPfJLXrgR8J5RmWG/zbqo4KfZ+SRfVeZwEN6Z5X64SPDIPmP7N5ARXMwAatYlxTvcW8lRmsHMPOBHZe1q5Lx80EpNHBfTtAdAMAD38/PmlKxRufspRuMQfUFoqLHYUBhKvUUNde2p2glBctcuZRMlZzSWGJwVXmE0Vh8yUoZWU0MLVmjerKSE1hwMNeIzXEmpHE5V1R5UqGoOGcnA4KNpzcqkKdWh3K/Mw6/3RMc562RveFNOsYjfXHerRs8fIHsxf/l0yZ7/AgOz9EXLdna3j3lYSDi5SU2xA3xH3x/x5xv/zXt83t2vu+9SvNqxC4Q/3GPLtdk93iiyn6B4dy57nnTM/XmSVWMefgqqCAY/qU67LlurzdbZLwp669lau+6iL2jF+UJrUGpgYKrGujdgwJlh1ewN5OOCqgVdpSC/x+WPQ0fNgIToNWovu5d6rXlKaAwI/PBi3YvzKf/hRvZAthG3QmrPr5u/7oYCN3oZPbVAUPA3Y0pqyhSJniYmrBsNRqO9JUywhh94xru/pYHOxOyxrJ7w6U2OBbKugNrqwLkec0uaEzwnR8e7WtBeb7+s33ifL6goa9KDxTt39sjM2zf64lYaGiU0gIkpzyylFS/VLf6IZMkByWPJgSUSsn+Lmn5YcIhO9HGonD7iMXH9voDci5wv5HJLhbPMaSknF9MP8w/Ts8sqJsZ1YGt/593xu6O+q+67Q/Du+h2RmnZH4J8BJvzM0A8E0PkJ5D/g5UDQ82/w8/fMI1YiZqvpIsTU+BQS0Xm5B0hp58WeIS7jq02IIA+jNQhpeTFWOo8MIcZLSUHEYcYy35EadJ4eBF/OPwr5Cd8DgFVuq0r7Aj0jTW4gcn92AE6ktY/QJzR/AIdjIBrf9SMIMl/pRoiwxjuQwZ3vd6sRX2OXXvgN8FNaFkDbifBYGo+EP3mPkvCUj+wM/A+pcjpf57AziIV11kNE+n8MYcH88reeQ/Co91Q6+pXj/+/rNoiID5E/1HytG8BROD7Q/yioRagihvu8so+SybNcAIoSkpWgrV+7ElaIEwkOsjHs6xR0palWyyHEJGsZfzOdQ4fMGXKv+cnDzMjAFRX3KGS6TAq5ygJfVF8TSo0dXCnJhyDUtkXvvzGsSieKHqwZIwih5a2Q6fO3kGv5hy+q/yuUxtwUKi0/hNo1/4fWWIvUmwqGwWv7rZOjEuRlZ42CbxBHNPUmDtG+oLZERS+CQjw5D1CgpnVo+7hkDjpUyvr+5egAkfRQaQOOp2vmYTULdoU5TB1lcaMCBhu9elqZ78GrOaQIKnNIcF//DYhGyKgfK6D0F1A16WPbmlaQkFj+QS4MK63Y3GgvWr4bLNAaRGGSaQnZVIBKJtHc4ZE2gMOmqjIYg5VgsjEXqzzlKTkvENn0WqUcw3LAkUcRZVTRFd3RE7/OfVla0Rt90R8DQQQnuMELfghCGKIQhySk4RGy8Ayv8A6f8A15KMzOEQ2d8U210ebEKpNNCF1tTXkarSknwTiwRNueE1ijKhT1whztdv0BkqV+90MFjvmQmKGqA7i14RNMZQu+Y5BIkeRAiMql6hCUJ31izGq2pKshm4STUFFRDjg2GYn8CVPYNnfWeNnY1BMd+QpIThnOGoneHfqa4polQmDVYCqy9fGssWQoLAAAAAA=') format('woff2'),
       url('./fonts/iconfont.ttf?t=1654492560031') format('truetype');
}
.fcb{font-family:"cbfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.cb-coop:before{content:"\e61a"}
.cb-ads:before{content:"\e615"}
.cb-submit:before{content:"\e616"}
.cb-mobile:before{content:"\e618"}
.cb-rss:before{content:"\e619"}
.cb-douban:before{content:"\e60b"}
.cb-facebook:before{content:"\e88d"}
.cb-tieba:before{content:"\e65b"}
.cb-renren:before{content:"\e766"}
.cb-qq:before{content:"\e601"}
.cb-weibo:before{content:"\e614"}
.cb-qzone:before{content:"\e617"}
.cb-twitter:before{content:"\e61e"}
.cb-wechat:before{content:"\e624"}
.cb-linkedin:before{content:"\e7ea"}
.cb-logo:before{content:"\6c"}
.cb-poll:before{content:"\e613"}
.cb-circle:before{content:"\e948"}
.cb-logo-a:before{content:"\e60c"}
.cb-logo-b:before{content:"\e60d"}
.cb-logo-c:before{content:"\e60e"}
.cb-email-fill:before{content:"\e864"}
.cb-plus:before{content:"\e68f"}
.cb-good:before{content:"\e605"}
.cb-logo-alt:before{content:"\e61d"}
.cb-bad:before{content:"\e63f"}
.cb-star:before{content:"\e6cb"}
.cb-star-alt:before{content:"\e6cc"}
.cb-time:before{content:"\e6ce"}
.cb-mobile-alt:before{content:"\e640"}
.cb-right:before{content:"\e638"}
.cb-left:before{content:"\e639"}
.cb-search:before{content:"\e63a"}
.cb-comment:before{content:"\e641"}
#app,
body,
html{width:100%;height:100%;min-width:767px}
.homepage{overflow:hidden;height:100%;position:relative}
.homepage-wrapper{position:relative;padding:0 .857142857142857rem;margin:0 auto}
.page-header{position:sticky;top:0;z-index:100001;opacity:1;background:rgba(255,255,255,0.8);backdrop-filter:saturate(180%) blur(20px)}
.header-menu-container{will-change:transform,opacity;transition:transform .4s;transform:translateZ(0)}
.header-menu{border-bottom:2px solid #f2f2f2;width:100%;transition:transform .4s}
@-moz-document url-prefix() {
    .page-header{background:rgba(255,255,255,0.9)}
}
@media (min-width:768px){
    .homepage-wrapper{padding:0 28px}
}
@media (max-width:767px){
    .header-menu-container{padding:0 .857142857142857rem;margin:0 auto;max-width:111.42857142857143rem;width:100%}
    .header-menu{background-color:rgba(0,0,0,0);border-bottom:0}
    .header-menu-top{background-color:rgba(0,0,0,0)}
}
@media (min-width:768px) and (max-width:1023px){
    .header-menu-container{margin-left:-2rem;margin-right:-2rem;padding:0 2rem;}
}
.header-menu-top{padding-top:1.428571428571429rem;align-items:center;z-index:1001;position:relative;transform:translateZ(0)}
@media (max-width:1023px){
    .top-search-box{display:none}
    .header-menu-top{height:4.5rem;padding-top:0;justify-content:flex-start}
}
@media (min-width:1560px){
    .homepage-wrapper{max-width:111.42857142857143rem}
}
@media (min-width:calc(1560px + 56px)){
    .homepage-wrapper{padding:0}
}
.header-menu-top-sticky{padding-top:0}
.global-navi{display:block;height:63px;line-height:63px;overflow:hidden}
.global-navi .nav-item{float:left;padding:0;font-size:16px;height:100%}
.global-navi .nav-item > a{}
.global-navi .nav-item a{display:block;padding:0 15px;color:#4b5a6b;font-weight:500;float:left}
.global-navi .nav-item a:hover,
.global-navi .nav-item a.active{}
.global-navi .nav-item a.movie:hover,
.global-navi .nav-item a.movie.active{background:#4950a3;color:#ffffff}
.global-navi .nav-item a.music:hover,
.global-navi .nav-item a.music.active{background:#e3054e;color:#ffffff}
.global-navi .nav-item a.game:hover,
.global-navi .nav-item a.game.active{background:#ff7f00;color:#ffffff}
.global-navi .nav-item a.comic:hover,
.global-navi .nav-item a.comic.active{background:#55b744;color:#ffffff}
.global-navi .nav-item a.funny:hover,
.global-navi .nav-item a.funny.active{background:#2fb3bd;color:#ffffff}
.global-navi .nav-item a.nav-topic:hover,
.global-navi .nav-item a.nav-topic.active{background:#001D3B;color:#ffffff}
.global-navi .nav-item a.tech:hover,
.global-navi .nav-item a.tech.active{background:#3064A3;color:#ffffff}
.global-navi .nav-item a.soft:hover,
.global-navi .nav-item a.soft.active{background:#ffb901;color:#ffffff}
.global-navi .nav-item a.science:hover,
.global-navi .nav-item a.science.active{background:#000;color:#ffffff}
.global-navi .nav-item a.top10:hover,
.global-navi .nav-item a.top10.active{background:#0F869A;color:#ffffff}
.global-navi .nav-item a.nav-hot{padding:0;margin-left:0}
.global-navi .nav-item .sub-navi{float:left;overflow:hidden}
.global-navi .nav-item.dropdown em{display:inline-block;width:16px;height:16px;margin-right:-10px;background:url(../images/cb_sprite.png) no-repeat -188px -62px}
.global-navi .nav-item.dropdown:hover em{background-position:-188px -78px}
.global-navi .nav-item.dropdown .sub-navi{display:none;width:100%;background:rgba(0,0,0,.618);padding:20px;font-size:12px;position:absolute;left:0;top:61px;border-bottom:1px solid #fff;line-height:26px;z-index:99}
.global-navi .nav-item.dropdown:hover .sub-navi{display:block}
.global-navi .nav-item.dropdown .sub-navi a{display:inline-block;font-size:12px;padding:0 5px;border-bottom:1px solid transparent;float:none;font-weight:normal;color:#fff;line-height:11px;border-left:0}
.global-navi .nav-item.dropdown .sub-navi a:hover{color:#fff;border-bottom:1px solid #fff}
.cnbeta-logo-classic{display:block;flex-basis:calc(12% - 1.71429rem);margin:0 .857142857142857rem 0 0;background:url("../images/logo.svg") no-repeat scroll left center / 100% auto;transition:transform .4s;will-change:transform}
.cnbeta-logo-classic a,
.hot_index .cnbeta-logo-classic{text-indent:-99999px;display:block;height:50px}
.hot_index .global-navi{border-left:0}
.top-search-box{min-width:120px;height:52px;padding:8px 0 8px 15px;margin-right:.142857142857143rem;position:relative;flex:1}
.top-search-box input{width:100%;height:36px;border:0;background:#eee;padding:0 30px 0 5px!important}
.top-search-box button{position:absolute;width:32px;height:30px;right:0;top:11px;border:none;cursor:pointer;outline:none}
.top-search-box button:before{content:"\e63a";font-family:"cbfont"!important;font-size:22px;font-style:normal}
@media (min-width:calc(1560px + 56px)){
    .global-navi .nav-item a{padding:0 20px}
}
.page-footer{position:relative;width:100%;background:#415065;color:#979fa5;padding:20px 0 30px;clear:both}
.page-footer .rule{font-weight:700;color:#fff}
.page-footer .media{padding:10px 0}
.page-footer .media h2{font:bold 12px/20px;display:inline}
.page-footer .media h2:after{content:':';padding-right:7px}
.page-footer .media .links{padding:10px 0;display:inline}
.page-footer .media li{display:inline;padding-left:5px}
.page-footer .media li:first-child{padding-left:0}
.page-footer .sponsors,
.page-footer .about,
.page-footer .copy{padding:5px 0}
.page-footer .w1200{position:relative;padding:0 0 0 160px}
.page-footer a{color:#fff;text-decoration:underline}
.page-footer .sponsors a,
.page-footer .about a{padding:0 2px}
.footer-wrapper{padding:0 .857142857142857rem;margin:0 auto;max-width:111.42857142857143rem}
@media (min-width:768px){
    .footer-wrapper{padding:0 2rem}
}
@media (min-width:calc(1560px + 56px)){
    .footer-wrapper{padding:0}
}
@media (min-width:1560px){
    .footer-wrapper{max-width:111.42857142857143rem}
}
@media (min-width:768px){
    .footer-wrapper{margin:0 auto}
}
@media (max-width:1279px){
    .cnbeta-logo-classic{min-width:110px}
}
.footer-wrapper__logo{position:relative;width:150px;flex-shrink:0}
.footer-wrapper__logo .white-logo{width:130px;height:31px;background:url(../images/cb_sprite.png) no-repeat 0 -31px}
.footer-wrapper__mainmenu{flex-grow:1}

/* side-list */
.list-row{display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-flow:row wrap;flex-flow:row wrap}
.list-row li{padding:10px 0}
.story-small .story-title{line-height:23px!important}
.story-small{min-height:80px;padding-left:92px;position:relative;word-break:break-all}
.story-small .story-image{left:0;padding-top:80px;position:absolute;top:0;width:80px}
.story-small .story-rank{font-weight:500;text-transform:uppercase;background-color:#F42;border-radius:50%;border:2px solid #fff;color:#fff;display:block;font-size:18px;height:32px;line-height:30px;position:absolute;text-align:center;text-indent:1px;left:-16px;top:20px;width:32px}
.story-byline{overflow:hidden;color:#aaa;line-height:18px;padding-top:4px}
.story-byline li{display:block;float:left;padding-bottom:0px}
.story-byline li::after{content:'\b7';display:block;float:right;margin:0 4px}
.story-byline li:last-child::after{display:none}
.story-byline li:last-child::after{display:none}
.story-byline a{color:#aaa}
.story-byline a:hover{color:#555}
.story-upcome{position:relative;word-break:break-all}
.story-upcome a.image{float:left;width:82px}
.story-upcome a.image img{width:72px}
.story-upcome .text{width:280px;font-size:14px}
.story-upcome .product-title{margin-bottom:5px;padding-right:80px}
.story-upcome small{font-size:10px;font-family:Helvetica,Tahoma,Arial;position:absolute;right:-3px;top:0;color:#999}

.top3 .story-image{position:absolute;left:0;top:10px;width:90px;height:75px}

.cber-hot-tabs-handler{padding:10px 0;border-bottom:1px solid #eee;text-align:center}
.cber-hot-tabs-handler a{display:inline-block;border-radius:3px;background:#fff;padding:3px 8px;cursor:pointer}
.cber-hot-tabs-handler a:hover{background:#eee}
.cber-hot-tabs-handler a.active{background:#ddd}
.cber-hot-tabs-contents li{padding:10px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cber-hot-tabs-contents .top3{padding:10px 0 0;height:90px;position:relative}
.cber-hot-tabs-contents .top3 h4{padding:0 0 0 100px;white-space:normal;overflow:hidden;height:50px;line-height:26px}
.cber-hot-tabs-contents .top3 .meta-status{padding:7px 0 0 100px;color:#aaa}
.cber-hot-tabs-contents li label{display:inline-block;padding:0 5px 0 0;color:#878787}
.cber-hot-tabs-contents .top3 label{display:block;position:absolute;padding:0;width:20px;height:20px;text-align:center;line-height:20px;top:10px;left:0;color:#fff;font-weight:700;z-index:3;background:#4950a3}
.cber-hot-tabs-contents{display:none}
.cber-hot-tabs-contents.active{display:block}
.cber-hot-tabs-wrapper{background:#fff;padding:0 5px 10px}

.cnbeta-hot-comments-wrapper{padding:20px;background:#fff;height:600px;overflow:auto}
.cnbeta-home-hot-comments .cnbeta-hot-comments-wrapper{height:410px}
.cnbeta-hot-comments-wrapper li{position:relative;border-bottom:1px dashed #ccc;margin-bottom:10px}
.cnbeta-hot-comments-wrapper li.reply{padding:5px 0}
.cnbeta-hot-comments-wrapper li .msg-box{padding:0 0 0 60px;min-height:55px}
.cnbeta-hot-comments-wrapper li.reply .msg-box{padding:0 60px 0 0}
.cnbeta-hot-comments-wrapper li .msg-box .inner{position:relative;padding:10px;background:rgb(255,255,255);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);border-radius:5px;border:1px solid #ddd}
.cnbeta-hot-comments-wrapper li .msg-box .inner .arrow{display:block;position:absolute;width:6px;height:14px;left:-6px;top:10px;background:url(../images/cb_sprite.png) no-repeat 0 -330px}
.cnbeta-hot-comments-wrapper .link-article{padding:10px 0 15px 0;color:#666}
.cnbeta-hot-comments-wrapper .c-avatar{width:50px;font-size:12px;text-align:center;position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cnbeta-hot-comments-wrapper .c-avatar img{display:inline-block;width:40px;height:40px;border-radius:40px}
.cnbeta-hot-comments-wrapper li.reply .c-avatar{width:50px;text-align:center;position:absolute;left:auto;right:0;top:0}
.cnbeta-hot-comments-wrapper li.reply .msg-box .inner{position:relative;padding:10px;background:#be8;border-radius:5px;border:1px solid #9ddc79;text-align:left}
.cnbeta-hot-comments-wrapper li.reply .msg-box .inner .arrow{display:block;position:absolute;width:6px;height:14px;left:auto;right:-6px;top:10px;background:url(../images/cb_sprite.png) no-repeat -8px -330px}
.cnbeta-hot-comments-wrapper .link-article a{padding:0 5px;color:#0059b2;font-style:italic}
.c-load-more-button{background-color:#fff;border:1px solid #999;border-radius:20px;color:#999;cursor:pointer;display:block;font-size:14px;line-height:30px;margin:0 auto 25px;outline:0 none;padding:0;width:180px}
.hot-comments-plus{position:absolute;bottom:0;height:25px;width:100%;background-color:#FFF1BB;text-align:center;left:0;line-height:25px;cursor:pointer}

.labels{display:block;color:rgba(255,255,255,.5);font-size:14px;padding:0 0 0 8px;position:relative}
.meta-data .labels::before,
.labels.tech::before,
.labels.cb::before{content:'';position:absolute;left:0;top:3px;height:13px;border-left:2px solid #0059b2}
.labels.movie::before{content:'';position:absolute;left:0;top:3px;height:13px;border-left:2px solid #4950a3}
.labels.music::before{content:'';position:absolute;left:0;top:3px;height:13px;border-left:2px solid #e3054e}
.labels.game::before{content:'';position:absolute;left:0;top:3px;height:13px;border-left:2px solid #ff7f00}
.labels.comic::before{content:'';position:absolute;left:0;top:3px;height:13px;border-left:2px solid #55b744}
.labels.funny::before{content:'';position:absolute;left:0;top:3px;height:13px;border-left:2px solid #2fb3bd}

.cnbeta-side-box{padding:0;margin-bottom:10px;position:relative}
.cnbeta-side-wrapper{background:#fff;padding:0 5px 0}
.cnbeta-side-title,
.cnbeta-side-blue-title,
.cnbeta-side-yellow-title{padding:10px 0;text-align:center;font-size:16px;font-weight:700;letter-spacing:2px;background:#fff;color:#333}
.cnbeta-side-yellow-title{background:#ffe685}
.cnbeta-side-blue-title{background:#447EB9;color:#fff}
.cnbeta-side-title.movie{background:#4950a3;color:#fff}
.cnbeta-side-title.music{background:#e3054e;color:#fff}
.cnbeta-side-title.game{background:#ff7f00;color:#fff}
.cnbeta-side-title.comic{background:#55b744;color:#fff}
.cnbeta-side-title.funny{background:#2fb3bd;color:#fff}

.story-inner{margin:0;position:relative;display:-ms-flexbox;-ms-flex-wrap:nowrap;-ms-justify-content:flex-start;-ms-flex-align:start;-ms-flex-pack:start;display:-webkit-flex;-webkit-flex-wrap:nowrap;-webkit-justify-content:flex-start;-webkit-align-items:flex-start;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}
.align-column .story-inner{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;border-top:1px solid #e5e5e5;padding:1.142857142857143rem 0;background:#fff}
.story-status{height:1.85714286rem;line-height:1.85714286rem;width:100%;margin:6px 0 0;font-size:0.857142857142857rem}
.story-main{width:100%}
.story-addtime{color:#8591AE;padding-right:10px}
.story-cate a{color:#103AA2}
.story-thumb{float:right}
.story-icon{position:relative;width:48px;height:48px;display:inline-block}
@media (min-width:768px){
    .story-icon{width:40px;height:40px;margin-left:3px}
}
.story-icon__box-border{width:48px;height:48px;padding:0;background-color:#fff;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
@media (min-width:768px){
    .story-icon__box-border{width:40px;height:40px}
}
.story-icon__box-border.box-border--green-border{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid #34b8b5;width:52px;height:52px;margin:0}
@media (min-width:768px){
    .story-icon__box-border.box-border--green-border{border:2px solid #34b8b5;width:44px;height:44px}
}
.story-icon__box-border .story-icon__img{object-fit:cover;overflow:hidden;width:102%;height:102%;margin-top:-1%;margin-left:-1%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.story-icon__box-border .story-icon__img--no-filter{filter:none}
.story-icon__box-border .story-icon__img--no-padding{padding:0}
.rank-side{width:100%;background:#fff;padding:0;color:#202145;line-height:20px}
.rank-side-tabs{border-bottom:1px solid #e5e5e5;margin-bottom:5px}
.rank-side-tabs .a-tab{font-size:16px;color:#8591AE;display:inline-flex;align-items:center;flex-direction:column;justify-content:center;height:40px;cursor:pointer}
.rank-side-tabs .active{border-bottom:2px solid #103aa2;color:#103AA2}
.rank-tabs-contents ul{margin:0}
.rank-tabs-contents li{padding:10px 5px 16px 0;white-space:wrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #f2f2f2}
.rank-tabs-contents li:first-child{padding-top:5px}
.rank-tabs-contents li:last-child{border-bottom:0}
.rank-tabs-contents li.active{color:#202145}
.rank-title-wrapper{position:relative}
.rank-title-wrapper .rank-num{position:absolute;top:0;margin:4px 10px 0 0;padding:0;width:20px;height:20px;text-align:center;line-height:20px;color:#fff;font-weight:400;font-size:12px;z-index:3;background:#d7d7d7;border-radius:3px}
.rank-title-wrapper .story-title{color:#151631;font-weight:400;padding-left:28px;line-height:26px;overflow:hidden;display:inline-block;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3.428571428571428rem}
.rank-tabs-contents .story-status-wrapper{padding-left:30px}
.rank-tabs-contents .story-status{margin-top:10px;justify-content:space-between}
.rank-tabs-contents .story-status .story-cate{margin-right:10px}
.rank-tabs-contents .meta-num{color:#5a7881}
.rank-tabs-contents .top3 .rank-num{color:#fff;background:#4950a3}
.rank-tabs-contents .top3 .story-image{top:4px}
.rank-tabs-contents .top3 .story-title{color:#000;font-weight:700;padding:0 0 0 100px}
.rank-tabs-contents .top3 .story-status-wrapper{display:block}
.rank-tabs-contents .top3 .story-status{justify-content:flex-end}
.poll-box{padding:5px 5px 10px 12px}
.poll-box .poll-tit{line-height:23px;font-weight:normal;color:#151631}
.poll-box .poll-des{margin:10px 0;color:#757575;font-weight:normal;font-size:12px}
.poll-box .poll-options{border-bottom:#CCC 1px dotted;padding:5px}
.poll-box .poll-options .form-check{margin-bottom:10px}
.poll-box .poll-submit{height:30px;margin:10px 0px;text-align:center}
.poll-box .poll-list li{background:none;padding:0;font-size:14px;line-height:25px;border-bottom:1px solid #f0f0f0;margin-bottom:5px}
.poll-box .poll-list li .main-title a{color:#000}
.poll-box .poll-list li .main-title a:hover{text-decoration:underline}
.poll-box .poll-list li .poll-des{font-size:12px}
.poll-box .poll-list li .poll-des span{margin-right:15px}

#linkpager{text-align:center}
.pagination{display:inline-block;padding-left:0;margin:10px 0 0;border-radius:4px}
.pagination > li{display:inline}
.pagination > li > a,
.pagination > li > span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#337ab7;background-color:#ffffff;border:0px solid #dddddd;margin-left:-1px}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index:3;color:#23527c;background-color:#eeeeee;border-color:#dddddd}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index:2;color:#ffffff;background-color:#337ab7;border-color:#337ab7;cursor:default}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color:#777777;background-color:#ffffff;border-color:#dddddd;cursor:not-allowed}

.box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.box-fl,.box-fr{-webkit-transition:width .2s}
.box-fl{transition:width .2s;-ms-flex-order:1;-webkit-order:1;-webkit-box-ordinal-group:2;order:1}
.box-fr{transition:width .2s;-ms-flex-order:3;-webkit-order:3;-webkit-box-ordinal-group:4;order:3}
.box-aw{min-width:0;-webkit-transition:width .2s;transition:width .2s;-ms-flex-order:2;-webkit-order:2;-webkit-box-ordinal-group:3;order:2;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.box-aw img{width:100%;max-width:intrinsic;max-width:-moz-fit-content;max-width:-webkit-fit-content;height:auto}
.box-aw img.auto-width{width:auto;max-width:none}
.box-aw img[data-delay]{max-width:none}

input:not([type=button]){font-size:.875rem;line-height:18px;padding:8px 10px;-webkit-transition:all .2s;transition:all .2s;color:#666;border:1px solid #dce4e6;border-radius:3px;outline:0;background:#f3f6f8}
input:not([type=button]):focus{color:#666;border-color:#337ab7;background:#eef1f3}
input:not([type=button]).error{color:#666;border-color:#e35b5a}
input:not([type=button])[type=number]{-moz-appearance:textfield}
input:not([type=button]):disabled{opacity:.7}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
input::-webkit-input-placeholder{color:#aaa}
input::-moz-placeholder{color:#aaa}
input:-ms-input-placeholder{color:#aaa}
input:-moz-placeholder{color:#aaa}
select{padding:8px 10px;height:35px;color:#666;border-color:#ccc;border-radius:3px;background:#fff;white-space:nowrap}

/* tips */
.alert{padding:10px 15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;font-size:14px;width:100%}
.alert-error{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.tip-wrap{color:#999}
.tip-wrap strong{font-style:italic;padding:0 4px 0 1px}
.tips-help,
.tips-success{background:url(/images/tips/big.png) 0 -100px no-repeat;padding:0 40px 0 40px;display:inline-block;vertical-align:middle;line-height:65px;min-height:65px;_height:65px}
.tips-success{background-position:-100px 0}
.tips-sm,
.tips-sm-error,
.tips-sm-success,
.tips-sm-help{background:url(/images/tips/small.png) 0 -60px no-repeat;padding:0 2px 0 20px;margin-left:65px;display:inline-block;vertical-align:middle;line-height:18px;min-height:18px;_height:18px}
.tips-sm-error{background-position:-20px -40px;color:#B52828}
.tips-sm-success{background-position:-40px -20px;color:#008800}
.tips-sm-help{background-position:-60px 0}
.tips-md,
.tips-md-error,
.tips-md-success,
.tips-md-help{background:url(/images/tips/middle.png) 0 -150px no-repeat;padding:0 10px 0 40px;display:inline-block;vertical-align:middle;line-height:32px;min-height:32px;_height:32px}
.tips-md-error{background-position:-50px -100px;color:#B52828}
.tips-md-success{background-position:-100px -50px;color:#008800}
.tips-md-help{background-position:-150px 0}

.pop-close{background:url(../images/cb_sprite.png) no-repeat;}
.pop-close{float:right;width:15px;height:15px;overflow:hidden;text-indent:-2000em;background-position:-185px -368px;margin-left:10px}
.pop-close:hover{background-position:-185px -383px}
.breadcrumbs{padding:10px 0 0 12px}

.cnbeta-contribute{background-color:#f2f2f2;padding-bottom:10px}
.cnbeta-contribute .fullwidth{background:#2fb3bd;mix-blend-mode:multiply;}
.cnbeta-contribute .header-container{color:#fff;background:url(../images/top_bg.png) no-repeat center top;background-repeat:no-repeat;background-size:cover;}
.cnbeta-contribute .header-container .form-page-title{width:1200px;margin:0 auto;padding:30px 0;}
.cnbeta-contribute .header-container .headline{display:inline-block;font-size:34px}
.cnbeta-contribute .header-container .more-link{padding-top:10px;float:right;color:inherit}
.cnbeta-contribute .header-container .more-link a{color:#fff;}
.cnbeta-contribute .form-page-container{}
.cnbeta-contribute .form-page-container .form-group{margin-bottom:30px}
.cnbeta-contribute .form-page-container .control-label{display:block;margin-bottom:15px;line-height:14px;font-size:14px;color:#787b80}
.cnbeta-contribute .form-page-container .required .control-label:before{content:'*';color:#ff2c2c;margin-right:5px}
.cnbeta-contribute .form-page-container input,
.cnbeta-contribute .form-page-container select,
.cnbeta-contribute .form-page-container textarea{font-size:14px;background-color:#fcfcfc;border:1px solid #ccc}
.cnbeta-contribute .form-page-container .form-control{display:block;padding:4px 10px;width:100%;min-height:35px;color:#4c4c4c;border-radius:2px;background-color:#fff}
.cnbeta-contribute .form-page-container .form-control:focus{outline:#83b0f3 solid 1px;box-shadow:0 0 3px rgba(0,40,128,.25)}
.cnbeta-contribute .form-page-container .form-control.error,
.cnbeta-contribute .form-page-container .form-control.error:focus{outline-color:#d53222}
.cnbeta-contribute .form-page-container select.form-control{width:250px;height:35px}
.cnbeta-contribute .form-page-container textarea.form-control{min-height:90px}
.cnbeta-contribute .form-page-container .select-input{display:none;margin-top:10px}
.cnbeta-contribute .form-page-container .form-submit{display:block;width:140px;height:44px;margin-top:40px;border-radius:2px;border:none;text-align:center;line-height:44px;color:#fff;background-color:#e53838;font-size:18px}
.cnbeta-contribute .form-page-container .form-submit:hover{background-color:#d92f2f}
.cnbeta-contribute .form-page-container .form-submit[disabled],
.cnbeta-contribute .form-page-container .form-submit[disabled]:hover{background-color:#e53838;opacity:.6}
.cnbeta-contribute .form-page{min-height:600px;padding:50px 80px;overflow:hidden;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.cnbeta-contribute .panel-tips{padding:15px;background-color:#fafafa;border-bottom:1px solid #eee;font-size:14px;line-height:14px}
.cnbeta-contribute .panel-tips .tips-header{margin-bottom:10px;color:#333;font-weight:700}
.cnbeta-contribute .panel-tips .tips-body{color:#9ea2a8}
.cnbeta-contribute .panel-tips .tips-body .tip{margin:0 0 10px 20px;list-style-type:decimal}
.cnbeta-contribute .vcode{width:120px;}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {color: #3c763d;}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label{color:#a94442;}
.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}
.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}

.double-cbv, .third-cbv{display:block;}
.double-cbv .fl, .double-cbv .fr{text-align:center;width:50%;}
.third-cbv > div{text-align:center;float:left;width:33.33%;}

.other-login .auth-clients{margin-top:10px}
.other-login .auth-icon{display:inline-block;margin-right:10px;width:50px;height:50px;background:url(/images/common/login_icons.svg) 0 0 no-repeat}
.other-login .auth-icon:last-child{margin-right:0}
.other-login .auth-icon.weibo:hover{background-position:0 -80px}
.other-login .auth-icon.weibo:active{background-position:0 -160px}
.other-login .auth-icon.qq{background-position:-80px 0}
.other-login .auth-icon.qq:hover{background-position:-80px -80px}
.other-login .auth-icon.qq:active{background-position:-80px -160px}
.other-login .auth-icon.wechat{background-position:-320px 0}
.other-login .auth-icon.wechat:hover{background-position:-320px -80px}
.other-login .auth-icon.wechat:active{background-position:-320px -160px}
.other-login .auth-icon.douban{background-position:-160px 0}
.other-login .auth-icon.douban:hover{background-position:-160px -80px}
.other-login .auth-icon.douban:active{background-position:-160px -160px}
.other-login .auth-icon.renren{background-position:-240px 0}
.other-login .auth-icon.renren:hover{background-position:-240px -80px}
.other-login .auth-icon.renren:active{background-position:-240px -160px}


/* modal style */
.core_pop_wrap{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3);border-radius:4px;position:absolute;z-index:10;outline:none}
.pop_top{line-height:18px;padding:9px 15px 8px;zoom:1}
.pop_top:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;width:1px}
.pop_top strong{font-size:14px;color:#333;font-weight:700;white-space:nowrap;margin-right:10px;float:left}
.pop_top select{float:left;padding:1px;line-height:22px;height:22px}
.pop_top ul{border-bottom:1px solid #ccc;height:25px}
.pop_top li{float:left;display:block;line-height:25px;height:25px;padding:0 15px;cursor:pointer}
.pop_top li.current{float:left;border:1px solid #ccc;background:#fff;border-bottom:0 none}
.pop_bottom{padding:5px 15px;border-top:1px solid #e9e9e9;height:45px;text-align:right}
.pop_bottom label{display:inline-block;padding-top:3px}
.pop_bottom .tips_error,
.pop_bottom .tips_success,
.pop_bottom .tips_loading{float:left;margin-top:4px}
.pop_cont{background:#fff;color:#333;overflow:auto;padding:10px 10px 10px 10px}
.pop_table{height:365px;overflow-y:auto;position:relative;padding-right:20px}
.explain_col{background:none repeat scroll 0 0 #fffced;border:1px solid #ffbe7a;line-height:20px;padding:8px 10px}
.pop_table th,
.pop_table td{padding:6px 0 6px}
.pop_table th{height:26px;line-height:26px;vertical-align:top;text-align:right;white-space:nowrap;padding-right:15px}
.pop_table tr:hover th{color:#000}
.pop_tips{background:#f7f7f7;line-height:24px;padding:0 10px;margin:0 10px 0;color:#666}
.pop_close{margin-top:5px;float:right;width:9px;height:8px;overflow:hidden;text-indent:-2000em;background:url(/images/common/close.png) no-repeat;-webkit-transition:all 0.2s ease-out;margin-left:10px}
.pop_close:hover{background-position:0 -8px}
.pop_loading{background:url(/images/common/loading.gif) center center no-repeat;height:80px;width:80px;margin:auto}

#login_frame{position:relative}
#login_frame{width:460px;background:#fff;text-align:center;padding:15px 0 20px;box-shadow:0 2px 5px rgba(0,0,0,.3);border-radius:4px}
#login_frame.switching{-webkit-transform:perspective(2000px) rotateY(-90deg);-webkit-animation:flip .4s linear,flip_out .4s .41s linear;transform:perspective(2000px) rotateY(-90deg);animation:flip .4s linear,flip_out .4s .41s linear}
#login_frame a{cursor:pointer}
#login_frame .logo{display:block;margin:0 auto}
#login_frame .clear-input{box-sizing:border-box;width:100%}
#login_frame .holder{width:286px;margin:0 auto;position:relative}
#login_frame .with-line{font-size:16px;color:#999;margin:0 auto;position:relative;text-align:center}
#login_frame .with-line:before{content:"";border-top:1px solid #ededed;display:block;position:absolute;width:50px;top:8px;left:0}
#login_frame .with-line:after{content:"";border-top:1px solid #ededed;display:block;position:absolute;width:50px;top:8px;right:0}
#login_frame .login .alert{position:absolute;bottom:0;}
#login_frame .login .holder{margin-top:2px}
#login_frame .login .buttons{margin:15px 0 20px}
#login_frame .login .mail-login{margin-top:15px;padding-bottom:45px}
#login_frame .login .mail-login .clear-input{margin-bottom:10px}
#login_frame .login .mail-login .btn{display:block;width:100%}
#login_frame .login .switch-back{text-align:right;margin:10px 0}
#login_frame .login .reset-password{position:absolute;left:0;bottom:0}
#login_frame .login .vcode-box{position:relative;display:none}
#login_frame .login .vcode-box .clear-input{width:60%;float:left;margin-right:10px}
#login_frame .login .vcode-box img{cursor:pointer;vertical-align:middle;width:auto;height:36px;border:1px solid #d3d3d3}
#login_frame .buttons a{display:inline-block;margin-right:10px;width:48px;height:48px;background:url(/images/login_icons.svg) 0 0 no-repeat}
#login_frame .buttons a:last-child{margin-right:0}
#login_frame .buttons a.weibo:hover{background-position:0 -80px}
#login_frame .buttons a.weibo:active{background-position:0 -160px}
#login_frame .buttons a.qzone{background-position:-80px 0}
#login_frame .buttons a.qzone:hover{background-position:-80px -80px}
#login_frame .buttons a.qzone:active{background-position:-80px -160px}
#login_frame .buttons a.wechat{background-position:-160px 0}
#login_frame .buttons a.wechat:hover{background-position:-160px -80px}
#login_frame .buttons a.wechat:active{background-position:-160px -160px}
#login_frame .buttons a.douban{background-position:-240px 0}
#login_frame .buttons a.douban:hover{background-position:-240px -80px}
#login_frame .buttons a.douban:active{background-position:-240px -160px}
#login_frame .buttons a.renren{background-position:-320px 0}
#login_frame .buttons a.renren:hover{background-position:-320px -80px}
#login_frame .buttons a.renren:active{background-position:-320px -160px}