@charset "utf-8";
/* CSS Document @zhxming 
 * 基于cm-basic.css和cm-layout.css
 * 本样式表用来设置特定场景下的样式，一般用#id来限定使用场景 
 */



/* ========
 * 页头内容
 * ======== */ 
#site-name {
    position: absolute; top: 50%; left: 10px;
    display: block;
    width: 286px; height: 90px;
    margin-top: -45px;
    background: url(../images/logo-full-fff-286x95.png) 0 50% no-repeat;
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
    -webkit-animation: .3s left-in;
       -moz-animation: .3s left-in;
            animation: .3s left-in;
}
#header-response {
    position: absolute; top: 20px; right: 10px;
    padding: 5px 0 6px;
    opacity: 1;
    -webkit-animation: .4s right-in;
       -moz-animation: .4s right-in;
            animation: .4s right-in;
}
#header-response>div {
/* #header-response a { */
    position: relative;
    display: inline-block;
    height: 24px; line-height: 24px;
    margin: 0;
    vertical-align: middle;
    text-decoration: none;
}
#header-response>div+div {
/* #header-response a+a { */
    margin-left: 12px;
}
#header-response>div>a {
    display: block;
}
#header-response .header-btn {
    height: 30px; line-height: 30px;
    padding: 0 12px;
    background-color: #144785;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    color: #fff;
}
#header-response .san-icon-en {
    background-image: url(../images/icon-en-48x48-fff.png);
    width:24px;
    -webkit-background-size: auto 24px;
       -moz-background-size: auto 24px;
            background-size: auto 24px;
}
#header-response .san-icon-totop {
    -webkit-background-size: auto 24px;
       -moz-background-size: auto 24px;
            background-size: auto 24px;
}
#header-response .san-icon-user {
	width: 24px;
    background-image: url(../images/icon-user-48x48-fff.png);
    -webkit-background-size: auto 24px;
       -moz-background-size: auto 24px;
            background-size: auto 24px;
}
#header-response .san-droplist {
    right: -40px;
    padding: 10px 5px;
}
#header-response .san-droplist>div {
    width: 240px;
}
#header-response #header-handle-to-top {
    display: inline-block;
    overflow: hidden;
    opacity: 0;
    width: 0;
    margin-left: 0;
    -webkit-transition: opacity .1s ease-out, margin-left .2s ease-out;
       -moz-transition: opacity .1s ease-out, margin-left .2s ease-out;
        -ms-transition: opacity .1s ease-out, margin-left .2s ease-out;
            transition: opacity .1s ease-out, margin-left .2s ease-out;
}
@media (max-width: 767px) {
    #site-name {
        top: 8px;
        width: 42%; height: 49px;
        margin-top: 0;
    }
    #header-response {
        top: 16px;
    }  
    #header-response #header-handle-to-top.active {
        width: 24px;
        opacity: 1;
        margin-left: 12px;
    }
}



/* ========
 * 主检索栏
 * ======== */
#main-search {
    position: absolute; top: 20px; right: 104px;
    display: table;
    border-collapse: separate;
    width: 440px;
    opacity: 1;
    -webkit-animation: .3s right-in;
       -moz-animation: .3s right-in;
            animation: .3s right-in;
}
#main-search>input[type="text"],
#main-search>div {
    position: relative;
    display: table-cell;
    height: 36px; line-height: 36px;
}
#main-search>input[type="text"] {
    z-index: 2;
    width: 100%;
    margin: 0; padding: 0 5px;
    background-color: #2c5a91;
    border: 1px solid #2c5a91;
    border-radius: 6px;
    color: #fff;
}
#main-search>input[type="text"]:focus {outline: 0;}
#main-search>input[type="text"]::-webkit-input-placeholder{color:#9ba6bf;}
#main-search>input[type="text"]::-moz-placeholder{color:#9ba6bf;opacity:1;}
#main-search>input[type="text"]:-ms-input-placeholder{color:#9ba6bf;}
#main-search>div {
    width: 1%;
    vertical-align: middle;
}
#main-search>div>a {
    display: block;
    width: 34px; height: 36px;
    white-space: nowrap;
    font-size: 0;
    background: transparent url(../images/icon-search-48x48-fff.png) 100% 50% no-repeat;
    -webkit-background-size: 24px auto;
       -moz-background-size: 24px auto;
            background-size: 24px auto;
}
@media (max-width: 991px) {
    #main-search {
        width: 340px;
    }
}
@media (max-width: 767px) {
    #main-search {
        position: relative; top: 0; right: auto;
        width: 100%; padding: 5px;
        background-color: #f5f5f5;
        -webkit-animation: none;
           -moz-animation: none;
                animation: none;
    }
    #main-search>input[type="text"] {
        background-color: #fff;
        border-width:1px 0 1px 1px; border-color: #fff;
        border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0;
        color: #333;
        -webkit-box-shadow: 0 0 5px rgba(0, 44, 103, .2);
           -moz-box-shadow: 0 0 5px rgba(0, 44, 103, .2);
                box-shadow: 0 0 5px rgba(0, 44, 103, .2);
    }
    #main-search>input[type="text"]::-webkit-input-placeholder{color:#999;}
    #main-search>input[type="text"]::-moz-placeholder{color:#999;}
    #main-search>input[type="text"]:-ms-input-placeholder{color:#999;}
    #main-search>div>a {
        width:40px;
        background-color: #144785;
        background: #144785 url(../images/icon-search-48x48-fff.png) 50% 50% no-repeat;
        -webkit-background-size: 24px auto;
           -moz-background-size: 24px auto;
                background-size: 24px auto;
        border-top-right-radius: 4px; border-bottom-right-radius: 4px;border-top-left-radius: 0; border-bottom-left-radius: 0;
        -webkit-box-shadow: 0 0 5px rgba(0, 44, 103, .2);
           -moz-box-shadow: 0 0 5px rgba(0, 44, 103, .2);
                box-shadow: 0 0 5px rgba(0, 44, 103, .2);
    }
}



/* ========
 * 页脚内容
 * ======== */
/* 页脚背景图 */
#footer-bg {
    position: absolute; top: 0; left: -50px; bottom: 0; z-index: 0;
    overflow: hidden;
    width: 340px;
    background: url(../images/logo-transparent-317x331.png) 50%  no-repeat;
    background-size: 317px auto;
}
@media (max-width: 767px) {
    #footer-bg {
        display: none;
    }
}
/* 页脚底部信息 */
#footer-bottom {
    position: relative;
    text-align: center;
}
/* 页脚—事业单位网站标识 */
#footer-conac {
    position: absolute; top: 50%; right: 90px;
    display: block;
    margin-top: -24px;
}
#footer-conac>img {
    display: block;
    width: 40px;
}
/* 页脚-货币网logo */
#footer-hbw {
    display: block; 
    max-width: 260px; height: 36px;
}
/* 页脚-icp等相关 */
#footer-icp>a {
    display: inline-block;
    margin: 0 20px;
}
/* 页脚-客服热线 */
#footer-kfrx {
    display: inline-block;
    /*width: 260px;*/
    margin: 0 0 10px;
    padding: 5px 0;
    /*border-bottom: 1px solid;*/
    font-size: 12px;
    color: #fff;
}
#footer-kfrx p {
    margin: 0;
}
/* 页脚导航链接 */
#footer-qslj-list {
    margin: 20px -14px 0;
    text-align: center;
}
#footer-qslj-list>li {
    position: relative;
    display: inline-block;
    margin: 0 14px;
}
#footer-qslj-list>li:not(:last-child):after {
    position: absolute; top:5px; right: -14px;
    display: block;
    border-style: solid; border-width: 7px 1px 7px 0; border-color: #8aa3c2;
    font-size: 0;
    content: "";
}
/* 页脚-友情链接 */
#footer-yqlj-list {
    margin:0;
}
#footer-yqlj-list>li {
    display: inline-block;
    margin-right: 20px;
}
/* 二维码列表 */
#footer-qrcode {
    width: 100%;
}
.list-qrcode {
    display: inline-block;
}
.list-qrcode>li {
    display: inline-block;
    margin: 0 10px;
    width: 88px;
    text-align: center;
    vertical-align: top;
}
.list-qrcode>li>.thumb,
.list-qrcode>li>a {
    display: block;
    overflow: hidden;
    width: 100%;
    background-color: #fff;
}
.list-qrcode>li>.thumb>img, 
.list-qrcode>li>a>img {
    display: block;
    margin: 0 auto;
    width: 88px; height: 88px;
}
.list-qrcode>li>.text {
    overflow: hidden;
    height: 40px;
    margin-top: 5px;
    line-height: 20px;
    font-size: 12px;
}
#footer-qrcode-droplist {
    position: absolute; top: 15px; right: 20px;
    display: none;
}
#footer-qrcode-handle {
    width:27px; height: 27px;
    background: url(../images/icon-qrcode-54x54-fff.png);
    -webkit-background-size: auto 27px;
       -moz-background-size: auto 27px;
            background-size: auto 27px;
}
@media (max-width: 1229px) {
    #footer-bg {
        left: -140px;
    }
}
@media (max-width: 991px) {
    #footer-qrcode.list-qrcode>li {
        width: 30%;
        max-width: 88px;
        margin-left: 3%; margin-right: 0;
    }
    #footer-qrcode.list-qrcode>li>a>img {
        width: 100%; height: auto;
    }
}
@media (max-width: 767px) {
    #footer-qrcode.list-qrcode {
        display: block;
        margin-top: 10px;
        text-align: center;
    }
    #footer-qrcode.list-qrcode>li>.text {
        height: auto;
    }
    #footer-bg {
        top: -7px; left: -192px;
        width: 427px;
        background-size: auto 460px;
    }
    #footer-bottom {
        margin-top: 10px;
    }
    #footer-conac {
        top: -3px; right: 0;
        margin-top: 0;
    }
    #footer #footer-copyright {
        margin-top: 10px;
    }
    #footer-icp>a {
        display: block;
        margin: 0;
    }
    #footer-qslj-list {
        margin-top: 10px;
        text-align: left;
    }
    #footer-qrcode-droplist {
        display: block;
    }
    #footer-qrcode-droplist-list {
        display: block;
        margin-bottom: 10px;
        font-size: 0;
        letter-spacing: -4px;
        text-align: center;
    }
    #footer-qrcode-droplist-list>li {
        width: 31%;
        margin: 0 1%;
    }
    #footer-qrcode-droplist-list>li * {
        font-size: 14px;
        letter-spacing: 0;
    }
    #footer-qrcode-droplist-list>li>.thumb>img, 
    #footer-qrcode-droplist-list>li>a>img {
        width: 23.5vw; height: 23.5vw;
    }
}



