/* 手机版导航栏 */
.wrap_phone{display: none; width: 100%; height: 60px; position: fixed; left: 0; top: 0; z-index: 99; background-color: rgba(255, 255, 255);}
.phone_box{height: 100%;}
.wrap_phone .logo{width: 185px; margin-top: 10px;margin-left: 10px;}
.wrap_phone .logo img{display: block; width: 100%; height: auto;}
.wrap_phone.lateral-menu-is-open{transform: translateX(-66%); -webkit-transform: translateX(-66%); -moz-transform:translateX(-66%);-ms-transform:translateX(-66%); -o-transform:translateX(-66%); transition:all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}
#cd-menu-trigger{padding-top: 30px;padding-right: 10px;}
#cd-lateral-nav .hotline1{box-sizing: border-box; padding: 20px; background-color: #075ea1; color: #fff;}
#cd-lateral-nav .hotline1 a{font-size: 14px;}
#cd-lateral-nav .hotline1 a:hover{color: #fff;}


@media (max-width: 1200px){
    .whs{
		width: 100% !important;
		max-width:1200px !important;
		margin: 0 auto !important;
		box-sizing: border-box !important;
		padding: 0 15px !important;
    }
    
    .footer{
        width: 100% !important;
		max-width:1200px !important;
		margin: 0 auto !important;
		box-sizing: border-box !important;
        padding:20px 0 !important;
        position: static !important;
        min-width: 0 !important;
    }


}

