@charset "utf-8"; /* CSS Document */
html{/*height:100%;background:#014a9c;*/}
body{font-family:Arial,Helvetica,sans-serif; color:#333;  margin:0 auto; max-width:100%;background:url(../images/bg.jpg) top center no-repeat #19245a; background-size:100%;}
*{padding: 0; margin: 0; border: 0;font-style: normal; font-weight: normal;  -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none
}
h1,h2,h3,h4,h5,h6,div,dd,dt,dl,form,em,b,kbd,table,ul,li,button,input,kbd{font-size:14px; font-weight:normal}
div{ font-size:14px;}
nav,footer,section,header,article{display:block}
ul{list-style:none}
a:link{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none}
a:link,a:visited,a:hover,a:active{color:#000}
img{-webkit-touch-callout:none}
input,textarea{-moz-border-radius:0px; -webkit-border-radius:0px;border-radius:0px}
textarea {  -webkit-appearance: none;resize: none;} 
select{  -webkit-tap-highlight-color:#fff;tap-highlight-color:#fff; border-radius:0}
input[type=button],input[type=submit]{ cursor:pointer;border-radius: 0;}  
button[type=button],button[type=submit]{ cursor:pointer;border-radius: 0;} 
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"], button { -webkit-appearance: none;border-radius: 0; } 

img{border:0; }
ul{list-style:none;overflow:hidden }
.clear{clear:both; }
a{text-decoration: none; color: #666666; }
a:hover{color:#000; }
.left{float:left; }
.right{float:right}
.clearfix:after{content:""; display:block;clear:both;}
 input{ -webkit-appearance:none; outline:none;}
.banner img{ width: 100%;}
 input{ -webkit-appearance:none;}


.public_box{margin:20px 20px 0px 20px;box-shadow: 2px 1px 16px 0px rgba(87,43,49,0.29);
-webkit-box-shadow: 2px 1px 16px 0px rgba(87,43,49,0.29);
-moz-box-shadow: 2px 1px 16px 0px rgba(87,43,49,0.29);}
.public_box_in{ box-sizing: border-box; padding:20px; background:url(../images/box_center_box.png) top center no-repeat; background-size: 100% 100%; }  

.text_title{/*background:url(../images/title_bg.png) center center no-repeat;*/ text-align:center; width:155px; height:25px; margin:10px auto; background-size:100%; font-size:18px; font-weight: bold; color:#fff; line-height:25px;}
.input_box{margin-top:10px;}
.input_text_title{height:30px; line-height: 30px; font-size:14px; font-weight: bold; color:#fff;}
.input_text_box{margin-top:5px;}
.input_text_box input{height:40px; background:#fff; color:#666; width: 100%; box-sizing: border-box; border-radius:4px; padding-left:10px; padding-right:10px; font-size:14px; border:1px #84501e solid;}
.input_select_box{display:flex; margin-top:5px;}

.public_box_in_top{height: 21px; background:url(../images/box_top_bg.png) top center no-repeat; background-size: 100% 100%;}
.public_box_in_bottom{height: 21px; background:url(../images/box_bottom_bg.png) top center no-repeat; background-size: 100% 100%;}


.verify_text_box{margin-top:5px;}
.verify_text_box input{float:left; border-radius:4px; height:40px;}
.verify_text_box input[type="text"]{ background:#fff; width:calc(100% - 105px); margin-right:5px; box-sizing: border-box; padding-left:10px; padding-right:10px; border:1px #2966ac solid;}
.verify_text_box input[type="button"]{ background:#fd7323; color:#fff; width: 100px;}
.upload_box{width:160px; height:160px; margin:20px auto;}
.upload_btn{width:160px; height:160px;}
.upload_btn img{width:160px; height:160px;}
.upload_video_box{width:160px; height:160px; position: relative;}
.upload_video_box div{width:30px; height:30px; position: absolute; right:10px; top:10px;z-index: 99999;}
.upload_video_box div img{width:30px; height:30px;}
.upload_video_box video{width:100%; height:160px; object-fit: cover;}
.beizhu{font-size:14px; color:#fff;height:50px; line-height: 25px; padding-left:20px; padding-right:20px; margin-top:10px;}
.beizhu span{color:red; font-weight: bold; margin-right:10px;}
.submit_cg{padding-left:20px; padding-right:20px; padding-bottom: 20px; padding-top:20px;}
.submit_cg input{height:40px; background:#b5197d; color:#fff; font-size:16px; border-radius:20px; width: 100%; border: 2px #fff solid;}
.submit_cg a{display:block;text-align:center; line-height:40px; background:#e10610; color:#fff; font-size:16px; border-radius:20px; width: 100%;}
.submit_fail a{display:block;text-align:center; line-height:40px; background:#b5197d; color:#fff; font-size:16px; border-radius:20px; width: 100%; border: 2px #fff solid;}
.submit_fail {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.webuploader-element-invisible {
    opacity: 0;
}

.index_search{height:40px; border-radius: 20px; overflow: hidden;margin-left:20px; margin-right:20px; margin-top:10px;background: linear-gradient(to right, #9f0186 0%, #fcbd7a 20%, #205dec 40%, #1a255f 60%, #9f0186 100%); padding: 2px;}
.index_search input[type="text"]{height:36px; width:calc(100% - 100px);float:left; background: #fff; box-sizing: border-box; padding-left:10px; padding-right:10px; border-radius: 30px;}
.index_search_in { height: 40px; background: #fff; padding: 2px; border-radius: 20px; box-sizing: border-box;}
.index_search input[type="button"]{width:100px;height:36px; background:#df802c; color:#fff; float:left; border-radius: 30px;}
.index_search input[type="submit"]{width:100px;height:36px; background:#df802c; color:#fff; float:left; border-radius: 30px;}
.game_shows_item span{float:left; display: block; width: 20px; height:20px; line-height: 20px; background:#f12773; text-align:center; color:#fff; font-weight: bold; border-radius:20px;}
.game_shows_item p{float:left; width:calc(100% - 20px); box-sizing: border-box; padding-left:5px; font-size:16px; font-weight:bold; color:#fff;}
.game_shows_item{ margin-top:10px;}
.game_shows{ /*background:#fffbef; border:1px #ffb505 solid; padding:10px;*/}
.game_shows_text{padding-top:10px; padding-bottom: 5px;}
.game_shows_text p{color:#fff; line-height:24px;}

video::-webkit-media-controls-overlay-play-button { display: none; }

.video_file{height:150px; position: relative; border-radius:4px; overflow: hidden;}
.video_file video{width:100%; height: 150px; object-fit: cover;}
.video_btn{width:40px; height:40px; background:url(../images/video_btn_pic.png) center center no-repeat; background-size:40px 40px; position: absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;z-index:99;}
.video_list_btn{width:100%; height:100%; background:url(../images/video_btn_pic.png) center center no-repeat; background-size:40px 40px; position: absolute; z-index:99;}
.video_btn_on{width:40px; height:40px; background:url(../images/video_btn_pic_pl.png) center center no-repeat; background-size:40px 40px; position: absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
.renqi_box{position:Absolute; top:0; left:0; background:rgba(0,0,0,.62); color:#fff; font-size:12px; height:30px; padding-right:8px; border-bottom-right-radius: 4px;}
.renqi_box span{/*background:url(../images/fire_icon.png) left center
 no-repeat; background-size:30px 30px;*/display: block; line-height: 30px;
 padding-left: 10px;}

.video_name{font-size:14px; text-align:center; height:40px; line-height: 40px; font-size:14px; color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.video_list_box ul li{width:50%; float:left; box-sizing: border-box; padding-left:3px; padding-right:3px; margin-top:5px;}

.submit_fixed{padding-left:20px; padding-right:20px; position: fixed; width:100%; box-sizing: border-box; bottom:20px; width:100%; z-index: 9999}
.submit_fixed input{height:40px; background:#e10610; color:#fff; font-size:16px; border-radius:20px; width: 100%;}
.submit_fixed a{display:block;text-align:center; line-height:40px; background:#b5197d;border: 2px #fff solid; color:#fff; font-size:16px; border-radius:20px; width: 100%;}

.more_video_btn{height:40px; margin-top: 10px;}
.more_video_btn a{display:block; text-align:center; line-height:40px; font-size:14px; color:#fff; border-radius: 40px;background: #df802c;}

.video_detail_box .video_file{ height:180px;}
.video_detail_box .video_file video{height:180px;}
.video_detail_title{font-size:16px; color:#fff; font-weight: bold; padding-top:10px;}
.video_detail_school{font-size:14px; color:#fff; padding-top:10px; padding-bottom: 5px; line-height: 24px;}
.video_detail_text{font-size:14px; color:#fff;}
.video_detail_text p{float:left; margin-right:5px;}
.video_detail_text span{float:left;}
.video_detail_text div{float:right;}
.hudong_left{float:left;line-height: 30px; color:#fff;}
.hudong_right{float:right; color:#fff;}
.zan_btn{float:left; margin-right:15px;}
.share_btn{float:left;}
.hudong_box{padding-left:20px; padding-right:20px; padding-top:15px; font-size:14px;}
.zan_btn span{background:url(../images/zan_icon.png) left center no-repeat; background-size:20px 20px; display: block; height:30px; line-height: 30px; padding-left:20px;}
.share_btn{background:url(../images/fenxiang_icon.png) left center no-repeat; background-size:20px 20px; display: block; height:30px; line-height: 30px; padding-left:20px;}

.zan_after span{background:url(../images/zan_icon_after.png) left center no-repeat; background-size:20px 20px; color:#e20c16 }


.more_zp{padding-left:20px; padding-right:20px; padding-top:15px;}
.more_zp img{width:100%;}




.upload_box{width:100%; position: relative}
			.upload_btn {width:100%; text-align: center; position: relative}
			.upload_btn input {
    width: 100% !important;
    height: 100%;
    position: absolute;
    z-index: 999;
    left: 0;
}
			 .upload_video_box{margin:0 auto}
.game_shows_text p a{color:#DB0003; font-weight: bold;}



.fenlei_box{ margin-left:20px; margin-right:20px;}
.fenlei_title{width:85px; height:48px; float:left;}
.fenlei_title img{width:100%;}
.fenlei_ej{width:calc(100% - 95px); float:left; margin-left:10px; margin-top:4px;}
.fenlei_ej a{display:block; width:calc(33.33333% - 5px); height:40px; float:left; margin-right:5px; text-align:center; line-height: 40px; border-radius:4px; color:#fff; background:#06a0b2; font-size:14px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}

.fenlei_item{margin-bottom:10px;}

.com-sel {
    line-height: 5rem;
    cursor: pointer;        /*鼠标上移变成小手*/
}

.com-opt {
	height:40px;
    padding-right: 25px;
	padding-left:5px;
    color: #666;
    font-size: 14px;
    border: none;
    outline: none;
    /*去掉默认的下拉三角*/
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
    /*添加下拉三角图标*/
    background: url(../images/arrow_bg.png) no-repeat right 3px center #fff;
	background-size:20px 20px;
	border-radius:4px;
/*	width: calc(50% - 5px); */
	width:100%;
	/*margin-right:5px;*/
	border:1px #84501e solid;
}
.com-sel .com-opt:last-of-type{margin-right:0px;}


.banner_video{width:40px; height:40px; position: absolute; left:20px; bottom:20px; background:url(../images/video_btn_pic.png) center center no-repeat; background-size:40px 40px;}

.banner_video_off{width:40px; height:40px; position: absolute; left:20px; bottom:20px; background:url(../images/video_btn_pic.png) center center no-repeat; background-size:40px 40px;}
.banner_video_on{width:40px; height:40px; position: absolute; left:20px; bottom:20px; background:url(../images/video_btn_pic_pl.png) center center no-repeat; background-size:40px 40px;}

.banner_bg{/*background:url(../images/banner.jpg) center center no-repeat; background-size:100%;*/}
.banner_bg img{float:left;}

.banner .video_btn{left: auto !important;
    bottom: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    top: auto;}
/*
.banner .video_btn_on{left:20px; bottom:20px;}
.banner .video_btn_off{left:20px; bottom:20px;}
*/

.fenlei_ej .ej_active{background:#ff991c}
.zhu{border: 1px dashed #ffb505;
    padding: 10px;
    color: #999;}

.gaisu{font-size: 14px; color: #fff;padding-bottom: 10px; line-height: 22px;}