.introduce_main1 a{
	display: block;
	height: 330px;
	background: url(../images/introduce_banner.png);
	background-size: 100% 100%
}
.introduce_main2{
	background: #F5F5F5
}
.introduce_main1 h1,
.introduce_main2 h1{
	padding: 40px 0 30px;
	text-align: center;
	color:rgba(0,0,0,0.80);
	font-weight:400;
	font-size:24px;
}
.introduce_main2 ul{
	overflow: hidden;
	padding-bottom:50px; 
}
.introduce_main2 ul li{
	width: 260px;
	float: left;
	margin-right: 47px;
}
.introduce_main2 ul li:nth-of-type(4){
	margin-right: 0
}
.introduce_main2 ul li>div{
	height: 214px;
	position: relative;
}
.introduce_main2 ul li:nth-of-type(1)>div{
	background: url(../images/itd_img1.png);
	background-size: 100% 100%
}
.introduce_main2 ul li:nth-of-type(2)>div{
	background: url(../images/itd_img2.png);
	background-size: 100% 100%
}
.introduce_main2 ul li:nth-of-type(3)>div{
	background: url(../images/itd_img3.png);
	background-size: 100% 100%
}
.introduce_main2 ul li:nth-of-type(4)>div{
	background: url(../images/itd_img4.png);
	background-size: 100% 100%
}
.introduce_main2 ul li>div div{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
}
.introduce_main2 ul li>div div p:nth-of-type(1){
	margin-top: 80px; 
}
.introduce_main2 ul li>div div p{
	line-height: 24px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
}
.introduce_main2 ul li>p{
	line-height: 70px;
	background: #ffffff;
	text-align: center;
	font-size: 16px;
	color: #4F7CEC;
}
.introduce_main3{
	background: #ffffff;
}
.introduce_main3 .wrapper{
	text-align: center;
}
.introduce_main3 .wrapper>div{
	overflow: hidden;
	margin-bottom: 30px 
}
.introduce_main3 .wrapper>div>p{
	width: 188px;
	line-height: 82px;
	margin-right: 50px; 
	float: left;
	background:linear-gradient(48deg,rgba(93,133,241,0.8) 0%,rgba(57,223,201,1) 100%);
	text-align: center;
	color: #ffffff
}
.introduce_main3 .wrapper>div>div,
.introduce_main3 .wrapper>div>ul{
	width: calc(100% - 238px);
	float: right;
	line-height:24px;
	color:rgba(0,0,0,0.80);
	font-size: 16px;
	text-align: left;
	border-bottom: 1px solid rgba(0,0,0,0.2)
}
.introduce_main3 .wrapper>div>div p{
	padding-bottom: 16px
}
.introduce_main3 .wrapper>div>ul{
	padding-bottom: 30px
}
.introduce_main3 .wrapper>div>ul li:before{
	content: url(../images/pointer.png);
    width: 16px;
    height: 16px;
    float: left;
    vertical-align: middle;
    margin-top: 3px;
    margin-right: 5px;	
}
.introduce_btn{
	display: inline-block;
	width:265px;
	line-height:48px;
	background:rgba(79,124,236,1);
	border: none;
	outline: none;
	color:#ffffff;
	cursor: pointer;
	margin: 30px 0 50px
}
.introduce_btn:hover{
	color: #ffffff
}

