::-webkit-scrollbar {
    width: 8px;
    height:5px;
}
::-webkit-scrollbar-track {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius:2em;
}
::-webkit-scrollbar-thumb {
    background-color: #da634b;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius:2em;
}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{
   margin:0;
   padding:0
}
body{
   background:#da634b;
   color:#555;
   font-family:microsoft yahei,Simsun,Tahoma
}
body,caption,td,th{
   font-size:14px
}
h1,h2,h3,h4,h5,h6{
   font-weight:400;
   font-size:100%
}
address,caption,cite,code,dfn,em,strong,th,var{
   font-style:normal;
   font-weight:400
}
a{
   color:#000
}
a,a:hover{
   text-decoration:none
}
img{
   border:none
}
li,ol,ul{
   list-style:none
}
button,input,select,textarea{
   font-size:14px
}
table{
   border-collapse:collapse
}
html{
   overflow-y:scroll
}
#container{
   width:960px;
   margin:0 auto;
   margin-top:15px
}
.nav{
   width:100%;
   margin-bottom:10px
}
.nav,.nav li{
   overflow:hidden
}
.nav li{
   float:left;
   text-align:center;
   display:block;
   width:190px;
   height:40px;
   line-height:40px;
   border:1px solid #da634b;
   background:#fff;
   border-bottom:1px solid #d04e34;
   border-radius:5px;
   font-size:13px;
   transition:color .5s,background-color .5s
}
.nav li:hover{
   color:#fff;
   background: var(--quaternary-color)
}
.nav li b{
   width:1pc;
   height:1pc;
   font-weight:400;
   background: var(--secondary-color);
   color:#fff;
   padding:1px 3px;
   margin-left:4px;
   font-size:9pt;
   border-radius:5px
}
.cate{
   background:#fff;
   margin-bottom:10px;
   border-radius:5px
}
.cate,.cate_name{
   width:100%;
   overflow:hidden
}
.cate_name{
   height:40px;
   background: var(--secondary-color);
}
.cate .pink{
   background:#fd6ea3
}
.cate .red{
   background:#c52622
}
.cate .green{
   background:#23be9b
}
.cate .yellow{
   background:#fcc800
}
.cate .gray{
   background:#788daa
}
.cate .orange{
   background:#f76e25
}
.cate .black{
   background:#333
}
.cate_name p{
   font-size:22px;
   font-weight:700;
   color:#fff
}
.cate li,.cate_name p{
   line-height:40px;
   margin-left:20px
}
.cate li{
   float:left;
   display:block;
   width:100%;
   height:40px
}
.cate li b{
   width:1pc;
   height:1pc;
   font-weight:400;
   background:#2cbafc;
   color:#fff;
   padding:1px 3px;
   margin-left:4px;
   font-size:14px;
   border-radius:2px
}
.clear{
   clear:both;
   height:0
}
@media screen and (max-width:1200px){
   .side{
       display:none
   }
}
@media screen and (max-width:960px){
   #container{
       width:98%;
       margin-top:5%
   }
   .nav li{
       width:20%;
       margin-right:-2px
   }
   .cate li,.nav li{
       height:35px;
       line-height:35px
   }
   .cate li{
       width:100%;
       margin-right:-1px
   }
   .cate_name{
       height:35px
   }
   .cate_name p{
       font-size:21px;
       line-height:35px
   }
}
@media screen and (max-width:800px){
   .cate li,.nav li{
       font-size:15px;
       height:30px;
       line-height:30px
   }
   .cate_name{
       height:30px
   }
   .cate_name p{
       font-size:20px;
       line-height:30px
   }
}
@media screen and (max-width:640px){
   .nav li{
       width:20%
   }
   .cate li,.nav li{
       font-size:11px;
       height:30px;
       line-height:30px
   }
   .cate li{
       width:100%
   }
   .cate_name{
       height:30px
   }
   .cate_name p{
       font-size:17px;
       line-height:30px
   }
   .cate li b{
       width:1pc;
       height:1pc;
       font-weight:400;
       background:#c52622;
       color:#fff;
       padding:2px 3px;
       margin-left:4px;
       font-size:11px;
       border-radius:2px
   }
}
.banner img{
   width:100%;
   margin-bottom:5px;
   transition:opacity .5s;
   border-radius:5px
}
.banner img:hover{
   opacity:.7
}
#container .footer{
   border-radius:10px 10px 0 0;
   /* height:40px; */
   margin-bottom:0;
   /* opacity:.7 */
   padding: 15px;
   box-sizing: border-box;
}
.footer p{
   text-align:center;
   line-height:1.5rem;
}
.footer p,.footer p a{
   color:#333
}
.tongjicnzz{
   display:none
}
.add {
    clear: both;
    overflow: hidden;
    max-width: 980px;
    color: #fff 
}
.add .row {
    margin-top: 10px;
    padding-bottom: 10px;
    border: none;
    border-bottom: 1px dashed #fff 
}
.add .row p {
    margin-bottom: 10px;
    color: #d75544;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.875rem 
}
.add .row ol {
    padding-left: 30px 
}
.add .row ol li {
    height: 30px;
    font-size: 1pc 
}
.add .form {
    margin-top: 20px;
    padding: 10px;
    background: #fff;
    color: #000 
}
.add .line {
    padding: 10px 
}
.add .line label {
    display: block;
    font-size: 1.125rem 
}
.add .line input, .add .line select {
    display: inline-block;
    box-sizing: border-box;
    margin: 8px 0;
    padding: 9pt 20px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #ccc 
}
.add .line button {
    margin: 8px 0;
    padding: 14px 20px;
    width: 100%;
    border: none;
    border-radius: 4px;
    background: #ccc;
    color: #d75544;
    cursor: pointer 
}
.add .line button:hover {
    background: #d75544;
    color: #fff 
}