﻿.body{width:100%;height:100%;background:url('https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/background.png') no-repeat center center;}
header{
  height:3.333rem;
  background: #ff5a37;
  width:100%;
  max-width:720px;
  margin:0 auto;
 position:relative;
}
header h1{
  font:normal 1.266rem/3.333rem "Microsoft YaHei";
  color:#fff;
  text-align: center;
}
header span.back{
  background: url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/ico.png) no-repeat 0 0;
  background-size:3.333rem 16.666rem;
  top:1rem;
  left:1rem;
  display:inline-block;
  width:0.89rem;
  height:1.464rem;
}	
.paragraph{
  width:100%;
  max-width:720px;
  margin:0 auto;
  background:#fff;
}
.paragraph h2.logo{
  text-align: center;
}
.paragraph h2 img{
  background-size:8.7rem 3.4rem;
  width:8.7rem;
  height:3.4rem;
  margin:1.8rem auto 0.8rem;
}
.paragraph p.text{
  text-indent:2rem; 
  color:#5d5d5d;
  font:normal 1.1rem/1.58rem "Microsoft YaHei";
  margin:0 1.266rem;
  margin-top: 0.7rem;
}
.paragraph .tit{
  color:#5d5d5d;
  font:normal 1.1rem/1.58rem "Microsoft YaHei";
  margin:2rem 1.266rem 0;
}
/*常见问题*/
.bgcolor{
 /* background:#f6f6f6;*/
    background-color: white;

}
.paragraph dl{
  /*border-bottom: 1px solid #d9d9d9;*/
  font:normal 1.066rem "Microsoft YaHei";
  background:#fff;
  /*padding:0.85rem 0;*/
  padding:0.45rem 0;
}
.paragraph dl.padV{
  width:97%;
  margin:0 auto;
}
.paragraph dl.padV dt,.paragraph dl.padV dd{ 
  margin:0 0.466rem;
}
.paragraph dl dt{
  /*color:#262b2f;*/
  color:#FF5A37;
  line-height:2rem;
}
.paragraph dl dt,.paragraph dl dd{
  margin:0 1.266rem;
}
.paragraph dl dd{
  line-height:1.53rem;
}
.paragraph dl dd{
  color:#5d5d5d;
  font-size:1rem;
 /* line-height:1.4rem;*/
}
.paragraph dl dd.ruleColor{
  color:#ff5a37;
}
/*申请协议*/
.paragraph h3{
  color:#000;
  font:normal 1.133rem "Microsoft YaHei";
  text-align: center;
  padding:2rem 0 1rem;
}
.paragraph p.noT{
  text-indent: 0;
}
/*车况等级*/
.paragraph p.warning{
    background: #fff0ed;
    /*background:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/ico.png) no-repeat 0.666rem -1.9rem #fef9e2;*/
    /* height:3rem; */
    background-size:3.333rem 16.666rem;
    padding-left:0.65rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    font:normal 0.9rem "Microsoft YaHei";
    color:#6e6e6e;
}
.paragraph p.warning img{
    width: 1.2rem;
    position: relative;
    top: 0.2rem;
    margin-right: 0.4rem;
}
.paragraph p.conditionrating{
  padding-left:1.266rem;
  background:#f6f6f6;
  font:normal 1rem/2.7 "Microsoft YaHei";
  height:2.7rem;
  border-top:1px solid #dedede;
  border-bottom:1px solid #dedede;
}
.paragraph dl.rank dt{
  color:#ff5a37;
    line-height:1.65rem;
}
.paragraph dl.rank dt,.paragraph dl.rank dd{
  font-size:1rem;
}
.paragraph dl.rank dd{
  color:#5d5d5d;
  line-height:1.4rem;
}
.paragraph dl.rank:nth-child(6){
  border-bottom:none;
}
.paragraph dl.rank dt span{
  font-size:1.433rem;
  margin-right:0.166rem;
}
.paragraph dl.rank dd em{
  display:inline-block;
  /*width:1rem;*/
    width: 5%;
  float:left;
}
.paragraph dl.rank dd span{
  display:inline-block;
  /*width:20.4rem;*/
    width: 95%;
}
/*交付进度*/