/* ==================
 * 首页顶部大幅Banner
 * ================== */
#main-page-banner, 
#main-page-banner .slides li, 
#main-page-banner .slides li a{
    height: 320px;
}
 #main-page-banner{
    position: relative; z-index: 0;
    overflow:hidden;
    width:100%; margin:0 auto;
    background-color: #e2e2e0;
}
#main-page-banner .slides{
    position:relative; z-index:1;
    margin-bottom: 0; white-space: nowrap; font-size: 0;
    clear:both;
}
#main-page-banner .slides li{
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%; 
    text-align:center;
}
#main-page-banner .slides li a{
    position: absolute; top: 0; left: 50%; z-index: 30;
    display: block;
    width: 2560px;
    margin-left: -1280px;
    text-align:center;
    cursor: pointer;
    background-size: auto 100%;
    background-position: 50% 0;
}
#main-page-banner .slides li img{
    height: 100%;
    font-size: 0;
}
#main-page-banner .flex-control-nav {
    position: absolute; bottom: 30px; left:50%; z-index: 50;
    display: inline-block;
    width: 1230px; margin: 0 0 0 -615px;
    padding: 0 60px;
    font-size: 0;
    text-align: right;
}
#main-page-banner .flex-control-nav li{
    display: inline-block;
    margin: 0 6px;
}
#main-page-banner .flex-control-nav a{
    display: block; overflow: hidden;
    width:40px; height:5px; text-indent: 5000px;
    background-color: #f2f2f3;
    border: 1px solid #c7a478;
    cursor: pointer;
    font-size: 0;
}
#main-page-banner .flex-control-nav .flex-active{
    background-color:#c7a478;
}
#main-page-banner .flex-direction-nav {
    position: absolute; top: 50%; left: 50%; z-index: 50;
    width: 1230px; height: 1px; margin: -19px 0 0 -615px;
}
#main-page-banner .flex-direction-nav a{
    position: absolute; top: 0; z-index: 50;
    display: block; overflow: hidden;
    width: 22px; height: 38px;
    opacity: 0;
    background-image: url(../images/sprite-icon-03.png); background-repeat: no-repeat;
    cursor: pointer;
    font-size: 0;
    color: rgba(0, 0, 0, 0.8); text-decoration: none; text-indent: -10000px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
#main-page-banner .flex-direction-nav .flex-prev{
    left: -50px;
    background-position: 0 0;
}
#main-page-banner .flex-direction-nav .flex-next{
    right: -50px;
    background-position: 0 -52px;
} 
#main-page-banner:hover .flex-direction-nav .flex-prev,
#main-page-banner:hover .flex-direction-nav .flex-next {
    opacity: 0.8;
}
#main-page-banner:hover .flex-direction-nav .flex-prev:hover, 
#main-page-banner:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}
#main-page-banner:hover .flex-direction-nav .flex-prev{
    left: 0;
}
#main-page-banner:hover .flex-direction-nav .flex-next{
    right: 0;
}
@media (max-width: 1229px) {
    #main-page-banner, 
    #main-page-banner .slides li, 
    #main-page-banner .slides li a{
        height: 320px;
    }
    #main-page-banner .flex-control-nav {
        left: 0;
        width: 100%; margin-left: 0;
    }
    #main-page-banner .flex-direction-nav {
        width: 1000px; margin-left: -500px;
    }
}
@media (max-width: 767px) {
    #main-page-banner, 
    #main-page-banner .slides li, 
    #main-page-banner .slides li a{
        height: 50.666667vw;
        min-height: 152px;
    }
    #main-page-banner .slides li a{
        position: relative; top: 0; left: 0;
        width: 100%;
        /*height: 198px;*/
        margin-left: 0;
	    background-size: auto 100%;
	    background-position: 50% 0;
    }
    #main-page-banner .flex-control-nav {
        bottom: 0px;
    }
    #main-page-banner .flex-control-nav li {
        margin-left: 3px; margin-right: 3px;
    }
    #main-page-banner .flex-control-nav a{
        width: 20px; height: 3px;
        border: none;
        -webkit-box-shadow: 0 0 1px 0 #c7a478;
           -moz-box-shadow: 0 0 1px 0 #c7a478;
                box-shadow: 0 0 1px 0 #c7a478;
    }
    #main-page-banner .flex-direction-nav {
        display: none;
        left: 0;
        width: 100%; margin-left: 0;
    }
}



/* ===========
 * 首页布局结构
 * =========== */
#page-homepage .main-body {
    /* margin-top: -30px; */
}

/* 首页-基准价格布局结构 */
#hp-market-tabs-content #hp-market-benchmarks-row-1.san-row {
    margin-top: -11px;
}
@media (max-width: 767px) {
    #hp-market-tabs-content #hp-market-benchmarks-row-1.san-row {
        margin-top: -15px;
    }
}

/* 首页——回购定盘利率 CFETS-BOC债券指数 利率互换定盘/收盘曲线 */
#hp-market-benchmarks-row-3 .san-tabs-panel {
    min-height: 157px;
}
@media (max-width: 767px) {
    #hp-market-benchmarks-row-3 .san-tabs-panel {
        min-height: 0;
    }
}

/* 首页——人民币外汇即期报价，人民币外汇远掉报价 */
#hp-market-fx-row-1 .san-tabs-panel {
    /*min-height: 147px;*/
}
@media (max-width: 767px) {
    #hp-market-tabs-content #hp-market-fx-row-1 {
        margin-top: -10px;
    }
    #hp-market-fx-row-1 .san-tabs-panel {
        min-height: 0;
    }
}

/* 首页——人民币兑美元即期收盘价，人民币兑美元日内走势图 */
#hp-market-fx-row-2>:first-child {
    width: 30%;
}
#hp-market-fx-row-2>:last-child {
    width: 70%;
}
@media (max-width: 991px) {
    #hp-market-fx-row-2>:first-child {
        width: 40%;
    }
    #hp-market-fx-row-2>:last-child {
        width: 60%;
    }
}
@media (max-width: 767px) {
    #hp-market-fx-row-2>:first-child, 
    #hp-market-fx-row-2>:last-child {
        width: 100%;
    }
}

/* 首页——美元拆借加权成交利率 境内美元同业拆放参考利率 */
#hp-market-fx-row-3 .san-tabs-panel {
    /*min-height: 147px;*/
}
@media (max-width: 767px) {
    #hp-market-fx-row-3 .san-tabs-panel {
        min-height: 0;
    }
}

/* 首页——同业拆借行情，质押式回购行情 */
#hp-market-tabs-content #hp-market-rmb-row-1 {
    margin-top: -11px;
}
@media (max-width: 767px) {
    #hp-market-tabs-content #hp-market-rmb-row-1 {
        margin-top: -15px;
    }
}

/* 首页-稿件块1，热点关注等 */
#hp-notice-tabs-wrapper+.san-tabs-content {
/*    min-height: 285px;*/
}
#hp-notice-tabs-wrapper {
    border: none;
    box-shadow: none;
    margin-bottom: 14px;
}

#hp-notice-tabs {
    border-bottom: 1px solid #D8D8D8;
}
/* 首页-稿件块2，信息披露，同业存单等 */
#hp-disclosure-tabs-wrapper+.san-tabs-content {
    min-height: 285px;
}

/* 首页-业务提示 */
#hp-block-bond .section-a-body {
    min-height: 285px;
}

/* 首页-专区、快速链接结构布局 */
#hp-block-portal {
    max-width: 1230px;
    margin: 0 auto;
    margin-top: 20px;
    /* background: #fff none;
    border: 1px solid #fff;
    -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); */
    line-height: 18px;
    font-size: 14px; 
}
#hp-block-portal>.san-row {
    margin-top: 0;
}
#hp-block-portal>.san-row>[class*="san-col-"]:before {
    display: none;
}
#hp-block-portal-left, #hp-block-portal-right {
    /*overflow: hidden;*/
}
#hp-block-portal-left {
    /* width: 67%; */
    
}
#hp-block-portal .feature-container {
    height: 120px;
    padding: 20px 20px 20px 38px;
    border-right: 1px solid #c7a478;
    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);
}
#hp-block-portal .links-container {
    height: 120px;
    padding: 20px 20px 20px 38px;
    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);
}

#hp-block-portal-right {
    /* width: 33%; */
}

#hp-block-portal-left-title, #hp-block-portal-right-title {
    position: absolute;
    overflow: hidden;
    width: 30px; height: 120px; padding: 20px 5px;
    text-align: center;
    color: #fff;
}
/*#hp-block-portal-left-title {
    top: 0; left: 5px;
    height: 120px;
    background-color: #144785;
    background-image: url(../images/new/1158.png); background-repeat: no-repeat;
}*/
#hp-block-portal-right-title {
    top: 0; 
    left: 10px;
    background-color: #c7a478;
    right: 10px;
}

