@import url("https://game.zixia.com/static/rx/iconfont.css");

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;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='450' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 150% auto;
}

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
}

.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;
    height: 900px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    z-index: 0;
    box-shadow: 0 0 100px 100px #000, inset 0 -50px 50px #000;
}

@media screen and (max-width:1920px) {
    .tbbg-site {
        height: 800px;
        background-size: auto 100%;
    }
    .tbbg-h5 {
        height: 600px;
        background-size: 1920px auto;
    }
}

@media screen and (max-width:1600px) {
    .tbbg-site {
        height: 600px;
        background-size: 1920px auto;
    }
    .tbbg-h5 {
        height: 600px;
        background-size: 1920px auto;
    }

}

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-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; }*/

.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 {
    margin: 10px 0;
    border: 2px solid #7686e0;
}

.m-tabel th,
.m-tabel td {
    border: 1px solid #d2d7ff;
    font-size: 15px;
    padding: 8px 10px
}

.m-tabel tbody tr:nth-child(odd) td {
    background: #edeffe
}

.m-tabel tbody tr:nth-child(even) {
    background: #fff
}

.m-tabel th,
.m-tabel tbody tr:first-child {
    background: #7686e0;
    color: #fff
}

.m-tabel tbody tr:first-child td {
    background: none;
    font-weight: 400;
    text-align: center
}

.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;
    border-top: 1px solid #000;
    box-shadow: 0 1px 0 inset #333;
}

.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 {
    position: relative;
    margin: 0 auto;
    width: 1150px;
}

.m-w{width: 1080px;
    margin: auto}

.g-wrapper > header {
    height: 45px;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.52);-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: #e3e3e3;

}

.g-wrapper > header .logo img {
    vertical-align: middle;
    margin: 0 20px 0 0;
    max-height: 32px
}

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

.m-isolation > * {
    position: relative
}

.m-isolation > a {
    color: #e3e3e3;
    font-size: 15px;
}

.m-isolation > *:not(:last-child):after {
    margin: 0 .6em;
    color: #4c4c4c;
    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
}

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\0;
    *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;
}

.h5bar {
    padding: 0 0 0 160px
}

.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;
}

.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;
    font-weight: 400;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.58);
    text-transform: uppercase;
    box-shadow: 0 1px 1px inset rgba(255, 255, 255, 0.38823529411764707), 0 1px 2px rgba(255, 0, 0, 0.26);
}

/*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 i{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 15px;
}

.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 15px 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 {
    background-color: #716aec;
    color: #fff;
    text-align: center;
    font-size: 16px;
    width: 100%;
    border: 0;
    display: block;
    line-height: 37px;
    border-radius: 3px;
}
.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
}
.m-login p.other-login-2{padding: 0;
    border: 0}
.m-login p.other-login a {float: left;
    text-align: center;
    width: 25%;
}

.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 {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    display:block;
    color: #fff;
    margin: auto;
    font-style: normal;
    background: #0689eb;
    line-height: 45px;
    text-align: center;
    font-size: 25px;
}

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

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

.other-login i.z-weibo {
    background: #ff972c;
}

.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 i {
    font-size: 22px;
    color: #ff3b7d;
    margin-right: 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: 30px
}

.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: #fff;
    margin-top: 8px;
    padding: 3px 0;
    text-align: center;
    width: 80px;
    border-radius: 5px;
}

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

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

.m-userlogin .logmycon a {
    display: block;
    padding: 0 8px 0 15px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #333;
    border-radius: 5px;
    overflow: hidden
}

.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: block;
    width: 40px;
    padding: 8px;
    text-align: center;
    left: 0;
    /* float: left; */
    /* height: 120px; */
    top: 0;
    bottom: 0;
    background: #e1e4f5;
    color: #8c90ad;
    font-weight: 200;
    line-height: 16px;
}

.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: 14px;
    background: #fff;
    border-radius: 100%;
    line-height: 50px;
}

.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 {
    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%;
    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-tc .saom-k{     display: block;
    text-align: center;
    line-height: 30px;
    width: 167px;
    margin: auto}
.app-tc .saom {
    padding: 0;
    position: relative;
    width: 167px; height: 160px;
    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 ul {margin:15px  auto 0;
    width: 260px;
    padding: 0;
    list-style: none}
.app-tc ul li {margin: 0;
    color: #9a9a9a;
    float: left;
    width: 50%;
    line-height: 26px; }
.app-tc 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 .abtn { font-size: 16px;
    line-height: 45px;
    text-align: center;
    padding: 0 15px;
    display: block;
    margin: auto;

    width: 260px;
    border-radius: 25px;
    background: linear-gradient(to right, #fd3a68, #e342b0);
    border: none;
    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 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;}
.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;
}