body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,
	pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0
}
* {-webkit-tap-highlight-color: transparent;}

body, button, input, select, textarea {
	font: 12px/1.5 "Helvetica",sans-serif;
;
}

body,html,.wrap{height: 100%; -webkit-touch-callout:none;
    -webkit-user-select:none;-moz-user-select:none;user-select:none; -webkit-text-size-adjust: none;}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "weui";
  src: url('data:application/octet-stream;base64,d09GRgABAAAAAATUAAsAAAAABIgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFrGNtYXAAAAFoAAAAVAAAAFQXVtKJZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAMAAAADAnx58s2hlYWQAAAKEAAAANgAAADYKlPW6aGhlYQAAArwAAAAkAAAAJAbeA8hobXR4AAAC4AAAABwAAAAcEgADRGxvY2EAAAL8AAAAEAAAABAAbgCmbWF4cAAAAwwAAAAgAAAAIAAJAA5uYW1lAAADLAAAAYYAAAGGmUoJ+3Bvc3QAAAS0AAAAIAAAACAAAwAAAAMDgAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QIDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkC//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQD2AN8DCgKNAAUAABM3FwEXAfY9ZwEzPf6QAYM9ZgEzPv6QAAAAAAEBZgBrAu8DFQAFAAAlJwkBNwEBmjQBI/7dNAFVazMBIgEiM/6rAAABAOgApAMcAucACwAAARcHJwcnNyc3FzcXAkPZOdrnOufnOufaOQHF2TrZ5zno6Dro2ToAAQAAAAAAADi5ZFVfDzz1AAsEAAAAAADULdjUAAAAANQt2NQAAAAAAxwDFQAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADHAABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAAD2BAABZgQAAOgAAAAAAAoAFAAeADIARgBgAAEAAAAHAAwAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA') format('truetype');
}

[class^="test_icon_"]:before,
[class*=" test_icon_"]:before {
  font-family: "weui",sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;

}
.test_icon_check:before{
  content: "\e900";
  font-size: 0.666rem;
  color: #e7bb2c;
}
.test_icon_chevron:before{
  content: "\e901";
  font-size:0.4rem;
  color: #e7bb2c;
  margin-left: -5px;
}

.test_icon_close:before{
  content: "\e902";
  font-size: 0.666rem;
  color: #989898;
}
/* 去除android4.0以下 a/button/input标签被点击时产生的边框 因为边框引起了不少bug */
a,button,input,div{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance : none ;  }
/* Android4.0下不识别选择器-webkit-transform-3d 使用它可做Android4.0下版本兼容 */
@media all and (-webkit-transform-3d){
/* android4.0+ ios4+ 恢复按钮被点击时产生的效果 */
a,input,button{-webkit-tap-highlight-color:rgba(0,0,0,0);}
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%
}

em {
	font-style: normal
}

ul, ol {
	list-style: none
}

a {
	text-decoration: none
}

img {
	border: 0;
}

