body, input, textarea, select, button{
    font-family:PingFang-SC-Bold;
    font-size: 14px;
    background-color: #ffffff;
}

/*::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
}*/

.zt-wx-form input::-webkit-input-placeholder{
    height:24px;
    font-size:16px;
    font-family:PingFang-SC-Bold;
    font-weight:bold;
    color:#999EA7;
    line-height:19px;
    letter-spacing:1px;
}

.zt-wx-form input::-moz-placeholder{ /* Mozilla Firefox 19+ */
    height:24px;
    font-size:16px;
    font-family:PingFang-SC-Bold;
    font-weight:bold;
    color:#999EA7;
    line-height:19px;
    letter-spacing:1px;
}

.zt-wx-form input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    height:24px;
    font-size:16px;
    font-family:PingFang-SC-Bold;
    font-weight:bold;
    color:#999EA7;
    line-height:19px;
    letter-spacing:1px;
}

.weui-cells.zt-wx-form:before{
    border-width: 0;
}

.weui-cells.zt-wx-form:after{
    border-width: 0;
}

.zt-wx-form .weui-cell{
    padding: 0px 15px;
    margin-bottom: 15px;
}

.zt-wx-form .weui-cell:before{
    border: none;
}
.zt-wx-form .weui-cell_no_bd:before{
    border: none;
}
.zt-wx-form .form-input{
    background-color: #F5F5F5;
    padding: 8px 0px 8px 15px;
    width: calc(100% - 15px);
    height: 24px;
}

.zt-wx-form .form-input-icon{
    background-color: #F5F5F5;
    padding: 8px 30px 8px 15px;
    width: calc(100% - 45px);
    height: 24px;
}

.zt-wx-form .form-icon{
    position: absolute;
    top: 9px;
    right: 26px;
}

.zt-wx-back-vcode{
    margin-left: 0;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight:bold;
    color: #ffffff;
}

.weui-agree__text{
    height: 12px;
    font-size: 12px;
    font-weight: bold;
    color: #B4B4B4;
    line-height: 18px;
    margin-left: 5px;
}

.weui-popup__container .weui-btn-area{
    margin: 1.17647059em 0px .5em;
}

.zt-wx-btn{
    height: 40px;
    font-size: 16px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: #ffffff;
    line-height: 16px;
    letter-spacing: 2px;
    border-radius: 2px;
    padding: 10px 0px;
}

.zt-wx-link{
    height:19px;
    font-size:14px;
    font-family:PingFang-SC-Bold;
    font-weight:bold;
    color:#6C7081;
    line-height:19px;
}

.weui-select.grey-bg{
    height: 40px;
    line-height: 40px;
    background-color: #F5F5F5;
}

.weui-cell_select .weui-cell__bd:after{
    border-width: 0px 2px 2px 0;
    z-index: 2;
    right: 30px;
}

.select-placeholder{
    font-size:16px;
    font-family:PingFang-SC-Bold;
    font-weight:normal;
    color:#6C7081 !important;
    line-height:19px;
    letter-spacing:1px;
}


.weui-navbar+.weui-tab__bd{
    padding-top: 56px;
}

.weui-navbar{
    top: 6px;
    left: 15px;
    width: calc(100% - 30px);
    margin: 5px 0px;
    z-index: 99;
}

.weui-navbar__item{
    height: 22px;
    font-size: 16px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 2px;
    padding: 6px 0px;
    color: #333;
}

.weui-navbar__item:after{
    border-width: 0;
}

.weui-form-preview:before{
    border-top: 20px solid #F3F3F3;
}

.weui-form-preview:after{
    border-width: 0;
}

.zt-wx-item-title{
    font-size:16px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:#333333;
    line-height:19px;
    text-align: left;
    text-align-last: unset;
    padding: 8px 0px;
}

.zt-wx-item{
    position: relative;
    margin-bottom: 10px;
}

.yj-wx-item{
    position: relative;
}

.yj-wx-item .weui-cell__ft:after{
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #B7BCC5;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: calc(50% - 3px);
    right: 3px;
}

.yj-wx-open-date{
    padding-bottom: 10px;
    text-align: left;
}

.yj-wx-fund-list{
    text-align: center;
}

.bottom-border{
    border-bottom: 1px solid #EDEDED;
}

.zt-wx-item .weui-cell__ft:after{
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #B7BCC5;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: calc(50% - 3px);
    right: 3px;
}

.wx-cell-bd{
    background: rgba(77,123,254,0.1);
    margin-bottom: 10px;
    flex-wrap: wrap;
    text-align: center;
}

.wx-cell-bd.grey{
    background:rgba(0,0,0,0.3);
}

.flex-1{
    flex: 0 0 25%;
}

.flex-2{
    flex: 0 0 33.3333%;
}

.flex-3{
    flex: 0 0 50%;
}

.asset-form .nav.flex-2{
    flex: 0 0 23%;
}

.asset-form .normal.flex-2{
    flex: 0 0 38.5%;
}
.asset-form .comm-flex{
    flex: 1!important;
}

.wx-flex-label{
    font-size:16px;
    font-family:PingFang-SC-Medium;
    font-weight:600;
    color:#235FFD;
    /*padding: 8px 0px 5px;*/
    position: relative;
}

.wx-flex-label.small{
    height:14px;
    font-size:12px;
    color:#848896;
    line-height:12px;
    padding: 5px 0px 8px;
}

.wx-flex-label.other{
    height:12px;
    font-size:12px;
    color:#848896;
    line-height:12px;
}

.wx-flex-label.long{
    font-size: 13px;
    padding: 12px 0 7px;
}

.wx-flex-label.divide-line:after{
    content: " ";
    display: inline-block;
    height: 28px;
    /*border: 1px solid #D9E4F1;*/
    position: absolute;
    top: 12px;
    right: 0;
}

.wx-risk-level-bd{
    background: url("svgfont/blue/risk_level.svg");
    width: 28px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    float: left;
    margin: 2px 0;
    position: relative;
}

.wx-risk-level-text{
    width: 18px;
    height: 12px;
    font-size: 12px;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(42,100,254,1);
    line-height: 12px;
    position: absolute;
    right: 6px;
    top: 3px;
}

.wx-run-state-bd{
    background: url("svgfont/common/fund_run_state.svg") no-repeat;
    width:45px;
    height:18px;
    line-height: 18px;
    text-align: left;
    float: left;
    margin: 2px 5px;
    padding-left: 22px;
    position: relative;
}

.wx-run-state-text{
    height:12px;
    font-size:12px;
    font-family:PingFang-SC-Bold;
    font-weight:bold;
    color:rgba(254,143,67,1);
    line-height:12px;
}

.wx-run-state-icon{
    width: 14px;
    height: 14px;
    position: absolute;
    left: 5px;
    top: 2px;
}

.wx-run-state-icon.collect{
    background: url("svgfont/common/collect.svg") no-repeat;
}

.wx-run-state-icon.subsist{
    background: url("svgfont/common/subsist.svg") no-repeat;
}

.wx-run-state-icon.clearing{
    background: url("svgfont/common/clearing.svg") no-repeat;
}

