.video-cover-play{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.video-cover-play img{display: block; position: absolute; left: 50%; top: 50%; margin: -80px 0 0 -80px; opacity: 0.9;}

.box{padding:10px 0 30px; display: none;}
.box-on{display: block;}
.content{width: 100%; margin:0 auto; max-width: 588px; border:0; border-radius: 10px; }
.form-sov{padding-bottom: 10px;}
.form-sov h3{font-weight: bold; font-size: 30px;
color: #3176c0; text-align: center; padding-bottom: 20px;}
.form-box{padding:30px 30px 30px;}
.form_content .input_box{display: block; padding:5px 0; }
.form_content i{font-size: 16px; font-style: normal; color: #333; display: block; padding-bottom: 5px;}
.form_content input{outline: none; height: 32px; width: 98%; font-size: 14px; padding: 0; border:1px solid #bfbfbf; padding-left: 2px; border-radius: 3px;}
select{height: 32px; width: 98.5%; outline: none; font-size: 14px; border:1px solid #bfbfbf; border-radius: 3px;}
.butt{display: block; width: 188px; text-align: center; height: 57px; cursor: pointer; color: #fff; font-size: 22px; margin: 0 auto; outline: none;
  border: 0; padding: 0;  margin-top: 30px; background-image: url(//www.c114.com.cn/topic/2021codf/images/button.png); background-repeat: no-repeat; background-position: center 0;
}
.header h5{font-size: 24px; color: #333; padding: 28px 50px 22px;}
.header img{display: block; width: 100%;}
.form-submit{padding: 0 50px;}
.modal-open{overflow: hidden; padding-right: 17px;}
.modal{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; overflow: hidden; overflow-x: hidden; overflow-y: auto; display: none;}
.modal-backdrop{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 90; background: #000; opacity: 0.7; filter: alpha(opacity=70); display: none;}
.modal-dialog{width: 90%; max-width: 588px; margin: 0 auto; margin-top: 100px;
	animation:myfirsts 0.17s linear; 
	-webkit-animation:myfirsts 0.17s linear;
	-moz-animation:myfirsts 0.17s linear;
}		
.modal-content{position: relative; background:#fff; }
.modal-content .close{color: #ddd; position: absolute; right: -42px; top: 0px; width: 30px;}
.option-nav{padding: 20px 50px;}
.option-nav span{display: inline-block; font-size: 20px; color: #333; padding: 0 20px; background: #f4f4f4; line-height: 50px; margin-right: 20px;
border-radius: 10px; cursor: pointer;}
.option-nav span.act{background-image: url(//www.c114.com.cn/topic/2021codf/images/button.png); background-repeat: no-repeat; background-position: center 0; background-size: 100% 100%;
color: #fff;}




.wxcode{position: fixed; right: 0; bottom: 50px; width: 26px; font-size: 16px; line-height: 20px; border-radius: 8px 0 0 8px; padding: 6px 0 6px 8px;
background: #f0f0f0; z-index: 100; cursor: pointer;}
 #myCanvas {
    width: 300px;
    height: 480px;
}

.img-close{display: block; float: right; margin-bottom: 10px; width: 25px; height: 25px;}
.dialog-wrapper-post{position: fixed; top:0; left: 0; width: 100%; height: 100%; opacity: 0; background: #fff; z-index: 1000;}
.share-post{width: 94%; margin-left: 3%; height: 100%; margin-top: 20px;}


.cle{clear: both; width: 100%; height: 0;}
.gf-select { float: left; width: 49%; margin-right: 1%; position: relative;}
.gf-select span {width: 100%; border-radius: 2px; box-sizing: border-box; padding: 5px 27px 5px 10px;display: block; border: 1px solid #bfbfbf; cursor: pointer;}
.gf-select span em {font-style: normal; font-size: 16px; line-height: 24px;}
.gf-select .icon-jt { background: url(https://www.jq22.com/demo/jQuery-city20160328/down-jt.jpg) center right no-repeat; width: 12px; height: 6px;position: absolute;right: 10px;top: 50%; margin-top: -3px;}
.gf-select ul {border: 1px solid #bfbfbf; position: absolute; width: 100%; top: 31px; overflow-y :auto; display: none; background: #fff;}
.gf-select ul li { border-bottom: 1px solid #bfbfbf; line-height: 30px; padding-left: 10px; font-size: 14px;}
.gf-select ul li:last-child{ border-bottom: none; }

@keyframes myfirsts{
	0%   {margin-top: 0px;}
	50%  {margin-top: 50px;}
	100% {margin-top: 100px;}
}
@-moz-keyframes myfirsts{
	0%   {margin-top: 0px;}
	50%  {margin-top: 50px;}
	100% {margin-top: 100px;}
}
@-webkit-keyframes myfirsts{
	0%   {margin-top: 0px;}
	50%  {margin-top: 50px;}
	100% {margin-top: 100px;}
}

@media screen and (max-width: 768px){
	.video-cover-play img{width: 100px; margin: -50px 0 0 -50px;}

	.modal .content{width: 90%; margin: 0 auto;}
	.modal .form-submit{padding: 0;}
	.modal .form_content{padding: 0;}
	.modal .butt{
	    width: 150px; 
	    height: 40px;
	    font-size: 20px;
	    margin-top: 30px;
	    background-size: 100% 100%;
	}
	.modal .modal-content .close{right: -12px; top: -32px; }
	.modal .modal-dialog{margin-top: 50px;}
	@keyframes myfirsts{
		0%   {margin-top: 0px;}
		50%  {margin-top: 25px;}
		100% {margin-top: 50px;}
	}
	@-moz-keyframes myfirsts{
		0%   {margin-top: 0px;}
		50%  {margin-top: 25px;}
		100% {margin-top: 50px;}
	}
	@-webkit-keyframes myfirsts{
		0%   {margin-top: 0px;}
		50%  {margin-top: 25px;}
		100% {margin-top: 50px;}
	}
	.modal .option-nav{padding: 15px;}
	.modal .option-nav span{line-height: 40px; font-size: 18px; margin-right: 12px;}
	.modal .form_content .input_box{padding: 5px 0 0;}
}