/*清除样式*/

body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input {

    margin: 0;

    padding: 0;

    font-family:'Microsoft YaHei';

    font-weight: normal;

}

img {

    border: none;

}



ul {

    list-style-type: none;

}



a {

    text-decoration: none;

    outline: none;

    border: 0;

}

a:active {outline: none;star:expression(this.onFocus=this.blur());}



a:hover,a:link,a:visited,a:active{

    text-decoration: none;

}



input[type="button"], input[type="submit"], input[type="reset"] {

    -webkit-appearance: none;

}

label{

    font-weight: normal;

}

input{

    outline: none!important;

}

input:-webkit-autofill{

    -webkit-animation-name: autofill;

    -webkit-animation-fill-mode: both;

}

@-webkit-keyframes autofill {

    to{

        background: transparent;

    }



}

.left{

    float: left;

}

.right{

    float: right;

}





/*底部*/

footer{

    width: 100%;

    min-width: 1200px;

}

.footer_menu{

    width: 100%;

    background: white;

    height: auto;

    padding-top: 20px;

}

.copyright{

    width: 100%;

    background: #fff;

    height: auto;

    padding-bottom: 12px;

}

footer .main{

    width: 1200px;

    margin: 0 auto;

}

footer .help_list{

    overflow: hidden;

    padding: 40px 0;

    border-top:1px solid #CDCCCC;

    border-bottom:1px solid #CDCCCC;

}

footer .help_list li{

    width: 25%;

    float: left;

    padding-left: 60px;

}

footer .help_list li img{

    width: 40px;

    height: 40px;

    margin:5px 10px 0 0;

}

footer .help_list li .title{

    font-size: 16px;

    line-height: 26px;

    color: #333;

    font-weight: bold;

}

footer .help_list li .tips{

    font-size: 14px;

    line-height: 24px;

    color: #666;

}

.foot_con{

    width: 100%;

    overflow: hidden;

    padding: 30px 0;

}

.foot_con_list{

    width: 850px;

    overflow: hidden;

}

.foot_con_list li{

    width: 20%;

    float: left;

    padding-left: 40px;

}

.foot_con_list li .title{

    font-size: 14px;

    color: #626262;

    font-family: 'Microsoft YaHei';

    line-height: 28px;

    margin-bottom: 10px;

}

.foot_con_list li .det{

    font-size: 12px;

    color: #626262;

    font-family: 'Microsoft YaHei';

    line-height: 22px;

}

.foot_con_list li .det a{

    color: #626262;

}

.foot_con .code{

    margin-left: 30px;

    text-align: center;

    width: 82px;

}

.foot_con .code .title{

    font-size: 14px;

    color: #626262;

    font-family: 'Microsoft YaHei';

    line-height: 28px;

}

.foot_con .code img{

    width: 82px;

    height: 82px;

    border:1px solid #E9E9E9;

}

.foot_con .phone{

    text-align: center;

    width : 330px;

    border-left: 1px solid #cdcccc;

}

.foot_con .phone .title{

    font-size: 18px;

    color: #626262;

    font-family: 'Microsoft YaHei';

    line-height: 28px;

}
.foot_con .phone .title b {
    display: block;
    margin: 20px auto;
    width: 160px;
    height: 30px;
    border-radius: 14px;
    background: #e8951d;
    color: #fff;
    line-height: 30px;

}
.foot_con .phone .tips{

    font-size: 12px;

    color: #626262;

    font-family: 'Microsoft YaHei';

    line-height: 24px;

}
.foot_con .phone .tips b{
    font-size: 24px;
    color: #fe0000;
}
.copy_link{

    font-size: 14px;

    line-height: 22px;

    padding: 25px 0;

    font-weight: bold;

    color: #c5c5c5;

    font-family: 'Microsoft YaHei';

    border-bottom: 1px solid #6C6C6C;

}

.copy_link a{

    font-weight: normal;

    color: #c5c5c5;

    margin-left: 30px;

}

footer .copyright .link{

    font-size: 12px;

    color: #666;

    line-height: 26px;

    margin-top: 7px;

}

footer .copyright .link a{

    color: #666;

    margin-right: 10px;

}

footer .copyright .link span{

    margin-left: 40px;

}

footer .copyright .license{

    color: #666;

    line-height: 26px;

    font-size: 12px;

}

footer .copyright .license span{

    color: #666;

}



/*上导航*/