#hp-block-news {
    /*background-color: #fff;*/
}
@media (max-width: 1229px) {
    #hp-block-portal-left {
        /*width: 61%;*/
        padding-right: 5px;
    }
    #hp-block-portal-right {
        /*width: 39%;
        padding-left: 15px; padding-right: 43px;*/
    }
}
@media (max-width: 991px) {
    #hp-notice-tabs+.san-tabs-content, 
    #hp-disclosure-tabs+.san.tabs-content,
    #hp-block-bond .section-a-body {
        min-height: 0;
        padding: 0;
    }
    #hp-block-portal {
        margin-top: 20px;
        /* background: #ecedee none; */
    }
    #hp-block-portal-left, #hp-block-portal-right,
    #hp-block-notice-left, #hp-block-notice-right,
    #hp-block-d-left, #hp-block-d-right {
        width: 100%;
        padding-left: 10px; padding-right: 10px;
    }
    #hp-block-portal-left {
        height: auto;
        margin-top: 0; margin-bottom: 0;
        border-right: 0;
    }
    #hp-block-portal-right {
        height: auto;
    }
   /* #hp-block-portal-left-title, #hp-block-portal-right-title {
        position: relative; top: 0; left: 0; right: auto;
        overflow: hidden;
        width: 100%; height: auto;
        padding: 8px 10px;
        line-height: 26px;
        text-align: left;
        font-size: 16px;
        color: #fff;
    }*/
}
@media (max-width: 767px) {
    #page-homepage .main-body {
        margin-top: 0px;
    }
}



/* ========
 * 首页内容
 * ======== */
#page-homepage .section-a {
    padding: 0;
}
#page-homepage .section-a-head {
    padding: 10px 0px 14px 0px;
}
#page-homepage .section-a-head .san-grid-m {
    border-bottom: 1px solid #D8D8D8;
}
#page-homepage .section-a-head .section-a-title {
    font-size: 18px;
    border-bottom: 2px solid #c7a478;
}
#page-homepage .section-a-head .section-closing-title{
    font-size: 18px;
    line-height: 32px;
}
#page-homepage .section-a-head .section-a-time {
    float: right;
    margin-top: 5px;
}
#page-homepage .section-a-head .section-a-more {
    float: right;
    margin-top: 5px;
}
@media (max-width: 767px) {
    #page-homepage .section-a-head {
        /*padding: 7px 10px;*/
        padding-left:10px;
        padding-right:10px;
    }
}

#page-homepage .section-card-summary {
    overflow: hidden;
}

#hp-card-lpr .section-card-summary {
	position: relative;
    line-height: 109px;
    margin: 0 0 10px 0;
    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);
}

#hp-card-lpr .section-card-summary .txt-sub {
    display: inline-block;
    width: 80px;
    border-radius: 4px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    background-color: #CAB495;
    background-color: rgba(202, 180, 149, 100);
    vertical-align: middle;
    margin: 0 80px 0 20px;
}

#hp-card-lpr .section-card-summary .txt-main {
    display: inline-block;
    vertical-align: middle;
    width:60px;
    font-weight: bold;
}

#page-hp-market-abp {
    /* padding: 0 5px; */
}

#page-hp-market-abp .bond-container {
    display: inline-block;
    letter-spacing: normal;
    width: 32%;
    height: 232px;
    margin-right: 2%;
    padding: 10px 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);
}
#page-hp-market-abp .bond-container .bond-container-title div {
    display: inline-block;
}
#page-hp-market-abp .bond-container:last-child {
    margin-right: 0px;
}

/* #page-hp-market-abp .bond-container .bond-container-title {
    
} */

#page-hp-market-abp .bond-container .txt-sub {
    float: right;
    width: 40px;
    height: 25px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    border-radius: 2px;
    background-color: #CAB495;
    background-color: rgba(202, 180, 149, 100);
}
#page-hp-market-abp .bond-container .bond-container-title img {
    width: 8px;
    height: 15px;
    margin: 0 5px 4px 0;
    vertical-align: middle;
}
#page-hp-market-abp .bond-container .bond-container-title span {
    font-size: 16px;
    color: #000;
    vertical-align: middle;
}

#page-hp-market-abp .bond-container .bond-container-price p {
    font-weight: bold;
    font-size: 34px;
    margin: 20px 0;
}
#page-hp-market-abp .bond-container .bond-container-index .numerical{
    font-size: 16px;
}
#page-hp-market-abp .bond-container .bond-container-index .san-icon-down {
    margin-top: 3px;
}
#page-hp-market-abp .bond-container .bond-container-index .san-icon-up {
    margin-top: 3px;
}

#page-hp-market-dollar-closing .section-a-primary {
    margin-left: 1px;
    border: 1px solid #e1e1e1;
    padding: 10px 20px;
}
#page-hp-market-dollar-closing .section-a-primary .section-a-head{
    padding:0;
 }
#page-hp-market-dollar-closing .section-closing-title img {
    width: 8px;
    height: 15px;
    margin: 0 5px 4px 0;
    vertical-align: middle;
}
#page-hp-market-dollar-day .section-a-primary {
    margin-left: 1px;
    border: 1px solid #e1e1e1;
    padding: 10px 5px 10px 20px;
}
#page-hp-market-dollar-day .section-a-title {
    border: none !important;
}
#page-hp-market-dollar-day .section-a-primary .section-a-head{
    padding:0;
 }
#page-hp-market-dollar-day .section-a-title img {
    width: 8px;
    height: 15px;
    margin: 0 5px 4px 0;
    vertical-align: middle;
}
#hp-market-fx-tabs-3 .i-icon{
    margin-top: 18px;
}
#hp-market-fx-tabs-3 .san-icon-notes-left{
    margin-top: 18px;
    background-image: url(../images/icon-tips-28x28-c7a578.png); 
    background-size: 18px;
}
#hp-market-fx-tabs-3 .hp-market-text-time{
    float: right;
    margin: 20px 20px 0 0;
}
.hp-market-fx-row-1-time{
    float: right;
    margin:0;
    height: 46px;
    border-bottom: 1px solid #D8D8D8;
    line-height:54px;
}
#page-hp-reference-rates .section-a-head{
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 14px;
    padding: 10px 0 0 0;
}
#page-hp-reference-rates .hp-reference-time{
    float: right;
}
#page-hp-reference-rates .section-a-head .section-a-title{
    /*padding-bottom: 13PX;*/
}
#page-hp-market-rmb-interbank-leading{
    border: none !important;
    box-shadow: none !important;
}
#page-hp-market-rmb-interbank-leading .hp-market-rmb-interbank-time{
    float: right;
    margin-top: 5px;
}
#page-hp-market-rmb-interbank-leading{
    border: 1px solid #D8D8D8;
    /*margin: 2px 0 0 2px;*/
    -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);
}

#page-hp-market-rmb-interbank-leading .section-a-head{
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0 0;
    margin-bottom: 14px;
}
/*#hp-card-rmb-interbank-leading .section-card-summary-bg{
    padding: 20px;
    width: 32% !important;
    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);
}*/
#hp-card-rmb-interbank-leading .section-card-summary-bg-margin{
    margin: 0 2% !important;
}
#hp-card-rmb-interbank-leading .txt-sub img{
    width: 8px;
    height: 15px;
    margin: 0 5px 4px 0;
    vertical-align: middle;
}
#hp-card-rmb-interbank-leading .txt-main{
    /*font-weight: bold;*/
 }
/* #hp-rmb-interbank-leading-content .section-chart{
    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);
 }*/
 #page-hp-market-rmb-repo{
     border: none !important;
     box-shadow: none !important;
 }
#page-hp-market-rmb-repo .hp-market-rmb-repo-time{
    float: right;
    margin-top: 5px;
}
#page-hp-market-rmb-repo .section-a-head{
    border-bottom: 1px solid #D8D8D8;
    padding: 10px 0 0;
    margin-bottom: 14px;
}
#page-hp-market-rmb-repo{
    border: 1px solid #D8D8D8;
    /*margin: 2px 2px 0 0;*/
    -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);
}
#hp-card-rmb-repo .txt-sub img{
    width: 8px;
    height: 15px;
    margin: 0 5px 4px 0;
    vertical-align: middle;
}
/*#hp-card-rmb-repo .section-card-summary-bg{
    border: 1px solid #e1e1e1;
    padding: 20px;
    width: 32% !important;
    -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);
}*/
#hp-card-rmb-repo .section-card-summary-bg-margin{
    margin: 0 2% !important;
}
#hp-card-rmb-repo .txt-main{
    /*font-weight: bold;*/
}
/*#hp-rmb-repo-content .section-chart{
    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);
}*/
#page-hp-market-fx-spot{
    /*margin: 0 3px;*/
    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);
}
#page-hp-dollar-leading{
    margin: 10px 0 0;
    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); 
}
#hp-reference-rates-content{
    /*margin: 10px 1px 0;*/
    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);
}
#hp-card-dollar-closing .section-card-body .text-font{
    /*font-weight: bold;*/
}
#hp-card-rmb-repo .section-a-head{
    border-bottom: 1px solid #e1e1e1;
}
#page-hp-market-bond-deal-quot .hp-market-bond-deal-time{
    float: right;
    margin-top: 5px;
}
#page-hp-market-bond-deal-quot .section-a-primary .section-a-head{
    padding: 10px 0 0;
    border-bottom: 1px solid #D8D8D8;
}
#hp-bond-deal-quot-content {
    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);
}
#sheet-hp-bond-deal-quot .san-sheet>table>thead>tr>td>span{
    padding: 5px;
    border-radius: 4px;
    background-color: #CAB495;
    color: #fff !important;
}
#sheet-hp-bond-deal-quot .san-sheet>table>tbody>tr>td>span{
    color: #1A1A1A;
    /*font-weight: bold;*/
}
#sheet-hp-bond-deal-quot .cell-first >span{
    color: #666 !important;
    /*font-weight: lighter !important;*/
}
#sheet-hp-dollar-leading .san-sheet>table>thead>tr>td>span{
    padding: 0 2px;
    border-radius: 2px;
    background-color: #CAB495;
    color: #fff;
}
#sheet-hp-reference-rates .san-sheet>table>thead>tr>td>span{
    padding: 0 2px;
    border-radius: 2px;
    background-color: #CAB495;
    color: #fff;
}
#sheet-hp-reference-rates .san-sheet>table>tbody>tr>td>span{
    color: #1A1A1A;
    /*font-weight: bold;*/
}
#sheet-hp-reference-rates .cell-first >span{
    color: #666 !important;
    /*font-weight: lighter !important;*/
}
#hp-market-fx-tabs-1-wrapper {
    border: none;
    box-shadow: none;
    margin-bottom: 14px;
}
#hp-market-fx-tabs-1>li {
    margin: 10px 20px 0 0;
}
#hp-market-fx-tabs-1>li a{
    color: #1A1A1A;
}
#hp-market-fx-tabs-3-wrapper{
    border: none;
    box-shadow: none;
    margin-bottom: 14px;
}
#hp-market-fx-tabs-3>li{
    margin: 10px 20px 0 0;
}
#hp-market-fx-tabs-3>li a{
    color: #1A1A1A;
}
#sheet-hp-market-fx-spot .san-sheet>table>thead>tr>td>img{
    width: 8px;
    height: 15px;
    margin: 0 5px 4px 0;
    vertical-align: middle;
}
#page-hp-market-cmc {
    /* padding: 0 5px; */
    letter-spacing:normal;
}

