@charset "UTF-8";

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
}

optgroup {
    font-weight: 700
}

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

td,th {
    padding: 0
}

html {
    height: 100%
}

body {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;
    line-height: 1.42;
    font-size: 12px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
    color: #333;
    background-color: #f5f5f5;
    overflow-x: hidden
}

@media screen and (min-width:737px) {
    body {
        width: 736px;
        margin: 0 auto
    }
}

a {
    text-decoration: none
}

img {
    vertical-align: middle
}

button {
    background: transparent;
    border: none;
    -webkit-appearance: none;
    outline: none
}

.form-tip {
    padding: 5px 10px;
    background: #fff
}

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

.form-tip i {
    display: inline-block;
    margin-right: 4px;
    background: url(../images/warn-0ac486355c.png) no-repeat;
    background-size: 21px;
    vertical-align: bottom;
    width: 20px;
    height: 20px
}

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

.cHr {
    height: 10px;
    background: #f5f5f5
}

.cMask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: #000;
    opacity: .5;
    will-change: opacity
}

.cMask.t-no {
    display: none
}

.cMask.t-enter {
    opacity: 0
}

.cMask.t-enter-active,.cMask.t-leave-active {
    transition: opacity .5s ease
}

.cMask.t-enter-to,.cMask.t-leave {
    opacity: .5
}

.cMask.t-leave-to {
    opacity: 0
}

.cToast {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 5;
    bottom: 80px;
    padding: 0 20px;
    text-align: center
}

.cToast .inner {
    display: inline-block;
    padding: .5em 1em;
    border-radius: 4px;
    background: #666;
    color: #fff
}