.wx-run-state-icon.cleared{
    background: url("svgfont/common/cleared.svg") no-repeat;
}

.wx-rectangle{
    height:20px;
    border:1px solid rgba(158,185,255,1);
    position: relative;
    display: inline-block;
    text-align: left;
}
.wx-rectangle.follow{
    padding-left: 37px;
    width: 44px;
}

.wx-rectangle.unfollow{
    padding-left: 26px;
    width: 55px;
}
.stock-fund-badge .wx-rectangle.unfollow{
    float: right;
}
.stock-fund-badge .wx-rectangle.follow{
    float: right;
}
.wx-follow-icon.follow{
    width: 14px;
    height: 14px;
    position: absolute;
    left: 22px;
    top: 2px;
    background: url("svgfont/blue/follow.svg") no-repeat;
}

.wx-follow-icon.unfollow{
    width: 13px;
    height: 13px;
    position: absolute;
    left: 10px;
    top: 3px;
    background: url("svgfont/blue/unfollow.svg") no-repeat;
}

.wx-text-absolute{
    font-size:12px;
    font-family:PingFang-SC-Bold;
    font-weight:bold;
    color:rgba(42,100,254,1);
    line-height:12px;
    position: absolute;
    top: 4px;
}

.svg-font{
    display: inline-block;
}

.svg-font.wx-menu-fund{
    width: 25px;
    height: 25px;
    background: url("svgfont/common/fund_menu.svg") no-repeat;
}

.svg-font.wx-menu-asset{
    width: 25px;
    height: 25px;
    background: url("svgfont/common/asset_menu.svg") no-repeat;
}

.svg-font.wx-menu-mine{
    width: 25px;
    height: 25px;
    background: url("svgfont/common/mine_menu.svg") no-repeat;
}

#groupCompanyHeader{
    height: 56px;
}

#groupCompanyHeader .weui-cell_select{
    top: 5px;
    left: 15px;
    width: calc(100% - 30px);
    margin: 5px 0px;
    border: 1px solid #386FFF;
}

#groupCompanyHeader .weui-select{
    height: 36px;
    line-height: 36px;
    background-color: #ffffff;
    font-size: 16px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(42,100,254,1);
}

#groupCompanyHeader .weui-select option{
    color: #333333;
    font-size:16px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:19px;
}

.group-company-header .weui-cell__bd:after{
    border-color: #386FFF;
}

.wx-badge-header{
    height:14px;
    font-size:14px;
    font-family:PingFang-SC-Medium;
    font-weight:600;
    color:rgba(132,136,150,1);
    line-height:14px;
    position: relative;
    padding: 10px 22px;
}

.weui-media-box{
    padding: 0px 15px;
}

.asset-font-label{
    height: 12px;
    font-size: 12px;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(255,255,255,1);
    line-height: 14px;
    padding-top: 10px;
}

.asset-font-value{
    height: 19px;
    font-size: 15px;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(255,255,255,1);
    line-height: 22px;
    padding-top: 20px;
}

.wx-rectangle.asset-order{
    padding-left: 40px;
    width: 70px;
    left: calc(50% - 61px);
}

.weui-form-preview__item.fund-badge{
    position: absolute;
    /*width: calc(100% - 50px);*/
    left: 15px;
    right: 15px;
    top: 142px;
    padding: 10px 15px;
    z-index: 10;
    background: rgba(255,255,255,1);
    box-shadow: 0px 2px 3px 0px rgba(9,21,62,0.15);
}

.fund-badge .wx-rectangle{
    float: right;
}

.zt-wx-table{
    border-spacing:0px;
    padding:3px 5px;
    align-items: center;
    background:rgba(77,123,254,0.1);
}

.zt-wx-table-head{
    font-size:14px;
    font-family:PingFang-SC-Regular;
    font-weight:600;
    color:rgba(130,136,147,1);
    text-align: center;
    /*white-space: nowrap;*/
}

.zt-wx-table-even{
    height: 46px;
    border-spacing:0px;
    border-bottom:1px solid #f3f3f3;
    padding:0 5px;
    align-items: center;
    background: #ffffff;
}

.zt-wx-table-odd{
    border-spacing:0px;
    border-bottom:1px solid #f3f3f3;
    padding:3px 5px;
    align-items: center;
    background: #fff;
}

.zt-wx-table-value{
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: rgba(51,51,51,1);
    letter-spacing: 0;
    text-align: center;
    /*white-space: nowrap;*/
    white-space: inherit;
    line-height: 22px;
}

.weui-cell.popup-dialog .zt-wx-info-value{
    width: calc(100% - 105px);
    height: 19px;
}

.weui-cell.popup-dialog .zt-wx-nowrap{
    display: inline-block;
    width: 100%;
}

.zt-wx-info-label{
    font-size:14px;
    font-family:PingFang-SC-Regular;
    font-weight:400;
    color:rgba(119,119,119,1);
}
.zt-wx-info-value{
    font-size:14px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
    text-align: right;
    word-break: break-all;
}

