html,
    body {
        height: 100%;
        line-height: 1.5;
        -webkit-tap-highlight-color: transparent;
        -moz-tap-highlight-color: transparent;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }

    body {
        color: #333;
        background-color: #131313;
        
    }

    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    ul,
    ol,
    dl,
    dd,
    p,
    figure {
        margin: 0;
        font-weight: normal
    }

    body,
    h1,
    h2,
    h3,
    input,
    button,
    select,
    textarea {
        font-family: 微软雅黑, sans-serif;
        font-size: 14px
    }

    input,
    button,
    select,
    textarea {
        border: 0;
        outline: 0
    }

    input,
    button,
    textarea,
    th,
    td,
    dt,
    dd,
    figure {
        padding: 0
    }

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

    button {
        cursor: pointer
    }

    i,
    em,
    cite {
        font-style: normal
    }

    ul,
    ol {
        padding: 0;
        list-style: none
    }

    img {
        vertical-align: top;
        border: 0
    }

    a {
        text-decoration: none;
        color: inherit
    }

    * {
        box-sizing: border-box
    }
::-webkit-scrollbar {width: 10px;height: 10px;}
::-webkit-scrollbar-thumb {background-color: #656D78;background-clip: padding-box;border: 3px solid transparent;border-radius:5px;}
    .hide {
        display: none
    }

    .mt-10 {
        margin-top: 10px
    }

    .mt-20 {
        margin-top: 20px
    }

    .fl {
        float: left
    }

    .fr {
        float: right
    }

    .m-fixed {
        position: fixed;
        z-index: 100
    }

    .tc-warn {
        color: #f30
    }

    .tc-green {
        color: #390!important
    }

    .tc-orange {
        color: #f60
    }

    .tc-blue {
        color: #0f8ff2
    }

    .tc-sec {
        color: #666
    }

    .tc-weak {
        color: #999
    }

    .ts-bb {
        font-weight: bold
    }

    .ts-13 {
        font-size: 13px
    }

    .ts-16 {
        font-size: 16px
    }

    .ts-18 {
        font-size: 18px
    }

    .ts-20 {
        font-size: 20px
    }

    .tsinfo {
        background: #f8f8f8;
        padding: 10px;
        font-size: 12px;
        color: #777;
        margin: 10px 0 20px;
    }

    .tsinfo2 {
        line-height: 1.8em;
        padding: 10px 15px;
        background: #ffe7f1;
        color: #ff066e;
        font-size: 14px;
    }

    .tl {
        text-align: left
    }

    .tc {
        text-align: center
    }

    .tr {
        text-align: right
    }

    .tbbg {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        /* background: #141616;*/
    }

    .tbbg-site {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: auto; 
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: cover;
        z-index: 0; 
    }

   

  

    p#g-content {
        text-indent: 24px;
    }

    .qrc {
        width: 160px;

        position: absolute;
        top: -201px;
        padding: 15px;
        text-align: center;
        color: #fff;
        background: rgba(0, 0, 0, 0.55);
        /* border: 15px solid rgba(0, 0, 0, 0.55); */
        left: 0;
    }

    .qrc canvas {
        border: 5px solid #fff;
        margin-top: 5px;
    }

    .swiper-slide img {
        display: block;
    width: 180px;
    /* border: 5px #fff solid; */
    box-shadow: 0 3px 5px #33333317;
    /* margin: 5px 5px 10px; */
    /* height: 390px; */
    /* border-radius: 5px; */
    height: 265px;
    }

    .tbbg img {
        display: block;
        margin: auto;
        width: 100%;
        max-width: 1920px
    }

    .u-wane {
        border-radius: 12px
    }

    .u-underline:hover {
        text-decoration: underline
    }

    .u-pic-warp {
        position: relative
    }

    .u-pic-warp:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .u-icon-gift {
        background: #ececec;
        border-radius: 10px
    }

    .u-pic-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .u-gicon-m {
        margin-right: 10px;
        border-radius: 8px;
        width: 42px;
        height: 42px;
        vertical-align: middle;
        overflow: hidden
    }

    .btn {
        display: inline-block;
        padding: .2em 1.2em;
        border: 0;
        border-radius: 5px;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
        transition: .2s ease
    }

    .btn-major {
        background: #7686e0;
        color: #fff;
    }

    .btn-major:hover {
        background-color: #716aec;
    }

    .tc .btn-major {
        background: #ff3b7d;
    }

    .tc .btn-major:hover {
        background: #fb085a;
    }

    .btn-cancel {
        color: #000;
        background: #e9e9e9
    }

    .btn-cancel:hover {
        background: #e9e9e9
    }

    .btn-cancel:active {
        background: #e3e3e3;
        box-shadow: inset 2px 2px 10px rgba(0, 0, 0, .1)
    }

    .btn-hollow {
        border: 1px solid #d6d6d6;
        color: #555;
        border-radius: 50px
    }

    .btn-hollow:hover {
        background: #f0f0f0;
        color: #000
    }

    .btn-hollow.btn-org {
        border-color: #f90;
        color: #f90
    }

    .btn-hollow.btn-org:hover {
        background: #f90;
        color: #fff
    }

    .btn.disabled,
    .btn[disabled] {
        cursor: default;
        color: #aaa;
        background: #f3f3f3
    }

    .btn-enter {
        color: #e60e0e;
        background: #ffd900;
        width: 180px;
        line-height: 40px;
        font-size: 18px;
        font-weight: bold;
        border-radius: 50px!important
    }

    .f-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .f-imgmask {
        position: relative;
        display: block
    }

    .f-imgmask:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1
    }


    .f-sub-layer {
        position: relative
    }

    .f-sub-layer .f-sub-hook {
        cursor: pointer
    }

    .f-sub-layer .f-sub-body {
        position: absolute;
        display: none;
        margin: auto;
        padding: 5px;
        line-height: 1.5;
        font-size: 13px;
        border-radius: 5px;
        background: #fff;
        border: 1px solid #e3e3e3;
        box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .1), 0 8px 16px -8px rgba(0, 0, 0, .1);
        z-index: 100
    }

    .f-sub-layer .f-sub-hook:hover + .f-sub-body,
    .f-sub-layer.chose:hover .f-sub-body {
        display: block
    }

    .f-sub-layer .f-sub-body.qrcode img {
        width: 120px
    }

    .f-sub-layer .f-sub-body.qrcode p {
        margin: 5px auto;
        text-align: center;
        line-height: 1.3
    }

    .f-sub-layer .f-sub-body > i {
        position: absolute;
        overflow: hidden
    }

    .f-sub-layer .f-sub-body > i:before {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        background: #fff;
        border: 1px solid #e0e0e0;
        transform: rotate(45deg)
    }

    .f-sub-layer .f-sub-body.left {
        left: 0;
        top: 50%;
        margin-left: -10px;
        transform: translate(-100%, -50%)
    }

    .f-sub-layer .f-sub-body.left > i {
        top: 50%;
        margin-top: -10px;
        right: -8px;
        width: 8px;
        height: 20px
    }

    .f-sub-layer .f-sub-body.left > i:before {
        right: 2px;
        top: 50%;
        margin-top: -5px
    }

    .f-sub-layer .f-sub-body.right {
        left: 100%;
        top: 50%;
        margin-left: 10px;
        transform: translate(0, -50%)
    }

    .f-sub-layer .f-sub-body.right > i {
        top: 50%;
        margin-top: -10px;
        left: -8px;
        width: 8px;
        height: 20px
    }

    .f-sub-layer .f-sub-body.right > i:before {
        left: 2px;
        top: 50%;
        margin-top: -5px
    }

    .cr:before,
    .cr:after,
    .clearfix:after,
    .clearfix:before,
    .g-wrapper > .g-main:before,
    .g-wrapper > .g-main:after,
    .g-inner:before,
    .g-inner:after,
    .g-parse:before,
    .g-parse:after,
    .m-central:before,
    .m-central:after,
    .m-palte-hd:after,
    .m-palte-list li:after,
    .m-palte-list .detail:after,
    .m-prod-wrapper ul:after,
    .m-herald-data li:after,
    .m-prod-cover ul:after,
    .m-about-bt:after,
.m-login p.other-login:before,
  .m-login p.other-login:after{
        content: '';
        clear: both;
        display: table
    }

    .m-prod .u-show-more,
    .m-tags dd,
    .m-art-game a,
    .m-art-list a,
    .m-art-list a img,
    .m-pagination a,
    .m-prod-top6 li img,
    .m-gift-hot a em {
        -ms-transition: .2s ease;
        transition: .2s ease
    }

    .g-main {
        padding: 350px 0 0;
    }

    .g-wrapper {
        position: relative;
        min-height: 100%;
        z-index: 1
    }

    

    .g-wrapper > .g-main > .g-inner {
        margin-top: 30px
    }

    .g-wrapper > .g-main > .g-parse {
        margin-bottom: 50px
    }

    /*.mcm:before{content:'';
position:absolute;
right:0;
bottom:0;
top:0;
    z-index: 0;
    width: 750px;
    background: #fff; }*/

    .g-inner{
        position: relative;
        margin: 0 auto;
        width: 1200px
    }

    .nobg {
        position: absolute;
        text-align: center;
        width: 100%;
        top: 180px;
        background: rgba(0, 0, 0, 0.5);
        left: 0;
    }

    .nobg span {
        display: inline-block;
        color: rgba(255, 255, 255, 0.8);
        font-size: 48px;
        /* border: 1px solid #fff; */
        /* background: rgba(0, 0, 0, 0.61); */
        padding: 20px 30px;
        letter-spacing: 8px;
        position: relative;
    }

    /*.nobg span:after,.nobg span:before{position: absolute;
    left: -2px;
    top: -2px;
    border:5px solid #fff;
    border-right: 0;
    border-bottom:0;
    width: 20px;
    height: 20px;
    content: "";
    display: block;
}
.nobg span:after{border:0;
    border-right:5px solid #fff;
    border-bottom:5px solid #fff;
    left: auto;
    right: -2px;
    bottom: -2px;
    top: auto;
}*/

    .vip-code {
        display: inline-block;
        background: #fff1d5;
        padding: 3px;
        vertical-align: middle;
        border-radius: 5px;
        color: #8e5d44;
    }

    .vip-code em,
    .vip-code i {
        font-style: normal;
        float: left;
        padding: 0 5px;
    }

    .vip-code i {
        background: #fff;
        float: left;
        color: #f50000;
        padding: 0 5px;
        border-radius: 3px;
    }

    .m-art-block {
        font-size: 16px;
        padding: 0 20px 0 50px;
        position: relative;
    }

    .m-art-block:before {
        position: absolute;
        z-index: 1;
        top: 60px;
        left: 17px;
        bottom: 0;
        width: 2px;
        background: #edeffe;
        content: '';
    }

    .m-art-block .block-hd,
    .m-art-block h3 {
        position: relative;
        margin-bottom: 5px;
        margin-left: -50px;
        padding: 10px 0;
        font-size: 24px;
        font-weight: 200;
        color: #444;
    }
