@charset "UTF-8";

@media (width:320px) {
    html {
        font-size: 44.44px
    }
}

@media (width:360px) {
    html {
        font-size: 50px
    }
}

@media (width:375px) {
    html {
        font-size: 52.08px
    }
}

@media (width:412px) {
    html {
        font-size: 57.22px
    }
}

@media (width:480px) {
    html {
        font-size: 66.67px
    }
}

@media (width:640px) {
    html {
        font-size: 88.89px
    }
}

@media (width:720px) {
    html {
        font-size: 100px
    }
}

@media (width:768px) {
    html {
        font-size: 106.67px
    }
}

@media (min-width:1440px) {
    html {
        font-size: 200px
    }
}

html {
    font-size: 13.99vw
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
body {
    margin: 0
}

audio,canvas,progress,video {
    vertical-align: baseline
}

template {
    display: none
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

figure {
    margin: 1em 40px
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,th {
    padding: 0
}

body {
    position: relative;
    min-height: 100%;
    min-width: 320px;
    margin: 0 auto;
    font-size: 12px;
    font-family: Microsoft YaHei;
    line-height: 1.6;
    color: #666;
    background: #eee
}

@media screen and (min-width:1023px) {
    body {
        width: 740px
    }
}

a {
    text-decoration: none
}

.checkbox-item i,.form-checkbox i,.form-item.error .label-box label::before,.form-radio-tab i,.hd-action-user i,.hd-back i,.new-hd .hd-action-user i {
    display: inline-block;
    line-height: 1;
    background-image: url(/Public/images/common-icon.png);
    -webkit-background-size: 65px 68px;
    background-size: 65px 68px;
    background-repeat: no-repeat
}

.new-hd .hd-back i {
    background-position: -56px -9px
}

.hd {
    position: relative;
    z-index: 10;
    height: 44px;
    padding: 0 80px;
	background: linear-gradient(to right, #6CACFF, #8DEBFF);
    z-index: 11
}

.hd h1 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 44px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.hd-action {
    position: absolute;
    right: 0;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 32px;
    color: #fff;
    text-align: center
}

.hd-action.hd-action-icon .action-item {
    margin: 0 5px;
    font-size: 14px;
    color: #fff
}

.hd-action.hd-action-icon img {
    vertical-align: middle;
    width: 22px
}

.hd-action-user {
    font-size: 10px;
    line-height: 16px
}

.hd-action-user img {
    width: 12px;
    height: 12px;
    vertical-align: middle
}

.hd-action-user i {
    width: 12px;
    height: 12px;
    background-position: -18px -37px;
    vertical-align: bottom
}

.hd-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 100%
}

.hd-back i {
    width: 8px;
    height: 14px;
    margin-top: 14px;
    margin-left: 18px
}

.index-hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 44px;
    background: #f14118
}

.index-hd .logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.index-hd .logo img {
    margin: 8px 10px;
    width: 70px
}

.index-hd .search {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 6px 0
}

.index-hd .search-box {
    padding: 6px 0;
    color: #ccc;
    background: #fff;
    border-radius: 3px;
    cursor: pointer;
    text-align: center
}

.index-hd .search-box img {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    vertical-align: middle
}

.index-hd .action {
    width: 40px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 30px
}

.page-order-remind {
    position: fixed;
    right: 0;
    top: 50px;
    z-index: 9;
    padding: 0 5px 1px;
    font-size: 10px;
    line-height: 28px;
    border: 2px solid #fff;
    border-right: none;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    color: #fff;
    background: #6cc0f4
}

.page-order-remind img {
    margin-right: 2px;
    vertical-align: middle
}

.page-order-remind .number {
    color: #ffde01
}

.index-hd .logo h1 {
    display: none
}

.new-hd {
    position: relative;
    height: 44px;
    padding: 0 80px;
    font-family: Microsoft YaHei;
    z-index: 11
}

.new-hd h1 {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 44px;
    text-align: center;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.new-hd .search {
    padding: 7px 0;
    margin-left: 10px
}

.new-hd .search .search-box {
    padding: 5px;
    color: #999;
    width: 98%;
    background: #fff;
    border-radius: 0;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc
}

.new-hd .search .search-box img {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    margin-left: 10px;
    vertical-align: middle
}

.new-hd .hd-action {
    position: absolute;
    top: 0;
    right: 0;
    color: #f80
}

.new-hd .hd-action.hd-action-icon {
    min-width: 60px
}

.new-hd .hd-action.hd-action-icon .action-item {
    margin: 0 5px;
    font-size: 14px;
    color: #f80
}

.new-hd .hd-action.hd-action-icon img {
    vertical-align: middle;
    width: 22px
}

.new-hd .hd-action-user i {
    width: 16px;
    height: 16px;
    background-position: -16px -49px;
    vertical-align: bottom
}

.new-hd .hd-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 100%
}

.new-hd .hd-back i {
    width: 8px;
    height: 14px;
    margin-top: 14px;
    margin-left: 18px
}

.new-hd .hd-back img {
    width: 70px;
    margin: 7px 10px
}

.hd-bg-white {
    background: #fff
}

.ft {
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background: #fff;
    overflow: hidden
}

.ft .ft-nav {
    padding: 8px 15px;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.ft .ft-nav .links {
    overflow: hidden
}

.ft .ft-nav .links a {
    display: inline-block;
    float: left;
    margin-right: 2%;
    padding: 4px;
    text-align: center;
    color: #333;
    border: 2px solid #eee;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ft .ft-nav .user {
    float: right
}

.ft .ft-nav .user a {
    display: inline-block;
    padding: 6px 2px;
    color: #666;
    vertical-align: middle
}

.ft .ft-nav .user .user-name {
    width: 70px;
    color: #25a9ff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ft .ft-nav .user .login {
    margin-right: 20px;
    color: #25a9ff
}

.ft .index-nav .links {
    margin-right: -2%
}

.ft .index-nav a {
    width: 23%;
    padding: 4px 0
}

.ft .contact {
    margin: 16px 0
}

.ft .contact .value {
    color: #26a8ff!important
}

.ft .icp {
    font-size: 10px;
    line-height: 2;
    color: #888
}

.ft .version {
    margin: 18px 0
}

.ft .version a {
    display: inline-block;
    padding: 4px 0;
    width: 70px;
    text-align: center;
    color: #888;
    border: 1px solid #eee;
    background: #eee
}

.ft .version a:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.ft .version a:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.ft .version a.current {
    color: #ff641f;
    background: #fff
}

.sider {
    position: fixed;
    right: 10px;
    bottom: 25px;
    z-index: 100
}

.sider .action {
    margin: 10px 0
}

.sider a {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45px;
    height: 45px;
    padding: 8px 0;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,.7);
    border-radius: 45px
}

.sider .to-top {
    display: none
}

.new-ft {
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background: #fff;
    overflow: hidden
}

.new-ft .ft-nav {
    padding: 8px 15px;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.new-ft .ft-nav .links {
    overflow: hidden
}

.new-ft .ft-nav .links a {
    display: inline-block;
    float: left;
    margin-right: 2%;
    padding: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    text-align: center;
    color: #333;
    border: 0 solid #eee;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.new-ft .ft-nav .user {
    float: right
}

.new-ft .ft-nav .user a {
    display: inline-block;
    padding: 6px 2px;
    color: #666;
    vertical-align: middle
}

.new-ft .ft-nav .user .user-name {
    width: 80px;
    color: #25a9ff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.new-ft .ft-nav .user .login {
    margin-right: 20px;
    color: #25a9ff
}

.new-ft .index-nav .links {
    margin-right: -2%
}

.new-ft .index-nav a {
    width: 23%;
    padding: 4px 0
}

.new-ft .contact {
    margin: 16px 0
}

.new-ft .contact .value {
    color: #26a8ff!important
}

.new-ft .icp {
    font-size: 10px;
    line-height: 2;
    color: #888
}

.new-ft .version {
    margin: 18px 0
}

.new-ft .version a {
    display: inline-block;
    padding: 4px 0;
    width: 70px;
    text-align: center;
    color: #888;
    border: 1px solid #eee;
    background: #eee
}

.new-ft .version a:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.new-ft .version a:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.new-ft .version a.current {
    color: #ff641f;
    background: #fff
}

.new-ft-hr {
    border-right: 1px solid #ccc!important;
    border-radius: 0!important
}

#new-links a {
    display: inline-block;
    float: left;
    margin-right: 2%;
    padding: 4px;
    text-align: center;
    color: #333;
    border: 2px solid #eee;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0
}

.sec {
    margin: 10px 0;
    background: #fff;
    border-bottom: 0 solid #ddd;
    -webkit-box-shadow: 0 1px 2px #e5e5e5;
    box-shadow: 0 1px 2px #e5e5e5
}

.sec.top {
    margin-top: 0
}

.sec.follow {
    margin-top: -10px
}

.sec .sec-title,.sec h2 {
    margin: 0;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    border-bottom: 1px solid #ddd
}

.sec .sec-title img,.sec h2 img {
    height: 15px;
    margin-right: 6px;
    vertical-align: -2px
}

.sec .sec-title.light,.sec h2.light {
    font-weight: 400;
    color: #666
}

.sec .sec-title.compact,.sec h2.compact {
    padding: 5px 10px
}

.sec .content {
    padding: 10px 15px
}

.sec .more {
    background: #fff;
    border-top: 1px solid #ddd
}

.sec .more a {
    display: block;
    padding: 6px 0;
    font-size: 14px;
    text-align: center;
    color: #ff641f
}

.default-a {
    display: inline!important;
    color: #333!important;
    font-size: 12px!important
}

.overlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
    -webkit-transition: background .2s ease-out;
    transition: background .2s ease-out;
    z-index: 1000
}

.overlay.transparent {
    background: 0 0
}

.overlay.show {
    display: block;
    background: rgba(0,0,0,.5)
}

.overlay .overlay-box {
    height: 100%;
    background: #eee;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

.overlay .overlay-box.right {
    margin-left: 9%
}

.overlay.active .overlay-box {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.overlay.overlay-fixed {
    position: fixed;
    left: initial
}

@media screen and (min-width:1023px) {
    .overlay.overlay-fixed {
        width: 740px;
        margin: 0 auto
    }
}

.msg {
    padding: 40px 50px 60px;
    background: #fff;
    text-align: center
}

.msg img {
    margin-bottom: 10px
}

.msg .word {
    display: inline-block;
    text-align: left
}

.msg.page {
    padding: 100px 50px 150px
}

.msg.sm {
    padding: 15px 20px
}

.no-item {
    padding: 100px 20px 150px;
    color: #333;
    background: #fff;
    text-align: center
}

.no-item img {
    margin-bottom: 5px
}

.link-btn {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    color: #218fff
}

.link {
    color: #218fff
}

.link.underline {
    text-decoration: underline
}

.site-text {
    color: #f14118
}

.share {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8) none repeat scroll 0 0!important;
    filter: alpha(opacity=80);
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 999
}

.share .share-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: #FFF;
    overflow: hidden
}

.share .share-content.wx-lead {
    background: 0 0;
    padding-top: 64px;
    bottom: initial
}

.share .share-content.wx-lead .btn-box {
    display: none
}

@media screen and (min-width:1023px) {
    .share .share-content {
        width: 740px
    }
}

.share .share-item {
    text-align: center;
    margin: 10px;
    min-height: 80px
}

.share .share-lead {
    padding: 15px 20px;
    margin: 0 30px;
    position: relative;
    text-align: left;
    background: #fff;
    border-radius: 5px
}

.share .share-lead p {
    margin: 0;
    padding: 0;
    line-height: 2
}

.share .share-lead .title {
    font-size: 14px;
    color: #F24A24
}

.share .share-lead img {
    margin: 0 5px;
    width: 22px;
    vertical-align: text-bottom
}

.share .share-lead .lead-track {
    position: absolute;
    top: -68px;
    right: -20px;
    display: inline-block;
    zoom: 1;
    height: 64px;
    width: 100px;
    vertical-align: bottom;
    background-image: url(../images/wx-lead.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100px 64px
}

.share .share-lead .step-more i {
    margin: 0 10px;
    display: inline-block;
    height: 18px;
    width: 24px;
    vertical-align: middle;
    background-image: url(../images/wx-more.png);
    background-repeat: no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px;
    zoom: 1
}

.share .share-lead.wx .step-more i {
    background-image: url(../images/wx-more.png)
}

.share .share-lead.mqq .step-more i {
    background-image: url(../images/wx-more2.png)
}

.share .share-lead .step-browser i {
    margin: 0 10px;
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    background-image: url(../images/wx-browser-icon.png);
    background-repeat: no-repeat;
    -webkit-background-size: 18px 18px;
    background-size: 18px;
    zoom: 1
}

.share .share-item .item-box {
    overflow: hidden
}

.share .share-item .item-box a {
    float: left;
    margin: 8px 0;
    width: 33%;
    text-align: center
}

.share .share-item .item-box a .icon {
    display: inline-block;
    zoom: 1;
    height: 36px;
    width: 36px;
    line-height: 36px;
    vertical-align: bottom;
    background-image: url(../images/share-icon.png);
    background-repeat: no-repeat;
    -webkit-background-size: 36px 36px;
    background-size: 36px
}

.share .share-item .item-box a .icon.sqq {
    background-position: 0 -180px
}

.share .share-item .item-box a .icon.tsina {
    background-position: 0 -108px
}

.share .share-item .item-box a .icon.weixin {
    background-position: 0 -36px
}

.share .share-item .item-box a .icon.weixinFriend {
    background-position: 0 -72px
}

.share .share-item .item-box a .icon.qzone {
    background-position: 0 -144px
}

.share .share-item .item-box a .name {
    display: block;
    color: #333;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap
}

.share .btn-box {
    line-height: 60px;
    border-top: 1px solid #E3E3E3;
    text-align: center;
    font-size: 14px;
    font-weight: bolder
}

.share .btn-box a {
    display: block;
    color: #000
}

.link-list {
    background: #fff
}

.link-list.with-border {
    border-bottom: 1px solid #ddd
}

.link-list ol,.link-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.link-list li {
    border-bottom: 1px solid #ddd
}

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

.link-list a {
    display: block;
    padding: 12px 14px;
    padding-right: 10%;
    font-size: 14px;
    color: #666;
    background-image: url(../images/arrow.png);
    -webkit-background-size: 7px 13px;
    background-size: 7px 13px;
    background-repeat: no-repeat;
    background-position: 95% center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.link-list a.link {
    color: #ff641f
}

.game-list {
    background: #fff;
    overflow: hidden;
    padding: 18px 14px 4px
}

.game-list ol,.game-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    margin-right: -10px
}

.game-list .game-logo {
    width: 52px;
    height: 52px;
    vertical-align: bottom
}

.game-list li {
    float: left;
    width: 25%;
    margin-bottom: 10px;
    overflow: hidden
}

.game-list .name {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.game-list a {
    display: block;
    margin-right: 10px;
    color: #666;
    text-align: center
}

.nav-list {
    padding: 10px 14px 0;
    background: #fff;
    overflow: hidden
}

.nav-list ol,.nav-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.nav-list .logo {
    width: 39px;
    height: 39px;
    vertical-align: bottom
}

.nav-list li {
    float: left;
    width: 25%;
    margin-bottom: 8px;
    overflow: hidden
}

.nav-list .name {
    display: inline-block;
    width: 100%;
    line-height: 1.6;
    vertical-align: bottom;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.nav-list a {
    display: block;
    padding: 0 4px;
    color: #666;
    text-align: center
}

.alpha-list {
    padding: 10px 14px 0;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd
}

.alpha-list ol,.alpha-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    margin-right: -9px
}

.alpha-list li {
    float: left;
    margin-right: 9px;
    margin-bottom: 10px
}

.alpha-list a {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    color: #999;
    border: 1px solid #eee;
    border-radius: 26px;
    text-align: center
}

.alpha-list a.current {
    color: #fff;
    background: #ff651f;
    border: 1px solid #ff651f
}

.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background: #fff;
    padding: 10px 5px;
    border-top: 1px solid #ddd;
    text-align: center
}

.pagination a {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 5px;
    padding: 3px;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pagination a.disabled {
    color: #999
}

.pagination span {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 4px 10px
}

fieldset {
    margin: 10px 0;
    padding: 0;
    background: #fff;
    border: none
}

fieldset.top {
    margin-top: 0
}

fieldset.bottom {
    margin-bottom: 0
}

fieldset.triple-label .form-info .label,fieldset.triple-label .form-item .label-box {
    min-width: 4em
}

fieldset.quadruple-label .form-info .label,fieldset.quadruple-label .form-item .label-box {
    min-width: 5em
}

fieldset.penta-label .form-info .label,fieldset.penta-label .form-item .label-box {
    min-width: 6em
}

fieldset.hexa-label .form-info .label,fieldset.hexa-label .form-item .label-box {
    min-width: 7em
}

fieldset.fixed-label .form-info .label,fieldset.fixed-label .form-item .label-box {
    min-width: 90px
}

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

.legend,legend {
    position: relative;
    display: inline-block;
    padding: 5px 20px 5px 10px;
    background: linear-gradient(to right, #1cb6ff, #a0d0e7);
    color: #fff;
    overflow: hidden;
    vertical-align: bottom;
    width: -webkit-fit-content;
    width: fit-content
}

.legend::after,legend::after {
    position: absolute;
    content: '';
    height: 32px;
    width: 10px;
    background: #fff;
    right: -3px;
    top: -2px;
    -webkit-transform: rotate(-11deg);
    transform: rotate(-11deg)
}

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

.form-aux .aux-sel i {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/form-checkbox.png);
    background-repeat: no-repeat;
    -webkit-background-size: 16px 32px;
    background-size: 16px 32px;
    background-position: 0 0
}

.form-aux .aux-sel i .checked {
    background-position: 0 -16px
}

.form-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    overflow: hidden
}

.form-item .label-box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 2px 0 2px 5px;
    color: #333;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.form-item .label-box label {
    display: inline-block
}

.form-item .item-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.form-item .item-box.plain {
    padding: 2px 0
}

.form-item .item-box .item-desc {
    color: #b8b8b8
}

.form-item .action-box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 5px;
    padding: 2px 0
}

.form-item .action-box.right {
    position: absolute;
    right: 0
}

.form-item input,.form-item select {
    width: 100%;
    height: 25px;
    padding: 2px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 4px
}

.form-item.for-radio input {
    margin: 0 5px;
    width: auto;
    vertical-align: middle
}

.form-item textarea {
    width: 100%;
    padding: 2px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    border: none;
    border-radius: 4px;
    vertical-align: bottom
}

.form-item select {
    padding-right: 15%;
    background-color: #eee;
    background-image: url(../images/select-arrow.png);
    -webkit-background-size: 10px 5px;
    background-size: 10px 5px;
    background-repeat: no-repeat;
    background-position: 95% center;
    -webkit-appearance: none
}

.form-item.error .label-box label {
    color: #f14118
}

.form-item.error .label-box label::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 2px;
    background-position: -56px -1px
}

.form-item.error input,.form-item.error textarea {
    background: #f3f3f3
}

.form-item.ov {
    overflow: visible
}

.form-item.guide {
    border-top: 1px solid #ddd
}

.form-item.guide .label-box img {
    margin-right: 5px;
    width: 22px;
    vertical-align: bottom
}

.form-item.guide .test {
    display: block;
    padding: 4px;
    color: #333
}

