﻿/* 品牌中心 */

.all-brand .top {
    display: flex;
    justify-content: space-between;
}

.all-brand .top .left {
    width: 340px;
}

.all-brand .top .left-sort {
    height: 400px;
}

.all-brand .top .left-sort .sort-items {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.all-brand .top .left-sort .sort-items a {
    display: inline-block;
    width: 50%;
    margin-top: 12px;
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    cursor: pointer;
}

.all-brand .top .left-sort .sort-items a.on {
    color: #FEAC12;
    cursor: pointer;
}

.all-brand .top .left-sort .more-sort {
    width: 599px;
    height: 400px;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    z-index: 9;
    margin-top: -404px;
    margin-left: 350px;
}

.all-brand .top .left-sort .more-sort.on {
    display: none;
}

.all-brand .top .left-sort .more-sort a {
    display: inline-block;
    width: 100px;
    margin-left: 70px;
    font-size: 14px;
    margin-top: 20px;
}

.all-brand .top .left .left-sort i {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.all-brand .top .left .sear-select,
.sub-all-brand .part-three .sear-select {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    margin-bottom: 15px;
}

.all-brand .top .left .search-info,
.sub-all-brand .part-three .search-info {
    display: block;
    font-size: 12px;
    line-height: 17px;
    color: #999999;
    margin-top: 15px;
}

select.industry {
    width: 192px;
}

select.amount {
    width: 142px;
}

.all-brand .top .right {
    width: 820px;
}

.all-brand .top .right img.top-right-img {
    width: 812px;
    height: 450px;
}

.all-brand .top .right .items {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.all-brand .top .right .items img {
    width: 258px;
    height: 167px;
}


/*  新加入的品牌*/

.brand-info {
    display: block;
    width: 100%;
    height: 210px;
    background: url('/image//allBrand/centerbg.png')no-repeat center;
    background-size: 100%;
    margin-top: 40px;
}

.brand-info .top-info {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.brand-info .top-info span {
    width: 215px;
}

.brand-info .top-info button {
    display: inline-block;
    width: 225px;
    height: 40px;
    background: rgba(254, 172, 18, 1);
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    font-size: 18px;
    border: none;
    margin-top: 20px;
}

.brand-info .add-step {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    padding: 0 20px;
}

.brand-info .add-step .left {
    display: flex;
    justify-content: flex-start;
    width: 445px;
    height: 116px;
    background: rgba(247, 247, 247, 1);
    border-radius: 10px;
}

.brand-info .add-step .left img {
    /*width: 221px;
    height: 72px;*/
    width: 140px;
    height: 78px;
    margin-right: 28px;
    margin-left: 6px;
    margin-top: 20px;
}

.brand-info .add-step .left div {
    margin-top: 20px;
}

.brand-info .add-step .left span {
    display: block;
    font-size: 14px;
    color: #333333;
}

.brand-info .add-step .left span i {
    color: #FF3333;
}

.brand-info .add-step .right {
    display: flex;
    justify-content: space-around;
    width: 695px;
    height: 116px;
    background: rgba(247, 247, 247, 1);
    border-radius: 10px;
}

.brand-info .add-step .right span {
    display: inline-block;
    padding-top: 50px;
    margin-top: 17px;
    font-size: 12px;
    color: #333333;
    text-align: center;
    width: 120px;
}

.brand-info .add-step .right span em {
    display: block;
    margin-top: 3px;
}

.brand-info .add-step .right span.register {
    background: url('/image/allBrand/zhuce.png')no-repeat top center;
    background-size: 37px;
}

.brand-info .add-step .right span.data {
    background: url('/image/allBrand/ziliao.png')no-repeat top center;
    background-size: 37px;
}

.brand-info .add-step .right span.check {
    background: url('/image/allBrand/kefu.png')no-repeat top center;
    background-size: 37px 39px;
}

.brand-info .add-step .right span.result {
    background: url('/image/allBrand/chenggong.png')no-repeat top center;
    background-size: 37px 39px;
}


/* 各个品牌 */

.sort-brand {
    margin-top: 40px;
}

.sort-brand .top-tab {
    display: flex;
    justify-content: space-between;
    height: 50px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(239, 237, 237, 1);
    box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.14);
    line-height: 50px;
}

.sort-brand .top-tab .item {
    display: flex;
    justify-content: flex-start;
}

.sort-brand .top-tab span {
    display: inline-block;
    width: 150px;
    cursor: pointer;
    text-align: center;
    height: 26px;
    text-align: center;
    padding: 12px 0;
    line-height: 26px;
    margin: 0;
}

.sort-brand .top-tab span.on {
    background: linear-gradient(90deg, rgba(255, 166, 0, 1), rgba(240, 120, 6, 1));
    color: #ffffff;
}

.sort-brand .top-tab span em {
    display: block;
    width: 150px;
    border-right: 1px solid #D2D2D2;
}

.sort-brand .top-tab span:last-child em,
.sort-brand .top-tab span em.on,
.sort-brand .top-tab span.on em {
    border-right: none;
}

.sort-brand .top-tab .more button {
    width: 90px;
    height: 30px;
    background: rgba(254, 172, 18, 1);
    border-radius: 4px;
    border: none;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    margin-right: 40px;
    cursor:pointer;
}

.sort-brand .brand-cont .items {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.sort-brand .brand-cont .items.on {
    display: none;
}

.sort-brand .brand-cont .items .left {
    width: 190px;
    height: 230px;
}

.sort-brand .brand-cont .items img.left-img {
    width: 190px;
    height: 230px;
}

.sort-brand .brand-cont .img-items {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: 20px;
    width: 1000px;
}

.sort-brand .brand-cont .img-items img {
    display: inline-block;
    width: 140px;
    height: 78px;
    margin-right: 25px;
    margin-bottom: 15px;
}

.sort-brand .brand-cont .name-items {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: 20px;
}

.sort-brand .brand-cont .name-items a {
    display: inline-block;
    width: 140px;
    margin-right: 25px;
    margin-bottom: 15px;
    font-size: 12px;
}


/* 合作申请 */

.cooperation {
    margin-top: 20px;
    width: 100%;
    height: 340px;
    display: flex;
    padding: 0 20px;
    justify-content: space-between;
    background: linear-gradient(53deg, rgba(203, 237, 255, 1), rgba(228, 246, 255, 1), rgba(201, 236, 255, 1));
}

.cooperation .left {
    margin-top: 20px;
    width: 560px;
    height: 290px;
    text-align: center;
    padding: 0 45px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 5px 7px 10px 0px rgba(30, 148, 210, 0.51);
}

.left .for-tab {
    width: 430px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #6190E8;
    display: flex;
    justify-content: flex-start;
    border: 1px solid rgba(97, 144, 232, 1);
    margin-top: 16px;
    margin-left: 76px;
}

.left .for-tab a {
    display: inline-block;
    width: 215px;
    color: #6190E8;
    text-align: center;
    cursor: pointer;
}

.left .for-tab a.on {
    background: rgba(97, 144, 232, 1);
    color: #ffffff;
}

.cooperation .left .coop-info {
    display: block;
    color: #999999;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    margin-top: 15px;
}

.cooperation .left .input-cont .items {
    display: flex;
    justify-content: space-between;
}

.cooperation .left .input-cont .items input.long-input {
    display: inline-block;
    width: 100%;
    padding-left: 10px;
    height: 34px;
    line-height: 34px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(210, 210, 210, 1);
    font-size: 14px;
    margin-top: 15px;
}

.cooperation .left .input-cont .items input.short-input {
    display: inline-block;
    width: 266px;
    padding-left: 10px;
    height: 34px;
    line-height: 34px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(210, 210, 210, 1);
    font-size: 14px;
    margin-top: 15px;
}

.cooperation .left .input-cont .items button {
    display: inline-block;
    width: 276px;
    height: 34px;
    background: rgba(249, 191, 62, 1);
    font-size: 14px;
    border: none;
    margin-top: 15px;
}

.cooperation .right {
    margin-top: 20px;
    width: 500px;
    height: 290px;
    padding: 0 10px;
    background: rgba(255, 255, 255, 1);
}

.cooperation .right .msg-title {
    padding: 10px 0 10px 42px;
    background: url('/image/allBrand/liuyan.png')no-repeat 5px;
    background-size: 30px 24px;
    border-bottom: 1px solid #DCDCDC;
    margin-top: 5px;
}

.cooperation .right .items {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
}

.cooperation .right .items span {
    display: inline-block;
    width: 100px;
    text-align: center;
    font-size: 12px;
    font-weight: bolder;
}

.cooperation .right .items em {
    font-size: 12px;
    color: #333333;
}


/* 十大品牌 */

.brand .top {
    width: 100%;
    height: 784px;
    background: url('/image/allBrand/topbg.png')no-repeat center;
    background-size: cover;
    /* margin-top: 30px; */
    text-align: center;
}

.brand .top .top-title {
    font-size: 18px;
    color: #ffffff;
    padding-top: 70px;
}

.brand .top .top-title img {
    display: inline-block;
    width: 214px;
    height: 24px;
    margin-left: 5px;
}

.brand .top i {
    display: block;
    margin-top: 30px;
    font-size: 102px;
    font-weight: bold;
    font-style: italic;
    color: #ffffff;
}

.brand .top em {
    display: block;
    font-size: 38px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    margin-top: 40px;
}

.brand .top .top-msg {
    display: inline-block;
    width: 1120px;
    margin-top: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 252px;
    position: absolute;
    left: 50%;
    margin-left: -560px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 14px 15px 0px 0px rgba(255, 255, 255, 0.52);
}

.brand .top .top-msg img {
    display: inline-block;
    width: 332px;
    height: 216px;
    margin-right: 50px;
    margin-left: 30px;
}

.brand .top .top-msg span {
    display: block;
    font-size: 12px;
    text-align: left;
    width: 610px;
    color: rgba(51, 51, 51, 1);
    line-height: 33px;
}


/* 主内容 */

.brand .logo .title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
    border-bottom: 1px solid #FEAC12;
    font-size: 14px;
    color: #333333;
}

.brand .logo .title .search input {
    display: inline-block;
    width: 278px;
    height: 40px;
    padding-left: 10px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(220, 220, 220, 1);
}

.brand .logo .title .search button {
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    width: 80px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    background: linear-gradient(90deg, rgba(255, 166, 0, 1), rgba(240, 120, 6, 1));
    border: none;
}

.brand .logo .list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.brand .logo .list span {
    display: inline-block;
    width: 224px;
    height: 58px;
    box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.47);
    margin-top: 20px;
}

.brand .logo .list .items {
    position: relative;
    display: inline-block;
    width: 210px;
    margin-right: 25px;
    cursor: pointer;
}

.brand .logo .list span em {
    display: inline-block;
    width: 210px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background: #8A0202;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 5px;
    margin-left: 5px;
}

.brand .logo .tag-list .items-tags {
    display: flex;
    justify-content: flex-start;
    padding-left: 10px;
    width: 1200px;
    flex-wrap: wrap;
    border: 1px solid rgba(238, 238, 238, 1);
    padding-top: 20px;
    margin-top: 20px;
}

.brand .logo .tag-list.on {
    display: none;
}

.brand .logo .tag-list .items-tags.on {
    display: none;
}

.brand .logo .list .items-tags a {
    display: inline-block;
    width: 180px;
    margin-right: 18px;
    margin-bottom: 20px;
}


/* 广告 */

.adv-long img {
    width: 1200px;
    height: 90px;
    margin-top: 30px;
}


/* 品牌切换 */

.all-brand .cont {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.all-brand .cont .left {
    width: 590px;
    height: 1060px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 3px 10px 8px 0px rgba(158, 156, 156, 0.28);
}

.all-brand .cont .tab {
    display: flex;
    justify-content: flex-start;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #FF8A00;
}

.all-brand .cont span {
    display: inline-block;
    width: 120px;
    text-align: center;
    font-size: 12px;
    /*cursor: pointer;*/
}

.all-brand .cont span.on {
    height: 50px;
    background: linear-gradient(90deg, rgba(255, 166, 0, 1), rgba(240, 120, 6, 1));
    line-height: 50px;
    color: #ffffff;
}

.all-brand .cont .right {
    width: 590px;
    height: 1055px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 3px 10px 8px 0px rgba(158, 156, 156, 0.28);
}

.all-brand .cont .list .items {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.all-brand .cont .list.on {
    display: none;
}

.all-brand .cont .list .items .img {
    width: 140px;
    height: 78px;
    position: relative;
}

.all-brand .cont .list .items .info {
    width: 410px;
    margin-right: 20px;
}
/* 修改 */
.all-brand .cont .list .items p.title {
    display: block;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    line-height: 24px;
}
/* 修改 */
.all-brand .cont .list .items p.title i{
    font-weight: normal;
    float: right;
    cursor: pointer;
}

.all-brand .cont .list .items em {
    width: 410px;
    height:40px;
    font-size: 14px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.all-brand .cont .list .items .img .icon-one {
    display: inline-block;
    width: 20px;
    height: 24px;
    background: url('/image/allBrand/hong.png')no-repeat center;
    background-size: 100%;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
}

.all-brand .cont .list .items .img .icon-two {
    display: inline-block;
    width: 20px;
    height: 24px;
    background: url('/image/allBrand/huang.png')no-repeat center;
    background-size: 100%;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
}

.all-brand .cont .list .items .img .icon-three {
    display: inline-block;
    width: 20px;
    height: 24px;
    background: url('/image/allBrand/lan.png')no-repeat center;
    background-size: 100%;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
}

.all-brand .cont .list .items .img .icon-hui {
    display: inline-block;
    width: 20px;
    height: 24px;
    background: url('/image/allBrand/hui.png')no-repeat center;
    background-size: 100%;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
}

.all-brand .cont .list .items .img img {
    display: inline-block;
    width: 140px;
    height: 78px;
}


/* 子栏目 */

.sub-brand .main {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.sub-brand .main .left {
    width: 820px;
    height: 461px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 3px 10px 8px 0px rgba(158, 156, 156, 0.28);
}

.sub-brand .main .title {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #FF8A00;
}

.sub-brand .main .title .brand-agent {
    display: inline-block;
    padding-left: 42px;
    background: url('/image/allBrand/yixiang.png')no-repeat 10px;
    background-size: 24px;
}

.sub-brand .main .title .brand-ques {
    display: inline-block;
    padding-left: 42px;
    background: url('/image/allBrand/zixun.png')no-repeat 10px;
    background-size: 24px;
}

.sub-brand table {
    width: 800px;
    margin-left: 10px;
    margin-top: 20px;
    font-size: 12px;
    color: #333333;
}

.sub-brand table thead {
    line-height: 40px;
    height: 40px;
    background: #FF8A00;
    font-size: 14px;
    color: #ffffff;
}

.sub-brand table thead td:first-child {
    padding-left: 50px;
}

.sub-brand table tbody {
    padding-top: 10px;
}

.sub-brand table tbody tr {
    height: 28px;
    line-height: 28px;
}

.sub-brand table tbody a {
    cursor: pointer;
    color: #FF8A00;
}

.sub-brand .main .right {
    width: 360px;
    height: 461px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 3px 10px 8px 0px rgba(158, 156, 156, 0.28);
}

.sub-brand .main .list a {
    display: block;
    font-size: 12px;
    color: #333333;
    margin-top: 25px;
    padding: 0 15px;
}

.sub-brand .rec .title-rec {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #FF8A00;
    padding-left: 42px;
    background: url('/image/allBrand/hot.png')no-repeat 10px;
    background-size: 24px;
    margin-top: 20px;
}

.sub-brand .rec .list {
    display: flex;
    justify-content: space-between;
}

.sub-brand .rec .list .items {
    width: 180px;
    position: relative;
    margin-top: 20px;
}

.sub-brand .rec .list img {
    width: 180px;
    height: 180px;
}

.sub-brand .rec .list a {
    display: block;
    text-align: center;
    line-height: 32px;
    color: #ffffff;
    font-size: 16px;
    width: 180px;
    height: 32px;
    background: rgba(153, 153, 153, 1);
}


/* 品牌中心-子品牌 */

.sub-all-brand .content {
    display: flex;
    justify-content: space-between;
}

.sub-all-brand .content .left {
    width: 858px;
}

.sub-all-brand .content .left .sort {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.sub-all-brand .content .left .sort img {
    width: 180px;
    height: 62px;
    cursor: pointer;
}

.sub-all-brand .content .left .main {
    min-width: 840px;
    /*height: 1252px;*/
    padding: 0 10px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(220, 220, 220, 1);
    margin-top: 20px;
}

.sub-all-brand .content .left .items {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 13px;
}

.sub-all-brand .content .left .items a {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #333333;
    margin: 20px 20px;
}

.sub-all-brand .content .right {
    width: 320px;
}

.sub-all-brand .content .right .part-one {
    width: 290px;
    padding: 0 15px;
    height: 338px;
    background: url('/image/allBrand/zilogo.png')no-repeat center;
    background-size: 100%;
}

.sub-all-brand .content .right .part-one .txt {
    color: #ffffff;
    font-size: 12px;
    line-height: 17px;
    margin-top: 10px;
}

.sub-all-brand .content .right .part-one .det {
    width: 300px;
    height: 170px;
    background: rgba(255, 255, 255, 1);
    border-radius: 8px;
    margin-top: 20px;
    text-align: center;
    padding-top: 10px;
}

.sub-all-brand .content .right .part-one .items input {
    display: inline-block;
    width: 260px;
    height: 32px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(220, 220, 220, 1);
    border-radius: 4px;
    margin-top: 5px;
}

.sub-all-brand .content .right .part-one .items-two {
    display: flex;
    justify-content: space-between;
    width: 260px;
    padding-left: 20px;
    margin-top: 5px;
}

.sub-all-brand .content .right .part-one .items-two input {
    display: inline-block;
    width: 126px;
    height: 32px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(220, 220, 220, 1);
    border-radius: 4px;
}

.sub-all-brand .content .right .part-one button {
    display: inline-block;
    text-align: center;
    line-height: 32px;
    width: 130px;
    height: 32px;
    background: linear-gradient(90deg, rgba(255, 166, 0, 1), rgba(240, 120, 6, 1));
    border: none;
    margin-top: 10px;
    border-radius: 4px;
    color: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.sub-all-brand .content .right .part-two {
    width: 320px;
    margin-top: 10px;
}

.sub-all-brand .content .right .part-two .all-img {
    width: 320px;
    height: 175px;
}

.sub-all-brand .content .right .part-two div {
    display: flex;
    justify-content: space-between;
}

.sub-all-brand .content .right .part-two div img {
    width: 100px;
    height: 64px;
    margin-top: 10px;
}

.sub-all-brand .content .right .part-three {
    width: 320px;
    margin-top: 20px;
}

.sub-all-brand .content .border-title-left {
    display: block;
    border-bottom: 1px solid #FEAC12;
}

.sub-all-brand .content .border-title-left span {
    display: inline-block;
    width: 100px;
    height: 40px;
    background: rgba(254, 172, 18, 1);
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
}

.sub-all-brand .content .part-four {
    width: 320px;
    /*height: 376px;*/
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(220, 220, 220, 1);
    margin-top: 20px;
}

.sub-all-brand .content .part-four ul li {
    font-size: 12px;
    color: #333333;
    width: 300px;
    margin-left: 20px;
    margin-top: 20px;
}

.sub-all-brand .content .part-five {
    width: 320px;
    height: 376px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(220, 220, 220, 1);
    margin-top: 20px;
}

.sub-all-brand .content .part-five .list {
    padding: 0 10px;
}

.sub-all-brand .content .part-five .list .items+.items {
    border-top: 1px solid #DCDCDC;
}

.sub-all-brand .content .part-five .list span {
    display: block;
    font-size: 14px;
    color: #333333;
    font-weight: bolder;
    height: 40px;
    line-height: 40px;
}

.sub-all-brand .content .part-five .list em {
    display: block;
    padding-bottom: 10px;
    font-size: 12px;
}


/* 选省份 */

.provice .logo .title .search button {
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    width: 60px;
    height: 32px;
    background: rgba(255, 138, 0, 1);
    border-radius: 4px;
    text-align: center;
    line-height: 32px;
    border: none;
}

.provice .logo .title {
    border-bottom: none;
}

.provice .title-recs {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #FF8A00;
}

.provice .part-four-area .rec {
    margin-top: 20px;
}

.provice .rec .list-txt {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.provice .rec .list-txt a {
    display: inline-block;
    width: 170px;
    font-size: 14px;
    margin-top: 10px;
    color: #333333;
}

.provice .rec .list-area-txt a {
    display: inline-block;
    width: 235px;
    font-size: 14px;
    margin-top: 10px;
}

.provice .knowledge {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
}

.provice .knowledge span {
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    width: 20px;
    padding: 0 10px;
    height: 120px;
    background: rgba(255, 138, 0, 1);
    text-align: center;
    line-height: 28px;
}

.provice .knowledge ul {
    display: inline-block;
    width: 380px;
    margin-left: 40px;
    font-size: 14px;
    line-height: 35px;
    color: #333333;
}
.provice .knowledge ul a{
    color: #333333;
}

.provice .part-four-area {
    background: #ffffff;
    padding: 0 5px;
    padding-bottom: 30px;
}

.provice .part-four-area .spe-info {
    width: 1160px;
    height: 180px;
    background: rgba(228, 228, 228, 1);
    border: 1px solid rgba(229, 229, 229, 1);
    margin-top: 20px;
    margin-left: 15px;
}

.provice .part-four-area .spe-info .spe-title {
    height: 55px;
    line-height: 55px;
    background: url('/image/common/jinggao.png')no-repeat 10px;
    background-size: 42px 32px;
    padding-left: 65px;
    font-size: 18px;
    color: #333333;
    border-bottom: 1px solid #ffffff;
}

.provice .part-four-area .spe-info span {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    color: #333333;
    line-height: 32px;
    margin-top: 10px;
}

.provice .part-four-area .spe-info em {
    font-weight: bold;
}

.provice .part-three {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.provice .part-three .left {
    width: 570px;
    padding: 0 10px;
    height: 477px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(229, 229, 229, 1);
}

.provice .part-three .msg {
    width: 570px;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.provice .part-three .msg img {
    width: 120px;
    height: 90px;
}

.provice .part-three .msg .info {
    width: 425px;
}

.provice .part-three .msg span {
    display: block;
    font-size: 18px;
    color: #333333;
}

.provice .part-three .msg em {
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}

.provice .part-three .msg a {
    color: #FF3333;
    cursor: pointer;
}

.provice .part-three .right {
    width: 570px;
    padding: 0 10px;
    height: 477px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(229, 229, 229, 1);
}

.provice .part-three ul {
    margin-left: 50px;
    font-size: 14px;
    color: #333333;
}
.provice .part-three ul a{
    color: #333333;
}
.provice .part-three ul li {
    list-style: disc;
    margin-top: 20px;
}

.provice .part-two {
    background: #ffffff;
    padding: 0 10px;
    padding-bottom: 20px;
    margin-top: 20px;
}

.provice .part-two .process .title-recs {
    margin-bottom: 20px;
}

.provice .part-two span {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}

.provice .part-two .shop-list {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.provice .part-two .shop-list img {
    height: 200px;
    width: 220px;
}

.provice .part-one {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.provice .part-one .left {
    width: 450px;
    height: 380px;
    padding: 0 5px;
    background: rgba(255, 255, 255, 1);
}

.provice .part-one .left span.top-title {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    margin: 15px 0;
}

.provice .part-one .left img {
    width: 140px;
    height: 78px;
}

.provice .part-one .left .items {
    display: block;
    display: flex;
    justify-content: flex-start;
    margin-top: 15px;
}

.provice .part-one .left .items span {
    display: inline-block;
    width: 50%;
    font-size: 14px;
    color: #999999;
}

.provice .part-one .left .items em {
    display: inline-block;
    min-width: 70px;
    color: #333333;
}

.provice .part-one .det {
    font-size: 14px;
    line-height: 30px;
    color: #333333;
    margin-top: 20px;
}

.provice .part-one .det span {
    display: inline-block;
    width: 80px;
    height: 40px;
    background: rgba(222, 157, 77, 1);
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
}

.provice .part-one .right {
    display: flex;
    justify-content: space-between;
    width: 729px;
    height: 380px;
    background: #ffffff url('/image/common/areabg.png')no-repeat center;
    background-size: 100%;
}

.provice .part-one .right .right-one,
.provice .part-one .right .right-two {
    width: 365px;
    text-align: center;
    height: 332px;
    margin-top: 20px;
}

.part-two-pro .cont .right-one {
    text-align: center;
    width: 320px;
    height: 325px;
    background: url('/image/common/probg.png')no-repeat center;
    background-size: 100%;
    margin-top: 20px;
    padding-top: 10px;
}

.provice .part-one .right .right-two {
    border-left: 1px solid #e5e5e5;
}

.provice .part-one .right .items,
.part-two-pro .cont .right-one .items {
    margin-top: 20px;
}

.provice .part-one .right span,
.part-two-pro .cont .right-one span {
    display: block;
    font-size: 24px;
    color: #ff0033;
}

.provice .part-one .right i,
.part-two-pro .cont .right-one i {
    color: #FF3333;
}

.provice .part-one .right,
.part-two-pro .cont .right-one {
    font-size: 14px;
    color: #999999;
}

.provice .part-one .two-input {
    width: 260px;
    margin-left: 40px;
}

.part-two-pro .cont .right-one .two-input {
    width: 260px;
    margin-left: 15px;
}

.provice .part-one .two-input input,
.part-two-pro .cont .right-one .two-input input {
    display: inline-block;
    width: 69px;
    height: 32px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(229, 229, 229, 1);
}

.provice .part-one .one-input input,
.part-two-pro .cont .right-one .one-input input {
    width: 200px;
    padding-left: 5px;
    font-size: 14px;
    height: 32px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(229, 229, 229, 1);
    line-height: 32px;
}

.provice .part-one select,
.part-two-pro .cont .right-one select {
    width: 100px;
}

.provice .part-one button,
.part-two-pro .cont .right-one button {
    display: inline-block;
    width: 140px;
    height: 40px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 0, 51, 1);
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    color: #FF3333;
    margin-top: 15px;
}

.provice .part-one button.light,
.part-two-pro .cont .right-one button.light {
    background: #ff0033;
    color: #ffffff;
    margin-right: 20px;
}

.provice .part-one .one-button {
    margin-top: 0;
}

.provice .part-one textarea {
    width: 280px;
    padding-left: 10px;
    height: 71px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(229, 229, 229, 1);
}

.provice .top-header {
    background: #ffffff;
}

.provice .logo {
    background: #ffffff;
    line-height: 40px;
    padding: 0 10px;
}

.part-two-pro .cont {
    display: flex;
    justify-content: space-between;
}

.provice .part-two-pro table thead {
    background: #F2F2F2;
    color: #333333;
}

.provice table tbody a {
    color: #ff0033;
}

.provice table tbody tr:nth-child(2n) {
    background: #F2F2F2;
}

.provice .part-one-pro .list {
    display: flex;
    justify-content: space-between;
}

.provice .part-one-pro .list .items {
    width: 184px;
    height: 186px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(229, 229, 229, 1);
    text-align: center;
    margin-top: 15px;
}

.provice .part-one-pro .list .items img {
    width: 164px;
    height: 91px;
    margin-top: 10px;
}

.provice .part-one-pro .det {
    width: 184px;
    height: 68px;
    background: rgba(238, 238, 238, 1);
    border: 1px solid rgba(229, 229, 229, 1);
    margin-top: 15px;
    text-align: center;
}

.provice .part-one-pro .det a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    color: #333333;
}

.provice .part-one-pro .det em {
    display: block;
    color: #999999;
    font-size: 12px;
    margin-top: 10px;
}

.provice .part-one-pro .det i {
    color: #ff0033;
}

.provice .part-header {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
}

.provice .part-header .header-one {
    width: 303px;
    height: 230px;
    position: relative;
}

.provice .swiper-pagination {
    bottom: 10px;
    right: 10px;
}

.provice .swiper-pagination-bullet {
    width: 15px;
    height: 5px;
    background: #ffffff;
    border-radius: 0;
    margin-left: 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.provice .swiper-container {
    width: 303px;
    position: relative;
    height: 230px;
}

.provice .swiper-container .swiper-slide {
    width: 303px;
    height: 230px;
    position: relative;
}

.provice .swiper-container .swiper-slide img {
    width: 303px;
    height: 230px;
}

.provice .swiper-container .swiper-slide span {
    display: block;
    width: 98%;
    height: 25px;
    line-height: 25px;
    padding-left: 2%;
    font-size: 14px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 5px;
    left: 0;
}

.provice .header-two {
    width: 520px;
    margin-left: 10px;
    margin-right: 30px;
}

.provice .header-two .title {
    display: block;
    color: #FF8A00;
    font-size: 18px;
}

.provice .header-two .det {
    display: block;
    color: #999999;
    width: 519px;
    font-size: 14px;
    line-height: 29px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.provice .header-two .det a {
    color: #ff0033;
}

.provice .header-two .items {
    display: block;
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}

.provice .header-two .items em {
    color: #333333;
}

.provice .header-three {
    width: 310px;
    padding: 0 5px;
    height: 224px;
    background: rgba(255, 255, 255, 1);
    border: 3px solid rgba(255, 138, 0, 1);
}

.provice .header-three .title {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    font-weight: bold;
}

.provice .header-three .items {
    display: block;
    font-size: 14px;
    color: #999999;
    margin-top: 15px;
}

.provice .header-three .items span {
    display: inline-block;
    width: 35px;
    height: 15px;
    list-style: 15px;
    font-size: 12px;
    color: #ffffff;
    background: #ff0033;
    text-align: center;
    margin-right: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}


/* 品牌中心详情 */

.brand-det .part-one {
    width: 1200px;
    height: 434px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(229, 229, 229, 1);
    display: flex;
    justify-content: flex-start;
    border-top: 2px solid #E70011;
    margin-top: 20px;
}

.brand-det .part-one .left {
    width: 330px;
    margin: 0 10px;
}

.brand-det .part-one .gallery-top {
    width: 330px;
    height: 330px;
}

.brand-det .part-one .gallery-top .swiper-slide {
    width: 330px;
    height: 330px;
}

.brand-det .part-one .gallery-top .swiper-slide img {
    width: 330px;
    height: 330px;
}

.brand-det .part-one .gallery-thumbs {
    height: 73px;
    width: 330px;
    margin-top: 20px;
}

.brand-det .part-one .gallery-thumbs .swiper-slide {
    width: 73px;
    height: 73px;
}

.brand-det .part-one .gallery-thumbs .swiper-slide img {
    width: 73px;
    height: 73px;
}

.brand-det .part-one .center {
    width: 470px;
    margin-left: 30px;
    height: 434px;
    border-right: 1px solid #E5E5E5;
}

.brand-det .part-one .center .items {
    width: 428px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E5E5E5;
    font-size: 14px;
    color: #666666;
}

.brand-det .part-one .center p {
    color: #333333;
    font-size: 16px;
    margin-top: 12px;
}
.brand-det .part-one .center p a{
    float: right;
}

.brand-det .part-one .center span {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    color: #666666;
}

.brand-det .part-one .center em {
    display: inline-block;
    margin-left: 30px;
}

.brand-det .part-one .center i {
    display: inline-block;
    margin-left: 30px;
    color: #E70011;
    font-size: 16px;
    font-weight: bold;
}

.brand-det .part-one .center .four i {
    display: inline-block;
    margin-left: 30px;
    color: #E70011;
    font-size: 24px;
    font-weight: bold;
}

.brand-det .part-one .center button {
    display: block;
    text-align: center;
    color: #ffffff;
    line-height: 40px;
    font-size: 18px;
    border: none;
    margin-top: 40px;
    width: 455px;
    height: 40px;
    background: rgba(231, 0, 17, 1);
}

.brand-det .part-one .right {
    width: 350px;
    padding-left: 10px;
    height: 434px;
    background: rgba(255, 255, 255, 1);
    text-align: center;
}

.brand-det .part-one .right div {
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    text-align: left;
    /*background: url(/image/home/shopdetail.png) no-repeat right;*/
}

.brand-det .part-one .right img {
    /*width: 292px;
    height: 94px;*/
    width: 280px;
    height: 156px;
    margin-top: 5px;
}

.brand-det .part-one .right p {
    display: block;
    margin-top: 15px;
    font-size: 16px;
    color: #333333;
}

.brand-det .part-one .right .hitNum {
    display: inline-block;
    width: 310px;
    height: 30px;
    background: rgba(255, 244, 224, 1);
    border: 1px solid rgba(255, 138, 0, 1);
    padding-left: 15px;
    line-height: 30px;
    font-size: 14px;
    color: #E70011;
    margin-top: 15px;
    text-align: left;
    font-weight:500;
}

.brand-det .part-one .right span {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #666666;
    text-align: left;
}

.brand-det .part-one .right em {
    width: 261px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 15px;
    display: inline-flex;
    white-space: nowrap;
}

.brand-det .part-items {
    background: url('/image/allBrand/longbg.png')no-repeat top;
    padding: 0 20px 20px 20px;
    border: 1px solid rgba(229, 229, 229, 1);
    margin-top: 20px;
}

.brand-det .part-items .title {
    height: 60px;
    line-height: 80px;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 20px;
}
/* 修改 */
.brand-det .inst p {
    display: block;
    line-height: 28px;
    font-size: 14px;
    /*margin-top: 20px;*/
}
/* 修改 */
.brand-det .advan p {
    display: block;
    line-height: 28px;
    font-size: 14px;
}
/* 修改 */
.brand-det .cond p {
    display: block;
    line-height: 28px;
    font-size: 14px;
    margin-top: 20px;
}

.brand-det .honor .gallery-honor {
    height: 175px;
    margin-top: 20px;
}

.brand-det .honor .gallery-honor img {
    width: 270px;
    height: 175px;
}
/* 修改 */
.brand-det .supp p {
    display: block;
    line-height: 28px;
    font-size: 14px;
    margin-top: 20px;
}

.brand-det .shop .gallery-shop {
    /*height: 260px;*/
    margin-top: 20px;
}

.brand-det .shop .gallery-shop img {
    max-height:260px;
    max-width:260px;
}

.brand-det .msg-list .items {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.brand-det .msg-list .icon-name img {
    width: 60px;
    height: 60px;
}

.brand-det .msg-list .icon-name span {
    display: block;
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
}

.brand-det .msg-list .info {
    width: 1000px;
    margin-left: 100px;
    height: 80px;
    border: 1px solid #e4e4e4;
}

.brand-det .msg-list .info span {
    display: block;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 20px;
    font-size: 14px;
    color: #999999;
}

.brand-det .msg-list .info em {
    display: block;
    font-size: 14px;
    line-height: 28px;
    margin-left: 20px;
}

.brand-det .msg .cont {
    display: flex;
    justify-content: space-between;
}

.brand-det .msg .left {
    width: 400px;
}

.brand-det .msg .left span {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    width: 70px;
    text-align: justify;
    text-align-last: justify;
}

.brand-det .msg .left .items {
    margin-top: 10px;
}

.brand-det .msg .left .one-inpit {
    display: inline-block;
    width: 200px;
    border: 1px solid #e5e5e5;
    height: 30px;
    line-height: 30px;
    background: none;
}

.brand-det .msg .left .one-select {
    display: inline-block;
    width: 150px;
}

.brand-det .msg .left .two-select {
    display: inline-block;
    width: 100px;
}

.brand-det .msg .left .two-inpit {
    display: inline-block;
    width: 80px;
    border: 1px solid #e5e5e5;
    height: 30px;
    line-height: 30px;
    background: none;
}

.brand-det .msg .left i {
    font-size: 12px;
    color: #ff0033;
}

.brand-det .msg .right {
    width: 600px;
    text-align: center;
}

.brand-det .msg .right span {
    display: block;
    font-size: 14px;
    color: #333333;
    margin-top: 20px;
    text-align: left;
}

.brand-det .msg .right em {
    color: #666666;
}

.brand-det .msg .right textarea {
    display: block;
    width: 600px;
    resize: none;
    background: none;
    border: 1px solid #e5e5e5;
    margin-top: 10px;
}

.brand-det .msg .right button {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background: #ff0033;
    color: #ffffff;
    text-align: center;
    width: 100px;
    font-size: 14px;
    border: none;
    margin-top: 10px;
}

.brand-det .all .list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.brand-det .all .list span {
    display: inline-block;
    width: 144px;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
}

.brand-det .all .list span:hover {
    color: #ff0033;
}
#allBrand,#allBrand .swiper-wrapper,#allBrand .swiper-wrapper .swiper-slide, #allBrand .swiper-wrapper .swiper-slide img{
    width: 812px;
    height: 450px;
}
#allBrand .swiper-pagination-bullet-active {
    background: #ffffff;
}
#allBrand .swiper-pagination-bullet {
    display: inline-block;
    border-radius: none;
    width: 10px;
    height: 10px;
    opacity: .7;
}
#resBrand,#resBrand .swiper-wrapper,#resBrand .swiper-wrapper .swiper-slide, #resBrand .swiper-wrapper .swiper-slide img{
    width: 320px;
    height: 175px;
}
#resBrand .swiper-pagination-bullet-active {
    background: #ffffff;
}
#resBrand .swiper-pagination-bullet {
    display: inline-block;
    border-radius: none;
    width: 10px;
    height: 10px;
    opacity: .7;
}

    .img-items a div {
        font-size: 14px;
        line-height: 30px;
        height: 50px;
        text-align: center;
        width: 140px;
    }

    .sort-brand .brand-cont .img-items img {
        margin-bottom: 0px;
    }