.icon-news  .m-pane-hd-nav{    position: absolute;
    margin: 0;
    top: 0;
    left: 45px;}
    .m-art-block .block-hd i,
    .m-art-block h3:before {
        margin-right: 5px;font-size: 24px;
        color: #c8d0f8
    }

    .m-art-block h3:before {
        font-family: "zico" !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\ef74";
    }

    .m-art-block .block-hd .more {
        float: right;
        font-size: 13px;
        line-height: 32px;
        font-weight: normal;
        color: #666
    }

    .m-art-block .block-hd .more i {
        color: #666
    }

    .m-art-block .block-bd p {
        margin-bottom: 5px
    }

    .m-tabel,.j-pay-hide table {
        margin: 10px 0;
        border: 2px solid #7686e0;
    }

.table2{width: 100%}
    .m-tabel th,
    .m-tabel td,.j-pay-hide table td{
        border: 1px solid #d2d7ff;
        font-size: 13px;
       padding: 5px 3px;
        text-align: center
    }
.j-pay-hide table td{text-align: left}
    .m-tabel  tr td:nth-child(odd),.j-pay-hide table  tr td:nth-child(odd)  {
        background: #edeffe
    }

    .m-tabel  tr td:nth-child(even),.j-pay-hide table  tr td:nth-child(even) {
        background: #fff
    }

    .m-tabel th,
    .m-tabel tr td:first-child,.j-pay-hide table  tr td:first-child {
        background: #7686e0;
        color: #fff; 
        text-align: left
    }

  

    .btn-start,
    .btn-start:before,
    .btn-gift,
    .m-server-bar .list a .btn-hover {
        position: relative
    }

    .btn-hover:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0);
        transition: background .2s ease
    }

    .btn-hover:hover:before {
        background: rgba(255, 255, 255, .15)
    }

    .btn-less {
        position: relative;
        color: #fff;
        background: #ff3b7d;
        border-radius: 0
    }

    .btn-less:hover {
        background: #ea004f;
    }

    .btn-green {
        border: 1px solid #859b63;
        color: #fff;
        background: #8da26d;
        border-radius: 0
    }

    .btn-green:hover {
        background: #93a872;
    }

    /* 固定位置 */

    .z-fixed {
        position: fixed!important;
        z-index: 100;
    }

    /* 布局 */

    footer {
        padding: 0 0 20px;
        color: #999;
        background: #222;
        position: relative;
        z-index: 1;
    }

    .ft-info a:before {
        color: #c5c5c5;
        content: "/\00a0";
    }

    .ft-info span.fr {
        background-color: #716aec;
        background: linear-gradient(135deg, #6e8efb, #a777e3);
        /* border-bottom: 4px solid #705fc9; */
        border-radius: 15px;
        padding: 0 10px;
        color: #fff;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
        font-weight: 200;
    }

    footer a:hover {
        color: #9fa7b0;
    }

    .ft-info {
        border-bottom: 3px solid #393939;
        padding: 15px 0;
        margin-bottom: 20px;
        font-weight: 200;
    }

    footer p,
    footer div {
        line-height: 2.2em;
        font-size: 14px;
        font-weight: 200
    }

    footer p {
        font-size: 12px;
    }

    .g-inner {
        margin-top: 0!important;
        width: 1080px;
    }
.m-w{width: 1080px;
margin: auto}
    .g-wrapper > header {
        height: 45px;
        line-height: 40px;
      
        background: rgba(0, 0, 0, 0.52); 
        background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.8744091386554622) 0%, rgba(255,255,255,0) 100%);
        color: #e3e3e3;
        
    }
