.topbar {

    height: 34px;

    border-bottom: 1px solid #DADADA;

    background: url(../img/topbg.png?t=120932) repeat-x #F7F7F7;

    color: #707070

}



.topbar .main {

    width: 1200px;

    height: 34px;

    margin: 0 auto;

    position: relative

}



.topbar .openpic {

    position: absolute;

    left: 0;

    top: 0;

    width: 1200px;

    height: 190px;

    z-index: 9;

    display: none

}



.topbar .logo {

    width: 160px;

    height: 34px;

    overflow: hidden;

    text-indent: -99em;

    background: url(../../img/common/topbar-logo.jpg?t=010449) no-repeat;

    position: relative;

    z-index: 10

}



.topbar .flash {

    width: 360px;

    height: 34px;

    margin-left: 15px;

    position: relative

}



.topbar dl {

    width: 510px;

    position: relative;

    z-index: 10

}



.topbar dd {

    position: relative;

    padding-top: 8px

}



.topbar dd a {

    color: #707070

}



.topbar .log a:hover,.topbar .log a:hover span,.topbar dd a:hover {

    color: #FE610B;

    cursor: pointer

}



.topbar dd .t {

    display: block;

    height: 20px;

    line-height: 20px;

    border-left: 1px solid #DCDCDC;

    text-align: center;

    cursor: pointer

}



.topbar dd .t i {

    width: 0;

    height: 0;

    overflow: hidden;

    border-width: 4px;

    border-style: solid dashed dashed;

    border-color: #707070 transparent transparent;

    margin-left: 3px;

    position: relative;

    top: 10px;

    z-index: 3;

    *display: inline-block;

    *top: 1px

}



.topbar .usr {

    width: 195px

}



.topbar .usr .nick {

    display: inline-block;

    max-width: 80px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-right: 15px;

    vertical-align: top;

    text-align: left;

    *margin-top: -2px

}



.topbar .usr .sep {

    color: #DCDCDC;

    margin: 0 6px

}



.topbar .msg {

    width: 59px;

    display: none

}



.topbar .log {

    width: 95px;

    display: none

}



.topbar .fav {

    width: 66px

}



.topbar .usr .t {

    border-left: none;

    text-align: right;

    padding-right: 16px;

    cursor: default;

    display: none

}



.topbar .all {

    width: 95px

}



.topbar .pull:hover .t {

    position: absolute;

    top: 0;

    left: 0;

    right: -1px;

    height: 35px;

    line-height: 36px;

    background: #fff;

    border-left: 1px solid #D2D2D2;

    border-right: 1px solid #D2D2D2;

    color: #FE610B;

    z-index: 20

}



.topbar .pull:hover .t i {

    border-top-color: #FE610B

}



.topbar .pull:hover .popup {

    display: block

}



.topbar dd .popup {

    background: #fff;

    border: 1px solid #D2D2D2;

    position: absolute;

    top: 34px;

    z-index: 15;

    display: none

}



.topbar .log .popup {

    width: 160px;

    padding: 0 10px;

    left: 0

}



.topbar .log li {

    height: 40px;

    padding: 8px 0;

    border-bottom: 1px dotted #ddd

}



.topbar .log .icon {

    width: 40px;

    height: 40px;

    margin-right: 8px

}



.topbar .log .icon img {

    width: 40px;

    height: 40px;

    border-radius: 4px

}



.topbar .log .cont {

    width: 110px;

    color: #aaa;

    overflow: hidden

}



.topbar .log .gname {

    display: block;

    color: #000;

    margin-bottom: 6px

}



.topbar .log .sid {

    color: #aaa

}



.topbar .fav .popup {

    width: 65px;

    padding: 5px 0;

    left: 0

}



.topbar .fav .popup a {

    display: block;

    line-height: 26px;

    text-align: center

}



.topbar .all .popup {

    right: -1px;

    width: 506px;

    height: 155px;

    overflow: hidden

}



.topbar .allgame {

    width: 510px

}



.topbar .allgame a {

    float: left;

    width: 116px;

    height: 18px;

    padding: 10px;

    padding-right: 0;

    line-height: 18px;

    border-right: 1px solid #EFEFEF;

    border-bottom: 1px solid #EFEFEF

}



.topbar .allgame img {

    width: 18px;

    height: 18px;

    margin-right: 5px;

    vertical-align: top

}



.topbar .allgame em {

    margin-left: 3px;

    font-family: Tahoma;

    font-size: 9px;

    transform: scale(.8);

    -webkit-transform: scale(.8);

    -ms-transform: scale(1);

    display: inline-block

}



.topbar .allgame .hot {

    color: #FE2D0B

}



.topbar .allgame .new {

    color: #7ABD54

}



a,b,body,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,html,i,iframe,label,li,ol,p,span,strong,table,tbody,td,tfoot,th,thead,tr,ul {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: 0 0

}



html {

    /*background-image: url(about:blank);*/

    background-attachment: fixed;

    width: 100%

}