.zt-wx-nowrap{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zt-wx-order-title{
    font-family: PingFangSC-Medium;
    color: #555555;
    letter-spacing: -0.39px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    background: white;
    text-align: center;
    height:20px;
    font-size:18px;
    color:rgba(51,51,51,1);
    line-height:20px;
    padding: 10px;
}

.weui-popup__container .weui-label{
    font-size:16px;
    font-family:PingFang-SC-Regular;
    font-weight:400;
    color:rgba(119,119,119,1);
    line-height:16px;
}

.weui-popup__container .weui-input, .weui-popup__container .weui-textarea{
    font-size:14px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:14px;
}

.weui-popup__container .weui-cell__ft .weui-cells__title{
    height:14px;
    font-size:14px;
    font-family:PingFang-SC-Regular;
    font-weight:400;
    color:rgba(119,119,119,1);
    line-height:14px;
}

.wx-badge-menu.wx-badge-header{
    line-height: 25px;
    height: 25px;
    padding: 4px 22px;
    background: #fff;
    margin-top: 10px;
}

.zt-wx-header-menu{
    font-size:16px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:19px;
}

.zt-wx-btn-custom{
    color: white;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-decoration: none;
    position: relative;
    border-radius: 3px;
}

.menu-svg-icon{
    padding-top: 8px;
    width: 24px;
}

.zt-wx-menu{
    font-size:16px;
    font-family:PingFang-SC-Medium;
    font-weight:600;
    color:rgba(51,51,51,1);
    line-height:19px;
    padding-left: 10px;
}

.risk-assessment{
    width: 287px;
    height: 288px;
    margin: 0 auto;
    background: url("images/common/risk_assessment_bg.png") no-repeat;
    padding-top: 12px;
}

.risk-assessment .wx-text-label{
    height:16px;
    font-size:16px;
    font-family:PingFang-SC-Bold;
    font-weight:bold;
    color:rgba(108,112,129,1);
    line-height:16px;
    letter-spacing:1px;
}
.risk-assessment .wx-text-type{
    height:24px;
    font-size:24px;
    font-family:PingFang-SC-Bold;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:24px;
    letter-spacing:2px;
}

.risk-assessment .wx-text-time{
    font-size:14px;
    font-family:PingFang-SC-Bold;
    /*font-weight:bold;*/
    color:rgba(180,180,180,1);
    line-height:14px;
    letter-spacing:1px;
}

.risk-assessment p{
    padding-top: 20px;
}

.risk-assessment .risk-level-1{
    width: 56px;
    height: 45px;
    margin-top: 10px;
    background:url("svgfont/common/risk_level_1.svg") no-repeat;
}
.risk-assessment .risk-level-2{
    width: 60px;
    height: 35px;
    margin-top: 23px;
    background:url("svgfont/common/risk_level_2.svg") no-repeat;
}
.risk-assessment .risk-level-3{
    width: 55px;
    height: 52px;
    margin-top: 11px;
    background:url("svgfont/common/risk_level_3.svg") no-repeat;
}
.risk-assessment .risk-level-4{
    width: 53px;
    height: 50px;
    margin-top: 17px;
    background:url("svgfont/common/risk_level_4.svg") no-repeat;
}
.risk-assessment .risk-level-5{
    width: 50px;
    height: 50px;
    margin-top: 16px;
    background:url("svgfont/common/risk_level_5.svg") no-repeat;
}

.retest{
    padding-left: 3px;
}

.retest .zt-wx-btn{
    width: 290px;
}

.risk_survey{
    background:url("images/blue/risk_survey_bg.png") no-repeat;
    background-size: cover;
    padding: 0px 15px;
}

.zt-wx-question-title{
    font-size: 22px;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(255,255,255,1);
    line-height: 22px;
    letter-spacing: 1px;
    text-shadow: 0px 1px 2px rgba(0,8,211,0.3);
    padding-top: 20px;
    text-align: center;
}

.zt-wx-question-tips{
    color:rgba(255,255,255,1);
    line-height:22px;
    padding: 14px 0;
}

.risk-survey-title{
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(108,112,129,1);
    line-height: 19px;
    margin-bottom: 10px;
}

.risk-survey-option{
    font-size:14px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:19px;
}

.zt-wx-question-state{
    font-size:12px;
    font-family:PingFang-SC-Regular;
    color:rgba(119,119,119,1);
    line-height:22px;
    padding: 8px 15px;
}

.zt-wx-question-state.meterial-state{
    font-size:16px;
    font-family:PingFang-SC-Regular;
    color:rgba(108,112,129,1);
    line-height:22px;
    letter-spacing:1px;
}

.zt-wx-evaluation-popup-head{
    text-align: center;
    font-size: 24px;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(51,51,51,1);
    letter-spacing: 2px;
}

.order-status-bg{
    background: url("svgfont/common/order_status_bg.svg") no-repeat;
    width:44px;
    height:18px;
    line-height: 18px;
    text-align: left;
    float: left;
    margin: 2px 0px;
    padding-left: 22px;
    position: relative;
}

.wx-order-status-icon{
    height: 14px;
    width: 14px;
    position: absolute;
    left: 7px;
    top: 4px;
    display: inline-block;
}

.wx-order-status-icon.order-suspend{
    background: url("svgfont/common/order_suspend.svg") no-repeat;
}

.order-status-bg .wx-text-absolute{
    top: 3px;
    color: #6C7081;
}

.wx-cell-text{
    font-size:14px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(132,136,150,1);
    line-height:14px;
    letter-spacing:1px;
}

.upload-file-item{
    padding: 10px 5px;
    height: 110px;
    position: relative;
    box-sizing: border-box;
}

.upload-file-item .wx-cell-bd{
    height: 90px;
}

.upload-file-icon{
    position: absolute;
    height: 26px;
    width: 26px;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
}

.upload-file-del-icon{
    background: url("svgfont/common/upload_file_del_icon.svg") no-repeat;
    display: inline-block;
    margin-top: 7px;
    margin-left: 4px;
    width: 15px;
    height: 15px;
}
.upload-file-del-item{
    display: inline-block;
    width: calc(100% - 10px);
    height: 90px;
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 10px;
    left: 5px;
}

.upload-file-del-item a{
    display: inline-block;
    width:30px;
    height:30px;
    margin: 30px auto;
    border:1px solid rgba(255,255,255,1);
    background:rgba(0,0,0,0.3);
    border-radius: 15px;
}

.wx-flex-wrap{
    flex-wrap: wrap;
    text-align: center;
}

.back-item-fixed{
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.page-content{
    padding-top: 41px;
}

.zt-wx-login-tips{
    font-family: PingFang-SC-Regular;
}

.upload-file-del-item-text{
    padding: 2px 5px;
    font-size: 12px;
    color: rgba(42,100,254,1);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
}

.download-file-icon{
    position: absolute;
    right: 10px;
    bottom: 12px;
    font-size: 12px;
    color: rgba(42,100,254,1);
    z-index: 5;
}

.fund-operation-bg{
    height: 338px;
}

.fund-operation-info{
    padding: 10px;
}

.fund-operation-info-remark{
    font-family:PingFang-SC-Bold;
    font-size:12px;
    color:rgba(108,112,129,1);
    margin: 10px 4px;
}

.wechat-info-icon{
    background: url("svgfont/common/info.svg") no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: -1px;
}

.wx-badge-header:after{
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    color: #d9d9d9;
    transform: scaleY(.5);
    bottom: 0;
    border-top: 1px solid #d9d9d9;
}

.zt-wx-signature{
    padding:0;
    margin:10px auto;
}

.zt-wx-signature .wx-text-label,.zt-wx-signatureparent .wx-text-label{
    color: rgba(108,112,129,1);
    font-weight: bold;
    text-align: center;
}
#signatureparent{
    padding-top: 10px;
    min-height: 295px;
}
#signatureparent > div:first-child{
    /*padding-top: 35px;*/
}
.wx-sealmod-btn-area{
    background: #fff;
    padding: 20px 0;
}

.zt-wx-signature-dash-box{
    border: 2px dashed;
}

.zt-wx-signature-btn{
    color: white;
    width: 40px;
    height: 21px;
    padding: 2px 4px;
    display: inline-block;
    text-align: center;
    position: absolute;
    right: 0;
}

.zt-wx-signature-btn.btn-reset{
    background: rgba(254,143,67,1);
}

.wx-license-header{
    padding: 6px 0;
    height: 24px;
}

.wx-license-label{
    color: #848896;
    padding: 0 15px;
    position: relative;
    display: inline-block;
    width: 65px;
}

.wx-license-label .license-checked{
    width:28px;
    height:2px;
    position: absolute;
    left: 30px;
    bottom: -8px;
}

.wx-none-label{
    text-align: center;
    color: #999;
    padding-top: 8px;
    border-top: 5px solid #F3F3F3;
}

.wx-div-textarea{
    width: 100%;
    height: 60px;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-user-modify: read-write-plaintext-only;
}

.weui-btn:after{
    border: none;
    content: none;
}
.wx-agree-btn{
    background: #f5f5f5;
    color: rgba(0,0,0,.5);
    border: 1px solid #d9d9d9;
}
.zt-wx-btn{
    font-size: 17px;
    line-height: 18px;
    color: #fff;
}

