@charset "utf-8";
/* 
 * 基于cm-basic.css
 * 样式表cm-layout内容包括站点的主结构和通用样式
 * 特定场景的样式（#id），在样式表cm-scope中
 */

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
body {
    background: #f1f6fb;
}
@media (max-width: 767px) {
    body {
        background: #f4f4f4;
        line-height: 24px;
        font-size: 14px;
    }
}
.small {
    line-height: 24px;
    font-size: 14px;
}
.sp-full:before {content: '\2003';}
.sp-half:before {content: '\2002';}
.text-support{color: #b0afaf !important;}
.text-default {color:#000 !important;}
.text-invert {color:#fff !important;}
.text-primary {color:#144785 !important;}
.text-secondary {color:#00498E !important;}
.text-em, .text-warning {color:#e72742 !important;}
.text-info {color:#333 !important;font-weight: bold;}  
.text-help, .text-notes {color:#666 !important;font-size: 9pt;}
.cm-notes {color: #b0afaf !important;font-size: 9pt;} 
.text-sub {color: #d8d8d8 !important;}
.text-date {color: #666666 !important;font-weight: normal !important;}
.text-down,.text-fall {color:#24803d !important;}
.text-up,.text-rise {color:#e72742 !important;}
.text-label {color: #f29204 !important;}
.text-link {color: #0053bb !important;}
a.text-default:active, a.text-default:hover,
a.text-invert:active, a.text-invert:hover,
a.text-primary:active, a.text-primary:hover,
a.text-secondary:active, a.text-secondary:hover,
a.text-em:active, a.text-em:hover,
a.text-warning:active, a.text-warning:hover,
a.text-info:active, a.text-info:hover,
a.text-help:active, a.text-help:hover,
a.text-note:active, a.text-note:hover,
a.text-help:active, a.text-help:hover,
a.text-sub:active, a.text-sub:hover,
a.text-date:active, a.text-date:hover,
a.text-down:active, a.text-down:hover, a.text-fall:active, a.text-fall:hover,
a.text-up:active, a.text-rise:hover, a.text-up:active, a.text-rise:hover,
a.text-label:active, a.text-label:hover,
a.text-link:active, a.text-link:hover {color: #e72742 !important;}
.bg-default {background:#fff !important;}
.bg-invert {background:#000 !important;}
.bg-primary {background:#144785 !important;}
.bg-secondary {background:#00498E !important;}
.bg-help {background:#f5f5f5 !important;}


 /* 滚动条*/   
 /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ 
::-webkit-scrollbar {
    width: 8px;
    height: 8px
}
/*定义滚动条轨道*/ 
::-webkit-scrollbar-track {
    background: #e2e2e2;
}
/*定义滑块 内阴影+圆角*/ 
::-webkit-scrollbar-thumb {
    background: #999;
}
 /* 滚动条*/
@media (max-width: 767px) {
    ::-webkit-scrollbar {
        width: 0;
        height: 0
    }
    
}


/* =========
 * services——For Overseas Participants 页面样式
 * ========= */
 .en-main{
     margin-top: 0;
 }
 .en-main .san-col-8{
    border-right: 1px solid #c8dbe9;
    padding-right: 20px !important;
}
@media (max-width: 1229px) {
    .en-main .san-col-8{
        border-right: none;
        padding-right: 5px;
    }
}
@media (max-width: 991px) {
    .en-main .san-col-8{
        border-right: none;
        padding-right: 5px;
    }
}
@media (max-width: 767px) {
    .en-main{
        /*margin-top: 10px !important;*/
        /*padding: 0 5px;*/
    }
    .en-main .san-col-8{
        padding-right: 5px !important;
    }
}
.en-main .sub-blue-title{
    color: #019dda;
    font-size: 12pt;
    margin: 15px 0 10px;
}
.en-main .sub-black-title{
    color: #333;
    font-size: 10.5pt;
}
.en-main .article-content{
    font-size: 10.5pt;
    line-height: 1.5;
    text-align: justify;
}
.en-main .article-content>.blue-words{
    color: #0068b6;
}



/* =========
 * 页面主结构
 * ========= */ 
#main-page {
    position:relative; overflow:hidden;
    width:100%; height:auto; 
    margin:0 auto;
}
#main-page-head, #main-page-menu, #main-page-body, #main-page-foot {
    width:100%;
    clear:both;
}
#main-page-head {
    background: transparent url(../images/EnImg/bg-01.png) 0 0 repeat;
    border-top: 6px solid #0068b7;
}
#main-page-body {
    min-height: 600px;
    padding-bottom: 50px;
}
#main-page-body>.main-page-body-inner {
    background-position: 50% 0; background-repeat: no-repeat;
}
#main-page-foot {
    background: #0068b7;
}
#header, #footer, .main-body {
    position: relative;
    max-width: 1230px;
    margin: 0 auto; 
}
#header, #footer {
    padding-right: 10px; padding-left: 10px;
}
#header {
    position: relative;
    overflow: hidden;
    height: 103px;
    background: transparent url(../images/bg-02.png) no-repeat;
    background-position: 200px -5px;
}
#footer {
    font-size: 14px;
    color: #fff;
}
@media (max-width: 767px) {
    #header {
        background-position: 0 -5px;
        background-size: 90%;
    }
}

/* =========
 * 页脚
 * ========= */ 
#footer #site-name-footer{
    height: 78px;
    margin-top: 10px;
    margin-bottom: 40px;
    background: url(../images/EnImg/logo-footer.png) 0 50% no-repeat;
}
#site-catalogue {
    margin-top: 10px;
    margin-bottom: 10px;
}
#site-catalogue>li {
    padding: 10px 10px 10px 55px;
}
#site-catalogue>li+li {
    border-top: 1px solid #0d70bb;
}
#site-catalogue>li .sc-title {
    margin-bottom: 5px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
#site-catalogue>li .sc-links a {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    margin: 4px 8px 4px 0;
    line-height: 1;
    color: #fff;
    border-left: 0;
}
#site-catalogue>li .sc-links a:hover {
    text-decoration: underline;
}
#footer a {
    color: #fff;
}
#footer a+a{
    border-left: 1px dashed #ccc;
}
#main-page-sub-foot {
    height: 37px;
    background: #024f89;
    color: #fff;
}
#main-page-sub-foot>.inner {
    width: 1230px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    height: 37px;
    line-height: 37px;
}
#main-page-sub-foot .ExLinks{
    display: inline-block;
    width: auto;
}
#main-page-sub-foot>.inner .chinamoneyStyle{
    position:absolute; bottom: 0;right:15px;
}
#main-page-sub-foot>.inner>a {
    padding: 0 14px;
    color: #fff;
}
#main-page-sub-foot>.inner a:hover {
    text-decoration: underline;
}
#main-page-sub-foot>.inner>a+a {
    border-left: 1px dashed #fff;
}
#footer p {
    margin-top: 5px; margin-bottom: 5px;
}

#main-page-menu {
    position: relative;
    background: #0068b7;
    color: #fbfbfd;
}
#main-page-menu>.inner {
    max-width: 1230px;
    margin: 0 auto; 
    padding: 0 10px; 
	position: relative; 
}

@media (max-width: 1229px) {
    #main-page {
        min-width: 0;
    }
    #footer {
        padding-left: 50px; padding-right: 50px;
    }
    #main-page-menu>.inner {

    }
}
/* M */
@media (max-width: 991px) {
    #main-page-menu>.inner {
       
    }
}
/* S */
@media (max-width: 767px) {
    #main-page {
        min-width: 300px;
        padding-top: 117px;
        background: none; 
    }
    #main-page.masked {
        position: fixed; top: 0; left:0;
        overflow: hidden;
        width: 100vw;
    }
    #main-page-head {
        position: fixed; top:0; left:0; z-index: 3000;
        width: 100%;
        /*border-top: none;*/
    }
    #main-page-body {
        padding-top: 0; padding-bottom: 10px;
        min-height: auto;
        background-image: none !important;
    }
    #main-page-body>.main-page-body-inner {
        padding-top: 0;
        background-image: none !important;
    }
    #main-page-foot {
        /* background: #fff; */
    }
    #header, #footer, .main-body, #main-page-menu>.inner {
        max-width: none;
        width: 100%;
        padding: 0;
    }
    #header {
        height: auto; 
        padding-top: 65px;
    }
    #footer {
        padding: 10px 10px;
    }
    #footer .san-col-s-12{ 
        width: 100% !important;
    }
    #main-page-menu {
        position: fixed; top: 65px; right: -1000px; z-index: 3100;
        overflow: hidden;
        opacity: 0;
        height: calc(100vh - 65px);
        background: #fff;
        -webkit-transition: right .2s ease-out, opacity .1s linear .1s, transform .2s linear;
           -moz-transition: right .2s ease-out, opacity .1s linear .1s, transform .2s linear;
            -ms-transition: right .2s ease-out, opacity .1s linear .1s, transform .2s linear;
                transition: right .2s ease-out, opacity .1s linear .1s, transform .2s linear;
    }
    #main-page-menu.handle-active {
        right: 0;
        opacity: 1;
    }
    #main-page-menu.handle-active>.inner {
        overflow: hidden;
        height: 100%;
        -webkit-overflow-scrolling: touch;
    }
    #main-page-menu.handle-active:after {
        position: absolute; top: 0; left:0;
        height: calc(100% + 1px);
        opacity: 0;
        content: "";
    }
}


/* 主内容区 */
#main-page-body>.cling-to {
    margin-top: -225px;
}
.main-body {
    padding: 100px 10px 0; 
}
.homepage-main-body {
    padding: 35px 15px 0; 
}
.main-body>.main-body-l, .main-body>.main-body-m {
    position: relative;
    float: left;
    margin: 0;
}
.main-body>.main-body-l {
    width: 25%;
    padding: 0 10px 0 0;
}
.main-body>.main-body-m {
    width: 75%;
}

@media (max-width: 1229px) {
    .homepage-main-body {
        padding: 35px 0; 
    }
    .main-body>.main-body-l {
        width: 25%;
    }
    .main-body>.main-body-m {
        width: 75%;
    }
}
@media (max-width: 991px) {
    .homepage-main-body {
        padding: 35px 0; 
    }
    .main-body>.main-body-l {
        width: 27%;
    }
    .main-body>.main-body-m {
        width: 73%;
    }
}
@media (max-width: 767px) {
    #main-page-body>.cling-to {
        margin-top: 0;
    }
    .main-body {
        padding: 0;
    }
    .main-body>.main-body-l, .main-body>.main-body-m {
        float: none;
        width: 100%;
        padding: 0;
    }
    .main-body>.main-body-l {
        
    }
    .main-body>.main-body-m {
        
    }
}

.subpage {
    position: relative;
}
@media (max-width: 767px) { 
    .subpage{
        margin-top: 0;
    }
}


/* =========
 * 菜单和导航
 * ========= */ 
/* 主菜单 */
#main-menu-handle, #header-response #main-menu-handle {
    display: none;
}
#main-menu {
    display: block;
    float: right;
    width: 100%;
    margin-bottom: 0;
    opacity: 1;
}
#main-menu.resolved {
    -webkit-animation: .4s right-in;
       -moz-animation: .4s right-in;
            animation: .4s right-in;
}
#main-menu a:active, #main-menu a:hover {
    color: #333;
}
#main-menu>li {
    border-left: 1px dashed #0080c7;
    border-right: 1px dashed #0080c7;
    float: left;
    width: 12.5%;
    overflow: hidden; white-space: nowrap;
    background: transparent;
    text-align: center; 
    color:#fff;
}
#main-menu>li:first-child, #main-menu>li:last-child{ 
    border-left-color: transparent;
    border-right-color: transparent;
}
#main-menu>li.active {
    background:#0089CE;
}
#main-menu>li.menu-item>.lv-1 {
    display: block;
    padding: 8px 0;
    line-height: 30px;
    color:#fff; text-decoration: none;
    font-size: 16px;
    white-space:break-spaces;
    line-height:0.9;
    height:46px;
    display:table-cell;
    vertical-align:middle;
    width:inherit;
}
#main-menu-2>li.menu-item>.lv-1 {
    display:table-cell;
    vertical-align:middle;
}
#main-menu>li.active>.lv-1 {
    color: #FFFFFF;
}
#main-menu .drop-menu {
    position: absolute; 
    top:100%; 
    left: 0px;right: 0px;
    z-index: 3100;
    display: none;  
    opacity: 0; 
    overflow: hidden;
    color:#666;
    text-align: left;
    white-space: normal;
    font-size: 0;
    letter-spacing: -4px;
}
#main-menu>li.active .drop-menu {
    display: block;
    opacity: 1;
}
#main-menu .drop-menu>.inner {
    max-width: 1200px;
    min-height: 210px; height: auto;
    margin: 0 auto;
    padding: 20px 40px;
    background: #0089ce url(../images/bg-03.png) 102% 105% no-repeat;
    
}
#main-menu .drop-menu a {
    color:#fff; text-decoration: none;
}
#main-menu .drop-menu .drop-item {
    position: relative;
    display: inline-block;
    width: 23%; margin: 10px 1% 20px;
    vertical-align: top;
}
#main-menu .drop-menu .drop-item>i, #main-menu .drop-menu .drop-item>ul {
    display: block;
    width:100%;
    margin: 0;
    font-size: 16px;
    font-style: normal; font-weight: normal;
    letter-spacing: 0;
}
#main-menu .drop-menu .drop-item>i a,
#main-menu .drop-menu .drop-item>ul a {
    display: block;
}
#main-menu .drop-menu .drop-item>i>.lv-2 {
    padding: 8px 0; margin-bottom: 5px;
    border-bottom: 2px solid #a3d8f2 \0;
    border-bottom: 2px solid rgba(255,255,255,0.25);
    color: #FFFFFF;
}
/*#main-menu .drop-menu .drop-item>i>.lv-2:hover{
    border-color:#fff;
}*/
#main-menu .drop-menu .drop-item.current>i>.lv-2,
#main-menu .drop-menu .drop-item>i.current>.lv-2 {
    color: #fff;
}
#main-menu .drop-menu .drop-item .lv-3 {
    position: relative;
    padding: 5px 0 5px 20px;
    border-bottom: 1px solid transparent;
    background: url(../images/EnImg/icon-arrow-right-white-8x7.png) 0 12px no-repeat;
    font-size: 14px;
}
#main-menu .drop-menu .drop-item .lv-3:hover,
#main-menu .drop-menu .drop-item>i>.lv-3:hover{
    border-color:#fff;
}

#main-menu-2 {
    display: none;
}
@media (max-width: 1229px) {
    #main-menu .drop-menu .drop-item {
        width: 20%; margin-left: 2.5%; margin-right: 2.5%;
    }
}
@media (max-width: 991px) {
    #main-menu .drop-menu .drop-item {
        width: 28%;
    }
}
@media (max-width: 767px) {
    #main-menu-handle, #header-response #main-menu-handle {
        display: inline-block;
        width: 24px; height: 24px;
        background: url(../images/EnImg/menu.png) 50% 50% no-repeat;
        background-size: contain;
    }
    #main-menu {
        float: none;
        position: absolute; top: 0; bottom:0;
        width: 100%;
    }
    #main-menu-2 {
        position: absolute; top: 0; bottom:0;
        display: block;
        opacity: 1;
        overflow: auto; overflow-x: hidden;
        width: 100%;
        height: calc(100vh - 65px); 
        margin-bottom: 0;
        padding-bottom: 90px;
        background-color: #fff;
    }
    #main-menu.resolved {
        -webkit-animation: none;
           -moz-animation: none;
                animation: none;
    }
    #main-menu>li,#main-menu-2>li {
        float: none; 
        display: block;
        width: auto;
        padding: 0;
        border-bottom: 1px solid #e1e1e1; border-left: none; border-right: none;
        text-align: left;
    }
    #main-menu>li.current,#main-menu-2>li.current {
        color: #144785;
    }
    #main-menu>li.active,#main-menu-2>li.active {
        background: #f5f5f5;
    }
    #main-menu>li.menu-item,#main-menu-2>li.menu-item  {
        padding: 10px 0 9px 0;
    }
    #main-menu>li.menu-item.current,#main-menu-2>li.menu-item.current {
        background: #f5f5f5;
    }
    #main-menu>li.menu-item>.lv-1,#main-menu-2>li.menu-item>.lv-1 {
        width: 112px;
        height: 24px;
        margin-left: 10px;
        padding: 0 7px;
        line-height: 24px;
        border-bottom: none;
        color: #333;
        font-size: 16px;
    }
    #main-menu>li.menu-item.current>.lv-1,#main-menu-2>li.menu-item.current>.lv-1 {
        border-bottom-color: transparent;
        color: #144785;
    }
    #main-menu .drop-menu {
        position: absolute; top: 0; left:auto; right: -100vw; z-index: -1;
        display: block;
        overflow: hidden;
        min-height: 0;
        width: calc(100vw - 122px); 
        height: 100%;
        padding-bottom: 90px;
        background: #f5f5f5; background-image: none;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
    #main-page-menu.handle-active #main-menu>li.current .drop-menu,
    #main-page-menu.handle-active #main-menu>li.active .drop-menu {
        right: 0; z-index: 1;
        display: block;
        opacity: 1;
    }
    #main-page-menu.handle-active #main-menu>li.current .drop-menu {
        z-index: 3100;
    }
    #main-page-menu.handle-active #main-menu>li.active .drop-menu {
        z-index: 3200;
    }
    #main-menu .drop-menu>.inner {
        overflow: auto; overflow-x: hidden;
        height: 100%;
        padding: 0 10px;
        background: #f5f5f5;
        background: #f5f5f5;
    }
    #main-menu>li.active .drop-menu>.inner {
        -webkit-animation: .3s right-in;
           -moz-animation: .3s right-in;
                animation: .3s right-in;
    }
    #main-menu .drop-menu .drop-item {
        display: block;
        width: 100%;
        margin: 0;
        line-height: 24px;
        font-size: 16px;
    }
    #main-menu .drop-menu .drop-item>ul {
        height: 0;
        overflow: hidden;
    }
    #main-menu .drop-menu .drop-item.active>ul {
        height: auto;
    }
    #main-menu .drop-menu .drop-item>i>.lv-2 {
        margin-bottom: 0;
        padding: 10px 20px 9px;
        border-bottom: 1px solid #e1e1e1;
        font-size: 16px;
        color: #333;
    }
    #main-menu .drop-menu .drop-item.current>i>.lv-2,
    #main-menu .drop-menu .drop-item>i.current>.lv-2 {
        color: #144785;
    }
    #main-menu .drop-menu .drop-item>i>.lv-2:before {
        position: absolute; top: 14px; left: 6px;
        display: block;
        border-style: solid; border-width: 8px 0 8px 4px; border-color: #999;
        border-radius: 2px;
        font-size: 0;
        content: "";
    }
    #main-menu .drop-menu .drop-item.current>i>.lv-2:before {
        border-color: #144785;
    }
    #main-menu .drop-menu .drop-item.has-drop .lv-2:after {
        position: absolute; top:17px; right: 0;
        display: block;
        border-style: solid; border-width: 5px 0 5px 7px; border-color: transparent; border-left-color: #999;
        font-size: 0;
        content: "";
    }
    #main-menu .drop-menu .drop-item.has-drop:hover .lv-2:after {
        border-left-color: inherit;
    }
    #main-menu .drop-menu .drop-item.has-drop.active .lv-2:after {
        top: 19px;
        border-width: 7px 5px 0 5px; border-color: transparent; border-top-color: #999;
    }
    #main-menu .drop-menu .drop-item.has-drop.current .lv-2:after {
        border-top-color: transparent; border-left-color: #144785;
    }
    #main-menu .drop-menu .drop-item.has-drop.active.current .lv-2:after {
        border-top-color: #144785; border-left-color: transparent;
    }
    #main-menu .drop-menu .drop-item .lv-3 {
        padding: 10px 0 9px 37px;
        border-bottom: 1px solid #e1e1e1;
        color: #666666;
        background: none;
    }
    #main-menu .drop-menu .drop-item .lv-3:hover, #main-menu .drop-menu .drop-item>ul>li.current>.lv-3 {
        color: #144785;
    }
    #main-menu .drop-menu .drop-item .lv-3:active, 
    #main-menu .drop-menu .drop-item .lv-3:hover {
        color: #144785;
    }
    #main-menu .drop-menu .drop-item .lv-3:hover, #main-menu .drop-menu .drop-item>i>.lv-3:hover {
        border-color: #e1e1e1;
    }
    #main-menu .drop-menu .drop-item>ul>li.current>.lv-3:before {
        position: absolute; top:17px; left: 23px;
        display: block;
        border-style: solid; border-width: 5px 0 5px 7px; border-color: transparent; border-left-color: inherit;
        font-size: 0;
        content: "";
    }
}



/* 侧边菜单 */
#main-side-menu {
    position:relative; overflow: hidden;
    background: #fff;
    line-height: 1.5;
    font-size: 16px;
    border-radius: 3px;
}
#main-side-menu .side-menu-title {
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    background: #00498e url(../images/EnImg/bg-03b.png) 270% 78% no-repeat;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}
#main-side-menu .side-menu-title>.title-xl {
    display: inline;
}
#main-side-menu .side-menu-title>.title-s {
    display: none;
}
#main-side-menu .side-menu-list {
    margin: 0;
    border: 1px solid #c8dbe9;
    border-top: none;
}
#main-side-menu .side-menu-list a {
    display: block;
    color:#666666;
}
#main-side-menu .side-menu-list>li {
    background: #FFFFFF;
    border-top: 1px solid transparent;
}
#main-side-menu .side-menu-list>li+li {
    border-top: 1px dashed #e8e8e8;
}
#main-side-menu .side-menu-list>li.current,
#main-side-menu .side-menu-list>li:hover {
    background: #0089cf;
    border-top: 1px solid #c8dbe9 !important;
}
#main-side-menu .side-menu-list>li>a.lv-2 {
    position: relative;
    padding: 13px 25px 13px 20px;
    text-decoration: none; font-weight: normal;
}
#main-side-menu .side-menu-list>li.current>a.lv-2,
#main-side-menu .side-menu-list>li.current>a.lv-2:hover,
#main-side-menu .side-menu-list>li:hover>a.lv-2,
#main-side-menu .side-menu-list>li:hover>a.lv-2:hover {
    color:#fff;
}
#main-side-menu .side-menu-list>li.current>a.lv-2:before,
#main-side-menu .side-menu-list>li:hover>a.lv-2:before {
    border-color: inherit
}
#main-side-menu .side-menu-list>li.has-drop>a.lv-2:after {
    position: absolute; top:20px; right: 15px;
    display: block;
    border-style: solid; border-width: 5px 0 5px 7px; border-color: transparent; border-left-color: #bbb;
    font-size: 0;
    content: "";
}
#main-side-menu .side-menu-list>li.has-drop:hover>a.lv-2:after {
    border-left-color: inherit;
}
#main-side-menu .side-menu-list>li.has-drop.current>a.lv-2:after {
    top: 23px;
    border-width: 7px 5px 0 5px; border-color: transparent; border-top-color: inherit;
}
#main-side-menu .side-menu-drop-list {
    overflow: hidden;
    margin: 0;
    background:#e5f4fb;
    line-height: 24px;
    font-size: 14px;
}
#main-side-menu .side-menu-drop-list.animate {
    -webkit-transition: height .2s linear;
       -moz-transition: height .2s linear;
        -ms-transition: height .2s linear;
            transition: height .2s linear;
}
#main-side-menu .side-menu-drop-list.hide {
    opacity: 0;
    height: 0 !important;
}
#main-side-menu .side-menu-list>li.current .side-menu-drop-list {
    opacity: 1;
}
#main-side-menu .side-menu-drop-list>li {
    margin-top: 0;
    background: #e5f4fb;
}
#main-side-menu .side-menu-drop-list>li+li {
    margin-top: 1px;
    border-top: 1px dashed #d2dfe5;
}
#main-side-menu .side-menu-drop-list>li a.lv-3 {
    position: relative;
    padding: 13px 25px 13px 40px;
    font-weight: normal;
    text-decoration: none;
    color: #666666;
}
#main-side-menu .side-menu-drop-list>li.current>a.lv-3,
#main-side-menu .side-menu-drop-list>li.current>a.lv-3:hover,
#main-side-menu .side-menu-drop-list>li:hover>a.lv-3,
#main-side-menu .side-menu-drop-list>li:hover>a.lv-3:hover {
    color:#3b89c7;
}
#main-side-menu .side-menu-drop-list>li>a.lv-3:before {
    position: absolute; top:21px; left: 21px;
    display: block;
    border-style: solid; 
    border-width: 4px 0 4px 5px; 
    border-color: transparent;
    font-size: 0;
    content: "";
}
#main-side-menu .side-menu-drop-list>li>a.lv-3:before {
    border-left-color: #999;
}
#main-side-menu .side-menu-drop-list>li.current>a.lv-3:before {
    border-left-color: inherit;
}

