#indexPage *{box-sizing:border-box}.w1200{width:1200px;margin:0 auto}.index-logo{display:block;width:139px;height:118px;margin:15px auto}.nav-link{width:1200px;height:48px;line-height:48px;margin:0 auto;overflow:hidden}.nav-link li{float:left;margin-right:60px}.nav-link li.selected a{color:#E56A69}.nav-link li a{color:000;font-size:14px;font-weight:bold;display:inline-block;padding:0 20px 0 0}.nav-link li a:hover{color:#E56A69}.nav-link .user-info a{display:inline-block}.nav-link .user-info a.user{margin:0 40px}.nav-link .user-info img{width:25px;height:25px;vertical-align:middle}.banner-box{width:100%;position:relative}.banner-box img{width:100%;height:650px}.banner-box .el-carousel__indicators .el-carousel__indicator.is-active .el-carousel__button{background:#000}.banner-box .el-carousel__indicators .el-carousel__button{width:0.26rem;height:6px;background:#D2D2D2;border-radius:3px}.banner-box .recommend-classify{width:1200px;height:180px;position:absolute;bottom:100px;left:50%;margin-left:-600px;padding-left:5px;z-index:10}.banner-box .recommend-classify li{float:left;width:290px;height:80px;border-radius:4px;margin:10px 10px 0 0;background-size:100% 100%}.banner-box .recommend-classify li:nth-child(4n){margin-right:0}.banner-box .recommend-classify li:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1)}.banner-box .recommend-classify li a{display:flex;align-items:center;color:#fff;height:80px;padding-left:20px}.banner-box .recommend-classify li h3{font-size:14px;margin-bottom:3px}.index-tab .el-tabs__header{text-align:center}.index-tab .el-tabs__nav-wrap{width:auto;text-align:center;margin:0 auto;display:inline-block}.index-tab .el-tabs__nav-wrap .el-tabs__item{width:auto;height:35px;padding:0 20px !important;font-size:16px;font-weight:bold}.index-tab .el-tabs__nav-wrap .el-tabs__item.is-active,.index-tab .el-tabs__nav-wrap .el-tabs__item:hover{color:#89784A}.index-tab .el-tabs__nav-wrap .el-tabs__active-bar{background-color:#89784A}.index-tab .el-tabs__nav-wrap::after{display:none}.index-tab .el-tabs__nav{float:unset}.index-tab .cat{padding-bottom:15px}.index-tab .cat li{float:left;width:290px;height:80px;border-radius:4px;margin:10px 10px 0 0;background-color:#F5F5F5;background-size:100% 100%}.index-tab .cat li:nth-child(4n){margin-right:0}.index-tab .cat li:hover{border:1px solid #E6E6E6;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1)}.index-tab .cat li a{display:flex;align-items:center;color:#B2B2B2;height:80px;padding-left:20px}.index-tab .cat li h3{font-size:14px;margin-bottom:3px;color:#000}.index-tab .room li{float:left;width:290px;height:80px;border-radius:4px;margin:10px 10px 0 0;background-size:100% 100%}.index-tab .room li:nth-child(4n){margin-right:0}.index-tab .room li:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1)}.index-tab .room li a{display:flex;align-items:center;color:#fff;height:80px;padding-left:20px}.index-tab .room li h3{color:#fff;font-size:14px;margin-bottom:3px}.index-tab.brand{background-color:#F5F5F5;padding:90px 0}.index-tab .brand-list{padding:15px 0}.index-tab .brand-list li{float:left;width:380px;height:auto;border-radius:4px;margin-right:10px;margin-bottom:10px;background-color:#F5F5F5;border:1px solid #ECECEC}.index-tab .brand-list li:nth-child(3n){margin-right:0}.index-tab .brand-list li:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1)}.index-tab .brand-list li img{width:100%;height:215px;vertical-align:top}.index-tab .brand-list li .info{width:100%;height:100px;display:flex;align-items:center;justify-content:center;padding:0 55px;background-color:#fff;border-top:0}.index-tab .brand-list li .info h3{color:#000;font-weight:bold;margin:25px 0 10px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.index-tab .brand-list li .info h3 span{position:relative}.index-tab .brand-list li .info h3 span::after{content:'';display:block;width:50%;height:2px;background-color:#000;position:absolute;left:25%;bottom:-5px}.index-tab .brand-list li .info p{width:100%;height:16px;line-break:16px;color:#92969C;font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.example .example-adv{width:100%;height:auto}.example .example-list li{float:left;width:380px;margin:30px 30px 0 0}.example .example-list li:nth-child(3n){margin-right:0}.example .example-list li:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1)}.example .example-list li img{width:380px;height:215px}.example .example-list li .info{padding:20px 10px}.example .example-list li .info h3{width:100%;height:20px;line-height:20px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.example .example-list li .info p{width:100%;height:15px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#92969C}.cat-goods{width:1200px;margin:90px auto 0}.cat-goods .title{line-height:45px;height:45px;margin-bottom:10px;border-bottom:1px solid #D2D2D2}.cat-goods .title h3{color:#000;font-size:26px;font-weight:bold}.cat-goods .title .rt a{font-size:14px;color:#000;font-weight:400;padding:0 8px;position:relative}.cat-goods .title .rt a::after{content:'';width:1px;height:60%;background:#666;position:absolute;top:20%;right:0}.cat-goods .title .rt a:last-child::after{display:none}.cat-goods .goods-list li{float:left;width:285px;border-radius:4px;margin-right:20px;margin-bottom:70px}.cat-goods .goods-list li a{display:block;position:relative}.cat-goods .goods-list li a:hover::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(255,255,255,0.2)}.cat-goods .goods-list li:nth-child(4n){margin-right:0}.cat-goods .goods-list li img{width:228px;height:228px;display:block;margin:0 auto}.cat-goods .goods-list li .info{border-top:1px solid #D2D2D2;text-align:center;padding:15px}.cat-goods .goods-list li .name,.cat-goods .goods-list li .price{color:#000;font-size:16px;font-weight:bold;line-height:24px}.cat-goods .goods-list li .name span,.cat-goods .goods-list li .price span{font-size:14px}.cat-goods .show-more{width:504px;height:54px;text-align:center;line-height:54px;color:#000;font-size:18px;border:2px solid #313131;display:block;margin:0 auto}.cat-goods .show-more:hover{color:#fff;background:#313131}.floor-nav{position:fixed;left:50%;top:50%;margin-left:-695px;z-index:7;background:#fff;border:1px solid #ddd;border-radius:5px;display:none;overflow:hidden}.floor-nav>li{width:60px;height:40px;padding:5px;line-height:15px;font-size:12px;color:#999;text-align:center;overflow:hidden;cursor:pointer}.floor-nav>li+li{border-top:1px solid #ddd}.floor-nav>li:hover{background:#aaa;color:#fff}.floor-nav .floor-nav-ac{background:#aaa;color:#fff}.floor-nav>li>span{display:block;height:15px;width:50px;overflow:hidden}.slidebar-right{position:fixed;right:20px;bottom:20px;z-index:7;background:#fff;border:1px solid #ddd}.slidebar-item{position:relative;display:block;width:40px;height:40px;border-bottom:1px solid #ddd;background-image:url("/template/pc/rainbow/static/images/ico-tphsop-index.png");background-repeat:no-repeat}.ico-slidebar1{background-position:-235px 0}.ico-slidebar2{background-position:-275px 0}.ico-slidebar3{background-position:-235px -40px}.ico-slidebar4{border-bottom:none;height:0;overflow:hidden;background-position:-275px -40px}.sbar-hover-txt{display:none;position:absolute;left:0;top:0;width:40px;height:40px;padding:5px;font-size:12px;color:#fff;line-height:15px;background-color:#aaa;text-align:center}.slidebar-item:hover .sbar-hover-txt{display:block}.sbar-hover-pic{position:absolute;left:61px;top:-41px;padding:10px;width:100px;background:#fff;border:1px solid #ddd;opacity:0}.slidebar-item:hover .sbar-hover-pic{left:-117px;opacity:1;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}.sbar-hover-pic:before{content:'';position:absolute;left:101px;top:48px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:14px solid #ddd}.sbar-hover-pic:after{content:'';position:absolute;left:100px;top:49px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:13px solid #fff}.ico-slidebar3 .sbar-hover-pic{top:-82px}.ico-slidebar3 .sbar-hover-pic:before{top:89px}.ico-slidebar3 .sbar-hover-pic:after{top:90px}
