@charset "utf-8";
/* CSS Document @zhxming 
 * 基于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-color: #fff;
}
@media (max-width: 767px) {
    body {
        background-color: #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-default {color:#000 !important;}
.text-invert {color:#fff !important;}
.text-primary {color:#144785 !important;}
.text-secondary {color:#c7a578 !important;}
.text-em, .text-warning {color:#e72742 !important;}
.text-info {color:#e36c0a !important;}
.text-help, .text-notes {color:#888 !important;}
    .cm-notes {color:#666 !important;} /*用text-notes代替*/
.text-sub {color: #d8d8d8 !important;}
.text-date {color: #666 !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-color:#fff !important;}
.bg-invert {background-color:#000 !important;}
.bg-primary {background-color:#144785 !important;}
.bg-secondary {background-color:#c7a578 !important;}
.bg-help {background-color:#f5f5f5 !important;}



/* =========
 * 页面主结构
 * ========= */ 
#main-page {
    position:relative; overflow:hidden;
    width:100%; height:auto; 
    margin:0 auto;
    background:url(../images/bg-body.png) 50% -50px no-repeat;
}
#main-page-head, #main-page-menu, #main-page-body, #main-page-foot {
    width:100%;
    clear:both;
}
#main-page-head {
    background: #144785 none;
}
#main-page-body {
    min-height: 600px;
    padding-bottom: 20px;
}
#main-page-body>.main-page-body-inner {
    padding-top: 225px; 
    background-position: 50% 0; background-repeat: no-repeat;
}
#main-page-foot {
    background-color: #144785;
}
#header, #footer, .main-body {
    position: relative;
    /* max-width: 1230px; */
    margin: 0 auto; 
}
#header, #footer {
    padding-right: 10px; padding-left: 10px;
}
#header {
    height: 120px;
}
#footer {
    /*padding: 30px 160px 30px;
    font-size: 14px;
    color: #fff;*/
    max-width: 1230px;
    margin: 0 auto;
    font-size: 10px;
    color: #fff;
    padding:30px 0 0 0;
}
#footer a {
    color: #fff;
}
#footer p {
    margin-top: 5px; margin-bottom: 5px;
}
#main-page-menu {
    position: absolute; top: 70px; right: 0px;
}
#main-page-menu>.inner {
    max-width: 1230px;
    margin: 0 auto; 
    padding-right: 0; padding-left: 440px;
}
/* L */
@media (max-width: 1229px) {
    #main-page {
        min-width: 0;
    }
    #footer {
        padding-left: 50px; padding-right: 50px;
    }
    #main-page-menu>.inner {
        padding-left: 360px;
    }
}
/* M */
@media (max-width: 991px) {
    #main-page-menu>.inner {
        padding-left: 320px;
    }
}
/* S */
@media (max-width: 767px) {
    #main-page {
        min-width: 300px;
        /* min-height: 100vh; */
        padding-top: 111px;
    }
    #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%;
    }
    #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-color: #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;
    }
    #main-page-menu {
        position: fixed; top: 65px; right: -1000px; z-index: 3100;
        overflow: hidden;
        opacity: 0;
        height: calc(100vh - 65px);
        background-color: #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: auto;
        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: 0 10px; */
}
.main-body>.main-body-l, .main-body>.main-body-m {
    position: relative;
    float: left;
    margin: 0;
}
.main-body>.main-body-l {
    width: 21%;
    padding: 0 10px 0 0;
}
.main-body>.main-body-m {
    width: 79%;
}
@media (max-width: 1229px) {
    .main-body>.main-body-l {
        width: 21%;
    }
    .main-body>.main-body-m {
        width: 79%;
    }
}
@media (max-width: 991px) {
    .main-body>.main-body-l {
        width: 25%;
    }
    .main-body>.main-body-m {
        width: 75%;
    }
}
@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;
}



/* =========
 * 菜单和导航
 * ========= */ 
