body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
textarea,
p,
blockquote {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

li {
    list-style: none
}

img {
    border: 0
}

a {
    outline: 0;
    color: #313131;
    text-decoration: none
}

.cl:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both
}

.cl {
    *zoom: 1
}

em,
cite {
    font-style: normal;
}

.fl {
    float: left
}

input {
    -webkit-appearance: none;
    border-radius: 0;
    /*去除input默认样式*/
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input {
    -webkit-appearance: none;
}

@media only screen and (min-width:320px) {
    html {
        font-size: 25px;
    }
}

@media only screen and (min-width:340px) {
    html {
        font-size: 26.56px;
    }
}

@media only screen and (min-width:360px) {
    html {
        font-size: 28.13px;
    }
}

@media only screen and (min-width:380px) {
    html {
        font-size: 29.69px;
    }
}

@media only screen and (min-width:480px) {
    html {
        font-size: 37.5px;
    }
}

@media only screen and (min-width:640px) {
    html {
        font-size: 50px;
    }
}


nav {
    position: fixed;
    bottom: 0;
    min-width: 320px;
    max-width: 700px;
    width: 100%;
    padding: 6px 0px 0px 0px;
    border-top: 1px solid #d7d7d7;
    background: #fff;
    /* opacity: 0.95; */
    overflow: hidden;
    z-index: 9999;
}

nav ul {
    display: table;
    width: 100%;
    margin-bottom: 5px;
}

nav ul li {
    width: 20%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
nav ul li:nth-child(4) i{
    position: relative;
}
nav ul li:nth-child(4) i div{
    background: red;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    position: absolute;
    right: 0;
}
nav ul li a {
    display: block;
    color: #808080;
}

nav .active a {
    color: rgb(254,143,1);
}

nav ul li i {
    /* background: url(../images/footer_index.png) no-repeat; */
    background-size: cover;
    width: 28px;
    height: 25px;
    display: inline-block;
    overflow: hidden;
}

nav ul li span {
    display: block;
    text-align: center;
    margin-top: -3px;
}

nav .i1 {
    background-position: 0px 0px;
}

nav .i2 {
    background-position: 0 -27px;
}

nav .i3 {
    background-position: 0px -54px;
}

nav .i4 {
    background-position: 0 -78px;
}

nav .i5 {
    background-position: 0 -105px;
}

nav .active .i1 {
    background-position: 0 -131px;
}

nav .active .i2 {
    background-position: 0 -157px;
}

nav .active .i3 {
    background-position: 0 -184px;
}

nav .active .i4 {
    background-position: 0 -204px;
}

nav .active .i5 {
    background-position: 0 -236px;
}

.list_loading {
    height: 16px;
    padding: 20px 0 20px;
    text-align: center
}

.list_loading i {
    height: 22px;
    width: 22px;
    display: inline-block;
    background: url(../images/loading.png) no-repeat 0 0;
    background-size: 22px 22px;
    margin-right: 10px;
    vertical-align: middle;
    -webkit-animation: loading 1s infinite linear;
    -ms-animation: loading 1s infinite linear;
    -o-animation: loading 1s infinite linear;
    -moz-animation: loading 1s infinite linear;
    animation: loading 1s infinite linear
}

.list_loading span {
    height: 16px;
    display: inline-block;
    line-height: 16px;
    vertical-align: middle;
    color: #999;
    font-size: 13px;
}

.pl_loading {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 4px;
    margin: 5px 0;
    overflow: hidden;
}

body {
    min-width: 320px;
    max-width: 700px;
    margin: 0 auto;
    background: #f1f1f1;
    font: 12px/1.5 "Microsoft Yahei", "Arial";
    color: #191919;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
}


@media only screen and (min-width:801px) {

    body {
        background: url(../images/bg_game.jpg) center top no-repeat;
        background-size: 100%;
        background-attachment: fixed;
    }

    .gz-box {
        display: block !important;
        margin-left: 400px !important;
        margin-top: 80px !important;
    }

    .gz-box-top {
        position: fixed;
        left: 100px;
        top: 10px;
        width: 200px;
        display: block !important;
    }

    .gz-box-top img {
        width: 100%;
    }



}

.container {
    width: 100%;
    max-width: 800px;
    min-height: 800px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #f5f5fa
}

.marginTop60 {
    margin-top: 63px;
    overflow: hidden;
}

.header {
    height: 50px;
    padding: 0;
    line-height: 45px;
    text-align: center;
    border-bottom: 1px solid #00bafe;
    position: relative;
    background: #007aff
}

.header #menu {
    float: left;
    margin-left: 10px;
    margin-top: 12px
}

#menu {
    width: 27px;
    height: 27px;
    font: 0/0 a;
    background: url(../images/sprite.png) no-repeat 0 0;
    background-size: 90px;
    cursor: pointer
}

.header .favorite {
    float: right;
    width: 27px;
    height: 24px;
    font: 0/0 a;
    background: url(../images/sprite.png) no-repeat 0 -48px;
    background-size: 80px;
    margin-right: 8px;
    margin-top: 13px
}

.header .login {
    float: right;
    position: relative;
    width: 21px;
    height: 24px;
    font: 0/0 a;
    background: url(../images/sprite.png) no-repeat 0 -24px;
    background-size: 80px;
    margin-right: 15px;
    margin-top: 13px
}

.header .login_in {
    float: right;
    position: relative;
    width: 21px;
    height: 24px;
    font: 0/0 a;
    background: url(../images/sprite.png) no-repeat 0 -189px;
    background-size: 80px;
    margin-right: 15px;
    margin-top: 13px
}

.header .login i,
.header .login_in i {
    width: 8px;
    height: 8px;
    display: block;
    background: #f00;
    border-radius: 100px;
    position: absolute;
    right: -5px;
    top: -3px;
}

.header .logo {
    position: absolute;
    left: 50%;
    display: block;
    width: 60%;
    margin-left: -30%;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#guide {
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 999;
    background: #f8f8f8;
    width: 100%;
    overflow: hidden;
    display: none;
    box-shadow: 0 2px 2px #666
}

#guide ul {
    overflow: hidden;
    margin-left: -1px;
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid #dcdcdc
}

#guide li {
    float: left;
    width: 25%;
    text-align: center;
    border-left: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    margin-left: -1px
}

#guide li a {
    color: #4398d1;
    display: block;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    line-height: 63px;
    font-size: 16px
}

.footer {
    text-align: center;
    padding: 10px;
    line-height: 14px;
    background: #007aff;
    color: #fff
}

.footer p {
    line-height: 22px;
    text-align: center;
}

.footer a {
    display: inline-block;
    padding: 0 2px;
    background-position: right -60px;
    color: #fff
}

.footer_wap {
    padding: 10px 0;
    margin: 10px 0 65px 0;
    text-align: center;
    /* background: #fff; */
}

/*.footer_wap{    position: fixed;  bottom: 100px;  min-width: 320px;  max-width: 800px;  width: 100%;  padding: 6px 0 5px;  border-top: 1px solid #d7d7d7;  background: #fff;  opacity: 0.95;  overflow: hidden;  z-index: 9999;text-align:center}*/
.footer_wap .nav {
    margin: 5px 0;
}

.footer_wap .nav a {
    display: inline-block;
    margin: 0 10px;
    font-size: 12px;
    color: #666;
    line-height: 22px;
}

.footer_wap .nav a img {
    width: 60px;
    vertical-align: middle;
}

.footer_wap .wangwen a {
    margin: 0 3px;
    font-size: 12px;
    color: #666;
    line-height: 22px;
}

.footer_wap .copyright {
    color: #666;
    line-height: 22px;
}

#return {
    background: 0
}

.header .home {
    float: left;
    margin-left: 2.5%;
    margin-top: 0px;
    width: 30px;
    height: 30px;
    display: block;
}

.header .home a {
    font: 0/0 a;
    cursor: pointer;
    position: absolute;
    top: 12px;
    left: 10px;
    width: 30px;
    height: 30px;
    display: block;
    background: url(../images/icon-home.png) no-repeat;
    background-size: 30px;
}

.header .home2 {
    float: right;
    position: relative;
    margin-right: 2.5%;
    margin-top: 0px;
    width: 30px;
    height: 30px;
    display: block;
}

.header .home2 a {
    font: 0/0 a;
    cursor: pointer;
    position: absolute;
    top: 12px;
    left: 10px;
    width: 30px;
    height: 30px;
    display: block;
    background: url(../images/icon-home.png) no-repeat;
    background-size: 30px;
}

.header .back {
    float: left;
    margin-left: 2.5%;
    margin-top: 12px
}

.header .back {
    width: 30px;
    height: 30px;
    display: block;
}

.header .back a {
    font: 0/0 a;
    cursor: pointer;
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    width: 14px;
    height: 14px;
    border: #fff solid;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.m-back-div {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    max-width: 800px;
    top: 0;
    z-index: 1000;
    height: 45px;
    position: fixed;
    width: 100%
}

.B-back {
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
}

.g-top {
    position: fixed;
    width: 100%;
    min-width: 320px;
    max-width: 800px;
    top: 0;
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #d7d7d7;
    opacity: 0.95;
    z-index: 9999;
}

.g-top .logo {
    position: absolute;
    left: 10px;
    top: 11px;
    width: 110px;
    display: block;
}

.g-top .search {
    padding: 11px 55px 0 130px;
}

.g-top .search .sear_input {
    width: 100%;
    height: 38px;
    border: 1px #ccc solid;
    border-radius: 4px;
    font-size: 14px;
    padding-left: 8px;
    vertical-align: middle;
    box-sizing: border-box;
}

.g-top .search .btn_input {
    position: absolute;
    right: 56px;
    top: 1px;
    width: 34px;
    height: 34px;
    margin: 12px 0 0 130px;
    display: block;
    border: none;
    background: #fff url(../images/searchBg.png) 9px no-repeat;
    background-size: 18px;
    cursor: pointer;
}

.g-top a.guanzhu {
    position: absolute;
    right: 0;
    top: 10px;
}

.g-top a.guanzhu i {
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
}

.g-top a.guanzhu i.icon-guanzhu {
    background: url(../images/icon-guanzhu.png) no-repeat;
    background-size: cover;
}

.g-top-qd {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #d7d7d7;
    opacity: 0.95;
    z-index: 9999;
}

.g-top-qd .search {
    padding: 11px 10px 0 10px;
}

.g-top-qd .search .sear_input {
    width: 100%;
    height: 38px;
    border: 1px #ccc solid;
    border-radius: 4px;
    font-size: 14px;
    padding-left: 8px;
    vertical-align: middle;
    box-sizing: border-box;
}

.g-top-qd .search .btn_input {
    position: absolute;
    right: 12px;
    top: 1px;
    width: 34px;
    height: 34px;
    margin: 12px 0 0 130px;
    display: block;
    border: none;
    background: #fff url(../images/searchBg.png) 9px no-repeat;
    background-size: 18px;
    cursor: pointer;
}

.personal_info {
    margin: 0 auto 10px auto;
    text-align: center;
    background: #fff;
}

.personal_info li {
    width: 49%;
    display: inline-block;
    margin: 8px 0;
    font-size: 16px;
}

.personal_info li:nth-child(1) {
    border-right: 1px solid #D7D7D7;
}

.personal_info li a {
    color: #222;
    display: block;
    padding: 5px 0;
}

.personal_info li i {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 8px;
}

.personal_info li i.icon-grzx {
    background: url(../images/icon-grzx.png) no-repeat;
    background-size: cover;
}

.personal_info li i.icon-wdlb {
    background: url(../images/icon-wdlb.png) no-repeat;
    background-size: cover;
}

.personal_info li i.open {
    background: url(../images/open.png) no-repeat;
    background-size: cover;
}

.icon-nav {
    border-top: 1px #D7D7D7 solid;
    border-bottom: 1px #D7D7D7 solid;
    padding: 10px 0;
    overflow: hidden;
    height: 70px;
    background: #fff;
    margin-bottom: 15px;
}

.icon-nav a {
    font-size: 16px;
    float: left;
    width: 25%;
    padding-top: 50px;
    height: 18px;
    line-height: 18px;
    color: #333;
    text-align: center;
    background: url(../images/icon-nav.png) no-repeat;
    background-size: 45px auto;
}

.icon-nav .zx {
    background-position: center 0;
}

.icon-nav .phb {
    background-position: center -69px;
}

.icon-nav .yy {
    background-position: center -138px
}

.icon-nav .fl {
    background-position: center -207px;
}

.index-ggao2 {
    width: 100%;
    text-align: center;
    margin: 0 auto 10px auto;
}

.index-ggao2 a {
    width: 90%;
    font-size: 13px;
    color: #fff;
    padding: 5px 10px;
    background: #3D3D3D;
    border-radius: 8px;
    display: block;
    margin: 0 auto;
}

.index-ggao2 img {
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.index-more {
    text-align: center;
    border-top: 0px solid #D7D7D7;
    overflow: hidden;
}

.index-more a {
    background: #fff;
    display: table;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    padding: 0 15px;
    margin: 10px auto;
    color: #666;
    border-radius: 100px;
}

.details-more {
    text-align: center;
    border-top: 0px solid #D7D7D7;
    overflow: hidden;
}

.details-more a {
    background: #fff;
    display: table;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    padding: 0 15px;
    margin: 10px auto;
    color: #666;
    border-radius: 100px;
}

#my_game {
    padding: 10px 0;
    border-bottom: 1px solid #D7D7D7;
    background: #fff;
    overflow: hidden;
}