/* 婢х偛锟藉吋婀囬崝鈥冲灙鐞涳拷 */
.services_box .wrapper{
	text-align: center;
}
.services_box h1{
	color: #323232;
	font-weight:400;
	font-size: 16px;
	text-align: left;
	padding: 80px 0
}
.services_table{
	width: 100%
}
.services_table tr{
	border-bottom: 1px solid #E6EBF5
}
.services_table thead tr{
	background: #F7F7F7;
	font-weight:bold;
	color:rgba(135,141,153,1);
}
.services_table thead th{
	border-right: 1px solid #E6EBF5;
}
.services_table th{
	line-height:30px;
	font-size: 12px;
}
.services_table th:nth-of-type(1){
	width: 20%
}
.services_table th:nth-of-type(2){
	width: 50%
}
.services_table th:nth-of-type(3){
	width: 20%
}
.services_table  th:nth-of-type(4){
	width: 10%;
	border: none
}
.services_table tbody tr{
	color: #5A5E66
}
.services_table input[type=checkbox]{
	display: none;
}
.table_checkbox{
	position: relative;
	height: auto!important;
    line-height: normal!important;
    min-width: 14px;
    min-height: 14px;
    border: none!important;
    background: 0 0;
    cursor: pointer;
    font-size: 0;
}
.check_icon{
	position: absolute;
	right: calc(50% - 7px);
    width: 14px;
    height: 14px;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    background: url(../images/check_icon.png);
}
.table_checked .check_icon{
	border-color: #409EFF;
    background-color: #409EFF;
    color: #fff;
}
.services_submit{
	display: inline-block;
	width:265px;
	line-height:48px;
	background:rgba(79,124,236,1);
	border: none;
	outline: none;
	color:#ffffff;
	cursor: pointer;
	margin: 80px 0 120px
}
/* 缁狅紕鎮婇悾宀勬桨 */
.msgMain1,
.msgMain2{
	overflow: hidden;
}
.msgMain1 a{
	display: block;
	float: left;
	padding: 10px 28px;
	border: 1px solid #3C6EEA;
	border-radius: 4px;
	font-size: 14px;
	color: #3C6EEA;
	line-height: 12px;
	margin-right: 20px
}
.msgMain1 span{
	font-size: 16px;
	color: #666666;
	line-height: 34px;
}
.msgMain1 span.date{
	color: #FF8C1C;
	font-weight: bold;
}
.msgMain2 {
	background: rgba(64,158,255,.15);
	padding: 30px
}
.msgMain2 .left{
	width: calc(100% - 264px)
}
.msgMain2 .right{
	width: 249px;
}
.msgMain2 h1{
	font-size: 16px;
	color: #323232;
	line-height: 24px;
	font-weight:400;
}
.msgMain2 li{
	padding-top: 24px;
	font-size: 16px;
	color: #666666;
	line-height: 22px;
}
.msgMain2 li:before{
	content: url(../images/pointer.png);
    width: 16px;
    height: 16px;
    float: left;
    vertical-align: middle;
    margin-top: 3px;
    margin-right: 5px;	
}
.msgMain2 li p:nth-of-type(2){
	font-size: 14px;
	padding-left: 20px;
}
.msgMain2 img{
	display: block;
	width: 100%
}
/* 娴滄垹顒� */
.msgMain1 p{
	margin-top: 2px;
	padding:0 20px;
	background:rgba(255,113,13,.1);
	font-size: 14px;
	color: #FF710D;
	line-height: 30px;
}
.signature_box li{
	border: none;
	background: #ffffff;
	box-shadow:0px 3px 6px rgba(0,0,0,0.16);
	margin-right: 16px
}
.signature_box img{
	display: block;
	width: 144px;
	height: 144px;
	margin: 34px 46px 0;
}
.signature_name{
	text-align: center;
	padding: 20px 0;
	font-size: 14px;
	color:rgba(0,0,0,0.90);
	line-height: 18px;
}
.signature_box div{
	border-top: 1px solid #DDDDDD;
	overflow: hidden;
}
/* 濮濓絽鐖堕悩鑸碉拷锟� */
.signature_box li .default_tips{
	display: none;
}
.signature_box li .preview_btn,
.signature_box li .default_btn{
	width: 50%;
	float: left;
	padding: 10px 0;
	font-size: 14px;
	color:#3C6EEA;
	line-height: 18px;
	text-align: center;
	cursor: pointer;
}
.signature_box li .default_btn{
	width: calc(50% - 1px);
	border-left: 1px solid #DDDDDD;
}