li,ol,ul {

    list-style: none

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



input {

    padding: 0;

    margin: 0;

    outline: 0;

    border: none;

    background: #fff

}



img {

    border: 0

}



a {

    text-decoration: none;

    color: #000

}



b,em,i {

    font-style: normal

}



.cl:after,.cl:before {

    content: " ";

    display: table;

    height: 0;

    visibility: hidden

}



.cl:after {

    clear: both

}



.cl {

    *zoom: 1

}



.fl {

    float: left;

    display: inline

}



.fr {

    float: right;

    display: inline

}



.clear {

    clear: both

}



.gift-box .row .selwp {

    height: 20px;

    width: 260px;

    padding: 7px 10px;

    border-radius: 3px;

    position: relative;

    cursor: pointer;

    font-size: 14px

}



.gift-box .selwp .arr {

    border-width: 5px;

    border-style: solid dashed dashed;

    border-color: transparent;

    position: absolute;

    right: 12px;

    top: 15px;

    z-index: 1

}



.gift-box .selwp .selected {

    line-height: 20px

}



.gift-box .selwp ul {

    position: absolute;

    top: 34px;

    left: 0;

    width: 270px;

    z-index: 11;

    max-height: 280px;

    overflow-y: auto;

    padding: 5px;

    border-radius: 0 0 3px 3px;

    display: none

}



.gift-box .selwp li {

    line-height: 28px;

    padding: 0 5px;

    height: 28px

}



.footer {

    margin-top: 80px;

    height: 130px

}



.footer .footer-content {

    width: 1160px;

    height: 90px;

    padding: 20px;

    margin: auto;

    line-height: 30px;

    text-align: right;

    position: relative

}



.footer .footer-logo {

    position: absolute;

    left: 0;

    top: 36px;

    width: 166px;

    height: 46px;

}

.footer .footer-content i {
    margin: 0 10px;
    opacity: .5;
}

.footer .opa {
    opacity: .6;
}



.go-alert {

    width: 440px;

    height: 198px;

    background: #fff;

    display: none;

    position: relative

}



.go-alert .close-btn {

    position: absolute;

    right: 0;

    top: 0;

    color: #E6DCCD;

    width: 35px;

    line-height: 35px;

    font-size: 35px;

    text-align: center;

    cursor: pointer

}



.go-alert .content {

    width: 220px;

    padding-top: 75px;

    padding-left: 45px;

    margin: auto;

    line-height: 24px;

    font-size: 15px;

    color: #707070;

    background: url(../../img/common/sigh_big.png?t=440126) no-repeat 0 80px

}



body {

    background: #0F0604;

    font-family: 'microsoft yahei',arial,simsun;

    font-size: 12px;

    min-width: 1200px

}



.go-banner {

    width: 100%;

    height: 600px;

    background-repeat: no-repeat;

    background-position: center

}



.go-wrap {

    width: 1200px;

    margin: -70px auto 0;

    position: relative;

    z-index: 1

}



.go-wrap .menu {

    height: 70px;

    background: url(../../img/official/menuline.png?t=534103) no-repeat right

}



.go-wrap .menu li {

    float: left;

    width: 160px;

    height: 70px;

    text-align: center;

    background: url(../../img/official/menuline.png?t=534103) no-repeat left bottom

}



.go-wrap .menu .down {

    width: 240px;

    height: 135px;

    margin-top: -65px;

    position: relative

}



.go-wrap .menu .down a {

    position: absolute;

    left: 0;

    top: 0;

    width: 240px;

    height: 135px

}



.go-wrap .menu a {

    display: block;

    height: 100%;

    width: 100%

}



.go-wrap .menu strong {

    color: #FC0;

    font-size: 16px;

    line-height: 30px;

    display: block

}



.go-wrap .menu span {

    color: #8F7E6D;

    font-size: 12px;

    display: block;

    opacity: .8;

    filter: alpha(opacity=80)

}



.go-wrap .titbg {

    height: 40px;

    overflow: hidden;

    text-indent: -99em;

    background-repeat: no-repeat

}



.go-aside {

    width: 320px

}



.go-start {

    height: 150px;

    position: relative;

    background-repeat: no-repeat

}



.go-start a {

    display: block;

    height: 150px;

    width: 320px;

    position: absolute;

    left: 0;

    top: 0

}



.go-aside .login-wp {

    height: 170px

}



.go-aside .login-wp .loading {

    line-height: 170px;

    text-align: center

}



.go-aside .login {

    height: 155px;

    padding-top: 15px;

    display: none

}



.go-aside .login .login-box {

    width: 260px;

    height: 61px;

    margin: 0 auto 5px;

    position: relative

}



.go-aside .login-box input {

    width: 176px;

    height: 22px;

    padding: 4px 8px;

    position: absolute;

    left: 0

}



.go-aside .login-box .u {

    top: 0

}



.go-aside .login-box .p {

    top: 31px

}



.go-aside .login-box .sub {

    width: 68px;

    height: 61px;

    position: absolute;

    right: 0;

    top: 0

}



.go-aside .login-box .sub:hover {

    background-position: 0 -61px

}



.go-aside .login .line {

    width: 260px;

    height: 24px;

    line-height: 24px;

    margin: auto;

    position: relative

}



.go-aside .login .line a,.go-aside .login .line input,.go-aside .login .line label,.go-aside .login .line span {

    vertical-align: middle;

    opacity: .6;

    filter: alpha(opacity=60)

}



.go-aside .login .sep {

    margin: 0 8px;

    vertical-align: middle;

    opacity: .6;

    filter: alpha(opacity=60)

}



.go-aside .login .line .reg {

    position: absolute;

    right: 0;

    top: 0;

    font-size: 14px;

    opacity: 1;

    filter: alpha(opacity=100)

}



.go-aside .uinfo {

    padding: 0 25px;

    height: 170px;

    display: none

}



.go-aside .uinfo .userid {

    display: inline-block;

    width: 100px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    vertical-align: top;

    *vertical-align: middle

}



.go-aside .uinfo .u {

    height: 35px;

    line-height: 35px;

    font-size: 14px

}



.go-aside .uinfo .logout {

    float: right

}



.go-aside .uinfo h3 {

    height: 20px;

    line-height: 20px

}



.go-aside .uinfo ul {

    height: 107px;

    overflow: hidden

}



.go-aside .uinfo li {

    height: 35px;

    line-height: 35px;

    border-bottom: 1px dotted #7A6A5A;

    font-size: 14px

}



.go-aside .uinfo li a {

    display: block;

    height: 35px;

    padding: 0 32px;

    position: relative

}



.go-aside .uinfo li a:hover .btn {

    background-position: -166px -82px

}



.go-aside .uinfo .btn {

    position: absolute;

    width: 72px;

    height: 22px;

    right: 12px;

    top: 6px;

    line-height: 22px;

    text-align: center;

    background-position: -166px -60px

}



.go-aside .quicklogin {

    height: 35px;

    line-height: 35px;

    padding: 0 40px;

    margin-top: 5px

}



.go-aside .quicklogin span {

    float: left

}



.go-aside .quicklogin a {

    float: left;

    margin-top: 7px;

    margin-left: 15px;

    width: 23px;

    height: 23px;

    background: url(../../img/common/icon_log_reg.png?t=079777) no-repeat

}



.go-aside .quicklogin .qq {

    background-position: -8px -235px

}



.go-aside .quicklogin .weixin {

    background-position: -113px -235px

}



.go-aside .quicklogin .wb {

    background-position: -44px -235px

}



.go-aside .quicklogin .rr {

    background-position: -146px -235px

}



.go-aside .enter {

    height: 250px;

    padding: 5px 22px

}



.go-aside .enter .q {

    padding: 3px 15px;

    font-size: 15px;

    height: 25px;

    position: relative

}



.go-aside .enter .q input {

    border: none;

    width: 50px;

    height: 22px;

    text-align: center;

    margin: 0 6px

}



.go-aside .enter .q a {

    position: absolute;

    width: 72px;

    height: 22px;

    right: 15px;

    top: 3px;

    font-size: 12px;

    text-align: center;

    line-height: 22px;

    background-position: -166px -60px

}



.go-aside .enter .q a:hover {

    background-position: -166px -82px

}



.go-aside .enter ul {

    height: 169px;

    overflow: hidden

}



.go-aside .enter li {

    height: 35px;

    line-height: 35px;

    padding: 0 35px;

    font-size: 14px;

    border-bottom: 1px dotted #7A6A5A;

    *vertical-align: middle

}



.go-aside .enter li a {

    display: block;

    height: 35px

}



.go-aside .enter .all {

    width: 168px;

    height: 30px;

    display: block;

    margin: 15px auto 0;

    background-position: -70px 0;

    overflow: hidden;

    text-indent: -99em

}



.go-aside .enter .all:hover {

    background-position: -70px -30px

}



.go-material {

    height: 430px

}



.go-material .link {

    padding: 5px 18px

}



.go-material .b2 {

    float: left;

    width: 130px;

    height: 110px;

    margin: 0 6px 18px;

    position: relative

}



.go-material .b2 .uico {

    position: absolute;

    width: 60px;

    height: 60px;

    left: 35px;

    top: 12px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s

}



.go-material .b2 span {

    position: absolute;

    top: 78px;

    font-size: 16px;

    width: 100%;

    text-align: center;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s

}



.go-material .b2:hover span {

    top: 82px

}



.go-material .b2:hover .uico {

    transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg)

}