@media (max-width: 1229px) {
    #main-side-menu .side-menu-title{
        height: auto;
        line-height: 2;
    }
    #main-side-menu .side-menu-title>.title-xl {
        font-size: 20px;
        letter-spacing: 0;
        word-break: break-word;
    }
}
@media (max-width: 991px) {
    #main-side-menu .side-menu-title{
        height: auto;
        line-height: 2;
    }
    #main-side-menu .side-menu-title>.title-xl {
        font-size: 20px;
        letter-spacing: 0;
        word-break: break-word;
    }
}
@media (max-width: 767px) {
    #main-side-menu {
        border-radius: 0;
    }
    #main-side-menu .side-menu-title {
        padding: 2px 10px;
        background-image: none;
        font-size: 16px;
        letter-spacing: 0;
        background: #0089CF;
        text-transform: capitalize; 
        line-height: 36px;
    }
    #main-side-menu .side-menu-title>.title-xl {
        display: none;
    }
    #main-side-menu .side-menu-title>.title-s {
        display: inline;
    }
    #main-side-menu .side-menu-list {
        display: none;
    }
}



/* 侧边固定导航 */
#fixed-navi {
    position: fixed; bottom: 140px; right: -1000px;
    z-index: 2500;
    opacity: 0;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 2px;
}
#fixed-navi.active {
    right: 0;
    opacity: 1;
    -webkit-animation: .3s right-in ease-out;
       -moz-animation: .3s right-in ease-out;
            animation: .3s right-in ease-out;
}
#fixed-navi>div[data-role] {
    position: relative;
}
#fixed-navi>div[data-role]>a {
    position: relative; z-index: 2500;
    display: block;
    width: 40px; height: 40px;
    background-position: 50% 50%; background-repeat: no-repeat;
    background-size: 24px auto;
}

#fixed-navi>div[data-role]>a:hover {
    background: #0089cf;
    border-top-right-radius: 2px; border-bottom-right-radius: 2px;
}
#fixed-navi>div[data-role="to-top"]>a {
    background-image: url(../images/icon-top-48x48-fff.png);
}
#fixed-navi>div[data-role="comment"]>a {
    background-image: url(../images/icon-chat-24x24-fff.png);
}
#fixed-navi>div[data-role="qrcode"]>a {
    background-image: url(../images/icon-qrcode-24x24-fff.png);
}
#fixed-navi>div[data-role]>div {
    position: absolute; top: 0; right: -10000px; z-index: 2400;
    display: block;
    overflow: hidden;
    opacity: 0;
    width: 0; min-height: 40px;
    padding: 10px 10px;
    line-height: 20px;
    background: #0089cf;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-top-left-radius: 2px; border-bottom-left-radius: 2px;
    -webkit-transition: width .1s ease-in;
       -moz-transition: width .1s ease-in;
        -ms-transition: width .1s ease-in;
            transition: width .1s ease-in;
}
#fixed-navi>div[data-role]>a:hover+div {
    opacity: 1;
    right: 40px;
    width: 100px;
}
#fixed-navi>div[data-role="qrcode"]>a:hover+div {
    width: 340px;
    border-bottom-right-radius: 2px;
}



/* =======
 * 栅格系统
 * ======= */ 

/* 普通栅格 */
.san-row { 
    margin-right: -5px; margin-left: -5px;
}
/* XL */
.san-col-1, .san-col-2, .san-col-3, .san-col-4, .san-col-5, .san-col-6, .san-col-7, .san-col-8, .san-col-9, .san-col-10, .san-col-11, .san-col-12 {
    position: relative; display:block;
    float: left;
    min-height: 1px; margin-right: 0; margin-left: 0; 
    padding-right: 5px; padding-left: 5px;
}
.san-col-12 {width: 100%;}
.san-col-11 {width: 91.66666667%;}
.san-col-10 {width: 83.33333333%;}
.san-col-9 {width: 75%;}
.san-col-8 {width: 66.66666667%;}
.san-col-7 {width: 58.33333333%;}
.san-col-6 {width: 50%;}
.san-col-5 {width: 41.66666667%;}
.san-col-4 {width: 33.33333333%;}
.san-col-3 {width: 25%;}
.san-col-2 {width: 16.66666667%;}
.san-col-1 {width: 8.33333333%;}
.san-col-offset-12 {margin-left: 100%;}
.san-col-offset-11 {margin-left: 91.66666667%;}
.san-col-offset-10 {margin-left: 83.33333333%;}
.san-col-offset-9 {margin-left: 75%;}
.san-col-offset-8 {margin-left: 66.66666667%;}
.san-col-offset-7 {margin-left: 58.33333333%;}
.san-col-offset-6 {margin-left: 50%;}
.san-col-offset-5 {margin-left: 41.66666667%;}
.san-col-offset-4 {margin-left: 33.33333333%;}
.san-col-offset-3 {margin-left: 25%;}
.san-col-offset-2 {margin-left: 16.66666667%;}
.san-col-offset-1 {margin-left: 8.33333333%;}
.san-col-offset-0 {margin-left: 0;}
.san-col-pull-12 {right: 100%;}
.san-col-pull-11 {right: 91.66666667%;}
.san-col-pull-10 {right: 83.33333333%;}
.san-col-pull-9 {right: 75%;}
.san-col-pull-8 {right: 66.66666667%;}
.san-col-pull-7 {right: 58.33333333%;}
.san-col-pull-6 {right: 50%;}
.san-col-pull-5 {right: 41.66666667%;}
.san-col-pull-4 {right: 33.33333333%;}
.san-col-pull-3 {right: 25%;}
.san-col-pull-2 {right: 16.66666667%;}
.san-col-pull-1 {right: 8.33333333%;}
.san-col-pull-0 {right: auto;}
.san-col-push-12 {left: 100%;}
.san-col-push-11 {left: 91.66666667%;}
.san-col-push-10 {left: 83.33333333%;}
.san-col-push-9 {left: 75%;}
.san-col-push-8 {left: 66.66666667%;}
.san-col-push-7 {left: 58.33333333%;}
.san-col-push-6 {left: 50%;}
.san-col-push-5 {left: 41.66666667%;}
.san-col-push-4 {left: 33.33333333%;}
.san-col-push-3 {left: 25%;}
.san-col-push-2 {left: 16.66666667%;}
.san-col-push-1 {left: 8.33333333%;}
.san-col-push-0 {left: auto;}
[class*="san-col-"]>.san-col-inner {
    position: relative;
}
.san-input-pair>[class*="san-col-"] {
    padding-left: 0; padding-right: 0;
}
.san-gap-0 {
    margin-right: -5px; margin-left: -5px;
}
.san-gap-0>[class*="san-col-"] {
    padding-right: 5px; padding-left: 5px;
}
.san-gap-s {
    margin-right: -5px; margin-left: -5px;
}
.san-gap-s>[class*="san-col-"] {
    padding-right: 5px; padding-left: 5px;
}
.san-gap-m {
    margin-right: -10px; margin-left: -10px;
}
.san-gap-m>[class*="san-col-"] {
    padding-right: 10px; padding-left: 10px;
}


/*响应式栅格*/
.san-col-xs-1, .san-col-xs-2, .san-col-xs-3, .san-col-xs-4, .san-col-xs-5, .san-col-xs-6, .san-col-xs-7, .san-col-xs-8, .san-col-xs-9, .san-col-xs-10, .san-col-xs-11, .san-col-xs-12,
.san-col-s-1, .san-col-s-2, .san-col-s-3, .san-col-s-4, .san-col-s-5, .san-col-s-6, .san-col-s-7, .san-col-s-8, .san-col-s-9, .san-col-s-10, .san-col-s-11, .san-col-s-12,
.san-col-m-1, .san-col-m-2, .san-col-m-3, .san-col-m-4, .san-col-m-5, .san-col-m-6, .san-col-m-7, .san-col-m-8, .san-col-m-9, .san-col-m-10, .san-col-m-11, .san-col-m-12,
.san-col-l-1, .san-col-l-2, .san-col-l-3, .san-col-l-4, .san-col-l-5, .san-col-l-6, .san-col-l-7, .san-col-l-8, .san-col-l-9, .san-col-l-10, .san-col-l-11, .san-col-l-12 {
    position: relative;
    min-height: 1px; margin-right: 0; margin-left: 0; 
    padding-right: 5px; padding-left: 5px;
}
/* L, <1230 */
@media (max-width: 1229px) {
    .san-col-l-1, .san-col-l-2, .san-col-l-3, .san-col-l-4, .san-col-l-5, .san-col-l-6, .san-col-l-7, .san-col-l-8, .san-col-l-9, .san-col-l-10, .san-col-l-11, .san-col-l-12 {
        float: left;
    }
    .san-col-l-12 {width: 100%;}
    .san-col-l-11 {width: 91.66666667%;}
    .san-col-l-10 {width: 83.33333333%;}
    .san-col-l-9 {width: 75%;}
    .san-col-l-8 {width: 66.66666667%;}
    .san-col-l-7 {width: 58.33333333%;}
    .san-col-l-6 {width: 50%;}
    .san-col-l-5 {width: 41.66666667%;}
    .san-col-l-4 {width: 33.33333333%;}
    .san-col-l-3 {width: 25%;}
    .san-col-l-2 {width: 16.66666667%;}
    .san-col-l-1 {width:  8.33333333%;}
    .san-col-l-offset-12 {margin-left: 100%;}
    .san-col-l-offset-11 {margin-left: 91.66666667%;}
    .san-col-l-offset-10 {margin-left: 83.33333333%;}
    .san-col-l-offset-9 {margin-left: 75%;}
    .san-col-l-offset-8 {margin-left: 66.66666667%;}
    .san-col-l-offset-7 {margin-left: 58.33333333%;}
    .san-col-l-offset-6 {margin-left: 50%;}
    .san-col-l-offset-5 {margin-left: 41.66666667%;}
    .san-col-l-offset-4 {margin-left: 33.33333333%;}
    .san-col-l-offset-3 {margin-left: 25%;}
    .san-col-l-offset-2 {margin-left: 16.66666667%;}
    .san-col-l-offset-1 {margin-left:  8.33333333%;}
    .san-col-l-offset-0 {margin-left:  0;}
    .san-col-l-pull-12 {right: 100%;}
    .san-col-l-pull-11 {right: 91.66666667%;}
    .san-col-l-pull-10 {right: 83.33333333%;}
    .san-col-l-pull-9 {right: 75%;}
    .san-col-l-pull-8 {right: 66.66666667%;}
    .san-col-l-pull-7 {right: 58.33333333%;}
    .san-col-l-pull-6 {right: 50%;}
    .san-col-l-pull-5 {right: 41.66666667%;}
    .san-col-l-pull-4 {right: 33.33333333%;}
    .san-col-l-pull-3 {right: 25%;}
    .san-col-l-pull-2 {right: 16.66666667%;}
    .san-col-l-pull-1 {right:  8.33333333%;}
    .san-col-l-pull-0 {right: auto;}
    .san-col-l-push-12 {left: 100%;}
    .san-col-l-push-11 {left: 91.66666667%;}
    .san-col-l-push-10 {left: 83.33333333%;}
    .san-col-l-push-9 {left: 75%;}
    .san-col-l-push-8 {left: 66.66666667%;}
    .san-col-l-push-7 {left: 58.33333333%;}
    .san-col-l-push-6 {left: 50%;}
    .san-col-l-push-5 {left: 41.66666667%;}
    .san-col-l-push-4 {left: 33.33333333%;}
    .san-col-l-push-3 {left: 25%;}
    .san-col-l-push-2 {left: 16.66666667%;}
    .san-col-l-push-1 {left:  8.33333333%;}
    .san-col-l-push-0 {left: auto;}
}
/* M, <992 */
@media (max-width: 991px) {
    .san-col-m-1, .san-col-m-2, .san-col-m-3, .san-col-m-4, .san-col-m-5, .san-col-m-6, .san-col-m-7, .san-col-m-8, .san-col-m-9, .san-col-m-10, .san-col-m-11, .san-col-m-12 {
        float: left;
    }
    .san-col-m-12 {width: 100%;}
    .san-col-m-11 {width: 91.66666667%;}
    .san-col-m-10 {width: 83.33333333%;}
    .san-col-m-9 {width: 75%;}
    .san-col-m-8 {width: 66.66666667%;}
    .san-col-m-7 {width: 58.33333333%;}
    .san-col-m-6 {width: 50%;}
    .san-col-m-5 {width: 41.66666667%;}
    .san-col-m-4 {width: 33.33333333%;}
    .san-col-m-3 {width: 25%;}
    .san-col-m-2 {width: 16.66666667%;}
    .san-col-m-1 {width:  8.33333333%;}
    .san-col-m-offset-12 {margin-left: 100%;}
    .san-col-m-offset-11 {margin-left: 91.66666667%;}
    .san-col-m-offset-10 {margin-left: 83.33333333%;}
    .san-col-m-offset-9 {margin-left: 75%;}
    .san-col-m-offset-8 {margin-left: 66.66666667%;}
    .san-col-m-offset-7 {margin-left: 58.33333333%;}
    .san-col-m-offset-6 {margin-left: 50%;}
    .san-col-m-offset-5 {margin-left: 41.66666667%;}
    .san-col-m-offset-4 {margin-left: 33.33333333%;}
    .san-col-m-offset-3 {margin-left: 25%;}
    .san-col-m-offset-2 {margin-left: 16.66666667%;}
    .san-col-m-offset-1 {margin-left:  8.33333333%;}
    .san-col-m-offset-0 {margin-left:  0;}
    .san-col-m-pull-12 {right: 100%;}
    .san-col-m-pull-11 {right: 91.66666667%;}
    .san-col-m-pull-10 {right: 83.33333333%;}
    .san-col-m-pull-9 {right: 75%;}
    .san-col-m-pull-8 {right: 66.66666667%;}
    .san-col-m-pull-7 {right: 58.33333333%;}
    .san-col-m-pull-6 {right: 50%;}
    .san-col-m-pull-5 {right: 41.66666667%;}
    .san-col-m-pull-4 {right: 33.33333333%;}
    .san-col-m-pull-3 {right: 25%;}
    .san-col-m-pull-2 {right: 16.66666667%;}
    .san-col-m-pull-1 {right:  8.33333333%;}
    .san-col-m-pull-0 {right: auto;}
    .san-col-m-push-12 {left: 100%;}
    .san-col-m-push-11 {left: 91.66666667%;}
    .san-col-m-push-10 {left: 83.33333333%;}
    .san-col-m-push-9 {left: 75%;}
    .san-col-m-push-8 {left: 66.66666667%;}
    .san-col-m-push-7 {left: 58.33333333%;}
    .san-col-m-push-6 {left: 50%;}
    .san-col-m-push-5 {left: 41.66666667%;}
    .san-col-m-push-4 {left: 33.33333333%;}
    .san-col-m-push-3 {left: 25%;}
    .san-col-m-push-2 {left: 16.66666667%;}
    .san-col-m-push-1 {left:  8.33333333%;}
    .san-col-m-push-0 {left: auto;}
}
/* S, <768 */
@media (max-width: 767px) {
    .san-col-s-1, .san-col-s-2, .san-col-s-3, .san-col-s-4, .san-col-s-5, .san-col-s-6, .san-col-s-7, .san-col-s-8, .san-col-s-9, .san-col-s-10, .san-col-s-11, .san-col-s-12 {
        float: left;
    }
    .san-col-s-12 {width: 100%;}
    .san-col-s-11 {width: 91.66666667%;}
    .san-col-s-10 {width: 83.33333333%;}
    .san-col-s-9 {width: 75%;}
    .san-col-s-8 {width: 66.66666667%;}
    .san-col-s-7 {width: 58.33333333%;}
    .san-col-s-6 {width: 50%;}
    .san-col-s-5 {width: 41.66666667%;}
    .san-col-s-4 {width: 33.33333333%;}
    .san-col-s-3 {width: 25%;}
    .san-col-s-2 {width: 16.66666667%;}
    .san-col-s-1 {width:  8.33333333%;}
    .san-col-s-offset-12 {margin-left: 100%;}
    .san-col-s-offset-11 {margin-left: 91.66666667%;}
    .san-col-s-offset-10 {margin-left: 83.33333333%;}
    .san-col-s-offset-9 {margin-left: 75%;}
    .san-col-s-offset-8 {margin-left: 66.66666667%;}
    .san-col-s-offset-7 {margin-left: 58.33333333%;}
    .san-col-s-offset-6 {margin-left: 50%;}
    .san-col-s-offset-5 {margin-left: 41.66666667%;}
    .san-col-s-offset-4 {margin-left: 33.33333333%;}
    .san-col-s-offset-3 {margin-left: 25%;}
    .san-col-s-offset-2 {margin-left: 16.66666667%;}
    .san-col-s-offset-1 {margin-left:  8.33333333%;}
    .san-col-s-offset-0 {margin-left:  0;}
    .san-col-s-pull-12 {right: 100%;}
    .san-col-s-pull-11 {right: 91.66666667%;}
    .san-col-s-pull-10 {right: 83.33333333%;}
    .san-col-s-pull-9 {right: 75%;}
    .san-col-s-pull-8 {right: 66.66666667%;}
    .san-col-s-pull-7 {right: 58.33333333%;}
    .san-col-s-pull-6 {right: 50%;}
    .san-col-s-pull-5 {right: 41.66666667%;}
    .san-col-s-pull-4 {right: 33.33333333%;}
    .san-col-s-pull-3 {right: 25%;}
    .san-col-s-pull-2 {right: 16.66666667%;}
    .san-col-s-pull-1 {right:  8.33333333%;}
    .san-col-s-pull-0 {right: auto;}
    .san-col-s-push-12 {left: 100%;}
    .san-col-s-push-11 {left: 91.66666667%;}
    .san-col-s-push-10 {left: 83.33333333%;}
    .san-col-s-push-9 {left: 75%;}
    .san-col-s-push-8 {left: 66.66666667%;}
    .san-col-s-push-7 {left: 58.33333333%;}
    .san-col-s-push-6 {left: 50%;}
    .san-col-s-push-5 {left: 41.66666667%;}
    .san-col-s-push-4 {left: 33.33333333%;}
    .san-col-s-push-3 {left: 25%;}
    .san-col-s-push-2 {left: 16.66666667%;}
    .san-col-s-push-1 {left:  8.33333333%;}
    .san-col-s-push-0 {left: auto;}
}
/* XS, <576 */
@media (max-width: 575px) {
    .san-col-xs-1, .san-col-xs-2, .san-col-xs-3, .san-col-xs-4, .san-col-xs-5, .san-col-xs-6, .san-col-xs-7, .san-col-xs-8, .san-col-xs-9, .san-col-xs-10, .san-col-xs-11, .san-col-xs-12 {
        float: left;
    }
    .san-col-xs-12 {width: 100%;}
    .san-col-xs-11 {width: 91.66666667%;}
    .san-col-xs-10 {width: 83.33333333%;}
    .san-col-xs-9 {width: 75%;}
    .san-col-xs-8 {width: 66.66666667%;}
    .san-col-xs-7 {width: 58.33333333%;}
    .san-col-xs-6 {width: 50%;}
    .san-col-xs-5 {width: 41.66666667%;}
    .san-col-xs-4 {width: 33.33333333%;}
    .san-col-xs-3 {width: 25%;}
    .san-col-xs-2 {width: 16.66666667%;}
    .san-col-xs-1 {width:  8.33333333%;}
    .san-col-xs-offset-12 {margin-left: 100%;}
    .san-col-xs-offset-11 {margin-left: 91.66666667%;}
    .san-col-xs-offset-10 {margin-left: 83.33333333%;}
    .san-col-xs-offset-9 {margin-left: 75%;}
    .san-col-xs-offset-8 {margin-left: 66.66666667%;}
    .san-col-xs-offset-7 {margin-left: 58.33333333%;}
    .san-col-xs-offset-6 {margin-left: 50%;}
    .san-col-xs-offset-5 {margin-left: 41.66666667%;}
    .san-col-xs-offset-4 {margin-left: 33.33333333%;}
    .san-col-xs-offset-3 {margin-left: 25%;}
    .san-col-xs-offset-2 {margin-left: 16.66666667%;}
    .san-col-xs-offset-1 {margin-left:  8.33333333%;}
    .san-col-xs-offset-0 {margin-left:  0;}
    .san-col-xs-pull-12 {right: 100%;}
    .san-col-xs-pull-11 {right: 91.66666667%;}
    .san-col-xs-pull-10 {right: 83.33333333%;}
    .san-col-xs-pull-9 {right: 75%;}
    .san-col-xs-pull-8 {right: 66.66666667%;}
    .san-col-xs-pull-7 {right: 58.33333333%;}
    .san-col-xs-pull-6 {right: 50%;}
    .san-col-xs-pull-5 {right: 41.66666667%;}
    .san-col-xs-pull-4 {right: 33.33333333%;}
    .san-col-xs-pull-3 {right: 25%;}
    .san-col-xs-pull-2 {right: 16.66666667%;}
    .san-col-xs-pull-1 {right:  8.33333333%;}
    .san-col-xs-pull-0 {right: auto;}
    .san-col-xs-push-12 {left: 100%;}
    .san-col-xs-push-11 {left: 91.66666667%;}
    .san-col-xs-push-10 {left: 83.33333333%;}
    .san-col-xs-push-9 {left: 75%;}
    .san-col-xs-push-8 {left: 66.66666667%;}
    .san-col-xs-push-7 {left: 58.33333333%;}
    .san-col-xs-push-6 {left: 50%;}
    .san-col-xs-push-5 {left: 41.66666667%;}
    .san-col-xs-push-4 {left: 33.33333333%;}
    .san-col-xs-push-3 {left: 25%;}
    .san-col-xs-push-2 {left: 16.66666667%;}
    .san-col-xs-push-1 {left:  8.33333333%;}
    .san-col-xs-push-0 {left: auto;}
}



