.indexheader{position:relative;height:400px}.indexheader .indexRotImgBox{position:relative;height:400px}.indexheader .indexRotImgBox .swiper-container{min-width:1210px;height:100%;color:#fff;text-align:center}.indexheader .indexRotImgBox .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:100%}.indexheader .indexRotImgBox .swiper-container .indexheaderpagination{position:absolute;z-index:1;left:calc(50% + 368px);transform:translateX(-100%);bottom:10px}.indexheader .indexRotImgBox .swiper-container .indexheaderpagination .swiper-pagination-switch{display:inline-block;width:8px;height:8px;border-radius:8px;background:#666;margin-right:5px;opacity:.8;border:1px solid #fff;cursor:pointer}.indexheader .indexRotImgBox .swiper-container .indexheaderpagination .swiper-active-switch{background:#fff}.indexheader .leftcontent{width:238px;height:100%;position:absolute;top:0;left:calc(50% - 605px);z-index:2}.indexheader .leftcontent .content:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(51,78,87,.8);z-index:-1}.indexheader .leftcontent .content{width:100%;height:400px;color:#fff}.indexheader .leftcontent .content .fenge:nth-child(1){border-bottom:none}.indexheader .leftcontent .content .fenge{margin:0 auto;width:186px;border-bottom:1px dashed rgba(255,255,255,.35)}.indexheader .leftcontent .content .firstcategoryitem:nth-child(2){height:50px}.indexheader .leftcontent .content .firstcategoryitem{width:calc(100% - 52px);height:49px;padding:15px 26px;cursor:pointer;overflow:hidden}.indexheader .leftcontent .content .firstcategoryitem .title{margin-bottom:10px;display:flex;flex-direction:row;align-items:flex-end}.indexheader .leftcontent .content .firstcategoryitem .title .firstcategoryitemicon{font-size:26px}.indexheader .leftcontent .content .firstcategoryitem .title .titleText{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-left:5px}.indexheader .leftcontent .content .firstcategoryitem .topThreeCategory{font-size:12px;line-height:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.indexheader .leftcontent .content .firstcategoryitem .topThreeCategory span:last-child{display:none}.indexheader .leftcontent .content .firstcategoryitem .otherCategoryMid{position:absolute;top:0;left:100%;width:651px;height:367px;padding-top:33px;padding-left:23px;padding-right:60px;background:#fff;z-index:2;overflow:hidden;box-shadow:0 0 2px 1px #ccc}.indexheader .leftcontent .content .firstcategoryitem .otherCategoryMid .otherCategoryContent{width:100%;font-size:14px;line-height:26px;margin-bottom:15px}.indexheader .leftcontent .content .firstcategoryitem .otherCategoryMid .otherCategoryContent .secondCategory{display:inline-block;float:left;max-width:120px}.indexheader .leftcontent .content .firstcategoryitem .otherCategoryMid .otherCategoryContent .secondCategory span:first-child{font-weight:bold}.indexheader .leftcontent .content .firstcategoryitem .otherCategoryMid .otherCategoryContent .thirdCategories{display:inline-block;float:right;width:500px;word-break:keep-all;padding-bottom:10px;border-bottom:1px dashed #666}.indexheader .leftcontent .content .firstcategoryitem .otherCategoryMid .otherCategoryContent .thirdCategories a{padding:0 5px;color:#333}.indexheader .leftcontent .content .firstcategoryitemactivate{background:#72c6c6}.indexheader .rightcontent{width:198px;height:100%;background:#fff;position:absolute;left:calc(50% + 368px);top:50%;transform:translateY(-50%);z-index:1;padding:0 20px;display:flex;flex-direction:column;justify-content:space-between}.indexheader .rightcontent #logoned{height:100%}.indexheader .rightcontent #logoned .myInfo{display:flex;flex-direction:column;align-items:center;padding:20px;border-bottom:1px dashed #ccc;font-size:12px;color:#666}.indexheader .rightcontent #logoned .myInfo .avatar{width:60px;height:60px;border:1px solid #ccc;margin-bottom:10px}.indexheader .rightcontent #logoned .myInfo .avatar img{width:100%;height:100%}.indexheader .rightcontent #logoned .myInfo .myPhone{font-size:13px;line-height:16px;white-space:nowrap;color:#666}.indexheader .rightcontent #logoned .myInfo .myPhone:hover{color:#087c7c}.indexheader .rightcontent #logoned .myInfo .company{height:20px;line-height:20px;margin-top:5px;max-width:100%;margin-bottom:20px;font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.indexheader .rightcontent #logoned .myInfo .company:hover{color:#087c7c}.indexheader .rightcontent #logoned .myInfo .identityBox{background:linear-gradient(#14b6b6,#5faeae);width:130px;height:26px;border-radius:26px;box-shadow:0 0 3px 0 #ccc;display:flex;flex-direction:row;align-items:center;justify-content:center}.indexheader .rightcontent #logoned .myInfo .identityBox img{width:15px;margin-right:5px}.indexheader .rightcontent #logoned .myInfo .identityBox .identity{color:#fff;font-size:12px;line-height:26px}.indexheader .rightcontent #unlogon .userAvatar{display:flex;flex-direction:column;align-items:center;margin-top:20px}.indexheader .rightcontent #unlogon .userAvatar .userAvatarImg{display:inline-block;width:50px;height:50px;border-radius:50%;background:#f6f6f6;text-align:center;line-height:50px;margin-bottom:10px}.indexheader .rightcontent #unlogon .userAvatar .userAvatarImg .unloginAvatar{font-size:40px;color:#dfdfdf}.indexheader .rightcontent #unlogon .userAvatar .userAvatarText{font-size:12px;color:#666;line-height:16px}.indexheader .rightcontent #unlogon .userLogin{margin-top:15px}.indexheader .rightcontent #unlogon .userLogin div{width:170px;height:25px;font-size:12px;margin:0 auto;text-align:center;line-height:25px}.indexheader .rightcontent #unlogon .userLogin div a{display:block;width:100%;height:100%;color:#fff}.indexheader .rightcontent #unlogon .userLogin .login{margin-bottom:5px;border:1px solid #5faeae;background-color:#5faeae}.indexheader .rightcontent #unlogon .userLogin .login:hover{background-color:#489090}.indexheader .rightcontent #unlogon .userLogin .register{background:#1f69db}.indexheader .rightcontent #unlogon .userLogin .register a{color:#fff}.indexheader .rightcontent #unlogon .managerPanel{width:170px;margin:0 auto}.indexheader .rightcontent #unlogon .managerPanel div.panel{width:60px;text-align:center;margin-top:20px}.indexheader .rightcontent #unlogon .managerPanel div.panel .topicon{margin:0 auto;height:30px}.indexheader .rightcontent #unlogon .managerPanel div.panel .topicon img{height:100%;width:auto}.indexheader .rightcontent #unlogon .managerPanel div.panel .bottomtext{font-size:12px;color:#666;margin-top:10px}.indexheader .rightcontent #unlogon .managerPanel div.panel:nth-child(2n+1){float:left}.indexheader .rightcontent #unlogon .managerPanel div.panel:nth-child(2n){float:right}.indexheader .rightcontent #unlogon .vline{margin:12px auto;width:210px;border-bottom:1px solid #f6f6f6}.indexheader .rightcontent #unlogon .notice .tabs{width:210px;margin:0 auto;padding-bottom:10px}.indexheader .rightcontent #unlogon .notice .tabs a{color:#333;font-size:12px;display:inline-block}.indexheader .rightcontent #unlogon .notice .tabs a.activate{color:#ea1763;position:relative}.indexheader .rightcontent #unlogon .notice .tabs a.activate .horline{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);width:30px;border-bottom:2px solid #ea1763}.indexheader .rightcontent #unlogon .notice .swiper-container{width:210px;height:56px;margin:0 auto;overflow:hidden}.indexheader .rightcontent #unlogon .notice .swiper-container .swiper-wrapper{width:210px;height:70px}.indexheader .rightcontent #unlogon .notice .swiper-container .swiper-wrapper .swiper-slide{width:210px;height:70px}.indexheader .rightcontent #unlogon .notice .swiper-container .swiper-wrapper .swiper-slide .noticeTitle{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.indexheader .rightcontent #unlogon .notice .swiper-container .swiper-wrapper .swiper-slide .noticeTitle a{color:#666}.indexheader .rightcontent .onlineBox{display:flex;flex-direction:row;align-items:center;background-color:#f6f6f6;padding:10px 20px;margin-bottom:10px}.indexheader .rightcontent .onlineBox .left_onlineBox{width:25px;height:25px;display:flex;flex-direction:row;justify-content:center;align-items:center}.indexheader .rightcontent .onlineBox .left_onlineBox img{width:92%;height:92%}.indexheader .rightcontent .onlineBox .left_onlineBox .left_onlineBoxHover{width:100%;height:100%;transition:.08s;cursor:pointer}.indexheader .rightcontent .onlineBox .right_onlineBox{display:flex;flex-direction:column;border-left:1px solid #ccc;padding-left:10px;margin-left:3px}.indexheader .rightcontent .onlineBox .right_onlineBox .exclusiveOnline{color:#666;font-size:13px}.indexheader .rightcontent .onlineBox .right_onlineBox .exclusiveOnline:hover,.indexheader .rightcontent .onlineBox .right_onlineBox .onlineAnswer:hover{color:#087c7c;cursor:pointer}.indexheader .rightcontent .onlineBox .right_onlineBox .onlineAnswer{color:#999;font-size:13px;margin-top:6px}.hotSaleHeader{width:1173px;height:66px;line-height:66px;margin:0 auto;padding-left:27px;padding-right:10px;background:#fff}.hotSaleHeader .hotSaleLeft .hot,.hotSaleHeader .hotSaleRight .hot{color:#ff2f53}.hotSaleHeader .hotSaleLeft .normal,.hotSaleHeader .hotSaleRight .normal{color:#ddd}.hotSaleHeader .hotSaleLeft .hotSaleTitle,.hotSaleHeader .hotSaleRight .hotSaleTitle{font-size:24px}.hotSaleHeader .hotSaleLeft .hotSaleSubTitle,.hotSaleHeader .hotSaleRight .hotSaleSubTitle{font-size:14px}.hotSaleHeader .hotSaleLeft{float:left;height:100%}.hotSaleHeader .hotSaleRight{float:right;height:100%}.hotSaleHeader .hotSaleRight a{font-size:12px;color:#666}.hotProductType .producttypes{position:relative;margin:0 auto;width:1210px;background:#fff;padding-bottom:18px}.hotProductType .producttypes a.arrow{position:absolute;top:50%;transform:translateY(-50%);display:block;width:10px;height:36px;background:#dadada;z-index:1}.hotProductType .producttypes .arrowLeft{left:0}.hotProductType .producttypes .arrowLeft .rightcircle{position:absolute;top:50%;transform:translateY(-50%);left:10px;width:18px;height:36px;line-height:32px;color:#fff;background-color:#dadada;border-radius:0 36px 36px 0}.hotProductType .producttypes .arrowLeft .rightcircle span{position:relative;left:-5px}.hotProductType .producttypes .arrowRight{right:0}.hotProductType .producttypes .arrowRight .leftcircle{position:absolute;top:50%;transform:translateY(-50%);right:10px;width:18px;height:36px;line-height:32px;color:#fff;background-color:#dadada;border-radius:36px 0 0 36px}.hotProductType .producttypes .arrowRight .leftcircle span{position:relative;right:-10px}.hotProductType .producttypes div.producttypeitem:last-child{border-left:none}.hotProductType .producttypes .producttypeitem{float:left;width:200.5px;height:270px;border-top:1px solid #e6e6e6;border-left-width:1px;border-left-style:solid;-o-border-image:linear-gradient(#e6e6e6,#fff) 70 20;border-image:linear-gradient(#e6e6e6,#fff) 70 20;position:relative}.hotProductType .producttypes .producttypeitem a{color:#000}.hotProductType .producttypes .producttypeitem .hotimg{position:absolute;right:0;top:0;width:42px;height:32px;text-align:center;line-height:26px;color:#fff;font-size:12px;background-image:url("/imgs/index/hotImg.png");background-repeat:no-repeat;background-size:100% 100%}.hotProductType .producttypes .producttypeitem .pimg{margin:0 auto;width:150px;height:150px;padding-top:30px;padding-bottom:25px;display:flex;flex-direction:row;justify-content:center;align-items:center}.hotProductType .producttypes .producttypeitem .pimg img{max-width:100%;max-height:100%}.hotProductType .producttypes .producttypeitem .pttitle{width:180px;margin:0 auto;height:40px;line-height:20px;font-size:16px;overflow:hidden}.hotProductType .producttypes .producttypeitem .pttitle p{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:block;-webkit-line-clamp:2;text-align:center}.hotProductType .swiper-container{height:230px}.hotProductType .swiper-container .swiper-slide{width:200.5px!important}.hotBrand{margin-top:10px}.hotBrand .brands{width:1183px;margin:0 auto;padding-left:27px;background:#fff;padding-bottom:18px}.hotBrand .brands .brandimg{float:left;width:313px;height:326px}.hotBrand .brands .brandimg img{width:100%;height:100%}.hotBrand .brands .brandcontent{float:left;position:relative;left:-9px;top:10px;width:870px}.hotBrand .brands .brandcontent .brandItem{position:relative;float:left;width:140px;height:78px;border:1px solid #e5e5e5;border-bottom:none;border-left:none}.hotBrand .brands .brandcontent .brandItem img{width:120px;height:30px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hotBrand .brands .brandcontent div.brandItem:nth-last-child(1),.hotBrand .brands .brandcontent div.brandItem:nth-last-child(2),.hotBrand .brands .brandcontent div.brandItem:nth-last-child(3),.hotBrand .brands .brandcontent div.brandItem:nth-last-child(4),.hotBrand .brands .brandcontent div.brandItem:nth-last-child(5),.hotBrand .brands .brandcontent div.brandItem:nth-last-child(6){border-bottom:1px solid #e5e5e5}.popularScenes .hotSaleHeader{background:none}.popularScenes .popularScenesBox{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;width:1210px;margin:0 auto}.popularScenes .popularScenesBox .scene{width:596px;background-color:#f6f6f6;display:flex;flex-direction:column;margin-bottom:28px}.popularScenes .popularScenesBox .scene .sceneHeader{width:560px;height:170px;padding:20px 0 20px 36px;display:flex;flex-direction:row;justify-content:space-between;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px}.popularScenes .popularScenesBox .scene .sceneHeader .sceneTitleBox{display:flex;flex-direction:column}.popularScenes .popularScenesBox .scene .sceneHeader .sceneTitleBox .sceneTitle{width:182px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:30px;margin-bottom:10px;color:#333;font-size:21px;font-weight:bold}.popularScenes .popularScenesBox .scene .sceneHeader .sceneTitleBox .sceneTitle:hover,.popularScenes .popularScenesBox .scene .sceneHeader .sceneTitleBox .sceneInfo:hover{color:#087c7c}.popularScenes .popularScenesBox .scene .sceneHeader .sceneTitleBox .sceneInfo{width:182px;height:130px;overflow:hidden;line-height:22px;color:#666;font-size:14px}.popularScenes .popularScenesBox .scene .sceneHeader .sceneImgA{display:flex;flex-direction:row;justify-content:center;align-items:center;width:350px;height:170px;overflow:hidden}.popularScenes .popularScenesBox .scene .sceneHeader .sceneImgA img{max-height:100%;max-width:100%}.popularScenes .popularScenesBox .scene .sceneProductBox{width:566px;height:200px;padding:18px 15px 14px;background-color:#fff;display:flex;flex-direction:row;overflow:hidden;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.popularScenes .popularScenesBox .scene .sceneProductBox li:hover{box-shadow:0 0 5px 1px #ddd}.popularScenes .popularScenesBox .scene .sceneProductBox li{display:flex;flex-direction:column;align-items:center;padding:12px 5px;margin:0 3px;width:125px;height:176px;min-width:125px;max-width:125px;border-radius:3px}.popularScenes .popularScenesBox .scene .sceneProductBox li .productA{border:1px solid #ccc;overflow:hidden;margin-bottom:16px;width:125px;height:125px;display:flex;flex-direction:row;justify-content:center;align-items:center}.popularScenes .popularScenesBox .scene .sceneProductBox li .productA img{max-width:100%;max-height:100%}.popularScenes .popularScenesBox .scene .sceneProductBox li .productType_scene{color:#333;font-size:15px;font-weight:bold;margin-bottom:6px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:120px}.popularScenes .popularScenesBox .scene .sceneProductBox li .productType_scene:hover,.popularScenes .popularScenesBox .scene .sceneProductBox li .tag_scene:hover{color:#087c7c}.popularScenes .popularScenesBox .scene .sceneProductBox li .tag_scene{font-size:12px;color:#999;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:110px}