header {width: 100%;left: 0;top: 0;z-index: 3;}
header .navigation {background: rgba(0,0,0,0.2);height: 60px;transition: all ease 0.2s;}
header .navigation>div {width: 1276px;margin: 0 auto;min-width: 1276px;height: 60px;}
header .close_site {width: 150px;height: 30px;background: #fa3c64;color: #ffffff;text-align: center;line-height: 30px;top: 14px;left: 50%;margin-left: -75px;cursor: pointer;border-radius: 4px;}
header .close_site:hover, header .close_site.active {background: #ffffff;color: #fa3c64;}
header .center-logo {width: 104px;height: 33px;left: 50%;top: 13px;transform: translateX(-72px);}
header .center-logo span {width: 100%;height: 100%;background: url(/images/newhome/sprite.png);background-size: 500px 400px;background-repeat: no-repeat;background-position: -146px -17px;}
header .navigation .main-tag,header .navigation .main-tag>a {line-height: 60px;margin-right: 16px;}
header .activity a {height: 60px;z-index: 6;background-repeat: no-repeat;background-position: center;background-size: cover;}
header .login-item {width: 140px;height: 40px;margin-left: 10px;border-radius: 4px;border: none;margin-top: 10px;background: rgba(255, 255, 255, 0.25);cursor: pointer;}
header .login-item:hover {background: rgba(0, 0, 0, 0.25);}
header .login-item i {background: url(/images/newhome/sprite.png);background-size: 500px 400px;background-repeat: no-repeat;top: 12px;left: 13px;}
header .login-item.login-qq i {width: 15px;height: 17px;background-position: -179px -90px;}
header .login-item.login-weixin i {width: 20px;height: 16px;background-position: -208px -92px;}
header .login-item span {height: 40px;line-height: 40px;float: left;text-indent: 41px;}
header .creative-box,header .fenlei-top {width: 100%;height: 340px;top: 60px;background: rgba(0,0,0,0.8);left: 0;z-index: 3;display: none;}
header .creative:hover .creative-box,header .fenlei:hover .fenlei-top  {display: block;}

.creative-links,.fenlei-top_box {width: 1276px;margin: 35px auto 0;padding-top: 37px;}
.fenlei-top_box .fenlei-top_item {width: 206px;height: 62px;padding-top: 2px;}
.fenlei-top_box .fenlei-top_item:nth-of-type(2) {border-left: 1px solid #ededed;padding-left: 42px;}
.fenlei-top_box .fenlei-top_item .title {line-height: 24px;margin-bottom: 16px;font-weight: bold;}
.fenlei-top_box .fenlei-top_item .desc {line-height: 14px;color: #ededed;}
.fenlei-top_box ul {padding-top: 30px;}
.fenlei-top_box ul li {width: 90px;height: 30px;margin-bottom: 20px;margin-right: 10px;border-radius: 15px;text-align: center;line-height: 30px;background: #3d3d3d;}
.fenlei-top_box ul li a {height: 100%;}
.fenlei-top_box ul li a:hover {color: #fa3c64;}
.creative-links a {width: 200px;height: 100px;margin-bottom: 30px;border-radius: 8px;margin-right: 30px;line-height: 100px;text-align: center;font-weight: bold;background: #FF5400;background: linear-gradient(90deg, #FF5400 0%, #FF8400 100%);background: -webkit-linear-gradient(90deg, #FF5400 0%, #FF8400 100%);background: -moz-linear-gradient(90deg, #FF5400 0%, #FF8400 100%);background: -o-linear-gradient(90deg, #FF5400 0%, #FF8400 100%);color: #ededed;}
.creative-links a:nth-of-type(2) {background: #0B2E9F;background: linear-gradient(90deg, #0B2E9F 0%, #0947e6 100%);background: -webkit-linear-gradient(90deg, #0B2E9F 0%, #0947e6 100%);background: -moz-linear-gradient(90deg, #0B2E9F 0%, #0947e6 100%);background: -o-linear-gradient(90deg, #0B2E9F 0%, #0947e6 100%);}
.creative-links a:nth-of-type(3) {background: #988852;background: linear-gradient(90deg, #988852 0%, #ccaf7d 100%);background: -webkit-linear-gradient(90deg, #988852 0%, #ccaf7d 100%);background: -moz-linear-gradient(90deg, #988852 0%, #ccaf7d 100%);background: -o-linear-gradient(90deg, #988852 0%, #ccaf7d 100%);}
.creative-links a:nth-of-type(4) {background: #BD3015;background: linear-gradient(90deg, #BD3015 0%, #e52000 100%);background: -webkit-linear-gradient(90deg, #BD3015 0%, #e52000 100%);background: -moz-linear-gradient(90deg, #BD3015 0%, #e52000 100%);background: -o-linear-gradient(90deg, #BD3015 0%, #e52000 100%);}
.creative-links a:nth-of-type(5) {background: #200EA6;background: linear-gradient(90deg, #200EA6 0%, #7a13aa 100%);background: -webkit-linear-gradient(90deg, #200EA6 0%, #7a13aa 100%);background: -moz-linear-gradient(90deg, #200EA6 0%, #7a13aa 100%);background: -o-linear-gradient(90deg, #200EA6 0%, #7a13aa 100%);}
.creative-links a:nth-of-type(6) {background: #E7CB10;background: linear-gradient(90deg, #E7CB10 0%, #fddf51 100%);background: -webkit-linear-gradient(90deg, #E7CB10 0%, #fddf51 100%);background: -moz-linear-gradient(90deg, #E7CB10 0%, #fddf51 100%);background: -o-linear-gradient(90deg, #E7CB10 0%, #fddf51 100%);color: #67501f;}
.header-more_links span {height: 60px;padding-top: 27px;cursor: pointer;}
.header-more_links span i {background: url(/images/newhome/sprite.png);background-size: 500px 400px;background-repeat: no-repeat;width: 18px;height: 5px;background-position: -272px -97px;margin: 0 auto;}
.header-more_links div {display: none;padding-top: 34px;background: rgba(0,0,0,0.8);width: 100%;height: 160px;top: 60px;left: 0;z-index: 3;}
header .header-more_links:hover div {display: block;}
.header-more_links ul {width: 1276px;margin: 0 auto;}
.header-more_links ul li {width: 200px;height: 60px;text-align: center;line-height: 60px;border-radius: 30px;font-weight: bold;color: #ededed;margin-right: 20px;background: #363f45;cursor: pointer;transition: all ease 0.2s;}
.header-more_links ul li:hover {background: rgba(255, 255, 255, 0.5);}

header.with-activity {height: 120px;}
header.with-activity .creative-box,header.with-activity .header-more_links div,header.with-activity .fenlei div {top: 120px;}

.right-tools .direct-link {padding: 0 14px;height: 30px;margin-top: 15px;background: #eee7d1;border-radius: 15px;line-height: 30px;font-weight: bold;margin-right: 18px;}
.right-tools .privileges-drop {width: 26px;height: 100%;margin-right: 22px;}
.right-tools .privileges-drop>img {width: 26px;margin-top: 15px;cursor: pointer;}
.privileges-box {width: 300px;height: 0;left: -212px;bottom: -10px;border-radius: 8px;box-shadow: 0 0 10px rgba(0,0,0,0.4);overflow: hidden;transition: all ease 0.3s;z-index: 3;opacity: 0;}
.privileges-drop:hover .privileges-box:before {content: "";width: 0;height: 0;padding: 8px;display: block;background: #fff;position: absolute;transform: rotate(45deg);right: 68px;top: -8px;box-shadow: 0 0 10px rgba(0,0,0,0.4);z-index: 1;}
.privileges-drop:hover .privileges-box:after {content: "";width: 30px;height: 20px;background: #fff;display: block;position: absolute;right: 61px;top: 0;z-index: 2;}
.privileges-box a {margin: 0 20px;padding: 20px 0;border-bottom: 1px solid #D7D7D7;width: 260px;float: left;}
.privileges-box a img {width: 38px;height: 38px;margin-right: 15px;}
.privileges-box a .privilege-info .title {color: #2e2e2e;font-weight: bold;}
.privileges-box a p {color: #a7a7a7;}
.privileges-box a button {width: 60px;height: 36px;border-radius: 5px;text-align: center;line-height: 36px;color: #fff;background-color: #0080f0;border: none;cursor: pointer;}
.privileges-box a button.yellow{background-color: #ffd000;color: #402d0f;}
.privileges-box a button.red{background-color: #FF674D;}
.privileges-box a button.green{background-color: #199e17;}
.privileges-box a button.khaki{background-color: #ff8c1a;}
.privileges-box a button.gray{background-color: #BEAC65;}
.privileges-box a button.darkblue{background-color: #1734a7;}
.right-tools .privileges-drop:hover .privileges-box {height: 472px;bottom: -487px;overflow: unset;opacity: 1;}
.user-center>img {width: 35px;height: 35px;margin-top: 12px;border-radius: 50%;cursor: pointer;}
.user-center .user-box {width: 480px;height: 0;left: -446px;bottom: -10px;box-shadow: 0 0 10px rgba(0,0,0,0.4);z-index: 2;transition: all ease-in-out 0.3s;overflow: hidden;}
.user-center:hover .user-box {height: 268px;bottom: -278px;}
.user-center .user-box .user-info {width: 100%;}
.user-center .user-box .user-info:before {content: '';width: 60px;height: 20px;position: absolute;right: 0;top: -20px;}
.user-info_top {height: 202px;text-align: center;padding-top: 16px;background: #0299d8;background: -webkit-linear-gradient(45deg,#5a3694 0%, #13bdce 33%, #0094d9 66%, #6fc7b5 100%);background: linear-gradient(45deg, #5a3694 0%, #13bdce 33%, #0094d9 66%, #6fc7b5 100%);background-size: 400%;background-position: 0% 100%;-webkit-animation: gradient 7.5s ease-in-out infinite;animation: gradient 7.5s ease-in-out infinite;}
.user-info_top .user-info_main {width: 56px;height: 62px;margin: 0 auto;}
.user-info_top .avastor-part {width: 56px;height: 62px;transform: rotate(120deg);-ms-transform: rotate(120deg);-moz-transform: rotate(120deg);-webkit-transform: rotate(120deg);overflow: hidden;}
.user-info_top .avastor-inner {width: 56px;height: 62px;transform: rotate(-60deg);-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);overflow: hidden;}
.user-info_top .avastor-inner img {width: 56px;height: 62px;transform: rotate(-60deg);-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);overflow: hidden;}
.user-info_top .avastor-inner i {width: 56px;height: 62px;margin: 0 auto;background: url(/images/searchNew1121/search-sprite.png?v=12201);background-position: -10px -410px;background-size: 321px 550px;background-repeat: no-repeat;z-index: 2;}
.user-name {margin-top: 8px;}
.user-name span {margin-right: 10px;max-width: 160px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;vertical-align: middle;font-weight: normal;}
.user-level {padding-top: 16px;}
.user-level .level-point {display: inline-block;width: 65px;height: 20px;border-radius: 10px;border: 2px solid #fff;line-height: 16px;text-align: center;font-size: 14px;color: #fff;font-style: italic;}
.user-level .level-point.yellow {background: #fff32c;color: #383838;}
.user-level .level-line {display: inline-block;width: 180px;height: 20px;border-radius: 5px;border: 1px solid #1b6b8b;background: #fff;overflow: hidden;vertical-align: -4px;margin-left: 5px;}
.user-level .level-line i {display: block;height: 100%;background-color: #c4e6f0;font-size: 14px;color: #1880a9;line-height: 18px;text-indent: 5px;}
.info-list {margin-top: 20px;}
.info-list span {display: inline-block;font-size: 12px;color: #fff;padding: 0 18px;line-height: 12px;}
.info-list span:not(:last-child) {border-right: 1px solid #d4d4d4;}
.info-list span a {color: #fff;}
.info-list span b {font-size: 16px;margin-left: 6px;vertical-align: -2px;}
.privilege-list {padding: 20px 0 0 20px;height: 260px;}
.user-info .priv-li {width: 100px;height: 100px;border-radius: 5px;border: 1px solid #e8e8e8;cursor: pointer;float: left;margin: 0 15px 20px 0px;text-align: center;}
.user-info .priv-li:hover {border-color: #fa3c64;}
.user-info .priv-li img {margin: 13px auto 5px;width: 30px;height: 30px;}
.user-info .priv-li p {font-size: 12px;color: #383838;padding-bottom: 4px;}
.user-info .priv-li span {font-size: 12px;text-align: center;color: #9b9b9b;}
.user-info .priv-li span.lock {color: #ea0000;}
.user-info .link-list {border-top: 1px solid #e7e7e7;padding: 22px 20px 22px 25px;text-align: left;height: 66px;}
.user-info .link-list>a {font-size: 14px;color: #383838;margin-right: 12px;float: left;line-height: 18px;}
.user-info .link-list>a:hover {color: #fa3c64;}
.user-info .link-list>a:last-child {margin-right: 0px;font-size: 12px;float: right;}
.user-info .link-list>a:last-child span {width: 16px;height: 16px;margin-right: 6px;float: left;background: url(/images/searchNew1121/search-sprite.png?v=12201);background-position: -208px -60px;background-size: 321px 550px;background-repeat: no-repeat;margin-top: 1px;}
#loading {width: 440px;height: 20px;margin-top: 90px;}
#loading div {display: flex;justify-content: center;align-items: center;}
#loading span {width: 15px;height: 15px;white-space: nowrap;border-radius: 50%;animation: ball-elastic-dots-anim 1s infinite;background: #a7a7a7;}
@-webkit-keyframes ball-elastic-dots-anim {
	0%,100% {margin: 0;-webkit-transform: scale(1);transform: scale(1)}
	50% {margin: 0 5%;-webkit-transform: scale(.65);transform: scale(.65)}
}


footer {text-align: center;position: relative;z-index: 2;}
footer .footer-top {height: 120px;background: #383838;line-height: 120px;}
footer .footer-top span:nth-of-type(2) {margin-left: 28px;}
footer .footer-top i {font-style: normal;padding: 0 12px;height: 30px;background: #fa3c64;border-radius: 4px;margin: 0 8px;line-height: 30px;}

.footer-mid {background: #383838;}
.footer-mid .max-wrap {margin-top: 1px solid #a6a6a6;text-align: left;}
.footer-mid .link{margin:0 auto;padding:0px 90px 30px;height:auto;color:#6B6B6B;font-size: 14px;}
.footer-mid .link .link-tit{padding-top:39px;margin-bottom:15px;border-top:1px solid #565656;}
.footer-mid .link .link-tit b{margin-right:18px;}
.footer-mid .link .link-tit b:hover{cursor: pointer;}
.footer-mid .link .link-tit b.active{color:#A4A4A4;}
.footer-mid .link .link-show{display:none;}
.footer-mid .link .link-show li{line-height:40px;display:inline-block;margin-right:5px;color:#6B6B6B;}
.link .link-tit b.active {color: #a4a4a4;}

footer .footer-bot {height: 40px;background: #191919;line-height: 40px;color: #5e5c5c;}
footer .footer-bot a {color: #5e5c5c;margin: 0 5px;}
footer .footer-bot a i {width: 23px;height: 25px;background: url(../../images/shgs.png);background-size: 100% 100%;vertical-align: middle;margin-left: 10px;}