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

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

/* 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: #f9ae3b;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);}

/* model-title */
.model-title{padding: 15px 0;border-bottom: 1px solid #e1e1e1;margin-top: 15px;}
.model-title i{margin-right: 5px;}
.model-title strong{font-weight: 900;}

/* tickets */
.tickets .list{margin-top: 20px;}
.tickets .list li {margin-bottom: 6px;cursor: pointer;}
.tickets .list li:last-child{margin-bottom: 0;}
.tickets .list li .title{height: 95px;padding: 0 40px;background-color: #fff;line-height: 95px;}
.tickets .list li .title span{display: inline-block;width: -webkit-calc(100% - 50px);width: calc(100% - 50px);}
.tickets .list li .title .more{width: 40px;height: 40px;border: 1px solid #e1e1e1;color: #e1e1e1;border-radius: 50%;right: 40px;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);line-height: 40px;text-align: center;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.tickets .list li .title .more:before{content: '';width: 14px;height: 2px;background-color: #e1e1e1;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.tickets .list li .title .more:after{content: '';width: 2px;height: 14px;background-color: #e1e1e1;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.tickets .list li .title .more:hover{border-color: #042f64;background-color: #042f64;}
.tickets .list li .content {display: none;padding: 25px 40px;background-color: #fafafa;margin-top: 2px;text-align: justify;}
.tickets .list li .content>div:first-child{width:30px;line-height: 1.2;}
.tickets .list li .content>div:nth-child(2){width:-webkit-calc(100% - 30px);width:calc(100% - 30px);line-height: 1.8;}
.tickets .list li.active .more {border-color: #042f64;background-color: #042f64;}
.tickets .list li.active .more:after {display: none;}

/* traffic */
.traffic .content{padding: 30px 0;background-color: #fff;margin-top: 20px;position: relative;}
.traffic .content .pic-wrap{position: absolute;height: -webkit-calc(100% - 60px);height: calc(100% - 60px);left: 30px;top: 30px;}
.traffic .content .pic-wrap .title{left: 40px;top:0;}
.traffic .content .pic-wrap .title span{display: inline-block;width: 12px;height: 12px;background-color: #e4b75b;margin-right: 5px;vertical-align: -1px;}
.traffic .content .text-wrap li{margin-bottom: 15px;}
.traffic .content .text-wrap li:last-child{margin-bottom: 0;}
.traffic .content .text-wrap .title{width: 65px;height: 150px;background-color: #e4b75b;background-image: -o-linear-gradient(bottom,#ef5a24,#f9ae3b);background-image: -webkit-gradient(linear,left bottom, left top,from(#ef5a24),to(#f9ae3b));background-image: linear-gradient(0deg,#ef5a24,#f9ae3b); -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr;-webkit-writing-mode: tb-lr;-ms-writing-mode: tb-lr;writing-mode: tb-lr;text-align: center;line-height: 65px;}
.traffic .content .text-wrap .desc-wrap {width: -webkit-calc(100% - 65px);width: calc(100% - 65px);padding: 15px 35px;}
.traffic .content .text-wrap .desc-wrap .desc{color: #666;margin-top: 10px;}

/* room */
.room .content{padding: 30px 35px;background-color: #fff;margin-top: 20px;}
.room .content-view{overflow-x: auto;}
.room .layui-table{min-width: 1000px;}

/* download */
.download .list li .xiala{right: 30px;height: 40px;width: 40px;text-align: center;line-height: 40px;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;color: #999;}
.download .list li.active .xiala{-webkit-transform: translate(0,-50%) rotate(-180deg);-ms-transform: translate(0,-50%) rotate(-180deg);transform: translate(0,-50%) rotate(-180deg);}
.download .list li .content{padding: 0;background: none;margin: 0;}
.download .list li .content>div{width: 100%!important;line-height: 40px!important;margin-bottom: 0!important;}
.download .list li .content .item {padding: 15px 40px;background-color: #fafafa;margin-top: 2px;}
.download .list li .content .item-title {line-height: 40px;}
.download .list li .content .item-title .layui-btn{width: 90px;height: 40px;border-radius: 20px;-webkit-box-shadow: none;box-shadow: none;line-height: 40px;}
.download .list li .content .item-title h6{font-weight: 900;width: -webkit-calc(100% - 100px);width: calc(100% - 100px);line-height: 40px;}
.download .list li .content .item-content {line-height: 1.5!important;}
.download .list li .content .item-content .layui-form-item {clear: none;margin-bottom: 20px;}
.download .list li .content .item-content .layui-form-label {width: 120px;color: #666;padding: 0;text-align: left;line-height: 52px;}
.download .list li .content .item-content .layui-input-block {margin-left: 120px;width: -webkit-calc(100% - 140px);width: calc(100% - 140px);}
.download .list li .content .item-content .layui-input {height: 52px;width:100%;}
.download .list li .content .item-content .phone .layui-form-label {width: 140px;}
.download .list li .content .item-content .phone .layui-input-block {margin-left: 150px;width: -webkit-calc(100% - 170px);width: calc(100% - 170px);}
.download .list li .content .item-content .visa {width: 100%}
.download .list li .content .item-content .visa .layui-form-label {width: 270px;}
.download .list li .content .item-content .visa .layui-input-block {margin-left: 270px;width: -webkit-calc(100% - 290px);width: calc(100% - 290px);}
.download .list li .content .item-content .gender .layui-form-label {text-align: right;}
.download .list li .content .item-content .birth .layui-input {width: 31%;}
.download .list li .content .item-content .birth span {width: 3.5%;display:block;text-align: center;line-height: 52px;}
.download .list li .content .item-content .assport{width: 100%;}
.download .list li .content .item-content .assport .layui-form-label {width: 120px;}
.download .list li .content .item-content .assport .layui-input-block {margin-left: 120px;width: -webkit-calc(100% - 140px);width: calc(100% - 140px);}
.download .list li .content .item-content .intended,.download .list li .content .item-content .intended2{width: 100%;}
.download .list li .content .item-content .intended .layui-form-label {width: 260px;}
.download .list li .content .item-content .intended .layui-input-block {margin-left: 260px;width: -webkit-calc(100% - 280px);width: calc(100% - 280px);}
.download .list li .content .item-content .intended2 .layui-form-label {width: 290px;}
.download .list li .content .item-content .intended2 .layui-input-block {margin-left: 290px;width: -webkit-calc(100% - 310px);width: calc(100% - 310px);}
.download .list li .content .item-content .sponsor .layui-form-label{width: 100%;}
.download .list li .content .item-content .sponsor .layui-input-block{width: 100%;margin-left: 0;width: -webkit-calc(100% - 20px);width: calc(100% - 20px);}
.download .list li .content .item-content .desc {background-color: #f3f3f3;height: 846px;}
.download .list li .content .item-content .btn-wrap .layui-input-block{margin-left: 0;width: 100%;margin-top: 20px;}
.download .list li .content .item-content .btn-wrap button{width:-webkit-calc(100% - 20px);width:calc(100% - 20px);height: 52px;line-height: 52px;}

@media screen and (max-width: 1280px){
	.guide{padding: 60px 0;}
	.main-content{margin-top: 60px;}
	.main-content .tabs {padding: 20px 30px;}
	.tickets .list li .title{height: 80px;padding: 0 30px;line-height: 80px;}
	.tickets .list li .title .more{right: 30px;}
	.tickets .list li .content {padding: 20px 30px;}
	.download .list li .content{padding: 0;}
	.download .list li .content .item {padding: 15px 30px;}
	.room .content{padding: 20px 30px;}
	.download .list li .content .item-content .layui-form-label {width: 100px;}
	.download .list li .content .item-content .layui-input-block {margin-left: 100px;width: -webkit-calc(100% - 120px);width: calc(100% - 120px);}
	.download .list li .content .item-content .phone .layui-form-label {width: 130px;}
	.download .list li .content .item-content .phone .layui-input-block {margin-left: 130px;width: -webkit-calc(100% - 150px);width: calc(100% - 150px);}
	.download .list li .content .item-content .visa .layui-form-label {width: 240px;}
	.download .list li .content .item-content .visa .layui-input-block {margin-left: 240px;width: -webkit-calc(100% - 260px);width: calc(100% - 260px);}
	.download .list li .content .item-content .gender .layui-form-label {padding-right: 10px;}
	.download .list li .content .item-content .assport .layui-form-label {width: 100px;}
	.download .list li .content .item-content .assport .layui-input-block {margin-left: 100px;width: -webkit-calc(100% - 120px);width: calc(100% - 120px);}
	.download .list li .content .item-content .intended .layui-form-label {width: 230px;}
	.download .list li .content .item-content .intended .layui-input-block {margin-left: 230px;width: -webkit-calc(100% - 250px);width: calc(100% - 250px);}
	.download .list li .content .item-content .intended2 .layui-form-label {width: 260px;}
	.download .list li .content .item-content .intended2 .layui-input-block {margin-left: 260px;width: -webkit-calc(100% - 280px);width: calc(100% - 280px);}
	.download .list li .content .item-content .gender .layui-form-label {width: 100px;}
	.download .list li .content .item-content .gender .layui-input-block {margin-left: 100px;width: -webkit-calc(100% - 120px);width: calc(100% - 120px);}

}

@media screen and (max-width: 991px){
	.guide{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;}
	.download .list li .content .item-content .desc {height: 1061px;}
	.download .list li .content .item-content .gender .layui-form-label {text-align: left;}
}

@media screen and (max-width: 767px){
	.guide{padding: 30px 0;}
	.main-content{margin-top: 30px;}
	.main-content .tabs a{width: -webkit-calc(50% - 10px);width: calc(50% - 10px);height: 50px;border-radius: 25px;line-height: 50px;margin-right: 20px;margin-bottom: 15px;}
	.main-content .tabs a:nth-child(2n+2){margin-right: 0;}
	.main-content .tabs a:nth-child(n+3){margin-bottom: 0;}
	.main-content .tabs {padding: 20px;}
	.tickets .list li .title{height: 60px;padding: 0 20px;line-height: 60px;}
	.tickets .list li .title .more{right: 20px;width: 30px;height: 30px;}
	.tickets .list li .content {padding: 20px;}
	.tickets .list li .content>div:first-child{width:100%;line-height: 1;margin-bottom: 6px;}
	.tickets .list li .content>div:nth-child(2){width:100%;}
	.traffic .content{padding: 0 0 20px;}
	.download .list li .content{padding: 0;}
	.traffic .content .pic-wrap{position: static;height: 220px;}
	.traffic .content .pic-wrap .title{left: 20px;top:20px;}
	.traffic .content .text-wrap li{margin-bottom: 10px;padding:0 15px;}
	.traffic .content .text-wrap .desc-wrap {padding: 15px 0 15px 15px;}
	.room .content{padding: 15px;}
	.download .list li .content .item {padding: 15px 20px;}
	.download .list li .content .item-content .layui-input-block {width: -webkit-calc(100% - 100px);width: calc(100% - 100px);}
	.download .list li .content .item-content .phone .layui-input-block {width: -webkit-calc(100% - 130px);width: calc(100% - 130px);}
	.download .list li .content .item-content .visa .layui-input-block {width: -webkit-calc(100% - 240px);width: calc(100% - 240px);}
	.download .list li .content .item-content .assport .layui-input-block {width: -webkit-calc(100% - 210px);width: calc(100% - 210px);}
	.download .list li .content .item-content .desc {height: 200px;overflow-y: auto;}
	.download .list li .content .item-content .gender .layui-input-block{width: -webkit-calc(100% - 100px);width: calc(100% - 100px);}
	.download .list li .content .item-content .assport .layui-form-label{width: 100%;line-height: 20px;margin-bottom: 10px;}
	.download .list li .content .item-content .assport .layui-input-block{width: 100%;margin-left: 0;}
	.download .list li .content .item-content .intended .layui-form-label{width: 100%;line-height: 20px;margin-bottom: 10px;}
	.download .list li .content .item-content .intended .layui-input-block{width: 100%;margin-left: 0;}
	.download .list li .content .item-content .intended2 .layui-form-label{width: 100%;line-height: 20px;margin-bottom: 10px;}
	.download .list li .content .item-content .intended2 .layui-input-block{width: 100%;margin-left: 0;}
	.download .list li .content .item-content .sponsor .layui-form-label{width: 100%;line-height: 20px;margin-bottom: 10px;}
	.download .list li .content .item-content .sponsor .layui-input-block{width: 100%;margin-left: 0;}
	.download .list li .content .item-content .btn-wrap button{width: 100%;}
}