body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;-webkit-overflow-scrolling:touch;}

fieldset,img{border:0;}

ul,ol{list-style:none;}

table{border-collapse:collapse;border-spacing:0;}

a{text-decoration: none;color:#000;}

a:hover{text-decoration: underline;color:#000;}

small{font-size:12px;}

h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}

label,input,select,form img,button,textarea{vertical-align:middle;outline:none}

address,caption,cite,code,dfn,em,strong,th,optgroup{font-style:normal;font-weight:normal;}

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

img{vertical-align:bottom;display:block} 

.clear{display:inline-block;}

/* Hides from IE-mac \*/

.clear{height:1%;}

.clear{display:block;}

/* End hide from IE-mac */

sup{font-size:14px}



*{ -webkit-tap-highlight-color: rgba(0,0,0,0); }

body{

	font:24px "黑体",sans-serif;

	position: relative;

	background-size:cover;

	padding-top: constant(safe-area-inset-top);   /*为导航栏+状态栏的高度 88px  */          

    padding-left: constant(safe-area-inset-left);   /*如果未竖屏时为0*/                

    padding-right: constant(safe-area-inset-right); /*如果未竖屏时为0  */              

    padding-bottom: constant(safe-area-inset-bottom);/*为底下圆弧的高度 34px*/

}

audio{position:absolute;left:0;top:-9999px;display:none}

input::input-placeholder{color:  #fff ;} /* 有些资料显示需要写，有些显示不需要，但是在编辑器webstorm中该属性不被识别 */

::-webkit-input-placeholder { /* WebKit browsers */ 

color: #000; 

} 

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 

color: #000; 

} 

::-moz-placeholder { /* Mozilla Firefox 19+ */ 

color: #000; 

} 

:-ms-input-placeholder { /* Internet Explorer 10+ */

color: #000; 

} 



select:{

width: auto;

padding: 0;

margin: 0;

}

input,textarea{ 

    -webkit-touch-callout: text; 

    -webkit-user-select: text;

}

html,body{height:100%;}

option{text-align:center; padding: 0; }

body,html{width:750px;height:100%;background:url(../img/bg2.jpg) no-repeat;background-size:cover}

.loading{position: absolute;top:0;left: 0px;width: 100%;height: 100%;z-index: 999;background:url(../img/bg.jpg) no-repeat;background-size:cover; text-align: center;}

.loading-logo{position:absolute;top:50%;left:50%;pointer-events:none; width: 326px; height: 71px; background: url(../img/loading.png) center no-repeat; margin:-100px 0 0 -163px}

.progress{position:absolute;left:50%;top:50%;width:326px;border:1px solid #00bcbc;height:10px;border-radius:5px;margin-left:-163px}

.loading-progress{width:0px;height:10px;background:#00bcbc;}

.loading-rate{position:absolute;left:0;top:50%;width:100%;text-align: center; height:30px; font-size: 28px; color: #000;margin-top: 55px;}



.orient{width:100%;height:100%;position:fixed;left:0;top:0;background:#000000;background-size:cover;z-index:9999;display:none;}

.orient div{position:absolute;left:50%;margin-left:-250px;top:50%;width:500px;text-align:center;font-size:50px;margin-top:-25px;font-weight:bold;color:#fff}



.re_fBox{ position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%;  z-index: 10000; background: rgba(0,0,0,0.7);}

.f_owner .ownerBox{ position: absolute; width:  675px; top: 5%; left:37px; max-height:90%; overflow: auto; background: #fff; }

.f_owner .ownerBox img{ display: block; width: 100%; }

.f_owner .ownerBox .txt{display: none; position: absolute; z-index: 2000;color: #666; top: 1170px; left:0; width: 100%; text-align: center; font-size: 22px; line-height: 30px; height: 30px;}

.f_owner .btnClear{ width: 58px; height: 58px; position: fixed; top:8%; right: 65px; background: url(../img/06.png) no-repeat center;}



.f_award .awardBox{  position: absolute; width: 750px; top: 0; left:0; height:100%; background: url(../img/rule.jpg) no-repeat;background-size:cover}

.f_award .awardBox img{ display: block; width: 100%; }

.f_award .btnClear{ width: 58px; height: 58px; position: fixed; top:50px; right: 50px; background: url(../img/21.png) no-repeat center;}



.f_upLoadImg{ position: fixed; background: rgba(0,0,0,0.7); top: 0; left: 0; width: 100%; height: 100%; z-index:1000; display: none; }

.f_upLoadImg .show{ border-radius:10px; position: absolute; width: 620px; height: 700px; top: 50%; left: 50%; margin:-350px 0 0 -310px; background: #fff;}

.f_upLoadImg .btnClear{ position: absolute; top:20px; right: 20px; width:40px; height: 40px;  }

.f_upLoadImg .btnClear img{ display: block; width: 100%; }

.f_upLoadImg .editImg{ position: absolute; top: 70px; left: 65px; overflow: hidden;background: url(../img/30.png) no-repeat center; width:490px; height: 340px; }

.f_upLoadImg .editImg .txt{ font-size: 30px; text-align: center; position: absolute; top:0; left: 0; width: 100%; height: 100%; line-height: 100%;  }

.f_upLoadImg .editImg .txt p{ line-height: 40px; position: absolute; top: 155px; left: 0; width: 100%;pointer-events: none; display: none; }

.f_upLoadImg .btnBox{ position: absolute; text-align: center; top: 500px; left: 0; width: 100%; }

.f_upLoadImg .btnBox div{  display:block; position: relative; width:338px; height: 60px; margin:0 auto 25px auto; color: #676767; line-height: 60px; font-size: 24px;  border:solid 2px  #676767; border-radius: 30px; }

.f_upLoadImg .t1{    position: absolute; left: 0;width: 100%;top: 430px; display: none;}

.f_upLoadImg .t1 img{ display: block; margin:0 auto;  }

.f_pageLoading{ position: fixed; background: rgba(0,0,0,0.7); top: 0; left: 0; width: 100%; height: 100%; z-index:2000; text-align: center; color: #fff; display: none;}

.f_pageLoading p{ position: absolute; top:50%; height: 60px; font-size: 24px; line-height: 60px; margin-top: -30px; left: 0; width: 100%; }



.f_rules{ position: fixed; top: 0; left: 0;  display: none; width: 100%; height: 100%; z-index: 10000; background: rgba(0,0,0,0.7);}

.f_rules .show{border-radius:10px;overflow: auto; position: absolute; width: 620px; height: 80%; top:10%; left: 50%; margin:0 0 0 -310px; background: #fff;}

.f_rules img{ display: block; width: 100%; }

.f_rules .btnClear{ position: fixed; top:20px; right: 20px; width:40px; height: 40px;  }

.f_rules .btnClear img{ display: block; width: 100%; }



.re_page{ position: relative; height: 100%; min-height: 1129px; }

.re_page .logo{ width:163px; height: 57px; background: url(../img/02.png) no-repeat center; background-size: contain; position: absolute; top: 50px; left: 45px;  }


.term-pop{position:absolute;width:704px;height:932px;left:50%;top:50%;margin-top:-466px;margin-left:-352px;z-index:300;background:url(../img/pop-bg.png) no-repeat;display:none}
.term-pop .close{position:absolute;left:50%;margin-left:-33px;bottom:60px}
.term-pop .title{padding:40px 0;text-align:center;width:100%;}
.term-pop .title img{display:inline}
.term-pop .text{width:510px;height:570px;margin:0 auto;overflow-y:auto}
.term-pop .text span{font-size:24px;font-weight:bold;color:#00bebe;margin:5px auto;display:block}
.term-pop .text p{font-size:18px;line-height:1.6;margin-bottom:5px}

.gray-box{width:100%;height:100%;position:fixed;z-index:299;left:0;top:0;background:rgba(0,0,0,0.8);display:none}

.indexPage .imgBox{ width: 100%; height: 854px;   position: absolute; top: 223px; left: 0; }

.indexPage .t1{ font-size: 28px;position: absolute; top: 122px; right:74px;}

.indexPage .t1{ width: 172px; height: 37px; position: absolute; top: 60px; right:45px;background: url(../img/08.png) center no-repeat; }

.indexPage .imgBox .show{ margin:0 auto; width: 652px; position: relative; overflow: hidden;}

.indexPage .imgBox .btn1,

.indexPage .imgBox .btn2{ display: none; width: 75px; height: 120px; background: blue; position: absolute;  top:50%; margin-top: -60px;   }

.indexPage .imgBox .btn1{ left: 0;  background: url(../img/03.png) center no-repeat; }

.indexPage .imgBox .btn2{ right:0;  background: url(../img/04.png) center no-repeat;}

.indexPage .btnBox{ z-index: 10; width: 100%; height: 91px; position: absolute; left: 0; bottom:120px;  }

.indexPage .btnBox .btn1,

.indexPage .btnBox .btn2{ position: absolute; width: 363px; text-align: center; height:87px; }

.indexPage .btnBox .btn1{ left:50%;bottom:30px;width:318px;height:76px;margin-left:-159px; background: url(../img/index-btn1.png) center no-repeat; }

.indexPage .btnBox .btn2{ left: 45px;background: url(../img/15.png) center no-repeat; }

.indexPage .swiper-pagination{ top: 740px; }

.indexPage .swiper-pagination-bullet-active{background: #000;}

.swiper-slide{ overflow: hidden; }

.swiper-slide img{ display: block; margin:0 auto; }



.carListPage .btnGotoIndex{display: none; width: 75px; height: 120px; position: absolute;  top:50%; margin-top:-60px;left: 0;  background: url(../img/03.png) center no-repeat; }

.carListPage .t1{display:block; position: absolute; top:66px;  right:45px; width: 114px; height: 32px;background: url(../img/11.png?1) center no-repeat; z-index: 2000;}

.carListPage .t2{ width:326px; height: 71px; position: absolute; top:164px; left:45px;background: url(../img/loading.png) center no-repeat; }

.carListPage .t3{display: none; position: absolute; z-index: 2000;color: #666; top: 1130px; left:0; width: 100%; text-align: center; font-size: 22px; line-height: 30px; height: 30px;}

.carListPage .btnBox{ width: 100%; height: 91px; position: absolute; left: 0; bottom:120px; z-index: 10;  }

.carListPage .btnBox .btn1,

.carListPage .btnBox .btn2{ position: absolute; width: 314px; height: 91px; }

.carListPage .btnBox .btn1{ left: 45px; background: url(../img/14b.png) center no-repeat; }

.carListPage .btnBox .btn2{ right: 45px; background: url(../img/18.png) center no-repeat; }

.carListPage .listBox{ position: absolute; top: 340px; left: 60px; width:650px; height: 720px; overflow-x: hidden;  overflow-y: auto; background: #fff;}

.carListPage .listBox .null{ text-align: center; color: #000; font-size: 30px; height: 720px; line-height: 720px;}

.carListPage ul{ display: none; }

.carListPage li{ float: left; width: 166px; margin:0 20px 20px 20px; }

.carListPage li img{ display: block; border-radius: 50%; margin-bottom: 18px; width: 100%;}

.carListPage li span{ display: block; height: 28px; text-align: center; overflow: hidden; line-height: 28px; font-size: 16px; }





.ownerPage .btnBox{ width: 100%; height: 81px; position: absolute; left: 0; bottom:120px; z-index: 10;  }

.ownerPage .btnBox .btn1,

.ownerPage .btnBox .btn2{ position: absolute; width: 314px; text-align: center; height: 91px;  }

.ownerPage .btnBox .btn1{ left: 45px;background: url(../img/29.png) center no-repeat; }

.ownerPage .btnBox .btn2{ right: 45px;background: url(../img/17.png) center no-repeat; }

.ownerPage .t1{ width: 172px; height: 37px; position: absolute; top: 60px; right:45px;background: url(../img/08.png) center no-repeat; }

.ownerPage .t2{ width:326px; height: 71px; position: absolute; top:164px; left: 45px;background: url(../img/loading.png) center no-repeat; }

.ownerPage .formBox{ width: 660px; position: absolute; top:270px; left: 45px; }

.ownerPage .formBox li{ margin-bottom: 15px; box-sizing: border-box; border-bottom:solid 1px #000; position: relative;}

.ownerPage .formBox .myName,

.ownerPage .formBox .myCar,

.ownerPage .formBox .myCity,

.ownerPage .formBox .myProvince,

.ownerPage .formBox .myTime,

.ownerPage .formBox .myPhone,

.ownerPage .formBox .agreement{height: 88px; line-height: 88px;  color: #000; border:none; font-size: 34px;  box-sizing: border-box;}

.ownerPage .formBox .myName{  width: 100%; }





.ownerPage .formBox .tc label{ float: left;border:none; font-size: 32px; line-height: 88px; height: 88px; width:310px;  }

.ownerPage .formBox .tc .nullBox{display: block;pointer-events: none;background: #fff;width: 300px;height: 86px;position: absolute; top: 1px;left: 310px;}

.ownerPage .formBox .myProvince{  width:320px; float: left;text-indent:0; overflow: hidden; box-sizing: border-box; padding-left:0px;}

.ownerPage .formBox .myCity{  width:320px; float: right; }

.ownerPage .formBox .myTime{  width: 340px; float: right; }

.ownerPage .formBox .myPhone{  width: 100%; }

.ownerPage .formBox li:last-child{ border:solid 1px #000; padding:0; border-radius: 5px;}



.ownerPage .formBox li.myPhoneBox{ position: relative; }

.ownerPage .formBox li.myPhoneBox .txt{    line-height: 88px; position: absolute; top: 0; left: 0; width: 100%; height: 100%;font-size: 34px;pointer-events: none;  }

.ownerPage .formBox li.myPhoneBox .txt span{ font-size: 24px; display: inline-block; vertical-align: middle; }



.ownerPage .formBox .myCar em,

.ownerPage .formBox .myCar p{ float: left; display: inline-block; vertical-align: middle; }

.ownerPage .formBox .myCar span{ display: inline-block; width: 100px; margin-left:50px; height: 33px; position: relative; }

.ownerPage .formBox .myCar span i{ display: none; height: 2px; overflow: hidden; background-color: #26BCB9; width: 90%; position: absolute; bottom:-20px; left: 5%;  }

.ownerPage .formBox .myCar span.now i{ display: block; }

.ownerPage .formBox .myCar span:nth-child(1){background: url(../img/car8_1.png) center no-repeat; }

.ownerPage .formBox .myCar span:nth-child(2){background: url(../img/car6_1.png) center no-repeat; }

.ownerPage .formBox .myCar span:nth-child(3){background: url(../img/car9_1.png) center no-repeat; }

.ownerPage .formBox .myCar span.now:nth-child(1){background: url(../img/car8_2.png) center no-repeat; }

.ownerPage .formBox .myCar span.now:nth-child(2){background: url(../img/car6_2.png) center no-repeat; }

.ownerPage .formBox .myCar span.now:nth-child(3){background: url(../img/car9_2.png) center no-repeat; }





.ownerPage .formBox .myProvince,

.ownerPage .formBox .myCity,

.ownerPage .formBox .myTime{ background:url(../img/09.png) right center no-repeat; border:none;

     appearance:none;  

    -moz-appearance:none;  

    -webkit-appearance:none;

     padding-right: 14px;

border: none;

    outline: none;

 }

.ownerPage .formBox .myProvince option{appearance:none;  

    -moz-appearance:none;  

    -webkit-appearance:none;

border: none;

    outline: none;

}

.ownerPage .formBox .agreement i,

.ownerPage .formBox .agreement span,

.ownerPage .formBox .agreement tt{ font-size: 23px; display: inline-block; margin-right: 10px; vertical-align: middle;}



.ownerPage .formBox .agreement i{ width: 36px; height: 36px;background: url(../img/22.png) center no-repeat; }

.ownerPage .formBox .agreement i.click{background: url(../img/23.png) center no-repeat; }

.ownerPage .formBox .agreement tt{ color:#26BCB9;  }

.ownerPage .formBox .img{ width: 283px; height: 283px; border:solid 2px #DCE5E9; margin:0 auto 20px auto; background: url(../img/10.png) center no-repeat; border-radius: 10px; overflow: hidden; }

.ownerPage .formBox .img img{ display: block; width: 100%; }



.userImgPage .mySelsctTitle{ width: 652px; margin:0 auto; border:solid 1px #939598; border-top-left-radius: 10px;border-top-right-radius: 10px; padding: 20px; box-sizing: border-box;}

.userImgPage .mySelsctTitle dl{ font-size: 24px; line-height:  color: #000; }

.userImgPage .mySelsctTitle dt{ color: #000; line-height: 36px; margin-bottom:15px;}

.userImgPage .mySelsctTitle dd{ color: #939598;  line-height: 28px; margin-bottom: 15px;}

.userImgPage .mySelsctTitle dd i{ display: inline-block; vertical-align: middle; width: 36px; height: 36px; background: url(../img/24.png) center no-repeat;}

.userImgPage .mySelsctTitle dd.now i{ background: url(../img/25.png) center no-repeat;}

.userImgPage .mySelsctTitle dd span{display: inline-block; vertical-align: middle;}

.userImgPage .myTitleTxt{width: 650px; margin:0 auto 20px auto;padding: 20px; box-sizing: border-box; border:solid 1px #939598; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; border-top: none;}

.userImgPage .myTitle{font-size: 24px; display: block; width: 100%; border:none; resize: none; line-height: 40px; box-sizing: border-box; height: 80px; background-color: none;}



.userImgPage .btnBox{ width: 100%; height: 81px; position: absolute; left: 0; bottom:120px;  z-index: 10; }

.userImgPage .btnBox .btn1,

.userImgPage .btnBox .btn2{ position: absolute; width: 314px; text-align: center; height:91px; }

.userImgPage .btnBox .btn1{ left: 45px; background: url(../img/16.png) center no-repeat;}

.userImgPage .btnBox .btn2{ right: 45px;background: url(../img/114.png) center no-repeat; }

.userImgPage .t1{  width: 172px; height: 37px; position: absolute; top: 60px; right:45px;background: url(../img/08.png) center no-repeat;}

.userImgPage .t2{ width:326px; height: 71px; position: absolute; top:164px; left: 45px;background: url(../img/loading.png) center no-repeat; }

.userImgPage .formBox{ position: absolute; top:290px; left: 45px;width: 660px; overflow: hidden; }

.userImgPage .img{ width: 413px; height: 413px; border:solid 2px #DCE5E9; margin:0 auto 20px auto; background: url(../img/10.png) center no-repeat; border-radius: 10px; overflow: hidden; }

.userImgPage .img img{ display: block; width: 100%; }

.userImgPage .btn{ width:411px; margin:0 auto 20px auto; height: 52px; background: url(../img/19.png) center no-repeat;}

.userImgPage .myMessageTxt{ width: 650px; margin:0 auto 20px auto;padding: 20px; box-sizing: border-box; border:solid 1px #939598; border-radius: 10px; }

.userImgPage .myMessage{border: none; font-size: 24px; display: block; width: 100%;line-height: 40px; box-sizing: border-box; height: 180px; resize: none;}



.resultPage .logo{ display: none; }

.resultPage .btnSave{ display: ; position: absolute; z-index: 2000;color: #666; top:330px;width:221px; height:29px;background: url(../img/my-choice.png) center no-repeat; left:75px; }

.resultPage .btnBack{display:none; position: absolute; top:25px;  left:45px; width: 130px; height: 43px;background: url(../img/back.png) center no-repeat; z-index: 2000;}

.resultPage .btnIndex{display:none; position: absolute; top:66px; left:275px; width: 165px; height: 32px;background: url(../img/tohome.png) center no-repeat; z-index: 2000;}

.resultPage .img1{ display: none; position: absolute; top: 1128px; left: 45px; width: 134px; height: 203px;background: url(../img/12.png) center no-repeat;  }

.resultPage .img2{ display: none; position: absolute; top: 1124px; right: 45px; width: 146px; height: 202px;background: url(../img/13.png) center no-repeat;  }

.resultPage .t1{ position: absolute; top: 200px; left:75px; color: #000; width:600px; overflow: hidden;line-height: 50px; font-size:38px; }

.resultPage .t2{ position: absolute; top:1030px; left: 75px; color: #fff; width: 660px; overflow: hidden;line-height: 1.4; font-size:30px; }

.resultPage .t2 strong{ font-weight: bold; }

.resultPage .imgBox{ width:600px; height: 600px; position: absolute; top: 370px; left: 75px; overflow: hidden; }

.resultPage .imgBox img{ display: block; width:100%; position: absolute; left: 0; bottom:0; z-index: 10; }

.resultPage .t3{ position: absolute; top:1500px; left:45px; color: #000; width: 660px; overflow: hidden;line-height:50px; font-size:30px; }

.resultPage .t4{ display: none; position: absolute; top:1400px; left:45px; width:362px; height:64px; overflow: hidden; background: url(../img/28.png) center no-repeat;}

.my-res{width:588px;height:1133px;left:50%;margin-left:-294px;top:50%;margin-top:-566px;border-radius:10px; position:absolute}

#pageResult{position: relative; top: 0;left: 0;background: url(../img/31.png) top center no-repeat;}

.save-tips{position:absolute;left:50%;margin-left:-80px;bottom:50px}


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 7px; background: #1CBDBA;}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background: #1CBDBA;}

.mCSB_scrollTools .mCSB_draggerRail{background: rgba(0,0,0,0.2);}



.f_owner .ownerBox .mCSB_inside > .mCSB_container{margin-right:40px;}

.f_owner .ownerBox .mCSB_scrollTools .mCSB_draggerContainer{ top: 0; bottom:0; }

#fxImg{ position: absolute; display: block; min-height: 1px; top: 0; left: 0; width: 100%;  z-index: 1000;opacity:0}



.indexPage .t1 i,

.ownerPage .t1 i,

.userImgPage .t1 i{ display: block; width: 41px; height: 37px; background: url(../img/26.png) center no-repeat; }



@media screen and (max-height: 1334px){

	.indexPage .imgBox{ top: 180px; }

	.indexPage .btnBox,

	.carListPage .btnBox,

	.ownerPage .btnBox,

	.userImgPage .btnBox{ bottom:20px; }

	.carListPage .listBox{ top: 310px; } 

	.ownerPage .formBox li{ margin-bottom: 0; }

	.userImgPage .myMessage{ height: 100px; }

	.carListPage .t3{ top: 1050px; }

	.f_owner .ownerBox .txt{ top: 1020px; }

	.userImgPage .formBox{ top: 240px; }

}



@media only screen and (min-height: 800px) and (max-height: 1200px){

	.indexPage .imgBox{ top: 130px; }

	.indexPage .btnBox,

	.carListPage .btnBox,

	.ownerPage .btnBox,

	.userImgPage .btnBox{ bottom:20px; }

	.carListPage .listBox{ top:210px; } 

	.ownerPage .formBox{ top: 200px; }

	.ownerPage .formBox li{ margin-bottom: 0; }

	.userImgPage .formBox{ top: 200px;}

	.userImgPage .myMessage{ height: 80px; }

	.carListPage .t3{ top: 960px; }

	.f_owner .ownerBox .txt{ top: 970px; }

	.indexPage .t1,

	.ownerPage .t1,

	.userImgPage .t1{ top: 20px; }

	.carListPage .t1{ top: 36px; }

	.carListPage .t2,

	.ownerPage .t2,

	.userImgPage .t2{ top: 120px; }

	.re_page .logo{ top: 20px; }

	.resultPage .logo{ top: 50px; }

	.userImgPage .formBox{ top: 240px; }

}