.g-wrapper > header a{text-shadow: 1px 1px 1px #00000038}
.g-wrapper > header a:hover{color: #fff;}

    .g-wrapper > header .logo img {
        vertical-align: middle;
        margin: 0 20px 0 0;
        width: 105px;
    }


.g-wrapper > header .zico{font-size: 13px;}
    .g-wrapper > header .m-isolation > *:not(:first-child):after {
        transform: translateY(-50%) rotate(30deg)
    }

    .m-isolation > * {
        position: relative
    }

    .m-isolation > *:not(:last-child):after {
        margin: 0 .6em;
        color: #ffffff47;
        content: "/\00a0";
    }

    .page-webindex {
        background: #f3f3f3 no-repeat 50% 0;
    }


    @media screen and (max-width:1600px) {
        .page-webindex {
            background-size: 1600px auto
        }
    }

    .g-parse > aside {
        float: left;
        width: 320px;
    }

    .g-parse > section {
        float: right;
        width: 750px;
    }

    .m-pane {
        padding: 30px 20px;
        margin-bottom: 10px;
        background: #fff
    }



/*.m-pane-last{position: relative}*/
.m-pane-last:before{content: "";
position: absolute;
width: 750px; 
z-index: -2;
right: 0;
bottom: 0;
top: 0;
background: #fff}
    aside > .m-pane:last-child {
        margin-bottom: 0
    }

    section > .m-pane {
        margin-bottom: 0;
    }

    .m-pane-hd {
        position: relative;
        margin: -10px 0 20px;
        border-bottom: 1px solid #e9e9e9;
        text-align: center;
    }
.m-pane-hd-nav{text-align: left}

    .m-pane-hd h3,.m-pane-hd-nav a{
        display: inline-block;
        margin-bottom: -1px;
        padding: 0 10px 10px;
        font-size: 20px;
        border-bottom: 2px solid #7583e3;
    }
.m-pane-hd-nav a{border: 0;
 font-size: 16px;}
.m-pane-hd-nav a.cur{border-bottom:2px solid #7583e3;
 font-size: 20px;}

    .m-server-bar {
        position: relative;
        height: 100px; 
         background: #0e0d0c;
        background: rgba(0, 0, 0, 0.52);
/*
        -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
*/
        width: 1080px;
        margin: 0 auto 10px;
    }

    .m-server-bar:before {
        content: '';
        position: absolute;
        right: -10px;
        bottom: 4px;
        border: solid transparent;
        border-width: 6px 10px 0 0;
        border-top-color: #4b4bc9;
    }

 

    .m-server-bar .list {
        position: relative;
    }

    .m-server-bar .list a,
    .m-server-bar .list span {
        height: 60px;
        padding: 0 15px 0 60px;
        line-height: 60px;
        font-size: 22px;
        text-align: center;
        /* border-radius: 10px;*/
        position: relative;
        float: left;

        background: #ffc600\0;
        background: linear-gradient(to right, #ffd900, #ffc000);
        color: #b33b3b;
        margin: 20px 10px 0 0;
    }

    .m-server-bar .list a i {
        position: absolute;
        left: 0;
        width: 50px;
        background: #ffc100;
        color: #cd5c17;
        text-align: center;
        font-size: 20px;
        /*  border-radius: 10px 0 0 10px;*/
    }

    .m-server-bar .list a em {
        position: absolute;
        background: #fa3b70;
        color: #fff;
        width: auto;
        top: -10px;
        right: -10px;
        padding: 0 5px;
        font-size: 14px;
        line-height: 25px;
        border-radius: 12px;
    }

    .m-server-bar .list a.downe,
    .m-server-bar .list a.downe:hover {
        float: right;
        margin: 10px 190px 0 0;
        height: 80px;
        text-align: center;
        width: 80px;
        color: #fff;
        border-bottom: 2px solid #b90570;
        background: #fd3a68;
        background: linear-gradient(to right, #fd3a68, #e342b0);
        padding: 40px 0 0;
        line-height: 30px;
    }

    .m-server-bar .list a.downe i {
        width: 100%;
        background: none;
        line-height: 47px;
        color: #fff;
        top: 0;
    }

    .m-server-bar .list a small {
        margin-left: 10px;
        font-size: 12px;
        background: #fff;
        padding: 5px;
        border-radius: 5px;
    }

    .m-server-bar .list span {
        font-size: 16px;
        color: #ffa265;
        background: none;
        padding: 0 10px;
    }

    .m-server-bar .list a:hover {
        background: #ffd900;
    }

    .m-server-bar .list a span {
        margin-left: .3em;
        font-size: 12px;
        color: #c00
    }

    .m-server-bar .list a p {
        position: absolute;
        display: none;
        left: 0;
        top: -26px;
        font-size: 12px;
        padding: 0 10px;
        height: 26px;
        line-height: 26px;
        background: #d44e4d;
        color: #ff0;
        white-space: nowrap;
        box-shadow: 2px 2px 0 0 rgba(212, 78, 77, .3);
    }

    .m-server-bar .list a p:after {
        content: '';
        position: absolute;
        left: 40px;
        top: 23px;
        border: solid transparent;
        border-width: 10px 16px 0 0;
        border-top-color: #d44e4d
    }

    .m-server-bar .list a.z-today p,
    .m-server-bar .list a:hover p {
        display: inline-block
    }

    .m-server-bar .list button {
        float: left;
        width: 40px;
        height: 40px;
        background-color: #e9d7af;
        background-position: -170px -175px
    }

    .quick {
        float: right;
        margin: 0;
        height: 32px;
        line-height: 32px;
        color: #fff
    }

    .quick input {
        margin: 0 1px 0 .2em;
        text-align: center;
        width: 50px;
        height: 32px;
        background: #edeffe;
        vertical-align: top;
        font-size: 15px
    }

    .quick button {
        height: 32px;
        line-height: 32px;
        padding: 0 1em;
        font-size: 15px;
        vertical-align: top;
    }

    .quick span {
        padding: 0 5px;
        font-size: 14px;
        display: inline-block;
        background: #edeffe;
        color: #646dab;
    }


.mob-icon{display: inline-block;
width: 30px;margin-left: 3px;
height: 30px;vertical-align: middle;border-radius: 8px;}
.m-android{background:#fff url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M633.64 204.31a20.138 20.138 0 0 1-20.053-20.266 20.095 20.095 0 1 1 40.105 0c0 11.179-8.96 20.267-20.053 20.267zm-243.791 0a20.138 20.138 0 0 1-20.053-20.266 20.095 20.095 0 1 1 40.105 0c0 11.179-8.96 20.267-20.052 20.267zm252.11-117.756c79.998 39.55 134.14 114.471 134.14 200.186H247.901c0-85.757 54.185-160.635 134.225-200.186l-10.623-16.896-10.539-16.64-23.466-37.46a10.41 10.41 0 0 1 2.56-13.823A9.173 9.173 0 0 1 353.2 4.508l25.173 40.106 10.666 16.852 10.666 17.11A294.819 294.819 0 0 1 512 56.772c40.106 0 78.12 7.808 112.21 21.845l10.795-17.109 35.881-56.958A8.96 8.96 0 0 1 683.9 1.777c4.352 2.987 5.547 9.216 2.646 13.824l-23.51 37.46-10.538 16.64-10.538 16.895zM251.954 327.699h524.145v433.567c0 34.388-26.708 62.42-59.731 62.42h-43.092c1.493 5.205 2.346 10.666 2.346 16.426v124.796c0 32.64-25.386 59.092-56.702 59.092-31.231 0-56.532-26.453-56.532-59.092V840.112c0-5.76.768-11.221 2.219-16.426H459.479c1.45 5.205 2.304 10.666 2.304 16.426v124.796c0 32.64-25.386 59.092-56.617 59.092-31.274 0-56.66-26.453-56.66-59.092V840.112c0-5.76.81-11.221 2.304-16.426h-43.092c-33.023 0-59.775-28.032-59.775-62.42V327.699h4.053zm-105.64 0c33.663 0 60.926 26.282 60.926 58.708V637.62c0 32.426-27.306 58.708-60.926 58.708-33.706 0-60.969-26.282-60.969-58.708V386.407c0-32.426 27.306-58.708 61.012-58.708zm731.415 0c33.663 0 60.926 26.282 60.926 58.708V637.62c0 32.426-27.306 58.708-60.926 58.708-33.706 0-61.012-26.282-61.012-58.708V386.407c0-32.426 27.306-58.708 61.012-58.708z' fill='%23A4C639'/%3E%3C/svg%3E") no-repeat 50% 50%;
background-size: 70% auto;}
.m-apple{background:#fff url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M905.758 784.565c-14.758 34.093-32.226 65.475-52.465 94.328-27.588 39.334-50.176 66.56-67.584 81.68-26.985 24.816-55.898 37.526-86.86 38.249-22.226 0-49.03-6.325-80.233-19.155-31.304-12.77-60.072-19.095-86.377-19.095-27.588 0-57.175 6.325-88.823 19.095-31.696 12.83-57.23 19.516-76.752 20.179-29.69 1.265-59.283-11.806-88.823-39.274-18.853-16.444-42.435-44.634-70.686-84.57-30.31-42.647-55.23-92.1-74.752-148.48-20.907-60.898-31.388-119.868-31.388-176.96 0-65.397 14.13-121.801 42.435-169.068 22.245-37.966 51.839-67.915 88.878-89.901s77.059-33.19 120.157-33.906c23.582 0 54.507 7.294 92.937 21.63 38.322 14.384 62.928 21.679 73.716 21.679 8.065 0 35.4-8.53 81.74-25.534 43.82-15.77 80.805-22.3 111.103-19.727 82.1 6.626 143.782 38.99 184.802 97.298-73.427 44.49-109.749 106.803-109.026 186.741.663 62.266 23.251 114.08 67.644 155.22 20.119 19.095 42.587 33.853 67.584 44.334-5.42 15.721-11.143 30.78-17.227 45.237zM717.463 43.61c0 48.803-17.83 94.371-53.369 136.548-42.887 50.14-94.762 79.113-151.016 74.54a151.925 151.925 0 0 1-1.132-18.491c0-46.851 20.395-96.991 56.615-137.987 18.083-20.757 41.08-38.015 68.97-51.785 27.828-13.565 54.15-21.064 78.908-22.347.722 6.524 1.024 13.047 1.024 19.516z' fill='%23666'/%3E%3C/svg%3E") no-repeat 50% 50%;
background-size: 70% auto;}

    .m-server-bar .btn-download {
        padding: 0 30px;
        background-color: #716aec;
        background: linear-gradient(135deg, #6e8efb, #a777e3);
        border-bottom: 2px solid #705fc9;
        color: #fff;
        height: 80px;
        display: block;
        position: absolute;
        line-height: 76px;
        right: -10px;
        top: 10px;
        font-size: 26px;
        transition: background .2s ease;
        overflow: hidden
    }


    .m-server-bar .btn-download:after,
    .m-server-bar .list a.downe:after {
        content: '';
        position: absolute;
        left: 3px;
        top: 3px;
        right: 3px;
        bottom: 3px;
        border: 1px solid rgba(255, 255, 255, .15);
    }


    .m-server-bar .btn-download:before {
        content: '';
        position: absolute;
        left: -250px;
        top: 0;
        width: 240px;
        height: 95px;
        background-color: rgba(255, 255, 255, 0.5);
        height: 100%;
        width: 3em;
        display: block;
        position: absolute;
        top: 0;
        transform: skewX(-45deg) translateX(0);
        transition: none;
    }

    .m-server-bar .btn-download:hover:before {
        left: 120%;
        transition: 1s ease
    }

    .m-server-bar .btn-download i {
        position: absolute;
        left: 0;
        background: #e82b6b;
        padding: 0 10px;
        font-size: 26px;
    }





.m-server-bar .btn-yun  {      
    display: block;
    position: absolute;
    width: 173px;
    height: 62px;
    right: 176px;
    top: 18px;
    background: url(yuwan.png?21) no-repeat 0 0;
    background-size: 100% auto;
    } 
.m-server-bar .btn-yun   i,.m-server-bar .btn-yun   span,.m-server-bar .btn-yun   small,.m-server-bar .btn-yun   em{    display: none; }



    a.vip_lv {
       font-size: 12px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    background: #fb005f;
    border-radius: 10px;
    margin: 0 0 0 3px;
    padding: 2px 8px;
    color: #fff;
    transform: scale(0.9);
    font-weight: 400;
    }

    /*a.lv-1 { background-image: linear-gradient( 135deg, #FDEB71 10%, #F8D800 100%);}
a.lv-2 { background-image: linear-gradient( 135deg, #ABDCFF 10%, #0396FF 100%); }
a.lv-3 { background-image: linear-gradient( 135deg, #FEB692 10%, #EA5455 100%); }
a.lv-4 { background-image: linear-gradient( 135deg, #CE9FFC 10%, #7367F0 100%);}
a.lv-5 { background-image: linear-gradient( 135deg, #90F7EC 10%, #32CCBC 100%); }
a.lv-6 { background-image: linear-gradient( 135deg, #81FBB8 10%, #28C76F 100%);}
a.lv-7 { background-image: linear-gradient( 135deg, #FEC163 10%, #DE4313 100%);}
a.lv-8 { background-image: linear-gradient( 135deg, #F761A1 10%, #8C1BAB 100%);}
a.lv-9 { background-image: linear-gradient( 135deg, #52E5E7 10%, #130CB7 100%);}
a.lv-10 { background-image: linear-gradient( 135deg, #F05F57 10%, #360940 100%); }
a.lv-11 { background-image: linear-gradient( 135deg, #FD6585 10%, #0D25B9 100%); }
a.lv-12 { background:#111 }*/

    a.vip_lv:hover {
        color: #fff
    }

    .vip_lv span,.topnavs {
        display: none
    }

    .m-login-form {
        position: relative;
        padding: 20px 30px;
        z-index: 10
    }

    .m-login-form .tips {
        min-height: 1.2em;
        height: 1.2em;
        margin-bottom: 4px;
        color: #f34335
    }

    .m-login-form .form-input {
        position: relative;
        margin-bottom: 10px;
        border: 1px solid #e3e3e3;
        border-radius: 5px;
        background-color: #fcfcfc;
        transition: .4s ease
    }

    .m-login-form .form-input.z-focus {
        border-color: #66b17a;
        box-shadow: 0 0 2px 0 rgba(102, 177, 122, .8)
    }

    .m-login-form .form-input.z-focus i {
        color: #66b17a
    }

    .m-login-form .form-input.z-error {
        border-color: #f34335;
        box-shadow: 0 0 2px 0 rgba(243, 67, 53, .8)
    }

    .m-login-form .form-input.z-error i {
        color: #f34335
    }

    .m-login-form .form-input .zico {
        position: absolute;
        left: 0;
        top: 0;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        font-size: 16px;
        color: #a5a5a5
    }

    .m-login-form .form-input input {
        padding: 0 10px 0 36px;
        width: 100%;
        height: 34px;
        border: 0;
        background: 0
    }

    .m-login-form .form-input.msg,
    .m-login-form .form-input.verify {
        width: 119px
    }

    .m-login-form .form-input.verify .verify-img {
        position: absolute;
        top: 0;
        left: 129px
    }

    .m-login-form .form-input.verify {
        width: 119px
    }

    .m-login-form .form-input.msg .btn-send {
        position: absolute;
        top: -1px;
        left: 129px;
        width: 110px;
        height: 36px;
        line-height: 34px;
        text-align: center;
        border: 1px solid #e3e3e3;
        border-radius: 5px;
        background: #fcfcfc;
        background: linear-gradient(rgba(255, 255, 255, 1), rgba(240, 240, 240, 1));
        cursor: pointer
    }

    .m-login-form .form-input.msg .btn-send.disabled {
        color: #999;
        background: #f0f0f0;
        cursor: default
    }

    .m-login-form .form-text {
        margin-bottom: 10px;
        overflow: hidden
    }

    .m-login-form .form-link {
        padding: 30px 0 20px;
        text-align: center;
        font-size: 16px
    }

    .m-login-form .form-link a {
        color: #f90
    }

    .m-login-form .form-link a:hover {
        text-decoration: underline
    }

    .m-login-form .form-btn button {
        display: block;
        width: 100%;
        height: 40px;
        font-size: 16px;
        border-radius: 5px
    }

    .m-login-form .tab-nav {
        margin: 0 auto;
        font-size: 0;
        white-space: nowrap;
        text-align: center
    }

    .m-login-form .tab-nav dd {
        display: inline-block;
        width: 50%;
        font-size: 18px;
        margin-bottom: -1px;
        border-bottom: 2px solid transparent
    }

    .m-login-form .tab-nav dd.cur {
        border-color: #f08c5c;
        color: #e0632a
    }

    .m-login-form .tab-nav.active dd {
        cursor: pointer
    }

    .m-login-form .tab-pane {
        display: none;
        margin: 0 auto 10px
    }

    .m-login-form .tab-pane.active {
        display: block
    }

    /* side  */

    .m-login {
        padding: 15px 0 0
    }

    .m-userlogin .m-login {
        padding: 35px 20px 0;
    }

    .lo-tit {
        position: relative;
        z-index: 5;
        height: 39px;
        margin: 0 0 30px;
        line-height: 39px;
        font-size: 16px;
        text-align: center;
    }

    .lo-tit span {
        display: inline-block;
        padding: 0 20px;
        cursor: pointer;
        border-bottom: 3px solid #fff;
    }

    .lo-tit span.cur {
        border-color: #716aec
    }

    .lo-tit .zico {
        position: absolute;
        right: 0;
        font-weight: 200;
        top: -10px;
        right: -10px;
        padding: 5px;
        cursor: pointer;
        border-radius: 50%;
        line-height: normal
    }

    .lo-tit .zico:hover {
        background: #e1dfff;
    }

    .lo-tit a {
        position: absolute;
        left: 0;
        top: 0;
    }

    .m-login p {
        margin-bottom: 10px;
        padding: 0 ;
    }

    .m-login p.form-input {
        margin: 0
    }

    .m-login p label input,
    .m-login p span,
    .m-login p select,
    .ctsinfo {
        border: 0;
        float: left;
        padding: 0 10px;
        line-height: 35px;
        background: none;
        font-size: 14px;
    }

    .m-login p label input {
        width: 100%;
        background-color: #fff;

        height: 35px;
        padding: 0 35px 0 60px;
        transition: .4s ease;
    }

    .m-login-form {
        border: 1px solid #ddd;
        border-bottom: 0;
        margin: 0 0 10px;
    }

    .m-login .m-login-form p {
        padding: 0;
        margin: 0
    }

    .m-login p label input:focus {
        border-bottom: 0;


        background: #fff;
        color: #494860
    }

    .m-login p label span {
        padding: 0 10px;
        width: 60px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .m-login p.zx-ppname label span,
    .m-login p.zx-ppcard label span {}

    .m-login p#gcode_input label span,
    .m-login p.zx-verify label span {
        width: 65px;
    }

    .m-login p.mobl label span {
        width: 100px;
    }

    .m-login p#gcode_input input,
    .m-login p.zx-verify input {
        padding: 0 35px 0 65px;
    }

    .m-login p.mobl input {
        padding: 0 0 0 100px;
    }

    .m-login p.mobl2 input {
        padding: 0 0 0 65px;
    }

    .m-login p.zx-ppname label input,
    .m-login p.zx-ppcard label input {
        padding: 0 10px
    }

    .m-login p span.z-eye,
    .m-login p span.z-eye-slash {
        right: 0;
        width: 35px;
        text-align: center;
        left: auto;
    }

    .m-login p span.zico,
    .m-login p span.sel {
        padding: 0
    }

    .m-login p span.sel:after {
        font-family: "zico" !important;

        font-style: normal;
        -webkit-font-smoothing: antialiased;
        content: "\e609";
        position: absolute;
        left: 45px;
        top: 0
    }

    .m-login p select {
        height: 35px;
        outline: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .m-login p select::-ms-expand {
        display: none;
    }

    .m-login p label {
        position: relative;
        display: block;
    }

    .m-login p button,.btn-shuang a,
    .m-login p.dlbts span#load_action,
    .m-login p.dlbts span.dlz,
    a.amregn,
    a.amb,a.tal,.zx-submit{
        background-color: #716aec;
        color: #fff;
        text-align: center;
        font-size: 16px;
        width: 100%;
        border: 0;
        display: block;
        line-height: 37px;
        border-radius: 3px;
    }
a.tal{background: none;
color: #777}
.m-login p.btn-shuang{padding-top: 15px;}
.btn-shuang a{float: left;
width: 45%;}
.btn-shuang a.fr{float: right}
.btn-shuang-nobg a{background: none;
color: #444;}
    .m-login p.zx-verify button {
        position: absolute;
        right: 2px;
        top: 2px;
        height: 31px;
        line-height: 31px;
        width: 74px;
        font-size: 14px;
    }

    .m-login p.other-login {
        text-align: center;
      padding: 15px 0;
        border-top: 1px solid #eee;
        margin: 0
    }
.m-login p.other-login-2{padding: 0;
border: 0}
  .m-login p.other-login a {
     margin: 0 8px;
  }
 
/*
.m-login p.t-button button,.m-login p.t-button a.btn{width: 48%;
margin: 0;
float: right}
*/
.m-login p.t-button a.btn{float: left;color: #636aad;
    background: #edefff;}
    .other-login strong {
        font-size: 14px;
        margin-bottom: 10px;
        color: #999;
        display: block;
        font-weight: 400
    }

    .other-login strong {
        font-size: 14px;
        margin-bottom: 10px;
        color: #999;
        display: block;
        font-weight: 400
    }

  .other-login i {
     border-radius: 100%;
    display: inline-block;
    /* color: #fff; */
    font-style: normal;
   color: #0689eb;
    line-height: 35px;
    text-align: center;
    font-size: 23px;
  }

  .other-login i.z-qq {
        color: #45cbfc;
    }

    .other-login i.z-weixin {
        color: #69c13c;
    }

    .other-login i.z-weibo {color: #ff2c2c;
}

    .m-login p.dlbts span#load_action {
        float: none;
        position: absolute;
        left: 15px;
        right: 15px;
        width: auto;
        top: 0;
        display: none;
    }

    .m-login p.dlbts span#return_msg,
    .ctsinfo {
        float: none;
        display: block;
        background-color: #fff2db;
        color: #FF0000;
        margin: 10px 0 0;
        font-size: 12px;
    }

    .m-login p.nos label span {
        width: 40px;
        text-align: center;
        color: #777;
        font-size: 1.5em;
    }

    .m-login p.nos label input {
        padding: 0 10px 0 40px;
    }

    .m-login p.dlbts,
    .m-login p#gcode_input,
    .m-login p.zx-verify {
        position: relative;
    }

    .m-login p#gcode_input {
        display: none
    }

    .m-login p#gcode_input img,
    .m-login p.zx-verify img {
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0;
        border: 0;
        cursor: pointer;
        /* width: 74px; */
        height: 35px;
    }

    .m-login p.nos label span.z-eye,
    .m-login p.nos label span.z-eye-slash {
        font-size: 1em;
    }

    .zx-login-wrap {
        box-shadow: 0 0 16px -2px rgba(0, 0, 0, .05), 0 0 16px -8px rgba(0, 0, 0, .1);
        width: 320px;

        border-radius: 6px;
        background: #fff;
        color: #333;
        padding: 15px 20px;
        overflow: hidden;
        display: block;
    }

    .zx-login-wrap .ctsinfo {
        position: absolute;
        top: 45px;
        z-index: 9;
        left: 25px;
        right: 25px;
        background: none;
        color: red;
    }

    .zx-login-wrap a.btn {
        display: block;
        background: none;
        border: 0;
        color: #777;
        margin-top: 15px;
    }

    .zx-login-wrap a.btn span {
        border: 0;
        float: none;
        padding: 0;
        font-size: 16px;
        background: none;
        color: #716aec
    }

    .zx-login-wrap .m-login {
        padding: 5px 0 0
    }

    @-webkit-keyframes log-error {
        10% {
            -webkit-transform: translateX(-2px) rotate(-1deg);
            transform: translateX(-2px) rotate(-1deg)
        }
        25% {
            -webkit-transform: translateX(2px) rotate(1deg);
            transform: translateX(2px) rotate(1deg)
        }
        50% {
            -webkit-transform: translateX(-2px) rotate(-1deg);
            transform: translateX(-2px) rotate(-1deg)
        }
        75% {
            -webkit-transform: translateX(1px) rotate(0);
            transform: translateX(1px) rotate(0)
        }
        100% {
            -webkit-transform: translateX(-1px) rotate(0);
            transform: translateX(-1px) rotate(0)
        }
    }

    @keyframes log-error {
        10% {
            -webkit-transform: translateX(-2px) rotate(-1deg);
            transform: translateX(-2px) rotate(-1deg)
        }
        25% {
            -webkit-transform: translateX(2px) rotate(1deg);
            transform: translateX(2px) rotate(1deg)
        }
        50% {
            -webkit-transform: translateX(-2px) rotate(-1deg);
            transform: translateX(-2px) rotate(-1deg)
        }
        75% {
            -webkit-transform: translateX(1px) rotate(0);
            transform: translateX(1px) rotate(0)
        }
        100% {
            -webkit-transform: translateX(-1px) rotate(0);
            transform: translateX(-1px) rotate(0)
        }
    }

    .z-log-error {
        -webkit-animation-name: log-error;
        animation-name: log-error;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

    .zx-login-wrap .m-login p {
        font-size: 12px
    }

    .m-login p.form-input {
        margin: 0;
        border-bottom: 1px solid #ddd;
    }

    .zx-login-wrap .m-login p.olg {
        font-size: 14px;
        font-size: 14px;
        padding: 0 0 0 25px;
    }

    .zx-login-wrap .m-login p strong {
        font-weight: 200
    }

    .zx-login-wrap:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 20px;
        background: #716aec;
        border-radius: 6px;
    }

    .zx-login-wrap:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 3px;
        height: 25px;
        border-radius: 50% 50% 0 0;
        background: #fff;
    }

    .hide {
        display: none;
    }

    .select-list {
        padding: 20px
    }

    .select-list a.amregn,
    .select-list a.amb {
        margin: 10px 0 0
    }

    .list-group-item {
        position: relative;

        background-color: #fff;
        border-bottom: 1px solid #ddd;
    }

    .list-group-item a {
        display: block;
        padding: 10px 15px;
    }

    .select-list .active {
        color: #fff;

        z-index: 2;
        color: #fff;
        background-color: #5b74de;
        border-color: #5b74de;
    }

    .list-group-item .zico {
        box-shadow: 0 0px 0px 3px #e0e0e0 inset;
        position: absolute;
        background: #fff;
        color: #fff;
        right: 5px;
        top: 7px;
        font-size: 15px;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        border-radius: 50%;
    }

    .demoSpan1 {
        height: 22px;
        width: 22px;
        display: none;
        float: left;
        position: relative;
        border-radius: 50px;
        margin: 8px 10px 0 5px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        background: #ff2727;
    }

    .demoSpan1:before {
        content: '';
        height: 2px;
        width: 12px;
        display: block;
        background: #fff;
        position: absolute;
        top: 10px;
        left: 5px;
    }

    .select-list .active .zico {
        background: #fff;
        box-shadow: none;
        color: #6cc000;
    }

    .select-list .active a {
        color: #fff
    }


    /*yhq*/

    .yhm-list {
        padding: 0
    }



    .yhm-list li {
        float: left;

        padding: 15px;
        width: 33%;
    }

    .yhm-list .lbcard li {
        float: none;
        width: auto;
        padding: 0
    }

    .yhm-list li .yhq {
        padding: 5px 15px 10px 12px;
        box-shadow: 0px 1px 5px #e0e0e0;
        border: 1px solid #eee;
        border-bottom: 1px solid #ccc;
        position: relative;
    }

    .yhm-list li .yhq:before,
    .yhm-list li .yhq:after {
        display: block;
        content: "";
        position: absolute;
        z-index: 8;
        top: 0;
        right: 25px;
        width: 20px;
        height: 10px;

        border-radius: 0 0 10px 10px;
        background: #fff;
        box-shadow: 0px -1px 1px inset #eee, 1px -3px 0px #fff;
    }


    .yhm-list li .yhq:after {
        bottom: 0;
        top: auto;
        border-radius: 10px 10px 0 0;
        box-shadow: 0px 1px 1px inset #b9b9b9, 0px 5px 0 #fff;
    }

    .yhm-list li .q-price,
    .yhm-list li p {
        margin-left: 110px;
    }

    .yhm-list li p span {
        display: block;
        font-size: 12px;
        margin: 5px 0;
        font-weight: 200;

        color: #777;
    }

    .yhm-list li .yhq span.lqzt {
        display: none
    }

    .yhm-list li .ylq span.lqzt {
        display: block;
        position: absolute;
        border: 2px solid #61c4ff;
        /* padding: 5px 10px; */
        width: 60px;
        right: 40px;
        top: 10px;
        color: #65c6ff;
        transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        /* IE 9 */
        -moz-transform: rotate(35deg);
        /* Firefox */
        -webkit-transform: rotate(35deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(35deg);
        /* Opera */
        height: 60px;
        border-radius: 50%;
        line-height: 56px;
        text-align: center;
    }

    .yhm-list li p span.yxq {

        margin: 0;
    }

    .q-price strong,
    .q-price em {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        font: 400 18px arial;
        vertical-align: top;
        margin: 3px 3px 0 0;
        color: #f23030;
    }

    .q-price strong {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        font: 400 24px arial;
        vertical-align: top;
    }

    .q-price .q-limit {
        display: inline-block;

        font-size: 12px;
        margin: 0 0 0 10px;
        padding: 0 5px;
        color: #f23030;
        background: #fff4ec;
    }

    .ylq .q-price .q-limit {
        color: #999;
        background: #eee;
    }

    .yhm-list li img {
        float: left;
        width: 100px;
        margin-top: 6px;
    }

    .yhm-list li a.yhq-btn {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 5;
        bottom: 0;
        background: #f61744;
        width: 35px;
        border-left: 2px dashed #fff;
        cursor: pointer;
        font-size: 14px;
        color: #fff;
        padding: 15px 0 0 5px;
        text-align: center;
        letter-spacing: 3px;
    }

    .yhm-list li .ylq a.yhq-btn {
        background: #e0e0e0;
        color: #b7b7b7
    }

    .yhm-list li .ylq .q-price strong,
    .yhm-list li .ylq .q-price em {
        color: #999
    }

    #gift-list {
        height: 500px;
        overflow: auto;
    }

    .lbcard a {
        display: block;
        background: #f3f3f3;
        margin-bottom: 5px;
        border-radius: 8px;
        padding: 16px;
        position: relative;
    }
.lbcard li.new a:before{    content: "new";
    position: absolute;
    background: #fa3b70;
    color: #fff;
    width: auto;
    top: -3px;
    left: 0px;
    padding: 0 5px;
    /* font-size: 14px; */
    line-height: 19px;
    border-radius: 12px;
    text-transform: uppercase;
    font-size: 11px;}

.lbcard li.new a{    background: #f3f5ff;}
    .lbcard i {
        font-size: 22px;
            color: #71789e;
        margin-left: 8px
    }

    .lbcard strong,
    .lbcard span {
        font-size: 18px;
        margin-left: 10px;
        line-height: 1.9em
    }

    .lbcard span {
        font-size: 12px
    }
.lbcard span.lqfs{    display: block;
    color: #777;
    font-weight: 200;}
    .lbcard span.btn {
      position: absolute;
    width: 70px;
    right: 15px;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    padding: 0;
    top: 50%;
    border-radius: 15px;
    background: #6cc000;
    border: none;
    color: #fff;
    margin-top: -20px;
    }
.lbcard span.lqyxq{color: #748cf8}
.lbcard span.lqsy{    position: absolute;
    right: 10px;
    top: 50%;
    /* background: #222; */
    width: 80px;
    text-align: center;
    margin-top: 8px;    color: #4e8a00;}

    .btn-start {
        position: relative;
        display: block;
        height: 100px;
        line-height: 100px;
        text-align: center;
        background-color: #716aec;
        background: linear-gradient(135deg, #6e8efb, #a777e3);
        border-bottom: 4px solid #705fc9;
        /* text-indent: -9999em; */
        color: #fff;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        letter-spacing: 2px;
        font-size: 32px;
        overflow: hidden;
    }




    a.amregn {
        color: #636aad;
        background: #edefff;
    }

    a.ykzh {
        background: #fefefe;
        font-size: 16px;
        margin-bottom: 10px;
        color: #666
    }

/*
    .olg a {
        float: left;
        width: 110px;
        color: #555
    }

    .olg a.amreg {
        margin-left: 20px;
        text-align: right
    }
*/

    .btn-gift {
        display: block;
        margin: auto;
        width: 240px;
        height: 72px;
        background-position: 0 -100px;
        text-indent: -9999em
    }

    .m-pane-user {
        background: #fff;
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .m-userlogin .m-third-login {
        float: left
    }

    .m-userlogin .m-third-login p {
        display: inline-block;
        font-size: 14px;
        vertical-align: middle
    }

    .m-userlogin .m-third-login a {
        font-size: 24px;
        line-height: 1
    }

    .m-userlogin .m-third-login a:hover {
        text-decoration: none
    }

    .m-userlogin .m-third-login a i {
        width: 35px;
        height: 35px;
        border-radius: 100%;
        display: inline-block;
        color: #fff;
        font-style: normal;
        background: #aaa;
        line-height: 35px;
        text-align: center;
        font-size: 20px;
    }

    .m-userlogin .m-third-login a i.z-qq {
        background: #5ca3e1;
    }

    .m-userlogin .m-third-login a i.z-weixin {
        background: #75d172;
    }

    .m-userlogin .m-third-login a i.z-weibo {
        background: #d04340;
    }

    .m-userlogin .breginfo {
        background: #edeffe url(wave.png) no-repeat 0 100%;
        padding: 15px 20px 0;
        height: 105px;
        color: #333
    }

    .m-userlogin .regphot img {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        border: 3px solid #f6ead5;
    }

    .m-userlogin .oftop {
        height: 90px;
        margin-left: 85px;
        padding-top: 5px;
        color: #948eb3;
        font-size: 12px;
    }

    .m-userlogin .oftop h3 {
        font-size: 16px;
        font-size: 14px;
        /* font-weight: bold; */
        margin-bottom: 5px;
        color: #61678c;
    }

    .m-userlogin .oftop a.logout {
       display: block;
    /* background: #748cf8; */
    color: #474747;
    margin-top: 8px;
    padding: 3px 0;
    text-align: center;
    width: 80px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ede7f6;
    border-radius: 47px;
    box-shadow: 0 8px 16px 0 rgb(23 35 63 / 4%);
    }

    .m-userlogin .logmybox {
        padding: 5px 0 0
    }

    .m-userlogin .logmytit {
        margin-bottom: 10px;
        font-size: 15px;height: 36px;
        line-height: 36px;
        padding: 0 30px;
        border-bottom: 1px dotted #e0e0e0
    }

    .m-userlogin .logmycon a {
        display: block;  
        line-height: 36px; 
        padding: 0 30px;
        color: #333; 
        position: relative;
    }
.m-userlogin .logmycon a .fl{float: none;
margin-right: 80px;
display: block;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
     overflow: hidden}
.m-userlogin .logmycon a .fr{    float: none;
    position: absolute;
    right: 20px;
    top: 0;
    background: #fff;
    line-height: 30px;
    top: 3px;
    /* width: 70px; */
    font-size: 12px;
    padding: 0 5px 0 10px;
    border-radius: 15px;}

    .m-userlogin .logmycon a:hover {
        background: #edeffe;
        color: #7686e0
    }

    .m-userlogin .logmycon a i {
        font-size: 12px;
        opacity: .6
    }

    .m-userlogin .logmycon .empty {
        padding: 15px 0;
        color: #ccc;
        text-align: center;
    }

    .m-custom p {
        padding: 5px 0;
        border-bottom: 1px dotted #e9e9e9;
    }

    .m-custom p:last-child {
        border-bottom: 0;
    }

    .m-custom p label {
        display: inline-block;
        width: 72px
    }

    .m-custom .btn {
        display: block;
        margin-bottom: 15px;
        padding: 6px 0;
        font-size: 16px;
        background: #ff3b7d;
        color: #fff;
    }

    .m-custom .f-sub-hook {
        color: #51c332
    }

    .m-custom p img {
        width: 200px;
        height: 200px;
        margin: auto;
        display: block;
    }

    /* main */

    .m-game-retio {
        position: relative;
        padding: 20px 20px 0 40px;
        height: 100px;
        background: #8da26d;
        color: #fff
    }

    .m-game-retio h2 {
        float: left;
        font-size: 32px;
        font-weight: bold;
        line-height: 60px
    }

    .m-game-retio h2 em {
        margin: 0 .1em;
        font-size: 50px;
        vertical-align: bottom
    }

    .m-game-retio .btn {
        position: relative;
        float: right;
        padding: 0;
        width: 180px;
        height: 60px;
        line-height: 60px;
        *background: #ffd900;
        background: #ffd900\0;
        background: linear-gradient(#ffe75c, #ffd900);
        font-size: 24px;
        color: #c00;
        font-weight: bold;
        box-shadow: 0 0 16px -2px rgba(0, 0, 0, .05);
    }

    .m-game-retio .btn:after {
        content: '';
        position: absolute;
        left: 2px;
        top: 2px;
        bottom: 2px;
        right: 2px;
        border: 1px solid rgba(255, 198, 0, .4)
    }

    .m-game-retio .btn:hover {
        background: linear-gradient(#ffe380, #ffc000)
    }

    .m-game-week {
        padding: 0;
        height: 80px;
        /* border-bottom: 1px solid #d0d5f1; */
        background: #f4f5ff;
        position: relative;
    }

    span.kftit {
        position: absolute;
        display:flex;
        align-items: center;
        width: 40px;
        padding:0 8px;
        text-align: center;
        left: 0;
        top: 0;
        bottom: 0;
           background: #748cf8;
        color: #fff;font-size: 15px;
    line-height: 16px;
        font-weight: 600; 
        cursor: pointer
    }

    .m-game-week ul {
        margin-left: 40px
    }

    .m-game-week li {
        position: relative;
        float: left;
        width: 14%;
        color: #999;
        height: 80px;
        padding: 10px 0 0;
    }

    .m-game-week li.today:before {
        content: '';
        position: absolute;
        margin: auto;
        bottom: -10px;
        left: 50%;
        margin-left: -4px;
        bottom: -5px;
        width: 8px;
        height: 8px;
        background: #ff3a7d;

        z-index: 1;
        border-radius: 100%;
    }

    .m-game-week li a {}

    .m-game-week li a * {
        cursor: pointer;
    }

    .m-game-week li em,
    .m-game-week li span {
        display: block;
        text-align: center;
    }

    .m-game-week li span {
        width: 50px;
        height: 50px;
        margin: 3px auto 0;
        font-size: 12px;
        background: #fff;
        border-radius: 100%;
        line-height: 50px;box-shadow: 0 8px 16px 0 rgb(23 35 63 / 4%);border: 1px solid #ede7f6;
    }
   .m-game-week li span:last-letter {
        font-size: 14px;}
    .m-game-week li em {
        padding: 10px 0 0;
    }

    .m-game-week li i {
        visibility: hidden;
        position: absolute;
        margin: auto;
        top: 0;
        left: 13px;
        bottom: 0;
        width: 18px;
        height: 16px;
        line-height: 16px;
        font-size: 15px;
        text-align: center;
        z-index: 2
    }

    .m-game-week li.on {
        color: #222;
        transition: background .2s ease
    }

    .m-game-week li.on i {
        visibility: visible;
        color: #877e5e
    }

    .m-game-week li.on span {
          border-color:  #748cf8;
        color: #748cf8
    }

 .m-game-week li.today span {
        border-color:  #748cf8;
     background:  #748cf8;
        color: #fff
    }

    .m-art-list {
        font-size: 16px;
    }

    .m-art-list li {
        position: relative;
        padding: .5em 0;
        border-bottom: 1px dotted #e3e3e3;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .m-art-list li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 5px;
        height: 5px;
        background: #e9e9e9;
        border-radius: 50%;
    }

    .m-art-list li:hover:before {
        background: #ccc;
    }

    .m-art-list a {
        padding-left: .8em
    }

    .m-art-list a:hover {
        text-decoration: underline;
        color: #f60
    }

    .m-art-list em {
        float: right;
        font-size: 13px;
        line-height: 1.8;
        color: #bbb
    }

    .m-art-list .top-pay {
        background: #ff0;
        color: #f00;
        font-weight: bold;
        padding-right: .5em
    }

    /* 隐藏充值比例 */

    .m-art-block.j-index-hide {
        display: none
    }

    /* 服务器列表 */

    .f-serverwrap {
        position: fixed;
        left: 0;
        right: 0;
        top: 100%;
        ;
        bottom: 0;
        min-height: 500px;
        background: #fff;
        z-index: 999;
        transition: .3s ease
    }

    .f-serverwrap .layer-close {
        position: absolute;
        right: 0;
        top: 0;
        width: 60px;
        height: 60px;
        font-size: 40px;
        text-align: center;
        *background: #000;
        background: #000\0;
        background: rgba(0, 0, 0, .8);
        color: #fff;
        cursor: pointer;
        z-index: 10
    }
.f-serverwrap .layer-close .zico{ font-size: 40px;}

    .f-serverwrap .layer-close:hover {
        background: rgba(0, 0, 0, .6);
        color: #fff
    }

    .m-game-server header,
    .yhm-list header {
        position: relative;
        padding: 20px 0 10px;
        text-align: center;
    }

    .m-game-server header h2,
    .yhm-list header h2 {
        position: relative;
        z-index: 2;
        font-size: 34px;
        font-weight: bold;
    }

    /*.m-game-server header:before {content:'';position:absolute;margin:auto;left:0;right:0;top:0;width:50px;height:40px;background:#ffd900;z-index:1;}
.m-game-server header:after {content:'';position:absolute;margin:auto;left:0;right:0;top:0;transform:translateX(40px);width:12px;height:20px;background:#ffd900;z-index:1;}*/

    .m-tab-hook {
        position: relative;
        font-size: 0;
        margin-bottom: 20px;
    }

    .m-tab-hook a,
    .m-tab-hook span {
        display: inline-block;
        font-size: 14px;
        margin: 2px;
        padding: 3px 10px;
        border: 1px solid #eee;
        text-align: center;
        cursor: pointer;
        color: #999;
    }

    .m-tab-hook a:hover {
        border-color: #566de5;
        background: #edeffe;
        color: #646cab;
    }

    .m-tab-hook a.cur,
    .m-tab-hook span.cur {
        background: #566de5;
        color: #fff;
        border-color: #566de5;
    }

    .pages {
        margin: 20px 0 0;
        text-align: center
    }

    .m-game-server .m-tab-panel ul {}

    .m-tab-panel-300 {
        height: 312px;
        overflow: auto;
    }

    .m-game-server .m-tab-panel li {
        position: relative;
        float: left;
        padding: 0 5px;
        margin-bottom: 10px;
        width: 33.33333%;
    }

    .m-game-cs .m-tab-panel li {
        width: 20%
    }

    .m-game-server .m-tab-panel li a {
        position: relative;
        display: block;
        padding: 0 15px;
        height: 42px;
        line-height: 40px;
        background: #edeffe;
        color: #646cab;
        border-radius: 5px;
    }

    .m-game-server .m-tab-panel li.wg a {
        background: #fff;
        border: 1px solid #c3c9ef;
    }

    .m-game-server .m-tab-panel li a:hover {
        background: #566de5;
        color: #fff
    }

    .m-game-server .m-tab-panel li.wg a:hover {
        color: #7686e0;
        background: #f1f3ff;
        border: 1px solid #7686e0;
    }

    .m-game-server .m-tab-panel li.jj a {
        background: #6fbe22;
        color: #fff;
    }

    .m-game-server .m-tab-panel li.more a {
        background: #7686e0;
        color: #fff;
        cursor: pointer;
    }

    .m-game-server .m-tab-panel li a span {
        float: right;
    }

    .m-game-server .tab-panel-lrw li {
        width: 50%
    }

    .m-game-server .tab-panel-lrw li a {
        height: auto;
        background: #f4f5fb url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M318.2 411.2l193.6 193.6 361-361c7.7-7.7 11.9-18.2 11.6-29.1l-3.5-138c-.6-21.6-18.2-38.8-39.8-38.8l-133.4.2c-10.5 0-20.6 4.2-28.1 11.7L318.2 411.2z' fill='%23D32F2F'/%3E%3Cpath d='M705.8 411.3L512.2 604.9l-361-361c-7.7-7.7-11.9-18.2-11.6-29.1l3.5-138c.6-21.6 18.2-38.8 39.8-38.8l133.4.2c10.5 0 20.6 4.2 28.1 11.7l361.4 361.4z' fill='%23F44336'/%3E%3Cpath d='M183.09999999999997 656.9a329.2 329.2 0 1 0 658.4 0 329.2 329.2 0 1 0-658.4 0z' fill='%23FFCA28'/%3E%3Cpath d='M641.3 542.5l95.1 127.3c.2-4.3.4-8.6.4-12.9 0-124-100.5-224.5-224.5-224.5S287.8 532.9 287.8 656.9c0 106 73.5 194.8 172.2 218.4l-94.6-126.5 275.9-206.3z' fill='%23FFA000'/%3E%3Cpath d='M736.4 669.8c-6.7 118-104.5 211.5-224.1 211.5-18 0-35.5-2.1-52.2-6.1L542 984.8c125.7-11.2 231.1-93.1 276.1-205.7l-81.7-109.3z' fill='%23FFB300'/%3E%3Cpath d='M736.4 669.8l-95.1-127.3-275.8 206.2 94.6 126.5c16.8 4 34.2 6.1 52.2 6.1 119.7.1 217.4-93.5 224.1-211.5z' fill='%23FF8F00'/%3E%3Cpath d='M340.19999999999993 656.9a172.1 172.1 0 1 0 344.2 0 172.1 172.1 0 1 0-344.2 0z' fill='%23FFCA28'/%3E%3C/svg%3E")no-repeat 10px 90%;
        border: 2px solid #f4f5fb;
        background-size: 20px 20px;
    }

    .m-game-server .tab-panel-lrw li a:hover {
        background: #edeffe url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M318.2 411.2l193.6 193.6 361-361c7.7-7.7 11.9-18.2 11.6-29.1l-3.5-138c-.6-21.6-18.2-38.8-39.8-38.8l-133.4.2c-10.5 0-20.6 4.2-28.1 11.7L318.2 411.2z' fill='%23D32F2F'/%3E%3Cpath d='M705.8 411.3L512.2 604.9l-361-361c-7.7-7.7-11.9-18.2-11.6-29.1l3.5-138c.6-21.6 18.2-38.8 39.8-38.8l133.4.2c10.5 0 20.6 4.2 28.1 11.7l361.4 361.4z' fill='%23F44336'/%3E%3Cpath d='M183.09999999999997 656.9a329.2 329.2 0 1 0 658.4 0 329.2 329.2 0 1 0-658.4 0z' fill='%23FFCA28'/%3E%3Cpath d='M641.3 542.5l95.1 127.3c.2-4.3.4-8.6.4-12.9 0-124-100.5-224.5-224.5-224.5S287.8 532.9 287.8 656.9c0 106 73.5 194.8 172.2 218.4l-94.6-126.5 275.9-206.3z' fill='%23FFA000'/%3E%3Cpath d='M736.4 669.8c-6.7 118-104.5 211.5-224.1 211.5-18 0-35.5-2.1-52.2-6.1L542 984.8c125.7-11.2 231.1-93.1 276.1-205.7l-81.7-109.3z' fill='%23FFB300'/%3E%3Cpath d='M736.4 669.8l-95.1-127.3-275.8 206.2 94.6 126.5c16.8 4 34.2 6.1 52.2 6.1 119.7.1 217.4-93.5 224.1-211.5z' fill='%23FF8F00'/%3E%3Cpath d='M340.19999999999993 656.9a172.1 172.1 0 1 0 344.2 0 172.1 172.1 0 1 0-344.2 0z' fill='%23FFCA28'/%3E%3C/svg%3E")no-repeat 10px 90%;
        border-color: #7686e0;
        background-size: 25px 25px;
        color: #646cab;
    }

    .m-game-server .tab-panel-lrw li a em {
        font-size: 16px
    }

    .m-game-server .tab-panel-lrw li a span {
        color: #868db5;
    }

    .m-game-server .tab-panel-lrw li a span.datet {
        float: none;
        border-top: 1px solid #cfd2e8;
        display: block;
        text-align: right;
    }


    .m-game-server .m-tab-panel li p,
    .m-game-week li p {
        display: none;
        position: absolute;
        left: 0;
        top: -22px;
        padding: 0 8px;
        height: 24px;
        line-height: 24px;
        background: #ff357b;
        color: #fff;
        font-size: 12px;
        box-shadow: 2px 2px 0 0 rgba(212, 78, 77, .3)
    }

    .m-game-week li p {
        top: auto;
        bottom: -23px;
        box-shadow: none;
        z-index: 5;
        left: -5px;
        right: -5px;
        text-align: center;
        height: 24px
    }

    .m-game-server .m-tab-panel li p:after {
        content: '';
        position: absolute;
        left: 30px;
        top: 23px;
        border: solid transparent;
        border-width: 8px 12px 0 0;
        border-top-color: #ff357b
    }

    .m-game-week li p:before {
        content: '';
        position: absolute;
        left: 50px;
        bottom: 23px;
        border: solid transparent;
        border-width: 0 8px 8px;
        border-bottom-color: #ff357b;
    }

    .m-game-server .m-tab-panel li:hover p,
    .m-game-server .m-tab-panel li.jj p,
    .m-game-week li.on:hover p {
        display: inline-block
    }

    .m-game-server .m-tab-panel li.z-today a {
        background: #d44e4d;
        color: #ff0;
        border-color: #cc4847;
    }

    .f-serverwrap .m-game-server .m-tab-panel li {
        width: 20%
    }

    .f-serverwrap .m-game-server .tab-panel-lrw li {
        width: 33.3%
    }

    .m-game-server .m-tab-panel li a i {
        margin-right: 3px;
    }

    /* 官服样式 */

    .g-official .quick.more {
        display: flex;
        align-items: center
    }

    .g-official .quick.more input {
        margin: 0 .2em;
        text-align: center;
        width: 50px;
        height: 24px;
        border: 1px solid #e0e0e0;
        background: #fcfcfc;
        vertical-align: top;
        font-size: 15px
    }

    .g-official .m-game-server {
        margin-top: 20px
    }

    .g-official .m-game-server .m-tab-panel li {
        width: 33.33333%
    }

    .z-herald {
        position: relative;
        display: block;
        margin: 25px 0;
        vertical-align: middle;
    }

    .z-herald span {
        padding: 0 15px;
        line-height: 40px;
        display: block;
        width: 48%;
        margin: auto;
        color: #888;
        text-align: center;
        background: #efefef;
        border-radius: 5px;
    }

    .z-herald:after,
    .z-herald:before {
        content: '';
        position: absolute;
        height: 2px;
        background: #efefef;
        width: 25%;
        left: 0;
        top: 20px;
    }

    .z-herald:before {
        right: 0;
        left: auto
    }



    .index_focus li {
        overflow: hidden;
        position: relative;
        margin: 5px 10px
    }

    .index_focus li a,
    .index_focus li img {
        display: block;
    }

    .index_focus li a {
        transition: transform 400ms ease-out;
    }

 .index_focus li span.gogame{text-transform: uppercase;
    color: #fff;
    border-radius: 0;
    font-size: 12px;
    text-align: center;
    right:0;
    color: #636aad;
    background: #edefff;
    position: absolute;
   
    padding: 0 5px;
   top: 8px;
    border-bottom: 1px solid rgba(214, 214, 214, 0.34);}
 
    .index_focus li a:hover {
        transform: scale(1.08);
        position: relative;
    }

    .index_focus li a span {
        display: block;
        line-height: 30px;
        text-align: center;
        ;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        /* margin-top: -40px; */
        background: rgba(0, 0, 0, 0.52);
        position: relative;
        /* text-align: center; */
        padding: 0 5px;
        margin: -30px 0 0;
        color: #fff;
    }

    .index_focus li a span em {
        color: #eee
    }

    .index_focus li img {
        width: 100%
    }

    .index_focus li hover img {}

    .index_focus,
    .index_tj {}

    .f-graybg {
        display: none;
        position: fixed;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #000;
        z-index: 998;
    }

    .mfsc li {
        padding: 0px 0 10px 26px;
        margin-bottom: 10px;
        border-bottom: 1px dotted #eee;
        background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M318.2 411.2l193.6 193.6 361-361c7.7-7.7 11.9-18.2 11.6-29.1l-3.5-138c-.6-21.6-18.2-38.8-39.8-38.8l-133.4.2c-10.5 0-20.6 4.2-28.1 11.7L318.2 411.2z' fill='%23D32F2F'/%3E%3Cpath d='M705.8 411.3L512.2 604.9l-361-361c-7.7-7.7-11.9-18.2-11.6-29.1l3.5-138c.6-21.6 18.2-38.8 39.8-38.8l133.4.2c10.5 0 20.6 4.2 28.1 11.7l361.4 361.4z' fill='%23F44336'/%3E%3Cpath d='M183.09999999999997 656.9a329.2 329.2 0 1 0 658.4 0 329.2 329.2 0 1 0-658.4 0z' fill='%23FFCA28'/%3E%3Cpath d='M641.3 542.5l95.1 127.3c.2-4.3.4-8.6.4-12.9 0-124-100.5-224.5-224.5-224.5S287.8 532.9 287.8 656.9c0 106 73.5 194.8 172.2 218.4l-94.6-126.5 275.9-206.3z' fill='%23FFA000'/%3E%3Cpath d='M736.4 669.8c-6.7 118-104.5 211.5-224.1 211.5-18 0-35.5-2.1-52.2-6.1L542 984.8c125.7-11.2 231.1-93.1 276.1-205.7l-81.7-109.3z' fill='%23FFB300'/%3E%3Cpath d='M736.4 669.8l-95.1-127.3-275.8 206.2 94.6 126.5c16.8 4 34.2 6.1 52.2 6.1 119.7.1 217.4-93.5 224.1-211.5z' fill='%23FF8F00'/%3E%3Cpath d='M340.19999999999993 656.9a172.1 172.1 0 1 0 344.2 0 172.1 172.1 0 1 0-344.2 0z' fill='%23FFCA28'/%3E%3C/svg%3E")no-repeat 0 3px;
        background-size: 20px 20px;
    }

    .mfsc li div {
        color: #777;
        font-size: 12px;
    }

    .pages {
        padding: 15px;
        text-align: center;
    }

    .pages a,
    .pages span {
        display: inline-block;
        padding: 5px 10px;
        font-size: 14px
    }

    .pages span.current {
        background: #ff3b7d;
        border-radius: 10px;
        color: #fff
    }

    /* 礼包 */

    .f-giftwrap {
        width: 320px;
        border-radius: 5px
    }

    .f-giftwrap .decorate {
        position: relative;
        height: 134px;
        z-index: 1
    }

    .f-giftwrap .decorate em {
        position: relative;
        display: block;
        height: 100%;
        background: ;
        z-index: 2
    }

    .f-giftwrap .decorate:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 50px;
        border-radius: 5px 5px 0 0;
        background: #ffd900;
        z-index: 1
    }

    .f-giftwrap .decorate:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -30px;
        right: 0;
        height: 60px;
        border-radius: 50% 50% 0 0;
        background: #fff;
        z-index: 5
    }

    .f-giftwrap .panel {
        position: relative;
        padding: 1px 30px 30px;
        border-radius: 5px;
        background: #fff;
        color: #333;
        z-index: 2
    }

    .f-giftwrap .panel .tit {
        margin-top: -25px;
        font-size: 22px;
        line-height: 2;
        text-align: center;
        border-bottom: 1px solid #e9e9e9;
    }

    .f-giftwrap .panel .label {
        display: block;
        margin: 15px 0 2px;
        color: #999
    }

    .f-giftwrap .panel .content {
        max-height: 15em;
        overflow: hidden
    }

    .f-giftwrap .panel .btn {
        margin-top: 20px;
        width: 100%;
        height: 42px;
        padding: 0;
        line-height: 42px;
        font-size: 16px;
    }

    .f-giftwrap .panel .code {
        margin-top: 5px;
        padding: 0 15px;
        width: 100%;
        height: 42px;
        line-height: 42px;
        background: #f0f0f0;
        border-radius: 5px;
    }

    .f-giftwrap .panel .code em {
        display: block;
        color: #f60;
        font-weight: bold;
        text-align: center;
    }

    .f-giftwrap .panel .code + .btn {
        margin-top: 5px;
    }

    .f-giftwrap .btn-close {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 100%);
        width: 40px;
        height: 64px;
        background: url(../img/close.png) no-repeat;
        cursor: pointer;
    }

    .f-giftwrap .chose {
        position: relative;
        margin-bottom: 10px;
    }

    .f-giftwrap .chose p {
        position: relative;
        padding: 0 15px;
        line-height: 38px;
        font-size: 16px;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        cursor: pointer;
    }

    .f-giftwrap .chose p:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 12px;
        margin-top: -4px;
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-top-color: #d0d0d0;
    }

    .f-giftwrap .chose ol {
        display: none;
        position: absolute;
        top: 38px;
        left: 0;
        width: 100%;
        padding: 5px;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        box-shadow: 0 1px 8px -3px rgba(0, 0, 0, .1), 0 2px 5px -5px rgba(0, 0, 0, .1)
    }

    .f-giftwrap .chose li {
        padding: 0 10px;
        line-height: 32px;
        border-radius: 5px;
        cursor: pointer;
        font-size: 16px;
    }

    .f-giftwrap .chose li:hover {
        background: #f6f6f6;
        color: #f60
    }

    .f-giftwrap .chose.on ol {
        display: block;
    }

    .f-giftwrap .panel [class^=single] {
        display: none
    }

    .breadcrumb {
        background: #f4f5ff;
    }

    .breadcrumb a {
        line-height: 50px;
        float: left;
        padding: 0 0 0 10px;
        font-size: 16px;
        color: #666f9a;
    }

    /* page->文章正文　*/

    .m-art-header {
        margin-bottom: 40px;
        border-bottom: 1px dotted #e3e3e3;
    }

    .m-art-header .sort {
        margin-bottom: 15px;
        font-size: 13px;
    }

    .m-art-header .sort span {
        display: inline-block;
        padding: 5px 2px;
        border-bottom: 1px solid #f90;
        color: #f90;
    }

    .m-art-header h1 {
        font-size: 24px;
        font-weight: bold;
        word-wrap: break-word;
        word-break: break-all;
    }

    .m-art-header .info {
        position: relative;
        font-size: 13px;
        line-height: 36px;
        color: #777;
        overflow: hidden;
    }

    .m-art-header .info span {
        margin-right: 2em;
    }

    .m-art-text {
        color: #555;
        font-size: 16px;
        margin-bottom: 30px;
    }

    .m-art-text p {
        margin: 0;
        padding: 0 0 15px;
    }

    .m-art-text img {
        display: block;
        margin: auto;
        max-width: 100%;
    }

    .m-art-text table {
        text-align: center;
        border-collapse: collapse;
        border-spacing: 0;
        margin: auto;
        max-width: 680px;
    }

    .m-art-text table td {
        border: 1px solid #ddd;
    }

   

    #game_server_list_task li {
        cursor: pointer;
    }
.tags {display: inline-block;margin-left: 15px;vertical-align: middle;}
.tags a {
   color: #2f5f79;
    margin-right: 3px;
    border: 1px solid #3194ca;
    padding: 2px 3px;
    font-size: 14px;
    float: left;
    border-radius: 5px;
}

.more-info{
margin: 10px auto;
width: 200px;
text-align: center;
border: 1px solid #cac8fb;
    background: #fafaff;
    border-radius: 5px;}
.load_c,#load_c{line-height: 60px;text-align: center;
font-size: 14px;}
.load_l,#load_l{line-height: 60px;text-align: center;
font-size: 14px;}
.load_l:before,#load_l:before{content: '';
display: inline-block;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath opacity='.2' d='M20.201 5.169c-8.254 0-14.946 6.692-14.946 14.946 0 8.255 6.692 14.946 14.946 14.946s14.946-6.691 14.946-14.946c-.001-8.254-6.692-14.946-14.946-14.946zm0 26.58c-6.425 0-11.634-5.208-11.634-11.634 0-6.425 5.209-11.634 11.634-11.634 6.425 0 11.633 5.209 11.633 11.634 0 6.426-5.208 11.634-11.633 11.634z'/%3E%3Cpath d='M26.013 10.047l1.654-2.866a14.855 14.855 0 0 0-7.466-2.012v3.312c2.119 0 4.1.576 5.812 1.566z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='0.5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 50%;
    vertical-align: middle;
}


.app-tc-app {text-align: left;
    display: flex;
    justify-content: center;      padding: 30px 0 20px;
    background: #f8f8f8;
    margin-top: 16px;
}
.app-tc .saom-k{ 
    text-align: center;
    line-height: 30px;
    width: 167px; }
.app-tc .saom {
    padding: 0;
    position: relative;
    width: 167px; height: 145px;
    text-align: center;
    overflow: hidden;
}

.app-tc .saom img{width: 160px; height: 160px;
display:block;
margin: auto}
.app-tc .saom .saomiao{ position:absolute; width: 167px; height: 10px; left: 0; top:-10px; background: url(saom.png) no-repeat;
    -webkit-animation: saomiao 3s ease-in-out infinite;
    -moz-animation: saomiao 3s ease-in-out infinite;
    animation: saomiao 3s ease-in-out infinite;
}


/*saomiao*/
@-webkit-keyframes saomiao {
    0% {
        top: -10px;
    }

    100% {
        top: 100%;
    }
}
@-moz-keyframes saomiao {
    0% {
        top: -10px;
    }

    100% {
        top: 100%;
    }
}
@keyframes saomiao {
    0% {
        top: -10px;
    }

    100% {
        top: 100%;
    }
}




      .app-tc h2{margin: 0 0 25px;
    padding: 0;
          padding: 0 10px;
    line-height: 47px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    background: #efefef;}
      .app-tc h2  span.zico{position: absolute;
    right: 10px;
    top: 0;
    color: #999;}
 
    .app-tc-images-text {text-align: center}
      .app-tc-images-text p{font-size: 16px;}
  .app-tc-images-text h5{margin: 8px 0;
    font-size: 24px;
    color: #FC8709;}
    .app-tc-app ul { 
          padding: 0 0 0 30px;
      list-style: none}
    .app-tc-app ul li {margin: 0;
     color: #9a9a9a;  
      line-height: 2.8em; }
    .app-tc-app ul li .zico {width: 25px;
      display: inline-block;
      font-size: 18px;
      color: #999;vertical-align: bottom;}
 
    .app-tc-b {padding: 20px 0 0 0;
      text-align: center}
    .app-tc-b a { font-size: 16px;
    line-height: 45px;
    text-align: center;
    padding: 0 15px;
    display: inline-block;
    /* margin: auto; */
    /* width: 260px; */
    padding: 0 20px;
    border-radius: 25px;
    border: none;}
.app-tc-b .abtn{
    background: linear-gradient(to right, #fd3a68, #e342b0);
    color: #fff;margin-right: 15px;}
.app-tc-b .zbtn{
    
    background: #6cc000;
    color: #fff;}

.qrcode-download{ background:#f2f2f2;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;}

.lqlb{padding: 15px 0 0;}
.lqlb a.listcopy{display: block;
    background: #efefef;
    border-radius: 5px;
    text-align: center;
    width: 280px;
    margin: auto;
    line-height: 30px;
    color: #888;
    text-shadow: 1px 1px #fff;}
.lqlb a span.g_code{
    color: #da4e4e;
    margin-left: 10px;
}
table.table3{margin: 0;
display: block}


.wg-list .glt li { padding:5px 0; border-bottom:1px dotted #ccc;position: relative}
.wg-list .glt li i { float: left;
    color: #999;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #eee;
    line-height: 30px;
    border-radius: 50%;
    margin-right: 10px; }
.wg-list .glt li span.fanl{font-size: 14px;
    border-radius: 3px;position: absolute;
    right: 0;
    top: 20px;
    padding: 3px;}
.jy-list .glt li span.fanl{background: none;color: red}
 
.wg-list .glt li .ico img,.wg-list .glt li a.icon-jy:before{ float:left;
width:40px;
   
height:40px;}


.wg-list .glt li a.icon-jy:before{ background: #efefef url("data:image/svg+xml,%3Csvg viewBox='0 0 1026 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M385.624 422.345c0 22.708 1.432 20.969 14.218 34.982 20.764 22.913.92 20.356 33.243 50.019 10.434 9.615 12.99 17.082 12.99 32.323 0 69.35-132.36 33.755-132.36 117.324 0 37.539-5.83 61.577 22.606 68.123 78.455 18.105 215.622 18.616 298.373 6.853 58.917-8.285 76.204-6.853 76.204-56.053 0-76.41-35.494-69.658-101.674-95.025-32.732-12.582-30.686-31.607-30.686-56.36 0-16.367 22.708-17.697 33.55-45.928 12.889-33.96 27.004-25.47 27.004-52.473 0-13.911-4.91-14.32-8.797-25.265-4.602-13.298-1.738-20.151-2.761-35.085-2.66-40.199-19.333-71.703-51.144-92.57-14.116-9.308-33.55-15.548-54.417-17.287h-22.912c-48.075 3.99-96.56 33.653-102.083 105.97-2.762 36.926-11.354 50.326-11.354 60.452zm629.988 90.218h-71.396c-5.115 0-9.41 4.193-9.513 9.308a419.532 419.532 0 0 1-123.052 288.246 420.033 420.033 0 0 1-133.69 90.32 418.51 418.51 0 0 1-163.66 33.039c-56.77 0-111.902-11.047-163.66-33.04a418.898 418.898 0 0 1-133.69-90.32 407.33 407.33 0 0 1-33.243-37.334l59.43-46.54c2.25-1.74 3.682-4.502 3.682-7.468 0-4.398-3.069-8.183-7.263-9.308L52.985 663.948a9.533 9.533 0 0 0-11.763 9.206l-.92 192.3c0 7.979 9.205 12.48 15.342 7.467l56.872-44.495C206.007 947.49 351.256 1024 514.301 1024c278.836 0 505.71-223.703 510.824-501.72v-.205c0-5.319-4.296-9.512-9.513-9.512zm-923.144-9.309c2.25-108.322 46.438-211.735 123.154-288.246 38.665-38.664 83.569-69.146 133.69-90.32a418.51 418.51 0 0 1 163.66-33.038c56.872 0 111.902 11.047 163.66 33.038 50.018 21.174 95.025 51.656 133.69 90.32a421.87 421.87 0 0 1 33.14 37.335l-59.428 46.439a9.543 9.543 0 0 0 3.58 16.775l186.47 45.62a9.584 9.584 0 0 0 11.763-9.206l.92-192.096c0-7.978-9.103-12.479-15.343-7.467l-56.77 44.495C821.369 77.636 676.12 1.125 513.075 1.125c-278.938 0-505.71 223.703-510.824 501.72v.205c0 5.217 4.296 9.513 9.513 9.513H83.16c5.114 0 9.206-4.194 9.308-9.309z' fill='%23536da6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 70% auto;
    content: "";

border-radius: 5px;}
.wg-list .glt li img{float: left;
    width: 40px;
    margin: 0 8px 0 0;
    height: 40px;}
.wg-list .glt li i.ph1 { background:#F30; color:#fff;
font-size:18px}
.wg-list .glt li i.ph2 { background:#8993f4; color:#fff;
font-size:16px}
.wg-list .glt li i.ph3 { background:#6cc000; color:#fff;
font-size:14px} 
.wg-list .glt h2 { line-height:normal; font-size:14px; font-weight:normal;margin-left:90px; padding-left:0;font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; 
}
.wg-list .glt h2 .fr{font-size: 12px;
    color: #999;}
.wg-list .glt li p { color:#777; line-height:22px; 
margin-left:90px; padding-left:0;margin-right: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;min-height: 22px;}
.jy-list .glt h2,.jy-list .glt li p{margin-left:50px}
.wg-list .glt li p span {   color:#999;font-size: 12px;}


 
 
    .fls {display: flex;
      align-items: center;position: relative;    border-bottom: 1px solid #ddd;
    padding-left: 30px;
background: #fff;}

    .phoneBox {
      position: relative;

    }

    .phone-btn {
      border: none;
      padding: 0 0 0 12px;
      border-radius: 0;
      cursor: pointer;text-overflow: ellipsis;
      white-space: nowrap;height: 35px;
      line-height: 35px;font-size: 14px;

    }
.district-code-span{display: none}
    .selectConentent {
      display: none;
      position: absolute;
      top: 35px;
      z-index: 233;
      background-color: #ffffff;
      left: 0;
      border: 1px solid #ebebeb;
      width: 210px;
      border-radius: 0;
      -webkit-box-shadow: 0 5px 20px rgba(26, 26, 26, .1);
      box-shadow: 0 5px 20px rgba(26, 26, 26, .1);
    }
    .select-ul {
      overflow: auto;
      position: relative;
      max-height: 200px;
      padding: 8px 0;
      border-radius: 4px;
      text-align: left;margin: 0;
    }
    .select-ul li {padding: 3px 12px;}

    .select-ul li:hover {background: #efefef;}
    .select-option {
      display: block;
      width: 100%;
      height: 35px;
      padding: 0 20px;
      line-height: 35px;
      color: #8590a6;
      text-align: left;
      background: none;
      border: none;
    }
 
.fls svg{    vertical-align: middle;}

.fls  input{border: 0;
    float: left;
    padding: 0;
    line-height: 35px;
    background: none;
    font-size: 14px;width: 100%;
    background-color: #fff;
    height: 35px; 
    transition: .4s ease;}
.fls span.zico{border: 0;
    float: left;
    padding: 0 10px;
    line-height: 35px;
    background: none;    padding: 0 10px;
    width: 60px;
    position: absolute;
    left: 0;
    top: 0;width: 40px;
    text-align: center;
    color: #777;
    font-size: 1.5em;}


.wddiv{    width: 300px;
    /* text-align: center; */
    margin: 50px auto 0;
    position: relative;}



.qr-img{ position: relative; 
    display: block;
height: 180px;    margin: auto;
    width: 195px;}
.qr-img canvas{display: block;
margin: auto;
width: 120px;}
.qr-img span{position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
font-size: 12px;}






.wddiv,.zxCheckFormIEContentDiv{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGA4AwAA0QDNCV2I3QAAAABJRU5ErkJggg==");
    z-index: 99999999999;
}
.wddiv .sm-pop-inner,#zxCheckFormIELogin{    top: 45%;position: absolute;
 
    left: 50%;
    margin-left: -150px;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    z-index: 999999999999;}
#zxCheckFormIELogin:after{clear: both;display: table}
#zxCheckFormIELogin input,#zxCheckFormIELogin img{float: left;
height: 35px;
    background:#efefef;
border: 1px solid #ccc}
#zxCheckFormIELogin input{width: 180px}
#zxCheckFormIELogin img{width: 103px;}

.tchd {
      height: 35px;
      line-height: 35px;
      background: #fefefe;
      border-bottom: 1px solid #d3d0ff;
  }

  .tchd span.close_ok_btn,
  .tchd .z-close {
      float: right;
      height: 35px;
      width: 35px;
      cursor: pointer;
      font-size: 18px;
      color: #8993f4;
      text-align: center;
  }

  .tchd span.close_ok_btn:hover,
  .tchd .z-close:hover {
      background: #8993f4;
      color: #f1f1fd;
  }

  .tchd span.tctt {
      margin: 0 10px;
      font-size: 16px;
      color: #777;
  }