.go-material .b2 .u1 {

    background-position: -60px 0

}



.go-material .b2 .u2 {

    background-position: 0 -60px

}



.go-material .b2 .u3 {

    background-position: -60px -60px

}



.go-material .b2 .u4 {

    background-position: 0 -120px

}



.go-material .b2 .u5 {

    background-position: -60px -120px

}



.go-aside .quick {

    height: 260px

}



.go-aside .quick .titbg {

    background-position: 0 -40px

}



.go-aside .quick a {

    display: block;

    height: 60px;

    padding: 0 10px;

    margin: 5px 5px 12px;

    position: relative

}



.go-aside .quick h3 {

    font-size: 15px;

    position: absolute;

    left: 80px;

    top: 8px;

    font-weight: 400

}



.go-aside .quick .desc {

    position: absolute;

    left: 80px;

    top: 35px;

    opacity: .5;

    filter: alpha(opacity=50)

}



.go-aside .quick .see {

    width: 32px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    border: 1px solid #8F7E6D;

    position: absolute;

    right: 20px;

    top: 10px;

    border-radius: 1px

}



.go-aside .quick .line {

    width: 86px;

    height: 1px;

    position: absolute;

    top: 20px;

    left: 156px;

    border-bottom: 1px solid #8F7E6D

}