/* 主菜单 */
#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 {
    float: left;
    width: 14.285714%;
    overflow: hidden; white-space: nowrap;
    background-color: transparent;
    border-style: solid; border-width: 0 1px 0 1px; border-color:transparent;
    text-align: center; 
    color:#fff;
}
#main-menu>li.menu-item {

}
#main-menu>li.current, 
#main-menu>li.active {
    border-left-color:#154786; border-right-color:#154786;
}
#main-menu>li.active {
    background-color:#fff;
}
#main-menu>li.menu-item>.lv-1 {
    display: block;
    padding: 8px 0;
    line-height: 30px;
    border-bottom: 4px solid transparent;
    color:#fff; text-decoration: none;
    font-size: 20px;
}
#main-menu>li.current>.lv-1 {
    border-bottom: 4px solid #b28b5a;
}
#main-menu>li.active>.lv-1 {
    border-bottom-color: #fff;
    color: #333;
}
#main-menu .drop-menu {
    position: absolute; top:100%; left:0; right: 0; z-index: 3100;
    display: none; 
    opacity: 0; 
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, .5);
            box-shadow: 0 3px 6px -3px rgba(0, 0, 0, .5);
    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: 1230px;
    min-height: 210px; height: auto;
    margin: 0 auto;
    padding: 10px 10px;
}
#main-menu>li.active .drop-menu>.inner {
    -webkit-animation: .3s top-in;
       -moz-animation: .3s top-in;
            animation: .3s top-in;
}
#main-menu .drop-menu a {
    color:#666; text-decoration: none;
}
#main-menu .drop-menu .drop-item {
    position: relative;
    display: inline-block;
    width: 14.666667%; 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 #b38c5a;
    color: #144785;
}
#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 .lv-3 {
    position: relative;
    padding: 5px 0;
    border-bottom: 1px solid transparent;
}
#main-menu .drop-menu .drop-item .lv-3:hover,
#main-menu .drop-menu .drop-item>ul>li.current>.lv-3 {
    color: #144785;
}
@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/icon-menu-48x48-fff.png) 50% 50% no-repeat;
        background-size: auto 24px;
    }
    #main-menu {
        float: none;
        position: absolute; top: 0; bottom:0;
        width: 100%;
    }
    #main-menu.resolved {
        -webkit-animation: none;
           -moz-animation: none;
                animation: none;
    }
    #main-menu>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 {
        color: #144785;
    }
    #main-menu>li.active {
        background-color: #f5f5f5;
    }
    #main-menu>li.menu-item {
        padding: 10px 0 9px 0;
    }
    #main-menu>li.menu-item.current {
        background-color: #f5f5f5;
    }
    #main-menu>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 {
        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-color: #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;
    }
    #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.current>ul, */
    #main-menu .drop-menu .drop-item.active>ul {
        height: auto;
    }
    /* #main-menu .drop-menu .drop-item.current.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>i>.lv-2:before {
        position: absolute; top: 14px; left: 6px;
        display: block;
        /* border-left: 2px solid inherit; */
        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.current .lv-2:before,
    #main-menu .drop-menu .drop-item.active .lv-2:before {
        border-color: inherit
    } */
    #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.current .lv-2:after, */
    #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;
    }
    #main-menu .drop-menu .drop-item .lv-3:active, 
    #main-menu .drop-menu .drop-item .lv-3:hover {
        color: #666;
    }
    #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-color: #fff;
    line-height: 1.5;
    font-size: 16px;
    border-radius: 3px;
}
#main-side-menu .side-menu-title {
    padding: 15px 20px 15px 40px;
    line-height: 40px; 
    background: #144785 url(../images/logo-transparent-79x82.png) -10px -4px no-repeat;
    color: #fff;
    font-size:26px;
    letter-spacing: 8px;
}
#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;
}
#main-side-menu .side-menu-list a {
    display: block;
    color:#333;
}
#main-side-menu .side-menu-list>li {
    background-color: #f5f5f5;
}
#main-side-menu .side-menu-list>li+li {
    margin-top: 1px;
}
#main-side-menu .side-menu-list>li.current,
#main-side-menu .side-menu-list>li:hover {
    background-color: #3b89c7;
}
#main-side-menu .side-menu-list>li>a.lv-2 {
    position: relative;
    padding: 13px 25px 13px 40px;
    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>a.lv-2:before {
    position: absolute; top:15px; left: 20px;
    display: block;
    border-style: solid; border-width: 10px 1px 10px 1px; border-color: transparent;
    border-radius: 5px;
    font-size: 0;
    content: "";
}
#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-color: #fff;
    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-color: #f5f5f5;
}
#main-side-menu .side-menu-drop-list>li+li {
    margin-top: 1px;
}
#main-side-menu .side-menu-drop-list>li a.lv-3 {
    position: relative;
    padding: 13px 25px 13px 56px;
    font-weight: normal;
    text-decoration: none;
}
#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:20px; left: 42px;
    display: block;
    border-style: solid; border-width: 5px 0 5px 7px; border-color: transparent;
    font-size: 0;
    content: "";
}
#main-side-menu .side-menu-drop-list>li.current>a.lv-3:before {
    border-left-color: inherit;
}
@media (max-width: 991px) {
    #main-side-menu .side-menu-title>.title-xl {
        font-size: 20px;
        letter-spacing: 0;
    }
}
@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;
    }
    #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-color:#fff;
    border-radius: 20px;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 3px 3px 10px 1px rgba(0, 34, 76, 0.1);
       -moz-box-shadow: 3px 3px 10px 1px rgba(0, 34, 76, 0.1);
            box-shadow: 3px 3px 10px 1px rgba(0, 34, 76, 0.1);
}
#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 a+a {
    margin-top: -1px;
} */
#fixed-navi>div[data-role]>a:hover {
    background-color: #c7a478;
    border-top-right-radius: 20px; border-bottom-right-radius: 20px;
}
#fixed-navi>div[data-role="to-top"]>a {
    background-image: url(../images/new/1411.png);
    background-position: center;
    background-size: 21px 21px;
}
#fixed-navi>div[data-role="comment"]>a {
    background-image: url(../images/new/1412.png);
    background-position: center;
    background-size: 21px 21px;
}
#fixed-navi>div[data-role="qrcode"]>a {
    background-image: url(../images/new/1410.png);
    background-position: center;
    background-size: 21px 21px;
}
#fixed-navi>div[data-role="to-top"]>a:hover {
    background-image: url(../images/new/1411-1.png);
}
#fixed-navi>div[data-role="comment"]>a:hover {
    background-image: url(../images/new/1412-1.png);
}
#fixed-navi>div[data-role="qrcode"]>a:hover {
    background-image: url(../images/new/1410-1.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-color: #c7a478;
    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: 80px;
}
#fixed-navi>div[data-role="qrcode"]>a:hover+div {
    width: 240px;
    border-bottom-right-radius: 2px;
}



