#container { width: 1000px; flex-direction: row; display: flex; justify-content: space-between; gap: 20px; padding-top: 10px;}
#m_l {width: 500px; height: auto; display: flex; flex-direction: column; justify-content: start !important;}
#m_l .tab { border-bottom: 1px solid #717171; display: flex; justify-content: start; flex-direction: row; width: 100%;}
#m_l .tab span {     display: inline-block;
    width: 100%;
    line-height: 33px;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    text-align: center;
    border: 1px solid #cecece;
    border-left: none;
    border-bottom: 1px solid #717171;
    box-sizing: border-box;
    cursor: pointer;
}
#m_l .tab span.on {background: #717171; color: #fff; border: 1px solid #717171; padding-right: 2px;}
#m_l .tab-view { margin-top: 5px; width: 100%; height: auto; }
#m_l .tab-view ul { display: flex; width: 100%; flex-direction: column; }
#m_l .tab-view li { border-bottom: 1px dotted #ddd; display: flex; flex-direction: row; justify-content: space-between; height: 30px; align-items: center;}
#m_l .tab-view li a { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 435px; font-size: 13px;}
#m_l .tab-view li span { font-size: 13px;}

#m_r { width: 480px; height: auto; display: flex; flex-direction: column !important; justify-content: start !important;}
#m_r div { position: relative; }
#m_r .login_box { width: 100%; height: auto; display: flex; flex-direction: column;position: relative;}
#m_r .login_box div { margin: 0; padding: 0; }
#m_r .login_box img { margin: 0; padding: 0; }
#m_r .login_box .inner_login_box { background: url(/skin/v2.0/image/common/tbl_login_mid.gif) no-repeat center; padding-top: 5px; height: 103px; overflow: hidden; position: relative;}
#m_r .login_box form { width: 300px; padding-right: 20px; font-size: 13px; float: right; position: relative;}
#m_r .login_box .main_log_in .login-form { display: flex; flex-direction: row; gap: 10px;}
#m_r .login_box .main_log_in .login-flex { display: flex; flex-direction: column; gap: 8px; margin-top: 5px;}
#m_r .login_box .main_log_in .login-flex .inner-login-flex { display: flex; flex-direction: row; gap: 16px;}
#m_r .login_box .main_log_out  { position: absolute; right: 30px; width: 250px; top: 15px;}


#m_r .box_notice { border-left: 1px solid #ccc; border-right: 1px solid #ccc; box-sizing: border-box; width: 100%; height: auto;}
#m_r .box_notice .title { font-size: 13px; font-weight: 600; color: #333; padding-left: 15px; height: 35px;
    display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 1px solid #ccc;}
#m_r .box_notice .box_notice_content { display: flex; flex-direction: column; gap: 10px; padding-left: 10px; padding-right: 12px; }
#m_r .box_notice .box_notice_content li { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 30px;}
#m_r .box_notice .box_notice_content li a { font-size: 13px;}
#m_r .m_more {
    width: 20px; height: 20px;
    margin-right: 6px;
}

#m_r .box-download { display: flex; flex-direction: row;
                     background: url(/skin/v2.0/image/common/bg_rgt_btm.gif) no-repeat center;
                     width: 100%; height: 75px; box-sizing: border-box;justify-content: space-between;
                     padding-left: 20px;
                     align-items: center;}
#m_r .box-download h2 { margin: 0; padding: 0; margin-bottom: 14px;}
#m_r .box-download .d_link { justify-content: space-between; gap: 5px; padding-right: 20px;}
#m_r .box-download select { height: 23px !important; width: 166px !important;}