.tab_content { display: none; } .hide { display: none; } .lf { float: left; } .lr { float: right; } .red, .red a, .red a h5, .red a p { color: #FF0000 !important; } html { background: #f9f9f9; } .main-group { width: 100%; /* margin:80px auto; */ } .ranking-title { text-align: center; /* padding:0 0 40px 0; */ } .ranking-title .title { font-size: 28px; font-weight: bold; color: #dd393d; } .ranking-title .brand { margin: 5px auto 10px auto; width: 30px; height: 3px; background: #fdc936; border-radius: 20px; } .ranking-title .desc { font-size: 12px; } .tabContainer { display: flex; background: #49cfb0; } .tabContainer div { width: 25%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #ffffff; cursor: pointer; } .tabContainer div.active { color: #FFFFFF; background: #04be94; font-weight: 900; } .a48_YTQ0_aXRlbXMtYm94LWdyb3Vwdg .a48_YTQ0_aXRlbXMtZ3JvdXB2 .item-group { display: flex; align-items: center; background: #fff; margin-top: 5px; padding: 20px 0; } .a48_YTQ0_aXRlbXMtYm94LWdyb3Vwdg .a48_YTQ0_aXRlbXMtZ3JvdXB2 .item-group .img { width: 10%; text-align: center; background: url(../imgs/sort.png) no-repeat; background-size: 30px 30px; background-position: 50% 50%; height: 40px; line-height: 45px; color: #fff; font-weight: bold; font-size: 14px } .a48_YTQ0_aXRlbXMtYm94LWdyb3Vwdg .a48_YTQ0_aXRlbXMtZ3JvdXB2 .item-group .item-data { width: 70%; } .a48_YTQ0_aXRlbXMtYm94LWdyb3Vwdg .a48_YTQ0_aXRlbXMtZ3JvdXB2 .item-group .buttin-group { width: 20%; } .item-data .title { font-size: 20px; font-weight: bold; } .item-data .title span { color: #9e9e9e; margin-left: 10px; } .item-price { display: flex; margin-top: 10px; } .item-price div { width: 33.33%; font-size: 30px; font-weight: bold; color: #dd393d; } .item-price div span { font-size: 24px } .item-price div p { font-size: 14px; color: #9e9e9e; font-weight: 400; } .buttin-group a { width: 80%; height: 36px; line-height: 36px; border: 0; background: #f98821; color: #fff; border-radius: 30px; display: inline-block; text-align: center; text-decoration: none; } /**新加css**/ .a48_content { width: 1200px; margin: 0 auto; padding-top: 20px; } .a48_content_conttentBox { width: 860px; padding-bottom: 1px; } .fn-left { float: left; display: inline; } .a48_content_conttentBox1 { margin-top: 10px; width: 100%; height: auto; margin-bottom: 6px; } .clearfix { zoom: 1; } .a48_content_conttentBox1_videolist { position: relative; /* width: 426px; height: 400px; */ /* border: 0 solid green; */ overflow: hidden; } .fl { float: left; } .fr { float: right; } .a48_content_conttentBox2 { margin-top: 10px; width: 858px; height: auto; margin-bottom: 6px; background: #fff; } .a48sidebar { width: 300px; padding-bottom: 1px; position: relative; } .fn-right { float: right; display: inline; } .mt21 { margin-top: 20px; } .a48_topconBar { background: #F56C6C; width: 1200px; height: 40px; color: #fff; font-size: 20px; display: table-cell; vertical-align: middle; } .a48_topconBar span { margin-left: 10px; }