.go-aside .quick .qico {

    float: left;

    width: 60px;

    height: 60px;

    opacity: .5;

    filter: alpha(opacity=50);

    background-repeat: no-repeat

}



.go-aside .quick .u2 {

    background-position: -60px 0

}



.go-aside .quick .u3 {

    background-position: -120px 0

}



.go-aside .quick a:hover .qico {

    opacity: 1;

    filter: alpha(opacity=100)

}



.go-sec {

    float: right;

    width: 880px;

    min-height: 1270px

}



.go-sec .focus {

    position: relative;

    width: 880px;

    height: 320px;

    overflow: hidden

}



.go-sec .focus li {

    width: 880px;

    height: 320px;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9;

    opacity: 0;

}



.go-sec .focus .dot {

    position: absolute;

    height: 14px;

    right: 20px;

    bottom: 12px;

    z-index: 99

}



.focus .dot em {

    display: inline-block;

    width: 14px;

    height: 14px;

    border-radius: 7px;

    margin: 0 4px;

    cursor: pointer;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s

}



.focus .dot .cur {

    width: 28px

}



.go-news {

    height: 260px

}



.go-news .tab .cur {

    border-bottom-style: solid;

    border-bottom-width: 2px

}



.go-news .list {

    float: left;

    width: 580px;

    height: 250px;

    padding: 5px 20px

}



.go-news .list .tab {

    height: 30px;

    line-height: 30px;

    border-bottom: 2px solid #3A2916;

    position: relative

}



.go-news .list .tab .t {

    float: left;

    width: 98px;

    text-align: center;

    font-size: 14px;

    cursor: pointer

}



.go-news .list .tab .cur {

    font-weight: 700;

    border-bottom: 2px solid #FC0

}



.go-news .list .tab .more {

    position: absolute;

    right: 3px;

    top: 3px

}



.go-news .list .top {

    height: 30px;

    line-height: 30px;

    font-size: 14px;

    padding: 0 8px;

    margin: 15px 0 10px

}



.go-news .list li {

    height: 26px;

    line-height: 26px;

    *vertical-align: top

}



.go-news .list li span {

    float: right

}



.go-news .list li a {

    display: block;

    transition: .3s;

    -webkit-transition: .3s;

    -moz-transition: .3s

}



.go-news .list li a:hover {

    padding-left: 5px

}



.go-news .intro {

    float: right;

    width: 260px;

    height: 260px;

    overflow: hidden

}



.go-news .intro .cover {

    width: 260px;

    height: 260px

}



.go-news .intro .cover-mini {

    display: block;

    width: 228px;

    height: 110px;

    margin: 13px 16px 0

}



.go-news .intro .titbg {

    background-position: 0 -160px

}



.go-news .intro .cont {

    padding: 10px;

    line-height: 25px;

    font-size: 14px

}



.go-news .news-ul {

    display: none

}



.go-jobs {

    height: 430px;

    overflow: hidden;

    position: relative;

    background-repeat: no-repeat;

    background-position: 35px 85px

}



.go-jobs .titbg {

    background-position: 0 -80px

}



.go-jobs .tab {

    position: absolute;

    height: 30px;

    line-height: 30px;

    left: 15px;

    top: 45px;

    z-index: 2

}



.go-jobs .tab span {

    float: left;

    height: 32px;

    line-height: 32px;

    width: 85px;

    text-align: center;

    font-size: 14px;

    cursor: pointer

}



.go-jobs .tab .cur {

    height: 30px;

    line-height: 30px;

    border-bottom-width: 2px;

    border-bottom-style: solid

}



.go-jobs .pic {

    position: absolute;

    top: 50px;

    right: 200px;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    transition: .3s ease;

    -webkit-transition: .3s ease;

    -moz-transition: .3s ease

}



.go-jobs .cur .pic {

    right: -10px;

    top: -10px;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    opacity: 1;

    transform: scale(1);

    filter: alpha(opacity=100)

}



.go-jobs .desc {

    position: absolute;

    left: 5px;

    top: 165px;

    opacity: 0;

    filter: alpha(opacity=0);

    font-size: 14px;

    line-height: 25px;

    transition: .3s ease;

    -webkit-transition: .3s ease;

    -moz-transition: .3s ease;

    z-index: 1;

    width: 350px

}



.go-jobs .desc td {

    vertical-align: middle;

    padding: 5px

}



.go-jobs .cur .desc {

    left: 35px;

    opacity: 1;

    filter: alpha(opacity=100);

    z-index: 2

}



.go-lnks {

    height: 260px

}



.go-lnks .titbg {

    background-position: 0 -120px

}



.go-lnks dl {

    height: 220px;

    overflow: hidden;

    position: relative

}



.go-lnks dd {

    position: relative;

    float: left;

    height: 220px;

    width: 220px;

    overflow: hidden;

    transition: .3s ease;

    -webkit-transition: .3s ease;

    -moz-transition: .3s ease

}