/* =======
 * 栅格系统
 * ======= */ 

/* 普通栅格 */
.san-row {
    margin-right: -10px; margin-left: -10px;
}
.san-row-center {
    max-width: 1230px;
    margin: 0 auto;
}
/* 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: 10px; padding-left: 10px;
}
/* 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;
    /* position: relative; overflow: hidden; */
    /* margin-bottom: 40px; */
}
.san-grid>.san-grid-r, .san-grid>.san-grid-l, .san-grid>.san-grid-m {
    /* position: relative; */
    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-bottom: 10px;
    max-height: 79px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 34, 76, 0.2);
       -moz-box-shadow: 0 0 5px 1px rgba(0, 34, 76, 0.2);
            box-shadow: 0 0 5px 1px rgba(0, 34, 76, 0.2);
}
.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;
}
.san-tabs-a>li {
    position: relative; 
    display: block; 
    overflow: hidden;
    float:left;
    margin-bottom: 1px;
    background-color: #f5f5f5;
    border: 1px solid transparent; border-right: 1px solid #fff;
    border-radius: 0;
    text-align: center;
    cursor: pointer;
}
.san-tabs-a>li:hover {
    background-color: #c7a578;
}
.san-tabs-a>li.current, .san-tabs-a>li.current:hover {
    background-color: #c7a578;
}
.san-tabs-a>li>a {
    display: block; position: relative;
    min-width: 90px;
    margin: 0;
    padding: 5px 20px 4px;
    line-height: 32px;
    color: #666;
    font-size: 16px;
    text-align: center; text-decoration: none;
}
.san-tabs-equal.san-tabs-a>li>a {
    padding-left: 0; padding-right: 0;
}
.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-color: #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-color: #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-color: transparent;
        border: none;
    }
    .san-tabs-a>li:hover,
    .san-tabs-a>li.current, .san-tabs-a>li.current:hover {
        background-color: transparent;
    }
    .san-tabs-a>li+li {
        /* margin-left: -4px; */
    }
    .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;
    }
    .san-tabs-a>li>a:before {
        position: absolute; left: 0; bottom: 0;
        width: 100%; height: 2px;
        opacity: 0;
        background-color: transparent;
        content: "";
    }
    .san-tabs-a>li.current>a:before {
        opacity: 1;
        background-color: #c7a578;
        -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:#c7a578;
    }
    .san-tabs-a>li.disabled,
    .san-tabs-a>li.disabled:hover {
        background-color: #fff;
    }
}

/* a-table */
.san-tabs-a-table {
    width: 100%;
    overflow-x: hidden;
    background-color: #f5f5f5;
    border-bottom: 1px solid #fff;
}
.san-tabs-a-table>ul {
    display: table;
    /* table-layout:fixed; */
    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-color: #c7a578;
}
.san-tabs-a-table>ul>li>a {
    display: block; position: relative;
    /* overflow: hidden; */
    min-width: 0;
    width: auto;
    margin: 0;
    padding: 6px 20px 5px;
    line-height: 32px;
    color: #666;
    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-color: #e7edf2;
    color: #000;
}