.form-item.guide .close {
    float: right;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/arrow.png);
    background-repeat: no-repeat;
    -webkit-background-size: 8px 8px;
    background-size: 8px;
    background-position-y: 2px
}

.form-item-picker {
    border-bottom: 1px solid #ddd;
    background: #fff;
    overflow: hidden
}

.form-item-picker .label-box {
    padding: 12px;
    border-bottom: 1px solid #ddd
}

.form-item-picker .picker-radio ul {
    list-style: none;
    margin: 0;
    padding: 0 10px
}

.form-item-picker .picker-radio ul li {
    border-bottom: 1px solid #ddd;
    color: #666
}

.form-item-picker .picker-radio ul li input {
    display: none
}

.form-item-picker .picker-radio ul li label {
    display: block;
    padding: 12px 0
}

.form-item-picker .picker-radio ul li label.disable {
    color: #ccc
}

.form-item-picker .picker-radio ul li label.disable .radio-checked {
    background-position: 0 -36px
}

.form-item-picker .picker-radio ul li .radio-checked {
    float: right;
    width: 18px;
    height: 18px;
    background-image: url(../images/icon-radio2.png);
    background-size: 18px 36px;
    -webkit-background-size: 18px 54px;
    background-repeat: no-repeat;
    background-position: 95% center;
    background-position: 0 -18px
}

.form-item-picker .picker-radio ul li .radio-checked.true {
    background-position: 0 0
}

.form-item-picker .picker-radio ul li:last-child {
    border-bottom: none
}

.form-count-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.form-count-item label {
    display: block;
    padding: 4.5px 5px
}

.form-count-item .count-box {
    margin: 0 5px;
    letter-spacing: 5px
}

.form-count-item .count-box span {
    display: inline-block;
    width: 26px;
    height: 26px;
    font-size: 16px;
    line-height: 26px;
    border: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0
}

.form-count-item .count-box input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 58px;
    padding: 4.5px 5px;
    color: #333;
    background: #eee;
    border: none;
    vertical-align: middle;
    text-align: center;
    border-radius: 3px;
    letter-spacing: 0
}

.form-count-item .stock {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 4.5px 0;
    text-align: center;
    color: #999
}

.form-count-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 3px 8px;
    border: none;
    background: #fff
}

.form-count-item.terse label {
    display: block;
    padding: 4.5px 0
}

.form-count-item.terse .count-box {
    margin: 0 5px;
    letter-spacing: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 22px
}

.form-count-item.terse .count-box span {
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
    border: none;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0
}

.form-count-item.terse .count-box input {
    padding: 0;
    margin: 0 -6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 22px;
    color: #333;
    background: #fff;
    border: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    vertical-align: middle;
    text-align: center
}

.form-count-item.terse .stock {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    color: #999
}

.form-info {
    padding: 9px 10px;
    line-height: 200%;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.form-info .info-box {
    overflow: hidden
}

.form-info .label {
    float: left;
    padding-left: 5px;
    text-align: right
}

.form-info .value {
    overflow: hidden
}

.form-info .value .price-hongbao {
    display: inline;
    padding: 5px 8px;
    margin-left: 16px;
    font-size: 12px;
    color: #fff;
    background: #fe7d00;
    border-radius: 3px
}

.form-info .value .price-hongbao img {
    vertical-align: text-bottom;
    width: 12px
}

.form-info .price {
    font-size: 16px;
    color: #f14118
}

.form-info .hr {
    margin: 9px 0;
    border-bottom: 1px dashed #ddd
}

.form-info.strong {
    color: #333
}

.form-picker {
    padding: 15px 10px;
    background: #fff
}

.form-picker ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    overflow: auto;
    margin-right: -10px;
    margin-bottom: -10px
}

.form-picker .form-picker-item {
    float: left;
    width: 50%;
    margin-bottom: 10px
}

.form-picker .form-picker-item.triple {
    width: 33%
}

.form-picker .form-picker-item.quarter {
    width: 25%
}

.form-picker label {
    display: block;
    margin-right: 10px;
    padding: 6px;
    border: 1px dashed #ddd;
    color: #333;
    text-align: center;
    border-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.form-picker label.current {
    background: #ffe9dc;
    border-color: #f14118
}

.form-picker.solid label {
    border: 1px solid #ddd
}

.form-picker.solid label.current {
    color: #f14118;
    background: #fff;
    border-color: #f14118
}

.form-picker img {
    margin-right: 5px;
    vertical-align: middle
}

.form-picker input {
    display: none
}

.form-picker.in {
    padding: 0
}

.form-picker.in ul {
    margin-top: -4px;
    margin-bottom: -14px
}

.form-btn-block {
    padding: 0 15px
}

.form-btn-block.white-back {
    background: #fff
}

.form-btn-block .form-btn-aux {
    padding: 15px
}

.form-btn-block .btn {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 11px;
    font-size: 14px;
    background: linear-gradient(to right, #6CACFF, #8DEBFF);
    border: 1px solid #c3e3f2;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-btn-block .btn.flat-btn {
    border-radius: 0
}

.form-btn-block .btn.disabled {
    background: #999;
    border: 1px solid #999
}

.form-btn-block .btn-revert {
    background: #fff;
    color: #ff641f
}

.form-btn-block.double {
    padding: 0;
    overflow: hidden
}

.form-btn-block.double .btn-box {
    float: left;
    width: 100%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.submit-box {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #ccc;
    background: #fff
}

.submit-box .submit-price {
    padding: 5px 8px
}

.submit-box .submit-price .price {
    color: #f14118;
    font-size: 14px;
    font-weight: 700
}

.submit-box .submit-btn {
    position: absolute;
    top: 22px;
    right: 10px
}

.submit-box .submit-btn .btn {
    font-size: 14px;
    padding: 8px 10px;
    margin: 0 3px;
    background: #ff641f;
    color: #fff;
    border: 1px solid #ff641f;
    border-radius: 3px
}

.submit-box .submit-btn .btn.btn-revert {
    color: #ff641f;
    background: #fff
}

.form-radio-tab {
    background: #f5f7fa;
    border-bottom: 1px solid #ddd
}

.form-radio-tab ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.form-radio-tab li {
    float: left;
    width: 50%
}

.form-radio-tab i {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    background-position: -1px -37px
}

.form-radio-tab label {
    display: block;
    padding: 12px 0;
    color: #333;
    text-align: center;
    cursor: pointer
}

.form-radio-tab label.current {
    color: #f14118
}

.form-radio-tab label.current i {
    background-position: -1px -52px
}

.form-radio-tab input {
    display: none
}

.form-tip {
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.form-tip img {
    margin-right: 5px;
    vertical-align: middle
}

.form-tip.in {
    margin-top: 10px;
    padding: 0;
    color: #999;
    border-bottom: none;
    background: 0 0
}

.form-tip.warning {
    background: #ffe9dc
}

.form-tip a {
    color: #25a9ff
}

.form-tip.nocolor {
    padding: 5px 15px;
    background: 0 0
}

.form-toast {
    position: fixed;
    bottom: 60px;
    left: 0;
    z-index: 1001;
    width: 100%;
    text-align: center
}

.form-toast .content {
    display: inline-block;
    overflow: hidden;
    margin: 0 20px;
    padding: 16px;
    font-size: 11px;
    background: rgba(0,0,0,.53);
    color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000
}

.form-checkbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.form-checkbox li {
    display: inline-block;
    max-width: 200px;
    margin-right: 10px;
    padding: 3px 0;
    overflow: hidden
}

.form-checkbox label {
    display: inline-block;
    width: 100%;
    padding: 0;
    color: #ccc;
    vertical-align: bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.form-checkbox i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    background-position: -20px -1px
}

.form-checkbox .form-checkbox-item.checked i {
    background-position: -20px -17px
}

.form-checkbox input {
    display: none
}

#area-select .select-box {
    margin: 15px;
    background: #fff;
    overflow: hidden
}

#area-select .select-box .title {
    position: relative;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 160%;
    background: #fff;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #ddd
}

#area-select .select-box .title .commit {
    float: right;
    color: #ff9226
}

#area-select .select-box .select-context {
    margin: 10px 0;
    overflow: hidden
}

#area-select .select-box .select-context .select-group {
    float: left;
    margin: 0 10px;
    width: 90px;
    color: #333;
    text-align: center
}

#area-select .select-box .select-context .select-group ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    border: 1px solid #ddd;
    border-bottom: none
}

#area-select .select-box .select-context .select-group li {
    padding: 4px 0;
    border-bottom: 1px solid #ddd;
    cursor: pointer
}

#area-select .select-box .select-context .select-group li.current {
    color: #333;
    background: #ffcf99
}

#area-select .select-box .select-context .select-item {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    margin-left: 10px
}

#area-select .select-box .select-context .select-item li {
    float: left;
    width: 50%;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#area-select .select-box .select-context .select-item li button {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    width: 100%;
    margin-bottom: 10px;
    padding: 4px;
    color: #333;
    text-align: center;
    border: 1px solid #ddd;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#area-select .select-box .select-context .select-item li button.current {
    background: #ffcf99
}

.form-error {
    margin: 10px 0;
    padding: 0 15px;
    color: #f14118
}

.form-hr {
    height: 10px;
    background: #eee
}

.checkbox-item {
    display: inline-block
}

.checkbox-item i {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 2px;
    vertical-align: middle;
    background-position: -37px 0
}

.checkbox-item.checked i {
    background-position: -37px -18px
}

.checkbox-item input {
    display: none
}

.search-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background: #fff;
    padding: 8px 15px
}

.search-form h3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 10px 0 0;
    font-size: 14px;
    line-height: 2;
    color: #333
}

.search-form .input-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 5px
}

.search-form .input-box input {
    width: 100%;
    padding: 4.5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    background-color: #e5e5e5;
    border-radius: 2px
}

.search-form .input-box input.front-icon {
    padding-left: 23px;
    background-image: url(../images/search-input-back.png);
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
    background-repeat: no-repeat;
    background-position: 8px 8px
}

.search-form .btn-box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 14px
}

.search-form .btn-box button {
    padding: 3px 10px;
    color: #fff;
    background: #ff641f;
    border: none;
    border-radius: 2px
}

.tab {
    background: #fff;
    border-bottom: 1px solid #ddd
}

.tab ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.tab li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100px;
    flex: 1 1 100px;
    padding: 0 10px
}

.tab.no-padding li {
    padding: 0
}

.tab a {
    position: relative;
    bottom: -1px;
    display: block;
    padding: 6px 0 4px;
    font-size: 14px;
    color: #333;
    text-align: center;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tab a.current {
    color: #70b4ff;
    border-bottom: 2px solid #70b4ff
}

.tab-pills {
    padding: 10px;
    border-bottom: none
}

.tab-pills li {
    padding: 0
}

.tab-pills li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.tab-pills li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.tab-pills a {
    position: relative;
    margin-left: -1px;
    padding: 4px;
    border: 1px solid #ddd
}

.tab-pills a.current {
    z-index: 10;
    border: 1px solid #f14118
}

.text-box {
    padding: 8px 10px;
    background-color: #eee
}

.text-box.overt {
    background: #ffe9dc
}

.text-box.plain {
    background-color: #fff
}

.text-box.killed {
    margin-bottom: 8px
}

.text-box.tran {
    background-color: transparent
}

.text-box.fillet {
    border-radius: 6px
}

.text-box .in {
    color: #FF7035
}

.text-box .title {
    font-size: 14px;
    font-weight: 700
}

.text-box .fontc {
    color: #999
}

.text-box .right {
    float: right
}

.animated {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

#alert .alert-box {
    margin: 40% 30px;
    background: #fff;
    overflow: hidden;
    border-radius: 10px
}

#alert .alert-box .title {
    padding: 10px 35px;
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #f60;
    border-bottom: 1px solid #ccc
}

#alert .alert-box .title .close {
    display: inline-block;
    position: absolute;
    right: 10px;
    width: 22px;
    height: 22px;
    background: url(../images/close-overt.png);
    background-repeat: no-repeat;
    -webkit-background-size: 22px 22px;
    background-size: 22px 22px
}

#alert .alert-box .content {
    padding: 10px 20px;
    text-align: center
}

#alert .alert-box .btn-box {
    padding: 0;
    margin: 10px 0;
    overflow: hidden;
    text-align: center
}

#alert .alert-box .btn-box .btn {
    display: inline-block;
    padding: 3px 30px;
    margin: 0 5px;
    color: #f60;
    border: 1px solid #f60;
    border-radius: 5px
}

#alert .alert-box .btn-box .tieup {
    color: #666
}

#alert .alert-box .btn-box .tieup input {
    display: none
}

#alert .alert-box .btn-box .tieup i {
    display: inline-block;
    margin-right: 3px;
    width: 14px;
    height: 14px;
    background-image: url(../../images/form-checkbox.png);
    background-repeat: no-repeat;
    -webkit-background-size: 14px 14px;
    background-size: 14px;
    vertical-align: text-bottom
}

#alert .alert-box .btn-box .tieup.checked i {
    background-position: 0 -14px
}

.upgrade-window {
    background: rgba(0,0,0,.85) url(../images/upgrade_close.png) 6.3rem .6rem no-repeat;
    -webkit-background-size: .5rem .5rem;
    background-size: .5rem
}