.cDialog {
    position: fixed;
    left: 40px;
    right: 40px;
    top: 50%;
    z-index: 3;
    background: #fff;
    border-radius: 4px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cDialog--transparent {
    background: transparent
}

.cDialog-hd {
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    color: #f60;
    border-bottom: 1px solid #e6e6e6
}

.cDialog-text {
    padding: 10px 20px
}

.cDialog-ft {
    padding: 10px 0;
    text-align: center
}

.cDialog-ft a {
    display: inline-block;
    padding: 8px 3em;
    color: #f60;
    border: 1px solid currentColor;
    border-radius: 5px
}

@media screen and (min-width:737px) {
    .cDialog {
        left: 50%;
        right: auto;
        width: 656px;
        margin-left: -328px
    }
}

.cSwipe {
    visibility: hidden
}

.cSwipe,.cSwipe .wrap {
    overflow: hidden;
    position: relative
}

.cSwipe .wrap {
    font-size: 0
}

.cSwipe .item {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    will-change: transform
}

.cSwipe .item:before {
    content: " ";
    display: inline-block;
    width: 1px;
    height: 100%;
    margin-left: -1px;
    vertical-align: middle
}

.cSwipe a {
    display: block
}

.cSwipe img {
    max-width: 100%;
    vertical-align: middle
}

.cSwipe .indicator {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cSwipe .indicator-item {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 2px;
    background: transparent;
    border: 1px solid #e6e6e6;
    border-radius: 6px
}

.cSwipe .indicator-item.is-active {
    background: #f60;
    color: #f60
}

.cSwipe--fixed {
    position: relative;
    padding-top: 56%;
    background: #000
}

.cSwipe--fixed .wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.cSwipe--fixed .item {
    height: 100%
}

.cSwipe--fixed img {
    max-height: 100%
}

.cGallery {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    background: rgba(0,0,0,.8)
}

.cGallery .item,.cGallery .wrap {
    height: 100%
}

.cGallery .indicator {
    bottom: 20px
}

.cFilter {
    position: absolute;
    left: 45px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: #f0f0f0;
    will-change: transform
}

.cFilter.t-no {
    display: none
}

.cFilter.t-enter,.cFilter.t-leave-to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.cFilter.t-enter-active,.cFilter.t-leave-active {
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.cFilter.t-enter-to,.cFilter.t-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.cFilter .hd {
    background-color: #fff;
    height: 30px;
    padding: 10px;
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 14px;
    text-align: center
}

.cFilter .hd button {
    position: absolute;
    top: 10px;
    height: 30px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 12px
}

.cFilter .hd .reset {
    left: 10px;
    color: #666
}

.cFilter .hd .submit {
    right: 10px;
    color: #f60
}

.cFilter .bd {
    -webkit-flex: 1;
    flex: 1;
    min-height: 1px;
    background: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

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

.cList a {
    display: block;
    color: #333
}

.cList-tar {
    list-style: none;
    margin: 0;
    padding: 0
}

.cList-tar a {
    display: block;
    color: #333
}

.cList--triple {
    overflow: hidden;
    padding: 2.5% 0
}

.cList--triple li {
    float: left;
    width: 28%;
    margin: 2.5%;
    text-align: center
}

.cList--triple a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cList-links {
    padding: 0 10px
}

.cList-links li {
    border-bottom: 1px dashed #e6e6e6
}

.cList-links li:last-of-type {
    border-bottom: none
}

.cList-links a {
    margin: 0 -10px;
    padding: 12px 10px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cDl,.cList-links a {
    overflow: hidden
}

.cDl .item {
    margin: 12px 0;
    padding: 0 10px;
    display: -webkit-flex;
    display: flex
}

.cDl .title {
    -webkit-flex: none;
    flex: none;
    color: #666
}

.cDl .desc {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0
}

.cNoItem {
    padding: 30px;
    background: #fff;
    text-align: center
}

.cNoItem .img {
    width: 72px;
    height: 66px
}

.cNoItem .text {
    margin: 5px 0 20px;
    color: #666
}

.cNoItem .btn {
    display: inline-block;
    font-size: 14px;
    padding: 2px 2em;
    color: #f60;
    border: 1px solid currentColor;
    border-radius: 5px
}

.cLinks {
    padding: 10px 0;
    white-space: nowrap;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.cLinks a {
    display: inline-block;
    color: #333;
    margin: 0 10px
}

.cMore {
    border-top: 1px solid #e6e6e6;
    background: #fff;
    text-align: center
}

.cMore.no-border {
    border-top: none
}

.cMore a {
    display: block;
    padding: 11px 0;
    color: #666
}

.cMore a.is-disabled {
    color: #999
}

.fourohfour {
    padding: 40px 20px 100px;
    text-align: center;
    background: #fff
}

.fourohfour .img {
    margin: 35px 0;
    width: 188px;
    height: 132px
}

.fourohfour .text {
    margin: 5px 0 20px;
    line-height: 2;
    color: #666
}

.fourohfour .btn {
    display: inline-block;
    font-size: 14px;
    padding: 4px 2em;
    color: #22b8ff;
    border: 1px solid currentColor;
    border-radius: 5px
}

.cSec {
    margin: 10px 0;
    background: #fff;
    clear: both
}

.cSec-title {
    padding: 12.5px 10px;
    line-height: 14px;
    border-bottom: 1px solid #e6e6e6
}

.cSec-title .title,.cSec-title h1,.cSec-title h2,.cSec-title h3 {
    margin: 0;
    font-size: 14px;
    padding-left: 10px;
    font-weight: 400;
    color: #666;
    border-left: 3px solid #6dadff
}

.cSec-title .more {
    float: right;
    padding: 5px;
    margin: -5px;
    color: #999
}

.cSec-title .more:after {
    content: " ";
    display: inline-block;
    width: .6em;
    height: .6em;
    border-style: solid solid none none;
    border-width: 1px;
    border-color: currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cTab {
    margin: 10px 0;
    background: #fff
}

.cTab-items {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #e6e6e6;
    text-align: center
}

.cTab-items li {
    -webkit-flex: auto;
    flex: auto;
    min-width: 0
}

.cTab-item {
    display: inline-block;
    padding: 10px 22px;
    font-size: 14px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    color: #333
}

.cTab-item h1,.cTab-item h2,.cTab-item h3 {
    margin: 0;
    font-size: inherit;
    font-weight: 400
}

.cTab-item.is-active {
    color: #22b8ff;
    border-bottom: 2px solid #22b8ff
}

.cTab-target {
    display: none
}

.cTab-target.is-active {
    display: block
}

.gameList {
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0
}

.gameList li {
    float: left;
    position: relative;
    width: 25%;
    margin: 15px 0 8px;
    font-size: 12px;
    text-align: center
}

.gameList li:nth-child(4n+1) {
    clear: left
}

.gameList .icon {
    width: 60px;
    height: 60px
}

.gameList .name {
    margin: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.gameList .discount {
    margin-top: -5px
}

.gameList .discountText {
    font-size: 10px;
    padding-left: .4em;
    border-radius: 10px;
    color: #f60;
    border: 1px solid #f60
}

.gameList .discountUnit {
    position: relative;
    padding-left: .2em;
    padding-right: .4em;
    margin-left: .2em;
    background: #f60;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff
}

.gameList .rank {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -35px;
    margin-top: -2px;
    width: 21px;
    height: 21px;
    color: #fff;
    line-height: 21px;
    text-align: center;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -32px -67px;
    background-size: 144px 89px;
    pointer-events: none
}

.gameList .rank--1 {
    height: 25px;
    font-size: 0;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -62px 0px;
    background-size: 144px 89px
}

.gameList .rank--2 {
    height: 25px;
    font-size: 0;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: 0px 0px;
    background-size: 144px 89px
}

.gameList .rank--3 {
    height: 25px;
    font-size: 0;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -31px 0px;
    background-size: 144px 89px
}

.gameList--line {
    -webkit-overflow-scrolling: touch
}

.gameList--line li {
    float: none;
    display: inline-block;
    width: 80px
}

.gameJiaoyi .cList {
    padding: 8px 0;
    text-align: center;
    overflow: hidden
}

.gameJiaoyi li {
    float: left;
    width: 25%;
    margin: 8px 0
}

.gameJiaoyi a {
    padding: 0 5px
}

.gameJiaoyi .icon {
    width: 60px;
    height: 60px
}

.gameJiaoyi .name {
    margin-top: 5px;
    font-size: 12px
}

.gameJiaoyi .count,.gameJiaoyi .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.gameJiaoyi .count {
    font-size: 10px;
    color: #999
}

.searchResult {
    height: 100%;
    width: 100%;
    background: #fff;
    font-size: 12px
}

.searchResult .searchResultList {
    padding-left: 0;
    list-style: none
}

.searchResult .searchResultList li {
    padding: 14px .59848rem;
    margin: 0 .42749rem;
    border-bottom: .02137rem solid #e6e6e6
}

.searchResult .searchResultList li a {
    color: gray
}

.all-play-panel .all-play {
    margin: 0 -19px;
    padding: 8px 15px 16px;
    overflow-x: auto;
    font-size: 0;
    white-space: nowrap
}

.all-play-panel .all-play::-webkit-scrollbar {
    display: none
}

.all-play-panel .all-play li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 19px
}

.all-play-panel .all-play li:first-child .img-box {
    position: relative
}

.all-play-panel .all-play li:first-child .img-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 20px;
    background: imgs(commend) no-repeat;
    background-size: 100%
}

.all-play-panel .all-play li:last-child .play-box {
    width: auto;
    padding: 0 17px;
    line-height: 110px;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    background-color: #f9f9f9
}

.all-play-panel .play-box {
    display: block;
    width: 75px;
    line-height: 1.5;
    font-size: 10px;
    text-align: center
}

.all-play-panel .img-box {
    margin: auto;
    width: 60px;
    height: 60px
}

.all-play-panel img {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.all-play-panel dt {
    font-size: 14px
}

.all-play-panel dd:last-child {
    color: #999
}

.productList {
    padding: 0 10px
}

.productList li {
    border-bottom: 1px dashed #e6e6e6
}

.productList li:last-child {
    border-bottom: none
}

.productList a {
    display: -webkit-flex;
    display: flex;
    margin: 0 -10px;
    padding: 12px 10px
}

.productList .name,.productList a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.productList .name {
    -webkit-flex: auto;
    flex: auto;
    min-width: 0
}

.productList .price {
    -webkit-flex: none;
    flex: none;
    color: #f60;
    margin-left: 20px
}

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

.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: 70px;
    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: 8px;
    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: 3px;
    border: 1px solid #f33;
    border-radius: 12px;
    line-height: 1;
    font-size: 10px;
    color: #f33
}

.commend-panel .similar {
    position: absolute;
    top: 50%;
    right: 20px;
    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
}

.banner--indexRow {
    padding: 10px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.banner--indexRow a {
    display: inline-block;
    margin-right: 10px
}

.banner--indexRow a img {
    height: 75px
}

.banner--index {
    position: relative;
    padding-top: 36%;
    overflow: hidden;
    font-size: 0;
    background: #fff
}

.banner--index a {
    display: inline-block
}

.banner--index .wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.appTop {
    position: relative;
    padding: 10px;
    height: 30px;
    background: #262626
}

.appTop .close {
    position: absolute;
    left: 0;
    top: 0
}

.appTop .close img {
    width: 22px;
    vertical-align: middle
}

.appTop .box {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.appTop .icon {
    -webkit-flex: none;
    flex: none;
    margin: 0 10px
}

.appTop .icon img {
    width: 30px;
    height: 30px
}

.appTop .content {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0
}

.appTop .title {
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

.appTop .desc,.appTop .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.appTop .desc {
    font-size: 10px;
    line-height: 14px;
    color: #8d8d8d
}

.appTop .btn a {
    display: inline-block;
    padding: 3px 8px;
    font-size: 12px;
    line-height: 16px;
    background: #f14118;
    color: #fff;
    border-radius: 6px
}

.chd {
    position: relative;
    display: -webkit-flex;
    display: flex;
    height: 50px;
	background: linear-gradient(to right, #6CACFF, #8DEBFF);
}

.chd .title,.chd h1,.chd h2,.chd h3 {
    margin: 0;
    padding: 12px 0;
    -webkit-flex: auto;
    flex: auto;
    min-width: 0;
    font-size: 18px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.chd .back {
    display: inline-block;
    width: 50px;
    height: 50px
}

.chd .back:before {
    position: absolute;
    left: 15px;
    top: 17px;
    content: "";
    width: 9px;
    height: 16px;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -125px -57px;
    background-size: 144px 89px
}

.chd .menu {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px
}

.chd .menu:before {
    position: absolute;
    left: 15px;
    top: 17px;
    content: "";
    width: 20px;
    height: 15px;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -63px -67px;
    background-size: 144px 89px
}

.chd .left,.chd .right {
    -webkit-flex: none;
    flex: none
}

.chd-nav {
    max-height: 0;
    will-change: max-height;
    overflow: hidden
}

.chd-nav.t-enter-to,.chd-nav.t-leave {
    max-height: 60px
}

.chd-nav.t-enter-active,.chd-nav.t-leave-active {
    transition: max-height .3s linear
}

.chd-nav .cList {
    display: -webkit-flex;
    display: flex;
    background: #404042;
    text-align: center
}

.chd-nav .cList li {
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.chd-nav .cList a {
    padding: 8px 5px 9px;
    color: #fff
}

.chd-nav .cList a:before {
    content: " ";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: 100% 100%
}

.chd-nav .cList a.is-active {
    background: #262626
}

.chd-nav .cList .index:before {
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: 0px -35px;
    background-size: 144px 89px
}

.chd-nav .cList .jiaoyi:before {
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -93px -32px;
    background-size: 144px 89px
}

.chd-nav .cList .game:before {
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: 0px -67px;
    background-size: 144px 89px
}

.chd-nav .cList .user:before {
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -93px 0px;
    background-size: 144px 89px
}

.chd-nav .cList .rank:before {
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -32px -35px;
    background-size: 144px 89px
}

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

.cft .kefu {
    margin: 14px 0
}

.cft .copyright {
    color: #999
}

.cft .copyright a {
    color: #333;
    font-weight: 700
}

.cft .links {
    display: -webkit-flex;
    display: flex;
    width: 210px;
    margin: 12px auto;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background: #e6e6e6
}

.cft .links li {
    -webkit-flex: auto;
    flex: auto;
    min-width: 0
}

.cft .links a {
    padding: 5px 0;
    color: #666
}

.cft .links a.is-active {
    background: #fff;
    color: #f60
}

.cft .app {
    position: relative
}

.cft .app:before {
    content: " ";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 19px;
    height: 23px;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -125px 0px;
    background-size: 144px 89px
}

.cft-nav {
    border-bottom: 1px solid #e6e6e6
}

.cft-nav .cList {
    padding: 5px 0;
    white-space: nowrap;
    overflow-x: auto
}

.cft-nav li {
    position: relative;
    display: inline-block
}

.cft-nav li:after {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    height: 15px;
    width: 1px;
    background: #e6e6e6
}

.cft-nav li:last-child:after {
    display: none
}

.cft-nav a {
    padding: 6px 18px
}

.csider {
    position: fixed;
    right: 10px;
    bottom: 40px;
    z-index: 5
}

.csider .action {
    margin: 10px 0
}

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

.csider .to-top {
    display: none
}

.indexHd {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px;
    background: #f5f5f5
}

.indexHd .logo {
    -webkit-flex: none;
    flex: none;
    margin-right: 10px
}

.indexHd .logo img {
    width: 70px;
    margin: 2px 0;
    height: 26px
}

.indexHd .logo h1 {
    position: absolute;
    top: -100em
}

.indexHd .search {
    position: relative;
    -webkit-flex: 1;
    flex: 1;
    border: 1px solid #ccc;
    padding-left: 30px;
    background: #fff
}

.indexHd .search:before {
    position: absolute;
    left: 10px;
    top: 8px;
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -125px -33px;
    background-size: 144px 89px
}

.indexHd .search input {
    padding: 6px;
    border: none;
    width: 100%;
    box-sizing: border-box;
    outline: none
}

.indexHd .actions {
    -webkit-flex: none;
    flex: none;
    margin: -4px 0 -4px 10px
}

.indexHd .actions a {
    display: inline-block;
    padding: 0 5px;
    font-size: 10px;
    color: #f80
}

.indexHd .actions .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat
}

.indexHd .actions .icon--sell {
    background-image: url(../images/sprite-684d58b74b.@2x.index.png);
    background-position: 0px -38px;
    background-size: 92px 58px
}

.indexHd .actions .icon--user {
    background-image: url(../images/sprite-684d58b74b.@2x.index.png);
    background-position: -30px -38px;
    background-size: 92px 58px
}

@media screen and (min-width:737px) {
    .indexHd {
        left: 50%;
        width: 736px;
        margin-left: -368px
    }
}

.indexHd-holder {
    height: 0px
}

.indexHd-search {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 3;
    background: #fff;
    will-change: transform
}

.indexHd-search .bd {
    padding: 10px
}

.indexHd-search .search {
    display: -webkit-flex;
    display: flex;
    padding: 10px;
    -webkit-align-items: center;
    align-items: center;
    background: #f14118
}

.indexHd-search .box {
    position: relative;
    -webkit-flex: 1;
    flex: 1;
    padding-right: 30px;
    background: #fff;
    border-radius: 5px
}

.indexHd-search .box input {
    padding: 6px;
    border: none;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    border-radius: 5px
}

.indexHd-search .submit-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px
}

.indexHd-search .submit-btn:after {
    position: absolute;
    top: 8px;
    right: 8px;
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -125px -33px;
    background-size: 144px 89px
}

.indexHd-search .action {
    -webkit-flex: none;
    flex: none;
    margin-left: 10px
}

.indexHd-search .cancel {
    font-size: 12px;
    color: #fff
}

.indexHd-search .title {
    margin: 5px 0;
    color: #666
}

.indexHd-search .cList {
    overflow: hidden;
    text-align: center
}

.indexHd-search .cList li {
    float: left;
    width: 28%;
    margin: 5px 0
}

.indexHd-search .cList li:nth-child(3n+2) {
    margin: 5px 8%
}

.indexHd-search .cList a {
    padding: 2px 4px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.indexHd-search.t-no {
    display: none
}

.indexHd-search.t-enter,.indexHd-search.t-leave-to {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.indexHd-search.t-enter-active,.indexHd-search.t-leave-active {
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease
}

.indexHd-search.t-enter-to,.indexHd-search.t-leave {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.indexNav {
    background: #fff
}

.indexNav .cList {
    padding: 5px 0;
    overflow: hidden;
    text-align: center
}

.indexNav .cList li {
    float: left;
    width: 25%;
    margin: 8px 0
}

.indexNav .cList img {
    width: 40px;
    height: 40px
}

.indexNav .cList .name {
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.indexNav .cList a {
    margin: 0 4px
}

.indexTurnover {
    padding: 10px;
    border-top: 1px solid #e6e6e6;
    background: #fff;
    color: #666
}

.indexTurnover:before {
    content: " ";
    display: inline-block;
    height: 19px;
    width: 16px;
    margin-right: 10px;
    background-image: url(../images/sprite-684d58b74b.@2x.index.png);
    background-position: -76px 0px;
    background-size: 92px 58px;
    vertical-align: middle
}

.indexTurnover .num {
    display: inline-block;
    width: 15px;
    margin: 0 1px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #fd6461;
    border-radius: 2px
}

.indexDownload {
    background: #fff
}

.indexDownload .box {
    height: 235px;
    background-image: url(../images/download-3451f50d2f.png);
    background-size: 100% 100%;
    overflow: hidden
}

.indexDownload .tab-items {
    width: 200px;
    margin: 20px auto;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    list-style: none;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 5px
}

.indexDownload .tab-items .tab-item {
    -webkit-flex: auto;
    flex: auto;
    min-width: 0;
    padding: 5px 0;
    text-align: center;
    color: #fff
}

.indexDownload .tab-items .tab-item.is-active {
    color: #f60;
    background: #fff
}

.indexDownload .tab-targets {
    margin-top: 20px;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.indexDownload .tab-target {
    display: none
}

.indexDownload .tab-target.is-active {
    display: block
}

.indexDownload .cList {
    padding: 10px 0;
    white-space: nowrap
}

.indexDownload .cList li {
    position: relative;
    display: inline-block;
    width: 70px;
    margin: 0 10px;
    padding: 10px 5px;
    text-align: center;
    background: #fff;
    border-radius: 5px
}

.indexDownload .cList .rank {
    position: absolute;
    left: -5px;
    top: -10px;
    width: 21px;
    height: 21px;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -32px -67px;
    background-size: 144px 89px;
    pointer-events: none
}

.indexDownload .cList .rank--1 {
    height: 25px;
    font-size: 0;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -62px 0px;
    background-size: 144px 89px
}

.indexDownload .cList .rank--2 {
    height: 25px;
    font-size: 0;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: 0px 0px;
    background-size: 144px 89px
}

.indexDownload .cList .rank--3 {
    height: 25px;
    font-size: 0;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -31px 0px;
    background-size: 144px 89px
}

.indexDownload .cList .icon {
    width: 50px;
    height: 50px
}

.indexDownload .cList .name {
    margin-top: 2px
}

.indexDownload .cList .info,.indexDownload .cList .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.indexDownload .cList .info {
    margin-bottom: 7px;
    font-size: 10px;
    color: #666
}

.indexDownload .cList .btn {
    display: inline-block;
    padding: 0 1em;
    line-height: 1.6;
    color: #f60;
    border: 1px solid #f60;
    border-radius: 4px
}

.indexDownload .cList .btn-disabled {
    color: #999;
    border: 1px solid #999
}

.indexDownload .actions {
    display: -webkit-flex;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 15px 0;
    text-align: center
}

.indexDownload .actions li {
    -webkit-flex: auto;
    flex: auto;
    padding: 0 15px
}

.indexDownload .actions a {
    display: block;
    padding: 4px 0;
    font-size: 14px;
    color: #f60;
    border: 1px solid #f60;
    border-radius: 5px
}

.gameJiaoyi--index {
    height: 260px;
    overflow: hidden
}

.gameJiaoyi--index .cSwipe .item {
    padding-bottom: 28px
}

.indexJiaoyiActions {
    display: -webkit-flex;
    display: flex;
    margin-top: -10px;
    background: #fff;
    border-top: 1px solid #e6e6e6
}

.indexJiaoyiActions .item {
    position: relative;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 0;
    padding: 20px 10px 20px 75px
}

.indexJiaoyiActions .item:before {
    content: " ";
    position: absolute;
    left: 30px;
    width: 28px;
    height: 28px;
    background-size: 100%;
    background-repeat: no-repeat
}

.indexJiaoyiActions .item:after {
    content: " ";
    position: absolute;
    top: 10px;
    right: 0;
    width: 1px;
    height: 50px;
    background: #e6e6e6
}

.indexJiaoyiActions .item:last-child:after {
    display: none
}

.indexJiaoyiActions .buy:before {
    background-image: url(../images/sprite-684d58b74b.@2x.index.png);
    background-position: 0px 0px;
    background-size: 92px 58px
}

.indexJiaoyiActions .sell:before {
    background-image: url(../images/sprite-684d58b74b.@2x.index.png);
    background-position: -38px 0px;
    background-size: 92px 58px
}

.indexJiaoyiActions .title {
    font-size: 14px;
    line-height: 1;
    color: #f60
}

.indexJiaoyiActions .desc {
    font-size: 10px;
    line-height: 1.6;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.indexRecProduct {
    padding: 0 10px
}

.indexRecProduct li {
    border-bottom: 1px dashed #e6e6e6
}

.indexRecProduct li:last-of-type {
    border-bottom: none
}

.indexRecProduct a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 -10px;
    padding: 10px
}

.indexRecProduct .icon {
    -webkit-flex: none;
    flex: none
}

.indexRecProduct .icon img {
    width: 60px;
    height: 60px
}

.indexRecProduct .info {
    -webkit-flex: 1;
    flex: 1;
    margin: 0 10px;
    min-width: 0
}

.indexRecProduct .name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.indexRecProduct .tags {
    font-size: 10px;
    font-family: serif
}

.indexRecProduct .tag {
    display: inline-block;
    padding: 0 .3em;
    margin: 2px;
    color: #f25b53;
    border: 1px solid currentColor;
    border-radius: 10px
}

.indexRecProduct .price {
    font-size: 14px;
    color: #f60
}

.indexPromList {
    display: -webkit-flex;
    display: flex;
    background: #fff;
    margin: 10px 0
}

.indexPromList li {
    position: relative;
    -webkit-flex: 1 1 0;
    flex: 1 1 0
}

.indexPromList li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 19px;
    width: 1px;
    height: 20px;
    background: #e6e6e6
}

.indexPromList li:last-child:after {
    display: none
}

.indexPromList a {
    padding: 10px 0;
    text-align: center
}

.indexPromList .name {
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.indexActivity {
    border: none;
    width: 100%
}

.indexActivity td {
    vertical-align: middle
}

.indexActivity .left {
    width: 44%;
    border-right: 1px solid #e5e5e5
}

.indexActivity a {
    display: block
}

.indexActivity img {
    width: 100%
}

.indexKefu {
    padding: 10px
}

.indexKefu .input-box {
    position: relative
}

.indexKefu .input-box:before {
    position: absolute;
    left: 10px;
    top: 11px;
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -125px -33px;
    background-size: 144px 89px
}

.indexKefu .submit {
    position: absolute;
    padding: 8px 10px;
    right: 0;
    top: 0;
    font-size: 14px;
    border: none;
    outline: none;
    color: #f60;
    background: transparent
}

.indexKefu input {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 46px 9px 28px;
    background: #e6e6e6;
    border: none;
    border-radius: 5px
}

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

.indexCoop li {
    float: left;
    margin: 5px 0;
    width: 25%
}

.indexCoop img {
    width: 100%;
    vertical-align: middle
}

.index-game-shop {
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
    border-top: 1px solid #e6e6e6;
    text-align: center
}

.index-game-shop li {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    padding: 8px 4px;
    list-style: none
}

.index-game-shop li:not(:first-child) {
    border-left: 1px solid #e6e6e6
}

.index-game-shop a {
    color: inherit
}

.index-game-shop .shop-logo {
    display: inline-block;
    line-height: 1
}

.index-game-shop .shop-name {
    display: block
}

.index-game-shop img {
    margin-top: 8px;
    max-width: 100%;
    height: 32px
}

.gameDownlad li {
    position: relative;
    border-bottom: 1px solid #e6e6e6
}

.gameDownlad li:last-child {
    border-bottom: none
}

.gameDownlad li .action {
    position: absolute;
    right: 10px;
    top: 0;
    padding: 35px 5px
}

.gameDownlad li .btn {
    display: inline-block;
    padding: 1px 10px;
    color: #f60;
    border: 1px solid currentColor
}

.gameDownlad li .btn-disabled {
    color: #999
}

.gameDownlad .box {
    display: -webkit-flex;
    display: flex;
    padding: 15px 10px;
    padding-right: 66px;
    -webkit-align-items: center;
    align-items: center
}

.gameDownlad .icon {
    -webkit-flex: none;
    flex: none
}

.gameDownlad .icon img {
    width: 60px;
    height: 60px
}

.gameDownlad .info {
    -webkit-flex: auto;
    flex: auto;
    min-width: 0;
    margin: 0 10px
}

.gameDownlad .name {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.gameDownlad .discount {
    position: relative;
    display: inline-block;
    font-size: 10px;
    line-height: 15px;
    margin-left: 5px;
    padding: 0 5px;
    color: #fff;
    background: #f60;
    border-radius: 2px;
    vertical-align: 2px
}

.gameDownlad .discount:before {
    content: " ";
    position: absolute;
    left: -3px;
    top: 5px;
    background: #f60;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.gameDownlad .desc,.gameDownlad .remark {
    line-height: 1.6;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.gameDownlad-filter {
    padding: 5px 10px
}

.gameDownlad-filter .title {
    color: #666;
    margin: 6px 0
}

.gameDownlad-filter .cList {
    overflow: hidden
}

.gameDownlad-filter li {
    float: left;
    width: 28%;
    margin: 5px 0
}

.gameDownlad-filter li:nth-child(3n+2) {
    margin: 5px 8%
}

.gameDownlad-filter label {
    display: block
}

.gameDownlad-filter .label-box {
    position: relative;
    padding: 1px 0;
    background: #ebedf0;
    border: 1px solid #ebedf0;
    border-radius: 4px;
    text-align: center
}

.gameDownlad-filter .radio {
    position: absolute;
    left: -1000em
}

.gameDownlad-filter .radio:checked+.label-box {
    color: #f60;
    border: 1px solid #f60;
    background-color: #fff
}

.gameDownlad-filter .radio:checked+.label-box:after {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    background-image: url(../images/sprite-13cf13441a.@2x.download.png);
    background-position: 0px 0px;
    background-size: 10px 10px
}

.game-initials {
    margin: 10px 0 0
}

.game-initials .title {
    padding: 6px 10px;
    color: #666;
    border-bottom: 1px solid #e6e6e6
}

.game-initials .box {
    padding: 5px
}

.game-initials a {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 0;
    font-size: 14px;
    line-height: 28px;
    margin: 5px;
    border: 1px solid #e6e6e6;
    border-radius: 15px;
    text-align: center;
    color: #666
}

.game-initials a.is-rec {
    border: 1px solid #f60;
    color: #f60
}

.game-initials a.is-active {
    background: #f60;
    border: 1px solid #f60;
    color: #fff
}

.game-search {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 8px 12px;
    background-color: #fff
}

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

.game-search .input-box:before {
    position: absolute;
    left: 12px;
    top: 7px;
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -125px -33px;
    background-size: 144px 89px
}

.game-search input {
    width: 100%;
    padding: 5px 5px 5px 32px;
    box-sizing: border-box;
    background-color: #e5e5e5;
    border-radius: 2px;
    border: none
}

.game-search .filter-box {
    -webkit-flex: none;
    flex: none;
    margin-left: 5px
}

.game-search button {
    position: relative;
    font-size: inherit;
    color: #f60
}

.game-search button:after {
    display: inline-block;
    content: "";
    width: 12px;
    height: 11px;
    margin-left: 3px;
    vertical-align: -1px;
    background-image: url(../images/sprite-2a94a3bc04.@2x.game.png);
    background-position: -28px -30px;
    background-size: 50px 48px
}

.gameArea-game {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px;
    background: #fff
}

.gameArea-game .icon {
    -webkit-flex: none;
    flex: none;
    margin-right: 10px
}

.gameArea-game .icon img {
    width: 60px;
    height: 60px
}

.gameArea-game .info {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0
}

.gameArea-game .name {
    margin-bottom: 2px;
    font-size: 14px
}

.gameArea-game .desc,.gameArea-game .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.gameArea-game .desc {
    color: #666
}

.gameArea-game .star-box {
    margin-top: 3px;
    margin-left: -4px;
    color: #666
}

.gameArea-game .star {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 12px;
    vertical-align: baseline;
    background-image: url(../images/star-09b6389b17.png);
    background-size: 18px 12px
}

.gameArea-game .star:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 12px;
    background-image: url(../images/star-active-ed1d2a7e7f.png);
    background-size: 18px 12px
}

.gameArea-game .star--1:before {
    width: 18px
}

.gameArea-game .star--15:before {
    width: 27px
}

.gameArea-game .star--2:before {
    width: 36px
}

.gameArea-game .star--25:before {
    width: 45px
}

.gameArea-game .star--3:before {
    width: 54px
}

.gameArea-game .star--35:before {
    width: 63px
}

.gameArea-game .star--4:before {
    width: 72px
}

.gameArea-game .star--45:before {
    width: 81px
}

.gameArea-game .star--5:before {
    width: 90px
}

.gameArea-game .right {
    -webkit-flex: none;
    flex: none;
    margin-left: 10px;
    text-align: center
}

.gameArea-game .btn {
    display: inline-block;
    padding: 0 .4em;
    color: #f60;
    border: 1px solid currentColor;
    border-radius: 2px
}

.gameArea-game .count {
    margin-top: 3px;
    font-size: 10px;
    color: #666
}

.gameArea-tab {
    display: -webkit-flex;
    display: flex;
    text-align: center;
    background: #fff
}

.gameArea-tab li {
    -webkit-flex: 1 1 0;
    flex: 1 1 0
}

.gameArea-tab a {
    display: inline-block;
    padding: 5px 0;
    font-size: 14px;
    border-bottom: 2px solid #fff
}

.gameArea-tab a.is-active {
    color: #f60;
    border-bottom: 2px solid currentColor
}

.gameArea-type {
    border-top: 1px solid #e6e6e6;
    padding: 10px;
    background: #fff
}

.gameArea-type a {
    display: inline-block;
    line-height: 28px;
    padding: 0 15px;
    margin-right: 15px;
    border: 1px solid #f0f2f5;
    background: #f0f2f5;
    border-radius: 4px;
    color: #333
}

.gameArea-type a.is-active {
    background: #fff;
    color: #f60;
    border: 1px solid #f60
}

.gameArea-type a:last-child {
    margin-right: 0
}

.gameArea-info {
    margin: 10px 0;
    padding: 10px;
    background: #fff
}

.gameArea-info .gallery {
    margin-bottom: 10px;
    font-size: 0
}

.gameArea-info .gallery .box {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap
}

.gameArea-info .gallery img {
    max-height: 210px;
    max-width: 210px;
    display: inline-block;
    margin-right: 10px
}

.gameArea-info .gallery img:last-child {
    margin-right: 0
}

.gameArea-info .info {
    border-top: 1px solid #e6e6e6
}

.gameArea-info .title {
    margin: 5px 0
}

.gameArea-info .detail {
    position: relative;
    padding-bottom: 20px
}

.gameArea-info .detail .text {
    color: #666;
    max-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.gameArea-info .detail .btn {
    position: absolute;
    right: 0;
    bottom: 0
}

.gameArea-info .detail .btn:before {
    content: " ";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #f60;
    border-right: 2px solid #f60;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.gameArea-info .detail.is-active .text {
    max-height: 100em;
    -webkit-line-clamp: 100
}

.gameArea-info .detail.is-active .btn:before {
    vertical-align: -4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.gameArea-newsTag {
    padding: 12px 0;
    overflow: hidden;
    text-align: center
}

.gameArea-newsTag li {
    float: left;
    margin: 8px 5%;
    width: 23.3%
}

.gameArea-newsTag a {
    padding: 0 5px;
    line-height: 30px;
    background: #f0f2f5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 2px
}

.gameArea-activity {
    margin: 10px 0;
    font-size: 0
}

.gameArea-newsList {
    margin: 10px 0;
    padding: 0 10px;
    background: #fff
}

.gameArea-newsList li {
    border-bottom: 1px dashed #e6e6e6
}

.gameArea-newsList li:last-of-type {
    border-bottom: none
}

.gameArea-newsList .cList a {
    display: -webkit-flex;
    display: flex;
    margin: 0 -10px;
    padding: 15px 10px
}

.gameArea-newsList .img {
    width: 80px;
    height: 60px;
    margin-right: 10px
}

.gameArea-newsList .img img {
    width: 100%;
    height: 100%
}

.gameArea-newsList .info {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0
}

.gameArea-newsList .name {
    font-size: 14px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.gameArea-newsList .time {
    margin-top: 5px;
    color: #666
}

.gameArea-newsList .cMore {
    margin: 0 -10px
}

.gameArea-comment {
    padding: 0 10px
}

.gameArea-comment li {
    padding: 12px 0;
    border-bottom: 1px dashed #e6e6e6
}

.gameArea-comment li:last-child {
    border-bottom: none
}

.gameArea-comment .hd {
    overflow: hidden
}

.gameArea-comment .avatar {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.gameArea-comment .info {
    font-size: 10px;
    color: #999
}

.gameArea-comment .name {
    color: #f60;
    margin-right: 15px
}

.gameArea-comment .time {
    margin-top: 2px
}

.gameArea-comment .bd {
    margin-top: 10px
}

.gameArea-commentDialog {
    padding: 10px
}

.gameArea-commentDialog .text {
    float: right
}

.gameArea-commentDialog .star-box {
    margin: 5px 0
}

.gameArea-commentDialog .star-in {
    margin: 0 -2px;
    display: inline-block;
    width: 18px;
    height: 12px;
    background-image: url(../images/star-09b6389b17.png);
    background-size: 100% 100%
}

.gameArea-commentDialog .star-in.is-active {
    background-image: url(../images/star-active-ed1d2a7e7f.png)
}

.gameArea-commentDialog .textarea {
    margin: 10px 0
}

.gameArea-commentDialog textarea {
    box-sizing: border-box;
    width: 100%;
    padding: .4em .8em;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    resize: none
}

.gameArea-commentDialog .btns {
    margin: 10px 0 15px
}

.gameArea-commentDialog .btn {
    font-size: 14px;
    width: 40%;
    text-align: center;
    margin: 0 4%;
    color: #fff;
    background: #f60;
    border: 1px solid #f60;
    height: 30px;
    border-radius: 2px
}

.gameArea-commentDialog .btn--cancel {
    background: #fff;
    border: 1px solid #999;
    color: #333
}

.gameArea-newsDetail {
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #e6e6e6
}

.gameArea-newsDetail .hd {
    overflow: hidden
}

.gameArea-newsDetail .hd h1 {
    font-size: 18px;
    margin: .4em 0
}

.gameArea-newsDetail .hd .desc {
    color: #999
}

.gameArea-newsDetail .hd .time {
    margin-left: 20px
}

.gameArea-newsDetail .bd {
    line-height: 2
}

.gameArea-newsDetail .bd a {
    color: #f60;
    text-decoration: underline
}

.gameArea-newsDetail .bd img {
    max-width: 100%
}

.gameArea-newsDetail .from {
    color: #999
}

.gameArea-history {
    position: relative;
    margin: 10px 0;
    background: #fff
}

.gameArea-history:before {
    content: "";
    position: absolute;
    right: 12px;
    top: 15px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-top-right-radius: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.gameArea-history a {
    display: block;
    padding: 10px;
    line-height: 20px;
    color: #333
}

.gameArea-star {
    margin: 10px 0;
    background: #fff;
    padding: 0 10px 10px;
    overflow: hidden
}

.gameArea-star .title {
    margin: .5em 0;
    font-size: 14px;
    color: #666
}

.gameArea-star .score {
    display: -webkit-flex;
    display: flex
}

.gameArea-star .left {
    -webkit-flex: none;
    flex: none;
    margin-right: 10px
}

.gameArea-star .num {
    font-size: 36px;
    line-height: 1;
    color: #f60
}

.gameArea-star .star {
    position: relative;
    margin-top: 5px;
    width: 50px;
    height: 10px;
    background-image: url(../images/star1-65fc4a7f11.png);
    background-size: 10px 10px
}

.gameArea-star .star:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    background-image: url(../images/star1-active-592c9af844.png);
    background-size: 10px 10px
}

.gameArea-star .star--05:before {
    width: 5px
}

.gameArea-star .star--1:before {
    width: 10px
}

.gameArea-star .star--15:before {
    width: 15px
}

.gameArea-star .star--2:before {
    width: 20px
}

.gameArea-star .star--25:before {
    width: 25px
}

.gameArea-star .star--3:before {
    width: 30px
}

.gameArea-star .star--35:before {
    width: 35px
}

.gameArea-star .star--4:before {
    width: 40px
}

.gameArea-star .star--45:before {
    width: 45px
}

.gameArea-star .star--5:before {
    width: 50px
}

.gameArea-star .right {
    -webkit-flex: 1;
    flex: 1;
    padding-left: 45px;
    font-size: 10px;
    line-height: 1;
    background-image: url(../images/star-list-d7d3e01d63.png);
    background-repeat: no-repeat;
    background-size: auto 50px;
    color: #999
}

.gameArea-star .process {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 8px;
    margin-right: 4px;
    background: #f5f5f5
}

.gameArea-star .process-inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 8px;
    background: #ffc283
}

.gameArea-ft {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    padding: 10px;
    background: #fff;
    box-shadow: 0 -1px 10px #ccc
}

.gameArea-ft .down {
    -webkit-flex: 1;
    flex: 1;
    margin: 0 10px
}

.gameArea-ft .down a {
    display: block;
    padding: 6px 0;
    background: #f60;
    color: #fff;
    text-align: center;
    border-radius: 4px
}

.gameArea-ft .down a.disabled {
    background: #999
}

.gameArea-ft .down a:before {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-image: url(../images/sprite-2a94a3bc04.@2x.game.png);
    background-position: 0px -30px;
    background-size: 50px 48px;
    vertical-align: middle
}

.gameArea-ft .comment {
    display: inline-block;
    padding: 5px 8px
}

.gameArea-ft .comment a:before {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/sprite-2a94a3bc04.@2x.game.png);
    background-position: 0px 0px;
    background-size: 50px 48px;
    vertical-align: bottom
}

.gameArea-ft .ishare {
    display: inline-block;
    padding: 5px 8px
}

.gameArea-ft .ishare a:before {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/sprite-2a94a3bc04.@2x.game.png);
    background-position: -30px 0px;
    background-size: 50px 48px;
    vertical-align: bottom
}

@media screen and (min-width:737px) {
    .gameArea-ft {
        left: 50%;
        width: 736px;
        margin-left: -368px
    }
}

.gameSearch-result {
    padding: 10px
}

.gameSearch-result .title {
    margin-bottom: 10px
}

.gameSearch-result .btn-box {
    padding: 10px 0 0;
    border-top: 1px solid #e6e6e6;
    text-align: center;
    position: reletave
}

.gameSearch-result .btn {
    padding: 2px 2em;
    color: #f60;
    border: 1px solid currentColor;
    border-radius: 4px
}

.gameSearch-list li {
    border-bottom: 1px solid #e6e6e6;
    margin: 0 -10px;
    display: -webkit-flex;
    display: flex;
    padding: 10px
}

.gameSearch-list li:last-of-type,.gameSearch-list ul>li:first-child {
    border-bottom: none
}

.gameSearch-list a {
    display: block;
    float: left;
    padding: 1px 1%
}

.gameSearch-list .solistyle {
    padding: 1px .5rem
}

.gameSearch-list .icon {
    -webkit-flex: none;
    flex: none
}

.gameSearch-list .info {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 10px
}

.gameSearch-list .name {
    overflow: hidden
}

.gameSearch-list .cats {
    margin-top: 5px;
    overflow: hidden
}

.gameSearch-list .cats span {
    display: inline-block;
    font-size: 10px;
    padding: 3px .6rem;
    background: #f0f2f5;
    color: #333;
    border-radius: 10px;
    margin: 3px .07rem
}

.z-btn2 {
    color: #f60
}

@media screen and (min-width:768px) {
    .z-btn2 {
        margin-left: .6rem
    }
}

@media screen and (max-width:415px) {
    .z-btn2 {
        position: absolute;
        right: -.05rem;
        top: 3.75px
    }
}

.z-seller-goods {
    margin: 0 0 10.5px;
    padding: 0 .42749;
    overflow: hidden;
    background: #fff
}

.z-seller-goods ul li {
    border-top: .04275rem dashed #e6e6e6;
    overflow: hidden
}

.z-seller-goods ul li:first-child {
    border: none
}

.z-seller-goods .z-seller-goods-pic {
    float: left;
    padding: 15.5px 0;
    width: 2.56492
}

.z-seller-goods .z-seller-goods-pic img {
    width: 60px;
    height: 60px
}

.z-seller-goods .z-seller-goods-genre {
    float: left;
    padding: 12.5px .42749 0
}

.z-seller-goods .z-seller-goods-genre .z-seller-list {
    font-size: 12.5px
}

.z-seller-goods .z-seller-goods-genre .z-seller-list>div:first-child {
    width: 8.97724;
    line-height: 17.5px;
    margin-top: 1.5px
}

.z-seller-goods .z-seller-goods-genre .z-seller-list>div:nth-of-type(2) {
    line-height: 32.5px
}

.z-seller-goods .z-seller-goods-genre .z-seller-list>div:nth-of-type(2) span {
    padding-right: .42749;
    color: #f80
}

.z-seller-goods .z-seller-price {
    float: right;
    margin-right: .42749;
    height: 80px;
    line-height: 80px;
    color: #f60
}

.game-chongzhiList {
    padding: 0 10px
}

.game-chongzhiList a {
    display: -webkit-flex;
    display: flex;
    margin: 0 -10px;
    padding: 10px
}

.game-chongzhiList li {
    border-bottom: 1px solid #e6e6e6
}

.game-chongzhiList li:last-of-type {
    border-bottom: none
}

.game-chongzhiList .icon img {
    width: 60px;
    height: 60px
}

.game-chongzhiList .info {
    margin-left: 10px
}

.game-chongzhiList .dis {
    display: inline-block;
    font-size: 10px;
    padding: 0 .4em;
    border-radius: 10px;
    color: #fff;
    background: #f60
}

.game-chongzhiList .tags img {
    height: 12px;
    margin-right: 2px
}

.game-chongzhiList .desc {
    font-size: 10px;
    color: #666
}

.product-game {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px 10px;
    background: #fff
}

.product-game .icon {
    -webkit-flex: none;
    flex: none
}

.product-game .icon img {
    width: 60px;
    height: 60px
}

.product-game .info {
    -webkit-flex: auto;
    flex: auto;
    min-width: 0;
    margin: 0 10px
}

.product-game .name {
    font-size: 14px
}

.product-game .desc,.product-game .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-game .desc {
    margin: 4px 0 2px;
    color: #666
}

.product-game .count {
    color: #f60;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-game .action {
    -webkit-flex: none;
    flex: none
}

.product-game .btn {
    display: inline-block;
    padding: 2px .5em;
    color: #f60;
    border: 1px solid currentColor;
    border-radius: 2px
}

.product-cates {
    position: relative;
    border-top: 1px solid #e6e6e6;
    background: #fff
}

.product-cates .box {
    padding-right: 40px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.product-cates:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 3px;
    width: 40px;
    height: 33px;
    background-image: url(../images/sprite-386e17d8fc.@2x.product.png);
    background-position: 0px 0px;
    background-size: 100px 59px
}

.product-cates a {
    display: inline-block;
    margin: 0 10px;
    padding: 8px;
    font-size: 14px;
    color: #333;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.product-cates a.is-active {
    color: #f60;
    border-bottom: 2px solid #f60
}

.product-list {
    margin-top: 10px;
    width: 100%;
}

.product-list .item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px 10px;
    border-bottom: 1px solid #e6e6e6;
    background: #fff
}

.product-list .item .info {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0
}

.product-list .item .name {
    font-size: 14px;
    line-height: 1.6;
    max-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.product-list .item .desc {
    line-height: 1.8;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-list .item .right {
    margin-left: 10px;
    text-align: center;
    color: #f60
}

.product-list .item .btn {
    margin: 5px 0;
    padding: 1px 6px;
    color: #f60;
    border: 1px solid currentColor;
    border-radius: 2px
}

.product-list .item--sc {
    display: block;
    padding: 0;
    background: #fff
}

.product-list .item--sc a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px 10px
}

.product-list .item--sc .tag {
    margin: 3px 0 5px;
    font-family: serif
}

.product-list .item--sc .tag img {
    height: 12px;
    margin-right: 3px
}

.product-list .item--sc .oriPrice {
    color: #999;
    text-decoration: line-through
}

.product-list .item--sc .btn {
    margin: 2px 0
}

.product-list .item--account {
    margin: 10px 0;
    background: #fff
}

.product-list .item--account a {
    padding: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.product-list .item--account .hd {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.product-list .item--account .hd .icon {
    -webkit-flex: none;
    flex: none;
    margin-right: 10px
}

.product-list .item--account .hd .icon img {
    width: 60px;
    height: 60px
}

.product-list .item--account .hd .info {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0
}

.product-list .item--account .hd .name {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 2px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-list .item--account .hd .type {
    display: inline-block;
    margin-left: 5px;
    font-size: 10px;
    background: #028ff8;
    color: #fff;
    padding: 0 .4em;
    border-radius: 10px
}

.product-list .item--account .hd .type:before {
    content: " ";
    display: inline-block;
    margin-right: 2px;
    background-image: url("../other/1HGzL82OaqCJegow0kbWtrtEq+zgCyOpU1oioMq+fYL7JTFIwfaU2BAAAAAElFTkSuQmCC");
    width: 10px;
    height: 11px;
    background-size: 10px 11px;
    background-position: 50%;
    background-repeat: no-repeat;
    vertical-align: -2px
}

.product-list .item--account .hd .detail {
    display: -webkit-flex;
    display: flex
}

.product-list .item--account .hd .desc {
    font-size: 10px;
    line-height: 1.6;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-list .item--account .hd .right {
    margin-left: 10px;
    -webkit-flex: none;
    flex: none;
    text-align: right
}

.product-list .item--account .hd .price {
    font-size: 14px;
    color: #f14118
}

.product-list .item--account .hd .tag {
    padding: 0 .5em;
    font-size: 10px;
    font-family: serif;
    line-height: 15px;
    border-radius: 8px;
    color: #fff;
    background-color: #f60
}

.product-list .item--account .bd {
    position: relative;
    margin-top: 12px;
    padding: 5px 10px;
    background: #f5f5f5;
    border-radius: 5px
}

.product-list .item--account .bd:before {
    content: " ";
    position: absolute;
    left: 25px;
    top: -5px;
    width: 10px;
    height: 10px;
    background: #f5f5f5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.product-list .item--account .bd .name {
    font-size: 14px;
    margin: 5px 0;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.product-list .item--account .bd .passed {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 60px;
    height: 55px;
    pointer-events: none
}

.product-list .item--account .bd .desc {
    color: #666
}

.product-list .item--account .bd .images .cList {
    margin-top: 5px;
    font-size: 0;
    position: relative
}

.product-list .item--account .bd .pic {
    position: relative;
    padding-top: 18%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 31%;
    margin-right: 2%
}

.product-list .item--account .bd .pic img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.product-list .item--account .bd .pic-wrapper {
    position: absolute;
    top: -20%;
    bottom: -20%;
    left: 0;
    right: 0;
    text-align: center
}

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

.product-list .item--account .ft {
    margin-top: 5px
}

.product-list .item--account .ft .user-tag {
    margin: 2px 5px;
    padding: 2px .5em;
    display: inline-block;
    font-size: 10px;
    font-family: serif;
    background: #ebedf0;
    color: #666;
    border-radius: 10px
}

.product-search {
    position: relative;
    z-index: 3;
    margin: 10px 0;
    background: #fff
}

.product-search .cList {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    z-index: 2
}

.product-search .item {
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 0
}

.product-search .item .btn {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    font-size: 0;
    padding-right: 15px;
    height: 40px;
    text-align: center
}

.product-search .item .btn:after {
    content: "";
    position: absolute;
    right: 0;
    height: 15px;
    top: 13px;
    width: 1px;
    background: #e6e6e6
}

.product-search .item .text {
    display: inline-block;
    max-width: 85%;
    font-size: 12px
}

.product-search .item .text-inner {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-search .item .text-drop:after {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    margin-top: 7px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: 2px;
    border-style: solid;
    border-width: 4px 4px 0;
    border-color: #333 transparent transparent
}

.product-search .item .text-order {
    color: #f60
}

.product-search .item .text-order:after {
    content: " ";
    display: inline-block;
    width: 6px;
    height: 7px;
    margin-left: 5px;
    background-image: url("../other/ZgD86jgtAAAAAnRSTlMAgJsrThgAAAAkSURBVAjXY2BYxYAXZ61aySC1agkD26oJDIyrHBgYMoHiIgwAMA8LHvj9f8wAAAAASUVORK5CYII=");
    background-size: 100% 100%
}

.product-search .item .text-asc:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.product-search .item.is-active .btn {
    color: #f60
}

.product-search .item.is-active .text-drop:after {
    color: #f60;
    border-width: 0 4px 4px;
    border-color: transparent transparent #f60
}

.product-search .item.is-active .dropdown {
    display: block
}

.product-search .item a.btn {
    line-height: 40px
}

.product-search .item:last-child .btn:before {
    display: none
}

.product-search .dropdown {
    position: absolute;
    width: 100%;
    left: 0;
    top: 40px;
    display: none;
    border-top: 1px solid #e6e6e6;
    background: #fff;
    overflow-y: auto
}

.product-search .dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0 10px
}

.product-search .dropdown-list li {
    border-bottom: 1px dashed #e6e6e6
}

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

.product-search .dropdown-list a {
    display: block;
    margin: 0 -10px;
    padding: 10px;
    color: #666
}

.product-search .dropdown-list a.is-active {
    color: #f60
}

.product-search .dropdown-list img {
    margin: -4px 0;
    width: 25px;
    height: 25px;
    margin-right: 5px
}

.product-search .dropdown-partition {
    padding: 10px 0;
    display: -webkit-flex;
    display: flex
}

.product-search .dropdown-partition ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.product-search .dropdown-partition .left {
    width: 130px;
    -webkit-flex: none;
    flex: none
}

.product-search .dropdown-partition .left a {
    padding: 10px
}

.product-search .dropdown-partition .left li {
    background: #ebedf0;
    border-bottom: 1px solid #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-search .dropdown-partition .left .js-popTab {
    padding: 10px
}

.product-search .dropdown-partition .left .js-popTab.is-active {
    background: #fff;
    border-bottom: none
}

.product-search .dropdown-partition .right {
    -webkit-flex: 1;
    flex: 1
}

.product-search .dropdown-partition .right ul {
    display: none;
    padding: 0 5%;
    overflow: hidden
}

.product-search .dropdown-partition .right ul.is-active {
    display: block
}

.product-search .dropdown-partition .right li {
    float: left;
    width: 40%;
    margin: 5px 5%;
    box-sizing: border-box
}

.product-search .dropdown-partition .right a {
    display: block;
    padding: 4px 0;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-search .dropdown-partition .right a.is-active,.product-search .dropdown-partition .right a:active {
    color: #f60;
    border: 1px solid currentColor
}

.product-search .dropdown-filter {
    padding: 0 10px
}

.product-search .dropdown-filter .title {
    margin: 10px 0 5px
}

.product-search .dropdown-filter .filters {
    margin: 0 -2%;
    overflow: hidden
}

.product-search .dropdown-filter .filters a {
    float: left;
    width: 46%;
    box-sizing: border-box;
    margin: 5px 2%;
    padding: 3px 0;
    text-align: center;
    color: #666;
    border: 1px solid #e6e6e6;
    border-radius: 4px
}

.product-search .dropdown-filter .filters a.is-active {
    color: #f60;
    border: 1px solid #f60
}

.product-search .dropdown-filter .filters--quarter a {
    width: 21%
}

.product-search .dropdown-filter .btns {
    margin: 10px -2%;
    font-size: 0
}

.product-search .dropdown-filter .btns a {
    display: inline-block;
    margin: 0 2%;
    padding: 10px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    width: 46%;
    font-size: 12px;
    text-align: center;
    border-radius: 4px
}

.product-search .dropdown-filter .btns a.is-confirm {
    color: #fff;
    background: #f60;
    border: 1px solid #f60
}

.product-listBox {
    position: relative
}

.product-gameLinks {
    margin: 10px 0;
    background: #fff
}

.product-gameLinks a {
    position: relative;
    display: block;
    padding: 10px;
    font-size: 14px;
    border-bottom: 1px solid #e6e6e6;
    color: #333
}

.product-gameLinks a:last-child {
    border-bottom: none
}

.product-gameLinks a div {
    padding-left: 20px
}

.product-gameLinks .download:before {
    content: "";
    position: absolute;
    top: 10px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: .1rem;
    background-image: url(../images/sprite-386e17d8fc.@2x.product.png);
    background-position: -30px -40px;
    background-size: 100px 59px
}

.product-gameLinks .download:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 15px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-top-right-radius: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.product-gameLinks .size {
    color: #f60
}

.product-gameLinks .link:before {
    content: "";
    position: absolute;
    top: 10px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: .1rem;
    background-image: url(../images/sprite-386e17d8fc.@2x.product.png);
    background-position: -56px -40px;
    background-size: 100px 59px
}

.product-gameLinks .link:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 15px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-top-right-radius: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.z-box {
    background: #fff;
    height: auto;
    position: absolute;
    border-radius: .32062rem;
    top: 50%;
    left: 50%;
    margin-left: -6.19857rem;
    margin-top: -145px
}

.z-box .z-title {
    height: 45px;
    width: 12.39714rem;
    line-height: 45px;
    text-align: center;
    font-size: 15.5px;
    color: #f60;
    border-bottom: .02137rem solid #ccc
}

.z-box .z-title .z-question-mark {
    display: none;
    width: .64123rem;
    height: 15px;
    vertical-align: middle;
    margin: 0 0 2.5px .21374rem
}

.z-box .z-nav {
    height: 30px;
    color: #999;
    padding: 12.5px .53436rem;
    width: 11.32842rem;
    font-size: 12px
}

.z-box .z-select::-webkit-scrollbar {
    display: none
}

.z-box .z-select::-moz-scrollbar {
    display: none
}

.z-box .z-select::-o-scrollbar {
    display: none
}

.z-box .z-select {
    border: .02137rem solid #ccc;
    border-radius: 4px;
    width: 11.54216rem;
    overflow: hidden;
    overflow-y: auto;
    height: 80px;
    margin: 10px .42749rem;
    font-size: 12px;
    padding-left: 0;
    list-style: none
}

.z-box .z-select label {
    margin: 0;
    height: 39.5px;
    line-height: 39.5px;
    display: block
}

.z-box .z-select label:nth-of-type(2) li {
    border-top: .02137rem solid #ccc
}

.z-box .z-select li {
    height: 39.5px;
    line-height: 39.5px;
    text-indent: .42749rem;
    width: 11.59rem;
    margin: 0
}

.z-box .z-select li .z-pic {
    overflow: hidden;
    width: .59848rem;
    height: 14px
}

.z-box .z-select li .z-pic img {
    width: .59848rem;
    height: 14px;
    float: right;
    margin: 13.5px .42749rem 0 0
}

.z-box .z-select li .z-number-name {
    color: #999;
    font-style: normal
}

.z-box .z-btn {
    text-align: center;
    height: auto;
    height: 69px;
    line-height: 69px;
    width: 12.39714rem
}

.z-box .z-btn button {
    line-height: 29px;
    border-radius: 5px;
    color: #f60;
    border: .02137rem solid #f60;
    font-size: 13.5px;
    padding: 3.5px 1.53895rem
}

.z-select li {
    position: relative
}

.z-select li input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 14px .5rem;
    display: none
}

.iconProduct-active {
    background: url(../images/3_03-8232d69a0f.jpg) no-repeat 10.5rem 13px;
    background-size: 16px 16px
}

.productDetail-title {
    display: -webkit-flex;
    display: flex;
    padding: 10px;
    background: #fff
}

.productDetail-title .icon {
    -webkit-flex: none;
    flex: none;
    margin-right: 10px
}

.productDetail-title .icon img {
    width: 60px;
    height: 60px
}

.productDetail-title .info {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0
}

.productDetail-title .name {
    margin-bottom: 2px
}

.productDetail-title .name,.productDetail-title .name h1 {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.productDetail-title .name h1 {
    margin: 0 0 0 2px
}

.productDetail-title .price {
    vertical-align: middle;
    font-size: 16px;
    color: #f14118
}

.productDetail-title .discount {
    position: relative;
    display: inline-block;
    color: #fff;
    margin-left: 15px;
    padding: 0 5px;
    line-height: 18px;
    font-size: 12px;
    background: #f60;
    vertical-align: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.productDetail-title .discount:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #f60;
    left: -6px;
    top: 3px;
    border-radius: 2px
}

.productDetail-title .discount:after {
    content: " ";
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #fff;
    left: -1px;
    top: 7px
}

.productDetail-title .stock {
    color: #666;
    margin-left: 10px;
    vertical-align: middle
}

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

.productDetail-title .oriPrice {
    color: #999;
    text-decoration: line-through
}

.productDetail-title .ori-box {
    color: #999
}

.productDetail-images {
    text-align: center
}

.productDetail-images img {
    margin: 5px 0;
    max-width: 100%
}

.productDetail-detail {
    padding: 5px 10px 10px;
    color: #666
}

.productDetail-detail .title {
    margin: 10px 0;
    color: #333
}

.productDetail-detail .desc {
    position: relative;
    padding: 10px;
    margin-top: 10px;
    color: #666;
    background: #f5f5f5;
    border-radius: 10px
}

.productDetail-detail .desc:before {
    content: " ";
    position: absolute;
    top: -5px;
    left: 30px;
    width: 10px;
    height: 10px;
    background: #f5f5f5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.productDetail-detail .box {
    margin: 0 -10px;
    padding: 0 10px 10px;
    border-bottom: 1px solid #e6e6e6
}

.productDetail-step {
    margin: 10px 0;
    padding: 5px 0;
    border-top: 1px dashed #e6e6e6
}

.productDetail-step .title-in {
    margin: 5px 0;
    color: #f60
}

.productDetail-step .more {
    text-align: center
}

.productDetail-step .more a {
    color: #008aff
}

.productDetail-progress {
    margin: 10px 0;
    padding: 10px 25px;
    border: 1px solid #feeacb;
    border-radius: 5px
}

.productDetail-progress li {
    position: relative;
    padding-left: 16px;
    padding-bottom: 8px;
    border-left: 1px solid #f80
}

.productDetail-progress li:last-child {
    border-left: none
}

.productDetail-progress .name {
    font-size: 14px;
    color: #f60
}

.productDetail-progress .detail {
    margin: 5px 0
}

.productDetail-progress .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: #f60;
    border-radius: 12px
}

.productDetail-tip {
    padding: 0 10px;
    overflow: hidden
}

.productDetail-tip .productDetail-progress li {
    padding-bottom: 20px
}

.productDetail-tip .more {
    margin: 10px 0;
    text-align: center
}

.productDetail-tip .more a {
    color: #008aff
}

.productDetail-download {
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px
}

.productDetail-download .img {
    -webkit-flex: none;
    flex: none;
    margin-right: 10px
}

.productDetail-download img {
    width: 30px;
    height: 30px
}

.productDetail-download .name {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.productDetail-download .action {
    -webkit-flex: none;
    flex: none
}

.productDetail-download .action a {
    display: inline-block;
    color: #f60;
    padding: 2px .5em;
    border: 1px solid currentColor;
    border-radius: 4px
}

.productDetail-download .action a:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 15px;
    margin-top: -2px;
    background-image: url(../images/sprite-386e17d8fc.@2x.product.png);
    background-position: -84px 0px;
    background-size: 100px 59px;
    vertical-align: middle;
    margin-right: 4px
}

a.productDetail-help {
    display: inline-block;
    margin-left: 5px;
    margin-top: -1px;
    margin-bottom: -1px;
    width: 17px;
    height: 17px;
    background-image: url(../images/tip-bd25b0f4b9.png);
    background-size: 17px 17px;
    vertical-align: middle
}

.productDetail-shop {
    padding: 10px
}

.productDetail-shop a {
    display: block;
    color: #333
}

.productDetail-shop .img {
    float: left;
    width: 50px;
    height: 30px;
    margin-right: 10px
}

.productDetail-shop .info {
    overflow: hidden
}

.productDetail-shop .level {
    color: #666
}

.productDetail-shop .level img {
    margin: 0 2px
}

.productDetail-shop .desc {
    margin-top: 5px;
    font-size: 10px;
    color: #666
}

.productDetail-kefu {
    background: #ffe9dc;
    margin: 0 -10px;
    padding: 0 10px
}

.productDetail-comment {
    padding: 10px
}

.productDetail-comment .send {
    text-align: center
}

.productDetail-comment .btn {
    display: inline-block;
    padding: 2px 1em;
    color: #f60;
    border: 1px solid currentColor;
    border-radius: 4px
}

.productDetail-comment .items {
    margin: 10px 0
}

.productDetail-comment .items li {
    margin: 2px;
    display: inline-block;
    background: #f60;
    color: #fff;
    border: 1px solid #f60;
    padding: 2px .6em;
    font-size: 10px;
    font-family: serif;
    border-radius: 10px
}

.productDetail-comment .none {
    text-align: center;
    color: #666;
    padding: 20px 0 60px
}

.productDetail-versions {
    padding: 10px;
    font-size: 0;
    overflow: hidden;
    padding-top: 0
}

.productDetail-versions li {
    display: inline-block;
    width: 48%;
    margin-right: 4%;
    font-size: 12px;
    margin-top: 10px
}

.productDetail-versions li:nth-child(2n) {
    margin-right: 0
}

.productDetail-versions a {
    position: relative;
    display: block;
    padding: 5px;
    border: 2px dashed #e6e6e6;
    border-radius: 5px
}

.productDetail-versions a.is-active {
    border: 2px dashed #f14118;
    background: #ffe9dc
}

.productDetail-versions a.is-active:after {
    content: " ";
    position: absolute;
    right: 5px;
    top: 5px;
    width: 15px;
    height: 15px;
    background-image: url(../images/sprite-386e17d8fc.@2x.product.png);
    background-position: -84px -25px;
    background-size: 100px 59px
}

.productDetail-versions .info {
    overflow: hidden
}

.productDetail-versions .img {
    float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.productDetail-versions .img img {
    max-width: 100%;
    max-height: 100%
}

.productDetail-versions .discount {
    font-size: 10px;
    color: #666
}

.productDetail-versions .tags {
    font-size: 0;
    height: 12px;
    overflow: hidden
}

.productDetail-versions .tags img {
    height: 12px
}

.productDetail-buy {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    font-size: 14px;
    height: 50px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-top: 1px solid #e6e6e6;
    background: #fff
}

.productDetail-buy .left {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    padding: 0 15px
}

.productDetail-buy .price {
    color: #f14118
}

.productDetail-buy .right {
    -webkit-flex: none;
    flex: none;
    font-size: 0
}

.productDetail-buy .link {
    display: inline-block;
    font-size: 20px;
    padding: 0 1.5em;
    line-height: 50px;
    color: #fff;
    background: #f14118
}

.productDetail-buy .link-box {
    -webkit-flex: 1;
    flex: 1;
    display: block;
    margin: 10px 40px
}

.productDetail-buy .link-box .link {
    display: block;
    font-size: 12px;
    line-height: 30px;
    border-radius: 5px;
    text-align: center
}

.productDetail-buy .link--sell {
    background-color: #ffb54c
}

.productDetail-buy .link--disabled {
    background-color: #999
}

.productDetail-buy .right--acount .link {
    padding: 0 1em
}

.productDetail-buy .action {
    display: inline-block;
    margin-right: 15px;
    color: #333
}

.productDetail-buy .action:last-child {
    margin-right: 0
}

.productDetail-buy .action:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    margin-right: 5px;
    vertical-align: middle
}

.productDetail-buy .comment:before {
    background-image: url(../images/sprite-386e17d8fc.@2x.product.png);
    background-position: -54px 0px;
    background-size: 100px 59px
}

.productDetail-buy .ishare:before {
    background-image: url(../images/sprite-386e17d8fc.@2x.product.png);
    background-position: 0px -40px;
    background-size: 100px 59px
}

.productDetail-buy .count {
    margin-left: 5px;
    display: inline-block;
    font-size: 12px;
    vertical-align: baseline
}

.productDetail-buy .count .btn {
    border: 1px solid #e6e6e6;
    width: 25px;
    height: 25px;
    font-size: 14px
}

.productDetail-buy .count-input {
    padding: 4px;
    background: #eee;
    border: none;
    outline: none;
    width: 45px;
    text-align: center
}

.productDetail-buy .total {
    font-size: 12px
}

.productDetail-commentDialog {
    padding: 0 10px
}

.productDetail-commentDialog .title {
    margin: 10px 0;
    font-size: 14px;
    text-align: center
}

.productDetail-commentDialog .tags li {
    position: relative;
    overflow: hidden;
    display: inline-block
}

.productDetail-commentDialog .tags label {
    display: inline-block;
    margin: 2px 5px;
    padding: 2px 10px;
    background: #fafafa;
    border: 1px solid #ccc;
    border-radius: 10px
}

.productDetail-commentDialog .tags input {
    position: absolute;
    left: -100em
}

.productDetail-commentDialog .tags input:checked+label {
    background: #f60;
    border: 1px solid #f60;
    color: #fff
}

.productDetail-commentDialog .tips {
    margin: 5px 0;
    text-align: center
}

.productDetail-commentDialog .btn-box {
    text-align: center
}

.productDetail-commentDialog .btn-box a {
    display: inline-block;
    margin: 5px 0 10px;
    color: #f60;
    border: 1px solid currentColor;
    padding: 2px 4em;
    border-radius: 4px
}

@media screen and (min-width:737px) {
    .productDetail-buy {
        left: 50%;
        width: 736px;
        margin-left: -368px
    }
}

.productDetail-accountTip {
    padding: 10px;
    border-top: 1px solid #e6e6e6;
    color: #f60
}

.productDetail-accountTags {
    padding: 0 10px;
    border-top: 1px solid #e6e6e6;
    background: #fff;
    overflow: hidden
}

.productDetail-accountTags li {
    margin: 1em 0;
    overflow: hidden
}

.productDetail-accountTags .tag {
    float: left;
    margin-right: 10px;
    padding: 0 .5em;
    font-size: 10px;
    font-family: serif;
    color: #f60;
    border: 1px solid #f60;
    border-radius: 2px
}

.productDetail-accountTags .link {
    float: right;
    margin-left: 10px;
    color: #09f
}

.productDetail-accountTags .desc {
    color: #666;
    overflow: hidden
}

.productDetail-go {
    margin: 10px 0;
    background: #fff
}

.productDetail-go a {
    position: relative;
    display: block;
    padding: 10px;
    color: #333
}

.productDetail-go a:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 20px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-top-right-radius: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.productDetail-go .icon {
    width: 30px;
    height: 30px;
    margin-right: 5px
}

.productDetail-discountTip {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    padding: 0 .5em;
    border: 1px solid #ff8903;
    font-size: 10px;
    color: #ff8903
}

.more_pictures {
    display: block;
    margin-top: -7px;
    line-height: 50px;
    text-align: center;
    border-top: 1px solid #e9e9e9;
    color: inherit;
    font-size: 14px;
    background-color: #fff
}

#show_pictures {
    display: none;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #f2f2f2
}

#show_pictures:target {
    display: block
}

#show_pictures .pictures_tip {
    padding: 10px
}

.banner_link {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 0;
    padding: 10px 15px 10px 20px;
    font-size: 13px;
    color: #fff;
    background-color: hsla(0,0%,95%,.5)
}

.productCharge-select {
    margin: 10px 0;
    background: #fff;
    padding: 10px
}

.productCharge-select .item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6
}

.productCharge-select .item label {
    -webkit-flex: none;
    flex: none
}

.productCharge-select .item .input-box,.productCharge-select .item .select-box {
    position: relative;
    -webkit-flex: 1;
    flex: 1
}

.productCharge-select .item input,.productCharge-select .item select {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid #e6e6e6;
    border-radius: 0
}

.productCharge-select .item select {
    -webkit-appearance: none;
    padding: 7px 5px;
    line-height: 1;
    background-color: #eee
}

.productCharge-select .item .select-box {
    position: relative
}

.productCharge-select .item .select-box:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #aaa transparent transparent;
    right: 10px;
    top: 10px;
    pointer-events: none
}

.productCharge-select .right {
    padding: 10px
}

.productCharge-select .right button {
    width: 100%;
    height: 30px;
    color: #fff;
    background: #f60;
    border-radius: 4px
}

.productCharge-select .recList {
    position: absolute;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    top: 28px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-top: none
}

.productCharge-select .recList li {
    padding: 6px 10px;
    border-bottom: 1px solid #e6e6e6
}

.productCharge-select .recList li:last-child {
    border-bottom: none
}

.productCharge-info {
    padding: 10px;
    background: #fff
}

.productCharge-info .tip {
    margin: 10px -10px;
    padding: 10px;
    background: #ffe9dc
}

.productCharge-hd {
    margin: 10px 0;
    padding: 10px;
    background: #fff
}

.productCharge-hd .title {
    margin: 5px 0 10px;
    font-size: 14px
}

.productCharge-hd .title a {
    margin-left: 10px;
    padding: 1px .5em;
    font-size: 12px;
    color: #f60;
    border: 1px solid currentColor;
    border-radius: 2px
}

.productCharge-hd .account-info {
    margin: 5px 0;
    color: #666
}

.productCharge-hd .tip {
    margin: 10px -10px -10px;
    padding: 10px;
    background: #ffe9dc
}

.productCharge-hd .desc {
    margin-bottom: 5px
}

.productCharge-list {
    margin: 10px 0;
    padding: 10px;
    background: #fff
}

.productCharge-list .title {
    margin: -10px -10px 0;
    padding: 15px 10px;
    border-bottom: 1px solid #e6e6e6
}

.productCharge-list .title h1,.productCharge-list .title h2,.productCharge-list .title h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 400
}

.productCharge-list .tags {
    display: inline
}

.productCharge-list .tags img {
    height: 12px;
    margin-right: 5px
}

.productCharge-list .tag {
    padding: 0 .5em;
    font-size: 10px;
    font-family: serif;
    line-height: 15px;
    border-radius: 8px;
    color: #fff;
    background-color: #028ff8
}

.productCharge-list .cList {
    margin: 5px -5px;
    overflow: hidden;
    text-align: center
}

.productCharge-list .item {
    float: left;
    width: 33.3%;
    overflow: hidden
}

.productCharge-list .item input {
    position: absolute;
    left: -100em
}

.productCharge-list label {
    display: block;
    margin: 5px;
    padding: 5px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    line-height: 1.8
}

.productCharge-list input:checked+label {
    background: #ffe9dc;
    border: 1px solid #f60
}

.productCharge-list .name,.productCharge-list .price {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.productCharge-list .price {
    font-size: 10px;
    color: #666
}

.productCharge-list .productDetail-discountTip {
    margin: 0;
    padding: 0;
    border: none
}

.rank-filter {
    display: -webkit-flex;
    display: flex;
    padding: 10px 0;
    background: #fff
}

.rank-filter .item {
    position: relative;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    margin: 0 20px
}

.rank-filter .item.is-open .more {
    display: block
}

.rank-filter a {
    display: block;
    color: #333
}

.rank-filter .filter {
    position: relative;
    padding: 6px;
    background: #f0f2f5;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #f0f2f5
}

.rank-filter .filter.is-active {
    color: #f60;
    background: #fff;
    border: 1px solid #f60
}

.rank-filter .filter.is-active:after {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    background-image: url(../images/sprite-13cf13441a.@2x.download.png);
    background-position: 0px 0px;
    background-size: 10px 10px
}

.rank-filter .filter-cats:after {
    content: "";
    display: inline-block;
    border-style: solid;
    border-width: 4px 4px 0;
    margin-left: 5px;
    vertical-align: 3px;
    border-color: #999 transparent transparent
}

.rank-filter .more {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    text-align: center;
    border-radius: 5px
}

.rank-filter .more a {
    padding: 4px;
    border-bottom: 1px solid #e6e6e6
}

.rank-filter .more a:last-of-type {
    border-bottom: none
}

.rank-list .item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px
}

.rank-list .rank {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 21px;
    height: 21px;
    color: #fff;
    line-height: 21px;
    text-align: center;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -32px -67px;
    background-size: 144px 89px;
    pointer-events: none
}

.rank-list .rank--1 {
    height: 25px;
    font-size: 0;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -62px 0px;
    background-size: 144px 89px
}

.rank-list .rank--2 {
    height: 25px;
    font-size: 0;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: 0px 0px;
    background-size: 144px 89px
}

.rank-list .rank--3 {
    height: 25px;
    font-size: 0;
    background-image: url(../images/sprite-5c4ed5b29c.@2x.common.png);
    background-position: -31px 0px;
    background-size: 144px 89px
}

.rank-list li {
    border-bottom: 1px solid #e6e6e6
}

.rank-list li:last-of-type {
    border-bottom: none
}

.rank-list .icon img {
    width: 60px;
    height: 60px
}

.rank-list .info {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    margin: 0 10px
}

.rank-list .name {
    font-size: 14px
}

.rank-list .desc {
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.rank-list .hot {
    display: inline-block;
    width: 13px;
    height: 15px;
    margin-right: 4px;
    background-image: url(../images/sprite-bacf144513.@2x.rank.png);
    background-position: 0px 0px;
    background-size: 13px 15px
}

.rank-list .action {
    -webkit-flex: none;
    flex: none
}

.rank-list .action a {
    display: inline-block;
    padding: 1px .5em;
    color: #f60;
    border: 1px solid currentColor;
    border-radius: 2px
}

.rank-list .action a.disabled {
    color: #999
}

.samsung-product {
    overflow: hidden
}

.samsung-product .product {
    padding: 0;
    margin: 0
}

.samsung-product .product .item {
    border-bottom: 1px solid #ebebeb;
    list-style-type: none
}

.samsung-product .product a {
    display: block;
    padding: 12px 10px;
    color: #000
}

.samsung-product .product .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.samsung-product .product .img {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none
}

.samsung-product .product .img img {
    width: 54px;
    height: 54px
}

.samsung-product .product .info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    margin: 0 10px
}

.samsung-product .product .name {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.samsung-product .product .desc {
    margin: 3px 0
}

.samsung-product .product .channel,.samsung-product .product .desc {
    color: #565656;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.samsung-product .product .action {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    text-align: right
}

.samsung-product .product .p {
    font-size: 14px;
    color: #ff6c18
}

.samsung-product .product .orig-price {
    color: #5b5b5b;
    text-decoration: line-through;
    margin-left: 8px
}

.samsung-product .product .btn {
    display: inline-block;
    margin-top: 2px;
    padding: 1px .2em;
    color: #f60;
    border: 1px solid #ffa136;
    border-radius: 3px
}

.samsung-ft {
    margin-top: 18px;
    padding: 15px 0;
    line-height: 2;
    border-top: 1px solid #ebebeb;
    background: #fff;
    text-align: center
}

.samsung-ft .from {
    color: #868686
}

.jianbo-reset * {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.jianbo-reset li {
    list-style: none
}

.jianbo-reset a {
    color: inherit
}

.jianbo-reset em,.jianbo-reset i {
    font-style: normal
}

.jianbo-reset img {
    max-width: 100%
}

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

.jianbo-reset .line2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.h5BackIcon {
    width: 11px;
    height: 21px;
    background-image: url(../images/sprite-28ecf2d7d6.@2x.h5.png);
    background-position: 0px -147.5px;
    background-size: 193.5px 168.5px
}

.h5BroadcastIcon {
    width: 16px;
    height: 16px;
    background-image: url(../images/sprite-28ecf2d7d6.@2x.h5.png);
    background-position: -154px -82.5px;
    background-size: 193.5px 168.5px
}

.h5ChargeHead {
    position: relative;
    padding: 0 20px;
    line-height: 48px;
    border-bottom: 1px solid #ddd;
    background: #f8f8f8;
    text-align: center;
    font-weight: 700;
    font-size: 18px
}

.h5ChargeHead a {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -11px
}

.h5ChargeHead .home-link {
    left: auto;
    right: 15px;
    margin-top: -12px;
    width: 24px;
    height: 23px;
    background-image: url(../images/sprite-28ecf2d7d6.@2x.h5.png);
    background-position: -70px -49.5px;
    background-size: 193.5px 168.5px
}

.h5ChargeNews {
    position: relative;
    height: 40px;
    padding: 11px 20px;
    padding-left: 40px;
    background: #fff6ec;
    font-size: 15px;
    overflow: hidden
}

.h5ChargeNews i {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -7px
}

.h5ChargeNews .broadcast-box {
    position: relative;
    height: 18px;
    line-height: 18px;
    overflow: hidden
}

.h5ChargeNews .broadcast {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: .5em;
    width: 100%
}

.h5ChargeNews .broadcast-news {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.h5ChargeNews .broadcast-news a {
    display: block
}

.h5Index .bean-panel {
    padding-top: 15px;
    background: url(../images/panel-bg-b9af8a6d1e.png) no-repeat;
    background-size: 100% 100%;
    font-size: 17px;
    color: #fff;
    text-align: center;
    margin-bottom: 12px
}

.h5Index .panel-top {
    line-height: 1;
    font-size: 15px
}

.h5Index .panel-top .help-link {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    background-image: url(../images/sprite-28ecf2d7d6.@2x.h5.png);
    background-position: -141px -49.5px;
    background-size: 193.5px 168.5px
}

.h5Index .panel-top span {
    vertical-align: middle
}

.h5Index .panel-middle {
    margin: 17px 0 22px;
    font-size: 40px;
    line-height: 1
}

.h5Index .panel-middle em {
    display: inline-block;
    position: relative
}

.h5Index .panel-middle em .detail-link {
    position: absolute;
    bottom: 5px;
    right: -40px;
    width: 30px;
    height: 13px;
    background-image: url(../images/sprite-28ecf2d7d6.@2x.h5.png);
    background-position: -104px -49.5px;
    background-size: 193.5px 168.5px
}

.h5Index .panel-bottom {
    padding: 8px;
    font-size: 0
}

.h5Index .panel-bottom li {
    display: inline-block;
    width: 50%;
    line-height: 28px;
    font-size: 14px
}

.h5Index .panel-bottom li:first-child {
    border-right: 1px solid #fab764
}

.h5Index .panel-bottom li a {
    display: block
}

.h5Index .panel-bottom li a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    background-image: url(../images/sprite-28ecf2d7d6.@2x.h5.png);
    background-position: -98px -82.5px;
    background-size: 193.5px 168.5px
}

.h5Index .panel-bottom li a span {
    vertical-align: middle
}

.h5Index .panel-bottom li .task-link:before {
    background-image: url(../images/sprite-28ecf2d7d6.@2x.h5.png);
    background-position: 0px -119.5px;
    background-size: 193.5px 168.5px
}

.h5Index .h5ChargeNews {
    background: #fff;
    font-size: 12px
}

.h5Index .h5ChargeNews .nav-right {
    left: inherit;
    right: 8px;
    width: 10px;
    height: 16px;
    margin-top: -8px
}

.h5Index .nav-right:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 16px;
    background-image: url(../images/sprite-28ecf2d7d6.@2x.h5.png);
    background-position: -180px -82.5px;
    background-size: 193.5px 168.5px
}

.h5Index .adsenses {
    margin: 14px 0 0;
    padding: 9px 0;
    background: #fff;
    font-size: 0
}

.h5Index .adsense {
    display: inline-block;
    width: 33.3333%;
    text-align: center;
    font-size: 14px
}

.all-play-panel .h5Index .adsense dd:last-of-type,.all-play-panel .h5Index .adsense dt:last-of-type,.commend-panel .commend-box .h5Index .adsense dd:last-of-type,.commend-panel .commend-box .h5Index .adsense dt:last-of-type,.h5Index .adsense .all-play-panel dd:last-of-type,.h5Index .adsense .all-play-panel dt:last-of-type,.h5Index .adsense .commend-panel .commend-box dd:last-of-type,.h5Index .adsense .commend-panel .commend-box dt:last-of-type,.h5Index .adsense .line1:last-of-type {
    color: #999
}

.h5Index .adsense+.adsense {
    border-left: 1px solid #eee
}

.h5Index .adsense-img {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin: auto auto 12px
}

.h5Index .img-ad .adsense {
    padding: 0 5px
}

.h5Index .premium-exchanges {
    position: relative;
    padding: 14px 14px 2px;
    background-color: #e0e0e0
}

.h5Index .premium-exchanges:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 40px;
    background-image: url(../images/sprite-28ecf2d7d6.@2x.h5.png);
    background-position: 0px 0px;
    background-size: 193.5px 168.5px
}

.h5Index .premium-exchanges .exchange-title {
    position: relative;
    margin: 0 0 13px;
    text-align: center;
    line-height: 1;
    font-size: 18px
}

.h5Index .premium-exchanges .exchange-title:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    width: 18px;
    height: 21px;
    background-image: url(../images/sprite-28ecf2d7d6.@2x.h5.png);
    background-position: -26.5px -119.5px;
    background-size: 193.5px 168.5px
}

.h5Index .premium-exchanges .exchange-title>span {
    vertical-align: middle
}

.h5Index .premium-exchanges .exchange-title a {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    line-height: 1;
    font-size: 12px;
    font-weight: 400;
    color: #333
}

.h5Index .premium-exchanges .exchange-title a:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.h5Index .premium-exchanges .exchange-title a span {
    vertical-align: middle
}

.h5Index .premium-exchanges .adsenses {
    padding: 0;
    padding-bottom: 12px;
    background: inherit
}

.h5Index .premium-exchanges .adsense {
    width: 142px;
    background: #fff;
    text-align: left;
    vertical-align: middle
}

.h5Index .premium-exchanges .adsense div.line1 {
    line-height: 1.1
}

.h5Index .premium-exchanges .adsense+a {
    margin-left: 10px
}

.h5Index .premium-exchanges .adsense div {
    margin: 6px 12px
}

.h5Index .premium-exchanges .more {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    background: #fff;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;
    color: #999
}

.h5Index .premium-exchanges .adsense-img {
    margin: 8px auto;
    border-radius: 10px
}

.h5Index .premium-exchanges .need-bean {
    display: block;
    position: relative;
    padding: 0 12px;
    padding-left: 33px;
    line-height: 40px;
    background: #fef6e2;
    color: #f60;
    font-size: 14px
}

.h5Index .premium-exchanges .need-bean:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -9px;
    width: 20px;
    height: 18px;
    background-image: url(../images/sprite-28ecf2d7d6.@2x.h5.png);
    background-position: -126px -82.5px;
    background-size: 193.5px 168.5px
}

.h5Index .premium-buy {
    background-color: #fff
}

.h5Index .premium-buy:before {
    background-image: url(../images/good-logo-3836d354e5.png)
}

.h5Index .premium-buy .exchange-title {
    color: #ff4864
}

.h5Index .premium-buy .exchange-title:before {
    width: 20px;
    height: 20px;
    background-image: url(../images/sprite-28ecf2d7d6.@2x.h5.png);
    background-position: -70px -82.5px;
    background-size: 193.5px 168.5px
}

.h5Index .premium-buy .adsenses {
    margin: 14px -5px 10px;
    padding: 0;
    white-space: normal
}

.h5Index .premium-buy .adsense-box {
    display: inline-block;
    width: 50%;
    padding: 5px
}

.h5Index .premium-buy .adsense {
    width: 100%;
    border: 1px solid #ffe8ea
}

.h5Index .premium-buy .line2 {
    line-height: 20px;
    height: 40px;
    overflow: hidden
}

.h5Index .premium-buy .need-bean {
    display: -webkit-flex;
    display: flex;
    background: #ffe8ea;
    color: #ff4864
}

.h5Index .premium-buy .old {
    -webkit-flex: 1;
    flex: 1;
    font-size: 12px;
    text-align: right;
    color: #999
}

.h5Index .premium-buy .old:before {
    content: "¥"
}

.h5Index footer {
    line-height: 48px;
    text-align: center;
    font-size: 13px;
    color: #666
}

.h5Index .float {
    position: fixed;
    z-index: 1;
    bottom: 34px;
    right: 14px;
    width: 60px;
    height: 60px;
    background-image: url(../images/sprite-28ecf2d7d6.@2x.h5.png);
    background-position: 0px -49.5px;
    background-size: 193.5px 168.5px
}

.h5BeanCharge .my-bean {
    margin-bottom: 12px;
    line-height: 60px;
    padding: 0 20px;
    background: #fff;
    font-size: 14px
}

.h5BeanCharge .my-bean span {
    color: red
}

.h5BeanCharge .charge-panel {
    padding: 10px 20px 36px;
    background: #fff;
    font-size: 15px
}

.h5BeanCharge .charge-panel button {
    width: 100%;
    line-height: 50px;
    background: #f33;
    border: none;
    border-radius: 25px;
    font-size: 20px;
    color: #fff
}

.h5BeanCharge .radios {
    margin: 10px -5px;
    font-size: 0
}

.h5BeanCharge .radio-box {
    display: inline-block;
    width: 50%;
    padding: 5px;
    font-size: 15px;
    text-align: center
}

.h5BeanCharge .for-radio {
    display: block
}

.h5BeanCharge .for-radio input {
    position: fixed;
    z-index: -1
}

.h5BeanCharge .for-radio input:checked+.bean-value {
    border-color: #fe918c;
    background: #ffe0d2
}

.h5BeanCharge .for-radio input:checked+.bean-value:before {
    content: ""
}

.h5BeanCharge .bean-value {
    display: table;
    position: relative;
    width: 100%;
    height: 56px;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    overflow: hidden
}

.h5BeanCharge .bean-value:before {
    position: absolute;
    content: none;
    top: 0;
    right: 0;
    width: 13px;
    height: 13px;
    background: red 50% 50% url(../other/F242kcGey2gBsz4Fz5xehcQBrYBKatFOiwlVotjdnwCxosdEjMBtKTg3bYbS8SqbKFymeYAuMUtjwAAAAAElFTkSuQmCC) no-repeat;
    background-size: 10px 8px
}

.h5BeanCharge .bean-content {
    display: table-cell;
    vertical-align: middle
}

.h5BeanCharge .bean-content div {
    margin-top: 3px;
    font-size: 12px;
    color: #9e9e9e
}

.h5BeanCharge .rmb {
    margin-bottom: 30px;
    font-size: 13px
}

.h5BeanCharge .rmb span {
    color: red
}

.h5BeanCharge .rmb span:before {
    content: "¥"
}

.prize-claw {
    padding: .2rem;
    min-height: 100%;
    background: #fddc3f url(../images/down-bg-d593dd6937.png) no-repeat;
    background-size: 100%
}

.prize-claw ul {
    list-style: none
}

.prize-claw h1,.prize-claw h2 {
    line-height: 1.1;
    text-align: center;
    color: #23292a;
    text-shadow: 0 2px .5px #d66d11
}

.prize-claw h1 {
    margin: 0;
    padding-top: 1.57rem;
    font-size: 1.2rem;
    font-weight: 400;
    font-family: jdzhonyuanjian
}

.prize-claw h2 {
    margin-top: .15rem;
    text-shadow: 0 1px .5px #d66d11;
    font-size: .32rem
}

.prize-claw .box {
    margin-top: 3.12rem;
    padding: .7rem .4rem .5rem;
    border-radius: 6px;
    background-color: #fff
}

@media (max-width:736px) {
    .prize-claw .box {
        position: absolute;
        left: .2rem;
        right: .2rem;
        bottom: .2rem;
        margin-top: 0
    }
}

.prize-claw li {
    line-height: 1.1;
    font-size: 0
}

.prize-claw li span {
    font-size: .32rem;
    vertical-align: middle
}

.prize-claw li:not(:last-child) {
    margin-bottom: .64rem
}

.prize-claw li:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: .4rem;
    height: .44rem;
    margin-right: .2rem;
    background-repeat: no-repeat;
    background-size: .4rem .44rem
}

.prize-claw li:first-child:before {
    background-image: url(../images/mian-db1378217e.png)
}

.prize-claw li:nth-child(2):before {
    background-image: url(../images/sui-278ef318b4.png)
}

.prize-claw li:nth-child(3):before {
    background-image: url(../images/shuang-2374610dcd.png)
}

.prize-claw .link {
    display: block;
    margin-top: .7rem;
    line-height: 1rem;
    font-size: .42rem;
    text-align: center;
    color: #fff;
    background-color: #fd6502
}

.prize-claw .link[disabled] {
    background-color: #ccc;
    pointer-events: none
}

.uu-chongzhi {
    box-sizing: border-box;
    padding-bottom: 60px
}

.uu-chongzhi label {
    -webkit-tap-highlight-color: transparent
}

.uu-chongzhi .js-dialog,.uu-chongzhi [type=radio] {
    position: fixed;
    left: 100%
}

.uu-chongzhi .chd .js-menu {
    margin-right: 10px;
    line-height: 50px
}

.uu-chongzhi .chd .js-menu:before {
    content: "我的订单";
    position: static;
    color: #fff;
    background: none
}

.uu-chongzhi [class$=-box] {
    background: #fff
}

.uu-chongzhi .card-box {
    padding: 10px 5px;
    border-bottom: 1px solid #f3f3f3;
    font-size: 0
}

.uu-chongzhi .card-box label {
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    padding: 5px
}

.uu-chongzhi .card-box [type=radio]:checked+.card {
    border-color: #f80;
    background: #fff
}

.uu-chongzhi .card-box [type=radio]:checked+.card .cross-icon {
    visibility: visible
}

.uu-chongzhi .card-box [type=radio]:checked+.card:before {
    background: #fff
}

.uu-chongzhi .card-box [type=radio]:checked+.card:after {
    background-color: #f80
}

.uu-chongzhi .card {
    position: relative;
    height: 100%;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 12px;
    background: #f4f5f7
}

.uu-chongzhi .card:before {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: 34px;
    height: 34px;
    -webkit-transform: translate(-7px,-7px) rotate(45deg);
    transform: translate(-7px,-7px) rotate(45deg)
}

.uu-chongzhi .card:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 25px;
    height: 25px;
    border-bottom-right-radius: 6px
}

.all-play-panel .uu-chongzhi .card dd,.all-play-panel .uu-chongzhi .card dt,.commend-panel .commend-box .uu-chongzhi .card dd,.commend-panel .commend-box .uu-chongzhi .card dt,.uu-chongzhi .card .all-play-panel dd,.uu-chongzhi .card .all-play-panel dt,.uu-chongzhi .card .commend-panel .commend-box dd,.uu-chongzhi .card .commend-panel .commend-box dt,.uu-chongzhi .card .line1 {
    position: relative;
    z-index: 1;
    padding: 0 1em;
    line-height: 25px;
    color: #999
}

.uu-chongzhi .card-top {
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 1em;
    border-bottom: 1px dashed #ddd;
    line-height: 45px
}

.uu-chongzhi .card-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

.uu-chongzhi .cast {
    white-space: nowrap
}

.uu-chongzhi .cast:before {
    content: "¥"
}

.uu-chongzhi .cross-icon {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    right: 4px;
    bottom: 4px;
    width: 6px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.uu-chongzhi .cross-icon:after,.uu-chongzhi .cross-icon:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-radius: 5px;
    background: #fff
}

.uu-chongzhi .cross-icon:after {
    width: 1px;
    height: 100%
}

.uu-chongzhi .desc-box {
    padding: 13px 10px
}

.uu-chongzhi .desc-box dl {
    margin: 0
}

.uu-chongzhi .desc-box dt {
    margin-bottom: 10px
}

.uu-chongzhi .desc-box .card-desc {
    position: relative;
    margin: 0;
    padding-left: 42px;
    font-size: 10px;
    color: #999
}

.uu-chongzhi .desc-box .card-desc:before {
    content: "赠送";
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    padding: 0 5px;
    height: 12px;
    border: 1px solid;
    color: #f90;
    white-space: nowrap
}

.uu-chongzhi .desc-box .card-desc+.card-desc {
    margin-top: 7px
}

.uu-chongzhi .desc-box .card-desc a {
    display: block;
    color: inherit
}

.uu-chongzhi .desc-box+.desc-box {
    display: none
}

.uu-chongzhi .pay-box {
    margin-top: 10px
}

.uu-chongzhi .phone-box {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6;
    height: 50px
}

.uu-chongzhi .phone-box:before {
    content: "";
    display: block;
    width: 12px;
    height: 16px;
    margin-right: 12px;
    background-image: url(../images/sprite-9e51c8ed39.@2x.uu.png);
    background-position: -58px -80px;
    background-size: 100px 99px
}

.uu-chongzhi .phone-box input {
    -webkit-flex: 1;
    flex: 1;
    height: 16px;
    padding: 0;
    border: 0;
    outline: none
}

.uu-chongzhi .phone-box input::-webkit-input-placeholder {
    color: #999
}

.uu-chongzhi .phone-box input.check:invalid+.input-tip {
    color: #f14118
}

.uu-chongzhi .input-tip {
    color: #fff
}

.uu-chongzhi .pay-way {
    height: 50px;
    padding-left: 10px
}

.uu-chongzhi .pay-way,.uu-chongzhi .pay-way label {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.uu-chongzhi .pay-way label {
    -webkit-flex: 1;
    flex: 1
}

.uu-chongzhi .pay-way label input:checked+.pay-radio {
    border-color: #f80
}

.uu-chongzhi .pay-way label input:checked+.pay-radio:before {
    background: #f90
}

.uu-chongzhi .pay-radio {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 100%
}

.uu-chongzhi .pay-radio:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    margin: auto;
    border-radius: 100%
}

.uu-chongzhi .alipay,.uu-chongzhi .wechat {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.uu-chongzhi .alipay:before,.uu-chongzhi .wechat:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-image: url(../images/sprite-9e51c8ed39.@2x.uu.png);
    background-position: -80px 0px;
    background-size: 100px 99px
}

.uu-chongzhi .alipay:before {
    background-image: url(../images/sprite-9e51c8ed39.@2x.uu.png);
    background-position: -80px -30px;
    background-size: 100px 99px
}

.uu-chongzhi .foot-box {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    max-width: 736px;
    margin: auto
}

.uu-chongzhi .foot-box>div {
    width: 50%
}

.uu-chongzhi .foot-box .cast {
    font-style: normal;
    color: #f14118;
    font-size: 12px
}

.uu-chongzhi .submit {
    width: 50%;
    padding: 0;
    letter-spacing: 1px;
    color: #fff;
    background: #f14118
}

.uu-chongzhi .payBox {
    text-align: center;
    font-size: 14px
}

.uu-chongzhi .payBox-title {
    padding: 10px
}

.uu-chongzhi .payBox-link {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 10px;
    color: #39f;
    text-decoration: none;
    border-top: 1px solid #c5c5c5
}

.uu-chongzhi .payBox-link:after {
    content: "";
    width: 19px;
    height: 19px;
    margin-left: 10px;
    background-image: url(../images/sprite-9e51c8ed39.@2x.uu.png);
    background-position: 0px -80px;
    background-size: 100px 99px
}

.uu-chongzhi .reload:after {
    background-image: url(../images/sprite-9e51c8ed39.@2x.uu.png);
    background-position: -29px -80px;
    background-size: 100px 99px
}

.uu-chongzhi .cDialog-text {
    padding: 0
}

.uu-chongzhi .cDialog-ft {
    display: none
}

.uu-order-list .back {
    pointer-events: none
}

.uu-order-list .chd .right {
    visibility: hidden
}

.uu-order-list .head-tip {
    position: relative;
    width: 100%;
    padding: 0 10px;
    height: 50px;
    font-size: 14px;
    text-align: left;
    background: #fff;
    -webkit-tap-highlight-color: transparent
}

.uu-order-list .head-tip:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.uu-order-list .order-ul {
    margin: 0;
    padding: 0
}

.uu-order-list .order-ul:empty {
    padding-top: 25px;
    text-align: center
}

.uu-order-list .order-ul:empty:before {
    content: "暂无订单记录"
}

.uu-order-list .order-list {
    list-style: none;
    padding: 0 10px;
    margin-top: 10px;
    background-color: #fff
}

.uu-order-list .order-top {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 40px
}

.uu-order-list .order-status {
    color: #f14118
}

.uu-order-list .order-status.canceled {
    color: #999
}

.uu-order-list .order-middle {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.uu-order-list .img-box {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 8px;
    text-align: center
}

.uu-order-list .img-box:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.uu-order-list .img-box img {
    max-width: 100%;
    max-height: 100%
}

.uu-order-list .order-info {
    width: calc(100% - 70px)
}

.uu-order-list .goods-name {
    font-size: 14px;
    color: #000
}

.uu-order-list .phone {
    margin: 5px 0;
    font-size: 11px;
    color: #999
}

.uu-order-list .price {
    color: #f80
}

.uu-order-list .order-bottom {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    height: 45px
}

.uu-order-list .order-go {
    display: inline-block;
    width: 68px;
    line-height: 23px;
    border: 1px solid;
    border-radius: 3px;
    color: #f80;
    text-align: center
}

.uu-order-list .order-go:before {
    content: "再次购买"
}

.uu-order-list .order-go.buy {
    color: #fff;
    background-color: #f80
}

.uu-order-list .order-go.buy:before {
    content: "去支付"
}

.uu-order-list .cDialog-text {
    padding: 10px 15px 0
}

.uu-order-list .cDialog-text ol {
    list-style-type: decimal;
    margin: 0;
    padding-left: 15px;
    line-height: 18px
}

.uu-order-list .cDialog-text ol li:first-child {
    color: #f80
}

.uu-order-list .cDialog-text ol li:first-child a {
    color: inherit
}

.uu-order-list .cDialog-text ol li+li {
    margin-top: 8px
}

.uu-result {
    background: #fff
}

.uu-result .chd .right {
    visibility: hidden
}

.uu-result .btns a,.uu-result ol a {
    color: inherit
}

.uu-result .charge-result {
    padding: 30px 0 20px;
    text-align: center;
    line-height: 1.8;
    font-size: 18px
}

.uu-result .success:before {
    content: "";
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url(../images/sprite-9e51c8ed39.@2x.uu.png);
    background-position: 0px 0px;
    background-size: 100px 99px
}

.uu-result .tip {
    position: relative;
    margin-top: 10px
}

.uu-result .tip:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background: #f5f5f5
}

.uu-result .tip-top {
    padding: 0 10px;
    line-height: 50px;
    border-bottom: 1px solid #e6e6e6
}

.uu-result .tip-top span {
    color: #999
}

.uu-result .ol-box {
    padding: 15px 10px
}

.uu-result ol {
    list-style-type: decimal;
    padding-left: 10px;
    color: #999
}

.uu-result ol li:first-child {
    color: #f80
}

.uu-result ol li+li {
    margin-top: 1.1em
}

.uu-result .btns {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 25px
}

.uu-result .btn {
    width: 148px;
    line-height: 40px;
    border: 1px solid #e6e6e6;
    text-align: center
}

.uu-result .btn+.btn {
    margin-left: 1em
}

.tab_nav {
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    box-shadow: 0 1px 0 0 #e5e5e5;
    display: -webkit-flex;
    display: flex
}

.tab_nav a {
    cursor: pointer;
    font-size: 14px;
    color: #666;
    text-align: center;
    -webkit-flex: 1;
    flex: 1
}

.tab_nav .tab_item_active {
    color: #f60;
    border-bottom: 1px solid #f60
}

.gl_rt {
    line-height: 50px;
    margin-right: 10px;
    font-size: 14px
}

.gl_rt a {
    color: #fff
}

.pro_list .item--account .ft .user_tag_bg {
    background-color: #ed4e4b;
    color: #fff
}

.fahuo_btn {
    width: 60px;
    height: 15px;
    line-height: 15px;
    background-color: #028ff8;
    border-radius: 7.5px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 10px;
    letter-spacing: 0;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    font-stretch: normal
}

.hongbao {
    height: 40px;
    line-height: 40px;
    position: relative;
    padding-left: 10px;
    background: #fff;
    font-size: 14px;
    color: #666
}

.hongbao .check_btn {
    position: absolute;
    right: 10px;
    top: 0;
    color: #028ff8;
    font-weight: 400
}

.hongbao i {
    background: url(../images/hongbao-1047ce5870.png) 50% no-repeat;
    display: inline-block;
    width: 14px;
    height: 16px;
    vertical-align: middle;
    margin-top: -1px
}

.hongbao .hb_status {
    position: absolute;
    right: 10px;
    top: 0;
    color: #666;
    opacity: .6;
    font-size: 12px
}

.pro_list .item--account .hd .info span {
    display: inline-block;
    width: 62.5px;
    height: 15px;
    line-height: 15px;
    background-color: #f80;
    border-radius: 7.5px;
    text-align: center;
    color: #fff;
    font-size: 10px
}

.pro_list .item--account .hd .info span i {
    background: url(../images/icon_guangfang-8a855b5912.png) 50% no-repeat;
    width: 10px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    background-size: 100% 100%
}

.pro_list .item--account .bd_line {
    height: 1px;
    background: #eee;
    margin-top: 10px;
    margin: 0 10px
}

.fail_goods {
    height: 50px;
    line-height: 50px;
    background: #fff;
    position: relative;
    padding-left: 10px;
    color: #666
}

.fail_goods .clean_goods {
    position: absolute;
    right: 10px;
    top: 12px;
    width: 98px;
    height: 24.5px;
    line-height: 24.5px;
    border-radius: 2px;
    border: 1px solid #ccc;
    text-align: center
}

.fails_bg {
    background-color: #d6d6d6;
    opacity: .6
}

.f12 {
    font-size: 12px
}

.buy_btn {
    margin: 5px 0;
    padding: 1px 6px;
    border: 1px solid #f80;
    border-radius: 2px
}

.buy_btn .btn {
    color: #f14118;
    text-align: center
}

.pro_list .item--account .hd .desc_col {
    color: #999;
    margin-top: 10px
}

.pro_list .item--account .pri_col {
    font-weight: 600;
    text-align: center;
    color: #f14118;
    font-size: 14px
}

.pro_list .item--account .pri_delete {
    text-decoration: line-through;
    font-size: 12px;
    color: #999;
    text-align: center
}

.daozhang_tip {
    width: 80px;
    height: 12px;
    line-height: 12px;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #f14118;
    color: #fd362f;
    font-size: 9px;
    font-weight: 400;
    font-stretch: normal;
    font-family: MicrosoftYaHei;
    letter-spacing: 0;
    background-size: 100% 100%
}

.daozhang_tip i {
    width: 12px;
    height: 12px;
    background: url(../images/daozhang-9668adedc0.png) 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background-size: 100% 100%
}

.pro_list .item--account .inputCheck {
    float: left;
    margin: 14px 20px 40px 0;
    display: none
}

.pro_list .item--account .inputCheck input[type=checkbox] {
    position: relative;
    width: 10px;
    height: 1px
}

.pro_list .item--account .inputCheck input[type=checkbox]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    border-radius: 1px;
    border: 1px solid #999;
    width: 17px;
    height: 17px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 20px
}

.pro_list .item--account .inputCheck input[type=checkbox]:checked:before {
    background-color: #fff;
    content: "\2714"
}

.p10 {
    padding: 10px 10px 0
}

.checkBox_float {
    width: 100%;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    background: #fff;
    box-shadow: inset 0 1px 0 0 #ccc;
    display: none
}

.checkBox_float .clr {
    clear: both
}

.checkBox_float input {
    position: absolute;
    clip: rect(0,0,0,0)
}

.checkBox_float #all+label {
    background-color: #fff;
    border-radius: 1px;
    border: 1px solid #999;
    width: 17px;
    height: 17px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 20px
}

.checkBox_float #all:checked+label {
    background-color: #eee
}

.checkBox_float #all:checked+label:after {
    content: "\2714"
}

.checkBox_float label {
    margin: 0 10px
}

.checkBox_float .remove_btn {
    background-color: #f14118
}

.checkBox_float .nonRemove_btn,.checkBox_float .remove_btn {
    width: 120px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #fff
}

.checkBox_float .nonRemove_btn {
    background: #999
}

.checkBox_float .select_all {
    background-color: #eee
}

.checkBox_float .select_all:after {
    content: "\2714"
}

.pro_list .item--account .hd .des_info {
    white-space: normal
}

.collect:before {
    background: url(../images/non_collect-805a682a22.png) 50% no-repeat
}

.collect_active:before {
    background: url(../images/collect-a058433d7f.png) 50% no-repeat;
    display: none
}

.productDetail-buy .action:before {
    display: block;
    margin-left: 5px
}

.productDetail-buy .action_bak:before {
    margin-left: 10px
}

.productDetail-buy .action {
    margin-right: 8%
}

.productDetail-buy .left a {
    text-align: center
}

.productDetail-title .product_info {
    position: relative
}
.pro_clt {
    position: absolute;
    right: 0;
    bottom: 0
}
.pro_clt a {
    color: #333;
    display: inline-block
}
.pro_clt a span {
    position: relative;
    left: 0;
    top: 1px
}
.pro_clt .action:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    margin-right: 5px;
    vertical-align: middle;
    background-position: 50%
}
.hongbao_status {
    -webkit-flex: 2;
    flex: 2
}



.product-list .product-hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.product-list .product-hd .img {
    width: 54px;
    height: 54px;
    margin-right: 8px;
}
.img-box {
    font-size: 0;
    text-align: center;
}
.img-box img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
img {
    max-width: 100%;
    vertical-align: bottom;
    border: none;
}
.product-list .product-hd .info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-right: 8px;
}
.product-list .product-hd .name {
    max-height: 36px;
    overflow: hidden;
    word-break: break-all;
}
.line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product-list .product-hd .desc {
    font-size: 11px;
    color: #666;
}
.product-list .product-hd .desc .quick-login {
    display: inline-block;
    padding: 0 4px;
    border: 1px solid;
    border-radius: 9px;
    line-height: 17px;
    color: #f90;
}
.product-list .product-hd .price {
    color: #f14118;
    text-align: right;
}
.product-list .host-label {
    font-size: 0;
}
.product-list .host-label .bao {
    background-image: url(/Public/images/sprite-0bdc6563fb.@2x.product.png);
    background-position: -123.5px -26px;
    background-size: 139.5px 93.5px;
}
.product-list .host-label i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100%;
}
.product-list .host-label .jin {
    background-image: url(/Public/images/sprite-0bdc6563fb.@2x.product.png);
    background-position: -123.5px 0px;
    background-size: 139.5px 93.5px;
}
.product-list .host-label i+i {
    margin-left: 7px;
}
.product-list .product-hd .rent-cast {
    margin: 2px 0;
}
.product-list .product-hd .guarantee {
    font-size: 9px;
    color: #f60;
}
.product-list .promotion_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    white-space: nowrap;
    margin: 8px 0;
}
.product-list .promotion_box .product-discounts {
    margin: 0;
    margin-right: 5px;
}
.product-list .product-discounts {
    margin-bottom: 8px;
}
.product-list .promotion_box .discounts-des {
    margin: 0;
    -webkit-box-align: start;
    -webkit-align-items: start;
    align-items: start;
}

.product-discounts .discounts-des {
    margin: 0;
    padding: 0;
    margin-top: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.product-discounts .discounts-des span {
    margin: 0;
    padding: 0;
    display: block;
    width: 50px;
    height: 15px;
    background-color: #fff1eb;
    border-radius: 7px;
    font-size: 10px;
    color: #f60;
    text-align: center;
    padding: -.5px 0;
}
.product-list .promotion_box .discounts-des p {
    white-space: normal;
}
.product-discounts .discounts-des p {
    margin: 0;
    padding: 0;
    margin-left: 10px;
    font-size: 12px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 83%;
}
p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.product-list .promotion_box .discounts-des+.discounts-des {
    margin-top: 8px;
}
.product-list .promotion_box .discounts-des {
    margin: 0;
    -webkit-box-align: start;
    -webkit-align-items: start;
    align-items: start;
}
.product-discounts .discounts-des {
    margin: 0;
    padding: 0;
    margin-top: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.product-discounts .discounts-des span {
    margin: 0;
    padding: 0;
    display: block;
    width: 50px;
    height: 15px;
    background-color: #fff1eb;
    border-radius: 7px;
    font-size: 10px;
    color: #f60;
    text-align: center;
    padding: -.5px 0;
}
.product-list .promotion_box .discounts-des p {
    white-space: normal;
}
.product-discounts .discounts-des p {
    margin: 0;
    padding: 0;
    margin-left: 10px;
    font-size: 12px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 83%;
}
.product-list .product-desc {
    position: relative;
    margin: 8px 0;
    padding: 4px 8px;
    font-size: 11px;
    color: #666;
    background: #f6f6f6;
    border-radius: 2px;
    word-break: break-all;
}
.product-list .product-desc>.line2 {
    line-height: 2;
    -webkit-line-clamp: 3;
}
.line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product-list .product-properties {
    margin: 0;
    overflow: hidden;
    margin-left: 2.5px;
}
dl {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.product-list .product-properties dt {
    float: left;
    clear: left;
    margin-right: 5px;
    color: #666;
}
dt {
    display: block;
}
.product-list .product-properties dd {
    margin: 0 0 5px;
    overflow: hidden;
    word-break: break-all;
}
.line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
dd {
    display: block;
    -webkit-margin-start: 40px;
}
.product-list .product-desc:before {
    content: " ";
    position: absolute;
    left: 70px;
    top: -6px;
    width: 12px;
    height: 12px;
    background: #f6f6f6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.product-mgs {
    margin: 0;
    padding: 0;
    border-top: 1px solid #e6e6e6;
}
.product-mgs .product-d {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 94%;
    margin: 15px auto;
    padding: 0;
}
ul {
    list-style: none;
}
.product-mgs .product-d :first-child, .product-mgs .product-d :nth-child(2) {
    border-right: none;
}

.product-mgs .product-d li {
    color: #333;
    font-size: 11px;
    padding: 13px 0;
    width: 33.3%;
    text-align: center;
    border: 1px solid #ccc;
    line-height: 18px;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.product-mgs .product-d :first-child, .product-mgs .product-d :nth-child(2) {
    border-right: none;
}
.product-mgs .product-d p {
    padding: 0;
    margin: 0;
}
p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.product-mgs .product-d .disable {
    color: #ccc;
}
.product-detailBd .info {
    padding: 18px 20px 3px 10px;
    border-top: 1px solid #e6e6e6;
    font-size: 12px;
}
.product-detailBd ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.product-detailBd>* {
    background: #fff;
}
.product-detailBd li {
    float: left;
    min-width: 50%;
    margin-bottom: 15px;
}
.product-detailBd .info .label {
    float: left;
    color: #666;
}
.product-detailBd .info .content {
    display: block;
    overflow: hidden;
    word-break: break-all;
}
.product-detail .more-ask, .product-detail .process-box {
    padding: 15px 10px;
}
.product-detail .guider>* {
    margin-bottom: 10px;
    background: #fff;
}
.product-detail .process {
    margin: 0;
    padding: 11px 10px 11px 20px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    counter-reset: a;
    list-style: none;
}
.product-detail .process li:not(:last-child) {
    padding-bottom: 12px;
    border-left: 1px solid #f90;
}
.product-detail .process li {
    position: relative;
    padding-left: 20px;
    counter-increment: a;
}
.product-detail .guider {
    display: none;
    border-top: 1px solid #e6e6e6;
    font-size: 14px;
}
.product-detail .process li:before {
     content: counter(a);
     position: absolute;
     top: 0;
     left: -10px;
     width: 20px;
     height: 20px;
     line-height: 20px;
     border-radius: 100%;
     text-align: center;
     background-color: #f90;
     color: #fff;
 }
.product-detail .guider dd, .product-detail .guider dl {
    margin: 0;.cSec-title
    padding: 0;
    color: #666;
}
.product-detail .guider dt {
    margin-bottom: 8px;
    color: #f90;
}
dt {
    display: block;
}
.product-detail .guider .tip, .product-detail .guider dd {
    font-size: 12px;
}
.product-detail .guider dd, .product-detail .guider dl {
    margin: 0;
    padding: 0;
    color: #666;
}
dd {
    display: block;
    -webkit-margin-start: 40px;
}
.productDetail-title .info--renting {
    position: relative;
}
.productDetail-title .info {
    padding: 8px;
    overflow: hidden;
}
.productDetail-title .info--renting:before {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 70px;
    height: 40px;
    background-image: url(/Public/images/renting-3aacdbba60.png);
    background-size: auto 40px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.product-list .product--renting:before {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 70px;
    height: 40px;
    background-image: url(/Public/images/renting-3aacdbba60.png);
    background-size: auto 40px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.product-list .product-list li a {
    position: relative;
    display: block;
    padding: 8px;
    font-size: 13px;
    color: #333;
}