.san-tabs-a+.san-tabs-a-table {
    display: block;
    margin-top: 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-color: #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 #D8D8D8;
    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: 35px;
    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:#c7a478;
}
.san-tabs-b>li>a:before {
    position: absolute; left: 0; bottom: 0px;
    width: 100%; height: 2px;
    opacity: 0;
    background-color: transparent;
    content: "";
}
.san-tabs-b>li.current>a:before {
    opacity: 1;
    background-color: #c7a578;
    -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:#c7a578;
}
.section-a-primary .san-tabs-b>li.current>a:before {
    background-color: #c7a578;
}
@media (max-width: 767px) {
    .san-tabs-b {
        font-size: 14px;
        /*overflow: auto; overflow-y: hidden;*/
    }
    .san-tabs-b>li {
        margin: 0 10px;
        font-size: 16px;
        line-height: 34px !important;
    }
    .san-tabs-b>li>a {
        /*padding: 6px 0 5px;*/
    }
}

/* c */
.san-tabs-c {
    margin:0;
    padding: 6px 20px;
}
.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, .san-tabs-c>li.disabled:hover {

}
.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: 23px;
}
.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: 10px; padding-right: 10px; 
    }
    .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-color: #fff;
    background-color: rgba(255, 255, 255, 100);
    /* border: 1px solid transparent;*/
    border-radius: 0;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background-color .1s linear;
       -moz-transition: background-color .1s linear;
        -ms-transition: background-color .1s linear;
            transition: background-color .1s linear;
}
.san-tabs-h>li:hover {
    background-color: #20508b;
}
.san-tabs-h>li.current {
    background-image: url(../images/new/2040.png); 
    background-position: 100% 100%; background-repeat: no-repeat;
    /*background-color: #669FFF;
    background-color: rgba(102, 159, 255, 100);*/
    background: linear-gradient(to bottom,#669FFF,#234681);
}
.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: #c7a478 transparent transparent;
    border-top-color: rgba(203, 172, 132, 0.9);
    content: ""; */
}
.san-tabs-h>li.current>a {
    color: #FFF;
}
.san-tabs-h>li>a {
    display: block; position: relative;
    /* min-width: 90px; */
    margin: 0;
    /* padding: 0px 10px; */
    /* line-height: 28px; */
    color: #1A1A1A;
    font-size: 20px;
    text-align: center; text-decoration: none;
}
.san-tabs-h>li>a>div {
    display: inline-block;
    width: 74px; 
    height: 52px;
    vertical-align: middle;
    /* background-image: url(../images/new/hp-market-benchmarks.png); */
    background-image: url(../images/new/yhjscgl_blue.png);
    background-position: 100% 100%; 
    background-repeat: no-repeat;
}
.san-tabs-h>li>a>div.yhjscgl {
    background-image: url(../images/new/yhjscgl_blue.png);
    background-size: cover;
    margin-right: 8px;
}
.san-tabs-h>li>a>div.whschq {
    background-image: url(../images/new/whschq_blue.png);
    background-size: cover;
    margin-right: 8px;
}
.san-tabs-h>li>a>div.bbschq {
    background-image: url(../images/new/bbschq_blue.png);
    background-size: cover;
    margin-right: 8px;
}
.san-tabs-h>li.current>a>div.yhjscgl {
    background-image: url(../images/new/yhjscgl_white.png);
    background-size: cover;
    margin-right: 8px;
}
.san-tabs-h>li.current>a>div.whschq {
    background-image: url(../images/new/whschq_white.png);
    background-size: cover;
    margin-right: 8px;
}
.san-tabs-h>li.current>a>div.bbschq {
    background-image: url(../images/new/bbschq_white.png);
    background-size: cover;
    margin-right: 8px;
}


.san-tabs-h>li>a>span {
    vertical-align: middle;
    /*margin-left: 8px;*/
}
.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-color: rgba(32, 80, 139, 0.9);*/
        background-color: #fff;
    }
    .san-tabs-h>li {
        float: none;
        display: inline-block;
        width: auto;
        min-width: 120px;
        margin-bottom: 0;
        background-color: 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;
    }
    .san-tabs-h>li>a>div.yhjscgl {
    	display:none;
    }
    .san-tabs-h>li>a>div.whschq {
    	display:none;
    }
    .san-tabs-h>li>a>div.bbschq {
    	display:none;
    }
}

/* link */
.san-tabs-l {
    margin: 0;
    padding: 4px 10px;
}
.san-tabs-l>li {
    position: relative;
    display: inline-block;
    margin: 0 9px;
    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: 6px 10px 6px;
    /* border-bottom: 1px solid #eaeaea; */
}
.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;
    }
}


/* 标签页选项卡的内容区 */
.san-tabs-content {
    position: relative;
    display: block;
    /* overflow: hidden; */
}
.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-color: #fff;*/
    }
}


