*{padding: 0px; margin: 0px;}
@font-face {
font-family: hyjh;
src: url(/css/font/hyjhj.eot);
src: url(/css/font/hyjhj.eot?) format("embedded-opentype"), url(/css/font/hyjhj.woff) format("woff"), url(/css/font/hyjhj.ttf) format("truetype");
  
}

@font-face {
font-family: TrimRegular;
src: url(/css/font/Trim-Regular.eot);
src: url(/css/font/Trim-Regular.emaskBgot?) format("embedded-opentype"), url(/css/font/Trim-Regular.woff) format("woff"), url(/css/font/Trim-Regular.ttf) format("truetype");
font-style: normal;
font-weight: 400;
}

body,html{font-family:"TrimRegular","hyjh"; height:auto; margin: 0px; padding: 0px; }
html,body{width:750px;background: white;overflow-x: hidden;}
input,select{font-family:"TrimRegular","hyjh";}


.kv{width: 100%;}
.kv img{width: 100%;}

.top{ width: 100%; border-bottom: 1px solid #E6E6E6; height: 90px;} 
.logo{ position:absolute;  top: 30px; left:40px;}
.logoRi{ position: absolute; top: 30px; right: 40px;}
.submitBtn{ position: absolute; left: 225px; top: 730px;}


.activity h3{ margin-left: 40px; padding-top:40px; font-size: 36px; font-weight: normal;  color: #33638b;}
.bord{ border-top: 1px solid #E6E6E6; color: #33638b; width: 666px; margin-left: 40px; margin-top: 225px;}
.activity p{margin-left: 40px; padding-top: 15px;line-height: 30px; font-size:24px ; }

.activity1 h3{ margin-left: 40px; padding-top:40px; font-size: 36px; font-weight: normal;  color: #33638b;}
.activity1 p{margin-left: 40px; padding-top: 15px;line-height: 30px; font-size:24px ; }

.refuel{ position: absolute; top:980px; left:558px ;}
/*.activity1 h3{ margin-left: 40px; padding-top: 40px; font-size: 36px; font-weight: normal;  color: #33638b;}
.activity1 p{margin-left: 40px; padding-top: 15px; line-height: 25px; font-size: 23px;}*/

.activity2 h3{ margin-left: 40px; padding-top: 40px; font-size: 36px; font-weight: normal;  color: #33638b;}

.listStep{background:url('../images/step.png') no-repeat;font-size: 24px; margin-top: 15px; margin-left: 40px; height: 279px; }

.listStep p{margin-bottom: 36px; margin-left: 144px;}

.logo1{ margin-left: 570px; margin-top: 20px;}



.login1 h3{ margin-left: 40px; padding-top: 40px; font-size: 36px; font-weight: normal; color:#33638b;}
.border1{ margin-left: 40px; margin-top: 40px; border-bottom: 1px solid #cecece;}
.iphoneh{margin-left:40px; padding-top: 40px; font-size: 28px; color: #6185a3;}
.iphone{margin-top:25px; margin-left: 40px; width: 670px; height: 60px;font-size: 24px; }
.iphone1{border: 1px solid  #bdbdbd; padding: 4px; width: 658px; height: 65px; margin-left: 40px;}
.iphone1 input{border: none;}

.security{margin-left:40px; padding-top: 15px; font-size: 28px; color: #6185a3;}
.securityT{margin-left: 265px;margin-top: 2px; width: 400px; height: 65px;font-size: 24px; }
.sebbtn{margin-left: 0px; margin-top: 0px; line-height: 70px; position: absolute; width:263px; height: 70px; background: #F3F3F3; color:#B4B4B4; font-size: 28px;} 
.sebbtn p{ padding-left: 42px;}
.loginT{ margin-top: 88px; margin-left: 40px; width:263px; height: 80px; line-height: 80px; background: #8B1226; font-size: 30px; color:white; }
.loginT p{ padding-left: 100px;}
.security1{ margin-left: 40px; margin-top: 20px; width:670px; height:72px; border: 1px solid #c1c1c1;}

.Volume{width:335px ;}
.score h3{margin-left: 40px; padding-top: 40px; font-size: 36px; font-weight: normal; color:#33638b;}
.tuichu{ margin-left: 660px; margin-top: -30px; font-size: 20px; color: #b4b4b4;}
.mileage{ margin-left: 40px; margin-top: 20px;}
.mileage1{ margin-top: 5px; width: 335px; height: 65px; background:#F3F3F3;}

.fuel{ margin-left: 40px; margin-top: 20px;}
.border2{margin-left: 40px; margin-top: 65px; border-bottom: 1px solid #cecece;}
.pie{ position: absolute; margin-left: 420px; margin-top: -308px;}
.share{ margin-left: 40px; margin-top: 20px; }
.score1{position: absolute; margin-left: 112px; margin-top: -59px; font-size: 26.4px;}


.noscore h3{margin-left: 40px; padding-top: 40px; font-size: 36px; font-weight: normal; color:#33638b;}


.border3{margin-left: 40px; margin-top: 90px; border-bottom: 1px solid #cecece;}

.map{margin-top: 134px;}


.p1{position: absolute; margin-top:-600px; margin-left: 40px; font-size: 36px; color: #003C6E;}
.p2{position: absolute; margin-top:-548px;  margin-left: 40px; font-size: 20px; color: #4e4e4e;}
.p3{position: absolute; margin-top:-515px;  margin-left: 109px; font-size: 20px; color: #4e4e4e;}

.bg2{position: absolute; margin-top:-515px;  margin-left: 40px; width: 50px; height: 20px; background: #e8d0d4;}

.select2{ margin-left: 40px; margin-top: 40px; background: url(../images/select2.jpg) no-repeat;}
.inqu{margin-top: -68px; margin-left: 540px; width:128px; height: 70px; line-height: 80px; background: #8B1226; font-size: 30px; color:white; }
.inqu p{margin-left: 35px; }

.inquiryC{ position: absolute; margin-left: -130px; margin-top: 0px;}
.prov2{ margin-left: 5px; margin-top:1px; width: 534px; height: 67px; font-size: 24px;}

.place ul{ margin-left: 40px; margin-top: 17px; width: 670px; height: 55px; list-style-type: none; line-height: 60px;  background:#F3F3F3;}
.place ul li{ float: left; width: 126px; height: 55px;  font-size: 28px;}
.pl1{ color: red;}



.content2{ width: 750px; background:#f3f3f3; height: 1470px; position: relative;}

.name{ margin-left:40px; padding-top: 40px; font-size: 28px; color: #6185a3;}
.text{ float: right; margin-top: -25px; margin-right:25px; width: 370px; height: 58px; font-size: 24px;}

.number{margin-left:40px; padding-top: 40px; font-size: 28px; color: #6185a3;}
.text1{ float: right; margin-top: -25px; margin-right:25px; width: 370px; height: 58px;font-size: 24px;}

.recognB{margin-left:40px; padding-top: 40px; font-size: 28px; color: #6185a3;}
.text2{ float: right; margin-top: -25px; margin-right:25px; width: 370px; height: 58px;font-size: 24px; }

.mobileB{margin-left:40px; padding-top: 40px; font-size: 28px; color: #6185a3;}
.mobile{ float: right; margin-top: -48px; margin-right:49px; width: 370px; height: 58px;font-size: 24px; }

.inputText{line-height: 59px; margin: 0px; padding: 0px;}

.sele{ position: absolute; margin-top: -58px;left: 40px; font-size: 28px; color: #6185a3;}
/*.prov{  width: 315px; height: 58px; margin-left:42px; margin-top: 13px; font-size: 24px;}*/
.prov{position: absolute;margin-top: 4px; left: 43px;width: 315px; height: 58px; font-size: 24px; }
.cityB{ position: absolute; margin-top: 2px; left: -17px; width: 315px; height: 58px; margin-left:410px; font-size: 24px;}
/*.dear{width: 692px; height: 58px; margin-left:42px; margin-top: 20px; font-size: 24px;}*/
.dear{position: absolute;margin-top: 53px; left: 46px; font-size: 24px;width:662px; height: 58px; }
.prov1{background:url('../images/select.png') no-repeat; position: absolute; top: 2314px; left: 100px;}
.user p{font-size:18px; color: #919191;}
.user{margin-left: 40px; padding-top: 12px;}

.user1 p{ font-size: 18px; color: #919191; }
.user1{margin-left: 40px; padding-top: 10px;}

.na h3{margin-left: 40px; font-size: 36px; padding-top: 30px; color: #003C6E;}



.hidden-input {
      opacity: 0;
      position: absolute;
      z-index: -1;
    }

    input[type=radio]+span {
    	cursor: pointer;
	    display: inline-block;
	    width: 41px;
	    height: 43px;
		background: url('../images/off.png');
		z-index: 999;
    }
    input[type=radio]:checked+span {
       	width: 41px;
    	height: 43px;
    	background: url('../images/on.png');
    	z-index: 999;
    }
    
.lableR{margin-top: 100px; }

.filed{width: 145px; height: 147px; margin-left: 40px; margin-top: 10px;}
.subName{ margin-top:20px; margin-left: 200px;}

.fileImg{margin-left: 34px; padding-top: 2px;}

.checkb{ padding-top: 13px; margin-left: 200px;}
.checkb2{ background: url('../images/checkbox.png')no-repeat; position: absolute; /*top: 2961px;*/ left: 246px; width: 196px; height: 25px;  }
.checkb1{ background: url('../images/checkbox1.png')no-repeat; position: absolute; /*top: 2961px;*/ left: 246px; width: 196px; height: 25px;display: none; }

.bg{ width: 100%; padding-top: 41px;}


.detail{ width: 100%; height:1741px; position:absolute; z-index: 9999; top:20px; left: 0px; background: white;}

.activity5{font-weight:normal; font-size: 36px; color: black; text-align: center; height: 53px;  border-bottom: 1px solid #e6e6e6; }

.detail h3{ font-size:28px ; margin-left: 40px; color: #003C6E; margin-top: 3px;}
.detail p{ font-size:24px ;padding-left: 40px; padding-top: 15px; }

.listStept1 { height: 353px; background:url('../images/step1.png') no-repeat; padding-left:77px; margin-top: 9px; margin-left: 30px;}
.listStept1 p{margin-bottom: 28px;}


.btn2{ position: absolute; top: -10px; left: 680px;}



select{ width:300px; height: 50px; border: solid 1px #000;-webkit-appearance:none; background: none; /*opacity: 0.1; color: black;*/ /*background: url(../img/sj.png)no-repeat scroll right center transparent;*/ border: 0;}
.select1{ margin-left: 40px; margin-top: 68px; width:671px ; height:132px ;  background: url(../images/select1.png) no-repeat;}
.chexing{ width: 103px; font-size: 22px; padding-left: 42px; margin-top: -81px;}
.bootom{ width: 750px; height: 30px; background: white; margin-top: 114px;}

#ChinaMap{position: relative;left: 80px;-webkit-transform:scale(1.2);}

.score{position: relative;}
.circleBg{width: 270px;height: 270px;position: absolute;left: 50%;top:385px;margin-left: 60px;}

.pie_progress {
  text-align: center;
  position: relative;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.pie_progress svg {
  margin: 0 auto;
}

.pie_progress__content,
.pie_progress__number,
.pie_progress__label,
.pie_progress__icon {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pie_progress__number {
  font-size: 42px;
}
.pie_progress__label {
  margin-top: 32px;
  font-size: 12px;
}
.pie_progress__svg {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  vertical-align: middle;
  overflow: hidden;
}
.pie_progress__svg svg {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.pie_progress {
  width: 270px;
  margin: 30px auto;
}
.numLoc{width: 232px;height: 232px; background: url(../images/bg.png) no-repeat; position: relative;z-index: 9;top: -282px;margin: 0 auto; font-size: 26.4px;}
.numLoc{text-align: center;padding-top: 20px;}
.numLoc strong{font-size: 130px;font-weight: normal;position: relative;line-height: 142px; color: #8b1226;}
.numLoc b{position: relative;top: -30px;left: 26px;font-weight: normal; font-size: 26.4px;}






/*.score2{font-size: 18px; color:#8a8a8a;}
*/
.portrait{height: 124px; background: url(../images/portrait.png) no-repeat; margin-left: 40px;}
.portrait ul{margin-left: 140px; margin-top: 20px;}
.portrait ul li{list-style-type: none; padding-top: 18px;}
.borderT{margin-left: 40px; margin-top: 40px; border-bottom: 1px solid #cecece;}
.portraitbg{width: 100%; height: 20px; background: url(../images/portraitbg.png) top center ; margin-top: 32px; cursor: pointer;}


.pTest{padding: 10px 36px;font-size: 24px;color: #333;padding-top: 24px; }
p.p4{padding: 12px 36px ;color: #7a7a7a;font-size: 24px;}
.t2{padding: 5px 36px;color: #8b1226;font-size: 28px;padding-top: 14px; }
.t3{padding: 5px 36px;color: #222222;font-size: 24px;}
.t4{padding: 5px 36px;color: #7a7a7a;font-size: 20px;}