.times {display:block;border-bottom:1px solid #ddd;}
.times ul {}
.times ul li {
  margin:0 0.8rem 0 1.866rem;
  height:4.366rem;
  /*border-left:0.133rem solid #f1f1f1;*/
  position:relative;
}
.times ul li div{
   margin-left:3.466rem;
   border-bottom:1px solid #d9d9d9;
   height:4.366rem;
}
.times ul li b {
  overflow:hidden;
  display:inline-block;
  float:left;
  background:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/progress.png) no-repeat 0 -6.533rem;
  width:1.6rem;
  height:1.666rem;
  background-size:1.6rem 16.666rem;
  position:absolute;
  left:-0.8rem;
  top:1.366rem;
}
.times ul li:last-child div{
  border-bottom: none;
}
.times ul li.green b{
	background-position:0 0;
}
.times ul li.org b{
	background-position:0 -3.2666rem;
}
.times ul li.org{
	border-left:0.133rem solid #ffe0bf;
}
.times ul li.green{
	border-left:0.133rem solid #def4ca;
}
.times ul li.top{
	border-image:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/border.png) 0 0 4 4 stretch;
  -webkit-border-image:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/border.png) 0 0 4 4 stretch;
	background-size:0.133rem 4.366rem;
	height:4.366rem;
}
.times ul li.toporg{
	border-image:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/borderorg.png) 0 0 4 4 stretch;
  -webkit-border-image:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/borderorg.png) 0 0 4 4 stretch;
	background-size:0.133rem 4.366rem;
	height:4.366rem;
}
.times ul li.greenorg{
	border-image:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/bordergo.png) 4 0 4 4 stretch;
  -webkit-border-image:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/bordergo.png) 4 0 4 4 stretch;
	background-size:0.133rem 4.366rem;
	height:4.366rem;
}
.times ul li.orggray{
	border-image:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/borderogray.png) 4 0 4 4 stretch;
  -webkit-border-image:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/borderogray.png) 4 0 4 4 stretch;
	background-size:0.133rem 4.366rem;
	height:4.366rem;
}
.times ul li.bottomgreen{
	border-image:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/bottomGreen.png) 4 0 0 4  stretch;
   -webkit-border-image:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/bottomGreen.png) 4 0 0 4  stretch;
	background-size:0.133rem 4.366rem;
	height:4.366rem;
}
.times ul li.bottomorg{
	border-image:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/bottomOrg.png) 4 0 0 4 stretch;
   -webkit-border-image:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/bottomOrg.png) 4 0 0 4 stretch;
	background-size:0.133rem 4.366rem;
	height:4.366rem;
}
.times ul li.bottomgray{
	border-image:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/bottomGray.png) 4 0 0 4 stretch;
  -webkit-border-image:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/bottomGray.png) 4 0 0 4 stretch;
	background-size:0.133rem 4.366rem;
	height:4.366rem;
}
.times ul li span {
  line-height:4.366rem;
  color:#999;
  display:block;
  font-size:1.066rem;
}
.times ul li span.step{
  line-height:2rem;
  padding-top:0.5rem;
}

.times ul li p{
  line-height: 1rem;
  font:normal 0.866rem "Arial";
}
.times ul li p.colororg{
  color:#ff5a37;
}
.times ul li p.colorgreen{
  color:#56b700;
}
.times ul li span.colororg{
  color:#ff5a37;
}
.times ul li span.colorgreen{
  color:#56b700;
}

.jftimes{
    padding-left: 2.2rem;
    font-size: 1rem;
}

.jftimes p{
    border-left: 0.133rem solid #f1f1f1;
    color: #999999;

}


.jftimes .largeitem{
    padding-left: 0.4rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1rem;
    color: #5a5a5a;
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
}
.jftimes .smallitem{
    padding: 0.2rem 0 0.3rem 2rem;
    font-size: 1.066rem;

}
.jftimes b{
    overflow:hidden;
    display:inline-block;
    /*float:left;*/
    background:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/progressh.png) no-repeat ;
    /*background-position:0 0; 这是绿色背景图的*/
    /*background-position:0 -3.2666rem; 这是红色背景图的*/
    width:1.666rem;
    height:1.666rem;
    border: 0;
    border-width:0;
    background-size:1.6rem 1.6rem;
    /*background-size:1.6rem 16.666rem;*/
    position: relative;
    left:-1.26rem;
    top: 0.5rem;


}

.jftimes .line{

    border-bottom: 1px solid #d9d9d9;
    width: 95%;

}
.jftimes .date{
    float: right;
    margin-right: 1rem;
    font-size: 0.9rem;
    position: relative;
    top: 0.25rem;

}
.jftimes .green{
    border-left: 0.133rem solid #def4ca;
    color: #56b700;
    background-position:0 0;

}
.jftimes .org{
    border-left: 0.133rem solid #ffe0bf;
    color: #ff5a37;

}
.jftimes .org b{
    background-position:0 -3.2666rem;
}
.jftimes .green b{
    background:url(https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/progressl.png) no-repeat ;
    background-size:1.6rem 1.6rem;

}/*下载页面 */

.xcon{
    width:100% ;
}
.xcon .bg{
    width: 100%;
    z-index: 1;

}
.xcon .btn{
    position: relative;
    text-align: center;
    margin-top:-111%;

}
.xcon a{
    display: block;
    z-index: 2;
    width: 55%;
    margin: 0 auto;
    color: #fc8400;
    border: 1px solid #fc8400;
    font-size: 1.1rem;
    padding: 0.7rem 0;
    border-radius: 2rem;
    font-weight: bold;
}