.header{

    width: 100%;

    min-width: 1200px;

    background: white;

}

.header-login{

    width: 100%;

    background: #FAFAFA;

    border:1px solid #F0F0F0;

    border-left:none;

    border-right:none;

}

.header-login .menu-bar{

    width: 1200px;

    margin: 0 auto;

    height: 30px;

}

.header-login .menu-bar .welcome{

    font-size: 12px;

    line-height: 30px;

    color: #777777;

}

.header-login .menu-bar .welcome a{

    color: #363636;

    transition: all 0.2s ease;

}

.header-login .menu-bar .welcome a:hover{

    color: #f3981e;

    transition: all 0.2s ease;

}

.header-login .menu-bar .welcome .invite{

    color: red;

}

.header-login .menu-bar ul{

    height: 30px;

}

.header-login .menu-bar ul li{

    float: left;

    font-size: 12px;

    line-height: 30px;

    position: relative;

    padding: 0 8px;

}

.header-login .menu-bar ul li span{

    color: #777777;

    transition: all 0.2s ease;

}

.header-login .menu-bar ul li .more{

    margin-left: 5px;

}

.header-login .menu-bar ul li .concern{

    margin-right: 5px;

    margin-top: -2px;

}

.header-login .menu-bar ul li:last-of-type span{

    border-right:none;

}

.header-login .menu-bar ul li span:hover{

    color: #F3981E;

    transition: all 0.2s ease;

}

.header-login .menu-bar ul li .icon{

    width: 12px;

    height: 16px;

    margin-left:8px;

    margin-top: -2px;

}

.header-login .menu-bar ul .code{

    position: relative;

}

.header-login .menu-bar ul .code::after{

    position: absolute;

    width: 13px;

    height: 6px;

    background: url("../../assets/img/icon23.png") no-repeat;

    background-size: 100% 100%;

    content: '';

    bottom:-1px;

    left:50%;

    margin-left: -6.5px;

    display: none;

}

.header-login .menu-bar ul li .code_img{

    position: absolute;

    width: 66px;

    height: 66px;

    border:1px solid #F0F0F0;

    top:30px;

    left:6px;

    display: none;

}

.header-login .menu-bar ul .code:hover .code_img{

    display: block;

}

.header-login .menu-bar ul .code:hover::after{

    display: block;

}

.header .logo{

    width: 1200px;

    padding: 25px 0;

    margin: 0 auto;

    /*overflow: hidden;*/

    height: 142px;

}

.header .logo .logo-icon{

    margin-left: 20px;

    margin-top: 6px;

}

.header .logo .city{

    margin: 31px 0 0 20px;

    position: relative;

}

.header .logo .city .cur{

    font-size: 12px;

    line-height: 20px;

    color: #F3981E;

    text-align: center;

}

.header .logo .city .cur img{

    margin-left: 5px;

}

.header .logo .city .change{

    width: 60px;

    line-height: 20px;

    font-size: 12px;

    border:1px solid #E3E3E3;

    color: #666;

    text-align: center;

    margin-top: 6px;

}

.header .logo .search{

    float: left;

    margin-left: 60px;

    /*margin-top: 13px;*/

    width: 540px;

}

.header .logo .search .cate span{

    display: inline-block;

    width: 52px;

    line-height: 30px;

    font-size: 12px;

    text-align: center;

    color: #F3981E;

}

.header .logo .search .cate .active{

    background: #F3981E;

    color: white;

}

.header .logo .search .input_search{

    overflow: hidden;

    /*height: 40px;*/

}

.header .logo .search .input_search label{

    display:inline-block;

    width: 120px;

    font-size: 14px;

    line-height: 38px;

    text-align: center;

    margin-bottom: 0;

    color: #fff;

    font-family: 'Microsoft YaHei';

}

.header .logo .search .input_search label a{

    color: white;

}

.header .logo .search .input_search .label_1{

    background: #F3981E;
    line-height: 37px;

}

.header .logo .search .input_search .label_2{

    background: #B31818;

    margin-left: 8px;

}

.header .logo .search input{

    display: block;

    width: 410px;

    float: left;

    font-size: 12px;

    padding: 8.5px 0;

    text-indent: 10px;

    border:2px solid #F3981E;

    outline: none;

}

.header .logo .tips{

    font-size: 12px;

    line-height: 12px;

    margin: 8px 0 4px;

    /*white-space: pre;*/

    color: #999;

}

