.mi_section { min-height: calc(100vh - 164px)}
body {}
.rank_increment_box { margin-top: 16px !important}
.row {
    display: flex;
    flex-wrap: wrap;
}
.p-4 {
    padding: 20px !important;
}
.pb-3, .py-3 {
    padding-bottom: 15px !important;
}
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.text-muted {
    color: #868e96 !important;
}
.text-center {
    text-align: center !important;
}
.pt-3, .py-3 {
    padding-top: 15px !important;
}
.rank_box { font-size: 14px}
.rank_box .mb-3 { height: 18px; line-height: 18px; margin: 0 0 15px 0}
.rank_box .float-right { font-size: 13px}
.rank_number {
	float: left;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
	margin: 0 10px 0 0;
    color: #999;
    border-radius: 2px;
    display: inline-block;
}
.rank_increment_1, .rank_increment_2, .rank_increment_3, .rank_golds_1, .rank_golds_2, .rank_golds_3 {
    color: #fff;
    background: #3b82f6;
}
.right_box_color {
	float: left;
    font-size: 13px;
}
.right_box_color {
    color: #494b4d;
}
.float-right {
    float: right !important;
}
.fl.bm { width: 920px}
.fl .bm { margin: 0}
.bmw .bm_h h2 a { font-size: 16px; font-weight: 400}
.fl .bm_h, .bmw .bm_h { width: 100%; padding: 15px 0; background: none; border: 0; font-weight: bold; font-size: 16px}
.fl .bm_h .y, .bmw .bm_h .y, .fl .bm_h .y a, .bmw .bm_h .y a { font-weight: 400; font-size: 12px}
.fl .bm_h h2, .bmw .bm_h h2 { padding: 0}
.fl .bm_h h2 a, .bmw .bm_h h2 a { font-weight: 400 !important}
.bm_h .o { display: none}
.bm_c { padding: 0}