/* 组合结构的标签页选项卡 */
.san-tabs-combine {
    position: relative;
}
.san-tabs-combine>.san-tabs-content {
    clear: both;
}
.san-tabs-combine>.san-tabs-plus-r {
    position: relative; z-index: 100;
    float: right;
    padding-right: 20px;
    background-color: #fff;
}
.san-tabs-combine>.san-tabs-wrapper>.san-tabs-a, 
.san-tabs-combine>.san-tabs-wrapper>.san-tabs-l, 
.san-tabs-combine>.san-tabs-wrapper>.san-tabs-ta {
    overflow: hidden;
    margin-right: 5px;
}
.san-tabs-combine>.san-tabs-wrapper>.san-tabs-l {
    padding-right: 0;
}
.san-tabs-combine>.san-tabs-a-plus-r>* {
    display: inline-block;
    padding-top: 10px; padding-bottom: 10px;
    line-height: 24px;
    vertical-align: middle;
}
.san-tabs-combine>.san-tabs-l-plus-r {
    padding: 8px 20px 8px 0px;
}
.san-tabs-combine>.san-tabs-ta-plus-r {
    padding: 6px 20px 6px 10px;
}
.san-tabs-combine>.san-tabs-ta-plus-r-borderless {
    padding-bottom: 6px;
    border-bottom: none;
}
.san-tabs-combine>.san-tabs-ta-plus-r>* {
    display: inline-block;
    line-height: 32px;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .san-tabs-combine>.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-combine>.san-tabs-wrapper>.san-tabs-a,
    .san-tabs-combine>.san-tabs-wrapper>.san-tabs-l, 
    .san-tabs-combine>.san-tabs-wrapper>.san-tabs-ta {
        overflow: auto; overflow-y: hidden;
    }
    .san-tabs-combine>.san-tabs-a-plus-r {
        padding: 8px 10px;
    }
    .san-tabs-combine>.san-tabs-a-plus-r>* {
        padding-top: 0; padding-bottom: 0;
    }
    .san-tabs-combine>.san-tabs-l-plus-r {
        padding-left: 10px; padding-right: 10px;
    }
    .san-tabs-combine>.san-tabs-ta-plus-r {
        padding-right: 10px;
    }
}



/* =======
 * 布局面板
 * ======= */ 
/* a */
.section-a {
    position: relative;
    border-radius: 3px;
}
.section-a-head {
    padding: 6px 20px 5px;
    /* border-bottom: 1px solid #eaeaea; */
}
.section-a-head-borderless {
    padding-bottom: 6px;
    border-bottom: none;
}
.section-a-head-c {
    padding-bottom: 6px;
    border-bottom: none;
    text-align: center;
}
.section-a-head .section-a-title {
    display: inline-block;
    padding: 0;
    line-height: 32px; 
    font-size: 16px; font-weight: normal;
    color:#144785;
}
.section-a-head .section-a-title-c {
    color: #c7a578;
}
.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-body {
    position: relative;
    padding: 0 0;
}
.section-a-body-justify {
    padding: 20px 20px;
}
.section-a-foot {
    position: relative;
    overflow: hidden;
    padding: 10px 20px 10px;
    line-height: 24px;
}
.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-a-default {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    -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-border {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.section-a-primary {
    background-color: #fff;
    /* border: 1px solid #c7a478;
    -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-primary>.section-a-head .section-a-title {
    color: #333;
}
.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-color: #c7a578;
    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-color: #fff;*/
        border-radius: 0;
    }
    .section-a-head,
    .section-a-foot {
        padding-left: 10px; padding-right: 10px;
    }
    .section-a-body-justify {
        padding: 10px 10px;
    }
    .section-a-head .section-a-title {
        font-size: 16px;
    }
    .section-a-default {
        padding: 0;
        border-left: none; border-right: none;
    }
    .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 */
.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: 40px;
}
.section-card-summary .txt-sub+.txt-main {
    margin-bottom: 0;
}
.section-card-summary .text-bg {
    margin: 0 35%;
    background-color: #CAB495;
    border-radius: 2px;
    color: #fff !important;
}
.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 {
    position: relative; overflow: hidden;
    width: 100%;
    padding: 10px 20px;
}
@media (max-width: 767px) {
    .section-chart {
        padding-left: 10px; padding-right: 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 8px 20px;
    min-height: 34px;
}
.detail-pair .detail-title {
    color:#144785;
}
.detail-pair .detail-label {
    color:#bd9868;
}
.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-color: #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-fo {
    position: relative;
    overflow: hidden;
    padding: 10px 20px;
    line-height: 24px;
}
.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-left: 10px; padding-right: 10px;
        background-color: #fff;
    }
}


/* 标题面板 */
.section-h {
    position: relative;
    padding: 6px 20px 6px;
    text-align: center;
}
.section-h-line-b {
    border-bottom: 1px solid #eaeaea;
}
.section-h .section-h-title {
    display: inline-block;
    padding: 0;
    line-height: 32px; 
    font-size: 16px; font-weight: normal;
    color:#144785;
}
.section-h .section-h-title-c {
    color: #c7a578;
}
.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-color: #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 {
    /* padding: 0 5px; */
}


