body {
    background-color: rgb(244, 244, 244);
}

ul {
    list-style-type: none;
    margin: 0;
}

.container {
    max-width: 1440px;
    min-width: 1440px;
    padding-right: 120px;
    padding-left: 120px;
}

img {
    width: 100%;
}

/*快捷导航*/
#shortcut {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #d8d8d8;
    font-size: 12px;
}

#shortcut .container {
    background-color: #fff;
}

#shortcut .container .fl {
    float: left;
    padding-top: 6px;
    padding-bottom: 8px;
}

#shortcut .container .fl a {
    color: #788186;
    text-decoration: none;
}

#shortcut .container .fr {
    float: right;
}

#shortcut .container .fr .login {
    float: left;
    color: #788186;
}

#shortcut .container .fr .login a {
    display: inline-block;
    color: #788186;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 8px;
    padding-right: 12px;
}

#shortcut .container .fr ul {
    float: left;
}

#shortcut .container .fr li {
    float: left;

}

#shortcut .container .fr li a {
    color: #788186;
    text-decoration: none;
    border-left: 2px solid #979797;
    padding: 0 10px;
}

#shortcut .container .fr li:first-child a {
    border-left: 2px solid transparent;
}

#shortcut .container .fr li a .text {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 8px;
}

#shortcut .container .fr .purchase_order {
    display: inline-block;
    position: relative;
}

#shortcut .container .fr .purchase_order img {
    width: 15px;
    height: 21px;
    margin-top: -3px;
}

#shortcut .container .fr li a .num {
    display: inline-block;
    color: #fff;
    position: absolute;
    top: -2px;
    right: 2px;
}

#shortcut .container .fr li a img {
    width: 20px;
    height: 13px;
    margin-top: -12px;
}
/*end快捷导航*/



/*头部搜索*/
#header {
    background: #fff;
}
#header .container {
    background-color: #fff;
}

#header .container .search {
    display: flex;
}

#header .container .search .logo {
    display: inline-block;
    width: 180px;
    height: 59px;
    margin: 25px 80px 15px 0;
}

#header .container .search .logo img {
    width: 100%;
}

#header .container .search .search-info {
    position: relative;
    display: inline-block;
    width: 560px;
    line-height: 35px;
    height: 35px;
    margin-top: 35px;
    margin-right: 20px;
    z-index: 99;
}
#header .container .search .search-info .filter-type {
    float: left;
    width: 90px;

}
#header .container .search .search-info .filter-type .filter-select{
    position: relative;
    display: inherit;
    height: 35px;
    line-height: 35px;
    color: #788186;
    text-decoration: none;
    border: 1px solid #ef5a24;
    border-right: transparent;
    padding-left: 14px;
}
#header .container .search .search-info .filter-type .filter-select a{

}
#header .container .search .search-info .filter-type .filter-select span.arrow-bottom:before{
    content: "";
    position: absolute;
    top: 11px;
    right: 16px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #757575;
    border-bottom: 1px solid #757575;
    transform: translate(2px, -2px) rotate(45deg);
}
#header .container .search .search-info .filter-type .filter-list{
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
#header .container .search .search-info .filter-type .filter-list .item{
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding-left: 31px;
}
#header .container .search .search-info .filter-type .filter-list .item a{
    color: #4a4a4a;
    text-decoration: none;
}
#header .container .search .search-info .filter-type .filter-list .item.active{
    position: relative;
    background-color: #d8d8d8;
}
#header .container .search .search-info .filter-type .filter-list .item.active span.icon:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 10px;
    width: 10px;
    height: 14px;
    border-right: 1px solid #47b0fb;
    border-bottom: 1px solid #47b0fb;
    transform: translate(2px, -2px) rotate(45deg);
}
#header .container .search .search-info input {
    width: 370px;
    height: 35px;
    border-color: #ef5a24;
}

#header .container .search .search-info input::-webkit-input-placeholder {
    color: #788186;
    padding-left: 10px;
}

#header .container .search .search-info .btn-search {
    /* display: inline-block; */
    float: right;
    width: 100px;
    text-align: center;
    background-color: #ef5a24;
    color: #fff;
    text-decoration: none;
}