.go-lnks .cur {

    width: 440px

}



.go-lnks .img {

    float: left;

    width: 220px;

    height: 40px;

    line-height: 40px;

    padding-top: 180px;

    text-align: center;

    font-size: 18px;

    font-weight: 700

}



.go-lnks .cont {

    position: absolute;

    left: 220px;

    top: 0;

    width: 200px;

    height: 200px;

    padding: 10px;

    overflow: hidden

}



.go-lnks h3 {

    height: 30px;

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 5px

}



.go-lnks .desc {

    font-size: 12px;

    line-height: 25px

}



.go-sec .news-tit {

    height: 80px;

    padding: 0 25px;

    position: relative

}



.go-sec .news-tit h2 {

    font-size: 30px;

    font-weight: 400;

    line-height: 80px

}



.go-sec .news-tit .path {

    height: 25px;

    line-height: 25px;

    position: absolute;

    right: 25px;

    top: 30px;

    font-size: 14px

}



.go-sec .news-tit .path a:hover {

    text-decoration: underline

}



.go-sec .news-list {

    height: 1117px;

    padding: 0 28px;

    overflow: hidden

}



.go-sec .news-list li {

    height: 42px;

    line-height: 42px;

    padding: 0 5px;

    font-size: 14px;

    border-bottom: 1px solid #2C1E11;

    *vertical-align: top

}



.go-sec .news-list .time {

    float: right;

    opacity: .5;

}



.go-sec .news-list a {

    transition: .3s;

    -webkit-transition: .3s;

    -moz-transition: .3s

}



.go-sec .news-list a:hover {

    padding-left: 8px

}



.go-sec .page {

    padding-top: 18px;

    height: 55px;

    text-align: center

}



.go-sec .page a {

    margin: 0 8px;

    display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 30px;

    border-width: 1px;

    border-style: solid;

    border-radius: 15px;

    font-size: 15px

}



.go-sec .page span {

    display: inline-block;

    width: 30px;

    line-height: 32px

}



.go-sec .page .txt {

    width: 70px

}



.go-sec .news-view {

    min-height: 1190px

}



.news-view .tit {

    padding-top: 50px;

    height: 95px;

    border-bottom-width: 1px;

    border-bottom-style: solid;

    margin: 0 28px

}



.news-view .tit h1 {

    font-size: 24px;

    height: 25px;

    line-height: 25px;

    margin-bottom: 45px;

    text-align: center;

    font-weight: 400

}



.news-view .tit .info {

    text-align: right;

    padding-right: 30px;

    opacity: .5;

}



.news-view .cont {

    margin: 16px 40px;

    font-size: 14px;

    line-height: 25px;

    padding-bottom: 100px

}



.news-view .cont p {

    margin-bottom: 18px

}



.news-view .cont table,.news-view .cont td,.news-view .cont th {

    border: 1px solid #aaa

}



.news-view .cont img {

    max-width: 800px

}



.go-gift .tit {

    border: none;

    padding-top: 30px;

    height: 55px

}



.go-gift .cont {

    margin-top: 25px

}



.gift-box {

    width: 750px;

    height: 190px;

    padding-top: 25px;

    margin: auto;

    position: relative

}



.gift-box .row {

    width: 360px;

    height: 55px;

    margin: auto

}



.gift-box .row span {

    width: 80px;

    height: 35px;

    line-height: 35px;

    font-size: 14px

}



.gift-box .row .btn {

    margin-right: 15px;

    width: 88px;

    height: 28px;

    text-align: center;

    line-height: 26px;

    font-size: 14px;

    background-position: -70px -60px

}



.gift-box .row .btn:hover {

    background-position: -70px -88px

}



.gift-box .row .reg {

    line-height: 28px;

    opacity: .5;

}



.gift-box .row .reg:hover {

    text-decoration: underline

}



.gift-box .code {

    position: absolute;

    width: 100%;

    height: 30px;

    line-height: 30px;

    bottom: 10px;

    left: 0;

    text-align: center;

    display: none

}



.gift-box .code span {

    display: inline-block;

    height: 22px;

    line-height: 22px;

    padding: 0 8px

}



.gift-box .code .btn {

    display: inline-block;

    width: 72px;

    height: 22px;

    line-height: 22px;

    text-align: center;

    border-radius: 2px;

    background-position: -166px -60px

}



.gift-box .code .btn:hover {

    background-position: -166px -82px

}



.go-serv {

    width: 100%;

    height: 1100px;

    overflow: hidden;

    position: relative;

    background-repeat: no-repeat;

    background-position: top

}



.go-serv .logo {

    width: 260px;

    height: 150px;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -500px

}



.go-serv .main {

    width: 600px;

    padding: 0 10px;

    height: 1100px;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -140px

}



.go-serv .toplnk {

    margin-top: 25px;

    height: 50px

}



.go-serv .toplnk a {

    width: 138px;

    height: 50px;

    overflow: hidden;

    text-indent: -99em;

    margin: 0 6px

}



.go-serv .toplnk .s2 {

    background-position: -138px 0

}



.go-serv .toplnk .s3 {

    background-position: -276px 0

}