/* 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: 100%;
}
@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-color: #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-color: #e2e2e2;
    content:""
}
.step-current .step-item-title {
    color: #144785;
}
.step-current .step-item-status i {
    background-color: #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:#144785;
}
.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-color: #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-color:#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: 20px; padding-right: 20px;
    }
}



/* ====
 * 列表
 * ==== */ 
/* 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 #DEDEDE;
    margin: 0 20px;
}
.san-list-a>li:nth-child(odd), 
.san-list-a.alternating-invert>li:nth-child(even) {
    /* background-color: #fff; */
}
.san-list-a>li:nth-child(even), 
.san-list-a.alternating-invert>li:nth-child(odd) {
    /* background-color: #f5f5f5; */
}
@media (max-width: 767px) {
    .san-list-a>li {
        /*padding-left: 10px; padding-right: 10px;*/
        margin-left:10px;
        margin-right:10px;
    }
}

/* 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-color: #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;
    }
}


/* 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/new/2046.png) 0 9px no-repeat;
    background-size: 14px auto;
    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 #b38c5a;
    font-size: 16px; font-weight: normal; font-style: normal;
    color: #144785;
    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: left;
}


.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-color: #f7f7f7;
}
.san-list-drawer>li .san-expander-panel .san-list-a>li {
    padding-left: 30px;
    background-color: 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-dot>li>.li-inner { 
    padding-left: 25px;
    background:url(../images/new/2046.png) 0 8.5px no-repeat;
    background-size: 15px 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;
}
.san-sheet>table {
    width: 100%; margin: 0; padding:0;
    background-color: 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-color: #fff;
    border-top: 1px solid #fff; border-bottom: 1px solid #f5f5f5;
    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 {
    background-color: #f5f5f5;
}
.san-sheet>table>tbody>tr>th, .san-sheet>table>tbody>tr>td {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.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-color: #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-color: #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-color: #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-color: #f5f5f5;
}
/* @media (max-width: 767px) {
    .san-sheet>table.san-sheet-hover>tbody>tr:nth-child(odd):hover>th, .san-sheet>table.san-sheet-hover>tbody>tr:nth-child(odd):hover>td,
    .san-sheet>table.san-sheet-hover>tbody>tr:nth-child(odd).hover>th, .san-sheet>table.san-sheet-hover>tbody>tr:nth-child(odd).hover>td {
        background-color: #fff !important;
        border-color: #f5f5f5 !important;
    }
    .san-sheet>table.san-sheet-hover>tbody>tr:nth-child(even):hover>th, .san-sheet>table.san-sheet-hover>tbody>tr:nth-child(even):hover>td,
    .san-sheet>table.san-sheet-hover>tbody>tr:nth-child(even).hover>th, .san-sheet>table.san-sheet-hover>tbody>tr:nth-child(even).hover>td {
        background-color: #f5f5f5 !important;
        border-color: #f5f5f5 !important;
    }
} */
/* 单元格特定颜色 */
.san-sheet>table>tbody td.bg-sp-1 {background-color: #fff !important;}
.san-sheet>table>tbody td.bg-sp-2 {background-color: #f5f5f5 !important;}
.san-sheet>table>tbody td.bg-sp-3 {background-color: #eee !important;}
/*单元格高亮*/
.san-sheet>table>tbody>tr>th.highlight, .san-sheet>table>tbody>tr>td.highlight {
    background-color:#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-color: #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: 8px 0 5px -5px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 8px 0 5px -5px rgba(0, 0, 0, 0.2);
            box-shadow: 8px 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>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;
    -webkit-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.5);
}
.san-datasheet-suspend-bar .san-sheet {
    overflow: hidden;
}
@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-color: #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;
}
.san-card-sheet .san-sheet-fixed-column {
    -webkit-box-shadow: 1px 0 4px -2px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 1px 0 4px -2px rgba(0, 0, 0, 0.5);
            box-shadow: 1px 0 4px -2px rgba(0, 0, 0, 0.5);
}
@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:18px; 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:32px;
}
.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-32x28-0053bb.png);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-fff.png);}

.san-icon-notes {background-image: url(../images/icon-tips-28x28-c7a578.png); background-size: 18px;}

.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;
}


/*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;
}



/* ====
 * 按钮
 * ==== */ 
