@charset 'utf-8';

.lotter_main{
	background: #fff;
}
.main_scroll{
	height:238px;
}
.main_scroll .scroll_left img{
	height:238px !important;
	width:800px;
}
.main_scroll .scroll_right{
	width:200px;
	height:238px;
	background:#515860;
}
.gradient{
	width:100%;
	height:15px;
	/*background:linear-gradient(to bottom,#7a7a7a 0%,#c3c4c3 100%);*/
}
.gradient i{
	display:inline-block;
	border-right:20px solid transparent;
	border-top:15px solid #eee;
}
.gradient em{
	display:inline-block;
	border-left:20px solid transparent;
	border-top:15px solid #eee;
}
.scroll_right h2{
	height:45px;
	line-height:45px;
	color:#fff;
	font-size:20px;
	text-align: center;
	border-bottom:1px solid #777d84;
}
.winning{
	margin-top:11px;
	margin-bottom:0px;
	height:204px;
}
.ranking{
	margin:15px 0;
	height:163px;
	position:relative;
}
.ranking_scrooll_box{
	height:172px;
	overflow-y:hidden;
}
.winning .ranking_list_lotter li{
	border-bottom:none !important;
}
.ranking_list_lotter li{
	border-bottom:1px dashed #dce1e5;
	height:54px;
	cursor:pointer;
}
.ranking_list_lotter li>.media{
	padding:10px;
}
.ranking_list_lotter .media .media-left{
	vertical-align:text-bottom;
}
.ranking_list_lotter .media img{
	width:36px;
	height:36px;
}
.ranking_list_lotter li>.media .media-body p{
	height:17px;
	line-height:17px;
	color:#fff;
}
.ceng{
	width:304px;
	height:200px;
	box-shadow: 2px 2px 5px #ccc;
	padding-top:22px;
	background: #fff;
	position:absolute;
	top:0;
	/*left:-304px;*/
	z-index:9999;
}
.ceng .media-left{
	padding-left:30px;
	padding-right: 26px;
}
.ceng .media-left img{
	width:80px;
	height:80px;
}
.ceng .media-left p{
	margin-top:15px;
}
.ceng .media-left a{
	text-align:center;
	display:block;
	color:#1d93d8;
	font-size:14px;
}
.ceng .media-body p{
	font-size:15px;
}
.ceng .media-footer{
	height:50px;
	background: #f5f5f5;
}
.ceng .media-footer a{
	display:inline-block;
	width:40px;
	text-align:center;
}
.ceng .media-footer i{
	font-size:25px;
	line-height:50px;
}
.ranking_list_lotter .media-body em{
	color:red;
}
.lottery_content{
	background: #fff;
	margin-bottom:10px;
}
.lottery_content .content_nav{
	height:40px;
	background:#455467;
	padding-left:10px;
	overflow: hidden;
}
.content_nav li{
	float: left;
	height:40px;
	text-align:center;
	position:relative;
}
.content_nav li a{
	color:#fff;
	font-size:14px;
	width:100px;
	line-height:27px;
	margin:10px 0;
	margin-top:7px;
	display:inline-block;
}
.content_nav li a:hover{
	text-decoration:none;
}
.content_nav li + li a:after{
	position:absolute;
	left:0;
	top:11px;
	content:'';
	width:1px;
	height:20px;
	background: #74808f;
}
.content_nav .active{
	background: #fff;
	border-radius:5px 5px 0 0;
	margin-top:3px;
}
.content_nav .active a{
	color:#333;
}
.content_nav .active a:after{
	left:-1px;
}
.content_list_box{
}
.content_list{
	display: none;
}
.content_list .k3_project{
	float:left;
	/*width:226px;*/
	/*height:100px;*/
	/*padding:16px 20px;*/
	/*margin:10px;*/
	/*box-shadow:1px 1px 1px #8a8a8a;*/
	/*border:1px solid #e3e3e3;*/
	position:relative;
	margin: 0 10px 20px;
	background: #fff;
    width: calc(25% - 20px);
}
.k3_project .media-left {
    display: block;
    height: 180px;
    padding: 15px 0 0;
    position: relative;
    width: 100%;
    text-align: center;
}
.k3_project .media-left i{
	font-size: 140px;
	color:red;
	line-height: 140px;
}
.k3_project .media-body {
    background: #eee;
}
.k3_project .media-body p{
	font-size:18px;
	text-align: center;
	color:#516073;
	font-weight:100;
	line-height: 56px;
	margin: 0;
}
.k3_project .media-body span{
	color:#777;
	font-size:14px;
	margin:6px 0;
	display:block;
	text-align: center;
	display: none;
}
.content_list .k3_project:hover .media-body {
    background: #dadada;
}
.k3_beetting{
	position:absolute;
	width:100%;
	height:100%;
	text-align: center;
	left:0;
	top:0;
	right: 0;
	bottom: 0;
	display: block!important;
}
.k3_beetting .btn_beetting{
    position: absolute;
    left:0;
	top:0;
	right: 0;
	bottom: 0;
	font-size: 0;
}
.k3_beetting .help{
	position:absolute;
	bottom:7px;
	right:8px;
	border-radius:50%;
	height:22px;
	width:22px;
	display: none;
}
.k3_beetting .help:hover{
	background: #999;
}
.k3_beetting .help i{
	font-size:23px;
	color:#dfdfdf;
	line-height:0;
	vertical-align:middle;
}
.layui-layer-content{
	padding: 0 10px !important;
}
.layui-layer-TipsG { 
	border-bottom-color: transparent !important; 
	border-left-color: #bd2004 !important; 
	top: 6px !important; 
	border-width: 5px !important; 
	right: -10px !important; 
}