#header .container .search .fr {
    float: right;
    flex: 1;
    padding-top: 42px;
}

#header .container .search .fr li {
    padding-right: 0;
}

#header .container .search .fr li .icon {
    display: inline-block;
    float: left;
    width: 20px;
}

#header .container .search .fr li .icon img {
    width: 100%;
}

#header .container .search .fr li .text {
    display: inline-block;
    float: left;
    color: #4a4a4a;
    font-size: 12px;
    padding-left: 8px;
}
/*end头部搜索*/



/*品牌头部*/
#header .brand-top {
    display: flex;
    padding: 5px 0 5px 0;
}

#header .brand-top .logo {
    width: 100px;
    display: inline-block;
}

#header .brand-top .brand-name {
    display: inline-block;
    width: 206px;
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;
    padding: 0 10px;
    margin: 16px 0 16px 15px;
}

#header .brand-top .brand-name .text {
    font-size: 14px;
    color: #4a4a4a;
    padding-bottom: 19px;
}

#header .brand-top .brand-name .operating {
    position: relative;
    /* color: #fff; */
}

#header .brand-top .brand-name .operating > a {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    background-color: #f5a623;
}

#header .brand-top .brand-name .operating .authorization {
    margin-right: 10px;
}

#header .brand-top .brand-name .operating .shoucang {
    background-color: #ef5a24;
}

#prompt {
    display: none;
    position: absolute;
    top: 36px;
    width: 414px;
    height: 220px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.21);
    z-index: 999;
}

#prompt .prompt-header {
    border-bottom: 1px solid #9b9b9b;
}

#prompt .prompt-header span {

    display: inline-block;

    padding: 12px 25px;
}

#prompt .prompt-header a {
    float: right;
    padding: 12px 14px;
}

#prompt .prompt-header img {
    width: 20px;
}

#prompt .prompt-body {
    color: #4a4a4a;
    font-size: 12px;
    line-height: 2;
    padding: 10px 44px 0 25px;
}

#prompt .prompt-footer {
    position: absolute;
    bottom: 16px;
    right: 20px;
}

#prompt .prompt-footer a {
    display: inline-block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #ef5a24;
    border: 1px solid transparent;
    text-decoration: none;
}

#prompt .prompt-footer a.cancel {
    color: #9b9b9b;
    background-color: #fff;
    border: 1px solid #9b9b9b;
    margin-left: 15px;
}

#header .brand-top .brand-info {
    display: inline-block;
    width: 276px;
    border-right: 0.5px solid #979797;
    padding: 0 14px;
    margin: 16px 0;
}

#header .brand-top .brand-info .time {
    display: inline-block;
    color: #4a4a4a;
    font-size: 14px;
    padding: 10px 0;
}
#header .brand-top .brand-info .time img{
    display: inline-block;
    width: 16px;
    margin-top: -3px;
}
#header .brand-top .brand-info .time .num {
    color: #e13f4c;
}
#header .brand-top .brand-info .brand-info-top .q-level {
    display: inline-block;
    padding-left: 20px;
}
#header .brand-top .brand-info .brand-info-top .q-level img{
    width: 21px;
    margin-top: -4px;
}

#header .brand-top .brand-info li {
    display: inline-block;
    width: 25%;
    color: #9b9b9b;
    font-size: 10px;
    padding: 0;
}

#header .brand-top .brand-info li .num {
    font-size: 16px;
    color: #788186;
}

#header .brand-top .brand-search {
    flex: 1;
    display: inline-block;
    padding: 10px 70px;
    margin: 23px 0;
}

#header .brand-top .brand-search input {
    float: left;
    width: 277px;
    height: 35px;
    border-color: #ef5a24;
}

#header .brand-top .brand-search .btn-search, #header .brand-top .brand-search .btn-search-brand {
    float: left;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background-color: #ef5a24;
    text-decoration: none;
    padding: 0 16px;
    margin: 0;
}

#header .brand-top .brand-search .btn-search-brand {
    background-color: #d0021b;
}

/*end品牌头部*/



/*头部导航*/
#header .container .header-nav {
    /* padding-left: 20px; */
}

#header .container .header-nav li {
    display: inline-block;
    padding: 10px 60px 10px 0;
}

