body{background-color: #fff; width: 100%; }
#certify {position: relative;width: 1200px; margin:10px auto; height: 412px;}
#certify .swiper-container { padding: 20px; padding-bottom: 60px; height: 412px; }

#certify  .swiper-slide {width: 560px;height: 332px;background: #fff;box-shadow: 0 2px 18px rgba(0,0,0,0.4);-webkit-transition: all .3s ease-out;/* Safari 和 Chrome */ -moz-transition: all .3s ease-out;/* Firefox 4 */ -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out;/* Opera */ transition: all .3s ease-out; }
#certify  .swiper-slide img{width: 560px;height: 332px; border-radius: 4px;}
#certify  .swiper-slide p {line-height: 98px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em;margin: 0;}
#certify .swiper-pagination {width: 100%;bottom:30px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
.bannerLoad{position: relative;width: 1200px; margin:10px auto; height: 412px;}
.bannerLoad:after{content: "\e63d"; position: absolute;  left: 50%; top: 50%; margin-left:-15px; margin-top:-60px; display: flex; justify-content: center; align-items: center; font-size: 32px; -webkit-animation-name: layui-rotate;animation-name: layui-rotate; -webkit-animation-duration: 1s; animation-duration: 1s;-webkit-animation-timing-function: linear; animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
#certify .swiper-button-prev {left: 0px;top: 50%; margin-top: -50px; width: 45px;height: 45px;background: url(https://www.kchuhai.com/common/img/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-next {right: 0px;top: 50%; margin-top: -50px;width: 45px;height: 45px;background: url(https://www.kchuhai.com/common/img/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
#certify:hover .swiper-button-prev{background-position: 0 -46px;background-size: 100%}
#certify:hover .swiper-button-next{background-position: 0 -139px;background-size: 100%}
.swiper-button-prev:focus,.swiper-button-next:focus{outline: none;}
/* 详情 */
.kch-BannerImg{width:536px; height: 317px; border-radius: 10px;}
.kch-activeBox img{width: 100%; border-radius: 10px; border: 1px solid #ddd;}
.kch-rightBox .border-bottom:last-child{border-bottom: 0;}
.kch-inputListBox{width: 340px;}
/* 补充单选框 */
.kch-inputListBox2{border-radius: 2px; width: 800px;}
.kch-inputListBox2 .layui-input-block{margin-left: 10px; margin-top: 30px;}
/* 进行中 */
.kch-activityDSign.bg-success:hover{ background-color: #307bf8;}
.layui-form-checked, .layui-form-checked:hover{border-color: #307bf8;}
.layui-form-checkbox{padding-right: 0px; padding-left: 30px; margin-bottom: 12px;}
.layui-form-checkbox span{width: 100%;}
.layui-form-checkbox i{left: 0; height: 30px;border: 1px solid #d2d2d2; border-radius: 0;}
.layui-form-checked i, .layui-form-checked:hover i{ color:#fff ;border: 1px solid #307bf8;background-color:#307bf8 ;}
.layui-form-checked span, .layui-form-checked:hover span{width: 100%; background-color:#f1f6ff ; color:#307bf8 ;border: 1px solid #307bf8;  border-radius: 0;}
.animate-open{ height: 820px;opacity:1;}
/* 活动报名成功 */
.kch-skin .layui-layer-btn a{width: 100%; text-align: center; margin: 0 ; height: 34px; line-height: 34px;}
/* .select2活动多选 */
.select2-container .select2-search--inline .select2-search__field{padding-left: 60px!important; position: absolute; left: 0; top: 0; }
/* 类型选择有值 */
.youzhi{width: 340px;}
.youzhi .kch-InputList .layui-form-select{width: 340px; box-sizing: border-box;}
.youzhi .kch-InputList .layui-form-select .layui-input{background-color: rgba(255,255,255,0); border: none; padding-left: 60px;width: 340px; height: 38px;border: 1px solid #e3e8f0; }
.select2-dropdown{z-index: 1051;}
/* 报名弹窗覆盖 */
.kch-tc-login-box{width: 800px; height:initial; margin-left: -400px; padding: 0; position: absolute; bottom: 0; border-radius:20px 20px 0 0; background-color: initial;}
.roundedTop{border-radius:10px 10px 0 0;}
/* h5响应式布局 ↓↓↓↓↓↓↓↓ */
@media screen and (max-width: 800px) {
	#certify {position: relative;width: 100%; margin:10px auto; height: auto; margin-bottom: 0;}
	#certify .swiper-container { padding: 20px; padding-bottom: 30px; height: auto; }
	#certify  .swiper-slide {width: 100%;height: 0;padding-bottom: 59.25%; background: #fff;box-shadow: 0 2px 18px rgba(0,0,0,0.4);-webkit-transition: all .3s ease-out;/* Safari 和 Chrome */ -moz-transition: all .3s ease-out;/* Firefox 4 */ -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out;/* Opera */ transition: all .3s ease-out; }
	#certify  .swiper-slide img{width: 100%;height: 100%; border-radius: 4px; position: absolute; left: 0;bottom: 0;}
	#certify  .swiper-slide p {line-height: 98px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em;margin: 0;}
	#certify .swiper-pagination {width: 100%;bottom:10px;}
	#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;background-color: #efefef;width:16px;height: 4px;opacity: 1; border-radius: 0;}
	#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color:#c8d9e8!important;}
	.bannerLoad{position: relative;width: 100%; margin:10px auto; height: auto; margin-top: 45px; margin-bottom: 0;}
	.bannerLoad:after{content: "\e63d"; position: absolute;  left: 50%; top: 50%; margin-left:-15px; margin-top:-60px; display: flex; justify-content: center; align-items: center; font-size: 32px; -webkit-animation-name: layui-rotate;animation-name: layui-rotate; -webkit-animation-duration: 1s; animation-duration: 1s;-webkit-animation-timing-function: linear; animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
	#certify .swiper-button-prev {left: 0px;top: 50%; margin-top: -50px; width: 45px;height: 45px;background: url(https://www.kchuhai.com/common/img/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
	#certify .swiper-button-next {right: 0px;top: 50%; margin-top: -50px;width: 45px;height: 45px;background: url(https://www.kchuhai.com/common/img/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
	#certify:hover .swiper-button-prev{background-position: 0 -46px;background-size: 100%}
	#certify:hover .swiper-button-next{background-position: 0 -139px;background-size: 100%}
	.swiper-button-prev:focus,.swiper-button-next:focus{outline: none;}
	.w-380{width: 100%; margin-top: 0;}
	.w-center.px-3.mb-3.bg-white{width: 100%; padding:0;}
	.w-center.px-3.mb-3.bg-white>div:nth-child(1){padding-top: 0; padding-bottom: 15px; flex-direction: column;}
	.w-center.px-3.mb-3.bg-white .kch-BannerImg{width: 100%; border-radius: 0; height: auto; margin-bottom: 12px;}
	.w-center.px-3.mb-3.bg-white>div>div{margin-left: 15px;}
	.w-center.px-3.mb-3.bg-white>div>div .font-24.font-weight-bold{margin-bottom: 15px; margin-top: 15px;}
	.kch-FixedBtnBox{width: 180px; background-color: rgba(0,0,0,0);box-shadow:inherit; padding: 0; left: 50%; margin-left: -90px; border-bottom: 0;opacity: 1; height: 50px; top: initial !important; bottom: 20px;}
	.kch-FixedBtnBox>div>div{display: none;}
	.kch-FixedBtnBox>div>a{width: 100%; margin: 0;height: 50px; line-height: 50px; text-align: center; border-radius: 25px;box-shadow:0 0 12px 3px rgba(255, 255, 255, 0.28);font-size: 16px;background-color: #0a66ff;color: #fff;}
	.kch-enlargeMapBox{width: 94%; margin-left: 0; left:3%;}
	.kch-enlargeMap{width: 100%; margin: 0;}
	.w-center.flex.justify-between.px-3.mb-5{flex-direction: column; padding: 15px;}
	.kch-dLeftBox{width: 100%;}
	.kch-rh>.kch-fixedBox.flex.flex-column.position-fixed{position: initial!important; width: 100%!important;}
	.kch-fenxiang{display: none;}
	.kch-tc-login-box{width: 100%; left: 0;margin-left: 0px;}
	.kch-closeIcon{top: 10px; right: 20px;}
	.kch-tc-login-box .px-4{padding-left: 15px; padding-right: 15px;}
	.kch-tc-login-box>div:nth-child(2)>div:nth-child(2){flex-direction: column;flex-wrap: nowrap;}
	.kch-inputListBox2{width: 100%;}
	.kch-inputListBox2 .layui-input-block{margin-top: 50px;}
	.kch-inputListBox2 .layui-input-block .layui-form-radio{margin-bottom: 10px;}
	.kch-tc-login-box .layui-form-checkbox[lay-skin=primary]{min-height: inherit;}
	.kch-tc-login-box .layui-form-checkbox{height: inherit;line-height: 1.5;}
	.kch-tc-login-box .layui-input-block .layui-form-checkbox span{white-space: inherit; min-height: 30px;display: flex; align-items: center;}
	.kch-tc-login-box .layui-input-block .layui-form-checked i,.kch-tc-login-box .layui-input-block .layui-form-checkbox i{height: 100%; align-items: center;display: flex;justify-content: center;}
	.kch-tc-login-box .kch-inputListBox,.kch-tc-login-box .kch-inputListBox2{width: 100%;}
	.kch-tc-login-box .youzhi .kch-InputList .layui-form-select{width: 100%;}
	.kch-tc-login-box .youzhi .kch-InputList .layui-form-select .layui-input{width: 100%;}
	.kch-tc-login-box .youzhi .kch-InputList{width: 100%;}
	.w-center.flex.justify-start.align-center.mb-1.px-1>.w-180.flex.flex-column.align-center:nth-child(2){display: none;}
	.bannerLoad.layui-icon{margin-top: 0;}
	.kch-Btn-md{padding: 0 15px;}
	.kch-collect{margin-left: 15px; margin-right: 5px;}
	.layui-form-radio{margin-right: 0; line-height: inherit;}
	.layui-form-radio *{vertical-align: text-top;}
	.layui-form-radio>div:nth-child(2){width: calc(100% - 28px);}
}