/* 姒涙ǹ顓婚悩鑸碉拷锟� */
.signature_box .default {
	position: relative;
}
.signature_box .default .default_tips{
	display: block;
	position: absolute;
	top: 12px;
	right: 0;
	background: rgba(60,110,234,.1);
	border-radius:2px;
	font-size: 12px;
	color:#3C6EEA;
	line-height: 22px;
	padding: 0 15px
}
.signature_box .default .preview_btn{
	width: 100%
}
.signature_box .default .default_btn{
	display: none;
}
/* 閺€顖欑帛 */
.progress_box{
	padding: 40px 0 20px;
	overflow: hidden;
}
.progress_item{
	/*width: calc(100% / 3) ;*/
	float: left;
}
.progress_line{
	display: block;
	float: left;
	width: 220px;
	height: 1px;
	background: rgba(0,0,0,0.15);
	margin:13px 20px 0;
}
.progress_num{
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	line-height: 22px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,0.1);
	color: rgba(0,0,0,0.25);
	font-size: 14px
}
.progress_item p{
	float: left;
	color:rgba(0,0,0,0.45);
	font-size: 14px;
	padding-left: 8px;
	line-height: 24px
}
/* 妤傛ü瀵� */
.progress_active .progress_num{
	background: #3C6EEA;
	color: #ffffff
}
.progress_active p{
	color:rgba(0,0,0,0.85);
}
.progress_active .progress_line{
	background: #3C6EEA;
}

.pay_item1{
	display: inline-block;
	width:812px;
}
.pay_info{
	background: #F5F5F5;
	padding: 20px
}
.pay_info p{
	padding-bottom: 10px; 
	color: #333333;
	font-size: 14px;
	text-align: left;
}
.pay_info .order_code,
.pay_info .order_way,
.pay_info .order_price{
	font-weight: bold;
}
.pay_info .order_price{
	color: #FF4D4F;
	font-size: 18px
}

.pay_way{
	display: inline-block;
	overflow: hidden;
	padding: 20px 0
}
.pay_way div{
	float: left;
	width: 300px;
	height: 58px;
	border:1px solid #DDDDDD;
	border-radius:2px;
	cursor: pointer;
	position: relative;
}
.pay_way div:hover,
.pay_way div.active{
	border: 1px solid #3C6EEA;
}
.pay_way img{
	display: inline-block;
	height: 34px;
	margin-top: 13px
}
.pay_way span{
	display: none;
	width: 0;
    height: 0;
    border-width: 0 0 18px 16px;
    border-style: solid;
    border-color: transparent transparent #3C6EEA transparent;
	position: absolute;	
    right: 0;
    bottom: 0;
}
.pay_way .active span{
	display: block;
}

.pay_btn{
	width: 100%;
	line-height:48px;
	background:#3C6EEA;
	border: none;
	outline: none;
	color:#ffffff;
	cursor: pointer;
}

.pay_item3{
	display: inline-block;
	width:812px;
	background: #F5F5F5;
	padding: 40px 50px
}
.pay_item3 p{
	padding-bottom: 20px;
	text-align: left;
	font-size: 14px;
	color: #333333;
	line-height: 24px
}
.pay_item3 img{
	width: 24px
}
.success_tips{
	display: inline-block;
	color: #25B420;
	font-size: 16px;
	line-height: 24px
}
.success_price{
	color: #FF4D4F;
	font-size: 18px
}
.pay_item3 a{
	color: #3C6EEA;
	padding:0 8px 
}

