1173 lines
26 KiB
CSS
1173 lines
26 KiB
CSS
@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;
|
|
}
|