	@-ms-viewport {
		width: device-width;
	}

	@media only screen and (min-device-width:800px) {
		html {
			overflow: hidden;
		}
	}

	html {
		height: 100%;
	}

	body {
		height: 100%;
		overflow: hidden;
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #FFFFFF;
	}

	* {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.additionOptions {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		display: none;
		height: 0;
		pointer-events: none;


	}

	/* .additionOptions .shareDiv,
	.additionOptions .praseBox {
		display: none;
	} */
	/* 
	.additionOptions .loadding {
		width: 30px;
		height: 30px;
		margin-top: 20px;
		background: url(../img/loading.gif) 50% 50% no-repeat;
		background-size: 70% auto;
	} */

	.additionOptionsShow {
		display: block;
	}

	/* .additionOptionsShow .shareBox,
	.additionOptionsShow .prase {
		background: url(../img/options_bg.png) 50% 50% no-repeat;
		width: 53px;
		height: 53px;
		background-size: 100% auto;
		display: block;
	} */

	/* .additionOptionsShow .loadding {
		display: none;
	} */

	.additionOptions .bdsharebuttonbox {
		position: fixed;
		top: 150px;
		left: 50px;
		width: 308px;
		height: 275px;
		background: rgba(255, 255, 255, .75);
		border-radius: 10px;
		pointer-events: auto;
		/* display: none; */
	}

	.additionOptions .shareBox {
		position: relative;
	}

	/* .additionOptions .alignCenter {
		position: absolute;
		left: 13px;
		top: 15px;
		cursor: pointer;
		vertical-align: top;
		width: 24px !important;
		height: 24px !important;
		background: url(../img/share.png) 50% 50% no-repeat;
		overflow: hidden;
		padding: 0 !important;
		background-size: 100% auto !important;

	} */

	.additionOptions .title {
		color: #333333;
		font-size: 21px;
		text-align: center;
		margin-top: 24px;
		margin-bottom: 34px;
	}

	.additionOptions .fxc {
		width: 224px;
		margin: 0 auto;
	}

	.bdsharebuttonbox a {
		display: inline-block
	}

	.bdsharebuttonbox a.bds_qzone {
		background: url(../img/kj.png) no-repeat;
		background-size: 100%;
		width: 46px;
		height: 60px;
		padding: 0;
	}

	.bdsharebuttonbox a.bds_sqq {
		background: url(../img/qq.png) no-repeat;
		background-size: 100%;
		width: 46px;
		height: 60px;
		padding: 0;
		margin-right: 40px;
	}

	.bdsharebuttonbox a.bds_weixin {
		background: url(../img/wx.png) no-repeat;
		background-size: 100%;
		width: 43px;
		height: 60px;
		padding: 0;
		margin-right: 40px;
	}

	.bdsharebuttonbox a.bds_tsina {
		background: url(../img/wb.png) no-repeat;
		background-size: 100%;
		width: 46px;
		height: 60px;
		padding: 0;
		margin-right: 40px;
	}

	.bdsharebuttonbox a.popup_copy {
		background: url(../img/lj.png) no-repeat;
		background-size: 100%;
		width: 46px;
		height: 60px;
		padding: 0;
	}

	.additionOptions .close_share {
		display: inline-block;
		width: 23px;
		height: 23px;
		position: absolute;
		background: url(../img/close.png) no-repeat;
		background-size: 100%;
		right: -32px;
		top: -23px;
		cursor: pointer;
	}

	/* .additionOptions .alignCenter .bds_more {
		width: 29px !important;
		height: 29px !important;
		background: url(./img/p.png) no-repeat !important;
		padding: 0 !important;
		margin: 0 !important;
		background-size: 100% !important;
	} */

	.bdshare_popup_box .bdshare_popup_bottom {
		display: none !important;
	}


	.bdshare_popup_box {
		margin-left: 35px !important;
	}

	.bdhare_promptPop {
		position: fixed;
		left: 450px;
		top: 167px;
		width: 510px;
		background: rgba(255, 255, 255, .75);
		border-radius: 10px;
		opacity: 0;
		z-index: -1;
		transition: .25s ease;
		pointer-events: none;

	}


	.bdhare_promptPopShow {
		opacity: 1;
		z-index: 99;
		pointer-events: initial;
	}

	.bdhare_promptContent {
		padding: 30px 20px 0;
		font-size: 14px;
		line-height: 24px;
	}

	.bdhare_promptLink {
		font-size: 14px;
		font-family: PingFang SC;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		line-height: 24px;
		word-break: break-all;
	}

	.bdhare_promptAlert {
		margin-top: 8px;
		font-size: 14px;
		font-family: PingFang SC;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		line-height: 24px;
	}

	.bdhare_promptForm {
		margin-top: 30px;
		text-align: center;
	}

	.bdhare_promptForm input {
		vertical-align: top;
		text-align: left;
		padding: 10px 20px;
		width: 85%;
		height: 30px;
		background: rgba(255, 255, 255, 1);
		border: 1px solid rgba(88, 104, 116, 1);
		border-radius: 6px;
		font-size: 14px;
	}

	.bdhare_promptForm input:focus {
		outline: none;
	}

	.bdhare_promptBtns {
		font-size: 0;
		text-align: center;

	}

	.bdhare_promptBtns .btn {
		padding: 25px;
		color: #666666;
		font-size: 16px;
		vertical-align: top;
		display: inline-block;
		cursor: pointer;
	}

	.bdhare_promptBtns .bdhare_promptConfirm {
		color: #333;
	}

	/* .additionOptionsShow .praseBox {
		margin-top: 27px;
	}

	.additionOptions .prase {
		overflow: hidden;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
	}


	.additionOptions .prase:before {
		content: '';
		display: inline-block;
		width: 27px;
		height: 23px;
		background-image: url('../img/prase.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
		overflow: hidden;
		background-size: 100% auto !important;
	}

	.additionOptions .prased::before {
		animation-name: hd;
		background-image: url('../img/prased.png') !important;
		background-size: 100% auto !important;
		animation-duration: 2s;
		animation-direction: alternate-reverse;
		animation-iteration-count: 1;
	}

	.additionOptions .number {
		display: inline-block;
		width: 90%;
		margin-top: 6px;
		text-align: center;
		font-size: 18px;
		color: #fff;
	} */

	/* fixedImgButton */
	.fixedImgButton {
		position: fixed;
		top: 50%;
		right: -47px;
		z-index: 10;
		transform: translate3d(0, -50%, 0);
		display: none;
	}

	.fixedImgButton .btnGroup {
		margin-top: 30px;
		display: flex;
		justify-content: flex-end;
	}

	.fixedImgButton .btnGroup:first-child {
		margin-top: 0;
	}

	.fixedImgButton .fixedBtn {
		width: 97px;
		height: 173px;
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		transition: .25s linear;
		opacity:1;
		transform: rotate(-12deg);
	}

	.fixedImgButton .btn01 {
		background-image: url(../img/bt01.png);
	}
	.fixedImgButton:hover .btn01{
		background-image: url(../img/btn01.png);
	}
	.fixedImgButton .btn02 {
		background-image: url(../img/bt02.png);
	}
	.fixedImgButton:hover .btn02{
		background-image: url(../img/btn02.png);
	}
	.fixedImgButton .btn03 {
		background-image: url(../img/bt03.png)
	}
	.fixedImgButton:hover .btn03{
		background-image: url(../img/btn03.png);
	}


	.fixedImgButton .textBox {
		position: absolute;
		right: 253px;
		top: 50%;
		transform: translate3d(0, -50%, 0);
		width: 452px;
		height:587px;
		opacity: 0;
		transition: .4s linear;
		z-index: -1;
		pointer-events: none;
		background:url(../img/bj.png) no-repeat;
		background-size:100% 100%;
	}

	.fixedImgButton .textBox .content {
		padding: 0 52px;
		overflow: hidden;
	}

	.fixedImgButton .textBox .content .sub {
		text-align: right;
		line-height: 30px;
		font-size: 14px;
		color: #666;
	}


	.fixedImgButton .textBox .content p {
		text-indent: 30px;
		line-height: 30px;
		font-size:16px;
		font-family:PingFang SC;
		font-weight:400;
		color:rgba(55,52,70,1);
		text-align: justify;

	}

	.fixedImgButton .textBox .t {
		text-align: center;
		margin-top:80px;
		color:rgba(55,52,70,1);
		font-weight:400;
		margin-bottom:45px;
		font-family:lianmengqiyilushuaizhengruiheiti;
		font-size:20px;
	}

	.fixedImgButton .textBox .bot {
		height: 52px;
		background: url(../img/bot.png) 0 0 no-repeat;
		overflow: hidden;

	}

	.fixedImgButton .active {
		width: 700px;
		z-index: 1;
	}

	.fixedImgButton .active .fixedBtn {
		opacity: 1;
		transform: rotate(0) translate3d(-130px, 0, 0);
	}

	.fixedImgButton .active .textBox {
		opacity: 1;
		z-index: 1;
		pointer-events: auto;

	}

	@media screen and (max-width:750px) {
		.additionOptions .bdsharebuttonbox {
			left: 55%;
			transform: translateX(-60%) scale(.95);
			width: 75% !important;
			background: rgba(255, 255, 255, .95);
		}

		.additionOptions .bdhare_promptPop {
			width: 90% !important;
			left: 5% !important;
			background: rgba(255, 255, 255, .95) !important;
		}

		.fixedImgButton {
			display: none !important;

		}
	}

	@-webkit-keyframes hd {
		0% {
			transform: scale(1.2);
		}

		50% {
			transform: scale(.5);
		}

		100% {
			transform: scale(1.2);
		}
	}

	@-o-keyframes hd {
		0% {
			transform: scale(1.2);
		}

		50% {
			transform: scale(.5);
		}

		100% {
			transform: scale(1.2);
		}
	}

	@-moz-keyframes hd {
		0% {
			transform: scale(1.2);
		}

		50% {
			transform: scale(.5);
		}

		100% {
			transform: scale(1.2);
		}
	}

	@keyframes hd {
		0% {
			transform: scale(1.2);
		}

		50% {
			transform: scale(.5);
		}

		100% {
			transform: scale(1.2);
		}
	}

	@keyframes move {

		10%,
		20% {
			-webkit-transform: rotate(-8deg);
		}

		5%,
		15%,
		25% {
			-webkit-transform: rotate(8deg);
		}

		0%,
		30%,
		100% {
			-webkit-transform: rotate(0deg);
		}
	}
	.videoWarp{
		position: fixed;
		width: 100%;
		height:100%;
		left:0;
		top:0;
		background:rgba(18,23,41,1);
		opacity:0.77;
		z-index:99;
		display:none;
	}
	.videoCont{
		position:absolute;
		width:80%;
		top:37%;
		margin: 0 auto;
		vertical-align:center;
		left:50%;
		margin-left:-40%;
		height:284px;
		min-width:1100px;
	}
	.videoCont dl{
		float: left;
		width:30%;
		height:100%;
		background:#fff;
		margin-left:29px;
	}
	.videoCont dl dt{
		width:100%;
		height:220px;
		position: relative;
	}
	.videoCont dl dt .pyly{
		position: absolute;
		width:66px;
		height:66px;
		border-radius:100%;
		background:url(../img/play.png) no-repeat;
		background-size:100% 100%;
		z-index:999999;
		left:50%;
		top:50%;
		margin-left:-33px;
		margin-top:-33px;
		cursor: pointer;
	}
	.videoCont dl dd{
		width:100%;
		height:64px;
		background:rgba(249,249,249,1);
		opacity:0.77;
		font-size:19px;
		font-family:PingFang SC;
		font-weight:400;
		color:rgba(52,52,52,1);
		line-height:64px;
		text-indent:47px;
	}
	.videoCont dl dt video{
		width:100%;
		height:100%;
		object-fit:contain;
	}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1} 
video::-internal-media-controls-download-button {
	display:none;
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}
.close{
	position: absolute;
	width:36px;
	height:36px;
	background:url(../img/close.png) no-repeat;
	background-size:100% 100%;
	top:20%;
	right:10%;
	cursor: pointer;
}
.playWarp{
	position: fixed;
	width:100%;
	height:100%;
	background:rgba(18,23,41,0.77);
	z-index:999999;
	top: 0;
	left:0;
	display:none;
}
.playing{
	position: absolute;
	width:1015px;
	height:570px;	
	top:50%;
	left:50%;
	margin-top:-285px;
	margin-left:-507.5px;
}
.videoSrc{
	width:100%;
	height:100%;
	object-fit:contain;
}
.closePlaying{
	position: absolute;
	width:36px;
	height:36px;
	background:url(../img/close.png) no-repeat;
	background-size:100% 100%;
	top:10%;
	right:10%;
	cursor: pointer;
}