#page-hp-market-cmc .bond-container {
    display: inline-block;
    width: 32%;
    margin-right: 2%;
    letter-spacing:normal;
    padding: 20px 20px 49px 20px;
    font-size: 18px;
    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);
}

#page-hp-market-cmc .bond-container-middle {
    margin: 0 2%;
}

#page-hp-market-cmc .bond-container .txt-sub {
    display: inline-block;
    width: 80px;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    background-color: #CAB495;
    background-color: rgba(202, 180, 149, 100);
    vertical-align: middle;
    margin-bottom: 40px;
}

#page-hp-market-cmc .bond-container p {
    font-size: 34px;
    font-weight: bold;
}

#hp-card-llhhqx .section-card-summary {
    /* line-height: 68px; */
    position: relative;
    margin: 0 0 10px 0;
    padding: 16px 20px 0;
    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);
    min-height: 75px;
}

#hp-card-llhhqx .section-card-summary-last {
    margin: 0 0 0 0;
}

#hp-card-llhhqx .section-card-summary .title-container {
    display: inline-block;
    border: 1px solid #CAB495;
    border-radius: 4px;
    /*margin-top: 10px;*/
    margin-right: 70px;
}
#hp-card-llhhqx .section-card-summary .title-container span {
    
}
#hp-card-llhhqx .section-card-summary .title-container .name-one {
    background-color: #CAB495;
    background-color: rgba(202, 180, 149, 100);
    line-height: normal;
    padding: 5px;
    color: #fff;
    text-align: center;
    border-radius: 4px 0 0 4px;
}
#hp-card-llhhqx .section-card-summary .title-container .name-two {
    color: #CAB495;
    color: rgba(202, 180, 149, 100);
    text-align: center;
    padding: 5px;
}

#hp-card-llhhqx .section-card-summary .txt-main {
    display: inline-block;
    vertical-align: middle;
    /*float: right;
    margin-left:10px;*/
    width:120px;
    font-size: 34px;
    font-weight: bold;
}

#page-hp-market-ccpr .bond-container {
    background-color: #FFF;
    letter-spacing: normal;
    width: 100%;
    /* height: 232px; */
    padding: 10px 10px 0 0;
    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);
}

#page-hp-market-ccpr .bond-container .bond-container-title img {
    width: 8px;
    height: 15px;
    margin: 0 5px 4px 0;
    vertical-align: middle;
}
#page-hp-market-ccpr .bond-container .bond-container-title .name {
    font-size: 18px;
    color: #000;
    vertical-align: middle;
}
#page-hp-market-ccpr .bond-container .bond-container-title .section-a-time {
    float: right;
}
#page-hp-market-ccpr .bond-container .bond-container-title .section-a-more {
    float: right;
}
#page-hp-market-ccpr .bond-container .bond-container-currency-info {
    margin-top: 20px;
}
#page-hp-market-ccpr .bond-container .bond-container-currency-info img {
    width: 28px;
    vertical-align: middle;
    margin-right: 5px;
}
#page-hp-market-ccpr .bond-container .bond-container-currency-info span {
    vertical-align: middle;
    color: #777;
}
#page-hp-market-ccpr .bond-container .bond-container-price p {
    font-weight: bold;
    font-size: 40px;
    margin: 20px 0;
}
#page-hp-market-ccpr .bond-container .bond-container-index .numerical{
    font-size: 16px;
}
#page-hp-market-ccpr .bond-container .bond-container-index .san-icon-down {
    margin-top: 3px;
}
#page-hp-market-ccpr .bond-container .bond-container-index .san-icon-up {
    margin-top: 3px;
}
#page-hp-market-ccpr .bond-container .bond-container-currency {
   	width: 40%;
    display: inline-block;
}
#page-hp-market-ccpr .bond-container .bond-container-chart {
    width: 58%;
   height: 130px;
    display: inline-block;
}


#page-hp-market-rmbhlzs .bond-container {
    background-color: #FFF;
    letter-spacing: normal;
    width: 100%;
    /* height: 232px; */
    padding: 10px 0;
    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);
}

#page-hp-market-rmbhlzs .bond-container .bond-container-title {
    padding: 0 10px 0 20px;
}

#page-hp-market-rmbhlzs .bond-container .bond-container-title img {
    width: 8px;
    height: 15px;
    margin: 0 5px 4px 0;
    vertical-align: middle;
}
#page-hp-market-rmbhlzs .bond-container .bond-container-title .name {
    font-size: 18px;
    color: #000;
    vertical-align: middle;
}
#page-hp-market-rmbhlzs .bond-container .bond-container-title .section-a-time {
    float: right;
}
#page-hp-market-rmbhlzs .bond-container .bond-container-title .section-a-more {
    float: right;
}
#page-hp-market-rmbhlzs .bond-container .bond-container-currency-info {
    margin-top: 20px;
}
#page-hp-market-rmbhlzs .bond-container .bond-container-currency-info span {
    vertical-align: middle;
    color: #777;
}
#page-hp-market-rmbhlzs .bond-container .bond-container-price p {
    font-weight: bold;
    font-size: 40px;
    padding: 20px 0;
    border-right: 1px dashed #DEDEDE;
}
#page-hp-market-rmbhlzs .bond-container .bond-container-index {
    border-right: 1px dashed #DEDEDE;
}
#page-hp-market-rmbhlzs .bond-container .bond-container-index .numerical{
    font-size: 16px;
}
#page-hp-market-rmbhlzs .bond-container .bond-container-index .san-icon-down {
    margin-top: 3px;
}
#page-hp-market-rmbhlzs .bond-container .bond-container-index .san-icon-up {
    margin-top: 3px;
}
#page-hp-market-rmbhlzs .bond-container .bond-container-currency {
    width: 33.33333333%;
    padding-left: 20px;
    display: inline-block;
}



/*#page-hp-market-tabset .tabset-menu {
    height: 280px;
    background-image: url(../images/new/1158.png); background-repeat: no-repeat;
    padding:  5px 0;
}*/

/*#page-hp-market-tabset .tabset-menu ul li {
    height: 68px;
    font-size: 16px;
    line-height: 70px;
    color: #fff;
    padding-left: 20px;
    cursor: pointer;
}
#page-hp-market-tabset .tabset-menu ul li.current {
    font-size: 24px;
    border: 1px solid #000;
    border-left: 6px solid #CAB495;
}*/

#page-hp-market-tabset .bond-container {
    background-color: #FFF;
    letter-spacing: normal;
    /* width: 100%; */
    /* height: 232px; */
    padding: 10px 0;
    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);
}
#page-hp-market-tabset .bond-container .bond-container-title {
    height: 20px;
    padding: 0 10px 0 20px;
}
#page-hp-market-tabset .bond-container .bond-container-title .section-a-time {
    float: right;
}
#page-hp-market-tabset .bond-container .bond-container-title .section-a-more {
    float: right;
}
#page-hp-market-tabset .bond-container .bond-container-currency {
    border-right: 1px dashed #DEDEDE;
}
#page-hp-market-tabset .bond-container .bond-container-currency:last-child {
    border-right:none;
}
#page-hp-market-tabset .bond-container .bond-container-currency-info {
    margin-top: 20px;
}
#page-hp-market-tabset .bond-container .bond-container-currency-info span {
    vertical-align: middle;
    color: #777;
}
#page-hp-market-tabset .bond-container .bond-container-price p {
    font-weight: bold;
    font-size: 34px;
    padding: 20px 0;
}
#page-hp-market-tabset .bond-container .bond-container-index .numerical{
    font-size: 16px;
}
#page-hp-market-tabset .bond-container .bond-container-index .san-icon-down {
    margin-top: 3px;
}
#page-hp-market-tabset .bond-container .bond-container-index .san-icon-up {
    margin-top: 3px;
}
#page-hp-market-tabset .bond-container .bond-container-currency {
    /* padding-left: 20px; */
    padding: 0 20px;
    display: inline-block;
}