.lottery_content .lcbox{
	background: #fffcf5 none repeat scroll 0 0;
}

.lcbox .lctit {
	border-bottom: 2px solid #ee6b13;
}

.lcbox .lctit .jingcai {
	background: rgba(0, 0, 0, 0) url("../images/unit_hover.jpg") repeat-x scroll 0 0;
	display: block;
	height: 36px;
	position: relative;
	border-radius: 7px 7px 0 0;
	top: 2px;
	width: 116px;
}
.lcbox h2{
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 10px;
	line-height: 36px;
	text-align: center;
	text-indent: 10px;
}

.lcbox .lcmain {
	padding: 10px 0 20px;
}
.lcmain .lot_ul>li {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ccc;
	display: inline;
	float: left;
	margin: 10px 5px 0;
	width: 315px;
	border-radius:7px;
}
.lcmain .lot_ul li img {
	float: left;
}
.lcmain .lot_ul li .info {
	float: left;
}
.lcmain .lot_ul li .info h3 {
	margin: 5px 0 5px 10px;
	font-size: 20px;
}
.lcmain .lot_ul li .info h3 a {
	color: #666;
}
.lcmain .lot_ul li .info h3 a:hover {
	color: #ee6b13;
	text-decoration: none;
}
.lcmain .lot_ul li .info>span {
	color: #777;
	line-height: 25px;
	padding:0 10px;
	display: inline-block;
	font-size:14px;
}

.show-gd1 ul{display: inline-block;color:#fff;
	width: 210px;
	overflow: hidden;
	height: 21px;}
