/* PC版 */
@media screen and (min-width: 751px){

	/*banner*/
	.account_banner{ height: 598px;margin-top: 102px;background: url(../Images/account/account_banner.jpg) center no-repeat; }
	.account_banner h1{ font-size: 60px;color: #0bfff6;text-align: center;padding-top: 200px;font-weight: normal; }
	.account_banner p{ font-size: 24px;color: #fff; text-align: center;width: 740px;margin: 40px auto 0;line-height: 40px;}
    
	/* 见证开户流程 */
	.taccount_process{ height: 1850px; }
	.account_process{ width: 1130px;margin: 0 auto; position: relative;}
	.account_process h2, .material h2{ font-size: 60px;color: #223557;font-weight: normal; text-align: center;margin: 100px 0; }
	.account_process .step{ width: 352px;height: 352px; border: 2px dashed #BB9DFF;border-radius: 50%; }
	.account_process .step .num{ margin: 38px auto 60px;width: 100px;height:100px;line-height: 100px;border-radius: 50%;font-size: 60px;color: #fff;text-align: center;
		box-shadow: 0px 11px 51px 0px rgba(165, 224, 238, 0.4);
		background-image: -moz-linear-gradient( 90deg, rgb(189,186,255) 0%, rgb(164,226,237) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(189,186,255) 0%, rgb(164,226,237) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(189,186,255) 0%, rgb(164,226,237) 100%);
	}
	.account_process .step p{ width: 300px;margin: 0 auto;text-align: center;font-size: 18px;color: #223557; }
	.account_process .step:nth-child(2){ position: absolute;left: 145px;top: 240px; }
	.account_process .arrow:nth-child(3){ position: absolute;left: 501px;top: 485px; }
	.account_process .step:nth-child(4){ position: absolute;right: 130px;top: 534px; }
	.account_process .arrow:nth-child(5){ position: absolute;left: 501px;top: 820px; }
	.account_process .step:nth-child(6){ position: absolute;left: 145px;top: 836px; }
	.account_process .arrow:nth-child(7){ position: absolute;left: 501px;top: 1080px; }
	.account_process .step:nth-child(8){ position: absolute;right: 145px;top:1146px; }
	.account_process .arrow:nth-child(9){ position: absolute;left: 501px;top: 1450px; }
	.account_process .step:nth-child(10){ position: absolute;left: 145px;top:1456px; }

	/* 开户所需提供材料 */
	.tmaterial{ background:url(../Images/account/blue_bg.jpg) top no-repeat #a4e2ed; margin-top: -120px;}
	.material{ margin: 0 auto; width: 1130px;}
	.material h2{ margin: 0;padding: 350px 0 90px; }
	.material .material_con{ float: left; width: 565px;margin-bottom: 60px;}
	.material .material_con .icon{ margin-left: 225px;width: 110px;height: 110px;border-radius: 50%; background-color: rgb(127, 33, 243);box-shadow: 0px 11px 51px 0px rgba(165, 224, 238, 0.4);}
	.material .material_con .icon img{ margin: 30px 0 0 30px; }
	.material .material_con p:nth-child(2){ font-size: 24px;color: #223557; text-align: center;margin-top: 20px;}
	.material .material_con p:nth-child(3){ font-size: 18px;color: #223557; text-align: center;}
	.material .material_con .example{ margin-left: 60px;margin-top:10px;font-size: 14px;color: #223557;width: 415px;height: 94px;padding: 30px 0 0 25px;background:url(../Images/account/dialog_box.png) center no-repeat  }
	.material .material_con .example span{ height: 124px; float: left;}
	.material .material_con:nth-child(5) .example{ margin-top: 35px; }

}


/* 移动端适配版 */
@media screen and (max-width: 750px){
	/*banner*/
	.account_banner{ height: 598px;margin-top: 50px;background: url(../Images/account/account_banner.jpg) center no-repeat; }
	.account_banner h1{ font-size: 35px;color: #0bfff6;text-align: center;padding-top: 200px;font-weight: normal; }
	.account_banner p{ font-size: 18px;color: #fff; text-align: center;width: 90%;margin: 40px auto 0;line-height: 30px;}
    
	/* 见证开户流程 */
	.taccount_process{ height: 1850px; }
	.account_process{ width: 90%;margin: 0 auto; position: relative;}
	.account_process h2, .material h2{ font-size: 30px;color: #223557;font-weight: normal; text-align: center;margin: 80px 0; }
	.account_process .step{ width: 220px;height: 220px; border: 2px dashed #BB9DFF;border-radius: 50%; }
	.account_process .step .num{ margin: 20px auto;width: 50px;height:50px;line-height: 50px;border-radius: 50%;font-size: 30px;color: #fff;text-align: center;
		box-shadow: 0px 11px 51px 0px rgba(165, 224, 238, 0.4);
		background-image: -moz-linear-gradient( 90deg, rgb(189,186,255) 0%, rgb(164,226,237) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(189,186,255) 0%, rgb(164,226,237) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(189,186,255) 0%, rgb(164,226,237) 100%);
	}
	.account_process .step p{ width: 150px;margin: 0 auto;text-align: center;font-size: 14px;color: #223557; }
	.account_process .arrow:nth-child(3),.account_process .arrow:nth-child(7){ transform: rotateZ(30deg)scale(0.5);-webkit-transform: rotateZ(30deg)scale(0.5);-moz-transform: rotateZ(30deg)scale(0.5);-ms-transform: rotateZ(30deg)scale(0.5);-o-transform: rotateZ(30deg)scale(0.5); }
	.account_process .arrow:nth-child(5),.account_process .arrow:nth-child(9){ transform: rotateZ(-30deg)scale(0.5);-webkit-transform: rotateZ(-30deg)scale(0.5);-moz-transform: rotateZ(-30deg)scale(0.5);-ms-transform: rotateZ(-30deg)scale(0.5);-o-transform: rotateZ(-30deg)scale(0.5); }
	.account_process .step:nth-child(2){ position: absolute;left: 0;top: 100px; }
	.account_process .arrow:nth-child(3){ position: absolute;left: 30%;top: 320px; }
	.account_process .step:nth-child(4){ position: absolute;right: 0;top: 440px; }
	.account_process .arrow:nth-child(5){ position: absolute;left: 30%;top: 660px; }
	.account_process .step:nth-child(6){ position: absolute;left: 0px;top: 785px; }
	.account_process .arrow:nth-child(7){ position: absolute;left: 30%;top: 1005px; }
	.account_process .step:nth-child(8){ position: absolute;right: 0;top:1125px; }
	.account_process .arrow:nth-child(9){ position: absolute;left: 30%;top: 1345px; }
	.account_process .step:nth-child(10){ position: absolute;left: 0;top:1465px; }

	/* 开户所需提供材料 */
	.tmaterial{ background:url(../Images/account/blue_bg.jpg) top no-repeat #a4e2ed; margin-top: -120px;background-size: 150%;}
	.material{ margin: 0 auto; width: 100%;}
	.material h2{ margin: 0;padding: 150px 0 50px; }
	.material .material_con{ float: left; width: 40%;margin:0 5% 30px;}
	.material .material_con .icon{ margin: 0 auto;width: 80px;height: 80px;border-radius: 50%; background-color: rgb(127, 33, 243);box-shadow: 0px 11px 51px 0px rgba(165, 224, 238, 0.4);}
	.material .material_con .icon img{ margin: 20px 0 0 22px; width: 50%;}
	.material .material_con p:nth-child(2){ font-size: 20px;color: #223557; text-align: center;margin-top: 10px;}
	.material .material_con p:nth-child(3){ font-size: 14px;color: #223557; text-align: center;}
	.material .material_con .example{ margin-top:10px;font-size: 14px;color: #223557;height: 180px;padding: 50px 30px 0 30px;background:url(../Images/account/dialog_box.png) top no-repeat ;background-size: 90% 230px; }
	.material .material_con .example span{ height: 150px; float: left;}
	.material .material_con:nth-child(5) .example{ height: 80px; padding: 30px 30px 0 30px;background-size: 90%;}
	.material .material_con:nth-child(4),.material .material_con:nth-child(5){width: 100%;margin:0 0 30px 0; }
}