#my_game .my_game_main {
    height: 70px;
    margin: 0px 0 0 0;
    padding: 0 5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

#my_game .swiper-slide {
    width: 50px;
    height: 50px;
    float: left;
    padding: 0 5px;
}

#my_game .swiper-slide a {
    color: #222;
}

#my_game .swiper-slide img {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    margin: 0 0 0px
}

#my_game .swiper-slide span {
    display: block;
    color: #222;
    height: 20px;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



#my_open_server {
    padding: 10px 0;
    border-bottom: 1px solid #D7D7D7;
    background: #fff;
    overflow: hidden;
}

#my_open_server .my_game_main {
    height: 130px;
    margin: 0px 0 0 0;
    padding: 0 5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

#my_open_server .swiper-slide {
    width: 60px;
    height: 120px;
    float: left;
    padding: 0 5px;
}

#my_open_server .swiper-slide a {
    color: white;
    border: 1px solid orange;
    background: orange;
    border-radius: 5px
}

#my_open_server .swiper-slide img {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    margin: 0 0 0px
}

#my_open_server .swiper-slide span {
    display: block;
    color: #222;
    height: 20px;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#my_open_server h4 {
    text-align: center;
    font-size: 14px;
}



.tabbtn {
    line-height: 45px;
    overflow: hidden;
    background: #fff;
    margin: 0 auto 15px auto;
    width: 100%;
}

.tabbtn ul {
    display: table;
    width: 100%;
}

