.e_ContentMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }   .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_ContentMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_ContentMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }ul{ list-style: none; font-size: 0; padding: 0; margin: 0; } ul span{ font-size: 14px; } #atlassJson{ display: none; } .top_nav{ min-width: 800px; } .top_nav li{ font-size: 14px; line-height: 30px; width: 100px; text-align: center; display: inline-block; cursor: pointer; } .top_nav>li.active{ border: 1px solid #00ae66; box-sizing: border-box; } .product_list{ margin-top:15px; width: 1000px; height: auto; } .product_list>li.active{ border: 1px solid #00ae66; box-sizing: border-box; } .product_list .pic{ width: 152px; height: 115px; border: 1px solid #6666; box-sizing: border-box; margin-left: 25px; margin-top: 20px; margin-bottom:10px; } .product_list .pic>img{ max-width: 150px; max-height: 120px; } .product_list li{ font-size: 14px; display: inline-block; width: 200px; height: 178px; } .product_list li p{ text-align: center; } .product_list li p span{ display: none; padding-left: 5px; padding-right: 5px; background: red; color: white; } .product_detail{ border: 1px solid #6666; margin-top: 20px; height: 800px; position: relative; } .product_detail .spec_list{ display: inline-block; } .product_detail .spec_list li{ font-size: 14px; width: 100px; height: 110px; border: 1px solid #e4e4e400; } .product_detail .spec_list >li.active{ border: 1px solid #00ae66; box-sizing: border-box; } .product_detail .spec_list li .spec_list_pic{ width: 60px; height: 60px; margin-left: 20px; margin-top: 10px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 50%; } .product_detail .spec_list li .spec_list_pic>img{ max-width: 60px; max-height: 60px; } .product_detail .spec_list li p{ text-align: center; } .product_detail .spec_detail{ width: 250px; height: 540px; display: inline-block; background: #ddd; position: absolute; top:0; left: 120px; } .product_detail .spec_detail li{ font-size: 14px; width: 200px; height: 125px; box-sizing: border-box; margin-left: 25px; border:1px solid #e4e4e400; } .product_detail .spec_detail>li.active{ border: 1px solid #00ae66; box-sizing: border-box; } .product_detail .spec_detail li .spec_detail_pic{ width: 120px; height: 80px; border: 1px solid #000; margin-left: 40px; margin-top: 10px; border-radius: 5px; box-sizing: border-box; } .product_detail .spec_detail li .spec_detail_pic>img{ max-width: 120px; max-height: 80px; } .product_detail .spec_detail li p{ text-align: center; } .product_detail .spec_pic_show{ display: inline-block; width: 580px; height: 540px; background: #ccc; position: absolute; top: 0; left: 400px; } .product_detail .spec_pic_show>img{ max-width: 718px; max-height: 540px; } .product_detail .relevance_list{ position: absolute; top: 560px; width: 1000px; height: 230px; } .product_detail .relevance_list li{ display: inline-block; width: 230px; height: 230px; font-size: 14px; margin-left: 15px; } .product_detail .relevance_list li .pic{ width: 230px; height: 130px; border: 1px solid #000; box-sizing: border-box; } .c_homeDecorationAtlas_detail-01001 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_homeDecorationAtlas_detail-01001{width:1143px; height:1048px; position:absolute; } *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{}body,#-remove--flag{}#c_homeDecorationAtlas_detail-15343004443267066 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_homeDecorationAtlas_detail-15343004443267066 .stylebox_title{background-color:#d82328; }#c_homeDecorationAtlas_detail-15343004443267066 .stylebox_top{background-color:#eee!important; }#c_homeDecorationAtlas_detail-15343004443267066 .top_nav>li.active{border:1px solid #d82328; }#c_homeDecorationAtlas_detail-15343004443267066 .product_list>li.active{border:1px solid #d82328; }#c_homeDecorationAtlas_detail-15343004443267066 .spec_list >li.active{border:1px solid #d82328; }#c_homeDecorationAtlas_detail-15343004443267066 .spec_detail>li.active{border:1px solid #d82328; width:160px; }#c_homeDecorationAtlas_detail-15343004443267066 .spec_detail_pic{width:82px; height:82px; border:1px solid #000; margin-left:40px; margin-top:10px; border-radius:0; box-sizing:border-box; }#c_homeDecorationAtlas_detail-15343004443267066 .spec_detail{width:215px; height:540px; display:inline-block; background:#fff; position:absolute; top:0; left:120px; }#c_homeDecorationAtlas_detail-15343004443267066 .product_detail{border:0; margin-top:20px; background:#eee; height:543px; position:relative; }#c_homeDecorationAtlas_detail-15343004443267066 .nav-cont.js_navCont{background:#eee; }#c_homeDecorationAtlas_detail-15343004443267066 .product_list{background:#f2f2f2; width:1200px; border-bottom:1px solid #ddd; }#c_homeDecorationAtlas_detail-15343004443267066{position:absolute; height:903px; width:1200px; left:1px; z-index:1; top:744px; }