.go-serv .toplnk .s4 {

    background-position: -414px 0

}



.go-serv .toplnk .s5 {

    background-position: -552px 0

}



.go-serv .toplnk .s1:hover {

    background-position: 0 -50px

}



.go-serv .toplnk .s2:hover {

    background-position: -138px -50px

}



.go-serv .toplnk .s3:hover {

    background-position: -276px -50px

}



.go-serv .toplnk .s4:hover {

    background-position: -414px -50px

}



.go-serv .toplnk .s5:hover {

    background-position: -552px -50px

}



.go-serv .login {

    width: 600px;

    height: 120px;

    padding: 0 5px;

    margin-top: 55px

}



.go-serv .fuli {

    width: 560px;

    height: 120px;

    padding: 0 20px;

    margin-top: 25px

}



.go-serv .login .loading {

    height: 100px;

    line-height: 100px;

    text-align: center

}



.serv-login {

    position: relative;

    height: 120px;

    display: none

}



.serv-login .uname,.serv-login .upwd {

    width: 160px;

    height: 40px;

    position: absolute;

    top: 10px;

    left: 5px;

    line-height: 40px;

    padding-left: 10px;

    font-size: 14px

}



.serv-login .upwd {

    left: 185px

}



.serv-login .ipt {

    height: 24px;

    line-height: 24px;

    border: none;

    background: 0 0;

    width: 150px

}



.serv-login .sbtn {

    width: 195px;

    height: 44px;

    position: absolute;

    right: 1px;

    top: 8px;

    background-position: 0 -100px

}



.serv-login .sbtn:hover {

    background-position: 0 -144px

}



.serv-login .tip {

    position: absolute;

    left: 15px;

    top: 56px

}



.serv-login .func {

    position: absolute;

    right: 30px;

    top: 55px;

    line-height: 24px

}



.serv-login .func a,.serv-login .func em,.serv-login .func input,.serv-login .func label {

    vertical-align: middle;

    opacity: .6;

}



.serv-login .func .sep {

    margin: 0 6px

}



.serv-login .func a:hover {

    text-decoration: underline

}



.serv-login .reg {

    width: 320px;

    height: 23px;

    line-height: 23px;

    position: absolute;

    bottom: 8px;

    left: 140px;

    text-align: center;

    border-top-width: 1px;

    border-style: solid;

    padding-top: 5px

}



.serv-login .reg * {

    display: inline-block;

    vertical-align: middle

}



.serv-login .reg .sep {

    margin: 0 8px

}



.serv-login .reg .trd {

    width: 23px;

    height: 23px;

    margin-left: 8px;

    background: url(../../img/common/icon_log_reg.png?t=079777) no-repeat

}



.serv-login .reg .c1:hover {

    text-decoration: underline

}



.serv-login .reg .qq {

    background-position: -8px -235px

}



.serv-login .reg .weixin {

    background-position: -113px -235px

}



.serv-login .reg .wb {

    background-position: -44px -235px

}



.serv-login .reg .rr {

    background-position: -146px -235px

}



.serv-info {

    height: 120px;

    display: none

}



.serv-info .welcome {

    margin: 0 10px 20px;

    font-size: 14px;

    height: 40px;

    line-height: 40px

}



.serv-info .welcome .nick {

    display: inline-block;

    width: 100px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    vertical-align: middle

}



.serv-info .welcome .fr {

    margin-left: 10px

}



.serv-info .enter {

    height: 42px

}



.serv-info .enter h3 {

    padding-left: 10px;

    width: 140px;

    line-height: 42px;

    font-size: 14px;

    font-weight: 400;

    text-align: center

}



.serv-info .serv-list {

    width: 410px;

    height: 42px;

    overflow: hidden

}



.serv-info .enter li {

    margin: 0 7px

}



.serv-list li {

    float: left;

    display: inline;

    width: 190px;

    height: 42px;

    text-align: center

}



.serv-list .sbtn {

    display: block;

    width: 190px;

    height: 42px;

    line-height: 42px;

    font-size: 14px;

    background-position: -195px -100px

}



.serv-list .sbtn:hover {

    background-position: -195px -142px

}



.serv-list .gmf {

    display: block;

    width: 190px;

    height: 42px;

    line-height: 42px;

    font-size: 14px;

    background-position: -386px -100px

}



.serv-list .gmf:hover {

    background-position: -386px -142px

}



.serv-list li span {

    margin-left: 15px

}





.serv-list li em {

    right:5px;top:15px;color:#d05300;margin : 0px 8px 0px 0px;float:right;font-size:11px

}





.serv-main {

    width: 580px;

    margin: 70px auto 0

}



.serv-main .serv-list {

    width: 616px;

    margin-left: -20px

}



#servall {

    height: 300px;

    overflow-y: auto

}



#servnew {

    height: 50px

}



.serv-main .serv-list li {

    margin-left: 8px;

    margin-bottom: 8px

}



.serv-tit {

    height: 45px;

    line-height: 45px;

    font-size: 18px

}



.fuli-tit {

    height: 45px;

    font-size: 18px

}



.serv-tit span {

    margin-right: 10px;

    vertical-align: middle

}



.serv-tit em {

    font-size: 16px;

    vertical-align: middle

}



