*,*:before,*:after{
    box-sizing: inherit;
    /*iOS系统中，可点击元素在点击时显示阴影，需要设置为透明，修改By lsy 20170122*/
    -webkit-tap-highlight-color: transparent;
}
/*主体部分 背景色固定为灰白*/
html,body{
    font-family: "PingFangSC-Light","Droid Sans","Droid Sans Fallback","Roboto","Helvetica Neue","Helvetica",sans-serif;
    max-width: 640px;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0 auto;
    padding: 0;
    color: #222;
    /*background-color: #D3E3F2;*/
    background-color: #f0eff5;
}
/*行，列*/
ul, ul li{
    margin: 0;
    padding: 0;
    list-style: none;
}
/*换行段落*/
p{
    padding: 0;
    margin: 0;
    font-size: 14px;
}
/*图*/
img{
    vertical-align: middle;
}
/*字符*/
var{
    font-style: normal;
}
input{
    border: 0;
    outline: none;
}
/*省略号*/
.ellipsis{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*确认页金额*/
.confirm-amount{
    font-size: 28px;
    font-weight: 600;
}
/*红色高亮金额*/
.highlight-amount {
    color: #FF4444;
}
/*提示消息*/
/*自隐藏  对应 common.showFlipMsg*/
.fadetip{
     padding: 10px;
     position: absolute;
     top: 20%;
     width: 70%;
     left: 15%;
     background-color: #000000;
     color: white;
     border-radius: 10px;
     border: 0;
     text-align: center;
 }
.fadetip2{
    opacity: 0.7;
    border-radius: 4px;
    z-index: 1200;
    line-height: 20px;
}
/*=============================主框架=================================*/
.wrap{
    width: 100%;
    height: 100%;
    max-width: 640px;
    /*修改为UI规范的背景颜色，修改By lsy 20170110*/
    background-color: #f0eff5/*#eaedf0*//*#e0e0e0*/;
}
/*页面当中只固定头部*/
.wrap-justhead{
    padding-top: 44px;
}
/*.ios .wrap-justhead{*/
    /*padding-top: 64px;*/
/*}*/
/*页面当中固定头部&底部*/
.wrap-headfooter{
    padding: 44px 0 50px 0;
}
/*.ios .wrap-headfooter{*/
    /*padding-top: 64px;*/
    /*padding-bottom: 50px;*/
/*}*/
/*头部*/
header{
    background: black;
    color: #FFFFFF;
}
.page-head{
    border-bottom: 1px solid #ccc;
    height: 44px;
    line-height: 22px;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
}
/*.ios .page-head{*/
    /*padding-top: 20px;*/
    /*height: 64px;*/
/*}*/

.page-head img{
    width: 9px;
}
.page-head .back-img{
    position: absolute;
    left: 14px;
    top: 8px;
    width: 40px;
    text-align: left;
}
.page-head .title-right{
    position: absolute;
    right: 15px;
    top: 11px;
    font-size: 14px;
    font-weight: bold;
}
/*.ios .page-head .back-img{*/
    /*top: 28px;*/
/*}*/
/*.ios .page-head .title-right{*/
    /*top: 32px;*/
/*}*/
/*.ios .page-head img{*/
    /*top: 34px;*/
/*}*/
h1{
    font-size: 18px;
}
/*主体*/
section{
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
/*用户页面*/
.stacks,.stackpane, .customer-view{
    width: 100%;
    height: 100%;
}
/***************留白类样式***************************/
/*留白底页*/
.entry-border{padding: 10px 10px 0 10px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px; }
.mt15{margin-top: 15px; }
.mt20{margin-top: 20px; }
.mt25{margin-top: 25px; }
.mt30{margin-top: 30px; }
.mt40{margin-top: 40px; }
.mt45{margin-top: 45px; }
.mt50{margin-top: 50px; }
.mlr10{margin-left: 10px; margin-right: 10px; }
.mlr15{margin-left: 15px; margin-right: 15px; }
.mb20{margin-bottom: 20px; }
.pd_lr10{padding-left:10px;padding-right:10px;}
.pd_lr15{padding-left:15px;padding-right:15px;}
.pd_l10{padding-left: 10px;}
.pd_l15{padding-left: 15px;}
.pd_r10{padding-right: 10px;}
.pd_r15{padding-right: 15px;}
.pd_r28{padding-right: 28px;}
.pd_l45{padding-left: 45px;}
.pd_lr20{padding-left:20px;padding-right:20px;}
.pd_lr25{padding-left:25px;padding-right:25px;}
.pd_lr30{padding-left:30px;padding-right:30px;}
.pd_t10{padding-top: 10px;}
.pd_t20{padding-top: 20px;}
.pd_b10{padding-bottom: 10px;}
.pd_b15{padding-bottom: 15px;}
.pd_b20{padding-bottom: 20px;}
.pd_b25{padding-bottom: 25px;}
.pd_t15{padding-top: 15px;}
.pd_t25{padding-top: 25px;}
.pd_t84{padding-top: 84px;}
.pd_normal{padding: 15px 15px 25px 15px;}
.pd_normal2{padding: 3px 10px 10px 24px;}

/*行高*/
.line_height18{line-height: 17px;}
.line_height21{line-height: 20px;}
.line_height22{line-height: 21px;}/*减1px，避免与下边框重叠 zyj*/
.line_height23{line-height: 22px;}/*height大于line-height,line_height应大于等于font-size*/
.line_height36{line-height: 35px;}
.line_height40{line-height: 39px;}
.line_height44{line-height: 43px;}
.line_height49{line-height: 48px;}
.line_height52{line-height: 51px;}

.height12{height:12px}
.height18{height:18px}
.height22{height:22px}
.height23{height:23px}
.height36{height:36px}
.height40{height:40px}
.height44{height:44px}
.height49{height:49px}
.height52{height:52px}
.height85{height:85px}

.min_height12{min-height:12px}
.min_height18{min-height:18px}
.min_height22{min-height:22px}
.min_height23{min-height:23px}
.min_height36{min-height:36px}
.min_height40{min-height:40px}
.min_height44{min-height:44px}
.min_height49{min-height:49px}
.min_height52{min-height:52px}
.min_height85{min-height:85px}

/*字号*/
.ft_10{font-size: 10px}
.ft_14{font-size: 14px}
.ft_16{font-size: 16px}
.ft_18{font-size: 18px}


/*字体加粗*/
.ftw_b{font-weight: bold}
.ftw_n{font-weight: normal}
/*列表底部边框*/
.border-top1{border-top:1px solid #e8e9ed;}
.border-bottom1{border-bottom:1px solid #e8e9ed;}
.border-bottom2{border-bottom:1px solid #ccc;}

/*边框圆角*/
.border-b-radius4{border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.border-t-radius4{border-top-right-radius: 4px;border-top-left-radius: 4px;}

/*文字布局*/
.text-align_l{text-align: left}
.text-align_r{text-align: right}
.text-align_c{text-align: center}

/*浮动*/
.float_l{float: left}
.float_r{float: right}
.clear_float_l{clear:left}
.clear_float_r{clear:right}
.clear_float_b{clear:both}

/*********************按钮*****************************/
button,.button{/*普通按钮*/
    /*width: 100%;*/
    height: 44px;
   /* border-radius: 4px;*/
    border: none;
    line-height: 42px;
    text-align: center;
    /*margin: 0 auto;*/
    font-weight: bold;
    font-size: 16px;
    max-width: 640px;
    outline: none;
}
.button-small{

}

/*颜色*/
.bg_red{background:#ff6666;}
.bg_red2{background:#FF4444;}
.bg_blue{background: #00aaee;}
.bg_white{background: #fff}
.bg_grey{background: #f2f2f2}
.bg_orange{background: #fc720b;}

.color_red{color:#ff6666;}
.color_red2{color:#FF4444;}
.color_blue{color:#00aaee;}
.color_white{color:#fff;}
.color_grey{color:#ccc;}
.color_black{color:#222;}
.color_black2{color:#666;}
.color_black3{color:#030303;}
.color_orange{color: #fc720b;}
.color_grey_bg{color: #91A2A8;}

/*宽度*/
.wid_100{width:100%}
/*蓝底白字*/
.button-blue{
    background: #00aaee;
    color: #fff;
}
/*文字折行*/
.word-break{ word-wrap: break-word; }

/*去除轮廓黄框，一般用于按钮、输入框等*/
.outline-none{outline: none;}

/*红底白字*/
.button-red{
    background: #ff6666;
    color: #fff;
}

.button-red2{
    background: #ff4444;
    color: #fff;
}
/*红底黑字*/
.button-red3{
    background: #ff4444;
    color:black;
}

.button-bottom{/*置底按钮*/
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0px;
    font-size: 16px;
    max-width: 640px;
    font-weight: bold;
}

/*修改showalert弹窗，根据UI规范 zyj */
.alertOuter{width:100%;position:fixed;left:0px;top:0px;background:#000;opacity:0.5;z-index:2000000;}
.alertcon{background:#fff;position:fixed;border-radius:0;top:30%;z-index:2000000;}
.alertcon h2{width:100%;height:50px;font-size:20px;color:#282828;line-height:50px;text-align:center;}
.alertcon p{width:90%;margin:0px auto;margin-bottom: -1px;padding:30px 5% 30px 5%;font-size:14px;color:#000;text-align:center;line-height:25px;overflow:hidden;    border-bottom: 1px #e8e9ed  solid;}
.alertcon p var{color:#e25050;}
.alertcon span{display:block;width:100%;height:44px;line-height:44px;border-top:none;text-align:center;font-size:15px;color:rgba(255,102,102,1);  margin-left: 0px;}
.alertcon span em{float:left;width:50%;height:48px;line-height:44px;text-align:center;font-style: normal;}
#em2{    background-color: rgba(255,68,68,1);    color: rgba(255,255,255,1);}
.alertOuters{background:none;}
.alert_out_con{width:150px;height:100px;margin:0px auto;overflow:hidden;position:absolute;background:#000;opacity:0.7;border-radius:10px;z-index: 15;}
.alert_out_tit{width:150px;height:100px;position:absolute;z-index:30;overflow:hidden;}
.alert_out_tit em{display:block;width:40px;margin:0px auto;margin-top:10px;overflow:hidden;}
.alert_out_tit em img{width:100%;}
.alert_out_tit p{width:100%;height:50px;padding-top:10px;font-size:16px;text-align:center;color:#fff;}

a, a:hover, a:active,a:focus,a:link{
    color: black;
    text-decoration: blink;
}
.fulllayer{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width:100%;
    height:100%;
    z-index: 100;
    -webkit-transform: translate3d(0,0,0);
}
.fulllayer .dlg_content_body{
    height: 100%;
    z-index: 2;
    position: relative;
    background-color: #e8e9ed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /*padding: 5px;*/
}
.fulllayer .dlg_content_body .customer-view{
    display:-webkit-box;
    -webkit-box-orient: vertical;
    height: 100%;
    overflow: hidden;
}
.fullLayerMask{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-color: #000;
    opacity: 0.3;
}

.halfLayer{

    z-index: 1200;
    /*padding: 0 10px;*/
}
.halfLayer .dlg_content_body{
    position:absolute;
    left:10%;
    width:80%;
    height:auto;
    overflow: inherit;
    -webkit-overflow-scrolling: touch;
    top: 30%;
    /*padding: 5px;本句依UI图注释，by LSY*/
}

@-webkit-keyframes fade-in {
    0%{-webkit-transform: translate(320px)}
    100%{-webkit-transform: translate(0)}
}
.fade-in{
    -webkit-animation: fade-in 0.1s linear 0s 1;
}
@-webkit-keyframes fade-out {
    0%{-webkit-transform: translate(0)}
    100%{-webkit-transform: translate(320px)}
}
.fade-out{
    -webkit-animation: fade-out 0.1s linear 0s 1;
}
@-webkit-keyframes flip-in {
    0%{opacity: 0.2}
    100%{opacity: 0.5}
}
.flip-in{
    -webkit-animation: flip-in 0.5s linear 0s 1;
}
@-webkit-keyframes flip-out {
    0%{opacity: 0.5}
    100%{opacity: 0}
}
.flip-out{
    -webkit-animation: flip-out 0.5s linear 0s 1;
}
@-webkit-keyframes pop-fade-in {
    /*0%{-webkit-transform: scale(0.5)}*/
    /*100%{-webkit-transform: scale(1)}*/
}
@-webkit-keyframes pop-fade-out {
    /*0%{-webkit-transform: scale(1)}*/
    /*100%{-webkit-transform: scale(0)}*/
}
.halfLayer.fade-in{
    -webkit-animation: pop-fade-in 0s linear 0s 1;
}
.halfLayer.fade-out{
    -webkit-animation: pop-fade-out 0s linear 0s 1;
}
/****************loading*****************************************************/
/*锁屏*/
#maskbox{position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: auto;-webkit-overflow-scrolling: touch;z-index:100000;}
.maskbox_bg{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #000;opacity:0.3;overflow: auto;-webkit-overflow-scrolling: touch;z-index:99;}
.maskbox_con{position:absolute;height:60px;left:10%;top:150px;width:80%;padding-top:10px;padding-bottom:10px;background:#fff;opacity:0.85;border-radius:5px;overflow:hidden;z-index:100;}
.maskbox_img_bg{position:absolute;left:10%;top:150px;width:80%;padding-top:10px;padding-bottom:10px;overflow:hidden;z-index:101;}
.maskbox_img{float:left;width:60px;margin-left:5%;overflow:hidden;}
.maskbox_img img {width:100%;}
.maskbox_img_bg em{float:left;width:67%;margin-left:5px;font-size:14px;color:#525252;line-height:20px;}
.maskbox_img_bg p{float:left;width:67%;margin-left:5px;font-size:14px;color:#525252;line-height:20px;}
/*添加loading*/
#loadingNew{-webkit-animation:2s linear 0s  infinite rotate;}
@-webkit-keyframes rotate{
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);}
    100%{-webkit-transform:rotate(360deg);}
}
/*小loading*/
#smartLoading{-webkit-animation:2s step-end infinite smart;width: 16px;vertical-align: middle;margin-top:-3px;margin-right: 6px;}
@-webkit-keyframes smart{
    0%{-webkit-transform:rotate(0deg);}
    12.5%{-webkit-transform:rotate(45deg);}
    25%{-webkit-transform:rotate(90deg);}
    37.5%{-webkit-transform:rotate(135deg);}
    50%{-webkit-transform:rotate(180deg);}
    62.5%{-webkit-transform:rotate(225deg);}
    75%{-webkit-transform:rotate(270deg);}
    87.5%{-webkit-transform:rotate(315deg);}
    100%{-webkit-transform:rotate(360deg);}
}
/*loading */
.new-ui-loading{
    width: 136px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 4px;
    padding-left: 49px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -68px;
    z-index: 100000;
}

.new-ui-loading-pic{
    width: 29px;
    position: absolute;
    top:9px;
    left: 10px;
}

/*红色底部按钮*/
.footer-section{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    z-index: 2;
}
.footer-section .single-button{
    width: 100%;
    left:0;
    background: #fff;
    color: #ff6666;
    font-size: 14px;
    font-weight: bold;
}
.footer-section .left-button{
    width: 50%;
    left:0;
    background: #fff;
    color: #ff6666;
    font-size: 14px;
    font-weight: bold;
}
.footer-section .right-button{
    width: 50%;
    right:0;
    background: #ff6666;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
/******************提示文字样式***********************/
/*功能页面*/
.tips-bold {/*文字说明加粗，如单行功能关闭页*/
    margin: 0 15px 0 15px;
    color: #343434;
    font-weight: bold;
    font-size: 16px;
    height: 52px;
    padding-top: 19px;
    word-break: break-all;
    padding-bottom: 18px;
}
/*底部说明文字*/
.tips-intro{
    margin: 20px 15px 10px 15px;
    color: #91A2A8;
    font-size: 14px;
    word-break: break-all;
    list-style-type: decimal;
}
/*.tips-intro li{*/
    /*list-style-type: decimal;*/
    /*margin-left: 20px;*/
/*}*/
/***********************列表******************************/
.boc-list-group {
    padding: 10px;
    list-style: none;
    font-size: 14px;
}
.boc-list-group.nopadding {
    padding: 0px;
    list-style: none;
}

.boc-list-group .list-item{
    background-color: white;
    /*padding: 20px;*/
    border-bottom: #e8e9ed 1px solid;
    list-style: none;
    position: relative;
}
/*.boc-list-group.smallItem .list-item{*/
    /*padding: 11px;*/
/*}*/
/*.boc-list-group .list-item:last-child{*/
/*border-bottom: 0;*/
/*}*/
/*-----给列表加箭头---*/
/*.boc-list-group .list-item.arrow{*/
    /*padding-right: 26px;*/
/*}*/
.boc-list-group .list-item.arrow:after {
    /*content: url('../../Framework/images/right-icon.png');*/
    content:'_';/*切片图的右icon与大于号样式不同，改用背景图标*/
    color:#fff;
    right: 15px;
    text-align: right;
    position: absolute;
    font-weight: bold;
    background-size: 6px;
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-image: url('../../Framework/images/right-icon.png');
}
.list-item-detail{
    right:15px;
    position: absolute;
    font-weight: bold;
}
.formal-content{
    padding: 10px;
}
/**-----------row-------------**/
.row{
    position: relative;
    background-color: white;
    padding: 15px 10px 10px 125px;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 14px;
}
.list-item .row{
    padding: 0 0 0 115px;
}
.row label{
    position: absolute;
    left: 15px;
    width: 110px;
    /*font-weight: 600;*/
}
.list-item .row label{
    left: 0;
    width: 110px;
}
.row .right{
    width: 100%;
}
.row .right input{
    width: 100%;
}
.list-item.oneli-multirow .row{
    padding-top: 3px;
    padding-bottom: 3px;
}

/*=============安全因子选择控件样式==============*/
/*安全公共组件样式1*/
.security-style1-outline{
    height:50px;
    line-height: 27px;
    border-radius: 0;
    background-color: #FFF ;
    font-size: 14px;
}
.security-style1-tagLeft{
    width:45px;
    height:50px;
    line-height: 50px;
    margin-left: 15px;
    display: inline;
    color: rgb(34,34,34);
    font-weight: bold;
}
.security-style1-toolName{
    width:40px;
    height:50px;
    line-height: 50px;
    margin-left: 4%;
    display: inline;
    color: rgb(102,102,102);
    font-weight: bold;
}
.security-style1-changeBtn{
    clear:both;
    text-align: center;
    width:30px;
    height:50px;
    line-height: 50px;
    margin-right: 15px;
    display: inline;
    float: right;
    color: rgb(0,170,238);
    font-weight: bold;
}
.standli{
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 14px;
    text-indent: 16px;
    border-top: 1px solid #cccccc;
}
.standli.cstitle{
    height: 50px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    border-top: none;
    font-weight: bold;
}
/*安全公共组件样式2*/
.security-style2-outline{
    text-align: center;
    margin: auto auto;
    height: 50px;
    line-height: 27px;
    border-radius: 0;
    background-color: transparent;
    font-size: 14px;
}
.security-style2-tagLeft{
    width:70px;
    height:50px;
    line-height: 50px;
    margin-left: 0;
    display: inline-block;
    color: rgb(145,162,168);
    font-weight: bold;
}
.security-style2-toolName{
    width:auto;
    height:50px;
    line-height: 50px;
    margin-left: 0;
    display: inline;
    color: rgb(145,162,168);
    font-weight: normal;
}
.security-style2-changeBtn{
    clear:both;
    text-align: center;
    width:38px;
    height:50px;
    line-height: 50px;
    margin-right: 0;
    display: inline-block;
    float: none;
    color: rgb(0,170,238);
    font-weight: bold;
}
.security-popList{
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 14px;
    text-indent: 16px;
    border-top: 1px solid #cccccc;
}
.security-popList.title{
    height: 50px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    border-top: none;
    font-weight: bold;
}

/*协议勾选页面*/
.contract-section{  margin: 40px 25px 0 25px;    font-size: 14px;  line-height: 23px; }
.contract-section .picture{ float: left }
.contract-section .article{ margin: 0 0 0 33px}
.contract-section img{ width: 20px }
.contract-section .red{  font-weight: bold;   color: #ff6666}
/*列表 卡片样式 */
.li-card-title {
    width: 100%;
    height: 44px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    line-height: 44px;
    /*text-align: center;*/
    background: #fff;
    margin-bottom: 1px;
    letter-spacing: 0;
    font-size: 14px;
    font-family: PingFangSC-Medium;
}
.li-card-title .name {float: left;font-weight: bold;margin-left: 15px; color: #222222;width: 200px}
.li-card-item .name{  float: left; margin-left: 15px;}
.li-card-title .right { float: right; margin-right: 15px; }
.li-card-item .right { float: right; margin-right: 15px; text-align: right; width: 200px}


.li-card-title .sign { color: #00C192;}
.li-card-title .unsign{ color: #FC720B;}

.li-card-content {
    width: 100%;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    text-align: center;
    background: #fff;
    margin-bottom: 10px;
}
.li-card-item {
    width: 100%;
    height: 35px;
    line-height: 35px;
    /*text-align: center;*/
    letter-spacing: 0;
    font-size: 14px;
    font-family: PingFangSC-Medium;
}

/*选择账户公共组件样式1*/
.list-enter-style-span{width: 100%; height: 55px; border-radius: 2px; color: #000000; line-height: 55px; text-align: center;
    background: #fff; margin: 20px 0; font-weight: bold; font-size: 14px; }
.list-enter-style-span .account-span-left{ float: left; margin-left: 10px;}
.list-enter-style-span .account-span-right{ float: right; margin-right: 35px;}
.list-enter-style-span img{ width: 6px;  right:25px;  margin-top: 22px;  position: absolute;}

/*选择账户公共组件样式2*/
.list-enter-style-title{font-size: 14px;text-align: center; }
.list-enter-style-title .account-title-left{text-align: right;width: 40%;float: left;}
.list-enter-style-title .account-title-right{text-align: left;width: 60%;float: right;}
.list-enter-style-title .account-title-right .red{color: red;}
/*选择账户公共组件样式3带有余额的显示开始   renxuebao*/
.pay-account-wrap{
    width: 70%;
    margin: 25px auto;
    font-size: 14px;
    color: rgba(145,162,168,1);
    line-height: 14px;
}
.pay-account-list{
    text-align: left;
    height: 14px;
}
.pay-balance{
    margin-top: 6px;
}
.pay-account-number{
    margin-left:10px;
    margin-right: 10px;
}
.pay-balance-tip{
    margin-right: 10px;
}
.pay-account-change{
    color:#00aaee;
    font-family:PingFangSC-Medium;
    font-weight: bold;
}
.yellow{
    color:#fc720b;
    font-weight: bold;
}
/*选择账户公共组件样式3带有余额的显示结束*/





/*选择账户页面 ChooseAccount*/
.account-box{height: 70px; border-radius: 5px; border-bottom: #d0d0d0 1px solid; margin: 10px;  background: white;  vertical-align: middle; }
.account-box-left{ display: inline-block;vertical-align: top;width: 50px;margin-left: 20px; }

.account-box-left img{margin-top:15px;height:40px;}
.account-box-right {display: inline-block;text-align: left;margin-left:20px;/*box-sizing: border-box;*/}
.account-box-right-up{font-size: 16px;padding-top:16px;color: #222222;/*margin-left: 70px;*//*margin-top: 16px;*/}
.account-box-right-down{font-size: 14px;padding-top:9px;color: #666666;/*margin-left: 70px;*//*margin-top: 18px;*//*margin-bottom:12px;*/}

/*------------结果页样式 @zyj 2017.2.6----------------*/
.result-img-header{/*结果页对勾图片和文字说明*/
    text-align: center;
    background-color: #fff;
}
.result-img{/*图片，设置为背景*/
    height: 94px;
    width: 100%;
    background-size: 43px;
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-position-y: 36px;
    background-image: url('../../Framework/images/success.png');
}

.result-img-row1{
    font-size: 18px;
    color: #343434;
    /* background-color: #fff; */
    font-weight: bold;
    /* border: 0; */
}
.result-img-row2{
    font-size: 14px;
    color: #343434;
    background-color: #fff;
    font-weight: bold;
    padding-top: 13px;
    padding-bottom: 25px;
}
.result-view-tips {
    clear: left;
    /* text-align: center; */
    height: 40px;
    /* line-height: 40px; */
    padding-top: 17px;
    padding-bottom: 10px;
    padding-left: 15px;
    font-size: 14px;
    color: #91A2A8;
}
.res-show-detail {
    text-align: center;
    color: #00AAEE;
    font-size: 14px;
    font-weight: bold;
}
.result-page-footer {
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    font-weight: bold;
    color: #ff6666;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #e8e9ed;
}
/* 筛选页 by zhufeng*/
.filter-page{
    width: 90%;
    float: right;
}
.filter-header{
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #ccc;
}
.ios .filter-header{ /* iphone 适配 */
    height: 64px;
}
.filter-header > span{
    display: inline-block;
    width: 25%;
    line-height: 44px;
    float: right;
    padding-right: 15px;
    text-align: right;
    color: #ff6666;
    font-size: 16px;
    font-weight: bold;
}
.ios .filter-header > span{
    padding-top: 20px;
}
.filter-content > .block{
    padding: 20px 20px 10px 20px;
}
.filter-content > .block > p{
    font-size: 16px;
}
.filter-content > .block > div{
    text-align: center;
    margin-top: 12px;
}
.filter-content > .block > div > div{
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d8d8e0;
    border-radius: 4px;
    font-size: 14px;
}
.filter-content > .block > div > div:first-child{
    float: left;
}
.filter-content > .block > div > div:last-child{
    float: right;
}
.filter-content > .block > div .selected{
    border-color: #ff6666;
}
.filter-content > .block > div img{
    /*display: none;*/
    width: 20px;
    position: relative;
    top: -3px;
    left: -6px;
}
.filter-content > .date{
    border-top: 1px solid #f0eff5;
    border-bottom: 1px solid #e8e9ed;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}
.filter-content > .date > span{
    display: inline-block;
    width: 38%;
}
.filter-footer{
    width: 100%;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #ccc;
}
.filter-footer > div{
    width: 50%;
    line-height: 48px;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
/* 筛选页end */

/*关闭功能页*/
.close-page-tips{
    color: #343434;
    font-weight: bold;
    margin: 0 15px 0 15px;
    font-size: 16px;
    height: 52px;
    padding-top: 19px;
    word-break: break-all;
    padding-bottom: 18px;
}
.button-white-red{
    font-size: 16px;
    height: 44px;
    color: rgba(255,102,102,1);
    text-align: center;
    background-color: rgba(255,255,255,1);
    line-height: 44px;
    font-weight: bold;
    border-bottom: 1px solid #e8e9ed;
}

/*-----------空白页样式 @zyj 2017.2.7------------*/
.empty-page-div{
    height: 100%;
    position: fixed;
    width: 100%;
    text-align: center;
    top: 38%;
}
.empty-page-tips{
    color:rgba(145,162,168,1);
    font-size: 14px;
    padding-top: 25px;
}
.empty-page-img{
    height: 110px;
    width: 110px;
}
/* 查询页 by zhufeng */
.scroll-static{
    position: absolute;
    width: 100%;
    height: 128px;
}
.scroll-pane{
    height: 100%;
    padding-top: 128px;
}
.scroll-pane > ul{
    height: 100%;
    position: relative;
}
.scroll-static .entry {
    width: 100%;
    padding: 10px 10px 0 10px;
}
.scroll-static .account{
    height: 64px;
    padding: 0 14px 0 14px;
    background-color: #ffffff;
    border-bottom: 1px solid #e8e9ed;
}
.scroll-static .account img:first-child{
    float: left;
    height: 38px;
    position: relative;
    top: 14px;
}
.scroll-static .account > div{
    display: inline-block;
    height: 64px;
    padding: 14px 0 0 18px;
}
.scroll-static .account > div > p:first-child{
    font-size: 16px;
    margin-bottom: 6px;
}
.scroll-static .account > div > p:last-child{
    font-size: 14px;
}
.scroll-static .account img:last-child{
    float: right;
    height: 12px;
    position: relative;
    top: 28px;
}
.scroll-static .tip{
    font-size: 14px;
    font-weight: bold;
    height: 54px;
    line-height: 44px;
    padding: 8px 16px 0 16px;
}
.scroll-static .tip > .click-area{
    float:right;
}
.scroll-static .tip > .click-area > span{
    color: #666666;
}
.scroll-static .tip > .click-area > img{
    height: 12px;
    position: relative;
    top: -2px;
}
.scroll-pane .record-month{
    background-color: #f9f9f9;
    border-bottom: 1px solid #ccc;
    color: #91a2a8;
    line-height: 30px;
    padding: 0 15px;
    position: relative;
}
.scroll-pane .record-month > .depict-line{
    position: absolute;
    top: -1px;
    left: 0;
    width: 40px;
    border-top: 1px solid #ccc;
}
.scroll-pane .record{
    padding: 0 15px 0 0;
    height: 52px;
    background-color: #ffffff;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
}
.scroll-pane .record-day{
    background-color: #f4f6f6;
    color: #91a2a8;
    display: inline-block;
    height: 52px;
    padding-top: 8px;
    text-align: center;
    width: 40px;
}
.scroll-pane .record-day > p:first-child{
    font-size: 18px;
    font-weight: bold;
}
.scroll-pane .record-day > p:last-child{
    font-size: 10px;
}
.scroll-pane .record > .record-day + span{
    line-height: 52px;
    margin-left: 15px;
    position: absolute;
}
.scroll-pane .record > span:last-child{
    float: right;
    font-weight: bold;
    line-height: 52px;
}
.scroll-pane .record:last-of-type{
    height: 53px;
}
/* 查询页 end*/
/*下拉刷新列表提示语样式*/
.bottomtip{text-align: center;color: #91a2a8;height: 40px;line-height: 40px;}

/*游标刻度尺样式start*/
.ruler-outer{
    width: 100%;
    background-color: #fff;
    text-align: center;
    position: relative;
}

.ruler-white-shadow{
    width: 30%;
    height: 100%;
    position: absolute;
    z-index: 2;
    pointer-events: none;
}

.ruler-white-shadow-left{
    left: 0;
    background: linear-gradient(to right,rgba(255,255,255,0.9),rgba(255,255,255,0));
}

.ruler-white-shadow-right{
    right: 0;
    background: linear-gradient(to left,rgba(255,255,255,0.9),rgba(255,255,255,0));
}

.ruler-title{
    padding-top: 20px;
    padding-bottom:10px;
}

.ruler-value{
    color: red;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    border: none;
    outline: none;
}

.ruler-inner{
    width: 100%;
    overflow-x: auto;
    position: relative;
    padding-top: 10px;
}

.ruler-mark-value{
    position: absolute;
    text-align: center;
    top: 0;
    font-size: 10px;
}

.ruler-mark-value li{
    display: inline-block;
    float: left;
}

.ruler-inner canvas{
    padding-bottom: 10px;
    float: left;
}

.ruler-scrollBar-mask{
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    background-color: #fff;
}

.ruler-mark{
    position: absolute;
    left:50%;
    background-color: red;
    width: 2px;
    height: 50px;
    bottom:10px;
}
/*游标刻度尺样式end*/

/*黑框闪现样式*/
.boc-popdown {
    background-image: -webkit-linear-gradient(top, #323232, #000000);
    width: 50%;
    left: 25%;
    text-align: center;
    opacity: 0;
    color: #fff;
    position: fixed;
    border-radius: 4px;
    margin: 0 auto;
    /*bottom: 50px;*/
    bottom: 12%;
    z-index: 100;
    -webkit-animation: Tips 3s ease-in-out 1s alternate;
}
.boc-center {
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 3px;
    text-align: center;
    vertical-align: middle;
    display: inline-table;
}
@-webkit-keyframes Tips {
    0% {
        opacity: 0.3;
    }
    10% {
        opacity: 0.6;
    }
    20% {
        opacity: 1;
    }
    70% {
        opacity: 1
    }
    80% {
        opacity: 0.6
    }
    90% {
        opacity: 0.3
    }
    100% {
        opacity: 0
    }
}
/*黑框闪现样式end*/

/***
协议页面样式,协议页面加载在一个新div: .div_publicContractView下
leixin
****/
.div_publicContractView {
    background-color: white;
}
.ios .div_publicContractView {
    padding-top: 20px;
}
.contract_main{
    width:100%;
    height:100%;
    padding: 20px 0 0 0;
    background-color: white;
}
.contract_content {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 65px;
    overflow-y: auto;
}
.contract_div_titleName {
    padding: 0 5px 10px 5px;
    border-bottom: 1px #e5e5e5 solid;
    box-sizing: border-box;
}
.contract_p_titleName {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    height: 2.5%;
}
.contract_div_Text {
    padding: 10px 20px 0 20px;
}
/*协议称谓栏*/
.contract_div_appellation {
    padding-top: 1.5%;
    margin: 0;
}
.contract_p_appellation {
    color: #555555;
    line-height: 180%;
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.contract_div_contentText {
    margin-top: 6%;
}
.contract_p_1levelMenu,.contract_p_2levelMenu,.contract_p_3levelMenu,.contract_p_paragraph {
    color: #555555;
    font-size: 14px;
}
.contract_table td {
    color: #555555;
    font-size: 14px;
    text-align: center;
}
.contract_p_paragraph {
    margin: 0 0 5%;
    line-height: 180%;
}
.contract_p_1levelMenu,.contract_p_2levelMenu,.contract_p_3levelMenu{
    margin: 0 0 1.5%;
    line-height: 180%;
}
.contract_footer{
    box-sizing:border-box;
    background-color: white;
    width: 100%;
}
.contract_btu_confirm{
    position: fixed;
    bottom:0;
    width: 100%;
    height: 50px;
    border: none;
    margin: 0;
    border-radius: 0;
    color: #fff;
    text-align: center;
    background: #00a9ed;
    font-size: 16px;
    font-weight: normal;
}
/*协议中链接*/
.div_publicContractView a{
    color: #0000cb;
    text-decoration: underline;
}
.div_publicContractView a:hover{
    color: #CC3300;
    text-decoration: none;
}
.div_publicContractView a:visited{
    color: #4f1286;
    text-decoration: underline;
}
/***
公共-协议页面样式end
****/
/***惊叹号提示信息样式
****leixin*/
.div_NoticeTipsLine {/*内联样式才显示??查看该类class="""div_NoticeTipsLine"，前面有一个空类，清除缓存再加载，长按刷新钮选第三项*/
    background-color: #fdecbe;
    padding: 5px 3px 5px 8px;
    text-align: left;
}
.div_NoticeTipsLine img{
    height: 20px;
}
/*惊叹号提示信息样式end*/
/*提示阅读协议：选择框+红蓝灰字体样式
leixin*/
.div_contractTips {
    padding: 0;
    margin: 15px 20px 20px 20px; /*内含div则下外框样式改变???原因：子div为float，脱离父div流，给父div加高度值即可*/
    height: 55px;
}
.div_contractTips input[type = 'checkbox'] {
    display: none;
}
.div_leftCheckbox  {
    float: left;
    width: 9%;
    margin: auto;
    padding: 0;
}
.div_rightTips {
    float: left;
    width: 90%;
    margin: auto;
    padding: 0;
}
.div_contractTips label {
    display: inline-block;
    background: url("../images/contract_notselected.png");
    width: 17px;
    height: 17px;
    background-size: 17px 17px;
    position: relative;
    border: #cdccd3 1px solid;
}
.div_contractTips input[type = 'checkbox']:checked+label {
    background: url("../images/contract_selected.png");
    background-size: 17px 17px;
    border: 0;
}
.spa_tipsNormal,.spa_tipsRed,.spa_tipsBlue, .spa_tipsGrey,.spa_tipsBlack{
    /*font-family: "微软雅黑","Arial";*/
    font-size: 12px;
}
.spa_tipsRed {
    color: #fd6666;
    font-weight: bold;
}
.spa_tipsBlue {
    color: #00a9ed;
    font-weight: bold;
}
.spa_tipsGrey {
    color: #92a3a9;
    /*font-weight: normal;*/
}
.spa_tipsBlack {
    color: #000000;
    /*font-weight: normal;*/
}
/*提示阅读协议：选择框+红蓝灰字体样式end*/

/*列表样式*/
/*列表 常见样式 */
.li-select{/*使用了border-box盒模型，为了使内容高为44，要加上border-bottom的宽度*/
padding: 0 15px;
/*height: 45px;*/
line-height: 44px;
text-align: left;
color: #222222;
background-color: #ffffff;
border-bottom: 1px solid #e8e9ed;
font-size: 14px;
position: relative;
}
li.li-select:last-child{/*对于列表页，第一个和最后一行的边框需要圆角byzyj 20170227*/
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
li.li-select:first-child{/*对于列表页，第一个和最后一行的边框需要圆角byzyj 20170227*/
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
li.li-select span {/*利用padding以及border-box盒模型制作列表名长度固定型布局start*/
display: inline-block;
vertical-align: middle;
margin: 0;
}

.li-select span.itemName{
width: 115px;/*15*6+25=115*/
font-weight: bold;
font-size: 15px;
position: absolute;
top: 0;
left: 15px;
line-height: 44px;
}
.li-select span.itemContent{
width: 100%;
text-align: right;
padding-left: 115px;
/*box-sizing: border-box;*/
}
.li-select span.itemContent span.longString{
line-height: 24px;
margin-top: 10px;
margin-bottom: 20px
}
.li-select span.itemContent span.shortString{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.li-select span.content{
width: 90%;
}
.li-select span.arrow img{
height: 12px;
position: relative;
top:-2px;
}
.li-select span.confirmContent{
width: 100%;
padding-left: 115px;
box-sizing: border-box;
}
.li-select span.off {  color: #ff4444;}
.li-select span.arrow{  width: 5%;}
.li-select input {
font-family: "STHeitiSC-Medium", "MicrosoftYaHe", "微软雅黑";
font-size: 15px;
color: #666666;
border: none;
outline: none;
padding-left: 115px;
}

/*!*密码输入页样式 @wsd*!*/
.psdPage-list{
height:50px;
line-height: 10px;
}
.psdPage-list:first-child{
border-top-left-radius:.5em;
border-top-right-radius:.5em;
border-top: none;
}
.psdPage-list:last-child{
border-bottom-left-radius:.5em;
border-bottom-right-radius:.5em;
}
.psdPage-inputPsd{
border:0;
outline: none;
border-radius:0;
}
.psdPage-btn-outline{
text-align: center;
padding-bottom: 15px;
}
/*!*密码输入页end @wsd*!*/

/*详情页*/
/*!* 详情页 *!*/
.detail-content{
border-top: 1px solid transparent;
}
.detail-content > div{
margin-top: 10px;
padding: 20px 15px 0 15px;
border-bottom: 1px solid #e8e9ed;
height: 91px;
background-color: #ffffff;
}
.detail-content > div > p:first-child{
font-size: 13px;
}
.detail-content > div > p:last-child{
margin-top: 8px;
font-size: 28px;
font-weight: bold;
}
.detail-content > ul{
padding-top: 10px;
}
.detail-content > ul > li{
padding: 0 15px;
height: 45px;
line-height: 44px;
background-color: #ffffff;
border-bottom: 1px solid #e8e9ed;
position: relative;
}
.detail-content > ul > li > span:first-child{
display: inline-block;
width: 115px;
font-weight: bold;
font-size: 15px;
position: absolute;
}
.detail-content > ul > li > span:last-child{
display: inline-block;
width: 100%;
padding-left: 115px;
}
/*!* 详情页 end*!*/


/*弹窗－输入框*/
.boc-popup .boc-popup-type {
    width: 100%;
    height: auto;
    background: #fff;
    left: 0;
}

.boc-popup-d {
    width: 92%;
    border-bottom: 1px solid #e8e9ed;
    margin: 0 auto;
    padding: 30px 0 30px 15px;
}


.boc-popup-d input.boc-popup-d-type {
    width: 85%;
    margin-right: 0;
    text-align: left;
    padding: 0;
}
/*弹窗－带按钮*/

.boc-cancel, .boc-sure {
    width: 50%;
    line-height: 48px;
    background: #ffffff;
    text-align: center;
    float: left;
    font-weight: bold;
    font-size: 15px;
}

.boc-cancel {
    background: #ffffff;
    color: #ff6666;
}

.boc-sure{
    background: #ff6666;
    color: #ffffff;
}


/*协议页标准样式  by Loading  此版为上下固定，尽可能少的原子。无表格样式，表格样式请参考雷欣*/
.protocol_main{
    /*box-sizing: border-box;*/

}
.protocol_title {
    border-bottom: 1px solid #ccc;
    text-align: center;
    top: 0;
    width: 100%;
    padding: 10px;
    height: auto;
    position: fixed;
}

.protocol_div_titleName {
    line-height: 22px;
    font-size: 18px;
    font-weight:bold;
}

.protocol_text {
    width:100%;
    font-family: 微软雅黑;
    font-size: 14px;
    margin: 0;
    list-style: none;
    background: #ffffff;
    padding: 10px;
    padding-top: 50px;
}
.ios .protocol_text{
    padding-top: 30px;
}

.protocol_div_contentText {
    /*margin-top: 6%;*/
    margin-bottom: 44px;
}

.protocol_p_paragraph {
    margin: 0 0 5%;
    line-height: 180%;
    font-size: 14px;
}
.protocol_pb{
    font-weight: bold;
}
.protocol_footer{
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
}

/**带剩余字符提示的输入框 leixin*/
.div_memoInput {
    width: 100%;
    height: 55px;
    border-radius: 2px;
    color: #000000;
    line-height: 55px;
    text-align: center;
    background: #fff;
    margin: 20px 0 7px 0;
    font-weight: bold;
    font-size: 14px;
    border-bottom: #d0d0d0 1px solid;
}
.div_memoInput span {
    float: left;
    margin-left: 10px;
}
.div_memoInput input {
    width: 70%;
    font-size: 14px;
    font-family: "PingFangSC-Light","Droid Sans","Droid Sans Fallback","Roboto","Helvetica Neue","Helvetica",sans-serif;
    float: right;
    margin: 16px 35px 0 0;
}
.div_memoInput_verify {
    float: left;
    margin-left: 15px;
}
.div_memoInput_verify span {
    font-size: 14px;
    color: #ff4444;
}
.div_memoInput_RemainingPart {
    float: right;
    margin-right: 35px;
}
.div_memoInput_RemainingPart span {
    font-size: 14px;
}
/**带剩余字符提示的输入框 end*/