/* Minification failed. Returning unminified contents.
(4,26): run-time error CSS1039: Token not allowed after unary operator: '-FontSize'
(6,17): run-time error CSS1039: Token not allowed after unary operator: '-FColor'
(8,28): run-time error CSS1039: Token not allowed after unary operator: '-BColor'
(10,18): run-time error CSS1039: Token not allowed after unary operator: '-Border'
(12,30): run-time error CSS1039: Token not allowed after unary operator: '-Radius'
(14,22): run-time error CSS1039: Token not allowed after unary operator: '-Shadow'
(16,23): run-time error CSS1039: Token not allowed after unary operator: '-Margin'
(18,24): run-time error CSS1039: Token not allowed after unary operator: '-Padding'
(19,26): run-time error CSS1039: Token not allowed after unary operator: '-MaxWidth'
(47,17): run-time error CSS1039: Token not allowed after unary operator: '-HColor'
(48,23): run-time error CSS1039: Token not allowed after unary operator: '-H4FontWeight'
(73,17): run-time error CSS1039: Token not allowed after unary operator: '-BColor'
(75,28): run-time error CSS1039: Token not allowed after unary operator: '-HColor'
 */
@media all{
  .list30 {
    font-size: 16px;
    font-size: calc(var(--FontSize) * 1px);
    color: darkgreen;
    color: var(--FColor);
    background-color: #eeeeee;
    background-color: var(--BColor);
    border: 0px solid;
    border: var(--Border);
    border-radius: 0;
    border-radius: calc(var(--Radius) * 1px);
    box-shadow: 0px solid;
    box-shadow: var(--Shadow);
    margin: .8em;
    margin: calc(var(--Margin) * 1em);
    padding: 1em;
    padding: calc(var(--Padding) * 1em);
    max-width: calc(var(--MaxWidth) * 1em);
  }
  .list30 li{
    height:250px;
    display:flex;
    align-items:center;
    padding:1em;
  }
  .list30 li *{
    transition:all .3s;
  }
  .list30 li > img {
    box-shadow:0 0 3px -1px;
    width: 40%;
    flex-shrink:0;
    margin-right:2em;
    height: 97%;
    object-fit:cover;
    border-radius:3px;
  }
  .list30 li > div{
    width: 60%;
  }
  .list30 li > div > h4{
    font-size: 1.1em;
    line-height: 2em;
    height: 2em;
    color: #57bc4c;
    color: var(--HColor);
    font-weight: var(--H4FontWeight);
  }
  .list30 li > div > h6{
    font-size:.8em;
    padding:.7em 0;
    font-weight:normal;
    display:flex;
    justify-content:space-between;
    box-shadow: 0 1px 2px -2px;
  }
  .list30 li > div > p {
    text-indent: 2em;
    font-size: .8em;
    line-height: 2em;
    height: 6em;
    margin:1em 0;
    -webkit-line-clamp:3;
  }
  .list30 li > div > a {
    padding:.5em 2em;
    font-size: 0.8em;
    border-radius: 20px;
    display: inline-block;
    opacity:.8;
    color: white;
    color: var(--BColor);
    background-color: #57bc4c;
    background-color: var(--HColor);
  }
  .list30 li:hover{
    background-color:rgba(0,0,0,.1);
    box-shadow:0 0 2px rgba(255,255,255,.1);
  }
  .list30 li:hover > div > a{
    padding-left: 3em;
    padding-right: 3em;
    opacity:1;
  }
}
@media all{
  .list30.ydbx7 li{
    font-size:.9em;
    height:170px;
    padding:.5em;
  }
  .list30.ydbx7 li > img {
    margin-right:1em;
  }
  .list30.ydbx7 li > div > p {
    margin: .5em 0;
    height: 4em;
    line-height: 2em;
    text-indent: 0;
    -webkit-line-clamp:2;
  }
  .list30.ydbx7 li > div > a {
    padding-top: .3em;
    padding-bottom: .3em;
  }
}
@media all{
  .list30.ydbx6 {
    margin:0 !important;
    padding:.5em !important;
  }
}

.nav {
    height: 50px;
    position: relative;
    background: linear-gradient(rgba(139, 255, 88, 0.09),rgba(255, 255, 89, 0.09),rgba(255, 89, 89, 0.09));
    border: 1px solid lightgray;
    
}

    .nav > span {
        position: absolute;
        width: 100%;
        line-height: 50px;
        text-align: center;
        vertical-align: middle;
        font-family: 隶书;
        font-size: 25px !important;
        letter-spacing: 2px !important;
    }

.paging {
    height: 50px;
    position: relative;
    background: linear-gradient(rgba(139, 255, 88, 0.09),rgba(255, 255, 89, 0.09),rgba(255, 89, 89, 0.09));
    border: 1px solid lightgray;
    
}

    .paging > span {
        position: absolute;
        width: 100%;
        line-height: 50px;
        text-align: center;
        vertical-align: middle;
        font-family: 隶书;
        font-size: 25px !important;
        letter-spacing: 2px !important;
    }

.label {
    height: 50px;
    position: relative;
    background: linear-gradient(rgba(139, 255, 88, 0.09),rgba(255, 255, 89, 0.09),rgba(255, 89, 89, 0.09));
    border: 1px solid lightgray;
    
}

    .label > span {
        position: absolute;
        width: 100%;
        line-height: 50px;
        text-align: center;
        vertical-align: middle;
        font-family: 隶书;
        font-size: 25px !important;
        letter-spacing: 2px !important;
    }

.newest {
    height: 50px;
    position: relative;
    background: linear-gradient(rgba(139, 255, 88, 0.09),rgba(255, 255, 89, 0.09),rgba(255, 89, 89, 0.09));
    border: 1px solid lightgray;
    
}

.newest > span {
    position: absolute;
    width: 100%;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    font-family: 隶书;
    font-size: 25px !important;
    letter-spacing: 2px !important;
}

