::-webkit-scrollbar {
			display: none;
		}
		
		iframe {
			width: 100vw;
			height: 100vh;
			border: 0;
		}
		
		.history {
			position: fixed;
			z-index: 9999;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			background: rgba(0, 0, 0, .8);
		}
		
		.history>div {
			position: relative;
			z-index: 10000;
			background: #fff;
			width: 300px;
			left: 50%;
			margin-left: -150px;
			top: 10%;
			background: transparent;
			-webkit-animation: fadeInDown .5s linear;
			animation: fadeInDown .5s linear;
		}
		
		.history .history-banner {
			-webkit-border-radius: 5px 5px 0 0;
			border-radius: 5px 5px 0 0;
			overflow: hidden;
		}
		
		.history .history-banner img {
			-webkit-border-radius: 5px 5px 0 0;
			border-radius: 5px 5px 0 0;
			width: 100%;
			position: relative;
			display: block;
		}
		
		.history .history-banner i {
			position: absolute;
			right: -20px;
			top: 0;
			color: #fff;
			line-height: 1;
			font-size: 20px;
		}
		
		.history .history-btn {
			background: #f3f3f4;
			-webkit-border-radius: 0 0 5px 5px;
			border-radius: 0 0 5px 5px;
			text-align: center;
			padding: 10px 0;
			position: relative;
			height: 50px;
		}
		
		.history .history-focus {
			background: #f3f3f4;
			font-size: 16px;
			border-bottom: 1px solid #ddd;
		}
		
		.history .history-focus img {
			width: 80px;
			height: 80px;
			margin-left: 20px;
		}
		
		.history .history-focus p {
			margin: auto 30px auto 0;
			font-weight: bold;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			user-select: none;
		}
		
		.history .check {
			color: #777;
			font-size: 12px;
			position: absolute;
			right: 5px;
			top: 50%;
			-webkit-transform: translate(0, -50%);
			transform: translate(0, -50%);
			line-height: 1;
		}
		
		#history-cancel {
			position: absolute;
			top: 50%;
			left: 20%;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
		}
		
		#history-exit {
			position: absolute;
			top: 50%;
			right: 20%;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			border-color: #797979;
			background-color: #797979;
		}
		
		.history .check input {
			margin: 0;
			display: none;
		}
		
		.history .check label {
			position: relative;
			cursor: pointer;
			font-family: 'fontello';
			padding-left: 12px;
			white-space: nowrap;
		}
		
		.history .check label:before,
		.history .check label:after {
			position: absolute;
			left: 0;
		}
		
		.history .check label:before {
			content: "\f1db";
		}
		
		.history .check input:checked+label:after {
			content: "\e801";
			color: #06be77;
		}
		
		.history .btn {
			display: inline-block;
			text-decoration: none;
			font-size: 14px;
			padding: 6px 12px;
			border: 1px solid #06be77;
			color: #fff;
			background: #06be77;
			white-space: nowrap;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		/*exit end*/
		/*容器*/
		
		.flexs {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
		}
		
		.flexs-v {
			-webkit-box-direction: normal;
			-webkit-box-orient: vertical;
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			flex-direction: column;
		}
		
		.flexs-x-between {
			-webkit-box-pack: justify;
			-moz-justify-content: space-between;
			-webkit-justify-content: space-between;
			justify-content: space-between;
		}
		
		@-webkit-keyframes fadeInDown {
			0% {
				opacity: 0;
				-webkit-transform: translateY(-20px);
				transform: translateY(-20px);
			}
			100% {
				opacity: 1;
				-webkit-transform: translateY(0);
				transform: translateY(0);
			}
		}
		
		@keyframes fadeInDown {
			0% {
				opacity: 0;
				-webkit-transform: translateY(-20px);
				-ms-transform: translateY(-20px);
				transform: translateY(-20px);
			}
			100% {
				opacity: 1;
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			}
		}
		
		@media screen and (max-width:320px) {
			.history .history-banner i {
				right: 2px;
				top: 2px;
			}
		}