/* ===========
 * 快速分栏栅格
 * 最多三栏结构
 * 注意各栏的先后次序： r-l-m
 * =========== */ 
.san-grid {
    display: block;
}
.san-grid>.san-grid-r, .san-grid>.san-grid-l, .san-grid>.san-grid-m {
    overflow: hidden;
}
.san-grid>.san-grid-l {
    float: left; 
    margin-right: 10px;
}
.san-grid>.san-grid-r {
    float: right;
    margin-left: 10px;
}
.san-grid-m {
    
}
.san-grid>.san-grid-nowrap {
    white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}



/* =========
 * 响应式工具
 * ========= */
@media (min-width: 1230px) {
    .FL-xl {float:left !important;}
    .FR-xl {float:right !important;}
    .FN-xl {float:none !important;}
    .CB-xl,.clear-xl {clear:both !important;}
    .CL-xl {clear:left !important;}
    .CR-xl {clear:right !important;}
    .CN-xl {clear:none !important;}
    .text-left-xl,.AL-xl {text-align:left !important;}
    .text-center-xl,.AC-xl {text-align:center !important;}
    .text-right-xl,.AR-xl {text-align:right !important;}
    .text-justify-xl,.AJ-xl {text-align:justify !important;text-justify:inter-ideograph !important;}
    .text-break-xl,.BREAK-xl {word-wrap:break-word !important;white-space:normal !important;}
    .text-nowrap-xl,.NOWRAP-xl {white-space:nowrap !important;overflow:hidden !important;}
    .text-ellipsis-xl, .ELLIPSIS-xl {text-overflow:ellipsis !important;white-space:nowrap !important;overflow:hidden !important;}
    .vertical-baseline-xl,.ABL-xl {vertical-align:baseline !important;}
    .vertical-middle-xl,.AM-xl {vertical-align:middle !important;}
    .vertical-top-xl,.AT-xl {vertical-align:top !important;}
    .vertical-bottom-xl,.AB-xl {vertical-align:bottom !important;}
    .vertical-text-top-xl,.ATT-xl {vertical-align:text-top !important;}
    .vertical-text-bottom-xl,.ATB-xl {vertical-align:text-bottom !important;}
}
@media (max-width: 1229px) and (min-width: 992px) {
    .FL-l {float:left !important;}
    .FR-l {float:right !important;}
    .FN-l {float:none !important;}
    .CB-l,.clear-l {clear:both !important;}
    .CL-l {clear:left !important;}
    .CR-l {clear:right !important;}
    .CN-l {clear:none !important;}
    .text-left-l,.AL-l {text-align:left !important;}
    .text-center-l,.AC-l {text-align:center !important;}
    .text-right-l,.AR-l {text-align:right !important;}
    .text-justify-l,.AJ-l {text-align:justify !important;text-justify:inter-ideograph !important;}
    .text-break-l,.BREAK-l {word-wrap:break-word !important;white-space:normal !important;}
    .text-nowrap-l,.NOWRAP-l {white-space:nowrap !important;overflow:hidden !important;}
    .text-ellipsis-l, .ELLIPSIS-l {text-overflow:ellipsis !important;white-space:nowrap !important;overflow:hidden !important;}
    .vertical-baseline-l,.ABL-l {vertical-align:baseline !important;}
    .vertical-middle-l,.AM-l {vertical-align:middle !important;}
    .vertical-top-l,.AT-l {vertical-align:top !important;}
    .vertical-bottom-l,.AB-l {vertical-align:bottom !important;}
    .vertical-text-top-l,.ATT-l {vertical-align:text-top !important;}
    .vertical-text-bottom-l,.ATB-l {vertical-align:text-bottom !important;}
}
@media (max-width: 991px) and (min-width: 768px) {
    .FL-m {float:left !important;}
    .FR-m {float:right !important;}
    .FN-m {float:none !important;}
    .CB-m,.clear-m {clear:both !important;}
    .CL-m {clear:left !important;}
    .CR-m {clear:right !important;}
    .CN-m {clear:none !important;}
    .text-left-m,.AL-m {text-align:left !important;}
    .text-center-m,.AC-m {text-align:center !important;}
    .text-right-m,.AR-m {text-align:right !important;}
    .text-justify-m,.AJ-m {text-align:justify !important;text-justify:inter-ideograph !important;}
    .text-break-m,.BREAK-m {word-wrap:break-word !important;white-space:normal !important;}
    .text-nowrap-m,.NOWRAP-m {white-space:nowrap !important;overflow:hidden !important;}
    .text-ellipsis-m, .ELLIPSIS-m {text-overflow:ellipsis !important;white-space:nowrap !important;overflow:hidden !important;}
    .vertical-baseline-m,.ABL-m {vertical-align:baseline !important;}
    .vertical-middle-m,.AM-m {vertical-align:middle !important;}
    .vertical-top-m,.AT-m {vertical-align:top !important;}
    .vertical-bottom-m,.AB-m {vertical-align:bottom !important;}
    .vertical-text-top-m,.ATT-m {vertical-align:text-top !important;}
    .vertical-text-bottom-m,.ATB-m {vertical-align:text-bottom !important;}
}
@media (max-width: 767px) and (min-width: 576px) {
    .FL-s {float:left !important;}
    .FR-s {float:right !important;}
    .FN-s {float:none !important;}
    .CB-s,.clear-s {clear:both !important;}
    .CL-s {clear:left !important;}
    .CR-s {clear:right !important;}
    .CN-s {clear:none !important;}
    .text-left-s,.AL-s {text-align:left !important;}
    .text-center-s,.AC-s {text-align:center !important;}
    .text-right-s,.AR-s {text-align:right !important;}
    .text-justify-s,.AJ-s {text-align:justify !important;text-justify:inter-ideograph !important;}
    .text-break-s,.BREAK-s {word-wrap:break-word !important;white-space:normal !important;}
    .text-nowrap-s,.NOWRAP-s {white-space:nowrap !important;overflow:hidden !important;}
    .text-ellipsis-s, .ELLIPSIS-s {text-overflow:ellipsis !important;white-space:nowrap !important;overflow:hidden !important;}
    .vertical-baseline-s,.ABL-s {vertical-align:baseline !important;}
    .vertical-middle-s,.AM-s {vertical-align:middle !important;}
    .vertical-top-s,.AT-s {vertical-align:top !important;}
    .vertical-bottom-s,.AB-s {vertical-align:bottom !important;}
    .vertical-text-top-s,.ATT-s {vertical-align:text-top !important;}
    .vertical-text-bottom-s,.ATB-s {vertical-align:text-bottom !important;}
}
@media (max-width: 575px) {
    .FL-xs {float:left !important;}
    .FR-xs {float:right !important;}
    .FN-xs {float:none !important;}
    .CB-xs,.clear-xs {clear:both !important;}
    .CL-xs {clear:left !important;}
    .CR-xs {clear:right !important;}
    .CN-xs {clear:none !important;}
    .text-left-xs,.AL-xs {text-align:left !important;}
    .text-center-xs,.AC-xs {text-align:center !important;}
    .text-right-xs,.AR-xs {text-align:right !important;}
    .text-justify-xs,.AJ-xs {text-align:justify !important;text-justify:inter-ideograph !important;}
    .text-break-xs,.BREAK-xs {word-wrap:break-word !important;white-space:normal !important;}
    .text-nowrap-xs,.NOWRAP-xs {white-space:nowrap !important;overflow:hidden !important;}
    .text-ellipsis-xs, .ELLIPSIS-xs {text-overflow:ellipsis !important;white-space:nowrap !important;overflow:hidden !important;}
    .vertical-baseline-xs,.ABL-xs {vertical-align:baseline !important;}
    .vertical-middle-xs,.AM-xs {vertical-align:middle !important;}
    .vertical-top-xs,.AT-xs {vertical-align:top !important;}
    .vertical-bottom-xs,.AB-xs {vertical-align:bottom !important;}
    .vertical-text-top-xs,.ATT-xs {vertical-align:text-top !important;}
    .vertical-text-bottom-xs,.ATB-xs {vertical-align:text-bottom !important;}
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block,
.visible-s-block, .visible-s-inline, .visible-s-inline-block,
.visible-m-block, .visible-m-inline, .visible-m-inline-block,
.visible-l-block, .visible-l-inline, .visible-l-inline-block, 
.visible-xl-block, .visible-xl-inline, .visible-xl-inline-block {
    display: none !important;
}
@media (min-width: 1230px) {
    .visible-xl-block {
        display: block !important;
    }
    .visible-xl-inline {
        display: inline !important;
    }
    .visible-xl-inline-block {
        display: inline-block !important;
    }
    .hidden-xl {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1229px) {
    .visible-l-block {
        display: block !important;
    }
    .visible-l-inline {
        display: inline !important;
    }
    .visible-l-inline-block {
        display: inline-block !important;
    }
    .hidden-l {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-m-block {
        display: block !important;
    }
    .visible-m-inline {
        display: inline !important;
    }
    .visible-m-inline-block {
        display: inline-block !important;
    }
    .hidden-m {
        display: none !important;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .visible-s-block {
        display: block !important;
    }
    .visible-s-inline {
        display: inline !important;
    }
    .visible-s-inline-block {
        display: inline-block !important;
    }
    .hidden-s {
        display: none !important;
    }
}
@media (max-width: 575px) {
    .visible-xs-block {
        display: block !important;
    }
    .visible-xs-inline {
        display: inline !important;
    }
    .visible-xs-inline-block {
        display: inline-block !important;
    }
    .hidden-xs {
        display: none !important;
    }
}

/* =============
 * 标签页和选项卡
 * ============= */ 
 .san-tabs-wrapper {
    position: relative;
    margin: 0;
}
.san-tabs-equal>li {
    overflow: hidden;
    white-space: nowrap !important;
}
.san-tabs-h.san-tabs-equal>li {
    overflow: visible;
}
@media (max-width: 767px) {
    .san-tabs-border-mask:after {
        position: absolute; top: 0; right:-1px; bottom: 1px;
        width: 25px;
        background: transparent url(../images/bg-tabs-mask.png) 100% 50% no-repeat;
        background-size: 25px auto;
        content: "";
    }
    .san-tabs-border-mask>ul {
        padding-right: 25px;
    }
}

/* a */
.san-tabs-a {
    position: relative;
    display: block;
    margin-bottom: 0;
    margin-right: -1px;
    background: transparent url(../images/EnImg/bg-afbfcf-p90.png) 0 0;
}
.san-tabs-a>li {
    position: relative; 
    display: block; 
    overflow: hidden;
    float:left;
    background: transparent none;
    border: 1px solid transparent;
    border-bottom-color: #c6dbec;
    border-right-color: #e9e9e9;
    border-top: none; 
    border-radius: 0;
    text-align: center;
    cursor: pointer;
}
.san-tabs-a>li:hover {
    background: #00498e;
}
.san-tabs-a>li.current, .san-tabs-a>li.current:hover {
    background: #00498e url(../images/EnImg/bg-03b-s-cut.png) 100% 100% no-repeat;
}
.san-tabs-a>li.current>a {
    background: url(../images/EnImg/icon-arrow-down-ffffff-9x9.png) 50% 95% no-repeat;
}
.san-tabs-a>li>a {
    display: block; position: relative;
    min-width: 110px;
    height: 47px;
    line-height: 40px;
    margin: 0;
    padding: 5px 16px;
    color: #fff;
    background: transparent none;
    font-size: 16px;
    text-align: center; text-decoration: none;
}
.san-tabs-equal.san-tabs-a>li>a {
    padding-left: 0; padding-right: 0;
}
@media (min-width: 768px) {
	.san-tabs-equal.san-tabs-a>li>a {
	    position: relative;
	    display: table;
	    vertical-align: middle;
	    width: 100%;
	}
	.san-tabs-equal.san-tabs-a>li>a>span {
	    display: table-cell;
	    vertical-align: middle;
	    text-align: center;
	    font-weight: normal;
	    white-space: break-spaces;
    	line-height: 1;
	}
}
.san-tabs-a>li>a:hover {
    color:#fff; text-decoration: none;
}
.san-tabs-a>li.current>a {
    color:#fff;
}
.san-tabs-a>li.disabled,
.san-tabs-a>li.disabled:hover {
    background: #f5f5f5;
    color: #bbb;
}
.san-tabs-a>li.disabled>a {
    color:#bbb;
}
.san-tabs-a>li.disabled>a:hover {
    color:#bbb; text-decoration: none;
}
@media (max-width: 767px) {
    .san-tabs-a {
        overflow: auto; overflow-y: hidden;
        background: #fff;
        border-bottom: 1px solid #eaeaea;
        white-space: nowrap;
        font-size: 0;
    }
    .san-tabs-a>li {
        float: none;
        display: inline-block;
        overflow: visible;
        width: auto !important;
        margin: 0 10px;
        background: transparent;
        border: none;
    }
    .san-tabs-a>li:hover,
    .san-tabs-a>li.current, .san-tabs-a>li.current:hover {
        background: transparent;
    }
    .san-tabs-a>li:not(:last-child):after {
        position: absolute; top:50%; right: -10px;
        display: block;
        margin-top: -10px;
        border-style: solid; border-width: 10px 1px 10px 0; border-color: #d6d6d6;
        font-size: 0;
        content: "";
    }
    .san-tabs-a>li>a {
        position: relative;
        display: inline-block;
        min-width: 0;
        padding: 6px 0 5px;
        font-size: 16px;
        color: #333;
    }
    .san-tabs-a>li>a:before {
        position: absolute; left: 0; bottom: 0;
        width: 100%; height: 2px;
        opacity: 0;
        background: transparent;
        content: "";
    }
    .san-tabs-a>li.current>a:before {
        opacity: 1;
        background: #00498E;
        -webkit-transform: scale(1, 1);
           -moz-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
                transform: scale(1, 1);
        -webkit-animation: .2s san-tabs-b-active;
           -moz-animation: .2s san-tabs-b-active;
                animation: .2s san-tabs-b-active;
    }
    .san-tabs-a>li>a:hover, .san-tabs-a>li.current>a {
        color:#00498E;
    }
    .san-tabs-a>li.disabled,
    .san-tabs-a>li.disabled:hover {
        background: #fff;
    }
}

/* a-table */
.san-tabs-a-table {
    width: 100%;
    overflow-x: hidden;
    background: #f5f5f5;
    border-bottom: 1px solid #fff;
}
.san-tabs-a-table>ul {
    display: table;
    border-collapse:collapse; border-spacing:0;
    width: 100%; margin:0;
    border-bottom: 1px solid #fff;
}
.san-tabs-a-table>ul.last {
    border-bottom: none; *border-bottom:0;
}
.san-tabs-a-table>ul.fixedAuto {
    width: auto;
}
.san-tabs-a-table>ul>li {
    display: table-cell;
    border-width: 0 1px; border-style: solid; border-color: #fff;
    text-align: center;
}
.san-tabs-a-table>ul>li:hover, .san-tabs-a-table>ul>li.current {
    background: #00498e url(../images/EnImg/bg-03b-s-cut.png) 100% 100% no-repeat;
}
.san-tabs-a-table>ul>li.current>a {
    padding: 6px 0;
    background: url(../images/EnImg/icon-arrow-down-ffffff-9x9.png) 50% 95% no-repeat;
}
.san-tabs-a-table>ul>li>a {
    display: block; position: relative;
    min-width: 0;
    width: auto;
    margin: 0;
    padding: 6px 20px 5px;
    line-height: 32px;
    color: #fff;
    font-size: 16px;
    text-align: center; text-decoration: none;
    white-space: nowrap;
}
.san-tabs-a-table>ul>li.current>a, .san-tabs-a-table>ul>li>a:hover {
    color: #fff;
    text-decoration: none;
}
.san-tabs-a-table>ul>li.disabled>a, .san-tabs-a-table>ul>li.disabled>a:hover {
    background: #e7edf2;
    color: #000;
}
.san-tabs-a+.san-tabs-a-table {
    display: block;
    margin-top: 0;
    background: transparent url(../images/EnImg/bg-afbfcf-p90.png) 0 0; 
}
.san-tabs-a+.san-tabs-select,
.san-tabs-a+.san-tabs-a-table+.san-tabs-select {
    display: none;
    margin-top: 0;
    padding: 6px 20px;
}
.san-tabs-a[data-layout="suspend"] {
    display: block;
    opacity: 0;
}
.san-tabs-a[data-layout="default-media"] {
    display: none;
}
.san-tabs-a[data-layout="table-select"] {
    display: none;
}
@media (min-width: 768px) {
    .san-tabs-a[data-layout="table"] {
        display: none;
    }
}
@media (max-width: 767px) {
    .san-tabs-a-panel {
        position: absolute; top:0; left: 0;
        display: block;
        width: 20px; height: 100%;
        margin-left: -20px;
        background: #ccc;
        content: "12";
    }
    .san-tabs-a+.san-tabs-a-table {
        display: none;
    }
    .san-tabs-a+.san-tabs-select,
    .san-tabs-a+.san-tabs-a-table+.san-tabs-select {
        padding: 6px 10px;
    }
    .san-tabs-a[data-layout="default-media"] {
        display: block;
    }
    .san-tabs-a[data-layout="table-select"] {
        display: none;
    }
    .san-tabs-a[data-layout="table-select"]+.san-tabs-a-table {
        display: none;
    }
    .san-tabs-a[data-layout="table-select"]+.san-tabs-select,
    .san-tabs-a[data-layout="table-select"]+.san-tabs-a-table+.san-tabs-select {
        display: block;
    }
}

/* b */
.san-tabs-b {
    overflow: hidden;
    margin-bottom: 0;
    border-bottom: 1px solid #eaeaea;
    white-space: nowrap;
    font-size: 0;
}
.san-tabs-b>li {
    position: relative; 
    display: inline-block;
    overflow: hidden;
    width: auto;
    margin: 0 5px 0 20px;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    vertical-align: top;
}
.san-tabs-b>li>a {
    position: relative;
    display: inline-block;
    padding: 14px 0 13px;
    color: #666;
    text-align: center; text-decoration: none;
}
.san-tabs-b>li>a:hover, .san-tabs-b>li.current>a {
    color:#144785;
}
.san-tabs-b>li>a:before {
    position: absolute; left: 0; bottom: 0px;
    width: 100%; height: 2px;
    opacity: 0;
    background: transparent;
    content: "";
}
.san-tabs-b>li.current>a:before {
    opacity: 1;
    background: #144785;
    -webkit-transform: scale(1, 1);
       -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation: .2s san-tabs-b-active;
       -moz-animation: .2s san-tabs-b-active;
            animation: .2s san-tabs-b-active;
}
.section-a-primary .san-tabs-b>li>a:hover, .section-a-primary .san-tabs-b>li.current>a {
    color:#00498E;
}
.section-a-primary .san-tabs-b>li.current>a:before {
    background: #00498E;
}
@media (max-width: 767px) {
    .san-tabs-b {
        overflow: auto; overflow-y: hidden;
    }
    .san-tabs-b>li {
        margin: 0 10px;
        font-size: 16px;
    }
    .san-tabs-b>li>a {
        padding: 6px 0 5px;
    }
}

/* c */
.san-tabs-c {
    margin:0;
    padding: 0;
}
.san-tabs-c>li {
    position: relative;
    display: block; overflow: hidden;
    float:left;
    margin: 4px 20px 4px 0;
    padding-left: 15px;
    background: transparent none;
    line-height: 24px;
    font-size: 14px;
    cursor: pointer;
}
.san-tabs-c>li:before {
    position: absolute; top:7px; left: 0px;
    display: block;
    border-style: solid; border-width: 5px 0 5px 7px; border-color: transparent; border-left-color: #ddd;
    font-size: 0;
    content: "";
}
.san-tabs-c>li.current, .san-tabs-c>li:hover {
    color:#144785;
}
.san-tabs-c>li.current:before, .san-tabs-c>li:hover:before {
    border-left-color: inherit;
}
.san-tabs-c>li>a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    color:#333; text-decoration: none;
}
.san-tabs-c>li>a:hover, 
.san-tabs-c>li.current>a, .san-tabs-c>li.current:hover>a {
    color: #144785;
}
.san-tabs-c>li.disabled>a, .san-tabs-c>li.disabled:hover>a {
    color: #666;
}
.san-tabs-c+.san-tabs-c-table {
    display: block;
    margin-top: 0;
}
.san-tabs-c+.san-tabs-select,
.san-tabs-c+.san-tabs-c-table+.san-tabs-select {
    display: none;
    margin-top: 0;
    padding: 6px 20px;
}
.san-tabs-c[data-layout="suspend"] {
    display: block;
    opacity: 0;
}
.san-tabs-c-cfets>li {
    padding-left: 18px;
}
.san-tabs-c-cfets>li:before {
    top:0;
    width:24px; height: 24px;
    background: url(../images/icon-cfets-32x32-bbb.png) 0 50% no-repeat;
    background-size: auto 14px;
    border: none;
}
.san-tabs-c-cfets>li.current::before {
    background-image: url(../images/icon-cfets-32x32-0053bb.png);
}
.san-tabs-c-cfets>li>a {
    color: #bbb;
}
@media (min-width: 768px) {
    .san-tabs-c[data-layout="table"] {
        display: none;
    }
}
@media (max-width: 767px) {
    .san-tabs-c {
        padding-left: 0; padding-right: 0; 
    }
    .san-tabs-c>li{
        width: 100%;
    }
    .san-tabs-c>li:last-child {
        margin-right: 0;
    }
    .san-tabs-c+.san-tabs-c-table {
        display: none;
    }
    .san-tabs-c+.san-tabs-select,
    .san-tabs-c+.san-tabs-c-table+.san-tabs-select {
        padding: 6px 10px;
    }
    .san-tabs-c[data-layout="default-media"] {
        display: none;
    }
    .san-tabs-c[data-layout="default-media"]+.san-tabs-select,
    .san-tabs-c[data-layout="default-media"]+.san-tabs-c-table+.san-tabs-select {
        display: block;
    }
}


/* h */
.san-tabs-h {
    margin-bottom: 0;
}
.san-tabs-h>li {
    position: relative; display: block;
    float:left;
    margin-bottom: 10px;
    background: #20508b;
    background: rgba(32, 80, 139, 0.9);
    border: 1px solid transparent;
    border-radius: 0;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background .1s linear;
       -moz-transition: background .1s linear;
        -ms-transition: background .1s linear;
            transition: background .1s linear;
}
.san-tabs-h>li:hover {
    background: #20508b;
}
.san-tabs-h>li.current {
    background-image: url(../images/logo-transparent-144x60.png); background-position: 100% 100%; background-repeat: no-repeat;
    background: #cbac84;
    background: rgba(203, 172, 132, 0.9);
}
.san-tabs-h>li.current:before {
    position: absolute; top:61px; left: 50%;
    margin-left: -8px;
    border-width: 8px 8px 0; border-style: solid;
    border-color: #00498E transparent transparent;
    border-top-color: rgba(203, 172, 132, 0.9);
    content: "";
}
.san-tabs-h>li>a {
    display: block; position: relative;
    margin: 0;
    padding: 16px 10px;
    line-height: 28px;
    color: #fff;
    font-size: 20px;
    text-align: center; text-decoration: none;
}
.san-tabs-h>li>a:hover {
    text-decoration: none;
}
@media (max-width: 767px) {
    .san-tabs-h {
        overflow: auto; overflow-y: hidden;
        margin-bottom: 5px;
        white-space: nowrap;
        background: rgba(32, 80, 139, 0.9);
    }
    .san-tabs-h>li {
        float: none;
        display: inline-block;
        width: auto;
        min-width: 120px;
        margin-bottom: 0;
        background: transparent;
    }
    .san-tabs-h>li+li {
        margin-left: -4px;
    }
    .san-tabs-h>li.current {
        background-size: auto 42px;
    }
    .san-tabs-h>li.current:before {
        display: none;
    }
    .san-tabs-h>li>a {
        padding: 7px 0;
        font-size: 16px;
    }
}

/* link */
.san-tabs-l {
    margin: 0;
    padding: 4px 10px;
}
.san-tabs-l>li {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    line-height: 32px;
    vertical-align: top;
}
.san-tabs-l>li:not(:last-child):after {
    position: absolute; top:50%; right: -11px;
    display: block;
    margin-top: -8px;
    border-style: solid; border-width: 8px 1px 8px 0; border-color: #d6d6d6;
    font-size: 0;
    content: "";
}
.san-tabs-l>li>a {
    display: inline-block;
    padding: 0;
    color: #333; 
    text-decoration: none;
}
.san-tabs-l>li>a:hover, 
.san-tabs-l>li.current>a, .san-tabs-l>li.current:hover>a {
    color: #144785;
}
@media (max-width: 767px) {
    .san-tabs-l {
        overflow: auto; overflow-y: hidden;
        margin: 0;
        padding-left: 0; padding-right: 0;
        white-space: nowrap;
    }
}

/* title-a */
.san-tabs-ta-wrapper {
    border-bottom: 1px solid #eaeaea;
}
.san-tabs-ta {
    margin: 0;
    padding: 0 10px 6px; 
}
.san-tabs-ta-borderless {
    padding-bottom: 6px;
    border-bottom: none;
}
.san-tabs-ta>li {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    line-height: 32px;
    vertical-align: top;
    font-size: 16px; font-weight: normal;
}
.san-tabs-ta>li:not(:last-child):after {
    position: absolute; top:50%; right: -13px;
    display: block;
    margin-top: -8px;
    border-style: solid; border-width: 8px 1px 8px 0; border-color: #d6d6d6;
    font-size: 0;
    content: "";
}
.san-tabs-ta>li>a {
    display: inline-block;
    padding: 0;
    color: #333; 
    text-decoration: none;
}
.san-tabs-ta>li>a:hover, 
.san-tabs-ta>li.current>a, .san-tabs-ta>li.current:hover>a {
    color: #144785;
}
@media (max-width: 767px) {
    .san-tabs-ta {
        overflow: auto; overflow-y: hidden;
        margin: 0;
        padding-left: 0; padding-right: 0;
        white-space: nowrap;
    }
}

/* 首页tabs */
.san-tabs-b.san-tabs-home{
    border-bottom: none;
    background: #d8e4f2;
}
.san-tabs-b.san-tabs-home>li {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: auto;
    margin: 0;
    line-height: 1;
    text-align: center;
    vertical-align: top;
    background: #d8e4f2;
    border-left: 1px solid #d8e4f2;
    border-right: 1px solid #d8e4f2;
    border-radius: 4px 4px 0 0;
}
.san-tabs-b.san-tabs-home>li>a{
    font-size: 14px;
    color: #6f6f6f;
    padding: 9px 6.7px;
}
.san-tabs-b.san-tabs-home>li.current, .san-tabs-b.san-tabs-home>li:hover{
    background-color: #e8f2fc;
    border-left-color: #c6dbec;
    border-right-color: #c6dbec;
}
.san-tabs-b.san-tabs-home>li.current>a{
    color: #0068b6;
    font-weight: bold;
}
.san-tabs-b.san-tabs-home>li>a:hover{
    color: #0068b6;
}
.san-tabs-b.san-tabs-home>li>a:before {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 2px;
    opacity: 0;
    background-color: transparent;
    content: "";
}
.san-tabs-b.san-tabs-home>li:hover>a:before, .san-tabs-b.san-tabs-home>li.current>a:before {
    opacity: 1;
    background-color: #078bd3;
}
.san-tabs-b.san-tabs-home {
    overflow: hidden;
}
.san-tabs-content.san-tabs-home-content{
    background: #e8f2fc;
    padding: 0 20px 10px;
}
.san-tabs-content.san-tabs-home-content .section-a-default{
    box-shadow: none;
}
.hpMoreAdd{display:inline-block;height:20px;vertical-align:top;}
.hpMoreAdd>a{color: #000;font-size: 12px;}
.hpMoreAdd>a:hover{color: #e72742;}

@media (max-width: 1229px) {
    .san-tabs-b.san-tabs-home {
        overflow: auto;
        -ms-overflow-style: none;  
        scrollbar-width: none;  
    }
    .san-tabs-b.san-tabs-home::-webkit-scrollbar { 
        display: none;  
    }
}
@media (max-width: 767px){
    .san-tabs-b.san-tabs-home {
        overflow: auto;
        overflow-y: hidden;
    }
    .san-tabs-content.san-tabs-home-content{
        padding: 0;
    }
    
}
/* 标签页选项卡的内容区 */
.san-tabs-content {
    position: relative;
    display: block;
    overflow: hidden;
}
/* tabs 下没有表格时使用 */
.san-tabs-contentP{
    padding: 10px 20px;
}
.san-tabs-contentP .section-a-head {
    padding:0 0 10px;
}
/* tabs下有表格时使用 */
.san-tabs-contentPsheet{
    padding:10px 20px;
}
 .san-tabs-contentPsheet .section-a-head {
    padding:0 0 10px;
}

.san-tabs-content>.san-tabs-panel {
    display: none; position: relative;
}
.san-tabs-content>.san-tabs-panel.active {
    display: block;
}
.san-tabs-content>.san-tabs-gap {
    padding: 10px;
}
@media (max-width: 767px) {
    .san-tabs-content {
        background: #fff;
    }
    .san-tabs-contentP{
        padding: 0 10px;
    }
    .san-tabs-contentPsheet{
        padding: 0 0;
    }
    .san-tabs-contentPsheet .section-a-head {
        padding: 5px 10px;
    }
}

/* =======
 * 布局面板
 * ======= */ 
/* 首页 */
.section-a-head-homegrey{
    background: #e8f2fc;padding: 0 !important;
}
.section-a-head-homegrey .section-a-txt{
    line-height: 30px !important;
    /* color: #b0afaf !important; */
    color: #666666 !important;
}
.section-a-head-homegrey .text-date{
    /* color: #b0afaf !important; */
    color: #666666 !important;
}
/* a */
.section-a {
    position: relative;
    border-radius: 3px;
}
.section-a-head {
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea;
}
.section-a-head-borderless{
    border-bottom: none;
}
.section-a-head-c {
    padding-bottom: 6px;
    border-bottom: none;
    text-align: center;
}
 .section-a-head .section-a-title {
    padding: 0;
    line-height: 24px; 
    font-size: 24px; font-weight: bold;
}


.section-ccpr-head{padding: 0 5px 10px !important;}
@media (max-width: 767px){
    .section-ccpr-head{
        padding: 5px 15px !important;
    }
}
.section-a-small-title {
    display: inline-block;
    font-size: 18px;color: #333;font-weight: bold;
}
.section-a-title-time{
    font-size: 14px;color: #666666;font-weight: normal;float:right;
}


.section-sheet-title{
    padding: 10px 20px 0;
    font-size: 18px;color: #333;font-weight: bold;
}
@media (max-width: 767px) {
    .section-a-head-homegrey{
        padding: 0 10px !important;
    }
    .section-sheet-title{
        padding: 0;
    }
}


/* 交易日Trading Calendar */
.section-a-blue-title {
    display: inline-block;
    color: #019dda;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
}
/* brief-introdection,businessandService */
.section-a-subtitle{
    color: #0070C0;
    line-height: 1.5;
    font-size: 12pt;
}


.section-a-head .section-a-txt {
    display: inline-block;
    padding: 0;
    line-height: 32px;
}
.section-a-head .section-a-title+.section-a-txt {
    margin-left:10px;
}
.section-a-head-borderless .section-a-txt {
    display: inline-block;
    padding: 0;
    line-height: 24px;
    color: #666666;
}
.section-a-head-borderless .section-a-title+.section-a-txt {
    margin-left:10px;
}
.section-a-body {
    position: relative;
    padding: 0 0;
}
.section-a-body-p{
    position: relative;
    padding: 0 0;
}
.section-a-body-linear {
    background: #ffffff url(../images/EnImg/bg-04.png) 0 0 repeat-x; 
    background: #ffffff -webkit-linear-gradient(top, rgb(232,242,252) 0% rgb(249,249,249) 125px, rgb(255,255,255) 100%);
    background: #ffffff -ms-linear-gradient(top, rgb(232,242,252) 0%, rgb(249,249,249) 125px, rgb(255,255,255) 100%);
    background: #ffffff linear-gradient(to bottom, rgb(232,242,252) 0, rgb(249,249,249) 125px, rgb(255,255,255) 100%);
}
.section-a-body-justify {
    padding: 20px 20px;
}
@media (max-width: 767px) {
    .section-a-body-p{
        position: relative;
        padding: 0 10px;
    }
   
}

.section-a-subhead{
    height: 38px;
    padding: 0;
    border: 1px solid #c6dbec;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #e8f2fc;
    border-top: 2px solid #078bd3;
}
.section-a-subhead .section-a-title-blue {
    padding: 0 20px;
    font-size: 16px; font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #0068b6;
    font-family: Arial,Helvetica,sans-serif;
}


.section-a-foot {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    line-height: 24px;
}
@media (max-width:767px) {
    .section-a-foot{
        /* padding: 5px 10px 1px; */
        padding: 5px 0 1px;
    }
}
.san-tabs-content.san-tabs-home-content .section-a-foot{
    background: #fff;
    padding:10px;
}
.section-a-foot-line-t {
    padding-top: 9px;
    border-top: 1px solid #eaeaea;
}
.section-a-foot-line-b {
    padding-bottom: 9px;
    border-bottom: 1px solid #eaeaea;
}

/* 页脚注释面板 */
.section-fo {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    line-height: 24px;
}
.section-fo-plus{
    padding: 20px;
}
.section-fo-line-t {
    padding-top: 9px;
    border-top: 1px solid #eaeaea;
}
.section-fo-line-b {
    padding-bottom: 9px;
    border-bottom: 1px solid #eaeaea;
}
@media (max-width: 767px) {
    .section-fo {
        padding: 5px 10px 1px;
        background: #fff;
    }
    .section-fo-plus{
        padding: 0 10px 10px;
    }
}


/* 主题样式 */
.section-a-default {
    padding: 10px 20px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 34, 76, 0.1);
       -moz-box-shadow: 0 0 3px 1px rgba(0, 34, 76, 0.1);
            box-shadow: 0 0 3px 1px rgba(0, 34, 76, 0.1);
}
.section-a-noborder{
    border: none;
}
.section-a-transparent{ 
    background: transparent;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 34, 76, 0.1);
       -moz-box-shadow: 0 0 3px 1px rgba(0, 34, 76, 0.1);
            box-shadow: 0 0 3px 1px rgba(0, 34, 76, 0.1);
}
.section-a-transparent .san-tabs-content{ 
    background: #fff;
}

.section-a-default-linear {
    padding: 10px 20px;
    background: #ffffff url(../images/EnImg/bg-04.png) 0 0 repeat-x; 
    background: #ffffff -webkit-linear-gradient(top, rgb(232,242,252) 0% rgb(249,249,249) 125px, rgb(255,255,255) 100%);
    background: #ffffff -ms-linear-gradient(top, rgb(232,242,252) 0%, rgb(249,249,249) 125px, rgb(255,255,255) 100%);
    background: #ffffff linear-gradient(to bottom, rgb(232,242,252) 0, rgb(249,249,249) 125px, rgb(255,255,255) 100%);
    border-radius: 5px;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 34, 76, 0.1);
       -moz-box-shadow: 0 0 3px 1px rgba(0, 34, 76, 0.1);
            box-shadow: 0 0 3px 1px rgba(0, 34, 76, 0.1);
}

/* 问卷调查按钮样式 */
.section-a-default-linear .surveybtn{
    background: #fffefb none;
    background: #fffefb -webkit-linear-gradient(top, #ecf6ff 0% #fffefb 100%);
    background: #fffefb -ms-linear-gradient(top, #ecf6ff 0%, #fffefb 100%);
    background: #fffefb linear-gradient(to bottom, #ecf6ff 0, #fffefb 100%);
    border: 1px solid #c6dbec;
}
.section-a-default-linear .surveybtn ul li{
    padding: 7px 10px;
    background: transparent;
}
/* 通用 */
li.icon-arrow-right-black {
    padding: 7px 10px;
    background: url(../images/EnImg/icon-arrow-right-black-8x7.png) 0 50% no-repeat !important;
}

.section-a-default-right{
    padding: 0 15px;margin: 0;
    word-break: break-word;
}
.section-a-default-right .section-a-head{
    padding-left: 40px;
    background: url(../images/EnImg/line-02a.png) 0 50% no-repeat;
    border-bottom: none;
}
.section-a-default-right .section-a-head .section-a-title{
    padding-right: 40px;
    background: url(../images/EnImg/line-02b.png) 100% 50% no-repeat;
    text-align: center; 
    font-weight: bold; 
    font-size: 16px;
    color:#0068b6;
}
.section-a-default-right .section-a-body{
    background: #fff;
    padding: 10px 0;
}
.section-a-default-right .section-a-body p{
    border-bottom: 1px solid #e2e2e2;
}

.section-a-default-rightlist{
    margin-top: 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 34, 76, 0.1);
       -moz-box-shadow: 0 0 3px 1px rgba(0, 34, 76, 0.1);
            box-shadow: 0 0 3px 1px rgba(0, 34, 76, 0.1);
}
.section-a-default-rightlist:first-child{
    margin-top: 0;
}
.section-a-head-rightlist{
    height: 38px;
    padding: 0;
    border: 1px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #e8f2fc;
    border-color: #c6dbec;
    border-top: 2px solid #078bd3;
}
.section-a-title-rightlist{
    padding: 6px 20px;
    font-size: 16px;color: #0068b6;
    font-weight: bold;
}
.section-a-body-rightlist{
    padding: 10px 20px 20px 20px;
    border: 1px solid #c6dbec;
}
.section-a-body-rightlist-lv2{
    color: #333;font-size: 14px;font-weight: bold;
}
.section-a-body-rightlistP10{
    padding: 10px 20px;
    border: 1px solid #c6dbec;
}
@media (max-width: 767px) {
    .san-tabs-contentP .section-a-default-linear{
        padding: 0;
    }
    .section-a-title-rightlist{
        padding: 6px 10px;
    }
    .section-a-body-rightlist{
        padding: 10px;border: none;
    }
    .section-a-body-rightlistP10{
        padding: 10px;border: none;
    }
}
.smallbluetitle{
    font-size: 14px;
    font-weight: bold;
    color: #0068b6;
}
.hp-report-row{
    padding: 10px 20px;
}
@media (max-width: 767px){
    .hp-report-row{
        padding: 10px;
    } 
}


/* 搜索页面fm背景 */
.section-a-grey { 
    background: #f6f6f6;
    border-bottom-color: #f6f6f6;
}
/* 搜索结果页面 */
.section-a-border {
    padding: 10px;
    background: #fff;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.section-a-primary {
    background: #fff;
    border: 1px solid #00498E;
}
.section-a-primary>.section-a-head .section-a-title {
    color: #00498E;
}
.section-a-primary>.section-a-head+.section-a-foot {
    border-top: 1px solid #fff;
}
.section-a-primary>.section-a-body-justify {
    padding: 10px;
}
.section-a-topic>.section-a-head {
    padding-right: 45px; padding-bottom: 6px;
    background: #00498E;
    border-bottom: none;
    color: #fff;
}
.section-a-topic>.section-a-head .section-a-title {
    padding-left: 15px;
    background: url(../images/icon-dot-10x10-fff.png) 0 13.5px no-repeat;
    background-size: 5px auto;
    color: #fff;
}
.section-a-topic>.section-a-body {
    padding: 10px 20px;
}
@media (max-width: 767px) {
    .section-a {
        background: #fff;
        border-radius: 0;
    }
    .section-a-head {
        padding: 5px 10px;
    }
    .section-a-body-justify {
        padding: 10px 10px;
    }
    .section-a-head .section-a-title {
        font-size: 18px;
    }
    .section-a-default {
        padding: 0 0 10px;
        border-left: none; border-right: none;
    }
    .section-a-default-linear { 
        padding: 0 0 10px;
        border-left: none; border-right: none;
    }
    .section-a-transparent{ 
        padding: 0 0 10px;
        background: #fff;
    }
    .section-a-default-right{ 
        padding: 0;
        margin-top: 10px !important;
        box-shadow: none;
    }
    .section-a-subhead .section-a-title-blue{
        padding: 0 10px;
    }
    .section-a-primary {
        border-left: none; border-right: none;
    }
    .section-a-primary>.section-a-body-justify {
        padding: 0;
    }
    .section-a-topic>.section-a-body {
        padding-left: 10px; padding-right: 10px;
    }
}


/*页面分块面板*/
.section-block {
    position: relative;
}





.section-card {
    position: relative;
}
.section-card-body {
    padding: 22px 20px;
    font-size: 0;
    letter-spacing: -4px;
}
.section-card-title {
    margin-bottom: 30px;
    font-size: 18px;
    letter-spacing: 0;
}
.section-card-summary {
    display: inline-block;
    margin: 0 10px;
    vertical-align: top;
}
.section-card-summary>* {
    font-size: 14px;
    letter-spacing: 0;
}
.section-card-summary .txt-main {
    margin-top: 0; margin-bottom: 8px;
    margin-bottom: 15px;
    line-height: 42px;
    font-size: 36px;
}
.section-card-summary .txt-sub+.txt-main {
    margin-top: 5px; margin-bottom: 0;
}
.section-card-summary .txt-sub {
    font-size: 16px;
    color: #666;
}
@media (max-width: 767px) {
    .section-card-body {
        padding-left: 10px; padding-right: 10px;
    }
    .section-card-summary .txt-sub {
        font-size: 16px;
    }
}


/* 图表面板。将图表插入到此面板中统一管理 */
.section-chart-bw{
    position: relative; overflow: hidden;
    width: 100%;
    padding: 10px 20px;
    background: #ffffff
}
.section-chart {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 10px 20px;
}
.section-chart-linear {
    background: #ffffff url(../images/EnImg/bg-04.png) 0 0 repeat-x; 
    background: #ffffff -webkit-linear-gradient(top, rgb(232,242,252) 0% rgb(249,249,249) 125px, rgb(255,255,255) 100%);
    background: #ffffff -ms-linear-gradient(top, rgb(232,242,252) 0%, rgb(249,249,249) 125px, rgb(255,255,255) 100%);
    background: #ffffff linear-gradient(to bottom, rgb(232,242,252) 0, rgb(249,249,249) 125px, rgb(255,255,255) 100%);
    border-radius: 3px;
}
@media (max-width: 767px) {
    .section-chart {
        padding-left: 10px; padding-right: 10px;
    }
    .section-chart-bw{
        padding: 10px;
    }
}


.section-detail {
    position: relative;
    margin-right: -2px; margin-left: -2px;
}
.section-detail>.detail-item {
    float: left;
    width: 100%;
    padding-right: 2px; padding-left: 2px;
}
.section-detail>.detail-item-half {
    width: 50%;
}
.detail-item>.detail-pair {
    margin: -1px 0 0; 
    border-top: 1px solid #eee; border-bottom: 1px solid #eee;
}
.detail-pair>.detail-pair-l,
.detail-pair>.detail-pair-m {
    display: table-cell;
    padding-top: 2px; padding-bottom: 2px;
    line-height: 18px;
    font-size: 14px;
    vertical-align: top;
}
.detail-pair>.detail-pair-l {
    width: 1%;
}
.detail-pair>.detail-pair-m {
    position: relative;
    width: 100%;
}
.detail-pair .detail-title,
.detail-pair .detail-label,
.detail-pair .detail-value {
    position: relative;
    display: block;
    padding: 8px 5px;
    min-height: 34px;
}
.detail-pair .detail-title {
    color:#0066AA;
    font-weight: bold;
}
.detail-pair .detail-label {
    color:#333;
}
.detail-pair .detail-label:after {
    position: absolute; top: 3px; right: 0px; bottom: 3px;
    width:1px;
    border-right: 1px dashed #ddd;
    content: "";
}
.detail-pair .detail-value {
    padding-left: 10px; padding-right: 10px;
}
.detail-pair .detail-label:after,
.detail-pair .detail-value:before {
    position: absolute; top: 3px; bottom: 3px;
    width:1px;
    content: "";
}
.detail-pair .detail-label:after {
    right: 0px; 
    border-right: 1px dashed #ddd;
}
.detail-pair .detail-value:before {
    left: -1px;
    border-left: 1px dashed #ddd;
}
@media (max-width: 767px) {
    .section-a-body>.section-detail {
        padding-left: 4px; padding-right:4px;
    }
    .section-detail>.detail-item-half {
        width: 100%;
    }
    .detail-pair .detail-title,
    .detail-pair .detail-label {
        padding-left: 10px;
    }
}


/*表单面板*/
.section-fm {
    position: relative;
    padding: 0 20px;
}
@media (max-width: 767px) {
    .section-fm {
        padding: 10px 10px;
        background: #f9f9f9;
    }
}

.section-form {
    position: relative;
    margin: 0 auto;
    padding: 20px 20px;
}
.section-form .san-input-pair {
    padding: 0;
}
.section-form .vcode {
    display: block;
}
.section-form .vcode .san-thumbnail {
    width: 90px; height:30px;
    margin: 1px 0 1px 10px;
}
.section-form .vcode .san-thumbnail>img {
    width: 100%; height: 100%;
}
@media (max-width: 767px) {
    .section-form {
        padding: 20px 10px;
    }
    .section-form .section-form-f,
    .section-form .section-form-btn .section-form-l {
        display: none !important;
    }
    .section-form .section-form-btn .section-form-r {
        width: 100% !important;
        text-align: center;
    }
}

/* 标题面板 */
.section-h {
    position: relative;
    padding: 0 20px;
    text-align: right;
}
.section-h-line-b {
    border-bottom: 1px solid #eaeaea;
}
.section-h .section-h-title {
    display: inline-block;
    padding: 0;
    line-height: 32px; 
    font-size: 14px; font-weight: normal;
    color:#144785;
}
.section-h .section-h-title-c {
    font-weight: bold;
    color: #333;
}
.section-h .section-h-txt {
    display: inline-block;
    padding: 0;
    line-height: 32px;
}
.section-h .section-h-title+.section-h-txt {
    margin-left: 10px;
}
.section-h .section-h-title-block, 
.section-h .section-h-txt-block {
    display: block;
}
.section-h .section-h-title-block+.section-h-txt {
    margin-left: 0;
}
.section-h-primary {
    padding-top: 15px; padding-bottom: 15px;
    background: #f7f7f7;
    border-radius: 3px;
}
.section-h-primary .section-h-title-c {
    color: #be9662;
}
@media (max-width: 767px) {
    .section-h {
        padding-left: 10px; padding-right: 10px;
    }
    .section-h .section-h-title {
        font-size: 16px;
    }
}


/* 用于包裹分块子页面，请勿设置样式 */
.section-pg {}


/* section-slide */
.section-slide {
    position: relative; display: block;
    width: auto; height: auto; padding: 0;
    overflow: hidden;
}
.section-slide-list {
    overflow: hidden;
    margin-bottom: 40px;
}
.section-slide-list>li {
    float: left; display: block;
    width: 100%; 
    min-height: 310px;
}
.section-slide-list>li .section-slide-title {
    margin-bottom: 10px; padding: 10px 0;
    font-weight: normal;
    font-size: 14px; line-height: 24px;
}
.section-slide-list>li .section-slide-content {
    padding-left:20px;
    font-size: 14px; line-height: 24px;
}
.section-slide .san-btn {
    position: relative; top: auto; left: auto;
    opacity: 1;
}
/* .section-slide .san-btn.covered {
    position: absolute; top: -200px; left: 0;
    opacity: 0;
} */
@media (max-width: 767px) {
    .section-slide-list>li {
        min-height: 0;
    }
}

.choice-question {
    position: relative;
    margin-bottom: 0;
}
.choice-question+.choice-question {
    margin-top: 5px;
}
.choice-question .san-check {
    display: block;
    padding: 0 1px;
}
.choice-question .san-input-text {
    width: 50%;
}
.choice-question textarea.san-input-text {
    width: 99%;
}
@media (max-width: 767px) {
    .choice-question .san-input-text {
        width: 100%;
    }
}


.section-step {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 10px 10px 20px;
    white-space: nowrap;
}
.step-item {
    display: inline-block;
    width: 25%;
    text-align: center;
}
.step-item-title {
    font-size: 16px;
    color: #e2e2e2;
}
.step-item-status {
    position: relative;
}
.step-item-status i {
    display: inline-block;
    position: relative; z-index: 10;
    width: 36px; height: 36px;
    line-height: 30px;
    background: #eaeaea;
    border: 3px solid #eaeaea;
    border-radius:36px;
    vertical-align: top;
    text-align: center;
    font-size: 20px; font-style: normal; font-weight: normal;
    color: #fff;
}
.step-item:not(:last-child) .step-item-status:before {
    position: absolute; top: 50%; left: 50%; z-index: 1;
    width: 100%;
    height: 6px;
    background: #e2e2e2;
    content:""
}
.step-current .step-item-title {
    color: #144785;
}
.step-current .step-item-status i {
    background: #144785;
}

/* 文章面板 */
.article-a {
    position: relative;
}
.article-a-head {
    padding:20px 10%;
    line-height: 1.5;
    text-align: center;
}
.article-a-head .title-heading {
    font-size: 18px; 
    color:#333;
    font-weight: bold;
}
.article-a-head .title-sub {
    margin-top: 10px;
    color: #666;
}
.article-a-toolbar {
    position: relative;
    padding: 5px 20px;
    border-bottom:1px solid #eaeaea; 
    color: #666;
}
.article-a-body {
    padding: 30px 10%;
}
.article-a-content {
    margin-bottom: 5px;
    font-size: 14px; line-height: 1.42857143;
}
.article-a-attach {
    position:relative;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #d2dff2;
}
.article-a-content+.article-a-attach {
    margin-top: 30px;
}
.article-a-attach-head {
    position:relative;
    padding: 7px 25px 6px;
    background:#f5f8fb;
}
.article-a-attach-title {
    font-weight: bold;
}
.article-a-attach-body {
    padding: 0 20px;
}
.article-a-attach-body>ul {
    margin-bottom: 0;
}
.article-a-attach-body>ul>li {
    display: block; overflow: hidden;
    padding-top: 8px; padding-bottom:8px;
}
.article-a-attach-body a {
    color:#000;
}
.article-a-attach-body a>span {
    /* display: inline-block; */
    vertical-align: top;
}
.article-a-attach-body a>img+span {
    margin-left: 5px;
}
/* 字体控制 */
.font-control {
    display: inline-block;
    line-height: 24px;
    vertical-align: top;
}
.font-control a.fc-s {
    display: inline-block;
    margin: 0 5px;
    color: #333;
    text-decoration: none;
}
.font-control .fc-s-s {
    font-size: 14px;
}
.font-control .fc-s-m {
    font-size: 16px;
}
.font-control .fc-s-l {
    font-size: 18px;
}
.font-control a.active {
    color: #e72742;
}
@media (max-width: 991px) {
    .article-a-head,
    .article-a-body {
        padding-left: 10px; padding-right: 10px;
    }
}
@media (max-width: 767px) {
    .article-a-head,
    .article-a-body {
        padding-left: 10px; padding-right: 10px;
    }
    .article-a-toolbar{
        padding: 10px;
    }
}



/* ====
 * 列表
 * ==== */ 
/* a */
.san-list-a {
    margin-bottom:0;
}
.san-list-a>li {
    min-height: 40px;
    padding: 7px 0;
    border-top: 1px solid transparent; border-bottom: 1px dashed #e2e2e2;
}
/* d */
.san-list-d {
    margin-bottom:0;
}
.san-list-d>dt, .san-list-d>dd {
    line-height: 24px;
}
.san-list-d>dt {
    padding: 8px 20px;
    font-weight: normal;
}
.san-list-d>dd {
    padding: 0 20px;
    border-top: 1px solid #eaeaea;
}
.san-list-d>dd>i {
    display: block;
    margin: 0 -15px;
    padding: 8px 20px;
    font-style: normal; font-weight: normal;
}
.san-list-d>dd>div {
    margin: 0 -20px;
    padding: 4px 20px;
    background: #f5f5f5;
}
.san-list-d>dd .san-btn {
    margin: 5px 5px;
}
@media (max-width: 767px) {
    .san-list-d>dd .san-btn {
        height: auto;
        text-align: left;
        white-space: normal; overflow: visible;
        font-size: 12px;
    }
    /* .san-list-a>li:nth-child(odd), .san-list-a.alternating-invert>li:nth-child(even) {
        background: transparent;
    }
    .san-list-a>li:nth-child(even), .san-list-a.alternating-invert>li:nth-child(odd) {
        background: transparent;
    } */
}
.san-list-a-s>li{
    padding-top: 5px; padding-bottom: 5px;
}
.san-list-a-st-4>li{
    overflow:hidden;
    padding-left:16px;
    background:url(../images/icon-arrow-right-black-8x7.png) 0 7px no-repeat;
}
.san-list-a-st-4.san-list-a-m>li{
    background-position: 0 17px;
}
.san-list-a-st-4.san-list-a-s>li{
    background-position: 0 12px;
}
.san-list-a-st-4>li a{
    display: inline-block; vertical-align: middle;
    color:#333;
}
.san-list-a-st-4>li a:active, .san-list-a-st-4>li a:hover{color:#0068b6;}
.san-list-a-st-4>li.list-title{
    padding-left: 0;
    background: transparent none;
    font-size: 18px; line-height: 1.1111111;
}
.san-list-a-st-4>li.list-title a.list-title{
    display: inline-block; vertical-align: middle; padding:6px 0;
    border-bottom:2px solid #0068b6;
    color: #0068b6; text-decoration: none;
}
.san-list-a-st-4 a.link-more-160601{
    display: inline-block; vertical-align: middle;
}
.san-list-a-st-4>li a:hover, .san-list-a-st-4>li a:active {
    color: #e72742;
    text-decoration: none;
}

/* 大事件 独写*/
.events-row{
    margin-top: 15px !important;
    padding-bottom: 10px;
}
.blue-title{ 
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    color: #0068b6;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.111111111;
}
.blue-title-events{ 
    padding: 6px 5px 6px 36px;
    background: url(../images/EnImg/icon-date-0068b6-32x32.png) -5px 0 no-repeat;
}
.blue-title-botline{ 
    border-bottom: 2px solid #0068b6;
}
.san-list-d-events>dt {
    padding: 0;
}
.san-list-d-events .san-list-d-title {
    color: #007bc8;
    font-weight: bold;
}
.san-list-d-events>dd{
    overflow: hidden;
    padding-left: 16px;
    background: url(../images/EnImg/icon-arrow-right-black-8x7.png) 0 7px no-repeat;
    border: none;
    margin: 10px 0;
}
@media (max-width: 767px) {
    .events-row{
        margin-top: 10px !important;
        padding-bottom: 10px;
    }
    .blue-title{
        font-size: 16px;
    }
}

/* f */
.san-list-f {
    margin-bottom: 0;
}
.san-list-f>li {
    position: relative; display: block; overflow: hidden;
    float:left;
    padding: 0 10px; 
    text-align: center;
    cursor: pointer;
}
.san-list-f>li>a {
    display: block; overflow: hidden;
}
.san-list-f>li .li-text {
    display: block; overflow: hidden;
    color: #333;
}
.san-list-f>li .li-img+.li-text {
    margin-top: 4px;
}


/* h */
.san-list-h {
    margin-bottom: 0;
}
.san-list-h>li {
    display: inline-block;
    padding-left: 14px;
    background: url(../images/icon-arrow-right-6x6-ddd.png) 0 9px no-repeat;
    vertical-align: top;
}
.san-list-h>li>a:active, .san-list-h>li>a:hover {
    color: #144785;
}


/* m */
.san-list-m {
    position: relative;
    margin-bottom: 0;
    line-height: 24px;
    font-size: 0;
    letter-spacing: -4px;
}
.san-list-m a {
    color: #333;
}
.san-list-m a:hover,.san-list-m a:active {
    color:#e72742;
}
.san-list-m>li {
    display: inline-block;
    vertical-align: top;
}
.san-list-m>li>i {
    display: block;
    padding: 7px 0;
    border-bottom: 2px solid #007bc6;
    font-size: 16px; font-weight: normal; font-style: normal;
    color: #007bc6;
    letter-spacing: 0;
}
.san-list-m>li>i>a {
    color: #144785;
}
.san-list-m>li>ul {
    display: block;
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: 0;
}
.san-list-m>li>ul>li {
    display: block;
    padding: 3px 0;
}



/* dl */
.san-list-dl {
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
}
[class*="san-col-"]>.san-list-dl {
    margin-top: -10px;
}
.san-list-dl>* {
    float: left;
    display: block;
    padding: 10px 10px;
    line-height: 24px;
}
.san-list-dl>dt {
    font-weight: normal;
}
.san-list-dl>dd {
    text-align: right;
}


.san-list-expander {
    margin-bottom: 0;
}
.san-list-expander>li {
    display: block;
    border-top: 1px solid transparent; border-bottom: 1px solid #f5f5f5;
}
.san-list-expander>li .san-expander-btn {
    padding: 7px 40px 7px 20px;
}
.san-list-expander>li .san-expander-btn:after {
    top: 7px; left: auto; right: 20px;
    margin-top: 0;
}
.san-list-expander .san-list-expander-title {
    display: inline-block;
    padding-left: 25px;
    background:url(../images/icon-chat-28x28-999.png) 0 5px no-repeat;
    background-size: 14px auto;
}
.san-list-expander>li .san-expander-panel {
    padding: 10px 20px 10px 45px;
    border-top: 1px solid #f5f5f5;
}
@media (max-width: 767px) {
    .san-list-expander>li .san-expander-btn {
        padding-left: 10px; padding-right: 30px;
    }
    .san-list-expander>li .san-expander-btn:after {
        right: 10px;
    }
}

.san-list-drawer {
    margin-bottom: 0;
}
.san-list-drawer>li {
    display: block;
    border-top: 1px solid transparent; border-bottom: 1px solid #f5f5f5;
}
.san-list-drawer>li .san-expander-btn {
    padding: 7px 20px 7px 45px;
}
.san-list-drawer>li .san-expander-btn:after {
    top: 7px; left: 15px;
    margin-top: 0;
    background-size: 14px auto;
}
.san-list-drawer>li .san-expander-fold:after {
    background-image: url(../images/icon-plus-28x28-999.png);
}
.san-list-drawer>li .san-expander-unfold:after {
    background-image: url(../images/icon-minus-28x28-999.png);
}
.san-list-drawer>li .san-expander-panel {
    padding: 0;
    background: #f7f7f7;
}
.san-list-drawer>li .san-expander-panel .san-list-a>li {
    padding-left: 30px;
    background: transparent;
    border-bottom-color: #efefef;
}
@media (max-width: 767px) {
    .san-list-drawer>li .san-expander-btn {
        padding-left: 30px; padding-right: 10px;
    }
    .san-list-drawer>li .san-expander-btn:after {
        left: 5px;
    }
    .san-list-drawer>li .san-expander-panel .san-list-a>li {
        padding-left: 15px;
    }
}



/* 列表前导图标 */
.san-list-symbol-chat>li>.li-inner { 
    padding-left: 25px;
    background:url(../images/icon-chat-28x28-999.png) 0 5px no-repeat;
    background-size: 14px auto;
}
.san-list-symbol-arrow>li>.li-inner { 
    padding-left: 15px;
    background:url(../images/EnImg/icon-arrow-right-black-8x7.png) 0 8.5px no-repeat;
    background-size: 8px auto;
}
.san-list-symbol-dot>li>.li-inner { 
    padding-left: 10px;
    background:url(../images/icon-dot.gif) 0 11px no-repeat;
    background-size: 5px auto;
}



/* =======
 * 数据表格
 * ======= */ 
/*san-datasheet / san-sheet*/
.san-datasheet {
    position: relative;
    overflow: hidden;
    margin-top: 0; margin-bottom: 0;
}
.san-sheet-error {
    padding: 2px 0;
    color:#999;
    clear: both;
}
.san-sheet {
    overflow: hidden;
    border-radius: 3px;
    border-bottom: 1px solid #f5f5f5;
}
.san-sheet>table {
    width: 100%; margin: 0; padding:0;
    background: transparent;
}
.san-sheet>table>thead>tr>th, .san-sheet>table>thead>tr>td,
.san-sheet>table>tbody>tr>th, .san-sheet>table>tbody>tr>td,
.san-sheet>table>tfoot>tr>th, .san-sheet>table>tfoot>tr>td {
    height: 40px;
    margin:0; 
    padding: 2px 10px;
    line-height: 16px;
    background: #fff;
    vertical-align: middle;
    font-weight: normal;
}
.san-sheet>table>thead>tr>:first-child:not(.cell-merge-next),
.san-sheet>table>tbody>tr>:first-child:not(.cell-merge-next),
.san-sheet>table>tfoot>tr>:first-child:not(.cell-merge-next),
.san-sheet>table>thead>tr>.cell-first,
.san-sheet>table>tbody>tr>.cell-first,
.san-sheet>table>tfoot>tr>.cell-first {
    padding-left: 20px;
}
.san-sheet>table>thead>tr>:last-child,
.san-sheet>table>tbody>tr>:last-child,
.san-sheet>table>tfoot>tr>:last-child {
    padding-right: 20px;
}
/* 其他页面表格样式 */
.san-sheet>table>thead>tr>th, .san-sheet>table>thead>tr>td {
    font-family: 'Arial','sans-serif';
    background: #E8F2FC;
    font-weight: bold;
    color: #0066B8;
}
.san-sheet>table>tbody>tr>th, .san-sheet>table>tbody>tr>td {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* 首页表格样式 */
.san-sheet.san-sheet-home{
    padding: 0;
}
.san-sheet.san-sheet-home-twoColumn{
    padding: 10px;
}
.san-sheet.san-sheet-home>table>thead>tr>th, .san-sheet-home>table>thead>tr>td {
    font-family: 'Arial','sans-serif';
    background: #fff;
    font-weight: bold;
    color: #333;
    border-bottom:1px solid #e8ebee;
}
.san-sheet.san-sheet-home>table>tbody>tr>th, .san-sheet-home>table>tbody>tr>td {
    background-color: #fff;
    border-bottom: 1px solid #f5f6f7;
}
@media (max-width: 767px){
    .san-sheet.san-sheet-home{
        padding: 0;
    }
    .san-sheet.san-sheet-home-twoColumn{
        padding: 0;
    }
}
.san-sheet>table>caption {
    color: #777;
    text-align: left;
}
/* 尺寸 */
.san-sheet-s>table>thead>tr>th, .san-sheet-s>table>thead>tr>td,
.san-sheet-s>table>tbody>tr>th, .san-sheet-s>table>tbody>tr>td,
.san-sheet-s>table>tfoot>tr>th, .san-sheet-s>table>tfoot>tr>td {
    height:26px; margin:0; padding: 0 5px;
}
/*鼠标悬停*/
.san-sheet>table.san-sheet-hover>tbody>tr:hover {
    cursor:pointer;
}
.san-sheet>table.san-sheet-hover>tbody>tr:hover>th, .san-sheet>table.san-sheet-hover>tbody>tr:hover>td,
.san-sheet>table.san-sheet-hover>tbody>tr.hover>th, .san-sheet>table.san-sheet-hover>tbody>tr.hover>td {
    background: #bedaf5 !important;
    border-color: #bedaf5 !important;
}
.san-sheet>table.san-sheet-hover>tbody>tr.hover-none:hover>th, .san-sheet>table.san-sheet-hover>tbody>tr.hover-none:hover>td {
    background: #fff;
    border-color: #fff !important;
}
/*间隔色*/
.san-sheet>table.san-sheet-alternating>tbody>tr:nth-child(odd)>th, .san-sheet>table.san-sheet-alternating>tbody>tr:nth-child(odd)>td {
    background: #fff;
}
.san-sheet>table.san-sheet-alternating>tbody>tr:nth-child(even)>th, .san-sheet>table.san-sheet-alternating>tbody>tr:nth-child(even)>td {
    background: #f8f9fd;
}
/* 单元格特定颜色 */
.san-sheet>table>tbody td.bg-sp-1 {background: #fff !important;}
.san-sheet>table>tbody td.bg-sp-2 {background: #f5f5f5 !important;}
.san-sheet>table>tbody td.bg-sp-3 {background: #eee !important;}
/*单元格高亮*/
.san-sheet>table>tbody>tr>th.highlight, .san-sheet>table>tbody>tr>td.highlight {
    background:#3daee6 !important; color:#fff !important;
}
/*单元格允许换行*/
.san-sheet-wrap>table>tbody>tr>th, .san-sheet-wrap>table>tbody>tr>td {
    white-space: normal; overflow: visible;
}
/*san-sheet 两栏*/
    .san-sheet-col-1 {
        float: left;
        width:50%; padding-right:2.5px;
    }
    .san-sheet-col-2 {
        float: right; 
        width:50%; padding-left:2.5px;
    }
/*带滚动*/
.san-sheet-scroller {
    overflow: hidden;
}
/*固定表头和首列*/
.san-sheet-fixed-head {
    background: #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}
.san-sheet-fixed-head>.san-sheet {
    margin-bottom: -1px;
}
.san-sheet-fixed-head+.san-sheet-fixed-body>.san-sheet>table {
     margin-top: -1px;   /*for collapse*/
}
.san-sheet-fixed-body {
    overflow: hidden;
}
.san-sheet-fixed-body .san-sheet {
    overflow: auto;
}
.san-sheet-fixed-body .san-sheet.plus-chrome {
    overflow-x: hidden;
}
.san-sheet-fixed-column {
    position: absolute; top:0; left:0;
    width:auto;
    overflow: hidden;
    -webkit-box-shadow: 6px 0 5px -5px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 6px 0 5px -5px rgba(0, 0, 0, 0.2);
            box-shadow: 6px 0 5px -5px rgba(0, 0, 0, 0.2);
}
.san-sheet-fixed-column>.san-sheet>table {
    /* width: auto; */      /* for safari bug*/
}
.san-sheet-fixed-head~.san-sheet-fixed-column>.san-sheet>table {
     /* margin-top: -1px;  */
}
.san-sheet-fixed-cross {
    position: absolute; top:0; left:0;
    width:auto;
    overflow: hidden;
}
.san-sheet-fixed-cross .san-sheet {
    /* border-right: 1px solid #ebebeb; */
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.san-sheet-fixed-cross>.san-sheet>table {
    /* width: auto; */      /* for safari bug*/
}
.san-sheet-fixed-column>.san-sheet>table>thead>tr>:last-child,
.san-sheet-fixed-column>.san-sheet>table>tbody>tr>:last-child,
.san-sheet-fixed-column>.san-sheet>table>tfoot>tr>:last-child,
.san-sheet-fixed-cross>.san-sheet>table>thead>tr>:last-child,
.san-sheet-fixed-cross>.san-sheet>table>tbody>tr>:last-child,
.san-sheet-fixed-cross>.san-sheet>table>tfoot>tr>:last-child {
    padding-right: 10px;
}
.san-sheet-plus-1>table>thead>tr>td, .san-sheet-plus-1>table>thead>tr>th {
    border-width: 1px; border-style: solid; border-color: transparent #fff #fff;
}
.san-sheet-plus-2>table>tbody>tr>td, .san-sheet-plus-2>table>tbody>tr>th {
    border-width: 1px; border-style: solid; border-color: transparent #f1f1f1 #f1f1f1;
}
@media (max-width: 767px) {
    /* .san-sheet-border{
        border: none;
    } */
    .san-sheet>table>thead>tr>:first-child:not(.cell-merge-next),
    .san-sheet>table>tbody>tr>:first-child:not(.cell-merge-next),
    .san-sheet>table>tfoot>tr>:first-child:not(.cell-merge-next),
    .san-sheet>table>thead>tr>.cell-first,
    .san-sheet>table>tbody>tr>.cell-first,
    .san-sheet>table>tfoot>tr>.cell-first {
        padding-left: 10px;
    }
    .san-sheet>table>thead>tr>:last-child,
    .san-sheet>table>tbody>tr>:last-child,
    .san-sheet>table>tfoot>tr>:last-child {
        padding-right: 10px;
    }
    .san-sheet>table>tbody>tr>th, .san-sheet>table>tbody>tr>td {
        white-space: normal; overflow: hidden; text-overflow: clip; 
    }
    
}



.san-datasheet-suspend-bar {
    position: fixed; top: -1000px; left: 0; z-index:1;
    display: none;
    opacity: 0;
    width: 100vw;
}
.san-datasheet-suspend-bar .san-sheet {
    overflow: hidden;
    padding: 0; 
}
@media (max-width: 767px) {
    .san-datasheet-suspend-bar[data-status="enabled"] {
        display: block;
        opacity: 1;
    }
}



.san-card-sheet .san-sheet>table>thead>tr>th, .san-card-sheet .san-sheet>table>thead>tr>td,
.san-card-sheet .san-sheet>table>tbody>tr>th, .san-card-sheet .san-sheet>table>tbody>tr>td,
.san-card-sheet .san-sheet>table>tfoot>tr>th, .san-card-sheet .san-sheet>table>tfoot>tr>td {
    height: auto;
    line-height: 30px;
    padding-top: 5px; padding-bottom: 5px;
    border-top: 1px solid #fff; border-bottom: 1px solid #fff;
}
.san-card-sheet .san-sheet>table>thead>tr>th, .san-card-sheet .san-sheet>table>thead>tr>td {
    background: #fff;
    font-size: 16px;
    color: #666;
}
.san-card-sheet .san-sheet>table>tbody>tr>th, .san-card-sheet .san-sheet>table>tbody>tr>td {
    white-space: normal; overflow: visible; text-overflow: clip;
    font-size: 26px;
}
.san-card-sheet .san-sheet>table>thead>tr>th.cell-sub, .san-card-sheet .san-sheet>table>thead>tr>td.cell-sub,
.san-card-sheet .san-sheet>table>tbody>tr>th.cell-sub, .san-card-sheet .san-sheet>table>tbody>tr>td.cell-sub,
.san-card-sheet .san-sheet>table>tfoot>tr>th.cell-sub, .san-card-sheet .san-sheet>table>tfoot>tr>td.cell-sub {
    font-size: 14px;
    color: #666;
}
@media (max-width: 767px) {
    .san-card-sheet .san-sheet>table>tbody>tr>th, .san-card-sheet .san-sheet>table>tbody>tr>td {
        font-size: 18px;
    }
}



/* ====
 * 图标
 * ==== */ 
.san-icon {
    display: inline-block;
    white-space:nowrap; overflow: hidden;
    color: transparent; text-decoration: none !important;
}
.san-icon:before {
    content: '\3000'; 
    text-decoration: none !important;
}
.san-icon {
    width:24px; height: 24px;
    line-height: 24px;
    font-size:0; 
    background-repeat: no-repeat; background-position: 50% 50%;
    background-size: auto 14px;
    vertical-align: top;
}
.san-sheet .san-icon {
    width: 16px; height: 16px; line-height: 16px;
}
.san-card-sheet .san-sheet .san-icon {
    width: 16px; height: 30px; line-height: 30px;
}
.section-a-head .san-icon,
.section-h .san-icon {
    height:24px;
}
.section-a-head .section-a-title .san-icon,
.section-h .section-h-title .san-icon {
    font-size: inherit;
}
.section-card-summary .txt-main .san-icon {
    height: 42px; line-height: 42px;
}
.san-droplist>li .san-icon {
    height: 24px;
}
.san-icon+* {
    margin-left: 3px;
}
.san-icon~* {
    vertical-align: top;
}

.san-icon-calendar {background-image: url(../images/icon-calendar-32x32.png);}
.san-icon-cfets {background-image: url(../images/icon-cfets-32x32-0053bb.png);}
.san-icon-date {background-image: url(../images/icon_little_calendar.png);}
.san-icon-dropdown {background-image: url(../images/icon-dropdown-24x24-144785.png); background-size: auto 12px;}
.san-icon-entrance {background-image: url(../images/icon-entrance-28x28-0053bb.png);}
.san-icon-layer {background-image: url(../images/icon-layer-40x40-0053bb.png);}
.san-icon-lock {background-image: url(../images/icon-lock-24x24.png);}
.san-icon-message {background-image: url(../images/icon-message.png);}
.san-icon-more {background-image: url(../images/icon-more-48x48-666.png);background-size: auto 24px;}
.san-icon-print {background-image: url(../images/icon-print.gif);background-size: 18px auto;}
.san-icon-save {background-image: url(../images/icon-save.gif);background-size: 18px auto;}
.san-icon-refresh {background-image: url(../images/icon-refresh-26x28.png);}
.san-icon-rule {background-image: url(../images/icon-rule-40x40-0053bb.png);}
.san-icon-search {background-image: url(../images/icon-search-32x32-144785.png);}
.san-icon-staff {background-image: url(../images/icon-officer-34x34-0053bb.png);}
.san-icon-tips {background-image: url(../images/icon-tips-28x28-c7a578.png);}
.san-icon-totop {background-image: url(../images/icon-top-48x48-blue.png);}
.san-icon-chart {background-image: url(../images/icon-chart.png);}
.san-icon-stats {background-image: url(../images/icon-stats.png);}
.san-icon-hpMoreAdd {background-image: url(../images/icon/icon-more-add.png);background-size: 24px;margin-right: 5px;}
.san-icon-notes {background-image: url(../images/icon-tips-28x28-c7a578.png); background-size: 18px;}
.san-icon-data-plus{background-image: url(../images/sprite-icon-02.png);}
.san-icon-bond{background-image: url(../images/sprite-icon-bond.png);}


.san-icon-down, .san-icon-fall, .san-icon-up, .san-icon-rise {
    position: relative;
    width: 18px;
    color: inherit;
}
.san-icon-down:before, .san-icon-fall:before {
    position: absolute; top:4.5px; left: 3px;
    display: block;
    border-style: solid; border-width: 7px 5px 0 5px; border-color: transparent; border-top-color: inherit;
    font-size: 0;
    content: "";
}
.san-icon-up:before, .san-icon-rise:before {
    position: absolute; top:4.5px; left: 3px;
    display: block;
    border-style: solid; border-width: 0 5px 7px 5px; border-color: transparent; border-bottom-color: inherit;
    font-size: 0;
    content: "";
}
.section-card-summary .txt-main .san-icon-down:before, .section-card-summary .txt-main .san-icon-fall:before {
    top: 17.5px;
}
.section-card-summary .txt-main .san-icon-up:before, .section-card-summary .txt-main .san-icon-rise:before {
    top: 17.5px;
}
.section-card-summary .txt-sub .san-icon-down:before, .section-card-summary .txt-sub .san-icon-fall:before {
    top: 8.5px;
}
.section-card-summary .txt-sub .san-icon-up:before, .section-card-summary .txt-sub .san-icon-rise:before {
    top: 8.5px;
}

.san-icon.san-icon-notes {
    display: none;
}
.san-icon.san-icon-notes[data-role="notes"] {
    display: inline-block;
}

/* @media (max-width:767px){
    .san-icon{
        width: 24px !important;
        height: 24px !important;
    }
} */

/*img图标*/
.san-icon-img, .san-icon-flag-img {
    display: inline-block;
    white-space:nowrap; overflow: hidden;
    vertical-align: top; text-align: center;
    color: transparent;
    font-size:0; 
    font-size: 16px; line-height:24px;
}
.san-icon-img img, .san-icon-flag-img img {
    vertical-align: top;
    font-size:0;
}
.san-icon-img img {
    height: 14px;
    margin-top: 5px;
}
.san-icon-flag-img {
    width: 28px; height: 20px;
    line-height: 24px;
    overflow: hidden;
    margin-top: 2px;
}
.san-icon-flag-img img {
    width: 28px; max-height: 24px;
    line-height: 24px;
}
.san-sheet .san-icon-flag-img img {
    height: 22px;
}
.san-sheet .san-icon-flag-img~* {
    line-height: 22px;
}

/* Products标题下跳转图标 */
.jump-icons{
    width: 100%;
    padding-top: 10px;
}
.san-tabs-content .jump-icons{
    padding-top: 0;
}
.handle-span{
    display: inline-block;
    color: #000;
    font-size: 16px;
    line-height: 24px;
}
.handle-span:hover{
    color: #e72742;
    text-decoration: none;
}
.handle-span>.san-icon{
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-size: contain;
}


 @media (max-width: 767px) {
    .jump-icons{
        width: 100%;
        padding: 10px 10px 0;
    }
    .san-tabs-content .jump-icons{
        padding-top: 10px;
    }
    .jump-icons .san-icon{
        width: 20px !important;
        height: 20px !important;
    }
 }


/* ====
 * 按钮
 * ==== */ 
.san-btn {
    display: inline-block; vertical-align: middle;
    margin: 1px 0;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 14px; font-weight: normal; text-decoration: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap; *white-space: normal; overflow: hidden;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.san-btn:hover, .san-btn:active {
    text-decoration: none;
}
.san-btn+.san-btn {
    margin-left:4px;
}
.san-btn-fixed {
    *padding-left: 0 !important; *padding-right: 0 !important; white-space: nowrap;
}
.san-btn-block {
    display: block; width: 100%;
    white-space: normal;
}
a.san-btn-block {width:auto;}
input[type="submit"].san-btn-block, input[type="reset"].san-btn-block, input[type="button"].san-btn-block {
    width: 100%;
}
.san-btn-block+.san-btn-block {
    margin-top: 5px;
}
/*尺寸*/
.san-btn {
    min-width: 60px;
    height: 30px;
    line-height: 24px;
    padding: 2px 10px;
}
.san-btn-group>.san-btn+.san-btn.san-droplist-handle {
    padding-left: 6px; padding-right: 6px;
}
/*激活状态*/
.san-btn:active, .san-btn.active {
    background-image: none;
    outline: 0;
}
/*禁用状态*/
.san-btn.disabled, .san-btn[disabled], fieldset[disabled] .san-btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65)\0/;
    opacity: .65;
}
/*按钮主题色*/
.san-btn-default {
    color: #333;
    background: #fff;
    border-color: #ccc;
}
.san-btn-default:hover,
.san-btn-default:active, .san-btn-default.active {
    color: #333;
    background: #efefef;
    border-color: #adadad;
}
.san-btn-default.disabled, .san-btn-default[disabled], fieldset[disabled] .san-btn-default,
.san-btn-default.disabled:hover, .san-btn-default[disabled]:hover, fieldset[disabled] .san-btn-default:hover,
.san-btn-default.disabled:active, .san-btn-default[disabled]:active, fieldset[disabled] .san-btn-default:active,
.san-btn-default.disabled.active, .san-btn-default[disabled].active, fieldset[disabled] .san-btn-default.active {
    background: #fff;
    border-color: #ccc;
}
.san-btn-primary {
    color: #005aa3;
    background: #f7fcff;
    border-color: #b2e1f3;
}
.san-btn-primary:hover,
.san-btn-primary:active, .san-btn-primary.active {
    color: #005aa3;
    background: #f7fcff;
    border-color: #b2e1f3;
}

#surveys-question-btn .san-btn-primary {
    color: #999;
    background-color: #d9d9d9;
    border-color: #d9d9d9;
}
#surveys-question-btn .san-btn-primary:hover,
.san-btn-primary:active, .san-btn-primary.active {
    color: #fff;
    background-color: #0089cf;
    border-color: #0089cf;
}
#surveys-question-btn .section-slide-handle-active-next{
    color: #fff;
    background-color: #0068b6;
    border-color: #0068b6;
}
#surveys-question-btn .section-slide-handle-active-prev{
    color: #fff;
    background-color: #0068b6;
    border-color: #0068b6;
}
#surveys-question-btn .section-slide-btn-active{
    color: #fff;
    background-color: #0068b6;
    border-color: #0068b6;
}

.san-btn-primary.disabled, .san-btn-primary[disabled], fieldset[disabled] .san-btn-primary,
.san-btn-primary.disabled:hover, .san-btn-primary[disabled]:hover, fieldset[disabled] .san-btn-primary:hover,
.san-btn-primary.disabled:active, .san-btn-primary[disabled]:active, fieldset[disabled] .san-btn-primary:active,
.san-btn-primary.disabled.active, .san-btn-primary[disabled].active, fieldset[disabled] .san-btn-primary.active {
    background: #0089cf;
    border-color: #0089cf;
}
.san-btn-lightblue {
    color: #fff;
    background: #3b89c7;
    border-color: #3b89c7;
}
.san-btn-lightblue:hover,
.san-btn-lightblue:active, .san-btn-lightblue.active {
    color: #fff;
    background: #0068b6;
    border-color: #0068b6;
}
.san-btn-lightblue-invert {
    color: #0053bb;
    background: #fff;
    border-color: #0053bb;
}
.san-btn-lightblue-invert:hover,
.san-btn-lightblue-invert:active, .san-btn-lightblue-invert.active {
    color: #2b60a2;
    background: #fff;
    border-color: #2b60a2;
}
span.san-btn-lightblue-invert,
span.san-btn-lightblue-invert:hover,
span.san-btn-lightblue-invert.active {
    color: #666;
    background: #fff;
    border-color: #999;
}




/* =============
 * 表单和表单元素
 * ============= */ 
/* 表单字段标签 / 表单静态值 */
.san-input-label, 
.san-input-static {
    display: inline-block;
    margin-top: 1px; margin-bottom: 1px;
    padding-top: 3px; padding-bottom: 3px;
    line-height: 24px;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
}
label.san-input-label[for] {
    cursor: pointer;
}
.san-form-horizontal .san-input-label {
    display: block;
    margin: 0 3px;
    padding: 4px 0;
    text-align: right;
}
@media (max-width: 767px) {
    .san-input-label, 
    .san-input-static {
        font-size: 14px;
    }
}

/* 文本域 */
.san-input-text {
    display: block;
    position: relative;
    width:100%; height: 30px;
    margin: 1px 0; 
    padding:0 5px;
    line-height: 28px;
    background: #fff;
    border: 1px solid #ccc; 
    border-radius: 3px;
    font-size:14px;
}
.san-input-text::-ms-clear, .san-input-text::-ms-reveal {display: none;}
textarea.san-input-text {
    height: auto; line-height:1.33333333;
    resize:none;
}
.san-input-text[disabled], .san-input-text.disabled {
    background: #f7f7f7;
    opacity: 1;
}
.san-input-text[disabled], .san-input-text.disabled {
    color: #999;
    cursor: not-allowed;
}
.san-input-text[disabled]:focus, .san-input-text.disabled:focus {
    border-color: #ccc;
}
.san-input-text-inline {
    display: inline-block;
    width: auto; padding-left: 5px; padding-right:5px;
    vertical-align: top;
}
.san-input-text:focus {
    border-color: #0053bb;
    outline: none;
    -webkit-transition: border-color ease-in-out .1s;
       -moz-transition: border-color ease-in-out .1s;
        -ms-transition: border-color ease-in-out .1s;
            transition: border-color ease-in-out .1s;
}
.san-table .san-input-text-inline {
    vertical-align: middle;
}
.san-input-text-date,
.san-input-text-date.san-input-text-inline {
    width: 115px;
    padding-right: 25px;
    background: #fff url(../images/EnImg/icon-date-0068b6-32x32.png) 100% 50% no-repeat;
}
/*选择域*/
.san-select {
    /* display: block; */
    display: inline-block;
    position: relative;
    width:100%; height: 30px;
    margin: 1px 0;
    padding:0 0 0 5px;
    line-height: 28px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px; 
    font-size:14px;
}
.san-select:focus {
    border-color: #0053bb;
    outline: none;
    -webkit-transition: border-color ease-in-out .1s;
       -moz-transition: border-color ease-in-out .1s;
        -ms-transition: border-color ease-in-out .1s;
            transition: border-color ease-in-out .1s;
}
.san-select-inline {
    display: inline-block;
    width: auto;
    vertical-align: top;
}
@media (max-width: 767px) {
    .san-input-text {
        font-size: 14px;
    }
    .san-input-text-date {
        width: 105px;
    }
    .san-select {
        font-size: 14px;
    }
}

/* checkbox/radio */
.san-check {
    position: relative; overflow: hidden;
    display: inline-block;
    margin: 1px 15px 1px 0;
    padding: 0 1px;
    min-height: 30px;
    line-height: 24px;
    vertical-align: top;
    white-space: nowrap;
}
.san-check:last-child {
    margin-right: 0;
}
.san-check-block {
    display: block;
}
.san-check label.san-check-label {
    padding: 3px 0;
    line-height: 24px;
    white-space: normal;
}
.san-check label.san-check-label[for] {
    cursor: pointer;
}
.san-check .san-check-box,
.san-check .san-check-box[type="radio"], .san-check .san-check-box[type="checkbox"] {
    width:16px; height:16px; line-height: 30px;
    margin-top: 7px;
    vertical-align: top;
}
.san-check label.san-check-label+.san-check-box {
    margin-left: 0; margin-right: 3px;
}
.san-check .san-check-box+label.san-check-label {
    margin-left: 3px; margin-right: 0;
}

/* 表单字段组 */
.san-input-pair {
    position: relative;
    padding: 0 20px;
}
.san-input-pair .san-input-pair {
    padding: 0;
}
.san-input-pair>.san-input-pair-l,
.san-input-pair>.san-input-pair-r,
.san-input-pair>.san-input-pair-m {
    display: table-cell;
    vertical-align: top;
}
.san-input-pair>.san-input-pair-l {
    width: 1%;
    white-space: nowrap;
}
.san-input-pair>.san-input-pair-m {
    position: relative;
    width: 100%;
}
.san-input-pair>.san-input-pair-r {
    width: 1%;
    white-space: nowrap;
}
.san-input-pair>.san-input-pair-l>.san-input-label {
    padding-right: 15px;
    text-align: right;
    vertical-align: baseline;
}
.section-form .san-input-pair>.san-input-pair-l>.san-input-label {
    text-align: left;
}
.san-input-pair>.san-input-pair-r .san-btn {
    margin-left: 15px;
}
.label-ch-auto {width: auto;}
.label-ch-0 {width: 0;}
.label-ch-1 {width: 29px;}
.label-ch-2 {width: 43px;}
.label-ch-3 {width: 57px;}
.label-ch-4 {width: 71px;}
.label-ch-5 {width: 85px;}
.label-ch-6 {width: 99px;}
.label-ch-7 {width: 113px;}
.label-ch-8 {width: 127px;}
.label-ch-9 {width: 141px;}
.label-ch-10 {width: 155px;}
.label-ch-11 {width: 160px;}
.label-ch-12 {width: 183px;}
.label-ch-13 {width: 197px;}
.label-ch-14 {width: 211px;}
.label-ch-15 {width: 225px;}
.label-ch-16 {width: 239px;}
.label-ch-17 {width: 253px;}
.label-ch-18 {width: 267px;}
.label-ch-19 {width: 281px;}
.label-ch-20 {width: 295px;}
@media (max-width: 1229px) {
    .label-ch-l-auto {width: auto;}
    .label-ch-l-0 {width: 0;}
    .label-ch-l-1 {width: 29px;}
    .label-ch-l-2 {width: 43px;}
    .label-ch-l-3 {width: 57px;}
    .label-ch-l-4 {width: 71px;}
    .label-ch-l-5 {width: 85px;}
    .label-ch-l-6 {width: 99px;}
    .label-ch-l-7 {width: 113px;}
    .label-ch-l-8 {width: 127px;}
    .label-ch-l-9 {width: 141px;}
    .label-ch-l-10 {width: 155px;}
    .label-ch-l-11 {width: 160px;}
    .label-ch-l-12 {width: 183px;}
    .label-ch-l-13 {width: 197px;}
    .label-ch-l-14 {width: 211px;}
    .label-ch-l-15 {width: 225px;}
    .label-ch-l-16 {width: 239px;}
    .label-ch-l-17 {width: 253px;}
    .label-ch-l-18 {width: 267px;}
    .label-ch-l-19 {width: 281px;}
    .label-ch-l-20 {width: 295px;}
}
@media (max-width: 991px) {
    .label-ch-m-auto {width: auto;}
    .label-ch-m-0 {width: 0;}
    .label-ch-m-1 {width: 29px;}
    .label-ch-m-2 {width: 43px;}
    .label-ch-m-3 {width: 57px;}
    .label-ch-m-4 {width: 71px;}
    .label-ch-m-5 {width: 85px;}
    .label-ch-m-6 {width: 99px;}
    .label-ch-m-7 {width: 113px;}
    .label-ch-m-8 {width: 127px;}
    .label-ch-m-9 {width: 141px;}
    .label-ch-m-10 {width: 155px;}
    .label-ch-m-11 {width: 160px;}
    .label-ch-m-12 {width: 183px;}
    .label-ch-m-13 {width: 197px;}
    .label-ch-m-14 {width: 211px;}
    .label-ch-m-15 {width: 225px;}
    .label-ch-m-16 {width: 239px;}
    .label-ch-m-17 {width: 253px;}
    .label-ch-m-18 {width: 267px;}
    .label-ch-m-19 {width: 281px;}
    .label-ch-m-20 {width: 295px;}
}
@media (max-width: 767px) {
    .label-ch-s-auto {width: auto;}
    .label-ch-s-0 {width: 0;}
    .label-ch-s-1 {width: 29px;}
    .label-ch-s-2 {width: 43px;}
    .label-ch-s-3 {width: 57px;}
    .label-ch-s-4 {width: 71px;}
    .label-ch-s-5 {width: 85px;}
    .label-ch-s-6 {width: 99px;}
    .label-ch-s-7 {width: 113px;}
    .label-ch-s-8 {width: 127px;}
    .label-ch-s-9 {width: 141px;}
    .label-ch-s-10 {width: 155px;}
    .label-ch-s-11 {width: 160px;}
    .label-ch-s-12 {width: 183px;}
    .label-ch-s-13 {width: 197px;}
    .label-ch-s-14 {width: 211px;}
    .label-ch-s-15 {width: 225px;}
    .label-ch-s-16 {width: 239px;}
    .label-ch-s-17 {width: 253px;}
    .label-ch-s-18 {width: 267px;}
    .label-ch-s-19 {width: 281px;}
    .label-ch-s-20 {width: 295px;}
}
@media (max-width: 575px) {
    .label-ch-xs-auto {width: auto;}
    .label-ch-xs-0 {width: 0;}
    .label-ch-xs-1 {width: 29px;}
    .label-ch-xs-2 {width: 43px;}
    .label-ch-xs-3 {width: 57px;}
    .label-ch-xs-4 {width: 71px;}
    .label-ch-xs-5 {width: 85px;}
    .label-ch-xs-6 {width: 99px;}
    .label-ch-xs-7 {width: 113px;}
    .label-ch-xs-8 {width: 127px;}
    .label-ch-xs-9 {width: 141px;}
    .label-ch-xs-10 {width: 155px;}
    .label-ch-xs-11 {width: 169px;}
    .label-ch-xs-12 {width: 183px;}
    .label-ch-xs-13 {width: 197px;}
    .label-ch-xs-14 {width: 211px;}
    .label-ch-xs-15 {width: 225px;}
    .label-ch-xs-16 {width: 239px;}
    .label-ch-xs-17 {width: 253px;}
    .label-ch-xs-18 {width: 267px;}
    .label-ch-xs-19 {width: 281px;}
    .label-ch-xs-20 {width: 295px;}
}

.san-form-inline {
    
}
.san-form-inline .san-input-pair {
    display: inline-block;
    padding: 0;
    vertical-align: top;
}
.san-form-inline-ar {
    text-align: right;
}
.san-form-inline-ar .san-input-pair {
    margin-left: 5px;
}
.san-form-inline-ar .san-input-label {
    padding-right: 5px;
    text-align: right;
}
.section-fm .san-form-inline {
    padding-top: 4px; padding-bottom: 4px;
}
.san-form-horizontal {
    
}
.san-form-horizontal .san-input-pair {
    padding-top: 6px; padding-bottom: 6px;
}

.san-form-row {
    margin: 0 -20px;padding-bottom: 5px;padding-top: 5px;
}
.san-form-row>[class*="san-col-"], 
.san-form-row>.san-input-pair {
    padding: 0 20px 4px;
}
.san-form-row>.san-form-stub:before {
    position: relative;
    display: block;
    height: 32px;
    content: "";
}
@media (max-width: 767px) {
    .san-form-row {
        margin: 0 -10px;
    }
    .san-input-pair {
        position: relative;
        padding: 0;
    }
    .san-form-row>[class*="san-col-"], 
    .san-form-row>.san-input-pair {
        padding: 4px 10px;
    }
}

/* 条形选择器 */
.san-checktag-bar {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.san-checktag-bar-block {
    display: block;
}
.san-checktag-bar .san-checktag {
    position: relative;
    float: left;
    margin: 0;
}
.san-checktag-bar .san-checktag+.san-checktag {
    margin-left: -1px;
}
.san-checktag-bar .san-checktag input[type="checkbox"], 
.san-checktag-bar .san-checktag input[type="radio"] {
    position: absolute; top:0; left:-15px;
    z-index: -1;
    width: 1px; height: 1px;
    opacity: 0;
}
.san-checktag-bar .san-input-label {
    position: relative;
    display: block;
    overflow: hidden;
    min-width: 70px;
    margin:0; padding: 2px 5px 2px;
    background: #fff;
    border: 1px solid #00498E;
    border-radius: 3px;
    text-align: center;
    white-space: nowrap;
    font-weight: normal;
    color: #d4b995;
    cursor: pointer;
}
.san-checktag-bar .san-checktag input[type="checkbox"]:checked+.san-input-label,
.san-checktag-bar .san-checktag input[type="radio"]:checked+.san-input-label {
    background: #00498E;
    border-color: #00498E;
    color: #fff;
}
.san-checktag-bar .san-checktag:first-child .san-input-label {
    border-top-right-radius: 0; border-bottom-right-radius: 0;
}
.san-checktag-bar .san-checktag:last-child .san-input-label {
    border-top-left-radius: 0; border-bottom-left-radius: 0;
}
.san-checktag-bar .san-checktag:not(:first-child):not(:last-child) .san-input-label {
    border-radius: 0;
}
.san-checktag-bar input[type="checkbox"]:checked+.san-input-label,
.san-checktag-bar input[type="radio"]:checked+.san-input-label {
    z-index: 2;
}



/* ===========
 * 图片和缩略图
 * =========== */ 
.san-thumbnail {
    position: relative; overflow: hidden;
    display:block;
    text-align: center;
    font-size: 0;
}
.san-thumbnail-fr {
    margin: 0 0 0 10px;
}
.san-thumbnail-inline {
    display: inline-block;
    vertical-align: top;
}
.san-thumbnail>img {
    max-width: 100%; max-height: 100%;
    margin: 0 auto;
    vertical-align: top;
    /* display: block; */
}
/* .san-thumbnail>img.auto {
    width: auto;
} */

.san-thumbnail-bg {
    position: relative; overflow: hidden;
    display:block;
    background-position: 50% 50%; background-repeat: no-repeat;
    background-size: cover;
}


/* =======
 * 提示工具
 * ======= */ 
[data-tooltips] {
    cursor: pointer;
}
.san-tooltips {
    position: absolute; z-index: 2000;
    top: -3000px; left: 0;
    display: block;
    opacity: 0;
    text-align: left;
    font-size:14px; line-height:1.714286; font-style: normal; font-weight: normal;
    letter-spacing: normal;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal;
}
.san-tooltips-active {
    top: 0; left: 0;
    opacity: 1;
}
.san-tooltips-animate {
    -webkit-transition: opacity 0.1s ease-out;
       -moz-transition: opacity 0.1s ease-out;
        -ms-transition: opacity 0.1s ease-out;
            transition: opacity 0.1s ease-out;
}
.san-tooltips-top {
    padding: 4px 0 10px;
}
.san-tooltips-bottom {
    padding: 10px 0 4px;
}
.san-tooltips-left {
    padding: 0 10px 0 4px;
}
.san-tooltips-right {
    padding: 0 4px 0 10px;
}
.san-tooltips-inline {
    position: relative; top:auto; left:auto;
    display:inline-block;
    vertical-align: top;
}
.san-tooltips-inner {
    position: relative;
    overflow: auto; overflow-x: hidden;
    width: 320px; padding: 10px 10px;
    background:#fff;
    color: #333;
}
.san-tooltips-top .san-tooltips-inner {
    border-bottom: 3px solid #00498E;
}
.san-tooltips-bottom .san-tooltips-inner {
    border-top: 3px solid #00498E;
}
.san-tooltips-left .san-tooltips-inner {
    border-right: 3px solid #00498E;
}
.san-tooltips-right .san-tooltips-inner {
    border-left: 3px solid #00498E;
}
.san-tooltips-arrow {
    position: absolute; z-index: 50;
    display: block;
    border-style: solid;
}
.san-tooltips-top .san-tooltips-arrow {
    bottom:2px; left: 50%;
    margin-left: -8px;
    border-width: 8px 8px 0; border-color: #00498E transparent transparent;
}
.san-tooltips-bottom .san-tooltips-arrow {
    top:2px; left: 50%;
    width: 16px;
    margin-left: -8px;
    border-width: 0 8px 8px; border-color: transparent transparent #00498E;
}
.san-tooltips-left .san-tooltips-arrow {
    top:50%; right: 2px;
    margin-top: -8px;
    border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #00498E;
}
.san-tooltips-right .san-tooltips-arrow {
    top:50%; left: 2px;
    margin-top: -8px;
    border-width: 8px 8px 8px 0; border-color: transparent #00498E transparent transparent;
}
.san-tooltips[data-modal] {
    position: fixed; top: 0; left:0; z-index: 5000;
    overflow: hidden;
    width: 100vw; height: 100vh;
    background: rgba(0, 0, 0, 0.7);
}
.san-tooltips[data-modal] .san-tooltips-outer {
    position: relative; overflow: hidden;
    opacity: 0;
    max-width: 80vw;
    margin: 0 auto; padding: 15px 0;
    background:#fff;
    border-radius: 8px;
}
.san-tooltips[data-modal] .san-tooltips-inner {
    position: relative;
    overflow: auto; overflow-x: hidden;
    width:auto; 
    max-height: 65vh;
    padding: 0 20px;
    background:#fff;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.san-tooltips[data-modal] .san-tooltips-arrow {
    display: none;
}
.san-tooltips[data-modal] .san-tooltips-btn-close {
    display: block;
    opacity: 0;
    width: 36px; height: 36px;
    margin: 10px auto 0;
    line-height: 36px;
    background: url(../images/icon-1908141432.png) 50% 50% no-repeat;
    background-size: auto 18px;
    border: 2px solid #fff;
    border-radius: 100px;
}
.san-tooltips[data-modal] .san-tooltips-pop-in {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1);
    -webkit-animation-duration: .2s;
       -moz-animation-duration: .2s;
            animation-duration: .2s;
    -webkit-animation-name: pop-in;
       -moz-animation-name: pop-in;
            animation-name: pop-in;
}
.san-tooltips[data-modal] .san-tooltips-pop-out {
    opacity: 0;
    -webkit-animation-duration: .1s;
       -moz-animation-duration: .1s;
            animation-duration: .1s;
    -webkit-animation-name: pop-out;
       -moz-animation-name: pop-out;
            animation-name: pop-out;
}
.san-tooltips-fixed:not([data-modal]) .san-tooltips-inner {
    overflow: auto; overflow-x: hidden;
    width: 540px; height: 240px;
}



/* =======
 * 翻页组件
 * ======= */ 
.san-pagination {
    display: inline-block;
    margin: 0 -4px;
    line-height: 24px;
    vertical-align: top;
}
.san-pagination i {
    font-style: normal; font-weight: normal;
    color: #666;
}
.san-pagination>li {
    display: inline-block;
}
.san-pagination>li>a,
.san-pagination>li>span {
    position: relative;
    margin-left: 0; padding: 0 8px;
    color: #666; text-decoration: none;
    border: 1px solid transparent;
}
.san-pagination>li+li>a, .san-pagination>li+li>span {
    border-left-style: dotted;
    border-left-color: #cfcfcf;
}
.san-pagination>li>a:link, .san-pagination>li>a:visited {
    color: #333333;
}
.san-pagination>li>a:hover, .san-pagination>li>a:active {
    /* color: #e72742; */
}
.san-pagination>li.disabled>a,
.san-pagination>li.disabled>span {
    color:#999999;
    /* cursor: not-allowed; */
}
.san-pagination input[type="text"] {
    width: 36px;
    height: 24px;
    margin-top: -4px; margin-bottom: -4px;
    line-height: 22px;
    background: #fff; background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    outline: none;
    text-align: center;
}
.san-pagination>li>.page-icon {
    display: inline-block;
    overflow: hidden;
    width: 24px; height: 24px;
    margin: 0 5px; padding: 0;
    background-position: 50% 50%; background-repeat: no-repeat;
    background-size: auto 14px;
    white-space: nowrap;
    vertical-align: top;
    text-indent: 2000px;
}
.san-pagination>li.page-first>.page-icon {background-image: url(../images/icon-to-first-x28-333.png);}
.san-pagination>li.page-last>.page-icon {background-image: url(../images/icon-to-last-x28-333.png);}
.san-pagination>li.page-prev>.page-icon {background-image: url(../images/icon-to-prev-x28-333.png);}
.san-pagination>li.page-next>.page-icon {background-image: url(../images/icon-to-next-x28-333.png);}
.san-pagination>li.page-first.disabled>.page-icon {background-image: url(../images/icon-to-first-x28-999.png);}
.san-pagination>li.page-last.disabled>.page-icon {background-image: url(../images/icon-to-last-x28-999.png);}
.san-pagination>li.page-prev.disabled>.page-icon {background-image: url(../images/icon-to-prev-x28-999.png);}
.san-pagination>li.page-next.disabled>.page-icon {background-image: url(../images/icon-to-next-x28-999.png);}
@media (max-width: 767px) {
    .san-pagination i {
        font-size: 14px;
    }
    .san-pagination>li>span {
        padding: 0 4px;
    }
}



/* ===========
 * 下拉显示面板
 * san-dropdown
 * san-droplist
 * =========== */
.san-dropdown-group, .san-droplist-group {
    position: relative;
}
.san-dropdown {
    position: absolute; top: 100%; left: 0;
    z-index: 1000;
    display: none;
    overflow: hidden; overflow-y: auto;
    background: #fff;
    -webkit-background-clip: padding-box;
       -moz-background-clip: padding-box;
            background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: left;
    list-style: none;
}
#header .san-dropdown {
    z-index: 3500;
}
.san-dropdown-right {
    left: auto; right: 0;
}
.san-dropdown-open {
    display: block; 
    opacity: 0;
}
.san-dropdown-up {
    top: auto; bottom: 100%;
}
.san-dropdown-slide {
    opacity: 1;
    -webkit-transition: height .1s ease-out, opacity .1s ease-in;
       -moz-transition: height .1s ease-out, opacity .1s ease-in;
        -ms-transition: height .1s ease-out, opacity .1s ease-in;
            transition: height .1s ease-out, opacity .1s ease-in;
}


.san-droplist {
    min-width: 180px;
    height: auto;
    /* max-height: 364px; */
    margin: 2px 0; padding: 1px 0;
    line-height: 24px;
    font-size: 14px;
}
.san-droplist:last-child {
    margin-top:2px; margin-bottom: 2px;
}
.san-droplist-fixed {
    /* position: fixed; */
}
.san-droplist>li {
    display: block;
    padding: 5px 20px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}
.san-droplist>li[data-role="option"] {
    padding: 0;
}
.san-droplist>li[data-role="option"]>a {
    display: block;
    padding: 10px 10px;
    font-weight: normal;
    text-decoration: none;
}
.san-droplist>li[data-role="option"]>a:hover,
.san-droplist>li[data-role="option"]>a:focus {
    background: #f5f5f5;
}

.san-droplist-2-handle[data-status="suspend"],
.san-droplist-2-handle[data-status="show"] {
    background: #faf7f3;
}
.san-droplist-2 {
    height: auto;
    max-height: 480px;
    margin: 0; padding: 20px 20px 10px;
    background: #faf7f3;
    border: 0;
    border-radius: 0;
}
@media (max-width: 767px) {
    .san-droplist-modal-layer {
        position: fixed; top: 0; left:0; z-index: 5000;
        overflow: hidden;
        width: 100vw; height: 100vh;
        background: rgba(0, 0, 0, 0.7);
    }
    .san-droplist-modal {
        position: relative;
        display: block;
        overflow: hidden;
        opacity: 0;
        max-width: 90vw;
        margin: 0 auto; padding: 20px 0 10px;
        background:#fff;
        border-radius: 8px;
    }
    .san-droplist-modal.san-droplist-modal-pop-in {
        opacity: 1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
                transform: scale(1);
        -webkit-animation-duration: .2s;
           -moz-animation-duration: .2s;
                animation-duration: .2s;
        -webkit-animation-name: pop-in;
           -moz-animation-name: pop-in;
                animation-name: pop-in;
    }
    .san-droplist-modal-layer .san-droplist-btn-close {
        display: block;
        opacity: 0;
        width: 36px; height: 36px;
        margin: 10px auto 0;
        line-height: 36px;
        background: url(../images/icon-1908141432.png) 50% 50% no-repeat;
        background-size: auto 18px;
        border: 2px solid #fff;
        border-radius: 100px;
    }
    .san-droplist-modal-layer .san-droplist-btn-close.active {
        opacity: 1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
                transform: scale(1);
        -webkit-animation-duration: .4s;
           -moz-animation-duration: .4s;
                animation-duration: .4s;
        -webkit-animation-name: pop-in;
           -moz-animation-name: pop-in;
                animation-name: pop-in;
    }
    .san-droplist-modal.san-droplist-modal-pop-out {
        opacity: 0;
        -webkit-animation-duration: .1s;
           -moz-animation-duration: .1s;
                animation-duration: .1s;
        -webkit-animation-name: pop-out;
           -moz-animation-name: pop-out;
                animation-name: pop-out;
    }
    .san-droplist-modal .san-droplist-2 {
        position: relative; top:auto; left: auto; right:auto;
        overflow: auto; overflow-x: hidden;
        opacity: 1;
        height: auto;
        max-height: 70vh;
        margin: 0; padding: 0;
        background: #fff;
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
    .san-droplist-2-handle[data-status="suspend"],
    .san-droplist-2-handle[data-status="show"] {
        background: #fff;
    }
}
@media (max-width: 374px) {
    .san-droplist-modal .san-droplist-2 {
        max-height: 60vh;
    }
}



.san-input-droplist-handle {
    padding-right: 25px;
    background: #fff url(../images/icon-more-48x48-666.png) 99% 50% no-repeat;
    background-size: auto 18px;
}
.san-input-droplist {
    min-width: 140px;
    height: auto;
    max-height: 340px;
    margin: 2px 0; padding: 5px;
    line-height: 24px;
    font-size: 14px;
}
.san-input-droplist .san-check {
    display: block;
    margin-right: 0;
}



/* =======
 * 标牌徽章
 * ======= */ 
.san-tag-i {
    display: inline-block;
    overflow: hidden;
    max-width: 160px; min-width: 43px;
    height: 15px; line-height: 15px;
    margin: 4px 0 5px 0;
    padding: 0 3px 0 16px;
    background-image: url(../images/tag-a-320x30-brown.png);
    background-position: 0 0; background-repeat: no-repeat;
    background-size: auto 15px;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-family: "Microsoft Yahei",sans-serif;
    font-size: 12px; font-weight: normal; color: #fff;
}
a.san-tag-i:hover, a.san-tag-i:focus {
    color: #fff; text-decoration: none;
    cursor: pointer;
}
.san-list-a .san-tag-i {
    vertical-align: top;
}
.san-list-a>li:nth-child(odd) .san-tag-i, .san-list-a.alternating-invert>li:nth-child(even) .san-tag-i {
    background-image: url(../images/tag-a-320x30-brown.png);
}
.san-list-a>li:nth-child(even) .san-tag-i, .san-list-a.alternating-invert>li:nth-child(odd) .san-tag-i {
    background-image: url(../images/tag-a-320x30-blue.png);
}

.tag-step {
    display: inline-block;
    width: 32px; height: 32px;
    line-height: 26px;
    background: #144785;
    border: 3px solid #eaeaea;
    border-radius:36px;
    vertical-align: top;
    text-align: center;
    font-size: 20px; font-style: normal; font-weight: normal;
    color: #fff;
}



/* ========
 * 折叠面板
 * ======== */ 
.san-expander {
    
}
.san-expander-btn {
    position: relative;
    cursor: pointer;
}
.san-expander-btn:after {
    position: absolute; top: 50%; left: 20px;
    width: 24px; height: 24px;
    margin-top: -12px;
    background-repeat: no-repeat; background-position: 50% 50%;
    background-size: 14px 14px;
    content: "";
}
.san-expander-fold:after {
    background-image: url(../images/icon-arrow-down-28x28-b5b5b5.png);
}
.san-expander-unfold:after {
    background-image: url(../images/icon-arrow-up-28x28-b5b5b5.png);
}
.san-expander-content {
    position: relative; overflow: hidden;
    margin-top: 0 !important; margin-bottom: 0 !important;
    padding-top: 0 !important; padding-bottom: 0 !important;
}
.san-expander-panel {
    padding-top: 10px; padding-bottom: 10px;
}
.section-a-topic .san-expander-btn:after {
    top:10px; left: auto; right: 20px;
    margin-top: 0;
}
.section-a-topic .section-a-head.san-expander-fold {
    background: #f5f5f5;
    color: #333;
}
.section-a-topic .section-a-head.san-expander-fold .section-a-title {
    background-image: url(../images/icon-dot-10x10-333.png);
    color: #333;
}
.section-a-topic .section-a-head.san-expander-unfold:after {
    background-image: url(../images/icon-arrow-up-28x28-fff.png);
}
.section-a-drawer .san-expander-btn {
    padding-left: 24px;
}
.section-a-drawer>.section-a-head>.san-expander-btn:after {
    top: 4px; left: -5px;
    margin-top: 0;
    background-size: 16px auto;
}
.section-a-drawer>.section-a-head>.san-expander-fold:after {
    background-image: url(../images/icon-arrow-right-32x32-144785.png);
}
.section-a-drawer>.section-a-head>.san-expander-unfold:after {
    background-image: url(../images/icon-arrow-down-32x32-144785.png);
}
.section-a-drawer>.section-a-body>.san-expander-panel {
    padding-top: 0; padding-bottom: 0;
}
@media (max-width: 767px) {
    .san-expander-btn:after {
        left: 10px;
    }
    .section-a-topic .san-expander-btn:after {
        right: 10px;
    }
}




/* ======
 * 目录树
 * ====== */ 
.san-tree {
    margin-bottom:0;
}
.san-tree li {
    display: block; overflow: hidden;
    margin:0; padding: 0;
    border-top: 1px solid #f7f7f7;
    cursor: pointer;
}
.san-tree>li:first-child {
    border-top-color: transparent;
}
.san-tree li ul {
    padding: 0;
}
.san-tree li.fold>ul {
    display: none;
}
.san-tree li.disabled>* {
    opacity: 0.5;
}
.san-tree li.hide {
    display: none;
}
.san-tree li.current>[data-for="node"] {
    background: #f5f5f5;
}
.san-tree .node-switch {
    float: left;
    position: relative;
    display: block;
    width: 14px;
    height: 39px; padding: 8px 0 7px;
    line-height: 24px;
}
.san-tree li.fold>[data-for="node"]>.node-switch {
    background: url(../images/icon-arrow-right-6x6-ddd.png) 0 16.5px no-repeat;
}
.san-tree li.fold.current>[data-for="node"]>.node-switch {
    background: url(../images/icon-arrow-right-6x6-3b89c7.png) 0 16.5px no-repeat;
}
.san-tree li.unfold>[data-for="node"]>.node-switch {
    background: url(../images/icon-arrow-down-6x6-ddd.png) 0 16.5px no-repeat;
}
.san-tree li.unfold.current>[data-for="node"]>.node-switch {
    background: url(../images/icon-arrow-down-6x6-3b89c7.png) 0 16.5px no-repeat;
}
.san-tree a.node-name {
    position: relative; 
    display: block;
    overflow: hidden; 
    padding: 8px 10px 7px 0;
    line-height: 24px;
    color:#333; 
    text-decoration:none;
}
.san-tree a.node-name:active, #main-side-menu .san-tree a.node-name:hover {
    text-decoration:none;
    color:#333;
}
.san-tree li.current>[data-for="node"] a.node-name {
    color: #3b89c7;
}
.san-tree .node-name>.node-text {

}
.san-tree .node-name>.node-badge {
    margin-left:10px;
    color: #e72742;
}



/* ============
 * san-slide
 * ============ */ 
.san-slide {
    position: relative; 
    overflow: hidden;
    margin-bottom:0;
}
.san-slide-frame {
    position: relative;
    overflow: hidden;
    margin: 0;
}
.san-slide-list {
    position: relative;
    width: auto;
    margin: 0;
}
.san-slide-list>li {
    float: left;
    display: block;
}
.san-slide-dir-nav {
    position: absolute; top:50%;
    display: block;
    width: 18px;
    height: 30px;
    margin-top: -13.5px;
    background-color: #ccc;
    background-repeat: no-repeat; background-position: 0 0;
    background-size: cover;

    z-index: 999;
}
.san-slide-dir-nav.disabled {
    opacity: .3;
}
.san-slide-dir-prev {
    left: 2px;
    background-image:url(../images/icon-arrow-left-22x40-e1e1e1.png);
    background-size: 10px 18px;
    background-position: 5px;
}
.san-slide-dir-next {
    right: 2px;
    background-image:url(../images/icon-arrow-right-22x40-e1e1e1.png);
    background-size: 10px 18px;
    background-position: 5px;
}
.san-slide-ctrl-nav {
    display: block;
    position: absolute; right:0; bottom:15px; left:0;
    height: 10px;
    text-align: center;
    font-size: 0;
}
.san-slide-ctrl-nav>a {
    display: inline-block; overflow: hidden;
    width:10px; height: 10px; line-height: 8px; margin-left: 5px; margin-right: 5px;
    background:#ddd;
    border-color:#ddd;
    border-radius: 5px;
    text-align: center;
    font-size: 0; color: #fff; text-indent: -2000px;
}
.san-slide-ctrl-nav>a.active {
    background: #2881C1;
    border-color:#2881C1;
}



/* =========
 * 弹出层
 * ========= */
.san-popup-wrapper{
    position:fixed; top:0; right:0; bottom:0; left:0;
    z-index: 5000;
    width:100%; height: auto;
    overflow-x: hidden; overflow-y:auto;
    background: rgba(0, 0, 0, 0.7);
}
.san-popup-open{
    overflow: hidden;
}
.san-popup{
    position: absolute;
    z-index: 1000;
    top: -1000px; left: 0;
    overflow: hidden; 
    display: none;
    opacity: 0;
    width: 70%;
    min-width: 300px; max-width:1000px;
    margin: 0;
    padding:30px 20px;
    background:#fff;
    border-radius: 4px;
}
.san-popup-active {
    display: block;
}
.san-popup-pop-in {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1);
    -webkit-animation: .2s pop-in;
       -moz-animation: .2s pop-in;
            animation: .2s pop-in;
}
.san-popup-pop-out {
    opacity: 0;
    -webkit-animation: .2s pop-out;
       -moz-animation: .2s pop-out;
            animation: .2s pop-out;
}



/* =========
 * 遮罩层组件
 * ========= */
 .san-mask {
    position: absolute; top:0; left:0; right:0; bottom:0;
    background: rgba(0,0,0,0) none;
    text-align: center;
    color: #fff;
}
.san-mask-active {
    position: relative;
    min-height: 56px;
}
.san-mask-loading {
    display: inline-block;
    vertical-align: middle;
}
.san-mask-loading img {
    width:24px; height: 24px;
    vertical-align: middle;
}
.san-mask p {
    font-size: 16px;
    font-weight: normal;
    -webkit-animation: 2s neon-light linear infinite;
       -moz-animation: 2s neon-light linear infinite;
            animation: 2s neon-light linear infinite;
}
.san-mask .v {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}



/* ==============
 * 页面中的特定链接
 * ============== */ 
.link-group {
    display: inline;
}
.link-group>a {
    margin-right: 8px;
}
.link-group>a:last-child {
    margin-right: 0;
}
@media (max-width: 991px) {
    .link-group>a {
        margin-right: 5px;
    }
    .link-group>a:last-child {
        margin-right: 0;
    }
}

.san-link-pro-wrapper {
    display: inline-block;
}
.san-link-pro {
    position: relative;
    display: inline;
    border-bottom: 1px solid transparent;
    line-height: 1.5;
    font-size: 16px;
}
.san-link-pro-wrapper, .san-link-pro, a.san-link-pro-wrapper, a.san-link-pro {
    text-decoration: none;
}
.san-link-pro:active, .san-link-pro:hover {
    border-bottom: 1px solid;
}
.san-link-pro-wrapper+.san-link-pro-wrapper, .san-link-pro-wrapper+.san-link-pro,
.san-link-pro+.san-link-pro-wrapper, .san-link-pro+.san-link-pro {
    margin-left: 15px;
}

.section-a-head .san-link-pro {
    line-height: 32px;
    font-size: inherit;
}
@media (max-width: 767px) {
    .san-link-pro {
        line-height: 24px;
        font-size: 14px;
    }
}

/* 图片链接 */
.link-img {
    display: inline-block;
    margin-left: 5px;
    line-height: 24px;
    font-size:14px;
    vertical-align: top;
}
.link-img>img {
    height: 14px; margin-top: 5px;
    vertical-align: top; 
}
.hp-link-img>img{
    width: 18px;height: 18px; 
    vertical-align: sub; 
    margin-right: 10px;
}
@media (max-width: 767px) {
    .link-img {
        line-height: 24px;
        font-size: 14px;
    }
}

/* "更多more"链接 */
.link-more { 
    display: inline-block;
    width: 48px;
    height: 15px;
    line-height: 12px;
    margin: 0;
    vertical-align: middle;
    background: url(../images/EnImg/icon-more-big.png) 0 50% no-repeat;
}
.link-open {
    position: relative;
    display: inline-block;
    margin-left: 0; margin-right: 8px;
    padding-left: 24px !important;
    line-height: 24px;
    background-position: 5px 50%; background-repeat: no-repeat;
    background-size: 14px;
    font-size: 14px; 
    white-space: nowrap;
}
a.link-open {
    background-image: url(../images/icon-entrance-28x28-0053bb.png);
}
span.link-open {
    background-image: url(../images/icon-entrance-28x28-666.png);
}

/* SDDS单独样式 */
.link-open-mr{
    margin-right: 28px;
}
@media (max-width:767px){
    .link-open-mr{
        margin-right: -2px;
    } 
}



/* ==============
 * 广告栏位
 * ============== */ 
.ad-space-group {
    position: relative;
    margin-top: 10px; margin-bottom: 0;
}
.ad-space-group:first-child {
    margin-top: 0;
}
.ad-space {
    display: block; overflow: hidden;
    margin-top: 10px; margin-bottom: 0;
}
.ad-space:first-child {
    margin-top: 0;
}
.ad-space-group .ad-space {
    margin-top: 0; margin-bottom: 0;
}
.ad-space img {
    display: block;
    width: 100%;
}



/* ==========
 * 交易日日历
 * ========== */
[data-sp="trading-calendar"] {
    padding: 20px 0 10px;
}
[data-sp="trading-calendar"] .ui-datepicker .ui-widget-header {
    background-image:none;
}
[data-sp="trading-calendar"] .ui-datepicker {
    width:100% !important; margin-left: auto; margin-right: auto;
    padding: .2em .2em;
}
[data-sp="trading-calendar"] .ui-datepicker .ui-state-disabled {
    opacity: 1; filter: none;
}
[data-sp="trading-calendar"] .ui-datepicker-group-first,
[data-sp="trading-calendar"] .ui-datepicker-group-last {
    /*background:#f3f3f3;*/
}
[data-sp="trading-calendar"] .ui-datepicker-group-middle {
    background:#fcf3d4;
}
[data-sp="trading-calendar"] .ui-datepicker-group-first .ui-widget-header {
    border-right-color:#f6f6f6;
}
[data-sp="trading-calendar"] .ui-datepicker-group-middle .ui-widget-header {
    overflow: hidden;
    background: #3682bb;
    border-top-color:#3682bb; border-bottom-color:#3682bb; border-left-color:#f6f6f6; border-right-color:#f6f6f6;
}
[data-sp="trading-calendar"] .ui-datepicker-group-first .ui-widget-header .ui-datepicker-title,
[data-sp="trading-calendar"] .ui-datepicker-group-middle .ui-widget-header .ui-datepicker-title,
[data-sp="trading-calendar"] .ui-datepicker-group-last .ui-widget-header .ui-datepicker-title {
    line-height: 27px;
    font-weight: normal;
}
[data-sp="trading-calendar"] .ui-datepicker-group-middle .ui-widget-header .ui-datepicker-title {
    font-size:1.3em; color:#fbec88;
}
[data-sp="trading-calendar"] .ui-datepicker-next, [data-sp="trading-calendar"] .ui-datepicker-prev {
    width: 2.1em; height: 2.1em;
}
[data-sp="trading-calendar"] .ui-datepicker-next:hover, [data-sp="trading-calendar"] .ui-datepicker-prev:hover {
    top: 2px;
}
[data-sp="trading-calendar"] .ui-datepicker-group-first .ui-datepicker-calendar tbody,
[data-sp="trading-calendar"] .ui-datepicker-group-last .ui-datepicker-calendar tbody {
    font-size: 1em;
}
[data-sp="trading-calendar"] .ui-datepicker-group-middle .ui-datepicker-calendar tbody {
    font-size: 1.2em;
}
[data-sp="trading-calendar"] .ui-state-default.ui-state-active {
    background:#dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;
    border: 1px solid #c5dbec;
    color:#2e6e9e;
}
[data-sp="trading-calendar"] .ui-state-default.ui-state-highlight.ui-state-active {
    background:#fbec88;
    border: 1px solid #fad42e;
}
[data-sp="trading-calendar"] .ui-datepicker .cm-holiday>.ui-state-default {
    color:#ff4d4d;
}
[data-sp="trading-calendar"] .list-title {
    margin-top: 5px; margin-bottom: 0;
}
[data-sp="trading-calendar"] ul.list-inline[data-holiday] {
    margin-bottom: 15px;
}
[data-sp="trading-calendar"] ul.list-inline[data-holiday]>li {
    width:70px; 
    margin: 5px 0 5px 0; padding-left:10px;
    background:url(../images/icon-arrow-right-black-8x7.png) 0 50% no-repeat;
}
@media (max-width: 991px) {
    [data-sp="trading-calendar"] .ui-datepicker-group-middle .ui-widget-header .ui-datepicker-title {
        font-size:1em; color:#fbec88;
    }
    [data-sp="trading-calendar"] .ui-datepicker-group-first .ui-datepicker-calendar tbody,
    [data-sp="trading-calendar"] .ui-datepicker-group-last .ui-datepicker-calendar tbody {
        font-size: 0.8em;
    }
    [data-sp="trading-calendar"] .ui-datepicker-group-middle .ui-datepicker-calendar tbody {
        font-size: 0.8em;
    }
}
@media (max-width: 767px) {
    [data-sp="trading-calendar"] {
        padding: 10px;
    }
    [data-sp="trading-calendar"] ul.list-inline[data-holiday]>li {
        width: 25%;
    }
}

/* @media (max-width: 767px) {
    [data-media] #ui-datepicker-div {
        z-index: 4000 !important;
    }
}
 */
[data-media] #ui-datepicker-div {
        z-index: 4000 !important;
    }

