@charset "UTF-8";

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

li {
    list-style: none;
}

a {
    text-decoration: none !important;
    color: #000;
    display: inline-block;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
}

b,
strong {
    font-weight: normal;
}

i,
em {
    font-style: normal;
}

input {
    border: 0;
    padding: 0;
    outline: none;
    background: none;
}

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
}

img {
    vertical-align: top;
}

html,
body {
    width: 100%;
    padding: 0;
    margin: 0;
}

* {
    /* color: #6c6c6c; */
    /* font-family: 'Microsoft YaHei';
    ; */
    font-family: arial, verdana, sans-serif;
    /* font-family:Helvetica; */
}

body {
    /* font-family: 'Microsoft YaHei'; */
    font-family: arial, verdana, sans-serif;
    /* font-family:Helvetica; */
}

.IntegralSystem-frame {
    width: 100%;
}

.IntegralSystem-frame * {
    box-sizing: border-box;
    font-size: 0.6rem;
}

.padding-all {
    width: 100%;
    padding: 0.4rem;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear-f {
    overflow: hidden;
}

.t-center {
    text-align: center;
}

.t-left {
    text-align: left;
}

.t-right {
    text-align: right;
}

.ml-03 {
    margin-left: 0.3rem;
}

.m-b-04 {
    margin-bottom: 0.4rem;
}

.autoMall-frame {
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.autoMall-frame * {
    box-sizing: border-box;
}

.footer-bottom {
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;

    height: 2.25rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    background: #fff;
    border-top: 1px solid #ececec;
}

.footer-bottom a {
    display: inline-block;
    flex: 1;
    text-align: center;
}

.footer-bottom a div {
    color: #787d8a;
    font-size: 0.5rem;
    text-align: center;
    margin-top: 0.05rem;
    line-height: 0.5rem;
}

.footer-bottom a span {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-top: 0.25rem;
    background: url(../images/tabIcon.png) no-repeat;
}

.footer-bottom .nav-01 span {
    background-position: 0 0;
    background-size: 2rem auto;
}

.footer-bottom .nav-01.active span {
    background-position: -1rem 0rem;

    background-size: 2rem auto;
}

.footer-bottom .nav-02 span {
    background-position: 0rem -1rem;

    background-size: 2rem auto;
}

.footer-bottom .nav-02.active span {
    background-position: -1rem -1rem;
    background-size: 2rem auto;
}

.footer-bottom .nav-03 span {
    background-position: 0rem -2rem;
    background-size: 2rem auto;
}

.footer-bottom .nav-03.active span {
    background-position: -1rem -2rem;
    background-size: 2rem auto;
}

.footer-bottom .nav-04 span {
    background-position: 0rem -3rem;
    background-size: 2rem auto;
}

.footer-bottom .nav-04.active span {
    background-position: -1rem -3rem;
    background-size: 2rem auto;
}

.footer-bottom a.active div {
    color: #0079fe;
}

.p-b-23 {
    padding-bottom: 2.3rem !important;
}

.p-b-3 {
    padding-bottom: 3rem !important;
}

.p-all-20 {
    padding: 0.5rem;
}

.interval-block {
    width: 100%;
    height: 0.4rem;
    background: #f5f5f5;
}

.bottom_btn {
    width: 100%;
    padding: 0.6rem;
    margin-top: 0.6rem;
}

.bottom_btn a {
    display: inline-block;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    background: #0079fe;
    color: #fff;
    border-radius: 0.25rem;
    font-size: 0.7rem;
}

.price_color {
    font-weight: bold;
    color: #f6330d;
}

/*Module-pop style*/

.Module-pop {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    box-sizing: border-box;
}

.Module-pop * {
    box-sizing: border-box;
}

.Module-pop.show {
    opacity: 1;
    z-index: 20;
}

.Module-dialog {
    width: 80%;
    margin: auto;
    max-width: 320px;
}

.Module-content {
    width: 100%;
    position: relative;
    background: #fff;
    min-height: 6rem;
    border-radius: 0.4rem;
}

.Module-footer {
    width: 100%;
    height: 2rem;
    border-top: 1px solid #ececec;
    position: absolute;
    bottom: 0;
    left: 0;
}

.Module-footer.footer-double a {
    display: inline-block;
    width: 50%;
    font-size: 0.65rem;
}

.Module-footer a {
    display: inline-block;
    width: 100%;
    font-size: 0.65rem;
    color: #666;
    text-decoration: none;
    text-align: center;
    line-height: 2rem;
    border-left: 1px solid #ececec;
}

.Module-footer a:nth-child(1) {
    border: none;
}

.Module-footer a.fc-blue {
    color: #0079fe;
}

.agreement-pop .Module-dialog {
    width: 14.25rem;

}

.agreement-pop .Module-content {
    height: 23rem;
}

.Module-body {
    padding-top: 1.2rem;
    position: relative;
}



.close-img {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    top: 0.45rem;
    right: 0.45rem;
}

.agreement-box {
    padding: 0 0.8rem;
    max-height: 18.5rem;
    overflow-y: auto;
}

.agreement-title {
    font-size: 0.65rem;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
}

.agreement-content {
    width: 100%;
    margin-top: 0.8rem;
}

.xy-desc {
    font-size: 0.6rem;
    margin-bottom: 0.6rem;
    line-height: 1.2rem;
}

.xy-small-title {
    font-size: 0.6rem;
    font-weight: bold;
    color: #333;
}

.overHidden {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.module-tips {
    width: 100%;
    padding: 0 0.8rem 0.8rem 0.8rem;
}

.tips-head {
    font-size: 0.7rem;
    color: #333;
    text-align: center;
}

.phone-numb {
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
    padding-top: 0.4rem;
}

.tips-desc {
    text-align: center;
    margin-top: 0.6rem;
    color: #666;
    line-height: 1rem;
    font-size: 0.6rem;
}

.confirm-price {
    font-weight: bold;
    color: #fb1c40;
    font-size: 0.55rem;
    margin-top: 1.1rem;
    text-align: center;
}

.confirm-price span {
    font-size: 0.7rem;
}

.go-buy {
    color: #fff;
    border-radius: 0.3rem;
    margin-top: 1.6rem;
    line-height: 1.8rem;
    font-size: 0.65rem;
    background: #0079fe;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 0.4rem;
}

.exit-btn {
    background: #f8686a !important;
}

.publish-btn {
    display: inline-block;
    width: 100%;
    line-height: 2rem;
    border-radius: 0.2rem;
    background: #0079fe;
    text-align: center;
    font-size: 0.7rem;
    color: #fff;
    box-shadow: 0 0.2rem 0.4rem rgba(1, 121, 254, .36);
}

.success-img {
    text-align: center;
    margin-bottom: 0.5rem;
}

.success-img img {
    display: inline-block;
    width: 2.15rem;
    height: 2.15rem;
}


.window-cover {
    display: none;
    box-sizing: border-box;
    font-size: 0.6rem;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 10;
}

.window-cover * {
    box-sizing: border-box;
    font-size: 0.6rem;
}

.window-cover .cover-content {
    width: 100%;
    max-height: 16rem;
    background: #fff;
    border-radius: 0.4rem 0.4rem 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.window-cover .cover-content .select-ul-box {
    width: 100%;
    max-height: 16rem;
    overflow-y: auto;
}

.window-cover .cover-content .select-ul-box ul {
    width: 100%;
    margin: 0;
    padding: 0;
}

.window-cover .cover-content .select-ul-box ul li {
    width: 100%;
    padding: 0 0.6rem;
    line-height: 2.1rem;
    color: #333333;
    border-bottom: 1px dashed #e5e5e5;
}

.window-cover .cover-content .select-ul-box ul li span {
    display: inline-block;
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 100% !important;
}

.window-cover .cover-content .select-ul-box ul li.active {
    color: #0079fe;
    background: url(../images/selected.png) no-repeat;
    background-size: 0.6rem auto;
    background-position: 94% center;
}

.window-cover .cover-content .select-ul-box ul li:last-child {
    border: none;
}

.window-cover.fadeIn {
    display: block;
}


/*银行logo*/
.window-cover .cover-content .select-ul-box ul.select-ul-bank li {
    height: 2.1rem;
    line-height: 2.1rem;
}

.window-cover .cover-content .select-ul-box ul.select-ul-bank li span {
    display: inline-block;
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    height: 2.1rem;
    text-overflow: ellipsis;
    color: #333 !important;
    line-height: 2.1rem !important;
    padding-left: 1.5rem;
}

.bj {

    background-image: url(../images/bank/bj.png);
    background-position: left center;
    background-size: 1rem auto;
    background-repeat: no-repeat;
}

.js {

    background-image: url(../images/bank/js.png);
    background-position: left center;
    background-size: 1rem auto;
    background-repeat: no-repeat;
}

.gs {

    background-image: url(../images/bank/gs.png);
    background-position: left center;
    background-size: 1rem auto;
    background-repeat: no-repeat;
}

.ny {

    background-image: url(../images/bank/ny.png);
    background-position: left center;
    background-size: 1rem auto;
    background-repeat: no-repeat;
}

.zs {

    background-image: url(../images/bank/zs.png);
    background-position: left center;
    background-size: 1rem auto;
    background-repeat: no-repeat;
}

.p-b-24 {
    padding-bottom: 2.4rem;
}



.makeSure_btn {
    width: 100%;
    padding: 0.4rem 0.6rem;
    position: fixed;
    bottom: 2.2rem;
    box-shadow: 0 -0.1rem 0.4rem rgba(74, 74, 74, .06);
    left: 0;
}

.makeSure_btn a {
    display: inline-block;
    width: 100%;
    height: 2rem;
    border-radius: 0.3rem;
    color: #fff;
    font-size: 0.7rem;
    line-height: 2rem;
    text-align: center;
    background: #0079fe;
}

/*底部弹窗*/
.Module-bottom-dialog {
    width: 100%;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.guige_con {
    width: 100%;
    padding: 0 0.6rem;
    box-sizing: border-box;
    /* max-height: 17rem;
    min-height: 8.5rem; */
    overflow-y: auto;
}

.guige_con h5 {
    font-size: 0.6rem;
    color: #333;
}

.Module-bottom-content .Module-body {
    padding-top: 0.8rem;
}

.template_select {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 0.9rem;
}

.template_select li {
    display: inline-block;
    font-size: 0.5rem;
    color: #333;
    height: 1.3rem;
    background: #f5f5f5;
    padding: 0 0.4rem;
    line-height: 1.3rem;
    border-radius: 0.2rem;
    border: 1px solid #f5f5f5;
    margin: 0.4rem 0.4rem 0 0;
}

.template_select li.active {
    border: 1px solid rgba(0, 121, 254, .5);
    color: rgba(0, 121, 254, 1);
    background-color: rgba(0, 121, 254, 0.06);
}


/*提交成功提示*/
.tips_tost {
    width: 100%;
    height: 100%;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
    background: rgba(255, 255, 255, 0);
    z-index: 3;
}

.tips_tost.show {
    display: inline-block;
    opacity: 1;
}

.tips_tost span {
    margin-top: 100%;
    display: inline-block;
    font-size: 0.6rem;
    color: #fff;
    display: inline-block;
    background: rgba(0, 0, 0, .6);
    border-radius: 0.2rem;
    padding: 0.2rem 0.4rem;
}


/*tab导航切换*/
.top_nav_tab {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    height: 2rem;
    padding: 0 0.6rem;
}

.nav_tab_ul {
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav_tab_ul li {
    border-bottom: 0.075rem solid transparent;
    font-size: 0.65rem;
    color: #333;
    line-height: 2rem;
    padding: 0 0.4rem;
}

.nav_tab_ul li.active {
    color: #0079fe;
    border-color: #0079fe;
}

.tab_content .tab_item {
    display: none;
}

.btn_line {
    display: inline-block;
    height: 1.3rem;
    line-height: 1.3rem;
    border-radius: 0.65rem;
    font-size: 0.6rem;
    color: #666;
    border: 1px solid #aaa;
    width: 3.5rem;
    text-align: center;
}

.btn_blue {
    display: inline-block;
    height: 1.3rem;
    line-height: 1.3rem;
    border-radius: 0.65rem;
    font-size: 0.6rem;
    color: #fff;
    background: #0079fe;
    border: 1px solid #0079fe;
    width: 3.5rem;
    text-align: center;
}

.order_d_bottom {
    width: 100%;
    background: #fff;
    position: fixed;
    bottom: 0;
    text-align: right;
    left: 0;
    padding: 0.5rem 0.6rem;
}

.order_d_bottom a {
    margin-left: 0.4rem;
}

/*成功页面*/

/*添加成功样式*/
.success_module {
    width: 100%;
    padding: 0 0.75rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.cg_icon {
    display: inline-block;
    width: 2.7rem;
    height: 2.7rem;
    margin-top: 1.7rem;
    margin-bottom: 0.8rem;
}

.success_module h5 {
    font-size: 0.7rem;
    color: #333;
    margin-bottom: 0.4rem;
}

.success_module p {
    font-size: 0.6rem;
    color: #999;
}

.main_btn {
    margin-top: 3rem;
    display: inline-block;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.7rem;
    color: #fff;
    text-align: center;
    background: #0079fe;
    border-radius: 1rem;
}

.sub_btn {
    display: inline-block;
    font-size: 0.6rem;
    color: #999;
    margin-top: 0.6rem;
}


.zf_bottom_btn {
    padding: 0 0 0 0.6rem;
    width: 100%;
    height: 2.2rem;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.7rem;
    box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, .04);
}

.zf_bottom_btn .price_color {
    font-weight: bold;
}

.zf_bottom_btn a {
    width: 5.35rem;
    text-align: center;
    display: inline-block;
    height: 100%;
    line-height: 2.2rem;
    background: #0079fe;
    color: #fff;
    font-size: 0.7rem;
}

.number_js {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.number_js_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 4.7rem;
}

.number_js_box input {
    font-size: 0.65rem;
    line-height: 1.4rem;
}



.PCD-span {
    padding-right: 0.8rem;
    width: 100%;
    display: inline-block;
    background: url(../images/p-arrow.png) no-repeat;
    background-size: 0.6rem 0.6rem;
    background-position: right center;
}

.PCD-span #demo1 {
    background: transparent !important;

}

.PCD-span input {
    width: 100% !important;
}