@charset "utf-8";

ion-header {
    top: 0
}

ion-footer,ion-header {
    left: 0;
    position: absolute;
    z-index: 10;
    display: block;
    width: 100%
}

ion-footer {
    bottom: 0
}

ion-content {
    width: 100%;
    height: 100%;
    contain: layout size style
}

.fixed-content,ion-content {
    left: 0;
    top: 0;
    position: absolute;
    display: block
}

.fixed-content {
    right: 0;
    bottom: 0
}[ion-fixed] {
     position: absolute;
     z-index: 999;
     transform: translateZ(0)
 }

.scroll-content {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    contain: size style layout;
    will-change: transform
}

ion-infinite-scroll {
    display: block;
    width: 100%
}

.infinite-loading {
    width: 100%;
    margin: 0 0 32px
}

.infinite-loading-text {
    color: #666;
    margin: 4px 32px 0
}

ion-infinite-scroll-content {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    min-height: 84px
}

* {
    -webkit-box-sizing: border-box;
    -webkit-touch-callout: none
}[tappable],[tappable] div,[tappable] li,[tappable] span,input,textarea {
     -ms-touch-action: manipulation;
     touch-action: manipulation
 }

.alert-host {
    height: 100%;
    width: 100%;
    z-index: 1000;
    position: absolute
}

.alert-wrapper {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.4);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    position: absolute
}

.alert-content {
    border-radius: 8px;
    padding: 18px;
    font-size: 16px;
    color: #fff;
    animation-name: superScaleIn;
    animation-duration: .2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both
}

@keyframes superScaleIn {
    0% {
        transform: scale(1.2);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

* {
    margin: 0;
    padding: 0
}

ol,ul {
    list-style-type: none;
    list-style-image: none
}

input {
    vertical-align: middle
}

img {
    border: 0 none;
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: top;
    -ms-interpolation-mode: bicubic
}

em {
    font-style: normal
}

a {
    text-decoration: none
}

h1,h2,h3,h4,h5,h6 {
    margin: 0
}

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

.clearfix {
    *zoom: 1
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.fl {
    float: left
}

.fl,.fr {
    display: inline
}

.fr {
    float: right
}

.tal {
    text-align: left
}

.tac {
    text-align: center
}

.tar {
    text-align: right
}

.fwb {
    font-weight: 700
}

.fwn {
    font-weight: 400
}

.fw500 {
    font-weight: 500
}

.fs0 {
    font-size: 0
}

.fs10 {
    font-size: 10px
}

.fs11 {
    font-size: 11px
}

.fs12 {
    font-size: 12px
}

.fs13 {
    font-size: 13px
}

.fs14 {
    font-size: 14px
}

.fs16 {
    font-size: 16px
}

.fs17 {
    font-size: 17px
}

.fs18 {
    font-size: 18px
}

.fs20 {
    font-size: 20px
}

.fs22 {
    font-size: 22px
}

.fs23 {
    font-size: 23px
}

.fs24 {
    font-size: 24px
}

.vat {
    vertical-align: top
}

.vam {
    vertical-align: middle
}

.ofh {
    overflow: hidden
}

.c666 {
    color: #666
}

.c999 {
    color: #999
}

.cfff {
    color: #fff
}

.cfff_20 {
    color: hsla(0,0%,100%,.2)
}

.cfff_30 {
    color: hsla(0,0%,100%,.3)
}

.cfff_50 {
    color: hsla(0,0%,100%,.5)
}

.cfff_70 {
    color: hsla(0,0%,100%,.7)
}

.cfff_80 {
    color: hsla(0,0%,100%,.8)
}

.c000 {
    color: #000
}

.c000_50 {
    color: rgba(0,0,0,.5)
}

.cbbb {
    color: #bbb
}

.cccc {
    color: #ccc
}

.c78 {
    color: #787878
}

.p10 {
    padding: 10px
}

.p15 {
    padding: 15px
}

.p25 {
    padding: 25px
}

.pt3 {
    padding-top: 3px
}

.pt5 {
    padding-top: 5px
}

.pt7 {
    padding-top: 7px
}

.pt8 {
    padding-top: 8px
}

.pt9 {
    padding-top: 9px
}

.pt10 {
    padding-top: 10px
}

.pt12 {
    padding-top: 12px
}

.pt13 {
    padding-top: 13px
}

.pt15 {
    padding-top: 15px
}

.pt19 {
    padding-top: 19px
}

.pt20 {
    padding-top: 20px
}

.pt25 {
    padding-top: 25px
}

.pt30 {
    padding-top: 30px
}

.pt33 {
    padding-top: 33px
}

.pt35 {
    padding-top: 35px
}

.pt40 {
    padding-top: 40px
}

.pt45 {
    padding-top: 45px
}

.pt50 {
    padding-top: 50px
}

.pt55 {
    padding-top: 55px
}

.pt60 {
    padding-top: 60px
}

.pt70 {
    padding-top: 70px
}

.pt80 {
    padding-top: 80px
}

.pt100 {
    padding-top: 100px
}

.pt140 {
    padding-top: 140px
}

.pt150 {
    padding-top: 150px
}

.pb3 {
    padding-bottom: 3px
}

.pb5 {
    padding-bottom: 5px
}

.pb7 {
    padding-bottom: 7px
}

.pb8 {
    padding-bottom: 8px
}

.pb9 {
    padding-bottom: 9px
}

.pb10 {
    padding-bottom: 10px
}

.pb12 {
    padding-bottom: 12px
}

.pb15 {
    padding-bottom: 15px
}

.pb17 {
    padding-bottom: 17px
}

.pb20 {
    padding-bottom: 20px
}

.pb25 {
    padding-bottom: 25px
}

.pb30 {
    padding-bottom: 30px
}

.pb35 {
    padding-bottom: 35px
}

.pb40 {
    padding-bottom: 40px
}

.pb45 {
    padding-bottom: 45px
}

.pb50 {
    padding-bottom: 50px
}

.pb60 {
    padding-bottom: 60px
}

.pb70 {
    padding-bottom: 70px
}

.pb80 {
    padding-bottom: 80px
}

.pb110 {
    padding-bottom: 110px
}

.pb120 {
    padding-bottom: 120px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl12 {
    padding-left: 12px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.pl25 {
    padding-left: 25px
}

.pl30 {
    padding-left: 30px
}

.pl40 {
    padding-left: 40px
}

.pl50 {
    padding-left: 50px
}

.pr3 {
    padding-right: 3px
}

.pr10 {
    padding-right: 10px
}

.pr12 {
    padding-right: 12px
}

.pr15 {
    padding-right: 15px
}

.pr20 {
    padding-right: 20px
}

.pr25 {
    padding-right: 25px
}

.pr30 {
    padding-right: 30px
}

.pr40 {
    padding-right: 40px
}

.pr45 {
    padding-right: 45px
}

.pr50 {
    padding-right: 50px
}

.mt2 {
    margin-top: 2px
}

.mt3 {
    margin-top: 3px
}

.mt4 {
    margin-top: 4px
}

.mt5 {
    margin-top: 5px
}

.mt6 {
    margin-top: 6px
}

.mt7 {
    margin-top: 7px
}

.mt8 {
    margin-top: 8px
}

.mt9 {
    margin-top: 9px
}

.mt10 {
    margin-top: 10px
}

.mt11 {
    margin-top: 11px
}

.mt12 {
    margin-top: 12px
}

.mt13 {
    margin-top: 13px
}

.mt14 {
    margin-top: 14px
}

.mt15 {
    margin-top: 15px
}

.mt16 {
    margin-top: 16px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt100 {
    margin-top: 100px
}

.mt120 {
    margin-top: 120px
}

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

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

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

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

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

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

.mb2 {
    margin-bottom: 2px
}

.mb3 {
    margin-bottom: 3px
}

.mb5 {
    margin-bottom: 5px
}

.mb6 {
    margin-bottom: 6px
}

.mb7 {
    margin-bottom: 7px
}

.mb8 {
    margin-bottom: 8px
}

.mb9 {
    margin-bottom: 9px
}

.mb10 {
    margin-bottom: 10px
}

.mb12 {
    margin-bottom: 12px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb-1 {
    margin-bottom: -1px
}

.mb-5 {
    margin-bottom: -5px
}

.mb-10 {
    margin-bottom: -10px
}

.mb-15 {
    margin-bottom: -15px
}

.mb-20 {
    margin-bottom: -20px
}

.ml3 {
    margin-left: 3px
}

.ml7 {
    margin-left: 7px
}

.ml8 {
    margin-left: 8px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml25 {
    margin-left: 25px
}

.ml30 {
    margin-left: 30px
}

.ml35 {
    margin-left: 35px
}

.ml45 {
    margin-left: 45px
}

.ml-3 {
    margin-left: -3px
}

.ml-5 {
    margin-left: -5px
}

.ml-10 {
    margin-left: -10px
}

.mr3 {
    margin-right: 3px
}

.mr5 {
    margin-right: 5px
}

.mr8 {
    margin-right: 8px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr25 {
    margin-right: 25px
}

.mr30 {
    margin-right: 30px
}

.mr35 {
    margin-right: 35px
}

.mr-10 {
    margin-right: -10px
}

.h20 {
    height: 20px
}

.h22 {
    height: 22px
}

.h28 {
    height: 28px
}

.h30 {
    height: 30px
}

.h35 {
    height: 35px
}

.h36 {
    height: 36px
}

.h40 {
    height: 40px
}

.h42 {
    height: 42px
}

.h44 {
    height: 44px
}

.h45 {
    height: 45px
}

.h50 {
    height: 50px
}

.h55 {
    height: 55px
}

.lh10 {
    line-height: 10px
}

.lh14 {
    line-height: 14px
}

.lh15 {
    line-height: 15px
}

.lh16 {
    line-height: 16px
}

.lh17 {
    line-height: 17px
}

.lh18 {
    line-height: 18px
}

.lh20 {
    line-height: 20px
}

.lh22 {
    line-height: 22px
}

.lh25 {
    line-height: 25px
}

.lh28 {
    line-height: 28px
}

.lh30 {
    line-height: 30px
}

.lh35 {
    line-height: 35px
}

.lh36 {
    line-height: 36px
}

.lh40 {
    line-height: 40px
}

.lh42 {
    line-height: 42px
}

.lh44 {
    line-height: 44px
}

.lh45 {
    line-height: 45px
}

.lh50 {
    line-height: 50px
}

.lh55 {
    line-height: 55px
}

.top50 {
    top: 50px
}

.top60 {
    top: 60px
}

.top88 {
    top: 88px
}

.top113 {
    top: 113px
}

.bottom36 {
    bottom: 36px
}

.bottom40 {
    bottom: 40px
}

.bottom41 {
    bottom: 41px
}

.bottom42 {
    bottom: 42px
}

.bottom44 {
    bottom: 44px
}

.bottom45 {
    bottom: 45px
}

.bottom46 {
    bottom: 46px
}

.bottom49 {
    bottom: 49px
}

.bottom50 {
    bottom: 50px
}

.bottom55 {
    bottom: 55px
}

.bottom82 {
    bottom: 82px
}

.bottom88 {
    bottom: 88px
}

.bottom90 {
    bottom: 90px
}

.bottom205 {
    bottom: 205px
}

.bottom102 {
    bottom: 102px
}

.bottom140 {
    bottom: 140px
}

.green {
    color: #2db370
}

.gray {
    color: #999
}

.red {
    color: #ea4747
}

.blue {
    color: #0f88eb
}

.orange {
    color: #ff8200
}

.yellow {
    color: #ffda44
}

.wd_red {
    color: #f75659
}

.wd_green {
    color: #2db370
}

.wd_blue {
    color: #0f88eb
}

.bg_fff {
    background: #fff!important
}

.bg_eee {
    background: #eee
}

.bg_f5 {
    background: #f5f5f5
}

.bg_fa {
    background: #fafafa
}

.zIndex999 {
    z-index: 999
}

.bg_blue {
    background: #00ace5
}

.bg_green {
    background: #14ba33
}

.bg_red {
    background: #ea4747
}

.bg_yellow {
    background: #fd9727
}

.bg_gray {
    background: #999
}

.bg_black {
    background: #000
}

.ls5 {
    letter-spacing: 5px
}

.contextBackgroundColor {
    background-color: #3e569d
}

.opacity50 {
    opacity: .5
}

.w60 {
    width: 60px
}

.w80 {
    width: 80px
}

.navyBlueLinear {
    background: -webkit-linear-gradient(top,#093059,#093059 50%,#f2f2f2 0,#f2f2f2)
}

.iphoneTop .matchSelPopup,.iphoneTop .navBar {
    padding-top: 20px
}

.iphoneTop .navBar .betTopbarBtn {
    top: 30px
}

.arrow_down,.betBottomTab a:after,.betPopup,.botplay,.dif_slide_btn:after,.down_arrow,.exChangeTip,.f_title_wrap,.fixed_top_bar,.fixedItem45,.indexCon,.jcmodhead:after,.jfpl-plate h3:after,.laboratoryT,.log_alert,.loginBox,.matchSlideTip,.matchTblock_jc,.matchTcorH,.matchTeam:after,.mbsc-mobiscroll .dwwr,.monthSelect,.moveOn,.orderTabbtn_cover,.planBuyBox .betBottomTabCon,.popupAllPlay,.popupFaci,.profitScroll .v2_tuijian,.q_celebrity_toggle,.q_inter_btn_live a,.q_inter_btn a,.q_le_match:after,.q_le_match_toggle .q_celebrity_toggle dl dd,.q_live_select_bs_toggle,.q_match_con_live,.q_match_screen a,.q_select_round_t:after,.q_select_round_t_toggle ul li span,.q_select_round ul li,.q_title_zhenrong .arrow_right,.q_topafewToggle,.q_v3_add_icon,.readGlass.tz:after,.recommend_tab_h5,.rewardPopup,.screenPupup,.selectTimeJc:after,.setMessage,.shareAsse,.signPopup,.slide_choose,.subscribePopup,.testTop,.timeBet:after,.title_arrow:after,.title_score:before,.toggleRewardBtn:after,.toggleSubsBox,.trendTable,.triangle_down,.v2_add_btn_zj,.v2_follow_btn,.v2_select_match {
    transition: all .3s ease-out
}

.q_match_con_live {
    transition: top .2s ease
}

.transBatchIcon {
    transition: all .5s ease-out
}

.sprite {
    background-image: url(/images/yuce/sprite.3bbca8a1026f1728367a.png);
    background-repeat: no-repeat;
    background-size: 320px 400px
}

.justify {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex
}

.addIdCard ul li,.applySelect a,.bar_top_tab a,.bbsPersonpage_tab a,.betBar_jd li,.betOne_btn a,.betTable_c_td,.betTwo_btn a,.businessList li,.columnTab a,.dateBar a,.details_b_share ul li,.dif_slide_select a,.ecyPlan_t_c_li,.gifList li,.guessTabFix a,.hitrateTab_zq a,.imgColumn ul li,.jointLogin ul li,.leaguePageTop_tab a,.liveDateTab a,.liveSubTab a,.matchCard .card_r_list>div,.matchI_bottom ul li,.matchTeam>div,.my_recommend .push_result,.playerBotTab a,.playerButton li,.programTab a,.q_hitrate_column_t ul li,.q_personal_info_c ul li,.q_playerList_ul li,.q_unscrambleCard .Card_3>div,.q_unscrambleCard_14 ul li,.recentPerforFixed li,.rewardCustom_btn ul li,.rewardPopup_b ul li,.setMessage_tab a,.shareAsseBTab a,.shareGroup1 li,.stati_op_box>div,.sub_header_saishi ul li,.sub_header_tab a,.subscribar a,.surplu li,.tabColumn>div,.task_routine ul li,.threeColumn>div,.toggleSubs ul li,.topTalent li,.user_tab_zt ul li {
    -ms-flex: 1;
    flex: 1
}

.justify_align {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.clearfix:before {
    display: initial
}

.icon44 {
    position: absolute;
    z-index: 99;
    width: 44px;
    height: 44px
}

.border {
    position: relative
}

.border:before {
    content: " "!important;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0 solid #ddd;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: transparent;
    z-index: 1
}

.bda:before {
    border-width: 1px
}

.bdt:before {
    border-top-width: 1px
}

.bdr:before {
    border-right-width: 1px
}

.bdb:before {
    border-bottom-width: 1px
}

.bdl:before {
    border-left-width: 1px
}

.bdc_ddd:before {
    border-color: #ddd
}

.bdc_ccc:before {
    border-color: #ccc
}

.bdc_eee:before {
    border-color: #eee
}

.bdc_fff:before {
    border-color: #fff
}

.bdc_333:before {
    border-color: #333
}

.bdc_555:before {
    border-color: #555
}

.bdc_666:before {
    border-color: #666
}

.bdc_999:before {
    border-color: #999
}

.bdc_e5:before {
    border-color: #e5e5e5
}

.bdc_f5:before {
    border-color: #f5f5f5
}

.bdc_ea:before {
    border-color: #eaeaea
}

.bdc_f1:before {
    border-color: #f1f1f1
}

.bdc_d5:before {
    border-color: #d5d5d5
}

.bdc_orange:before {
    border-color: #eb6100
}

.bdc_ddd_10:before {
    border-color: hsla(0,0%,87%,.1)
}

.bdc_000_10:before {
    border-color: rgba(0,0,0,.1)
}

.bdc_fff_5:before {
    border-color: hsla(0,0%,100%,.05)
}

.bdc_fff_10:before {
    border-color: hsla(0,0%,100%,.1)
}

.bdc_fff_20:before {
    border-color: hsla(0,0%,100%,.2)
}

.bdc_fff_50:before {
    border-color: hsla(0,0%,100%,.5)
}

.bdc_000_5:before {
    border-color: hsla(0,0%,100%,.05)
}

.bdc_d8b508:before {
    border-color: #d8b508
}

.bdc_f1cd3c:before {
    border-color: #f1cd3c
}

.bdc_454c5c:before {
    border-color: #454c5c
}

.bdc_3d476c:before {
    border-color: #3d476c
}

.bdc_none:before {
    border-color: transparent
}

.bdc_blue:before {
    border-color: #35c4e5
}

.bdc_green:before {
    border-color: #14ba33
}

.bdc_red:before {
    border-color: #ff4431
}

.bdc_yellow:before {
    border-color: #ffda44
}

.bdc_dfc149:before {
    border-color: #dfc149
}

.bdc_323954:before {
    border-color: #323954
}

.bdc_e5c236:before {
    border-color: #e5c236
}

.bdc_4fba87:before {
    border-color: #4fba87
}

.bdc_d87234:before {
    border-color: #d87234
}

.bdc_e37d31:before {
    border-color: #e37d31
}

.bdc_1d396d:before {
    border-color: hsla(0,0%,60%,.1)
}

.bdc_29497b:before {
    border-color: #29497b
}

.bdc_09356d:before {
    border-color: #09356d
}

.bdc_1e5395:before {
    border-color: #1e5395
}

.bdc_ffe4d1:before {
    border-color: #ffe4d1
}

.bdc_68778a:before {
    border-color: #68778a
}

.bdc_0c4898:before {
    border-color: #0c4898
}

.bdc_07336b:before {
    border-color: #07336b
}

.bdc_649fea:before {
    border-color: #649fea
}

.bdc_32498e:before {
    border-color: #32498e
}

.bdc_4a64af:before {
    border-color: #4a64af
}

.bdc_ededed:before {
    border-color: #ededed
}

.bdc_5267a7:before {
    border-color: #5267a7
}

.bdc_3d4b72:before {
    border-color: #3d4b72
}

.bdc_384465:before {
    border-color: #384465
}

.bdc_d2d9e3:before {
    border-color: #d2d9e3
}

.bdc_24376f:before {
    border-color: #24376f
}

.bdc_a9c1f5:before {
    border-color: #a9c1f5
}

.bdc_5F6994:before {
    border-color: #5f6994
}

.bdradius2:before {
    border-radius: 4px
}

.bdradius3:before {
    border-radius: 6px
}

.bdradius4:before {
    border-radius: 8px
}

.bdradius5:before {
    border-radius: 10px
}

.bdradius6:before {
    border-radius: 12px
}

.bdradius8:before {
    border-radius: 16px
}

.bdradius10:before {
    border-radius: 20px
}

.bdradius20:before {
    border-radius: 40px
}

.bdradius25:before {
    border-radius: 50px
}

.bdradius:before {
    border-radius: 50%
}

.shadow {
    z-index: 99
}

.comHints .right,.lineupPlayTb dd .td .name,.single-line,.wd_bestList li .perc p,.wd_carousel .carouselPic p,.wd_chatGiftPop .name,.wd_eachMost dd .left .name,.wd_eachMost dd .right .name,.wd_feature_calc_more .money,.wd_fxb_card_t p,.wd_handicap>li>div.company,.wd_handicap>li>div.company .name,.wd_handicap_oupei>li .company,.wd_handicap_oupei>li .company .name,.wd_handicap_rqiu li div.company,.wd_hotTopic .txt h3,.wd_hotTopic .txt p,.wd_liveSelPop .con ul li .team,.wd_pkFuture>li ul li.against span,.wd_pkFuture>li ul li.league,.wd_pkList_shoot .title span,.wd_player_d_scroll .left dd .info .name,.wd_player_r_l li .name p,.wd_scoreRank .row .left .name,.wd_tj_field .left ul li .name,.wd_tj_rank .left li .name,.wd_todayMatch .match li .line .name,.wd_ucInfor .wd_ucName .name,.wd_unBeginWrap .result .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.clearBoder .analyst_t,.clearBoder .hw_ct_bar,.clearBoder .hw_ct_bar em,.clearBoder .hw_huoyan,.clearBoder .hw_separate,.clearBoder .list_box,.clearBoder .list_box ul li,.clearBoder .opponent_match .opponent ul,.clearBoder .q_expert_inte .referee,.clearBoder .q_view_decod ul li,.clearBoder .recommend_tab,.clearBoder .referee,.clearBoder .slide_choose ul li,.clearBoder .title_h22,.clearBoder .v2_list_wrap dl dd,.clearBoder .v2_select_btn,.clearBoder .v2_tuijian .recom_reason,.clearBorder .list_box,.clearBorder .list_box ul li,.clearBorder .login_btn a.white,.clearBorder .login_input ul,.clearBorder .login_input ul li,.clearBorder .my_list_wrap,.clearBorder .my_list_wrap ul li,.clearBorder .my_profit_sum ul li,.clearBorder .service_tel,.clearBorder .user_list_wrap,.clearBorder .user_list_wrap01>ul>li,.clearBorder .user_tab,.clearBorder .user_tab a,.clearBorder .user_tab a:first-child,.clearBorder .v2_select_btn {
    border: none
}

.justify-center {
    -ms-flex-pack: center;
    justify-content: center
}

.has-refresher>.scroll-content {
    border-top: 0
}

.refresher-refreshing .spinner-ios line {
    stroke: hsla(0,0%,100%,.5)
}

.refresher-pulling-icon {
    color: hsla(0,0%,100%,.5)
}

.app-loading .loading-wrapper {
    background: rgba(0,0,0,.5)
}

.app-loading .spinner-bubbles circle {
    fill: hsla(0,0%,100%,.5)
}

.app-loading2 .loading-wrapper {
    background: #636363
}

.app-loading2 .loading-content {
    color: #fff
}

.app-loading2 .spinner-bubbles circle {
    fill: hsla(0,0%,100%,.8)
}

.ios ion-menu>.menu-inner>ion-content.statusbar-padding:first-child .scroll-content,.ios ion-nav>.ion-page>ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: 0!important
}

.bottom_tab .tabs,.tabs-ios .tabbar {
    padding-top: 0;
    background: #fff;
    border-style: none
}

.tabs-ios .tabbar {
    box-shadow: 0 -2px 6px 1px rgba(0,0,0,.05)
}

.tabs-ios .tabbar:before {
    content: " "!important;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: transparent;
    z-index: 2
}

.tabs-ios .tab-button {
    min-height: 50px;
    font-size: 11px
}

.bottom_tab .tab-item .icon,.tabs-ios .tab-button-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
    margin-bottom: -5px;
    width: 28px;
    height: 28px
}

.tabs-ios .tab-button-icon {
    min-width: auto
}

.bottom_tab .tab-title {
    display: block
}

.tabs-ios .tab-button-icon {
    min-width: 0
}

.ion-android-happy-outline:before,.ion-android-happy:before,.ion-android-refresh-outline:before,.ion-eye-on:before,.ion-eye:before,.ion-ios-football-outline:before,.ion-ios-football:before,.ion-ios-home-outline:before,.ion-ios-home:before,.ion-ios-person-outline:before,.ion-ios-person:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ion-ios-home-outline:before,.ion-ios-ion-ios-home-outline {
    background: url(/images/yuce/tab01.42e975396b9b2fe6707e.png);
    background-size: cover
}

.ion-ios-home:before,.tabs-ios .tab-button[aria-selected=true] .ion-ios-ion-ios-home-outline {
    background: url(/images/yuce/tab01_on.8498cb6ada0a790c16bf.png);
    background-size: cover
}

.ion-ios-football-outline:before,.ion-ios-ion-ios-football-outline {
    background: url(/images/yuce/tab02.bcffff8aed20d1e9f67e.png);
    background-size: cover
}

.ion-ios-football:before,.tabs-ios .tab-button[aria-selected=true] .ion-ios-ion-ios-football-outline {
    background: url(/images/yuce/tab02_on.e7120b5ec113e2071ac0.png);
    background-size: cover
}

.ion-eye:before,.ion-ios-ion-eye-outline {
    background: url(/images/yuce/tab03.67f74742878dbb694b4c.png);
    background-size: cover
}

.ion-eye-on:before,.tabs-ios .tab-button[aria-selected=true] .ion-ios-ion-eye {
    background: url(/images/yuce/tab03_on.c2a9a0a55e8c288d7b59.png);
    background-size: cover
}

.ion-android-happy-outline:before,.ion-ios-ion-android-happy-outline {
    background: url(/images/yuce/tab04.a08deeb46e3caaefedb0.png);
    background-size: cover
}

.ion-android-happy:before,.ion-android-refresh:before,.tabs-ios .tab-button[aria-selected=true] .ion-ios-ion-android-happy-outline,.tabs-ios .tab-button[aria-selected=true] .ion-ios-ion-android-refresh-outline {
    width: 20px;
    height: 20px;
    margin-top: 4px;
    margin-bottom: 1px;
    border-radius: 50%;
    background: url(/images/yuce/wd_icon_refresh.be8e43123e96c957f1ef.png),#ff8200;
    background-size: 12px 12px,cover;
    background-position: 4px 4px,50%;
    background-repeat: no-repeat
}

.ion-android-refresh:before,.tabs-ios .tab-button[aria-selected=true] .ion-ios-ion-android-refresh-outline {
    animation: rotateR .8s linear infinite
}

.ion-ios-ion-ios-person-outline,.ion-ios-person-outline:before {
    background: url(/images/yuce/tab05.646f686ba79418e79841.png);
    background-size: cover
}

.ion-ios-person:before,.tabs-ios .tab-button[aria-selected=true] .ion-ios-ion-ios-person-outline {
    background: url(/images/yuce/tab05_on.0bdd1b3bc3a1c07bfad2.png);
    background-size: cover
}

.bottom_tab a.tab-item span,.tabs-ios .tab-button {
    color: #333
}

.bottom_tab a.tab-item.tab-item-active span,.tabs-ios .tab-button[aria-selected=true] {
    color: #ff8200!important
}

.bottom_tab .tab-item .ion-android-favorite-outline {
    background: url(/images/yuce/h5_tab_tj.3900f096fab7a2062184.png) no-repeat;
    background-size: cover
}

.bottom_tab a.tab-item.tab-item-active .ion-android-favorite {
    background: url(/images/yuce/h5_tab_tj_on.3dcd9aa766a8665c23db.png) no-repeat;
    background-size: cover
}

.bottom_tab .tab-item .ion-arrow-graph-down-left {
    background: url(/images/yuce/download_tab.d02f78f672d3f3a899cc.png) no-repeat;
    background-size: cover
}

.tab-red-point {
    position: relative
}

.tab-red-point:after {
    position: absolute;
    content: " ";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: red;
    border: 2px solid #fff;
    top: 5px;
    right: 22%
}

.button.button-dark.button-clear {
    color: #fff
}

.icon8_9 {
    right: 4.6875%
}

.icon8_9,.icon8_9_1 {
    background-position: -225px -240px;
    position: absolute;
    top: 11px
}

.icon8_9_1 {
    right: 12.5%
}

.icon8_10 {
    background-position: -225px -270px;
    top: 11px
}

.icon6_11,.icon8_10 {
    position: absolute;
    right: 2.656%
}

.icon6_11 {
    background-position: -165px -300px;
    top: 30px
}

.icon6_11.active {
    background-position: -195px -300px
}

.icon6_12 {
    background-position: -165px -330px;
    position: absolute;
    left: 2.656%;
    top: 30px
}

@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx),(min-resolution:144dpi) {
    .bar {
        border: none;
        background-image: linear-gradient(0deg,#ddd,#ddd 50%,transparent 0);
        background-position: bottom;
        background-size: 100% 0;
        background-repeat: no-repeat
    }
}

.scroll-refresher .ionic-refresher-content {
    font-size: 24px
}

.scroll-refresher .ionic-refresher-content .text-pulling {
    font-size: 12px;
    line-height: 16px
}

.tabs-icon-top>.tabs .tab-item {
    font-size: 11px
}

.bar .button.button-icon,.bar button.button-icon {
    color: #fff
}

.my_list_wrap ul li input::-webkit-input-placeholder {
    color: rgba(0,0,0,.2)
}

.modal,.pane,.view {
    background-color: #eee
}

.bar .title {
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.platform-android .bar .title {
    line-height: 34px
}

.tab-item {
    opacity: 1;
    z-index: 1
}

.pane,.view {
    box-shadow: none!important
}

.hairlines .discount_icon,.hairlines .hw_ct_bar em,.hairlines .hw_hotIcon,.hairlines .hw_huoyan,.hairlines .hw_hyList li,.hairlines .hw_jd2Title,.hairlines .hw_jIcon,.hairlines .hw_power_ss_select li,.hairlines .hw_problem_com_t,.hairlines .hw_recommend,.hairlines .hw_separate,.hairlines .hw_ss_cart,.hairlines .hw_ss_handle {
    border-width: .5px
}

.hairlines .Live_sk_fs.sk_r,.hairlines .Live_sk_fs.sk_r:before {
    border-left-width: .5px
}

.hairlines .aicai_input ul li:first-child,.hairlines .analyst_t,.hairlines .apply_ly,.hairlines .battle_array dt,.hairlines .detailed_list ul li,.hairlines .ev_title,.hairlines .fbtj_txt,.hairlines .h-expert-all-list,.hairlines .h-expert-all-list .referee_con,.hairlines .h-expert-all-list ul li,.hairlines .h-ph-head,.hairlines .index_tab_h5,.hairlines .list_box,.hairlines .list_box ul li,.hairlines .list_wrap>ul>li,.hairlines .Live_sk_list>li,.hairlines .login_input ul,.hairlines .login_input ul li,.hairlines .my_list_wrap,.hairlines .my_list_wrap ul li,.hairlines .opponent ul,.hairlines .problem_com_t,.hairlines .problem_com ul li,.hairlines .q_add_I ul,.hairlines .q_add_I ul li:nth-child(-n+2),.hairlines .q_celebrity_toggle dl dd,.hairlines .q_celebrity_toggle dl dt,.hairlines .q_eminent_list ul li,.hairlines .q_expert_inte .referee,.hairlines .q_fix_top_tab_mrzj,.hairlines .q_index_news,.hairlines .q_index_top_tab,.hairlines .q_list_score_I>ul>li,.hairlines .q_q_live_select_bs_toggle ul li,.hairlines .q_sub_tab_live,.hairlines .recom_focus,.hairlines .recom_reason,.hairlines .recommend_tab,.hairlines .referee,.hairlines .service_btn ul,.hairlines .slide_choose ul li,.hairlines .sum_hy,.hairlines .text_area,.hairlines .tikuan_liucheng,.hairlines .time_fabu,.hairlines .title_h22,.hairlines .title_I,.hairlines .user_list_wrap,.hairlines .user_list_wrap01>ul>li,.hairlines .user_tab,.hairlines .v2_list_wrap .analyst_t,.hairlines .v2_list_wrap .opponent_match .opponent ul,.hairlines .v2_list_wrap dl dd,.hairlines .v2_recom_list,.hairlines .v2_recom_list ul,.hairlines .v2_recom_list ul li:nth-child(-n+4),.hairlines .v2_top_boder,.hairlines .v2_tuijian .recom_reason,.hairlines .v2_tuijian .referee,.hairlines .wrap_border {
    border-bottom-width: .5px
}

.hairlines .index_tab_h5 ul li,.hairlines .Live_sk_fs.sk_l,.hairlines .q_add_I ul li,.hairlines .q_eminent_list ul li,.hairlines .q_yingchao_ranking ul li:first-child,.hairlines .service_btn ul li,.hairlines .user_tab a:first-child {
    border-right-width: .5px
}

.hairlines .apply_ly,.hairlines .btn640.white,.hairlines .ev_title,.hairlines .h-sub ul,.hairlines .last_pay,.hairlines .list_box,.hairlines .Live_sk_fs.sk_r:before,.hairlines .Live_sk_list,.hairlines .login_input ul,.hairlines .my_list_wrap,.hairlines .problem_com ul li,.hairlines .q_add_I ul,.hairlines .q_list_score_I .profile_txt,.hairlines .q_list_score_I>ul>li,.hairlines .q_team_data .h-expert-all-list ul li:first-child,.hairlines .q_view_decod ul,.hairlines .q_view_decod ul li,.hairlines .recom_reason,.hairlines .recommend_tab_h5,.hairlines .referee,.hairlines .sum_hy,.hairlines .text_area,.hairlines .tikuan_liucheng,.hairlines .user_list_wrap,.hairlines .user_tab_zt,.hairlines .user_tab a,.hairlines .v2_balance,.hairlines .v2_balance_bz,.hairlines .v2_list_wrap .race_type,.hairlines .v2_list_wrap_record dl dd:first-child,.hairlines .v2_list_wrap dl dd,.hairlines .v2_select_btn,.hairlines .wrap_border {
    border-top-width: .5px
}

.hairlines .mt-1 {
    margin-top: -.5px
}

.hairlines .aicai_input ul,.hairlines .login_btn a.white,.hairlines .loging_yc,.hairlines .short_btn a,.hairlines .yzm_btn {
    border-width: .5px
}

.hairlines .hw_ct_bar {
    border-color: #f5f5f5
}

.hairlines .recommend_tab.caiqiu {
    border-bottom-color: #20242d
}

.popup-body {
    text-align: center
}[nav-view-transition=ios][nav-view-direction=back],[nav-view-transition=ios][nav-view-direction=forward] {
     background-color: #fff
 }

.androidBorderFix .aicai_input ul li:first-child,.androidBorderFix .apply_ly,.androidBorderFix .battle_array dt,.androidBorderFix .bottom_tab .tabs,.androidBorderFix .btn640.white,.androidBorderFix .detailed_list ul li,.androidBorderFix .ev_title,.androidBorderFix .fbtj_txt,.androidBorderFix .h-expert-all-list,.androidBorderFix .h-expert-all-list .referee_con,.androidBorderFix .h-expert-all-list ul li,.androidBorderFix .h-ph-head,.androidBorderFix .h-sub ul,.androidBorderFix .index_tab_h5,.androidBorderFix .item,.androidBorderFix .last_pay,.androidBorderFix .list_box,.androidBorderFix .list_box ul li,.androidBorderFix .list_wrap>ul>li,.androidBorderFix .Live_sk_fs.sk_r:before,.androidBorderFix .Live_sk_list,.androidBorderFix .Live_sk_list>li,.androidBorderFix .login_input ul,.androidBorderFix .login_input ul li,.androidBorderFix .my_list_wrap,.androidBorderFix .my_list_wrap ul li,.androidBorderFix .nickname_input,.androidBorderFix .opponent ul,.androidBorderFix .problem_com_t,.androidBorderFix .problem_com ul li,.androidBorderFix .q_add_I ul,.androidBorderFix .q_fix_top_tab_mrzj,.androidBorderFix .q_index_news,.androidBorderFix .q_index_top_tab,.androidBorderFix .q_list_score_I .profile_txt,.androidBorderFix .q_list_score_I>ul>li,.androidBorderFix .q_live_con table th,.androidBorderFix .q_sub_tab_live,.androidBorderFix .recom_focus,.androidBorderFix .recom_reason,.androidBorderFix .recommend_tab,.androidBorderFix .recommend_tab_h5,.androidBorderFix .referee,.androidBorderFix .register_scc,.androidBorderFix .release_tj dd,.androidBorderFix .service_btn ul,.androidBorderFix .slide_choose ul li,.androidBorderFix .sum_hy,.androidBorderFix .text_area,.androidBorderFix .tikuan_liucheng,.androidBorderFix .time_fabu,.androidBorderFix .title_h22,.androidBorderFix .title_I,.androidBorderFix .user_list_wrap,.androidBorderFix .user_list_wrap01>ul>li,.androidBorderFix .user_tab,.androidBorderFix .user_tab_zt,.androidBorderFix .user_tab a,.androidBorderFix .v2_balance,.androidBorderFix .v2_balance_bz,.androidBorderFix .v2_list_wrap .analyst_t,.androidBorderFix .v2_list_wrap .opponent_match .opponent ul,.androidBorderFix .v2_list_wrap .race_type,.androidBorderFix .v2_list_wrap_record dl dd:first-child,.androidBorderFix .v2_list_wrap dl dd,.androidBorderFix .v2_recom_list,.androidBorderFix .v2_recom_list ul,.androidBorderFix .v2_select_btn,.androidBorderFix .v2_top_boder,.androidBorderFix .v2_tuijian .recom_reason,.androidBorderFix .v2_tuijian .referee,.androidBorderFix .wrap_border {
    border-color: #eee
}

.androidBorderFix .expert-popup .popup-buttons .button:first-child,.androidBorderFix .info_left,.androidBorderFix .info_left:after,.androidBorderFix .info_right,.androidBorderFix .integral_tab,.androidBorderFix .integral_tab th,.androidBorderFix .list_box ul li,.androidBorderFix .list_wrap>ul>li,.androidBorderFix .Live_sk_list>li,.androidBorderFix .login_input ul li,.androidBorderFix .my_list_wrap ul li,.androidBorderFix .popup_Box_t,.androidBorderFix .q_celebrity_toggle dl dd,.androidBorderFix .q_celebrity_toggle dl dt,.androidBorderFix .q_view_decod ul,.androidBorderFix .recommend_tab,.androidBorderFix .slide_choose ul li,.androidBorderFix .time_fabu,.androidBorderFix .user_list_wrap01>ul>li,.androidBorderFix .user_tab_zt,.androidBorderFix .user_tab a,.androidBorderFix .v2_balance,.androidBorderFix .v2_balance_bz,.androidBorderFix .v2_balance_bz ul li:first-child,.androidBorderFix .v2_list_wrap .analyst_t,.androidBorderFix .v2_list_wrap .opponent_match .opponent ul,.androidBorderFix .v2_recom_list ul li:nth-child(-n+4) {
    border-color: #f5f5f5
}

.androidBorderFix .bottom_tab .tabs,.androidBorderFix .login_btn a.none_bg,.androidBorderFix .login_btn a.white {
    border-color: #ddd!important
}

.androidBorderFix .v2_tuijian .referee {
    border-color: #3e3d3d
}

.androidBorderFix .contentIndex {
    top: 84px!important
}

.iphoneTop .dw-persp,.iphoneTop .slide_caibei,.iphoneTop .slide_choose_r .slide_choose {
    top: 64px
}

.iphoneTop .caiqiu_top_icon,.iphoneTop .q_saishi_top {
    top: 20px
}

.iphoneTop .fixed_top_bar {
    height: 64px
}

.iphoneTop .fixed_top_bar .back_black,.iphoneTop .fixed_top_bar .back_icon_white,.iphoneTop .fixed_top_bar .expert_ewm,.iphoneTop .fixed_top_bar .icon_download,.iphoneTop .fixed_top_bar .icon_share_black,.iphoneTop .fixed_top_bar .wd_trIcon_wrap {
    top: 20px
}

.iphoneTop .fixed_top_bar .js_fixed_recommend_tab {
    top: 64px
}

.iphoneTop .h-ph-head {
    padding-top: 42px
}

.iphoneTop .user_box {
    padding-top: 47px
}

.iphoneTop .user_homepage {
    top: 60px
}

.iphoneTop .user_index_01 {
    top: 50px
}

.iphoneTop .team_th {
    top: 20px
}

.iphoneTop .q_match_con {
    top: 160px
}

.iphoneTop .even_top {
    height: 273px
}

.iphoneTop .even_top_cq {
    height: 190px
}

.iphoneTop .q_match_con_live {
    top: 225px
}

.iphoneTop .q_content_cq {
    top: 190px
}

.iphoneTop .q_celebrity_toggle {
    padding-top: 20px
}

.iphoneTop .q_match_con .q_celebrity_toggle {
    padding-top: 0
}

.iphoneTop .close_btn_white {
    top: 20px
}

.iphoneTop .freeRegBtn {
    top: 27px
}

.iphoneTop .q_expert_home_head {
    height: 110px
}

.iphoneTop .gradientHead {
    height: 170px;
    padding-top: 20px
}

.iphoneTop .fixedItem45 {
    top: 64px
}

.iphoneTop .arcBox {
    height: 115px
}

.iphoneTop .topicHead .topicCard {
    padding-top: 90px
}

.iphoneTop .fixed_top_bar .title {
    margin-top: 20px
}

.iphoneTop .indexTop {
    padding-top: 20px
}

.iphoneTop .indexCon {
    top: 103px
}

.iphoneTop .informaTop {
    height: 165px
}

.iphoneTop .iosFocus {
    bottom: 240px
}

.iphoneTop .slide_choose_doings {
    top: 61px
}

.iphoneTop .even_top,.iphoneTop .playerTop {
    padding-top: 20px
}

.iphoneTop .liveGuide .img01 {
    padding-top: 30px
}

.iphoneTop .liveGuide .img02 {
    padding-top: 75px
}

.iphoneTop .liveGuide .img03 {
    padding-top: 27px
}

.androidBorderFix .recommend_tab.caiqiu {
    border-color: #20242d
}

.q_scroll_con_qiudui {
    bottom: 140px
}

.iphoneTop .q_scroll_con_qiudui {
    bottom: 160px
}

.q_xiangqing_con_scroll {
    bottom: 185px
}

.iphoneTop .q_xiangqing_con_scroll {
    bottom: 205px
}

.slide-in-right {
    transform: translateX(100%)
}

.slide-in-right.ng-enter,.slide-in-right>.ng-enter {
    transition: all .4s cubic-bezier(.1,.7,.1,1)
}

.slide-in-right.ng-enter-active,.slide-in-right>.ng-enter-active {
    transform: translateX(0)
}

.slide-in-right.ng-leave,.slide-in-right>.ng-leave {
    transition: all .25s ease-in-out
}

.vote-sheet .action-sheet .button {
    color: #333!important;
    font-size: 16px
}

.scrollAnimate .even_top {
    height: 131px;
    overflow: hidden
}

.scrollAnimate .even_top .team_con {
    height: 0;
    overflow: hidden;
    padding: 0
}

.scrollAnimate .q_match_con_live {
    top: 94px
}

.scrollAnimate .q_live_round {
    display: none
}

.scrollAnimate .even_header {
    margin-bottom: 0;
    height: 44px
}

.scrollAnimate>.fixed-content,.scrollAnimate>.scroll-content {
    margin-top: 131px!important
}

.iphoneTop .scrollAnimate>.fixed-content,.iphoneTop .scrollAnimate>.scroll-content {
    margin-top: 151px!important
}

.scrollAnimate .q_scroll_to_block,.scrollAnimate .q_scroll_to_block_jd {
    display: block
}

.iphoneTop .scrollAnimate .even_top {
    height: 152px;
    overflow: hidden
}

.iphoneTop .scrollAnimate .q_match_con_live {
    top: 114px
}

.scrollAnimate_notime .even_top {
    height: 84px;
    overflow: hidden
}

.scrollAnimate_notime .q_match_con_live {
    top: 84px
}

.scrollAnimate_notime .q_scroll_to_block_jd {
    display: none
}

.iphoneTop .scrollAnimate_notime .even_top {
    height: 104px
}

.iphoneTop .scrollAnimate_notime .q_match_con_live {
    top: 104px
}

.iphoneTop .q_homepageTop {
    padding-top: 64px
}

.iphoneTop .q_shareCard {
    padding-top: 105px
}

.platform-android .action-sheet .action-sheet-title,.platform-android .action-sheet .button {
    text-align: center;
    display: block;
    padding: 1px;
    width: 100%;
    border-radius: 0;
    border-color: #d1d3d6;
    background-color: transparent;
    color: #007aff;
    font-size: 21px
}

.platform-android .action-sheet-cancel {
    display: block
}

.platform-android .action-sheet-group {
    margin-bottom: 8px;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden
}

.platform-android .action-sheet {
    margin-left: 8px;
    margin-right: 8px
}

.sign_icon {
    vertical-align: top;
    margin-right: 1px;
    margin-top: 12px;
    background: url(/images/yuce/sign_icon.aa2e8b24d13ad4e682d6.png);
    background-size: cover
}

.actCardI:active,.expertInteI .q_expert_inte ul li:active,.expertInteI .q_expert_inte ul li:active .referee,.liaoba .liaoba_t .h-expert-all-list ul li:active,.liaoba .liaoba_t .h-expert-all-list ul li:active .referee,.red_recomLink:active,.top_linelist ul li:active,.v2_list_wrap_dd:active {
    background: #f5f5f5
}

.bbsexpertList ul li:active,.businessList li:active,.ecyPlan_c_li_td:nth-child(4):active,.giftBtnI.activated,.list_wrap>ul>li:active,.list_wrap_score>ul>li:active,.listCard_tiezi:active,.listCard_tiezi:active .referee,.mulInputTxt_c a.activated,.my_list:active,.noteNub a.activated,.probateList_li:active,.profitPlanModel_li:active,.q_eminent_slidelist ul li:active,.q_index_top_tab ul li:active,.readGlass.activated,.scoreList_li:active,.speColumnLi:active,.top_linelistTiezi ul li:active,.user_tab a.activated,.user_tab a:active,.voicDownTip a.activated {
    background-color: #f5f5f5
}

.bbsexpertList ul li:active .referee {
    background: none
}

.back_icon_white.activated,.expert_ewm.activated,.icon_addFollow.activated,.icon_download.activated,.icon_help_little_white.activated,.icon_plan_01.activated,.icon_plan_03.activated,.icon_release.activated,.icon_release_white.activated,.icon_score_left.activated,.icon_score_right.activated,.icon_search.activated,.icon_shoucang.activated,.newIconMy.activated,.setupIcon.activated {
    opacity: .2
}

.back_black.activated,.betlinkBtn.activated,.close_btn_white.activated,.freeRegBtn.activated,.home_icon_white.activated,.icon_share_black.activated,.q_determine_btn.activated,.search_clear.activated {
    opacity: .6
}

.compLink.activated,.goTopBtn.activated,.imgColumn ul li:active,.no_betToLink li:active,.programTab a.activated,.pubResultBtn.activated,.reSoundBtn.activated,.searchInput.activated,.shareAsseClose.activated,.specialSer_b ul li:active,.spotTypeBtn.activated {
    opacity: .8
}

.sbdt {
    border-top: 1px solid hsla(0,0%,100%,.1)
}

.sbdb {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.sbdr {
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.sbdl {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.sbda3 {
    border: 1px solid hsla(0,0%,100%,.1)!important;
    border-radius: 3px
}

.sbd_line {
    position: absolute;
    top: 0;
    left: 110px;
    width: 100%;
    height: 1px;
    border-top: 1px solid hsla(0,0%,100%,.1)
}

.sbdr_e5 {
    border-right: 1px solid #f5f5f5
}

.sbdt_eee {
    border-top: 1px solid #f5f5f5
}

.popup_jietu .popup-body {
    padding: 30px 0 20px;
    position: relative
}

.popup_jietu .popup-body:before {
    content: " "!important;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #eee;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: transparent;
    z-index: 1
}

.popup_jietu .button.button-positive {
    color: #5383ec
}

.bottom80 {
    bottom: 80px
}

.bottom135 {
    bottom: 135px
}

.popupAllPlay.height230 {
    height: 230px
}

.ab33g {
    transition: all .3s ease
}

.calcScroll,.equityList .eqOptionWrap.scroll,.liveDateTab,.matchSelBtnListWrap,.popupWrap.redPacketRule .rule,.q_fix_top_tab ul,.scrollTouch,.specialSer_b ul,.wd_allReply_pop .wd_postList,.wd_hotTopic_scroll,.wd_liveSelPop .con,.wd_matchTop .wd_turnBtnList.ftb,.wd_methodTabScroll .wd_methodTab,.wd_pkRange.group,.wd_popup_con,.wd_tabBar.scroll,.wd_todayMatch .match {
    -webkit-overflow-scrolling: touch
}

.clearfloat,.notice {
    border-radius: 5px
}

.notice {
    background-color: green;
    border: 2px solid #0a0
}

.add3d .noviceRoom,.add3d .rankMacthTop,.add3d .wd_autoScroll {
    transform: translateZ(0)
}

.box ul {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

.box ul li {
    -ms-flex: 1;
    flex: 1;
    width: 1%
}

.box ul.active {
    color: #333
}

.tabBtn {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

.tabBtn a {
    -ms-flex: 1;
    flex: 1;
    width: 1%
}

.col-1 {
    width: 20%
}

.col-2 {
    width: 40%
}

.col-3 {
    width: 60%
}

.col-4 {
    width: 80%
}

.col-5 {
    width: 100%
}

.blueHook,.liveIntel dt span,.liveIntelTime,.setUpswitch,.startFocus img,.transY,.wd_glossaryPop,.wd_handicap>li>div.company .name .wd_circleSign,.wd_liveNews li div,.wd_liveNews li em,.wd_matchLists .live,.wd_matchLive_text li span,.wd_sel_blue,.wd_toubiChart .rangqiu {
    transform: translateY(-50%)
}

.transX,.wd_liveStatus {
    transform: translateX(-50%)
}

.redPacket .backward,.redPacket .getAward,.transXY,.wd_imgWrap img,.wd_noData,.wd_progressWrap .percent {
    transform: translate(-50%,-50%)
}

.fadeInTopBefore,.wd_indexNavMenu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: all .3s ease
}

.fadeInTopAfter,.wd_indexNavMenu.animate {
    opacity: 1;
    visibility: visible;
    transform: none
}

.fadeInBottomBefore,.matchSelPopup,.popupPay,.wd_allReply_pop,.wd_popup,.wd_popup_auto,.wd_seasonSel.bottom {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: all .3s ease
}

.fadeInBottomAfter,.matchSelPopup.animate,.popupPay.animate,.wd_allReply_pop.animate,.wd_popup.animate,.wd_popup_auto.animate,.wd_seasonSel.bottom.animate {
    opacity: 1;
    visibility: visible;
    transform: none
}

.fadeInBefore,.goalVoiceSilde,.susOpen,.wd_liveSelPop,.wd_seasonSel {
    opacity: 0;
    visibility: hidden
}

.fadeInAfter,.goalVoiceSilde.animate,.susOpen.animate,.wd_liveSelPop.animate,.wd_seasonSel.animate {
    opacity: 1;
    visibility: visible;
    transform: none
}

@keyframes activeScaleX {
    0% {
        transform: scaleX(0)
    }

    50% {
        transform: scaleX(1.2)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes goWidth {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.content-ios {
    background-color: #f2f2f2
}

.bg_0b3d66 {
    background: #0b3d66
}

.bg_242b45 {
    background: #0d4a7a
}

.bg_242b45_linear {
    background-image: -webkit-linear-gradient(top,#01001d,#0d4a7a)
}

.bg_f2 {
    background-color: #f2f2f2
}

.bg_fb {
    background-color: #fbfbfb
}

.bg_white {
    background-color: #fff!important
}

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    transition: opacity .1s linear
}

.backdrop.visible {
    visibility: visible
}

.backdrop.active {
    opacity: 1
}

.popup-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    z-index: 12
}

.popup-container.popup-showing {
    visibility: visible
}

.popup-container.popup-hidden .popup {
    animation-name: scaleOut;
    animation-duration: .1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both
}

.popup-container.active .popup {
    animation-name: superScaleIn;
    animation-duration: .2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both
}

.popup-container .popup {
    width: 250px;
    max-width: 100%;
    max-height: 90%;
    border-radius: 0;
    background-color: hsla(0,0%,100%,.9);
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup-container input,.popup-container textarea {
    width: 100%
}

.popup-head {
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    text-align: center
}

.popup-title {
    margin: 0;
    padding: 0;
    font-size: 15px
}

.popup-sub-title {
    margin: 5px 0 0;
    padding: 0;
    font-weight: 400;
    font-size: 11px
}

.popup-body {
    padding: 10px;
    overflow: auto
}

.popup-buttons {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px;
    min-height: 65px
}

.popup-buttons .button {
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    min-height: 45px;
    border-radius: 2px;
    line-height: 20px;
    margin-right: 5px
}

.popup-buttons .button:last-child {
    margin-right: 0
}

.popup-open .popup,.popup-open .popup-backdrop {
    pointer-events: auto
}

button,input,select,textarea {
    margin: 0;
    outline-offset: 0;
    outline-style: none;
    outline-width: 0;
    -webkit-font-smoothing: inherit;
    background-image: none
}

button,select {
    text-transform: none
}

button,input,label,select,textarea {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.42857
}

.bar .title {
    position: static;
    margin: 0 auto;
    height: 34px;
    line-height: 34px;
    width: 100%;
    font-size: 18px;
    color: #fff
}

element.style {
    color: #fff;
    left: 54px;
    right: 54px
}

.bar_title {
    position: static;
    font-weight: 500;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    margin: 0 10px;
    min-width: 30px;
    height: 43px;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    line-height: 44px
}

.myHeader {
    min-height: 44px;
    box-sizing: content-box;
    position: relative
}

.icon-right {
    position: relative;
    margin: 10px
}

.icon-right:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 6px;
    border-bottom: 2px solid #2db370;
    border-left: 2px solid #2db370;
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    margin-top: -1px
}

.icon-cross {
    position: relative;
    margin: 10px
}

.icon-cross:after,.icon-cross:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 14px;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    background-color: #ea4747
}

.icon-cross:after {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg)
}

.icon-v-right {
    position: relative;
    width: 30px;
    height: 30px;
    color: #ccc;
    margin-left: -5px;
    margin-right: -10px
}

.icon-v-right:after {
    content: "";
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    left: 50%;
    top: 50%;
    margin-left: -2px;
    transform: translate(-50%,-50%) rotate(45deg);
    box-sizing: border-box
}

.headArrow,.icon-v-right:after {
    display: inline-block;
    position: absolute
}

.headArrow {
    top: 0;
    left: 0;
    width: 88px;
    height: 88px;
    -webkit-transform: scale(.5);
    transform-origin: 0 0
}

.headArrow:after {
    width: 18px;
    height: 18px;
    border-left: 3px solid #bbb;
    border-bottom: 3px solid #bbb;
    -webkit-transform: translate(-50%,-50%) rotate(45deg)
}

.headArrow:after,.headArrow:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%
}

.headArrow:before {
    width: 28px;
    height: 3px;
    background: #bbb;
    -webkit-transform: translate(-50%,-50%)
}

.arrow-down {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #bbb;
    border-radius: 2px;
    transition: all .3s ease-in-out
}

.arrow-down.active {
    transform: rotate(-180deg)
}

.arrow-right {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-right: 3px solid #ccc;
    border-top: 3px solid #ccc;
    transform: rotate(45deg) scale(.5);
    margin-bottom: -3px
}

.op_main {
    position: relative;
    z-index: 11;
    width: 100%;
    top: 40px;
    font-size: 12px;
    height: 100%
}

.op_main,.qop_title ul li {
    color: #666;
    line-height: 40px
}

.qop_title ul li {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.qop_title ul li:first-child {
    width: 69px;
    background: #f2f2f2
}

.op_side {
    position: absolute;
    left: 0;
    width: 22%;
    height: 100%;
    z-index: 16;
    background: #f2f2f2;
    text-align: center
}

.op_side_scroll {
    height: 100%;
    padding-bottom: 44px
}

.op_side .j_title,.op_side_scroll {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.user_img,.wrap {
    width: 100%
}

.user_img {
    text-align: center;
    padding: 20px 0;
    background: #ffda44
}

.user_img_box {
    width: 72px;
    height: 72px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden
}

.user_img img {
    width: 100%;
    height: 100%
}

.login_input ul {
    padding: 0;
    background: #fff;
    border-top: 1px solid #ddd
}

.login_input ul li {
    padding: 0 15px;
    font-size: 0;
    list-style: none;
    line-height: 44px
}

.login_input ul li:last-child {
    border-bottom: 0
}

.login_input ul {
    border-bottom: 1px solid #ddd
}

.login_input input {
    vertical-align: middle;
    display: inline-block;
    padding: 0;
    height: 40px;
    width: 52%;
    color: #313233;
    font-size: 15px;
    border: none;
    outline: medium
}

@media screen and (min-width:320px) and (max-width:360px) {
    .login_input input {
        font-size: 13px
    }
}

.registerInput input {
    width: 60%
}

.history_user {
    font-size: 14px;
    padding-left: 70px
}

.moble_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px
}

.icon1_1 {
    background-position: 0 0
}

.icon1_2 {
    background-position: 0 -25px
}

.clear_input {
    display: inline-block;
    margin-top: 12px;
    width: 20px;
    height: 20px
}

.icon1_3 {
    background-position: 0 -50px
}

.arrow_down,.eye_close,.eye_open {
    display: inline-block;
    margin-top: 12px;
    width: 20px;
    height: 20px;
    margin-left: 10px
}

.icon1_4 {
    background-position: 0 -75px
}

.arrow_down.active {
    transform: rotate(180deg)
}

.eye_close {
    background-position: 0 -100px
}

.eye_open {
    background-position: 0 -125px
}

.forget_pw {
    padding: 13px 15px 35px
}

.forget_pw a {
    font-size: 12px;
    text-decoration: none;
    float: right;
    color: hsla(0,0%,100%,.5)
}

.c5fb336 {
    color: #5fb336
}

.login_btn {
    padding: 0 15px
}

.login_btn a {
    box-sizing: border-box;
    margin-bottom: 15px;
    font-size: 16px;
    display: block;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    text-align: center;
    border-radius: 3px
}

.login_btn a.grey {
    background: #ddd;
    color: #fff
}

.login_btn a.yellow {
    background: #f4d145;
    color: #333
}

.login_btn a.yellow.activated {
    background: #f3c407
}

.login_btn a.white {
    background: #fff;
    color: #333
}

.login_btn a.white.activated {
    background: #f7f7f7
}

.login_btn a.active {
    background: #14ba33;
    color: #fff
}

.login_btn a.orange {
    background: #eb6100;
    color: #fff
}

.login_btn a.orange.activated {
    background: #d05601
}

.login_btn a.none_bg {
    background: none;
    color: #999;
    border: 1px solid #999
}

.login_btn a.none_bg_blue {
    background: none;
    color: #5383ec;
    border: 1px solid #eee
}

.login_btn a.none_bg_blue.activated {
    background: #f7f7f7
}

.copyright_b {
    margin-top: 82px;
    padding: 0 4.6875% 15px
}

.copyright_b .line {
    width: 100%;
    height: 1px;
    background: #dcdcdc
}

.copycontent {
    width: 90px;
    margin-left: auto;
    margin-right: auto;
    background: #f4f4f4;
    margin-top: -12px;
    text-align: center
}

.copycontent p {
    font-size: 12px;
    color: #adadad
}

.copycontent img {
    width: 34px;
    height: 34px
}

.user_aicai_img {
    padding: 30px 0
}

.aicai_input {
    padding: 0 4.6875%
}

.aicai_input ul {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #dedfe0
}

.aicai_input ul li {
    padding: 0 10px;
    font-size: 0;
    list-style: none;
    line-height: 35px
}

.aicai_input ul li:first-child {
    border-bottom: 1px solid #dedfe0
}

.aicai_input input {
    vertical-align: middle;
    display: inline-block;
    padding: 0;
    width: 80%;
    color: #313233;
    font-size: 14px;
    border: none;
    outline: medium
}

.icon1_7 {
    background-position: 0 -150px
}

.icon1_8 {
    background-position: 0 -175px
}

.login_aicai_btn a {
    height: 36px;
    background: #fb1752;
    color: #fff;
    line-height: 36px
}

.register_link {
    position: absolute;
    width: 100%;
    color: #2471e5;
    text-align: center;
    left: 0;
    bottom: 20px
}

.register_link,.switch_link {
    font-size: 12px;
    text-decoration: none
}

.switch_link {
    float: right;
    line-height: 27px
}

.wrap30 {
    padding: 0 15px
}

.icon1_9 {
    background-position: 0 -200px
}

.yzm_btn {
    display: inline-block;
    font-size: 13px;
    line-height: 44px;
    text-decoration: none;
    text-align: center;
    width: 100px;
    height: 44px;
    color: #5383ec;
    margin-right: -15px
}

.agree_link {
    font-size: 0;
    text-align: center
}

.agree_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px
}

.icon1_10 {
    background-position: 0 -225px
}

.icon1_10.active {
    background-position: 0 -250px
}

.agree_link p {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #818181;
    margin: 0;
    margin-top: -3px
}

.agree_link p a {
    text-decoration: none
}

.again_60s {
    font-size: 12px;
    color: #999;
    float: right
}

.service_tel {
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 0;
    border-radius: 3px;
    height: 35px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 35px;
    padding: 0 13px;
    border: 1px solid #ccc;
    position: absolute;
    color: #666;
    bottom: 20px
}

.service_tel,.service_tel1 {
    font-size: 12px;
    text-align: center
}

.service_tel1 {
    width: 100%;
    color: #999;
    margin-top: 235px
}

.no_yzm {
    width: 100%;
    white-space: nowrap;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    font-size: 12px;
    color: #666;
    bottom: 65px;
    text-align: center
}

.v2_nofixed {
    text-align: center;
    margin-top: 70px
}

.v2_nofixed .no_yzm,.v2_nofixed .service_tel {
    position: static
}

.v2_nofixed .service_tel {
    margin-top: 10px;
    transform: translateX(0)
}

.register_scc {
    padding: 20px 0;
    text-align: center;
    border-radius: 3px;
    background: #fff
}

.register_scc img {
    width: 36px;
    height: 40px;
    margin-bottom: 15px
}

.register_scc h2 {
    font-size: 18px;
    color: #333;
    margin-top: 0;
    margin-bottom: 8px
}

.register_scc p {
    font-size: 13px;
    color: #999;
    margin-bottom: 0
}

.nickname {
    padding: 0 4.6875%
}

.nickname p {
    font-size: 11px;
    color: #adadad;
    margin-bottom: 7px
}

.nickname_input {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box
}

.nickname_input .name {
    width: 18%;
    height: 42px;
    line-height: 42px;
    color: #666;
    text-align: center
}

.nickname_input .name,.nickname_input input {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px
}

.nickname_input input {
    padding: 0;
    width: 80%;
    color: #313233;
    border: none;
    outline: medium
}

.arrow_right {
    display: inline-block;
    width: 20px;
    transform: rotate(-90deg);
    height: 20px;
    vertical-align: middle
}

.verify_sms {
    font-size: 14px;
    color: #333;
    padding: 15px 4.6875%;
    background-color: #fff
}

.new_txt {
    display: inline-block;
    width: 23%;
    font-size: 15px;
    color: #333;
    vertical-align: middle
}

.newpw_input input {
    width: 55%
}

.safety_tips {
    color: #999;
    padding-bottom: 20px;
    margin-top: 50px
}

.safety_tips h4 {
    font-size: 12px;
    margin-bottom: 14px;
    color: #333
}

.safety_tips p {
    font-size: 12px;
    color: #999;
    line-height: 16px;
    padding-left: 10px
}

.safety_tips p span {
    margin-left: -10px
}

.reset_btn {
    width: 65%;
    margin-left: auto;
    margin-right: auto
}

.reset_btn a {
    height: 35px;
    line-height: 35px;
    margin-bottom: 18px
}

.reset_btn a.white {
    border-color: #14ba33
}

.recommend_tab {
    z-index: 4;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex
}

.recommend_tab a {
    height: 40px;
    line-height: 40px;
    display: block;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    -ms-flex: 1;
    flex: 1;
    color: #999
}

.recommend_tab a.active {
    color: #333;
    border-bottom: 2px solid #ffda44;
    font-weight: 700
}

.recommend_tab.h35 {
    height: 35px
}

.recommend_tab.h35 a {
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    position: relative
}

.recommend_tab.h35 a.active {
    border-bottom: none;
    color: #999
}

.recommend_tab.h45 {
    height: 45px
}

.recommend_tab.h45 a {
    height: 45px;
    line-height: 45px;
    position: relative
}

.recommend_tab.h45 .q_has_newsI {
    right: 50%;
    top: 10px;
    margin-right: -40px
}

.arrow_down1.active {
    transform: rotate(180deg)
}

.recommend_tab.caiqiu {
    background: #20242d;
    border-bottom-color: #505868;
    border-bottom-color: #20242d
}

.recommend_tab.caiqiu a {
    color: #999
}

.recommend_tab.caiqiu a.active {
    color: #ffda44;
    border-bottom-color: #ffda44
}

.recommend_tab a span {
    display: inline-block;
    height: 100%
}

.list_wrap>ul>li {
    background: #fff;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}

.list_wrap>ul>li:last-child {
    margin-bottom: 0
}

.analyst_t {
    margin-left: 4.6875%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 4.6875%
}

.analyst_icon {
    width: 40px;
    height: 40px;
    vertical-align: middle
}

.analyst_icon,.analyst_icon_img {
    display: inline-block;
    border-radius: 50%
}

.analyst_icon_img {
    overflow: hidden
}

.analyst_icon_img,.analyst_icon_img img {
    width: 100%;
    height: 100%
}

.analyst_info {
    margin-left: 5px;
    margin-right: 5px
}

.analyst_info,.analyst_info a {
    color: #333;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px
}

.analyst_info a {
    text-decoration: none;
    white-space: nowrap
}

.analyst_guess {
    display: inline-block;
    padding: 0 3px;
    height: 14px;
    vertical-align: middle;
    line-height: 14px;
    border-radius: 2px;
    background: #ff4431;
    color: #fff;
    font-size: 10px
}

.analyst_guess:before {
    content: " "!important;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ff4431;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: transparent;
    z-index: 1;
    border-radius: 4px
}

.analyst_guess.none_bg {
    background: none;
    color: #ff4431;
    font-size: 10px
}

.analyst_guess.orange,.analyst_guess.red {
    margin-top: 0;
    margin-left: 2px;
    background: #ea4747;
    color: #fff;
    font-size: 10px
}

.analyst_guess.yellow {
    background: #f39800
}

.analyst_guess.pink {
    margin-top: 0;
    margin-left: 2px;
    background: #ffe8db;
    color: #ea4747;
    font-size: 10px
}

.analyst_guess.pink:before {
    border: 1px solid #ffe8db
}

.triangle-topright {
    width: 0;
    height: 0;
    border-top: 6px solid #ff4431;
    border-left: 6px solid transparent;
    position: absolute;
    left: -4px;
    top: 0
}

.hit_rate {
    font-size: 12px;
    color: #999;
    position: absolute;
    right: 4%;
    top: 50%;
    line-height: 38px;
    white-space: nowrap;
    transform: translateY(-50%)
}

.hit_rate span {
    font-size: 14px;
    font-weight: 700
}

.view_state {
    position: absolute;
    top: 0;
    right: 0;
    width: 11%;
    text-align: center;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    background: #ccc
}

.view_state.green {
    background: #14ba33
}

.v2_list_wrap .view_state {
    width: 15%
}

.race_type>span {
    display: inline-block;
    padding: 12px 5px;
    font-size: 11px;
    line-height: 11px;
    white-space: nowrap
}

.race_type {
    position: relative;
    margin-left: 4.6875%;
    font-size: 0;
    color: #999
}

.race_type span:first-child {
    padding-left: 0
}

.opponent_img {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    height: 20px
}

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

.team_name {
    display: inline-block;
    width: 70px;
    vertical-align: middle;
    color: #333;
    font-size: 14px;
    margin-left: 5px;
    white-space: nowrap
}

.opponent_match {
    margin-left: 4.6875%
}

.opponent ul {
    display: table;
    width: 100%;
    padding-right: 4.6875%;
    padding-bottom: 6px
}

.opponent ul li {
    float: left;
    position: relative
}

.opponent ul li:nth-child(2) {
    width: 10%
}

.opponent ul li:first-child,.opponent ul li:last-child {
    width: 45%
}

.opponent_score ul {
    padding-bottom: 10px;
    border-bottom: 0
}

.opponent_box {
    width: 100%;
    height: 30px;
    line-height: 30px;
    white-space: nowrap
}

.opponent ul li:nth-child(2) p {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    margin: 0;
    height: 30px;
    line-height: 30px
}

.count_ball {
    left: 0;
    width: 50%;
    text-align: center;
    font-size: 12px;
    color: #999
}

.count_ball,.scoreTime {
    position: absolute;
    top: 20px
}

.scoreTime {
    font-size: 14px;
    color: #333;
    right: 18%
}

.fire_eye {
    position: absolute;
    right: 0;
    top: 4px;
    width: 50%;
    height: 50px;
    text-align: right
}

.eye_box {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #eaeaea;
    border-radius: 50%
}

.eye_box p {
    text-align: center;
    line-height: 10px;
    margin: 0
}

.eye_box p:first-child {
    margin-top: 8px;
    margin-bottom: 6px
}

.eye_box p:last-child {
    font-size: 10px
}

.white_cover {
    width: 50px;
    margin-left: -5px;
    height: 6px;
    background: #fff;
    width: 0;
    height: 0
}

.profile_txt {
    font-size: 13px;
    padding: 13px 15px;
    color: #999;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.profile_txt.pl45 {
    padding-left: 45px
}

.profile_txt:before {
    left: 45px
}

.v2_list_wrap_zjzy .profile_txt:before {
    left: 15px
}

.profile_icon {
    display: inline-block;
    width: 12px;
    height: 20px;
    vertical-align: middle
}

.icon2_1 {
    background-position: -25px 0
}

.icon2_2 {
    background-position: -25px -25px
}

.gradg_icon {
    position: absolute;
    z-index: 1;
    bottom: -3px;
    right: -3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 30px 0
}

.gradg_vip {
    background-position: -25px -50px
}

.gradg_test {
    background-position: -25px -75px
}

.gradg_official {
    background-position: -25px -100px
}

.gradg_icon.no_level {
    background-image: none
}

.chedan_icon,.correct_icon,.invalid_icon,.wait_icon,.wrong_icon {
    position: absolute;
    width: 45px;
    height: 45px;
    top: -43px;
    right: 35%;
    z-index: 10
}

.correct_icon {
    background-position: -50px 0
}

.wrong_icon {
    background-position: -50px -50px
}

.wait_icon {
    background-position: -50px -100px
}

.no_recom img {
    width: 50px;
    height: 64px;
    margin-bottom: 15px;
    margin-top: 60px
}

.no_recom p {
    font-size: 14px;
    color: #999;
    margin-bottom: 10px
}

.title_h2 {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #999
}

.screen_tab {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex
}

.screen_tab a {
    display: block;
    height: 36px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: 34px;
    background: #fff;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    -ms-flex: 1;
    flex: 1;
    color: #999
}

.screen_tab a:first-child {
    border-left: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

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

.screen_tab a.active {
    border-bottom: 2px solid #ffda44;
    color: #333
}

.select_match_btn {
    font-size: 0;
    margin-left: -2.4%;
    overflow-y: auto;
    height: 180px;
    -webkit-overflow-scrolling: touch
}

.select_match_btn a {
    display: inline-block;
    margin-left: 2.4%;
    margin-bottom: 10px;
    box-sizing: border-box;
    min-width: 22.4%;
    padding: 0 10px;
    height: 36px;
    text-decoration: none;
    font-size: 12px;
    color: #999;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 34px;
    text-align: center
}

.select_match_btn a.active {
    color: #333;
    background: #fff3c3;
    border-color: #dfc149
}

.btn640,.btn640_pay {
    position: absolute;
    width: 100%;
    text-decoration: none;
    z-index: 10;
    padding: 0;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    color: #fff;
    background: #ff9000;
    text-align: center;
    left: 0;
    bottom: 0
}

.btn640.white {
    background: #fff;
    color: #333;
    border-top: 1px solid #ccc
}

.btn640.gray {
    height: 50px;
    line-height: 50px;
    color: #333;
    background: #f5f5f5
}

.btn640.gray .add_ico {
    color: #333
}

.btn640_pay {
    height: 49px;
    line-height: 49px
}

.btn640_pay.red {
    background: #ea4747
}

.btn640_pay.bg_333 {
    background: #333
}

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

.list_box ul {
    margin-left: 4.6875%
}

.list_box ul li {
    padding-right: 4.6875%;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #e5e5e5
}

.list_box ul li:last-child {
    border-bottom: 0
}

.list_box_li_l {
    float: left;
    color: #333;
    font-size: 15px
}

.list_box_li_r {
    float: right;
    color: #999;
    font-size: 15px;
    white-space: nowrap
}

.referee {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 4.6875%;
    padding-right: 4.6875%
}

.referee_con {
    padding-left: 55px
}

.referee_con.pr50 {
    padding-right: 50px
}

.hit_rate1 {
    line-height: 20px;
    position: absolute;
    right: 16%;
    top: 50%;
    margin-top: -11px
}

.button.button-icon.ion-compose:before {
    font-size: 28px
}

.analyst_jj {
    margin-top: -10px
}

.analyst_jj .v2_fensi_sum {
    color: #5383ec
}

.analyst_jj p {
    line-height: 16px;
    font-size: 12px;
    color: #999;
    overflow: hidden
}

.analyst_guess1,.analyst_info1 {
    vertical-align: baseline
}

.referee_b {
    font-size: 0;
    height: 16px
}

.triangle_down {
    display: inline-block;
    vertical-align: top;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #d6d6d6
}

.triangle_down.active {
    transform: rotate(180deg)
}

.recom_reason {
    background: #fff
}

.title_h22 {
    color: #333;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 4.6875%
}

.title_h22.cfff {
    color: #fff
}

.match_time {
    padding-top: 10px;
    text-align: center;
    color: #999;
    font-size: 12px;
    line-height: 12px
}

.match_forecast,.match_opponent {
    padding: 8px 4.6875%
}

.match_opponent {
    padding-bottom: 5px
}

.match_forecast {
    padding-top: 5px;
    padding-bottom: 17px
}

.match_forecast ul,.match_opponent ul {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex
}

.match_forecast ul li,.match_opponent ul li {
    -ms-flex: 1;
    flex: 1
}

.match_forecast ul.no_border {
    margin-top: -5px
}

.match_forecast ul.no_border .forecast_btn {
    border: none;
    padding: 0
}

.ranks_logo img {
    display: block;
    margin: 0 auto;
    width: 36px;
    height: 36px
}

.match_state {
    line-height: 12px;
    text-align: center;
    color: #999
}

.release_tj .match_state {
    height: 22px;
    line-height: 22px
}

.match_state span {
    font-size: 12px
}

.match_state:first-child {
    margin-bottom: 8px
}

.match_forecast ul li {
    margin-right: 10px;
    width: 33.333333%
}

.match_forecast ul li:last-child {
    margin-right: 0
}

.forecast_btn {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 7px 0;
    border: 1px solid #666;
    border-radius: 3px
}

.forecast_btn p {
    text-align: center;
    margin-bottom: 0;
    height: 14px;
    line-height: 14px
}

.forecast_btn p:first-child {
    margin-bottom: 5px;
    white-space: nowrap
}

.forecast_btn p em {
    font-size: 10px;
    color: #999
}

.forecast_btn p .teamName {
    max-width: 80%;
    padding-right: 2px;
    display: inline-block;
    vertical-align: top
}

.let_ball1 {
    font-size: 13px;
    color: #666;
    text-align: center;
    line-height: 46px
}

.select_icon {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10
}

.icon2_6 {
    background-position: -25px -125px
}

.forecast_btn.active {
    border-color: #ffda44;
    background-color: #ffda44
}

.forecast_btn.active p {
    color: #333
}

.forecast_btn.active p em {
    color: #b39931
}

.forecast_btn.active .select_icon {
    display: block
}

.recom_reason {
    border-bottom: 0
}

.reason_con {
    padding: 12px 4.6875% 15px
}

.reason_con p {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 0;
    color: #333
}

.watch_live {
    text-align: center;
    padding: 0 7px;
    font-size: 10px;
    color: #fff;
    line-height: 18px;
    background: #14ba33;
    border-radius: 3px
}

.watch_live,.watch_live_icon {
    display: inline-block;
    height: 18px;
    vertical-align: middle
}

.watch_live_icon {
    width: 20px;
    margin-left: -5px
}

.icon2_7 {
    background-position: -25px -150px
}

.match_score {
    font-size: 14px;
    color: #666
}

.lottery_re {
    font-size: 12px;
    color: #999
}

.lottery_re span {
    font-size: 14px
}

.hit_icon {
    top: -13px;
    right: 28%
}

.payment_tiptxt {
    padding: 30px 0 100px;
    text-align: center;
    color: #333;
    font-size: 12px
}

.payment_bottom {
    height: 44px;
    line-height: 44px;
    font-size: 12px;
    color: #666;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #e5e5e5
}

.payment_bottom_l {
    left: 4.6875%;
    top: 0;
    width: 90%;
    position: absolute
}

.payment_bottom_btn {
    display: inline-block;
    width: 37%;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #ff9000;
    text-decoration: none
}

.pay_page {
    text-align: center;
    padding-top: 45px
}

.pay_page p {
    margin-bottom: 5px
}

.pay_page_icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-bottom: 14px
}

.pay_success {
    background-position: -100px 0
}

.pay_false {
    background-position: -100px -40px
}

.short_btn,.short_btn a {
    text-align: center
}

.short_btn a {
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: none;
    width: 56%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #14ba33;
    border-radius: 3px;
    color: #fff;
    font-size: 18px
}

.short_btn a.green {
    background: #14ba33
}

.short_btn a.white {
    color: #14ba33
}

.short_btn a.gray {
    color: #14ba33;
    background: none;
    color: #333;
    border: none
}

.short_btn a.w42 {
    width: 42%
}

.short_btn a.w40 {
    width: 40%
}

.short_btn a.w30 {
    width: 25%
}

.bottom_mlink {
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 30px;
    position: absolute
}

.bottom_mlink a {
    color: #999;
    font-size: 12px
}

.arrow_down1 {
    margin: 0;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 15px
}

.slide_choose {
    opacity: 0;
    visibility: hidden;
    background: #fff;
    z-index: 999;
    position: absolute;
    width: 100%;
    left: 0;
    top: 41px;
    transform: translateY(40px)
}

.slide_choose.animate {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.slide_choose_jd {
    top: 0
}

.slide_choose_jd ul li .correct {
    display: none;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 10px;
    background: url(/images/yuce/quan_active.56bd8aaa309adf3df6a8.png) no-repeat;
    background-size: cover
}

.slide_choose ul li.active .correct {
    display: block
}

.slide_choose ul {
    padding-left: 4.6875%
}

.slide_choose ul li {
    position: relative;
    padding: 0 5px;
    font-size: 14px;
    color: #999;
    height: 45px;
    line-height: 45px
}

.slide_choose ul li:last-child {
    border-bottom: 0
}

.slide_choose ul li.active {
    color: #333;
    border-color: #ffda44
}

.slide_choose ul li.active .tick_icon {
    display: inline-block
}

.slide_choose ul li>div {
    float: left;
    width: 70%
}

.slide_choose ul li>div:first-child {
    text-align: left
}

.slide_choose ul li>div:last-child {
    text-align: right;
    width: 30%
}

.tick_icon {
    display: none;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -2px
}

.icon2_8 {
    background-position: -25px -175px
}

.ranking_txt {
    font-size: 14px;
    color: #999;
    line-height: 38px;
    white-space: nowrap
}

.ranking_txt span {
    font-size: 12px
}

.ranking_hit {
    background: #fff
}

.list_wrap_hit ul li {
    font-size: 0;
    border-bottom: 0;
    margin-bottom: 0
}

.hit_rate_nb {
    display: inline-block;
    vertical-align: middle;
    width: 12%;
    font-size: 14px;
    color: #666;
    text-align: center
}

.hit_rate_nb span {
    white-space: nowrap
}

.list_wrap_hit ul li:last-child .analyst_t {
    border-bottom: 0
}

.startFocus {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff
}

.startFocus img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%
}

.focusPic {
    position: relative;
    padding-top: 42.66666667%;
    height: 0
}

.focusPic img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0
}

.focusBox .slider-slide {
    width: 0;
    overflow: hidden
}

.focusBox img {
    width: 100%
}

.focusBox .slider-pager {
    text-align: right;
    bottom: 9px;
    padding-right: 10px
}

.focusBox .slider-pager .slider-pager-page,.swiper-pagination-bullet {
    vertical-align: top;
    width: 4px;
    height: 4px;
    margin: 0 2px!important;
    border-radius: 50%;
    background: #ffda44;
    font-size: 0
}

.focusBox .slider-pager .slider-pager-page.active1,.swiper-pagination-bullet-active {
    opacity: 1
}

.focusBox .swiper-pagination {
    text-align: right;
    padding-right: 15px
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 7px
}

.recom_focus {
    position: relative;
    background: #fafafa
}

.recom_focus.bg_fff,.recom_title {
    background: #fff
}

.recom_title {
    font-size: 14px;
    color: #333;
    text-align: center
}

.recom_title_icon,.recom_title span {
    vertical-align: middle
}

.recom_title_icon {
    display: inline-block;
    width: 20px;
    height: 14px
}

.icon2_9 {
    background-position: -25px -200px
}

.recom_con {
    padding: 15px 0 25px
}

.recom_con ul {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex
}

.recom_con ul li {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    width: 33.3333%
}

.expert_tx {
    display: inline-block;
    width: 62px;
    height: 62px
}

.expert_img {
    border-radius: 50%;
    overflow: hidden
}

.expert_tx .expert_img,.expert_tx .expert_img img {
    width: 100%;
    height: 100%
}

.gradg_icon_I {
    bottom: -3px;
    right: -2px
}

.expert_name {
    font-size: 14px;
    color: #333;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.expert_txt p {
    font-size: 12px;
    color: #999;
    line-height: 18px;
    margin-bottom: 10px
}

.new_infor {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    overflow: hidden;
    background: #ff4431;
    position: absolute;
    right: 0;
    top: 0
}

.recom_focus .slider-pager {
    bottom: 0
}

.recom_focus .slider-pager .slider-pager-page {
    width: 5px;
    height: 5px;
    vertical-align: middle;
    border-radius: 50%;
    background: #ccc;
    opacity: 1;
    font-size: 0
}

.recom_focus .slider-pager .slider-pager-page.active {
    background: #ffda44
}

.title_I {
    color: #333;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 4.6875%;
    background: #fff
}

.banner_I {
    padding: 10px 0 5px
}

.banner_I_img {
    display: inline-block;
    width: 70px;
    height: 70px;
    vertical-align: middle
}

.banner_I_bg {
    width: 100%
}

.banner_I_txt {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translateY(-50%)
}

.banner_I_txt h3 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0
}

.banner_I_txt p {
    font-size: 12px;
    color: #fff;
    opacity: .5;
    margin-bottom: 0
}

.title_score {
    position: relative;
    background: #f5f5f5;
    font-size: 12px;
    color: #666;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.title_arrow:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.title_score.active:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: -2px
}

.opponent_score ul li:first-child {
    width: 50%
}

.opponent_score ul li:nth-child(2) {
    width: 20%;
    position: relative;
    text-align: right;
    padding-right: 10px
}

.opponent_score ul li:last-child {
    width: 15%
}

.opponent_score ul li:last-child:after {
    opacity: 0
}

.bifen_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 9px;
    margin-top: 20px
}

.icon2_10 {
    background-position: -25px -225px
}

.list_wrap_score>ul>li {
    border-bottom: 0;
    margin-bottom: 0;
    margin-bottom: 10px
}

.q_list_score_I>ul>li:last-child {
    margin-bottom: 0
}

.list_wrap_score .race_type span {
    padding-bottom: 0
}

.list_wrap_score .race_type {
    position: relative
}

.icon2_11 {
    background-position: -25px -250px
}

.icon2_11.active {
    background-position: -25px -275px
}

.hot_icon {
    position: absolute;
    right: 0;
    top: -1px;
    display: inline-block;
    width: 35px;
    height: 35px
}

.icon4_3 {
    background-position: -100px -80px
}

.live_header {
    height: 44px;
    background: #14ba33;
    position: relative
}

.live_header .tab_btn {
    height: 100%;
    margin: 0 auto;
    font-size: 0;
    text-align: center
}

.live_header .tab_btn a {
    line-height: 34px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    opacity: .5
}

.live_header .tab_btn a.active {
    opacity: 1
}

.header_ticon {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 12px
}

.icon5_10 {
    left: 4.6875%;
    background-position: -140px -225px
}

.icon5_11 {
    right: 4.6875%;
    background-position: -140px -250px
}

.q_list_score_I .profile_txt {
    padding-left: 0;
    margin-left: 12%;
    border-top: 1px solid #e5e5e5
}

.Live_sk {
    background: #fff
}

.Live_sk_list>li {
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.Live_sk_fs {
    font-size: 12px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    position: absolute;
    top: 0;
    white-space: nowrap
}

.Live_sk_fs.sk_r {
    right: 4.6875%
}

.Live_sk_fs.sk_l {
    left: 4.6875%
}

.Live_sk_fs.sk_r span {
    margin-left: 10px
}

.Live_sk_fs.sk_l span {
    margin-right: 10px
}

.Live_sk_team {
    width: 26%;
    height: 45px;
    display: table;
    margin: 0 auto
}

.Live_sk_team li {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    color: #333
}

.Live_sk_team li:first-child,.Live_sk_team li:last-child {
    width: 30%
}

.Live_sk_team li:first-child {
    text-align: right
}

.Live_sk_team li:nth-child(2) {
    text-align: center
}

.Live_sk_team li p {
    margin-bottom: 0
}

.Live_sk_team .car_bg {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 2px solid #dedede;
    border-radius: 50%;
    vertical-align: middle;
    overflow: hidden
}

.Live_sk_team .car_bg.green {
    border-color: #14ba33
}

.live_card {
    display: inline-block;
    width: 20px;
    height: 20px
}

.icon5_5 {
    background-position: -140px -100px
}

.icon5_6 {
    background-position: -140px -125px
}

.icon5_7 {
    background-position: -140px -150px
}

.icon5_8 {
    background-position: -140px -175px
}

.icon5_9 {
    background-position: -140px -200px
}

.Live_status {
    padding: 8px 4.6875%;
    background: #fafafa
}

.Live_status ul {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex
}

.Live_status ul li {
    -ms-flex: 1;
    flex: 1
}

.Live_status ul li:nth-child(4) {
    -ms-flex: 2;
    flex: 2;
    text-align: center
}

.Live_status ul li span {
    font-size: 10px;
    color: #999;
    vertical-align: middle
}

.Live_status .live_card {
    vertical-align: middle
}

.triangle_down_bf {
    position: absolute;
    right: 4.6875%;
    top: 10px
}

.release_tj {
    margin-bottom: 0
}

.release_tj .match_opponent {
    padding-top: 24px
}

.release_tj .v2_race_add_time {
    position: absolute;
    left: 2%;
    color: #999;
    font-size: 13px;
    top: 0;
    line-height: 35px
}

.release_tj dd {
    position: relative;
    background: #fff;
    margin-bottom: 10px
}

.release_tj dd:last-child {
    margin-bottom: 0
}

.release_tj .icon_tj {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    background: url(/images/yuce/fbtj_icon.87bb820f7d76d3d1ee3b.png) no-repeat;
    background-size: cover
}

.icon5_1 {
    background-position: -140px 0
}

.release_tj .ranks_logo {
    margin-top: 25px
}

.bottom_btn {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 49px;
    line-height: 49px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-size: 16px
}

.bottom_btn.gray {
    background: #999
}

.bottom_btn.yellow {
    background: #eb6100;
    color: #fff
}

.bottom_btn.active {
    background: #14ba33
}

.has_send {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 10px;
    height: 15px;
    line-height: 16px;
    background: #ccc;
    color: #fff;
    font-size: 10px
}

.forecast_btn.gray {
    background: #f9f9f9;
    color: #ccc;
    border-color: #ccc
}

.forecast_btn.gray p,.let_ball1.gray {
    color: #ccc
}

.fbtj_txt {
    font-size: 12px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    border-bottom: 1px solid #e8e8e8;
    background: #f9f9f9;
    color: #999
}

.release_dg .ranks_logo {
    margin-top: 0
}

.release_dg .ranks_logo p,.release_tj .ranks_logo p {
    font-size: 14px;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 10px
}

.release_dg .match_state {
    height: 20px
}

.release_dg .ranks_logo p.active {
    color: #14ba33
}

.release_dg dd {
    padding-left: 8%;
    margin-bottom: 10px
}

.release_dg dd:last-child {
    margin-bottom: 0
}

.goal_nub {
    position: absolute;
    width: 20px;
    font-size: 11px;
    text-align: center;
    line-height: 20px;
    height: 20px;
    left: -14px;
    top: 18px;
    border-radius: 50%;
    white-space: nowrap
}

.goal_nub.gray {
    background-position: -140px -25px;
    color: #d6d7d2
}

.goal_nub.green {
    background-position: -140px -50px;
    color: #08a122
}

.goal_nub.red {
    background-position: -140px -75px;
    color: #fe5114
}

.release_dg .match_forecast {
    padding-bottom: 12px
}

.release_dg .match_forecast ul li {
    margin-right: 7px
}

.release_dg .match_forecast ul li:last-child {
    margin-right: 0
}

.release_dxq .ranks_logo {
    margin-top: 0
}

.release_dxq .ranks_logo p {
    margin-bottom: 0;
    margin-top: 5px
}

.release_dxq .match_state {
    height: 20px
}

.release_dxq .ranks_logo p.active {
    color: #14ba33
}

.con_tuijian {
    padding: 15px 0
}

.con_tuijian p {
    font-size: 12px;
    color: #999;
    margin-bottom: 0;
    line-height: 24px
}

.con_tuijian p span {
    color: #333;
    margin-right: 15px;
    font-size: 14px
}

.con_tuijian p span.green {
    color: #14ba33
}

.text_area {
    padding: 15px 4.6875%;
    background: #fff
}

.text_area h2 {
    margin-bottom: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #333
}

.text_area textarea {
    width: 100%;
    height: 140px;
    background: none;
    color: #666;
    line-height: 18px;
    font-size: 14px;
    border: none;
    overflow-y: auto;
    resize: none;
    -ms-word-break: break-word;
    word-break: break-all;
    word-wrap: break-word
}

.sum_hy {
    padding: 8px 4.6875%;
    background: #fff;
    white-space: nowrap
}

.sum_hy input,.sum_hy span {
    vertical-align: middle
}

.sum_hy input {
    width: 80%;
    display: inline-block;
    background: #fff;
    margin-left: 10px;
    padding-top: 0
}

.text_tuijian {
    padding: 20px 0
}

.text_tuijian h3 {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px
}

.text_tuijian p {
    font-size: 13px;
    color: #999;
    line-height: 18px;
    margin-bottom: 0
}

.user_header {
    background: #ffda44
}

.user_box {
    margin-left: 4.6875%;
    padding-top: 27px;
    padding-bottom: 32px
}

.user_icon {
    vertical-align: middle;
    box-sizing: content-box
}

.user_icon,.user_icon_img {
    display: inline-block;
    width: 51px;
    height: 51px;
    border-radius: 50%
}

.user_icon_img {
    overflow: hidden
}

.user_icon_img img {
    width: 100%;
    height: 100%
}

.com_25icon {
    margin-top: -1px;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle
}

.my_list {
    background: #fff;
    padding: 0 4.6875%;
    height: 45px;
    line-height: 45px;
    overflow: hidden
}

.my_list_l span {
    margin-left: 5px;
    font-size: 16px
}

.my_list_l span,.my_list_r span {
    vertical-align: middle
}

.my_list_r strong {
    font-weight: 400;
    font-size: 28px;
    color: #ff4431
}

.user_tab {
    font-size: 0;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex
}

.user_tab a {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    display: block;
    border-top: 1px solid #e5e5e5;
    font-size: 14px;
    color: #999;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #fff;
    text-decoration: none
}

.user_tab a.active {
    color: #ffa92c
}

.user_tab a.green {
    color: #14ba33
}

.user_tab a.blue {
    color: #5383ec
}

.user_tab a.red {
    color: #ea4747
}

.user_tab a:first-child {
    border-right: 1px solid #e5e5e5
}

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

.my_list_r .arrow_right {
    margin-top: -2px
}

.user_tab_zt ul li {
    text-align: center;
    padding: 7px 0
}

.user_tab_zt ul li p {
    font-size: 12px;
    color: #666;
    margin-bottom: 0
}

.user_tab_zt .icontop {
    display: inline-block;
    position: relative
}

.user_tab_zt .icontop .spot {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ff4431;
    right: -2px;
    top: 3px
}

.icon6_1 {
    position: absolute;
    right: 4.6875%;
    top: 30px;
    background-position: -165px 0
}

.icon6_2 {
    background: url(/images/yuce/icon6_2.6f5aac1fdd2818bf466c.png) no-repeat;
    background-size: cover
}

.icon6_3 {
    background-position: -165px -60px
}

.icon6_4 {
    background-position: -165px -90px
}

.icon6_5 {
    background-position: -165px -120px
}

.icon6_6 {
    background-position: -165px -150px
}

.icon6_7 {
    background-position: -165px -180px
}

.icon6_8 {
    background-position: -165px -210px
}

.icon6_9 {
    background-position: -165px -240px
}

.icon6_10 {
    background-position: -165px -270px
}

.icon7_1 {
    background-position: -195px 0
}

.icon7_2 {
    background-position: -195px -30px
}

.icon7_3 {
    background-position: -195px -60px
}

.icon7_4 {
    background-position: -195px -90px
}

.icon7_5 {
    background-position: -195px -120px
}

.icon7_6 {
    background-position: -195px -150px
}

.icon7_7 {
    background-position: -195px -180px
}

.icon7_8 {
    background-position: -195px -210px
}

.icon7_9 {
    background-position: -195px -240px
}

.icon7_10 {
    background-position: -195px -270px
}

.user_list_wrap01>ul {
    margin-left: 43px
}

.icon6_yljh {
    background: url(/images/yuce/icon6_yljh.17b58d68aa580106ed5e.png) no-repeat;
    background-size: cover
}

.icon6_wdzl {
    background: url(/images/yuce/icon6_wdzl.fcbfefc010ab312c95dc.png) no-repeat;
    background-size: cover
}

.user_list_wrap01>ul>li {
    border-bottom: 1px solid #e5e5e5
}

.user_list_wrap01>ul>li:last-child {
    border-bottom: 0
}

.user_list_wrap01>ul>li:last-child:before {
    border-width: 0
}

.user_list_wrap01 .my_list {
    margin-left: -43px
}

.my_list .my_list_l {
    width: 50%
}

.user_homepage {
    position: absolute;
    right: 15%;
    top: 40px;
    width: 70px;
    height: 24px;
    line-height: 22px;
    border: 1px solid #ad973d;
    border-radius: 20px;
    text-align: center
}

.user_homepage a {
    font-size: 13px;
    color: #333;
    text-decoration: none
}

.user_homepage .arrow_right {
    margin-top: -3px;
    background-image: url(/images/yuce/v2_arrow_bg.eeb46a5420e107ff4144.png);
    background-position: 0 0;
    background-size: cover
}

.my_profit {
    background: #fff
}

.my_profit_txt {
    padding-left: 4.6875%;
    padding-top: 10px;
    font-size: 12px;
    color: #999
}

.my_profit_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -2px
}

.icon5_12 {
    background-position: -140px -274px
}

.my_profit_sum {
    padding: 15px 0 20px
}

.my_profit_sum ul li {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-right: 1px solid #e5e5e5
}

.my_profit_sum ul li:last-child {
    border-right: 0
}

.my_profit_sum ul li:last-child:before {
    border-width: 0
}

.my_profit_sum ul li p {
    margin-bottom: 0;
    font-size: 20px;
    margin-bottom: 5px
}

.my_profit_sum ul li span {
    display: block;
    font-size: 12px;
    color: #999
}

.tk_name {
    font-size: 14px;
    color: #333;
    padding: 0 4.6875%;
    height: 44px;
    line-height: 44px
}

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

.my_list_wrap ul {
    margin-left: 4.6875%
}

.my_list_wrap ul li {
    padding-right: 4.6875%;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.my_list_wrap ul li:last-child {
    border-bottom: 0
}

.my_list_wrap ul li span {
    display: inline-block;
    vertical-align: middle;
    width: 77px;
    font-size: 15px;
    color: #333;
    height: 44px;
    line-height: 44px
}

.my_list_wrap ul li input {
    height: 40px;
    width: 65%;
    outline: medium
}

.my_list_wrap ul li input,.my_list_wrap ul li select {
    vertical-align: middle;
    display: inline-block;
    padding: 0;
    color: #313233;
    font-size: 15px;
    border: none
}

.my_list_wrap ul li select {
    height: 24px;
    background: #fff
}

.my_list_wrap .arrow_right {
    position: absolute;
    top: 12px;
    right: 4.6875%
}

.tk_txt {
    padding: 0 4.6875%;
    height: 40px;
    line-height: 44px;
    font-size: 12px;
    color: #999
}

.my_list_wrap .yzm_btn {
    position: absolute;
    top: 0;
    right: 4.6875%;
    width: 70px
}

.tk_tiptxt {
    padding: 40px 0 1px
}

.tk_tiptxt h3 {
    font-size: 14px;
    color: #333;
    margin-bottom: 14px
}

.tk_tiptxt p {
    font-size: 14px;
    color: #999;
    line-height: 18px;
    margin-bottom: 10px
}

.bank_icon {
    width: 36px;
    height: 36px;
    margin-left: -50px
}

.bank_icon,.bank_name {
    display: inline-block;
    vertical-align: middle
}

.bank_name {
    margin-left: 10px
}

.bank_name p {
    margin-bottom: 0;
    white-space: nowrap
}

.bank_name .bank_name_t {
    color: #333;
    font-size: 15px
}

.bank_name_b {
    color: #999;
    font-size: 12px
}

.my_list_wrap .special {
    padding-top: 14px;
    padding-bottom: 10px;
    margin-left: 50px
}

.my_list_wrap .special .arrow_right {
    top: 20px
}

.bgnk_list {
    padding: 20px 0
}

.bgnk_list .item-content {
    padding: 0;
    padding-top: 14px;
    padding-bottom: 14px
}

.bgnk_list .my_list_wrap {
    border-bottom: 0;
    border-top: 0
}

.bgnk_list .my_list_wrap ul li {
    border-bottom: 0
}

.bgnk_list .bank_icon {
    margin-left: 0
}

.bgnk_list .my_list_wrap .com_20icon {
    position: absolute;
    top: 10px;
    right: 4.6875%
}

.com_20icon {
    display: inline-block;
    width: 20px;
    height: 20px
}

.icon2_13 {
    background-position: -25px -300px;
    visibility: hidden
}

.icon2_13.active {
    visibility: visible
}

.more_bank {
    font-size: 14px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    color: #999;
    background-color: #fff;
    border: 1px dashed #ccc
}

.more_bank a {
    text-decoration: none;
    color: #999
}

.bgnk_list .item .my_list_wrap .bank_name .bank_name_t {
    color: #333;
    font-size: 15px
}

.bgnk_list .item .my_list_wrap .bank_name .bank_name_b {
    color: #999;
    font-size: 12px
}

.tk_money {
    padding: 15px 4.6875%;
    font-size: 14px;
    color: #333;
    position: relative
}

.tk_money span {
    font-size: 20px;
    color: #ff4431
}

.tk_money em {
    position: absolute;
    top: 17px;
    right: 4.6875%;
    font-size: 12px;
    color: #999
}

.list_box_tk ul li {
    height: auto
}

.tk_flowsheet {
    margin-top: 23px;
    margin-left: 14px;
    border-left: 1px solid #ddd;
    padding-bottom: 40px
}

.tk_flowsheet dl {
    margin-top: -1px;
    margin-bottom: 0
}

.tk_flowsheet dl dd {
    height: 70px
}

.step_nub {
    width: 28px;
    height: 28px;
    margin-left: -14px;
    border: 1px solid #ddd;
    font-size: 16px;
    color: #999;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    line-height: 28px;
    text-align: center
}

.step_txt {
    padding-left: 30px
}

.step_txt p {
    font-size: 14px;
    color: #999;
    margin-bottom: 5px
}

.step_txt span {
    display: block;
    font-size: 12px;
    color: #bbb;
    line-height: 16px
}

.tk_flowsheet dl dd.green .step_nub {
    background: #ffda44;
    color: #333;
    border-color: #333
}

.tk_flowsheet dl dd.green .step_txt p {
    color: #333
}

.tk_flowsheet dl dd.red .step_nub {
    background: #ff4431;
    color: #fff;
    border-color: #ff4431
}

.tk_flowsheet dl dd.red .step_txt p {
    color: #ff4431
}

.add_ico {
    color: #333;
    font-size: 20px;
    margin-right: 5px;
    font-weight: 700
}

.follow_header .icon5_10 {
    background: none;
    font-size: 32px;
    top: 7px;
    color: #fff;
    text-align: center
}

.follow_header .tab_btn {
    width: 60%
}

.apply_zjI {
    padding-top: 20px;
    text-align: center
}

.apply_zjI img {
    width: 80px;
    height: 80px;
    margin: 22px auto
}

.apply_zjI p {
    font-size: 14px;
    color: #999
}

.apply_zjI_txt p {
    color: #adadad;
    font-size: 11px;
    line-height: 15px
}

.apply_ly {
    background: #fff;
    padding: 15px 4.6875%;
    padding-bottom: 0
}

.apply_ly_t {
    font-size: 15px;
    color: #666;
    margin-bottom: 6px
}

.apply_ly textarea {
    width: 100%;
    height: 75px;
    background: none;
    color: #999;
    line-height: 18px;
    font-size: 14px;
    border: none;
    overflow-y: auto;
    resize: none;
    -ms-word-break: break-word;
    word-break: break-all;
    word-wrap: break-word
}

.photo_img_list ul li {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 50px;
    height: 50px;
    position: relative
}

.photo_img_list ul li img {
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.photo_close_btn {
    position: absolute;
    width: 25px;
    height: 25px;
    background-position: -225px -300px;
    top: -12px;
    right: -12px
}

.icon4_4 {
    background-position: -100px -120px
}

.icon4_5 {
    background-position: -100px -160px
}

.camera_photo {
    padding: 10px 0 0
}

.camera_photo a {
    margin-right: 20px
}

.list_follow .referee {
    padding-bottom: 5px
}

.list_follow .analyst_jj p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.list_follow .referee {
    border-top: 0
}

.list_follow ul li:last-child .referee {
    border-bottom: 0
}

.list_box_sz ul li {
    height: 44px;
    line-height: 44px
}

.about_us {
    text-align: center
}

.about_us img {
    margin: 87px 0 20px;
    width: 80px;
    height: 80px
}

.about_us p {
    color: #333;
    font-size: 16px
}

.coypRight {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 28px;
    text-align: center
}

.coypRight p {
    font-size: 10px;
    color: #999;
    margin-bottom: 0
}

.tk_tiptxt_b {
    padding-top: 90px
}

.pay_input .nickname_input .name {
    width: 32%
}

.pay_input .nickname_input input {
    width: 66%
}

.last_pay {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #666;
    padding: 0 4.6875%;
    border-top: 1px solid #dedfe0
}

.personal_zl .my_list_wrap ul {
    margin-left: 0
}

.personal_zl .my_list_wrap ul li {
    padding-right: 0;
    padding: 0 4.6875%
}

.personal_zl .my_list_wrap .arrow_right {
    float: right;
    position: static;
    margin-top: 12px;
    margin-right: -5px;
    margin-left: 7px
}

.my_icon {
    float: right;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 5px
}

.my_icon img {
    width: 100%;
    height: 100%
}

.personal_zl .right_txt {
    float: right;
    margin-left: 15px;
    line-height: 44px;
    height: 44px;
    top: 0
}

.personal_zl .my_list_wrap ul li span {
    float: left;
    width: 100px
}

.personal_area {
    padding: 12px
}

.personal_area textarea {
    width: 100%;
    height: 165px;
    background: none;
    color: #333;
    line-height: 18px;
    font-size: 14px;
    border: none;
    overflow: auto;
    resize: none;
    -ms-word-break: break-word;
    word-break: break-word;
    word-wrap: break-word
}

.nickname p.p1 {
    margin-bottom: 0;
    height: 35px;
    line-height: 35px;
    color: #333
}

.detailed_txt {
    padding: 14px 4.6875% 12px;
    font-size: 12px
}

.detailed_txt p {
    margin-bottom: 0
}

.detailed_list {
    background: #fff
}

.detailed_list ul {
    margin-left: 4.6875%
}

.detailed_list ul li {
    padding: 16px 0;
    padding-right: 4.6875%;
    border-bottom: 1px solid #f1f1f1
}

.detailed_list ul li:last-child {
    border-bottom: 0
}

.detailed_list .detailed_list_l p {
    margin-bottom: 0;
    font-size: 14px;
    color: #333
}

.detailed_list .detailed_list_l span {
    display: block;
    font-size: 12px;
    color: #999;
    white-space: nowrap
}

.detailed_list .detailed_list_r {
    text-align: right
}

.detailed_list .detailed_list_r p {
    margin-bottom: 0;
    font-size: 14px
}

.detailed_list .detailed_list_r span {
    display: block;
    font-size: 12px;
    color: #999
}

.slide_choose_r .slide_choose {
    width: 50%;
    left: 50%;
    top: 44px;
    box-shadow: 0 5px 5px #ccc
}

.slide_choose_r .slide_choose:after,.slide_choose_r .slide_choose:before {
    right: 11.6875%
}

.service_btn {
    background: #fff
}

.service_btn ul li {
    width: 33.333%;
    text-align: center;
    padding: 14px 0;
    border-right: 1px solid #f1f1f1;
    -ms-flex: 1;
    flex: 1
}

.service_btn ul li:last-child {
    border-right: 0
}

.service_btn ul {
    border-bottom: 1px solid #f1f1f1
}

.service_btn ul:last-child {
    border-bottom: 0
}

.service_btn ul li p {
    margin-bottom: 0;
    font-size: 12px;
    color: #333;
    margin-top: 3px
}

.problem_com ul li {
    background: #fff;
    margin-bottom: 10px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 4.6875%
}

.problem_com_t {
    height: 35px;
    line-height: 35px;
    color: #333;
    font-size: 14px;
    border-bottom: 1px solid #f1f1f1
}

.problem_com_con {
    padding: 15px 0
}

.problem_com_con p {
    margin-bottom: 0;
    font-size: 12px;
    color: #999;
    line-height: 16px
}

.time_fabu {
    position: relative;
    height: 45px;
    line-height: 45px;
    margin-left: 15px;
    font-size: 12px;
    color: #999
}

.record_tj .analyst_t,.record_tj .opponent ul {
    border-bottom: 0;
    padding-bottom: 0
}

.record_tj .analyst_info {
    margin-left: 0
}

.record_tj .opponent ul {
    padding-bottom: 10px
}

.h-expert-home .hit_icon {
    right: 32%
}

.h-expert-home .h-expert-none {
    padding: 12% 0;
    background: #fff
}

.h-expert-home .h-expert-none-img {
    padding: 0 0 4%
}

.h-ph-head {
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    padding-top: 22px;
    padding-bottom: 21px;
    position: relative;
    text-align: center;
    line-height: 14px
}

.h-ph-head .q_bg_pic,.q_expert_home_head .q_bg_pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95%;
    opacity: .5;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% auto;
    -moz-filter: blur(13px);
    -ms-filter: blur(13px);
    filter: blur(13px);
    transform-origin: center center
}

.q_expert_home_head .q_bg_pic {
    height: 100%
}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2) {
    .h-ph-head .q_bg_pic {
        opacity: 1
    }
}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
    .h-ph-head .q_bg_pic {
        opacity: 1
    }
}

@media (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .h-ph-head .q_bg_pic {
        opacity: 1
    }
}

@media (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .h-ph-head .q_bg_pic {
        opacity: 1
    }
}

.h-ph-head .q_bg_color,.q_expert_home_head .q_bg_color {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5)
}

.q_ph_head {
    position: relative;
    z-index: 10
}

.h-ph-head .expert_name {
    font-size: 17px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    margin: 9px 0 10px
}

.h-ph-head .expert_tx {
    width: 65px;
    height: 65px;
    vertical-align: middle
}

.h-ph-head .expert_txt {
    font-size: 11px;
    color: #fff;
    margin-bottom: 15px
}

.h-ph-head .expert_txt span {
    color: #fff;
    display: inline-block;
    padding: 0 6px;
    border-radius: 3px;
    height: 15px;
    line-height: 15px;
    background: #a69e9b
}

.h-ph-head .expert_txt span.yellow {
    background: #ffa92c
}

.h-ph-head .expert_txt span.green {
    background: #14ba33
}

.h-ph-head .expert_txt span.blue {
    background: #35c4e5
}

.h-ph-head .expert_txt span.red {
    background: #f45757
}

.h-ph-head .expert_atten {
    display: inline-block;
    height: 12px;
    line-height: 12px;
    margin-bottom: 12px
}

.h-ph-head .expert_atten li {
    float: left;
    font-size: 14px;
    color: #fff;
    margin: 0 4px;
    white-space: nowrap
}

.h-ph-head .expert_atten:after {
    content: "";
    clear: both;
    display: block
}

.h-ph-head .gradg_icon {
    right: 0;
    bottom: 0
}

.h-ph-head .expert_atten li:nth-child(2) {
    opacity: .3
}

.q_expert_match_wrap {
    padding: 15px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.q_expert_match_tab {
    border-radius: 5px;
    overflow: hidden;
    height: 28px;
    line-height: 27px;
    text-align: center;
    width: 63%;
    margin: 0 auto;
    border: 1px solid #ccc;
    color: #999;
    font-size: 14px
}

.q_expert_match_tab a {
    width: 1%;
    border-right: 1px solid #ccc;
    background: #eee;
    text-decoration: none;
    color: #999;
    display: block;
    -ms-flex: 1;
    flex: 1
}

.q_expert_match_tab a:last-child {
    border-right: 0
}

.q_expert_match_tab.no_bg a.active,.q_expert_match_tab a.active {
    background: #999;
    color: #fff
}

.q_expert_match_tab.no_bg a {
    background: none
}

.h-intro {
    margin: 0 20%;
    color: #fff;
    font-size: 12px;
    opacity: .7;
    position: relative;
    padding-top: 2px
}

.h-intro-status1:after {
    content: "";
    width: 8px;
    height: 10px;
    position: absolute;
    margin: 3px 6px 0;
    background: url(/images/yuce/pen.1f2f7798e0fbcca08648.png) no-repeat;
    background-size: 100% auto
}

.h-intro-open {
    text-align: center;
    padding-top: 0;
    line-height: 17px;
    color: #ccc
}

.h-intro-fold {
    text-align: left;
    padding-bottom: 18px
}

.h-intro-fold:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #a0cb9e;
    position: absolute;
    bottom: 6px;
    left: 50%;
    margin-left: -6px
}

.pen_btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: -18%;
    background: url(/images/yuce/pen_bg.86255d952dd20e883aa5.png) no-repeat;
    background-size: cover;
    transform: translateY(-50%)
}

.h-sub ul:after {
    content: "";
    clear: both;
    display: block
}

.h-sub ul {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    margin-top: 10px
}

.h-sub ul li {
    width: 33.33%;
    float: left;
    line-height: 36px;
    border-bottom: 1px solid #e5e5e5
}

.h-sub ul li a {
    text-decoration: none;
    display: block;
    text-align: center;
    color: #666;
    font-size: 14px
}

.h-sub ul li.current a {
    color: #14ba33
}

.h-sub ul li.current {
    border-bottom: 2px solid #14ba33;
    line-height: 35px
}

.h-recent-norecord {
    text-align: center;
    color: #999;
    font-size: 14px;
    padding: 38px 0
}

.LefttopicTip,.specialSer_b,.specialSer_b .scroll,.specialSer_b .scroll-view.scroll-x,.specialSer_b ul,.specialSer_b ul li {
    transform: translateZ(0)
}

.h-circle {
    width: 46px;
    height: 46px;
    position: relative;
    margin: 5px auto
}

.h-circle div {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 46px;
    height: 46px
}

.h-circle .bg,.h-circle .bg2 {
    border: 4px solid #eaeaea
}

.h-circle .bg2,.h-circle .rount {
    clip: rect(0,23px,46px,0)
}

.h-circle .rount,.h-circle .rount2 {
    border: 4px solid #ff4431
}

.h-circle .rount2 {
    clip: rect(0,46px,46px,23px)
}

.h-circle .num {
    font: 700 14px;
    text-align: center;
    color: #ff4431;
    line-height: 46px;
    z-index: 9
}

.h-expert-all-list {
    background: #fff
}

.h-expert-all-list ul {
    margin-left: 4.6875%
}

.h-expert-all-list ul li {
    padding: 25px 0;
    position: relative
}

.h-expert-all-list .referee {
    border: none;
    padding: 0
}

.h-expert-all-list .analyst_icon {
    width: 44px;
    height: 44px
}

.h-expert-all-list .analyst_icon_img {
    width: 100%;
    height: 100%
}

.h-expert-all-list .referee_con {
    width: 75%;
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    top: 50%;
    padding: 0;
    margin-left: 56px
}

.h-expert-all-list .analyst_jj {
    width: 85%;
    margin-top: 5px;
    white-space: nowrap
}

.h-expert-all-list .analyst_jj p {
    margin: 0;
    text-overflow: ellipsis
}

.h-expert-all-list .analyst_jj_b {
    width: 100%
}

.h-expert-all-list .analyst_jj_b p {
    overflow: visible
}

.h-follow {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 6.2%;
    top: 50%;
    margin-top: -10px
}

.h-expert-all-list .analyst_info {
    margin-left: 0;
    margin-right: 0
}

.h-expert-top-txt {
    padding-left: 4.68%;
    line-height: 36px;
    font-size: 12px;
    color: #999
}

.h-expert-none-img {
    width: 15.625%;
    margin: 0 auto;
    padding: 21.875% 0 4.6875%
}

.h-expert-none-img img {
    width: 100%
}

.h-expert-none-txt {
    text-align: center;
    font-size: 14px;
    color: #999
}

.h-expert-none-btn {
    width: 56.25%;
    margin: 12.8% auto;
    text-align: center;
    padding: 3.28% 0;
    background: #14ba33;
    border-radius: 4px
}

.h-expert-none-btn a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px
}

.h-header-sub {
    display: -ms-flexbox;
    display: flex;
    width: 72%;
    margin: 0 auto
}

.h-header-sub a {
    display: block;
    -ms-flex: 1;
    flex: 1;
    text-decoration: none;
    color: #a1e3ad;
    width: 50%;
    text-align: center;
    line-height: 34px
}

.h-header-sub a.active {
    color: #fff
}

.agreement_txt {
    background: #fff;
    padding: 15px 4.6875%
}

.agreement_txt h1 {
    font-size: 22px;
    text-align: center;
    color: #333
}

.agreement_txt h2 {
    font-size: 18px;
    color: #333
}

.agreement_txt h3 {
    font-size: 16px;
    color: #333
}

.agreement_txt h4 {
    font-size: 14px;
    color: #333
}

.agreement_txt p {
    text-indent: 2em;
    font-size: 14px;
    color: #666
}

.agreement_txt p.p1 {
    text-indent: 0
}

.agreement_txt p.p2 {
    text-indent: 1em
}

.table-c {
    border-right: 1px solid;
    border-bottom: 1px solid
}

.table-c td,.table-c th,.table-c tr {
    border-left: 1px solid;
    border-top: 1px solid
}

.loging_yc {
    text-align: center;
    position: fixed;
    padding: 10px;
    z-index: 999;
    background: #fff;
    box-shadow: 0 0 15px #ccc;
    border-radius: 5px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.loging_yc img {
    width: 75px;
    height: 75px
}

.loging_yc p {
    font-size: 14px;
    color: #aaa;
    margin-top: 10px;
    margin-bottom: 0
}

.no_network {
    text-align: center;
    padding-top: 95px
}

.no_network img {
    width: 160px;
    height: 55px
}

.no_network p {
    font-size: 14px;
    color: #aaa;
    margin-top: 10px;
    margin-bottom: 0
}

.trans_popup {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0
}

.trans_popup_t {
    height: 45px;
    line-height: 45px;
    padding: 0 4.6875%;
    background: #f8f8f8
}

.trans_popup_l {
    float: left;
    color: #333;
    font-size: 14px
}

.trans_popup_l span,.trans_popup_r {
    font-size: 12px;
    color: #999
}

.trans_popup_r {
    float: right
}

.trans_popup_table {
    background: #fff
}

.trans_popup_table table {
    width: 100%;
    text-align: center
}

.trans_popup_table table th {
    height: 27px;
    line-height: 27px;
    border-bottom: 1px solid #eaeaea;
    font-size: 12px;
    color: #999
}

.trans_popup_table table td {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #666
}

.trans_popup_table table td:first-child,.trans_popup_table table th:first-child {
    text-align: left;
    padding-left: 4.6875%
}

.trans_popup_table table td:nth-child(2) {
    text-align: left;
    padding-left: 3%
}

.trans_popup_table table tr:nth-child(odd) {
    background: #fff
}

.trans_popup_table table tr:nth-child(2n) {
    background: #f8f8f8
}

.arrow_trans {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    vertical-align: middle;
    background: url(/images/yuce/arrow_trans.cc37810537f9a32f37cb.png) no-repeat;
    background-size: 12px 38px
}

.arrow_trans.red_down,.arrow_trans.red_up {
    background-position: 0 0
}

.arrow_trans.blue_down,.arrow_trans.green_down,.arrow_trans.red_down {
    transform: rotate(-180deg)
}

.arrow_trans.blue_down,.arrow_trans.blue_up {
    background-position: 0 -13px
}

.arrow_trans.green_down,.arrow_trans.green_up {
    background-position: 0 -26px
}

.popup_Box {
    width: 270px;
    border-radius: 5px;
    text-align: center;
    background: #fff
}

.popup_Box_t {
    padding-bottom: 22px;
    border-bottom: 1px solid #ccc;
    background: #fff
}

.popup_Box_t .popup1,.popup_Box_t .popup2 {
    width: 100%;
    height: 142px
}

.popup_Box_t h3 {
    color: #ff4431;
    font-size: 17px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 0
}

.popup_Box_t h3.black {
    color: #333
}

.popup-container .popup {
    background: #fff;
    max-height: 61%
}

.popup_Box_t p {
    color: #333;
    font-size: 15px;
    padding: 0 25px;
    margin-bottom: 0;
    padding-top: 20px
}

.popup_Box_t p.p1 {
    color: #999;
    padding-top: 10px;
    font-size: 13px
}

.popup_Box_t p.specialp {
    text-align: left
}

.popup_Box_t p.specialp span {
    display: block;
    margin: 5px 0;
    font-size: 16px;
    font-weight: 700
}

.popup_Box_t p.specialp em {
    display: block;
    text-indent: 2em
}

.popup_Box_b a {
    display: block;
    -ms-flex: 1;
    flex: 1;
    color: #14ba33;
    text-decoration: none;
    height: 44px;
    line-height: 44px;
    font-size: 17px
}

.popup_Box_b a:first-child {
    border-right: 1px solid #ccc
}

.expert-popup .popup {
    width: 270px;
    border-radius: 5px;
    overflow: hidden
}

.expert-popup .popup-head {
    display: none
}

.expert-popup .popup-body,.expert-popup .popup-buttons {
    padding: 0
}

.expert-popup .popup-buttons,.expert-popup .popup-buttons .button {
    min-height: 44px;
    height: 44px;
    color: #333;
    background-color: #fff
}

.expert-popup .popup-buttons {
    min-height: 44px
}

.expert-popup .button.button-positive {
    background-color: #fff;
    color: #ff4431;
    font-weight: 700
}

.expert-popup .button.button-positive.activated {
    border-color: transparent
}

.expert-popup .popup-buttons .button:first-child {
    border: 0;
    border-right: 1px solid #ccc;
    border-radius: 0
}

.saishi-popup .popup-buttons .button:first-child {
    border-right-color: #eee
}

.startPage {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.startPage img {
    width: 100%
}

.focusIndex .slider {
    height: 100%
}

.focusIndex,.focusIndex .focusPic {
    width: 100%;
    height: 100%;
    position: relative
}

.focusIndex .focusPic img {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.focusIndex .slider-pager .slider-pager-page {
    color: #fff
}

.focusIndex .slider-pager {
    bottom: 52px;
    position: fixed
}

.focusIndex .begin_btn {
    position: fixed;
    bottom: 30px;
    text-decoration: none;
    left: 50%;
    z-index: 2;
    margin-left: -120px;
    width: 240px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #333;
    border-radius: 10px;
    background: #ffda44
}

.focusIndex .popup-buttons .button {
    height: 44px
}

.focusIndex .slide-zoom {
    height: 100%
}

.skip_btn {
    display: block;
    position: absolute;
    top: 25px;
    right: 15px;
    text-decoration: none;
    height: 30px;
    line-height: 26px;
    padding: 0 20px 0 6px;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 12px;
    color: #d6d6d6
}

.skip_btn:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.logo_index {
    width: 130px;
    height: 23px;
    margin-top: 6px
}

.icon_index_01,.icon_index_02,.icon_record_01,.icon_record_02,.icon_service_right,.sizer_icon,.system_icon,.user_index_01 {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 0
}

.icon_index_01 {
    left: 1.5%;
    background: url(/images/yuce/icon_index_01.f4b26c2177031213ae59.png) no-repeat;
    background-size: cover
}

.icon_index_02 {
    right: 1.5%;
    background: url(/images/yuce/icon_plan_02.228d0a96933415ebadb5.png) no-repeat;
    background-size: cover
}

.icon_record_01 {
    left: 1.5%;
    background: url(/images/yuce/icon_plan_03.f4d9b7d0f0a4ed96ba9e.png) no-repeat;
    background-size: cover
}

.icon_record_02 {
    right: 1.5%;
    background: url(/images/yuce/icon_plan_01.b2139f1071b62cc28f27.png) no-repeat;
    background-size: cover
}

.user_index_01 {
    right: 2.5%;
    top: 30px;
    background: url(/images/yuce/user_index_01.a5ef80b4f9afa6bfaac7.png) no-repeat;
    background-size: cover
}

.system_icon {
    right: 1.5%;
    top: 0;
    background: url(/images/yuce/wd_icon_setBlack.0e17208b53497cb75896.png) no-repeat;
    background-size: cover
}

.system_icon.white {
    background: url(/images/yuce/setupIcon_white.e8dc91d5e7f2e8cbba13.png) no-repeat;
    background-size: cover
}

.sizer_icon {
    right: 0;
    background: url(/images/yuce/select.c01ed4f4e64975350fe9.png);
    background-size: cover
}

.icon_help_little,.icon_help_little_white,.icon_help_little_white2,.icon_index_01_h5,.icon_index_01_white,.icon_index_02_h5,.icon_index_03_h5,.icon_release,.icon_release_white,.icon_search {
    position: absolute;
    width: 33px;
    height: 44px;
    top: 0
}

.icon_index_01_h5 {
    right: 2.6%;
    background: url(/images/yuce/icon_index_01.f4b26c2177031213ae59.png) no-repeat top;
    background-size: cover
}

.icon_index_02_h5 {
    right: 11.4%;
    background: url(/images/yuce/download_h5.04eadd335a2bbf7314a2.png) no-repeat top;
    background-size: cover
}

.icon_index_03_h5 {
    right: 20.6%;
    background: url(/images/yuce/icon_plan_02.228d0a96933415ebadb5.png) no-repeat top;
    background-size: cover
}

.icon_service_right {
    right: 1.5%;
    background: url(/images/yuce/icon_index_01.f4b26c2177031213ae59.png) no-repeat;
    background-size: cover
}

.icon_release {
    right: 2.6%;
    background: url(/images/yuce/icon_plan_02.228d0a96933415ebadb5.png) no-repeat top;
    background-size: cover
}

.icon_release_white {
    right: 2.6%;
    background: url(/images/yuce/icon_release_white.cd6ff71a19e6c3d106bc.png) no-repeat top;
    background-size: cover
}

.icon_index_01_white {
    right: 11.4%;
    background: url(/images/yuce/icon_index_01_white.9424f2ad6636fbc6ef28.png) no-repeat top;
    background-size: cover
}

.icon_help_little {
    right: 11.4%;
    background: url(/images/yuce/icon_index_01.f4b26c2177031213ae59.png) no-repeat top;
    background-size: cover
}

.icon_help_little_white {
    right: 2.6%;
    background: url(/images/yuce/icon_help_little_white.b3b10eef5afb82220bb9.png) no-repeat top;
    background-size: cover
}

.icon_help_little_white2 {
    right: 2.6%;
    background: url(/images/yuce/icon_help_little_white2.076d769cf7753d2a3859.png) no-repeat top;
    background-size: cover
}

.icon_search {
    right: 13.4%;
    background: url(/images/yuce/icon_search.20be6079df8a6d948964.png) no-repeat top;
    background-size: cover
}

.v2_recom_title {
    height: 48px;
    position: relative;
    background-color: #fff
}

.v2_recom_title_bg {
    width: 88px;
    height: 30px;
    position: absolute;
    left: 14px;
    top: 7px
}

.v2_recom_title_bg img {
    width: 100%;
    height: 100%
}

.v2_recom_title .more_btn {
    float: right;
    font-size: 12px;
    color: #666;
    padding: 0 4.6875%;
    line-height: 44px;
    text-decoration: none
}

.v2_recom_list {
    background-color: #fff
}

.v2_recom_list ul {
    width: 100%
}

.v2_recom_list ul li {
    width: 25%;
    text-align: center;
    float: left
}

.v2_recom_list ul li:nth-child(-n+4) {
    padding: 2px 0 11px;
    border-bottom: 1px solid #eee
}

.v2_recom_list.q_recom_list ul li:nth-child(n+5) {
    padding: 15px 0 20px
}

.v2_recom_list.q_recom_list ul li {
    padding: 15px 0
}

.v2_recom_list .expert_tx {
    width: 40px;
    height: 40px
}

.v2_recom_list .expert_name {
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.v2_title_I {
    height: 41px;
    line-height: 41px;
    background: #f4f4f4;
    padding-left: 4.6875%
}

.v2_title_I .left_txt {
    font-size: 14px;
    color: #333
}

.v2_title_I .more_btn {
    float: right;
    font-size: 12px;
    color: #666;
    padding: 0 4.6875%;
    text-decoration: none
}

.v2_list_wrap .analyst_t {
    margin-left: 55px;
    padding: 15px 0
}

.v2_list_wrap_record .analyst_t {
    margin-left: 4.6875%;
    border-bottom: 0
}

.v2_list_wrap .analyst_icon {
    margin-left: -38px
}

.h-expert-all-list .analyst_info a,.q_wrap_record .analyst_info a {
    max-width: none
}

.v2_list_wrap dl {
    margin-bottom: 0
}

.v2_list_wrap_dd,.v2_list_wrap dl dd {
    background: #fff;
    margin-bottom: 10px
}

.v2_list_wrap_dd:last-child {
    margin-bottom: 0
}

.v2_list_wrap .analyst_info {
    font-size: 15px;
    margin: 0 5px
}

.v2_list_wrap_record .analyst_info {
    margin-left: 0
}

.v2_list_wrap_record .opponent_match .opponent ul {
    border-bottom: 0
}

.v2_list_wrap .eye_box {
    background: #ffda44;
    border: 4px solid #ffec9f
}

.v2_list_wrap .q_eye_look {
    text-align: center;
    line-height: 48px;
    font-size: 14px
}

.v2_analyst_guess {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap
}

.v2_analyst_guess .icon_medal {
    display: inline-block;
    vertical-align: middle;
    margin: 0 -1px;
    margin-top: -2px;
    width: 12px;
    height: 15px;
    background: url(/images/yuce/icon_medal_01.88c67ac34d824345b139.png) no-repeat;
    background-size: cover
}

.v2_analyst_guess .icon_medal.active {
    background: url(/images/yuce/icon_medal_02.68fb16f6d46e447d4c11.png) no-repeat;
    background-size: cover
}

.v2_list_wrap .fire_eye {
    top: -7px;
    right: 5px
}

.back_black,.caiqiu_top_icon,.icon_addFollow,.icon_back,.icon_hit_01,.icon_plan_01,.icon_plan_01_h5,.icon_plan_02,.icon_plan_03,.icon_score_01,.icon_score_02,.icon_score_left,.icon_score_right,.newIconMy,.qicon,.setupIcon,.v2_follow_btn {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 0;
    z-index: 99
}

.setupIcon {
    right: 1.5%;
    background: url(/images/yuce/user_index_01.a5ef80b4f9afa6bfaac7.png) no-repeat
}

.newIconMy {
    right: 12.5%;
    background: url(/images/yuce/newIconMy.2855a12143f4792ea4aa.png) no-repeat;
    background-size: cover
}

.icon_plan_01 {
    right: 14%;
    background: url(/images/yuce/icon_plan_01.b2139f1071b62cc28f27.png) no-repeat;
    background-size: cover
}

.icon_plan_02 {
    right: 1.5%;
    background: url(/images/yuce/icon_plan_02.228d0a96933415ebadb5.png) no-repeat;
    background-size: cover
}

.icon_back,.icon_plan_03 {
    left: 1.5%;
    background: url(/images/yuce/icon_plan_03.f4d9b7d0f0a4ed96ba9e.png) no-repeat;
    background-size: cover
}

.icon_hit_01 {
    right: 1.5%;
    background: url(/images/yuce/icon_hit_01.987694156bc55201d3fd.png) no-repeat;
    background-size: cover
}

.icon_score_01 {
    right: 14%;
    background: url(/images/yuce/icon_score_01.9f4bb8a3727ff03ce1f7.png) no-repeat;
    background-size: cover
}

.icon_score_02 {
    right: 1.5%;
    background: url(/images/yuce/icon_score_02.ad1c7f2816c07098f4e9.png) no-repeat;
    background-size: cover
}

.icon_score_left {
    left: 1.5%
}

.icon_score_left,.icon_score_right {
    background: url(/images/yuce/icon_score_left.be0bce0c99f29ce98c21.png) no-repeat;
    background-size: cover
}

.icon_score_right {
    right: 1.5%
}

.back_icon_black,.back_icon_white {
    position: absolute;
    width: 40px;
    height: 44px;
    top: 0;
    z-index: 99;
    background-size: 40px auto;
    background-position: 50%;
    background-repeat: no-repeat
}

.back_icon_white {
    left: 0;
    background-image: url(/images/yuce/back_icon_white.b0090cab87c595ac1e36.png)
}

.back_icon_black {
    left: 0;
    background-image: url(/images/yuce/back_icon_black.70da7c49715295625d95.png)
}

.home_icon_white {
    position: absolute;
    top: 0;
    width: 26px;
    height: 44px;
    left: 13.5%;
    background: url(/images/yuce/home_icon_white.841b2882c5ccd580d148.png) top;
    background-size: 44px 44px
}

.back_black {
    position: absolute;
    left: 1.5%;
    top: 0;
    background: url(/images/yuce/back_black.bf44a7a1dcfabe682e0d.png) no-repeat;
    background-size: cover
}

.caiqiu_top_icon {
    right: 1.5%;
    top: 0;
    position: fixed;
    background: url(/images/yuce/caiqiu_top_icon.087204f1811eab8fd75c.png) no-repeat;
    background-size: cover
}

.icon_plan_01_h5 {
    right: 1.5%;
    background: url(/images/yuce/icon_plan_01_h5.94ce1eefeaf096397628.png) no-repeat;
    background-size: cover
}

.icon_addFollow {
    right: 1.5%;
    background: url(/images/yuce/icon_addFollow.aa871ebf814a4dd32f13.png) no-repeat;
    background-size: cover
}

.v2_follow_btn {
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(/images/yuce/add_follow.65c08e775afb89b23d96.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 44px 88px
}

.v2_follow_btn.active {
    background-position: 0 -44px
}

.add_follow01 {
    background: url(/images/yuce/add_follow01.46d3945ea07a86c82183.png) no-repeat;
    background-size: cover
}

.add_follow02 {
    background: url(/images/yuce/add_follow02.59b53950a310326dc60c.png) no-repeat;
    background-size: cover
}

.v2_count_score {
    width: 50%
}

.v2_count_score p {
    font-size: 16px;
    color: #666;
    text-align: right;
    margin: 0;
    height: 30px;
    line-height: 30px
}

.shadow {
    display: none;
    background: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998
}

.shadow_hit {
    position: absolute;
    top: 41px;
    height: 2000px
}

.list_wrap_hit_v2 .analyst_t {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 0;
    margin-left: 15px
}

.list_wrap_hit_v2 li:last-child .analyst_t:before {
    border-width: 0
}

.list_wrap_hit_v2 .hit_rate_time {
    margin-right: 0
}

.v2_top_tab {
    width: 200px;
    height: 34px;
    margin: 0 auto;
    display: table
}

.v2_top_tab a {
    display: table-cell;
    height: 34px;
    line-height: 34px;
    text-decoration: none;
    color: #b39931!important
}

.v2_top_tab a.active {
    color: #333!important
}

.v2_select_match {
    background: #fff;
    width: 100%;
    position: absolute;
    z-index: 999;
    top: -20px;
    opacity: 0;
    visibility: hidden
}

.v2_select_match .title_h2 {
    height: 42px;
    line-height: 42px
}

.v2_select_btn {
    height: 45px;
    line-height: 45px;
    position: relative
}

.v2_select_btn a {
    width: 28%;
    height: 45px;
    line-height: 45px;
    position: absolute;
    text-decoration: none;
    top: 0;
    right: 0;
    color: #333;
    background: #ffda44;
    text-align: center;
    font-size: 16px
}

.v2_select_match.animate {
    top: 0;
    opacity: 1;
    visibility: visible
}

.referee_con_t {
    white-space: nowrap
}

.v2_tuijian .referee {
    min-height: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #333;
    border-bottom: 1px solid #555
}

.v2_tuijian .analyst_info {
    margin-left: 0
}

.v2_tuijian .analyst_info a {
    color: #fff
}

.v2_tuijian .referee_con_t {
    height: 24px
}

.v2_tuijian .analyst_jj {
    margin-top: 0;
    margin-bottom: 2px
}

.v2_tuijian .analyst_jj p {
    line-height: 17px;
    margin-bottom: 0
}

.v2_list_wrap_record .correct_icon,.v2_list_wrap_record .wait_icon,.v2_list_wrap_record .wrong_icon,.v2_list_wrap_zjzy .correct_icon,.v2_list_wrap_zjzy .wait_icon,.v2_list_wrap_zjzy .wrong_icon,.v2_tuijian .correct_icon,.v2_tuijian .wait_icon,.v2_tuijian .wrong_icon {
    right: 23%;
    top: -22px
}

.v2_list_wrap_zjzy .correct_icon,.v2_list_wrap_zjzy .wait_icon,.v2_list_wrap_zjzy .wrong_icon {
    right: 30%
}

.v2_hitrate70 {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 20px
}

.v2_hitrate_txt .v2_hitrate_txt_b {
    line-height: 20px;
    color: #ffda44;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.v2_hitrate70 p {
    margin-bottom: 0
}

.v2_hitrate70 .v2_hitrate_t {
    line-height: 15px;
    font-size: 16px;
    color: #ffda44;
    margin-top: 15px;
    margin-bottom: 5px
}

.v2_hitrate70 .v2_hitrate_b {
    line-height: 12px;
    font-size: 12px;
    color: #999
}

.v2_tuijian .match_time {
    font-size: 12px;
    line-height: 10px;
    padding-top: 5px
}

.v2_tuijian .match_opponent {
    padding-top: 6px
}

.v2_tuijian .match_state {
    color: #fff
}

.v2_tuijian .match_state span {
    padding: 0 2px
}

.v2_tuijian .match_state {
    line-height: 11px;
    padding: 5px 0
}

.v2_tuijian .match_state:first-child {
    margin-bottom: 0
}

.v2_tuijian .match_forecast {
    padding-top: 7px
}

.v2_tuijian .forecast_btn {
    color: #fff
}

.v2_tuijian .forecast_btn p:first-child {
    font-size: 15px
}

.v2_tuijian .forecast_btn p:last-child {
    font-size: 12px
}

.v2_tuijian .let_ball1 {
    font-size: 12px;
    color: #fff
}

.v2_tuijian .v2_hit_rate {
    position: absolute;
    font-size: 12px;
    color: #999;
    float: right;
    line-height: 44px;
    white-space: nowrap;
    right: 4.6875%;
    top: 0
}

.v2_tuijian .v2_hit_rate span {
    font-size: 14px
}

.v2_tuijian .recom_reason {
    border-top: 0;
    border-bottom: 1px solid #ddd
}

.v2_tuijian .recom_reason .title_h22 {
    font-size: 14px;
    color: #999;
    padding: 0;
    margin-left: 4.6875%
}

.v2_short_des {
    padding-bottom: 10px
}

.v2_short_des p {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.v2_lock {
    text-align: center;
    padding: 50px 0 50px 0
}

.v2_lock img {
    width: 40px;
    height: 40px
}

.v2_lock .lock_img {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    position: relative;
    z-index: 10;
    width: 95px;
    background: #fff;
    margin: -20px auto 10px
}

.v2_lock .lock_img.orange {
    color: #eb6100
}

.v2_lock p {
    font-size: 12px;
    color: #999
}

.lock_bg {
    background: url(/images/yuce/lock_bg.e0686148e0e126b4388b.jpg) top;
    background-size: 102% 100%
}

.lock_bg .lock_img {
    background: none
}

.lock_bg img {
    box-shadow: 0 2px 5px hsla(0,1%,50%,.4);
    border-radius: 50%
}

.shop_car_icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 49px;
    height: 49px;
    background: url(/images/yuce/shop_car.68882ca083547ab84a37.png) no-repeat;
    background-size: cover
}

.match_opponent_dxq .ranks_logo p {
    margin-bottom: 0;
    color: #fff;
    margin-top: 5px
}

.v2_pay_txt {
    text-align: left;
    padding-left: 5%;
    font-size: 15px
}

.v2_pay_btn {
    position: absolute;
    width: 30%;
    height: 100%;
    background-color: #e56f10;
    font-size: 15px;
    top: 0;
    right: 0;
    color: #fff;
    text-decoration: none
}

.v2_pay_btn.activated {
    background: #d46004
}

.v2_add_btn_box {
    margin-top: 20px
}

.v2_add_btn_zj {
    display: inline-block;
    text-decoration: none;
    width: 80px;
    height: 30px;
    background-image: url(/images/yuce/add_btn_bg.8015f091cc08347a6487.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: #ffda44;
    background-size: 80px 60px;
    color: #333;
    border-radius: 3px;
    overflow: hidden
}

.v2_add_btn_zj.active {
    background-position: 0 -30px;
    background-size: 80px 60px;
    background-color: #ddd
}

.hit_jd_txt {
    font-size: 12px;
    color: #999;
    line-height: 18px
}

.v2_list_wrap_zjzy dl dd:first-child {
    border-top: 0
}

.v2_list_wrap_zjzy .opponent_match,.v2_list_wrap_zjzy .race_type {
    margin-left: 4.6875%!important
}

.v2_list_wrap_zjzy .profile_txt {
    padding-left: 4.6875%
}

.v2_top_boder {
    border-top: 1px solid #ddd
}

.v2_login_head {
    background: #ffda44;
    padding: 5px 0 26px
}

.v2_login_head_logo {
    width: 100px;
    height: 105px;
    margin: 0 auto
}

.close_btn,.close_btn_gray,.close_btn_left,.close_btn_white {
    position: absolute;
    top: 30px;
    width: 44px;
    height: 44px;
    left: 0;
    background: url(/images/yuce/close_btn.0a47d06e0a550c0c7a86.png) no-repeat;
    background-size: cover
}

.close_btn_white {
    top: 0;
    background: url(/images/yuce/close_btn_white.62d7e6f35e0923d16a2d.png) no-repeat;
    background-size: cover
}

.close_btn_gray {
    top: 0;
    background: url(/images/yuce/close_btn_gray.02d30a61d252938cf698.png) no-repeat;
    background-size: cover
}

.line_pw {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #6578b1;
    vertical-align: middle
}

.close_btn_left {
    top: 0
}

.v2_apply_page {
    width: 100%;
    height: 100%;
    background-color: #101010;
    background-image: url(/images/yuce/v2_apply_page.1174c497428d1d3af949.jpg);
    background-size: cover
}

.v2_apply_con {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 44px;
    text-align: center
}

.v2_apply_con .icon_sq {
    display: inline-block;
    width: 113px;
    height: 70px;
    background: url(/images/yuce/icon_sq.622be47017c8409fd2c4.png) no-repeat;
    background-size: cover
}

.v2_apply_con h2 {
    font-size: 26px;
    color: #fff;
    margin: 0;
    margin-bottom: 15px
}

.v2_apply_con p {
    font-size: 12px;
    color: #999;
    line-height: 17px;
    margin-bottom: 15px
}

.v2_apply_btn {
    display: inline-block;
    width: 76%;
    height: 45px;
    border-radius: 3px;
    background: #ffda44;
    color: #333;
    font-size: 16px;
    text-decoration: none;
    line-height: 45px
}

.q_apply_xieyi {
    color: #999;
    font-size: 12px;
    margin-top: 15px
}

.q_apply_xieyi a {
    color: #fff;
    text-decoration: none
}

.v2_balance {
    border-top: 1px solid #eee;
    margin-top: 20px;
    height: 47px;
    line-height: 47px;
    font-size: 14px;
    color: #999
}

.v2_pay_scc {
    padding-bottom: 0
}

.v2_balance_bz {
    padding: 7px 0;
    border-top: 1px solid #eee;
    margin-top: 20px
}

.v2_balance_bz ul {
    display: table;
    width: 100%
}

.v2_balance_bz ul li {
    display: table-cell;
    width: 50%
}

.v2_balance_bz ul li:first-child {
    border-right: 1px solid #eee
}

.v2_balance_bz ul li p:first-child {
    color: #333
}

.v2_balance_bz ul li p {
    line-height: 24px
}

.v2_balance_bz ul li p span {
    font-size: 17px
}

.tikuan_liucheng {
    padding: 0 4.6875%;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.recommend_tab_h5 {
    text-align: center;
    background: #ffda44;
    padding: 20px 0;
    border-top: 1px solid #e9c73f;
    position: absolute;
    z-index: 999;
    width: 100%;
    left: 0;
    top: 20px;
    opacity: 0;
    visibility: hidden
}

.recommend_tab_h5.animate {
    top: 44px;
    opacity: 1;
    visibility: visible
}

.recommend_tab_h5 ul {
    display: table;
    width: 100%
}

.recommend_tab_h5 ul li {
    display: table-cell;
    width: 20%
}

.recommend_tab_h5 ul li p {
    margin-bottom: 0;
    font-size: 12px;
    color: #333
}

.recommend_tab_h5_icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.recommend_tab_h5_icon01 {
    background: url(/images/yuce/h5_home_icon.e022c4f93e1ee1cf1535.png) no-repeat;
    background-size: cover
}

.recommend_tab_h5_icon02 {
    background: url(/images/yuce/h5_tuijian_icon.86ac1509cbf726d915bf.png) no-repeat;
    background-size: cover
}

.recommend_tab_h5_icon03 {
    background: url(/images/yuce/h5_shiyanshi_icon.935cd9392fb50cd04643.png) no-repeat;
    background-size: cover
}

.recommend_tab_h5_icon04 {
    background: url(/images/yuce/h5_bifen_icon.416173d92fc484b1b6d2.png) no-repeat;
    background-size: cover
}

.recommend_tab_h5_icon05 {
    background: url(/images/yuce/h5_my_icon.eb81f50a3fdd990dd900.png) no-repeat;
    background-size: cover
}

.index_tab_h5 {
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #ddd;
    width: 100%
}

.index_tab_h5 ul {
    display: table;
    width: 100%
}

.index_tab_h5 ul li {
    display: table-cell;
    width: 25%;
    padding: 15px 10px;
    border-right: 1px solid #e5e5e5
}

.index_tab_h5 ul li:last-child {
    border-right: 0
}

.index_tab_h5 ul li p {
    margin-bottom: 0;
    font-size: 12px;
    color: #333
}

.h5_download_tip {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 55px;
    background: rgba(0,0,0,.9)
}

.h5_down_tip_logo {
    width: 160px;
    height: 55px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/images/yuce/h5_down_tip_logo.5648a2f738c1fa4b67df.png) no-repeat;
    background-size: cover
}

.h5_down_tip_close_btn {
    width: 45px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 2px;
    background: url(/images/yuce/h5_down_tip_btn.bdb85a0f19daf4272732.png) no-repeat;
    background-size: cover
}

.h5_down_tip_btn {
    position: absolute;
    text-decoration: none;
    border-radius: 3px;
    right: 50px;
    top: 11px;
    padding: 0 10px;
    background: #ffda44;
    color: #333;
    font-size: 14px;
    height: 32px;
    line-height: 32px
}

.opponent ul li:first-child {
    width: 35%
}

.opponent ul li:last-child {
    width: 40%;
    position: relative
}

.count_ball {
    width: 65%
}

.fire_eye {
    width: 35%
}

.chedan_icon,.correct_icon,.wait_icon,.wrong_icon {
    right: 22%
}

.q_buy_wrap .com_20icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.q_view_decod {
    background: #eee
}

.q_view_decod .time_fabu {
    margin-left: 0
}

.q_view_decod .referee {
    padding-top: 15px
}

.q_view_decod .referee_con {
    position: static;
    transform: none
}

.q_view_decod ul {
    margin-left: 0;
    border-top: 1px solid #e5e5e5
}

.q_view_decod ul li {
    padding-top: 0;
    margin-bottom: 10px;
    background: #fff
}

.q_view_decod ul li>div {
    padding-left: 15px!important;
    padding-right: 15px
}

.q_view_decod ul li.activated,.q_view_decod ul li.activated .referee,.q_view_decod ul li.active,.q_view_decod ul li.active .referee {
    background: #f5f5f5
}

.q_view_decod ul li.activated .time_fabu,.q_view_decod ul li.active .time_fabu {
    background: #fff
}

.q_view_decod ul li:first-child {
    border-top: 0
}

.q_view_decod ul li:last-child {
    margin-bottom: 0
}

.q_read_txt {
    font-size: 12px;
    color: #999;
    position: absolute;
    top: 20px;
    right: 30px;
    white-space: nowrap
}

.q_race_type_r {
    position: absolute;
    text-align: right;
    right: 0;
    top: 2px;
    width: 50%
}

.q_race_type_r a {
    display: inline-block;
    margin-left: 5px;
    height: 15px;
    vertical-align: top;
    line-height: 15px;
    padding: 0 3px;
    font-size: 10px;
    text-decoration: none;
    border-radius: 2px;
    white-space: nowrap
}

.q_race_type_r a.green {
    border-color: #14ba33;
    color: #14ba33
}

.q_race_type_r a.blue {
    border-color: #35c4e5;
    color: #35c4e5
}

.q_race_type_r a.orange {
    border-color: #ffa92c;
    color: #ffa92c
}

.q_race_type_r a.red {
    border-color: #ff4431;
    color: #ff4431
}

.q_event_concern {
    display: inline-block;
    width: 44px;
    height: 44px;
    position: absolute;
    right: 2px;
    top: 47px;
    background: url(/images/yuce/q_event_concern1.0bb6f434416c41787922.png) no-repeat;
    background-size: cover
}

.q_event_concern.active {
    background: url(/images/yuce/q_event_concern2.73888a8641888b112d32.png) no-repeat;
    background-size: cover
}

.q_determine_btn {
    z-index: 99;
    padding: 0 15px;
    white-space: nowrap;
    height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 44px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    color: #fff!important
}

.q_determine_btn.left {
    right: auto;
    left: 0
}

.q_match_screen {
    padding: 12px 0
}

.q_match_screen a {
    position: relative;
    margin-left: 2.5%;
    padding: 0 10px;
    margin-bottom: 10px;
    width: 30%;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    text-decoration: none;
    background: #fff;
    height: 35px;
    line-height: 34px
}

.q_match_screen span {
    width: 80%;
    color: #333;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.q_match_screen em {
    position: absolute;
    right: 10px;
    color: #999;
    white-space: nowrap
}

.q_match_screen a.active {
    border-color: #ffde00;
    background-color: #ffde00
}

.q_match_screen a.active em {
    color: #333
}

@media screen and (min-width:320px) and (max-width:340px) {
    .q_match_screen a {
        padding: 0 5px
    }

    .q_match_screen em {
        right: 5px
    }
}

.q_select_match_btn {
    font-size: 0;
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0
}

.q_select_match_btn a {
    display: block;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #333;
    height: 45px;
    line-height: 45px;
    border-top: 1px solid #e5e5e5
}

.q_select_match_btn a:first-child {
    border-right: 1px solid #eee
}

.q_inter_btn {
    margin: 11px auto;
    font-size: 0;
    overflow: hidden;
    width: 46%;
    height: 28px;
    line-height: 27px;
    border: 1px solid #999;
    border-radius: 5px
}

.q_inter_btn a {
    display: block;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    color: #666
}

.q_inter_btn a.active {
    color: #fff;
    background: #999
}

.q_all_events {
    background: #fff
}

.q_all_events_listbox>ul li {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    height: 95px;
    text-align: center;
    width: 25%;
    float: left;
    padding: 18px 0 11px
}

.q_all_events_listbox:last-child:before {
    border-width: 0
}

.q_all_events_listbox>ul li:nth-child(4) {
    border-right: 0
}

.q_all_events1 .q_all_events_listbox {
    border-bottom: 0
}

.q_all_events1 .q_all_events_listbox ul li:nth-child(4n) {
    border-right: 0
}

.q_all_events_listbox>ul li img {
    width: 40px;
    height: 40px;
    margin-bottom: 7px
}

.q_all_events_listbox>ul li p {
    font-size: 12px;
    color: #333;
    margin-bottom: 0
}

.q_all_events_listbox>ul li.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #f5f5f5
}

.q_all_events_toggle>ul {
    background: #eee
}

.q_all_events_toggle>ul li {
    height: 95px;
    text-align: center;
    width: 25%;
    float: left;
    padding: 18px 0 11px
}

.q_all_events_toggle>ul li img {
    width: 35px;
    height: 35px;
    margin-bottom: 7px
}

.q_all_events_toggle>ul li p {
    font-size: 12px;
    color: #333;
    margin-bottom: 0
}

.q_match_con {
    top: 140px
}

.q_match_qiudui {
    border-bottom: 0
}

.q_match_qiudui .analyst_icon_img {
    width: 40px;
    height: 40px;
    margin-top: 3px
}

.q_match_qiudui .analyst_icon,.q_topafew {
    text-align: center
}

.q_topafew {
    width: 100%;
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
    background: #fff
}

.q_topafew_txt {
    display: inline-block;
    font-size: 14px;
    color: #333;
    padding: 0 20px;
    height: 24px;
    line-height: 24px;
    background: #f5f5f5;
    white-space: nowrap;
    border-radius: 20px
}

.q_topafew .next,.q_topafew .prve {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 0
}

.q_topafew .prve {
    left: 0
}

.q_topafew .next {
    right: 0
}

.q_topafew .prve:after {
    right: 5px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.q_topafew .next:after,.q_topafew .prve:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    width: 12px;
    height: 12px;
    border-bottom: 2px solid #ddd;
    border-right: 2px solid #ddd
}

.q_topafew .next:after {
    left: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.q_topafew .next.active:after,.q_topafew .prve.active:after {
    border-color: #999
}

.q_select_round {
    margin: 0 1.333%
}

.q_select_round>ul li {
    position: relative;
    padding: 0 15px;
    height: 45px;
    line-height: 44px;
    font-size: 15px;
    color: #333;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 8px
}

.q_select_round>ul li.active {
    background: #ffde00;
    border-color: #ffde00
}

.q_select_round>ul li.gray {
    color: #999
}

.q_select_round>ul li.active:after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -5px;
    width: 12px;
    height: 10px;
    background: url(/images/yuce/quan_active.56bd8aaa309adf3df6a8.png) no-repeat;
    background-size: cover
}

.q_select_round_t {
    position: relative;
    padding: 16px 15px;
    margin-bottom: 8px;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    overflow: hidden;
    background: #fff
}

.q_select_round_t_btn {
    font-size: 15px;
    height: 14px;
    line-height: 14px
}

.q_select_round_t:after {
    top: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.q_select_round_t.active:after,.q_select_round_t:after {
    content: "";
    position: absolute;
    right: 20px;
    width: 12px;
    height: 12px;
    border-bottom: 2px solid #ddd;
    border-right: 2px solid #ddd
}

.q_select_round_t.active:after {
    top: 20px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.q_select_round_t_toggle {
    padding-top: 10px
}

.q_select_round_t_toggle ul li {
    width: 20%;
    float: left;
    text-align: center;
    padding: 8px 0
}

.q_select_round_t_toggle ul li span {
    display: inline-block;
    width: 60px;
    height: 35px;
    line-height: 35px;
    border-radius: 20px
}

.q_select_round_t_toggle ul li.active span {
    background: #ffde00
}

.q_saishi_top {
    width: 100%;
    left: 0;
    top: 0;
    position: absolute
}

.q_no_data {
    margin-bottom: 10px
}

.q_loading_none,.q_no_data {
    text-align: center;
    font-size: 12px;
    color: #999;
    background-color: #fff;
    height: 40px;
    line-height: 40px
}

.q_scroll_to_block {
    display: none;
    position: relative;
    width: 70%;
    margin: 0 auto;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 14px
}

.q_scroll_to_block span:nth-child(2) {
    font-weight: 700;
    font-size: 16px;
    color: #ffde00;
    padding: 0 5px
}

.q_scroll_to_block span:first-child,.q_scroll_to_block span:last-child {
    position: absolute;
    top: 0;
    width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.q_scroll_to_block span:first-child {
    right: 50%;
    margin-right: 30px;
    text-align: right
}

.q_scroll_to_block span:last-child {
    left: 50%;
    margin-left: 30px;
    text-align: left
}

.q_scroll_to_block_jd {
    display: none;
    width: 100%;
    height: 3px;
    background: #fff;
    position: relative
}

.q_scroll_to_block_jd .q_time_jd {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #81aed5
}

.q_scroll_to_block_jd .q_time_nub {
    font-size: 10px;
    color: #fff;
    position: absolute;
    left: 0;
    top: -19px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.q_scroll_to_block_lq span:first-child {
    margin-right: 44px
}

.q_scroll_to_block_lq span:last-child {
    margin-left: 44px
}

.q_popup_saishi {
    width: 285px;
    background: #fff;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.q_popup_saishi h2 {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    font-size: 15px;
    color: #333;
    text-align: center;
    background: #fafafa;
    margin-bottom: 0
}

.q_content_saishi {
    padding: 0 20px
}

.q_title_popup {
    font-size: 12px;
    color: #999;
    margin: 16px 0 8px;
    text-align: left
}

.q_tab_popup_btn {
    font-size: 0;
    text-align: left;
    white-space: nowrap
}

.q_tab_popup_btn a {
    float: left;
    width: 33.33%;
    height: 28px;
    line-height: 27px;
    text-align: center;
    color: #333;
    font-size: 13px;
    text-decoration: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.q_tab_popup_btn a.active {
    background: #ebebeb
}

.q_tab_popup_btn a:first-child {
    border-left: 1px solid #ccc;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

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

.q_cele_tab {
    padding-right: 12%
}

.q_cele_tab a {
    opacity: .5
}

.q_cele_tab a.active {
    opacity: 1
}

.add_icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 40px;
    background: url(/images/yuce/add_icon.657407c95718e839f816.png) no-repeat;
    background-size: cover
}

.q_fix_top_tab .add_icon.white {
    background: url(/images/yuce/add_icon_white.ed547af0f00f9985ba52.png) no-repeat;
    background-size: cover
}

.analyst_guess.orange {
    background: none;
    color: #f39800;
    border-color: #f39800;
    font-size: 12px;
    line-height: 18px
}

.q_celebrity_toggle {
    width: 58%;
    height: 100%;
    background: #fff;
    padding-bottom: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    transform: translateX(100%)
}

.q_celebrity_toggle.animate {
    transform: none
}

.q_celebrity_toggle dl {
    color: #333;
    font-size: 15px;
    background: #fff;
    margin-bottom: 0
}

.q_celebrity_toggle_t {
    position: relative;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 19px
}

.q_celebrity_toggle dl dd {
    position: relative;
    height: 45px;
    line-height: 45px;
    border-left: 2px solid #fff;
    padding: 0 19px
}

.q_celebrity_toggle dl dd.active {
    border-left: 2px solid #ffda44
}

.q_celebrity_toggle_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0 5px;
    background: url(/images/yuce/close_btn.0a47d06e0a550c0c7a86.png) no-repeat 50%;
    background-size: 40px 40px;
    box-sizing: initial
}

.q_celebrity_toggle dl dd .icon2_13 {
    position: absolute;
    right: 19px;
    top: 50%;
    transform: translateY(-50%)
}

.q_celebrity_toggle dl dd.active .icon2_13 {
    visibility: visible
}

.q_fix_top_tab {
    position: relative;
    z-index: 9;
    width: 100%;
    height: 40px;
    padding-right: 40px;
    overflow: hidden
}

.q_fix_top_tab ul {
    height: 60px;
    padding-left: 10px;
    white-space: nowrap;
    font-size: 0;
    overflow-x: scroll
}

.q_fix_top_tab ul li {
    display: inline-block;
    height: 100%;
    text-align: center;
    vertical-align: middle
}

.q_fix_top_tab ul li span {
    font-size: 14px;
    color: hsla(0,0%,100%,.46);
    display: inline-block;
    padding: 0 12px;
    margin: 8px 5px;
    height: 24px;
    line-height: 24px;
    white-space: nowrap
}

.q_fix_top_tab ul li.active span {
    font-weight: 700;
    color: #fff;
    background: #304993;
    border-radius: 15px
}

.q_fix_top_tab .add_icon {
    width: 40px;
    height: 40px;
    background: url(/images/yuce/add_icon1.40f9bd9abfbf8a5001a1.png) no-repeat;
    background-size: cover
}

.q_fix_top_tab_mrzj .add_icon {
    background: url(/images/yuce/add_icon2.b95f97fca7259351d6f5.png) no-repeat 0 1px;
    background-size: 40px 40px
}

.q_fix_top_tab .scroll-view {
    margin-top: 0;
    height: 100%;
    padding-bottom: 10px;
    box-sizing: content-box
}

.q_fix_top_tab .scroll {
    height: 100%
}

.q_fix_top_tab_mrzj {
    position: static;
    background: #3e569d
}

.q_fix_top_tab_mrzj ul li span {
    color: #aab9e6;
    background: none
}

.q_fix_top_tab_mrzj ul li.active {
    border-bottom: 2px solid #ffda44
}

.q_fix_top_tab_mrzj ul li.active span {
    color: #ffda44;
    background: none;
    font-weight: 700
}

.q_league_match_top {
    padding: 20px 4% 16px;
    background: #f5f5f5;
    position: relative;
    background: linear-gradient(180deg,hsla(0,0%,87%,0) 60%,#ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00dddddd",endColorstr="#dddddd",GradientType=0)
}

.q_league_match_logo {
    margin-left: 5px;
    margin-right: 10px;
    width: 55px;
    height: 55px
}

.q_league_match_logo,.q_league_match_r {
    display: inline-block;
    vertical-align: middle
}

.q_league_match_r_t {
    font-size: 15px;
    color: #333;
    margin-bottom: 5px
}

.q_league_match_r_t span {
    font-size: 12px;
    color: #999;
    margin-left: 15px
}

.q_league_match_r_b span {
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    line-height: 23px;
    margin-right: 10px;
    font-size: 12px;
    border: 1px solid #999;
    border-radius: 3px;
    overflow: hidden
}

.q_title_I {
    position: relative;
    padding: 0 4%;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    height: 40px;
    line-height: 40px;
    background: #fff
}

.q_title_I span {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    float: right;
    margin-right: 10px
}

.q_title_I span:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.q_title_I.h50 {
    height: 50px;
    line-height: 50px
}

.title_noArrow span {
    margin-right: 0
}

.title_noArrow span:after {
    display: none
}

.wrap_border {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.q_view_decod_I .h-expert-all-list {
    border-bottom: 0
}

.q_view_decod_I .q_view_decod ul {
    border-top: 0
}

.q_view_decod_I .q_view_decod ul li:last-child {
    border-bottom: 0
}

.q_view_decod_I .q_view_decod ul li {
    padding-bottom: 20px
}

.expert_txt p span {
    vertical-align: middle;
    display: inline-block;
    font-size: 12px;
    color: #ff4431;
    padding: 0 6px;
    height: 20px;
    line-height: 19px;
    border: 1px solid #ff4431;
    border-radius: 3px;
    overflow: hidden
}

.q_hot_tiezi .q_view_decod ul {
    border-top: 0;
    border-bottom: 0
}

.q_hot_tiezi .h-expert-all-list {
    border-bottom: 0
}

.q_view_decod_I .hw_jz_date {
    margin-bottom: -5px;
    color: #999
}

.focusBox_fp .slider-pager {
    text-align: center;
    padding-right: 0
}

.q_view_decod_fp ul {
    border-top: 0
}

.q_view_decod_fp ul li {
    border-bottom: 1px solid #e5e5e5
}

.q_publish {
    font-size: 12px;
    color: #999;
    margin-bottom: 10px
}

.q_jdSpesc h3 em,.q_publish span {
    margin-right: 10px
}

.q_jdSpesc h3 em {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    line-height: 14px;
    font-size: 12px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #ccc
}

.q_jdSpesc h3 em.blue {
    color: #35c4e5;
    border-color: #35c4e5
}

.q_jdSpesc h3 em.orange {
    color: #f39800;
    border-color: #f39800
}

.q_jdSpesc h3 em.red {
    color: #ff4431;
    border-color: #ff4431
}

.q_jdSpesc h3 span {
    vertical-align: middle
}

.recommend_tab_xq {
    width: 100%
}

.q_live_round {
    text-align: center;
    padding-top: 4px
}

.q_live_round h4 {
    font-size: 14px;
    color: #fff;
    margin-bottom: 2px;
    margin-top: 10px
}

.q_live_round h4 span {
    margin-right: 5px
}

.q_live_round h4 span:last-child {
    margin-right: 0
}

.q_live_round p {
    font-size: 11px;
    color: #fff;
    margin-bottom: 10px
}

.q_live_round p span {
    margin-right: 2px;
    opacity: .5
}

.q_live_round p span:last-child {
    margin-left: 6px;
    margin-right: 0;
    opacity: .7
}

.team .logo {
    font-size: 40px;
    line-height: 40px;
    color: #ffde00;
    margin: 0;
    height: auto
}

.q_team_con .h-circle,.q_team_con .h-circle div {
    width: 48px;
    height: 48px
}

.q_team_con .h-circle .bg {
    border: 2px solid #323f4d
}

.q_team_con .h-circle .bg2 {
    border: 2px solid #323f4d;
    clip: rect(0,24px,48px,0)
}

.q_team_con .h-circle .rount2 {
    border: 2px solid #14ba33;
    clip: rect(0,48px,48px,24px)
}

.q_team_con .h-circle .rount {
    border: 2px solid #14ba33;
    clip: rect(0,24px,48px,0)
}

.matchI_center_c .num,.q_team_con .h-circle .num {
    width: 18px;
    height: 18px;
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -9px;
    background: url(/images/yuce/num_ball.eecce17d83bbe3a37aab.png) no-repeat 50%;
    background-size: cover
}

.matchI_center_c .num_lq {
    background: url(/images/yuce/tj_ball_icon_lq.9ed4cd8587921042b1df.png) no-repeat 50%;
    background-size: cover
}

.matchI_center_c .num_zq {
    background: url(/images/yuce/tj_ball_icon_zq.f21527a9661767307679.png) no-repeat 50%;
    background-size: cover
}

.matchI_center_c .num_zc {
    background: url(/images/yuce/num_zc.45edbcbd0748a439d332.png) no-repeat 50%;
    background-size: cover
}

.q_circle_time {
    font-size: 10px;
    position: absolute;
    left: 50%;
    top: -22px;
    transform: translateX(-50%) rotate(0deg)
}

.q_circle_timebox {
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(0deg)
}

.q_minute_animate {
    margin-left: 2px;
    animation: dodge 1s .2s linear infinite
}

@keyframes dodge {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.q_switch_btn {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #333;
    background: #fff;
    text-align: center
}

.q_switch_btn .q_open i {
    margin-left: 5px;
    transform: rotate(45deg) translateY(-4px);
    -webkit-transform: rotate(45deg) translateY(-4px)
}

.q_switch_btn .q_close i,.q_switch_btn .q_open i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.q_switch_btn .q_close i {
    margin-left: 10px;
    transform: rotate(-135deg) translateY(-2px);
    -webkit-transform: rotate(-135deg) translateY(-2px)
}

.expert_ewm,.icon_download,.icon_download_black,.icon_share_black,.icon_shoucang {
    position: absolute;
    width: 36px;
    height: 44px;
    top: 0;
    z-index: 99
}

.icon_shoucang {
    right: 12%;
    background: url(/images/yuce/icon_score_02.ad1c7f2816c07098f4e9.png) no-repeat 50%;
    background-size: cover
}

.expert_ewm {
    right: 12%;
    background: url(/images/yuce/expert_ewm.f1828ef1239a7dcf2208.png) no-repeat 50%;
    background-size: cover
}

.icon_shoucang.active {
    background: url(/images/yuce/icon_score_02_active.d1630a51d193838b500c.png) no-repeat;
    background-size: cover;
    background-position: 50%
}

.icon_download {
    right: 2%;
    background: url(/images/yuce/icon_download.7ed3f2195333fb5ac82c.png) no-repeat;
    background-size: cover
}

.icon_download_black {
    right: 2%;
    background: url(/images/yuce/icon_download_black.3a0494c3f92a90799daf.png) no-repeat;
    background-size: cover;
    background-position: 50%
}

.icon_share_black {
    right: 2%;
    background: url(/images/yuce/icon_share_black.3a2cd4d056d9692158c2.png) no-repeat 50%;
    background-size: cover
}

.q_inter_btn_live {
    margin: 0 auto;
    font-size: 0;
    overflow: hidden;
    width: 64%;
    height: 28px;
    line-height: 27px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.q_inter_btn_live a {
    display: block;
    border-right: 1px solid #ddd;
    background: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    color: #666;
    -ms-flex: 1;
    flex: 1
}

.q_inter_btn_live a.active {
    color: #333;
    background: #ebebeb
}

.q_inter_btn_live a:last-child {
    border-right: 0
}

.q_match_con_live {
    top: 205px;
    z-index: 99
}

.q_sub_tab_live {
    background: #f5f5f5
}

.q_title_saishi {
    position: relative;
    font-size: 13px;
    font-weight: 700;
    color: #333;
    height: 40px;
    background-color: #fff;
    margin-bottom: 0;
    line-height: 40px;
    padding-left: 4.6875%
}

.q_title_saishi:before {
    left: 4.6875%
}

.q_title_saishi span {
    display: inline-block;
    margin-right: 4px;
    width: 3px;
    height: 10px;
    background: #ffde00
}

.q_jfb_link {
    position: absolute;
    right: 7%;
    font-size: 12px;
    color: #999;
    font-weight: 400
}

.q_jfb_link:after {
    content: "";
    position: absolute;
    right: -12px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -1px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(-45deg) translateY(-50%);
    -webkit-transform: rotate(-45deg) translateY(-50%)
}

.q_live_con table {
    width: 100%;
    margin-bottom: 10px;
    background: #fff
}

.q_live_con table:last-child {
    margin-bottom: 0
}

.q_live_con table th {
    color: #999;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #f5f5f5
}

.q_live_con table td {
    line-height: 35px;
    font-size: 12px;
    color: #333;
    text-align: center;
    white-space: nowrap
}

.q_live_con .q_jf th:first-child {
    text-align: left;
    padding-left: 15px;
    width: 33%
}

.q_live_con .q_jf th:nth-child(2) {
    width: 9%
}

.q_live_con .q_jf th:nth-child(3) {
    width: 21%
}

.q_live_con .q_jf th:nth-child(4) {
    width: 12%
}

.q_live_con .q_jf th:nth-child(5) {
    width: 10%
}

.q_live_con .q_jf th:nth-child(6) {
    width: 15%
}

.q_live_con .q_jf tr td:first-child {
    text-align: left;
    padding-left: 15px
}

.q_live_con .q_jf tr td .num {
    margin-right: 10px
}

.q_title_saishi_btn {
    position: absolute;
    padding: 0 5px;
    font-weight: 400;
    right: 4%;
    top: 50%;
    border: 1px solid #ddd;
    text-decoration: none;
    border-radius: 3px;
    color: #666;
    height: 22px;
    line-height: 21px;
    font-size: 12px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.q_recent_data {
    color: #333;
    font-size: 12px;
    background: #fff;
    padding-left: 15px;
    line-height: 30px
}

.q_live_con .q_history th:first-child {
    text-align: left;
    padding-left: 15px;
    width: 18%
}

.q_live_con .q_history th:nth-child(2) {
    width: 23%
}

.q_live_con .q_history th:nth-child(3) {
    width: 16%;
    text-align: right
}

.q_live_con .q_history th:nth-child(4) {
    width: 15%
}

.q_live_con .q_history th:nth-child(5) {
    width: 16%;
    text-align: left;
    width: 12%
}

.q_live_con .q_history tr td:nth-child(3) {
    text-align: right
}

.q_live_con .q_history tr td:nth-child(5) {
    text-align: left
}

.q_outcome {
    display: inline-block;
    font-size: 10px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    color: #fff;
    border-radius: 2px
}

.q_outcome.blue {
    background: #52a8df;
    color: #fff
}

.q_outcome.green {
    background: #6cc860;
    color: #fff
}

.q_outcome.red {
    background: #f45757;
    color: #fff
}

.q_live_con .q_history tfoot td {
    font-size: 12px;
    color: #999;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #fff
}

.q_live_con .q_contrast_table th {
    border-bottom: 0;
    font-size: 12px
}

.q_contrast_table th:first-child {
    width: 13%
}

.q_contrast_table th:nth-child(2) {
    width: 27%
}

.q_contrast_table th:nth-child(3) {
    width: 20%
}

.q_contrast_table th:nth-child(4) {
    width: 27%
}

.q_contrast_table th:nth-child(5) {
    width: 13%
}

.q_contrast_table td {
    font-size: 13px
}

.q_contrast_jdt_b {
    position: relative;
    width: 100%;
    height: 6px;
    background: #f5f5f5
}

.q_contrast_jdt_t {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.q_contrast_jdt_t.yellow {
    background: #ffde00;
    right: 0
}

.q_contrast_jdt_t.lanhui {
    background: #71869c;
    left: 0
}

.q_panmian_txt {
    font-size: 12px;
    color: #999;
    float: right;
    padding-right: 4%;
    font-weight: 400
}

.q_notes_txt {
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    color: #999;
    background: #fff;
    padding-bottom: 10px;
    box-sizing: content-box
}

.q_title_zhenrong .arrow_right {
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%) rotate(0deg)
}

.q_title_zhenrong.active .arrow_right {
    transform: translateY(-50%) rotate(-180deg)
}

.q_lineup_mub {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin: 0 10px;
    font-size: 13px;
    color: #333;
    text-align: center;
    line-height: 30px
}

.q_lineup_mub_l {
    background: url(/images/yuce/jersey_l.eb1fe913ceb4d20299ec.png) no-repeat;
    background-size: cover
}

.q_lineup_mub_r {
    background: url(/images/yuce/jersey_r.f41eeb378dda1d913642.png) no-repeat;
    background-size: cover
}

.q_lineup_name {
    display: inline-block;
    vertical-align: middle;
    width: 65%
}

.q_lineup_name p {
    font-size: 13px;
    height: 16px;
    margin-bottom: 0;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.q_lineup_name span {
    display: block;
    font-size: 12px;
    color: #999
}

.q_lineup_l,.q_lineup_r {
    position: relative;
    width: 50%;
    border-top: 1px solid #eee;
    padding: 7px 0
}

.q_lineup_l {
    border-right: 1px solid #eee
}

.q_lineup {
    background: #fff
}

.q_team_the {
    background: #fafafa;
    height: 28px;
    line-height: 26px;
    padding-left: 4%;
    border-top: 1px solid #eee;
    font-size: 12px;
    color: #999
}

.q_wound {
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%)
}

.q_lineup_wound .q_lineup_r {
    height: 50px
}

.q_condition {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px
}

.q_wound_icon {
    background: url(/images/yuce/q_wound_icon.bf71dc59d4bff9824c71.png) no-repeat;
    background-size: cover
}

.q_stop_icon {
    background: url(/images/yuce/q_stop_icon.03910648eb118d58eb85.png) no-repeat;
    background-size: cover
}

.q_wound span {
    vertical-align: middle
}

.matchI_center_c .num.animate,.q_team_con .h-circle .num.animate {
    animation: rotateR 3s .2s linear infinite
}

.q_inter_btn_peilv {
    width: 80%;
    border-color: #ccc
}

.q_inter_btn_peilv a {
    color: #666;
    background: #fff;
    border-right: 1px solid #ccc
}

.q_inter_btn_peilv a:last-child {
    border-right: 0
}

.q_inter_btn_peilv a.active {
    color: #333;
    background: #eee
}

.q_live_con .q_peilv_table table th {
    border-bottom: 0
}

.q_peilv_table table td {
    vertical-align: middle;
    color: #666
}

.q_peilv_table table tr:nth-child(odd) td:first-child {
    color: #333;
    font-size: 13px;
    width: 27%;
    border-bottom: 1px solid #eee
}

.q_peilv_table table tr:nth-child(2n) td:first-child,.q_peilv_table table tr:nth-child(odd) td:nth-child(2) {
    color: #999
}

.q_peilv_table table tr:nth-child(2n) {
    border-bottom: 1px solid #eee
}

.q_peilv_table .q_yapan_table th:first-child {
    width: 26%
}

.q_peilv_table .q_yapan_table th:nth-child(2) {
    width: 10%
}

.q_peilv_table .q_yapan_table th:nth-child(3) {
    width: 20%
}

.q_peilv_table .q_yapan_table th:nth-child(4) {
    width: 23%
}

.q_peilv_table .q_yapan_table th:nth-child(5) {
    width: 21%
}

.q_yapan_saikuang {
    width: 70px;
    padding: 4px 0;
    color: #fff;
    margin: 20px auto;
    border-radius: 20px
}

.q_yapan_saikuang.gray {
    background: rgba(61,130,183,.5)
}

.q_yapan_saikuang.red {
    background: #9b3c3c;
    color: #fff
}

.q_icon_sk {
    display: inline-block;
    width: 12px;
    height: 11px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -2px
}

.q_yapan_saikuang.gray .q_icon_sk {
    background: url(/images/yuce/q_icon_sk0.d859a32b97abfa91dbd2.png) no-repeat;
    background-size: cover
}

.q_yapan_saikuang.red .q_icon_sk {
    background: url(/images/yuce/q_icon_sk.de7347ca9a08665f1671.png) no-repeat;
    background-size: cover
}

.q_heightandlow,.q_yapan_saikuang span {
    vertical-align: middle
}

.q_heightandlow {
    display: inline-block
}

.q_heightandlow p {
    margin-bottom: 0;
    height: 20px
}

.q_heightandlow span {
    font-size: 12px;
    color: #999
}

.q_table_wrap {
    background: #fff;
    padding-bottom: 10px
}

.q_le_match {
    height: 45px;
    padding: 0 19px;
    position: relative;
    line-height: 45px;
    background: #fff
}

.q_le_match .q_series_logo {
    margin-right: 5px
}

.q_le_match:after {
    content: "";
    position: absolute;
    right: 4.6875%;
    top: 50%;
    margin-top: -8px;
    width: 12px;
    height: 12px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.q_le_match_toggle .q_celebrity_toggle {
    top: 45px;
    position: absolute;
    transform: none;
    width: 100%;
    opacity: 0;
    visibility: hidden
}

.q_le_match_toggle .q_celebrity_toggle dl dd.active {
    border-left: 0;
    background: #fafafa
}

.q_le_match_toggle.active .q_le_match:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: -2px
}

.q_le_match_toggle.active .q_celebrity_toggle {
    opacity: 1;
    visibility: visible
}

.q_team_data_txt {
    padding: 12px 20px;
    background: #fff
}

.q_team_data_txt p {
    font-size: 13px;
    color: #333
}

.q_team_data_txt p span {
    color: #999
}

.masterList .h-expert-all-list ul li,.q_team_data .h-expert-all-list ul li {
    padding: 15px 0
}

.q_player_nub {
    position: absolute;
    font-size: 16px;
    color: #333;
    right: 4.6875%;
    top: 50%;
    transform: translateY(-50%)
}

.q_index_top_tab {
    text-align: center;
    width: 100%;
    background: #fff
}

.q_index_top_tab ul {
    width: 100%
}

.q_index_top_tab ul li {
    float: left;
    width: 25%;
    padding: 12px 10px
}

.q_index_top_tab ul li:nth-child(n+5) {
    padding-top: 0
}

.q_index_top_tab ul li p {
    margin-bottom: 0;
    font-size: 13px;
    color: #333;
    margin-top: 5px;
    white-space: nowrap
}

.q_index_top_tab_icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    overflow: hidden
}

.q_index_top_tab_icon img {
    width: 100%;
    height: 100%
}

.q_index_news {
    position: relative;
    padding: 0 4%;
    height: 35px;
    font-size: 12px;
    color: #999;
    line-height: 35px;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.q_index_news_icon {
    float: left;
    margin-top: 10px;
    margin-right: 12px;
    width: 41px;
    height: 14px;
    vertical-align: middle
}

.q_quick_news {
    position: absolute;
    top: 50%;
    left: 13%;
    width: 80%;
    overflow: hidden;
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg)
}

.q_quick_news p {
    line-height: 300px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg)
}

.q_quick_news p,.q_quick_news p a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.q_quick_news p a {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    width: 85%;
    padding: 10px;
    color: #666;
    text-decoration: none
}

.q_list_score_I>ul>li {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5
}

.q_list_score_I>ul>li:first-child {
    border-top: 0
}

.q_list_score_I>ul>li:last-child {
    border-bottom: 0
}

.q_add_I .q_add_I_l {
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width:320px) and (max-width:340px) {
    .q_add_I .q_add_I_l {
        width: 55%;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.q_add_I ul li {
    width: 50%;
    float: left;
    background: #fff;
    padding: 17px 4%
}

.q_add_I ul li:nth-child(2n) {
    border-right: 0
}

.q_add_I ul li:last-child,.q_add_I ul li:nth-last-child(2) {
    border-bottom: 0
}

.q_add_I ul li.activated,.q_add_I ul li:active {
    background: #f5f5f5
}

.q_add_I_icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle
}

.fastEntry1 .q_add_I_icon img {
    height: 30px
}

.q_add_I_l p {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 16px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.q_add_I_l span {
    font-size: 12px;
    color: #999!important;
    white-space: nowrap
}

.q_series_logo {
    display: inline-block;
    text-align: center;
    width: 27px;
    height: 27px;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -3px
}

.q_series_logo img {
    height: 100%
}

.q_yingchao_ranking {
    background: #fff
}

.q_yingchao_ranking ul li {
    width: 50%;
    float: left;
    padding: 14px 25px;
    font-size: 16px
}

.q_yingchao_ranking ul li:last-child:before {
    border-width: 0
}

.q_yingchao_ranking i,.q_yingchao_ranking span {
    vertical-align: middle
}

.q_yingchao_ranking i {
    margin-right: 10px
}

.q_yingchao_ranking .q_index_top_tab_icon {
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.saishi-popup .popup {
    width: 285px
}

.saishi-popup .popup-buttons .button {
    color: #999
}

.saishi-popup .button.button-positive {
    color: #14ba33
}

.q_live_shijian {
    overflow: hidden
}

.q_live_shijian ul li {
    height: 70px;
    position: relative
}

.q_live_shijian ul li:nth-child(odd) {
    background: #fbfbfb
}

.q_live_shijian ul li:nth-child(2n) {
    background: #fff
}

.q_live_shijian .q_live_line {
    position: absolute;
    z-index: 8;
    left: 50%;
    margin-left: -1px;
    top: 35px;
    bottom: 35px;
    width: 2px;
    background: #eee
}

.q_live_shijian_c {
    position: relative;
    z-index: 10;
    width: 26%;
    margin: 0 auto;
    height: 100%;
    text-align: center;
    padding-top: 19px
}

.q_live_shijian_c .q_icon {
    display: inline-block;
    width: 32px;
    height: 32px
}

.q_live_shijian ul li:nth-child(odd) .q_icon {
    background-color: #fbfbfb
}

.q_live_shijian ul li:nth-child(2n) .q_icon {
    background-color: #fff
}

.q_live_shijian_c .q_left_time {
    position: absolute;
    right: 50%;
    margin-right: 18px
}

.q_live_shijian_c .q_right_time {
    position: absolute;
    left: 50%;
    margin-left: 18px
}

.q_live_shijian_c .q_left_time,.q_live_shijian_c .q_right_time {
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    line-height: 32px
}

.q_live_shijian_c .q_left_time strong,.q_live_shijian_c .q_right_time strong {
    font-size: 15px;
    white-space: nowrap
}

.q_team_member_l,.q_team_member_r {
    position: absolute;
    top: 50%;
    white-space: nowrap;
    transform: translateY(-50%)
}

.q_team_member_l {
    left: 15px
}

.q_team_member_r {
    right: 15px;
    text-align: right
}

.q_team_member_l p,.q_team_member_r p {
    margin-bottom: 0;
    font-size: 13px;
    color: #333
}

.q_team_member_l p.zg,.q_team_member_r p.zg {
    color: #999
}

.q_midfield_break {
    position: absolute;
    z-index: 10;
    top: 21px;
    left: 50%;
    width: 125px;
    height: 28px;
    border: 2px solid #eee;
    border-radius: 20px;
    background: #fff;
    line-height: 24px;
    text-align: center;
    color: #333;
    font-size: 12px;
    transform: translateX(-50%)
}

.q_live_line_wenzi {
    position: absolute;
    left: 33px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #eee
}

.q_live_wenzi ul {
    padding-bottom: 12px
}

.q_live_wenzi ul li {
    padding-top: 12px
}

.q_live_txt {
    position: relative;
    background: #f5f5f5;
    padding: 12px 13px;
    margin: 0 14px 0 50px;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.q_live_txt:after {
    content: "";
    position: absolute;
    top: 15px;
    left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #f5f5f5
}

.q_live_left_time {
    position: relative;
    z-index: 10;
    float: left;
    margin-top: 12px;
    width: 39px;
    text-align: right
}

.q_point_of_time {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background: #aaa;
    border-radius: 50%;
    border: 2px solid #fff
}

.q_live_left_time_nbu {
    font-size: 11px;
    color: #333
}

.live_wenzi_lq .q_live_left_time {
    width: 55px;
    white-space: nowrap
}

.live_wenzi_lq .q_live_txt {
    margin-left: 65px
}

.live_wenzi_lq .q_live_line_wenzi {
    left: 49px
}

.q_expert_label {
    display: inline-block;
    height: 14px;
    vertical-align: middle
}

.q_expert_label img {
    height: 100%
}

.q_v3_add_icon {
    background: url(/images/yuce/q_v3_add_icon.17b03593deff62f351dd.png);
    background-size: cover
}

.q_v3_add_icon.active {
    transform: rotate(180deg)
}

.q_select_zj {
    position: relative;
    z-index: 1000
}

.q_select_zj ul li {
    padding: 20px 10px!important;
    width: 33.33%;
    float: left
}

.q_v3_expert_type img {
    border-radius: 3px
}

.q_expert_inte {
    border-bottom: 0
}

.q_expert_inte .referee {
    padding: 15px 0 0
}

.q_expert_inte .referee:before {
    border-color: #eee
}

.q_expert_inte ul {
    border-top: 0
}

.q_expert_inte ul li {
    border-bottom: 0;
    padding-bottom: 20px;
    border-top: 0
}

.q_expert_inte ul li:last-child {
    margin-bottom: 0
}

.q_expert_inte .hw_jz_date {
    margin-bottom: 10px;
    color: #999
}

.q_expert_inte .hw_jz_date em {
    padding: 0 5px
}

.q_expert_inte .hw_jdSpesc p {
    color: #999;
    margin-bottom: 13px;
    max-height: 40px;
    overflow: hidden
}

.q_title_I i {
    position: absolute;
    left: 0;
    top: 10px;
    display: inline-block;
    margin-right: 6px;
    width: 3px;
    height: 20px;
    background: #ffde00
}

.q_title_I i.grey {
    width: 6px;
    background: #eee
}

.profile_icon_I {
    display: inline-block;
    width: 12px;
    height: 20px;
    margin: 0 3px;
    vertical-align: middle;
    background: url(/images/yuce/profile_icon_I1.110efc12595fc0fd1a21.png);
    background-size: cover
}

.q_h5_page_bottom {
    padding: 30px 15px
}

.q_h5_page_bottom a {
    display: block;
    margin: 0 auto;
    border-radius: 5px;
    text-decoration: none;
    width: 160px;
    height: 44px;
    line-height: 44px;
    background: #ffda44;
    color: #333;
    font-size: 15px;
    text-align: center
}

.q_smewm {
    margin-top: 30px;
    width: 100%;
    height: 24px;
    background: url(/images/yuce/smewm.295afdd18b31b786153b.png) no-repeat top;
    background-size: 100% auto
}

.q_h5_page_bottom .erweima {
    display: block;
    width: 150px;
    height: 150px;
    margin: 12px auto
}

.q_h5_page_bottom .bd_logo {
    width: 150px;
    height: 110px;
    margin: 0 auto;
    background: url(/images/yuce/db_logo.86e9a80bb3796c0926c8.png) no-repeat top;
    background-size: 100% auto
}

.q_eminent_list {
    background: #fff;
    position: relative;
    z-index: 2
}

.q_eminent_list ul li {
    float: left;
    white-space: nowrap;
    width: 33.333%;
    padding: 14px 0;
    padding-left: 4%
}

.q_eminent_list ul li.active,.q_eminent_list ul li:active {
    background: #f5f5f5
}

.q_eminent_list ul li:nth-child(3n) {
    border-right: 0
}

.q_eminent_list .eminent_icon {
    display: inline-block;
    margin-right: 6px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle
}

.q_eminent_list .eminent_icon img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.q_eminent_list .eminent_name {
    display: inline-block;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    vertical-align: middle
}

@media screen and (min-width:320px) and (max-width:340px) {
    .q_eminent_list ul li {
        padding-left: 2%
    }

    .q_eminent_list .eminent_icon {
        margin-right: 0
    }
}

.q_eminent_slidelist {
    padding: 0 10px
}

.q_eminent_focus {
    background: #fafafa;
    overflow: hidden
}

.q_eminent_focus.h125 {
    height: 125px
}

.q_eminent_slidelist .expert_tx {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px
}

.q_eminent_slidelist ul {
    white-space: nowrap
}

.q_eminent_slidelist ul li {
    float: left;
    width: 25%;
    padding: 17px 0 14px 0;
    text-align: center
}

.q_eminent_slidelist ul li:nth-child(n+5):before {
    border-width: 0
}

.q_eminent_slidelist .expert_cover {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(0,0,0,.3);
    position: absolute;
    left: 0;
    top: 0
}

.q_eminent_slidelist .eminent_name {
    position: relative;
    font-size: 12px;
    margin-top: 5px;
    color: #333;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.q_eminent_slidelist .eminent_icon {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 0;
    bottom: 3px;
    border-radius: 50%;
    overflow: hidden
}

.q_eminent_slidelist .eminent_icon img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.q_eminent_slidelist .analyst_guess {
    vertical-align: top
}

.q_view_decod_I .q_expert_inte .referee {
    border-bottom: 0;
    padding-bottom: 5px
}

.q_look_no_hy {
    line-height: 38px;
    font-size: 12px;
    color: #333
}

.q_has_newsI {
    position: absolute;
    top: 0;
    right: -6px;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    background: #e60012;
    border-radius: 50%
}

.q_recom_list .q_has_newsI {
    right: -10px;
    top: -10px
}

.q_live_select_bs {
    position: absolute;
    top: 0;
    right: 0
}

.q_live_select_bs.active .q_live_select_bs_toggle {
    opacity: 1;
    visibility: visible
}

.eminent_img {
    height: 14px;
    text-align: center;
    margin-top: 2px
}

.eminent_img img {
    height: 100%
}

.q_live_select_bs_btn {
    width: 98px;
    padding-left: 14px;
    padding-right: 42px;
    white-space: nowrap;
    font-size: 14px;
    color: #666;
    font-weight: 400
}

.q_live_select_bs:after {
    right: 18px;
    margin-top: -8px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #333;
    border-right: 2px solid #333
}

.q_live_select_bs_toggle {
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 20px #ccc;
    z-index: 99;
    background: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.q_live_select_bs_toggle ul li {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    padding-left: 14px;
    color: #666;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e5e5e5
}

.q_live_select_bs_toggle ul li:last-child {
    border-bottom: 0
}

.q_live_select_bs_toggle ul li em {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 15px;
    top: 50%;
    margin-top: -10px
}

.q_live_select_bs_toggle ul li.active {
    color: #333
}

.q_live_select_bs_toggle ul li.active em {
    display: block
}

.h5_no_data {
    background: #eee;
    padding: 110px 0;
    text-align: center
}

.h5_no_data img {
    width: 109px
}

.h5_no_data p {
    font-size: 14px;
    color: #999;
    margin-top: 12px
}

.q_no_recom_jiedu img {
    margin-top: 140px;
    margin-bottom: 20px;
    width: 104px;
    height: 120px
}

.q_no_recom_jiedu p {
    font-size: 16px;
    color: #999
}

.q_no_date {
    padding: 60px 0;
    background: none
}

.q_no_date.bg_fff {
    background: #fff
}

.q_no_date img {
    margin-bottom: 20px;
    width: 70px
}

.bar_top_tab {
    width: 40%;
    height: 28px;
    line-height: 28px;
    margin: 3px auto;
    border-right: 5px;
    overflow: hidden;
    background-clip: border-box
}

.bar_top_tab:before {
    z-index: 10
}

.bar_top_tab a {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #b39931!important;
    text-align: center;
    text-decoration: none
}

.bar_top_tab a.active {
    background: #eac70c;
    color: #333!important
}

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

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

.bar_top_tab a:last-child:before {
    border-right-width: 0
}

.sub_header_tab {
    height: 40px;
    background: #ffda44
}

.sub_header_tab.bg_fff {
    background: #fff
}

.sub_header_tab.bg_fff a span {
    color: #999
}

.sub_header_tab.no_blod a {
    font-weight: 400
}

.sub_header_tab a {
    display: block;
    height: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    color: #333;
    text-decoration: none
}

.sub_header_tab a span {
    display: inline-block;
    height: 100%;
    color: #b39931
}

.sub_header_tab a.active span {
    color: #333;
    border-bottom: 2px solid #333
}

.sub_header_tab_bgfff {
    background: #fff
}

.sub_header_tab_bgfff a span {
    color: #666;
    position: relative
}

.sub_header_tab_bgfff a.active span {
    border-bottom-color: #ffda44
}

.dif_slide_btn {
    width: 95px;
    text-indent: -15px;
    margin-left: auto;
    margin-right: auto;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    color: #ff9000;
    text-align: center
}

.dif_slide_btn:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.dif_slide_btn.active:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: -2px
}

.dif_slide_con {
    padding-left: 26px
}

.dif_winner {
    z-index: 10;
    width: 26px;
    height: 100%;
    padding: 14px 5px;
    line-height: 13px;
    position: absolute;
    left: -26px;
    top: 0;
    text-align: center;
    font-size: 13px;
    color: #fff
}

.bg_ff6f43 {
    background: #ff6f43
}

.bg_79cae1 {
    background: #79cae1
}

.bg_f9f9f9,.dif_slide_con {
    background: #f9f9f9
}

.dif_slide_select {
    width: 100%
}

.dif_slide_select a {
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none
}

.dif_slide_select a span {
    display: block;
    font-size: 13px;
    color: #666;
    margin-top: 10px
}

.dif_slide_select a em {
    display: block;
    font-size: 12px;
    color: #999;
    margin-bottom: 10px;
    margin-top: 3px
}

.dif_slide_select a.active {
    background: #ffda44
}

.dif_slide_select a.active span {
    color: #333
}

.dif_slide_select a.active .select_icon {
    display: block
}

.match_opponent_sfc {
    padding-bottom: 20px
}

.q_qbwf_icon,.q_shaixuan_icon,.q_znpx_icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px
}

.q_qbwf_icon {
    background: url(/images/yuce/q_qbwf_icon.2cd40d25e6b3c7dd2036.png);
    background-size: cover
}

.q_znpx_icon {
    background: url(/images/yuce/q_znpx_icon.4c1e032c4525e23e5a88.png);
    background-size: cover
}

.q_shaixuan_icon {
    background: url(/images/yuce/q_shaixuan_icon.74c9580828b350ecb47d.png);
    background-size: cover
}

.tj_ball_icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: top;
    margin-top: 10px
}

.tj_ball_icon_zq {
    background: url(/images/yuce/tj_ball_icon_zq.f21527a9661767307679.png);
    background-size: cover
}

.tj_ball_icon_lq {
    background: url(/images/yuce/tj_ball_icon_lq.9ed4cd8587921042b1df.png);
    background-size: cover
}

.eye_box.has_look {
    background: #f5f5f5;
    border: 1px solid #e0e0e0
}

.slide_choose ul li:last-child:before {
    border-width: 0
}

.my_recommend ul li {
    background: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    font-size: 14px;
    color: #333
}

.my_recommend ul li:last-child:before {
    border-width: 0
}

.title_gray {
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.caption_txt {
    white-space: nowrap;
    font-size: 12px;
    color: #999;
    padding: 0 15px;
    background: #fff;
    height: 40px;
    line-height: 40px
}

.caption_txt_icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
    background: url(/images/yuce/caption_txt_icon.e025991e1fc68c7c4cea.png);
    background-size: cover
}

.caption_txt.grey,.caption_txt.red {
    white-space: normal;
    position: relative;
    padding: 12px 15px 12px 35px;
    height: auto;
    line-height: 20px;
    color: #333
}

.caption_txt.grey .caption_txt_icon,.caption_txt.red .caption_txt_icon {
    position: absolute;
    left: 15px;
    top: 17px;
    background: url(/images/yuce/caption_txt_icon1.11e04855d521f90a26ba.png);
    background-size: cover
}

.caption_txt.grey .caption_txt_icon {
    background: url(/images/yuce/caption_txt_icon.e025991e1fc68c7c4cea.png);
    background-size: cover
}

.caption_txt.grey {
    color: #999
}

.dif_bg_none {
    background: none
}

.dif_bg_none .dif_slide_select a span {
    color: #fff
}

.dif_bg_none .dif_slide_select a.active span {
    color: #333
}

.recom_result_lanqiu .wrong_icon {
    top: inherit;
    bottom: 12px;
    right: 27%
}

.Identifier {
    display: none;
    border-radius: 8px;
    border: 1px solid #fff;
    position: absolute;
    right: -5px;
    top: -8px;
    height: 14px;
    line-height: 12px;
    color: #fff;
    font-size: 10px;
    padding: 0 6px;
    z-index: 10
}

.Identifier.blue {
    background: #0075a9
}

.Identifier.red {
    background: #ea4747
}

.dif_slide_select a.active .Identifier,.forecast_btn.active .Identifier {
    display: block
}

.tips_doubleSelect {
    white-space: nowrap;
    height: 15px;
    line-height: 15px;
    box-sizing: content-box;
    text-align: center
}

.tips_doubleSelect i {
    display: inline-block;
    vertical-align: top;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    background: url(/images/yuce/caption_txt_icon.e025991e1fc68c7c4cea.png) no-repeat;
    background-size: cover
}

.my_recommend .push_result {
    width: 54%;
    margin: 0 auto
}

.my_recommend .push_result>div:first-child {
    margin-right: 20px
}

.v2_hitrate70 div {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 60px;
    height: 60px
}

.v2_hitrate70 .bg {
    border: 1px solid #666
}

.v2_hitrate70 .rount {
    border: 1px solid #ffda44;
    clip: rect(0,30px,60px,0)
}

.v2_hitrate70 .bg2 {
    border: 1px solid #666;
    clip: rect(0,30px,60px,0)
}

.v2_hitrate70 .rount2 {
    border: 1px solid #ffda44;
    clip: rect(0,60px,60px,30px)
}

.fixed_top_bar {
    width: 100%;
    height: 44px;
    position: absolute;
    z-index: 99
}

.fixed_top_bar .title {
    font-size: 17px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    margin: 0;
    font-weight: 500
}

.q_expert_home_head {
    height: 100px
}

.q_personal_info {
    padding: 16px 0 20px 0
}

.q_personal_info_l {
    width: 35%;
    top: -32px;
    left: 0;
    z-index: 10
}

.q_personal_info_c {
    width: 40%;
    margin-left: 35%
}

.q_personal_info_c ul li {
    text-align: center
}

.q_personal_info_c ul li p {
    font-size: 16px;
    color: #5383ec;
    font-weight: 700;
    margin-bottom: 0
}

.q_personal_info_c ul li span {
    display: block;
    font-size: 13px;
    color: #999
}

.q_personal_info_r {
    width: 18%;
    top: 50%;
    right: 4%;
    transform: translateY(-50%)
}

.q_personal_info_r .v2_add_btn_zj {
    width: 100%;
    background-position: top
}

.q_personal_info_r .v2_add_btn_zj.active {
    background-position: bottom
}

.q_personal_info .expert_tx {
    width: 64px;
    height: 64px
}

.q_personal_abs {
    padding: 20px 25px 10px 25px
}

.q_personal_abs.pt5 {
    padding-top: 5px
}

.q_personal_info .gradg_icon {
    bottom: -2px;
    right: 0
}

.q_personal_abs .title_abs {
    padding-left: 25px;
    position: absolute;
    z-index: 10;
    left: 0;
    top: -8px;
    width: 40%;
    height: 16px;
    line-height: 16px
}

.q_personal_abs .con_abs {
    font-size: 12px;
    color: #999;
    line-height: 18px
}

.title_abs_bg {
    background-color: #fff;
    padding: 0 15px;
    display: inline-block;
    position: relative
}

.title_abs_bg:after,.title_abs_bg:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background: #e5e5e5;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%)
}

.title_abs_bg:after {
    left: 0
}

.title_abs_bg:before {
    right: 0
}

.q_personal_abs .bot_abs {
    padding-left: 65px;
    font-size: 0
}

.q_personal_abs .bot_abs strong {
    width: 65px;
    left: 0;
    white-space: nowrap
}

.q_personal_abs .bot_abs span,.q_personal_abs .bot_abs strong {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    display: inline-block
}

.q_personal_abs .bot_abs span {
    vertical-align: top;
    margin: 0 2px;
    margin-bottom: 10px;
    background: #ffecdf;
    border-radius: 2px;
    color: #eb6100;
    padding: 0 13px
}

.q_personal_abs .tj_ball_icon {
    margin-top: 0
}

.recommend_tab_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
    background: url(/images/yuce/recommend_tab_icon.24a07d0243ac60139990.png);
    background-size: 20px 245px
}

.recommend_tab_icon01 {
    background-position: 0 0
}

.recommend_tab_icon02 {
    background-position: 0 -50px
}

.recommend_tab_icon03 {
    background-position: 0 -100px
}

.recommend_tab a.active .recommend_tab_icon01 {
    background-position: 0 -25px
}

.recommend_tab a.active .recommend_tab_icon02 {
    background-position: 0 -75px
}

.recommend_tab a.active .recommend_tab_icon03 {
    background-position: 0 -125px
}

.q_hitrate_column {
    background: #30354c
}

.q_hitrate_column_t ul li h4 {
    margin: 15px 0 5px 0;
    font-size: 16px;
    font-weight: 700
}

.q_hitrate_column_t ul li p {
    font-size: 12px;
    color: #999;
    margin-bottom: 10px
}

.q_hitrate_column_b {
    height: 40px
}

.q_hitrate_column_b .hitrate {
    width: 47%;
    height: 40px;
    margin: 0 auto;
    position: relative
}

.q_hitrate_column_b .hitrate ul {
    width: 100%;
    height: 100%
}

.q_hitrate_column_b .hitrate ul li {
    width: 14.285%;
    background: #ccc;
    margin-right: 1px;
    height: 50%;
    box-sizing: content-box;
    margin-top: 20px
}

.q_hitrate_column_b .hitrate ul li.active {
    height: 100%;
    background: #ff7e00;
    margin-top: 0
}

.q_hitrate_column_b .hitrate ul li:last-child {
    margin-right: 0
}

.q_hitrate_column_b .hitrate .q_far,.q_hitrate_column_b .hitrate .q_near,.q_hitrate_column_b .hitrate_l {
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    color: #999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.q_hitrate_column_b .hitrate .q_near {
    left: -30px
}

.q_hitrate_column_b .hitrate .q_far {
    right: -30px
}

.q_hitrate_column_b .hitrate_l {
    width: 74px;
    font-size: 14px;
    color: #ccc;
    left: 0;
    text-align: left;
    left: 15px
}

.q_hitrate_column_b .hitrate_r {
    position: absolute;
    width: 35px;
    top: 3px;
    right: 18px
}

.q_hitrate_column_b .hitrate_r p {
    height: 16px;
    line-height: 16px;
    margin-bottom: 0;
    font-size: 10px;
    color: #999
}

.q_hitrate_column_b .hitrate_r p i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #ccc;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 3px
}

.q_hitrate_column_b .hitrate_r p i.active {
    background: #ff7e00
}

.even_the_red {
    margin-left: 5px;
    white-space: nowrap;
    height: 14px;
    line-height: 14px;
    background: #ea4747;
    border-radius: 3px;
    font-size: 10px;
    color: #fff;
    padding: 0 5px;
    font-weight: 400;
    transform: translateY(-50%)
}

.hw_ct_bar em:last-child:before {
    border-width: 0
}

.q_personal_info .expert_name {
    white-space: nowrap;
    overflow: visible
}

.eminent_name .tj_ball_icon,.q_personal_info .tj_ball_icon {
    position: absolute;
    top: 3px;
    left: -17px;
    margin-top: 0
}

.eminent_name .tj_ball_icon {
    top: 0;
    left: -18px
}

.q_personal_abs .q_expert_label {
    vertical-align: top
}

.q_personal_abs .q_expert_label img {
    height: 14px
}

.gradient_details {
    background-image: -webkit-linear-gradient(top,#202a50,#3f4149)
}

.list_box ul li:last-child:before {
    border-width: 0
}

.gradient_details .referee {
    background: none;
    border-bottom: 0
}

.q_shareCard {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 95px;
    padding-bottom: 50px;
    border-radius: 5px;
    position: relative;
    z-index: 10
}

.q_shareCard .q_personal_info_l {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    text-align: center
}

.q_shareCard .q_personal_info {
    padding: 0
}

.q_shareCard .q_personal_abs .title_abs {
    text-align: center;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: -15px
}

.q_shareCard .q_personal_abs {
    padding: 15px 0;
    margin-top: -30px
}

.q_shareCard .q_personal_abs.hongren {
    padding-top: 0
}

.q_shareCard .erweima img {
    width: 150px
}

.q_shareCard .copy_right {
    padding: 11px 0;
    background: #f5f5f5;
    border-radius: 0 0 5px 5px
}

.q_shareCard .copy_right img {
    width: 230px
}

.share_btn_wx {
    display: block;
    text-decoration: none;
    background: rgba(54,62,64,.5);
    border-radius: 5px;
    margin: 25px auto;
    width: 125px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.q_shareCard>div:first-child {
    border-radius: 5px 5px 0 0
}

.sub_header_saishi {
    padding: 10px 50px 10px 15px
}

.sub_header_saishi ul li {
    white-space: nowrap;
    margin-right: 10px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #333;
    background: #f5f5f5;
    border-radius: 3px
}

.sub_header_saishi ul li:last-child {
    margin-right: 0
}

.sub_header_saishi ul li.active {
    background: #fff
}

.sub_header_saishi ul li.active:before {
    border-color: #333
}

.little_correct {
    display: none;
    width: 12px;
    height: 10px;
    vertical-align: middle;
    margin-right: 3px;
    background: url(/images/yuce/little_correct.a9d72b14c4d33e1aa8a7.png) no-repeat;
    background-size: 100% 100%
}

.sub_header_saishi_btn {
    width: 50px;
    height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    background: url(/images/yuce/sub_header_saishi_all_btn.728524d666a1810bdd8c.png) no-repeat;
    background-size: cover
}

.q_startTime {
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 70px;
    padding: 2px 0 2px 3px;
    display: inline-block;
    border-radius: 15px;
    font-size: 12px;
    color: #333
}

.q_startTime_icon {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    margin-top: -2px;
    width: 20px;
    height: 20px;
    background: url(/images/yuce/q_startTime_icon.9810330c711248efcca6.png) no-repeat;
    background-size: cover
}

.opponent_score ul li:first-child {
    width: 55%
}

.opponent_score ul li:last-child {
    width: 25%
}

.profile_user {
    position: relative;
    vertical-align: middle;
    margin-top: -3px;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    overflow: hidden
}

.profile_user img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.select_match_live {
    top: 76px
}

.select_match_live.animate {
    top: 84px
}

.select_match_live_btn {
    margin-left: -2%
}

.select_match_live_btn a {
    width: 23%;
    margin-left: 2%;
    float: left;
    font-size: 12px;
    color: #333;
    text-decoration: none;
    text-align: center;
    height: 25px;
    line-height: 25px;
    margin-bottom: 15px;
    background: #f5f5f5;
    border-radius: 2px
}

.select_match_live_btn a.active {
    background: #fff3c3;
    color: #333
}

.select_match_live_btn a span {
    color: #999;
    padding: 0 3px
}

.goto_link {
    width: 135px;
    height: 40px;
    margin: 20px auto;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #333
}

.news_moreBtn {
    position: absolute;
    text-align: center;
    line-height: 45px;
    display: block;
    width: 45px;
    height: 45px;
    right: 0;
    top: 0;
    z-index: 99
}

.news_moreBtn span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 4px;
    height: 4px;
    background: #666;
    border-radius: 50%
}

.news_moreBtn span:before {
    left: -7px
}

.news_moreBtn span:after,.news_moreBtn span:before {
    content: "";
    position: absolute;
    top: 0;
    width: 4px;
    height: 4px;
    background: #666;
    border-radius: 50%
}

.news_moreBtn span:after {
    left: 7px
}

.q_view_decod .tj_ball_icon {
    margin-top: 1px;
    vertical-align: middle
}

.q_title_I_tab {
    width: 40%;
    height: 100%;
    padding-right: 10px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    text-align: right
}

.q_title_I_tab a {
    display: inline-block;
    width: 50%;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    color: #666
}

.q_title_I_tab a em {
    display: inline-block;
    vertical-align: top;
    height: 39px;
    white-space: nowrap
}

.q_title_I_tab a.active em {
    border-bottom: 2px solid #ffda44
}

.red_recomLink {
    height: 45px;
    line-height: 45px;
    background: #ffda44;
    font-size: 14px;
    color: #333;
    text-align: center
}

.red_recomLink span:after {
    content: "";
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.red_recomLink.gray {
    background: #fafafa
}

.red_recomLink.bg_white {
    background: #fff
}

.red_recomLink.white {
    box-sizing: content-box;
    color: #f45757;
    background: #fff
}

.red_recomLink.white span:after {
    border-color: #f45757
}

.q_hasReward {
    position: relative;
    height: 35px;
    line-height: 35px;
    white-space: nowrap;
    margin-right: 5px;
    margin-top: 10px;
    background: #f5f5f5;
    font-size: 12px;
    color: #666;
    border-radius: 3px;
    padding: 0 10px
}

.q_hasReward:after {
    content: "";
    position: absolute;
    top: -7px;
    left: 15px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #f5f5f5
}

.q_plate_lanqiu h3:after {
    border: none!important
}

.q_plate_lanqiu table th:first-child {
    color: #999;
    width: 33%
}

.q_plate_lanqiu table th:nth-child(2),.q_plate_lanqiu table th:nth-child(3),.q_plate_lanqiu table th:nth-child(4),.q_plate_lanqiu table th:nth-child(5) {
    width: 13%
}

.q_plate_lanqiu table th:nth-child(6) {
    width: 15%;
    padding-right: 0
}

.q_plate_lanqiu table td:nth-child(6) {
    padding-right: 0;
    font-weight: 400!important;
    color: #666!important
}

.q_plate_lanqiu table td:first-child img {
    width: 23px;
    height: 23px;
    margin: 0 8px;
    vertical-align: middle
}

.q_plate_lanqiu table td:first-child span {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    text-align: right
}

.q_plate_lanqiu table td {
    height: 40px;
    line-height: 40px;
    white-space: nowrap
}

.q_plate_lanqiu table td:first-child {
    padding-left: 0
}

.q_plate_lanqiu table {
    margin-bottom: 0
}

.q_plate_lanqiu .bot {
    background-color: #eee;
    margin-top: -10px
}

.q_match_qiudui ul li:last-child .analyst_t:before {
    border-width: 0
}

.q_match_qiudui .analyst_jj {
    margin-top: 0
}

.q_live_con .q_history_lanqiu {
    table-layout: fixed
}

.q_live_con .q_history_lanqiu th:first-child {
    width: 10%;
    padding-left: 0;
    text-align: center
}

.q_live_con .q_history_lanqiu th:nth-child(2) {
    width: 16%
}

.q_live_con .q_history_lanqiu th:nth-child(3),.q_live_con .q_history_lanqiu th:nth-child(4) {
    width: 20%
}

.q_live_con .q_history_lanqiu th:nth-child(5) {
    width: 15%
}

.q_live_con .q_history_lanqiu th:nth-child(6) {
    width: 8%
}

.q_live_con .q_history_lanqiu th:nth-child(7) {
    width: 11%
}

.q_live_con .q_history_lanqiu th:nth-child(3),.q_live_con .q_history_lanqiu th:nth-child(5),.q_live_con .q_history_lanqiu tr td:nth-child(3),.q_live_con .q_history_lanqiu tr td:nth-child(5) {
    text-align: center
}

.q_live_con .q_history_lanqiu tr td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.team_middle_lq {
    font-size: 30px;
    line-height: 40px;
    color: #999;
    font-weight: 700
}

.num_lq,.q_team_con .h-circle .num_lq {
    background: url(/images/yuce/num_lq.2ba97299dea793133e55.png) no-repeat 50%;
    background-size: cover
}

.even_top_lq .q_team_con .h-circle .bg,.even_top_lq .q_team_con .h-circle .bg2 {
    border-color: #3a3231
}

.q_playerList dl {
    margin-bottom: 8px
}

.q_playerList_ul {
    padding: 12px 15px
}

.q_playerList_ul li {
    white-space: nowrap
}

.q_playerList_ul li:nth-child(2) {
    text-align: center
}

.q_playerList_ul li:nth-child(3) {
    text-align: right
}

.q_playerList_ul .playerImg {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle
}

.q_playerList_ul li:first-child .playerImg {
    margin-right: 7px
}

.q_playerList_ul li:last-child .playerImg {
    margin-left: 7px
}

.q_playerList_ul .playerName {
    width: 58%;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle
}

.q_playerList_ul .playerName p {
    width: 100%;
    font-size: 12px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.q_playerList_ul .playerName p:first-child {
    color: #333
}

.q_playerList_ul .playerName p:last-child {
    color: #999
}

.q_playerList_ul .playFruit {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #333
}

.q_playerList_ul .playFruit span {
    vertical-align: middle
}

.q_playerList_ul .playFruit span:first-child {
    margin-right: 10px
}

.q_playerList_ul .playFruit span:last-child {
    margin-left: 10px
}

@media screen and (min-width:320px) and (max-width:340px) {
    .q_playerList_ul .playFruit span:first-child {
        margin-right: 5px
    }

    .q_playerList_ul .playFruit span:last-child {
        margin-left: 5px
    }
}

.recommend_tab.tab_noneBorder a.active {
    border-bottom: none
}

.title_tj {
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    color: #333;
    font-size: 14px;
    background: #f5f5f5
}

.listNofollow .q_read_txt {
    right: 0
}

@media screen and (min-width:360px) {
    .q_playerList_ul .playerName {
        width: 64%
    }
}

.down_arrow {
    display: inline-block;
    vertical-align: middle;
    margin-top: -7px;
    margin-left: 8px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.down_arrow.active {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: 5px
}

.q_homepageTop {
    padding-top: 44px
}

.q_homepageTop h1 {
    position: relative;
    z-index: 10;
    width: 250px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 17px;
    color: #fff;
    margin: 0 auto
}

.q_homepageTop .referee {
    padding-top: 25px;
    background: none;
    border: none;
    z-index: 10
}

.q_homepageTop .referee_con {
    margin-top: -5px
}

.q_homepageTop .v2_follow_btn {
    right: 0
}

.q_homepageTop .q_bg_pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95%;
    opacity: .5;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% auto;
    -moz-filter: blur(13px);
    -ms-filter: blur(13px);
    filter: blur(13px);
    transform-origin: center center;
    height: 100%
}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2) {
    .q_homepageTop .q_bg_pic {
        opacity: 1
    }
}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
    .q_homepageTop .q_bg_pic {
        opacity: 1
    }
}

@media (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .q_homepageTop .q_bg_pic {
        opacity: 1
    }
}

@media (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .q_homepageTop .q_bg_pic {
        opacity: 1
    }
}

.q_bg_pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95%;
    opacity: .5;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    -moz-filter: blur(13px);
    -ms-filter: blur(13px);
    filter: blur(13px);
    transform-origin: center center;
    height: 100%
}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2) {
    .q_bg_pic {
        opacity: 1
    }
}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
    .q_bg_pic {
        opacity: 1
    }
}

@media (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .q_bg_pic {
        opacity: 1
    }
}

@media (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .q_bg_pic {
        opacity: 1
    }
}

.q_bg_color {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5)
}

.q_homepageTop .analyst_jj p {
    color: #ccc
}

.q_homepageTop .q_bg_color {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(top,rgba(125,185,232,0),rgba(0,0,0,.6))
}

.q_homepageTop .q_bg_color.wd_exReadDet {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(top,rgba(1,0,29,.5),rgba(13,74,122,.5))
}

.q_homepageTop .tj_ball_icon {
    margin-top: 1px;
    vertical-align: middle
}

.q_homepageTop .analyst_info {
    margin-right: 0
}

.q_homepageTop .analyst_jj {
    margin-top: 3px
}

.q_sale_date {
    width: 160px;
    height: 25px;
    font-size: 12px;
    color: #999;
    line-height: 25px;
    text-align: center;
    margin: 10px auto 15px
}

.lineCenter {
    padding: 0
}

.lineCenter.pt20 {
    padding-top: 20px
}

.lineCenter.pt30 {
    padding-top: 30px
}

.q_unscrambleCard ul li {
    height: 75px;
    background: #323a4b;
    margin-bottom: 5px;
    border-radius: 3px;
    box-shadow: 0 3px 5px #c3c3c3
}

.q_unscrambleCard .Card_1,.q_unscrambleCard .Card_4 {
    padding-top: 17px;
    height: 100%;
    width: 18%;
    text-align: center
}

.q_unscrambleCard .Card_1 p,.q_unscrambleCard .Card_3 p,.q_unscrambleCard .Card_4 p {
    margin-bottom: 0;
    line-height: 20px
}

.q_unscrambleCard .Card_2 {
    width: 34%;
    height: 100%;
    padding: 8px 0 0 10px
}

.q_unscrambleCard .Card_2 .team_name {
    color: #fff
}

.q_unscrambleCard .Card_2 .opponent_box {
    height: 27px;
    line-height: 27px
}

.q_unscrambleCard .Card_3 {
    width: 48%;
    height: 100%
}

.q_unscrambleCard .Card_4 {
    width: 24%;
    height: 100%
}

.q_unscrambleCard .Card_5 {
    width: 48%;
    height: 100%;
    text-align: center;
    padding-top: 17px
}

.q_unscrambleCard .Card_5 p {
    margin-bottom: 0;
    line-height: 20px
}

.q_unscrambleCard .Card_1 p.lh40,.q_unscrambleCard .Card_5 p.lh40 {
    line-height: 40px
}

.q_unscrambleCard .Card_spf {
    width: 48%;
    height: 37px;
    text-align: center
}

.q_unscrambleCard .Card_spf:last-child:before {
    border-width: 0
}

.q_unscrambleCard .Card_spf_1 {
    width: 16%;
    height: 100%
}

.q_unscrambleCard .Card_spf_2 {
    width: 28%;
    height: 100%
}

.q_unscrambleCard .Card_spf_1 p,.q_unscrambleCard .Card_spf_2 p {
    margin-bottom: 0;
    line-height: 14px
}

.q_unscrambleCard .Card_spf_1 p {
    margin-top: 7px
}

.q_unscrambleCard .Card_spf_1,.q_unscrambleCard .Card_spf_2 {
    padding-top: 5px
}

.q_unscrambleCard .Card_3.active p,.q_unscrambleCard .Card_4.active p,.q_unscrambleCard .Card_5.active p,.q_unscrambleCard .Card_spf_2.active p {
    color: #ffda44
}

.q_unscrambleCard,.q_unscrambleCard_14 {
    margin-bottom: 12px
}

.q_unscrambleCard_14 ul li {
    text-align: center
}

.q_unscrambleCard_14 dl {
    background: #323a4b;
    margin-bottom: 0
}

.q_unscrambleCard_14 .Card_6_top {
    position: relative;
    color: #999;
    text-align: center;
    font-size: 10px;
    height: 25px;
    line-height: 25px;
    white-space: nowrap
}

.q_unscrambleCard_14 .Card_6_top.active {
    color: #ffda44
}

.q_unscrambleCard_14 .Card_6_bottom {
    position: relative;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    height: 65px
}

.q_unscrambleCard .Card_3>div:before,.q_unscrambleCard_14 .Card_6_bottom:before,.q_unscrambleCard_14 .Card_6_top:before {
    content: " "!important;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #454c5c;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: transparent
}

.q_unscrambleCard_14 .Card_6_bottom:before,.q_unscrambleCard_14 .Card_6_top:before {
    border-bottom: 1px solid #454c5c
}

.q_unscrambleCard_14 .Card_6_bottom span {
    position: absolute;
    bottom: 13px;
    width: 100%;
    padding: 0 2px;
    left: 0
}

.q_unscrambleCard_14 ul li>div:last-child span {
    top: 13px;
    bottom: auto
}

.agree_link_xiangqing {
    padding: 20px 0;
    background: #f5f5f5
}

.q_unscrambleCard .Card_3>div {
    position: relative;
    height: 100%;
    padding-top: 17px;
    text-align: center
}

.q_unscrambleCard .Card_3>div:last-child:before {
    border-width: 0
}

.q_unscrambleCard .Card_3>div.active p {
    color: #ffda44
}

.q_topafewToggle {
    position: absolute;
    left: 0;
    top: 24px;
    z-index: 10;
    width: 100%;
    visibility: hidden;
    opacity: 0
}

.q_topafewToggle.animate {
    top: 44px;
    visibility: visible;
    opacity: 1
}

.selectToggleBtn {
    padding: 15px 15px 5px 15px;
    background: #fff;
    margin-left: -4%
}

.selectToggleBtn a {
    float: left;
    margin-bottom: 14px;
    font-size: 13px;
    text-decoration: none;
    border-radius: 3px;
    display: block;
    width: 21%;
    margin-left: 4%;
    text-align: center;
    height: 36px;
    line-height: 36px;
    background: #f5f5f5;
    color: #666;
    white-space: nowrap
}

.selectToggleBtn a.active {
    background: #fff3c3;
    color: #333
}

.selectToggleBtn a.active:before {
    border-color: #dfc149
}

@media screen and (min-width:320px) and (max-width:340px) {
    .selectToggleBtn a {
        font-size: 11px;
        width: 22%;
        margin-left: 3%
    }

    .selectToggleBtn {
        margin-left: -3%
    }
}

.h-expert-all-list .tj_ball_icon {
    margin-top: 1px;
    vertical-align: middle
}

.v2_select_match.select_zhuanjia {
    top: 120px
}

.v2_select_match.select_zhuanjia.animate {
    top: 90px
}

.popularity_list ul li {
    padding-left: 20px
}

.popularity_nb {
    width: 20px;
    font-size: 14px;
    color: #999;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.eventhered .tj_ball_icon {
    margin-top: -1px;
    margin-right: 2px
}

.eventhered ul li {
    padding: 40px 0
}

.login_input ul li span {
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    font-size: 15px;
    color: #333;
    height: 44px;
    line-height: 44px
}

.login_input ul li:before {
    left: 15px
}

.login_input ul li:last-child:before {
    border-width: 0
}

.jointLogin {
    padding: 28px 0 25px;
    text-align: center;
    margin: 0 15px
}

.jointLogin ul li img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px
}

.jointLogin_txt {
    z-index: 10;
    font-size: 12px;
    color: hsla(0,0%,100%,.2);
    width: 100%;
    height: 18px;
    line-height: 18px;
    top: -9px;
    left: 0;
    overflow: hidden
}

.returnRate_icon {
    display: inline-block;
    min-width: 20px;
    vertical-align: top
}

.returnRate_icon:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 100%;
    margin-left: 4px;
    width: 15px;
    height: 15px;
    background: url(/images/yuce/returnRate_icon.debd46571690307c658c.png);
    background-size: cover
}

.addCardBox,.matchListCard {
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 2px 10px #eaeaea
}

.matchTeam {
    padding-right: 35px;
    padding-top: 12px;
    padding-bottom: 8px
}

.matchTeam img {
    width: 32px;
    height: 32px
}

.matchTeam p {
    margin-bottom: 0;
    font-size: 13px;
    color: #333
}

.matchListCard ul li.active .matchCard {
    display: block
}

.matchListCard ul li.active .matchCard:before {
    z-index: 11
}

.matchListCard ul li.active .matchTeam:after {
    top: 38px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.abstractTitle {
    padding: 10px;
    line-height: 25px;
    background: #f5f5f5;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 15px;
    font-size: 14px;
    color: #666
}

.abstractTitle_icon {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    margin-left: -3px;
    margin-right: 7px;
    background: url(/images/yuce/abstractTitle_icon.4d1590a0e0d244069033.png);
    background-size: cover
}

.matchTeam>div:nth-child(2) {
    padding-top: 10px
}

.matchTeam>div:nth-child(2) p {
    font-size: 11px;
    line-height: 18px;
    color: #999;
    white-space: nowrap
}

.matchTeam:after {
    top: 32px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.matchTeam11,.matchTeam:after {
    content: "";
    position: absolute;
    right: 20px
}

.matchTeam11 {
    top: 20px;
    width: 12px;
    height: 12px;
    border-bottom: 2px solid #ddd;
    border-right: 2px solid #ddd
}

.matchCard {
    display: none;
    color: #fff;
    background: #323a4b;
    text-align: center
}

.matchCard .card_l {
    padding-top: 12px;
    height: 100%;
    width: 25%;
    font-size: 12px
}

.matchCard .card_l p {
    margin-bottom: 0
}

.matchCard .card_r {
    width: 75%;
    font-size: 12px
}

.matchCard .card_r p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px
}

.matchCard .card_r span {
    display: block;
    font-size: 10px;
    line-height: 14px;
    color: #999
}

.matchCard .card_r_1 {
    width: 13%;
    height: 45px;
    line-height: 45px
}

.matchCard .card_r_2 {
    position: relative;
    width: 29%;
    height: 45px;
    padding: 6px 0 4px
}

.matchCard .card_r_3 {
    position: relative
}

.matchCard .matchCard_1 .card_l {
    height: 90px;
    line-height: 66px
}

.matchCard .matchCard_2 {
    height: 65px
}

.matchCard .matchCard_2 .card_l {
    padding-top: 14px
}

.matchCard .card_r_list p,.matchCard .matchCard_2 .card_l p {
    line-height: 16px
}

.matchCard .matchCard_2 .card_l p {
    line-height: 17px
}

.matchCard .matchCard_2 .card_l p.lh36 {
    line-height: 36px
}

.matchCard .card_r_list {
    width: 75%;
    font-size: 14px;
    height: 100%
}

.matchCard .card_r_list p {
    font-size: 14px;
    margin-bottom: 0
}

.matchCard .card_r_list span {
    font-size: 12px;
    color: #999
}

.matchCard .card_r_list>div {
    padding-top: 14px
}

.matchCard .card_r_2:after,.matchCard .card_r_3:after {
    display: none;
    content: "";
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 4px;
    height: 8px;
    border-bottom: 1px solid #ffda44;
    border-right: 1px solid #ffda44;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.matchCard .card_r_2.active:after,.matchCard .card_r_3.active:after {
    display: block
}

.matchCard .card_r_2.active p,.matchCard .card_r_2.active span,.matchCard .card_r_3.active p,.matchCard .card_r_3.active span {
    color: #ffda44
}

.hw_referee .v2_lock {
    padding-bottom: 0
}

.messageBtn {
    color: #e56f10;
    font-size: 15px
}

.messageBtn_icon {
    background: url(/images/yuce/messageBtn_icon.b3a6e2aa6900b17591d8.png);
    background-size: cover
}

.messageList ul li {
    padding: 10px 15px;
    position: relative
}

.messageCon {
    margin-left: 40px
}

.messageCon p {
    color: #333;
    margin-bottom: 0
}

.messageTime {
    margin-top: 10px
}

.messageUserImg .gradg_icon_I {
    right: -3px
}

.messageUserImg img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.messageUserName {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    font-weight: 700
}

.messageReply {
    padding: 10px;
    color: #333;
    font-size: 13px;
    background: #e5e5e5;
    border-radius: 3px;
    margin-top: 10px
}

.v2_tuijian {
    overflow: hidden
}

.matchCard_1,.matchCard_2 {
    position: relative
}

.sprite_mz {
    background-image: url(/images/yuce/sprite_mz.073394567144e5f1587d.png);
    background-repeat: no-repeat;
    background-size: 30px 60px
}

.matchCard .correct_icon,.matchCard .wait_icon,.matchCard .wrong_icon {
    width: 30px;
    height: 30px;
    right: auto;
    left: 25%;
    margin-left: -15px;
    top: 50%;
    margin-top: -15px
}

.matchCard .correct_icon {
    background-position: 0 0
}

.matchCard .wrong_icon {
    background-position: 0 -30px
}

.popup_adIWrap .popup {
    width: 270px;
    height: 380px;
    max-height: 380px;
    background: hsla(0,0%,100%,0)
}

.popup_adIWrap .popup-head {
    display: none
}

.popup_adIWrap .popup-body {
    padding: 0
}

.popup_adI {
    width: 100%;
    border-radius: 3px
}

.popup_adI img {
    width: 270px;
    height: 330px
}

.popup_adI_btn {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: url(/images/yuce/popup_adI_btn.2e0ad76240fe702f7fa4.png);
    background-size: cover
}

.actCardI {
    padding: 10px 4%;
    background: #fff
}

.actCardI_img {
    display: inline-block;
    vertical-align: top;
    width: 55px;
    height: 55px;
    margin: 0 8px 0 5px
}

.actCardI_txt {
    display: inline-block;
    white-space: nowrap
}

.actCardI_txt h3,.actCardI_txt p {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.actCardI:before {
    content: "";
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.matchSub {
    margin-bottom: 10px;
    background-color: #fff
}

.matchSub:last-child {
    margin-bottom: 0
}

.matchI_top {
    font-size: 0;
    font-weight: 400;
    float: left;
    height: 100%;
    white-space: nowrap
}

.matchI_top em {
    display: inline-block;
    margin: 0 5px
}

.matchI_top em:first-child {
    width: 35px;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    margin-left: 0;
    height: 20px;
    line-height: 20px;
    border-radius: 3px
}

.matchI_top em:nth-child(4) {
    margin: 0
}

.matchI_center {
    padding: 10px 4% 15px
}

.matchI_center_t {
    position: relative;
    height: 20px;
    line-height: 20px;
    color: #999;
    font-size: 11px;
    white-space: nowrap
}

.matchI_center_t span {
    float: left;
    margin-right: 10px
}

.matchI_center_t em {
    font-size: 11px
}

.matchI_center_c {
    margin-top: 8px
}

.matchI_center_c ul li {
    float: left
}

.matchI_center_c ul li:first-child,.matchI_center_c ul li:last-child {
    width: 28%
}

.matchI_center_c ul li:nth-child(2) {
    width: 44%;
    min-height: 70px
}

.matchI_center_c ul li:nth-child(2) .wd_liveBtnWrap {
    background: #eee;
    margin-top: 10px
}

.matchI_center_c ul li:nth-child(2) .wd_liveBtnWrap a {
    color: #333
}

.matchI_center_c ul li:nth-child(2) .wd_liveBtnWrap b {
    background-color: #fff
}

.matchI_team_logo {
    margin: 12px auto 5px;
    width: 30px;
    border-radius: 50%
}

.matchI_team_logo img {
    width: 100%
}

.matchI_center_c ul li p {
    font-weight: 700;
    display: inline-block;
    margin-bottom: 0;
    font-size: 13px;
    color: #333;
    position: relative
}

.matchI_center_c ul li p em {
    font-weight: 400;
    position: absolute;
    right: -20px;
    font-size: 11px;
    color: #999
}

.matchType {
    white-space: nowrap
}

.matchType span {
    font-size: 12px;
    margin: 0 3px
}

.centerState {
    position: relative;
    width: 72%;
    height: 22px;
    line-height: 22px;
    color: #fff;
    font-size: 13px;
    border-radius: 30px;
    margin: 0 auto;
    margin-top: 13px
}

.centerState.bg_blue {
    background: none;
    color: #35c4e5
}

.centerState.bg_green {
    background: none;
    color: #14ba33;
    width: 55%
}

.centerState.bg_red {
    background: none;
    color: #ea4747;
    width: 55%
}

.centerState.bg_blue:before {
    border: 1px solid #35c4e5
}

.centerState.bg_green:before {
    border: 1px solid #14ba33
}

.centerState.bg_red:before {
    border: 1px solid #ea4747
}

.centerState:before {
    content: " "!important;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ff4431;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: transparent;
    z-index: 1;
    border-radius: 50px
}

.matchI_center_c_b {
    padding: 15px 0 0 0
}

.matchI_center_c_b .profile_txt {
    max-width: 85%;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top
}

.matchI_center_c_b .profile_icon_I {
    vertical-align: top;
    margin: 5px 0 0 0;
    height: 18px;
    background: url(/images/yuce/profile_icon_I1.110efc12595fc0fd1a21.png);
    background-size: cover
}

.matchI_center_c_b .profile_icon_I:last-child {
    transform: rotate(180deg);
    margin-top: 1px
}

.icon_20 {
    display: inline-block;
    width: 20px;
    height: 20px
}

.icon_20_fx,.icon_20_pl_gary,.icon_20_qb,.icon_20_ry,.icon_20_sk,.icon_20_tj,.icon_20_zan_gary {
    margin-right: 8px
}

.icon_20_fx {
    vertical-align: top;
    background: url(/images/yuce/icon_20_fx.d4e77c5a9dbf1e992f8f.png);
    background-size: cover
}

.icon_20_ry {
    vertical-align: top;
    background: url(/images/yuce/icon_20_ry.7fa9850168cd39732aab.png);
    background-size: cover
}

.icon_20_qb {
    vertical-align: top;
    background: url(/images/yuce/icon_20_qb.76abc8fe660728da9b1f.png);
    background-size: cover
}

.icon_20_sk {
    vertical-align: top;
    background: url(/images/yuce/icon_20_sk.a5764838849a363ae113.png);
    background-size: cover
}

.icon_20_tj {
    vertical-align: top;
    background: url(/images/yuce/icon_20_tj.e5802b407cc43dc20d1d.png);
    background-size: cover
}

.icon_20_pl {
    vertical-align: top;
    background: url(/images/yuce/icon_20_pl.1d9c414d632536d1e87e.png);
    background-size: cover
}

.icon_20_look {
    vertical-align: top;
    background: url(/images/yuce/icon_20_look.560609a9e146fc93be98.png);
    background-size: cover
}

.icon_20_look1 {
    vertical-align: top;
    background: url(/images/yuce/icon_20_look1.d93d521f6b89f5ab82db.png);
    background-size: cover
}

.icon_20_tl {
    vertical-align: top;
    background: url(/images/yuce/icon_20_tl.c5f09b89750d7b921197.png);
    background-size: cover
}

.matchI_bottom ul li {
    font-size: 13px;
    color: #333;
    line-height: 20px;
    padding: 10px 0;
    text-align: center;
    background: #fff
}

.matchI_bottom ul li:last-child:before {
    border-width: 0
}

.matchSlideBox .slider-pager .slider-pager-page,.matchSlideBox .swiper-pagination-bullet,.slideFocusMr .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    vertical-align: middle;
    border-radius: 50%;
    background: #ccc;
    opacity: 1;
    font-size: 0
}

.matchSlideBox .slider-pager .slider-pager-page.active,.matchSlideBox .swiper-pagination-bullet-active,.slideFocusMr .swiper-pagination-bullet-active {
    background: #ffda44
}

.matchSlideBox .slider-pager,.matchSlideBox .swiper-container-horizontal>.swiper-pagination-bullets,.matchSlideBox .swiper-pagination-custom,.matchSlideBox .swiper-pagination-fraction {
    bottom: 22px
}

.matchSlideBox .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 9px
}

.matchI_time_jd,.swiper-container {
    position: relative
}

.matchI_time_jd {
    font-size: 0;
    margin-top: 5px;
    white-space: nowrap
}

.scoreL {
    right: 50%;
    margin-right: 15px
}

.scoreL,.scoreR {
    width: 50px;
    position: absolute;
    top: 0;
    text-align: center
}

.scoreR {
    left: 50%;
    margin-left: 15px
}

.matchI_time_circle {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 700
}

.matchI_time_circle div {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 30px;
    height: 30px
}

.matchI_time_circle .bg {
    border: 1px solid #ddd
}

.matchI_time_circle .rount {
    border: 1px solid #14ba33;
    clip: rect(0,15px,30px,0)
}

.matchI_time_circle .bg2 {
    border: 1px solid #ddd;
    clip: rect(0,15px,30px,0)
}

.matchI_time_circle .rount2 {
    border: 1px solid #14ba33;
    clip: rect(0,30px,30px,15px)
}

.matchI_time_jd em {
    font-weight: 700;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
    font-size: 20px
}

.matchI_time_min {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px
}

.matchSlideBox .q_title_I {
    background: none
}

.matchSlideTip {
    opacity: 1;
    visibility: visible;
    position: absolute;
    z-index: 99;
    left: 50%;
    bottom: -12px;
    font-size: 11px;
    color: #fff;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    background: rgba(0,0,0,.7);
    transform: translateX(-50%);
    border-radius: 15px
}

.matchSlideTip:after {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 5px solid rgba(0,0,0,.7)
}

.matchSlideTip.hideTip {
    opacity: 0;
    visibility: hidden
}

.top_linelist ul li {
    padding: 15px;
    position: relative
}

.top_linelist ul li.activated,.top_linelist ul li.active {
    background: #f5f5f5
}

.top_linelist ul li:last-child:before {
    border-width: 0
}

.top_linelist_img {
    position: relative;
    width: 28%;
    height: 80px;
    overflow: hidden;
    background: url(/images/yuce/zixun_bg.fce0bc123bab9b8b88ec.png) 50%;
    background-size: 100px 80px
}

.top_linelist_img img {
    width: 100%
}

.top_linelist_txt {
    width: 72%;
    padding-left: 15px;
    height: 80px
}

.top_linelist_txt h3 {
    margin-bottom: 7px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    font-weight: 400;
    height: 40px;
    overflow: hidden
}

.top_linelist_txt_b {
    display: table;
    font-size: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-left: 15px;
    width: 100%;
    height: 16px
}

.top_linelist_txt_b>div {
    position: relative;
    display: table-cell;
    white-space: nowrap
}

.top_linelist_txt_b>div:last-child {
    text-align: right;
    width: 40%
}

.top_linelist_txt_b>div:last-child span {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.top_linelist_txt_b>div:first-child {
    text-align: left;
    width: 60%
}

.top_lineGenre {
    margin-left: 10px;
    font-size: 11px;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    border-radius: 3px;
    text-align: center;
    color: #fff
}

.bg_3ccdba {
    background: #3ccdba
}

.bg_435e6b {
    background: #435e6b
}

.bg_8957a1 {
    background: #8957a1
}

.bg_ff9f00 {
    background: #ff9f00
}

.bg_eb6100 {
    background: #eb6100
}

.noLineGenre .top_lineGenre {
    display: none
}

.top_linelist_txt_b>div span {
    vertical-align: middle
}

.matchI_addTime {
    font-size: 11px;
    color: #666;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.top_linelist ul li.twoCard h3 {
    font-weight: 400;
    margin-bottom: 0;
    font-size: 18px;
    color: #333;
    line-height: 24px
}

.top_linelist ul li.twoCard h3.h48 {
    height: 48px
}

.hw_jdSpesc h3.h54 {
    height: 54px
}

.top_linelist ul li.twoCard>p {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
    color: #999;
    line-height: 20px;
    height: 40px;
    overflow: hidden
}

.top_linelist ul li.twoCard>p.h48 {
    margin-top: 5px;
    margin-bottom: 5px
}

.top_linelist ul li.twoCard .detailAddRecom .matchTeam>div:first-child p,.top_linelist ul li.twoCard .detailAddRecom .matchTeam>div:nth-child(3) p {
    margin-top: 4px
}

.top_linelist ul li.twoCard .detailAddRecom .matchTeam>div:nth-child(2) p {
    font-size: 12px
}

.top_linelist ul li.twoCard .detailAddRecom .matchTeam>div:nth-child(2) p:last-child {
    margin-top: 0;
    color: #999
}

.detailAddRecom .correct_icon,.detailAddRecom .wait_icon,.detailAddRecom .wrong_icon {
    top: 20px
}

.detailAddRecom .race_type {
    margin-left: 3%
}

.imgIwrap {
    margin-top: 10px
}

.imgIwrap>em {
    position: relative;
    float: left;
    width: 32%;
    margin-right: 2%;
    height: 85px;
    overflow: hidden
}

.imgIwrap>em:last-child {
    margin-right: 0
}

.imgIwrap>em.oneImg {
    width: 60%;
    height: 140px
}

.imgIwrap img {
    display: block;
    float: left;
    width: 100%
}

.imgIwrap img:first-child {
    margin-left: 0
}

.imgIwrap1 {
    margin-top: 10px
}

.imgIwrap1 img {
    max-height: 165px
}

.top_linelist .top_linelist_txt_b {
    position: static;
    padding: 0;
    padding-top: 14px;
    padding-bottom: 15px
}

.top_linelist .profile_user {
    margin-right: 8px;
    margin-top: 1px;
    overflow: visible
}

.top_linelist .profile_user .gradg_icon {
    transform: scale(.6);
    right: -7px;
    bottom: -6px
}

.matchI_bottom.lh45 ul li {
    padding: 13px 0
}

.top_linelist .q_hasReward {
    margin-top: 20px;
    width: 100%
}

.applySelect {
    padding: 5px 4.6875% 16px
}

.applySelect a {
    display: block;
    border-radius: 3px;
    background: #eee;
    text-decoration: none;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #333
}

.applySelect a:first-child,.applySelect a i {
    margin-right: 10px
}

.applySelect a i {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-top: -2px
}

.applySelect a.active {
    background: #fff3c1
}

.applySelect a.active:before {
    border-color: #e3bf2e
}

.applySelect a:first-child i {
    background: url(/images/yuce/applySelect_zq.f8f234d49862171b25cb.png);
    background-size: cover
}

.applySelect a:last-child i {
    background: url(/images/yuce/applySelect_lq.fd5bec224680083e2eed.png);
    background-size: cover
}

.hw_select_down.noafter:after {
    display: none
}

input[readonly]:not(.cloned-text-input) {
    background-color: transparent
}

.clearMt10 .top_linelist.mt10 {
    margin-top: 0
}

.clearMt10 .top_linelist ul {
    position: relative
}

.clearMt10 .top_linelist ul:first-child:before,.clearMt10 .top_linelist ul li:before {
    content: " "!important;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #eee;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: transparent
}

.clearMt10 .repeatCards:last-child ul li:before {
    border-width: 0
}

.posted_icon {
    vertical-align: top;
    margin-right: 1px;
    margin-top: 12px;
    background: url(/images/yuce/posted_icon.bdc26324467c8e044d5d.png);
    background-size: cover
}

.posted_icon.white {
    background: url(/images/yuce/posted_icon_white.1222f64e9d0522d6a32f.png);
    background-size: cover
}

.hasZambia {
    margin-left: -2px;
    padding: 15px 0 5px 0
}

.hasZambia>div {
    vertical-align: top;
    margin-right: -10px;
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 2px solid #fff;
    border-radius: 50%
}

.hasZambia>div img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.hasZambia>div.more_m {
    text-align: center;
    margin-right: 0;
    background: #ddd
}

.hasZambia>div.more_m span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    position: relative;
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 50%
}

.hasZambia>div.more_m span:before {
    left: -5px
}

.hasZambia>div.more_m span:after,.hasZambia>div.more_m span:before {
    content: "";
    position: absolute;
    top: 0;
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 50%
}

.hasZambia>div.more_m span:after {
    left: 5px
}

.hasZambia>div.hasZambia_txt {
    font-size: 12px;
    color: #999;
    width: auto;
    line-height: 24px
}

.bbsI_title {
    height: 40px;
    line-height: 40px;
    padding: 0 4.6875%;
    background: #fff;
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.hotspot .top_linelist ul li {
    margin-bottom: 10px;
    background: #fff;
    padding-bottom: 0
}

.hotspot .top_linelist ul li:last-child {
    margin-bottom: 0
}

.hotspot .hasZambia {
    padding: 15px 0
}

.hotspot .top_linelist .top_linelist_txt_b {
    padding-bottom: 15px
}

.liaoba .h-expert-all-list ul li {
    padding: 15px 0
}

.liaoba .h-expert-all-list ul li:last-child:before {
    border-width: 0
}

.liaoba .h-expert-all-list .analyst_icon_img {
    border-radius: 0
}

.liaoba .analyst_info a {
    font-size: 16px
}

.liaoba .icon_20_pl {
    margin-left: -3px;
    margin-right: 2px
}

.liaoba .h-expert-all-list .analyst_jj p {
    font-size: 13px
}

.liaoba .h-expert-all-list .referee_con>div:last-child p {
    font-size: 12px
}

.liaoba .liaoba_t .h-expert-all-list ul {
    margin-left: 0
}

.liaoba .liaoba_t .h-expert-all-list ul li {
    padding-left: 4.6875%
}

.liaoba .liaoba_t .h-expert-all-list .analyst_icon {
    width: 65px;
    height: 65px
}

.liaoba .liaoba_t .h-expert-all-list .referee_con {
    margin-left: 80px;
    width: 70%
}

.liaoba .liaoba_b .h-expert-all-list ul li:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.liaoba .liaoba_b.no_arrow .h-expert-all-list ul li:after {
    display: none
}

.updateTip {
    position: absolute;
    right: 35px;
    top: 50%;
    display: inline-block;
    padding: 0 10px;
    height: 17px;
    line-height: 17px;
    background: #ff4431;
    color: #fff;
    border-radius: 15px;
    transform: translateY(-50%)
}

.liaobaPage .q_homepageTop .referee {
    padding-top: 20px;
    padding-bottom: 20px
}

.liaobaPage .analyst_icon {
    width: 55px;
    height: 55px
}

.liaobaPage .referee_con {
    padding-left: 68px
}

.liaobaPage .v2_tuijian .analyst_info a {
    font-size: 17px
}

.sum_pl {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    opacity: .6
}

.liaobaPage .q_homepageTop .analyst_jj p {
    color: #fff;
    opacity: .4
}

.liaobaPage .v2_tuijian .analyst_jj {
    width: 100%
}

.bbsTop_list ul li {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    padding: 0 4%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bbsTop_list ul li:last-child:before {
    border-width: 0
}

.bbsTop_icon {
    vertical-align: top;
    margin-top: 10px;
    margin-right: 5px;
    background: url(/images/yuce/bbsTop_icon.670717c065b065f711b1.png);
    background-size: cover
}

.detailsPage {
    padding: 15px;
    font-size: 16px
}

.detailsPage h2 {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    line-height: 33px;
    margin-bottom: 15px
}

.detailsPage>p,.detailsPage_con,.replayCon {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 15px
}

.detailsPage_con {
    margin-top: 20px
}

.detailsPage .analyst_t {
    margin-left: 0;
    padding: 0
}

.detailsPage .analyst_icon {
    width: 30px;
    height: 30px
}

.detailsPage .gradg_icon {
    transform: scale(.8);
    bottom: -4px;
    right: -4px
}

.bbsPost_timg {
    display: inline-block;
    vertical-align: middle
}

.bbsPost_timg span {
    font-size: 13px;
    color: #999
}

.detailsImg {
    margin-top: 10px;
    margin-bottom: 10px
}

.details_vote .hw_vote {
    margin: 0;
    padding: 0;
    position: static;
    width: 100%;
    background: #fff
}

.details_vote .hw_voteItem {
    margin: 0;
    padding: 15px;
    position: relative
}

.details_vote .hw_voteItem.active {
    background: #fffbec
}

.details_vote .hw_voteItem.active .vote_select {
    border: 0;
    background: #ffda44
}

.details_vote .hw_voteItem.active .vote_select:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    height: 10px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform: translate(-50%,-60%) rotate(45deg);
    -webkit-transform: translate(-50%,-60%) rotate(45deg)
}

.details_vote .hw_voteItem.title {
    background: #fafafa
}

.details_vote .hw_voteItem.title .voteTitle {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    width: 90%;
    padding-left: 28px
}

.icon_q {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: #f45757;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    text-align: center
}

.voteTitle .icon_q {
    margin-left: -28px
}

.details_vote .voteTitle {
    font-size: 14px;
    color: #333
}

.details_vote .voteGraph {
    margin-top: 10px;
    font-size: 13px;
    color: #666
}

.vote_select {
    position: absolute;
    right: 15px;
    top: 50%;
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    transform: translateY(-50%)
}

.vote_select.active {
    border: 0;
    background: #ffda44
}

.vote_select.active:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    height: 10px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform: translate(-50%,-60%) rotate(45deg);
    -webkit-transform: translate(-50%,-60%) rotate(45deg)
}

.hsVote_txt {
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 14px;
    color: #999;
    transform: translateY(-50%)
}

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

.voteBtn {
    display: inline-block;
    width: 125px;
    height: 40px;
    line-height: 38px;
    color: #ff4431;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    text-decoration: none
}

.voteBtn.active {
    color: #999
}

.rewardTxt {
    width: 75%;
    height: 0;
    margin: 30px auto 17px;
    position: relative
}

.rewardTxt span {
    white-space: nowrap;
    z-index: 10;
    position: absolute;
    padding: 0 12px;
    background: #fff;
    color: #999;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.rewardBtn,.rewardTxt span {
    display: inline-block;
    font-size: 13px
}

.rewardBtn {
    width: 50px;
    height: 50px;
    margin-top: 25px;
    line-height: 50px;
    text-decoration: none;
    background: #ff9a00;
    border-radius: 50%;
    color: #fff
}

.rewardList {
    width: 90%;
    margin: 20px auto 20px
}

.rewardList ul {
    font-size: 0;
    text-align: center;
    padding-left: 1%
}

.rewardList ul.overstep {
    text-align: left
}

.rewardList ul li {
    display: inline-block;
    width: 10%;
    margin-left: 1%;
    margin-bottom: 5px
}

.rewardUser {
    display: inline-block;
    width: 90%;
    border-radius: 50%
}

.rewardUser img {
    width: 100%;
    border-radius: 50%
}

.toggleRewardBtn {
    position: absolute;
    width: 11%;
    height: 30px;
    right: 0;
    bottom: 0
}

.toggleRewardBtn:after {
    content: "";
    position: absolute;
    left: 26%;
    top: 50%;
    margin-top: -9px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #ddd;
    border-right: 2px solid #ddd;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.toggleRewardBtn.active:after {
    margin-top: -4px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.League_label {
    text-align: left;
    margin-bottom: 10px
}

.League_label span {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    font-size: 12px;
    color: #999;
    margin: 0 5px;
    padding: 0 10px
}

.title30 {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    color: #999;
    font-size: 12px
}

.authorInfo .v2_tuijian .referee {
    background: #fff;
    border: 0
}

.authorInfo .v2_tuijian .analyst_jj p {
    color: #999
}

.authorInfo .analyst_guess {
    margin-top: 0
}

.authorInfo .analyst_info {
    margin-right: 0
}

.authorInfo .v2_tuijian .analyst_info a {
    color: #333
}

.authorInfo .v2_follow_btn {
    right: 15px
}

.title_pl {
    padding: 0 15px;
    color: #999;
    font-size: 13px;
    height: 45px;
    line-height: 50px
}

.hw_zanIcon.active {
    background-position: -304px -20px
}

.messageFixed {
    width: 100%;
    height: 50px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99
}

.messageFixed_l {
    line-height: 50px;
    padding-left: 12px
}

.messageFixed_r {
    position: relative;
    font-size: 13px;
    background: #f5f5f5;
    border-radius: 20px;
    height: 35px;
    line-height: 35px;
    color: #999;
    padding-left: 15px;
    margin-left: 55px;
    margin-right: 10px;
    margin-top: 7px
}

.messageFixed_r.ml15 {
    margin-left: 15px
}

.messageFixed_r:after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    top: 0;
    right: 0;
    background: url(/images/yuce/messageFixed_r_icon.4e64f71804ff710b3738.png);
    background-size: cover
}

.messageFixed_nol .messageFixed_r {
    margin-left: 0;
    margin-right: 15px;
    padding-left: 45px;
    background: url(/images/yuce/penBg.163c5a0a9437fc5ba2ae.png) no-repeat 20px;
    background-size: 13px 15px
}

.replyTip {
    box-shadow: 0 0 3px #777;
    white-space: nowrap;
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    font-size: 0;
    border-radius: 3px;
    background-color: rgba(51,51,51,.95);
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%)
}

.replyTip a {
    text-decoration: none;
    display: inline-block;
    width: 85px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    color: #fff
}

.replyTip a:last-child:before {
    border-width: 0
}

.replyTip a:before {
    opacity: .3
}

.replyTip.admin a {
    width: 60px
}

.replyTip_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: -1px;
    vertical-align: middle;
    background-image: url(/images/yuce/replyTip_icon.7e321b9b91908cfed614.png);
    background-size: 20px 80px
}

.replyTip_icon_fz {
    background-position: 0 0
}

.replyTip_icon_hf {
    background-position: 0 -20px
}

.replyTip_icon_jb {
    background-position: 0 -40px
}

.replyTip_icon_sc {
    background-position: 0 -60px
}

.addsumImg {
    position: absolute;
    top: -2px;
    left: 100%;
    min-width: 14px;
    margin-left: -10px;
    padding: 0 3px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    border: 1px solid #fff;
    white-space: nowrap;
    border-radius: 15px;
    color: #fff;
    background: #ea4747;
    font-size: 10px
}

.itemInput ul li {
    height: 50px;
    position: relative;
    padding-right: 52px
}

.itemInput ul li.textareaLi {
    height: auto;
    padding: 15px 0 22px
}

.itemInput ul li.textareaLi textarea {
    width: 100%;
    height: 100px;
    background: none;
    color: #666;
    line-height: 18px;
    font-size: 14px;
    border: none;
    overflow-y: auto;
    resize: none;
    -ms-word-break: break-word;
    word-break: break-all;
    word-wrap: break-word
}

.itemInput .photo_img_list ul li {
    padding: 0
}

.itemInput ul li .voteT {
    line-height: 50px;
    font-size: 15px;
    color: #333;
    font-weight: 700
}

.itemInput ul li .voteT:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -4px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.itemInput ul li p {
    padding-left: 15px;
    margin-bottom: 0;
    line-height: 50px;
    font-size: 15px;
    color: #666
}

.itemInput ul li p:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #666;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.itemInput ul li.textareaLi .addImg_list_btn {
    margin-top: 20px;
    width: 110px;
    height: 110px
}

.itemInput ul li input {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    padding: 0;
    color: #313233;
    font-size: 16px;
    border: none;
    outline: medium
}

.clearInputBtn {
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    width: 50px;
    height: 50px;
    line-height: 45px;
    text-align: center;
    font-size: 30px;
    color: #333;
    z-index: 10
}

.itemInput ul {
    margin-left: 4%
}

.itemInput ul li.special {
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 50px
}

.itemInput ul li.special em {
    display: inline-block;
    font-size: 30px;
    vertical-align: top;
    height: 50px;
    line-height: 50px;
    margin-right: 6px
}

.item44 ul li {
    padding: 0 15px;
    font-size: 16px;
    color: #333;
    height: 44px;
    line-height: 44px
}

.item44 ul li:last-child:before {
    border-width: 0
}

.radio_ds {
    border-radius: 5px;
    font-size: 0;
    letter-spacing: -4px;
    margin-top: 10px;
    overflow: hidden
}

.radio_ds,.radio_ds a {
    height: 25px;
    background: #eee
}

.radio_ds a {
    vertical-align: top;
    font-size: 14px;
    letter-spacing: normal;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    width: 45px;
    line-height: 25px;
    color: #333
}

.radio_ds a:last-child:before {
    border-width: 0
}

.radio_ds a.active {
    background: #ffda44
}

.arrowRight {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.selectDate {
    position: relative
}

.selectDate select {
    background: none;
    border: none;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none
}

.selectDate:after {
    content: "";
    position: absolute;
    top: 20px;
    right: 5px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 5px solid #333
}

.fixeAppear {
    width: 100%
}

.rewardPopup {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    transform: translateY(-100%)
}

.rewardPopup.animate {
    transform: translateY(0)
}

.rewardPopup_t {
    background: #f5f5f5;
    text-align: center;
    padding-bottom: 20px
}

.rewardPopup_t h4 {
    margin: 0;
    padding: 17px 0 20px;
    font-size: 14px;
    color: #999
}

.rewardPopup_t .messageUserImg {
    position: static;
    float: none;
    display: inline-block;
    width: 65px;
    height: 65px;
    margin-bottom: 5px
}

.rewardPopup_t p {
    font-size: 15px;
    color: #333;
    margin-bottom: 0
}

.rewardPopup_b {
    height: 195px;
    background: #fff;
    padding: 25px 30px 0 30px
}

.rewardPopup_b ul li {
    margin: 0 8px;
    height: 35px;
    line-height: 34px;
    border: 1px solid #ff4431;
    color: #ff4431;
    text-align: center;
    font-size: 14px;
    border-radius: 3px
}

.rewardPopup_b ul li span {
    font-weight: 700;
    margin: 0 2px;
    font-size: 16px
}

.rewardPopup_b ul li.active {
    background: #ff4431;
    color: #fff
}

.rewardPopup_b ul {
    margin-bottom: 20px
}

.rewardPopup_b ul:last-child {
    margin-bottom: 0
}

.customMoney {
    font-size: 14px;
    color: #ff4431;
    text-align: center;
    padding: 10px 0 30px;
    background: #fff
}

.rewardCustom {
    z-index: 1000
}

.rewardCustom_b {
    height: 195px;
    padding: 45px 25px 25px;
    background: #fff
}

.rewardCustom_input {
    font-size: 16px;
    height: 45px;
    width: 100%
}

.rewardCustom_input input {
    width: 100%;
    height: 100%;
    text-align: center
}

.rewardCustom_btn ul li {
    text-align: center;
    border-radius: 3px;
    font-size: 18px;
    color: #333;
    height: 45px;
    line-height: 45px;
    background: #ddd;
    margin-right: 15px
}

.rewardCustom_btn ul li:last-child {
    margin-right: 0
}

.rewardCustom_btn ul li.active {
    background: #ffda44
}

.details_b_share {
    padding-left: 15px;
    padding-right: 15px
}

.details_b_share ul {
    padding: 25px 0
}

.details_b_share ul li {
    text-align: center
}

.details_b_share ul li img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px
}

.details_b_share ul li p {
    font-size: 14px;
    color: #666;
    margin-bottom: 0
}

.b_share_txt {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 10px;
    transform: translateX(-50%);
    text-align: center;
    width: 90px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #999;
    background: #fff
}

.warningBar {
    position: relative;
    font-size: 12px;
    color: #333;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    background: #ffda44;
    text-align: center
}

.warningBar:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.adWrap img {
    width: 100%
}

.actCard_list {
    padding: 0 15px
}

.actCard_list ul li {
    margin-bottom: 10px;
    padding-top: 10px
}

.actCard_title {
    margin-bottom: 10px;
    text-align: center;
    height: 17px;
    line-height: 17px
}

.actCard_title span {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    background: #ddd;
    font-size: 11px;
    color: #fff;
    border-radius: 15px
}

.actCard_con {
    position: relative;
    padding: 15px 12px 0 12px;
    background: #fff;
    border-radius: 5px
}

.actCard_con h3 {
    margin-top: 0;
    font-size: 16px;
    line-height: 16px;
    color: #333;
    margin-bottom: 7px
}

.actCard_con p {
    font-size: 13px;
    color: #999;
    margin: 15px 0 0;
    padding-bottom: 15px
}

.actState {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    margin-left: 10px;
    padding: 0 6px;
    border-radius: 3px;
    vertical-align: top
}

.actState.red {
    color: #ea4747
}

.actState.red:before {
    border-color: #ea4747
}

.actState.gray {
    color: #999
}

.actState.gray:before {
    border-color: #999
}

.actCard_img {
    position: relative;
    height: 105px;
    border-radius: 5px;
    overflow: hidden
}

.actCard_img img {
    width: 100%;
    height: 100%
}

.actCard_bbar {
    position: relative;
    height: 42px;
    line-height: 42px;
    font-size: 13px;
    color: #999
}

.actCard_bbar:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.no_date p {
    margin-bottom: 0
}

.no_date {
    padding: 60px 0
}

.no_date img {
    margin-bottom: 20px;
    width: 130px
}

.actCard_list .vote_select {
    top: 24px;
    right: 12px
}

.actCard_list .vote_select.active {
    border: 1px solid #ff0606;
    background: none
}

.actCard_list .vote_select.active:after {
    border-bottom: 1px solid #ff0606;
    border-right: 1px solid #ff0606
}

.setupWrap .item:before {
    left: 16px
}

.setupWrap .item:last-child:before {
    border-width: 0
}

.setupWrap .toggle .track {
    border: 1px solid #c1c1c1;
    background: #ccc
}

.setupWrap .toggle.toggle-assertive input:checked+.track {
    border-color: #f1cd3a;
    background-color: #ffda44
}

.setupWrap .item-ios.item-block .item-inner {
    border-bottom: 0
}

.setupWrap ion-label {
    text-overflow: inherit;
    white-space: inherit
}

.setupWrap .toggle-ios .toggle-inner {
    box-shadow: none
}

.setupWrap .toggle-ios .toggle-icon,.setupWrap .toggle-ios .toggle-icon:before {
    background-color: #ccc
}

.setupWrap .toggle-ios.toggle-checked .toggle-icon {
    background-color: #22c400
}

.system_list .h-expert-all-list .analyst_icon {
    width: 40px;
    height: 40px
}

.system_list .h-expert-all-list ul {
    margin-left: 0
}

.system_list .h-expert-all-list ul li {
    padding: 15px 0 15px 15px
}

.system_list .h-expert-all-list ul li.activated,.system_list .h-expert-all-list ul li.activated .referee,.system_list .h-expert-all-list ul li.active,.system_list .h-expert-all-list ul li.active .referee {
    background: #f5f5f5
}

.system_list .h-expert-all-list ul li:before {
    left: 15px
}

.system_list .h-expert-all-list ul li:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.system_list .analyst_icon_img {
    border-radius: 0
}

.system_list .h-expert-all-list .analyst_jj {
    margin-top: 3px
}

.system_list .referee_con_t {
    margin-top: -4px
}

.newest_tip {
    position: absolute;
    top: 0;
    right: 35px;
    font-size: 12px;
    color: #c8c8c8
}

.newest_tip span {
    margin-left: 10px
}

.updateSum {
    position: absolute;
    top: -3px;
    right: 0;
    min-width: 19px;
    text-align: center;
    padding: 0 2px;
    height: 19px;
    line-height: 18px;
    border: 1px solid #fff;
    border-radius: 20px;
    background-color: #ea4747;
    color: #fff;
    font-size: 10px;
    transform: translateX(35%)
}

.chat_window {
    padding: 0 15px 50px
}

.chat_left,.chat_right {
    padding-top: 25px
}

.authorHead {
    width: 44px;
    height: 44px;
    border: 2px solid #fff;
    border-radius: 50%
}

.authorHead img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.chat_left .chat_txt {
    margin-left: 58px
}

.chat_right .chat_txt {
    margin-right: 58px
}

.chat_txt_top {
    line-height: 20px;
    font-size: 12px;
    color: #333;
    margin-bottom: 2px;
    max-width: 90%
}

.chat_left .chat_txt_con {
    position: relative;
    display: inline-block;
    padding: 12px 15px;
    background: #fff;
    border-radius: 5px;
    max-width: 90%;
    border: 1px solid #ddd
}

.chat_txt_con {
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.chat_left .chat_txt_con:before {
    z-index: 10;
    left: -9px;
    border-right: 10px solid #fff
}

.chat_left .chat_txt_con:after,.chat_left .chat_txt_con:before {
    content: "";
    position: absolute;
    top: 16px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.chat_left .chat_txt_con:after {
    left: -11px;
    border-right: 10px solid #ddd
}

.chat_right .chat_txt_con {
    position: relative;
    display: inline-block;
    padding: 12px 15px;
    background: #ffda44;
    border-radius: 5px;
    max-width: 90%;
    border: 1px solid #f0cc3c
}

.chat_window .actCard_title {
    margin-bottom: 15px
}

.chat_image:before,.chat_right .chat_txt_con:before {
    z-index: 10;
    right: -9px;
    border-left: 10px solid #ffda44
}

.chat_image:after,.chat_image:before,.chat_right .chat_txt_con:after,.chat_right .chat_txt_con:before {
    content: "";
    position: absolute;
    top: 16px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.chat_image:after,.chat_right .chat_txt_con:after {
    right: -11px;
    border-left: 10px solid #f0cc3c
}

.chat_image {
    padding: 5px;
    background: #ffda44;
    max-width: 60%;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #f0cc3c
}

.chat_image img {
    max-height: 150px
}

.loadingI {
    background: url(/images/yuce/loadingI.1656aa9e70aa4be8d50f.gif) no-repeat 50%;
    background-size: 110px 30px
}

.topColumn .analyst_t {
    padding: 15px;
    margin-left: 0
}

.topColumn .analyst_icon {
    width: 25px;
    height: 25px
}

.topColumn .analyst_icon_img {
    border-radius: 0
}

.topColumn .analyst_info a {
    font-weight: 700
}

.itemRightTxt {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 13px;
    font-weight: 400;
    color: #999;
    padding-right: 25px;
    transform: translateY(-50%)
}

.itemRightTxt:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.detailAddRecom {
    padding: 10px 15px 30px
}

.detailAddRecom>div,.detailAddRecom ul li {
    margin-bottom: 0;
    background: #fff;
    border-radius: 3px;
    overflow: hidden
}

.detailAddRecom>div:last-child,.detailAddRecom ul li:last-child {
    margin-bottom: 0
}

.detailAddRecom>div:before,.detailAddRecom ul li:before {
    border-bottom-width: 0
}

.detailAddRecom>div:last-child:before,.detailAddRecom ul li:last-child:before {
    border-bottom-width: 1px
}

.detailAddRecom .matchTeam {
    padding-top: 5px
}

.detailAddRecom .matchTeam p {
    line-height: 26px
}

.detailAddRecom .matchTeam:after {
    top: 25px;
    right: 30px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.freeTip {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 0;
    background: #ea4747;
    font-size: 11px;
    color: #fff;
    height: 20px;
    line-height: 20px;
    padding: 0 5px 0 10px;
    border-radius: 15px 0 0 15px
}

.freeTip.yellow {
    width: 45px;
    background: #f39800
}

.freeTip.blue {
    background: #448aca
}

.freeTip.deepyellow {
    background: #e0a534
}

.fixedItem45 {
    position: absolute;
    z-index: 999;
    width: 100%;
    left: 0;
    top: 44px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%)
}

.fixedItem45 ul li {
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 15px;
    color: #333
}

.fixedItem45.animate {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.bbsPersonpage {
    overflow: hidden
}

.bbsPersonpage_t {
    padding-top: 30px
}

.bbsPersonpage_t .expert_tx {
    width: 65px;
    height: 65px
}

.bbsPersonpage_t .expert_name {
    font-size: 15px;
    color: #fff
}

.bbsPersonpageInfo {
    z-index: 3
}

.bbsPersonpage .gradg_icon_I {
    bottom: 0;
    right: 0
}

.expertLevel .analyst_guess {
    margin-top: 0;
    margin-right: 5px
}

.expertSmallIcons {
    font-size: 0;
    letter-spacing: -4px;
    margin-top: 15px
}

.expertSmallIcons i {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url(/images/yuce/expertSmallIcons.2dd0874f6e5bfc9ff51a.png);
    background-repeat: no-repeat;
    background-size: 120px 40px
}

.expertSmallIcon01 {
    background-position: 0 0
}

.expertSmallIcon02 {
    background-position: -20px 0
}

.expertSmallIcon03 {
    background-position: -40px 0
}

.expertSmallIcon04 {
    background-position: -60px 0
}

.expertSmallIcon05 {
    background-position: -80px 0
}

.expertSmallIcon06 {
    background-position: -100px 0
}

.expertSmallIcon01.active {
    background-position: 0 -20px
}

.expertSmallIcon02.active {
    background-position: -20px -20px
}

.expertSmallIcon03.active {
    background-position: -40px -20px
}

.expertSmallIcon04.active {
    background-position: -60px -20px
}

.expertSmallIcon05.active {
    background-position: -80px -20px
}

.expertSmallIcon06.active {
    background-position: -100px -20px
}

.integral_jdt {
    position: relative;
    margin: 0 75px;
    margin-top: 20px;
    height: 10px;
    background: #3e362f;
    border-radius: 10px
}

.integral_jdtT {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffda44;
    border-radius: 10px
}

.integral_txt {
    position: absolute;
    font-size: 10px;
    height: 10px;
    line-height: 10px;
    right: 10px;
    top: 0;
    color: #999
}

.integral_l,.integral_r {
    position: absolute;
    top: 50%;
    font-size: 12px;
    color: #999;
    transform: translateY(-50%)
}

.integral_l {
    left: -50px
}

.integral_r {
    right: -50px
}

.integral_l i,.integral_r i {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    background: url(/images/yuce/integral_i.9bdaca441689d50da188.png);
    background-size: cover
}

.bbsPersonpage_tab {
    position: relative;
    background: rgba(0,0,0,.3);
    margin-top: 25px
}

.bbsPersonpage_tab a {
    display: block;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

.bbsPersonpage_t .q_bg_color {
    background: rgba(0,0,0,.7)
}

.bbsPersonpage_tab:after {
    content: "";
    width: 1px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #383430;
    transform: translate(-50%,-50%)
}

.myGrade,.myIntegral {
    width: 90px;
    text-align: center;
    top: 30px
}

.myGrade {
    right: 50%;
    margin-right: 60px
}

.myIntegral {
    left: 50%;
    margin-left: 60px
}

.myGrade p,.myIntegral p {
    margin: 0
}

.myGrade p:first-child,.myIntegral p:first-child {
    font-size: 18px;
    color: #ffda44;
    font-weight: 700;
    line-height: 22px
}

.myGrade p:last-child,.myIntegral p:last-child {
    font-size: 12px;
    color: #999
}

.bar45 {
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    background: #fff;
    color: #ec6941
}

.bar40 {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 13px;
    color: #999
}

.bar40.c333 {
    color: #333
}

.bar40.fs14 {
    font-size: 14px
}

.task_state_img {
    background: none
}

.task_state_img img {
    width: 50px;
    height: 18px;
    margin-top: 6px
}

.freedomList .taskTxt h4 {
    color: #999
}

.freedomList .task_state,.freedomList .task_state_img {
    text-align: right;
    background: none
}

.freedomList .task_state {
    display: none;
    font-size: 14px;
    color: #ccc
}

.freedomList ul li.active .task_state {
    display: block
}

.freedomList ul li.active .task_state_img {
    display: none
}

.freedomList ul li.active .taskTxt h4 {
    color: #333
}

.titleR {
    color: #999;
    font-size: 14px
}

.titleR,.titleR b {
    font-weight: 400
}

.exchangeList .taskImg {
    width: 50px;
    height: 50px
}

.exchangeList .taskTxt {
    left: 77px
}

.exchangeList .taskTxt p {
    margin-bottom: 0;
    font-size: 12px;
    color: #999
}

.exchangeList .task_state {
    width: 70px;
    height: 20px;
    line-height: 20px;
    background: #4ea9ee;
    border-radius: 15px;
    font-size: 12px;
    color: #fff
}

.exchangeList .task_state.gray {
    background: #ccc
}

.bbsRule {
    position: absolute;
    top: 15px;
    right: 0;
    padding: 0 10px 0 15px;
    border-radius: 10px 0 0 10px;
    background: #403f3c;
    color: #999;
    font-style: 12px;
    z-index: 10
}

.earnFinish {
    display: inline-block;
    margin: 15px 0
}

.earnFinish p {
    margin: 0;
    line-height: 20px;
    font-size: 14px;
    color: #999;
    position: relative
}

.face_icon {
    position: absolute;
    left: -50px;
    top: 5px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/images/yuce/face_icon.1a37dc6fcbfa6c5b380f.png);
    background-size: cover
}

.leaguePageTop {
    overflow: hidden;
    position: relative
}

.leagueCon {
    padding: 20px 15px;
    position: relative;
    z-index: 10
}

.leagueImg {
    float: left;
    width: 65px;
    text-align: center
}

.leagueImg,.leagueImg img {
    height: 45px
}

.leagueTxt {
    float: left
}

.leagueTxt h2 {
    margin: 0;
    margin-bottom: 8px;
    margin-top: 5px;
    line-height: 17px;
    font-size: 17px;
    font-weight: 400;
    color: #fff
}

.leagueTxt p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 12px;
    color: #999
}

.leagueTxt p span {
    margin-right: 20px
}

.leaguePageTop_tab {
    position: relative;
    z-index: 11;
    background: rgba(51,51,51,.9)
}

.leaguePageTop_tab a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    color: #fff
}

.leaguePageTop .q_bg_color {
    background: rgba(51,51,51,.7)
}

.leaguePageMatch .matchSlidelist {
    min-height: 110px;
    margin: 0;
    box-shadow: none
}

.leaguePageMatch .q_race_type_r {
    top: 1px
}

.leaguePageMatch .circleVs {
    margin-top: 15px;
    background: url(/images/yuce/leagueFellow.2dadc2960bb605b6592d.png) 0 0 no-repeat;
    background-size: 25px 50px
}

.leaguePageMatch .circleVs.active {
    background-position: 0 -25px
}

.leaguePageMatch .centerState {
    width: 50%
}

.leaguePageMatch .centerState.bg_green {
    width: 40%
}

.leaguePageMatch .centerState.bg_blue {
    width: 75%
}

.leaguePageMatch .matchI_addTime {
    color: #999
}

.leaguePageMatch .wd_matchLists .score {
    font-size: 14px
}

.leagueTabIcon {
    vertical-align: top;
    margin-top: 10px;
    margin-right: 5px;
    background: url(/images/yuce/leagueTabIcon.4867ec11213bde0d84c4.png) 0 0 no-repeat;
    background-size: 20px 40px
}

.leagueTabIcon01 {
    background-position: 0 0
}

.leagueTabIcon02 {
    background-position: 0 -20px
}

.leagueTabIcon03 {
    background: url(/images/yuce/leagueTabIcon03.5fb3757bb44f55b0b53e.png);
    background-size: cover
}

.imgTitle {
    position: relative;
    background: url(/images/yuce/imgTitle_bg.352c8c47550ca4b6b397.png) 0 repeat-x;
    background-size: 5px 7px;
    background-color: #f5f5f5;
    padding: 17px 0
}

.imgTitleBox {
    width: 95px;
    height: 15px;
    line-height: 15px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    background-color: #f5f5f5;
    text-align: center
}

.imgTitleBox img {
    width: 65px;
    height: 15px
}

.no_tiezi img {
    width: 82px;
    margin-bottom: 20px
}

.sub_header_scroll {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: #fff
}

.scrollCut {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    height: 60px
}

.sub_header_scroll ul {
    font-size: 0;
    white-space: nowrap
}

.sub_header_scroll ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0 17px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #999;
    border-bottom: 2px solid #fff
}

.sub_header_scroll ul li.active {
    font-weight: 700;
    color: #333;
    border-bottom-color: #ffda44
}

.sub_header_scroll.blue {
    background: #3e569d
}

.sub_header_scroll.blue ul li {
    color: #aab9e6;
    font-size: 15px;
    border-bottom-color: hsla(0,0%,100%,0)
}

.sub_header_scroll.blue ul li.active {
    color: #ffda44;
    border-bottom-color: #ffda44
}

.addRecom_list ul li {
    background: #fff;
    margin-bottom: 10px;
    border-radius: 3px;
    overflow: hidden
}

.addRecom_list ul li:last-child {
    margin-bottom: 0
}

.addRecom_list .matchListCard {
    box-shadow: none
}

.addRecom_list .matchTeam:after {
    display: none
}

.addRecom_list .matchTeam {
    padding-right: 0;
    padding-top: 5px
}

.coverShadow {
    display: none;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3)
}

.coverShadow .vote_select {
    right: auto;
    left: 50%;
    transform: translate(-50%,-50%)
}

.addRecom_list ul li.active .coverShadow {
    display: block
}

.masterList .h-expert-all-list ul li:before {
    width: 300%;
    left: -10%
}

.masterBtxt {
    padding: 10px 15px
}

.masterBtxt p {
    position: relative;
    margin-bottom: 0;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.masterBtxt p:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ddd;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.masterList .h-expert-all-list {
    margin-bottom: 10px
}

.masterList .h-expert-all-list:last-child {
    margin-bottom: 0
}

.gradientHead {
    height: 150px;
    background-image: linear-gradient(45deg,#fdc430 100px,#f6a723 200px);
    overflow: hidden
}

.title_nofixed {
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: #fff;
    text-align: center
}

.integral_circle {
    width: 140px;
    height: 70px;
    margin: 4px auto 0;
    overflow: hidden
}

.integral_circle div {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 140px;
    height: 140px
}

.integral_circle .bg {
    border: 20px solid #fbd391
}

.integral_circle .rount {
    border: 20px solid #fff;
    clip: rect(0,0,70px,0)
}

.integral_circle .bg2 {
    border: 20px solid #fbd391;
    clip: rect(0,0,70px,0)
}

.integral_circle .rount2 {
    border: 20px solid #fff;
    clip: rect(0,140px,70px,0)
}

.integralSum {
    position: absolute;
    width: 100%;
    display: block;
    left: 0;
    top: 42px;
    font-size: 30px
}

.integralSum,.integralTxt {
    color: #fff;
    font-weight: 700;
    text-align: center
}

.integralTxt {
    margin: 0 auto;
    position: relative;
    width: 140px;
    height: 25px;
    line-height: 25px;
    font-size: 14px
}

.integralTxt span {
    position: absolute;
    width: 20px;
    font-size: 13px;
    top: 0;
    color: #fddb95
}

.integralTxt span:first-child {
    left: 0
}

.integralTxt span:last-child {
    right: 0
}

.taskList ul li {
    padding: 20px 15px;
    position: relative
}

.taskList ul li:before {
    left: 70px
}

.taskList ul li:last-child:before {
    border-width: 0
}

.taskImg {
    width: 40px;
    height: 40px
}

.taskTxt {
    position: absolute;
    left: 70px;
    top: 50%;
    width: 60%;
    transform: translateY(-50%)
}

@media screen and (min-width:320px) and (max-width:340px) {
    .taskTxt {
        width: 50%
    }
}

.taskTxt h4 {
    font-size: 15px;
    color: #333;
    margin: 0
}

.taskTxt h4.mt5 {
    margin-top: 7px
}

.task_jdt {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    width: 60%;
    height: 5px;
    background: #e5e5e5
}

.task_jdt.no_mt {
    margin-top: 5px
}

.task_jdt span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #6cc665
}

.task_jdt em {
    font-size: 13px;
    color: #999;
    position: absolute;
    padding-left: 10px;
    right: 0;
    top: 50%;
    transform: translate(100%,-50%)
}

.task_state,.task_state_img {
    position: absolute;
    right: 15px;
    top: 50%;
    white-space: nowrap;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #333;
    background: #ffda44;
    border-radius: 3px;
    transform: translateY(-50%)
}

.task_state.active {
    background: none;
    color: #999
}

.task_state.active:before {
    border-color: #ccc
}

.task_state.no_bg {
    background: none;
    color: #f93
}

.task_state.no_bg:before {
    border-width: 0
}

.task_routine {
    padding: 20px 0;
    background: #fff
}

.task_routine ul li {
    text-align: center
}

.task_routine ul li p {
    font-size: 15px;
    color: #333;
    margin-bottom: 10px
}

.task_routine ul li span {
    display: inline-block;
    width: 60px;
    height: 20px;
    line-height: 20px;
    background: #ffda44;
    border-radius: 3px;
    font-size: 12px;
    color: #333
}

.task_routine ul li span.active {
    background: none;
    color: #999
}

.stars_grade {
    height: 8px;
    margin: 2px 0
}

.stars_grade em {
    display: inline-block;
    vertical-align: top;
    width: 8px;
    height: 8px;
    background: url(/images/yuce/stars_grade.923c9b8f8a725cd43ebd.png) no-repeat 0 0;
    background-size: 8px 16px
}

.stars_grade em.active {
    background-position: 0 -8px
}

.task_stateSpecial {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 60px;
    text-align: center;
    font-size: 12px;
    color: #333;
    transform: translateY(-50%)
}

.stateBig {
    display: inline-block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    color: #333;
    background: #ffda44;
    border-radius: 3px
}

.stateBig.active {
    background: none;
    color: #999
}

.stateBig.active:before {
    border-color: #ccc
}

.task_stateSpecial span {
    display: block;
    font-size: 11px;
    color: #999;
    line-height: 22px;
    white-space: nowrap
}

.recomUpdate {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    background: #ea4747;
    border-radius: 50%
}

.fastEntry .q_add_I_icon {
    width: 40px;
    height: 40px
}

.fastEntry .q_add_I_l p {
    margin-top: 0;
    font-weight: 700;
    color: #333!important
}

.fastEntry ul li {
    padding: 17px 4%;
    position: relative
}

.fastEntry .q_add_I_l {
    width: 70%
}

.topicCard {
    border-radius: 3px;
    overflow-y: hidden
}

.topicImg {
    width: 30%;
    height: 90px;
    overflow: hidden
}

.topicImg img {
    width: 100%
}

.top_linelist ul li.twoCard .topicCon h3 {
    font-size: 14px;
    margin-top: 8px;
    width: 84%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.top_linelist ul li.twoCard .topicCon p {
    font-size: 12px;
    width: 100%;
    margin-top: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.topicCon {
    width: 65%;
    overflow: hidden
}

.topicCon_b {
    height: 20px;
    line-height: 20px
}

.topicCon_b .icon_20_pl {
    margin-top: 2px
}

.topicTip {
    top: 10px;
    right: 1px;
    width: 45px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    background: #ae5da1;
    border-radius: 20px 0 0 20px
}

.LefttopicTip,.topicTip {
    position: absolute;
    color: #fff;
    text-align: center
}

.LefttopicTip {
    z-index: 10;
    top: 116px;
    left: 0;
    width: 32px;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    background: #ea4747;
    box-shadow: 0 2px 4px #ff9d9d;
    border-radius: 0 15px 15px 0
}

.expertInteI .hw_date {
    margin-bottom: 0;
    white-space: nowrap
}

.expertInteI .hw_jdSpesc h3 {
    max-height: 54px;
    overflow: hidden;
    line-height: 27px;
    margin-bottom: 13px;
    font-size: 18px;
    font-weight: 400
}

.expertInteI .q_expert_inte ul li {
    padding-bottom: 15px
}

.returnPercen {
    color: #ea4747;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    font-weight: 700
}

.q_list_tuijian .opponent ul li:first-child,.q_list_tuijian .opponent ul li:last-child {
    width: 40%
}

.q_list_tuijian .opponent ul li:nth-child(2) {
    width: 20%;
    white-space: nowrap
}

.q_list_tuijian .race_type>span {
    padding: 15px 5px 10px 5px
}

.q_list_tuijian .race_type>span:first-child {
    padding-left: 0
}

.q_list_tuijian .tj_ball_icon {
    margin-top: 13px
}

.q_list_tuijian .opponent ul {
    padding-bottom: 12px
}

.q_list_tuijian .opponent ul li:nth-child(2) {
    text-align: center;
    line-height: 30px
}

.q_list_tuijian .opponent ul li:last-child .opponent_box {
    text-align: right
}

.q_list_tuijian .opponent ul li:last-child .team_name {
    margin-left: 0;
    margin-right: 5px
}

.costGold {
    position: absolute;
    top: 10px;
    right: 15px;
    white-space: nowrap;
    height: 20px;
    line-height: 20px;
    color: #333;
    padding: 0 6px;
    font-size: 12px;
    width: 50px;
    text-align: center
}

.circleVs {
    font-size: 10px;
    color: #ddd;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin: 10x auto 0
}

.scoreTxt {
    white-space: nowrap;
    font-size: 16px;
    color: #333;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.slideFocusMr {
    min-height: 245px;
    padding-bottom: 15px;
    background: #fafafa
}

.slideFocusMr .q_eminent_slidelist.bg_fff {
    background: #fff
}

.slideFocusMr .q_eminent_slidelist.pb20 {
    padding-bottom: 20px
}

.slideFocusMr .q_eminent_slidelist {
    height: auto;
    min-height: 215px
}

.slideFocusMr .slider-pager {
    bottom: 0
}

.recommend_tab_I a {
    font-weight: 700;
    height: 40px;
    line-height: 39px
}

.registerSuccess {
    background: #fff
}

.registerSuccess .register_scc {
    border: none
}

.registerSuccess .slideFocusMr {
    padding-bottom: 0;
    height: auto
}

.registerSuccess .slideFocusMr .q_eminent_slidelist {
    min-height: auto
}

.registerSuccess .slideFocusMr .q_eminent_slidelist ul li {
    padding: 20px 0 10px 0
}

.akeyConcern {
    padding: 15px 0;
    background: #fafafa
}

.akeyConcern a {
    display: block;
    text-decoration: none;
    width: 160px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    background: #ffda44;
    font-size: 15px;
    color: #333;
    border-radius: 5px;
    text-align: center
}

.nofixedLook {
    margin-top: 27px;
    padding-bottom: 50px
}

.selectFellow {
    position: absolute;
    top: 0;
    right: -3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ccc
}

.selectFellow:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
    height: 9px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translate(-50%,-60%) rotate(45deg);
    -webkit-transform: translate(-50%,-60%) rotate(45deg)
}

.selectFellow.active {
    background: #14ba33
}

.top_linelistTiezi ul li {
    margin-bottom: 10px;
    background: #fff
}

.top_linelistTiezi ul li:last-child {
    margin-bottom: 0
}

.voteCard {
    padding: 15px 0 15px 35px;
    position: relative
}

.voteCard h4 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #666;
    max-width: 80%
}

.top_linelist ul li.twoCard .voteCard p,.voteCard p {
    height: auto;
    margin: 0;
    font-size: 13px;
    color: #999;
    line-height: 20px
}

.voteCard .icon_q {
    position: absolute;
    top: 15px;
    left: 10px;
    background: none
}

.bar30 {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    color: #999;
    padding-left: 15px;
    padding-right: 15px
}

.trendsIcon {
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    background: url(/images/yuce/trendsIcon.4e7452e086a74265b767.png);
    background-size: cover
}

.top_linelistGuanzhu {
    background: #eee
}

.top_linelistGuanzhu ul li {
    margin-bottom: 10px;
    background: #fff
}

.top_linelistGuanzhu ul li:last-child {
    margin-bottom: 0
}

.lineBar {
    height: 55px;
    padding: 0 15px
}

.lineBarLine {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 33px
}

.lineBarLineCon {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: -7px;
    width: 75px;
    height: 15px;
    line-height: 15px;
    font-size: 13px;
    color: #999;
    text-align: center;
    background: #eee;
    transform: translateX(-50%)
}

.fellowSlide ul li {
    color: #999
}

.fellowSlide ul li.active {
    color: #333
}

.imgTitle .centerState {
    width: 72%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #14ba33;
    font-size: 13px;
    border-radius: 30px;
    margin: 0 auto;
    margin-top: 13px;
    box-shadow: 0 3px 4px #9ef9af;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: -13px;
    width: auto;
    padding: 0 15px;
    transform: translateX(-50%)
}

.imgTitle.p25 {
    padding: 25px
}

.bar72 {
    height: 72px;
    line-height: 72px;
    text-align: center;
    font-size: 13px;
    color: #999
}

.hasFellow ul li {
    padding-bottom: 10px
}

.arcBox {
    position: relative;
    height: 95px;
    overflow: hidden
}

.arcBox:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1200px;
    height: 1200px;
    border-radius: 50%;
    background: #ffda44;
    transform: translateX(-50%)
}

.userCenterTop .q_personal_info_l {
    margin: 0 auto;
    margin-top: -38px
}

.userCenterTop .expert_tx {
    width: 75px;
    height: 75px
}

.userCenterTop .expert_img {
    border: 3px solid #fff
}

.userCenterTop .gradg_icon_I {
    bottom: 2px;
    right: 4px
}

.userCenterTop .expert_name {
    font-size: 15px
}

.threeColumn>div {
    text-align: center;
    padding: 10px 0
}

.threeColumn>div p {
    margin-bottom: 0;
    font-size: 15px;
    color: #ffda44;
    font-weight: 700
}

.threeColumn>div em {
    font-size: 13px;
    color: hsla(0,0%,100%,.5)
}

.tabColumn {
    padding: 20px 10px 15px;
    background: #fff
}

.tabColumn>div {
    position: relative;
    text-align: center
}

.tabColumn>div p {
    margin-bottom: 0;
    font-size: 13px;
    color: #666;
    margin-top: 2px
}

.articleIcon {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url(/images/yuce/articleIcon.2f62a873bfb179343541.png);
    background-repeat: no-repeat;
    background-size: 35px 140px;
    background-color: #eee;
    border-radius: 50%
}

.articleIcon01 {
    background-position: 0 0
}

.articleIcon02 {
    background-position: 0 -35px
}

.articleIcon03 {
    background-position: 0 -70px
}

.articleIcon04 {
    background-position: 0 -105px
}

.articleIcon05 {
    background-position: 0 -120px
}

.icon_grzl {
    background: url(/images/yuce/icon_grzl.037a9e291d26858a8963.png);
    background-size: cover
}

.icon_fbtz {
    background: url(/images/yuce/icon_fbtz.88a3321036b0b221b6b7.png);
    background-size: cover
}

.icon_cqjl {
    background: url(/images/yuce/icon_cqjl.2f4191387f10b00639aa.png);
    background-size: cover
}

.icon_cqgz {
    background: url(/images/yuce/icon_cqgz.565a88ffd423e3f93605.png);
    background-size: cover
}

.icon_phbjp {
    background: url(/images/yuce/icon_phbjp.dbe5fa40b57dd3ecafdf.png);
    background-size: cover
}

.tabupdateSum {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    top: -3px;
    left: 50%;
    margin-left: 2px;
    right: auto;
    min-width: 16px;
    border: none
}

.discussList>div {
    background: #fff;
    margin-bottom: 10px;
    padding: 15px
}

.discussList>div:last-child {
    margin-bottom: 0
}

.discussTitle {
    font-size: 13px;
    color: #999
}

.classifyTz,.discussTitle {
    height: 16px;
    line-height: 16px
}

.classifyTz {
    float: right;
    width: 30px;
    border-radius: 3px;
    text-align: center;
    font-size: 11px;
    color: #fff
}

.bg_blue {
    background: #55aaf3
}

.bg_orange {
    background: #f7b961
}

.bg_pink {
    background: #fc8367
}

.bg_purple {
    background: #d067fc
}

.discussCon {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin-top: 15px
}

.discussBot {
    background: #f1f1f1
}

.discussBot .profile_user {
    width: 18px;
    height: 18px
}

.discussBot .profile_txt {
    padding: 3px 7px
}

.discussTitleMy .analyst_icon {
    width: 25px;
    height: 25px
}

.discussTitleMy .analyst_t {
    padding: 0;
    margin-left: 0
}

.discussBot .profile_user {
    border-radius: 0;
    overflow: visible
}

.discussBot .gradg_icon,.discussTitleMy .gradg_icon {
    transform: scale(.8);
    right: -5px;
    bottom: -4px
}

.discussBot .gradg_icon {
    right: -6px;
    bottom: -5px
}

.discussTitleMy .analyst_info a {
    font-size: 13px;
    max-width: none
}

.replyBtn {
    position: absolute;
    right: 0;
    top: 1px;
    width: 40px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 3px;
    font-size: 12px;
    color: #999
}

.category {
    background: #f1f1f1;
    height: 30px;
    line-height: 30px
}

.category_l {
    float: left;
    width: 40px;
    text-align: center;
    color: #fff;
    font-size: 11px
}

.category_r {
    margin-left: 40px;
    padding: 0 10px;
    font-size: 12px;
    color: #999
}

.askQues {
    position: relative;
    width: 110%;
    left: -5%;
    padding: 12px 30px 0 30px;
    background: #fafafa
}

.askQues:after {
    content: "";
    width: 100%;
    height: 15px;
    background: #fafafa;
    position: absolute;
    left: 0;
    bottom: -15px
}

.askQuesT .analyst_icon {
    width: 20px;
    height: 20px
}

.askQuesT .analyst_t {
    padding: 0;
    margin-left: 0
}

.askQuesT .gradg_icon {
    transform: scale(.7);
    right: -7px;
    bottom: -5px
}

.askQuesT .analyst_info a {
    font-size: 12px;
    max-width: none
}

.askQuesC,.askQuesT .bbsPost_timg span {
    font-size: 12px
}

.askQuesC {
    color: #999;
    line-height: 20px
}

.askQues .category {
    background: #fff
}

.readRecord ul li {
    background: #fff;
    padding: 0 0 15px 15px;
    margin-bottom: 10px
}

.readRecord ul li:last-child {
    margin-bottom: 0
}

.readRecord .bar45 {
    font-size: 12px;
    color: #999;
    text-align: left
}

.readRecord .costGold {
    height: 25px;
    line-height: 25px;
    width: 70px;
    top: 10px;
    text-align: center;
    font-size: 12px
}

.readRecord .costGold span {
    font-size: 15px;
    margin-right: 2px
}

.noticeBar {
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #fffbeb;
    padding: 0 55px;
    font-size: 14px;
    color: #666
}

.notice_icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 46px;
    height: 40px;
    background: url(/images/yuce/notice_icon.5023746a2da428085d00.png);
    background-size: cover
}

.noticeBar .clearInputBtn {
    width: 40px;
    height: 40px;
    line-height: 38px
}

.bbsAd {
    height: 120px;
    overflow: hidden
}

.bbsexpertList ul {
    margin-left: 0
}

.bbsexpertList ul li {
    padding: 15px 0 15px 15px
}

.moduleColumn ul li {
    background: #fff;
    width: 50%;
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 14px;
    color: #333;
    text-align: center
}

.moduleColumn ul li:last-of-type:before,.moduleColumn ul li:nth-last-of-type(2):before {
    border-bottom-width: 0
}

.signBtn,.topicBtn {
    position: fixed;
    z-index: 99;
    bottom: 90px;
    right: 15px;
    width: 60px;
    height: 80px;
    background: url(/images/yuce/signBtn_bg.e989856208accf985e21.png) 0 0;
    background-size: 60px 160px
}

.signBtn.active {
    background-position: 0 -80px
}

.topicBtn {
    background: url(/images/yuce/topicBtn.7d495b62e7ff9b7c10a1.png);
    background-size: cover
}

.signPopup {
    position: absolute;
    width: 100%;
    z-index: 999;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-100%)
}

.signPopup.animate {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.signPopup_t {
    padding: 20px 15px 18px 15px;
    background: #3e569d
}

.signIntegral {
    float: left;
    width: 30%;
    text-align: center;
    padding-top: 15px
}

.signIntegral p {
    margin-bottom: 10px;
    font-size: 22px;
    color: #ffda44;
    font-weight: 700;
    line-height: 15px
}

.signIntegral span {
    display: block;
    font-size: 12px;
    color: #fff;
    opacity: .5;
    line-height: 11px
}

.sign_r {
    width: 65%;
    float: right;
    text-align: center
}

.sign_r .centerState {
    border-radius: 30px;
    margin: 0 auto;
    width: 75%;
    height: 40px;
    line-height: 40px;
    margin-top: 0;
    background: #ffda44;
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.sign_r p {
    font-size: 12px;
    color: #fff;
    opacity: .5;
    margin-top: 5px;
    margin-bottom: 0
}

.sign_r .centerState:before {
    border-width: 0
}

.sign_r .centerState.active {
    color: #333;
    font-weight: 400;
    background: #f5d140;
    box-shadow: none
}

.sign_r .centerState.active:before {
    border: 1px solid #e5c236
}

.sign_r .centerState em {
    display: inline-block;
    width: 50px;
    height: 16px;
    vertical-align: top;
    line-height: 16px;
    margin-top: 12px
}

.addScore {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap
}

.addScore_animate {
    animation: addScore 1s .2s linear both
}

@keyframes addScore {
    0% {
        display: none;
        opacity: 1
    }

    1% {
        display: block;
        opacity: 1
    }

    99% {
        opacity: 0;
        top: -30px
    }

    to {
        display: none;
        opacity: 0;
        top: -30px
    }
}

.signPopup_b {
    background: #395196;
    padding: 12px 0 15px
}

.cutOverflow {
    height: 60px;
    overflow: hidden
}

.scrollMonth {
    height: 80px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.scrollMonth ul {
    white-space: nowrap;
    font-size: 0
}

.scrollMonth ul li {
    width: 55px;
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    color: #fff
}

.scrollMonth ul li span {
    display: block;
    line-height: 14px
}

.scrollMonth ul li i {
    margin: 8px auto 10px;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: none
}

.scrollMonth ul li i.active {
    background: #ffda44
}

.scrollMonth ul li em {
    display: block;
    width: 45px;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    border-radius: 20px;
    color: #333;
    background: #ffda44
}

.signRuleTxt {
    font-size: 12px;
    text-align: center;
    color: #fff;
    opacity: .5;
    margin-top: 5px
}

.newsTiezi .h-expert-all-list .tj_ball_icon {
    vertical-align: top;
    margin-top: 10px
}

.newsTiezi .detailAddRecom .matchTeam p {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
    color: #666;
    line-height: 20px
}

.newsTiezi .hw_jdSpesc .voteCard p {
    margin: 0;
    font-size: 13px;
    color: #999;
    line-height: 20px
}

.newsTiezi .hw_jdSpesc .scoreTxt {
    vertical-align: top;
    line-height: 10px
}

.topicCon h3 {
    margin-top: 8px;
    margin-bottom: 0!important;
    width: 84%;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    line-height: 24px
}

.topicCon h3,.topicCon p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0
}

.topicCon p {
    font-size: 13px;
    color: #999!important;
    line-height: 20px;
    width: 100%;
    margin-top: 4px
}

.topicList ul li {
    background: #fff;
    padding: 20px 15px
}

.topicList .topicCon h3 {
    margin-top: -1px;
    width: 100%
}

.topicList .topicCon p {
    height: 40px;
    line-height: 19px;
    overflow: hidden;
    white-space: normal;
    font-size: 13px;
    color: #999
}

.topicList .topicCard {
    padding: 0
}

.hitrate_details {
    background: #272d45
}

.hitrate_details ul li {
    padding: 0 0 3px
}

.topicHead {
    overflow: hidden
}

.topicHead .topicCard {
    position: relative;
    z-index: 10;
    padding: 70px 15px 20px
}

.topicHead .topicCon h3 {
    margin-top: -2px;
    height: 50px;
    width: 100%;
    color: #fff;
    font-size: 14px;
    text-overflow: clip;
    white-space: normal
}

.topicHead .topicCon {
    position: relative;
    height: 90px
}

.topicHead .topicCon_b {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0
}

.topicBrief {
    padding: 15px;
    color: #333;
    font-size: 13px;
    line-height: 20px
}

.analyst_t .bbsTop_icon {
    margin: 0;
    position: absolute;
    top: 5px;
    right: 0
}

.analyst_t .bbsTop_icon:after {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px
}

.joinSum .detailsPage {
    padding: 0
}

.joinSum .referee {
    padding: 12px 15px;
    background: none
}

.joinSum .detailsPage .analyst_icon {
    margin-right: 10px
}

.joinNub {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 13px;
    color: #999;
    transform: translateY(-50%)
}

.sortTab {
    position: absolute;
    top: 0;
    right: 0
}

.sortTab a {
    display: inline-block;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    vertical-align: middle;
    width: 65px;
    text-align: center;
    font-weight: 400;
    text-decoration: none;
    color: #333
}

.sortTab a.active {
    color: #ec6941
}

.chat_windowTLQ .authorHead {
    margin-top: 20px
}

.chat_windowTLQ .chat_left .chat_txt_con,.chat_windowTLQ .chat_right .chat_txt_con {
    border: none;
    border-radius: 20px;
    background: #e5e5e5
}

.chat_windowTLQ .chat_right .chat_txt_con {
    background: #40ca88;
    color: #fff
}

.chat_windowTLQ .chat_left .chat_txt_con:before,.chat_windowTLQ .chat_right .chat_txt_con:before {
    display: none
}

.chat_windowTLQ .chat_txt_top {
    padding: 0 10px;
    color: #ec6941
}

.chat_windowTLQ .chat_left .chat_txt_con:after,.chat_windowTLQ .chat_right .chat_txt_con:after {
    content: "";
    position: absolute;
    width: 23px;
    height: 13px;
    top: 2px;
    left: -6px;
    border: none;
    background: url(/images/yuce/specialArrow.8867b2dc64b61af0fd7c.png);
    background-size: 23px 27px
}

.chat_windowTLQ .chat_right .chat_txt_top {
    display: inline-block
}

.chat_windowTLQ .chat_right .authorHead {
    margin-top: 0
}

.chat_windowTLQ .chat_right .chat_txt_con:after {
    left: auto;
    right: -6px;
    background-position: 0 -13px
}

.chat_windowTLQ .chat_image {
    background: none;
    border: none
}

.chat_windowTLQ .chat_image:after,.chat_windowTLQ .chat_image:before {
    display: none
}

.chat_windowTLQ .chat_image {
    max-width: 100%
}

.chat_windowTLQ .profile_txt {
    margin-top: 10px;
    padding: 0;
    padding-top: 10px
}

.chat_windowTLQ .profile_txt:before {
    left: 0
}

.chat_windowTLQ .chat_right .profile_txt {
    color: #9ceec7
}

.chat_windowTLQ .chat_right .profile_icon_I {
    background: url(/images/yuce/profile_icon_I2.eb8f1812b9ce64bc70ce.png);
    background-size: cover
}

.chatInputWrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    padding: 0 15px
}

.chatInput {
    background: #f5f5f5;
    margin: 6px auto;
    border-radius: 3px;
    font-size: 13px;
    color: #999;
    height: 37px;
    line-height: 37px;
    padding: 0 10px
}

.scrollNews {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding-left: 42px;
    padding-right: 40px;
    font-size: 13px;
    color: #666
}

.scrollNews_icon {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
    background: url(/images/yuce/scrollNews_icon.b0bc53a31a6499c43eb7.png);
    background-size: cover
}

.scrollNews:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.stickTop:last-child:before {
    border-width: 0
}

.pageHeight .hw_jdSpesc h3 {
    height: 40px;
    overflow: hidden
}

.gradientOrange .referee {
    padding: 20px 20px 10px;
    background: none;
    min-height: 85px
}

.gradientOrange .analyst_icon {
    width: 50px;
    height: 50px
}

.gradientOrange .analyst_info a {
    color: #fff
}

.gradientOrange .analyst_jj {
    font-size: 11px;
    margin-top: 3px;
    margin-left: 5px
}

.gradientOrange .analyst_jj p {
    color: hsla(0,0%,100%,.5);
    margin-bottom: 0
}

.gradientOrange .referee_con_t {
    margin-top: 7px
}

.briefTxt {
    position: relative;
    padding: 0 35px 0 15px;
    height: 54px;
    color: hsla(0,0%,100%,.5);
    font-size: 12px;
    line-height: 18px;
    overflow: hidden
}

.briefTxt:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.thirdLink {
    position: absolute;
    top: 15px;
    right: 0;
    padding: 0 5px 0 10px;
    border-radius: 15px 0 0 15px;
    height: 20px;
    line-height: 20px;
    background: #dc7a35;
    font-size: 10px;
    color: #fff
}

.spBtn {
    padding: 15px 15px 0
}

.spBtn a {
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    border-radius: 20px;
    background: rgba(62,86,157,.5);
    white-space: nowrap
}

.spBtn a:before {
    border-color: hsla(0,0%,100%,.2)
}

.spBtn a span {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    line-height: 40px
}

@media screen and (min-width:320px) and (max-width:340px) {
    .spBtn a {
        font-size: 12px
    }
}

.ion-android-arrow-forward:before {
    font-size: 18px;
    line-height: 40px
}

.recommend_tab45 {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: none
}

.recommend_tab45 a {
    height: 45px;
    line-height: 45px;
    margin-top: 0;
    color: #fff;
    font-size: 15px
}

.recommend_tab45 a.active {
    color: #ffda44
}

.recommend_tab_icon04 {
    background-position: 0 -145px
}

.recommend_tab_icon05 {
    background-position: 0 -195px
}

.recommend_tab a.active .recommend_tab_icon04 {
    background-position: 0 -170px
}

.recommend_tab a.active .recommend_tab_icon05 {
    background-position: 0 -220px
}

.sheetTable {
    margin: 0 15px;
    overflow: hidden
}

.sheetTable_l,.sheetTable_r ul li {
    width: 57px;
    vertical-align: top
}

.sheetTable_td,.sheetTable_th {
    font-size: 12px;
    text-align: center
}

.sheetTable_th {
    color: #333;
    background: #ddd;
    height: 30px;
    line-height: 30px
}

.sheetTable_td {
    color: #999;
    background: #fff;
    height: 40px;
    line-height: 40px
}

.sheetTable_r {
    margin-left: 57px
}

.sheetTable_r ul {
    white-space: nowrap;
    font-size: 0
}

.sheetTable_r ul li {
    display: inline-block
}

.sheetTable_r .scroll-view {
    margin-top: 0
}

.sheetSumTxt {
    white-space: nowrap;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 13px;
    color: #999
}

.sheetSumTxt span {
    margin: 0 7px
}

.sheetSumTxt em {
    color: #ea4747;
    font-weight: 700
}

@media screen and (min-width:320px) and (max-width:340px) {
    .sheetSumTxt {
        font-size: 12px
    }
}

.twoSeriesList_li .opponent {
    position: relative;
    padding-left: 15px
}

.woSeriesLeftTxt {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    font-size: 11px;
    color: #999;
    white-space: nowrap
}

.twoSeriesList_li {
    position: relative;
    padding: 0 0 7px;
    margin-bottom: 10px
}

.twoSeriesList_li .race_type {
    margin-bottom: 10px;
    margin-left: 0;
    padding-left: 15px
}

.twoSeriesList_li .tj_ball_icon {
    margin-left: -5px
}

.twoSeriesList_li .correct_icon,.twoSeriesList_li .wait_icon,.twoSeriesList_li .wrong_icon {
    top: 15px;
    right: 25%
}

.select_bs_ecy .q_live_select_bs_btn {
    width: auto;
    padding-right: 38px;
    color: #5383ec;
    font-size: 13px
}

.select_bs_ecy_toggle {
    width: 115px;
    top: 40px;
    left: auto;
    right: 10px
}

.q_live_select_bs:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.select_bs_ecy_toggle ul li.active {
    background: #f5f5f5
}

.orderSilde {
    display: inline-block;
    font-size: 14px;
    color: #333
}

.orderSilde .down_arrow {
    width: 8px;
    height: 8px;
    margin-top: -7px;
    margin-left: 10px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333
}

.orderSilde .down_arrow.active {
    margin-top: 2px
}

.slide_choose_ecy {
    top: 45px;
    transform: none
}

.slide_choose_ecy.animate {
    top: 45px
}

.slide_choose_ecy ul li {
    text-align: left
}

.itrate_column_ecy ul li h4 {
    margin: 13px 0 3px 0;
    font-weight: 400
}

.itrate_column_ecy ul li p {
    font-size: 13px
}

.gradientBlue {
    background: #27304b;
    margin: 10px 10px 0;
    border-radius: 3px;
    overflow: hidden;
    position: relative
}

.threeTabBar {
    position: relative;
    width: 240px;
    margin-left: auto;
    margin: auto;
    border-radius: 20px
}

.threeTabBar a {
    height: 26px;
    line-height: 26px;
    text-align: center;
    float: left;
    width: 33.33%;
    text-decoration: none;
    font-size: 13px;
    color: hsla(0,0%,100%,.42);
    display: block
}

.threeTabBar a.active {
    color: #ffda44;
    font-weight: 700
}

.moveOn {
    position: absolute;
    top: -1px;
    width: 80px;
    height: 28px;
    border: 1px solid #fff;
    border-radius: 20px
}

.moveOn.one {
    left: -1px
}

.moveOn.two {
    left: 80px
}

.moveOn.three {
    left: 160px
}

.q_hitrate_column_ecy {
    background: none;
    border-radius: 3px
}

.q_hitrate_column_t .even_the_red {
    vertical-align: middle;
    margin-top: -2px
}

.gradientBlue ul li {
    margin-bottom: 18px
}

.gradientBlue ul li h4 {
    font-weight: 400;
    font-size: 18px;
    margin-top: 0;
    white-space: nowrap;
    color: #ff4431
}

.gradientBlue ul li p {
    color: hsla(0,0%,100%,.3);
    margin-bottom: 0
}

.q_hitrate_column_b .hitrate_ecy {
    width: auto;
    height: 25px
}

.q_hitrate_column_b .hitrate_ecy ul {
    margin-left: 20%;
    width: 80%;
    padding-left: 4%;
    white-space: nowrap;
    font-size: 0
}

.q_hitrate_column_b .hitrate_ecy ul li {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 5px;
    background: url(/images/yuce/faceIcon.45c709dd4476f66d1f89.png) no-repeat 0 0;
    background-size: 25px 50px
}

.q_hitrate_column_b .hitrate_ecy ul li.active {
    background: url(/images/yuce/faceIcon.45c709dd4476f66d1f89.png) no-repeat 0 -25px;
    background-size: 25px 50px
}

.hitrate_column_b_ecy {
    height: auto
}

.hitrate_column_b_ecy .hitrate_l {
    color: hsla(0,0%,100%,.3);
    left: 25px
}

@media screen and (min-width:320px) and (max-width:340px) {
    .hitrate_column_b_ecy .hitrate_l {
        left: 10px
    }

    .q_hitrate_column_b .hitrate_ecy ul li {
        margin: 0 3px
    }
}

@media screen and (min-width:376px) {
    .q_hitrate_column_b .hitrate_ecy ul li {
        margin: 0 6px
    }
}

.theRedTip {
    position: absolute;
    top: -8px;
    left: 11.5%;
    z-index: 2;
    height: 15px;
    line-height: 15px;
    color: #fff;
    font-size: 10px;
    padding: 0 8px;
    background: #ea4747;
    border-radius: 20px
}

.q_switch_btn_ecy {
    background: #27304b;
    color: #fff
}

.q_switch_btn .triangle_down {
    vertical-align: middle;
    margin-right: 5px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff
}

.q_switch_btn .q_close .triangle_down {
    transform: rotate(180deg)
}

.listEcy {
    margin: 0 10px;
    border-radius: 5px;
    overflow: hidden
}

.listEcy .release_dg .match_forecast ul li {
    margin-right: 10px
}

.listEcy .release_dg .match_forecast ul li:last-child {
    margin-right: 0
}

.listEcy .forecast_btn p:first-child {
    margin-bottom: 0
}

.listEcy .forecast_btn {
    padding: 10px;
    border: none
}

.listEcy .forecast_btn.active:before {
    border-color: #ffda44
}

@media screen and (min-width:320px) and (max-width:340px) {
    .listEcy .forecast_btn {
        padding: 10px 8px
    }
}

.listEcy .goal_nub {
    top: 5px;
    left: -18px;
    width: 25px;
    height: 34px;
    line-height: 34px;
    background-image: none;
    border-radius: 3px
}

.listEcy .goal_nub.gray {
    background-color: #999
}

.listEcy .goal_nub.green {
    background: #5dbd6d;
    color: #fff
}

.listEcy .goal_nub.red {
    background: #d26464;
    color: #fff
}

.listEcy .match_state span {
    margin: 0 2px;
    white-space: nowrap
}

.listEcy .match_state:first-child {
    margin-bottom: 0;
    white-space: nowrap
}

.listEcy .release_dg dd {
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-left: 0
}

.listEcy .release_dg dd:first-child {
    padding-bottom: 0
}

.listEcy .release_dg dd:last-child:before {
    border-width: 0
}

.listEcy .release_dg .match_forecast {
    padding-bottom: 10px;
    margin-left: 8%
}

.listEcy .release_tj .match_opponent {
    padding-top: 20px
}

.listEcy .centerState {
    width: 50px;
    height: 16px;
    line-height: 16px;
    background: #999;
    border-radius: 15px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    margin-top: 2px
}

.listEcy .centerState.mt10 {
    margin-top: 10px
}

.listEcy .scoreTxt {
    display: block;
    height: 35px
}

.returnRateTxt {
    margin: 5px auto 15px;
    width: 210px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 20px;
    background: rgba(0,0,0,.2)
}

.listEcy .correct_icon,.listEcy .wait_icon,.listEcy .wrong_icon {
    right: 30px;
    top: 45px
}

.liansai_tab {
    display: table;
    width: 100%;
    text-align: center;
    background: #fff;
    padding-left: 15px
}

.liansai_tab a {
    white-space: nowrap;
    display: table-cell;
    width: 25%;
    font-size: 13px;
    text-decoration: none;
    color: #999;
    height: 35px;
    line-height: 35px
}

.liansai_tab a:first-child {
    text-indent: -5%
}

.liansai_tab .triangle_down {
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #ccc
}

.liansai_tab a.active .triangle_down {
    border-top: 5px solid #333
}

.liansaiList ul li {
    position: relative;
    font-size: 0;
    padding: 12px 0 12px 15px;
    white-space: nowrap
}

.liansaiList ul li:before {
    left: 15px
}

.liansaiList ul li:last-child:before {
    border-width: 0
}

.liansaiList ul li:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.liansaiList ul li>div {
    display: inline-block;
    vertical-align: top;
    width: 25%
}

.liansaiListTd {
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    text-align: center;
    white-space: nowrap
}

.liansaiListTd:first-child {
    text-align: left;
    color: #333
}

.liansaiListTd:nth-child(2) {
    color: #999
}

.liansaiListTd:nth-child(4) {
    text-indent: -5%
}

.liansaiListTd img {
    height: 25px;
    margin-right: 2px
}

.test_tab {
    padding-left: 0
}

.test_tab a:first-child {
    width: 12%;
    text-indent: 2%;
    text-align: center
}

.test_tab a:nth-child(2) {
    width: 44%;
    text-indent: -5%
}

.test_tab a:nth-child(3),.test_tab a:nth-child(4) {
    width: 22%
}

.sumFadan {
    width: 22%;
    color: #999;
    text-align: center;
    font-size: 15px
}

.hit_rate_cen,.sumFadan {
    display: inline-block;
    vertical-align: middle
}

.hit_rate_cen {
    width: 44%;
    white-space: nowrap
}

.list_wrap_yingkui .hit_rate_cen {
    width: 50%;
    padding-left: 15px
}

.list_wrap_yingkui .analyst_t {
    margin-left: 0
}

.list_wrap_yingkui .hit_rate,.list_wrap_yingkui .sumFadan {
    width: 25%
}

.list_wrap_yingkui .hit_rate {
    right: 0;
    text-align: center
}

.recommend_tab_paixu a.active {
    border-bottom: none
}

.recommend_tab_paixu .q_znpx_icon {
    position: relative;
    background-image: none
}

.recommend_tab_paixu .q_znpx_icon:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.recommend_tab_paixu .q_shaixuan_icon {
    background: url(/images/yuce/q_shaixuan_icon1.59526beb6eaedb30a25e.png);
    background-size: cover
}

.select_match_shuaixuan,.slide_choose_shuaixuan {
    transform: translateY(40px)
}

.select_match_shuaixuan.animate {
    transform: none
}

.actCardI_ecy {
    padding: 15px 4% 16px
}

.actCardI_ecy:before {
    display: none
}

.actCardI_ecy .actCardI_txt {
    padding-top: 7px
}

.ecyImg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 125px
}

.ecyImg,.ecyImg img {
    height: 85px
}

.typeTxt {
    margin: 0 auto;
    margin-bottom: 5px;
    width: 50px;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    color: #999
}

.ecyCardI {
    padding: 10px
}

.ecyCardI .gradientOrange {
    background-image: -webkit-linear-gradient(top,#fff6f0,#fff6f0)
}

.ecyCardI .gradientOrange .referee {
    padding-top: 15px;
    min-height: 75px
}

.ecyCardI .gradientOrange .analyst_info a {
    color: #333
}

.ecyCardI .briefTxt,.ecyCardI .gradientOrange .analyst_jj p {
    color: #999
}

.ecyCardI .briefTxt {
    padding-right: 15px
}

.ecyCardI .briefTxt:before {
    display: none
}

.ecyCardI .spBtn {
    padding: 0
}

.ecyCardI .spBtn a {
    border-radius: 0;
    background: #ffecdf;
    color: #eb6100
}

.ecyCardI .briefTxt {
    height: 35px
}

.ruleH65 {
    height: 65px;
    line-height: 65px;
    background: #487db4;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.ruleListCard {
    position: relative;
    padding: 25px 20px;
    color: #fff
}

.ruleListCard.one {
    background: #4176ad
}

.ruleListCard.two {
    background: #ea4747
}

.ruleListCard.three {
    background: #999
}

.ruleListCard h3 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 0
}

.ruleListCard p {
    margin-bottom: 10px;
    line-height: 16px;
    padding-right: 50px
}

.ruleListCard p.p1 {
    font-size: 14px;
    line-height: 20px
}

.ruleListCard p.p2,.ruleListCard p.p3 {
    font-size: 12px;
    line-height: 20px
}

.ruleListCard p.p3 {
    color: hsla(0,0%,100%,.5)
}

.ruleCardNub {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 30px;
    color: hsla(0,0%,100%,.1)
}

.earnCard1_1 {
    padding: 20px 22px 35px;
    background-color: #3e569d
}

.earnCard1_1 h3 {
    font-size: 20px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 0
}

.earnCard1_1 p {
    font-size: 13px;
    color: hsla(0,0%,100%,.5);
    line-height: 20px;
    margin-top: 20px
}

.groupImg {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.groupImg img {
    width: 100%;
    border-radius: 50%
}

.earnCard1 h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 700
}

.earnCard1 p {
    font-size: 13px;
    color: hsla(0,0%,100%,.5)
}

.earnCard2 h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px
}

.earnCard2 p {
    font-size: 13px;
    color: #fff
}

.earnCard2_2 {
    background: #c18a30;
    padding-bottom: 35px
}

.earnCard2_2 p {
    color: hsla(0,0%,100%,.5)
}

.earnCard3 {
    padding: 25px 25px 40px 25px;
    background-color: #487db4
}

.earnCard3 h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 35px
}

.earnCard3_3 {
    background: #a73209
}

.earnCard3_3 .profitTxt {
    margin-left: 0
}

.profitIcon {
    float: left;
    width: 32px;
    height: 32px;
    background: url(/images/yuce/profitIcon.c59e005e7bacf3c1ffbf.png) no-repeat;
    background-size: 32px 192px;
    border-radius: 50%;
    margin-top: 3px
}

.profitIcon01,.profitIcon04 {
    background-position: 0 0
}

.profitIcon02 {
    background-position: 0 -32px
}

.profitIcon03 {
    background-position: 0 -64px
}

.profitIcon05 {
    background-position: 0 -96px
}

.profitIcon06 {
    background-position: 0 -128px
}

.profitIcon07 {
    background-position: 0 -160px
}

.profitTxt {
    margin-left: 45px;
    text-align: left
}

.profitTxt p {
    font-size: 15px;
    color: #fff;
    margin-bottom: 0
}

.profitTxt span {
    font-size: 13px;
    color: hsla(0,0%,100%,.5)
}

.profitModel li {
    margin-bottom: 30px
}

.inhand {
    position: absolute;
    top: 25px;
    right: 15px;
    padding: 0 10px 0 23px;
    background: #5dbd6d;
    border-radius: 20px;
    color: #fff;
    font-size: 11px
}

.cenSp {
    width: 50%;
    margin: 0 auto
}

.chartSp_top {
    background: #fff;
    padding: 25px 15px;
    position: relative
}

.inhand:after {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    width: 5px;
    height: 10px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translate(-50%,-60%) rotate(45deg);
    -webkit-transform: translate(-50%,-60%) rotate(45deg)
}

.noOrder {
    text-align: center;
    padding: 90px 0
}

.noOrder p {
    margin-bottom: 5px
}

.si_subscribe {
    background-color: #1d2a3a
}

.si_subscribe .analyst_jj p {
    color: rgba(154,176,201,.5)
}

.si_subscribe .briefTxt {
    color: #9ab0c9;
    height: 90px
}

.si_subscribe .briefTxt:before {
    border-bottom: 1px solid #9ab0c9;
    border-right: 1px solid #9ab0c9
}

.si_subscribe .recommend_tab {
    background: none
}

.si_subscribe .recommend_tab a {
    color: #fff;
    font-size: 15px
}

.si_subscribe .recommend_tab a.active {
    color: #ffda44
}

.matchSumTxt {
    background: #2b3b4f;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0
}

.matchSumTxt p {
    margin-bottom: 0
}

.advicesBox {
    margin: 15px 10px 0
}

.advicesColumn {
    border-radius: 3px;
    background: #586577;
    overflow: hidden
}

.advicesColumn.no_bg,.advicesColumn.no_bg .release_dg dd {
    background: none
}

.advTitle {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    color: #fff;
    font-size: 14px;
    background: #68778a
}

.advicesBox .scoreTxt,.selectSubs_match_list .scoreTxt {
    display: block;
    color: #fff;
    margin-top: 6px
}

.selectSubs_match_list .scoreTxt {
    color: #333
}

.advicesBox .release_tj .match_opponent {
    padding: 15px
}

.advicesBox .release_dg dd {
    padding-left: 0;
    background: #586577
}

.advicesBox .match_state:first-child {
    margin-bottom: 3px
}

.advicesBox .release_tj .ranks_logo p {
    color: #fff;
    font-size: 15px
}

.advicesBox .match_state {
    color: #a8b6c6;
    font-size: 12px
}

.advicesBox .centerState,.selectSubs_match_list .centerState {
    text-align: center;
    margin-top: 8px
}

.venueBox {
    padding: 25px 0;
    padding-left: 34%
}

.venueBox p {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 0;
    color: #a8b6c6
}

.venueBox:after {
    content: "";
    position: absolute;
    top: 37px;
    left: 12%;
    width: 40px;
    height: 40px;
    background: url(/images/yuce/sunIcon.86f067b1a0fe83bf9440.png) no-repeat;
    background-size: cover
}

.advicesTeam {
    padding: 20px 20px 0 20px
}

.advicesTeam_t img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.advicesTeam_name {
    vertical-align: middle;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    margin-right: 10px
}

.advicesTeamTip {
    display: inline-block;
    vertical-align: middle;
    height: 15px;
    line-height: 15px;
    padding: 0 10px;
    border-radius: 15px;
    color: #fff;
    font-size: 10px
}

.advicesTeamTip.bg_red {
    background: #ea4747
}

.advicesTeamTip.bg_blue {
    background: #00a0e9
}

.advicesTeam_c {
    font-size: 15px;
    line-height: 22px;
    color: #dbeaff
}

.advicesToggle {
    position: relative;
    z-index: 2;
    height: 90px;
    margin-top: -50px;
    background: linear-gradient(180deg,rgba(88,101,119,.6) 0,#586577 50%)
}

.advicesToggle:after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: 25px;
    margin-right: -4px;
    margin-top: -5px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #dbeaff;
    border-right: 1px solid #dbeaff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.advicesToggle.active {
    margin-top: 0;
    height: 50px
}

.advicesToggle.active:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    bottom: 20px
}

.teamCompareName {
    display: table;
    text-align: center;
    width: 100%;
    background: #4d5c70
}

.teamCompareName>div {
    display: table-cell;
    width: 50%;
    padding: 10px 0
}

.teamCompareName>div.active {
    background: #586577
}

.teamCompareName>div img {
    width: 20px;
    height: 20px;
    margin: 0 5px;
    vertical-align: middle
}

.teamCompareName>div span {
    vertical-align: middle;
    font-size: 14px;
    color: #a8b6c6
}

.teamCompare:before {
    left: 50%;
    margin-left: -1px
}

.teamCompareCon {
    z-index: 3
}

.teamCompareConTxt {
    height: 25px;
    line-height: 25px;
    background: #586577;
    color: #a8b6c6;
    font-size: 13px
}

.teamCompareConStart {
    display: table;
    width: 100%
}

.teamCompareConStart>div {
    display: table-cell;
    white-space: nowrap;
    font-size: 0
}

.teamCompareConStart>div:first-child {
    text-align: right;
    padding-right: 10px
}

.teamCompareConStart>div:last-child {
    padding-left: 10px
}

.teamCompareConStart>div span {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background: red;
    margin: 0 5px;
    background: url(/images/yuce/startIcon.51f1f9301a7b1f78daf5.png) no-repeat 0 0;
    background-size: 20px 40px
}

.teamCompareConStart>div span.active {
    background-position: 0 -20px
}

@media screen and (min-width:320px) and (max-width:340px) {
    .teamCompareConStart>div span {
        margin: 0 3px
    }
}

.teamCompareConSPF>div span {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    margin: 0 3px;
    background: none;
    border-radius: 50%
}

.teamCompareConSPF>div span.bg_red {
    background: #c46060
}

.teamCompareConSPF>div span.bg_green {
    background: #569e62
}

.teamCompareConSPF>div span.bg_blue {
    background: #2491b2
}

@media screen and (min-width:320px) and (max-width:359px) {
    .teamCompareConSPF>div span {
        margin: 0 1px
    }
}

.teamComparePlayerTb {
    display: table;
    width: 100%
}

.teamComparePlayerTr {
    display: table-row
}

.teamComparePlayerTd {
    display: table-cell;
    width: 50%;
    padding: 12px 0 10px 0
}

.teamComparePlayerTd:last-child {
    text-align: right
}

.teamComparePlayerTd p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 0
}

.teamComparePlayerTd em {
    vertical-align: top;
    font-size: 12px;
    color: #a8b6c6
}

.teamComparePlayer_l,.teamComparePlayer_r {
    width: 30%;
    text-align: center
}

.playerStateIcon {
    display: inline-block;
    margin-top: 9px;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background: url(/images/yuce/playerStateIcon.4e15c81fe4dd12768ea3.png) no-repeat 0 0;
    background-size: 20px 85px
}

.playerStateIcon_xiuxi {
    background-position: 0 0
}

.playerStateIcon_jinsai {
    background-position: 0 -21px
}

.playerStateIcon_yiwen {
    background-position: 0 -42px
}

.playerStateIcon_tingsai {
    background-position: 0 -63px
}

.theFirstList {
    margin-bottom: 0
}

.theFirstList dt {
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 13px;
    color: #fff
}

.theFirstList dd {
    position: relative;
    padding: 15px;
    font-size: 12px;
    color: #a8b6c6
}

.theFirstList_l {
    width: 50%;
    font-size: 0
}

.theFirstList_c {
    width: 20%
}

.theFirstList_c,.theFirstList_r {
    text-align: center;
    line-height: 35px
}

.theFirstList_r {
    position: relative;
    width: 30%
}

.theFirstImg {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.theFirstImg,.theFirstName {
    display: inline-block;
    vertical-align: middle
}

.theFirstName p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 0
}

.theFirstName em {
    font-size: 12px;
    color: #a8b6c6;
    vertical-align: top
}

.theFirstList_r:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    margin-left: -10px;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #708093;
    border-right: 1px solid #708093;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.toggleSubsBox {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999
}

.toggleSubs {
    padding: 25px
}

.toggleSubs ul li {
    position: relative;
    text-align: center;
    margin-right: 15px;
    padding: 15px 15px 10px 15px;
    border: 1px solid #e5e5e5;
    border-radius: 5px
}

.toggleSubs ul li:last-child {
    margin-right: 0
}

.toggleSubs ul li h4 {
    font-size: 14px;
    color: #333;
    margin: 10px 0 7px 0
}

.toggleSubs ul li p {
    font-size: 12px;
    color: #999;
    margin-bottom: 0;
    line-height: 18px
}

.toggleSubsIcon {
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 25px;
    background: url(/images/yuce/toggleSubsIcon.a0178c339ed707b22589.png) no-repeat 0 0;
    background-size: 25px 100px
}

.toggleSubsIcon01 {
    background-position: 0 0
}

.toggleSubsIcon02 {
    background-position: 0 -50px
}

.toggleSubs ul li.active {
    border: 2px solid #eb6100
}

.toggleSubs ul li.active h4 {
    color: #eb6100
}

.toggleSubs ul li.active .toggleSubsIcon01 {
    background-position: 0 -25px
}

.toggleSubs ul li.active .toggleSubsIcon02 {
    background-position: 0 -75px
}

.toggleSubs ul li.active .select_icon {
    display: block
}

.tip_youhui {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 36px;
    height: 19px;
    border: 2px solid #fff;
    line-height: 15px;
    text-align: center;
    background: #eb6100;
    border-radius: 20px;
    color: #fff;
    font-size: 10px
}

.toggleSubsBox .bottom_btn {
    position: static
}

.toggleSubsBox {
    transform: translateY(100%);
    opacity: 0
}

.toggleSubsBox.animate {
    transform: translateY(0);
    opacity: 1
}

.selectSubs_time {
    padding: 25px 0 15px;
    text-align: center
}

.selectSubs_time span {
    display: inline-block;
    font-size: 0;
    vertical-align: top;
    border-radius: 20px;
    height: 25px;
    line-height: 25px;
    padding: 0 20px;
    background: #2b3b4f;
    color: #9ab0c9
}

.selectSubs_time em {
    font-size: 12px;
    margin: 0 5px
}

.selectSubs_match_list {
    margin-left: 15px;
    margin-right: 15px
}

.selectSubs_match_list .release_dg dd {
    padding-left: 0;
    border-radius: 3px
}

.selectSubs_match_list .release_tj .match_opponent {
    padding: 15px 0 10px
}

.selectSubs_match_list .match_state:first-child {
    margin-bottom: 0
}

.selectSubs_match_list .release_dg dd.active .coverShadow {
    display: block
}

.monthlyTxt {
    font-size: 12px;
    color: #627389;
    text-align: center
}

.noOrder_si img {
    width: 23px
}

.playerStats .bbsPersonpage_t .expert_tx {
    width: 60px;
    height: 60px;
    vertical-align: top
}

.playerStats .bbsPersonpage_t .expert_name {
    font-size: 16px;
    line-height: 18px;
    margin: 10px 0 8px
}

.nameEng {
    font-size: 12px;
    color: hsla(0,0%,100%,.2);
    line-height: 12px
}

.playerThe {
    padding: 25px 0 15px;
    font-size: 12px;
    color: #fff
}

.playerThe span {
    margin: 0 10px
}

.playerLeft {
    width: 35px;
    height: 35px;
    right: 66%;
    top: 12px
}

.playerRight {
    top: 20px;
    left: 63%;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #fff
}

.playerRight span {
    margin-right: 12px
}

.playerRec {
    padding: 10px
}

.playerRec ul li {
    float: left;
    width: 50%;
    text-align: center;
    padding: 10px 0 20px
}

.playerRec ul li p {
    height: 25px;
    line-height: 25px;
    margin-bottom: 0;
    font-size: 13px;
    color: #999
}

.playerRec ul li h4 {
    height: 45px;
    line-height: 45px;
    margin: 0;
    font-size: 25px;
    color: #333
}

.playerGoalNub {
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 115px;
    height: 115px;
    background: #fff;
    text-align: center
}

.playerGoalNub span {
    display: block;
    font-size: 25px;
    line-height: 20px;
    color: #333;
    padding: 23px 0 12px
}

.playerGoalNub em {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 13px
}

.goalNubCir {
    width: 90px;
    height: 90px;
    margin: 10px 10px
}

.recentPerfor_li {
    padding: 0 15px
}

.recentPerfor_li_t {
    position: relative;
    white-space: nowrap;
    font-size: 12px;
    padding: 12px 0 8px
}

.perfor_l {
    width: 23%;
    vertical-align: top;
    color: #999
}

.perfor_c,.perfor_l {
    display: inline-block
}

.perfor_c {
    width: 60%;
    margin-left: 6%
}

.recentPerfor_li .q_outcome {
    position: absolute;
    right: 0;
    top: 13px;
    text-align: center;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px
}

.recentPerfor_li_b {
    padding: 2px 10px;
    background: #f5f5f5;
    border-radius: 3px
}

.recent_b_txt {
    line-height: 32px
}

.recent_b_txt,.recentPerfor_li .q_icon {
    display: inline-block;
    height: 32px;
    vertical-align: top
}

.recentPerfor_li .q_icon {
    margin: 0 -1px;
    width: 32px
}

.q_huangguan {
    background: url(/images/yuce/huangguan.34640ae90cde79c9ae06.png) no-repeat;
    background-size: cover
}

.recentPerforFixed {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 99
}

.recentPerforFixed .recentPerfor_li {
    padding: 6px 10px
}

.recentPerforFixed ul {
    font-size: 0;
    white-space: nowrap;
    text-align: center
}

.recentPerforFixed li {
    text-align: center
}

.recentPerforFixed li span {
    margin-left: -5px;
    display: inline-block;
    vertical-align: top;
    line-height: 32px
}

.addRecom .matchTeam p {
    line-height: 26px
}

.addRecom .matchTeam {
    padding-right: 0
}

.addRecom .matchTeam:after {
    display: none
}

.assistBtn {
    padding: 30px 0 15px;
    font-size: 0;
    text-align: center
}

.assistBtn a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    background: url(/images/yuce/assistBtn_bg.0cb60088fd14e74ba332.png) no-repeat 0 0;
    background-size: 40px 80px
}

.assistBtn a.active {
    background-position: 0 -40px
}

.assistBtn01 {
    margin-right: 25px
}

.assistBtn02 {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg)
}

.addZan {
    font-size: 14px;
    color: #eb6100;
    top: -10px;
    text-align: center
}

.addZan.addScore_animate {
    animation: addZan 1s .2s linear both
}

.q_publish span {
    margin-right: 0
}

.messageCon>p {
    margin-top: 5px
}

.b_share_txt {
    width: 140px
}

.messageTime {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    margin-top: 0
}

.messageUserImg {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 3px
}

.messageList ul li {
    padding: 15px
}

.replyTip a:before {
    border-color: hsla(0,0%,100%,.5)
}

.messageReply>p {
    margin-bottom: 5px
}

.messageReply>p:last-child {
    margin-bottom: 0
}

.moreReply {
    text-align: center;
    font-size: 13px;
    color: #eb6100;
    height: 40px;
    line-height: 40px;
    background: #e5e5e5;
    margin-top: -2px
}

.messageCon {
    position: relative
}

.rightZan {
    top: 8px;
    right: 5px;
    color: #999;
    font-size: 12px
}

.iconZan {
    width: 15px;
    height: 15px;
    background: url(/images/yuce/iconZan.f3287fc9df7c4d9051f9.png) no-repeat 0 0;
    background-size: 15px 30px
}

.iconZan,.rightZan span {
    display: inline-block;
    vertical-align: middle
}

.rightZan span {
    min-width: 13px;
    text-align: center
}

.rightZan.active {
    color: #eb6100
}

.rightZan.active .iconZan {
    background-position: 0 -15px
}

.addZan.addScore_animate,.rightZan.addScore_animate {
    animation: addZan 1s .2s linear both
}

@keyframes addZan {
    0% {
        display: none;
        opacity: 1
    }

    1% {
        display: block;
        opacity: 1
    }

    99% {
        opacity: 0;
        top: -16px;
        transform: scale(1.1)
    }

    to {
        display: none;
        opacity: 0;
        top: -10px;
        transform: scale(1.1)
    }
}

.noReplay {
    padding: 45px 0 40px;
    text-align: center
}

.noReplay img {
    width: 30px
}

.addRecom .centerState.bg_green {
    margin-top: 2px
}

.carImg {
    width: 85px;
    height: 85px
}

.carImg img {
    width: 100%;
    border-radius: 3px 0 0 3px
}

.carTxt {
    margin-left: 85px;
    padding: 10px
}

.carTxt .analyst_name {
    display: inline-block
}

.carTxt .analyst_info {
    display: block;
    margin: 0
}

.carTxt .analyst_jj {
    margin-top: 8px
}

.carTxt .analyst_jj p {
    margin-bottom: 0;
    height: 32px;
    overflow: hidden
}

.carTxt .referee_con_t .analyst_info {
    display: inline-block;
    vertical-align: top
}

.carTxt .tj_ball_icon {
    margin-top: 3px
}

.carTxt .top_linelist_txt {
    width: 100%;
    padding-left: 0;
    height: 67px
}

.carTxt .top_linelist_txt_b {
    padding-left: 0
}

.addCardBox .q_expert_inte .referee {
    padding: 15px
}

.addCardBox .h-expert-all-list .analyst_icon {
    width: 30px;
    height: 30px
}

.addCardBox .h-expert-all-list .referee_con {
    margin-left: 50px
}

.addCardBox .h-expert-all-list .analyst_jj {
    margin-top: 2px
}

.addCardBox .hw_jdSpesc {
    padding: 15px 15px 7px
}

.addCardBox .hw_date {
    white-space: nowrap
}

.addCardBox .hw_separate {
    margin: 0 5px
}

.addCardBox .referee_con_t .analyst_name {
    display: inline-block
}

.addCardBox .q_list_tuijian .opponent ul {
    padding-bottom: 5px
}

.addCardBox .correct_icon,.addCardBox .wait_icon,.addCardBox .wrong_icon {
    top: -64px;
    right: 25%
}

.messageFixed_l .rightZan {
    position: relative;
    top: 0;
    right: 0;
    width: 34px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    background: url(/images/yuce/rightZan_icon.c55c5f732238ff3d83c2.png);
    background-size: 34px 70px
}

.messageFixed_l .rightZan .iconZan {
    position: absolute;
    top: 5px;
    left: 5px
}

.messageFixed_l .rightZan.active {
    background-position: 0 -35px
}

.bar_top_tab_c {
    text-align: center
}

.bar_top_tab_c a {
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #fff!important;
    height: 34px
}

.bar_top_tab_c a.active {
    color: #ffda44!important
}

.bar_top_tab_c a span {
    display: inline-block;
    vertical-align: top;
    line-height: 30px
}

.bar_top_tab_c a.active span {
    border-bottom: 2px solid #ffda44
}

.guessTabFix {
    margin: 10px 15px 5px 15px;
    border-radius: 5px;
    overflow: hidden
}

.guessTabFix a {
    display: block;
    width: 1%;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    color: #7ca2c8;
    height: 35px;
    line-height: 35px;
    background: #07336b
}

.guessTabFix a.active {
    color: #fff;
    background: #197be5
}

.guessTabFix a:last-child:before {
    border-width: 0
}

.icon_paihang {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/images/yuce/icon_paihang.9b9f0fc5d3e2066aa447.png) no-repeat;
    background-size: cover;
    vertical-align: middle;
    margin-right: 5px
}

.noticeBarJc {
    padding-bottom: 5px
}

.noticeBarJc .noticeBar {
    background: none;
    padding-left: 40px;
    color: #4d96e5
}

.noticeBarJc .notice_icon {
    background: url(/images/yuce/notice_icon_jc.6244b24d43538f655847.png) -5px 0 no-repeat;
    background-size: 46px 40px
}

.noticeBarJc .clearInputBtn {
    color: #4d96e5
}

.jcmodhead {
    position: relative;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-size: 12px;
    color: #fff
}

.jcmodhead:after {
    margin-top: -8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.jcmodhead.active:after,.jcmodhead:after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff
}

.jcmodhead.active:after {
    margin-top: -5px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.jcmodbody {
    padding: 0 10px
}

.jcmodbody .matchI_center_c {
    margin-top: 0;
    margin-bottom: 5px;
    padding: 8px 10px 12px;
    border-radius: 5px
}

.timeIcon_jc {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: 7px;
    vertical-align: top;
    background: url(/images/yuce/timeIcon_jc.ae45cb7c5a755e083c49.png) no-repeat;
    background-size: cover
}

.sumJc {
    height: 20px;
    line-height: 20px
}

.timeTxt_jc {
    line-height: 14px
}

.jcmodbody .matchI_time_jd {
    margin-top: 15px;
    white-space: nowrap
}

.fixedBarJc {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    padding: 8px 15px;
    background: #134c92
}

.barJcImg {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 34px;
    vertical-align: middle
}

.barJcImg img {
    border-radius: 50%
}

.myGuessBay {
    display: inline-block;
    margin-left: 5px;
    background: #08356d;
    border-radius: 20px;
    vertical-align: middle;
    height: 19px;
    line-height: 19px;
    padding: 0 30px 0 22px;
    font-size: 16px;
    color: #fff
}

.myBayIcon {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(/images/yuce/myBayIcon.815eb4609c3c299047a4.png) no-repeat;
    background-size: 20px 40px
}

.myBayIcon01 {
    left: 0;
    background-position: 0 0
}

.myBayIcon02 {
    right: 0;
    background-position: 0 -20px
}

.drawBayBtn {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 19px;
    line-height: 19px;
    font-size: 12px;
    color: #333;
    text-align: center;
    background: #ffde00;
    border-radius: 20px;
    margin-left: 5px
}

.drawBayBtn.active {
    background: #ddd;
    color: #999
}

.recordJc {
    height: 30px;
    line-height: 30px;
    margin-top: 2px;
    font-size: 14px;
    color: #649fea;
    padding: 0 17px;
    border-radius: 20px
}

@media screen and (min-width:320px) and (max-width:340px) {
    .drawBayBtn,.myGuessBay {
        margin-left: 0
    }

    .recordJc {
        padding: 0 10px
    }
}

.select_match_btn_jc {
    padding: 20px 0 10px;
    background: #eee
}

.select_match_btn_jc a {
    padding: 0;
    height: 30px;
    line-height: 28px;
    background: #fff;
    color: #333
}

.select_match_btn_jc a em {
    color: #999;
    padding: 0 3px
}

.select_match_btn_jc a.active {
    background: #405c7b;
    color: #fff;
    border-color: #405c7b
}

.select_match_btn_jc a.active em {
    color: #829bb5
}

.invertJc {
    padding-left: 10px
}

.invertJc>span {
    display: inline-block;
    vertical-align: top;
    margin-top: 16px;
    height: 13px;
    line-height: 13px;
    padding: 0 13px
}

.selectTimeJc {
    position: absolute;
    right: 15px;
    top: 11px;
    color: #fff!important;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    font-size: 13px;
    color: #333;
    padding: 0 25px 0 8px
}

.selectTimeJc:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.selectTimeJc.active:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: -3px
}

.recommend_tab_jc a.active {
    color: #197be5;
    border-bottom: 2px solid #197be5
}

.recordMatch_jc_li {
    padding-left: 15px;
    margin-bottom: 10px;
    background: #fff
}

.macthTbar_jc {
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    padding-right: 15px
}

.macthTbar_jc_l span {
    margin-right: 5px
}

.macthCbar_jc {
    padding: 13px 0;
    position: relative
}

.macth_q {
    margin-bottom: 10px;
    color: #333;
    font-size: 14px
}

.matchResult {
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    border-radius: 25px;
    color: #fff;
    font-size: 13px
}

.matchResult span {
    margin: 0 5px
}

.matchResult.bg_red {
    background: #f45757
}

.matchResult.bg_bbb {
    background: #bbb;
    color: #333
}

.matchResult.bg_none {
    position: relative;
    background: none;
    color: #333
}

.matchResult.bg_none span:last-child {
    color: #999
}

.matchResult.bg_none:before {
    content: " "!important;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ddd;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: transparent;
    z-index: 1;
    border-radius: 40px
}

.macthBbar_jc {
    color: #666;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding-right: 15px
}

.macthCbar_jc .correct_icon,.macthCbar_jc .invalid_icon,.macthCbar_jc .wait_icon,.macthCbar_jc .wrong_icon {
    top: 19px;
    right: 20px
}

.matchTblock_jc {
    height: 230px;
    position: relative
}

.matchTblock_jc .team_con {
    padding-top: 20px;
    padding-bottom: 15px
}

.matchTblock_jc .team_con .logo img {
    height: 45px
}

.matchTblock_jc .team_con .team_name {
    padding-top: 10px
}

.matchTblock_jc .team {
    width: 25%
}

.matchTblock_jc .team_middle {
    min-height: 75px;
    width: 50%
}

.matchTblock_jc.bg_zq .team {
    width: 30%
}

.matchTblock_jc.bg_zq .team_middle {
    width: 40%
}

.scoreBlock_jc {
    white-space: nowrap;
    text-align: center;
    position: relative
}

.scoreBlock_jc>div {
    height: 40px
}

.scoreBlock_l,.scoreBlock_r {
    position: absolute;
    top: 0;
    width: 50px;
    text-align: center
}

.scoreBlock_l {
    right: 50%;
    margin-right: 20px
}

.scoreBlock_r {
    left: 50%;
    margin-left: 20px
}

.scoreBlock_l,.scoreBlock_r,.start0 .scoreBlock_c,.start2 .scoreBlock_c {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    line-height: 40px;
    text-align: center
}

.scoreBlock_c {
    width: 40px;
    height: 40px;
    margin: 0 auto
}

.team_middle_txt {
    height: 15px;
    line-height: 15px;
    font-size: 11px;
    color: #999
}

.team_middle_txt span {
    margin: 0 4px
}

.start0 {
    margin-top: -13px
}

.matchTblock_jc.bg_lq .start1 .scoreBlock_l {
    margin-right: 35px
}

.matchTblock_jc.bg_lq .start1 .scoreBlock_r {
    margin-left: 35px
}

.suobTip {
    position: absolute;
    font-size: 11px;
    color: #999
}

.suobTip.left {
    left: 100%;
    margin-left: 3px
}

.suobTip.right {
    right: 100%;
    margin-right: 3px
}

.team_middle_txt.c_ccc {
    color: #ccc
}

.matchTblock_jc .q_team_con .h-circle {
    margin: 0;
    position: relative
}

.matchTblock_jc .q_team_con .h-circle,.matchTblock_jc .q_team_con .h-circle div {
    width: 40px;
    height: 40px
}

.matchTblock_jc .q_team_con .h-circle .bg {
    border: 2px solid #6583a8
}

.matchTblock_jc .q_team_con .h-circle .bg2 {
    border: 2px solid #6583a8;
    clip: rect(0,20px,40px,0)
}

.matchTblock_jc .q_team_con .h-circle .rount2 {
    border: 2px solid #0f0;
    clip: rect(0,40px,40px,20px)
}

.matchTblock_jc .q_team_con .h-circle .rount {
    border: 2px solid #0f0;
    clip: rect(0,20px,40px,0)
}

.matchTblock_jc .matchI_center_c .num,.matchTblock_jc .q_team_con .h-circle .num {
    width: 18px;
    height: 18px
}

.matchTblock_jc .q_circle_time {
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 40px;
    transform: none;
    color: #0f0
}

.matchTblock_jc_b {
    height: 106px;
    border-radius: 3px;
    margin: 0 15px;
    overflow: hidden
}

.outsTable {
    width: 100%;
    height: 100%;
    position: relative
}

.outsTable.zq {
    padding-left: 25px
}

.outsTable.lq,.outsTable.zq {
    background: rgba(0,0,0,.4)
}

.level_zq {
    width: 100%;
    height: 50%;
    position: absolute
}

.level_zq:before,.scaleLabel5:before,.scaleLabel15:before,.scaleLine:before,.vertical_zq:before {
    border-color: hsla(0,0%,100%,.2)
}

.outsTable_l_zq {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 25px;
    height: 100%;
    background: rgba(0,0,0,.3)
}

.outsTable_l_zq span {
    display: block;
    width: 100%;
    height: 53px;
    line-height: 53px;
    text-align: center;
    color: #999;
    font-size: 12px
}

.outsTable_con_zq {
    height: 100%;
    position: relative
}

.scaleLabel5,.scaleLabel15 {
    position: absolute;
    left: 0;
    top: 50%;
    height: 7px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.scaleLabel15 {
    height: 15px
}

.vertical_zq {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.scaleBox {
    position: absolute;
    width: 15px;
    text-align: center;
    transform: translateX(-50%)
}

.scaleBox .tj_ball_icon {
    margin: 5px 0;
    vertical-align: middle
}

.scaleBox_t .tj_ball_icon {
    margin-top: 4px;
    margin-bottom: 10px
}

.scaleBox_b .tj_ball_icon {
    margin-bottom: 4px;
    margin-top: 10px
}

.scaleLine {
    width: 50%;
    height: 8px
}

.scaleBox_t {
    bottom: 50%
}

.scaleBox_b {
    top: 50%
}

.minMub {
    line-height: 12px;
    white-space: nowrap
}

.outsTable_lq_td {
    float: left;
    width: 16%;
    text-align: center
}

.outsTable_lq_td:first-child {
    width: 20%
}

.outsTable_lq_th .outsTable_lq_td {
    color: #999;
    font-size: 10px;
    height: 25px;
    line-height: 25px
}

.outsTable_lq_tr .outsTable_lq_td {
    color: #fff;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    background: rgba(0,0,0,.3)
}

.outsTable_lq_td:before,.outsTable_lq_th:before {
    border-color: hsla(0,0%,100%,.1)
}

.matchTAnimate .matchTblock_jc,.matchTAnimate .matchTcorH {
    height: 110px
}

.matchTAnimate .scroll-content {
    bottom: 162px!important
}

.matchTcorH {
    height: 230px;
    overflow: hidden
}

.matchJcList_li {
    padding: 15px 15px 0
}

.matchJcList_li.pb5 {
    padding-bottom: 5px
}

.matchJcList_li:before {
    left: 20px
}

.matchJc_subject {
    position: relative;
    padding-right: 55px;
    padding-left: 26px;
    line-height: 20px;
    color: #333;
    font-size: 14px
}

.nub_list {
    float: left;
    margin-left: -26px;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 13px;
    margin-right: 3px;
    text-align: center;
    vertical-align: top;
    background: #ffda44;
    border-radius: 50%
}

.sunPeople {
    font-size: 11px;
    position: absolute;
    top: 0;
    right: 0
}

.iconJc_sum {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    background: url(/images/yuce/iconJc_sum.b2fddb6b98270f10df82.png) no-repeat;
    background-size: cover
}

.matchJc_btn {
    padding: 15px 0;
    position: relative
}

.matchJc_btn li {
    float: left;
    text-align: center;
    padding: 12px 0;
    border: 1px solid #dcdcdc;
    border-radius: 5px
}

.matchJc_btn li.active {
    background: #ffda44;
    border-color: #ffda44
}

.matchJc_btn li.active p:last-child {
    color: #333
}

.matchJc_btn li.gray {
    background: #dcdcdc
}

.matchJc_btn li p {
    margin-bottom: 0;
    white-space: nowrap
}

.matchJc_btn li p:first-child {
    line-height: 14px;
    margin-bottom: 10px
}

.matchJc_btn li p:last-child {
    line-height: 10px
}

.matchJc_btn_1 li {
    width: 100%
}

.matchJc_btn_1 li p:first-child {
    margin-bottom: 0
}

.matchJc_btn_3 li {
    margin-right: 3%;
    width: 31.33%
}

.matchJc_btn_3 li:last-child {
    margin-right: 0
}

.matchJc_btn_4 {
    padding-bottom: 5px
}

.matchJc_btn_4 li {
    margin-right: 3%;
    width: 22.75%;
    margin-bottom: 10px
}

.matchJc_btn_4 li:nth-child(4n) {
    margin-right: 0
}

.matchJc_btn_33 {
    padding-right: 20%;
    padding-bottom: 0;
    padding-top: 0
}

.matchJc_btn_33 li {
    margin-right: 3%;
    width: 31.33%;
    margin-bottom: 10px
}

.matchJc_btn_33 li:nth-child(3n) {
    margin-right: 0
}

.matchJc_btn_2 li {
    margin-right: 3%;
    width: 48.5%
}

.matchJc_btn_2 li:last-child {
    margin-right: 0
}

.moreBtnJc {
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    color: #666
}

.moreBtnBox {
    position: relative
}

.moreBtnBox.first {
    padding-top: 15px
}

.moreBtnBox.first .moreBtnJc {
    top: 15px
}

.matchJcList_li.invalid .matchJc_btn,.matchJcList_li.invalid .matchJc_subject,.matchJcList_li.invalid .moreBtnJc {
    opacity: .4
}

.paijing_Icon {
    position: absolute;
    top: 15px;
    right: 14%;
    width: 53px;
    height: 32px;
    background: url(/images/yuce/paijing_Icon.9335a30ed1cffb7b0d3b.png) no-repeat;
    background-size: cover
}

.betPopup {
    position: absolute;
    z-index: 1000;
    box-shadow: inset 0 0 5px #0a3971;
    width: 100%;
    padding: 0 25px;
    left: 0;
    bottom: 50px;
    height: 215px;
    background: #0d488f
}

.betOne_txt {
    height: 65px;
    line-height: 65px
}

.betOne_btn a,.betOne_txt {
    text-align: center;
    font-size: 14px;
    color: #fff
}

.betOne_btn a {
    display: block;
    background: #3d6da5;
    border-radius: 5px;
    margin-right: 10px;
    height: 35px;
    line-height: 35px;
    text-decoration: none
}

.betOne_btn a:last-child {
    margin-right: 0
}

.betOne_btn a.activated {
    background: #2988ff;
    border: .5px solid #fff
}

.betOne .login_btn {
    padding: 0;
    margin-top: 25px
}

.betOne .login_btn a {
    margin-bottom: 0
}

.betOne_rule {
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 12px;
    color: #477fc2
}

.betOne_rule a {
    text-decoration: none;
    color: #477fc2
}

.betOne_rule input {
    margin-right: 5px
}

.betTwo_t {
    padding: 25px 0 10px
}

.betWarnIcon {
    margin-right: 10px;
    width: 46px;
    height: 46px;
    background: url(/images/yuce/betWarnIcon.1fe127912756400db167.png) no-repeat;
    background-size: cover
}

.betTwo_t_txt,.betWarnIcon {
    display: inline-block;
    vertical-align: top
}

.betTwo_t_txt {
    width: 68%;
    padding-top: 6px;
    text-align: left
}

.betTwo_t_txt p {
    margin-bottom: 0;
    font-size: 12px;
    color: #ccc;
    line-height: 18px
}

.betTwo_btn {
    margin-top: 25px
}

.betTwo_btn a {
    display: block;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #eee;
    color: #999;
    font-size: 15px;
    text-decoration: none;
    margin-right: 15px
}

.betTwo_btn a:last-child {
    margin-right: 0
}

.betTwo_btn a.active {
    color: #333;
    background: #ffda44
}

.successIcon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/images/yuce/successIcon.e1155a71734d0edde252.png) no-repeat;
    background-size: cover
}

.betPopup {
    transform: translateY(100%)
}

.betPopup.animate {
    transform: none
}

.jc_rank_tab {
    height: 45px
}

.jc_rank_tab a {
    height: 45px;
    line-height: 44px;
    color: #333;
    font-size: 15px;
    margin-top: 0
}

.jc_rank_tab a.active {
    border-bottom-width: 3px;
    color: #197be5
}

.monthJc {
    position: relative;
    width: 70px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    font-size: 12px;
    color: #999;
    text-align: center
}

.monthJc_next,.monthJc_prve {
    position: absolute;
    top: 0;
    width: 35px;
    height: 35px
}

.monthJc_prve {
    right: 100%
}

.monthJc_next {
    left: 100%
}

.monthJc_prve:after {
    right: 5px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.monthJc_next:after,.monthJc_prve:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.monthJc_next:after {
    left: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.monthJc_next.active:after,.monthJc_prve.active:after {
    border-bottom: 1px solid #999;
    border-right: 1px solid #999
}

.rankTable_t {
    font-size: 0;
    color: #999;
    height: 30px;
    line-height: 30px;
    background: #fff8da
}

.rankTable_t>div {
    float: left;
    font-size: 14px;
    white-space: nowrap;
    height: 30px
}

.rankTable_t>div:first-child {
    width: 60%;
    padding-left: 15px
}

.rankTable_t>div:nth-child(2) {
    width: 15%;
    text-align: center
}

.rankTable_t>div:nth-child(3) {
    width: 25%;
    text-align: center
}

.rankTableli {
    font-size: 0;
    padding: 15px 0;
    white-space: nowrap
}

.rankTableli>div {
    display: inline-block;
    vertical-align: top
}

.rankTableli>div:first-child {
    width: 60%;
    font-size: 0
}

.rankTableli>div:nth-child(2) {
    width: 15%
}

.rankTableli>div:nth-child(2),.rankTableli>div:nth-child(3) {
    text-align: center;
    font-size: 13px;
    color: #999;
    height: 30px;
    line-height: 30px
}

.rankTableli>div:nth-child(3) {
    position: relative;
    width: 25%
}

.rankJc_sort {
    display: inline-block;
    font-size: 14px;
    width: 26%;
    text-align: center;
    height: 30px;
    line-height: 30px
}

.rankJc_user {
    display: inline-block;
    vertical-align: top
}

.rankJc_user .analyst_icon {
    width: 30px;
    height: 30px
}

.giftbox {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 35px;
    height: 32px;
    background: url(/images/yuce/giftbox.8adc9f0a915dd42c9a74.png) no-repeat;
    background-size: cover;
    transform: translate(-50%,-50%)
}

.hasAward {
    position: absolute;
    right: 50%;
    margin-right: -23px;
    bottom: -6px;
    width: 31px;
    height: 19px;
    background: url(/images/yuce/hasAward.c62d45f338de50f2c079.png) no-repeat;
    background-size: cover
}

.rankTableli:nth-child(2n) {
    background: #f1f1f1
}

.rankTableli:nth-child(odd) {
    background: #fff
}

.topthreeJc {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: top;
    background: url(/images/yuce/topthreeJc.ad75d52bed9e225b88d6.png) no-repeat;
    background-size: 30px 90px
}

.topthreeJc.one {
    background-position: 0 0
}

.topthreeJc.two {
    background-position: 0 -30px
}

.topthreeJc.three {
    background-position: 0 -60px
}

.rankTableli.special {
    padding: 10px 0
}

.rankTableli.special .rankJc_user {
    padding-left: 5px
}

.rankTableli.special .rankJc_user .analyst_icon {
    width: 40px;
    height: 40px
}

.rankTableli.special .rankJc_sort,.rankTableli.special>div:nth-child(2),.rankTableli.special>div:nth-child(3) {
    height: 40px;
    line-height: 40px
}

.gifBoxWrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-60%)
}

.gifBox {
    width: 320px;
    position: relative
}

.gifCon {
    margin: 0 auto;
    width: 280px
}

.gifCon_t {
    text-align: center;
    height: 125px;
    background: url(/images/yuce/gifCon_t01.c6e2caa9684433eb24ab.png) no-repeat;
    background-size: 100% 100%
}

.gifCon_t h3 {
    padding-top: 70px;
    font-size: 20px;
    color: #333;
    font-weight: 700;
    margin-bottom: 0
}

.gifCon_t p {
    margin-top: 2px;
    margin-bottom: 0;
    font-size: 12px;
    color: #c29c00
}

.gifCon_b {
    padding-bottom: 30px;
    background: #fff;
    border-radius: 0 0 5px 5px
}

.gifList {
    padding: 40px 10px 0;
    text-align: center
}

.gifList li img {
    width: 70px;
    height: 70px
}

.gifList li p {
    margin-bottom: 0;
    margin-top: 8px
}

.reportBtn {
    display: block;
    margin: 30px auto 0;
    width: 220px;
    height: 40px;
    line-height: 40px;
    background: #d12820;
    border-radius: 5px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.gifBox .clearInputBtn {
    color: #fff;
    top: -10px;
    right: 0;
    z-index: 10
}

.gifCon_t01 {
    height: 105px;
    background-size: 100% auto
}

@keyframes rotateR {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.gifCon_rule {
    height: 95px;
    background: url(/images/yuce/gifCon_rule.345ca2ee716eff06c899.png) no-repeat;
    background-size: cover
}

.gifCon_rule h3 {
    padding-top: 63px
}

.gifCon_b_rule {
    max-height: 280px;
    padding: 20px 15px 30px;
    background: #fff;
    border-radius: 0 0 5px 5px
}

.gifCon_b_rule ul {
    height: 200px;
    overflow: hidden;
    overflow-y: scroll
}

.gifCon_b_rule li {
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 18px;
    color: #333
}

.gifCon_b_rule li em {
    margin-left: -20px;
    margin-right: 8px
}

.gifCon_t_qiandao {
    background: url(/images/yuce/gifCon_t_qiandao.d2340a59c5fad8a04219.png) no-repeat;
    background-size: cover
}

.signBoxJc {
    padding: 20px 30px 25px;
    background: #fff
}

.signBoxJc li {
    float: left;
    width: 59px;
    margin-bottom: 10px;
    margin-right: 20px;
    text-align: center
}

.signBoxJc li:nth-child(3n) {
    margin-right: 0
}

.signBoxJc li p {
    color: #333;
    font-size: 13px;
    margin-bottom: 0;
    height: 25px;
    line-height: 25px
}

.signBoxJc_icon {
    position: relative;
    display: block;
    width: 59px;
    height: 49px;
    background: url(/images/yuce/signBoxJc_icon.31ec44941883caea3a3c.png) no-repeat;
    background-size: 118px 147px
}

.signBoxJc_icon .hasAward {
    width: 30px;
    height: 30px;
    background: url(/images/yuce/has-qiandao.be6b92b3a12d1ec9af64.png) no-repeat;
    background-size: cover;
    right: -12px;
    top: -12px;
    margin-right: 0
}

.signBoxJc_icon em {
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #fff
}

.signBoxJc_icon01 {
    background-position: 0 0
}

.signBoxJc_icon02 {
    background-position: 0 -49px
}

.signBoxJc_icon03 {
    background-position: 0 -98px
}

.signBoxJc li.active .signBoxJc_icon01 {
    background-position: -59px 0
}

.signBoxJc li.active .signBoxJc_icon02 {
    background-position: -59px -49px
}

.signBoxJc li.active .signBoxJc_icon03 {
    background-position: -59px -98px
}

.signBoxJc li.active p {
    color: #e76620;
    font-weight: 700
}

.signBoxJc .reportBtn {
    margin-top: 5px
}

.fixedBarCj {
    padding: 25px 15px
}

.fixedBarCj .myGuessBay {
    padding: 0 40px 0 28px;
    height: 25px;
    line-height: 25px;
    background: hsla(0,0%,100%,.1)
}

.fixedBarCj .myBayIcon {
    width: 25px;
    height: 25px;
    background: url(/images/yuce/myBayIcon_cj.8a76080a55fa13e70e81.png);
    background-size: 25px 50px
}

.fixedBarCj .myBayIcon01 {
    background-position: 0 0
}

.fixedBarCj .myBayIcon02 {
    background-position: 0 -25px
}

.fixedBarCj_r {
    margin-top: 4px
}

.my_caibeiBtn {
    width: 73px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    color: #ccc;
    background: url(/images/yuce/my_caibeiBtn.24f6eeb2be85aebec205.png);
    background-size: 73px 50px
}

.my_caibeiBtn,.rule_caibei {
    display: inline-block;
    vertical-align: top;
    height: 25px
}

.rule_caibei {
    width: 25px;
    margin-left: 3px;
    background: url(/images/yuce/my_caibeiBtn.24f6eeb2be85aebec205.png) 0 -25px;
    background-size: 73px 50px
}

.winningList {
    position: relative;
    z-index: 3;
    width: 320px;
    height: 20px;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    color: #ccc;
    overflow: hidden;
    background: -webkit-linear-gradient(left,rgba(30,87,153,0),rgba(0,0,0,.96) 48%,#050709 50%,rgba(125,185,232,0))
}

.winningList li {
    line-height: 20px
}

.lottery_nub {
    position: relative;
    z-index: 3;
    margin-top: 35px
}

.lottery_nub a {
    opacity: .4;
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    background: #14ba33;
    border-radius: 30px;
    margin-right: 15px
}

.lottery_nub a:last-child {
    margin-right: 0
}

.lottery_nub a.active {
    opacity: 1
}

.winTxt {
    width: 290px;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
    font-size: 15px;
    color: #fff
}

.winImg,.winTxt {
    text-align: center
}

.winImg {
    padding-top: 20px
}

.winImg img {
    height: 90px
}

.choujiang100_t {
    position: relative;
    z-index: 2;
    width: 225px;
    height: 49px;
    margin: 0 auto;
    background: url(/images/yuce/choujiang100_t.8546adf55cfda9fc61af.png);
    background-size: cover
}

.choujiang100_c {
    width: 200px;
    margin: -10px auto;
    padding: 25px 0 20px;
    background: #fff;
    border-radius: 5px
}

.award_list>div {
    width: 33.33%;
    float: left;
    margin-bottom: 10px;
    position: relative;
    text-align: center
}

.award_list>div em {
    position: absolute;
    left: 50%;
    margin-left: 10px;
    top: -6px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background: #ff4700;
    border-radius: 50%
}

.award_list>div p {
    margin-bottom: 0;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    color: #ff4700
}

.getawardBtn {
    display: block;
    text-decoration: none;
    margin: 10px auto 0;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #ff4700;
    border-radius: 5px;
    font-size: 14px;
    color: #fff
}

.addIdCard {
    padding: 15px 10px
}

.addIdCard ul li {
    position: relative;
    margin-right: 20px;
    text-align: center;
    padding: 20px 0;
    border: 1px dashed #ccc
}

.addIdCard ul li:last-child {
    margin-right: 0
}

.addIdCard ul li i {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 35px;
    background: url(/images/yuce/addIdCardIcon.1a0511a852c0380554e0.png);
    background-size: 50px 70px
}

.addIdCard ul li:last-child i {
    background-position: 0 -35px
}

.addIdCard ul li p {
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 13px;
    color: #999
}

.addIdCard ul li img {
    display: none;
    height: 70px;
    margin: 0 auto
}

.addIdCard ul li.active i,.addIdCard ul li.active p,.addIdCard ul li a {
    display: none
}

.addIdCard ul li.active a,.addIdCard ul li.active img {
    display: block
}

.addIdCardTxt {
    font-size: 12px;
    color: #bbb;
    line-height: 25px;
    margin-top: 15px;
    text-align: center
}

.popover-backdrop.active {
    background-color: rgba(0,0,0,.6)
}

.gifBoxWrap_gz {
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    -webkit-transform: none;
    margin-left: -160px;
    margin-top: -173px;
    transform: none
}

.gifBoxWrap_gz.animate {
    opacity: 1;
    visibility: visible
}

.gifBox {
    animation-name: superScaleIn;
    animation-duration: .2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both
}

.actCard_list_bbs .actCard_con p {
    padding-bottom: 0;
    margin-bottom: 15px;
    padding-left: 40px;
    padding-right: 10px
}

.actCard_list_bbs .analyst_icon {
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    transform: translateY(-50%)
}

.redDot {
    position: absolute;
    top: 8px;
    right: 0;
    width: 8px;
    height: 8px;
    background: #ea4747;
    border-radius: 50%
}

.icon_newI {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px
}

.focusPic p {
    text-align: left;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2;
    margin-bottom: 0;
    position: absolute;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 14px;
    padding: 0 55px 0 15px;
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.85))
}

.specialSer_b .scroll-bar-h {
    display: none;
    opacity: 0
}

.specialSer_b .scroll-view {
    margin-top: 0;
    height: 145px
}

.specialSer_b {
    overflow: hidden;
    height: 130px
}

.specialSer_t {
    font-size: 14px;
    font-weight: 700;
    padding: 0 15px;
    height: 45px;
    line-height: 45px
}

.specialSer_b ul {
    white-space: nowrap;
    font-size: 0;
    overflow-x: scroll;
    height: 150px
}

.specialSer_b ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 1px
}

.specialSer_b ul li:last-child {
    margin-right: 0
}

.specialSer_b ul li img {
    width: 110px;
    height: 130px
}

.imgTitleI {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -60px;
    width: 120px;
    height: 40px;
    background: url(/images/yuce/imgTitleI.4629b53a3f0ba7c54b4e.png) no-repeat;
    background-size: 120px 160px
}

.imgTitleI01 {
    background-position: 0 0
}

.imgTitleI02 {
    background-position: 0 -40px
}

.imgTitleI03 {
    background-position: 0 -80px
}

.imgTitleI04 {
    background-position: 0 -120px
}

.top_linelist_tip {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-size: 10px;
    color: #fff
}

.top_linelist_tip.bg_blue {
    background: #00a0e9
}

.top_linelist_tip.bg_orange {
    background: #eb6100
}

.top_linelist_tip.bg_green {
    background: #5dbd6d
}

.icon_20_pl_gary {
    margin-right: 2px;
    margin-top: 2px!important;
    vertical-align: top;
    background: url(/images/yuce/icon_20_pl_gary.9fa799fc7909357814c6.png);
    background-size: cover
}

.top_linelist_txt_b .sunPinglun {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.sunPinglun,.top_linelist_txt_b .sunPinglun {
    padding: 0 6px;
    border-radius: 3px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 11px;
    color: #999
}

.top_linelist ul li.twoCard {
    padding-top: 20px
}

.top_linelist ul li.twoCard .top_linelist_txt_b {
    padding-top: 20px;
    padding-bottom: 5px
}

.colorLump {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -1px;
    width: 12px;
    height: 2px;
    background: #e5b52e
}

.colorLump:before {
    width: 10px;
    background: #f96a3e;
    top: -4px
}

.colorLump:after,.colorLump:before {
    content: "";
    position: absolute;
    height: 2px;
    left: 0
}

.colorLump:after {
    width: 4px;
    background: #77cc6e;
    top: 4px
}

.imgColumn {
    padding: 0 15px 15px;
    background: #fafafa
}

.imgColumn.pt15 {
    padding-top: 15px
}

.imgColumn ul li:first-child {
    margin-right: 10px
}

.imgColumn ul li img {
    width: 100%
}

.interLabel {
    font-size: 0
}

.interLabel span {
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    min-width: 40px;
    font-size: 10px
}

.hit_rateI {
    position: absolute;
    top: 50%;
    right: 15px;
    text-align: right;
    white-space: nowrap;
    transform: translateY(-50%)
}

.hit_rateI span {
    display: block;
    font-size: 14px;
    font-weight: 700
}

.hit_rateI p {
    margin-bottom: 0;
    margin-top: 2px;
    font-size: 12px;
    color: #999
}

.wrapMatch {
    margin: 0 15px
}

.nameJc {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    padding: 0 18px 0 15px
}

.my_jc .userCenterTop .q_personal_info_l {
    margin-top: 0
}

.my_jc .userCenterTop .expert_img {
    border: 1px solid #fff
}

.my_jc .userCenterTop .expert_name {
    font-size: 18px;
    color: #fff;
    font-weight: 400
}

.my_jc .userCenterTop .expert_tx {
    width: 60px;
    height: 60px
}

.my_jc .noticeIcon {
    width: 75px;
    height: 75px
}

.q_hot_tiezi .h-expert-all-list .analyst_icon {
    width: 40px;
    height: 40px
}

.q_hot_tiezi .h-expert-all-list .referee_con {
    margin-left: 50px
}

.q_hot_tiezi .h-expert-all-list .analyst_jj {
    margin-top: 2px
}

.q_hot_tiezi .news_moreBtn {
    top: 4px;
    right: -10px
}

.q_hot_tiezi .news_moreBtn span,.q_hot_tiezi .news_moreBtn span:after,.q_hot_tiezi .news_moreBtn span:before {
    background: #ccc
}

.listCard_tiezi {
    position: relative;
    padding: 0 15px;
    background: #fff;
    margin-bottom: 10px
}

.listCard_tiezi_b {
    padding: 15px 0
}

.listCard_tiezi_b .sunPinglun {
    margin-top: 0!important;
    margin-right: 4px
}

.icon_20_zan_gary {
    margin-right: 2px;
    margin-top: 2px!important;
    vertical-align: top;
    background: url(/images/yuce/icon_20_zan_gary.0c8017fd640e37bf0eac.png);
    background-size: 20px 40px
}

.listCard_tiezi_b .sunPinglun.active {
    color: #eb6100
}

.listCard_tiezi_b .sunPinglun.active .icon_20_zan_gary {
    background-position: 0 -20px
}

.bbs_tip {
    padding-top: 5px;
    font-size: 0
}

.bbs_tip em {
    margin-left: 5px;
    display: inline-block;
    width: 35px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 3px;
    font-size: 10px
}

.bbs_tip em.jinghua {
    background: #fff0d7;
    color: #f39700
}

.bbs_tip em.zhiding {
    background: #def7ff;
    color: #168abf
}

.bbs_tip em.remen {
    background: #ffe9e9;
    color: #ea4747
}

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

.rewardIcon {
    margin-right: 5px;
    width: 20px;
    border-radius: 50%;
    background-image: url(/images/yuce/rewardIcon.01f1d81dd288d2b7606d.png);
    background-size: cover;
    background-color: #ea4747
}

.rewardIcon,.rewardName {
    display: inline-block;
    vertical-align: top;
    height: 20px
}

.rewardName {
    line-height: 20px;
    font-size: 13px;
    color: #bbb
}

.rewardBar:before {
    width: 300%;
    left: -20px
}

.detailAddRecom .tj_ball_icon {
    vertical-align: top;
    margin-top: 10px
}

.top_linelist ul li.twoCard h3 .top_linelist_tip {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-right: 6px
}

.listCard_tiezi .top_linelist_tip {
    left: auto;
    right: 0;
    top: 25px;
    z-index: 2;
    border-radius: 2px 0 0 2px
}

.expertInteI.no_mb .q_view_decod ul li {
    margin-bottom: 0
}

.platform-android .popover-backdrop,.platform-android .popover-backdrop.active {
    background-color: rgba(0,0,0,.6)
}

.input_jc[type=text] {
    width: 60px;
    display: inline-block;
    height: 20px;
    color: #fff;
    background: #08356d;
    margin: 0 5px;
    padding: 0 5px
}

.contentIndex {
    top: 84px
}

.invalid_icon {
    background: url(/images/yuce/invalid_icon.d87c6c973ef9900e055f.png);
    background-size: cover
}

.ecy_bg .scroll {
    background-color: #111930
}

.arrowR_cicle {
    top: 12px;
    right: 15px;
    width: 16px;
    height: 16px;
    background: url(/images/yuce/arrowR_cicle.8dd8f6dfeee108b7970f.png);
    background-size: cover
}

.spBox {
    position: relative;
    display: block;
    width: 120px;
    height: 120px;
    margin: 25px auto 30px;
    padding-top: 30px;
    text-align: center
}

.spBox h4 {
    font-size: 24px;
    font-weight: 700;
    color: #ffda44;
    line-height: 30px;
    margin: 0
}

.spBox p {
    margin-bottom: 0;
    line-height: 24px;
    font-size: 13px;
    color: #aebae2
}

.spBox p span {
    line-height: 20px;
    display: inline-block
}

.spBox .ringState {
    text-decoration: none;
    width: 76px;
    height: 26px;
    line-height: 20px;
    margin-left: -38px;
    bottom: -6px;
    background: #19adf5;
    border: 3px solid #142142
}

.spBox .ringState.activated {
    background: #159ee0
}

.littleSp {
    margin-left: 5px;
    font-size: 13px;
    line-height: 16px
}

.littleSp,.spTip_icon {
    position: absolute;
    top: 0;
    left: 100%
}

.spTip_icon {
    margin-left: 3px;
    width: 20px;
    height: 20px;
    background: url(/images/yuce/spTip_icon.87382cf64baea989c34a.png);
    background-size: cover
}

.historyBtn {
    position: absolute;
    top: 25px;
    right: 15px;
    width: 60px;
    height: 50px;
    text-align: center;
    padding-top: 9px
}

.historyBtn span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #737fa5
}

.historyBtn:before {
    border-color: hsla(0,0%,100%,.1)
}

.ecyPlan {
    margin: 0 10px
}

.ecyPlan_t {
    background: #3e569d;
    border-radius: 3px 3px 0 0
}

.ecyPlan_t .recommend_tab {
    background: none;
    overflow: hidden
}

.ecyPlan_t .recommend_tab a {
    color: #fff;
    font-size: 15px
}

.ecyPlan_t .recommend_tab a.active {
    font-weight: 700;
    color: #ffda44;
    border: none
}

.ecyPlan_t .recommend_tab a.active span {
    border-bottom: 2px solid #ffda44
}

.stageNub {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 60px;
    background: #4a64af;
    border-radius: 50%;
    font-size: 12px;
    line-height: 60px;
    color: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,.1)
}

.ecyPlan_t_c_li {
    padding: 30px 0 20px;
    text-align: center
}

.ecyPlan_t_c_li p {
    margin-bottom: 0;
    font-size: 13px;
    color: #a4b5e6;
    margin-top: 10px
}

.ecyPlan_c_li {
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 5px
}

.ecyPlan_c_li:first-child {
    border-radius: 0 0 3px 3px
}

.ecyPlan_c_li_td {
    padding: 17px 0;
    text-align: center;
    height: 76px
}

.ecyPlan_c_li_td p {
    margin-bottom: 0;
    line-height: 20px
}

.bill {
    font-size: 13px;
    display: inline-block;
    padding: 0 10px;
    color: #fff;
    background: #999;
    border-radius: 20px;
    height: 16px;
    line-height: 16px
}

.ecyPlan_c_li_td:first-child {
    width: 28%
}

.ecyPlan_c_li_td:nth-child(2) {
    width: 26%
}

.ecyPlan_c_li_td:nth-child(3) {
    width: 22%
}

.ecyPlan_c_li_td:nth-child(4) {
    width: 24%;
    text-align: left;
    padding-left: 15px
}

.ecyPlan_c_li_td:first-child p:first-child {
    margin-top: 2px
}

.ecyPlan_c_li_td:nth-child(2) p:first-child,.ecyPlan_c_li_td:nth-child(3) p:first-child {
    margin-bottom: 2px
}

.ecyPlan_c_li_td:nth-child(4) p:first-child {
    margin-top: 12px
}

.ecyPlan_c_li_t {
    position: relative
}

.ecyPlan_c_li_t:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

@media screen and (min-width:320px) and (max-width:340px) {
    .spBtn a {
        font-size: 12px
    }

    .ecyPlan_c_li_t:before {
        right: 10px
    }
}

.ecyPlan_c_li_t_zm {
    line-height: 42px;
    color: #333;
    font-size: 13px
}

.ecyPlan_c_li_t_zm:before {
    display: none
}

.ecyPlan_c_li .hasZambia {
    margin-left: 0;
    padding: 12px 15px;
    background: #eee
}

.ecyPlan_c_li .hasZambia>div {
    border-color: #eee
}

.orderTab {
    width: 42%;
    height: 28px;
    line-height: 28px;
    border-radius: 28px;
    background: #212e52;
    margin: 25px auto 0
}

.orderTabbtn {
    position: relative;
    z-index: 2;
    float: left;
    width: 50%;
    font-size: 13px;
    color: #737fa5;
    text-decoration: none;
    text-align: center
}

.orderTabbtn.active {
    color: #fff;
    font-weight: 700
}

.orderTabbtn_cover {
    width: 50%;
    height: 100%;
    background: #3e569d;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 28px
}

.orderTabbtn_cover.one {
    left: 0
}

.orderTabbtn_cover.two {
    left: 50%
}

.orderTime {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #7887b7
}

.orderTipcard {
    position: relative;
    z-index: 2;
    height: 70px;
    border-radius: 5px;
    padding-top: 15px;
    margin: 0 10px;
    padding-left: 70px
}

.orderTipcard,.orderTipcard.blue,.orderTipcard.grey,.orderTipcard.red {
    background: #263a74
}

.orderTipcardIcon {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.orderTipcard.blue .orderTipcardIcon {
    background-color: #3e6acb
}

.orderTipcard.blue .orderTipcardIcon:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-image: url(/images/yuce/orderTipcardIcon.c2666685ad2f96716b54.png);
    background-repeat: no-repeat;
    background-size: 20px 60px;
    background-position: 0 0
}

.orderTipcard.red .orderTipcardIcon {
    background: #bb3030
}

.orderTipcard.red .orderTipcardIcon:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-image: url(/images/yuce/orderTipcardIcon.c2666685ad2f96716b54.png);
    background-repeat: no-repeat;
    background-size: 20px 60px;
    background-position: 0 -20px
}

.orderTipcard.grey .orderTipcardIcon {
    background: #999
}

.orderTipcard.grey .orderTipcardIcon:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-image: url(/images/yuce/orderTipcardIcon.c2666685ad2f96716b54.png);
    background-repeat: no-repeat;
    background-size: 20px 60px;
    background-position: 0 -40px
}

@media screen and (min-width:320px) and (max-width:340px) {
    .orderTipcard {
        padding-left: 55px
    }

    .orderTipcardIcon {
        left: 9px
    }
}

.orderTipcard h4 {
    margin: 0;
    font-size: 14px;
    color: #fff
}

.orderTipcard h4,.orderTipcard p {
    height: 20px;
    line-height: 20px;
    white-space: nowrap
}

.orderTipcard p {
    font-size: 13px
}

.orderTipcard.blue p {
    color: #8293c5
}

.orderTipcard.red p {
    color: hsla(0,0%,100%,.5)
}

.orderTipcard.grey p {
    color: #aaa
}

.ringBox {
    position: relative;
    width: 245px;
    height: 245px;
    margin: -20px auto 0
}

.ringBox.mt-30 {
    margin-top: -30px
}

.ringSp {
    text-align: center;
    padding-top: 28px;
    position: absolute;
    top: 69px;
    left: 50%;
    margin-left: -52px;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    border: 2px solid #fff
}

.ringSp.red {
    background: #d04242
}

.ringSp.grey {
    background: #999
}

.ringSp p {
    margin: 0;
    height: 20px;
    line-height: 20px;
    color: #fff
}

.ringSp p:first-child {
    margin-bottom: 5px
}

.ringState {
    width: 68px;
    height: 22px;
    line-height: 20px;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    margin-left: -34px;
    bottom: -8px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 11px;
    color: #fff
}

.ringState.green {
    background: #5dbd6d
}

.ringState.grey {
    background: #999
}

.ringStateIcon {
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
    width: 20px;
    height: 22px;
    background: url(/images/yuce/ringStateIcon.87bc617bdeed19fb9524.png) no-repeat;
    background-size: 20px 44px
}

.ringState.green .ringStateIcon {
    background-position: 0 0
}

.ringState.grey .ringStateIcon {
    background-position: 0 -22px
}

.twoSeriesList {
    margin: -15px 10px 0
}

.twoSeriesList_li {
    border-radius: 3px;
    margin-bottom: 5px
}

.twoSeriesList_li .opponent ul li:first-child,.twoSeriesList_li .opponent ul li:last-child {
    width: 35%
}

.twoSeriesList_li .opponent ul li:nth-child(2) {
    width: 30%;
    line-height: 30px;
    text-align: center;
    color: #ccc;
    font-size: 12px
}

.twoSeriesList_li .opponent ul li:last-child .team_name {
    margin-left: 0;
    margin-right: 5px
}

.goonBtn {
    width: 170px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ffda44;
    color: #333;
    font-size: 16px;
    border-radius: 40px;
    margin: -15px auto 45px
}

.orderNodata img {
    width: 23px;
    height: 30px
}

.popupJdk {
    width: 270px;
    margin: 0 auto
}

.popupJdk_close {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    right: 0
}

.popupJdk_t_txt {
    position: absolute;
    width: 100%;
    height: 29px;
    line-height: 29px;
    text-align: center;
    top: 55px;
    left: 0;
    font-size: 15px;
    color: #fff
}

.popupJdk_c {
    background: #fff;
    border-radius: 0 0 6px 6px;
    padding: 15px 0;
    margin-top: -1px
}

.popupJdk_img img {
    width: 107px
}

.redeemCode {
    height: 25px;
    line-height: 25px
}

.redeemCode_l {
    float: left;
    width: 55px;
    text-align: center;
    font-size: 12px;
    color: #999
}

.redeemCode_r {
    position: relative;
    float: left;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    color: #333;
    width: 200px;
    padding-right: 45px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #eee;
    padding-left: 10px
}

.copyCode {
    position: absolute;
    top: 0;
    right: 0;
    background: #ff4700;
    color: #fff;
    text-decoration: none;
    width: 45px;
    height: 22px;
    text-align: center
}

.codeTipTxt {
    font-size: 11px;
    color: #999;
    text-align: center;
    margin-top: 5px
}

.typeFK {
    padding-left: 68px;
    font-size: 14px;
    color: #555;
    height: 35px;
    line-height: 35px
}

.typeFK_l {
    width: 68px;
    left: 0;
    top: 0
}

.selectFK {
    background: #fff;
    padding: 0 0 0 15px;
    border-radius: 3px
}

.selectFK select {
    color: #999;
    height: 34px;
    line-height: 34px;
    width: 100%;
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none
}

.selectFK:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.btnFK {
    padding: 0;
    border-radius: 3px
}

.btnFK a {
    color: #fff
}

.btnFK a.grey {
    background: #8ba5c5;
    pointer-events: none
}

.btnFK a.active {
    background: #134c92;
    pointer-events: auto
}

.btnFK a.activated {
    background: #3f6ca4
}

.slide_caibei {
    top: 44px
}

.detailed_list_caibei ul {
    margin-left: 0
}

.detailed_list_caibei ul li {
    overflow: hidden;
    position: relative;
    border-bottom: 0;
    padding: 10px 15px 10px 18px
}

.detailed_list_r_btn {
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    position: absolute;
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top: 50%;
    right: 15px;
    transform: translateY(-50%)
}

.detailed_list_r_btn.grey {
    color: #999
}

.detailed_list_r_btn.blue {
    background: #3589c9
}

.detailed_list_r_btn.red {
    background: red
}

.detailed_list_c {
    color: #999;
    font-size: 14px;
    line-height: 40px;
    margin-right: 23%;
    white-space: nowrap
}

.newPatch {
    position: absolute;
    left: -20px;
    top: 0;
    width: 60px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: red;
    color: #fff;
    font-size: 10px;
    transform: rotate(-40deg)
}

.detailed_list_l.mr {
    margin-right: 23%
}

@media screen and (min-width:320px) and (max-width:340px) {
    .detailed_list_c,.detailed_list_l.mr {
        margin-right: 18%
    }

    .detailed_list_r_btn {
        right: 10px
    }

    .detailed_list_caibei ul li {
        padding-left: 15px
    }
}

.award_img img {
    height: 27px
}

.detailEcy_title {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    color: #fff
}

.alert200.toast-ios .toast-wrapper {
    max-width: 200px;
    text-align: center
}

.foldBtn {
    text-align: center
}

.foldBtn a {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    padding: 0 35px 0 20px;
    text-decoration: none;
    color: #fff
}

.foldBtn a:before {
    border-color: hsla(0,0%,100%,.4)
}

.foldBtn a:after {
    margin-top: -6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.foldBtn a.active:after,.foldBtn a:after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.foldBtn a.active:after {
    margin-top: -2px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.partInUser {
    padding: 20px 10px 80px 10px
}

.partInUser ul {
    text-align: center;
    font-size: 0
}

.partInUser ul li {
    display: inline-block;
    vertical-align: top;
    width: 12.5%;
    text-align: center;
    margin-bottom: 10px
}

.partInUser ul li img {
    width: 30px;
    border-radius: 50%
}

.listEcy_t {
    padding: 15px 0 12px;
    background: #eee;
    text-align: center
}

.listEcy_t h4 {
    font-size: 15px;
    color: #333;
    margin: 0
}

.listEcy_t p {
    font-size: 13px;
    color: #999;
    margin: 0;
    margin-top: 5px
}

.popupTxt {
    width: 270px;
    text-align: center;
    padding: 20px;
    background: #fff
}

.popupTxt_sp {
    background: url(/images/yuce/popupSp_bg.61071e18d54fe5308537.png) no-repeat top;
    background-size: 280px 60px;
    background-color: #fff
}

.popupSp {
    height: 90px;
    text-align: center
}

.popupSp_ciecle {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    box-shadow: 0 7px 10px rgba(0,0,0,.15);
    color: #fff;
    font-size: 11px;
    border-radius: 50%
}

.popupSp_ciecle.be_red {
    background: #ea4747
}

.popupSp_ciecle.grey {
    background: #999
}

.popupSp_ciecle .ringState {
    transform: scale(.9)
}

.nowrap {
    white-space: nowrap
}

.actCard_list .item-complex .item-content {
    padding: 0;
    background: none
}

.actCard_list.pd0 {
    padding: 0
}

.actCard_list .item {
    border-width: 0;
    background: none
}

.actCard_list .button {
    width: 60px;
    white-space: normal;
    line-height: 24px
}

.bar_top_tab_tz {
    width: 42%;
    height: 28px;
    line-height: 28px;
    margin: 8px auto;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #5970b3
}

.bar_top_tab_tz a {
    float: left;
    width: 50%;
    font-size: 15px;
    line-height: 26px;
    color: #aab9e6!important;
    text-align: center;
    text-decoration: none
}

.bar_top_tab_tz a.active {
    background: #5970b3;
    color: #fff!important;
    font-weight: 700
}

.hasBuyNub {
    position: absolute;
    right: 0;
    top: 4px;
    min-width: 15px;
    height: 15px;
    padding: 0 3px;
    line-height: 13px;
    text-align: center;
    font-size: 10px;
    background: #ea4747;
    border-radius: 50%;
    color: #fff;
    border: 1px solid #fff
}

.recommend_tab.bg_3e569d {
    background: #3e569d;
    box-shadow: 0 3px 3px rgba(0,0,0,.2)
}

.recommend_tab.bg_3e569d a {
    color: #aab9e6
}

.recommend_tab.bg_3e569d a.active {
    color: #ffda44;
    font-weight: 700
}

.recommend_tab.bg_3e569d.no_shadow {
    box-shadow: none
}

.quickeague {
    height: 40px;
    line-height: 40px;
    background: #fff;
    overflow: hidden
}

.quickeagueList {
    margin-left: 16%;
    margin-right: 40px
}

.quickeagueList ul {
    position: relative;
    height: 60px;
    margin: 0 2px;
    padding: 0 10px;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.quickeagueList ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    font-size: 13px;
    color: #666
}

.quickeagueList ul li.active {
    color: #333;
    font-weight: 700
}

.quickeague_l {
    position: absolute;
    width: 16%;
    height: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    color: #666
}

.quickeague_l.active {
    color: #333;
    font-weight: 700
}

.quickeagueBtn,.quickeagueBtn_close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    background: url(/images/yuce/quickeagueBtn.17e45a285d9a65b87ccd.png) no-repeat;
    background-size: cover
}

.quickeagueBtn_close {
    background: none;
    text-decoration: none;
    font-size: 25px;
    text-align: center;
    line-height: 35px;
    color: #999
}

.quickeagueBtn.activated,.quickeagueBtn_close.activated {
    background-color: #eee
}

.timeBet {
    background: #fff;
    color: #666
}

.title_score span {
    margin: 0 3px
}

.timeBet:before {
    display: none
}

.timeBet:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.timeBet.active:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: -2px
}

.betList_li {
    margin-bottom: 5px;
    box-shadow: 0 1px 5px rgba(0,0,0,.1)
}

.betList_li_t {
    height: 35px;
    line-height: 35px;
    padding: 0 15px 0 10px;
    background: #f5f5f5;
    color: #999
}

.betList_li_t,.betList_li_t>div:first-child {
    font-size: 11px
}

.betList_li_t>div:last-child {
    font-size: 10px
}

.betList_li_t>div:first-child span {
    margin-right: 5px
}

.betList_li_t>div:last-child span {
    margin: 0 4px
}

.betList_li_team {
    position: relative;
    height: 45px;
    background: #fff
}

.readGlass {
    width: 45px;
    height: 45px;
    background: url(/images/yuce/readGlass.4873ae7b3e498ef27d20.png) no-repeat 0 0;
    background-size: 45px 90px
}

.readGlass,.readGlass.tz {
    display: block;
    margin: 0 auto
}

.readGlass.tz {
    background: #f5f5f5;
    position: relative;
    top: 13px;
    border-radius: 10px;
    text-decoration: none;
    width: 55px;
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
    font-size: 10px;
    color: #5383ec
}

.readGlass.tz.active {
    color: #333
}

.readGlass.tz.active:before,.readGlass.tz:before {
    border-width: 0
}

.readGlass.tz:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.readGlass.tz.active:after {
    margin-top: -2px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg)
}

.betList_li_team_l,.betList_li_team_r {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.betList_li_team_l {
    right: 50%;
    margin-right: 12%
}

.betList_li_team_r {
    left: 50%;
    margin-left: 12%
}

.betList_li_team_l img,.betList_li_team_r img {
    width: 20px;
    height: 20px
}

.historyMatch {
    background: #f5f5f5;
    position: relative
}

.historyMatch ul li {
    position: relative;
    float: left;
    width: 50%;
    height: 100px;
    padding-top: 40px;
    font-size: 12px;
    color: #999
}

.historyMatch ul li p {
    margin-bottom: 10px;
    white-space: nowrap
}

.historyMatch_c {
    position: absolute;
    top: 40px
}

.historyMatch_t {
    z-index: 2;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #333;
    background: #f5f5f5;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 10px;
    left: 0
}

.historyMatch_c1 {
    right: 15%
}

.historyMatch_c2 {
    left: 15%
}

.betTable_l {
    width: 30px
}

.betTable_c {
    margin: 0 50px 0 30px
}

.betTable_r {
    width: 50px
}

.betTable_c_td {
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 14px
}

.betTable_c_td.active {
    background: #ea4747
}

.betTable_c_td.active em,.betTable_c_td.active span {
    color: #fff
}

.betTable_c_td em {
    font-size: 12px
}

.c_67a9c6 {
    color: #67a9c6
}

.betTable_l {
    top: 0;
    left: 0
}

.betTable_l_tr {
    height: 35px;
    padding-top: 5px
}

.betTable_l_tr.bg_f5 {
    background: #f5f5f5
}

.betTable_l_td {
    display: block;
    margin: 0 auto;
    width: 18px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 3px;
    background: #999;
    color: #fff;
    font-size: 10px
}

.betTable_l_td.bg_green {
    background: #5dbd6d
}

.betTable_l_td.bg_pink {
    background: #ec9b9b
}

.betTable_r {
    top: 0;
    right: 0
}

.betMoreSelect {
    display: block;
    width: 50px;
    height: 70px;
    padding: 0 10px;
    text-decoration: none;
    font-size: 13px;
    text-align: center;
    line-height: 18px;
    color: #5383ec;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center
}

.betMoreSelect.activated {
    background: #f5f5f5
}

.betMoreSelect.orange {
    color: #eb6100
}

.betBottomBar {
    z-index: 1000;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.betBottomTip_txt .spTip_icon {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-right: 2px
}

.betBottomTip_txt {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #999;
    background: #fff
}

.betBar {
    height: 50px;
    background: #333;
    position: relative;
    z-index: 10
}

.betBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 50px;
    line-height: 50px;
    background: #eb6100;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff
}

.betBtn.activated {
    background: #d85a01
}

.betBtn110 {
    width: 110px;
    line-height: 32px
}

.betBtn110 span {
    position: absolute;
    top: 23px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    left: 0;
    white-space: nowrap;
    font-size: 10px
}

.betBotBtn {
    position: absolute;
    top: 8px;
    text-decoration: none;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    background: #444;
    border-radius: 5px
}

.betClearBtn {
    left: 10px
}

.betAddBtn {
    right: 110px
}

.betBotBtn.activated {
    background: #555
}

.popupAllPlay {
    z-index: 1003;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 494px;
    background: #eee;
    transform: translateY(100%)
}

.popupAllPlay.animate {
    transform: none
}

.popupScroll {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.popupAllPlay_t>div {
    float: left;
    width: 50%;
    text-align: center;
    padding: 15px 0
}

.popupAllPlay_t>div:first-child {
    border-top: 2px solid #ff4431
}

.popupAllPlay_t>div:last-child {
    border-top: 2px solid #3e569d
}

.popupAllPlay_t img {
    width: 20px;
    height: 20px
}

.popupAllPlay_c {
    padding: 15px 15px 20px;
    background: #eee
}

.popupSelectBox {
    padding-left: 15px;
    position: relative;
    margin-bottom: 10px
}

.popupSelect_td1 {
    height: 30px;
    line-height: 30px;
    float: left;
    width: 33.33%;
    padding: 0 10px
}

.popupSelect_td1.active {
    background: #ea4747
}

.popupSelect_td1.active em,.popupSelect_td1.active span {
    color: #fff
}

.popupSelect_td1.grey {
    background: #f5f5f5
}

.popupSelect_td1.grey em,.popupSelect_td1.grey span {
    color: #999
}

.popupSelectBox_l1,.popupSelectBox_l2,.popupSelectBox_l3,.popupSelectBox_l4 {
    width: 15px;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 10px;
    text-align: center
}

.popupSelectBox_l3 {
    padding: 10px 0;
    height: 60px;
    line-height: 13px;
    background: #e1a53b
}

.popupSelectBox_l4 {
    padding: 25px 0;
    height: 90px;
    line-height: 13px;
    background: #e1a53b
}

.letBall {
    height: 30px;
    line-height: 30px;
    background: #999;
    color: #fff;
    font-size: 10px;
    text-align: center
}

.letBall.bg_green {
    background: #5dbd6d
}

.letBall.bg_pink {
    background: #ec9b9b
}

.letBall.bg_f5 {
    background: #f5f5f5
}

.popupSelect_td2,.popupSelect_td3,.popupSelect_td4 {
    text-decoration: none;
    float: left;
    width: 14.28%;
    height: 35px;
    padding-top: 4px;
    text-align: center
}

.popupSelect_td2 em,.popupSelect_td2 span,.popupSelect_td3 em,.popupSelect_td3 span {
    display: block;
    line-height: 14px
}

.popupSelect_td3 {
    width: 28.6%
}

.popupSelect_td4 {
    width: 42.88%
}

.popupSelect_td2.active,.popupSelect_td3.active,.popupSelect_td4.active {
    background: #ea4747
}

.popupSelect_td2.active em,.popupSelect_td2.active span,.popupSelect_td3.active em,.popupSelect_td3.active span,.popupSelect_td4.active em,.popupSelect_td4.active span {
    color: #fff
}

.popupSelectBox_l2>div {
    width: 15px;
    height: 70px;
    line-height: 70px;
    font-size: 10px;
    color: #fff;
    text-align: center
}

.popupSelectBox_l2>div:first-child {
    background: #ff907a
}

.popupSelectBox_l2>div:nth-child(2) {
    height: 35px;
    line-height: 35px;
    background: #8cc84b
}

.popupSelectBox_l2>div:nth-child(3) {
    background: #7ac2f4
}

.popupSelect_tr_zjq .popupSelect_td1 {
    width: 25%
}

.popupSelect_tr:first-child:before {
    content: " "!important;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid #e5e5e5;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: transparent;
    z-index: 1
}

.popupSelect_tr.grey .popupSelect_td1 {
    background: #eee
}

.popupSelect_tr.grey .popupSelect_td1 em,.popupSelect_tr.grey .popupSelect_td1 span {
    color: #999
}

.betTable_c_tr.grey .betTable_c_td {
    background: #f5f5f5
}

.betTable_c_tr.grey .betTable_c_td em,.betTable_c_tr.grey .betTable_c_td span {
    color: #999
}

.betTable_c_td_spe {
    height: 35px;
    line-height: 35px;
    text-indent: -15px
}

.betTable_c_td_spe,.popupSelect_td_spe {
    width: 100%;
    text-decoration: none;
    color: #999;
    text-align: center;
    font-size: 12px;
    background: #f5f5f5
}

.popupSelect_td_spe {
    display: block;
    height: 30px;
    text-indent: -8px;
    line-height: 30px
}

.popupAllPlay_b {
    padding: 0 15px 15px
}

.popupAllPlay_b_l,.popupAllPlay_b_r {
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    text-decoration: none
}

.popupAllPlay_b_l {
    width: 32%;
    background: #ddd;
    color: #333
}

.popupAllPlay_b_r {
    width: 63%;
    background: #eb6100;
    color: #fff
}

.popupAllPlay_b_l.activated {
    background: #ccc
}

.popupAllPlay_b_r.activated {
    background: #e05d01
}

.select_match_bet .select_match_live_btn a {
    position: relative;
    height: 30px;
    line-height: 30px;
    background: #fff
}

.select_match_bet .select_match_live_btn a.active {
    background: #405c7b;
    color: #fff
}

.select_match_bet .select_match_live_btn a.active span {
    color: #829bb5
}

.select_match_bet {
    top: 152px
}

.select_match_bet.animate {
    top: 122px
}

.iphoneTop .select_match_bet.animate {
    top: 142px
}

.select_match_bet .select_match_live_btn a:before {
    content: " "!important;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: transparent;
    z-index: 1
}

.select_match_bet .select_match_live_btn a.active:before {
    display: none
}

.select_match_live_btn_pl a {
    width: 31.33%
}

.v2_select_btn_bet span {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #333;
    padding: 0 10px 0 14px
}

.betlinkBtn {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 38px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 15px;
    color: #5383ec
}

.betTable_c_lq {
    margin-right: 50px
}

.betTable_c_lq_td1 {
    width: 22%;
    background: #eef5fb
}

.betTable_c_lq_td1,.betTable_c_lq_td_spe,.betTable_c_lq_td_spe1 {
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    color: #999
}

.betTable_c_lq_td_spe,.betTable_c_lq_td_spe1 {
    width: 100%;
    background: #f5f5f5
}

.betTable_c_lq_td_spe1 {
    height: 55px;
    line-height: 55px
}

.betTable_c_lq_tr a {
    float: left;
    text-decoration: none
}

.betTable_c_lq_td2 {
    width: 39%;
    height: 35px;
    line-height: 35px;
    padding: 0 10px
}

.betTable_c_lq_td2 a {
    font-size: 14px
}

.betTable_c_lq_td3 {
    width: 22%;
    height: 55px;
    padding-top: 8px;
    background: #eef5fb;
    text-align: center
}

.betTable_c_lq_td3 span {
    display: block;
    line-height: 20px;
    font-size: 12px
}

.betTable_c_lq_td4 {
    width: 39%;
    height: 55px;
    line-height: 55px;
    padding: 0 10px
}

.betMoreSelect_lq {
    height: 145px
}

.betTable_c_lq_td2.active,.betTable_c_lq_td4.active {
    background: #ea4747
}

.betTable_c_lq_td2.active em,.betTable_c_lq_td2.active span,.betTable_c_lq_td4.active em,.betTable_c_lq_td4.active span {
    color: #fff
}

.popupSelectBox_lq .betTable_c_lq {
    margin-right: 0
}

.popupSelectBox_lq .betTable_c_lq_td1,.popupSelectBox_lq .betTable_c_lq_td3 {
    background: #fff
}

.popupSelectBox_lq .betTable_c_lq_tr {
    margin-bottom: 10px;
    background: #fff
}

.dif_slide_select_bet a.active {
    background: #ea4747
}

.dif_tuijian .dif_slide_select_bet a.active em,.dif_tuijian .dif_slide_select_bet a.active span,.popupAllPlay_c .dif_slide_select_bet a.active em,.popupAllPlay_c .dif_slide_select_bet a.active span {
    color: #fff
}

.dif_slide_select_bet a span {
    font-size: 14px;
    color: #333
}

.dif_slide_select_bet a em {
    font-size: 12px;
    color: #67a9c6
}

.topTzl {
    background: #3e569d
}

.addTouzhu {
    display: block;
    text-decoration: none;
    margin: 15px 15px 0;
    border-radius: 3px;
    background: #334b90;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center
}

.addTouzhu span {
    display: inline-block;
    width: 30px;
    height: 14px;
    vertical-align: middle;
    line-height: 7px;
    font-size: 24px;
    text-align: center
}

.betBasket_li {
    margin-bottom: 10px
}

.betBasket_li_t {
    position: relative;
    padding-left: 45px
}

.betBasket_li_t .profile_user {
    width: 25px;
    height: 25px
}

.betBasket_li_t .profile_txt {
    padding: 8px 15px 8px 0
}

.betBasketCheck {
    position: absolute;
    z-index: 2;
    width: 45px;
    height: 40px;
    top: 50%;
    left: 0;
    background: url(/images/yuce/betBasketCheck.a05724800169dfff8092.png) 0 0 no-repeat;
    background-size: 45px 80px;
    transform: translateY(-50%)
}

.betBasketCheck.active {
    background-position: 0 -40px
}

.betBasket_li_c {
    position: relative
}

.betBasket_li_c .betList_li_team {
    background: #f5f5f5;
    height: 60px
}

.betBasket_li_c_c {
    width: 36%;
    margin: 0 auto;
    padding: 13px 0;
    text-align: center
}

.betBasket_li_c_c.lh32 {
    line-height: 32px
}

.betBasket_li_c_c>div {
    line-height: 18px
}

.betBasket_li_c .betList_li_team_l {
    margin-right: 18%
}

.betBasket_li_c .betList_li_team_r {
    margin-left: 18%
}

.betBasket_li_b {
    padding: 10px 0 5px 45px;
    position: relative;
    background: #fff
}

.betBasket_li_b_td1,.betBasket_li_b_td1_lq,.betBasket_li_b_td2,.betBasket_li_b_td2_lq,.betBasket_li_b_td3 {
    float: left;
    height: 30px;
    line-height: 30px;
    border-radius: 3px
}

.betBasket_li_b_td1,.betBasket_li_b_td1_lq {
    width: 14%;
    font-size: 12px;
    color: #999
}

.betBasket_li_b_td2,.betBasket_li_b_td2_lq {
    width: 25%;
    font-size: 13px;
    padding: 0 6px;
    margin-right: 2%
}

.betBasket_li_b_td2_lq {
    width: 38%
}

.betBasket_li_b_td2.active {
    background: #fff4ec
}

.betBasket_li_b_td2.active em,.betBasket_li_b_td2.active span {
    color: #eb6100
}

.betBasket_li_b_td2.active:before {
    border-color: #ffddc5
}

.betBasket_li_b_td2_lq.active {
    background: #fff4ec
}

.betBasket_li_b_td2_lq.active em,.betBasket_li_b_td2_lq.active span {
    color: #eb6100
}

.betBasket_li_b_td2_lq.active:before {
    border-color: #ffddc5
}

.betBasket_li_b:before {
    content: " "!important;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #eee;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: transparent;
    z-index: 1
}

.betBasket_li_b_td2_lq.grey {
    background: #eee
}

.betBasket_li_b_td2_lq.grey em,.betBasket_li_b_td2_lq.grey span {
    color: #999
}

.betBasket_li_b_td2_lq.grey:before {
    display: none
}

.betBasket_li_b_td2.grey {
    background: #eee
}

.betBasket_li_b_td2.grey em,.betBasket_li_b_td2.grey span {
    color: #999
}

.betBasket_li_b_td2.grey:before {
    display: none
}

.betBasket_li_b_li .item-content {
    padding: 0
}

.betBasket_li_b_li .list-ios {
    margin: 0
}

.betBasket_li_b_li .item {
    border-width: 0;
    margin: 0
}

.betBasket_li_b_li .list {
    padding-top: 0
}

.betBasket_li_b_li .label-ios {
    margin: 0
}

.betBasket_li_b_li .button {
    width: 40px;
    white-space: normal;
    font-size: 13px;
    line-height: 20px
}

.betBasket_li_b_li .button-ios {
    background-color: #ef473a
}

.betBasket_li_b_li .list-ios>.item-wrapper:last-child .item-block {
    border-bottom: 0
}

.hasEnd .betBasket_li_t {
    padding-left: 15px
}

.hasEnd .betBasket_li_b {
    padding-left: 15px;
    padding-bottom: 10px
}

.betBasket_li_c .correct_icon,.betBasket_li_c .wait_icon,.betBasket_li_c .wrong_icon {
    right: 10%;
    top: 40px
}

.betBasket_li_b_td1 em,.betBasket_li_b_td1_lq span {
    display: block;
    height: 15px;
    line-height: 15px
}

.betBasket_li_b_td1_lq {
    width: 18%
}

.betBasket_li_b.lq {
    padding-bottom: 0
}

.betBasket_li_b_tr.lq {
    position: relative;
    top: -5px
}

.betBasket_li_b_tr.mb10 {
    margin-bottom: 10px
}

.betBasket_li_b>div:last-child .betBasket_li_b_tr.mb10 {
    margin-bottom: 0
}

.betBar.bianji {
    background: #fff
}

.betBar.bg_999 {
    background: #999;
    line-height: 50px;
    text-align: center;
    color: #fff
}

.betBar.bg_999 .bianji_l span {
    color: #fff
}

.betBar.bg_fff {
    background: #fff
}

.bianji_l {
    position: absolute;
    top: 0;
    left: 35px;
    height: 50px;
    line-height: 50px
}

.bianji_l span {
    display: inline-block;
    padding: 0 10px;
    color: #333;
    font-size: 14px
}

.bianji_l .betBasketCheck {
    left: -30px
}

.betBar.bianji .betBtn {
    background: #ea4747
}

.no_betToLink {
    white-space: nowrap
}

.no_betToLink li {
    display: inline-block;
    padding: 30px 0 18px;
    width: 120px;
    margin: 0 20px;
    border: 1px solid #5267a7;
    border-radius: 10px
}

.betTopbarBtn {
    position: absolute;
    top: 10px;
    right: 15px;
    height: 24px;
    line-height: 22px;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    background: #657aba;
    padding: 0 8px
}

.betTopbarBtn.activated {
    background: #586dad
}

.betOrderList_li {
    background: #fff;
    margin-bottom: 5px
}

.betOrderList_li_t {
    white-space: nowrap;
    height: 45px;
    line-height: 45px;
    padding-left: 15px
}

@media screen and (min-width:320px) and (max-width:340px) {
    .betOrderList_li_t span:first-child {
        margin-right: 10px
    }
}

.betOrderList_li_t .quickeagueBtn_close {
    width: 45px;
    height: 45px;
    line-height: 40px
}

.betOrderList_li_t:before {
    left: 15px
}

.betOrderList_li_c {
    padding: 15px;
    position: relative
}

.orderResult {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    border-left: 3px solid #eee;
    padding-left: 70px;
    padding-right: 50px;
    padding-bottom: 5px
}

.orderResult:last-child {
    padding-bottom: 0
}

.orderResult_l {
    float: left;
    margin-left: -60px
}

.modifyBtn {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 40px;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    background: #ffeee2;
    color: #eb6100;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    transform: translateY(-50%)
}

.modifyBtn.activated {
    background: #f7e0d0
}

.forecastTxt {
    padding: 8px 0 0 20px
}

.forecastTxt>div {
    line-height: 18px
}

.betBottomTab {
    display: table;
    width: 100%;
    table-layout: fixed
}

.betBottomTab a {
    position: relative;
    display: table-cell;
    height: 45px;
    line-height: 45px;
    background: #fff;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    text-align: center
}

.betBottomTab a:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -7px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.betBottomTab a.active {
    background: #f1f4f8
}

.betBottomTab a.active:after {
    margin-top: -3px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg)
}

.betBottomTab a.active:before {
    border-width: 0
}

.betBottomTabCon,.betBottomTabCon .v2_select_match {
    background: #f1f4f8;
    margin-top: -1px
}

.planBuyBox {
    box-shadow: none;
    pointer-events: none
}

.planBuyBox .betBar,.planBuyBox .betBottomTabCon {
    pointer-events: auto
}

.planBuyBox .betBottomTabCon {
    transform: translateY(100%)
}

.planBuyBox .betBottomTabCon.animate {
    transform: none
}

.keyboardBox a {
    float: left;
    width: 33.33%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #033333;
    font-weight: 700;
    text-align: center;
    text-decoration: none
}

.keyboardBox a.activated {
    background: #d9e1ec
}

.fallBackBtn {
    display: inline-block;
    width: 22px;
    height: 14px;
    background: url(/images/yuce/fallBackBtn.ea8dbb68629e0840d7a9.png);
    background-size: cover
}

.popupFaci {
    position: absolute;
    z-index: 9999;
    width: 100%;
    left: 0;
    bottom: 0;
    overflow: hidden
}

.popupFaci .newPatch {
    left: auto;
    top: 5px;
    right: -15px;
    background: #32c622;
    transform: rotate(45deg)
}

.faciInfoBox {
    padding: 0 10px 10px
}

.faciInfo {
    position: relative;
    margin-bottom: 10px;
    padding: 15px 40px 15px 75px;
    border-radius: 5px
}

.faciInfo_t {
    font-size: 15px;
    color: #333;
    margin-bottom: 5px
}

.faciInfo_c {
    font-size: 12px;
    color: #999;
    line-height: 16px;
    margin-bottom: 5px
}

.faciInfo_b {
    font-size: 12px;
    color: #ea4747
}

.faci_logo {
    position: absolute;
    width: 45px;
    height: 45px;
    left: 15px;
    top: 15px
}

.faciInfo .betBasketCheck {
    left: auto;
    right: 0;
    background: url(/images/yuce/betBasketCheck01.85b6fef0410d1977affc.png) 0 0 no-repeat;
    background-size: 45px 80px
}

.faciInfo.active .betBasketCheck {
    background-position: 0 -40px
}

.faciInfo.active:before {
    border-color: #14ba33;
    border-width: 3px
}

.popupFaci .agree_icon {
    transform: scale(.8);
    margin-top: -2px;
    margin-right: 2px
}

.popupFaci .news_moreBtn {
    position: static;
    margin: 0 auto;
    height: 30px
}

.popupFaci .news_moreBtn span,.popupFaci .news_moreBtn span:after,.popupFaci .news_moreBtn span:before {
    background-color: #ccc
}

.popupFaci .news_moreBtn span:before {
    left: -10px
}

.popupFaci .news_moreBtn span:after {
    left: 10px
}

.popupFaci {
    transform: translateY(100%)
}

.popupFaci.animate {
    transform: none
}

.yzm_bet {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    font-size: 13px;
    color: #5383ec;
    text-align: center;
    text-decoration: none
}

.betPayTop {
    padding: 15px 0 20px;
    background: #3e569d;
    text-align: center
}

.betPayTop img {
    width: 65px
}

.betPayTop .thirdLink {
    top: 2px;
    background: #5dbd6d
}

.list_box_bet ul {
    margin-left: 0
}

.list_box_bet ul li {
    padding-left: 15px
}

.list_box_bet .list_box_li_l {
    font-size: 14px
}

.faciName {
    height: 44px;
    line-height: 44px;
    font-size: 17px;
    font-weight: 700
}

.faciName,.facisup {
    text-align: center;
    color: #fff
}

.facisup {
    font-size: 12px;
    opacity: .5;
    line-height: 10px
}

.faciImg {
    display: inline-block;
    width: 65px;
    height: 65px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-top: 23px
}

.faciImg img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.walletBox {
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 3px;
    overflow: hidden
}

.walletBox .my_list {
    height: 40px;
    line-height: 40px;
    padding: 0 5px
}

.walletBox .user_list_wrap01>ul {
    margin-left: 0
}

.walletBox .my_list_l span {
    font-size: 14px;
    margin-left: 0
}

.walletBox .my_profit_sum {
    padding: 15px
}

.walletBox .user_list_wrap01 .my_list {
    margin-left: 0
}

.walletBox .my_list .my_list_l {
    text-align: left
}

.icon_tzjl {
    background: url(/images/yuce/icon_tzjl.dc073aaf95a102c0395f.png);
    background-size: cover
}

.icon_kfdh1 {
    background: url(/images/yuce/icon_kfdh1.eba38665e2ee2ac946fb.png);
    background-size: cover
}

.my_profit_sum_bet {
    padding: 0
}

.my_profit_sum_bet li {
    padding: 15px 0
}

.listEcy .release_dg .match_state {
    line-height: 10px
}

.listEcy .centerState:before {
    display: none
}

.listEcy .centerState.bg_green {
    background: #14ba33
}

.listEcy .centerState.bg_red {
    background: #ea4747
}

.tipzk {
    position: absolute;
    top: 0;
    height: 19px;
    line-height: 19px;
    font-size: 11px;
    color: #bbb
}

.tipzk_z {
    right: 100%;
    margin-right: 4px
}

.tipzk_k {
    left: 100%;
    margin-left: 4px
}

.listEcy .forecast_btn.active p span {
    color: #333
}

.oddsChange {
    margin-top: -10px;
    padding-top: 0;
    padding-bottom: 0!important
}

.oddsChange .goal_nub {
    top: 0;
    overflow: visible;
    white-space: nowrap;
    color: #999
}

.listEcy .oddsChange .goal_nub {
    color: #999
}

.bboxshadow {
    box-shadow: 0 0 10px rgba(0,0,0,.15)
}

.gradient_details {
    background-image: none;
    background: #3e569d
}

.v2_tuijian .referee {
    min-height: 88px;
    padding-bottom: 10px
}

.v2_tuijian .analyst_jj p {
    color: hsla(0,0%,100%,.5)
}

.gradient_details .referee_con {
    margin-top: -5px
}

.hitrate_details {
    padding: 15px 10px;
    background: none
}

.hitrate_details ul li h4 {
    margin-top: 0;
    font-size: 15px;
    color: #ffda44
}

.hitrate_details ul li p {
    color: hsla(0,0%,100%,.5);
    margin-bottom: 0
}

.bg_3e569d {
    background: #3e569d
}

.recomMbox {
    background: #233055;
    padding-bottom: 4px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 5px 5px 0 0
}

.recomMbox .title_h22 {
    font-size: 13px;
    color: hsla(0,0%,100%,.5);
    overflow: hidden
}

.recomMbox .listEcy {
    margin: 0;
    border-radius: 0;
    overflow: visible
}

.recomMbox .release_tj dd {
    background: none
}

.recomMbox .listEcy .release_dg .match_state {
    padding: 0
}

.listEcy .goal_nub,.recomMbox .release_dg .ranks_logo p,.recomMbox .release_tj .ranks_logo p {
    color: #fff
}

.listEcy .goal_nub.cfff_opcity50 {
    color: hsla(0,0%,100%,.5)
}

.listEcy .goal_nub.l10 {
    left: 10px
}

.listEcy .goal_nub.bg_485375 {
    background: #485375;
    color: #fff
}

.listEcy .goal_nub.cbbb {
    color: #bbb
}

.listEcy .goal_nub.bg_999 {
    background: #999;
    color: #fff
}

.Identifier {
    padding: 0;
    width: 32px;
    text-align: center;
    right: 50%;
    margin-right: -16px;
    top: -7px
}

.recomMbox .match_opponent {
    padding-bottom: 14px
}

.recomMbox .match_opponent.pb10 {
    padding-bottom: 10px
}

.reendTime {
    margin-right: 25px;
    font-size: 12px;
    color: hsla(0,0%,100%,.2)
}

.title_h22 .newPatch {
    right: -24px;
    top: 8px;
    width: 90px;
    left: auto;
    background: #ea4747;
    transform: rotate(40deg)
}

.adImg img {
    border-radius: 3px
}

.messageBtn {
    padding-right: 5px
}

.recomMbox .listEcy .correct_icon,.recomMbox .listEcy .wait_icon,.recomMbox .listEcy .wrong_icon {
    top: -22px;
    z-index: 3
}

.lock_bg {
    margin-top: 10px
}

.listEcy .release_dg .match_forecast.pb10 {
    padding-bottom: 10px
}

.listEcy .release_dg .match_forecast.ml0 {
    margin-left: 0
}

.cfff_opcity50 {
    color: hsla(0,0%,100%,.5)
}

.recomMbox .listEcy .scoreTxt {
    color: #ea4747
}

.recomMbox .listEcy .scoreTxt.yellow {
    color: #ffda44;
    font-size: 18px;
    font-weight: 700;
    height: 22px
}

.pankou_dxf {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.pankou_dxf>div:first-child {
    height: 20px;
    line-height: 12px;
    font-size: 11px;
    color: hsla(0,0%,100%,.2)
}

.pankou_dxf>div:last-child {
    line-height: 12px;
    font-size: 13px;
    color: hsla(0,0%,100%,.5)
}

.listEcy .dif_winner {
    width: 20px;
    left: -20px;
    padding: 14px 3px
}

.listEcy .dif_slide_con {
    padding-left: 20px
}

.listEcy .dif_slide_select a span {
    color: #fff
}

.listEcy .dif_slide_select a em {
    color: #67a9c6
}

.listEcy .dif_slide_con {
    background: none
}

.dif_slide_select a.active em,.dif_slide_select a.active span {
    color: #333
}

.v2_lock .lock_img.blue {
    color: #5383ec
}

.betBar_jd {
    background: #212838
}

.betBar_jd li {
    padding: 13px 0;
    line-height: 14px;
    font-size: 12px;
    color: #eb6100
}

.betBar_jd li:before {
    top: 13px;
    height: 26px
}

.betBar_jd li:active {
    background: #191e29
}

.betBar_jd .betBtn {
    width: 70px
}

.betBar_jd .betBotBtn,.betBar_jd .betBtn {
    position: static;
    float: right;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    font-size: 12px
}

.betBar_jd .betBotBtn {
    margin-right: 10px;
    background: #56617a
}

.betBar_jd .betBotBtn.activated {
    background: #4f5b75
}

@media screen and (min-width:320px) and (max-width:340px) {
    .betBar_jd {
        padding: 12px 7px
    }

    .betBar_jd .betBtn {
        width: 50px
    }

    .betBar_jd .betBotBtn {
        margin-right: 5px;
        padding: 0 3px
    }
}

.canBetCover {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #ea4747;
    pointer-events: none
}

.canBetCoverTip {
    position: absolute;
    top: 0;
    left: -23px;
    padding: 0 12px 0 30px;
    height: 20px;
    line-height: 20px;
    background: #ea4747;
    color: #fff;
    font-size: 10px;
    text-align: center;
    border-radius: 0 0 5px 0;
    transform: skewX(-30deg)
}

.canBetCoverTip em {
    display: inline-block;
    transform: skewX(30deg)
}

.betBar_jz {
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #3a4356;
    color: #8c96aa;
    font-size: 12px
}

.goTopBottom {
    position: absolute;
    right: 0;
    top: 60%;
    width: 30px;
    height: 80px;
    background: #333;
    border-radius: 5px 0 0 5px;
    box-shadow: -1px 1px 3px rgba(0,0,0,.35)
}

.goTopBottom a {
    display: block;
    width: 30px;
    height: 40px;
    border-radius: 5px;
    background: url(/images/yuce/goTopBottom.455ce7cf7a671343e945.png) 0 0 no-repeat;
    background-size: 30px 80px
}

.goTopBottom a.goTop {
    background-position: 0 0
}

.goTopBottom a.goBottom {
    background-position: 0 -40px
}

.goTopBottom a.goTop:before {
    border-color: #555
}

.goTopBottom a.activated {
    background-color: #222
}

.bdrdius3Wrap {
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden
}

.icon_wqcpz {
    background: url(/images/yuce/icon_wqcpz.22828f5fb7afd842e671.png);
    background-size: cover
}

.my_list.activated {
    background: #eee
}

.liveTop_title_tab.lock_ecy {
    padding-top: 25px;
    padding-bottom: 5px
}

.lock_ecy img {
    width: 30px;
    height: 30px
}

.lock_ecy .lock_img {
    height: 25px
}

.lock_ecy p {
    margin-bottom: 7px
}

.bottom_btn.yellow.activated {
    background: #d65902
}

.canBetBox_t {
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    color: #999;
    padding: 0 15px
}

.acrBall {
    opacity: 0;
    position: absolute;
    right: 195px;
    top: 100%;
    z-index: 1001;
    width: 15px;
    height: 15px;
    background: #ea4747;
    border-radius: 50%;
    transform: translateY(-32px)
}

.acrBall.animate {
    animation: addAcrBall .3s .2s ease-out both
}

@keyframes addAcrBall {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 1
    }

    99% {
        opacity: 1;
        transform: translateY(0);
        right: 25px;
        top: 15px
    }

    to {
        display: none
    }
}

@keyframes bounceBig {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scale(1.4)
    }

    to {
        transform: scale(1)
    }
}

.ecy_xqy_bg {
    background-color: #3e569d!important
}

.selectSin {
    padding: 10px 15px;
    background: #e5e5e5
}

.selectSinBtn {
    background: #fff;
    border-radius: 3px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 13px;
    color: #5383ec
}

.betMoreSelect_b:active,.selectSinBtn:active {
    background: #f7f7f7
}

.betMoreSelect_b {
    background: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    color: #5383ec
}

.betTable_c.mr0,.betTable_c_lq.mr0 {
    margin-right: 0
}

.betList_li .match_forecast {
    padding-bottom: 14px;
    padding-top: 14px
}

.betTable_c_lq_td2 em,.betTable_c_lq_td4 em {
    font-size: 12px
}

.match_forecast ul li.mr75 {
    margin-right: 75px
}

.match_forecast ul li.mr15 {
    margin-right: 15px
}

.match_forecast.pl40 {
    padding-left: 40px
}

.match_forecast.pr40 {
    padding-right: 40px
}

.match_forecast.minWidth {
    max-width: 80%;
    margin: 0 auto
}

.dif_tuijian {
    padding: 15px
}

.dif_tuijian,.dif_tuijian .dif_slide_con {
    background: #fff
}

.orderResult.pl10 {
    padding-left: 10px
}

.botTipTxt {
    width: 100%;
    left: 0;
    bottom: 30px;
    text-align: center
}

.realsimTip {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    margin-left: 5px;
    margin-top: -1px
}

.match_forecast.pt0 {
    padding-top: 0
}

.listEcy .goal_nub.t0 {
    top: 0
}

.sildeSpBtn {
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    color: hsla(0,0%,100%,.3);
    background: #1b2647
}

.sildeSpBtn:active {
    background: #16203e
}

.sildeSpBtn.bg_f5 {
    background: #f5f5f5;
    color: #999
}

.sildeSpBtn .spTip_icon {
    position: static;
    display: inline-block;
    margin-right: 3px;
    margin-top: 7px;
    vertical-align: top
}

.listEcy_hr .release_dg dd,.recomMbox.pb0 {
    padding-bottom: 0
}

.hideSp {
    margin-top: -10px;
    padding-bottom: 0!important
}

.sildeSpactive .hideSp {
    display: none
}

.sildeSpactive .release_dg .match_forecast {
    padding-bottom: 15px
}

.sildeSpactive .release_dg .match_forecast.pb10 {
    padding-bottom: 10px
}

.sildeSpactive .release_dg .match_forecast.pb20 {
    padding-bottom: 20px
}

.listEcy .release_dg .match_forecast.ml24 {
    margin-left: 24%;
    padding-left: 0
}

.listEcy .forecast_btn.pl50 {
    padding-left: 50%
}

.listEcy .release_dg .match_forecast.ml24 .goal_nub {
    left: 10px
}

.ecy_lq_pk01 {
    position: absolute;
    width: 32%;
    left: -32%;
    top: 5px;
    height: 35px;
    text-align: center
}

.ecy_lq_pk01_t {
    height: 19px;
    line-height: 14px;
    font-size: 11px;
    color: hsla(0,0%,100%,.2)
}

.ecy_lq_pk01_t.c999 {
    color: #999
}

.ecy_lq_pk01_t.c333 {
    color: #333
}

.ecy_lq_pk01_b {
    height: 16px;
    line-height: 16px;
    font-size: 13px;
    color: hsla(0,0%,100%,.5)
}

.ecy_lq_pk02 {
    position: absolute;
    width: 32%;
    left: -32%;
    text-align: center;
    top: 0;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    font-weight: 700;
    color: #ffda44
}

.ecy_lq_pk01_b.red,.ecy_lq_pk02.red {
    color: #ea4747
}

.ecy_lq_pk01 .sf {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    color: hsla(0,0%,100%,.2)
}

.ecy_lq_pk01 .sf.c999 {
    color: #999
}

.recommend_tab_paixu a {
    color: #5383ec
}

.recommend_tab_paixu a.active {
    font-weight: 400
}

.q_list_tuijian .opponent ul.opponentEcy {
    padding-bottom: 0
}

.q_list_tuijian .opponent ul.mt-2 {
    margin-top: -2px
}

.woSeriesLeftTxt {
    padding-left: 0;
    width: 70px
}

.opponentEcy {
    padding-left: 70px
}

.q_list_tuijian .opponent ul li:last-child .tal {
    text-align: left
}

.opponent {
    position: relative
}

.recommend_tab_paixu {
    box-shadow: inset 0 4px 6px rgba(0,0,0,.15)
}

.canbet {
    overflow: hidden;
    border-radius: 3px
}

.canbet:before {
    border-color: #f2d8ac;
    border-top-width: 2px;
    border-top-color: #f39800
}

.hasBet_tip {
    display: none;
    position: absolute;
    top: 0;
    right: -8px;
    padding: 0 20px 0 12px;
    height: 20px;
    line-height: 20px;
    border-radius: 0 3px 0 5px;
    background: #f39800;
    font-size: 10px;
    color: #fff;
    transform: skewX(20deg)
}

.hasBet_tip span {
    display: block;
    transform: skewX(-20deg)
}

.canbet .hasBet_tip {
    display: block
}

.canbet .costGold {
    right: 70px
}

@media screen and (min-width:320px) and (max-width:340px) {
    .opponent_box.pl25 {
        padding-left: 10px
    }

    .opponent_box.pr25 {
        padding-right: 10px
    }

    .opponentEcy {
        padding-left: 60px
    }
}

.q_index_top_tab.blue {
    background: #3e569d
}

.q_index_top_tab.blue ul li p {
    color: #fff
}

.q_index_top_tab ul li {
    padding: 18px 10px
}

.q_index_top_tab.blue ul li:active {
    background: none
}

.ecyCardI {
    padding: 0;
    box-shadow: inset 0 4px 6px rgba(0,0,0,.2)
}

.ecyCardI .gradientOrange {
    background-image: none
}

.fixed_top_bar.blue {
    background: #1e4a76
}

.q_personal_info .expert_tx {
    border-radius: 3px;
    background: #f4f4f4;
    width: 80px;
    height: 80px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,.16);
    vertical-align: top
}

.q_personal_info .expert_tx .expert_img {
    border-radius: 3px
}

.q_personal_info_l {
    top: -40px;
    text-align: left;
    padding-left: 25px
}

.q_personal_info .expert_name {
    color: #333;
    height: 15px;
    line-height: 15px;
    font-size: 15px;
    margin: 15px 0 10px
}

.q_personal_info .expert_name .exIcon {
    right: -17px;
    bottom: 3px
}

.boxshadowInset {
    box-shadow: inset 0 3px 6px rgba(0,0,0,.15)
}

.q_personal_info_r .v2_add_btn_zj {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: 50px 100px;
    box-shadow: 0 3px 8px rgba(0,0,0,.15)
}

.q_personal_info_r {
    top: -25px;
    transform: none
}

.recommend_tab.blue {
    box-shadow: 0 2px 4px rgba(0,0,0,.05)
}

.recommend_tab.blue a {
    color: #5383ec
}

.recommend_tab.blue a.active {
    color: #333
}

.q_personal_info .gradg_icon {
    position: static;
    vertical-align: top;
    margin-top: -3px
}

.q_personal_info .fxEwm {
    text-align: center;
    padding-left: 0
}

.q_personal_info .fxEwm .gradg_icon {
    position: absolute;
    left: 100%;
    top: 2px
}

.hitrateTab_zq {
    position: relative;
    z-index: 2
}

.hitrateTab_zq a {
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    color: #fff
}

.hitrateTab_zq a.active {
    background: #ffda44;
    color: #333
}

.hitrateTab_zq:before {
    border-color: rgba(255,218,68,.1)
}

.gradientCover {
    position: absolute;
    z-index: 1;
    right: -40%;
    top: -30%;
    pointer-events: none;
    width: 200%;
    height: 160px;
    background-image: linear-gradient(180deg,#344781 0,rgba(53,72,125,0));
    transform: rotate(25deg);
    -webkit-transform: rotate(25deg)
}

.searchBox {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 13px 15px
}

.searchInput {
    display: block;
    text-decoration: none;
    text-align: center;
    background: #eee;
    border-radius: 3px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    color: #999
}

.search_icon {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background: url(/images/yuce/search_icon.9e3d94c6abc519d3301f.png);
    background-size: cover;
    margin-top: 8px;
    margin-right: 5px
}

.q_expertList ul li {
    padding: 35px 0
}

.searchBar {
    position: relative;
    padding: 10px 15px
}

.searchBar .back_icon_white {
    left: 3px;
    top: 5px
}

.seaInput {
    height: 34px;
    background: #fff;
    border-radius: 3px;
    padding: 0 10px;
    margin-right: 45px;
    margin-left: 35px
}

.seaInput .search_icon {
    vertical-align: middle;
    margin-top: 1px;
    margin-right: 0
}

.seaInput input {
    display: inline-block;
    vertical-align: middle;
    width: 86%;
    padding-top: 2px;
    padding-left: 0;
    height: 34px;
    color: #111;
    font-size: 14px;
    line-height: 16px;
    border: 0
}

.search_clear {
    position: absolute;
    top: 0;
    right: -60px;
    text-decoration: none;
    width: 60px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    color: #fff
}

.search_hot {
    padding: 0 15px 8px
}

.search_hot li {
    white-space: nowrap;
    overflow: hidden;
    float: left;
    margin-right: 2.8%;
    width: 31.46%;
    height: 30px;
    line-height: 30px;
    background-color: #f5f5f5;
    color: #666;
    font-size: 13px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 3px
}

.search_hot li:nth-child(3n) {
    margin-right: 0
}

.search_hot li:active {
    background-color: #eee
}

.hasSearchList .analyst_info {
    margin-left: 10px
}

.hasSearchList .analyst_t {
    margin-left: 0;
    padding-left: 15px
}

.hasTuijian {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 13px;
    color: #999;
    transform: translateY(-50%)
}

.c_033333 {
    color: #033333
}

.hasBuyNub {
    right: 2px;
    top: 7px
}

.icon_zxfa {
    background: url(/images/yuce/icon_zxfa.61c853550485aea67c39.png);
    background-size: cover
}

.js_fixed_recommend_tab {
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden
}

.js_fixed_recommend_tab.show {
    opacity: 1;
    visibility: visible
}

.hitrateTab_scroll {
    background: none;
    height: 45px;
    z-index: 3;
    width: auto
}

.hitrateTab_scroll ul li {
    padding: 0 18px;
    height: 45px;
    line-height: 45px;
    border-bottom: 0;
    font-size: 15px;
    color: #fff
}

.hitrateTab_scroll:before {
    border-color: rgba(255,218,68,.1)
}

.hitrateTab_scroll ul li.active {
    background: #ffda44;
    color: #333;
    font-weight: 400
}

.priceSet .match_forecast {
    padding: 20px 0 10px 0;
    text-align: center
}

.priceSet .match_forecast ul {
    white-space: nowrap;
    box-sizing: initial;
    display: initial
}

.priceSet .match_forecast ul li {
    -ms-flex: initial;
    flex: initial;
    margin: 0 2%;
    display: inline-block;
    vertical-align: top;
    width: 20%
}

.icon_score_left.white {
    background: url(/images/yuce/icon_score_left_white.c36e7d0b7d96d79e997f.png) no-repeat;
    background-size: cover
}

.icon_score_right.white {
    background: url(/images/yuce/icon_score_right_white.e6a6e206adffc27a9e95.png) no-repeat;
    background-size: cover
}

.icon_score_right.close {
    background: url(/images/yuce/close_btn_white1.4c1dbd075316901a7621.png) no-repeat;
    background-size: cover
}

.timeBet.bg_f5 {
    background: #f5f5f5
}

.scoreList_li {
    padding: 5px 15px 12px
}

.scoreList_li_t {
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    color: #999
}

.scoreList_li_t span {
    margin-right: 7px
}

.scoreList_li_t span:last-child {
    margin-right: 0
}

.scoreList_li .opponent_match {
    margin-left: 45px;
    margin-right: 45px;
    padding-left: 15px;
    margin-top: 5px
}

.scoreList_li .opponent_match:before {
    height: 195%
}

.scoreList_li .opponent_score ul {
    padding: 0;
    font-size: 0
}

.teamCard {
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
    margin-left: 5px;
    width: 10px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 1px;
    font-size: 10px;
    color: #fff
}

.teamCard.red {
    background: #ea4747
}

.teamCard.yellow {
    background: #ffba00
}

.teamCard:nth-child(2) {
    margin-left: 0
}

.opponent ul li:nth-child(2) p {
    display: inline-block;
    vertical-align: middle
}

.live_handicap span {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    white-space: nowrap
}

.live_handicap span:nth-child(2) {
    font-size: 11px
}

.matchLeftTxt {
    position: absolute;
    top: 50%;
    left: -60px;
    width: 60px;
    transform: translateY(-50%)
}

.matchLeftTxt .has_wc {
    display: inline-block;
    width: 45px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background: #ccc;
    border-radius: 10px
}

.goalPopup {
    position: absolute;
    z-index: 99;
    left: 7%;
    bottom: 75px;
    width: 86%;
    padding: 0;
    background-image: -webkit-linear-gradient(left,#27304b,#36487f);
    border-radius: 5px
}

.goalPopup .matchI_center_c ul li p {
    color: #fff
}

.goalPopup .matchI_team_logo {
    width: 20px
}

.goalPopup .matchI_time_jd {
    margin-top: 5px
}

.goalPopup .matchI_center_c {
    margin-bottom: 0;
    padding-bottom: 8px
}

.recommend_tab a {
    position: relative
}

.recommend_tab .updateSum {
    top: 5px;
    right: auto;
    left: 50%;
    height: 13px;
    line-height: 12px
}

.goTopBtn {
    position: absolute;
    z-index: 100;
    right: 20px;
    bottom: 50px;
    width: 40px;
    height: 40px;
    background: #999;
    border-radius: 50%;
    box-shadow: 0 3px 5px rgba(0,0,0,.3)
}

.goTopBtn:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.dateBar {
    padding: 10px 0;
    background: #fff
}

.dateBar a {
    width: 100%;
    text-decoration: none;
    text-align: center;
    font-size: 14px
}

.dateBar a,.dateBar a em,.dateBar a span {
    display: block
}

.dateBar a.active em,.dateBar a.active span {
    color: #5383ec
}

.opponent_score_lq ul li:last-child {
    width: 45%;
    height: 60px
}

.scoreline_lq {
    position: absolute;
    top: 0;
    right: -5px
}

.scoreline_lq_tr {
    white-space: nowrap;
    height: 30px;
    line-height: 30px
}

.scoreline_lq_l,.scoreline_lq_r {
    display: inline-block;
    vertical-align: top
}

.scoreline_lq_r {
    width: 30px;
    margin-left: 5px;
    font-size: 16px;
    text-align: center
}

.scoreline_lq_l span {
    font-size: 12px;
    color: #999;
    margin: 0 5px
}

.scoreline_lq_l span:last-child {
    color: #333
}

@media screen and (min-width:320px) and (max-width:374px) {
    .scoreline_lq_l {
        display: none
    }
}

.prospectBtn {
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -12px;
    padding-right: 5px;
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    color: #5383ec;
    border: 1px solid #cbdaf9;
    border-radius: 3px
}

@media screen and (min-width:320px) and (max-width:340px) {
    .prospectBtn {
        right: -12px
    }
}

.prospectIcon {
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    background: url(/images/yuce/prospectIcon.6ca14c30d636dbe24f7e.png);
    background-size: cover
}

.select_popup_t {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 13px;
    color: #999
}

.select_popup_t .quickeagueBtn_close {
    color: #333
}

.select_match_bf.animate {
    top: -40px
}

.select_match_bf_btn a {
    width: 30%;
    margin-left: 3.1%
}

.setMessage {
    background: #3e569d;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 30px;
    width: 100%;
    opacity: 0;
    visibility: hidden
}

.setMessage.animate {
    top: 0;
    opacity: 1;
    visibility: visible
}

.setMessage_tab {
    padding: 20px 0
}

.setMessage_tab a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.setMessage_tab a span {
    display: block;
    margin-top: 7px
}

.setMessageIcon {
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url(/images/yuce/setMessageIcon.e0bc5eb0b5d29cc90e48.png);
    background-repeat: no-repeat;
    background-color: #4e65aa;
    background-size: 160px 80px
}

.setMessageIcon01 {
    background-position: 0 0
}

.setMessageIcon02 {
    background-position: -40px 0
}

.setMessageIcon03 {
    background-position: -80px 0
}

.setMessageIcon04 {
    background-position: -120px 0
}

.setMessage_tab a.active .setMessageIcon01 {
    background-position: 0 -40px
}

.setMessage_tab a.active .setMessageIcon02 {
    background-position: -40px -40px
}

.setMessage_tab a.active .setMessageIcon03 {
    background-position: -80px -40px
}

.setMessage_tab a.active .setMessageIcon04 {
    background-position: -120px -40px
}

.setMessage .item {
    background: none;
    color: #fff;
    font-size: 15px
}

.setMessage .setupWrap .toggle .track {
    border: none;
    background: #273756;
    width: 37px;
    height: 22px
}

.setMessage .item-toggle .toggle {
    top: 14px
}

.setMessage .toggle .handle {
    width: 16px;
    height: 16px;
    top: 8px;
    left: 8px
}

.setMessage .setupWrap .toggle.toggle-assertive input:checked+.track {
    background-color: #22c400
}

.setMessage .toggle input:checked+.track .handle {
    transform: translate3d(15px,0,0);
    background-color: #fff
}

.setupIcon {
    background: url(/images/yuce/setupIcon_white.e8dc91d5e7f2e8cbba13.png) no-repeat;
    background-size: cover
}

.newIconMy .redDot {
    top: 10px;
    right: 3px
}

.userCenterTop .analyst_icon {
    width: 62px;
    height: 62px;
    border: 1px solid #fff
}

.userCenterTop .gradg_icon {
    bottom: -2px;
    right: -1px
}

.userCenterTop {
    background-color: #3e569d
}

.userCenterTop .analyst_t {
    padding-top: 5px;
    margin-left: 22px;
    padding-bottom: 15px
}

.userCenterTop .analyst_info a {
    font-size: 18px;
    color: #fff
}

.userCenterTop .freeTip {
    height: 25px;
    line-height: 25px;
    background: #eb9814;
    padding-left: 12px;
    top: 22px
}

.ser_listTop {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-size: 14px;
    background: #fff
}

.programTab {
    padding: 0 15px 10px
}

.programTab a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    color: #333;
    border: 1px solid #eee;
    border-radius: 5px;
    height: 45px;
    line-height: 43px
}

.programTab a:first-child {
    margin-right: 10px
}

.programTabIcon {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-right: 15px;
    width: 22px;
    height: 22px;
    background: url(/images/yuce/programTabIcon.47078b0e4281898f9fef.png);
    background-size: 22px 44px
}

.programTabIcon01 {
    background-position: 0 0
}

.programTabIcon02 {
    background-position: 0 -22px
}

.businessList li {
    display: block;
    width: 100%;
    text-align: center;
    padding: 33px 0 20px
}

.businessList li img {
    width: 30px
}

.businessList li span {
    display: block;
    font-size: 13px;
    color: #666;
    margin-top: 7px
}

.tabColumn_bj {
    padding: 4px 0
}

.tabColumn_bj>div p {
    display: inline-block;
    vertical-align: middle
}

.tabColumn_bj .articleIcon {
    vertical-align: middle;
    margin-right: 10px
}

.tabColumn_bj>div {
    padding: 16px 10px 12px
}

.laboratoryT {
    background: #3e569d;
    height: 85px
}

.laboratoryT .leagueTxt p span {
    color: hsla(0,0%,100%,.3)
}

.addTestBtn {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
    text-decoration: none
}

.addTestBtn.yellow {
    color: #333;
    background: #ffda44
}

.addTestBtn.blue {
    color: hsla(0,0%,100%,.5);
    background: #5067ac
}

.testTop {
    position: relative;
    height: 164px
}

.testTop_b {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    width: 100%
}

.testScroll.animate .testTop {
    height: 80px
}

.testScroll.animate .laboratoryT {
    height: 0
}

.testscrollCon {
    bottom: 165px;
    top: 10px
}

.testScroll.animate .testscrollCon {
    bottom: 82px
}

.testScroll_ph .testTop {
    height: 198px
}

.testScroll_ph.animate .testTop {
    height: 114px
}

.testScroll_ph .testscrollCon {
    bottom: 200px;
    top: 0
}

.testScroll_ph.animate .testscrollCon {
    bottom: 114px
}

.successTop {
    position: relative;
    height: 120px;
    background: #3e569d;
    overflow: hidden
}

.successTop:after {
    content: "";
    top: 65px;
    width: 1200px;
    height: 1200px;
    border-radius: 50%;
    background: #fff
}

.successTop .successIcon,.successTop:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.successTop .successIcon {
    top: 33px;
    z-index: 2;
    width: 77px;
    height: 77px
}

.successTop .successIcon01 {
    background: url(/images/yuce/successIcon01.01d04b8f3393b95e8503.png);
    background-size: cover
}

.successTop .successIcon02 {
    background: url(/images/yuce/successIcon02.e6b33237d55a5ff8ff4c.png);
    background-size: cover
}

.successTop .successIcon03 {
    background: url(/images/yuce/successIcon03.11c1c1c16fb15b120073.png);
    background-size: cover
}

.surplu {
    padding: 0 45px;
    text-align: center
}

.surplu_radius {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 100px;
    padding-top: 32px;
    border-radius: 50%;
    background: #f5f5f5
}

.surplu_radius em,.surplu_radius span {
    display: block
}

.surplu_radius span {
    font-size: 18px;
    font-weight: 700
}

.pupupSingle {
    width: 290px;
    height: 220px
}

.pupupSingle_txt {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    padding: 160px 30px 0
}

.betOrderList_li_t_add {
    height: 25px
}

.betOrderList_li_t_add span {
    float: left;
    font-size: 11px;
    color: #fff;
    width: 75px;
    text-align: center;
    background: #eb6100;
    line-height: 25px;
    border-radius: 0 0 3px 0
}

.betOrderList_li_t_add span.bg_blue {
    background: #1295db
}

.mateIcon {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 11px;
    margin-top: -2px;
    margin-right: 3px;
    background: url(/images/yuce/mateIcon.0164e57fee26760423ad.png);
    background-size: cover
}

.orderTipcard.danchang {
    margin: 0;
    background: none
}

.orderTipcard.danchang .orderTipcardIcon {
    background: #1295db
}

.orderTipcard.danchang h4 {
    font-size: 13px;
    color: #999
}

.orderTipcard.danchang p {
    font-size: 13px;
    color: #666
}

.orderTipcard.danchang .orderTipcardIcon:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-image: url(/images/yuce/mateIcon.0164e57fee26760423ad.png);
    background-repeat: no-repeat;
    background-size: 17px 18px
}

.betBottomTab a:last-child:after {
    display: none
}

.bonusIcon {
    display: inline-block;
    vertical-align: top;
    margin-top: 12px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url(/images/yuce/bonusIcon.556daf38e45b7c18ffd4.png);
    background-size: cover
}

.loginBox {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.logoLogin img {
    width: 100px
}

.loginBox .login_input {
    margin: 20px 20px 0;
    border-radius: 5px;
    overflow: hidden
}

.loginBox .login_btn {
    padding: 0 20px
}

.fastRegiBtn {
    position: absolute;
    left: 50%;
    margin-left: -36px;
    top: -2px;
    width: 72px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #ffda44;
    font-size: 18px;
    color: #fff;
    white-space: nowrap
}

.jointLogin ul li {
    position: relative
}

.jointLogin .matchSlideTip {
    bottom: auto;
    top: -38px;
    white-space: nowrap;
    background: #ffda44;
    color: #333
}

.jointLogin .matchSlideTip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    margin-top: -1px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 5px solid #ffda44;
    border-bottom: 0
}

.jointLogin li p {
    margin-bottom: 0;
    color: hsla(0,0%,100%,.5)
}

.jointLogin_txt i {
    position: absolute;
    width: 50%;
    height: 2px;
    top: 50%
}

.jointLogin_txt i:first-child {
    right: 50%;
    margin-right: 47px
}

.jointLogin_txt i:last-child {
    left: 50%;
    margin-left: 47px
}

.freeRegBtn {
    position: absolute;
    right: 15px;
    top: 7px;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    font-size: 13px;
    color: #fff;
    background: hsla(0,0%,100%,.15);
    border-radius: 20px
}

.orderTipcard.zhuce {
    background: #3e569d;
    margin: 0;
    border-radius: 0;
    padding-top: 20px;
    padding-left: 80px;
    padding-bottom: 25px;
    height: auto
}

.orderTipcard.zhuce .orderTipcardIcon {
    left: 25px;
    top: 23px;
    background: url(/images/yuce/orderTipcardIcon_zc.ff266d940c70a73df0da.png);
    background-size: 40px 80px
}

.orderTipcard.zhuce .orderTipcardIcon01 {
    background-position: 0 0
}

.orderTipcard.zhuce .orderTipcardIcon02 {
    background-position: 0 -40px
}

.orderTipcard.zhuce h4 {
    font-size: 20px
}

.orderTipcard.zhuce p {
    font-size: 16px;
    margin-bottom: 0;
    color: hsla(0,0%,100%,.5);
    margin-top: 5px
}

.phoneTest_t {
    background: #3e569d;
    padding-top: 5px;
    padding-bottom: 15px
}

.phoneIcon {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    background: url(/images/yuce/orderTipcardIcon_zc.ff266d940c70a73df0da.png) 0 0;
    background-size: 40px 80px
}

.phoneIcon_shiming {
    background: url(/images/yuce/phoneIcon_shiming.0c41c9d38ebc88fd52f6.png) 0 0;
    background-size: cover
}

.indexTop {
    background: linear-gradient(90deg,#3e569d 45%,#336dd3)
}

.logoBar {
    height: 44px;
    position: relative
}

.navBarIndex {
    height: 40px
}

.indexCon {
    top: 83px;
    opacity: 0;
    visibility: hidden
}

.indexCon.fadeIn {
    opacity: 1;
    visibility: visible
}

.fastEntry1 .q_add_I_l {
    width: 100%
}

.fastEntry1 .q_add_I_icon {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 30px;
    height: 30px
}

.fastEntry1 .q_add_I_l p {
    font-size: 14px;
    color: #333;
    font-weight: 400
}

.fastEntry1 ul li {
    padding-bottom: 30px
}

.txtTitleI {
    position: absolute;
    top: 0;
    left: 50%;
    height: 50px;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400;
    transform: translateX(-50%)
}

.txtTitleIimg {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-top: 15px;
    margin-right: 3px;
    background: url(/images/yuce/txtTitle_bg.094af5d3cf7846944563.png) no-repeat;
    background-size: 20px 120px
}

.txtTitleIimg01 {
    background-position: 0 0
}

.txtTitleIimg02 {
    background-position: 0 -20px
}

.txtTitleIimg03 {
    background-position: 0 -40px
}

.txtTitleIimg04 {
    background-position: 0 -60px
}

.txtTitleIimg05 {
    background-position: 0 -80px
}

.txtTitleIimg06 {
    background-position: 0 -100px
}

.txtTitleIimg07 {
    background: url(/images/yuce/txtTitleIimg07.a8f9c5f1853f8d23b6aa.png) no-repeat;
    background-size: cover
}

.subState {
    margin: 10px auto 0;
    width: 75px;
    height: 23px;
    line-height: 21px;
    border: 1px solid #cbdaf9;
    font-size: 12px;
    color: #5383ec;
    text-align: center;
    border-radius: 3px
}

.subState.blue {
    border: 1px solid #cbdaf9
}

.subState.green {
    border: 1px solid #c7e8cd;
    color: #40b053;
    width: 70px
}

.subState.red {
    border: 1px solid #f9c7c7;
    color: #ea4747;
    width: 80px
}

.subStateIcon {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 3px;
    background: url(/images/yuce/subStateIcon.99dcd25f569d25b26e53.png);
    background-size: 15px 45px
}

.subState.blue .subStateIcon {
    background-position: 0 0
}

.subState.green .subStateIcon {
    background-position: 0 -15px
}

.subState.red .subStateIcon {
    background-position: 0 -30px
}

.icon_record_02.white {
    background: url(/images/yuce/icon_record_02_white.3e2e3c8112339b4f5f46.png);
    background-size: cover
}

.q_expert_inte .correct_icon,.q_expert_inte .invalid_icon,.q_expert_inte .wait_icon,.q_expert_inte .wrong_icon {
    right: 15px;
    top: 15px
}

.signIntegralLine {
    position: absolute;
    width: 1px;
    height: 65px;
    left: 34%
}

.topTalent li {
    width: 1%;
    text-align: center;
    padding: 15px 10px 20px;
    height: 140px
}

.topTalent .analyst_icon {
    display: block;
    margin: 0 auto
}

.topTalent_txt {
    font-size: 11px;
    line-height: 16px;
    color: #999;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.topTalent_name {
    white-space: nowrap;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    margin: 8px 0 5px
}

.transBatch {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #5383ec;
    background: #fff
}

.transBatchIcon,.transBatch span {
    display: inline-block
}

.transBatchIcon {
    position: absolute;
    top: 0;
    left: 100%;
    vertical-align: top;
    width: 40px;
    height: 40px;
    background: url(/images/yuce/transBatchIcon.dbc6a36b3ca2367a40e7.png);
    background-size: cover
}

.transBatchIcon.animate {
    transform: rotate(1turn);
    -webkit-transform: rotate(1turn)
}

.mulInput {
    padding: 12px 0;
    text-align: center;
    background: #344c92;
    border-radius: 3px;
    overflow: hidden
}

.mulInputTxt {
    position: relative;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff
}

.mulInputTxt_l {
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: 100px
}

.mulInputTxt_r {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 100px
}

.mulInputTxt_c {
    width: 180px;
    height: 35px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 3px
}

.mulInputTxt_c_l,.mulInputTxt_c_r {
    text-decoration: none;
    font-size: 20px;
    color: #333;
    position: absolute;
    top: 0;
    width: 35px;
    height: 35px;
    text-align: center;
    background: url(/images/yuce/AddandSub.6f57258dd2e2f0ff8c34.png);
    background-size: 35px 70px
}

.mulInputTxt_c_l {
    left: 0;
    background-position: 0 0
}

.mulInputTxt_c_r {
    right: 0;
    background-position: 0 -35px
}

.mulInputTxt_c_l i:before,.mulInputTxt_c_r i:before {
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.mulInputTxt_c input {
    width: 100%;
    padding: 0 35px;
    text-align: center;
    font-size: 18px;
    color: #ea4747;
    font-weight: 700;
    line-height: inherit
}

.mulInputTxt_c input::-webkit-input-placeholder {
    color: #ea4747
}

.optimiList_li {
    background: #fff;
    border-radius: 3px;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
    padding-left: 20px
}

.optimiList_li_l {
    width: 40%;
    text-align: center;
    padding: 15px
}

.optimiList_li_r {
    width: 60%;
    padding-left: 18px;
    padding: 15px
}

.optimiIcon {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    background: url(/images/yuce/optimiIcon.d906b8c8d12d542fdaf0.png);
    background-size: 40px 120px
}

.optimiIcon01 {
    background-position: 0 0
}

.optimiIcon02 {
    background-position: 0 -40px
}

.optimiIcon03 {
    background-position: 0 -80px
}

.highLowValue {
    display: table;
    width: 100%
}

.highLowValue>div {
    display: table-cell;
    width: 50%
}

.highLowValue_r {
    padding-left: 18px
}

.optimiLink {
    display: block;
    font-size: 12px;
    color: #5383ec;
    text-decoration: none;
    margin-top: 15px
}

.optimiList .betBasketCheck.active {
    background: url(/images/yuce/betBasketCheck_green.83b4315b219708751124.png);
    background-size: cover
}

.average {
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    color: #999;
    background: #f5f5f5
}

.average>div,.averageList_li>div {
    float: left;
    position: relative
}

.average>div:first-child,.averageList_li>div:first-child {
    width: 45%
}

.average>div:nth-child(2),.averageList_li>div:nth-child(2) {
    width: 30%
}

.average>div:last-child,.averageList_li>div:last-child {
    width: 25%
}

.averageList_li>div {
    height: 100%
}

.averageList_li>div.h80 {
    height: 80px
}

.averageList_li>div.h120 {
    height: 120px
}

.averageList_li {
    margin-bottom: 5px;
    background: #fff;
    text-align: center
}

.averageList_li_td1 {
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #333;
    white-space: nowrap
}

.averageList_li_td2 {
    font-size: 13px;
    white-space: nowrap
}

.averageList_li_td2,.noteNub {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.noteNub {
    width: 82%;
    height: 25px;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    overflow: hidden
}

.noteNub_l,.noteNub_r {
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 24px;
    top: 0;
    color: #333;
    text-decoration: none;
    background: url(/images/yuce/AddandSub.6f57258dd2e2f0ff8c34.png);
    background-size: 24px 48px
}

.noteNub_l {
    left: 0;
    border-right: 1px solid #b7b7b7;
    background-position: 0 0
}

.noteNub_r {
    right: 0;
    border-left: 1px solid #b7b7b7;
    background-position: 0 -24px
}

.noteNub input {
    width: 100%;
    height: 23px;
    padding: 0 24px;
    text-align: center;
    font-size: 13px;
    color: #333
}

.optimType li {
    position: relative;
    padding: 15px 15px 15px 0;
    margin-left: 45px
}

.optimType .optimiIcon {
    position: absolute;
    top: 3px;
    left: -50px;
    transform: scale(.7)
}

.optimType01 li {
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0
}

.optimType01 li em {
    font-size: 13px;
    color: #666;
    float: left;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background: #eee;
    border-radius: 50%;
    margin-left: -30px;
    margin-top: 2px
}

.matchListCard .title_h22 {
    border-bottom: 0
}

.matchListCard .recomMbox {
    margin: 0;
    background: none
}

.matchListCard .recomMbox .title_h22 {
    color: #333
}

.matchListCard .reendTime {
    color: #bbb
}

.matchListCard .recomMbox .release_dg .ranks_logo p,.matchListCard .recomMbox .release_tj .ranks_logo p {
    color: #333
}

.informaTop {
    position: relative;
    height: 145px
}

.informaTop .informaTop_bg {
    height: 100%;
    background-size: cover
}

.informaTop .q_bg_color {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.55))
}

.informaTopH2 {
    position: absolute;
    bottom: 15px;
    left: 0;
    color: #fff;
    z-index: 10;
    font-size: 22px;
    line-height: 33px;
    padding: 0 15px
}

.giftChangeTip {
    position: absolute;
    z-index: 1;
    right: 15px;
    top: -6px;
    padding: 0 5px;
    height: 20px;
    line-height: 18px;
    font-size: 10px;
    border-radius: 15px;
    border: 1px solid #fff;
    background: #f39800;
    color: #fff;
    box-shadow: 0 3px 5px rgba(0,0,0,.1)
}

.giftBtnI {
    display: block;
    text-align: center;
    text-decoration: none;
    height: 40px;
    line-height: 36px;
    border: 1px solid #eee;
    border-radius: 3px;
    font-size: 16px;
    color: #f39700
}

.giftBtnI_icon {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-top: 10px;
    background: url(/images/yuce/giftBtnI_icon.bdd20231c9cfa65bdfba.png);
    background-size: cover
}

.pupupSingleWrap .popup-head {
    display: none
}

.pupupSingleWrap .popup-body {
    padding: 0
}

.pupupSingleWrap .popup {
    width: 290px;
    background: none
}

.pupupSingleWrap .popup-buttons {
    padding: 0;
    min-height: 50px
}

.pupupSingleWrap .button.button-positive {
    background: #3e569d
}

.bodyPlaceholder {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 49px
}

.bodyPlaceholder.index {
    background: url(/images/yuce/bodyPlaceholder_index.b7cbb344cd9ef6b1eee3.png);
    background-size: 100% auto;
    top: 83px
}

.iphoneTop .bodyPlaceholder.index {
    top: 103px
}

.bodyPlaceholder.liansai {
    background: url(/images/yuce/bodyPlaceholder_liansai.1fc1a80c48b7414f307b.png);
    background-size: 100% auto;
    top: 83px
}

.iphoneTop .bodyPlaceholder.liansai {
    top: 103px
}

.race_type_cen {
    position: absolute;
    top: 0;
    left: 50%;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #333;
    transform: translateX(-50%)
}

.resultTip {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 3px;
    font-size: 11px;
    color: #fff
}

.resultTip.bg_red {
    background: #ea4747
}

.resultTip.bg_999 {
    background: #999
}

.resultTip.bg_blue,.resultTip.bg_yellow {
    background: #00b7ee;
    height: 16px;
    line-height: 16px;
    width: auto;
    padding: 0 3px;
    font-size: 10px;
    border-radius: 2px
}

.resultTip.bg_yellow {
    background: #f39800
}

.textShop {
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    background: #5267a7;
    color: #fff;
    font-size: 10px;
    border-radius: 3px
}

.periodNub {
    position: absolute;
    width: 125px;
    right: 15px;
    top: 18px;
    text-align: center
}

@media screen and (min-width:320px) and (max-width:340px) {
    .periodNub {
        right: 0
    }
}

.periodNub_t {
    position: relative;
    display: inline-block;
    min-width: 55px;
    font-size: 13px;
    color: hsla(0,0%,100%,.3)
}

.periodNub_b {
    font-size: 14px;
    color: hsla(0,0%,100%,.5);
    line-height: 30px
}

.nubRadius {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin: 0 8px;
    background: #5383ec;
    border-radius: 50%
}

.periodNub_t:after,.periodNub_t:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 12px;
    height: 1px;
    background: #4d64a9;
    transform: translateY(-50%)
}

.periodNub_t:before {
    left: 105%
}

.periodNub_t:after {
    right: 105%
}

.centerState_yp {
    margin: 12px auto 0;
    width: 32px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 3px
}

.centerState_yp.bg_red {
    background: #ea4747
}

.centerState_yp.bg_999 {
    background: #999
}

.planNews {
    position: relative;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #f39800;
    background: #fffaf2;
    padding: 0 15px
}

.planNews:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.planNewsIcon {
    display: inline-block;
    vertical-align: top;
    margin-top: 12px;
    width: 16px;
    height: 16px;
    background: url(/images/yuce/planNewsIcon.5c72dc773aedabdf86c0.png);
    background-size: cover;
    margin-right: 10px
}

.profitPlanModel_li {
    background: #fff;
    margin-bottom: 10px
}

.profitPlanModel_li .gradient_details {
    background: none
}

.profitPlanModel_li .v2_tuijian .referee_con_t {
    height: 26px
}

.profitPlanModel_li .v2_tuijian .analyst_info a {
    color: #333;
    font-size: 16px;
    font-weight: 700
}

.profitPlanModel_li .v2_tuijian .analyst_jj p {
    color: #999
}

.profitPlanModel_li .textShop {
    background: none;
    color: #bbb
}

.profitPlanModel_li .analyst_icon {
    width: 45px;
    height: 45px;
    margin-top: 5px
}

.proLoss {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 50px;
    white-space: nowrap;
    text-align: center;
    transform: translateY(-50%)
}

.profitPlanModel_li_b {
    font-size: 13px;
    color: #999;
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
    position: relative
}

.profitPlanModel_li_b:before {
    left: 15px
}

.profitPlanModel_li_b:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.profitPlanModel_li .v2_tuijian .referee {
    min-height: 100px
}

.myOrderList_li {
    background: #fff;
    margin-bottom: 10px
}

.myOrderList_li_t {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    font-size: 12px;
    color: #999
}

.myOrderList_li_td {
    width: 33.33%;
    padding: 17px 0;
    text-align: center;
    height: 76px
}

.myOrderList_li_td p {
    margin-bottom: 0;
    line-height: 20px
}

.myOrderList_li_td2 {
    width: 66.66%;
    font-size: 13px;
    color: #999;
    height: 76px;
    line-height: 76px;
    text-align: center
}

.planArrow {
    position: relative
}

.planArrow:before {
    content: "";
    position: absolute;
    right: 50%;
    margin-right: -32px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.myOrderList .hasZambia {
    padding: 15px;
    line-height: 25px
}

.myOrderList .hasZambia>div.hasZambia_txt {
    font-size: 13px;
    color: #333
}

.sharePicWrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    background-color: #fff
}

.sharePic_logo {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 130px
}

.sharePic_t .listEcy {
    margin: 0;
    padding: 0 15px 15px
}

.sharePic_t .release_tj dd {
    background: none
}

.sharePic_t .release_dg .ranks_logo p,.sharePic_t .release_tj .ranks_logo p {
    color: #fff
}

.sharePic_t .tipzk {
    color: hsla(0,0%,100%,.3)
}

.sharePic_t .listEcy .match_state span {
    color: hsla(0,0%,100%,.5)
}

.sharePic_t .listEcy .match_state:nth-child(2) {
    font-size: 13px;
    font-weight: 700;
    margin-top: 2px
}

.hisConf_t {
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 12px;
    color: #fff
}

.hisConf_t span {
    font-size: 11px;
    color: hsla(0,0%,100%,.5)
}

.hisConf_jdt {
    width: 66%;
    height: 10px;
    border-radius: 10px;
    margin: 0 auto 38px
}

.hisConf_jdt>div {
    float: left;
    position: relative;
    height: 10px
}

.hisConf_jdt>div:first-child {
    background: #ea4747;
    border-radius: 10px 0 0 10px
}

.hisConf_jdt>div:nth-child(2) {
    background: #5dbd6d
}

.hisConf_jdt>div:last-child {
    background: #5383ec;
    border-radius: 0 10px 10px 0
}

.hisConf_jdt>div span {
    position: absolute;
    left: 0;
    top: 10px;
    text-align: center;
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.statiRoc {
    padding-bottom: 0
}

.statiRoc li {
    float: left;
    width: 50%;
    padding: 15px 0;
    text-align: center
}

.statiRoc li:nth-child(3),.statiRoc li:nth-child(4) {
    padding-bottom: 30px
}

.nub_spf {
    font-size: 0;
    display: inline-block;
    border-radius: 3px;
    overflow: hidden
}

.nub_spf>span {
    display: inline-block;
    vertical-align: top;
    height: 20px;
    line-height: 20px;
    padding: 0 3px;
    font-size: 17px;
    color: #fff
}

.nub_spf>span:first-child {
    background: #ea4747
}

.nub_spf>span:nth-child(2) {
    background: #5dbd6d
}

.nub_spf>span:last-child {
    background: #5383ec
}

.stati_op {
    white-space: nowrap
}

.stati_op>div {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px
}

.stati_op>div span {
    display: block
}

@media screen and (min-width:320px) and (max-width:340px) {
    .stati_op>div {
        margin: 0 5px
    }
}

.picPersonal_info {
    position: relative;
    z-index: 2;
    padding: 30px 20px 0
}

.picPersonal_info_img {
    position: absolute;
    z-index: 11;
    top: -30px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.picPersonal_info_img img {
    border-radius: 50%
}

.picPersonal_info .gradg_icon {
    position: static
}

.picPersonal_info_txt {
    text-align: center;
    font-size: 12px;
    color: #999;
    line-height: 18px;
    margin-top: 5px;
    padding: 0 10px
}

.picPersonal_info .hitrate_details {
    background: #f5f5f5;
    border-radius: 5px;
    margin-top: 20px;
    padding: 20px 0 15px
}

.picPersonal_info .hitrate_details ul li h4 {
    font-size: 18px;
    color: #ff4431
}

.picPersonal_info .hitrate_details ul li p {
    color: #999
}

.mactTypetip {
    position: absolute;
    top: -10px;
    left: 50%;
    padding: 0 13px;
    border-radius: 10px;
    height: 20px;
    line-height: 20px;
    background: #7c87a7;
    font-size: 12px;
    color: #fff;
    transform: translateX(-50%)
}

.evredTip {
    position: absolute;
    text-align: center;
    top: -17px;
    right: 30px
}

.evredTip_nub {
    width: 35px;
    height: 35px;
    line-height: 30px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #ea4747;
    font-size: 15px;
    color: #fff;
    font-weight: 700
}

.listEcy .release_dg .match_forecast.pt25 {
    padding-top: 25px
}

.matchTypeT_txt {
    position: absolute;
    z-index: 2;
    left: 0;
    top: -10px;
    width: 110px;
    height: 20px;
    line-height: 20px;
    padding-left: 15px;
    color: hsla(0,0%,100%,.5)
}

.sharePic_t .bd_left110:before {
    left: 110px
}

.listEcy .goal_nub.t25 {
    top: 25px
}

.sharePic_t .scoreTxt {
    color: #ffda44;
    font-size: 18px
}

.listEcy .release_tj .match_opponent.pb0 {
    padding-bottom: 0
}

.sharePic_t .listEcy.pb10 {
    padding-bottom: 10px
}

.sharePic_t .listEcy .correct_icon,.sharePic_t .listEcy .wait_icon,.sharePic_t .listEcy .wrong_icon {
    right: 15px;
    top: -10px
}

.sharePic_t .listEcy.pb0 {
    padding-bottom: 0
}

.statiRoc li.w100 {
    width: 100%
}

.stati_op_box>div {
    width: 1%
}

.stati_op_box>div,.stati_op_lq {
    white-space: nowrap
}

.stati_op_lq>div {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px
}

.stati_op_lq>div span {
    display: block
}

.sharePic_t.dc_lq_wc {
    height: 280px
}

.sharePic_t.lq_ecy_wc {
    height: 490px
}

.rightSp {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 125px;
    height: 70px;
    text-align: center
}

@media screen and (min-width:320px) and (max-width:340px) {
    .rightSp {
        width: 88px
    }
}

.rightSp_t {
    display: inline-block;
    font-size: 21px;
    color: #ffda44
}

.rightSp_t span {
    position: absolute;
    top: -5px;
    left: 105%;
    font-size: 12px
}

.rightSpBtn {
    display: inline-block;
    margin: 0 auto;
    margin-top: 5px;
    padding: 0 10px;
    height: 18px;
    line-height: 18px;
    border-radius: 15px;
    background: #5383ec;
    font-size: 10px;
    text-decoration: none;
    color: #fff
}

.rightSp_lline {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: red
}

.rightSp_lline:before {
    border-right-color: #5f76bb
}

.planIntroduc {
    padding: 15px
}

.planIntroduc_con {
    font-size: 13px;
    color: #666;
    height: 40px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.planIntroduc_link {
    font-size: 13px;
    color: #5383ec;
    text-decoration: none
}

.pastTitle {
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    color: #999;
    text-align: center
}

.pastTitle span b {
    position: absolute;
    top: 50%;
    width: 25px
}

.pastTitle span b:first-child {
    left: 100%;
    margin-left: 8px
}

.pastTitle span b:last-child {
    right: 100%;
    margin-right: 8px
}

.ecyPlan_white {
    margin: 0
}

.ecyPlan_white .ecyPlan_t {
    border-radius: 0;
    background: #fff
}

.ecyPlan_white .ecyPlan_t .recommend_tab a.active {
    border-bottom: 2px solid #ffda44;
    color: #333
}

.ecyPlan_white .ecyPlan_t .recommend_tab a {
    color: #5383ec
}

.ecyPlan_white .ecyPlan_t_c_li {
    padding: 20px 0
}

.ecyPlan_white .ecyPlan_t_c_li p {
    color: #999
}

.ecyPlan_white .ecyPlan_c_li {
    margin-top: 10px
}

.ecyPlan_white .ecyPlan_c_li .hasZambia {
    background: #fff
}

.ecyPlan_white .hasZambia>div.hasZambia_txt {
    border: none
}

.ecyPlan_white .ecyPlan_c_li .hasZambia>div {
    border-color: #fff
}

.trendTable {
    position: absolute;
    z-index: 999;
    left: 0;
    top: 125px;
    width: 100%;
    background: #3e569d;
    padding: 10px 0;
    visibility: hidden;
    opacity: 0
}

.trendTable.animate {
    top: 100px;
    visibility: visible;
    opacity: 1
}

.trendTable_close {
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: -60px;
    width: 60px;
    height: 60px;
    background: url(/images/yuce/trendTable_close.2aea93889528cd875967.png);
    background-size: cover
}

.circleMess .messageCon>p,.messageConTxt {
    margin-top: 10px;
    font-size: 15px;
    line-height: 22px
}

.circleMess .imgIwrap {
    margin-top: 15px
}

.circleMessIcon {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    width: 25px;
    height: 25px;
    background: url(/images/yuce/circleMessIcon.870a340fce8ad57e14b0.png);
    background-size: 25px 75px
}

.circleMessIcon01 {
    background-position: 0 0;
    margin-left: -4px
}

.circleMessIcon01.active {
    background-position: 0 -25px
}

.circleMessIcon02 {
    background-position: 0 -50px
}

.circleMess .rewardName {
    font-size: 12px
}

.circleMess .rewardBar {
    padding-bottom: 0
}

.rewardBar .circleMessIcon {
    transform: scale(.8);
    margin-top: -3px;
    margin-right: 0
}

.circleMess .messageReply {
    background: none;
    padding: 0;
    margin-top: 10px;
    font-size: 14px
}

.circleMess ul li {
    padding: 20px 15px
}

.shareShadow {
    position: absolute;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7)
}

.shareShadow img {
    width: 100%
}

.share01,.share02 {
    margin-top: -20px
}

.betBtn.share {
    background: #b49566;
    right: 100px;
    font-size: 13px
}

@media screen and (min-width:320px) and (max-width:340px) {
    .betBtn.share1 {
        width: 75px
    }

    .betBar_l_txt {
        padding-left: 10px
    }

    .betBtn.share {
        right: 75px;
        width: 80px
    }
}

@media screen and (min-width:341px) and (max-width:374px) {
    .betBtn {
        width: 90px
    }

    .betBar_l_txt {
        padding-left: 20px
    }

    .betBtn.share {
        right: 90px
    }
}

.profitScroll .v2_tuijian {
    height: 105px
}

.profitScroll.animate .v2_tuijian {
    height: 0
}

.profitScroll_sns {
    bottom: 195px
}

.profitScroll_con .messageFixed {
    bottom: 145px
}

.profitScroll.animate .profitScroll_sns {
    bottom: 90px
}

.profitScroll.animate .profitScroll_con .messageFixed {
    bottom: 40px
}

.duihuanIcon {
    right: 45px;
    background: url(/images/yuce/duihuanIcon.a18af62b77ae94b34322.png);
    background-size: cover
}

.exChangeTip {
    position: absolute;
    top: 52px;
    right: 52px;
    background: #f39800;
    border-radius: 5px;
    padding: 7px 15px;
    z-index: 5
}

.exChangeTip:after {
    content: "";
    position: absolute;
    top: -5px;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #f39800
}

.exChangeTip.animate {
    opacity: 0;
    visibility: hidden
}

.iphoneTop .exChangeTip {
    top: 65px
}

.login_btn.p30 {
    padding-left: 30px;
    padding-right: 30px
}

.botTipBtn {
    width: 200px;
    line-height: 45px;
    background: #f39800;
    border-radius: 30px;
    font-size: 16px;
    color: #fff
}

.botTipBtn,.botTipBtn_icon {
    display: inline-block;
    vertical-align: top;
    height: 45px
}

.botTipBtn_icon {
    position: relative;
    width: 45px;
    margin-right: 10px;
    background: url(/images/yuce/botTipBtn_icon.65c8e55fe88860922414.png);
    background-size: cover
}

.botTipBtn_icon em {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 16px;
    height: 16px;
    line-height: 14px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #ea4747;
    font-size: 10px;
    color: #fff
}

.sinMatch,.strandMatch {
    position: relative;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 3px;
    margin: 0 15px
}

.matchtTimeBar {
    line-height: 12px;
    color: #999
}

.matchtTimeBar span {
    font-size: 11px;
    margin-right: 5px
}

.sinMatchName {
    font-size: 14px;
    color: #333;
    margin-top: 10px
}

.matchtTypeBar {
    height: 16px;
    line-height: 16px;
    margin-top: 10px;
    font-size: 0
}

.matchtTypeBar span {
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    margin-right: 5px;
    padding: 0 4px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    border-radius: 2px
}

.matchtTypeBar span.bg_9c6f22 {
    background: #9c6f22
}

.matchtTypeBar span.bg_yellow {
    background: #f39800
}

.matchtTypeBar span.bg_orange {
    background: #f17b1b
}

.matchtTypeBarIcon {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url(/images/yuce/matchtTypeBarIcon.93294ac59423d934cedb.png);
    background-size: 8px 24px;
    margin-right: 3px
}

.matchtTypeBarIcon01 {
    background-position: 0 0
}

.matchtTypeBarIcon02 {
    background-position: 0 -8px
}

.matchtTypeBarIcon03 {
    background-position: 0 -16px
}

.priceTip {
    position: absolute;
    width: 55px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 20px;
    right: 15px;
    top: 25px;
    background: #fff;
    font-size: 11px;
    color: #333
}

.priceTip.top35 {
    top: 35px
}

.sinMatch .chedan_icon,.sinMatch .correct_icon,.sinMatch .invalid_icon,.sinMatch .wait_icon,.sinMatch .wrong_icon {
    top: -8px
}

.chedan_icon {
    background: url(/images/yuce/chedan_icon.64f40f662dfa9411843f.png);
    background-size: cover
}

.stran_l {
    width: 50px;
    font-size: 12px;
    color: #999
}

.stran_l,.stran_name {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap
}

.stran_name {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 75px;
    font-size: 14px;
    color: #333
}

.stranMatchTeam {
    height: 23px;
    line-height: 23px;
    white-space: nowrap
}

.stranMatchName {
    margin-top: 8px
}

.strandMatch .priceTip {
    top: 37px
}

@media screen and (min-width:320px) and (max-width:340px) {
    .sinMatch .priceTip,.strandMatch .priceTip {
        top: 10px!important
    }
}

.expertInteI .hw_date {
    font-size: 0
}

.expertInteI .hw_date span {
    font-size: 10px
}

.hw_jdSpesc .shareFree {
    padding-top: 13px
}

.q_expert_inte .chedan_icon {
    right: 25px;
    bottom: 25px;
    top: auto
}

.freeUserGroupBtn li {
    display: inline-block;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #333;
    padding: 0 12px;
    margin: 0 6px
}

.freeUserGroupBtn li.active {
    background: #ffda44
}

.freeUserGroupBtn li.active:before {
    border-width: 0
}

.freeUserGroup {
    padding: 15px 0
}

.spotType {
    position: relative;
    padding-left: 55px;
    padding-top: 15px;
    padding-bottom: 15px
}

.spotTypeIcon {
    left: 15px;
    width: 30px;
    background: url(/images/yuce/spotTypeIcon.1db3a69d783ebe08e6e1.png);
    background-size: cover
}

.spotTypeBtn,.spotTypeIcon {
    position: absolute;
    top: 50%;
    height: 30px;
    transform: translateY(-50%)
}

.spotTypeBtn {
    right: 15px;
    width: 75px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #5383ec;
    font-size: 13px;
    color: #5383ec;
    border-radius: 3px;
    text-decoration: none
}

.spotTimeIcon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url(/images/yuce/spotTimeIcon.6774f26f2520619a9dae.png);
    background-size: cover
}

.sum_hy input {
    font-size: 12px;
    color: #333;
    padding-top: 0!important
}

.sum_hy input[type=date]::-webkit-inner-spin-button {
    visibility: hidden
}

.spotHelpTxt {
    padding: 0 30px 0 50px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -30px;
    width: 100%;
    transform: translateY(-50%)
}

.spotHelpTxt_t {
    font-size: 16px;
    color: #ffda44;
    margin-bottom: 10px
}

.spotHelpTxt_c {
    font-size: 16px;
    color: #fff;
    line-height: 23px;
    margin-bottom: 30px
}

.spotHelpTxt_btn {
    display: block;
    width: 130px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    margin: 20px auto;
    border-radius: 20px
}

.topThreeList {
    margin: 0 15px;
    border: 1px solid #ddd
}

.topThreeList li {
    position: relative;
    background: #fff;
    float: left;
    width: 33.33%;
    text-align: center;
    padding: 23px 0 15px
}

.topThreeList li img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.topThreeList .analyst_guess.black,.topThreeList .analyst_guess.red {
    vertical-align: top;
    margin-left: 5px
}

.topThreeList li:nth-child(2) {
    padding-top: 20px;
    margin-top: -15px;
    background: url(/images/yuce/topThreeList_bg.e750f1c49e512400c328.png) no-repeat;
    background-size: 100% auto
}

.topThreeList li:nth-child(2) img {
    width: 70px;
    height: 70px
}

.topThreeList_nub {
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: -12px;
    width: 24px;
    height: 24px;
    line-height: 20px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 12px;
    color: #fff
}

.topThreeList_nub.one {
    background: #ea4747
}

.topThreeList_nub.two {
    background: #999
}

.topThreeList_nub.three {
    background: #dfae67
}

.topThreeList .v2_follow_btn {
    position: static;
    display: inline-block;
    margin-top: 10px;
    transform: none
}

.borlruleBtn {
    position: absolute;
    top: 0;
    right: 15px;
    width: 80px;
    height: 30px
}

.tab280 {
    width: 180px;
    height: 28px;
    line-height: 26px;
    border: 1px solid #999;
    margin: 0 auto;
    border-radius: 3px;
    text-align: center
}

.tab280 a {
    float: left;
    width: 50%;
    height: 26px;
    font-size: 14px;
    color: #999;
    text-decoration: none
}

.tab280 a.active {
    background: #999;
    color: #fff
}

.analyst_guess.black {
    margin-top: 0;
    margin-left: 2px;
    background: #666;
    color: #fff;
    font-size: 10px
}

.analyst_guess.black:before {
    display: none
}

.noRefund {
    padding: 15px 10px
}

.noRefundList {
    background: #f5f5f5;
    border-radius: 5px
}

.noRefundList li {
    position: relative;
    padding: 12px 10px;
    padding-left: 50px
}

.noRefundIcon {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    background: url(/images/yuce/noRefundIcon.4f342a5122d1f98f71de.png);
    background-size: 30px 150px
}

.noRefundIcon01 {
    background-position: 0 0
}

.noRefundIcon02 {
    background-position: 0 -30px
}

.noRefundIcon03 {
    background-position: 0 -60px
}

.noRefundIcon04 {
    background-position: 0 -90px
}

.noRefundIcon05 {
    background-position: 0 -120px
}

.selfSum {
    position: absolute;
    top: 12px;
    right: 15px;
    text-align: right
}

.title_h25 {
    position: relative;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    padding: 0 15px
}

.title_h25 span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #ffda44;
    left: 0;
    top: 50%;
    margin-top: -2px
}

.estime {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: #666;
    border-radius: 3px;
    color: #fff
}

.unpublish {
    position: relative;
    padding: 10px 0 25px;
    text-align: center
}

.estimeIcon {
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
    margin-right: 10px;
    width: 12px;
    height: 12px;
    background: url(/images/yuce/estimeIcon.f44a0e335052117a8073.png);
    background-size: cover
}

.norefundTip {
    position: absolute;
    left: 15px;
    top: -9px;
    height: 18px;
    line-height: 16px;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 0 10px;
    font-size: 11px;
    color: #fff;
    background: #ea4747
}

.unpublish .chedan_icon {
    right: 20px;
    top: -25px
}

.v2_short_des {
    font-size: 14px;
    line-height: 23px;
    color: #333
}

.onthespot {
    position: relative;
    font-size: 12px;
    color: #bbb;
    padding-left: 30px
}

.onthespot i {
    position: absolute;
    width: 25px;
    height: 1px;
    left: 0;
    top: 50%
}

.hw_referee .noRefund {
    padding: 0;
    margin-top: 15px;
    line-height: 20px
}

.hw_referee .title_h25 {
    padding: 0
}

.hw_referee .reason_con {
    padding: 12px 0 15px
}

.hw_referee .unpublish {
    line-height: 20px
}

.hw_referee .unpublish .chedan_icon {
    top: 20px;
    right: 5px
}

.pubResultBtn {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 60px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    border: 1px solid #ea4747;
    color: #ea4747;
    font-size: 12px;
    border-radius: 2px;
    text-decoration: none
}

.issue {
    position: relative;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    padding: 0 15px 0 30px;
    background: #eee;
    font-size: 14px;
    color: #333
}

.issue:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 18px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #999
}

.issue.active:before {
    background: #ea4747
}

.v2_list_wrap.mb0 .v2_list_wrap_dd {
    margin-bottom: 0
}

.sum_hy .disable-user-behavior {
    display: inline-block;
    vertical-align: middle;
    min-width: 90%
}

.sum_hy .item {
    padding: 5px;
    border: none;
    margin-left: 5px;
    font-size: 12px
}

.ion-datetime-picker-popup .popup {
    width: 90%;
    max-height: 90%;
    min-height: 70%
}

.profitPlanModel_li_b .theRedTip {
    left: 13px;
    height: 19px;
    top: -10px;
    line-height: 15px;
    border: 2px solid #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.screenPupup {
    position: absolute;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    background: #fff;
    padding: 15px;
    z-index: 999;
    transform: translateX(100%);
    opacity: 0
}

.screenPupup.animate {
    transform: none;
    opacity: 1
}

.screenPupupScroll {
    height: 90%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.screenPupup_title {
    font-size: 13px;
    color: #333;
    height: 40px;
    line-height: 40px
}

.screenPupup_btn li {
    float: left;
    width: 31%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #333;
    background: #eee;
    border-radius: 3px;
    text-align: center;
    margin-right: 3%
}

.screenPupup_btn li:nth-child(3n) {
    margin-right: 0
}

.screenPupup_btn li.active {
    border: 1px solid #5383ec;
    line-height: 28px;
    color: #5383ec;
    background: none
}

.screenPupup_b {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0
}

.screenPupup_b a {
    display: block;
    float: left;
    width: 50%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    color: #333
}

.screenPupup_b a.active {
    background: #ffda44
}

.hw_icon1_1 {
    background-position: -255px 0
}

.hw_icon1_2 {
    background-position: -255px -30px
}

.hw_icon1_3 {
    background-position: -255px -60px
}

.hw_no_recom img {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
    margin-top: 120px
}

.short_btn a.yellow {
    color: #333;
    background: #ffda44;
    border-color: #ffda44
}

.btn640 {
    position: absolute;
    width: 100%;
    text-decoration: none;
    padding: 0;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    text-align: center;
    left: 0;
    bottom: 0
}

.btn640,.btn640.yellow {
    color: #fff;
    background: #ff9000
}

.btn640 .add_ico {
    color: #fff;
    font-weight: 700
}

.hw_tk_tiptxt {
    padding: 40px 0 20px
}

.hw_tk_tiptxt h3 {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px
}

.hw_tk_tiptxt p {
    font-size: 12px;
    color: #999;
    line-height: 17px;
    margin-bottom: 4px
}

.hw_select_down:after {
    content: "";
    position: absolute;
    top: 14px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transform: rotate(45deg)
}

.hw_hyList {
    padding-left: 4%
}

.hw_hyList li {
    float: left;
    width: 29%;
    padding: 7px 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    text-align: center;
    margin-right: 4%;
    margin-bottom: 15px;
    color: #333;
    position: relative
}

.hw_hyList li p {
    margin-bottom: 0
}

.hw_hyList li.active {
    background: #ffda44;
    color: #333;
    border-color: #ffda44
}

.hw_hyList li.active .c999 {
    color: #333
}

.discount_icon {
    position: absolute;
    right: -6px;
    top: -8px;
    height: 20px;
    line-height: 16px;
    padding: 0 9px;
    border-radius: 10px;
    border: 2px solid #fff;
    background: #e60012;
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

.hw_huoyan {
    position: absolute;
    right: 15px;
    top: 22px;
    width: 39px;
    height: 39px;
    border-radius: 3px;
    font-size: 10px;
    color: #333;
    text-align: center;
    line-height: 14px
}

.hw_huoyan.c999,.hw_huoyan.c999 .red {
    color: #999
}

.fs15 {
    font-size: 15px
}

.hw_jdSpesc {
    clear: both;
    padding-top: 15px;
    font-size: 14px;
    color: #666
}

.hw_jdSpesc h3 {
    font-size: 18px;
    line-height: 27px;
    color: #333;
    font-weight: 400;
    margin-bottom: 10px
}

.hw_jdSpesc>p {
    margin-bottom: 0;
    color: #999;
    line-height: 21px;
    font-size: 14px;
    height: 42px;
    overflow: hidden
}

.hw_imgWrap em {
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 4px;
    overflow: hidden
}

.hw_imgWrap em img {
    width: 100%
}

.hw_addImg {
    background: #f4f4f4;
    text-align: center;
    line-height: 70px
}

.hw_addImg a {
    display: block;
    height: 100%
}

.hw_moreDot {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 5px;
    height: 5px;
    background: #bbb;
    border-radius: 50%
}

.hw_moreDot:before {
    left: -10px
}

.hw_moreDot:after,.hw_moreDot:before {
    content: "";
    position: absolute;
    top: 0;
    width: 5px;
    height: 5px;
    background: #bbb;
    border-radius: 50%
}

.hw_moreDot:after {
    left: 10px
}

.hw_referee {
    margin: 0 15px;
    padding: 16px 0;
    color: #333;
    font-size: 16px;
    line-height: 26px
}

.hw_referee h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 26px
}

.hw_referee h3 {
    font-size: 16px;
    margin: 25px 0 25px
}

.hw_date {
    font-size: 13px;
    margin-bottom: 10px
}

.hw_resetPwd {
    display: inline-block;
    vertical-align: middle;
    height: 33px;
    line-height: 33px;
    padding: 0 23px;
    border-radius: 4px;
    background: #ffda44;
    font-size: 14px;
    color: #333;
    text-decoration: none
}

.hw_problem_com_t {
    height: 35px;
    line-height: 35px;
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #f1f1f1
}

.hw_problem_com_con {
    padding: 15px 0
}

.hw_problem_com_con p {
    margin-bottom: 0;
    font-size: 14px;
    color: #666;
    line-height: 22px
}

.hw_jdTitle {
    font-size: 14px;
    color: #999;
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    margin-bottom: 4px
}

.hw_clockIcon {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: 14px;
    background-position: -285px 0;
    margin-right: 5px
}

.ml5 {
    margin-left: 5px
}

.hw_hotIcon {
    background: #f45757
}

.hw_hotIcon,.hw_jIcon {
    font-weight: 400;
    margin-top: -2px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 3px;
    font-size: 10px
}

.hw_jIcon {
    background: #f39800
}

.c333 {
    color: #333
}

.lh24 {
    line-height: 24px
}

.mt17 {
    margin-top: 17px
}

.hw_abs_showIcon {
    position: absolute;
    right: 0;
    top: 16px;
    width: 22px;
    height: 22px
}

.hw_rt_arrow {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px
}

.hw_vote {
    margin-top: 15px;
    padding: 15px 0 15px 4.6875%;
    background: #fafafa;
    position: relative;
    width: 110%;
    left: -4.6875%
}

.hw_voteItem {
    margin: 0 0 12px 0;
    padding: 0;
    border: 0
}

.voteTitle {
    height: 19px;
    line-height: 19px;
    font-size: 14px;
    color: #666
}

.voteGraph {
    margin-top: 5px;
    height: 14px;
    line-height: 14px;
    font-size: 14px
}

.vote_w {
    float: left;
    height: 14px;
    width: 46%;
    margin-right: 10px;
    background: #e5e5e5
}

.vote_n {
    display: inline-block;
    vertical-align: top;
    height: 14px;
    background: #ffda44
}

.hw_ct_bar {
    padding: 8px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    display: -webkit-box;
    display: box;
    display: -ms-flexbox;
    display: flex
}

.hw_ct_bar em {
    margin: 0;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
    border: 0;
    box-flex: 1;
    display: block;
    -ms-flex: 1;
    flex: 1
}

.hw_ct_bar em:last-child {
    border-right: 0
}

.hw_ct_bar em a {
    color: #999;
    font-size: 12px;
    text-decoration: none;
    display: block
}

.hw_ct_bar .active .hw_zanIcon {
    background-position: -304px -20px
}

.hw_msgIcon,.hw_shareIcon,.hw_zanIcon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.hw_zanIcon {
    background-position: -304px 0
}

.hw_msgIcon {
    background-position: -285px -20px
}

.hw_shareIcon {
    background-position: -285px -41px;
    margin-right: 0
}

.q_view_decod.hw_fix_shareBar ul li {
    position: relative;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px
}

.hw_imgWrap2 {
    padding: 10px 0;
    width: 100%
}

.hw_imgWrap2 em {
    float: left;
    width: 32%;
    height: 80px;
    overflow: hidden;
    margin-right: 2%;
    margin-top: 3px;
    position: relative
}

.hw_imgWrap2 em.gif:after {
    content: "GIF";
    position: absolute;
    right: 3px;
    bottom: 3px;
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    background: #3688c7;
    color: #fff;
    border-radius: 3px
}

.hw_imgWrap2 em img {
    width: 100%
}

.hw_imgWrap2 em:last-child {
    margin-right: 0
}

.hw_power_ss_select {
    padding-bottom: 0
}

.hw_power_ss_select li.active {
    background: #fffce9;
    position: relative
}

.hw_power_ss_select .q_all_events_listbox>ul li.active:after {
    content: "";
    border: none;
    left: auto;
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 13px;
    height: 13px;
    background: url(/images/yuce/sprite.3bbca8a1026f1728367a.png) -304px -41px no-repeat;
    background-size: 320px 400px
}

.hw_power_ss_select {
    border-width: 0
}

.hw_fixed_panel {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 14px;
    z-index: 99
}

.hw_ss_cart {
    line-height: 24px;
    padding: 5px 10px;
    min-height: 35px
}

.hw_ss_cartTitle {
    float: left;
    width: 50px;
    text-align: right;
    color: #999
}

.hw_ss_handle {
    height: 44px;
    line-height: 44px;
    background: #fff;
    padding-left: 15px
}

.hw_ok_btn,.hw_ss_handle a {
    color: #333;
    text-decoration: none
}

.hw_ok_btn {
    height: 44px;
    line-height: 44px;
    padding: 0 35px;
    background: #ffde00
}

.hw_recommend {
    height: 40px;
    font-size: 16px;
    border-top: 1px solid #eaeaea;
    line-height: 40px;
    padding: 0 15px;
    background: #fff
}

.q_view_decod.hw_fix_shareBar ul li.hw_recommend_item {
    padding-bottom: 15px;
    margin-top: -11px
}

.q_view_decod.hw_fix_shareBar ul li.hw_recommend_item .referee {
    padding-top: 15px
}

.q_view_decod.hw_fix_shareBar ul li.hw_recommend_item .analyst_name {
    font-weight: 700
}

.q_view_decod.hw_fix_shareBar ul li.hw_recommend_item .analyst_jj {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis
}

.hw_abs_rightIcon {
    position: absolute;
    right: 15px;
    top: 17px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #ddd
}

.hw_abs_rightIcon:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -4px 0 0 -5px;
    width: 10px;
    height: 5px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(-45deg)
}

.hw_abs_rightIcon.add {
    position: absolute;
    right: 15px;
    top: 17px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #ffda44
}

.hw_abs_rightIcon.add:after {
    margin: -1.3px 0 0 -6px;
    width: 12px;
    height: 2.5px;
    border: 0;
    transform: rotate(0deg)
}

.hw_abs_rightIcon.add:after,.hw_abs_rightIcon.add:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: #666;
    overflow: hidden
}

.hw_abs_rightIcon.add:before {
    margin: -6px 0 0 -1.3px;
    width: 2.5px;
    height: 12px
}

.hw_separate {
    margin: 0 10px
}

.hw_sale_date {
    height: 25px;
    line-height: 25px;
    margin: 8px 0;
    border-radius: 4px;
    background: #e5e5e5;
    text-align: center;
    color: #666;
    font-size: 12px
}

.hw_jd2Title {
    font-size: 15px;
    color: #333;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin-bottom: 4px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5
}

.hw_jz_date {
    margin-bottom: -10px
}

.hide {
    display: none
}

.hw_abs_state {
    position: absolute;
    right: 15px;
    top: 22px;
    color: #999
}

.up_content {
    background-color: #fff;
    width: 77.33%;
    width: 290px;
    border-radius: 6px;
    position: relative;
    margin: 0 auto;
    top: 50px;
    padding: 60px 25px 20px;
    z-index: 1000
}

.up_logo {
    width: 200px;
    position: absolute;
    left: 50%;
    top: 4%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%)
}

.up_close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
    height: 16px
}

.up_intro {
    text-align: center;
    font-size: 19px;
    color: #333;
    margin: 50px 0 15px
}

.up_word {
    background: url(/images/yuce/update_dotted.c6a857d194ebb944374a.png) no-repeat top;
    width: 100%;
    background-size: 100% 2px;
    padding: 19px 0 20px;
    font-size: 15px;
    color: #666
}

.up_word ul li {
    line-height: 27px
}

.up_word ul li i {
    background-color: #ffda44;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    float: left;
    margin: 10px
}

.up_content a {
    text-decoration: none;
    color: #333
}

.now_update {
    display: block;
    background-color: #ffda44;
    font-size: 18px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 22px;
    font-weight: 700
}

.update_box .popup {
    width: 100%;
    height: 100%;
    background-color: transparent
}

.update_box .popup-head {
    border: 0
}

.update_box .popup-body {
    text-align: left;
    padding: 0;
    overflow: visible
}

.qytj_list {
    width: 100%;
    position: relative
}

.fixed_solids {
    float: left
}

.side_qylist {
    float: left;
    width: 74%;
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.side_qylist table {
    table-layout: fixed
}

.side_qylist tr th {
    height: 35px;
    white-space: nowrap;
    line-height: 35px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    color: #999;
    font-size: 12px
}

.side_qylist tr td {
    padding: 0 16px;
    height: 40px;
    white-space: nowrap;
    line-height: 40px;
    text-align: center;
    color: #666;
    font-size: 12px
}

.side_qylist tr:nth-child(2n) {
    background-color: #fff
}

.side_qylist tr:nth-child(odd) {
    background-color: #fafafa
}

.fixed_solids {
    width: 26%;
    border-right: 1px solid #eee;
    color: #333;
    text-align: left
}

.fixed_solids li:first-child {
    height: 36px;
    line-height: 36px;
    background-color: #fff!important;
    border-bottom: 1px solid #eee;
    color: #999;
    font-size: 12px;
    text-align: left
}

.fixed_solids li {
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 12px;
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fixed_solids li:nth-child(2n) {
    background-color: #fff
}

.fixed_solids li:nth-child(odd) {
    background-color: #fafafa
}

.pd15 {
    padding: 15px
}

.yh_lists li {
    background-color: #fff
}

.pd_banner_title {
    padding: 11px 13px 1px
}

.pd_banner_title h3 {
    font-size: 15px;
    color: #333;
    margin-bottom: 0;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    width: 75%
}

.banner_t_btn {
    padding: 0 6px;
    border-radius: 4px;
    font-size: 10px;
    display: inline-block;
    height: 20px;
    line-height: 20px
}

.sma_shad {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(transparent,rgba(0,0,0,.8));
    background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.8))
}

.scrollCon {
    width: 100%;
    height: 100%;
    padding-top: 44px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.doubleTabWrap {
    padding: 12px 0;
    background: #fff
}

.doubleTab {
    margin: 0 auto;
    width: 160px;
    height: 28px;
    border: 1px solid #666;
    border-radius: 14px;
    text-align: center;
    overflow: hidden
}

.doubleTab a {
    display: block;
    text-decoration: none;
    width: 50%;
    float: left;
    line-height: 26px;
    font-size: 15px;
    color: #666
}

.doubleTab a.active {
    color: #fff;
    background: #666;
    font-weight: 700
}

.recordSound {
    height: 170px;
    background: #fff;
    padding-top: 25px
}

.recordSoundBtn {
    position: relative;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(0,0,0,.15);
    margin: 0 auto
}

.recordSoundIcon {
    position: absolute;
    z-index: 5;
    top: 9px;
    left: 9px;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: url(/images/yuce/recordSoundIcon.e99dd69b0134b3a76234.png);
    background-size: 62px 186px
}

.recordSoundIcon01 {
    background-color: #40ca88;
    background-position: 0 0
}

.recordSoundIcon02 {
    background-color: #eb6100;
    background-position: 0 -62px
}

.recordSoundIcon03 {
    background-color: #eb6100;
    background-position: 0 -124px
}

.recordSoundTime {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px
}

.recordSoundTime .h-circle {
    width: 100%;
    height: 100%;
    margin: 0
}

.recordSoundTime .h-circle div {
    width: 80px;
    height: 80px
}

.recordSoundTime .h-circle .bg {
    border: 1px solid #fff
}

.recordSoundTime .h-circle .rount {
    border: 1px solid #eb6100;
    clip: rect(0,40px,80px,0)
}

.recordSoundTime .h-circle .bg2 {
    border: 1px solid #fff;
    clip: rect(0,40px,80px,0)
}

.recordSoundTime .h-circle .rount2 {
    border: 1px solid #eb6100;
    clip: rect(0,80px,80px,40px)
}

.recordSoundTime .q_circle_time {
    font-size: 12px;
    color: #eb6100
}

.reSoundBtn {
    position: absolute;
    top: 40px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    font-size: 14px
}

.reSoundBtn_l {
    right: 50%;
    margin-right: 75px;
    color: #999
}

.reSoundBtn_r {
    left: 50%;
    margin-left: 75px;
    color: #007eff
}

.bdc_007eff:before {
    border-color: #007eff
}

.audioBox {
    position: relative;
    padding: 15px;
    border-radius: 3px;
    margin: 0 15px
}

.audioSwitchIcon {
    width: 40px;
    height: 40px;
    text-align: center;
    background: url(/images/yuce/audioSwitchIcon.abd2815ec10b1328f5bd.png);
    background-size: 40px 80px;
    background-color: #5383ec;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0,0,0,.15)
}

.audioSwitchIcon.none {
    background: #5383ec
}

.audioSwitchIcon.none .spinner {
    display: block
}

.audioSwitchIcon.active {
    background-position: 0 -40px
}

.audioSwitchIcon .spinner {
    display: none;
    fill: #fff
}

.audioSwitchIcon .spinner-ios-small {
    stroke: #fff
}

.audioSwitchIcon .spinner svg {
    margin-top: 6px
}

.audioTimelength {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #999
}

.audioProgress {
    z-index: 2;
    left: 70px;
    right: 56px;
    top: 50%;
    height: 3px;
    background: #e5f2ff;
    transform: translateY(-50%)
}

.audioProgress,.audioProgressInner {
    position: absolute;
    border-radius: 1px
}

.audioProgressInner {
    background-color: #5383ec;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.audioProgressHandle {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 2;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,.15);
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    transform: translateY(-50%)
}

.audioProgressHandle:after {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    content: " "
}

.audioBox_b {
    padding: 20px 15px 0 25px
}

.audioRemake {
    width: 60px;
    height: 30px;
    line-height: 28px;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid #5383ec;
    border-radius: 5px
}

.audioRemake,.audioTipTime {
    text-align: center;
    color: #5383ec
}

.audioTipTime {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: -48px;
    width: 70px;
    height: 35px;
    line-height: 33px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 18px;
    box-shadow: 0 5px 15px rgba(0,0,0,.15);
    transform: translateX(-50%)
}

.audioTipTime:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -2px;
    top: 100%;
    margin-top: -1px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transform: rotate(45deg) translateX(-50%);
    -webkit-transform: rotate(45deg) translateX(-50%)
}

.recordSound_hr {
    padding: 15px 0 25px;
    height: auto
}

.recordSound_zj {
    padding: 0 0 15px 0;
    height: auto;
    line-height: 20px
}

.recordSound_zj .audioBox {
    margin: 0
}

.doingsIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/images/yuce/doingsIcon.332f81e641325a3c328d.png);
    background-size: 20px 80px;
    vertical-align: middle;
    margin-right: 5px
}

.doingsIcon01 {
    background-position: 0 0
}

.doingsIcon02 {
    background-position: 0 -40px
}

.recommend_tab.bg_3e569d a.active .doingsIcon01 {
    background-position: 0 -20px
}

.recommend_tab.bg_3e569d a.active .doingsIcon02 {
    background-position: 0 -60px
}

.doingsTime {
    color: #999;
    right: 0;
    top: 36px
}

.doingsSelectTime,.doingsTime {
    position: absolute;
    font-size: 12px
}

.doingsSelectTime {
    line-height: 44px;
    top: 0;
    right: 15px;
    padding-right: 20px;
    color: #fff
}

.doingsSelectTime:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -6px;
    width: 7px;
    height: 7px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.slide_choose_doings {
    width: 130px;
    border-radius: 5px
}

.slide_choose_doings ul li {
    padding-right: 12px;
    color: #5383ec
}

.slide_choose_doings {
    right: 10px;
    left: auto;
    transform: none
}

.doingsList .hw_jdSpesc h3 {
    padding-bottom: 15px;
    font-size: 15px
}

.autoTrans {
    font-size: 12px;
    color: #f4a60c;
    line-height: 16px;
    margin: 15px 0
}

.autoTrans span {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    font-weight: 700;
    background: #f4a60c;
    border-radius: 50%
}

.doingsList .hw_jdSpesc>p {
    font-size: 15px;
    color: #333;
    height: auto
}

.imgIwrap2 {
    margin-top: 15px
}

.imgIwrap2 img {
    width: 100%
}

.doingsList .listCard_tiezi_b {
    padding: 20px 0 15px
}

.listCard_tiezi.pb25 {
    padding-bottom: 25px
}

.voice_txt {
    padding: 15px;
    line-height: 20px;
    font-size: 12px;
    color: #999
}

.voice_Icon {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #5383ec;
    border-radius: 50%;
    vertical-align: top;
    margin: 0 4px;
    box-shadow: 0 3px 15px rgba(0,0,0,.15)
}

.voice_Icon:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 1px;
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #fff;
    transform: translate(-50%,-50%)
}

.q_expert_inte .voice_txt {
    padding: 15px 15px 0;
    margin-top: 10px
}

.q_expert_inte .voice_txt:before {
    left: 15px
}

.q_expert_inte .voice_Icon {
    margin-left: 0
}

.compLink {
    font-size: 11px;
    color: #5383ec;
    text-decoration: none
}

.comp_select {
    position: absolute;
    right: 15px;
    top: 50%;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background: #eee;
    transform: translateY(-50%)
}

.comp_select.active {
    background: none
}

.comp_select.active:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    width: 9px;
    height: 9px;
    background: #5383ec;
    border-radius: 50%;
    transform: translate(-50%,-50%)
}

.details_vote .appearCon {
    margin: 0 15px;
    padding: 0
}

.details_vote .appearCon textarea {
    padding: 10px;
    background: #f1f1f1;
    border-radius: 3px
}

.details_vote .hw_voteItem:last-child:before {
    border-width: 0
}

.speColumnLi {
    padding: 18px 15px
}

.speColumnLi_l {
    width: 75px;
    float: left;
    text-align: center
}

.speColumnImg {
    height: 90px;
    border-radius: 3px;
    overflow: hidden
}

.speColumnLi_r {
    padding-left: 90px;
    height: 90px
}

.speColumnLi_r_t {
    font-size: 16px;
    color: #5383ec
}

.speColumnLi_r_c {
    font-size: 14px;
    color: #999;
    margin-top: 7px
}

.speColumnLi_r_b {
    font-size: 12px;
    color: #333;
    height: 35px;
    line-height: 18px;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.subscribePopup {
    position: absolute;
    z-index: 999;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    transform: translateY(100%)
}

.subscribePopup.animate {
    opacity: 1;
    transform: none
}

.subscribePopup_t {
    position: relative;
    font-size: 14px;
    color: #333;
    height: 50px;
    line-height: 50px;
    text-align: center
}

.subscribePopup_t .clearInputBtn {
    color: #bbb
}

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

.subscribePopup_c .login_btn {
    padding: 0
}

.subscribePopup_c .login_btn a {
    margin-bottom: 0;
    padding: 0 18px
}

.subscribePopup_c .successIcon {
    position: static;
    margin: 0 auto;
    top: 33px;
    left: 50%;
    z-index: 2;
    width: 77px;
    height: 77px
}

.subscribePopup_c .successIcon01 {
    background: url(/images/yuce/successIcon01.01d04b8f3393b95e8503.png);
    background-size: cover
}

.subscribePopup_c .successIcon02 {
    background: url(/images/yuce/successIcon02.e6b33237d55a5ff8ff4c.png);
    background-size: cover
}

.subscribePopup_c .my_profit_sum ul li {
    border-right: 0
}

.subscribePopup_c .my_profit_sum {
    padding-bottom: 30px
}

.subscribePopup_c .my_profit_sum ul li p {
    font-size: 16px;
    font-weight: 700
}

.subscribePopup_c .my_profit_sum ul li span {
    font-size: 11px
}

.probateList_li {
    margin-bottom: 10px;
    background: #fff
}

.probateList_li_t {
    padding: 15px
}

.probateList_h3 {
    font-size: 18px;
    color: #333
}

.probateList_img {
    margin-top: 15px;
    height: 130px;
    border-radius: 5px;
    overflow: hidden
}

.probateList_li_t p {
    font-size: 13px;
    color: #999;
    line-height: 21px;
    margin-top: 15px;
    margin-bottom: 0
}

.probateList_li_b {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 12px;
    color: #999
}

.recommend_tabNew {
    box-shadow: none!important
}

.recommend_tabNew a {
    font-size: 15px;
    font-weight: 700
}

.recommend_tabNew a.active {
    border-bottom: 0
}

.recommend_tabNew a.active span:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 100%;
    margin-left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ea4747
}

.columnProWrap {
    padding: 15px 15px 0
}

.columnPro {
    position: relative;
    height: 155px;
    border-radius: 5px;
    overflow: hidden
}

.columnProTxt {
    position: relative;
    z-index: 2;
    padding: 50px 20px 20px
}

.columnProCover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 155px;
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.85))
}

.columnProTip {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0 8px;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    font-size: 11px;
    color: #fff;
    background: #b28850
}

.columnProList li {
    padding: 20px 25px;
    background: #fff
}

.columnProList li h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px
}

.columnProList li p {
    font-size: 13px;
    color: #666;
    line-height: 18px;
    margin-bottom: 20px
}

.columnProList li p:last-child,.columnUpdate {
    margin-bottom: 0
}

.columnUpdate {
    padding: 20px 25px
}

.columnUpdate dt {
    font-size: 16px;
    color: #333
}

.columnUpdate dd {
    padding-top: 15px
}

.columnUpdate dd>div:last-child {
    margin-top: 3px
}

.subscribar {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    box-shadow: 0 0 10px rgba(0,0,0,.15)
}

.subscribar a {
    display: block;
    text-align: center;
    font-size: 15px;
    text-decoration: none
}

.subscribar a.white {
    background: #fff;
    color: #eb6100
}

.subscribar a.orange {
    background: #eb6100;
    color: #fff
}

.columnTab {
    height: 40px;
    line-height: 40px
}

.columnTab a {
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    color: #5383ec
}

.columnTab a.active {
    color: #333
}

.flashbackCol {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 12px;
    color: #999
}

.flashbackColIcon {
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    width: 12px;
    height: 10px;
    background: url(/images/yuce/flashbackColIcon.85df423b4484f55070db.png);
    background-size: cover
}

.playTop {
    position: relative;
    height: 150px
}

.playTop:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 120px;
    background: #3e569d
}

.playSildeli {
    position: relative;
    z-index: 2;
    padding: 20px 25px
}

.playTopImg {
    float: left;
    width: 120px;
    height: 120px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,.2)
}

.playTopName {
    padding-left: 145px
}

.playTop .slider {
    z-index: 2
}

.playTop .slider-pager {
    text-align: right;
    padding-right: 15px;
    bottom: 35px
}

.playTop .slider-pager .slider-pager-page {
    vertical-align: top;
    width: 5px;
    height: 5px;
    margin: 0 2px;
    border-radius: 50%;
    background: #ffda44;
    font-size: 0
}

.playTop .slider-pager .slider-pager-page.active1 {
    opacity: 1
}

.playTop .slider-slide {
    height: 150px
}

.playAll .audioBox {
    padding: 0 0 15px 10px
}

.playAllTxt {
    padding-left: 50px;
    height: 40px;
    line-height: 40px;
    color: #5383ec;
    font-size: 16px
}

.voiceDownIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url(/images/yuce/voiceDownIcon.c5864141a7ccde434442.png);
    background-size: cover;
    margin-right: 5px
}

.playAll .audioSwitchIcon {
    transform: scale(.77)
}

.downVoiceList li {
    position: relative;
    padding: 15px 25px;
    background: #fff
}

.downVoiceList li h4 {
    font-size: 16px;
    color: #333;
    margin: 0
}

.downVoiceList li h4.active {
    color: #5383ec
}

.downVoiceList li p {
    font-size: 12px;
    color: #999;
    margin-bottom: 0;
    margin-top: 5px
}

.downVoiceList li p span {
    margin-right: 15px
}

.hasDownIcon {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: top;
    margin-top: 4px;
    background: url(/images/yuce/hasDownIcon.cc511191fa3d74f7a16e.png);
    background-size: cover
}

.downVoiceList .news_moreBtn {
    top: 2px
}

.downVoiceList .news_moreBtn span,.downVoiceList .news_moreBtn span:after,.downVoiceList .news_moreBtn span:before {
    width: 3px;
    height: 3px
}

.downVoiceList .news_moreBtn span:before {
    left: -6px
}

.downVoiceList .news_moreBtn span:after {
    right: -6px
}

.downVoiceList .news_moreBtn.active span,.downVoiceList .news_moreBtn.active span:after,.downVoiceList .news_moreBtn.active span:before {
    background: #5383ec
}

.voicDownTip {
    font-size: 0;
    position: absolute;
    right: 15px;
    top: 40px;
    z-index: 3;
    background: #fff;
    white-space: nowrap;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,.15)
}

.voicDownTip a {
    display: inline-block;
    text-align: center;
    padding: 10px 15px 5px;
    text-decoration: none
}

.voicDownTipIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top
}

.voicDownTipIcon01 {
    background: url(/images/yuce/voicDownTipIcon01.948e147c586610cf1db2.png);
    background-size: 100% 100%
}

.voicDownTipIcon02 {
    background: url(/images/yuce/voiceDownIcon.c5864141a7ccde434442.png);
    background-size: 100% 100%
}

.voicDownTip a span {
    display: block;
    font-size: 10px;
    color: #999
}

.botplay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.botplay.animate {
    opacity: 0;
    transform: translateY(100%)
}

.botplay .audioSwitchIcon {
    position: absolute;
    top: 8px;
    transform: scale(.77)
}

.botplay .audioBox {
    padding: 8px 15px;
    margin: 0
}

.rotateCD {
    position: absolute;
    z-index: 2;
    left: 15px;
    top: -15px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,.2)
}

.botplayTxt {
    padding-left: 45px;
    padding-right: 80px;
    white-space: nowrap
}

.rotateCD.animate img {
    animation: rotateR 6s .2s linear infinite
}

.botplay .clearInputBtn {
    top: 2px;
    color: #ccc
}

.offLine li {
    padding-left: 44px
}

.offLine .betBasketCheck.active {
    background: url(/images/yuce/betBasketCheck_green.83b4315b219708751124.png);
    background-size: cover
}

.hasSelectDown {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 10px;
    background: #fff
}

.hasSelectDownTxt {
    height: 35px;
    line-height: 35px
}

.hasSelectDownBtn {
    float: right;
    width: 120px;
    height: 35px;
    border-radius: 3px;
    background: #eb6100;
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-decoration: none
}

.playerTop {
    position: relative;
    padding-bottom: 60px;
    overflow: hidden
}

.playerTop_t {
    height: 44px;
    line-height: 44px;
    text-align: center;
    position: relative;
    z-index: 3;
    font-size: 15px;
    color: #fff
}

.playerTop_t .rtxt {
    position: absolute;
    top: 0;
    right: 15px
}

.playerTopImg {
    position: relative;
    z-index: 3;
    width: 170px;
    height: 170px;
    margin: 38px auto 0;
    border-radius: 3px;
    overflow: hidden
}

.playerTopImg img {
    width: 100%
}

.playerCon {
    position: relative;
    z-index: 4;
    padding-top: 75px
}

.playerUser {
    position: absolute;
    width: 100%;
    left: 0;
    top: -25px;
    text-align: center
}

.playerUser img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    vertical-align: top
}

.voiceProBar {
    margin: 30px 32px 0
}

.voicePro_b {
    position: relative;
    height: 3px;
    background: #ccc
}

.voicePro_t {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #5383ec
}

.voicePro_block {
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    box-sizing: content-box;
    background-clip: content-box;
    border: 4px solid rgba(83,131,236,.2);
    background-color: #5383ec
}

.voicePro_block,.voicePro_block:before {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.voicePro_block:before {
    content: "";
    width: 40px;
    height: 40px;
    left: 50%
}

.playerButton li {
    width: 1%;
    text-align: center
}

.playerButton li a {
    display: inline-block;
    width: 75px;
    height: 75px;
    background: url(/images/yuce/playerButton.36370c797ecd56ec3db8.png);
    background-size: 75px 225px
}

.playerButton li a.playerPrev {
    background-position: 0 0
}

.playerButton li a.playerPlay {
    background-position: 0 -75px
}

.playerButton li a.playerPause {
    background-position: 0 -150px
}

.playerButton li a.playerNext {
    background-position: 0 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.playerBotTab {
    background: #fff;
    position: absolute;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 0;
    text-align: center
}

.playerBotTab a {
    display: block;
    text-decoration: none;
    color: #333
}

.playerBotTabIcon {
    display: inline-block;
    vertical-align: top;
    margin: 7px 0 2px;
    width: 20px;
    height: 20px;
    background: url(/images/yuce/playerBotTabIcon.8c8dde0894946e4fdcc3.png);
    background-size: 20px 80px
}

.playerBotTabIcon01 {
    background-position: 0 0
}

.playerBotTabIcon02 {
    background-position: 0 -20px
}

.playerBotTabIcon03 {
    background-position: 0 -40px
}

.playerBotTabIcon03.active {
    background: url(/images/yuce/playerBotTabIcon03_active.b0f3e7364d1abf0eb1f3.png);
    background-size: cover
}

.playerBotTabIcon04 {
    background-position: 0 -60px
}

.playerBotTab a span {
    display: block;
    font-size: 11px
}

.subscribePopup_c_btn li {
    float: left;
    width: 31%;
    margin-right: 3%;
    margin-bottom: 10px;
    height: 30px;
    line-height: 30px;
    background: #ffecdf;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    color: #eb6100
}

.subscribePopup_c_btn li:nth-child(3n) {
    margin-right: 0
}

.subscribePopup_c_btn li.active {
    color: #fff;
    background: #eb6100
}

.columnUpdateSelect {
    position: relative;
    font-size: 13px;
    color: #333;
    line-height: 22px;
    padding-right: 15px
}

.columnUpdateSelect:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.monthSelect {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1000;
    opacity: 0;
    transform: translateY(100%)
}

.monthSelect.animate {
    opacity: 1;
    transform: none
}

.monthSelect_t {
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 15px;
    color: #333
}

.monthSelect_c {
    height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.monthSelect_c ul li {
    background: #f5f5f5;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #333
}

.monthSelect_c ul li.active {
    color: #5383ec
}

.monthSelect_b {
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 15px;
    color: #5383ec
}

.voicePlaylist {
    padding: 20px 15px
}

.voicePlaylist_l {
    width: 90px;
    height: 75px;
    border-radius: 5px;
    overflow: hidden
}

.voicePlaylist_r {
    padding-left: 105px
}

.voicePlaylist_r li {
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.voicePlaylist_r li:last-child {
    margin-bottom: 0
}

.voicePlaylist_r li em {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    vertical-align: top;
    margin-top: 1px;
    margin-right: 8px;
    background: url(/images/yuce/voicePlaylistIcon.74ae24b58849bd9070dc.png);
    background-size: 16px 32px;
    background-position: 0 0
}

.voicePlaylist_r li em:before {
    border-color: #dedede
}

.voicePlaylist_r li.active {
    color: #3e569d
}

.voicePlaylist_r li.active em {
    background-position: 0 -16px
}

.seriesPlay {
    position: absolute;
    top: 16px;
    right: 15px
}

.voicePlaylist_l .audioSwitchIcon {
    position: absolute;
    top: 20px;
    left: 26px;
    transform: scale(.77)
}

.planBuy {
    padding: 15px;
    text-align: center;
    line-height: 30px;
    font-size: 14px
}

.planBuyInput {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    overflow: hidden
}

.planBuyInput input {
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
    color: #333
}

.liveTop {
    position: relative;
    z-index: 10
}

.liveTop_title {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 44px
}

.liveTop_title_tab {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding-left: 8px
}

.liveTop_title_tab.pl44 {
    padding-left: 44px
}

.liveTop_title_tab.justify-center {
    padding-left: 0
}

.fixedBar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 111
}

.liveTop_title_tab span {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    color: hsla(0,0%,100%,.5);
    padding: 0 12px
}

.liveTop_title_tab span.active {
    color: #ffda44
}

.liveTop_title_icon {
    margin-right: 5px;
    font-size: 0
}

.liveTop_title_icon a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 50%
}

.liveTop_title_icon a.settings {
    background-image: url(/images/yuce/Settings@2x.15353348154bf84296d5.png)
}

.liveTop_title_icon a.settings1 {
    background-image: url(/images/yuce/Settings1@2x.59f0bc276d112e6f5a83.png)
}

.liveSubTab {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
    padding-right: 10px
}

.liveSubTab.scroll {
    overflow-x: scroll
}

.liveSubTab.scroll a {
    -ms-flex: none;
    flex: none;
    width: 64px
}

.liveSubTab.scroll::-webkit-scrollbar {
    display: none;
    width: 0
}

.liveSubTab.boxshadow {
    box-shadow: 0 8px 16px 0 rgba(11,62,106,.2)
}

.liveSubTab a {
    position: relative;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 10px 0 12px
}

.liveSubTab a span {
    display: inline-block;
    vertical-align: top;
    height: 21px;
    line-height: 21px;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 500;
    color: hsla(0,0%,100%,.6)
}

.liveSubTab a.active span {
    color: #ffda44
}

.liveSubTab a.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 2px;
    border-radius: 2px;
    background: #ffda44;
    animation: activeScaleX .4s ease both;
    -webkit-animation: activeScaleX .4s ease both
}

.liveListCard.zucai .liveListCardLi_b li>em {
    width: 32px;
    padding: 0
}

.liveListCardLi {
    padding-bottom: 9px;
    background: #fff
}

.liveListCardLi:active {
    background: #eee
}

.liveListCardLi_t {
    position: relative;
    height: 34px;
    line-height: 34px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.liveListCardLi_t .wd_redPacket_btn {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 34px;
    background-size: 20px 20px;
    background-position: 5px 7px
}

.liveListCardLi_b {
    -ms-flex-align: center;
    margin-top: 8px
}

.liveListCardLi_b,.liveListCardLi_b li {
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.liveListCardLi_b li {
    -ms-flex: 2;
    flex: 2;
    -ms-flex-align: center;
    color: #bbb;
    font-size: 11px;
    white-space: nowrap
}

.liveListCardLi_b li.left {
    padding-left: 15px
}

.liveListCardLi_b li.center {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 5px
}

.liveListCardLi_b li.right {
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 10px
}

.liveListCardLi_b i {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 10px
}

.liveListCardLi_b i:first-child {
    margin-left: 0
}

.liveListCardLi_b i.shipin {
    background: url(/images/yuce/wd_icon_video.407efe9e448093c8b6a5.png) no-repeat;
    background-size: cover
}

.liveListCardLi_b i.donghua {
    background: url(/images/yuce/wd_icon_animate.5147ae94145ba9124415.png) no-repeat;
    background-size: cover
}

.liveListCardLi_b i.expert {
    margin-right: 4px;
    background: url(/images/yuce/wd_icon_expert.8d797e5916c78fddbe46.png) no-repeat;
    background-size: cover
}

.liveListCardLi_b .zhong {
    margin-left: 10px;
    font-size: 11px;
    color: #5498d0
}

.liveListCardLi_b.bkb li.center {
    -ms-flex: 2;
    flex: 2
}

.liveListCardLi_c {
    position: relative;
    margin-bottom: 3px
}

.liveListCardLi_c .league {
    position: absolute;
    top: 4px;
    left: 10px;
    font-size: 11px;
    color: #999
}

.liveMatchDate {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: normal;
    font-size: 11px;
    color: #999
}

.liveMatchDate .donghua,.liveMatchDate .shipin {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px
}

.liveMatchDate .shipin {
    background: url(/images/yuce/wd_icon_video.407efe9e448093c8b6a5.png) no-repeat;
    background-size: cover
}

.liveMatchDate .donghua {
    background: url(/images/yuce/wd_icon_animate.5147ae94145ba9124415.png) no-repeat;
    background-size: cover
}

.combinedShape {
    width: 7px;
    height: 10px;
    margin-left: 10px;
    background: url(/images/yuce/CombinedShape@2x.ec3dcb6b1f6a9b7a2735.png);
    background-size: cover
}

.combinedShape,.newFollow {
    display: inline-block;
    vertical-align: top
}

.newFollow {
    width: 34px;
    height: 34px;
    margin-right: 1px;
    background: url(/images/yuce/Recommend@2x.1e15fd81ac4f103edd81.png);
    background-size: cover;
    background-position: 0 -1px
}

.newFollow.active {
    background: url(/images/yuce/Recommend1@2x.ef2d8df2d3b06bea0592.png) no-repeat;
    background-size: 16px 16px;
    background-position: 50%
}

.liveMatchTime {
    position: absolute;
    top: 0;
    left: 50%;
    font-size: 11px;
    transform: translateX(-50%)
}

.groupIcon {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 12px;
    background: url(/images/yuce/Group@2x.c9af38158c41e34bd816.png);
    background-size: cover
}

.liveListCardLi_b li>em {
    font-size: 11px;
    color: #999;
    margin: 0 2px;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    padding: 0 3px;
    height: 16px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.liveListCardLi_b li>em.red {
    background: #ff4501;
    color: #fff
}

.liveListCardLi_b li>em.blue {
    background: #156fca;
    color: #fff
}

.liveListCardLi_b li>em.yellow {
    background: #daaf03;
    color: #fff
}

.calendarBar {
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4px;
    background: #fff;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.05)
}

.calendarBar,.calendarBar .calendar,.calendarBar .calendar a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.calendarBar .calendar a {
    -ms-flex-pack: center;
    justify-content: center;
    background: #eee;
    border-radius: 6px;
    width: 32px;
    height: 32px
}

.calendarBar .calendar a i {
    display: block;
    width: 10px;
    height: 10px;
    position: relative
}

.calendarBar .calendar a i:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border-left: 3px solid #333;
    border-bottom: 3px solid #333;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(45deg) scale(.5)
}

.calendarBar .calendar a i:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -3px;
    width: 18px;
    height: 3px;
    vertical-align: middle;
    background: #333;
    transform: translateY(-50%) scale(.5)
}

.calendarBar .calendar a.disabled i:after {
    border-color: #bbb
}

.calendarBar .calendar a.disabled i:before {
    background: #bbb
}

.calendarBar .calendar .next i {
    transform: rotate(-180deg)
}

.calendarBar .calendar .date {
    padding: 0 28px 0 10px;
    margin: 0 5px
}

.calendarBar .calendar .date,.calendarBar .seleMatch {
    position: relative;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #333;
    font-weight: 600;
    background: #eee;
    border-radius: 6px
}

.calendarBar .seleMatch {
    padding: 0 28px 0 18px
}

.calendarBar .seleMatch .wd_optionBox {
    width: 140px;
    right: 6px;
    top: 36px
}

.neutral {
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    color: #ec7878;
    background: #fff4f4;
    text-align: center
}

.liveTeam {
    height: 25px;
    white-space: nowrap
}

.liveTeam li.left,.liveTeam li.right {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.liveTeam li.left {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.liveTeam li img {
    height: 20px
}

.liveTeam li.center {
    margin: 0 10px;
    height: 25px;
    line-height: 25px;
    text-align: center
}

.liveTeam li.center .score {
    display: -ms-flexbox;
    display: flex;
    background: #f5fcf9;
    border-radius: 4px
}

.liveTeam li.center .score span {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 14px;
    color: #2db370;
    font-weight: 600;
    line-height: 25px
}

.liveTeam li.center .score span:before {
    border-color: rgba(45,179,112,.15)
}

.liveTeam li.center .score.red {
    background: #fef6f6;
    color: #ea4747
}

.liveTeam li.center .score.red span {
    color: #ea4747
}

.liveTeam li.center .score.red span:before {
    border-color: rgba(234,71,71,.15)
}

.liveTeam li .logo {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: top
}

.liveTeam li .logo img {
    height: 100%
}

.liveTeam li .name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.liveTeam li.right .name {
    margin-right: 8px;
    margin-left: 0;
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.liveTeam li .name.red {
    color: #ea4747
}

.liveTeam li .rank {
    margin-left: 3px;
    font-size: 10px;
    color: #bbb
}

.liveTeam li.right .rank {
    margin-right: 3px;
    margin-left: 0;
    font-size: 10px;
    color: #bbb
}

.liveTeam li .penalty {
    display: -ms-flexbox;
    display: flex;
    margin-left: 4px
}

.liveTeam li .penalty span {
    display: inline-block;
    width: 12px;
    height: 14px;
    line-height: 14px;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    vertical-align: text-bottom
}

.liveTeam li .penalty span.red {
    background: #f75659;
    margin-right: 2px
}

.liveTeam li .penalty span.yellow {
    background: #ffc11c
}

.liveTeam li.right .penalty {
    margin-right: 4px;
    margin-left: 0
}

.inTip {
    position: absolute;
    left: -14px;
    top: -4px;
    width: 40px;
    height: 20px;
    line-height: 26px;
    text-align: center;
    background: #0f88eb;
    font-size: 10px;
    color: #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.comHintsWrap {
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 100px
}

@keyframes obtainOut {
    0% {
        transform: translate3d(100%,0,0);
        opacity: 0
    }

    20% {
        transform: translateZ(0);
        opacity: 1
    }

    80% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0,-200%,0);
        opacity: 0
    }
}

.comHints {
    font-size: 0;
    margin-bottom: 10px;
    padding: 11px 15px 10px 18px;
    border-radius: 35px 0 0 35px;
    background: rgba(51,51,51,.95)
}

.comHints.in-out {
    animation: obtainOut 5s 0s ease both
}

.comHints.bg_coffee {
    background: #8b572a;
    box-shadow: 0 4px 8px 0 rgba(139,87,42,.2)
}

.comHints.bg_red {
    background: #de4f4f;
    box-shadow: 0 4px 8px 0 rgba(222,79,79,.2)
}

.comHints .left,.comHints .right {
    display: inline-block;
    vertical-align: middle
}

.comHints .left {
    margin-right: 5px
}

.comHints .left i {
    display: inline-block;
    width: 32px;
    height: 32px
}

.comHints .left i.hongpai {
    background: url(/images/yuce/ballHint_hongpai.96b96948d9bb33c45b0b.png);
    background-size: cover
}

.comHints .left i.jinqiu {
    background: url(/images/yuce/ballHint_jinqiu.b71a9f3b78aa082791e3.png);
    background-size: cover
}

.comHints .left span {
    display: block;
    line-height: 14px;
    margin: 2px auto 0;
    text-align: center;
    font-size: 10px;
    color: #fff
}

.comHints .right {
    color: #fff
}

.comHints .right .team:nth-child(2) {
    margin-top: 5px
}

.comHints .right .name,.comHints .right .num {
    display: inline-block;
    vertical-align: middle;
    line-height: 22px
}

.comHints .right .num {
    width: 20px;
    text-align: right;
    font-size: 16px;
    font-weight: 500
}

.comHints .right .num.active {
    color: #ffda44
}

.comHints .right .name {
    min-width: 70px;
    margin-left: 10px;
    font-size: 14px
}

.comHints .right .name.active {
    color: #ffda44;
    font-weight: 700
}

.matchSelPopup {
    position: absolute;
    z-index: 101;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(14,57,92,.98)
}

.matchSelPopup .title44 {
    height: 44px;
    line-height: 44px;
    position: relative;
    text-align: center;
    font-size: 18px;
    color: #fff
}

.matchSelPopup .close_btn_white {
    top: 0!important
}

.matchSelTab1 {
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    line-height: 44px
}

.matchSelTab1 a {
    -ms-flex: 1;
    flex: 1;
    width: 1%;
    position: relative;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    color: hsla(0,0%,100%,.6)
}

.matchSelTab1 a.active {
    color: #ffda44;
    font-weight: 500
}

.matchSelTab1 a.active:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -2px;
    bottom: 3px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ffda44
}

.matchSelTab2 {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #4a90e2;
    border-radius: 4px;
    overflow: hidden;
    height: 30px;
    line-height: 28px
}

.matchSelTab2 a {
    -ms-flex: 1;
    flex: 1;
    width: 1%;
    height: 100%;
    text-decoration: none;
    color: #a0ccff;
    font-size: 13px
}

.matchSelTab2 a.active {
    color: #fff;
    background: #4a90e2
}

.matchSelTab2.bkb {
    margin: 0 25%
}

.matchSelBtnListWrap {
    max-height: 500px;
    overflow-y: scroll;
    padding-bottom: 200px
}

.matchSelBtnList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.matchSelBtnList li {
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 10px;
    height: 32px;
    line-height: 32px;
    border-radius: 20px;
    font-size: 12px;
    color: hsla(0,0%,100%,.6)
}

.matchSelBtnList li:nth-child(3n) {
    margin-right: 0
}

.matchSelBtnList li.active {
    background-image: -webkit-linear-gradient(left,#0f88eb,#00a5ff)
}

.matchSelBtnList li.active:before {
    border-width: 0
}

.matchSelBtnList li:before {
    content: " "!important;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: 30px;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: transparent;
    z-index: 1
}

.matchSelPopupBtn {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(14,57,92,.98);
    padding: 7px 10px
}

.matchSelPopupBtn a {
    -ms-flex: 1;
    flex: 1;
    width: 1%;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 6px;
    font-size: 15px;
    color: #fff;
    margin-right: 7px;
    border: 1px solid #4a90e2
}

.matchSelPopupBtn a:last-child {
    margin-right: 0
}

.matchSelPopupBtn a.active {
    border: 0;
    background-image: -webkit-linear-gradient(left,#0f88eb,#00a5ff)
}

.matchSelBtnTerm li {
    position: relative;
    height: 32px;
    line-height: 32px;
    padding-left: 95px;
    margin-bottom: 15px
}

.termTxt {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    font-size: 14px;
    color: hsla(0,0%,100%,.6)
}

.termBtn {
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

.termBtn a {
    -ms-flex: 1;
    flex: 1;
    width: 1%;
    position: relative;
    margin-right: 10px;
    border-radius: 20px;
    font-size: 14px;
    color: hsla(0,0%,100%,.6);
    text-align: center;
    text-decoration: none
}

.termBtn a:last-child {
    margin-right: 0
}

.termBtn a.active {
    color: #fff;
    background-image: -webkit-linear-gradient(left,#0f88eb,#00a5ff)
}

.termBtn a.active:before {
    border-width: 0
}

.termBtn a.invalid {
    opacity: .4
}

.termBtn a:before {
    content: " "!important;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: 30px;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: transparent;
    z-index: 1
}

.navBar {
    background-color: #3e569d
}

.navBar.no_bg {
    background-color: transparent
}

.topBar {
    overflow: hidden
}

.titleBar,.topBar {
    position: relative;
    height: 44px
}

.titleBar {
    text-align: center;
    line-height: 44px;
    font-size: 17px;
    font-weight: 500;
    color: #fff
}

.grayBlock,.whiteBlock {
    background: #fff;
    border-radius: 4px;
    overflow: hidden
}

.grayBlock {
    background: #eee
}

.zlk .whiteBlock {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.03);
    border-radius: 10px
}

.title40 {
    height: 40px;
    line-height: 40px;
    background: #f2f3f7;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    padding: 0 10px
}

.zlk .title40 {
    background: none;
    font-size: 20px;
    color: #000;
    padding: 0 15px
}

.setUpList li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    font-weight: 400;
    font-size: 14px;
    color: #464646
}

.setUpList li .righthTxt {
    font-size: 14px;
    color: #333;
    padding-right: 2px
}

.setUpList li p {
    -ms-flex: 1;
    flex: 1
}

.setUpList li .icon-v-right:after {
    border-color: rgba(0,0,0,.5);
    width: 8px;
    height: 8px
}

.setUpList li.setUpSetLect p {
    -ms-flex: none;
    flex: none
}

.setUpList li.setUpSetLect .setUpSetLectBtn {
    -ms-flex: 1;
    flex: 1;
    padding-left: 6%
}

.setUpSetLectBtn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.setUpSetLectBtn a {
    position: relative;
    text-decoration: none;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 16px;
    margin-left: 10px;
    background: #f6f6f6;
    color: #000;
    font-size: 14px;
    -ms-flex: 1;
    flex: 1
}

.setUpSetLectBtn a:before {
    content: " "!important;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #eee;
    border-radius: 30px;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: transparent;
    z-index: 1
}

.setUpSetLectBtn a:first-child {
    margin-left: 0
}

.setUpSetLectBtn a.active {
    color: #0084ff;
    background: #f1f7ff
}

.setUpSetLectBtn a.active:before {
    border-color: #e7f2ff
}

.setUpSetLectBtn span {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    color: rgba(70,70,70,.5)
}

.goalVoiceSilde {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 32px;
    width: 100%;
    background: #f6f6f6;
    border-radius: 0 0 4px 4px;
    transition: all .3s ease
}

.goalVoiceSilde>div {
    height: 32px;
    line-height: 32px
}

.goalVoiceSilde>div.active {
    color: #0084ff;
    font-weight: 700
}

.arrowDown5 {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-top: 5px solid rgba(0,0,0,.5);
    border-right: 3px solid transparent;
    border-left: 3px solid transparent
}

.setUpswitch {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 48px;
    height: 25px;
    border-radius: 15px;
    background: #999
}

.setUpswitch i {
    position: absolute;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    left: 1px;
    top: 1px;
    background: #fff;
    transition: all .3s ease
}

.setUpswitch.active {
    background: #2db370
}

.setUpswitch.active i {
    left: 24px
}

.selectList50 li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.selectList50 li.active {
    color: #ea4747
}

.selectList50 li.active .icon-right {
    display: block
}

.selectList50 li .icon-right {
    display: none
}

.selectList50 li p {
    -ms-flex: 1;
    flex: 1
}

.setPvTab {
    padding: 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.setPvTab a {
    margin: 0 5px;
    display: block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f2f2f2;
    color: #333;
    font-weight: 600;
    border-radius: 20px
}

.setPvTab a.active {
    background: #e1f2ff;
    color: #0f88eb
}

.scrollBg_white .scroll-content {
    background: #fff
}

.scrollBg_blue .scroll-content {
    background: #3e569d
}

.blueHook {
    position: absolute;
    right: 30px;
    top: 50%;
    width: 16px;
    height: 12px;
    background: url(/images/yuce/CombinedShape1@2x.f41092428579474e87a8.png);
    background-size: cover
}

.spCount {
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 0 100px
}

.spCount,.spCount>div {
    display: -ms-flexbox;
    display: flex;
    align-item: center
}

.spCount>div {
    margin: 0 15px
}

.spCount>div span {
    display: inline-block;
    width: 40px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    color: #fff
}

.spCount>div span.blue {
    background: #156fca
}

.spCount>div span.yellow {
    background: #daaf03
}

.spCount>div span.red {
    background: #ff4501
}

.spCount>div em {
    font-size: 14px;
    color: #333;
    margin-left: 6px;
    line-height: 22px
}

.setUpPopup .close .icon-cross {
    transform: scale(1.3)
}

.setUpPopup .close .icon-cross:after,.setUpPopup .close .icon-cross:before {
    background-color: #bbb
}

.lineupBox {
    margin: 0 10px;
    padding-bottom: 10px;
    background: #57af3e;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 8px 16px 0 rgba(64,156,70,.3)
}

.lineupTitle {
    background: hsla(0,0%,100%,.05);
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 10px
}

.lineupTitleSilde {
    position: absolute;
    right: 30px;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.lineupTitleSilde .down_arrow {
    margin-top: -5px;
    width: 6px;
    height: 6px;
    border-color: hsla(0,0%,100%,.5)
}

.lineupTitleSilde .down_arrow.active {
    margin-top: 2px
}

.lineupCoach {
    height: 52px;
    padding: 0 25px;
    font-size: 12px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center
}

.lineupCoach li {
    -ms-flex: 1;
    flex: 1;
    width: 1%;
    text-align: center
}

.lineupCoach .mainCoach {
    display: inline-block;
    width: 54px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border-radius: 15px;
    background: #53a658
}

.worthList {
    display: -ms-flexbox;
    display: flex;
    padding: 0 25px;
    font-size: 12px;
    color: #fff
}

.worthList li {
    -ms-flex: 1;
    flex: 1;
    width: 1%;
    height: 35px;
    line-height: 35px;
    text-align: center
}

.lineupSketch {
    position: relative;
    width: 100%;
    height: 636px;
    background: url(/images/yuce/courtBg@2x.2022271404a9ee4db009.png) no-repeat;
    background-size: 100% 100%
}

.lineupInfoTxt {
    position: absolute;
    top: 10px;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    font-size: 11px;
    color: hsla(0,0%,100%,.5);
    background: #2d7d32;
    border-radius: 10px
}

.lineupInfoTxt.left {
    left: 20px
}

.lineupInfoTxt.right {
    right: 20px
}

.lineupInfoTxt.bottom {
    bottom: 10px;
    top: inherit
}

.keyPlayerIcon {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 9px;
    background: url(/images/yuce/keyPlayerIcon.f156391bc769f4fb62f9.png) no-repeat;
    background-size: cover
}

.lineupColumn {
    position: absolute;
    width: 100%;
    padding: 0 10px;
    display: -ms-flexbox;
    display: flex
}

.lineupColumn li {
    -ms-flex: 1;
    flex: 1;
    width: 1%;
    text-align: center
}

.lineupColumn .playerNum {
    display: block;
    margin: 0 auto;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 10px;
    color: #fff;
    background: url(/images/yuce/wd_shirt02.80ed35c3d714b9eaeef5.png) no-repeat;
    background-size: cover
}

.lineupColumn .playerNum.host {
    background: url(/images/yuce/wd_shirt01.e07bf5792389f6f7e848.png) no-repeat;
    background-size: cover
}

.lineupColumn .playerName {
    padding: 0 2px;
    font-size: 10px;
    color: #fff;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lineupColumn .icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.lineupColumn .wd_newsIcon {
    margin: -2px -1px;
    border: 3px solid #fff;
    box-sizing: content-box;
    background-color: #fff;
    border-radius: 50%;
    transform: scale(.7)
}

.lineupColumn.t5 {
    top: 5px
}

.lineupColumn.t68 {
    top: 68px
}

.lineupColumn.t80 {
    top: 80px
}

.lineupColumn.t130 {
    top: 130px
}

.lineupColumn.t160 {
    top: 160px
}

.lineupColumn.t193 {
    top: 193px
}

.lineupColumn.t235 {
    top: 235px
}

.lineupColumn.t255 {
    top: 255px
}

.lineupColumn.t325 {
    top: 325px
}

.lineupColumn.t335 {
    top: 335px
}

.lineupColumn.t390 {
    top: 390px
}

.lineupColumn.t410 {
    top: 410px
}

.lineupColumn.t460 {
    top: 460px
}

.lineupColumn.t490 {
    top: 490px
}

.lineupColumn.t525 {
    top: 525px
}

.lineupColumn.t565 {
    top: 565px
}

.lineupColumn.t580 {
    top: 580px
}

.playerImgbox {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden
}

.lineupPlayTb {
    position: relative;
    margin-left: 12px;
    margin-right: 12px
}

.lineupPlayTb:after {
    content: "";
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 0;
    width: 1px;
    height: 200%;
    background: #ddd;
    transform: scale(.5);
    transform-origin: 0 0
}

.lineupPlayTb dt {
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin: 0 -2px;
    background: rgba(0,0,0,.05)
}

.lineupPlayTb dt div {
    -ms-flex: 1;
    flex: 1;
    width: 1%
}

.lineupPlayTb dt.first {
    position: relative;
    z-index: 10;
    height: 35px;
    line-height: 35px;
    color: #fff;
    border-radius: 4px;
    overflow: hidden
}

.lineupPlayTb dt.first div {
    background: #de5b5b
}

.lineupPlayTb dt.first div:nth-child(2) {
    border-left: 1px solid #fff;
    background: #588bd8
}

.lineupPlayTb dd {
    display: -ms-flexbox;
    display: flex
}

.lineupPlayTb dd .td {
    width: 50%;
    -ms-flex-align: center;
    height: 40px;
    padding: 0 10px 0 0;
    font-size: 12px
}

.lineupPlayTb dd .td,.lineupPlayTb dd .td .left {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    overflow: hidden
}

.lineupPlayTb dd .td .left {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    padding-right: 15px
}

.lineupPlayTb dd .td .left .txt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    color: #999
}

.lineupPlayTb dd .td .left .txt .wd_greenDot {
    margin-left: 10px
}

.lineupPlayTb dd .td .name {
    -ms-flex: 1;
    flex: 1;
    color: #333
}

.lineupPlayTb dd .td .num {
    display: inline-block;
    width: 17px;
    margin-right: 10px;
    text-align: right;
    color: #999;
    white-space: nowrap
}

.lineupPlayTb dd .td .wd_newsIcon {
    margin-left: 4px
}

.lineupPlayTb dd .td .tips {
    height: 14px;
    line-height: 14px;
    padding: 0 5px;
    border-radius: 2px;
    text-align: center;
    font-size: 10px;
    color: #fff
}

.lineupPlayTb dd .td .tips.red {
    background-color: #ea4747
}

.lineupPlayTb dd .td .tips.blue {
    background-color: #0f88eb
}

.lineupPlayTb dd .td:nth-child(2) {
    padding: 0 10px 0 12px
}

.lineupPlayTb.injury dd .td {
    height: 50px
}

.lineupPlayTb.injury dd .td .left {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.lineupPlayTb.injury dd .td:nth-child(2) {
    padding: 0 10px 0 17px
}

.lineupPlayTb .no_line {
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 1px;
    width: 50%;
    font-size: 12px;
    color: #999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    z-index: 2
}

.lineupPlayTb .no_line.home {
    left: 0;
    right: auto
}

.lineupPlayTb .no_line.away {
    left: auto;
    right: 0
}

.liveIntel dt {
    position: relative;
    padding-left: 70px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #999
}

.liveIntel dt span {
    position: absolute;
    left: 0;
    top: 50%;
    background: #fff;
    width: 70px;
    height: 18px;
    line-height: 18px;
    text-align: center
}

.liveIntel dd {
    position: relative;
    padding-left: 70px;
    padding-right: 10px;
    margin-bottom: 10px
}

.liveIntelTxt {
    padding: 10px;
    line-height: 18px;
    font-size: 12px;
    color: #666;
    background: #f2f3f7;
    border-radius: 4px
}

.liveIntelTime {
    position: absolute;
    left: 0;
    top: 50%;
    background: #fff;
    width: 70px;
    text-align: center;
    padding: 8px 0
}

.liveIntelTime p {
    font-size: 12px;
    color: #999;
    line-height: 18px
}

.liveIntelTip {
    display: inline-block;
    vertical-align: top;
    width: 28px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 2px;
    font-size: 10px;
    color: #fff
}

.liveIntelTip.red {
    background: #de5b5b
}

.liveIntelTip.blue {
    background: #588bd8
}

.liveIntelWrap {
    position: relative
}

.liveIntelWrap:before {
    position: absolute;
    top: 18px;
    left: 35px;
    bottom: 40px;
    background: #eee;
    content: "";
    width: 1px
}

.lineupHasUp {
    padding: 22px 0
}

.courtIcon {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    width: 12px;
    height: 16px;
    background: url(/images/yuce/courtIcon.af7e373daa6bb0a7a3a2.png) no-repeat;
    background-size: cover
}

.lineupHasUp {
    line-height: 16px;
    color: #fff;
    text-align: center
}

.noNewsBlock {
    padding: 20px 0;
    text-align: center
}

.noNewsBlock img {
    width: 60px;
    height: 60px
}

.lineupBox.bkb {
    background: #9e681d;
    box-shadow: 0 8px 16px 0 rgba(126,80,16,.3)
}

.lineupBox.bkb .lineupSketch {
    width: auto;
    height: 550px;
    margin: 0 10px;
    background: url(/images/yuce/courtBg_bkb.61e0a240efeb805b4314.png);
    background-size: 100% 100%
}

.lineupBox.bkb .mainCoach {
    background: #a5652c
}

.lineupBox.bkb .no_lineup {
    position: absolute;
    top: 105px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.lineupBox.bkb .no_lineup.home {
    top: 410px
}

.lineupBox.bkb .lineupColumn .playerNum {
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    background: url(/images/yuce/wd_shirt04.98cc9174760e5c9c9b29.png) no-repeat;
    background-size: cover
}

.lineupBox.bkb .lineupColumn .playerNum .wd_greenDot {
    position: absolute;
    top: 0;
    right: 0
}

.lineupBox.bkb .lineupColumn .playerNum.host {
    background: url(/images/yuce/wd_shirt03.8d50962ce0aa3028f2c8.png) no-repeat;
    background-size: cover
}

.lineupBox.bkb .lineupColumn .playerName {
    font-size: 12px;
    color: #fff;
    line-height: 17px
}

.lineupBox.bkb .lineupColumn.t46 {
    top: 46px
}

.lineupBox.bkb .lineupColumn.t146 {
    top: 146px
}

.lineupBox.bkb .lineupColumn.t312 {
    top: 312px
}

.lineupBox.bkb .lineupColumn.t412 {
    top: 412px
}

.lineupBox.bkb .lineupColumn.t48 {
    top: 48px
}

.lineupBox.bkb .lineupColumn.t144 {
    top: 144px
}

.lineupBox.bkb .lineupColumn.t318 {
    top: 311px
}

.lineupBox.bkb .lineupColumn.t414 {
    top: 414px
}

.lineupBox.bkb .lineupColumn.narrow {
    padding: 0 20%
}

.lineupBox.bkb .lineupInfoTxt {
    padding: 0 13px;
    background: rgba(0,0,0,.2);
    color: hsla(0,0%,100%,.5)
}

.lineupBox.bkb .lineupInfoTxt.left {
    left: 10px
}

.lineupBox.bkb .lineupInfoTxt.right {
    right: 10px
}

@media screen and (min-width:320px) and (max-width:350px) {
    .liveTop_title_tab span {
        padding: 0 5px;
        font-size: 20px
    }

    .matchSelBtnList li {
        font-size: 10px
    }

    .lineupBox.bkb .lineupColumn.t48 {
        padding: 0 25px
    }

    .lineupBox.bkb .lineupColumn.t144,.lineupBox.bkb .lineupColumn.t318 {
        padding: 0
    }

    .lineupBox.bkb .lineupColumn.t414 {
        padding: 0 25px
    }
}

.handicap>.scroll-content {
    overflow: hidden
}

.handicap .op_main {
    top: 0
}

.handicap .op_main .op_side li {
    padding: 0;
    line-height: 34px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.handicap .op_main .op_side li div {
    background: #fff;
    height: 0;
    transition: all .3s ease
}

.handicap .op_main .op_side li div a {
    display: block;
    line-height: 40px;
    color: #666
}

.handicap .op_main .op_side li div a.active {
    color: #0f88eb
}

.handicap .op_main .op_side li.select {
    background: #0f88eb;
    color: #fff
}

.handicap .op_main .op_side li.select div {
    height: 80px
}

.handicap .wd_op_side_r {
    position: absolute;
    left: 22%;
    width: 78%;
    height: 100%
}

.handicap .shuiweiTable {
    padding-top: 15px;
    line-height: normal
}

.handicap .shuiweiTable .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 5px;
    margin-bottom: 4px
}

.handicap .shuiweiTable .title span {
    float: left;
    width: 22%;
    text-align: center
}

.handicap .shuiweiTable .title span:first-child {
    width: 26%
}

.handicap .shuiweiTable .title span:nth-child(3) {
    width: 31%
}

.handicap .shuiweiTable ul li {
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0
}

.handicap .shuiweiTable ul li span {
    width: 25%;
    text-align: center
}

.handicap .shuiweiTable ul li span:first-child {
    padding-left: 8%;
    text-align: left
}

.handicap .pk_th {
    background: #fff;
    text-align: center;
    color: #999;
    font-size: 12px;
    line-height: 40px;
    margin: 0 10px 0 10px
}

.handicap .pk_th li {
    float: left;
    height: 40px;
    font-size: 12px;
    color: rgba(0,0,0,.5)
}

.handicap .pk_th li:first-child {
    width: 52%;
    text-align: left;
    padding-left: 5px
}

.handicap .pk_th li:nth-child(2) {
    width: 20%
}

.handicap .pk_th li:nth-child(3) {
    width: 28%
}

.handicap .pk_th.kaili {
    margin: 0 15px
}

.handicap .pk_th.kaili li:first-child,.handicap .pk_th.kaili li:nth-child(2),.handicap .pk_th.kaili li:nth-child(3) {
    width: 16%
}

.handicap .pk_th.kaili li:nth-child(4) {
    width: 32%
}

.handicap .pk_th.kaili li:nth-child(5) {
    width: 20%;
    text-align: right
}

.handicap .pk_th.two {
    margin: 0 15px
}

.handicap .pk_th.two li:first-child {
    width: 34%
}

.handicap .pk_th.two li:nth-child(2) {
    width: 32%
}

.handicap .pk_th.bkb {
    margin: 0 15px
}

.handicap .pk_th.bkb li:first-child {
    width: 48%;
    text-align: center;
    padding-right: 4%
}

.handicap .pk_th.bkb li:nth-child(2) {
    width: 32%
}

.handicap .pk_th.bkb li:nth-child(3) {
    width: 20%;
    text-align: right;
    padding-right: 2%
}

.pankouTable {
    padding: 0 10px 60px 10px;
    font-size: 12px;
    color: #999
}

.pankouTable li {
    height: 40px;
    line-height: normal;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.pankouTable li>div {
    white-space: nowrap
}

.pankouTable li>div.time span {
    line-height: 14px
}

.pankouTable li>div:first-child,.pankouTable li>div:nth-child(3) {
    width: 11%
}

.pankouTable li>div:nth-child(2) {
    width: 30%;
    white-space: pre-wrap
}

.pankouTable li>div:nth-child(4) {
    width: 20%
}

.pankouTable li>div:nth-child(5) {
    width: 28%
}

.pankouTable.kaili {
    padding: 0 15px 60px 15px
}

.pankouTable.kaili li div.time {
    padding-top: 0
}

.pankouTable.kaili li div:first-child,.pankouTable.kaili li div:nth-child(2),.pankouTable.kaili li div:nth-child(3) {
    width: 16%
}

.pankouTable.kaili li div:nth-child(4) {
    width: 32%
}

.pankouTable.kaili li div:nth-child(5) {
    width: 20%;
    text-align: right
}

.pankouTable.bkb {
    padding: 0 15px 60px 15px
}

.pankouTable.bkb li div:first-child {
    width: 24%
}

.pankouTable.bkb li div:nth-child(2) {
    width: 24%;
    padding-right: 8%
}

.pankouTable.bkb li div:nth-child(3) {
    width: 32%
}

.pankouTable.bkb li div:nth-child(4) {
    width: 20%;
    text-align: right
}

.pankouTable.two {
    padding: 0 10px 60px 10px
}

.pankouTable.two li>div:first-child,.pankouTable.two li>div:nth-child(3) {
    width: 15%
}

.pankouTable.two li>div:nth-child(2) {
    width: 8%;
    height: 40px
}

.pankouTable.two li>div:nth-child(4) {
    width: 34%;
    padding-left: 14%
}

@media screen and (min-width:320px) and (max-width:350px) {
    .handicap .pk_th,.pankouTable {
        padding: 0 5px
    }
}

.top_40.animate {
    top: -40px
}

.countryList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.countryList li {
    position: relative;
    width: 33.33%;
    height: 60px;
    padding: 20px 0 0 40px;
    line-height: 20px;
    font-size: 0;
    color: #333
}

.countryList li span {
    display: inline-block;
    font-size: 14px
}

.countryList li img {
    position: absolute;
    left: 15px;
    top: 20px;
    width: 20px;
    height: 20px
}

.countryList li:nth-child(3n):before {
    border-right-width: 0
}

.countryList li:last-child,.countryList li:nth-last-child(2),.countryList li:nth-last-child(3) {
    border-bottom-width: 0
}

.countryList li:active {
    background-color: #eee
}

.linearBg_zlk {
    background: -webkit-linear-gradient(top,#093059,#093059 150px,#f2f2f2 151px,#f2f2f2)
}

.eventToday li {
    padding: 18px 0 12px;
    display: -ms-flexbox;
    display: flex
}

.eventToday li:active {
    background-color: #eee
}

.eventToday_l {
    width: 28%;
    text-align: center;
    padding-top: 3px
}

.eventToday_l img {
    height: 32px
}

.eventToday_l p {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin-top: 9px
}

.eventToday_r {
    -ms-flex: 1;
    flex: 1
}

.eventToday_r p {
    font-size: 12px;
    color: #999;
    line-height: 18px;
    margin-bottom: 5px
}

.eventToday_r p>span {
    display: inline-block;
    vertical-align: middle
}

.eventToday_r p>span:last-child {
    text-align: right
}

.eventToday_r p>span:nth-child(2) {
    width: 90px;
    text-align: center
}

.eventHot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.eventHot li {
    width: 25%;
    padding: 10px 0;
    text-align: center
}

.eventHot li img {
    height: 32px
}

.eventHot li p {
    font-size: 12px;
    color: #000;
    line-height: 20px;
    margin-top: 5px
}

.eventHot li span {
    display: block;
    font-size: 11px;
    color: #999
}

.eventHot li:nth-child(3n):before {
    border-right-width: 0
}

.eventHot li:last-child,.eventHot li:nth-last-child(2),.eventHot li:nth-last-child(3) {
    border-bottom-width: 0
}

.eventHot li:active {
    background-color: #eee
}

.eventArea {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 10px 4px
}

.eventArea,.eventArea li {
    display: -ms-flexbox;
    display: flex
}

.eventArea li {
    width: 31%;
    height: 70px;
    text-align: center;
    margin-right: 3%;
    margin-bottom: 10px;
    border-radius: 4px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.eventArea li:nth-child(3n-1) {
    width: 32%
}

.eventArea li:nth-child(3n) {
    margin-right: 0
}

.eventArea li p {
    line-height: 20px;
    font-size: 14px;
    color: #fff
}

.eventArea li span {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.eventArea li.c_F5A623 {
    background-color: #f5a623
}

.eventArea li.c_B759CA {
    background-color: #b759ca
}

.eventArea li.c_C92C2C {
    background-color: #c92c2c
}

.eventArea li.c_3BAB73 {
    background-color: #3bab73
}

.eventArea li.c_3A90D7 {
    background-color: #3a90d7
}

.eventArea li.c_AD733F {
    background-color: #ad733f
}

.eventArea.bkb li {
    width: 48.5%;
    margin-right: 3%
}

.eventArea.bkb li:nth-child(2n) {
    margin-right: 0
}

.scrollFalse .scroll-content {
    overflow-y: hidden
}

.eventToday_r .w60 {
    width: 56px;
    overflow: hidden;
    white-space: nowrap
}

.publishSucc .scroll-content {
    margin-top: 44px
}

.content-ios .publishSucc .scroll-content {
    margin-top: 64px
}

.no_scroll>.scroll-content {
    overflow: hidden
}

.app-root,.ion-page,ion-app,ion-nav,ion-tab,ion-tabs {
    contain: none!important
}

.titleBarTab {
    height: 44px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.titleBarTab a {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: hsla(0,0%,100%,.5);
    padding: 0 15px
}

.titleBarTab a.active {
    color: #ffda44
}

.moreSilde {
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    color: #0f88eb
}

.moreSilde span {
    font-weight: 600
}

.moreSilde .icon-v-right {
    margin-left: 3px;
    transform: rotate(90deg)
}

.moreSilde .icon-v-right:after {
    border-color: #0f88eb
}

.playerHead {
    padding-left: 80px;
    height: 30px;
    line-height: 30px;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: #999;
    background: -webkit-linear-gradient(left,#f2f2f2,#f2f2f2 80px,#fff 0,#fff)
}

.playerHead .td1 {
    -ms-flex: 1;
    flex: 1;
    padding-left: 80px
}

.playerHead .td2 {
    width: 55px;
    text-align: left;
    padding-left: 5px
}

.playerHead .td3 {
    width: 60px;
    margin-right: 5px;
    text-align: center;
    white-space: nowrap
}

.playerSlide {
    position: absolute;
    width: 80px;
    left: 0;
    top: 30px
}

.playerSlide a {
    display: block;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #333
}

.playerSlide a.active {
    color: #fff;
    background: #0f88eb
}

.playerList {
    min-height: 100%;
    padding: 30px 0 0 80px;
    margin-top: -30px;
    background: -webkit-linear-gradient(left,#f2f2f2,#f2f2f2 80px,#fff 0,#fff)
}

.playerList .li {
    font-size: 12px;
    color: #333;
    -ms-flex-align: center;
    line-height: 25px;
    padding: 5px 0
}

.playerList .li,.playerList .li .td1 {
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.playerList .li .td1 {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center
}

.playerList .li .td1 .nub {
    width: 40px;
    padding-left: 15px;
    font-weight: 700
}

.playerList .li .td1 .wd_imgWrap {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.playerList .li .td1 .name {
    -ms-flex: 1;
    flex: 1;
    line-height: normal;
    padding-right: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.playerList .li .td2 {
    width: 55px;
    color: #999
}

.playerList .li .td3 {
    width: 60px;
    text-align: center;
    margin-right: 5px
}

.groupTabWrap {
    height: 55px;
    overflow: hidden
}

.groupTab {
    font-size: 0;
    text-align: center;
    padding: 5px 10px 7px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.05);
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.groupTab a {
    display: inline-block;
    width: 22%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 10px 1.5%;
    font-size: 14px;
    color: #666;
    font-weight: 500;
    background: #f2f2f2;
    border-radius: 15px
}

.groupTab a.active {
    background: #e1f2ff;
    color: #0f88eb
}

.groupTab.no_shadow {
    box-shadow: none
}

.liveGuide {
    text-align: right;
    padding-right: 12px;
    position: absolute;
    z-index: 101;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3)
}

.liveGuide .img {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 250px
}

.liveGuide .img img {
    width: 100%
}

.liveGuide .img a {
    position: absolute;
    width: 85px;
    height: 50px;
    right: 0;
    bottom: 0
}

.liveGuide .img01 {
    padding-top: 10px
}

.liveGuide .img02 {
    padding-top: 55px
}

.liveGuide .img03 {
    padding-top: 7px;
    margin-right: -5px
}

.lotteryOpen {
    padding: 8px 0;
    overflow: hidden;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
    border-radius: 8px;
    border: 1px solid #ddd
}

.lotteryOpen .wd_drawLottery .period span {
    height: 30px;
    line-height: 30px
}

.lotteryOpen .wd_drawLottery .period {
    padding: 0 6px
}

.prizeTb table {
    width: 100%
}

.prizeTb th {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    color: #999
}

.prizeTb tr td {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #333;
    text-align: center
}

.prizeTb tr td:last-child {
    text-align: right;
    padding-right: 24px
}

.abstractTitle .hitIcon14_first {
    top: -46px;
    right: -10px
}

.abstractTitle .hitIcon {
    position: absolute;
    right: 35px;
    top: -35px;
    width: 70px;
    height: 70px
}

.abstractTitle .hitIcon01 {
    background: url(/images/yuce/hitIcon01.bd01c76a75d66ecbc21f.png);
    background-size: cover
}

.abstractTitle .hitIcon02 {
    background: url(/images/yuce/hitIcon02.a228aede8cf84094de85.png);
    background-size: cover
}

.remindTxt {
    padding: 10px;
    background: #fffae6;
    border-radius: 4px;
    font-size: 12px;
    color: #a77e59;
    line-height: 17px;
    text-align: justify
}

.wd_matchTop {
    background: #0b3d66
}

.wd_matchTop.feature.animate .wd_dataIntro {
    display: none
}

.wd_matchTop.feature.animate .wd_dataIntro_top {
    opacity: 1;
    visibility: visible
}

.wd_matchTop.no_bg {
    background: none
}

.wd_matchTop.qybd {
    background-image: -webkit-linear-gradient(top,#01001d,#0f294e)
}

.wd_matchTop .wd_turnBtnList {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    position: absolute;
    background: #fff
}

.wd_matchTop .wd_turnBtnList li.active {
    font-weight: 500
}

.wd_matchTop .wd_turnBtnList.animate {
    opacity: 1;
    visibility: visible
}

.wd_matchTop .wd_turnBtnList.ftb {
    max-height: 270px;
    overflow-y: scroll;
    padding: 20px 15px 0
}

.wd_matchTop .wd_turnBtnList.ftb li {
    width: 31%;
    margin-right: 3.5%;
    font-size: 12px
}

.wd_matchTop .wd_turnBtnList.ftb li:nth-child(3n) {
    margin-right: 0
}

.wd_matchTop.bifen {
    background: #093059
}

.wd_matchTop.zhibo {
    background: #000
}

.wd_matchTop.zhibo .wd_pkTeams.scroll .wd_liveScore b {
    background-color: hsla(0,0%,100%,.2)
}

.wd_matchTop.member {
    background: #302e2c
}

.wd_noScroll>.scroll-content:first-child {
    overflow: hidden!important
}

.wd_topBar {
    position: relative;
    height: 44px;
    line-height: 44px;
    text-align: center
}

.wd_topBar .wd_switchTab {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 7px
}

.wd_topBar .wd_switchTab.coffee {
    border: 1px solid #805723;
    background: transparent
}

.wd_topBar .wd_switchTab.coffee a {
    color: #805723
}

.wd_topBar .wd_switchTab.coffee a.active {
    background: #805723
}

.listenTop {
    position: relative
}

.wd_featureBar {
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    box-shadow: 0 -2px 5px rgba(0,0,0,.05)
}

.wd_featureBar li {
    -ms-flex: 1;
    flex: 1;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    color: #333
}

.wd_imgWrap {
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden
}

.wd_imgWrap img {
    position: absolute;
    top: 50%;
    left: 50%
}

.wd_imgWrap.w20 {
    width: 20px;
    height: 20px
}

.wd_imgWrap.w25 {
    width: 25px;
    height: 25px
}

.wd_imgWrap.w30 {
    width: 30px;
    height: 30px
}

.wd_imgWrap.w50 {
    width: 50px;
    height: 50px
}

.wd_imgWrap.w60 {
    width: 60px;
    height: 60px
}

.wd_imgWrap.w64 {
    width: 64px;
    height: 64px
}

.wd_imgWrap.w75 {
    width: 75px;
    height: 75px
}

.wd_imgWrap.border2 {
    border: 2px solid #fff
}

.wd_imgWrap.reactangle {
    border-radius: 0
}

.wd_matchInfo {
    height: 44px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_matchInfo p {
    line-height: 17px
}

.wd_matchInfo p i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url(/images/yuce/wd_arrowRightWhite.23ad8045606ea996d41e.png) no-repeat;
    background-size: 18px auto;
    background-position: 50%;
    margin-left: 3px;
    vertical-align: top;
    margin-top: 4px;
    margin-right: -8px
}

.wd_circleSign {
    position: absolute;
    width: 15px;
    height: 15px;
    font-size: 10px;
    color: #fff;
    background: #0f88eb;
    border-radius: 50%;
    margin-left: -25px;
    text-align: center
}

.wd_dataBankTitle {
    position: relative;
    width: 100%;
    padding-left: 40px;
    padding-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_dataBankTitle.little {
    padding-left: 50px;
    padding-bottom: 0;
    float: left
}

.wd_dataBankTitle.little .wd_dataInfo>p {
    font-size: 16px
}

.wd_dataBankTitle.little img {
    height: 24px
}

.wd_dataBankTitle img {
    max-width: 100%;
    height: 32px
}

.wd_dataBankTitle .wd_dataInfo {
    margin-left: 10px;
    text-align: left;
    color: #fff
}

.wd_dataBankTitle .wd_dataInfo>p {
    display: inline-block;
    font-size: 20px;
    font-weight: 700
}

.wd_dataBankTitle .wd_dataInfo>p .arrow-down {
    right: -20px;
    margin-top: -2px;
    border-top-color: hsla(0,0%,100%,.5)
}

.wd_dataBankTitle .wd_dataInfo>div {
    position: relative
}

.wd_dataBankTitle .wd_seasonSel {
    top: 44px
}

.wd_dataBankTitle.active .wd_seasonSel {
    opacity: 1;
    visibility: visible
}

.wd_dataBankTitle.active .wd_down_triangle {
    transform: rotate(-180deg)
}

.titleBar .wd_seasonSel {
    top: 44px
}

.wd_seasonSel {
    transition: all .3s ease;
    position: absolute;
    z-index: 101;
    width: 100%;
    margin-top: 5px;
    text-align: center;
    background: #09315a
}

.wd_seasonSel li {
    height: 40px;
    line-height: 40px;
    color: hsla(0,0%,100%,.5);
    font-size: 15px
}

.wd_seasonSel li.active {
    color: #ffda44;
    font-weight: 500
}

.wd_seasonSel.bg_fff {
    margin-top: 0;
    background: #fff
}

.wd_seasonSel.bg_fff li {
    color: #999
}

.wd_seasonSel.bg_fff li.active {
    color: #0f88eb;
    font-weight: 500
}

.wd_seasonSel.bg_fff li.active .wd_sel_blue {
    display: block
}

.wd_seasonSel.bottom {
    bottom: 0
}

.wd_icon_ask {
    width: 40px;
    right: 5px;
    background-image: url(/images/yuce/wd_icon_ask.81fb6e50058dd4623524.png);
    background-size: 40px auto;
    background-position: 50%;
    background-repeat: no-repeat
}

.wd_icon_ask,.wd_icon_ask02 {
    position: absolute;
    height: 44px;
    top: 0
}

.wd_icon_ask02 {
    width: 44px;
    right: 0;
    background: url(/images/yuce/wd_icon_ask02.872f89c45d55215a40bc.png) no-repeat;
    background-size: cover
}

.wd_collectIcon,.wd_icon_ask03,.wd_icon_funnel,.wd_icon_heart,.wd_icon_qrcode,.wd_icon_search,.wd_icon_search_black,.wd_icon_share {
    display: inline-block;
    width: 40px;
    height: 44px;
    background-size: 40px auto;
    background-position: 50%;
    background-repeat: no-repeat
}

.wd_collectIcon {
    background-image: url(/images/yuce/wd_starIcon.c13bda7e2744a8b603a8.png);
    background-position: center 2px
}

.wd_collectIcon.active {
    background-position: 0 -38px
}

.wd_icon_share {
    background-image: url(/images/yuce/wd_icon_share.aac098e11a9d033715d3.png)
}

.wd_icon_qrcode {
    background-image: url(/images/yuce/wd_icon_qrcode.7f72adc28dc3ddd226b2.png)
}

.wd_icon_heart {
    background-image: url(/images/yuce/wd_icon_heart.445841e8f6bc3feeb7f0.png)
}

.wd_icon_search {
    background-image: url(/images/yuce/wd_icon_search.3abcb19c761ca918facc.png);
    background-size: 44px auto
}

.wd_icon_search_black {
    background-image: url(/images/yuce/wd_icon_search_black.c3e1d1941901af77235e.png);
    background-size: 44px auto
}

.wd_icon_ask03 {
    background-image: url(/images/yuce/wd_icon_ask03.e1f47910011ea9b30e32.png)
}

.wd_icon_funnel {
    background-image: url(/images/yuce/wd_icon_funnel.3c76df69248e91f7e79c.png)
}

.wd_trIcon_wrap {
    position: absolute;
    top: 0;
    right: 5px;
    height: 44px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_trIcon_wrap .folBtn {
    display: inline-block;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    background-size: 24px auto;
    box-shadow: none
}

.wd_trIcon_wrap .folBtn.active {
    background-image: url(/images/yuce/folBtn.51a56dbc573be3857769.png),-webkit-linear-gradient(left,#c9c9c9,#999);
    background-size: 20px auto,cover;
    background-position: 2px -38px,50%
}

.wd_trIcon_wrap .wd_redPacket_btn {
    position: relative;
    width: 40px;
    background-position: 8px 10px
}

.wd_txtBtn {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    padding: 0 13px;
    font-size: 14px;
    color: #fff;
    text-decoration: none
}

.wd_txtBtn.cancle {
    left: 0;
    right: auto;
    font-size: 18px;
    padding: 0 20px
}

.wd_txtBtn.disabled {
    color: #999
}

.wd_txtBtn.fs15 {
    font-size: 15px
}

.wd_shareOpt_pop {
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 47px;
    width: 170px;
    text-align: left;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2)
}

.wd_shareOpt_pop .title {
    line-height: 35px;
    padding-left: 15px;
    font-size: 12px;
    color: #999;
    font-weight: 700
}

.wd_shareOpt_pop .line {
    line-height: 50px;
    padding-left: 10px
}

.wd_shareOpt_pop .line i {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.wd_shareOpt_pop .line i.code {
    background: url(/images/yuce/wd_icon_qrcode02.f78e8d6806d5c6eaf024.png) no-repeat 50%/cover
}

.wd_shareOpt_pop .line i.link {
    background: url(/images/yuce/wd_icon_link.9caa2f71cfc81d22b8a6.png) no-repeat 50%/cover
}

.wd_shareOpt_pop .line span {
    margin-left: 11px;
    vertical-align: middle;
    font-size: 15px;
    color: #0f88eb;
    font-weight: 700
}

.wd_pkTeamsWrap {
    text-align: center
}

.wd_pkTeams {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 24px;
    transition: all .3s ease
}

.wd_pkTeams>div {
    width: 24%
}

.wd_pkTeams .wd_pkTeam {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 38%;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    white-space: nowrap
}

.wd_pkTeams .wd_pkTeam img {
    width: 32px;
    height: 32px;
    vertical-align: middle
}

.wd_pkTeams .wd_pkTeam .host {
    display: block;
    width: 24px;
    height: 12px;
    line-height: 12px;
    margin-top: 3px;
    font-size: 8px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background-color: #de5b5b;
    border-radius: 6px
}

.wd_pkTeams .wd_pkTeam .host.blue {
    background-color: #588bd8
}

.wd_pkTeams .wd_pkTeam.left {
    text-align: left
}

.wd_pkTeams .wd_pkTeam.right {
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

.wd_pkTeams .wd_pkTeam.right .host {
    margin-left: auto
}

.wd_pkTeams .wd_pkInfo {
    position: relative;
    text-align: center
}

.wd_pkTeams .wd_liveScore {
    padding-top: 15px
}

.wd_pkTeams.scroll {
    height: 44px;
    padding: 0 14%;
    line-height: normal
}

.wd_pkTeams.scroll>div {
    width: 38%
}

.wd_pkTeams.scroll .wd_pkTeam {
    width: 31%;
    font-size: 14px
}

.wd_pkTeams.scroll .wd_pkTeam img {
    width: 24px;
    height: 24px
}

.wd_pkTeams.scroll .wd_icon_vs {
    width: 16px;
    height: 16px
}

.wd_pkTeams.scroll .wd_liveScore {
    padding-top: 0
}

.wd_pkTeams.scroll .wd_liveScore span {
    font-size: 18px;
    font-weight: 400;
    margin-right: 8px
}

.wd_pkTeams.scroll .wd_liveScore span.right {
    margin-right: 0;
    margin-left: 8px
}

.wd_pkTeams.scroll .wd_liveScore b {
    height: 12px
}

.wd_pkTeams.live {
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 8px 10px
}

.wd_pkTeams.live>div {
    width: 40%
}

.wd_pkTeams.live .wd_pkTeam {
    display: block;
    width: 30%;
    font-size: 14px
}

.wd_pkTeams.live .wd_pkTeam img {
    width: 36px;
    height: 36px
}

.wd_pkTeams.live .wd_pkTeam .wd_horseWrap {
    display: block;
    width: 84px!important;
    margin: 5px auto 0
}

.wd_pkTeams.live .wd_pkTeam>span {
    display: block;
    margin-top: 6px
}

.wd_pkTeams.live .wd_pkTeam .host {
    margin: 3px auto 0
}

.wd_icon_vs {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/images/yuce/wd_icon_vs.c67eed319dcda5574635.png) no-repeat;
    background-size: cover;
    margin-top: 3px
}

.wd_horseWrap {
    position: relative;
    width: 80px!important;
    line-height: normal;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle
}

.wd_horseWrap div {
    width: auto;
    position: relative;
    -webkit-animation: horse 6s linear 0s infinite
}

.wd_horseWrap span {
    display: block
}

@keyframes horse {
    0% {
        left: 0;
        opacity: 1
    }

    20% {
        left: -50%;
        opacity: 1
    }

    40% {
        left: -100%;
        opacity: 1
    }

    41% {
        left: -100%;
        opacity: 0
    }

    42% {
        left: 80%;
        opacity: 0
    }

    50% {
        left: 60%;
        opacity: 1
    }

    74% {
        left: 0;
        opacity: 1
    }

    to {
        left: 0;
        opacity: 1
    }
}

.wd_liveStatus {
    position: absolute;
    top: -3px;
    left: 50%;
    height: 15px;
    line-height: 15px;
    padding: 0 10px;
    font-size: 10px;
    border-radius: 12px;
    background: hsla(0,0%,100%,.1);
    white-space: nowrap
}

.wd_faint {
    animation: wd_faint 2s ease-in-out infinite
}

@keyframes wd_faint {
    0% {
        opacity: 1;
        visibility: visible
    }

    50% {
        opacity: .4;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

.wd_liveScore {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_liveScore span {
    margin-right: 20px;
    font-size: 28px;
    font-weight: 500
}

.wd_liveScore span.right {
    margin-left: 20px;
    margin-right: 0
}

.wd_liveScore b {
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: hsla(0,0%,100%,.1)
}

.wd_liveBtnWrap {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    background: hsla(0,0%,100%,.1);
    padding: 0 3px;
    border-radius: 15px;
    font-size: 0
}

.wd_liveBtnWrap a {
    display: inline-block;
    width: 72px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 10px;
    color: #fff
}

.wd_liveBtnWrap a i {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px
}

.wd_liveBtnWrap a i,.wd_liveBtnWrap a span {
    vertical-align: middle
}

.wd_liveBtnWrap a.shipin i {
    background: url(/images/yuce/wd_icon_video.407efe9e448093c8b6a5.png) no-repeat;
    background-size: cover
}

.wd_liveBtnWrap a.donghua i {
    background: url(/images/yuce/wd_icon_animate.5147ae94145ba9124415.png) no-repeat;
    background-size: cover
}

.wd_liveBtnWrap b {
    display: inline-block;
    width: 1px;
    height: 22px;
    background-color: #14335a;
    vertical-align: bottom
}

.wd_liveBtnWrap.top-10 {
    top: -10px
}

.wd_liveHint {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 2;
    top: -44px;
    left: 50%;
    margin-left: -135px;
    width: 270px;
    padding: 15px 0 15px 70px;
    background-color: #5999cc;
    border-radius: 8px;
    text-align: left
}

.wd_liveHint:before {
    content: "";
    position: absolute;
    top: -14px;
    left: 128px;
    border: 7px solid transparent;
    border-bottom: 7px solid #5999cc
}

.wd_liveHint i {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
    background: url(/images/yuce/wd_icon_tv.b3622e64ece2416eeea1.png) no-repeat;
    background-size: cover
}

.wd_liveHint p {
    margin-bottom: 3px;
    font-size: 14px;
    color: #fff;
    font-weight: 500
}

.wd_liveHint span {
    font-size: 12px;
    color: hsla(0,0%,100%,.7)
}

.wd_liveHint.active {
    animation-name: wd_liveHintIn;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both
}

@keyframes wd_liveHintIn {
    0% {
        top: -44px;
        transform: scale(1);
        opacity: 0;
        visibility: hidden
    }

    70% {
        top: 88px;
        transform: scale(1.1);
        opacity: 1;
        visibility: visible
    }

    to {
        top: 44px;
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}

.wd_noWifi {
    padding: 18px 0 30px
}

.wd_noWifi>p {
    text-align: center;
    font-size: 14px;
    color: #fff
}

.wd_noWifi>p i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(/images/yuce/wd_icon_wifi.a912f79f32721ea5be94.png) no-repeat;
    background-size: cover;
    vertical-align: top
}

.wd_noWifi>div {
    margin-top: 15px;
    text-align: center;
    font-size: 0
}

.wd_noWifi>div a {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    margin: 0 10px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background: #588bd8
}

.wd_noWifi>div a.no_bg {
    background: transparent;
    border: 1px solid hsla(0,0%,100%,.1)
}

.wd_scoreTable {
    display: -ms-flexbox;
    display: flex
}

.wd_scoreTable .left {
    width: 28%
}

.wd_scoreTable .left ul li {
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wd_scoreTable .left ul li img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle
}

.wd_scoreTable .left ul li span {
    line-height: 16px;
    vertical-align: middle
}

.wd_scoreTable .right {
    -ms-flex: 1;
    flex: 1
}

.wd_scoreTable .right ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.wd_scoreTable .right ul li {
    white-space: nowrap;
    font-size: 0
}

.wd_scoreTable .right ul li span {
    display: inline-block;
    width: 21%;
    font-size: 12px;
    text-align: center
}

.wd_scoreTable .right ul li span:first-child {
    width: 16%;
    padding-right: 5%
}

.wd_scoreTable ul {
    padding: 10px 0 7px 0
}

.wd_scoreTable ul li {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #fff
}

.wd_scoreTable ul li:first-child {
    height: 20px;
    line-height: 20px;
    color: hsla(0,0%,100%,.5)
}

.wd_period_goals {
    display: -ms-flexbox;
    display: flex
}

.wd_period_goals ul li {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #333
}

.wd_period_goals ul li:first-child {
    color: #999;
    font-weight: 700
}

.wd_period_goals .team {
    width: 20%
}

.wd_period_goals .team ul li {
    padding-left: 15px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wd_period_goals .goal {
    width: 40%
}

.wd_period_goals .goal ul {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.wd_period_goals .goal ul li {
    white-space: nowrap;
    font-size: 0
}

.wd_period_goals .goal ul li span {
    display: inline-block;
    width: 22.5%;
    font-size: 12px;
    font-weight: 500
}

.wd_period_goals .total {
    width: 20%
}

.wd_period_goals .total li {
    color: #999
}

.wd_period_goals .total li span {
    display: inline-block;
    width: 32px;
    text-align: right;
    white-space: nowrap;
    font-weight: 700;
    color: #333
}

.wd_period_goals .total li:first-child span {
    width: auto!important;
    color: #999
}

.wd_period_goals .total.poor li span {
    width: 24px
}

.wd_tabBarWrap {
    height: 40px;
    overflow: hidden;
    box-shadow: 0 8px 16px 0 rgba(11,62,106,.2)
}

.wd_tabBarWrap .wd_tabBar {
    height: 48px
}

.wd_tabBar {
    white-space: nowrap;
    text-align: center;
    background: #0b3d66;
    display: -ms-flexbox;
    display: flex
}

.wd_tabBar a {
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-decoration: none
}

.wd_tabBar a span {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: hsla(0,0%,100%,.7)
}

.wd_tabBar a span.c333 {
    color: #333
}

.wd_tabBar a.active {
    position: relative
}

.wd_tabBar a.active:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px;
    width: 30px;
    height: 2px;
    background: #ffda44;
    border-radius: 2px;
    animation: activeScaleX .4s ease both;
    -webkit-animation: activeScaleX .4s ease both
}

.wd_tabBar a.active span {
    color: #ffda44
}

.wd_tabBar.scroll {
    display: inherit;
    font-size: 0;
    overflow-x: scroll;
    overflow-y: hidden
}

.wd_tabBar.scroll a {
    -ms-flex: none;
    flex: none;
    width: 18%
}

.wd_analyzeTxt {
    padding: 0 20px;
    text-align: center;
    font-size: 12px;
    line-height: 17px
}

.wd_pkItem {
    margin-bottom: 10px;
    background-color: #fff
}

.wd_pkItem.bdradius_t_r {
    border-radius: 5px 5px 0 0
}

.wd_pkTitle {
    position: relative;
    line-height: 44px;
    padding: 5px 5px 0 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wd_pkTitle.pt0 {
    padding-top: 0
}

.wd_pkTitle.pt7 {
    padding-top: 7px
}

.wd_pkTitle .title {
    height: 44px;
    line-height: inherit;
    font-size: 18px;
    font-weight: 700
}

.wd_pkTitle .title.fs16 {
    font-size: 16px
}

.wd_pkTitle .wd_matchSelBtn {
    color: #999
}

.wd_pkTitle .wd_matchSelBtn .arrow-down {
    right: 5px
}

.wd_matchTitle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 9px 10px;
    overflow: hidden;
    background: #f2f3f7;
    font-size: 0;
    white-space: nowrap
}

.wd_matchTitle .time {
    line-height: 17px;
    white-space: nowrap
}

.wd_matchTitle .score,.wd_matchTitle .time {
    width: 24%;
    text-align: center
}

.wd_matchTitle .score .wd_liveScore span {
    font-size: 24px
}

.wd_matchTitle .wd_matchTeam {
    width: 38%;
    white-space: nowrap
}

.wd_matchTitle .wd_matchTeam span {
    font-weight: 500
}

.wd_matchTitle .wd_matchTeam>div {
    display: inline-block
}

.wd_matchTitle .wd_matchTeam .wd_horseWrap span {
    width: auto;
    margin-left: 0;
    margin-right: 0
}

.wd_matchTitle .wd_matchTeam .hostMark {
    display: inline-block;
    width: 24px;
    height: 12px;
    line-height: 12px;
    margin: 5px 2px 0;
    font-size: 8px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background-color: #de5b5b;
    border-radius: 6px
}

.wd_matchTitle .wd_matchTeam .hostMark.blue {
    background-color: #588bd8
}

.wd_matchTitle.detail {
    padding: 8px 10px 22px;
    background: none;
    color: #fff
}

.wd_matchTitle.detail .score,.wd_matchTitle.detail .time {
    width: 34%
}

.wd_matchTitle.detail .wd_matchTeam {
    width: 33%;
    text-align: center
}

.wd_matchTitle.detail .wd_matchTeam img {
    width: 28px;
    height: 28px
}

.wd_matchTitle.detail .wd_matchTeam span {
    display: block;
    max-width: 112px;
    margin: 6px auto 0
}

.wd_matchTitle.bkb .wd_matchTeam img {
    width: 32px;
    height: 32px
}

.wd_matchTitle.bkb .wd_matchTeam .hostMark {
    margin: 5px 2px 3px
}

.wd_matchTitle.popup {
    padding: 18px 15px;
    background: none
}

.wd_matchTitle.popup .wd_matchTeam img {
    width: 28px;
    height: 28px
}

.wd_btnWrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 1px -2px 6px 0 rgba(0,0,0,.05)
}

.wd_btnWrap .wd_pkRange {
    -ms-flex: 1;
    flex: 1
}

.wd_btnWrap .wd_pkRange a {
    -ms-flex: 1;
    flex: 1;
    line-height: 50px;
    color: rgba(0,0,0,.6);
    font-weight: 400
}

.wd_btnWrap .wd_pkRange a.active:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 9px;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #0f88eb
}

.wd_pkRange {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_pkRange a {
    position: relative;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
    font-size: 14px;
    color: #666;
    font-weight: 500;
    white-space: nowrap
}

.wd_pkRange a.active {
    color: #0f88eb
}

.wd_pkRange a.filter {
    padding-right: 25px
}

.wd_pkRange.yellow a {
    color: hsla(0,0%,100%,.6)
}

.wd_pkRange.yellow a.active {
    color: #ffda44
}

.wd_pkRange.yellow a.active:after {
    background: #ffda44
}

.wd_pkRange.group {
    display: block;
    height: 60px;
    white-space: nowrap;
    overflow-x: scroll
}

.wd_pkRange.group a {
    display: inline-block;
    width: 17%;
    padding: 15px 0 19px;
    font-size: 15px;
    color: #fff
}

.wd_pkRange.group a.active {
    color: #ffda44
}

.wd_pkRange.group a.active:after {
    bottom: 15px;
    background: #ffda44
}

.wd_filterBtn {
    height: 50px;
    line-height: 50px;
    width: 22%;
    text-align: center;
    font-size: 12px;
    color: rgba(0,0,0,.6);
    padding-left: 8%;
    background: url(/images/yuce/wd_filter.b8d57abc9d1b4e23ed03.png) no-repeat;
    background-size: 14px 14px;
    background-position: 34%
}

.wd_second_tabBar {
    display: -ms-flexbox;
    display: flex;
    padding-left: 43px;
    padding-right: 43px;
    background: #fff
}

.wd_second_tabBar a {
    -ms-flex: 1;
    flex: 1;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
    font-size: 14px;
    color: #666;
    font-weight: 700;
    background: #f2f2f2;
    border-radius: 15px
}

.wd_second_tabBar a.active {
    color: #0f88eb;
    background: #e1f2ff
}

.wd_second_tabBar a:last-child {
    margin-right: 0
}

.wd_second_tabBar.three {
    padding-left: 58px;
    padding-right: 58px
}

.wd_progressBar {
    padding-left: 5%;
    padding-right: 5%;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.wd_progressBar li {
    -ms-flex: 1;
    flex: 1;
    width: 1%
}

.wd_progressBar em {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    color: #999
}

.wd_progressBar p {
    font-size: 14px;
    margin-top: 4px
}

.wd_progressWrap {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto
}

.wd_progressWrap .rectWrap {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.wd_progressWrap .rectWrap.right {
    right: 0
}

.wd_progressWrap .rectWrap.left {
    left: 0
}

.wd_progressWrap .circleProgress {
    position: absolute;
    top: 0;
    width: 200%;
    height: 100%;
    border: 3px solid #f4f4f4;
    border-radius: 50%;
    transform: rotate(45deg);
    transition: all .3s ease
}

.wd_progressWrap .circleProgress.rightCircle {
    right: 0
}

.wd_progressWrap .circleProgress.rightCircle.red {
    border-left-color: #f75659;
    border-bottom-color: #f75659
}

.wd_progressWrap .circleProgress.rightCircle.green {
    border-left-color: #2db370;
    border-bottom-color: #2db370
}

.wd_progressWrap .circleProgress.rightCircle.blue {
    border-left-color: #0f88eb;
    border-bottom-color: #0f88eb
}

.wd_progressWrap .circleProgress.leftCircle {
    left: 0
}

.wd_progressWrap .circleProgress.leftCircle.red {
    border-right-color: #f75659;
    border-top-color: #f75659
}

.wd_progressWrap .circleProgress.leftCircle.green {
    border-right-color: #2db370;
    border-top-color: #2db370
}

.wd_progressWrap .circleProgress.leftCircle.blue {
    border-right-color: #0f88eb;
    border-top-color: #0f88eb
}

.wd_progressWrap .percent {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    color: #000
}

.wd_progressWrap .percent span {
    font-size: 10px;
    line-height: 20px;
    vertical-align: top;
    color: #333
}

.wd_progressWrap .percent.person {
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_progressWrap .percent.person span {
    color: #999;
    margin-left: 1px
}

.wd_pkDet {
    padding-bottom: 15px
}

.wd_pkDet .red {
    color: #de5b5b
}

.wd_pkDet .blue {
    color: #588bd8
}

.wd_pkDet li {
    padding: 10px 25px 5px;
    white-space: nowrap;
    overflow: hidden
}

.wd_pkDet li.level .wd_pkScore div {
    width: 47%
}

.wd_pkDet li.level .wd_progress {
    width: 43%
}

.wd_pkDet .wd_pkScore div span:nth-child(2) {
    float: right
}

.wd_pkDet .wd_pkScore div span:nth-child(2).right {
    float: left
}

.wd_pkDet .wd_pkLine {
    margin-top: -2px
}

.wd_pkDet .wd_pkName {
    display: inline-block;
    line-height: 14px;
    width: 16%;
    font-size: 12px;
    color: #999
}

.wd_pkDet.defense {
    padding: 10px 0 12px
}

.wd_pkDet.defense li {
    padding: 0 25px 4px
}

.wd_pkDet.defense .wd_pkScore div {
    width: 40%
}

.wd_pkDet.defense .wd_pkScore div:nth-child(2) {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.wd_pkDet.defense .wd_pkLine .wd_progress {
    -ms-flex: 1;
    flex: 1
}

.wd_pkDet.defense .wd_pkLine .wd_pkName {
    width: 72px
}

.wd_pkDet.recent {
    padding-bottom: 0
}

.wd_pkDet.recent .wd_pkLine .wd_progress.left span {
    background: #588bd8
}

.wd_pkLive .wd_pkList {
    padding-left: 25px;
    padding-right: 25px
}

.wd_pkLive.unbegin .wd_pkList_shoot .per {
    background-color: #f2f2f2
}

.wd_pkLive.unbegin .wd_pkList_shoot .per div {
    color: #333
}

.wd_pkLive.unbegin .wd_pkList_shoot .per div:first-child {
    background-color: #f2f2f2
}

.wd_pkLive.unbegin .wd_pkList .wd_progress.left {
    border-right: none
}

.wd_pkLive.unbegin .wd_pkList .wd_pkLine .wd_progress span {
    background: transparent!important
}

.wd_pkList_shoot {
    padding: 0 25px
}

.wd_pkList_shoot .title {
    padding: 10px 15px 0
}

.wd_pkList_shoot .title span {
    float: left;
    width: 33.3%;
    font-size: 14px;
    color: #999
}

.wd_pkList_shoot .title span:nth-child(2) {
    text-align: center
}

.wd_pkList_shoot .title span:nth-child(3) {
    text-align: right
}

.wd_pkList_shoot .per {
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    line-height: 40px;
    margin: 7px 0 14px;
    background-color: #588bd8;
    border-radius: 4px;
    overflow: hidden
}

.wd_pkList_shoot .per div {
    font-size: 15px;
    color: #fff;
    text-align: center
}

.wd_pkList_shoot .per div span {
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.wd_pkList_shoot .per div:first-child {
    background-color: #de5b5b;
    border-right: 1px solid #fff
}

.wd_pkList_shoot .per div:last-child {
    -ms-flex: 1;
    flex: 1
}

.wd_pkList_card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 15px 11px
}

.wd_pkList_card .card {
    font-size: 0
}

.wd_pkList_card .card div {
    display: inline-block;
    text-align: center
}

.wd_pkList_card .card p {
    line-height: 17px;
    margin-top: 10px;
    font-size: 12px;
    color: #333
}

.wd_pkList_card .card i {
    display: inline-block;
    width: 10px;
    height: 14px;
    border-radius: 2px
}

.wd_pkList_card .card i.red {
    background: #f75659
}

.wd_pkList_card .card i.yellow {
    background: #ffc11c
}

.wd_pkList_card .card i.jiao {
    width: 14px;
    background: url(/images/yuce/wd_icon_flag.fb2f47e4c6c0e14fb7df.png) no-repeat;
    background-size: cover
}

.wd_pkList_card .blockShoot {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    padding: 0 47px
}

.wd_pkList_card .blockShoot span {
    position: absolute;
    top: 7px;
    left: 33px
}

.wd_pkList_card .blockShoot span.right {
    right: 33px;
    left: auto
}

.wd_pkList_card .blockShoot p {
    text-align: center;
    font-size: 12px;
    color: #999
}

.wd_pkList_card .blockShoot .percent {
    position: relative;
    height: 3px;
    margin: 5px 0;
    background: #588bd8
}

.wd_pkList_card .blockShoot .percent.bg_gray {
    background: #e9edf3
}

.wd_pkList_card .blockShoot .percent i {
    position: absolute;
    height: 100%;
    background: #de5b5b;
    border-right: 1px solid #fff
}

.wd_pkList_cirbar {
    display: -ms-flexbox;
    display: flex
}

.wd_pkList_cirbar li {
    -ms-flex: 1;
    flex: 1;
    width: 1%
}

.wd_pkList_cirbar .wd_progressWrap {
    width: 50px;
    height: 50px;
    margin-top: 5px
}

.wd_pkList_cirbar .wd_progressWrap .circleProgress {
    border: 5px solid #de5b5b
}

.wd_pkList_cirbar .wd_progressWrap.bd_gray .circleProgress {
    border: 5px solid #e9edf3
}

.wd_pkList_cirbar li {
    padding: 14px 0
}

.wd_pkList_cirbar li p {
    text-align: center;
    font-size: 12px;
    color: #333
}

.wd_pkList_cirbar li em {
    position: absolute;
    top: 17px;
    right: -32px;
    width: 27px;
    line-height: 16px;
    font-size: 11px;
    color: #333
}

.wd_pkList_cirbar li em.left {
    right: auto;
    left: -32px;
    text-align: right
}

.wd_pkList_cirbar li i {
    position: absolute;
    width: 1px;
    height: 5px;
    background: #fff;
    top: 0;
    left: 50%;
    z-index: 2
}

.wd_pkList_cirbar li i.right {
    transform-origin: 0 25px
}

.wd_pkList {
    padding-left: 15px;
    padding-right: 15px
}

.wd_pkList li {
    margin-bottom: 11px
}

.wd_pkList .wd_pkScore {
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    color: #333
}

.wd_pkList .wd_pkScore div {
    width: 35%;
    display: block
}

.wd_pkList .wd_pkScore div:nth-child(2) {
    width: 30%;
    text-align: center;
    font-size: 14px;
    color: #999
}

.wd_pkList .wd_pkScore div:last-child {
    text-align: right
}

.wd_pkList .wd_pkLine {
    height: 4px;
    margin-top: 7px
}

.wd_pkList .wd_progress {
    top: 0;
    width: 50%;
    border-radius: 0
}

.wd_pkList .wd_progress span {
    border-radius: 0
}

.wd_pkList .wd_progress.left {
    left: 0;
    border-right: 1px solid #fff
}

.wd_pkList .wd_progress.right {
    right: 0
}

.wd_pkScore {
    height: 17px;
    line-height: 17px;
    font-size: 12px
}

.wd_pkScore,.wd_pkScore div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wd_pkScore div {
    width: 38%
}

.wd_pkLine {
    position: relative;
    height: 14px;
    line-height: 17px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wd_progress {
    position: relative;
    width: 42%;
    height: 4px;
    background: #f7f8fa;
    border-radius: 5px;
    overflow: hidden
}

.wd_progress span {
    position: absolute;
    height: 100%;
    background: #de5b5b;
    border-radius: 5px
}

.wd_progress.left span {
    right: 0
}

.wd_progress.right span {
    left: 0;
    background: #588bd8
}

.wd_checkPkBtn {
    display: block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #0f88eb
}

.wd_backToBack {
    z-index: 2;
    top: -3px;
    width: 32px;
    height: 12px;
    line-height: 12px;
    font-size: 8px;
    white-space: nowrap;
    color: #fff;
    text-align: center;
    border-radius: 2px 2px 2px 0
}

.wd_backToBack,.wd_backToBack:after {
    position: absolute;
    left: 0;
    background-color: #0f88eb
}

.wd_backToBack:after {
    content: "";
    z-index: -1;
    width: 2px;
    height: 88px;
    top: 3px
}

.wd_backToBack.three:after {
    height: 132px
}

.wd_backToBack.unbegin:after {
    height: 150px
}

.wd_backToBack.unbegin.three:after {
    height: 225px
}

.wd_backToBack.high199:after {
    height: 199px
}

.wd_backToBack.high274:after {
    height: 274px
}

.wd_pkResult .red {
    color: #c67577
}

.wd_pkResult .green {
    color: #70b492
}

.wd_pkResult .blue {
    color: #5498d0
}

.wd_pkResult>li {
    position: relative
}

.wd_pkResult>li ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    padding-left: 10px
}

.wd_pkResult>li ul li {
    line-height: 16px;
    text-align: center;
    font-size: 11px;
    color: #333
}

.wd_pkResult>li ul li span {
    display: block;
    white-space: nowrap
}

.wd_pkResult>li ul li.time {
    width: 16%;
    text-align: left;
    color: #999
}

.wd_pkResult>li ul li.teams {
    width: 48%
}

.wd_pkResult>li ul li.teams div {
    white-space: nowrap;
    font-size: 0
}

.wd_pkResult>li ul li.teams div span {
    display: inline-block;
    vertical-align: middle;
    width: 36%;
    line-height: 16px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap
}

.wd_pkResult>li ul li.teams div span:first-child {
    width: 42%;
    text-align: right
}

.wd_pkResult>li ul li.teams div span:nth-child(2) {
    width: 22%;
    color: #ea4747;
    font-weight: 500
}

.wd_pkResult>li ul li.teams div span:nth-child(3) {
    text-align: left
}

.wd_pkResult>li ul li.daxiao {
    width: 16%
}

.wd_pkResult>li ul li.result {
    width: 9%;
    margin-bottom: 17px
}

.wd_pkResult>li ul li.yapan {
    width: 20%
}

.wd_pkResult>li ul li.yapan span:nth-child(2) {
    height: auto;
    min-height: 17px;
    white-space: pre-wrap
}

.wd_pkResult>li:first-child {
    color: #999;
    background: #f2f3f7
}

.wd_pkResult>li:first-child ul {
    height: 30px
}

.wd_pkResult>li:first-child ul li.time {
    padding-left: 10px;
    color: #333
}

.wd_pkResult>li:first-child ul li.teams {
    padding-left: 3%
}

.wd_pkResult>li:first-child ul li.result {
    margin-bottom: 0
}

.wd_pkResult>li.no_bg {
    background: none
}

.wd_pkResult>li.bg_f5 {
    background: #f5f5f5
}

.wd_pkResult.bkb>li ul li.teams {
    width: 52%
}

.wd_pkResult.bkb>li ul li.teams div span {
    width: 29%
}

.wd_pkResult.bkb>li ul li.teams div span:first-child {
    width: 39%
}

.wd_pkResult.bkb>li ul li.teams div span:nth-child(2) {
    width: 32%
}

.wd_pkResult.bkb>li ul li.yapan {
    width: 16%
}

.wd_pkResult.bkb>li:first-child ul li.teams {
    padding-left: 5%
}

.wd_pkResult.yapan>li ul li.time {
    width: 20%
}

.wd_pkResult.yapan>li ul li.teams {
    width: 55%
}

.wd_pkResult.yapan>li ul li.teams div span {
    width: 40%
}

.wd_pkResult.yapan>li ul li.teams div span:nth-child(2) {
    width: 20%
}

.wd_pkResult.yapan>li ul li.yapan {
    width: 25%
}

.wd_pkResult.yapan>li ul li.result {
    width: 25%;
    padding-left: 10%;
    margin-bottom: 0
}

.wd_pkResult.yapan>li:first-child ul li.teams {
    padding-left: 0
}

.wd_pkResult.yapan.bkb>li ul li.teams {
    width: 55%
}

.wd_pkResult.yapan.bkb>li ul li.teams div span {
    width: 33%
}

.wd_pkResult.yapan.bkb>li ul li.teams div span:nth-child(2) {
    width: 34%
}

.wd_pkTeamName {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #666;
    font-weight: 700
}

.wd_pkFuture>li {
    color: #333
}

.wd_pkFuture>li ul {
    display: -ms-flexbox;
    display: flex;
    line-height: 34px;
    padding: 0 10px;
    white-space: nowrap
}

.wd_pkFuture>li ul li {
    font-size: 12px
}

.wd_pkFuture>li ul li.time {
    width: 110px;
    color: #999
}

.wd_pkFuture>li ul li.league {
    width: 48px
}

.wd_pkFuture>li ul li.against {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    color: #666
}

.wd_pkFuture>li ul li.against span {
    -ms-flex: 1;
    flex: 1
}

.wd_pkFuture>li ul li.against span:first-child {
    text-align: right
}

.wd_pkFuture>li ul li.against em {
    display: inline-block;
    width: 40px;
    text-align: center;
    color: #bbb
}

.wd_pkFuture>li ul li.interval {
    width: 40px;
    text-align: center
}

.wd_pkFuture>li:first-child ul {
    background: #f2f3f7;
    line-height: 30px
}

.wd_pkFuture>li:first-child ul li.time {
    color: #333
}

.wd_pkFuture>li:first-child ul li.against {
    padding-left: 13%;
    color: #333
}

.wd_hostTab {
    display: -ms-flexbox;
    display: flex
}

.wd_hostTab li {
    width: 1%;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 0;
    font-size: 12px;
    color: rgba(0,0,0,.5);
    text-align: center
}

.wd_pkChart {
    position: relative;
    font-size: 12px
}

.wd_pkChart .hostTeam,.wd_pkChart .visitTeam {
    position: absolute;
    top: 5px;
    font-size: 12px;
    color: #999
}

.wd_pkChart .hostTeam span,.wd_pkChart .visitTeam span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 11px;
    background: #0f88eb
}

.wd_pkChart .hostTeam {
    left: 25px
}

.wd_pkChart .visitTeam {
    right: 25px
}

.wd_pkChart .visitTeam span {
    background: #2db370
}

.wd_pkShoot {
    padding: 7px 20px 5px
}

.wd_pkShoot li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px;
    padding: 9px 0
}

.wd_pkShoot li div {
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    white-space: nowrap
}

.wd_pkShoot li div:nth-child(2) {
    font-size: 12px;
    color: rgba(0,0,0,.5);
    text-align: center
}

.wd_pkShoot li div:first-child span {
    color: #de5b5b
}

.wd_pkShoot li div:nth-child(3) {
    text-align: right
}

.wd_pkShoot li div:nth-child(3) span {
    color: #588bd8
}

.wd_pkShoot.advance li div span:last-child {
    display: block;
    font-size: 12px;
    color: #999
}

.wd_pkShoot.advance li div:nth-child(2) {
    color: #999
}

.wd_pkShoot.advance li div:nth-child(2) span:last-child {
    margin-top: 2px
}

@media screen and (min-width:320px) and (max-width:350px) {
    .wd_pkShoot li div span {
        font-size: 16px
    }
}

.wd_matchLists li {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    line-height: 50px;
    padding: 0 10px 0 15px;
    white-space: nowrap;
    -ms-flex-align: center;
    align-items: center
}

.wd_matchLists .wd_matchTeam {
    width: 34%
}

.wd_matchLists .time {
    width: 16%
}

.wd_matchLists .time span {
    display: block;
    font-size: 12px;
    line-height: 17px
}

.wd_matchLists .time.wd_green span:nth-child(2) {
    width: 36px;
    text-align: center
}

.wd_matchLists .score {
    width: 16%;
    font-size: 14px;
    text-align: center
}

.wd_matchLists .live {
    position: absolute;
    right: 10px;
    top: 50%
}

.wd_matchLists .live i {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 0
}

.wd_matchLists .live i.video {
    background: url(/images/yuce/wd_icon_video.407efe9e448093c8b6a5.png) no-repeat;
    background-size: cover
}

.wd_matchLists .live i.animate {
    background: url(/images/yuce/wd_icon_animate.5147ae94145ba9124415.png) no-repeat;
    background-size: cover
}

.wd_matchLists.hasLive li {
    padding-right: 35px
}

.wd_matchLists.wd_matchLists_team .time {
    width: 25%
}

.wd_matchLists.wd_matchLists_team .score {
    width: 15%
}

.wd_matchLists_ftb li .info {
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 10px 0
}

.wd_matchLists_ftb li .info,.wd_matchLists_ftb li .info .time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_matchLists_ftb li .info .time {
    font-size: 10px;
    color: #999
}

.wd_matchLists_ftb li .info .time span {
    font-size: 12px;
    line-height: 17px
}

.wd_matchLists_ftb li .info .live i {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 6px
}

.wd_matchLists_ftb li .info .live i.video {
    background: url(/images/yuce/wd_icon_video.407efe9e448093c8b6a5.png) no-repeat;
    background-size: cover
}

.wd_matchLists_ftb li .info .live i.animate {
    background: url(/images/yuce/wd_icon_animate.5147ae94145ba9124415.png) no-repeat;
    background-size: cover
}

.wd_matchLists_ftb li .match {
    height: 40px;
    padding: 0 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_matchLists_ftb li .match .wd_matchTeam {
    -ms-flex: 1;
    flex: 1
}

.wd_matchLists_ftb li .match .wd_matchTeam img {
    width: 22px;
    height: 22px
}

.wd_matchLists_ftb li .match .wd_matchTeam span {
    font-weight: 700;
    margin-left: 6px
}

.wd_matchLists_ftb li .match .wd_matchTeam.right span {
    margin-left: 0;
    margin-right: 6px
}

.wd_matchLists_ftb li .match .score {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.wd_matchLists_ftb li .match .wd_liveScore span {
    margin-right: 12px;
    font-size: 16px
}

.wd_matchLists_ftb li .match .wd_liveScore span.right {
    margin-left: 12px;
    margin-right: 0
}

.wd_matchLists_ftb li .match .wd_liveScore b {
    background-color: #eee
}

.wd_matchTeam {
    font-size: 0
}

.wd_matchTeam span {
    display: inline-block;
    max-width: 70px;
    font-size: 14px;
    margin-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle
}

.wd_matchTeam img {
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.wd_matchTeam .host {
    font-size: 10px;
    color: #bbb;
    margin-left: 5px;
    vertical-align: middle
}

.wd_matchTeam.right {
    text-align: right
}

.wd_matchTeam.right .host,.wd_matchTeam.right span {
    margin-left: 0;
    margin-right: 5px
}

.wd_matchSelBtn {
    position: relative;
    float: right;
    width: 120px;
    height: 44px;
    line-height: 44px;
    padding-right: 20px;
    text-align: right;
    color: hsla(0,0%,100%,.5);
    font-size: 12px
}

.wd_matchSelBtn .wd_down_triangle {
    right: 5px;
    transform-origin: 5px 2px
}

.wd_matchSelBtn .wd_optionBox {
    right: 0
}

.wd_matchSelBtn.active .wd_optionBox {
    opacity: 1;
    visibility: visible
}

.wd_matchSelBtn.active .wd_down_triangle {
    transform: rotate(-180deg)
}

.wd_down_triangle {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    border: 5px solid transparent;
    border-top-color: hsla(0,0%,100%,.5);
    border-radius: 2px;
    transition: all .3s ease;
    transform: rotate(0deg);
    transform-origin: 4px 2px
}

.wd_down_triangle.blue {
    border-top-color: #0f88eb
}

.wd_down_triangle.active {
    transform: rotate(-180deg)
}

.wd_matchChooseTab {
    display: -ms-flexbox;
    display: flex;
    line-height: 50px;
    font-size: 14px;
    text-align: center;
    background: #fff;
    color: #999;
    box-shadow: 3px 0 10px rgba(0,0,0,.1)
}

.wd_matchChooseTab a {
    -ms-flex: 1;
    flex: 1;
    width: 1%;
    color: #588bd8;
    text-decoration: none
}

.wd_matchChooseTab a:nth-child(2) {
    -ms-flex: 2;
    flex: 2;
    color: #333
}

.wd_matchChooseTab a:nth-child(2) .down_arrow {
    border-color: #999;
    border-width: 2px
}

.wd_matchChooseTab a.disabled {
    color: #999
}

.iphoneTop .wd_popup_auto.wd_fullScreen {
    padding-top: 20px
}

.wd_popup_auto {
    position: absolute;
    z-index: 1000;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height: 70%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.1);
    overflow: hidden
}

.wd_popup_auto.wd_fullScreen {
    height: 100%;
    max-height: 100%;
    border-radius: 0
}

.wd_popup_title {
    position: relative;
    line-height: 44px;
    text-align: center
}

.wd_popup_title.lh50 {
    line-height: 50px
}

.wd_popup_con {
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    overflow-x: hidden
}

.wd_popup_btn_group {
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    color: #333;
    font-weight: 700
}

.wd_popup_btn_group a {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 50px;
    color: #333
}

.wd_popup_btn_group a.orange {
    color: #ff8200
}

.wd_popup_btn_group a.blue {
    color: #0f88eb
}

.wd_popup {
    position: absolute;
    z-index: 1001;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-radius: 8px 8px 0 0;
    overflow: hidden
}

.wd_popup .title44 {
    height: 44px;
    line-height: 44px;
    position: relative;
    text-align: center;
    font-size: 16px;
    color: #000
}

.wd_popup .close_btn_white {
    top: 0!important
}

.wd_popup .close_btn_gray {
    left: 0
}

.wd_popup .wd_pkResult.yapan {
    min-height: 88px;
    max-height: 245px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 10px
}

.wd_popup .wd_pkResult.yapan>li:first-child {
    background: transparent
}

.wd_popup .wd_pkResult.yapan>li:first-child ul {
    height: 44px
}

.wd_popup .wd_pkResult.yapan>li:first-child ul li.time {
    padding-left: 0
}

.wd_popup .wd_pkResult.yapan>li:last-child.bdb:before {
    border-bottom-width: 0
}

.wd_popup .wd_pkResult.yapan>li ul li.teams {
    position: relative;
    width: 60%;
    padding-right: 10px
}

.wd_popup .wd_pkResult.yapan>li ul li.teams div span:nth-child(2) {
    color: #ea4747
}

.wd_popup .wd_pkResult.yapan>li ul li.result {
    width: 20%;
    padding-left: 8%
}

.wd_popup .wd_pkRange {
    padding-top: 3px
}

.wd_popup .wd_pkRange a {
    width: 38%
}

.wd_popup.wd_fullScreen {
    top: 0;
    height: 100%
}

.iphoneTop .wd_popup.wd_fullScreen {
    padding-top: 20px
}

.wd_popupBtn {
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    margin: 15px 0
}

.wd_popupBtn a {
    -ms-flex: 1;
    flex: 1;
    width: 1%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 6px;
    font-size: 15px;
    color: #fff;
    background-image: -webkit-linear-gradient(left,#0f88eb,#00a5ff);
    margin-right: 10px
}

.wd_popupBtn a:last-child {
    margin-right: 0
}

.wd_scrollYWrap {
    position: absolute;
    top: 44px;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 44px
}

.wd_turnBtnList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 20px 0;
    background: #fff
}

.wd_turnBtnList li {
    white-space: nowrap;
    text-align: center;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 15px;
    height: 32px;
    line-height: 32px;
    border-radius: 20px;
    font-size: 13px;
    color: #666;
    background: #f6f6f6
}

.wd_turnBtnList li.active {
    background: #f1f7ff;
    color: #0f88eb
}

.wd_turnBtnList li:nth-child(3n) {
    margin-right: 0
}

.wd_turnBtnList .wd_customOdds {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-right: 0;
    background: none;
    height: 40px;
    line-height: 40px
}

.wd_turnBtnList .wd_customOdds input {
    -ms-flex: 1;
    flex: 1;
    height: 40px;
    line-height: 40px;
    background: #eee;
    border-radius: 5px;
    border: none;
    margin-right: 10px;
    padding-left: 15px;
    color: #333
}

.wd_turnBtnList .wd_customOdds input::-webkit-input-placeholder {
    color: #bbb
}

.wd_turnBtnList .wd_customOdds a {
    width: 80px;
    font-size: 18px;
    color: #fff;
    background: #ff8200;
    border-radius: 5px;
    line-height: 40px;
    height: 40px;
    font-weight: 500
}

.wd_matchFilter {
    padding-top: 10px;
    padding-bottom: 10px
}

.wd_matchFilter li {
    position: relative;
    padding-left: 65px;
    font-size: 15px;
    color: #464646
}

.wd_matchFilter li:last-child {
    margin-bottom: 0
}

.wd_matchFilter span {
    position: absolute;
    left: 0;
    top: 13px;
    width: 65px;
    text-align: center
}

.wd_matchFilter div {
    font-size: 0
}

.wd_matchFilter div a {
    display: inline-block;
    width: 80px;
    height: 32px;
    line-height: 32px;
    background: #f6f6f6;
    border-radius: 32px;
    text-align: center;
    font-size: 13px;
    color: #666;
    margin: 8px 8px 7px 0
}

.wd_matchFilter div a:first-child {
    margin-left: 0
}

.wd_matchFilter div a.active {
    background: #f1f7ff;
    color: #0f88eb
}

.wd_histogramChart {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: end;
    align-items: flex-end
}

.wd_histogramChart li {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 0
}

.wd_histogramChart.saiguo {
    position: relative;
    padding: 10px 10px 15px
}

.wd_histogramChart.saiguo .wd_histogram {
    width: 38px
}

.wd_histogramChart.saiguo .wd_histogram i {
    width: 20px
}

.wd_histogramChart.saiguo .wd_histogram .perc {
    font-size: 12px;
    color: #333;
    font-weight: 600;
    margin-top: 3px;
    line-height: 17px
}

.wd_histogramChart.saiguo:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 1px;
    bottom: 58px;
    left: 0;
    background: #eee;
    transform: scale(.5);
    transform-origin: 0 center
}

.wd_histogram {
    display: inline-block;
    text-align: center;
    width: 45px
}

.wd_histogram i {
    display: block;
    width: 35px;
    border-radius: 2px;
    margin: 4px auto 7px
}

.wd_histogram i,.wd_histogram i.red {
    background: #e77676
}

.wd_histogram i.green {
    background: #77bf9b
}

.wd_histogram i.blue {
    background: #8bbde7
}

.wd_histogram i.coffee {
    background: #cc9865
}

.wd_histogram i.red2 {
    background: #ecadad
}

.wd_histogram i.red3 {
    background: #f6b3b3
}

.wd_histogram i.green2 {
    background: #9fd4ba
}

.wd_histogram i.green3 {
    background: #a6d4bd
}

.wd_histogram i.blue2 {
    background: #94c0e5
}

.wd_histogram i.blue3 {
    background: #90c4ef
}

.wd_histogram em {
    display: block;
    line-height: 17px;
    white-space: nowrap
}

.wd_histogram.narrow {
    width: 40px
}

.wd_histogram.narrow i {
    width: 28px
}

.wd_scoreRank .blue {
    color: #588bd8
}

.wd_scoreRank .row {
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    font-size: 12px;
    color: #333
}

.wd_scoreRank .row .left {
    width: 35%;
    padding-left: 15px;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_scoreRank .row .left .rank {
    width: 24px;
    font-size: 12px;
    color: #333;
    font-weight: 500
}

.wd_scoreRank .row .left .rank.w34 {
    width: 34px
}

.wd_scoreRank .row .left .logo {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    text-align: center
}

.wd_scoreRank .row .left img {
    max-width: 100%;
    height: 16px
}

.wd_scoreRank .row .left .name {
    -ms-flex: 1;
    flex: 1
}

.wd_scoreRank .row .right {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_scoreRank .row .right span {
    text-align: center;
    white-space: nowrap;
    overflow: hidden
}

.wd_scoreRank .row .right span:first-child {
    width: 12%
}

.wd_scoreRank .row .right span:nth-child(2) {
    width: 28%
}

.wd_scoreRank .row .right span:nth-child(3) {
    width: 24%
}

.wd_scoreRank .row .right span:nth-child(4) {
    width: 16%
}

.wd_scoreRank .row .right span:nth-child(5) {
    width: 20%
}

.wd_scoreRank .row.title {
    height: 30px;
    background: #f2f3f7!important;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2
}

.wd_scoreRank .row.title span {
    height: 30px;
    line-height: 30px;
    color: #333!important
}

.wd_scoreRank .row.title_txt {
    height: 30px;
    line-height: 30px;
    font-weight: 500;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_scoreRank .row.bg_f2f3f7 {
    background: #f2f3f7
}

.wd_scoreRank .row.bg_666 {
    background: #666
}

.wd_scoreRank .row.bg_6e2a2a {
    background: #6e2a2a
}

.wd_scoreRank .row.bg_603c1d {
    background: #603c1d
}

.wd_scoreRank .row.bg_145283 {
    background: #145283
}

.wd_scoreRank .row.bg_233b4e {
    background: #233b4e
}

.wd_scoreRank .row.bg_385871 {
    background: #385871
}

.wd_scoreRank .row.bg_284760 {
    background: #284760
}

.wd_scoreRank .row.bg_fffaf6 {
    background: #fffaf6
}

.wd_scoreRank .row.bg_fffaf6.bdc_eee:before {
    border-color: #eadfd6
}

.wd_scoreRank.bkb .row .left .rank.red {
    color: #ea4747
}

.wd_scoreRank.bkb .row .right {
    padding-right: 5px
}

.wd_scoreRank.bkb .row .right span {
    -ms-flex: 1;
    flex: 1
}

.wd_scoreRank.bkb .row .right span.red {
    color: #c67577
}

.wd_scoreRank.bkb .row .right span.blue {
    color: #5498d0
}

.wd_scoreRank.bkb .row .right span:first-child {
    padding-right: 3%
}

.wd_scoreRank.bkb .row .right span:nth-child(4) {
    padding-right: 2%
}

.wd_scoreRank.bkb .row .right span:nth-child(6) {
    padding-left: 1%
}

.wd_scoreRank.jifen .row {
    color: hsla(0,0%,100%,.7)
}

.wd_scoreRank.jifen .row .left .name,.wd_scoreRank.jifen .row .left .rank,.wd_scoreRank.jifen .row .right span:nth-child(5),.wd_scoreRank.jifen .row.title_txt {
    color: #fff
}

.wd_scoreRank.teamdata .row {
    padding: 0 10px
}

.wd_scoreRank.teamdata .row .right {
    padding-right: 0
}

.wd_scoreRank.teamdata .row .right span {
    -ms-flex: 1;
    flex: 1
}

.wd_scoreRank.teamdata .row .right span:nth-child(3) {
    padding: 0 5% 0 3%
}

.wd_scoreRank.no_bg .row {
    height: 34px;
    background: #fff
}

.wd_tj_rank {
    display: -ms-flexbox;
    display: flex
}

.wd_tj_rank ul li {
    height: 34px;
    line-height: 34px;
    font-size: 0;
    color: #333
}

.wd_tj_rank ul li span {
    display: inline-block;
    text-align: center;
    font-size: 12px
}

.wd_tj_rank ul li:first-child {
    height: 30px;
    line-height: 30px;
    background: #f2f3f7
}

.wd_tj_rank ul li.h50 {
    height: 50px;
    line-height: 50px
}

.wd_tj_rank ul li.h50 span {
    line-height: 17px;
    vertical-align: middle
}

.wd_tj_rank .left {
    width: 127px
}

.wd_tj_rank .left li {
    padding-left: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_tj_rank .left li .rank {
    width: 22px;
    text-align: left;
    font-weight: 700
}

.wd_tj_rank .left li .logo {
    width: 16px;
    height: 16px;
    text-align: center;
    margin-right: 10px
}

.wd_tj_rank .left li .logo img {
    height: 16px;
    max-width: 100%
}

.wd_tj_rank .left li .name {
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.wd_tj_rank .left li:first-child span:last-child {
    margin-left: 24px
}

.wd_tj_rank .right {
    -ms-flex: 1;
    flex: 1;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.wd_tj_rank .right ul {
    float: left
}

.wd_tj_rank .right ul li {
    white-space: nowrap
}

.wd_tj_rank .right ul li span {
    width: 41px
}

.wd_tj_rank.noScroll .right ul {
    float: none
}

.wd_tj_rank.noScroll .right ul li {
    display: -ms-flexbox;
    display: flex
}

.wd_tj_rank.noScroll .right ul li span {
    -ms-flex: 1;
    flex: 1
}

.wd_tj_field {
    overflow: hidden;
    background: #fff;
    display: -ms-flexbox;
    display: flex
}

.wd_tj_field ul li {
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    color: #333
}

.wd_tj_field ul li.gray {
    background: #f2f2f2
}

.wd_tj_field ul li.gray.bdc_eee:before {
    border-color: #e5e5e5
}

.wd_tj_field ul li:first-child {
    background: #f2f3f7
}

.wd_tj_field ul li:last-child.bdb:before {
    border-bottom-width: 0
}

.wd_tj_field .left {
    width: 100px
}

.wd_tj_field .left ul li {
    display: -ms-flexbox;
    display: flex
}

.wd_tj_field .left ul li .name {
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    text-align: left;
    font-weight: 700
}

.wd_tj_field .left ul li .wd_greenDot {
    width: 5px;
    height: 5px;
    margin-top: 5px;
    margin-right: 5px
}

.wd_tj_field .left ul li:first-child .name {
    font-weight: 400
}

.wd_tj_field .right {
    position: relative;
    margin-bottom: -8px;
    -ms-flex: 1;
    flex: 1;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.wd_tj_field .right ul {
    float: left
}

.wd_tj_field .right ul li {
    white-space: nowrap;
    font-size: 0
}

.wd_tj_field .right ul li span {
    display: inline-block;
    width: 40px;
    text-align: center;
    font-size: 12px
}

.wd_tj_field .unbegin {
    text-align: center;
    position: absolute;
    top: 50%;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%,-50%)
}

.wd_teamBar {
    padding: 14px 10%;
    background: #f2f3f7
}

.wd_teamBar div {
    border-radius: 8px;
    overflow: hidden
}

.wd_teamBar a {
    line-height: 30px;
    font-size: 14px;
    color: #999;
    float: left;
    width: 50%;
    text-align: center
}

.wd_teamBar a.active {
    font-weight: 700;
    color: #000;
    background: #cdd0d9
}

.wd_halfTimeTab a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding: 0 16px
}

.wd_halfTimeTab a.active {
    color: #ffda44
}

.wd_classMark {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 15px
}

.wd_classMark li {
    width: 50%;
    line-height: 20px;
    font-size: 12px;
    color: rgba(0,0,0,.5)
}

.wd_classMark li span {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border-radius: 2px
}

.wd_classMark li em,.wd_classMark li span {
    display: inline-block;
    vertical-align: middle
}

.wd_statisticsBtn {
    overflow: hidden
}

.wd_statisticsBtn li {
    position: relative;
    float: left;
    width: 50%;
    height: 70px;
    padding-left: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_statisticsBtn li h3 {
    font-size: 15px;
    color: #333;
    line-height: 21px
}

.wd_statisticsBtn li p {
    font-size: 12px;
    color: #999;
    line-height: 17px;
    margin-top: 2px
}

.wd_statisticsBtn li i {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    background: url(/images/yuce/wd_statisticsIcon.df9d88b1106aae3a1001.png) no-repeat;
    background-size: 40px auto;
    background-position: 0 0
}

.wd_statisticsBtn li i.rangqiu {
    background-position: 0 0
}

.wd_statisticsBtn li i.half {
    background-position: 0 -40px
}

.wd_statisticsBtn li i.goal {
    background-position: 0 -80px
}

.wd_statisticsBtn li i.odd-even {
    background-position: 0 -120px
}

.wd_statisticsBtn li i.shengcha {
    background-position: 0 -160px
}

.wd_statisticsBtn li i.beikbei {
    background-position: 0 -200px
}

.wd_bestTitle {
    line-height: 20px;
    padding: 0 44px 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wd_bestTitle span {
    display: inline-block;
    width: 40%;
    font-size: 14px;
    color: #999;
    text-align: center
}

.wd_bestList {
    padding-bottom: 5px
}

.wd_bestList li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
    padding: 6px 20px 0;
    text-align: center
}

.wd_bestList li .logo {
    width: 24px;
    height: 24px;
    text-align: center
}

.wd_bestList li .logo img {
    max-width: 100%;
    height: 24px
}

.wd_bestList li .perc {
    -ms-flex: 3;
    flex: 3;
    width: 25%;
    margin-bottom: 5px;
    white-space: nowrap
}

.wd_bestList li .perc div {
    line-height: 22px;
    font-size: 16px;
    color: #ff8200;
    font-weight: 500
}

.wd_bestList li .perc div.fwn {
    font-weight: 400
}

.wd_bestList li .perc div span {
    font-size: 12px;
    color: #999;
    margin-left: 3px
}

.wd_bestList li .perc p {
    line-height: 17px;
    margin-top: 2px;
    padding: 0 10px;
    font-size: 12px;
    color: #333
}

.wd_bestList li .txt {
    -ms-flex: 2;
    flex: 2;
    font-size: 12px;
    color: rgba(0,0,0,.5)
}

.wd_bwin li {
    padding: 11px 15px;
    line-height: 24px
}

.wd_bwin li img {
    max-width: 100%;
    height: 24px;
    margin-left: 5%;
    margin-right: 4%;
    vertical-align: middle
}

.wd_bwin li span {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 15px;
    background: #9faac6;
    border-radius: 2px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    vertical-align: middle
}

.wd_bwin li em {
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle
}

.wd_bwin li:nth-child(-n+3) span {
    background: #f75659
}

.wd_teamList {
    overflow: hidden;
    background: #fff
}

.wd_teamList li {
    float: left;
    width: 25%
}

.wd_teamList li a {
    display: block;
    width: 100%;
    padding: 22px 0;
    color: #000;
    text-decoration: none;
    text-align: center
}

.wd_teamList li a img {
    height: 32px
}

.wd_teamList li a span {
    display: block;
    line-height: 17px;
    margin-top: 5px;
    font-size: 12px
}

.wd_teamInfo {
    margin: 0 15px
}

.wd_teamInfo li {
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333
}

.wd_teamInfo li span:nth-child(2) {
    float: right
}

.wd_teamInfo li span:nth-child(2) em {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
    margin-right: -3px;
    border-right: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    transform: rotate(-45deg) scale(.5)
}

.wd_teamIntro {
    padding: 0 20px 20px
}

.wd_teamIntro>p {
    line-height: 21px;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
    text-indent: 25px
}

.wd_teamIntro>p:last-child {
    margin-bottom: 0
}

.wd_teamIntro.rule {
    height: 95%;
    padding: 15px 20px 40px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.wd_teamIntro.rule>p {
    font-size: 14px;
    color: hsla(0,0%,100%,.8)
}

.wd_handicap {
    padding-bottom: 10px
}

.wd_handicap>li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding-left: 3%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center
}

.wd_handicap>li>div {
    font-size: 0;
    white-space: nowrap
}

.wd_handicap>li>div.company {
    width: 16%;
    text-align: left;
    font-size: 12px;
    color: #333
}

.wd_handicap>li>div.company .name {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding-right: 15px;
    vertical-align: middle
}

.wd_handicap>li>div.company .name .wd_circleSign {
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    line-height: 12px;
    margin-left: 0;
    font-size: 10px
}

.wd_handicap>li>div.begin {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40%;
    color: #999
}

.wd_handicap>li>div.begin span {
    width: 24%
}

.wd_handicap>li>div.begin span:nth-child(2) {
    width: 46%;
    white-space: pre-wrap;
    font-size: 11px
}

.wd_handicap>li>div.current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40%
}

.wd_handicap>li>div.current span {
    width: 24%
}

.wd_handicap>li>div.current span:nth-child(2) {
    width: 46%;
    white-space: pre-wrap;
    font-size: 11px
}

.wd_handicap>li span {
    display: inline-block;
    font-size: 12px;
    line-height: 17px
}

.wd_handicap>li:first-child {
    height: 30px
}

.wd_handicap>li:first-child div {
    font-size: 13px;
    color: #333
}

.wd_handicap>li:nth-child(odd) {
    background: #f2f3f7
}

.wd_handicap .down_arrow {
    border-color: rgba(0,0,0,.3);
    border-width: 2px;
    margin-left: 10px;
    margin-top: -6px;
    transform-origin: 6px 5px
}

.wd_handicap.kaili>li {
    height: 50px
}

.wd_handicap.kaili>li div {
    text-align: center
}

.wd_handicap.kaili>li div.company {
    width: 18%;
    text-align: left
}

.wd_handicap.kaili>li div.odd-even {
    width: 34%
}

.wd_handicap.kaili>li div.variance {
    width: 32%
}

.wd_handicap.kaili>li div.variance span {
    width: 30%;
    margin-left: 0
}

.wd_handicap.kaili>li div.lossRatio {
    width: 16%
}

.wd_handicap.kaili>li span {
    display: inline-block;
    width: auto;
    margin-left: 8px
}

.wd_handicap.kaili>li span:first-child {
    margin-left: 0
}

.wd_handicap.kaili>li:first-child {
    height: 30px;
    line-height: 30px
}

.wd_handicap.kaili.bkb>li .odd-even span {
    margin-left: 18%
}

.wd_handicap.kaili.bkb>li .odd-even span:nth-child(2) {
    margin-left: 13%
}

.wd_handicap_oupei {
    font-size: 12px;
    color: #333
}

.wd_handicap_oupei>li {
    height: 60px;
    line-height: 30px;
    text-align: center
}

.wd_handicap_oupei>li,.wd_handicap_oupei>li .company {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_handicap_oupei>li .company {
    width: 30%;
    padding: 0 10px;
    text-align: left;
    color: #333
}

.wd_handicap_oupei>li .company .name {
    -ms-flex: 1;
    flex: 1
}

.wd_handicap_oupei>li .company .host {
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background: #f6b7b7;
    border-radius: 2px
}

.wd_handicap_oupei>li .odds {
    width: 50%
}

.wd_handicap_oupei>li .odds .line {
    display: -ms-flexbox;
    display: flex
}

.wd_handicap_oupei>li .odds .line .left {
    width: 30px;
    color: #999
}

.wd_handicap_oupei>li .odds .line .right {
    font-weight: 500;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex
}

.wd_handicap_oupei>li .odds .line .right span {
    -ms-flex: 1;
    flex: 1
}

.wd_handicap_oupei>li .odds .line .right span.green {
    background: #dff8c2
}

.wd_handicap_oupei>li .odds .line .right span.pink {
    background: #ffd8d8
}

.wd_handicap_oupei>li .odds .line .right span:nth-child(2) {
    margin: 0 1px
}

.wd_handicap_oupei>li .lossRation {
    width: 20%
}

.wd_handicap_oupei>li:nth-child(odd) {
    background: #f9fafc
}

.wd_handicap_oupei>li:first-child {
    height: 34px;
    line-height: 34px;
    font-weight: 500;
    background: #f2f3f7
}

.wd_handicap_oupei>li:first-child>div {
    position: relative;
    overflow: visible
}

.wd_handicap_oupei>li:first-child .company {
    padding-left: 15px
}

.wd_handicap_oupei>li:first-child .odds {
    padding-left: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_handicap_oupei>li .wd_optionBox {
    width: 140px;
    top: 32px
}

.wd_handicap_oupei .arrow-down {
    position: inherit;
    margin-left: 10px;
    top: inherit;
    right: inherit;
    margin-top: -2px
}

.wd_handicap_oupei.bkb>li .odds .line .right span {
    line-height: 24px;
    margin: 3px 11%;
    border-radius: 4px
}

.wd_handicap_rqiu li,.wd_handicap_rqiu li div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_handicap_rqiu li div {
    height: 35px;
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_handicap_rqiu li div span {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.wd_handicap_rqiu li div.company {
    width: 22%;
    padding-left: 15px;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.wd_handicap_rqiu li div.begin {
    width: 38%
}

.wd_handicap_rqiu li div.begin span:nth-child(2) {
    color: #999
}

.wd_handicap_rqiu li div.current {
    width: 40%
}

.wd_handicap_rqiu li div.current em {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 2px;
    background: url(/images/yuce/wd_arrowIcons02.bc2be655448eb053d2a9.png) no-repeat;
    background-size: 8px auto
}

.wd_handicap_rqiu li div.current span.green em {
    background-position: 0 -8px
}

.wd_handicap_rqiu li:nth-child(odd) {
    background: #f8f8f8
}

.wd_handicap_rqiu li:first-child {
    background: #f2f3f7
}

.wd_handicap_rqiu li:first-child div {
    font-weight: 500
}

.wd_handicap_rqiu li:first-child div.company {
    padding-left: 0;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_handicap_rqiu .green,.wd_handicap_rqiu .red {
    font-weight: 500
}

.wd_dataDet {
    margin: 15px 15px 0 15px
}

.wd_dataDet h3 {
    font-size: 14px;
    color: #5498d0;
    font-weight: 500
}

.wd_dataDet ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 5px 0
}

.wd_dataDet ul li {
    width: 33.3%;
    text-align: center;
    margin: 10px 0
}

.wd_dataDet ul li span {
    display: block;
    font-size: 12px
}

.wd_dataDet ul li span:first-child {
    font-size: 20px;
    color: #000
}

.wd_dataDet ul li span:first-child em {
    margin-left: 3px;
    font-size: 12px;
    color: #999
}

.wd_dataDet ul li span:last-child {
    color: #999
}

.wd_dataDet ul.defense li {
    width: 50%
}

.wd_dataIntro {
    transition: all .3s ease;
    margin-top: -20px;
    padding-bottom: 15px
}

.wd_dataIntro .name {
    text-align: center
}

.wd_dataIntro .name p {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin-top: 3px
}

.wd_dataIntro .name i {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(/images/yuce/wd_analyzeIcon_l.074db3bdbe1ba6ff0f1d.png);
    background-size: 32px auto
}

.wd_dataIntro .name i.kaili {
    height: 40px;
    background-position: 0 -128px
}

.wd_dataIntro .name i.tpei {
    background-position: 0 0
}

.wd_dataIntro .name i.lisan {
    background-position: 0 -32px
}

.wd_dataIntro .name i.yingkui {
    background-position: 0 -64px
}

.wd_dataIntro .name i.toubi {
    background-position: 0 -96px
}

.wd_dataIntro .content {
    padding: 10px 20px 0
}

.wd_dataIntro .content p {
    font-size: 12px;
    color: hsla(0,0%,100%,.8);
    text-align: justify
}

.wd_dataIntro_top {
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
    font-size: 18px;
    color: #fff
}

.wd_dataIntro_top i,.wd_dataIntro_top span {
    vertical-align: middle
}

.wd_dataIntro_top i {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    background-image: url(/images/yuce/wd_analyzeIcon_l.074db3bdbe1ba6ff0f1d.png);
    background-size: 18px auto
}

.wd_dataIntro_top i.kaili {
    height: 22px;
    background-position: 0 -72px
}

.wd_dataIntro_top i.tongpei {
    background-position: 0 0
}

.wd_dataIntro_top i.lisan {
    background-position: 0 -18px
}

.wd_dataIntro_top i.toubi {
    background-position: 0 -54px
}

.wd_dataIntro_top i.yingkui {
    background-position: 0 -36px
}

.wd_featureOdds li {
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    line-height: 30px;
    padding: 0 8px 0 15px
}

.wd_featureOdds li div {
    text-align: center;
    font-size: 12px;
    white-space: nowrap
}

.wd_featureOdds li div span {
    display: inline-block
}

.wd_featureOdds li div:first-child {
    width: 5%;
    text-align: left
}

.wd_featureOdds li div:nth-child(2) {
    width: 35%
}

.wd_featureOdds li div:nth-child(3) {
    width: 45%
}

.wd_featureOdds li div:nth-child(4) {
    width: 15%
}

.wd_featureOdds.kaili li div:nth-child(2) span {
    width: 30%
}

.wd_featureOdds.kaili li div:nth-child(3) span {
    width: 27%
}

.wd_featureOdds.lisan li div:first-child {
    width: 7%
}

.wd_featureOdds.lisan li div:nth-child(2) {
    width: 48%
}

.wd_featureOdds.lisan li div:nth-child(2) span {
    width: 22%
}

.wd_featureOdds.lisan li div:nth-child(3) {
    width: 45%
}

.wd_featureOdds.lisan li div:nth-child(3) span {
    width: 28%
}

.wd_featureOdds.lisan.bkb li div:nth-child(2) span {
    width: 30%
}

.wd_featureOdds.lisan.bkb li div:nth-child(3) span {
    width: 32%
}

.wd_featureOdds.toubi li div:nth-child(2),.wd_featureOdds.yingkui li div:nth-child(2) {
    width: 35%
}

.wd_featureOdds.toubi li div:nth-child(3),.wd_featureOdds.yingkui li div:nth-child(3) {
    width: 35%;
    padding-right: 10%
}

.wd_featureOdds.toubi li div:nth-child(4),.wd_featureOdds.yingkui li div:nth-child(4) {
    width: 25%
}

.wd_featureOdds.toubi li div:first-child {
    width: 7%
}

.wd_featureOdds.toubi li div:nth-child(2) {
    width: 33%
}

.wd_featureOdds.toubi li div:nth-child(3) {
    padding-right: 0
}

.wd_featureOdds.match li {
    padding: 0;
    margin-top: 10px
}

.wd_featureOdds.match li:first-child div {
    font-size: 14px
}

.wd_featureOdds.match li div {
    -ms-flex: 2;
    flex: 2;
    font-size: 18px
}

.wd_featureOdds.match li div:first-child {
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    padding-left: 5%;
    font-size: 14px
}

.wd_betPerc li {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    line-height: 40px;
    padding: 0 15px
}

.wd_betPerc li span {
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    color: #fff
}

.wd_betPerc li span em {
    font-size: 18px;
    vertical-align: top
}

.wd_betPerc li span:first-child {
    text-align: left
}

.wd_betPerc li span:first-child em {
    margin-left: 5px
}

.wd_betPerc li span:nth-child(2) {
    text-align: center
}

.wd_betPerc li span:nth-child(3) {
    text-align: right
}

.wd_betPerc li span:nth-child(3) em {
    margin-right: 5px
}

.wd_betPerc li div {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #588bd8
}

.wd_betPerc li div i {
    display: inline-block;
    height: 100%;
    background: #de5b5b
}

.wd_feaOddsPopWrap {
    position: relative;
    padding: 7px;
    background: #0d4a7a;
    border-radius: 5px
}

.wd_zoomCircle {
    position: absolute;
    top: 115px;
    z-index: 2;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.wd_zoomCircle p {
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    text-align: center
}

.wd_tranDetail li {
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    color: #999;
    font-size: 0
}

.wd_tranDetail li span {
    font-size: 12px
}

.wd_tranDetail li span:first-child {
    width: 14%
}

.wd_tranDetail li span:nth-child(2) {
    width: 22%;
    padding-left: 15px;
    position: relative
}

.wd_tranDetail li span:nth-child(2) em {
    position: absolute;
    top: 15px;
    left: 0;
    width: 10px;
    height: 10px;
    background-image: url(/images/yuce/wd_arrowIcons.efae103b7531e0cfa2fe.png);
    background-repeat: no-repeat;
    background-size: 10px auto
}

.wd_tranDetail li span:nth-child(2) em.zsr {
    background-position: 0 0
}

.wd_tranDetail li span:nth-child(2) em.zsc {
    background-position: 0 -10px
}

.wd_tranDetail li span:nth-child(2) em.ksr {
    background-position: 0 -20px
}

.wd_tranDetail li span:nth-child(2) em.ksc {
    background-position: 0 -30px
}

.wd_tranDetail li span:nth-child(2) em.pmr {
    background-position: 0 -40px
}

.wd_tranDetail li span:nth-child(2) em.pmc {
    background-position: 0 -50px
}

.wd_tranDetail li span:nth-child(3),.wd_tranDetail li span:nth-child(4) {
    width: 17%
}

.wd_tranDetail li span:nth-child(5) {
    width: 30%
}

.wd_tranDetail li span:nth-child(3),.wd_tranDetail li span:nth-child(4),.wd_tranDetail li span:nth-child(5) {
    text-align: center
}

.wd_tranDetail li:first-child {
    height: 30px;
    line-height: 30px
}

.wd_tranDetail li:nth-child(odd) {
    background: #f2f3f7
}

.wd_dispersion li {
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px
}

.wd_dispersion li div:first-child {
    width: 40%
}

.wd_dispersion li div:first-child span {
    margin-left: 13%
}

.wd_dispersion li div:first-child span:first-child {
    margin-left: 0
}

.wd_dispersion li div:nth-child(2) {
    width: 30%;
    padding-left: 5%
}

.wd_dispersion li div:nth-child(3) {
    width: 30%
}

.wd_dispersion li:nth-child(odd) {
    background: #f2f3f7
}

.wd_dispersion li:first-child {
    height: 30px;
    line-height: 30px;
    background: none
}

.wd_dispersion.bkb li div:first-child span {
    margin-left: 20%
}

.wd_dispersion.bkb li div:first-child span:first-child {
    margin-left: 0
}

.wd_optionBox {
    position: absolute;
    z-index: 100;
    width: 180px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    text-align: left;
    overflow: hidden
}

.wd_optionBox li {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    font-size: 15px;
    color: #333;
    font-weight: 400
}

.wd_optionBox li .icon-right {
    display: none;
    position: absolute;
    right: 20px;
    top: 15px
}

.wd_optionBox li.active {
    color: #ea4747;
    font-weight: 700
}

.wd_optionBox li.active .icon-right {
    display: block
}

.wd_optionBox.no_shadow {
    box-shadow: none
}

.wd_optionBox.block {
    position: relative;
    width: 100%;
    border-radius: 0;
    box-shadow: none
}

.wd_optionBox.block li {
    padding-left: 20px
}

.wd_optionBoxWrap {
    position: absolute;
    z-index: 1000;
    top: 36px;
    right: 0;
    width: 180px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2)
}

.wd_optionBoxWrap .title {
    line-height: 20px;
    padding-left: 15px;
    font-size: 10px;
    color: #999;
    background: #eee
}

.wd_optionBoxWrap .confirm {
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #0f88eb;
    font-weight: 700
}

.wd_optionBoxWrap .wd_optionBox {
    position: relative;
    border-radius: 0;
    box-shadow: none
}

.wd_optionBoxWrap.border:before {
    z-index: 1000
}

.wd_matchLive_text {
    position: relative;
    padding: 20px 10px 0 70px
}

.wd_matchLive_text li {
    position: relative;
    margin-bottom: 15px;
    padding: 10px;
    background: #f2f3f7;
    font-size: 12px;
    color: #666;
    border-radius: 4px
}

.wd_matchLive_text li span {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 100%;
    width: 60px;
    padding: 5px 0;
    background: #fff;
    color: #999;
    font-size: 10px;
    text-align: center
}

.wd_matchLive_text:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 40px;
    bottom: 30px;
    width: 1px;
    background: #eee
}

.wd_livePfeife {
    padding: 15px 0 4px 34px;
    overflow: hidden
}

.wd_livePfeife li {
    float: left;
    width: 25%;
    height: 17px;
    margin-bottom: 10px;
    font-size: 12px;
    color: rgba(0,0,0,.5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_livePfeife .wd_newsIcon {
    margin-right: 7px
}

.wd_liveNews {
    position: relative;
    padding: 10px 10px 24px
}

.wd_liveNews .red {
    color: #de5b5b
}

.wd_liveNews .green {
    color: #2db370
}

.wd_liveNews .blue {
    color: #588bd8
}

.wd_liveNews:before {
    position: absolute;
    left: 50%;
    top: 30px;
    bottom: 35px;
    content: "";
    width: 1px;
    background: #eee
}

.wd_liveNews li {
    position: relative;
    display: block;
    width: 50%;
    padding-right: 25px;
    margin-bottom: 30px;
    text-align: right
}

.wd_liveNews li:after {
    content: "";
    display: table;
    clear: both
}

.wd_liveNews li:last-child {
    margin-bottom: 0
}

.wd_liveNews li span {
    display: block;
    line-height: 18px
}

.wd_liveNews li em {
    position: absolute;
    top: 50%;
    right: -40px;
    color: #999;
    font-size: 12px
}

.wd_liveNews li div {
    position: absolute;
    top: 50%;
    right: -16px;
    width: 26px;
    height: 26px;
    border: 3px solid #fff;
    box-sizing: content-box;
    border-radius: 50%;
    background-color: #eee
}

.wd_liveNews li div.goal {
    background-color: #2db370
}

.wd_liveNews li div.goal .wd_newsIcon.goal {
    background-position: 0 -98px
}

.wd_liveNews li .wd_newsIcon {
    position: absolute;
    top: 6px;
    left: 6px
}

.wd_liveNews li.right {
    margin-left: 50%;
    padding-left: 25px;
    text-align: left
}

.wd_liveNews li.right em {
    left: -40px;
    right: auto
}

.wd_liveNews li.right div {
    left: -16px
}

.wd_newsIcon {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: text-bottom;
    background-image: url(/images/yuce/wd_liveIcons.29c8fe40c606d6177bf6.png);
    background-repeat: no-repeat;
    background-size: 14px auto
}

.wd_newsIcon.goal {
    background-position: 0 0
}

.wd_newsIcon.dian {
    background-position: 0 -14px
}

.wd_newsIcon.lose {
    background-position: 0 -70px
}

.wd_newsIcon.wulong {
    background-position: 0 -28px
}

.wd_newsIcon.change {
    background-position: 0 -42px
}

.wd_newsIcon.add {
    background-position: 0 -56px
}

.wd_newsIcon.begin {
    background-position: 0 -84px
}

.wd_newsIcon.hong,.wd_newsIcon.huang {
    position: relative;
    background-image: none
}

.wd_newsIcon.hong:after,.wd_newsIcon.huang:after {
    content: "";
    position: absolute;
    top: 0;
    left: 2px;
    width: 10px;
    height: 14px;
    border-radius: 2px;
    background: #f75659
}

.wd_newsIcon.huang:after {
    background: #ffc11c
}

.wd_chatRoom_t {
    top: 0;
    left: 0;
    width: 100%;
    background: #fff
}

.wd_chatNum {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 9px 10px 11px 14px
}

.wd_chatNum ul {
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
    max-width: 224px
}

.wd_chatNum ul li {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 8px;
    border-radius: 50%;
    overflow: hidden
}

.wd_chatNum ul li img {
    width: 100%;
    height: 100%
}

.wd_chatNum ul li:last-child {
    margin-right: 0
}

.wd_chatNum span {
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    font-size: 12px;
    color: #999
}

@media screen and (min-width:320px) and (max-width:350px) {
    .wd_chatNum ul {
        max-width: 180px
    }
}

.wd_chatEndTitle {
    padding: 23px 0;
    text-align: center
}

.wd_chatEndTitle h3 {
    line-height: 20px;
    font-size: 14px;
    color: #333
}

.wd_chatEndTitle p {
    line-height: 20px;
    margin-top: 4px;
    font-size: 14px;
    color: #999
}

.wd_chatEndTitle p span {
    color: #ea4747
}

.wd_chatGiftTop5 {
    padding: 25px 20px
}

.wd_chatGiftTop5 h3 {
    margin-bottom: 3px;
    font-size: 16px;
    color: #333;
    text-align: center
}

.wd_chatGiftTop5 ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 0
}

.wd_chatGiftTop5 ul li .gift {
    width: 24px;
    height: 24px
}

.wd_chatGiftTop5 ul li .giftName {
    width: 75px;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #ff8200
}

.wd_chatGiftTop5 ul li .progress {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    height: 6px;
    background: #eee;
    border-radius: 4px;
    overflow: hidden
}

.wd_chatGiftTop5 ul li .progress span {
    position: absolute;
    height: 100%;
    background: #ea4747;
    border-radius: 4px
}

.wd_chatGiftTop5 ul li .num {
    margin-left: 6px;
    font-size: 12px;
    color: #999
}

.wd_chatGiftTop5 ul li .num span {
    margin-right: 1px;
    font-size: 16px;
    font-weight: 500;
    color: #333
}

.wd_chatNotice {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    padding-left: 14px;
    font-size: 12px;
    color: #ea4747;
    background-color: #fff6ec
}

.wd_chatNotice em {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background: url(/images/yuce/wd_icon_warning.97ae775cc389035b2005.png) no-repeat;
    background-size: cover
}

.wd_chatNotice_text {
    padding: 10px 12px 5px 15px;
    font-size: 12px;
    color: #bbb;
    line-height: 17px
}

.wd_chatRoom_c {
    padding-bottom: 26px
}

.wd_chatRoom_c.end {
    padding-top: 90px
}

.wd_chatLists {
    padding: 8px 10px 10px
}

.wd_chatList {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 5px
}

.wd_chatList .laba,.wd_chatList .media {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: top;
    margin-top: 1px;
    background: url(/images/yuce/wd_icon_laba.948f50af252abf1e347d.png) no-repeat;
    background-size: cover
}

.wd_chatList .media {
    background: url(/images/yuce/wd_icon_media.5d83603da79d2843e0d8.png) no-repeat;
    background-size: cover
}

.wd_chatList.enter {
    margin-bottom: 7px
}

.wd_chatList.official {
    margin: 10px 0
}

.wd_chatList:first-child {
    margin-top: 0
}

.wd_chat_uhead {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-top: 1px;
    vertical-align: top;
    border-radius: 50%;
    overflow: hidden
}

.wd_chat_uhead img {
    width: 100%;
    height: 100%
}

.wd_chatList_con {
    -ms-flex: 1;
    flex: 1;
    font-size: 0
}

.wd_chatList_con .name {
    font-size: 13px;
    color: #537997
}

.wd_chatList_con .txt {
    line-height: 18px;
    font-size: 13px;
    color: #333
}

.wd_chatList_con .giftName {
    position: relative;
    display: inline-block;
    font-size: 13px;
    color: #ff4431
}

.wd_chatList_con .giftName .gift {
    position: absolute;
    right: -25px;
    top: -1px;
    width: 20px;
    height: 20px
}

.wd_chatGiftPop {
    z-index: 2;
    top: 80px
}

.wd_chatGiftPop,.wd_chatGiftPop li {
    position: absolute;
    left: 0
}

.wd_chatGiftPop li.one {
    top: 0
}

.wd_chatGiftPop li.two {
    top: 75px
}

.wd_chatGiftPop li.in-out {
    animation: chatGiftinOut 5s 0s ease both
}

.wd_chatGiftPop .content {
    width: 180px;
    box-shadow: 0 0 30px 0 rgba(26,119,193,.3);
    padding: 8px 0 7px 40px;
    background: -webkit-linear-gradient(left,rgba(22,101,179,.9),rgba(42,195,251,.9));
    border-radius: 0 100px 100px 0;
    overflow: hidden
}

.wd_chatGiftPop .wd_chat_uhead {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 9px;
    left: 10px
}

.wd_chatGiftPop .name {
    width: 90px;
    line-height: 17px;
    font-size: 12px;
    color: #fff;
    font-weight: 500
}

.wd_chatGiftPop .giftName {
    line-height: 17px;
    margin-top: 1px;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.wd_chatGiftPop .gift {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 1px;
    right: 1px
}

@keyframes chatGiftinOut {
    0% {
        transform: translate3d(-100%,0,0);
        opacity: 0
    }

    10% {
        transform: translateZ(0);
        opacity: 1
    }

    85% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0,-200%,0);
        opacity: 0
    }
}

.wd_chatListHasMore {
    bottom: 125px;
    right: 0;
    z-index: 100
}

.wd_chatListHasMore a {
    position: relative;
    display: inline-block;
    line-height: 28px;
    white-space: nowrap;
    font-size: 12px;
    color: #d99526;
    padding-left: 30px;
    padding-right: 8px;
    border-radius: 15px 0 0 15px;
    border: 1px solid #f1dea1;
    border-right: none;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);
    background: #fff4d1
}

.wd_chatListHasMore a:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 5px;
    width: 12px;
    height: 12px;
    border-right: 3px solid #d99526;
    border-bottom: 3px solid #d99526;
    transform: rotate(45deg) scale(.5)
}

.wd_chatRoom_b {
    position: absolute;
    z-index: 10000;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 0 -4px 5px 0 rgba(0,0,0,.03)
}

.wd_chatRoom_b .swiper-container {
    padding-bottom: 5px
}

.wd_chatRoom_b .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: -10px
}

.wd_chatRoom_b .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 4px!important;
    background: #888
}

.wd_chatRoom_b .swiper-pagination-bullet-active {
    background: #ffda44
}

.wd_chatEventWrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 7px 0
}

.wd_chatEventWrap .emoji,.wd_chatEventWrap .gift {
    width: 40px;
    height: 36px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.wd_chatEventWrap .emoji {
    background-image: url(/images/yuce/wd_icon_emoji.83f19de0e94cf047d627.png)
}

.wd_chatEventWrap .emoji.active {
    background-image: url(/images/yuce/wd_icon_keyboard.203ca085bb36748a30c3.png)
}

.wd_chatEventWrap .gift {
    background-image: url(/images/yuce/wd_icon_gift.fa6567c06c91a0b81827.png)
}

.wd_chatEventWrap .input {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    background-color: #eee;
    border-radius: 4px;
    line-height: 18px;
    border: none;
    font-size: 13px;
    padding: 9px 10px;
    min-height: 36px;
    max-height: 72px;
    overflow: hidden scroll;
    -webkit-overflow-scrolling: touch;
    margin-left: 6px
}

.wd_chatEventWrap .input:empty:before {
    color: #bbb;
    font-size: 13px;
    content: attr(placeholder)
}

.wd_chatEventWrap .send {
    width: 70px;
    height: 36px;
    line-height: 36px;
    margin: 0 10px;
    background-color: #ff8200;
    border-radius: 4px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    color: #fff
}

.wd_chatEventWrap .blank {
    -ms-flex: 1;
    flex: 1
}

.wd_model_input:empty:before {
    color: #bbb;
    font-size: 13px;
    content: attr(placeholder)
}

.wd_chatRoom_b_t {
    position: relative
}

.wd_chatRoom_b_t .close_btn_gray {
    left: 0
}

.wd_chatRoom_b_t h3 {
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 45px
}

.wd_chatGiftList ul {
    padding: 15px 0 10px
}

.wd_chatGiftList ul li {
    width: 25%;
    float: left;
    margin-bottom: 10px;
    text-align: center
}

.wd_chatGiftList ul li .photo {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    padding: 1px 0 4px;
    border: 2px solid transparent
}

.wd_chatGiftList ul li .photo img {
    width: 48px;
    height: 48px
}

.wd_chatGiftList ul li .photo p {
    line-height: 17px;
    margin-top: 6px;
    font-size: 12px;
    color: #999
}

.wd_chatGiftList ul li.active .photo {
    background-color: #fff3e7;
    border-radius: 8px;
    border: 2px solid #ff8200;
    box-shadow: 0 4px 8px 0 hsla(30,79%,83%,.3)
}

.wd_chatClosed {
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    background: #999
}

.wd_chatClosed,.wd_chatClosed a {
    position: absolute;
    text-align: center;
    box-shadow: 0 -4px 5px 0 rgba(0,0,0,.03)
}

.wd_chatClosed a {
    top: 7px;
    right: 5px;
    width: 110px;
    line-height: 36px;
    background: #fff;
    border-radius: 8px;
    font-size: 15px;
    color: #0f88eb;
    font-weight: 700
}

.wd_chatGiftList .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0
}

.wd_cursor {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    vertical-align: text-bottom;
    animation: wd_cursor 1s infinite step-start
}

@keyframes wd_cursor {
    0% {
        background-color: transparent
    }

    50% {
        background-color: #000
    }

    to {
        background-color: transparent
    }
}

.wd_noDataWrap {
    position: relative;
    min-height: 150px
}

.wd_noDataWrap .wd_noData {
    top: 50%
}

.wd_noDataWrap .wd_noData i {
    display: none
}

.wd_noData {
    position: absolute;
    left: 50%;
    top: 40%;
    width: 100%;
    text-align: center
}

.wd_noData i {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
    background-image: url(/images/yuce/wd_noData1.c70544d63601cdd299e0.png);
    background-size: cover
}

.wd_noData p {
    line-height: 20px
}

.wd_noData p.fs12 {
    line-height: 17px
}

.wd_noData.blue i {
    background-image: url(/images/yuce/wd_noData4.95ce4fbf42937e02c9a9.png);
    background-size: cover
}

.wd_noData.blue p {
    color: hsla(0,0%,100%,.5)
}

.wd_toubiChart {
    padding: 0 20px
}

.wd_toubiChart .circle {
    float: left;
    width: 40%
}

.wd_toubiChart .rangqiu {
    position: absolute;
    top: 50%;
    left: 20%
}

.wd_toubiChart .rangqiu span {
    display: block;
    text-align: center
}

.wd_toubiChart .data {
    float: left;
    width: 60%;
    padding: 10px 0 10px 15px
}

.wd_toubiChart .data li {
    padding: 9px 0;
    display: -ms-flexbox;
    display: flex
}

.wd_toubiChart .data li div {
    width: 1%;
    -ms-flex: 1;
    flex: 1;
    line-height: 21px;
    white-space: nowrap
}

.wd_toubiChart .data li div:nth-child(2) {
    text-align: center
}

.wd_toubiChart .data li i {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 3px
}

.wd_lisanIndex {
    padding: 18px 20px
}

.wd_lisanIndex p {
    font-size: 16px;
    color: rgba(0,0,0,.5);
    font-weight: 700
}

.wd_lisanIndex li {
    height: 21px;
    margin-top: 15px;
    padding-left: 5px;
    font-size: 18px
}

.wd_lisanIndex li span {
    display: inline-block;
    width: 22%;
    text-align: center;
    vertical-align: middle
}

.wd_lisanIndex li span:first-child {
    width: 18px;
    font-size: 14px
}

.wd_player_r_l li {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    padding: 0 10px 0 15px
}

.wd_player_r_l li .logo {
    position: absolute;
    left: 41px;
    bottom: 10px;
    width: 17px;
    height: 17px
}

.wd_player_r_l li .logo img {
    height: 17px
}

.wd_player_r_l li .name {
    margin-left: 10px;
    overflow: hidden;
    -ms-flex: 2;
    flex: 2
}

.wd_player_r_l li .goal,.wd_player_r_l li .mean {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.wd_player_r_l li .goal span,.wd_player_r_l li .mean span {
    display: block
}

.wd_player_r_l.bkb li .goal,.wd_player_r_l.bkb li .mean {
    width: 75px
}

.wd_player_r_l.bkb li .goal span,.wd_player_r_l.bkb li .mean span {
    display: inline-block
}

.wd_player_r_l.bkb li .goal {
    width: 60px
}

.wd_player_top3 {
    position: relative;
    overflow: hidden;
    background-image: -webkit-linear-gradient(top,#0f294e,#0d4a7a);
    background-size: 100% 100px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.wd_player_top3 ul {
    display: -ms-flexbox;
    display: flex
}

.wd_player_top3 ul li {
    width: 1%;
    -ms-flex: 1;
    flex: 1
}

.wd_player_top3 ul li .card {
    position: relative;
    text-align: center;
    padding: 20px 3px 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #fff;
    overflow: hidden;
    font-size: 12px;
    color: rgba(0,0,0,.5)
}

.wd_player_top3 ul li .card .name {
    margin-top: 3px;
    font-size: 14px;
    color: #333;
    font-weight: 500
}

.wd_player_top3 ul li .card .num {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 30px;
    height: 30px;
    border-top-left-radius: 8px;
    overflow: hidden
}

.wd_player_top3 ul li .card .num em {
    position: absolute;
    top: 2px;
    left: 6px;
    font-size: 12px;
    color: #fff
}

.wd_player_top3 ul li .card .num i {
    position: absolute;
    top: -20px;
    left: -20px;
    transform: rotate(45deg);
    border: 21px solid transparent
}

.wd_player_top3 ul li .card .num i.yellow {
    border-right-color: #fd9727
}

.wd_player_top3 ul li .card .num i.green {
    border-right-color: #2db370
}

.wd_player_top3 ul li:first-child .card {
    padding: 20px 12px 8px 3px
}

.wd_player_top3 ul li:nth-child(2) .card {
    width: 116%;
    margin-top: -30px;
    margin-left: -8%;
    padding: 20px 3px 15px;
    box-shadow: 10px 0 30px 0 hsla(0,0%,60%,.1),-10px 0 30px -5px hsla(0,0%,60%,.1);
    z-index: 2
}

.wd_player_top3 ul li:nth-child(2) .card .name {
    margin-top: 5px;
    font-size: 16px
}

.wd_player_top3 ul li:nth-child(2) .card .num {
    width: 35px;
    height: 35px
}

.wd_player_top3 ul li:nth-child(2) .card .num em {
    top: 3px;
    left: 7px
}

.wd_player_top3 ul li:nth-child(2) .card .num i {
    top: -26px;
    left: -26px;
    border: 26px solid transparent;
    border-right-color: #f75659
}

.wd_player_top3 ul li:nth-child(2) .card .wd_imgWrap {
    width: 60px;
    height: 60px
}

.wd_player_top3 ul li:nth-child(3) .card {
    padding: 20px 3px 8px 12px
}

.wd_player_top3 ul li:nth-child(3) .card .num {
    left: 6%;
    border-top-left-radius: 0
}

.wd_player_i {
    position: relative;
    padding: 0 30px 20px
}

.wd_player_i,.wd_player_i .wd_player_i_head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_player_i .wd_player_i_head {
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden
}

.wd_player_i .wd_imgWrap {
    width: 64px;
    height: 64px;
    border: 1px solid #fff;
    -webkit-clip-path: inset(0 0 0 0 round 32px)
}

.wd_player_i .name {
    -ms-flex: 1;
    flex: 1
}

.wd_player_i .name p {
    line-height: 28px;
    font-size: 20px;
    color: #fff;
    font-weight: 500
}

.wd_player_i .name>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.wd_player_i .name>div img {
    height: 16px;
    margin-right: 5px
}

.wd_blurImgWrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.wd_blurImgWrap .blurImg {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(5px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.wd_blurImgWrap .blurCover {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(top,rgba(1,0,29,.9),rgba(13,74,122,.9))
}

.wd_core_d_t ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 10px
}

.wd_core_d_t ul li {
    width: 50%;
    padding: 15px 0 12px;
    font-size: 12px;
    color: #999;
    text-align: center
}

.wd_core_d_t ul li div {
    font-size: 16px
}

.wd_core_d_t ul li div span {
    display: inline-block;
    line-height: 33px;
    font-size: 24px;
    color: #000;
    margin-right: 5px
}

.wd_core_d_list {
    font-size: 14px
}

.wd_core_d_list h3 {
    height: 44px;
    line-height: 44px;
    margin-top: 10px;
    font-size: 14px;
    color: #333;
    text-align: center
}

.wd_core_d_list ul {
    margin: 0 10px
}

.wd_core_d_list ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 40px;
    line-height: 40px;
    padding: 0 10px
}

.wd_core_d_list ul li em.w45 {
    display: inline-block;
    width: 45px;
    text-align: right;
    white-space: nowrap
}

.wd_core_d_list ul li.bg_gray {
    background-color: #f2f3f7
}

.wd_core_d_list ul li .wd_redDot {
    vertical-align: top;
    margin-top: 16px
}

.wd_core_d_list ul.gradient li:nth-child(odd) {
    background-color: #f2f3f7
}

.wd_redDot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #de5b5b;
    margin-right: 5px
}

.wd_redDot.w10 {
    width: 10px;
    height: 10px
}

.wd_greenDot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #2db370
}

.wd_down_sel {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 80px;
    text-align: right
}

.wd_down_sel .wd_down_triangle {
    border-width: 4px;
    border-radius: 1px;
    margin-left: 7px
}

.wd_season_d {
    padding-left: 10px;
    padding-right: 10px
}

.wd_season_d>li ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding-left: 10px;
    font-size: 14px;
    color: #333
}

.wd_season_d>li ul li {
    -ms-flex: 2;
    flex: 2;
    text-align: center
}

.wd_season_d>li ul li:first-child {
    -ms-flex: 5;
    flex: 5;
    text-align: left;
    font-size: 12px;
    color: #999
}

.wd_season_d>li ul li:first-child span {
    display: block
}

.wd_season_d>li ul li:last-child {
    -ms-flex: 3;
    flex: 3
}

.wd_season_d>li:first-child {
    background: none
}

.wd_season_d>li:first-child ul {
    height: 40px;
    color: #999
}

.wd_season_d>li:first-child ul li {
    font-size: 12px
}

.wd_season_d.wd_transfer_l>li ul {
    padding-right: 10px
}

.wd_season_d.wd_transfer_l>li ul li {
    -ms-flex: 2;
    flex: 2
}

.wd_season_d.wd_transfer_l>li ul li:nth-child(2) {
    color: #999
}

.wd_season_d.wd_transfer_l>li ul li:nth-child(3) {
    -ms-flex: 1;
    flex: 1;
    height: 11px;
    background: url(/images/yuce/wd_r_arrow.abaa7d483dd6503cfdcc.png) no-repeat;
    background-size: 23px 11px;
    background-position: 50%
}

.wd_season_d.wd_transfer_l>li ul li:last-child {
    text-align: right
}

.wd_season_d.wd_transfer_l>li ul:last-child em {
    font-size: 15px;
    color: #d8d8d8;
    margin-right: 8px;
    vertical-align: top
}

.wd_season_d.wd_transfer_l>li:first-child ul li:nth-child(3) {
    background: none
}

.wd_res_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 5px
}

.wd_res_list li {
    width: 33.3%;
    padding: 15px 0;
    text-align: center
}

.wd_res_list li div {
    font-size: 16px;
    color: rgba(0,0,0,.3)
}

.wd_res_list li div span {
    font-size: 24px;
    color: #000
}

.wd_res_list li p {
    font-size: 12px;
    color: #999
}

.wd_tj_list {
    padding: 20px
}

.wd_tj_list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100px;
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 0 15px 0 20px;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15)
}

.wd_tj_list li img {
    width: 83px;
    height: 68px
}

.wd_tj_list li div h3 {
    line-height: 33px;
    font-size: 24px;
    font-weight: 500;
    color: #fff
}

.wd_tj_list li div p {
    line-height: 20px;
    font-size: 14px;
    color: hsla(0,0%,100%,.5);
    font-weight: 600;
    margin-top: 2px
}

.wd_tj_list li.red {
    background: #bd3f31
}

.wd_tj_list li.yellow {
    background: #f39011
}

.wd_tj_list li.green {
    background: #6dae55
}

.wd_tj_list li.blue {
    background: #6a9afb
}

.wd_tj_list li.purple {
    background: #b071f7
}

.wd_down_sel_tab {
    position: relative;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px 7px;
    box-shadow: 0 8px 16px 0 rgba(11,62,106,.2)
}

.wd_down_sel_tab a {
    position: relative;
    display: block;
    width: 50%;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    padding-left: 12px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: hsla(0,0%,100%,.15);
    border-radius: 6px
}

.wd_down_sel_tab a:last-child {
    margin-right: 0
}

.wd_down_sel_tab .wd_down_arrow {
    position: absolute;
    top: 15px;
    right: 20px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff
}

.wd_sel_blue {
    display: none;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 16px;
    height: 12px;
    background: url(/images/yuce/wd_sel_blue.e3ddea65fc07507c67ec.png) no-repeat;
    background-size: cover
}

.wd_up_sel_tab {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff
}

.wd_up_sel_tab a {
    -ms-flex: 1;
    flex: 1;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #666;
    padding: 0 15px
}

.wd_up_sel_tab a.active {
    color: #333;
    font-weight: 500
}

.wd_up_sel_tab .wd_down_arrow {
    float: right;
    margin-top: 15px;
    margin-right: 5px;
    border-color: #999;
    transform: rotate(-135deg) scale(.5)
}

.wd_up_sel_tab .wd_down_arrow.active {
    transform: rotate(45deg) scale(.5)
}

.wd_up_sel_tab .wd_seasonSel {
    bottom: 100%
}

.wd_down_arrow {
    display: inline-block;
    margin-left: 3px;
    margin-top: -7px;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    border-bottom: 3px solid hsla(0,0%,100%,.3);
    border-right: 3px solid hsla(0,0%,100%,.3);
    transform: rotate(45deg) scale(.5);
    transform-origin: 9px 9px;
    transition: all .3s ease
}

.wd_down_arrow.active {
    transform: rotate(-135deg) scale(.5)
}

.wd_down_arrow.gray {
    border-right: 3px solid rgba(0,0,0,.3);
    border-bottom: 3px solid rgba(0,0,0,.3)
}

.wd_player_d_list {
    padding: 0 15px
}

.wd_player_d_list .wd_imgWrap {
    width: 28px;
    height: 28px;
    margin-right: 10px
}

.wd_player_d_list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50px
}

.wd_player_d_list li .name {
    -ms-flex: 1;
    flex: 1
}

.wd_player_d_list li .name p {
    font-size: 14px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.wd_player_d_list li .from {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.wd_player_d_list li .from p {
    -ms-flex: 1;
    flex: 1;
    padding-right: 8px;
    text-align: right;
    font-size: 14px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.wd_player_d_list li .from span {
    font-size: 12px;
    color: #999;
    width: 36px;
    text-align: left;
    margin-left: 10px
}

.wd_player_d_list li .price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    font-size: 12px;
    color: #000
}

.wd_player_d_list li .price em {
    font-size: 15px;
    color: #d8d8d8
}

.wd_player_d_list li .price span {
    font-size: 20px;
    margin: 0 3px 0 6px
}

.wd_player_d_list li .type {
    width: 60px;
    white-space: nowrap;
    text-align: right;
    font-size: 12px;
    color: #999
}

.wd_player_d_list li .goal {
    -ms-flex: 2;
    flex: 2;
    text-align: center;
    font-size: 12px;
    color: #999
}

.wd_player_d_list li .goal span {
    display: block;
    font-size: 14px;
    color: #333
}

.wd_player_d_list li .goal:last-child {
    margin-right: -10px
}

.wd_player_d_list li:first-child {
    height: 30px;
    background: #f2f3f7;
    margin: 0 -15px;
    padding: 0 15px 0 53px
}

.wd_player_d_list li:first-child div {
    font-size: 12px;
    color: #333
}

.wd_player_d_list li:first-child .from {
    padding-right: 17px
}

.wd_player_d_list.bkb li .goal span {
    font-size: 18px
}

.wd_player_d_scroll {
    display: -ms-flexbox;
    display: flex
}

.wd_player_d_scroll .title {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #333;
    background: #f2f3f7
}

.wd_player_d_scroll dt {
    height: 40px;
    line-height: 40px
}

.wd_player_d_scroll dd {
    height: 50px;
    line-height: 50px
}

.wd_player_d_scroll .left {
    width: 175px
}

.wd_player_d_scroll .left .title {
    padding-left: 15px;
    text-align: center
}

.wd_player_d_scroll .left dl {
    padding-left: 15px
}

.wd_player_d_scroll .left dt {
    font-size: 15px;
    color: #5498d0;
    font-weight: 500
}

.wd_player_d_scroll .left dd {
    line-height: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_player_d_scroll .left dd .info {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.wd_player_d_scroll .left dd .info .name {
    font-size: 14px;
    color: #000
}

.wd_player_d_scroll .left dd .info .num {
    font-size: 10px;
    color: #999
}

.wd_player_d_scroll .left .wd_imgWrap {
    width: 28px;
    height: 28px;
    margin-right: 10px
}

.wd_player_d_scroll .right {
    -ms-flex: 1;
    flex: 1;
    overflow-x: scroll;
    overflow-y: hidden
}

.wd_player_d_scroll .right .con {
    float: left
}

.wd_player_d_scroll .right .title {
    font-size: 0;
    padding-left: 5px;
    white-space: nowrap
}

.wd_player_d_scroll .right .title span {
    display: inline-block;
    width: 36px;
    text-align: center;
    font-size: 12px
}

.wd_player_d_scroll .right dd {
    font-size: 0;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap
}

.wd_player_d_scroll .right dd span {
    display: inline-block;
    width: 36px;
    text-align: center;
    font-size: 14px;
    color: #000
}

.wd_glossaryList {
    padding: 16px 16px 30px 18px
}

.wd_glossaryList li h3 {
    padding: 22px 0
}

.wd_glossaryList li h3,.wd_glossaryList li p {
    font-size: 14px;
    color: #333
}

.wd_glossaryList li.gxz p {
    margin-bottom: 20px;
    text-indent: 25px
}

.wd_glossaryList li.gxz p.title {
    text-indent: 0
}

.wd_glossaryList li.gxz p.last-child {
    margin-bottom: 0
}

.wd_glossaryList li:first-child h3 {
    padding-top: 0
}

.wd_glossaryPop {
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 27px;
    right: 27px;
    background: #fff;
    border-radius: 12px
}

.wd_glossaryPop .txt {
    padding: 15px 15px 5px
}

.wd_glossaryPop .txt p {
    font-size: 12px;
    font-weight: lighter;
    color: #333;
    margin-bottom: 16px;
    line-height: 20px;
    text-indent: 20px
}

.wd_glossaryPop .txt p.title {
    text-indent: 0
}

.wd_glossaryPop .txt p:last-child {
    margin-bottom: 0
}

.wd_glossaryPop a {
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #588bd8;
    text-align: center
}

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

.wd_icon_iframe_back {
    position: absolute;
    z-index: 1000;
    top: 5px;
    left: 5px;
    display: inline-block;
    width: 40px;
    height: 40px
}

.wd_form_con {
    padding: 20px 20px 0
}

.wd_form_con .wd_seasonSel {
    top: 50px;
    left: 0;
    height: 160px;
    border-radius: 0 0 5px 5px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.wd_form_con .wd_seasonSel li {
    text-align: left;
    padding-left: 90px
}

.wd_sign_in {
    background: #fff;
    border-radius: 5px;
    overflow: hidden
}

@media screen and (min-width:320px) and (max-width:350px) {
    .wd_form_con .wd_seasonSel li {
        padding-left: 75px
    }
}

.wd_input_label {
    position: relative;
    line-height: 50px;
    height: 50px;
    font-size: 0;
    white-space: nowrap
}

.wd_input_label.pl15 {
    padding-left: 15px
}

.wd_input_label label {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 90px;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    white-space: nowrap;
    font-size: 16px;
    color: #333
}

.wd_input_label input {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    width: 100%;
    height: 100%;
    padding: 15px 0 15px 90px;
    line-height: normal;
    color: #000;
    caret-color: #426bf2
}

.wd_input_label input::-webkit-input-placeholder {
    color: #bbb
}

.wd_input_label .clean,.wd_input_label .sel {
    position: absolute;
    right: 5px;
    top: 10px;
    width: 30px;
    height: 30px;
    background-image: url(/images/yuce/wd_icon_close.4b4cbaa0147562a3bac8.png);
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: 50%
}

.wd_input_label .sel {
    background-image: url(/images/yuce/wd_arrowBottom.12dc968d449a1a7fd7c6.png)
}

.wd_input_label .code {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #0f88eb
}

.wd_input_label .eye_close,.wd_input_label .eye_open {
    position: absolute;
    right: 0;
    margin: 15px 10px 0 10px
}

@media screen and (min-width:320px) and (max-width:350px) {
    .wd_input_label input {
        padding: 15px 0 15px 75px
    }

    .wd_input_label label {
        width: 75px;
        padding-left: 10px
    }

    .wd_input_label.pl15 {
        padding-left: 10px
    }
}

.wd_submit {
    margin-top: 15px;
    border-radius: 5px;
    overflow: hidden
}

.wd_submit button {
    width: 100%;
    line-height: 44px;
    background: #ff8200;
    border: none;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.wd_submit button.gray {
    background: #bbb
}

.wd_agreement {
    text-align: center
}

.wd_agreement input {
    display: none
}

.wd_agreement label {
    line-height: 30px
}

.wd_agreement label i {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid hsla(0,0%,100%,.2);
    border-radius: 50%;
    background: transparent;
    vertical-align: middle
}

.wd_agreement label span {
    margin-left: 10px;
    font-size: 12px;
    color: hsla(0,0%,100%,.5);
    vertical-align: middle
}

.wd_agreement label.checked i {
    border: none;
    background: url(/images/yuce/wd_icon_checked.3b50c8979a59f3d0a1a5.png) no-repeat;
    background-size: cover
}

.wd_agreement a {
    font-size: 12px;
    color: #fff
}

.wd_quickRegister {
    margin-top: 8px;
    text-align: center
}

.wd_quickRegister a {
    display: inline-block;
    width: 160px;
    line-height: 44px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 25px;
    background: url(/images/yuce/wd_arrowRight2.4a5337e4cb03c0848c60.png) no-repeat;
    background-size: 14px 14px;
    background-position: 130px,15px
}

.wd_serviceTel {
    position: fixed;
    bottom: 25px;
    width: 100%;
    text-align: center
}

.wd_serviceTel a {
    display: inline-block;
    line-height: 28px;
    background: hsla(0,0%,100%,.1);
    padding: 0 20px 0 8px;
    border-radius: 25px
}

.wd_serviceTel a i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(/images/yuce/wd_icon_tel.83ee63174c1e975fe4c3.png) no-repeat;
    background-size: cover;
    vertical-align: middle
}

.wd_serviceTel a span {
    font-size: 12px;
    color: hsla(0,0%,100%,.7);
    vertical-align: middle
}

.jointLogin.wd_jointLogin {
    margin: 80px 10px 0;
    padding-bottom: 0
}

.jointLogin.wd_jointLogin .jointLogin_txt {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    margin: 0 25px 30px;
    font-size: 13px;
    color: #fff
}

.jointLogin.wd_jointLogin ul li img {
    margin-bottom: 5px
}

.wd_subnav_process {
    display: -ms-flexbox;
    display: flex;
    padding: 20px 20px 5px
}

.wd_subnav_process li {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    text-align: center
}

.wd_subnav_process li span {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    background-color: #bbb;
    border-radius: 50%
}

.wd_subnav_process li p {
    margin-top: 5px;
    font-size: 13px;
    line-height: 18px;
    color: #fff
}

.wd_subnav_process li i {
    position: absolute;
    top: 13px;
    right: -32%;
    width: 64%;
    height: 2px;
    background-color: #999
}

.wd_subnav_process li.active span {
    background-color: #ffda44;
    color: #333
}

.wd_subnav_process li.active i {
    background-color: #ffda44
}

.wd_form_tips {
    padding: 95px 20px 10px
}

.wd_form_tips h3 {
    font-size: 12px;
    color: #fff
}

.wd_form_tips ul li {
    margin-bottom: 20px;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.wd_register_succ {
    background-image: -webkit-linear-gradient(top,#01001d,#0d4a7a);
    background-size: 100% 200px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: #fff
}

.wd_register_succ_t {
    text-align: center;
    font-size: 0
}

.wd_register_succ_t i {
    display: block;
    width: 67px;
    height: 67px;
    margin: 0 auto;
    background: url(/images/yuce/successIcon01.01d04b8f3393b95e8503.png);
    background-size: cover
}

.wd_register_succ_t:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 30px;
    width: 100%;
    height: 38px;
    background: url(/images/yuce/wd_oval_bg_fff.3b9461c0fcab7313c3b5.png);
    background-size: 100% 100%
}

.wd_register_succ_b .exList {
    padding: 5px 0 0
}

.wd_register_succ_b .exList li:nth-child(-n+4):before {
    border-bottom-width: 1px
}

.wd_register_succ_b a {
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #0f88eb
}

.wd_register_succ_b a span {
    vertical-align: middle
}

.wd_register_succ_b a i {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    vertical-align: middle
}

.wd_register_succ_b a i:after,.wd_register_succ_b a i:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 10px;
    width: 12px;
    height: 2px;
    background-color: #0f88eb
}

.wd_register_succ_b a i:after {
    transform: rotate(90deg)
}

.wd_intelWrap_time {
    display: -ms-flexbox;
    display: flex;
    line-height: 40px;
    padding: 5px 0 0 15px;
    font-size: 14px;
    font-weight: 500
}

.wd_intelWrap_time .time {
    color: #666
}

.wd_intelWrap_time .team {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    color: #333;
    overflow: hidden
}

.wd_intelWrap_time .team em {
    width: 38px;
    text-align: center;
    font-size: 12px;
    color: #bbb
}

.wd_intelWrap_time .team .name {
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.wd_intelWrap .title {
    line-height: 40px;
    padding-left: 15px;
    font-weight: 700;
    font-size: 14px
}

.wd_intelWrap .title span {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400
}

.wd_intelWrap .title.red {
    color: #ea4747;
    background-color: #ffeded
}

.wd_intelWrap .title.blue {
    color: #588bd8;
    background-color: #eef5ff
}

.wd_intelWrap .title.green {
    color: #2db370;
    background-color: #ebfff5
}

.wd_intelWrap ul li {
    padding: 14px 12px 14px 15px;
    line-height: 20px;
    font-size: 14px;
    color: #666
}

.wd_icon_rank {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/images/yuce/wd_icon_rank.94402f1aa3f9fb5514e5.png) no-repeat 50%/cover
}

.wd_pkTab {
    display: -ms-flexbox;
    display: flex
}

.wd_pkTab a {
    width: 1%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    color: #0f88eb;
    font-weight: 700;
    -ms-flex: 1;
    flex: 1
}

.wd_pkTab a .wd_icon_rank {
    vertical-align: top;
    margin: 14px 8px 0 0
}

.wd_pkHistory {
    display: -ms-flexbox;
    display: flex
}

.wd_pkHistory li {
    width: 34%;
    text-align: center
}

.wd_pkHistory li:first-child {
    padding-left: 20px
}

.wd_pkHistory li:nth-child(2) {
    width: 32%
}

.wd_pkHistory li:nth-child(3) {
    padding-right: 20px
}

.wd_pkHistory li h3 {
    position: relative;
    display: inline-block;
    line-height: 28px;
    font-size: 20px;
    color: #ea4747
}

.wd_pkHistory li h3 span {
    position: absolute;
    top: 5px;
    right: -12px;
    line-height: 14px;
    font-size: 10px
}

.wd_pkHistory li p {
    line-height: 18px;
    font-size: 13px;
    color: #333
}

.wd_pkHistory li div {
    height: 17px;
    line-height: 17px;
    margin-top: 2px;
    color: #999;
    font-size: 0
}

.wd_pkHistory li div span {
    font-size: 12px
}

.wd_neutral_match {
    position: absolute;
    left: 54px;
    top: 10px;
    line-height: 24px
}

.wd_neutral_match i {
    margin-right: 5px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/images/yuce/wd_prompt4.b62cbb806852422ff39b.png);
    background-size: cover;
    vertical-align: middle
}

.wd_neutral_match span {
    vertical-align: middle;
    font-size: 10px;
    color: #0f88eb
}

.wd_handicap_tip,.wd_handicap_tip li {
    display: -ms-flexbox;
    display: flex
}

.wd_handicap_tip li {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_handicap_tip li div {
    width: 38%
}

.wd_teamNews {
    padding-left: 35px
}

.wd_teamNews dl {
    position: relative;
    padding: 10px 15px 0 0
}

.wd_teamNews dl dt {
    height: 17px;
    font-size: 12px;
    color: #333;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_teamNews dl dt .tip {
    width: 32px;
    height: 16px;
    line-height: 16px;
    margin-left: 10px;
    text-align: center;
    background: #ea4747;
    font-size: 10px;
    color: #fff;
    border-radius: 2px
}

.wd_teamNews dl dt .tip.red {
    background: #ea4747
}

.wd_teamNews dl dt .tip.blue {
    background: #0f88eb
}

.wd_teamNews dl dt .tip.green {
    background: #70b492
}

.wd_teamNews dl dd {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    padding-bottom: 10px;
    margin-top: 7px
}

.wd_teamNews dl:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 14px;
    left: -20px;
    width: 4px;
    height: 4px;
    background: #0f88eb;
    border-radius: 50%;
    border: 3px solid #e6f4ff;
    box-sizing: content-box;
    box-shadow: 0 0 0 2px #fff
}

.wd_teamNews dl:after {
    content: "";
    position: absolute;
    left: -16px;
    top: 21px;
    width: 2px;
    height: 100%;
    background: #eee
}

.wd_teamNews dl:last-child:after {
    height: 0
}

.wd_eachMost .title {
    display: -ms-flexbox;
    display: flex;
    padding-top: 3px;
    padding-bottom: 10px
}

.wd_eachMost .title span {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 14px;
    color: #999
}

.wd_eachMost dd {
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    height: 40px;
    line-height: 40px
}

.wd_eachMost dd .center {
    width: 24%;
    text-align: center;
    font-size: 14px;
    color: #999
}

.wd_eachMost dd .left,.wd_eachMost dd .right {
    width: 38%;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_eachMost dd .left .name,.wd_eachMost dd .right .name {
    -ms-flex: 1;
    flex: 1;
    padding-right: 15px;
    font-size: 14px;
    color: #333
}

.wd_eachMost dd .left .num,.wd_eachMost dd .right .num {
    font-size: 15px;
    color: #ea4747
}

.wd_eachMost dd .right .name {
    text-align: right;
    padding-right: 0;
    padding-left: 15px
}

.wd_eachMost dd .right .num {
    color: #0f88eb
}

.wd_dateSel {
    background: #fff
}

.wd_dateSel li {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 15px;
    color: #333;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_dateSel li .date {
    width: 90px;
    text-align: left
}

.wd_dateSel li .num {
    width: 40px;
    text-align: right;
    font-size: 12px;
    color: #999
}

.wd_dateSel li .icon-right {
    display: none;
    position: absolute;
    right: 20px;
    top: 15px
}

.wd_dateSel li.active .date {
    color: #ea4747;
    font-weight: 700
}

.wd_dateSel li.active .icon-right {
    display: block
}

.wd_liveSelPop {
    position: absolute;
    z-index: 10000;
    right: 0;
    top: 0;
    height: 100%;
    width: 240px;
    background: #fff;
    box-shadow: -4px -4px 8px 0 rgba(0,0,0,.05);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    transform: translateX(100%);
    transition: all .3s ease
}

.wd_liveSelPop .close_btn {
    top: 0;
    right: 0;
    left: auto;
    background-size: 40px 40px;
    background-position: 50%
}

.wd_liveSelPop.bkb .wd_methodTabScroll .wd_methodTab a {
    line-height: 44px;
    font-size: 18px;
    color: #333
}

.wd_liveSelPop.bkb .con ul li .score {
    width: 34%
}

.wd_liveSelPop .wd_methodTabScroll {
    padding: 0
}

.wd_liveSelPop .wd_methodTabScroll .wd_methodTab {
    padding-left: 4px
}

.wd_liveSelPop .wd_methodTabScroll .wd_methodTab a {
    padding: 0 14px
}

.wd_liveSelPop .wd_methodTabScroll .wd_methodTab a.active {
    line-height: 40px
}

.wd_liveSelPop .wd_methodTabScroll .wd_methodTab a.active:after {
    width: 30px;
    height: 2px;
    bottom: 0
}

.wd_liveSelPop .date {
    font-size: 12px;
    color: #999;
    background: #eee;
    line-height: 30px;
    padding-left: 15px
}

.wd_liveSelPop .con {
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    overflow-x: hidden
}

.wd_liveSelPop .con ul {
    padding-bottom: 30px
}

.wd_liveSelPop .con ul li {
    position: relative;
    height: 40px;
    padding: 0 5px 0 40px;
    font-size: 12px;
    color: #333;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_liveSelPop .con ul li .live {
    position: absolute;
    top: 14px;
    left: 5px;
    font-size: 0
}

.wd_liveSelPop .con ul li .live .wd_icon_video {
    margin-right: 0;
    margin-left: 5px
}

.wd_liveSelPop .con ul li .team {
    -ms-flex: 1;
    flex: 1
}

.wd_liveSelPop .con ul li .team.left {
    text-align: right
}

.wd_liveSelPop .con ul li .score {
    width: 24%;
    text-align: center;
    font-weight: 500
}

.money_discount {
    text-align: right;
    font-size: 12px;
    line-height: 17px
}

.money_discount .price {
    position: relative;
    color: #ef8181
}

.money_discount .price:after {
    position: absolute;
    content: "";
    width: 114%;
    height: 1px;
    background: #ef8181;
    top: 50%;
    left: -7%;
    transform: translateY(-50%)
}

.money_discount p {
    color: #ff8200
}

@media screen and (min-width:320px) and (max-width:350px) {
    .wd_matchLists li {
        padding: 0 8px
    }

    .wd_matchLists .time {
        width: 16%
    }

    .wd_matchLists .wd_matchTeam {
        width: 32%
    }

    .wd_matchLists .wd_matchTeam span {
        max-width: 60px;
        font-size: 12px
    }

    .wd_matchLists .score {
        width: 20%;
        font-size: 12px
    }

    .wd_matchLists.wd_matchLists_team .score {
        width: 11%;
        font-size: 10px
    }

    .wd_matchTitle .score,.wd_matchTitle .time {
        width: 30%
    }

    .wd_matchTitle .wd_matchTeam {
        width: 35%
    }

    .wd_matchTitle .wd_matchTeam span {
        max-width: 70px
    }

    .wd_livePfeife {
        padding: 15px 0 4px 15px
    }

    .wd_livePfeife .wd_newsIcon {
        margin-right: 5px
    }

    .wd_pkResult>li ul li.teams {
        width: 50%
    }

    .wd_pkResult>li ul li.result {
        width: 11%
    }

    .wd_featureBar {
        padding: 0
    }

    .wd_pkTeams div.wd_pkTeam span {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .wd_liveScore span {
        font-size: 24px;
        margin-right: 10px
    }

    .wd_liveScore span.right {
        margin-right: 0;
        margin-left: 10px
    }

    .wd_liveScore b {
        margin-bottom: 0
    }

    .wd_handicap .down_arrow {
        margin-left: 7px
    }

    .wd_handicap.oupei>li div.begin {
        width: 55%;
        padding-right: 0
    }

    .wd_handicap.kaili>li div.company {
        width: 15%
    }

    .wd_handicap.kaili>li div.odd-even {
        width: 37%
    }

    .wd_handicap.kaili>li div.variance,.wd_handicap.kaili>li div.variance span {
        width: 32%
    }

    .wd_handicap.kaili>li span {
        margin-left: 6px
    }

    .wd_handicap.kaili>li span:first-child {
        margin-left: 0
    }

    .wd_horseWrap {
        width: 56px!important
    }

    .wd_featureOdds.kaili li {
        padding: 0 5px
    }

    .wd_featureOdds.kaili li div:nth-child(2) span {
        width: 30%
    }

    .wd_featureOdds.kaili li div:nth-child(3) span {
        width: 29%
    }

    .wd_featureOdds.lisan li {
        padding: 0 5px
    }

    .wd_featureOdds.lisan li div:nth-child(2) span {
        width: 25%
    }

    .wd_featureOdds.lisan li div:nth-child(3) span {
        width: 30%
    }

    .wd_matchTop .wd_turnBtnList.ftb li {
        font-size: 10px
    }
}

.content_fix>.scroll-content {
    overflow-y: hidden
}

.c_ded8d8 {
    background-color: #ded8d8
}

.wd_ucTopBg {
    background: -webkit-linear-gradient(top,#0b3d66 60%,#f2f2f2 0,#f2f2f2);
    background-repeat: no-repeat;
    background-position: 0 0
}

.wd_ucTopBg.member {
    background: -webkit-linear-gradient(top,#302e2c 60%,#f2f2f2 0,#f2f2f2);
    background-repeat: no-repeat;
    background-position: 0 0
}

.wd_ucHome {
    background-color: #f2f2f2
}

.iphoneTop .wd_ucHeader {
    padding-top: 20px
}

.wd_ucHeader {
    padding-bottom: 96px;
    margin-bottom: -96px;
    background-color: #0b3d66
}

.wd_ucHeader.member {
    background-color: #302e2c
}

.wd_ucHeader .wrap {
    position: relative;
    padding-top: 24px;
    padding-bottom: 20px
}

.wd_ucHeader .wrap .wd_trIcon_wrap {
    top: 27px;
    right: 6px
}

.wd_ucHeader .wrap .wd_icon_bell {
    position: relative
}

.wd_ucHeader .wrap .wd_icon_bell .num {
    position: absolute;
    top: 0;
    left: 20px;
    line-height: 14px;
    border: 1px solid #fff;
    padding: 0 5px;
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 8px;
    background: #ea4747
}

.wd_ucHeader .wrap .login {
    padding: 8px 0 8px 23px
}

.wd_ucHeader .wrap .login a {
    display: inline-block;
    width: 80px;
    height: 34px;
    line-height: 34px;
    margin-right: 10px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    background-color: #ff8200;
    border-radius: 4px
}

.wd_ucHeader .wrap .login a.no_bg {
    line-height: 32px;
    background-color: transparent;
    border: 1px solid #fff
}

.wd_ucHome360 .wd_ucHeader {
    padding-bottom: 0;
    margin-bottom: 0
}

.wd_ucHome360 .wd_myAccount {
    padding-top: 0;
    margin-top: 0
}

.wd_ucInfor {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 82px
}

.wd_ucInfor .wd_ucName {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.wd_ucInfor .wd_ucName .name {
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.wd_ucInfor .wd_ucName .counter {
    font-size: 0
}

.wd_ucInfor .wd_ucName .counter a {
    display: inline-block;
    line-height: 22px;
    padding: 0 2px
}

.wd_ucInfor .wd_ucName .counter a strong {
    vertical-align: middle;
    font-size: 12px;
    font-weight: 500;
    color: #ff8200
}

.wd_ucInfor .wd_ucName .counter a span {
    vertical-align: middle;
    margin-left: 5px;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.wd_ucInfor .wd_ucName .counter a:nth-child(2) {
    margin-left: 20px
}

.wd_myCounter {
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.wd_myCounter a {
    -ms-flex: 1;
    flex: 1;
    padding: 10px 0
}

.wd_myCounter a div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 20px
}

.wd_myCounter a strong {
    font-size: 18px;
    font-weight: 500;
    color: #ff8200
}

.wd_myCounter a span {
    margin-left: 20px;
    font-size: 14px;
    color: hsla(0,0%,100%,.5)
}

.wd_myItems .block {
    margin-bottom: 10px;
    background: #fff
}

.wd_myItems .title {
    position: relative;
    line-height: 40px;
    padding: 5px 15px 0;
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.wd_myItems .title .detBtn {
    float: right;
    font-size: 12px;
    color: #999;
    padding-right: 25px;
    background: url(/images/yuce/wd_arrowRightGray.c6fe8b79a773b0312552.png) no-repeat;
    background-size: 22px 22px;
    background-position: 100%
}

.wd_myEarning .earnings {
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px
}

.wd_myEarning .earnings li {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding-bottom: 16px
}

.wd_myEarning .earnings li strong {
    display: block;
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #ea4747
}

.wd_myEarning .earnings li strong.gray {
    color: #999
}

.wd_myEarning .earnings li span {
    display: block;
    line-height: 17px;
    margin-top: 5px;
    font-size: 12px;
    color: #999
}

.wd_myEarning .wd_myQuickEntry a span {
    color: #666
}

.wd_myEarning .create {
    display: -ms-flexbox;
    display: flex
}

.wd_myEarning .create a {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    color: #333;
    font-weight: 700
}

.wd_myEarning .create a div {
    display: inline-block;
    position: relative
}

.wd_myEarning .create a div .num {
    position: absolute;
    top: 7px;
    left: 100%;
    line-height: 16px;
    border: 1px solid #fff;
    padding: 0 7px;
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 9px;
    background: #ea4747;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}

.wd_myLab .entryBar {
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px 10px
}

.wd_myLab .entryBar a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1;
    flex: 1;
    height: 50px;
    line-height: 50px;
    margin-right: 12px;
    font-size: 15px;
    color: #333;
    background: #f2f2f2;
    border-radius: 6px
}

.wd_myLab .entryBar a:last-child {
    margin-right: 0
}

.wd_myLab .entryBar a:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-image: url(/images/yuce/ucIconList.b8860aa38faecefecf2e.png);
    background-repeat: no-repeat;
    background-size: 36px auto
}

.wd_myLab .entryBar a.fbtj:before {
    background-position: -18px 0
}

.wd_myLab .entryBar a.tjjl:before {
    background-position: -18px -18px
}

.wd_myQuickEntry {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wd_myQuickEntry a {
    position: relative;
    display: block;
    width: 25%;
    text-align: center;
    padding: 13px 0
}

.wd_myQuickEntry a span {
    display: block;
    line-height: 17px;
    margin-top: 10px;
    font-size: 12px;
    color: #333
}

.wd_myQuickEntry a i {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    background-image: url(/images/yuce/ucIconList.b8860aa38faecefecf2e.png);
    background-repeat: no-repeat;
    background-size: 56px auto
}

.wd_myQuickEntry a i.fbtj {
    background-position: -28px 0
}

.wd_myQuickEntry a i.tjjl {
    background-position: -28px -28px
}

.wd_myQuickEntry a i.symx {
    background-position: -28px -56px
}

.wd_myQuickEntry a i.tikuan {
    background-position: -28px -84px
}

.wd_myQuickEntry a i.tgzx {
    background-position: -28px -112px
}

.wd_myQuickEntry a i.wdhy {
    background-position: -28px -140px
}

.wd_myQuickEntry a i.wdjd {
    background-position: 0 0
}

.wd_myQuickEntry a i.wdtj {
    background-position: 0 -28px
}

.wd_myQuickEntry a i.wdqz {
    background-position: 0 -56px
}

.wd_myQuickEntry a i.wdbs {
    background-position: 0 -84px
}

.wd_myQuickEntry a i.sqhr {
    background-position: 0 -112px
}

.wd_myQuickEntry a i.wdzl {
    background-position: 0 -140px
}

.wd_myQuickEntry a i.fwzx {
    background-position: 0 -168px
}

.wd_myQuickEntry a .dot {
    position: absolute;
    top: 12px;
    left: 50%;
    margin-left: 17px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ea4747
}

.wd_myQuickEntry a em.noStart {
    position: absolute;
    width: 14px;
    height: 14px;
    background: #ff8200;
    border-radius: 50%;
    font-size: 8px;
    line-height: 14px;
    text-align: center;
    top: 6px;
    color: #fff;
    left: 50%;
    margin-left: 14px
}

.wd_certification {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 0 10px;
    margin: 0 10px 10px;
    font-size: 14px;
    color: #fff;
    background: hsla(0,0%,100%,.13);
    border-radius: 6px
}

.wd_certification span {
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px
}

.wd_certification:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(/images/yuce/wd_icon_idCard.785d5c18b415f4f90abc.png) no-repeat;
    background-size: cover
}

.wd_certification:after {
    content: "";
    width: 22px;
    height: 22px;
    background: url(/images/yuce/wd_arrowRightWhite.23ad8045606ea996d41e.png) no-repeat;
    background-size: cover
}

.wd_vip_service {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 15px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
    background: #fff
}

.wd_vip_service span {
    -ms-flex: 1;
    flex: 1
}

.wd_vip_service:before {
    content: "";
    width: 32px;
    height: 32px;
    margin-right: 10px;
    background: url(/images/yuce/icon_vip.077c84c3a11995630bc4.png) no-repeat;
    background-size: cover
}

.wd_vip_service:after {
    content: "";
    width: 22px;
    height: 22px;
    background: url(/images/yuce/wd_arrowRightGray.c6fe8b79a773b0312552.png) no-repeat;
    background-size: cover
}

.wd_vip_service_pop {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%,-150%);
    transition: all .3s ease;
    width: 270px;
    text-align: center;
    position: absolute;
    z-index: 1000;
    left: 50%;
    top: 50%
}

.wd_vip_service_pop .con {
    padding: 23px 0 25px;
    border-radius: 10px;
    background-color: #fff
}

.wd_vip_service_pop .con h3 {
    font-size: 18px;
    color: #333;
    line-height: 25px
}

.wd_vip_service_pop .con .wxid span {
    display: inline-block;
    line-height: 40px
}

.wd_vip_service_pop .con .code {
    width: 120px;
    height: 120px;
    margin: 10px auto
}

.wd_vip_service_pop .save {
    display: block;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    background: #4a90e2;
    border-radius: 4px;
    margin-top: 10px
}

.wd_vip_service_pop .close {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(/images/yuce/close_btn_gray.02d30a61d252938cf698.png) no-repeat;
    background-size: cover;
    border-radius: 50%;
    top: -54px;
    left: 50%;
    margin-left: -15px;
    box-shadow: 0 0 0 1px hsla(0,0%,100%,.5)
}

.wd_vip_service_pop.animate {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%,-50%)
}

.wd_partner_enter {
    position: relative;
    padding: 17px 0 20px 20px;
    margin: 10px;
    border-radius: 10px;
    background: url(/images/yuce/partner_enter.e9ca90345790b5f55299.jpg) no-repeat;
    background-size: 100% 100%
}

.wd_partner_enter h3 {
    line-height: 28px;
    font-size: 20px;
    color: #fff;
    font-weight: 700
}

.wd_partner_enter p {
    margin-top: 2px;
    line-height: 20px;
    font-size: 14px;
    color: hsla(0,0%,100%,.7);
    font-weight: 700
}

.wd_partner_enter .join {
    display: inline-block;
    width: 120px;
    line-height: 40px;
    margin-top: 13px;
    text-align: center;
    font-size: 16px;
    color: #b41f2b;
    font-weight: 700;
    background: #fff;
    border-radius: 20px
}

.wd_partner_enter i {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 57px;
    height: 80px;
    background: url(/images/yuce/partner_enter2.01bda4a8579387fde6ea.png) no-repeat;
    background-size: cover
}

.wd_partner_introBtn {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: url(/images/yuce/icon_ask.0bc0eb833be7f56627c7.png) no-repeat 50%/16px;
    vertical-align: top;
    margin-top: 3px
}

.wd_partner_shareBtn {
    position: absolute;
    top: 8px;
    right: 5px;
    width: 34px;
    height: 34px;
    background: url(/images/yuce/icon_share.d2daab649a0563d3c796.png) no-repeat 50%/28px
}

.wd_vip_box {
    position: relative;
    z-index: 2;
    margin: 0 10px 0;
    background: -webkit-linear-gradient(left,#f7e9c7,#e1be8a);
    border-radius: 10px;
    box-shadow: 0 8px 16px 0 rgba(130,93,43,.1)
}

.wd_vip_box.opened {
    border-radius: 10px 10px 0 0
}

.wd_vip_box.red {
    background: -webkit-linear-gradient(left,#f15966,#c63f29)
}

.wd_vip_box.red .wd_vip_open,.wd_vip_box.red .wd_vip_open .btn {
    color: #fff
}

.wd_vip_box.red .wd_vip_open .btn .arrow-right {
    border-color: #fff
}

.wd_vip_open {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    color: #8b572a
}

.wd_vip_open img {
    width: 40px;
    height: 40px;
    margin-right: 5px
}

.wd_vip_open .txt {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.wd_vip_open .txt h3 {
    line-height: 22px;
    font-size: 16px;
    font-weight: 700
}

.wd_vip_open .txt p {
    margin-top: 1px;
    line-height: 17px;
    font-size: 12px;
    opacity: .5
}

.wd_vip_open .btn {
    line-height: 40px;
    font-size: 14px;
    color: #8b572a
}

.wd_vip_open .btn .arrow-right {
    border-color: #8b572a
}

.wd_vip_rights {
    display: -ms-flexbox;
    display: flex
}

.wd_vip_rights li {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    position: relative;
    padding: 16px 0 20px
}

.wd_vip_rights li img {
    display: inline-block;
    width: 40px;
    height: 40px
}

.wd_vip_rights li p {
    font-size: 12px;
    color: #8b572a;
    font-weight: 700;
    margin-top: 6px
}

.wd_vip_rights li .tip {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: 7px;
    line-height: 15px;
    border: 1px solid #fff;
    padding: 0 6px;
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 8px;
    background: #ea4747
}

.wd_vip_rights.border:before {
    border-color: rgba(139,87,42,.1)
}

.wd_myAccount {
    padding-top: 65px;
    margin-top: -65px;
    margin-bottom: 10px;
    background: #fff;
    text-align: center;
    display: -ms-flexbox;
    display: flex
}

.wd_myAccount.pt0 {
    padding-top: 0;
    margin-top: 0
}

.wd_myAccount .wallet {
    width: 80px;
    padding: 15px 0 13px;
    font-size: 0
}

.wd_myAccount .wallet i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/images/yuce/wd_icon_wallet.ee65ad555fca3d32db8c.png) no-repeat;
    background-size: cover
}

.wd_myAccount .wallet p {
    line-height: 17px;
    margin-top: 6px;
    font-size: 12px;
    color: #333;
    font-weight: 700
}

.wd_myAccount .list {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.wd_myAccount .list .item {
    -ms-flex: 1;
    flex: 1;
    padding: 15px 0 13px
}

.wd_myAccount .list .item div {
    display: inline-block;
    position: relative;
    line-height: 25px;
    font-size: 18px;
    font-weight: 500
}

.wd_myAccount .list .item div .dot {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ea4747;
    border-radius: 50%;
    right: -12px;
    top: 1px
}

.wd_myAccount .list .item p {
    line-height: 17px;
    margin-top: 5px;
    font-size: 12px;
    color: #333
}

.wd_myAccount .list .wd_viewExpertTip {
    z-index: 10;
    bottom: -26px;
    font-size: 12px;
    background: rgba(51,51,51,.8);
    box-shadow: 0 8px 16px rgba(51,51,51,.2);
    font-weight: 700
}

.wd_myAccount .list .wd_viewExpertTip:after {
    bottom: auto;
    border-top-color: transparent;
    top: -11px;
    border-bottom-color: rgba(51,51,51,.8)
}

.wd_myAccount .recharge {
    width: 64px;
    height: 32px;
    line-height: 32px;
    margin-top: 20px;
    margin-right: 10px;
    background: #ff8200;
    border-radius: 16px;
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

.wd_uPrivacy_pop {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%,-150%);
    transition: all .5s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1000;
    width: 325px;
    padding-top: 40px;
    text-align: center;
    background: #fff;
    border-radius: 8px
}

.wd_uPrivacy_pop.animate {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%,-50%)
}

.wd_uPrivacy_pop i {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    background: url(/images/yuce/wd_icon_lock.72d7a59da7a408c00d99.png) no-repeat 50%/cover
}

.wd_uPrivacy_pop h3 {
    line-height: 25px;
    font-size: 18px;
    color: #333;
    font-weight: 700
}

.wd_uPrivacy_pop p {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 0 20px 0 24px
}

.wd_uPrivacy_pop p.c999 {
    color: #999
}

.wd_uPrivacy_pop .btn {
    display: -ms-flexbox;
    display: flex
}

.wd_uPrivacy_pop .btn a {
    -ms-flex: 1;
    flex: 1;
    line-height: 50px;
    font-weight: 700
}

.wd_couponPop {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    background: #fff;
    border-radius: 8px 8px 0 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: all .3s ease
}

.wd_couponPop.animate {
    opacity: 1;
    visibility: visible;
    transform: none
}

.wd_couponPop .title {
    position: relative;
    text-align: center;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    height: 44px;
    line-height: 44px
}

.wd_couponPop .title .close_btn_gray {
    left: 0
}

.wd_back_icon_gray2 {
    position: absolute;
    width: 44px;
    height: 44px;
    left: 0;
    top: 0;
    background: url(/images/yuce/wd_back_icon_gray2.77e32c1e632998aa9f27.png) no-repeat;
    background-size: cover
}

.wd_couponTab {
    display: -ms-flexbox;
    display: flex
}

.wd_couponTab a {
    -ms-flex: 1;
    flex: 1;
    line-height: 45px;
    text-align: center;
    background: #f2f2f2;
    font-size: 15px;
    color: #333
}

.wd_couponTab a.active {
    font-weight: 500;
    color: #0f88eb;
    background: #fff
}

.wd_couponTab a.active:before {
    border-color: transparent
}

.wd_couponWrap {
    position: relative;
    height: 340px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.wd_couponList {
    padding: 15px 10px 35px
}

.wd_couponList_li {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 0 14px;
    margin-bottom: 10px;
    color: #999;
    border: 1px solid #eee;
    border-radius: 6px
}

.wd_couponList_li:last-child {
    margin-bottom: 0
}

.wd_couponList_li:after {
    content: "";
    position: absolute;
    height: 100%;
    border-left: 1px dotted #eee;
    left: 34%;
    top: 0
}

.wd_couponList_li .dead {
    position: absolute;
    left: -4px;
    top: -6px;
    height: 20px;
    line-height: 18px;
    padding: 0 10px;
    font-size: 10px;
    color: #fff;
    background: #ea4747;
    border-radius: 12px;
    border: 1px solid #fff
}

.wd_couponList_li .inuse,.wd_couponList_li .past,.wd_couponList_li .unactive,.wd_couponList_li .used {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 48px;
    height: 45px
}

.wd_couponList_li .unactive {
    background: url(/images/yuce/hit06.63b6fe0e9bfe9b835daa.png) no-repeat;
    background-size: cover
}

.wd_couponList_li .used {
    background: url(/images/yuce/hit04.b43e16056ab4d467edce.png) no-repeat;
    background-size: cover
}

.wd_couponList_li .past {
    background: url(/images/yuce/hit05.5cd9ec97ff09c96a1d19.png) no-repeat;
    background-size: cover
}

.wd_couponList_li .inuse {
    background: url(/images/yuce/hit07.f9c20fb3c770b1a2aa0d.png) no-repeat;
    background-size: cover
}

.wd_couponList_li .left {
    width: 34%;
    text-align: center
}

.wd_couponList_li .right {
    padding-left: 15px
}

.wd_couponList_li .left div {
    height: 24px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 700
}

.wd_couponList_li .left div em,.wd_couponList_li .left div span {
    display: inline-block;
    vertical-align: middle
}

.wd_couponList_li .left div span {
    font-size: 24px
}

.wd_couponList_li .left div em {
    margin-top: 3px;
    font-size: 14px;
    margin-left: 3px
}

.wd_couponList_li .right {
    -ms-flex: 1;
    flex: 1
}

.wd_couponList_li p {
    margin-top: 5px;
    font-size: 12px
}

.wd_couponList_li .right p:first-child {
    margin-top: 0
}

.wd_couponList_li.usable {
    background: #fff5e6;
    color: #ff8200;
    border: 1px solid #f5d3b7
}

.wd_couponList_li.usable .right {
    color: #d9ac7d
}

.wd_couponList_li.usable:after {
    border-left: 1px dotted #f5d3b7
}

.wd_couponList_li.usable.active {
    border: 1px solid #ff8200;
    box-shadow: 0 5px 10px 2px #fff5e6
}

.wd_couponList_li.usable.active .sel {
    display: block
}

.wd_couponList_li .sel {
    display: none;
    position: absolute;
    right: 10px;
    top: 37px;
    width: 16px;
    height: 16px;
    background: url(/images/yuce/wd_sel_orange.aeb8f14d422410b198f9.png) no-repeat;
    background-size: cover
}

.wd_couponPop .wd_payBar {
    box-shadow: none
}

.wd_payBar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 -2px 6px 1px rgba(0,0,0,.05);
    background: #fff
}

.wd_payBar.no_shadow {
    box-shadow: none
}

.wd_payBar .money {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    font-size: 15px;
    color: #333
}

.wd_payBar .money span {
    color: #ea4747
}

.wd_payBar a {
    width: 120px;
    height: 44px;
    line-height: 44px;
    margin: 5px 5px 6px;
    border-radius: 6px;
    background: #ff8200;
    font-size: 16px;
    color: #fff;
    text-align: center
}

.wd_payBar a.block {
    width: 100%;
    margin: 10px;
    font-weight: 500
}

.wd_noData.coupon i {
    width: 100px;
    height: 77px;
    background-image: url(/images/yuce/wd_noData06.f762cde6b63c7f156e75.png);
    background-size: cover
}

.wd_noData.coupon p {
    color: #333
}

.wd_couponUse {
    padding-bottom: 18px
}

.wd_couponUse h3 {
    line-height: 60px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    text-align: center
}

.wd_couponUse h3 span {
    color: #ea4747
}

.couponUse_liWrap {
    margin: 0 10px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.05);
    border-radius: 8px;
    border: 1px solid #eee
}

.wd_couponUse_li {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 60px;
    padding: 0 15px 0 40px
}

.wd_couponUse_li.pl15 {
    padding-left: 15px
}

.wd_couponUse_li .left p {
    font-size: 16px;
    color: #333
}

.wd_couponUse_li .left span {
    font-size: 12px;
    color: #999
}

.wd_couponUse_li .right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.wd_couponUse_li .right span {
    font-size: 14px;
    color: #0f88eb
}

.wd_couponUse_li .right em {
    font-size: 14px;
    color: #ea4747
}

.wd_couponUse_li .disTip {
    display: inline-block;
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: linear-gradient(127deg,#847b73,#4d453f);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.15);
    border-radius: 10px;
    font-size: 10px;
    color: #f5c59a;
    margin-left: 5px;
    vertical-align: middle
}

.wd_couponUse_li .sel {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 15px;
    top: 22px;
    background: #eee;
    border-radius: 50%
}

.wd_couponUse_li.active .sel {
    background: url(/images/yuce/wd_icon_checked.3b50c8979a59f3d0a1a5.png) no-repeat 50%/14px 14px
}

.wd_couponUse_li.active .left p {
    font-weight: 700;
    color: #ff8200
}

.wd_couponUse_li.active .left span {
    color: #e4ba7c
}

.wd_couponUse_li.active .right em {
    color: #ff8200
}

.wd_couponEntry {
    padding: 0 10px;
    height: 64px;
    line-height: 64px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #eee
}

.wd_couponEntry .left {
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    color: #666;
    font-weight: 700;
    padding-left: 15px;
    border-left: 1px dotted #e5e5e5
}

.wd_couponEntry .right {
    font-size: 14px;
    color: #999
}

.wd_couponEntry.active {
    background: #fff5e6;
    border: 1px solid #f5d3b7
}

.wd_couponEntry.active .left {
    color: #ff8200;
    border-left: 1px dotted #f5d3b7
}

.wd_couponEntry.active .right {
    color: #ff8200
}

.wd_couponEntry.active .wd_right_arrow {
    margin-right: -8px;
    background: url(/images/yuce/wd_arrowRightOrange.69b414b1c1f936afc4b4.png) no-repeat;
    background-size: cover
}

.wd_payNum h3 {
    line-height: 25px;
    padding: 15px 0 10px 5px;
    font-size: 18px;
    color: #000
}

.wd_payNum ul li {
    position: relative;
    float: left;
    width: 31%;
    padding: 8px 0;
    margin-right: 3.5%;
    margin-bottom: 15px;
    background: #fff;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #ddd
}

.wd_payNum ul li:nth-child(3n) {
    margin-right: 0
}

.wd_payNum ul li.active {
    background: #fff8ed;
    border-color: #f5a623;
    box-shadow: 0 8px 16px 0 #fff8ed
}

.wd_payNum ul li.active p,.wd_payNum ul li.active span {
    color: #ff8200
}

.wd_payNum ul li.active p {
    font-weight: 500
}

.wd_payNum ul li p {
    font-size: 15px;
    color: #000
}

.wd_payNum ul li span {
    display: block;
    font-size: 15px;
    color: #999
}

.wd_paymentWrap h3 {
    line-height: 25px;
    padding: 15px 0 10px 5px;
    font-size: 18px;
    color: #000
}

.wd_payment {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #eee;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.05)
}

.wd_payment ul li {
    padding: 14px 0 14px 15px;
    font-size: 0;
    z-index: 2
}

.wd_payment ul li i {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-right: 17px;
    background: url(/images/yuce/wd_payIcon.046a7e5a264b1bf6ee96.png) no-repeat;
    background-size: 40px auto
}

.wd_payment ul li i.ali {
    background-position: 0 0
}

.wd_payment ul li i.union {
    background-position: 0 -40px
}

.wd_payment ul li i.wxin {
    background-position: 0 -80px
}

.wd_payment ul li .intro {
    display: inline-block;
    vertical-align: middle
}

.wd_payment ul li .intro span {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: 500
}

.wd_payment ul li .intro p {
    margin-top: 3px;
    font-size: 12px;
    color: #999
}

.wd_payment ul li .intro p.red {
    color: #ea4747
}

.wd_payment ul li.active:after {
    content: "";
    float: right;
    width: 16px;
    height: 16px;
    margin: 13px 17px 0 0;
    background: url(/images/yuce/wd_icon_checked.3b50c8979a59f3d0a1a5.png) no-repeat;
    background-size: cover
}

.wd_payment ul li.active .intro span {
    color: #ff8200
}

.wd_payment ul li:first-child.bdt:before {
    border-top-width: 0
}

.wd_payment ul li .wd_right_arrow {
    float: right;
    margin: 10px 10px 0 0
}

.wd_payment .card {
    height: 40px;
    margin: -4px 20px 14px 75px;
    background: #f2f2f2;
    border-radius: 4px
}

.wd_payment .card input {
    height: 100%;
    line-height: normal;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    width: 100%;
    padding-left: 10px;
    font-size: 14px;
    color: #333;
    font-weight: 500
}

.wd_payment .card input::-webkit-input-placeholder {
    color: #999
}

.wd_payment .manage {
    height: 50px;
    line-height: 50px;
    padding: 0 12px 0 20px;
    font-size: 14px;
    color: #0f88eb
}

.wd_payment .manage .arrow-right {
    float: right;
    margin-top: 15px;
    border-color: #0f88eb
}

.wd_payTip {
    margin-top: 30px;
    padding-left: 7px
}

.wd_payTip h3 {
    line-height: 18px;
    margin-bottom: 14px;
    font-size: 13px;
    color: #000
}

.wd_payTip p {
    line-height: 17px;
    margin-bottom: 13px;
    font-size: 12px;
    color: #999
}

.wd_manage_bankcard {
    padding: 15px 15px 28px 20px
}

.wd_manage_bankcard h3 {
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 700
}

.wd_manage_bankcard .add {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.wd_manage_bankcard .add input {
    -ms-flex: 1;
    flex: 1;
    height: 40px;
    padding-left: 10px;
    background-color: #f2f2f2;
    border-radius: 4px;
    border: none;
    outline: none;
    -webkit-appearance: none;
    font-size: 14px;
    color: #333
}

.wd_manage_bankcard .add input::-webkit-input-placeholder {
    color: #999
}

.wd_manage_bankcard .add .btn {
    width: 80px;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    background-color: #ff8200;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.wd_manage_bankcard .delete {
    margin-left: -5px
}

.wd_manage_bankcard .delete li {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.wd_manage_bankcard .delete li .card {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    height: 65px;
    padding: 8px 10px 13px 15px;
    margin-right: 10px;
    background-color: #e8f2f9;
    border-radius: 10px;
    border: 2px solid #c6ddee;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05)
}

.wd_manage_bankcard .delete li .card.active {
    background-color: #5498d0;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    border-color: transparent
}

.wd_manage_bankcard .delete li .card.active:after {
    content: "";
    position: absolute;
    top: 19px;
    right: 10px;
    width: 22px;
    height: 22px;
    background: url(/images/yuce/icon_check.c993d03de42082955ec2.png) no-repeat 50%/cover
}

.wd_manage_bankcard .delete li .card.active p {
    color: #fff
}

.wd_manage_bankcard .delete li .card.active span {
    color: hsla(0,0%,100%,.7)
}

.wd_manage_bankcard .delete li .card p {
    font-size: 18px;
    color: #537997;
    font-weight: 500;
    line-height: 25px
}

.wd_manage_bankcard .delete li .card span {
    display: block;
    line-height: 17px;
    font-size: 12px;
    color: #537997;
    opacity: .7;
    margin-top: 2px
}

.wd_manage_bankcard .delete li .del {
    width: 65px;
    padding: 11px 0 6px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 10px;
    font-size: 0
}

.wd_manage_bankcard .delete li .del i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/images/yuce/icon_delete.4f36746d8e8f27029c98.png) no-repeat 50%/cover
}

.wd_manage_bankcard .delete li .del p {
    font-size: 12px;
    color: #999;
    margin-top: 5px
}

.wd_ucSettings {
    margin-bottom: 10px;
    background: #fff;
    border-radius: 6px
}

.wd_ucSettings li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    color: #333
}

.wd_ucSettings li a span {
    -ms-flex: 1;
    flex: 1;
    font-size: 15px;
    color: #333
}

.wd_ucSettings li a p {
    font-size: 14px;
    color: #999
}

.wd_ucSettings li a i {
    width: 22px;
    height: 22px;
    margin-right: -5px;
    background: url(/images/yuce/wd_arrowRightGray.c6fe8b79a773b0312552.png) no-repeat;
    background-size: cover
}

.wd_ucChangePop {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    transform: translateY(100%);
    position: absolute;
    z-index: 999;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    border-radius: 10px 10px 0 0
}

.wd_ucChangePop.animate {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.wd_ucChangePop .title .close_btn_gray {
    left: 0
}

.wd_ucChangePop .title h3 {
    font-size: 15px;
    color: #333;
    line-height: 44px;
    text-align: center
}

.wd_ucChangePop .con {
    padding: 25px 20px 20px
}

.wd_ucChangePop .con .input,.wd_ucChangePop .con .textarea {
    margin-top: 15px;
    padding: 10px;
    border-radius: 4px;
    background: #e5e5e5
}

.wd_ucChangePop .con .input input,.wd_ucChangePop .con .textarea textarea {
    width: 100%;
    height: 100%;
    line-height: normal;
    font-size: 15px;
    color: #333;
    border-radius: 0;
    border: 0;
    outline: 0;
    background: none
}

.wd_ucChangePop .con .input {
    height: 44px;
    margin-bottom: 30px
}

.wd_ucChangePop .con .textarea {
    height: 144px
}

.wd_ucChangePop .con .textarea textarea {
    resize: none
}

.wd_ucChangePop .btn {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #ff8200;
    font-size: 16px;
    color: #fff;
    font-weight: 500
}

.wd_diamondClt {
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #ea4747
}

.wd_diamondClt i {
    width: 22px;
    height: 22px;
    background: url(/images/yuce/wd_arrowRightRed.6f5d41f25f387edec5f2.png) no-repeat;
    background-size: cover
}

@media screen and (min-width:320px) and (max-width:350px) {
    .wd_vip_service {
        padding: 0 10px;
        font-size: 13px
    }

    .wd_uPrivacy_pop {
        width: 87%
    }
}

.addRefresh.content-ios:not([no-bounce])>.scroll-content {
    overflow: visible!important
}

.addRefresh.content-ios:not([no-bounce])>.scroll-content .refreshImg {
    display: block;
    content: "";
    position: absolute;
    width: 112px;
    height: 60px;
    top: -60px;
    left: 50%;
    margin-left: -32px;
    background: url(/images/yuce/addRefreshIcon.1d42a87e1935e5a41665.png);
    background-size: cover
}

.addRefresh.content-ios:not([no-bounce])>.scroll-content .refreshImg .one {
    -webkit-animation: rotateR 1s .2s linear infinite;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 30px;
    left: 0;
    background: url(/images/yuce/refreshImg_one.0054d793c8dccfda3166.png);
    background-size: cover
}

.addRefresh.content-ios:not([no-bounce])>.scroll-content .refreshImg .two {
    -webkit-animation: starFlash .6s 0s linear infinite;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0;
    left: 45px;
    background: url(/images/yuce/refreshImg_two.d277c13288d2d9b73926.png);
    background-size: cover
}

.addRefresh.content-ios:not([no-bounce])>.scroll-content .refreshImg .three {
    -webkit-animation: starFlash .8s 1s linear infinite;
    position: absolute;
    width: 7px;
    height: 7px;
    top: 17px;
    left: 0;
    background: url(/images/yuce/refreshImg_two.d277c13288d2d9b73926.png);
    background-size: cover
}

.addRefresh.content-ios:not([no-bounce])>.scroll-content .refreshImg .txt {
    position: absolute;
    top: -17px;
    left: 7px;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.addRefresh.wd_autoScrollBg .scroll-content {
    -webkit-clip-path: none
}

.refreshImg {
    display: none
}

@keyframes wd_shake {
    0%,67% {
        transform: scale(1)
    }

    73% {
        transform: scale(.9) rotate(-3deg)
    }

    77%,83%,90%,97% {
        transform: scale(1.1) rotate(3deg)
    }

    80%,87%,93% {
        transform: scale(1.1) rotate(-3deg)
    }

    to {
        transform: scale(1) rotate(0)
    }
}

@keyframes wd_animate_float {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(6px)
    }
}

.wd_shake {
    animation: wd_shake 3s both infinite
}

.wd_button {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    text-align: center
}

.wd_button.block {
    display: block;
    font-size: 16px
}

.wd_button.orange {
    background: #ff8200;
    color: #fff
}

.wd_button.blue {
    background: #389ef2;
    color: #fff
}

.wd_button.bdradius4 {
    border-radius: 4px
}

.wd_button.bdradius6 {
    border-radius: 6px
}

.wd_button.bdradius25 {
    border-radius: 25px
}

.wd_button.high40 {
    height: 40px;
    line-height: 40px
}

.wd_button.high50 {
    height: 50px;
    line-height: 50px
}

.wd_toggle_rotate {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 45px
}

.wd_toggle_rotate i {
    display: inline-block;
    width: 22px;
    height: 22px;
    transform: rotate(90deg);
    transition: all .3s ease;
    background: url(/images/yuce/wd_arrowRightBlue.b3f227170a7914944522.png) no-repeat;
    background-size: cover
}

.wd_toggle_rotate i.active {
    transform: rotate(-90deg)
}

.wd_toggle_rotate.blue i {
    background: url(/images/yuce/wd_arrowRightBlue.b3f227170a7914944522.png) no-repeat;
    background-size: cover
}

.wd_icon_bell,.wd_icon_menu,.wd_icon_mes,.wd_icon_set {
    display: inline;
    width: 38px;
    height: 44px;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: 50%
}

.wd_icon_set {
    background-image: url(/images/yuce/wd_icon_set.9f36a315f643eb88d0ec.png)
}

.wd_icon_menu {
    background-image: url(/images/yuce/wd_icon_menu.f499c4d2aa50f9f2c3d4.png)
}

.wd_icon_bell {
    background-image: url(/images/yuce/wd_icon_bell.9f5dca3ad3523444d4a5.png)
}

.wd_icon_mes {
    background-image: url(/images/yuce/wd_icon_mes.17d64e0fdfc1cfc9598e.png)
}

.wd_icon_mes .dot {
    position: absolute;
    top: 9px;
    right: 6px;
    width: 6px;
    height: 6px;
    background: #ea4747;
    border-radius: 50%
}

.wd_icon_quote {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    background: url(/images/yuce/wd_icon_quote.2a66f1f892c71c11270a.png);
    background-size: cover
}

.wd_icon_quote.white {
    background: url(/images/yuce/wd_icon_quote02.e1cb0c6c6c79a7392158.png);
    background-size: cover
}

.wd_icon_video {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    background: url(/images/yuce/wd_icon_video.407efe9e448093c8b6a5.png) no-repeat;
    background-size: cover
}

.wd_icon_video.animation {
    background: url(/images/yuce/wd_icon_animate.5147ae94145ba9124415.png) no-repeat;
    background-size: cover
}

.wd_icon_clock {
    width: 16px;
    background: url(/images/yuce/wd_icon_clock.68ff69a8fb4d341309da.png) no-repeat 50%/cover
}

.wd_icon_clock,.wd_icon_live {
    display: inline-block;
    vertical-align: top;
    height: 16px
}

.wd_icon_live {
    width: 32px;
    background: url(/images/yuce/wd_icon_live.3cd308a0d1abfdb0b335.png) no-repeat 50%/cover
}

.wd_icon_gold {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: top;
    margin-right: 1px;
    background: url(/images/yuce/wd_icon_gold02.8718a37df16b389e863a.png) no-repeat 50%/cover
}

.wd_icon_bkb {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/images/yuce/wd_icon_bkb.738bff32b4870ba5b9d4.png) no-repeat 50%/cover
}

.wd_icon_checked {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/images/yuce/wd_icon_checked.3b50c8979a59f3d0a1a5.png) no-repeat 50%/cover
}

.wd_icon_sort {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/images/yuce/wd_icon_sort.b4682c074c162d947115.png) no-repeat 50%/30px
}

.wd_right_arrow {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: -5px;
    background: url(/images/yuce/wd_arrowRightGray.c6fe8b79a773b0312552.png) no-repeat;
    background-size: cover
}

.wd_right_arrow.orange {
    background: url(/images/yuce/wd_arrowRightOrange.69b414b1c1f936afc4b4.png) no-repeat;
    background-size: cover
}

.wd_right_arrow.blue {
    background: url(/images/yuce/wd_arrowRightBlue.b3f227170a7914944522.png) no-repeat;
    background-size: cover
}

.wd_b_triangle_black {
    transition: all .3s ease;
    transform-origin: 8px 8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/images/yuce/wd_b_triangle_black.8565e17f433b8580aadf.png) no-repeat;
    background-size: cover
}

.wd_b_triangle_black.active {
    transform: rotate(-180deg)
}

.wd_backTopBtn {
    position: absolute;
    z-index: 100;
    bottom: 40px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-color: hsla(0,0%,100%,.95);
    border: 1px solid hsla(0,0%,75%,.2);
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
    border-radius: 50%
}

.wd_backTopBtn:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    margin-top: -8px;
    background: url(/images/yuce/wd_backTop.73785261a71577f28119.png) no-repeat 0 0/16px auto
}

.wd_backTopBtn.refresh:after {
    background-position: 0 -16px
}

.wd_backTopBtn.refresh.rotate:after {
    animation: rotateR 1s linear both infinite
}

.wd_hasfooter {
    bottom: 70px!important
}

.wd_refund {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 7px;
    border-radius: 2px;
    background: #ff8200;
    font-size: 10px;
    color: #fff
}

.wd_refund.coffee {
    background: #ae7c4e
}

.wd_blockTitle {
    padding-top: 12px;
    padding-bottom: 2px
}

.wd_blockTitle,.wd_blockTitle h3 {
    display: -ms-flexbox;
    display: flex;
    line-height: 44px
}

.wd_blockTitle h3 {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 5px;
    font-size: 20px;
    color: #333;
    font-weight: 700;
    white-space: nowrap
}

.wd_blockTitle h3 span {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #999
}

.wd_blockTitle h3 .wd_feature_date_tip {
    margin-top: 0
}

.wd_blockTitle h3.end {
    height: 44px;
    -ms-flex-align: baseline;
    align-items: baseline
}

.wd_blockTitle.h52 {
    padding-top: 6px
}

.wd_blockTitle .wd_down_sel {
    position: relative;
    padding-right: 23px
}

.wd_checkBtn {
    float: right;
    color: rgba(0,0,0,.5);
    padding-right: 22px;
    white-space: nowrap;
    background-image: url(/images/yuce/wd_arrowRight.0796ee91da521d00c436.png);
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: 100%
}

.wd_checkBtn.hint {
    padding: 0 0 0 20px;
    background-image: url(/images/yuce/wd_prompt.17389ecb23ddd9a15eb5.png);
    background-position: 0
}

.wd_checkBtn.white {
    color: #fff;
    background-image: url(/images/yuce/wd_arrowRightWhite.23ad8045606ea996d41e.png)
}

.wd_checkBtn.blue {
    position: relative;
    color: #0f88eb;
    background-image: url(/images/yuce/wd_arrowRightBlue.b3f227170a7914944522.png)
}

.wd_checkBtn.no_arrow {
    padding: 0 5px 0 25px;
    background: none
}

.liveDateTabScroll {
    height: 57px;
    overflow: hidden
}

.liveDateTabScroll.feature {
    height: 64px
}

.liveDateTab {
    height: 70px;
    padding: 0 10px;
    font-size: 0;
    white-space: nowrap;
    overflow-x: scroll
}

.liveDateTab a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 10px 12px;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.liveDateTab a em {
    font-size: 10px
}

.liveDateTab a span {
    display: block;
    margin-top: 4px
}

.liveDateTab a.active {
    color: #fff
}

.liveDateTab a.active:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -2px;
    bottom: 5px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff
}

.liveDateTab.feature a {
    padding: 15px 10px 17px;
    color: #fff
}

.liveDateTab.feature a span {
    font-weight: 500
}

.liveDateTab.feature a.active {
    color: #ffda44
}

.liveDateTab.feature a.active:after {
    bottom: 10px;
    background: #ffda44
}

.wd_timeTitle {
    line-height: 40px;
    padding: 0 10px;
    font-size: 12px;
    color: #999
}

.wd_timeTitle.fs14 {
    font-size: 14px
}

.wd_timeTitle .wd_icon_clock {
    margin-top: 11px;
    margin-right: 6px
}

.wd_block_bsd8 {
    background: #fff
}

.wd_block_bsd8.bdradius4 {
    border-radius: 4px
}

.wd_block_bsd8.bdradius6 {
    border-radius: 6px
}

.wd_block_bsd8.bdradius8 {
    border-radius: 8px
}

.comUserImg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    position: relative;
    margin-right: 10px
}

.comUserImg img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.comUserImg em {
    position: absolute;
    top: -4px;
    right: -8px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 50%;
    background: #ea4747;
    font-size: 8px;
    color: #fff
}

.comUserImg .checkIcon {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    background-color: #2db370;
    border-radius: 50%
}

.comUserImg .checkIcon:before {
    content: "";
    position: absolute;
    top: 1px;
    left: -1px;
    width: 14px;
    height: 7px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(-45deg) scale(.5)
}

.comUserImg .checkIcon.gray {
    top: 0;
    background-color: #ccc;
    border-radius: 50%
}

.comUserImg .checkIcon.gray,.exIcon {
    position: absolute;
    right: 0;
    width: 14px;
    height: 14px
}

.exIcon {
    bottom: 0;
    background: url(/images/yuce/wd_ucLevelIcon.4c65bd58d5bf3f271bd9.png) no-repeat 0 0/cover
}

.exIcon.hren {
    background-position: 0 -14px
}

.exIcon.syan {
    background-position: 0 -28px
}

.exIcon.w12 {
    width: 12px;
    height: 12px;
    bottom: -1px;
    right: -1px
}

.exIcon.w12.hren {
    background-position: 0 -12px
}

.exIcon.w12.syan {
    background-position: 0 -24px
}

.exIcon.w10 {
    width: 10px;
    height: 10px;
    bottom: -1px;
    right: -1px
}

.exIcon.w10.hren {
    background-position: 0 -10px
}

.exIcon.w10.syan {
    background-position: 0 -20px
}

.wd_switchTab {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 15px;
    overflow: hidden
}

.wd_switchTab a {
    width: 59px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 15px
}

.wd_switchTab a.active {
    font-weight: 700
}

.wd_switchTab.coffee {
    border: 1px solid #b0825c;
    background: #fff
}

.wd_switchTab.coffee a {
    color: #b0825c
}

.wd_switchTab.coffee a.active {
    background: #b0825c;
    color: #fff
}

.wd_switchTab.red {
    border: 1px solid #ea4747;
    background: #fff
}

.wd_switchTab.red a {
    color: #ea4747
}

.wd_switchTab.red a.active {
    background: #e94646;
    color: #fff
}

.wd_switchTab.blue {
    border: 1px solid #0f88eb
}

.wd_switchTab.blue a {
    color: #fff
}

.wd_switchTab.blue a.active {
    background: #0f88eb
}

.wd_btm_btn {
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5)
}

.wd_btm_btn a {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 44px;
    font-size: 16px
}

.wd_fixedConBg {
    background: -webkit-linear-gradient(top,#093059 50%,#f2f2f2 0,#f2f2f2)
}

.wd_fixedConBg.ftbFree {
    background: -webkit-linear-gradient(top,#05193c 50%,#f2f2f2 0,#f2f2f2)
}

.wd_fixedConBg.qybd {
    background: -webkit-linear-gradient(top,#0f294e 50%,#f2f2f2 0,#f2f2f2)
}

.wd_fixedConBg.member {
    background: -webkit-linear-gradient(top,#302e2c 50%,#f2f2f2 0,#f2f2f2)
}

.wd_fixedCon {
    min-height: 100%;
}

.wd_indexTop {
    background: #093059
}

.wd_indexNav {
    display: -ms-flexbox;
    display: flex
}

.wd_indexNav .tabWrap {
    -ms-flex: 1;
    flex: 1;
    height: 50px;
    overflow: hidden;
    padding-right: 5px
}

.wd_indexNav .tabWrap .tab {
    height: 58px;
    padding-left: 10px;
    font-size: 0;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.wd_indexNav .tabWrap .tab a {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    font-weight: 700;
    color: hsla(0,0%,100%,.7)
}

.wd_indexNav .tabWrap .tab a.active {
    padding-top: 3px;
    font-size: 24px;
    color: #ffda44
}

.wd_indexNav .tabWrap .tab a.gold {
    position: relative;
    color: #e3be92
}

.wd_indexNav .tabWrap .tab a.gold .tip {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 12px;
    line-height: 12px;
    top: 33px;
    left: 50%;
    margin-left: -15px;
    text-align: center;
    background: -webkit-linear-gradient(left,#e3bb8f,#a36c23);
    border-radius: 7px;
    font-size: 8px;
    color: #fff;
    font-weight: 700
}

.wd_indexNav .right {
    padding-right: 4px
}

.wd_indexNav .right,.wd_planNav {
    display: -ms-flexbox;
    display: flex
}

.wd_planNav {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    background: #093059
}

.wd_planNav .tab a {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
    font-size: 24px;
    font-weight: 700;
    color: hsla(0,0%,100%,.7)
}

.wd_planNav .tab a.active {
    color: #ffda44
}

.wd_planNav .search {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    height: 32px;
    padding-left: 44px;
    margin-left: 5%;
    background: hsla(0,0%,100%,.1);
    border-radius: 19px
}

.wd_planNav .search a {
    position: absolute;
    top: 0;
    left: 6px;
    width: 32px;
    height: 32px;
    background: url(/images/yuce/wd_icon_search02.16ef4021afc677b3945f.png) no-repeat 50%/16px 16px
}

.wd_planNav .search span {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.wd_indexNavMenu {
    background: #eee;
    position: absolute;
    z-index: 999;
    width: 100%;
    top: 0;
    left: 0
}

.wd_indexNavMenu .close_btn {
    top: 0;
    left: auto;
    right: 1.5%
}

.wd_indexNavMenu .list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 12px 1.5% 20px
}

.wd_indexNavMenu .list a {
    width: 22%;
    margin: 8px 1.5% 0;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 15px;
    color: #333;
    background: #fff;
    border-radius: 2px
}

.wd_indexNavMenu .list a.active {
    color: #0f88eb;
    font-weight: 700
}

.wd_indexNavMenu .btn {
    position: relative;
    display: block;
    width: 100%;
    height: 20px
}

.wd_indexNavMenu .btn:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 8px;
    margin-left: -25px;
    width: 50px;
    height: 5px;
    border-radius: 3px;
    background: #d8d8d8
}

.wd_carousel {
    padding-top: 9px;
    margin-bottom: -25px;
    background: #fff -webkit-linear-gradient(top,#093059 45px,#fff 110px) no-repeat
}

.wd_carousel .carouselPic {
    position: relative;
    width: calc(100% - 20px);
    margin: 0 10px 25px;
    border-radius: 6px;
    box-shadow: 0 8px 16px rgba(0,0,0,.1)
}

.wd_carousel .carouselPic a {
    display: block
}

.wd_carousel .carouselPic a img {
    border-radius: 6px
}

.wd_carousel .carouselPic p {
    position: absolute;
    left: 12px;
    bottom: 12px
}

.wd_carousel .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 23px
}

.wd_carousel .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px!important;
    background: #fff
}

.wd_carousel .swiper-pagination-bullet-active {
    background: #ff8200
}

.wd_indexAreaTab {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff
}

.wd_indexAreaTab li {
    width: 25%;
    padding: 10px 0
}

.wd_indexAreaTab li .photo {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden
}

.wd_indexAreaTab li .photo img {
    width: 100%;
    height: 100%
}

.wd_indexAreaTab li p {
    margin-top: 6px;
    text-align: center;
    font-size: 13px;
    color: #333;
    font-weight: 700
}

.wd_indexAreaTab.league li .photo {
    background: url(/images/yuce/wd_leagueTab.61fc3b1f00cb8325a50e.png) no-repeat;
    background-size: 50px auto
}

.wd_indexAreaTab.league li .photo.lg01 {
    background-position: 0 0
}

.wd_indexAreaTab.league li .photo.lg02 {
    background-position: 0 -50px
}

.wd_indexAreaTab.league li .photo.lg03 {
    background-position: 0 -100px
}

.wd_indexAreaTab.league li .photo.lg04 {
    background-position: 0 -150px
}

.wd_indexAreaTab.league li .photo.lg05 {
    background-position: 0 -200px
}

.wd_indexAreaTab.league li .photo.lg06 {
    background-position: 0 -250px
}

.wd_indexAreaTab.league li .photo.lg07 {
    background-position: 0 -300px
}

.wd_indexAreaTab.league li .photo.lg08 {
    background-position: 0 -350px
}

.wd_leagueTop {
    position: relative;
    height: 152px;
    background-image: -webkit-linear-gradient(top,#093059,#0d4a7a);
    overflow: hidden
}

.wd_leagueTop:after {
    content: "";
    position: absolute;
    top: 40px;
    right: -63px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,.15),rgba(255,218,68,.15))
}

.wd_leagueEntry {
    display: -ms-flexbox;
    display: flex;
    padding: 20px 14px 0 25px
}

.wd_leagueEntry .logo {
    width: 48px;
    height: 48px;
    margin-right: 16px
}

.wd_leagueEntry .logo img {
    height: 100%
}

.wd_leagueEntry .info {
    -ms-flex: 1;
    flex: 1
}

.wd_leagueEntry a {
    width: 43px;
    height: 46px;
    background: url(/images/yuce/wd_arrowRightYellowCir.1a568c101579a3290547.png) no-repeat;
    background-size: cover
}

.exList {
    padding-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.exList li {
    padding: 9px 0 9px;
    width: 25%;
    text-align: center
}

.exList li p {
    line-height: 17px;
    font-size: 12px;
    color: #333;
    margin-top: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.exList li .perc {
    margin-top: 2px
}

.exList li .perc,.exList li>span {
    line-height: 16px;
    font-size: 11px;
    color: #ea4747
}

.exList li>span {
    display: inline-block;
    vertical-align: top;
    height: 16px;
    padding: 0 7px;
    background: #ffd9d9;
    border-radius: 10px
}

.exList li:active {
    background: #eee
}

.exList li:nth-child(-n+4):before {
    border-width: 0
}

.exList li.more div {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    background: #e94646;
    border-radius: 50%
}

.exList li.more div span {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin-left: 3px;
    border-radius: 50%;
    background: #fff
}

.exList li.more div span:first-child {
    margin-left: 0
}

.exList li.more div.red {
    background: #e94646
}

.exList li.more div.coffee {
    background: #b0825c
}

.exList .comUserImg {
    margin: 0 auto
}

.exList_title {
    position: relative;
    padding: 16px 15px 9px
}

.exList_title h3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 25px;
    font-size: 18px;
    font-weight: 700
}

.exList_title h3.red {
    color: #ea4747
}

.exList_title h3.coffee {
    color: #b3855d
}

.exList_title h3 span {
    margin-left: 7px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(51,51,51,.5)
}

.exList_title .txt {
    margin: 1px 0 12px;
    font-size: 12px;
    color: rgba(51,51,51,.5)
}

.exList_title .wd_switchTab {
    position: absolute;
    top: 20px;
    right: 15px
}

.exList_tab {
    display: -ms-flexbox;
    display: flex
}

.exList_tab a {
    -ms-flex: 1;
    flex: 1;
    line-height: 50px;
    padding-right: 4%;
    text-align: center;
    border-radius: 4px;
    margin-left: 5px;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 700;
    color: #fff
}

.exList_tab a:first-child {
    margin-left: 0
}

.exList_tab a i {
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
    width: 40px;
    height: 40px;
    background: url(/images/yuce/wd_exList_tabIcon.d2412ca43d4958bf828f.png) no-repeat 0 0/40px auto
}

.exList_tab a.mzb {
    background: #e26868
}

.exList_tab a.mzb i {
    background-position: 0 0
}

.exList_tab a.hbb {
    background: #eb963d
}

.exList_tab a.hbb i {
    background-position: 0 -40px
}

.exList_tab a.dhb {
    background: #ab84cd
}

.exList_tab a.dhb i {
    background-position: 0 -80px
}

.exList_tab a.lhb {
    background: #cf4949
}

.exList_tab a.lhb i {
    background-position: 0 -120px
}

.exList_tab.free a {
    padding-right: 3%;
    background: hsla(0,0%,100%,.2)
}

.exList_tab.free a.active {
    background: #c39369
}

.exList_tab.free a i {
    width: 24px;
    height: 24px;
    margin-top: 13px;
    margin-right: 3px;
    background-size: 24px auto
}

.exList_tab.free a.mrq i {
    background-position: 0 -96px
}

.exList_tab.free a.hrq i {
    background-position: 0 -120px
}

.exList_tab.free a.sys i {
    background-position: 0 -144px
}

.wb_search {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    line-height: 40px;
    padding: 0 13px;
    margin: 10px 10px 0;
    background: hsla(0,0%,100%,.1);
    border-radius: 20px;
    font-size: 14px;
    color: hsla(0,0%,100%,.6)
}

.wb_search .searchIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 13px;
    background: url(/images/yuce/wd_icon_search02.16ef4021afc677b3945f.png);
    background-size: cover
}

.line-item {
    height: 50px;
    line-height: 50px;
    padding: 0 8px 0 15px;
    background: #fff;
    font-size: 14px;
    color: #333
}

.line-item .wd_checkBtn {
    padding-right: 22px;
    color: #939393;
    background-image: url(/images/yuce/wd_arrowRightGray.c6fe8b79a773b0312552.png);
    background-size: 22px 22px
}

.exRankList .folBtn {
    margin-left: 20px;
    margin-right: 5px
}

.exRankList .folBtn.active {
    background-color: #eee
}

.exRankList .exConList_li .topInfo .txt p.p1 {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.exRankList .nub {
    display: inline-block;
    width: 30px;
    white-space: nowrap;
    font-size: 18px;
    color: #999;
    margin-top: 24px
}

.exRankList .exConList_li {
    margin-bottom: 0
}

.exRankList .exConList_li .topInfo:before {
    left: 0
}

.exRankList .exConList_li .topInfo {
    -ms-flex-align: start;
    align-items: start
}

.exRankList .comUserImg {
    margin-top: 7px
}

@media screen and (min-width:320px) and (max-width:360px) {
    .exRankList .nub {
        width: 20px;
        margin-top: 16px
    }

    .exRankList .comUserImg {
        width: 40px;
        height: 40px
    }

    .exRankList .folBtn {
        margin-left: 10px;
        margin-right: 0
    }
}

.wd_methodTabScroll {
    display: -ms-flexbox;
    display: flex;
    padding: 2px 0 8px;
    line-height: 44px
}

.wd_methodTabScroll .wrap {
    -ms-flex: 1;
    flex: 1;
    height: 44px;
    overflow: hidden
}

.wd_methodTabScroll .wd_methodTab {
    height: 50px;
    overflow-x: scroll;
    overflow-y: hidden
}

.wd_methodTabScroll .wd_methodTab a {
    -ms-flex: none;
    flex: none;
    padding: 0 10px;
    font-size: 16px;
    color: #999
}

.wd_methodTabScroll .wd_methodTab a.active {
    font-size: 20px;
    color: #333
}

.wd_methodTabScroll .wd_methodTab a.active:after {
    bottom: 2px;
    width: 32px
}

.wd_methodTab {
    display: -ms-flexbox;
    display: flex
}

.wd_methodTab a {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    color: #333;
    font-weight: 700;
    text-align: center;
    white-space: nowrap
}

.wd_methodTab a.active {
    color: #ff8200
}

.wd_methodTab a.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 3px;
    border-radius: 2px;
    background: #ff8200;
    animation: activeScaleX .4s ease both;
    -webkit-animation: activeScaleX .4s ease both
}

.wd_methodTab.agency {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff
}

.wd_methodTab.agency a {
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #999
}

.wd_methodTab.agency a.active {
    line-height: 44px;
    font-size: 20px;
    color: #333
}

.wd_methodTab.agency a.active:after {
    width: 20px;
    margin-left: -10px
}

.wd_search_input {
    padding: 7px 0;
    margin: 0 54px 0 45px
}

.wd_search_input .wrap {
    position: relative;
    height: 30px;
    padding-left: 30px;
    background: #fff;
    border-radius: 2px;
    overflow: hidden
}

.wd_search_input .wrap .search_icon {
    position: absolute;
    top: 5px;
    left: 6px;
    margin: 0
}

.wd_search_input .wrap input {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: 0;
    height: 30px;
    color: #333;
    font-size: 12px;
    line-height: normal;
    border: 0;
    outline: none
}

.wd_search_input .wrap input::-webkit-input-placeholder {
    color: #a9a9a9
}

.exConList_tab {
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 6px
}

.exConList_tab a {
    -ms-flex: 1;
    flex: 1;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.exConList_tab a.active {
    color: #ff8200
}

.exConList_tab a:last-child:before {
    border-right-width: 0
}

.exConList {
    padding-left: 10px;
    padding-right: 10px
}

.exConList .exConList_li {
    border-radius: 6px
}

.exConList_li {
    background: #fff;
    margin-bottom: 10px
}

.exConList_li:last-child {
    margin-bottom: 0
}

.exConList_li:active {
    background: #f9f9f9
}

.exConList_li .topInfo {
    padding: 16px 10px 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.exConList_li .topInfo:before {
    left: 15px
}

.exConList_li .topInfo .txt {
    overflow: hidden;
    -ms-flex: 1;
    flex: 1
}

.exConList_li .topInfo .txt>div {
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    -ms-flex-align: center;
    align-items: center
}

.exConList_li .topInfo .txt>div .name {
    margin-right: 5px;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis
}

.exConList_li .topInfo .txt p {
    white-space: nowrap;
    margin-top: 5px;
    font-size: 12px;
    color: #999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.exConList_li .topInfo .txt .tip {
    margin-right: 5px;
    height: 16px;
    line-height: 16px;
    padding: 0 7px;
    font-size: 11px;
    color: #fff;
    background: #ea4747;
    border-radius: 12px
}

.exConList_li .topInfo .txt .tip.pink {
    background: #ffd2d2;
    color: #ea4747
}

.exConList_li .topInfo .txt .tip:last-child {
    margin-right: 0
}

.exConList_li .topInfo .right {
    margin-left: 10px;
    text-align: right
}

.exConList_li .topInfo .right p {
    line-height: 21px;
    font-size: 15px;
    font-weight: 500;
    color: #ea4747
}

.exConList_li .topInfo .right span {
    display: block;
    line-height: 17px;
    margin-top: 6px;
    font-size: 12px;
    color: #999
}

.exConList_li .con {
    padding-left: 10px;
    padding-right: 10px
}

.exConList_li .con h3 {
    font-size: 17px;
    color: #333;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 10px
}

.exConList_li .con h3 .wd_refund {
    vertical-align: top;
    margin-top: 2px;
    margin-right: 7px
}

.exConList_li .con .wd_clip_txt {
    padding: 4px 14px 12px 0;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.exConList_li .con .wd_clip_txt .wd_icon_quote {
    margin: 2px 10px 0
}

.exConList_li .con .match {
    position: relative;
    padding: 5px 5px 5px 10px;
    background: #f2f2f2;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.exConList_li .con .match .left {
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10%
}

.exConList_li .con .match .wd_right_arrow {
    margin-right: 0
}

.exConList_li .con .match .line {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

.exConList_li .con .match .line>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 4;
    flex: 4;
    overflow: hidden
}

.exConList_li .con .match .line>div em {
    color: #ccc;
    width: 34%;
    text-align: center
}

.exConList_li .con .match .line>div em.red {
    color: #ea4747
}

.exConList_li .con .match .line>div p {
    line-height: 25px;
    width: 110px;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis
}

.exConList_li .con .match .line>div p:first-child {
    text-align: right
}

.exConList_li .con .match .line>span {
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.exConList_li .con .match .line:last-child:before {
    border-width: 0
}

.exConList_li .con .onTheSpot {
    position: relative;
    padding: 10px 10px 10px 60px;
    border-radius: 4px;
    background: #f2f2f2 url(/images/yuce/wd_icon_clock02.8a2d3d74307019a95a91.png) no-repeat 10px/40px 40px
}

.exConList_li .con .onTheSpot p {
    font-size: 14px;
    color: #333
}

.exConList_li .con .onTheSpot div {
    margin-top: 3px;
    font-size: 12px;
    color: #999
}

.exConList_li .con .onTheSpot div span {
    color: #ea4747
}

.exConList_li .bottomInfo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 15px 15px
}

.exConList_li .bottomInfo.pb5 {
    padding-bottom: 5px
}

.exConList_li .bottomInfo .left {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    font-size: 12px;
    color: #999
}

.exConList_li .bottomInfo .left b {
    width: 1px;
    height: 11px;
    margin: 0 10px;
    background: #eee
}

.exConList_li .bottomInfo .left .time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.exConList_li .bottomInfo .left .time .wd_icon_live {
    margin-right: 8px
}

.exConList_li .bottomInfo .left .time.green {
    color: #2db370
}

.exConList_li .bottomInfo .left .time.red {
    color: #ea4747
}

.exConList_li .bottomInfo .left .look {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.exConList_li .bottomInfo .left .look i {
    display: inline-block;
    width: 12px;
    height: 8px;
    margin-right: 7px;
    background: url(/images/yuce/eye.df1b60bd2cdbc64c7f98.png) no-repeat 50%/cover
}

.exConList_li .bottomInfo .money {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    font-size: 14px;
    color: #ef8181
}

.exConList_li .bottomInfo .money .wd_icon_gold {
    margin-top: 3px
}

.exConList_li .botAdd {
    height: 40px;
    line-height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #2db370
}

.exConList_li .botAdd i {
    margin-right: 5px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(/images/yuce/wd_prompt3.fc10a3a7dd119f80c7df.png);
    background-size: cover;
    vertical-align: middle
}

.exConList_li .botAdd span {
    vertical-align: middle
}

.wd_feature_bg.index {
    background: -webkit-linear-gradient(top,#01001d 50%,#f2f2f2 0,#f2f2f2)
}

.wd_feature_bg.tpei {
    background: -webkit-linear-gradient(top,#588bd8 50%,#f2f2f2 0,#f2f2f2)
}

.wd_feature_bg.lsan {
    background: -webkit-linear-gradient(top,#d76f32 50%,#f2f2f2 0,#f2f2f2)
}

.wd_feature_bg.kli {
    background: -webkit-linear-gradient(top,#00458e 50%,#f2f2f2 0,#f2f2f2)
}

.wd_feature_bg.bfa {
    background: -webkit-linear-gradient(top,#ca8034 50%,#f2f2f2 0,#f2f2f2)
}

.wd_feature_bg.tbi {
    background: -webkit-linear-gradient(top,#de5b5b 50%,#f2f2f2 0,#f2f2f2)
}

.wd_feature_bg.hyzx {
    background: -webkit-linear-gradient(top,#b78d68 50%,#fff 0,#fff)
}

.wd_feature_bg.fxb {
    background: -webkit-linear-gradient(left,#d7a570,#a36c23) no-repeat 50%/cover
}

.wd_feature_top.index {
    background-color: #01001d
}

.wd_feature_con {
    padding-bottom: 50px;
    margin-bottom: -50px
}

.wd_feature_con.detail {
    padding-bottom: 93px;
    margin-bottom: -93px
}

.wd_feature_con.index {
    background-image: -webkit-linear-gradient(top,#01001d,#0d4a7a)
}

.wd_feature_con.tpei {
    background-color: #588bd8
}

.wd_feature_con.lsan {
    background-color: #d76f32
}

.wd_feature_con.kli {
    background-color: #00458e
}

.wd_feature_con.bfa {
    background-color: #ca8034
}

.wd_feature_con.tbi {
    background-color: #de5b5b
}

.wd_feature_con.hyzx {
    background-color: #b78d68;
    margin-bottom: -55px
}

.wd_feature_con.fxb {
    padding-top: 12px;
    background: -webkit-linear-gradient(left,#d7a570,#a36c23) no-repeat 50%/cover
}

.wd_feature_con.fxb .wd_feature_desc:after {
    background: none
}

.wd_feature_con.fxb .liveDateTab a {
    color: #fff
}

.wd_feature_con.fxb .liveDateTab a.active {
    color: #ffda44
}

.wd_feature_desc {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px 10px 20px
}

.wd_feature_desc .con {
    -ms-flex: 1;
    flex: 1
}

.wd_feature_desc h3 {
    line-height: 33px;
    font-size: 24px;
    color: #fff
}

.wd_feature_desc .txt {
    margin-top: 4px;
    font-size: 12px
}

.wd_feature_desc .logo {
    position: relative;
    width: 50px;
    height: 50px;
    margin-top: 11px;
    margin-right: 15px;
    border-radius: 50%;
    background-color: #fff
}

.wd_feature_desc .logo:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 13px;
    width: 24px;
    height: 24px;
    background: url(/images/yuce/wd_featureIcon_m.4fb22568184037e4cbc4.png) no-repeat 0 0/24px auto
}

.wd_feature_desc .logo.tpei:before {
    background-position: 0 0
}

.wd_feature_desc .logo.lsan:before {
    background-position: 0 -24px
}

.wd_feature_desc .logo.kli:before {
    background-position: 0 -48px
}

.wd_feature_desc .logo.bfa:before {
    background-position: 0 -72px
}

.wd_feature_desc .logo.tbi:before {
    background-position: 0 -96px
}

.wd_feature_desc .logo.fxb {
    margin-top: 0
}

.wd_feature_desc .logo.fxb:before {
    top: 9px;
    left: 9px;
    width: 32px;
    height: 32px;
    background: url(/images/yuce/wd_featureIcon_fxb.1358064f71af10e6cd3b.png) no-repeat 0 0/32px auto
}

.wd_feature_desc:after {
    content: "";
    position: absolute;
    width: 47px;
    height: 47px;
    background: url(/images/yuce/wd_feature_card_t.2d507daa1c0ed6eff55e.png) no-repeat;
    background-size: cover;
    top: 0;
    right: 7%
}

.wd_feature_desc.index {
    padding-right: 25px
}

.wd_feature_desc.index:after {
    width: 69px;
    height: 83px;
    background: url(/images/yuce/wd_feature_card_t02.5adabb7e257f7f4c4081.png) no-repeat;
    background-size: cover;
    right: 8%
}

.wd_feature_date_tip {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
    margin-left: 8px;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    font-size: 10px;
    font-family: normal;
    color: #8b572a;
    font-weight: 700;
    background: #ffda44;
    border-radius: 4px
}

.wd_feature_date_tip.bg_fff {
    color: #ea4747;
    background: #fff
}

.wd_feature_date_tip.bg_blue {
    color: #fff;
    background: #0f88eb
}

.wd_feature_scroll {
    margin: 0 -10px;
    background-image: -webkit-linear-gradient(-78deg,#f2f2f2,#f2f2f2 165px,#0d4a7a 0,#0d4a7a)
}

.wd_feature_scroll .wd_feature_card {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.wd_feature_scroll .wd_member_mask {
    height: 232px;
    padding-top: 30px;
    background: url(/images/yuce/lock_bg.1752546eca533ba7c19c.png) no-repeat center 25px/96% auto
}

.wd_feature_scroll swiper>.swiper.s-wrapper .swiper-wrapper .swiper-slide {
    overflow: visible
}

.wd_feature_scroll .swiper-slide {
    width: 90%!important;
    text-align: inherit;
    transform-style: preserve-3d
}

.wd_feature_scroll .slide-zoom {
    text-align: left
}

.wd_feature_scroll .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 3px
}

.wd_feature_scroll .swiper-pagination-bullet {
    width: 20px;
    height: 2px;
    margin: 0 1px!important;
    border-radius: 0;
    background: hsla(0,0%,100%,.2);
    border: none!important;
    opacity: 1;
    vertical-align: middle
}

.wd_feature_scroll .swiper-pagination-bullet-active {
    background: #ff8200;
    opacity: 1
}

.wd_feature_scroll.member {
    background: none
}

.wd_feature_scroll.member .swiper-container {
    overflow: visible
}

.wd_feature_scroll.member .swiper-pagination-bullet {
    background: hsla(0,0%,60%,.2)
}

.wd_feature_scroll.member .swiper-pagination-bullet-active {
    background: #ff8200
}

.wd_feature_scroll.member .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 5px
}

.wd_feature_scroll.home {
    padding-bottom: 20px
}

.wd_feature_scroll.home .wd_feature_card {
    border: none!important;
    box-shadow: none
}

.wd_feature_scroll swiper>.s-wrapper.swiper .swiper-pagination .swiper-pagination-handle .swiper-pagination-bullet-last {
    border: none!important
}

.wd_feature_scroll swiper>.s-wrapper.swiper .swiper-pagination .swiper-pagination-handle {
    padding: 0;
    margin: 0
}

.wd_feature_scroll swiper.s-wrapper>.swiper .swiper-pagination .swiper-pagination-handle .swiper-pagination-bullet-last {
    border: none!important
}

.wd_feature_scroll swiper.s-wrapper>.swiper .swiper-pagination .swiper-pagination-handle {
    padding: 0;
    margin: 0
}

.wd_feature_card {
    border-radius: 8px;
    background: #fff
}

.wd_feature_card.hasshadow {
    border: 1px solid #eee;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.05)
}

.wd_feature_card.noradius {
    border-radius: 0
}

.wd_feature_card:after {
    content: "";
    display: table;
    clear: both
}

.wd_feature_card.detail .wd_histogram i {
    width: 20px
}

.wd_feature_card .wd_timeTitle {
    padding: 0 15px
}

.wd_feature_card .wd_matchTitle {
    height: 53px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 20px 0!important;
    background: none;
    margin-top: 0
}

.wd_feature_card .wd_matchTitle .score,.wd_feature_card .wd_matchTitle .time {
    width: 34%
}

.wd_feature_card .wd_matchTitle .wd_liveScore span {
    margin-right: 15px;
    font-size: 16px
}

.wd_feature_card .wd_matchTitle .wd_liveScore span.right {
    margin-right: 0;
    margin-left: 15px
}

.wd_feature_card .wd_matchTitle .wd_liveScore b {
    height: 16px;
    background-color: #eee
}

.wd_feature_card .wd_matchTeam {
    width: 33%
}

.wd_feature_card .wd_matchTeam span {
    margin-left: 10px
}

.wd_feature_card .wd_matchTeam.right span {
    margin-left: 0;
    margin-right: 10px
}

.wd_feature_card .wd_histogram .num {
    display: block;
    height: 22px;
    line-height: 22px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #e77676
}

.wd_feature_card .wd_histogram .num.red {
    color: #e77676
}

.wd_feature_card .wd_histogram .num.green {
    color: #77bf9b
}

.wd_feature_card .wd_histogram .num.blue {
    color: #8bbde7
}

.wd_feature_card .wd_histogram .res {
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    color: #999
}

.wd_feature_card .wd_histogram .odd {
    display: block;
    height: 17px;
    line-height: 17px;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #333
}

.wd_feature_card .wd_histogram .odd.green {
    color: #2db370
}

.wd_feature_card .wd_featureOdds li {
    padding: 0;
    height: 25px;
    line-height: 25px
}

.wd_feature_card .wd_featureOdds li div:first-child {
    width: 10%;
    text-align: right
}

.wd_feature_card .wd_featureOdds li div:nth-child(2) {
    width: 20%;
    padding-left: 10px
}

.wd_feature_card .wd_featureOdds li div:nth-child(3) {
    width: 40%
}

.wd_feature_card .wd_featureOdds li div:nth-child(4) {
    width: 30%
}

.wd_feature_card .wd_featureOdds.tbi li div:first-child {
    width: 20%;
    text-align: left;
    padding-left: 6%
}

.wd_feature_card .wd_featureOdds.tbi li div:nth-child(2) {
    width: 25%;
    padding-left: 0
}

.wd_feature_card .wd_featureOdds.tbi li div:nth-child(3) {
    width: 28%
}

.wd_feature_card .wd_featureOdds.tbi li div:nth-child(4) {
    width: 25%
}

.wd_feature_card .wd_probability .wd_checkBtn {
    line-height: 38px
}

.wd_feature_card_t {
    position: relative;
    height: 90px;
    padding: 15px 15px 11px 20px;
    border-radius: 8px 8px 0 0
}

.wd_feature_card_t div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 25px;
    font-size: 12px;
    color: #fff
}

.wd_feature_card_t div span {
    margin-right: 9px;
    font-size: 18px;
    font-weight: 700
}

.wd_feature_card_t div em {
    margin: 0 5px;
    font-size: 16px;
    font-weight: 500
}

.wd_feature_card_t div em.yellow {
    color: #ffd100
}

.wd_feature_card_t div:before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(/images/yuce/wd_featureIcon_s.0d67d745eecd278c9b5a.png) no-repeat 0 0/20px auto
}

.wd_feature_card_t .txt {
    line-height: 17px;
    margin-top: 5px;
    font-size: 12px;
    color: hsla(0,0%,100%,.7);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.wd_feature_card_t.tpei {
    background-color: #588bd8
}

.wd_feature_card_t.tpei div:before {
    background-position: 0 0
}

.wd_feature_card_t.lsan {
    background-color: #d76f32
}

.wd_feature_card_t.lsan div:before {
    background-position: 0 -20px
}

.wd_feature_card_t.kli {
    background-color: #00458e
}

.wd_feature_card_t.kli div:before {
    background-position: 0 -40px
}

.wd_feature_card_t.bfa {
    background-color: #ca8034
}

.wd_feature_card_t.bfa div:before {
    background-position: 0 -60px
}

.wd_feature_card_t.tbi {
    background-color: #de5b5b
}

.wd_feature_card_t.tbi div:before {
    background-position: 0 -80px
}

.wd_feature_card_t.fxb {
    background-color: #b58459
}

.wd_feature_card_t.fxb div:before {
    background-position: 0 -100px
}

.wd_feature_calc .txt {
    line-height: 17px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 8px 12px 8px 13px;
    text-align: left;
    font-size: 12px;
    color: #333;
    border-radius: 4px;
    background: #ebf6ff
}

.wd_feature_calc .txt span {
    line-height: 14px;
    font-weight: 500
}

.wd_feature_calc_res {
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.wd_feature_calc_res li {
    -ms-flex: 2;
    flex: 2;
    text-align: center;
    font-size: 14px;
    color: #ea4747
}

.wd_feature_calc_res li:nth-child(2) {
    -ms-flex: 3;
    flex: 3
}

.wd_feature_calc_res li em {
    margin-left: 8px
}

.wd_feature_calc_more {
    height: 50px;
    line-height: 50px;
    padding: 0 5px 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_feature_calc_more .money {
    -ms-flex: 1;
    flex: 1
}

.wd_feature_calc_more .money .wd_icon_gold {
    margin-top: 15px
}

.wd_feature_calc_more.h40 {
    height: 40px;
    line-height: 40px
}

.wd_probability {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 5px;
    padding-left: 15px;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.wd_probability p {
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    color: #bbb
}

.wd_probability .hitIcon {
    right: 26%;
    top: -12px
}

.wd_odds_line {
    display: -ms-flexbox;
    display: flex
}

.wd_odds_line li {
    -ms-flex: 1;
    flex: 1;
    padding: 0 5% 0 3%
}

.wd_odds_line li div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_odds_line li div span {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.wd_odds_line li div.fs10 {
    height: 14px;
    line-height: 14px
}

.wd_odds_line li div.fs12 {
    height: 17px;
    line-height: 17px
}

.wd_odds_line li div.fs14 {
    height: 20px;
    line-height: 20px
}

.wd_probabilityFenbu li {
    display: -ms-flexbox;
    display: flex;
    line-height: 40px;
    padding-left: 15px;
    font-size: 12px;
    color: #333
}

.wd_probabilityFenbu li div {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.wd_probabilityFenbu li div:first-child {
    padding-right: 7%
}

.wd_probabilityFenbu li:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #f2f2f2;
    font-weight: 700
}

.wd_todayMatchWrap {
    padding: 0 10px;
    background-image: -webkit-linear-gradient(top,#093059,#19242d)
}

.wd_todayMatchWrap.fullScreen {
    height: 100%;
    background: #093059
}

.wd_todayMatchWrap:after {
    content: "";
    display: table;
    clear: both
}

.wd_todayMatchWrap .wd_todayMatch {
    box-shadow: none;
    background: none;
    border-radius: 0
}

.wd_todayMatchWrap .wd_todayMatch .wrap {
    background: #223e5b;
    border-radius: 2px 2px 0 0
}

.wd_todayMatchWrap .wd_todayMatch .match li {
    margin-right: 1px;
    border-radius: 2px;
    background: #0d4a7a
}

.wd_todayMatchWrap .wd_todayMatch .match li .line .name {
    color: hsla(0,0%,100%,.7)
}

.wd_todayMatchWrap .wd_todayMatch .match li .info {
    color: hsla(0,0%,100%,.5)
}

.wd_todayMatchWrap .wd_todayMatch .match li:last-child {
    margin-right: 0
}

.wd_todayMatchWrap .wd_todayMatch .match li.active {
    background: #0f88eb;
    border-bottom: none
}

.wd_todayMatchWrap .wd_todayMatch .match li.active .line .name {
    color: #fff
}

.wd_todayMatchWrap .wd_todayMatch .wd_pkList_cirbar {
    background: hsla(0,0%,100%,.1)
}

.wd_todayMatchWrap .wd_todayMatch .wd_pkList_cirbar li.bdr:before {
    border-right-width: 0
}

.wd_todayMatchWrap .wd_todayMatch .wd_pkList_cirbar li.bdc_eee:before {
    border-color: hsla(0,0%,100%,.1)
}

.wd_todayMatchWrap .wd_todayMatch .wd_pkList_cirbar li p {
    color: #fff
}

.wd_todayMatchWrap .wd_todayMatch .wd_pkList_cirbar li em {
    color: hsla(0,0%,100%,.5)
}

.wd_todayMatchWrap .wd_todayMatch .wd_pkList_card {
    background: hsla(0,0%,100%,.1);
    border-radius: 0 0 2px 2px
}

.wd_todayMatchWrap .wd_todayMatch .wd_pkList_card .blockShoot span {
    color: hsla(0,0%,100%,.5)
}

.wd_todayMatchWrap .wd_todayMatch .wd_pkList_card .blockShoot p {
    color: #fff
}

.wd_todayMatchWrap .wd_todayMatch .wd_pkList_card .blockShoot .percent i {
    border-right: 1px solid #2d3b46
}

.wd_todayMatchWrap .wd_todayMatch .wd_pkList_card .card p {
    color: hsla(0,0%,100%,.5)
}

.wd_todayMatchWrap .wd_todayMatch .wd_pkList_card .card i.jiao {
    background: url(/images/yuce/wd_icon_flag02.770430bc99724d49b536.png) no-repeat;
    background-size: cover
}

.wd_todayMatchWrap .wd_todayMatch .wd_pkList_card.bdb:before {
    border-bottom-width: 0
}

.wd_todayMatchWrap .wd_todayMatch .wd_scoreTable {
    margin-top: 1px;
    background-color: hsla(0,0%,100%,.1)
}

.wd_todayMatchWrap .wd_todayMatch .wd_scoreTable.bdc_eee:before {
    border-color: hsla(0,0%,100%,.1)
}

.wd_todayMatchWrap .wd_todayMatch .wd_scoreTable ul li {
    color: #fff
}

.wd_todayMatchWrap .wd_todayMatch .wd_scoreTable .bdc_eee:before {
    border-color: hsla(0,0%,100%,.1)
}

.wd_todayMatchWrap .wd_todayMatch .wd_feature_calc_more {
    background-color: hsla(0,0%,100%,.1);
    border-radius: 0 0 2px 2px
}

.wd_todayMatchWrap .wd_todayMatch .wd_index_chatEntry {
    margin-bottom: 22px;
    border-radius: 2px;
    background: #ff8200
}

.wd_todayMatchWrap .wd_todayMatch .wd_matchTitle.detail {
    color: #fff;
    background-image: -webkit-linear-gradient(left,#0f88eb,#188dd5)
}

.wd_todayMatchWrap .wd_todayMatch .wd_matchTitle.detail .wd_liveScore b {
    background: hsla(0,0%,100%,.1)
}

.wd_todayMatchWrap .wd_noData {
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #093059;
    transform: none
}

.wd_todayMatchTitle {
    position: relative;
    z-index: 2;
    height: 50px;
    padding-left: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_todayMatchTitle .wd_switchTab {
    position: absolute;
    top: 10px;
    right: 0
}

.wd_todayMatch {
    position: relative;
    box-shadow: 0 8px 16px rgba(0,0,0,.05);
    background: #fff;
    border-radius: 8px
}

.wd_todayMatch .wrap {
    height: 80px;
    overflow: hidden
}

.wd_todayMatch .match {
    height: 88px;
    font-size: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
}

.wd_todayMatch .match li {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    height: 80px;
    padding: 10px 11px 6px 10px
}

.wd_todayMatch .match li .line {
    height: 17px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_todayMatch .match li .line .logo {
    width: 16px;
    height: 16px
}

.wd_todayMatch .match li .line .logo img {
    height: 100%
}

.wd_todayMatch .match li .line .name {
    -ms-flex: 1;
    flex: 1;
    margin-left: 7px;
    margin-right: 5px;
    font-size: 12px;
    color: #333;
    font-weight: 700
}

.wd_todayMatch .match li .line .score {
    font-size: 14px;
    font-weight: 500
}

.wd_todayMatch .match li .line .empty {
    width: 8px;
    height: 1px;
    background: #ccc
}

.wd_todayMatch .match li .line:nth-child(2) {
    margin-top: 9px
}

.wd_todayMatch .match li .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 14px;
    white-space: nowrap;
    font-size: 10px;
    color: #999;
    margin-top: 7px
}

.wd_todayMatch .match li:last-child.bdr:before {
    border-right-width: 0
}

.wd_todayMatch .match li.active {
    border-bottom: 2px solid #ff8200
}

.wd_todayMatch .match li.active .line .name {
    color: #ff8200
}

.wd_todayMatch .match.two li {
    width: 50%
}

.wd_todayMatch .wd_pkList_cirbar li {
    padding: 9px 0 11px
}

.wd_todayMatch .wd_pkList_cirbar li p {
    color: #999
}

.wd_todayMatch .wd_pkList_cirbar li i.right {
    transform-origin: 0 24px
}

.wd_todayMatch .wd_pkList_cirbar .wd_progressWrap {
    width: 48px;
    height: 48px
}

.wd_todayMatch .wd_pkList_card {
    padding: 12px 15px
}

.wd_todayMatch .wd_pkList_card .card p {
    margin-top: 5px
}

.wd_todayMatch .wd_scoreTable {
    background: -webkit-linear-gradient(left,#000,#000) no-repeat 0 0/100% 30px
}

.wd_todayMatch .wd_scoreTable ul {
    padding: 0
}

.wd_todayMatch .wd_scoreTable ul li {
    height: 34px;
    line-height: 34px;
    color: #333
}

.wd_todayMatch .wd_scoreTable ul li:first-child {
    height: 30px;
    line-height: 30px;
    color: #999
}

.wd_todayMatch .wd_scoreTable .left ul li,.wd_todayMatch .wd_scoreTable .left ul li:first-child {
    padding-left: 15px
}

.wd_todayMatch .wd_scoreTable .right {
    height: 98px;
    overflow: hidden
}

.wd_todayMatch .wd_scoreTable .right ul {
    height: 108px
}

.wd_todayMatch .wd_matchTitle.detail {
    height: 100%;
    padding: 0;
    color: #333;
    border-radius: 4px 4px 0 0
}

.wd_todayMatch .wd_matchTitle.detail .wd_matchTeam span {
    font-size: 12px
}

.wd_todayMatch .wd_matchTitle.detail .wd_matchTeam img {
    width: 24px;
    height: 24px
}

.wd_todayMatch .wd_matchTitle.detail .wd_liveScore span {
    font-size: 18px
}

.wd_todayMatch .wd_matchTitle.detail .wd_liveScore b {
    background: #eee
}

.wd_todayMatch .wd_redPacket_btn {
    top: 44px;
    right: 4px;
    background-size: 32px 32px;
    background-position: 6px 6px;
    margin-right: 0
}

.wd_unBeginWrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 2
}

.wd_unBeginWrap .wd_blurImgWrap .blurImg {
    filter: blur(0)
}

.wd_unBeginWrap .wd_blurImgWrap .blurCover {
    background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,.1),rgba(0,0,0,.7) 60%,rgba(0,0,0,.86))
}

.wd_unBeginWrap .con {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    z-index: 2
}

.wd_unBeginWrap h3 {
    position: relative;
    padding-left: 20px;
    line-height: 25px;
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

.wd_unBeginWrap h3 .wd_icon_quote {
    position: absolute;
    top: -20px;
    left: 10px;
    width: 16px;
    height: 16px;
    background: url(/images/yuce/wd_icon_quote02.e1cb0c6c6c79a7392158.png) no-repeat;
    background-size: cover
}

.wd_unBeginWrap .countdown {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_unBeginWrap .countdown span {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background: url(/images/yuce/wd_countdownBg.8137a1050579344d5739.png) no-repeat;
    background-size: cover
}

.wd_unBeginWrap .countdown em {
    position: relative;
    width: 4px;
    height: 14px;
    margin: 0 9px
}

.wd_unBeginWrap .countdown em:after,.wd_unBeginWrap .countdown em:before {
    content: "";
    position: absolute;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff
}

.wd_unBeginWrap .countdown em:before {
    top: 0
}

.wd_unBeginWrap .countdown em:after {
    bottom: 0
}

.wd_unBeginWrap .live,.wd_unBeginWrap .live p {
    display: -ms-flexbox;
    display: flex
}

.wd_unBeginWrap .live p {
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px;
    font-size: 10px;
    color: hsla(0,0%,100%,.7)
}

.wd_unBeginWrap .live p.last-child {
    margin-right: 0
}

.wd_unBeginWrap .live p i {
    margin-right: 6px
}

.wd_unBeginWrap .info,.wd_unBeginWrap .info li {
    display: -ms-flexbox;
    display: flex
}

.wd_unBeginWrap .info li {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_unBeginWrap .info li i {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url(/images/yuce/wd_unBeginInfo_icon.6be36a5641f059af83b5.png);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: 0 0
}

.wd_unBeginWrap .info li i.hot {
    background-position: 0 0
}

.wd_unBeginWrap .info li i.read {
    background-position: 0 -16px
}

.wd_unBeginWrap .info li i.info {
    background-position: 0 -32px
}

.wd_unBeginWrap .info li .txt {
    text-align: left
}

.wd_unBeginWrap .info li .txt div {
    font-size: 10px;
    color: #fff
}

.wd_unBeginWrap .info li .txt div span {
    margin-right: 3px;
    font-size: 16px;
    font-weight: 500
}

.wd_unBeginWrap .info li .txt p {
    margin-top: 2px;
    font-size: 12px;
    color: hsla(0,0%,100%,.7)
}

.wd_unBeginWrap .info li.border:before {
    height: 160%;
    top: 10%
}

.wd_unBeginWrap .result {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_unBeginWrap .result>div {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    overflow: hidden
}

.wd_unBeginWrap .result .logo {
    display: inline-block;
    width: 40px;
    height: 40px
}

.wd_unBeginWrap .result .logo img {
    height: 100%
}

.wd_unBeginWrap .result .name {
    margin-top: 10px;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

.wd_unBeginWrap .result .countdown {
    -ms-flex-align: start;
    align-items: flex-start
}

.wd_unBeginWrap .result .countdown span {
    width: 46px;
    background: url(/images/yuce/wd_countdownBg02.586abfcec1671ac45b29.png) no-repeat;
    background-size: cover
}

.wd_unBeginWrap .result .countdown em {
    margin-top: 14px
}

.wd_unBeginWrap.stop {
    background: url(/images/yuce/wd_liveBg.fa6f53669894d0c97020.png) no-repeat;
    background-size: cover
}

.wd_index_chatEntry {
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    line-height: 40px;
    background: #000;
    padding-left: 12px
}

.wd_index_chatEntry .left {
    -ms-flex: 1;
    flex: 1
}

.wd_pkRecord {
    padding: 19px 20px 17px
}

.wd_pkRecord .progress {
    display: -ms-flexbox;
    display: flex
}

.wd_pkRecord .progress span {
    position: relative;
    height: 5px
}

.wd_pkRecord .progress span:after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 5px;
    background: #fff;
    height: 9px;
    transform: skewX(-25deg);
    overflow: visible;
    z-index: 1
}

.wd_pkRecord .progress span.red {
    background: #e87777
}

.wd_pkRecord .progress span.green {
    background: #78c09c
}

.wd_pkRecord .progress span.blue {
    background: #8cbee8
}

.wd_pkRecord .progress span:first-child:after {
    height: 0
}

.wd_pkRecord .con {
    margin-top: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: center
}

.wd_pkRecord .con .center {
    -ms-flex: 1;
    flex: 1
}

.wd_pkRecord .con .center .trend {
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_pkRecord .con .center .trend .circle {
    font-size: 0
}

.wd_pkRecord .con .center .trend .circle span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 0 2px
}

.wd_pkRecord .con .center .trend .circle span.red {
    background: #e87777
}

.wd_pkRecord .con .center .trend .circle span.green {
    background: #2db370
}

.wd_pkRecord .con .center .trend .circle span.blue {
    background: #8cbee8
}

.wd_pkRecord .con .center .trend .txt {
    margin: 0 8px;
    font-size: 12px;
    color: #666
}

.wd_pkRecord .con .rank span {
    font-size: 16px;
    font-weight: 500;
    color: #4a4a4a
}

.wd_pkRecord .con .rank p {
    font-size: 12px;
    color: #999
}

.wd_oddsIndex {
    display: -ms-flexbox;
    display: flex
}

.wd_oddsIndex li {
    -ms-flex: 1;
    flex: 1;
    padding: 10px 0 13px 20px
}

.wd_oddsIndex li p {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #4a4a4a
}

.wd_oddsIndex li .line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 17px;
    margin-top: 5px;
    white-space: nowrap
}

.wd_oddsIndex li .line span {
    width: 28%;
    text-align: center;
    font-size: 12px;
    font-weight: 500
}

.wd_oddsIndex li .line span:first-child {
    width: auto;
    font-weight: 400
}

.wd_oddsIndex li.right {
    padding: 10px 10px 13px 15px
}

.wd_oddsIndex li.right .line span {
    width: 30px
}

.wd_oddsIndex li.right .line span:first-child {
    font-weight: 500
}

.wd_oddsIndex li.right .line span:nth-child(2n) {
    -ms-flex: 1;
    flex: 1;
    font-size: 10px;
    color: #999;
    font-weight: 400
}

.wd_noData_live {
    position: relative;
    height: 222px;
    padding-top: 80px;
    margin: -50px -10px 0;
    text-align: center;
    overflow: hidden;
    background-image: -webkit-linear-gradient(top,#09315a,#27567a)
}

.wd_noData_live:before {
    width: 42%;
    padding-top: 42%;
    background: hsla(0,0%,100%,.03);
    left: 50%;
    margin-left: -21%;
    top: 30px
}

.wd_noData_live:after,.wd_noData_live:before {
    position: absolute;
    content: "";
    border-radius: 50%
}

.wd_noData_live:after {
    width: 58%;
    padding-top: 58%;
    background: hsla(0,0%,100%,.05);
    right: -16%;
    top: 50px
}

.wd_noData_live i {
    display: inline-block;
    width: 60px;
    height: 56px;
    background: url(/images/yuce/wd_noData7.c97ca2f322eaa55563b3.png) no-repeat;
    background-size: cover
}

.wd_liveListCardWrap .wd_timeTitle {
    margin-top: 10px
}

.wd_liveListCardWrap .wd_timeTitle:first-child {
    margin-top: 0
}

.wd_liveListCardWrap .liveListCardLi {
    margin-bottom: 5px;
    border-radius: 4px;
    box-shadow: 0 8px 16px rgba(0,0,0,.05)
}

.wd_chartRightTxt {
    width: 150px;
    position: absolute;
    right: 10px;
    top: 15px
}

.wd_chartRightTxt p {
    font-size: 12px;
    color: #999
}

.wd_chartRightTxt ul li {
    float: left;
    width: 50%;
    margin-top: 13px;
    text-align: center
}

.wd_chartRightTxt ul li span {
    display: block;
    line-height: 28px;
    font-size: 20px;
    color: #333
}

.wd_chartRightTxt ul li p {
    font-size: 12px;
    color: #999;
    margin-top: 1px
}

.wd_buySale {
    position: absolute;
    right: 22px;
    top: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_buySale em {
    width: 8px;
    height: 8px;
    background: rgba(0,0,0,.6)
}

.wd_buySale em.gray {
    background: rgba(0,0,0,.1)
}

.actIbtnWrap {
    position: absolute;
    z-index: 99;
    right: 15px;
    bottom: 120px
}

.actIbtnWrap .close {
    position: absolute;
    top: -30px;
    right: -12px;
    width: 40px;
    height: 40px;
    background: url(/images/yuce/closeAct.e11785bb94b11bc0c10b.png) no-repeat;
    background-size: 18px 18px;
    background-position: 50%
}

.actIbtn {
    display: block;
    width: 67px;
    height: 70px
}

.actIbtn img {
    height: 100%
}

.wd_viewExpertTip {
    bottom: 0;
    transition: all 1s ease;
    animation: wd_animate_float 1.3s ease-in-out 2.7s infinite alternate;
    position: absolute;
    left: 50%;
    margin-left: -65px;
    width: 130px;
    height: 32px;
    line-height: 32px;
    border-radius: 8px;
    background: #ff9613;
    text-align: center;
    font-size: 14px;
    color: #fff;
    box-shadow: 0 4px 8px rgba(255,150,19,.3)
}

.wd_viewExpertTip:after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top-color: #ff9613
}

.wd_viewExpertTip.animate {
    bottom: 66px
}

.wd_toDataBtn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 28px;
    width: 80px;
    margin-right: 8px;
    background: #3c68aa;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border-radius: 14px
}

.wd_toDataBtn i {
    width: 12px;
    height: 12px;
    margin-right: 6px;
    background: url(/images/yuce/wd_icon_cup.2658bf2180b24b8d4c04.png) no-repeat;
    background-size: cover
}

.wd_dataEntry {
    padding-top: 10px
}

.wd_dataEntry,.wd_dataEntry a {
    display: -ms-flexbox;
    display: flex
}

.wd_dataEntry a {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 70px;
    padding-right: 5px;
    margin-right: 15px;
    background: #2db370;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(45,179,112,.3)
}

.wd_dataEntry a i {
    width: 29px;
    height: 29px;
    margin-right: 8px;
    background: url(/images/yuce/wd_ballIcon.f594f448bffc0e373664.png) no-repeat 0 0/29px auto
}

.wd_dataEntry a.bkb {
    background: #8b572a;
    box-shadow: 0 4px 8px rgba(139,87,42,.3)
}

.wd_dataEntry a.bkb i {
    background-position: 0 -29px
}

.wd_dataEntry a:last-child {
    margin-right: 0
}

.wd_dataEntry a p {
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

.wd_dataEntry a span {
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.wd_sysEntry {
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50px;
    padding-left: 15px;
    padding-right: 10px
}

.wd_sysEntry,.wd_sysEntry .left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_sysEntry .left i {
    width: 16px;
    height: 20px;
    margin-right: 10px;
    background: url(/images/yuce/wd_icon_sys.1f92af62c381ada70f52.png) no-repeat;
    background-size: cover
}

.wd_updateVersion {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 170px;
    height: 32px;
    line-height: 32px;
    padding-left: 5px;
    margin: 0 auto;
    background: #ae8b4d;
    border-radius: 16px
}

.wd_updateVersion i {
    width: 22px;
    height: 22px;
    background: url(/images/yuce/wd_arrowDownCoffeeCir.c4526a9f76201661df6b.png);
    background-size: cover;
    border-radius: 50%
}

.wd_updateVersion span {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    margin-left: 9px
}

.wd_copyright_jump {
    position: relative;
    top: -8px
}

.wd_copyright_jump a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
    height: 30px;
    padding-left: 7px;
    margin: 0 auto;
    border-radius: 15px;
    background: #0f88eb
}

.wd_copyright_jump a i {
    width: 18px;
    height: 18px;
    background: url(/images/yuce/wd_icon_play.0555f6daf6d4f41b45c0.png) no-repeat;
    background-size: cover
}

.wd_copyright_jump a span {
    margin-left: 6px;
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

.wd_copyright_jump p {
    font-size: 10px;
    color: hsla(0,0%,100%,.3);
    margin-top: 10px;
    text-align: center
}

.wd_drawLottery {
    background: #fff
}

.wd_drawLottery .sale {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px
}

.wd_drawLottery .sale p {
    height: 40px;
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_drawLottery .info {
    display: -ms-flexbox;
    display: flex;
    padding: 14px 0
}

.wd_drawLottery .info li {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.wd_drawLottery .info li span {
    display: block;
    line-height: 17px;
    font-size: 12px;
    color: #999
}

.wd_drawLottery .info li p {
    line-height: 20px;
    margin-top: 3px;
    font-size: 14px;
    color: #ea4747;
    font-weight: 500
}

.wd_drawLottery .info li div {
    line-height: 17px;
    margin-top: 1px;
    font-size: 12px;
    color: #333
}

.wd_drawLottery .period {
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px 10px 9px
}

.wd_drawLottery .period span {
    -ms-flex: 1;
    flex: 1;
    margin: 0 2px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #333;
    text-align: center;
    border-radius: 4px;
    background: #f2f2f2
}

.hitIcon14_first {
    position: absolute;
    top: -20px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    right: 20px;
    padding: 12px 15px 0;
    height: 62px;
    background: url(/images/yuce/wd_yidengjiang.1e52f56ebeb2085e5ae4.png) no-repeat;
    background-size: 100% 100%;
    transform: rotate(0) scale(1)
}

.hitIcon14_first p {
    line-height: 14px
}

@media screen and (min-width:320px) and (max-width:350px) {
    .exConList_li .con .match .left {
        padding-right: 0
    }

    .wd_hitIcon {
        right: 10px
    }
}

.flex,.mealIntro .title,.setMeal_c,.setMeal_t,.setMeal_t>div,.useVou {
    display: -ms-flexbox;
    display: flex
}

.bdx,.flex1 {
    -ms-flex: 1;
    flex: 1;
    width: 1%
}

.justify-between,.setMeal_t,.useVou {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.align-items,.setMeal_t>div,.useVou {
    -ms-flex-align: center;
    align-items: center
}

.icon_taocan {
    background: url(/images/yuce/icon_taocan.e59711a4e566b3e4bf93.png) no-repeat;
    background-size: cover
}

.icon_mianfeiquan {
    background: url(/images/yuce/icon_mianfeiquan.605d9f6603c04d222e57.png) no-repeat;
    background-size: cover
}

.setMeal_t {
    height: 40px;
    font-size: 12px;
    color: #999;
    padding: 0 12px 0 15px
}

.setMealList_li {
    background: #fff;
    margin-bottom: 10px
}

.setMeal_c {
    padding: 15px;
    line-height: 1
}

.setMeal_c p {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px
}

.setMeal_c p.red {
    color: #ea4747
}

.setMeal_c p.gray {
    color: #999
}

.setMeal_c span {
    font-size: 12px;
    color: #999;
    display: block
}

.setMeal_b {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #999;
    padding: 0 15px
}

.mealRule li {
    font-size: 12px;
    color: #333;
    line-height: 18px;
    margin-bottom: 15px;
    text-align: justify
}

.mealRule li:last-child {
    margin-bottom: 0
}

.useVou {
    height: 40px;
    padding: 0 2px 0 10px;
    margin-top: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    color: #333
}

.useVou i {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative
}

.useVou i:after {
    content: "";
    display: none;
    width: 14px;
    height: 8px;
    border-bottom: 2px solid #54ac19;
    border-left: 2px solid #54ac19;
    transform: rotate(-45deg) translateY(-50%);
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -4px
}

.useVou.active {
    color: #54ac19;
    border-color: #54ac19
}

.useVou.active i:after {
    display: block
}

.popupWrap {
    width: 300px;
    background-color: #fff;
    border-radius: 10px
}

.popupWrap.redPacketRule {
    margin-top: -30%
}

.popupWrap.redPacketRule .rule {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: scroll
}

.popupWrap.redPacketRule .close_btn_gray {
    left: auto;
    right: 0
}

.popupWrap.black {
    background-color: #192244
}

.popupCon {
    text-align: center
}

.popupCon .rule {
    text-align: left;
    font-size: 13px;
    color: #333
}

.popupCon .rule li {
    line-height: 24px;
    margin-bottom: 5px
}

.popupCon .rule li.last {
    margin-bottom: 0;
    font-size: 12px;
    color: #999
}

.popupCon p {
    font-size: 16px;
    color: #333;
    line-height: 22px
}

.popupCon p.c666 {
    color: #666
}

.popupCon.black p {
    color: #fff
}

.popupCon i.succ {
    display: inline-block;
    width: 57px;
    height: 57px;
    background: url(/images/yuce/successIcon01.01d04b8f3393b95e8503.png) no-repeat;
    background-size: cover
}

.popupBtn {
    display: -ms-flexbox;
    display: flex
}

.popupBtn a {
    -ms-flex: 1;
    flex: 1;
    width: 1%;
    text-align: center;
    height: 45px;
    line-height: 45px;
    color: #5383ec;
    text-decoration: none;
    font-size: 15px
}

.popupBtn a.yellow {
    color: #ffda44
}

.popupBtn a.orange {
    color: #eb6100
}

.popupBtn a.c999 {
    color: #999
}

.popupBtn a.red {
    color: red
}

.popupBtn a:last-child:before {
    border-right: 0
}

.wd_freeCoupon {
    position: relative;
    height: 120px;
    padding: 13px 15px 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden
}

.wd_freeCoupon h3 {
    font-size: 15px;
    font-weight: 500;
    color: #eb6100
}

.wd_freeCoupon .lifeTime {
    display: inline-block;
    margin-top: 10px;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 10px;
    color: #fff;
    background-color: #999
}

.wd_freeCoupon .right {
    position: absolute;
    top: 0;
    right: 0;
    width: 98px;
    height: 100%;
    padding-top: 30px;
    text-align: center;
    background: url(/images/yuce/wd_combinedShape.cc17aeec2b783946922d.png) no-repeat;
    background-size: cover
}

.wd_freeCoupon .right h3 {
    font-size: 20px;
    color: #fff
}

.wd_freeCoupon .right a {
    display: inline-block;
    width: 68px;
    height: 24px;
    line-height: 24px;
    margin-top: 8px;
    font-size: 12px;
    color: #fff
}

.wd_freeCoupon.invalid>h3 {
    color: #333
}

.wd_freeCoupon.invalid .right {
    background: url(/images/yuce/wd_combinedShape2.8e17881ffd645f83a2c5.png) no-repeat;
    background-size: cover
}

.wd_freeCoupon.invalid .right a {
    background-color: #bbb;
    border-radius: 2px
}

.wd_freeCouponRule {
    padding-bottom: 30px
}

.wd_freeCouponRule li h3 {
    font-size: 18px;
    color: #333;
    padding: 20px 15px 10px
}

.wd_freeCouponRule li>div {
    padding: 18px 15px;
    background-color: #fff
}

.wd_freeCouponRule li>div p {
    line-height: 22px;
    font-size: 15px;
    color: #333
}

.wd_freeCouponRule li .bitmap {
    width: 90%;
    margin: 0 auto
}

.wd_freeCouponRule li .bitmap img {
    width: 100%
}

.hitIcon {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: -18px;
    width: 40px;
    height: 38px
}

.hitIcon01 {
    background: url(/images/yuce/hit01.4c64cb3a025c4c009dbf.png);
    background-size: cover
}

.hitIcon02 {
    background: url(/images/yuce/hit02.9f7a85eaa4e61a850293.png);
    background-size: cover
}

.hitIcon03 {
    background: url(/images/yuce/hit03.f07bf65edbcb204464ea.png);
    background-size: cover
}

.noDate img {
    width: 50px
}

.recommend_tab.exRead {
    position: relative;
    background: #fff;
    height: 45px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1)
}

.recommend_tab.exRead a {
    height: 45px;
    line-height: 45px;
    color: #999;
    font-size: 15px;
    font-weight: 500
}

.recommend_tab.exRead a.active {
    color: #333;
    border-bottom: 0
}

.recommend_tab.exRead a.orange.active {
    color: #ff8200
}

.recommend_tab.exRead a.active:after {
    content: "";
    position: absolute;
    bottom: 7px;
    left: 50%;
    margin-left: -13px;
    width: 26px;
    height: 3px;
    border-radius: 3px;
    background: #fe9600;
    animation: activeScaleX .4s ease both
}

.recommend_tab.exRead a.orange.active:after {
    width: 34px;
    margin-left: -17px
}

.recommend_tab.exRead.h40 {
    height: 40px
}

.recommend_tab.exRead.h40 a {
    height: 40px;
    line-height: 40px
}

.recommend_tab.exRead.h40 a.active:after {
    bottom: 6px;
    height: 2px
}

.recommend_tab .select {
    position: absolute;
    width: 45px;
    height: 45px;
    top: 0;
    right: 0;
    background: url(/images/yuce/select.c01ed4f4e64975350fe9.png);
    background-size: cover
}

.recommend_tab.exRead.bdradius8 {
    border-radius: 8px 8px 0 0;
    overflow: hidden
}

.recommend_tab.exRead.noShadow {
    box-shadow: none;
    -webkit-box-shadow: none
}

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

.twoLevelTab a {
    text-decoration: none;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 80px;
    height: 25px;
    line-height: 25px;
    background: #fff;
    border-radius: 20px;
    margin: 0 10px;
    font-size: 14px;
    color: #333
}

.twoLevelTab a.active {
    color: #ff8200
}

.wd_leagueFenbu li {
    display: -ms-flexbox;
    display: flex;
    line-height: 50px;
    font-size: 15px;
    color: #333
}

.wd_leagueFenbu li div {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.wd_leagueFenbu li div img {
    width: 24px;
    height: 24px;
    margin: 13px 10px 0 0
}

.wd_leagueFenbu li div:nth-child(3) {
    font-weight: 500;
    color: #ea4747
}

.wd_leagueFenbu li:first-child {
    line-height: 40px;
    background-color: #eee;
    font-size: 14px;
    font-weight: 500
}

.wd_leagueFenbu li:first-child div:nth-child(3) {
    color: #333
}

.hitRuleList {
    box-shadow: inset 0 9px 8px -8px rgba(0,0,0,.1);
    color: #333
}

.hitRuleList h2 {
    line-height: 25px;
    font-size: 18px;
    margin: 0;
    padding: 17px 15px 10px
}

.hitRuleList .con {
    background: #fff;
    font-size: 15px;
    padding: 20px 15px 22px
}

.hitRuleList .con p {
    line-height: 15px;
    margin-bottom: 12px
}

.hitRuleList .con p:last-child {
    margin-bottom: 0
}

.exListTip {
    position: absolute;
    z-index: 2;
    top: 99px;
    left: 0;
    font-size: 10px;
    color: #ea4747;
    padding: 0 5px;
    line-height: 16px;
    border-radius: 0 8px 8px 0;
    background-color: #ffd2d2
}

.wd_waterMarkBg {

    background-repeat: repeat;
    background-size: 100%;
    background-color: #fff
}

ion-content.has-refresher.wd_waterMarkBg>.scroll-content {
    background-color: transparent
}

.exConList_li.wd_exReadDet {
    position: relative;
    z-index: 100
}

.exConList_li.wd_exReadDet .topInfo .txt div {
    color: #fff
}

.exConList_li.wd_exReadDet .topInfo .txt p {
    color: hsla(0,0%,100%,.5)
}

.exConList_li.wd_exReadDet .topInfo .right p {
    font-size: 18px;
    font-weight: 500;
    color: #ffda44
}

.exConList_li.wd_exReadDet .topInfo .right span {
    color: hsla(0,0%,100%,.5)
}

.container2 {
    height: 100%;
    width: 100%;
    z-index: 1000;
    bottom: 0;
    position: absolute;
    background-color: rgba(0,0,0,.5)
}

.wrapper2 {
    position: absolute;
    left: 50%;
    top: 30%
}

.content2 {
    position: relative;
    left: -50%;
    top: -50%;
    animation-name: superScaleIn;
    animation-duration: .2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both
}

@keyframes superScaleIn {
    0% {
        transform: scale(1.2);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.wd_diamondCollect {
    padding: 20px 15px;
    margin-top: -15px;
    background: #fff
}

.wd_diamondCollect .con {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    padding: 0 15px;
    border-radius: 6px;
    background: #ea4747
}

.wd_diamondCollect .con i {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: url(/images/yuce/wd_icon_diamond.cfaa9756dde0aeee80c5.png) no-repeat;
    background-size: cover
}

.wd_diamondCollect .con .info {
    -ms-flex: 1;
    flex: 1;
    color: #fff
}

.wd_diamondCollect .con .info h3 {
    font-size: 16px
}

.wd_diamondCollect .con .info p {
    margin-top: 6px;
    font-size: 12px
}

.wd_diamondCollect .con .info p span {
    color: #ffda44
}

.wd_diamondCollect .con a {
    width: 88px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #fff;
    border-radius: 17px;
    font-size: 14px;
    color: #ea4747;
    font-weight: 700
}

@media screen and (min-width:320px) and (max-width:360px) {
    .wd_diamondCollect {
        padding: 20px 10px
    }

    .wd_diamondCollect .con {
        height: 80px;
        padding: 0 10px
    }

    .wd_diamondCollect .con i {
        width: 24px;
        height: 24px;
        margin-right: 5px
    }

    .wd_diamondCollect .con .info h3 {
        font-size: 14px
    }

    .wd_diamondCollect .con a {
        width: 70px;
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        font-size: 12px
    }
}

.wd_indexTop.member {
    background: #302e2c;
    position: relative
}

.wd_indexTop.member .wd_indexNav .tabWrap .tab a.active {
    color: #e3be92
}

.susOpen {
    transition: all .3s ease;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -49px;
    left: 0;
    background: #2f2d2b;
    padding: 0 10px 0 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.susOpen p {
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    color: hsla(0,0%,100%,.5)
}

.susOpen a {
    width: 100px;
    height: 32px;
    background: linear-gradient(134deg,#e3bb8f,#a36c23);
    border-radius: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    font-weight: 600
}

.memberBg {
    background: -webkit-linear-gradient(top,#302e2c 50%,#302e2c 0,#f2f2f2)
}

.memberFocus {
    padding: 10px 10px 20px;
    background: -webkit-linear-gradient(top,#302e2c 195px,#fff 0,#fff)
}

.memberFocus .swiper-pagination-bullet {
    border: none!important;
    width: 16px;
    height: 3px;
    border-radius: 2px;
    background: #d8d8d8;
    opacity: 1;
    transition: all .3s ease
}

.memberFocus .swiper-pagination-bullet-active {
    width: 24px;
    background: #ea4747
}

.memberFocus swiper.s-wrapper>.swiper .swiper-pagination .swiper-pagination-handle {
    margin: 0;
    padding: 0
}

.memberCardWrap .memberCard {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.memberCardWrap.animate {
    transition: all .6s ease
}

.memberCard {
    box-shadow: 0 8px 16px 0 rgba(130,93,43,.2);
    border-radius: 8px;
    position: relative;
    height: 180px;
    background: #ea4747
}

.memberCard.super {
    background: #e9cd9f
}

.memberCard.super .bottom .icon-v-right:after {
    border-color: #8b572a
}

.memberCard.super .bdc_fff_20:before {
    border-color: hsla(28,35%,56%,.3)
}

.memberCard.super .top .btn {
    background: #ea4747;
    color: #fff
}

.memberCard.super .top.align-items {
    -ms-flex-align: center;
    align-items: center
}

.memberCard.super .top .txt {
    color: #8b572a
}

.memberCard.super .top .txt p {
    color: #ea4747
}

.memberCard.super .bottom {
    color: #8b572a
}

.memberCard.super .cardIcon {
    background: url(/images/yuce/vip_badge02.6eb8f3db9a6e596ca1b5.png) no-repeat;
    background-size: cover
}

.memberCard.super .memberTerm {
    color: #8b572a
}

.memberCard.super .memberTerm .termBar {
    background: #dcb28c
}

.memberCard.super .memberTerm .termBar em {
    background: #2db370
}

.memberCard .top {
    position: relative;
    z-index: 2;
    padding: 20px 17px 15px 20px;
    display: -ms-flexbox;
    display: flex
}

.memberCard .top .txt {
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    margin-right: 10px
}

.memberCard .top .txt h3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.memberCard .top .txt p {
    font-size: 14px;
    color: #ffda44
}

.memberCard .top .txt img {
    height: 16px;
    margin-top: 2px
}

.memberCard .top .btn {
    position: absolute;
    top: 80px;
    right: 20px;
    padding: 0 28px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ffda44;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    border-radius: 22px;
    font-size: 16px;
    color: #8b572a;
    font-weight: 700
}

.memberCard .top .btn.short {
    top: 24px;
    right: 15px;
    height: 32px;
    line-height: 32px;
    padding: 0 17px
}

.memberCard .top .comUserImg {
    border-radius: 50%;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.2);
    border: 1px solid #fff
}

.memberCard .cardIcon {
    width: 46px;
    height: 46px;
    background: url(/images/yuce/vip_badge01.774d17d56574cb351988.png);
    background-size: 100% 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.memberCard .bottom {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
    border-radius: 0 0 10px 10px;
    background: rgba(0,0,0,.05);
    font-size: 12px;
    color: #fff
}

.memberCard .bottom.h45 {
    height: 45px;
    background: none
}

.memberCard .bottom p {
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    white-space: nowrap;
    overflow: hidden
}

.memberCard .bottom .proIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/images/yuce/proIcon.28305d21cd02afa66a8e.png);
    background-size: 100% 100%;
    margin-right: 7px
}

.memberCard .bottom .icon-v-right {
    margin-right: 5px
}

.memberCard .bottom .icon-v-right:after {
    border-color: #fff
}

.memberCard .bottom .item-append {
    font-size: 14px;
    color: #fff
}

.memberCard .memberTerm {
    position: relative;
    z-index: 2;
    font-size: 12px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 24px
}

.memberCard .memberTerm .termBar {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    height: 6px;
    background: #c83c3c;
    border-radius: 4px;
    margin: 0 10px
}

.memberCard .memberTerm .termBar em {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 6px;
    background: #ffda44;
    border-radius: 4px
}

@media screen and (max-width:350px) {
    .memberCard .bottom p {
        font-size: 10px
    }
}

.adWrap img {
    border-radius: 80px
}

.equityList .li {
    position: relative
}

.equityList .leftTxt {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #999;
    width: 12px
}

.equityList .arrowR {
    position: absolute;
    width: 16px;
    height: 16px;
    background: red;
    top: 24px;
    right: 5px;
    background: url(/images/yuce/arrowR.22d639b12aed32309e23.png);
    background-size: cover
}

.equityList .eqOptionWrap {
    width: 100%;
    font-size: 0
}

.equityList .eqOptionWrap.scroll {
    position: relative;
    overflow-x: scroll
}

.equityList .eqOptionWrap::-webkit-scrollbar {
    display: none
}

.equityList .eqOption {
    text-align: center;
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding-top: 15px
}

.equityList .eqOption .img {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: -webkit-linear-gradient(top,#e9cba7,#ce9c6e);
    margin-bottom: 5px;
    font-size: 22px;
    color: #fff;
    font-weight: 700
}

.equityList .eqOption .img img {
    width: 24px;
    height: 24px
}

.equityList .eqOption .img em {
    position: absolute;
    z-index: 2;
    top: -5px;
    right: -17px;
    width: 36px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 10px;
    color: #f5c59a;
    background: linear-gradient(127deg,#847b73,#4d453f);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.15);
    border-radius: 10px
}

.equityList .eqOption .img.red {
    background: -webkit-linear-gradient(top,#f9bdbd,#f08888)
}

.equityList .eqOption .img.red .tip {
    background: #da6464
}

.equityList .eqOption .img .tip {
    position: absolute;
    z-index: 2;
    top: -3px;
    right: -11px;
    padding: 0 4px;
    height: 16px;
    line-height: 14px;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    background: #c88647;
    border-radius: 10px;
    border: 1px solid #fff
}

.equityList .eqOption p {
    font-size: 12px;
    color: #000;
    margin-bottom: 2px
}

.equityList .eqOption>span {
    font-size: 10px
}

.equityList .eqOption>span.coffee {
    color: #b78d68
}

.equityList.red .eqOption .img {
    background: -webkit-linear-gradient(top,#f9bdbd,#f08888)
}

.equityList.red .eqOption .img .tip {
    background: #da6464
}

.slideBar {
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    color: #0f88eb;
    font-weight: 600
}

.slideBar.active .cirArrow {
    -webkit-transform: rotate(-90deg)
}

.cirArrow {
    margin: 5px;
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    background: #0f88eb;
    border-radius: 50%;
    -webkit-transform: rotate(90deg);
    transition: all .3s ease
}

.cirArrow:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1px;
    -webkit-transform: translate(-50%,-50%) rotate(45deg)
}

.hisEqual {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px;
    height: 90px;
    background: #b78d68;
    border-radius: 6px
}

.hisEqual .left {
    width: 80px;
    height: 100%;
    margin-right: 15px;
    background: rgba(0,0,0,.05);
    border-radius: 6px
}

.hisEqual .left,.hisEqual .left .icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hisEqual .left .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.1)
}

.hisEqual .left .icon img {
    width: 24px;
    height: 24px
}

.hisEqual .right {
    -ms-flex: 1;
    flex: 1;
    padding-right: 20px
}

.hisEqual .right h3 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 5px
}

.hisEqual .right p {
    font-size: 12px;
    color: hsla(0,0%,100%,.7);
    line-height: 18px
}

.hisEqual .tip {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    background: #ffda44;
    border-radius: 4px;
    color: #8b572a;
    font-size: 12px
}

.exPackage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    position: relative;
    height: 80px;
    background: linear-gradient(135deg,#cd5b5b,#9f2f2f);
    box-shadow: 0 4px 8px 0 rgba(159,47,47,.2);
    border-radius: 4px;
    color: #fff
}

.exPackage:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 74px;
    height: 80px;
    background: url(/images/yuce/exPackageBg.ad11b8db519a350a6339.png);
    background-size: 100% 100%
}

.exPackage h3 {
    font-size: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.exPackage h3 span {
    display: inline-block;
    width: 32px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin-left: 5px;
    background: #fff;
    border-radius: 10px;
    font-size: 10px;
    color: #ea4747
}

.exPackage p {
    font-size: 12px;
    margin-top: 5px
}

.exList.exListMember {
    padding-bottom: 0
}

.exList.exListMember li {
    width: 31.5%;
    margin-left: 2.7%;
    margin-bottom: 10px;
    padding: 13px 0 16px;
    background: #fff9ee;
    border-radius: 4px
}

.exList.exListMember li .perc {
    margin-bottom: 2px
}

.exList.exListMember li:nth-child(3n+1) {
    margin-left: 0
}

.supervipTip {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    margin-top: 5px;
    width: 120px;
    height: 28px;
    background: url(/images/yuce/supervipTip.c1ea83dce8faf5ea802c.png);
    background-size: cover
}

.textSum {
    height: 50px;
    line-height: 50px;
    text-align: center
}

.fullRedu {
    padding: 10px;
    background: #ffda44;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fullRedu .li {
    text-align: center;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
    background: #fff5e4;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.05);
    border-radius: 4px
}

.fullRedu .li:last-child {
    margin-right: 0
}

.fullRedu .li .top {
    padding: 10px 0;
    border-bottom: 1px dashed #ffd1a2
}

.fullRedu .li .top h4 {
    font-size: 14px;
    color: #ae7233
}

.fullRedu .li .top p {
    font-size: 12px;
    color: #ddc1a3;
    margin-top: 5px
}

.fullRedu .li .bottom {
    padding: 10px 0
}

.fullRedu .li .bottom h4 {
    font-size: 16px;
    color: #ea4747
}

.fullRedu .li .bottom p {
    font-size: 12px;
    color: #af7410;
    margin-top: 5px
}

.inteData {
    background: #03562d;
    margin: 0 -10px
}

.wd_blockTitle.white h3 {
    color: #fff
}

.wd_blockTitle.white .wd_checkBtn {
    color: #fff!important;
    background-image: none
}

.wd_blockTitle.white .wd_checkBtn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-left: -2px;
    -webkit-transform: translate(-50%,-50%) rotate(45deg)
}

.inteDataFocus {
    margin-top: 23px
}

.inteDataFocus .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px!important;
    background: #fff;
    opacity: .5
}

.inteDataFocus .swiper-pagination-bullet-active {
    background: #ffda44;
    opacity: 1
}

.inteDataFocus .swiper-container {
    padding-bottom: 50px
}

.inteDataFocus .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 13px
}

.inteDataFocus swiper.s-wrapper>.swiper .swiper-pagination .swiper-pagination-handle {
    margin: 0;
    padding: 0
}

.inteDataFocus .img {
    position: relative
}

.inteDataFocus .img .txt {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center
}

.inteDataFocus .img .txt h3 {
    font-size: 14px;
    color: #fff;
    margin-bottom: 3px
}

.inteDataFocus .img .txt p {
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.inteDataFocus .img img {
    height: 160px
}

.moreEquity {
    background: #725e4c;
    margin: 0 -10px;
    padding-bottom: 40px
}

.equityMore {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 10px 0
}

.equityMore .li {
    width: 50%;
    color: #fff;
    padding: 15px 0 15px 10px
}

.equityMore .li,.equityMore .li .icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.equityMore .li .icon {
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.equityMore .li .icon.red {
    background: #ea4747
}

.equityMore .li .icon.green {
    background: #59bd8b
}

.equityMore .li .icon.yellow {
    background: #f5a623
}

.equityMore .li .icon.blue {
    background: #65a6db
}

.equityMore .li .icon img {
    width: 24px;
    height: 24px
}

.equityMore .li .txt {
    margin-left: 10px
}

.equityMore .li .txt p {
    font-size: 15px;
    font-weight: 600
}

.equityMore .li .txt span {
    display: block;
    font-size: 12px;
    opacity: .5
}

.equityMore .li:nth-last-child(-n+2).bdb:before {
    border-bottom-width: 0
}

.equityMore:after {
    content: ""!important;
    width: 200%;
    height: 1px;
    position: absolute;
    top: 70px;
    left: 0;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: hsla(0,0%,100%,.1);
    z-index: 1
}

.bg_black {
    background: #302e2c!important
}

.memberOdTab {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 10px 0;
    background: #302e2c
}

.memberOdTab .li {
    position: relative;
    height: 60px;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
    font-size: 16px
}

.memberOdTab .li.active {
    font-size: 18px;
    color: #a88458
}

.memberOdTab .li.active a {
    padding: 9px;
    background: #fff;
    color: #a88458
}

.memberOdTab .li.active a em {
    display: block
}

.memberOdTab .li:last-child {
    margin-right: 0
}

.memberOdTab .li a {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 14px;
    border-radius: 8px 8px 0 0;
    background: #76675b;
    color: #fff;
    text-align: center
}

.memberOdTab .li a span {
    display: block;
    font-weight: 700
}

.memberOdTab .li a em {
    display: none
}

.induList {
    padding: 10px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.induList .li {
    position: relative;
    width: 32%;
    padding: 15px 0 10px;
    margin-right: 2%;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    text-align: center;
    margin-top: 10px
}

.induList .li:nth-child(-n+3) {
    margin-top: 0
}

.induList .li:nth-child(3n) {
    margin-right: 0
}

.induList .li p {
    font-size: 15px;
    color: #8b572a;
    font-weight: 700
}

.induList .li h4 {
    font-size: 20px;
    color: #ff8200;
    margin: 10px 0
}

.induList .li>span {
    display: block;
    font-size: 12px;
    color: #999
}

.induList .li.active {
    background: #fff8ed;
    box-shadow: 0 8px 16px 0 hsla(37,68%,73%,.3);
    border: 2px solid #f5a623
}

.induList .li .tip {
    position: absolute;
    top: -8px;
    right: -8px;
    padding: 0 8px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    font-size: 12px;
    color: #f5c59a;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.15);
    border-radius: 10px;
    background: -webkit-linear-gradient(left,#847b73,#4d453f)
}

.superWel {
    box-shadow: 0 8px 16px 0 rgba(84,152,208,.1);
    border-radius: 8px;
    background: #9c734f
}

.superWel.red {
    background: #b72c2c;
    box-shadow: 0 8px 16px 0 rgba(130,93,43,.2)
}

.superWel .li {
    padding: 13px 10px 17px;
    position: relative;
    font-size: 15px;
    color: #fff
}

.superWel .li h4 {
    line-height: 21px;
    font-size: 15px;
    font-weight: 700
}

.superWel .li p {
    line-height: 17px;
    font-size: 12px;
    opacity: .5;
    margin-top: 2px;
    padding-left: 8px
}

.superWel .li .value {
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 12px;
    color: #ffda44
}

.superWel .cardIcon {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background: url(/images/yuce/vip_badge01.774d17d56574cb351988.png);
    background-size: cover
}

.bottomBtn {
    padding: 6px 10px;
    background: #fff;
    box-shadow: 0 -2px 4px 0 rgba(0,0,0,.1)
}

.bottomBtn a {
    display: block;
    border-radius: 10px;
    text-align: center;
    color: #ffdb9a;
    height: 44px;
    line-height: 44px;
    font-weight: 600;
    font-size: 16px
}

.bottomBtn a.black {
    background: -webkit-linear-gradient(left,#7e7066,#3b3530)
}

.bottomBtn a.red {
    background: -webkit-linear-gradient(left,#f5515f,#9f041b)
}

.bottomBtn a.gold {
    background: -webkit-linear-gradient(left,#e3bb8f,#a36c23);
    color: #fff
}

.bottomBtn a.orange {
    background: #ff8200;
    color: #fff
}

.popupPay {
    width: 100%;
    position: absolute;
    z-index: 1000;
    left: 0;
    bottom: 0;
    background: #fff;
    border-radius: 10px 10px 0 0
}

.popupPay .hd {
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    font-weight: 700;
    color: #333;
    text-align: center
}

.popupPay .close {
    position: absolute;
    z-index: 1;
    width: 44px;
    height: 44px;
    left: 0;
    top: 0;
    font-size: 28px;
    color: #bbb;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popupPay .btn,.popupPay .close {
    display: -ms-flexbox;
    display: flex
}

.popupPay .btn a {
    -ms-flex: 1;
    flex: 1;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #333
}

.popupPay .btn a:last-child:after {
    display: none
}

.popupPay .btn a.orange {
    color: #ff8200
}

.popupPay .btn a.blue {
    color: #0f88eb
}

.popupPay .wd_payBar {
    padding-bottom: 0!important;
    box-shadow: none
}

.popupPay .wd_payBar a {
    margin-bottom: 0
}

.popupPay .tipTxt {
    padding: 8px 15px;
    background: #fff9e0;
    border-radius: 4px;
    color: #b78d68;
    font-size: 12px;
    line-height: 17px;
    margin: 10px 20px
}

.payZfb {
    display: block;
    margin: 0 15px;
    background: #00a0e9;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    position: relative
}

.payZfb:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    left: 10px;
    top: 10px;
    background: url(/images/yuce/payZfb.3aef717a546ae95fd572.png);
    background-size: cover
}

.memberTimeBar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 5px;
    height: 35px;
    background: #4b453e;
    border-radius: 18px;
    margin: 0 10px;
    font-size: 12px;
    color: #999
}

.memberIcon {
    display: block;
    width: 24px;
    height: 24px;
    background: url(/images/yuce/memberIcon.e7b2b838dfe732c78bea.png);
    background-size: cover
}

.calcPopup {
    width: 325px;
    height: 480px;
    background: #fff;
    border-radius: 6px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.calcPopup.dataVip {
    height: 360px
}

.calcPopup.dataVip .calcScroll {
    height: 178px
}

.calcPopup .top {
    position: relative;
    padding: 15px 0 10px;
    text-align: center
}

.calcPopup .top h3 {
    font-size: 18px;
    color: #333
}

.calcPopup .top p {
    font-size: 12px;
    color: #999;
    margin-top: 3px
}

.calcPopup .top .close {
    position: absolute;
    width: 45px;
    height: 45px;
    right: 0;
    top: 0;
    font-size: 28px;
    color: #bbb;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.calcPopup .top .txtL {
    position: absolute;
    padding: 18px 16px;
    top: 0;
    left: 0;
    font-size: 12px;
    color: #0f88eb
}

.calcPopup .sumTxt {
    font-size: 12px;
    color: #333;
    padding: 10px 20px 15px;
    line-height: 20px
}

.calcPopup .sumTxt p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.calcPopup .sumTxt1 {
    padding: 10px 10px 15px
}

.calcPopup .sumTxt1 .li {
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: #333
}

.calcPopup .sumTxt1 .li .td {
    line-height: 20px
}

.calcPopup .sumTxt1 .li .td:first-child {
    padding-left: 6px;
    width: 100px
}

.calcPopup .sumTxt1 .li .td:nth-child(2),.calcPopup .sumTxt1 .li .td:nth-child(3) {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.calcScroll {
    margin: 0 10px;
    height: 300px;
    overflow: hidden;
    overflow-y: scroll
}

.calcScroll .li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 20px
}

.calcScroll .li h4 {
    font-size: 14px;
    color: #333
}

.calcScroll .li h4 span {
    margin-left: 5px;
    font-size: 10px;
    color: #f5c59a;
    text-align: center;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 16px;
    background: linear-gradient(127deg,#847b73,#4d453f);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.15);
    border-radius: 10px
}

.calcScroll .li p {
    font-size: 12px;
    color: #999;
    margin-top: 3px
}

.calcScroll .li .money {
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.blackBtn {
    display: block;
    height: 40px;
    line-height: 40px;
    background: #524539;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    color: #fff
}

.equityTh {
    padding: 0 10px;
    display: -ms-flexbox;
    display: flex;
    color: #999;
    font-size: 12px;
    margin-top: 10px;
    line-height: 30px
}

.equityTh .left {
    width: 100px;
    padding-left: 6px
}

.equityTh .td {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.equityTb .tr {
    display: -ms-flexbox;
    display: flex
}

.equityTb .td {
    height: 35px;
    line-height: 35px;
    font-size: 12px
}

.equityTb .td:first-child {
    color: #333;
    width: 100px;
    padding-left: 6px
}

.equityTb .td:nth-child(2),.equityTb .td:nth-child(3) {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.equityTb .icon-cross,.equityTb .icon-right {
    display: inline-block;
    vertical-align: middle
}

.memberCenter {
    padding: 10px 0 0;
    background: -webkit-linear-gradient(top,#302e2c 130px,#fff 0,#fff)
}

.memberCenter .memberCard {
    height: 175px
}

.memberGift {
    display: -ms-flexbox;
    display: flex
}

.memberGift .li {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
    height: 100px;
    padding: 15px 0 0 15px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    border-radius: 8px
}

.memberGift .li h3 {
    font-size: 18px;
    color: #fff
}

.memberGift .li p {
    font-size: 14px;
    color: #fff
}

.memberGift .li p.p1 {
    opacity: .5;
    margin-top: 2px
}

.memberGift .li p.p2 {
    margin-top: 10px
}

.memberGift .li .icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 38px;
    height: 38px
}

.memberGift .li.golden {
    background: linear-gradient(316deg,#e6bb74,#c88540)
}

.memberGift .li.golden .icon {
    background: url(/images/yuce/giftIcon01.2832467c98c8f2548ce1.png);
    background-size: cover
}

.memberGift .li.red {
    background: linear-gradient(315deg,#f1a8a8,#e06f6f)
}

.memberGift .li.red .icon {
    background: url(/images/yuce/giftIcon02.28df53f5473195e35ed1.png);
    background-size: cover
}

.memberGift .li:last-child {
    margin-right: 0
}

.equityMore1 {
    background: #bb3131;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.15);
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.equityMore1 .li {
    width: 50%;
    border-radius: 8px;
    padding: 18px 0 18px 10px
}

.equityMore1 .li,.equityMore1 .li .icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.equityMore1 .li .icon {
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%
}

.equityMore1 .li .icon.golden {
    background: linear-gradient(180deg,#e9cba7,#ce9c6e)
}

.equityMore1 .li .icon.red {
    background: linear-gradient(180deg,#f9bdbd,#f08888)
}

.equityMore1 .li .icon img {
    width: 24px;
    height: 24px
}

.equityMore1 .li:nth-child(2n):before {
    border-right-width: 0
}

.equityMore1 .li .txt {
    margin-left: 8px;
    color: #fff
}

.equityMore1 .li .txt h4 {
    font-size: 16px
}

.equityMore1 .li .txt p {
    font-size: 12px;
    opacity: .5;
    margin-top: 5px
}

.orderReList .li {
    background: #fff;
    border-radius: 6px;
    margin-bottom: 10px
}

.orderReList .li .time {
    height: 40px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px;
    font-size: 12px;
    color: #999
}

.orderReList .li .bd,.orderReList .li .time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.orderReList .li .bd {
    padding: 13px 15px 19px
}

.orderReList .li .bd p {
    -ms-flex: 1;
    flex: 1
}

.orderReList .li .bd .icon-v-right:after {
    border-color: #0f88eb;
    border-width: 1px
}

.setMealList_li {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.05);
    border-radius: 6px
}

.setMeal_b {
    display: -ms-flexbox;
    display: flex
}

.setMeal_b p {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center
}

.wd_ucHeader .wd_ucInforWrap .wd_ucName .check img {
    height: 16px;
    margin-top: 3px
}

.memberEnt {
    padding: 0 10px 0 7px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.05);
    position: relative;
    height: 70px;
    border-radius: 6px;
    background: url(/images/yuce/memberCardBg.56d71f8d27f154e9bc20.png),-webkit-linear-gradient(left,#ed5660,#ca4230);
    background-size: 100% auto
}

.memberEnt.super {
    background-image: -webkit-linear-gradient(left,#dcb283,#a8722b)
}

.memberEnt .icon {
    display: block;
    width: 48px;
    height: 48px;
    margin-top: 5px;
    margin-right: 3px
}

.memberEnt .icon.icon01 {
    background: url(/images/yuce/member_hr.8f0f1853eb275e0ebc01.png);
    background-size: cover
}

.memberEnt .icon.icon02 {
    background: url(/images/yuce/member_vip.94b9ca75502d50d812c5.png);
    background-size: cover
}

.memberEnt .txt {
    -ms-flex: 1;
    flex: 1;
    color: #fff
}

.memberEnt .txt h3 {
    font-size: 18px
}

.memberEnt .txt p {
    font-size: 12px;
    opacity: .7;
    margin-top: 3px
}

.memberEnt .append {
    font-size: 12px;
    color: #fff
}

.memberEnt .icon-v-right {
    margin-right: -5px
}

.memberEnt .icon-v-right:after {
    border-color: #fff
}

.payStyle {
    color: #333;
    margin: 20px 0;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.05);
    border-radius: 8px;
    border: 1px solid #eee
}

.payStyle .li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 15px;
    height: 64px
}

.payStyle .li .txt {
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px
}

.payStyle .li .txt h4 {
    font-size: 16px
}

.payStyle .li .txt p {
    font-size: 12px;
    margin-top: 2px
}

.payStyle .li .append {
    font-size: 14px;
    color: #ff8200
}

.selectIcon {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    background: #eee;
    border-radius: 50%
}

.selectIcon:before {
    display: none;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 4px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    margin-top: -1px
}

.payStyle .li.active {
    color: #ff8200
}

.payStyle .li.active .selectIcon {
    background: #14a240
}

.payStyle .li.active .selectIcon:before {
    display: block
}

.wd_member_mask {
    text-align: center;
    background: url(/images/yuce/lock_bg.1752546eca533ba7c19c.png) no-repeat top/96% auto
}

.wd_member_mask .con {
    position: relative;
    z-index: 2
}

.wd_member_mask .con .lock {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(/images/yuce/lock.7148599ea98cea9de186.png) no-repeat 50%/cover
}

.wd_member_mask .con h3 {
    line-height: 21px;
    margin-top: 10px;
    font-size: 15px;
    color: #b78d68
}

.wd_member_mask .con h4 {
    line-height: 17px;
    margin-top: 8px;
    font-size: 12px;
    color: #b78d68;
    font-weight: 400
}

.wd_member_mask .con p {
    line-height: 17px;
    margin-top: 4px;
    font-size: 12px;
    color: #999
}

.wd_member_mask .con a {
    display: inline-block;
    width: 120px;
    line-height: 40px;
    margin-top: 15px;
    text-align: center;
    background: -webkit-linear-gradient(left,#e3bb8f,#a36c23);
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.wd_fxb_wrap {
    height: 156px
}

.wd_fxb_wrap .wd_fxb_circBar {
    height: 94px
}

.wd_fxb_card_t {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 15px 10px
}

.wd_fxb_card_t i {
    width: 44px;
    height: 44px;
    margin-right: 10px;
    background: #0f88eb url(/images/yuce/wd_featureIcon_fxb.1358064f71af10e6cd3b.png) no-repeat 50%/32px 32px;
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(15,136,235,.2)
}

.wd_fxb_card_t>div {
    overflow: hidden;
    -ms-flex: 1;
    flex: 1
}

.wd_fxb_card_t p {
    line-height: 20px;
    font-size: 12px;
    color: #999
}

.wd_fxb_circBar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 35px
}

.wd_fxb_circBar .center {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.wd_fxb_result1 {
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    color: #999;
    margin: 7px 35px 0
}

.wd_fxb_result1 span {
    width: 60px;
    text-align: center
}

.wd_fxb_result1 span:nth-child(2) {
    -ms-flex: 1;
    flex: 1
}

.wd_fxb_result2 {
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #f9f9f9;
    border-radius: 6px
}

.wd_fxb_result2 li {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 12px;
    height: 50px;
    padding: 7px 0
}

.wd_fxb_result2 li span {
    display: inline-block;
    line-height: 17px;
    font-weight: 500;
    color: #333
}

.wd_fxb_result2 li p {
    margin-top: 2px
}

.wd_openMember_btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 5px;
    margin: 6px 10px 10px;
    background: #fff7f0;
    border-radius: 6px
}

.wd_openMember_btn.mt10 {
    margin-top: 10px
}

.wd_openMember_btn i {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background: #fff url(/images/yuce/lock.7148599ea98cea9de186.png) no-repeat 50%/16px 16px
}

.wd_openMember_btn span {
    margin-left: 10px;
    font-size: 14px;
    color: #b78d68
}

.wd_openMember_btn span.c333 {
    color: #333
}

.wd_openMember_card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;
    padding: 0 10px;
    background-color: #ffdda4;
    border-radius: 8px;
    border: 1px solid #f7d08d;
    box-shadow: 0 4px 16px 0 rgba(130,93,43,.1)
}

.wd_openMember_card .vip {
    width: 46px;
    height: 46px;
    background: url(/images/yuce/vip_badge02.6eb8f3db9a6e596ca1b5.png) no-repeat 50%/cover
}

.wd_openMember_card .txt {
    -ms-flex: 1;
    flex: 1;
    padding: 8px 10px 13px 7px
}

.wd_openMember_card .txt h3 {
    font-size: 16px;
    color: #8b572a;
    font-weight: 700
}

.wd_openMember_card .txt p {
    margin-top: 3px;
    font-size: 12px;
    color: #8b572a;
    opacity: .6
}

.wd_openMember_card .open {
    text-align: center;
    padding: 0 10px
}

.wd_openMember_card .open .btn {
    display: inline-block;
    width: 80px;
    line-height: 32px;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    background-color: #ea4747;
    border-radius: 16px
}

.wd_openMember_card .open .price {
    margin-top: 5px;
    font-size: 12px;
    color: #8b572a
}

.wd_fxb_expert {
    background-color: #fff
}

.wd_fxb_expert:before {
    content: "";
    display: table;
    clear: both
}

.eqExpla {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%
}

.eqExpla .close {
    position: absolute;
    bottom: 12%;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    line-height: 90px;
    font-size: 50px;
    color: #fff;
    text-align: center
}

.eqExpla .swiper-slide {
    width: 80%!important;
    transform-style: preserve-3d
}

.eqExpla .swiper-slide .eqExpla_li {
    width: 100%;
    min-height: 380px;
    margin: 0 auto;
    display: block
}

.eqExplaScroll {
    position: absolute;
    width: 100%;
    height: 380px;
    bottom: 25%;
    left: 0
}

.eqExpla_li {
    background: #fff;
    border-radius: 12px;
    overflow: hidden
}

.eqExpla_li .top {
    height: 180px;
    background: linear-gradient(134deg,#e3bb8f,#a36c23)
}

.eqExpla_li .top img {
    height: 100%
}

.eqExpla_li .txt {
    padding: 26px 11px 20px 20px;
    height: 200px
}

.eqExpla_li .txt h4 {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px
}

.eqExpla_li .txt p {
    position: relative;
    text-align: left;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    line-height: 20px
}

.eqExpla_li .txt p:after {
    content: "";
    position: absolute;
    left: -12px;
    top: 7px;
    width: 5px;
    height: 5px;
    background: #333;
    border-radius: 50%
}

.memberFocus .swiper-container {
    padding-bottom: 20px
}

.memberFocus .swiper-slide {
    width: 80%!important;
    transform-style: preserve-3d
}

.memberFocus .swiper-slide .memberCard {
    width: 100%;
    margin: 0 auto;
    display: block
}

.memberFocus .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: -7px
}

.inteDataFocus .swiper-slide {
    width: 60%!important;
    transform-style: preserve-3d
}

.inteDataFocus .swiper-slide .img {
    width: 100%;
    margin: 0 auto;
    display: block
}

.giftPopup {
    text-align: center;
    position: relative;
    width: 305px;
    border-radius: 8px;
    padding: 115px 0 20px;
    background: linear-gradient(180deg,#da4141,#da4141 60px,#c43333 0,#c43333 70px,#c33 0,#c33)
}

.giftPopup .btn a {
    display: block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid hsla(0,0%,100%,.2);
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
    border-radius: 6px
}

.giftPopup .btn a:last-child {
    margin-bottom: 0
}

.giftPopup .btn a.active {
    color: #8b572a;
    background: #ffda44;
    border: 0
}

.giftPopup:after {
    content: "";
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -125px;
    width: 250px;
    height: 150px;
    background: url(/images/yuce/giftIcon.140534c77aa6e6c46131.png);
    background-size: cover
}

.titleRtxt {
    position: absolute;
    font-size: 15px;
    color: #fff;
    top: 0;
    right: 0;
    padding-right: 15px
}

.mamberTab {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

.mamberTab a {
    display: block;
    margin-right: 6px;
    -ms-flex: 1;
    flex: 1;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    color: hsla(0,0%,100%,.6);
    font-weight: 600;
    background: rgba(118,103,91,.5);
    border-radius: 8px
}

.mamberTab a.red {
    background: #ea4747;
    color: #fff
}

.mamberTab a.golden {
    background: #b78d68;
    color: #fff
}

.mamberTab a:last-child {
    margin-right: 0
}

.mbTitle {
    display: -ms-flexbox;
    display: flex
}

.mbTitle .txt {
    -ms-flex: 1;
    flex: 1
}

.mbTitle .txt.home {
    margin-bottom: 22px
}

.mbTitle h3 {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    line-height: 28px
}

.mbTitle p {
    font-size: 12px;
    color: #b78d68;
    margin-top: 3px;
    padding-left: 2px
}

.mbTitle .wd_checkBtn {
    margin-right: -5px;
    height: 24px;
    line-height: 24px
}

.wd_latestRight {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    background-color: #b78d68;
    border-radius: 6px
}

.wd_latestRight i {
    position: relative;
    width: 48px;
    height: 48px;
    margin-right: 15px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 50%
}

.wd_latestRight i:after {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    top: 8px;
    left: 8px;
    background: url(/images/yuce/wd_featureIcon_m.4fb22568184037e4cbc4.png) no-repeat 0 100%/32px auto
}

.wd_latestRight .txt {
    -ms-flex: 1;
    flex: 1;
    padding-right: 10px;
    color: #fff
}

.wd_latestRight .txt h3 {
    line-height: 25px;
    font-size: 18px;
    font-weight: 700
}

.wd_latestRight .txt p {
    margin-top: 2px;
    font-size: 12px;
    opacity: .7
}

.wd_latestRight .wd_feature_date_tip {
    position: absolute;
    top: 11px;
    right: 11px;
    margin: 0
}

.listImg {
    position: relative;
    background-color: #f4e2cc;
    border-radius: 10px
}

.listImg img {
    display: block;
    width: 100%
}

.listImg .con {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 6% 0 8%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.listImg .con .txt h3 {
    line-height: 28px;
    font-size: 20px;
    color: #edc4a1;
    font-weight: 700
}

.listImg .con .txt p {
    line-height: 17px;
    margin-top: 2px;
    font-size: 12px;
    color: #ac9b7d
}

.listImg .con .disc {
    width: 22%;
    text-align: center;
    margin-top: -4px
}

.listImg .con .disc div {
    height: 34px;
    line-height: 34px;
    font-weight: 700;
    color: #ea4747
}

.listImg .con .disc p {
    line-height: 20px;
    font-size: 14px;
    color: #ac9b7d
}

.listImg .con .buy {
    width: 21%;
    height: 60px;
    text-align: center;
    font-size: 14px;
    color: #8b572a;
    font-weight: 700;
    padding-top: 14px;
    line-height: 16px
}

.taocanTip {
    margin: 12px 38px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.15);
    border-radius: 8px;
    background: #ea4747
}

.taocanTip .left {
    border-right: 1px dashed hsla(0,0%,100%,.6);
    -ms-flex: 1;
    flex: 1;
    padding: 13px 0 13px 15px;
    text-align: left;
    font-size: 12px;
    color: #fff;
    line-height: 18px
}

.taocanTip .right {
    width: 120px;
    text-align: center
}

.taocanTip .right p {
    font-size: 14px;
    color: #ffda44;
    font-weight: 600
}

.taocanTip .right s {
    font-size: 12px;
    color: #fff;
    margin-top: 10px
}

.openMb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    background: #ffdda4;
    box-shadow: 0 4px 16px 0 rgba(130,93,43,.1);
    border-radius: 8px;
    border: 1px solid #f7d08d
}

.openMb .cardIcon01 {
    display: block;
    width: 37px;
    height: 37px;
    margin-right: 10px;
    background: url(/images/yuce/vip_badge01.774d17d56574cb351988.png);
    background-size: cover
}

.openMb .txt {
    -ms-flex: 1;
    flex: 1
}

.openMb .txt h4 {
    line-height: 21px;
    font-size: 15px;
    color: #8b572a;
    font-weight: 700
}

.openMb .txt p {
    line-height: 17px;
    margin-top: 1px;
    font-size: 12px;
    color: rgba(139,87,42,.7)
}

.openMb .append {
    font-size: 14px;
    color: #8b572a
}

.openMb .icon-v-right:after {
    width: 8px;
    height: 8px;
    border-top: 1px solid #8b572a;
    border-right: 1px solid #8b572a
}

.giftPack {
    padding: 15px 15px 20px
}

.giftPack .li {
    margin-bottom: 10px
}

.giftPack .li:last-child {
    margin-bottom: 0
}

.giftPack .li .botTxt {
    text-align: center;
    padding: 24px 0 15px;
    margin-top: -10px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.05);
    border-radius: 6px;
    border: 1px solid #eee
}

.giftPack .packCard {
    position: relative;
    font-size: 12px;
    color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.1);
    border-radius: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.giftPack .packCard.red {
    background: #f06e6e
}

.giftPack .packCard.orange {
    background: #ff8200
}

.giftPack .packCard.gray {
    background: #999
}

.giftPack .packCard .txt {
    -ms-flex: 1;
    flex: 1;
    padding: 10px 15px 15px;
    border-right: 1px dashed hsla(0,0%,100%,.4)
}

.giftPack .packCard .txt h4 {
    font-size: 16px
}

.giftPack .packCard .txt span {
    display: block;
    opacity: .5;
    margin-top: 7px
}

.giftPack .packCard .append {
    padding: 0 10px 0 20px;
    text-align: center
}

.giftPack .packCard .append h4 {
    font-size: 24px;
    font-weight: 700
}

.giftPack .packCard .icon-v-right {
    margin-right: 10px
}

.giftPack .packCard .icon-v-right:after {
    border-color: #fff
}

.cenTile {
    padding: 20px 0 15px;
    text-align: center
}

.cenTile h3 {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
    font-size: 20px;
    color: #b78d68;
    position: relative
}

.cenTile h3:after,.cenTile h3:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    background: #b78d68;
    top: 50%;
    opacity: .2
}

.cenTile h3:before {
    right: 100%;
    margin-right: 5px
}

.cenTile h3:after {
    left: 100%;
    margin-left: 5px
}

.cenTile p {
    font-size: 12px;
    color: #b78d68;
    margin-top: 5px
}

.wd_autoScrollBg {
    background: -webkit-linear-gradient(top,#01001d,#0d4a7a),-webkit-linear-gradient(top,#0d4a7a 50%,#fff 0,#fff);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 0,50%
}

.wd_autoScrollBg .scroll-content {
    border-radius: 10px 10px 0 0;
    background-color: transparent!important;
    -webkit-clip-path: inset(0 0 0 0 round 10px 10px 0 0)
}

.wd_autoScrollBg.bg_f2 {
    background: -webkit-linear-gradient(top,#01001d,#0d4a7a),-webkit-linear-gradient(top,#0d4a7a 50%,#f2f2f2 0,#f2f2f2);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 0,50%
}

.wd_autoScrollBg.noradius .scroll-content {
    border-radius: 0;
    -webkit-clip-path: none
}

.wd_autoScrollBg.expert {
    background: -webkit-linear-gradient(top,#01001d,#0d4a7a),-webkit-linear-gradient(top,#0d4a7a 50%,#f2f2f2 0,#f2f2f2);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 0,50%
}

.wd_autoScrollBg.guanzhu {
    background: -webkit-linear-gradient(top,#093059 50%,#f2f2f2 0,#f2f2f2);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.wd_autoScrollBg.guanzhu .scroll-content {
    border-radius: 8px 8px 0 0;
    -webkit-clip-path: inset(0 0 0 0 round 8px 8px 0 0)
}

.wd_autoScrollBg.bg54 {
    background-size: 100% 54px,cover
}

.wd_autoScrollBg.bg144 {
    background-size: 100% 144px,cover
}

.wd_autoScrollBg.bg180 {
    background-size: 100% 180px,cover
}

.wd_autoScrollBg.bg360 {
    background-size: 100% 360px,cover
}

.wd_autoScroll {
    min-height: 100%;
    background-color: #fff;
    border-radius: 10px 10px 0 0
}

.wd_autoScroll.noradius {
    border-radius: 0
}

.wd_autoScroll.bg_f2 {
    background-color: #f2f2f2
}

.wd_bbsTop_title {
    position: relative;
    height: 46px;
    padding-bottom: 2px;
    padding-left: 20px;
    padding-right: 14px;
    -ms-flex-align: center
}

.wd_bbsTop_title,.wd_bbsTop_title .icon {
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.wd_bbsTop_title .icon {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.wd_bbsTop_title .icon a {
    font-size: 0;
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%
}

.wd_bbsTop_title .icon a.mes {
    position: relative;
    background: url(/images/yuce/wd_icon_envelope.41256fbbb3ec62969701.png) no-repeat;
    background-size: 16px auto;
    background-position: 50%;
    background-color: #0f88eb
}

.wd_bbsTop_title .icon a.mes .dot {
    position: absolute;
    top: 2px;
    right: 0;
    width: 6px;
    height: 6px;
    background: #ea4747;
    border-radius: 50%
}

.wd_bbsTop_title .icon a.mine {
    position: relative;
    margin-left: 17px;
    border: 1px solid #fff;
    box-sizing: content-box
}

.wd_bbsTop_title .icon a.mine img {
    border-radius: 50%
}

.wd_userInfo_s {
    margin-left: 52px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_userInfo_s .photo {
    position: relative;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 7px;
    border: 1px solid #fff
}

.wd_userInfo_s .photo img {
    border-radius: 50%
}

.wd_userInfo_s .photo .exIcon {
    width: 10px;
    height: 10px
}

.wd_userInfo_s .photo .exIcon.hren {
    background-position: 0 -10px
}

.wd_userInfo_s .photo .exIcon.syan {
    background-position: 0 -20px
}

.wd_userInfo_s .name {
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.wd_hotTopic {
    height: 80px;
    padding-left: 20px;
    padding-bottom: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_hotTopic .photo {
    width: 44px;
    height: 44px;
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 10px
}

.wd_hotTopic .photo img {
    height: 100%
}

.wd_hotTopic .txt {
    -ms-flex: 1;
    flex: 1;
    padding-right: 5px;
    overflow: hidden
}

.wd_hotTopic .txt p {
    height: 17px;
    line-height: 17px;
    font-size: 12px
}

.wd_hotTopic .txt h3 {
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

.wd_hotTopic_wrap {
    height: 70px;
    overflow: hidden
}

.wd_hotTopic_scroll {
    height: 77px;
    font-size: 0;
    padding-left: 20px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
}

.wd_hotTopic_scroll .wd_hotTopic {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 73%;
    height: 70px;
    padding-left: 0;
    padding-bottom: 10px
}

.wd_hotTopic_scroll .wd_hotTopic p {
    height: 14px;
    line-height: 14px;
    font-size: 10px
}

.wd_hotTopic_scroll .wd_hotTopic h3 {
    height: 20px;
    line-height: 20px;
    font-size: 14px
}

.wd_bbsTab {
    padding: 0 10px;
    background: #fff;
    border-radius: 10px 10px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_bbsTab .tab {
    font-size: 0;
    -ms-flex: 1;
    flex: 1
}

.wd_bbsTab .tab a {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    font-size: 16px;
    color: #999;
    font-weight: 700
}

.wd_bbsTab .tab a.active {
    position: relative;
    line-height: 46px;
    font-size: 20px;
    color: #333
}

.wd_bbsTab .tab a.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 3px;
    border-radius: 2px;
    background: #ff8200;
    animation: activeScaleX .4s ease both;
    -webkit-animation: activeScaleX .4s ease both
}

.wd_bbsTab .tab.mes {
    display: -ms-flexbox;
    display: flex
}

.wd_bbsTab .tab.mes a {
    height: 44px;
    line-height: 44px;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.wd_bbsTab .tab.mes span {
    position: relative;
    display: inline-block
}

.wd_bbsTab .tab.mes span em {
    position: absolute;
    top: 11px;
    left: 100%;
    margin-left: 1px;
    height: 14px;
    line-height: 14px;
    padding: 0 5px;
    font-size: 10px;
    color: #fff;
    font-weight: 400;
    background: #ea4747;
    border-radius: 9px
}

.wd_bbsTab.fixed {
    position: -webkit-sticky;
    position: sticky;
    z-index: 100;
    top: 0
}

.wd_bbs_filter {
    position: relative
}

.wd_bbs_filter .selBtn {
    display: block;
    width: 105px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    background: #eee;
    border-radius: 6px
}

.wd_bbs_filter .selBtn .arrow-down {
    right: 14px;
    border-top-color: #333
}

.wd_bbs_mesTab {
    background: #f2f2f2;
    display: -ms-flexbox;
    display: flex
}

.wd_bbs_mesTab a {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 9px 0
}

.wd_bbs_mesTab a span {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    font-size: 14px;
    color: #999
}

.wd_bbs_mesTab a.active span {
    color: #333;
    font-weight: 700;
    background: #fff;
    border-radius: 17px
}

.wd_bbs_announce {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 0 10px;
    background: #f5f9ff
}

.wd_bbs_announce span {
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    margin-right: 11px;
    font-size: 10px;
    color: #fff;
    background: #e58b8b;
    border-radius: 4px
}

.wd_bbs_announce span.blue {
    background: #5498d0
}

.wd_bbs_announce p {
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.wd_postCard {
    position: relative;
    padding: 10px 0 5px 0;
    display: -ms-flexbox;
    display: flex
}

.wd_postCard.detail {
    padding: 16px 0 12px 0
}

.wd_postCard.detail .post_main {
    padding-left: 20px;
    padding-right: 20px
}

.wd_postCard.detail .post_main .title {
    font-size: 17px;
    line-height: 26px;
    margin-top: 10px
}

.wd_postCard.detail .post_main .text {
    font-size: 16px;
    line-height: 24px
}

.wd_postCard.detail .wd_essenceTip {
    margin-top: 24px
}

.wd_postCard .post_left {
    position: absolute;
    top: 10px;
    left: 0;
    font-size: 0;
    width: 62px;
    padding-left: 2px;
    text-align: center
}

.wd_postCard .post_left .head {
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0 auto
}

.wd_postCard .post_left .head img {
    border-radius: 50%
}

.wd_postCard .post_left .rank {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 6px;
    margin-top: 9px;
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    background: -webkit-linear-gradient(left,#f67d7d,#ea4747);
    border-radius: 8px
}

.wd_postCard .post_left .rank.stick {
    background: -webkit-linear-gradient(left,#e3bb8f,#a36c23)
}

.wd_postCard .post_main {
    padding-left: 62px;
    padding-right: 15px;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.wd_postCard .post_main .topOper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_postCard .post_main .topOper .head {
    position: relative;
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.wd_postCard .post_main .topOper .head img {
    border-radius: 50%
}

.wd_postCard .post_main .topOper .info {
    -ms-flex: 1;
    flex: 1
}

.wd_postCard .post_main .topOper .info .name {
    display: inline-block;
    position: relative;
    line-height: 21px;
    font-size: 15px;
    font-weight: 700;
    color: #537997
}

.wd_postCard .post_main .topOper .info .name .own {
    position: absolute;
    top: 3px;
    right: -39px;
    width: 32px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    font-weight: 400;
    background: #f28a8a;
    border-radius: 10px
}

.wd_postCard .post_main .topOper .info .time {
    line-height: 14px;
    margin-top: 2px;
    font-size: 10px;
    color: #999
}

.wd_postCard .post_main .topOper .moreOper {
    width: 22px;
    height: 22px;
    background: url(/images/yuce/wd_icon_dot.b87604b5a36f5a428ef5.png) no-repeat;
    background-size: cover
}

.wd_postCard .post_main .topOper .apply {
    width: 64px;
    height: 30px;
    line-height: 30px;
    margin-top: -4px;
    text-align: center;
    font-size: 14px;
    color: #0f88eb;
    font-weight: 700;
    background: #e0f1ff;
    border-radius: 6px
}

.wd_postCard .post_main .topOper .folBtn {
    margin-right: 0
}

.wd_postCard .post_main .title {
    line-height: 22px;
    margin-top: 6px;
    margin-bottom: 7px;
    font-size: 15px;
    color: #333;
    font-weight: 700
}

.wd_postCard .post_main .text {
    line-height: 20px;
    margin-top: 5px;
    font-size: 14px;
    color: #333;
    display: -webkit-box;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.wd_postCard .post_main .text.full {
    display: block;
    -webkit-line-clamp: inherit
}

.wd_postCard .post_main .text.twoline {
    -webkit-line-clamp: 2
}

.wd_postCard .post_main .text div {
    display: inline-block
}

.wd_postCard .post_main .images {
    margin-top: 10px;
    padding-right: 9px;
    display: -ms-flexbox;
    display: flex
}

.wd_postCard .post_main .images li {
    width: 22%;
    margin-right: 3%;
    border-radius: 4px;
    overflow: hidden
}

.wd_postCard .post_main .fullText {
    display: inline-block;
    margin-top: 10px;
    float: none;
    position: relative;
    z-index: 1;
    font-weight: 700;
    line-height: 20px;
    font-size: 14px;
    color: #0f88eb;
    padding-right: 18px;
    background-size: 18px 18px
}

.wd_postCard .post_main .bottomOper {
    margin-top: 4px;
    margin-right: -15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.wd_postCard .post_main .bottomOper.mt-5 {
    margin-top: -5px
}

.wd_postCard .post_main .bottomOper.mt-10 {
    margin-top: -10px
}

.wd_postCard .post_main .bottomOper .time {
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    color: #999
}

.wd_postCard .post_main .bottomOper .oper {
    font-size: 0
}

.wd_postCard .post_main .bottomOper .cmt {
    width: 66px;
    height: 32px;
    margin-left: 4px;
    font-size: 12px;
    color: #999;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_postCard .post_main .bottomOper .cmt span {
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap
}

.wd_postCard .post_main .bottomOper .cmt .wd_icon_cmt,.wd_postCard .post_main .bottomOper .cmt .wd_icon_like {
    margin-right: 5px
}

.wd_postCard .post_main .bottomOper .cmt.active {
    color: #ea4747
}

.wd_postCard .post_main .bottomOper .cmt.active .wd_icon_like {
    background-position: 0 -22px
}

.wd_postCard .checkImg {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px;
    font-size: 14px;
    color: #0f88eb
}

.wd_postCard .checkImg i {
    width: 14px;
    height: 14px;
    background: url(/images/yuce/wd_icon_noImg.d71b807a64cd5a85e865.png) no-repeat;
    background-size: cover;
    margin-left: 5px
}

.wd_postCard .post_main .text * {
    display: inline
}

.wd_myReply {
    position: relative;
    margin-top: 10px;
    margin-bottom: 5px
}

.wd_myReply .photo {
    position: absolute;
    top: 0;
    left: -60px;
    width: 60px;
    text-align: center
}

.wd_myReply .photo .head {
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0 auto
}

.wd_myReply .photo .head img {
    border-radius: 50%
}

.wd_myReply .con {
    padding: 10px;
    border-radius: 4px;
    background-color: #e0f1ff
}

.wd_myReply .con h3 {
    line-height: 20px;
    font-size: 14px;
    color: #0f88eb;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wd_myReply .con h3 span {
    font-size: 12px;
    color: #999;
    font-weight: 400
}

.wd_myReply .con p {
    font-size: 14px;
    color: #0f88eb;
    line-height: 20px;
    margin-top: 5px
}

.wd_icon_topic {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/images/yuce/wd_icon_topic.6be7dfca7dd8c631dd70.png) no-repeat;
    background-size: cover
}

.wd_icon_cmt,.wd_icon_like,.wd_icon_moreOper,.wd_icon_share2 {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(/images/yuce/wd_cmt_icon.83a827d6b7bdd21270c2.png);
    background-repeat: no-repeat;
    background-size: 22px auto
}

.wd_icon_cmt {
    background-position: 0 -88px
}

.wd_icon_share2 {
    background-position: 0 -110px
}

.wd_icon_moreOper {
    background-position: 0 -132px
}

.wd_icon_like {
    background-position: 0 -44px
}

.wd_icon_like.active {
    background-position: 0 -22px
}

.wd_one_img_wrap img {
    display: block;
    max-width: 100%
}

.wd_essenceTip {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    line-height: 36px;
    padding-left: 5px;
    margin: 10px 0;
    font-size: 12px;
    color: #c99b70;
    background: #fcf6ea;
    border-radius: 4px
}

.wd_essenceTip i {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    margin-top: 4px;
    background: url(/images/yuce/wd_icon_essence.c61a81ef16ff5bcb8ff0.png) no-repeat;
    background-size: cover
}

.wd_essenceTip span {
    margin-right: 10px;
    font-size: 13px;
    color: #c99b70;
    font-weight: 700
}

.wd_shortRecoCard {
    position: relative;
    padding: 8px 0 2px;
    margin-top: 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.05)
}

.wd_shortRecoCard.mt0 {
    margin-top: 0
}

.wd_shortRecoCard:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    border-radius: 16px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    transform: scale(.5);
    transform-origin: 0 0
}

.wd_shortRecoCard i {
    position: absolute;
    z-index: 2;
    top: 0;
    left: -2px;
    width: 45px;
    height: 24px;
    background: url(/images/yuce/wd_tip_reco.dca3be17ad3e5fe2fe06.png) no-repeat;
    background-size: cover
}

.wd_shortRecoCard .info {
    height: 14px;
    line-height: 14px;
    padding-left: 55px;
    padding-right: 10px;
    font-size: 10px;
    color: #999;
    display: -ms-flexbox;
    display: flex
}

.wd_shortRecoCard .info .left {
    -ms-flex: 1;
    flex: 1
}

.wd_shortRecoCard .wd_matchTitle {
    padding: 13px 10px;
    background: none
}

.wd_shortRecoCard .wd_matchTitle .score .wd_liveScore span {
    font-size: 15px;
    margin-right: 14px
}

.wd_shortRecoCard .wd_matchTitle .score .wd_liveScore span.right {
    margin-right: 0;
    margin-left: 14px
}

.wd_shortRecoCard .wd_matchTitle .score .wd_liveScore b {
    background: #e5e5e5
}

.wd_shortRecoCard .wd_matchTitle .wd_matchTeam img {
    width: 20px;
    height: 20px
}

.wd_shortRecoCard .wd_matchTitle .wd_matchTeam span {
    margin-left: 10px
}

.wd_shortRecoCard .wd_matchTitle .wd_matchTeam.right span {
    margin-left: 0;
    margin-right: 10px
}

.wd_shortRecoCard.bg_gray {
    background: #f2f2f2;
    border-radius: 4px;
    box-shadow: none
}

.wd_shortRecoCard.bg_gray:before {
    border: none
}

.wd_shortRecoCard.bg_orange {
    background: #fff8ed;
    box-shadow: 0 4px 8px 0 #fff8ed
}

.wd_shortRecoCard.bg_orange:before {
    border: 5px solid #f5a623;
    width: 400%;
    height: 400%;
    border-radius: 32px;
    transform: scale(.25)
}

.wd_shortReadCard {
    position: relative;
    height: 70px;
    padding: 0 10px;
    margin-top: 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.05);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_shortReadCard:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    border-radius: 16px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    transform: scale(.5);
    transform-origin: 0 0
}

.wd_shortReadCard .photo {
    width: 44px;
    height: 44px;
    margin-right: 10px
}

.wd_shortReadCard .photo.default {
    border-radius: 8px;
    background: url(/images/yuce/wd_icon_essay.38a44b0a0290571cb83b.png) 50%/22px 24px no-repeat;
    background-color: #ea4747
}

.wd_shortReadCard .txt {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    font-weight: 500;
    display: -webkit-box;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.wd_shortReadCard.bg_gray {
    border-radius: 4px;
    background: #f2f2f2;
    box-shadow: none
}

.wd_shortReadCard.bg_gray:before {
    border: none
}

.wd_shortReadCard.bg_orange {
    background: #fff8ed;
    box-shadow: 0 4px 8px 0 #fff8ed
}

.wd_shortReadCard.bg_orange:before {
    border: 5px solid #f5a623;
    width: 400%;
    height: 400%;
    border-radius: 32px;
    transform: scale(.25)
}

.wd_post_audit {
    padding: 10px 10px 8px 15px;
    background: #ffecec;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_post_audit i {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: url(/images/yuce/wd_icon_audit.da941ad0fd523fcb29b0.png) no-repeat;
    background-size: cover
}

.wd_post_audit .txt {
    -ms-flex: 1;
    flex: 1
}

.wd_post_audit .txt p {
    line-height: 17px;
    font-size: 12px;
    color: #c67577
}

.wd_hot_post_title {
    line-height: 22px;
    padding-top: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_hot_post_title span {
    margin: 0 9px;
    font-size: 16px;
    color: #999;
    font-weight: 700
}

.wd_hot_post_title em {
    width: 8px;
    height: 8px;
    border: 1px solid #333;
    background: #ffda44;
    border-radius: 50%
}

.wd_bbs_new_mes {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    height: 32px;
    padding: 0 13px 0 5px;
    font-size: 12px;
    color: #fff;
    background: #0f88eb;
    border-radius: 6px
}

.wd_bbs_new_mes i {
    width: 24px;
    height: 24px;
    margin-right: 7px;
    background: url(/images/yuce/wd_icon_envelope.41256fbbb3ec62969701.png) no-repeat;
    background-size: cover
}

.wd_cmt_cut_txt {
    line-height: 21px;
    padding: 10px 13px 11px 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    background: #f2f2f2;
    font-size: 14px;
    color: #666;
    border-radius: 4px;
    word-wrap: break-word
}

.wd_cmt_cut_txt .line {
    margin-top: 5px
}

.wd_cmt_cut_txt .line:first-child {
    margin-top: 0
}

.wd_cmt_cut_txt a {
    font-size: 14px;
    color: #0f88eb
}

.wd_cmt_cut_txt .txt {
    display: -webkit-box;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 42px;
    font-size: 14px;
    color: #666
}

.wd_cmt_cut_txt .con {
    margin-left: -5px
}

.wd_cmt_cut_txt .name {
    font-size: 14px;
    color: #0f88eb
}

.wd_cmt_cut_txt .fullText {
    margin-bottom: 4px
}

.wd_new_fans_li {
    padding: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_new_fans_li .photo {
    position: relative;
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.wd_new_fans_li .photo img {
    border-radius: 50%
}

.wd_new_fans_li .info {
    -ms-flex: 1;
    flex: 1
}

.wd_new_fans_li .info .name {
    line-height: 21px;
    font-size: 15px;
    color: #537997;
    font-weight: 700
}

.wd_new_fans_li .info .time {
    line-height: 14px;
    margin-top: 2px;
    font-size: 10px;
    color: #999
}

.wd_postWriteBtn {
    position: absolute
}

.wd_post_title {
    height: 44px;
    border-radius: 10px 10px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_post_title h3 {
    padding-left: 20px;
    -ms-flex: 1;
    flex: 1
}

.wd_post_title.fixed {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #fff
}

.wd_reco_sel_title {
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
    color: #333;
    background: #fff;
    border-radius: 4px
}

.wd_reco_sel_title .txt {
    width: 33%;
    font-weight: 700
}

.wd_reco_sel_title .selBtn {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    font-size: 14px;
    color: #333
}

.wd_reco_sel_title .selBtn .arrow-down {
    right: 20px;
    border-top-color: #000
}

.wd_reco_sel_title .selBtn .wd_optionBox {
    right: 0;
    top: 45px
}

.wd_many_like {
    position: relative;
    line-height: 21px;
    padding-left: 32px;
    padding-top: 22px;
    font-size: 14px;
    color: #999
}

.wd_many_like .wd_icon_like {
    position: absolute;
    left: 0;
    top: 22px
}

.wd_many_like .bbs_link {
    margin-right: 5px;
    color: #0f88eb;
    word-break: break-all
}

.wd_many_like .bbs_link:last-child {
    margin-right: 0
}

.wd_bbs_oper_tab {
    margin-top: 20px
}

.wd_bbs_oper_tab,.wd_bbs_oper_tab a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_bbs_oper_tab a {
    width: 50%;
    height: 45px;
    margin-right: 5px;
    font-size: 14px;
    color: #333;
    border: 1px solid transparent;
    border-radius: 6px;
    background: #eee;
    -ms-flex-align: center;
    align-items: center
}

.wd_bbs_oper_tab a:last-child {
    margin-right: 0
}

.wd_bbs_oper_tab a .wd_icon_like {
    background-position: 0 0
}

.wd_bbs_oper_tab a.active {
    color: #ea4747;
    font-weight: 700;
    background: #fff2de;
    border: 1px solid #ffdba1;
    box-shadow: 0 4px 8px 0 #fff2de
}

.wd_bbs_oper_tab a.active .wd_icon_like {
    background-position: 0 -22px
}

.wd_bbs_oper_tab a i {
    margin-right: 5px
}

.wd_post_filter .btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    padding: 0 9px;
    font-size: 14px;
    color: #0f88eb
}

.wd_post_filter .btn .sort {
    margin-left: 2px;
    width: 16px;
    height: 16px;
    background: url(/images/yuce/wd_icon_sort.4b38aae378309a48ebbe.png) no-repeat;
    background-size: cover
}

.wd_post_filter .wd_optionBox {
    right: 9px;
    top: 46px
}

.bbsPost_btn {
    position: fixed;
    z-index: 99;
    bottom: 20px;
    right: 20px;
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(253,135,11,.3);
    background: url(/images/yuce/wd_icon_pen.b9716bd4d74f2d24a8ea.png),-webkit-linear-gradient(45deg,#ff9500,#ff6400);
    background-size: 24px 24px,cover;
    background-position: 12px 12px,50%;
    background-repeat: no-repeat,repeat
}

.wd_redPacket_btn {
    position: absolute;
    z-index: 100;
    width: 44px;
    height: 44px;
    background: url(/images/yuce/wd_redPacketIcon.6775a05bbf8a505fe00b.png) no-repeat;
    background-size: 24px 24px;
    background-position: 10px 10px
}

.wd_redPacket_btn.animation {
    top: 5px
}

.wd_around_line_title {
    margin: 0 20%;
    overflow: hidden;
    text-align: center
}

.wd_around_line_title .txt {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    line-height: 22px;
    text-align: center
}

.wd_around_line_title .txt span {
    -ms-flex: 1;
    flex: 1;
    display: block;
    width: 60px;
    height: 1px;
    background: #eee
}

.wd_around_line_title .txt em {
    margin: 0 10px
}

.wd_reco_fol_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wd_reco_fol_list li {
    width: 33.3%;
    padding: 10px 0;
    text-align: center;
    font-size: 0
}

.wd_reco_fol_list li .photo {
    position: relative;
    width: 48px;
    height: 48px;
    margin: 0 auto
}

.wd_reco_fol_list li .photo img {
    border-radius: 50%
}

.wd_reco_fol_list li .name {
    font-size: 15px;
    color: #333;
    margin-top: 4px
}

.wd_reco_fol_list li .career {
    font-size: 10px;
    color: #bbb;
    margin-top: 2px;
    height: 14px;
    line-height: 14px
}

.wd_reco_fol_list li .check {
    display: inline-block;
    width: 34px;
    height: 34px
}

.wd_reco_fol_list li .check:after {
    content: "";
    display: block;
    vertical-align: top;
    margin: 10px auto 0;
    width: 14px;
    height: 14px;
    background: url(/images/yuce/wd_icon_checked.3b50c8979a59f3d0a1a5.png) no-repeat;
    background-size: cover;
    border-radius: 50%
}

.wd_reco_fol_list li .check.unactive:after {
    background: #eee
}

.wd_reco_check .title {
    text-align: center;
    padding: 15px 0;
    font-size: 12px;
    color: #999
}

.wd_reco_check ul li {
    position: relative;
    padding: 0 20px 0 40px;
    margin-bottom: 10px
}

.wd_reco_check ul li .check {
    position: absolute;
    top: 28px;
    left: 15px;
    width: 14px;
    height: 14px;
    margin-right: 12px;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 50%
}

.wd_reco_check ul li .check.active {
    background: url(/images/yuce/wd_icon_checked.3b50c8979a59f3d0a1a5.png) no-repeat;
    background-size: cover;
    border: none
}

.wd_reco_check .post {
    display: block;
    width: 100px;
    height: 36px;
    margin: 5px auto 0;
    line-height: 36px;
    text-align: center;
    border: 1px solid #0f88eb;
    font-size: 14px;
    color: #0f88eb;
    font-weight: 700;
    border-radius: 4px
}

.wd_reco_check .wd_shortReadCard,.wd_reco_check .wd_shortRecoCard {
    margin-top: 0
}

.wd_quick_reply {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    transform: translateY(100%);
    transition: all .3s ease
}

.wd_quick_reply,.wd_quick_reply .appearPage {
    border-radius: 10px 10px 0 0
}

.wd_quick_reply .publishFt {
    background: #f2f2f2
}

.wd_quick_reply .appearCon {
    padding-bottom: 5px
}

.wd_quick_reply .appearCon .wd_model_input {
    min-height: auto
}

.wd_quick_reply .addImg_list ul li {
    width: 15%;
    padding-top: 15%
}

.wd_quick_reply.animate {
    transform: translateY(0)
}

.wd_messageBar {
    padding: 7px 10px;
    background: #fff;
    box-shadow: 0 -2px 4px 0 rgba(0,0,0,.05);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_messageBar .left {
    -ms-flex: 1;
    flex: 1;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    font-size: 14px;
    color: #999;
    background: #f2f2f2;
    border-radius: 20px
}

.wd_messageBar .right {
    display: -ms-flexbox;
    display: flex
}

.wd_messageBar .right .cmt,.wd_messageBar .right .more {
    padding: 9px;
    font-size: 0
}

.wd_messageBar .right .cmt {
    position: relative
}

.wd_messageBar .right .cmt .wd_icon_cmt {
    background-position: 0 -66px
}

.wd_messageBar .right .cmt .num {
    position: absolute;
    left: 18px;
    top: 5px;
    font-size: 10px;
    color: #fff;
    height: 14px;
    line-height: 14px;
    background: #ea4747;
    border-radius: 9px;
    padding: 0 8px;
    text-align: center;
    border: 2px solid #fff;
    box-sizing: content-box
}

.wd_messageBar .right .cmt .zero {
    position: absolute;
    left: 34px;
    font-size: 12px;
    color: #333;
    line-height: 16px;
    top: 12px
}

.wd_allReply_pop {
    position: absolute;
    z-index: 1001;
    top: 44px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 10px 10px 0 0;
    overflow: hidden
}

.wd_allReply_pop .wd_post_filter {
    position: absolute;
    right: 0;
    top: 0
}

.wd_allReply_pop .close_btn_gray {
    left: 0
}

.wd_allReply_pop .wd_messageBar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.wd_allReply_pop .wd_postList {
    position: absolute;
    top: 44px;
    bottom: 54px;
    left: 0;
    width: 100%;
    padding-bottom: 30px;
    overflow-y: scroll;
    overflow-x: hidden
}

.wd_allReply_pop .wd_postCard:first-child {
    border-bottom: 5px solid #eee
}

.wd_bbs_welcome {
    position: relative;
    z-index: 1000;
    width: 330px;
    text-align: center;
    border-radius: 10px;
    background: #fff
}

.wd_bbs_welcome .top {
    height: 156px;
    padding-top: 85px;
    color: #fff;
    background: url(/images/yuce/wd_bbs_welBg.ea091635f0400f9603ff.png) no-repeat;
    background-size: 100% 100%
}

.wd_bbs_welcome .top i {
    position: absolute;
    left: 50%;
    top: -45px;
    margin-left: -75px;
    width: 150px;
    height: 122px;
    background: url(/images/yuce/wd_bbs_wel_t.0dd86d1ddc24e6962a37.png) no-repeat;
    background-size: cover
}

.wd_bbs_welcome .top h3 {
    line-height: 28px;
    font-size: 20px;
    font-weight: 500
}

.wd_bbs_welcome .top p {
    line-height: 21px;
    margin-top: 4px;
    font-size: 15px
}

.wd_bbs_welcome .bottom {
    padding-bottom: 10px
}

.wd_bbs_welcome .bottom .txt {
    padding: 15px 0 17px;
    font-size: 12px;
    color: #333;
    line-height: 22px
}

.wd_bbs_welcome .bottom .btn {
    display: block;
    height: 44px;
    line-height: 44px;
    margin: 0 10px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    background: -webkit-linear-gradient(left,#7dd3fb,#47a7f5);
    border-radius: 10px
}

.wd_first_post_pop {
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 86%;
    background: #fff;
    border-radius: 8px
}

.wd_standard_txt {
    padding: 15px 0 13px
}

.wd_standard_txt p {
    position: relative;
    line-height: 21px;
    padding-left: 45px;
    padding-right: 30px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333
}

.wd_standard_txt p em {
    position: absolute;
    width: 30px;
    left: 5px;
    top: 0;
    text-align: right;
    font-weight: 700
}

.wd_bbs_rule {
    width: 60px;
    line-height: 24px;
    height: 24px;
    margin-left: 10px;
    padding-left: 5px;
    background: hsla(0,0%,100%,.2);
    border-radius: 12px;
    font-size: 12px;
    color: hsla(0,0%,100%,.7)
}

.wd_bbs_rule i {
    display: inline-block;
    width: 16px;
    margin-right: 4px;
    height: 16px;
    background: url(/images/yuce/wd_prompt5.d8ad0b3110c0e3f8ed59.png) no-repeat;
    background-size: cover
}

.wd_bbs_rule i,.wd_bbs_rule span {
    vertical-align: middle
}

@media screen and (min-width:320px) and (max-width:350px) {
    .wd_bbs_announce p {
        font-size: 12px
    }

    .wd_essenceTip {
        font-size: 10px;
        white-space: nowrap
    }

    .wd_essenceTip span {
        font-size: 12px;
        margin-right: 5px
    }
}

.exHomeTop {
    padding: 10px 15px
}

.exHomeTop .fansSum {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.exHomeTop .fansSum li {
    padding: 0 15px;
    white-space: nowrap
}

.exHomeTop .fansSum li p {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    margin-bottom: 5px
}

.exHomeTop .fansSum li span {
    line-height: 17px;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.exHomeTop .fansSum li:nth-child(2) {
    width: 1px;
    padding: 0;
    height: 35px
}

.exHomeTop .comUserImg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
    border-radius: 50%
}

.exHomeTop .comUserImg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    border: 3px solid #fff;
    box-sizing: border-box;
    border-radius: 50%;
    transform: scale(.5);
    transform-origin: 0 0
}

.exHomeTop .comUserImg .exIcon {
    bottom: 3px;
    right: 3px
}

.exHomeTop .exInfo {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.exHomeTop .exInfo p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 22px;
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.exHomeTop .exInfo .txt {
    line-height: 17px;
    margin-top: 1px;
    font-size: 12px;
    color: hsla(0,0%,100%,.5);
    display: -webkit-box;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.exHomeTop .exInfo img {
    height: 14px;
    margin-top: 5px
}

.exHomeTop .slideBtn {
    position: relative;
    display: block;
    height: 45px
}

.exHomeTop .slideBtn:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    background: url(/images/yuce/wd_arrowRightWhite.23ad8045606ea996d41e.png) no-repeat;
    background-size: cover;
    transform: rotate(90deg)
}

.exHomeTop .slideBtn.active:after {
    transform: rotate(-90deg)
}

.exHomeTop .wd_myCounter {
    margin-top: 5px
}

.exHomeTop .wd_myCounter a div.border:before {
    height: 24px;
    top: 4px
}

.exHomeTop .wd_myCounter a strong {
    font-size: 16px;
    color: #ffda44
}

.exHomeTop .wd_myCounter a span {
    margin-left: 10px;
    color: hsla(0,0%,100%,.7)
}

.exHomeTop_t {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.bot_abs {
    padding-left: 65px;
    padding-right: 61px;
    font-size: 0
}

.bot_abs strong {
    font-size: 12px;
    width: 65px;
    left: 0;
    white-space: nowrap
}

.bot_abs span,.bot_abs strong {
    height: 20px;
    line-height: 20px;
    display: inline-block
}

.bot_abs span {
    font-size: 10px;
    margin: 0 3px 0 2px;
    margin-bottom: 10px;
    background: hsla(0,0%,100%,.2);
    border-radius: 15px;
    color: #fff;
    padding: 0 12px
}

.bot_abs a {
    position: absolute;
    line-height: 30px;
    top: -5px;
    right: 0
}

.exHomeTop_c {
    margin-top: 5px;
    font-size: 13px;
    color: hsla(0,0%,100%,.7);
    line-height: 18px;
    text-align: justify
}

.exHomeTop_c.slideUp {
    height: 36px;
    display: -webkit-box;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.evenRedTip {
    position: absolute;
    right: 28px;
    top: -15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 17px 0 6px;
    height: 30px;
    background: -webkit-linear-gradient(left,#f46565,#ea4747);
    font-size: 14px;
    color: #fff;
    border-radius: 16px;
    border: 1px solid rgba(175,47,47,.3);
    box-shadow: 0 4px 8px 0 rgba(235,73,73,.3)
}

.evenRedTip:before {
    content: "";
    width: 18px;
    height: 18px;
    margin-right: 4px;
    background: url(/images/yuce/wd_icon_seal.4454d73744c5a102dc87.png) no-repeat;
    background-size: cover
}

.exRecord {
    position: relative;
    background: #fff;
    border-radius: 8px;
    margin: 0 10px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.05)
}

.exRecord .rule {
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(/images/yuce/wd_prompt2.2b8375cfa2b65941b0e0.png) no-repeat;
    background-size: 12px 12px;
    background-position: 50%;
    right: 2px;
    top: 2px
}

.exRecord_t {
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
    color: #999
}

.exRecord_t li {
    -ms-flex: 1;
    flex: 1;
    padding: 15px 0 12px;
    text-align: center;
    white-space: nowrap
}

.exRecord_t li p {
    font-size: 18px;
    font-weight: 500;
    color: #ea4747;
    line-height: 25px;
    margin-bottom: 5px
}

.exRecord_t li span {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 17px
}

.exRecord_b {
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 0 17px 15px
}

.exRecord_b,.exRecord_b ul {
    display: -ms-flexbox;
    display: flex
}

.exRecord_b ul li {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #999;
    border-radius: 50%
}

.exRecord_b ul li:last-child {
    margin-right: 0
}

.exRecord_b ul li.active {
    background: #ea4747
}

.folBtn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 5px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(255,218,68,.3);
    background-image: url(/images/yuce/folBtn.51a56dbc573be3857769.png);
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: 0 0;
    background-color: #ffda44
}

.folBtn.active {
    background-position: 0 -30px;
    background-color: #eee;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.05)
}

.folBtn.wide {
    width: 70px;
    height: 32px;
    margin-left: 15px;
    margin-right: 10px;
    box-shadow: none;
    border-radius: 16px;
    background-position: 23px 4px;
    background-size: 24px auto
}

.folBtn.wide.active {
    background-image: url(/images/yuce/folBtn.51a56dbc573be3857769.png),-webkit-linear-gradient(left,#c9c9c9,#999);
    background-position: 25px -33px,50%;
    background-size: 20px auto,cover
}

.folBtn.envelope {
    position: relative;
    width: 64px;
    background-image: url(/images/yuce/folBtn.51a56dbc573be3857769.png),-webkit-linear-gradient(left,#22bdf7,#0f88eb);
    background-position: 20px -68px,50%;
    background-size: 24px auto,cover
}

.folBtn.envelope em {
    position: absolute;
    top: -6px;
    right: -8px;
    height: 16px;
    line-height: 14px;
    padding: 0 5px;
    font-size: 10px;
    color: #fff;
    border-radius: 8px;
    background: #ea4747;
    border: 1px solid #fff
}

@media screen and (min-width:320px) and (max-width:360px) {
    .exConList_li .con .match .right {
        width: 60px
    }

    .exRecord_b {
        padding-left: 10px
    }

    .exRecord_b ul li {
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin-right: 5px
    }
}

.shareAsse {
    border-radius: 8px 8px 0 0;
    background: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%)
}

.shareAsse.animate {
    opacity: 1;
    visibility: visible;
    transform: none
}

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

.shareAsse_c {
    padding: 20px 25px 20px 65px;
    position: relative
}

.shareAsse_c_icon {
    position: absolute;
    top: 20px;
    left: 25px;
    width: 40px;
    height: 40px;
    background: url(/images/yuce/shareAsse_c_icon.5f41c8aaf43a05da8f9f.png);
    background-size: cover;
    background-color: #fff;
    border-radius: 50%
}

.shareAsse_b {
    padding-top: 15px
}

.shareAsse_b .title {
    line-height: 21px;
    text-align: center;
    font-size: 15px;
    color: #333;
    font-weight: 700
}

.shareGroupIcon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(/images/yuce/shareGroupIcon.55d8b3c9c25259f28450.png);
    background-size: 64px auto
}

.shareGroupIcon.wxin {
    background-position: 0 0
}

.shareGroupIcon.pyq {
    background-position: 0 -32px
}

.shareGroupIcon.qq {
    background-position: 0 -64px
}

.shareGroupIcon.wbo {
    background-position: 0 -96px
}

.shareGroupIcon.qqkj {
    background-position: 0 -128px
}

.shareGroupIcon.tsu {
    background-position: -32px 0
}

.shareGroupIcon.fzlj {
    background-position: -32px -32px
}

.shareGroupIcon.schu {
    background-position: -32px -64px
}

.shareGroupIcon.scjy {
    background-position: -32px -96px
}

.shareGroupIcon.swjh {
    background-position: -32px -128px
}

.shareGroupIcon.qxjh {
    background-position: -32px -160px
}

.shareGroup {
    width: 100%;
    height: 106px;
    font-size: 0;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.shareGroup li {
    display: inline-block;
    width: 25%;
    text-align: center;
    padding: 20px 0
}

.shareGroup li span {
    display: block;
    line-height: 17px;
    margin-top: 10px;
    font-size: 12px;
    color: #333
}

.shareScroll {
    height: 99px;
    overflow: hidden
}

.shareAsse_b_btn {
    display: -ms-flexbox;
    display: flex
}

.shareAsse_b_btn a {
    -ms-flex: 1;
    flex: 1;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: 700
}

.shareAsse_b_btn a.orange {
    color: #ff8200
}

.shareAsse_txt {
    height: 150px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.shareAsse_txt .txt {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.shareAsse_opt .title {
    line-height: 50px;
    padding-left: 20px;
    font-size: 15px;
    color: #999
}

.shareAsse_opt .wd_optionBox {
    position: relative;
    width: 100%;
    box-shadow: none;
    border-radius: 0
}

.shareAsse_opt .wd_optionBox li {
    padding-left: 20px
}

.setShare .item {
    white-space: normal
}

.setShare .toggle .track {
    border: none
}

.setShare .toggle .handle {
    box-shadow: none
}

.setShare .toggle.toggle-assertive input:checked+.track {
    background-color: #22c400
}

.shareAsseBTab {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.shareAsseBTab a {
    display: block;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: rgba(51,51,51,.9)
}

.shareAsseBTab a:first-child {
    border-right: 1px solid #fff
}

.shareAsseClose {
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: url(/images/yuce/shareAsseClose.9580172f56ec4e8d1844.png);
    background-size: cover
}

.shareFree {
    text-align: center;
    padding-top: 20px;
    height: 32px
}

.shareFreeTxt {
    line-height: 12px;
    position: relative;
    font-size: 11px;
    color: #5dbd6d
}

.shareFreeIcon,.shareFreeTxt {
    display: inline-block;
    height: 12px;
    vertical-align: top
}

.shareFreeIcon {
    margin-right: 5px;
    width: 12px;
    background: url(/images/yuce/shareFreeIcon.f34d1adb63241dddeb1e.png);
    background-size: cover
}

.shareFreeTxtAfter,.shareFreeTxtBefore {
    content: "";
    position: absolute;
    top: 50%;
    width: 25px;
    height: 1px;
    background: none;
    transform: translateY(-50%)
}

.shareFreeTxtBefore {
    right: 100%;
    margin-right: 6px
}

.shareFreeTxtAfter {
    left: 100%;
    margin-left: 6px
}

.appearPage {
    background: #fff
}

.appearRange {
    padding: 10px 12px 0 13px
}

.appearRange a {
    float: left;
    line-height: 30px;
    width: 31.6%;
    border-radius: 15px;
    background: #f2f2f2;
    margin-right: 2.6%;
    margin-bottom: 10px;
    text-align: center;
    font-size: 12px;
    color: #333
}

.appearRange a:nth-child(3n) {
    margin-right: 0
}

.appearRange a.active {
    background: #e1f2ff;
    color: #0f88eb;
    font-weight: 700
}

.appearTopic {
    padding: 10px;
    background: #f4faff;
    border-radius: 10px 10px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.appearTopic .txt {
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    color: #0f88eb;
    margin-left: 5px
}

.appearTitle {
    height: 46px;
    padding-left: 15px;
    background: #fff
}

.appearTitle input {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    padding: 0;
    color: #333;
    font-size: 14px;
    border: none;
    outline: medium
}

.appearTitle input::-webkit-input-placeholder {
    color: #bbb
}

.appearTitle input:-ms-input-placeholder,.appearTitle input::-ms-input-placeholder {
    color: #bbb
}

.appearTitle input::placeholder {
    color: #bbb
}

.appearCon {
    padding: 13px 15px 15px
}

.appearCon .wd_model_input {
    width: 100%;
    min-height: 108px;
    outline: none;
    border: none;
    font-size: 16px;
    color: #666;
    line-height: 22px;
    overflow-y: auto;
    resize: none;
    -ms-word-break: break-word;
    word-break: break-all;
    word-wrap: break-word
}

.appearCon textarea::-webkit-input-placeholder {
    color: #999
}

.appearCon textarea:-ms-input-placeholder,.appearCon textarea::-ms-input-placeholder {
    color: #999
}

.appearCon textarea::placeholder {
    color: #999
}

.publishFt {
    position: relative;
    height: 50px;
    padding: 0 10px;
    background: #eee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.publishFt .oper {
    -ms-flex: 1;
    flex: 1
}

.publishFt .oper a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    margin: 0 10px;
    background-image: url(/images/yuce/publishFt_icon.c1bce05e6e50e8e2a214.png);
    background-size: 24px auto
}

.publishFt .oper a.coding {
    background-position: 0 0
}

.publishFt .oper a.emoji {
    background-position: 0 -24px
}

.publishFt .oper a.images {
    background-position: 0 -48px;
    margin-left: 14px
}

.publishFt .oper a.reco {
    background-position: 0 -72px
}

.publishFt .oper a.reco .wd_icon_checked {
    position: absolute;
    top: 0;
    right: -10px;
    width: 10px;
    height: 10px
}

.publishFt .oper a.reco.active {
    background-position: 0 -96px
}

.select_lb {
    position: relative;
    width: 100px;
    margin-right: 5px;
    border-radius: 15px;
    background: #fff;
    display: -ms-flexbox;
    display: flex
}

.select_lb a {
    -ms-flex: 1;
    flex: 1;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    color: #999;
    font-weight: 700
}

.select_lb a.active {
    color: #0f88eb
}

.select_lb i {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    border: 2px solid #0f88eb;
    border-radius: 16px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    transition: all .3s ease
}

.select_lb i.left {
    left: 0
}

.select_lb i.right {
    left: 50%
}

.select_lb .wd_viewExpertTip {
    z-index: 100;
    bottom: 48px;
    left: auto;
    right: 0;
    margin-bottom: 0!important;
    margin-left: 0;
    width: 110px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 6px;
    background: #0f88eb;
    box-shadow: 0 4px 8px 0 rgba(15,136,235,.2)
}

.select_lb .wd_viewExpertTip:after {
    bottom: -10px;
    margin-left: -5px;
    border-top-color: #0f88eb;
    border-left-width: 5px;
    border-right-width: 5px
}

.expressFocus {
    background: #fff
}

.expressPic {
    padding: 13px 0 14px
}

.expressPic li {
    width: 14%;
    float: left;
    height: 50px;
    text-align: center
}

.expressPic li:nth-child(7n+1) {
    margin-left: 1%
}

.expressPic li img {
    width: 30px
}

.expressFocus .slider-pager .slider-pager-page.active {
    background: #ffda44
}

.expressFocus .slider-pager .slider-pager-page {
    width: 5px;
    height: 5px;
    vertical-align: middle;
    border-radius: 50%;
    background: #ccc;
    opacity: 1;
    font-size: 0
}

.expressFocus .slider-pager {
    bottom: 0
}

.expressFocus .slider {
    padding-bottom: 10px
}

.expressFocus .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0
}

.expressFocus .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 4px!important;
    background: #d8d8d8;
    opacity: 1
}

.expressFocus .swiper-pagination-bullet-active {
    background: #ffda44
}

.addImg_list {
    padding: 10px 15px 5px
}

.addImg_list ul li {
    position: relative;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    width: 19%;
    height: 0;
    padding-top: 19%
}

.addImg_list ul li .photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.addImg_list ul li .photo img {
    width: 100%;
    height: 100%
}

.addIdCard ul li a,.addImg_list ul li a {
    position: absolute;
    z-index: 2;
    top: -7px;
    right: -8px;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    box-sizing: content-box;
    border-radius: 50%;
    background: url(/images/yuce/wd_icon_close2.f401fcee91163fd2e3d1.png) no-repeat;
    background-size: 8px 8px;
    background-position: 4px 4px;
    background-color: #ea4747
}

.addImg_list_btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #eee
}

.addImg_list_btn:after,.addImg_list_btn:before {
    content: "";
    position: absolute;
    z-index: 10;
    width: 9px;
    height: 108px;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.25)
}

.addImg_list_btn:after {
    width: 108px;
    height: 9px
}

.uploadLoadTxt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border: 1px dotted #ccc;
    font-size: 11px;
    color: #999
}

.uploadLoad_b {
    height: 2px;
    background: #ccc
}

.uploadLoad_b,.uploadLoad_t {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.uploadLoad_t {
    height: 100%;
    background: #ea4747
}

.tieleItem {
    width: 100%;
    padding: 96px 0 20px;
    margin: -86px 0 -10px;
    background: #f2f2f2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tieleItem .item-bd {
    position: relative;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 700;
    color: #999;
    text-align: center;
    -ms-flex: 1;
    flex: 1
}

.tieleItem .item-bd.active {
    color: #333
}

.tieleItem .item-bd.active:after {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 3px;
    background-color: #ff8200;
    border-radius: 3px;
    animation: activeScaleX .4s ease both;
    -webkit-animation: activeScaleX .4s ease both
}

.redPacket {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    overflow: hidden
}

.redPacket .close {
    position: absolute;
    top: 30px;
    right: 15px;
    width: 36px;
    height: 36px;
    background: url(/images/yuce/wd_icon_close2.f401fcee91163fd2e3d1.png) no-repeat;
    background-size: 14px 14px;
    background-color: rgba(0,0,0,.5);
    border-radius: 50%;
    background-position: 50%
}

.redPacket .backward {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 340px;
    height: 213px;
    background: url(/images/yuce/backwardBg.0477419340c2acf18946.png);
    background-size: 100% 100%
}

.redPacket .backward span {
    position: absolute;
    top: 144px;
    left: 142px;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #fff
}

.redPacket .backward a.btn {
    position: absolute;
    top: 236px;
    left: 125px;
    width: 90px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #ed6348;
    border-radius: 5px
}

.redPacket .couten {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(70px) rotate(25deg)
}

.redPacket .couten .li {
    width: 65px;
    position: absolute;
    animation: red-fall 4s 0s ease-out;
    top: -100px
}

.redPacket .couten .li img {
    width: 100%
}

.redPacket .countDown {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 25px;
    width: 100px;
    height: 80px;
    color: #ffd800;
    text-align: center
}

.redPacket .countDown p {
    font-size: 24px;
    font-weight: 700
}

.redPacket .countDown span {
    display: block;
    font-size: 13px
}

.redPacket .getAward {
    text-align: center;
    position: absolute;
    width: 320px;
    top: 50%;
    left: 50%
}

.redPacket .getAward .title {
    height: 106px;
    text-align: center;
    padding-top: 65px;
    font-size: 23px;
    color: #ea642b;
    font-weight: 500;
    background-image: url(/images/yuce/awardTitle.a6d7c568ad49da87ca0f.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 40px 0
}

.redPacket .getAward .title.lose {
    height: 110px;
    padding-left: 20px;
    color: #848484;
    background-image: url(/images/yuce/awardTitle02.1d691d48ec7f2845584b.png)
}

.redPacket .getAward ul {
    padding: 5px 35px
}

.redPacket .getAward ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0;
    font-size: 16px;
    color: #fff
}

.redPacket .getAward ul li i {
    width: 34px;
    height: 31px;
    margin-right: 15px
}

.redPacket .getAward ul li i.jbIcon {
    width: 30px;
    height: 30px;
    background: url(/images/yuce/jbIcon.1d44973261a80055993e.png) no-repeat;
    background-size: cover
}

.redPacket .getAward ul li i.mfqIcon {
    background: url(/images/yuce/mfqIcon.ca4a202a1f65f10ebb16.png) no-repeat;
    background-size: cover
}

.redPacket .getAward ul li i.yhqIcon {
    background: url(/images/yuce/yhqIcon.def10d0e05b7599df1e9.png) no-repeat;
    background-size: cover
}

.redPacket .getAward ul li i.emptyIcon {
    background: url(/images/yuce/emptyIcon.45e8531da485f987bfeb.png) no-repeat;
    background-size: cover
}

.redPacket .getAward ul li p {
    text-align: left;
    -ms-flex: 1;
    flex: 1
}

.redPacket .getAward .btn {
    display: inline-block;
    margin-top: 10px;
    border-bottom: 3px solid #d34233;
    width: 150px;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    background: #ed6348
}

.redPacket .getAward .rule {
    margin-top: 15px;
    padding: 10px 0
}

.redPacket .getAward .rule span {
    opacity: .7;
    font-size: 12px;
    color: #f7c744;
    border-bottom: 1px solid #f7c744
}

.redPacket .getInfo {
    position: absolute;
    padding-bottom: 20px;
    width: 70px;
    top: 20px;
    left: 12px;
    background: rgba(61,28,148,.6);
    border-radius: 40px;
    overflow: hidden
}

.redPacket .getInfo .sum {
    margin-bottom: 14px;
    padding: 23px 0 11px;
    font-size: 13px;
    color: #ffd800;
    background: rgba(108,54,255,.25);
    border-bottom: 1px dashed #7f62ce
}

.redPacket .getInfo .sum>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.redPacket .getInfo .sum>div i {
    margin-right: 5px;
    display: block;
    width: 15px;
    height: 20px;
    background: url(/images/yuce/hbIcon.02c01c3e8abf6a5bb47d.png);
    background-size: 100% 100%
}

.redPacket .getInfo .sum>div span {
    font-size: 15px;
    color: #ffd800
}

.redPacket .getInfo .sum p {
    text-align: center
}

.redPacket .getInfo .li {
    padding: 5px 0;
    font-size: 11px;
    color: #fff;
    text-align: center
}

.redPacket .getInfo .li i {
    display: block;
    margin: 0 auto;
    width: 25px;
    height: 25px
}

.redPacket .getInfo .li i.jbIcon {
    background: url(/images/yuce/jbIcon.1d44973261a80055993e.png);
    background-size: 100% 100%
}

.redPacket .getInfo .li i.yhqIcon {
    background: url(/images/yuce/yhqIcon.def10d0e05b7599df1e9.png);
    background-size: 100% 100%
}

.redPacket .getInfo .li i.mfqIcon {
    background: url(/images/yuce/mfqIcon.ca4a202a1f65f10ebb16.png);
    background-size: 100% 100%
}

.redPacket .getInfo .li i.emptyIcon {
    background: url(/images/yuce/emptyIcon.45e8531da485f987bfeb.png);
    background-size: 100% 100%
}

.redPacket .getInfo .li p {
    margin-top: 2px
}

.redPacket .getInfo .li p span {
    font-size: 15px;
    color: #ffd800
}

.redPacket .stars {
    position: absolute;
    width: 19px;
    height: 19px;
    background: url(/images/yuce/stars.53391c8530d01b65e7a5.png);
    background-size: 100% 100%
}

.redPacket .stars.stars01 {
    -webkit-animation: starFlash 1s 0s linear infinite;
    width: 10px;
    height: 10px;
    top: 50px;
    right: 63px
}

.redPacket .stars.stars02 {
    -webkit-animation: starFlash 1.2s 1s linear infinite;
    width: 10px;
    height: 10px;
    top: 240px;
    left: 122px
}

.redPacket .stars.stars03 {
    -webkit-animation: starFlash 1.3s 1.5s linear infinite;
    top: 275px;
    right: 10px
}

.redPacket .stars.stars04 {
    -webkit-animation: starFlash 1.1s 2s linear infinite;
    bottom: 225px;
    left: 20px
}

.redPacket .stars.stars05 {
    -webkit-animation: starFlash 1s 1.5s linear infinite;
    bottom: 75px;
    right: 150px
}

.redPacket .meteor {
    display: block;
    width: 1px;
    background: transparent;
    position: relative;
    opacity: 0;
    animation: star-fall 3s linear infinite
}

.redPacket .meteor.meteor01 {
    top: 0;
    left: 253px
}

.redPacket .meteor.meteor02 {
    animation: star-fall 3s .5s linear infinite;
    top: 50px;
    left: 330px
}

.redPacket .meteor.meteor02:after {
    border-color: transparent transparent transparent #155cde
}

.redPacket .meteor.meteor03 {
    animation: star-fall 3s 1.3s linear infinite;
    top: 100px;
    left: 416px
}

.redPacket .meteor.meteor03:after {
    border-color: transparent transparent transparent #fd8300
}

.redPacket .meteor.meteor04 {
    animation: star-fall 3s .5s linear infinite;
    top: 350px;
    left: 500px
}

.redPacket .meteor.meteor04:after {
    border-color: transparent transparent transparent #511163
}

.redPacket .meteor.meteor05 {
    animation: star-fall 3s 2.5s linear infinite;
    top: 250px;
    left: 480px
}

.redPacket .meteor.meteor05:after {
    border-color: transparent transparent transparent #3a78e9
}

.redPacket .meteor:after {
    content: "";
    display: block;
    border: 0 solid #fff;
    border-width: 0 90px 2px 90px;
    border-color: transparent transparent transparent #a79d73;
    box-shadow: 0 0 2px 0 hsla(0,0%,100%,.1);
    transform: rotate(-63deg) translate3d(1px,3px,0);
    transform-origin: 0 100%
}

@keyframes star-fall {
    0% {
        opacity: 0;
        transform: scale(.5) translateZ(0);
        -webkit-transform: scale(.5) translateZ(0);
        -moz-transform: scale(.5) translateZ(0)
    }

    50% {
        opacity: 1;
        transform: translate3d(-200px,400px,0);
        -webkit-transform: translate3d(-200px,400px,0);
        -moz-transform: translate3d(-200px,400px,0)
    }

    to {
        opacity: 0;
        transform: scale(1.2) translate3d(-300px,600px,0);
        -webkit-transform: scale(1.2) translate3d(-300px,600px,0);
        -moz-transform: scale(1.2) translate3d(-300px,600px,0)
    }
}

@keyframes red-fall {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,1000px,0)
    }
}

.wd_vipTry {
    background-color: #3b2814
}

.wd_vipTry_con {
    padding-bottom: 20px
}

.wd_vipTry_con .section_01 {
    padding-top: 42px;
    padding-bottom: 8px;
    position: relative;
    z-index: 1;
    background: url(/images/yuce/freetrial01.db7dd0e4e89e9c9f64d5.jpg);
    background-size: 100% 100%
}

.wd_vipTry_con .section_01 .ruleBtn {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 10px 10px 10px 0
}

.wd_vipTry_con .section_01 .ruleBtn span {
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 0 7px 0 5px;
    background-color: #8b572a;
    font-size: 12px;
    color: #fff;
    border-radius: 0 10px 10px 0
}

.wd_vipTry_con .section_01 .card {
    position: relative;
    overflow: hidden;
    height: 206px;
    width: 83%;
    padding-top: 26px;
    text-align: center;
    background: url(/images/yuce/card_bg.4ba30bbbe94593a443b2.png) no-repeat 50%/100% 100%;
    margin: 0 auto
}

.wd_vipTry_con .section_01 .card .tip {
    position: absolute;
    top: 10px;
    left: -22px;
    width: 80px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    font-weight: 700;
    transform: rotate(-45deg);
    background: -webkit-linear-gradient(left,#c02100,#ff4001);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.3)
}

.wd_vipTry_con .section_01 .card h3 {
    font-size: 25px;
    color: #694a0e;
    font-weight: 700
}

.wd_vipTry_con .section_01 .card p {
    line-height: 18px;
    margin-top: 8px;
    font-size: 15px;
    color: #a06200
}

.wd_vipTry_con .section_01 .card .btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 89%;
    height: 44px;
    line-height: 44px;
    margin: 15px auto 0;
    background-color: #c48b1f;
    border-radius: 24px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.5)
}

.wd_vipTry_con .section_01 .card .btn .price {
    width: 40%;
    font-size: 14px;
    color: #894000
}

.wd_vipTry_con .section_01 .card .btn .price span {
    position: relative
}

.wd_vipTry_con .section_01 .card .btn .price span:after {
    content: "";
    position: absolute;
    width: 106%;
    height: 1px;
    background: #894000;
    top: 50%;
    left: -4%
}

.wd_vipTry_con .section_01 .card .btn .try {
    width: 60%;
    background-color: #bf0807;
    border-radius: 24px;
    font-size: 17px;
    color: #fff;
    font-weight: 700
}

.wd_vipTry_con .section_01 .title {
    text-align: center;
    width: 89%;
    height: 75px;
    padding-top: 12px;
    margin: 10px auto 0;
    background: url(/images/yuce/title_bg.ecefe4261ef6dc69709c.png) no-repeat 50%/100% 100%
}

.wd_vipTry_con .section_01 .title h3 {
    line-height: 24px;
    font-size: 20px;
    color: #fabe2f;
    font-weight: 700
}

.wd_vipTry_con .section_01 .title p {
    line-height: 24px;
    font-size: 17px;
    color: #ffd555;
    opacity: .45;
    margin-top: 2px
}

.wd_vipTry_con .section_02 img {
    display: block;
    width: 100%;
    margin-top: -1px
}

.wd_vipTry_con .section_03 .block {
    background-color: #fff;
    border-radius: 10px;
    margin: 0 5.3% 4%;
    overflow: hidden
}

.wd_vipTry_con .section_03 .mbTitle {
    padding: 12px 20px 4px 17px
}

.wd_vipTry_con .section_03 .mbTitle p {
    font-size: 14px;
    color: #000
}

.wd_vipTry_con .section_03 .calcPopup {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    height: auto
}

.wd_vipTry_con .section_03 .calcScroll {
    height: auto;
    margin: 0 20px 0 10px
}

.wd_vipTry_con .section_03 .calcScroll .li {
    padding: 12px 10px
}

.wd_vipTry_con .section_03 .equityList .eqOption {
    width: 33.3%
}

.fixedBtn {
    width: 100%;
    height: 47px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    color: #804100;
    font-weight: 500;
    background: -webkit-linear-gradient(left,#e1bb90,#c49a6f);
    box-shadow: 0 0 10px rgba(0,0,0,.3)
}

.fixedBtn .tipIcon01 {
    position: absolute;
    right: 35px;
    top: 0;
    width: 62px;
    height: 28px;
    background: url(/images/yuce/tipIcon02.bcd7abb6deee79def05f.png);
    background-size: 100% 100%
}

.rulePopup {
    padding: 20px 0 0;
    width: 320px;
    background: #f4e5d9;
    border-radius: 10px
}

.rulePopup .title {
    text-align: center;
    width: 120px;
    height: 33px;
    line-height: 33px;
    font-size: 15px;
    background: #654435;
    border-radius: 0 25px 25px 0;
    color: #fff
}

.rulePopup .close {
    position: absolute;
    right: 0;
    top: -50px;
    width: 50px;
    height: 50px;
    background: url(/images/yuce/close.919adc1cb014e9bcd5f0.png) top no-repeat;
    background-size: 33px 52px
}

.rulePopup ul {
    padding: 30px 20px 15px 20px
}

.rulePopup ul li {
    line-height: 18px;
    font-size: 14px;
    color: #654435;
    margin-bottom: 20px
}

.rulePopup .btn {
    display: block;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    color: #654435;
    border-top: 1px solid #c9a595;
    text-align: center
}

.popupVipTry {
    width: 340px;
    background: #fff;
    border-radius: 10px
}

.popupVipTry .con p {
    font-size: 15px;
    color: #666;
    line-height: 21px;
    text-align: center
}

.popupVipTry .con.con01 {
    padding: 58px 0 35px
}

.popupVipTry .btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popupVipTry .btn a {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #333
}

.popupVipTry .btn a.red {
    color: red
}

.popupVipTry .btn a:last-child:before {
    border-right-width: 0
}

.popupVipTry .zsImg {
    position: absolute;
    left: 50%;
    margin-left: -55px;
    top: -39px;
    width: 90px;
    height: 77px;
    background: url(/images/yuce/zsImg.59b9d07cf35a22b495e8.png);
    background-size: 100% 100%
}

.popupVipTry .input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
    height: 42px;
    position: relative;
    background: #ededed;
    color: #333;
    border-radius: 5px
}

.popupVipTry .input input {
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 11px 10px;
    background: none;
    border: none;
    outline: none
}

.popupVipTry .input .yzm {
    margin-right: 10px;
    padding: 0 8px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    background: #cd4540
}

.popupVipTry .inwput .yzm.cbbb {
    background: #bbb
}

.popupVipTryInput {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 999;
    left: 50%;
    margin-left: -170px;
    top: 30%
}

.popupVipTryInput.animate {
    opacity: 1;
    visibility: visible;
    animation: superScaleIn .2s .2s ease-in-out both
}

.wd_paiquanPop {
    position: relative;
    display: block;
    background: url(/images/yuce/paiquanBg.3cef104f11056b7bc2e9.png) no-repeat;
    background-size: cover;
    background-position: -7px 0;
    width: 270px;
    height: 272px
}

.wd_paiquanPop .value {
    position: absolute;
    top: 87px;
    left: 34px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 17px;
    color: #c53316;
    font-weight: 700
}

.wd_paiquanPop .value span {
    line-height: 30px;
    font-size: 35px
}

.wd_paiquanPop .info {
    position: absolute;
    top: 80px;
    right: 40px
}

.wd_paiquanPop .info h3 {
    font-size: 16px;
    color: #cd5526;
    font-weight: 700
}

.wd_paiquanPop .info p {
    font-size: 12px;
    color: #fff7e1;
    padding: 0 11px;
    margin-top: 3px;
    border-radius: 9px;
    background: #cd5526;
    line-height: 18px
}

.wd_paiquanPop .txt {
    position: absolute;
    top: 160px;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #fff6e2
}

.wd_paiquanPop .btn {
    position: absolute;
    top: 206px;
    left: 25px;
    font-size: 18px;
    color: #ca4c20;
    text-align: center;
    width: 220px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background: -webkit-linear-gradient(top,#ffef67,#ffc600);
    box-shadow: 0 1px 4px 1px rgba(0,0,0,.3);
    font-weight: 700
}

.wd_paiquanPop .close {
    position: absolute;
    left: 124px;
    bottom: -43px;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: url(/images/yuce/wd_icon_close2.f401fcee91163fd2e3d1.png) no-repeat;
    background-size: 16px 16px;
    background-position: 50%
}

.wd_bargainBg {
    background: url(/images/yuce/content_bg.c4cc95adbcf6ed071948.jpg) repeat-y;
    background-size: 100% auto
}

.wd_bargain .topNews {
    height: 29px;
    padding-top: 3px;
    background: url(/images/yuce/bg_01.cc1e384e906a19f31adb.jpg) no-repeat;
    background-size: 100% 100%
}

.wd_bargain .act_top {
    height: 296px;
    padding-top: 30px;
    background: url(/images/yuce/bg_02.1c3d1c3396b5977f6c1d.jpg) no-repeat;
    background-size: 100% 100%
}

.wd_bargain .rights_card_list {
    margin-top: 15px
}

.wd_bargain .newsWrap {
    position: relative;
    height: 24px;
    padding-left: 44px;
    background: rgba(0,0,0,.6);
    border-radius: 12px;
    margin: 0 3px
}

.wd_bargain .laba {
    position: absolute;
    left: 12px;
    top: 5px;
    width: 18px;
    height: 14px;
    background: url(/images/yuce/laba.5fbd8f12cfcabd02938e.png) no-repeat;
    background-size: cover
}

.wd_bargain .news_li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    font-size: 13px
}

.wd_bargain .news_li .txt {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.wd_bargain .news_li .txt p {
    float: left;
    color: hsla(0,0%,100%,.5);
    white-space: nowrap;
    position: relative;
    -webkit-animation: horse 5s linear 0s infinite
}

.wd_bargain .news_li .time {
    margin-right: 15px;
    margin-left: 5px;
    color: #fced60;
    opacity: .5
}

.wd_bargain .act_time {
    font-size: 12px;
    color: #f07556;
    width: 222px;
    height: 32px;
    margin: 0 auto;
    background: url(/images/yuce/act_time_bg.aa77fe5e9a82e260ad25.png) no-repeat;
    background-size: cover;
    line-height: 32px;
    text-align: center
}

.wd_bargain .act_value {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 35px;
    line-height: 35px;
    margin-top: 62px;
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.wd_bargain .act_value span {
    height: 35px;
    line-height: 35px;
    margin: 0 2px;
    font-size: 22px;
    font-weight: 700
}

.wd_bargain .act_value .yellow {
    color: #ffd800
}

.wd_bargain .act_tab {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin: 100px 15px 0
}

.wd_bargain .act_tab:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: hsla(0,0%,100%,.2);
    bottom: 5px
}

.wd_bargain .act_tab a {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    line-height: 40px;
    font-size: 14px;
    color: #ffafa8;
    font-weight: 700;
    text-align: center
}

.wd_bargain .act_tab a.active {
    color: #ffb813
}

.wd_bargain .act_tab a.active:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 4px;
    width: 59px;
    height: 3px;
    margin-left: -30px;
    background: #ffb813;
    border-radius: 3px
}

.wd_bargain .rights_card {
    position: relative;
    margin: 0 11px 10px;
    padding-top: 15px;
    padding-bottom: 22px;
    background: #fffcf9;
    border-radius: 8px;
    box-shadow: 0 2px 6px 3px rgba(0,0,0,.1),inset 0 0 10px 8px #ebc6bd;
    text-align: center
}

.wd_bargain .rights_card:after,.wd_bargain .rights_card:before {
    content: "";
    position: absolute;
    z-index: 10;
    bottom: -22px;
    width: 7px;
    height: 35px;
    background: url(/images/yuce/buckle.45bf175f73cbafb00904.png) no-repeat;
    background-size: 100%
}

.wd_bargain .rights_card:before {
    left: 7px
}

.wd_bargain .rights_card:after {
    right: 7px
}

.wd_bargain .rights_card:last-child:after,.wd_bargain .rights_card:last-child:before {
    width: 0
}

.wd_bargain .expertList {
    margin: 0 6%
}

.wd_bargain .rights_info {
    position: relative;
    margin: 0 23px 0 25px;
    background: #f3e5d6;
    border-radius: 6px;
    margin-top: 12px;
    color: #9e694c;
    text-align: center;
    padding: 8px 0 8px 20px
}

.wd_bargain .rights_info .order {
    position: absolute;
    top: 0;
    left: -7px;
    width: 30px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    background: red;
    border-radius: 15px;
    border: 2px solid #fff;
    line-height: 16px;
    text-align: center
}

.wd_bargain .rights_info p {
    white-space: nowrap;
    height: 22px;
    line-height: 22px;
    font-size: 16px
}

.wd_bargain .rights_info p.fs14 {
    font-size: 14px
}

.wd_bargain .rights_info h3 {
    white-space: nowrap;
    height: 22px;
    line-height: 22px;
    font-size: 17px;
    font-weight: 700
}

.wd_bargain .rights_info h3.fs14 {
    font-size: 14px
}

.wd_bargain .rights_info h3 span {
    color: #c95045
}

.wd_bargain .couponList {
    display: -ms-flexbox;
    display: flex;
    padding: 0 7px;
    text-align: left
}

.wd_bargain .couponList li {
    -ms-flex: 1;
    flex: 1;
    padding: 9px 11px 0;
    width: 117px;
    height: 73px;
    float: left;
    background: url(/images/yuce/price_bg.e83551789a5aa31a6cce.png) 0 0 no-repeat;
    background-size: 100% 100%
}

.wd_bargain .couponList li:nth-child(2) {
    margin: 0 -5px
}

.wd_bargain .couponList li .p1 {
    font-size: 11px;
    line-height: 1;
    color: hsla(0,0%,100%,.6);
    text-align: right
}

.wd_bargain .couponList li .p2 {
    font-size: 27px;
    height: 25px;
    line-height: 20px;
    color: #fff;
    font-weight: 500
}

.wd_bargain .couponList li .p2 span {
    font-size: 12px
}

.wd_bargain .couponList li .p3 {
    margin-top: 4px;
    font-size: 11px;
    line-height: 14px;
    color: hsla(0,0%,100%,.6);
    text-align: right
}

.wd_bargain .rights_item {
    background: url(/images/yuce/rights_listBg.5133b6dea34f848db364.png) no-repeat;
    background-size: 100% 100%;
    box-shadow: none;
    border-radius: 0;
    margin: -5px 3px 10px;
    height: 240px;
    padding-top: 15px
}

.wd_bargain .title_line {
    font-size: 17px;
    color: #a47358;
    font-weight: 700;
    background-image: url(/images/yuce/title_line.84ebc52e5b271e67f839.png);
    background-size: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-position: 50%;
    background-repeat: no-repeat;
    margin: 5px 30px
}

.wd_bargain .rights_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 20px 0
}

.wd_bargain .rights_list li {
    width: 25%;
    padding: 5px 0;
    text-align: center;
    font-size: 0
}

.wd_bargain .rights_list li p {
    margin-top: 5px;
    font-size: 11px;
    color: #a56d55
}

.wd_bargain .rights_list li i {
    position: relative;
    display: inline-block;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    background: -webkit-linear-gradient(-45deg,#eacbb1,#c79b7d)
}

.wd_bargain .rights_list li i:after {
    position: absolute;
    content: "";
    top: 8px;
    left: 8px;
    width: 25px;
    height: 25px;
    background-image: url(/images/yuce/rights_list.a1bf2b3c210a372ad3a3.png);
    background-size: 25px auto;
    background-repeat: no-repeat
}

.wd_bargain .rights_list li i.spdh:after {
    background-position: 0 0
}

.wd_bargain .rights_list li i.sssj:after {
    background-position: 0 -25px
}

.wd_bargain .rights_list li i.qdqb:after {
    background-position: 0 -50px
}

.wd_bargain .rights_list li i.bjsd:after {
    background-position: 0 -75px
}

.wd_bargain .rights_list li i.sqhr:after {
    background-position: 0 -100px
}

.wd_bargain .rights_list li i.ltgb:after {
    background-position: 0 -125px
}

.wd_bargain .rights_list li i.hybs:after {
    background-position: 0 -150px
}

.wd_bargain .rights_list li i.zskf:after {
    background-position: 0 -175px
}

.wd_bargain .dao {
    width: 22px;
    height: 18px;
    margin-top: -1px;
    background: url(/images/yuce/dao.022971497e7590352988.png) no-repeat;
    background-size: cover
}

.wd_bargain .act_rule {
    padding: 20px 25px 20px 30px
}

.wd_bargain .act_rule p {
    font-size: 14px;
    color: #ffb1aa;
    line-height: 18px;
    margin-bottom: 15px
}

.wd_bargain .helpBargain {
    margin-top: -30px
}

.wd_bargain .top_line {
    width: 373px;
    height: 16px;
    margin: 0 auto;
    background: url(/images/yuce/top_line.f7a8976c352e0a481d48.png) no-repeat;
    background-size: cover
}

.wd_bargain .bargain_det {
    margin: -8px 10px 10px;
    padding: 20px 17px 29px;
    background: #fffcf9;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 6px 3px rgba(0,0,0,.1),inset 0 0 10px 7px #ebc6bd
}

.wd_bargain .bargain_det .txt {
    line-height: 22px;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    white-space: nowrap
}

.wd_bargain .bargain_det .txt span {
    color: #ea6d41
}

.wd_bargain .progress {
    margin-top: 6px;
    overflow: hidden;
    background: #f6d9c7;
    border-radius: 8px;
    height: 16px
}

.wd_bargain .progress span {
    height: 100%;
    display: inline-block;
    background: #ea6d41
}

.wd_bargain .bottom_info {
    height: 29px;
    font-size: 12px;
    color: #666
}

.wd_bargain .bottom_info,.wd_bargain .clockrun,.wd_bargain .deadline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_bargain .clockrun .num {
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #9d9d9d
}

.wd_bargain .clockrun .dot {
    margin: 0 2px;
    height: 16px;
    line-height: 15px
}

.wd_bargain .helpNum {
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    padding-right: 2px
}

.wd_bargain .helpNum span {
    color: #ea6d41
}

.wd_bargain .bargain_rank {
    background: #fffcf9;
    border-radius: 8px;
    box-shadow: 0 2px 6px 3px rgba(0,0,0,.1),inset 0 0 10px 7px #ebc6bd;
    margin: 10px 10px 40px;
    padding-top: 17px;
    padding-bottom: 15px
}

.wd_bargain .bargain_rank .title_line {
    font-size: 16px;
    margin: 0 12px;
    background-image: url(/images/yuce/title_line2.4c45cdbd4fa4515481a9.png)
}

.wd_bargain .rank_list {
    padding: 0 15px
}

.wd_bargain .rank_list li {
    height: 48px;
    border-bottom: 1px solid #f6e4de;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wd_bargain .rank_list li .rank {
    width: 24px;
    font-size: 12px;
    color: #999;
    font-weight: 700
}

.wd_bargain .rank_list li .rank.red {
    color: #ea4747
}

.wd_bargain .rank_list li .rank.yellow {
    color: #f39700
}

.wd_bargain .rank_list li .rank.coffee {
    color: #b28850
}

.wd_bargain .rank_list li .photo {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden
}

.wd_bargain .rank_list li img {
    height: auto;
    max-width: 100%
}

.wd_bargain .rank_list li .name {
    -ms-flex: 1;
    flex: 1;
    padding-right: 20px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.wd_bargain .rank_list li .help {
    color: #666;
    font-size: 14px
}

.wd_bargain .bargain_btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 54px;
    width: 313px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
    background: url(/images/yuce/bargain_btn.2b2c9e7f8ac861ba4d98.png) no-repeat;
    background-size: cover;
    font-size: 17px;
    color: #fff;
    font-weight: 700
}

.wd_bargain .bargain_btn .dao {
    margin-left: 4px;
    background: url(/images/yuce/dao02.58b27110588fe36541e6.png) no-repeat;
    background-size: cover
}

.wd_bargain .no_help {
    text-align: center;
    padding: 15px 0 7px
}

.wd_bargain .no_help i {
    display: inline-block;
    width: 72px;
    height: 86px;
    background: url(/images/yuce/fail_person.37ecbb9f89f87f107dbf.png) no-repeat;
    background-size: cover
}

.wd_bargain .end_tip {
    text-align: center;
    margin: -5px 0;
    line-height: 22px
}

.wd_bargain .end_tip i {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    background: url(/images/yuce/tip_icon.9a84d166da64b14df52a.png) no-repeat;
    background-size: cover
}

.wd_bargain .end_tip p {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #ffd800
}

.wd_bargain .hdhy_txt {
    width: 370px;
    margin: -2px auto -7px;
    background: url(/images/yuce/hdhy_txt.6b3f646b202a03e852d7.png) no-repeat;
    background-size: 100% 100%;
    height: 29px
}

.wd_bargain .askBargain {
    position: relative;
    margin: 10px 35px 50px;
    padding: 25px 12px;
    background: #fffcf9;
    border-radius: 10px;
    box-shadow: 0 2px 6px 3px rgba(0,0,0,.1),inset 0 0 10px 6px #ebc6bd
}

.wd_bargain .askBargain .bargain_det {
    padding: 0;
    margin: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none
}

.wd_bargain .askBargain .bargain_det .txt {
    text-align: center
}

.wd_bargain .askBargain .bargain_det .progress {
    height: 14px;
    border-radius: 7px
}

.wd_bargain .askBargain .bargain_btn {
    width: 258px;
    height: 42px;
    padding-bottom: 0;
    background: #d55345;
    border-radius: 21px;
    font-size: 15px
}

.wd_bargain .askBargain .user {
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 0
}

.wd_bargain .askBargain .user .photo {
    display: inline-block;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff
}

.wd_bargain .askBargain .user .photo img {
    height: auto;
    max-width: 100%
}

.wd_bargain .askBargain .user .name {
    font-size: 14px;
    color: #999
}

.wd_bargain .askBargain .txt2 {
    font-size: 16px;
    color: #333;
    line-height: 20px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 25px
}

.wd_bargain .bargain_link {
    text-align: center;
    padding-top: 15%
}

.wd_bargain .bargain_link textarea {
    resize: none;
    outline: none;
    border: none;
    background: none;
    font-size: 14px;
    color: #fff;
    line-height: 21px;
    width: 275px;
    text-align: left;
    overflow: hidden
}

.wd_bargain .bargain_link .copy {
    width: 275px;
    height: 48px;
    line-height: 48px;
    margin: 30px auto;
    text-align: center;
    border: 1px solid #e59d17;
    font-size: 18px;
    color: #ffdb01;
    border-radius: 24px
}

.wd_bargain .qrcode {
    text-align: center;
    padding-bottom: 20px
}

.wd_bargain .qrcode p {
    line-height: 16px;
    font-size: 12px;
    color: hsla(0,0%,100%,.6);
    font-weight: 700
}

.wd_bargain_bottomBtn,.wd_bargain_bottomBtn div {
    display: -ms-flexbox;
    display: flex
}

.wd_bargain_bottomBtn div {
    -ms-flex: 1;
    flex: 1;
    line-height: 44px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #804100;
    font-weight: 700;
    background: url(/images/yuce/bottom_btn_bg.99b323a4951cc05e0419.jpg) no-repeat;
    background-size: 100% 100%
}

.wd_bargain_bottomBtn div.red {
    color: #fff;
    background: url(/images/yuce/bottom_btn_bg02.cfa7dabb09b04b40221f.jpg) no-repeat;
    background-size: 100% 100%
}

.wd_bargain_bottomBtn div .dao {
    margin-right: 11px
}

.wd_bargain_sharePop {
    position: absolute;
    z-index: 1000;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #f2f2f2;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: all .3s ease;
    text-align: center
}

.wd_bargain_sharePop.animate {
    opacity: 1;
    visibility: visible;
    transform: none
}

.wd_bargain_sharePop .title {
    font-size: 15px;
    color: #333;
    font-weight: 700;
    line-height: 45px
}

.wd_bargain_sharePop ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 10px
}

.wd_bargain_sharePop ul li {
    width: 25%;
    margin: 10px 0;
    font-size: 0
}

.wd_bargain_sharePop ul li img {
    width: 50px;
    height: 50px
}

.wd_bargain_sharePop ul li p {
    font-size: 11px;
    color: #666;
    margin-top: 5px
}

.wd_bargain_sharePop .btn {
    font-size: 15px;
    color: #333;
    background: #fff;
    line-height: 45px
}

.wd_bargain_popPay {
    position: absolute;
    padding-bottom: 15px;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1000;
    background: #fff;
    border-radius: 8px 8px 0 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: all .3s ease
}

.wd_bargain_popPay.animate {
    opacity: 1;
    visibility: visible;
    transform: none
}

.wd_bargain_popPay .close {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    font-size: 30px;
    color: #999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

.wd_bargain_popPay .title {
    font-size: 15px;
    color: #333;
    font-weight: 700;
    line-height: 40px
}

.wd_bargain_popPay .con {
    text-align: center;
    padding: 30px 0 35px
}

.wd_bargain_popPay .con .price {
    font-size: 16px;
    color: #333
}

.wd_bargain_popPay .con .txt {
    font-size: 14px;
    color: #999;
    margin-top: 5px
}

.wd_bargain_popPay .btn {
    position: relative;
    display: block;
    margin: 0 15px;
    background: #439ee2;
    border-radius: 8px;
    line-height: 40px;
    font-size: 15px;
    color: #fff
}

.wd_bargain_popPay .btn i {
    position: absolute;
    top: 9px;
    left: 9px;
    width: 22px;
    height: 22px;
    background: url(/images/yuce/zfb_icon.47db66aa6506b4ad9d96.png) no-repeat;
    background-size: cover
}

.wd_bargain_step {
    background: url(/images/yuce/step.752a8e945a07da1abeed.png) no-repeat;
    background-size: cover
}

.wd_bargain_step,.wd_bargain_step2 {
    position: absolute;
    z-index: 1000;
    top: 12px;
    right: 25px;
    width: 300px;
    height: 143px
}

.wd_bargain_step2 {
    background: url(/images/yuce/step2.5c45a23d0641a74c6c23.png) no-repeat;
    background-size: cover
}

.wd_bargain_confirm {
    width: 305px;
    background: #fff;
    border-radius: 10px
}

.wd_bargain_confirm .close {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 40px;
    height: 40px
}

.wd_bargain_confirm .close:after,.wd_bargain_confirm .close:before {
    content: "";
    position: absolute;
    left: 11px;
    top: 19px;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background: #b7b7b7
}

.wd_bargain_confirm .close:before {
    transform: rotate(-45deg)
}

.wd_bargain_confirm .close:after {
    transform: rotate(45deg)
}

.wd_bargain_confirm .person {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -50px;
    width: 90px;
    height: 77px;
    background: url(/images/yuce/person01.f7507c4a3b8d11c7d3fa.png) no-repeat;
    background-size: cover
}

.wd_bargain_confirm .person.download {
    background: url(/images/yuce/person02.d35e54bf2f6c3acebd47.png) no-repeat;
    background-size: cover
}

.wd_bargain_confirm .txt {
    height: 140px;
    text-align: center;
    font-size: 15px;
    color: #666
}

.wd_bargain_confirm .btn {
    display: -ms-flexbox;
    display: flex
}

.wd_bargain_confirm .btn a {
    -ms-flex: 1;
    flex: 1;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #999
}

.wd_bargain_confirm .btn a.red {
    color: #ea4747;
    font-weight: 500
}

.wd_member_remind_pop {
    position: relative;
    width: 270px;
    height: 330px;
    padding-top: 50px;
    background: url(/images/yuce/member_remind_pop01.2845a40d45d0d90a9ca7.png) no-repeat;
    background-size: cover
}

.wd_member_remind_pop .close {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    border: 1px solid hsla(0,0%,100%,.5)
}

.wd_member_remind_pop .close:after,.wd_member_remind_pop .close:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 14px;
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background: hsla(0,0%,100%,.5)
}

.wd_member_remind_pop .close:before {
    transform: rotate(-45deg)
}

.wd_member_remind_pop .close:after {
    transform: rotate(45deg)
}

.wd_member_remind_pop .txt {
    height: 75px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wd_member_remind_pop .txt p {
    line-height: 18px;
    text-align: center;
    font-size: 13px;
    color: #cdf3ff;
    font-weight: 700;
    white-space: nowrap
}

.wd_member_remind_pop .txt p span {
    font-size: 14px;
    color: #fff400
}

.wd_member_remind_pop .time {
    height: 60px;
    line-height: 60px;
    margin-top: 25px;
    font-size: 50px;
    color: #fff300;
    text-align: center
}

.wd_member_remind_pop .btn {
    position: absolute;
    width: 165px;
    height: 40px;
    line-height: 40px;
    left: 53px;
    bottom: 8px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 700
}

.wd_member_remind_pop.past {
    background: url(/images/yuce/member_remind_pop02.20b532a9de8bb187b19c.png) no-repeat;
    background-size: cover
}

.wd_member_remind_pop.soon {
    padding-top: 45px;
    background: url(/images/yuce/member_remind_pop03.52e789817a0ea5132645.png) no-repeat;
    background-size: cover
}

.wd_member_remind_pop.soon .btn {
    bottom: 5px
}

.wd_coupon_remind_pop {
    position: relative;
    width: 254px;
    height: 322px;
    padding-top: 110px;
    text-align: center;
    background: url(/images/yuce/wd_coupon_remind.dde731e8a2b51554e5ac.png) no-repeat;
    background-size: cover
}

.wd_coupon_remind_pop .close {
    position: absolute;
    top: -30px;
    right: -15px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    border: 1px solid hsla(0,0%,100%,.5)
}

.wd_coupon_remind_pop .close:after,.wd_coupon_remind_pop .close:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 14px;
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background: hsla(0,0%,100%,.5)
}

.wd_coupon_remind_pop .close:before {
    transform: rotate(-45deg)
}

.wd_coupon_remind_pop .close:after {
    transform: rotate(45deg)
}

.wd_coupon_remind_pop h3 {
    font-size: 18px;
    color: #ffc000;
    font-weight: 700
}

.wd_coupon_remind_pop .price {
    color: #c51529;
    font-size: 14px;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    padding-left: 5px
}

.wd_coupon_remind_pop .price span {
    font-size: 35px;
    margin-right: 8px
}

.wd_coupon_remind_pop .btn {
    width: 190px;
    height: 36px;
    line-height: 36px;
    display: block;
    margin: 40px auto 0;
    background: -webkit-linear-gradient(left,#ffca2a,#ffca2a);
    border-radius: 18px;
    font-size: 17px;
    color: #c51529;
    font-weight: 700
}

@media screen and (max-width:374px) {
    .wd_bargain .rights_info p {
        height: 20px;
        line-height: 20px;
        font-size: 14px
    }

    .wd_bargain .rights_info p.fs14 {
        font-size: 13px
    }

    .wd_bargain .rights_info h3 {
        font-size: 14px
    }

    .wd_bargain .rights_info h3.fs14 {
        font-size: 13px
    }

    .wd_bargain .rights_info .order {
        width: 26px;
        font-size: 12px
    }
}

@media screen and (min-width:320px) and (max-width:360px) {
    .wd_bargain .rights_info p {
        height: 17px;
        line-height: 17px;
        font-size: 12px
    }

    .wd_bargain .rights_info p.fs14 {
        font-size: 11px
    }

    .wd_bargain .rights_info h3 {
        height: 20px;
        line-height: 20px;
        font-size: 12px
    }

    .wd_bargain .rights_info h3.fs14 {
        font-size: 11px
    }

    .wd_bargain .rights_info .order {
        width: 26px;
        font-size: 12px
    }
}

.wd_agencyBg {
    background: -webkit-linear-gradient(top,#093059 50%,#fff 0,#fff);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.wd_agencyBg .scroll-content {
    border-radius: 8px 8px 0 0;
    -webkit-clip-path: inset(0 0 0 0 round 8px 8px 0 0)
}

.wd_agencyBg .wd_autoScroll {
    border-radius: 8px 8px 0 0
}

.wd_agencyBg.bg_f2 {
    background: -webkit-linear-gradient(top,#093059 50%,#f2f2f2 0,#f2f2f2);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.wd_matchShareBg {
    background-color: #537997!important
}

.wd_matchShare_wrap {
    padding: 10px 10px 30px
}

.wd_matchShare {
    background: #ea5454
}

.wd_matchShare.bg_fff .bottom.bdc_fff_20:before {
    border-color: #eee
}

.wd_matchShare.bg_fff .bottom .txt p {
    color: #333
}

.wd_matchShare.bg_fff .bottom .txt span {
    color: #bbb
}

.wd_matchShare.bg_fff .bottom .logo {
    background: url(/images/yuce/logotxt02.ee0c2c475bc804f0150a.png) no-repeat;
    background-size: cover
}

.wd_matchShare .top .match {
    padding-bottom: 50px;
    margin-bottom: -50px;
    background: url(/images/yuce/share_top_bg01.5da457e716328f3fa34c.jpg) no-repeat;
    background-size: cover
}

.wd_matchShare .top .match .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 15px 0;
    line-height: 20px
}

.wd_matchShare .top .match .title .time {
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    color: #fff;
    font-weight: 700
}

.wd_matchShare .top .match .title .live {
    display: -ms-flexbox;
    display: flex
}

.wd_matchShare .top .match .title .live p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    font-size: 10px;
    color: hsla(0,0%,100%,.7)
}

.wd_matchShare .top .match .title .live p .wd_icon_video {
    margin-right: 5px
}

.wd_matchShare .top .expert {
    padding-bottom: 60px;
    margin-bottom: -60px;
    background: url(/images/yuce/share_top_bg02.037a29b000d1ab8aee0b.jpg) no-repeat;
    background-size: cover
}

.wd_matchShare .top .expert .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 15px 25px 10px 15px
}

.wd_matchShare .top .expert .info .comUserImg {
    width: 48px;
    height: 48px
}

.wd_matchShare .top .expert .info .txt {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.wd_matchShare .top .expert .info .txt .name {
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.wd_matchShare .top .expert .info .txt .intro {
    margin-top: 5px;
    font-size: 12px;
    color: hsla(0,0%,100%,.7);
    line-height: 17px;
    max-height: 34px;
    overflow: hidden
}

.wd_matchShare .top .expert .bot_abs {
    padding-right: 15px;
    margin-left: 15px
}

.wd_matchShare .top .expert.hren {
    padding-bottom: 50px;
    margin-bottom: -50px;
    background: url(/images/yuce/share_top_bg03.731289193e41a9b094fc.jpg) no-repeat;
    background-size: cover
}

.wd_matchShare .top .expert.hren .info {
    position: relative;
    padding-top: 20px
}

.wd_matchShare .top .expert.hren .info .txt {
    padding-top: 4px
}

.wd_matchShare .top .expert.hren .info .txt .fans {
    margin-top: 2px;
    font-size: 12px;
    color: hsla(0,0%,100%,.7)
}

.wd_matchShare .top .expert.hren .evenRedTip {
    top: 30px
}

.wd_matchShare .top .wd_pkTeams.live {
    padding-top: 20px;
    padding-bottom: 15px
}

.wd_matchShare .top .wd_pkTeams.live .wd_pkTeam img {
    width: 32px;
    height: 32px
}

.wd_matchShare .top .wd_pkTeams.live .wd_pkTeam .wd_horseWrap,.wd_matchShare .top .wd_pkTeams.live .wd_pkTeam>span {
    margin-top: 10px
}

.wd_matchShare .top .wd_pkTeams.live .wd_liveScore {
    padding-top: 10px;
    padding-bottom: 7px
}

.wd_matchShare .top .wd_pkTeams.live .wd_liveStatus {
    top: -12px
}

.wd_matchShare .top .wd_pkTeams.live .wd_icon_vs {
    margin-top: 18px
}

.wd_matchShare .top .wd_liveScore span {
    font-size: 24px
}

.wd_matchShare>.con .block {
    background: #fff;
    border-radius: 8px;
    margin: 0 10px 10px;
    overflow: hidden
}

.wd_matchShare>.con .exConList_li {
    margin-bottom: 0
}

.wd_matchShare>.con .exConList_li .topInfo {
    padding: 15px 10px
}

.wd_matchShare>.con .exConList_li .topInfo .comUserImg {
    width: 40px;
    height: 40px
}

.wd_matchShare>.con .exConList_li .topInfo .txt>div {
    height: 20px
}

.wd_matchShare>.con .exConList_li .topInfo .txt>div .name {
    font-size: 14px
}

.wd_matchShare>.con .exConList_li .topInfo .txt p {
    margin-top: 2px;
    line-height: 17px
}

.wd_matchShare>.con .exConList_li .topInfo .right span {
    margin-top: 2px
}

.wd_matchShare>.con .remind {
    padding: 2px 0 10px;
    text-align: center
}

.wd_matchShare>.con .remind p {
    line-height: 20px;
    margin-bottom: 3px;
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

.wd_matchShare>.con .exRecord {
    box-shadow: none
}

.wd_matchShare>.con .exRecord_t li span {
    color: #333
}

.wd_matchShare>.con .exRecord_b {
    padding-top: 3px
}

.wd_matchShare>.con .read {
    padding: 0 10px
}

.wd_matchShare>.con .read .rec_clip {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 0 18px;
    line-height: 20px;
    font-size: 14px;
    color: #333
}

.wd_matchShare>.con .read .rec_clip i {
    width: 22px;
    height: 22px;
    margin-right: 14px;
    background: url(/images/yuce/icon_quote.4ce4d4abea3ecfccca52.png) no-repeat;
    background-size: cover
}

.wd_matchShare>.con .read .rec_clip p {
    -ms-flex: 1;
    flex: 1
}

.wd_matchShare>.con .read .exConList_li .con h3 {
    margin-bottom: 5px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 700;
    max-height: 50px;
    overflow: hidden
}

.wd_matchShare .bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 10px
}

.wd_matchShare .bottom .qrcode {
    width: 60px;
    height: 60px
}

.wd_matchShare .bottom .txt {
    margin-left: 10px
}

.wd_matchShare .bottom .txt p {
    font-size: 14px;
    color: #fff
}

.wd_matchShare .bottom .txt span {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.wd_matchShare .bottom .logo {
    position: absolute;
    right: 15px;
    bottom: 10px;
    width: 70px;
    height: 16px;
    background: url(/images/yuce/logotxt.d6d506bf23a08b10dfdc.png) no-repeat;
    background-size: cover
}

.wd_matchShare .mes_con {
    padding: 20px 20px 5px
}

.wd_matchShare .mes_con .title {
    margin-bottom: 15px;
    font-size: 18px;
    color: #333;
    font-weight: 700;
    line-height: 25px
}

.wd_matchShare .mes_con .hr {
    height: 5px;
    border-top: 2px solid #eee
}

.wd_matchShare .mes_con .text {
    position: relative;
    margin-top: 10px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    max-height: 162px;
    overflow: hidden
}

.wd_matchShare .mes_con .text .mask {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 47px;
    background: -webkit-linear-gradient(top,hsla(0,0%,100%,.8),#fff)
}

.wd_matchShare .mes_con .wd_around_line_title {
    padding-top: 5px
}

.wd_matchShare .evenRedTip {
    z-index: 2;
    border: 1px solid #fff
}

.wd_matchShare .wd_around_line_title {
    padding: 15px 8%;
    margin: 0
}

.wd_matchShare .wd_around_line_title .txt {
    color: #0f88eb;
    font-size: 14px
}

.wd_matchShare .wd_around_line_title .txt span {
    background: #0f88eb;
    opacity: .1
}

.wd_matchShareBtn {
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px;
    background: #fff
}

.wd_matchShareBtn a {
    -ms-flex: 1;
    flex: 1;
    height: 44px;
    line-height: 44px;
    margin-right: 10px;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.wd_matchShareBtn a:last-child {
    margin-right: 0
}

.wd_matchShareBtn a.blue {
    background-color: #4a90e2
}

.wd_matchShareBtn a.green {
    background-color: #2db370
}

.wd_matchShareBtn a.orange {
    background-color: #ff8200
}

.wd_agency_num {
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0 15px
}

.wd_agency_num li {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.wd_agency_num li div {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px
}

.wd_agency_num li p {
    font-size: 12px;
    color: hsla(0,0%,100%,.7);
    line-height: 17px;
    margin-top: 5px
}

.wd_agency_list_t {
    display: -ms-flexbox;
    display: flex;
    line-height: 40px;
    position: -webkit-sticky!important;
    position: sticky!important;
    top: 0;
    z-index: 100;
    padding: 0 10px 0 65px;
    background: #fff
}

.wd_agency_list_t div {
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    color: #333;
    text-align: center
}

.wd_agency_list_t div:first-of-type {
    -ms-flex: 2;
    flex: 2;
    text-align: left
}

.wd_agency_list_t div:first-of-type span {
    margin-left: 20px
}

.wd_agency_list_t .wd_icon_sort {
    position: absolute;
    top: 0;
    left: 5px
}

.wd_agency_list .li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 10px 10px 15px
}

.wd_agency_list .li .photo {
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 10px
}

.wd_agency_list .li .photo img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.wd_agency_list .li .info {
    -ms-flex: 2;
    flex: 2
}

.wd_agency_list .li .info .name {
    line-height: 20px;
    font-size: 14px;
    color: #333;
    font-weight: 500
}

.wd_agency_list .li .info .time {
    line-height: 17px;
    font-size: 12px;
    color: #999
}

.wd_agency_list .li .award {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.wd_agency_list .li .award.fwn {
    font-weight: 400
}

.wd_agency_list.personal {
    padding-right: 15px
}

.wd_agency_list.personal .li.border:before {
    left: 65px
}

.wd_agency_list.personal .li .info {
    -ms-flex: 3;
    flex: 3
}

.wd_agency_list.personal .li .award {
    -ms-flex: 2;
    flex: 2;
    text-align: right
}

.wd_agency_noData {
    text-align: center;
    padding: 28% 0 10%
}

.wd_agency_noData .btn {
    display: inline-block;
    width: 220px;
    height: 45px;
    line-height: 45px;
    margin-top: 30px;
    background: #ff8200;
    text-align: center;
    border-radius: 6px;
    font-size: 16px;
    color: #fff
}

.wd_time_sel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 54px 0 45px;
    padding-top: 7px
}

.wd_time_sel .sel {
    -ms-flex: 1;
    flex: 1;
    line-height: 30px;
    background: #fff;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    color: #a9a9a9;
    overflow: hidden
}

.wd_time_sel .sel.active {
    font-size: 14px;
    color: #333
}

.wd_time_sel .sel input[type=date],.wd_time_sel .sel input[type=month],.wd_time_sel .sel input[type=week],.wd_time_sel .sel input[type=year] {
    width: 150px
}

.wd_time_sel em {
    width: 7px;
    height: 2px;
    margin: 0 9px;
    background: #fff
}

.wd_subnav_process.agency {
    padding: 15px 0
}

.wd_subnav_process.agency li span {
    position: relative;
    z-index: 2;
    background-color: #ddd;
    border: 4px solid #f2f2f2;
    box-sizing: content-box
}

.wd_subnav_process.agency li p {
    font-size: 12px;
    color: #333;
    font-weight: 700
}

.wd_subnav_process.agency li i {
    width: 100%;
    top: 17px;
    right: -50%;
    background-color: #e5e5e5
}

.wd_agency_entry {
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
    padding-right: 10px
}

.wd_agency_entry .btn {
    border-radius: 6px;
    padding: 18px 0;
    margin-right: 5px
}

.wd_agency_entry .btn:last-child {
    margin-right: 0
}

.wd_agency_entry .btn h3 {
    line-height: 25px;
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

.wd_agency_entry .btn p {
    line-height: 17px;
    margin-top: 2px;
    font-size: 12px;
    color: hsla(0,0%,100%,.7)
}

.wd_agency_entry .btn.left {
    -ms-flex: 2;
    flex: 2;
    position: relative;
    padding-left: 15px;
    background: #8b6ae2
}

.wd_agency_entry .btn.left i {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 49px;
    height: 60px;
    background: url(/images/yuce/agency_entry_bg.8d0a4ce93f313d454f31.png) no-repeat;
    background-size: cover
}

.wd_agency_entry .btn.right {
    -ms-flex: 1;
    flex: 1;
    background: #2db370;
    text-align: center
}

.wd_agency_title {
    position: relative;
    padding: 20px 15px 10px
}

.wd_agency_title h3 {
    line-height: 25px;
    font-size: 18px;
    color: #333;
    font-weight: 700
}

.wd_agency_title p {
    font-size: 12px;
    color: #999
}

.wd_agency_title .wd_switchTab {
    position: absolute;
    top: 24px;
    right: 15px
}

.wd_agency_title .wd_switchTab.coffee {
    background: none
}

.wd_agency_help .con {
    position: relative;
    margin: -65px 15px 40px
}

.wd_agency_help .con .section {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden
}

.wd_agency_help .con .section .question {
    padding: 20px 25px 12px;
    line-height: 28px;
    background-color: #d1a366;
    font-size: 20px;
    color: #fff;
    font-weight: 700
}

.wd_agency_help .con .section .step {
    padding: 20px 25px 0
}

.wd_agency_help .con .section .step h3 {
    line-height: 25px;
    font-size: 18px;
    color: #3e569d;
    font-weight: 700
}

.wd_agency_help .con .section .step p {
    line-height: 22px;
    font-size: 14px;
    color: #333;
    margin-top: 5px
}

.wd_agency_help .con .section .step img {
    width: 100%;
    margin-top: 10px
}

.bg_df1c1b {
    background-color: #df1c1b!important
}

.wd_partner_intro {
    padding: 5px 20px 70px;
    margin: 20px 15px;
    background: #fdfdfd;
    border-radius: 10px;
    box-shadow: 0 2px 6px 3px rgba(0,0,0,.1),inset 0 0 10px 5px #f8dabb
}

.wd_partner_intro .title {
    width: 168px;
    height: 35px;
    text-align: center;
    margin: 30px auto;
    line-height: 35px;
    background: url(/images/yuce/partner_titleBg.35ee2a06772f02d56b1b.png) no-repeat 50%/cover;
    font-size: 17px;
    color: #fff;
    font-weight: 700
}

.wd_partner_intro .txt {
    position: relative;
    margin-top: 20px;
    font-size: 14px;
    color: #666
}

.wd_partner_intro .txt p {
    text-indent: 22px
}

.wd_partner_intro .txt em {
    background-color: #ff733f;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-weight: 700;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    position: absolute;
    text-align: center;
    left: 0;
    top: 1px
}

.wd_partner_intro .orange {
    color: #fd723e
}

.partSection01 {
    width: 100%;
    height: 255px;
    background: url(/images/yuce/partner_bg01.6b18f911dc17e27a65ba.jpg);
    background-size: 100% 100%
}

.partSection02 {
    padding-top: 95px;
    width: 100%;
    height: 255px;
    background: url(/images/yuce/partner_bg02.20eef32a0add9fcc41b0.jpg);
    background-size: 100% 100%
}

.partSection02 .txt01 {
    padding: 5px 0 10px 3px;
    width: 325px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 600;
    color: #fb6430
}

.partSection02 .bigBtn {
    display: block;
    width: 308px;
    height: 45px;
    line-height: 43px;
    text-align: center;
    margin: 0 auto;
    background: url(/images/yuce/btnBg.ca5295183905826e9346.png);
    background-size: 100% 100%;
    font-size: 18px;
    color: #c83600;
    font-weight: 700
}

.partSection02 .txt02 {
    margin-top: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #e0844f
}

.partSection03 {
    padding-top: 91px;
    width: 100%;
    height: 255px;
    background: url(/images/yuce/partner_bg03.c7866b7a4a32af1a1f1d.jpg);
    background-size: 100% 100%
}

.partSection03 .txt01 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    font-size: 14px;
    color: #d35d23;
    font-weight: 600
}

.partSection04 {
    padding-top: 97px;
    width: 100%;
    height: 255px;
    background: url(/images/yuce/partner_bg04.f538b14c90e7e0c2f041.jpg);
    background-size: 100% 100%
}

.partSection04 .txt01 {
    font-size: 14px;
    color: #666;
    width: 305px;
    line-height: 20px;
    margin: 0 auto;
    text-indent: 2em
}

.partSection05 {
    width: 100%;
    height: 252px;
    background: url(/images/yuce/partner_bg05.ccb69116758608c52df4.jpg);
    background-size: 100% 100%
}

.partSection05 .txt01 {
    font-size: 14px;
    color: #666;
    width: 310px;
    line-height: 20px;
    margin: 0 auto
}

.partSection05 .txt01 li {
    margin-bottom: 17px
}

.partSection05 .txt01 li em {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-right: 8px;
    border-radius: 50%;
    background: #ff733f;
    color: #fff;
    font-size: 15px;
    text-align: center
}

.partnerJdt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 325px;
    margin: 0 auto
}

.partnerJdt .barWrap {
    position: relative;
    display: block;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.partnerJdt .bar {
    position: relative;
    height: 18px;
    background: #fbd8c4;
    border: 1px solid #f4b895;
    border-radius: 20px;
    overflow: hidden
}

.partnerJdt .txt {
    font-weight: 700;
    padding: 0 3px;
    font-size: 12px;
    color: #fb6430
}

.partnerJdt .bar i {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    border-right: 1px solid #f4b895
}

.partnerJdt .bar span {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 16px;
    background: #f64706
}

.percenTxt {
    text-align: center;
    font-weight: 600;
    position: absolute;
    bottom: 15px;
    left: 42%;
    padding-bottom: 14px;
    font-size: 12px;
    color: #fb6430
}

.percenTxt:after {
    content: "";
    position: absolute;
    bottom: 7px;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fb6430
}

.starIcon {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    background: url(/images/yuce/star.89cdcc373d42fecd0e2b.png);
    background-size: 100% 100%
}

.quaTable {
    position: relative;
    text-align: center;
    width: 302px;
    margin: 0 auto;
    background: #ffdc81;
    border-radius: 5px;
    overflow: hidden
}

.quaTable:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ffdc81
}

.quaTable table {
    width: 100%
}

.quaTable table tr:nth-child(odd) {
    background: #ffb248
}

.quaTable table th {
    height: 38px;
    font-size: 16px;
    color: #c43d15
}

.quaTable table td {
    height: 34px;
    font-size: 16px;
    color: #cc5e0b
}

.yzImg {
    position: absolute;
    top: -43px;
    left: 50%;
    margin-left: -60px;
    width: 90px;
    height: 77px;
    background: url(/images/yuce/yzImg.d50d305f1ca61c2771fa.png);
    background-size: 100% 100%
}

.iphoneTop .wd_ucHeader {
    padding-top: 44px
}

.old-uc .wd_ucHeader {
    padding-top: 24px;
    padding-bottom: 50px;
    margin-bottom: -35px;
    background-image: -webkit-linear-gradient(top,#01001d,#0d4a7a)
}

.old-uc .wd_ucHeader .wd_ucInfor {
    position: relative
}

.old-uc .wd_ucHeader .wd_ucInfor .wd_icon_mes {
    position: absolute;
    top: -19px;
    right: 45px
}

.old-uc .wd_ucHeader .wd_ucInfor .wd_icon_set {
    position: absolute;
    top: -19px;
    right: 7px
}

.old-uc .wd_ucHeader .wd_ucInforWrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px
}

.old-uc .wd_ucHeader .wd_ucInforWrap .wd_ucPhoto {
    position: relative;
    width: 52px;
    height: 52px;
    border-radius: 50%
}

.old-uc .wd_ucHeader .wd_ucInforWrap .wd_ucPhoto:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    border-radius: 50%;
    border: 3px solid #fff;
    box-sizing: border-box;
    transform: scale(.5);
    transform-origin: 0 0;
    left: 0;
    top: 0
}

.old-uc .wd_ucHeader .wd_ucInforWrap .wd_ucPhoto .photo,.old-uc .wd_ucHeader .wd_ucInforWrap .wd_ucPhoto .photo_wrap {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.old-uc .wd_ucHeader .wd_ucInforWrap .wd_ucPhoto .level {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 14px;
    height: 14px;
    background: url(/images/yuce/wd_ucLevelIcon.4c65bd58d5bf3f271bd9.png) no-repeat;
    background-size: 14px auto
}

.old-uc .wd_ucHeader .wd_ucInforWrap .wd_ucPhoto .level.zjia {
    background-position: 0 0
}

.old-uc .wd_ucHeader .wd_ucInforWrap .wd_ucPhoto .level.hren {
    background-position: 0 -14px
}

.old-uc .wd_ucHeader .wd_ucInforWrap .wd_ucPhoto .level.syan {
    background-position: 0 -28px
}

.old-uc .wd_ucHeader .wd_ucInforWrap .wd_ucName {
    margin-left: 8px
}

.old-uc .wd_ucHeader .wd_ucInforWrap .wd_ucName .name {
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.old-uc .wd_ucHeader .wd_ucInforWrap .wd_ucName .check {
    margin-top: 2px;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.old-uc .wd_myCounter {
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.old-uc .wd_myCounter a {
    -ms-flex: 1;
    flex: 1;
    padding: 10px 0
}

.old-uc .wd_myCounter a div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 20px
}

.old-uc .wd_myCounter a strong {
    font-size: 18px;
    font-weight: 500;
    color: #ff8200
}

.old-uc .wd_myCounter a span {
    margin-left: 20px;
    font-size: 14px;
    color: hsla(0,0%,100%,.5)
}

.old-uc .wd_myItems {
    padding: 0 10px 30px
}

.old-uc .wd_myItems .block {
    margin-bottom: 10px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.05)
}

.old-uc .wd_myItems .title {
    position: relative;
    line-height: 21px;
    padding-left: 15px;
    font-size: 15px;
    font-weight: 700;
    color: #333
}

.old-uc .wd_myItems .title .detBtn {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 40px;
    font-size: 12px;
    color: #999;
    padding-right: 25px;
    background: url(/images/yuce/wd_arrowRightGray.c6fe8b79a773b0312552.png) no-repeat;
    background-size: 22px 22px;
    background-position: 100%
}

.old-uc .wd_myEarning .title {
    padding: 12px 10px 7px 15px
}

.old-uc .wd_myEarning .earnings {
    display: -ms-flexbox;
    display: flex;
    padding: 0 5px 6px
}

.old-uc .wd_myEarning .earnings li {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.old-uc .wd_myEarning .earnings li a {
    display: block;
    padding: 10px 0
}

.old-uc .wd_myEarning .earnings li strong {
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #ea4747
}

.old-uc .wd_myEarning .earnings li strong.gray {
    color: #999
}

.old-uc .wd_myEarning .earnings li span {
    display: block;
    line-height: 17px;
    margin-top: 5px;
    font-size: 12px;
    color: #999
}

.old-uc .wd_myLab .title {
    line-height: 40px
}

.old-uc .wd_myLab .entryBar {
    display: -ms-flexbox;
    display: flex;
    padding: 1px 15px 15px
}

.old-uc .wd_myLab .entryBar a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1;
    flex: 1;
    height: 50px;
    line-height: 50px;
    margin-right: 12px;
    font-size: 15px;
    color: #333;
    background: #f2f2f2;
    border-radius: 6px
}

.old-uc .wd_myLab .entryBar a:last-child {
    margin-right: 0
}

.old-uc .wd_myLab .entryBar a:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-image: url(/images/yuce/wd_ucIconList_old.4f107724f42d76da6a1e.png);
    background-repeat: no-repeat;
    background-size: 72px auto
}

.old-uc .wd_myLab .entryBar a.fbtj:before {
    background-position: 0 0
}

.old-uc .wd_myLab .entryBar a.tjjl:before {
    background-position: -18px 0
}

.old-uc .wd_myService .title {
    padding: 10px 0 5px 15px
}

.old-uc .wd_myService .wd_myQuickEntry li a {
    display: block;
    height: 90px;
    padding-top: 15px
}

.old-uc .wd_myService_row li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    padding: 0 10px 0 15px
}

.old-uc .wd_myService_row li a span {
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px;
    font-size: 15px;
    color: #333
}

.old-uc .wd_myService_row li a p {
    font-size: 14px;
    color: #999
}

.old-uc .wd_myService_row li a:after,.old-uc .wd_myService_row li a:before {
    content: "";
    width: 22px;
    height: 22px;
    background-repeat: no-repeat
}

.old-uc .wd_myService_row li a:before {
    background-size: 88px auto;
    background-image: url(/images/yuce/wd_ucIconList_old.4f107724f42d76da6a1e.png)
}

.old-uc .wd_myService_row li a:after {
    background-size: cover;
    background-image: url(/images/yuce/wd_arrowRightGray.c6fe8b79a773b0312552.png)
}

.old-uc .wd_myService_row li a.ckjd:before {
    background-position: 0 -22px
}

.old-uc .wd_myService_row li a.cktj:before {
    background-position: -22px -22px
}

.old-uc .wd_myService_row li a.wdtc:before {
    background-position: -44px -22px
}

.old-uc .wd_myService_row li a.wdkq:before {
    background-position: -66px -22px
}

.old-uc .wd_myQuickEntry_old {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.old-uc .wd_myQuickEntry_old li {
    width: 25%;
    text-align: center
}

.old-uc .wd_myQuickEntry_old li a {
    position: relative;
    display: block;
    height: 80px;
    padding-top: 19px
}

.old-uc .wd_myQuickEntry_old li a span {
    display: block;
    line-height: 17px;
    margin-top: 4px;
    font-size: 12px;
    color: #666
}

.old-uc .wd_myQuickEntry_old li a p {
    line-height: 14px;
    margin-top: 2px;
    font-size: 10px;
    color: #999
}

.old-uc .wd_myQuickEntry_old li a i {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background-image: url(/images/yuce/wd_ucIconList_old.4f107724f42d76da6a1e.png);
    background-repeat: no-repeat;
    background-size: 96px auto
}

.old-uc .wd_myQuickEntry_old li a i.fabu {
    background-position: 0 0
}

.old-uc .wd_myQuickEntry_old li a i.jilu {
    background-position: -24px 0
}

.old-uc .wd_myQuickEntry_old li a i.mingxi {
    background-position: -48px 0
}

.old-uc .wd_myQuickEntry_old li a i.tikuan {
    background-position: -72px 0
}

.old-uc .wd_myQuickEntry_old li a i.ckjd {
    background-position: 0 -24px
}

.old-uc .wd_myQuickEntry_old li a i.cktj {
    background-position: -24px -24px
}

.old-uc .wd_myQuickEntry_old li a i.wdtc {
    background-position: -48px -24px
}

.old-uc .wd_myQuickEntry_old li a i.wdkq {
    background-position: -72px -24px
}

.old-uc .wd_myQuickEntry_old li a i.wdtz {
    background-position: 0 -48px
}

.old-uc .wd_myQuickEntry_old li a i.wdpl {
    background-position: -24px -48px
}

.old-uc .wd_myQuickEntry_old li a i.wdzl {
    background-position: -48px -48px
}

.old-uc .wd_myQuickEntry_old li a i.wdbs {
    background-position: -72px -48px
}

.old-uc .wd_myQuickEntry_old li a i.yljh {
    background-position: 0 -72px
}

.old-uc .wd_myQuickEntry_old li a i.sqhr {
    background-position: -72px -72px
}

.old-uc .wd_myQuickEntry_old li a i.fwzx {
    background-position: -24px -72px
}

.old-uc .wd_myQuickEntry_old li a i.wdzil {
    background-position: -48px -72px
}

.old-uc .wd_myQuickEntry_old li a em.noStart {
    position: absolute;
    width: 14px;
    height: 14px;
    background: #ff8200;
    border-radius: 50%;
    font-size: 8px;
    line-height: 14px;
    text-align: center;
    top: 12px;
    color: #fff;
    left: 50%;
    margin-left: 13px
}

.old-uc .wd_myGold {
    overflow: hidden
}

.old-uc .wd_myGold .title {
    height: 50px;
    line-height: 50px;
    padding: 0 15px 0 48px;
    background: url(/images/yuce/wd_icon_gold.b334b593780a807d7247.png) no-repeat;
    background-size: 22px 22px;
    background-position: 15px
}

.old-uc .wd_myGold .title .num {
    float: right;
    font-size: 18px;
    font-weight: 500;
    color: #ff8200
}

.old-uc .wd_myGold .goldBar {
    display: -ms-flexbox;
    display: flex
}

.old-uc .wd_myGold .goldBar a {
    -ms-flex: 1;
    flex: 1;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    color: #333
}

.old-uc .wd_myGold .goldBar a.orange {
    color: #ff8200
}

.old-uc .wd_certification {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
    color: #cc902d;
    background: #fff2dc;
    border: 1px solid #f6e0d0;
    border-radius: 4px
}

.old-uc .wd_certification span {
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px
}

.old-uc .wd_certification:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(/images/yuce/wd_icon_idCard.785d5c18b415f4f90abc.png) no-repeat;
    background-size: cover
}

.old-uc .wd_certification:after {
    content: "";
    width: 22px;
    height: 22px;
    background: url(/images/yuce/wd_arrowRightCoffee.f9b0ede0c76cfb5c6566.png) no-repeat;
    background-size: cover
}

.old-uc .cff8200 {
    color: #ff8200
}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp {
                                                                                display: none;
                                                                                position: absolute;
                                                                                width: 100%;
                                                                                height: 100%;
                                                                                left: 0;
                                                                                top: 0;
                                                                                overflow: hidden;
                                                                                -ms-touch-action: none;
                                                                                touch-action: none;
                                                                                z-index: 1500;
                                                                                -webkit-text-size-adjust: 100%;
                                                                                -webkit-backface-visibility: hidden;
                                                                                outline: none
                                                                            }

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    background: #000;
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.pswp__bg,.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__container,.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(.4,0,.22,1)
}

.pswp__bg {
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap {
    transition: none
}

.pswp__container,.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    right: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img,.pswp__item {
    position: absolute;
    left: 0;
    top: 0
}

.pswp__img {
    width: auto;
    height: auto
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100%!important;
    height: auto!important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button {
                                                                                      width: 44px;
                                                                                      height: 44px;
                                                                                      position: relative;
                                                                                      background: none;
                                                                                      cursor: pointer;
                                                                                      overflow: visible;
                                                                                      -webkit-appearance: none;
                                                                                      display: block;
                                                                                      border: 0;
                                                                                      padding: 0;
                                                                                      margin: 0;
                                                                                      float: right;
                                                                                      opacity: .75;
                                                                                      transition: opacity .2s;
                                                                                      box-shadow: none
                                                                                  }

.pswp__button:focus,.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
    background: url(/images/yuce/default-skin.e3f799c6dec9af194c86.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:1.1dppx),(min-resolution:105dpi) {
    .pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before {
        background-image: url(/images/yuce/default-skin.b257fa9c5ac8c515ac4d.svg)
    }

    .pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: rgba(0,0,0,.3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    transform: translateY(6px);
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a,.pswp__share-tooltip a:hover {
    color: #000;
    text-decoration: none
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(/images/yuce/preloader.e34aafbb485a96eaf2a7.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@keyframes clockwise {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-140deg)
    }

    to {
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

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

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption,.pswp__top-bar {
    background-color: rgba(0,0,0,.5)
}

.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0,0,0,.3)
}

.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none!important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}