/*#page-hp-market-tabset .bond-container .bond-container-chart {
    width: 100%;
    height: 100px;
}*/

#page-hp-market-tabset .bond-container .bond-container-chart img {
    width: 100%;

}




/* 首页行情数据tab页 */
#hp-market-tabs {
    max-width: 1230px;
    margin: 0 auto;
    -webkit-animation: .3s pop-in;
       -moz-animation: .3s pop-in;
            animation: .3s pop-in;
}
#hp-market-tabs>li {
    width: 33.333333%;
    max-height: 79px;
    height: 79px;
    line-height: 72px;
}
@media (max-width: 767px) {
    #hp-market-tabs>li {
        width: auto;
        height:50px;
        line-height: 50px;
    }
}
#hp-market-tabs-content {
    /* min-height: 745px; */
    max-width: 1230px;
    margin: 0 auto;
    /* border: 1px solid #c7a478; */
    /* border-radius: 3px; */
    /* -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); */
}
/* #hp-market-tabs-content>.san-tabs-panel {
    margin: -1px;
    min-height: 700px; 
}*/
#hp-market-tabs-content .section-a-primary {
    -webkit-animation: .4s pop-in;
       -moz-animation: .4s pop-in;
            animation: .4s pop-in;
}
@media (max-width: 1229px) {

}
@media (max-width: 767px) {
    #hp-market-tabs-content {
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
    #hp-market-tabs-content>.san-tabs-panel {
        margin: 0;
    }
}

/* 首页-基准价格 */
#hp-market-block-ccpr .section-card-body,
#hp-market-block-rmb-index .section-card-body {
    overflow: hidden;
    height:234px;
}
#hp-market-block-lpr .section-card-body,
#hp-market-block-shibor .section-card-body {
    /*overflow: hidden;
     height:118px; */
}
@media (max-width: 767px) {
    #hp-market-block-ccpr .section-card-body,
    #hp-market-block-rmb-index .section-card-body,
    #hp-market-block-lpr .section-card-body,
    #hp-market-block-shibor .section-card-body {
        height:auto;
    }
    #hp-market-block-rmb-index, #hp-market-block-shibor {margin-top: 0;}
}
#page-hp-market-benchmarks .san-mask{
    background-color: transparent;
    color: #333;
}

/* 首页-人民币汇率中间价 */
#hp-card-ccpr-currency>* {
    line-height: 24px;
    vertical-align: top;
}
#hp-card-ccpr-currency .san-icon-flag-img {
    vertical-align: top;
}
#hp-list-ccpr .san-list-dl>dt {
    width: 100%;
    font-size: 16px;
}
#hp-list-ccpr .san-list-dl>dd:nth-of-type(1) {
    width: 100%;
    font-size: 24px;
}
#hp-list-ccpr .san-list-dl>dd:nth-of-type(2) {
    width: 100%;
    font-size: 16px;
}
#hp-list-ccpr .san-list-dl>dd:nth-of-type(2) .san-icon-down:before, #hp-list-ccpr .san-list-dl>dd:nth-of-type(2) .san-icon-fall:before, 
#hp-list-ccpr .san-list-dl>dd:nth-of-type(2) .san-icon-up:before, #hp-list-ccpr .san-list-dl>dd:nth-of-type(2) .san-icon-rise:before{
    top: 8.5px;
}
#hp-list-ccpr .san-list-dl .san-icon-flag-img {
    margin-right: 10px;
}

#page-hp-market-ccpr #hp-card-ccpr .section-card-summary {
    margin: 0
}

#page-hp-market-ccpr #hp-card-ccpr .section-card-summary .txt-main {
    text-align: left;
}
#page-hp-market-ccpr #hp-card-ccpr .section-card-summary .txt-sub {
    text-align: left;
}

#page-hp-market-ccpr .section-chart {
    padding: 0;
}

#page-hp-market-ccpr .section-card-title {
    margin-bottom: 12px;
    margin-top: 15px;
}
#page-hp-market-ccpr .bond-container-title {
    padding-left: 20px;
}

#page-hp-market-ccpr .san-droplist-group {
    padding-left: 20px;
}

.san-list-dl p {
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section-pg {

}

@media (max-width: 1229px) {
    #hp-card-ccpr-currency {
        font-size: 16px;
    }
}
@media (max-width: 991px) {
    #hp-card-ccpr-currency {
        font-size: 16px;
    }
    #hp-list-ccpr .san-list-dl>dt {
        width: 40%;
        font-size: 16px;
    }
    #hp-list-ccpr .san-list-dl>dd:nth-of-type(1) {
        width: 30%;
        font-size: 24px;
    }
    #hp-list-ccpr .san-list-dl>dd:nth-of-type(2) {
        width: 30%;
        padding-left: 0;
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    #hp-list-ccpr>.san-row>[class*="san-col-"]:last-child .san-list-dl {
        border-bottom: none;
    }
    #hp-list-ccpr .san-list-dl>* {
        padding: 10px 10px;
    }
    #hp-list-ccpr .san-list-dl>dt {
        width: 46%;
    }
    #hp-list-ccpr .san-list-dl>dd:nth-of-type(1) {
        width: 27%;
    }
    #hp-list-ccpr .san-list-dl>dd:nth-of-type(2) {
        width: 27%;
    }
    #hp-list-ccpr .san-list-dl .san-icon {
        width: 10px;
    }
    #hp-list-ccpr .san-list-dl .san-icon-down:before, #hp-list-ccpr .san-list-dl .san-icon-fall:before, 
    #hp-list-ccpr .san-list-dl .san-icon-up:before, #hp-list-ccpr .san-list-dl .san-icon-rise:before {
        left: 0;
    } 
}
@media (max-width: 575px) {
    #hp-list-ccpr .san-list-dl>dt {
        width: 100%;
        padding-bottom: 5px;
    }
    #hp-list-ccpr .san-list-dl>dd {
        padding-top: 5px;
    }
    #hp-list-ccpr .san-list-dl>dd:nth-of-type(1) {
        width: 60%;
        font-size: 20px;
    }
    #hp-list-ccpr .san-list-dl>dd:nth-of-type(2) {
        width: 40%;
        font-size: 18px;
        text-align: right;
    }
}

/* 首页——人民币汇率指数 */
#hp-card-rmb-index .section-card-title>* {
    line-height: 24px;
    vertical-align: top;
}
#hp-list-rmb-index .san-list-dl>dt {
    width: 56%;
    font-size: 16px;
}
#hp-list-rmb-index .san-list-dl>dd:nth-of-type(1) {
    width: 22%;
    font-size: 24px;
}
#hp-list-rmb-index .san-list-dl>dd:nth-of-type(2) {
    width: 22%;
    font-size: 18px;
}
#hp-list-rmb-index .san-list-dl>dd:nth-of-type(2) .san-icon-down:before, #hp-list-rmb-index .san-list-dl>dd:nth-of-type(2) .san-icon-fall:before, 
#hp-list-rmb-index .san-list-dl>dd:nth-of-type(2) .san-icon-up:before, #hp-list-rmb-index .san-list-dl>dd:nth-of-type(2) .san-icon-rise:before{
    top: 8.5px;
}
@media (max-width: 767px) {
    #hp-list-rmb-index>.san-row>[class*="san-col-"]:last-child .san-list-dl {
        border-bottom: none;
    }
}
@media (max-width: 575px) {
    #hp-list-rmb-index .san-list-dl>dt {
        width: 100%;
    }
    #hp-list-rmb-index .san-list-dl>dd:nth-of-type(1) {
        width: 65%;
    }
    #hp-list-rmb-index .san-list-dl>dd:nth-of-type(2) {
        width: 35%;
    }
}

/* 首页-Shibor */
#hp-card-shibor .section-card-summary {
    width: 30%;
    margin-left: 3%; margin-right: 0;
}
#hp-card-shibor .txt-main {
    margin-top: 5px;
    white-space: nowrap; overflow: hidden;
}
#hp-card-shibor .txt-main>div {
    display: inline-block;
}
#hp-card-shibor .txt-main>div+div {
    margin-left: 5px;
    font-size: 26px;
    line-height: 34px;
}
#hp-card-shibor .san-icon {
    height:34px; line-height: 34px;
}
#hp-card-shibor .san-icon-up:before, #hp-card-shibor .san-icon-rise:before,
#hp-card-shibor .san-icon-down:before, #hp-card-shibor .san-icon-fall:before {
    top: 11.5px;
}
@media (max-width: 1229px) {
    #hp-card-shibor .txt-main{
        font-size: 26px;
    }
    #hp-card-shibor .txt-main>div+div{
        font-size: 16px;
    }
}
@media (max-width: 991px) {
    #hp-card-shibor .txt-main{
        font-size: 30px;
    }
    #hp-card-shibor .txt-main>div+div{
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    #hp-card-shibor .txt-main{
        font-size: 26px;
    }
    #hp-card-shibor .txt-main>div {
        display: block;
    }
    #hp-card-shibor .txt-main>div+div {
        margin-left: 0;
    }
}

/* 首页-回购定盘利率 */
#hp-card-frr:after{
    position: absolute; top: 29px; right: 0; 
    width: 1px; height: 60px; 
    background-color: #eaeaea; 
    content:'';
}
/*#hp-card-frr .section-card-body,
#hp-card-fdr .section-card-body{
    white-space: nowrap; overflow: hidden;
}*/
#hp-card-frr .section-card-summary,
#hp-card-fdr .section-card-summary{
    width: 24%;
    margin-left: 1%; margin-right: 1%;
}
#hp-card-frr div.section-card-summary:first-child, 
#hp-card-fdr div.section-card-summary:first-child {
    width: 21%;
    margin-left: 0; margin-right: 0;
    padding-right: 10px;
}
#hp-card-frr .txt-main, #hp-card-fdr .txt-main {
    margin-top: 3px;
    font-size: 26px;
    font-weight: bold;
}
@media (max-width: 991px) {
    #hp-card-frr:after{
        display: none;
    }
    #hp-card-frr .section-card-body {
        padding-bottom: 10px;
    }
    #hp-card-fdr .section-card-body {
        padding-top: 10px;  
    }
}
@media (max-width: 767px) {
    #hp-card-fdr {
        margin-top: -22px;
    }
    #hp-card-frr .section-card-summary, 
    #hp-card-fdr .section-card-summary{
        width: 31%;
        margin-left: 1%; margin-right: 1%;
    }
    #hp-card-frr .section-card-body>div.section-card-summary:first-child, 
    #hp-card-fdr .section-card-body>div.section-card-summary:first-child{
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}