.fl_tb h2 a, .fl_g dt a { font-size: 16px}
.banner { position: relative; width:800px; height:330px; margin-bottom: 16px !important; overflow: hidden}
.banner .pic img { width:800px; height:330px; display: block}
.fl_g { float: left; width: 264px; height: 64px; padding: 15px; margin: 0 10px 10px 0; border-radius: 8px; border: 1px solid rgba(0,0,0,.05); background: #fff; cursor: pointer; transition: all 0.3s ease 0s; overflow: hidden}
.fl_g:hover { -webkit-transform:translateY(-2px); transform:translateY(-2px); box-shadow:0 11px 29px 0 rgba(27, 32, 45, .08)}
.fl_g .fl_icn_g { float: left; width: 64px !important; height: 64px; border-radius: 5px; border: 0; text-align: center; overflow: hidden}
.fl_g .fl_icn_g a { display: inline-block; text-align: center}
.fl_g .fl_icn_g img { width: auto !important; height: 64px !important; max-width: 64px; border-radius: 5px; border: 0}
.fl_right { float: right; width: calc(100% - 76px); line-height: 22px; margin: 0 !important}
.fl_g:hover .tit_f a, .tit_f a:hover { color: #3b82f6 !important}

.tabBar .hd { margin: 0 0 12px 0}
.tabBar .hd li { float: left; width: 90px; height: 30px; line-height: 30px; margin: 0 10px 0 0; font-size: 14px; color: #333333; background: #F3F3F3; text-align: center; cursor: pointer}
.tabBar .hd li.on { color: #FFFFFF; background: #05A2DE}

.tabBar2 { margin: 0 0 20px 0; border-radius: 4px; background: #F6F6F6}
.tabBar2 .hd { height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    padding: 0 20px;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 0
}
.tabBar2 .hd h3 {
    float: left;
    height: 49px;
	line-height: 50px;
    border-bottom: 2px solid #05A2DE;
    font-weight: bold;
}
.tabBar2 .hd ul { float: right; width: auto; margin: 0; z-index: 5; zoom: 1}
.tabBar2 .hd li {
	width: 38px;
	height: 18px;
	line-height: 18px;
	padding: 0;
	margin: 0 0 0 5px;
	border-radius: 4px;
    font-size: 12px;
    color: #888888;
    font-weight: 400;
	text-align: center;
	border: 1px solid #E8E8E8;
    cursor: pointer;
    position: relative;
	display: inline-block;
	background: #FFFFFF
}
.tabBar2 .hd li.on { color: #FFFFFF; border-color: #05A2DE; background: #05A2DE}

.tabBar2 .bd { border: 0; padding: 10px 0; clear:both; position:relative; height: auto; min-height: 100px; overflow: hidden}
.tabBar2 .bd .conWrap2 { width: 100%}

.ranks1 { padding: 0 20px}
.ranks1 li { float: left; width: 100%; display: block; line-height: 30px; font-size: 14px}
.ranks1 li em { float: left; width: 22px; height: 15px; line-height: 15px; margin: 7px 10px 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; border-radius: 2px; text-align: center; background: #BEBEBE}
.ranks1 li:nth-child(1) em { background: #DF272B}
.ranks1 li:nth-child(2) em { background: #EFA300}
.ranks1 li:nth-child(3) em { background: #5BB44D}
.ranks1 li a { float: left; display: block; width: 228px; height: 30px; color: #555555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.ranks1 li a:hover { color: #05A2DE}

.deandztabc dl dd {
    display: block;
    clear: both;
    font-size: 14px;
    color: #666;
    height: 32px;
    line-height: 32px;
    margin-bottom: 1px;
}
.deandztabc dl dd em {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
    background: #ddd;
    border-radius: 20px 0 20px 20px;
}
.deandztabc dl dd a {
    float: left;
    font-size: 14px;
    width: 420px;
    color: #333;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.deandztabc dl dd a:hover { color: #05A2DE}
.deantabddnum {
    float: right;
    font-size: 12px;
    color: #bbb;
}
.deandztabc dl dd span {
    color: #aaa;
}
.deandztabc dl dd i {
    padding-right: 4px;
    margin-left: 10px;
    font-size: 12px;
    color: #ccc;
}
.deandztabc dl dd:nth-child(1) em {
    background: #DF272B;
}
.deandztabc dl dd:nth-child(2) em {
    background: #EFA300;
}
.deandztabc dl dd:nth-child(3) em {
    background: #5BB44D;
}

.bbs_banner { position: relative; width:500px; height:340px; overflow: hidden; border-radius: 4px}
.bbs_banner .pic img { width:500px; height:340px; display: block; }
.bbs_banner .pic li { position: relative}
.bbs_banner .pic li h3 { display: block; position: absolute; bottom: 0; left: 0; width: 460px; font-size: 16px; font-weight: 400; padding: 10px 20px 20px 20px; color: #FFFFFF; background: rgba(0,0,0,0.5)}
.bbs_banner .hd { overflow:hidden; zoom:1; position:absolute; bottom: 10px; right: 20px; z-index:3}
.bbs_banner .hd li{float:left; line-height: 10px; text-align:center; font-size:12px; width:10px; height:10px; border-radius: 50%; cursor:pointer; overflow:hidden; background: rgba(255,255,255,0.8); margin-left: 10px}
.bbs_banner .hd .on{ background: #05A2DE}

#online .bm_h, #online .bm_h a { font-size: 14px !important; color: #333333 !important; font-weight: 400 !important}
@media (max-width: 800px) {
.sd { display: none}
.detailName { height: 100px}
.left1x { width: 100% !important}
.left1x .mn { width: 100% !important; padding: 0 !important; border: 0 !important}
.t_box1 { margin: 0 !important}
.mod_art_list { height: 85px !important; padding: 15px 0 !important; margin: 0 !important}
.mod_art_list_pic { width: 32% !important; height: 85px !important; margin: 0 !important}
.mod_art_list_pic img { width: 100% !important; height: auto !important; min-height: 85px !important}
.mod_art_list_content { float: right !important; width: 65% !important; height: 85px !important; margin: 0 !important}
.mod_art_list h3 { height: 40px !important}
.mod_art_list h3 a { font-size: 15px !important}
.mod_art_list_simple, .display_none { display: none !important}
.t_box1x .z, .t_box1x .y { float: none !important; width: 100% !important; height: auto !important; padding: 0 !important; border: 0 !important}
.bbs_banner .pic img { width: 100% !important; height: 200px !important}
.bbs_banner { width: 100% !important; height: 200px !important}
.bbs_banner .pic li h3 { width: 95% !important; padding: 10px 5% !important}
.tabBar .hd { width: 100% !important; padding: 0 !important; margin: 20px 0 10px 0 !important}
.tabBar .hd li { width: 22% !important; margin: 0 4% 0 0 !important}
.tabBar .hd li:last-child { margin: 0 !important}
#main_sidebar { display: none}
.mn { float: none !important; width: 100% !important}
.deandztabc dl dd a { float: none !important; width: auto !important}
#chart { height: auto !important; padding: 10px 5% !important}
#chart .z span { width: 50% !important; margin: 0 0 20px 0 !important}
#chart .y { float: left !important}
#chart .y span { padding: 0 !important}
.Framebox { width: 100% !important; padding: 0 3% 20px 3% !important}
.fl_g { width: 100% !important; height: 96px; padding: 15px !important; margin-bottom: 10px !important; border: 1px solid rgb(0 0 0 / 7%); border-radius: 6px !important; box-sizing: border-box}
#online { border-radius: 6px !important}
#online { width: 100% !important; padding: 5px 5% !important; box-sizing: border-box}
.fl .bm_h, .bmw .bm_h { width: 100% !important; height: auto !important}
.display_none { display: none}
.Framebox { border-radius: 0 !important; box-sizing: border-box}
.fl.bm { width: 100%}
.fl_g .fl_icn_g { margin-right: 20px}
.fl_right { float: none; width: auto; line-height: 22px}
.fl_right div { width: auto !important}
.mi_section { width: 100% !important}
.p_t10 { margin-top: 0 !important}
.box[data-v-831e2a40] { padding: 20px 3% !important; border-radius: 0 !important; margin: 0 0 16px 0 !important}
.box .new-detail .new-detail-block .new-detail-block-left[data-v-831e2a40] { width: 100% !important}
.box .new-detail .new-detail-block .new-detail-block-right[data-v-831e2a40] { width: 100% !important}
.box .new-detail .new-detail-block .new-detail-block-left .new-detail-block-left-text[data-v-831e2a40] { padding: 0 !important}
.box .new-detail .new-detail-block .new-detail-block-right[data-v-831e2a40] { padding: 0 !important}
.box .new-detail .new-detail-block .new-detail-block-right .new-detail-block-right-item[data-v-831e2a40] { margin: 0 0 10px 0 !important}
.box .new-detail .new-detail-block .new-detail-block-left .new-detail-block-left-img[data-v-831e2a40] { height: auto !important}
}