:root{
	--width: 1200px;
}
@font-face {
	font-family: SourceHanSansCN_Normal; /* 自定义字体名称 */
	src: url(/font/SourceHanSansCN-Normal.otf); /* 字体文件的路径 */
}
body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif,"微软雅黑","Microsoft Yahei";
	/*SourceHanSansCN_Normal, sans-serif;*/
	letter-spacing: .3px;
}
*{margin:0;padding:0;border:0;}
i{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
pre{font-family:inherit;white-space: initial;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
a,a:hover,a:focus{text-decoration:none!important;}
body,textarea,input,button,select,keygen,legend{outline:0;}
html,body{width: 100%;color: #333}
img{object-fit:cover;}
.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.375rem!important}.mt-1,.my-1{margin-top:.375rem!important}.mr-1,.mx-1{margin-right:.375rem!important}.mb-1,.my-1{margin-bottom:.375rem!important}.ml-1,.mx-1{margin-left:.375rem!important}.m-2{margin:.75rem!important}.mt-2,.my-2{margin-top:.75rem!important}.mr-2,.mx-2{margin-right:.75rem!important}.mb-2,.my-2{margin-bottom:.75rem!important}.ml-2,.mx-2{margin-left:.75rem!important}.m-3{margin:1.5rem!important}.mt-3,.my-3{margin-top:1.5rem!important}.mr-3,.mx-3{margin-right:1.5rem!important}.mb-3,.my-3{margin-bottom:1.5rem!important}.ml-3,.mx-3{margin-left:1.5rem!important}.m-4{margin:2.25rem!important}.mt-4,.my-4{margin-top:2.25rem!important}.mr-4,.mx-4{margin-right:2.25rem!important}.mb-4,.my-4{margin-bottom:2.25rem!important}.ml-4,.mx-4{margin-left:2.25rem!important}.m-5{margin:4.5rem!important}.mt-5,.my-5{margin-top:4.5rem!important}.mr-5,.mx-5{margin-right:4.5rem!important}.mb-5,.my-5{margin-bottom:4.5rem!important}.ml-5,.mx-5{margin-left:4.5rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.375rem!important}.pt-1,.py-1{padding-top:.375rem!important}.pr-1,.px-1{padding-right:.375rem!important}.pb-1,.py-1{padding-bottom:.375rem!important}.pl-1,.px-1{padding-left:.375rem!important}.p-2{padding:.75rem!important}.pt-2,.py-2{padding-top:.75rem!important}.pr-2,.px-2{padding-right:.75rem!important}.pb-2,.py-2{padding-bottom:.75rem!important}.pl-2,.px-2{padding-left:.75rem!important}.p-3{padding:1.5rem!important}.pt-3,.py-3{padding-top:1.5rem!important}.pr-3,.px-3{padding-right:1.5rem!important}.pb-3,.py-3{padding-bottom:1.5rem!important}.pl-3,.px-3{padding-left:1.5rem!important}.p-4{padding:2.25rem!important}.pt-4,.py-4{padding-top:2.25rem!important}.pr-4,.px-4{padding-right:2.25rem!important}.pb-4,.py-4{padding-bottom:2.25rem!important}.pl-4,.px-4{padding-left:2.25rem!important}.p-5{padding:4.5rem!important}.pt-5,.py-5{padding-top:4.5rem!important}.pr-5,.px-5{padding-right:4.5rem!important}.pb-5,.py-5{padding-bottom:4.5rem!important}.pl-5,.px-5{padding-left:4.5rem!important}
::-webkit-scrollbar {
  	display: none;
  	-ms-overflow-style: none; /* IE 10+ */
  	scrollbar-width: none; /* Firefox */
}
.btn{
	background: white;
}
.row{
    display: flex;
    flex-wrap: wrap;
}
*{
	-ms-overflow-style: none; /* IE 10+ */
  	scrollbar-width: none; /* Firefox */
}
ol li{
	list-style: auto;
	margin-left: 25px;
}
:root{
	--headHeight: 65px;
    --color: #64c1f2;
}
session{
	display: flex;
	margin: 0 auto;
	width: 100%;
	max-width: var(--width);
}
.other-input{
	max-width: 250px!important;
	flex: 1;
}
.dateTime{
	width: 160px;
    text-align: center;
}
.flex-wrap{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.nav{
    /*backdrop-filter: blur(50px);*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
.nav>session{
	display: flex;
	align-items: center;
	justify-content: center;
	height: var(--headHeight);
}
.nav>session>span{
	flex-shrink: 0;
	cursor: pointer;
	margin-left: 60px;
	display: inline-block;
}
.nav .m-logo{
	width: 100px;
	height: 50px;
    flex-shrink: 0;
    object-fit: contain;
}
.nav .view{
	flex: 1;
	margin: 0 60px;
	display: flex;
	align-items: center;
}
.nav .view a{
	color: #333;
    font-size: 16px;
    margin: 0 15px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.nav .view a span{
	display: inline-block;
	height: 2px;
	margin-top: 8px;
}
/*.nav .view a.active:after{
	content: '';
	background: #333;
	display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -22px;
    width: 44px;
    height: 2px;
    border-radius: 2px;
}*/
.nav>session>span{
	width: 35px;
    height: 35px;
    font-size: 14px;
    margin: 0;
    border:2px solid #333;
    color: #333;
    border-radius: 50%;
    display: flex;
	align-items: center;
	justify-content: center;
}
.img2-1{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.img2-1>*{
	position:  absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow:hidden
}
.img4-4{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.img2-1{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.img-diy{
	position: relative;
	width: 100%;
	height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.img4-4>*,
.img-diy>*,
.img2-1>*{
	position:  absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow:hidden
}
.layui-layer-setwin .layui-layer-close1{
	margin-top: 0!important;
}
.phone-nav,
.nav>session>a{
	display: none;
}
.modes-view>*:first-child{
	padding-top: var(--headHeight)!important;
}
.modes{	
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.modes>session{
	padding: 30px 0;
	flex-direction: column;
}
.modes>session>.title{
	text-align: center;
	width: 100%;
}
.modes>session>.title{
	font-size: 24px;
	font-weight: 400;
	position: relative;
	margin-bottom: 30px;
	/*color: #333;*/
}
.modes>session>.title i{
	display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -12px;
    margin-left: -22px;
    width: 44px;
    height: 2px;
    border-radius: 2px;
    display: none;
}
.m-imgs{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.m-imgs>*{
	position:  absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow:hidden;
	border-radius: 16px;
}

.telArea{
    display: flex;
}
.telArea input{
    flex: 1;
}
.telArea .area-select{
    width: auto;
    display: inline-block;
    flex-shrink: 0;
    flex: inherit;
}

.signCanvas{
	width: 100%;
	height: 175px;
	position: relative;
	background: white;
}
.signCanvas>div{
	width: 100%;
	height: 100%;
}
.signCanvas>p{
	position: absolute;
	bottom: 0;
	right: 0;
}
.signCanvas>p img{
	width: 20px;
	height: 20px;
	margin: 5px;
	cursor: pointer;
}


.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	margin: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.switch-checkbox {
	display: none;
}

.switch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #e5e5e5;
	border-radius: 20px;
	margin-bottom: 0!important;
	background: #e5e5e5;
	width: 100%;
}

.switch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}

.switch-inner::before,
.switch-inner::after {
	display: block;
	float: right;
	width: 50%;
	height: 15px;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	color: white;
	font-family:Trebuchet, Arial, sans-serif;
	font-weight: bold;
	box-sizing: border-box;
}

.switch-inner::after {
	content: attr(data-on);
	padding-left: 5px;
	background-color: var(--color);
	color: #FFFFFF;
    line-height: 16px;
}

.switch-inner::before {
	content: attr(data-off);
	padding-right: 5px;
	color: var(--color);
	text-align: right;
	line-height: 16px;
	border-color: var(--color);
}

.switch-switch {
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	margin: 2px;
	background: white;
	top: 1.5px;
	bottom: 0;
	right: 12px;
	border: 1px solid #eee;
	border-radius: 20px;
	transition: all 0.3s ease-in 0s;
}
.switch-checkbox:checked+.switch-label{
	border-color: var(--color);
}
.switch-checkbox:checked+.switch-label .switch-inner {
	margin-left: 0;
}

.switch-checkbox:checked+.switch-label .switch-switch {
	right: 1px;
	width: 12px;
	height: 12px;
}

/*
.switch.big{
	width: 55px;
}

.switch.big .switch-label,
.switch.big .switch-inner::before, 
.switch.big .switch-inner::after{
	height: 25px;
}
.switch.big .switch-switch{
	width: 20px;
	height: 20px;
}
.switch.big .switch-checkbox:checked+.switch-label .switch-switch {
	right: 1px;
	width: 20px;
	height: 20px;
}
.switch.big .switch-switch{
	right: 30px;
}*/
.pay-type{
	display: flex;
	flex-wrap: wrap;
}
.pay-type div{
	margin: 10px;
	border: 1px solid #e3e3e3;
    width: 155px;
    border-radius: 8px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    display: flex;
	align-items: center;
}
.pay-type div.active::before{
	content: '✓';
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    text-align: right;
    color: white;
    border-bottom-left-radius: 100%;
    border-top-right-radius: 8px;
    font-size: 12px;
    padding-right: 3px;
    padding-top: 3px;
}
.pay-type div.pay-wechat.active{
	border-color: #09bb07;
	color: #09bb07;
	background: rgba(9, 187, 7, .05);
}
.pay-type div.pay-wechat.active::before{
	background: #09bb07;
}
.pay-type div.pay-ali.active{
	border-color: #1296db;
	color: #1296db;
	background: rgba(18, 150, 219, .05);
}
.pay-type div.pay-ali.active::before{
	background: #1296db;
}
.pay-type div.pay-paypal.active{
	border-color: #293e80;
	color: #293e80;
	background: rgba(41, 62, 128, .05);
}
.pay-type div.pay-paypal.active::before{
	background: #293e80;
}
.pay-type div.pay-other.active{
	border-color: #01975a;
	color: #01975a;
	background: rgba(1, 151, 90, .05);
}
.pay-type div.pay-other.active::before{
	background: #01975a;
}
.pay-type div img{
	width: 30px;
	margin-right: 15px;
}

.activeInfo{
	display: flex;
	flex-direction: column;
}
.activeInfo>*{
	margin-bottom: 15px;
	/*color: rgb(0, 0, 0);*/
	display: flex;
}
.activeInfo>div:first-child{
	margin-top: 20px;
	font-size: 20px;
	font-weight: 400;
}
.activeInfo>* i{
	margin-right: 10px;
	width: 15px;
	flex-shrink: 0;
	/*padding-top: 3px;*/
	text-align: center;
}
.ticket-view{
	background: #f8f8f8;
	padding: 20px;
	border-radius: 20px;
}
.ticket-view .title{
	display: flex;
}
.ticket-view .title>span{
	font-size: 16px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex: 1;
}
.ticket-view .title>div{
	display: inline-block;
	width: auto!important;
	margin-left: 15px;
}
.ticket-view .title>div button{
	padding: 6px 12px;
}
.ticket-view table{
	width: 100%;
	margin: 15px 0;
	font-size: 14px;
}
.ticket-view table tr{
	/*border-bottom: 1.5px solid #0099e9;*/
}
.ticket-view table tr td{
	padding: 20px 12px;
	cursor: pointer;
}
.ticket-view table tr td>i{
	color: #FFA200;
}
.ticket-view table tr.active td{
	background: white;
}
.ticket-view table tr:hover td{
	background: #f1f1f1;
}

.ticket-view table tr td:first-child{
	position: relative;
}
.tipView{
	color: #333;
}
.tipView i.fa-{
	margin-right: 10px;
    border: 1px solid #333;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    font-weight: 100;
    flex-shrink: 0;
}

/*.ticket-view table tr td:first-child>div{
	position: absolute;
	top: 50px;
	z-index: 999;
	background: #fff7f3;
    border: 1px solid #fba57d;
    padding: 10px 20px;
    padding-top: 18px;
    border-radius: 10px;
    margin-left: 5px;
    font-size: 12px;
    color: #666;
    min-width: 300px;
}
.ticket-view table tr td:first-child>div>div>i{
	margin-right: 20px;
    border: 1px solid #666;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    font-weight: 100;
    flex-shrink: 0;
}
.ticket-view table tr td:first-child>div:before{
	content: '';
	width: 20px;
	height: 20px;
	background: #fff7f3;
	display: inline-block;
	margin-top: -28px;
	float: left;
    border: 1px solid #fba57d;
	border-color: transparent transparent #fba57d #fba57d;
    transform: rotate(135deg);
}*/
.form-view .title{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

.form-view{
	background: rgba(255,255,255,0.5);
	padding: 20px;
	border-radius: 20px;
}

.form-view label{
	font-weight: 400;
}

.pageView{
	display: flex;
	align-items: center;
	justify-content: center;
}
.pageView span{
	margin: 0 20px;
}

.ticketElectronic{
	font-size: 16px;
	font-weight: bold;
	padding: 20px;
	border-radius: 20px;
	background: rgba(255,255,255,.5);
}
.ticketElectronic{
	display: flex;
	flex-direction: column;
}
.ticketElectronic>span:first-child{
	text-align: center;
	font-size: 16px;
}
.ticketElectronic .imgs{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 15px 0;
}
.ticketElectronic .imgs img{
	width: 80%;
}
.ticketElectronic .imgs span{
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,.5);
}
.ticketElectronic>span{
	font-size: 12px;
	text-align: center;
	margin-bottom: 25px;
	font-weight: 100;
}
.ticketElectronic .info{
	display: flex;
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
}
.ticketElectronic .info span:first-child{
	margin-right: 20px;
	font-weight: 100;
}
.order-view{
	/*padding: 20px;*/
	border-radius: 20px;
	background: rgba(255,255,255,.5);
}
.order-view .title{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	display: flex;
}
.order-view table{
	margin-bottom: 20px;
}
.order-view table tr td:first-child{
	padding-left: 0!important;
}
.order-view table tr td{
	padding: 10px 30px;
}

.order-view .switch{
	margin-left: 20px;
	margin-top: -5px;
}
.order-view label{
	font-weight: 400;
}

.payBtnView{
	display: flex;
	margin-top: 25px;
	position: relative;
}
.payBtnView div:first-child{
	left: 0;
	top: 6px;
	position: absolute;
}
.payBtnView div:last-child{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
}

.mode-desc{
	line-height: 28px;
	padding: 8px 0px;
}

.agendaView{
	display: flex;
	flex-direction: column;
}
.agendaView .title{
    margin: 0.8em 0;
    padding: 0.8em 24px;
    background: rgba(0,0,0,.1);
    line-height: 20px;
    margin-bottom: 0;
}
.agendaView>div{
    font-size: 1.2em;
    /*color: #fff!important;*/
    padding: 0.8em 0px;
    display: flex;
    align-items: center;
}
.agendaView>div:first-child{
    padding: 0.8em 24px;
}
.agendaView .table-view{
    padding-top: 0;
}
.agendaView table{
	/*color: #666;*/
}
.agendaView>div>span:first-child{
	margin-right: 15px;
}
.agendaView>div>span:last-child{
	font-size: 12px;
}
.agendaView table{
	width: 100%;
}
.agendaView table td{
	padding: 1em 24px;
	font-size: 14px;
	line-height: 18px;
	vertical-align: top;
}
.playBtn{
	color: white;
	margin-left: 15px;
}

.mode-views .content>div,
.mode-views .content>a{
	position: relative;
}
.mode-views .content>div>div:last-child,
.mode-views .content>a>div:last-child{
	position: absolute;
	left: 15px;
	width: calc(100% - 30px);
	bottom: 0;
	background: rgba(0,0,0,.8);
	padding: 12px 0;
	color: white;
	display: flex;
	flex-direction: column;
}
.mode-views .content>div>div:last-child>*,
.mode-views .content>a>div:last-child>*{
	margin-top: 15px;
	color: white;
	display: none;
}
.mode-views .content>div>div:last-child>*:first-child,
.mode-views .content>a>div:last-child>*:first-child{
	margin-top: 0;
	display: inline-block;
}
.mode-views .content>div:hover div:last-child>*,
.mode-views .content>a:hover div:last-child>*{
	display: inline-block;
}

.mode-download .content>div>div{
	display: flex;
	flex-direction: column;
	padding: 16px 20px;
	background: rgba(255,255,255,.9);
	border-radius: 20px;
	margin-bottom: 20px;
}
.mode-download .content>div>div>span{
	font-size: 1.2em;
    margin-bottom: 0.5em;
    font-weight: bold;
	margin-bottom: 20px;
}
.mode-download .content>div>div a{
	color: #959595;
	margin-right: 30px;
}
.mode-download .content>div>div a i{
	margin-right: 10px;
}
.mode-partner .content a{
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mode-partner .content a img{
	width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.mode-previous .content>div:last-child div{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mode-previous .content>div:last-child div>*{
	position:  absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow:hidden
}
.mode-previous .content>div:first-child>div{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	margin-top: 30px;
}

@media (max-width: 991px){
	.pay-type div{
		width: 100%;
		margin: 10px 0px;
	}
	.nav>session>a{
		display: inline-block!important;
	}
	.nav .view a.active:after{
		display: none;
	}
	.phone-nav{
		display: inline-block!important;
	    float: right;
	    margin-right: 20px;
	    width: 30px;
	    height: 30px;
	}
	.phone-nav span {
	    width: 25px;
	    height: 3px;
	    background-color: white;
	    display: block;
	    margin-top: 5px;
	    transition: all 277ms ease-in-out;
	    position: relative;
	}
	.phone-nav.action span {
	    transform: rotate(-45deg);
	    top: 7px;
	}
	.phone-nav.action span:nth-child(2) {
	    opacity: 0;
	}
	.phone-nav.action span:nth-child(3) {
	    transform: rotate(45deg);
	    top: -9px;
	}
	.nav{
		padding: 0 15px;
	}
	.nav .view{
		position: fixed;
		top: 65px;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	.nav .view.action{
		display: flex;
		flex-direction: column;
		margin: 0!important;
		background: rgba(0, 0, 0, .7);
		align-items: center;
		padding-top: 20px;
	}
	.nav .view.action>a{
		color: white!important;
		padding: 10px 15px!important;
	}
	.view {
		margin: 0 10px;
	}
	.table-view{
		/*overflow-x: scroll;*/
	}
	table tr td{
		white-space: nowrap;
	}
}
button{
	outline: none!important;
}
.mode-partner .img2-1{
	border-radius: 8px;
}
.mode-partner .name>div:first-child{
	margin-top: 15px;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 15px;
}
.mode-hotel .content{
    padding: 0 14px;
}
.mode-hotel .content .hotelView div:last-child{
	position: initial;
	width: auto;
	background: transparent;
    padding: 12px 0px;
}
.mode-hotel .content .hotelView div:last-child>*{
	color: #333;
}
.mode-guest .content>div>div:last-child{
	position: initial;
    width: 100%;
    background: transparent;
}
.mode-guest .content>div>div:last-child>*{
	color: #333;
	margin-top: 5px;
	display: inline-block;
	line-height: 18px;
}
.mode-guest row{
	display: flex;
	flex-wrap: wrap;
}
.mode-guest .content>div>div:last-child>*:first-child{
	font-weight: bold;
}
.mode-partner .mode-desc{
	padding: 8px 0px;
}
.mode-news .content{
	display: flex;
	flex-direction: column;
}
.mode-news .content a{
	display: flex;
	border-bottom: 1px solid transparent;
	background: white;
	padding: 20px;
	color: #333;
}
.mode-news .content a>span{
	flex-shrink: 0;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #ddd;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
}
.mode-news .content a>div{
	flex: 1;
	display: flex;
	flex-direction: column;
	position: initial!important;
	background: transparent!important;
	padding: 0!important;
}
.mode-news .content a>div span:first-child{
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333;
}
.mode-news .content a>div span:last-child{
	display: inline-block;
	font-size: 12px;
	color: #999;
}
.mode-map>div{
	height: 360px;
}
.mode-map>div:last-child{
	overflow-y: scroll;
}
.anchorBL{
	display: none!important;
}
.winContent{
	display: none;
	position: absolute;
	z-index: 1;
	margin-top: -0.75rem;
	width: var(--width);
	padding: 0 15px;
}
.winContent>div{
	background: white;
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #eee;
}
.winContent>div>.htmlContent{
	max-height: 350px;
	overflow-y: scroll;
}
.winContent img{
	max-width: 100%;
	width: 30px;
	height: 30px;
}
.floatMenu{
	position: fixed;
    display: flex;
    flex-direction: column;
    width: 48px;
    right: 16px;
    bottom: 100px;
}
.floatMenu>div,
.floatMenu>a{
	margin-bottom: 8px;
	cursor: pointer;
	position: relative;
}
.goTop>a,
.floatMenu>a>img,
.floatMenu>div>img{
	width: 48px;
	height: 48px;
	display: inline-block;
    border-radius: 4px;
}
.goTop>a{
	background: url(/img/top.png) no-repeat;
    background-size: 48px;
    background-position: 0 0;
}
.goTop>a:hover{
    background-position: 0 -48px;
}
.floatMenu>div>div{
	position: absolute;
	right: 52px;
	bottom: 0;
    width: 200px;
    display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.12);
    background: #fff;
    padding: 20px 10px;
    font-size: 12px;
    color: #202020;
}
.floatMenu>div>div img{
    margin-bottom: 8px;
    width: 160px;
    height: 160px;
}
.floatMenu>div:hover div{
	display: flex;
}
.speaker_office{
	display: flex;
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
}
.speaker_office span:first-child{
	width: 130px;	
	flex-shrink: 0;
}
.textareaFontSize,
.textareaFontSize *{
	font-size: 14px;
	color: #333;
    line-height: 28px;
    /*text-align: justify;
    text-align-last: left;*/
    word-break: break-word;
}

.navNoView + .modes-view>*:first-child{
	padding-top: 0!important;
}
.priceDom{
	color: orange;
	font-size: 16px;
    font-weight: bold;
}
.activetitle{
	margin-top: 30px;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    margin-bottom: 30px;
    color: #333;
    text-align: center;
    width: 100%;
}
.form-group small{
	color: gray;
}
.beian{
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #27282d;
    padding: 16px 0;
    color: rgb(191, 191, 191);
    font-size: 12px;
    text-align: center;
    border-top: 1px solid rgb(191, 191, 191);
}
.beian a{
	color: rgb(191, 191, 191);
}
@media (min-width: 770px){
	.beian br{
		display: none;
	}
}
.ticket-view table tr td:last-child{
	text-align: right;
}
.red{
	color: #FC421B;
    font-size: 20px;
    margin-left: 5px;
    position: relative;
}
.red:before{
	content: '*';
	position: absolute;
	top: 1.5px;
}
.form-group small{
	margin-top: 0.75rem!important;
	display: inline-block;
}
.hh,
.hh *{
	overflow-wrap: break-word;
    word-break: break-all;
    max-width: calc(100vw - 40px);
}