.xcon a:hover{
    background-color: #ffebd3;
}
/*限额说明*/
.para{
    background-color: #f6f6f6;
    width:100%;
    max-width:720px;
    margin:0 auto;
}
.para>div{
    padding: 3%;
    background-color: #ffffff;
}
.para .div1{
    margin-bottom: 0.8rem;
    border-bottom: 1px solid #d9d9d9;
}
.para .div2{
    border-top: 1px solid #d9d9d9;
}

.para .p1{
    font-size: 1.2rem;
    margin-bottom: 3%;
}
.para .p2{
    font-size: 0.8rem;
}
.para .p3{
    font-size: 0.9rem;
    margin-top:1rem;
    margin-bottom: 0.5rem;
}
.para .bank{
    display: block;
    width: 100%;

}
/*app下载页样式*/
.downloadApp .bg{
    display: block;
    width: 100%;
    position: absolute;
    z-index: -1;
}
.downloadApp .loge{
    position: relative;
    display: block;
    width:50%;
    /*margin:20px auto;*/
   padding:20px 0px;
   margin:0 auto;
    
}
.downloadApp .abtn{
    display: block;
    z-index: 2;
    width: 55%;
    margin: 0 auto;
    color: #fc8400;
    border: 1px solid #fc8400;
    font-size: 1.3rem;
    padding: 0.7rem 0;
    border-radius: 2rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.downloadApp .abtn:hover{
    background-color: #ffebd3;
    text-decoration: none;
}
.downloadApp .iosdiv{
    height: 3rem;
    margin-top: 1.2rem;
}
.downloadApp .iosdiv .iostech{
    display: block;
    text-align: center;
    font-size: 1.1rem;
    color: #219ae6;
    text-decoration: underline;

}
.downloadApp .phone{
    display: block;
    width: 80%;
    margin:20px auto 0;
}
.downloadApp .pc{
    display: block;
    font-size: 1.1rem;
    position: relative;
    /*top: 25rem;*/
    color: #fc8400;
    text-align: center;
    text-decoration:underline;
}
.downloadApp .tip{
    z-index: 999;
}
.downloadApp .tip img{
    display: block;
    width: 100%;
    position: fixed;
    z-index: 999;
}
.downloadApp .tip .shade{
    position: fixed;
    width: 100%;
    height: 200rem;
    background-color: #868486;  filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5;
}
.downloadApp .andrdiv{
    width: 100%;
    height: 2.5rem;
}

.info{
		font-family: "微软雅黑";
    font-size: 1rem;
    text-align: center;
    padding: 5px 0;
    background: #FFF;
    color:#5d5d5d;
}

.orange{
    color: #ff5b36;
}

.paragraph dl dt.orange, .paragraph dl dd.orange{
    color: #ff5b36;
}

a.orange{
    text-decoration: none;
}

.title{
    margin: 0 0.8rem;
    text-align: center;
    background: #fff9f3;
    padding: .8rem 0;
    border-radius: .2rem;
    color: #ff592c;
}

.title span{
    margin: 0 0.466rem;
    font-size: 1rem;
}

.flow{
    margin: 0 .8rem;
    /*padding: .5rem 0;*/
}

.flow dl{
    display: table;
    margin: .5rem 0 !important;
    width: 100%;
    height: 3.4rem;
    padding: 0;
    border-radius: .2rem;
    border: 1px solid #fea991;
}

.flow dd{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    height: 3.4rem;
    line-height: 1.2rem !important;
    padding: .2rem .5rem .2rem 4.5rem;
    font-size: .9rem !important;
    position: relative;
}

.flow dd span.foreword{
    position: absolute;
    width: 3.4rem;
    line-height: 3.4rem;
    color: #FFF;
    text-align: center;
    font-size: 1.2rem;
    top: 0;
    left: 0;
    bottom: 0;
    background: #ff592c;
    border-radius: .2rem 0 0 .2rem;
    font-style: italic;
}

.flow dd span.exp{
    font-size: .6rem;
    color: #7a7a7a;
}

.flow_box{
    padding-top: 1rem;
    background: #FFF;
}

.flow_box.top{
    margin-bottom: 1rem;
    border-bottom: 1px solid #d9d9d9;
}

.flow_box.bottom{
    border-top: 1px solid #d9d9d9;
    padding-bottom: 1rem;
}

.flow_main{
    border-top: 1px solid #d9d9d9;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.flow_main.top{
    padding-top: 0;
    border-top: none;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 1rem;
}
.apodate{
    float: right;
    margin-right: 1rem;
    font-size: 0.9rem;
    position: relative;
    top: 0.75rem;
    
}


/*黄色图标*/
.icon-wz-yellow{background:url(active-cl.png) no-repeat !important;background-size:1.6rem 1.6rem;}
/*绿色图标*/
.active-green{background:url("https://c.58cdn.com.cn/escstatic/youxinpai/buyer/image/progressl.png") no-repeat !important; background-size:1.6rem 1.6rem;}

