/***********************************************************************************************************/
/* Style Sheet v1.0 for TIANNA.WebConsole	                                                               */
/* global.css, v 1.0.0 2023/05/30 23:59:59 TIANNA.H                                                        */
/***********************************************************************************************************/


/**************************************************/
/**** Init ****************************************/
/**************************************************/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD { border-bottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; outline-style: none; outline-color: invert; padding-left: 0px; outline-width: 0px; padding-right: 0px; background: none transparent scroll repeat 0% 0%; font-size: 100%; vertical-align: baseline; border-top: 0px; border-right: 0px; padding-top: 0px; font-family: 微软雅黑; }

HTML { overflow-y: scroll; }

OL { list-style-type: none; list-style-image: none; }

UL { list-style-type: none; list-style-image: none; }

BLOCKQUOTE { quotes: none; }

Q { quotes: none; }

BLOCKQUOTE:before { content: none; }

BLOCKQUOTE:after { content: none; }

Q:before { content: none; }

Q:after { content: none; }

:focus { outline-style: none; outline-color: invert; outline-width: 0px; }

INS { text-decoration: none; }

DEL { text-decoration: line-through; }

TABLE { border-bottom: medium none; border-left: medium none; border-spacing: 0; width: 100%; border-collapse: collapse; border-top: medium none; border-right: medium none; }

    TABLE IMG { margin: 0px; }

