/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 15 version
*/

.speaker{background-color: #f1f1f1;padding: 80px 0;}
.main-content{margin-top: 80px;}

/* left-slide */
.left-slide{width: -webkit-calc(100% - 410px);width: calc(100% - 410px);background-color: #fff;}
.left-slide h3{line-height:90px;height: 90px;padding: 0 30px;background-color: #0a3b6d;background-image: -webkit-gradient(linear,left top, right top,from(#0a3b6d),to(#1a5694));background-image: -o-linear-gradient(left,#0a3b6d,#1a5694);background-image: linear-gradient(90deg,#0a3b6d,#1a5694);color: #fff;}
.left-slide h3 i{margin-right: 10px;vertical-align: -1px;}
.left-slide h3 .bg{right: 30px;}
.left-slide .layui-form {padding: 30px;}
.left-slide .layui-form .top-message .input-wrap{width: -webkit-calc(100% - 210px);width: calc(100% - 210px);}
.left-slide .layui-form .top-message .pic-wrap{width: 200px;height: 246px;background-color: #f3f3f3;cursor: pointer;}
.left-slide .layui-form .layui-input{height: 54px;padding: 0 20px;margin-bottom: 10px;}
.left-slide .layui-form .two .layui-input,.left-slide .layui-form .two .select-wrap{width: -webkit-calc(50% - 5px);width: calc(50% - 5px);margin-right: 0;}
.left-slide .layui-form .two .layui-form-select .layui-input{width: 100%;}
.left-slide .layui-form .layui-form-select dl{top: 54px;}
.left-slide .layui-form .layui-form-select .layui-edge{right: 20px;}
.left-slide .layui-form .layui-textarea {resize: none;padding: 15px 20px;height: 120px;margin-bottom: 10px;}
.left-slide .layui-form .field {border: 1px solid #e6e6e6;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-radius: 2px;margin-bottom: 10px;}
.left-slide .layui-form .field:hover {border: 1px solid #d2d2d2;}
.left-slide .layui-form .field h4{line-height: 1.5;padding:15px 20px;background-color: #f8f8f8;}
.left-slide .layui-form .field-list {padding: 20px;}
.left-slide .layui-form .field-list .layui-form-checkbox{margin-bottom: 10px;}
.left-slide .layui-form .layui-form-checked[lay-skin=primary] i{background-color: #042f64;border-color: #042f64!important;}
.left-slide .layui-form .layui-form-checkbox[lay-skin=primary]:hover i{border-color: #042f64!important;}
.left-slide .layui-form .last .layui-form-radio{width: -webkit-calc(50% - 5px);width: calc(50% - 5px);height: 50px!important;line-height: 48px!important;border: 1px solid #e6e6e6 !important;border-radius: 2px;padding: 0 20px;margin: 0;position: relative;float: right;}
.left-slide .layui-form .last .layui-form-radio:first-of-type{float: left;}
.left-slide .layui-form .last .layui-form-radio .layui-icon{position: absolute;right: 20px;margin: 0;}
.left-slide .layui-form .last .layui-form-radio *{color: #999;}
.left-slide .layui-form .last .layui-form-radio div{line-height: 20px;overflow: hidden;height: 40px;width: 90%;}
.left-slide .layui-form .last .layui-form-radioed *{color: #042f64;}
.left-slide .layui-form .last .layui-form-radioed {border-color: #042f64!important;}
.left-slide .layui-form .layui-btn {width: 440px;height: 60px;line-height: 60px;font-size: 16px;font-weight: bold;margin: 50px auto 30px;display: block;-webkit-box-shadow: none;box-shadow: none;border-radius: 30px;}
.layui-form-checkbox[lay-skin=primary] span{white-space: normal;}

/* right-slide */
.right-slide{width: 390px;padding: 30px;background-color: #fff;background-image: url(../static/images/bacome-speaker-bg2.png);background-repeat: no-repeat;background-position: 80% 90%;}
.right-slide h3{line-height: 60px;border-bottom: 1px solid #e2e1e6;}
.right-slide .desc{-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;line-height: 1.8;padding: 20px 0;}



@media screen and (max-width: 1280px){
	.speaker{padding: 60px 0;}
	.main-content{margin-top: 60px;}
	.left-slide{width: -webkit-calc(100% - 320px);width: calc(100% - 320px);background-color: #fff;}
	.left-slide h3{line-height:60px;height: 60px;padding: 0 30px;}
	.left-slide h3 .bg{height: 50%;right: 30px;}
	.right-slide{width: 300px;padding:0 30px 30px;}
}

@media screen and (max-width: 991px){
	.speaker{padding: 40px 0;}
	.main-content{margin-top: 40px;}
	.left-slide{width: 100%;}
	.right-slide{width:100%;}
	.left-slide .layui-form .layui-btn {margin-bottom: 0;}
}

@media screen and (max-width: 767px){
	.speaker{padding: 30px 0;}
	.main-content{margin-top: 30px;}
	.left-slide .layui-form {padding: 15px;}
	.left-slide .layui-form .top-message .input-wrap{width: -webkit-calc(100% - 146px);width: calc(100% - 146px);}
	.left-slide .layui-form .top-message .pic-wrap{width: 141px;height: 174px;}
	.left-slide .layui-form .top-message .pic-wrap .add{width: 30px;height: 30px;}
	.left-slide .layui-form .top-message .pic-wrap .content{width: 80%;}
	.left-slide .layui-form .layui-input{height: 40px;padding: 0 10px;margin-bottom: 5px;}
	.left-slide .layui-form .layui-form-select dl{top: 46px;width: 100%;}
	.left-slide .layui-form .last .layui-form-radio{width: 100%;margin-bottom: 5px;}
	.left-slide .layui-form .layui-textarea {margin-bottom: 5px;}
	.left-slide .layui-form .field {margin-bottom: 5px;}
	.left-slide .layui-form .layui-btn {width: 100%;height: 50px;line-height: 50px;font-size: 16px;margin: 20px auto 0;}
	.right-slide{padding:0 15px 10px;}
}