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

.exhibition{background-color: #f1f1f1;padding: 80px 0;}
.main-content{margin-top: 80px;}
.content-wrap{background-color: #fff;padding: 15px 40px 50px;}

/* tabs */
.main-content .tabs {padding: 25px 35px;background-color: #fff;}
.main-content .tabs a{width: 130px;height: 50px;border-radius: 25px;background-color: #f4f4f4;line-height: 50px;font-weight: 900;margin-right: 30px;}
.main-content .tabs a.active{background-color: #F4822F;background-image:-o-linear-gradient(left,#ef5a24,#f9ae3b);background-image:-webkit-gradient(linear,left top, right top,from(#ef5a24),to(#f9ae3b));background-image:linear-gradient(90deg,#ef5a24,#f9ae3b);color: #fff;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);}

/* area */
.area .pic-wrap{background-color: #f1f1f1;}
.area .pic-wrap img{ width: 100%;-webkit-transition: -webkit-transform .3s linear;transition: -webkit-transform .3s linear;-o-transition: transform .3s linear;transition: transform .3s linear;transition: transform .3s linear, -webkit-transform .3s linear;}
.area .pic-wrap .bg{ opacity: 0;}
.area .text-wrap {right: 0;}
.area .text-wrap .layui-btn{margin: 40px 0;width: 160px;height: 60px;border-radius: 30px;border: 1px solid #e4b75b;background-color: #fff;background-image: none;color: #333;}
.area .text-wrap .layui-btn.active{background-color: #F4822F;background-image:-o-linear-gradient(90deg,#ef5a24,#f9ae3b);background-image:linear-gradient(90deg,#ef5a24,#f9ae3b);color: #fff;}
.area .remarks {border-bottom: 1px solid #dbdae0;padding: 20px 0;}
.area .remarks i{vertical-align: -3px;margin-right: 3px;}

/* booth */
.booth{border: 1px solid #dbdae0;}
.booth h3{line-height: 1;border-bottom: 1px dashed #dbdae0;padding: 20px;}
.booth .booth-tabs{border-bottom: 1px dashed #dbdae0;padding: 28px 0;}
.booth .booth-tabs li{margin-top: 20px;}
.booth .booth-tabs li:nth-child(-n+3){margin-top: 0;}
.booth .booth-tabs li a{display: inline-block;width: 350px;height: 60px;line-height: 60px;vertical-align:middle}
.booth .booth-tabs li.active a strong:first-child{background-color: #F4822F;background-image: -webkit-gradient(linear,left top, right top,from(#ef5a24),to(#f9ae3b));background-image: -o-linear-gradient(left,#ef5a24,#f9ae3b);background-image: linear-gradient(90deg,#ef5a24,#f9ae3b);color: #fff;}
.booth .booth-tabs li.active a strong:last-child{background-color: #F4822F;background-image: -webkit-gradient(linear,left top, right top,from(#f9ae3b),to(#eac67f));background-image: -o-linear-gradient(left,#f9ae3b,#eac67f);background-image: linear-gradient(90deg,#f9ae3b,#eac67f);color: #fff;}
.booth .booth-tabs li a strong{display:block;width: 50%;height: 100%;background-color: #e7e7e7;position: relative;}
.booth .booth-tabs li a strong:first-child{border-right: 1px dashed #fff;}
.booth .booth-tabs li a strong:before{content: '';width: 0;height: 0;border-width: 1px;border-style: solid;position: absolute;}
.booth .booth-tabs li a strong:after{content: '';width: 0;height: 0;border-width: 1px;border-style: solid;position: absolute;}
.booth .booth-tabs li a strong:first-child:before{right: 0;top:0;border-color: #fff #fff transparent transparent;}
.booth .booth-tabs li a strong:first-child:after{right: 0;bottom:0;border-color:transparent #fff #fff transparent ;}
.booth .booth-tabs li a strong:last-child:before{left: 0;top:0;border-color: #fff transparent transparent #fff;}
.booth .booth-tabs li a strong:last-child:after{left: 0;bottom:0;border-color:transparent transparent #fff #fff;}
.booth .tab-content {padding: 15px 10px;}
.booth .tab-content li{padding:10px;}
.booth .tab-content li a{border: 1px solid #dddddd;display: block;height: 70px;text-align: center;line-height: 68px;position: relative;}
.booth .tab-content li.gray a{background-color: #e1e1e1;color: #fff;border-style: dashed;border-color: #bbb;}
.booth .tab-content li.checked a{background-color: #F4822F;background-image: -webkit-gradient(linear,left top, right top,from(#ef5a24),to(#eac77f));background-image: -o-linear-gradient(left,#ef5a24,#eac77f);background-image: linear-gradient(90deg,#ef5a24,#eac77f);color: #fff;border-color: #eac77f;}
.booth .tab-content li a .checked-img{position: absolute;right: 0;top: 0;display: none;height: 45%;}
.booth .tab-content li.checked a .checked-img{display: block;}
.booth .booth-tabs-mb{display: none;}

/* sign-up */
.sign-up .notice {padding: 20px 45px 100px;background-color: #f4f4f4;}
.sign-up .notice .title{padding: 10px 0 ;border-bottom: 1px solid #dbdae0;}
.sign-up .notice .small-title img{margin-right: 6px;vertical-align: 1px;}
.sign-up .notice .download {width: calc(50% - 5px);height: 60px;border-radius: 30px;border: 1px solid #dbdae0; line-height: 58px;background-color: #fff;}
.sign-up .layui-form {padding-right: 40px;}
.sign-up .layui-form .remarks{padding-right: 40px;}
.sign-up .layui-form .remarks {border-bottom: 1px dashed #dbdae0;padding:10px 0;}
.sign-up .layui-form .remarks i{vertical-align: -3px;margin-right: 3px;}
.sign-up .layui-form .layui-form-item {padding: 25px 0;border-bottom: 1px dashed #dbdae0;margin: 0;}
.sign-up .layui-form .layui-input-block {margin-left: 0;}
.sign-up .layui-form .layui-form-radio {width: 100px;height: 60px;text-align: center;line-height: 60px;background-color: #e7e7e7;font-weight: bold;padding: 0;font-size: 16px;margin: 0;margin-right:25px;float: left;}
.sign-up .layui-form .layui-form-radioed {background-color: #F4822F;background-image: -webkit-gradient(linear,left top, right top,from(#ef5a24),to(#f9ae3b));background-image: -o-linear-gradient(left,#ef5a24,#f9ae3b);background-image: linear-gradient(90deg,#ef5a24,#f9ae3b);color: #fff;}
.sign-up .layui-form .layui-form-radio i{display: none;}
.sign-up .layui-form .layui-form-radio  *{font-size: 16px;}
.sign-up .layui-form .price {line-height: 60px;}
.sign-up .layui-form .price.two{line-height: 30px;}
.sign-up .layui-form .price .nums{margin-left: 30px;}
.sign-up .layui-form .price .layui-form-select{float: left;margin-top: 13px;}
.sign-up .layui-form .price .layui-select-title{width: 60px;height: 32px;}
.sign-up .layui-form .price .layui-select-title input{height: 100%;}
.sign-up .layui-form .price.two .layui-form-select{float: left;margin-top: 1px;}
.sign-up .layui-form .price.two .layui-select-title{width: 60px;height: 28px;}
.sign-up .layui-form .price .num{min-width: 90px;}
.sign-up .layui-form .input-wrap{padding: 0;border-bottom: none;padding: 15px 0 0;}
.sign-up .layui-form .input-wrap .layui-input-block{margin-top: 15px;}
.sign-up .layui-form .input-wrap .layui-input-block input{height: 60px;font-size: 16px;padding:  0 1em;}
.sign-up .layui-form .total {border-bottom: none;}
.sign-up .layui-form .total strong{vertical-align: -3px;}
.sign-up .layui-form .btn{border-bottom: none;}
.sign-up .layui-form .layui-btn{width: 100%;-webkit-box-shadow: none;box-shadow: none;}
.sign-up .layui-form .checked-title{width: 100px;}
.sign-up .layui-form .checked-list{margin-left: 100px;line-height: 2;}
.sign-up .layui-form .checked-list .num{border: 1px solid #042f64;border-radius: 50%;width: 16px;height: 16px;display: inline-block;line-height: 1;vertical-align: -2px;margin-right: 10px;}

.Components-amount-change{display: inline-block;}
.Components-amount-change button{width: 28px;height: 28px;background-color: #F4822F;color: #fff;font-size: 18px;text-align: center;line-height: 28px;}
.Components-amount-change button:active{background-color: #e5792c;}
.Components-amount-change input{width: 40px;height: 28px;background-color: #fff;font-size: 18px;text-align: center;border:1px solid #eee;}

.floor-tabs{border-bottom: 1px dashed #dbdae0;padding: 28px 0;text-align: center;}
.floor-tabs a.layui-btn{display: inline-block;border-radius: 50px;background:none;border: 1px solid #F4822F;color: #333;}
.floor-tabs a.layui-btn.active{    background-color: #F4822F;background-image: -o-linear-gradient(135deg,#ef5a24,#f9ae3b);background-image: linear-gradient(-45deg,#ef5a24,#f9ae3b);color: #fff;}

@media screen and (max-width: 1280px){
	.exhibition{padding: 60px 0;}
	.main-content{margin-top: 60px;}
	.main-content .tabs {padding: 20px 30px;}
	.area .text-wrap .layui-btn{width: 120px;height: 50px;margin: 20px 0 ;line-height: 50px;}
	.booth .booth-tabs li a{width: 300px;}
	.sign-up .notice .download {width: 100%;margin-bottom: 10px;}

}
@media screen and (max-width: 1150px){
	.booth .booth-tabs li a{width: 260px;}

}

@media screen and (max-width: 991px){
	.exhibition{padding: 40px 0;}
	.main-content{margin-top: 40px;}
	.main-content .tabs a{width: 100px;height: 40px;border-radius: 20px;line-height: 40px;margin-right: 20px;}
	.content-wrap{padding: 30px;}
	.area .text-wrap {position: static;width: 100%;clear: both;text-align: center;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);padding-top: 30px;}
	.area .text-wrap .layui-btn{display: inline-block;margin: 0 10px;}
	.area .remarks {border-bottom: 1px solid #dbdae0;padding: 0 0 20px;}
	.booth{margin-top: 40px;}
	.booth .booth-tabs {display: none;}
	.floor-tabs{display: none;}
	.booth .booth-tabs-mb{display: block;padding:10px 10px 0;}
	.booth .booth-tabs-mb .layui-input-block{margin-left: 0;}
	.booth .tab-content {padding:5px 5px;}
	.booth .tab-content li{padding:5px;}
	.booth h3{border-bottom: 1px dashed #dbdae0;}
	.sign-up .layui-form {padding-right:0;}
	.sign-up .notice {padding: 20px 30px 50px;}
}

@media screen and (max-width: 767px){
	.exhibition{padding: 30px 0;}
	.main-content{margin-top: 30px;}
	.main-content .tabs {padding: 20px;}
	.main-content .tabs a{width: 32%;margin: 0;margin-right: 2%!important;height: 40px;border-radius: 20px;line-height: 40px;}
	.main-content .tabs a:last-child{margin: 0!important;}
	.content-wrap{padding: 15px;}
	.area .text-wrap {padding-top: 15px;}
	.area .text-wrap .layui-btn{margin: 0;width: 100%;height: 40px;line-height: 40px;margin-bottom: 10px;}
	.area .text-wrap .layui-btn:first-child{margin-left:0}
	.area .text-wrap .layui-btn:last-child{margin-right:0}
	.booth{margin-top: 20px;}
	.booth h3{border-bottom: 1px dashed #dbdae0;}
	.sign-up .layui-form .layui-form-radio {height: 50px;line-height: 50px;;}
	.sign-up .layui-form .price {line-height: 32px;margin-top: 10px;}
	.sign-up .layui-form .price .layui-form-select{margin-top: 0;}
	.sign-up .layui-form .price .hours{margin-left: 0;clear: left;display: block;}
	.sign-up .layui-form .layui-form-item.btn{padding-top: 0;}
	.sign-up .notice {padding: 20px;}

}

/* popups */
.popups .content{width: 440px;height: 344px;border-radius: 12px;background-color: #fff;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.popups .content .close{width: 40px;height: 40px;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 1;}
.popups .content .close i{font-size: 18px;color:#dddddd;}
.popups .content .top,.popups .content .bottom{width: 100%;height: 50%;position: relative;}
.popups .content .top{border-bottom:1px solid #f1f1f1 ;}
.popups .content .top img{-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.1);box-shadow: 0 10px 10px rgba(0,0,0,.1);border-radius: 50%;}
.popups .content .top p,.popups .content .bottom p{margin-top: 10px;}