﻿.downlist-cont input {
appearance: auto;
margin-top: 6px;
margin-left: 6px;
}

.downlist-cont {
background-color: rgb(210 210 210 / 30%);
padding: 30px;
border-radius: 8px;
margin-top: 30px;
/* height: 80vh; */
/* overflow-y: auto; */
}

.downlist-cont ul {
/* height: 500px; */
/* overflow-y: auto; */
}

.downlist-cont ul#demo > li {
padding-bottom: 20px;
}

.downlist-cont ul#demo > li > ul {
margin-top: 5px;
}

.downlist-cont ul#demo > li > a { /* margin-bottom: 5px; */ /* margin-top: 20px; */
}

.downlist-cont ul#demo > li > a cite {
font-size: 18px;
font-weight: bold;
}

.headerbgm {
display: none;
}

.demo {
}

.downlist-btns {
}

.downlist-btns .w1400 {
}

.downlist-btns-on {
position: fixed;
top: 0;
width: 100%;
background-color: white;
padding: 10px 0px;
left: 0;
z-index: 999;
}

.down-ssq {
float: right;
}

.down-plxzq {
float: left;
}

.plxz-btn {
height: 42px;
display: inline-block;
line-height: 42px;
font-size: 15px;
background-color: #0056b8;
color: white;
padding: 0 30px;
border-radius: 8px;
position: relative;
margin-right: 20px;
}

.plxz-btn:hover {
color: white;
}

.plxz-btn label {
margin: 0 5px;
}

.plxz-btn span {
margin-left: 30px;
text-decoration: underline;
}

.download1 .topright .input input::-webkit-input-placeholder {
font-size: 16px;
}

.download1 .topright .input input::-moz-placeholder {
font-size: 16px;
}

.download1 .topright .input input:-ms-input-placeholder {
font-size: 16px;
}

.download1 .topright .input input::-ms-input-placeholder {
font-size: 16px;
}

.download1 .topright .input input::placeholder {
font-size: 16px;
}


.layui-tree li {
overflow: hidden;
white-space: inherit;
position: relative;
}

.layui-tree li a .filename {
display: inline-block;
}

.layui-tree li a .filesize {
float: right;
font-size: 14px !Important;
font-weight: inherit !Important;
color: #666666;
margin-left: 20px;
width: 90px;
}

.layui-tree li a .filetime {
font-size: 14px !Important;
font-weight: inherit !Important;
color: #666666;
margin-left: 5%;
float: right;
}

.layui-tree li a {
font-size: 0;
display: inline-block;
text-align: left;
position: relative;
width: 100%;
position: absolute;
width: 96%;
right: 0;
top: 0;
height: 100%;
}

.layui-tree li a .fileyulan {
font-size: 14px !Important;
font-weight: inherit !Important;
color: #666666;
margin-left: 5%;
float: right;
background: url(/pc/img/yl3.png) no-repeat left;
background-size: 14px;
padding-left: 20px;
}

.layui-tree li i {
width: 26px;
display: inline-block;
}

.layui-tree li a:hover .filesize, .layui-tree li a:hover .filetime {
color: #0b47a9;
}

.layui-tree li a .fileyulan:hover {
color: #0b47a9;
}

@media screen and (max-width: 1459px) {
.layui-tree li a {
width: 95%;
}
}

@media screen and (max-width: 1259px) {
.layui-tree li a {
width: 94%;
}
}


@media screen and (max-width: 640px) {
.down-ssq {
float: none;
width: 100%;
margin-top: 20px;
}

.down-plxzq {
float: none;
width: 100%;
}

.downlist-btns-on {
padding-top: 20px;
}

.downlist-cont {
padding: 15px;
overflow-x: scroll;
}





.downlist-cont #demo {
width: 1200px
}

.plxz-btn {
margin-bottom: 0px;
font-size: 14px;
height: 36px;
padding: 0 10px;
line-height: 36px;
border-radius: 18px;
}

.plxz-btn span {
margin-left: 15px;
}
}
