html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 100px;
}
body {
  color: #4f5d73;
  background: #fff;
  line-height: 1.5;
  font-size: 14px;
  font-family:'PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif;
  -webkit-font-smoothing: antialiased;
  background: #f8f8f8;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {  margin: 0;  padding: 0;}
button,input,optgroup,select,textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  background: 0;
}
button:focus,input:focus,optgroup:focus,select:focus,textarea:focus {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
textarea {
  resize: none;
}
img {
  border: 0;
  vertical-align: bottom;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  outline:none;
  background: none;
  text-decoration: none;
}
ul,li {
  list-style: none;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-variant: normal;
}
a, body{
	color: #4f5d73;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
  overflow: hidden;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}


.content{
	max-width:768px;
	margin:0px auto;
	background:#fff;
	min-height:667px;
}
.x-nav{
	background: #4f5d73;
	height:60px;
	line-height:60px;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	overflow: hidden;
}
.x-nav{
	background:#fff;
	border-bottom:1px solid #dedede;
	padding:0px 10px;
}
.x-nav .title{
	line-height:60px;
	font-weight:bold;
	font-size:16px;
	color:#4f5d73;
	text-align:center;
}
.x-load i{
	color:#4f5d73;
}
.center{
	text-align:center;
}
.nav_left{
	height:60px;
	text-align:center;	
}
.nav_left a{
	display:inline-block !important;
	height:40px;
	line-height: 20px;
	padding-top: 20px;
	width:45%
}
.nav_left img{
	width:10px;
	height:18px;
	
}
.nav_middle{
	
}
.nav_right{
	height:60px;
	text-align:center;	
}
.nav_right a{
	display: block;
    height: 60px;
    padding: 0px;
    line-height: 60px;
}
.layui-tab{
	margin: 0px !important;
}
.layui-tab-content {
    padding: 0px !important;
}
.x-body .title{
	color:#4f5d73;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	padding: 15px 10px;
}
.x-content{
	margin:10px 15px;
	padding: 15px 15px;
	background:#f5f5f5;
}
.x-content1{
	margin:10px 15px;
	padding: 15px 15px;
	background:#f7f8fa;
	border:1px solid #c8d1da;
}
.x-content2{
	margin:10px 15px;
}

.x-content3{
	margin:10px 15px;
	padding: 25px 15px;
	background:#f7f8fa;
	border:1px solid #c8d1da;
}

.layui-form-pane .layui-input-block {
    margin-left: 0px !important;
}
.layui-form-item .layui-input-inline {
    margin-left: 0px !important;
}
.layui-description{
	color: #525f75;
    line-height: 1.6;
    font-size: 12px;
}
.required{
	position:relative;
}
.required:after{
	content:"*";
	display:block;
	width:14px;
	height:8px;
	color:red;
	position:absolute;
	left: 5px;
    top: 14px;
	z-index:1;
}
img{
	display:block;
	max-width:100%;
	height:auto;
}
.service1 .banner{
	text-align:center;
	background:#eeeceb;
	font-size:12px;
}
.service1 .banner h1{
	font-weight:700;
	font-size: 32px;
	padding:45px 0px 35px 0px;
	background:#e3dfde;
	color:#333333;
	line-height: 1.2;
}
.service1 .banner h3{
	font-weight:700;
	font-size: 18px;
	padding:25px 0px 15px 0px;
}
.service1 .banner p{
	font-size: 13px;
}
.service1 .banner h4 {
	padding:0px 0px 25px 0px;
}
.service1 .banner h4 a{
	text-decoration: underline;
	font-weight:700;
}
.service1 .banner .banner_step{
	/*display: none;*/
}
.service1 .banner .banner_step .banner_step_title{
	float: left;
	width: calc((100% - 60px)/3 );
	min-height: 40px;
}
.service1 .banner .banner_step .banner_step_img{
	float: left;
	width: 30px;
}
.service1 .banner .banner_step .banner_step_black{
	background: #707B8F;
	color:#fff;
	line-height:40px;
	font-weight:700
}
.service1 .banner .banner_step .banner_step_white{
	background: #f5f5f5;
	line-height:40px;
}

/* index页面 */
.index {
	background: #f8f8f8;
}
.index .content{
	background: #FAFAFA;
}
.index .x-nav{
	background: #4f5d73;
	color:#fff;
}

.index .layui-panel {
	border-radius: 10px;
}
.index .panel_item{
	padding: 20px 15px;
}
.index .panel_item h4{
	line-height:36px;
	font-weight:bold;
	font-size:16px;
	margin-top: 0px;
}
.index .panel_item p{
	line-height:24px;
	color:#9da8b9
}
.index a{
	display:block;
}

.index .panel_item .tubiao{
	width:50px;
	height:63px;
}
.index .panel_item .arrow{
	margin-top: 20px;
}
.faq{
	background: #fff;
}
/* faq页面 */
.faq .toggle{
	
}
.faq .toggle .item{
	position:relative;
}
.faq .toggle .item-title{
	padding:10px 25px;
	line-height:36px;
	font-weight:bold;
	font-size:15px;
	padding-right:35px;
	border-bottom:1px solid #f3f7fa;
	position:relative;
	z-index:10;
}
.faq .toggle .item-content{
	padding:25px 25px;
	background:#f6f6f6;
	display:none;
}
.faq .toggle .item:after{
	content:"";
	display:block;
	width:14px;
	height:8px;
	position:absolute;
	background: url(../images/btn_choose_down.png) no-repeat left top;
	background-size:100% 100%;
	right: 25px;
    top: 20px;
	z-index:1;
}
.faq .toggle .active:after{
	background: url(../images/btn_choose_up.png) no-repeat left top;
	background-size:100% 100%;
}
.faq .load-more{
	margin:15px auto;
	text-align: center;
}
.load-button{
	margin:15px 15px 0px 15px;
	text-align: center;
}
.load-button .layui-btn-normal{
	background-color:#525f75 !important;
}

.repair2 .arrow{
	margin-top: 22px;
}
/*
.repair3 .process .layui-text h3{
	font-size:12px;
}

.repair3 .process .layui-timeline-item:before {
    background-color: #b6bfc8;
}
.repair3 .process .layui-timeline-axis {
    background-color: #404b5f;
    color: #404b5f;
}
.repair3 .process .layui-timeline-content{
	position:relative;
	z-index:5
}

.repair3 .process .active:after{
	content: "";
	display:block;
    position: absolute;
    left: -15px;
    top: -14px;
    z-index: 0;
    width: 110%;
    min-height: 60px;
	font-size:12px;
	background:#4e5d72;
	border-radius:20px;
	color:#fff;
	

}
.repair3 .process  .active .layui-timeline-axis{
	font-size:12px;
	background:#00ffda;
	border-radius:25px;
	color:#00ffda;

}
.repair3 .process .active .layui-text h3 {
    color:#fff;
	line-height: 18px;
}*/

/*Timeline*/
.Timeline{ padding:0px;}
.Timeline .list{ position:relative}

.Timeline .list:before{ 
	content: "";
	display:block;
    position: absolute;
    left: 15px;
    top: 0px;
    z-index: 0;
    width: 2px;
    height: 100%;
	background:#b8c1ca;
}
.Timeline .list ul{ position:relative}
.Timeline li{ padding-left:50%; padding-top:10px; padding-bottom:10px;position:relative}
.Timeline li:before{ 
	content: "";
	display:block;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 0;
    width: 10px;
    height: 10px;
	background:#b8c1ca;
	border-radius:20px;
}
.Timeline li>div{ padding-left:36px;}
.Timeline li div p{ line-height:24px;}
.Timeline ul li:nth-child(2n){ text-align:right; padding-left:0; padding-right:50%;}
.Timeline ul li:nth-child(2n) div{padding-left:0; padding-right:0;}
.Timeline li time{ display:block; color:#4f5d73; font-size:12px;padding: 6px 10px 6px 30px;}
.Timeline li p{ display:block; color:#4f5d73; font-size:12px;padding: 6px 10px 6px 30px;}
.Timeline ul li:nth-child(2n) time:before{ float:right;}
.Timeline ul li:nth-child(2n) time span{ clear:both; display:block;}
.Timeline ol{ text-align:center;margin:0px;padding:0px;}
.Timeline ol a{ display:inline-block; width:142px; height:30px; line-height:30px; text-align:center; background-color:#1fd1d5; color:#fff; font-size:14px; border-radius:5px;}

@media(max-width:99999px){
.Timeline .list{ background-position: left top; }
.Timeline .list ul{ background-position: 8px top;}
.Timeline li{ padding:0px 0px 15px 0px !important; background-position: left top;}
.Timeline li>div{ padding:0px 0px 0px 0px !important;}
.Timeline ul li:nth-child(2n){ text-align:left;}
.Timeline ul li:nth-child(2n) time:before{ float:none;}
.Timeline ol{ text-align:left;}
}
.Timeline .item1 .left{
	width:80%;
}
.Timeline .item1 .right{
	width:18%;
	text-align:right;
}
.Timeline .item1 .right a{
	color:#7a808c;
	border:1px solid #7a808c;
	display:inline-block;
	border-radius:5px;
	text-align:center;
	font-size:12px;
	padding:5px 10px;
	cursor:pointer;
}
.Timeline li.active .item1 .right a{
	color:#fff;
	display:block;
	height:30px;
	line-height:30px;
	padding:0px;
	background: url(../images/btn_enter_view.png) no-repeat right top;
	background-size:30px 30px;
	border:none;
	text-align: right;
    padding-right: 40px;
}

.Timeline .item2 .left{
	width:80%;
}
.Timeline .item2 .right{
	width:18%;
	text-align:right;
}
.Timeline .item2 .right a{
	color:#7a808c;
	border:1px solid #7a808c;
	display:inline-block;
	border-radius:5px;
	text-align:center;
	font-size:12px;
	padding:5px 10px;
	cursor:pointer;
}
.Timeline li.active .item2 .right a{
	color:#fff;
	display:block;
	height:30px;
	line-height:30px;
	padding:0px;
	background: url(../images/btn_enter_view.png) no-repeat right top;
	background-size:30px 30px;
	border:none;
	text-align: right;
    padding-right: 40px;
}

.Timeline .item3 .left{
	width:50%;
}
.Timeline .item3 .right{
	width:50%;
	text-align:right;
}
.Timeline .item3 .right a{
	color:#7a808c;
	border:1px solid #7a808c;
	display:inline-block;
	border-radius:5px;
	text-align:center;
	font-size:12px;
	padding:5px 10px;
	cursor:pointer;
}
.Timeline li.active .item3 .right a{
	color:#fff;
	display:block;
	height:30px;
	line-height:30px;
	padding:0px;
	background: url(../images/btn_enter_view.png) no-repeat right top;
	background-size:30px 30px;
	border:none;
	text-align: right;
    padding-right: 40px;
}

/*.Timeline .item1 .left{
	width:84%;
}
.Timeline .item1 .right{
	width:14%;
	text-align:right;
}
.Timeline .item1 .right a{
	display:inline-block;
	width:38px;
	height:38px;
	line-height: 38px;
	background: url(../images/btn_enter_view1.png) no-repeat left top;
	background-size:100% 100%;
}
.Timeline li.active .item1 .right a{
	color:#fff;
	background: url(../images/btn_enter_view.png) no-repeat left top;
	background-size:100% 100%;
}

.Timeline .item2 .left{
	width:84%;
}
.Timeline .item2 .right{
	width:14%;
	text-align:right;
}
.Timeline .item2 .right a{
	display:inline-block;
	width:38px;
	height:38px;
	line-height: 38px;
	background: url(../images/btn_enter_view1.png) no-repeat left top;
	background-size:100% 100%;
}
.Timeline li.active .item2 .right a{
	color:#fff;
	background: url(../images/btn_enter_view.png) no-repeat left top;
	background-size:100% 100%;
}

.Timeline .item3 .left{
	width:50%;
}
.Timeline .item3 .right{
	width:50%;
	text-align:right;
}
.Timeline .item3 .right a{
	display:block;
	padding-right:45px;
	height:38px;
	line-height: 38px;
	background: url(../images/btn_enter_view1.png) no-repeat right top;
	background-size:38px 38px;
}
.Timeline li.active .item3 .right a{
	color:#fff;
	background: url(../images/btn_enter_view.png) no-repeat right top;
	background-size:38px 38px;
}

*/

.Timeline .item5 .content-items img {
	float:left;
    width: 48%;
    padding: 0px 1%;
    margin-bottom: 15px;
}
.Timeline .item5 .content-items:after {
    display:block;
	content:"";
	clear:both;
}

.Timeline li.active:before{ 
	background:#1fd1d5;
}
.Timeline .active time{
	color:#1fd1d5;
	background:#4e5d72;
	border-radius:20px;
}
.repair3Detail{
	
}
.repair3Detail .content-title .left{
	width:50%;
	font-weight:700;
}
.repair3Detail .content-title .right{
	width:50%;
	text-align:right;
}
.repair3Detail .content-items{
	margin:15px 0px;
	font-size:12px;
}
.repair3Detail .content-items .left{
	width:48%;
	padding:0px 1%;
	margin-bottom:15px;
}
.repair5Detail .content-items1 .content-title{
	font-size:14px;
	line-height:36px;
	font-weight:700;
}
.repair5Detail .content-items1{
	font-size:12px;
}

.repair5Detail .content-items2 .content-title{
	font-size:14px;
	line-height:36px;
	font-weight:700;
	text-align:center;
}
.repair5Detail .content-items2{
	font-size:12px;
	line-height: 24px;
}
.repair3 .item5 .btn {
	margin-top:15px;
    color: #7a808c;
    border: 1px solid #7a808c;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    padding: 5px 10px;
    cursor: pointer;
}
.pay{
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	height:48px;
	line-height:48px;	
	z-index:9999;
}
.pay .content{
	box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
}
.pay .left{
	width:60%;
	font-weight:700;
	color: #1fd1d5;
	font-weight:700;
	text-align:center;
	font-size:16px;
}
.pay .right{
	width:40%;
	text-align:right;
	background-color: #525f75;
}
.pay .load-button{
	margin:0px;
}
/* 小型设备（平板电脑，768px 起） */	
@media (max-width: 768px) { 
	.content{
		max-width:100%;
	}	
}
/* activity页面 */
.activity {
	background: #f8f8f8;
}
.activity .content{
	background: #FAFAFA;
}
.activity .x-nav{
	color:#fff;
}

.activity .layui-panel {
	border-radius: 10px;
}
.activity .panel_item{
	padding: 20px 15px;
}
.activity .panel_item h4{
	line-height:36px;
	font-weight:bold;
	font-size:16px;
	margin-top: 0px;
}
.activity .panel_item h6{
	line-height:24px;
	color:#9da8b9;
	font-size:12px;
	margin-bottom:10px;
}
.activity .panel_item p{
	line-height:24px;
	color:#9da8b9;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.activity a{
	display:block;
}

.activity .panel_item .tubiao{
	width:50px;
	height:63px;
}
.activity .panel_item .arrow{
	margin-top: 20px;
}
.faq{
	background: #fff;
}
.activity1 .banner{
	text-align:center;
	background:#eeeceb;
	font-size:12px;
}
.activity1 .banner h1{
	font-weight:700;
	font-size: 32px;
	padding:45px 0px 35px 0px;
	background:#e3dfde;
	color:#333333;
	line-height: 1.2;
}
.activity1 .banner h3{
	font-weight:700;
	font-size: 18px;
	padding:25px 0px 15px 0px;
}
.activity1 .banner p{
	font-size: 13px;
}
.activity1 .banner h4 {
	padding:0px 0px 25px 0px;
}
.activity1 .banner h4 a{
	text-decoration: underline;
	font-weight:700;
}
.activity1 .banner .banner_step{
	/*display: none;*/
}
.activity1 .banner .banner_step .banner_step_title{
	float: left;
	width: calc((100% - 30px)/2 );
	min-height: 40px;
}
.activity1 .banner .banner_step .banner_step_img{
	float: left;
	width: 30px;
}
.activity1 .banner .banner_step .banner_step_black{
	background: #707B8F;
	color:#fff;
	line-height:40px;
	font-weight:700
}
.activity1 .banner .banner_step .banner_step_white{
	background: #f5f5f5;
	line-height:40px;
}
.activity1 .preview_pictures .upload-pre-item{
	position:relative;
	width: 80px;
    height: 80px;
	margin:10px 10px 0px 0px;
	border:1px solid #dedede;
}
.activity1 .preview_pictures input{
	display:none;
}
.activity1 .preview_pictures .left_move{
	display:none;
}
.activity1 .preview_pictures .right_move{
	display:none;
}
.activity1 .preview_pictures .delete_file{
	position: absolute;
    top: -5px;
    right: -5px;
    background: red;
    border: 1px solid red;
    line-height: 16px;
    border-radius: 16px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.activity1 .site-demo-upbar .layui-btn{
	background:#5082d8;
	text-align:center;
	width:100%;
}
.activity1 .pictures{
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.activity1 .pictures legend{
	text-align:center;
	margin:0px !important;
	
}
.activity1 .pictures img{
	width: 80px;
    height: 80px;
	
}
.activity1 .pictures .layui-field-box{
	padding:10px 0px;
}
.activity1 .activity_list .imgs img{
	margin-right:5px;
	margin-bottom:5px;
	display:inline-block; 
	width:80px;
}
.activity1 .activity_list .payBtn{
	margin:5px;
	padding:5px 15px;
	display:inline-block; 
	height: 24px;
    line-height: 24px;
    border: 1px solid transparent;
    background-color: #1cd2c6;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
}

.activity1 .activity_user fieldset{
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.activity1 .activity_user legend{
	text-align:center;
	margin:0px !important;
	
}
.activity1 .activity_user .activity_list{
	background: url(../images/activity_user_title_line.png) no-repeat left top;
	background-size:100% 30px;
	padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.activity1 .activity_user table{
	margin:0px !important;
}

.nav_left .layui-icon-home{
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
}
.nav_left .layui-icon-home:after{
	content:"";
	display:block;
	background-image: url(../images/icon_home.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:left top;
	width:16px;
	height:16px;
	left:0px;
	top:2px;
	position:absolute;
}
.nav_left .layui-icon-home:before{
	display:none;
}