body{
	font-family:"Calibri";
}
 /**退出按钮闪动 **/
.btn-twinkle{
	background: #ff9900;
	border:none;
	animation: twinkle 0.8s alternate infinite;
}
@-webkit-keyframes twinkle{
	from{color: #000;}
	to{color: #fff;}
}
@keyframes twinkle{
	from{color: #000;}
	to{color: #fff;}
}
@-moz-keyframes twinkle{
	from{color: #000;}
	to{color: #fff;}
}
@-o-keyframes twinkle{
	from{color: #000;}
	to{color: #fff;}
}


/** 会刊超链部分  **/
/*Safari and Chrome*/
@-webkit-keyframes twinkling{
	0%{background-color: }  
	50%{background-color: rgba(128, 0, 128, 0.14902)}  
	100%{background-color: }  
}
/*IE10+*/
@keyframes twinkling{
	0%{background-color: }  
	50%{background-color: rgba(128, 0, 128, 0.14902)}  
	100%{background-color: }  
}
/*Firefox*/
@-moz-keyframes twinkling{
	0%{background-color: }  
	50%{background-color: rgba(128, 0, 128, 0.14902)}  
	100%{background-color: }  
}
/*Opera*/
@-o-keyframes twinkling{
	0%{background-color: }  
	50%{background-color: rgba(128, 0, 128, 0.14902)}  
	100%{background-color: }  
}
.LinkPc, .LinkMobile{
	-webkit-animation:twinkling 1.2s 1 0s ease-in-out normal;/*Safari and Chrome*/
	animation:twinkling 1.2s 1 0s ease-in-out normal;/*IE10+*/
	-moz-animation:twinkling 1.2s 1 0s ease-in-out normal;/*Firefox*/
	-o-animation:twinkling 1.2s 1 0s ease-in-out normal;/*Opera*/
}
.LinkPc:hover{
	background: rgba(128, 0, 128, 0.14902);
}
.LinkMobile:active{
	background: rgba(128, 0, 128, 0.14902);
}

#showCompany .modal-body{
	-webkit-overflow-scrolling: touch; 
	overflow-y: scroll
}

/** 页码框 按钮 侧边栏 部分  **/
#currentPageIndexTextField, .goBtn{
	margin-top:10px;
}
.inputButton{
	border:0px !important;
}
.pageNumber{
	top:5px !important;
}
.phoneBottomBar{
	bottom:0px !important;
}
.phoneTopBar{
	top:-60px !important;
}

.search_form.phone .close,
.language_form.phone .close,
.print_form.phone .close{
	opacity: 1;
	padding:6px;
	top:0;
	right:5px;
}
.search_form.win10_border .close,
.print_form.win10_border .close{
	opacity: 1;
	padding:10px;
	top:15px;
	right:10px;
	
}
.print_form.win10_border #print_range_num,
.search_form.win10_border .input_search{
	color:#000;
}

/** 自定义目录 部分 **/

.bookMarkBody{
	z-index:1000;
	position:absolute;
	color:rgb(236,245,251);
	background-color:#000;
	top:0;
	bottom:0;
	width:80%;
	left:-80%;
	text-align:left;
}
.diy_form_mask{
	opacity:0.5;
	background:#000;
	z-index:9999;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.bookMarkBody>div>div>div:active{
	background:#777;
}
/** 小白点 **/
@-webkit-keyframes expand{
	0%{ -webkit-transform:translate3d(-80%, 0px, 0px);}
	100%{ -webkit-transform:translate3d(0px, 0px, 0px);}
}
@-webkit-keyframes bounce{
	0%{ -webkit-transform:translate3d(80%, 0px, 0px);}
	100%{ -webkit-transform:translate3d(0px, 0px, 0px);}
}

.hamb-show{
	
	-webkit-animation:expand 200ms ease-in-out;
	animation:expand 200ms ease-in-out;
	left:0px;
}
.hamb-hide{
	
	-webkit-animation:bounce 200ms ease-in-out;
	animation:bounce 200ms ease-in-out;
	
}
.tmpContainer-show{
	-webkit-animation:expand 200ms ease-in-out;
	animation:expand 200ms ease-in-out;
	left:80%
}
.tmpContainer-hide{
	-webkit-animation:bounce 200ms ease-in-out;
	animation:bounce 100ms ease-in-out;
}

@media (min-width:405px){
	.bookMarkBody{
		width:340px;
		left:-340px;
	}
	@-webkit-keyframes expand{
		0%{ -webkit-transform:translate3d(-340px, 0px, 0px);}
		100%{ -webkit-transform:translate3d(0px, 0px, 0px);}
	}
	@-webkit-keyframes bounce{
		0%{ -webkit-transform:translate3d(340px, 0px, 0px);}
		100%{ -webkit-transform:translate3d(0px, 0px, 0px);}
	}
	.hamb-show{
		-webkit-animation:expand 200ms ease-in-out;
		animation:expand 200ms ease-in-out;
		left:0px;
	}
	.tmpContainer-show{
		-webkit-animation:expand 200ms ease-in-out;
		animation:expand 200ms ease-in-out;
		left:340px;
	}
}



.bookMarkBody .form_title{
	font-family:"Arial";
	line-height:36px;
	margin:0;
	padding:0 10px;

}
.bookMarkBody .close{
	opacity:1;
	padding:6px;
	top:36px;
	right:5px;
	position;absolute;
	
}
.bookMarkBody .stage{
	overflow-x:auto;
	overflow-y:hidden;
	margin:0;
	padding:0;
}
.bookMarkBody .swiper{
	width:100%;
	position:absolute;
	margin-left:0;
	margin-top:0;
	font-size:15px;
}
.bookMarkBody .item{
	padding:0;
	cursor:pointer;
	position:relative;
	margin-right:5px;
	margin-left:0;
	border-bottom:1px solid #333;
}
.bookMarkBody .item2{
	padding:0 0 0 20px;
	cursor:pointer;
	position:relative;
	margin-right:5px;
	margin-left:0;
	border-bottom:1px solid #333;
}
.bookMarkBody .td-num{
	width:50px;
}
.bookMarkBody .description{
	padding:3px 0;
	display:inline-block;
	margin: 0 0 0 10px;
}
.bookMarkBody .arrow{
	right:0;
	padding:15px 10px 15px 20px;
	position:absolute;
	top:3px;
	z-index:1010;
}

/** 目录 字母框 部分 **/
#markAbcModal span,#markHallModal span{
	padding:10px 0;
	border-bottom:1px solid #ddd;
}
#markAbcModal span:active,#markHallModal span:active{
	background:rgba(128, 0, 128, 0.14902);
}
	
#bookMarkAbc:active,#bookMarkHall:active{
	transform:rotate(90deg);
}
.arrow:active{
	transform:rotate(90deg);
}
.hamb{
	width:42px;
	height:42px;
	position:fixed;
	z-index:101;
	right:0;
	bottom:180px;
	border:1px solid rgba(222,217,217,0);
	border-radius:8px;
	/**background:rgba(202, 199, 199, 0.3);**/
	background:rgba(239, 81, 81, 0.3);
	
}
.hamb i{
	background:rgba(119, 119, 119, 0.2);
	font-size:30px;
	color:rgba(255, 255, 255, 0.7);
	padding:5px;
	border:1px solid rgba(255, 255, 255, 0.7);
	border-radius:50%;
}
#markAbcModal div,#markHallModal div{
	padding:0;
}
#markAbcModal .modal-dialog,
#markAbcModal .modal-content,
#markAbcModal .modal-body{
	height:300px;
}
	
#markHallModal .modal-dialog,
#markHallModal .modal-content,
#markHallModal .modal-body{
	height:300px;
}
.BtnAbc{
	width:90%;
	color:#007aff;
	background-color:transparent;
	border:1px solid rgba(0, 122, 255, 0.3);
	display:inline-block;
	padding:5px 12px;
	cursor:pointer;
	transition:all;
	transition-timing-function:linear;
	transition-duration:.2s;
	vertical-align:top;
	white-space:nowrap;
	border-radius:3px;
	background-clip:padding-box;
	-webkit-appearance:button;
	text-transform:none;
	overflow:visible;
	font:inherit;
	margin:10px 0 0 0;
	outline:none;
}
#markAbcModal button:active,#markHallModal button:active{
	background-color:#007aff;
	color:#fff;
}