.serv-tit input {

    width: 55px;

    height: 22px;

    line-height: 22px;

    text-align: center;

    vertical-align: middle

}



.serv-tit .btn {

    display: inline-block;

    width: 72px;

    height: 22px;

    line-height: 22px;

    margin-left: 15px;

    text-align: center;

    background-position: -166px -60px;

    font-size: 12px;

    vertical-align: middle

}



.serv-tit .btn:hover {

    background-position: -166px -82px

}



.serv-group {

    width: 600px;

    margin: 6px 3px 20px;

    line-height: 24px

}



.serv-group span {

    display: inline-block;

    width: 90px;

    text-align: center;

    cursor: pointer;

    margin: 4px

}



.mask {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1050;

    overflow: hidden;

    outline: 0;

    background: rgba(0,0,0,.6);

    display: none

}



#videoPlay {

    width: 850px;

    height: 515px;

    position: absolute;

    left: 50%;

    margin-left: -425px;

    top: 50%;

    margin-top: -260px

}



#videoPlay .cls {

    width: 45px;

    height: 45px;

    line-height: 45px;

    font-size: 35px;

    color: #eee;

    background: #151515;

    position: absolute;

    right: -45px;

    top: 0;

    cursor: pointer;

    text-align: center

}



#videoPlay .box {

    width: 850px;

    height: 515px;

    overflow: hidden;

    background: #151515

}



#servListBody .footer {

    margin-top: 0

}



.btn,.sbtn {

    background-repeat: no-repeat

}



/*游戏界面右侧活动列表*/
.chongji_show {
    display: none;
    width: 40px;
    height: auto;
    position: absolute;
    top: 30%;
    right: 21.5%;
    background: #1f2123;
    box-shadow: 0 1px 5px #0b0b0b;
}
.chongji_show .hd_show {
    display: inline-block;
    padding: 10px;
    color: red;
    cursor: pointer;
    font-size: 14px;
}
.chongji_narrow {
    height: 22px;
    line-height: 22px;
    text-align: center;
    margin-top: 4px;
}
.chongji_narrow .hd_tit {
    font-weight: bold;
    color: red;
    font-size: 16px;
}
.chongji_narrow .narrow {
    float: right;
    display: inline-block;
    /*margin-top: 10px;*/
    margin-right: 10px;
    color: #4BA0FF;
    cursor: pointer;
}
.not_hd_data .ts{
    position: relative;
    margin: 60px auto;
    text-align: center;
    font-size: 18px;
}
.switch_server {
    height: 28px;
    margin: 4px 0;
}
.switch_server .input {
    width: 74px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #666;
    text-indent: 5px;
    margin-left: 7px;
    float: left;
    outline: 0;
}
.switch_server  .switch_btn {
    float: left;
    display: block;
    width: 60px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #f0f0f0;
    background: #FF802C;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    cursor: pointer;
}
.hide {
    display: none;
}

.go-serv .chongji_content{

    width: 410px;

    height: auto;

    position: absolute;

    top: 12%;

    right: 2%;

    background: #1f2123;

    box-shadow: 0 1px 5px #0b0b0b;

}

.go-serv .chongji_content .loading_img {
    margin: 60px auto;
    width: 25px;
    height: 25px;
    position: relative;
}

.go-serv .chongji_content .xianshi{

    width: 400px;

    height: auto;

    margin: 5px 0 0 5px;

}

.go-serv .chongji_content .shiwan{

    width: 400px;

    height: auto;

    margin: 5px 0 0 5px;

}

.go-serv .chongji_content .xinfu{

    width: 400px;

    height: auto;

    margin: 5px 0 0 5px;

}

.go-serv .chongji_content .title{

    color: #b2c9d8;

    font-size: 17px;

    font-weight: bold;

    margin-bottom: 10px;

}

.go-serv .chongji_content .title font{

    font-weight: normal;

}

.go-serv .chongji_content .title a{

    font-size: 16px;

    font-weight: bold;

    /*color: #666;*/

    color: red;

    float: right;

    line-height: 25px;

}

.go-serv .chongji_content table{

    font-size: 13px;

    width: 100%;

    table-layout: fixed;

}

.go-serv .chongji_content table th{

    border: 1px solid #E8E8E8;

    background: #F9F9F9;

    height: 30px;

    line-height: 30px;

    color: #333;

}

.go-serv .chongji_content .xianshi th:nth-of-type(1){

    width: 15%;

}

.go-serv .chongji_content .xianshi th:nth-of-type(2){

    width: 28%;

}

.go-serv .chongji_content .xianshi th:nth-of-type(3){

    width: 30%;

}

.go-serv .chongji_content table td{

    border: 1px solid #E8E8E8;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #d5d8d8;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.go-serv .chongji_content table a{

    background: #4BA0FF;

    border-radius: 3px;

    display: inline-block;

    padding: 0 10px;

    height: 24px;

    line-height: 24px;

    color: #fff;

}

.go-serv .chongji_content table a.no_active{

    background: #666;

}

.go-serv .chongji_content .shiwan th:nth-of-type(1){

    width: 15%;

}

.go-serv .chongji_content .shiwan th:nth-of-type(2){

    width: 23%;

}