.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-color: #fff;
    border-color: #ccc;
}
.san-btn-default:hover,
.san-btn-default:active, .san-btn-default.active {
    color: #333;
    background-color: #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-color: #fff;
    border-color: #ccc;
}
.san-btn-primary {
    color: #fff;
    background-color: #144785;
    border-color: #144785;
}
.san-btn-primary:hover,
.san-btn-primary:active, .san-btn-primary.active {
    color: #fff;
    background-color: #2b60a2;
    border-color: #2b60a2;
}
.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-color: #144785;
    border-color: #144785;
}
.san-btn-lightblue {
    color: #fff;
    background-color: #3b89c7;
    border-color: #3b89c7;
}
.san-btn-lightblue:hover,
.san-btn-lightblue:active, .san-btn-lightblue.active {
    color: #fff;
    background-color: #2b60a2;
    border-color: #2b60a2;
}
.san-btn-lightblue-invert {
    color: #0053bb;
    background-color: #fff;
    border-color: #0053bb;
}
.san-btn-lightblue-invert:hover,
.san-btn-lightblue-invert:active, .san-btn-lightblue-invert.active {
    color: #2b60a2;
    background-color: #fff;
    border-color: #2b60a2;
}
span.san-btn-lightblue-invert,
span.san-btn-lightblue-invert:hover,
span.san-btn-lightblue-invert.active {
    color: #666;
    background-color: #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-color: #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-color: #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: 105px;
    padding-right: 25px;
    background: #fff url(../images/icon-calendar-24x24-666.png) 100% 50% no-repeat;
}
/*选择域*/
.san-select {
    display: block;
    position: relative;
    width:100%; height: 30px;
    margin: 1px 0;
    padding:0 0 0 5px;
    line-height: 28px;
    background-color: #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: 169px;}
.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: 169px;}
    .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: 169px;}
    .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: 169px;}
    .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;
}
.san-form-row>[class*="san-col-"], 
.san-form-row>.san-input-pair {
    padding: 4px 20px;
}
.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-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-color: #fff;
    border: 1px solid #c7a578;
    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-color: #c7a578;
    border-color: #c7a578;
    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-color:#fff;
    -webkit-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, .3), -1px 0 5px -2px rgba(0, 0, 0, .3);
       -moz-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, .3), -1px 0 5px -2px rgba(0, 0, 0, .3);
            box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, .5), -1px 0 5px -2px rgba(0, 0, 0, .5);

    color: #333;
}
.san-tooltips-top .san-tooltips-inner {
    border-bottom: 3px solid #c7a578;
}
.san-tooltips-bottom .san-tooltips-inner {
    border-top: 3px solid #c7a578;
}
.san-tooltips-left .san-tooltips-inner {
    border-right: 3px solid #c7a578;
    -webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .3), -1px 0 5px -2px rgba(0, 0, 0, .3);
       -moz-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .3), -1px 0 5px -2px rgba(0, 0, 0, .3);
            box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .3), -1px 0 5px -2px rgba(0, 0, 0, .3);
}
.san-tooltips-right .san-tooltips-inner {
    border-left: 3px solid #c7a578;
}
.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: #c7a578 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 #c7a578;
}
.san-tooltips-left .san-tooltips-arrow {
    top:50%; right: 2px;
    margin-top: -8px;
    border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #c7a578;
}
.san-tooltips-right .san-tooltips-arrow {
    top:50%; left: 2px;
    margin-top: -8px;
    border-width: 8px 8px 8px 0; border-color: transparent #c7a578 transparent transparent;
}
.san-tooltips[data-modal] {
    position: fixed; top: 0; left:0; z-index: 5000;
    overflow: hidden;
    width: 100vw; height: 100vh;
    background-color: 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-color:#fff;
    border-radius: 8px;
    -webkit-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, .3), -1px 0 5px -2px rgba(0, 0, 0, .3);
       -moz-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, .3), -1px 0 5px -2px rgba(0, 0, 0, .3);
            box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, .3), -1px 0 5px -2px rgba(0, 0, 0, .3);
}
.san-tooltips[data-modal] .san-tooltips-inner {
    position: relative;
    overflow: auto; overflow-x: hidden;
    width:auto; 
    max-height: 65vh;
    padding: 0 20px;
    background-color:#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;
    width: 100%;
    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 4px;
    color: #666; text-decoration: none;
}
.san-pagination>li>a:link, .san-pagination>li>a:visited {
    color: #666;
}
.san-pagination>li>a:hover, .san-pagination>li>a:active {
    color: #e72742;
}
.san-pagination>li.disabled>a,
.san-pagination>li.disabled>span {
    color:#ccc;
    cursor: not-allowed;
}
.san-pagination input[type="text"] {
    width: 42px;
    height: 24px;
    margin-top: -4px; margin-bottom: -4px;
    line-height: 22px;
    background-color: #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-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-color: #fff;
    -webkit-background-clip: padding-box;
       -moz-background-clip: padding-box;
            background-clip: padding-box;
    border: 1px solid #ccc;
    /* border: 1px solid rgba(0, 0, 0, .15); */
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
       -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    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 {
    /* 重置部分元素first-child或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-color: #f5f5f5;
}

.san-droplist-2-handle[data-status="suspend"],
.san-droplist-2-handle[data-status="show"] {
    background-color: #faf7f3;
}
.san-droplist-2 {
    height: auto;
    /*max-height: 480px;*/
    margin: 0; padding: 20px 20px 10px;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    /*margin-top: 56px;*/
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .175);
       -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 6px rgba(0, 0, 0, .175);
}
@media (max-width: 767px) {
    .san-droplist-modal-layer {
        position: fixed; top: 0; left:0; z-index: 5000;
        overflow: hidden;
        width: 100vw; height: 100vh;
        background-color: 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-color:#fff;
        border-radius: 8px;
        -webkit-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, .3), -1px 0 5px -2px rgba(0, 0, 0, .3);
           -moz-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, .3), -1px 0 5px -2px rgba(0, 0, 0, .3);
                box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, .3), -1px 0 5px -2px rgba(0, 0, 0, .3);
    }
    .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-color: #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-color: #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-color: #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-color: #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-color: #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: 15px; height: 27px;
    margin-top: -13.5px;
    background-repeat: no-repeat; background-position: 0 0;
    background-size: cover;
}
.san-slide-dir-nav.disabled {
    opacity: .3;
}
.san-slide-dir-prev {
    left: 2px;
    background-image:url(../images/icon-arrow-left-22x40-e1e1e1.png);
}
.san-slide-dir-next {
    right: 2px;
    background-image:url(../images/icon-arrow-right-22x40-e1e1e1.png);
}
.san-slide-ctrl-nav {
    display: block;
    position: absolute; right:0; bottom:0; left:0;
    height: 10px;
    text-align: center;
    font-size: 0;
}
.san-slide-ctrl-nav>a {
    display: inline-block; overflow: hidden;
    width:8px; height: 8px; line-height: 8px; margin-left: 5px; margin-right: 5px;
    background-color:#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-color: #999999;
    border-color: #999;
}



