@charset "utf-8"; /* CSS Document */
html{height:100%;background:#014a9c;}
body{font-family:Arial,Helvetica,sans-serif; color:#333; /*background:#a50006;*/  margin:0 auto; max-width:100%;background:url(../images/bottom_bg.jpg) bottom center no-repeat; background-size:100%; position: absolute; min-height: 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{/*border:2px #dc0b14 solid; box-shadow: 2px 1px 16px 0px rgba(148,0,0,0.29) inset;
-webkit-box-shadow: 2px 1px 16px 0px rgba(148,0,0,0.29) inset;
-moz-box-shadow: 2px 1px 16px 0px rgba(148,0,0,0.29) inset;*/  box-sizing: border-box; padding:20px; background:#eff9ff;}

.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:#2966ac; line-height:25px;}
.input_box{margin-top:10px;}
.input_text_title{height:30px; line-height: 30px; font-size:14px; font-weight: bold; color:#2966ac;}
.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 #2966ac solid;}
.input_select_box{display:flex; margin-top:5px;}





.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:#999;height:50px; line-height: 25px; padding-left:20px; padding-right:20px; margin-top:10px;}
.beizhu span{color:#ff991c; 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:#ff991c; color:#fff; font-size:16px; border-radius:20px; width: 100%;}
.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:#ff991c; color:#fff; font-size:16px; border-radius:20px; width: 100%;}
.submit_fail {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.webuploader-element-invisible {
    opacity: 0;
}

.index_search{height:40px; border:2px #ff991c solid; margin-left:20px; margin-right: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); margin-top:10px;}
.index_search input[type="text"]{height:40px; width:calc(100% - 80px);float:left;box-shadow: 2px 1px 16px 0px rgba(148,0,0,0.29) inset;
    -webkit-box-shadow: 2px 1px 16px 0px rgba(148,0,0,0.29) inset;
    -moz-box-shadow: 2px 1px 16px 0px rgba(148,0,0,0.29) inset;
    background: #fffdfd; box-sizing: border-box; padding-left:10px; padding-right:10px;}
.index_search input[type="button"]{width:80px;height:40px; background:#ff991c; color:#fff; float:left;}
.index_search input[type="submit"]{width:80px;height:40px; background:#ff991c; color:#fff; float:left;}
.game_shows_item span{float:left; display: block; width: 20px; height:20px; line-height: 20px; background:#fd7323; 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:#2966ac;}
.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:#9c5101; 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: 30px;}

.video_name{font-size:14px; text-align:center; height:40px; line-height: 40px; font-size:14px; color:#993205;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:#ff991c; color:#fff; font-size:16px; border-radius:20px; width: 100%;}

.more_video_btn{height:40px; border:1px #4f92e5 solid;}
.more_video_btn a{display:block; text-align:center; line-height:40px; font-size:14px; color:#4f92e5;}

.video_detail_box .video_file{ height:180px;}
.video_detail_box .video_file video{height:180px;}
.video_detail_title{font-size:16px; color:#993205; font-weight: bold; padding-top:10px;}
.video_detail_school{font-size:14px; color:#993205; padding-top:10px; padding-bottom: 5px; line-height: 24px;}
.video_detail_text{font-size:14px; color:#993205;}
.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;}
.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); 
	margin-right:10px;
	border:1px #2966ac 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}