.go-serv .chongji_content .shiwan th:nth-of-type(3){

    width: 17.5%;

}

.go-serv .chongji_content .shiwan th:nth-of-type(4){

    width: 27%;

}

.go-serv .chongji_content .hd_rule{

    margin: 5px 0 0 5px;

}

.go-serv .chongji_content .hd_rule h3{

    color: #b2c9d8;

    font-size: 14px;

    margin-bottom: 5px;

}

.go-serv .chongji_content .hd_rule ul li{

    margin-bottom: 5px;

}

.go-serv .chongji_content .hd_rule ul li .hd_time{

    color: #ff9900;

}

.go-serv .chongji_content .hd_mask{

    margin: 0;

    padding: 0;

    border: none;

    width: 100%;

    height: 100%;

    background: rgb(51, 51, 51);

    opacity: 0.6;

    z-index: 99;

    position: fixed;

    top: 0;

    left: 0;

    display: none;

}

.go-serv .chongji_content .hd_popup{

    padding: 0;

    z-index: 100;

    position: fixed;

    top: 35%;

    left: 50%;

    width: 300px;

    height: 120px;

    background: #fff;

    border: 3px solid rgba(0,0,0,0);

    border-radius: 5px;

    display: none;
}

.go-serv .chongji_content .hd_popup .close_btn{
    float: right;
    font-size: 18px;
    width: 25px;
    height: 25px;
    text-align: center;
    cursor: pointer;
    color: #333;
}

.go-serv .chongji_content .hd_popup .hd_msg{
    margin: 40px 10px 0 10px;
    font-size: 16px;
    color: #333;
}
/*充值券样式*/
.quan_box {
    overflow: visible !important;
    position: relative;
    text-align: right !important;
}
.quan_box .quan_ico {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../images/quan/quan_ico.png) no-repeat;
    margin: 0 3px;
    position: relative;
    top: 3px;
    cursor: pointer;
}
.quan_box .quan_ico:hover+.quan_bn_show{
    display: inline-block;
}
.quan_box .quan_info {
    width: 218px;
    height: 125px;
    background: url(../images/quan/quan_tyq.png) no-repeat;
    overflow: hidden;
}
.quan_box .quan_info1 {
    background: url(../images/quan/quan_yxq.png) no-repeat;
}
.quan_box .quan_info2 {
    background: url(../images/quan/quan_ysy.png) no-repeat;
}
.quan_box .quan_info3 {
    background: url(../images/quan/quan_ygq.png) no-repeat;
    position: relative;
}
.quan_box .quan_bn {
    padding: 10px;
    position: absolute;
    top: -55px;
    right: 35px;
    /*margin-left: 10px;*/
    border: 2px solid #FF7575;
    background: #FFF9DD;
    text-align: left;
    line-height: normal;
    white-space: normal;
    z-index: 5;
    display: none;
}
.quan_box .quan_info .manjian {
    float: left;
    color: #ffd4c8;
    font-size: 13px;
    padding: 5px 15px;
    height: 18px;
    line-height: 18px;
}
.quan_box .quan_info .type {
    float: right;
    color: #ffcccc;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 15px;
    height: 18px;
    line-height: 18px;
}
.quan_box .quan_info .money{
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
}
.quan_box .quan_info .money label {
    color: #fff;
    font-size: 28px;
    vertical-align: top;
    line-height: 32px;
}
.quan_box .quan_info .money span {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    vertical-align: top;
    line-height: 38px;
    text-indent: 5px;
}
.quan_box .quan_info .time {
    padding: 0 15px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #ffd4c8;
}
.quan_box .quan_info .gametype {
    padding-left: 15px;
    margin-top: 12px;
    color: #ff6666;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
}
.quan_box .quan_info1 .manjian, .quan_box .quan_info1 .type, .quan_box .quan_info1 .time {
    color: #edd5ff;
}
.quan_box .quan_info1 .gametype {
    color: #b982f1;
}
.quan_box .quan_info2 .manjian, .quan_box .quan_info2 .type, .quan_box .quan_info2 .time {
    color: #dbdbdb;
}
.quan_box .quan_info2 .money label, .quan_box .quan_info2 .money span {
    color: #ebebeb;
}
.quan_box .quan_info2 .gametype {
    color: #afafaf;
}
.quan_box .quan_info3 .manjian, .quan_box .quan_info3 .type, .quan_box .quan_info3 .time, .quan_box .quan_info3 .gametype, .quan_box .quan_info3 .money label, .quan_box .quan_info3 .money span {
    color: #d1d1d1;
}
.quan_box .quan_tip{
    margin-top: 5px;
}
.quan_box .quan_tip dt {
    font-size: 13px;
    color: #333;
    font-weight: bold;
}
.quan_box .quan_tip dd {
    position: relative;
}
.quan_box .quan_tip dd span {
    font-size: 13px;
    color: #666;
}
.quan_box .quan_bn:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 8px solid #FF7575;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    position: absolute;
    right: -8px;
    top: 61px;
}
.quan_box .quan_bn:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid #FFF9DD;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: -6px;
    top: 63px;
}
.quan_box .quan_bn .clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}