@charset "utf-8";

body {background:#353739 url(../../images/meila/toplist/background_white.png) repeat 0px 0px; color: #666;
    　　font: normal 100% Helvetica, Arial, sans-serif;}

.toplist-head { margin-top: 0px; padding-bottom: 10px; background: url(../../images/meila/toplist/title_background.png) repeat 0px 0px;}
.toplist-back{width: 3.59375%; height: auto;
    display: block; float: left; position: relative; left: 33px; top: 12px;}
h1.toplist-title{ text-align: center; font-size: 1.4em; padding-top: 4px;}

.toplist-tabs ul li {background: url(../../images/meila/toplist/menu_y_m.png) repeat 0px 0px; font-size: 0.8em;
    color: #fff; float: left; width: 50%; text-align: center; height: 40px; box-shadow: 0px 1px 1px #999;}

.toplist-tabs ul li:first-child {border-bottom-left-radius: 6px; border-top-left-radius: 6px;}
.toplist-tabs ul li:last-child {border-bottom-right-radius: 6px; border-top-right-radius: 6px;}
.toplist-tabs ul li a {font-size: 1.5em; color: #fff; display: block; height: 32px; padding-top: 8px;}

.toplist-tabs ul li.selected {background: url(../../images/meila/toplist/menu_h_m.png) repeat 0px 0px; box-shadow: 0px 1px 1px #666;}
.toplist-tabs .splitter{width: 4px;
    height: 35px;position: relative;left: 50%;top: 3px;}

.toplist-content {padding-bottom: 10px;}

.content-title {margin-top: 10px; text-align: center;}
.content-title img{ width: 65.15625%; max-width: 220px;}

.content-subtitle { text-align: center; font-size: 0.7em; color: #999;}
.content-section { background-color: #fff; border-radius: 16px; margin: 10px 10px 0 10px; box-shadow:0px 0px 4px #999;}
.sec-title { height: auto; padding: 4px 15px 0px 20px; position: relative;}
.sec-title img{ width: 20.9375%;}
.sec-title-text {color: #333; font-size: 1em; position: relative; top: -20px;}
.bottom-arrow { width: 41px; height: 9px; background: url(../../images/meila/toplist/down.jpg) no-repeat;position: absolute;bottom: -9px;left: 14.17%; z-index: 1;}

.sec-products {padding-bottom: 10px; padding-top: 0px;}
.sec-products-hot {padding-top: 15px;}
.sec-product{ border-top: #DEE6EB 1px solid; height: auto; overflow: hidden; position: relative;}
.sec-products .sec-index-1 {border: none;}

.product-banner{ background-color: #fff; width: 35.9375%;max-width: 200px; height: auto; border: #DEE6EB 1px solid; border-radius: 10px; float: left; margin: 20px 0 20px 3.125%}
.product-banner img{width: 90%; max-width: 200px; height: auto; margin: 5px 0 5px 5px;}
.sec-odd { background-color: #FBFBFB; }
.sec-even { background-color: #FEFEFE; }
.product-info {float: left; height: auto; width: 53.125%; overflow: hidden; position: relative; top: 20px; left: 3.90625%; }
.product-title { font-size: 0.8em; font-weight: bold; color: #292929; height: auto; min-height: 30px; }
.product-effect { font-size: 0.7em; color: #898989; height: auto; min-height: 32px; overflow: hidden;}
.product-price, .product-comment  { font-size: 0.7em; color: #898989;}
.product-sc { position: relative; top: 2px;}
.product-comment { margin-left: 1px;}

.sec-index-img { position: absolute; left: 0.125%; top: 7%; width: 12%; max-width: 50px;  }