.tabbtn li {
    width: 20%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.tabbtn li a {
    display: block;
    color: #333;
    font-size: 17px;
    font-weight: 700;
}

.tabbtn li a:hover {
    text-decoration: none;
    color: #333;
}

.tabbtn li.current a {
    border-bottom: 3px solid #007aff;
}

.tabbtnBox {
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd;
    margin: 10px 0;
}

.tabbtnBox ul {
    display: table;
    width: 100%;
}

.tabbtnBox li {
    width: 25%;
    text-align: center;
    font-weight: 500;
    display: table-cell;
    vertical-align: middle;
}

.tabbtnBox li a {
    position: relative;
    display: block;
    color: #007aff;
    font-size: 16px;
    border-right: 1px solid #ddd;
    width: 100%;
}

.tabbtnBox li a i.icon-hot {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    width: 35px;
    height: 35px;
    display: inline-block;
    background: url(../images/icon-hot.png) no-repeat;
}

.tabbtnBox li a:hover {
    text-decoration: none;
    color: #007aff;
}

.tabbtnBox li.current a {
    background: #007aff;
    color: #fff;
}

.tabbtnBox li.current a i.icon-hot {
    background: none;
}

.footer-tabbtn {
    line-height: 40px;
    overflow: hidden;
    background: #fff;
    margin: 0 auto;
    width: 100%;
}

.footer-tabbtn ul {
    display: table;
    width: 100%;
}

.footer-tabbtn li {
    width: 20%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.footer-tabbtn li a {
    display: block;
    color: #333;
    font-size: 16px;
    border-top: 2px solid #007aff;
}

.footer-tabbtn li a:hover {
    text-decoration: none;
    color: #707070;
}

.footer-tabbtn li.current a {
    border-top: 2px solid #0099FF;
    color: #0099FF;
    font-weight: 700;
    height: 40px;
}

.index-banner {
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
}

.index-banner .swiper-wrapper li {
    float: left
}

.index-banner .swiper-wrapper li img {
    width: 100%;
    height: 100%;
    display: none;
}

.index-banner .index-pagination {
    position: absolute;
    left: 75%;
    bottom: 0;
    width: 100%;
    height: 20%;
    text-align: center;
    overflow: hidden;
    z-index: 1001;
}

.index-banner .index-pagination span {
    width: 2.8%;
    height: 34%;
    margin-top: 2.6%;
    margin-right: 2%;
    border-radius: 50%;
    background: #797979;
    float: left;
    display: inline-block;
}

.index-banner .index-pagination span.swiper-active-switch {
    background: #fff;
}

.index-banner .banner-title {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 1.6em;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    height: 20%;
    padding-left: 3%;
    z-index: 1000;
}

.index-banner .banner-title p {
    margin-top: 1%;
}

.box-hd {
    margin-top: 10px;
    overflow: hidden;
    position: relative;
}

.box-hd ins {
    float: left;
    width: 6px;
    height: 14px;
    background: #007aff;
    margin: 13px 6px 0 10px;
    border-radius: 100px;
}

.box-hd .over {
    border-bottom: 0px solid #d7d7d7;
    height: 36px;
    line-height: 36px;
    background: #fff;
}

.box-hd .over h3 {
    font-weight: normal;
    color: #191919;
    border-top: 1px solid #fff;
    line-height: 38px;
    font-size: 16px;
}

.box-hd .over .more {
    float: right;
    color: #888;
    margin-right: 10px;
    font-size: 14px;
}

.box-hd .over strong {
    font-size: 25px;
}

.marginTop {
    margin-top: 0;
}

.game-list {
    margin: 0 0 10px 0;
    background: #fff;
    border-radius: 15px;
}

.game-list li {
    position: relative;
    background: #fff;
    /*border-bottom:1px solid #d7d7d7;*/
    padding: 12px 10px;
    overflow: hidden;
}

.game-list li:last-child {
    border-bottom: none;
}

.game-list li a {
    display: block;
    width: 100%;
    /* overflow:hidden;*/
}

.game-list li:nth-child(1) {
    border-top: none;
}

.game-list li i {
    float: left;
    background: url(../images/default.jpg) no-repeat;
    background-size: cover;
    width: 64px;
    height: 64px;
    display: inline-block;
    overflow: hidden;
    margin: 3px 0 0 0;
    border-radius: 15px;
}

.game-list li i img {
    width: 100%;
    height: 100%;
}

.game-list li i span.new {
    position: absolute;
    left: 7px;
    top: 10px;
}

.game-list li i.icon-wdlb {
    width: 12px;
    height: 12px;
    float: none;
    vertical-align: top;
    background: url(../images/icon-wdlb.png) no-repeat;
    background-size: cover;
    border-radius: 0;
    margin: 9px 0 0 5px;
}

.game-list li dl {
    float: left;
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70%;
}

.game-list li dt {
    font-size: 14px;
    line-height: 30px;
    color: #191919;
}

.game-list li dt strong {
    font-weight: 500;
}

.game-list li dd,
.game-list li dd p {
    color: #666;
    line-height: 18px;
    height: 18px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.game-list li dd.fenlei {
    color: #666;
    font-size: 12px;
}

.game-list li .play {
    position: absolute;
    right: 3%;
    top: 26px;
    width: 74px;
    display: block;
    vertical-align: middle
}

.game-list li .golook {
    position: absolute;
    right: 2px;
    top: 20px;
    width: 60px;
    height: 30px;
    display: block;
    vertical-align: middle;
    background: #189aed;
    text-align: center;
    line-height: 30px;
    border-radius: 100px;
    color: #fff;
    font-size: 1.1em;
}

.game-list li .golook2 {
    position: absolute;
    right: 10px;
    top: 12px;
    width: 65px;
    height: 23px;
    display: block;
    vertical-align: middle;
    background: #007aff;
    text-align: center;
    line-height: 24px;
    border-radius: 100px;
    color: #fff;
    font-size: 1.1em;
}

.game-list li .shouc {
    position: absolute;
    right: 10px;
    bottom: 11px;
    width: 65px;
    height: 23px;
    display: block;
    vertical-align: middle;
    border: 1px solid #00BB9C;
    text-align: center;
    line-height: 24px;
    border-radius: 100px;
    color: #00BB9C;
    font-size: 1.1em;
}

.game-list li .shouc_off {
    position: absolute;
    right: 10px;
    bottom: 11px;
    width: 65px;
    height: 23px;
    display: block;
    vertical-align: middle;
    border: 1px solid #00BB9C;
    text-align: center;
    line-height: 24px;
    border-radius: 100px;
    color: #fff;
    font-size: 1.1em;
    background: #00BB9C;
}

.game-list li .star {
    height: 21px;
    margin-top: 3px;
}

.game-list li .star img {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    float: left;
}

.game-list li .txt {
    width: 72%;
    margin: 0 0 0 10px;
    overflow: hidden;
}

.game-list li .txt .Red {
    color: #f00;
}

.game-list .empty {
    height: 260px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    color: #aaa;
    text-align: center;
    text-align: center;
    line-height: 200px;
    background: #fff;
}

.index-ggao {
    margin: -2px 0 -6px 0;
    padding: 0;
}

.index-ggao img {
    width: 100%;
}

.blogroll {
    background: #fff;
    padding: 10px;
    overflow: hidden;
}

.blogroll a {
    background: #efefef;
    border-radius: 100px;
    height: 30px;
    line-height: 30px;
    padding: 5px 10px;
    margin-right: 5px;
    color: #666;
}

.zhuanti {
    background: #4E633F;
}

.theme-white {
    background: #fff;
}

.theme-green {
    background: #4E633F;
}

.theme-blue {
    background: #1C5567;
}

.theme-pink {
    background: #D56F7D;
}

.theme-white .zt-intro {
    position: relative;
    color: #222;
    color: #333;
    border-bottom: 1px solid #D7D7D7;
}

.theme-green .zt-intro {
    position: relative;
    color: #222;
    color: #fff;
    border-bottom: 1px solid #718265;
}

.theme-blue .zt-intro {
    position: relative;
    color: #222;
    color: #fff;
    border-bottom: 1px solid #497785;
}

.theme-pink .zt-intro {
    position: relative;
    color: #222;
    color: #fff;
    border-bottom: 1px solid #CCB0B0;
}

.zt-intro img {
    width: 100%;
    height: 4.8rem;
}

.zt-intro h2 {
    margin: 10px;
    font-size: 18px;
}

.zt-intro p {
    margin: 10px;
    line-height: 22px;
    text-indent: 2em;
    font-size: 14px;
}

.zt-intro div {
    margin: 20px 10px;
    line-height: 22px;
    font-size: 14px;
}

.zt-intro div a img {
    width: 90px;
    height: 22px;
    vertical-align: top;
}

.zt-intro .back {
    position: absolute;
    top: 10px;
    left: 10px;
    line-height: 36px;
    font-size: 14px;
    display: block;
    background: rgba(51, 51, 51, 0.4);
    border-radius: 100px;
}

.zt-intro .back a {
    width: 36px;
    height: 36px;
    display: block;
    color: #fff;
}

.zt-intro .back a i {
    font: 0/0 a;
    cursor: pointer;
    content: '';
    position: absolute;
    top: 12px;
    left: 14px;
    width: 10px;
    height: 10px;
    border: #fff solid;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.zt-list {
    overflow: hidden;
}

.theme-white .zt-list li {
    position: relative;
    border-radius: 0px;
    border-bottom: 1px solid #D7D7D7;
    padding: 10px;
    overflow: hidden;
}

.theme-green .zt-list li {
    position: relative;
    border-radius: 0px;
    border-bottom: 1px solid #718265;
    padding: 10px;
    overflow: hidden;
}

.theme-blue .zt-list li {
    position: relative;
    border-radius: 0px;
    border-bottom: 1px solid #497785;
    padding: 10px;
    overflow: hidden;
}

.theme-pink .zt-list li {
    position: relative;
    border-radius: 0px;
    border-bottom: 1px solid #CCB0B0;
    padding: 10px;
    overflow: hidden;
}

.zt-list li a {
    display: block;
    width: 100%;
    /*overflow:hidden;*/
}

.zt-list li i {
    float: left;
    background: url(../images/icon-default.png) no-repeat;
    background-size: cover;
    width: 60px;
    height: 60px;
    display: inline-block;
    overflow: hidden;
    margin: 3px 0 0 0;
    border-radius: 12px;
}

.zt-list li i img {
    width: 100%;
    height: 100%;
}

.zt-list li dl {
    float: left;
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70%;
}

.zt-list li dt {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.theme-white .zt-list li dt {
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

.theme-white .zt-list li dd {
    color: #999;
    line-height: 18px;
    height: 18px;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.theme-green .zt-list li dd {
    color: #B7BFB1;
    line-height: 18px;
    height: 18px;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.theme-blue .zt-list li dd {
    color: #A1B8C0;
    line-height: 18px;
    height: 18px;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.theme-pink .zt-list li dd {
    color: #DCD8D8;
    line-height: 18px;
    height: 18px;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.theme-white .zt-list li .golook {
    position: absolute;
    right: 10px;
    top: 22px;
    width: 70px;
    height: 30px;
    display: block;
    vertical-align: middle;
    background: #007aff;
    text-align: center;
    line-height: 30px;
    border-radius: 100px;
    color: #fff;
    font-size: 1.1em;
}

.theme-green .zt-list li .golook {
    position: absolute;
    right: 10px;
    top: 22px;
    width: 70px;
    height: 30px;
    display: block;
    vertical-align: middle;
    background: #B8C0B2;
    text-align: center;
    line-height: 30px;
    border-radius: 100px;
    color: #4E633F;
    font-size: 1.1em;
}

.theme-blue .zt-list li .golook {
    position: absolute;
    right: 10px;
    top: 22px;
    width: 70px;
    height: 30px;
    display: block;
    vertical-align: middle;
    background: #A4BBC2;
    text-align: center;
    line-height: 30px;
    border-radius: 100px;
    color: #1C5567;
    font-size: 1.1em;
}

.theme-pink .zt-list li .golook {
    position: absolute;
    right: 10px;
    top: 22px;
    width: 70px;
    height: 30px;
    display: block;
    vertical-align: middle;
    background: #FFE1E1;
    text-align: center;
    line-height: 30px;
    border-radius: 100px;
    color: #D56F7D;
    font-size: 1.1em;
}

.zt-more {
    text-align: center;
}

.zt-more a {
    width: 100%;
    display: block;
    font-size: 14px;
    margin: 0 auto;
    line-height: 50px;
    color: #f2f2f2;
    font-size: 16px;
}

.theme-white .zt-more {
    text-align: center;
}

.theme-white .zt-more a {
    width: 100%;
    display: block;
    font-size: 14px;
    margin: 0 auto;
    line-height: 50px;
    color: #999;
    font-size: 16px;
}

.theme-white .zt-old {
    border-bottom: 1px solid #D7D7D7;
    overflow: hidden;
}

.theme-white .zt-old .zt-over {
    border-bottom: 1px solid #D7D7D7;
    border-top: 1px solid #d7d7d7;
    height: 48px;
    line-height: 48px;
}

.theme-green .zt-old {
    border-bottom: 1px solid #718265;
    overflow: hidden;
}

.theme-green .zt-old .zt-over {
    border-bottom: 1px solid #718265;
    border-top: 1px solid #718265;
    height: 48px;
    line-height: 48px;
}

.theme-blue .zt-old {
    border-bottom: 1px solid #497785;
    overflow: hidden;
}

.theme-blue .zt-old .zt-over {
    border-bottom: 1px solid #497785;
    border-top: 1px solid #497785;
    height: 48px;
    line-height: 48px;
}

.theme-pink .zt-old {
    border-bottom: 1px solid #CCB0B0;
    overflow: hidden;
}

.theme-pink .zt-old .zt-over {
    border-bottom: 1px solid #CCB0B0;
    border-top: 1px solid #CCB0B0;
    height: 48px;
    line-height: 48px;
}

.zt-old .zt-over h3 {
    font-weight: normal;
    color: #fff;
    line-height: 48px;
    font-size: 17px;
    margin: 0 0 0 10px;
}

.zt-old .zt-over .more {
    float: right;
    color: #f2f2f2;
    margin-right: 10px;
    font-size: 14px;
}

.theme-white .zt-old .zt-over h3 {
    font-weight: normal;
    color: #333;
    line-height: 48px;
    font-size: 17px;
    margin: 0 0 0 10px;
}

.theme-white .zt-old .zt-over .more {
    float: right;
    color: #999;
    margin-right: 10px;
    font-size: 14px;
}

.theme-white .zt-old .zt-cont {
    background: #fff;
    padding: 0 10px;
    overflow: hidden;
}

.theme-green .zt-old .zt-cont {
    background: #75945F;
    padding: 0 10px;
    overflow: hidden;
}

.theme-blue .zt-old .zt-cont {
    background: #2E89A7;
    padding: 0 10px;
    overflow: hidden;
}

.theme-pink .zt-old .zt-cont {
    background: #E4A3AB;
    padding: 0 10px;
    overflow: hidden;
}

.zt-old .zt-cont a {
    position: relative;
    width: 100%;
    text-align: center;
    display: block;
    margin: 15px 0;
    border-radius: 6px;
}

.zt-old .zt-cont a img {
    width: 100%;
    height: 4.8rem;
    display: block;
    border-radius: 6px;
}

.zt-old .zt-cont a p {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    line-height: 40px;
    font-size: 15px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.game-detail-back {
    position: relative;
    height: 27px;
    background: #F6F6F6;
    margin-top: 3px;
    overflow: hidden;
}

.game-detail-back .back {
    position: absolute;
    top: 0px;
    left: -9px;
    line-height: 36px;
    padding-left: 22px;
    font-size: 16px;
    display: block;
}

.game-detail-back .back a {
    width: 40px;
    height: 40px;
    display: block;
    color: #000;
}

.game-detail-back .back a i {
    font: 0/0 a;
    cursor: pointer;
    content: '';
    position: absolute;
    top: 10px;
    left: 20px;
    width: 12px;
    height: 12px;
    border: #000 solid;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.game-detail {
    position: relative;
    background: #F6F6F6;
    /* border-bottom: 1px solid #D7D7D7; */
    padding: 0px 10px;
    overflow: hidden;
}

.game-detail a {
    display: block;
    width: 100%;
    overflow: hidden;
}

.game-detail i {
    float: left;
    background: url(../images/icon-default.png) no-repeat;
    background-size: cover;
    width: 70px;
    height: 70px;
    display: inline-block;
    overflow: hidden;
    margin: 3px 0 0 0;
    border-radius: 12px;
}

.game-detail i img {
    width: 100%;
    height: 100%;
}

.game-detail dl {
    float: left;
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70%;
}

.game-detail dt {
    font-size: 17px;
    line-height: 20px;
    color: #4C4B4C;
    margin-top: 10px;
}

.game-detail dd {
    color: #747F8C;
    line-height: 20px;
    font-size: 12px;
}

.game-detail dd.fenlei {
    color: #929292;
    font-size: 14px;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.game-detail dd.fenlei{
    font-size: 12px;
}

.game-detail .shouc {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    line-height: 105px;
    border-radius: 4px;
    color: #222;
    font-size: 15px;
    background: url(../images/collect_bg.png) no-repeat 10px -61px;
    background-size: 40px;
}

.game-detail .shouc_off {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    line-height: 105px;
    border-radius: 4px;
    color: #222;
    font-size: 15px;
    background: url(../images/collect_bg.png) no-repeat 10px top;
    background-size: 40px;
}

.game-detail .star {
    height: 20px;
}

.game-detail .star img {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    float: left;
}

.game-detail .txt {
    width: 72%;
    margin: 0 0 0 10px;
    overflow: hidden;
}

.game-detail .txt .Red {
    color: #f00;
}

.game-detail a.gotos {
    width: 100%;
    background: #378BD1;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    border-radius: 6px;
    margin: 10px auto 0 auto;
    display: block;
}

.game-detail-bottom {
    background: #fff;
    padding: 15px 10px;
    overflow: hidden;
}

.game-detail-bottom a.gotos {
    width: 100%;
    background: #378BD1;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    border-radius: 6px;
    display: block;
}

#game_img {
    padding: 5px 0;
    background:#F6F6F6;
    overflow: hidden;
}

#game_img .swiper-container {
    height: 250px;
    /* margin: 10px 0 10px 10px; */
    position: relative;
    overflow: hidden;
    z-index: 1;
}

#game_img .swiper-slide {
    height: 250px;
    float: left;
}

#game_img .swiper-slide img {
    display: block;
    height: 246px;
    /* margin: 0 10px 0 0; */
}

.game-introduce {
    background: #fff;
    padding: 10px;
}

.game-introduce span {
    line-height: 22px;
}

.game-introduce .desc {
    display: none;
}

.game-introduce em {
    color: #4D9FE2;
    font-weight: 700;
    display: inline-block;
    line-height: 22px;
    cursor: pointer;
}

.game-introduce p {
    text-indent: 2em;
    color: #666;
    line-height: 22px;
    font-size: 14px;
}

.related {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #D7D7D7;
    margin-bottom: 10px;
    overflow: hidden;
}

.related h2 {
    line-height: 24px;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    margin: 10px 0 0 10px;
}

.related li {
    width: 20%;
    text-align: center;
    float: left;
    display: block;
    margin: 15px 2.5%;
}

.related li img {
    width: 64px;
    height: 64px;
    border-radius: 6px;
    margin: 0 0 2px
}

.related span {
    display: block;
    overflow: hidden;
    height: 18px;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.related span.open {
    background: #007aff;
    border-radius: 100px;
    height: 30px;
    line-height: 30px;
    width: 64px;
    margin: 5px auto 0 auto;
    color: #fff;
    font-size: 14px;
}

.topics {
    width: 100%;
    background: #fff;
    padding: 10px 0;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
    overflow: hidden;
}

.topics a {
    width: 44%;
    display: inline-block;
    text-align: center;
    margin: 5px 5px;
    border-radius: 6px;
}

.topics a img {
    width: 100%;
    height: 3rem;
    display: block;
    border-radius: 6px;
}

.topics a p {
    width: 100%;
    color: #222;
    text-align: center;
    line-height: 36px;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fenlei_tit {
    width: 100%;
    background: #fff;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    margin-top: 15px;
    padding-left: 10px;
    color: #222;
    overflow: hidden;
}

.list_classify {
    padding: 10px 0;
    margin-bottom: 15px;
    background: #fff;
    border-bottom: 1px solid #d7d7d7;
    overflow: hidden;
}

.list_classify dt,
.list_classify dd {
    float: left;
    width: 20%;
    padding: 5px 0;
    text-align: center
}

.list_classify dt a,
.list_classify dd a {
    display: block;
    color: #333;
    font-size: 14px;
}

.list_classify a span {
    display: block;
    margin-top: 8px
}

.list_classify a img {
    width: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.list_classify2 {
    margin: 10px 0;
    padding: 6px;
    background: #fff;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
}

.list_classify2 li {
    float: left;
    width: 25%;
    padding: 4px 0;
    text-align: center
}

.list_classify2 li a {
    display: block;
    color: #333;
    font-size: 14px;
    padding: 4px 0;
    margin: 0 3px;
    border: 1px solid #eaeaea;
    border-radius: 30px;
}

.list_classify2 li a.current {
    background: #007aff;
    color: #fff;
}

.list_classify3 {
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    background: #fff;
    margin: 10px 0;
    overflow: hidden;
}

.list_classify3 li {
    float: left;
    width: 33%;
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
    padding: 3% 0;
    text-align: center;
}

.list_classify3 li img {
    width: 70px;
    display: block;
    text-align: center;
    margin: 0 auto 6px auto;
    border-radius: 16px;
}

.list_classify3 li a {
    color: #333;
    font-size: 14px;
    display: block;
    font-weight: 700;
}

.list_classify3 li:nth-child(1),
.list_classify3 li:nth-child(4),
.list_classify3 li:nth-child(7),
.list_classify3 li:nth-child(10) {
    border-left: none;
}

.list_classify3 li:nth-child(1),
.list_classify3 li:nth-child(2),
.list_classify3 li:nth-child(3),
.list_classify3 li:nth-child(10) {
    border-top: none;
}

.list_classify3 li:nth-child(7),
.list_classify3 li:nth-child(8),
.list_classify3 li:nth-child(9) {
    border-bottom: 1px solid #ececec;
}

.list_classify3 li:nth-child(10) {
    border-right: 1px solid #ececec;
}

/*
.list_classify3{ margin:15px 0; text-align:center;  overflow:hidden;}
.list_classify3 li{ width:28%; background:#fff; border-radius:0px; margin:5px; padding:10px 0; display:inline-block;}
.list_classify3 li img{ width:70px; height:70px; text-align:center; margin:0 auto 5px auto; display:block; vertical-align:middle; border-radius:16px;}
.list_classify3 li a{ font-size:16px; display:block;} */

.game-fenlei {
    width: 100%;
    background: #fff;
    padding: 0px 0 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
}

.game-fenlei-list {
    width: 45%;
    text-align: center;
    float: left;
    display: block;
    margin: 15px 2.5% 0 2.5%;
    border-radius: 8px;
    position: relative;
}

.game-fenlei-list img {
    max-width: 100%;
    display: block;
    border-radius: 8px;
}

.game-fenlei-list p {
    position: absolute;
    bottom: 0;
    color: #fff;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    line-height: 24px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.kaifubiao-box {
    position: relative;
    overflow: hidden;
}

.kaifubiao-box .orange {
    background: #f80;
}

.kaifubiao-line {
    border-left: 1px solid #D7D7D7;
    height: 100%;
    width: 2px;
    position: absolute;
    left: 25px;
    top: 10px;
    min-height: 170px;
    z-index: 0;
}

.kaifubiao-time {
    position: relative;
    background: #65CB37;
    width: 110px;
    height: 34px;
    line-height: 34px;
    display: block;
    margin: 10px;
    border-top-left-radius: 30px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 8px;
}

.kaifubiao-time i.icon-kfb {
    width: 22px;
    height: 22px;
    vertical-align: top;
    background: url(../images/icon-kfb.png) no-repeat;
    background-size: cover;
    border-radius: 0;
    margin: 6px 8px 0 5px;
    display: inline-block;
}

.kaifubiao-time p {
    display: inline-block;
    color: #fff;
    font-size: 14px;
}

.kaifubiao-title {
    width: 100%;
    background: #fff;
    text-align: center;
    overflow: hidden;
}

.kaifubiao-title span {
    font-size: 16px;
    line-height: 40px;
    color: #65CB37;
    font-weight: 700;
}

.kaifubiao-title span.orange {
    color: #FF8800;
    background: #fff;
}

.kaifubiao-list {
    position: relative;
    border-top: 0px solid #D7D7D7;
}

.kaifubiao-list li {
    position: relative;
    background: #fff;
    border-radius: 0px;
    border-bottom: 0px solid #D7D7D7;
    padding: 10px;
    margin-bottom: 0px;
    overflow: hidden;
}

.kaifubiao-list li a {
    display: block;
    width: 100%;
    overflow: hidden;
}

.kaifubiao-list li i {
    float: left;
    background: url(../images/icon-default.png) no-repeat;
    background-size: cover;
    width: 64px;
    height: 64px;
    display: inline-block;
    overflow: hidden;
    margin: 3px 0 0 0;
    border-radius: 15px;
}

.kaifubiao-list li i img {
    width: 100%;
    height: 100%;
}

.kaifubiao-list li i.icon-wdlb {
    width: 12px;
    height: 12px;
    float: none;
    vertical-align: top;
    background: url(../images/icon-wdlb.png) no-repeat;
    background-size: cover;
    border-radius: 0;
    margin: 9px 0 0 5px;
}

.kaifubiao-list li dl {
    float: left;
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70%;
}

.kaifubiao-list li dt {
    font-size: 14px;
    line-height: 30px;
    color: #191919;
}

.kaifubiao-list li dt strong {
    font-weight: 500;
}

.kaifubiao-list li dd {
    color: #666;
    line-height: 18px;
    height: 18px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.kaifubiao-list li .golook {
    position: absolute;
    right: 10px;
    top: 28px;
    width: 70px;
    height: 30px;
    display: block;
    vertical-align: middle;
    background: #007aff;
    text-align: center;
    line-height: 30px;
    border-radius: 100px;
    color: #fff;
    font-size: 1.1em;
}

.kaifubiao-box .more {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #D7D7D7;
}

.kaifubiao-box .more a {
    background: #fff;
    width: 100%;
    display: block;
    font-size: 14px;
    margin: 0 auto;
    line-height: 50px;
    color: #929292;
    font-size: 17px;
}

.forum-main {
    background: #fff;
    padding: 10px 0;
    margin: 10px 0;
}

.forum-tabbtn {
    height: 34px;
    line-height: 34px;
    background: #fff;
    border: 2px solid #4791CE;
    border-radius: 6px;
    margin: 0px auto;
    width: 94%;
    display: table;
}

.forum-tabbtn li {
    width: 20%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.forum-tabbtn li a {
    display: block;
    color: #333;
    font-size: 15px;
}

.forum-tabbtn li a:hover {
    text-decoration: none;
    color: #333;
}

.forum-tabbtn li.current a {
    background: #4791CE;
    color: #fff;
}

.forum-tabbtn li:nth-last-child(1) a {
    border-right: none;
    margin-right: -1px
}

.forum-list {
    margin-top: 10px;
}

.forum-list li {
    border-bottom: 1px solid #ABABAB;
    line-height: 50px;
    height: 50px;
    margin: 0 10px;
    position: relative;
    display: block;
}

.forum-list li:nth-last-child(1) {
    /*border-bottom:none;*/
}

.forum-list li p a:after {
    content: '';
    position: absolute;
    top: 20px;
    right: 4px;
    width: 10px;
    height: 10px;
    border: #aaa solid;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.forum-list li p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 94%;
}

.forum-list li p a {
    color: #000;
    font-size: 14px;
}

.forum-list li p a.title {
    color: #000;
    font-size: 14px;
    width: 100%;
    display: inline-block;
}

.forum-list .Red {
    color: #ff3c30
}

.forum-list .Orange {
    color: #ff9602
}

.forum-list .Green {
    color: #4ad965
}

.forum-list .Blue {
    color: #5757d6
}


.moods-list {
    background: #fff;
    margin: 5px 10px 0 10px;
}

.moods-list li {
    border-bottom: 1px solid #ABABAB;
    position: relative;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 0;
}

.moods-list li .txt {
    width: 77%;
    overflow: hidden;
}

.moods-list h3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 34px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.moods-list p {
    font-size: 14px;
    line-height: 26px;
    color: #969696;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.moods-list p span {
    color: #ff9602;
    font-size: 16px;
}

.moods-list li:nth-last-child(1) {
    /*border-bottom:none;*/
}

.moods-list i {
    background: url(../images/icon-default.png) no-repeat;
    background-size: cover;
    width: 60px;
    height: 60px;
    display: inline-block;
    overflow: hidden;
    margin: 3px 8px 0 0;
    border-radius: 6px;
}

.moods-list i img {
    width: 100%;
    height: 100%;
}

.Textlist {
    background: #fff;
    margin: 15px 0 0 0;
    min-height: 100px;
    border-top: 1px solid #E0E1E2;
    border-bottom: 1px solid #E0E1E2;
}

.Textlist a {
    display: block;
    overflow: hidden;
    padding: 10px 10px 5px 10px;
}

.Textlist li {
    border-bottom: 1px solid #F4F4F4;
}

.Textlist li:last-child {
    border: none
}

.Textlist h2 {
    font-size: 1.25em;
    font-weight: normal;
    line-height: 1.8em;
    color: #101010;
}

.Textlist h2 img {
    max-width: 19px;
    height: auto;
    margin-right: 2px;
}

.Textlist h2 .ico_green {
    font-size: 0.75em;
    line-height: 1.6em;
}

.Textlist .summary,
.Textlist p {
    color: #A0A0A0;
    font-size: 0.875em;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Textlist h2 .ico_jing {
    background: #60AFE7;
}

.ico_pic {
    background: #FD913A;
}

.Textlist h2 .ico_hot {
    background: #FF7850;
}

.Textlist h2 .ico_qiang {
    background: #BA67FF;
}

.Tnum {
    clear: both;
    text-align: right;
    padding: 5px 0;
}

.name_user {
    float: left;
    color: #3668B3;
    font-size: 0.875em;
    vertical-align: middle;
    margin: 2px 0 0 0
}

.Tnum i {
    font-style: normal;
    font-size: 0.825em;
    color: #B7B7B7;
    float: left;
    margin: 3px 0 0 5px;
}

.Tnum em {
    display: inline-block;
    margin-left: 8px;
    height: 24px;
    font-size: 0.875em;
    padding: 0 0 0 23px;
    background: url(../images/sprite.png) no-repeat;
    background-size: 70px auto;
    vertical-align: middle;
    color: #B7B7B7;
    line-height: 1.8em;
}

.Tnum em.ico_eye {
    background-position: 0 -91px
}

.Tnum em.ico_talk {
    background-position: 0 -114px
}

.Tnum .rightbox {
    float: right;
    color: #B7B7B7;
    font-size: 0.875em;
    line-height: 1.8em;
}



.my_head_new {
    background: #fff;
    border-bottom: 1px solid #ddd;
    /*background:#fff url(../images/my_head_bg.jpg) no-repeat;*/
    background-size: cover;
    width: 100%;
    height: 100px;
}

.my_head_new .tx {
    position: relative;
    padding-left: 18px;
}

.my_head_new .tx_con {
    background: url(../images/icon-default.png) no-repeat;
    background-size: cover;
    width: 60px;
    height: 60px;
    display: block;
    margin-top: 20px;
    margin-right: 15px;
    border-radius: 50%;
    position: relative;
    float: left;
}

.my_head_new .tx_con img {
    width: 100%;
    height: 60px;
    border-radius: 50%;
}

.my_head_new .tx_con i {
    background: url(../images/my_01.png) no-repeat;
    width: 30px;
    height: 18px;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
}

.my_head_new .name {
    padding-top: 18px;
    color: #333;
}

.my_head_new .name p:nth-child(1) {
    font-size: 16px;
    font-weight: 700;
}

.my_head_new .name p:nth-child(2) {
    padding-top: 0px;
    font-size: 14px;
    color: #666
}

.my_head_new .name p span {
    color: #EF9315;
}

.my_head_new .tx:after {
    content: '';
    position: absolute;
    top: 40px;
    right: 20px;
    width: 16px;
    height: 16px;
    border: #c7c7cc solid;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.my_head_new .name p a.link {
    color: #1C6BB4;
    font-size: 13px;
    margin-left: 10px;
    border: 1px solid #1C6BB4;
    border-radius: 4px;
    padding: 0 4px;
}

.uc_classify {
    padding: 10px 0;
    margin: 10px 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    overflow: hidden;
}

.uc_classify dt {
    float: left;
    width: 25%;
    padding: 10px 0;
    text-align: center;
}

.uc_classify dt a {
    display: block;
    color: #333;
    font-size: 14px;
}

.uc_classify a span {
    display: block;
    width: 60px;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.uc_classify a img {
    width: 50px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.uc_classify a span.hint {
    position: absolute;
    top: -58px;
    right: 0px;
    width: 12px;
    height: 12px;
    background: #f00;
    border-radius: 50px;
}

.my_menu_new {
    overflow: hidden;
    margin: 10px 0;
    border-top: 1px solid #e5e5e3;
    border-bottom: 1px solid #e5e5e3;
}

.my_menu_new li {
    position: relative;
    background: #fff;
    padding: 0 10px;
}

.my_menu_new li:after {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    width: 10px;
    height: 10px;
    border: #c7c7cc solid;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.my_menu_new li:last-child a {
    border-bottom: none;
}

.my_menu_new li:nth-child(1),
.my_menu_new li:nth-child(5) {
    border-bottom: none;
}

.my_menu_new i {
    background: url(../images/my_icon.png) no-repeat;
    width: 30px;
    height: 30px;
    background-size: cover;
    display: inline-block;
    float: left;
    margin: 0px 10px 0 0;
}

.my_menu_new li a {
    display: block;
    border-bottom: 1px solid #e5e5e3;
    overflow: hidden;
    padding: 15px 10px;
    position: relative;
}

.my_menu_new li b {
    color: #f00;
    font-family: Verdana;
    padding: 0 3px;
    font-size: 14px;
}

.my_menu_new span {
    display: block;
}

.my_menu_new .i01 {
    background-position: 0 0;
}

.my_menu_new .i02 {
    background-position: 0 -32px;
}

.my_menu_new .i03 {
    background-position: 0 -64px;
}

.my_menu_new .i04 {
    background-position: 0 -95px;
}

.my_menu_new .i05 {
    background-position: 0 -127px;
}

.my_menu_new .i06 {
    background-position: 0 -150px;
}

.my_menu_new li span {
    color: #000;
    font-size: 16px;
    line-height: 30px;
}

.my_menu_new a span.hint {
    position: absolute;
    top: 12px;
    left: 32px;
    width: 12px;
    height: 12px;
    background: #f00;
    border-radius: 50px;
}

.my_menu_new a span.hhr {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 13px;
    line-height: 22px;
    background: #f00;
    color: #fff;
    padding: 0 8px;
    border-radius: 100px;
}

.login_out {
    margin: 10px 10px;
    text-align: center
}

.login_out a {
    background: #ff9602;
    width: 100%;
    display: block;
    border-radius: 3px;
    padding: 14px 0;
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
}

.login_out a.fais {
    background: #fff;
    border: 1px solid #aaa;
    width: 99.6%;
    display: block;
    border-radius: 3px;
    padding: 12px 0;
    color: #000;
    font-size: 18px;
    margin-bottom: 20px;
}

.user-portrait {
    padding: 10px 0;
    margin-top: 45px;
    background: #fff url(../images/my_head_bg.jpg) no-repeat;
    background-size: cover;
}

.user-portrait .btn-file {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.user-portrait .btn-file input {
    position: absolute;
    top: 0;
    width: 60px;
    height: 60px;
    opacity: 0;
    cursor: pointer;
    filter: alpha(opacity:0);
}

.user-portrait a.btn-file img {
    width: 60px;
    height: 60px;
    border-radius: 50px;
}

.my_info_list {
    overflow: hidden;
    margin: 0;
}

.my_info_list li {
    position: relative;
    background: #fff;
    padding: 0 10px;
}

.my_info_list li:after {
    content: '';
    position: absolute;
    top: 19px;
    right: 20px;
    width: 10px;
    height: 10px;
    border: #c7c7cc solid;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.my_info_list li:last-child a,
.my_info_list li:nth-child(4) a,
.my_info_list li:nth-child(7) a {
    border-bottom: none;
}

.my_info_list li:nth-child(1),
.my_info_list li:nth-child(5) {
    border-top: 1px solid #ddd;
}

.my_info_list li:nth-child(4) {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.my_info_list li:nth-child(6) {
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
}

.my_info_list li a {
    display: block;
    border-bottom: 1px solid #e5e5e3;
    overflow: hidden;
    padding: 10px 10px;
}

.my_info_list li b {
    color: #f00;
    font-family: Verdana;
    padding: 0 3px;
    font-size: 14px;
}

.my_info_list li span {
    color: #999;
    font-size: 14px;
    line-height: 30px;
    position: relative
}

.my_info_list li .sp1 {
    display: inline-block;
    width: 70px;
    color: #333
}

.my_info_list li a.jf {
    display: block;
    position: absolute;
    right: 50px;
    top: 0;
    border: 1px solid #1C6BB4;
    padding: 0 6px;
    margin-top: 13px;
    border-radius: 6px;
    color: #1C6BB4;
    height: 22px;
    line-height: 22px;
    z-index: 10
}

.user-submit {
    text-align: center;
    background: #fff;
    overflow: hidden;
}

.user-submit a {
    background: #007aff;
    width: 90%;
    display: block;
    border-radius: 3px;
    padding: 10px 0;
    margin: 15px auto;
    color: #fff;
    font-size: 15px;
}

.my_renwu_list {
    overflow: hidden;
    margin: 10px 0 10px 0;
    border-top: 1px solid #e5e5e3;
    border-bottom: 1px solid #e5e5e3;
}

.my_renwu_list li {
    position: relative;
    background: #fff;
    padding: 0 10px;
}

.my_renwu_list li:after {
    content: '';
    position: absolute;
    top: 19px;
    right: 20px;
    width: 10px;
    height: 10px;
    border: #c7c7cc solid;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.my_renwu_list li:last-child a,
.my_renwu_list li:nth-child(2) a {
    border-bottom: none;
}

.my_renwu_list li:nth-child(1) {
    border-top: 1px solid #ddd;
}

.my_renwu_list li:nth-child(4) {
    border-bottom: 1px solid #ddd;
}

.my_renwu_list li:nth-child(2) {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.my_renwu_list li:nth-child(1):after,
.my_renwu_list li:nth-child(4):after {
    border: #c7c7cc solid;
    border-width: 0;
}

.my_renwu_list li:nth-child(3):after {
    border-width: 0 2px 2px 0;
    top: 16px;
}

.my_renwu_list li a {
    display: block;
    border-bottom: 1px solid #e5e5e3;
    overflow: hidden;
    padding: 10px 10px;
}

.my_renwu_list li b {
    color: #f00;
    font-family: Verdana;
    padding: 0 3px;
    font-size: 14px;
}

.my_renwu_list li span {
    color: #000;
    font-size: 14px;
    line-height: 30px;
    position: relative
}

.my_renwu_list li a.signin {
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    border: 1px solid #1C6BB4;
    padding: 0 14px;
    margin-top: 13px;
    border-radius: 6px;
    background: #1C6BB4;
    color: #fff;
    height: 22px;
    line-height: 22px;
    z-index: 10
}

.updown_cash_main {
    background: #fff;
    overflow: hidden;
}

.updown_cash {
    position: relative;
    background: #E5E4E3;
    border-radius: 6px;
    margin: 10px 0;
    margin-bottom: 10px;
    overflow: hidden;
}

.updown_cash a {
    display: block;
    width: 100%;
    overflow: hidden;
}

.updown_cash i {
    float: left;
    background: url(../images/icon-default.png) no-repeat;
    background-size: cover;
    width: 60px;
    height: 60px;
    display: inline-block;
    overflow: hidden;
    margin: 3px 0 0 0;
    border-radius: 12px;
}

.updown_cash i img {
    width: 100%;
    height: 100%;
}

.updown_cash dl {
    float: left;
    margin-left: 10px;
}

.updown_cash dt {
    font-size: 15px;
    line-height: 22px;
    color: #4C4B4C;
}

.updown_cash dd.send {
    color: #CC0000;
    line-height: 14px;
    font-size: 12px;
    border-radius: 6px;
    border: 1px solid #CC0000;
    text-align: center;
}

.updown_cash dd.size {
    color: #99989C;
    line-height: 22px;
    font-size: 12px;
}

.updown_cash .download {
    position: absolute;
    right: 10px;
    top: 30px;
    width: 40px;
    height: 8px;
    display: block;
    vertical-align: middle;
    background: #EEAA58;
    text-align: center;
    line-height: 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 1em;
}


.my_dongtai {
    border-left: 1px solid #4791CE;
    margin: 0 0 0 40px;
    padding: 20px 0;
    position: relative;
}

.my_dongtai .leibie {}

.my_dongtai .leibie dl {
    position: absolute;
    left: -40px;
    width: 76px;
    font-size: 12px;
}

.my_dongtai .leibie dt {
    border: 1px solid #4791CE;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 100px;
    color: #4791CE;
    background: #fff;
    margin-left: 22px;
}

.my_dongtai .leibie dd {
    text-align: center;
    background: #E5E4E3;
    margin: 5px 0;
    font-size: 8px;
    color: #4791CE;
}

.my_dongtai .content {
    margin: 0 0 0 40px;
    position: relative;
}

.my_dongtai .content p {
    line-height: 22px;
    color: #3E3F3F;
}

.my_dongtai .content .box {
    background: #fff;
    border-radius: 6px;
    margin: 10px 10px 10px 0;
    padding: 10px;
    overflow: hidden;
}

.my_dongtai .content .box a {}

.my_dongtai .content .box i {
    float: left;
    background: url(../images/icon-default.png) no-repeat;
    background-size: cover;
    width: 60px;
    height: 60px;
    display: inline-block;
    overflow: hidden;
    margin: 3px 10px 0 0;
    border-radius: 12px;
}

.my_dongtai .content .box i img {
    width: 100%;
    height: 100%;
}

.my_dongtai .content .box dl {
    width: 100%;
    padding-bottom: 5px;
    display: block;
}

.my_dongtai .content .box dt {
    text-align: left;
    font-size: 12px;
    line-height: 24px;
    color: #191919;
    margin-bottom: 10px;
}

.my_dongtai .content .box dd.time {
    text-align: right;
    color: #99989C;
    line-height: 22px;
    font-size: 12px;
    position: absolute;
    right: 20px;
    bottom: 5px;
}


.my_pay_new {
    background: #fff;
    /*background:#fff url(../images/my_head_bg.jpg) no-repeat;*/
    background-size: cover;
    width: 100%;
    padding: 5px 1px;
}

.my_pay_new .tx {
    position: relative;
    padding-left: 18px;
}

.my_pay_new .tx_con {
    background: url(../images/icon-default.png) no-repeat;
    background-size: cover;
    width: 60px;
    height: 60px;
    display: block;
    margin-right: 15px;
    border-radius: 50%;
    position: relative;
    float: left;
}

.my_pay_new .tx_con img {
    width: 100%;
    height: 60px;
    border-radius: 50%;
}

.my_pay_new .tx_con i {
    background: url(../images/my_01.png) no-repeat;
    width: 30px;
    height: 18px;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
}

.my_pay_new .name {
    padding-top: 5px;
    color: #333;
}

.my_pay_new .name p:nth-child(1) {
    font-size: 16px;
    font-weight: 700;
}

.my_pay_new .name p:nth-child(2) {
    padding-top: 5px;
    font-size: 14px;
    color: #666
}

.my_pay_new .name p span {
    color: #EF9315;
}

.my_pay_new .tx:after {
    content: '';
    position: absolute;
    top: 40px;
    right: 20px;
    width: 16px;
    height: 16px;
    border: #c7c7cc solid;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.my_pay_new .name p a.link {
    color: #1C6BB4;
    font-size: 13px;
    margin-left: 10px;
    border: 1px solid #1C6BB4;
    border-radius: 4px;
    padding: 0 4px;
}

.my_pay_list {
    overflow: hidden;
    margin: 10px 0 10px 0;
    border-top: 1px solid #e5e5e3;
    border-bottom: 1px solid #e5e5e3;
}

.my_pay_list li {
    position: relative;
    background: #fff;
    padding: 0 10px;
}

.my_pay_list li:after {
    content: '';
    position: absolute;
    top: 19px;
    right: 20px;
    width: 10px;
    height: 10px;
    border: #c7c7cc solid;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.my_pay_list li:last-child a,
.my_pay_list li:nth-child(2) a {
    border-bottom: none;
}

.my_pay_list li:nth-child(1) {
    border-top: 1px solid #ddd;
}

.my_pay_list li:nth-child(4) {
    border-bottom: 1px solid #ddd;
}

.my_pay_list li:nth-child(2) {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.my_pay_list li:nth-child(4):after {
    border: #c7c7cc solid;
    border-width: 0;
}

.my_pay_list li:nth-child(3):after {
    border-width: 0 2px 2px 0;
    top: 16px;
}

.my_pay_list li a {
    display: block;
    border-bottom: 1px solid #e5e5e3;
    overflow: hidden;
    padding: 10px 10px;
}

.my_pay_list li b {
    color: #f00;
    font-family: Verdana;
    padding: 0 3px;
    font-size: 14px;
}

.my_pay_list li span {
    color: #000;
    font-size: 14px;
    line-height: 30px;
    position: relative
}

.my_pay_list li a.signin {
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    border: 1px solid #1C6BB4;
    padding: 0 14px;
    margin-top: 13px;
    border-radius: 6px;
    background: #1C6BB4;
    color: #fff;
    height: 22px;
    line-height: 22px;
    z-index: 10
}

.pay_main {
    background: #fff;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

.pay_main .pay_main_div {
    padding: 10px 0;
}

.pay_main .pay_main_div a {
    width: 118px;
    margin: 5px;
    display: inline-block;
    text-align: center;
    background-color: #EFEFEF;
    font-size: 14px;
    cursor: pointer;
}

.pay_main .pay_main_div a.current {
    background: #FFC12C;
    color: #fff;
}

.payBtn {
    margin: 10px 10px;
    text-align: center
}

.payBtn a {
    background: #f84d36;
    width: 100%;
    display: block;
    border-radius: 3px;
    padding: 12px 0;
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
}


.my_pay_detail {
    margin-bottom: 10px;
}

.my_pay_detail h3 {
    font-weight: 300;
    padding: 10px;
}

.my_pay_detail .lists {
    background: #fff;
    width: 100%;
    border-top: 1px solid #e5e5e3;
    border-bottom: 1px solid #e5e5e3;
}

.my_pay_detail .lists li {
    margin: 0 0 0 10px;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #e5e5e3;
    overflow: hidden;
}

.my_pay_detail .lists li dl {
    float: left;
}

.my_pay_detail .lists li dt {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
}

.my_pay_detail .lists li dd {
    color: #ccc;
}

.my_pay_detail .lists li span {
    float: right;
    line-height: 38px;
}

.my_pay_detail .lists li span.col-red {
    color: #f00;
}

.my_pay_detail .lists li span.col-green {
    color: #090;
}

.ranking-main {
    margin: 0px 0 0 0;
    overflow: hidden;
}

.ranking-tabbtn {
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #007aff;
    border-radius: 3px;
    margin: 10px auto;
    width: 94%;
    display: table;
}

.ranking-tabbtn li {
    width: 20%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.ranking-tabbtn li a {
    display: block;
    color: #007aff;
    font-size: 17px;
}

.ranking-tabbtn li a:hover {
    text-decoration: none;
    color: #333;
}

.ranking-tabbtn li.current a {
    background: #007aff;
    color: #fff;
}

.ranking-tabbtn li:nth-last-child(1) a {
    border-right: none;
}

.ranking-tabbtn li:nth-last-child(2) a {
    border-right: 1px solid #007aff;
}

.ranking-tabbtn li:nth-last-child(3) a {
    border-right: 1px solid #007aff;
}

.ranking-list {
    margin: 0;
}

.ranking-list li {
    position: relative;
    background: #fff;
    padding: 8px 8px 8px 8px;
    border-bottom: 0px solid #D7D7D7;
    overflow: hidden;
}

.ranking-list li:nth-child(1) {
    border-top: 1px solid #D7D7D7;
}

.ranking-list li a {
    margin-left: 18px;
    display: block;
    width: 100%;
    overflow: hidden;
}

.ranking-list li i {
    float: left;
    background: url(../images/icon-default.png) no-repeat;
    background-size: cover;
    width: 64px;
    height: 64px;
    display: inline-block;
    overflow: hidden;
    margin: 3px 0 0 0;
    border-radius: 12px;
}

.ranking-list li i img {
    width: 100%;
    height: 100%;
}

.ranking-list li dl {
    float: left;
    margin-left: 10px;
}

.ranking-list li dt {
    font-size: 14px;
    line-height: 30px;
    color: #4C4B4C;
}

.ranking-list li dt strong {
    font-weight: 500;
}

.ranking-list li dd {
    color: #99989C;
    line-height: 18px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ranking-list li dd.fenlei {
    color: #99989C;
    font-size: 12px;
}

.ranking-list li .play {
    position: absolute;
    right: 3%;
    top: 26px;
    width: 65px;
    height: 23px;
    display: block;
    vertical-align: middle
}

.ranking-list li .play2 {
    position: absolute;
    right: 3%;
    top: 12px;
    width: 65px;
    height: 23px;
    display: block;
    vertical-align: middle
}

.ranking-list li .shouc {
    position: absolute;
    right: 3%;
    bottom: 11px;
    width: 65px;
    height: 23px;
    display: block;
    vertical-align: middle
}

.ranking-list li .golook {
    position: absolute;
    right: 10px;
    top: 28px;
    width: 70px;
    height: 30px;
    display: block;
    vertical-align: middle;
    background: #007aff;
    text-align: center;
    line-height: 30px;
    border-radius: 100px;
    color: #fff;
    font-size: 1.1em;
}

.ranking-list li .game_sum {
    height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.ranking-list li .star {
    height: 21px;
    margin-top: 3px;
}

.ranking-list li .star img {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    float: left;
}

.ranking-list li label {
    background: #fff;
    color: #666;
    display: block;
    float: left;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    width: 20px;
    height: 30px;
    line-height: 20px;
    padding-top: 10px;
    text-align: center;
    text-indent: 0px;
    position: absolute;
    left: 2px;
    top: 22px;
    border-radius: 0px;
}

.ranking-list li .t01 {
    background: #fff;
}

.ranking-list li .t02 {
    background: #fff;
}

.ranking-list li .t03 {
    background: #fff;
}



.sBar {
    height: 47px;
    top: 10px;
    font-size: 13px;
    margin: 0 10px;
    position: relative;
    overflow: hidden;
    zoom: 1;
    clear: both;
    background: #f1f1f1;
}

.sBar .sText {
    width: 100%;
    border: 1px solid #dadce2;
    font-size: 14px;
    color: #737373;
    padding: 0 0 0 6px;
    height: 36px;
    line-height: 36px;
    -webkit-appearance: none;
}

.sBar .btn {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 34px;
    height: 34px;
    display: block;
    border: none;
    background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDM0MiwgMjAxMC8wMS8xMC0xODowNjo0MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNkY2OTZFNDk1OTExMUU0OTc1RkNFNEE5NDNGRjQ5OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNkY2OTZFNTk1OTExMUU0OTc1RkNFNEE5NDNGRjQ5OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI2RjY5NkUyOTU5MTExRTQ5NzVGQ0U0QTk0M0ZGNDk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI2RjY5NkUzOTU5MTExRTQ5NzVGQ0U0QTk0M0ZGNDk4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BUc0zQAAAN5QTFRF+vr6+/v7/Pz87+/v9vb2s7Oz/f392tra6urq8/Pzurq69PT05+fn6enp3d3d+Pj4tLS0t7e38PDwuLi4vr6+u7u7vLy8x8fH2dnZ09PTyMjI3t7excXFwMDA0dHR19fX4+Pj4eHh1dXV8fHx0tLSubm5zc3NycnJy8vL6+vr3NzcwcHB29vbxMTE8vLywsLC9fX15OTkysrKw8PDtra25ubmzMzM+fn5v7+/vb29z8/P7Ozs0NDQtbW1xsbG4uLi39/f2NjY6Ojo1tbW7e3t9/f35eXl/v7+srKy////aRR5uQAAAhBJREFUeNqElIdy4kAMhuX1uhewj3LGIbSEXgKElEvPlV2//wudvItNsS+nGWaE/CF+NUNyMP3J70Sd+ElPzgwyh7mjFy7tZeSyMoiZbX5sbZMVIBKJR1pgN+qBJvyInEHQTMN2MzL899iIXq/Tr004gZQLjN2OfVe1bih1VHe6ucXIhXIE6ZcYqX94DkgdDJzPjo2xSz2HmIsiGr4KB6kMVB8pLSsSEqhxHvhLclI0GczxH2t7WcB6aWKVnPWPqD8w3pOpIFXd8CApdPmznmsHp4qJHFaAmIOpqo6Euui6xUT45A8W1BW/hj6WH7ISiKnY077QCkPOZ05SZhaWPZQTGXG+oKXQzYrzUUVAY8635RB94HwsoWfOH/+RCZv+LCEDq7NKoQFWZ0hNJrrvpdVNcXqmrC7EGralfZrh8GRzgF7hjNySjq8xfkX3s/OwZ41KAfqNsq+9/eyYlaZqKWeMskgTWSzbJ3OVUqey7tONzpcDN5P2cCn44+RoM82GuJif+mHHl35dnMd6r2D9Ku4LPwbLr4UMYnma1VlrOF5Vhf8wDFJKz++OLN/ugpMLDu56u49vGSWl6dSct2xtT2h2a27Se/V7RmXvArC8uL/ZtmvtxaYfexYemJJTh7eKQkNz133r7iYhVYTgjGLH7WEEKpUKkLwXktIGkHxlgqr++hpCatrsWP+BEmJNQvgrwADnJCcRDOLqkQAAAABJRU5ErkJggg==') 9px no-repeat;
    background-size: 18px;
    cursor: pointer;
}

.sBar-content {
    background: #fff;
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
}

.sBar-content dl {
    margin: 0 10px;
    clear: both;
    zoom: 1;
    overflow: hidden
}

.sBar-content dt {
    font-size: 13px;
    height: 40px;
    color: #007aff;
    line-height: 40px;
    border-bottom: 1px solid #eaeaea;
}

.sBar-content dt span {
    float: right;
    width: 30px;
    height: 40px
}

.sBar-content dd {
    clear: both;
    zoom: 1;
    overflow: hidden
}

.sBar-content .hot dd {
    margin: 15px 0 0 4px
}

.sBar-content .hot li {
    display: block;
    float: left;
    width: 30%;
    margin: 0 3.33% 10px 0;
    height: 36px;
    line-height: 36px;
    text-align: center;
}

.sBar-content .hot li a {
    border-radius: 4px;
    border: 1px solid #e8ebf0;
    background: #fafafa;
    display: block;
}

.sBar-content .hot li a:hover {
    background: #eaecf1
}

.ad_banner {
    width: 100%;
}

.ad_banner img {
    width: 100%;
}


.pl-form {
    padding: 20px 10px;
    overflow: hidden;
}

.pl-form textarea {
    width: 97.6%;
    height: 70px;
    border: 2px solid #eaeaea;
    line-height: 18px;
    padding: 1%;
}

.pl-form .pl-mun {
    float: left;
    line-height: 30px;
    font-size: 14px;
}

.pl-form .fb-btn {
    float: right;
    background: #007aff;
    border: none;
    padding: 10px 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.pl-form .Red {
    color: #f00;
    margin: 0 4px;
}


.review {
    background: #fff;
    margin-bottom: 10px;
    border-bottom: 1px solid #D7D7D7;
}

.sns_feed {
    background: #fff;
    border-radius: 0;
    margin: 0 0 0 0;
    position: relative;
    /* box-shadow:0 1px 3px #c4c4c4;*/
    border-top: 1px solid #d7d7d7;
}

.sns_feed .user {
    /* position:absolute; top:-36px; height:72px; width:100%;*/
    padding: 10px 7px 0 0;
}

.sns_feed .user .pic {
    /* position:absolute; left:13px;*/
    float: left;
    width: 50px;
    height: 50px;
    border: 0px solid #d7d7d7;
    background: #d7d7d7;
    border-radius: 100px;
    z-index: 3;
    margin: 0 0 0 10px;
}

.sns_feed .user .pic a {
    display: block;
    width: 100%;
    height: 100%;
}

.sns_feed .user .pic img {
    width: 50px;
    height: 50px;
    border-radius: 100px;
}

.sns_feed .user .name {
    /*padding-left:64px;*/
    padding-left: 10px;
    padding-right: 30px;
    padding-top: 0;
    line-height: 26px;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sns_feed .user .name i {
    background: url(../images/wb_icon.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 2px;
}

.sns_feed .user .name .i1 {
    background-position: 0 -120px;
}

.sns_feed .user .name .i2 {
    background-position: 0 -158px;
}

.sns_feed .user .name .rspan {
    display: inline-block;
    font-size: 14px !important;
}

.sns_feed .user .name a {
    font-size: 15px;
    color: #378bd1;
    /* font-weight: bold;*/
    font-weight: normal;
}

.sns_feed .user .name .del {
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 5px;
    font-weight: normal;
}

.sns_feed .user .from_t {
    /* padding-left:64px;*/
    padding-left: 10px;
    padding-top: 0;
    padding-right: 10px;
    font-size: 13px;
    color: #969696;
    /*white-space: nowrap;text-overflow: ellipsis;*/
    overflow: hidden;
}

.sns_feed .user .from_t .time {
    float: left;
    padding-right: 5px;
}

.sns_feed .arrow-msg {
    padding: 4px 10px 10px 10px;
    line-height: 23px;
    font-size: 16px;
    color: #686868;
}

.sns_feed .arrow-msg .info p {
    padding: 8px 0 0 0;
}

.sns_feed .arrow-msg .info img {
    vertical-align: middle;
}

.sns_feed .arrow-msg .reply_box {
    padding: 10px 0 0 0;
}

.sns_feed .arrow-msg .reply_box .content {
    margin: 0 0 10px 0;
}

.sns_feed .arrow-msg .reply_box .margin60 {
    margin: 0 0 10px 60px;
}

.sns_feed .arrow-msg .reply_box .content p {
    font-size: 14px;
}

.sns_feed .arrow-msg .reply_box .aww {
    position: relative;
    z-index: 5;
    height: 6px;
}

.sns_feed .arrow-msg .reply_box .aww em {
    font-family: SimSun;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    font-style: normal;
    left: 19px;
    top: 0;
    display: inline-block;
    z-index: 2;
    color: #eaeaea;
}

.sns_feed .arrow-msg .reply_box .aww i {
    font-family: SimSun;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    font-style: normal;
    left: 19px;
    top: 1px;
    display: inline-block;
    z-index: 3;
    color: #fafafa;
}

.sns_feed .arrow-msg .reply_box .awshow {
    background: #fafafa;
    position: relative;
    z-index: 4;
    padding: 2px 10px 2px 10px;
    color: #8f8f8f;
    border: 1px solid #eaeaea;
    border-radius: 3px;
}

.sns_feed .arrow-msg .reply_box .awshow p {
    font-size: 13px;
    line-height: 20px;
    padding: 2px 0;
}

.sns_feed .arrow-msg .reply_box .awshow p a {
    font-size: 12px;
    color: #007aff;
}

.sns_feed .arrow-msg .reply_box .z-hf {
    margin: 10px 0;
    width: 100%;
    position: relative;
}

.sns_feed .arrow-msg .reply_box .z-hf .hf-input {
    width: 98%;
    height: 36px;
    line-height: 36px;
    border: 1px solid #eaeaea;
    padding: 0 1%;
    vertical-align: top;
    display: inline-block;
}

.sns_feed .arrow-msg .reply_box .z-hf .hf-btn {
    background: #007aff;
    border: none;
    padding: 10px;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    width: 75px;
    position: absolute;
    right: -1px;
    top: 0;
}

/* 游戏合作 */
.topic_detail {
    padding: 20px 10px;
    margin: 10px 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    background: #fff;
}

.topic_detail dt {
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    line-height: 40px;
}

.topic_detail dd p {
    font-size: 14px;
    line-height: 26px
}

.qr_code_pc_outer {
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    display: block !important;
    color: #717375;
    text-align: center;
    z-index: 9999;
    width: 1024px;
    margin: 0 auto;
}

.qr_code_pc {
    position: absolute;
    top: 0;
    right: -150px;
    padding: 16px;
    border: 1px solid #d9dadc;
    background-color: #fff;
}

.qr_code_pc p {
    font-size: 13px;
    line-height: 20px;
}

.qr_code_pc_img {
    width: 102px;
    height: 102px;
}

/* 友情链接 */
.mylinks {
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px;
}

.mylinks a {
    line-height: 28px;
    margin: 0 5px;
}

.child-fst-tip {
    position: relative;
    color: #222;
    background: #fff;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #D7D7D7;
}

.child-fst-tip img {
    width: 100%;
    /* height:7.7rem;*/
}

.child-fst-tip h2 {
    margin: 10px;
    font-size: 17px;
}

.child-fst-tip p {
    margin: 10px;
    line-height: 22px;
    text-indent: 2em;
    font-size: 14px;
    color: #929292;
}

.child-fst-tip div {
    margin: 20px 10px;
    line-height: 22px;
    font-size: 14px;
}

.child-fst-tip div a img {
    width: 90px;
    height: 22px;
    vertical-align: top;
}

.child-fst-tip .back {
    position: absolute;
    top: 5px;
    left: 5px;
    line-height: 36px;
    padding-left: 22px;
    font-size: 16px;
    display: block;
}

.child-fst-tip .back a {
    width: 40px;
    height: 40px;
    display: block;
    color: #fff;
}

.child-fst-tip .back a i {
    font: 0/0 a;
    cursor: pointer;
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 12px;
    height: 12px;
    border: #fff solid;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}


.game-more {
    text-align: center;
}

.game-more a {
    background: #fff;
    width: 100%;
    display: block;
    margin: 0 auto;
    line-height: 36px;
}


.openGame {
    width: 100%;
    height: 60px;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 99;
}

.openGame a {
    background: #4D9FE2;
    line-height: 60px;
    padding: 8px 25px;
    margin: 0 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
}

.openGame a.tucao {
    background: #F6B253;
}

.game-tabbtn {
    line-height: 40px;
    overflow: hidden;
    background: #f1f1f1;
    margin-top: 10px;
}

.game-tabbtn ul {
    display: table;
    width: 100%;
}

.game-tabbtn li {
    width: 25%;
    text-align: center;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
}

.game-tabbtn li a {
    position: relative;
    display: block;
    color: #9a9aa0;
    font-size: 16px;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
}

.game-tabbtn li a:hover {
    text-decoration: none;
    color: #4690CD;
}

.game-tabbtn li.current a {
    background: #fff;
    color: #4690CD;
    line-height: 39px;
    border-top: 3px solid #4690CD;
    border-bottom: none;
}

.game-tabbtn li:nth-last-child(1) a {
    border-right: none;
}

.game-tabbtn li a span {
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: 20px;
    background: #f00;
    font-size: 12px;
    color: #fff;
    border-radius: 50px;
    font-weight: 300;
    width: 22px;
    height: 22px;
    line-height: 22px;
    display: block;
}

.game-tabbtn li.current a span {
    display: none;
}

.Fadecon-list {
    border-bottom: 1px solid #eaeaea;
}

.rankings {
    background: #fff;
    overflow: hidden;
}

.rankings li {
    padding: 10px;
    background: #F5F5F5;
    font-size: 14px;
    overflow: hidden;
}

.rankings li a {
    height: 40px;
    display: block;
}

.rankings li:nth-last-child(2),
.rankings li:nth-last-child(4),
.rankings li:nth-last-child(6),
.rankings li:nth-last-child(8),
.rankings li:nth-last-child(10) {
    background: #fff;
}

.rankings .ranknum {
    float: left;
    width: 40px;
    line-height: 40px;
    font-size: 13px;
    margin-right: 10px;
    text-align: center;
}

.rankings .rankname {
    float: left;
    height: 40px;
    width: 50%;
    color: #000;
    line-height: 40px;
    overflow: hidden;
}

.rankings .rankname img {
    width: 40px;
    display: inline-block;
    border-radius: 50px;
    overflow: hidden;
}

.rankings .rankname span {
    vertical-align: top;
    margin-left: 10px;
    width: 60%;
    display: inline-block;
    ;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rankings .fr {
    float: right;
    color: #999;
    line-height: 40px;
}

.rankings .ranknum1 {
    background: url(../images/rankingbg.png) no-repeat 0 0px;
    width: 36px;
    height: 36px;
    background-size: 36px;
    color: #fff;
}

.rankings .ranknum2 {
    background: url(../images/rankingbg.png) no-repeat 0 -36px;
    width: 36px;
    height: 36px;
    background-size: 36px;
    color: #fff;
}

.rankings .ranknum3 {
    background: url(../images/rankingbg.png) no-repeat 0 -74px;
    width: 36px;
    height: 36px;
    background-size: 36px;
    color: #fff;
}


.dm {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
}

.dm .send a.d_del {
    width: 36px;
    display: block;
    margin-left: 5px;
    display: none;
}

.dm .send .d_del img {
    width: 36px;
    height: 36px;
    vertical-align: middle;
    border: 0;
}

.dm .d_screen .d_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .67;
    filter: alpha(opacity=50) z-index:1;
}

.send,
.send .s_con,
.send .s_fiter {
    left: 0;
    width: 100%;
    height: 60px;
}

.dm .d_screen .d_show {
    position: relative;
    z-index: 2;
}

.dm .d_screen .d_show div {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    color: #FFDE00;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

.send {
    position: absolute;
    bottom: 0;
}

.send .s_fiter {
    position: bottom:0;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80);
}

.send .s_con {
    position: absolute;
    top: 0;
    z-index: 2;
    text-align: center;
    line-height: 60px;
}

.send .s_con input {
    vertical-align: middle;
    font-size: 14px;
}

.send .s_con .s_txt {
    padding: 0 3px;
    min-width: 200px;
    width: 60%;
    height: 36px;
    outline: 0;
    border: 1px solid #5bba32;
    border-radius: 4px 0 0 4px;
    line-height: 36px;
}

.send .s_con .s_sub {
    width: 60px;
    height: 38px;
    outline: 0;
    border: 0;
    border: 1px solid #5bba32;
    border-radius: 0 4px 4px 0;
    background: #65c33d;
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    cursor: pointer;
}

.send .s_con .s_sub:hover {
    background: #3eaf0e;
}

/*mod-more*/
.mod-more {
    text-align: center;
    border-top: 0px solid #d7d7d7;
    overflow: hidden;
}

.mod-more a {
    background: #efefef;
    display: table;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    padding: 0 15px;
    margin: 10px auto;
    color: #666;
    border-radius: 100px;
}


#j_app_desc {
    overflow: hidden;
    zoom: 1;
}

.packMore {
    width: 100%;
    padding: 0px 0px 2px 0;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
}

.packMore .more_btn {
    float: right;
    width: 40px;
    height: 20px;
    color: #4690CD;
    cursor: pointer;
    line-height: 20px;
    overflow: hidden;
    display: none;
    font-size: 12px;
    margin-right: 6px;
}

.packMore .more_btn.bbj {
    float: right;
    width: 40px;
    height: 20px;
    color: #4690CD;
    cursor: pointer;
    line-height: 20px;
    overflow: hidden;
    display: none;
    font-size: 12px;
    margin-right: 6px;
}

#back-to-top {
    position: fixed;
    bottom: 80px;
    right: 3%;
    width: 40px;
    height: 40px;
    background: rgba(0, 153, 255, 0.7);
    border-radius: 100px;
    z-index: 9999;
}

#back-to-top a {
    text-align: center;
    text-decoration: none;
    color: #d1d1d1;
    display: block;
    width: 40px;
    height: 40px;
    -moz-transition: color 1s;
    -webkit-transition: color 1s;
    -o-transition: color 1s;
    outline: none;
}

.remarks {
    text-align: center;
    line-height: 10px;
    margin-top: 10px;
    color: #f84d36;
}

.tab-more {
    width: 100%;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    background: #fff;
    text-align: center;
}

.tab-more a {
    width: 48%;
    text-align: center;
    display: inline-block;
    padding: 10px 0;
    font-size: 12px;
}

.tab-more a:nth-last-child(1) {
    border-left: 1px solid #eaeaea;
}

/* 活动中心 */
.huodong {
    width: 100%;
}

.huodong-list {
    position: relative;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
    margin: 10px 0 10px 0;
}

.huodong-list img {
    width: 100%;
}

.huodong-list .txt {
    padding: 0 10px;
}

.huodong-list .txt h3 {
    width: 70%;
    height: 24px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.huodong-list .txt .time {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #969696;
}

.huodong-list .txt .btn {
    position: absolute;
    bottom: 12px;
    right: 10px;
    font-size: 14px;
    background: #007aff;
    color: #fff;
    padding: 6px 14px;
    border-radius: 4px;
}

.huodong-list .txt .gray {
    background: #ccc;
}

.huodong-empty {
    min-height: 300px;
    line-height: 160px;
    text-align: center;
    font-size: 14px;
    color: #969696;
}

.huodong-empty a {
    color: #007aff;
    text-decoration: underline;
}

.huodong-content {}

.huodong-content img {
    width: 100%;
    vertical-align: top;
}

.huodong-content .related {
    width: 96%;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
    padding: 0 2%;
    overflow: hidden;
}

.huodong-content .related h2 {
    line-height: 24px;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    margin: 10px 0 0 10px;
}

.huodong-content .related h3 {
    text-align: center;
    margin-top: 10px;
    color: #f00;
}

.huodong-content .related ul {
    padding: 0 3%;
    margin: 10px;
    text-align: center;
    border: 2px dashed #ddd;
    overflow: hidden;
}

.huodong-content .related li {
    width: 28%;
    text-align: center;
    float: none;
    display: inline-block;
    margin: 12px 2%;
}

.huodong-content .related li img {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    margin: 0 0 4px;
}

.huodong-content .related span {
    display: block;
    overflow: hidden;
    height: 20px;
    font-size: 12px;
    color: #f00;
}

.huodong-tabbtn {
    line-height: 40px;
    overflow: hidden;
    background: #fff;
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
}

.huodong-tabbtn ul {
    display: table;
    width: 100%;
}

.huodong-tabbtn li {
    width: 25%;
    text-align: center;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
}

.huodong-tabbtn li a {
    display: block;
    color: #9a9aa0;
    font-size: 16px;
    border-right: 1px solid #ddd;
}

.huodong-tabbtn li a:hover {
    text-decoration: none;
    color: #4690CD;
}

.huodong-tabbtn li.current a {
    background: #4690CD;
    color: #fff;
    line-height: 40px;
    border-bottom: none;
}

.huodong-tabbtn li:nth-last-child(1) a {
    border-right: none;
}

.Fadecon-tab {
    border-bottom: 1px solid #eaeaea;
    background: #fff;
    margin-bottom: 10px;
    padding: 10px;
}

.Fadecon-tab p {
    color: #000;
    line-height: 22px;
}

.weixinq {
    margin-bottom: 10px;
    padding: 15px 10px;
    background: #fff;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
}

.weixinq p {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    color: #000;
    text-align: center;
}

.weixinq .pic img {
    width: 300px;
    text-align: center;
    display: block;
    margin: 10px auto;
}

.weixinq .links {
    width: 100%;
    margin: 10px 0;
    overflow: hidden;
}

.weixinq .links a {
    background: #4690CD;
    color: #fff;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 16px;
}

.login-box {
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.login-box .login-box-form {
    width: 100%;
}

.login-box .login-box-form li {
    margin: 10px 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.login-box .login-box-form li .input1 {
    background: url(../images/icon-login.png) no-repeat 14px 9px;
    background-size: 21px;
}

.login-box .login-box-form li .input2 {
    background: url(../images/icon-login.png) no-repeat 14px -21px;
    background-size: 20px;
}

.login-box .login-box-form li .input1,
.login-box .login-box-form li .input2 {
    width: 95.4%;
    height: 40px;
    text-align: center;
    font-size: 16px;
    padding: 0 2% 0 2%;
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 5px 3px #f5f5f5;
    -moz-box-shadow: inset 0 5px 3px #f5f5f5;
    box-shadow: inset 0 5px 3px #f5f5f5;
}

.login-box .login-box-form li a.forgot {
    float: right;
    width: 100px;
    display: block;
    text-align: right;
    line-height: 22px;
    font-size: 14px;
}

.login-box .login-box-form li .btn {
    background: #FF3333;
    width: 47.7%;
    margin-right: 2%;
    border: none;
    line-height: 40px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}

.login-box .login-box-form li .btn2 {
    background: #33CC66;
    width: 47.7%;
    margin-left: 2%;
    border: none;
    line-height: 40px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}

.login-box .login-box-form li .code-input {
    float: left;
    width: 50%;
}

.login-box .login-box-form li .input-text {
    background: url(../images/icon-login.png) no-repeat 14px -54px;
    background-size: 20px;
}

.login-box .login-box-form li .input-text {
    width: 100%%;
    height: 40px;
    text-align: center;
    font-size: 16px;
    padding: 0 2% 0 2%;
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 5px 3px #f5f5f5;
    -moz-box-shadow: inset 0 5px 3px #f5f5f5;
    box-shadow: inset 0 5px 3px #f5f5f5;
}

.login-box .login-box-form li #getcode {
    float: right;
    width: 44%;
    cursor: default;
    background: #ff9602;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
}

.login-box .login-box-form li a.clause {
    display: block;
    text-align: left;
    line-height: 22px;
    font-size: 14px;
    color: #03A9F4;
}

.login-box .login-box-form li .input-submit {
    background: #ff9602;
    border: none;
    width: 100%;
    display: block;
    border-radius: 3px;
    padding: 14px 0;
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    cursor: pointer;
}

.login-box .shortcut {}

.login-box .shortcut h3 {
    margin-top: 20px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    background: #e5e5e5;
}

.login-box .shortcut .icons {
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    background: #eee;
}

.login-box .shortcut .icons li {
    width: 30%;
    display: inline-block;
}

.login-box .shortcut .icons img {
    vertical-align: middle;
}

.login-box .shortcut .icons a.btn {
    background: #33CC66;
}

.login-box .shortcut .icons a.btn2 {
    background: #28B5FA;
}

.login-box .shortcut .icons a.btn3 {
    background: #E95235;
}

.login-box .shortcut .icons a.btn,
.login-box .shortcut .icons a.btn2,
.login-box .shortcut .icons a.btn3 {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    border-radius: 100px;
    overflow: hidden;
}

.hint-txt {
    text-align: center;
    color: #f00;
    line-height: 30px;
    margin-top: 10px;
}

/* 礼包 */
.libao-tabbtn {
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #007aff;
    border-radius: 3px;
    margin: 10px auto;
    width: 94%;
    display: table;
    overflow: hidden;
}

.libao-tabbtn li {
    width: 20%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.libao-tabbtn li a {
    display: block;
    color: #007aff;
    font-size: 17px;
}

.libao-tabbtn li a:hover {
    text-decoration: none;
    color: #333;
}

.libao-tabbtn li.current a {
    background: #007aff;
    color: #fff;
}

.libao-tabbtn li:nth-last-child(1) a {
    border-right: none;
}

.libao-list {
    margin: 0 0 10px 0;
}

.libao-list li {
    position: relative;
    background: #fff;
    border-radius: 0px;
    border-bottom: 2px solid #D7D7D7;
    padding: 8px 8px 8px 10px;
    overflow: hidden;
}

.libao-list li:last-child {
    border-top: 1px solid #D7D7D7;
}

.libao-list li a {
    display: block;
    width: 100%;
    overflow: hidden;
}

.libao-list li i {
    float: left;
    background: url(../images/icon-default.png) no-repeat;
    background-size: cover;
    width: 64px;
    height: 64px;
    display: inline-block;
    overflow: hidden;
    margin: 3px 0 0 0;
    border-radius: 12px;
}

.libao-list li i img {
    width: 100%;
    height: 100%;
}

.libao-list li i span.new {
    position: absolute;
    left: 9px;
    top: 10px;
}

.libao-list li dl {
    float: left;
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70%;
}

.libao-list li dt {
    font-size: 14px;
    line-height: 30px;
    color: #4C4B4C;
}

.libao-list li dt strong {
    font-weight: 500;
}

.libao-list li dd,
.libao-list li dd p {
    color: #666;
    line-height: 18px;
    height: 18px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.libao-list li dd.fenlei {
    color: #666;
    font-size: 12px;
}

.libao-list li dd.fenlei span {
    float: left;
    vertical-align: top;
}

.libao-list li dd.fenlei span em {
    color: #FD9937;
}

.libao-list li .play {
    position: absolute;
    right: 3%;
    top: 26px;
    width: 74px;
    display: block;
    vertical-align: middle
}

.libao-list li .btn-blue {
    position: absolute;
    right: 3%;
    top: 24px;
    width: 60px;
    height: 30px;
    display: block;
    vertical-align: middle;
    background: #007aff;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
}

.libao-list li .btn-yellow {
    position: absolute;
    right: 3%;
    top: 24px;
    width: 60px;
    height: 30px;
    display: block;
    vertical-align: middle;
    background: #FD9937;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
}

.libao-list li .btn-gray {
    position: absolute;
    right: 3%;
    top: 24px;
    width: 60px;
    height: 30px;
    display: block;
    vertical-align: middle;
    background: #8c8c8c;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
}

.libao-list li .input-blue {
    position: absolute;
    right: 3%;
    top: 24px;
    width: 60px;
    height: 30px;
    display: block;
    vertical-align: middle;
    background: #007aff;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    border: none;
}


.libao-list li dd.fenlei .progress {
    position: relative;
    top: 1px;
    width: 55%;
    height: 14px;
    overflow: hidden;
    background-color: #d7d7d7;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.libao-list li dd.fenlei .progress-bar {
    background-color: #FD9937;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    float: left;
    height: 100%;
    font-size: 12px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    transition: width .6s ease;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
}

.libao-list li dd.fenlei .sr-only {
    position: absolute;
    left: 40%;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
}


.libao-list .bz {
    color: #f00;
    text-align: center;
    margin-top: 10px;
}

.libao-list .noRelated {
    color: #999;
    font-size: 14px;
    text-align: center;
    padding: 15px 0;
    background: #fff;
}

.libao_info {
    overflow: hidden;
    background: url(../images/libao_bg.jpg) no-repeat;
    background-size: cover
}

.libao_info .back {
    position: absolute;
    top: 5px;
    left: 5px;
    line-height: 36px;
    padding-left: 22px;
    font-size: 16px;
    display: block;
}

.libao_info .back a {
    width: 40px;
    height: 40px;
    display: block;
    color: #fff;
}

.libao_info .back a i {
    font: 0/0 a;
    cursor: pointer;
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 12px;
    height: 12px;
    border: #fff solid;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.libao_info h1 {
    font-size: 20px;
    line-height: 2;
    margin-top: 25px;
    padding: 0.5em;
    text-align: center;
    color: #fff
}

.libao_info .info_con {
    position: relative;
    overflow: hidden;
    padding: 0 0 15px 0;
}

.libao_info .time {
    text-align: center;
    color: #fff;
    margin: 5px 0;
    font-size: 14px;
}

.libao_info .info_con .data {
    position: absolute;
    top: 50%;
    width: 35%;
    margin-top: -25px;
    text-align: center;
    color: #fff
}

.libao_info .info_con .data:first-child {
    left: 0
}

.libao_info .info_con .data:last-child {
    right: 0
}

.libao_info .info_con .data p {
    font-size: 14px;
    line-height: 22px;
}

.libao_info .info_con .icon {
    overflow: hidden;
    box-sizing: border-box;
    width: 100px;
    margin: 0 auto;
    border: 6px solid rgba(255, 255, 255, .4);
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.libao_info .info_con .icon img {
    display: block;
    width: 100%
}

.libao_info .info_btn {
    height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center
}

.libao_info .info_btn a {
    font-size: 16px;
    width: 30%;
    color: #fff;
    line-height: 24px;
    display: inline-block;
    height: 24px;
    padding: 6px 0;
    margin: 0 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #007aff3428;
}

.libao_info .info_btn a.btn_gray {
    background: #8c8c8c;
}

.libao_info .info_btn a.btn_orange {
    background: #FF9602;
}

.libao_info .progress {
    position: relative;
    top: 3px;
    left: 19%;
    width: 62%;
    height: 14px;
    overflow: hidden;
    background-color: #d7d7d7;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.libao_info .progress-bar {
    background-color: #FD9937;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    float: left;
    height: 100%;
    font-size: 12px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    transition: width .6s ease;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
}

.libao_info .sr-only {
    position: absolute;
    left: 44%;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
}

.libao-list .game-introduce {
    background: #fff;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #D7D7D7;
}

.libao-list .game-introduce p {
    text-indent: 0em;
    margin-left: 5px;
    color: #666;
    line-height: 22px;
}

/*  资讯中心 */
.news_list {
    width: 100%;
    background: #fff;
}

.news_list li {
    padding: 10px;
    border-bottom: 1px solid #E4E4E4;
    position: relative;
    height: 60px;
}

.news_list li:last-child {
    border-bottom: none;
}

.news_list li .a1 {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 100px;
    height: 60px;
    background: url(../images/default_new.jpg) no-repeat;
    background-size: cover;
}

.news_list li .a1 img {
    width: 100px;
    height: 60px;
}

.news_list li .a2 {
    position: absolute;
    left: 120px;
    top: 10px;
    right: 10px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    color: #666;
}

.news_list li a:hover {
    text-decoration: underline;
    color: #00b3ff;
}

.news_list li .p1 {
    position: absolute;
    right: 10px;
    color: #b2b2b2;
    font-size: 12px;
    bottom: 10px;
}

.news_hd {
    border-bottom: 1px solid #e4e4e4;
    padding: 6px 10px;
    background: #fff;
}

.news_hd h1 {
    font-size: 20px;
    line-height: 28px;
    margin: 2px 0;
    font-weight: 400;
}

.news_hd .info {
    line-height: 24px;
    font-size: 13px;
    margin: 2px 0
}

.news_hd .info span {
    display: inline-block;
    margin-right: 4px;
    color: #b0b0b0
}

.md_article {
    padding: 4px 10px;
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden;
}

.md_article p {
    margin: 10px 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 22px
}

.md_article img {
    max-width: 100%;
    height: auto
}

.public_bt {
    width: 100%;
    margin: 4px 0 0 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background: #fff;
    overflow: hidden;
}

.public_bt-title {
    padding: 6px 12px;
}

.public_bt-title i {
    width: 3px;
    height: 14px;
    display: inline-block;
    background: #00A2FF;
    border-radius: 100px;
    vertical-align: middle;
}

.public_bt-title h3 {
    font-size: 14px;
    display: inline-block;
    color: #333;
    margin-left: 0.2rem;
    vertical-align: middle;
}

/* 礼包码弹出层 */
.popup-libaoM {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10001;
    display: block;
    margin: -30% 0 0 -40%;
    width: 80%;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.94);
    color: #000;
    font: 12px/1.5 "Microsoft Yahei", "Arial";
}

.popup-libaoM .box {
    padding: 15px 15px 10px 15px;
    overflow: hidden;
}

.popup-libaoM .box h2 {
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    font-weight: 300;
}

.popup-libaoM .box p {
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    height: 30px;
    color: #333;
    background: #dfdfdf;
    width: 70%;
    margin: 10px auto;
    border-radius: 5px;
}

.popup-libaoM .link {
    border-top: 1px solid #d7d7d7;
}

.popup-libaoM .link a {
    display: inline-block;
    padding: 12px 0;
    width: 49.8%;
    color: #007aff;
    text-align: center;
    font-size: 15px;
    text-decoration: none;
}

.popup-libaoM .link a:first-child {
    border-right: 1px solid #d7d7d7;
}

.mask-libaoM {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: block;
    overflow: hidden;
    width: 100%;
    min-height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

/* 弹出层 */
.popup-box {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10;
    display: none;
    margin: -100px 0 0 -40%;
    padding-top: 16px;
    width: 80%;
    border-radius: 4px;
    background: #fff;
    opacity: .94;
    color: #000;
}

.popup-box h4 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
}

.popup-box p {
    padding: 0px 10px 0px 10px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    vertical-align: top;
}

.popup-box i.icon-success {
    width: 32px;
    height: 32px;
    display: block;
    line-height: 20px;
    margin: 10px auto;
    background: url(../images/icon-success.png) no-repeat;
    background-size: cover;
}

.popup-box i.icon-fail {
    width: 32px;
    height: 32px;
    display: block;
    line-height: 20px;
    margin: 10px auto;
    background: url(../images/icon-fail.png) no-repeat;
    background-size: cover;
}

.popup-box p.red {
    color: #f00;
}

.popup-box .open-game a {
    text-align: center;
    display: block;
    margin: 10px auto 0 auto;
    padding: 6px 0;
    border: 1px solid #007aff;
    height: 20px;
    line-height: 20px;
    color: #007aff;
    border-radius: 4px;
}

.popup-box .open-game a:first-child {
    border-right: 1px solid #007aff;
}

.popup-box .kahao {
    text-align: center;
    font-size: 14px;
    margin: 10px auto 20px auto;
    background: #FD9937;
    width: 80%;
}

.popup-box .kahao em {
    display: block;
    line-height: 34px;
    color: #000;
    margin: 0 auto;
    background: #f0f0f0;
}

.popup-box .btns {
    border-top: 1px solid #b2b2b2;
}

.popup-box a {
    display: inline-block;
    padding: 10px 0;
    width: 45.8%;
    color: #007aff;
    text-align: center;
    font-size: 16px;
}

.popup-box a:first-child {
    border-right: 1px solid #b2b2b2;
}

.popup-box .btns2 {
    border-top: 1px solid #b2b2b2;
}

.popup-box .btns2 a {
    border: none;
    width: 100%;
    font-weight: 300;
}

#mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    display: none;
    overflow: hidden;
    width: 100%;
    min-height: 100%;
    background: #000;
    opacity: .7;
}

/* 关注微信弹出层 */
.gz-box {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10003;
    display: none;
    margin: -130px 0 0 -130px;
    width: 200px;
    border-radius: 5px;
    background: #fff;
    opacity: .94;
    color: #000;
    font: 12px/1.5 "Microsoft Yahei", "Arial";
}

.gz-box .content {
    margin: 5px 5px 10px 5px;
}

.gz-box .content img {
    width: 100%;
}

.gz-box p {
    text-align: center;
    font-size: 13px;
    margin-top: -6px;
}

#mask2 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10002;
    display: none;
    overflow: hidden;
    width: 100%;
    min-height: 100%;
    background: #000;
    opacity: .7;
}

/* safari设置发送桌面 */
.to-desktop-tips * {
    margin: 0;
    padding: 0;
}

.to-desktop-tips img {
    border: 0;
}

.to-desktop-tips {
    z-index: 99999;
    position: fixed;
    bottom: 10px;
    left: 50%;
    margin-left: -90px;
    width: 168px;
    height: 48px;
    padding: 6px;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 6px;
}

.to-desktop-tips:after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid rgba(0, 0, 0, .6);
    content: "";
}

.to-desktop-tips .desktop-img {
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 10px;
}

.to-desktop-tips .desktop-img img {
    display: block;
    width: 100%;
    height: 100%;
}

.to-desktop-tips .desktop-tips {
    width: 110px;
    height: 48px;
    float: left;
}

.to-desktop-tips .desktop-tips p {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    color: #fff;
}

.to-desktop-tips .desktop-tips p span {
    display: inline-block;
    height: 24px;
    float: left;
    margin-right: 4px;
}

.to-desktop-tips .desktop-tips p i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/to-desktop-icon-2.png) center center no-repeat;
    -webkit-background-size: 100% 20px;
    background-size: 100% 20px;
}

.to-desktop-tips .close-desktop-tips {
    position: absolute;
    top: 6px;
    right: 6px;
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/close-desktop-tips.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

/* loading旋转动作样式 */
@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media screen and (max-width:640px) {
    .ranking-list li dl {
        float: left;
        margin-left: 10px;
        width: 130px;
    }

    .ranking-list li .game_sum {
        width: 180px;
        height: 21px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
    }

    .qr_code_pc_outer {
        display: none !important;
    }

    .links-none {
        display: none;
    }
}

@media screen and (max-width:320px) {
    .ranking-list li dl {
        float: left;
        margin-left: 10px;
        width: 130px;
    }

    .ranking-list li .game_sum {
        width: 130px;
        height: 21px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
    }

    .qr_code_pc_outer {
        display: none !important;
    }
}

.my_head_new .name {
    padding-top: 18px;
    color: #333;
}

.my_head_new .name p:nth-child(1) {
    font-size: 16px;
    font-weight: 700;
}

.my_head_new .name p:nth-child(2) {
    padding-top: 0px;
    font-size: 14px;
    color: #666
}

.show-tip {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10;
    display: none;
    margin: -100px 0 0 -40%;
    /*padding-top: 16px;*/
    width: 80%;
    border-radius: 20px;
    background: #fff;
    opacity: .94;
    color: #000;
    padding: 16px 10px;

}

.show-tip .tips-content {
    font-size: 14px;

}

.show-tip .tip-bind {

    text-align: center;
    padding-top: 20px;

}

.show-tip .tip-bind button {

    border: 0px;
    padding: 7px 7px;
    border-radius: 10px;
    margin-right: 50px;
    color: white;
    vertical-align: middle;
    background: #189aed;
}