.tips_img{
	display: block;
	width: 300px;
	margin:40px auto 20px 
}
.failed_box{
	display: inline-block;
	width: 600px;
	background: #F5F5F5 ;
	padding: 24px;
}
.failed_box p{
	font-size: 14px;
	color: #333333;
	line-height: 24px
}
.failed_tips{
	color: #FA5555
}
.buttonBox{
	font-size: 0
}
.buttonBox button{
	display: inline-block;
	width: 110px;
	height:40px;
	text-align: center;
	line-height: 40px;
	outline: none;
	border: 1px solid #3C6EEA;
	background: #ffffff;
	color: #3C6EEA;
	cursor: pointer;
	font-size: 14px
}
.buttonBox button:nth-of-type(2){
	background: #3C6EEA;
	color:#ffffff;
}
/* 娴兼艾鎲虫稉顓炵妇鐞涖劍鐗� */
.member_table{
	width: 100%
}
.member_table tr{
	border-bottom: 1px solid #E6EBF5
}
.member_table thead tr{
	background: #F7F7F7;
	font-weight:bold;
	color:rgba(135,141,153,1);
}
.member_table thead th{
	border-right: 1px solid #E6EBF5;
}
.member_table thead th:last-child{
	border:none;
}
.member_table th{
	line-height:30px;
	font-size: 12px;
	font-weight: 400
}
.member_table tbody tr{
	color: #5A5E66;
	font-weight: 400
}

/* 瀵湱鐛� */
.dialog_box{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
}
.dialog_title{
	padding: 0 20px;
	background: #EEEEEE;
	line-height: 48px;
	overflow: hidden;
}
.dialog_title h3{
	float: left;
	font-size: 14px;
    color: #333;
	font-weight: 400;
}
.dialog_title span{
	float: right;
	width: 12px;
	height: 12px;
	background: url(../images/close_icon.png) no-repeat;
	margin-top: 16px;	
	cursor: pointer;
}
.dialog_content{
	height: calc(100% - 150px);
	overflow: auto;
}

/* 閺堝秴濮熺拋銏犲礋瀵湱鐛� */
.dialog_invoice .invoice_warpper{
	background: #ffffff;
	position: absolute;
	width: 900px;
	height: 80%;
    left: calc(50% - 450px);
    top: calc(50% - 40%);
}
.confirm-item {
    padding: 0 20px;
}
.confirm-item>h3 {
    line-height: 28px;
    color: #333;
    font-size: 14px;
    background: #F1F6FA;
    padding: 0 10px;
    border-left:4px solid #4F7CEC;
}
.confirm-item .item-infolist {
    padding-bottom: 20px;
}
.confirm-item:first-child .item-infolist ul {
    height: 45px;
    overflow: hidden;
}
.confirm-item .item-infolist ul>li {
    margin: 10px 0;
}
.confirm-item .infoitem {
    padding: 0 20px 0 0;
}
.confirm-item .infoitem .info-per {
    list-style: none;
    position: relative;
    border: 1px solid #ddd;
    line-height: 18px;
    padding: 5px 10px;
    width: 120px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    position: relative;
    border-radius: 4px;
}
.confirm-item .infoitem .info-per.item-hover {
    border: 1px solid #3398DC;
    padding: 4px 10px;
}
.confirm-item .infoitem .item-hover>b {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 17px;
    height: 16px;
    overflow: hidden;
    background: url(../images/selected.png) no-repeat;
}
.color_FF5254{
	color: #FF5254
}

.total_box1{
	color: #333333;
	font-size: 14px;
	padding:30px 0 10px;
}
.total_box2{
	font-weight: bold;
	font-size: 18px
}
.order_submit{
	position: absolute;
	bottom: 20px;
	left: calc(50% - 132px);
	display: inline-block;
    width: 265px;
    line-height: 48px;
    background: #4F7CEC;
    border: none;
    outline: none;
    color: #ffffff;
    cursor: pointer;
    border-radius:4px;
   	
}
.invoice_box .layui-form-item{
	margin-bottom: 15px
}
.layui-form-radio>i:hover, .layui-form-radioed>i{
	color: #4F7CEC
}
.focus_text{
	font-size: 12px;
	color: #666
}
.msg{
	font-size: 12px
}

/* 閹绘劗銇氬鍦崶 */
.dialog_hint .hint_warpper{
	background: #ffffff;
	position: absolute;
	width: 500px;
	height: 350px;
    left: calc(50% - 250px);
    top: calc(50% - 175px);
}
.dialog_hint a{
	color: #4F7CEC
}