@media (max-width: 768px){
    .header{display: none !important;}
    .wrap_phone{display: block !important;}
    #cd-menu-trigger{display: block !important;}

    .main.about .section1 .sec-top .path{
        padding: 20px 0 !important;
        margin-bottom: 0 !important;
    }

    .main.about .section1 .sec-top .sec-t{
        font-size: 20px !important;
        padding-top: 105px !important;
    }

    .main.about .section1 .about-area .sec1{
       display: block !important;
       width: 100% !important;
    }

    .main.about .section1 .about-area .sec1 .sec-l .sec-img{
        height: 315px !important;
    }

    .main.about .section1 .about-area .sec1 .sec-l .sec-img .img-center{
        position: static !important;
        transform: none !important;
        width: 100% !important;
    }

    .main.about .section1 .about-area .sec1 .sec-l{
        width: 100% !important;
    }

    .main.about .section1 .about-area .sec1 .sec-r{
        width: 100% !important;
        padding-left: 0 !important;
        padding-top: 20px !important;
    }

    .main.about .section1 .about-area .sec1 .sec-r .p1{
        font-size: 14px !important;
        margin-bottom: 20px !important;
    }

    .main.about .section1 .about-area .sec1 .sec-r .p2{
        margin-bottom: 20px !important;
    }

    .main.about .section1 .about-area .sec2{
        display: block !important;
    }

    .main.about .section1 .about-area .sec2 .sec-l{
        width: 100% !important;
        padding-top: 20px !important;
        padding-right: 0 !important;
    }

    .main.about .section1 .about-area .sec3{
        display: block !important;
        margin-bottom: 20px !important;
    }

    .main.about .section1 .about-area .sec3 .sec-r{
        padding-left: 0 !important;
        margin-top: 20px !important;
    }

    .main.about .section1 .about-area .sec2 .sec-r .sec-img{
        margin-left: 0 !important;
        height: 100% !important;
    }

    .main.about .section1 .about-area .sec2 .sec-r .sec-img .img-center{
        position: static !important;
        transform: none !important;
        width: 100% !important;
        margin-top: 20px !important;

    }

    .footer .whs{
        width: 100% !important;
    }

    .footer .f-info {
        display: block !important;
    }

    .popup{
        display: none;
    }

    .footer .f-link ul li{
        margin-right: 25px !important;
    }

    .footer .f-info .info-l .f-nav{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;

    }

    .footer .f-info .info-l .f-nav .item p{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .footer .f-info .info-r .follow {
        padding: 10px 20px !important;
    }

    .footer .f-info .info-l .f-nav{
        padding: 20px 0 !important;
    }

    .main.materialBrand .section1 .sec-top .sec-t{
        font-size: 20px !important;
        margin-bottom: 0px !important;
        padding-top: 40px !important;
    }

    .main.materialBrand .section1 .sec-top .path{
        padding: 20px 0 !important;
    }

    .main.materialBrand .section1 .material-area .area-top .nav-up .nav-f li{
        font-size: 14px !important;
        padding: 0 20px !important;
    }

    .main.materialBrand .section1 .material-area .area-top .nav-down .navs {
        padding: 20px 20px 8px 20px !important;
    }

    .main.materialBrand .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s{
        padding-left: 20px !important;
    }

    .main.materialBrand .section1 .material-area .area-top .nav-down .navs .nav-item p{
        font-size: 12px !important;
    }

    .main.materialBrand .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s li{
        font-size: 12px !important;
        padding: 0 15px !important;
    }

    .main.materialBrand .section1 .material-area .area-list .item{
        width: 100% !important;
    }

    /* 逛建材 */
    .sec-top{
        margin-top: 60px !important;
    }

    .main.brand .section1 .brand-top .brand-info .info-item{
        padding: 0 !important;
        width: 70% !important;
    }

    .main.brand .section1 .brand-top .brand-i {
        font-size: 16px !important;
        height: 45px !important;
        line-height: 45px !important;
        padding: 0 20px !important;
    }

    .main.brand .section1 .brand-top .brand-info .info-item .info-i p{
        font-size: 12px !important;
        width: 75px !important;
    }

    .main.brand .section1 .brand-top .brand-info .info-item .info-i span{
        font-size: 12px !important;
    }

    .main.brand .section1 .brand-top .brand-info .info-item .info-i{
        padding-left: 15px !important;
        align-items: flex-start !important;
        padding-right: 10px !important;
    }

    .main.brand .section1 .brand-top .brand-ic{
        height: 35px !important;
    }

    .main.brand .section1 .brand-top .brand-ic p{
        font-size: 12px !important;
    }

    .main.brand .section1 .brand-area .brand-t p{
        font-size: 16px !important;
    }

    .main.brand .section1 .brand-area .brand-t{
        padding: 20px 20px !important;
        height: 58px !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-top{
        padding: 0 !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-top .i-top li{
        font-size: 14px !important;
    }
    
    .main.brand .section1 .brand-area .brand-list .list-top .i-top .i4{
        display: none !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-top .i-top .i2{
        display: none !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-top .i-top .i5{
        display: none !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-top .i-top .i6{
        display: none !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-top .i-top .i8{
        display: none !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-top .i-top .i9{
        display: none !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-top .i-top .i10{
        display: none !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .i4{
        display: none !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .i2{
        display: none !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .i5{
        display: none !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .i6{
        display: none !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .i8{
        display: none !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .i9{
        display: none !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .i10{
        display: none !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-top .i-top .width10{
        width: 20% !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-top .i-top .width8{
        width: 20% !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-top .i-top .width6{
        width: 15% !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-top .i-top .width14{
        width: 20% !important;
    }
    
    .main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .width10{
        width: 20% !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .width8{
        width: 20% !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .width6{
        width: 15% !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .i12 .login{
        width: 80px !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-item .item .item-hover p {
        font-size: 12px !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-item .item .item-hover{
        padding: 20px 0 !important;
    }

    .main.brand .section1 .brand-area .brand-list .list-item .item .item-padding{
        height: 98px !important;
    }

    .main.brand .section1 .brand-top .brand-info .info-logo{
        margin-right: 10px !important;
    }

    .main.brand .section1 .brand-top .brand-info .info-item div:first-child{
        margin-top: 20px !important;
    }

    .main.manufacturer .section1 .brand-top .brand-i{
        font-size: 16px !important;
        height: 45px !important;
        line-height: 45px !important;
        padding: 0 20px !important;
    }

    .main.manufacturer .section1 .brand-top .brand-info .info-logo{
        padding-right: 0 !important;
    }

    .main.manufacturer .section1 .brand-top .brand-info .info-item{
        padding: 0 !important;
        width: 70% !important;
    }

    .main.manufacturer .section1 .brand-top .brand-info .info-item .info-i p{
        font-size: 12px !important;
        width: 75px !important;
    }

    .main.manufacturer .section1 .brand-top .brand-info .info-item .info-i span{
        font-size: 12px !important;
    }

    .main.manufacturer .section1 .brand-top .brand-info .info-item .info-i{
        padding-left: 15px !important;
        align-items: flex-start !important;
        padding-right: 10px !important;
        margin-bottom: 10px !important;
    }

    .main.manufacturer .section1 .brand-top .brand-ic{
        height: 35px !important;
    }

    .main.manufacturer .section1 .brand-top .brand-ic p{
        font-size: 12px !important;
    }

    .main.manufacturer .section1 .brand-top .brand-info{
        height: 240px !important;
    }

    .main.manufacturer .section1 .sec2 .manufacturer-info{
        display: block !important;
    }

    .main.manufacturer .section1 .sec2 .manufacturer-info .info-l{
        width: 100% !important;
        border-right: none !important;
        min-height: 100% !important;
        padding: 20px !important;
        padding-bottom: 0 !important;
    }

    .main.manufacturer .section1 .sec2 .manufacturer-info .info-r{
        width: 100% !important;
        margin-left: 0 !important;
        padding: 0 20px !important;
        padding-bottom: 20px !important ;
    }

    .main.manufacturer .section1 .sec2 .manufacturer-info .info-r p img{
        width: 100% !important;
    }

    .main.manufacturer .section1 .sec5 .website .website-item{
        display: block !important;  
        padding-right: 20px !important;
    }

    .main.manufacturer .section1 .sec5 .website .website-item .item{
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 20px !important;
    }

    .main.manufacturer .section1 .sec5 .website .sec-t{
        padding: 20px !important;
    }

    
    /* /brand/pdlist */
    .main.material .section1 .sec-top .sec-t{
        font-size: 20px !important;
        margin-bottom: 0px !important;
        padding-top: 40px !important;
    }

    .main.material .section1 .material-area .area-top{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-top{
        padding: 0 !important;
    }

    .main.material .section1 .material-area .brand-list .list-top .i-top li{
        font-size: 14px !important;
    }

    .main.material .section1 .material-area .brand-list .list-top .i-top .i1{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-top .i-top .i3{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-top .i-top .i5{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-top .i-top .i6{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-top .i-top .i7{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-top .i-top .i9{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-top .i-top .i10{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-top .i-top .i11{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-item .item .item-padding .i1{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-item .item .item-padding .i3{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-item .item .item-padding .i5{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-item .item .item-padding .i6{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-item .item .item-padding .i7{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-item .item .item-padding .i9{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-item .item .item-padding .i10{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-item .item .item-padding .i11{
        display: none !important;
    }

    .main.material .section1 .material-area .brand-list .list-top .i-top .width10{
        width: 25% !important;
    }

    .main.material .section1 .material-area .brand-list .list-top .i-top .width6{
        width: 15% !important;
    }

    .main.material .section1 .material-area .brand-list .list-top .i-top .width8{
        width: 22% !important;
    }

    .main.material .section1 .material-area .brand-list .list-item .item .item-padding .width10{
        width: 25% !important;
    }

    .main.material .section1 .material-area .brand-list .list-item .item .item-padding .width6{
        width: 15% !important;
    }

    .main.material .section1 .material-area .brand-list .list-item .item .item-padding .width8{
        width: 22% !important;
    }

    .main.material .section1 .material-area .brand-list .list-item .item .item-padding .i13 .login{
        width: 80px !important;
    }

    .main.material .section1 .material-area .brand-list .list-item .item .item-hover p{
        font-size: 12px !important;
    }

    .main.material .section1 .material-area .brand-list .list-item .item .item-hover{
        padding: 20px 0 !important;
    }

    .pages ul li{
        font-size: 12px !important;
        width: 35px !important;
        margin: 0 10px !important;
    }

    .pages p{
        font-size: 12px !important;
        margin: 0 10px !important;
        width: 60px !important;
        padding: 0 10px !important;
    }

    .ph_txt{
        display:block !important;
        text-align: center !important;
        margin-top: 40px !important;
    }

    .ph_txt p{
        font-size: 16px !important;
        color: #333 !important;
    }

    /* 寻设计 */
    .main.designer .section1 .sec-top .sec-t{
        font-size: 22px !important;
        padding-top: 40px !important;
        margin-bottom: 0 !important;
    }

    .main.designer .section1 .material-area .area-top .nav-up .up-r{
       padding: 0 10px !important;
    }

    .main.designer .section1 .material-area .area-top .nav-up .search input{
        width: 200px !important;
    }

    .main.designer .section1 .material-area .area-top .nav-up .search {
        padding-right: 10px !important;
    }

    .main.designer .section1 .material-area .area-top .nav-up .search p{
        padding: 0 20px !important;
    }

    .main.designer .section1 .material-area .area-top .nav-down .navs .navitem2{
        display: none !important;
    }

    .main.designer .section1 .material-area .area-top .nav-down .navs .navitem3{
        display: none !important;
    }

    .main.designer .section1 .material-area .area-top .nav-down .navs{
        padding: 10px !important;
    }

    .main.designer .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s li{
        font-size: 12px !important;
    }

    .main.designer .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s{
        padding-left: 20px !important;
    }

    .main.designer .section1 .material-area .case-item{
        display: block !important;
    }

    .main.designer .section1 .material-area .case-item .item{
        width: 100% !important;
    }

    .main.caseDetail .section1 .case-detail .case-i{
        display: none !important;
    }

    .main.caseDetail .section1 .case-detail{
        padding: 10px 15px !important;
    }

    .main.caseDetail .section1 .case-detail .case-t{
        font-size: 18px !important;
        padding: 20px 0 !important;
    }

    .main.caseDetail .section1 .case-detail .workmate-container{
        margin-bottom: 20px !important;
        height: 280px !important;

    }

    .main.caseDetail .section1 .case-detail .workmates{
        padding: 0 !important;
        height: 85px !important;
        margin-bottom: 20px !important;
    }

    .main.caseDetail .section1 .case-detail .case-arg .args{
        display: block !important;
    }

    .main.caseDetail .section1 .case-detail .case-arg .args .item{
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .main.caseDetail .section1 .case-detail .case-idea p{
        font-size: 18px !important;
        margin-bottom: 20px !important;
    }

    .main.caseDetail .section1 .case-detail .case-idea span{
        font-size: 12px !important;
    }

    .main.caseDetail .section1 .case-area .case-top{
        padding: 0 15px !important;
        height: 65px !important;
    }

    .main.caseDetail .section1 .case-area .case-top .top-t{
        font-size: 18px !important;
    }

    .main.caseDetail .section1 .case-area .case-top p{
        font-size: 12px !important;
    }

    /* 注册 */
    .main.register .section1 .sec-top .btn{
        font-size: 16px !important;
    }

    .main.register .section1 .register-area .sec-area .area-top{
        flex-wrap: wrap !important;
    }
    
    .main.register .section1 .register-area .sec-area .area-top li{
        font-size: 14px !important;
        width: 26.3333% !important;
        height: 55px !important;
        line-height: 55px !important;
        margin: 0 10px !important;
        
    }

    .main.register .section1 .register-area .sec-area .area-bottom{
        padding: 20px 15px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-l{
        position: static !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r{
        position: static !important;
        margin-left: 0 !important;
        width: 100% !important;
        margin-top: 20px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im{
        justify-content: flex-start !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-l p{
        font-size: 18px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im p{
        padding-right: 10px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im input[type='text']{
        padding: 0 10px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im .verify-area input{
        width: 166px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im1 input{
        width: 253px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im2{
        margin-bottom: 40px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im2 input{
        width: 253px !important;
        padding: 0 10px !important;
        margin-left: 14px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im4 input{
        width: 253px !important;
    }
    
    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im .verify-area .verify{
        margin-left: 0 !important;
        width: 90px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .protocol {
        margin-bottom: 40px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im7 .im-select{
        display: block !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im7 .selects{
        width: 280px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im8 .im-select{
        flex-wrap: wrap !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im8 .selects{
        margin-bottom: 10px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im9 .im-select{
        display: block !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im9 .im-select .selects {
        width: 248px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im9 .im-select .im-s{
        margin-bottom: 10px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im11 .im-select{
        flex-wrap: wrap !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im11 .im-select .gf-select{
        margin-bottom: 10px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item2 #register2{
        padding-right: 0 !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im input[type='text']{
        width: 245px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im10 .im-select{
        display: block !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im10 .im-select .im-arage{
        padding-left: 0 !important;
        margin-top: 10px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im10 .im-select .im-arage .selects{
        width: 245px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im13 textarea{
        width: 248px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im3 .verify-area input{
        width: 180px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im2 .im2-pwd{
        display: block !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im2 .im2-pwd .gender{
        margin-top: 20px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im2 .im2-pwd .gender #radio1{
        width: 12px !important;
        height: 12px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im2 .im2-pwd .gender #radio2{
        width: 12px !important;
        height: 12px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im2{
        margin-bottom: 20px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im5 input{
        width: 250px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im6 input{
        width: 250px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im7 input{
        width: 250px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im16 .im16_mater{
        width: 290px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im16 .item{
        height: 46px !important;
        line-height: 46px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im17 p{
        line-height: 25px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im7 .selects{
        width: 255px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im2 .im2-pwd{
        display: block !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im2 .im2-pwd .gender{
        margin-top: 20px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im2 .im2-pwd .gender #radio11{
        width: 12px !important;
        height: 12px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im2 .im2-pwd .gender #radio22{
        width: 12px !important;
        height: 12px !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im17 .credential-area{
        display: block !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im17 .credential-area .credential{
        padding-right: 0 !important;
        width: 80% !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im17 .im17_cer{
        flex-wrap: wrap !important;
    }

    .main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .protocol p{
        line-height: 25px !important;
    }

    /* 登录 */
    .main.login .section1 .sec-area{
        display: block !important;
    }

    .main.login .section1 .sec-area .area-l{
        display: none !important;
    }

    .main.login .section1 .sec-area .area-r{
        width: 100% !important;
        padding: 0 !important;
    }

    .main.login .section1 .sec-area .area-r .login-area .area-top li{
        font-size: 14px !important;
    }

    .main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im .inp-area input{
        font-size: 14px !important;
    }

    .main.login .section1 .sec-area .area-r .login-area .area-bottom .item .sub{
        font-size: 18px !important;
        height: 55px !important;
    }

    .main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im-login{
        display: block !important;
    }

    .main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im-login .register {
        margin-top: 10px !important;
    }

    .main.login .section1 .platform{
        display: block !important;
    }

    .main.login .section1 .platform .item{
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im .verify {
        font-size: 12px !important;
        padding: 0 10px !important;
    }

    .main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im .inp-area {
        padding: 0 0 0 30px !important;
    }

    /* 询报价 */
    .main.offer .section1 .sec-top .sec-t{
        font-size: 22px !important;
        padding-top: 40px !important;
        margin-bottom: 0 !important;
    }

    .main.offer .section1 .material-area .offer-list .offer-form{
        display: none !important;
    }

    .main.offer .section1 .material-area .area-top .nav-down .navs .navitem2{
        display: none !important;
    }

    .main.offer .section1 .material-area .area-top .nav-down .navs .navitem3{
        display: none !important;
    }

    .main.offer .section1 .material-area .area-top .nav-down .navs .navitem4{
        display: none !important;
    }

    .main.offer .section1 .material-area .area-top .nav-down .navs .navitem5{
        display: none !important;
    }

    .main.offer .section1 .material-area .area-top .nav-down .navs .navitem6{
        display: none !important;
    }

    .main.offer .section1 .material-area .area-top .nav-down .navs{
        padding: 10px !important;
    }

    .main.offer .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s li{
        font-size: 12px !important;
    }

    .main.offer .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s{
        padding-left: 20px !important;
    }

    .main.offer .section1 .material-area .area-top .nav-up .search{
        padding-right: 10px !important;
    }

    .main.offer .section1 .material-area .area-top .nav-up .search p{
        padding: 0 20px !important;
    }

    .main.offer .section1 .material-area .area-top .nav-up .up-r{
        padding: 0 10px !important;
    }

    .main.offer .section1 .material-area .area-top .nav-up .search input{
        width: 180px !important;
    }

    .main.offer .section1 .material-area .offer-list .offer-item{
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    .main.offer .section1 .material-area .offer-list .offer-item .item{
        padding: 0 !important;
    }

    .main.offer .section1 .material-area .offer-list .offer-item .item .item-padding{
        height: 170px !important;
    }

    .main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-img{
        width: 70px !important;
    }

    .main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-text .im{
        padding-left: 10px !important;
    }

    .main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-text .im p{
        font-size: 12px !important;
    }

    .main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-text .im span{
        font-size: 12px !important;
    }

 
    .main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-r p {
        font-size: 12px !important;
    }

    .main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-r .i-btn{
        height: 40px !important;
        line-height: 40px !important;
    }

    .main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-r .i-btn img{
        display: none !important;
    }

    .main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-r .i-btn p{
        font-size: 12px !important;
        padding-left: 0 !important;
    }

    .main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-r{
        width: 75px !important;
        padding: 0 10px !important;
    }

    
    /* Customer */
    .main .containers .container-area{
        display: block !important;
        /* height: 845px !important; */
    }
    /* .main .containers .container-area .area-l{
        display: none !important;
    } */

    .main .containers .container-area .area-l{
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .main .containers .container-area .area-l .l-top{
        padding: 10px !important;
    }

    .main .containers .container-area .area-l .l-nav{
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        padding: 10px 0 !important;
        padding-left: 0 !important;
    }

    .main .containers .container-area .area-l .l-nav a{
        width: 50% !important;
    }

    .main .containers .container-area .area-r{
        width: 100% !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .main .containers .container-area .area-r .user_right{
        float: none !important;
    }

    .main .containers .container-top{
        margin-top: 60px !important;
        display: block !important;
        padding-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .main .containers .container-top .top-l{
        width: 145px !important;
        height: 145px !important;
    }

    .main .containers .container-top .top-l{
        display: none !important;
    }

    .main .containers .container-top .top-l .img-center{
        position: static;
        transform: none !important;
    }

    .main .containers .container-top .top-r{
        padding-left: 0 !important;
        margin-left: 0 !important;
        margin-top: 20px !important;
    }

    .main .containers .container-top .top-r .r-t .i{
        font-size: 14px !important;
    }

    .main .containers .container-top .top-r .r-t p{
        font-size: 14px !important;
    }

    .main .customer-bg{
        display: none !important;
    }

    .main .containers .container-top .top-r .r-t{
        padding-left: 0 !important;
        margin-bottom: 0 !important;
    }

    .main .containers .container-top .top-r .r-t .i{
        margin-right: 10px !important;
    }

    .info_01{
        width: 100% !important;
        padding: 10px 10px !important;
    }

    .info_01 .info_title{
        padding-bottom: 10px !important;
    }

    .info_01 .info_title h2{
        font-size: 16px !important;
    }

    .info_01 .info_txt{
        display: block !important;
    }

    .info_01 .info_txt ul{
        margin-right: 20px !important;
    }

    .info_01 .info_txt ul li{
        margin-top: 10px !important;
        font-size: 12px !important;
    }

    .info_02{
        width: 100% !important;
        margin-top: 20px !important;
        padding-top: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .info_02 .house_top .house_title h2{
        font-size: 16px !important;
    }

    .info_02 .house_table table tbody tr th{
        font-size: 14px !important;
        height: 65px !important ;
    }

    .info_02 .house_table table tbody tr td{
        font-size: 12px !important;
    }

    .info_03{
        width: 100% !important;
        margin-top: 20px !important;
    }

    .info_03 .message_title{
        padding: 10px !important;
    }

    .info_03 .message_title h2{
        font-size: 16px !important;
    }

    .info_03 .message_txt .hd ul li.on::after {
        left: 35px !important;
    }

    .info_03 .message_txt .bd .nr table tbody tr th{
        font-size: 14px !important;
        height: 65px !important;
    }

    .info_03 .message_txt .bd .nr{
        padding: 0 10px !important;
    }

    /* .info_03 .message_txt .bd .nr table tbody tr th:nth-child(2){
        display: none !important;
    } */

    .info_03 .message_txt .bd .nr table tbody tr th:nth-child(3){
        display: none !important;
    }

    .info_03 .message_txt .bd .nr table tbody tr td{
        font-size: 12px !important;
    }

    .info_03 .message_txt .bd .nr table tbody tr td:nth-child(2){
       width: 100px !important;
       display: block !important;
       overflow: hidden !important;
       text-overflow:ellipsis !important;
       white-space: nowrap !important;
    }

    .info_03 .message_txt .bd .nr table tbody tr td:nth-child(3){
        display: none !important;
    }

    .info_03 .message_txt .bd .nr table tbody tr td:last-child{
        width: 100% !important;
        display: block !important;
    }

    .house_box{
        width: 100% !important;
        padding-top: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .house_box .house_top .house_title h2{
        font-size: 16px !important;
    }

    .house_box .house_table table tbody tr th{
        font-size: 14px !important;
        height: 65px !important;
    }

    .house_box .house_table table tbody tr th:nth-child(3){
        display: none !important;
    }

    .house_box .house_table table tbody tr th:nth-child(6){
        display: none !important;
    }

    .house_box .house_table table tbody tr td{
        font-size: 12px !important;
    }

    .house_box .house_table table tbody tr td:nth-child(3){
        display: none !important;
    }

    .house_box .house_table table tbody tr td:nth-child(6){
        display: none !important;
    }

    .message_box{
        width: 100% !important;
    }

    .message_box .message_title{
        padding-top: 10px !important;
    }

    .message_box .message_title h2{
        font-size: 16px !important;
    }

    .message_box .message_txt .hd ul li.on::after{
        left: 25px !important;
    }

    .message_box .message_txt .bd .nr{
        padding: 0 !important;
    }

    .message_box .message_txt .bd .nr table tbody tr th{
        font-size: 14px !important;
        height: 65px !important;
    }

    /* .message_box .message_txt .bd .nr table tbody tr th:nth-child(2){
        display: none !important;
    } */

    .message_box .message_txt .bd .nr table tbody tr th:nth-child(3){
        display: none !important;
    }

    .message_box .message_txt .bd .nr table tbody tr td{
        font-size: 12px !important;
    }

    /* .message_box .message_txt .bd .nr table tbody tr td:nth-child(2){
        display: none !important;
    } */

    .message_box .message_txt .bd .nr table tbody tr td:nth-child(2){
        width: 150px !important;
        overflow:hidden !important; 
        text-overflow:ellipsis !important;
        display:-webkit-box !important; 
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important; 
        height: 110px !important;   
    }

    .message_box .message_txt .bd .nr table tbody tr td:nth-child(3){
        display: none !important;
    }

    .message_box .message_txt .bd .nr table tbody tr td:last-child{
        width: 100px !important; 
        /* display: block !important; */
    }

    .mesdetail_box{
        width: 100% !important;
        padding: 10px 10px !important;
    }

    .mesdetail_box .mesdetail_title h2{
        font-size: 16px !important;
    }

    .mesdetail_box .mesdetail_con{
        padding-top: 20px !important;
    }

    .mesdetail_box .mesdetail_con .mesdetail_01{
        display: block !important;
    }

    .mesdetail_box .mesdetail_con .mesdetail_01 .mesdetail_right{
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 20px !important;
    }

    .mesdetail_box .mesdetail_con .mesdetail_01 .mesdetail_left h3{
        font-size: 14px !important;
    }

    .mesdetail_box .mesdetail_con .mesdetail_02 .huifu textarea{
        width: 100% !important;
    }

    .mesdetail_box .mesdetail_con .mesdetail_02 .mesdetail_img p{
        font-size: 14px !important;
    }

    .mesdetail_box .mesdetail_con .mesdetail_btn{
        text-align: center !important;
    }

    .mesdetail_box .mesdetail_con .mesdetail_btn a{
        margin-left: 0 !important;
    }

    .modify_box{
        width: 100% !important;
        padding: 10px 10px !important;
    }

    .modify_box .modify_con .modify_05{
        display: none !important;
    }

    .main .containers .material-do {
        display: block !important;
        height: 975px !important;
    }

    .modify_box .modify_title{
        padding-bottom: 10px !important;
    }

    .modify_box .modify_title h2{
        font-size: 16px !important;
    }

    .modify_box .modify_con{
        padding-top: 20px !important;
    }

    .modify_box .modify_con .avatar-area{
        display: block !important;
    }

    .modify_box .modify_con .avatar-area .avatar-default{
        margin-bottom: 20px !important;
        margin-left:0 !important;
    }

    .modify_box .modify_con .modify_02{
        display: block !important;
        margin-bottom: 20px !important;
    }

    .modify_box .modify_con .modify_02 .modify_name{
        margin-bottom: 20px !important;
    }

    .modify_box .modify_con .modify_03{
        display: block !important;
    }

    .modify_box .modify_con .modify_03 .modify_date{
        margin-left: 0 !important;
        margin-top: 20px !important;
    }

    .modify_box .modify_con .modify_04 h3{
        width: 135px !important;
    }

    .modify_box .modify_con .modify_10 h3{
        width: 175px !important;
    }

    .modify_box .modify_con .modify_btn{
        text-align: center !important;
    }

    .modify_box .modify_con .modify_btn .btn{
        margin-left: 0 !important;
        margin: 20px 0 !important;
    }

    .ucar .r-padding .car-area .pro-top{
        padding: 20px 20px !important;
    }

    .ucar .r-padding .car-area .pro-top p{
        font-size: 16px !important;
    }

    .ucar .r-padding .car-area .brand-list .list-top .i-top .i3{
        display: none !important;
    }

    .ucar .r-padding .car-area .brand-list .list-top .i-top .i4{
        display: none !important;
    }

    .ucar .r-padding .car-area .brand-list .list-top .i-top .i5{
        display: none !important;
    }

    .ucar .r-padding .car-area .brand-list .list-top .i-top .width10{
        width: 30% !important;
    }

    .ucar .r-padding .car-area .brand-list .list-top .i-top .width12{
        width: 15% !important;
    }

    .ucar .r-padding .car-area .brand-list .list-top .i-top .width8{
        width: 20% !important;
    }

    .ucar .r-padding .car-area .brand-list .list-top .i-top .width14{
        width: 15% !important;
    }

    .ucar .r-padding .car-area .brand-list .list-item .item .item-top .top-l .top-company{
        display: none !important;
    }

    .ucar .r-padding .car-area .brand-list .list-item .item .item-top .top-r .im > p{
        font-size: 12px !important;
    }

    .ucar .r-padding .car-area .brand-list .list-item .item .item-top .top-r .im{
        padding-left: 20px !important;
    }

    .ucar .r-padding .car-area .brand-list .list-item .item .im-list .im .i3{
        display: none !important;
    }

    .ucar .r-padding .car-area .brand-list .list-item .item .im-list .im .i4{
        display: none !important;
    }

    .ucar .r-padding .car-area .brand-list .list-item .item .im-list .im .i5{
        display: none !important;
    }

    .ucar .r-padding .car-area .brand-list .list-item .item .im-list .im .width10 {
        width: 25% !important;
    }


    .ucar .r-padding .car-area .brand-list .list-item .item .im-list .im .width12 {
        width: 40% !important;
    }

    .ucar .r-padding .car-area .brand-list .list-item .item .im-list .im .width8 {
        width: 15% !important;
    }

    .ucar .r-padding .car-area .brand-list .list-item .item .im-list .im .width14 {
        width: 25% !important;
    }

    .ucar .r-padding .car-area .brand-list .list-item .item .im-list{
        padding: 0 !important;
    }

    .ucar .r-padding .car-area .car-pay{
        padding: 0 !important;
        padding-bottom: 20px !important;
    }

    .ucar .r-padding .car-area .car-pay .pay-area .pay-r .im1 {
        display: none !important;
    }

    .ucar .r-padding .car-area .car-pay .pay-area .pay-r .pay{
        padding: 0 20px !important;
        font-size: 14px !important;
    }

    .delivery-popup{
        width: 345px !important
    }

    .note-popup{
        width: 345px !important;
    }

    .list_box{
        width: 100% !important;
    }

    .list_box .list_title{
        padding-top: 20px !important;
    }

    .list_box .list_title h2{
        font-size: 16px !important;
    }

    .list_box .list_txt .hd ul li{
        font-size: 14px !important;
        margin-right: 15px !important;
    }

    .list_box .list_txt .list_table table tbody tr th{
        font-size: 12px !important;
        height: 60px !important;
        padding: 0 5px !important;
    }

    .list_box .list_txt .list_table table tbody tr td{
        font-size: 12px !important;
        padding: 0 0px !important;
    }

    .list_box .list_txt .list_table table tbody tr .last{
        width: 75px !important;
    }

    .list_box .list_txt .list_table table tbody tr td .list_top img{
        display: none !important;
    }

    .list_box .list_txt .list_table table tbody tr td .list_top span{
        font-size: 12px !important;
        margin-left: 0 !important;
    }

    .offer_box{
        width: 100% !important;
    }

    .offer_box .offer_title{
        padding-top: 20px !important;
    }

    .offer_box .offer_title h2{
        font-size: 16px !important;
    }

    .offer_box .offer_txt .hd ul li{
        font-size: 14px !important;
        margin-right: 15px !important;
    }

    .offer_box .offer_txt .offer_table table tr th{
        font-size: 12px !important;
    }

    .reno_txt{
        width: 100% !important;
        padding: 0 !important;
    }

    .reno_txt .reno_title{
        padding-top: 20px !important;
    }

    .reno_txt .reno_title h2{
        font-size: 16px !important;
    }

    .reno_table table tbody tr th{
        font-size: 12px !important;
    }

    .reno_table table tbody tr td{
        font-size: 12px !important;
    }

    .uworkmate .r-padding .work_box{
        width: 100% !important;
    }

    .uworkmate .r-padding .work_box .work_title{
        padding: 10px !important;
    }

    .uworkmate .r-padding .work_box .work_title h2{
        font-size: 16px !important;
    }

    .uworkmate .r-padding .work_box .work_title .work_btn a{
        width: 80px !important;
        font-size: 12px !important;
    }

    .uworkmate .r-padding .brand-list .list-top{
        padding: 0 10px !important;
        height: 65px !important;
    }

    .uworkmate .r-padding .brand-list .list-top .i-top li{
        font-size: 12px !important;
    }

    .uworkmate .r-padding .brand-list .list-top .i-top .width12{
        width: 15% !important;
    }

    .uworkmate .r-padding .brand-list .list-top .i-top .width8{
        width: 18% !important;
    }

    .address_box{
        width: 100% !important ;
    }

    .address_box .address_top{
        padding: 10px !important;
    }

    .address_box .address_top .address_title h2{
        font-size: 16px !important;
    }

    .address_box .address_con{
        padding: 0 !important;
    }

    .address_box .address_con .address_02 .set_bott p{
        font-size: 12px !important;
        margin-right: 10px !important;
    }

    .address_box .address_con .address_02 .set_bott p:last-child{
        margin-right: 0 !important;
    }

    .add_box{
        width: 100% !important;
        padding-bottom: 20px !important;
    }

    .add_box .add_title{
        padding: 10px !important;
    }

    .add_box .add_title h2{
        font-size: 16px !important;
    }

    .add_box .add_con .add_01{
        display: block !important;
    }

    .add_box .add_con .add_01 .call_tel{
        margin-top: 20px !important;
    }

    .add_box .add_con .add_02 .im-select{
        flex-wrap: wrap !important;
        display: block !important;
    }

    .add_box .add_con .add_02 .im-select .gf-select{
        float: none !important;
        margin-bottom: 20px !important;
    }

    .add_box .add_con .add_03{
        display: block !important;
    }

    .add_box .add_con .add_03 input{
        margin-left: 0 !important;
        width: 100% !important;
    }

    .add_box .add_con .add_btn{
        text-align: center !important;
    }

    .add_box .add_con .add_btn a{
        margin-left: 0 !important;
    }

    .refund_box{
        width: 100% !important;
    }

    .refund_box .refund_title{
        padding-top: 10px !important;
    }

    .refund_box .refund_title h2{
        font-size: 16px !important;
    }

    .evaluate_box{
        width: 100% !important;
    }

    .evaluate_box .evaluate_title{
       padding: 10px !important;
    }

    .evaluate_box .evaluate_title h2{
        font-size: 16px !important;
    }

    .evaluate_box .evaluate_txt .hd ul li{
        font-size: 14px !important;
    }

    .evaluate_box .evaluate_txt .evaluate_table table tr th{
        font-size: 14px !important;
        height: 65px !important;
    }

    .evaluate_box .evaluate_txt .evaluate_table table tr td{
        padding: 0 !important;
        font-size: 12px !important;
    }

    .evaluate_box .evaluate_txt .evaluate_table table tr td:last-child{
        width: 60px !important;
    }

    .invoice_txt{
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .invoice_txt .invoice_title{
        padding: 10px !important;
    }

    .invoice_txt .invoice_title h2{
        font-size: 16px !important;
    }

    .invoice_table table tbody tr th{
        font-size: 14px !important;
        height: 65px !important;
    }

    .invoice_table table tbody tr td{
        font-size: 12px !important;
    }

    .complaint_box{
        width: 100% !important;
    }

    .complaint_box .complaint_title{
        padding: 10px !important;
    }

    .complaint_box .complaint_title h2{
        font-size: 16px !important;
    }

    .complaint_box .complaint_txt .hd ul li{
        font-size: 16px !important;
    }

    .complaint_box .complaint_txt .nr table tbody tr th{
        font-size: 14px !important;
        height: 65px !important;
    }

    .complaint_box .complaint_txt .nr table tbody tr td{
        font-size: 12px !important;
    }

    .help_box{
        width: 100% !important;
        padding: 10px !important;
    }

    .help_box .heip_title h2{
        font-size: 16px !important;
    }

    .help_con .menu-list ul .nLi{
        padding-bottom: 10px !important;
        margin-bottom: 10px !important;
    }

    .help_con .menu-list .ask_title{
        font-size: 12px !important;
    }

    .help_box .help_con{
        padding-top: 20px !important;
    }

    .help_con .menu-list .nr img{
        width: 100% !important;
    }

    .addhouse_box{
        width: 100% !important;
    }

    .addhouse_box .addhouse_title{
        padding-top: 10px !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .addhouse_box .addhouse_title h2{
        font-size: 16px !important;
    }

    .addhouse_box .addhouse_con{
        padding: 10px 10px !important;
    }

    .addhouse_box .addhouse_01 input{
        width: 225px !important;
    }

    .addhouse_box .addhouse_02{
        margin-bottom: 10px !important;
    }

    .addhouse_box .addhouse_02 .im-select{
        display: block !important;
    }

    .addhouse_box .addhouse_02 .im-select .gf-select{
        float: none !important;
        margin-bottom: 20px !important;
    }

    .addhouse_box .addhouse_03{
       display: block !important;
    }

    .addhouse_box .addhouse_03 .block_01 {
        width: 88% !important;
        margin-bottom: 20px !important;
    }

    .addhouse_box .addhouse_03 .block_02{
        width: 20% !important;
    }

    .addhouse_box .addhouse_03 .block_03{
        width: 20% !important;
    }

    .addhouse_box .addhouse_03 .block_04{
        width: 20% !important;
    }

    .addhouse_box .addhouse_04{
        flex-wrap: wrap !important;
    }

    .addhouse_box .addhouse_04 select{
        margin-right: 10px !important;
        margin-bottom: 20px !important;
    }

    .addhouse_box .addhouse_05{
        display: block !important;
    }

    .addhouse_box .addhouse_05 .range{
        margin-left: 0 !important;
        margin-top: 20px !important;
    }

    .addhouse_box .addhouse_06{
        display: block !important;
    }

    .addhouse_box .addhouse_06 .time{
        margin-left: 0 !important;
        margin-top: 20px !important;
    }

    .addhouse_box .addhouse_06 .time input {
        width: 230px !important;
    }

    .addhouse_box .addhouse_btn{
        text-align: center !important;
    }

    .addhouse_box .addhouse_btn a{
        margin-left: 0 !important;
        margin-top: 20px !important;
    }
    
    .main .containers .container-easdd {
        display: block !important;
        /* height: 1255px !important; */
    }

    .main .containers .workadd-area {
        display: block !important;
        height: 945px !important;
    }

    .choose_box{
        width: 100% !important;
        padding: 10px 10px !important;
    }

    .choose_box .choose_title h2{
        font-size: 16px !important;
    }

    .choose_box .choose_con .choose_01 .choose_check{
        flex-wrap: wrap !important;
    }

    .choose_box .choose_con .choose_01 h3{
        width: 155px !important;
    }

    .choose_box .choose_con .choose_02 .im-select{
        display: block !important;
    }

    .choose_box .choose_con .choose_02 .im-select .gf-select{
        float: none !important;
        margin-bottom: 20px !important;
    }

    .choose_box .choose_con .choose_02 h3{
        width: 56px!important;
    }

    .choose_box .choose_con .choose_04{
        display: block !important;
    }

    .choose_box .choose_con .choose_04 .mianji{
        margin-bottom: 20px !important;
    }

    .choose_box .choose_con .choose_04 .gongqi{
        margin-bottom: 20px !important;
    }

    .choose_box .choose_con .choose_05{
        display: block !important;
    }

    .choose_box .choose_con .choose_05 input{
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 10px !important;
    }

    .choose_box .choose_con .choose_btn{
        text-align: center;
    }

    .choose_box .choose_con .choose_btn a{
        margin-left: 0 !important;
    }

    .main .containers .container-work {
        display: block !important;
        height: 1029px !important;
    }

    .apart_box .apart_title{
        padding-top: 10px !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .apart_box .apart_title h2{
        font-size: 16px !important;
    }

    .apart_box .apart_con{
        padding: 10px 10px !important;
    }

    .apart_box .apart_con .apart_01{
        display: block !important;
    }

    .apart_box .apart_con .apart_01 .apart_pic{
        border: none !important;
    }

    .material_box{
        width: 100% !important;
        padding: 10px 0 !important;
    }

    .material_box .material_title h2{
        font-size: 16px !important;
    }

    .material_box .material_con .material_01 .keting_table table tbody tr th{
        font-size: 14px !important;
    }

    .material_box .material_con .material_01 .keting_table table tbody tr th:nth-child(2){
        display: none !important;
    }

    .material_box .material_con .material_01 .keting_table table tbody tr th:nth-child(3){
        display: none !important;
    }

    .material_box .material_con .material_01 .keting_table table tbody tr th:nth-child(6){
        display: none !important;
    }

    .material_box .material_con .material_01 .keting_table table tbody tr th:nth-child(7){
        display: none !important;
    }

    .material_box .material_con .material_01 .keting_table table tbody tr td{
        font-size: 12px !important;
    }

    .material_box .material_con .material_01 .keting_table table tbody tr td:nth-child(2){
        display: none !important;
    }

    .material_box .material_con .material_01 .keting_table table tbody tr td:nth-child(3){
        display: none !important;
    }

    .material_box .material_con .material_01 .keting_table table tbody tr td:nth-child(6){
        display: none !important;
    }

    .material_box .material_con .material_01 .keting_table table tbody tr td:nth-child(7){
        display: none !important;
    }

    .apply_box{
        width: 100% !important;
    }

    .apply_box .apply_title{
        padding: 10px 10px !important;
    }

    .apply_box .apply_title h2{
        font-size: 16px !important;
    }

    .apply_box .apply_con .apply_06 input{
        width: 225px !important;
    }

    .apply_box .apply_con .apply_01 input{
        width: 225px !important;
    }

    .apply_box .apply_con .apply_btn{
        margin-left: 17% !important;
    }

    .suggest_box{
        width: 100% !important;
    }

    .suggest_box .suggest_title{
        padding: 10px !important;
    }

    .suggest_box .suggest_title h2{
        font-size: 16px !important;
    }

    .suggest_box .suggest_con .suggest_03{
        margin-left: 0 !important;
    }

    .detail_box{
        width: 100% !important;
    }

    .detail_box .detail_title{
        padding: 10px !important;
    }

    .detail_box .detail_title h2{
        font-size: 16px !important;
    }

    .detail_box .detail_02{
        padding: 10px !important;
    }

    .detail_box .detail_02 .detail_left .detail_info h3{
        font-size: 16px !important;
    }

    .detail_box .detail_02 .detail_left{
        float: none !important;
        width: 100% !important;
    }

    .detail_box .detail_02 .detail_right{
        float: none !important;
        width: 100% !important;
    }

    .detail_box .detail_02 .detail_left .detail_pro .wuliu{
        margin-bottom: 30px !important;
    }

    .detail_box .detail_02 .detail_right h3{
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }

    .detail_box .detail_03{
        padding: 0 10px !important;
    }

    .detail_box .detail_03 .detail_info{
        padding-bottom: 10px !important;
    }

    .detail_box .detail_03 .detail_info h3{
        font-size: 16px !important;
    }

    .detail_box .detail_03 .detail_txt{
        margin-top: 10px !important;
    }

    .detail_box .detail_03 .detail_txt ul:first-child li{
        float: none !important;
        width: 100% !important;
    }

    .detail_box .detail_03 .detail_txt ul:nth-child(2) li{
        float: none !important;
        width: 100% !important;
    }

    .detail_box .detail_04 table tbody tr th{
        font-size: 14px !important;
        height: 65px !important;
    }

    .detail_box .detail_04 table tbody tr td{
        font-size: 12px !important;
    }

    .progress_box{
        width: 100% !important;
    }

    .progress_box .progress_title{
        padding: 10px !important;
    }

    .progress_box .progress_title h2{
        font-size: 16px !important;
    }

    .progress_box .progress_01 .top{
        padding-left: 10px !important;
        padding-bottom: 20px !important;
    }

    .progress_box .progress_01 .top h3{
        font-size: 16px !important;
    }

    .progress_box .progress_01 .middle{
        padding: 10px !important;
    }

    .progress_box .progress_01 .progress_table table tbody tr th{
        font-size: 14px !important;
    }

    .progress_box .progress_01 .progress_table table tbody tr td{
        font-size: 12px !important;
    }

    .progress_box .progress_02 .top{
        padding-left: 10px !important;
        padding-bottom: 20px !important;
    }

    .progress_box .progress_02 .top h3{
        font-size: 16px !important;
    }

    .progress_box .progress_02 .progress_table table tbody tr th{
        font-size: 14px !important;
    }

    .progress_box .progress_03 .top h3{
        font-size: 16px !important;
    }

    .progress_box .progress_03 .progress_table table tbody tr th{
        font-size: 14px !important;
    }

    .progress_box .progress_03 .progress_table table tbody tr td{
        font-size: 12px !important;
    }

    .progress_box .progress_04 .top{
        padding-left: 10px !important;
        padding-bottom: 20px !important;
    }

    .progress_box .progress_04 .top h3{
        font-size: 16px !important;
    }

    .progress_box .progress_04 .progress_table table tbody tr th{
        font-size: 14px !important;
    }

    .progress_box .progress_04 .progress_table table tbody tr td{
        font-size: 12px !important;
    }

    .offer_box .offer_txt .offer_table table tr th:nth-child(2){
        display: none !important;
    }

    .offer_box .offer_txt .offer_table table tr th:nth-child(3){
        display: none !important;
    }

    .offer_box .offer_txt .offer_table table tr th:nth-child(5){
        display: none !important;
    }

    .offer_box .offer_txt .offer_table table tr td:nth-child(2){
        display: none !important;
    }

    .offer_box .offer_txt .offer_table table tr td:nth-child(3){
        display: none !important;
    }

    .offer_box .offer_txt .offer_table table tr td:nth-child(5){
        display: none !important;
    }
    .offer_box .offer_txt .offer_table table tr td{
        font-size: 12px !important;
        padding: 0 !important;
    }

    .addhouse_box .addhouse_02 input{
        width: 250px !important;
    }

    .addhouse_box .addhouse_02 h3{
        margin-right: 10px !important;
    }

    .workdetail_box{
        width: 100% !important;
        padding: 10px 0 !important;
    }

    .workdetail_box .workdetail_title h2{
        font-size: 16px !important;
    }

    .workdetail_box .workdetail_con .workdetail_01{
        padding: 0 10px !important;
    }

    .workdetail_box .workdetail_con .workdetail_02 h3{
        font-size: 16px !important;
    }

    .workdetail_box .workdetail_con .workdetail_03 table tbody tr td{
        font-size: 12px !important;
    }

    .order_box{
        width: 100% !important;
    }

    .order_box .order_title{
        padding: 10px !important;
    }

    .order_box .order_title h2{
        font-size: 16px !important;
    }

    .order_box .order_01 .order_top{
        padding: 0 10px !important;
    }

    .order_box .order_01 .order_info{
        padding-bottom: 10px !important;
    }

    .order_box .order_01 .order_info h3{
        font-size: 16px !important;
    }

    .order_box .order_01 .order_txt ul{
        display: block !important;
        margin-top: 10px !important;
    }

    .order_box .order_03 .order_table table tr th{
        font-size: 14px !important;
    }

    .order_box .order_03 .order_table table tr td{
        font-size: 12px !important;
    }

    .order_box .order_btn{
        text-align: center !important;
    }

    .order_box .order_btn a{
        margin-left: 0 !important;
    }

    /* 支付 */
    .payment{
        margin-top: 60px !important;
    }

    .payment_details_box .icon_right img{
        display: none !important;
    }

    .payment_details_box {
        padding-left: 0 !important;
        padding: 20px !important;
       
    }

    .payment_details_box_tjcg h2{
        font-size: 16px !important;
    }

    .payment_details_box1{
        margin-top: 20px !important;
        padding: 20px !important;
    }

    .payment_details_box1 .bt{
        font-size: 16px !important;
    }

    .payment_details_box1 ul li{
        float: none !important;
        margin-bottom: 10px !important;
    }


    /* 找装修 */
    .main.decoration .section1 .sec-top .sec-t{
        font-size: 22px !important;
        padding-top: 40px !important;
        margin-bottom: 0 !important;
    }

    .main.decoration .section1 .material-area .area-top .nav-up .search p{
        padding: 0 20px !important;
    }

    .main.decoration .section1 .material-area .area-top .nav-up .up-r{
        padding: 0 10px !important;
    }

    .main.decoration .section1 .material-area .area-top .nav-up .search{
        margin-right: 10px !important;
    }

    .main.decoration .section1 .material-area .area-top .nav-up .search input{
        width: 180px !important;
    }

    .main.decoration .section1 .material-area .area-top .nav-down .navs .navitem1{
        display: none !important;
    }

    .main.decoration .section1 .material-area .area-top .nav-down .navs .navitem3{
        display: none !important;
    }

    .main.decoration .section1 .material-area .area-top .nav-down .navs .navitem4{
        display: none !important;
    }

    .main.decoration .section1 .material-area .area-top .nav-down .navs{
        padding: 10px !important;
    }

    .main.decoration .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s li{
        font-size: 12px !important;
    }

    .main.decoration .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s{
        padding-left: 20px !important;
    }

    .main.decorationSite .section1 .brand-top .brand-i{
        font-size: 18px !important;
        height: 46px !important;
        line-height: 46px !important;
        padding: 0 20px !important;
    }

    .main.decoration .section1 .material-area .area-bottom{
        display: block !important;
    }

    .main.decoration .section1 .material-area .area-bottom .item{
        width: 100% !important;
    }

    .main.decorationSite .section1 .brand-top .brand-info{
        display: block !important;
    }

    .main.decorationSite .section1 .brand-top .brand-info .info-carousel{
        width: 100% !important;
    }

    .main.decorationSite .section1 .brand-top .brand-info .item-text{
        width: 100% !important;
        padding: 0 !important;
        padding-top: 20px !important;
        background-color: #fff !important;
    }

    .main.decorationSite .section1 .sec2{
        margin-top: 370px !important;
    }

    .main.decorationSite .section1 .sec2 .manufacturer-info{
        display: block !important;
    }

    .main.decorationSite .section1 .sec2 .manufacturer-info .info-l{
        width: 100% !important;
        padding: 20px 20px !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        height: 100% !important;
        min-height: auto !important;
    }

    .main.decorationSite .section1 .sec2 .manufacturer-info .info-l .info-i{
        width: 35% !important;
    }

    .main.decorationSite .section1 .sec2 .manufacturer-info .info-l .info-i p{
        font-size: 14px !important;
    }

    .main.decorationSite .section1 .sec2 .manufacturer-info .info-l .info-i p::before{
        top: 0 !important;
    }

    .main.decorationSite .section1 .sec2 .manufacturer-info .info-r{
        padding-left: 0 !important;
        margin-left: 0 !important;
        padding: 20px 20px !important;
        padding-top: 0 !important;
    }

    .main.decorationSite .section1 .sec2 .manufacturer-info .info-r p{
        font-size: 12px !important;
    }

    .main.decorationSite .section1 .designer-area .case-top{
        padding: 0 20px !important;
    }

    .main.decorationSite .section1 .designer-area .case-item{
        padding: 20px 20px !important;
        display: block !important;
    }

    .main.decorationSite .section1 .designer-area .case-item .item{
        width: 100% !important;
    }

    .main.decorationSite .section1 .case-area .case-top{
        padding: 0 20px !important;
    }

    .main.decorationSite .section1 .case-area .case-item{
        padding: 20px 20px !important;
        display: block !important;
    }

    .main.decorationSite .section1 .case-area .case-item .item{
        width: 100% !important;
    }

    .main.decorationSite .section1 .comment .comment-list .item:nth-child(odd) .item-r p{
        padding: 10px 10px !important;
        font-size: 12px !important;
    }

    .main.decorationSite .section1 .comment .comment-list .item:nth-child(odd) .item-r p, .main.decorationSite .section1 .comment .comment-list .item:nth-child(odd) .item-r span{
        line-height: 25px !important;
    }

    .main.decorationSite .section1 .comment .comment-list .item:nth-child(even) .item-r p{
        padding: 10px 10px !important;
        font-size: 12px !important;
    }

    .main.decorationSite .section1 .comment .comment-list .item:nth-child(even) .item-r p, .main.decorationSite .section1 .comment .comment-list .item:nth-child(even) .item-r span{
        line-height: 25px !important;
    }

    .main.decorationSite .section1 .comment .comment-list .item:nth-child(odd){
        margin-bottom: 20px !important;
    }

    .main.decorationSite .section1 .comment .comment-list .item:nth-child(even){
        margin-bottom: 20px !important;
    }

    .main.designers .section1 .designer-item .item{
        padding: 20px 20px !important;
        padding-bottom: 60px !important;
    }

    .main.designers .section1 .designer-item .item .item-info{
        display: block !important;
    }

    .main.designers .section1 .designer-item .item .item-info .info-l{
        width: 100% !important;
        display: block !important;
    }

    .main.designers .section1 .designer-item .item .item-info .info-l img{
        width: 100% !important;
    }

    .main.designers .section1 .designer-item .item .item-info .info-l .i-designer{
        padding-left: 0 !important;
        width: 100% !important;
        padding: 20px 0 !important;
    }

    .main.designers .section1 .designer-item .item .item-info .info-r{
        width: 100% !important;
        padding: 0 !important;
    }

    .main.designers .section1 .sec-top .btn{
        font-size: 14px !important;
    }

    .main.designerSite .section1 .brand-top .brand-info{
        display: block !important;
        padding-left: 15px !important;
        padding-top: 60px !important;
        padding-right: 15px !important;
    }

    .main.designerSite .section1 .brand-top .brand-info .info-logo{
        width: 100% !important;
        height: 100% !important;
    }

    .main.designerSite .section1 .brand-top .brand-info .info-logo .img-center{
        position: static !important;
        transform: none !important;
    }

    .main.designerSite .section1 .brand-top .brand-info .info-item{
        padding-left: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 20px !important;
    }

    .main.designerSite .section1 .case-area .case-top{
        padding: 0 20px !important;
    }

    .main.designerSite .section1 .case-area .case-item{
        padding: 20px !important;
        display: block !important;
    }

    .main.designerSite .section1 .case-area .case-item .item{
        width: 100% !important;
        margin-bottom: 0 !important;
    }

    /* 首页 */
    .main.home .section .sec-top{
        padding-top: 0 !important;
    }

    .main.home .section2 .sec-area .sec-item{
        flex-wrap: wrap !important;
    }

    .main.home .section2 .sec-area .sec-item .item{
        width: 50% !important;
    }

    .main.home .section2 .sec-area{
        padding-top: 20px !important;
        padding-bottom: 0 !important;
    }

    .main.home .section .sec-top .top-t{
        font-size: 24px !important;
    }

    .main .section3{
        display: none !important;
    }

    .main.home .section4 .sec-area{
        padding-top: 20px !important;
        padding-bottom: 0 !important;
    }

    .main.home .section4 .sec-area .sec-item{
        flex-wrap: wrap !important;
    }

    .main.home .section4 .sec-area .sec-item .item{
        width: 95px !important  ;
    }

    .main.home .section5 .sec-area{
        padding-top: 40px !important;
        padding-bottom: 0 !important;
    }

    .main.home .section5 .sec-area .area-top{
        height: 235px !important;
    }

    .main.home .section5 .sec-area .area-bottom{
        padding: 0 20px !important;
        height: 175px !important;
    }

    .main.home .section5 .sec-area .area-bottom .materials-container .swiper-wrapper .swiper-slide .slide-img{
        height: 65px !important;
    }

    .main.home .section6 .sec-area{
        padding-top: 40px !important;
        padding-bottom: 0 !important;
    }

    .main.home .section6 .sec-area .area-top{
        display: block !important;
    }

    .main.home .section6 .sec-area .area-top .item{
        width: 100% !important;
        margin-bottom: 290px !important;
        height: 255px !important;
    }

    .main.home .section6 .sec-area .area-top .item .item-padding{
        display: block !important;
    }

    .main.home .section6 .sec-area .area-top .item .item-padding .item-img{
        width: 100% !important;
    }

    .main.home .section6 .sec-area .area-top .item .item-padding .item-text{
        width: 100% !important;
    }

    .main.home .section6 .sec-area .area-top .item .item-padding .item-text{
        padding: 20px !important;
    }

    .main.home .section6 .sec-area .area-top .item .item-padding .item-text .i{
        margin-bottom: 10px !important;
    }

    .main.home .section6 .sec-area .area-bottom{
        display: block !important;
    }

    .main.home .section6 .sec-area .area-bottom .item{
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .main.home .section7 .sec-area .area-top{
        display: block !important;
    }

    .main.home .section7 .sec-area .area-top .design-container{
        width: 100% !important;
        height: 280px !important;
    }

    .main.home .section7 .sec-area .area-top .designs-container{
        width: 100% !important;
        height: 425px !important;
    }

    .main.home .section7 .sec-area .area-top .designs-container .swiper-wrapper .swiper-slide .slide-area{
        padding: 10px !important;
    }

    .main.home .section7 .sec-area .area-top .designs-container .swiper-wrapper .swiper-slide .slide-area .item1{
        margin-bottom: 20px !important;
    }

    .main.home .section7 .sec-area .area-bottom .designer{
        padding: 0 !important;
    }

    .main.home .section7 .sec-area .area-bottom{
        display: none !important;
    }

    .main.home .section7 .sec-area {
        padding: 40px 0 !important;
    }

    /* .main.home .section8{
        display: none !important;
    } */

    .main.home .section8 .sec-area{
        padding: 40px 0 !important;
    }

    .main.home .section8 .sec-area .area-top{
        display: block !important;
    }

    .main.home .section8 .sec-area .area-top .workmate-container{
        width: 100% !important;
        height: 320px !important;
    }

    .main.home .section8 .sec-area .area-top .workmate{
        width: 100% !important;
        position: static !important;
        /* margin-top: 50px !important; */
    }

    .main.home .section8 .sec-area .area-top .workmate-container .swiper-wrapper .swiper-slide .slide-img .img-center{
        position: static !important;
        transform: none !important;
    }

    .main.home .section8 .sec-area .area-top .workmate-container .swiper-wrapper .swiper-slide a{
        display: block !important;
    }

    .main.home .section8 .sec-area .area-top .workmate-container .swiper-wrapper .swiper-slide .slide-text{
        padding: 0 !important;
        margin-top: 20px !important;
    }

    .main.home .section8 .sec-area .area-top .workmate-container .swiper-wrapper .swiper-slide .slide-img{
        width: 100% !important;
        height: 210px !important;
    }

    .main.home .section9 .sec-area .area-top li{
        margin: 0 10px !important;
        font-size: 14px !important;
        padding-bottom: 20px !important;
    }

    .main.home .section9 .sec-area{
        padding-top: 40px !important;
    }

    .main.home .section9 .sec-area .area-bottom .news-item .news_b{
        display: block !important;
    }

    .main.home .section9 .sec-area .area-bottom .b-l{
        width: 100% !important;
        padding: 0 !important;
    }

    .main.home .section9 .sec-area .area-bottom .b-l .item .mask {
        font-size: 14px !important;
    }

    .main.home .section9 .sec-area .area-bottom .b-r{
        width: 100% !important;
    }

    .main.home .section2 .sec-area .area-bg{
        display: none !important;
    }

    .main.home .section4 .line{
        display: none !important;
    }

    .footer .f-info .info-l .f-text{
        display: none !important;
    }

    .footer .f-info .info-l .fhone-text{
        display: block !important;
    }



    /* 选工友 */
    .main.workmate .section1 .sec-top .sec-t{
        font-size: 22px !important;
        padding-top: 40px !important;
        margin-bottom: 0 !important;
    }

    .main.workmate .section1 .material-area .area-top .nav-up .up-r{
        display: none !important;
    }

    .main.workmate .section1 .material-area .area-top .nav-down .navs{
        display: none !important;
    }

    .main.workmate .section1 .material-area .area-top .nav-up .search p{
        padding: 0 30px !important;
    }

    .main.workmate .section1 .material-area .area-top .nav-up .search{
        padding-right: 10px  !important;
    }

    .main.workmate .section1 .material-area .area-top .nav-up .search input {
        width: 235px !important;
    }

    .main.workmate .section1 .material-area .area-list{
        display: block !important;
    }

    .main.workmate .section1 .material-area .area-list .item{
        width: 100% !important;
        margin-bottom: 340px !important;
    }

    .main.workmate .section1 .material-area .area-list .item .item-padding{
        display: block !important;
    }

    .main.workmate .section1 .material-area .area-list .item .item-padding .item-img{
        width: 100% !important;
    }

    .main.workmate .section1 .material-area .area-list .item .item-padding .item-t{
        width: 100% !important;
    }

    .main.workmate .section1 .material-area .area-list .item .item-padding .item-t{
        background-color: #fff !important;
    }

    .main.workmateSite .section1 .brand-top .brand-info{
        display: block !important;
        padding: 20px 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .main.workmateSite .section1 .brand-top .brand-info .info-logo{
        width: 100% !important;
    }

    .main.workmateSite .section1 .brand-top .brand-info .info-item{
        padding-left: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 20px !important;
    }

    /* 看攻略 */
    .main.staregy .section1 .sec-top .sec-t{
        font-size: 22px !important;
        padding-top: 40px !important;
        margin-bottom: 0 !important;
    }
    .main.staregy .section1 .sec-top .path{
        padding: 20px 0 !important;
    }

    .main.staregy .section1 .staregy-area .sec1 .workmate-container {
        height: 448px !important;
    }

    .main.staregy .section1 .staregy-area .sec1 .workmates .workmates-container .swiper-wrapper .swiper-slide .item{
        height: 75px !important;
    }

    .main.staregy .section1 .staregy-area .sec1 .workmates .workmates-container .swiper-wrapper .swiper-slide .item p{
        font-size: 16px !important;
    }

    .main.staregy .section1 .staregy-area .sec2 .secs-top{
        padding: 20px 20px !important;
    }

    .main.staregy .section1 .staregy-area .sec2 .sec-area{
        display: block !important;
        margin-bottom: 20px !important;
        padding-bottom: 20px !important;
    }

    .main.staregy .section1 .staregy-area .sec2 .sec-area .area-l{
        width: 100% !important;
        padding: 0 15px 0 15px !important;
    }

    .main.staregy .section1 .staregy-area .sec2 .sec-area .area-r{
        width: 100% !important;
    }

    .main.staregy .section1 .staregy-area .sec2 .sec-area .area-l .l-img .l-t{
        font-size: 14px !important;
    }

    .main.staregy .section1 .staregy-area .sec2 .sec-area .area-r .item .i-t{
        font-size: 12px !important;
    }

    .main.staregy .section1 .staregy-area .sec2 .sec-area .area-r .item .i-t{
        font-size: 12px !important;
    }

    .main.staregy .section1 .staregy-area .secs{
        display: block !important;
    }

    .main.staregy .section1 .staregy-area .secs .secs1{
        width: 100% !important;
        padding: 20px !important;
    }

    .main.staregy .section1 .staregy-area .secs .secs-r{
        width: 100% !important;
        padding-left: 0 !important;
        margin-top: 20px !important;
    }

    .main.staregy .section1 .staregy-area .secs .secs1 .sec-area .area-l .l-t{
        font-size: 14px !important;
    }

    .main.staregy .section1 .staregy-area .secs .secs1 .sec-area .area-r .item .i-time{
        font-size: 12px !important;
    }

    .main.staregy .section1 .staregy-area .secs .secs1 .sec-area .area-r .item .i-t{
        font-size: 12px !important;
    }

    .main.staregy .section1 .staregy-area .secs .secs-r .secs2 .sec-area .area-r .item .i-t{
        font-size: 12px !important;
    }

    .main.staregy .section1 .staregy-area .secs .secs-r .secs2 .sec-area .area-r .item .i-time{
        font-size: 12px !important;
    }

    .main.staregy .section1 .staregy-area .sec2 .secs-top .sec-t{
        font-size: 20px !important;
    }

    .main.staregy .section1 .staregy-area .secs .secs1 .secs-top .sec-t{
        font-size: 20px !important;
    }

    .main.staregy .section1 .staregy-area .secs .secs-r .secs2{
        padding: 20px !important;
        margin-bottom:20px !important;
    }

    .main.staregy .section1 .staregy-area .secs .secs-r .secs2 .secs-top .sec-t{
        font-size: 20px !important;
    }

    .main.staregy .section1 .staregy-area .secs .secs-r .secs3 .secs-top .sec-t{
        font-size: 20px !important;
    }

    .main.staregyDetail .section1 .staregys-area .staregys-r{
        display: none !important;
    }

    .main.staregyDetail .section1 .staregys-area .staregys-l{
        margin-right: 0 !important;
        padding-right: 0 !important;
    }

    .main.staregyDetail .section1 .sec-top .sec-t p{
        font-size: 20px !important;
    }

    .main.staregyDetail .section1 .sec-top .path{
        padding: 20px 0 !important;
    }

    .main.staregyDetail .section1 .staregys-area .staregys-l .detail .edit-area{
        padding: 20px !important;
    }
    
    .main.staregyDetail .section1 .staregys-area .staregys-l .detail .i-end{
        padding: 20px 0 !important;
    }

    .main.staregyDetail .section1 .staregys-area .staregys-l .page-handle{
        display: block !important;
    }

    .main.staregyDetail .section1 .staregys-area .staregys-l .page-handle .item{
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .main.staregyDetail .section1 .staregys-area .staregys-l .page-handle .item p{
        width: 80px !important;
    }

    .complaint_box .complaint_txt .nr{
        padding-right: 0px !important;
    }

    .main.staregys .section1 .sec-top .sec-t{
        font-size: 22px !important;
        padding-top: 40px !important;
        margin-bottom: 0 !important;
    }

    .main.staregys .section1 .sec-top .path{
        padding: 20px 0 !important;
    }

    .main.staregys .section1 .staregys-area .staregys-l{
        width: 95px !important;
    }

    .main.staregys .section1 .staregys-area .staregys-l .nav-f li .item p{
        font-size: 16px !important;
    }

    .main.staregys .section1 .staregys-area .staregys-l .nav-f li .active{
        height: 75px !important;
    }

    .main.staregys .section1 .staregys-area .staregys-l .nav-f li .nav-s{
        padding: 10px 0 !important;
    }

    .main.staregys .section1 .staregys-area .staregys-l .nav-f li .nav-s li{
        height: 35px !important;
        line-height: 35px !important;
    }

    .main.staregys .section1 .staregys-area .staregys-l .nav-f li .nav-s li p{
        font-size: 12px !important;
    }

    .main.staregys .section1 .staregys-area .staregys-r{
        padding-left: 110px !important;
    }

    .main.staregys .section1 .staregys-area .staregys-r .staregys-list .item{
        padding: 10px !important;
    }

    .main.staregys .section1 .staregys-area .staregys-r .staregys-list .item a{
        display: block !important;
    }

    .main.staregys .section1 .staregys-area .staregys-r .staregys-list .item .item-l{
        padding-right: 0 !important;
    }

    .main.staregys .section1 .staregys-area .staregys-r .staregys-list .item .item-l .i-t{
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }

    .main.staregys .section1 .staregys-area .staregys-r .staregys-list .item .item-l .i-time{
        font-size: 12px !important;
    }

    .main.staregys .section1 .staregys-area .staregys-r .staregys-list .item .item-img{
        width: 100% !important;
        margin-top: 10px !important;
    }


    
    /* material */
    .ucompany .r-padding .r-company{
        padding: 0 10px !important;
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
    }

    .ucompany .r-padding .r-company .item .i-top{
        padding: 10px 0 10px 0 !important;
    }

    .ucompany .r-padding .r-company .item .i-top p{
        font-size: 16px !important;
    }

    .ucompany .r-padding .case-area .pro-top{
        padding: 10px 10px !important;
    }

    .ucompany .r-padding .case-area .pro-top p{
        font-size: 16px !important;
    }

    .ucompany .r-padding .case-area .pro-top .add{
        font-size: 14px !important;
    }

    .ucompany .r-padding .r-company .item .i-t{
        display: block !important;
    }

    .ucompany .r-padding .r-company .item .i-t .im{
        width: 100% !important;
    }

    .case-popup{
        width: 365px !important;
    }

    .udistribution .r-padding .r-top{
        padding: 10px 10px !important;
    }

    .udistribution .r-padding .r-top p{
        font-size: 16px !important;
    }

    .udistribution .r-padding .r-top .add{
        font-size: 14px !important;
    }

    .udistribution .r-padding .website .website-item{
        padding-top: 20px !important;
        display: block !important;
    }

    .udistribution .r-padding .website .website-item .item{
        width: 100% !important;
        height: 168px !important;
    }

    .udistribution .r-padding .website{
        padding: 10px !important;
        padding-top: 0 !important;

    }

    .udistribution .r-padding .website .website-item .item .item-padding .item-text{
        padding: 0 10px !important;
    }

    .main .containers .material-area {
        display: block !important;
        height: 1029px !important;
    }

    .website-popup {
        width: 356px !important;
        margin-top: 150px !important;
    }

    .uoffer .r-padding .r-top{
        padding: 10px 10px !important;
    }

    .uoffer .r-padding .r-top p{
        font-size: 16px !important;
    }

    .uoffer .r-padding .r-top .add{
        font-size: 14px !important;
    }

    .uoffer .r-padding .brand-list .list-top{
        padding: 0 !important;
        height: 65px !important;
    }

    .uoffer .r-padding .brand-list .list-top .i-top li{
        font-size: 14px !important;
    }

    .uoffer .r-padding .brand-list .list-top .i-top .i1{
        display: none !important;
    }

    .uoffer .r-padding .brand-list .list-top .i-top .i4{
        display: none !important;
    }

    .uoffer .r-padding .brand-list .list-top .i-top .i5{
        display: none !important;
    }

    .uoffer .r-padding .brand-list .list-top .i-top .i6{
        display: none !important;
    }

    .uoffer .r-padding .brand-list .list-top .i-top .i8{
        display: none !important;
    }

    .uoffer .r-padding .brand-list .list-top .i-top .i9{
        display: none !important;
    }

    .uoffer .r-padding .brand-list .list-top .i-top .i11{
        display: none !important;
    }

    .uoffer .r-padding .brand-list .list-item .item .item-padding .i1{
        display: none !important;
    }

    .uoffer .r-padding .brand-list .list-item .item .item-padding .i4{
        display: none !important;
    }

    .uoffer .r-padding .brand-list .list-item .item .item-padding .i5{
        display: none !important;
    }

    .uoffer .r-padding .brand-list .list-item .item .item-padding .i6{
        display: none !important;
    }

    .uoffer .r-padding .brand-list .list-item .item .item-padding .i8{
        display: none !important;
    }

    .uoffer .r-padding .brand-list .list-item .item .item-padding .i9{
        display: none !important;
    }

    .uoffer .r-padding .brand-list .list-item .item .item-padding .i11{
        display: none !important;
    }

    .uoffer .r-padding .brand-list .list-top .i-top .width12{
        width: 20% !important;
    }

    .uoffer .r-padding .brand-list .list-top .i-top .width6{
        width: 20% !important;
    }

    .uoffer .r-padding .brand-list .list-item .item .item-padding .width6{
        width: 20% !important;
    }

    .offer-popup{
        width: 365px !important;
        margin-top: 60px !important;
    }

    .offer-popup .website-area{
        padding: 10px 10px !important;
    }

    .offer-popup .website-area .item{
        display: block !important;
    }

    .offer-popup .website-top{
        padding: 10px !important;
    }

    /* workcenter */
    .uworkmate .r-padding .r-company{
        padding: 0 10px !important;
        margin-bottom: 20px !important;
        padding-bottom: 20px !important;
    }

    .uworkmate .r-padding .r-company .item .i-t{
        display: block !important;
    }

    .uworkmate .r-padding .r-company .item .i-top{
        padding: 10px 0 10px 0 !important;
    }

    .uworkmate .r-padding .r-company .item .i-top p{
        font-size: 16px !important;
    }

    .uworkmate .r-padding .r-company .item .i-t .im{
        width: 100% !important;
    }

    .uworkmate .r-padding .certificate-area{
        padding: 0 10px !important;
        margin-bottom: 20px !important;
    }

    .uworkmate .r-padding .certificate-area .pro-top p{
        font-size: 16px !important;
    }

    .uworkmate .r-padding .certificate-area .pro-top .add{
        font-size: 14px !important;
    }

    .uworkmate .r-padding .certificate-area .pro-top{
        padding: 10px 0 10px 0 !important;
    }

    .uworkmate .r-padding .certificate-area .case-item{
        padding: 20px 0 20px 0 !important;
        display: block !important;
    }

    .uworkmate .r-padding .certificate-area .case-item .item{
        width: 100% !important;
    }

    .certificate-popup{
        width: 365px !important;
    }

    .umodify .modify_box .modify_con .im11 .im-select{
        display: block !important;
    }

    .umodify .modify_box .modify_con .im11 .im-select .gf-select{
        float: none !important;
        margin-bottom: 10px !important;
    }

    .modify_box .modify_con .modify_02 .modift_uname input{
        width: 180px !important;
    }

    .main .containers .workcenter-area {
        display: block !important;
        height: 1190px !important;
    }

    .uorder .r-padding .case-area .pro-top{
        padding: 10px !important;
    }

    .uorder .r-padding .case-area .pro-top p{
        font-size: 16px !important;
    }

    .uorder .r-padding .case-area .brand-list .list-top{
        padding: 0 !important;
        height: 65px !important;
    }

    .uorder .r-padding .case-area .brand-list .list-top .i-top li{
        font-size: 14px !important;
    }

    .uorder .r-padding .case-area .brand-list .list-top .i-top .i4{
        display: none !important;
        
    }

    .uorder .r-padding .case-area .brand-list .list-top .i-top .i6{
        display: none !important;
        
    }

    .uorder .r-padding .case-area .brand-list .list-top .i-top .i7{
        display: none !important;
        
    }

    .uorder .r-padding .case-area .brand-list .list-top .i-top .width14{
        width: 25% !important;
    }

    .uorder .r-padding .case-area .brand-list .list-top .i-top .width12{
        width: 20% !important;
    }

    .uorder .r-padding .case-area .brand-list .list-top .i-top .width8{
        width: 15% !important;
    }

    .layui-layer{
        width: 365px !important;
    }

    /* 装饰公司 company */

    .ucompany .r-padding .r-company .item2 .i-top p{
        font-size: 14px !important;
    }

    .ucompany .r-padding .r-company .item3 .i-top p{
        font-size: 14px !important;
    }

    .upromotion .r-padding .r-case .pro-top{
        padding: 10px !important;
    }

    .upromotion .r-padding .r-case .pro-top p{
        font-size: 16px !important;
    }

    .upromotion .r-padding .r-case .promotion-area{
        padding: 10px !important;
    }

    .subs{
        font-size: 20px !important;
        width: 155px !important;
        height: 54px !important;
        line-height: 54px !important;
    }

    .modify_box .modify_con .modify_04 input{
        width: 530px !important;
    }

    .modify_box .modify_con .modify_09{
        margin-top: 40px !important;
    }

    .main .containers .company-doedit {
        display: block !important;
        height: 1040px !important;
    }

    .ucompany .r-padding .designer-area .case-top{
        padding: 0 10px !important;
        height: 65px !important;
    }

    .ucompany .r-padding .designer-area .case-top .top-t{
        font-size: 16px !important;
    }

    .ucompany .r-padding .designer-area .case-top .add{
        font-size: 14px !important;
    }

    .ucompany .r-padding .case-area .case-top{
        padding: 0 10px !important;
        height: 65px !important;
    }

    .ucompany .r-padding .case-area .case-top .top-t{
        font-size: 16px !important;
    }

    .uaddCase .case-top{
        padding: 0 10px !important;
        height: 65px !important;
    }

    .uaddCase .case-top .top-t{
        font-size: 16px !important;
    }

    .uaddCase .case-item{
        padding: 15px !important;
        margin: 0 !important;
    }

    .uaddCase .case-item .item1 .item-pic .item-text{
        width: 245px !important;
    }

    .uaddCase .case-item .item3 .im-area .im-pic .im-text{
        height: 45px !important;
    }

    .uaddCase .case-item .item2{
        display: block !important;
    }

    .uaddCase .case-item .item4{
        display: block !important;
    }

    .uaddCase .case-item .item4 .im{
        width: 100% !important;
    }

    .uaddCase .case-item .item4 .im .gf-select span{
        width: 116px !important;
    }

    .main .containers .company-anliadd {
        display: block !important;
        height: 1355px !important;
    }

    .uoffer .r-padding .r-case .pro-top{
        padding: 10px !important;
    }

    .uoffer .r-padding .r-case .pro-top p{
        font-size: 16px !important;
    }

    .uoffer .r-padding .r-case .offer-nav p{
        font-size: 14px !important;
        margin: 0 10px !important;
    }

    .uoffer .r-padding .brand-list .list-top .i-top .width10{
        width: 25% !important;
    }

    .uprocess .r-padding .r-case .pro-top{
        padding: 10px !important;
    }

    .uprocess .r-padding .r-case .offer-nav p{
        font-size: 14px !important;
        height: 65px !important;
        margin: 0 10px !important;
    }

    .uprocess .r-padding .r-case .pro-top p{
        font-size: 16px !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-top{
        padding: 0 10px !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-top .i-top li{
        font-size: 14px !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-top .i-top .i2{
        display: none !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-top .i-top .i3{
        display: none !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-top .i-top .i4{
        display: none !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-top .i-top .i5{
        display: none !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-top .i-top .i6{
        display: none !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-top .i-top .i7{
        display: none !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-item .item .item-padding .i2{
        display: none !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-item .item .item-padding .i3{
        display: none !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-item .item .item-padding .i4{
        display: none !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-item .item .item-padding .i5{
        display: none !important;
    }

    .uoffer .r-padding .r-case .brand-list .list-item .item .item-padding .i2{
        display: none !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-item .item .item-padding .i6{
        display: none !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-item .item .item-padding .i7{
        display: none !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-item .item .item-padding .width10{
        width: 25% !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-item .item .item-padding .width12{
        width: 25% !important;
    }

    .uoffer .r-padding .r-case .brand-list .list-item .item .item-padding .i3{
        display: none !important;
    }

    .uoffer .r-padding .r-case .brand-list .list-item .item .item-padding .i4{
        display: none !important;
    }

    .uoffer .r-padding .r-case .brand-list .list-item .item .item-padding .i5{
        display: none !important;
    }

    .uoffer .r-padding .r-case .brand-list .list-item .item .item-padding .i6{
        display: none !important;
    }

    .uoffer .r-padding .r-case .brand-list .list-item .item .item-padding .i7{
        display: none !important;
    }

    .uoffer .r-padding .r-case .brand-list .list-item .item .item-padding .width10{
        width: 25% !important;
    }

    .uoffer .r-padding .r-case .brand-list .list-item .item .item-padding .width12{
        width: 25% !important;
    }

    .uoffer .r-padding .r-case .brand-list .list-item .item .item-padding .conpany1{
        display: block !important;
    }

    .uoffer .r-padding .r-case .brand-list .list-item .item .item-padding .conpany3{
        display: block !important;
        width: 25% !important;
    }

    .uoffer .r-padding .r-case .brand-list .list-item .item .item-padding .conpany7{
        display: block !important;
        width: 25% !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-top .i-top .width12{
        width: 25% !important;
    }

    .uprocess .r-padding .r-case .brand-list .list-top .i-top .width10{
        width: 25% !important;
    }

    .ucompany .r-padding .designer-area .case-item{
        display: block !important;
        padding: 10px !important;
    }

    .ucompany .r-padding .designer-area .case-item .item{
        width: 100% !important;
    }

    .designer-popup{
        width: 365px !important;
    }

    .designer-popup .website-area .item{
        width: 100% !important;
    }

    .ucompany .r-padding .case-area .case-item{
        display: block !important;
        padding: 10px !important;
    }

    .ucompany .r-padding .case-area .case-item .item{
        width: 100% !important;
    }

    .progress_box .progress_01 .middle .middle_left .img img{
        display: none !important;
    }

    .progress_box .progress_02 .progress_table table tbody tr td{
        font-size: 12px !important;
    }

    .progress_box .progress_01 .middle .middle_left .middle_wz{
        margin-left: 0 !important;
    }

   


    

    



   


}