.zt-wx-btn-custom{
    font-size:17px;
}

.wx-filter-label{
    color: #848896;
    padding: 0 15px;
    position: relative;
    display: inline-block;
}

.wx-filter-label.active{
    color: rgba(56,111,255,1);
}

.wx-filter-label:after{
    content: " ";
    display: inline-block;
    height: 5px;
    width: 5px;
    border-width: 0px 2px 2px 0px;
    border-color: #B7BCC5;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: calc(50% - 4px);
    right: 0;
}

.wx-filter-label.active:after{
    content: " ";
    display: inline-block;
    height: 5px;
    width: 5px;
    border-width: 2px 0px 0px 2px;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: calc(50% - 1px);
    right: 0px;
    border-color: rgba(56,111,255,1);
}

.wx-filter-container{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}
.wx-filter-container.show {
    display: block;
}

.wx-filter-container .wx-filter-overlay{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.wx-filter-overlay{
    background-color: rgba(0,0,0,.6);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.wx-filter-modal{
    width: 100%;
    position: absolute;
    z-index: 100;
    top: 0;
    border-radius: 0;
    opacity: .6;
    color: #3d4145;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    height: auto;
    background: #EFEFF4;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    overflow-x: hidden;
    overflow-y: auto;
}

.wx-filter-container.show .wx-filter-modal{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    background-color: #fff;
    width: calc(100% - 30px);
    display: flex;
    padding: 10px 15px;
    flex-wrap: wrap;
}

.wx-filter-title{
    flex: 0 0 100%;
    font-size: 15px;
    font-weight: 400;
    padding: 2px 0;
}

.wx-filter-flex-item{
    flex: 0 0 25%;
    padding: 2px 0;
    text-align: center;
    font-size: 13px;
    color: #848896;
    font-family: PingFang-SC-Regular;
}

.wx-filter-flex-item.active{
    background-color: #386fff;
    color: #fff;
    border-radius: 12px;
}

.weui-btn-area.flex{
    display: flex;
    align-content: space-between;
}
.zt-wx-btn.flex{
    flex: 1;
    border-radius: 24px;
}
.zt-wx-btn.grey{
    /*background: #fff;*/
    border: 1px solid;
    margin-top: 0;
    margin-left: 10px;
    color: #a6a6a7;
}
.zt-wx-btn.register-btn{
    border: 1px solid;
    margin-top: 0;
    margin-left: 10px;
}
.zt-wx-btn.register-btn-gray{
    border: 1px solid;
    margin-top: 0;
    margin-left: 10px;
    background: linear-gradient(180deg,rgba(184, 184, 184, 1) 0%,rgba(93, 92, 90, 1) 100%);
}
.zt-wx-btn.none-style{
    background: white;
    border: 1px solid black;
    color: black;
}
.zt-wx-btn.none-style:active{
    background: white;
    border: 1px solid black;
    color: black;
}
#fundDiv .tab-cell,#screenContent .tab-cell{
    display: inline-block;
    flex: 1;
}
#fundDiv .tab{
    margin-top: 30px;
}
#fundDiv .tab .navbar{
    width: 92%;
    margin: 0 4%;
    white-space: nowrap;
    display: none;
}
#fundDiv .tab .navbar-item{
    display: inline-block;
    width: 50%;
    padding: 3px 0;
    text-align: center;
    font-size: 16px;
}
#fundDiv #reportList{
    overflow-y: auto;
}
#fundDiv #information{
    display: none;
}
#fundinfoList .hide-model{
    display: none;
}
.no-border .wx-flex-label.divide-line:after{
    border: none;
}

.wx-line-item{
    width: 100%;
    text-align: left;
    padding: 7px 5px;
    font-size: 13px;
    font-family: PingFang-SC-Medium;
    font-weight: 600;
    position: relative;
}