/* ==============
 * 文本范例中的样式
 * ============== */ 
 [data-source="scn-text"] {
    /*padding: 10px 20px;*/
    line-height: 1.8;
}
[data-source="scn-text"] h1,[data-source="scn-text"] h2,[data-source="scn-text"] h3,
[data-source="scn-text"] .h1,[data-source="scn-text"] .h2,[data-source="scn-text"] .h3,
[data-source="scn-text"] h4,[data-source="scn-text"] h5,[data-source="scn-text"] h6,
[data-source="scn-text"] .h4,[data-source="scn-text"] .h5,[data-source="scn-text"] .h6 {
    margin-top:0;margin-bottom: 0;
    line-height: 26px;
}
[data-source="scn-text"] p {
    margin-top: 0; margin-bottom: 0;
}
[data-source="scn-text"] p, [data-source="scn-text"] li {
    text-align:justify; text-justify:inter-ideograph;
}
.scn-text-title {
    /* font-size:12px; */
    font-weight: bold; color: #e36c0a;
    text-indent: 2em;
}
.scn-text-list-a>li {
    padding-left: 10px;
    background: url(../images/icon-3517.gif) 0 10.5px no-repeat;
}
.scn-text-list-a>li:first-child {
    margin-top:0;
}



/* ===========
 * 统一样式属性
 * =========== */