/** 自动翻页 调节 **/
.btn-plus, .btn-minus{
	color:silver;
	position:absolute;
	top:0;
	width:35%;
	height:100%;
	padding:0;
	overflow:hidden;
	font-size:18px;
	font-weight:400;
	line-height:100%;
	background-color:#f9f9f9;
	border:0;
	opacity:1;
}
.btn-plus:focus, .btn-minus:focus{
	outline:none;
}
.btn-plus:active, .btn-minus:active{
	background:#ddd;
}
.num-inp{
	height:100%;
	padding:0 3px;
	margin:0;
	overflow:hidden;
	text-align:center;
	text-overflow:ellipsis;
	word-break:normal;
	border:0;
	line-height:21px;
	background-color:#fff;
	font-size:17px;
}
.number-box{
	position:absolute;
	display:inline-block;
	width:120px;
	height:35px;
	padding:0;
	overflow:hidden;
	vertical-align:middle;
	background-color:#efeff4;
	border:1px solid #bbb;
	border-radius:3px;
}
#showAutoFlipEn span,#showAutoFlipCn span{
	width:300px;
	height:30px;
	border-top:1px solid #007aff;
	float:right;
	padding-top:10px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	color:#007aff;
}
#showAutoFlipEn span:active,#showAutoFlipCn span:active{
	background:#007aff;
	color:#fff;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
	-webkit-appearance: none !important;
	margin: 0; 
}
input[type="number"]{
	-moz-appearance:textfield;
}
#showCompany .close{
	margin-top:-20px;
	font-size:40px;
	right:5px;
	width: 40px;
}

