*{margin:0px;padding:0px; }
ul li{ list-style:none}
a{ text-decoration:none}
a img{border:0px;}
a img{ margin:0px; padding:0px}
img{vertical-align:top;}
a{ color:Black}
body{margin:0px;padding:0px; vertical-align:top;text-decoration: none;font-size:14px;  background: #F2F5F9; }
.likebody{width:1440px;	margin:0 auto;	text-align:left;}
.clear{ clear:both; font-size:0px; line-height:0px; }
.cblue{ color: #7140FE;}
.ml_20{ margin-left: 20px;}
.pager{ text-align: right;}

.mycheckbox input{ display: none;}
.mycheckbox label{display: flex;align-items: center;justify-content: left;user-select: none;}
.mycheckbox label i{ margin-top: 3px; margin-right: 5px; }
.mycheckbox label i::before{font-family: "iconfont" !important;	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;	color:#7140FE ;	font-size: 24px;font-style: normal;	font-weight: normal;content: "\e600";}
.mycheckbox input:checked + label i::before{content: "\e601";}

.myradiobox input{ display: none;}
.myradiobox label{display: flex;align-items: center;justify-content: left;user-select: none;}
.myradiobox label i{ margin-top: 3px; margin-right: 5px; }
.myradiobox label i::before{font-family: "iconfont" !important;	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;	color:#7140FE ;	font-size: 24px;font-style: normal;	font-weight: normal;content: "\e602";}
.myradiobox input:checked + label i::before{content: "\e603";}

.myselect{ border:none; outline:none; font-size: 16px; height: 40px; padding-left: 10px; padding-right: 10px; min-width: 100px; border: 1px solid #00000011; border-radius: 4px; }
.myselect option{ padding-top: 5px; padding-bottom: 5px;}

/* 登录界面开始 */
.loginheader{ height: 174px; background: #fff;   display: flex;  justify-content: center;  align-items: center;}
.loginheaderContent{ height: 88px; width:1440px ; margin: 0 auto;   }
.logoEle{ width: 348px; display: flex;  justify-content: center; align-items: center; }
.logoImg{ padding-right: 16px;}
.logoImg img{ height: 46px;}
.logoRight{ border-left:1px solid #7140FE; height: 88px; display: flex; align-items: center;  justify-content: center; flex-direction:column; padding-left: 16px; }
.logoRight .text1{ color: #7140FE; font-size: 18px;}
.logoRight .text2{ color: #7140FE; font-size: 16px;}
.schElement{ display: flex; margin-left: 52px;}
.schborder{ height: 48px; display: flex; }
.schcontent{ border: 1px solid #7140FE; border-radius: 6px; padding-left: 16px; display: flex;justify-content: center; align-items: center; }
.schkeys{ display: flex; color: #EB6402; padding-top: 13px;}
.schTypeSimp{width: 78px; height: 32px;  background: url(../img/schtype.png) no-repeat 62px 14px; line-height: 32px; color: #7140FE; font-size: 16px; position:relative}
.schTypeSimp:hover .headerschoptions{ display:block; cursor:pointer }
.schTypeSimp.hid:hover .headerschoptions{ display:none }
.schinput{ height: 24px; width: 590px; border-left:1px solid #7140FE;}
.schinput input{ width: 550px; padding-left: 5px; font-size: 16px;  height: 24px; border: none; outline: none; color: #333;}
.keyitem{ margin-left: 15px;}
.schinput input::placeholder{ background: url(../img/schbut.png) no-repeat 5px 3px ; padding-left: 30px; background-size: 18px;}
.schbut{ border: none; height:100% ; width: 80px; text-align: center;  font-size: 16px; background-color: #fff; color: #7140FE; }
.schbut.action{ background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%); color: #fff;}
.shopCartBut{ cursor: pointer; border-radius: 4px; color: #fff; width: 156px; height: 48px; font-size: 16px; background: url(../img/shopcertinc.png) no-repeat 16px 13px #7140FE; padding-left: 14px; text-align: center; line-height: 48px; margin-left: 16px;}
.logincent{ height: 775px; background: url(../img/loginformbimg.jpg) no-repeat center; margin-top: 24px;}
.loginbot{ text-align: center; padding-top: 20px; padding-bottom: 20px;}
.loginbot .loginbot_item{ color: #828490; line-height: 30px;}
.logincent_content{ width: 1440px; margin: 0 auto; height: 100% ; position: relative;}
.loginEle{ width: 400px; height: 430px; background: #fff; position: absolute; top: 170px; right: 0px; border-radius: 8px; overflow: hidden; }
.loginEle_header{ display: flex; border-bottom: 1px solid #00000010;}
.loginEle_header .header_item{ height:77px; text-align: center; width: 200px; line-height: 77px; font-size:20px; color: #333333; cursor: pointer; border-bottom: 2px solid #fff; }
.loginEle_header .header_item.action{ color: #7140FE;border-bottom: 2px solid #7140FE;}
.loginContentImg{ text-align: center; border: 1px dashed #a8acb3; height: 256px; width: 256px; margin: 0 auto;margin-top: 20px;}
.loginContentImg img{ width: 100%; }
.loginEle_content{ padding-top: 2px;}
.loginContentText{ text-align: center; line-height: 50px; color: #333333; font-size: 16px;}
/* 登录页面结束 */
/* 首页开始 */
.banner_top{ height: 60px; overflow: hidden;}
.banner_top img{ height: 60px; width: 100%; object-fit: cover;}
.toolbar_top{ height: 40px;}
.toolbar_content{ width: 1440px; margin: 0 auto; display: flex; height: 40px; line-height: 40px; color: #333333; font-size: 16px;}
.toolbar_content .split{ padding-left: 10px; padding-right: 10px;}
.toolbar_content a{ color: #333333; cursor: pointer; }
.toolbar_content .cblue{ color: #7140FE;}
.wtel{ margin-left: 50px; color: #FF4141;}
.item_right{ margin-left: auto; display: flex;}
.defSchEle{ height: 184px; background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);}
.header{ height: 184px; background: url(../img/schbimg.png) top center no-repeat; display: flex;  justify-content: center; align-items: center;}
.header_content{height: 88px; width:1440px ; margin: 0 auto;  display: flex;  justify-content: center; align-items: center;}

.headerlogoEle{ width: 358px; display: flex;  justify-content: center; align-items: center; }
.headerlogoImg{ padding-right: 16px;}
.headerlogoImg img{ height: 46px;}
.headerlogoRight{ border-left:1px solid #fff; height: 88px; display: flex; align-items: center;  justify-content: center; flex-direction:column; padding-left: 16px; }
.headerlogoRight .text1{ color: #fff; font-size: 18px;}
.headerlogoRight .text2{ color: #fff; font-size: 16px;}
.headerschElement{ display: flex; margin-left: 52px;}
.headerschborder{ height: 48px; display: flex; }
.headerschcontent{  background: #fff; border-radius: 6px; padding-left: 16px; display: flex;justify-content: center; align-items: center;  }
.headerschkeys{ display: flex; color: #fff; padding-top: 13px;}
.headerschType{width: 78px; height: 32px;  background: url(../img/schtype.png) no-repeat 65px 14px; cursor:pointer; line-height: 32px; color: #7140FE; font-size: 16px; position:relative}
.headerschoptions{ display:none; position:absolute; left:-16px; top:30px; width:90px; height:190px; padding-top:12px; background:#fff;box-shadow: 0 9px 28px 8px rgba(0, 0, 0, .05), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12)}
.headerschoptionsItem{ color:#333; text-align:center; margin-top:3px;  }
.headerschType:hover .headerschoptions{ display:block }
.headerschType.hid:hover .headerschoptions{ display:none }

.headerschinput{ height: 24px; width: 587px; border-left:1px solid #7140FE; padding-left: 3px;}
.headerschinput input{ width: 550px; padding-left: 5px; font-size: 16px; line-height: 24px; color: #333;  height: 24px; border: none; outline: none;}
.keyitem{ margin-left: 15px;}
.headerschinput input::placeholder{ background: url(../img/schbut.png) no-repeat 5px 3px ; padding-left: 30px; background-size: 18px; }
.headerschbut{ border: none; height:100% ; width: 80px; text-align: center;  font-size: 16px; background-color: #fff; color: #7140FE; }
.headerschbut.borrr{ border-radius:0px 6px 6px 0px;}
.headerschbut.action{ background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%); color: #fff;}
.headershopCartBut{ display:block; cursor: pointer; border-radius: 4px; color: #7140FE; width: 156px; height: 48px; font-size: 16px; background: url(../img/shopcertinc_hov.png) no-repeat 16px 13px #fff; padding-left: 14px; text-align: center; line-height: 48px; margin-left: 16px;}
/* 头部搜索 */
.defMenu{ display: flex; box-shadow: 5px 5px 5px #00000006;}
.defMenuLeft {
    width: 250px;
    box-sizing: border-box;
    font-size: 20px;
    height: 70px;
    padding-left: 24px;
    display: flex;
    align-items: center;
    justify-content: left;
    line-height: 70px;
    color: #fff;
    background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);
}
.defMenuLeft .MenuLeftInc{ width: 24px; height: 24px; margin-right: 8px;}
.defMenuCent{ background: #fff; width: 890px; height: 70px;display: flex;align-items: center;justify-content: left;}
.defMenuRight{ width: 300px; height: 70px;}
.defMenuRight img{ width: 300px; height: 70px; object-fit: cover;}
.defMenuCent a{ display: block; height: 70px; width: 20%; line-height: 70px; text-align: center; font-size: 20px; }
.defMenuCent a.action{ color: #7140FE;}
.defCentBinner{ height: 675px;  display: flex; }
.cBinnerLeft{ height: 100%;width: 250px;background: #fff;}
.cBinnerCent{ height: 100%; width: 890px;}
.cBinnerRight{ height: 100%; width: 300px;background: #fff;}
.defmenuItem {
    border-bottom: 1px solid rgba(51,51,51,0.05);
    padding: 12px 16px;
}
.defmenuItem h3{font-weight: 400;font-size: 16px;color: #333333;line-height: 19px;}
.defmenuItem .itemCont{ padding-top: 10px; display: flex; flex-wrap: wrap;}
    .defmenuItem .itemCont a {
        display: block;
        margin: 0 16px 5px 0;
        color: rgba(51,51,51,0.5);
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }
    .defmenuItem .itemCont a:hover {

        color: #7140FE;
    }
.defmenuItem.more{ border-bottom: none; height: 94px; line-height: 94px; padding: 0px; }
.defmenuItem.more a{ font-size: 20px; padding-left: 24px; display: block; height: 94px; }
/* 头部搜索结束 */
.defswiper{ height:445px; overflow: hidden; position: relative;}
.defswiper .swiper-slide{ cursor: pointer; }
.defswiper .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.defswiper .swiper-button-next{width: 24px; height: 88px; background:url(../img/swiperright.png) no-repeat center #0000007F; right: 0;margin-top:-44px;}
.defswiper .swiper-button-prev{ width: 24px; height: 88px; background:url(../img/swiperleft.png) no-repeat center  #0000007F; left: 0;margin-top:-44px }

.defswiperPro{height:230px; overflow: hidden; position: relative; background: #fff;}
    .defswiperPro .swiper-slide {
        cursor: pointer;
        width: 223px;
        height: 230px;
    }
.defswiperPro .swiper-slide .imgdiv{ height: 180px; padding-top:6px; }
.defswiperPro .swiper-slide .imgdiv img{ width: 100%; height: 100%; object-fit: cover;}
.defswiperPro .swiper-button-next{width: 24px; height: 88px; background:url(../img/swiperright.png) no-repeat center #0000007F; right: 0;margin-top:-44px;}
.defswiperPro .swiper-button-prev{ width: 24px; height: 88px; background:url(../img/swiperleft.png) no-repeat center #0000007F; left: 0;margin-top:-44px }
.defswiperPro .proname{ font-size: 18px; color:#333333; line-height: 35px; text-align: center; }

.LoginUser{ height: 320px; display: flex; flex-direction: column; text-align: center; align-items: center;justify-content: center; background: #fff; }
.LoginUser .userAvatar{ width: 72px; height: 72px; border-radius: 50%; overflow:hidden}
.LoginUser .userAvatar img{ width:72px; height:72px; }
.LoginUser .userText{ color: #7140FE; line-height: 30px; font-size: 20px; margin-top: 20px;}
    .LoginUser .loginBut {
        margin-top: 16px;
        color: #fff;
        background: linear-gradient( 314deg, #407EFE 0%, #7140FE 100%);
        width: 192px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }
.LoginUser .regBut{margin-top: 16px; color: #7140FE; background: #fff; border: 1px solid #7140FE; width: 192px; height: 50px; line-height: 50px; font-size: 20px;  border-radius: 4px;}

.annoElem{ height: 355px;}
.annoElem .annoHeader{ height: 48px; display: flex; line-height: 48px; border-top: 1px solid rgba(0,0,0,0.1);}
.annoElem .headLeft{ color: #7140FE; padding-left: 16px;}
.annoElem .headRight{ margin-left: auto; margin-right: 16px;  }
.annoElem .headRight a{padding-right: 20px;background: url(../img/moreinc.png) no-repeat right center; display: block; color: #3333337f; }
.annoElem .annoContent{ margin: 0 16px;}
    .annoElem .annoContent li {
        padding-left: 14px;
        background: url(../img/dot.png) no-repeat left center;
        margin-top: 7px;
        margin-bottom: 7px;
        white-space: nowrap; /* 不换行 */
        overflow: hidden; /* 隐藏溢出文本 */
        text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */
    }
    .annoElem .annoContent li a {
        color: #333;
        
    }

.defAdCent{ height: 90px; display: flex; margin-top: 24px;​​ justify-content: space-between; align-items: center;}
.defAdCent .adItem{ height: 90px; width: 342px; margin-left: 24px;  }
.defAdCent .adItem img{ width: 100%; height: 100%; object-fit: cover;}
.defAdCent .adItem:first-child{ margin-left: 0;}

.defbox{ margin-top: 24px;}
.defbox .defboxHeader{ height: 100px; background: url(../img/defboxheaderbg.png) no-repeat; display: flex; }
.defbox .defboxHeader .headerleft{ display: flex; align-items: center;}
.defbox .defboxHeader .headerright{ margin-left: auto; display: flex;  align-items: center;}
.defbox .defboxHeader .headerinc{ width: 32px; height: 32px; margin-left: 24px;}
.defbox .defboxHeader .headertit{ color: #000; font-size: 24px; font-weight: bold; margin-left: 8px;}
.defbox .defboxHeader .headerms{ color: #3333337F; font-size: 16px;margin-left: 8px;}
.defbox .defboxHeader .headerright a{padding-right: 20px;background: url(../img/moreinc.png) no-repeat right center; font-size: 20px; display: block; color: #333333; margin-right: 10px; }

    .defbox .defboxContent {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 0 10px;
    }
        .defbox .defboxContent .proitem:nth-child(5n) {
            margin-right: 0;
        }
        .proitem {
            width: 270px;
            height: 345px;
            background: #0000000F;
            margin-right: 16px;
            margin-top: 16px;
            border-radius: 4px;
            overflow: hidden;

        }
.proitem .proImg{ height: 210px; text-align:center}
.proitem .proImg img{ height: 210px; }
.proitem .promess{ height: 125px; background: #fff; padding-top: 8px; padding-left: 8px; padding-right: 8px;}
    .proitem .promess .pname {
        font-size: 16px;
        color: #333;
        line-height: 22px;
        height: 45px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
.proitem .promess .rq{font-size: 16px; color: #3333337F; padding-top: 8px;}
.price{ padding-top: 2px;}
.price .red{ color: #FF4141; font-weight: bold; font-size: 16px;}
.price .smell{ color: #3333337F; font-size: 12px; text-decoration: line-through;}
.defbox .defboxContent .newproitem:nth-child(5n) {
    margin-right: 0;
}
.newproitem {
    width: 270px;
    height: 313px;
    margin-right: 16px;
    margin-top: 16px;
    border-radius: 4px;
    overflow: hidden;
}
.newproitem .proImg{ height: 210px; text-align:center}
.newproitem .proImg img{ height: 210px;}
.newproitem .promess{ height: 83px; background: #fff; padding-top: 20px; padding-left: 24px; padding-right: 24px;}
    .newproitem .promess .pname {
        font-size: 16px;
        color: #333;
        line-height: 22px;
        height: 45px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
.newproitem .promess .rq{font-size: 16px; color: #3333337F; padding-top: 8px;}

.regionContent{ margin-top: 4px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.regionItem{ background: #fff; width: 664px; height: 552px; margin-top: 20px; padding: 24px;}
.regionItemContent{height: 572px;}
.regionHead{ background: url(../img/profl.png); height: 157px; padding-top: 1px;}
.regionHead .regtit{ margin-left: 24px; margin-top: 23px; font-size: 24px; font-weight: bold; color: #fff;}
.regionHead .regmsg{margin-left: 24px; margin-top: 23px; font-size: 16px; color: #FFFFFF;}
.regionHead .regboder{margin-left: 24px; margin-top: 19px; height:5px; border-bottom: 4px solid #fff; width: 63px; }
.regionMenu {
    display: flex;
    box-sizing: border-box;
    padding: 10px 0;
    align-items: center;
    justify-content: left;
    overflow-x: auto;
    margin-bottom: 10px;
}


/* 针对WebKit浏览器（如Chrome和Safari） */
    .regionMenu::-webkit-scrollbar {
        width: 10px; /* 滚动条宽度 */
        height: 5px; /* 滚动条高度 */
    }

/* 滚动条轨道样式 */
    .regionMenu::-webkit-scrollbar-track {
        background: #f1f1f1; /* 轨道背景色 */
    }

/* 滚动条滑块样式 */
    .regionMenu::-webkit-scrollbar-thumb {
        background: #888; /* 滑块颜色 */
        border-radius: 10px; /* 滑块圆角 */
    }

.regionMenuItem {
    margin-right: 30px;
    font-size: 18px;
    cursor: pointer;
    padding-bottom: 4px;
    color: #333;
    flex-shrink: 0;
    
}
.regionMenuItem .actionBord{ margin-top: 4px;}
    .regionMenuItem.action {
        color: #7140FE;
        border-bottom: 2px solid #7140FE;
    }
.regionMenuItem.action .actionBord{ background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%); width: 16px; height: 2px; font-size: 1px; margin: 0 auto;margin-top: 4px;}
.regionItemCon{ display: flex;}

.regionproitem{ width: 200px; height: 303px; margin-right: 30px; overflow: hidden;}
.regionproitem .proImg{ height: 200px; text-align:center}
.regionproitem .proImg img{ height: 200px; }

.regionproitem .promess{ height: 83px; background: #fff; padding-top: 5px; padding-left: 5px; padding-right: 5px;}
    .regionproitem .promess .pname {
        font-size: 16px;
        color: #333;
        line-height: 22px;
        height: 45px;
        overflow: hidden
    }
.regionproitem .promess .rq{font-size: 16px; color: #3333337F; padding-top: 8px;}
.regionproitem .price .red{ font-weight: normal;}
.tigs{ display: flex; margin-top:10px; margin-bottom: 10px;}
.tigs .tig{ color: #FF4141; border: 1px solid #FF4141; border-radius: 4px; padding: 4px; font-size: 14px; margin-right: 5px; }

.supplierContent{background: #fff; padding-top: 48px; padding-bottom: 48px; overflow: hidden; }
.supplierItem{ background: #407EFE11;  height: 360px; margin-left: 10px; margin-right: 10px; padding-top: 1px; border-radius: 8px; }
.supplierContent .swiper-slide{width: 376px; height: 361px;}

.supplierContent2 {
    background: #fff;
    padding-top: 28px;
    padding-bottom: 28px;
    overflow: hidden;
}
.supplierContent2 .swiper-slide {
    width: 270px;
    height: 345px;
}


.supplierItemTx{text-align:center; height: 50px; width: 50px; border-radius: 25px; overflow: hidden; margin: 0 auto; margin-top:25px ;}
.supplierItemTx img{ height: 50px; width: 50px; }
.supplierName{ margin-top: 32px; text-align: center; font-size: 20px; color: #333;}
.supplierPros{ display: flex; margin-top: 32px;}
.supplierProItem{ width: 90px; height: 90px; margin-left: 10px; margin-right: 10px; border: 1px solid #7140FE;}
.supplierProItem img{width: 90px; height: 90px; object-fit: cover;}
.supplierBut {
    display: block;
    font-size: 16px;
    border-radius: 8px;
    margin: 0 auto;
    margin-top: 32px;
    width: 128px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    color: white;
    border: 1px solid #7140FE;
    background: linear-gradient( 134deg, #4673FF 0%, #7042FE 100%);
}

.companyRec{ height: 439px; background: url(../img/comprec.png) no-repeat; margin-top: 24px;}
.companyRecTitle{ text-align: center; padding-top: 48px;}
.companyRecContent{ display: flex; flex-wrap: wrap; padding-top:92px}
.comanyRecItem{ width: 259px; height: 140px; margin-left: 24px; margin-top: 24px; border-radius: 8px; overflow: hidden; display: block; }
.comanyRecItem img{ width: 100%; height: 100%; object-fit: cover;}

.inforContent{ height: 535px; display: flex;}
.inforSwiper{ width: 867px; height: 100%; overflow: hidden; position: relative;}
.inforSwiper .swiper-slide{ width: 867px; height: 100%; position: relative;}
.inforSwiper .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; }
.inforSwiper .swiper-button-next{width: 24px; height: 88px; background:url(../img/swiperright.png) no-repeat center #0000007F; right: 0;margin-top:-44px;}
.inforSwiper .swiper-button-prev{ width: 24px; height: 88px; background:url(../img/swiperleft.png) no-repeat center  #0000007F; left: 0;margin-top:-44px }
.inforitemTitle {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 60px;
    background: #0000007f;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    padding-left: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.firstline{ background: url(../img/firstline.png) no-repeat;  line-height: 41px; height: 41px; padding-left: 44px; padding-right: 44px; display: inline-block;}
.inforHeaderLine {
    line-height: 41px;
    font-size: 24px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #00000011;
    padding-bottom: 20px;
    height: 90px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    cursor: pointer;
}
.inforList{ background: #fff; margin-left: auto; width: 550px; padding-top: 20px;}
.inforUl{}
    .inforUl li {
        display: flex;
        padding-top: 18px;
        margin-left: 16px;
        margin-right: 16px;
        cursor: pointer;
    }
    .inforUl li a {
        width: 370px;
        color: #333333;
        font-size: 16px;
        white-space: nowrap; /* 不换行 */
        overflow: hidden; /* 隐藏溢出文本 */
        text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */
    }
.inforUl li span{color:#3333337f; margin-left: auto;font-size: 16px;}


.proRecList {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    box-sizing: border-box;
    padding: 0 12px;
    padding-bottom: 20px;
}
    .proRecList .proRecitem:nth-child(5n) {
        margin-right: 0;
    }
.proRecitem {
    width: 270px;
    height: 365px;
    margin-right: 16px;
    margin-top: 16px;
    overflow: hidden;
    border-bottom: 1px solid #00000011;
}
    .proRecitem .proImg {
        height: 210px;
        border: 1px solid #00000011;
        text-align: center
    }
.proRecitem .proImg img{ height: 210px; 
                         }
    .proRecitem .promess {
        height: 135px;
        background: #fff;
        padding-top: 5px;
        padding-left: 5px;
        border: 1px solid #00000011;
        border-radius: 0 0 4px 4px;
        padding-right: 5px;
    }
    .proRecitem .promess .pname {
        font-size: 16px;
        color: #333;
        line-height: 22px;
        min-height: 45px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
.proRecitem .promess .rq{font-size: 16px; color: #3333337F; padding-top: 8px;}

.aboutusBox{ background: url(../img/prorec.png) no-repeat top center; background-size: 1920px; min-height: 450px; padding-top: 1px; }
.aboutusBox .title{ font-size: 32px; color: #FFFFFF;font-weight: bold;text-align: center; margin-top: 47px;}
.aboutusBox .mess{color: #FFFFFF;line-height: 23px;text-align: center; margin-top: 32px;}
.aboutusContent{ display: flex; margin-top: 32px;}
.aboutusLeft{ width: 572px; background: #fff; min-height: 424px; display: flex; flex-wrap: wrap;}
.aboutusLeft img{ width:100%;  }
    .aboutusRight {
        width: 852px;
        background: #fff;
        min-height: 424px;
        margin-left: auto;
    }


.aboutustitle{font-weight: bold;font-size: 24px;color: #000000; margin-top: 48px; margin-left: 48px; margin-right: 48px; }
.aboutusLine{width: 48px;height: 4px;background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%); margin-left: 48px; margin-top:24px ;}
.aboutusText{ margin-left: 48px; margin-top: 24px;margin-right: 48px; margin-bottom: 48px; color: #3333337F; font-size: 20px; line-height: 40px;}
.defbottom{ height: 409px; background: url(../img/bottmBg.png) center top no-repeat; margin-top: 64px; width:100% }
.bottemContent{ display: flex;}
.bottemContentLeft{ display: flex;}
.botemitem{ width: 180px;}
.boteitemtitle{ color: #FFFFFF;font-weight: 400;font-size: 20px;}
.botemitem li{ margin-top: 10px;}
.botemitem li a{ color: #828490;}
.bottemContentRight{ margin-left: auto; display: flex; }
.botemRightItem{ text-align: center; color: #fff; margin-left: 40px;}
.boteitemRighttitle{ height: 40px; line-height: 40px; font-size: 20px;}
.botemRightItem img{ width: 150px; height: 150px; object-fit: cover;}
.bottemOutLink{ display: flex; margin-top: 30px;align-items: center;justify-content: center;}
.bottemOutLink a{ display: block; width: 107px; height: 40px; margin-left: 10px; margin-right: 10px; }
.bottemOutLink a img{width: 107px; height: 40px; object-fit: cover;}
.bottemMess{ text-align: center; color: #828490;  line-height: 30px; border-top: 1px solid #FFFFFF11; padding-top: 14px; }

.rightFixMenu{ position: fixed; right: 0px; top: 70%;  width: 56px; display: flex; flex-direction: column; padding: 8px; background: #fff; visibility: hidden; }
.rightFixMenu.show{ visibility: visible;}
.FixItem{ cursor: pointer; width: 56px; height: 56px; display: flex; flex-direction: column; align-items: center;justify-content: center; font-size: 14px; text-align: center; line-height: 24px;}
.FixSplit{ height: 10px; border-bottom: 1px solid #33333311; margin-bottom:10px;}

.FixTopMenu{ position: fixed;  top: 0px; left: 0; right: 0; z-index: 1000;  opacity: 0; display: none; transition: opacity 0.3s }
.FixTopMenu.show{ display: block; opacity: 1; }
.topMenullff{ cursor: pointer;}
/* 首页结束 */

/* 产品列表页 */
.BreadCrumb{ margin-top: 24px; margin-bottom: 24px; display: flex; font-size: 18px;}
.BreadCrumb a{ color: #3333337F;}
.BreadCrumb span{ color: #333;}
.proMenubox{ background: #fff; min-height: 160px; padding: 24px;}
.proMenuItem{ display: flex;align-items: center;justify-content: center;  padding-top: 15px; padding-bottom: 15px; }
.proItemLeft{ height: 100%; width: 120px; text-align: right; font-size: 16px; color: #333; padding-right: 40px;}
.proItemRight{ height: 100%; text-align: left; width: 1240px;color: #333; justify-content:space-between;}

.proItemRight a{ display: inline-block; height: 40px; line-height: 40px; padding-left: 16px; font-size: 16px; padding-right: 16px; cursor: pointer; margin-right: 12px;}
    .proItemRight a.action {
        background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);
        border-radius: 4px;
        color: #fff;
    }
   
.proSchInput{ border: 1px solid #3333334C; display: flex; align-items: center;justify-content: center; width: 300px; height: 36px; border-radius: 4px; overflow: hidden; }
.proSchInput input{outline: none; border: none; width: 220px; padding: 0; padding-left: 10px; padding-right: 10px; height: 34px; }
.proSchInput button{ cursor: pointer; width: 60px; padding: 0; text-align: center; height: 38px; font-size: 16px; background: #fff; border: none; color:#7140FE ; line-height: 38px; }
.proItemRight .sortbut{ font-size: 16px; color: #333; display: flex; align-items: center; }
.proItemRight .sortbut span{ display: block;}
.sortbut .iconfont{ font-size: 34px; display: block; margin-top: 4px;}
.proToolSort{ display: flex;}
.sortbut .icon--fuxuankuang{ font-size: 28px;}
.proItemRight .sortbut.chose{ color: #7140FE;}
.productItem{ background: #fff; margin-top: 24px; padding: 16px;}
.productItemContent{ display: flex; height: 140px;}
.productItemContent .productImg{ display: block; width: 140px; height: 140px; text-align:center; overflow:hidden}
.productItemContent .productImg img{  height: 100%;}
.productItemContent .productInfo{ width: 825px; margin-left: 20px;}
.productItemContent .productInfo .InfoTitle a{ color: #7140FE; font-size: 20px; font-weight: normal;}
.productItemContent .productInfo .InfoGg{ color: #3333337F; padding-top: 12px;}
.productItemContent .productInfo .InfoGg span{ color: #333; padding-right: 40px;}
.productItemContent .productInfo .InfoPrice{ padding-top: 16px; font-size: 16px;color: #333;}
.productItemContent .productInfo .InfoPrice span{ color: #FF4141;}
.productItemContent .productBuy{ width: 208px; display: flex; align-items: center;justify-content: center; margin-left: auto;}
.addBuyCartBut{ background: url(../img/buycart.png) no-repeat right; height: 32px; line-height: 32px; padding-right: 40px; color: #333; font-size: 16px; cursor: pointer; background-size: 32px;}
/* 产品列表页结束 */
/* 产品详情页 */
.prodetail{ display: flex;}
.prodetailLeft{ width:1119px ;}
.prodetailRight{ width: 297px; margin-left: auto; }
.prodetailContent{ height: 552px; padding: 24px; display: flex; background: #fff;}
.prodetailCImg{ width: 424px; height: 494px;}
.prodetailCImg .pCimg{ height: 422px;  border:1px solid #3333330D; }
.prodetailCImg .pCimg img{height: 422px; width: 100%; object-fit: contain; }
.pCimgleftbut{ background: #0000007f; width: 20px; height: 70px;  color: #fff; line-height: 70px; cursor: pointer; text-align: center;  user-select: none;}
.pCimgrightbut{ background: #0000007f; width: 20px; height: 70px; margin-left: auto;  color: #fff; line-height: 70px; cursor: pointer;text-align: center; user-select: none; }
.pCimglist{ display: flex; margin-top: 2px;}
.pCimglistContent{ width: 374px; height: 70px; overflow: hidden; margin-left: 5px; }
.pCimglistContent .swiper-slide{ width: 70px; height: 70px; }
.pCimglistContent .swiper-slide img{ width: 68px; height: 68px; object-fit: contain; border: 1px solid #00000019; cursor: pointer; }
.pCimglistContent .swiper-slide.actionn img{ border: 1px solid #FF0000; }
.pCdetailContent{ width: 623px; margin-left: auto;}
.prodetaiName{ font-size: 24px; font-weight: bold; line-height: 28px;}
.pCdetailParams{ display: flex; background: #FFF8F8; border-top: 1px solid #FF4141; margin-top: 16px; flex-flow:row wrap; padding-top: 10px; padding-bottom: 10px;}
.pCdetailPitem{ width: 283px; margin-left:24px; display: flex; padding-top: 10px; padding-bottom: 10px; align-items: center; }
.pCdetailPitem .pCdPitemLeft{ width: 90px; color: #3333337F; font-size: 16px;}
.prodetailjg{ color: #FF4141; font-size: 24px;}
.pCdPitemRight{ color: #333; font-size: 16px;}
.pCskuu{ display: flex; margin-top: 16px;}
.pCskuu .pcSkuLeft{width: 90px;margin-left:24px; color: #3333337F; font-size: 16px;}
.pCskuu .pcSkuRight{display: flex; flex-flow:row wrap; height: 168px;}
.pCskuu .pcSkuRight .pcskuItem{ border: 1px solid #FF4141;border-radius: 4px ; cursor: pointer;  background: #FFF8F8; height: 40px; line-height: 40px; padding-left: 28px; padding-right: 28px; color: #333; }
.pCSendtout{ display: flex; border-bottom: 1px solid #00000019; padding-bottom: 20px; margin-top:50px }
.pCSendtoutItem{ display: flex; align-items: center; }
.pCSendtoutItem .pCSendtoutItemLeft{color: #3333337F; font-size: 16px;margin-left:24px; }
.pCSendtoutItem .pCSendtoutItemRight{ color: #333333; font-size: 16px; padding-left: 10px; }
.pCbuyNum{ display: flex; align-items: center; padding-top: 16px; padding-bottom: 16px;border-bottom: 1px solid #00000019; }
.pCbuyNum .pCbuyNumLeft{color: #3333337F;font-size: 16px;margin-left:24px; }
.pCbuyNumRight{ width: 460px;}
.pCbuyNumWm{ width: 180px; display: flex; margin-left: auto;}
.pCbuyNumWm .pcbuybutl{ border: 1px solid #00000019; color: #333; user-select:none; cursor:pointer;line-height: 40px; width: 50px; text-align: center; font-size: 24px; border-radius: 4px 0px 0px 4px;}
.pCbuyNumWm .pcbuybutr{ border: 1px solid #00000019;color: #333; user-select:none; cursor:pointer; line-height: 40px; width: 50px; text-align: center; font-size: 24px; border-radius: 0px 4px 4px 0px;}
.pCbuyNumWm .pcbuyinput{ height: 40px; line-height: 40px; width: 80px; text-align: center;font-size: 16px;color: #000000; outline: none; border: none; border: 1px solid #00000019; border-left: none; border-right: none;}
.pbuybuts{ text-align: center; padding-top: 16px; display:flex; align-items:center; justify-content:center }
.pbuybuts .pbuyNow{  display:block; background: #28C445; font-size: 20px; margin-left: 24px; margin-right: 24px; color: #fff; width: 140px; height: 46px; line-height: 46px; text-align: center; border: none; border-radius: 4px; }
.pbuybuts .paddShopcart{ display:block; background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%); font-size: 20px; margin-left: 24px; margin-right: 24px; color: #fff; width: 140px; height: 46px; line-height: 46px; text-align: center; border: none; border-radius: 4px; }
.prodetail_xq{ display: flex;}
.p_xq_left{ background: #fff; width: 250px; }
.blacktitle{ color: #000000; line-height: 28px;font-weight: bold;font-size: 24px; padding-top: 16px; padding-bottom: 16px; padding-left: 5px;}
.prodetail_xq{ margin-top: 24px; }
.pDetailXq_item{ width: 240px; height: 303px;  overflow: hidden; margin: 0 auto; margin-bottom: 20px;}
.pDetailXq_item .proImg{ height: 200px;}
.pDetailXq_item .proImg img{ height: 200px; width: 100%; object-fit:cover;}
.pDetailXq_item .promess{ height: 83px; background: #fff; padding-top: 5px; padding-left: 5px; padding-right: 5px;}
.pDetailXq_item .promess .pname{ font-size: 16px; color: #333; line-height: 22px;}
.pDetailXq_item .promess .rq{font-size: 16px; color: #3333337F; padding-top: 8px;}
.pDetailXq_item .price .red{ font-weight: normal;}
.p_xq_right{ width: 1166px; margin-left: auto;}
.p_xq_r_tabs{ display: flex;}
.p_xq_r_tabs .tabitem{ height: 60px; border-top: 1px solid #00000000; line-height: 60px; color: #33333380; padding-left: 32px; padding-right: 32px; font-size: 20px; cursor: pointer;}
.p_xq_r_nrs{ background: #fff;}
.p_xq_r_tabs .tabitem.action{ background: #fff; border-top: 1px solid #7140FE; color: #000000;font-weight: 400;}
.proxq_mstxt{ padding: 24px;}
.promsxx{ display: flex;flex-flow:row wrap; margin-right: 200px; }
.promsxxitem{ color: #33333380; width: 256px; font-size: 18px; margin-bottom: 24px;}
.proxq_msContent{ color: #333; line-height: 200%; font-size: 20px;}
.proxq_msContent img{ width: 100%;}
.p_xq_r_nrs .tabcitem{ display: none;}


.protjjList{display: flex; flex-wrap: wrap; padding-bottom: 20px;}
.protjjitem{ width: 275px; height: 365px;   margin-right: 21px; margin-top: 16px; }
.protjjitem .proImg{ height: 210px;}
.protjjitem .proImg img{ height: 210px; width: 100%; object-fit:cover;}
.protjjitem .promess{ height: 135px; background: #fff; padding-top: 20px; padding-left: 24px; border: 1px solid #00000011; border-radius: 0 0 4px 4px; padding-right: 24px;}
.protjjitem .promess .pname{ font-size: 16px; color: #333; line-height: 22px;}
.protjjitem .promess .rq{font-size: 16px; color: #3333337F; padding-top: 8px;}

/* 产品详情页结束 */
/* 购物车 */
.shopCartBox{ background: #fff; padding: 16px; margin-top: 24px;}
.shopCartBoxContent{}
.shopCartHeader{ display: flex; padding-bottom: 24px; border-bottom: 1px solid #3333333F; height: 60px;align-items: center;justify-content: left; }
.shopCartHeaderLeft{font-weight: bold;font-size: 24px;color: #000000;}
.shopCartHeaderRight{ margin-left: auto;font-weight: 400;font-size: 24px;color: #333333; display: flex;align-items: center;justify-content: left;}
.shopCartHeaderRight .red{ color: #FF4141;}
.shopCartHeaderRight .shCbutton{width: 144px; border: none; height: 60px;  background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);border-radius: 8px 8px 8px 8px; color: #fff; font-size: 24px;}
.shopCartTable{}
.shopCartTable table{ width: 100%;}
.shopCartTable table th{font-weight: normal; font-size: 16px;}

.shopCartItem{ background: #fff;  }
.shopCartItemContent{ display: flex; height: 140px;}
.shopCartItemContent .productImg{ display: block; width: 140px; height: 140px;}
.shopCartItemContent .productImg img{ width: 100%; height: 100%; object-fit: cover;}
.shopCartItemContent .productInfo{ width: 705px; margin-left: 20px;}
.shopCartItemContent .productInfo .InfoTitle a{ color: #7140FE; font-size: 20px; font-weight: normal;}
.shopCartItemContent .productInfo .InfoGg{ color: #3333337F; padding-top: 12px;}
.shopCartItemContent .productInfo .InfoGg span{ color: #333; padding-right: 40px;}
.shopCartItemContent .productInfo .InfoPrice{ padding-top: 16px; font-size: 16px;color: #333;}
.shopCartItemContent .productInfo .InfoPrice span{ color: #FF4141;}
.shopCartItemContent .productBuy{ width: 208px; display: flex; align-items: center;justify-content: center; margin-left: auto;}
.shopCartTable .red{color: #FF4141;}
.shopCartTable .blue{ color:#7140FE ;}

.shopCartBottem{border-top: 1px solid #3333333F;display: flex; align-items: center;justify-content: left; padding-top: 24px; height: 60px;}
.shopCartBottemLeft{ width: 160px;}
.shopCartBottemBuyy{ margin-left: auto; font-size: 24px; color:#333333;}
.shopCartBottemBuyy .red{color: #FF4141;}
.shopCartBottemBuyy .shCbutton{width: 144px; border: none; height: 60px;  background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);border-radius: 8px 8px 8px 8px; color: #fff; font-size: 24px;}

.shopBuyHeader{ display: flex;  border-bottom: 1px solid #3333333F; height: 60px;align-items: center;justify-content: left; }
.shopBuyHeaderLeft{font-size: 24px;color: #000000;}
.shopBuyHeaderRight{ margin-left: auto;font-weight: 400;font-size: 24px;color: #333333; display: flex;align-items: center;justify-content: left;}
.shopBuyAddress{ padding-top: 12px;}
.shopBuyFormItem{ display: flex;align-items: center;justify-content: left; padding-top: 12px; padding-bottom: 12px; }
.FormItemLeft{ text-align: right; width: 120px; font-size: 20px;}
.shopBuyFormItem .red{color: #FF4141;}
.FormItemRight{}
.formInput{ height: 40px; border: 1px solid #00000011; border-radius: 4px; width: 500px; outline: none; padding: 0; padding-left: 10px; font-size: 16px; line-height:40px; }
.formTarea{border: 1px solid #00000011; border-radius: 4px; width: 500px; outline: none; padding: 0; padding-left: 10px; font-size: 20px; padding-top: 10px; padding-bottom: 10px; }
.formSelect{ border: 1px solid #00000011;  border-radius: 4px; padding: 0; overflow: hidden; }
.formSelect select{ border:none; outline:none; font-size: 16px; height: 40px; padding-left: 10px; padding-right: 10px; min-width: 100px; }
.formSelect option{ padding-top: 5px; padding-bottom: 5px;}
.frominfo{ height: 40px; line-height: 40px; padding-left: 10px; font-size: 16px;}
.formbotem{ text-align: center; padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #000; margin-top: 70px;}

.formSubButton {
    text-align: center;
    width: 160px;
    height: 47px;
    background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);
    font-size: 16px;
    border-radius: 4px 4px 4px 4px;
    line-height: 47px;
    outline: none;
    border: none;
    color: #fff;
}


.shopBuyAddress{ border-bottom: 1px solid #3333333F; padding-bottom: 20px;}
.agreeBut {
    background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);
    height: 47px;
    line-height: 47px;
    color: #fff;
    border: none;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 4px;
}

.formVerify{}
.updateComp{ width: 180px;}
.updateCompBut {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);
    color: #fff;
    font-size: 20px;
    vertical-align: top;
    position: relative;
    cursor:pointer
}
.updateCompBut i{ font-size: 30px;}
.updateCompBut span{ vertical-align: top;}
.updateCompBut .inputfile{ position:absolute; left:0px; top:0px; display:block; bottom:0px; right:0px; opacity:0.01;}
.updateImg{ height: 180px; margin-top: 8px;  }
.updateImg {
    height: 180px;
    margin-top: 8px;
}
.compVip1{ background: url(../img/vip1.png) no-repeat left center; padding-left: 35px; color: #EB6402;}

.mybox{ background: #fff;}
.myboxHeader{ margin-left: 24px; font-weight: bold; margin-right: 24px; border-bottom: 1px solid #00000011; color: #000; font-size: 24px; padding-top: 24px; padding-bottom: 16px; }
.myboxContent {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
}
.compMess{ font-size: 16px; color: #333;}

.tabcitem { display:none}

.loginform { margin-left:32px; margin-right:32px; margin-top:24px;}
.loginformItem { border-radius:8px; border: 1px solid rgba(0,0,0,0.1); display:flex; align-items: center;justify-content: left; padding-top:12px; padding-bottom:12px; margin-bottom:32px; }
.loginformItem .loginformItemLeft{ width:50px; text-align:center; color:#7140FE; line-height:28px; border-right:1px solid #D9D9D9 }
.loginformItem .loginformItemLeft i{ font-size:24px }
.loginformItem .loginformItemRight{ margin-left:16px; }
.loginformItem .loginformItemRight input{ width:255px; height:31px; line-height:31px; border:none; outline:none; font-size:16px; color:#333}
.loginformItemLostMe { margin-left:auto; cursor: pointer; }
.loginformItemLostMe a{ color:#7140FE; font-size:16px}
.loginformItemBut{ text-align:center}
.loginformItemBut button{ margin:0 auto;width: 152px;height: 47px;background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);border-radius:4px; border:none; color:#fff; font-size:16px }
.myloadinggg {position: fixed;background: #00000066 url(../img/loading2.gif) no-repeat center;background-size: 50px;top: 0px;left: 0px; width: 100%; height: 100%; z-index: 8888889;}
.mymsggg {
    position: fixed;
    z-index: 8888890;
    top: -20px;
    min-width: 300px;
    box-sizing: border-box;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
    transition: opacity 0.2s,transform .2s,top .2s;
    border: 1px solid #e1f3d8;
    height: 40px;
    color: #fff;
    line-height: 38px;
    text-align: left;
    padding-left: 42px;
    padding-right: 36px;
    color: #67c23a;
    border-radius: 0px;
    background: url(../img/succinc.png) no-repeat 10px 10px #f0f9eb;
    background-size:18px;
    border-radius: 5px;
}
.mymsggg.showw {
    top: 40px;
    opacity: 1;
}
.mymsggg2 {
    position: fixed;
    z-index: 8888890;
    top: -20px;
    min-width: 300px;
    box-sizing: border-box;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
    transition: opacity 0.2s,transform .2s,top .2s;
    height: 40px;
    color: #f56c6c;
    line-height: 40px;
    text-align: left;
    padding-left: 42px;
    padding-right: 36px;
    border: 1px solid #fde2e2;
    color: #f56c6c;
    background: url(../img/errinc.png) no-repeat 10px 10px #fef0f0;
    background-size: 18px;
    border-radius: 5px;
}
.mymsggg2.showw {
    top: 40px;
    opacity: 1;
}
.mydilogg_wm {
    position: fixed;
    background: #00000011;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 8888888;
    display: flex;
    /*主轴居中对齐*/
    justify-content: center;
    /*侧轴居中对齐*/
    align-items: center;
}

.mydillgg {
    width: 660px;
    min-height: 160px;
    background: #fff;
 /*   border: 1px solid #383d4c;*/
   /* box-shadow: inset 0px 1px 7px 0px #5875A9;*/
    border-radius:8px;
    position:relative
}
.guanbis 
{
    position:absolute;
    right:0px;
    top:0px
}
    .guanbis img { width:40px}
    .mydillheader {
        /* border-top: 2px solid #95a6dc;*/
        color: #7140FE;
        font-size: 20px;
        text-align: center;
        border-bottom: 1px solid #00000011;
        height: 66px;
        line-height: 66px;
        user-select: none
    }
.mydillnrr {
    min-height: 50px;
    margin: 20px 20px 0px 20px;
}

.mydillbott {
    text-align: right;
    height: 42px;
    padding-top: 8px;
    padding-bottom: 12px;
    
   
}
.confirmbut{ margin:0 auto; padding-left:20px; padding-right:20px; height: 40px;background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);border-radius:4px; border:none; color:#fff; font-size:16px; margin-left:12px;  }
.confirmbut222 {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);
    border-radius: 4px;
    border: none;
    color: #fff;
    font-size: 16px;
    margin-left: 12px;
}
.confirmbutqx{margin:0 auto; padding-left:20px; padding-right:20px; height: 40px;background: #fff;border-radius:4px; border:none; color:#fff; font-size:16px;border:1px solid #dcdfe6; color:#7140FE}
.regForm{ padding-bottom:20px; }
.regFormItem{ }
.regFormItemText { color:#333; font-size:16px; margin-bottom:6px;}
.regFormItemText .red{ color:#FF4141}
.inputNoboder{ border:none; outline:none; font-size:16px; }
.ChkCodebut{ margin-left:auto; color:#7140FE; font-size:16px; line-height:40px; cursor:pointer; padding-right:10px; }
.ChkCodebut.unenable{ color:#3333337F }
.regForm .saveBut {
    text-align: center;
    background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);
    color: #fff;
    height: 47px;
    border: none;
    border-radius: 4px;
    width: 394px;
    font-size: 16px
}

.catSelect{ height: 40px; border: 1px solid #00000011; border-radius: 4px; width: 500px; outline: none; padding: 0;  font-size: 16px; line-height:40px; position:relative }

.catSelect .catChoses { position:absolute; top:39px;  display:flex;background:#fff; }
.catSelect .catChoses .catChosItem{ min-width:230px; border:1px solid #00000011; padding:16px; }
.catSelect .catChoses .catChosItem .catChosItemtit{ color:#7140FE; font-size:16px; }
.catSelect .catChoses .catChosItem .catChosItemContent{ height:220px; overflow-y:auto;  }

.catChosItemContent::-webkit-scrollbar { width: 4px;}
.catChosItemContent::-webkit-scrollbar-track { background: #f1f1f1;}
.catChosItemContent::-webkit-scrollbar-thumb {background: #888;}
.catChosItemContent::-webkit-scrollbar-thumb:hover {background: #555; }
.catChosItemContent li{ height:30px; line-height:30px; border-left:1px solid #ffffff; background:url(../img/incright.png) no-repeat right center;   padding-left:12px; cursor:pointer; margin-bottom:16px; }
.catChosItemContent li.action{ background-color:#0E93CF11; border-left:1px solid #7140FE; }
.catChosItemContent li:hover{ background-color:#0E93CF11; border-left:1px solid #7140FE;}
.catconts{ display:flex; align-items: center;justify-content: left; height:40px; }
.catcontItem{ background:#0E93CF11; height:30px; padding-left:10px; padding-right:10px; line-height:30px; margin-left:5px; font-size:16px; }



.NoTips {
    width: 100%;
    margin-top: 20px;
    color: #888888;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}


.ask_price_title {
    display: flex;
    justify-content: center;
    align-items: baseline;
  
    font-weight: bold;
    font-size: 32px;
    color: #000000;
    margin-bottom: 24px;
}
.ask_price_title_text {
    margin: 0 80px;
}
.wline_l {
    position: relative;
    display: flex;
    align-items: baseline;
    transform: rotate(-30deg)
}
    .wline_l :first-child {
        width: 3px;
        height: 9px;
        background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);
        border-radius: 7px 7px 7px 7px;
        margin-right: 20px;
    }
    .wline_l :last-child {
        position: absolute;
        top: -10px;
        left: 20px;
        width: 9px;
        height: 29px;
        background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);
        border-radius: 7px 7px 7px 7px;
    }

.wline_r {
    position: relative;
    display: flex;
    align-items: baseline;
    transform: rotate(30deg)
}

    .wline_r :first-child {
        position: absolute;
        top: -10px;
        left: -20px;
        width: 9px;
        height: 29px;
        background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);
        border-radius: 7px 7px 7px 7px;
        margin-right: 20px;
    }

    .wline_r :last-child {
        width: 3px;
        height: 9px;
        background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);
        border-radius: 7px 7px 7px 7px;
    }

    .askform_con {
        background: #fff;
        min-height: 160px;
        box-sizing: border-box;
        padding: 50px 24px;
    }
.askform_box {
    box-sizing: border-box;
    padding: 0 50px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 24px;
}
.askform_title {
 
    font-weight: 400;
    font-size: 28px;
    color: #FF4141;
    text-align: left;
    margin-bottom: 24px;
}

.askform_item {
    display: flex;
    align-items: center;
    padding-bottom: 24px;
}
.askform_item_title {
    width: 150px;
   
    font-weight: 400;
    font-size: 20px;
    color: #333333;
    text-align: right;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: right;
}
    .askform_item_title :first-child {
        color: #FF4141;
    }

    .askform_item_cont {
    }

.askform_item_cont input {
    width: 600px;
    height: 48px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid rgba(0,0,0,0.1);
    font-size: 16px;
    box-sizing: border-box;
    padding: 0 12px;
}

        .askform_item_cont textarea {
            width: 600px;
            height: 80px;
            border-radius: 4px 4px 4px 4px;
            border: 1px solid rgba(0,0,0,0.1);
            font-size: 16px;
            box-sizing: border-box;
            padding: 12px;
        }
        

.ask_tips {
    
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    line-height: 23px;
    text-align: center;
    margin: 24px 0;
}
.askbtn_box {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 24px;
}
    .askbtn_box button {
        width: 192px;
        height: 68px;
        border-radius: 8px 8px 8px 8px;
        border: unset;
        margin: 0 24px;
       
        font-weight: 400;
        font-size: 24px;

        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        cursor: pointer;
    }

        .askbtn_box button:first-child {
            color: #fff;
            background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);
            border: 1px solid #7140FE;
        }
            .askbtn_box button:first-child:hover {
            
            
            }
            .askbtn_box button:nth-child(2) {
                color: #333333;
                background: #fff;
                border: 1px solid rgba(51,51,51,0.5);
            }
                .askbtn_box button:nth-child(2):hover {
                
                    
                }

.expire_pro_con {
    display: flex;
    flex-wrap: wrap;
}

    .expire_pro_item {
        width: 260px;
        height: 345px;
        background: #0000000F;
        margin-right: 16px;
        margin-top: 16px;
        border-radius: 4px;
        overflow: hidden;
        
    }

        .expire_pro_item .proImg {
            text-align: center; height: 210px;
        }

            .expire_pro_item .proImg img {
                height: 210px;
             
            }

        .expire_pro_item .promess {
            height: 115px;
            background: #fff;
            padding-top: 20px;
            padding-left: 24px;
            padding-right: 24px;
        }

            .expire_pro_item .promess .pname {
                font-size: 16px;
                color: #333;
                line-height: 22px;
                height: 45px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }

            .expire_pro_item .promess .rq {
                font-size: 16px;
                color: #3333337F;
                padding-top: 8px;
            }

.probation_title {
    display: flex;
    justify-content: center;
    align-items: baseline;
   
    font-weight: bold;
    font-size: 32px;
    color: #000000;
    margin-bottom: 24px;
}

.probation_title_text {
    margin: 0 80px;
}

.probation_con {

}

.probation_item {
    box-sizing: border-box;
    padding: 16px 12px;
    background: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.probation_pr_img {
    width: 300px;
    height: 220px;
    margin-right: 24px;
    flex-shrink: 0;
}
    .probation_pr_img img {
        width: 100%;
        height: 100%;
        display: block;
    }
.pb_pr_info {
    width: 880px;
    box-sizing: border-box;
    padding: 0 100px 0 0;
    margin-right: 36px;
}
.pb_pr_title {
   
    font-weight: bold;
    font-size: 24px;
    color: #000000;
    margin-bottom: 16px;
}
.pb_pr_sp_box {
    display: flex;
    margin-bottom: 16px;
}

.pb_pr_sp_item {
    display: flex;
   
    font-weight: 400;
    font-size: 16px;
    margin-right: 48px;
}

    .pb_pr_sp_item :first-child {
        color: rgba(51,51,51,0.5);
    }
    .pb_pr_sp_item :last-child {
        color: #7140FE;
    }

.pb_pr_company {
    display: flex;
    margin-bottom: 16px;
    font-size: 16px;
}
    .pb_pr_company :first-child {
        color: rgba(51,51,51,0.5);
    }

    .pb_pr_company :last-child {
        color: #7140FE;
    }
.pb_pr_des {
    display: flex;
    align-items: flex-start;
   
    font-weight: 400;
    font-size: 16px;
}
    .pb_pr_des :first-child {
        color: rgba(51,51,51,0.5);
        flex-shrink: 0;
    }

    .pb_pr_des :last-child {
        color: #333333;
    }
.pb_btn {

}
    .pb_btn button {
        display: flex;
        justify-content: center;
        align-items: center;
        outline: none;
        border: unset;
        cursor: pointer;
        flex-wrap:inherit;
        width: 140px;
        height: 45px;
        background: linear-gradient( 180deg, #407EFE 0%, #7140FE 100%);
        border-radius: 4px 4px 4px 4px;
        font-size: 20px;
        color: #FFFFFF;
    }
.pb_btn_end {
    background: rgba(51,51,51,0.3) !important;
    color: #fff !important;
}

.EmptyTips {
    padding: 10px 0;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}