@charset "utf-8";
/*@font-face{*/
/*    font-family: 'pfr'; */
/*    src: url('../font/PingFang-SC-Regular.otf');*/
/*}*/
/*@font-face{*/
/*    font-family: 'pfs'; */
/*    src: url('../font/PingFang-SC-Semibold.ttf');*/
/*}*/
/*@font-face{*/
/*    font-family: 'pfl'; */
/*    src: url('../font/PingFang Light.ttf');*/
/*}*/
/*@font-face{*/
/*    font-family: 'pfh'; */
/*    src: url('../font/PingFang Heavy.ttf');*/
/*}*/
body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
	font-size: 14px;
	background: #fff;
}
 input,textarea,select,a:focus,button {
     outline: none;
}
.clear{clear:both;}
.center{text-align: center;}
.web-672{padding: 0;width: 672px; margin: 0 auto;}
/*.container{padding: 0 12px;}*/
.container-fluid{padding: 0;}
.nav{height: 125px; border: 0;border-radius: 0;background: #fff;}
.nav>ul{height: 125px;padding-top: 10px;}
.nav>ul>li{display: table-cell;width: 1%;}
.nav>ul>li>a{font-family: 'pfr';font-size: 20px;color: #374a9e;}
.nav>ul>li>a:hover{color: #374a9e;background: #fff;}
.nav>ul>li>.active{color: #374a9e;}
.back_bg{
	background-image: url(../img/bg_m.jpg);
	background-size: 100%;
	padding-top: 150px;
	padding-bottom: 140px;
    margin-top: -35px;
}
.participating-data{width: 676px;height: 100px;position: absolute; top: 20px;left:52px; background-image: url('../img/data-bg.png');background-size: 100% 100%; border-radius: 10px;}
.participating-data>div{height: 120px;padding-top: 20px;}
.participating-data>div p{font-family: 'pfr';font-size: 24px;color: #fff;margin-bottom: 0;}
.nav-title{font-family: 'pfr';font-size: 30px;color: #000;margin-top: 30px;margin-bottom: 20px;}
.intro{background: #374a9e;border-radius: 10px;padding: 40px;}
.intro>p{font-family: 'pfl';font-size: 24px;color: #fff;margin: 0;}
.news{background: #7264c3;border-radius: 10px;padding: 30px;}
.news .news-title{font-family: 'pfs';font-size: 28px;color: #fff;}
.news .news-date{font-family: 'pfr';font-size: 24px;color: #fff;}
.upload-btn{width: 100%;height: 80px;background: #cf386f;border-radius: 200px;font-family: 'pfr';font-size: 30px;color: #fff;}
.chang{display: inline-block;width: 648px;height: 66px;line-height: 66px;margin-top: 30px;margin-bottom: 10px;}
.chang>img{width: 50%;}
.chang>span>a{text-decoration: none;font-family: 'pfr';font-size: 24px;color: #374a9e}
.div-left{display: flex;flex-direction: column;justify-content: flex-start;margin: 20px 0;padding: 0;}
.div-right{display: flex;flex-direction: column;justify-content: flex-end;margin: 20px 0;padding: 0;}
.video-id{position: absolute;top: 15px;left: 15px;display: inline-block;padding: 5px 10px;background: #7765e3;border-radius: 10px;font-family: 'pfr';font-size: 20px; color: #fff;}
.video-img{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.video-vote{height: 120px;line-height: 120px; width:320px;padding: 0 20px; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; background: #fff;}
.video-list{box-shadow: 0px 0px 10px #526569;width: 320px;border-radius: 10px;}
.video-vote-data{font-family: 'pfr';font-size: 36px;color: #4f4f4f;}
.vote-btn{float: right;margin-top: 35px;width: 200px;height: 50px;border-radius: 30px; background: #cf386f;font-family: 'pfr';font-size: 14px;color: #fff;}
.video-vote-p{display: block;height: 120px;line-height: 120px;}



.upload_form>.form-group>p{display: block; font-family: 'pfr';font-size:24px;color: #4d4d4d;margin-top: 30px; margin-bottom: 15px;}
.upload_form>.form-group>.work_title>.work_title_length,.work_intro_length,.work_video_length{float: right;font-family: 'pfr',font-size:24px;color: #cccccc;}
.upload_form>.form-group>.form-control{border: 0;height: 85px;background: #f8f8f8;border-radius: 10px;padding: 0 20px;font-size: 24px;font-family: 'pfr';color: #4d4d4d;}
.upload_form>.form-group>.work_intro_text{padding: 20px;height: 200px;}
.layui-select-title>input{border: 0;height: 85px;background: #f8f8f8;border-radius: 10px;padding: 0 20px;font-size: 24px;font-family: 'pfr';color: #4d4d4d;}
.layui-form-select .layui-edge{border-width: 18px;border-top-color: #3a4aa2;border-radius: 5px;}
.layui-form-select>dl{border-radius: 10px;top: 85px;background: #f8f8f8;}
.layui-form-select>dl>dd{height: 50px;line-height: 50px;font-family: 'pfr';font-size: 24px;color: #4d4d4d;}
.layui-form-selected .layui-edge{border-width: 18px;border-top-color: #3a4aa2;margin-top: -20px;border-radius: 5px;}
.achieve{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.achieve>div{width: 630px;height: 580px;z-index: 99; background: #fff;position: absolute;top: 50%;margin-top: -290px;left: 60px;border-radius: 10px;}
.achieve>div>img{margin-top: 50px;}
.achieve .hint-title{font-family: 'pfh';font-size: 34px;color: #444;margin-top: 30px;}
.hint-info{margin-top: 30px;font-family: 'pfr';font-size: 24px;color: #444;}
.ranked{position: absolute;top: 10px;right: 10px;display: inline-block;width: 76px;height: 26px;line-height: 26px; text-align: center; background: #f7fa21;border-radius: 10px;font-family: 'pfs';font-size: 14px; color: #000;}



.article-title{font-family: 'pfs';font-size: 30px;color: #000;}
.article-date{font-family: 'pfr';font-size: 24px;color: #1d1d1d;}
.article-body{margin: 30px 0;font-family: 'pfr'; font-size: 24px;color: #000;}