.wx-line-item .label-text{
    color: #848896;
}
.label-remark-text{
    color: #848896;
    font-weight: 600;
    font-size: 12px;
    padding: 7px 5px;
}
#fundDiv .navbar{
    position: relative;
    top: 5px;
}
#fundDiv #navBar{
    margin-bottom: 8px;
}
#risksupplyDiv .zt-wx-rs_cell-bd{
    display: flex;
    width: 96%;
    margin: 0 2%;
    height: 60px;
    line-height: 60px;
    white-space: nowrap;
    background: url("./images/common/rank-lever-bg.png") no-repeat;
    background-size: cover;
}
#risksupplyDiv .text-center{
    text-align: center;
}
#reportList .zt-weui-cell__bd .circle{
    position: relative;
    top: -2px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #a5a19b;
    border-radius: 4px;
}
#reportList .zt-weui-cell__bd .circle:hover{
    background: #dd3c30;
}
#code::-webkit-input-placeholder,#name::-webkit-input-placeholder,#email::-webkit-input-placeholder,#loginName::-webkit-input-placeholder,#passwordInput::-webkit-input-placeholder,#phone::-webkit-input-placeholder,#txtVerCode::-webkit-input-placeholder,#permitName::-webkit-input-placeholder,#verCodeInput::-webkit-input-placeholder,#oldPassword::-webkit-input-placeholder,#oldPassword::-webkit-input-placeholder,#newPassword::-webkit-input-placeholder,#newPasswordAgain::-webkit-input-placeholder,#customerName::-webkit-input-placeholder,#cardNo::-webkit-input-placeholder,#password_use::-webkit-input-placeholder,#password_check::-webkit-input-placeholder,#invitationCode::-webkit-input-placeholder{
    color: #6C7081;
    font-weight: normal;
}
#code::-moz-placeholder,#name::-moz-placeholder,#email::-webkit-input-placeholder,#loginName::-moz-placeholder,#passwordInput::-moz-placeholder,#phone::-webkit-input-placeholder,#txtVerCode::-webkit-input-placeholder,#permitName::-webkit-input-placeholder,#verCodeInput::-webkit-input-placeholder,#oldPassword::-webkit-input-placeholder,#oldPassword::-webkit-input-placeholder,#newPassword::-webkit-input-placeholder,#newPasswordAgain::-webkit-input-placeholder,#customerName::-webkit-input-placeholder,#cardNo::-webkit-input-placeholder,#password_use::-webkit-input-placeholder,#password_check::-webkit-input-placeholder,#invitationCode::-webkit-input-placeholder{
    color: #6C7081;
    font-weight: normal;
}
#code:-ms-input-placeholder,#loginName:-ms-input-placeholder,#passwordInput:-ms-input-placeholder,#phone::-webkit-input-placeholder,#txtVerCode::-webkit-input-placeholder,#permitName::-webkit-input-placeholder,#verCodeInput::-webkit-input-placeholder,#oldPassword::-webkit-input-placeholder,#oldPassword::-webkit-input-placeholder,#newPassword::-webkit-input-placeholder,#newPasswordAgain::-webkit-input-placeholder,#customerName::-webkit-input-placeholder,#cardNo::-webkit-input-placeholder,#password_use::-webkit-input-placeholder,#password_check::-webkit-input-placeholder,#invitationCode::-webkit-input-placeholder{
    color: #6C7081;
    font-weight: normal;
}
#code:-moz-placeholder,#name:-moz-placeholder,#loginName:-moz-placeholder,#passwordInput:-ms-input-placeholder,#phone::-webkit-input-placeholder,#txtVerCode::-webkit-input-placeholder,#permitName::-webkit-input-placeholder,#verCodeInput::-webkit-input-placeholder,#oldPassword::-webkit-input-placeholder,#oldPassword::-webkit-input-placeholder,#newPassword::-webkit-input-placeholder,#newPasswordAgain::-webkit-input-placeholder,#customerName::-webkit-input-placeholder,#cardNo::-webkit-input-placeholder,#password_use::-webkit-input-placeholder,#password_check::-webkit-input-placeholder,#invitationCode::-webkit-input-placeholder{
    color: #6C7081;
    font-weight: normal;
}
.weui-btn-area{
    margin-top: 30px;
}
.weui-cell__bd input::-webkit-input-placeholder{
    color: #6C7081;
}
.weui-cell_select .weui-cell__bd:after{
    border-color: #999EA7;
}
.weui-agree .weui-agree__checkbox{
    border-radius: 50%;
}
.weui-btn-area{
    margin-bottom: 0px;
}
.mine-btn-wrap{
    margin-bottom: 70px;
}
#screenContent #customerDiv{
    margin-top: 50px;
}
.weui-cells_radio .weui-check:checked+.weui-icon-checked:before{
    content: ''!important;
}
#fundinfoList .weui-form-preview__bd{
    padding: 10px 15px 0;
}
#navDiv .weui-navbar{
    width: 100%;
    margin: 5px 0;
    left: 0;
    padding-bottom: 4px;
    background: #fff;
    border-bottom: 1px solid #EDEDED;
}
.weui-navbar .menu-list{
    background: #fff;
    /*border-left: 2px solid red;*/
    margin-left: 6px;
    padding-left: 16px;
}
.buy-btn{
    width: 92%;
    margin: 0 4%;
}
.half-width-btn{
    width: 50%;
}
#mytodoList,#customerInfoForm,#myFinishedList{
    background: #f6f8f9;
}
#mytodoList .no-before, #myFinishedList .no-before{
    margin-bottom: 5px;
}
#customerInfoForm i.upload-icon{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("./images/common/upload-icon.png") no-repeat;
    background-size: contain;
    margin-right: 10px;
}
#customerInfoForm p.upload-text{
    font-size: 12px;
    color: #6c7081;
    margin-left: 15px;
    margin-top: 10px;
}
#fundInfo .weui-media-box,#orderList .weui-form-preview {
    border-top: 10px solid #f6f8f9;
}
#fundInfo .weui-media-box:first-child,#orderList .weui-form-preview:first-child{
    border-top:none;
}
#fundInfo .weui-media-box:last-child{
    border-bottom: 10px solid #f6f8f9;
}
#mytodoList .zt-wx-item-title, #myFinishedList .zt-wx-item-title{
    font-size: 16px;
}
#mytodoList .wx-cell-text, #myFinishedList .wx-cell-text{
    font-size: 14px;
}
#rateRankDiv .zt-wx-table-value{
    white-space: inherit;
    line-height: 22px;
}
#reportList .weui-form-preview__bd .zt-wx-item{
    margin-top: 10px;
}
#fundInfo .zt-wx-item-title,#fundinfoList .zt-wx-item-title{
    padding: 9px 0px 7px 0px;
}
/*#subscribeOrderButton{*/
/*position: fixed;*/
/*bottom: 0;*/
/*width: 100%;*/
/*height: 40px;*/
/*background: #fff;*/
/*}*/
#fundInfo > .weui-media-box{
    padding-bottom: 10px;
}
#detail{
    border-top: 10px solid #f6f7f8;
}
.detail-file-del-icon{
    background: url('images/common/upload_file_del_icon.png') no-repeat;
    display: inline-block;
    margin-top: 19px;
    margin-left: 19px;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
}
#loginForm input{
    font-size: 16px;
}
#logoDiv{
    padding-top: 10px;
}
.icon-explain{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("./images/common/icon-explain-white.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: 3px;
    margin-right: 2px;
}
.icon-explain-gray{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("./images/common/icon-explain-gray.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: 1px;
    margin-right: 2px;
}
.wx-fixed-footer-dialog .mytodo-submit-btn{
    margin: 0 47px 40px;
}
#lightbox .lb-dataContainer{
    width: 100% !important;
}
#lightbox .lb-closeContainer{
    position: relative;
}
#lightbox .lb-closeContainer .lb-close{
    position: absolute;
    left: 45%;
    transform: translateX(-50%);
}
#lightbox .lb-closeContainer .detail-file-del-icon{
    position: absolute;
    left: 55%;
    transform: translateX(-50%);
}
#risksupplyDiv .icon{
    margin-right: 6px;
}
#latestOpenDateText{
    padding-bottom: 0;
}

#reportList .zt-weui-cell__bd .unread.circle{
    background: #B71C22;
}
#signListDiv .zt-wx-preview .zt-wx-item-title h4{
    font-size: 16px;
    color: #333333;
    letter-spacing: 1px;
}
#signListDiv .weui-form-preview:before{
    display: none;
}
#signListDiv .zt-wx-preview{
    margin-bottom: 10px;
}
#signListDiv .zt-wx-preview{
    background: #FFFFFF;
    box-shadow:3px 5px 9px rgba(221,221,221,0.8);
}
#signListDiv  .weui-form-preview__bd{
    padding: 10px!important;
}
#signListDiv .zt-wx-preview .weui-form-preview__item > .zt-wx-item-label{
    font-size: 16px;
    color: #FB7535;
    letter-spacing: 1px;
    line-height: 16px;
    font-weight: bolder;
}
#signListDiv .weui-form-preview__label{
    text-align-last: auto;
}

#signListDiv .weui-form-preview__item{
    position: relative;
}
#signListDiv .icon-detail{
    position: absolute;
    right: 0px;
    top: 24px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../../../images/investorservice/icon-move.png") no-repeat;
    background-size: 100% 100%;
}

/* 基金合同查阅（机构电子签）*/
#fundContractCard .zt-wx-preview .zt-wx-item-title h4, #readCard .zt-wx-preview .zt-wx-item-title h4{
    font-size: 16px;
    color: #333333;
    letter-spacing: 1px;
}
#fundContractCard .weui-form-preview:before, #readCard .weui-form-preview:before{
    display: none;
}
#fundContractCard .zt-wx-preview, #readCard .zt-wx-preview{
    margin-bottom: 10px;
}
#fundContractCard .zt-wx-preview, #readCard .zt-wx-preview{
    background: #FFFFFF;
    box-shadow:3px 5px 9px rgba(221,221,221,0.8);
}
#fundContractCard .weui-form-preview__bd, #readCard .weui-form-preview__bd{
    padding: 10px!important;
}
#fundContractCard .zt-wx-preview .weui-form-preview__item > .zt-wx-item-label, #readCard .zt-wx-preview .weui-form-preview__item > .zt-wx-item-label{
    font-size: 16px;
    color: #FB7535;
    letter-spacing: 1px;
    line-height: 16px;
    font-weight: bolder;
}
#fundContractCard .weui-form-preview__label, #readCard .weui-form-preview__label{
    text-align-last: auto;
}

