.clear:after {
    content: " ";
    visibility: hidden;
    display: block;
    font-size: 0;
    clear: both;
    height: 0
}
.clear {
    *zoom: 1
}
textarea,
input,
button,
select {
    outline: none;
    resize: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}
body {
    background: #f0f0f0;
    line-height: 1.5;
    font-size: 12px;
    font-family: "Microsoft Yahei", Arial, SimSun, sans-serif;
}
a {
    transition: all 0.2s ease;
}
a:hover {
    text-decoration: underline;
}
.wrap {
    margin: 0 auto;
    width: 1200px;
}
.tac,
.table .tac {
    text-align: center;
}
.hide {
    display: none;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: none;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(180, 180, 180, 0.4);
    -webkit-transition: background-color 3s ease;
}
:hover::-webkit-scrollbar-thumb {
    background-color: rgba(150, 150, 150, 1);
}
::-webkit-scrollbar-button:vertical:decrement {
    background: none;
    height: 0;
}
.ico,
.form label,
.form .label,
.form label input,
.form label span {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    *zoom: 1;
    *display: inline;
}
.ico {
    background: url("//ue.17173cdn.com/a/open/index/2017/images/v1-5-2/bg.png");
    position: relative;
}
button {
    cursor: pointer;
    border-radius: 3px;
    width: 100%;
    font-size: 14px;
}
.button {
    background: #526cba;
    font-weight: bold;
    color: #fff;
    border: 0 none;
    -webkit-transition: all 0.2s ease;
}
.button-cancel {
    background: #fff;
    color: #526cba;
}
a.button {
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    width: 100%;
    line-height: 35px;
}
a.button:hover {
    text-decoration: none;
}
.button:hover {
    background: #5b75c4;
}
.button-white,
.button-white1 {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    line-height: 32px;
    height: 34px;
    color: #333;
}
.button-white:hover,
.button-cancel:hover {
    background-color: #f8f8f8;
}
.button-down {
    background: #21ab7c;
    color: #fff;
    height: 36px;
    line-height: 36px;
}
.button-down.disable,
.button-down.disable:hover {
    background: #f0f0f0;
    color: #bbb;
}
.button-down:hover {
    background: #059362;
}
.button-white1 {
    color: #666;
    line-height: normal;
}
.button-white1:hover {
    color: #526cba;
    border-color: #526cba;
    background: #fff;
}
.bar,
.bar-in,
.bar span {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    *zoom: 1;
    *display: inline;
}
.bar-in,
.bar-in div {
    height: 10px;
    overflow: hidden;
    border-radius: 5px;
}
.bar-in {
    background-color: #f5f5f5;
    width: 320px;
}
.bar-in div {
    background-color: #ffcf00;
}
.bar span {
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 24px;
}
.bar .per {
    font-size: 14px;
    font-style: normal;
}
.bar .bar-suc {
    font-weight: normal;
    font-size: 14px;
    color: #999;
    line-height: 34px;
    display: none;
}
.apk-upload .bar,
.apk-upload .bar-in,
.apk-upload .bar span {
    vertical-align: top;
}
.apk-upload .bar-in {
    margin-top: 12px;
}
.apk-upload .button-cancel {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.form {
    padding: 10px 0;
}
.form li {
    position: relative;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 14px;
}
.form .label {
    position: absolute;
    width: 140px;
}
.form .item {
    padding-left: 140px;
}
.form label {
    margin-right: 20px;
    cursor: pointer;
    min-width: 60px;
}
.form label span {
    margin-left: 5px;
}
.form label input,
.form label span {
    top: -3px;
    cursor: pointer;
}
.form .input-text,
.form textarea {
    border: 1px solid #e0e0e0;
    color: #bbbbbb;
    background: #f5f5f5;
    border-radius: 3px;
    line-height: 18px;
    height: 18px;
    padding: 10px 12px;
    margin-right: 10px;
    width: 300px;
}
.form textarea {
    width: 100%;
    height: auto;
    overflow: auto;
    padding: 15px 20px;
    margin: 0;
}
.form .focus,
.form .input-text:focus,
.form textarea:focus {
    background: #fff;
    border-color: #bbbbbb;
    color: #333;
    box-shadow: 0 0 10px rgba(100, 100, 100, 0.3);
}
.form .warn {
    border-color: #db4444;
    background: #fef6f6;
    color: #999;
}
.form .txt-tip {
    color: #999;
}
.form .txt-warn,
.txt-warn {
    color: #db4444;
    line-height: 20px;
    padding-top: 10px;
}
.form .button {
    height: 40px;
    line-height: 40px;
    width: 120px;
}
.form .button.disable,
.form .button.disable:hover {
    background: #f0f0f0;
    color: #bbb;
}
.form li p,
.form li {
    position: relative;
}
.form .opt-need {
    font-weight: bold;
    font-size: 14px;
    color: #db4444;
    margin-left: -15px;
    position: absolute;
    top: 5px;
    height: 100%;
    vertical-align: middle;
    width: 10px;
    overflow: hidden;
}
.form.need li {
    padding: 0 0 0 15px;
}
input[type=radio],
input[type=checkbox] {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #526cba;
    background: #fff;
}
input[type=checkbox] {
    border-color: #bdbdbd;
    border-radius: 2px;
}
input[type=radio]:checked::after {
    content: '';
    display: block;
    position: relative;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    background: #526cba;
    border-radius: 100%;
}
input[type=checkbox]:checked::after,
.cb[type=checkbox]:checked::after {
    content: '';
    display: block;
    border-radius: 2px;
    position: relative;
    top: -1px;
    left: -1px;
    width: 16px;
    height: 16px;
    background-color: #5b75c4;
    background-repeat: no-repeat;
    background-position: 2px center;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAMAAAAY5vW6AAAAb1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+pUA8cAAAAJHRSTlMASXhZ+tPLaf3lKTNqB3vbINS+D43QGFz87MURTve4Cj7SkwbEJplAAAAARUlEQVR4XjXLRQ6AUAAD0eLu7jb3PyMJ+XT1FlP9szz7p+PiGwYhUawkzaQcilKqqJsWul7SMDLBvHzpusF+mN953c+HF5cFBCcf0WdQAAAAAElFTkSuQmCC");
}
.checkbox[type=checkbox],
.checkbox[type=checkbox]:checked::after {
    border-radius: 0;
}
.cb[type=checkbox],
.cb[type=checkbox]:checked::after {
    width: 14px;
    height: 14px;
    border: 2px solid;
    border-radius: 3px;
}
.cb[type=checkbox]:checked::after {
    border: 0;
    top: -2px;
    left: -2px;
}
.cb1[type=checkbox],
.cb1[type=checkbox]:checked::after {
    border-color: #869ddc;
}
.cb1[type=checkbox]:checked::after {
    background-color: #869ddc;
}
.cb2[type=checkbox],
.cb2[type=checkbox]:checked::after {
    border-color: #d96d3e;
}
.cb2[type=checkbox]:checked::after {
    background-color: #d96d3e;
}
.cb3[type=checkbox],
.cb3[type=checkbox]:checked::after {
    border-color: #62a964;
}
.cb3[type=checkbox]:checked::after {
    background-color: #62a964;
}
.cb4[type=checkbox],
.cb4[type=checkbox]:checked::after {
    border-color: #a3ba4a;
}
.cb4[type=checkbox]:checked::after {
    background-color: #a3ba4a;
}
.cb5[type=checkbox],
.cb5[type=checkbox]:checked::after {
    border-color: #7769b3;
}
.cb5[type=checkbox]:checked::after {
    background-color: #7769b3;
}
.cb6[type=checkbox],
.cb6[type=checkbox]:checked::after {
    border-color: #c65790;
}
.cb6[type=checkbox]:checked::after {
    background-color: #c65790;
}
.cb7[type=checkbox],
.cb7[type=checkbox]:checked::after {
    border-color: #d8a74a;
}
.cb7[type=checkbox]:checked::after {
    background-color: #d8a74a;
}
.cb8[type=checkbox],
.cb8[type=checkbox]:checked::after {
    border-color: #59c5f2;
}
.cb8[type=checkbox]:checked::after {
    background-color: #59c5f2;
}
.cb9[type=checkbox],
.cb9[type=checkbox]:checked::after {
    border-color: #f37070;
}
.cb9[type=checkbox]:checked::after {
    background-color: #f37070;
}
.cb10[type=checkbox],
.cb10[type=checkbox]:checked::after {
    border-color: #4bc196;
}
.cb10[type=checkbox]:checked::after {
    background-color: #4bc196;
}
select {
    appearance: none;
    -webkit-appearance: none;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    min-width: 80px;
}
select {
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGCAMAAAAbiyWRAAAAP1BMVEX///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZnjEj7mAAAAFHRSTlMA6hyr2RUP0uPcLKMkN/XwMEXfQsiX/oAAAAA2SURBVHheZchBDsAQAATAhaIA6v9v1QgBcxywMhhMD+8pBRZUtXwpNpr8SSwOzpcQcUn526MC6usCtnlyCpQAAAAASUVORK5CYII=');
}
select.disable {
    background-image: none;
}
.form input[type=checkbox] {
    margin-right: 5px;
    top: -2px;
}
.sys label {
    min-width: auto;
    padding-right: 10px;
    margin-right: 30px;
}
.gb-final-mod-pagination-in {
    text-align: center;
}
.gb-final-mod-pagination a,
.gb-final-mod-pagination span {
    display: inline-block;
    vertical-align: middle;
    _width: 10px;
    min-width: 10px;
    text-align: center;
    height: 22px;
    padding: 0 6px;
    color: #666666;
    line-height: 22px;
    border-radius: 11px;
    margin: 0 3px;
    *zoom: 1;
    *display: inline;
}
.gb-final-mod-pagination a:hover {
    background-color: #4092ee;
    color: #fff;
    text-decoration: none;
}
.gb-final-mod-pagination .gb-final-page-current {
    background-color: #dddddd;
}
.gb-final-mod-pagination .gb-final-page-previous {
    background-image: url("//ue.17173cdn.com/a/open/index/2017/images/v1-5-2/bg.png");
    background-position: -131px -50px;
}
.gb-final-mod-pagination .gb-final-page-previous:hover {
    background-position: -160px -50px;
}
.gb-final-mod-pagination .gb-final-page-next {
    background-image: url("//ue.17173cdn.com/a/open/index/2017/images/v1-5-2/bg.png");
    background-position: -181px -50px;
}
.gb-final-mod-pagination .gb-final-page-next:hover {
    background-position: -210px -50px;
}
.table,
.table table {
    width: 100%;
}
.table th,
.table td {
    font-size: 14px;
    text-align: left;
    vertical-align: top;
    word-break: break-all;
}
.table th {
    border-bottom: 1px solid #f0f0f0;
    padding: 16px 3px;
    line-height: 20px;
    color: #999;
    font-weight: bold;
}
.table td {
    padding: 10px 3px;
    line-height: 20px;
}
.table tr {
    transition: background 0.3s ease;
}
.table tr:hover {
    background: #f8f8f8;
}
.table tr.table-hd:hover,
.table thead tr:hover {
    background: none;
}
.data-view .table {
    color: #666;
}
.data-view .gb-final-mod-pagination-in {
    padding: 20px;
}
.table .asc,
.table .desc {
    color: #5b75c4;
}
.table a {
    color: #666;
    font-weight: bold;
}
.table a:hover {
    color: #5b75c4;
}
.txt-red {
    color: #db4444;
}
html {
    min-height: 100%;
}
.index {
    height: 100%;
    width: 100%;
    background: url("//ue.17173cdn.com/a/open/index/2017/images/v1-3/index-bg.jpg") center top #316abf no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.scene {
    width: 100% !important;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}
.ani .square {
    background: url("//ue.17173cdn.com/a/open/index/2017/images/v1-3/scene1.png") no-repeat;
}
.ani .ani-in .pic {
    background: url("//ue.17173cdn.com/a/open/index/2017/images/v1-3/scene2.png") no-repeat;
}
.ani .square,
.ani .ani-in .pic {
    position: absolute;
    background-size: 100% 100%;
}
.login-box {
    transition: all 0.3s ease;
}
.login-box:hover {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.5);
}
.login-wrap {
    padding: 30px 0 14px;
}
.login-box .hd {
    padding-bottom: 21px;
}
.login-box .ico-logo,
.allow .ico-logo {
    background: url("//ue.17173cdn.com/a/open/index/2017/images/v1-5-2/bg.png") 0 -180px;
    width: 154px;
    height: 37px;
    display: block;
}
.login-box h1 {
    margin: 0 auto;
}
.login-box .fd {
    padding: 4px 30px 0;
    line-height: 22px;
    font-size: 14px;
    color: #999999;
}
.login-box .txt-blue,
.txt-blue {
    color: #5b75c4;
}
.msg-box {
    background: #e7ecf3;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 320px;
    height: 440px;
    border-top-right-radius: 8px;
    animation: box1 0.3s;
    animation-fill-mode: forwards;
}
.msg-box .msg-wrap {
    padding: 0 20px;
}
.msg-box .hd {
    color: #fff;
    position: relative;
    padding-left: 12px;
    height: 60px;
}
.msg-box .msg-img,
.msg-img {
    background: url("//ue.17173cdn.com/a/open/index/2017/images/msg-server.png");
    width: 110px;
    height: 110px;
    position: absolute;
    top: -55px;
    left: -20px;
    cursor: pointer;
    animation: img1 0.3s;
    animation-fill-mode: forwards;
}
.msg-img {
    left: 0;
    bottom: 390px;
    top: auto;
    z-index: 2;
}
.msg-box .msg-hide {
    position: absolute;
    width: 36px;
    height: 41px;
    right: -12px;
    top: 3px;
    text-align: center;
    cursor: pointer;
}
.msg-box .ico-msg-hide {
    background-position: -160px 0;
    width: 12px;
    height: 19px;
    top: 12px;
}
.msg-box .msg-hide:hover .ico-msg-hide {
    background-position: -180px 0;
}
.msg-box .list input {
    height: 20px;
    line-height: 20px;
}
.msg-box .list textarea,
.msg-box .list input {
    padding: 10px;
    width: 260px;
    border: 0;
    margin-bottom: 10px;
    background: #fff;
    color: #455069;
    font-size: 14px;
    border-radius: 3px;
}
.msg-box .list li:hover textarea,
.msg-box .list li:hover input {
    box-shadow: 0 0 10px rgba(150, 150, 150, 0.5);
}
.msg-box .list textarea {
    height: 80px;
    display: block;
    overflow: auto;
}
.msg-box button {
    height: 40px;
}
.msg-box .fd {
    padding-top: 10px;
}
.msg-box.ani1 {
    animation: box 0.3s;
    animation-fill-mode: forwards;
}
.msg-img.ani1 {
    animation: img 0.3s;
    animation-fill-mode: forwards;
}
@keyframes box {
    from {
        left: 0
    }
    to {
        left: -320px;
    }
}
@keyframes box1 {
    from {
        left: -320px
    }
    to {
        left: 0;
    }
}
@keyframes img {
    0% {
        bottom: 390px;
    }
    75% {
        bottom: -30px;
    }
    100% {
        bottom: 10px;
    }
}
@keyframes img1 {
    0% {
        bottom: -30px;
    }
    100% {
        bottom: 390px;
    }
}
@-webkit-keyframes box {
    from {
        left: 0
    }
    to {
        left: -320px;
    }
}
@-webkit-keyframes box1 {
    from {
        left: -320px
    }
    to {
        left: 0;
    }
}
@-webkit-keyframes img {
    0% {
        bottom: 390px;
    }
    75% {
        bottom: -30px;
    }
    100% {
        bottom: 10px;
    }
}
@-webkit-keyframes img1 {
    0% {
        bottom: -30px;
    }
    100% {
        bottom: 390px;
    }
}
.side {
    background: #152349 url("//ue.17173cdn.com/a/open/index/2017/images/v1-3/side.jpg");
    width: 240px;
    position: fixed;
    z-index: 2;
    top: 44px;
    left: 0;
    height: 100%;
}
.side-hd {
    height: 170px;
    color: #fff;
    position: relative;
}
.side-company {
    position: absolute;
    top: 4px;
    left: 10px;
}
.side-company .ico-company {
    width: 13px;
    height: 13px;
    top: -2px;
    margin-right: 5px;
}
.side-company a {
    color: #7595eb;
    line-height: 34px;
}
.side-hd h1 {
    background: url("//ue.17173cdn.com/a/open/index/2017/images/v1-3/side-logo.png") center;
    height: 170px;
}
.side-group {
    overflow: hidden;
}
.side-group h1 {
    background: url("//ue.17173cdn.com/a/open/index/2017/images/v1-5-2/bg.png") -180px -180px;
    width: 110px;
    height: 26px;
    margin: 42px 0 0 22px;
}
.group-logo {
    width: 180px;
    height: 70px;
    position: relative;
    margin: 14px auto 0;
}
.group-logo-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 13px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.group-logo img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}
.group-logo .ico-group {
    position: absolute;
    background-position: -260px -300px;
    width: 21px;
    height: 27px;
    top: -7px;
    right: 3px;
}
.group-logo .logo-edit {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 4em;
    font-size: 12px;
    text-align: center;
    line-height: 21px;
    height: 22px;
    color: #999;
    display: none;
}
.group-logo .logo-edit:hover {
    text-decoration: underline;
}
.group-logo:hover .logo-edit {
    display: block;
}
.side-link {
    width: 68px;
    position: absolute;
    top: 14px;
    right: 4px;
}
.side-link > div {
    position: relative;
    display: inline-block;
    margin: 0 6px;
    color: #58657e;
}
.side-link > div .side-tips {
    position: absolute;
    top: 23px;
    right: -3px;
    display: none;
    background: url("//ue.17173cdn.com/a/open/index/2017/images/v1-5-2/bg.png") -60px -240px;
    width: 64px;
    height: 20px;
    padding-top: 5px;
    line-height: 19px;
    text-align: center;
}
.side-link i.ico,
.side-link a {
    display: block;
    width: 19px;
    height: 19px;
}
.side-link > div:hover .side-tips {
    display: block;
}
.side-list {
    font-weight: bold;
}
.ico-feed {
    background-position: 0 -270px;
}
.ico-guide {
    background-position: -30px -270px;
}
.ico-company {
    background-position: -180px -330px;
}
a:hover .ico-feed {
    background-position: 0 -300px;
}
a:hover .ico-guide {
    background-position: -30px -300px;
}
.ico-msg {
    background-position: 1px -50px;
    width: 19px;
    height: 17px;
}
.ico-addgame {
    background-position: -60px -270px;
    width: 23px;
    height: 23px;
}
a:hover .ico-addgame {
    background-position: -90px -270px;
}
.ico-claimgame {
    background-position: -160px -270px;
    width: 20px;
    height: 24px;
}
a:hover .ico-claimgame {
    background-position: -190px -270px;
}
.ico-game {
    background-position: -20px -49px;
    width: 19px;
    height: 17px;
}
.ico-more {
    background-position: -90px -50px;
    width: 9px;
    height: 10px;
}
.ico-down {
    background-position: -49px -50px;
    width: 11px;
    height: 6px;
}
.ico-up {
    background-position: -70px -50px;
    width: 11px;
    height: 6px;
}
.ico-pop-close {
    background-position: -60px -90px;
    width: 18px;
    height: 18px;
}
.side-box .hd {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    margin-bottom: 2px;
}
.side-box .hd .new-msg,
.side-box .hd .side-addgame,
.side-box .hd .side-claimgame {
    position: absolute;
    right: 30px;
    top: 0;
}
.side-box .hd .side-claimgame {
    right: 62px;
}
.side-box .hd,
.side-box .hd a {
    color: #fff;
    text-decoration: none;
    display: block;
}
.side-box .hd span {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
}
.side-box .hd a .new-msg {
    color: #fff;
    font-weight: bold;
    background: #db4444;
    height: 18px;
    line-height: 18px;
    border-radius: 9px;
    padding: 0 8px;
    font-size: 14px;
    margin-top: 13px;
}
.side-box .hd > span:first-child,
.side-box .hd > a:first-child {
    padding-left: 30px;
}
.side-box .hd a:hover,
.side-box .cur {
    text-decoration: none;
}
.side-box .hd > a:first-child:hover,
.side-box .hd.cur a {
    background: rgba(255, 255, 255, 0.1);
}
.side-box .hd.cur .side-claimgame,
.side-box .hd.cur .side-addgame {
    background: none;
}
.side-box .my-game {
    overflow: hidden;
}
.side-box .my-game li {
    height: 60px;
    overflow: hidden;
    position: relative;
    margin: 4px 0 0;
}
.side-box .my-game .img {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 10px;
}
.side-box .my-game .img img {
    position: absolute;
    height: 40px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-backface-visibility: hidden;
}
.side-box .my-game .img-hover {
    background: #000;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity 0.3s ease;
    width: 100%;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
}
.side-box .my-game li:hover .img-hover,
.side-box .my-game li.cur .img-hover {
    filter: alpha(opacity=30);
    opacity: 0.3;
}
.side-box .my-game p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
}
.side-box .my-game a {
    padding: 10px 20px 10px 30px;
    display: block;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
}
.side-box .my-game a:hover,
.side-box .my-game a:hover p {
    color: #bec5d9;
    text-decoration: underline;
}
.side-box .more {
    text-align: center;
    padding: 10px 0 0;
    position: relative;
    z-index: 1;
}
.side-box .more a {
    color: #464b5a;
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.side-box .more .ico {
    top: -1px;
    margin-left: 5px;
}
.side-box .scroll {
    height: 0;
    overflow: auto;
}
.main {
    margin-left: 240px;
    padding: 0 30px;
    color: #333;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.pos {
    line-height: 34px;
    height: 34px;
}
.msg-empty,
.msg-error {
    background: url("//ue.17173cdn.com/a/open/index/2017/images/msg-empty.png") center top no-repeat;
    width: 400px;
    height: 200px;
    position: relative;
    left: 50%;
    margin: 150px 0 0 -200px;
    padding-top: 200px;
    text-align: center;
    color: #bbb;
    font-size: 20px;
    font-weight: bold;
}
.site-notice {
    background: #fef9e6;
    color: #db4444;
    padding: 7px 30px 7px 270px;
    position: fixed;
    top: 44px;
    left: 0;
    line-height: 22px;
    width: 100%;
    z-index: 1;
    box-sizing: border-box;
    font-size: 14px;
}
.site-notice p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 50px;
}
.site-notice:hover p {
    white-space: normal;
}
.site-notice-wrap {
    position: relative;
    height: 36px;
}
.site-notice button {
    position: absolute;
    right: 8px;
    top: 6px;
    width: 23px;
    height: 23px;
    border: 0 none;
    background: none;
    -webkit-transition: all 0.3s ease;
}
.site-notice button i {
    display: block;
    margin: 6px auto;
    width: 11px;
    height: 11px;
    background: url("//ue.17173cdn.com/a/open/index/2017/images/v1-5-2/bg.png") -130px -270px;
}
.site-notice button:hover {
    transform: rotate(360deg);
}
.msg-error {
    background: url("//ue.17173cdn.com/a/open/index/2017/images/msg-error.png") center top no-repeat;
    margin-top: 250px;
}
.msg .hd {
    line-height: 98px;
    height: 98px;
}
.msg .hd h3 {
    font-size: 30px;
    font-weight: normal;
    float: left;
}
.msg .hd .notice {
    float: right;
    font-size: 14px;
    color: #666;
    line-height: 88px;
    padding-top: 10px;
}
.msg .hd .notice a {
    color: #4092ee;
}
.msg .bd {
    position: relative;
}
.msg-list {
    padding-bottom: 30px;
}
.msg-list li {
    position: relative;
    font-size: 14px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
    color: #666;
    padding: 20px 20px;
    line-height: 30px;
}
.msg-list li:hover {
    box-shadow: 0 0 15px rgba(100, 100, 100, 0.2);
}
.msg-list .text {
    padding-right: 100px;
}
.msg-list .text .h {
    font-size: 16px;
}
.msg-list .text .unread {
    font-weight: bold;
    color: #333;
}
.msg-list .date {
    width: 100px;
    text-align: right;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #999;
}
.msg-list .sp {
    color: #999;
}
.msg-list .txt-red {
    color: #ff7676;
}
.msg-list a {
    color: #f60;
}
.msg-list .txt-blue {
    color: #4092ee;
}
.manage {
    overflow: hidden;
}
.manage-hd {
    background: #fff;
    padding: 20px;
    margin: 20px 0 10px;
    border-radius: 5px;
}
.game-view {
    float: left;
    width: 42%;
    min-width: 440px;
    word-wrap: break-word;
    word-break: break-all;
}
.game-view .img {
    overflow: hidden;
    float: left;
    text-align: center;
    display: inline;
    margin-right: 10px;
    position: relative;
    height: 90px;
    max-width: 120px;
    min-width: 90px;
}
.game-view img {
    max-width: 120px;
    height: 90px;
}
.game-view .h {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 5px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.game-view .text {
    position: relative;
    float: left;
    max-width: 70%;
}
.game-view .b {
    color: #999;
    font-size: 14px;
    line-height: 20px;
    min-width: 154px;
    overflow: hidden;
    z-index: 1;
    position: absolute;
    border: 1px solid #fff;
    padding: 5px 8px;
    -webkit-transition: all 0.2s ease;
}
.game-view .ico-down {
    background-position: -210px 0;
    width: 10px;
    height: 5px;
    margin-left: 30px;
}
.game-view .b .tip {
    height: 10px;
    overflow: hidden;
    line-height: 10px;
}
.game-view .b:hover .ico-down {
    background-position: -220px 0;
}
.game-view .b .hide {
    display: none;
}
.game-view .b:hover .hide {
    display: block;
}
.game-view .b:hover {
    background: #fff;
    border: 1px solid #bbb;
}
.game-state {
    float: right;
    max-width: 700px;
}
@media screen and ( max-width:1560px) {
    .game-state {
        max-width: 560px;
    }
}
@media screen and ( max-width:1350px) {
    .game-state {
        max-width: 420px;
    }
}
@media screen and ( max-width:1200px) {
    .game-state {
        max-width: 700px;
        float: none;
    }
    .game-state ul {
        padding-top: 10px;
    }
}
.game-state li {
    float: left;
    min-width: 140px;
    margin: 10px 0 0;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    position: relative;
}
.game-state li a {
    display: inline-block;
    color: #666;
    border-radius: 15px;
    padding: 0 0.8em;
}
.game-state li a:hover,
.game-state li a.cur {
    color: #fff;
    background: #5b75c4;
    text-decoration: none;
}
.data-view {
    margin-top: -10px;
}
.data-view .ico {
    background: url("//ue.17173cdn.com/a/open/index/2017/images/v1-3/data.png");
}
.data-view .ico-what {
    background-position: 0 -40px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    top: -1px;
}
.data-view a:hover .ico-what {
    background-position: -180px -40px;
    width: 18px;
    height: 18px;
}
.data-view .ico-book {
    background-position: 0 0;
    width: 24px;
    height: 28px;
    top: 24px;
}
.data-view .ico-download {
    background-position: -24px 0;
    width: 22px;
    height: 28px;
    top: 24px;
}
.data-view .ico-get {
    background-position: -46px 0;
    width: 26px;
    height: 29px;
    top: 24px;
}
.data-view .ico-article {
    background-position: -72px 0;
    width: 22px;
    height: 28px;
    top: 24px;
}
.data-view .ico-official {
    background-position: -94px 0;
    width: 30px;
    height: 30px;
    top: 23px;
}
.data-view .ico-browse {
    background-position: -124px 0;
    width: 32px;
    height: 19px;
    top: 28px;
}
.data-view .ico-visit {
    background-position: -156px 0;
    width: 26px;
    height: 29px;
    top: 24px;
}
.data-view .ico-comment {
    background-position: -182px 0;
    width: 30px;
    height: 25px;
    top: 25px;
}
.data-view .ico-special {
    background-position: 0 -110px;
    width: 31px;
    height: 33px;
    top: 25px;
}
.data-view .ico-bbs {
    background-position: -31px -110px;
    width: 34px;
    height: 31px;
    top: 25px;
}
.data-view .ico-chartline {
    background-position: -20px -40px;
    width: 20px;
    height: 18px;
}
.data-view .ico-chartcol {
    background-position: -60px -40px;
    width: 20px;
    height: 18px;
}
.data-view .ico-check {
    background-position: -140px -40px;
    width: 18px;
    height: 18px;
}
.data-view .ico-sort {
    background-position: 0 -90px;
    width: 7px;
    height: 10px;
    top: -1px;
    margin-left: 5px;
}
.data-view .desc .ico-sort {
    background-position: -10px -90px;
}
.data-view .asc .ico-sort {
    background-position: -20px -90px;
}
.data-view a:hover .ico-chartline,
.data-view .cur .ico-chartline {
    background-position: -40px -40px;
}
.data-view a:hover .ico-chartcol,
.data-view .cur .ico-chartcol {
    background-position: -80px -40px;
}
.data-view .hd,
.tab-menu {
    padding: 15px 0;
    min-height: 30px;
    font-size: 14px;
}
.data-view .data-type a,
.data-view .date a,
.data-view .date span,
.data-view .date-choose,
.tab-menu a {
    display: inline-block;
    vertical-align: top;
    *zoom: 1;
    *display: inline;
}
.data-view .data-type {
    float: left;
}
.data-view .data-type a,
.tab-menu a {
    background: #fff;
    height: 26px;
    line-height: 26px;
    border-radius: 15px;
    width: 86px;
    border: 2px solid #fff;
    text-align: center;
    font-size: 14px;
    margin: 5px 9px 5px 0;
}
.data-view .hd .cur,
.data-view .hd a:hover,
.tab-menu .current,
.tab-menu a:hover {
    border-color: #5b75c4;
    color: #5b75c4;
    text-decoration: none;
}
.data-view .date {
    float: right;
    font-size: 14px;
    margin: 5px 0;
}
.data-view .date a.cur,
.data-view .date a:hover {
    font-weight: bold;
}
.data-view .hd a,
.data-view .hd,
.tab-menu a {
    color: #666;
}
.tab-menu {
    margin-top: -10px;
}
.data-view .date a {
    margin: 0 10px;
    line-height: 30px;
    height: 30px;
}
.data-view .date-choose {
    border: 1px solid #ccc;
    line-height: 28px;
    height: 28px;
    padding: 0 5px;
    border-radius: 15px;
}
.data-view .date-choose a {
    height: 28px;
    line-height: 28px;
}
.data-view .date-choose a:hover {
    font-weight: normal;
}
.data-view .ico-calendar {
    background-position: -200px -40px;
    width: 16px;
    height: 16px;
    margin-left: 15px;
    top: -2px;
}
.data-box {
    border-radius: 5px;
    background: #fff;
    font-size: 14px;
    margin-bottom: 12px;
    padding-bottom: 15px;
}
.data-box .h {
    position: relative;
    color: #666;
    height: 76px;
    padding: 0 20px;
    line-height: 76px;
}
.data-box h4 {
    font-size: 16px;
}
.data-box .sp {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 14px;
}
.data-box .h a {
    color: #999;
}
.data-box .h a:hover {
    color: #5b75c4;
    text-decoration: none;
}
.data-box h4 a {
    position: relative;
    top: -1px;
}
.data-bd {
    padding: 0 20px 20px;
}
.data-view .checked .ico-check,
.data-view a:hover .ico-check {
    background-position: -160px -40px;
}
.data-overview .img {
    width: 32px;
    height: 32px;
    text-align: center;
}
.data-overview li {
    float: left;
    display: inline;
    min-width: 250px;
    width: 22.5%;
    max-width: 296px;
    height: 76px;
    margin: 0 0 20px 20px;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}
.data-overview li:hover,
.data-overview li.current {
    border-color: #5b75c4;
}
.data-overview li a {
    display: block;
    height: 100%;
    background: #fff;
}
.data-overview li a:hover {
    text-decoration: none;
}
.data-overview .current a {
    background: #5b75c4;
    text-decoration: none;
}
.data-overview .current .ico-book {
    background-position: 0 -60px;
}
.data-overview .current .ico-download {
    background-position: -24px -60px;
}
.data-overview .current .ico-get {
    background-position: -46px -60px;
}
.data-overview .current .ico-article {
    background-position: -72px -60px;
}
.data-overview .current .ico-official {
    background-position: -94px -60px;
}
.data-overview .current .ico-browse {
    background-position: -124px -60px;
}
.data-overview .current .ico-visit {
    background-position: -156px -60px;
}
.data-overview .current .ico-comment {
    background-position: -182px -60px;
}
.data-overview .current .ico-special {
    background-position: 0 -150px;
}
.data-overview .current .ico-bbs {
    background-position: -31px -150px;
}
.data-overview li .img {
    float: right;
    width: 90px;
    height: 76px;
}
.data-overview li .text {
    padding: 10px 0 0 20px;
}
.data-overview li .name {
    line-height: 20px;
    font-size: 14px;
    color: #999;
}
.data-overview li .num {
    color: #4a536f;
    font-size: 30px;
    line-height: 36px;
    font-family: Arial, san-serif;
}
.data-overview .current .name {
    color: #c6ccde;
}
.data-overview .current .num {
    color: #fff;
}
.data-chart .sp .ico {
    margin-left: 20px;
}
.data-chart .b {
    text-align: center;
    font-size: 14px;
    color: #666;
}
.data-chart .b span,
.data-chart .b a {
    display: inline-block;
    vertical-align: middle;
    *zoom: 1;
    *display: inline;
}
.data-chart .b a,
.data-chart .b a:hover {
    color: #666;
    text-decoration: none;
}
.data-chart .b a {
    margin: 0 10px;
}
.data-chart .b .ico {
    margin-right: 5px;
}
.data-info .ico-export {
    background-position: -100px -40px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    top: -1px;
}
.data-info a:hover .ico-export {
    background-position: -120px -40px;
}
.data-col2 {
    padding-bottom: 20px;
}
.data-col2 .item,
.data-li,
.contribute .item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.data-col2 .item {
    padding-left: 19%;
    width: 30%;
    border-right: 1px dashed #e0e0e0;
}
.data-col2 .item:last-child {
    border: 0;
}
.data-download .data-li {
    border-left: 1px dashed #e0e0e0;
    width: 22%;
    padding-left: 20px;
}
.data-col2 .h1,
.data-li .h1 {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    overflow: hidden;
}
.data-col2 .p1,
.data-li .p1 {
    font-size: 40px;
    font-family: Arial, "Microsoft Yahei", sans-serif;
    line-height: 50px;
    color: #21ab7c;
}
.data-col2.data-col4 .item {
    padding-left: 4%;
    width: 20%;
}
.data-col2.data-col5 .item {
    padding-left: 3.5%;
    width: 16%;
}
.data-col2.data-col3 .item {
    padding-left: 1.5%;
    width: 31%;
}
.download-box {
    position: relative;
    padding: 0 0 30px;
}
.data-download .download-box:last-child {
    padding-bottom: 0;
}
.download-hd {
    padding: 0 10px;
    position: absolute;
    left: 0;
    top: 0;
}
.download-hd span {
    display: block;
    color: #999;
    margin: 25px 0 0 5px;
    width: 60px;
    text-align: center;
    line-height: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: #f0f0f0;
}
.download-bd {
    padding-left: 100px;
}
.data-get .bar {
    color: #666;
}
.data-get .bar-in,
.data-get .bar-in div {
    height: 6px;
    border-radius: 3px;
}
.data-get .bar-in {
    width: 100px;
}
.data-get .bar span {
    font-weight: normal;
    font-size: 14px;
}
.transform-read {
    padding: 0 30px 10px;
}
.transform-read .bar {
    color: #666;
}
.transform-read .bar-in,
.transform-read .bar-in div {
    height: 6px;
    border-radius: 3px;
}
.transform-read .bar-in {
    width: 100px;
}
.transform-read .bar span {
    font-weight: normal;
    font-size: 14px;
    font-family: inherit;
    margin-right: 28px;
}
.transform-read .table .t {
    font-weight: bold;
}
.spread-menu {
    margin-top: 30px;
}
.data-spread .spread-menu .li {
    float: left;
    width: 99px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #666;
    margin-left: 1px;
    background: #f0f0f0;
}
.data-spread .spread-menu .li.cur,
.data-spread .spread-menu .li:hover {
    color: #fff;
    background: #5b75c4;
}
.spread-t {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #666;
    padding: 0 20px;
    line-height: 36px;
}
.spread-bar {
    background: url("//ue.17173cdn.com/a/open/index/2017/images/bg-spread.png");
    width: 601px;
    height: 48px;
    margin: 28px auto 55px;
}
.spread-bar-in {
    background: url("//ue.17173cdn.com/a/open/index/2017/images/bg-spread.png") 0 -50px;
    height: 100%;
}
.data-user .gender {
    margin: -15px auto 15px;
    text-align: center;
}
.gender .ico {
    width: 61px;
    height: 64px;
}
.gender-bar,
.gender .img-1,
.gender .img-2 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.gender-bar {
    top: 5px;
    margin: 0 16px;
}
.data-view .ico.ico-male {
    background-position: 0 -190px;
}
.data-view .ico.ico-female {
    background-position: -70px -190px;
}
.gender-bar {
    background: #db4444;
    position: relative;
    width: 38%;
    min-width: 200px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    overflow: hidden;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 8px;
}
.gender .percent {
    height: 100%;
    background: #5b75c4;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.gender .num {
    position: absolute;
    top: 0;
}
.gender .num-1 {
    left: 10px;
}
.gender .num-2 {
    right: 10px;
    text-align: right;
}
.data-user .bar-in,
.data-user .bar-in div {
    height: 6px;
    border-radius: 3px;
}
.data-user .bar-in {
    width: 100px;
}
.data-user .bar span {
    font-weight: normal;
    font-size: 14px;
}
.data-user .table {
    width: 42%;
    max-width: 100%;
}
.data-user .table .t {
    font-weight: bold;
}
.data-user .table td {
    vertical-align: middle;
}
.data-user .table tr > td:first-child {
    padding-right: 10px;
}
.data-display h4 span {
    color: #db4444;
}
.data-display .table tr a {
    color: #5b75c4;
    font-weight: normal;
}
.data-display .table tr a:hover {
    text-decoration: underline;
}
.data-display .data-bd {
    min-height: 300px;
}
.data-display .data-filter,
.data-display h4 {
    display: inline-block;
}
.data-display .data-filter {
    float: right;
}
.data-display .data-filter label,
.data-display .data-filter input {
    cursor: pointer;
}
.data-display .data-filter input {
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 5px;
}
.state-part {
    background: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 12px;
}
.state {
    color: #666;
}
.state .hd {
    line-height: 38px;
    font-weight: bold;
    font-size: 16px;
}
.state-cur {
    line-height: 40px;
    font-size: 14px;
}
.state-cur b {
    color: #526cba;
}
.type {
    padding: 10px 0;
}
.type a,
.type span {
    display: inline-block;
    color: #666;
    line-height: 34px;
    height: 34px;
    margin-right: 8px;
    font-size: 14px;
    border: 1px solid #e0e0e0;
    padding: 0 15px;
    border-radius: 3px;
    vertical-align: middle;
    *zoom: 1;
    *display: inline;
}
.type a:hover {
    text-decoration: none;
}
.type a:hover,
.type a.cur,
.type span.cur {
    color: #db4444;
    border-color: #db4444;
    text-decoration: none;
}
.tab-pn-con {
    display: none;
    padding-bottom: 20px;
}
.current {
    display: block;
}
.state-part .gb-final-mod-pagination-in {
    padding: 20px;
}
.state-info {
    line-height: 24px;
}
.mt10 {
    margin-top: 10px;
}
.platform {
    max-width: 100px;
    margin-right: 10px;
    position: relative;
}
.platform .h {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.platform .b {
    position: absolute;
    display: none;
    z-index: 2;
    top: 26px;
    left: 0;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #bbbbbb;
    line-height: 38px;
    padding: 0 8px;
    box-shadow: 0 0 15px rgba(100, 100, 100, 0.2);
}
.platform .ico-tip {
    background-position: -30px -90px;
    width: 12px;
    height: 6px;
    position: absolute;
    top: -6px;
    left: 15px;
}
.platform:hover .b {
    display: block;
}
.sys {
    padding-top: 20px
}
.sys .button-white {
    width: 100px;
    vertical-align: middle;
    margin-right: 20px;
}
.state .tips .h {
    line-height: 20px;
    padding-bottom: 10px;
}
.state .tips {
    padding: 0 0 20px;
}
.sys .link-yw {
    display: inline-block;
    padding: 0 0 0 15px;
}
.sys .link-yw label {
    padding: 0;
    margin: 0;
}
.sys input[type=checkbox] {
    top: -1px;
    margin-right: 2px;
}
.state-l {
    float: left;
}
.state-r {
    float: right;
    width: 260px;
    height: 250px;
    border-left: 1px solid #f0f0f0;
    position: relative;
    margin: 10px 0 0;
}
.download-yw {
    padding-left: 20px;
}
.download-yw .h {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 29px;
}
.link-server {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    padding-left: 20px;
}
.link-server .button {
    margin-top: 8px;
    font-weight: normal;
}
.other {
    padding-top: 30px;
}
.other .form textarea {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.gb-passport-pop {
    background-color: #fff;
    width: 350px;
    font-size: 12px;
    line-height: 1.5;
    min-height: 280px;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.gb-passport-pop p,
.gb-passport-pop ul,
.gb-passport-pop li {
    margin: 0;
    padding: 0
}
.gb-passport-pop img {
    border: 0
}
.gb-passport-pop a {
    text-decoration: none
}
.gb-passport-pop input,
.gb-passport-pop button {
    outline: none;
    margin: 0;
    padding: 0;
}
.gb-passport-pop ul {
    list-style: none
}
.gb-passport-pop input::-ms-clear,
.gb-passport-pop input::-ms-reveal {
    display: none;
}
.gb-passport-pop .gpp-ico-close,
.gb-passport-pop .gpp-ico-error,
.gb-passport-pop .gpp-ico-user,
.gb-passport-pop .gpp-ico-lock,
.gb-passport-pop .gpp-ico-arrow,
.gb-passport-pop .gpp-ico-refresh,
.gb-passport-pop .gpp-ico-delete,
.gb-passport-pop .gpp-ico-import {
    display: inline-block;
    vertical-align: middle;
    background: url(https://s.ue.17173cdn.com/a/lib/passport/v2/img/sprite1.png) no-repeat;
}
.gb-passport-pop .gpp-ico-close {
    width: 15px;
    height: 15px;
    background-position: -50px -100px;
}
.gb-passport-pop a:hover .gpp-ico-close {
    background-position: -50px -125px;
}
.gb-passport-pop .gpp-ico-error {
    width: 14px;
    height: 14px;
    background-position: -150px -100px;
}
.gb-passport-pop .gpp-ico-user {
    width: 14px;
    height: 15px;
    background-position: 0 -100px;
}
.gb-passport-pop .gpp-ico-lock {
    width: 14px;
    height: 15px;
    background-position: -25px -100px;
}
.gb-passport-pop .gpp-form-group-on .gpp-ico-user {
    background-position: 0 -125px;
}
.gb-passport-pop .gpp-form-group-on .gpp-ico-lock {
    background-position: -25px -125px;
}
.gb-passport-pop .gpp-ico-refresh {
    width: 20px;
    height: 20px;
    background-position: -75px -100px;
}
.gb-passport-pop a:hover .gpp-ico-refresh {
    background-position: -75px -125px;
}
.gb-passport-pop .gpp-ico-arrow {
    width: 12px;
    height: 22px;
    background-position: -100px -100px;
}
.gb-passport-pop a:hover .gpp-ico-arrow {
    background-position: -100px -125px;
}
.gb-passport-pop .gpp-ico-delete {
    width: 18px;
    height: 18px;
    background-position: -125px -100px;
}
.gb-passport-pop a:hover .gpp-ico-delete {
    background-position: -125px -125px;
}
.gb-passport-pop .gpp-ico-import {
    width: 12px;
    height: 12px;
    background-position: -155px -30px;
}
.gb-passport-pop .gpp-bt {
    display: inline-block;
    height: 33px;
    text-align: center;
    line-height: 33px;
    background: #f0f0f0;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    color: #666;
    font-family: "Microsoft Yahei"
}
.gb-passport-pop .gpp-bt:hover {
    background-color: #f6f6f6
}
.gb-passport-pop .gpp-hd {
    padding: 0 30px;
    *zoom: 1;
}
.gb-passport-pop .gpp-hd .gpp-tit {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    line-height: 32px;
}
.gb-passport-pop .gpp-bd {
    margin: 0 30px;
    *zoom: 1;
    clear: both;
}
.gb-passport-pop .gpp-ft {
    margin: 0 27px;
    clear: both;
}
.gb-passport-pop .gpp-close {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    padding: 10px;
    *cursor: pointer
}
.gb-passport-pop .gpp-form {
    padding-top: 10px;
    *zoom: 1;
    margin: 0;
}
.gb-passport-pop .gpp-form-tip {
    color: #999;
    line-height: 18px;
    padding: 3px 0;
    clear: both;
}
.gb-passport-pop .gpp-form-tiperror {
    padding: 3px 0;
    color: #ff6f3d;
    clear: both;
    margin: -5px 0 5px 0;
}
.gb-passport-pop .gpp-form-tiperror .gpp-ico-error {
    margin: 0 8px 2px 0;
    *margin: 3px 8px 2px 0;
    _margin: 0 8px 2px 0;
}
.gb-passport-pop .gpp-form-item {
    margin-bottom: 14px;
}
.gb-passport-pop .gpp-form-group {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 6px 28px 6px 38px;
    *padding: 5px 28px 5px 38px;
    position: relative;
    *zoom: 1;
    border-radius: 3px;
}
.gb-passport-pop .gpp-form-text {
    margin: 0;
    -webkit-appearance: none;
    font-size: 14px;
    color: #999;
    _color: #333;
    width: 100%;
    height: 22px;
    line-height: 22px;
    border: 0;
    overflow: hidden;
    background: #fff;
}
.gb-passport-pop .gpp-form-text:hover,
.gb-passport-pop .gpp-form-text:focus {
    color: #666;
}
.gb-passport-pop .gpp-form-group-on {
    border-color: #ff6f3d;
}
.gb-passport-pop .gpp-form-group-on .gpp-form-text {
    color: #ff6f3d;
}
.gb-passport-pop .gpp-form-text-ico {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 38px;
    text-align: center;
}
.gb-passport-pop .gpp-form-text-ico .gpp-ico-user,
.gb-passport-pop .gpp-form-text-ico .gpp-ico-lock {
    margin-top: 8px;
}
.gb-passport-pop .gpp-form-text-bt {
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
    height: 33px;
    text-align: center;
}
.gb-passport-pop .gpp-form-text-bt .gpp-ico-delete {
    margin-top: 8px;
}
.gb-passport-pop .gpp-form-checkbox {
    color: #999;
    margin: -5px 0 15px 0;
}
.gb-passport-pop .gpp-form-checkbox input {
    margin: 0 10px 3px 0;
    display: inline-block;
    vertical-align: middle;
}
.gb-passport-pop .gpp-form-opera {
    margin-bottom: 15px;
}
.gb-passport-pop .gpp-form-bt {
    background: #fd9600;
    border: 1px solid #fd9600;
    border-radius: 3px;
}
.gb-passport-pop .gpp-form-bt button {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background: none;
    border: 0;
    cursor: pointer;
    font-family: "Microsoft Yahei"
}
.gb-passport-pop .gpp-form-bt:hover {
    background: #fcb13f;
    border-color: #fcb13f
}
.gb-passport-pop .gpp-form-track {
    overflow: hidden;
    *zoom: 1;
    height: 18px;
    padding-bottom: 15px;
}
.gb-passport-pop .gpp-form-track-l {
    float: left;
    width: 4em;
    text-align: left;
    *zoom: 1;
}
.gb-passport-pop .gpp-form-track-r {
    float: right;
    width: 5em;
    height: 18px;
    text-align: right;
    *zoom: 1;
}
.gb-passport-pop .gpp-form-link {
    font-size: 14px;
    color: #999;
}
.gb-passport-pop .gpp-form-link a {
    color: #fdaa0b;
}
.gb-passport-pop .gpp-form-link a:hover {
    color: #fdaa0b;
    text-decoration: underline;
}
.gb-passport-pop .gpp-form-link-sep {
    font-family: Arial, Helvetica, sans-serif;
    color: #ccc;
    margin: 0 2px;
}
.gb-passport-pop .gpp-form-track-r a {
    color: #999;
}
.gb-passport-pop .gpp-login-other {
    position: relative;
    *zoom: 1;
    padding-bottom: 10px;
    width: 100%;
}
.gb-passport-pop .gpp-login-other .gpp-tit {
    text-align: center;
    position: relative;
    *zoom: 1;
    z-index: 1;
    margin: 0 3px 15px 3px;
}
.gb-passport-pop .gpp-login-other .gpp-tit span {
    display: inline-block;
    font-size: 14px;
    color: #ccc;
    padding: 0 1em;
    background: #fff;
}
.gb-passport-pop .gpp-login-other .gpp-tit i {
    z-index: -1;
    font-size: 0;
    line-height: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    border-top: 1px solid #eee;
}
.gb-passport-pop .gpp-login-other-bt {
    position: absolute;
    right: -10px;
    top: 36px;
    padding: 9px 10px;
    *cursor: pointer;
    outline: none;
}
.gb-passport-pop .gpp-login-other-bt .gpp-ico-arrow {}
.gb-passport-pop .gpp-login-other-link {
    transition: width .5s;
    width: 195px;
    height: 40px;
    font-size: 0;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    *padding-left: 0 40px;
}
.gb-passport-pop .gpp-login-other-link a {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin: 0 13px 0 12px;
    background: url(https://s.ue.17173cdn.com/a/lib/passport/v2/img/sprite1.png) no-repeat;
    transition: margin .5s;
}
.gb-passport-pop .gpp-login-other-link .gpp-login-qq {
    background-position: 0 0
}
.gb-passport-pop .gpp-login-other-link .gpp-login-weixin {
    background-position: -46px 0
}
.gb-passport-pop .gpp-login-other-link .gpp-login-weibo {
    background-position: -92px 0
}
.gb-passport-pop .gpp-login-other-link .gpp-login-baidu {
    background-position: -138px 0
}
.gb-passport-pop .gpp-login-other-link .gpp-login-cyou {
    background-position: -184px 0
}
.gb-passport-pop .gpp-login-other-link .gpp-login-renren {
    background-position: -230px 0
}
.gb-passport-pop .gpp-login-other-link .gpp-login-qq:hover {
    background-position: 0 -50px
}
.gb-passport-pop .gpp-login-other-link .gpp-login-weixin:hover {
    background-position: -46px -50px
}
.gb-passport-pop .gpp-login-other-link .gpp-login-weibo:hover {
    background-position: -92px -50px
}
.gb-passport-pop .gpp-login-other-link .gpp-login-baidu:hover {
    background-position: -138px -50px
}
.gb-passport-pop .gpp-login-other-link .gpp-login-cyou:hover {
    background-position: -184px -50px
}
.gb-passport-pop .gpp-login-other-link .gpp-login-renren:hover {
    background-position: -230px -50px
}
.gb-passport-pop .gpp-login-other-show {}
.gb-passport-pop .gpp-login-other-show .gpp-login-other-link {
    width: 100%;
}
.gb-passport-pop .gpp-login-other-show .gpp-login-other-link a {
    margin: 0 3px;
}
.gb-passport-pop .gpp-login-other-show .gpp-login-other-bt {
    display: none;
}
.gb-passport-pop .gpp-form-item-verify {
    overflow: hidden;
    *zoom: 1;
}
.gb-passport-pop .gpp-form-item-verify .gpp-form-group {
    position: static;
}
.gb-passport-pop .gpp-form-item-verify .gpp-form-group {
    float: left;
    padding-left: 14px;
    padding-right: 14px;
    width: 78px;
    _width: 68px;
    margin-right: 10px;
}
.gb-passport-pop .gpp-form-verify {
    float: left;
}
.gb-passport-pop .gpp-form-verify img {
    float: left;
    width: 70px;
    height: 36px;
}
.gb-passport-pop .gpp-form-verify-bt {
    float: left;
    padding: 8px 0 8px 20px;
    height: 20px;
    *cursor: pointer
}
.gb-passport-pop .gpp-form-login-half {
    padding: 20px 0 0 0;
}
.gb-passport-pop .gpp-form-user {
    display: none;
    height: 140px;
}
.gb-passport-pop .gpp-form-user-avatar {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}
.gb-passport-pop .gpp-form-user-avatar img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
}
.gb-passport-pop .gpp-form-user-name {
    font-size: 14px;
    font-family: "SimSun";
    color: #666;
    font-weight: bold;
    width: 100%;
    height: 21px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin: 0 auto;
}
.gpp-saft-login {
    width: 498px;
    margin-left: -250px;
}
.gpp-saft-login .gpp-bd {
    overflow: hidden;
    margin: 0;
}
.gpp-saft-login .gpp-ft {
    margin-top: 5px;
}
.gb-passport-pop .gpp-form-saft-login {
    overflow: hidden;
    margin-right: 32px;
    width: 228px;
}
.gb-passport-pop .gpp-form-saft-login .gpp-form-item-verify .gpp-form-tip {
    margin: 0 0 57px 0;
    padding-top: 3px;
}
.gb-passport-pop .gpp-saft-login-info {
    float: left;
    width: 183px;
    height: 256px;
    padding-left: 20px;
    margin-right: 32px;
    _margin-right: 29px;
    margin-top: 10px;
    border-right: 1px solid #eaeaea
}
.gb-passport-pop .gpp-saft-login-demo {
    height: 211px;
}
.gb-passport-pop .gpp-saft-login-info .gpp-bt {
    width: 150px;
}
.gb-passport-pop .gpp-form-verify .gpp-bt {
    width: 108px;
}
.gpp-signin {
    width: 498px;
    margin-left: -264px;
    margin-top: -270px;
}
.gpp-signin .gpp-hd {
    padding: 20px 45px 30px 48px;
}
.gpp-signin .gpp-bd {
    *margin-bottom: -19px;
}
.gb-passport-pop .gpp-step {
    overflow: hidden;
    *zoom: 1;
}
.gb-passport-pop .gpp-step-item {
    float: left;
    line-height: 30px;
    color: #666;
    margin-right: 25px;
}
.gb-passport-pop .gpp-step-num {
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: url(//s.ue.17173cdn.com/a/lib/passport/v2/img/sprite.png) no-repeat -170px -30px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 9px;
}
.gb-passport-pop .gpp-step-cur .gpp-step-num {
    background-position: -205px -30px;
    color: #fff;
}
.gb-passport-pop .gpp-signin-tab {
    overflow: hidden;
    width: 100%;
}
.gb-passport-pop .gpp-signin-tab .gpp-signin-tab-item {
    float: left;
    margin-right: -1px;
    width: 50%;
    height: 42px;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    color: #999;
    font-weight: bold;
    border: 1px solid #fff;
    border-top-width: 2px;
    border-right-color: #dedede;
    border-left: none;
    border-bottom-color: #dedede;
}
.gb-passport-pop .gpp-signin-tab .gpp-signin-tab-cur {
    border-top-color: #fda700;
    border-bottom-color: #fff;
}
.gb-passport-pop .gpp-form-signin .gpp-form-tiperror {
    margin: 0;
}
.gb-passport-pop .gpp-form-signin .gpp-form-item {
    margin-bottom: 10px;
}
.gb-passport-pop .gpp-form-group-hasfback {
    padding-right: 65px;
}
.gb-passport-pop .gpp-form-feedback1,
.gb-passport-pop .gpp-form-feedback2,
.gb-passport-pop .gpp-form-feedback3 {
    position: absolute;
    top: 0;
    right: 20px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
}
.gb-passport-pop .gpp-ico-feedback {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 7px;
    margin: 11px 6px 15px 0
}
.gb-passport-pop .gpp-form-feedback1 {
    color: #ff0000;
}
.gb-passport-pop .gpp-form-feedback1 .gpp-ico-feedback {
    background-color: #ff0000;
}
.gb-passport-pop .gpp-form-feedback2 {
    color: #ffd400;
}
.gb-passport-pop .gpp-form-feedback2 .gpp-ico-feedback {
    background-color: #ffd400;
}
.gb-passport-pop .gpp-form-feedback3 {
    color: #3be000;
}
.gb-passport-pop .gpp-form-feedback3 .gpp-ico-feedback {
    background-color: #3be000;
}
.gpp-signin .gpp-ft {
    margin: 0 20px;
    border-top: 1px solid #eaeaea;
    overflow: hidden;
    padding: 15px 0 10px 30px;
}
.gpp-signin .gpp-ft .gpp-form-track {
    float: left;
    margin: 4px 10px 0 0;
}
.gpp-signin .gpp-ft .gpp-form-track .gpp-form-link-sep {
    margin-left: 10px;
}
.gb-passport-pop .gpp-login-other-ex {
    float: left;
    border: none;
    background: none;
}
.gb-passport-pop .gpp-login-other-ex .gpp-login-other-tit {
    float: left;
    width: 5em;
}
.gb-passport-pop .gpp-login-other-ex .gpp-login-other-link {
    display: block;
    width: 200px;
}
.gb-passport-pop .gpp-form-item-pword {
    position: relative
}
.gb-passport-pop .gpp-form-label {
    position: absolute;
    left: 38px;
    top: 6px;
    width: 4em;
    font-size: 14px;
    color: #333;
    cursor: text
}
.gb-passport-pop .gpp-form-item-account {
    *position: relative;
    z-index: 100
}
.gb-passport-pop .gpp-drop {
    position: absolute;
    z-index: 1020;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif
}
.gb-passport-pop .gpp-drop-in {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fafbfd;
}
.gb-passport-pop .gpp-drop-list {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
}
.gb-passport-pop .gpp-drop-item {
    display: block;
    *zoom: 1;
    padding-left: 10px;
    width: 258px;
    *width: 268px;
    color: #888;
    cursor: pointer;
    white-space: nowrap;
    line-height: 30px;
}
.gb-passport-pop .gpp-drop-cookie a,
.gb-passport-pop .ue-passport-selected {
    background: #e1eaf1;
    color: #333;
}
.gb-passport-pop .gpp-drop-cookie a {
    background: #f6f6f6
}
.gb-passport-pop .gpp-drop-cookie a span,
.gb-passport-pop .gpp-drop-item a:hover span {
    color: #888
}
.gb-passport-pop .gpp-pop-tipimport {
    color: #ff6c00;
    margin: 0;
    padding-left: 16px;
    position: relative;
    *zoom: 1;
}
.gb-passport-pop .gpp-pop-tipimport .gpp-ico-import {
    position: absolute;
    left: 0;
    top: 3px;
}
.gb-passport-pop .gpp-form-tel-bind {
    padding-top: 10px;
    margin-bottom: 0;
}
.gpp-form-tel-bind .gpp-form-item {
    position: relative;
    *zoom: 1;
}
.gpp-form-tel-bind .gpp-form-item .gpp-form-group {
    padding-left: 10px;
    padding-right: 10px;
}
.gpp-form-tel-bind .gpp-form-item-verify {
    height: 36px;
    overflow: visible;
}
.gpp-form-tel-bind .gpp-form-item-verify .gpp-form-group {
    width: 118px;
    _width: 114px;
    margin-right: 0;
}
.gpp-form-tel-bind .gpp-form-verify {
    width: 120px;
    float: right;
}
.gpp-form-tel-bind .gpp-form-verify .gpp-bt {
    width: auto;
    height: 36px;
    line-height: 36px;
    display: block;
    font-size: 14px;
    color: #999;
    background-color: #e6e6e6;
    border: none;
    border-radius: 3px;
}
.gpp-form-tel-bind .gpp-form-verify .gpp-bt b {
    font-weight: normal;
}
.gpp-form-tel-bind .gpp-form-verify .gpp-bt-ex,
.gpp-form-tel-bind .gpp-form-verify .gpp-bt-ex:hover {
    background-color: #d1d1d1;
    border-color: #d1d1d1;
}
.gpp-form-tel-bind .gpp-form-verify .gpp-bt-ex b {
    font-weight: normal;
    color: #ff6c00;
}
.gpp-form-tel-bind .gpp-form-opera {
    margin-bottom: 10px;
}
.gpp-modify-name {
    width: 440px;
}
.gpp-modify-name .gpp-hd {
    border-bottom: 1px solid #e6e6e6;
    margin: 0 15px;
    padding: 0;
}
.gpp-modify-name .gpp-bd {
    margin: 0 40px;
}
.gpp-modify-name .gpp-cur-name {
    font-size: 14px;
    color: #999;
    margin-bottom: 15px;
}
.gpp-modify-name .gpp-cur-name span {
    color: #666;
}
.gb-passport-pop .gpp-form-modify-name {
    padding-top: 25px;
}
.gpp-form-modify-name .gpp-form-con {
    height: 80px;
}
.gpp-form-modify-name .gpp-form-item {
    overflow: hidden;
    *zoom: 1;
}
.gpp-form-modify-name .gpp-form-tit {
    width: 65px;
    float: left;
    font-size: 14px;
    color: #999;
    line-height: 36px;
}
.gpp-form-modify-name .gpp-form-group {
    overflow: hidden;
    *zoom: 1;
    padding-left: 10px;
}
.gpp-form-modify-name .gpp-form-opera {
    font-size: 0;
    text-align: center;
}
.gpp-form-modify-name .gpp-form-opera .gpp-form-bt {
    width: 98px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 10px;
}
.gpp-form-modify-name .gpp-form-opera .gpp-form-bt button {
    font-size: 14px;
    height: 28px;
    line-height: 28px;
}
.gpp-form-modify-name .gpp-form-opera .gpp-form-bt-cancle {
    border-color: #e6e6e6;
    background: #fff;
}
.gpp-form-modify-name .gpp-form-opera .gpp-form-bt-cancle button {
    color: #666;
}
.gpp-form-modify-name .gpp-form-opera .gpp-form-bt-cancle:hover {
    background: #e6e6e6;
}
.gpp-form-modify-name .gpp-form-tip {
    margin: 5px 0 0 65px;
    color: #ccc;
}
.gpp-form-modify-name .gpp-form-tiperror {
    margin: -5px 0 5px 65px;
}
@-webkit-keyframes gpp-has-error {
    10% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    25% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    50% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    75% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}
@keyframes gpp-has-error {
    10% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    25% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    50% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    75% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}
.gpp-has-error {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.gpp-has-error {
    -webkit-animation-name: gpp-has-error;
    animation-name: gpp-has-error;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@media only screen and (max-width:767px) {
    .gb-passport-pop {
        width: 300px;
        min-height: 272px;
    }
    .gb-passport-pop .gpp-bd {
        margin: 0 30px;
    }
    .gb-passport-pop .gpp-ft,
    .gb-passport-pop .gpp-login-other {
        display: none;
        height: 0;
    }
    .gb-passport-pop .gpp-saft-login-info {
        border-right: none;
        height: auto;
        margin-right: 0;
        padding: 0;
    }
    .gb-passport-pop .gpp-saft-login-demo {
        display: none;
    }
    .gpp-signin .gpp-hd {
        padding: 20px 0 30px 15px;
    }
    .gb-passport-pop .gpp-step-item {
        margin-right: 5px;
    }
    .gb-passport-pop .gpp-form-item,
    .gb-passport-pop .gpp-form-checkbox,
    .gb-passport-pop .gpp-form-user-avatar {
        margin-bottom: 15px;
    }
    .gb-passport-pop .gpp-form {
        padding-top: 20px;
    }
    .gb-passport-pop .gpp-form-user {
        height: 135px;
    }
    #pprt-toggle-register {
        display: none;
    }
    .ui-passport-pop {
        margin-left: -150px;
    }
    .gpp-form-tel-bind .gpp-form-item-verify .gpp-form-group {
        width: 88px;
    }
}
.webuploader-container {
    position: relative;
}
.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 0 20px;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events: none;
}
.state-part .type span {
    cursor: pointer;
}
.txt-warn {
    display: none;
}
.pc-con ul.form {
    display: none;
}
.statistics-datepicker {
    border: 0;
    background: transparent;
    color: #666;
    width: 180px;
    padding: 0 0 0 5px;
}
.data-view .ico-calendar {
    margin-left: 5px;
}
.table th {
    cursor: default;
}
.gb-final-mod-pagination {
    display: none;
    margin: 10px 0;
}
.pagesize select {
    min-width: 110px;
}
.pagesize {
    position: relative;
    top: -53px;
    width: 150px;
}
.gb-final-mod-pagination-in {
    position: relative;
}
.paginationjs-go-input {
    position: absolute;
    top: 12px;
    right: 50px;
}
.J-paginationjs-go-pagenumber {
    width: 30px;
}
.paginationjs-go-button {
    width: 50px;
    position: absolute;
    top: 11px;
    right: 0;
}
.global-footer {
    display: none;
}
.pop-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 98;
}
.pop,
.pop-box {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99;
    border-radius: 5px;
    width: 500px;
    background: #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    word-wrap: break-word;
    word-break: break-all;
    text-align: center;
    color: #666;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.pop-box {
    line-height: 36px;
    padding: 32px 40px 20px;
}
.pop-wrap {
    position: relative;
}
.pop-box .bd {
    line-height: 36px;
}
.pop-box .fd {
    padding: 24px 0 0;
}
.pop-box .btn {
    color: #526cba;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    display: inline-block;
    width: 98px;
    height: 34px;
    line-height: 34px;
    font-weight: bold;
    font-size: 14px;
}
.pop-box .btn:hover {
    background: #526cba;
    color: #fff;
    text-decoration: none;
}
.pop-close {
    position: absolute;
    top: 10px;
    right: 20px;
}
.pop .hd {
    position: relative;
    padding: 10px 20px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.pop .bd {
    padding: 0 20px 20px;
}
.pop .list-help {
    border-top: 1px dashed #e0e0e0;
    margin-bottom: 1px;
}
.pop .list-help li {
    padding: 8px 20px;
    text-align: left;
    overflow: hidden;
    border-bottom: 1px dashed #e0e0e0;
    line-height: 22px;
    font-size: 14px;
}
.pop .list-help .label {
    vertical-align: middle;
    float: left;
    width: 60px;
    padding-right: 4px;
    font-weight: bold;
    color: #526cba;
}
.pop .list-help .lable-txt {
    overflow: hidden;
    width: 350px;
    float: right;
    text-align: left;
}
.pop-agreement {
    z-index: 100;
}
.pop-box.pop-agreement {
    padding-bottom: 32px;
}
.pop-agreement p {
    font-size: 16px;
    line-height: 30px;
}
.pop-agreement .agreement-link {
    position: relative;
    margin-top: 36px;
    text-align: left;
    padding-left: 85px;
}
.pop-agreement .agreement-link a {
    color: #4092ee;
}
.pop-agreement .agreement-link input[type=checkbox] {
    position: absolute;
    left: 55px;
    top: 7px;
    cursor: pointer;
}
.pop-agreement .agreement-link p {
    font-size: 14px;
}
.pop-agreement .fd .btn {
    width: 160px;
}
.pop-agreement .fd .btn.disable {
    color: #ccc;
    background: #eee;
    cursor: default;
}
.ios-store li .button {
    margin-top: 10px;
}
.last-update {
    color: #999;
}
.item-platform {
    padding-left: 0!important;
}
.ico-send-news {
    background-position: 0 -120px;
    width: 41px;
    height: 40px;
}
.ico-send-data {
    background-position: -50px -120px;
    width: 32px;
    height: 42px;
}
.button-bg {
    background: url("//ue.17173cdn.com/a/open/index/2017/images/button.png");
    border: 0 none;
    padding: 0;
}
a.button-bg {
    transition: none;
    -webkit-transition: none;
}
.button-blue,
.button-green {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    vertical-align: middle;
}
.button-blue {
    background-position: 0 0;
}
.button-green {
    background-position: -300px 0;
}
.button-blue:hover {
    background-position: 0 -100px;
}
.button-green:hover {
    background-position: -300px -100px;
}
.contribute .button-bg {
    width: 300px;
    height: 100px;
    padding-bottom: 4px;
    display: inline-block;
    text-align: left;
}
.contribute a.button-bg {
    padding-bottom: 0;
}
.contribute-bd .item .ico,
.contribute-bd .item span {
    vertical-align: middle;
    display: inline-block;
}
.contribute-bd .item .ico {
    margin: 0 25px 0 48px;
}
.contribute a.button-bg .ico,
.contribute a.button-bg span {
    margin-top: 29px;
}
.contribute-bd .button-green .ico {
    margin-left: 57px;
}
.contribute-bd {
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
    min-height: 400px;
}
.contribute-bd .contribute-btn {
    padding: 80px 0 150px;
}
.contribute-bd .item {
    vertical-align: top;
    margin: 5px 30px;
    color: #999;
}
.contribute-bd .item p {
    line-height: 24px;
}
.contribute-bd .item button {
    margin-bottom: 10px;
}
.contribute-fd {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    word-wrap: break-word;
    word-break: break-all;
    padding: 25px 0;
}
.ico-game-news {
    background-position: -100px -120px;
    width: 40px;
    height: 35px;
}
.ico-other-news {
    background-position: -150px -120px;
    width: 30px;
    height: 35px;
}
.ico-game-info {
    background-position: -190px -120px;
    width: 27px;
    height: 30px;
}
.iframe-pop-cover,
.iframe-pop {
    position: fixed;
    height: 100%;
    top: 0;
    z-index: 1001;
}
.iframe-pop-cover {
    background: #000;
    width: 100%;
    opacity: 0.7;
    left: 0;
}
.iframe-pop {
    background: #fff;
    overflow: hide;
    width: 90%;
    left: 5%;
}
.iframe-pop iframe {
    background-color: transparent;
    overflow-x: hidden;
    overflow-y: auto;
}
.iframe-pop-close {
    position: fixed;
    top: 2.5%;
    left: 95%;
    z-index: 1003;
    width: 34px;
    height: 34px;
    text-align: center;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.7);
}
.iframe-pop-close .ico-pop-close {
    top: 8px;
    vertical-align: top;
    -webkit-transition: all 0.3s ease;
}
.iframe-pop-close:hover i {
    -webkit-transform: rotate(180deg);
}
.popup-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 998;
}
.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    border-radius: 12px;
    width: 400px;
    background: #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    word-wrap: break-word;
    word-break: break-all;
    text-align: center;
    color: #666;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.popup .popup-wrap {
    padding: 30px 30px 20px;
    color: #666;
    position: relative;
}
.popup .popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    cursor: pointer;
    width: 29px;
    height: 29px;
}
.popup .popup-ico {
    background: url('//ue.17173cdn.com/a/open/index/2017/images/v1-5-2/bg.png') 0 -240px;
    width: 17px;
    height: 17px;
    margin: 6px auto 0;
    display: block;
    -webkit-transition: all 0.3s ease;
}
.popup .popup-close:hover i {
    -webkit-transform: rotate(180deg);
}
.popup .popup-hd {
    padding: 3px 0;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.popup .popup-bd {
    padding-top: 10px;
    line-height: 28px;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 16px;
    text-align: left;
}
.popup .popup-center {
    text-align: center;
}
.popup .popup-bd a {
    color: #5b75c4;
}
.popup .popup-bd a:hover {
    text-decoration: underline;
}
.popup .popup-fd {
    padding: 30px 0 0;
}
.popup .popup-fd button {
    font-size: 16px;
    color: #5b75c4;
    display: inline-block;
    width: 140px;
    border: 1px solid #5b75c4;
    height: 40px;
    line-height: 36px;
    background: #fff;
    border-radius: 20px;
    margin: 0 5px;
    -webkit-transition: all 0.3s ease;
}
.popup .popup-fd .popup-ok {
    background: #5b75c4;
    color: #fff;
}
.popup .popup-fd button:hover {
    background: #324ea2;
    color: #fff;
}
.service-qq {
    position: fixed;
    z-index: 3;
    border: 1px solid #4c76c8;
    right: 20px;
    bottom: 20px;
    background: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    color: #4c76c8;
    overflow: hidden;
}
.service-qq,
.service-qq i,
.service-qq span {
    -webkit-transition: all 0.2s ease;
}
.service-qq i {
    background: url('//ue.17173cdn.com/a/open/index/2017/images/v1-5-2/bg.png') -30px -240px;
    width: 22px;
    height: 24px;
    display: block;
    margin: 12px auto 0;
}
.service-qq span {
    position: absolute;
    top: 6px;
    left: 0;
    width: 48px;
    text-align: center;
    opacity: 0;
    line-height: 18px;
}
.service-qq:hover i {
    opacity: 0;
}
.service-qq:hover span {
    opacity: 1;
}
.gb-comment-mod-my {
    display: none !important;
}
.gb-comment-reply .gb-comment-btn-reply,
.gb-comment-btn-share {
    display: none;
}
.gb-comment-opt span {
    cursor: default;
}
.gb-comment-replies {
    display: none;
}
.gb-comment-textarea:after {
    content: '\540C\4E00\8BC4\8BBA\53EA\80FD\56DE\590D\4E00\6B21\FF0C\65E0\6CD5\4FEE\6539';
    position: absolute;
    top: 31px;
    left: 8px;
    color: red;
}
.gb-comment-opt {
    position: relative;
}
.allow {
    width: 1000px;
    margin: 0 auto 50px;
}
.allow h1 {
    margin: 60px 0 0;
}
.allow-wrap {
    border-radius: 5px;
    background: #fff;
    margin-top: 20px;
    padding: 20px;
}
.allow-hd h2 {
    color: #333333;
}
.allow-hd {
    font-size: 16px;
    text-align: center;
    line-height: 60px;
}
.allow-hd > i {
    background: #5b75c4;
    width: 2em;
    height: 1px;
    display: block;
    margin: 0 auto;
}
.allow-hd p {
    color: #666;
}
.allow-bd {
    padding-bottom: 60px;
    min-height: 410px;
    overflow: hidden;
}
.allow-list {
    margin: 0 auto;
    width: 500px;
}
.allow-list li {
    width: 100%;
    position: relative;
    margin: 20px 0 0;
}
.allow-list li > span {
    position: absolute;
    color: #f00;
    left: 510px;
    line-height: 38px;
    top: 0;
    white-space: nowrap;
}
.allow-list input,
.allow-list textarea {
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 14px;
    color: #777;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.allow-list input:focus,
.allow-list textarea:focus {
    background: #fff;
    border-color: #bbb;
    color: #333;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)
}
.allow-list input::-webkit-input-placeholder,
.allow-list textarea::-webkit-input-placeholder {
    color: #bbb;
}
.allow-list .button {
    height: 50px;
    line-height: 48px;
    font-size: 16px;
    font-weight: normal;
}
.ico-suc {
    background-position: 0 -330px;
    width: 55px;
    height: 37px;
}
.allow-suc {
    padding: 120px 0 0;
    text-align: center;
}
.allow-suc .h {
    display: block;
    margin: 0 auto;
    width: 98px;
    height: 98px;
    border-radius: 50%;
    border: 2px solid #5b75c4;
}
.allow-suc .h i {
    top: 30px;
}
.allow-suc .b {
    padding: 20px 0 0;
    color: #5b75c4;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
}
.allow-suc .f {
    line-height: 34px;
    font-size: 14px;
    color: #666;
}
.box {
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
    padding: 20px;
    margin: 15px 0;
}
.account {
    padding-top: 5px;
}
.account .box {
    color: #666;
}
.account .box .hd {
    font-size: 16px;
}
.account .box .button {
    height: 36px;
    width: 110px;
}
.account .box .bd {
    margin: 20px 0 5px;
}
.account .table {
    min-height: 300px;
}
.account .table tbody tr {
    border-top: 1px solid #fff;
}
.account .empty {
    text-align: center;
    font-size: 16px;
    padding: 100px 0 0;
    color: #999;
}
.account .table th:nth-child(2),
.account .table tr td:nth-child(2) {
    text-align: center;
}
.account .table a {
    font-weight: normal;
}
.account .table td span:nth-child(1) a {
    color: #5b75c4;
}
.account .table span {
    margin: 0 1em;
}
.account .box select {
    padding-right: 2em;
    color: #666;
}
.account .box label,
.account .box input[type=checkbox] {
    vertical-align: middle;
}
.account .box input[type=checkbox] {
    position: relative;
    top: -1px;
    margin-right: 0.5em;
}
.account .box label {
    margin: 0 2em 1em 0;
    display: inline-block;
    cursor: pointer;
}
.account .box label input {
    cursor: pointer;
}
.account .box .all {
    display: block;
    width: 70px;
}
.account-bar {
    text-align: center;
    padding: 30px 0;
}
.account-bar .button {
    border: 1px solid #526cba;
    width: 120px;
    display: inline-block;
    height: 40px;
    margin: 0 .5em;
}
.account-bar .button.disable {
    color: #ccc;
    border: 1px solid #aaa;
    background: #eee;
    cursor: default;
}
.pop-apk ul {
    padding: 14px 18px 10px;
    font-size: 14px;
}
.pop-apk li {
    padding: 0 30px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
}
.pop-apk .pop-apk-ver {
    letter-spacing: 0.5em;
    margin-right: -0.5em;
}
.pop-apk li span {
    color: #000;
}
.ico-all {
    background-position: -60px -300px;
    width: 23px;
    height: 23px;
    margin-right: 10px;
    top: -1px;
}
.ico-warn {
    background-position: -190px -300px;
    width: 13px;
    height: 13px;
    top: -1px;
    margin-right: 3px;
}
.ico-remove {
    background-position: 0 0;
}
.ico-date {
    background-position: -130px -300px;
    width: 17px;
    height: 17px;
    margin: 0 5px;
    top: -1px;
}
.info-update,
.create-game {
    padding-bottom: 170px;
}
.info-update-hd {
    letter-spacing: -4px;
}
.info-update-hd .tab-li {
    display: inline-block;
    width: 33%;
    text-align: center;
    background: #f9f9f9;
    border-width: 0;
    border-bottom: 1px solid #eee;
    border-top: 2px solid #f9f9f9;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 52px;
    color: #666;
}
.info-update-hd .tab-li.current {
    font-weight: bold;
    color: #5b75c4;
    border-top-color: #5b75c4;
    border-bottom-color: #fff;
    background: #fff;
}
.tab-li,
.tab-li:hover {
    text-decoration: none;
}
.tab-li span {
    border-right: 1px solid #f0f0f0;
    display: block;
    line-height: 26px;
    margin: 13px 0;
}
.tab-li:last-child span {
    border: 0;
}
.info-update .tab-pn-con {
    padding: 20px 44px;
}
.info-update-h .button-all {
    width: 210px;
    height: 60px;
    font-size: 20px;
    font-weight: bold;
    float: right;
}
.info-update-h .button-all,
.info-update-h h2 {
    display: inline-block;
}
.info-update-h h2 {
    font-size: 20px;
}
.info-update-h {
    overflow: hidden;
    line-height: 60px;
    padding: 10px 0 30px;
}
.form1 select {
    height: 32px;
    line-height: 32px;
}
.form1 input[type=text] {
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    color: #333;
}
.form1 .control {
    display: inline-block;
    margin-left: 6px;
}
.form1 .hide.control {
    display: none;
}
.form1 .li-hd {
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.form1 .li-hd .required {
    color: #db4444;
    margin-right: 3px;
    display: inline-block;
    width: 9px;
}
.form1 .li-hd.no-required {
    padding-left: 12px;
}
.form1 .li-bd {
    padding-left: 44px;
    color: #666;
}
.form1 .button {
    background: #f8f8f8;
    color: #999;
    border: 1px dashed #e0e0e0;
    width: 130px;
    height: 30px;
    line-height: 28px;
    font-weight: normal;
}
.form1 .li-bd > .button {
    margin-top: 20px;
    background: #526cba;
    border: 1px solid #526cba;
    color: #ffffff;
    height: 36px;
}
.form1 .button-s {
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    border: 0;
    width: 54px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    border-radius: 12px;
    font-weight: normal;
    cursor: pointer;
    margin: 3px 3px 3px 0;
}
.form1 .button:hover {
    background: #5b75c4;
    color: #fff;
    border-color: #5b75c4;
}
.form1 .li-bd > .button:hover {
    margin-top: 20px;
    background: #5b75c4;
    border: 1px solid #5b75c4;
    color: #ffffff;
}
.form1 button b,
.form1 .button b {
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    top: -3px;
    margin-right: 8px;
}
.form1 .select {
    padding: 0 0 0 80px;
}
.form1 .no-checkbox {
    padding: 0 0 0 44px;
}
.form1 .select-li {
    position: relative;
    margin-bottom: 10px;
}
.form1 .select input[type=checkbox] {
    position: absolute;
    left: -36px;
    top: 8px;
    cursor: pointer;
}
.form1 .select select {
    margin-right: 5px;
    padding-right: 30px;
    min-width: 2em;
    color: #999999;
}
.form1 .select input[type=text] {
    width: 55%;
    max-width: 500px;
}
.form1 .selectize-input {
    max-width: 500px;
}
.form1 .note {
    line-height: 32px;
    text-align: left;
    clear: both;
}
.form1 #date {
    color: #526cba;
}
.form1 .li-hd em,
.form1 .note {
    color: #db4444;
}
.form1 .note-tips {
    color: #999999;
    line-height: 32px;
}
.form1 .note-tips1 {
    color: #999;
    font-weight: normal;
    font-size: 14px;
}
.claim .note-tips {
    margin: 30px 0 -15px 0;
}
.form1 .li-hd em {
    font-style: normal;
}
.form1 .li-hd .note {
    display: inline;
    margin-left: 20px;
    font-weight: normal;
    font-size: 14px;
}
.form1 label {
    margin-right: 35px;
    display: inline-block;
    cursor: pointer;
}
.form1 label input {
    margin-right: 8px;
}
.form1 label input,
.form1 label span {
    vertical-align: middle;
    cursor: pointer;
}
.form1 textarea {
    width: 90%;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.button-picker .webuploader-pick {
    padding: 0;
    width: 100%;
    height: 100%;
}
.button-picker .button {
    height: 240px;
    line-height: 24px;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    text-align: center;
    border: 2px dashed #cfcfcf;
    color: #999;
    background: #fff;
    border-radius: 20px;
}
.button-picker li:hover .button {
    border: 2px solid #7c91d0;
    background: #fff;
    color: #999;
}
.button-picker .button-picker-s {
    width: 240px;
    height: 240px;
}
.button-picker .button-picker-v {
    width: 171px;
    height: 240px;
}
.button-picker .button-picker-h {
    width: 427px;
    height: 240px;
}
.button-picker .button span {
    display: block;
}
.button-picker .button .ifile {
    font-size: 60px;
    font-weight: bold;
    line-height: 50px;
    color: #cfcfcf;
    margin: 40px 0 30px;
}
.button-picker li:hover .button .ifile {
    color: #7c91d0;
}
.button-picker li {
    float: left;
    display: inline;
    position: relative;
    margin: 0 30px 30px 0;
}
.button-picker .button-picker-l {
    width: 180px;
    height: 130px;
    color: #333;
}
.button-picker .button-picker-l:hover {
    color: #333;
}
.button-picker .button-picker-l .ifile {
    margin: 10px 0;
}
.button-picker-xs .button {
    width: 126px;
    height: 126px;
}
.button-picker-xs .button .ifile {
    margin-top: 34px;
}
.button-picker li > a,
.button-picker li img {
    display: block;
}
.button-picker-xs li,
.button-picker-xs img {
    width: 130px;
    height: 130px;
}
.upload-logo img,
.upload-logo li {
    width: 160px;
    height: 90px;
}
.upload-logo .button {
    width: 156px;
    height: 86px;
}
.upload-logo .button .ifile {
    margin-top: 14px;
}
.button-picker-xs img {
    border-radius: 5px;
}
.button-picker .remove {
    display: none;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #5b75c4;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
}
.button-picker li:hover .remove {
    display: block;
}
.button-picker,
.button-picker a {
    position: relative;
    width: 100%;
    height: 100%;
}
.button-picker img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
}
.form1 .single-text input {
    width: 90%;
}
.quick-bar {
    position: fixed;
    z-index: 2;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 140px;
    bottom: 0;
    left: 0;
}
.quick-bar-in {
    padding: 26px 0 0 240px;
    text-align: center;
    color: #999999;
}
.quick-bar .button {
    background: #526cba;
    padding: 0 2em;
    width: auto;
    height: 40px;
    color: #ffffff;
    border: 0;
    font-weight: bold;
    margin: 0 12px;
}
.quick-bar p {
    line-height: 40px;
    padding: 3px 0;
}
.quick-short,
.quick-company {
    height: 80px;
}
.quick-company .quick-bar-in {
    padding-top: 18px;
}
.wysihtml-sandbox {
    width: 90%;
}
.info-update .table img {
    max-width: 120px;
    max-height: 90px;
}
.info-update .table th:first-child,
.info-update .table td:first-child {
    text-align: center;
}
.create-game {
    margin-right: 220px;
    min-width: 550px;
    min-height: 600px;
}
.title {
    font-size: 26px;
    font-weight: bold;
    padding-top: 20px;
    line-height: 30px;
    height: 30px;
}
.title i {
    background: #ffba00;
    display: inline-block;
    width: 9px;
    height: 26px;
    border-radius: 7px;
    vertical-align: top;
    position: relative;
    top: 2px;
    margin-right: 10px;
}
.box1 {
    margin: 20px 0;
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
}
.box1-hd {
    height: 48px;
    line-height: 48px;
    padding: 0 0 0 20px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
}
.box1-bd {
    padding: 20px 20px 40px;
}
.ico-arrow {
    background-position: -230px -300px;
    width: 14px;
    height: 9px;
}
.slide .ico-arrow {
    background-position: -210px -300px;
}
.box1-hd code {
    float: right;
    width: 48px;
    height: 48px;
    text-align: center;
    cursor: pointer;
}
.relate-game {
    position: absolute;
    right: 5px;
    top: 70px;
    background: #fff;
    width: 236px;
    padding-bottom: 20px;
    border-radius: 5px;
    margin-bottom: 170px;
    box-shadow: 0 0 10px rgba(100, 100, 100, 0.1);
}
.fixed {
    position: fixed;
    top: 90px;
    z-index: 1;
}
.relate-game .relate {
    padding: 0 5px;
}
.relate .relate-bd {
    overflow: auto;
    height: 95%;
    margin-bottom: 20px;
    position: static;
}
.relate .loading {
    width: 192px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin: 10px 17px 0;
    background: #eee;
    cursor: pointer;
}
.relate .loading:hover {
    background: #ccc;
}
.relate {
    height: 100%;
    overflow: hidden;
}
.relate-game .note {
    position: relative;
    padding-left: 16px;
    word-wrap: break-word;
    word-break: break-all;
}
.relate-game .note i {
    position: absolute;
    left: 0;
    top: 6px;
}
.relate-game .relate li {
    margin: 0 14px 20px;
}
.relate-game .relate li:last-child {
    margin-bottom: 0;
}
.relate li img {
    display: block;
    width: 192px;
    height: 144px;
    border-radius: 5px;
    background: #f9f9f9;
    border: 3px solid #f9f9f9;
}
.relate .cur img {
    border: 3px solid #526cba;
}
.relate-hd {
    font-size: 14px;
    line-height: 24px;
    color: #db4444;
    padding: 14px 11px;
}
.main .relate-hd a {
    display: none;
}
.claim .relate-hd a {
    display: inline;
}
.relate-bd::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: none;
}
.relate-bd::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: rgba(82, 108, 186, 0.8);
    -webkit-transition: background-color 3s ease;
}
.relate-bd:hover::-webkit-scrollbar-thumb {
    background-color: rgba(82, 108, 186, 1);
}
.ico-search {
    background-position: -70px -330px;
    width: 18px;
    height: 18px;
}
.ico-proof {
    background-position: -89px -330px;
    width: 18px;
    height: 18px;
}
.ico-pass {
    background-position: -110px -327px;
    width: 18px;
    height: 18px;
}
.ico-search-l {
    background-position: -140px -330px;
    width: 27px;
    height: 27px;
}
.step1 .ico-search,
.step2 .ico-search,
.step3 .ico-search {
    background-position: -70px -350px;
}
.step2 .ico-proof,
.step3 .ico-proof {
    background-position: -89px -350px;
}
.step3 .ico-pass {
    background-position: -110px -347px;
}
.claim {}
.claim-progress {
    position: relative;
    width: 600px;
    margin: 50px auto 0;
    height: 100px;
    overflow: hidden;
}
.claim-progress .li {
    position: absolute;
    top: 4px;
    width: 72px;
    text-align: center;
    color: #999;
    font-size: 16px;
}
.claim-progress .li .step {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
}
.claim-progress .li .ico {
    top: 12px;
    vertical-align: top;
}
.claim-progress .step-bar {
    background: #dcdcdc;
    width: 500px;
    height: 10px;
    margin: 20px auto;
}
.claim-progress .step-bar-in {
    background: #526cba;
    width: 0;
    height: 10px;
}
.claim-progress .li1 {
    left: 0;
}
.claim-progress .li2 {
    left: 264px;
}
.claim-progress .li3 {
    right: 0;
}
.claim-progress .li .text {
    line-height: 60px;
}
.claim-hd .li .step,
.claim-hd .step-bar {
    background: #dcdcdc;
}
.step1 .li1 .step,
.step2 .li1 .step,
.step2 .li2 .step,
.step3 .li1 .step,
.step3 .li2 .step,
.step3 .li3 .step,
.step1 .step-bar-in,
.step2 .step-bar-in,
.step3 .step-bar-in {
    background: #526cba;
}
.step1 .step-bar-in {
    width: 0;
}
.step2 .step-bar-in {
    width: 50%;
}
.step3 .step-bar-in {
    width: 100%;
}
.step1 .li1,
.step2 .li1,
.step2 .li2,
.step3 .li1,
.step3 .li2,
.step3 .li3 {
    color: #526cba;
}
.claim-search {
    background: #fff;
    border: 1px solid #e0e0e0;
    height: 46px;
    border-radius: 24px;
    width: 480px;
    margin: 30px auto 20px;
}
.claim-search input[type=text] {
    background: none;
    border: 0 none;
    font-size: 15px;
    height: 22px;
    line-height: 22px;
    padding: 3px 0 3px 24px;
    margin-top: 9px;
    width: 26em;
}
::-webkit-input-placeholder {
    color: #999;
}
.claim-search button {
    background: none;
    border: 0;
    padding: 0;
    display: inline;
    width: 66px;
    height: 46px;
    float: right;
}
.claim .relate-list li {
    float: left;
    margin: 10px;
}
.claim .claim-bd {
    background: #fff;
    padding: 10px;
    display: none;
}
.claim .relate-hd {
    color: #999999;
    padding-left: 0;
}
.claim .relate-hd span,
.claim .relate-hd em {
    font-style: normal;
    color: #db4444;
}
.quick-text.quick-bar-in {
    padding-top: 10px;
}
.quick-text .button {
    min-width: 200px;
}
.quick-text .text {
    color: #999999;
    font-size: 20px;
}
.quick-text .text span {
    color: #db4444;
    text-overflow: ellipsis;
    max-width: 600px;
    vertical-align: top;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}
.claim .form1 {
    padding-bottom: 80px;
}
.proof,
.modify {
    margin-bottom: 120px;
}
#proof > .note {
    margin-top: 30px;
}
.info-update #proof > .note {
    margin-top: 0;
}
#proof > .note + .li .li-hd {
    padding-top: 0;
}
.modify .table a {
    margin-right: 20px;
}
.modify .table {
    margin-bottom: 30px;
    min-height: 200px;
}
.vhidden {
    visibility: hidden;
}
.descript-count span {
    color: #ff0000;
}
.field-game-names .control-label,
.field-game-links .control-label,
.field-game-channel .control-label {
    padding-top: 0;
}
h5 {
    font-weight: bold;
}
.cover-desc {
    color: grey;
}
.upload-cover {
    text-align: center;
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.upload-cover span {
    display: table-cell;
    vertical-align: middle;
}
.upload-cover img {
    display: none;
}
.upload-cover-inputfile-place {
    position: absolute;
    z-index: 1;
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden;
}
.upload-cover-inputfile {
    width: 1px;
    height: 1px;
    border: 0px;
    outline: none;
}
.preview-block {
    display: none;
}
.preview-img-tools {
    height: 28px;
    line-height: 28px;
}
.preview-img-tools-desc {
    color: grey;
    line-height: 32px;
    padding-left: 1.2em;
    text-align: left;
}
.preview-img-tools-btn {
    text-align: right;
}
.name-link-btn {
    margin-left: 1px !important;
}
.up-btn,
.down-btn {
    display: none;
}
.pic-item-body {
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
}
.pic-item {
    width: 200px;
    height: 200px;
    padding: 6px;
    border: 2px solid #dddddd;
    border-radius: 5px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    display: table-cell;
}
.pic-item:hover {
    border: 2px dotted #3CBEFF;
}
.pic-item-selected,
.pic-item-selected:hover {
    border: 2px solid #3CBEFF;
}
.delete-pic-item {
    cursor: pointer;
}
.pic-item img {
    width: 100%;
    height: 100%;
}
.pic-item-box {
    width: 200px;
    display: inline-block;
    text-align: center;
    margin: 5px;
}
#upload-limit-num {
    color: red;
    font-weight: bold;
    padding: 0 5px;
}
.ui-dialog-grid {
    min-width: 350px;
}
.preveiw-wrap {
    position: fixed;
    z-index: 99;
    background: #ffffff;
    box-shadow: 0 0 25px rgba(0, 0, 0, 1);
    width: 700px;
    height: 500px;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    margin: -250px 0 0 270px;
    border-radius: 5px;
    overflow: hidden;
}
.preview-img-place {
    height: 420px;
    margin-bottom: 10px;
    width: 100%;
}
.crop-btn {
    font-size: 14px;
    font-weight: bold;
    background: #526cba;
    display: inline-block;
    width: 4em;
    text-align: center;
    color: #ffffff;
    line-height: 28px;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 1.2em 0 -0.2em;
}
.crop-btn:hover {
    background: #5b75c4;
}
.cropCancel {
    background: #ddd;
    color: #333333;
}
.cropCancel:hover {
    background: #bbb;
}
#upload-square img,
#upload-vertical img,
#upload-horizontal img {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 16px;
    box-sizing: border-box;
    display: none;
}
.uploads .upload-cover img {
    display: none;
}
.uploads .preview-img-tools span,
.uploads .preview-img-tools-desc span {
    display: inline-block;
}
.uploads .preview-img-place img {
    position: static;
    border: 0;
    border-radius: 0;
}
.uploads #upload-logo {
    border-radius: 20px;
    box-sizing: border-box;
    display: inline;
}
.button .previews-wrap {
    cursor: default;
}
.dev {}
.dev .hd {
    position: relative;
    padding: 20px 0 0;
}
.dev .dev-date {
    position: absolute;
    right: 0;
    top: 20px;
    font-weight: normal;
}
.dev .dev-date span {
    color: #666;
    margin-left: 40px;
    font-size: 12px;
}
.dev .dev-date > span {
    color: #bababa;
}
.dev .bd {
    background: #fafafa;
    padding: 18px 15px 10px 22px;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin: 20px 0 0;
    border-radius: 5px;
    color: #666666;
}
.dev .button {
    width: 150px;
    height: 40px;
    margin: 20px 0 40px;
}
.dev textarea {
    border: 0;
    background: none;
    width: 100%;
    line-height: 24px;
    color: #666666;
    box-sizing: border-box;
    padding-right: 2px;
}
.dev #text-count {
    text-align: right;
}

.apk-upload .qiniuform {display: inline-block;}
.apk-upload .qiniuform label {margin: 0; padding-right:20px;}
.apk-upload .qiniuform .button-white {text-align: center; top: 0; margin: 0;}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJjc3Mvc3R5bGUuY3NzIiwic291cmNlUm9vdCI6IiJ9*/