@charset "UTF-8";


/*report main*/
.re_main{
    padding: 16px 8px 0;
    background-color:#f0f0f0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start;
}

.re_mleftG,
.re_mrightG{
    padding: 0 8px;
    margin-bottom: 15px;
}
.re_mrightG{
    width: 55%;
    max-width: 674px;
}
.re_bg{
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}

.re_searchG{padding: 16px;}
.re_selectG{
    position: relative;
    height: 48px;
    border-radius: 3px;
    margin-bottom: 16px;
    box-shadow:1px 0 #c8c8c8 inset,
    -1px 0 0 #c8c8c8 inset,
    0 1px #c8c8c8 inset,
    0 -1px 0 #c8c8c8 inset,
    0 0 4px 0 rgba(0, 0, 0, 0);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_searchG>div:nth-of-type(1){margin-bottom: 16px;}
.re_searchG>div:nth-of-type(5){margin-bottom: 17px;}
.re_selectG:before, .re_selectG:after{
    content: '';
    position: absolute;
    display: block;
    width: 48px;
    height: calc(100% - 2px);
    top: 1px;
    right: 1px;
    pointer-events: none;
}
.re_selectG:before{background-color: #fff;}
.re_selectG:after{
    background: url(../../images/control/re_sreachArr_D.svg) center no-repeat;
    opacity: .6
}
.re_selectG>span{
    line-height: 48px;
    padding:0 45px 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.re_selectG>ul{
    position: absolute;
    width: 100%;
    max-height: 496px;
    padding: 8px 0;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    top:46px;
    left: 0;
    z-index: 2;
    overflow-x: hidden;overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.re_selectG>ul li{
    position: relative;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    background-color: rgba(227, 227, 227, 0);
}
.re_selectG>ul li.on{
    color: #2980b9;
    font-weight: bold;
}
.re_selectG>ul li:after{
    content: '';
    position: absolute;
    display: block;
    width: 11px;
    height: 8px;
    background: url(../../images/control/tick.svg) no-repeat;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
    opacity: 0;
}
.re_selectG>ul li.on:after{opacity: 1;}
.re_inputG{
    position: relative;
    height: 48px;
    padding: 0 13px;
    border-radius: 3px;
    box-shadow:1px 0 #c8c8c8 inset,
    -1px 0 0 #c8c8c8 inset,
    0 1px #c8c8c8 inset,
    0 -1px 0 #c8c8c8 inset,
    0 0 4px 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_inputG span{
    margin-right: 7px;
    white-space: nowrap;
}
.re_inputG input{
    width: 100%;
    background-color: transparent;
    border: 0;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
}
.re_inputG input::-webkit-input-placeholder{color: rgba(0, 0, 0, .8);}
.re_inputG input::-moz-placeholder{color: rgba(0, 0, 0, .8);}
.re_inputG input::-ms-input-placeholder {color: rgba(0, 0, 0, .8);}
.re_dateG{
    position: relative;
    margin-bottom: 16px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.re_selectG select{
    width: 100%;
    height: 100%;
    padding: 0 16px;
    background-color: transparent;
    border: 0;
    font-size: 14px;
}
.re_dateInfo{
    position: relative;
    width:calc(50% - 20px);
    height: 48px;
    line-height: 48px;
    padding:0 30px 0 15px;
    border-radius: 3px;
    box-shadow:1px 0 #c8c8c8 inset,
    -1px 0 0 #c8c8c8 inset,
    0 1px #c8c8c8 inset,
    0 -1px 0 #c8c8c8 inset,
    0 0 4px 0 rgba(0, 0, 0, 0);
}
.re_dateInfo input{
    width: 100%;
    padding: 0;
    background-color: transparent;
    border: 0;
    font-size: 14px;
    letter-spacing: -.3px;
}
.re_dateInfo:after{
    content: '';
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    background: url(../../images/control/calendar.svg) no-repeat;
    top: 0;
    bottom: 0;
    right: 13px;
    margin: auto;
    opacity: .6;
}
.re_dateG>span{
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: rgba(0, 0, 0, .4);
    text-align: center;
}
.re_down_btnG{text-align: right;}
.re_betSelectG{
    position: absolute;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    border-radius: 3px;top: 46px;
    left: 0;
    overflow: hidden;
}
.re_selectDownG{
    max-height:496px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.re_betSearchG{
    height: 56px;
    padding: 8px;
    background-color: #f6f6f6;
    border-bottom: solid 1px #e0e0e0;
    overflow: hidden;
}

.re_bettypesG{
    padding: 8px 0;
    background-color: #fff;
}
.re_bettypesG li{
    min-height: 48px;
    padding: 0 16px;
    border-bottom: 1px solid #fbfbfb;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_bettypesG li:last-child{border: 0;}

/*600以下搜寻*/
.re_filter600{
    padding: 0 8px;
    background-color: #fff;
    min-height: 100vh;
}
.re_filter_titleG{
    width: 100%;
    height: 56px;
    padding: 0 16px;
}
.re_filter_title_item{
    position: relative;
    height: 100%;
    padding-left: 2px;
}
.re_filter_title_item:before{
    content: attr(data-filtertitle);
    position: absolute;
    color: rgba(0, 0, 0, .6);
    font-size: 13px;
    top: 18px;
    left: 38px;
}
.re_filter_titleTxt{
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    top: 35px;
    left: 38px;
}
.re_filter_back_btn{
    width: 37px;
    height: 100%;
    background:url(../../images/control/back_left.svg) no-repeat 0 28px;
    border: 0;
}
.re_filter600 .re_searchG>div:nth-of-type(5){margin-bottom: 0;}
.re_filter600 .ps_submit_btn{font-size: 14px;}

.re_main600{
    height: 100%;
    background-color:#fff;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.re_settlementG{padding:7px 0 16px;}
.re_settlement_tb, .re_accounting_tb, .re_exchange_tb, .re_main600_tb{
    width: 100%;
    text-align: center;
}
.re_settlement_tb tr, .re_accounting_tb tr, .re_main600_tb tr{background-color: rgba(235, 247, 255, 0);}
.re_acc600type td{position: relative;}
.re_acc600type td:before{
    content: attr(data-accmonth);
    position: absolute;
    height: 15px;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    top: 0;
    bottom: 0;
    left:24px;
    margin: auto;
}
.re_acc600type td.word_blue{opacity: .8;}
.re_settlement_th01{height: 28px;}
.re_table_title_th{
    height: 27px;
    border-bottom: 2px solid #e0e0e0;
}
.re_table_title_th th{font-size: 12px;}
.re_settlement_tb td{
    padding:16px;
    box-shadow:0 -1px 0 #e0e0e0 inset;
}
.re_settlement_tb td:nth-child(1){text-align: left;}

.re_accountingG, .re_exchangeG{padding:0 0 16px;}
.re_accounting_th, .re_exchange_th{
    font-size: 12px;
    height: 49px;
    border-bottom: 2px solid #e0e0e0;
}
.re_accounting_tb td, .re_exchange_tb td{
    padding:16px;
    box-shadow:0 -1px 0 #e0e0e0 inset;
}
.re_accounting_tb td:nth-child(1){
    text-align: left;
    font-size: 12px;
}

.re_exchange_tb{text-align: left;}
.re_exchange_tb th{
    padding: 0 16px;
    text-align: left;
}
.re_accounting_tb td.on{
    color: #2980b9;
    font-weight: bold;
}

.re_linkG{
    position: relative;
    height: 48px;
    line-height: 48px;
    padding: 0 38px 0 16px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16);
    color: rgba(0, 0, 0, 0.64);
    font-weight: bold;
    border-radius: 2px;
    margin-bottom: 8px;
}
.re_linkG:after{
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 10px;
    background: url(../../images/control/B_arrowR.svg) no-repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
    opacity:.6;
}

.re_main600_tb tr:last-child td{border: none;}
.re_main600_tb th{
    height: 49px;
    padding: 0 25px;
    border-bottom: 2px solid #e0e0e0;
    font-size: 12px;
}
.re_main600_tb td{
    position: relative;
    padding: 16px 25px;
    box-shadow:0 -1px 0 #e0e0e0 inset;
}

.re-acc600type td:before{
    content: attr(data-accmonth);
    position: absolute;
    font-size: 12px;
    left: 25px;
}

.re_titleG.re_title600type li{
    padding-top: 8px;
    line-height: 14px;
}
.re_title600type li.word_red.on{color: #c0392b;}
.re_title600type li.word_green.on{color: #27a67b;}

.re_exc600type th:nth-child(1),
.re_exc600type td:nth-child(1),
.re_set600type th:nth-child(1),
.re_set600type td:nth-child(1) {text-align: left;}
.re_exchange_tb th:nth-child(3),
.re_exchange_tb td:nth-child(3),
.re_exc600type th:nth-child(3),
.re_exc600type td:nth-child(3){text-align: right;}
.re_set600type tr td:nth-child(1){padding: 16px 28px 16px 25px;}




/*报表上方资讯栏*/
.re_main_container {
    position: relative;
    background-color: #fff;
}

.re_breadG{
    position: relative;
    display: flex;
    align-items: center;
    height: 52px;
    padding-right: 16px;
    background-color: #fff;
    border-bottom: 4px solid #e0e0e0;
}
.re_breadUL{
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 100%;
    height: 100%;
    padding-left: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.re_breadUL::after{
    content: '';
    flex: none;
    width: 16px;
    height: 100%;
}
.re_breadUL li{
    position: relative;
    display: inline-block;
    padding-left: 18px;
    color: #2980b9;
    font-weight: bold;
    white-space: nowrap;
}
.re_breadUL li:first-child{padding-left: 0;}
.re_breadUL li+li:before{
    content: '';
    position: absolute;
    width: 16px;
    height: 100%;
    background: url(../../images/control/bread.svg) no-repeat  center;
    top:0;
    left: -1px;
    text-align: center;
}
.re_copy_btn{
    position: relative;
    flex: none;
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    background-color: #38bb8f;
    border-radius: 3px;
    border: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0 16px 0 8px;
}
.re_copy_btn::before{
    content: '';
    position: absolute;
    width: 16px;
    height: 100%;
    background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    top: 0;
    right: calc(100% + 8px);
}
.re_copy_btn i{
    width: 100%;
    height: 100%;
    background: url(../../images/control/icon_copy.svg) no-repeat center;
    display: none;
}
.re_exportG{
    position:absolute;
    width: 20px;
    height:100%;
    top: 0;
    right: 16px;
}
/* 报表特制 */
.re_copy_btn + .re_exportG{
    position: relative;
    flex: none;
    top: auto;
    right: auto;
}
.re_export_icon{
    position: absolute;
    width: 20px;
    height: 16px;
    background:url(../../images/control/more_filter.svg) no-repeat center;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.re_export_select,
.re_export_select_twoLines{
    position: absolute;
    width: 168px;
    padding: 8px 0;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    top:44px;
    right: -4px;
}
.re_export_select_twoLines{
    max-height:calc(100vh - 230px);
    min-height: 64px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.re_export_select li{
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    background-color: rgba(227, 227, 227, 0);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_export_select .re_sort,
.re_export_select_twoLines .re_sort{position: relative;}
.re_export_select .re_sort:after,
.re_export_select_twoLines .re_sort:after{right: 16px;}
.re_export_select_twoLines li{
    height: 48px;
    padding: 0 16px;
    background-color: rgba(227, 227, 227, 0);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.re_export_select_twoLines div{
    color: rgba(0, 0, 0, .6);
    font-size: 12px;
}
.re_export_select_twoLines span{
    display: inline-block;
    width: 100%;
    font-weight: bold;
    overflow : hidden;
    text-overflow : ellipsis;
    white-space: nowrap;
}

.re_sreachtermG{
    padding:7px 9px;
    background-color: #f0f0f0;
    border-bottom: 4px solid #e0e0e0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.re_sreachterm_title{
    font-size: 12px;
    margin: 0 4px 0 6px;
}
.re_sreachtermtxt{
    display: inline-block;
    padding: 6px 10px;
    background-color: #fff;
    font-size: 12px;
    margin: 0 2px;
    border-radius: 22px;
}

.re_sreachterm_allG1{height: 60px;line-height: 60px;}

.re_sreachterm_allG{
    position: relative;
    height: 60px;
    background-color: #fff;
    border-bottom: 4px solid #e0e0e0;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
}
.title_fixed .re_sreachterm_allG,
.re_sreachterm_allG.noborder{
    height: 56px;
    border-bottom: 0;
}
.re_sreachitem,
.re_sreachitem_select{
    position: relative;
    height: 100%;
    padding: 14px 35px 0 16px;
}
.wmc .re_sreachitem{padding: 14px 25px 0 16px;}
.re_sreachitem_select{
    display: block;
    padding-right: 16px;
}
.re_sreachitem_select select{
    max-width: 134px;
    height: 16px;
    padding: 0;
    background-color: transparent;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -.5px;
}
.re_sreachitem:before,
.re_sreachitem_select:before{
    content:attr(data-sreachitem);
    position: relative;
    display: block;
    color: rgba(0, 0, 0, .6);
    font-size: 12px;
    white-space: nowrap;
    top: -1px;
}
.re_sreachitem_dateinput{
    width: 70px;
    padding: 0;
    background-color: transparent;
    border: 0;
    font-size: 14px;
    letter-spacing: -.3px;
}
.re_sreachitem_title{
    position: relative;
    display: inline-block;
    font-weight: bold;
}
.re_sreachitem_title:after{
    position: absolute;
    content: '';
    display:block;
    width: 11px;
    height: 7px;
    background: url(../../images/control/re_sreachArr_D.svg) no-repeat;
    background-size: cover;
    top: 4px;
    right: -19px;
    opacity: .6;
    pointer-events: none;
}
.re_sreachitem_select i{
    position: relative;
    display:inline-block;
    width: 11px;
    height: 7px;
    background: url(../../images/control/re_sreachArr_D.svg) no-repeat;
    background-size: cover;
    top: -1px;
    opacity: .6;
    pointer-events: none;
}
/*客人想换成宽度固定并删字 多一层span是为了符合程式层级*/
.re_sreachitem_title span{
    position: relative;
    display: inline-block;
    max-width:134px;
    letter-spacing: -.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    top: -2px;
}
.re_sreachitem>ul{
    position: absolute;
    width: 312px;
    max-height:calc(100vh - 300px);
    min-height: 120px;
    padding: 8px 0;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    top:52px;
    left: 0;
    overflow-x: hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
}
.re_sreachitem>ul.right{
    left: auto;
    right: 16px;
}
ul.wmc_sreachitem{width: 264px;}
.re_sreachitem>ul li{
    position: relative;
    height: 48px;
    padding: 0 16px;
    background-color: rgba(227, 227, 227, 0);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_sreachitem>ul li.on,
.wmc_filter600_info48UL li.on{
    color: #2980b9;
    font-weight: bold;
}
.re_sreachitem>ul li:after,
.wmc_filter600_info48UL li:after{
    content: '';
    position: absolute;
    display: block;
    width: 11px;
    height: 8px;
    background: url(../../images/control/tick.svg) no-repeat;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
    opacity: 0;
}
.re_sreachitem>ul li.on:after,
.wmc_filter600_info48UL li.on:after{opacity: 1;}
.re_sreachitem .re_betSelectG{
    width: 312px;
    top: 52px;
}
.re_sreachitem_btnG{
    position: absolute;
    top: 10px;
    right: 16px;
}
.re_stake_input{
    position: relative;
    width: 95px;
    height: 16px;
    line-height: 15px;
    padding: 0 5px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.re_stake_input span{
    position: relative;
    margin-right: 3px;
    white-space: nowrap;
}
.re_stake_input input{
    width: 44px;
    height: 100%;
    min-width: 0;
    padding: 0;
    border:0;
    font-weight: bold;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.re_stake_input input::-webkit-input-placeholder{color: rgba(0, 0, 0, .8);}
.re_stake_input input::-moz-placeholder{color: rgba(0, 0, 0, .8);}
.re_stake_input input::-ms-input-placeholder {color: rgba(0, 0, 0, .8);}
.re_sysMag{
    position: relative;
    padding:14px 36px 16px;
    color: #c0382b;
    font-size: 13px;
}
.re_sysMag:before{
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height:12px;
    background:url(../../images/control/error.svg) no-repeat;top: 16px;
    left: 16px;
}



.re_table_main,
.re_table_main_mini{
    width: 100%;
    text-align: right;
}
.re_table_main td,
.re_table_main_mini td{
    padding-left: 12px;
    padding-right: 12px;
    background-color: #fff;
    font-size: 14px;
}
.re_table_head01G td{
    height: 56px;
    font-size: 12px;
}/*第一行head*/
.re_table_head02G td{
    height: 40px;
    background-color: #7391a5;
    color: #fff;
    font-weight: bold;
}/*第二行head*/
.re_table_head03G td{
    height: 32px;
    background-color: #8caabe;
    color: #fff;
    font-weight: bold;
}/*第三行head*/

.re_table_body td{
    height: 48px;
    box-shadow:0 -1px 0 #e0e0e0 inset;
}/*资料行model*/
.re_table_body_auto td{
    padding: 16px 12px;
    box-shadow:0 -1px 0 #e0e0e0 inset;
}/*高度变动资料行model*/
.re_table_head_actG td{
    height: 56px;
    border-bottom:2px solid #e0e0e0;
    font-size: 12px;
}/*高度56px资料行model*/
.re_table_main_mini td{
    height: 48px;
    padding-left: 12px;
    padding-right: 12px;
    box-shadow:0 -1px 0 #e0e0e0 inset;
    color: rgba(0, 0, 0, .64);
    font-weight: bold;
}/*sma 小萤幕专用*/

.re_table_main tr td:first-child,
.re_table_main_mini tr td:first-child,
.re_table_body_auto tr td:first-child{padding-left: 16px;}
.re_table_main tr td:last-child,
.re_table_main_mini tr td:last-child,
.re_table_body_auto tr td:last-child{padding-right: 12px;}



.re_table_main_mini td:first-child{
    font-weight: normal;
    text-align: left;
}
tr.re_table_mini_tr{border-bottom: 2px solid #c8c8c8;}
.re_table_mini_tr td,
.re_table_main_mini tr:nth-last-child(2) td,
.re_table_main_mini tr:last-child td{box-shadow:none;}
.re_table_main_mini tr:last-child td{padding: 0;}

.re_tdTxt,
.re_tdTxt_br{display: inline-block;}
.re_tdTxt_br{line-height: 15px;}





/*重写成div*/
.re_head_fixed{
    position: fixed;
    top: 0;
    display: none;
}
.re_head_fixed.original{
    position: static;
    display: block;
}
.re_right_scroll{
    padding-bottom: 140px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.re_div_head,
.re_div_body{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.re_div_head>div,
.re_div_body>div{height: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_div_moveG{
    display: -webkit-inline-flex;
    display: -ms-inline-flex;
    display: inline-flex;
}
.re_div_body>div,
.re_left_fixed>div{ box-shadow:0 -1px 0 #e0e0e0 inset;}
.re_div_head>div:first-child,
.re_div_body>div:first-child{
    padding-left: 16px;
    -webkit-flex:0 0 120px;
    -ms-flex:0 0 120px;
    flex:0 0 120px;
}
.re_div_head>div:first-child{font-weight: normal;}
.en .re_div_head.re_headbg03G>div:first-child{
    line-height: 12px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.mem .re_div_head>div:first-child,
.mem .re_div_body>div:first-child{
    -webkit-flex:0 0 152px;
    -ms-flex:0 0 152px;
    flex:0 0 152px;
}/*会员层*/

.re_div_head>div:last-child,
.re_div_body>div:last-child{
    width:calc(100% - 120px);
    padding-right: 16px;
    -webkit-flex:1 1 calc(100% - 120px);
    -ms-flex:1 1 calc(100% - 120px);
    flex:1 1 calc(100% - 120px);
}
.mem .re_div_head>div:last-child,
.mem .re_div_body>div:last-child{
    width:calc(100% - 152px);
    -webkit-flex:1 1 calc(100% - 152px);
    -ms-flex:1 1 calc(100% - 152px);
    flex:1 1 calc(100% - 152px);
}/*会员层*/

.re_div_moveG>div{
    height: 100%;
    padding:0 12px;
    text-align: right;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.overview .re_div_moveG>div{
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
}
.re_div_moveG.break>div{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.re_div_moveG.break>div>div{width: 100%;}
.re_div_moveG>div:last-child{padding-right: 0;}
.re_left_fixed{
    width: 120px;
    position: absolute;
    background: #fff;
    top: 0;
    left: 16px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
.mem .re_left_fixed{width: 152px;}
.overview .re_left_fixed{
    width: 152px;
    height: 528px;
    background: linear-gradient(to bottom, #fff 1%,#fff 10.6%,#7391a5 10.6%,#7391a5 18.2%,#fff 18.2%,#fff 100%);
}/*overview*/

.re_left_fixed>div{
    height: 48px;
    padding-left: 16px;
    background-color: #fff;
    text-align: left;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_left_br{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

div.re_headbg01G{
    height: 56px;
    background-color: #fff;
    font-size: 12px;
    box-shadow:none;}
div.re_headbg02G,
div.re_headbg03G{
    height: 40px;
    background-color: #7391a5;
    color: #fff;
    font-weight: bold;
    box-shadow:none;
}
div.re_headbg03G{
    height: 32px;
    background-color: #8caabe;
}
.re_left_fixed>div.re_headbg02G,
.re_left_fixed>div.re_headbg03G{font-weight: normal;}
.en .re_left_fixed>div.re_headbg03G{
    line-height: 12px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.re_bodybg01G{
    height: 48px;
    background-color: #fff;
}



.re_td_fixedShadow:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 100%;
    background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 85%);
    top: 0;
    right:-20px;
    opacity: 0;
    z-index: 2;
}

.re_td_fixedShadow.fixed:after {opacity: 1;}
.re_more_btn,
.re_more_btn_360{
    position: absolute;
    width: 24px;
    height: 24px;
    background:url(../../images/control/more.svg);
    border:0;
    top: 16px;
    right: 20px;
    opacity: 0;
    visibility: collapse;
    z-index: 10;
}
.report_fixed .re_more_btn,
.report_fixed .re_more_btn_360{
    position: fixed;
    top: 72px;
    right: 30px;
}

/*冻结第一块td*/
.first_td.fixed,
.sec_td.fixed,
.third_td.fixed{
    position: fixed;
    width: 120px;
    height: 56px;
    background-color: #fff;
    z-index: 2;
}
.sec_td.fixed{
    height: 40px;
    background-color: #7391a5;
}
.third_td.fixed{
    height: 32px;
    background-color: #8caabe;
}
.fixed + .re_div_moveG{margin-left: 120px;}
.mem .fixed{
    width: 152px;
}
.mem .fixed + .re_div_moveG{margin-left: 152px;}



/*报表冻结表格*/
.re_table_outside,
.re_div_outside{
    position: relative;
    padding: 0 0 16px;
}
.re_table_outside_mini{
    position: relative;
    padding: 0 16px 16px;
}

.re_fixedW_1440,
.re_fixedW_1024,
.re_fixedW_768,
.re_autoW{width: 100%;}
.re_fixedW_1440{min-width: 1352px;}
.re_fixedW_1024{min-width: 968px;}
.re_fixedW_768{min-width: 768px;}
.re_table_autoW{width:auto;}

.re_headauto_fixed,
.re_head1440_fixed,
.re_head1024_fixed,
.re_head768_fixed{
    width: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
}
.re_head1440_fixed{max-width: 1374px;}
.re_head1024_fixed{max-width: 968px;}
.re_head768_fixed{max-width: 768px;}


.title_fixed .title_fixed_item,
.report_fixed .re_head_fixed,
.title_fixed .title_fixed_itemfull,
.wmc_pause .title_fixed_itemfull{
    position: fixed;
    display: block;
    width:calc(100% - 66px);
    border-bottom: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    top: 56px;
    overflow: hidden;
    z-index: 3;
}
.title_fixed .title_fixed_itemfull,
.wmc_pause .title_fixed_itemfull{
    display: flex;
    width:calc(100% - 10px);
    top: 0;
}
.title_fixed .title_fixed_itemfull.head{top: 56px;}
.wmc_pause,
.parlay.report_fixed {padding-top: 56px;}
/*非table head不动时用title_fixed 指定物件加上title_fixed_item*/

/*fixed位置无效修正*/
/*.nofixed .title_fixed .title_fixed_item,
.nofixed .report_fixed .re_head_fixed,
.nofixed .title_fixed .title_fixed_itemfull,
.nofixed .wmc_pause .title_fixed_itemfull{top:55px;}
.nofixed .first_td.re_td_fixed{position: absolute;}*/

/*因每一层head高度不固定*/
.report_fixed .body2tr{padding-top: 76px;}/*56+20*/
.report_fixed .body3tr{padding-top: 116px;}/*56+40+20*/




/*表格td宽度*/
.re_td_w80{width: 80%;}
.re_td_w75{width: 75%;}
.re_td_w70{width: 70%;}
.re_td_w65{width: 65%;}
.re_td_w60{width: 60%;}
.re_td_w55{width: 55%;}
.re_td_w50{width: 50%;}
.re_td_w45{width: 45%;}
.re_td_w40{width: 40%;}
.re_td_w35{width: 35%;}
.re_td_w34{width: 34%;}
.re_td_w30{width: 30%;}
.re_td_w25{width: 25%;}
.re_td_w24{width: 24%;}
.re_td_w23{width: 23%;}
.re_td_w22{width: 22%;}
.re_td_w20{width: 20%;}
.re_td_w18{width: 18%;}
.re_td_w17{width: 17%;}
.re_td_w16{width: 16%;}
.re_td_w15{width: 15%;}
.re_td_w14{width: 14%;}
.re_td_w13{width: 13%;}
.re_td_w12{width: 12%;}
.re_td_w11{width: 11%;}
.re_td_w10{width: 10%;}
.re_td_w9{width: 9%;}
.re_td_w8{width: 8%;}
.re_td_w7{width: 7%;}
.re_td_w6{width: 6%;}
.re_td_w5{width: 5%;}
.re_td_w4{width: 4%;}
.re_td_w3{width: 3%;}
/*表格td宽度end*/


.re_sort{
    position: relative;
    padding-right: 13px;
}
.re_sort:after{
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 14px;
    background: url(../../images/control/sort_nomal.svg) no-repeat center;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.re_sort_i i{
    display: block;
    width: 8px;
    height: 14px;
    background: url(../../images/control/sort_nomal.svg) no-repeat center;
    margin-left: 10px;
}
.re_sort.sort_down:after,
.re_sort_i.sort_down i{ background-image: url(../../images/control/sort_down.svg);}
.re_sort.sort_up:after,
.re_sort_i.sort_up i{ background-image: url(../../images/control/sort_up.svg);}


.re_resultG{
    position:absolute;
    width: 14px;
    height: 14px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
div.por:last-child .re_resultG{left: 14px;}
.re_resultG{
    top: 16px;
    bottom: auto;
}
.re_resultG_b{
    position: absolute;
    width: 200px;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    border-radius: 3px;
    top:21px;
    right: -7px;
    opacity: 0;
    z-index: 2;
}
.re_resultG_b:last-child:nth-child(n+3):not(:nth-last-child(2)) .re_betdetail_cancelY{
    top: auto;
    bottom: 14px;
}
.re_Ibtn{
    display: inline-block;
    width: 14px;
    height: 14px;
    background:url(../../images/control/info.svg) no-repeat;
    background-size: cover;
    margin-right: 4px;
    opacity: .6;
    -webkit-flex:0 0 14px;
    -ms-flex:0 0 14px;
    flex:0 0 14px;
}

.re_resultUL{
    padding: 5px 11px;
    text-align: left;
}
.re_resultUL>li{padding: 8px 5px;}
.re_resultUL>li:not(:last-child){
    padding-bottom: 11px;
    border-bottom: 1px dotted rgba(0, 0, 0, .16);
}
.re_result_possess{font-weight: bold;}
.re_result_date{
    font-size: 12px;
    color: rgba(0, 0, 0, .52);
}

.re_betDetailUL li{
    letter-spacing: -.5px;
    margin-bottom: 4px;
}
li.re_betdetail_liBold{
    font-weight: bold;
    margin-top: 10px;
}
li.re_betdetail_liMini{
    font-size: 12px;
    color: rgba(0, 0, 0, .6);
    font-weight: bold;
    word-break: break-word;
}
li.re_betdetail_liTime{
    font-size: 12px;
    color: rgba(0, 0, 0, .6);
    margin-bottom: 2px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
li.re_betdetail_liParlay{
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}
li.re_betdetail_liResult{
    margin-top: 12px;
    font-size: 13px;
}
li.re_betdetail_liPending{font-size: 13px;}
li.re_betdetail_liWl{
    position: relative;
    margin-top: 9px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.re_betdetail_liWlTxt{width: 50%;}
.re_betdetail_liWlTxt:last-child{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-content: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start;
}
.re_betdetail_liWlTxt>tt{
    font-size: 12px;
    margin-right: 5px;
    white-space: nowrap;
}
.re_betdetail_cancelG{
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_betdetail_UNcancelG{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_betdetail_cancelBox{
    position: relative;
    z-index: 2;
    -webkit-flex:0 0 1px;
    -ms-flex:0 0 1px;
    flex:0 0 1px;
}
.re_betdetail_cancelY{
    position: absolute;
    width: 328px;
    padding: 17px 16px 16px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    text-align: left;
    top: 14px;
    left: -178px;
    letter-spacing:0;
    z-index: 3;
}
.re_table_body_auto:last-child:nth-child(n+3):not(:nth-last-child(2)) .re_betdetail_cancelY{
    top: auto;
    bottom: 14px;
}

.re_betdetail_close_btn{
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    background:url(../../images/control/close_x.svg) no-repeat center;
    background-size: cover;
    top: 16px;
    right: 16px;
    opacity: .6;
}
.re_betdetail_cancelY tt{
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
}
.re_betdetail_cancelY li:first-child{margin-bottom: 10px;}
.re_betdetail_cancelY li:last-child{
    color: rgba(0, 0, 0, .52);
    font-size: 13px;
    word-break: break-word;
}






/*右边按下跑出的资料区*/
.re_detailG,
.re_detailbigG,
.pro_detailG,
.re_result_detailG,
.mem_detailG{
    height: 100%;
    background-color: #fff;
    z-index: 3;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.re_detailG h1,
.re_detailbigG h1,
.pro_detailG h1,
.re_result_detailG h1,
.mem_detail_head h1{
    position:relative;
    width: 100%;
    height: 56px;
    line-height: 15px;
    padding: 11px 16px 0;
    background-color: #f8f8f8;
    top: 0;
    right: 0;
    z-index: 2;
}
.re_result_detailG h1{
    height: auto;
    padding: 13px 16px 12px;
    background-color: #fff;
}
.re_result_detailG .word_ellipsis{
    line-height: 17px;
    font-size: 16px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mem_detail_head{
    width: 100%;
    background-color: #fff;
    border-bottom: 3px solid #e0e0e0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0);
    z-index: 2;
}
.title_fixed.mem_detail_head{
    border-bottom: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.mem_detail_head h1{
    position: relative;
    background-color: #fff;
}
.re_result_detail_selectG{
    width: 100%;
    border-top: 1px solid #e0e0e0;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .24);
    text-transform: uppercase;
}
.re_detailclose_btn{
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    background:url(../../images/control/close_x.svg) no-repeat center;
    background-size: cover;
    margin-top: 2px;
    opacity: .6;
    top: 14px;
    right: 16px;
}
.re_detail_title{
    font-size: 16px;
    font-weight: bold;
    text-transform : capitalize;
}
.re_detail_title span{
    display: block;
    font-size: 14px;
    color: rgba(0, 0, 0, .6);
    font-weight: normal;
}
.re_detail_title tt{
    color: rgba(0, 0, 0, .6);
    font-size: 14px;
    margin-left: 5px;
}
.re_result_detail_title{
    width: calc(100% - 30px);
    font-size: 12px;
}
.re_detail_scroll{
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.re_detailUL{padding: 8px 0 48px;}
.re_detailUL li{padding: 8px 16px;}
.re_detailUL h2{
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 300;
}
.re_detailUL h3{
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
}

.mem_detail_backbtn{
    width: 55px;
    height:56px;
    background: url(../../images/control/back_left.svg) no-repeat 16px center;
    border: 0;
}
.re_detailbig_txtG{padding: 0 10px 48px;}
.mem_detail_statement{border-top: 4px solid #e0e0e0;}
.mem_detail_statement .re_body_scroll,
.mem_detail_openbets{padding:0 0 48px;}

.mem_detail_dataG h2{
    padding: 10px 16px;
    background-color: #7391a5;
    color: #fff;
    font-weight: bold;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.mem_detail_dataBox{
    padding:14px 16px 13px;
    border-bottom: 1px solid #e0e0e0;
}

.re_detailbigUL,
.re_detaillastUL{padding:12px 6px 14px;}
.re_detailbigUL + .re_detailbigUL{border-top:1px dotted rgba(0, 0, 0, .16);}
.hide_item + .re_detaillastUL{border-top:1px dotted rgba(0, 0, 0, .16);}
.re_table_body_auto .re_detailbigUL{padding: 0 0 14px;}/*wmc专用*/
.re_table_body_auto .re_detailbigUL + ul{padding: 17px 0 0;}/*wmc专用*/
.re_detailbig_titleUL{padding:17px 6px 0;}
.re_detailbig_levelUL{
    padding:0 6px 14px;
    border-bottom:1px dotted rgba(0, 0, 0, .16);
}
.re_detail_line{
    width: 100%;
    border-bottom:1px dotted rgba(0, 0, 0, .16);
    margin-bottom: 6px;
}
.re_detailbig_bettype{
    color: rgba(0, 0, 0, .6);
    font-weight: bold;
    margin-bottom: 6px;
}
.re_detailbig_odds{color: #000;font-weight: bold;}
.re_detailbig_type{color: rgba(0, 0, 0, .6);}
.re_detailbig_minitime{
    color: rgba(0, 0, 0, .6);
    font-size: 12px;
    margin-top: 11px;
}
.re_detailbig_no{
    color: rgba(0, 0, 0, .6);
    margin-bottom: 11px;
}
.re_detailbig_team{margin:9px auto 4px auto;}
.re_detailbig_vs{
    color: rgba(0, 0, 0, .6);
    margin-bottom: 7px;
}
.re_detailbig_percent,
.wmc_detailbig_percent{
    color: #000;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.re_detailbig_percent span,
.wmc_detailbig_percent span{
    width: 25%;
    font-weight: 300;
}
.re_detailbig_percent tt,
.wmc_detailbig_percent tt{font-weight: bold;}
.re_detailbig_result{
    font-size: 12px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.re_detailbig_result span{width: 50%;}
.re_detailbig_result tt{
    display: block;
    font-size: 14px;
}
.re_detailbig_status{margin-top: 14px;}
.acc_loading{
    position: absolute;
    width: 100%;
    height: calc(100% - 107px);
    top: 107px;
    left: 0;
}

.re_reault_divG{padding-bottom: 48px;}
.re_result_div_head{
    position: relative;
    max-height: 48px;
    padding: 16px 0;
    background-color: #999;
    transform: translate3d(0, 0, 0);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_result_div_head.fix{
    position: absolute;
    width: 100%;
    top: 72px;
    z-index: 2;
}
.re_result_detail_selectG + .re_result_div_head.fix{top:120px; }
.re_result_div_head.new{
    background: #E0E0E0;
    padding: 0;
}
.re_result_div_head.new .re_result_div_item{
    font-size: 14px;
    font-weight: bold;
    color: #999;
    padding: 16px 0;
    max-height: none;
    cursor: pointer;
    -webkit-transition: color .3s linear, background-color .3s linear,opacity .3s linear,box-shadow .3s linear;
    -ms-transition: color .3s linear, background-color .3s linear,opacity .3s linear,box-shadow .3s linear;
    transition: color .3s linear, background-color .3s linear,opacity .3s linear,box-shadow .3s linear;

}
.re_result_div_head.new .re_result_div_item:first-child{
    text-align: center;
}
.re_result_div_head.new .re_result_div_item.on{
    background-color: #FFF;
    color: #000;
}
.re_result_div_body{
    min-height: 48px;
    padding: 13px 0;
    box-shadow:0 -1px 0 #e0e0e0 inset;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.re_result_div_item{
    padding: 0 16px;
    text-align: center;
}
.re_result_div_head .re_result_div_item{
    max-height:32px;
    color: #fff;
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.re_result_div_head .re_result_div_item:first-child{
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-transform:uppercase;
}
.re_result_div_body .re_result_div_item{
    color: #987e66;
    font-weight: bold;
    text-align: center;
    word-break: break-word;
}
.re_result_div_body .re_result_div_item:first-child{
    color: rgba(0, 0, 0, .8);
    font-weight: normal;
    text-align: left;
}



/*my_activities*/
.re_act_list{
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.re_act_list li{
    height: 16px;
    line-height: 16px;
}
.re_act_newoldTxt{
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: 300;
}


/*online_member*/
.re_table_head_onmG td{
    height: 40px;
    background-color: rgba(0, 70, 120, 0.4);
    color: #fff;
    font-size: 14px;
}
.re_table_head_onmG tt,
.pro_detailG li:first-child tt{
    margin-left: 5px;
    font-weight: bold;
}
.re_table_head_onmG ~ .re_table_head_actG td{ height: 48px;}
.report_fixed .re_table_head_actG td{border: 0;}
.re_onm_acc{
    height: 16px;
    line-height: 16px;
    font-weight: bold;
}
.re_onm_mane{color: rgba(0, 0, 0, .6);}


/*announcement*/
.ann_title_btnG ~ .re_sreachterm_allG{
    height: 63px;
    border-top: 3px solid #e0e0e0;
}
.ann_li_dot i:before{
    content: '';
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
    background-color: #38bb8f;
    border-radius:7px;
    top:14px;
    right: 6px;
}
.ann_searchG{
    position: absolute;
    width: 296px;
    height: 40px;
    line-height: 38px;
    background-color: #fff;
    top: 8px;
    right: 16px;
}
.ann_searchG:before{
    content: '';
    background: url(../../images/control/search_white.svg);
    opacity: 0;
}
.ann_table_autoW .re_table_body_auto td{
    padding: 13px 16px;
    color: rgba(0, 0, 0, .6);
}
.ann_date{
    position: relative;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 4px;
    color: rgba(0, 0, 0, .8);
}
.ann_new_icon:after{
    content: '';
    position: absolute;
    display: block;
    width: 27px;
    height: 14px;
    background: url(../../images/control/new.svg) no-repeat;
    top: 1px;
    right: -33px;
}


/*problem_accounts*/
.pro_acc_reviewG{
    padding: 10px 16px;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
}
.pro_detail_title{
    font-size: 13px;
    color: rgba(0, 0, 0, .6);
}
.pro_detail_title span{
    display: block;
    font-size: 18px;
    font-weight: bold;
}
.pro_gray_tr .checkbox_blue span{
    background:url(../../images/control/W_check.svg) no-repeat center #2980b9;
    border-color: transparent;
    opacity: .4;
}
.pro_gray_tr{background-color: rgba(224, 224, 224, .88);}
.pro_gray_tr,
.pro_gray_tr .word_gray{ color: rgba(0, 0, 0, .4); }
.pro_detailG h1{background-color: #fff;}
.pro_detailG .re_detailUL{padding: 0 0 48px;}
.pro_detailG .re_detailUL li{
    border-bottom: 1px solid #e0e0e0;
    line-height: 15px;
}
.pro_detailG .re_detailUL li:first-child{
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    background-color: rgba(0, 70, 120, 0.4);
    color: #fff;
    font-size: 14px;
}
.pro_detailG .re_detailUL h2,
.pro_detailG .re_detailUL h3{
    font-size: 14px;
    font-weight: normal;
}
.pro_detailG .re_detailUL h3{color: rgba(0, 0, 0, .6);}
.ma_extend .pro_mask{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    right: 0;
    z-index: 2;
}

/*wmc*/
.wmc_functionG{
    position: relative;
    height: 60px;
    background-color: #fff;
    border-bottom: 4px solid #e0e0e0;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;

}/*768以下下线变成1px因此需独立*/
.title_fixed .wmc_functionG{height: 56px;}
.wmc_function_title{
    padding-left: 16px;
    font-size: 16px;
    font-weight: bold;
}
.wmc_volume_btn{
    width: 16px;
    height: 16px;
    margin-left: 24px;
}
.wmc_volume_btn input{display: none;}
.wmc_volume_btn span{
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../images/control/volume.svg) no-repeat center top;
}
.wmc_volume_btn input:checked + span{background-position: center bottom;}
.wmc_member{
    position: absolute;
    font-weight: bold;
    text-align: right;
    top: 16px;
    right: 16px;
}
.wmc_searchG{
    position: relative;
    width: 100%;
    padding: 16px 16px 8px;
}
.wmc_searchG .search_functionG{height: 40px;}
.wmc_funtion_btnG{
    position: absolute;
    top: 10px;
    right: 16px;
}
.re_sreachterm_allG .wmc_funtion_btnG{
    right: auto;
    left: 16px;
}
.wmc_pause_btn,
.wmc_clear_btn{
    width: 80px;
    height: 36px;
    line-height: 35px;
    padding-left: 32px;
    padding-right: 10px;
    background:url(../../images/control/pause.svg) no-repeat 10px center #757575;
    border: 0;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    font-size: 14px;
}
.wmc_clear_btn{background-image: url(../../images/control/close_circle.svg);}
.wmc_remenberG{
    position: absolute;
    top: 14px;
    right: 25px;
}
.wmc_remenberG .checkbox_blue span{
    float: left;
    position: relative;
    top: 6px;
}
.wmc_remenberTxt{
    float: left;
    line-height: 14px;
    margin-left: 9px;
}
li.wmc_select_checkbox{padding-top: 10px;}
.wmc_select_checkbox .checkbox_blue span{
    position: relative;
    float: left;
    top: 6px;
}
.wmc_detailbig_type{
    color: rgba(0, 0, 0, .6);
    font-weight: bold;
}
.wmc_detailbig_team{
    color: rgba(0, 0, 0, .6);
    margin-bottom: 13px;
}
.wmc_select_scroll{
    max-height:calc(100vh - 340px);
    min-height:120px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.wmc_stake_select01G{padding: 22px 15px 11px;}
.wmc_stake_select02G{padding: 13px 15px 8px;}
.wmc_stake_option{
    margin-bottom: 13px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
}
.wmc_stake_option input{display: none;}
.wmc_stake_option input + span{
    position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border: solid 2px rgba(180, 180, 180, .87);
    border-radius: 15px;
    margin-right: 4px;
}
.wmc_stake_option input + :before{
    content: '';
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
    background-color:rgba(69, 144, 194, .87);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 7px;
    opacity: 0;
}
.wmc_stake_option input:checked + span,
.wmc_stake_checked .wmc_stake_option input + span{border-color:rgba(69, 144, 194, .87); }
.wmc_stake_option input:checked + span:before,
.wmc_stake_checked .wmc_stake_option input + span:before{opacity: 1;}
.wmc_stake_input{
    position: relative;
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: solid 1px rgba(200, 200, 200, .4);
    color: rgba(0, 0, 0, .4);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
}

.wmc_stake_input span{
    display: inline-block;
    line-height: 38px;
    padding-left: 14px;
    margin-right: 2px;
}
.wmc_stake_input input{
    border: 0;
    color:rgba(0, 0, 0, .4);
    font-size: 14px;
    background: transparent;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.wmc_stake_input input:disabled::-webkit-input-placeholder{color:rgba(0, 0, 0, .4);}
.wmc_stake_input input:disabled::-moz-placeholder{color:rgba(0, 0, 0, .4);}
.wmc_stake_input input:disabled::-ms-input-placeholder {color:rgba(0, 0, 0, .4);}
.wmc_stake_checked .wmc_stake_input{
    border-color:#c8c8c8 ;
    color: rgba(0, 0, 0, .8);
}
.wmc_stake_checked .wmc_stake_input input{color:rgba(0, 0, 0, .8);}
.wmc_stake_checked .wmc_stake_input input::-webkit-input-placeholder{color:rgba(0, 0, 0, .8);}
.wmc_stake_checked .wmc_stake_input input::-moz-placeholder{color:rgba(0, 0, 0, .8);}
.wmc_stake_checked .wmc_stake_input input::-ms-input-placeholder {color:rgba(0, 0, 0, .8);}

.wmc_stake_select02G .wmc_stake_option{margin-bottom: 6px;}
.wmc_stake_select02UL li{padding: 24px 0 9px;}
.wmc_stake_input:before{
    content: attr(data-option);
    position: absolute;
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    top: -20px;
}
.wmc_stake_checked .wmc_stake_input:before{color: rgba(0, 0, 0, .6);}
.wmc_searchUL{
    padding: 8px 0;
    background-color: #fff;
}
.tbet_wagers_searchLi + .wmc_searchUL_sp{border-top: 1px solid #e0e0e0;}
.wmc_filter600_info48UL li>div{
    padding: 0 16px;
    height: 48px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.tbet_wagers_searchLi .word_bold500{word-break: break-word;}
.wmc_searchUL li>div{
    padding: 0 16px;
    height: 48px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
.wmc_search_chkG{
    display: block;
    height: 48px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.wmc_search_chkG{padding-left: 24px;}
.wmc_search_chkG input{display: none;}
.wmc_search_chkG span{
    width: 16px;
    height: 16px;
    background-color:#fff;
    border: solid 1px #b4b4b4;
    border-radius: 3px;
    margin-right: 14px;
    -webkit-flex:0 0 16px;
    -ms-flex:0 0 16px;
    flex:0 0 16px;
}
.wmc_search_chkG input:checked + span{
    background:url(../../images/control/W_check.svg) no-repeat center #2980b9;
    border-color: transparent;
}
.wmc_search_chkTxt{
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
}
.disabled .wmc_search_chkG input:checked + span{background-color: rgba(41, 128, 185, .4);}

li.wmc_searchUL_sp.middle{
    height: 40px;
    padding: 0 16px;
    color: rgba(0, 0, 0, .6);
    font-size: 12px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
li.wmc_searchUL_sp.title{
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    background-color: #f8f8f8;
    border-top: 2px solid #e0e0e0;
    color: rgba(0, 0, 0, .522);
    font-size: 12px;
    font-weight: bold;
}



/*wmc_filters_600*/
.filter_container{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding-top: 60px;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
}
.wmc_filter600_titleG{
    position: fixed;
    width: 100%;
    height: 60px;
    background-color: #fff;
    border-bottom: 4px solid #e0e0e0;
    top: 0;
    z-index: 2;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.wmc_filter600_back_btn{
    width: 54px;
    height: 100%;
    background:url(../../images/control/back_left.svg) 20px center no-repeat;
    border: 0;
}
.wmc_filter600_titleG span{
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    font-weight: bold;
}
.wmc_filter600_info48UL li{
    position: relative;
    height: 48px;
}
.wmc_filter600_search{
    position: relative;
    padding: 16px;
    height: 72px;
}
.wmc_filter600_search .search_functionG:after{
    top: 16px;
    right: 16px;
}
.wmc_filter600_infoG{min-height: 400px;}
.main_rotate .wmc_filter600_infoG{min-height: 500px;}/*让使用者回到内层卷轴*/
/*因需使用多数report_control.css里面的class,因此allbet需用的class放在这*/
.tbet_searchG{
    padding: 16px 8px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tbet_filter600_infoG{
    width: 50%;
    padding: 0 8px;
}
.tbet_filteritemG{
    position: absolute;
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    top:46px;
    left: 0;
    z-index: 2;
    opacity: 1;
}



/*quick_search*/
.quick_searchtitleG{padding: 16px 18px 12px;}
.quick_searchG{
    position: relative;
    width: 568px;
    height: 48px;
}
.quick_username{
    color: #2980b9;
    font-weight: bold;
}




/*acc_creditlogs*/
tr.cdlog td:last-child{padding-left: 40px; }
.cglog_list {
    display: block;
    width: 100%;
    height: auto;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #e0e0e0;
}
.cglog_list .re_table_body_auto{
    display:flex;
    height: 56px;
    justify-content: center;
    align-items: center;
}
.cglog_list .re_table_body_auto>div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding: 12px 16px 12px 0;
}
.cglog_list .re_table_body_auto>div:first-child { justify-content:flex-start;}
.cglog_list .re_table_body_auto tt {
    display: inline-block;
    vertical-align: middle;
    width: 75px;
}
.Retractable {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 16px;
}
.Retractable:before,
.Retractable:after {
    content:'';
    position: absolute;
    display: block;
    top: 7px;
    left: 0px;
    width: 16px;
    height: 2px;
    background-color: rgba(2,2,3,.6);
}
.Retractable:before {
    content: none;
    transform: rotateZ(90deg);
}
.active .Retractable:before {content:'';}
.cglog_list .re_td_w18 {
    width: 40%;
    padding: 16px 0;
}
.cglog_list .re_td_w15 {
    width: 30%;
    padding: 16px;
}
.cglog_list_other{
    height: 50px;
}
.cglog_list_other ul{padding:2px 16px 16px}
.cglog_list_other span{
    font-size: 12px;
    margin-bottom: 0px;
}

/*RWD*/
@media only screen and (min-width: 1441px){
    .re_body_scroll, .re_right_scroll{padding: 0 16px 140px;}
    .re_head_fixed{padding: 0 16px;}
    .report_fixed .re_head_fixed:before,
    .report_fixed .re_head_fixed:after{
        content: '';
        display: block;
        position: absolute;
        width: 16px;
        height: 128px;
        background: linear-gradient(to bottom, #fff 1%,#fff 44%,#7391a5 33%,#7391a5 33%,#7391a5 75%,#8caabe 66%,#8caabe 66%,#8caabe 100%);
        top: 0;
        left: 0;
    }
    .report_fixed .re_head_fixed:after{
        left: auto;
        right: 0;
    }
    .mem_detail_statement .re_body_scroll{padding: 0 0 48px;}

}

@media only screen and (max-width: 1439px){
    .re_table_outside{padding: 0;}
    .re_left_fixed{left: 0;}
    .re_fixedW_1440 .re_more_btn{
        opacity: 1;
        visibility: visible;
    }

}

@media only screen and (max-width: 1104px){
    .re_mrightG .re_titleG li{letter-spacing: -.5px;}
    .re_mrightG .re_titleG span{
        white-space: pre-line;
        line-height: 14px;
    }
}

@media only screen and (max-width: 1024px){
    .report_fixed .re_head_fixed{width:calc(100% - 56px);}
}


@media only screen and (max-width:968px){
    .re_fixedW_1024 .re_more_btn{
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (min-width:968px){
    .re_head1024_fixed{max-width:100%;}
    .re_table_fixedW_1024{min-width: 100%;}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .re_table_outside{min-height: auto;}
    .re_accounting_tb td{
        padding: 16px 8px;
        letter-spacing: -.6px;
    }
    .re_accounting_tb td:nth-child(1){text-align: center;}
    .cdlog td.re_td_w18{
        width: 20%;
        padding-right: 0px;
    }
    .cdlog td.re_td_w15,
    .cdlog td.re_td_w22{width: 16%;}
    tr.cdlog .word_green{display: none;}
}

@media only screen and (min-width: 1px) and (max-width: 1023px) {
    .title_fixed .title_fixed_item, .report_fixed .re_head_fixed, .title_fixed .title_fixed_itemfull {
        width: 100%;
    }
    .report_fixed .re_more_btn,
    .report_fixed .re_more_btn_360{
        right: 20px;
    }
    .re_betdetail_cancelBox{
        position: absolute;
        width: 100vw;
        right: -16px;
    }
    .re_betdetail_cancelY{
        left: auto;
        right: 16px;
    }

    .re_betdetail_UNcancelG .re_betdetail_cancelBox{right: 0;}
    .re_betdetail_UNcancelG .re_betdetail_cancelY{left: 16px;}

    .re_copy_btn{
        width: 40px;
        padding: 0;
    }
    .re_copy_btn span{
        display: none;
    }
    .re_copy_btn i{
        display: block;
    }

}

/*为解决IE11问题*/
@media only screen and (min-width: 768px) {
    .re_mleftG{
        width: 45%;
        max-width: 529px;
    }
}

/*为解决IE11问题*/
@media only screen and (min-width:1px) and (max-width: 767px){
    .re_mleftG{
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .re_fixedW_768 .re_more_btn{
        opacity: 1;
        visibility: visible;
    }
    .re_mrightG_600{
        width: 100%;
        padding:0 8px;
    }
    .parlay.report_fixed {padding-top: 0;}


    .re_act_list li{margin-bottom: 4px;}
    .re_act_list li:last-child{margin-bottom: 0;}

    .ann_searchG{
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
    }

    .wmc_functionG{
        border-bottom-width: 1px;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
    }
    .wmc_volume_btn{margin-right: 24px;}

    .tbet_filter600_infoG{width: 100%;}

    .re_detailbig_percent span{width: 50%;}

    .quick_searchG{width: 100%;}
    .selectlong{
        width: 224px;
        letter-spacing: -.4px;
    }
    .re_detailbigG{width: 200px;}

    .re_export_select_twoLines,
    .wmc_searchUL,
    .wmc_select_scroll{max-height: calc(100vh - 422px);}
}

@media only screen and (max-width: 599px){
    .re_dateInfo{letter-spacing: -.5px;}
    .re_sreachterm_title{display: none;}

    .re_more_btn_360{
        opacity: 1;
        visibility: visible;
    }

    .re_act_newoldTxt{
        display: inline-block;
        min-width: 24px;
    }
    .re_betdetail_cancelG{
        display: -webkit-inline-flex;
        display: -ms-inline-flex;
        display: inline-flex;
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }
    .re_betdetail_cancelY{
        width: calc(100% - 32px);
        top: 21px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .re_table_body_auto:last-child:nth-child(n+2):not(:nth-last-child(2)) .re_betdetail_cancelY{
        top: auto;
        bottom: 7px;
    }
    .re_betdetail_cancelG .re_betdetail_cancelTxt{
        max-width: 74px;
        text-align: left;
    }
    .re_betdetail_UNcancelG .re_betdetail_cancelY{left: 0;}
    .mini select{max-width: 100px;}
}

@media only screen and (orientation:landscape) and (max-width:812px){
    .re_export_select_twoLines{min-height: 88px}
    .re_detailUL,
    .re_detailbig_txtG,
    .mem_detail_openbets,
    .pro_detailG .re_detailUL,
    .re_reault_divG,
    .filter_container{padding-bottom: 96px;}
}




/*outdated browser*/
.outdated {
    padding: 50px 43px;
}

.od_title {
    position: relative;
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    height: 21px;
    margin-bottom: 21px;
}

.outdated p {
    position: relative;
    color: rgba(0, 0, 0, 0.8);
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 5px;
}

.od_click {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
}

.browser {
    width: 700px;
}


.chrome,
.firefox,
.safari {
    position: relative;
    float: left;
    width: 208px;
    height: 204px;
    text-align: center;
    padding-top: 20px;
    margin-right: 3%;
    margin-top: 20px;
    background: url('../../images/control/browser_bg.png') -208px 0 no-repeat;
}

.chrome .pic {
    background: url('../../images/control/browser_chrome.png') center no-repeat;
}

.firefox .pic {
    background: url('../../images/control/browser_firefox.png') center no-repeat;
}

.safari .pic {
    background: url('../../images/control/browser_safari.png') center no-repeat;
}

.chrome .pic,
.firefox .pic,
.safari .pic {
    display: block;
    height: 87px;
}

.chrome p,
.firefox p,
.safari p {
    color: #6a6a6a;
    height: 19px;
    font-size: 14px;
    text-align: center;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 8px;
}

.chrome .download,
.firefox .download,
.safari .download {
    display:inline-block;
    color: #fff;
    width: 94px;
    height: 39px;
    text-align: center;
    line-height: 39px;
    background: url('../../images/control/browser_icon.png') -48px 0 no-repeat;
    cursor: pointer;
}

.re_like,
.chrome:hover,
.firefox:hover,
.safari:hover {
    background: url('../../images/control/browser_bg.png') no-repeat;
    cursor: pointer;
}
.browser a{text-decoration: none;}

.like {
    position: absolute;
    top: -10px;
    left: 8px;
    width: 42px;
    height: 42px;
    background: url('../../images/control/browser_icon.png') no-repeat;
}

.bw_main {
    width: 700px;
    padding-top: 31px;
}

.bw_title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.ie5high{

    clear: left;
    height: 80px;
}

.whyup {
    float: left;
    width: 335px;
    height: 80px;
}

.whyup .pic{
    float: left;
    width: 27px;
    height: 80px;
    margin-top: 12px;
    margin-right: 10px;
}

.whyup .title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4em;
    margin-top: 12px;
}

.whyup p {
    font-size: 13px;
    line-height: 1.2em;
}

.settings,
.better {
    margin-left: 30px;
}

.speed,
.better {
    margin-top: 13px;
}

.security .pic{
    background: url('../../images/control/browser_security.png') no-repeat;
}

.settings .pic{
    background: url('../../images/control/browser_settings.png') no-repeat;
}

.speed .pic{
    background: url('../../images/control/browser_speed.png') no-repeat;
}

.better .pic{
    background: url('../../images/control/browser_better.png') no-repeat;
}


/*loading*/
.lds_main {
    position:absolute;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    top: 0;
    left: 0;
    z-index: 11;
}
.inside_lds_main{
    position: fixed;
    width: 100%;
    height: 52px;
    background-color: #f0f0f0;
    bottom: 0;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    z-index: 5;
}
.lds_all{
    position: absolute;
    width:54px;
    top:130px;
    left: 0;
    right: 0;
    margin: auto;
}
.lds_spinner{
    width:54px;height: 54px;
}

.inside_lds_main .lds_spinner{
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
}
.lds_txt {
    padding-top: 7px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.lds_spinner div{
    transform-origin:27px 27px;
    animation: lds_spinner 1.2s linear infinite;
}
.lds_spinner div:after {
    content:"";
    display: block;
    position: absolute;
    top: 3px;
    left:25px;
    width:4px;
    height:14px;
    border-radius:30%;
    background: #000;
}

.lds_spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds_spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds_spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds_spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds_spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds_spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds_spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds_spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds_spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds_spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds_spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds_spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@-webkit-keyframes lds_spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


@keyframes lds_spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/*alert_notice.html*/
.ar_notice{
    width: 300px;
    height: 480px;
    background-color: #fff;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.ar_notice h1{
    height: 40px;
    line-height: 40px;
    background-color: #ef9644;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}
.ar_notice_txt{
    height:calc(100% - 134px);
    line-height: 18px;
    padding: 26px 24px 0;
    color: #4a4a4a;
    overflow: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-flex:1 1 calc(100% - 134px);
    -ms-flex:1 1 calc(100% - 134px);
    flex:1 1 calc(100% - 134px);
}
.ar_notice_txt li{margin-bottom: 18px;}
.ar_notice_txt.EN li{letter-spacing: .5px;}
.ar_notice_bottom{
    height: 94px;
    padding: 24px 0;
    text-align: center;
}
.ar_notice_btn{
    width: 220px;
    height: 46px;
    background-color: #fff;
    border-radius: 3px;
    border:2px solid #ee8b2f;
    color: #ee8b2f;
    font-size: 18px;
    text-align: center;
}


/*showMaintain.html*/
/*1024以上*/
.show_main{ padding-top:126px;}
.show_top{
    width:786px;
    height:195px;
    background:url(../../images/control/showMaintain_top.jpg) no-repeat;
    margin:auto;
}
.show_bottom{
    width:100%;
    background-color:#513f33;
    margin:73px auto auto;
}
.show_txtG{
    width:1020px;
    height:281px;
    margin:auto;
}
.show_txt{
    position:relative;
    float:left;
    width:340px;
    height:281px;
    padding:25px 0 0 28px;
    font-size:15px;
    text-align:left;
    border-right:1px solid #423329;
}
.show_noline{ border-right:0}
.show_txt ul{
    color:#dabf93;
    margin-bottom:6px;
}
ul.show_lightTxt{ color:#c8c4b0}
.show_txt li{ line-height:23px;}
.show_txt tt{ font-size:14px; font-weight:bold}
.show_space{ margin-left:38px;}
.show_mail{
    position:absolute;
    color:#c8c4b0;
    left:26px;
    bottom:28px;
}

ul.US{
    font-size:14px;
    margin-bottom:7px;
}
.US li{line-height:20px;}
.US .show_space{ margin-left:50px}
.show_copyright{
    color:#ac956c;
    font-size:12px;
    text-align:center;
    margin-top:19px;
}

/*1024以下*/
.show_mini_title {
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 20px;
    height: 260px;
    text-align:center;
}
.show_mini_title > img {
    margin-bottom:21px;
    width: 100px;
    height: 99px;
    border:0;
}
.show_mini_title > h1 {
    font-size: 20px;
    font-weight: 900;
    color: #705636;
    line-height: 29px;
}
.show_mini_title > h2 {
    margin-top: 3px;
    font-size:16px;
    font-weight: bold;
    color: #ac956c;
    line-height: 19px;
}

.show_mini_txt {
    margin: 0 auto;
    padding-top:25px;
    min-height:338px;
    color:#dabf93;
    text-align:center;
    background-color: #513f33;
}
.show_mini_txt > h3 {
    font-size: 14px;
    line-height: 1.29em;
}
.show_mini_txt > h4 {
    font-size: 13px;
    line-height: 1.29em;
    margin-top: 4px;
}
.show_mini_txt > h5 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 13px;
}
.show_mini_txt > h6 {
    font-size: 12px;
    margin-top: 13px;
    margin-bottom: 2px;
    color: #c8c4b0;
}
.show_mini_txt > p.p1 {
    font-size: 12px;
    line-height: 1.25em;
}
.show_mini_txt > .phone {
    font-size: 14px;
    font-weight: bold;
    color: #c8c4b0;
}
.show_mini_txt > .phone > span {
    display: inline-block;
    margin: 0 16px;
}
.show_mini_txt > .phone a {
    color: #c8c4b0;
    text-decoration: none;
}
footer {
    line-height: 42px;
    font-size: 12px;
    color: #ac956c;
    text-align: center;
}

/* requirements.html */
.require_header{
    width: 100%;
    height: 56px;
    background: #B03427;
    display: none;
    align-items: center;
}
.require_back_btn{
    display: block;
    width: 16px;
    height: 100%;
    background: url(../../images/control/back_white.svg) no-repeat center;
    margin: 0 24px 0 20px;
}
.require_header span{
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #fff;
}
.require_box{
    padding: 24px 0;
}
.require_boxWidth{
    width: calc(100% - 32px);
    max-width: 640px;
    margin: auto;
}
.require_title{
    line-height: 16px;
    margin-bottom: 16px;
}
.require_tb{
    width: 100%;
    color: #000;
    margin-bottom: 16px;
}
.require_tb caption{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 16px;
    text-align: left;
}
.require_tb th{
    height: 40px;
    background: #F0F0F0;
    border-bottom: 1px solid #fff;
    color: rgba(0, 0, 0, 0.72);
    text-align: left;
}
.require_tb td{
    height: 48px;
    border-top: 1px solid #E0E0E0;
}
.require_tb td:first-child,
.require_tb th:first-child{
    padding: 0 8px 0 16px;
    border-radius: 4px 0 0 4px;
}
.require_tb td:last-child,
.require_tb th:last-child{
    padding: 0 16px 0 8px;
    border-radius: 0 4px 4px 0;
}
.require_txt{
    line-height: 16px;
    color: rgba(0, 0, 0, .8);
}
.require_box h2{
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
}
.require_txt li + li{
    margin-top: 16px;
}
.require_btn{
    display: none;
    width: 328px;
    height: 48px;
    margin: 16px auto 0;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #757575;
    color: rgba(0, 0, 0, .64);
    background: #fff;
    cursor: pointer;
}

/* 外层样式 */
.login_page{
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
}
.login_page .require_box{
    height: calc(100% - 56px);
    padding: 16px 0 24px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

}
.login_page .require_header{
    display: flex;
}
.login_page .require_btn{
    display: block;
}





/*hover*/
@media (pointer: fine) and (max-resolution: 2dppx),
screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
(-moz-touch-enabled: 0), screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .word_link_new:hover{
        color: #49B6FF;
    }
}






/*RWD*/

@media only screen and (orientation:portrait) and (max-width:767px){
    .inside_lds_main{
        bottom: 56px;
    }


}


@media only screen and (orientation:landscape) and (max-width:812px){
    .ar_notice{
        height: auto;
        max-height:calc(100vh - 40px);
    }
}