#fundContractCard .weui-form-preview__item, #readCard .weui-form-preview__item{
    position: relative;
    padding-top: 10px;
}
#fundContractCard .icon-detail, #readCard .icon-detail{
    position: absolute;
    right: 0px;
    top: 24px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../../../images/investorservice/icon-move.png") no-repeat;
    background-size: 100% 100%;
}

.wx-run-state-bd-w{
    background: url("svgfont/common/fund_run_state.svg") no-repeat;
    width: 65px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    float: right;
    margin: 2px 5px;
    padding-left: 0px;
}
/*资产证明页面*/
#assetprooflist .card-list-wrap{
    margin-top: 20px;
}
#assetprooflist .card-list-wrap .card-list-i {
    margin: 10px 10px;
    padding: 10px 0;
    box-shadow: 0 0 5px 3px rgba(9,21,62,0.15);
}
#assetprooflist .card-list-wrap .content-wrap{
    padding: 0 10px 5px 10px;
}
#assetprooflist .card-list-wrap .file-info{
    padding-top: 5px;
    border-top: 1px solid #E1E1E1;
}
#assetprooflist .card-list-wrap .file-info .file-info-content{
    position: relative;
    padding: 0 10px;
}
#assetprooflist .card-list-i .title{
    font-size: 16px;
    color: #3E4353;
    letter-spacing: 1px;
    line-height: 16px;
    font-weight: bolder;
    margin-bottom: 8px;
}
#assetprooflist .card-list-i .card-line .desc{
    font-size: 14px;
    color: #777777;
    letter-spacing: 0;
    line-height: 14px;
}
#assetprooflist .card-list-i .card-line .normal {
    color: #000;
    font-weight: bolder;
}
#assetprooflist .icon-detail{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../wx/images/common/icon-detail.png') no-repeat;
    background-size: 100% 100%;
}
/*资产证明页面end*/
/*我的合同页面*/
#owncontractlist .card-list-wrap{
    margin-top: 20px;
}
#owncontractlist .card-list-wrap .card-list-i {
    margin: 10px 10px;
    padding: 10px 0;
    box-shadow: 0 0 5px 3px rgba(9,21,62,0.15);
}
#owncontractlist .card-list-wrap .content-wrap{
    padding: 0 10px 5px 10px;
}
#owncontractlist .card-list-wrap .content-wrap > .card-line >label{
    display: inline-block;
    width: 70px;
}
#owncontractlist .card-list-i .title{
    font-size: 16px;
    color: #3E4353;
    letter-spacing: 1px;
    line-height: 16px;
    font-weight: bolder;
    margin-bottom: 8px;
}
#owncontractlist .card-list-i .card-line .desc{
    font-size: 14px;
    color: #777777;
    letter-spacing: 0;
    line-height: 14px;
}
#owncontractlist .card-list-i .card-line .normal {
    color: #000;
    font-weight: bolder;
}
/*我的合同页面end*/
/*我的合同详情页面*/
#owncontractdetailslist .card-list-wrap{
    margin-top: 20px;
}
#owncontractdetailslist .card-list-wrap .card-list-i {
    margin: 10px 10px;
    padding: 10px 0;
    box-shadow: 0 0 5px 3px rgba(9,21,62,0.15);
}
#owncontractdetailslist .card-list-wrap .content-wrap{
    padding: 0 10px 5px 10px;
}
#owncontractdetailslist .card-list-wrap .content-wrap > .card-line >label{
    display: inline-block;
    width: 70px;
}
#owncontractdetailslist .card-list-i .title{
    font-size: 16px;
    color: #3E4353;
    letter-spacing: 1px;
    line-height: 16px;
    font-weight: bolder;
    margin-bottom: 8px;
}
#owncontractdetailslist .card-list-i .card-line .desc{
    font-size: 14px;
    color: #777777;
    letter-spacing: 0;
    line-height: 14px;
}
#owncontractdetailslist .card-list-i .card-line .normal {
    color: #000;
    font-weight: bolder;
}
/*我的合同详情页面end*/
.flex-item{
    flex: 1;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.wx-normal-text{
    color: #333;
}
.stock-desc-wrap{
    line-height: 20px;
}
.weui-form-preview__item.stock-fund-badge{
    position: absolute;
    left: 10px;
    right: 10px;
    padding: 10px 10px;
    z-index: 10;
    background: rgba(255,255,255,1);
    box-shadow: 0px 2px 3px 0px rgba(9,21,62,0.15);
}
.wx-stock-label{
    /*height: 18px;*/
    line-height: 18px;
    font-size: 18px;
    font-family: PingFang-SC-Medium;
    font-weight: 600;
}
#fundinfoList > .weui-form-preview.zt-wx-preview:last-child{
    border-bottom: 10px solid #F3F3F3;
}
.page__bd.personal-page .weui-cell{
    padding: 10px 0;
    margin: 0 15px;
}
.page__bd.personal-page .groupMenu > a,.page__bd.personal-page .noGroupMenu > a{
    border-bottom: 1px solid #EDEDED;
}
.weui-dialog__ft.zt-wx-dialog__ft > .zt-wx-btn{
    box-sizing: border-box;
    margin: 0 5px;
}
.wx-stock-list-wrap{
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.money-list{
    flex-direction: column;
}
.money-list-i{
    width: 100%;
    display: flex;
    align-items: center;
}
.money-cn-i {
    flex-direction: row-reverse;
}
.money-cn-i .money-cn{
    font-size: 14px;
    color: rgba(51,51,51,1);;
    text-align: right;
    margin: 0 15px 0 0;
}
.wx-label-header{
    padding: 6px 0;
    height: 30px;
}
.label-unselected{
    display: inline-block;
    min-width: 60px;
    background: rgba(0,0,0,0.06);
    margin: 0 5px;
    padding: 5px 10px;
    text-align: center;
}
.wx_lable .label-selected:first-child {
    margin-left: 0px;
}
.wx_lable .label-unselected:last-child {
    margin-right: 0px;
}
.menu-search-item{
    left: 0px;
    top: 0px;
    width: auto;
    height: 35px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    border-width: 2px;
    border-style: solid;
    border-color: rgba(204, 204, 204, 1);
    border-radius: 90px;
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: 6px;
    margin-top: 6px;
    box-shadow: none;
    font-size: 10px;
    color: #CCCCCC;
    text-align: left;
}
.menu-search-item .menu-search-input{
    left: 0px;
    width: 80%;
    top: 0px;    height: 35px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 0px;
    border-style: solid;
    border-color: #fcfcfc;
    box-shadow: none;
    font-size: 15px;
    color: #333333;
    text-align: left;
    margin-left: 15px;
    outline:none;
}
.menu-search-item .menu-search-img{
    margin-right: 15px;
    height: 54%;
    margin-bottom: -4px;
    float: right;
    margin-top: 8px;
}
.hold-desc{
    font-size: 12px;
    margin-left: 10px;
    font-weight: normal;
    padding: 1px 5px;
}
.hold-desc-none{
    display: none;
}
.notes-icon{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("../../../images/investorservice/notes-icon.png") no-repeat;
    margin-right: 5px;
}

.charts-time-select-wrap{
    width: 100%;
    overflow-x: hidden;
    padding-top: 8px;
}
.charts-time-select-wrap .time-list{
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 0 15px;
}
.charts-time-select-wrap .time-list .time-list-i{
    list-style: none;
    flex: 0 0 70px;
    font-size: 13px;
    color: #999999;
    letter-spacing: 0.81px;
    line-height: 19px;
}
.charts-time-select-wrap .time-list .time-list-i.active > label{
    color: #FF481A;
    background: #FFECE8;
    padding: 6px 7px;
    border-radius: 8px;
}
.err-icon-wrap{
    display: flex;
    justify-content: center;
    margin-top: 14px;
    text-align: center;
    align-items: center;
    margin-bottom: 10px;
}
.err-icon-wrap .desc{
    font-size: 13px;
    color: #777777;
    letter-spacing: 0.81px;
    line-height: 12px;
}
.err-show-alert .mask{
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.60);
    box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5);
}
.err-show-alert .alert-content-wrap{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 3000;
}
.err-show-alert .alert-content-wrap .content-wrap{
    max-height: 80%;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 14px;
    width: 306px;
    background: #fff;
}
.err-show-alert .alert-content-wrap .title{
    font-size: 17px;
    color: #030303;
    letter-spacing: -0.41px;
    text-align: center;
    padding: 15px 0 12px;
}
.err-show-alert .alert-content-wrap .content{
    font-size: 15px;
    color: #030303;
    letter-spacing: 1.07px;
    line-height: 22px;
    padding: 0 15px 20px;
    text-align: justify;
}
.err-show-alert .alert-content-wrap .sharpe-content{
    font-size: 15px;
    color: #030303;
    letter-spacing: 1.07px;
    line-height: 22px;
    padding: 0 15px 5px;
    text-align: justify;
}
.align-center{
    text-align: center;
}
.err-show-alert .alert-content-wrap .sharpe-content .notes{
    font-size: 13px;
    color: #777;
}
.err-show-alert .alert-content-wrap .btn-sure{
    font-size: 17px;
    color: #FF481A;
    letter-spacing: 0.41px;
    text-align: center;
    padding: 16px 0;
    border-top: 1px solid #DDDDDD;
}
.err-show-alert .close-wrap{
    text-align: center;
    margin-top: 20px;
}
.err-show-alert .close-wrap .close-icon{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../../../images/investorservice/alert-close-icon.png");
    background-size: 30px 30px;
    background-color: #fff;
    border-radius: 50%;
    background-position: center;
}
.remark-table-wrap{
    margin: 0 15px 10px;
    background: rgba(0,0,0,0.03);
    font-size: 14px;
    color: #333333;
    letter-spacing: 1px;
    line-height: 18px;
    min-height: 58px;
    padding: 10px;
}
/*业绩分析*/
.performance-analysis-list{
    width: 100%;
    overflow-x: hidden;
}
.analysis-title-wrap{
    position: relative;
    padding: 4px 22px;
    border-top: 10px solid #f5f5f5;
    border-bottom: 1px solid rgba(237,237,237,1);
}
.achievement-list .achievement-title-list{
    background: rgb(252,251,251);
}
.achievement-list .achievement-title-list > li.flex-item{
    font-size: 13px;
    color: #777777;
    letter-spacing: 0;
    text-align: center;
    line-height: 14px;
    margin: 10px 0;
    justify-content: center;
    flex: 0 0 20%;
}
.achievement-list .achievement-title-list > li.flex-item:first-child,.achievement-list .achievement-data-list span.flex-item:first-child{
    flex: 0 0 40%;
    justify-content: left;
    padding-left: 15px;
}
.achievement-list .achievement-data-list li.flex-wrap{
    padding: 16px 0;
}
.achievement-list .achievement-data-list span.flex-item{
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 14px;
    justify-content: center;
    margin: 0;
    flex: 0 0 20%;
}