.header .logo .tips a{

    color: #666;

    margin-right: 10px;

}
/*新增手机号、微信公众平台二维码  start*/
.QR_code {
    float: right;
}
.QR_code ul {
    overflow: hidden;
}
.QR_code ul li {
    float: left;
    /*width: 90px;*/
    padding: 7px;
    border: 1px solid #e8e8e8;
    text-align: center;
}
.QR_code ul li:first-child {
    margin-right: 20px;
}
.QR_code ul li:last-child {
    margin-right: 68px;
}
.QR_code ul li p {
    text-align: center;
    color: #f5a84f;
    margin-bottom: 7px;
}
/*新增手机号、微信公众平台二维码  end*/
.header .logo .cart{

    float: right;

    overflow: hidden;

    margin-top: 27px;

    height: 38px;

    width: 180px;

    display: flex;

    align-items: center;

    justify-content:center;

    margin-right: 70px;

}

.header .logo .cart_img{

    width: 20px;

    height:19px;

    margin-top: -2px;

    margin-right: 10px;

}

.header .logo .cart div{

    display: inline-block;

    font-size: 14px;

    color: #F3981E;

    position: relative;

}

.header .logo .cart div span{



}





#sidebar {

    position: fixed;

    display: none;

    top:200px;

    width: 1200px;

    left:50%;

    margin-left: -600px;

}

#sidebar ul{

    background: #999999;

    width: 35px;

    position: absolute;

    left:-80px;

    top:0;

}

#sidebar ul li{

    text-align: center;

    vertical-align: middle;

    font-size: 12px;

    height: 54px;

    padding: 10px 0;

    position: relative;

    cursor: pointer;

    font-family:'Microsoft YaHei';

}

#sidebar ul li:first-of-type{

    border-top:none;

}

#sidebar ul li span{

    padding: 10px 0;

    height: 54px;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    text-align: center;

    color: white;

}



#sidebar ul li.active span {

    background: #F3981E;

    display: block;

}



#sidebar ul li:not(.last):hover span {

    background: #F3981E;

    color: #fff;

    display: block;

}

#sidebar ul .last{

    background: #585858;

    border-top:1px solid white;

}

#sidebar ul li span img{

    transform: rotate(-90deg);

    width: 16px;

    height: 16px;

}

.toolbar{

    position: fixed;

    width:36px;

    height: 100%;

    right:0;

    top:0;

    z-index: 20;

    background: black;

}

.toolbar ul{

    position: absolute;

    width:100%;

    left:0;

    top:180px;

}

.toolbar ul li{

    position: relative;

    padding: 10px 0;

    margin-top: 20px;

    background: black;



}

.toolbar ul li img,.toolbar .service img{

    width:20px;

    height: 20px;

    margin: 0 auto;

    display: block;

    position: relative;

    z-index: 20;

}

.toolbar .i_tit{

    position: absolute;

    left:-135px;

    top:0;

    width:90px;

    text-align: center;

    font-size: 14px;

    line-height:40px;

    color: white;

    background: #535353;

    z-index: 9;

    visibility: hidden;

}

.toolbar .i_tit::after{

    content: '';

    width: 20px;

    height: 20px;

    background: url("../../assets/img/icon79.png")no-repeat;

    position: absolute;

    right:-12px;

    top:50%;

    margin-top: -10px;

}

.toolbar .service{

    position: absolute;

    bottom:20px;

    left:0;

    width:100%;

    padding: 10px 0;

}

.toolbar  .cart{

    width:28px;

    border:1px solid #666666;

    border-right:none;

    border-left:none;

    margin: 0 auto;

}

.toolbar  .cart .tit{

    display: block;

    font-size: 14px;

    line-height: 30px;

    margin-bottom: 7px;

    padding: 0 1px;

    color: white;

    text-align: center;

}

.toolbar  .cart .num{

    width:20px;

    height:20px;

    border-radius: 100%;

    background: #F3981E;

    color: white;

    display: block;

    font-size: 12px;

    line-height: 20px;

    text-align: center;

    margin: 5px auto ;

}

.toolbar .active{

    background: #F3981E;

}

.toolbar .active div{

    /*background: #F3981E;*/

    transition: all 0.5s ease;

    visibility: visible;

    left:-90px;

}

.toolbar .service.active{

    background: #F3981E;

}

.toolbar .service.active div{

    left:-90px;

}

.toolbar  .cart .tit:hover{

    color: #F3981E;

}