#header .container .header-nav li a {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

#header .container .header-nav li a:hover {
    color: #ef5a24;
}

#header .container .header-nav li.active a {
    color: #ef5a24;
}

#header .container .header-nav li.qrcode {
    position: relative;
    /* display: none; */
    width: 24px;
    padding: 0;
}
#header .container .header-nav .qrcode img {
    width: 100%;
}
#header .container .header-nav li.qrcode .qr{
    display: none;
    position: absolute;
    left: -73px;
    padding: 28px;
    background-color: #fff;
    z-index: 99;
}
#header .container .header-nav li.qrcode .qr img{
    width: 200px;
}
#header .container .header-nav li.qrcode:hover .qr {
    display: block;
}

/*end头部导航*/



/*店家头部*/
#header .salesarea-top {
    /* text-align: center; */
    height: 123px;
    padding: 10px 0;
}

#header .salesarea-top .logo {
    /* width: 100px; */
    float: left;
    border-radius: 100%;
    display: inline-block;
    padding-left: 275px;
}

#header .salesarea-top .logo img {
    border-radius: 100%;
}

#header .salesarea-top .salesarea-name {
    display: inline-block;
    float: left;
    height: 76px;
    border-right: 1px solid #979797;
    padding: 0 20px 0 10px;
    margin-right: 20px;
}

#header .salesarea-top .salesarea-name .text {
    color: #4a4a4a;
    font-size: 28px;
}

#header .salesarea-top .salesarea-name .text span {
    color: #e0e4e6;
}

#header .salesarea-top .salesarea-name .info {
    text-align: left; /* margin-top: 10px; */
}

#header .salesarea-top .salesarea-name .info > span {
    font-size: 8px;
    padding: 0 3px;
    margin: 0 5px;
}

#header .salesarea-top .operating {
    display: inline-block;
    margin-top: 10px;
    /* text-align: center; */
}

#header .salesarea-top .operating a {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
}

#header .salesarea-top .operating .attention {
    background-color: #4a90e2;
}

#header .salesarea-top .operating .letter {
    display: none;
    background-color: #72c043;
}

#header .salesarea-top .operating a img {
    width: 24px;
    margin: 0 18px 0 9px;
}

#header .header-nav2 {
    text-align: center;
}

#header .header-nav2 li {
    display: inline-block;
    padding: 0 20px;
}

#header .header-nav2 li a {
    display: inline-block;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding: 5px 0;
}

#header .header-nav2 li.active a {
    border-bottom: 2px solid #4a90e2;
}

#header .header-nav2 li .num {
    display: inline-block;
    width: 100%;
    color: #808080;
    font-size: 24px;
}

#header .header-nav2 li .text {
    color: #9ba0b3;
    font-size: 12px;
}

/*end店家头部*/



/*底部导航*/
#bottom-nav {
    width: 100%;
    background-color: #262834;
}

#bottom-nav .container {
    background-color: #262834;
}

#bottom-nav .container .container-nav {
    display: flex;
    width: 100%;
}

#bottom-nav .container .container-nav .desms-logo {
    display: inline-block;
    float: left;
    width: 206px;
    height: 59px;
    margin: 46px 80px 20px 10px;
}

#bottom-nav .container .container-nav .desms-logo img {
    width: 100%;
}

#bottom-nav .container .container-nav .list-item {
    flex: 1;
    display: inline-block;
    float: left;
    border-bottom: 1px solid #4a4a4a;
    padding-bottom: 20px;
    margin-top: 46px;
}

#bottom-nav .container .container-nav .list-item ul {
    margin: 0;
}

#bottom-nav .container .container-nav .list-item li {
    position: relative;
    padding-left: 25px;
}

#bottom-nav .container .container-nav .list-item li a {
    display: inline-block;
    color: #fff;
}

#bottom-nav .container .container-nav .list-item .icon {
    display: inline;
    float: left;
    width: 48px;
    height: 48px;
}

#bottom-nav .container .container-nav .list-item .icon img {
    width: 48px;
    height: 48px;
}

#bottom-nav .container .container-nav .list-item .info {
    display: inline;
    float: left;
    padding-left: 10px;
}

#bottom-nav .container .container-nav .list-item .info .name {
    font-size: 18px;
}

#bottom-nav .container .container-nav .list-item .info .enname {
    font-size: 12px;
}

#bottom-nav .container .container-nav .sjdt {
    float: left;
    width: 232px;
    height: 134px;
    margin: 40px 80px 41px 0;
}

#bottom-nav .container .container-nav .sjdt img {
    width: 100%;
}

#bottom-nav .container .container-nav .cate-nav {
    flex: 1;
    float: left;
}

#bottom-nav .container .container-nav .cate-nav .cate-item {
    float: left;
    width: 20%;
    margin-top: 45px;
}

#bottom-nav .container .container-nav .cate-nav .cate-item .title {
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
}

#bottom-nav .container .container-nav .cate-nav .cate-item dd {
    font-size: 12px;
    line-height: 2;
}

#bottom-nav .container .container-nav .cate-nav .cate-item dd a {
    color: #9b9b9b;
    text-decoration: none;
}

#bottom-nav .container .container-nav .cate-nav .cate-item dd a:hover {
    color: #fff;
}

#bottom-nav .container .container-nav .follow-us {
    position: relative;
    width: 270px;
    float: right;
    padding-top: 55px;
}

#bottom-nav .container .container-nav .follow-us li {
}

#bottom-nav .container .container-nav .follow-us .pic {
    width: 73px;
    height: 73px;
}

#bottom-nav .container .container-nav .follow-us .pic img {
    width: 100%;
}

#bottom-nav .container .container-nav .follow-us .text {
    color: #fff;
    font-size: 12px;
    padding-top: 10px;
    padding-left: 5px;
}

/*end底部导航*/



/*底部版权*/
#copyright {
    width: 100%;
    text-align: center;
    font-size: 14px;
    background-color: #333333;
}
#copyright .container{
    position: relative;
    color: #9b9b9b;
    background-color: #333333;
    padding-top: 29px;
    padding-bottom: 26px;
}
#copyright .container .copyright-desc{
    display: inline-block;
}
#copyright .container .technical-support {
    position: absolute;
    top: 29px;
    right: 123px;
}
#copyright .container .technical-support span {
    display: inline-block;
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;
    padding: 0 15px;
    margin: 0 15px;
}
/*end底部版权*/



/*技术支持*/
#technical {
    color: #848484;
    text-align: center;
    border-top: 1px solid #cecece;
    background-color: #fff;
}
#technical .container{
    background-color: #fff;
    padding: 18px 0;
}
#technical .container div {
    display: inline-block;
}

#technical .container .address {
    margin-left: 56px;
    margin-right: 36px;
}

/*end技术支持*/

#prompt-info{
    position: fixed;
    width: 100%;
    top: 20px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    z-index: 1003;
}
#prompt-info span{
    display: inline-block;
    background-color: #000;
    opacity: 0.8;
    border-radius: 5px;
    padding: 5px 20px;
}

/*快捷导航*/
#quick_nav {
    position: fixed;
    top: 50%;
    right: 10px;
    z-index: 999;
}

#quick_nav li {
    margin-bottom: 5px;
}
#quick_nav li a{
    text-decoration: none;
}
#quick_nav .item {
    text-align: center;
    background-color: #ef5a24;
    padding: 7px 3px;
}

#quick_nav .item img {
    width: 25px;
}

#quick_nav .item .text {
    font-size: 10px;
    color: #f8f8f8;
    padding-top: 6px;
}

/*end快捷导航*/


/*详情中的路径信息*/
#path {
    padding: 20px 0;
}
/*end详情中的路径信息*/



/*分页*/

#pagination {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding-top: 8px;
    padding-bottom: 25px;
}

#pagination .page-jump {
    display: inline-block;
    padding: 0 10px 0 25px;
}

#pagination .page-jump .current-page {
    display: inline-block;
    float: left;
    width: 35px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #9b9b9b;
}

#pagination .page-jump .total-page {
    display: inline-block;
    float: left;
    /* width: 50px; */
    height: 30px;
    line-height: 30px;
    background-color: #d8d8d8;
    border: 1px solid #9b9b9b;
    border-left: 1px solid transparent;
    padding: 0 5px;
}

#pagination ul {
    display: inline-block;
}

#pagination li {
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #9b9b9b;
    margin: 0 2px;
}

#pagination li.point {
    padding: 4px 10px;
    border: 1px solid transparent;
    margin: 0;
}

#pagination li a {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #4a4a4a;
    text-decoration: none;
    background-color: #fff;
    padding: 5px 10px;
}

#pagination li.active a ,#pagination li:hover a {
    color: #fff;
    background-color: #4a90e2;
}

#pagination .info {
    display: inline-block;
    color: #4a4a4a;
    font-size: 11px;
    padding-top: 5px;
    padding-right: 20px;
}
/*end分页*/



/*搜索结果*/
#search-result{
    padding: 31px 5px 15px;
    color: #788186;
    font-size: 16px;
}
/*end搜索结果*/


/*覆盖*/
.cover{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
.cover .close-cover{
    width: 100%;
    height: 100%
}
.cover .cover-content{
    position: absolute;
    left: 50%;
    top: 60px;
    width: 840px;
    margin-left: -420px;
    background-color: #fff;
}
/*end覆盖*/



/*提示*/
#confirm{
    background-color: rgba(0, 0, 0, 0.3);
}
#confirm .confirm-tip{
    display: none;
    position: absolute;
    top: 200px;
    left: 30%;
    width: 800px;
}
#confirm .confirm-register {
    /*display: block;*/
}
#confirm .confirm-tip .confirm-tip-body{
    color: #fff;
    opacity: 0.6;
    background-color: #000000;
    padding: 45px 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#confirm .confirm-tip .confirm-tip-body .title{
    font-size: 40px;
    padding-left: 68px;
}
#confirm .confirm-tip .confirm-tip-body .title-sub{
    font-size: 33px;
    padding-left: 68px;
    padding-right: 60px;
}
#confirm .confirm-tip .confirm-tip-body .welcome{
    font-size: 29px;
    text-align: center;
    padding-top: 45px;
}
#confirm .confirm-tip .confirm-tip-body .close-up{
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
}
#confirm .confirm-tip .confirm-tip-body .close-up img{
    width: 20px;
}
#confirm .confirm-tip .confirm-tip-footer {
    position: relative;
    background-color: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 40px 32px;
}
#confirm .confirm-tip .confirm-tip-footer .fl a{
    display: inline-block;
    color: #fff;
    border-radius: 8px;
    border: 1px solid #979797;
    background-color: #79b60d;
    text-decoration: none;
    padding: 13px 96px 9px 97px;
}
#confirm .confirm-contact_us{
}
#confirm .confirm-contact_us .confirm-tip-body{
}
#confirm .confirm-contact_us .confirm-tip-body .title{
    font-size: 45px;
    font-weight: 600;
}
#confirm .confirm-contact_us .confirm-tip-body .title-sub{
    font-size: 40px;
}
#confirm .confirm-contact_us .confirm-tip-body .title-sub span{
    font-size: 45px;
    font-weight: 600;
}
#confirm .confirm-contact_us .confirm-tip-footer {
}
#confirm .confirm-contact_us .confirm-tip-footer .fl a{
    font-size: 20px;
    font-weight: 600;
    padding: 13px 28px 9px;
}

#confirm .confirm-tip .confirm-tip-footer .fr{
    position: absolute;
    top: 43px;
    right: 29px;
    left: 332px;
}
#confirm .confirm-tip .confirm-tip-footer .fr .touchslider{
}
#confirm .confirm-tip .confirm-tip-footer .fr .touchslider .touchslider-items{
    height: 43px;
}
#confirm .confirm-tip .confirm-tip-footer .fr .touchslider .touchslider-items .item{
    width: 150px;
    height: 100%;
    padding: 0 10px;
}
/*end提示*/
#WS-SHOW-CHAT{
    top: calc(50% - 68px);
    right: 10px !important;
    width: 71px !important;
    height: 63px !important;
    line-height: 90px !important;
    border-radius: 0 !important;
    background-color: #ef5a24 !important;
    background-image: url(/assets/images/home/online_consultation.png) !important;
    background-repeat: no-repeat !important;
    background-position: 23px 8px !important;
    background-size: 25px 25px !important;
    font-size: 10px !important;
}