@charset "UTF-8";

/*** 公共 开始***/


/*** 公共 结束***/


/* 零售业务频道页 开始 */


/* 贵金属 table字体 开始 */


/* .p-table-size table {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.5em;
}

.gjs-table tr:nth-child(odd) {
    background-color: #f7f7f7;
}

@media (max-width: 991.98px) {
    .p-table-size table th {
        font-size: 0.3rem;
        line-height: 0.5rem;
    }
    .p-table-size table td {
        font-size: 0.3rem;
        line-height: 0.5rem;
    }
} */


/* .layout-body {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.5em;
    min-height: 37.0375em;
} */

.layout-body table {
    width: 100%;
}

.layout-body .gjs-table-box {
    overflow-x: scroll;
}

.tab-text-center .layout-body table {
    text-align: center;
}

@media (max-width: 991.98px) {
    /* .layout-body {
        overflow-x: scroll;
    } */
    /* .intor-table-box {
        overflow-x: scroll;
    } */
    .add-table-box {
		overflow-x: auto;
      
    }
    .p-calc-box .add-table-box {
        padding-bottom: .2rem;
    }
    .layout-body table {
       
        overflow: scroll;
    }
    .layout-body tbody {
        width: 240%;
        min-width: 240%;
    }
}

.layout-body th {
    padding: 0;
}

.layout-body td {
    width: 12.5em;
    /* padding: 0.9em .3em; */
    /* padding-top: 0;
    padding-bottom: 0; */
    width: 15% !important;
    font-size: .9em;
}
@media (min-width:992px){
	.layout-body td {
		white-space: normal;
	}
}
@media (max-width:991.98px) {
    .layout-body td {
        font-size: .28rem;
    }
}

.gjs-table th {
    font-size: 18px;
    font-size: 0.9em;
    line-height: 3em;
    height: 60px;
}

.gjs-table td {
    font-size: 16px;
    font-size: 0.8em;
    height: 56px;
}

.gjs-table thead tr:nth-child(1) {
    background-color: #f7f7f7;
}

.gjs-table tr:nth-child(even) {
    background-color: #f7f7f7;
}

@media (max-width: 991.98px) {
    .gjs-table th {
        font-size: 0.3rem;
        line-height: 0.3rem;
    }
    .gjs-table td {
        font-size: 0.28rem;
        line-height: 0.28rem;
    }
}


/* 表单 */


/* 贵金属 table字体 结束 */


/* 外汇牌价 开始 */

.p-wphj .layout-head {
    padding-bottom: 0;
}

.wphj-table tr:nth-child(odd) {
    background-color: #f7f7f7;
}

.wphj-table th {
    font-size: 18px;
    font-size: 0.9em;
    line-height: 3em;
    height: 60px;
    color: #333;
}

.wphj-table tr th:nth-child(1) {
    width: 220px;
}

.wphj-table td {
    font-size: 16px;
    font-size: 0.8em;
    height: 56px;
    color: #333;
}

.wphj-table img {
    width: 24px;
    height: 16px;
    margin-right: 8px;
}

@media (max-width: 991.98px) {
    .layout-body .wphj-table {
        width: 100%;
    }
    .wphj-table img {
        width: 0.4rem;
        height: 0.3rem;
        margin-right: 0.1rem;
    }
    .wphj-table th {
        font-size: 0.3rem;
    }
    .wphj-table td {
        font-size: 0.28rem;
    }
    .wphj-table tr td:first-child {
        text-align: left;
        padding-left: 0.3rem;
    }
}


/* 外汇牌价 结束 */

.p-lsye-index .main-box {
    padding-bottom: 0;
}

.gscet1 {
    padding-bottom: 1.75em;
}

.gscet1 .ggqy-headingbox {
    margin-bottom: 0;
}

.gscet1 .ggqy-list {
    margin-top: 10px;
}

@media (max-width: 991.98px) {
    .gscet1 {
        padding-bottom: 0;
    }
    .gscet1 .ggqy-list {
        margin-top: 0px;
    }
}

.grls-swiper {
    margin: 0 1.75em;
    padding: 0 0.85em;
    overflow: hidden;
}

.grls-swiper li {
    border-radius: 8px;
    margin-bottom: 4px;
    /* box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 20%); */
    background: #fff;
    margin-bottom: 1em;
}

@media (max-width: 991.98px) {}

.grls-swiper .box {
    width: 100%;
    border-radius: 8px;
    /* margin-bottom: 4px; */
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    display: block;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}