.san-list-a>li a:link, .san-list-a>li a:visited,
.san-list-f>li a:link, .san-list-f>li a:visited, 
.san-list-h>li a:link, .san-list-h>li a:visited {
    color: #333;
}
.san-list-a>li a:hover, .san-list-a>li a:active,
.san-list-f>li a:hover, .san-list-f>li a:active, 
.san-list-h>li a:hover, .san-list-h>li a:active {
    color: #e72742;
    text-decoration: none;
}
@media (max-width: 767px) {
    .san-list-a>li a:hover, .san-list-a>li a:active,
    .san-list-f>li a:hover, .san-list-f>li a:active, 
    .san-list-h>li a:hover, .san-list-h>li a:active {
        color: #333;
    }
    .san-tabs-a>li>a:hover,
    .san-tabs-b>li>a:hover {
        color: #666;
    }
    .san-tabs-a>li.current>a:hover {
        color: #00498E;
    }
    .san-tabs-b>li.current>a:hover {
        color: #144785;
    }
        .section-a-primary .san-tabs-b>li>a:hover {
            color:#666;
        }
        .section-a-primary .san-tabs-b>li.current>a:hover {
            color:#00498E;
        }
    .san-tabs-c>li>a:hover,
    .san-tabs-l>li>a:hover,
    .san-tabs-ta>li>a:hover {
        color: #333;
    }
    .san-tabs-c>li.current>a:hover, 
    .san-tabs-l>li.current>a:hover, 
    .san-tabs-ta>li.current>a:hover {
        color: #144785;
    }
    .san-tabs-h>li>a:hover {
        color: #fff;
    }
}
.san-grid,
.san-tree,
.section-a,
.section-block,
.section-card,
.section-chart,
.section-fm,
.section-h {
    margin-top: 10px;
}
.san-grid:first-child,
.san-tree:first-child,
.section-a:first-child,
.section-block:first-child,
.section-card:first-child,
.section-chart:first-child, 
.section-fm:first-child,
.section-h:first-child {
    margin: 0;
}
.san-row:first-child { 
    margin-top: 0;
}
.san-row>[class*="san-col-"]:before {
    position: relative; z-index: -1;
    display: block;
    background: transparent none;
    border: none;
    content: "";
}