SELECT { border: solid 1px #004098; color: #004098; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("/Global/Images/arrow.png") no-repeat scroll right center transparent; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ padding: 4px; padding-right: 14px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
    SELECT OPTION { border: 1px #cccccc solid; height: 30px; line-height: 30px; }


/**************************************************/
/**** BASIC STYLE *********************************/
/************************************************#f9fbfc**/
BODY { color: #333333; vertical-align: top; background-color: #ffffff; font-family: "微软雅黑"; padding: 0px; margin: 0px; font-size: 12px; }
FORM { padding: 0px; margin: 0px; }

A { color: #267cb2; }
    A:hover { color: #ff6600; text-decoration: none; }





header { display: block; width: 100%; overflow: hidden; }
    header div.wrap { display: block; max-width: 1200px; height: 80px; margin: 0px auto;  }
    header img.logo { height: 50px; margin-left: 66px; margin-top: 15px; border-bottom: 0px #cccccc solid; padding-bottom: 2px; }
    header a.login {cursor: pointer; display: inline-block; width: 60px; height: 30px; font-size: 12px; font-weight: bold; color: #cccccc; line-height: 30px; text-align: center; margin-top: 15px; text-decoration: none; border: 1px #cccccc solid; }
    header a.signin { color: #cccccc; font-size: 12px; line-height: 30px; text-decoration: none; margin-right: 20px; float: right; margin-top: 35px; }

    header a.logout { color: #cccccc; font-size: 12px; line-height: 30px; text-decoration: none; margin-right: 20px; float: right; margin-top: 25px; }
    header a.profile { display: inline-block; padding: 0px 20px; height: 30px; font-size: 12px; font-weight: bold; color: #cccccc; line-height: 30px; text-align: center; margin-top: 25px; text-decoration: none; border: 1px #cccccc solid; float: right; }

    header warning { color: #cccccc; font-size: 16px; font-weight: bold; color: #ffd800; line-height: 30px; text-decoration: none; float: right; margin-top: 6px; }
    header classification {
        display: block;
        padding-top: 10px;
        margin-top: 5px;
    }
        header classification a {
            font-size: 14px;
            color: #999999;
            line-height: 14px;
            text-decoration: none;
            padding-bottom: 3px;
            padding: 5px 10px; /* 预先设置好hover时的尺寸 */
            border-radius: 10px;
            margin-left: 10px;
        }
            header classification a.current { font-weight: bold; }


nav {
    display: block;
    width: 100%;
    height: 50px;
    overflow: hidden;
    margin-left: 20px;
    margin-top: 5px;
}
    nav div.wrap { display: block; max-width: 1200px; height: 50px; margin: 0px auto; line-height: 48px; }
        nav div.wrap span { margin-right: 10px; }
        nav div.wrap a { color: white; font-size: 16px; font-weight: bold; text-decoration: none; margin-right: 25px; }
            nav div.wrap a:hover {
                border-bottom: 2px solid white;
                padding-bottom: 4px;
            }
            nav div.wrap a.current {
                border-bottom: 4px #fff solid;
                padding-bottom: 4px;
            }
            nav div.wrap a.settings { float: right; color: #333333; font-size: 12px; font-weight: normal; text-decoration: none; margin-left: 20px; margin-right: 0px; }
            nav div.wrap a.currentsettings { float: right; color: #333333; font-size: 12px; line-height: 30px; font-weight: bold; text-decoration: none; margin-left: 20px; margin-right: 0px; border-bottom: 4px #333333 solid; padding-top: 10px; }


div.main-wrap { display: flex; max-width: 1200px; margin: 0px auto; border: 0px #ff0000 solid; border: 0px #ff0000 solid; margin-top:130px !important;}


footer { display: block; border-top: 6px #cccccc solid; background-color: #ffffff;margin-top: 20px; }

    footer ul.logos { display: block; max-width: 1200px; height: 120px; margin: 0px auto; padding-top: 30px; border-bottom: 1px #cccccc solid; }
    footer li.journallogo { float: left; display: block; width: 330px; height: 96px; border: 0px #cccccc solid; }
        footer li.journallogo img { height: 66px; }
        footer li.journallogo span { display: block; line-height: 30px; color: #333333; }
            footer li.journallogo span b { color: #000000; }
    footer li.officicallogo { float: left; display: block; width: 330px; height: 96px; border: 0px #cccccc solid; }
        footer li.officicallogo img { height: 50px; margin-top: 40px; margin-right: 10px; }
    footer li.grouplogo { float: right; display: block; width: 330px; height: 96px; border: 0px #cccccc solid; text-align: right; }
        footer li.grouplogo img { height: 40px; margin-left: 10px; }

    footer ul.links { display: block; max-width: 1200px; height: 158px; margin: 0px auto; padding-top: 20px; border-bottom: 1px #cccccc solid; }
        footer ul.links li { width: 25%; float: left; }
            footer ul.links li span { display: block; color: #333333; font-size: 14px; font-weight: bold; line-height: 30px; }
            footer ul.links li a { display: block; color: #999999; font-size: 12px; line-height: 26px; text-decoration: none; display: block; }

    footer .copyrights { display: block; max-width: 1200px; height: 118px; margin: 0px auto; display: block; padding-top: 20px; }
        footer .copyrights span { display: block; text-align: right; color: #999999; font-size: 12px; line-height: 20px; }





/***PAGINATION *********************************************************************/
.pagination { height: 20px; font-weight: bold; line-height: 16px; padding: 10px; color: #004098; padding: 4px 0px; font-size: 12px; }

    .pagination a { display: inline-block; margin-right: 2px; color: #004098; text-decoration: none; }

        .pagination a:link { border: 1px solid #004098; padding: 4px 8px; }

        .pagination a:visited { border: 1px solid #004098; padding: 4px 8px; }

        .pagination a:hover { border: 1px solid #004098; color: #fff; background-color: #004098; text-decoration: none; }

        .pagination a.gotolist { border: 1px solid #cc0000; margin-right: 2px; color: #cc0000; }

            .pagination a.gotolist:visited { border: 1px solid #cc0000; padding: 4px 8px; }

            .pagination a.gotolist:hover { border: 1px solid #cc0000; margin-right: 2px; color: #ffffff; background-color: #cc0000; }

        .pagination a.pagelast { border: 1px solid #004098; margin-right: 2px; color: #004098; background: url(/style.v2/images/arrow_left.gif); background-position: left center; background-repeat: no-repeat; padding-left: 14px; }

            .pagination a.pagelast:visited { border: 1px solid #004098; margin-right: 2px; color: #004098; background: url(/style.v2/images/arrow_left.gif); background-position: left center; background-repeat: no-repeat; padding-left: 14px; }

            .pagination a.pagelast:hover { border: 1px solid #004098; margin-right: 2px; color: #ffffff; background-color: #004098; }

        .pagination a.pagenext { border: 1px solid #004098; margin-right: 2px; color: #004098; background: url(/style.v2/images/arrow_right.gif); background-position: right center; background-repeat: no-repeat; padding-right: 14px; }

            .pagination a.pagenext:visited { border: 1px solid #004098; margin-right: 2px; color: #004098; background: url(/style.v2/images/arrow_right.gif); background-position: right center; background-repeat: no-repeat; padding-right: 14px; }

            .pagination a.pagenext:hover { border: 1px solid #004098; margin-right: 2px; color: #ffffff; background-color: #004098; }

        .pagination a.current { border: 1px solid #004098; background-color: #004098; margin-right: 2px; color: #ffffff; }

            .pagination a.current:hover { border: 1px solid #004098; background-color: #004098; margin-right: 2px; color: #ffffff; }

    .pagination span { border: 1px solid #0099cc; background: #0099cc; display: block; margin-right: 10px; color: #ffffff; }
















#leftsidemenu { float: left; width: 240px; padding-top: 10px; overflow: hidden; background-color: #ffffff; padding-right: 20px; }
    #leftsidemenu .group { display: block; margin-bottom: 20px; }
        #leftsidemenu .group span { display: block; line-height: 30px; background-color: #004098; font-size: 12px; font-weight: bold; color: #ffffff; padding-left: 10px; }
            #leftsidemenu .group span i { margin-right: 10px; }
        #leftsidemenu .group a { display: block; line-height: 30px; background-color: #eeeeee; font-size: 12px; font-weight: bold; color: #333333; padding-left: 10px; text-decoration: none; margin-top: 2px; }
            #leftsidemenu .group a:hover { display: block; line-height: 30px; background-color: #dddddd; font-size: 12px; font-weight: bold; color: #ff6a00; padding-left: 10px; text-decoration: none; margin-top: 2px; }
            #leftsidemenu .group a.current { display: block; line-height: 30px; background-color: #ff6a00; font-size: 12px; font-weight: bold; color: #ffffff; padding-left: 10px; text-decoration: none; margin-top: 2px; }
                #leftsidemenu .group a.current i { margin-right: 10px; }
            #leftsidemenu .group a.btn { display: block; line-height: 30px; background-color: #70AD47; font-size: 12px; line-height: 30px; font-weight: bold; color: #ffffff; padding-left: 10px; text-decoration: none; margin-top: 2px; }
                #leftsidemenu .group a.btn:hover { display: block; line-height: 30px; background-color: #ff6a00; font-size: 12px; line-height: 30px; font-weight: bold; color: #ffffff; padding-left: 10px; text-decoration: none; margin-top: 2px; }
                #leftsidemenu .group a.btn i { float: right; line-height: 30px; margin-right: 6px; }


#rightsidemenu {  width: 250px; padding-top: 10px; overflow: hidden; background-color: #ffffff; padding-left: 20px; }
    #rightsidemenu .group { display: block; margin-bottom: 20px; }
        #rightsidemenu .group span { display: block; line-height: 30px; background-color: #004098; font-size: 12px; font-weight: bold; color: #ffffff; padding-left: 10px; }
            #rightsidemenu .group span i { margin-right: 10px; }

        #rightsidemenu .group a { display: block; line-height: 30px; background-color: #eeeeee; font-size: 12px; font-weight: bold; color: #333333; padding-left: 10px; text-decoration: none; margin-top: 2px; }
            #rightsidemenu .group a:hover { display: block; line-height: 30px; background-color: #dddddd; font-size: 12px; font-weight: bold; color: #ff6a00; padding-left: 10px; text-decoration: none; margin-top: 2px; }
            #rightsidemenu .group a.current { display: block; line-height: 30px; background-color: #ff6a00; font-size: 12px; font-weight: bold; color: #ffffff; padding-left: 10px; text-decoration: none; margin-top: 2px; }
                #rightsidemenu .group a.current i { margin-right: 10px; }
            #rightsidemenu .group a.btn { display: block; line-height: 30px; background-color: #70AD47; font-size: 12px; line-height: 30px; font-weight: bold; color: #ffffff; padding-left: 10px; text-decoration: none; margin-top: 2px; }
                #rightsidemenu .group a.btn:hover { display: block; line-height: 30px; background-color: #ff6a00; font-size: 12px; line-height: 30px; font-weight: bold; color: #ffffff; padding-left: 10px; text-decoration: none; margin-top: 2px; }
                #rightsidemenu .group a.btn i { float: right; line-height: 30px; margin-right: 6px; }


#mainside { display: inline-block; width: 900px; border-left: 0px #004098 solid; background-color: #ffffff; padding: 10px; overflow: hidden; min-height: 500px; }








mainwrap { display: block; max-width: 1200px; margin: 0px auto; border: 0px #ff0000 solid; border: 0px #ff0000 solid; 
           margin-top:130px !important;
}


leftsidemenu { float: left; width: 240px; padding-top: 10px; overflow: hidden; background-color: #ffffff; padding-right: 20px; }
    leftsidemenu .group { display: block; margin-bottom: 20px; }
        leftsidemenu .group span { display: block; line-height: 30px; background-color: #004098; font-size: 12px; font-weight: bold; color: #ffffff; padding-left: 10px; }
            leftsidemenu .group span i { margin-right: 10px; }
        leftsidemenu .group a { display: block; line-height: 30px; background-color: #eeeeee; font-size: 12px; font-weight: bold; color: #333333; padding-left: 10px; text-decoration: none; margin-top: 2px; }
            leftsidemenu .group a:hover { display: block; line-height: 30px; background-color: #dddddd; font-size: 12px; font-weight: bold; color: #ff6a00; padding-left: 10px; text-decoration: none; margin-top: 2px; }
            leftsidemenu .group a.current { display: block; line-height: 30px; background-color: #ff6a00; font-size: 12px; font-weight: bold; color: #ffffff; padding-left: 10px; text-decoration: none; margin-top: 2px; }
                leftsidemenu .group a.current i { margin-right: 10px; }
            leftsidemenu .group a.btn { display: block; line-height: 30px; background-color: #70AD47; font-size: 12px; line-height: 30px; font-weight: bold; color: #ffffff; padding-left: 10px; text-decoration: none; margin-top: 2px; }
                leftsidemenu .group a.btn:hover { display: block; line-height: 30px; background-color: #ff6a00; font-size: 12px; line-height: 30px; font-weight: bold; color: #ffffff; padding-left: 10px; text-decoration: none; margin-top: 2px; }
                leftsidemenu .group a.btn i { float: right; line-height: 30px; margin-right: 6px; }

rightsidemenu { float: right; width: 250px; padding-top: 10px; overflow: hidden; background-color: #ffffff; padding-left: 20px; }
    rightsidemenu .group { display: block; margin-bottom: 20px; }
        rightsidemenu .group span { display: block; line-height: 30px; background-color: #004098; font-size: 12px; font-weight: bold; color: #ffffff; padding-left: 10px; }
            rightsidemenu .group span i { margin-right: 10px; }
        rightsidemenu .group a { display: block; line-height: 30px; background-color: #eeeeee; font-size: 12px; font-weight: bold; color: #333333; padding-left: 10px; text-decoration: none; margin-top: 2px; }
            rightsidemenu .group a:hover { display: block; line-height: 30px; background-color: #dddddd; font-size: 12px; font-weight: bold; color: #ff6a00; padding-left: 10px; text-decoration: none; margin-top: 2px; }
            rightsidemenu .group a.current { display: block; line-height: 30px; background-color: #ff6a00; font-size: 12px; font-weight: bold; color: #ffffff; padding-left: 10px; text-decoration: none; margin-top: 2px; }
                rightsidemenu .group a.current i { margin-right: 10px; }
            rightsidemenu .group a.btn { display: block; line-height: 30px; background-color: #70AD47; font-size: 12px; line-height: 30px; font-weight: bold; color: #ffffff; padding-left: 10px; text-decoration: none; margin-top: 2px; }
                rightsidemenu .group a.btn:hover { display: block; line-height: 30px; background-color: #ff6a00; font-size: 12px; line-height: 30px; font-weight: bold; color: #ffffff; padding-left: 10px; text-decoration: none; margin-top: 2px; }
                rightsidemenu .group a.btn i { float: right; line-height: 30px; margin-right: 6px; }



mainside { display: inline-block; width: 900px; border: 0px #004098 solid; background-color: #ffffff; padding: 10px 0px; overflow: hidden; min-height: 500px; text-align: justify; }



intro { display: block; margin-bottom: 100px; }
    intro pageheader { display: block; background-color: rgb(241 245 249); padding: 30px; border-bottom: 1px #cccccc solid; }
        intro pageheader pagetitle { display: block; font-size: 26px; font-weight: bold; color: #ff6a00; margin-bottom: 20px; }
        intro pageheader span { display: block; line-height: 180%; font-size: 14px; color: #666666; }
            intro pageheader span b { color: #333333; }

blockquote { display: block; margin-top: 30px; padding: 0px 20px; }
    blockquote h1 { display: block; line-height: 180%; font-size: 18px; font-weight: bold; color: #004098; }
    blockquote h2 { display: block; line-height: 180%; font-size: 16px; font-weight: bold; color: #333333; }
    blockquote h3 { display: block; line-height: 180%; font-size: 14px; font-weight: bold; color: #333333; }
    blockquote h4 { display: block; line-height: 180%; font-size: 12px; font-weight: bold; color: #333333; }
    blockquote label { display: block; line-height: 180%; font-size: 14px; font-weight: bold; color: #333333; }
    blockquote span { display: block; line-height: 180%; font-size: 14px; color: #333333; }
    blockquote p { display: block; line-height: 180%; font-size: 14px; color: #333333; margin-bottom: 20px; }


faq { display: block; margin-top: 30px; padding: 0px 20px; background-color: #efefef; padding: 20px; }
    faq h1 { display: block; line-height: 180%; font-size: 18px; font-weight: bold; color: #004098; }
    faq label { display: block; line-height: 180%; font-size: 14px; font-weight: bold; color: #333333; }
    faq span { display: block; line-height: 180%; font-size: 14px; color: #333333; }
    faq p { display: block; line-height: 180%; font-size: 14px; color: #333333; margin-bottom: 20px; }