.grls-swiper .slide-imgs {
    height: 8.25em;
    width: 100%;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.grls-swiper .image {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    background: no-repeat center center;
    background-size: cover;
    border-radius: 8px 8px 0px 0px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.grls-swiper .slide-bd {
    /* max-height: 14.75em; */
    height: 14.9em;
    padding: 2.5em 1.94em 6em 1.942em;
    background-color: #fff;
    border-radius: 0px 0px 8px 8px;
}

.new-grls-swiper .slide-bd {
    background-color: #f7f7f7;
}

.grls-swiper .tit {
    font-size: 24px;
    font-size: 1.2em;
    line-height: 1em;
    color: #009b4c;
    text-align: center;
    padding-bottom: 1em;
    white-space: nowrap;
}

.grls-swiper .doc {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.75em;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-width: 11em;
    margin: 0 auto;
}

.grls-swiper .grls-swiper-next {
    width: 1.6em;
    height: 3.1em;
    position: absolute;
    right: calc(-3em - 4px);
    top: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/content/Img/images/grls-swiper-btn-right.png);
}

.grls-swiper .grls-swiper-next:hover {
    background-image: url(/content/Img/images/grls-swiper-btn-right-h.png);
}

.grls-swiper .grls-swiper-prev {
    position: absolute;
    width: 1.6em;
    height: 3.1em;
    top: 50%;
    left: calc(-3em - 4px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/content/Img/images/grls-swiper-btn-left.png);
}

.grls-swiper .grls-swiper-prev:hover {
    background-image: url(/content/Img/images/grls-swiper-btn-left-h.png);
}

.grls-swiper .grls-swiper-prev:hover,
.grls-swiper .grls-swiper-next:hover {
    cursor: pointer;
}

.grls-swiper .swiper-button-disabled {
    opacity: 0;
}

.grls-swiper .swiper-button-disabled:hover {
    cursor: default;
}

.grls-swiper .swiper-scrollbar-drag {
    background-color: #009b4c;
}

@media (max-width: 991.98px) {
    .gscet2 {
        background-color: #fff;
    }
    .grls-swiper {
        margin: 0;
        overflow: visible;
        padding: 0;
    }
    .grls-swiper .slide-imgs {
        width: 100%;
        overflow: hidden;
        border-radius: 8px 8px 0px 0px;
    }
    .grls-swiper .slide-bd {
        height: auto;
        padding: 0.7rem 0.4rem 1rem;
        background-color: #fff;
    }
    .grls-swiper .tit {
        font-size: .36rem;
        line-height: .36rem;
        color: #009b4c;
        padding-bottom: .3rem;
    }
    .grls-swiper .doc {
        font-size: .28rem;
        line-height: .48rem;
        color: #333333;
    }
    .grls-swiper .swiper-scrollbar {
        bottom: -0.1rem;
        left: 0.5rem;
        height: 3px;
    }
}

.gscet2 {
    position: relative;
}


/* .gscet2 .ggqy-heading,
.gsect-3 .ggqy-heading {
    margin-bottom: 1.25em;
} */

@media (min-width: 991.98px) {
    .gscet2 .gscet2-bgk {
        position: absolute;
        width: 100%;
        height: 21.5em;
        top: 8.75em;
        left: 0;
        background-color: #f7f7f7;
    }
}

.gsect-3 {
    padding-top: 5.5em;
}

@media (max-width: 991.98px) {
    .gsect-3 {
        padding-top: 1rem;
    }
}

.gst3-list {
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 1.5em 0px -20px;
}

.gst3-list li {
    max-width: 50%;
    flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    padding: 0 0px;
    margin-bottom: 40px;
}

.gst3-list .box {
    width: 100%;
    height: 10.5em;
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-align-items: stretch;
    overflow: hidden;
    position: relative;
    background: #fff;
}

.gst3-list .item-imgs {
    max-width: 350px;
    flex: 0 0 55.56%;
    -webkit-flex: 0 0 55.56%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.gst3-list .image {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    background: no-repeat center center;
    background-size: cover;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.gst3-list .item-bd {
    width: 100%;
    max-width: 100%;
    flex: 1;
    -webkit-flex: 1;
    padding: 1.65em 2.25em 3.15em 1em;
    background: #fff;
}

.gst3-list .tit {
    font-size: 1.2em;
    line-height: 1;
    color: #333;
    margin-bottom: 0.525em;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.gst3-list .doc {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.75em;
    max-height: 5.142em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .mob-gsect3-swiper .imgs {
        width: 6.5rem;
        height: 3.9rem;
        border-radius: 8px;
        padding-bottom: 0.4rem;
        margin: 0 auto;
    }
    .mob-gsect3-swiper .imgs img {
        width: 100%;
        height: 100%;
    }
    .mob-gsect3-swiper .tit {
        font-size: 0.36rem;
        padding-bottom: 0.1rem;
    }
    .mob-gsect3-swiper .doc {
        font-size: 0.28rem;
        line-height: 0.48rem;
    }
    .mob-gsect3-swiper .mob-gsect3-btn {
        bottom: -0.66rem;
    }
    .mob-gsect3-swiper .swiper-pagination-bullet {
        background-color: #f7f7f7;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
    }
    .mob-gsect3-swiper .swiper-pagination-bullet-active {
        background: #009b4c;
    }
}

.gsect-4 {
    padding-top: 5em;
}

@media (max-width: 991.98px) {
    .gsect-4 {
        padding-top: 1.5rem;
    }
}

.gsect-4 li {
    padding: 0 !important;
    height: 19.5em;
}

@media (min-width: 991.98px) {
    .gsect-4 li:first-child .web.gst-bg {
        height: 19.5em;
        width: 48em;
        background: no-repeat center center;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .gsect-4 li:last-child .web.gst-bg {
        height: 19.5em;
        width: 100%;
        background: no-repeat center center;
        background-size: cover;
        /* background-image: url(/content/Img/images/zjyw-a2.png); */
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
}

@media (max-width: 991.98px) {
    .gsect-4 li:first-child .app.gst-bg {
        height: 6.16rem;
        width: 100%;
        background: no-repeat center center;
        background-size: cover;
        /* background-image: url(/content/Img/images/mob-zjyw-a1.png); */
        position: absolute;
        z-index: 1;
    }
    .gsect-4 li:last-child .app.gst-bg {
        height: 6.16rem;
        width: 100%;
        background: no-repeat center center;
        background-size: cover;
        /* background-image: url(/content/Img/images/mob-zjyw-a2.png); */
        position: absolute;
        z-index: 1;
    }
}


/* 个人业务频道页 结束 */


/* hover效果 开始 */

@media (min-width: 1000px) {
    .grls-swiper li:hover .image,
    .gst1-swip li:hover .image,
    .gst3-list li:hover .image,
    .gst6-list li:hover .image,
    .inter-swiper li:hover .image,
    .gst7-swip li:hover .image,
    .jsyw-index-swiper li:hover .image {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
    .ggqy-list li:hover {
        transform: scale(1.02);
        -webkit-transform: scale(1.02);
        border-radius: 8px;
        box-shadow: 0px 5px 15px 1px rgba(0, 0, 0, 0.08);
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    .gest7-list li:hover .box {
        border: 1px solid #009b4c;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    .gryw-list li:hover,
    .gest7-list li:hover,
    .jsyw-index-swiper li:hover .box,
    .gst6-list li:hover .box,
    .gscet10-list li:hover .box {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    .inter-swiper li:hover .box,
    .settle-swiper .box:hover,
    .grls-swiper li:hover .box {
        box-shadow: 0 5px 18px 1px rgba(0, 0, 0, 0.1);
    }
}


/* swiper按钮 hover效果 开始 */

.grls-swiper .swiper-button-disabled:hover {
    cursor: default;
}

.settle-swiper .settle-swiper-next:hover,
.settle-swiper .settle-swiper-prev:hover {
    cursor: pointer;
}

.settle-swiper .swiper-button-disabled:hover {
    cursor: default;
}

.inter-swiper .inter-swiper-next:hover,
.inter-swiper .inter-swiper-prev:hover {
    cursor: pointer;
}

.inter-swiper .swiper-button-disabled:hover {
    cursor: default;
}


/* swiper按钮 hover效果 结束 */


/* 了解更多效果 开始*/

@media (min-width: 991.98px) {
    .ggqyBifid .more:hover {
        color: #fff;
        background-color: #009b4c;
        /* border: 1px solid #fff; */
    }
    .ggqyBifid .more:hover .more-svg {
        color: #fff;
    }
}


/* 了解更多效果 结束*/


/* 翻页效果 结束 */


/* hover效果 结束 */


/* 公司业务 开始 */

.gest-5 {
    position: relative;
}

.gest-5 .imgs {
    position: absolute;
}

.gest-5 .imgs.web {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 18.5em;
    background: no-repeat center center;
    background-size: cover;
}

.gest-5 .imgs.app {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8.5rem;
    background: no-repeat center center;
    background-size: cover;
}

@media (min-width: 991.98px) {
    .gest-5 .global-inner {
        padding: 0 2.75em !important;
    }
}

.jsyw-index-swiper {
    overflow: hidden;
    margin: 0 -1em;
    padding: 0em 1em 5.4em 1em;
}

.jsyw-index-swiper li {
    border-radius: 8px;
    /* box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); */
}

.jsyw-index-swiper .box {
    width: 100%;
    /* overflow: hidden; */
    position: relative;
    border-radius: 8px;
    display: block;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}

.jsyw-index-swiper .slide-imgs {
    width: 100%;
    height: 11.25em;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.jsyw-index-swiper .image {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    background: no-repeat center center;
    background-size: cover;
    border-radius: 8px 8px 0px 0px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.jsyw-index-swiper .slide-bd {
    height: 6em;
    border-radius: 8px;
    padding: 1.25em 1.5em 2.25em 1em;
    background-color: #fff;
}

.jsyw-index-swiper .tit {
    color: #333;
    font-size: 18px;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.33em;
    padding-bottom: 0.585em;
}

.jsyw-index-swiper .tit svg {
    width: 0.45em;
    height: 0.75em;
    float: right;
}

.jsyw-index-swiper .doc {
    color: #666;
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.jsyw-index-swiper .close-button-next {
    width: 1.6em;
    height: 3.1em;
    position: absolute;
    right: calc(-3em - 4px);
    top: 36%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/content/Img/images/grls-swiper-btn-right.png);
}

.jsyw-index-swiper .close-button-next:hover {
    cursor: pointer;
    background-image: url(/content/Img/images/grls-swiper-btn-right-h.png);
}

.jsyw-index-swiper .close-button-prev {
    position: absolute;
    width: 1.6em;
    height: 3.1em;
    top: 36%;
    left: calc(-3em - 4px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/content/Img/images/grls-swiper-btn-left.png);
}

.jsyw-index-swiper .close-button-prev:hover {
    cursor: pointer;
    background-image: url(/content/Img/images/grls-swiper-btn-left-h.png);
}

.jsyw-index-swiper .swiper-button-disabled {
    display: none;
}

@media (min-width: 991.98px) {
    .jsyw-index-swiper .mob-gsect3-btn {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .jsyw-index-swiper {
        /* overflow: visible; */
        margin: 0;
        padding: 0 0 1.75rem 0;
    }
    .jsyw-index-swiper .mob-gsect3-btn {
        position: absolute;
        display: block !important;
        text-align: center;
        bottom: 1rem;
    }
    .jsyw-index-swiper .swiper-pagination-bullet {
        background-color: #f7f7f7;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
    }
    .jsyw-index-swiper .swiper-pagination-bullet-active {
        background: #009b4c;
    }
    .jsyw-index-swiper .slide-bd {
        height: auto;
        padding: 0.4rem 0.44rem 0.6rem 0.44rem;
        background-color: #fff;
    }
    .jsyw-index-swiper .tit {
        color: #333;
        font-weight: normal;
        font-size: 0.36rem;
        line-height: 0.36rem;
        padding-bottom: 0;
    }
    .jsyw-index-swiper .doc {
        display: none;
    }
}

.gst6-list {
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0 -1em;
    padding: 0 1em;
}

.gst6-list li {
    max-width: 50%;
    flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    padding: 0 0px;
    margin-bottom: 1em;
}

.gst6-list li:nth-child(1),
.gst6-list li:nth-child(3) {
    padding-right: 0.5em;
}

.gst6-list li:nth-child(2n) {
    padding-left: 0.5em;
}

.gest-6 {
    padding-top: 4em;
}

.gest-6 .box {
    width: 100%;
    height: 12em;
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-align-items: stretch;
    overflow: hidden;
    position: relative;
    background-color: #f7f7f7;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.gest-6 .item-imgs {
    max-width: 240px;
    height: 100%;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    position: relative;
    flex: 0 0 38.09%;
    -webkit-flex: 0 0 38.09%;
}

.gest-6 .image {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 8px 0 0 8px;
    background: no-repeat center center;
    background-size: cover;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.gest-6 .item-bd {
    padding: 2.75em 1.8em 3.6em 1.7em;
}

.gest-6 .tit {
    font-size: 18px;
    font-size: 0.9em;
    line-height: 1.33em;
    font-weight: bold;
    color: #333;
}

.gest-6 .doc {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.75em;
    color: #333;
    margin-top: 0.95em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .gest-6 {
        padding-top: 0.8rem;
    }
    .mob-gsect6-swiper .slide-imgs {
        height: 4.4rem;
        background: no-repeat center center;
        background-size: cover;
    }
    .mob-gsect6-swiper .item-bd {
        position: absolute;
        bottom: 0.5rem;
        left: 0;
        width: 100%;
        padding: 0;
        color: #fff;
        text-align: center;
        font-size: 0.36rem;
        line-height: 0.24rem;
        text-shadow: 0px 1px rgba(0, 0, 0, 0.33);
    }
    .mob-gsect6-btn {
        display: none;
    }
}

.gest-7 {
    padding-top: 3.5em;
}

.gest7-list {
    width: 100%;
    height: 11em;
    display: flex;
    display: -webkit-flex;
    /* align-items: stretch;
    -webkit-align-items: stretch; */
    padding: 0 2em;
}

.gest7-list li {
    max-width: 220px;
    height: 100%;
    flex: 1;
    -webkit-flex: 1;
    position: relative;
    background-color: #fbfcfc;
    margin: 0 0.5em;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.gest7-list .box {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    padding: 3em 0 0;
    text-align: center;
    background-color: #fbfcfc;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border: 1px solid #e5e5e5;
}

.gest7-list .icon {
    width: 100%;
    padding: 0 0 1.35em;
}

.gest7-list .icon img {
    width: 2.5em;
    height: 2.5em;
    margin: 0 auto;
}

.gest7-list .tit {
    font-size: 18px;
    font-size: 0.9em;
    line-height: 1.33em;
    color: #333;
}

@media (max-width: 991.98px) {
    .gest-7 {
        padding-top: 1.2rem;
    }
    .gest7-list {
        height: auto !important;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        margin-top: 0;
        padding: 0;
    }
    .gest7-list li {
        max-width: 48.45%;
        width: 48.45%;
        min-height: 3.15rem;
        flex: auto;
        -webkit-flex: auto;
        margin: 0 0 0.2rem 0;
    }
    .gest7-list li:nth-child(2n-1) {
        margin-right: 0.2rem;
    }
    .gest7-list .box {
        padding: 0.75rem 0 0.8rem 0;
    }
}

.gsect-8 {
    padding-top: 4em;
}

.gsect-8 li {
    padding-top: 0 !important;
    height: 19.5em !important;
}

@media (min-width: 991.98px) {
    .gsect-8 li:first-child .web.gst-bg {
        height: 19.4em;
        width: 48em;
        background: no-repeat center center;
        background-size: cover;
        /* background-image: url(/content/Img/images/big-monye.png); */
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .gsect-8 li:last-child .web.gst-bg {
        height: 19.4em;
        width: 48em;
        background: no-repeat center center;
        background-size: cover;
        /* background-image: url(/content/Img/images/open-customer.png); */
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
}

@media (max-width: 991.98px) {
    .gsect-8 li:first-child .app.gst-bg {
        height: 6.15rem;
        width: 100%;
        background: no-repeat center center;
        background-size: cover;
        /* background-image: url(/content/Img/images/mob-big-monye.png); */
        position: absolute;
        z-index: 1;
    }
    .gsect-8 li:last-child .app.gst-bg {
        height: 6.15rem;
        width: 100%;
        background: no-repeat center center;
        background-size: cover;
        /* background-image: url(/content/Img/images/mob-open-customer.png); */
        position: absolute;
        z-index: 1;
    }
}

@media (max-width: 991.988px) {
    .gsect-8 {
        padding-top: 0.9rem;
    }
    .gsect-8 li {
        height: autos !important;
    }
}


/* 公司业务 结束 */


/* 电子银行 开始 */

.gscet10-list {
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: -1em;
    padding: 1em;
    padding-bottom: 5em;
}

.gscet10-list li {
    max-width: 50%;
    flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    padding: 0 0.5em .5em;
}

.gscet10-list .box {
    width: 100%;
    height: 13em;
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-align-items: stretch;
    overflow: hidden;
    position: relative;
    background-color: #f7f7f7;
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 20%);
    border-radius: 8px;
}

.gscet10-list .item-imgs {
    max-width: 160px;
    height: 100%;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    position: relative;
    flex: 0 0 38.09%;
    -webkit-flex: 0 0 38.09%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.gscet10-list .image {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 8px 0 0 8px;
    background: no-repeat center center;
    background-size: cover;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.gscet10-list .images-img {
    width: 3.25em;
    height: 3.25em;
}

.gscet10-list .item-bd {
    padding: 3.7em 3.5em 4em 0;
}

.gscet10-list .tit {
    font-size: 24px;
    font-size: 1.2em;
    line-height: 1;
    color: #333;
    padding-bottom: 1em;
}

.gscet10-list .doc {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.75em;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media (max-width: 991.8px) {
    .gscet-10 {
        padding-top: 1.2rem;
        padding-bottom: 1rem;
    }
    .gscet10-list {
        padding: 0;
        margin: 0;
    }
    .gscet10-list li {
        max-width: 100%;
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        padding-bottom: 0.2rem;
    }
    .gscet10-list .box {
        height: 3.1rem;
    }
    .gscet10-list .item-bd {
        padding: 0.77rem 0.47rem 0.94rem 0;
    }
    .gscet10-list .tit {
        font-size: 0.36rem;
        line-height: 0.36rem;
        padding-bottom: 0.17rem;
    }
    .gscet10-list .doc {
        font-size: 0.28rem;
        line-height: 0.48rem;
    }
}


/* 电子银行 结束 */


/* 国际业务 开始 */

.p-gjye-index .main-box {
    padding-bottom: 0;
}

@media (max-width: 991.98px) {
    .p-gjye-index .main-box {
        padding-top: 1rem;
    }
}

.gscet-11 {
    padding-top: 4em;
}

.gscet-11 .global-inner {
    padding: 2.25em;
}

.inter-swiper {
    margin: -1.2em;
    padding: 1.2em;
    overflow: hidden;
}

.inter-swiper li {
    border-radius: 8px;
    max-width: 18.5em;
}

.inter-swiper .box {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 8px;
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 20%);
}

.inter-swiper .slide-imgs {
    width: 100%;
    height: 14em;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.inter-swiper .image {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    background: no-repeat center center;
    background-size: cover;
    border-radius: 8px 8px 0px 0px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.inter-swiper .slide-bd {
    height: 19.5em;
    border-radius: 8px;
    background-color: #f7f7f7;
    /* box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); */
    padding: 2.5em 2em 2.85em 2em;
}

.inter-swiper .tit {
    font-size: 24px;
    font-size: 1.2em;
    line-height: 1;
    color: #333;
    padding-bottom: 1em;
}

.inter-swiper .doc {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.75em;
    color: #333;
    height: 8.6em;
    /* max-height: 6.25em; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.inter-swiper .more {
    width: 5.125em;
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.75em;
    color: #009b4c;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-top: 6em;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    /* border-bottom: 1px solid #009b4c; */
    overflow: hidden;
    position: relative;
    background: linear-gradient(#009b4c, #009b4c) 100% 100%/100% 1px no-repeat;
}

.inter-swiper .bi {
    width: 5px;
    height: 8px;
    color: #009b4c;
}

.inter-swiper .item-bi {
    position: absolute;
    right: 0;
}

.inter-swiper .more .bi1 {
    opacity: 0;
}


/* 动画 */

@media (min-width: 991.98px) {
    .inter-swiper li:hover .more {
        animation: linelink 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    }
    .inter-swiper .more:hover .bi2 {
        transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        transform: translateX(80%);
    }
    .inter-swiper .more:hover .bi1 {
        transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
        opacity: 1;
        transform: translateX(194%);
    }
}

@keyframes linelink {
    0% {
        background-size: 100% 1px;
        background-position: 100% 100%;
    }
    50% {
        background-size: 0 1px;
        background-position: 100% 100%;
    }
    51% {
        background-size: 0 1px;
        background-position: 0 100%;
    }
    to {
        background-size: 100% 1px;
        background-position: 0 100%;
    }
}

@keyframes nav-fixed {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}


/* @media (min-width:991.98px) {
    .inter-swiper .more:hover {
        opacity: .5;
    }
} */

.inter-swiper .swiper-button-disabled {
    opacity: 0;
}

.inter-swiper .inter-swiper-next {
    width: 1.6em;
    height: 3.1em;
    position: absolute;
    right: calc(-3em - 4px);
    top: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/content/Img/images/grls-swiper-btn-right.png);
}

.inter-swiper .inter-swiper-next:hover {
    background-image: url(/content/Img/images/grls-swiper-btn-right-h.png);
}

.inter-swiper .inter-swiper-prev {
    position: absolute;
    width: 1.6em;
    height: 3.1em;
    top: 50%;
    left: calc(-3em - 4px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/content/Img/images/grls-swiper-btn-left.png);
}

.inter-swiper .inter-swiper-prev:hover {
    background-image: url(/content/Img/images/grls-swiper-btn-left-h.png);
}

.inter-swiper-scrollbar {
    position: absolute;
    bottom: -0.4rem;
    left: 0.5rem;
    height: 3px;
    background-color: #f2f2f2;
    width: 100%;
}

.inter-swiper .swiper-scrollbar-drag {
    background-color: #009b4c;
    height: 3px;
    width: 98%;
}

@media (max-width: 991.98px) {
    .gscet-11 {
        padding-bottom: 1.4rem;
        padding-top: 1.6rem;
    }
    .inter-swiper {
        margin: 0;
        padding: 0;
        overflow: visible;
    }
    .inter-swiper .slide-imgs {
        height: 3.4rem;
    }
    .inter-swiper .slide-bd {
        min-height: 4.8rem;
        min-height: auto;
        height: auto;
        padding: 0.5rem 0.4rem 1.2rem 0.4rem;
    }
    .inter-swiper .tit {
        font-size: 0.36rem;
        line-height: 1;
    }
    .inter-swiper .doc {
        font-size: 0.28rem;
        line-height: 0.48rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        max-height: unset;
    }
}

.gscet-14 .global-inner {
    padding: 0 2.5em;
}

.gscet-15 .global-inner {
    padding: 0 2.5em;
}

.settle-swiper {
    overflow: hidden;
    padding: 0.85em;
    margin: -0.85em;
    /* margin: -4px -0em;
    padding: 4px 2.5em; */
    /* margin: -4px -0.5em;
    padding: 4px 2.5em 4px 2.5em; */
}

.settle-swiper li {
    background-color: #f7f7f7;
    border-radius: 8px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}

.settle-swiper .box {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    padding: 2.5em 0 2.55em;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.settle-swiper .slide-imgs {
    width: 2.5em;
    height: 2.5em;
    margin: 0 auto;
    margin-bottom: 1.1em;
}

.settle-swiper img {
    width: 100%;
    height: 100%;
    display: block;
}

.settle-swiper .tit {
    font-size: 18px;
    font-size: 0.9em;
    line-height: 1.55em;
    color: #009b4c;
}

.settle-swiper .swiper-button-disabled {
    opacity: 0;
}

.settle-swiper .settle-swiper-next {
    position: absolute;
    width: 1.6em;
    height: 3.1em;
    top: 55%;
    right: calc(-3em - 0px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/content/Img/images/grls-swiper-btn-right.png);
}

.settle-swiper .settle-swiper-next:hover {
    background-image: url(/content/Img/images/grls-swiper-btn-right-h.png);
}

.settle-swiper .settle-swiper-prev {
    position: absolute;
    width: 1.6em;
    height: 3.1em;
    top: 55%;
    left: calc(-3em - 0px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/content/Img/images/grls-swiper-btn-left.png);
}

.settle-swiper .settle-swiper-prev:hover {
    background-image: url(/content/Img/images/grls-swiper-btn-left-h.png);
}

.settle-swiper .swiper-pagination-bullet-active {
    background-color: #009b4c !important;
}

.settle-swiper .mob-gsect12-btn {
    text-align: center;
    position: absolute;
    text-align: center;
    bottom: -0.7rem;
}

.settle-swiper .swiper-pagination-bullet {
    background-color: #f7f7f7;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}

@media (max-width: 991.98px) {
    .mob-settle-swiper {
        padding: 4px 4px;
        margin: -4px -4px;
        /* height: auto; */
        position: relative;
    }
    /* .mob-settle-swiper .mob-settle-swiper-box {
        width: 100%;
    } */
    .mob-settle-swiper ul {
        display: flex;
        flex-wrap: wrap;
    }
    .mob-settle-swiper li {
        width: 47.6%;
        margin: 0 .1rem .2rem;
        background-color: #f7f7f7;
        border-radius: 8px;
        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
    }
    .mob-settle-swiper li:nth-child(even) {
        margin-right: 0;
    }
    .mob-settle-swiper .box {
        padding: 0.5rem 0.83rem 0.7rem;
    }
    .mob-settle-swiper .slide-imgs {
        width: 0.9rem;
        height: 0.9rem;
        margin: 0 auto;
        margin-bottom: 0.34rem;
    }
    .mob-settle-swiper .tit {
        font-size: 0.3rem;
        line-height: 0.36rem;
        white-space: nowrap;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
    }
    .mob-settle-swiper .mob-gsect12-btn {
        position: absolute;
        left: 50%;
        bottom: -.5rem;
        transform: translateX(-4%);
    }
    .mob-settle-swiper .swiper-pagination-bullet {
        background-color: #f7f7f7;
        box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 50%);
    }
    .mob-settle-swiper .swiper-pagination-bullet-active {
        background: #009b4c;
    }
}


/* 新增swiper */


/* 国际业务 结束 */

.gscet-12 {
    width: 100%;
    height: 19.5em;
    padding-top: 4em;
    margin-top: 2.8em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    /* background-image: url(/content/Img/images/whpj-bgk.png); */
}

.gscet-12 .imgs {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.gscet-12 .imgs.web {
    width: 100%;
    height: 19.5em;
}

.gscet-12 .imgs.app {
    width: 100%;
    height: 6.15rem;
}


/* 上面新改 */

@media (min-width: 991.98px) {
    .gscet-12 .item {
        max-width: 595px;
        /* width: 50vw; */
        padding: 0;
        margin-right: 1.5em;
    }
    .gscet-12 .col-lg-6 {
        padding: 0em;
    }
    .gscet-12 .col-lg-6:nth-child(1) {
        padding-left: 0.75em;
    }
    .gscet-12 .col-lg-6:nth-child(2) {
        padding-left: 4.25em;
    }
}

@media (max-width: 991.98px) {
    .gscet-12 {
        margin-top: 0;
        padding-top: 0;
        height: 6.15rem;
        /* background-image: url(/content/Img/images/mob-whpj-bgk.png); */
    }
    .gscet-13 {
        height: auto;
    }
}


/* 外牌汇价 */

.price {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 3.375em;
    color: #009b4c;
    text-align: center;
    margin-right: 2.5em;
}

.wphj-swiper {
    /* padding: 0 12.8em; */
    overflow: hidden;
    /* margin: 0 8em; */
    /* margin-left: 8em; */
    /* margin-right: 8em; */
    /* margin-right: 2em; */
}

.wphj-swiper .tit {
    font-size: 80px;
    font-size: 4em;
    line-height: 1;
    color: #009b4c;
    font-weight: bold;
    text-align: center;
}

.wphj-swiper .country {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

.wphj-swiper .country {
    padding-top: 2.5em;
}

.wphj-swiper .country img {
    width: 24px;
    height: 16px;
    margin-right: 8px;
}

.wphj-swiper .doc {
    font-size: 18px;
    font-size: 0.9em;
    line-height: 1.33;
    color: #333;
}


/* 银行卡业务 开始 */

.p-bankcard .main-box {
    padding-top: 0;
}

@media (min-width: 991.98px) {
    .p-bankcard .main-box {
        padding-bottom: 2.6em;
    }
}

@media (max-width: 991.98px) {
    .p-bankcard .main-box {
        padding-bottom: .9rem;
        padding-top: .9rem;
    }
}

@media (min-width: 991.98px) {
    .gscet-13 {
        width: 100%;
        height: 39.65em;
        position: relative;
    }
}

@media (mAX-width: 991.98px) {
    .gscet-13 {
        width: 100%;
        height: 9rem;
        position: relative;
    }
}

.gscet-13 .imgs.web {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 39.65em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    /* background-image: url(/content/Img/images/bank-bgk.jpg); */
}

.bankSwiper1 .tit {
    font-size: 32px;
    font-size: 1.6em;
    line-height: 1.5em;
    color: #f7f7f7;
    text-align: center;
}

.bankSwiper1 .doc {
    font-size: 16px;
    font-size: 0.8rem;
    line-height: 2em;
    color: #f7f7f7;
    text-align: center;
}

.bank5-swiper {
    overflow: hidden;
    padding-top: 7.5em;
}

.bank5-swiper .slide-imgs {
    width: 30em;
    /* height: 18.75em; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    /* box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5); */
    border-radius: 22px;
}

.bank5-swiper .image.web {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 22px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5);
}

@media (max-width:991.98px) {
    .bank5-swiper .image.web {
        width: 5.6rem;
        height: 3.5rem;
    }
}

.bank5-swiper .image.web {}

.bank5-swiper .item-hd {
    padding: 0 9.1em;
    margin-top: 2.9em;
}

.bank5-swiper .tit {
    font-size: 32px;
    font-size: 1.6em;
    line-height: 1.6875em;
    color: #f7f7f7;
    text-align: center;
    padding-bottom: 0.3125em;
}

.bank5-swiper .doc {
    font-size: 16px;
    font-size: 0.8rem;
    line-height: 2em;
    color: #f7f7f7;
    text-align: center;
}

.bankcard-button-prev {
    position: absolute;
    width: 1.6em;
    height: 3.1em;
    top: 39.5%;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/content/Img/images/bank-btn-l.png);
}

.bankcard-button-next {
    position: absolute;
    width: 1.6em;
    height: 3.1em;
    top: 39.5%;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/content/Img/images/bank-btn-r.png);
}

@media (max-width: 991.98px) {
    .gscet-13 .imgs.app {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 7.5rem;
        margin-top: 1.4rem;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        /* background-image: url(/content/Img/images/mob-bank-bgk.jpg); */
    }
    .bank5-swiper {
        padding-top: 2rem;
    }
    .bank5-swiper .slide-imgs {
        width: auto;
    }
    .bank5-swiper .image.app {
        width: 5.6rem;
        height: 3.5rem;
    }
    .bank5-swiper .item-hd {
        padding: 0;
        margin: 0.3rem 0 0 0;
    }
    .bank5-swiper .tit {
        font-size: 0.4rem;
        line-height: 1;
        color: #fff;
    }
    .bank5-swiper .doc {
        font-size: 0.28rem;
        line-height: 0.48rem;
        color: #fffefe;
        opacity: 0.6;
    }
}


/* 银行卡业务 结束 */


/* 理财公告详情页 */

.p-introd-doc .layout-head {
    padding-bottom: 0;
}

.datatimer {
    font-size: 16px;
    font-size: 0.8rem;
    line-height: 3.375em;
    color: #999;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.datatimer .tit {
    position: relative;
    padding-right: 0.9375em;
}

.datatimer .tit:after {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: #999;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.datatimer .doc {
    padding-left: 0.625em;
}

.introd-doc p {
    font-size: 16px;
    font-size: 0.8rem;
    line-height: 2.25em;
    color: #333;
    /* padding: 5px; */
}

@media (max-width: 991.98px) {
    /* .p-introd-doc .main-box {
        padding-top: 1rem;
    } */
    .datatimer {
        font-size: 0.28rem;
        line-height: 0.34rem;
        padding-top: 0.21rem;
        padding-bottom: 0.525rem;
    }
    .introd-border {
        margin-bottom: 0.375rem;
    }
    .introd-doc p {
        font-size: 0.3rem;
        line-height: 0.48rem;
        padding: 0.125rem 0;
        color: #666;
    }
}

@media (min-width: 991.98px) {
    .p-page-down .global-paging {
        display: block;
        margin-top: 0.8rem;
    }
    .p-page-down .global-paging .ctrl {
        width: 6.4em;
        background-color: #ffffff;
        border: solid 1px #e5e5e5;
        padding: 2px 0.75em 3px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .p-page-down .global-paging .ctrl:first-child {
        float: left;
    }
    .p-page-down .global-paging .ctrl:last-child {
        float: right;
    }
    .p-page-down .global-paging .bi {
        width: 0.4em;
        height: 0.7em;
        display: block;
        color: #009b4c;
    }
    .p-page-down .global-paging span {
        font-size: 0.8em;
        line-height: 2.5em;
        color: #009b4c;
    }
}


/* 理财产品发售信息详情页 开始 */

.hint {
    font-size: 16px;
    font-size: 0.8em;
    color: #0054a3;
    line-height: 3.375em;
    margin-top: 0.7em;
    margin-bottom: 0.2em;
}

@media (max-width: 991.98px) {
    .hint {
        font-size: 0.28rem;
        line-height: 1;
        margin-top: 0.5rem;
    }
}

.money-pro-detail table {}

.money-pro-detail table tr td:first-child {
    width: 22.86%;
    height: 60px;
    font-size: 18px;
    font-size: 0.9em;
    line-height: 3em;
    text-align: center;
    color: #333;
    background-color: #f9fbf7;
}

@media (min-width: 991.98px) {
    .money-pro-detail table tr:nth-child(even) {
        background-color: #f9fbf7;
    }
}

.money-pro-detail table tr td:last-child {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.5em;
    padding: 1em 12em 1em 20px;
    /* padding-left: 20px;
    padding-right: 12em; */
    color: #666;
}

@media (max-width: 991.98px) {
    .money-pro-detail table {
        width: 100%;
        min-width: 100%;
        margin-top: 0.3rem;
        margin-bottom: 0.3rem;
    }
    .money-pro-detail .layout-body table {
        font-size: 28rem;
    }
    .money-pro-detail table tr td:first-child {
        width: 31%;
        height: 60px;
        text-align: center;
        color: #333;
        padding: 0 0.16rem;
        line-height: 0.44rem;
        background-color: #f9fbf7;
    }
    .money-pro-detail table tr td:last-child {
        font-size: 0.28rem;
        line-height: 0.44rem;
        padding: 0.32rem 0.36rem 0.32rem 0.4rem;
        color: #666;
    }
}


/* 文件下载 开始 */


/* 
.download {
    margin-top: 1em;
} */

.d-heading {
    font-size: 20px;
    font-size: 1em;
    line-height: 2.7em;
    color: #333;
}

@media (max-width: 991.98px) {
    .d-heading {
        font-size: 0.3rem;
        line-height: 0.5rem;
        margin-bottom: 0.38rem;
    }
}

.download-list {
    margin: -0.5em 0;
}

.download-list .box {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

@media (min-width: 1000px) {
    .download-list .box:hover .doc {
        color: #0054a3;
    }
}

.download-list .icon {
    width: 0.85em;
    height: 1.15em;
    margin-right: 0.75em;
}

.download-list .image {
    width: 100%;
    height: 100%;
    display: block;
    display: -webkit-box;
    object-fit: cover;
}

.download-list .doc {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1;
    color: #666;
    padding: 0.8em 0;
}

@media (max-width: 991.98px) {
    .download-list {
        margin: -0.25rem 0;
    }
    .download-list .icon {
        width: auto;
        height: auto;
        margin-right: 0.18rem;
        margin-bottom: 0.4rem;
    }
    .download-list .doc {
        font-size: 0.28rem;
        line-height: 0.44rem;
        padding: 0.15rem 0;
    }
}


/* 文件下载 结束 */


/* 理财产品发售信息详情页 结束 */


/* 详情页 开始 */

.introd-doc {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.875em;
    min-height: 300px;
    /* margin-top: 2.75em; */
    margin-bottom: 1.8em;
}

.introd-item {
    padding: 5px 0;
}

.introd-doc h5,
.introd-doc .tit {
    color: #000;
    font-weight: bold;
    margin-top: 2.25em;
}

.introd-doc .word {
    padding: 10px 0;
}

.introd-doc h5:first-child,
.introd-doc .tit:first-child {
    margin-top: 0;
}

.introd-doc img {
    max-width: 100%;
    height: auto !important;
}

.introd-doc .imgs {
    text-align: center;
}

@media screen and (max-width: 991.98px) {
    .p-intro .main-box {
        padding-top: 0.65rem;
    }
    .introd-doc {
        font-size: 0.3rem;
        line-height: 0.52rem;
        /* margin-top: 0.6rem; */
    }
    .introd-doc h5,
    .introd-doc .tit {
        margin-top: 0.5rem;
    }
    .introd-item {
        margin-bottom: 0rem;
    }
}


/* 详情页 结束 */


/* 列表页 */

.news-list {
    width: 100%;
    min-height: 280px;
    position: relative;
}

.news-list li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted #dcdcdc;
    font-size: 18px;
    font-size: 0.9em;
    line-height: 3em;
    padding: 0 5px 0 5px;
}

.news-list .tit {
    float: left;
    max-width: 85%;
}

.news-list a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
}

.news-list .time {
    float: right;
    font-family: "Arial";
    white-space: nowrap;
    font-size: 16px;
    font-size: 0.8em;
    color: #666;
}

@media screen and (min-width: 1000px) {
    .news-list li:hover .tit a,
    .news-list li:hover .time {
        color: #0054a3;
    }
}

@media screen and (max-width: 767.98px) {
    .news-list {
        margin-top: 0.45rem;
        margin-top: 0rem;
    }
    .news-list li {
        padding: 0.2rem 0;
    }
    .news-list li:last-child {
        border-bottom: none;
    }
    .news-list .tit {
        max-width: 100%;
        float: none;
        font-size: 0.3rem;
        line-height: 0.4rem;
        max-height: 1rem;
        white-space: normal;
        margin-bottom: 0.1rem;
    }
    .news-list .time {
        float: none;
        font-size: 0.28rem;
        line-height: 0.48rem;
        color: #666666;
    }
}


/* 详情页表格 */

.introd-doc table tr:first-child {
    text-align: center;
}

.introd-doc table tr td:first-child {
    text-align: center;
}


/* .introd-doc table tr:first-child td:nth-child(1) {
    width: 8%;
}

.introd-doc table tr:first-child td:nth-child(2) {
    width: 25%;
}

.introd-doc table tr:first-child td:nth-child(4) {
    width: 15%;
} */


/* @media (max-width:991.98px) {
    .introd-doc table tr:first-child td:nth-child(3),
    .introd-doc table tr:first-child td:nth-child(4),
    .introd-doc table tr:first-child td:nth-child(5),
    .introd-doc table tr:first-child td:nth-child(6),
    .introd-doc table tr:first-child td:nth-child(7) {
        width: 14%;
    }
} */


/* 产品公告列表页 */

.p-intord-list .introd-doc {
    min-height: auto;
}

.prj-list {
    width: 100%;
    min-height: 280px;
    position: relative;
    margin-top: 1em;
}

.prj-list li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted #dcdcdc;
    margin-bottom: 1.5em;
}

.prj-list li:first-child {
    padding-top: 2.05em;
    border-top: 1px dotted #dcdcdc;
}

.prj-list .box-border {
    padding-left: 0.8em;
}

.prj-list .box {
    display: flex;
    display: -webkit-flex;
    /* align-items: center;
    -webkit-align-items: center; */
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 0.5em;
}

.prj-list .tit {
    font-size: 18px;
    font-size: 0.9em;
    line-height: 1.33em;
    color: #333;
    margin-bottom: 0.61em;
}

.prj-list .more {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.75em;
    color: #009b4c;
    margin-right: 1.75em;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    border-bottom: 1px solid #009b4c;
}

.prj-list .bi {
    width: 5px;
    height: 8px;
    margin-left: 14px;
}

.prj-list .doc {
    max-width: max-content;
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1em;
    color: #009b4c;
    background-color: #f7f7f7;
    border-radius: 2px;
    padding: 8px 15px 7px 12px;
}

.prj-list .word {
    display: flex;
    display: -webkit-flex;
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.5em;
    color: #666666;
    margin-top: 1.625em;
    margin-bottom: 2.5625em;
}

.prj-list .word p {
    padding-right: 3em;
}

.prj-list .word p:last-child {
    padding-right: 0;
}

@media (min-width: 1000px) {
    .prj-list li:hover .tit {
        color: #009b4c;
    }
}

@media (max-width: 991.98px) {
    .prj-list li {
        margin-bottom: 0.6rem;
    }
    .prj-list li:last-child {
        border: none;
        padding-top: 0;
    }
    .prj-list .box {
        display: block;
        margin-bottom: 0.6rem;
    }
    .prj-list .left {
        padding-right: 0.63rem;
    }
    .prj-list .tit {
        font-size: 0.3rem;
        line-height: 0.4rem;
    }
    .prj-list .doc {
        font-size: 0.28rem;
        line-height: 0.4rem;
    }
    .prj-list .word {
        display: block;
        margin: 0.28rem 0 0.5rem 0;
    }
    .prj-list .word p {
        font-size: 0.28rem;
        line-height: 0.48rem;
    }
    .prj-list .right {
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
    }
    .prj-list .more {
        /* width: 2.6rem; */
        font-size: 0.28rem;
        line-height: 0.5rem;
        border-radius: 0.36rem;
        border: 1px solid #009b4c;
        text-align: center;
        display: block;
        padding: 0.1rem 0.75rem;
    }
}


/* 银行卡业务 文字 开始 */

.gscet-16 {
    margin-top: 3em;
}

.gscet-16 .introd-item {
    padding: 0;
    margin-bottom: 1.2em;
}

.gscet-16 .bankcard-box h5 {
    font-size: 18px;
    font-size: 0.9em;
    line-height: 1em;
    font-weight: bold;
    margin-top: 1.75em;
    padding-bottom: 0.6em !important;
}

.gscet-16 .bankcard-box h5:first-child {
    margin-top: 0;
}

.gscet-16 .bankcard-box p {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 2em;
    color: #333;
}

@media (max-width: 991.98px) {
    .gscet-16 {
        margin-top: .6rem;
    }
    .gscet-16 .introd-item {
        margin-bottom: 0.76rem;
    }
    .gscet-16 .bankcard-box h5 {
        font-size: 0.36rem;
        line-height: 1;
        padding-bottom: 0.36rem;
    }
    .gscet-16 .bankcard-box p {
        font-size: 28px;
        font-size: 0.28rem;
        line-height: 0.48rem;
    }
}


/* 银行卡业务 文字 结束 */


/* 隐私条例 开始 */

.gscet-17 .privacy {
    color: #333;
    padding: 0 7em;
}

.privacy .item {
    margin-bottom: 1.6em;
}

.privacy p {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 2em;
}

@media (max-width: 991.98px) {
    .gscet-17 {
        margin-top: 1.4rem;
        padding-top: 0.9rem;
    }
    .gscet-17 .privacy {
        padding: 0;
    }
    .privacy p {
        font-size: 0.3rem;
        line-height: 0.5rem;
    }
}


/* 隐私条例 结束 */


/*** 网点信息 ***/

.network-box .layout-body {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    position: relative;
}

.network-aside {
    max-width: 380px;
    flex: 0 0 19em;
    -webkit-flex: 0 0 19em;
    overflow: hidden;
    position: relative;
    background: #f8f8f8;
    padding: 2em 1.5em 2em 1.5em;
}

.network-schbox {
    width: 100%;
    height: 2.43em;
    display: flex;
    display: -webkit-flex;
    font-size: 16px;
    font-size: 0.8em;
    line-height: 2em;
    margin-bottom: 1.64em;
}

.network-schbox .btn-sch {
    width: 6.43em;
    height: 100%;
    line-height: inherit;
    display: block;
    text-align: center;
    overflow: hidden;
    position: relative;
    /* margin-left: 10px; */
}

.form-btnbox {
    display: flex;
    display: -webkit-flex;
    /* justify-content: center;
    -webkit-justify-content: cnter; */
    margin-top: 2.25em;
    margin-bottom: 2.8em;
}

.zw {
    opacity: 0;
}

.calc-add {
    font-size: 22px;
    font-size: 1.2em;
    line-height: 1.2em;
    color: #333;
}

@media (max-width:991.98px) {
    .calc-add {
        font-size: .36rem;
        line-height: .36rem;
    }
}

.btn-h.btn-green {
    width: 6em;
    height: 2.75em;
    background: #00a546;
    border: solid 1px #00a546;
    color: #fff;
    /* border-radius: 2px; */
}

.submit.btn-h {
    width: 12.5em;
    height: 3.13em;
    background: #009b4c;
    border: solid 1px #009b4c;
    color: #fff;
    border-radius: 2px;
    margin-left: .5em;
}

.btn-h.btn-xgreen {
    width: 12.5em;
    height: 3.13em;
    background: #f7f7f7;
    border: solid 1px #e3e3e3;
    color: #009b4c;
    border-radius: 2px;
    margin-left: .5em;
}

@media (max-width:991.98px) {
    .submit.btn-h,
    .btn-h.btn-xgreen {
        width: 2.3rem;
        height: .72rem;
        margin-left: 0;
    }
    .form-btnbox .flex {
        justify-content: right;
    }
}

.network-schbox .inpt {
    width: 100%;
    max-width: 100%;
    display: block;
    height: 100%;
    height: 2.75em;
    position: relative;
    border: solid 1px #e5e5e5;
    font-size: 1em;
    line-height: inherit;
    padding: 0 0.6em;
    color: #000;
    margin-right: 0;
}

.network-schbox input::input-placeholder {
    color: #000;
}

.network-schbox input::-webkit-input-placeholder {
    color: #000;
}

.network-list {
    width: 100%;
    height: 28.5em;
    overflow: hidden;
    position: relative;
}

.network-list li {
    padding-top: 0.8em;
    padding-bottom: 1.2em;
    border-bottom: 1px dashed #999;
}

.network-list li:first-child {
    padding-top: 0;
}

.network-list li:last-child {
    margin-bottom: 0;
}

.network-list .tit {
    font-size: 18px;
    font-size: 0.9em;
    line-height: 1.77em;
    color: #333;
    margin-bottom: 5px;
}

@media (max-width: 991.98px) {
    .network-list .tit:hover {
        color: #009b4c;
    }
}

.network-list .tit a {
    display: block;
    cursor: pointer;
}

.network-list .doc {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.75em;
    color: #666666;
}

.network-map {
    width: 100%;
    max-width: 100%;
    flex: 1;
    -webkit-flex: 1;
    position: relative;
    /* height: 100%; */
    /* max-width: 45em;
    max-height: 34em; */
}

.network-map .map {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

.network-map .map img {
    width: 2em;
    height: 1.25em;
    display: block;
}

.modal-mapbox .modal-dialog {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.modal-mapbox .modal-content {
    width: auto;
    position: absolute;
    left: 0.3rem;
    right: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.modal-mapbox .modal-close {
    width: 0.6rem;
    height: 0.6rem;
    display: block;
    background: url("/content/img/images/close2.png") no-repeat center center;
    background-size: 0.48rem;
    position: absolute;
    right: 0;
    top: -1rem;
}

.modal-mapbox .map {
    width: 100%;
    height: 4.6rem;
    display: block;
    overflow: hidden;
    position: relative;
}

.modal-mapbox .map img {
    width: 100%;
    height: 100%;
    display: block;
}

@media screen and (min-width: 1000px) {
    .network-list li:hover .tit {
        color: #00a546;
    }
}

@media screen and (max-width: 767.98px) {
    .network-box .layout-body {
        display: block;
    }
    .network-aside {
        width: 100%;
        max-width: 100%;
        flex: none;
        padding: 0.6rem 0.24rem;
    }
    .network-schbox {
        font-size: 0.24rem;
        line-height: 0.6rem;
        margin-bottom: 0.44rem;
    }
    .network-schbox .btn-sch {
        width: 2rem;
        margin-left: 0rem;
    }
    .network-schbox .inpt {
        padding: 0 0.26rem;
        margin-right: 0;
    }
    .network-list {
        height: auto;
        min-height: 3.92rem;
        max-height: 7.55rem;
    }
    .network-list li {
        margin-bottom: 0.28rem;
    }
    .network-list .tit {
        font-size: 0.34rem;
        line-height: 0.52rem;
        margin-bottom: 0.12rem;
    }
    .network-list .doc {
        font-size: 0.28rem;
        line-height: 0.52rem;
    }
}


/* 网站地图 开始 */

.website-hdbox {
    margin-left: .8em;
    margin-bottom: 0.8em;
    position: relative;
}

.website-hdbox::before {
    content: "";
    display: block;
    width: 6px;
    height: 27px;
    background-color: #009b4c;
    position: absolute;
    top: 4px;
    left: -16px;
}

.webside-hding {
    font-size: 24px;
    font-size: 1.2em;
    line-height: 1.33em;
    color: #333;
}

.website {
    width: 100%;
    /* padding-left: 0.8em;
    padding-right: 3em; */
    border-top: 1px dashed #eee;
}

.website-box {
    width: 100%;
    /* min-height: 16.5em; */
    padding-top: 1.8em;
    border-bottom: 1px dashed #eee;
    padding-bottom: 2.2em;
}

.website-list {
    /* float: left; */
}

.weblist-box {
    display: flex;
    display: -webkit-flex;
}

.weblist-box .doc {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.75em;
    color: #666;
}

@media (min-width:1000px) {
    .weblist-box .doc:hover {
        color: #009b4c;
    }
}

.weblist-box ul li:first-child {
    margin-bottom: 6px;
}

.weblist-box ul li:first-child .doc {
    color: #333;
    font-weight: bold;
}

.weblist-box .website-list {
    width: 20%;
}

@media (max-width: 991.98px) {
    .website {
        padding: 0;
    }
    .webside-hding {
        font-size: 0.4rem;
        line-height: 0.4rem;
    }
    .website-hdbox::before {
        width: 0.06rem;
        height: 0.27rem;
        top: 0.1rem;
    }
    .weblist-box {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
    }
    .weblist-box .website-list {
        float: none;
        width: 50%;
        margin-bottom: 0.4rem;
    }
    .weblist-box .doc {
        font-size: 0.3rem;
        line-height: 0.5rem;
    }
}


/* 网站地图 结束 */


/*** 计算器 ***/

.form-cal {
    max-width: 100%;
}

.form-cal .flex-cell {
    width: 22em;
    position: relative;
}

.form-cal .flex-cell span {
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
}

.form-cal .frm-tips {
    font-size: 16px;
    line-height: 20px;
    color: #009b4c;
    margin-top: 10px;
    margin-bottom: 10px;
}

.form-result {
    margin-top: 18px;
    padding-top: 15px;
    border-top: dashed 1px #dcdcdc;
}

.form-result table {
    width: 100%;
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.875em;
    border: none;
}

.form-result th,
.form-result td {
    border: none;
    /* border-bottom: solid 1px #dcdcdc; */
    font-size: 1em;
    line-height: inherit;
    padding: 0 0.9275em;
    white-space: nowrap;
}

.form-result th {
    /* height: 3.75em; */
    /* border-top: solid 1px #0075c2;
    background: #f9f9f9;
    color: #0075c2;
    font-weight: bold; */
}

.form-result td {
    height: 3.5em;
    background: #fff;
}

.form-result td.td1 {
    white-space: normal;
}

.form-result tr th:first-child,
.form-result tr td:first-child {
    padding-left: 0em;
}

.form-result tr th:last-child,
.form-result tr td:last-child {
    padding-right: 1.875em;
}

.frm-table {
    margin-top: 30px;
}

.frm-table .form-group-bd {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
}

.frm-table table {
    min-width: 500px;
}

.form-calLoan .control-label {
    flex: 0 0 8em;
    -webkit-flex: 0 0 8em;
}

.form-calDebt .control-label,
.form-calFinancial .control-label,
.form-calForeign .control-label {
    flex: 0 0 6em;
    -webkit-flex: 0 0 6em;
}

@media screen and (max-width: 991.98px) {
    .form-cal {
        width: 100%;
    }
}

@media screen and (max-width: 767.98px) {
    .form-cal .frm-tips {
        font-size: 0.24rem;
        line-height: 0.42rem;
        margin-top: 0.3rem;
    }
    .form-result {
        margin-top: 0.5rem;
        padding-top: 0.3rem;
    }
    .form-result table {
        font-size: 0.28rem;
        line-height: 0.48rem;
    }
    .form-result th,
    .form-result td {
        padding: 0 0.1rem;
    }
    .form-result tr th:first-child,
    .form-result tr td:first-child {
        padding-left: 0.2rem;
    }
    .form-result tr th:last-child,
    .form-result tr td:last-child {
        padding-right: 0.2rem;
    }
    .frm-table {
        margin-top: 0.3rem;
    }
    .form-calLoan .flex-cell {
        max-width: 70%;
    }
}


/*# sourceMappingURL=css.css.map */


/* modules */

.global-form {
    margin-top: 1.25em;
}

.global-form .row-item {
    padding: 0 1.5em;
}

@media (max-width:991.98px) {
    .form-group-cell {
        width: 100%;
    }
}

.layout-h .form-group {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: .5em;
}

.layout-h .form-group option {
    font-size: 16px;
    font-size: 1em;
}

.layout-h .form-group .form-control {
    font-size: 16px;
    font-size: 1em;
}

.layout-h .form-group.ui-buttonset {
    margin-bottom: 1em;
}

.layout-h #payType {
    margin-top: 1.3em;
    margin-bottom: 2.25em;
}

.layout-h .control-label {
    flex: 0 0 8em;
    -webkit-flex: 0 0 8em;
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.33em;
    color: #333;
}

@media screen and (min-width: 1000px) {
    .frm-upload .btn-file:hover {
        border-color: #00a546;
        color: #fff;
    }
    select.form-control {
        appearance: none;
        -webkit-appearance: none;
        background: url("/content/Img/images/sel-down.png") no-repeat right 10px center #fff;
    }
}

@media screen and (max-width: 991.98px) {
    .global-form .row {
        margin: 0 -0.3rem;
    }
    .global-form .row-item {
        padding: 0 0.3rem;
    }
}

@media screen and (max-width: 767.98px) {
    .global-form {
        margin-top: 0.6rem;
        margin-top: 0rem;
    }
    .form-group {
        padding: 0.1rem 0.2rem 0.1rem 0;
        font-size: 0.28rem;
        line-height: 0.6rem;
        padding-right: 0;
    }
    .form-group .help-block {
        font-size: 0.26rem;
        line-height: 0.4rem;
        margin: 0.1rem 0 0;
    }
    .form-group .unit {
        min-width: 2em;
        margin-left: 0.1rem;
    }
    .control-label {
        height: 0.6rem;
        line-height: 0.32rem;
        margin-right: 0.1rem;
        font-size: 0.28rem;
    }
    .form-control {
        max-width: 100% !important;
        height: 0.6rem;
        padding: 0 0.1rem;
        line-height: 0.58rem;
    }
    textarea.form-control {
        height: 3rem;
    }
    .frm-upload .row {
        display: block;
    }
    .frm-upload .btn-file a {
        width: 2.5rem;
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.28rem;
    }
    .frm-upload .tips {
        width: 100%;
        display: block;
        margin-top: 0.1rem;
        line-height: 0.48rem;
    }
    .frm-vcode .flex {
        width: 100%;
    }
    .frm-vcode .vcode-imgs {
        width: 1.5rem;
        flex: 0 0 1.5rem;
        -webkit-flex: 0 0 1.5rem;
        height: 0.6rem;
        margin-left: 0.3rem;
    }
    .form-btnbox {
        margin-top: 0.3rem !important;
    }
    .form-btnbox a,
    .form-btnbox button {
        width: 2.1rem;
        height: 0.6rem;
        line-height: 0.58rem;
        font-size: 0.28rem;
    }
    .checklist input[type="radio"] {
        width: 12px;
        height: 12px;
        /* display: none; */
    }
    .checklist input[type="radio"]:checked::after {
        width: 5px;
        height: 5px;
    }
}


/* 自己写的计算器 */

.clacmore-list li {
    border: 1px solid #fff;
}

.clacmore-list .active {
    border: 1px solid #009b4c;
}

.clacmore-list .box .tit {
    color: #666;
}

.clacmore-list .active .tit {
    color: #009b4c;
}

.clacmore-list li:hover {
    border: 1px solid #009b4c;
}

.clacmore-list li:hover .tit {
    color: #009b4c;
}

.calc-heading {
    font-size: 22px;
    font-size: 1.1em;
    line-height: 1.1em;
    color: #333333;
}

.calc-main-box .global-inner {
    padding: 0 9.5em;
}

.calc-main-box .layout-content .layout-body {
    padding: 0 5em;
}

#loadType .form-group-cell ul {
    display: flex;
    display: -webkit-flex;
}

#per_form .checklist li {
    margin-right: 2em;
}

#loadType .form-group-cell li span:hover {
    cursor: pointer;
}


/* #loadType .form-group-cell ul li:first-child span {
    margin-left: 1em;
} */


/* #loadType .form-group-cell ul li:last-child span {
    margin-left: 2.5em;
} */

.p-calLoan #loadType .form-group-cell ul li:first-child span {
    margin-left: 0em;
}

.p-calLoan #loadType .form-group-cell ul li:last-child span {
    margin-left: 0em;
}

#loadType .form-group-cell ul .active span {
    color: #0054a3;
    border-bottom: 2px solid #0054a3;
}

#payType ul {
    display: flex;
    display: -webkit-flex;
}

.add_form-group-cell_flex {
    width: 100%;
    font-size: 16px;
    font-size: .8em;
}

#loadType .add_form-group-cell_flex .checklist {
    display: flex;
    display: -webkit-flex;
    justify-content: left;
    -webkit-justify-content: left;
}

#loadType .add_form-group-cell_flex .checklist li {
    margin-right: 2em;
}

#payType ul li:first-child {
    margin-right: 2em;
}

@media (max-width:991.98px) {
    #loadType .add_form-group-cell_flex .checklist li {
        margin-right: .2rem;
    }
    .checklist li {
        font-size: .26rem;
    }
}


/* #payType ul li:last-child span:last-child {
    margin-left: 1em;
} */

#payType ul .active .ui-button-text span:last-child {
    color: #0054a3;
    border-bottom: 2px solid #0054a3;
    margin: 0;
}

.form-result .flex-cell {
    width: auto;
}

.form-result .flex-cell .form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
    border: 0;
}

.form-result .flex-cell span {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.form-result .flex {
    align-items: center;
}

@media (max-width:991.98px) {
    .calc-main-box .layout-content .layout-body {
        padding: 0;
    }
    .calc-heading {
        font-size: .3rem;
        line-height: .5rem;
        text-align: center;
    }
    .layout-h .control-label {
        font-size: .28rem;
        flex: 0 0 2rem;
        -webkit-flex: 0 0 2rem;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
    }
    .form-cal .flex-cell {
        width: 4rem;
    }
    .form-control {
        font-size: .3rem;
        border-radius: 0;
    }
    .layout-h .form-group .form-control {
        font-size: .28rem;
    }
    /* .form-control option {
        font-size: .18rem;
    } */
    .zw {
        display: none;
    }
    .form-cal .flex-cell span {
        right: .15rem;
    }
    .form-group .unit {
        display: none;
    }
    .form-btnbox .control-label {
        display: none;
    }
    .p-calLoan .form-cal .flex-cell {
        width: 7rem;
    }
    .form-group {
        margin-bottom: 0.5rem;
    }
    #loadType .form-group-cell ul li:first-child span {
        margin: 0;
    }
    #loadType .form-group-cell ul li:last-child span {
        margin: 0;
    }
}

.calc-main-box .layout-head {
    margin-top: 2.2em;
    padding-bottom: 0;
}


/* .ui-state-hover span:last-child {
    color: red;
} */


/* 计算器页面 开始 */


/* 动态页编辑框 */

.intro-box p {
    font-size: 16px;
    font-size: 0.8em;
    line-height: 2.2em;
    color: #333;
}

.intro-box .n-heading {
    font-size: 24px;
    font-size: 1.2em;
    color: #000;
    /* font-weight: bold; */
}

.intro-box h5 {
    font-size: 16px;
    font-size: .8em;
    line-height: 1em;
    color: #000;
    font-weight: bold;
    margin-top: 1.3em;
    font-weight: bold;
    margin-bottom: .3em !important;
}

.intro-box header+h5 {
    margin: 0 !important;
    margin-top: .6em !important;
    margin-bottom: .4em !important;
}

.intro-box table {
    width: 100% !important;
    height: 100% !important;
    margin-top: .5em;
    margin-bottom: 1.5em;
}

.intro-box img {
    /* width: 100%; */
	max-width: 100%;
    height: auto !important;
}

@media (min-width:992px){
	.intro-box img {
		max-width: 600px;
	}
}
@media (max-width:991.98px) {
    /* .intro-box img {
        width: 100%;
        height: 100%;
    } */
    .intro-box p {
        font-size: .3rem;
        line-height: .5rem;
    }
    .intro-box h5 {
        font-size: .34rem;
        line-height: .34rem;
        margin-top: .45rem;
        margin-bottom: .2rem !important;
    }
    .intro-box header+h5 {
        margin-top: 0rem !important;
    }
    .intro-box table {
        width: 100% !important;
        margin-bottom: .5rem;
        overflow-y: scroll;
    }
    .intro-box table tr:first-child td:first-child {
        width: 32% !important;
    }
    .intro-box table tr td:first-child {
        text-align: center !important;
    }
}


/* 表格手机端样式 */

@media (max-width:991.98px) {}


/* 收费标准 */

.notice-list {
    width: 100%;
    min-height: 280px;
    position: relative;
}

.notice-list li {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    padding: 0 0 0 1em;
    border-bottom: solid 1px #dcdcdc;
    line-height: 2.8em;
}

.notice-list .tit {
    width: 100%;
    max-width: 100%;
    flex: 1;
    -webkit-flex: 1;
    display: flex;
    display: -webkit-flex;
    font-size: 16px;
    font-size: 0.8em;
    line-height: 1.5em;
}

.notice-list .tit img {
    width: 1.5em;
    margin: -3px 1.25em 0 0;
}

.notice-list .tit .bi {
    width: 1.5em;
    height: 1.5em;
    margin: -3px 1.25em 0 0;
    color: #fa4e4e;
}

.notice-list .tit a {
    display: block;
    height: 1.5em;
    overflow: hidden;
}

.notice-list .time {
    font-size: 14px;
    font-size: 0.7em;
    flex: 0 0 5.4em;
    -webkit-flex: 0 0 5.4em;
    margin-left: 2.14em;
    text-align: center;
    white-space: nowrap;
    font-family: "Arial";
}

.notice-list .download {
    font-size: 14px;
    font-size: 0.7em;
    flex: 0 0 5.7em;
    -webkit-flex: 0 0 5.7em;
    max-width: 80px;
    margin-left: 2.14em;
    text-align: right;
    white-space: nowrap;
}

.notice-list .download img {
    width: 1em;
    margin: -3px 0.71em 0 0;
}

.notice-list .download .bi {
    width: 1.5em;
    height: 1.5em;
    margin: -3px 0.71em 0 0;
    color: #23ac39;
}

@media screen and (min-width: 1000px) {
    .notice-list li:hover {
        color: #00a546;
    }
}

@media screen and (max-width: 767.98px) {
    .notice-list li {
        padding: 0.2rem 0;
        display: block;
        overflow: hidden;
    }
    .notice-list li:last-child {
        border-bottom: none;
    }
    .notice-list .tit {
        width: 100%;
        font-size: 0.3rem;
        line-height: 0.5rem;
        max-height: 1rem;
        white-space: normal;
        flex: none;
        -webkit-flex: none;
        margin-bottom: 0.1rem;
    }
    .notice-list .tit .bi {
        display: none;
    }
    .notice-list .tit img {
        display: none;
    }
    .notice-list .time {
        font-size: 0.24rem;
        line-height: 0.4rem;
        flex: none;
        -webkit-flex: none;
        margin: 0;
        text-align: left;
    }
    .notice-list .download {
        font-size: 0.24rem;
        line-height: 0.4rem;
        flex: none;
        -webkit-flex: none;
        margin: 0.1rem 0 0;
        text-align: left;
    }
}