﻿body {
    margin:0;
    padding:0;
    background:rgb(107 106 106 / 0.05);
    font-size:12px;
    color:#808080;
}
header{
 line-height:20px;
}
    header button {
        background: #e6e5e5;
    }
.sycaidan {
    color:#ffffff;
    font-size:14px;
    padding:5px;
    
}
.sycaidan ul {
    display:flex;
  flex-direction:row;
    padding:0;
    justify-content:center;
}
.sycaidan ul li a{color:white;}

.ss {
    width: 60%;
    height: 35px;
    border: solid 2px #8e0909;
    margin: 10px 0 0 0;
    display: inline-block;
    vertical-align: middle;
    font-size:12px;
    
}
    .ss:focus {
        outline: none;
        border: solid 2px #8e0909;
    }
.pcyc{
    display:none;
}

.bott {
    background: #8e0909;
    vertical-align: middle;
    border-radius: 0px 5px 5px 0;
    height:35px;
    margin: 10px 0 0 0;
    width: 100px;
    border: solid 2px #8e0909;
    color: white;
    display: inline-block;
    font-size:14px;
}
    .bott:hover {
        color: #ff6a00;
    }
.logo {
    font-size: 30px;
    color: #8e0909;
    padding: 10px;
}
.logo span{margin:auto auto auto 20px;}
    .logo img {
        height: 70px;
    }

.fenye{
    text-align:center;
    padding:10px;
    margin:10px;
}
    .fenye a {
        border: 1px solid #e6e5e5;
        padding: 10px;
    }
        .fenye a:hover {
            border: 1px solid #ff6a00;
        }

nav {
    background: #ffffff;
    margin-bottom: 20px;
   
}
a {
    text-decoration: none;
    color:#3d3d3d;
}
a:hover{
    color:#ff6a00;
}
ul{margin:0;
   padding:0;
   list-style-type:none;
}
ul li{
    padding:10px;
    line-height:25px;
}
    ul li:hover {
        background: rgb(107 106 106 / 0.05);
    }
.kuangjia {
    border: 1px solid rgb(107 106 106 / 0.05);
    background: #ffffff;
}
.xiahuaxian {
    border-bottom: 1px solid #e6e5e5;
}
.list {
    border: 1px solid #e6e5e5;
    margin:10px;
    padding:10px 10px 0 10px;
    box-sizing:border-box;

}
.list img{
    width:100%;
    height:150px;
}
.bt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.over {
   
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
  
}
.sbj{
    padding:10px 0 10px 0;
}
.left {
    background: rgb(107 106 106 / 0.05);
    border:0;
    font-size: 12px;
}
.leftcd {
    border: 1px solid #e6e5e5;
 text-align:center;
    background: #ffffff;
    
}
.leftcd ul li a p {
        text-align: center;
        margin:0;
    }
.left ul li img{width:100%;
                height:80px;
}
footer{
    margin-top:10px;
    text-align:center;
    line-height:35px;
}


@media (max-width: 767px) {
    .left ul li img {
        width: 100%;
        height:150px;
    }
.yc{
    display:none;
}
    .ss {
        width: 73%;
        height: 35px;
        border: solid 2px #8e0909;
        margin: 10px 0 0 0;
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
    }
    .bott {
        background: #8e0909;
        vertical-align: middle;
        border-radius: 0px 5px 5px 0;
        height: 35px;
        margin: 10px 0 0 0;
        width: 27%;
        border: solid 2px #8e0909;
        color: white;
        display: inline-block;
        font-size: 14px;
    }
    .logo img {
        height: 50px;
    }
    .pcyc {
        display: block;
        font-size: 12px;
        color: #000000;
    }
        .pcyc ul {
            text-align:center;
            padding: 0px;
        }

            .pcyc ul li {
                width:18%;
                display: inline-block;
                padding: 0px;
            }
            .pcyc ul li p {
              margin:0;
                padding: 0px;
            }
            .pcyc img{width:70%;}

}

