/*blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul, div{ margin: 0; padding: 0; }*/
body { background: none; }
/*header, footer, nav { display: block; }*/
/*img { border: none; vertical-align: middle; }*/
/*ul, ol, dl { list-style: none; }*/
/*a{ color: #ffffff; text-decoration: none; }*/
/*a:hover{ text-decoration: none; }*/
/*a{ outline:none; blur:expression(this.onFocus=this.blur()); }*/
/*.clearfix { zoom: 1; }*/
/*.clearfix:after { content: ""; height: 0; display: block; overflow: hidden; clear: both; visibility: hidden; }*/
/*button,input,textarea{ padding: 0; border: none; outline: none; }*/
/*em,i,strong{ font-style: normal; font-weight: normal; }*/


form { }
/*form label { float: left; }*/

/*.address-check input { margin: 2px 4px 0 0; float: left; }*/
.thr_artist textarea { margin: 2px 4px 3px 0; padding: 8px 12px; float: left; border: 1px solid #ddd; border-radius: 6px; }
.thr_artist input { margin: 2px 4px 3px 0; padding: 8px 12px; float: left; border: 1px solid #ddd; border-radius: 6px; }
.thr_artist input[type=checkbox]{width:16px;height:16px;padding:0;outline:0;border:1px solid #c9c9c9;border-radius:4px;background-color:#fff;-webkit-appearance:none;box-shadow: inset 0 1px 3px rgba(0, 0, 0, .125);}
.thr_artist input[type=checkbox]:checked{ border: 0; background: #0075ff; color: #fff; text-align:center; }
.thr_artist input[type=checkbox]:checked::before { content:"\e603"; font-family:iconfont; font-size: 14px; color:#fff; display:inline-block; text-decoration:none; line-height:16px; }
.thr_artist input:focus, .thr_artist textarea:focus, .thr_artist button:focus, .thr_artist select:focus { border-color: #89bbf0; box-shadow: 0 0 7px #89bbf0; }

.btn222 {
	/*width: 180px; height: 44px; line-height: 44px; border-radius: 8px;*/
	display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle;
	touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;
}
.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }
.btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; }
.btn-lg { padding: 8px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }


/*.artist_mask{ width: 100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;top: 0;left: 0; }*/
/*.artist_dialog{ width:800px;background: #fff;position:absolute;left: 50%;margin-left: -400px;top: 150px;overflow: hidden;border-radius: 20px; box-shadow: 0 0 30px #555; }*/
.thr_artist { width: 100%; height: auto; display: block; /*overflow: hidden;*/ padding: 5px 0; }
.artist_dialog{ width:100%; max-width: 800px; margin: 20px auto 50px auto; background: #fff; display: block; overflow: hidden; border-radius: 12px; box-shadow: 0 0 20px #aaa; /*position:absolute;*/ position: relative; }
.dialog_header{ height: 70px; background: #e5e5e5; /*position: relative;*/ }
.dialog_title{ font-size: 26px;letter-spacing: 2px;font-family: '黑体',sans-serif;text-align: center;line-height: 70px; }
.dialog_close{ width:30px;height:30px; background: url("spript.png") no-repeat 0 -57px; position: absolute;right:20px;top:20px;cursor: pointer; }
.tips{ /*height: 30px;*/line-height: 30px; }
.padding{ padding: 50px 50px; }
.dialog_return{ width:30px ;height: 30px;cursor: pointer; position: absolute;right:20px;top:20px; background: url("spript.png") no-repeat 0 -4px; }

/*------------------------------------------------------------*/

.step_body .step_list{ width:50%;float: left;text-align: center; }
.step_body .step_list a{ display:inline-block;border:1px solid #e5e5e5;width: 80%;height: 350px;text-align: center; }
.step_body img{ width: 150px;height: 150px;margin: 50px 0 20px; }
.step_body h5{ color: #2a2a2a;font-size: 16px;line-height: 40px; }
.step_body p{ color: #8d8d8d;font-size: 14px; }

/*------------------------------------------------------------*/

.step1_body{ padding: 25px 0px; }
.step1_content{ width: 90%;/*height:330px;*/margin: 0 auto; overflow: auto; padding: 20px 2%; box-shadow: 0 0 15px #e9e9e9; border-radius: 3px; }
.step1_content h5{ font-size: 14px; line-height: 24px; color: #333; }
.step1_content p{ font-size: 14px;line-height: 23px;color:#888;margin: 6px 3px; }
.step1_content .step1_agree{ font-weight: bold; color: #dd801a; margin-top: 18px; }
.step1_group{ text-align: center; }
.step1_on{ background: #49b44e;color: #fff!important; }
::-webkit-scrollbar { width: 10px; height: 4px; background-color: #F5F5F5; }

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background: #fff; }

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color:rgba(200, 200, 200, 0.9); }
::-webkit-scrollbar-thumb:hover { border-radius: 3px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color:rgba(200, 200, 200, 1); }

/*------------------------------------------------------------*/

.step2_body .tips{ color: #888; }
.step2_body form{ padding: 30px 0; display: block; overflow: hidden; }
.step2_group{ text-align: center; }
/*.step2_button{ width: 20%; margin: 25px 15px; }*/
.step2_button{ width: 136px; margin: 20px 8px; }

/*.input-row { width: 100%; margin: 10px 0; display: block; overflow: hidden; }*/
.form-group { width: 100%; /*height: 90px;*/ padding: 6px 0; display: block; overflow: hidden; }
/*.row-left { width: 66px; margin: 7px 8px 0 0; float: left; text-align: right; }*/
.control-label { width: 66px; margin: 7px 8px 0 0; float: left; text-align: right; font-weight: bold; }
.row-center { /*width: 440px;*/ float: left; }
.row-yzm { float: left; }
.input-box { display: block; overflow: hidden; clear: both; }
.step1_content p.tips { margin: 0 3px; display: block; overflow: hidden; clear: both; font-size: 13px!important; }
.hqyzm { margin: 2px 0 0 2%; float: left; }
.row-center .form-control { width: 420px; }
.row-yzm .form-control { width: 300px; }


select {
	display: block;
	width: 100%;
	height: 34px;
	margin: 2px 4px 3px 0;
	padding: 0 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	/*background-color: #fff;*/
	/*background-image: none;*/
	border: 1px solid #ccc;
	border-radius: 4px;
	/*box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/
	/*transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
	outline: none;
	box-sizing: content-box;
}



/*------------------------------------------------------------*/

/*.step3_body>.step1_content{ height: 570px; }*/
.step3_title{ height: 40px;line-height: 43px; border-bottom: 1px solid #eee; }
.step3_title li{ float: left;width: 25%;text-align: center; }

.step3_current{ border-bottom: 3px solid #f60; }
.step3_current span{ background: #f60!important;color: #fff; }
.step3_title li span{ display: inline-block;width: 24px;height:24px;line-height: 24px; margin: 0 3px 0 0; background: #e5e5e5;text-align: center;font-size: 16px; border-radius: 50%; }
.step3_group{ text-align: center; }
.basic_info form{ padding: 35px 0; }

/*------------------------------------------------------------*/

.step4_body{ text-align: center; }
.step4_body img{ width: 100px;height: 100px;margin: 20px 0; }

.personal_resume,.submit_work{ padding: 20px 0; }
.pic_box span{ color: #888; }
.upBtn{ display: inline-block;width:50px;height: 50px;cursor: pointer; margin: 0 10px 10px 0; }
.upBtn img{ width: 100%; height: 100%; }
.up_pics { width: 500px; margin: 0 auto; }
.ul_pics li { float: left; width: 160px; height: 173px; border: 1px solid #ddd; padding: 2px; text-align: center; margin: 0 5px 5px 0; }
#up_pics span{ color: #666; margin-left: 20px; }
.ul_pics li .img { width: 160px; height: 140px; display: table-cell; vertical-align: middle; }
.ul_pics li img { max-width: 160px; max-height: 140px; vertical-align: middle; }
.progress { position: relative; padding: 1px; border-radius: 3px; margin: 60px 0 0 0; }
.bar { background-color: green; display: block; width: 0%; height: 20px; border-radius: 3px; }
.percent { position: absolute; height: 20px; display: inline-block; top: 3px; left: 2%; color: #fff; }





/*屏幕小于1024px*/
@media screen and (min-width:0px) and (max-width:1024px){

	.artist_dialog{ width:96%; max-width: 1000px; margin: 20px 2%; }

	.step1_content{ width: 90%; padding: 20px 3%; }
	.row-center { width: 75%; }
	.row-yzm { width: 42%; }
	.row-center .form-control { width: 85%; }
	.row-yzm .form-control { width: 78%; }

	.step3_title li { width: 33%; }


}


/*屏幕大于1024px*/
@media screen and (min-width:1025px){

	.step3_body .row-center { display: flex; }
	.step3_body .form-control { float: left; }
	.step3_body .step1_content p.tips { float: left; padding: 10px 0 0 0; }

}