#container .wrap_body { display: flex; width: 100%; height: auto; justify-content: space-between; gap: 20px;}
#wrap_left { float: left; width: 750px; display: block; position: relative;}
#wrap_right { float: right; width: 350px; display: block; position: relative;}
.link_login {    display: block;
    padding: 15px 0;
    margin-top: 11px;
    background-color: var(--main_color);
    border: var(--sub_color);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-decoration: none;}
.link_login:hover { text-decoration: none;}
.link_login:visited {color: #fff;}

.wrap_login { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.wrap_login .inner_login_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px;
    gap: 4px;
}
.wrap_login h4 {
    margin: 0; padding: 0 0 10px 0;
    display: flex;
    flex-direction: row;
    font-size: 1.3rem;
    width: 320px;
    justify-content: center;
    flex-wrap: nowrap;
    box-sizing: border-box;

}
.wrap_login h5 {
    margin: 0; padding: 0 0 4px 0;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
}
.wrap_login .wrap_btns {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    align-items: center;
}

#login_box_btns { height: auto; margin: 14px 8px 0 4px; display: block; height: 20px;}
#login_box_btns div { }

.mainSwiper { width: 750px; height: 280px;}
.swiper-button-next, .swiper-button-prev { color: #fff !important;}

#final_box { display: flex; }
#final_box .final_title { min-width: 110px; color: #000; font-weight: 700;}
#final_box .final_body { position: relative; width: 100%; min-width: 550px; overflow: hidden; max-height: 18px;}
#final_box .final_body .rolling span { font-weight: 600; color: var(--main_color);}
#wrap_customer { }
#wrap_customer .customer_title { font-size: 18px; margin: 0 0 5px 0; padding: 0;}
#wrap_customer .customer_item { font-size: 14px; margin-bottom: 3px;}
#wrap_customer .customer_item strong { font-size: 14px; float: left; width: 45px;}
#wrap_customer .customer_item strong::after { content: " | "; margin-left: 5px; color: var(--main_color);}
#wrap_customer .small { font-size: 11px ;}
.swiper-customer-btns { position: absolute; right: -10px; top: 0px; width: 40px;}
.swiper-customer-next { width: 20px; height: 20px; border: 1px solid gray; background-color: #f7f9fa;}

#tab_notice { float: left; width: 100%; height: 25px; clear: both; position: relative; margin-bottom: 10px;}
.btn_notice { font-weight: 700; font-size: 0.9rem; margin-right: 1em; display: inline-block;
    padding: 0 1px;
    float: left;
    border-bottom: 2px solid transparent;
    color: #202020;
    text-decoration: none;}
.btn_notice:hover { text-decoration: none;}
.btn_notice:visited { color: #202020;}
.btn_notice.on { color: var(--main_color);  font-weight: 800; border-color: var(--main_color);}

#tab_new { float: left; width: 100%; height: 25px; clear: both; position: relative; margin-bottom: 10px;}
.btn_new { font-weight: 700; font-size: 0.9rem; margin-right: 1em; display: inline-block;
    padding: 0 1px;
    float: left;
    border-bottom: 2px solid transparent;
    color: #202020;
    text-decoration: none;}
.btn_new:hover { text-decoration: none;}
.btn_new:visited { color: #202020;}
.btn_new.on { color: var(--main_color);  font-weight: 800; border-color: var(--main_color);}

.section_notice { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: start;
    height: auto; padding: 16px 16px 12px 17px; border: 1px solid #ddd;
    box-sizing: border-box; flex-wrap: nowrap; margin-bottom: 10px;
    background-color: #f7f9fa;
}
#tab_notice_content { overflow: hidden; display: flex; flex-direction: column;
    align-items: center; height: auto; width: 100%; box-sizing: border-box;
    & .tc-item { width: 100%;}
}
.tbl_new { display: flex; position: relative; clear: both; flex-direction: column;}
.tbl_new li { display: flex; justify-content: start; flex-direction: row; height: 25px; padding: 2px 15px; flex-wrap: nowrap; align-items: center; }
.tbl_new li span { color: #666;}
.tbl_new li span a {font-size: 0.8rem;}
.tbl_new li span:first-child::before { content: "- "; margin-left: -10px;}
.tbl_new li span:last-child{ margin-left: auto; color: #999;}

.tbl_notice { display: flex; flex-direction: column; list-style: none; width: 100%;}
.td_notice { display: flex; flex-direction: row;
            height: 30px; align-items: center; width: 100%; flex-wrap: nowrap;
            gap: 5px; }
.td_notice div { display: flex; flex-direction: row; gap: 5px; align-items: center;}
.td_notice a { font-size: 0.8rem;}
.td_notice a:hover { font-weight: 700;}

.tc-item { display: none; }
.tc-selected { display: block !important;}

.f_box_item {width: 174px; height: 120px; text-align: center; padding: 20px 10px; position: absolute; cursor: pointer;}
.f_box_title { font-size: 16px; font-weight: 600; line-height: 30px; z-index: 10; position: relative;}
.f_box_item > p { color: #666; z-index: 10; position: relative;}
.f_box_item:hover { background-color: #efefef;}
.f_box_item > a:hover, .f_box_item > a:visited { text-decoration: none; color: #333;}

#mainService { position: relative; width: 100%; height: 362px; border: 1px solid #ddd;}
#mainService .mainServiceFrame { position: absolute; left: 0; right: 0; bottom: 0; top: 0;}

#rightBanner { width: 100%; height: 180px; padding-left: 5px; padding-right: 5px;}
.b_box_item { text-align: center; float: left; position: relative; height: 110px;}
.b_box_item img { width: 50px;}
.b_box_item h4 { font-size: 14px; font-weight: 600; position: absolute; bottom: 15px; width: 100%;}
.b_box_item a { position: absolute; left: 0; right: 0; top: 0; bottom: 0;  text-align: center;}
.b_box_item:hover a { color: var(--main_color); text-decoration: none;}

.rightBannerBottom { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; bottom: 0; right: 0; overflow: hidden; height: 40px; border-top: 1px solid #ddd; background-color: #eee;}
.rightBannerBottom-title { width: 100px; height: 40px; line-height: 40px; font-size: 14px; font-weight: 700; text-align: center;}
.f_viewer li { float: left; width: 45px; display: inline-block; text-align: center; line-height: 40px; height: 30px;}

.b_box-body { margin-top: 10px; color: #666;}
.b_box-footer { }
.b_box-footer h4 { font-size: 14px; }

#wrap_account .f_box strong { width: 100px; }

.bannerSwiper { margin-top: 10px ;}
.bannerSwiper .swiper-slide > div { height: 80px; align-items: center; display: flex;}