.topbar{background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(64,64,64,.05)));background-image:-webkit-linear-gradient(transparent,rgba(64,64,64,.05));background-image:linear-gradient(transparent,rgba(64,64,64,.05));-webkit-background-size:40px 40px;background-size:40px 40px;background-repeat:repeat-x}.topbar__notification__list--header:after,.topbar__notification__msglist:after{content:"";display:table;clear:both}.topbar__announce__item,.topbar__search__suggestion__item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar__announce__item:hover,.topbar__notification__list--footer__link:hover{text-decoration:underline}.topbar__notification__list--body:after{background-image:-webkit-radial-gradient(50% 100%,farthest-side,rgba(0,0,0,.07),transparent);background-image:radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.07),transparent);background-position:0 100%;background-repeat:no-repeat}.no-cssgradients .topbar__notification__list--body:after{background-image:image-url(ie8/scroll-bottom-shadow.png)}@-webkit-keyframes ripple{from{-webkit-transform:scale(0);transform:scale(0);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ripple{from{-webkit-transform:scale(0);transform:scale(0);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}60%{opacity:1;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}75%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}90%{-webkit-transform:translate3d(0,1px,0);transform:translate3d(0,1px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}60%{opacity:1;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}75%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}90%{-webkit-transform:translate3d(0,1px,0);transform:translate3d(0,1px,0)}100%{-webkit-transform:none;transform:none}}.topbar__flip--back,.topbar__flip--back a,.topbar__flip--back img,.topbar__logo a:after{position:absolute;top:0;bottom:0;left:0;right:0}.topbar-placeholder{position:relative;height:40px}.topbar{position:absolute;top:0;left:0;right:0;min-width:760px;height:40px;z-index:9999999;background-color:#fff;font:12px Arial,sans-serif;line-height:1.4;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc}.topbar.no-boxshadow{border-bottom:1px solid #ccc}.topbar a{text-decoration:none}.topbar a:hover{background-color:transparent}.topbar ul{margin:0;padding:0;list-style-type:none}.topbar--fixed{position:fixed}.topbar__logo{float:left;margin:0}.topbar__logo a{position:relative;display:block;width:98px;height:40px;white-space:nowrap;text-indent:200%;overflow:hidden}.topbar__logo a:after{content:"";width:74px;height:30px;margin:auto;background:url(../img/icon/sprite.png) -10px -35px no-repeat}.topbar__search{float:left;height:30px;margin-top:5px;position:relative}.topbar__search__input{float:left;width:270px;height:30px;line-height:30px;border:1px solid #d8d8d8;padding:0 10px 0 30px;background:url(../img/icon/sprite.png) -5px -141px no-repeat #fff;color:#666;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.topbar__search__input--large{height:40px}.topbar__search__input--no-icon{padding-left:10px;background-image:none}.topbar__search__reset{float:left;display:none;margin:4px 0 0 -30px;border:1px solid #ccc;border-radius:50%;font:900 14px/18px '';color:#ccc;background:#fff;cursor:pointer;padding:0;width:1.5em;height:1.5em}.topbar__search__btns{float:left;width:105px;position:relative;z-index:3;overflow:hidden;max-height:30px;-webkit-transition:max-height .2s;transition:max-height .2s;cursor:pointer}.topbar__search__btns:after,.topbar__search__btns:before{content:'';position:absolute;left:70px;width:23px;border-left:1px solid #fff}.topbar__search__btns:before{top:0;height:30px;background:#3565da}.topbar__search__btns:after{top:12px;height:8px;background:url(../img/icon/sprite.png) -3px -119px no-repeat}.topbar__search__btns:hover{max-height:60px}.topbar__search__btns--large{max-height:40px}.topbar__search__btns--large:before{height:40px}.topbar__search__btns--large:after{top:18px}.topbar__search__btns--large:hover{max-height:80px}.topbar__search__submit{width:70px;display:block;line-height:30px;margin:0;padding:0;border:none;color:#fff;background-color:#3565da;cursor:pointer;letter-spacing:1px;font-family:inherit}.topbar__search__submit:hover{background-color:#4a74de}.topbar__search__btns--large .topbar__search__submit{line-height:40px}.topbar__search__suggestion{position:absolute;top:30px;left:0;z-index:2;width:362px;display:none;overflow:hidden;border:1px solid #ddd;border-top:none;background-color:#fff;color:#8e8e8e;border-radius:0 0 2px 2px;-webkit-box-shadow:0 1px 2px #cdcdcd;box-shadow:0 1px 2px #cdcdcd}.topbar__search__suggestion--show{display:block}.topbar__search__suggestion__item{padding:4px 10px 4px 30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.topbar__search__suggestion__item mark{background-color:transparent;color:#628ffe}.topbar__search__suggestion__item--selected{background-color:#f1f1f1}.topbar__search-container{float:left;width:35px;height:40px;margin-right:-1px;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background:url(../img/icon/sprite.png) -1px -73px no-repeat}.topbar__search__toggle-btn{width:100%;height:35px;cursor:pointer}.topbar__search__toggle-btn.is-active{border-bottom:5px solid #000}.topbar__search-container .topbar__search{position:absolute;top:100%;right:-11px;display:none;float:none;width:375px;height:40px;margin:0}.topbar__search-container .topbar__search__reset{margin-top:9px}.topbar__search-container .topbar__search__suggestion{top:40px}.topbar__announce{float:left;width:250px;height:40px;line-height:40px;overflow:hidden;position:relative}.topbar__announce__item{position:absolute;max-width:250px;color:#3E62B8;margin-top:0;-webkit-transition:all .3s;transition:all .3s}.topbar__announce__item--hide{z-index:-1;margin-top:80px;opacity:0}.show-border .topbar__notification__counter.is-active{height:35px;border-bottom:5px solid #000}.topbar__related-article__block{height:40px;margin:0 240px 0 100px;text-align:center;overflow:hidden}.topbar__related-article__block--large{margin-right:150px}.topbar__related-article__cat-name{display:inline-block;padding:0 25px 0 20px;color:#fff;font-size:15px;line-height:40px;vertical-align:top;background:url(/images/topbar/icon-tag.png) center no-repeat!important}.topbar__related-article__cat-name:hover{color:#fff;text-decoration:none}.topbar__related-article__cat-list{display:inline;height:40px;font-size:0;line-height:40px;overflow:hidden}.topbar__related-article__cat{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;height:40px;padding:0 10px;cursor:pointer}.topbar__related-article__cat:hover{background:#fff}.topbar__related-article__txt{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:40px;color:#000;font-size:15px}.topbar__related-article__txt--hot{color:red}.topbar__related-article__showcase-block{position:absolute;top:40px;left:0;z-index:-1;width:100%;height:230px;max-height:0;background:#fff;overflow:hidden;-webkit-transition:max-height .3s;transition:max-height .3s}.topbar__related-article__cat-list:hover .topbar__related-article__showcase-block{max-height:230px}.topbar__related-article__showcase{position:absolute;left:0;right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:230px;min-width:760px;margin:0;border:1px solid #eee;white-space:nowrap;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .5s;transition:opacity .3s,visibility .5s}.topbar .topbar__related-article__showcase{padding:25px 0}.topbar__related-article__cat:hover .topbar__related-article__showcase{opacity:1;visibility:visible}@media screen and (min-width:1024px){.topbar__related-article__txt{padding-right:15px}.topbar__related-article__txt::after{content:'';position:absolute;top:18px;right:0;border:5px solid transparent;border-top-color:currentColor}.topbar__related-article__txt--hot{padding-right:24px}.topbar__related-article__txt--hot::after{top:13px;width:20px;height:12px;border:none;background:url(/images/icon--hot.png) no-repeat}}.topbar__related-article-list{margin:0 auto!important;vertical-align:top}.topbar__related-article{position:relative;display:inline-block;width:170px;padding:0 10px;vertical-align:top}.topbar__related-article+.topbar__related-article{border-left:1px solid #ddd}.topbar__related-article a{color:#000}.topbar__related-article a:hover{color:#486bb8;text-decoration:none}.topbar__related-article__img{width:170px;height:113px;background:url(/module/topbar/img/backup/article--small.jpg);-webkit-background-size:cover;background-size:cover;overflow:hidden}.topbar__related-article__img>img{width:100%}.topbar__related-article__showcase:nth-child(2) .topbar__related-article__img{background-position:0 -100%}.topbar__related-article__showcase:nth-child(3) .topbar__related-article__img{background-position:0 -200%}.topbar__related-article__showcase:nth-child(4) .topbar__related-article__img{background-position:0 -300%}.topbar__related-article__showcase:nth-child(5) .topbar__related-article__img{background-position:0 -400%}.topbar__related-article__title{height:60px;margin-top:8px;font-size:14px;line-height:21px;text-align:left;white-space:normal;word-break:break-all;overflow:hidden}.topbar__related-article__title>span{display:block;color:#bf8221;font-size:13px}.topbar__related-article-list--show-num .topbar__related-article::after{content:"";position:absolute;top:-15px;left:0;display:block;width:100%;height:30px;background:center no-repeat}.topbar__related-article-list--show-num .topbar__related-article:nth-child(1)::after{background-image:url(/images/topbar/icon-1.png)}.topbar__related-article-list--show-num .topbar__related-article:nth-child(2)::after{background-image:url(/images/topbar/icon-2.png)}.topbar__related-article-list--show-num .topbar__related-article:nth-child(3)::after{background-image:url(/images/topbar/icon-3.png)}.topbar__nav{position:absolute;top:0;right:0}.topbar__lang__switcher,.topbar__notification__counter,.topbar__user__avator,.topbar__user__login{display:block;height:40px;line-height:40px}.topbar__lang__lists,.topbar__notification .topbar__dropdown-lists,.topbar__user__lists{position:absolute;left:0;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc}.topbar__lang,.topbar__notification,.topbar__user{position:relative;float:left;width:55px}.topbar__lang,.topbar__user{text-align:center}.topbar__lang:hover .topbar__lang__lists,.topbar__lang__switcher:focus+.topbar__lang__lists,.topbar__user:hover .topbar__user__lists,.topbar__user__avator:focus+.topbar__user__lists{max-height:200px}.topbar__lang__lists,.topbar__user__lists{max-height:0;overflow:hidden;top:40px;width:100%;-webkit-transition:max-height .25s;transition:max-height .25s}.topbar__lang__lists a,.topbar__lang__lists a:hover,.topbar__user__lists a,.topbar__user__lists a:hover{background-color:#fafafa}.topbar__lang__list,.topbar__user__list{border-top:1px solid #e0e0e0}.topbar__lang a,.topbar__lang__lists a,.topbar__user a{display:block;line-height:40px;color:#000}.topbar__lang a:hover,.topbar__lang__lists a:hover,.topbar__user a:hover{color:#3868d7}.topbar__lang a:active,.topbar__lang a:focus,.topbar__lang__lists a:active,.topbar__lang__lists a:focus,.topbar__user a:active,.topbar__user a:focus{-webkit-box-shadow:inset 2px 3px 3px rgba(0,0,0,.2);box-shadow:inset 2px 3px 3px rgba(0,0,0,.2)}.topbar__notification__list--header,.topbar__notification__msglist{border-bottom:1px solid #ccc}.topbar__notification .topbar__dropdown-lists:after,.topbar__notification .topbar__dropdown-lists:before{content:'';height:0;width:0;position:absolute;left:50%;border:solid transparent}.topbar__notification{color:#383838}.topbar__notification img{border:none}.topbar__notification__counter{text-align:center;position:relative}.topbar__notification__counter,.topbar__notification__counter:hover{color:#fff}.topbar__notification__counter:after{content:attr(data-counter);position:relative;top:7px;display:block;width:26px;height:26px;line-height:26px;margin:0 auto;text-align:center;border-radius:50%;background-color:#ec0000;text-shadow:1px 1px 1px #999;-webkit-box-shadow:1px 1px 2px #888;box-shadow:1px 1px 2px #888}.no-borderradius .topbar__notification__counter:after{background:100% 0 no-repeat}.topbar__notification__counter:active:after{-webkit-box-shadow:inset 1px 1px 2px #888;box-shadow:inset 1px 1px 2px #888}.topbar__notification__counter.no-notification:after{background-color:#ccc}.no-borderradius .topbar__notification__counter.no-notification:after{background-color:transparent;background-position:0 0}.topbar__notification .topbar__dropdown-lists{display:none;left:-320px;top:50px;width:430px;padding-left:4px!important;padding-right:4px!important;background-color:#fff;outline:0;border:1px solid #adadad}.topbar__notification .topbar__dropdown-lists.is-active{display:block;-webkit-animation:bounceInDown .2s;animation:bounceInDown .2s}.topbar__notification .topbar__dropdown-lists:before{border-width:13px;top:-26px;margin-left:115px;border-bottom-color:#adadad}.topbar__notification .topbar__dropdown-lists:after{border-width:12px;top:-23px;margin-left:116px;border-bottom-color:#fff}.topbar__notification__lists a{color:#3665d9}.topbar__notification__list--header{padding:10px;line-height:30px;position:relative}.topbar__notification__list--header .topbar__notification__list--header__link{float:right;padding:0 10px;color:#fff;background-color:#3565da;font-size:13px}.topbar__notification__list--header .topbar__notification__list--header__link:hover{background-color:#4a74de}.topbar__notification__list--header .topbar__notification__list--header__title{font-size:15px;letter-spacing:3px;position:relative}.topbar__notification__list--header .topbar__notification__list--header__title:after{content:'';position:absolute}.cssanimations .ajax-loading .topbar__notification__list--header .topbar__notification__list--header__title:after{top:0;right:-30px;width:20px;height:20px;border-radius:50%;background-color:#3565da;-webkit-animation:ripple 1s infinite ease;animation:ripple 1s infinite ease}.no-cssanimations .ajax-loading .topbar__notification__list--header .topbar__notification__list--header__title:after{right:-40px;width:32px;height:32px;background:url(//panel.pixfs.net/images/common/loading.gif) no-repeat}.topbar__notification__list--footer__link{display:block;border-top:1px solid #ccc;text-align:center;line-height:40px;font-size:13px;background:-webkit-radial-gradient(50% 50%,rgba(0,0,0,.05),transparent) 0 -1.5em no-repeat;background:radial-gradient(50% 50%,rgba(0,0,0,.05),transparent) 0 -1.5em no-repeat}.topbar__notification__list--body{position:relative}.topbar__notification__list--body:after{content:'';position:absolute;left:0;right:0;bottom:0;height:15px;-webkit-background-size:100% 15px;background-size:100% 15px}.topbar__notification__msglists{overflow:auto;max-height:536px;min-height:201px}.topbar__notification__msglist{padding:8px 6px}.topbar__notification__msglist:hover{background-color:#f4f6f9}.topbar__notification__msglist:hover a{text-decoration:underline}.topbar__notification__msglist:active{background-color:#edf1f5}.topbar__notification__msglist__avatar{float:left;height:50px;margin-right:7px;outline:#eee dotted 1px}.topbar__notification__msglist__thumb{float:right;margin-left:7px}.topbar__notification__msglist__thumb__img{display:block;height:50px}.topbar__notification__msglist__info{position:relative;height:50px;overflow:hidden}.topbar__notification__msglist__text{max-height:2.8em;overflow:hidden}.topbar__notification__msglist__time{position:absolute;right:0;bottom:0;color:#999;-webkit-transition:color .5s;transition:color .5s}.topbar__flip,.topbar__user__avator{position:relative}.ajax-loading .topbar__notification__msglist__time{color:transparent;visibility:hidden}.topbar__flip{-webkit-perspective:2000;perspective:2000;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.topbar__flip--back,.topbar__flip--front{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .4s;transition:transform .4s}.topbar__flip--front{-webkit-transform:rotateY(0);transform:rotateY(0)}.is-flipping .topbar__flip--front,.topbar__flip--back{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.is-flipping .topbar__flip--back{-webkit-transform:rotateY(-360deg);transform:rotateY(-360deg)}.topbar__flip--back a{background-color:#fff}.topbar__flip--back img{margin:auto;border:none}.no-cssgradients .topbar__flip--back{display:none}.no-cssgradients .is-flipping .topbar__flip--back{display:block}.topbar__user{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.topbar__user.is-login{width:90px}.show-border .topbar__user__login:hover{height:35px;border-bottom:5px solid #000}.topbar__user__avator:after{content:'';position:absolute;top:50%;right:8px;border:5px solid;border-color:#333 transparent;border-bottom:none}.topbar__user:hover .topbar__user__avator:after{border-top-color:#2d89ef}.show-border:hover .topbar__user__lists{margin-top:-5px;border-top:5px solid #000}.no-borderradius .topbar__user__avator__mask{position:absolute;left:10px;top:2px;width:35px;height:35px;background:50% no-repeat}.topbar__user__avator__img{border-radius:50%;border:2px solid #ddd;margin-left:-20px}.no-borderradius .topbar__user__avator__img{border-color:transparent}.topbar__user:hover .topbar__user__avator__img{-webkit-box-shadow:0 0 2px 2px #ff9;box-shadow:0 0 2px 2px #ff9}.topbar__user--openid .topbar__user__avator__img{position:relative;z-index:1;-webkit-transition:opacity .2s;transition:opacity .2s;opacity:0}.topbar__user--openid:hover .topbar__user__avator__img{opacity:1}.topbar__user__openid{position:absolute;left:0;right:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:opacity .2s;transition:opacity .2s}.topbar__user--openid:hover .topbar__user__openid{opacity:0}.topbar__user__list__link--new{position:relative}.topbar__user__list__link--new:after{content:"";position:absolute;top:5px;right:5px;width:16px;height:5px;background:url(../img/icon/sprite.png) -10px -10px no-repeat}.topbar__lang.show-border:hover{height:35px;border-bottom:5px solid #000}.topbar__lang,.topbar__notification,.topbar__user{z-index:5}