@charset "utf-8";
.vedio_top{ position: fixed; left: 0; top: 0; width: 100%; z-index: 3; background-color: #00a7ac; padding: 10px 0;}
.vedio_top .left_logo{ float: left; width: auto}
.vedio_top .left_logo .logo {

  background: url("../images/logo.png") left center no-repeat;

  background-size: auto 100%;
  width:3rem;
  height: 0.3rem; display: inline-block
}
.vedio_top  .right_position{ float: right; width: auto; text-align: right; font-size: 0.14rem; color: #fff;line-height: 0.3rem;background: url("../images/home_icon.svg") left center no-repeat;
background-size: auto 0.14rem;
padding-left: 0.2rem;}
.vedio_top  .right_position span{ display: inline-block; margin-left: 0.3rem}
.vedio_top  .right_position span a{ display: inline-block; border: #fff 1px solid; border-radius: 30px; padding: 0.1rem 0.3rem; color: #fff; font-size: 0.14rem; font-weight: bold;line-height: 1;}
.vedio_top  .right_position span a:hover{ background-color:#fff; color:#00a7ac }
.down_erji {
  float: left;
  width: 25%;
  margin-bottom: 0.4rem;
  text-align: left;
}
.down_lists {
  float: right;
  width: 70%;
  margin-bottom: 0.3rem;
}

.back_f5f5f5_in {
  background: #ffffff url("../images/body_in_back.jpg") center top no-repeat;
    background-size: auto;
  background-size: 100% auto;
  padding-top: 0.7rem;
  padding-bottom: 0.5rem;
}

.down_lists ul li {
  position: relative;
  height: 0.7rem;
  line-height: 0.7rem;
  background: #fff url("../images/video_icons.png") 0.2rem center no-repeat;
    background-size: auto;
  background-size: 0.30rem auto;
  margin-bottom: 0.2rem;
  font-size: 0.18rem;
  border: #ccc 2px solid;
  border-radius: 10px;
  padding-left: 0.65rem;
  -webkit-transition: all ease .4s;
  transition: all ease .4s;padding-right: 2.5rem;
}

.down_lists ul li  .file_size{ display: inline-block; font-size: 0.14rem;  margin-left: 0.2rem; color: #999}
.down_lists ul li .Watch_online {
  position: absolute;
  right: 1.4rem;
  top: 50%;
  height: 0.3rem;
  line-height: 0.3rem;
  margin-top: -0.15rem;
  padding: 0 0.2rem;
  text-align: center;
  color: #00a7ac;
  font-size: 0.16rem;
}
.down_lists ul li a:hover{text-decoration:underline }


@media screen and (max-width: 800px){
	.vedio_top .right_position{ background: none}
.vedio_top .right_position span.posion{ display: none}
	.vedio_top .left_logo .logo{ height: 0.4rem}
	.down_erji {
    float: none;
    width: auto;
    margin-bottom: 0.4rem;
    text-align: left;
    height: 150px;
    overflow-y: auto;
}
	.down_lists {
    float: none;
		width: auto;}
	.down_lists ul li{ height: auto; padding-right: 0;background: #fff url(../images/video_icons.png) 0.2rem 0.3rem no-repeat;    background-size: 0.3rem auto;padding: 0.1rem 0.1rem 0.1rem 0.7rem;font-size: 15px;}
	.down_lists ul li .file_size{font-size: 13px;}
	.down_lists ul li .btns{display: block}
	.down_lists ul li .Watch_online {
    position: initial;
    right: auto;
    top: initial;
    height: auto;
    line-height: initial;
    margin-top: 0;
    padding: 0;
    text-align: center;
    color: #00a7ac;
    font-size: 13px;
}
	.down_lists ul li .btns_down {
    position: inherit;
    right: inherit;
    top: inherit;
    height: auto;
    line-height: 2;
    margin-top: 0; display: inline-block; margin-left: 0.3rem;    font-size: 13px;
}
	.down_erji ul li{ font-size: 16px;}
	.vedio_top .right_position span a{font-size: 13px;}
  }