/* 首页-CFETS-BOC债券指数 */
#hp-card-boc-1 .section-card-body,
#hp-card-boc-2 .section-card-body,
#hp-card-boc-3 .section-card-body,
#hp-card-boc-4 .section-card-body{
    white-space: nowrap; overflow: hidden;
}
#hp-card-boc-1 .section-card-summary,
#hp-card-boc-2 .section-card-summary,
#hp-card-boc-3 .section-card-summary,
#hp-card-boc-4 .section-card-summary{
    width: 29%;
    margin-left: 1%; margin-right: 2%;
}
#hp-card-boc-1 div.section-card-summary:first-child, 
#hp-card-boc-2 div.section-card-summary:first-child, 
#hp-card-boc-3 div.section-card-summary:first-child, 
#hp-card-boc-4 div.section-card-summary:first-child {
    width: 35%;
    margin-left: 0; margin-right: 0; margin-top: 6px;
    padding-right: 10px;
}
#hp-card-boc-1 .txt-main,
#hp-card-boc-2 .txt-main,
#hp-card-boc-3 .txt-main,
#hp-card-boc-4 .txt-main{
    margin-bottom: 5px;
    font-size: 26px;
}
@media (max-width: 991px) {
    #hp-card-boc-1 .section-card-body {
        padding-bottom: 10px;
    }
    #hp-card-boc-2 .section-card-body, #hp-card-boc-3 .section-card-body {
        padding-top: 10px; padding-bottom: 10px;
    }
    #hp-card-boc-4 .section-card-body {
        padding-top: 10px;  
    }
}
@media (max-width: 767px) {
    #hp-card-boc-2,
    #hp-card-boc-3,
    #hp-card-boc-4 {
        margin-top: -22px;
    }
    #hp-card-boc-1 .section-card-summary, 
    #hp-card-boc-2 .section-card-summary, 
    #hp-card-boc-3 .section-card-summary, 
    #hp-card-boc-4 .section-card-summary{
        width: 48%;
        margin-left: 0; margin-right: 2%;
    }
    #hp-card-boc-1 .section-card-body>div.section-card-summary:first-child, 
    #hp-card-boc-2 .section-card-body>div.section-card-summary:first-child, 
    #hp-card-boc-3 .section-card-body>div.section-card-summary:first-child, 
    #hp-card-boc-4 .section-card-body>div.section-card-summary:first-child{
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}

/* 首页-利率互换定盘/收盘曲线 */
#hp-card-ifcc {padding: 22px 20px;}
#hp-card-ifcc .san-col-1{width:14.285714%;}
#hp-card-ifcc .txt-main{font-size: 26px; line-height: 30px;}
#hp-card-ifcc .txt-sub{font-size: 16px; line-height: 30px; color: #666;}
#hp-card-ifcc .san-col-1:first-child .txt-main {font-size: 16px; color: #666;}
#hp-sheet-ifcc  {
    padding: 10px 0;
}
@media (max-width: 991px) {
    #hp-card-ifcc {
        overflow: auto;
        padding: 22px 10px;
    }
    #hp-card-ifcc>.san-row {
        white-space: nowrap;
    }
    #hp-card-ifcc .san-col-1{
        float:none;
        display: inline-block;
        min-width: 120px;
    }
}

/* 首页-银行间本币市场成交概览 */
#hp-notice-hotspot .san-grid-l {
    margin-right: 20px;
}
#hp-notice-hotspot .san-thumbnail {
    width: 170px;
}
#hp-notice-hotspot-title {
    display: block;
    margin-top: 3px; margin-bottom: 5px;
    font-size: 16px; line-height: 1.5;
    color: #144785;
}
#hp-notice-hotspot-text {
    overflow: hidden;
    height: 72px;
    margin: 0;
}
@media (max-width: 767px) {
    #hp-notice-hotspot .san-grid-l {
        float: none;
        margin-right: 0;
    }
    #hp-notice-hotspot .san-thumbnail {
        width: 100%;
    }
    #hp-notice-hotspot-text {
        overflow: hidden;
        height: auto;
    }
}

/* 首页——人民币外汇远掉报价 */
#hp-card-fx-swap .section-card-title {
    margin-bottom: 20px;
}
#hp-card-fx-swap .section-card-summary{
    margin: 0 1%;
    text-align: center;
}
#hp-card-fx-swap .section-card-summary .txt-main{
    font-size: 26px;
}
#hp-card-fx-swap .section-card-summary[data-index="0"] {
    width: 13%;
    text-align: left;
}
#hp-card-fx-swap .section-card-summary[data-index="0"] .txt-main{
    margin-top: 14px;
    font-size: 20px;
}
#hp-card-fx-swap .section-card-summary[data-index="1"]{
    width: 28%
}
#hp-card-fx-swap .section-card-summary[data-index="2"]{
    width: 26%
}
#hp-card-fx-swap .section-card-summary[data-index="3"]{
    width: 25%
}
#hp-list-fx-swap .san-list-dl>dt {
    font-size: 18px;
}
#hp-list-fx-swap .san-list-dl>dd {
    font-size: 20px;
    text-align: center;
}
#hp-list-fx-swap .san-list-dl>dt {
    width: 20%;
    margin-top: 10px;
}
#hp-list-fx-swap .san-list-dl>dd:nth-of-type(1) {
    width: 23%;
}
#hp-list-fx-swap .san-list-dl>dd:nth-of-type(2) {
    width: 27%;
}
#hp-list-fx-swap .san-list-dl>dd:nth-of-type(3) {
    width: 30%;
}
#hp-list-fx-swap .san-list-dl>dd>*:nth-child(2) {
    margin-top: 5px;
    line-height: 1;
    font-size: 14px;
    color: #666;
}
@media (max-width: 1229px) {
    #hp-card-fx-swap .section-card-summary .txt-main{
        font-size: 20px;
    }
}
@media (max-width: 991px) {
    #hp-fx-swap-card-data .section-card-summary[data-index="1"]{
        width: 28%
    }
    #hp-fx-swap-card-data .section-card-summary[data-index="2"]{
        width: 26%
    }
    #hp-fx-swap-card-data .section-card-summary[data-index="3"]{
        width: 25%
    }
    #hp-fx-swap-card-data .section-card-summary .txt-main{
        font-size: 18px;
    }
    #hp-fx-swap-card-data .section-card-summary[data-index="0"] .txt-main{
        font-size: 16px;
    }
    #hp-list-fx-swap .san-list-dl>dt {
        margin-top: 0;
        font-size: 14px;
    }
    #hp-list-fx-swap .san-list-dl>dd {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    #hp-card-fx-swap .section-card-title {
        font-size: 16px;
    }
    #hp-fx-swap-card-data .section-card-summary[data-index="0"] {
        width: 100%;
        display: block;
    }
    #hp-fx-swap-card-data .section-card-summary[data-index="1"]{
        width: 32%;
    }
    #hp-fx-swap-card-data .section-card-summary[data-index="2"]{
        width: 31%;
    }
    #hp-fx-swap-card-data .section-card-summary[data-index="3"]{
        width: 30%;
    }
    #hp-fx-swap-card-data .section-card-summary .txt-main{
        font-size: 16px;
    }
    #hp-fx-swap-card-data .section-card-summary[data-index="0"] .txt-main{
        margin-top: 0;
        line-height: 24px;
    }
    #hp-list-fx-swap .san-list-dl>dt {
        width: 100%;
        padding-bottom: 0;
        font-size: 14px;
    }
    #hp-list-fx-swap .san-list-dl>dd {
        font-size: 12px;
    }
    #hp-list-fx-swap .san-list-dl>dd>*:nth-child(2) {
        font-size: 12px;
    }
    #hp-list-fx-swap .san-list-dl>dd:nth-of-type(1) {
        width: 30%;
    }
    #hp-list-fx-swap .san-list-dl>dd:nth-of-type(2) {
        width: 33%;
    }
    #hp-list-fx-swap .san-list-dl>dd:nth-of-type(3) {
        width: 36%;
    }
}
@media (max-width: 575px) {
    #hp-fx-swap-card-data {
        overflow: hidden; overflow-x: auto;
        white-space: nowrap;
    }
    #hp-fx-swap-card-data .section-card-summary[data-index="1"]{
        width: 38%;
    }
    #hp-fx-swap-card-data .section-card-summary[data-index="2"]{
        width: 37%;
    }
    #hp-fx-swap-card-data .section-card-summary[data-index="3"]{
        width: 37%;
    }
}

/* 首页——人民币兑美元即期收盘价 */
#hp-card-dollar-closing{
    height: 210px;
    padding-top: 20px;
}