.clear {
	clear: both;
}
.lcmain .lot_ul li .btnbox {
	height:40px;
	overflow: hidden;
	margin-left:20px;
}
.lcmain .lot_ul li .btnbox_top{
	height:100px;
}
.lcmain .lot_ul li .btnbox a {
	background:#e9e9e9;
	color:#333;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 30px;
	margin: 0 15px 0px 0;
	text-align: center;
	width: 80px;
	border-radius:20px;
}
.lcmain .lot_ul li .btnbox a:hover{
	opacity:0.8;
}
.lcmain .lot_ul li .btnbox .buybtn {
	background-color: #d32036;
	color:#ffffff;
	margin-right:-5px;
}
.lot-fore{
	height:30px;
}
.lot-fore .fl {
	float: left;
	line-height: 24px;
	margin-left: 20px;
}
.show-gd1 {
	float: left;
	margin-right: -15px;
	text-align: center;
	width: 239px;
}
.show-gd1 li {
	border-radius: 50%;
	float: left;
	height: 19px;
	line-height: 19px;
	margin: 0 1px !important;
	text-align: center;
	width: 19px;
}
.show-gd1 .big_ball li {
	font-size: 13px;
	height: 21px !important;
	line-height: 19px !important;
	width: 21px !important;
}
.show-gd1 li {
	background: url(../images/b-20.png) no-repeat 0 0;
}
.gct_time {
	background: #e1e1e1 none repeat scroll 0 0;
	color: #666;
}
.gct_time {
	border-radius: 3px;
	display: inline-block;
	font-size: 16px;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	margin-left:10px;
}
.tabulousclear{
	display: inline-block;
	line-height: 23px;
}
.gct_time_now_l .leaveh-2{
	font-size: 12px;
	color: #666;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
.lcbox li img{width:80px;height:80px;margin:10px 0 0 12px;}

.clear {
	clear: both;
}


.casino {
    background: #000;
}
.casinoBackground {
    background: url(../images/bg-optimized.jpg) no-repeat;
    background-position: center -20px;
    min-height: 817px;
    min-width: 1125px;
}
.casino_wrap {
    width: 1125px;
    margin: 0 auto;
}
.banner {
    margin: 0;
    padding: 0;
    max-width: 2100px;
}
.width100Percent {
    width: 100%;
    margin: 0 auto;
}
.cas_game {
    height: 425px;
    position: relative;
}
.cas_game_logo {
    float: left;
    width: 400px;
}
.cas_game_mod {
    float: left;
    width: 342px;
}
.clogo_wrap {
    margin-top: 42px;
    float: right;
}
.ag_logo {
    width: 364px;
    height: 177px;
}
.ag_logo_only {
    background: url(../images/ag_logo_only.png) no-repeat;
    background-size: contain;
    background-position: center;
    width: 364px;
    height: 101px;
}
.ban_logo {
    color: #d0cfcf;
    font-size: 50px;
    text-align: center;
    margin-top: 20px;
}
.cas_link {
    text-align: center;
    margin-top: 20px;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn {
    border-radius: 0;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #cf271e;
}

.btn_m {
    width: 140px;
    margin: 0 auto;
    padding: 10px 0;
}
.btn_red {
    background-color: #cf271e!important;
    color: #fff!important;
}

.cmodel_wrap {
    float: left;
    width: 364px;
    height: 425px;
}
.cas_game_mod .heightAuto {
    height: auto !important;
}
.f-image {
    margin-top: -20px;
}
.agm {
    background: url(../images/agm.png) no-repeat;
    background-size: contain;
    background-position: center;
    width: 342px;
    height: 425px;
}
.cas_xgame {
    width: 600px;
    margin: 0 auto;
    position: relative;
    top: -40px;
    text-align: center;
}
.box_game {
    display: inline-block;
    margin-right: 10px;
    background-color: #202020;
    color: #e0dfdf;
    width: 134px;
    height: 118px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #202020;
    vertical-align: top;
}
.a1, .a2, .a3, .a4, .a5, .a6, .a7, .a8, .accountcrownicon, .accounticon, .accounticon2, .acctbigicon, .acctboyicon, .acctboyicon:hover, .acctcolorfulicon, .acctcolorfulicon:hover, .acctgirlicon, .acctgirlicon:hover, .ag_info, .ag_input, .ag_support, .aliboxicon, .arrow-up-container .arrow-up, .arrowcashier, .arrowdownicon, .arrowleftbigicon, .arrowredicon, .arrowredicon2, .arrowrightbigicon, .arrowupicon, .arrowwhiteicon2, .balance_refresh, .ballicon, .bgslidebox2icon, .bgslideboxicon, .bigcheckicon, .bigmailicon, .bigmailicon_disabled, .bigmobileicon, .bigmobileicon_disabled, .bookbind_close, .bookbind_edit, .bookbind_mail, .bookbind_message, .bookbind_refresh, .browser1icon, .browser2icon, .browser3icon, .browser4icon, .btnarrow, .btnredmain, .calendaricon, .cardsecurity, .cas_ace, .cas_ace2, .cas_ace2_h, .cas_ace_h, .cas_ag, .cas_ag_h, .cas_bbin, .cas_bbin_1, .cas_bbin_2, .cas_bbin_3, .cas_bbin_h, .cas_bowling, .cas_card, .cas_dice, .cas_dice_h, .cas_dl, .cas_dl2, .cas_dom, .cas_dom_h, .cas_domin, .cas_domin_h, .cas_domino, .cas_dragon, .cas_ea, .cas_ea_h, .cas_enter, .cas_gd, .cas_gd_h, .cas_hg, .cas_hg_h, .cas_op, .cas_op_h, .cas_pekwa, .cas_roll, .cas_roll_h, .cas_royal, .cas_royal_h, .cas_wheel, .cas_wheel2, .cashier_closeicon, .cashier_infoicon, .casino_icon1, .casino_icon2, .casino_icon3, .casino_icon4, .casino_icon5, .casino_icon6, .casino_icon7, .casino_icongames1, .casino_icongames2, .casino_icongames3, .casino_icongames4, .casino_icongames5, .casino_icongames6, .casino_icongreen, .casino_icongrey1, .casino_icongrey2, .casino_icongrey3, .casino_icongrey4, .casino_icongrey5, .casino_icongrey6, .casino_icongrey7, .casino_icongrey8, .casino_iconred, .casino_mobile, .chaticon, .check, .checkcircleicon, .checkgreenicon, .checkgreenicon:hover, .chinaicon, .circlebanner, .circlebanner_select, .circleredicon, .circleredicon:hover, .circlewhiteicon, .close_icon, .closebigicon, .closebigicon:hover, .closesmallicon, .closesmallicon:hover, .coinbankcolorfulicon, .cont_img, .correct_icon, .dashgreenicon, .dashgreenicon:hover, .diceicon, .dollaricon, .downscrollicon, .email_uc_iconclose, .email_uc_iconopen, .emailsecurity, .entry_current, .entry_sub, .entry_uncheck, .flag_china, .flag_thailand, .flag_uk, .flag_us, .flag_vietnam, .flagicon, .footbrowser1, .footbrowser2, .footbrowser3, .footbrowser4, .footerAgeLimit19, .footer_asiagaming, .footer_bbh, .footer_chrome, .footer_entwinetech, .footer_golddeluxe, .footer_hogaming, .footer_ie, .footer_lbkeno, .footer_mozilla, .footer_opusgaming, .footer_pagcor, .footer_playtech, .footer_pttranspacific, .footer_safari, .func1, .func2, .func3, .func4, .func5, .func6c, .func7, .functu, .game_nothot, .game_rate, .game_redhot, .gameicon1, .gameicon2, .gameicon3, .gameicon4, .gameplay_arrow, .gameplay_close, .gameplay_closeslide, .gameplay_closesmall, .gameplay_imgtopslide, .gameplay_max_icon1, .gameplay_max_icon2, .gameplay_max_icon3, .gameplay_max_icon4, .gameplay_openslide, .gameplay_plusbtn, .games_add_red_star, .games_add_star, .games_arrowup, .games_btnsearch, .games_dl_and, .games_dl_pc, .games_dropcircle1, .games_dropcircle2, .games_dropdown, .games_game1, .games_game2, .games_game3, .games_game4, .games_heart, .games_jpotarrowleftgray, .games_jpotarrowleftred, .games_jpotarrowrightgray, .games_jpotarrowrightred, .games_leftarrow, .games_pt_i, .games_pt_i_sel, .games_rightarrow, .games_searchicon, .games_trophybottom, .games_trophymedal, .games_trophymid, .games_trophytop, .games_trophyyellow, .games_ttg_i, .games_ttg_i_sel, .games_vidicon1, .games_vidicon2, .games_vidicon3, .games_vidicon3Selected, .games_vidicon4, .games_vidicon4Selected, .games_vidicon5, .games_vidicon6, .games_vidicon7, .games_vidiconheart, .games_vidiconheart2, .games_vidiconheart2selected, .games_vidiconheartSelected, .giftcolorfulicon, .greenflagnew, .greyarrowlefticon, .greyarrowrighticon, .greychaticon, .greymailicon, .greyquestionicon, .head_crown, .header_arrowicon, .header_iconarrow, .header_iconarrowselect, .header_lvicon, .header_lviconbig, .headseticon, .help_day, .help_livesport, .help_monkey, .help_monkeyN, .help_monkeyb, .help_night, .home1iconmid, .home3iconmid, .home4iconmid, .icn_logo_bal, .icn_wb, .icn_wb_apl, .icn_wb_cht, .icn_wb_lv, .icon1, .icon10, .icon11, .icon12, .icon2, .icon3, .icon4, .icon5, .icon6, .icon6a, .icon7, .icon8, .icon8a, .icon9, .icon_1, .icon_2, .icon_3, .icon_4, .icon_5, .icon_6, .icon_7, .iconcolorfulicon, .infoicon, .infoicon:hover, .loginicon1, .loginicon2, .loginicon3, .loginicon4, .loginicon5, .loginicon6, .loginicon7, .logoiconsfoot1, .logoiconsfoot2, .logoiconsfoot3, .logoiconsfoot4, .logoiconsfoot5, .logoiconsfoot6, .logoiconsfoot7, .logoiconsfoot8, .logoiconsfoot9, .logomobileicon, .logouticon, .logouticon:hover, .luc_monkey, .lv_bonus, .lv_drop, .lv_lock, .lv_lockgame, .lvuc_cur, .lvuc_dropar, .lvuc_mon_bag, .lvuc_monkey, .lvuc_notavail, .lvuc_pig, .lvuc_plock, .lvuc_reb, .lvuc_ref, .lvuc_shield, .lvuc_upar, .mail_del, .mail_gray_att, .mail_icon, .mail_inbox, .mail_inbox_hov, .mail_new, .mail_new_hov, .mail_notif, .mail_pleft, .mail_pright, .mail_read, .mail_red_att, .mail_send, .mail_send_hov, .mail_sent, .mail_sent_hov, .mail_unread, .maximizeicon, .mbpag2_android, .mbpag2_apple, .mbpag2_check, .mbpag2_game1, .mbpag2_game10, .mbpag2_game11, .mbpag2_game12, .mbpag2_game13, .mbpag2_game14, .mbpag2_game2, .mbpag2_game3, .mbpag2_game4, .mbpag2_game5, .mbpag2_game6, .mbpag2_game7, .mbpag2_game8, .mbpag2_game9, .mbpag2_wap, .mediumcheckicon, .mediumcloseicon, .mediuminfoicon, .menuicon, .menuicon:hover, .messagegreenicon, .messagegreenicon:hover, .messageicon, .minimizeicon, .mobilearrowwhite, .mobileicon, .namesecurity, .new_box, .newlogoicon1, .newlogoicon2, .newlogoicon3, .newlogoicon4, .no_star, .phonegreenicon, .phonegreenicon:hover, .phoneicon, .phonesecurity, .plusicon, .promoicon_star, .promoicon_user, .questionicon, .questionicon:hover, .radiobtnbigicon_red, .radiobtnbigicon_white, .radiobtnicon, .radiobtnicon:hover, .redboxicon, .redboxicon2, .redboxicon3, .refreshicon, .refreshiconred, .sa_bt, .sa_mp, .sa_olpay, .sa_rg18, .sa_rgg, .sa_vs_icon, .sb_expand, .sb_min, .sb_score_help, .sbicontopright, .settingcolorfulicon, .soundicon, .soundsicons, .sports_maintenance, .sra_logo, .starcolorfulicon, .staricon, .staricongray, .stariconwhite, .starsicon, .textlogoicon, .thumbicon, .thumbicon:hover, .trash, .trashicon, .uc_approved, .uc_caution, .uc_close, .uc_cloud, .uc_doubt, .uc_pokercoin, .uc_pokercoin_red, .uc_removed, .upscrollicon, .urcodeicon, .vip_arrowl, .vip_arrowr, .welcome_game1, .welcome_game10, .welcome_game11, .welcome_game12, .welcome_game13, .welcome_game2, .welcome_game3, .welcome_game4, .welcome_game5, .welcome_game6, .welcome_game7, .welcome_game8, .welcome_game9, .whitearrowdownicon, .wrong_icon, .yenicon {
    background: url(../images/icons.png) no-repeat;
}
.cas_ace {
    background-position: -1021px -1656px;
    width: 50px;
    height: 51px;
}
.cas_ace, .cas_bowling, .cas_card, .cas_dice, .cas_domino, .cas_dragon, .cas_pekwa, .cas_wheel {
    text-align: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.cas_dice {
    background-position: -1142px -1658px;
    width: 57px;
    height: 49px;
}
.b_pop {
    font-size: 14px;
    display: none;
    position: absolute;
    bottom: 140px;
    left: -40px;
    background-color: #202020;
    height: auto;
    width: 100%;
    min-width: 700px;
    max-width: 900px;
    margin: 0 10px;
    line-height: 30px;
    padding: 5px 15px;
}
.cas_dragon {
    background-position: -1208px -1654px;
    width: 53px;
    height: 53px;
}
.ag .cas_xgame .b1:hover {
    background: url(../images/ea4.png) no-repeat;
    border: 1px solid #e0dfdf;
    background-position: center center;
    background-color: #e0dfdf;
}
.ag .cas_xgame .b2:hover {
    background: url(../images/ea2.png) no-repeat;
    border: 1px solid #e0dfdf;
    background-position: center center;
    background-color: #e0dfdf;
}
.ag .cas_xgame .b3:hover {
    background: url(../images/ag1.png) no-repeat;
    border: 1px solid #e0dfdf;
    background-position: center center;
    background-color: #e0dfdf;
}

.ag .cas_xgame .b4:hover {
    background: url(../images/n23.png) no-repeat;
    border: 1px solid #e0dfdf;
    background-position: center center;
    background-color: #e0dfdf;
}

.ag .cas_xgame .box_game:hover .ic,.ag .cas_xgame .box_game:hover span {
    opacity: 0;
}
.ag .cas_xgame .box_game:hover .b_pop {
    display: block;
}
.cas_wheel {
    background-position: -1081px -1654px;
    width: 53px;
    height: 53px;
}
.casino .tp {
    text-align: center;
}



.lottery-main {
    
}
.lottery-main .lottery-header {
    width: 100%;
    min-width: 1200px;
    height: 300px;
    background: url("../images/banner-lottery.jpg") center center no-repeat;
}
.common-lottery {
    --default-text: #fff;
    --secondary-text: #aaa;
    --lottery-bg: #010119;
    --lottery-tab-bg: #10101a url(/ftl/commonPage/react/common/images/api-bg.png) repeat-x;
    --lottery-tab-text: #fff;
    --lottery-tab-active-bg: #2a2e39 url(/ftl/commonPage/react/common/images/api-bg-active.png) repeat-x;
    --lottery-tab-active-text: #00b4fa;
    --lottery-tab-border: #555;
    --lottery-card-bg: #2a2e39;
    --lottery-card-border: #555;
    --lottery-card-border-hover: #363c4f;
    --lottery-card-bg2: #212531;
    --lottery-card-bg2-hover: #363c4f;
    --lottery-card-btn: #212531;
    --lottery-card-btn-hover: #363c4f;
    background: var(--lottery-bg)
}
.common-lottery {
    background: #f4f4f4;
}
.common-lottery .container {
    width: 1200px;
    margin: 0 auto;
    overflow: visible;
    padding: 0;
    position: relative;
}
.common-lottery .api-tabs {
    --tab-bg: #eee;
    --tab-text: var(--lottery-tab-text);
    --tab-active-bg: #fff;
    --tab-active-text: #333;;
    --tab-border: #dadada
}

.common-lottery .game-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.common-lottery .left {
    width: 20%
}

.common-lottery .left .game-list-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 60px
}

.common-lottery .left .game-list-item span {
    font-size: 30px;
    margin: 0 10px 0 30px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.common-lottery .right {
    padding-left: 10px;
    width: 80%
}

.common-lottery .right .detail-game-item {
    margin: 0 10px 20px
}

.common-lottery .right .lottery_game {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.common-lottery .no-game,.common-lottery .right .lottery_game {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.common-lottery .no-game {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #555;
    color: #aaa;
    font-size: 16px;
    height: 170px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}
.common-lottery .left .game-list-item {
    background: #eee;
    border: 1px solid #dadada
}

.common-lottery .left .game-list-item.active,.common-lottery .left .game-list-item:hover {
    background: #fff;
    color: #333;
}

.common-lottery .right .lottery_game {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.common-lottery .right .detail-game-item {
    background: var(--lottery-card-bg);
    width: calc(25% - 20px)
}

.common-lottery .right .detail-game-item:hover .cover {
    display: block
}

.common-lottery .right .detail-game-item:hover .game-name {
    background: var(--lottery-card-bg2-hover)
}

.common-lottery .right .game-item-container {
    text-align: center
}

.common-lottery .right .game-img {
    height: 180px;
    padding: 5px;
    position: relative;
    width: 100%
}

.common-lottery .right .cover {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.common-lottery .right .cover-btn {
    border: 1px solid var(--lottery-card-border);
    color: var(--default-text);
    left: 50%;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 #000;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 60%
}

.common-lottery .right .game-name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: var(--lottery-card-bg2);
    color: var(--default-text);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    -webkit-justify-content: center;
    justify-content: center
}