/* .san-row>[class*="san-col-"]:not(:empty):before {
    padding: 5px 0;
} */



@media (max-width: 767px) and (min-width: 576px) {
    .resp-mark-1 {display: none !important;}
}
@media (max-width: 575px) {
    .resp-mark-1 {display: none !important;}
}



#main-page-menu>.inner:before, #main-page-menu>.inner:after,
#main-menu:before, #main-menu:after,
.section-detail:before, .section-detail:after,
.section-slide-list:before, .section-slide-list:after,
.main-body:before, .main-body:after,
.san-grid:before, .san-grid:after,
.san-list-f:before, .san-list-f:after, 
.san-list-dl:before, .san-list-dl:after, 
.san-form-horizontal .san-input-pair:before, .san-form-horizontal .san-input-pair:after,
.san-form-row:before, .san-form-row:after,
.san-row:before, .san-row:after,
.san-slide-list:before, .san-slide-list:after, 
.san-tree li>[data-for="node"]:before, .san-tree li>[data-for="node"]:after,
.san-tabs-a:before, .san-tabs-a:after, 
.san-tabs-c:before, .san-tabs-c:after, 
.san-tabs-h:before, .san-tabs-h:after {
    display: table; content: " ";width:100%;border-collapse:collapse; border-spacing:0;line-height: 0;
}
#main-page-menu>.inner:after, 
#main-menu:after, 
.main-body:after, 
.section-detail:after,
.section-slide-list:after,
.san-grid:after, 
.san-list-f:after, 
.san-list-dl:after, 
.san-form-horizontal .san-input-pair:after,
.san-form-row:after,
.san-row:after,
.san-slide-list:after, 
.san-tree li>[data-for="node"]:after, 
.san-tabs-a:after, 
.san-tabs-c:after, 
.san-tabs-h:after {
    clear: both;
}
@media (max-width: 767px) {
    .san-tabs-a:before, .san-tabs-a:after {
        display: none;
    }
}