/* 首页——人民币兑美元日内走势图 */
#hp-market-dollar-day-chart-body {
    height: 210px;
}
#hp-market-dollar-day-chart-table {
    width: 60%;
    margin: 0 auto;
}
#hp-market-dollar-day-chart-body .plus-200306 { 
    position: absolute; bottom: 10px; right: 20px;
    display: inline-block;
    text-align: right;
}
#hp-market-dollar-day-chart-body .section-chart { 
    padding: 0 20px 10px;
}
@media (max-width: 991px) {
    #hp-market-dollar-day-chart-table {
        width: 100%;
    }
}
@media (max-width: 767px) {
    #hp-card-dollar-closing,
    #hp-market-dollar-day-chart-body {
        height: auto;
        /*min-height: 243px;*/
    }
    #hp-market-dollar-day-chart-body .plus-200306 { 
        position: relative; bottom: 10px; right: 10px;
        display: block;
        margin-top: 10px;
    }
}

/* 首页——参考汇率 */
#hp-reference-rates-content .san-card-sheet .san-sheet>table>tbody>tr>th, #hp-reference-rates-content .san-card-sheet .san-sheet>table>tbody>tr>td {
    font-size: 18px;
}
#hp-reference-rates-content .san-card-sheet .san-sheet>table>tbody>tr>th.cell-sub, #hp-reference-rates-content .san-card-sheet .san-sheet>table>tbody>tr>td.cell-sub,
#hp-reference-rates-content .san-card-sheet .san-sheet>table>tfoot>tr>th.cell-sub, #hp-reference-rates-content .san-card-sheet .san-sheet>table>tfoot>tr>td.cell-sub {
    font-size: 14px;
}

/* 首页——同业拆借行情，质押式回购行情 */
/*#hp-card-rmb-interbank-leading>.section-card-body>div, 
#hp-card-rmb-repo>.section-card-body>div {
    width: 25%;
    margin: 0;
}*/
/* #hp-card-rmb-interbank-leading>.section-card-body>div:nth-child(1), 
#hp-card-rmb-repo>.section-card-body>div:nth-child(1) {
    width: 24%;
} */
#hp-card-rmb-interbank-leading>.section-card-body .txt-main, 
#hp-card-rmb-repo>.section-card-body .txt-main {
    font-size: 34px;
    border-right: 1px dashed #DEDEDE;
}
/* #hp-card-rmb-interbank-leading>.section-card-body>div:nth-child(1)>*, 
#hp-card-rmb-repo>.section-card-body>div:nth-child(1)>* {
    font-size: 14px;
} */
#hp-rmb-interbank-leading-content, 
#hp-rmb-repo-content {
    min-height: 280px;
}
@media (max-width: 991px) {
    #hp-rmb-interbank-leading-content, 
    #hp-rmb-repo-content {
        min-height: 0;
    }
}
@media (max-width: 767px) {
    #hp-card-rmb-interbank-leading>.section-card-body>div, 
    #hp-card-rmb-repo>.section-card-body>div {
        /*width: 24.5%;*/
        padding-left: 10px;
    }
    #hp-card-rmb-interbank-leading>.section-card-body .txt-main, 
    #hp-card-rmb-repo>.section-card-body .txt-main {
        font-size: 26px;
    }
    #hp-card-rmb-interbank-leading>.section-card-body .txt-sub, 
    #hp-card-rmb-repo>.section-card-body .txt-sub {
        font-size: 14px;
    }
    /* #hp-card-rmb-interbank-leading>.section-card-body>div:nth-child(1)>*, 
    #hp-card-rmb-repo>.section-card-body>div:nth-child(1)>* {
        font-size: 12px;
    } */
}
@media (max-width: 575px) {
    #hp-card-rmb-interbank-leading>.section-card-body .txt-main, 
    #hp-card-rmb-repo>.section-card-body .txt-main {
        font-size: 22px;
    }
}

/* 首页——现券市场行情 */
#hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>thead>tr>th, #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>thead>tr>td,
#hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tbody>tr>th, #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tbody>tr>td,
#hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tfoot>tr>th, #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tfoot>tr>td {
    padding-top: 5px; padding-bottom: 5px;
    line-height: 24px;
}
#hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>thead>tr>th, #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>thead>tr>td {
    font-size: 14px;
}
#hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tbody>tr>th, #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tbody>tr>td {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    font-size: 18px;
}
#hp-bond-deal-quot-content .san-sheet-col-2:after {
    position: absolute; top: 20px; left: 50%; bottom:20px; 
    width: 1px; 
    /*margin-left: -15px;
    background-color: #eaeaea;*/
    border-left: 1px dashed #DEDEDE; 
    content:'';
}
@media (max-width: 1229px) {
    #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tbody>tr>th.cell-sub, #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tbody>tr>td.cell-sub,
    #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tfoot>tr>th.cell-sub, #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tfoot>tr>td.cell-sub {
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tbody>tr>th.cell-sub, #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tbody>tr>td.cell-sub,
    #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tfoot>tr>th.cell-sub, #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tfoot>tr>td.cell-sub {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tbody>tr>th, #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tbody>tr>td {
        white-space: normal; overflow: visible; text-overflow: clip;
    }
    #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tbody>tr>th.cell-sub, #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tbody>tr>td.cell-sub,
    #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tfoot>tr>th.cell-sub, #hp-bond-deal-quot-content .san-card-sheet .san-sheet>table>tfoot>tr>td.cell-sub {
        font-size: 14px;
    }
}




/* 首页-专区入口 */
#hp-feature-slide {
    height: 80px;
}
#hp-feature-slide .san-slide-frame{
    margin-left: 19px; margin-right: 19px;
}
#hp-feature-list>li {
    width: 142px;
}
#hp-feature-list>li>a{
    height: 80px;
}
#hp-feature-list>li .li-text {
    height: 36px;
    margin-top: 4px;
}
#hp-feature-list .san-icon {
    width: 40px; height: 40px;
    background-size: auto 40px;
}
#hp-feature-list>li .san-icon+* {
    margin-left: 0;
}
/* 首页-快速链接 */
#hp-links-slide {
    height: 120px; 
    padding: 0 0 0 20px;
}
#hp-links-slide .san-slide-ctrl-nav{
    bottom: 8px;
}
#hp-links-list>li {
    overflow: hidden;
    height: 90px;
}
#hp-links-list .san-list-h>li {
    width: 100%;
    margin: 4px 0 4px;
    background-position: 0 5px;
}
/*#hp-links-list .san-list-h>li:hover {
    background-image: url(../images/icon-arrow-right-6x6-c7a478.png);
}*/
#hp-links-list .san-list-h>li>a:hover, #hp-links-list .san-list-h>li>a:active {
    color: #c7a478;
}
@media (max-width: 1229px) {
    #hp-feature-list>li {
        width: 20%;
        padding-left: 5px; padding-right: 5px;
    }
}
@media (max-width: 991px) {
    #hp-feature-slide {
        height: auto;
    }
    #hp-feature-slide .san-slide-frame{
        overflow: auto; overflow-y: hidden;
        width: 100%;
        margin-left: 0; margin-right: 0;
        padding: 10px 10px;
    }
    #hp-feature-list {
        width: auto !important;
        white-space: nowrap;
    }
    #hp-feature-list>li {
        width: 20%;
        display: inline-block;
        float: none; 
        vertical-align: top;
        white-space: normal;
    }
    #hp-feature-slide .san-slide-dir-nav {
        display: none;
    }
    #hp-links-slide {
        height: auto;
        padding: 0;
    }
    #hp-links-slide .san-slide-frame{
        overflow: auto; overflow-y: hidden;
        width: 100%;
        margin-left: 20px; margin-right: 0;
        /*padding: 10px 30px;*/
    }
    #hp-links-slide .san-slide-ctrl-nav {
        display: none;
    }
    #hp-links-list {
        width: auto !important;
        white-space: nowrap;
    }
    #hp-links-list>li {
        /*width: 60% !important;*/
        display: inline-block;
        float: none; 
        height: auto;
        vertical-align: top;
    }
    #hp-links-list .san-list-h>li {
        display: block;
	    margin: 10px 0;
	    padding-right: 25px;
	    background-position: 0 1px;
    }
	#hp-links-list>li>div{
    	margin-top: 0;
	}
	#hp-block-portal-left-title {
		height: 32px;
	    padding: 0;
	    width: -webkit-fill-available;
	    text-align: left;
	    font-size:18px;
	    line-height: 32px;
	}
	#hp-block-portal-right-title {
	    height: 32px;
	    padding: 0;
	    width: -webkit-fill-available;
	    text-align: left;
		font-size:18px;
	    line-height: 32px;
	}
	#hp-block-news .links-container {
		height: 80px;
	}
}
@media (max-width: 767px) {
    #hp-feature-list>li {
        width: 29%;
    }
    #hp-links-list>li {
        width: 95% !important;
    }
    #hp-links-list .san-list-h>li:hover {
        background-image: url(../images/icon-arrow-right-6x6-ddd.png);
    }
    #hp-links-list .san-list-h>li>a:hover, #hp-links-list .san-list-h>li>a:active {
        color: #333;
    }
}