.achievement-list .achievement-data-list span.flex-item.red{
    color: rgba(253,36,46,1);
}

.achievement-list .achievement-data-list span.flex-item.green{
    color: rgba(13,175,146,1);
}
.achievement-list .err-icon-wrap{
    background: #f5f5f5;
    padding: 10px 0 20px;
}
.achievement-data-list .no-data-desc{
    font-size: 15px;
    color: #333333;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
    text-align: center;
    padding-top: 10px;
}

/*我的待办列表*/
.basic-card-list .weui-form-preview__bd{
    text-align: left;
}
#mytodoList .zt-wx-item, #myFinishedList .zt-wx-item{
    margin-bottom: 3px;
    margin-top: 5px;
    letter-spacing: 1px;
}
.basic-card-list .card-type{
    font-size: 16px;
    font-weight: bolder;
    color: rgb(30,144,255);
    border-bottom: 1px solid #ddd;
    line-height: 2;
    letter-spacing: 1px;
}
.basic-card-list .card-title{
    font-size: 16px;
    font-weight: bolder;
    color: #333;
    line-height: 20px;
    letter-spacing: 1px;
}
.basic-card-list .desc{
    font-size: 12px;
    color: #999;
    letter-spacing: 1px;
}
.basic-card-list .sign-type{
    font-size: 14px;
    font-weight: bolder;
    color: #333;
    margin-right: 3px;
}
.basic-card-list .sign-type > span{
    margin-left: 15px;
}
.basic-card-list .sign-val{
    font-size: 14px;
    font-weight: bolder;
    color: #333;
}
.basic-card-list .sign-type:before{
    content: "*";
    width: 8px;
    height: 8px;
    color: #A30303;
    margin-right: 3px;
}
.basic-card-list .refuse-desc{
    flex: 0 0 70px;
}
.basic-card-list .refuse-content-desc{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 36px;
    word-break: break-all;
    line-height: 18px;
    overflow-y: hidden;
    color: #A30303;
}
.margin-right-five{
    margin-right: 5px;
}
.basic-card-list .font-bolder{
    color: #333;
    font-weight: bolder;
}
#mytodoList > div.basic-card-list:last-child, #myFinishedList > div.basic-card-list:last-child{
    border-bottom: 30px solid #f3f3f3;
}
.upload-file-sign-del-item{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 75%;
}
.toast-wrap{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.toast-wrap .mask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 999;
}
.mine.toast-wrap{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.toast-wrap .mask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 999;
}
/*九宫格样式*/
.new-personal-page{
    background: #f5f5f5;
    margin-bottom: 54px;
}
.new-personal-page .top-wrap{
    width: 100%;
    height: 110px;
    padding: 25px 15px 20px 20px;
    background: url("./images/common/top-bg-new.png") no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
}
.new-personal-page .top-wrap .contain-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.new-personal-page .top-wrap .contain-wrap .flex-wrap{
    align-items: center;
}
.new-personal-page .top-wrap .contain-wrap img{
    width: 65px;
    height: 65px;
}
.new-personal-page .top-wrap .custom-info-wrap{
    margin-left: 20px;
}
.new-personal-page .font-normal{
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 1.38px;
    line-height: 19px;
    font-weight: 500;
}
.new-personal-page .font-strong{
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 0.88px;
    line-height: 19px;
    font-weight: 400;
}
.new-personal-page .top-wrap .risk-level{
    display: inline-block;
    font-size: 13px;
    color: #FFFFFF;
    letter-spacing: 0.81px;
    line-height: 18px;
    padding: 4px 17px;
    font-weight: 500;
    border-radius: 13px;
    margin-top: 9px;
}
.new-personal-page .top-wrap .icon-detail{
    display: inline-block;
    width: 8px;
    height: 14px;
    background: url("./images/common/icon-detail-white-new.png") no-repeat;
    background-size: 100% 100%;
}
.new-personal-page .flex-item-wrap{
    width: 100%;
    background: #fff;
    margin: 10px 0;
}
.new-personal-page .icon{
    display: inline-block;
}
.new-personal-page .flex-item-wrap{
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.88px;
    font-weight: 400;
    box-sizing: border-box;
}
.new-personal-page .flex-item-wrap .flex-item{
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    padding: 11px 0;
    height: 45px;
    box-sizing: border-box;
}
.new-personal-page .flex-item-wrap .flex-item .icon{
    margin-right: 5px;
}
.new-personal-page .flex-item-wrap .flex-item:nth-child(1){
    border-right: 1px solid #f5f5f5;
}
.new-personal-page .other-enter-wrap{
    flex-wrap: wrap;
    align-items: center;
    padding-top: 30px;
    background: #fff;
}
.new-personal-page .other-enter-wrap > .flex-item{
    flex:0 0 33.3%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 35px;
}
.new-personal-page .other-enter-wrap > .flex-item >span{
    position: relative;
}
.new-personal-page .other-enter-wrap > .flex-item .desc{
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.88px;
    text-align: center;
    line-height: 14px;
    font-weight: 400;
    margin-top: 10px;
}
.new-personal-page .btm-enter-wrap{
    margin-top: 55px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.88px;
    line-height: 16px;
    font-weight: 400;
    padding-bottom: 15px;
}
.new-personal-page .btm-enter-wrap .call-wrap{
    display: flex;
    width: 220px;
    height: 32px;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    border-radius: 18px;
    background: #fff;
    box-sizing: border-box;
    margin: 0 auto;
}
.new-personal-page .btm-enter-wrap .call-wrap .desc{
    margin-left: 5px;
}
.new-personal-page .btm-enter-wrap .login-out{
    width: 220px;
    height: 32px;
    padding: 8px 0;
    margin: 10px auto 0;
    font-size: 14px;
    letter-spacing: 0.88px;
    line-height: 16px;
    font-weight: 400;
    border-radius: 18px;
    background: #fff;
    box-sizing: border-box;
}
.new-personal-page .pop-wrap{
    position: absolute;
    top: -5px;
    right: -22px!important;
    display: inline-block;
    width: 30px;
    height: 23px;
    background: url("./images/common/icon-pop-long-new.png") no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.75px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
}
.pop-bonus-wrap{
    right: -10px!important;
    line-height: 10px!important;
}
.new-personal-page .detail-wrap{
    flex: 1;
    height: 65px;
    text-align: right;
    line-height: 65px;
}
html{
    background: #f5f5f5;
}