@-webkit-keyframes san-tabs-b-active {
    from {
        opacity: 0;
        transform: scale(0, 1);
    }
    to {
        opacity: 1;
        transform: scale(1, 1);
    }
}
@-moz-keyframes san-tabs-b-active {
    from {
        opacity: 0;
        transform: scale(0, 1);
    }
    to {
        opacity: 1;
        transform: scale(1, 1);
    }
}
@keyframes san-tabs-b-active {
    from {
        opacity: 0;
        transform: scale(0, 1);
    }
    to {
        opacity: 1;
        transform: scale(1, 1);
    }
}

@-webkit-keyframes pop-in {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@-moz-keyframes pop-in {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes pop-in {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes pop-out {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.8);
    }
}
@-moz-keyframes pop-out {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.8);
    }
}
@keyframes pop-out {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.8);
    }
}
@-webkit-keyframes left-in {
    from {
        opacity: 0;
        transform: translate(-500px,0);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@-moz-keyframes left-in {
    from {
        opacity: 0;
        transform: translate(-500px,0);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes left-in {
    from {
        opacity: 0;
        transform: translate(-500px,0);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@-webkit-keyframes right-in {
    from {
        opacity: 0;
        transform: translate(500px,0);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}

@-moz-keyframes right-in {
    from {
        opacity: 0;
        transform: translate(500px,0);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes right-in {
    from {
        opacity: 0;
        transform: translate(500px,0);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}

@-webkit-keyframes top-in {
    from {
        opacity: 0;
        transform: translate(0,-300px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@-moz-keyframes top-in {
    from {
        opacity: 0;
        transform: translate(0,-300px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes top-in {
    from {
        opacity: 0;
        transform: translate(0,-500px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@-webkit-keyframes neon-light {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes neon-light {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes neon-light {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


#console-panel {
    position: fixed; left:0; bottom: 60px; z-index: 5000;
    display: block;
    opacity: 1;
    padding: 5px 10px;
    background: rgba(0,0,0,.6);
    border-top-right-radius: 2px; border-bottom-right-radius: 2px;
    color: #fff2a6;
    font-size: 12px;
}
#console-panel:empty {
    display: block;
}
@media \0secreen {
    #console-panel {
        background: #666;
    }
}
@media (max-width: 991px) {
    #console-panel {
        font-size: 10px;
    }
}

.section-sub-head{
    height: 40px;
    background: #e8f2fc;
    border-color: #c6dbec;
    border-top: 2px solid #078bd3;
}
.section-a-title-blue{
    font-size: 14px;
    color: #0068b6;
    font-weight: bold;
    padding: 9px 20px;
}

.san-list-hover li{
    padding: 0;height: 52px;
    padding: 10px 0;
    line-height: 32px;
}
.san-list-hover>li>a{
    padding: 0 25px;
    display: block;
}
.san-list-hover>li>a>span{
    color: #8c8c8c;
    font-weight: bold;
}
.san-list-hover li a span.san-icon{
    margin-right: 25px;
}
.san-list-hover li:hover{
    background: #0089cf;
}
.san-list-hover>li:hover>a>span{
    color:#fff;
    text-decoration: none;
}
.hp-san-list-a>li:first-child{
	padding: 10px 20px 5px;
}
.hp-san-list-a>li{padding: 5px 20px 5px;}
.hp-san-list-a>li:hover a{
    text-decoration: none;
}/* 
.hp-san-list-a>li .hp-link-img{color: #b0afaf;} */
.hp-san-list-a>li .hp-link-img{color: #666666;}
@media (max-width: 767px){
    .section-a-title-blue{
        padding:9px 10px ;
    }
    .hp-san-list-a>li{padding:10px ;}
}
.san-icon-hprm{
    width: 30px;height: 30px;
    background-size: 100% auto;
}
.san-icon-circle-login{
    background-image: url(../images/icon/icon-circle-login.png);
    
}
.san-icon-circle-aircraft{
    background-image: url(../images/icon/icon-circle-aircraft-w.png);
}
.san-list-hover li:hover .san-icon-circle-aircraft{
    background-image: url(../images/icon/icon-circle-aircraft.png);
}
.san-icon-circle-money{
    background-image: url(../images/icon/icon-circle-money-w.png);
}
.san-list-hover li:hover .san-icon-circle-money{
    background-image: url(../images/icon/icon-circle-money.png);
}
.san-icon-circle-chart{
    background-image: url(../images/icon/icon-circle-chart-w.png);
}
.san-list-hover li:hover .san-icon-circle-chart{
    background-image: url(../images/icon/icon-circle-chart.png);
} 
.san-icon-circle-men{
    background-image: url(../images/icon/icon-circle-men-w.png);
}
.san-list-hover li:hover .san-icon-circle-men{
    background-image: url(../images/icon/icon-circle-men.png);
}
.san-icon-circle-people{
    background-image: url(../images/icon/icon-circle-people-w.png);
}
.san-list-hover li:hover .san-icon-circle-people{
    background-image: url(../images/icon/icon-circle-people.png);
}
.san-icon-circle-briefcase{
    background-image: url(../images/icon/icon-circle-briefcase-w.png);
}
.san-list-hover li:hover .san-icon-circle-briefcase{
    background-image: url(../images/icon/icon-circle-briefcase.png);
}
.san-icon-circle-calendar{
    background-image: url(../images/icon/icon-circle-calendar-w.png);
}
.san-list-hover li:hover .san-icon-circle-calendar{
    background-image: url(../images/icon/icon-circle-calendar.png);
}
.san-icon-circle-bondconncet{
    background-image: url(../images/icon/icon-circle-bondconncet.png);
}

.link-to-top { 
    display: inline-block;
    width: 36px;
    height: 13px;
    line-height: 12px;
    margin: 0;
    vertical-align: middle;
    background: url(../images/icon-to-top.png) 0 50% no-repeat;
}

.section-article-subtitle{
    color:#b0afaf;
}

.link-text-blue{
    color: #0563C1!important;
    text-decoration: none!important;
}
.link-text-blue:hover{
    color: #e72742!important;
    text-decoration: none!important;
}
.link-text{
    color: #000!important;
    text-decoration: none!important;
}
.link-text:hover{
    color: #e72742!important;
    text-decoration: none!important;
}

.san-tabs-plus-r {
    position: relative; z-index: 100;
    float: right;
    padding-right: 20px;
    background-color: #fff;
}

.san-tabs-ta-plus-r {
	border-bottom: 1px solid #eaeaea;
    padding: 10px 20px 5px 10px;
}

.san-tabs-ta-plus-r>* {
    display: inline-block;
    line-height: 32px;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .san-tabs-plus-r {
        padding-right: 10px;
        -webkit-box-shadow: -8px 0 8px -8px rgba(1, 79, 174, 0.4);
           -moz-box-shadow: -8px 0 8px -8px rgba(1, 79, 174, 0.4);
                box-shadow: -8px 0 8px -8px rgba(1, 79, 174, 0.4);
    }
    >.san-tabs-ta-plus-r {
        padding-right: 10px;
    }
}
.price-color{
	font-weight: bold;color: #019dda;
}

@media (max-width: 767px) {
    .section-fm {
        margin-top:0px;
    }
}

.san-placeholder-text{
   display: none;
   position: absolute;
   top:0;
   left:0;
   z-index: 10;
   height: 22px;
   line-height: 22px;
   padding-left:5px;
   color:#707070;
}
