/** 会刊超辽炼部分  **/
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{
		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-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 15px 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);
	}
	.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{
		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:22px;
		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;
	}
	#showAutoFlip 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;
	}
	#showAutoFlip 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{
		font-size:40px;
		right:0;
		width: 40px;
        height: 40px;
        top:0;
	}
	
/** @media 部分  **/
	
	#showExhibits .modal-body>div{
		padding:5px 10px;
		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:0px;
		font-size:40px;
		right:5px;
		width: 50px;
        height:50px;
	}
	#inpSeatCode{
		font-size:18px;
	}
	#showAutoFlip .modal-dialog,
	#showAutoFlip .modal-content,
	#showAutoFlip .modal-body{
		width:300px;
		height:190px;
	}
	#showAutoFlip p{
		position: absolute;
		margin-top:12px;
		left:15px;
		font-size:15px;
	}
	#showAutoFlip .number-box{
		margin-top:15px;
		right:15px;
	}
	#autoFlipDuration{
		margin-left:42px;
		width:27%;
	}
	#showAutoFlip .radio{
		margin: 0;
		padding: 10px 0;
		position:absolute;
		width:100%;
		font-size: 15px;
		border-top: 1px solid #ddd;
	}
	#showAutoFlip .radio:active{
		background:#ddd;
	}
	#showAutoFlip .radio label{
		padding-left: 15px; 
		width: 90%;
	}
	#showAutoFlip .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;
	}
	/**
	#showExhibits .modal-body>div{
		padding:10px 15px;
		font-size:18px;
	}
	
	#showExhibits .td-num{
		width:55px;
	}
	#showExhibits .close{
		margin-top:-12px;
		font-size:50px;
		right:10px;
		width: 50px;
	}

	#checkMap i{
		font-size:55px;
	}
	#checkMap .close{
		margin-top:-10px;
		font-size:55px;
		right:10px;
		width: 55px;
	}**/
	#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;
	}
	/**
	.bookMarkBody .item{
		padding:4px 0;
		font-size:16px;
	}
	.bookMarkBody .item2{
		padding:4px 0 4px 20px;
		font-size:16px;
	}
	.bookMarkBody .td-num{
		width:45px;
	}
	.bookMarkBody .arrow{
		padding:18px 10px 18px 25px;
		top:5px;
	}
	
	#markAbcModal .modal-dialog,
	#markAbcModal .modal-content,
	#markAbcModal .modal-body{
		height:365px;
	}
	
	.BtnAbc{
		padding:8px 12px;
		font-size:16px;
	}**/
	
	#showHallImg .close,#showHallImgAll .close{
		margin-top:0px;
		font-size:50px;
		right:5px;
		width: 50px;
        height: 50px;
	}
	#inpSeatCode{
		font-size:20px;
	}
	/**
	.search_form.phone{
		font-size:18px;
	}
	.search_form.phone .input_search{
		height:40px;
		font-size:18px;
	}
	.search_form.phone .searchButton{
		padding:10px;
		right:20px;
		top:50px;
	}
	.search_form.phone  .description{
		font-size:18px;
	}
	.search_form.phone   .item{
		padding:12px;
	}
	.search_form.phone .close,
	.language_form.phone .close{
		padding:10px;
	}
	.language_form.phone .scrollBox .item .title{
		font-size:18px;
		line-height:60px;
	}
	.language_form.phone .scrollBox .item{
		height:60px;
	}
	
	.phoneBottomBar .button img{
		height:35px;
		width:35px;
	}
	#showAutoFlip .modal-dialog,
	#showAutoFlip .modal-content,
	#showAutoFlip .modal-body{
		width:320px;
		height:140px;
	}
	#showAutoFlip p{
		margin-top:30px;
		left:20px;
		font-size:20px;
	}
	#showAutoFlip .number-box{
		margin-top:25px;
		right:20px;
		width:150px;
		height:45px;
	}
	#autoFlipDuration{
		margin-left:52px;
		width:28%;
	}
	.num-inp{
		font-size:20px;
	}
	#showAutoFlip span{
		width:320px;
		height:40px;
		font-size:20px;
	}**/
	
	.phoneGotoPageContent img{
		height:30px;
		width:30px;
		margin:1px -2px 4px 0;
	}
	.phoneGotoPageContent .btn{
		height:35px;
		width:35px;
		margin-top:5px;
	}
	#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;
}