/* CSS Document */

/*banner*/
/*.enroll-banner{width: 100%;text-align: center;}*/
.enroll-banner{width: 100%;height: 619px;background: url("/dcszleaterorg/thinksta-js-css/pc/images/enroll-banner01.jpg") no-repeat center center;text-align: center;transition: all .3s;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;background-size: cover;}
.enroll-banner .container{text-align: center;}
.enroll-banner img{display: block;margin: 0px auto;}
.enroll-banner .img02{margin-top: 50px;}

@media (max-width: 1199px) {
	.enroll-banner .img01{width: 30%;}
	.enroll-banner .img02{width: 70%;margin-top: 40px;}
}
@media (max-width: 767px) {
	.enroll-banner .img01{width: 25%;}
	.enroll-banner .img02{width: 52%;margin-top: 25px;}
}
@media (max-width: 499px) {
	.enroll-banner .img01{width: 38%;}
	.enroll-banner .img02{width: 78%;margin-top: 20px;}
}

/*表单、内容*/
.color-red{color: #f00;}
.enroll-body{background: url("/dcszleaterorg/thinksta-js-css/pc/images/enroll-bg01.jpg") repeat top center;padding: 100px 0px 60px;background-size: 100% auto;}
.enroll-box{width: 1030px;margin: 0px auto 100px;background-color: #fff;border:solid 6px #333;padding:40px 80px 80px;border-radius: 10px;background-image: url("/dcszleaterorg/thinksta-js-css/pc/images/enroll-bg02.jpg");background-repeat: repeat;position: relative;z-index: 1;}
.enroll-bar{position: absolute;width: 290px;height: 76px;left: 50%;top: -22px;margin-left: -145px;z-index: 10;padding: 6px 6px 10px;background:url("/dcszleaterorg/thinksta-js-css/pc/images/enroll-bg03.png") no-repeat center center;background-size: 100% 100%;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
.enroll-bar h3{font-size: 24px;text-align: center;color: #fff;line-height: 30px;display: block;width: 100%;}
.enroll-content{}
/*表单列表*/
.form-card{margin-top: 40px;text-align: center;}
.form-title{font-size: 16px;line-height: 30px;padding: 6px 0px;width: 105px;float: left;color: #333;text-align: left;}
.form-info{float: left;width: calc(100% - 105px);}
/*单选、复选*/
.form-optbox{padding: 6px 0px 0px;}
.form-opt{padding-top: 5px;margin-top: 10px;}
.form-opt:first-child{margin-top: 0px;}
.form-optbar{width: 145px;float: left;}
.form-optbar h3{font-size: 14px;color: #666;line-height: 20px;text-align: left;}
.choice-box{display: block;}
.choice-type{display: block;width: 12px;height: 12px;position: relative;overflow: hidden;border:solid 1px #333;float: left;margin: 5px 5px 0px 0px;}
.choice-type input{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;filter: alpha(opacity=0);opacity: 0;}
.choice-box h3{font-size: 14px;color: #666;line-height: 20px;float: left;width: calc(100% - 17px);}
.choice-radio{border-radius: 50%;}
.choice-radio:before{content: '';display: block;width: 6px;height: 6px;background: #333;margin: 2px auto;border-radius: 50%;transition: all .3s;filter: alpha(opacity=0);opacity: 0;}
.choice-radio.on:before{filter: alpha(opacity=100);opacity: 1;}
.rule-choice.on{border-color: #ff0808;}
.choice-check img{display: block;width: 100%;filter: alpha(opacity=0);opacity: 0;transition: all .3s;}
.choice-check.on img{filter: alpha(opacity=100);opacity: 1;}
.form-optlist{float: left;width: calc(100% - 145px);}
.form-optlist .choice-box{margin-right: 40px;margin-bottom: 5px;}
/*输入框*/
.form-write{display: block;width: 100%;padding: 10px;border:solid 1px #bdc0d3;border-radius: 5px;font-size: 14px;line-height: 20px;background: transparent;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.form-select{display: block;width: 100%;padding: 10px;border:solid 1px #bdc0d3;border-radius: 5px;font-size: 14px;line-height: 20px;background: transparent url("/dcszleaterorg/thinksta-js-css/pc/images/jt01.png") no-repeat 95% center;background-size: 16px;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.form-text{display: block;width: 100%;padding: 10px;border:solid 1px #bdc0d3;border-radius: 5px;font-size: 14px;line-height: 20px;background: transparent;height: 180px;}
.form-paper{position: relative;z-index: 1;display: block;width: 100%;}
.form-paper .form-write{width: calc(100% - 130px);background: rgba(204,204,204,.3)}
.form-file{width: 120px;height: 42px;line-height: 42px;background: #333;color: #fff;font-size: 14px;text-align: center;border-radius: 5px;cursor: pointer;}
.file-input{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;filter: alpha(opacity=0);opacity: 0;cursor: pointer;z-index: 10;}
.form-hint{font-size: 12px;color: #b2b2b2;line-height: 14px;margin-top: 8px;text-align: left;}

.form-inline{float: left;width: 48%;}
.form-inline:nth-child(2n+2){float: right;}
.form-sexbox{padding: 11px 0px;}
.form-sexbox label{margin-right: 40px;}

.address-select{float: left;width:18%;margin-right: 2%;}
.address-input{float: left;width: 40%;}
/*按钮*/
.form-button{display: block;text-align: center;font-size: 14px;line-height: 20px;border:solid 1px #bdc0d3;border-radius: 5px;padding: 10px;background: transparent;color: #666;width: 100%;}
.form-button.but-inline{min-width: 120px;width: auto;display: inline-block;margin: 0px 15px;}
.form-button.but-bg{background: #333;border-color: #333;color: #fff;}

/*必填项为空警告颜色*/
.form-write.layui-form-danger{border-color: #f00;box-shadow: 0px 0px 12px #ff9898;}
.append-box{display: none;}
.form-pop{display: none;padding: 0px 80px 60px;}
.form-wrap{max-width: 1030px;}

/*表单提交后信息列表*/
.enroll-mesag{border-bottom: solid 1px #ccc;padding-bottom: 40px;display: none;}
.enroll-mesag .form-hint{margin: 30px 0px 15px;color: #fe4638;}
.enroll-lst{}
.enroll-lst li{margin-top: 30px;border-top:dashed 1px #ccc;padding-top: 30px;}
.enroll-lst li:first-child{margin-top: 0px;}
.enroll-lst li p{font-size: 14px;line-height: 24px;color: #666;}
.work-name{margin-bottom: 10px;}
.work-name h3{font-size: 18px;color: #333;line-height: 30px;float: left;width:calc(100% - 130px);}
.work-name .operate{float: right;margin-top: 3px;}
.operate button{display: block;float: left;font-size: 12px;color: #666;line-height: 20px;border:none;background: none;margin-left: 30px;transition: all .3s;}
.operate button:first-child{margin-left: 0px;}
.operate button img{transition: all .3s; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.operate button:hover{color: #fe4638;}
.operate button:hover img{filter: none;}

.rule-box{padding-top: 50px;font-size: 14px;color: #666;line-height: 24px;}

/*联系方式*/
.contact-box{padding-top:50px;}
.contact-ul li{float: left;width: 48%;}
.contact-ul li:nth-child(2n+2){float: right;}
.contact-ul li p{font-size: 14px;line-height: 20px;color: #666;margin-bottom: 10px;}

.enroll-submit{text-align: center;}
.enroll-button{display: block;width: 230px;height: 60px;font-size: 20px;line-height: 60px;text-align: center;background: #333;color: #fff;border-radius: 10px;margin: 0px auto;border:none;}

/*提交结果*/
.enroll-fruit{text-align: center;padding-top: 60px;}
.enroll-fruit .layui-icon{font-size: 120px;color: #f3556c;display: block;margin: 0px auto;}
.enroll-fruit h3{font-size: 18px;color: #333;line-height: 30px;margin: 0px 0px 20px;}

@media (max-width: 1199px){
	.enroll-box{width: 960px;padding: 60px;margin-bottom: 80px;}
	.form-wrap{max-width: 960px;}
	.form-pop{padding:0px 60px 60px;}
	.rule-box{padding-top: 45px;}
	.contact-box{padding-top:40px;}

	.enroll-fruit{padding-top: 45px;}
}

@media (max-width: 991px){
	.enroll-body{padding: 80px 0px 40px;}
	.enroll-box{width: 730px;padding: 45px;margin-bottom: 60px;}
	.enroll-bar{width: 248px;height: 65px;padding: 4px 4px 10px;margin-left: -124px;}
	.enroll-bar h3{font-size: 20px;}
	.form-card{margin-top: 30px;}
	.form-title{font-size: 14px;width: 95px;line-height: 20px;padding: 7px 0px;}
	.form-info{width: calc(100% - 95px);}
	.form-optbar{width: 120px;}
	.choice-box h3{font-size: 12px;}
	.form-optbar h3{font-size: 12px;}
	.form-optbox{padding: 1px 0px;}
	.form-optlist{width: calc(100% - 120px);}
	.form-optlist .choice-box{margin-right: 25px;}
	.form-write,.form-select{font-size: 12px;padding: 6px 10px;}
	.form-select{background-size: 12px;}
	.form-text{font-size: 12px;height: 130px;line-height: 18px;}
	.form-paper .form-write{width: calc(100% - 65px);}
	.form-file{font-size: 12px;height: 34px;line-height: 34px;width: 60px;}
	.form-sexbox{padding: 7px 0px;}
	.form-button{font-size: 12px;padding: 7px 10px;}
	.form-button.but-inline{min-width: 100px;margin: 0px 7px;}

	.enroll-lst li{margin-top: 20px;padding-top: 20px;}
	.work-name{margin-bottom: 5px;}
	.work-name h3{font-size: 16px;}
	.enroll-lst li p{font-size: 13px;line-height: 21px;}

	.form-pop{padding: 0px 40px 40px;}
	.rule-box{padding-top: 30px;}

	.contact-box{padding-top:30px;}
	.contact-ul li p{font-size: 12px;line-height: 16px;margin-bottom: 8px;}
	.enroll-button{font-size: 18px;width: 180px;height: 50px;line-height: 50px;}

	.enroll-fruit{padding-top: 40px;}
	.enroll-fruit .layui-icon{font-size: 100px;}
	.enroll-fruit h3{font-size: 16px;}
}

@media (max-width: 767px) {
	.enroll-body{padding: 50px 15px 40px;}
	.enroll-box{width: 100%;padding: 25px 18px 20px;margin-bottom: 50px;border-width: 3px;}
	.enroll-bar{width: 172px;height: 45px;padding: 4px 4px 8px;margin-left: -86px;top: -19px;}
	.enroll-bar h3{font-size: 15px;}
	.form-card{border-top: dashed 1px #ccc;padding-top: 15px;margin-top: 15px;}
	.form-card:first-child{border-top: none;padding-top: 0px;}
	.form-optbox{width: 100%;}
	.form-opt{margin-top: 5px;}
	.form-opt:first-child{padding-top: 0px;}
	.choice-type{margin-top: 4px;}
	.form-optlist .choice-box{margin-right: 20px;}
	.form-inline{float: none;width: 100%;}
	.form-inline:nth-child(2n+2){float: none;margin-top: 15px;border-top: dashed 1px #ccc;padding-top: 15px;}
	.address-select{float: none;width: 100%;margin-right: 0px;margin-bottom: 6px;}
	.address-input{float: none;width: 100%;}

	.append-box{border: none;margin-top: 10px;}
	.enroll-mesag .form-hint{margin: 20px 0px 15px;}
	.enroll-mesag{padding-bottom: 25px;}
	.enroll-lst li{margin-top: 15px;padding-top: 15px;}
	.work-name{margin-bottom: 0px;}
	.work-name h3{font-size: 14px;}
	.enroll-lst li p{font-size: 12px;line-height: 18px;}
	.operate button{font-size: 11px;margin-left: 15px;}
	
	.form-pop{padding: 0px 20px 30px;}
	.rule-box{padding-top: 15px;font-size: 12px;line-height: 20px;}

	.contact-box{padding-top:15px;}
	.contact-ul li{float: none;width: 100%;}
	.contact-ul li:nth-child(2n+2){float: none;}
	.enroll-button{font-size: 16px;width: 150px;height: 42px;line-height: 42px;}

	.enroll-fruit{padding-top: 30px;padding-bottom: 20px;}
	.enroll-fruit .layui-icon{font-size: 90px;}
	.enroll-fruit h3{font-size: 14px;}
}