/* =========
 * 弹出层
 * ========= */
.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-color: 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-color:#fff;
    border-radius: 4px;
    -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.3); 
       -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.3); 
            box-shadow:1px 1px 5px rgba(0,0,0,0.3);
}
.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,.2) 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;
}
.san-tabs-combine>.san-tabs-a-plus-r>.san-link-pro,
.san-tabs-combine>.san-tabs-a-plus-r>.san-link-pro-wrapper .san-link-pro {
    line-height: 1.5;
    font-size: 16px;
}
.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;
    /* font-size: 0; */
    line-height: 24px;
    font-size:14px;
    vertical-align: top;
}
.link-img>img {
    height: 14px; margin-top: 5px;
    vertical-align: top; 
    /* font-size: 0;  */
}
@media (max-width: 767px) {
    .link-img {
        line-height: 24px;
        font-size: 14px;
    }
}

/* “更多”链接 */
.link-more {
    position: relative;
    display: inline;
    margin-left: 0; margin-right: 17px;
    line-height: 24px;
    font-size: 14px;
}
.link-more-ar {
    margin-left: 5px; margin-right: 12px;
}
.link-more:after {
    position: absolute; top: 50%; right:-12px;
    width: 6px; height: 10px;
    margin-top: -5px;
    background: url(../images/icon-arrow-right-6x10-e72742.png) 100% 50% no-repeat;
    /* vertical-align: baseline; */
    content: "\3000";
}
.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;
}
.link-open-ar {
    margin-left: 8px; margin-right: 0;
}
a.link-open {
    background-image: url(../images/icon-entrance-28x28-0053bb.png);
}
span.link-open {
    background-image: url(../images/icon-entrance-28x28-666.png);
}



/* ==============
 * 广告栏位
 * ============== */ 
.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: 10px 20px;
}
[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-color:#f3f3f3;*/
}
[data-sp="trading-calendar"] .ui-datepicker-group-middle {
    background-color:#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-color: #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:99px; 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-left: 10px; padding-right: 10px;
    }
}

@media (max-width: 767px) {
    [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;
}
@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: #c7a578;
    }
    .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:#c7a578;
        }
    .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-top: 0;
}
.san-row:first-child {
    margin-top: -10px;
}
.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-combine:before, .san-tabs-combine: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-combine: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;
    }
}



/* ========
 *   其它
 * ======== */
.w-100 {width: 100px;}
.w-120 {width: 120px;}


@-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-color: rgba(0,0,0,.6);
    -webkit-box-shadow: 0 0 1px 0 rgba(255,255,255,1);
       -moz-box-shadow: 0 0 1px 0 rgba(255,255,255,1);
            box-shadow: 0 0 1px 0 rgba(255,255,255,1);
    border-top-right-radius: 2px; border-bottom-right-radius: 2px;
    color: #fff2a6;
    font-size: 12px;
}
#console-panel:empty {
    display: none;
}
@media \0secreen {
    #console-panel {
        background-color: #666;
    }
}
@media (max-width: 991px) {
    #console-panel {
        font-size: 10px;
    }
}