.upgrade-window .cDialog {
    background: url(../images/user_upgrade.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.upgrade-window .member-lv5 {
    background: url(../images/member_lv5.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

.productDetail-discountTip {
    display: inline-block;
    margin-left: 14px;
    padding: 0 8px;
    line-height: 16px;
    border: 1px solid #ff8903;
    font-size: 10px;
    color: #ff8903
}

.commend-panel .commend-box dd,.commend-panel .commend-box dt,.line1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.commend-panel {
    background-color: #fff;
    color: #333
}

.commend-panel a {
    color: inherit
}

.commend-panel dd,.commend-panel dl,.commend-panel dt,.commend-panel h3,.commend-panel ul {
    margin: 0;
    padding: 0
}

.commend-panel li {
    list-style: none
}

.commend-panel .common-header {
    padding: 11px
}

.commend-panel .commend-goods li {
    position: relative;
    border-bottom: 1px solid #ddd
}

.commend-panel .commend-box {
    display: block;
    position: relative;
    margin-right: 60px;
    padding: 11px
}

.commend-panel .commend-box img {
    position: absolute;
    top: 50%;
    left: 11px;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    border-radius: 5px
}

.commend-panel .commend-box dl {
    margin-left: 66px;
    line-height: 1.6
}

.commend-panel .commend-box dt {
    font-size: 15px
}

.commend-panel .commend-box dd {
    font-size: 12px;
    color: #999
}

.commend-panel .commend-box dd>span {
    vertical-align: middle;
    font-size: 12px
}

.commend-panel .commend-box dd>span:not(:last-child) {
    margin-right: 6px
}

.commend-panel .commend-box dd:last-child {
    font-size: 0
}

.commend-panel .commend-box .type {
    margin-left: 5px;
    color: #f90
}

.commend-panel .commend-box .cuurent-price {
    font-size: 14px;
    color: #f33
}

.commend-panel .commend-box .old-price {
    text-decoration: line-through
}

.commend-panel .commend-box .cuurent-price:before,.commend-panel .commend-box .old-price:before {
    content: '¥'
}

.commend-panel .commend-box .cuppon1,.commend-panel .commend-box .cuppon2 {
    display: inline-block;
    padding: 0 3px;
    border: 1px solid #f25b53;
    border-radius: 6px;
    line-height: 12px;
    font-size: 10px;
    color: #f25b53
}

.commend-panel .similar {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    line-height: 40px;
    border: 1px solid #999;
    border-radius: 100%;
    font-size: 11px;
    text-align: center;
    color: #999
}

.commend-panel .more-goods {
    display: block;
    line-height: 45px;
    font-size: 14px;
    text-align: center;
    color: #333
}

.product-list {
    background: #fff
}

.product-list ol,.product-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.product-list li {
    border-bottom: 1px solid #ddd
}

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

.product-list a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 10px 14px
}

.product-list .price {
    position: relative;
    width: 48px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 15px
}

.product-list .price .box {
    position: absolute;
    width: 100%;
    height: 100%
}

.product-list .price span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 36px;
    padding: 2px 4px;
    font-size: 11px;
    vertical-align: middle;
    color: #ff641f;
    border: 1px solid #ff641f;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.product-list .logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 7px
}

.product-list .logo img {
    width: 52px;
    height: 52px;
    vertical-align: bottom
}

.product-list .info {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.product-list h3 {
    margin: 3px 0;
    font-weight: 400;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.product-list .desc {
    font-size: 11px;
    color: #999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.quehuo-img {
    text-align: center;
    padding: 30px 0 15px
}

.quehuo-title {
    text-align: center;
    font-weight: 600;
    color: #333
}

.quehuo-info {
    padding: 35px 10px 10px;
    font-size: 13px
}

.quehuo-info span {
    color: #fe6046
}

.quehuo-des {
    background-color: #fff;
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
    font-size: 13px
}

.order-list {
    overflow: hidden
}

.order-list ol,.order-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.order-list li {
    margin: 10px;
    background: #fff
}

.order-list .order-hd {
    padding: 6px 8px;
    border-bottom: 1px solid #ddd
}

.order-list .order-status {
    float: right
}

.order-list .order-id {
    color: #666
}

.order-list .order-bd {
    position: relative
}

.order-list .order-bd a {
    display: block;
    padding: 8px 10px;
    line-height: 1.4
}

.order-list .order-bd h3 {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.order-list .order-bd .logo {
    float: left;
    margin-right: 5px
}

.order-list .order-bd .box {
    overflow: hidden
}

.order-list .order-bd .count,.order-list .order-bd .desc {
    font-size: 11px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.order-list .order-bd .price {
    margin-right: 5px;
    font-size: 11px;
    color: #f14118
}

.order-list .order-bd .amount {
    margin-top: 6px;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.order-list .order-bd .btn {
    display: inline-block;
    text-align: center;
    background: #ff641f;
    border: 1px solid #ff641f;
    color: #fff;
    position: absolute;
    top: 15px;
    right: 10px;
    padding: 5px
}

.order-list .order-ft {
    position: relative;
    margin: 0 10px;
    padding: 5px 0;
    border-top: 1px solid #ddd;
    overflow: hidden
}

.order-list .order-ft .action {
    float: right;
    margin-left: 5px;
    text-align: right
}

.order-list .order-ft .order-btn {
    display: inline-block;
    padding: 2px 12px;
    text-align: center;
    color: #fff;
    background: #73c7f0;
    border-radius: 5px;
    vertical-align: bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.order-list .order-ft .order-btn-revert {
    background: #fff;
    color: #666;
    border: 1px solid #666
}

.order-list .order-ft .order-btn-introduce {
    display: inline-block;
    padding: 0 4px;
    text-align: center;
    color: #ff651f;
    border: 2px solid #ff651f;
    border-radius: 30px;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    margin: 3px
}

.order-list .order-ft .order-btn-share {
    background: #fff;
    color: #f60;
    border: 1px solid #ff8533
}

.order-list .order-ft .remind-time {
    margin-top: 2px;
    font-size: 10px
}

.order-list .order-ft .total-price {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    font-size: 10px
}

.order-list .order-ft .total-price .value {
    font-size: 13px;
    vertical-align: middle
}

.order-list .order-ft .value {
    color: #d5372a
}

.my-product-list {
    overflow: hidden
}

.my-product-list ol,.my-product-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.my-product-list li {
    margin-bottom: 10px;
    background: #fff
}

.my-product-hd {
    position: relative;
    border-bottom: 1px solid #ddd
}

.my-product-hd label {
    display: block;
    padding: 8px 80px 8px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333
}

.my-product-hd input {
    margin-right: 5px;
    vertical-align: text-bottom
}

.my-product-hd .my-product-checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url(../../images/form-checkbox.png);
    background-repeat: no-repeat;
    -webkit-background-size: 16px 32px;
    background-size: 16px 32px
}

.my-product-hd .my-product-checkbox.checked {
    background-position: 0 -16px
}

.my-product-hd .status {
    position: absolute;
    right: 5%
}

.my-product-bd {
    padding: 10px;
    font-size: 11px;
    line-height: 1.8;
    color: #999
}

.my-product-bd a {
    display: block;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-image: url(../images/arrow.png);
    -webkit-background-size: 7px 13px;
    background-size: 7px 13px;
    background-repeat: no-repeat;
    background-position: 96% center
}

.my-product-bd .value {
    color: #f14118
}

.my-product-ft {
    padding: 6px 10px;
    border-top: 1px solid #ddd;
    text-align: right;
    overflow: hidden
}

.my-product-ft .action {
    display: inline-block;
    margin-left: 10px;
    text-align: right;
    padding: 2px 8px;
    text-align: center;
    color: #fff;
    background: #ff651f;
    border-radius: 3px
}

.more.for-my-product {
    height: 35px;
    background: #FFF;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.more a {
    display: block;
    padding: 6px 0;
    font-size: 14px;
    text-align: center;
    color: #ff641f
}

.my-product-footer {
    background: rgba(255,255,255,.8);
    height: 48px;
    border-top: 1px solid #E4E4E4;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 101
}

.my-product-footer.for-absolute {
    position: absolute;
    top: 100%
}

.my-product-footer a {
    display: inline-block;
    width: 30%;
    float: left;
    height: 30px;
    margin-top: 8px;
    line-height: 30px;
    border-radius: 5px;
    color: #FE641E;
    border: 1px solid #FE641E;
    margin-left: 2%;
    margin-right: 0;
    text-align: center
}

.game-block {
    display: none
}

.game-block.links {
    overflow: hidden;
    padding: 10px 10px 5px 0
}

.game-block.links a {
    display: inline-block;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 4px;
    text-align: center;
    color: #333;
    border: 2px solid #eee;
    border-radius: 4px
}

.game-block.links a.current {
    border-color: #FE6320;
    color: #FE6320
}

.alpha-list.for-my-product {
    border: none
}

.game-area {
    display: none
}

.product-currency-list {
    line-height: 1.8;
    overflow: hidden
}

.product-currency-list ol,.product-currency-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.product-currency-list li {
    padding: 14px 10px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

.product-currency-list li:last-child {
    border-bottom: none
}

.product-currency-list img {
    vertical-align: bottom
}

.product-currency-list .left {
    float: left;
    margin-right: 6px
}

.product-currency-list .right {
    float: right;
    margin-left: 10px;
    text-align: center
}

.product-currency-list .info {
    overflow: hidden
}

.product-currency-list .name {
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-currency-list .desc {
    font-size: 11px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-currency-list .price {
    font-size: 11px;
    line-height: 1.6;
    color: #f14118
}

.product-currency-list .to-buy {
    display: inline-block;
    padding: 0 5px;
    color: #f14118;
    border: 1px solid #f14118;
    border-radius: 3px
}

.product-account-list {
    padding: 0 10px;
    background: #eee;
    overflow: hidden
}

.product-account-list ol,.product-account-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    margin-right: -10px
}

.product-account-list li {
    position: relative;
    float: left;
    width: 50%;
    margin-bottom: 10px
}

.product-account-list li:last-child {
    border-bottom: none
}

.product-account-list li.dan::before,.product-account-list li.ji::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    z-index: 5;
    background-image: url(../images/account-dan.png);
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    content: ''
}

.product-account-list li.ji::before {
    background-image: url(../images/account-ji.png)
}

.product-account-list a {
    display: block;
    margin-right: 10px;
    padding: 0 5px;
    background: #fff
}

.product-account-list img {
    width: 100%;
    vertical-align: middle
}

.product-account-list .pic {
    position: relative;
    margin-bottom: 4px;
    padding-top: 62%;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden
}

.product-account-list .pic-wrapper {
    position: absolute;
    top: -20%;
    bottom: -20%;
    left: 0;
    right: 0;
    text-align: center;
    letter-spacing: -.31em
}

.product-account-list .pic-wrapper::before {
    content: ' ';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.product-account-list.vertical .pic {
    padding-top: 112%
}

.product-account-list.vertical .pic-wrapper {
    top: 0;
    bottom: 0;
    left: -20%;
    right: -20%
}

.product-account-list.vertical img {
    height: 100%
}

.product-account-list .info {
    padding: 5px 0;
    overflow: hidden;
    border-bottom: 1px dashed #ddd
}

.product-account-list .name {
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-account-list .desc {
    font-size: 11px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-account-list .trade {
    line-height: 220%
}

.product-account-list .status {
    float: right;
    font-size: 10px;
    color: #999
}

.product-account-list .price {
    color: #f14118
}

.shop-list {
    padding: 12px 0 5px 10px
}

.shop-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    overflow: hidden
}

.shop-list li {
    float: left;
    width: 20%;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    text-align: left
}

.shop-list li img {
    width: 90px
}

.shop-list .shop-logo {
    display: block;
    border: 1px solid #ddd;
    font-size: 0;
    text-align: center;
    border-radius: 6px;
    overflow: hidden
}

.shop-list .shop-logo img {
    width: 100%;
    vertical-align: middle
}

.shop-list .shop-logo::before {
    content: ' ';
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.shop-list .shop-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin: 5px 0;
    color: #666;
    text-align: center
}

.quick-rech {
    margin: 8px 0;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-family: Microsoft YaHei
}

.quick-rech .game-icon {
    float: left;
    font-size: 0;
    padding: 4px 0
}

.quick-rech .game-icon img {
    width: 52px;
    height: 52px
}

.quick-rech .account-info {
    padding-left: 60px
}

.quick-rech .account-info .game-name {
    position: relative;
    color: #000;
    font-size: 14px
}

.quick-rech .account-info .game-name .dis {
    position: absolute;
    top: 3px;
    margin-left: 5px;
    padding: 0 8px;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    border: 1px solid #f33;
    color: #f33
}

.quick-rech .account-info .game-account,.quick-rech .account-info .game-other {
    font-size: 12px;
    color: #747474
}

.quick-rech .account-info .game-area {
    display: inline;
    margin-right: 12px
}

.quick-rech .account-info .game-server img {
    margin-right: 3px;
    height: 12px
}

.quick-rech-title {
    height: 38px;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 14px;
    line-height: 38px
}

.quick-rech-search {
    float: right;
    padding-right: 12px;
    color: #ff9226
}

.quick-rech a {
    text-decoration: none
}

.quick-rech ul {
    list-style: none;
    margin: 0 8px;
    padding: 0
}

.quick-rech li {
    padding: 14px 0;
    border-bottom: 1px solid #e6e6e6
}

.quick-rech li:last-child {
    border-bottom: none
}

.form-select2 {
    position: relative
}

.form-select2 input {
    background: #eee;
    -webkit-appearance: none
}

.form-select2 input:focus {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.form-select2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    position: absolute;
    z-index: 5;
    width: 100%;
    border-left: 1px solid #eee;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.form-select2 li {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.form-select2 li.none {
    width: 100%
}

.form-select2 button {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    text-align: left
}

.form-picker-link {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    margin-right: -10px;
    margin-top: -4px;
    margin-bottom: -4px
}

.form-picker-link li {
    float: left;
    width: 33%
}

.form-picker-link a {
    display: block;
    margin-right: 10px;
    padding: 6px;
    text-align: center;
    border: 1px dashed #ddd;
    color: #333;
    text-align: center;
    border-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.form-picker-link a.current {
    background: #ffe9dc;
    border-color: #f14118
}

.search-overlay .overlay-box {
    background: #fff
}

.search-overlay .search-hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 7px 10px;
    background: #f14118
}

.search-overlay .input-box {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.search-overlay .input-box input {
    width: 100%;
    padding: 6px;
    padding-right: 10%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 4px
}

.search-overlay .input-box button {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 31px;
    height: 31px;
    background: url(../images/search-input-back.png) center no-repeat;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px
}

.search-overlay .btn-box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 10px
}

.search-overlay .btn-box a {
    display: inline-block;
    font-size: 14px;
    line-height: 31px;
    color: #fff
}

.search-overlay .serach-result-title {
    padding: 6px 14px;
    background: #fff;
    border-bottom: 1px solid #ddd
}

.search-overlay .serach-result-title .word {
    color: #ff641f
}

.search-overlay .search-index {
    background: #fff
}

.search-overlay .search-word {
    padding: 10px 14px;
    overflow: hidden
}

.search-overlay .search-word-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: -10px
}

.search-overlay .search-word-list li {
    float: left;
    width: 33%;
    text-align: center
}

.search-overlay .search-word-list a {
    display: block;
    margin: 4px 0;
    margin-right: 10px;
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.filter-overlay-hd {
    position: relative;
    padding: 8px 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 160%;
    background: #fff;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.filter-overlay-hd button {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none
}

.filter-overlay-hd .commit {
    right: 10px;
    color: #ff641f
}

.filter-overlay-hd .clear {
    left: 10px;
    color: #999
}

.filter-overlay-item {
    margin: 10px 0;
    background: #fff
}

.filter-overlay-item .head {
    padding: 5px 10px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    color: #333
}

.filter-overlay-item .switch {
    float: right;
    display: inline-block;
    width: 13px;
    height: 22px;
    margin-left: 10px;
    background-image: url(../images/filter-overlay-up.png);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 13px 7px;
    background-size: 13px 7px
}

.filter-overlay-item .current-select {
    float: right;
    color: #ff641f;
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.filter-overlay-item .bd {
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

.filter-overlay-item.fold .switch {
    background-image: url(../images/filter-overlay-down.png)
}

.filter-overlay-item.fold .bd {
    display: none
}

.filter-overlay-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 10px
}

.filter-overlay-list li {
    float: left;
    width: 33%;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.filter-overlay-list li.half {
    width: 50%
}

.filter-overlay-list li.quarter {
    width: 25%
}

.filter-overlay-list button {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    width: 100%;
    margin-bottom: 10px;
    padding: 4px;
    color: #333;
    text-align: center;
    border: 1px solid #ddd;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 4px
}

.filter-overlay-list button span {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom
}

.filter-overlay-list button.current {
    color: #ff641f;
    border: 1px solid #ff641f
}

.filter-area {
    padding-bottom: 5px
}

.filter-area button {
    margin-bottom: 1px;
    border: none;
    text-align: left;
    color: #999
}

.filter-area button.current {
    color: #ff641f;
    border: none
}

.filter-area .area-group {
    float: left;
    width: 70px;
    margin: 10px;
    color: #333;
    text-align: center
}

.filter-area .area-group ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    border: 1px solid #ddd;
    border-bottom: none
}

.filter-area .area-group li {
    padding: 4px 0;
    border-bottom: 1px solid #ddd;
    cursor: pointer
}

.filter-area .area-group li.current {
    color: #ff641f
}

.login-overlay .btn-box {
    margin: 10px
}

.login-overlay .btn-box .btn {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    font-size: 17px;
    padding: 9px 0;
    background: #ff641f;
    color: #fff;
    border-radius: 5px;
    text-align: center
}

.login-overlay .btn-box .btn-qq {
    background: #218fff
}

.login-overlay .btn-box .btn-qq img {
    margin-right: 5px;
    vertical-align: -5px
}

.login-overlay .overlay-page {
    display: none
}

.login-overlay .overlay-page.current {
    display: block
}

.login-overlay .link-btn {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    color: #218fff
}

.login-overlay a {
    color: #218fff
}

.login-overlay .forget-pwd {
    float: right
}

.login-overlay .form-checkbox {
    margin: 10px
}

.login-overlay-hd {
    position: relative;
    padding: 8px 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 160%;
    background: #f14118;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.login-overlay-hd button {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none
}

.login-overlay-hd .action {
    right: 10px
}

.login-overlay-hd .close {
    left: 10px
}

.pop-overlay .overlay-box {
    position: relative;
    height: auto;
    margin: 0 25px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    background: #fff;
    border-radius: 5px
}

.pop-overlay .overlay-box.right {
    margin-left: 9%
}

.pop-overlay.active .overlay-box {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.pop-overlay .overlay-bd {
    padding: 5px 15px
}

.pop-overlay .overlay-bd .form-info,.pop-overlay .overlay-bd .form-item {
    margin: 10px 0;
    padding: 0;
    border-bottom: none
}

.pop-overlay .overlay-bd .form-info {
    padding-left: 5px;
    font-size: 14px;
    color: #333
}

.pop-overlay .overlay-bd input {
    height: auto;
    padding: 7px 10px;
    background: #eee;
    border: 1px solid #ccc;
    -webkit-appearance: none
}

.pop-overlay .overlay-bd .action-box button {
    padding: 4px 8px;
    border: 1px solid #ccc;
    color: #ff641f;
    background: #fff;
    border-radius: 4px
}

.pop-overlay .btn-box {
    margin: 15px 0
}

.pop-overlay .btn-box .btn {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    font-size: 17px;
    padding: 9px 0;
    background: #ff641f;
    color: #fff;
    border-radius: 5px;
    text-align: center
}

.pop-overlay-hd {
    position: relative;
    padding: 7px 0;
    border-bottom: 1px solid #ddd
}

.pop-overlay-hd .title {
    font-size: 16px;
    color: #333;
    text-align: center
}

.pop-overlay-hd .close {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    right: 5px;
    width: 40px;
    height: 40px;
    background-image: url(../images/pop-close.png);
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
    background-repeat: no-repeat;
    background-position: center
}

.product-filter {
    position: relative;
    background: #fff;
    z-index: 11;
    border-bottom: 1px solid #ddd
}

.product-filter .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.product-filter .item {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    padding: 12px 0;
    line-height: 1.2;
    color: #333;
    text-align: center;
    cursor: pointer
}

.product-filter .item span {
    display: inline-block;
    width: 100%;
    border-right: 1px solid #ddd
}

.product-filter .item a {
    color: #666
}

.product-filter .item img {
    margin-left: 5px;
    vertical-align: middle
}

.product-filter .item img.front {
    margin-left: 0;
    margin-right: 5px
}

.product-filter .item:last-child span {
    border-right: none
}

.product-filter .item.current {
    color: #ff641f
}

.product-filter .item.current a {
    color: #ff641f
}

.product-filter .filter-child-list {
    position: absolute;
    top: 102%;
    z-index: 20;
    display: none;
    background: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.product-filter .filter-child-list a {
    display: block;
    padding: 15px 10px;
    text-align: left;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    border-bottom: 1px solid #ddd
}

.product-filter .filter-child-list.show {
    display: block
}

.dropdown-mask {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.3);
    z-index: 10
}

.product-title {
    padding: 11px 10px;
    font-size: 14px;
    line-height: 160%;
    background: #fff;
    border-bottom: 1px solid #ddd
}

.product-title .price {
    float: right;
    margin-left: 10px;
    color: #f14118
}

.product-title .name {
    color: #000;
    overflow: hidden
}

.product-title .right {
    float: right;
    margin-left: 10px;
    font-size: 12px
}

.product-title .right .value {
    color: #f14118;
    font-size: 16px
}

.product-info {
    padding: 10px;
    color: #999;
    background: #fff;
    border-bottom: 1px solid #ddd
}

.product-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.product-info .name {
    float: left
}

.product-info .value {
    overflow: hidden
}

.product-info .value.copy input {
    width: 60%;
    border: none
}

.product-info .value.copy a {
    float: right;
    font-size: 10px;
    color: #FF7C04
}

.product-info .show-more {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    position: relative;
    float: right;
    margin-left: 10px;
    padding-right: 15px;
    color: #f14118
}

.product-info .show-more::after {
    content: '';
    position: absolute;
    right: 0;
    top: 7px;
    width: 10px;
    height: 5px;
    background-image: url(/Public/images/product-info-arrow.png);
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
    background-repeat: no-repeat
}

.product-info img {
    vertical-align: middle
}

.product-info .more-info {
    display: none
}

.product-info.more .more-info {
    display: block
}

.product-info.more .show-more::after {
    background-position: 0 -5px
}

.account-title {
    padding: 0 10px;
    background: #fff
}

.account-title .info {
    padding: 5px 0 2px;
    border-bottom: 1px dashed #ddd
}

.account-title .name {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #333
}

.account-title .desc {
    color: #999
}

.account-title .price {
    padding: 7px 0;
    line-height: 160%;
    color: #999;
    text-align: right;
    font-size: 16px;
    color: #f14118
}

.account-seller-info {
    margin: 10px 0;
    padding: 10px;
    background: #fff;
    overflow: hidden
}

.account-seller-info .seller {
    float: right;
    color: #999
}

.image-slider {
    position: relative;
    overflow: hidden;
    background: #000
}

.image-slider .image-slider-box {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 62%;
    list-style: none;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

.image-slider .image-slider-box.move {
    -webkit-transition: none;
    transition: none
}

.image-slider .image-slider-nav {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 20px;
    line-height: 25px;
    background: rgba(0,0,0,.5);
    text-align: center
}

.image-slider .image-slider-nav .indicator span {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 5px;
    background: #abaca8;
    border-radius: 7px
}

.image-slider .image-slider-nav .indicator span.current {
    background: #f23b07
}

.image-slider li {
    position: absolute;
    top: 0;
    width: 100%
}

.image-slider img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.image-slider .pic {
    position: relative;
    padding-top: 62%;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden
}

.image-slider .pic-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    letter-spacing: -.31em
}

.image-slider .pic-wrapper::before {
    content: ' ';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.image-slider .count {
    display: none
}

.mask-image-slider {
    display: none;
    position: absolute;
    background: rgba(0,0,0,.86);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000
}

.mask-image-slider .image-slider-box {
    height: 100%;
    padding-top: 0
}

.mask-image-slider .image-slider-box li {
    height: 100%
}

.mask-image-slider .image-slider-box .pic {
    height: 100%;
    padding-top: 0
}

.mask-image-slider .image-slider-nav {
    bottom: 10px;
    background: 0 0
}

.mask-image-slider .image-slider-nav .indicator span {
    width: 10px;
    height: 10px;
    border-radius: 10px
}

.mask-image-slider .image-slider-nav .count {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff
}

.mask-image-slider .image-slider-nav .current-count {
    font-size: 16px
}

.detail-images ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.detail-images li {
    float: left;
    width: 30%;
    margin-right: 3%;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.detail-images .pic {
    position: relative;
    padding-top: 76%;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden
}

.detail-images .pic-wrapper {
    position: absolute;
    top: -20%;
    bottom: -20%;
    left: 0;
    right: 0;
    text-align: center;
    letter-spacing: -.31em
}

.detail-images .pic-wrapper::before {
    content: ' ';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.detail-images img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.detail-images .image-slider-nav {
    display: none
}

.shop-info {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    font-size: 10px
}

.shop-info span {
    display: block
}

.shop-info .shop-logo {
    float: left;
    margin-right: 5px
}

.shop-info .box {
    overflow: hidden
}

.shop-info a.box {
    display: block;
    background: url(../images/arrow.png);
    background-position: right center;
    -webkit-background-size: 7px 13px;
    background-size: 7px 13px;
    background-repeat: no-repeat;
    color: #666
}

.shop-info .content {
    overflow: hidden
}

.shop-info .name {
    font-size: 12px;
    color: #333
}

.shop-info .credit img {
    margin: 0 2px
}

.shop-info .desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fixed-buy {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0;
    z-index: 3;
    border-top: 1px solid #ddd
}

@media screen and (min-width:1023px) {
    .fixed-buy {
        width: 740px
    }
}

.account-title {
    position: relative;
    padding: 10px;
    background: #fff;
    overflow: hidden
}

.account-title .title {
    padding-right: 70px;
    max-height: 36px;
    line-height: 18px;
    color: #333;
    overflow: hidden
}

.account-title .price {
    position: absolute;
    right: 10px;
    top: 0;
    width: 70px;
    font-size: 14px;
    color: #f14118
}

.account-info-wrap {
    background: #eee
}

.account-info-wrap .detail {
    margin-bottom: 10px;
    background: #fff
}

.account-info-wrap .detail .tag {
    padding: 0 6px;
    margin: 0 10px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    color: #ff9b42;
    border: 1px solid #ffcc7f;
    border-radius: 8px
}

.account-info-wrap .detail.img-list {
    font-size: 0
}

.account-info-wrap .detail.img-list h2 {
    border: none
}

.account-info-wrap .detail.img-list ul {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none
}

.account-info-wrap .detail.img-list ul li {
    margin-bottom: 10px
}

.account-info-wrap .detail.img-list ul img {
    width: 100%
}

.account-info-wrap .detail.game-recom {
    position: relative;
    padding: 10px;
    line-height: 32px
}

.account-info-wrap .detail.game-recom a {
    display: block
}

.account-info-wrap .detail.game-recom .game-icon {
    width: 32px;
    height: 32px;
    vertical-align: bottom
}

.account-info-wrap .detail.game-recom .game-name {
    margin-left: 10px;
    color: #666
}

.account-info-wrap .detail.game-recom .game-go {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 0;
    background-image: url(../images/arrow.png);
    background-position: 0 0;
    -webkit-background-size: 8px 12px;
    background-size: 8px;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px
}

.account-info-wrap .comment-box {
    background: #fff;
    overflow: hidden
}

.account-info-wrap .comment-box .tips {
    padding: 22px 10px 60px;
    text-align: center
}

.account-info-wrap .comment-box .btn-box {
    margin: 18px;
    text-align: center
}

.account-info-wrap .comment-box .btn-box .btn {
    display: inline-block;
    margin: 0 auto;
    padding: 0 38px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #f80;
    border: 1px solid #f80;
    border-radius: 5px
}

.account-info-wrap .comment-box .title {
    margin-top: 22px;
    text-align: center
}

.account-info-wrap .comment-box .comment-tag {
    list-style: none;
    margin: 14px;
    padding: 0
}

.account-info-wrap .comment-box .comment-tag li {
    display: inline-block;
    background: #ffecea;
    border-radius: 3px;
    padding: 3px 8px;
    margin: 0 5px 10px
}

.account-buy .buy-box {
    background: #fff
}

.account-buy .buy-box .buy-btn {
    float: right;
    display: inline-block;
    padding: 6px 12px;
    margin: 5px 10px;
    background: #F60;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 3px
}

.account-buy .buy-box .buy-comment {
    display: inline-block;
    padding: 6px 8px;
    margin: 5px 10px;
    color: #333;
    font-size: 14px;
    text-align: center;
    border-radius: 5px
}

.account-buy .buy-box .buy-comment img {
    margin: 0 5px;
    width: 20px;
    vertical-align: middle
}

#comment-select .comment-wrap {
    margin: 20% 30px;
    background: #fff;
    overflow: hidden;
    border-radius: 10px
}

#comment-select .comment-wrap .title {
    position: relative;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 160%;
    background: #fff;
    color: #333;
    text-align: center
}

#comment-select .comment-wrap .comment-tag-box {
    list-style: none;
    margin-bottom: 20px;
    padding: 0;
    text-align: center;
    overflow: hidden
}

#comment-select .comment-wrap .comment-tag-box li {
    display: inline;
    text-align: center;
    overflow: hidden
}

#comment-select .comment-wrap .comment-tag-box li label {
    display: inline-block;
    margin: 5px;
    padding: 2px 10px;
    background: #fafafa;
    border: 1px solid #ccc;
    border-radius: 10px
}

#comment-select .comment-wrap .comment-tag-box li label input {
    display: none
}

#comment-select .comment-wrap .comment-tag-box li label.current {
    background: #FFA800;
    border: 1px solid #FFA800;
    color: #fff
}

#comment-select .comment-wrap .tips {
    color: #333;
    text-align: center
}

#comment-select .comment-wrap .commit-btn {
    margin: 20px 0 15px;
    padding: 0 60px;
    text-align: center;
    overflow: hidden
}

#comment-select .comment-wrap .commit-btn a {
    display: block;
    padding: 10px 0;
    background: #f60;
    border-radius: 6px;
    color: #fff
}

.account-game-section h2 {
    padding: 10px 10px
}

.account-list-wrap {
    background: #eee
}

.account-list-wrap .account-list-box {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.account-list-wrap .account-list-box .item {
    background: #fff;
    padding: 10px;
    margin-bottom: 10px
}

.account-list-wrap .account-list-box li:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.account-list-wrap .account-list-box .game-icon {
    float: left;
    width: 52px;
    height: 52px;
    padding-right: 10px
}

.account-list-wrap .account-list-box .game-icon img {
    width: 100%
}

.account-list-wrap .account-list-box .account-detail {
    line-height: 18px
}

.account-list-wrap .account-list-box .account-detail.tall {
    line-height: 24px
}

.account-list-wrap .account-list-box .account-detail .detail-game-name {
    font-size: 14px;
    color: #333
}

.account-list-wrap .account-list-box .account-detail .detail-game-name .price {
    float: right;
    color: #f14118
}

.account-list-wrap .account-list-box .account-detail .detail-attr {
    color: #666
}

.account-list-wrap .account-list-box .account-detail .detail-attr .tag {
    padding: 0 6px;
    float: right;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    color: #ff9b42;
    border: 1px solid #ffcc7f;
    border-radius: 8px
}

.account-list-wrap .account-list-box .account-detail .detail-attr .tag.red {
    color: #fff;
    border: 1px solid #fd362f;
    background: #fd362f
}

.account-list-wrap .account-list-box .account-info {
    position: relative;
    margin-top: 10px;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 5px
}

.account-list-wrap .account-list-box .account-info i {
    position: absolute;
    top: -16px;
    left: 65px;
    border: 8px solid;
    border-color: transparent transparent #f5f5f5 transparent;
    width: 0
}

.account-list-wrap .account-list-box .account-info .account-watermark {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    z-index: 9
}

.account-list-wrap .account-list-box .account-info .title {
    color: #333
}

.account-list-wrap .account-list-box .account-info .describe {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    max-height: 72px;
    color: #666;
    overflow: hidden
}

.account-list-wrap .account-list-box .account-info .detail-images {
    margin-top: 5px
}

.account-list-wrap .account-list-box .account-info .detail-images .image-slider-box {
    white-space: nowrap
}

.account-list-wrap .account-list-box .account-info .detail-images .image-slider-box li {
    float: none;
    display: inline-block;
    width: 31%
}

.account-list-wrap .account-list-box .comment {
    margin-top: 10px
}

.account-list-wrap .account-list-box .comment .title {
    float: left;
    color: #333
}

.account-list-wrap .account-list-box .comment .comment-tag {
    list-style: none;
    margin-left: 50px;
    padding: 0
}

.account-list-wrap .account-list-box .comment .comment-tag li {
    display: inline-block;
    padding: 0 6px;
    margin-bottom: 5px;
    color: #fff;
    background: #f28381;
    border-radius: 8px
}

.account-list-wrap .account-list-box .comment .comment-tag li.hot-1 {
    background: #ed4e4b
}

.account-list-wrap .account-list-box .comment .comment-tag li.hot-2 {
    background: #f06866
}

.account-list-wrap .account-list-box .comment .comment-tag li.hot-3 {
    background: #f28381
}

.order-title {
    padding: 11px 10px;
    font-size: 14px;
    background: #fff;
    border-bottom: 1px solid #ddd
}

.order-title .status {
    float: right;
    margin-left: 10px
}

.order-title .id {
    color: #999;
    overflow: hidden
}

.order-sec {
    margin: 10px 0;
    background: #fff;
    border-bottom: 1px solid #ddd
}

.order-sec .product {
    padding: 10px;
    border-bottom: 1px solid #ddd
}

.order-sec .product .price {
    float: right;
    margin-left: 10px;
    color: #000
}

.order-sec .product .count {
    color: #999
}

.order-sec .product .name {
    color: #000;
    overflow: hidden
}

.order-info {
    color: #666;
    background: #fff
}

.order-info .product {
    padding: 10px;
    border-bottom: 1px solid #ddd
}

.order-info .product .price {
    float: right;
    margin-left: 10px;
    color: #000
}

.order-info .product .count {
    color: #999
}

.order-info .product .name {
    color: #000;
    overflow: hidden
}

.order-info .for-order {
    padding: 10px 0
}

.order-info .for-order li {
    padding-bottom: 5px
}

.order-info .for-order .name {
    text-align: right;
    width: 80px
}

.order-info .for-order .hr {
    margin: 5px 0 10px 0;
    border-bottom: 1px dashed #ddd
}

.to-more-record {
    border-top: 1px solid #ddd
}

.to-more-record a {
    display: block;
    padding: 6px 0;
    -size: 14px;
    text-align: center;
    color: #ff641f
}

.order-trace {
    margin: 0;
    padding: 0;
    list-style: none
}

.order-trace li {
    position: relative;
    margin-left: 16px;
    margin-top: -1px;
    padding: 0 8px 3px 21px;
    border-left: 1px solid #ccc
}

.order-trace li i {
    position: absolute;
    left: -5px;
    top: 12px;
    content: "";
    border-radius: 50%;
    width: 9px;
    height: 9px;
    background: #ccc;
    z-index: 9
}

.order-trace li .cause {
    margin: 6px 0;
    color: #333;
    word-break: break-all;
    word-wrap: break-word
}

.order-trace li .cause .operator {
    float: right
}

.order-trace li .time {
    color: #666
}

.order-trace li::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    border-top: 1px solid #ccc
}

.order-trace li:first-child>i {
    position: absolute;
    left: -7px;
    top: 12px;
    content: "";
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background: #ff641f;
    z-index: 9
}

.order-trace li:first-child::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 16px;
    top: 0;
    left: -18px;
    background: #fff;
    z-index: 3
}

.order-trace li:last-child {
    border-left: none
}

.order-trace li:last-child::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 16px;
    top: 0;
    left: 0;
    background: #ccc;
    z-index: 3
}

.fast-deliver {
    display: block;
    padding: 8px 15px;
    padding-right: 10%;
    color: #FE892C;
    background: #fff;
    background-image: url(../images/arrow.png);
    -webkit-background-size: 7px 13px;
    background-size: 7px 13px;
    background-repeat: no-repeat;
    background-position: 95% center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fast-deliver img {
    width: 18px;
    vertical-align: middle
}

.order-game-down {
    position: relative;
    padding: 8px 70px 8px 10px;
    background: #fff;
    color: #FE9033
}

.order-game-down a {
    padding: 0 8px;
    position: absolute;
    top: 7px;
    right: 10px;
    border: 1px solid #FFC99E;
    color: #FE9033
}

.order-game-down a img {
    margin-right: 3px;
    width: 16px;
    vertical-align: middle
}

.order-tip {
    color: #666;
    padding: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #ffe9dc
}

.order-tip.wait-deliver {
    font-size: 14px;
    font-weight: 700;
    color: #f14118;
    border-top: none;
    background: #fff;
    text-align: center
}

.order-tip.wait-deliver img {
    width: 22px;
    vertical-align: bottom
}

.order-h5game.treasure-hunt {
    margin: 10px 0;
    padding: 22px 12px 16px;
    position: relative;
    background: url(../images/shade.png) #fff;
    -webkit-background-size: 30px 6px;
    background-size: 30px 6px;
    background-repeat: repeat-x;
    border-radius: 5px;
    overflow: hidden
}

.order-h5game.treasure-hunt .hunt-result {
    position: absolute;
    right: 5px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    background: url(../images/seal.png);
    background-repeat: repeat;
    -webkit-background-size: 50px 50px;
    background-size: 50px
}

.order-h5game.treasure-hunt .hunt-result span {
    display: inline-block;
    margin-top: 15px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    color: #FF897C;
    text-align: center;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg)
}

.order-h5game.treasure-hunt .title {
    color: #FF5340;
    font-size: 14px;
    font-weight: bolder
}

.order-h5game.treasure-hunt .info {
    color: #333
}

.order-h5game.treasure-hunt .info .overt {
    color: #FF8A41
}

.my-games {
    background: #eee
}

.my-games ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.my-games ul li {
    margin-bottom: 10px
}

.my-games ul li .my-game-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 10px;
    background: #fff;
    font-size: 0;
    border-bottom: 1px solid #ccc
}

.my-games ul li .my-game-info .game-icon img {
    width: 48px
}

.my-games ul li .my-game-info .game-other {
    margin-left: 10px
}

.my-games ul li .my-game-info .game-other .info {
    font-size: 12px;
    color: #333
}

.my-games ul li .my-game-info .game-other .game-name {
    font-size: 14px;
    color: #666
}

.my-games ul li .my-game-info .info {
    padding: 3px 0
}

.my-games ul li .action {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background: #fff
}

.my-games ul li .action .item {
    outline: 0;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 38px;
    line-height: 38px;
    width: 50%;
    text-align: center;
    border: none;
    background: #fff
}

.my-games ul li .action .item.buy {
    color: #ff9822
}

.my-games ul li .action .item.recharge {
    color: #f14118
}

.my-games ul li .action .cut {
    height: 25px;
    border-style: solid;
    border-width: 0 1px 0 0;
    color: #ccc
}

.user-sec {
    margin: 0 0 10px 0;
    background: #fff
}

.user-sec .nickname-tip {
    color: #666;
    line-height: 30px
}

.user-center .cMask {
    display: none;
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.user-center .show {
    display: block
}

.user-center .cDialog {
    position: fixed;
    left: 1.3rem;
    right: 1.3rem;
    top: 50%;
    z-index: 3;
    border-radius: 4px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.user-center .cDialog-hd {
    width: 1.7rem;
    height: 1.5rem;
    margin: .4rem auto
}

.user-center .cDialog-text {
    padding: .4rem .4rem .8rem;
    line-height: 1;
    font-size: .28rem;
    text-align: center;
    color: #333
}

.user-center .cDialog-ft {
    line-height: .76rem;
    border-top: 1px solid #ddd;
    text-align: center;
    font-size: .28rem;
    color: #ffc000
}

.user-center .user-info {
    width: 100%;
    height: 92px;
    border-bottom: 1px solid #ddd
}

.user-center .user-info td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle
}

.user-center .user-info .user-img {
    padding: 0 10px;
    width: 75px
}

.user-center .user-info .user-img img {
    display: block;
    margin: auto;
    width: 55px;
    height: 55px;
    border-radius: 100%
}

.user-center .user-info .add-mobile {
    display: block;
    position: static;
    margin: 0;
    padding: 0;
    line-height: 22px;
    background: #fff;
    border: 1px solid #ff7c00;
    border-radius: 2px;
    color: #ff7c00
}

.user-center .b-info {
    margin-top: 10px
}

.user-center .b-info>* {
    vertical-align: middle
}

.user-center .b-info>.b-icon {
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}


.user-center .b-info>.b-link {
    display: inline-block;
    margin-left: 8px;
    padding: 0 5px;
    line-height: 18px;
    border: 1px solid #6fb1ff;
    border-radius: 8px;
    color: #6fb1ff
}

.user-account ul {
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none
}

.user-account li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33%;
    flex: 1 1 33%;
    padding: 3px 10px;
    text-align: center
}

.user-account .account-name {
    color: #ccc
}

.user-account .line {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.user-account .unread {
    background: #f14118;
    color: #fff;
    border-radius: 45px;
    padding: 2px 5px
}

.my-list {
    padding-top: 10px
}

.my-list a {
    position: relative;
    padding: 10px 0
}

.my-list .remind {
    position: absolute;
    left: 60%;
    top: 5px;
    max-width: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    line-height: 14px;
    padding: 0 4px;
    border-radius: 14px;
    background: #f14118;
    color: #fff
}

.manage-list {
    background: #fff
}

.manage-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.manage-list li {
    border-top: 1px solid #ddd
}

.manage-list a {
    display: block;
    padding: 8px 10px;
    padding-right: 10%;
    color: #666;
    background-image: url(/Public/images/arrow.png);
    -webkit-background-size: 7px 13px;
    background-size: 7px 13px;
    background-repeat: no-repeat;
    background-position: 95% center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.manage-list a span {
    display: inline-block;
    padding: 4px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.manage-list .btn {
    float: right;
    margin-right: 2%;
    text-align: center;
    color: #333;
    border: 2px solid #eee
}

.manage-list .no-btn {
    float: right;
    color: #ccc
}

.manage-list .my-games {
    float: right;
    background: #fff
}

.manage-list .my-games li {
    float: left;
    margin-right: 8px;
    width: 28px;
    height: 28px;
    border-radius: 5px;
    background: #ccc
}

.manage-list .my-games li img {
    width: 100%
}

.user-form label {
    text-align: right;
    width: 60px
}

.user-form select {
    width: 60px;
    padding-right: 0
}

.user-input-tip div {
    color: #666;
    padding-left: 10px
}

.user-input-tip img {
    width: 15px;
    height: 15px;
    margin-top: 2px
}

.for-ty-detail {
    border-top: 1px solid #ddd;
    padding: 10px 0
}

.status-green {
    color: #8fc31f
}

.status-gray {
    color: #999
}

.status-red {
    color: #f14118
}

.img-upload {
    margin-right: -10px;
    display: inline-block
}

.img-upload .item {
    position: relative;
    float: left;
    width: 65px;
    height: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.img-upload .remove-img {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 15px;
    height: 15px;
    background-image: url(../images/img-upload-remove.png);
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    z-index: 1
}

.img-upload .pic {
    position: relative;
    padding-top: 50px;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden
}

.img-upload .mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5)
}

.img-upload .pic-wrapper {
    position: absolute;
    top: -20%;
    bottom: -20%;
    left: 0;
    right: 0;
    text-align: center;
    letter-spacing: -.31em
}

.img-upload .pic-wrapper::before {
    content: ' ';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.img-upload canvas,.img-upload img {
    max-width: 100%;
    vertical-align: middle
}

.img-upload .file-input-btn {
    display: none;
    float: left;
    overflow: hidden
}

.img-upload label {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    float: left;
    display: inline-block;
    width: 65px;
    height: 50px;
    margin-right: 10px;
    padding: 0;
    background-image: url(../images/img-upload.png);
    -webkit-background-size: 65px 100px;
    background-size: 65px 100px;
    background-repeat: no-repeat;
    background-position: 0 -50px;
    vertical-align: bottom
}

.img-upload label.first {
    background-position: 0 0
}

.img-upload label.hide {
    display: none
}

.img-upload label input {
    opacity: 0;
    height: 100%
}

.upload-by-kefu .yes {
    display: none;
    line-height: 25px;
    color: #000
}

.upload-by-kefu .yes button {
    float: right
}

.upload-by-kefu .no {
    margin-top: 10px
}

.upload-by-kefu button {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    text-decoration: underline;
    color: #27a7fe;
    text-align: left;
    font-size: 11px
}

.custom-icon-question {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/tip-question.png) center center no-repeat;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
    vertical-align: text-bottom;
    margin-top: 7px;
    margin-left: 10px;
    float: left
}

.form-toast.custom-toast {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: auto
}

.form-toast.custom-toast .content {
    text-align: left;
    width: 96%;
    padding: 5px 1%;
    margin: 0 1%;
    position: relative;
    overflow: visible;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-toast.custom-toast .content .cor {
    position: absolute;
    top: -8px;
    left: 130px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #000;
    opacity: .53
}

.article-publish {
    margin-top: -15px;
    background: #FFF
}

.article-publish .title {
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
    padding: 15px 0;
    border-bottom: 1px solid #ddd
}

.article-publish .title h3 {
    margin: 0;
    line-height: 30px;
    color: #999
}

.article-publish .title p {
    margin: 0
}

.article-publish p {
    margin: 5px 0
}

.article-publish a {
    color: #26A9FE
}

.article-publish .content {
    width: 96%;
    margin: 10px 2% 0 2%;
    padding: 10px 0;
    line-height: 22px
}

.table-service {
    width: 100%
}

.table-service thead th {
    font-size: 14px;
    color: #333;
    line-height: 40px;
    text-align: left;
    padding-left: 20px;
    font-weight: 400;
    border-bottom: 1px solid #EEE
}

.table-service tbody td {
    font-size: 12px;
    color: #666;
    line-height: 34px;
    text-align: left;
    padding-left: 20px;
    font-weight: 400;
    border-bottom: 1px solid #EEE
}

.table-service tbody tr:last-child td {
    border: none
}

.success-item {
    padding: 30px 20px 30px;
    color: #333;
    background: #fff;
    text-align: center
}

.success-item .red {
    color: #F14118
}

.sec-fees {
    float: right;
    font-size: 14px;
    color: #333
}

.sec-fees i {
    float: left;
    margin: 2px;
    width: 18px;
    height: 18px;
    background-image: url(../images/tip-question-01.png);
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat
}

.upload-picker ul {
    padding: 0;
    margin: 0 0 10px;
    list-style: none
}

.upload-picker .picker-item {
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #999;
    padding: 2px 10px;
    border-radius: 3px
}

.upload-picker .picker-item .upload-way {
    display: none
}

.upload-picker .picker-item.current {
    color: #F14118;
    border-color: #F9AC9A
}

.publish-warning-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    overflow: visible;
    position: relative;
    padding-left: 15px;
    border-left: 1px solid #ccc
}

.publish-warning-list::after,.publish-warning-list::before {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 5px;
    background: #fff;
    top: 0;
    left: -1px
}

.publish-warning-list li {
    position: relative;
    margin: 10px 0
}

.publish-warning-list li::before {
    content: ' ';
    position: absolute;
    width: 6px;
    height: 6px;
    margin-left: -18px;
    margin-top: 5px;
    background: #ccc;
    border-radius: 6px
}

.publish-warning-list li:last-child::after {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 50px;
    background: #fff;
    top: 11px;
    left: -16px
}

.publish-warning-list .title {
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 6px;
    color: #fff;
    background: #ff9600;
    border-radius: 10px
}

.publish-warning-btn {
    padding: 20px 0;
    background: #fff;
    text-align: center
}

.publish-warning-btn .btn {
    display: inline-block;
    padding: 0 50px;
    font-size: 18px;
    line-height: 2;
    font-weight: 700;
    color: #fff;
    background: #6dc349;
    border-bottom: 4px solid #57ab34;
    border-radius: 8px
}

.account-norm-wrap {
    margin: 10px;
    background: #eee;
    padding-bottom: 10px
}

.account-norm-wrap .title {
    text-align: center;
    font-size: 14px;
    background: #fff;
    line-height: 36px;
    border-bottom: 1px solid #ccc
}

.account-norm-wrap .account-norm {
    list-style: none;
    margin: 0;
    padding: 0
}

.account-norm-wrap .account-norm p {
    margin: 0
}

.account-norm-wrap .account-norm li {
    padding: 10px;
    margin-bottom: 10px;
    background: #fff
}

.account-norm-wrap .account-norm li .title {
    display: inline-block;
    padding: 2px 10px;
    height: 26px;
    line-height: 26px;
    background: #ff9700;
    font-size: 14px;
    color: #fff;
    border-radius: 30px
}

.account-norm-wrap .account-norm li .subtitle {
    color: #fe8a00;
    line-height: 30px
}

.account-norm-wrap .account-norm li .example {
    text-align: center;
    margin: 12px 0
}

.account-norm-wrap .account-norm li .example img {
    width: 100%
}

.fees-wrap {
    padding: 0 5px
}

.fees-wrap .title {
    padding: 8px 25px;
    margin: 0
}

.fees-wrap .fees-table {
    background: #fff;
    width: 100%;
    border-collapse: collapse
}

.fees-wrap .fees-table tr {
    height: 36px
}

.fees-wrap .fees-table th {
    font-weight: 400;
    border: 1px solid #F4F4F4
}

.fees-wrap .fees-table td {
    text-align: center;
    border: 1px solid #F4F4F4
}

.fees-wrap .fleet {
    color: #999;
    font-size: 10px
}

.game-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 10px;
    background: #fff
}

.game-info img {
    vertical-align: bottom
}

.game-info .info {
    margin: 0 10px;
    padding: 4px 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.game-info .name {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.game-info .btn {
    display: inline-block;
    margin-top: 11px;
    padding: 4px 10px;
    border: 1px solid #ff641f;
    border-radius: 3px;
    color: #ff641f;
    vertical-align: middle
}

.game-ptype {
    margin: 10px 0;
    padding: 6px 0;
    background: #ffad00
}

.game-ptype ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.game-ptype li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.game-ptype a {
    display: block;
    color: #333;
    background: #fff;
    vertical-align: bottom;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.game-ptype-common {
    margin-bottom: 10px;
    background: #fff;
    border-top: 1px solid #ddd
}

.game-ptype-common ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.game-ptype-common li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.game-ptype-common li:last-child {
    border: none
}

.game-ptype-common a {
    display: block;
    height: 36px;
    line-height: 36px;
    color: #333
}

.game-ptype-common a.current {
    color: #ff9226;
    border-bottom: 2px solid #f14217
}

.game-list-wrap {
    list-style: none;
    padding: 10px;
    margin: 0;
    overflow: hidden
}

.game-list-wrap li {
    float: left;
    margin-bottom: 10px;
    width: 25%;
    text-align: center
}

.game-list-wrap .box {
    display: block;
    margin: 5px;
    color: #666
}

.game-list-wrap .box img {
    width: 52px;
    height: 52px
}

.game-list-wrap .box .game-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.game-list-wrap .box .tag {
    display: inline-block;
    padding: 0 8px;
    max-width: 70%;
    font-size: 10px;
    color: #ff9b42;
    border: 1px solid #ffcc7f;
    border-radius: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal
}

.search-game-list .game-list {
    padding-left: 0;
    padding-right: 0
}

.search-game-list .game-list li {
    float: none;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #DDD
}

.search-game-list .game-list li a {
    white-space: nowrap;
    text-align: left;
    color: #666
}

.search-game-list .game-list li a .game-pic {
    float: left;
    margin-left: 14px;
    margin-right: 10px
}

.search-game-list .game-list li a .game-list-info {
    vertical-align: top
}

.search-game-list .game-list li a .game-list-info>div {
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis
}

.search-game-list .game-list li a .game-list-info>div>span {
    display: inline-block;
    border: 1px solid;
    text-align: center;
    padding: 0 5px;
    margin-right: 10px
}

.game-list li a .game-list-info>div>span.style5,.search-game-list .game-list li a .game-list-info>div>span.style4 {
    color: #FD4F28
}

.search-game-list .game-list li a .game-list-info>div>span.style6 {
    color: #47D318
}

.search-game-list .game-list li a .game-list-info>div>span.style1 {
    color: #EF9A1B
}

.search-game-list .game-list li a .game-list-info>div>span.style2 {
    color: #1B8EDF
}

.no-item {
    padding: 60px 40px;
    text-align: center
}

.message-list .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    float: left;
    width: 80%
}

.message-list .unread {
    color: #000;
    font-weight: 700
}

.message-list .date {
    float: right;
    color: #999
}

.to-unread {
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 15px 5px
}

.to-unread span {
    padding-left: 10px
}

.to-unread span span {
    color: #f14118
}

.to-unread a {
    float: right;
    display: inline-block;
    padding: 0 5px;
    color: #f14118;
    border: 1px solid #f14118;
    border-radius: 3px;
    margin-right: 10px
}

.message-title {
    background: #fff;
    padding: 15px;
    color: #000;
    border-bottom: 1px solid #ddd
}

.message-title .date {
    float: right;
    color: #999
}

.message {
    background: #fff;
    padding: 10px;
    line-height: 200%
}

.form-login {
    color: #666
}

.form-login label {
    color: #666
}

.form-login i {
    background-color: #FFF
}

.form-login .text-right {
    text-align: right
}

.form-login .text-right a {
    color: #218fff
}

.btn.login-qq {
    background-color: #218fff;
    border-color: #218fff
}

.btn.login-qq img {
    vertical-align: -5px;
    margin-right: 3px
}

.login-link {
    color: #218fff
}

.form-btn-block.for-login .btn {
    font-size: 17px
}

.game-title {
    color: #333;
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 8px 15px
}

.bind-form label {
    text-align: right;
    width: 60px
}

.bind-form input {
    width: 68%
}

.bind-form .right-link {
    color: #218fff;
    padding-top: 4px;
    float: right
}

.mobile-info {
    border-bottom: 1px solid #ddd;
    padding: 18px 30px
}

.binded-list {
    overflow: hidden
}

.binded-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.binded-list li {
    margin-bottom: 10px;
    background: #fff
}

.binded-list .binded-hd {
    border-bottom: 1px solid #ddd
}

.binded-list .binded-hd a {
    display: block;
    padding: 8px 10px;
    padding-right: 10%;
    color: #666;
    background-image: url(../images/filter-overlay-down.png);
    -webkit-background-size: 15px 10px;
    background-size: 15px 10px;
    background-repeat: no-repeat;
    background-position: 95% center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.binded-list .binded-bd {
    position: relative;
    padding: 15px 10px;
    border-bottom: 1px solid #ddd
}

.binded-list .binded-bd h3 {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.binded-list .binded-bd .desc {
    font-size: 11px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 5px
}

.binded-list .binded-bd .action {
    position: absolute;
    top: 22px;
    right: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.binded-list .binded-bd .action a {
    float: right;
    display: inline-block;
    padding: 0 5px;
    color: #f14118;
    border: 1px solid #f14118;
    border-radius: 3px;
    margin-right: 10px
}

.form-picker.for-help a.current {
    background: #FFF;
    color: #f14118;
    border-color: #f14118
}

.form-picker.for-help a {
    display: block;
    margin-right: 10px;
    padding: 6px;
    border: 1px solid #ddd;
    color: #333;
    text-align: center;
    border-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.item-radio-feedback {
    display: inline-block;
    width: 100%
}

.item-radio-feedback .ul-radio-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    padding: 13px 0 0 5px
}

.item-radio-feedback .ul-radio-list li {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    display: inline-block;
    width: 30%;
    margin-left: 2%
}

.item-radio-feedback .ul-radio-list li i.icon-radio {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../images/icon-radio.png);
    -webkit-background-size: 15px 30px;
    background-size: 15px 30px;
    background-position: center 0;
    vertical-align: text-bottom
}

.item-radio-feedback .ul-radio-list li label.active i.icon-radio {
    background-position: center -15px
}

.item-radio-feedback .ul-radio-list li input {
    display: none
}

.feedback {
    width: 96%;
    padding: 10px 2%;
    height: 150px;
    border: none;
    color: #999
}

.leave-word {
    border-bottom: 1px solid #CCC;
    line-height: 30px;
    padding-right: 10px;
    text-align: right
}

.leave-word span {
    color: #F14118
}

.im-list {
    width: 100%
}

.im-list li,.im-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.im-list .im-center {
    text-align: center;
    color: #666;
    margin: 0;
    padding: 0
}

.im-list li {
    position: relative;
    display: block;
    padding: 0 10px;
    margin: 10px auto 0 auto
}

.im-list li h3 {
    font-weight: 400;
    margin: 0;
    padding: 0 0 5px 10px
}

.im-list li .im-content {
    position: relative;
    width: 80%;
    border-radius: 10px;
    padding: 10px;
    color: #666
}

.im-list li .im-content a {
    color: #ff641f;
    text-decoration: underline
}

.im-list li.im-left .im-content {
    float: left;
    background: #FFF;
    margin-left: 10px
}

.im-list li.im-left .im-content:before {
    position: absolute;
    top: 3px;
    left: -7px;
    background: red;
    content: "";
    height: 9px;
    width: 8px;
    background: url(../images/cor-left.png) center top;
    -webkit-background-size: 8px 9px;
    background-size: 8px 9px
}

.im-list li.im-right h3 {
    text-align: right;
    padding: 0 10px 5px 0
}

.im-list li.im-right .im-content {
    float: right;
    background: #80cefb;
    color: #FFF;
    margin-right: 10px
}

.im-list li.im-right .im-content:before {
    position: absolute;
    top: 3px;
    right: -7px;
    background: red;
    content: "";
    height: 9px;
    width: 8px;
    background: url(../images/cor-right.png) center top;
    -webkit-background-size: 8px 9px;
    background-size: 8px 9px
}

.bonusSec {
    background: #ffd576
}

.bonusTip {
    padding: .7em 1em;
    background: #ededed;
    border-bottom: 1px solid #ccc
}

.bonusBanner {
    position: relative;
    padding-top: 42%;
    overflow: hidden
}

.bonusBanner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.bonusSelect-list {
    display: inline-block;
    width: 100%;
    list-style: none;
    padding: 0
}

.bonusSelect-list li {
    float: left;
    width: 20%
}

.bonusSelect-list input {
    display: none
}

.bonusSelect-label {
    position: relative;
    display: block;
    height: 60px;
    background-image: url(../images/bonus-red.png);
    -webkit-background-size: 40px 60px;
    background-size: 40px 60px;
    background-repeat: no-repeat;
    background-position: center bottom;
    text-align: center;
    color: #fe840d;
    font-weight: bolder;
    -webkit-transition: background-image .5s ease-in-out;
    transition: background-image .5s ease-in-out
}

.bonusSelect-label.open {
    background-image: url(../images/bonus-red-boom.png)
}

.bonusSelect-label.selected::after {
    content: ' ';
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background-image: url(../images/bonus-selected.png);
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px
}

.bonusSelect-text {
    pointer-events: none
}

.bonusConfirmBtn-box {
    margin: 0 10px;
    padding: 18px 0;
    text-align: center;
    border-top: 1px solid #ff9f30
}

.bonusConfirmBtn {
    padding: .5em 4em;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #ff7c00;
    border: none;
    border-bottom: 4px solid #e16e02;
    border-radius: 4px
}

.bonusRule {
    margin: 0 10px;
    padding: 10px 0;
    border-top: 1px solid #ff9f30
}

.bonusRule-title {
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    color: #884322
}

.bonusRule-content {
    color: #996804
}

.bonusRule-content ol {
    margin: 0;
    padding: 0;
    list-style-position: inside
}

.bonusRule-content li {
    margin: .5em 0
}

.bonusRule-content-bold {
    font-weight: 700
}

.rechMask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.8);
    z-index: 12;
    display: none
}

.rechMask-inner {
    width: 90%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 100px;
    padding: 20px 35px 50px;
    font-size: 18px;
    background: #fff;
    border: 1px solid #b9b9b9;
    border-radius: 4px
}

.rechMask-box {
    margin: 25px 0;
    font-size: 15px
}

.rechMask-iconBox {
    text-align: center
}

.rechMask-iconBox img {
    vertical-align: bottom
}

.rechMask-highlight {
    color: #c40000
}

.rechMask-btns {
    margin: 0 -10px;
    text-align: center
}

.rechMask-btn {
    margin: 0 5px;
    width: 100px;
    font-size: 18px;
    color: #c40000;
    border: 1px solid #c40000;
    border-radius: 4px;
    background: #fff
}

.rechMask-btn-cancel {
    color: #ccc;
    border-color: #ccc
}

.account_rech .rech-account {
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: #fff
}

.account_rech .title {
    font-size: 14px;
    border-bottom: 1px solid #e6e6e6
}

.account_rech .title .rech-change {
    padding: 0 5px;
    float: right;
    border: 1px solid #FFB173;
    color: #FFB173
}

.account_rech .sch-tips {
    position: relative;
    margin: 0 10px;
    background: #ffe9dc;
    border-radius: 8px
}

.account_rech .sch-tips i {
    position: absolute;
    left: 24px;
    top: -8px;
    width: 24px;
    height: 14px;
    background-image: url(../images/corner.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.account_rech .rech-product {
    background: #fff;
    overflow: hidden
}

.account_rech .rech-product .title {
    padding: 14px 10px;
    border-bottom: 1px solid #e6e6e6
}

.account_rech .rech-product .title .server {
    display: inline
}

.account_rech .rech-product .title .server img {
    margin-right: 5px;
    height: 12px;
    vertical-align: middle
}

.account_rech .rech-product .title .server .dis {
    position: relative;
    padding: 0 8px;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    border: 1px solid #f33;
    border-radius: 30px;
    color: #f33
}

.account_rech .rech-product .rech-facevalue {
    margin: 0;
    padding: 9px 5px;
    list-style: none;
    overflow: hidden
}

.account_rech .rech-product .rech-facevalue li {
    float: left;
    width: 33.3%;
    text-align: center
}

.account_rech .rech-product .rech-facevalue li label {
    display: block;
    margin: 8px 5px;
    padding: 5px 0;
    border: 1px solid #ccc;
    border-radius: 5px
}

.account_rech .rech-product .rech-facevalue li label input {
    display: none
}

.account_rech .rech-product .rech-facevalue li .price-sell {
    font-size: 10px;
    color: #999
}

.account_rech .rech-product .rech-facevalue li label.current {
    background: #ffe9dc;
    border: 1px solid #f14118
}

.rech-process .title {
    margin-top: 8px
}

.rech-process .rech-step {
    margin-bottom: 8px;
    background: #fff;
    border-top: 1px solid #e6e6e6
}

.rech-process .rech-step.two {
    padding-bottom: 8px
}

.rech-process .rech-step .step-btn {
    padding: 14px 0;
    text-align: center
}

.rech-process .rech-step .step-btn a {
    padding: 8px 52px;
    border: 1px solid #ff641f;
    color: #ff723b
}

.rech-process .rech-step .step {
    margin: 0 8px;
    padding: 14px 19px;
    border: 1px solid #feeacb;
    border-radius: 5px
}

.rech-process .rech-step .step ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.rech-process .rech-step .step ul li {
    position: relative;
    padding-left: 14px;
    padding-bottom: 8px;
    border-left: 1px solid #f80
}

.rech-process .rech-step .step ul .step-tag {
    display: inline-block;
    position: absolute;
    left: -13px;
    top: -1px;
    zoom: 1;
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-image: url(../images/step.png);
    background-repeat: no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px
}

.rech-process .rech-step .step ul li:last-child {
    border-left: 1px solid #fff
}

.rech-process .rech-step .step ul .step-outline {
    color: #ff9226;
    font-size: 14px
}

.rech-process .rech-step .step ul p {
    margin: 0
}

.rech-recommend .product {
    padding: 10px 10px;
    border-top: 1px solid #e6e6e6
}

.rech-recommend .game-img {
    float: left;
    padding-right: 10px
}

.rech-recommend .detail-info {
    font-size: 12px;
    color: #666
}

.rech-recommend .detail-attr,.rech-recommend .detail-name {
    line-height: 1.8
}

.rech-recommend .detail-price {
    color: #F14118
}

.rech-recommend .detail-price span {
    margin-left: 8px;
    color: #666
}

.rech-recommend .detail-progress {
    margin-top: 10px
}

.rech-recommend .progress-bd {
    height: 4px;
    background-color: #ccc
}

.hb-overlay {
    position: fixed;
    text-align: center
}

.hb-overlay .hb-box {
    position: absolute;
    width: 222px;
    height: 240px;
    left: 50%;
    top: 50%;
    margin-top: -120px;
    margin-left: -111px;
    border-radius: 12px;
    background: #ff4c35
}

.hb-overlay .hb-box img {
    width: 100%
}

.hb-overlay .hb-box .desc {
    margin: 20px 5px;
    line-height: 22px;
    font-size: 20px;
    font-weight: 700;
    color: #fff
}

.hb-overlay .hb-box .hb-draw {
    display: inline-block;
    width: 60%
}

.hb-overlay .hb-box .hb-close {
    position: absolute;
    width: 36px;
    right: -18px;
    top: -18px
}

.game-list.for-rech li {
    height: 97px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.game-list.for-rech .tag {
    position: absolute;
    width: 16px;
    height: 16px;
    z-index: 10;
    top: -5px;
    left: 50%;
    margin-left: -28px
}

.discount-area {
    display: inline-block;
    padding-left: 3px;
    border: 1px solid #cb3336;
    border-radius: 5px;
    font-size: 10px;
    line-height: 18px;
    color: #cb3336
}

.discount-area .dis-name {
    position: relative;
    display: inline-block;
    margin-left: 6px;
    padding: 0 3px;
    background: #cb3336;
    color: #fff
}

.discount-area .dis-name:before {
    content: ' ';
    position: absolute;
    left: -8px;
    top: 5px;
    border-width: 4px;
    border-style: solid;
    border-color: transparent #cb3336 transparent transparent
}

.search-result {
    color: #666
}

.search-result .word {
    color: #f98013
}

.search-result .title {
    padding: 6px 10px;
    border-bottom: 1px solid #ddd
}

.no-item .return-btn {
    display: inline-block;
    width: 200px;
    margin-top: 10px;
    line-height: 30px;
    color: #fff;
    background: #f98013
}

.product-name {
    margin: 0;
    padding: 8px 10px;
    font-size: 14px;
    color: #000;
    background: #fff
}

.product-price {
    background: #fff;
    padding: 5px 10px
}

.product-price .price-info {
    color: #ff641f
}

.product-price .price-info .price {
    font-size: 16px;
    font-weight: bolder
}

.product-price .price-info .orig {
    font-size: 12px;
    text-decoration: line-through;
    color: #666
}

.product-price .price-info .hb {
    display: inline;
    padding: 5px;
    font-size: 12px;
    color: #fff;
    background: #fe7d00;
    border-radius: 3px
}

.product-price .price-info .hb img {
    vertical-align: text-bottom;
    width: 12px
}

.product-price .discount {
    padding: 8px 0
}

.product-price .discount span {
    padding: 1px 8px;
    border: 1px solid #f33;
    border-radius: 28px;
    color: #f33
}

.buy-help {
    background: #eee
}

.product-sundry {
    background: #eee
}

.product-sundry .product-users {
    padding: 8px 10px;
    background: #fff;
    border-bottom: 1px solid #f4f4f4
}

.product-sundry .product-game-down {
    position: relative;
    padding: 8px 70px 8px 10px;
    background: #fff;
    color: #FE9033
}

.product-sundry .product-game-down a {
    padding: 0 8px;
    position: absolute;
    top: 7px;
    right: 10px;
    border: 1px solid #FFC99E;
    color: #FE9033
}

.product-sundry .product-game-down a img {
    margin-right: 3px;
    width: 16px;
    vertical-align: middle
}

.product-sundry .product-share {
    position: relative;
    padding: 8px 10px;
    margin: 8px 0;
    background: #fff
}

.product-intro {
    padding: 10px;
    line-height: 1.8;
    border-bottom: 1px solid #c2c2c2;
    background: #fff;
    overflow: hidden
}

.product-intro .action {
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    color: #ec772d;
    background-image: url(../images/up.png);
    -webkit-background-size: 8px 5px;
    background-size: 8px 5px;
    background-position: 36px center;
    background-repeat: no-repeat
}

.product-intro.collapse {
    height: 19px
}

.product-intro.collapse .action {
    background-image: url(../images/down.png)
}

.product-intro img {
    max-width: 100%;
    margin-top: 10px
}

.product-rech-info {
    padding: 5px 10px 10px;
    border: 1px solid #c2c2c2;
    font-size: 14px;
    line-height: 28px
}

.product-rech-info dl {
    margin: 0
}

.product-rech-info dt {
    float: left
}

.product-rech-info dd {
    clear: right
}

.product-rech-info .price {
    font-size: 16px;
    color: #ed7d2d
}

.buy-process {
    border-bottom: 1px solid #ddd
}

.buy-process ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff
}

.buy-process li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 12px 0;
    text-align: center;
    background-image: url(../images/process-arrow.png);
    -webkit-background-size: 15px 44px;
    background-size: 15px 44px;
    background-repeat: no-repeat;
    background-position: right center
}

.buy-process li:last-child {
    background-image: none
}

.buy-process .tag {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    line-height: 16px;
    border-radius: 16px;
    text-align: center;
    background-color: #ff651d;
    color: #fff;
    vertical-align: middle
}

.section .title {
    font-size: 14px;
    margin: 15px 0 5px
}

.game-version {
    overflow: hidden
}

.game-version li {
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid #c2c2c2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.game-version li:nth-child(3n) {
    margin-right: 0
}

.game-version li.current {
    border: 2px solid #ed7d2d
}

.game-version .cp-name {
    padding-top: 5px;
    font-size: 14px;
    line-height: 24px
}

.game-version .cp-name img {
    height: 19px
}

.game-version .discount {
    padding-top: 2px;
    line-height: 16px;
    color: #fff;
    background: #c2c2c2
}

.game-version .current .cp-name {
    padding-top: 4px
}

.game-version .current .discount {
    line-height: 15px;
    background: #ed7d2d
}

.type-intro {
    padding: 8px 10px;
    background-color: #eee
}

.type-intro .word {
    color: #f98d11
}

.product-recharge-list {
    line-height: 1.8;
    overflow: hidden
}

.product-recharge-list ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.product-recharge-list li {
    background: #fff;
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

.product-recharge-list a {
    display: block;
    padding: 14px 10px
}

.product-recharge-list li:last-child {
    border-bottom: none
}

.product-recharge-list img {
    vertical-align: bottom
}

.product-recharge-list .right {
    float: right;
    margin-left: 10px;
    text-align: center
}

.product-recharge-list .info {
    overflow: hidden
}

.product-recharge-list .name {
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-recharge-list .server {
    line-height: 14px;
    margin: 6px 0
}

.product-recharge-list .server img {
    height: 14px;
    margin-right: 5px
}

.product-recharge-list .desc {
    font-size: 11px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-recharge-list .original-price {
    display: inline-block;
    width: 48px;
    text-align: center;
    color: #888;
    text-decoration: line-through
}

.product-recharge-list .price {
    display: inline-block;
    width: 48px;
    border: 1px solid #f14118;
    font-size: 11px;
    line-height: 1.6;
    color: #f14118;
    border-radius: 2px
}

.product-recharge-list .to-buy {
    display: inline-block;
    padding: 0 5px;
    color: #f14118;
    border: 1px solid #f14118;
    border-radius: 3px
}

.form-btn-block .btn:disabled {
    background: #ddd;
    border: 1px solid #ddd;
    color: #999
}

.form-picker.for-version li {
    position: relative
}

.form-picker.for-version .tag {
    display: none;
    position: absolute;
    right: 8px;
    top: 4px;
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 0
}

.form-picker.for-version .channel-icon {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 7px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.form-picker.for-version .info {
    font-size: 11px;
    line-height: 1.4;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

.form-version-desc {
    padding: 5px;
    margin: 0 10px;
    border: 1px solid #ffcbd1;
    border-radius: 3px
}

.privilege-box {
    text-align: left;
    height: 19px
}

.privilege-box img {
    margin-right: 0;
    height: 10px;
    vertical-align: bottom
}

.privilege-item {
    margin-right: 3px;
    padding: 3px 3px;
    font-size: 8px;
    color: #f14118;
    text-align: center;
    border: 1px solid #F38368;
    border-radius: 3px
}

.form-picker.for-version .discount {
    display: block;
    line-height: 18px;
    font-size: 10px;
    color: #666
}

.form-count-item .price-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 4.5px 5px;
    text-align: right;
    line-height: 160%
}

.form-count-item .price-box .price {
    font-size: 16px;
    color: #f14118;
    vertical-align: baseline
}

.info-box .right-price {
    float: right
}

.info-box .down-box {
    padding: 5px 10px;
    margin: 5px;
    color: #521d79;
    border-radius: 3px;
    background: #ffece1
}

.info-box .down-box a {
    float: right;
    padding: 0 8px;
    background: #390;
    color: #fff;
    border-radius: 3px
}

.login-overlay .btn-box .btn,.login-overlay .link-btn,.login-overlay-hd button {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none
}

.login-overlay .btn-box {
    margin: 10px
}

.login-overlay .btn-box .btn {
    display: block;
    width: 100%;
    font-size: 17px;
    padding: 9px 0;
    background: #ff641f;
    color: #fff;
    border-radius: 5px;
    text-align: center
}

.login-overlay .btn-box .btn-qq {
    background: #218fff
}

.login-overlay .btn-box .btn-qq img {
    margin-right: 5px;
    vertical-align: -5px
}

.login-overlay .overlay-page {
    display: none
}

.login-overlay .overlay-page.current {
    display: block
}

.login-overlay .link-btn {
    color: #218fff
}

.login-overlay a {
    color: #218fff
}

.login-overlay .forget-pwd {
    float: right
}

.login-overlay .form-checkbox {
    margin: 10px;
    overflow: hidden
}

.login-overlay-hd {
    position: relative;
    padding: 8px 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 160%;
    background: #f14118;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.login-overlay-hd button {
    position: absolute;
    font-size: 14px;
    font-weight: 400
}

.login-overlay-hd .action {
    right: 10px
}

.login-overlay-hd .close {
    left: 10px
}

.dc-account {
    margin-bottom: 10px;
    padding: 10px;
    background: #fff
}

.dc-account a {
    float: right;
    color: #ff641f;
    font-size: 14px
}

.dc-account .info {
    overflow: hidden
}

.dc-account .name {
    color: #333;
    font-size: 14px
}

.dc-account .desc {
    color: #999
}

.form-picker-item.disabled label {
    background: #eee
}

.form-picker-item .current .tag {
    display: inline
}

.form-picker-item.soldout {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.form-picker-item.soldout .soldout-tag {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 10px;
    z-index: 2;
    padding-top: 10px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,.6);
    border-radius: 5px
}

.cut-blackground {
    background: #212121;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.cut-head {
    padding-top: 30%;
    list-style: none;
    background-image: url(../images/cut_head.png);
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    overflow: hidden;
    background-repeat: no-repeat
}

.cut-foot {
    position: relative;
    top: -138px;
    padding-top: 38%;
    list-style: none;
    background-image: url(../images/cut_foot.png);
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    overflow: hidden;
    background-repeat: no-repeat
}

.cut-all {
    padding-top: 16px;
    padding-bottom: 16px;
    list-style: none;
    background-image: url(../images/cut_all.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
    background-repeat: no-repeat
}

.cut-body {
    text-align: center
}

.cut-blackground p {
    line-height: 8px;
    color: #cdc3bd;
    font-size: 14px
}

.cut-button {
    margin-top: 8px;
    width: 280px;
    background: #f60;
    border-radius: 10px;
    text-align: center;
    display: inline-block
}

.cut-button span {
    color: #fff
}

#cut-yellow {
    color: #f90
}

.foot-div {
    text-align: center;
    display: inline-block
}

.foot-div .foot-body {
    color: #cbc3bd;
    text-align: left;
    padding-left: 15px;
    font-size: 12px
}

.btn-cut {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px
}

.btn-cut button {
    background-image: url(../images/button_cut.png);
    width: 280px;
    height: 40px;
    border: none
}

.btn-cut-success {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px
}

.btn-cut-success button {
    background-image: url(../images/cut_button_success.png);
    width: 280px;
    height: 40px;
    border: none
}

.btn-cut-help {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px
}

.btn-cut-help .help {
    background-image: url(../images/cut_button_help.png);
    width: 145px;
    height: 40px;
    border: none
}

.btn-cut-help .join {
    background-image: url(../images/cut_button_join.png);
    width: 145px;
    height: 40px;
    border: none
}

.cut-mid {
    padding-top: 12px;
    background-image: url(../images/cut_back_mid.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: repeat-x;
    font-size: 12px;
    margin-bottom: 30px;
    padding-bottom: 10px
}

.cut-mid ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px
}

.cut-mid li {
    color: #cbc3bd;
    border: 0;
    border-width: thin;
    border-style: solid;
    border-top: 1px solid #958267;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    left: 10px;
    right: 10px
}

.cut-rule {
    margin-top: 15px;
    background-image: url(../images/cut_rule.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #cbc3bd;
    font-size: 14px;
    margin-bottom: -50px;
    padding-bottom: 20px
}

.cut-rule ul {
    margin: 0;
    padding-left: 6%;
    list-style: none;
    overflow: hidden;
    font-size: 12px
}

.cut-rule li {
    margin-top: 4px
}

.cut-rule ol {
    font-size: 12px;
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px
}

.cut-rule .title {
    padding-top: 4%;
    padding-left: 6%
}

.cut-list {
    overflow: hidden
}

.cut-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.cut-list li {
    margin-top: 10px;
    background: #fff
}

#cut-title {
    text-align: center;
    color: #f90;
    font-size: 14px;
    font-weight: bolder;
    margin-bottom: 10px
}

#cut-left {
    text-align: left
}

#cut-right {
    text-align: right;
    color: #e00
}

#cut-center {
    text-align: center
}

.cut-table {
    width: 100%;
    font-size: 12px;
    table-layout: fixed;
    color: #cbc3bd;
    border-collapse: separate
}

.cut-table tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit
}

.cut-table th {
    border-top: 1px solid #958267;
    padding-top: 10px;
    padding-bottom: 10px;
    left: 10px;
    right: 10px
}

.cut-table td {
    padding: 2px;
    line-height: 1.4;
    text-align: center;
    vertical-align: top;
    border-top: 1px solid #958267;
    padding-top: 10px;
    padding-bottom: 10px;
    left: 10px;
    right: 10px
}

.cut-table td span {
    color: #e00
}

.cut-info {
    background-image: url(../images/cut_info.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #cbc3bd;
    font-size: 14px;
    margin-bottom: 30px;
    padding-bottom: 10px
}

.cut-info-title {
    padding-top: 4%;
    padding-left: 6%
}

.cut-info-body {
    padding-left: 6%;
    padding-right: 6%
}

.mask {
    display: none;
    position: absolute;
    background: rgba(0,0,0,.8);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 12;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.mask-slide {
    top: -100%;
    -webkit-transition: opacity .3s ease-in-out,top .3s ease-in-out;
    transition: opacity .3s ease-in-out,top .3s ease-in-out
}

.mask-content {
    position: absolute;
    background: #fff
}

.mask-content-center {
    left: 35px;
    right: 35px;
    padding: 20px;
    text-align: center;
    border-radius: 4px
}

.mask-contentTitle {
    margin-top: -10px;
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.mask-contentBd {
    margin: 15px 0;
    text-align: left
}

.mask-contentLabel {
    color: #f30
}

.mask-contentValue {
    margin-bottom: 10px;
    padding: .8em .6em;
    font-size: 11px;
    line-height: 1.4;
    color: #000;
    background: #eee
}

.mask-code {
    height: 120px;
    margin: 10px 0;
    padding: 5px;
    border: 1px dashed #ff4e49;
    overflow-y: scroll
}

.mask-codeList {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.mask-codeItem {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding: 0 10px;
    line-height: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mask-remind {
    margin: 20px 0
}

.mask-remindWord {
    margin-top: 15px
}

.mask-btns .oneBtn {
    padding: .6em 1.2em
}

.cut-button-close {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    display: inline-block;
    width: 45%;
    margin: 10px 5px;
    padding: 11px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #ff641f;
    color: #333;
    text-align: center;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cut-button-qd {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    display: inline-block;
    width: 45%;
    margin: 10px 5px;
    padding: 11px;
    font-size: 14px;
    background: #fe6046;
    border: 1px solid #ff641f;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cut-input {
    text-align: left;
    margin: 10px 0;
    font-size: 14px
}

.cut-input input {
    width: 95%;
    height: 30px;
    margin-bottom: 10px;
    padding-left: 5px
}

.cut-button-phone {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    display: inline-block;
    width: 40%;
    margin: 5px;
    padding: 9px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    text-align: center;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cut-apply-success {
    text-align: center;
    font-size: 15px;
    color: #f90;
    font-weight: bolder;
    padding-top: 10px;
    padding-bottom: 20px
}

.cut-banner {
    background: #212121
}

.cut-li {
    background-image: url(../images/cut_index_li.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    padding-left: 6%;
    padding-top: 2%;
    padding-right: 2%
}

.cut-main {
    margin-top: -10px;
    padding-bottom: 16px
}

.cut-line {
    height: 10px
}

.cut-li-body {
    text-align: left;
    line-height: 1.5;
    font-size: 15px;
    color: #cbc3bd;
    padding-left: 3px
}

.cut-li-body span {
    color: #e00
}

.cut-index-button {
    width: 72px;
    background: #e00;
    border-radius: 20px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: bolder
}

.cut-index-button a {
    color: #fff
}

.cut-menu {
    margin-top: -29px;
    margin-bottom: 10px;
    margin-right: 10%
}

.cut-left {
    font-size: 15px;
    font-weight: 600;
    color: #cbc3bd;
    position: relative;
    padding-left: 5%;
    top: -5px
}

.cut-right {
    font-size: 12px;
    color: #e00;
    margin-left: 10%;
    position: relative;
    float: right
}

.mask ol {
    -webkit-padding-start: 16px
}

.mask li {
    text-align: left
}

.cut-scroll {
    height: 220px;
    overflow: scroll;
    overflow-x: hidden
}

.share-blackground {
    background: #ffc000;
    padding-top: 5px;
    position: relative
}

.share-head {
    position: absolute;
    text-align: center;
    border-radius: 18px;
    background: rgba(255,218,106,.8);
    color: #000;
    width: 96%;
    margin: 2%
}

.share-head span {
    color: #f33
}

.share-info {
    margin-top: -25%;
    text-align: center;
    font-weight: bolder;
    font-size: 13px;
    color: #000
}

.share-box {
    background-image: url(../images/box-none.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 10px;
    margin: 15px 10px 0 10px
}

.share-box-head {
    margin-top: 27px;
    margin-bottom: 20px;
    font-size: 14px;
    background-color: #fdc;
    padding: 10px 20px;
    border-style: dotted;
    border-color: #f33;
    border-width: 2px;
    margin-left: auto;
    margin-right: auto;
    color: #000;
    border-radius: 6px
}

.share-box-head span {
    color: #f33
}

.share-time {
    margin-top: 0;
    margin-bottom: 20px;
    height: 100px;
    width: 250px;
    background-image: url(../images/share-time.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.share-time span {
    color: #e00;
    font-weight: bolder;
    font-size: 32px
}

.share-time-head {
    text-align: center;
    padding-top: 16px;
    color: #000
}

.share-time-hour {
    position: absolute;
    top: 32px;
    left: 38px
}

.share-time-minute {
    position: absolute;
    top: 32px;
    left: 108px
}

.share-time-second {
    position: absolute;
    top: 32px;
    left: 178px
}

.share-rule {
    text-align: center;
    font-size: 14px;
    padding-top: 24px;
    margin: 0;
    padding-bottom: 22px
}

.share-rule a {
    color: #000
}

.share-banner {
    text-align: center;
    color: #fff;
    font-weight: bolder;
    font-size: 16px;
    padding: 10px 0;
    margin: 0 10px;
    background-color: #f30;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.share-list {
    padding-bottom: 20px
}

.share-list-body {
    background-color: #ffd97a;
    margin: 0 10px;
    padding: 13px;
    border-bottom-style: solid;
    border-bottom-color: #f60;
    border-bottom-width: 1px;
    color: #000
}

.share-list-body .share-list-time {
    font-weight: 700;
    font-size: 16px
}

.share-button {
    text-align: center;
    font-size: 17px;
    margin: 0;
    color: #e00;
    font-weight: bolder;
    padding: 49px 0
}

.share-button a {
    padding: 15px 36px;
    background-image: url(../images/share-button.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    color: #e00
}

.share-button-small {
    text-align: center;
    font-size: 17px;
    margin: 0;
    color: #e00;
    font-weight: bolder;
    padding: 10px 0 30px 0
}

.share-button-small a {
    padding: 15px 6px;
    background-image: url(../images/share-button.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    color: #e00;
    margin: 2px
}

.share-rule-list {
    background-color: #ffd97a;
    margin: 0 10px;
    padding: 5px;
    color: #000
}

.share-rule-list ol {
    -webkit-padding-start: 33px
}

.share-box-font {
    font-size: 14px;
    font-weight: bolder;
    color: #000;
    margin-top: 10px
}

.share-box-info {
    margin-bottom: 10px;
    font-size: 14px;
    background-color: #fdc;
    padding: 10px 10px;
    border-style: dotted;
    border-color: #f33;
    border-width: 2px;
    margin-left: auto;
    margin-right: auto;
    color: #000;
    border-radius: 6px
}

.share-box-info span {
    color: #f33
}

.share-button-shadow {
    text-align: center;
    font-size: 17px;
    margin: 0;
    color: #e00;
    font-weight: bolder;
    padding: 10px 0 30px 0
}

.share-button-shadow a {
    padding: 15px 36px;
    background-image: url(../images/share-cancel.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    color: #666
}

.bdshare-button-style0-32 a {
    width: 36px!important;
    line-height: 36px!important;
    height: 36px!important;
    background-image: url(../images/share-icon.png)!important;
    margin: 0 auto!important;
    overflow: auto!important;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    display: inline!important;
    position: absolute;
    left: 0;
    right: 0
}

.bdshare-button-style0-32 .bds_qzone {
    background-position: 0 -144px!important
}

.bdshare-button-style0-32 .bds_tsina {
    background-position: 0 -108px!important
}

.bdshare-button-style0-32 .bds_weixin {
    background-position: 0 -36px!important
}

.bdshare-button-style0-32 .bds_sqq {
    background-position: 0 -180px!important
}

.bdshare-button-style0-32 {
    width: 100%;
    padding-bottom: 10px;
    min-height: 40px
}

.bdshare-button-style0-32 .toat {
    width: 40px;
    float: left;
    width: 25%;
    height: 54px;
    position: relative;
    text-align: center;
    margin-bottom: 10px
}

.bdshare-button-style0-32 .toat:after {
    color: #333;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
    position: absolute;
    top: 54px
}

.bdshare-button-style0-32 ._tostsqq:after {
    content: 'QQ好友'
}

.bdshare-button-style0-32 ._tostweixin:after {
    content: '微信好友'
}

.bdshare-button-style0-32 ._tostqzone:after {
    content: 'QQ空间'
}

.bdshare-button-style0-32 ._tosttsina:after {
    content: '新浪微博'
}

.rxcq-guide {
    width: 280px;
    background: #fff
}

.rxcq-guide-title {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    padding-top: 20px
}

.rxcq-guide-content {
    color: #B5B4B4;
    margin: 10px 40px
}

.rxcq-guide-btn-block {
    padding: 10px 38px
}

.rxcq-guide-btn {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 5px;
    font-size: 16px;
    background: #ff641f;
    border: 1px solid #ff641f;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box
}

.rxcq-guide .image-slider {
    background: #fff
}

#rxcq-guide-slider .image-slider-box {
    margin-top: 5px;
    padding-top: 150%;
    text-align: center
}

#rxcq-guide-slider .image-slider-nav {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 32px;
    line-height: 25px;
    background: #fff;
    text-align: center
}

#rxcq-guide-slider .image-slider-nav .indicator span {
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    background: #ccc
}

#rxcq-guide-slider .image-slider-nav .indicator span.current {
    border: 1px solid #FC6433;
    background: #FC6433
}

#rxcq-guide-slider .image-slider-stop {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 10px;
    bottom: 0;
    text-align: center;
    margin-bottom: 20px
}

.image-slider-stop label {
    display: inline
}

.image-slider-stop .btn-block {
    margin: 10px
}

.image-slider-stop .btn {
    display: inline-block;
    width: 100px;
    height: 30px
}

.quick-recharge-entry {
    font-size: 0
}

.quick-recharge-entry img {
    margin: 14px;
    height: 18px
}

.new-notice {
    padding: 8px 70px 8px 15px;
    border-top: 1px solid #e5e5e5;
    font-size: 12px;
    line-height: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.new-notice img {
    margin-right: 0
}

.new-notice a {
    color: #666;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.new-notice-body {
    position: relative;
    top: -10px;
    margin-bottom: -10px
}

.new-notice-button {
    float: right;
    display: inline-block;
    border: 1px solid #60caff;
    position: absolute;
    padding: 0 10px;
    color: #3caced;
    right: 15px;
    line-height: 18px
}

.new-notice-button a {
    color: #3caced
}

.new-promotion-body {
    text-align: center;
    color: #666;
    font-size: 12px
}

.new-promotion {
    display: inline-block;
    margin: 10px 0
}

.new-promotion img {
    width: 20px;
    height: 20px
}

.new-border {
    height: 25px;
    display: inline-block;
    -webkit-margin-before: 20px;
    border-style: solid;
    border-width: 0 1px 0 0;
    color: #ccc
}

.new-input-search img {
    left: 16px;
    bottom: 18px;
    position: absolute;
    width: 14px;
    height: 14px
}

.new-input {
    padding: 8px 10px 8px 28px!important
}

.new-input-box {
    margin-right: 0!important
}

.new-input-button {
    position: absolute;
    right: 10px;
    padding: 2px
}

.new-input-button button {
    padding: 6px 10px;
    color: #f80;
    background: #e5e5e5;
    border: none;
    border-radius: 2px
}

.new-input-body {
    position: relative;
    padding: 8px 10px!important
}

.new-title h2 {
    font-size: 14px;
    color: #000
}

.new-link-list {
    background: #fff
}

.new-link-list.with-border {
    border-bottom: 1px solid #ddd
}

.new-link-list ol,.new-link-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.new-link-list li {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 10px
}

.new-link-list li:last-child {
    border-bottom: none
}

.new-link-list a {
    display: block;
    padding: 12px 0;
    font-size: 14px;
    color: #666;
    -webkit-background-size: 7px 13px;
    background-size: 7px 13px;
    background-repeat: no-repeat;
    background-position: 95% center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.new-link-list a.link {
    color: #ff641f
}

.new-more {
    background: #fff;
    border-top: 1px solid #ddd
}

.new-more a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    text-align: center;
    color: #666
}

.new-tab {
    background: #fff;
    border-bottom: 1px solid #ddd
}

.new-tab ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.new-tab li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100px;
    flex: 1 1 100px;
    padding: 0 10px
}

.new-tab.no-padding li {
    padding: 0
}

.new-tab a {
    position: relative;
    bottom: -1px;
    display: block;
    font-size: 12px;
    color: #666;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.new-tab a.current {
    color: #f14118;
    border-bottom: 2px solid #f14118
}

.new-tab-title {
    position: relative;
    bottom: -1px;
    display: block;
    padding: 24px 0 15px;
    font-size: 16px;
    color: #000;
    text-align: center;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
    text-overflow: ellipsis
}

.new-tab-title.current {
    color: #f14118;
    border-bottom: 2px solid #f14118
}

.new-tips {
    position: absolute;
    top: -8px;
    font-size: 12px;
    font-weight: 100;
    left: 50%;
    background-color: #f80;
    color: #fff;
    padding: 1px 2px;
    margin: 0 -32px
}

.new-tips-two {
    position: absolute;
    top: 2px;
    right: -5px;
    background-color: #8c5ca2;
    font-size: 12px;
    color: #fff;
    font-weight: 100;
    padding: 1px 4px
}

.new-tips-arrow {
    position: absolute;
    left: 10px;
    border-width: 6px 6px 0;
    border-style: solid dashed dashed;
    border-color: #f80 transparent transparent;
    top: 20px
}

.new-tips-border {
    height: 20px;
    display: inline-block;
    -webkit-margin-before: 18px;
    border-style: solid;
    border-width: 0 1px 0 0;
    color: #ccc
}

.new-download {
    border-color: #ffcc7f;
    color: #f80;
    border-style: solid;
    border-width: 1px;
    padding: 1px 13px;
    margin: 6px;
    text-align: center;
    display: inline-block
}

.new-download a {
    padding: 0;
    margin: 0
}

.new-nav-list {
    padding: 10px 0 0
}

.new-nav-list li {
    margin-top: 6px
}

.oneWin {
    color: #000;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 86%;
    height: 20px;
    line-height: 20px
}

.oneWin-list {
    margin: 0;
    list-style: none;
    padding: 0 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.oneWin-item {
    padding: 4px 0;
    overflow: hidden
}

.new-shop-list {
    padding: 0
}

.new-shop-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    overflow: hidden
}

.new-shop-list li {
    float: left;
    width: 20%;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0;
    text-align: left
}

.new-shop-list li img {
    width: 90px
}

.new-shop-list .shop-logo {
    display: block;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    font-size: 12px;
    text-align: center;
    border-radius: 0;
    overflow: hidden;
    padding: 0 5px 14px
}

.new-shop-list .shop-logo img {
    width: 90%;
    vertical-align: middle
}

.new-shop-list .shop-logo-end {
    border-right: 0 solid #e5e5e5
}

.new-shop-list .shop-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin: 5px 0;
    color: #666;
    text-align: center
}

.new-gamelist-body {
    text-align: center;
    position: relative
}

.new-gamelist-body a {
    margin-right: 0
}

.new-gamelist-tip {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 0;
    background-color: #f50;
    color: #fff;
    font-size: 12px;
    font-weight: 100;
    padding: 0;
    font-family: SimSun
}

.new-index-body {
    margin: 0 10px;
    font-family: Microsoft YaHei
}

.new-gamelist-head {
    margin: 18px 10px 0;
    padding-bottom: 14px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #e6e6e6;
    position: relative;
    color: #666
}

.new-gamelist {
    padding: 18px 0 4px
}

.new-gamelist-button {
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis
}

.new-gamelist-head span {
    border: 1px solid;
    text-align: center;
    padding: 0 5px;
    margin-right: 5px
}

.style4 {
    color: #FD4F28
}

.style5 {
    color: #FD4F28
}

.style6 {
    color: #47D318
}

.style1 {
    color: #EF9A1B
}

.style2 {
    color: #1B8EDF
}

.new-gamelist-image {
    display: inline-block!important
}

.new-gamelist-head-body {
    display: inline-block;
    width: 70%
}

.new-gamelist-cut {
    border: 0 solid!important;
    text-align: center;
    padding: 0 5px;
    margin-right: 10px;
    color: #f80
}

.new-gamelist-bigtitle {
    font-size: 14px;
    font-weight: bolder
}

.new-gamelist-arrow {
    position: absolute;
    right: 0;
    top: 20px;
    margin-right: 0!important
}

.new-index-coop {
    padding: 10px 5px
}

.new-index-coop ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.new-index-coop li {
    float: left;
    width: 25%;
    margin-bottom: 5px;
    text-align: center
}

.new-index-coop img {
    max-width: 100%;
    vertical-align: bottom
}

.new-promotion-title {
    width: 54px;
    overflow: hidden;
    text-overflow: ellipsis
}

.login-set,.register-set {
    background: #eee
}

.login-set .get-vcode,.register-set .get-vcode {
    padding: 3px 6px;
    border: 1px solid #6fb2ff;
    color: #6fb2ff;
    border-radius: 5px;
}

.login-set .vcode-hlpe .tips,.register-set .vcode-hlpe .tips {
    margin: 10px 10px 0;
    position: relative
}

.login-set .vcode-hlpe .tips i,.register-set .vcode-hlpe .tips i {
    position: absolute;
    left: 24px;
    top: -8px;
    width: 24px;
    height: 14px;
    background-image: url(../images/corner.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.login-set .vcode-hlpe .vcode-switch,.register-set .vcode-hlpe .vcode-switch {
    padding: 10px;
    overflow: hidden
}

.login-set .vcode-hlpe .vcode-switch a,.register-set .vcode-hlpe .vcode-switch a {
    float: right;
    color: #666;
    text-decoration: underline
}

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

.login-thirdparty .title {
    margin: 0 auto;
    width: 70%;
    background: url(../images/hr.png) center repeat-x
}

.login-thirdparty .title dd {
    margin: 0 auto;
    width: 100px;
    background: #eee
}

.login-thirdparty .item.qq-login {
    display: inline-block;
    margin: 10px 0
}

.login-thirdparty .item.qq-login img {
    width: 42px
}

.treaty {
    color: #666
}

.game-down-set {
    background: #fff;
    font-family: Microsoft YaHei
}

.game-down-set.pd {
    padding: 0 10px
}

.game-down-set .game-down-info {
    list-style: none;
    padding: 0;
    margin: 0
}

.game-down-set .game-down-info li {
    position: relative;
    padding: 14px 10px
}

.game-down-set .game-down-info li.line {
    border-bottom: 1px solid #e6e6e6
}

.game-down-set .game-down-info .down-info {
    display: block;
    margin-right: 70px
}

.game-down-set .game-down-info .down-info .game-icon {
    float: left;
    margin-right: 10px
}

.game-down-set .game-down-info .down-info .game-icon img {
    width: 52px;
    height: 52px
}

.game-down-set .game-down-info .down-info .game-other {
    line-height: 1.5em;
    color: #666;
    font-size: 12px
}

.game-down-set .game-down-info .down-info .game-other .info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.game-down-set .game-down-info .down-info .game-other .game-name {
    position: relative;
    color: #333;
    font-size: 14px
}

.game-down-set .game-down-info .down-btn-box {
    position: absolute;
    right: 16px;
    top: 0;
    height: 100%;
    line-height: 82px
}

.game-down-set .game-down-info .down-btn-box.double-btn {
    right: 5px;
    line-height: inherit
}

.game-down-set .game-down-info .down-btn-box a {
    padding: 2px 12px;
    color: #ff7011;
    border: 1px solid #ff7011
}

.game-down-set .game-down-info .down-btn-box .wrap {
    position: relative;
    top: 50%;
    margin-top: -24px
}

.game-down-set .game-down-info .down-btn-box .wrap .down-btn {
    padding: 0 12px;
    display: block;
    margin-bottom: 6px;
    text-align: center
}

.game-down-set .game-down-info .down-btn-box .wrap .down-btn.get-gift {
    background: #FF7011;
    color: #fff
}

.game-down-set .game-down-imgs {
    overflow: hidden;
    height: 214px
}

.game-down-set .game-down-imgs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 10000px
}

.game-down-set .game-down-imgs ul li {
    float: left;
    padding-right: 5px;
    width: 118px;
    height: 214px;
    line-height: 214px;
    text-align: center
}

.game-down-set .game-down-imgs ul li img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.game-down-set .game-intro {
    margin-top: 10px;
    padding: 14px 0;
    overflow: hidden;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.game-down-set .game-intro .title {
    margin-bottom: 6px;
    color: #333
}

.game-down-set .game-intro .intro {
    max-height: 80px;
    line-height: 20px;
    overflow: hidden
}

.game-down-set .game-intro .intro-more {
    display: none;
    float: right;
    color: #FFA23F
}

.game-down-set .history-down {
    position: relative;
    height: 34px;
    line-height: 34px
}

.game-down-set .history-down a {
    display: block;
    color: #494949
}

.game-down-set .history-down i {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 0;
    background-image: url(../images/arrow.png);
    background-position: 0 0;
    -webkit-background-size: 8px 12px;
    background-size: 8px;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px
}

.game-down-set .buy-box {
    list-style: none;
    margin: 0;
    padding: 12px 5px;
    overflow: hidden
}

.game-down-set .buy-box li {
    float: left;
    width: 33.3%
}

.game-down-set .buy-box li a {
    position: relative;
    display: block;
    margin: 8px 5px;
    padding: 5px 0;
    background: #e6e6e6;
    border-radius: 3px;
    text-align: center;
    color: #494949
}

.game-down-set .buy-box li .dis {
    top: -16px;
    right: 8px;
    border-radius: 0
}

.game-down-set .buy-box li .dis i {
    left: 14px;
    top: 12px
}

.game-down-set .dis {
    position: absolute;
    margin-left: 8px;
    padding: 0 5px;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    color: #fff;
    background: #ff8000;
    border-radius: 3px
}

.game-down-set .dis i {
    position: absolute;
    left: -4px;
    top: 4px;
    width: 8px;
    height: 8px;
    background-image: url(../images/square.png);
    background-position: 0 0;
    -webkit-background-size: 8px 8px;
    background-size: 8px;
    background-repeat: no-repeat
}

.down-search-account {
    margin: 10px 0 0
}

.down-search-account input {
    border: none;
    height: 20px;
    width: 100%
}

.down-search-account .game-search {
    background: #eee;
    padding: 18px 28px
}

.down-search-account .game-search .btn {
    margin: 0;
    border-radius: initial
}

.down-history-box {
    margin: 0;
    font-family: Microsoft YaHei
}

.down-history-box ul {
    list-style: none;
    padding: 10px 12px;
    margin: 0;
    overflow: hidden
}

.down-history-box ul li {
    float: left;
    width: 33.3%;
    text-align: center
}

.down-history-box ul li .history-game {
    margin: 5px
}

.down-history-box ul li .history-game .game-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.down-history-box ul li .history-game img {
    width: 52px;
    height: 52px;
    vertical-align: middle
}

.down-history-box ul li .history-game .down-btn {
    border-color: #f80;
    color: #ff7426;
    border-style: solid;
    border-width: 1px;
    padding: 1px 13px;
    margin: 6px;
    text-align: center;
    display: inline-block
}

.banner-box {
    overflow: hidden
}

.banner-box img {
    width: 100%;
    vertical-align: middle
}

.app-lead {
    display: none;
    position: relative;
    height: 46px;
    background: #fff
}

.app-lead .close {
    position: absolute;
    left: 5px;
    top: 11px
}

.app-lead .close img {
    width: 22px;
    vertical-align: middle
}

.app-lead .content-box {
    padding: 7px 0;
    margin: 0 75px 0 34px;
    overflow: hidden
}

.app-lead .content-box img {
    float: left;
    margin-right: 5px;
    width: 34px;
    vertical-align: middle
}

.app-lead .content-box .title {
    line-height: 18px;
    font-size: 14px;
    color: #f68495
}

.app-lead .content-box .desc {
    line-height: 18px
}

.app-lead .btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    font-size: 12px;
    line-height: 40px;
    color: #fff;
    text-align: center
}

.app-lead .btn a {
    padding: 8px 10px;
    background: #f11d48;
    color: #fff;
    border-radius: 6px
}

.wx-jiaoyi .concern-lead {
    text-align: center
}

.wx-jiaoyi .concern-lead .qrcode-icon {
    width: 80px
}

.wx-jiaoyi .concern-lead .search-wx {
    width: 60px
}

.autonym .title {
    font-size: 14px
}

.autonym .search-form {
    border-bottom: 1px solid #ddd
}

.autonym .search-result li a {
    background: initial;
    padding: 8px 10px
}

#index-banner {
    background: #fff
}

#index-banner .image-slider-box {
    padding-top: 36%
}

#index-banner .image-slider-nav {
    background: 0 0
}

#index-banner .image-slider-nav .indicator span {
    width: 5px;
    height: 5px;
    border: 1px solid #a18786;
    background: 0 0
}

#index-banner .image-slider-nav .indicator span.current {
    border: 1px solid #ff3200;
    background: #fff
}

.index-coop {
    padding: 10px 15px
}

.index-coop ul {
    margin: 0;
    margin-right: -10px;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.index-coop li {
    float: left;
    width: 85px;
    margin-right: 10px;
    margin-bottom: 5px
}

.index-coop img {
    max-width: 100%;
    vertical-align: bottom
}

.index-coop.for-friend {
    min-height: 240px
}

.index-coop.for-friend li {
    margin-bottom: 10px;
    margin-right: 5%
}

.game-body {
    display: inline-block;
    width: 70%;
    vertical-align: top
}

.game-body-title {
    color: #000;
    font-weight: bolder;
    font-size: 14px;
    padding-left: 4px;
    padding-bottom: 3px
}

.game-body-button a {
    display: inline-block;
    border-style: solid;
    margin: 1px;
    padding: 1px 8px;
    border-width: 1px;
    border-radius: 5px;
    color: #666;
    text-align: center
}

.game-arrow {
    display: inline-block;
    background-color: #f55;
    color: #fff;
    padding: 0 5px;
    margin: 0;
    border-radius: 4px
}

.cut-arrow {
    background-image: url(../images/cut-arrow.png);
    padding: 5px;
    margin-left: 5px
}

.download-button {
    background-color: #fb3;
    text-align: center;
    color: #fff;
    padding: 6px;
    font-size: 16px;
    margin: 10px 0;
    border-radius: 4px;
    display: block
}

.download-button img {
    width: 16px;
    position: relative;
    top: 2px;
    left: 4px
}

.shuizhu-game {
    padding: 18px 14px 4px;
    border-bottom: 1px solid #ddd
}

.shuizhu-game-list {
    background: #fff;
    overflow: hidden;
    padding: 0 0 4px
}

.promotion-game-wrap {
    background: #fff;
    overflow: hidden
}

.promotion-game-wrap .game-scre {
    padding: 30px 0
}

.promotion-game-wrap .game-scre ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0
}

.promotion-game-wrap .game-scre ul li {
    display: inline-block;
    width: 33.3%
}

.promotion-game-wrap .game-scre ul .scre {
    padding: 0 5px
}

.promotion-game-wrap .game-scre ul .scre.salient {
    position: relative;
    top: -10px
}

.promotion-game-wrap .game-scre ul .scre img {
    max-width: 100%
}

.promotion-game-wrap .game-desc {
    position: relative;
    top: -62px;
    margin-bottom: -62px;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom: 1px solid #ddd;
    background: #fff;
    height: 80px
}

.promotion-game-wrap .game-desc .desc-box {
    position: absolute;
    width: 100%
}

.promotion-game-wrap .game-desc .game-icon {
    float: left;
    display: inline-block;
    margin: 0 10px 0 14px;
    width: 60px;
    height: 60px
}

.promotion-game-wrap .game-desc .game-icon img {
    width: 100%
}

.promotion-game-wrap .game-desc .game-name {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.promotion-game-wrap .game-desc .game-name .tag {
    font-size: 12px;
    font-weight: 400
}

.promotion-game-wrap .game-chit {
    display: block;
    margin: 20px;
    position: relative
}

.promotion-game-wrap .game-chit img {
    width: 100%;
    vertical-align: middle
}

.promotion-game-wrap .game-chit .pri {
    left: 50%;
    top: 25%;
    position: absolute;
    width: 200px;
    height: 25%;
    margin-left: -100px;
    text-align: center;
    font-size: 20px;
    color: #FCD797;
    font-weight: bolder
}

.promotion-game-wrap .game-chit .pri .unit {
    font-weight: 400;
    font-size: 16px
}

.promotion-game-wrap .draw {
    border-top: 1px solid #ddd
}

.promotion-game-wrap .draw .get-vcode {
    padding: 3px 6px;
    border: 1px solid #ff7c00;
    color: #ff7c00
}

.promotion-game-wrap .draw .btn {
    border-radius: initial;
    font-size: 16px
}

.sec.promotion-game-outline {
    overflow: hidden
}

.sec.promotion-game-outline .step {
    margin: 15px 8px;
    padding: 14px 19px;
    border: 1px solid #feeacb;
    border-radius: 5px;
    overflow: hidden
}

.sec.promotion-game-outline .step ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.sec.promotion-game-outline .step li {
    position: relative;
    padding-left: 14px;
    padding-bottom: 8px;
    border-left: 1px solid #f80
}

.sec.promotion-game-outline .step li:last-child {
    border-left: 1px solid #fff
}

.sec.promotion-game-outline .step p {
    margin: 0
}

.sec.promotion-game-outline .step .step-tag {
    display: inline-block;
    position: absolute;
    left: -13px;
    top: -1px;
    zoom: 1;
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-image: url(../images/step.png);
    background-repeat: no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px
}

.sec.promotion-game-outline .step .step-outline {
    color: #ff9226;
    font-size: 14px
}

.sec.promotion-game-explain p {
    margin: 10px
}

.ems-cnpl {
    padding: 20px 0;
    background: #fff;
    text-align: center;
    overflow: hidden
}

.ems-cnpl .qr-code {
    display: inline-block;
    margin: 10px;
    width: 65px;
    height: 65px
}

.ems-cnpl .qr-code img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.ems-cnpl .info {
    display: inline-block;
    text-align: left
}

.ems-cnpl .info .name {
    color: #333;
    font-size: 14px
}

.ems-cnpl .info .no {
    margin-left: 5px;
    padding: 2px 8px;
    background: #ff641f;
    color: #fff;
    border-radius: 10px
}

.record-roller .roller-body {
    padding: 10px
}

.record-roller .roller-body .title {
    color: #de332b;
    font-size: 16px;
    font-weight: bolder
}

.record-roller .roller-body .title img {
    margin-right: 5px;
    width: 24px;
    vertical-align: text-bottom
}

.record-roller .roller-body ul {
    list-style: none;
    margin: 10px 0;
    padding: 0;
    border: 1px solid #FFE7CC;
    border-radius: 5px;
    background: #FFF8F0;
    height: 194px;
    overflow: hidden
}

.record-roller .roller-body ul li {
    position: relative;
    margin: 0 8px;
    padding: 0 70px 0 5px;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px dotted #ccc;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden
}

.record-roller .roller-body .record-money {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 70px;
    color: #FF5E4D;
    text-align: center;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden
}

.promotion-game-share .game-chit {
    margin: 10px;
    padding: 22px 12px 16px;
    position: relative;
    background: url(../images/shade.png) #fff;
    -webkit-background-size: 30px 6px;
    background-size: 30px 6px;
    background-repeat: repeat-x;
    border-radius: 5px;
    overflow: hidden
}

.promotion-game-share .game-chit .not-gain {
    position: absolute;
    right: 10px;
    bottom: 5px;
    width: 40px;
    z-index: 9
}

.promotion-game-share .game-chit .chit-amount {
    float: left;
    width: 24%;
    color: #ff5340;
    font-weight: 700;
    text-align: center;
    border-right: 1px dotted #ccc
}

.promotion-game-share .game-chit .chit-amount .amount {
    font-size: 24px
}

.promotion-game-share .game-chit .chit-desc {
    float: right;
    width: 75%;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.promotion-game-share .game-chit .chit-desc .postil {
    font-size: 12px;
    font-weight: 400
}

.promotion-game-action {
    background: #fff;
    padding: 20px
}

.promotion-game-action .btn-box {
    padding: 0 10px
}

.promotion-game-action .btn-box p {
    margin-bottom: -10px
}

.promotion-game-action .btn-box .btn {
    border-radius: initial
}

.promotion-game-action .btn-box .btn.btn-share {
    color: #f60;
    background: #ffefe8;
    border: 1px solid #f14118
}

.promotion-game-action .btn-box .btn img {
    margin: 0 5px;
    width: 20px;
    vertical-align: text-bottom
}

.sec.promotion-game-share p {
    margin: 2px 0
}

.sec.promotion-game-share .link {
    text-decoration: underline;
    color: #ff6354
}

.game-promotion-index {
    list-style: none;
    margin: 0;
    padding: 0
}

.game-promotion-index li {
    margin-top: 10px;
    padding: 10px;
    background: #fff
}

.game-promotion-index li img {
    width: 100%
}

.game-promotion-index li a {
    color: #333
}

.promotion-game-down {
    position: relative;
    height: 50px;
    background: #374551;
    font-size: 12px
}

.promotion-game-down .content-box {
    padding: 7px 0;
    margin: 0 80px 0 10px;
    overflow: hidden
}

.promotion-game-down .content-box img {
    float: left;
    margin-right: 5px;
    width: 36px;
    vertical-align: middle
}

.promotion-game-down .content-box .title {
    line-height: 18px;
    font-size: 14px;
    color: #EBCE19
}

.promotion-game-down .content-box .desc {
    color: #fff;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.promotion-game-down .btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    font-size: 12px;
    line-height: 40px;
    color: #fff;
    text-align: center
}

.promotion-game-down .btn a {
    padding: 8px 10px;
    background: #f11d48;
    color: #fff;
    border-radius: 6px
}

.orange-epay-wrap .activities {
    background: #feedc5 url(../images/bg-base.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    font-size: 14px;
    overflow: hidden
}

.orange-epay-wrap .activities .bolda {
    color: #fb5048
}

.orange-epay-wrap .activities .logo {
    margin: 12px 10px;
    width: 128px;
    height: 20px
}

.orange-epay-wrap .activities .logo img {
    width: 100%
}

.orange-epay-wrap .activities .gift {
    margin: 10px 0
}

.orange-epay-wrap .activities .gift img {
    width: 100%
}

.orange-epay-wrap .activities .wave {
    position: relative;
    top: -20px;
    margin-bottom: -20px
}

.orange-epay-wrap .activities .wave img {
    width: 100%;
    vertical-align: top
}

.orange-epay-wrap .activities .action-box {
    overflow: hidden
}

.orange-epay-wrap .activities .action-box.register {
    background: #ffd475
}

.orange-epay-wrap .activities .action-box .lead {
    font-size: 16px;
    color: #5e0d0a;
    text-align: center
}

.orange-epay-wrap .activities .action-box .lead p {
    margin: 0
}

.orange-epay-wrap .activities .action-box .lead .figure {
    display: inline-block;
    text-align: left;
    min-width: 250px
}

.orange-epay-wrap .activities .action-box .lead .draw {
    float: left;
    display: inline-block;
    margin: 5px;
    width: 52px;
    height: 52px;
    background: #feedc5 url(../images/draw-success.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

.orange-epay-wrap .activities .action-box .btn {
    display: block;
    margin: 15px 28px 0
}

.orange-epay-wrap .activities .action-box .btn img {
    width: 100%
}

.orange-epay-wrap .activities .action-box .tips {
    margin: 0 20px;
    color: #fb5048;
    line-height: 1.2
}

.orange-epay-wrap .activities .action-box .describe {
    position: relative;
    margin: 40px 10px;
    padding: 20px 15px;
    border-radius: 10px
}

.orange-epay-wrap .activities .action-box .describe.desc-rule {
    background: #ffebb6
}

.orange-epay-wrap .activities .action-box .describe.desc-info {
    background: #fff1cc;
    border: 2px solid #5a1d18
}

.orange-epay-wrap .activities .action-box .describe.desc-info .title {
    top: -17px;
    width: 126px;
    height: 35px
}

.orange-epay-wrap .activities .action-box .describe p {
    margin: 0 0 10px;
    color: #9f4d21;
    line-height: 1.4
}

.orange-epay-wrap .activities .action-box .describe .title {
    position: absolute;
    top: -18px;
    left: 50%;
    margin-left: -58px;
    width: 116px;
    height: 25px
}

.orange-epay-wrap .activities .action-box .describe .title img {
    width: 100%
}

.orange-epay-wrap .activities .action-box .describe .subhead {
    margin: 15px 0;
    display: block;
    position: relative;
    text-align: center
}

.orange-epay-wrap .activities .action-box .describe .subhead b {
    position: relative;
    padding: 0 15px;
    background: #fff1cc;
    font-weight: 400;
    color: #fb5048;
    z-index: 101
}

.orange-epay-wrap .activities .action-box .describe .subhead:after {
    content: '';
    position: absolute;
    z-index: 100;
    top: 52%;
    left: 0;
    color: #fb5048;
    background: #bf5048;
    width: 100%;
    height: 1px
}

.orange-epay-wrap .gift-draw {
    padding-bottom: 10px;
    background: #fff;
    overflow: hidden
}

.orange-epay-wrap .gift-draw .banner {
    width: 100%;
    vertical-align: top
}

.orange-epay-wrap .gift-draw .get-vcode {
    padding: 3px 6px;
    border: 1px solid #ff7c00;
    color: #ff7c00
}

.orange-epay-wrap .gift-draw .btn-box p {
    margin-bottom: -10px
}

.orange-epay-wrap .gift-draw .btn-box .btn {
    border-radius: initial;
    font-size: 16px
}

.orange-epay-wrap .gift-draw .btn-box .btn-qqlogin {
    color: #f60;
    background: #ffefe8;
    border: 1px solid #f14118
}
.sec.top {
    margin-top: 0;
}
.user-bar .pic {
    height: 40px;
    width: 40px;
    margin: 5px 10px 5px 10px;
    float: left;
}
.user-bar .title {
    line-height: 50px;
    color: #666;
}
.user-bar {
    height: 50px;
    background: #FFF;
    border-bottom: 1px solid #DDD;
    position: relative;
}
.user-bar {
    height: 50px;
    background: #FFF;
    border-bottom: 1px solid #DDD;
    position: relative;
}
.cMore.no-border {
    border-top: none;
}
.cMore {
    border-top: 1px solid #e6e6e6;
    background: #fff;
    text-align: center;
}
.cMore a {
    display: block;
    padding: 11px 0;
    color: #666;
}
.content-wrap, .content-wrap .content-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.content-wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 13px 10px 0;
}
.content-wrap .active {
    background-color: #fff;
    border: 1px solid #f80;
}

.content-wrap .content-inner {
    margin: 0;
    width: 40.5%;
    height: 50px;
    border-radius: 4px;
    line-height: 50px;
    padding: 0 11.5px;
    background-color: #f4f5f7;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
}
.content-wrap, .content-wrap .content-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.content-wrap .content-inner {
    margin: 0;
    width: 40.5%;
    height: 50px;
    border-radius: 4px;
    line-height: 50px;
    padding: 0 11.5px;
    background-color: #f4f5f7;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
}
.content-wrap .active .content-label {
    display: block;
}
.content-wrap .content-inner .content-label {
    width: 20px;
    position: absolute;
    bottom: -1px;
    right: 0;
    display: none;
}
.content-wrap .content-inner .content-label img {
    width: 100%;
    height: 100%;
    display: block;
}
img {
    max-width: 100%;
    vertical-align: bottom;
    border: none;
}
.table-sudoku {
    border-bottom: none;
    overflow: hidden;
}
.table-sudoku ul {
    margin: 17px 0;
}
.table-sudoku ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.table-sudoku li {
    position: relative;
    padding: 0;
    color: #999;
    font-size: 11px;
    line-height: 1.8;
}
.table-sudoku li {
    display: inline-block;
    width: 50%;
    margin: 0;
    float: left;
    border-bottom: 1px solid #DDD;
    text-align: center;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.table-sudoku li a {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    color: #555;
    border-right: 1px solid #EEE;
    font-size: 1 px;
    line-height: 20px;
}
.table-sudoku li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background-color: #eee;
}
.table-sudoku li i.icon-yuan {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-right: 3px;
    background: url(/Public/images/icon-yuan.png) center center no-repeat;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}
.table-sudoku li .num {
    color: #f14118;
    font-size: 16px;
}
.table-sudoku .num {
    color: #f33;
}
.withdraw-btn {
    display: block;
    margin: 15px 12px;
    color: #666;
    border: 1px solid #666;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    border-radius: 5px;
    border-width: 0.5px;
}
.order-list.top {
    margin-top: -10px;
}
.order-list ol, .order-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.service {
    margin: .5rem 0;
    background: #fff;
    font-size: .5546rem;
    padding-bottom: 2rem;
}
.service .service-select {
    margin: 5px;
    border-radius: 3px;
    border: 3px solid #ffecec;
    position: relative;
    padding-bottom: 10px;
}
.service .service-select .service-select-item {
    margin-top: 16px;
    margin-left: 10px;
}
.service .service-select .lightspot {
    overflow: hidden;
}
.service .service-select .text {
    padding-left: 1.235rem;
    line-height: 1.0026rem;
    font-size: .4906rem;
}
.service .service-select .lightspot {
    overflow: hidden;
}
.service .service-select .lightspot .number {
    float: left;
    width: .8533rem;
    height: .8533rem;
    line-height: .8533rem;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background: #ff9901;
    font-size: .384rem;
}