/*重置样式*/
html {
  font-family: sans-serif; 
  -ms-text-size-adjust: 100%; 
  -webkit-text-size-adjust: 100%; 
}
body {
  margin: 0;
}
img{border:0;}
a:active,
a:hover {
  outline: 0;
}
b,
strong {
  font-weight: bold;
}
button,
input,
optgroup,
select,
ul,
li,
textarea {
  color: inherit; 
  font: inherit; 
  margin: 0; 
}
.clear {clear: both;}
/* layout */
html, body {
	width: 100%; 
	height:100%; 
	color:#000; 
	font-size:0.85rem; 
	background:#fff; 
	/*font-family: 'Microsoft Yahei';*/
  font-family: PingFangSC-Regular, sans-serif;
}
body{
  -moz-user-select:none;/*火狐*/
  -webkit-user-select:none;/*webkit浏览器*/
  -ms-user-select:none;/*IE10*/
  -khtml-user-select:none;/*早期浏览器*/
  user-select:none;
}
/* /layout */

body p{  font-size:1.2rem; line-height:1.5rem;}
.colorPage{background:#016fc4;}


.check_risk_area, .has_risk_area, .no_rish_area{display:none;}
.has_risk_area{padding-bottom:1rem;}


.top_info{position:relative; margin:0; background:#fff;}

.tips_img_check_risk{width:12rem; height:12rem; margin:0 auto; padding:6rem 0 0rem;}
.tips_img_check_risk img{width:12rem; height:12rem;}

.tips_img_has_risk{width:12rem; height:12rem; margin:0 auto; padding:2rem 0 1rem;}
.tips_img_has_risk img{width:12rem; height:12rem;}

.tips_img_no_risk{width:12rem; height:12rem; margin:0 auto; padding:6rem 0 1.5rem;}
.tips_img_no_risk img{width:12rem; height:12rem;}

.top_title_check_risk{width:100%;height:3rem;color:#000;font-size:1.2rem;line-height:3rem;text-align:center;}
.top_title_has_risk{width:100%;height:3rem;color:#000;font-size:1.2rem;line-height:2rem;text-align:center;}
.top_title_no_risk{width:100%;height:3rem;color:#000;font-size:1.2rem;line-height:3rem;text-align:center;}

.top_img_box{
  position: absolute;
  width:12rem;
  height:12rem;
  left:50%;
  top:6rem;
  margin-left:-6rem;
  z-index:99;
}
.tips_img_check_risk .rotateImg{
  position: absolute;
  width:12.2rem;
  height:12.2rem;
  left:50%;
  top:6rem;
  margin-left:-6.1rem;
  z-index:19;
  animation: rotation 0.75s linear infinite ;
  -moz-animation: rotation 0.75s linear infinite ; /* Firefox */
  -webkit-animation: rotation 0.75s linear infinite ;  /* Safari 和 Chrome */
  -o-animation: rotation 0.75s linear infinite ;
}
.tips_img_check_risk .iconRotateImg{
  position: absolute;
  width:11.7rem;
  height:11.7rem;
  left:50%;
  top:6.275rem;
  margin-left:-5.825rem;
  z-index:39;
  animation: rotation 2s linear infinite ;
  -moz-animation: rotation 2s linear infinite ; /* Firefox */
  -webkit-animation: rotation 2s linear infinite ;  /* Safari 和 Chrome */
  -o-animation: rotation 2s linear infinite ;
}



@keyframes rotation
{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotation 
{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes rotation
{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
@-o-keyframes rotation
{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

@keyframes scale
{
0%   {-webkit-transform: scale(1,1);}
50%  {-webkit-transform: scale(0.95,0.95);}
100% {-webkit-transform: scale(1,1);}
}
@-moz-keyframes scale 
{
0%   {-webkit-transform: scale(1,1);}
50%  {-webkit-transform: scale(0.95,0.95);}
100% {-webkit-transform: scale(1,1);}
}
@-webkit-keyframes scale
{
0%   {-webkit-transform: scale(1,1);}
50%  {-webkit-transform: scale(0.95,0.95);}
100% {-webkit-transform: scale(1,1);}
}
@-o-keyframes scale
{
0%   {-webkit-transform: scale(1,1);}
50%  {-webkit-transform: scale(0.95,0.95);}
100% {-webkit-transform: scale(1,1);}
}





.reload{
  width:7.6rem;
  height:1.6rem;
  font-size:1rem;
  line-height:1.75rem;
  color:#ff8b1a;
  border:1px solid #ff8b1a;
  border-radius:0.25rem;
  padding:0.25rem;
  margin: 0 auto 0.5rem;
  text-align:center;
}
.heightSpace{margin: 1.3rem 0;}




.check_area{display:none; padding:0; font-size:1rem;}
.check_info{width:80%; margin:0.5rem 10%; text-align:center;}
.hide{display:none;}


.main_area{display:none; padding:0; margin:0;}
ul,li {padding:0; margin:0;}

ul li{
  position: relative;
  list-style: none; 
  margin-top:0.75rem;
  padding:0.75rem 2rem 0.75rem 1rem;
  background:#fff;
  display:none;
}
ul li div{color:#888; font-size:0.9rem; line-height:1.2rem;}
ul li .paddingLeft{padding-left:4rem;}
ul li .title{ color:#000; font-size:1.2rem; line-height:1.75rem;}
ul li .redFont{color:#ff5b5b;}


ul li .icon{
  position: absolute;
  top:50%;
  left:1rem;
  width:3.5rem;
  height:3.5rem;
  margin-top:-1.5rem;
}
ul li .icon img{width:3rem; height:3rem;}
ul li .right_icon{
  position: absolute;
  top:50%;
  right:1rem;
  height:1.6rem;
  font-size:1.1rem;
  line-height:1.75rem;
  color:#fff;
  background:#1a9bff;
  border-radius:0.25rem;
  padding:0.25rem 0.75rem;
  margin-top:-1.25rem;
}



.success_area{display:none; padding:0;}
.success_btn{width:80%; height:3rem; font-size:1.25rem; color:#fff;margin:1.5rem 10%; line-height:3rem; border-radius:0.25rem; background:#2299ed; text-align:center;}














.popBg{display:none; position:fixed; top:0; left:0;  width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1888;}
.popBox{display:none; position:fixed; top:50%; width:70%; height:10rem; margin:0 15%; margin-top:-5rem; color:#888; background:#fff; border-radius:10px; z-index:1999;}
.popTitle1{width:80%; height:4rem; padding:1.5rem 10% 1.45rem; border-radius:10px; font-size:1.2rem; line-height:2rem; text-align:center;}
.popTitle2{color:#333; width:80%; height:2rem; padding:2.5rem 10% 2.45rem; border-radius:10px; font-size:1.2rem; line-height:2rem; text-align:center;}
.popBtnArea{width:100%; height:4rem; border-top:1px solid #efefef; font-size:1.2rem; line-height:3rem;  text-align:center;}
.cancelBtn{width:49%; float:left; border-right:1px solid #efefef;}
.sureBtn{width:49%; float:left; color:#0090ff;}
.closeBtn{width:100%;}
.font_blue{color:#0090ff; }