.dn {
	display: none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	*zoom: 1
}
::-webkit-input-placeholder { font-size:12px; line-height:1.2rem; color:#bdbdbd;}
::-moz-placeholder { font-size:12px; line-height:1.2rem; color:#bdbdbd;} /* firefox 19+ */
:focus { outline: 0; }
.black{color: #4a4a4a;}
.gray{color: #8f8f8f;}
.gray2{color: #8f8f8f;}
.gray3{color: #B9B9B9;}
.blue{color: #4a90e2;}
.orange{color:#d0a330;}
.orange2{color:#e7bb2c;}
.white{color: #fff;}
.v-m{vertical-align: middle;}

/* 通用 */
:-ms-input-placeholder { font-size:12px; line-height:1.2rem;color:#bdbdbd;} /* ie */
input:-moz-placeholder { font-size:12px;  line-height:1.2rem;color:#bdbdbd;}

body {
	 max-width: 10.0rem;
     margin: 0 auto;
}


.bg {
	background: #323536;
}

.p_t{padding:10px 0 0 0;}
.wrap {
	width: 10rem;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.fl {
	float: left
}

.fr {
	float: right
}

.tc {
	text-align: center;
}
.tl{
	text-align: left;
}
.tr{
	text-align: right;
}

div {
    font-size: 12px;
}

[data-dpr="2"] div {
	font-size: 26px;
}
[data-dpr="3"] div {
	font-size: 42px;
}
#amount{border:0;padding:.35rem 0;text-align: center;width: 70%;font-size: 30px;border-radius: 0;border-bottom: 1px solid #e1e1e1;-webkit-tap-highlight-color: transparent;}
[data-dpr="2"] #amount{
	font-size: 40px;
}
[data-dpr="3"] #amount{
	font-size: 80px;
}

@media(min-device-width :320px){
     div {font-size: 12px;}
      .list_scroll .col-3{font-size: 14px;}
     .list_scroll .col-4{font-size: 14px;}
       .list_scroll .col-5{font-size: 14px;}
     .date_ul_box ul li{font-size: 14px;}
      .list_month span{font-size: 10px;}
      .total_money{font-size: 16px;}
	  ::-webkit-input-placeholder { font-size:12px; }
::-moz-placeholder { font-size:12px;} /* firefox 19+ */
:-ms-input-placeholder { font-size:12px;} /* ie */
input:-moz-placeholder { font-size:12px;}

}
@media(min-device-width :375px){
      	div {font-size:14px;}
       .list_scroll .col-3{font-size: 16px;}
        .list_scroll .col-4{font-size: 16px;}
         .list_scroll .col-5{font-size: 16px;}
       .date_ul_box ul li{font-size: 16px;}
        .list_month span{font-size: 12px;}
          .total_money{font-size: 20px;}
		  ::-webkit-input-placeholder { font-size:14px; }
::-moz-placeholder { font-size:14px;} /* firefox 19+ */
:-ms-input-placeholder { font-size:14px; } /* ie */
input:-moz-placeholder { font-size:14px;}
        
}
@media(min-device-width :414px){
      div {font-size:16px;}
         .list_scroll .col-3{font-size: 16px;}
       .list_scroll .col-4{font-size: 16px;}
          .list_scroll .col-5{font-size: 16px;}
       .date_ul_box ul li{font-size: 18px;}
       .list_month span{font-size: 14px;}
         .total_money{font-size: 24px;}
		 ::-webkit-input-placeholder { font-size:16px;}
::-moz-placeholder { font-size:16px;} /* firefox 19+ */
:-ms-input-placeholder { font-size:16px;} /* ie */
input:-moz-placeholder { font-size:16px;}
}


.font14{
        font-size: 14px;
    }
    [data-dpr="2"] .font14{
        font-size: 28px;
    }
    [data-dpr="3"] .font14{
        font-size: 42px;
    }

    .font16{
        font-size: 16px;
    }
    [data-dpr="2"] .font16{
        font-size: 32px;
    }
    [data-dpr="3"] .font16{
        font-size: 48px;
    }

    .font18{
        font-size: 18px;
    }
    [data-dpr="2"] .font18{
        font-size: 36px;
    }
    [data-dpr="3"] .font18{
        font-size: 54px;
    }

    .font20{
        font-size: 20px;
    }
    [data-dpr="2"] .font20{
        font-size: 40px;
    }
    [data-dpr="3"] .font20{
        font-size: 60px;
    }


/* animation */
/* 淡入 */
.a-fadein{animation:fadein 1s ease-out backwards;}
/* define */
/* 淡入 */
@keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}

.panel{width:9.12rem; background: #fff; border-bottom-right-radius:0.1rem;border-bottom-left-radius:0.1rem;margin:0 auto;overflow: hidden;}
#amount:focus::-webkit-input-placeholder{
    opacity: 0;outline:none;-webkit-tap-highlight-color:transparent;background:none;
}
.borrow_time{margin:.6rem 0 0 0;text-align: left;}
.list_month{margin:0 0.5rem 0 0;}
.list_month span{border-radius:0.35rem;border:1px solid #979797;padding: 0.018rem 0.10rem;margin-right:0.15rem;display: inline-block;text-align: center;width: 1.3rem;}
.list_month span.cur{background: #d0a330;color: #fff;border:1px solid #d0a330;}
.list_title{font-weight: bold;margin-top: 0.13rem;color: #8F8F8F;padding-left: .133rem;}
.tip_box{background: #d0a330;height: 0.933rem;text-align: center;line-height: 0.933rem;color: #fff; position: absolute;top:0;width: 100%;z-index: 999;}
.split_line {width: 9.12rem;margin: -0.2266rem auto 0;overflow: hidden;}
.split_line img{width: 9.146rem;position: relative;left: -0.013rem;right: 0;z-index: 100;}
.pd_box{padding:0.6rem 0.3rem 0.32rem 0.3rem;}
.group{border-bottom: 1px solid #e1e1e1;height: 1.16rem;line-height: 1.16rem;}
.col-3{width: 2.1rem;float: left;}
.col-5{width: 3.7rem;float: left;box-sizing:border-box;text-align: center; padding-right: .54rem;}
.col-4{width: 3.02rem;float: left;box-sizing:border-box;padding-left:.3rem;text-align: left;}
.date_m{margin: -0.226rem auto 0 auto;padding:0 0 0.8rem 0;}
.grid{padding:0 0 10px 0;width: 9.12rem;overflow: hidden;}
.total_box{position: absolute;bottom: 0;width:9.12rem; border-top:1px solid #e1e1e1;
 background:#fff;padding: 0.133rem 0;
}
.speak_txt{margin-right: 0.43rem;color: #bcbcbc;font-size: 12px;}
.total_title{font-size:18px; }

@supports (-webkit-backdrop-filter: none) {
  .ios9 {
      background: rgba(255,255,255,.6);
      -webkit-backdrop-filter: saturate(180%) blur(60px);
  }
}
.total_money{padding:0 0.43rem 0 .1rem;color: #ff0000;}
.group_title{background: #f8f8f8;}
.list_scroll{
background:#fff;	
-webkit-overflow-scrolling:touch;
overflow-y:scroll;
overflow-x:hidden; 
 }
 
.date_box{position: fixed;width: 10rem;background: #e7e7e7;bottom: 0;z-index: 999;} 
.date_ul_box{width: 50%;display: inline-block;text-align: center;float: left;-webkit-overflow-scrolling:touch;}
.ym_list li{text-align: right;}
.day_list li{text-align: left;padding:0 0 0 1rem;}
.ll_list li{height:1.0666rem;line-height: 1.0666rem;text-align: left;position: relative;padding-left: 1.15rem;}
.date_ul_box ul li{line-height:45px;color: #9b9ba4;}
.date_ul_box ul li.cur{color: #000;}

.date_p{position: relative;}

.line_p:after,.line_p:before {
  content: " ";
  position: absolute;
  
  width: 100%;
  height: 1px;
 
  color: #333;
}
.line_p:after{
	left: 0;
  bottom: 0;
   border-bottom: 1px solid #979797;
     transform-origin: 0 100%;
  transform: scaleY(0.5);
}
.line_p:before{
	left: 0;
  top: 0;
   border-top: 1px solid #979797;
   transform-origin: 0 0;
  transform: scaleY(0.5);
}
.date_line{height: 45px;position: absolute;top:90px;width: 10rem;}
.line_p{height:45px;margin:1px 0;position:relative;}

.date_title{height:1rem;line-height: 1rem;background: #e1e1e1;border-top:1px solid #dcdcdc;text-align: right;padding:0 15px 0 0;}
#btn_confirm{border:0;height: 30px;color:#0477fd;font-size: 16px;background: none;}
#payOffDate{color: #333;padding-right: .32rem;}
.group_font{font-size: 12px;color: #8f8f8f;}
.mask_box{width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);position:absolute;top:0;left:0;z-index: 900;}

.ll_txt{padding:0.367rem 0 0 0;}
.ll_box{position: fixed;top:18%;background: #fff;border-radius: 3px;left: 1rem;right: 1rem;padding: 0.2rem 0;z-index: 999;overflow: hidden;}
.ll_title{border-bottom: 1px solid #D8D8D8;position: relative;padding: 0 0 0.2rem 0;}
.ll_title_f14{font-size: 14px;font-weight: bold;}
.ll_title_f11{font-size: 12px;}
.ll_list li:active,.ll_list li:focus{background: #f2f2f2;}
.ll_list li i{position: absolute; left: 0.26rem;display: none;}
.ll_list li:last-child{border-bottom: 0;}
.ll_list li:after{
  margin: 0.2rem 0 0 1.1rem;
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e1e1e1;
  color: #e1e1e1;
  transform-origin: 0 0;
}
.ll_list li:last-child:after{
  border:0;
}
.close_box{position: absolute;top:3px;left: 10px;}


/* 淡出效果 */
.am_FadeOut{
-webkit-animation:fadeOutDown 1s .2s ease both;
-moz-animation:fadeOutDown 1s .2s ease both;}