body{width: 100%;max-width: 640px;min-width: 320px;margin: 0 auto;padding: 0;font-family: 'Microsoft YaHei';}
ol,ul,li{list-style: none;padding: 0;}
a,a:hover{text-decoration: none;}
img{display: block;}

.logo{width: 100%;}
.logo a{width: 100%;}
.logo a img{width: 100%;}

.banner{width: 100%;}
.banner a{width: 100%;}
.banner a img{width: 100%;}

.cont{width: 100%;margin: .5rem 0;}
.cont .main{width: 94%;margin: 0 3%;}

.videoBox{display: -webkit-flex;display: flex;width: 100%;margin-top: .5rem;justify-content: space-between;}
.videoBox .hd{width: 25%;}
.videoBox .hd ul{width: 100%;background: #F7F7F7;}
.videoBox .hd ul li{width: 96%;margin: .2rem 2%;padding: .3rem 0;text-align: center;cursor: pointer;color: #333;}
.videoBox .hd ul .l1{width: 100%;line-height: 2rem;margin: 0;text-align: center;font-size: .9rem;font-weight: bold;color: #008dff;background: #FFF;border-bottom: .5rem solid #F7F7F7;}
.videoBox .hd ul .l2{width: 100%;line-height: 2rem;margin: 0;text-align: center;font-size: .9rem;font-weight: bold;color: #f89715;background: #FFF;border-top: .5rem solid #F7F7F7;border-bottom: .5rem solid #F7F7F7;}

.videoBox .hd ul li p{width: 90%;margin: 0 5%;padding: .2rem 0;text-align: center;font-size: .75rem;}
.videoBox .hd ul li.on{width: 100%;margin: 0;background: #FFF;} 
.videoBox .hd ul li.on p{font-weight: bold;border-left: .2rem solid #008dff;}
.videoBox .hd ul li.on p.p1{border-left: .2rem solid #f89715;}
.videoBox .hd ul .l3{width: 100%;height: 2rem;margin: 0;border-top: .5rem solid #F7F7F7;}
.videoBox .hd ul .l3 a{display: block;width: 98%;height: 2rem;line-height: 2rem;margin: 0 1%;text-align: center;color: #FFF;background: #0a9cd9;border-radius: .5rem;}
.videoBox .bd{width: 75%;}
.videoBox .bd ul{display: -webkit-flex;display: flex;flex-wrap: wrap;width: 98%;margin: 0 1%;justify-content: space-between;}
.videoBox .bd ul li{width: 48%;margin: .5rem 0;}
.videoBox .bd ul li a{width: 100%;}
.videoBox .bd ul li a img{width: 100%;border: 1px solid #eee;}
.videoBox .bd ul li a p{width: 100%;margin: .3rem 0;text-align: center;font-size: .7rem;white-space: nowrap;text-overflow: ellipsis;color: #444;overflow: hidden;}
.videoBox .bd ul li .videoplay{display: -webkit-flex;display: flex;width: 100%;justify-content: space-between;}
.videoBox .bd ul li .videoplay .videoplayl{width: 56%;height: 2rem;line-height: 2rem;font-size: .7rem;color: #666;}
.videoBox .bd ul li .videoplay .videoplayr{width: 44%;height: 2rem;line-height: 2rem;text-align: center;font-size: .7rem;color: #FFF;background: #f89715;cursor: pointer;}

.midform{width: 100%;max-width: 640px;min-width: 320px;}
.midform .tabform{position: fixed;z-index: 2;top: 30%;left: 8%;width: 300px;height: auto;margin: 0 auto;padding: .3rem;background: #FFF;border: 2px solid #2e8ded;}
.midform .tabform .close{position: absolute;top: .5rem;right: .5rem;cursor: pointer;}
.midform .tabform .tit{width: 100%;margin: .5rem 0;text-align: center;font-size: 1.2rem;color: #333;}
.midform .tabform .tit img{margin: .5rem auto;}
.midform .tabform .tit p{text-align: center;font-size: .8rem;color: #444;}
.midform .tabform form{width: 94%;margin: .5rem 3%; }
.midform .tabform form ul{width: 100%;}
.midform .tabform form ul li.l1{display: -webkit-flex;display: flex;width: 80%;margin: .3rem 10%;justify-content: space-between;border: 1px solid #ddd;border-radius: .5rem;overflow: hidden;}
.midform .tabform form ul li.l1 span{display: inline-block;width: 20%;height: 2.5rem;}
.midform .tabform form ul li.l1 span.sp1{background: url(../images/icon1.png) center no-repeat;background-size: 80%;}
.midform .tabform form ul li.l1 span.sp2{background: url(../images/icon2.png) center no-repeat;background-size: 80%;}
.midform .tabform form ul li.l1 input{width: 80%;height: 2.5rem;line-height: 2.5rem;border: none;}
.midform .tabform form ul li.l2{width: 80%;margin: .3rem 10%;}
.midform .tabform form ul li.l2 input#submit{width: 100%;height: 2.5rem;line-height: 2.5rem;margin: .3rem 0;text-align: center;font-size: 1.2rem;color: #FFF;background: #2e8ded;border: 0;border-radius: .5rem;}
.display_n{display: none;}
.display_b{display: block;}

.video_content{width: 94%;margin: 0 3%;}
.video_content h2{width: 100%;text-align: center;font-size: 1.5rem;color: #333;}
.video_content .video_info{display: -webkit-flex;display: flex;align-items: center;width: 100%;padding-bottom: .8rem;justify-content:center;}
.video_content .video_info p{margin: .3rem .5rem;font-size: 1rem;color: #666;}
.video_content .video_info p.fbtime{}
.video_content .video_info p.fbsource{}
.video_content video{width: 100%;margin: .5rem 0;}