/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, hr, button, blockquote{ margin: 0; padding: 0; }
body{ font: 12px/20px arial, \5fae\8f6f\96c5\9ed1; color: #333; }
em, var, i{ font-style: normal; font-weight: 500; }
input, textarea, select, button{ outline: none; border: none; background: none; resize: none; }
table{ border-collapse: collapse; border-spacing: 0; }
th{ text-align: inherit; }
img{ border: 0; }
iframe{ display: block; }
ol, ul, li{ list-style: none; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: 500; }
a{ color: #333; text-decoration: none; }
a:hover{ color: #508274; }
a:hover, a:active{ outline: none; }
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; }
.clearfix{ zoom: 1;/* for ie6 ie7 */ }
/* */
.fl{ float: left; }
.fr{ float: right; }
.ma{ margin-left: auto; margin-right: auto; }
.tc{ text-align: center; }
.ovh{ overflow: hidden; }
.s-c333{ color: #333; }
.s-c666{ color: #666; }
.s-cbbb{ color: #bbb; }
.s-c508{ color: #508274; }
a.s-c333:hover{ color: #508274; }
.bg-f8{ background-color: #f8f8f8; }
.bg-fff{ background-color: #fff; }
.mb5{ margin-bottom: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt25{ margin-top: 25px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }
.mr0{ margin-right: 0 !important; }
.mr10{ margin-right: 10px; }
.mr20{ margin-right: 20px; }
.mr30{ margin-right: 30px; }
.padlr30{ padding-left: 30px; padding-right: 30px; }
.pb50{ padding-bottom: 50px; }
.img-block img{ display: block; width: 100%; height: 100%; }
.bg-f5-bar{ background-color: #f5f5f5; padding: 30px; }
.bg-ff-bar{ background-color: #fff; padding: 30px; }
.bg-block{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(0,0,0, .5); display: none; }
/* width */
.w1200{ width: 1200px; margin-left: auto; margin-right: auto; }
/* icon */
.ico-hd, .ico-media, .ico-badge, .icon-rank{ display: inline-block; vertical-align: middle; }
.ico-hd{ background: no-repeat; }
.ico-media{ background: no-repeat; }
.ico-badge{ background: no-repeat; }
.icon-rank{ background: no-repeat; }
.i-hd1{ width: 10px; height: 5px; background-position: 0 0; }
.i-hd2{ width: 10px; height: 5px; background-position: 0 -20px; }
.i-hd3{ width: 14px; height: 14px; background-position: 0 -38px; }
/* ico-media */
.ico-media{ display: inline-block; background: no-repeat; vertical-align: middle; }
.i-med1{ width: 16px; height: 18px; background-position: 0 0; }
.i-med2{ width: 19px; height: 14px; background-position: -30px 0; }
.i-med3{ width: 16px; height: 16px; background-position: -60px 0; }
.i-med4{ width: 14px; height: 14px; background-position: -85px 0; }
.i-med5{ width: 13px; height: 13px; background-position: -110px 0; }
.i-med6, .i-med7{ width: 24px; height: 20px; }
.i-med6{ background-position: -130px 0; }
.i-med7{ background-position: -165px 0; }
.i-med8, .i-med9{ width: 18px; height: 13px; }
.i-med8{ background-position: -200px 0; }
.i-med9{ background-position: -225px 0; }
.i-med10, .i-med10a{ width: 15px; height: 22px; }
.i-med10{ background-position: -255px 0; }
.i-med10a{ background-position: -280px 0; }
.i-med11, .i-med11a{ width: 19px; height: 20px; }
.i-med11{ background-position: -306px 0; }
.i-med11a{ background-position: -335px 0; }
.i-med12{ width: 5px; height: 10px; background-position: -365px 0; }
.i-med13{ width: 10px; height: 5px; background-position: -380px 0; }
.i-med14, .i-med15, .i-med16, .i-med17, .i-med18, .i-med19, .i-med20, .i-med21,
.share-qzone, .share-qq, .share-weixin, .share-sina{ width: 40px; height: 40px; }
.i-med14{ background-position: 0 -30px; }
.i-med15{ background-position: -50px -30px; }
.i-med16{ background-position: -100px -30px; }
.i-med17{ background-position: -150px -30px; }
.i-med18{ background-position: -200px -30px; }
.i-med19{ background-position: -250px -30px; }
.i-med20{ background-position: -300px -30px; }
.i-med21{ background-position: -350px -30px; }
.i-med22{ width: 32px; height: 30px; background-position: 0 -80px; }
.i-med22b{ width: 32px; height: 30px; background-position: -90px -185px; }
.i-med23{ width: 30px; height: 30px; background-position: -40px -80px; }
.i-med24{ width: 28px; height: 31px; background-position: -90px -80px; }
.i-med25{ width: 36px; height: 35px; background-position: -130px -80px; }
.i-med26{ width: 30px; height: 17px; background-position: -180px -80px; }
.i-med27{ width: 30px; height: 30px; background-position: -220px -80px; }
.i-med28, .i-med29, .i-med30, .i-med31{ width: 26px; height: 26px; }
.i-med28{ background-position: -260px -80px; }
.i-med29{ background-position: -295px -80px; }
.i-med30{ background-position: -330px -80px; }
.i-med31{ background-position: -366px -80px; }
.i-med32{ width: 81px; height: 81px; background-position: 0 -130px; }
.i-med33{ width: 48px; height: 48px; background-position: -90px -130px; }
.i-med34{ width: 24px; height: 24px; background-position: -150px -130px; }
.i-med35{ width: 26px; height: 24px; background-position: -180px -130px; }
.i-med36{ width: 16px; height: 17px; background-position: -215px -130px; }
.i-med37{ width: 18px; height: 16px; background-position: -240px -130px; }
.i-med38{ width: 17px; height: 17px; background-position: -265px -130px; }
.i-med39{ width: 16px; height: 13px; background-position: -290px -130px; }
.i-med40{ width: 17px; height: 17px; background-position: -315px -130px; }
.i-med41, .i-med42, .i-med43{ width: 10px; height: 11px; }
.i-med41{ background-position: -340px -130px; }
.i-med42{ background-position: -355px -130px; }
.i-med43{ background-position: -370px -130px; }
.i-med44, .i-med45{ width: 14px; height: 16px; }
.i-med44{ background-position: -150px -165px; }
.i-med45{ background-position: -170px -165px; }
.i-med46, .i-med47{ width: 14px; height: 14px; }
.i-med46{ background-position: -195px -165px; }
.i-med47{ background-position: -215px -165px; }
.i-med48, .i-med49{ width: 16px; height: 16px; }
.i-med48{ background-position: -235px -165px; }
.i-med49{ background-position: -255px -165px; }
.i-med50{ width: 20px; height: 20px; background-position: -145px -190px; }
.i-med51{ width: 20px; height: 21px; background-position: -180px -190px; }
.i-med51b{ width: 20px; height: 21px; background-position: -210px -190px; }
.i-med52{ width: 15px; height: 14px; background-position: -240px -195px; }
.i-med53{ width: 15px; height: 14px; background-position: -260px -195px; }
.i-med54{ width: 15px; height: 14px; background-position: -280px -195px; }
.i-med55{ width: 24px; height: 24px; background-position: -280px -165px; }
.i-med56{ width: 24px; height: 24px; background-position: -310px -165px; }
.i-med57{ width: 30px; height: 30px; background-position: -340px -155px; }
.i-med52{ width: 15px; height: 14px; background-position: -240px -195px; }
.i-med53{ width: 15px; height: 14px; background-position: -260px -195px; }
.i-med54{ width: 15px; height: 14px; background-position: -280px -195px; }
.i-med55{ width: 24px; height: 24px; background-position: -280px -165px; }
.i-med56{ width: 24px; height: 24px; background-position: -310px -165px; }
.i-med57{ width: 30px; height: 30px; background-position: -340px -155px; }
.i-med58{ width: 25px; height: 25px; background-position: -300px -195px; }
.i-med59{ width: 15px; height: 15px; background-position: -380px -155px; }
.i-med60{ width: 9px; height: 8px; background-position: -380px -180px; }
.i-med61{ width: 33px; height: 27px; background-position: -340px -195px; }
.i-med62{ width: 15px; height: 16px; background-position: -380px -200px; }
.i-med63{ width: 40px; height: 24px; background-position: -400px 0; }
.i-med64{ width: 40px; height: 24px; background-position: -400px -30px;} /* ico-badge */
.i-badge-sina{ width: 15px; height: 17px; background-position: 0 0; }
.i-badge-sign{ width: 15px; height: 17px; background-position: -20px 0; }
.i-badge-office{ width: 15px; height: 17px; background-position: -40px 0; }
.i-badge-lv1{ width: 20px; height: 17px; background-position: -60px 0; }
.i-badge-lv2{ width: 20px; height: 17px; background-position: -85px 0; }
.i-badge-lv3{ width: 20px; height: 17px; background-position: -110px 0; }
.i-badge-lv4{ width: 20px; height: 17px; background-position: -135px 0;} /* icon-rank */
.i-rank-1{ width: 36px; height: 48px; background-position: 0 0; }
.i-rank-2{ width: 36px; height: 48px; background-position: -45px 0; }
.i-rank-3{ width: 36px; height: 48px; background-position: -90px 0; }
.icon-yc{ float: left; border: 1px solid #f63756; padding: 0 7px; height: 18px; line-height: 18px; font-size: 14px; color: #f63756; }
/* btn */
.btn{ display: inline-block; width: 118px; height: 34px; line-height: 36px; border: 1px solid #508274; background-color: #508274; font-size: 14px; color: #fff; text-align: center; position: relative; z-index: 1; cursor: pointer; }
.btn:before{ position: absolute; left: 0; top: 0; z-index: -1; width: 0; height: 100%; background-color: #84a79d; content: ''; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }/**/
.btn-line-gn{ border-color: #508274; background: none; color: #508274; }
.btn-line-gn::before{ background-color: #84a79d; }/**/
.btn-line-og{ border-color: #ea5f2f; background-color: #fff; color: #ea5f2f; }
.btn-line-og::before{ background-color: #f08f6d; }/* hover */
.btn:hover{ color: #fff !important; }
.btn:hover{ border-color: #84a79d; }
.btn-line-gn:hover{ border-color: #508274; *color: #508274 !important; }
.btn-line-og:hover{ border-color: #f08f6d; }
.btn:hover::before{ width: 100%; }
/* page */
.m-page{ height: 40px; line-height: 40px; color: #ddd; }
.m-page a{ display: inline-block; height: 38px; line-height: 40px; padding: 0 15px; border: 1px solid #f8f8f8; font-size: 14px; font-family: "arial"; color: #aaa; text-align: center; background: #f8f8f8; margin: 0 4px 0 4px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; }
.m-page a:hover, .m-page a.m-page-ct{ background-color: #84a79d; border-color: #84a79d; color: #fff; }
.m-page .m-page-first, .m-page .m-page-last, .m-page .m-page-prev, .m-page .m-page-next{ position: relative; top: -1px; font-size: 12px; font-family: 'simsun'; font-weight: bold; color: #999; }
/* header */
.hd-bar{ height: 79px; line-height: 80px; background-color: #fff; border-bottom: 1px solid #f5f5f5; box-shadow: 0 5px 20px rgba(0,0,0, .03); font-size: 16px; }
.hd-bar-fixed{ position: fixed; left: 0; top: 0; z-index: 900; width: 100%; }
.hd-bar .logo{ float: left; width: 90px; height: 32px; margin: 25px 30px 0 0; }
.hd-bar .logo img{ float: left; }
.hd-bar a:hover, .hd-bar .hd-nav li.current a{ color: #508274; }/* hd-nav */
.hd-bar .hd-nav{ float: left; }
.hd-bar .hd-nav li{ float: left; line-height: 80px; padding: 0 25px; position: relative; z-index: 900; }
.hd-bar .hd-nav li .ico-hd{ margin-left: 5px; }
.hd-bar .hd-nav li a.hd-url{ display: block; position: relative; }
.hd-bar .hd-nav li a.hd-url::after{ position: absolute; left: 0; top: 0; width: 0; height: 3px; background-color: #508274; content: ''; }
.hd-bar .hd-nav li.current a.hd-url::after, .hd-bar .hd-nav li:hover a.hd-url::after{ width: 100%;} /* hd-down */
.hd-bar .hd-nav li .hd-down{ position: absolute; left: -36px; top: 78px; z-index: 10; width: 140px; padding: 10px 20px; background-color: #fff; background-color: rgba(255,255,255, .95); text-align: center; display: none; -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; }
.hd-bar .hd-nav li .hd-down span{ float: left; width: 70px; }
.hd-bar .hd-nav li .hd-down a{ display: block; line-height: 50px; color: #333; }
.hd-down a{ display: block; line-height: 50px; color: #333 !important; }
.hd-down a:hover{ color: #508274; }
.hd-down a:hover::after{ height: 0; }
.hd-bar .hd-nav li .hd-down a:hover{ color: #508274; }
.hd-bar .hd-nav li .hd-down a:hover::after{ height: 0; }/* hd-nv-hover */
.hd-bar .hd-nav li.hd-nv-hover a.hd-url{ color: #508274; }
.hd-bar .hd-nav li.hd-nv-hover a.hd-url::after{ -webkit-animation: underline .3s; -moz-animation: underline .3s; animation: underline .3s; }
.hd-bar .hd-nav li.hd-nv-hover .hd-down{ display: block; -webkit- animation: zoomin .3s; -moz- animation: zoomin .3s; animation: zoomin .3s; }
@-webkit-keyframes zoomin{ 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 50% { opacity: 1; } }
@keyframes zoomin{ 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); -ms-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 50% { opacity: 1; } }
@-webkit-keyframes underline{ from { width: 0; left: 50%; } to { width: 100%; left: 0; } }
@keyframes underline{ from { width: 0; left: 50%; } to { width: 100%; left: 0; } }/* user-set */
.user-set{ float: right;} /*未登录*/
.user-set .login{ float: left; line-height: 80px; margin-right: 15px; }
.user-set .login a{ position: relative; float: left; padding: 0 15px; }
.user-set .login a:first-child::before{ position: absolute; top: 33px; right: 0; width: 1px; height: 14px; background-color: #ddd; content: ''; }/*已登录*/
.user-set .yj-login{ float: left; margin-right: 20px; padding-right: 10px; cursor: pointer; position: relative; z-index: 900; }
.user-set .yj-login .login-user{ height: 79px; line-height: 79px; }
.user-set .yj-login .login-user img{ float: left; width: 36px; height: 36px; border-radius: 50%; margin: 22px 14px 0 0; }
.user-set .yj-login .login-down{ position: absolute; left: 36px; top: 79px; right: 0; padding: 10px 10px 10px 14px; background-color: #fff; background-color: rgba(255,255,255, .95); display: none; width: 135px; -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; }
.user-set .yj-login .login-down li{ height: 50px; line-height: 50px; overflow: hidden; }
.user-set .yj-login .login-down li a{ display: block; line-height: 50px; }
.user-set .yj-login .login-down li span{ font-size: 14px; color: #f14d4d;} /**/
.user-set .yj-login-hover .login-down{ display: block; -webkit- animation: zoomin .3s; -moz- animation: zoomin .3s; animation: zoomin .3s;} /*投稿*/
.user-set .btn{ float: left; width: 90px; height: 42px; line-height: 42px; background-color: #508274; text-align: center; color: #fff; margin-top: 18px; }
.user-set .btn .ico-hd{ margin: -3px 6px 0 0; }
/* hd-lucency é€æ˜Žé¡¶éƒ¨ */
.hd-lucency{ position: absolute; top: 0; z-index: 900; width: 100%; height: 80px; border-bottom: none; background: #333; background: linear-gradient(to bottom, #020202 0%,#ffffff 100%); background: linear-gradient(to bottom, rgba(2,2,2, .5) 0%, rgba(0, 0, 0, .5) 30%, rgba(255, 255, 255, 0) 100%); }
.hd-lucency .hd-nav li a.hd-url,
.hd-lucency .hd-nav li.current a,
.hd-lucency .hd-nav li.hd-nv-hover a.hd-url,
.hd-lucency .user-set .yj-login .login-user,
.hd-lucency .user-set .yj-login .login-user a,
.hd-lucency .user-set .login a{ color: #fff; }
.hd-lucency .hd-nav li a.hd-url::after{ background-color: #fff; background-color: rgba(255,255,255, .5); }
/* footer */
.footer{ height: 180px; background-color: #333; font-size: 16px; color: #888; }
.footer a{ color: #888; }
.footer a:hover{ color: #fff; }
.footer .logo{ float: left; margin: 74px 40px 0 0; }
.footer ul{ float: left; height: 20px; line-height: 20px; margin-top: 80px; }
.footer ul li{ float: left; padding: 0 20px; position: relative; }
.footer ul li::after{ position: absolute; top: 3px; right: 0; width: 1px; height: 14px; background-color: #555; content: ''; }
.footer ul li:last-child:after{ width: 0; }
.footer .l-zc { float: left; margin: 80px 0 0 20px; }
.footer .l-zc span { float: left; margin: 0 15px; }
.footer .ft-r{ float: right; width: 160px; text-align: center; line-height: 18px; margin-top: 28px; }
.footer .ft-r img { display: block; width: 80px; height: 80px; margin: 0 auto 8px; }
/* .footer .ft-r span{ float: left; margin-left: 40px; } */
/* load */
.load{ height: 20px; overflow: hidden; font-size: 16px; color: #999; text-align: center; cursor: pointer; }
.load .i-med3{ margin-right: 15px; margin-top: -3px; }
.loading .i-med3{ -webkit-animation: spin linear 1s infinite forwards; animation: spin linear 1s infinite forwards; }
@keyframes spin{ 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
/* box 页底é 下 */
.body-h100 body{ position: absolute!important; width: 100%; min-height: 100%; }
.body-h100 .box{ padding-bottom: 210px; }
.body-h100 .footer{ position: absolute; bottom: 0; width: 100%; }
.hidden{ display: none; }
.weixinimagewidth{ width: 120px; height: 120px; }
.placeholder{ color: gray; }
.arrow{ border: 6px dashed transparent; display: inline-block; font-size: 0; height: 0; line-height: 0; vertical-align: -2px; width: 0;}
/* hlx-976 lq 2021-07-22 */
.ico-topbar { display: inline-block; vertical-align: middle; background: no-repeat; }
.i-top25 { width: 14px; height: 14px; background-position: -66px -70px; }
.i-top26 { width: 11px; height: 14px; background-position: -53px -70px; }
.user-set .item { float: left; position: relative; z-index: 200; }
.user-set .item .link { position: relative; padding: 0 15px; cursor: pointer; }
.user-set .item .link .i-top25 { margin: -2px 5px 0 0; }
.user-set .item .link .i-top26 { position: absolute; top: 20px; right: 2px; }
.user-set .item .popup {
position: absolute; right: 0; top: 80px;
background: #fff; box-shadow: 0 8px 20px rgb(0 0 0 / 16%);
transition: top .2s linear; visibility: hidden;
}
.user-set .item .popup:after {
position: absolute; top: -4px; right: 30px; content: '';
border: 4px solid transparent; border-bottom-color: #fff; border-top: none;
}
.user-set .item .popup img { display: block; }
.user-set .item:hover .popup { visibility: visible; top: 60px; }
/**/
.hd-lucency .link { color: #fff; }
.hd-lucency .link .i-top25 { background-position: -66px -88px; }
.hd-lucency .link .i-top26 { background-position: -53px -88px; }
/* hlx-1722 lj 2021-08-20 */
.ect { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }