@charset "UTF-8";

/*
*   program: 天府银行wap
*   author: ln
*   date: 2018-09-17
*/

body {
    position: relative;
}

.g-header, .g-main, .g-footer, .tw_float, .g-nav, .mask {
    width: 100%;
    max-width: 7.50rem;
    margin: 0 auto;
    /* overflow-x: hidden; */
}

.g-header {
    position: fixed;
    top: -1px;
    left: 0;
    right: 0;
    box-sizing: border-box;
    height: 1rem;
    padding-left: .4rem;
    line-height: 1rem;
    background: url("../images/tw-header-bg_02.png") no-repeat center/contain;
    z-index: 1;
}

.g-header .db .img {
    vertical-align: top;
}

.g-header .cont {
    width: 6.02rem;
    text-align: center;
    overflow-x: auto;
    white-space: nowrap;
}

.g-header .menu {
    width: .36rem;
    height: .31rem;
}

.g-header .logo {
    width: 3.21rem;
    height: .7rem;
}

.g-header .at {
    width: .32rem;
    height: .4rem;
}

.g-header .back {
    width: .21rem;
    height: .34rem;
    margin-right: .1rem;
}

.g-header .title {
    font-family: "宋体";
    font-weight: bold;
    font-size: .36rem;
    color: #2c2c2c;
}

.g-footer {
    box-sizing: border-box;
    margin-top: 1rem;
    padding: 0 .4rem 0;
    margin-bottom: 1.18rem;
    background: #2c2c2c;
    border-top: 1px solid #535353;
}

.tw_footer_list .a {
    display: block;
    letter-spacing: 1px;
    font-size: .3rem;
    color: #b4b4b4;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: .24rem auto;
}

.tw_footer_list>li>.a {
    line-height: .99rem;
    background-image: url("../images/tw-footer-plus_03.png");
    border-bottom: 1px solid #535353;
}

.tw_footer_list li .a.cut {
    background-image: url("../images/tw-footer-cut_03.png");
}

.tw_footer_list li .a.plus {
    background-image: url("../images/tw-footer-plus_03.png");
}

.tw_footer_list ul {
    display: none;
    padding: 0 .3rem;
}

.tw_footer_list ul .a {
    line-height: .9rem;
}

.tw_footer_ad {
    height: 1.52rem;
}

.tw_footer_ad .phone {
    width: 2.83rem;
    height: .61rem;
    margin-top: .44rem;
}

.tw_footer_ad .slogan {
    width: 2.35rem;
    height: .38rem;
    margin: .57rem .05rem 0 0;
}

.tw_float {
    box-sizing: border-box;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1.18rem;
    line-height: 1.18rem;
    padding: 0 .46rem 0 .42rem;
    background: #1e1d1d;
}

.tw_float .logo {
    width: 2.54rem;
    height: .74rem;
}

.tw_float .logo .img {
    vertical-align: top;
}

.tw_float .btn {
    padding: 0 .32rem;
    text-align: center;
    line-height: .52rem;
    letter-spacing: 2px;
    font-size: .24rem;
    color: #333;
    background: #fee000;
    border-radius: .05rem;
}

.tw_float .close {
    width: .38rem;
    height: .38rem;
    margin-left: .22rem;
    cursor: pointer;
}

.g-nav {
    display: none;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    padding: .33rem .4rem .4rem;
    background: #fff;
    z-index: 2;
}

.g-nav>.close {
    width: .32rem;
    height: .32rem;
}

.tw-searc-drop {
    display: none;
}

.g-nav-list {
    padding: 0 .23rem;
}

.g-nav-list .a {
    display: block;
    line-height: 1rem;
    font-weight: bold;
    font-size: .3rem;
    color: #333;
    border-bottom: 1px solid #d9d9d9;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: .24rem .13rem
}

.g-nav-list>li>.a {
    background-image: url("../images/g-nav-list_plus.png");
}

.g-nav-list li .a.cut {
    background-image: url("../images/g-nav-list_cut.png");
}

.g-nav-list li .a.plus {
    background-image: url("../images/g-nav-list_plus.png");
}

.g-nav-list ul {
    display: none;
    padding: 0 .23rem;
    border-bottom: 1px solid #d9d9d9;
}

.g-nav-list ul li:last-child .a {
    border-bottom: none;
}

.g-nav-list ul .a {
    line-height: 1.26rem;
    font-weight: normal;
    color: #666;
}

.tf-search {
    margin-top: .35rem;
}

.tf-search-bar {
    line-height: .68rem;
    border: 1px solid #d9d9d9;
    border-radius: .08rem;
}

.tf-search-bar .btn {
    width: .27rem;
    height: .26rem;
    margin: 0 .19rem 0 .21rem;
    background: url("../images/tf-search-bar-btn_03.png") no-repeat center/contain;
}

.tf-search-bar .inp {
    box-sizing: border-box;
    width: 5.5rem;
    height: .68rem;
    line-height: .68rem;
    padding-right: .14rem;
    font-size: .28rem;
    color: #666;
}

.tf-search-bar .inp::placeholder {
    font-size: .28rem;
    color: #999;
}

.tf-search-bar .clear {
    display: none;
    width: .32rem;
    height: .32rem;
}

.tw-search-drop {
    display: none;
    padding: 0 .26rem;
}

.tw-search-drop .title {
    margin-top: .3rem;
    line-height: 1;
    font-size: .28rem;
    color: #000;
}

.tf-search-msg {
    margin-top: .3rem;
    padding-bottom: .3rem;
    border-bottom: 1px solid #d9d9d9;
}

.tf-search-msg .a {
    display: inline-block;
    margin-left: .2rem;
    padding: 0 .22rem;
    line-height: .48rem;
    font-size: .24rem;
    color: #666;
    border: 1px solid #e2e2e2;
    border-radius: .25rem;
}

.tf-search-msg .a:first-of-type {
    margin-left: 0;
}

.tf-search-dropList {
    margin-top: .1rem;
}

.tf-search-dropList li {
    line-height: 1rem;
    border-bottom: 1px solid #d9d9d9;
}

.tf-search-dropList .a {
    font-size: .28rem;
    color: #666;
}

.tw-close-btn {
    display: block;
    width: 2.58rem;
    margin: .5rem auto 0;
    line-height: .66rem;
    text-align: center;
    font-size: .28rem;
    color: #666;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: .06rem;
}

.g-main {
    min-height: 8rem;
    padding: 1rem 0 .2rem;
}

.mask {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url("../images/myCloudMask-bg.png");
    z-index: 1;
}