/* 债券详细页 */
#detail-bond-price-group {
    padding-top: 20px; padding-bottom: 20px;
    background-color: #f7f7f7;
    border-radius: 3px;
}
#detail-bond-price-group .section-card-summary {
    margin-top: 10px; margin-bottom: 10px;
    width: 17%;
    margin-left: 1%; margin-right: 1%;
    text-align: center;
}
#detail-bond-price-group .section-card-summary .txt-main {
    margin-top: 0; margin-bottom: 0;
    font-size: 24px;
}
#detail-bond-price-group .section-card-summary .txt-sub {
    font-size: 14px;
}
@media (max-width: 991px) {
    #detail-bond-price-group {
        padding-top: 10px; padding-bottom: 10px;
    }
    #detail-bond-price-group .section-card-summary {
        width: 19%;
        margin-left: 0; margin-right: 0;
    }
}
@media (max-width: 767px) {
    #detail-bond-price-group .section-card-summary {
        width: 30%;
    }
    #detail-bond-price-group .section-card-summary .txt-main {
        font-size: 24px;
    }
}
@media (max-width: 575px) {
    #detail-bond-price-group .section-card-summary .txt-main {
        font-size: 18px;
    }
    #detail-bond-price-group .section-card-summary .txt-sub {
        font-size: 12px;
    }
}
#detail-bond-price-group>div:first-child:nth-last-child(6),
#detail-bond-price-group>div:first-child:nth-last-child(6) ~ div {
    width: 16%;
    margin-left: 0; margin-right: 0;
}
@media (max-width: 991px) {
    #detail-bond-price-group>div:first-child:nth-last-child(6) .txt-main,
    #detail-bond-price-group>div:first-child:nth-last-child(6) ~ div .txt-main {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    #detail-bond-price-group>div:first-child:nth-last-child(6),
    #detail-bond-price-group>div:first-child:nth-last-child(6) ~ div {
        width: 30%;
    }
}
@media (max-width: 575px) {
    #detail-bond-price-group>div:first-child:nth-last-child(6),
    #detail-bond-price-group>div:first-child:nth-last-child(6) ~ div {
        width: 30%;
    }
}



/* 登录页 */
#form-login {
    width: 50%;
}
#form-login .section-form-l {
    width: 15%;
}
#form-login .section-form-r {
    width: 55%;
}
#form-login .section-form-p {
    width: 30%;
}
@media (max-width: 1229px) {
    #form-login {
        width: 62%;
    }
}
@media (max-width: 991px) {
    #form-login {
        width: 83%;
    }
}
@media (max-width: 767px) {
    #form-login {
        width: 65%;
    }
    #form-login .section-form-l {
        width: 18%;
    }
    #form-login .section-form-r {
        width: 57%;
    }
    #form-login .section-form-p {
        width: 25%;
    }
}
@media (max-width: 575px) {
    #form-login {
        width: 100%;
    }
    #form-login .section-form-l {
        width: 20%;
    }
    #form-login .section-form-r {
        width: 57%;
    }
    #form-login .section-form-p {
        width: 23%;
    }
}


/* 注册页 */
#form-register {
    width: 50%;
}
#form-register .section-form-l {
    width: 20%;
}
#form-register .section-form-r {
    width: 80%;
}
@media (max-width: 1229px) {
    #form-register {
        width: 60%;
    }
}
@media (max-width: 991px) {
    #form-register {
        width: 90%;
    }
}
@media (max-width: 575px) {
    #form-register {
        width: 100%;
    }
    #form-register .section-form-l {
        width: 25%;
    }
    #form-register .section-form-r {
        width: 75%;
    }
}


/* 忘记密码 */
#form-forgotten-password {
    width: 80%;
}
#form-forgotten-password .section-form-f {
    width: 18%;
}
#form-forgotten-password .section-form-l {
    width: 12%;
}
#form-forgotten-password .section-form-r {
    width: 70%;
}
#form-forgotten-password .san-input-text-inline,
#form-forgotten-password .san-select-inline,
#form-forgotten-password .vcode {
    width: 240px;
}
@media (max-width: 1229px) {
    #form-forgotten-password {
        width: 100%;
    }
}
@media (max-width: 991px) {
    #form-forgotten-password .section-form-f {
        display: none;
    }
    #form-forgotten-password .section-form-l {
        width: 20%;
    }
    #form-forgotten-password .section-form-r {
        width: 80%;
    }
}
@media (max-width: 767px) {
    #form-forgotten-password .section-form-l {
        width: 15%;
    }
    #form-forgotten-password .section-form-r {
        width: 85%;
    }
}
@media (max-width: 575px) {
    #form-forgotten-password .san-input-text-inline,
    #form-forgotten-password .san-select-inline,
    #form-forgotten-password .vcode {
        width: 100%;
    }
    #form-forgotten-password .section-form-l {
        width: 25%;
    }
    #form-forgotten-password .section-form-r {
        width: 75%;
    }
}


/* 在线留言 */
#form-online-message .san-input-text-inline,
#form-online-message .vcode {
    width: 280px;
}
#form-online-message #tel-code {
    width: 60px;
}
#form-online-message #tel-number {
    width: 100%;
}
@media (max-width: 575px) {
    #form-online-message .san-input-text-inline {
        width: 100%;
    }
    #form-online-message .vcode {
        width: 85%;
    }
    #form-online-message #tel-code-number {
        width: 100%;
    }
    #form-online-message .section-form-btn .san-input-pair-l {
        display: none;
        width: 0;
    }
    #form-online-message .section-form-btn .san-input-pair-m {
        display: block;
        width: 100%;
    }
}



/* 高级查询 */
#page-search .section-fm {
    padding-top: 10px; padding-bottom: 10px;
}
#form-search-site-keyword>.san-input-text {
    width: 47%;
}
#form-search-site-keyword>.san-input-static {
    width: 50%;
    margin-left: 5px;
}
#form-search-market,
#form-search-disclosure {
    width: 45%;
    margin: 0 auto;
}
#tabs-group-search-site-results {
    margin-top: 10px;
}
#tabs-group-search-site-results>.san-tabs-ta {
    float: left;
}
#tabs-group-search-site-results>.san-tabs-ta>li {
    font-size: 14px;
}
#tabs-group-search-site-results>div {
    float: right;
    padding: 10px 20px;
}
@media (max-width: 1229px) {
    #form-search-site-keyword>.san-input-text {
        width: 300px;
    }
    #form-search-site-keyword>.san-input-static {
        width: 50%;
        margin-left: 5px;
    }
    #select-channel {
        width: 300px;
    }
    #form-search-market,
    #form-search-disclosure {
        width: 55%;
    }
}
@media (max-width: 991px) {
    #form-search-site-keyword>.san-input-text {
        width: 280px;
    }
    #form-search-site-keyword>.san-input-static {
        width: 50%;
        margin-left: 5px;
    }
    #select-channel {
        width: 280px;
    }
    #form-search-market {
        width: 75%;
    }
}
@media (max-width: 767px) {
    #tabs-group-search-site-results {
        margin-top: 0;
    }
    #form-search-site-keyword>.san-input-text {
        width: 100%;
    }
    #form-search-site-keyword>.san-input-static {
        width: 100%;
        margin-left: 0;
    }
    #select-channel {
        width: 100%;
    }
    #form-search-market,
    #form-search-disclosure {
        width: 100%;
    }
    #tabs-group-search-site-results>.san-tabs-ta {
        float: none;
    }
    #tabs-group-search-site-results>div {
        float: none;
        padding: 10px 10px;
    }
}
@media (max-width: 575px) {
    #form-search-site-date-range {
        white-space: normal;
    }
}



/* 站点地图 */
#sitemap {
    padding: 0;
}
#sitemap .san-list-m>li {
    width: 20%;
    margin: 10px 0;
    padding:0 20px;
}
@media (max-width: 991px) {
    #sitemap .san-list-m>li {
        width: 25%;
    }
}
@media (max-width: 767px) {
    #sitemap .san-list-m>li {
        width: 33%;
        padding:0 10px;
    }
}
@media (max-width: 575px) {
    #sitemap .san-list-m>li {
        width: 100%;
        margin-left: 0; margin-right: 0;
    }
}





/* ===========
 * 统一样式属性
 * =========== */ 
#hp-market-tabs-content .san-grid,
#hp-market-tabs-content .san-datasheet,
#hp-market-tabs-content .section-a,
#hp-market-tabs-content .section-block,
#hp-market-tabs-content .section-card,
#hp-market-tabs-content .section-chart {
    margin-top: 10px;
}
#hp-market-tabs-content .san-grid:first-child,
#hp-market-tabs-content .san-datasheet:first-child,
#hp-market-tabs-content .section-a:first-child,
#hp-market-tabs-content .section-block:first-child,
#hp-market-tabs-content .section-card:first-child,
#hp-market-tabs-content .section-chart:first-child {
    margin-top: 0;
}
#hp-market-tabs-content .san-row:first-child {
    margin-top: -10px;
}
#hp-market-tabs-content .san-row>[class*="san-col-"]:before {
    padding: 5px 0;
}
@media (max-width: 767px){
    #hp-market-tabs-content .san-grid,
    #hp-market-tabs-content .san-datasheet,
    #hp-market-tabs-content .section-a,
    #hp-market-tabs-content .section-block,
    #hp-market-tabs-content .section-card,
    #hp-market-tabs-content .section-chart {
        margin-top: 10px;
    }
    #hp-market-tabs-content .san-row:first-child {
        margin-top: -5px;
    }
    #hp-market-tabs-content .san-row>[class*="san-col-"]:before {
        padding: 5px 0 0;
    }
}


#tabs-group-search-site-results:before,#tabs-group-search-site-results:after {
    content:" ";display:table;border-collapse:collapse;border-spacing:0;line-height:0;
}
#tabs-group-search-site-results:after {
    clear:both;
}

#list-bond-rating-agency {padding: 10px 20px;}
#list-bond-rating-agency>li {width:33%; margin-right: -4px; margin-top: 5px; margin-bottom: 5px;}
@media (max-width: 1229px) {
    #list-bond-rating-agency>li {width:50%; margin-right: -4px;}
}
@media (max-width: 991px) {
    #list-bond-rating-agency>li {width:270px; margin-right: -4px;}
}
@media (max-width: 767px) {
    #list-bond-rating-agency {padding: 5px 10px;}
    #list-bond-rating-agency>li {display: block; width:auto; margin-right: 0; margin-top: 10px; margin-bottom: 10px;}
}


#gray-trigger {
    position: absolute; bottom:0; left: 0; z-index: 5000;
    display: block;
    width: 40px; height: 40px;
    background-color: #ccc;
    cursor: pointer;
}