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

#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: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: 1200px; margin:10px auto; height: 388px;}
.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(../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(../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;}
/* 地图放大 */
.opacity-0{opacity: 0;}
.kch-enlargeMapBox{width:700px; height:500px; position: absolute; left: 50%; margin-left: -350px; top:20%;border-radius:6px;}
.kch-enlargeMap{width: 680px; height: 430px;}
.kch-enlargeMap *{box-sizing: content-box;}/* 地图设置 border-box  宽度不够 */
@media screen and (max-width: 800px) {
	.kch-screen{width: 100%; display: flex; justify-content:space-between; padding: 0 15px 0 10px;position:fixed; top:44px; background:#fff;z-index:99;padding-top:5px;margin-top:0;left:0;box-shadow:0 10px 20px rgba(0,0,0,0.1);}
	.kch-screen.rounded-6{border-radius: 0; padding: 0 50px;}
	.kch-shujuBox{margin-top:68px;}
	.kch-screen>.kch-screenH{overflow: inherit;border-bottom:0;flex-direction: column; padding-left: 5px; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;z-index: 2;}
	.kch-screen .kch-sxmodal{position: fixed; top: 100px; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); display: none;}
	.kch-screenH{max-width:30%; }
	.kch-screenH>div:nth-child(1){max-width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.kch-screenH>div:nth-child(2){display: none;/* flex-direction: column; */}
	.kch-screenH>div:nth-child(2)>a{line-height: 50px;}
	.kch-screenH>.mr-4{margin-right: 0;}
	.kch-screenH>.mr-4>span{display: none;}
	.kch-screenH:after{pointer-events: none;font-family: "iconfont" !important;font-size: 16px; font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute; content: "\e601";  color: #666;  right: 0px; font-size: 10px; transform: scale(0.6);}
	.kch-selfTable{width: 100%;}
	.kch-screenH>div:nth-child(2){display: none;position: fixed;background: #ffffff; width: 100%;top: 100px;left: 0; height: 300px;box-shadow:0 50px 50px rgba(0,0,0,0.1);border-top: 1px solid #eee; padding-top: 10px;overflow-y: auto;align-items: flex-start;align-content: flex-start;}
	#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(../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(../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;}
	.kch-hdTopBox{width: 100%; padding:0;}
	.kch-hdTopBox>div:nth-child(1){padding-top: 0; padding-bottom: 15px; flex-direction: column;}
	.kch-hdTopBox .kch-BannerImg{width: 100%; border-radius: 0; height: auto;}
	.kch-hdTopBox>div>div{margin-left: 15px;}
	.kch-hdTopBox>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;}
	.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;}
	.kch-enlargeMapBox{width: 94%; margin-left: 0; left:3%;}
	.kch-enlargeMap{width: 100%; margin: 0;}
	.kch-hdCenBox{flex-direction: column; padding: 15px;}
	.kch-dLeftBox{width: 100%;}
	.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%;}
}