* {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    margin: 0 auto;
    font: 14px/1.5 'Microsoft YaHei', 'Arial', 'sans-serif';
    color: #333;
    
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #333;
}

i {
    font-style: normal;
}

button, input, textarea, hr {
    border: none;
}

.clear {
    clear: both;
}

table {
    border-collapse: collapse;
    max-width: 100%;
}
img{
    border:none;
}


table td {
    border-collapse: collapse;
}
select{outline: unset;}

input:focus ,button{
    outline: none;
}
.mr-top-33{margin-top:20px;}

.background-linear{
    background: #e9363b;
    background: -moz-linear-gradient(top,  #e9363b 0%,#ef2032 55%,#d70f24 56%, #bd2224 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9363b),color-stop(55%,#f01c31),color-stop(56%,#d70f24), color-stop(100%,#bd2224));
    background: -webkit-linear-gradient(top,  #e9363b 0%,#f01c31 55%,#d70f24 56%,#bd2224 100%);
    background: -o-linear-gradient(top,  #e9363b 0%,#f01c31 55%,#d70f24 56%,#bd2224 100%);
    background: -ms-linear-gradient(top,  #e9363b 0%,#f01c31 55%,#d70f24 56%,#bd2224 100%);
    background: linear-gradient(to bottom,  #e9363b 0%,#f01c31 55%,#d70f24 56%,#bd2224 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9363b', endColorstr='#bd2224',GradientType=0 );
}

.main{width: 100%;max-width: 1200px;margin:0 auto;}
.top,.top-logo,.top-logo a ,.top-logo img{width:100%;margin:0 auto;display: block;}
.top-logo a{position: relative;overflow-x: hidden;}
.top-logo a .shan{
    position:absolute;
    -webkit-animation:changeImg 3s ease 0s;
    -o-animation:changeImg 3s ease 0s;
    animation:changeImg 3s ease 0s;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    content:"";
    background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%);
    background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%);
    background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%);
    background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%);
    transform:skewX(-45deg);
    animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
}
@-webkit-keyframes changeImg {
    from {
        left:-100%;
    }
    100% {
        left:150%;
    }
}
.top .main{display: flex;justify-content: space-between;}
.top .main .top-tips{width:auto;color:#212121;font-size:16px;line-height: 50px;margin-right:25px;flex-grow: 0;display: block;}
.top .top-login{width:auto;height:19px;margin:16px 0 15px;flex-grow: 1;display: block;}
.top .top-login form,.top .top-search form{display: flex;justify-content: start;}
.top .top-login form label,.top .top-login form input,.top .top-login form button{width:auto;flex-grow: 0;display: block;}
.top .top-login form label{font-size:12px;line-height: 19px;color:#7d7d7d;}
.top .top-login form input,.top .top-search input{font-size:12px;padding-left:5px;line-height: 17px;color:#7d7d7d;border:1px solid #7d7d7d;box-sizing: border-box;margin-right: 10px;}
.top .top-login form button,.top .top-search button{font-size:12px;color:#fff;line-height: 19px;background: #aa1c1a;padding:0 20px;}
.top .top-search{width:auto;height:19px;margin:16px 0 15px;flex-grow: 0;display: block;}
.top .top-search select{width:50px;line-height: 17px;border:1px solid #7d7d7d;font-size:12px;color:#7d7d7d;margin-right: 2px;}
.top .top-search input{margin-right: 3px;}

.search-category{width:auto;line-height: 20px;height:20px;border:1px solid #7d7d7d;margin-right:3px;padding:0 2px;display: inline-block;background: url("../image/select_down.png") right center no-repeat;background-size: 10px;position: relative;box-sizing:border-box;}
.search-category p{width:auto;display: block;padding-right:10px;color:#666;max-width: 140px;overflow: hidden;white-space: nowrap;}
.search-category ul{position: absolute;top:100%;left:-1px;box-sizing:border-box;display: block;border:1px solid #808080;min-width: 100%;z-index:99999;background: #fff;}
.search-category ul li{width:100%;white-space: nowrap;color:#666;cursor: pointer;padding:0 2px;box-sizing:border-box;}
.search-category ul li:hover,.search-category ul li.on{background: #808080;color:#fff;}

.nav{width:100%;display: block;}
.nav ul{width:100%;display: flex;justify-content: center;}
.nav li{flex: 1;display: block;text-align: center;border-right: 1px solid #fff;position: relative;}
.nav li:last-child{border-right-width: 0;}
.nav li a{color:#fff; font-size:16px;line-height: 50px;display: block;}
.nav li.on a,.nav li a:hover{color:#fff700;}

.nav li dl{width:auto;min-width:100%;position: absolute;top:100%;left:50%;transform:translateX(-50%);background: #e04547;z-index:9;}
.nav li dl dd{border-bottom: 1px dashed #ba3f40;}
.nav li dl dd.on a{color:#fff700 !important;}
.nav li dl dd a{white-space: nowrap;padding:0 10px;font-size:14px;line-height: 36px;color:#fff !important;}
.nav li dl dd:hover{background: #e9363b;}


.footer{width:100%;padding:25px 0;background: #aa1c1a;color:#fff;font-size:14px;line-height: 31px;text-align: center;display: block;}
.footer a,.footer p{color:#fff;}
.footer .main{position: relative;}
.footer .footer-right-img{position: absolute;top:30%;right:10px;transform: translateY(-50%);width:46px;height: 56px;}
.footer .footer-right-img img{object-fit: cover;display: block;}

.left-popup{width:262px;height: 306px;background: #a0ccef;position: fixed;top:50%;left:0;transform: translateY(-50%);z-index:999;}
.left-popup-img{width:194px;background: #fdedc1;margin:19px auto 10px;}
.left-popup-img img{width: 172px;height: 172px;object-fit: contain;display: block;margin:0 auto;padding:10px 0;}
.left-popup-img p{width:100%;box-sizing: border-box;padding:0 5px;line-height: 26px;background:#4a691d;color:#fff700;text-align: center;font-size:14px;}
.left-popup-footer{width: 194px;margin:0 auto 10px;display: flex;justify-content: center;}
.left-popup-footer img{width:48px;height: 48px;margin:0 5px 0 0;flex-grow: 0;display: block;}
.left-popup-footer p{max-width:110px;flex-grow: 1;display: block;text-align: center;font-size:10px;line-height: 16px;color:#f46e2a;}
.left-popup .left-popup-close{width:20px;height: 20px;text-align: center;line-height: 20px;position: absolute;top:0;right:0;color:#fff;background: #aa1c1a;display: block;cursor: pointer;}

.left-popup2{width:80px;height: 80px;background: #a0ccef;position: fixed;top:50%;left:20px;transform: translateY(-50%);z-index:999;}
.left-popup-img2{width:80px;height:80px;background: #fdedc1;}

@media screen and (max-width: 1600px) {
    .left-popup{width:auto;height: auto;padding:0 20px;}
    .left-popup-img,.left-popup-footer{width:120px;}
    .left-popup-img img{width:100%;height: auto;padding:0;}
    .left-popup-footer img{display: none;}
    .left-popup-footer p{width:100%;max-width: 100%;}
}


.gray-img{display: none !important;}