@charset "UTF-8";
body, html {
    background: #f7f7f7
}

a, body {
    color: #333
}

.page_admin, html {
    overflow-x: hidden
}

.por, body, html {
    position: relative
}

.box_flex, .footer, .page_admin, .w100, .w_fill {
    width: 100%
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%
}

body {
    font-family: helvetica neue, tahoma, arial, hiragino sans gb, microsoft yahei, sans-serif;
    font-size: 1.4rem
}

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

.wrap_con, body, html {
    margin: 0 auto
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

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

img {
    vertical-align: middle;
    max-width: 100%;
    border: 0
}

.user_header, .wrap_con, body, html {
    min-width: 320px;
    max-width: 640px
}

ol, ul {
    list-style: none
}

button, input, select, textarea {
    outline: 0;
    font-size: 100%
}

:-moz-placeholder {
    opacity: 1;
    color: #999ca3
}

::-moz-placeholder {
    opacity: 1;
    color: #999ca3
}

::-webkit-input-placeholder {
    color: #999ca3
}

:-ms-input-placeholder {
    color: #999ca3
}

input:-ms-input-placeholder {
    color: #999;
    opacity: 1
}

input::-webkit-input-placeholder {
    color: #999;
    opacity: 1
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

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

.clear {
    clear: both;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.fl {
    float: left
}

.fr {
    float: right
}

.tal {
    text-align: left
}

.tac {
    text-align: center
}

.tar {
    text-align: right
}

.dis_box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box
}

.box_flex, .db {
    display: block
}

.box_flex {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1
}

body, html {
    min-height: 100%
}

.footer {
    height: 4.4rem;
    background: #fff
}

.h_no_scroll {
    height: 100%;
    overflow: hidden
}

.red, .red a {
    color: #ff6366 !important
}

.oph {
    opacity: 0
}

@font-face {
    font-family: jueicon;
    src: url(../fonts/font_163305_9l1altv7mvm.eot);
    src: url(../fonts/font_163305_9l1altv7mvm.eot) format("embedded-opentype"), url(../fonts/font_163305_9l1altv7mvm.woff) format("woff"), url(../fonts/font_163305_9l1altv7mvm.ttf) format("truetype"), url(../fonts/font_163305_9l1altv7mvm.svg#jueicon) format("svg")
}

.jueicon {
    font-family: jueicon !important;
    font-size: 1.6rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.poa {
    position: absolute
}

.pof {
    position: fixed
}

a.primary {
    color: #dd4b39
}

a.primary:active {
    color: #999
}

.touch_scroll {
    overflow: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch
}

.h_fill {
    height: 100%
}

.oys {
    overflow-y: scroll
}

.dib {
    display: inline-block
}

.dn, .dno, .hide {
    display: none
}

.ml5 {
    margin-left: .5rem
}

.ml10 {
    margin-left: 1rem
}

.mt5 {
    margin-top: .5rem
}

.mt10 {
    margin-top: 1rem
}

.mt20 {
    margin-top: 2rem
}

.mr5 {
    margin-right: .5rem
}

.mr10 {
    margin-right: 1rem
}

.mb5 {
    margin-bottom: .5rem
}

.mb10 {
    margin-bottom: 1rem
}

.pl5 {
    padding-left: .5rem
}

.pr5 {
    padding-right: .5rem
}

.p10 {
    padding: 1rem
}

.pr15 {
    padding-right: 1.5rem
}

.pt44 {
    padding-top: 4.4rem
}

.p0_10 {
    padding: 0 1rem
}

.p12_10 {
    padding: 1.2rem 1rem
}

.pb10 {
    padding-bottom: 1rem
}

.pb60 {
    padding-bottom: 6rem
}

.fs10 {
    font-size: 1rem
}

.fs11 {
    font-size: 1.1rem
}

.fs12 {
    font-size: 1.2rem
}

.fs13 {
    font-size: 1.3rem
}

.fs14 {
    font-size: 1.4rem
}

.fs15 {
    font-size: 1.5rem
}

.fs16 {
    font-size: 1.6rem
}

.fs17 {
    font-size: 1.7rem
}

.fs18 {
    font-size: 1.8rem
}

.jue_btn, .tab_title ul li {
    font-size: 1.4rem;
    text-align: center;
    cursor: pointer
}

.lh20 {
    line-height: 20px
}

.lh22 {
    line-height: 22px
}

.lh24 {
    line-height: 24px
}

.border_t {
    border-top: .1rem solid #d9d9d9
}

.border_b {
    border-bottom: .1rem solid #d9d9d9
}

.c_primary {
    color: #dd4b39
}

.c_intensify {
    color: #f03f3f
}

.c_orange {
    color: #f95d34
}

.b_primary {
    background: #dd4b39
}

.bg_white, .input_text_1, .list_more, .tab_title {
    background: #fff
}

.c_pale_red {
    color: #FF6366
}

.rotate_180 {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.flex_center_vertically {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.list_more {
    padding: 10px;
    text-align: center
}

.input_text_1 {
    width: 100%;
    position: relative;
    border: 1px solid #dcdcdc;
    height: 38px;
    line-height: 36px;
    text-indent: 10px;
    border-radius: 5px
}

.fwb {
    font-weight: 700
}

.tab_title ul li {
    width: 33.33%;
    height: 3rem;
    line-height: 3rem;
    float: left;
    display: inline;
    border-bottom: .2rem solid #eee
}

.tab_title ul li.current {
    color: #f74b3d;
    border-bottom-color: #f74b3d
}

.ui-hidden {
    display: none
}

.jue_btn, .jue_cell, .ui-block {
    display: block
}

.jue_btn {
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    font-weight: 400;
    background-image: none;
    border: none;
    border: .1rem solid #f74b3d;
    border-radius: .4rem;
    color: #f74b3d
}

.jue_btn:active {
    color: #A1A1A1;
    background-color: #DEDEDE
}

.jue_btn.jue_btn_disabled {
    color: rgba(255, 255, 255, .6)
}

.jue_btn_primary {
    background-color: #ff6366;
    color: #fff;
    border: .1rem solid #ff6366
}

.jue_btn_primary:active {
    color: rgba(255, 255, 255, .4);
    background-color: #ff6366
}

.jue_cells {
    position: relative;
    overflow: hidden;
    background: #fff
}

.jue_cells:after, .jue_cells:before {
    position: absolute;
    content: "";
    width: 100%;
    border-top: 1px solid #d9d9d9
}

.jue_cells:before {
    top: 0
}

.jue_cells:after {
    bottom: 0
}

.jue_cell {
    position: relative;
    height: 44px;
    line-height: 44px;
    padding: 0 15px
}

.jue_cell:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    width: 100%;
    border-top: 1px solid #d9d9d9
}

a.jue_cell:active {
    background-color: #ececec
}

.jue_cell_ft {
    color: #888
}

.jue_cells_access .jue_cell_ft:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 8px;
    width: 8px;
    border-width: 1px 1px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    position: relative;
    top: 0;
    margin-left: .3em
}

.jue_cell_hd {
    position: relative;
    height: 44px;
    width: 30px;
    overflow: hidden
}

.jue_cell_hd i, .jue_cell_hd img {
    position: relative;
    vertical-align: middle
}

.jue_cell_hd i {
    color: #666
}

.jue_checkbox, .jue_radio {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: .6rem;
    font-size: .8rem;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: background-color ease .1s;
    transition: background-color ease .1s;
    outline: 0
}

.jue_checkbox {
    border-radius: 3px
}

.jue_radio {
    border-radius: 100%
}

.jue_checkbox.jue_checked, .jue_checkbox:checked, .jue_radio.jue_checked, .jue_radio:checked {
    background-color: #ff6366;
    border: 1px solid #ff6366;
    text-align: center;
    background-clip: padding-box
}

.jue_checkbox.jue_checked:after, .jue_checkbox.jue_checked:before, .jue_checkbox:checked:after, .jue_checkbox:checked:before, .jue_radio.jue_checked:after, .jue_radio.jue_checked:before, .jue_radio:checked:after, .jue_radio:checked:before {
    content: '';
    width: 10px;
    height: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -4px;
    background: 0 0;
    border: 1px solid #fff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.jue_checkbox.jue_disabled, .jue_checkbox:disabled, .jue_radio.jue_disabled, .jue_radio:disabled {
    background-color: #ddd;
    border: 1px solid #ddd
}

.jue_checkbox.jue_disabled:after, .jue_checkbox.jue_disabled:before, .jue_checkbox:disabled:after, .jue_checkbox:disabled:before, .jue_radio.jue_disabled:after, .jue_radio.jue_disabled:before, .jue_radio:disabled:after, .jue_radio:disabled:before {
    content: '';
    width: .5rem;
    height: .3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.25rem;
    margin-top: -.25rem;
    background: 0 0;
    border: 1px solid #fff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.user_header {
    position: relative;
    width: 100%;
    height: 4.5rem;
    line-height: 4rem;
    background: #fff;
    z-index: 999;
    border-bottom: .1rem solid #e5e5e5
}

.header_left, .header_right {
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 1rem;
    z-index: 1
}

.header_left {
    left: 1.5rem
}

.header_right {
    right: 1.5rem
}

.user_header .header_left .header_arrow, .user_header .header_right .header_meun {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    background-position: 0 -2.5rem
}

.user_header .header_left .header_arrow {
    background: url(../images/user_top_return_icon.png);
    background-size: 2.5rem 2.5rem
}

.user_header .header_right .header_meun {
    position: relative;
    background: url(../images/top_right_icon.png);
    background-size: 2.5rem 2.5rem
}

.fraud_tips_dialog {
    position: fixed;
    z-index: 10000;
    top: 50%;
    left: 50%;
    margin-top: -40%;
    margin-left: -40%;
    width: 80%;
    border-radius: 4px
}

.fraud_tips_dialog .fraud_hd {
    height: 44px;
    line-height: 44px;
    background: #ff6366;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
    color: #fff
}

.fraud_tips_dialog .fraud_con {
    padding: 20px;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.fraud_tips_dialog .fraud_tips_btn {
    text-align: center;
    display: block;
    color: #fff;
    margin-top: 10px;
    padding: 10px 0;
    font-size: 14px
}

.ts_3 {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.goods_nav {
    width: 50%;
    height: 0;
    border-radius: .5rem;
    position: absolute;
    background: #333;
    z-index: 10000;
    right: 0;
    top: 5.1rem;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 86% -12px;
    -ms-transform-origin: 86% -12px;
    transform-origin: 86% -12px
}

.goods_nav.active {
    height: auto;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.goods_nav_bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    display: none
}

.goods_nav_bg.active {
    display: block
}

.goods_nav_box li i {
    font-size: 1.8rem
}

.goods_nav:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-width: 6px;
    border-style: solid;
    bottom: 100%;
    right: 1.4rem;
    border-bottom-color: rgba(0, 0, 0, .9)
}

.goods_nav_box {
    font-size: 1.6rem;
    border-radius: .5rem;
    position: absolute;
    background: rgba(0, 0, 0, .9);
    right: .8rem;
    z-index: 119
}

.goods_nav li.attention, .goods_nav li.classify, .goods_nav li.home, .goods_nav li.my, .goods_nav li.record {
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: 11px 10px
}

.goods_nav li {
    position: relative;
    padding: .9rem 3rem .9rem 4rem;
    border-bottom: 1px solid rgba(100, 100, 100, .5);
    color: #fff;
    line-height: 20px;
    font-size: 14px
}

.goods_nav li.home {
    background-image: url(../images/goods_nav_home.png)
}

.goods_nav li.classify {
    background-image: url(../images/goods_nav_classify.png)
}

.goods_nav li.my {
    background-image: url(../images/goods_nav_my.png)
}

.goods_nav li.attention {
    background-image: url(../images/goods_nav_attention.png)
}

.goods_nav li.record {
    background-image: url(../images/goods_nav_record.png)
}

.footer_menu {
    width: 100%;
    padding: 20px 0
}

.about-legal {
    text-align: center;
    padding-bottom: 20px
}

.about-legal a, .about-legal span {
    color: #5f6670;
    font-size: 11px;
    line-height: 17px
}

.about-legal span {
    display: inline-block;
    padding: 0 15px;
    vertical-align: top;
    margin-top: 2px
}

.about-legal a {
    color: #5f6670;
    font-size: 13px;
    line-height: 17px
}

.footer_menu .company, .footer_menu .company_culture, .footer_menu .company_icp, .footer_menu .site, .footer_menu .site_name {
    margin-top: 2px;
    font-size: 12px;
    color: #757f89;
    text-align: center;
    line-height: 22px
}

.footer_menu .site_name {
    margin-top: 0
}

.evaluation {
    width: 100%;
    height: 4rem;
    border-bottom: .1rem solid #eee;
    background: #FFF;
    z-index: 99
}

.evaluation ul {
    width: 100%;
    height: 3.9rem
}

.evaluation ul li {
    width: 25%;
    float: left;
    height: 3.9rem;
    line-height: 3.9rem;
    padding: 0 .5rem;
    text-align: center
}

.evaluation ul li a {
    display: inline-block;
    height: 3.8rem;
    margin: auto;
    padding: 0 3px;
    font-size: 1.6rem;
    color: #666
}

.evaluation ul li a.on {
    color: #ff6366;
    border-bottom: .2rem solid #ff6366
}

.copy_code_num {
    opacity: 0;
    position: absolute;
    left: -999px
}

.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
    cursor: pointer
}

.fraud-tips-dialog {
    position: fixed;
    z-index: 10000;
    top: 50%;
    left: 50%;
    margin-top: -255px;
    margin-left: -134px;
    width: 268px;
    border-radius: 4px
}

.fraud-tips-dialog .fraud-hd {
    background-image: url(../images/fraud_hd_bg.jpg);
    background-repeat: no-repeat;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
    color: #fff;
    height: 70px;
    background-size: cover
}

.fraud-tips-dialog .fraud-con {
    background: #fff
}

.fraud-tips-dialog .fraud-con .wx_code {
    width: 60%;
    margin: 0 auto;
    padding: 8px 0
}

.fraud-tips-dialog .fraud-tips-btn {
    text-align: center;
    display: block;
    color: #fff;
    margin-top: 10px;
    padding: 10px 0;
    font-size: 14px
}

.fraud-tips-dialog .fraud-con .wx_code_info {
    text-align: center
}

.fraud-tips-dialog .fraud-con .wx_code_info img {
    width: 20px;
    margin-right: 5px
}

.fraud-tips-dialog .fraud-con .wx_code_info .btn_wrap {
    display: inline-block;
    width: 40px;
    margin-left: 5px
}

.fraud-tips-dialog .fraud-con .wx_code_info .btn_wrap > .jue_btn {
    width: 100%;
    height: 26px;
    line-height: 26px
}

.fraud-tips-dialog .fraud-con .tip_info {
    padding-top: 8px
}

.fraud-tips-dialog .fraud-footer {
    padding: 8px 25px;
    text-align: center;
    background-color: #fff;
    border-bottom-left-radius: 4px
}

.fraud-tips-dialog .fraud-footer-btn {
    height: 58px;
    line-height: 58px;
    color: #629dd5;
    display: block
}

.fraud-tips-dialog .fraud-footer > p:first-child {
    padding-top: 8px;
    padding-bottom: 5px
}

.fraud-tips-dialog .fraud-footer > p:last-child {
    color: #f74c3b
}

.fui-border-t-linght {
    border: 0;
    background-position: left top;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.5, transparent), color-stop(.5, #e8e8e8));
    background-repeat: repeat-x;
    -webkit-background-size: 100% 1px
}

.copy_wx_con {
    opacity: 0;
    position: absolute;
    left: -9999px;
    top: -9999px
}

.page_index .page_con {
    position: relative;
    top: -15px
}

.page_index .index_menu {
    position: relative;
    background: #fff;
    margin: 0 10px;
    border-radius: 5px;
    -moz-box-shadow: 0 4px 7.6px .4px #e0e3e4;
    -webkit-box-shadow: 0 4px 7.6px .4px #e0e3e4;
    box-shadow: 0 4px 7.6px .4px #e0e3e4;
    z-index: 99;
    overflow: hidden
}

.page_index .intra_nav {
    padding: 0 10px 10px
}

.page_index .intra_nav_item {
    width: 20%;
    float: left;
    margin-top: 10px;
    text-align: center
}

.page_index .intra_nav_item .item_img {
    position: relative;
    display: inline-block;
    width: 39px
}

.page_index .intra_nav_item .item_img > i.hot {
    position: absolute;
    top: -4px;
    right: -12px;
    width: 25px;
    height: 15px;
    background: url(../images/hot_icon.png) left bottom no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%
}

.page_index .intra_nav_item .item_img img {
    width: 100%
}

.page_index .intra_nav_item .item_text {
    margin-top: 5px
}

.page_index .in_banner {
    position: relative
}

.page_index .in_banner .pagination {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 5px;
    z-index: 99
}

.page_index .in_banner .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    display: inline-block;
    background: #aaa;
    margin: 0 2px;
    cursor: pointer;
    opacity: .8;
    border-radius: 8px
}

.page_index .in_banner .swiper-pagination-bullet-active {
    background: #f74b3d
}

.page_index .header {
    position: absolute;
    z-index: 1000;
    box-shadow: 0 0 0 #9edeff;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    padding-left: 98px;
    padding-right: 98px;
    height: 46px
}

.page_index .header .header_logo {
    width: 98px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.page_index .header .header_logo a {
    display: block;
    height: 100%;
    position: relative;
    padding-left: 8px;
    padding-right: 10px
}

.page_index .header .header_logo img {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 90px
}

.page_index .header .header_search {
    width: 100%;
    height: 100%
}

.page_index .header .header_search a {
    display: block;
    height: 100%;
    line-height: 46px;
    position: relative
}

.page_index .header .header_search .header_search_box {
    width: 100%;
    height: 28px;
    position: absolute;
    top: 50%;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0 5px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 15px;
    background: #fff
}

.page_index .header .header_search .header_search_box .btn_header_search {
    height: 100%;
    display: inline-block
}

.page_index .header .header_search .header_search_box .btn_header_line {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #999
}

.page_index .header .header_search .header_search_box .btn_header_search img {
    width: 14px;
    margin-left: 5px;
    margin-top: 8px;
    vertical-align: top
}

.page_index .header .header_user {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 46px
}

.page_index .header .header_user a {
    color: #333;
    display: block;
    padding: 5px 0;
    height: 100%;
    text-align: center;
    box-sizing: border-box
}

.page_index .header .header_user a img {
    display: block;
    width: 20px;
    height: 19px;
    margin: 0 auto
}

.page_index .header .header_user a span {
    display: inline-block;
    font-size: 10px;
    color: #FF4800;
    height: 9px;
    line-height: 9px
}

.page_index .header .header_user .login {
    background: rgba(255, 255, 255, 0);
    width: 100%;
    height: 100%;
    padding-top: 8px;
    text-align: center
}

.page_index .header .header_user .login img {
    width: 20px;
    height: 24px
}

.page_index .search {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    font-family: PingFangSC-Regular;
    background: #fff;
    z-index: 1001;
    overflow: scroll
}

.page_index .search-head {
    width: 100%;
    padding: 7px 0;
    border-bottom: 1px solid #F4F4F6
}

.page_index .search-head .input {
    height: 20px;
    border: 0;
    outline: 0;
    width: 78%;
    font-size: 14px;
    background: #eee
}

.page_index .back {
    float: left;
    width: 8%;
    height: 30px;
    text-align: center
}

.page_index .back img {
    margin: 8px 0;
    width: 14px
}

.page_index .search-head .search-input {
    float: left;
    width: 77%;
    background: #eee;
    padding: 5px 0;
    border-radius: 3px
}

.page_index .search-input-icon {
    width: 22px;
    padding: 0 1px 0 7px;
    vertical-align: middle
}

.page_index .search-btn {
    display: inline-block;
    float: left;
    padding: 6px 0;
    width: 13.3%;
    font-size: 14px;
    text-align: center;
    color: #333
}

.page_index .history-search {
    padding: 15px
}

.page_index .hot-search {
    padding: 0 15px 15px
}

.page_index .hot-search-head {
    width: 100%;
    padding-bottom: 15px
}

.page_index .hot-search-head h3 {
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #999
}

.page_index .hot-contents {
    font-size: 0;
    margin-bottom: 10px
}

.page_index .hot-contents span {
    display: inline-block;
    padding: 8px 14px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #333;
    background: #f2f3f6;
    border-radius: 3px
}

.page_index .games_content .hotgames_box {
    width: 25%;
    text-align: center;
    float: left;
    padding: 8px 0;
    border-top: 1px solid #EBECF0
}

.page_index .games_content .hotgames_box a {
    color: #666;
    display: block
}

.page_index .games_content .hotgames_box .hotgames_imgs {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    margin: auto
}

.page_index .games_content .hotgames_box .hotgames_imgs img {
    width: 55px;
    height: 55px;
    border-radius: 10px;
    margin: auto
}

.page_index .games_content .hotgames_box .gamenamediv {
    font-size: 12px;
    width: 80%;
    height: 20px;
    line-height: 20px;
    color: #333;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page_index .home-search {
    padding: 10px 8px;
    background: #fff
}

.page_index .home-search .search-input {
    border: 1px solid #dcdcdc;
    padding: 0 10px;
    background: #fff;
    margin-right: 10px;
    position: relative;
    height: 38px;
    line-height: 36px;
    border-radius: 3px;
    border-right: 20px
}

.page_index .home-search .jue_btn {
    width: 34.5%;
    height: 38px;
    line-height: 38px;
    padding: 0 8px;
    border-right: 20px
}

.page_index .home-search .search-input input[type=text] {
    border: none;
    width: 100%
}

.page_index .hot_goods ul li {
    height: 75px;
    font-size: .3rem;
    border-bottom: 1px solid #EBECF0;
    padding-right: 10px
}

.page_index .hot_goods .contents {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #666;
    text-indent: 10px
}

.page_index .hot_goods ul li .contents {
    display: block;
    position: relative;
    padding-left: 75px;
    padding-right: 66px;
    height: 100%;
    color: #222
}

.page_index .hot_goods ul li .contents .hot_con_left {
    width: 75px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding-top: 10px;
    box-sizing: border-box
}

.page_index .hot_goods ul li .contents .hot_con_left img {
    width: 55px;
    height: 55px;
    border-radius: 10px
}

.page_index .hot_goods ul li .contents .hot_con_center {
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    padding-top: 20px
}

.page_index .hot_goods ul li .title {
    color: #222;
    box-sizing: border-box;
    width: 100%;
    text-indent: 0;
    text-align: center;
    overflow: hidden
}

.page_index .hot_goods ul li .title span {
    width: 100%;
    height: 36px;
    line-height: 18px;
    font-size: 13px;
    text-align: left;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all
}

.page_goods_show .preview .info, .page_index .hot_content .contents, .page_index .hot_content ul li .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page_index .hot_goods ul li .price {
    width: 78px;
    position: absolute;
    right: 0;
    top: 0;
    color: #ff6366 !important;
    overflow: hidden;
    text-overflow: ellipsis
}

.page_index .hot_goods ul li .contents .hot_con_right {
    width: 66px;
    height: 100%;
    line-height: 75px;
    text-align: right
}

.page_index .hot_content {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box
}

.page_index .hot_content ul li {
    height: 44px;
    line-height: 44px;
    font-size: .3rem;
    border-bottom: 1px solid #ddd
}

.page_index .hot_content ul li .title {
    color: #333;
    font-size: 14px;
    float: left;
    width: 70%;
    font-family: sans-serif
}

.page_index .hot_content ul li .price {
    float: right;
    width: 29%;
    text-align: right;
    font-size: 14px;
    font-family: sans-serif
}

.page_index .hot_content .contents {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #666
}

.page_index .hot_content.newsnotice ul li:nth-child(1) a, .page_index .hot_content.newsnotice ul li:nth-child(2) a, .page_index .hot_content.newsnotice ul li:nth-child(3) a, .page_index .hot_content.newsnotice ul li:nth-child(4) a {
    color: #ff6366
}

.page_index .menu_title {
    position: relative;
    margin: 6px 0 3px;
    text-align: center
}

.page_index .menu_title .con {
    display: inline-block
}

.page_index .menu_title .con img {
    height: 42px
}

.page_index .menu_title .right_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 42px;
    line-height: 42px
}

.page_index .menu_title .right_box a {
    display: block;
    font-size: 8px
}

.page_index .menu_title .right_box i {
    position: relative;
    top: 1px;
    margin-left: 3px;
    color: #ff6366 !important
}

.page_goods_show {
    padding-bottom: 60px
}

.page_goods_show .header_fixed {
    top: 0
}

.page_goods_show .booth {
    width: 100%
}

.page_goods_show .booth_fix {
    position: fixed;
    top: 45px;
    z-index: 1
}

.page_goods_show .tab_title {
    background: #fff
}

.page_goods_show .tab_title ul li {
    width: 50%;
    height: 45px;
    line-height: 45px;
    border: none;
    border-bottom: 1px solid #9e9e9e
}

.page_goods_show .tab_title ul li.current {
    border-bottom: 1px solid #f74b3d
}

.page_goods_show .tab_title ul li span {
    position: relative
}

.page_goods_show .tab_title ul li i.new {
    position: absolute;
    right: -18px;
    top: -10px;
    width: 22px;
    height: 14px;
    line-height: 14px;
    background: #ff6366;
    color: #fff;
    border-radius: 20px 20px 20px 3px;
    font-size: 8px;
    font-style: normal
}

.page_goods_show .goods_info_con {
    margin-top: 10px;
    padding: 8px 10px 10px;
    background: #fff
}

.page_goods_show .goods_info_con p {
    float: left;
    width: 50%;
    line-height: 20px;
    padding: 4px 0
}

.page_goods_show .goods_info_con p:nth-child(1), .page_goods_show .goods_info_con p:nth-child(2) {
    padding-top: 0
}

.page_goods_show .goods_info_con p.fill {
    width: 100%
}

.page_goods_show .goods_info_con p.system {
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px solid #e8e8e8
}

.page_goods_show .goods_info_con p.system strong {
    position: relative;
    top: -3px;
    margin-left: 5px;
    display: inline-block;
    text-align: center;
    width: 20px
}

.page_goods_show .goods_info_con p.depict {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e8e8e8
}

.page_goods_show .goods_info_con p.w49 {
    width: 49%
}

.page_goods_show .goods_info_con p.w51 {
    width: 51%
}

.page_goods_show .goods_info_con p span:first-child {
    display: inline-block;
    width: 65px;
    margin-right: 3px;
    text-align-last: justify;
    -moz-text-align-last: justify;
    color: #999
}

.page_goods_show .list-item {
    position: relative;
    display: block;
    padding: 1.2rem 1rem;
    line-height: 2rem;
    color: #999
}

.page_goods_show .product-item {
    padding-bottom: 0
}

.page_goods_show .product-item:after {
    position: absolute;
    bottom: 0;
    content: "";
    border-bottom: 0 solid #e8e8e8;
    right: 1rem;
    left: 1rem
}

.page_goods_show .product-item .info {
    overflow: hidden;
    font-size: 1.3rem
}

.page_goods_show .product-item .thumb {
    float: left;
    width: 8rem;
    height: 8rem;
    margin-right: 1rem
}

.page_goods_show .product-item .title {
    font-size: 1.6rem;
    color: #000
}

.page_goods_show .product-item .server {
    float: right
}

.page_goods_show .product-item .server .icon {
    display: inline-block;
    margin-left: .5rem;
    position: relative;
    top: .2rem;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.6rem
}

.page_goods_show .product-item .price {
    font-size: 1.6rem;
    font-weight: 700;
    color: #f94647
}

.page_goods_show .info_it {
    margin-bottom: .5rem
}

.page_goods_show .info_it.light_depict {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.page_goods_show .goods_detail .title {
    padding: 1rem 0;
    text-align: center;
    font-weight: 400;
    border-bottom: 1px solid #f6f6f9
}

.page_goods_show .goods_detail .con img {
    width: 100%
}

.page_goods_show .user_header .header_right .header_meun {
    background: url(../images/top_right_icon.png);
    background-size: 2.5rem 2.5rem
}

.page_goods_show .askprice_footbar {
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .08);
    height: 64px;
    padding: 10px 10px 10px 6px;
    background: #fff;
    color: #5f6670;
    z-index: 999
}

.page_goods_show .btn_group .btn {
    float: left;
    display: block;
    width: 31%;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    background: #ff6366;
    border-radius: 2px;
    text-align: center;
    color: #fff
}

.page_goods_show .btn_group .btn.btn_buy {
    background: #23ac38
}
.btn_chat{
    margin-right: 3%;
}
.page_goods_show .btn_group .btn.btn_chat {
    background: #5599FF
}
.page_goods_show .btn_group .btn.btn_bargain{
    margin-right: 3%
}

.page_goods_show .btn_group .left_box {
    width: 210px
}

.page_goods_show .btn_group .left_box .icon_btn {
    width: 43px;
    float: left;
    padding-top: 28px;
    text-align: center;
    background-position: 50% 5px;
    background-repeat: no-repeat;
    background-size: 24px auto;
    font-size: 12px
}

.page_goods_show .btn_group .left_box .icon_service {
    background-image: url(../images/service.png)
}

.page_goods_show .btn_group .left_box .icon_collect {
    background-image: url(../images/collect.png)
}

.page_goods_show .btn_group .left_box .icon_collect.active {
    background-image: url(../images/collect_ac.png);
    color: #ff6366
}

.page_goods_show .btn_group .left_box .icon_buy {
    background-image: url(../images/buy.png)
}

.page_goods_show .propmt_info {
    font-size: 12px;
    color: #919191
}

.page_goods_show h4.process_title {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: 48px;
    color: #000;
    font-size: 15px
}

.page_goods_show h4.process_title i.icon {
    position: absolute;
    top: 8px;
    left: -3px;
    display: inline-block;
    width: 30px;
    height: 30px
}

.page_goods_show h4.deal_title i.icon {
    background: url(../images/icon_deal.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_goods_show h4.promise_title i.icon {
    background: url(../images/icon_promise.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_goods_show h4.issue_title i.icon {
    background: url(../images/icon_issue.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_goods_show .process {
    padding-left: 10px
}

.page_goods_show .process h5.title {
    font-size: 14px;
    padding-left: 20px;
    margin-bottom: 2px;
    position: relative;
    font-weight: 700
}

.page_goods_show .process h5.title > i.icon {
    position: absolute;
    width: 17px;
    height: 25px;
    line-height: 19px;
    left: -7px;
    background: url(../images/buddle.png) no-repeat;
    background-size: 100% auto;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    text-align: center
}

.page_goods_show .process .con {
    position: relative;
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: #1b1b1b;
    padding-left: 20px;
    padding-bottom: 5px;
    word-break: break-all
}

.page_goods_show .process .con:before {
    content: "";
    display: block;
    position: absolute;
    left: .16rem;
    height: 100%;
    border-left: 1px dashed #ff5a37
}

.page_goods_show .process .con.no_border:before {
    border-color: #fff
}

.page_goods_show .agent_notice_item {
    position: relative;
    margin-bottom: 6px;
    padding-left: 18px;
    line-height: 22px;
    font-size: 14px;
    color: #1b1b1b
}

.page_goods_show .agent_notice_item i {
    position: absolute;
    top: 8px;
    left: 6px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #1b1b1b
}

.page_goods_show .hot_content {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box
}

.page_goods_show .issue_item {
    padding-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #ccc
}

.page_goods_show .issue_title {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #ff6366
}

.page_goods_show .issue_con {
    position: relative;
    margin-top: 6px;
    padding-left: 10px;
    line-height: 22px;
    font-size: 14px;
    color: #1b1b1b
}

.page_goods_show .issue_title .icon_sanjiao {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -4px;
    right: 0
}

.page_goods_show .issue_title .icon_sanjiao:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 9px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #757575;
    border-bottom: 1px solid #757575;
    border-radius: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.page_goods_show .issue_title .active.icon_sanjiao:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 12px
}

.page_goods_show .issue_con a {
    color: #f95d34;
    font-size: 13px;
    display: inline-block;
    text-decoration: underline
}

.page_goods_show .equip_box {
    background: #4f3d32;
    font-size: 10px
}

.page_goods_show .equip_itme {
    position: relative;
    float: left;
    width: 33.33%;
    min-height: 298px;
    padding-top: 10px;
    border-bottom: 3px solid #47352b;
    border-right: 3px solid #47352b
}

.page_goods_show .equip_itme .number {
    position: absolute;
    top: 52%;
    right: 10px;
    font-size: 16px;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 100%;
    background: #fff
}

.page_goods_show .preview {
    padding: 0 10px
}

.page_goods_show .preview .ico {
    width: 30px;
    height: 30px;
    float: left;
    border: 1px solid #d1d1d1;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.page_goods_show .preview .info {
    padding-left: 10px;
    line-height: 1.2;
    -o-text-overflow: ellipsis
}

.page_goods_show .preview .desc {
    line-height: 14px;
    margin-top: 1px;
    color: #fcf31c
}

.page_goods_show .preview .name {
    color: #6ddcf6
}

.page_goods_show .equip_desc {
    padding: 0 5px;
    color: #ece1d1
}

.page_goods_show .equip_desc h5 {
    font-size: 10px;
    font-weight: 400;
    height: 14px;
    line-height: 14px
}

.page_goods_show .equip_desc .yellow {
    color: #fcf31c
}

.page_goods_show .equip_desc p {
    margin-left: 1em;
    height: 14px;
    line-height: 14px
}

.page_goods_show .equip_desc .green {
    color: #51e414
}

.page_goods_show .equip_desc .blue {
    color: #6ddcf6
}

.page_goods_show .equip_desc .c_red {
    color: #f70b0f
}

.page_goods_show .dark_blue {
    color: #3758ff
}

.page_goods_show .list_left {
    min-width: 135px;
    width: 36%;
    padding-left: 5px
}

.page_goods_show .normal_list li, .page_goods_show .quali_list li {
    float: left;
    min-width: 50%;
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    text-overflow: ellipsis
}

.page_goods_show .pet_box {
    position: relative
}

.page_goods_show .pet_box .number {
    position: absolute;
    bottom: -8px;
    right: 10px;
    font-size: 12px;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 100%;
    background: #47352b;
    color: #fff
}

.page_goods_show .list_item .thumb {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px
}

.page_goods_show .list_item .info .name {
    font-size: 16px;
    color: #333;
    font-weight: 700
}

.page_goods_show .list_item .info .con {
    font-size: 14px;
    color: #999
}

.page_goods_show .internal_list, .page_goods_show .quali_list {
    font-size: 12px
}

.page_goods_show .quali_list li {
    padding-right: .25rem;
    margin-top: .25rem
}

.page_goods_show .quali_list .txt {
    color: #666
}

.page_goods_show .c-percent {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 70px;
    height: 14px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background: #a9907b;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.page_goods_show .c-percent i {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #58ba77
}

.page_goods_show .c-percent .ptxt {
    position: relative;
    font-size: 12px
}

.page_goods_show .list_center {
    width: 35%;
    padding: 0 2px 0 5px
}

.page_goods_show .skill_list li {
    float: left;
    width: 25%;
    margin: 6px 0 5px;
    padding: 0 2px;
    text-align: center
}

.page_goods_show .skill_list li img {
    width: 100%
}

.page_goods_show .list_right {
    width: 29%;
    padding-right: 5px
}

.page_goods_show .internal_list li {
    float: left;
    width: 33.33%;
    margin: .5rem 0 .25rem;
    text-align: center
}

.page_goods_show .internal_list .ico {
    width: 100%;
    height: auto
}

.page_goods_show .internal_list .txt {
    display: block;
    margin-top: .25rem;
    padding: 0 2px;
    line-height: 1.3;
    color: #666
}

.page_goods_show .icons_list ul {
    margin-left: 10px
}

.page_goods_show .icons_list li {
    float: left;
    width: 25%;
    margin-bottom: 10px;
    padding-right: 20px
}

.page_goods_show .normal_list {
    padding: 0 10px
}

.page_goods_show .normal_list li {
    padding-right: 5px;
    margin: 0 0 10px
}

.page_goods_show .normal_list li .ico {
    width: 50px;
    height: 50px;
    margin-right: 2px
}

.page_goods_show .variate li {
    min-width: 45%;
    background: #f1e1ca;
    color: #6c300c
}

.page_goods_show .variate li:nth-child(2n) {
    margin-left: 5%
}

.page_goods_show .variate li .val {
    float: right;
    position: relative;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 16px;
    text-align: center
}

.page_goods_show .variate li .val::before {
    content: "";
    position: absolute;
    left: -5px;
    height: 50px;
    border-left: 1px solid #e5d0b6
}

.page_goods_show .cult li span {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    color: #6c300c
}

.page_goods_show .cult li .gray {
    margin-right: 5px;
    padding: 0 5px;
    background: #f1e1ca;
    border-radius: 4px
}

.page_goods_show .footbar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 50
}

.page_goods_show .footbar_rest {
    height: 50px
}

.page_goods_show .trade_info {
    border-radius: 3px;
    border: 1px solid #faebcc;
    text-align: center;
    color: #8a6d3b;
    line-height: 1.3;
    padding: 10px 0;
    background-color: #fcf8e3;
    margin: 0
}

.page_goods_show .later_nav {
    position: fixed;
    right: 0;
    bottom: 25%;
    z-index: 1
}

.page_goods_show .later_nav .go_return, .page_goods_show .later_nav .go_top {
    position: relative;
    height: 36px;
    margin-top: 8px;
    border-radius: 3px 0 0 3px;
    overflow: hidden
}

.page_goods_show .later_nav .nav_btn {
    width: 45px;
    height: 36px;
    overflow: hidden;
    border-radius: 3px 0 0 3px;
    background: url(../images/nav_btn.png) center no-repeat;
    background-size: 70%;
    background-color: rgba(0, 0, 0, .7)
}

.page_goods_show .later_nav .go_top {
    width: 45px;
    background: url(../images/go_top.png) center no-repeat;
    background-size: auto 40%;
    background-color: rgba(0, 0, 0, .7)
}

.page_goods_show .later_nav .go_return {
    width: 36px;
    background: url(../images/go_return.png) center no-repeat;
    background-size: 40%;
    background-color: rgba(0, 0, 0, .7)
}

.page_goods_show .later_nav .nav_con_wrap {
    position: fixed;
    top: 0
}

.page_goods_show .later_nav .nav_con_wrap .nav_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
    cursor: pointer
}

.page_goods_show .later_nav .nav_con_wrap .nav_con {
    position: fixed;
    top: 50%;
    right: 0;
    width: 280px;
    z-index: 10000;
    padding-bottom: 10px;
    border-radius: 3px 0 0 3px
}

.page_goods_show .later_nav .nav_con_wrap .nav_con ul > li {
    float: left;
    width: 25%;
    text-align: center;
    margin-top: 10px
}

.page_goods_show .later_nav .nav_con_wrap .nav_con ul > li img {
    width: 30px
}

.page_goods_show .later_nav .nav_con_wrap .nav_con ul > li p {
    margin-top: 5px;
    color: grey;
    font-size: 13px
}

.page_goods_show .later_nav .nav_con_wrap .nav_con .close_nva {
    position: absolute;
    left: -35px;
    top: 60px;
    width: 35px;
    height: 30px;
    overflow: hidden;
    border-radius: 3px 0 0 3px;
    background: url(../images/close_nva.png) center no-repeat;
    background-size: 80%;
    background-color: rgba(0, 0, 0, .7)
}

.page_goods_show .des_box .btn {
    position: relative;
    height: 38px;
    line-height: 38px;
    padding-left: 35px;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 500;
    text-align: center
}

.page_goods_show .des_box .btn a > i.icon {
    position: absolute;
    left: 11px;
    top: 9px;
    display: block;
    width: 18px;
    height: 18px
}

.page_goods_show .des_box .btn a > i.icon.stages {
    background: url(../images/icon_good_stages.png) no-repeat;
    background-size: 100%
}

.page_goods_show .des_box .btn a > i.icon.guaran {
    background: url(../images/icon_good_guaran.png) no-repeat;
    background-size: 100%
}

.page_goods_show .des_box .btn a > i.icon.leve {
    background: url(../images/icon_good_leve.png) no-repeat;
    background-size: 100%
}

.page_goods_show .des_box .btn a > i.icon.recharge {
    background: url(../images/icon_good_recharge.png) no-repeat;
    background-size: 100%
}

.page_goods_show .des_box .btn span {
    float: right;
    margin-right: 12px;
    font-size: 12px
}

.page_goods_show .des_box .btn span > i.icon {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 2px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.page_goods_show .des_box.des_pink_box .btn {
    background: #FFF2F2
}

.page_goods_show .des_box.des_pink_box .btn a {
    color: #FF6366
}

.page_goods_show .des_box.des_pink_box .btn span > i.icon {
    border: 1px solid #FF6366;
    border-left: none;
    border-bottom: none
}

.page_goods_show .des_box.des_green_box .btn {
    background: #E3FFEA
}

.page_goods_show .des_box.des_green_box .btn a {
    color: #1CC446
}

.page_goods_show .des_box.des_green_box .btn span > i.icon {
    border: 1px solid #1CC446;
    border-left: none;
    border-bottom: none
}

.page_goods_show .des_box.des_green_box .btn:nth-of-type(2), .page_goods_show .des_box.des_pink_box .btn:nth-of-type(2) {
    margin-left: 5px
}

.page_goods_show .price_spec {
    position: relative;
    padding-bottom: 5px;
    background: #ff6366;
    background: -webkit-linear-gradient(left, #FF6366, #E0445A);
    background: linear-gradient(90deg, #FF6366, #E0445A)
}

.page_goods_show .price_spec .price {
    margin: 0 10px;
    font-size: 12px;
    color: #fff
}

.page_goods_show .price_spec .price em {
    font-style: normal;
    font-size: 24px
}

.page_goods_show .price_spec .msg {
    margin: 0 10px
}

.page_goods_show .price_spec .msg .type_seckill {
    position: relative;
    top: 3px;
    display: inline-block;
    height: 18px;
    line-height: 17px;
    padding-left: 22px;
    padding-right: 5px;
    font-size: 11px;
    border-radius: 15px;
    border: 1px solid #fff;
    color: #fff;
    overflow: hidden
}

.page_goods_show .price_spec .msg .type_seckill > i {
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/download.png) center no-repeat #fff;
    background-size: 70%
}

.page_goods_show .price_spec .msg .old_price {
    color: #fff;
    text-decoration: line-through
}

.page_goods_show .countdown {
    position: absolute;
    top: 0;
    right: 0;
    width: 130px;
    height: 100%;
    padding: 0 10px;
    background: #FCE9EB;
    text-align: center;
    color: #E0445A;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.page_goods_show .countdown .pour_time {
    margin-top: 2px;
    text-align: center
}

.page_goods_show .countdown .pour_time span {
    display: inline-block;
    width: 21px;
    padding: 4px 0;
    color: #fff;
    background: #E0445A;
    border-radius: 4px;
    text-align: center
}

.page_goods_show .active_wrap {
    overflow: scroll
}

.page_goods_show .active_wrap .list-item {
    position: relative;
    display: block;
    margin-top: 10px;
    padding: .5rem 1rem;
    line-height: 2rem;
    color: #999
}

.page_goods_show .active_wrap .product-item:after {
    position: absolute;
    bottom: 0;
    content: "";
    border-bottom: 0 solid #e8e8e8;
    right: 1rem;
    left: 1rem
}

.page_goods_show .active_wrap .product-item .info {
    overflow: hidden;
    font-size: 1.3rem
}

.page_goods_show .active_wrap .product-item .info_server {
    margin-bottom: 0;
    padding-top: 2px;
    border-top: 1px solid #e8e8e8
}

.page_goods_show .active_wrap .product-item .info h4.title {
    margin-bottom: 5px;
    font-size: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #333;
    font-weight: 400
}

.page_goods_show .active_wrap .product-item .thumb_box {
    float: left;
    width: 11rem;
    margin-right: 1rem
}

.page_goods_show .active_wrap .product-item .thumb {
    width: 100%;
    /*height: auto*/
}

.page_goods_show .active_wrap .product-item .thumb_box .btn_box {
    float: left;
    width: 100%;
    margin: 5px 0
}

.page_goods_show .active_wrap .product-item .thumb_box .jue_btn {
    height: 29px;
    line-height: 27px;
    padding: 0 8px;
    background-color: #ff7300;
    border: .1rem solid #ff7300
}

.page_goods_show .active_wrap .product-item .server {
    float: right
}

.page_goods_show .active_wrap .product-item .server .icon {
    display: inline-block;
    margin-left: .5rem;
    position: relative;
    top: .2rem;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.6rem
}

.page_goods_show .active_wrap .product-item .server .icon.icon-ios {
    background-image: url(../images/pro_ser_icon1.png)
}

.page_goods_show .active_wrap .product-item .server .icon.icon-android {
    background-image: url(../images/pro_ser_icon2.png)
}

.page_goods_show .active_wrap .info_it {
    margin-bottom: .5rem;
    color: #999
}

.page_goods_show .active_wrap .price_box {
    position: relative;
    margin-top: 6px
}

.page_goods_show .active_wrap .price_box .price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #f94647
}

.page_goods_show .active_wrap .price_box .old_price {
    color: #999;
    text-decoration: line-through
}

.page_goods_show .active_wrap .product-item .title {
    color: #999;
    font-size: 1.3rem
}

.page_goods_show .active_wrap .time_box {
    border-top: 1px dashed #e8e8e8;
    padding-top: 5px
}

.page_goods_show .active_wrap .time_box .fl {
    margin-top: 4px;
    color: #333
}

.page_goods_show .active_wrap .pour_time {
    text-align: center
}

.page_goods_show .active_wrap .pour_time span {
    display: inline-block;
    width: 21px;
    padding: 4px 0;
    color: #fff;
    background: #ff7300;
    border-radius: 4px;
    text-align: center
}

.page_goods_show .custom_wrap {
    overflow: scroll
}

.page_goods_show .custom_wrap .custom_item {
    position: relative;
    margin-top: 10px;
    padding: 10px 5px 0;
    background: #fff
}

.page_goods_show .custom_wrap .custom_item .head_box .left_img > img {
    width: 55px
}

.page_goods_show .custom_wrap .custom_item .head_box .price {
    margin-top: 2px;
    margin-left: 5px;
    font-weight: 600;
    color: #ff6366;
    font-size: 16px
}

.page_goods_show .custom_wrap .custom_item .head_box .price > strong {
    margin-left: 5px;
    font-weight: 400;
    font-size: 10px
}

.page_goods_show .custom_wrap .custom_item .head_box .number_box {
    margin-left: 10px;
    margin-top: 8px;
    color: #999;
    font-size: 10px
}

.page_goods_show .custom_wrap .custom_item .title {
    margin-top: 5px
}

.page_goods_show .custom_wrap .custom_item .title span {
    color: #999
}

.page_goods_show .custom_wrap .custom_item .oper_box {
    margin-top: 5px;
    padding: 5px 0;
    border-top: 1px solid #e8e8e8;
    font-size: 10px
}

.page_goods_show .custom_wrap .oper_box .item_center {
    text-align: center
}

.page_goods_show .custom_wrap .oper_box .item_right {
    text-align: right
}

.page_goods_show .custom_wrap .oper_box .btn {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 28px;
    line-height: 26px;
    border-radius: 15px;
    border: 1px solid #eee;
    background: #fff;
    text-align: center
}

.page_goods_show .custom_wrap .oper_box .box_flex .btn > i.icon {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    background-repeat: no-repeat;
    background-size: 100%
}

.page_goods_show .custom_wrap .oper_box .box_flex .btn.btn_collect > i.icon {
    background-image: url(../images/collect.png)
}

.page_goods_show .custom_wrap .oper_box .box_flex .btn.btn_collect.active > i.icon {
    background-image: url(../images/collect_ac.png)
}

.page_goods_show .custom_wrap .oper_box .box_flex .btn.btn_like > i.icon {
    background-image: url(../images/icon_like.png)
}

.page_goods_show .custom_wrap .oper_box .box_flex .btn.btn_like.active > i.icon {
    background-image: url(../images/icon_like_ac.png)
}

.page_goods_show .custom_wrap .oper_box .box_flex .btn.btn_recom > i.icon {
    background-image: url(../images/icon_recom.png)
}

.page_goods_show .custom_wrap .oper_box .box_flex .btn.btn_look > i.icon {
    background-image: url(../images/icon_look.png)
}

.page_custom_show .custom .oper_box .box_flex .btn > i.icon {
    background-image: url(../images/icon_look.png)
}

.page_goods_show .custom_wrap .stick {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 26px;
    color: #fff;
    text-align: center;
    background: #ff6366
}

.page_goods_show .custom_wrap .stick i.icon {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 24px;
    height: 10px;
    background: url(../images/stick_trian.png) no-repeat;
    background-size: 100%
}

.page_goods_index {
    overflow-x: hidden
}

.page_goods_index .head_box {
    position: fixed;
    width: 100%;
    z-index: 9
}

.page_goods_index .search_box {
    padding: 5px 10px
}

.page_goods_index .detail_seek {
    position: relative;
    top: -1px
}

.page_goods_index .detail_seek input[type=text] {
    border: none;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    background: #f3f3f3
}

.page_goods_index .detail_header .right_box .jue_btn {
    height: 30px;
    line-height: 30px;
    padding: 0 5px
}

.page_goods_index .user_header .header_right .header_meun {
    background: url(../images/top_right_icon.png);
    background-size: 2.5rem 2.5rem
}

.page_goods_index .filter_nav {
    background: #fff;
    border-top: 1px #bfbfbf solid;
    border-bottom: 1px solid #e8e8e8
}

.page_goods_index .filter_nav li {
    height: 45px;
    line-height: 45px;
    width: 25%;
    float: left;
    text-align: center
}

.page_goods_index .filter_nav li a {
    display: block;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap
}

.page_goods_index .sort_navbar {
    border-top: 1px solid #e8e8e8;
    background: #fff
}

.page_goods_index .sort_navbar .item {
    text-align: center;
    height: 38px;
    line-height: 38px
}

.page_goods_index .sort_navbar .item.active > a {
    color: #ff6366
}

.page_goods_index .sort_navbar a.price .icon {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin-left: 4px;
    background: url(../images/icon_price_sort.png) no-repeat;
    background-size: 8px
}

.page_goods_index .sort_navbar a.price .icon.normal {
    background-position: 0 -15px
}

.page_goods_index .sort_navbar a.price .icon.high {
    background-position: 0 -32px
}

.page_goods_index .sort_navbar a.price .icon.low {
    background-position: 0 1px
}

.page_goods_index .filter-content {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 98;
    overflow: scroll
}

.page_goods_index .g_type_con {
    height: 320px
}

.page_goods_index .ng-hide {
    height: 0 !important
}

.page_goods_index .filter-wrap {
    position: relative
}

.page_goods_index .filter_content_bg {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 90
}

.page_goods_index .screen_pup {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: hidden
}

.page_goods_index .screen_pup .user_header {
    position: fixed
}

.page_goods_index .sec_menu {
    position: absolute;
    width: 100%;
    height: 100%
}

.page_goods_index .filter-tab-wrap {
    position: absolute;
    left: 0;
    width: 90px;
    height: 100%;
    padding-bottom: 16px;
    overflow-y: scroll;
    z-index: 99;
    /*border-right: 1px solid #e5e5e5*/
}

.page_goods_index .filter-tab-nav li {
    height: 44px;
    line-height: 44px;
    text-align: center
}

.page_goods_index .filter-tab-nav li.active {
    background: #f5f5f5;
    color: #ff6366
}

.page_goods_index .filter-search-wrap {
    margin-left: 10px;
    margin-top: 10px
}

.page_goods_index .filter-no-search-wrap {
    margin-left: 15px
}

.page_goods_index .platform_list_serve {
    height: 100%
}

.page_goods_index .filter-search {
    margin: 0 15px 16px 0;
    padding: 7px 10px 8px 35px;
    background: #f8f8f8;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative
}

.page_goods_index .filter-search i {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -10px
}

.page_goods_index .filter-search input {
    vertical-align: middle;
    border: none;
    font-size: 100%;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    background: #f8f8f8;
    width: 100%
}

.page_goods_index .filter-tab-panel li {
    width: 33%;
    float: left;
    position: relative
}

.page_goods_index .filter-tab-panel a, .page_goods_index .filter-tab-panel span {
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0 15px 10px 0;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #f5f5f5;
    background: #f5f5f5
}

.page_goods_index .filter-tab-panel a.active, .page_goods_index .filter-tab-panel span.active {
    background: #fff;
    border: 1px solid #ff6366;
    color: #ff6366;
    overflow: hidden
}

.page_goods_index .filter-tab-panel a.active > i, .page_goods_index .filter-tab-panel span.active > i {
    position: absolute;
    top: 0;
    right: 15px;
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid #ff6366;
    border-left: 20px solid transparent
}

.page_goods_index .filter-tab-panel-col1 li {
    width: 100%
}

.page_goods_index .option_box {
    position: relative
}

.page_goods_index .option_wrap a {
    height: 36px;
    line-height: 36px;
    margin: 0 15px 0 10px;
    padding: 0 15px;
    display: block;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
    color: #ff6366
}

.page_goods_index .option_box span {
    margin-right: 0;
    position: relative
}

.page_goods_index .option_box span.active + i {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid #ff6366;
    border-left: 20px solid transparent;
    color: #ff6366
}

.page_goods_index .filter-tab-panel-col3 li {
    width: 33.33%
}

.page_goods_index .filter-tab-panel-col3 .option_box {
    margin-right: 15px
}

.page_goods_index .screen_wrap {
    position: absolute;
    width: 100%;
    height: 100%
}

.page_goods_index .screen_con {
    height: 100%;
    margin-left: 15px;
    padding: 44px 0
}

.page_goods_index .title_genre {
    height: 35px;
    line-height: 35px
}

.page_goods_index .cont_panel {
    height: 38px;
    line-height: 38px
}

.page_goods_index .cont_panel .right_box {
    margin: 0 15px 0 10px
}

.page_goods_index .screen_con .input {
    border-radius: 3px;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    border: 1px solid #e5e5e5
}

.page_goods_index .screen_footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 44px;
    z-index: 1000
}

.page_goods_index .screen_footer .btn {
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: none
}

.page_goods_index .screen_footer .btn.btn_set {
    border: none;
    background: #fff;
    border-top: 1px solid #f5f5f5
}

.page_goods_index .screen_footer .btn.btn_set:active {
    background: #f5f5f5
}

.page_goods_index .screen_footer .btn.btn_fin {
    border-top: 1px solid #ff6366;
    background: #ff6366;
    color: #fff
}

.page_goods_index .screen_footer .btn.btn_fin:hover {
    background: #f99092
}

.page_goods_index .ques {
    border-bottom: 1px solid #e5e5e5
}

.page_goods_index .ques .issue {
    color: #ff6366
}

.page_goods_index .explain {
    line-height: 22px;
    color: #ff6366
}

.page_goods_index .sw_pup .fraud_con {
    height: 280px
}

.page_goods_index .sw_pup .ques {
    padding-bottom: 30px;
    margin-bottom: 30px
}

.page_goods_index .list-block .list-item.product-item, .page_goods_index .product-item {
    position: relative;
    display: block;
    padding: 1.2rem 1rem;
    line-height: 2rem;
    color: #999
}

.page_goods_index .product-item:after {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    border-bottom: .1rem solid #c9e2f5
}

.page_goods_index .product-item .info {
    overflow: hidden;
    font-size: 1.3rem
}

.page_goods_index .product-item .thumb {
    float: left;
    width: 8rem;
    height: 8rem;
    margin-right: 1rem
}

.page_goods_index .product-item .title {
    font-size: 1.6rem;
    color: #000
}

.page_goods_index .product-item a:visited .title {
    color: #999
}

.page_goods_index .product-item .server {
    float: right
}

.page_goods_index .product-item .server .icon {
    display: inline-block;
    margin-left: .5rem;
    position: relative;
    top: .2rem;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.6rem
}

.page_goods_index .product-item .server .icon.icon-ios {
    background-image: url(../images/pro_ser_icon1.png)
}

.page_goods_index .product-item .server .icon.icon-android {
    background-image: url(../images/pro_ser_icon2.png)
}

.page_goods_index .product-item .price {
    float: right;
    font-size: 1.6rem;
    font-weight: 700;
    color: #f94647
}

.page_goods_index .info_it {
    margin-bottom: .5rem;
    color: #999
}

.page_goods_index .product_wrap {
    overflow-x: hidden;
    overflow-y: scroll
}

.page_goods_index .later_nav {
    position: fixed;
    right: 0;
    bottom: 15%;
    z-index: 1
}

.page_goods_index .later_nav .go_return, .page_goods_index .later_nav .go_top {
    position: relative;
    height: 36px;
    margin-top: 8px;
    border-radius: 3px 0 0 3px;
    overflow: hidden
}

.page_goods_index .later_nav .nav_btn {
    width: 45px;
    height: 36px;
    margin-top: 8px;
    overflow: hidden;
    border-radius: 3px 0 0 3px;
    background: url(../images/nav_btn.png) center no-repeat;
    background-size: 70%;
    background-color: rgba(0, 0, 0, .7)
}

.page_goods_index .later_nav .go_top {
    width: 45px;
    background: url(../images/go_top.png) center no-repeat;
    background-size: 40%;
    background-color: rgba(0, 0, 0, .7)
}

.page_goods_index .later_nav .go_return {
    background: url(../images/go_return.png) center no-repeat;
    background-size: 40%;
    background-color: rgba(0, 0, 0, .7)
}

.page_goods_index .later_nav .nav_con_wrap {
    position: fixed;
    top: 0
}

.page_goods_index .later_nav .nav_con_wrap .nav_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
    cursor: pointer
}

.page_goods_index .later_nav .nav_con_wrap .nav_con {
    position: fixed;
    top: 50%;
    right: 0;
    width: 280px;
    z-index: 10000;
    padding-bottom: 10px;
    border-radius: 3px 0 0 3px
}

.page_goods_index .later_nav .nav_con_wrap .nav_con ul > li {
    float: left;
    width: 25%;
    text-align: center;
    margin-top: 10px
}

.page_goods_index .later_nav .nav_con_wrap .nav_con ul > li img {
    width: 30px
}

.page_goods_index .later_nav .nav_con_wrap .nav_con ul > li p {
    margin-top: 5px;
    color: grey;
    font-size: 13px
}

.page_goods_index .later_nav .nav_con_wrap .nav_con .close_nva {
    position: absolute;
    left: -35px;
    top: 60px;
    width: 35px;
    height: 30px;
    overflow: hidden;
    border-radius: 3px 0 0 3px;
    background: url(../images/close_nva.png) center no-repeat;
    background-size: 80%;
    background-color: rgba(0, 0, 0, .7)
}

.page_goods_index .goods_list .goods_item {
    position: relative;
    margin: 0 10px;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.page_goods_index .goods_list .goods_item:last-child {
    border: none
}

.page_goods_index .goods_list .goods_item a:visited h4 {
    color: #999
}

.page_goods_index .goods_list .goods_title {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.page_goods_index .goods_list .arg {
    margin-bottom: 3px;
    color: #999
}

.page_goods_index .goods_list .arg .arg_itme {
    padding: 0 10px;
    font-size: 12px;
    border-right: 1px solid #e8e8e8
}

.page_goods_index .goods_list .arg .arg_itme:first-child {
    padding-left: 0
}

.page_goods_index .goods_list .arg .arg_itme:last-child {
    border: none
}

.page_goods_index .goods_list .price {
    margin-left: -3px;
    font-size: 16px;
    color: #DE421B
}

.page_goods_index .goods_list .time .icon_name{
    display: inline-block;
    height: 18px;
    line-height: 18px;
    border-radius: 2px;
    padding: 0 3px;
    color: #fff;
}

.page_goods_index .goods_list .time{
    margin-top: 3px;
    color: #999;
    font-size: 12px
}

.page_goods_index .goods_list .goods_title .active {
    padding: 0 5px;
    height: 20px;
    line-height: 19px;
    color: #fff;
    display: inline-block;
    background-image: linear-gradient(120deg, #e62129, #fd5d5f);
    border-radius: 15px;
    font-size: 13px
}

@-webkit-keyframes rotate {
    0%, 100% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    0%, 100% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    0%, 100% {
        -o-transform: rotate(0)
    }
    100% {
        -o-transform: rotate(360deg)
    }
}

@-ms-keyframes rotate {
    0%, 100% {
        -ms-transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg)
    }
}

@keyframes rotate {
    0%, 100% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.rotate_icon {
    -moz-animation: rotate 2.5s linear infinite;
    -webkit-animation: rotate 2.5s linear infinite;
    -o-animation: rotate 2.5s linear infinite;
    -ms-animation: rotate 2.5s linear infinite;
    animation: rotate 2.5s linear infinite
}

.juesi-infinite-scroll {
    padding: 12px 10px;
    text-align: center
}

.juesi-infinite-scroll .infinite-preloader {
    display: inline-block;
    margin-right: 4px;
    vertical-align: -4px;
    width: 20px;
    height: 20px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.juesi-infinite-scroll .infinite-preloader:after {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%
}

.page_goods_add .form_control {
    line-height: 43px;
    background: #fff;
    font-size: 14px;
    overflow: hidden;
    border-top: 1px solid #dcdcdc
}

.page_goods_add .form_control > .content {
    display: block;
    height: 100%;
    padding-left: 102px;
    padding-right: 10px
}

.page_goods_add .form_control > .label {
    margin-left: 10px;
    width: 80px;
    box-sizing: border-box;
    display: block;
    float: left
}

.page_goods_add .form_control .juesi_textarea {
    text-align: right;
    padding-top: 13px
}

.page_goods_add .filter-tab-panel {
    padding-top: 10px;
    padding-left: 10px;
    border-top: 1px solid #dcdcdc
}

.page_goods_add .filter-tab-panel li {
    width: 50%;
    float: left;
    position: relative
}

.page_goods_add .filter-tab-panel a, .page_goods_add .filter-tab-panel span {
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0 15px 10px 0;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #f5f5f5;
    background: #f5f5f5
}

.page_goods_add .filter-tab-panel a.active, .page_goods_add .filter-tab-panel span.active {
    background: #fff;
    border: 1px solid #ff6366;
    color: #ff6366;
    overflow: hidden
}

.page_goods_add .filter-tab-panel a.active > i, .page_goods_add .filter-tab-panel span.active > i {
    position: absolute;
    top: 0;
    right: 15px;
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid #ff6366;
    border-left: 20px solid transparent
}

.page_goods_add .filter-tab-panel-col1 li {
    width: 100%
}

.page_goods_add .filter-tab-panel-col1 span {
    margin-right: 0;
    text-align: left;
    text-indent: 10px
}

.page_goods_add .option_wrap a {
    height: 36px;
    line-height: 36px;
    margin: 0 10px;
    padding: 0 8px;
    display: block;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
    color: #ff6366
}

.page_goods_add .screen_pup {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: scroll
}

.page_goods_add .screen_pup .user_header {
    position: fixed
}

.page_goods_add .input_wrap {
    border-top: 1px solid #dcdcdc
}

.page_goods_add .input_wrap .input_name, .page_goods_add .input_wrap .input_value {
    height: 48px;
    line-height: 48px
}

.page_goods_add .input_name {
    display: block;
    margin: 0 10px;
    width: 80px
}

.page_goods_add .input_value {
    margin-right: 10px;
    text-align: right;
    border: 0
}

.page_goods_add .juesi_textarea {
    width: 100%;
    padding: 5px 0 0 10px;
    border: none;
    font-size: 14px;
    resize: none
}

.page_goods_add .beauty_menu {
    position: relative;
    text-align: right
}

.page_goods_add .beauty_menu .arrow {
    position: absolute;
    right: 3px;
    display: block;
    width: 15px;
    height: 100%
}

.page_goods_add .beauty_menu .option_txt {
    padding-right: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.page_goods_add .beauty_menu .option_txt.light {
    padding-right: 22px;
    color: #999ca3
}

.page_goods_add .select_control .select_con {
    display: none
}

.page_goods_add .select_control.current .select_con {
    display: block
}

.page_goods_add .arrows:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    height: 10px;
    width: 10px;
    border-width: .15rem .15rem 0 0;
    border-color: #888;
    border-style: solid;
    position: relative;
    top: -3px;
    margin-left: .3rem
}

.page_goods_add .select_control.current .arrows:after {
    -webkit-transform: rotate(-45deg);
    top: 4px
}

.page_goods_add .filter-search {
    margin: 10px 15px 16px 10px;
    padding: 7px 10px 8px 35px;
    background: #f8f8f8;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative
}

.page_goods_add .filter-search i {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -10px
}

.page_goods_add .filter-search input {
    vertical-align: middle;
    border: none;
    font-size: 100%;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    background: #f8f8f8;
    width: 100%
}

.page_goods_add .filter-search-wrap .filter-tab-panel {
    border: none;
    padding-top: 0
}

.page_goods_add .detail_img_list li {
    width: 80px;
    height: 80px;
    text-align: center;
    margin: 0 8px 20px 0;
    position: relative;
    display: inline;
    float: left;
    overflow: hidden;
    font-size: 12px
}

.page_goods_add .detail_img_list li p.title {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    top: 5px;
    text-indent: 5px;
    text-align: left
}

.page_goods_add .detail_img_list li p.imgWrap {
    position: relative;
    z-index: 2;
    line-height: 110px;
    vertical-align: middle;
    overflow: hidden;
    width: 80px;
    height: 80px
}

.page_goods_add .detail_img_list li p.imgWrap > img {
    width: 100%;
    height: 100%
}

.page_goods_add .detail_img_list div.file-panel {
    position: absolute;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000') \9;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 300
}

.page_goods_add .detail_img_list div.file-panel span {
    width: 24px;
    height: 24px;
    display: inline;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/uploader_btn.png) -48px 0 no-repeat;
    margin: 5px 1px 1px;
    cursor: pointer
}

.page_game_index .search_box {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 5px 10px;
    z-index: 98;
    border-bottom: 1px solid #dcdcdc
}

.page_game_index .detail_seek {
    position: relative;
    top: -1px
}

.page_game_index .detail_seek input[type=text] {
    border: none;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    background: #f3f3f3
}

.page_game_index .detail_header .right_box .jue_btn {
    height: 30px;
    line-height: 30px;
    padding: 0 5px
}

.page_game_index .search_box .detail_seek {
    padding-left: 25px
}

.page_game_index .search_box .arrows {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    display: block;
    z-index: 100
}

.page_game_index .search_box .arrows:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    height: 12px;
    width: 12px;
    border-width: .15rem .15rem 0 0;
    border-color: #888;
    border-style: solid;
    position: relative;
    top: 12px;
    margin-left: 1.3rem
}

.page_game_index .gamelist {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 40px
}

.page_game_index .gamelist_letters {
    width: 54px;
    overflow: scroll
}

.page_game_index .gamelist_letters .letters_item {
    height: 40px;
    line-height: 40px;
    text-align: center
}

.page_game_index .gamelist_letters .letters_item.active {
    background: #fff
}

.page_game_index .lettershow {
    overflow: scroll
}

.page_game_index .gameitem {
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #F2F3F6;
    box-sizing: border-box;
    height: 6rem;
    margin-left: 1rem
}

.page_game_index .gameitem_img {
    padding: 1.4rem 1rem 1.4rem 4.2rem;
    height: 3.2rem;
    position: relative
}

.page_game_index .gameitem_img img {
    display: block;
    width: 3.8rem;
    height: 3.8rem;
    position: absolute;
    top: 1.1rem;
    left: 0;
    border-radius: .8rem
}

.page_game_index .gameitem_img p {
    height: 3.2rem;
    line-height: 3.2rem;
    width: 100%;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: .6rem
}

.page_game_index .gameitem:after {
    content: " ";
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 8px;
    width: 8px;
    border-width: .15rem .15rem 0 0;
    border-color: #888;
    border-style: solid
}

.games_type {
    height: 5.2rem;
    line-height: 5.2rem;
    border-bottom: 1px solid #EEE;
    text-align: center;
    position: relative
}

.games_type_p {
    font-size: 16px
}

.comeshow li {
    float: left;
    width: 33%;
    text-align: center;
    height: 10.8rem;
    padding-top: 2rem;
    box-sizing: border-box
}

.type_pic, .type_pic > img {
    width: 4.4rem;
    height: 4.4rem
}

.comeshow a {
    color: #000;
    text-decoration: none;
    display: block
}

.type_pic {
    margin: 0 auto;
    background-repeat: no-repeat
}

.type_pic > img {
    border-radius: .8rem
}

.comeshow li .type_name {
    display: block;
    font-size: 14px;
    text-align: center;
    margin-top: .3rem
}

.page_sellinfo .form_control {
    line-height: 43px;
    background: #fff;
    font-size: 14px;
    overflow: hidden;
    border-top: 1px solid #dcdcdc
}

.page_sellinfo .form_control > .content {
    display: block;
    height: 100%;
    padding-left: 102px;
    padding-right: 10px
}

.page_sellinfo .form_control > .label {
    margin-left: 10px;
    width: 80px;
    box-sizing: border-box;
    display: block;
    float: left
}

.page_sellinfo .beauty_menu {
    position: relative;
    text-align: right
}

.page_sellinfo .beauty_menu .arrow {
    position: absolute;
    right: 2px;
    display: block;
    width: 15px;
    height: 100%
}

.page_sellinfo .beauty_menu .option_txt {
    padding-right: 22px
}

.page_sellinfo .beauty_menu .option_txt.light {
    padding-right: 22px;
    color: #999ca3
}

.page_sellinfo .arrows:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    height: 10px;
    width: 10px;
    border-width: .15rem .15rem 0 0;
    border-color: #888;
    border-style: solid;
    position: relative;
    top: -3px;
    margin-left: .3rem
}

.page_sellinfo .select_control.current .arrows:after {
    -webkit-transform: rotate(-45deg);
    top: 4px
}

.page_sellinfo .screen_pup {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: scroll
}

.page_sellinfo .screen_pup .user_header {
    position: fixed
}

.page_sellinfo .filter-tab-panel {
    padding: 10px 0 0 10px
}

.page_sellinfo .filter-tab-panel li {
    width: 50%;
    float: left;
    position: relative
}

.page_sellinfo .filter-tab-panel a, .page_sellinfo .filter-tab-panel span {
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0 15px 10px 0;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #f5f5f5;
    background: #f5f5f5
}

.page_sellinfo .filter-tab-panel a.active, .page_sellinfo .filter-tab-panel span.active {
    background: #fff;
    border: 1px solid #ff6366;
    color: #ff6366;
    overflow: hidden
}

.page_sellinfo .filter-tab-panel a.active > i, .page_sellinfo .filter-tab-panel span.active > i {
    position: absolute;
    top: 0;
    right: 15px;
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid #ff6366;
    border-left: 20px solid transparent
}

.page_sellinfo .submit_box {
    width: 42%;
    margin: 20px auto 0
}

.page_sy1 .col_box {
    padding: 0 15px 15px
}

.page_sy1 .sub_title {
    position: relative;
    margin-bottom: 15px;
    height: 48px;
    line-height: 48px;
    padding-left: 40px;
    font-size: 16px;
    border-bottom: 1px solid #F2F3F6
}

.page_sy1 .sub_title > i {
    position: absolute;
    top: 12px;
    left: 0;
    width: 24px;
    height: 24px
}

.page_sy1 .buy_btn {
    padding: 0 0 10px
}

.page_sy1 .two_btn .btn_box {
    float: left;
    width: 50%
}

.page_sy1 .two_btn .btn_box:first-child {
    padding-right: 5px
}

.page_sy1 .two_btn .btn_box:last-child {
    padding-left: 5px
}

.page_sy1 .buy_serve {
    margin: 15px 0 5px;
    text-align: center;
    color: #999
}

.page_sy1 .buy_serve span {
    margin-left: 15px;
    padding-left: 20px;
    background-image: url(../images/buy_check.png);
    background-position: 0 1px;
    background-repeat: no-repeat;
    background-size: 16px auto
}

.page_sy1 .menu_buy .state {
    font-size: 13px;
    color: #777
}

.page_sy1 .sub_title_1 > i {
    background: url(../images/buy_check.png) no-repeat;
    background-size: 100% 100%
}

.page_sy1 .charge_box .subhead {
    position: relative;
    margin: 7px 0 5px;
    padding-left: 12px;
    font-size: 14px
}

.page_sell_notice .agent_notice_con, .page_sell_notice .two_btn {
    margin-top: 10px
}

.page_sy1 .charge_box .subhead > i {
    position: absolute;
    top: 7px;
    left: 2px;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #ff6366
}

.page_sy1 .norm_table .table_con td, .page_sy1 .norm_table .table_con th {
    padding: 4px 0;
    border: 1px solid #d3d3d3;
    text-align: center;
    font-size: 13px
}

.page_sy1 .norm_table .table_con td {
    font-size: 12px
}

.page_sy1 .agent_process h5.title {
    font-size: 14px;
    font-weight: 500;
    padding-left: 20px;
    margin-bottom: 2px;
    position: relative;
    color: #333
}

.page_sy1 .agent_process h5.title > i.icon {
    position: absolute;
    width: 17px;
    height: 25px;
    line-height: 19px;
    left: -7px;
    background: url(../images/buddle.png);
    background-size: 100% auto;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    text-align: center
}

.page_sy1 .agent_process .con {
    position: relative;
    display: block;
    line-height: 24px;
    font-size: 12px;
    color: #777;
    padding-left: 20px;
    padding-bottom: 5px;
    word-break: break-all
}

.page_sy1 .agent_process .con:before {
    content: "";
    display: block;
    position: absolute;
    left: .16rem;
    height: 100%;
    border-left: 1px dashed #ff5a37
}

.page_sy1 .agent_process .con.no_border:before {
    border-color: #fff
}

.page_sy1 .issue_list {
    font-size: 12px
}

.page_sy1 .issue_list li {
    position: relative;
    height: 30px;
    line-height: 30px
}

.page_sy1 .issue_list li:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 9px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #757575;
    border-bottom: 1px solid #757575;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.page_sy1 .issue_list li a {
    display: block;
    color: #ff6366
}

.page_sell_notice .sub_title {
    position: relative;
    padding-left: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8
}

.page_sell_notice .sub_title > span {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 3px;
    height: 20px;
    background: #ff6366
}

.page_sell_notice .agent_notice_item {
    position: relative;
    margin-bottom: 6px;
    padding-left: 18px;
    line-height: 20px;
    font-size: 12px;
    color: #666
}

.page_sell_notice .agent_notice_item i {
    position: absolute;
    top: 8px;
    left: 6px;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #ff5a37
}

.page_sell_notice .menu_buy {
    padding: 10px
}

.page_sell_notice .two_btn .btn_box {
    float: left;
    width: 50%
}

.page_sell_notice .two_btn .btn_box:first-child {
    padding-right: 5px
}

.page_sell_notice .two_btn .btn_box:last-child {
    padding-left: 5px
}

.page_sell_notice .buy_serve {
    margin: 15px 0 5px;
    text-align: center;
    color: #999
}

.page_sell_notice .buy_serve span {
    margin-left: 15px;
    padding-left: 20px;
    background-image: url(../images/buy_check.png);
    background-position: 0 1px;
    background-repeat: no-repeat;
    background-size: 16px auto
}

.page_sell_notice .menu_buy .state {
    font-size: 13px;
    color: #777
}

.page_sell_notice .three_title {
    position: relative;
    margin-bottom: 6px;
    padding-left: 18px;
    font-weight: 400
}

.page_sell_notice .three_title i {
    color: #FF6366;
    font-style: normal
}

.page_sell_notice .subhead {
    position: relative;
    margin: 7px 0 5px;
    padding-left: 12px;
    font-size: 14px
}

.page_sell_notice .subhead > i {
    position: absolute;
    top: 7px;
    left: 2px;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #ff6366
}

.page_sell_notice .agent_rates_box .table_con td, .page_sell_notice .agent_rates_box .table_con th {
    padding: 4px 0;
    border: 1px solid #d3d3d3;
    text-align: center;
    font-size: 13px
}

.page_sell_notice .agent_rates_box .table_con td {
    font-size: 12px
}

.page_sell_notice .acc_type .three_title {
    padding-left: 5px
}

.page_contact .contact_item .p10_0 {
    padding: 10px 0
}

.page_contact .contact_item .m0_10 {
    margin: 0 10px
}

.page_contact .contact_item .border_b {
    border-bottom: 1px solid #c7c7c7
}

.page_contact .contact_item .border_b_da {
    border-bottom: 1px dashed #c7c7c7
}

.page_contact .contact_item .border_t_da {
    border-top: 1px dashed #c7c7c7
}

.page_contact .contact_item {
    margin: 10px;
    padding: 0 10px
}

.page_contact .contact_head {
    position: relative;
    padding-left: 32px;
    line-height: 40px;
    font-weight: 700;
    font-size: 15px;
    border-bottom: 1px solid #c7c7c7
}

.page_contact .contact_head > i {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/icon_wx.png) no-repeat;
    background-size: 100%
}

.page_contact .contact_head > i.time {
    background: url(../images/contact_time.png) no-repeat;
    background-size: 100%
}

.page_contact .contact_head > i.phone {
    background: url(../images/contact_phone.png) no-repeat;
    background-size: 100%
}

.page_contact .contact_con p {
    color: #8b8b8b;
    line-height: 22px
}

.page_contact .contact_con p > i {
    position: relative;
    top: -2px;
    margin-right: 3px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #8b8b8b
}

.page_contact .contact_con p.high {
    color: #333
}

.page_contact .contact_con p.high > i {
    background: #333
}

.page_contact .wx_item {
    float: left;
    width: 50%;
    margin-bottom: 0;
    line-height: 34px
}

.page_contact .wx_item button {
    position: relative;
    display: block;
    width: 100%;
    border: none;
    background: #fff;
    text-align: left;
    height: 32px;
    padding-right: 10px
}

.page_contact .wx_item span.wx_num {
    float: right;
    margin-top: 2px;
    padding-right: 32px
}

.page_contact .wx_item span.btn {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 28px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    border-radius: 2px 40% 40% 2px;
    background: #ff6269;
    font-size: 10px
}

.page_contact .wx_item:nth-child(2n) button {
    padding-right: 0;
    padding-left: 0
}

.page_contact .wx_item:nth-child(2n) span.btn {
    right: 0
}

.page_contact .contact_item .copy_wx_con {
    position: absolute;
    top: 0;
    left: -999px;
    z-index: -99
}

.page_artical .articleDetail {
    margin-top: 2px;
    background: #fff
}

.page_artical .articleDetail_top {
    padding: 10px;
    text-align: center
}

.page_artical .articleDetail_title {
    line-height: 30px;
    text-align: center;
    color: #333;
    font-size: 17px;
    font-weight: 700
}

.page_artical .articleDetail_time {
    line-height: 22px;
    text-align: center;
    color: #959595
}

.page_artical .articleDetail_con {
    padding: 10px;
    line-height: 24px;
    font-size: 14px;
    color: #333
}

.page_assure .col_box {
    padding-top: 0
}

.page_assure h4.process_title {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: 40px;
    color: #000;
    font-size: 15px
}

.page_assure h4.process_title i.icon {
    position: absolute;
    top: 5px;
    left: -3px;
    display: inline-block;
    width: 30px;
    height: 30px
}

.page_assure h4.deal_title i.icon {
    background: url(../images/icon_deal.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_assure h4.notice_title i.icon {
    background: url(../images/icon_stages_notice.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_assure h4.issue_title i.icon {
    background: url(../images/icon_issue.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_assure h4.papers_title i.icon {
    background: url(../images/icon_assure_papers.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_assure h4.assure_det_title i.icon {
    background: url(../images/icon_assure_det.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_assure .agent_notice_item {
    position: relative;
    margin-bottom: 6px;
    padding-left: 18px;
    line-height: 22px;
    font-size: 14px;
    color: #1b1b1b
}

.page_assure .agent_notice_item i {
    position: absolute;
    top: 8px;
    left: 6px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #ff5a37
}

.page_assure .agent_notice_item.ord_item {
    padding-left: 5px
}

.page_assure .hot_content {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box
}

.page_assure .issue_item {
    padding-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #ccc
}

.page_assure .issue_title {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #ff6366
}

.page_assure .issue_con {
    position: relative;
    margin-top: 6px;
    padding-left: 10px;
    line-height: 22px;
    font-size: 14px;
    color: #1b1b1b
}

.page_assure .issue_title .icon_sanjiao {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -4px;
    right: 0
}

.page_assure .issue_title .icon_sanjiao:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 9px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #757575;
    border-bottom: 1px solid #757575;
    border-radius: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.page_assure .issue_title .active.icon_sanjiao:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 12px
}

.page_assure .issue_con a {
    color: #f95d34;
    font-size: 13px;
    display: inline-block;
    text-decoration: underline
}

.page_assure .pagin_tab span, .page_assure ul.tab_col li {
    float: left;
    display: inline;
    width: 50%;
    height: 45px;
    line-height: 45px;
    font-weight: 700;
    text-align: center
}

.page_assure ul.tab_col li {
    border: none;
    border-bottom: 1px solid #9e9e9e
}

.page_assure ul.tab_col li.current {
    border-bottom: 2px solid #f74b3d
}

.page_assure .c_pri {
    color: #1b1b1b
}

.page_assure .assure_table th {
    padding: 7px 5px;
    border: 1px solid #ccc
}

.page_assure .assure_table tr:first-child th {
    font-size: 13px;
    color: #333
}

.page_assure .assure_table td {
    padding: 8px 3px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 12px
}

.page_assure .notice_box {
    border-bottom: .2rem solid #d9d9d9;
    padding-bottom: 15px
}

.page_assure .item_det_box {
    margin-top: 20px;
    border-top: .2rem solid #d9d9d9;
    border-bottom: .2rem solid #d9d9d9
}

.page_assure .jue_cell {
    padding-left: 10px
}

.page_assure .jue_cells_access:before {
    border-top: none
}

.page_assure .jue_cells_access .jue_cell_bd {
    color: #ff6366
}

.page_assure .in_banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0
}

.page_assure .pagin_tab span {
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    background: #fff;
    opacity: 1;
    font-size: 15px
}

.page_assure .pagin_tab span.swiper-pagination-bullet-active {
    border-bottom: 2px solid #f74b3d
}

.page_assure .papers_box {
    position: relative;
    margin-top: 20px
}

.page_assure .papers_box:after {
    content: "";
    position: absolute;
    left: -10%;
    top: -10px;
    width: 120%;
    height: 10px;
    background: #f7f7f7
}

.layer_head {
    top: 0;
    width: 100%;
    height: 40px;
    background: #fff
}

.close_arrows {
    float: right;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #a4a4a4
}

.page_assure_det .col_box {
    padding-top: 0
}

.page_assure_det h4.process_title {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: 40px;
    color: #000;
    font-size: 15px
}

.page_assure_det h4.process_title i.icon {
    position: absolute;
    top: 5px;
    left: -3px;
    display: inline-block;
    width: 30px;
    height: 30px
}

.page_assure_det h4.deal_title i.icon {
    background: url(../images/icon_deal.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_assure_det h4.ask_title i.icon {
    background: url(../images/icon_stages_ask.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_assure_det h4.way_title i.icon {
    background: url(../images/icon_stages_way.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_assure_det h4.overdue_title i.icon {
    background: url(../images/icon_stages_overdue.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_assure_det h4.notice_title i.icon {
    background: url(../images/icon_stages_notice.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_assure_det .agent_notice_item {
    position: relative;
    margin-bottom: 6px;
    padding-left: 18px;
    line-height: 22px;
    font-size: 14px;
    color: #1b1b1b
}

.page_assure_det .agent_notice_item i {
    position: absolute;
    top: 8px;
    left: 6px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #ff5a37
}

.page_assure_det .agent_notice_item.ord_item {
    padding-left: 5px
}

.page_assure_det .con_itme {
    padding-bottom: 10px;
    margin-bottom: 10px
}

.page_assure_det .border_b {
    border-bottom: .1rem solid #d9d9d9
}

.page_assure_det .info_logo {
    text-align: center;
    padding: 25px 0
}

.page_assure_det .info_logo img {
    width: 45%
}

.page_assure_det .info_title {
    font-size: 18px;
    color: #e9523e;
    font-weight: 400;
    padding: 5px 0 10px;
    text-align: center
}

.page_stages_shop .col_box {
    padding-top: 0
}

.page_stages_shop h4.process_title {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: 40px;
    color: #000;
    font-size: 15px
}

.page_stages_shop h4.process_title i.icon {
    position: absolute;
    top: 5px;
    left: -3px;
    display: inline-block;
    width: 30px;
    height: 30px
}

.page_stages_shop h4.deal_title i.icon {
    background: url(../images/icon_deal.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_stages_shop h4.ask_title i.icon {
    background: url(../images/icon_stages_ask.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_stages_shop h4.way_title i.icon {
    background: url(../images/icon_stages_way.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_stages_shop h4.overdue_title i.icon {
    background: url(../images/icon_stages_overdue.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_stages_shop h4.notice_title i.icon {
    background: url(../images/icon_stages_notice.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_stages_shop h4.issue_title i.icon {
    background: url(../images/icon_issue.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_stages_shop .agent_notice_item {
    position: relative;
    margin-bottom: 6px;
    padding-left: 18px;
    line-height: 22px;
    font-size: 14px;
    color: #1b1b1b
}

.page_stages_shop .agent_notice_item i {
    position: absolute;
    top: 8px;
    left: 6px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #1b1b1b
}

.page_stages_shop .hot_content {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box
}

.page_stages_shop .issue_item {
    padding-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #ccc
}

.page_stages_shop .issue_title {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #ff6366
}

.page_stages_shop .issue_con {
    position: relative;
    margin-top: 6px;
    padding-left: 10px;
    line-height: 22px;
    font-size: 14px;
    color: #1b1b1b
}

.page_stages_shop .issue_title .icon_sanjiao {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -4px;
    right: 0
}

.page_stages_shop .issue_title .icon_sanjiao:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 9px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #757575;
    border-bottom: 1px solid #757575;
    border-radius: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.page_stages_shop .issue_title .active.icon_sanjiao:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 12px
}

.page_stages_shop .issue_con a {
    color: #f95d34;
    font-size: 13px;
    display: inline-block;
    text-decoration: underline
}

.page_game_play .col_box {
    padding-top: 0
}

.page_game_play h4.process_title {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: 40px;
    color: #000;
    font-size: 15px
}

.page_game_play h4.process_title i.icon {
    position: absolute;
    top: 5px;
    left: -3px;
    display: inline-block;
    width: 30px;
    height: 30px
}

.page_game_play h4.deal_title i.icon {
    background: url(../images/icon_deal.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_game_play h4.about_title i.icon {
    background: url(../images/icon_game_about.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_game_play h4.contact_head i.icon {
    background: url(../images/icon_wx.png) no-repeat;
    background-size: 100%
}

.page_game_play h4.bus_title i.icon {
    background: url(../images/icon_game_bus.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_game_play h4.notice_title i.icon {
    background: url(../images/icon_game_notice.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_game_play .agent_notice_item {
    position: relative;
    margin-bottom: 6px;
    padding-left: 18px;
    line-height: 22px;
    font-size: 14px
}

.page_game_play .agent_notice_item i {
    position: absolute;
    top: 8px;
    left: 6px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #1b1b1b
}

.page_game_play .agent_notice_item p {
    color: #1b1b1b
}

.page_game_play .agent_notice_item p.minor {
    color: #8b8b8b
}

.page_game_play .agent_notice_item p.minor + i {
    background: #8b8b8b
}

.page_game_play .package_def {
    padding-top: 10px;
    border-top: .1rem solid #d9d9d9
}

.page_game_play .wx_item {
    float: left;
    width: 50%;
    margin-bottom: 0;
    line-height: 34px
}

.page_game_play .wx_item button {
    position: relative;
    display: block;
    width: 100%;
    border: none;
    background: #fff;
    text-align: left;
    height: 32px;
    padding-right: 10px
}

.page_game_play .wx_item span.wx_num {
    float: right;
    margin-top: 2px;
    padding-right: 32px
}

.page_game_play .wx_item span.btn {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 28px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    border-radius: 2px 40% 40% 2px;
    background: #ff6269;
    font-size: 10px
}

.page_game_play .wx_item:nth-child(2n) button {
    padding-right: 0;
    padding-left: 10px
}

.page_game_play .wx_item:nth-child(2n) span.btn {
    right: 0
}

.page_recharge .col_box {
    padding-top: 0
}

.page_recharge h4.process_title {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: 40px;
    color: #000;
    font-size: 15px
}

.page_recharge h4.process_title i.icon {
    position: absolute;
    top: 5px;
    left: -3px;
    display: inline-block;
    width: 30px;
    height: 30px
}

.page_recharge h4.deal_title i.icon {
    background: url(../images/icon_deal.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_recharge h4.overdue_title i.icon {
    background: url(../images/icon_stages_overdue.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_recharge h4.contact_head i.icon {
    background: url(../images/icon_wx.png) no-repeat;
    background-size: 100%
}

.page_recharge h4.about_title i.icon {
    background: url(../images/icon_game_about.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_recharge h4.flow_title i.icon {
    background: url(../images/icon_game_flow.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_recharge .agent_notice_item {
    position: relative;
    margin-bottom: 6px;
    padding-left: 18px;
    line-height: 22px;
    font-size: 14px
}

.page_recharge .agent_notice_item i {
    position: absolute;
    top: 8px;
    left: 6px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #1b1b1b
}

.page_recharge .agent_notice_item p {
    color: #1b1b1b
}

.page_recharge .agent_notice_item p.minor {
    color: #8b8b8b
}

.page_recharge .agent_notice_item p.minor + i {
    background: #8b8b8b
}

.page_recharge .agent_notice_item.ord_item {
    padding-left: 5px
}

.page_recharge .notice_cond {
    padding-top: 10px;
    border-top: .1rem solid #d9d9d9
}

.page_recharge .wx_item {
    float: left;
    width: 50%;
    margin-bottom: 0;
    line-height: 34px
}

.page_recharge .wx_item button {
    position: relative;
    display: block;
    width: 100%;
    border: none;
    background: #fff;
    text-align: left;
    height: 32px;
    padding-right: 10px
}

.page_recharge .wx_item span.wx_num {
    float: right;
    margin-top: 2px;
    padding-right: 32px
}

.page_recharge .wx_item span.btn {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 28px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    border-radius: 2px 40% 40% 2px;
    background: #ff6269;
    font-size: 10px
}

.page_recharge .face_box .face, .page_recharge .face_box .price {
    text-align: justify;
    display: inline-block;
    text-align-last: justify
}

.page_recharge .wx_item:nth-child(2n) button {
    padding-right: 0;
    padding-left: 10px
}

.page_recharge .wx_item:nth-child(2n) span.btn {
    right: 0
}

.page_recharge .service_box .agent_notice_item i {
    background: #8b8b8b
}

.page_recharge .face_box .face {
    width: 130px;
    margin-right: 2px;
    text-justify: inter-ideograph
}

.page_recharge .face_box .price {
    width: 30px;
    text-justify: inter-ideograph
}

.page_account .m10 {
    margin: 10px
}

.page_account .pt0 {
    padding-top: 0
}

.page_account .account_wx > .item {
    position: relative;
    float: left;
    width: 50%;
    margin-top: 12px
}

.page_account .account_wx > .item.left_item .refer_num {
    right: 5px
}

.page_account .account_wx > .item.head_item {
    width: 100%
}

.page_account .account_wx span {
    vertical-align: middle
}

.page_account .account_wx > .item > img {
    width: 20px
}

.page_account .account_alipay .item {
    width: 100%
}

.page_account .account_bank .item button, .page_account .account_wx > .item button {
    display: inline-block;
    border: none;
    background: #fff;
    text-align: left
}

.page_account .account_wx > .item span.wx_num {
    float: right;
    margin-top: 2px;
    padding-right: 32px
}

.page_account .account_wx > .item span.btn {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 28px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    border-radius: 2px 40% 40% 2px;
    background: #ff6269;
    font-size: 10px
}

.page_account .account_wx > .item:nth-child(2n) button {
    padding-right: 0;
    padding-left: 0
}

.page_account .account_wx > .item:nth-child(2n) span.btn {
    right: 0
}

.page_account .refer_num {
    position: absolute;
    top: 5px;
    right: 1px;
    font-size: 12px
}

.page_account .account_alipay .refer_num {
    position: relative;
    top: 0;
    right: 0;
    margin-left: 3px
}

.page_account .account_bank {
    border-bottom: 1px solid #e6e5e5
}

.page_account .account_bank > .item {
    margin: 0 10px;
    padding: 10px 0;
    border-bottom: 1px solid #e6e5e5
}

.page_account .account_bank > .item:last-child {
    border: none
}

.page_account .account_bank > .item .left_con {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.page_account .account_bank > .item img {
    width: 40px
}

.page_account .account_bank > .item .right_con {
    position: relative;
    margin-left: 10px
}

.page_account .account_bank > .item .right_con p {
    position: relative
}

.page_account .title_item {
    padding-left: 18px
}

.page_account .column_title {
    vertical-align: middle;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #e6e5e5
}

.page_account .column_title > span {
    margin-left: 2px;
    vertical-align: middle
}

.page_account h4.sub_title {
    position: relative;
    padding: 10px 0 11px;
    font-size: 20px
}

.page_account h4.sub_title span {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 35px;
    height: 4px;
    background: #ff6366
}

.page_account .home-search {
    padding: 10px 8px;
    background: #fff
}

.page_account .home-search .search-input {
    border: 1px solid #dcdcdc;
    padding: 0 10px;
    background: #fff;
    margin-right: 10px;
    position: relative;
    height: 38px;
    line-height: 36px;
    border-radius: 20px
}

.page_account .home-search .jue_btn {
    width: 34.5%;
    height: 38px;
    line-height: 38px;
    padding: 0 8px;
    border-radius: 20px
}

.page_account .home-search .search-input input[type=text] {
    border: none;
    width: 100%
}

.page_account h4.process_title {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: 40px;
    color: #000;
    font-size: 15px
}

.page_account h4.process_title i.icon {
    position: absolute;
    top: 5px;
    left: -3px;
    display: inline-block;
    width: 30px;
    height: 30px
}

.page_account h4.ask_title i.icon {
    background: url(../images/icon_stages_ask.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_account h4.way_title i.icon {
    background: url(../images/icon_stages_way.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_account h4.overdue_title i.icon {
    background: url(../images/icon_stages_overdue.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_account h4.notice_title i.icon {
    background: url(../images/icon_stages_notice.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_account h4.issue_title i.icon {
    background: url(../images/icon_issue.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_account .agent_notice_item {
    position: relative;
    margin-bottom: 6px;
    padding-left: 18px;
    line-height: 22px;
    font-size: 14px;
    color: #1b1b1b
}

.page_account .agent_notice_item i {
    position: absolute;
    top: 8px;
    left: 6px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #1b1b1b
}

.page_agent .col_box {
    padding-top: 0
}

.page_agent h4.process_title {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: 40px;
    color: #000;
    font-size: 15px
}

.page_agent h4.process_title i.icon {
    position: absolute;
    top: 5px;
    left: -3px;
    display: inline-block;
    width: 30px;
    height: 30px
}

.page_agent h4.deal_title i.icon {
    background: url(../images/icon_deal.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_agent h4.charge_title i.icon {
    background: url(../images/icon_charge.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_agent h4.about_title i.icon {
    background: url(../images/icon_game_about.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_agent h4.flow_title i.icon {
    background: url(../images/icon_game_flow.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_agent h4.issue_title i.icon {
    background: url(../images/icon_issue.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_agent .agent_notice_item {
    position: relative;
    margin-bottom: 6px;
    padding-left: 18px;
    line-height: 22px;
    font-size: 14px;
    color: #1b1b1b
}

.page_agent .agent_notice_item i {
    position: absolute;
    top: 8px;
    left: 6px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #1b1b1b
}

.page_agent .hot_content {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box
}

.page_agent .issue_item {
    padding-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #ccc
}

.page_agent .issue_title {
    position: relative;
    padding-right: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #ff6366
}

.page_agent .issue_con {
    position: relative;
    margin-top: 6px;
    padding-left: 10px;
    line-height: 22px;
    font-size: 14px;
    color: #1b1b1b
}

.page_agent .issue_title .icon_sanjiao {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -4px;
    right: 0
}

.page_agent .issue_title .icon_sanjiao:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 9px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #757575;
    border-bottom: 1px solid #757575;
    border-radius: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.page_agent .issue_title .active.icon_sanjiao:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 12px
}

.page_agent .issue_con a {
    color: #f95d34;
    font-size: 14px;
    display: inline-block;
    text-decoration: underline
}

.page_agent .assure_table th {
    padding: 7px 5px;
    border: 1px solid #ccc
}

.page_agent .assure_table tr:first-child th {
    font-size: 13px;
    color: #333
}

.page_agent .assure_table td {
    padding: 8px 3px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 12px
}

.page_active .col_box {
    padding-top: 0
}

.page_active h4.process_title {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: 40px;
    color: #000;
    font-size: 15px
}

.page_active h4.process_title i.icon {
    position: absolute;
    top: 5px;
    left: -3px;
    display: inline-block;
    width: 30px;
    height: 30px
}

.page_active h4.about_title i.icon {
    background: url(../images/icon_game_about.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_active h4.active_title i.icon {
    background: url(../images/icon_stages_active.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.page_active .c_pri {
    color: #1b1b1b
}

.page_active .c_tint {
    color: #8b8b8b
}

.page_active .hint_box {
    padding-top: 5px;
    border-top: .1rem solid #e8e8e8
}

.page_user .personal_head > img {
    border-radius: 100%;
    vertical-align: top
}

.page_user .head_info {
    display: inline-block;
    margin: 13px 0 0 15px
}

.page_user .head_info .platform {
    font-size: 12px;
    line-height: 12px;
    margin-top: 6px
}

.page_user .head_info .platform a {
    color: #f03f3f
}

.page_user .user_header {
    background: #fff
}

.page_user .user_header .header_left .header_arrow {
    background: url(../images/user_top_return_icon.png)
}

.page_user .user_header .header_right .header_meun {
    background: url(../images/top_right_icon.png)
}

.page_user .user_header .header_left .header_arrow, .page_user .user_header .header_right .header_meun {
    background-size: 25px 25px
}

.page_user .user_header_title {
    color: #333
}

.page_user .personal_head {
    padding: 20px 0 20px 20px;
    background: #f74b3d
}

.page_user .head_info .nickname, .page_user .head_info .platform {
    color: #fff
}

.page_user .business-box {
    margin-top: 10px;
    background: #fff
}

.page_user .business-box > ul:nth-child(1) {
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

.page_user .business-box > ul:nth-child(1) li {
    float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    text-align: center;
    box-sizing: border-box
}

.page_user .business-box > ul:nth-child(1) li.ac {
    border-bottom: 3px solid #f74b3d
}

.page_user .business-box > div {
    padding: 15px
}

.page_user .business-box > div ul li {
    float: left;
    width: 25%;
    margin-bottom: 14px
}

.page_user .business-box > div ul li img {
    display: block;
    width: 44.5px;
    height: 44.5px;
    margin: 0 auto
}

.page_user .business-box > div ul li p {
    width: auto;
    margin: 8px auto 0;
    font-size: 14px;
    color: #656565;
    text-align: center
}

.page_user .business-box .buyerbargain-count {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #DF4000;
    letter-spacing: -.48px;
    line-height: 18px
}

.page_user .my_header_wrap {
    background-color: #fff
}

.page_user .my_header_wrap .my_heade {
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    font-size: 12px;
    color: #fff;
    background: -webkit-linear-gradient(left, #eb3c3c, #ff7459);
    background: linear-gradient(90deg, #eb3c3c, #ff7459);
    box-shadow: 0 2px 5px rgba(255, 98, 98, .4)
}

.page_user .my_header_wrap .my_header_main {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 25px 15px
}

.page_user .my_header_wrap .my_header_avatar {
    position: relative;
    margin-right: 10px;
    width: 60px;
    height: 60px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 60px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15)
}

.page_user .my_header_wrap .my_header_avatar_img {
    overflow: hidden;
    border-radius: 60px;
    padding-top: 100%
}

.page_user .my_header_wrap .my_header_avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 60px
}

.page_user .my_header_wrap .my_header_msg {
    font-size: 14px;
    color: #fff
}

.page_user .my_header_wrap .my_header_msg .my_header_pin > a {
    color: #fff
}

.page_user .my_header_wrap .my_header_settings {
    position: absolute;
    top: 12px;
    right: 15px;
    padding-left: 18px;
    color: rgba(76, 0, 0, .7);
    background: url(../images/download.png) 0 no-repeat;
    background-size: 13px
}

.page_user .my_section {
    position: relative
}

.page_user .my_lnks {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: #fff
}

.page_user .my_lnks .my_lnks_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 11px 0 12px;
    text-align: center;
    font-size: 12px;
    color: #666
}

.page_user .my_lnks .my_lnks_num {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    height: 24px;
    margin: 0 auto 3px;
    font-size: 16px;
    font-weight: 700;
    color: #f08519
}

.page_user .my_order {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.page_user .my_order .my_order_entrances {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 15px 0 12px;
    text-align: center;
    font-size: 12px;
    color: #666;
    background: center 16px no-repeat;
    background-size: 20px
}

.page_user .my_order .my_order_entrances img {
    width: 30px
}

.page_user .my_order .my_order_entrances > span {
    margin-top: 7px;
    display: block
}

.page_user .bought_title_head {
    padding: 12px 10px;
    background: #fff;
    border-bottom: 1px solid #F2F3F6
}

.page_user .bought_title_head span {
    margin-right: 10px;
    font-weight: 700
}

.page_user .all_shop_img {
    position: relative;
    top: -4px
}

.page_is_account .account_section, .page_login .account_section, .page_manage .account_section, .page_register .account_section {
    background: #fff;
    position: relative;
    margin: -1px 0 15px;
    overflow: hidden
}

.page_is_account .account_info_title, .page_login .account_info_title, .page_manage .account_info_title, .page_register .account_info_title {
    height: 55px;
    line-height: 55px;
    text-align: center
}

.page_is_account .account_info_title span, .page_login .account_info_title span, .page_manage .account_info_title span, .page_register .account_info_title span {
    font-size: 18px;
    color: #e9523e;
    position: relative;
    padding-left: 8px
}

.page_is_account .info_logo, .page_login .info_logo, .page_manage .info_logo, .page_register .info_logo {
    text-align: center;
    padding: 25px 0
}

.page_is_account .info_logo img, .page_login .info_logo img, .page_manage .info_logo img, .page_register .info_logo img {
    width: 45%
}

.page_is_account .info_title, .page_login .info_title, .page_manage .info_title, .page_register .info_title {
    font-size: 18px;
    color: #e9523e;
    font-weight: 400;
    padding: 5px 0 10px
}

.page_is_account .account_info_content, .page_login .account_info_content, .page_manage .account_info_content, .page_register .account_info_content {
    position: relative;
    margin: 0 10px 10px;
    padding: 10px;
    font-size: 12px;
    color: #999;
    background-color: #f7f7f7
}

.page_is_account .account_info_content::before, .page_login .account_info_content::before, .page_manage .account_info_content::before, .page_register .account_info_content::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #f7f7f7;
    top: -6px;
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.page_is_account .account_step, .page_login .account_step, .page_manage .account_step, .page_register .account_step {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.page_is_account .account_step_item, .page_login .account_step_item, .page_manage .account_step_item, .page_register .account_step_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    position: relative;
    overflow: hidden
}

.page_is_account .account_step_item::after, .page_is_account .account_step_item::before, .page_login .account_step_item::after, .page_login .account_step_item::before, .page_manage .account_step_item::after, .page_manage .account_step_item::before, .page_register .account_step_item::after, .page_register .account_step_item::before {
    content: "";
    width: 50%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: 10px
}

.page_is_account .account_step_item::before, .page_login .account_step_item::before, .page_manage .account_step_item::before, .page_register .account_step_item::before {
    right: 50%;
    left: 0;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px)
}

.page_is_account .account_step_item::after, .page_login .account_step_item::after, .page_manage .account_step_item::after, .page_register .account_step_item::after {
    left: 50%;
    right: 0;
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.page_is_account .account_step_item_01::before, .page_is_account .account_step_item_03::after, .page_login .account_step_item_01::before, .page_login .account_step_item_03::after, .page_manage .account_step_item_01::before, .page_manage .account_step_item_03::after, .page_register .account_step_item_01::before, .page_register .account_step_item_03::after {
    width: 0
}

.page_is_account .account_step_icon i, .page_login .account_step_icon i, .page_manage .account_step_icon i, .page_register .account_step_icon i {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/account_step_item_icon.png) 50% no-repeat;
    background-size: 100%
}

.page_is_account .account_step_icon, .page_login .account_step_icon, .page_manage .account_step_icon, .page_register .account_step_icon {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    margin: 0 auto;
    background-color: #ccc;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    position: relative;
    z-index: 1
}

.page_is_account .account_step_text, .page_login .account_step_text, .page_manage .account_step_text, .page_register .account_step_text {
    display: block;
    font-size: 12px;
    color: #333;
    margin: 5px 0
}

.page_is_account .account_step_item.cur .account_step_icon, .page_login .account_step_item.cur .account_step_icon, .page_manage .account_step_item.cur .account_step_icon, .page_register .account_step_item.cur .account_step_icon {
    background-color: #18c461
}

.page_is_account .account_step_item.cur .account_step_text, .page_login .account_step_item.cur .account_step_text, .page_manage .account_step_item.cur .account_step_text, .page_register .account_step_item.cur .account_step_text {
    color: #18c461
}

.page_is_account .account_form, .page_login .account_form, .page_manage .account_form, .page_register .account_form {
    position: relative;
    padding: 0 10px
}

.page_is_account .account_form .input, .page_login .account_form .input, .page_manage .account_form .input, .page_register .account_form .input {
    position: relative;
    padding: 0 45px 0 10px;
    background-color: #f7f7f7;
    border-radius: 4px;
    overflow: hidden
}

.page_is_account .account_form div.input, .page_login .account_form div.input, .page_manage .account_form div.input, .page_register .account_form div.input {
    margin: 15px 0
}

.page_is_account .account_form .input input, .page_login .account_form .input input, .page_manage .account_form .input input, .page_register .account_form .input input {
    border: none;
    background: 0 0;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    display: block;
    width: 100%;
    height: 46px;
    line-height: 1;
    font-size: 16px
}

.page_is_account .mod_btns, .page_login .mod_btns, .page_manage .mod_btns, .page_register .mod_btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    margin: 15px 10px
}

.page_is_account .account_form .mod_btns, .page_login .account_form .mod_btns, .page_manage .account_form .mod_btns, .page_register .account_form .mod_btns {
    margin: 15px 0
}

.page_is_account .mod_btns .mod_btn.bg_2, .page_is_account .mod_btns .mod_btn.mod_btn_bg1, .page_login .mod_btns .mod_btn.bg_2, .page_login .mod_btns .mod_btn.mod_btn_bg1, .page_manage .mod_btns .mod_btn.bg_2, .page_manage .mod_btns .mod_btn.mod_btn_bg1, .page_register .mod_btns .mod_btn.bg_2, .page_register .mod_btns .mod_btn.mod_btn_bg1 {
    background: #ff6366;
    color: #fff
}

.page_is_account .account_hr, .page_login .account_hr, .page_manage .account_hr, .page_register .account_hr {
    position: relative;
    text-align: center;
    margin: 0 10px
}

.page_is_account .account_form .account_hr, .page_login .account_form .account_hr, .page_manage .account_form .account_hr, .page_register .account_form .account_hr {
    margin: 10px 0
}

.page_is_account .account_hr:before, .page_login .account_hr:before, .page_manage .account_hr:before, .page_register .account_hr:before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e6e6e6;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    top: 50%
}

.page_is_account .account_hr span, .page_login .account_hr span, .page_manage .account_hr span, .page_register .account_hr span {
    position: relative;
    z-index: 1;
    background: #efefef;
    font-size: 12px;
    color: #999;
    padding: 0 10px
}

.page_is_account .account_form .account_hr span, .page_login .account_form .account_hr span, .page_manage .account_form .account_hr span, .page_register .account_form .account_hr span {
    background-color: #fff;
    font-size: 12px;
    color: #999
}

.page_is_account .mod_btns .mod_btn, .page_login .mod_btns .mod_btn, .page_manage .mod_btns .mod_btn, .page_register .mod_btns .mod_btn {
    border: none;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    position: relative
}

.page_is_account .mod_btns .mod_btn.bg_4, .page_login .mod_btns .mod_btn.bg_4, .page_manage .mod_btns .mod_btn.bg_4, .page_register .mod_btns .mod_btn.bg_4 {
    height: 44px;
    line-height: 44px;
    border: 1px solid #ddd
}

.page_is_account .wx_footer, .page_login .wx_footer, .page_manage .wx_footer, .page_register .wx_footer {
    margin: 25px 0 75px
}

.page_is_account .account_tipsbar, .page_login .account_tipsbar, .page_manage .account_tipsbar, .page_register .account_tipsbar {
    position: relative;
    margin: 10px;
    padding: 6px 10px;
    background-color: #ebfcf1;
    color: #999
}

.page_is_account .account_tipsbar h3, .page_login .account_tipsbar h3, .page_manage .account_tipsbar h3, .page_register .account_tipsbar h3 {
    font-size: 14px;
    color: #18c461;
    font-weight: 400
}

.page_is_account .account_tipsbar p, .page_login .account_tipsbar p, .page_manage .account_tipsbar p, .page_register .account_tipsbar p {
    margin-top: 3px;
    font-size: 12px
}

.page_is_account .account_text, .page_login .account_text, .page_manage .account_text, .page_register .account_text {
    margin: -10px 10px 10px;
    font-size: 10px;
    color: #999
}

.page_is_account .account_form p, .page_login .account_form p, .page_manage .account_form p, .page_register .account_form p {
    margin: 10px 0;
    font-size: 12px
}

.page_is_account .account_form .input.input_code, .page_login .account_form .input.input_code, .page_manage .account_form .input.input_code, .page_register .account_form .input.input_code {
    padding-right: 155px
}

.page_is_account .mod_btns .mod_btn, .page_login .mod_btns .mod_btn, .page_manage .mod_btns .mod_btn, .page_register .mod_btns .mod_btn {
    background: #f3f3f3;
    color: #fff
}

.page_is_account .mod_btns .mod_btn, .page_is_account .mod_btns .mod_btn.bg_4, .page_login .mod_btns .mod_btn, .page_login .mod_btns .mod_btn.bg_4, .page_manage .mod_btns .mod_btn, .page_manage .mod_btns .mod_btn.bg_4, .page_register .mod_btns .mod_btn, .page_register .mod_btns .mod_btn.bg_4 {
    border-color: #ddd;
    color: #333
}

.page_is_account .mod_btns .mod_btn:not([class*=bg]), .page_login .mod_btns .mod_btn:not([class*=bg]), .page_manage .mod_btns .mod_btn:not([class*=bg]), .page_register .mod_btns .mod_btn:not([class*=bg]) {
    height: 44px;
    line-height: 44px;
    border: 1px solid #ddd
}

.page_is_account .mod_btns .mod_btn ~ .mod_btn, .page_login .mod_btns .mod_btn ~ .mod_btn, .page_manage .mod_btns .mod_btn ~ .mod_btn, .page_register .mod_btns .mod_btn ~ .mod_btn {
    margin-left: 10px
}

.page_is_account .account_link, .page_login .account_link, .page_manage .account_link, .page_register .account_link {
    margin: 10px;
    text-align: center;
    color: #999
}

.page_is_account .account_form .account_link, .page_login .account_form .account_link, .page_manage .account_form .account_link, .page_register .account_form .account_link {
    margin: 10px 0
}

.page_is_account .account_form .account_accredit, .page_login .account_form .account_accredit, .page_manage .account_form .account_accredit, .page_register .account_form .account_accredit {
    font-size: 12px
}

.page_is_account .account_link a, .page_login .account_link a, .page_manage .account_link a, .page_register .account_link a {
    color: #e93b3d
}

.page_is_account .account_form .input.input_code .btn, .page_login .account_form .input.input_code .btn, .page_manage .account_form .input.input_code .btn, .page_register .account_form .input.input_code .btn {
    position: absolute;
    right: 0;
    top: 5px;
    padding: 0 10px;
    height: 35px;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    color: #e93b3d
}

.page_is_account .account_form .input.input_img_code .img, .page_login .account_form .input.input_img_code .img, .page_manage .account_form .input.input_img_code .img, .page_register .account_form .input.input_img_code .img {
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 46px
}

.page_is_account .forget_pw_wrap, .page_login .forget_pw_wrap, .page_manage .forget_pw_wrap, .page_register .forget_pw_wrap {
    padding-bottom: 10px
}

.page_is_account .error, .page_login .error, .page_manage .error, .page_register .error {
    color: #e9523e
}

.page_is_account .rest_login a {
    margin: 0 5px
}

.page_manage .account_section {
    background: #fff;
    position: relative;
    margin: -1px 0 15px;
    overflow: hidden
}

.page_manage .account_title {
    font-size: 14px;
    font-weight: 400;
    margin: 0 10px;
    padding: 12px 0;
    position: relative
}

.page_manage .account_card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 12px 10px;
    font-size: 14px
}

.page_manage .account_card_profile {
    margin-top: -2px;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden
}

.page_manage .account_card_profile img {
    display: block;
    width: 100%;
    border-radius: 100%
}

.page_manage .account_card_info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden
}

.page_manage .account_card_email, .page_manage .account_card_phone {
    margin-top: 3px;
    color: #999
}

.page_manage .account_manage {
    padding: 0 10px
}

.page_manage .account_manage a {
    display: block;
    position: relative;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 12px
}

.page_manage .account_manage a:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 12px;
    width: 20px;
    height: 20px;
    background: url(../images/bought_title_arrows.png);
    background-size: 100%;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

.page_manage .mod_btns .mod_btn.bg_2 {
    background: #ff6366;
    color: #fff
}

.page_material .account_section {
    background: #fff;
    position: relative;
    margin: -1px 0 15px;
    overflow: hidden
}

.page_material .account_info_title {
    height: 55px;
    line-height: 55px;
    text-align: center
}

.page_material .account_info_title span {
    font-size: 18px;
    color: #e9523e;
    position: relative;
    padding-left: 8px
}

.page_material .info_logo {
    text-align: center;
    padding: 25px 0
}

.page_material .info_logo img {
    width: 45%
}

.page_material .info_title {
    font-size: 18px;
    color: #e9523e;
    font-weight: 400;
    padding: 5px 0 10px
}

.page_material .account_info_content {
    position: relative;
    margin: 0 10px 10px;
    padding: 10px;
    font-size: 12px;
    color: #999;
    background-color: #f7f7f7
}

.page_material .account_info_content::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #f7f7f7;
    top: -6px;
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.page_material .account_step {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.page_material .account_step_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    position: relative;
    overflow: hidden
}

.page_material .account_step_item::after, .page_material .account_step_item::before {
    content: "";
    width: 50%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: 10px
}

.page_material .account_step_item::before {
    right: 50%;
    left: 0;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px)
}

.page_material .account_step_item::after {
    left: 50%;
    right: 0;
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.page_material .account_step_item_01::before, .page_material .account_step_item_03::after {
    width: 0
}

.page_material .account_step_icon i {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/account_step_item_icon.png) 50% no-repeat;
    background-size: 100%
}

.page_material .account_step_icon {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    margin: 0 auto;
    background-color: #ccc;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    position: relative;
    z-index: 1
}

.page_material .account_step_text {
    display: block;
    font-size: 12px;
    color: #333;
    margin: 5px 0
}

.page_material .account_step_item.cur .account_step_icon {
    background-color: #18c461
}

.page_material .account_step_item.cur .account_step_text {
    color: #18c461
}

.page_material .account_form {
    position: relative;
    padding: 0 10px
}

.page_material .account_form .input {
    position: relative;
    padding: 0 45px 0 10px;
    background-color: #f7f7f7;
    border-radius: 4px;
    overflow: hidden
}

.page_material .account_form div.input {
    margin: 15px 0
}

.page_material .account_form .input input {
    border: none;
    background: 0 0;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    display: block;
    width: 100%;
    height: 46px;
    line-height: 1;
    font-size: 16px
}

.page_material .mod_btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    margin: 15px 10px
}

.page_material .account_form .mod_btns {
    margin: 15px 0
}

.page_material .mod_btns .mod_btn.bg_2, .page_material .mod_btns .mod_btn.mod_btn_bg1 {
    background: #ff6366;
    color: #fff
}

.page_material .account_hr {
    position: relative;
    text-align: center;
    margin: 0 10px
}

.page_material .account_form .account_hr {
    margin: 10px 0
}

.page_material .account_hr:before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e6e6e6;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    top: 50%
}

.page_material .account_hr span {
    position: relative;
    z-index: 1;
    background: #efefef;
    font-size: 12px;
    color: #999;
    padding: 0 10px
}

.page_material .account_form .account_hr span {
    background-color: #fff;
    font-size: 12px;
    color: #999
}

.page_material .mod_btns .mod_btn {
    border: none;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    position: relative
}

.page_material .mod_btns .mod_btn.bg_4 {
    height: 44px;
    line-height: 44px;
    border: 1px solid #ddd
}

.page_material .wx_footer {
    margin: 25px 0 75px
}

.page_material .account_tipsbar {
    position: relative;
    margin: 10px;
    padding: 6px 10px;
    background-color: #ebfcf1;
    color: #999
}

.page_material .account_tipsbar h3 {
    font-size: 14px;
    color: #18c461;
    font-weight: 400
}

.page_material .account_tipsbar p {
    margin-top: 3px;
    font-size: 12px
}

.page_material .account_text {
    margin: -10px 10px 10px;
    font-size: 10px;
    color: #999
}

.page_material .account_form p {
    margin: 10px 0;
    font-size: 12px
}

.page_material .account_form .input.input_code {
    padding-right: 155px
}

.page_material .mod_btns .mod_btn {
    background: #f3f3f3
}

.page_material .mod_btns .mod_btn, .page_material .mod_btns .mod_btn.bg_4 {
    border-color: #ddd;
    color: #333
}

.page_material .mod_btns .mod_btn:not([class*=bg]) {
    height: 44px;
    line-height: 44px;
    border: 1px solid #ddd
}

.page_material .mod_btns .mod_btn ~ .mod_btn {
    margin-left: 10px
}

.page_material .account_link {
    margin: 10px;
    text-align: center;
    color: #999
}

.page_material .account_form .account_link {
    margin: 10px 0
}

.page_material .account_form .account_accredit {
    font-size: 12px
}

.page_material .account_link a {
    color: #e93b3d
}

.page_material .account_form .input.input_code .btn {
    position: absolute;
    right: 0;
    top: 5px;
    padding: 0 10px;
    height: 35px;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    color: #e93b3d
}

.page_ack_order .input_value, .page_collect .custom_list .footer_box, .page_mybargain .custom_list .footer_box, .page_sellertrade .custom_list .footer_box, .page_take_bargain .custom_list .footer_box {
    text-align: right
}

.page_material .account_form .input.input_img_code .img {
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 46px
}

.page_material .forget_pw_wrap {
    padding-bottom: 10px
}

.page_material .error {
    color: #e9523e
}

.page_material .account_input {
    border: none;
    background: 0 0;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    display: block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #999
}

.page_sellertrade .custom_itme {
    margin-top: 10px
}

.page_sellertrade .custom_list .head_box {
    height: 40px;
    line-height: 40px
}

.page_sellertrade .custom_list .con_box {
    margin: 0;
    color: #8b8b8c;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7
}

.page_sellertrade .custom_list .con_box > p {
    margin-bottom: 5px
}

.page_sellertrade .custom_list .con_box > p .sign, .page_sellertrade .custom_list .head_box .sign {
    display: inline-block;
    margin-right: 10px;
    width: 60px;
    text-align-last: justify;
    color: #8b8b8c
}

.page_sellertrade .custom_list .head_box .order_box {
    position: absolute;
    height: 40px;
    right: 10px
}

.page_sellertrade .custom_list .declare_box {
    padding: 15px 10px;
    background: #f7f7f7
}

.page_sellertrade .custom_list .footer_box .btn, .page_sellertrade .custom_list .head_box .order_box .btn {
    display: inline-block;
    height: 32px;
    line-height: 30px;
    margin-left: 10px;
    padding: 0 10px;
    border-radius: 15px;
    border: 1px solid #eee;
    background: #fff
}

.page_bargain .bar_item_con {
    padding: 5px 10px
}

.page_bargain .bar_item_con .item_box {
    line-height: 30px
}

.page_bargain .bar_item_con .label {
    margin-right: 8px
}

.page_bargain .input_text_1 {
    height: 32px;
    line-height: 30px
}

.page_bargain .price_box {
    padding-bottom: 10px
}

.page_bargain .sub_btn {
    width: 35%;
    display: inline-block
}

.page_collect .custom_itme, .page_mybargain .custom_itme, .page_take_bargain .custom_itme {
    margin-top: 10px
}

.page_collect .custom_list .head_box, .page_mybargain .custom_list .head_box, .page_take_bargain .custom_list .head_box {
    height: 40px;
    line-height: 40px
}

.page_collect .custom_list .con_box, .page_mybargain .custom_list .con_box, .page_take_bargain .custom_list .con_box {
    margin: 0;
    color: #8b8b8c;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7
}

.page_collect .custom_list .con_box > p, .page_mybargain .custom_list .con_box > p, .page_take_bargain .custom_list .con_box > p {
    margin-bottom: 5px
}

.page_collect .custom_list .con_box > p .sign, .page_collect .custom_list .head_box .sign, .page_mybargain .custom_list .con_box > p .sign, .page_mybargain .custom_list .head_box .sign, .page_take_bargain .custom_list .con_box > p .sign, .page_take_bargain .custom_list .head_box .sign {
    display: inline-block;
    margin-right: 10px;
    width: 60px;
    text-align-last: justify;
    color: #8b8b8c
}

.page_collect .custom_list .head_box .del, .page_mybargain .custom_list .head_box .del, .page_take_bargain .custom_list .head_box .del {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0
}

.page_collect .custom_list .declare_box, .page_mybargain .custom_list .declare_box, .page_take_bargain .custom_list .declare_box {
    padding: 15px 10px;
    background: #f7f7f7
}

.page_collect .custom_list .footer_box .btn, .page_mybargain .custom_list .footer_box .btn, .page_take_bargain .custom_list .footer_box .btn {
    display: inline-block;
    height: 32px;
    line-height: 30px;
    margin-left: 10px;
    padding: 0 10px;
    border-radius: 15px;
    border: 1px solid #eee
}

.page_collect .hint_box, .page_mybargain .hint_box, .page_take_bargain .hint_box {
    height: 32px;
    line-height: 32px
}

.page_ack_order .bus_item .title {
    line-height: 40px
}

.page_ack_order .form_control {
    line-height: 43px;
    background: #fff;
    font-size: 14px;
    overflow: hidden;
    border-top: 1px solid #dcdcdc
}

.page_ack_order .form_control > .content {
    display: block;
    height: 100%;
    padding-left: 102px;
    padding-right: 10px
}

.page_ack_order .form_control > .label {
    margin-left: 10px;
    width: 80px;
    box-sizing: border-box;
    display: block;
    float: left
}

.page_ack_order .form_control .juesi_textarea {
    text-align: right;
    padding-top: 13px
}

.page_ack_order .input_wrap {
    border-top: 1px solid #dcdcdc
}

.page_ack_order .input_wrap .input_name, .page_ack_order .input_wrap .input_value {
    height: 48px;
    line-height: 48px
}

.page_ack_order .input_name {
    display: block;
    margin: 0 10px;
    width: 80px
}

.page_ack_order .input_value {
    margin-right: 10px;
    border: 0
}

.page_ack_order .juesi_textarea {
    width: 100%;
    padding: 5px 0 0 10px;
    border: none;
    font-size: 14px;
    resize: none
}

.page_ack_order .goods_info .title {
    border-bottom: 1px solid #dcdcdc
}

.page_ack_order .goods_info_con p {
    line-height: 20px;
    padding: 4px 0
}

.page_ack_order .goods_info_con p .bold {
    font-weight: 500
}

.page_ack_order .goods_info_con p .ori_price {
    color: #888
}

.page_ack_order .hint {
    border-top: 1px solid #dcdcdc
}

.page_ack_order .hint p {
    position: relative;
    padding-left: 10px
}

.page_ack_order .hint i {
    position: absolute;
    left: -2px;
    top: 4px;
    font-style: normal
}

.page_ack_order .footer_box {
    position: fixed;
    bottom: -1px;
    height: 44px;
    line-height: 44px;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 3px 0 rgba(155, 143, 143, .6);
    -webkit-box-shadow: 0 0 3px 0 rgba(155, 143, 143, .6);
    -moz-box-shadow: 0 0 3px 0 rgba(155, 143, 143, .6)
}

.page_ack_order .footer_box .btn_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px
}

.page_ack_order .footer_box .btn_box .jue_btn {
    border-radius: 0;
    height: 44px;
    line-height: 44px
}

.page_alipay_cashier .payment_info, .page_wx_cashier .payment_info {
    margin-bottom: 10px;
    padding: 28px 15px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff
}

.page_alipay_cashier .payment_info h3, .page_wx_cashier .payment_info h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #999;
    text-align: center
}

.page_alipay_cashier .payment_info .amount, .page_wx_cashier .payment_info .amount {
    text-align: center;
    color: #444;
    padding-top: 13px;
    padding-bottom: 30px
}

.page_alipay_cashier .payment_info b, .page_wx_cashier .payment_info b {
    font-weight: 400;
    font-size: 27px;
    line-height: 35px;
    vertical-align: top
}

.page_alipay_cashier .payment_info strong, .page_wx_cashier .payment_info strong {
    font-weight: 500;
    font-size: 35px;
    line-height: 35px;
    vertical-align: top
}

.page_alipay_cashier .det_info, .page_wx_cashier .det_info {
    padding: 10px;
    background: #fff
}

.page_alipay_cashier .det_info .head, .page_wx_cashier .det_info .head {
    line-height: 28px
}

.page_alipay_cashier .det_info .head > i, .page_wx_cashier .det_info .head > i {
    position: relative;
    top: 1px;
    margin-right: 5px;
    font-size: 18px;
    color: #3cb035
}

.page_alipay_cashier .det_info .item, .page_wx_cashier .det_info .item {
    line-height: 36px
}

.page_alipay_cashier .det_info .item .refer_num, .page_wx_cashier .det_info .item .refer_num {
    margin-left: 3px;
    font-size: 12px
}

.page_alipay_cashier .det_info .left_box, .page_wx_cashier .det_info .left_box {
    color: #999
}

.page_alipay_cashier .det_info .scan_code, .page_wx_cashier .det_info .scan_code {
    font-size: 16px;
    color: #999
}

.page_alipay_cashier .det_info .msg, .page_wx_cashier .det_info .msg {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #ccc
}

.page_alipay_cashier .det_info .copy_code, .page_wx_cashier .det_info .copy_code {
    height: 36px;
    background: #fff;
    border: none;
    color: #333
}

.page_cashier_union .payment_info {
    margin-bottom: 10px;
    padding: 28px 15px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff
}

.page_cashier_union .payment_info h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #999;
    text-align: center
}

.page_cashier_union .payment_info .amount {
    text-align: center;
    color: #444;
    padding-top: 13px;
    padding-bottom: 30px
}

.page_cashier_union .payment_info b {
    font-weight: 400;
    font-size: 27px;
    line-height: 35px;
    vertical-align: top
}

.page_cashier_union .payment_info strong {
    font-weight: 500;
    font-size: 35px;
    line-height: 35px;
    vertical-align: top
}

.page_cashier_union .account_bank {
    border-bottom: 1px solid #e6e5e5
}

.page_cashier_union .account_bank .header {
    padding: 10px;
    border-bottom: 1px solid #ccc
}

.page_cashier_union .account_bank > .item {
    margin: 0 10px;
    padding: 10px 0;
    border-bottom: 1px solid #e6e5e5
}

.page_cashier_union .account_bank > .item:last-child {
    border: none
}

.page_cashier_union .account_bank > .item .left_con {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.page_cashier_union .account_bank > .item img {
    width: 40px
}

.page_cashier_union .account_bank > .item .right_con {
    position: relative;
    margin-left: 10px
}

.page_cashier_union .copy_code {
    position: absolute;
    top: 8px;
    right: -8px;
    width: 40px;
    height: 40px;
    border: none;
    background: 0 0
}

.page_cashier_union .footer_wrap {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background: #fff
}

.page_cashier_union .refno_con .copy_code {
    position: relative;
    top: 0;
    right: 0;
    height: auto
}

.page_cashier_union .refno_con .copy_code .refer_num {
    margin-left: 3px
}

.page_alipay_cashier .det_info .head > i {
    position: relative;
    top: 1px;
    margin-right: 5px;
    font-size: 18px;
    color: #00a9f2
}

.code_box .close_box {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    background: #fff
}

.code_box .close_box > span {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 36px;
    text-align: center;
    font-size: 36px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.code_box .code_con {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.code_box .code_con > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.page_stat_cashier {
    overflow-x: hidden
}

.page_stat_cashier .payment_info {
    margin-bottom: 10px;
    padding: 28px 15px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff
}

.page_stat_cashier .payment_info h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #999;
    text-align: center
}

.page_stat_cashier .payment_info .amount {
    text-align: center;
    color: #444;
    padding-top: 13px;
    padding-bottom: 30px
}

.page_stat_cashier .payment_info b {
    font-weight: 400;
    font-size: 27px;
    line-height: 35px;
    vertical-align: top
}

.page_stat_cashier .payment_info strong {
    font-weight: 500;
    font-size: 35px;
    line-height: 35px;
    vertical-align: top
}

.page_stat_cashier .payment_met {
    position: relative
}

.page_stat_cashier .bank_top {
    background-color: #fff;
    padding-left: 15px;
    position: relative;
    border-bottom: 1px solid #ccc
}

.page_stat_cashier .bank_top span {
    line-height: 48px;
    color: #444
}

.page_stat_cashier .bank_top span .avoid_fee {
    position: relative;
    color: #ff9000
}

.page_stat_cashier .bank_top span .avoid_fee > i.icon {
    position: absolute;
    top: -4px;
    right: -30px;
    width: 25px;
    height: 15px;
    background: url(../images/recom_icon.png) left bottom no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%
}

.page_stat_cashier .vertical_box li::after, .page_stat_cashier .vertical_box::after {
    content: "";
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.page_stat_cashier .vertical_box::after {
    position: absolute
}

.page_stat_cashier .vertical_box li {
    position: relative;
    line-height: 48px;
    color: #444;
    background-color: #fff;
    padding-left: 15px
}

.page_stat_cashier .vertical_box li::after {
    position: absolute
}

.page_stat_cashier .other_pay .fee {
    color: #fff;
    background-color: #ff9000;
    border-radius: 10px;
    font-size: 12px;
    padding: 2px 10px
}

.page_stat_cashier .other_pay .form_item {
    display: inline-block
}

.page_stat_cashier .ui_bank_icon {
    position: relative;
    top: 6px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain
}

.page_stat_cashier .ui_weixin {
    background: url(../images/weixin.png) 50% 50% no-repeat;
    background-size: contain
}

.page_stat_cashier .ui_alipay {
    background: url(../images/alipay.png) 50% 50% no-repeat;
    background-size: contain
}

.page_stat_cashier .ui_unionpay {
    background: url(../images/unionpay.png) 50% 50% no-repeat;
    background-size: contain
}

.page_custom_index .custom_itme {
    margin-top: 10px
}

.page_custom_index .custom_list .head_box {
    height: 40px;
    line-height: 40px
}

.page_custom_index .custom_list .con_box {
    margin: 0;
    color: #8b8b8c;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7
}

.page_custom_index .custom_list .con_box > p {
    margin-bottom: 5px
}

.page_custom_index .custom_list .con_box > p .sign, .page_custom_index .custom_list .head_box .sign {
    display: inline-block;
    margin-right: 10px;
    width: 60px;
    text-align-last: justify;
    color: #8b8b8c
}

.page_custom_index .custom_list .head_box .order_box {
    position: absolute;
    height: 40px;
    right: 10px;
    padding-top: 4px
}

.page_custom_index .custom_list .declare_box {
    padding: 15px 10px;
    background: #f7f7f7
}

.page_custom_index .custom_list .footer_box {
    text-align: right
}

.page_custom_index .custom_list .footer_box .btn, .page_custom_index .custom_list .head_box .order_box .btn {
    display: inline-block;
    height: 32px;
    line-height: 30px;
    margin-left: 10px;
    padding: 0 10px;
    border-radius: 15px;
    border: 1px solid #eee;
    background: #fff
}

.page_custom_show .custom {
    margin: 10px
}

.page_custom_show .custom .custom_item {
    position: relative;
    margin-top: 10px;
    padding: 10px 5px 0;
    background: #fff
}

.page_custom_show .custom .custom_item .head_box .left_img > img {
    width: 55px
}

.page_custom_show .custom .custom_item .head_box .price {
    margin-top: 2px;
    margin-left: 5px;
    font-weight: 600;
    color: #ff6366;
    font-size: 16px
}

.page_custom_show .custom .custom_item .head_box .price > strong {
    margin-left: 5px;
    font-weight: 400;
    font-size: 10px
}

.page_custom_show .custom .custom_item .head_box .number_box {
    margin-left: 10px;
    margin-top: 8px;
    color: #999;
    font-size: 10px
}

.page_custom_show .custom .custom_item .title {
    margin-top: 5px
}

.page_custom_show .custom .custom_item .title span {
    color: #999
}

.page_custom_show .custom .custom_item .oper_box {
    margin-top: 5px;
    padding: 5px 0;
    border-top: 1px solid #e8e8e8;
    font-size: 10px
}

.page_custom_show .custom .oper_box .item_center {
    text-align: center
}

.page_custom_show .custom .oper_box .item_right {
    text-align: right
}

.page_custom_show .custom .oper_box .btn {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 28px;
    line-height: 26px;
    border-radius: 15px;
    border: 1px solid #eee;
    background: #fff;
    text-align: center
}

.page_custom_show .custom .oper_box .box_flex .btn > i.icon {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    background-repeat: no-repeat;
    background-size: 100%
}

.page_custom_show .custom .oper_box .box_flex .btn.btn_collect > i.icon {
    background-image: url(../images/collect.png)
}

.page_custom_show .custom .oper_box .box_flex .btn.btn_collect.active > i.icon {
    background-image: url(../images/collect_ac.png)
}

.page_custom_show .custom .oper_box .box_flex .btn.btn_like > i.icon {
    background-image: url(../images/icon_like.png)
}

.page_custom_show .custom .oper_box .box_flex .btn.btn_like.active > i.icon {
    background-image: url(../images/icon_like_ac.png)
}

.page_custom_show .custom .oper_box .box_flex .btn.btn_recom > i.icon {
    background-image: url(../images/icon_recom.png)
}

.page_custom_show .custom .stick {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 26px;
    color: #fff;
    text-align: center;
    background: #ff6366
}

.page_custom_show .custom .stick i.icon {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 24px;
    height: 10px;
    background: url(../images/stick_trian.png) no-repeat;
    background-size: 100%
}

.page_custom_show .recom {
    margin: 10px;
    padding: 0 5px
}

.page_custom_show .recom .title {
    height: 36px;
    line-height: 36px;
    color: #ff6366
}

.page_custom_show .recom_item_box {
    padding: 5px 0;
    border-top: 1px solid #e8e8e8
}

.page_custom_show .recom_item_box .recom_item {
    line-height: 36px
}

.page_custom_show .recom_item_box .recom_item .btn {
    display: inline-block;
    height: 26px;
    line-height: 24px;
    padding: 0 12px;
    border-radius: 15px;
    border: 1px solid #eee;
    background: #fff
}