@charset "UTF-8"; /*全局样式*/ * { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, var, i { font-style: normal; font-weight: normal; } ul, ol, li { list-style: none; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } input, textarea { outline: none; resize: none; } pre, p { white-space: -webkit-pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap; word-wrap: break-word; } a { text-decoration: none; color: #707287; outline: none; } button { outline: none; } a:hover { color: #aa3ffe; } body { font-size: 14px; font-family: Microsoft YaHei, Arial, Verdana; color: #707287; background-color: #f2f2f2; } /*清除浮动*/ .cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; } .clear { clear: both; display: block; height: 0; font-size: 0; } /*显示隐藏*/ .show { display: block; } .hide { display: none; } /*定位*/ .pa { position: absolute; } .pr { position: relative; } /*左右浮动*/ .fl { float: left; } .fr { float: right; } /*字体抗锯齿*/ .thin { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*单行文字超出显示省略号*/ .ell { overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; } /*隐藏文字*/ .hideText { text-indent: -9999px; overflow: hidden; } .limitName { max-width: 130px; display: inline-block; } .container { margin: 0 auto; } .g-section { width: 1200px; margin: 0 auto; } .header { position: relative; top: 0; left: 0; z-index: 10; height: 72px; /*height: 59px;*/ /*background: url(http://file.do.yy.com/group3/M00/CA/F9/tz0MYFZJff-APy98AAAEPTBnJuo042.jpg) center no-repeat;*/ background-color: #fff; } .header .logo { /*margin-top: 13px;*/ width: 168px; height: 60px; margin-top: 5px; } .header .menu-list { padding: 25px 0 0 40px; } .header .menu-list .new-icon { display: block; width: 26px; height: 15px; margin-top: -30px; margin-left: 60px; background: url("http://file.do.yy.com/group3/M00/CD/FE/tz0GSFfk3ZCARWNbAAAFNcuIdJo657.png") center no-repeat; } .header .menu-list li { float: left; margin-right: 35px; } .header .menu-list li a { font-size: 16px; } .header .menu-list li .active { color: #aa3ffe; } .header .menu-list li .bg-left, .header .menu-list li .bg-right { float: left; display: inline-block; margin-top: 10px; width: 50%; height: 2px; } .header .menu-list li .bg-left { background-color: #cb3eff; } .header .menu-list li .bg-right { background-color: #0d9ef7; } .header .login-wrap { font-size: 14px; color: #333; padding: 32px 20px 0 0; } .header .login-wrap .login-btn { color: #aa3ffe; font-size: 14px; } .header .login-wrap div, .header .login-wrap a, .header .login-wrap span { float: left; } .header .login-wrap .sign-out { font-size: 14px; color: #aa3ffe; } .header a { display: inline-block; color: #333; } .header a:hover { color: #aa3ffe; } .service { color: #aa3ffe; font-size: 14px; display: inline-block; width: 60px; cursor: pointer; position: relative; } .service .triangle { width: 0px; height: 0px; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 4px solid transparent; border-top: 4px solid #4a4a4a; margin-top: 8px; margin-left: 6px; } .service ul { width: 60px; border: 1px solid #ebebeb; float: left; background: #fff; } .service ul li { float: left; width: 60px; height: 30px; font-size: 12px; line-height: 30px; color: #666; text-align: center; border-bottom: 1px solid #ebebeb; cursor: pointer; position: relative; } .service ul li a { display: block; width: 100%; height: 100%; } .service ul li .channel-box { position: absolute; top: -1px; left: -82px; width: 80px; } .service ul li .channel-box>li { width: 80px; } .service ul .last { border-bottom: none; } .service ul .myChannel i { display: inline-block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUE3QzY1MDNDMTFCMTFFNkI5OEFBQTU0NTAxMEQ3QjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUE3QzY1MDRDMTFCMTFFNkI5OEFBQTU0NTAxMEQ3QjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTdDNjUwMUMxMUIxMUU2Qjk4QUFBNTQ1MDEwRDdCMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTdDNjUwMkMxMUIxMUU2Qjk4QUFBNTQ1MDEwRDdCMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmI2shoAAAAsSURBVHjaYkxLS/vPwMDAyAAFTFD6P7oAXBBZACyILsCILMCIrAVuC0CAAQDdBAVAa+3nRgAAAABJRU5ErkJggg==") no-repeat top center; width: 4px; height: 7px; } .mark-pop { width: 100%; height: 100%; position: fixed; background-color: #000; filter: alpha(opacity=40); opacity: 0.4; left: 0; top: 0; z-index: 100; } .login-pop-box { width: 460px; height: 315px; padding: 20px; position: fixed; left: 50%; top: 50%; margin-left: -225px; margin-top: -150px; background-color: #fff; border-radius: 5px; font-family: Microsoft YaHei; z-index: 101; } .login-pop-box>.lg-header { height: 38px; line-height: 38px; font-size: 20px; color: #666; text-indent: 20px; border-bottom: #b5b5b5 solid 2px; } .login-pop-box>.lg-main { overflow: hidden; height: 273px; } .login-pop-box>.lg-main>.right-box { width: 125px; height: 100%; } .login-pop-box>.lg-main>.right-box>h1 { color: #727171; font-size: 16px; height: 30px; line-height: 30px; padding: 10px 0 0; } .login-pop-box>.lg-main>.right-box>a { width: 85px; height: 36px; margin-top: 15px; line-height: 36px; color: #fff; padding-left: 40px; display: block; border-radius: 3px; background-repeat: no-repeat; background-image: url("http://file.do.yy.com/group3/M03/CC/E4/tz0GSFdFUDSAE8QKAAAF0S80sMM497.png"); } .login-pop-box>.lg-main>.right-box>.qq { background-position: 10px 9px; background-color: #3fa6ee; } .login-pop-box>.lg-main>.right-box>.qq:hover { background-color: #56b7fb; } .login-pop-box>.lg-main>.right-box>.weibo { background-position: 10px -68px; background-color: #f75b66; } .login-pop-box>.lg-main>.right-box>.weibo:hover { background-color: #ff6a75; } .login-pop-box>.lg-main>.right-box>.weixin { background-position: 10px -30px; background-color: #46c33d; } .login-pop-box>.lg-main>.right-box>.weixin:hover { background-color: #4cdb42; } .iframe-pop { width: 720px; height: 410px; position: fixed; left: 50%; top: 50%; margin-left: -360px; margin-top: -210px; background-color: #fff; border-radius: 5px; overflow: hidden; font-family: Microsoft YaHei; z-index: 102; } .iframe-pop>#login-iframe { height: 100%; width: 100%; overflow: hidden; } .left-login-box { width: 320px; height: 100%; float: left; } a.close-btn { display: block; width: 40px; height: 40px; line-height: 35px; text-align: center; color: #aaa; font-size: 40px; position: absolute; right: 15px; top: 10px; z-index: 10; } a.close-btn:hover { color: #ff8900; } /* * artDialog v6.0.0 * Date: 2013-12-13 * (c) 2009-2013 TangBin, http://www.planeArt.cn * * This is licensed under the GNU LGPL, version 2.1 or later. * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html */ .ui-dialog { *zoom: 1; _float: left; position: relative; background-color: #fff; outline: 0; background-clip: padding-box; font-family: Helvetica, arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #333; opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .ui-popup-show .ui-dialog { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .ui-popup-focus .ui-dialog { box-shadow: 0 0 8px rgba(0,0,0,0.1); } .ui-popup-modal .ui-dialog { box-shadow: 0 0 8px rgba(0,0,0,0.1), 0 0 256px rgba(255,255,255,0.3); } .ui-dialog-grid { width: auto; margin: 0; border: 0 none; border-collapse: collapse; border-spacing: 0; background: transparent; } .ui-dialog-header, .ui-dialog-body, .ui-dialog-footer { padding: 0; border: 0 none; text-align: left; background: transparent; } .ui-dialog-header { white-space: nowrap; } .ui-dialog-close { position: relative; _position: absolute; float: right; top: 13px; right: 13px; _height: 26px; padding: 0 4px; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); cursor: pointer; background: transparent; _background: #fff; border: 0; -webkit-appearance: none; } .ui-dialog-close:hover, .ui-dialog-close:focus { color: #000; text-decoration: none; cursor: pointer; outline: 0; opacity: 0.5; filter: alpha(opacity=50); } .ui-dialog-title { margin: 0; line-height: 1.428571429; min-height: 16.428571429px; padding: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; cursor: default; display: none; } .ui-dialog-body { padding: 20px; text-align: center; } .ui-dialog-content { display: inline-block; position: relative; vertical-align: middle; *zoom: 1; *display: inline; text-align: left; } .ui-dialog-footer { padding: 0 20px 20px 20px; } .ui-dialog-statusbar { margin-right: 20px; padding: 6px 0; line-height: 1.428571429; font-size: 14px; color: #888; white-space: nowrap; } .ui-dialog-statusbar label:hover { color: #333; } .ui-dialog-statusbar input, .ui-dialog-statusbar .label { vertical-align: middle; } .ui-dialog-button { white-space: nowrap; } .ui-dialog-footer button+button { margin-bottom: 0; margin-left: 5px; } .ui-dialog-footer button { width: auto; overflow: visible; display: inline-block; padding: 0px 24px; _margin-left: 5px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; color: #fff; border: none; background-image: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .ui-dialog-footer button:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .ui-dialog-footer button:hover, .ui-dialog-footer button:focus { text-decoration: none; } .ui-dialog-footer button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); } .ui-dialog-footer button[disabled] { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .ui-dialog-footer button[disabled], .ui-dialog-footer button[disabled]:hover, .ui-dialog-footer button[disabled]:focus, .ui-dialog-footer button[disabled]:active { background-color: #fff; border-color: #ccc; } .ui-dialog-footer button.ui-dialog-autofocus { color: #fff; background-color: #d6090d; } .ui-dialog-footer button.ui-dialog-autofocus:hover, .ui-dialog-footer button.ui-dialog-autofocus:focus, .ui-dialog-footer button.ui-dialog-autofocus:active { color: #fff; background-color: #f50a0e; } .ui-dialog-footer button.ui-dialog-autofocus:active { background-image: none; } .ui-popup-top-left .ui-dialog, .ui-popup-top .ui-dialog, .ui-popup-top-right .ui-dialog { top: -8px; } .ui-popup-bottom-left .ui-dialog, .ui-popup-bottom .ui-dialog, .ui-popup-bottom-right .ui-dialog { top: 8px; } .ui-popup-left-top .ui-dialog, .ui-popup-left .ui-dialog, .ui-popup-left-bottom .ui-dialog { left: -8px; } .ui-popup-right-top .ui-dialog, .ui-popup-right .ui-dialog, .ui-popup-right-bottom .ui-dialog { left: 8px; } .ui-dialog-arrow-a, .ui-dialog-arrow-b { position: absolute; display: block; width: 0; height: 0; overflow: hidden; line-height: 0; font-size: 0; _color: #ff3fff; _filter: chroma(#ff3fff); } .ui-popup-top-left .ui-dialog-arrow-a, .ui-popup-top .ui-dialog-arrow-a, .ui-popup-top-right .ui-dialog-arrow-a { bottom: -8px; border-top: 8px solid #7c7c7c; border-bottom: 0 none; border-left: 8px solid transparent; border-right: 8px solid transparent; } .ui-popup-top-left .ui-dialog-arrow-b, .ui-popup-top .ui-dialog-arrow-b, .ui-popup-top-right .ui-dialog-arrow-b { bottom: -7px; border-top: 8px solid #fff; border-bottom: 0 none; border-left: 8px solid transparent; border-right: 8px solid transparent; } .ui-popup-top-left .ui-dialog-arrow-a, .ui-popup-top-left .ui-dialog-arrow-b { left: 15px; } .ui-popup-top .ui-dialog-arrow-a, .ui-popup-top .ui-dialog-arrow-b { left: 50%; margin-left: -8px; } .ui-popup-top-right .ui-dialog-arrow-a, .ui-popup-top-right .ui-dialog-arrow-b { right: 15px; } .ui-popup-bottom-left .ui-dialog-arrow-a, .ui-popup-bottom .ui-dialog-arrow-a, .ui-popup-bottom-right .ui-dialog-arrow-a { top: -8px; border-bottom: 8px solid #7c7c7c; border-top: 0 none; border-left: 8px solid transparent; border-right: 8px solid transparent; } .ui-popup-bottom-left .ui-dialog-arrow-b, .ui-popup-bottom .ui-dialog-arrow-b, .ui-popup-bottom-right .ui-dialog-arrow-b { top: -7px; border-bottom: 8px solid #fff; border-top: 0 none; border-left: 8px solid transparent; border-right: 8px solid transparent; } .ui-popup-bottom-left .ui-dialog-arrow-a, .ui-popup-bottom-left .ui-dialog-arrow-b { left: 15px; } .ui-popup-bottom .ui-dialog-arrow-a, .ui-popup-bottom .ui-dialog-arrow-b { margin-left: -8px; left: 50%; } .ui-popup-bottom-right .ui-dialog-arrow-a, .ui-popup-bottom-right .ui-dialog-arrow-b { right: 15px; } .ui-popup-left-top .ui-dialog-arrow-a, .ui-popup-left .ui-dialog-arrow-a, .ui-popup-left-bottom .ui-dialog-arrow-a { right: -8px; border-left: 8px solid #7c7c7c; border-right: 0 none; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .ui-popup-left-top .ui-dialog-arrow-b, .ui-popup-left .ui-dialog-arrow-b, .ui-popup-left-bottom .ui-dialog-arrow-b { right: -7px; border-left: 8px solid #fff; border-right: 0 none; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .ui-popup-left-top .ui-dialog-arrow-a, .ui-popup-left-top .ui-dialog-arrow-b { top: 15px; } .ui-popup-left .ui-dialog-arrow-a, .ui-popup-left .ui-dialog-arrow-b { margin-top: -8px; top: 50%; } .ui-popup-left-bottom .ui-dialog-arrow-a, .ui-popup-left-bottom .ui-dialog-arrow-b { bottom: 15px; } .ui-popup-right-top .ui-dialog-arrow-a, .ui-popup-right .ui-dialog-arrow-a, .ui-popup-right-bottom .ui-dialog-arrow-a { left: -8px; border-right: 8px solid #7c7c7c; border-left: 0 none; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .ui-popup-right-top .ui-dialog-arrow-b, .ui-popup-right .ui-dialog-arrow-b, .ui-popup-right-bottom .ui-dialog-arrow-b { left: -7px; border-right: 8px solid #fff; border-left: 0 none; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .ui-popup-right-top .ui-dialog-arrow-a, .ui-popup-right-top .ui-dialog-arrow-b { top: 15px; } .ui-popup-right .ui-dialog-arrow-a, .ui-popup-right .ui-dialog-arrow-b { margin-top: -8px; top: 50%; } .ui-popup-right-bottom .ui-dialog-arrow-a, .ui-popup-right-bottom .ui-dialog-arrow-b { bottom: 15px; } @-webkit-keyframes ui-dialog-loading { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } .ui-dialog-loading { vertical-align: middle; position: relative; display: block; *zoom: 1; *display: inline; overflow: hidden; width: 32px; height: 32px; top: 50%; margin: -16px auto 0 auto; font-size: 0; text-indent: -999em; color: #666; } .ui-dialog-loading { width: 100% 9; text-indent: 0 9; line-height: 32px 9; text-align: center 9; font-size: 12px 9; } .ui-dialog-loading::after { position: absolute; content: ''; width: 3px; height: 3px; margin: 14.5px 0 0 14.5px; border-radius: 100%; box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px; -webkit-transform: rotate(360deg); -webkit-animation: ui-dialog-loading 1.5s infinite linear; transform: rotate(360deg); animation: ui-dialog-loading 1.5s infinite linear; display: none 9; } .ui-dialog-skin-vip { background: #fff; } .ui-popup { padding: 10px; background: rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000); } .ui-dialog-skin-vip .ui-dialog-header { height: 40px; border: none; position: relative; } .ui-dialog-skin-vip .ui-dialog-title { display: none; } .ui-dialog-skin-vip .ui-dialog-close { width: 26px; height: 25px; background: url("http://file.do.yy.com/group3/M04/CA/85/tz0MYFYIrRuAZQaKAAADHDNP7bI487.png") no-repeat; text-indent: -99em; overflow: hidden; } .ui-dialog-skin-vip .ui-dialog-close:hover { background-position: 0 -25px; } .ui-dialog-skin-vip .ui-dialog-body { background: #fff; padding: 20px 50px 0 50px; } .ui-dialog-skin-vip .ui-dialog-footer { padding: 19px; text-align: center; } .ui-dialog-skin-vip .ui-dialog-footer button { background: #d6090d; font-family: "Microsoft YaHei", "Apple LiGothic Medium", "SimHei"; font-size: 16px; height: 32px; line-height: normal; padding: 0 24px; } .ui-dialog-skin-vip .ui-dialog-footer button:hover, .ui-dialog-skin-vip .ui-dialog-footer button:focus, .ui-dialog-skin-vip .ui-dialog-footer button:active { background: #f50a0e; } .ui-dialog-skin-vip .ui-dialog-footer button.ui-dialog-autofocus { background: #d6090d; } .ui-dialog-skin-vip .ui-dialog-footer button.ui-dialog-autofocus:hover, .ui-dialog-skin-vip .ui-dialog-footer button.ui-dialog-autofocus:focus, .ui-dialog-skin-vip .ui-dialog-footer button.ui-dialog-autofocus:active { background: #f50a0e; } .ui-dialog-skin-vip .ui-dialog-footer button[disabled], .ui-dialog-skin-vip .ui-dialog-footer button[disabled]:hover, .ui-dialog-skin-vip .ui-dialog-footer button[disabled]:focus, .ui-dialog-skin-vip .ui-dialog-footer button[disabled]:active { background: #ccc; border-color: #999; } .ui-dialog-game-load { line-height: 26px; text-align: center; } .ui-dialog-game-load img { margin-right: 5px; } .ui-dialog-game-freeze { position: relative; zoom: 1; } .ui-dialog-game-freeze { position: relative; z-index: 10; } .ui-dialog-game-freeze-cover { position: absolute; z-index: 20; top: 0; right: 0; width: 100%; height: 100%; background: url("http://dl4.vip.yystatic.com/yyvippicture/0bbf6a3c22221a1f6d0790240a9b1367.gif") no-repeat center center; background-color: rgba(0,0,0,0.6); } .ie .ui-dialog-game-freeze-cover { background-color: #000; filter: alpha(opacity=60); } @-moz-keyframes ui-dialog-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes ui-dialog-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-o-keyframes ui-dialog-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes ui-dialog-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #ascrail2000 { background: #fff !important; padding-right: 1px; } #ascrail2000:hover { background: #ebebeb !important; } #ascrail2000 > div:hover { background: #a8a8a8 !important; } #ascrail2000 > div:hover .s-top { background-position: -10px 0; } #ascrail2000 > div:hover .s-bot { background-position: -10px -4px; } #ascrail2000 .fix-radius { position: absolute; width: 10px; height: 4px; right: 0; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAICAIAAABh3dhzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUJBQjAzNjU5NEFFMTFFNTk0MzhCRDc3NTRCRjNFODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUJBQjAzNjY5NEFFMTFFNTk0MzhCRDc3NTRCRjNFODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQkFCMDM2Mzk0QUUxMUU1OTQzOEJENzc1NEJGM0U4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQkFCMDM2NDk0QUUxMUU1OTQzOEJENzc1NEJGM0U4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PibhToEAAADpSURBVHjatJK7CoNAEEXXJSCo+MJCUUTw/z9JEFG0EF9oYWUOSCDJsk0gU8hljnu5zIxxXZcQYp7nYRiO40Dbtp0kie/76HEc72/TNNu2oV3XzfM8iiLxKl6t63qeJ9o0TR5aloU2sG7btus68VlpmmZZhmlVVXVdf9GiKMqyREzTRKwvGgRBGIaPZVlUX4om8bFWfSmanueRTvW9Z0B82fe90BQjYg46CiKWjjIiKf5WMo5jHQOxMR0FMRMdBUlGzsZURhPEJbAxldIEsQz+USlNkPF+fPu+ox3HIe/95ofjIy++6KcAAwDGlYSCcbifAgAAAABJRU5ErkJggg==") no-repeat; } #ascrail2000 .s-top { top: 0; } #ascrail2000 .s-bot { bottom: 0; background-position: 0 -4px; } .cp { color: #6e6e6e; width: 960px; margin: 0 auto; line-height: 22px; text-align: center; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #a21010; font-size: 12px; } a { font-size: 12px; } a:link.cptext, a:visited.cptext { color: #6e6e6e; text-decoration: none; } a:hover.cptext { color: #6e6e6e; text-decoration: none; } #footer { color: #878787; } #footer a, #footer span, #footer p { color: #878787; } #footer a:hover, #footer span:hover, #footer p:hover { color: #878787; } #footer a:hover { color: #f50a0e; } #footer { clear: both; width: 100%; margin: 0 auto; padding: 25px 0 15px; } #footer div, #footer p { margin: 8px auto; text-align: center; line-height: 1; font-size: 12px; white-space: nowrap; } #footer a { margin: 0 4px; } #footer a b { font-weight: 700; color: #f50a0e; } #footer img { vertical-align: middle; } @charset "UTF-8"; .multi-login-box-mask { z-index: 90000; position: fixed; top: 0; left: 0; opacity: 0.5; filter: alpha(opacity=50); background-color: #000; width: 100%; height: 100%; zoom: 1; } .multi-login-box { background: #fff; border-radius: 4px; width: 520px; height: 300px; position: fixed; left: 50%; top: 50%; margin-left: -260px; margin-top: -150px; z-index: 90001; font-family: "Microsoft Yahei"; } .multi-login-box h2 { font-size: 23px; line-height: 30px; font-family: "Microsoft Yahei"; color: #333; font-weight: 400; margin: 30px 0 35px 30px; } .multi-login-box .multi-login-box-close { position: absolute; width: 14px; height: 13px; display: block; top: 10px; right: 10px; color: #52a3e2; font-size: 16px; text-decoration: none; background: url("http://file.do.yy.com/group3/M03/CC/61/tz0MYFcOBtSAQnGtAABUsFkBdqk149.png") no-repeat 0px -302px; } .multi-login-box .multi-login-box-close:hover { background-position: -22px -302px; } .multi-login-box .multi-login-cont { position: relative; height: 150px; } .multi-login-box .multi-login-cont a { display: block; position: absolute; top: 0; background: url("http://file.do.yy.com/group3/M03/CC/61/tz0MYFcOBtSAQnGtAABUsFkBdqk149.png") no-repeat 2000px 2000px; } .multi-login-box .multi-login-cont .login-vline { width: 0px; height: 150px; position: absolute; top: -2px; left: 270px; border-right: 1px dotted #ddd; } .multi-login-box .multi-login-cont .login-yy { width: 140px; height: 140px; background-position: 0 0; left: 70px; } .multi-login-box .multi-login-cont .login-yy:hover { background-position: 0 -150px; } .multi-login-box .multi-login-cont .login-qq, .multi-login-box .multi-login-cont .login-sina, .multi-login-box .multi-login-cont .login-baidu { width: 140px; height: 30px; left: 320px; } .multi-login-box .multi-login-cont .login-qq { top: 15px; background-position: -150px -4px; } .multi-login-box .multi-login-cont .login-qq:hover { background-position: -150px -154px; } .multi-login-box .multi-login-cont .login-sina { top: 90px; background-position: -150px -54px; } .multi-login-box .multi-login-cont .login-sina:hover { background-position: -150px -204px; } .multi-login-box .multi-login-cont .login-baidu { display: none; top: 110px; background-position: -150px -106px; } .multi-login-box .multi-login-cont .login-baidu:hover { background-position: -150px -256px; } .multi-login-box .multi-login-tip { text-align: center; color: #909090; font-size: 12px; padding-top: 10px; } .multi-login-box .multi-login-etip-cont { height: 120px; } .multi-login-box .multi-login-error-tip { color: #555; text-align: center; padding-top: 25px; } .multi-login-box .multi-login-error-tip p { font-size: 14px; line-height: 26px; } .multi-login-box .multi-login-error-tip p .copy-yynum { position: static; display: inline; color: #00e; } .multi-login-box .multi-login-foot { text-align: center; } .multi-login-box .multi-login-foot div { width: 125px; height: 35px; line-height: 35px; border-radius: 3px; display: inline-block; font-size: 12px; text-align: left; vertical-align: top; } .multi-login-box .multi-login-foot div a { display: block; border-radius: 3px; color: #fff; } .multi-login-box .multi-login-foot .multi-login-cancel-btn { text-align: center; width: 90px; margin-right: 20px; } .multi-login-box .multi-login-foot .multi-login-cancel-btn a { background: #a1adb9; } .multi-login-box .multi-login-foot .multi-login-cancel-btn a:hover { background: #a2bbd4; } .multi-login-box .multi-login-foot .multi-login-yylogin-btn { text-align: center; width: 110px; } .multi-login-box .multi-login-foot .multi-login-yylogin-btn a { background: #fe7e00; } .multi-login-box .multi-login-foot .multi-login-yylogin-btn a:hover { background: #fea100; }