html{ font-size:100px;}
body{ margin:0; padding:0; color:#000; background: #fff; font-size: .14rem; font-family: "Microsoft YaHei",sans-serif; padding-bottom: .6rem;}
ul,li{ padding:0; margin:0;list-style: none;}
h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-weight: normal;}
p{margin: 0;padding:0;}
a{outline: none; border:0 none; text-decoration: none;}
em,span{font-style: normal;}
.hide{display: none !important;}
.p8{ padding: 8px;}
.gray{ background: #efefe0;}

.blue22{ background: #3391E9;}
.blue{ background: #3491e8;}
.yellow{ background: #efd948;}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}

.btn{ margin-top: 10px; background: #3491e8; color: #fff; padding: 8px 20px; font-size: 21px; border-radius: 4px; border:0 none; -webkit-appearance: none; }

.icon{display: inline-block; font-family: Ratchicons; font-size: 24px; line-height: 1; text-decoration: none; -webkit-font-smoothing: antialiased;}
.bar .icon{position: relative; z-index: 20; padding-top: 10px; padding-bottom: 10px; font-size: 24px;}
.bar-tab .tab-item .icon{top: 3px; width: 24px; height: 24px; padding-top: 0; padding-bottom: 0; background-size: 100% 100%;}
.bar-tab .tab-item .icon~.tab-label{display: block; font-size: 11px;}
.bar-tab .tab-item .icon.idx{background-image: url('../images/ico_nav_index.png');}
.bar-tab .tab-item .icon.act{background-image: url('../images/ico_nav_act.png');}
.bar-tab .tab-item .icon.my{ background-image: url('../images/ico_nav_my.png');}
.bar-tab .tab-item.active .icon.idx{background-image: url('../images/ico_nav_index2.png');}
.bar-tab .tab-item.active .icon.act{background-image: url('../images/ico_nav_act2.png');}
.bar-tab .tab-item.active .icon.my{ background-image: url('../images/ico_nav_my2.png');}
.bar{position: fixed; right: 0; left: 0; z-index: 10; height: 44px; padding-right: 10px; padding-left: 10px; background-color: #fff; border-bottom: 1px solid #ddd; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.bar-tab{bottom: 0; display: table; width: 100%; height: 50px; padding: 0; table-layout: fixed; border-top: 1px solid #ddd; border-bottom: 0;}
.bar-tab .tab-item{display: table-cell; width: 1%; height: 50px; color: #929292; text-align: center; vertical-align: middle;}

.fnav{position: fixed; bottom:0;left:0;right:0;z-index: 9; zoom:1; min-height: 55px;background-color: #fcfcfc;}
.fnav:after{ display: table; clear: both;}
.fnav.fixed{ position: fixed;bottom:0;left:0;right:0;}
.fnav .bar-tab{position: absolute;border-top:0 none; }
.fnav .bar-tab .tab-item{ border-top:1px solid #e5e5e5;padding: .04rem 0; }
.fnav .bar-tab .tab-item.active{ color: #3590e9;}
.fnav .bar-tab .icon{ font-family:'iconfont'; }

.album{ padding:0 0 50px; font-size: 0;}
.album img{ width:100%;}

.baogaotop{ background-image: url('/Application/Tpl/Ceping/Public/uimg/ban_bg.jpg');background-size:100% auto;background-repeat: no-repeat; width:100%;

height:300px;
}
.desctop{
    padding: .12rem 0;
    font-size: .16rem;
    color: #fdfdfd;
    text-align: center;
}
.fenzhi {
    margin: 0 auto;
    width: .7rem;
    height: .7rem;
    background: #f8f8f8;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #fefefe;
}

 .bar22 {
 position:relative;
 top:-60px;

    text-align: center;
}
.bar22 ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.bar22 li {
    display: inline-block;
    padding: 0 11%;
    
}

.bar22 li a{
font-size:18px;
background-color:#FFFFFF;
color:#006699;
padding:6px;
}

.ico22 {

}

.icoimg{
width:20px;
height:21px;

}

/**************/

.fwrap{position: relative;  }
.fwrap .bg{width:100%;}
.fwrap .know{position: absolute;top: .12rem;left: .12rem;width:.2rem;height:.2rem;overflow: hidden; text-indent: -999px; background: url("../images/ico_menu.png") no-repeat; background-size: contain;}
.fwrap .user{ position: absolute;top:.45rem; left:50%;margin-left: -.5rem;}
.fwrap .user_ph{  width:1rem; height:1rem; background: #f8f8f8; border-radius: 50%; overflow: hidden;border:3px solid #b5cfee;}
.fwrap .user_ph img{width:100%;}
.fwrap .user_name{ padding:.16rem 0; font-size: .16rem; color: #fdfdfd; text-align: center;}
.fwrap .fw_menu{ position:absolute; top:64%;left:0;right:0; text-align: center;}
.fwrap .fw_menu li{display: inline-block; width:.7rem; margin-right: .18rem;}
.fwrap .fw_menu li:last-child{margin-right: 0;}
.fwrap .fw_menu li a{display: block; color: #fff; font-size: .16rem;}
.fwrap .fw_menu li img{width:100%;}
.fwrap .fw_menu li span{ }
.fban{ padding: 0 0 .5rem; background: url("../images/bg2.jpg") 50% 50% no-repeat; background-size: cover;}
.fban h2{ padding: 14px 0 4px; font-size: 13px; text-align: center;}
.fban .fb_menu{ padding: 10px 0 15px; text-align: center; }
.fban .fb_menu li{display: inline-block; width:.68rem; margin-right: .35rem;text-align: center;}
.fban .fb_menu li:last-child{ margin-right: 0;}
.fban .fb_menu li a{display: block;}
.fban .fb_menu li img{ width:.58rem;}
.fban .fb_menu li span{ color: #3491e8; font-size: 15px;}

.nbox{ border-radius: 6px; overflow: hidden;}
.nbox_h{ height:.42rem; line-height: .42rem; background: #3491e8;color: #fff;font-size: 16px; text-align: center;}
.nbox_b{ padding: 1em; background: #fff; font-size: .12rem;line-height: 1.6em; color: #555; }
.nbox_b p{margin: 0 0 10px;}
.nbox_b h3{ padding:0 0 6px;  color: #3491e8;}
.nbox_b.proinfo {text-align: center;}
.nbox_b.proinfo .str{ color: #3491e8;}
.nbox_b.proinfo .empty{width:100%;}
.nbox_b .proinfo_bm{ margin: 0 .2rem; padding: 1em .5em;  border-top:1px dashed #999; overflow: hidden; text-align: center;}
.proinfo_more{ padding: 50px 0 0; text-align: center;}
.proinfo_more a{ color: #3491e8;}

/*我要打赏*/
.archv{ padding: 50px 0 ; text-align: center; color: #fff;}
.archv .brd1{ border:1px solid #85bdf1; padding: 8px;  width: 121px;}
.archv .brd2{ margin: 20px auto;  border:1px solid #5da7ed; padding: 14px; width: 139px;}
.archv .qrcord{ padding:2px; border:1px solid #fff; width:115px;height:115px; }
.archv .qrcord img{width:100%;height:100%;}
.archv h3{ padding: 0 0 10px; font-size: 18px;}
.archv img{width:45%;}
/*活动*/
.stab{}
.stab ul{ overflow: hidden; font-size: 0; text-align: center;}
.stab li:first-child{ border-radius: 5px 0 0 5px;}
.stab li:last-child{ border-radius: 0 5px 5px 0;}
.stab li{ display: inline-block; padding: 0 2em; height: 27px;line-height: 27px; font-size: 13px; text-align: center;background: #fff;color: #555; }
.stab li.on{background: #3491e8;color: #fff;}
.scon{}
.scon .scon_list{}
.scon .scon_item{ position: relative; margin-top: 7px; padding: 12px; background: #fff; border-radius: 6px;}
.scon .scon_item .time{ margin:0; padding: 0 0 6px; color: #888; }
.scon .scon_item .new{ position: absolute; top:0;right:0; width:.4rem;height:.4rem; background: url('../images/tag_new.png') no-repeat; background-size: contain;}
.scon .scon_item h3{ font-size: 15px; color: #555;}
.scon .scon_item a{position:relative; display: block;font-size: 0; border-radius: 6px;overflow: hidden;}
.scon .scon_item img{ width:100%;}
.scon .scon_item.end{}
.scon .scon_item.end a:after{ position: absolute;left:0;top:0;right:0;bottom:0; content: '- 已结束 -'; font-size: .2rem; padding-top: .3rem; color: #fff; text-align: center; background: rgba(0,0,0,0.5);}
/*我的*/
.mwrap{ position: relative;}
.mwrap .bg{ width:100%;}
.mwrap .user{ position: absolute;top:.35rem; left: 50%;margin-left: -.25rem;}
.mwrap .user_ph{ margin: 0 auto; width:.5rem; height:.5rem; background: #f8f8f8; border-radius: 50%; overflow: hidden;border:2px solid #b5cfee;}
.mwrap .user_ph img{width:100%;}
.mwrap .user_name{ padding:.12rem 0; font-size: .16rem; color: #fdfdfd; text-align: center;}
.mwrap .mwrap_bar{ position: absolute; top:72%;left:0;right:0; font-size: 0; text-align: center;}
.mwrap .mwrap_bar li{ display: inline-block; padding:0 12%; border-right:1px solid #fff;}
.mwrap .mwrap_bar li:last-child{ border-right: 0 none;}
.mwrap .mwrap_bar li a{ display: block;  color: #fff; font-size: .16rem;}
.mwrap .mwrap_bar li span{ display: block; text-align: center;}

/*我的*/
.mlist{ margin: 6px 0 ; padding: 0 0 0 .15rem; background: #fff;}
.mlist li{ border-bottom:1px solid #e0e0e0;}
.mlist li:last-child{ border:0 none;}
.mlist li a{ display: block; position: relative; box-sizing: border-box; padding:.14rem 0 0; height: .48rem; font-size: .15rem; color: #595757;}
.mlist li a .ico{display: inline-block; margin-right: .1rem; width:.2rem;height: .2rem;  vertical-align: top;}
.mlist li a .ico img{width:100%; height:100%;}
.mlist li a:after{ position: absolute; right:.2rem; top:18px; content: ''; width:7px;height:13px; background: url('../images/ico_fright.png') 0 0 no-repeat; background-size: contain;}

/*借款记录*/
.hlist{ padding:8px;}
.hlist .item{ padding:8px 20px; font-size: .15rem; background: #fff; border-radius: 4px; margin-bottom: 8px; overflow: hidden;}
.hlist .item_type{ float:left;color: #3491e8;}
.hlist .item_type .t{font-size: 12px; color: #888; }
.hlist .item_num{  float:right;color: #3491e8; padding-top: 8px;}

/*我的佣金*/
.bork{ position: relative;}
.bork .num{ position: absolute; font-size: 28px; color: #ea3925; text-align: center;top: 32%;  left: 50%;  margin-left: -50px;}
/*我的推广*/
.promo{ position: relative;}
.promo img{ width:100%;}
.promo .code{ padding:0; position: absolute; top:33%; left:22%; border:0 none; font-size: 18px; color: #e84e4e;width: 58%; text-align: center; background: transparent; height: 20px;line-height: 20px; -webkit-appearance: none;}
.promo .btn{ padding:0;margin: 0; position: absolute; width:32%;height: 5%;background: rgba(0,0,0,0);}
.promo .btn1{ top: 37%; left:14%; }
.promo .btn2{ top: 37%; right:13%;}
.promo .btn3{ width:70%;height:7%; background: rgba(0,0,0,0); top:45%; left:15%; }

.mask{ position: fixed; top:0;left:0;right:0;bottom:0; box-sizing: border-box; padding:10%; background: rgba(0,0,0,0.5);}
.mask .mask_share{ width:100%;}

/*我的意见*/
.opinion{ font-size: .14rem;}
.opinion .label{color: #3491e8;}
.opinion .txt{ border:1px solid #e2dfdf; border-radius: 4px; height:2rem; width:100%; background: #fff; box-sizing: border-box; padding:8px;}
.opinion dl{ padding-bottom: .1rem; overflow: hidden;}
.opinion dt{ float: left; width:40%; min-height: .2rem;}
.opinion dd{ float: left; min-height: .2rem;}
.opinion dd .pho{ position: relative; width:63px; height:58px; border:2px dashed #d2d2d2; border-radius: 4px; }
.opinion dd .pho:before{ content: '+' ;position: absolute; top:32%;left:36%;  color: #d2d2d2; font-size: .3rem; }
.opinion dd .pho img{position: absolute;width:100%;height:100%;}
.opinion .btn{ background: #3491e8; color: #fff; padding: 6px 12px; font-size: 20px; border-radius: 4px; border:0 none; -webkit-appearance: none; }

/*boss留言*/
.msg{ position: absolute; left:0;top:0;height:100% ;width:100%; background:#efefe0 url('../images/bg2.jpg') center bottom no-repeat; background-size: contain; overflow: auto; }
.msg_h{}
.msg_h img{ width:100%;}
.msg_b{ padding:20px; font-size: 16px;}
.msg_b .pho{ padding: 1em; color: #000; font-size: 18px;}
.msg_b .pho img{width:28px;height:28px; vertical-align: middle;}
.msg_b .txt{ margin-top: 1em; box-sizing: border-box; padding:10px; background: #fff; box-shadow: 0 0 8px #aaa; border: 0 none; width:100%; height:1.5rem;}
.msg_b .btn{ margin-top: 10px; background: #3491e8; color: #fff; padding: 8px 20px; font-size: 21px; border-radius: 4px; border:0 none; -webkit-appearance: none; }

/*我要借款*/
.bwrap{}
.bwrap .bwrap_ban{ position: relative; text-align: center;background: #3391e8;}
.bwrap .bwrap_ban .info{ position: absolute; top:30%;left:0;width:100%;text-align:center;font-size: 24px;color:#3491e8; }
.bwrap .bwrap_ban .bg{ height:1.6rem;}
.bwrap .bwrap_ban .bg{}
.bwrap .bwrap_range{ padding:20px; background: #fff; min-height: 1.6rem;}
.bwrap .bwrap_con{ position: relative; height: .5rem; padding: 20px 0 20px; }
.bwrap .bwrap_con:last-child{ padding-bottom: 0;}
.bwrap .bwrap_con .back-bar{ height: 16px; border-radius:8px;}
.bwrap .bwrap_con .back-bar .pointer{ height: 24px; width:24px;border-radius: 12px; background-color: #f4faff;box-shadow: 1px 1px 3px #67acee; border:0 none;}
.bwrap .bwrap_con .selected-bar{ border-radius:8px; background: #3491e8;}
.bwrap .bwrap_con .clickable-dummy{ border-radius:8px; }
.bwrap .bwrap_con  .scale ins{ color: #666 !important; font-size: 16px; top: -45px; }
.bwrap .bwrap_con  .pointer-label{ color: #ccc !important; font-size: 16px;top: 30px; }
.bdesc{ padding: 8px 14px; }
.bdesc .btn{width:80%; margin-top: 20px;}

/*关于我们*/
.about .abox{ position: relative;height: 110px;}
.about .abox img{ position: absolute; top:17px;left:50px; width:72px;heigth:72px;}
.about .word{ position: absolute; color: #fff; font-size: 16px;}
.about .abox_server{ background:#5ab1cf;}
.about .abox_server .word{ top:35px; right:50px; }
.about .abox_fin{background: #f9d462;}
.about .abox_fin img{ left:inherit; right:50px;}
.about .abox_fin .word{ top:35px; left:50px; }
.about .box_phone{background: #f794a8 ;}
.about .box_phone .word{top:35px; right:50px; text-align: center;}
.about .abox_qq{background: #ffaa59 ;}
.about .abox_qq img{left:inherit; right:50px;}
.about .abox_qq .word{ top:35px; left:50px;}
.about .abox_email{background: #41cfb9;}
.about .abox_email .word{top:35px; right:50px; text-align: right;}

/*产品介绍*/
.aboutp .canva{ position: relative;}
.aboutp .canva .bg{width:100%;}
.aboutp .canva .word{ position: absolute; top:28%;left:3%; color:#fff; font-size: .10rem; transform: scale(0.75); line-height: 1.6em;}
.aboutp .canva .word h3{ padding: 0 0 .06rem; font-size: .16rem;}
.aboutp .canva .word_cont{ top:22%;left:inherit;right:6%; text-align: center;}
/*借款 表单tab*/
.btab{ background: #3391e8; font-size: 0; }
.btab li{ display: inline-block; color: #fff; font-size: 13px; text-align: center; width:30%; margin-right: 5%; padding: 6px 0 10px; }
.btab li:last-child{  margin-right: 0; }
.btab li img{ width:30px;}
.btab li span{ display: block; }
.btab li.on{ background: url('../images/btab_li.jpg') center bottom no-repeat; background-size: 37px 13px;}
.bcon{ background: #fff; min-height: 1rem;}

.bbtm{text-align: center; }
.bbtm p{padding: 8px 0 0;}
.bbtm .chk{ display:inline-block; width:20px;height:20px;vertical-align: middle; background: url('../images/ico_unchk.png') 0 0 no-repeat; background-size: contain;}
.bbtm .chk.chked{ background-image:url('../images/ico_chk.png'); }
.bbtm .btn{ width:80%;}
.bbtm .str{ color: #3391e8;}

.form{ padding: 1em 0;}
.form .field{ /*position: relative;*/font-size: 18px; /*margin-left: 26px;*/ padding:10px; /*border-left:1px solid #c3c3c3;*/}
/*.form .field:after{ content: ''; position: absolute; top:0;left:-14px; width:8px;height:8px;border-radius:50%;background:#3391e8; border:10px solid #fff;  }*/
.form .field.last,
.form .field:last-child{ border-color: #fff;}
.form .field p{ font-size: 18px; line-height:150%}
.form .field .ipt{ padding: 4px; height: 20px;line-height: 20px;  border: 1px dashed #eee; font-size: 14px; width:80%; }
.form .field .yzcode{ margin: 6px 0; display: inline-block; font-size: 0; border:1px solid #3391e8; border-radius: 3px;overflow: hidden;}
.form .field .yzcode input{ padding: 4px 5px; height: 14px; width:85px; font-size: 12px; border:0 none;}
.form .field .yzcode .bb{ padding: 4px ; height: 16px; display: inline-block; font-size: 12px; background: #3391e8; color: #fff;}
.form .field .pho{ display: inline-block; position: relative; width:63px; height:58px; border:2px dashed #d2d2d2; border-radius: 4px; }
.form .field .pho:before{ content: '+' ;position: absolute; top:10%;left:36%;  color: #d2d2d2; font-size: .3rem; }
.form .field .pho img{position: absolute;width:100%;height:100%;}
.form .field .sfz{  }
.form .field .sfz .th{ font-size: 18px;  }
.form .field .sfz .td{ padding: 6px 0 0 20px;}
.form .field .sbtn{ padding: 4px 8px; font-size: 12px;}
.form .field  .addr{ position: absolute; width:25px;height:25px; top:0%; left:45%;}
.form .field  .addr img{width:100%;height:100%;}
.form .field .relate{ position: absolute; top:0;right:20%; color: #3391e8; z-index: 99;}
.form .field .relate .lab:after{ content: '';     vertical-align: bottom; margin-left:4px;display: inline-block; width: 8px;height:20px; background: url('../images/ico_s_exp.png') 50% 50% no-repeat ; background-size: contain;}
.form .field .relate .drop{ display: none; width:0.8rem; background: #c8e1f9; color: #3391e8; border-radius: 5px;}
.form .field .relate .drop li{ padding: 2px 1em; line-height: 1.6em;height: 1.6em;}
.form .field .relate .drop li.on{ background: url('../images/ico_s_fold.png') 90% 50% no-repeat; background-size: 6px 12px;}
.form .field .give{ position: relative; padding:0 2em 0 2em;  color: #888;}
.form .field .give p{font-size: 14px;}
.form .field .give .chk{ position: absolute; top:4px;left:0; width:20px;height: 20px; background: url('../images/ico_borrow_unk.png') 0 0 no-repeat;background-size: 100% 100%; }
.form .field .gived{}
.form .field .gived .chk{background-image: url("../images/ico_borrow_chk.png");}
.form .field .uptb{ }
.form .field .uptb td{padding: 1em;}
.form .field .career{font-size: 14px; color:#3391e8; }
.form .caption{ position: relative; margin-left: 34px; padding: 1em 0; font-size: 20px;}

.form select{
padding: 4px; height: 30px;line-height: 20px; border:0 none;font-size: 14px; width:80%; 

}


/*我的资料*/
.myinfo{}
.myinfo .bcon{ padding: 8px;background: transparent;}
.myinfo .btab{ overflow: hidden;}
.myinfo .btab{ background: #3391e8; font-size: 0; }
.myinfo .btab ul{ padding-left: 1.5rem; width:700px;}
.myinfo .btab li{ display: inline-block; color: #82baf2; font-size: 13px; text-align: center; width:auto; margin-right: 5%;  padding: 16px 0 20px ; font-size: 18px; }
.myinfo .btab li.on{ color: #fff; background-image: url('../images/btab_li.jpg');}
.myinfo .bbtm{ padding: 0 0 1em; }

.myinfo .form{ background: #fff; border-radius: 4px;}
.myinfo .form .field{ color:#3391e8; }
.myinfo .form .field .ipt{ color: #333;}
.myinfo .form .field .getcode{ position: absolute; bottom:10px;right:10%; background: #3391e8;color: #fff; padding:4px 8px; border-radius: 2px; }
.myinfo .form .caption{ color:#3391e8; }
.myinfo .form  .zhima_err{ padding: 10px 0  20px;}
.myinfo .form  .zhima_err img{ width:100%;}
.myinfo .form  .zhima_err p{text-align: center; color: #3391e8;}