/** @media 部分  **/

#showExhibits .modal-body>div{
	padding:5px 10px;
	font-size:14px;/* font-size:16px; */
}
#showExhibits .td-num{
	width:58px;
}
#showExhibits .close{
	margin-top:-15px;
	font-size:40px;
	right:5px;
	width: 40px;
}

#checkMap .close,#checkTel .close{
	margin-top:-18px;
	font-size:45px;
	right:10px;
	width: 45px;
}

#showAgent .close{
	margin-top:-23px;
	font-size:45px;
	right:10px;
	width: 45px;
}

#checkMap i{
	font-size:45px;
}
#checkTel i,#showAgent i{
	font-size:24px;
}

#nextModal .modal-header{
	padding:10px 15px 5px 15px;
}
#nextModal h4{
	font-size:14px;
}
#nextModal .close{
	margin-top:-20px;
	font-size:40px;
	width: 40px;
	right:5px;
}
#nextModal .modal-body{
	padding:5px 15px 10px 15px;
	font-size:16px;
}
#showHallImg .close,#showHallImgAll .close{
	margin-top:-20px;
	font-size:40px;
	right:5px;
	width: 40px;
}
#inpSeatCode{
	font-size:18px;
}
#showVideos .close,#showProductImg .close{
	margin-top:-20px;
	font-size:40px;
	right:5px;
	width: 40px;
	color:#fff;
}
#showAutoFlipEn .modal-dialog,#showAutoFlipCn .modal-dialog,
#showAutoFlipEn .modal-content,#showAutoFlipCn .modal-content,
#showAutoFlipEn .modal-body,  #showAutoFlipCn .modal-body{
	width:300px;
	height:190px;
}
#showAutoFlipEn p, #showAutoFlipCn p{
	position: absolute;
	margin-top:12px;
	left:15px;
	font-size:15px;
}
#showAutoFlipEn .number-box, #showAutoFlipCn .number-box{
	margin-top:15px;
	right:15px;
}
.autoFlipDuration{
	margin-left:42px;
	width:27%;
}
#showAutoFlipEn .radio,#showAutoFlipCn .radio{
	margin: 0;
	padding: 10px 0;
	position:absolute;
	width:100%;
	font-size: 15px;
	border-top: 1px solid #ddd;
}
#showAutoFlipEn .radio:active,#showAutoFlipCn .radio:active{
	background:#ddd;
}
#showAutoFlipEn .radio label,#showAutoFlipCn .radio label{
	padding-left: 15px; 
	width: 90%;
}
#showAutoFlipEn .radio label input,#showAutoFlipCn .radio label input{
	right: 25px;
}
#contentBox{
	z-index:99;
}

#showAgent .agent-one{
	font-size:16px;
}
#showAgent .agent-two{
	font-size:14px;
	line-height: 1.2;
}
#showAgent .td-line{
	line-height:50px;
}
#showAgent table tr:first-child th:first-child {
	border-top-left-radius: 6px;
}
#showAgent table tr:first-child th:last-child {
	border-top-right-radius: 6px;
}
#showAgent table tr:last-child td:first-child {
	border-bottom-left-radius: 6px;
}
#showAgent table tr:last-child td:last-child {
	border-bottom-right-radius: 6px;
}

@media (min-width:768px){
	.modal-content{
		border-radius:10px;
	}
	#nextModal .modal-header{
		padding:15px 15px 10px 15px;
	}
	#nextModal h4{
		font-size:16px;
	}
	#nextModal .close{
		margin-top:-20px;
		font-size:45px;
		right:5px;
		width: 45px;
	}
	#nextModal .modal-body{
		padding:10px 15px 15px 15px;
		font-size:18px;
	}
	
	#showHallImg .close,#showHallImgAll .close{
		margin-top:-20px;
		font-size:50px;
		right:5px;
		width: 50px;
	}
	#inpSeatCode{
		font-size:20px;
	}
	
	
	.phoneGotoPageContent img{
		height:30px;
		width:30px;
		margin:1px -2px 4px 0;
	}
	.phoneGotoPageContent .btn{
		height:35px;
		width:35px;
		margin-top:5px;
	}
	.btn-plus, .btn-minus{
		font-size:28px;
	}
	#showCompany .close{
		font-size:45px;
		width: 45px;
	}
}
	

#img_in,#img_out{
	position:absolute;
	font-size:25px;
	bottom:5px;
	top:auto;
	opacity:0.2;
	z-index:99;
	padding:8px;
}

#currentPageIndexTextField{
	height:0;
	padding:0;
	margin:0 !important;
	opacity:0;
	
}
#currentPageIndexTextField2{
	background:rgb(174, 174, 177) none repeat scroll 0% 0% / auto padding-box border-box !important;
}
.modal-content{
	border:0;
}
	
.bookMarkBody .stage .item:active{
	background:#333;
}