#signatureAreaH{
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
    overflow: hidden;
}
#signatureH{
    width: 80%;
    height: 95%;
}
#signatureDiv .flex-space-between,#signatureparent .flex-space-between{
    padding: 0 10px;
}
#signatureDiv .zt-wx-item-title,#signatureparent .zt-wx-item-title{
    padding: 0;
}
.landscape-wrap .landscape-desc-wrap{
    transform: rotate(90deg);
    height: 37px;
    width: 311px;
    transform-origin: center;
    white-space: nowrap;
    position: absolute;
    left: -130px;
    top: 12%;
}
.qm-area{
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 200px;
    background: transparent;
    z-index: 99;
    font-size: 4rem;
    letter-spacing: 10px;
    color: rgba(204,204,204,0.5);
    line-height: 200px;
    text-align: center;
    font-family: '楷体';
}
.qm-area-h{
    position: absolute;
    top: 56%;
    left: 40px;
    width: 100%;
    height: 200px;
    background: transparent;
    z-index: 99;
    font-size: 3.5rem;
    letter-spacing: 50px;
    color: rgba(204,204,204,0.5);
    line-height: 200px;
    text-align: center;
    font-family: '楷体';
    transform: rotate(90deg) translateX(-30%);
}
#customerAurhDiv .desc-text{
    font-size: 12px;
    padding-left: 10px;
    margin-bottom: 5px;
}
#signatureH{
    position: absolute;
    z-index: 999;
    top: 10px;
    left: 70px;
}
.zt-wx-complete-btn{
    height: 40px;
    padding: 10px 15px;
    font-size: 17px;
    line-height: 18px;
    color: #fff;
    box-sizing: border-box;
    width: 65px;
}
#signatureDiv{
    height: 280px;
}
#signature{
    position: absolute;
    width: 99%;
    z-index: 999;
    height: 220px
}
.landscape-wrap .landscape-btn-wrap{
    transform: rotate(90deg);
    display: flex;
    white-space: nowrap;
    position: absolute;
    right: -125%;
    bottom: 18%;
}
.landscape-wrap > .flex-wrap{
    position:relative;
    width: 70px;
    height: 700px;
}
#appraiseBtnWrap > .flex-space-between{
    margin: 0 10px;
}
.zt-wx-clear-btn{
    height: 40px;
    padding: 10px 12px;
    font-size: 17px;
    line-height: 18px;
    color: #3d4145;
    background: #f2f2f2;
    box-sizing: border-box;
    margin-right: 10px;
    white-space: nowrap;
}

@media only screen and (min-width: 300px) {
    .new-personal-page .btm-enter-wrap{
        margin-top: 15px;
    }
}
@media only screen and (min-width: 375px) {
    .new-personal-page .btm-enter-wrap{
        margin-top: 30px;
    }
}
@media only screen and (min-width: 390px) {
    .new-personal-page .btm-enter-wrap{
        margin-top: 70px;
    }
}

.zt-modal-item{
    padding: 5px 10px;
}

.zt-modal-item-header{
    width: 5px;
    height: 12px;
    display: inline-block;
    margin-right: 3px;
}

.zt-modal-item-content{
    margin-left: 15px;
    margin-bottom: 10px;
}

.zt-modal-item-textarea{
    border: 0;
    width: calc(100% - 20px);
    padding: 5px;
    resize: none;
    outline: none;
}
.weui-tabbar__label{
    color: #333;
}