.main { min-height: calc(100% - 370px); overflow: hidden; }

.main .main-warp { background: url(../images/bg.png) no-repeat top center; background-size: 100%; }

.main .main-warp .to-buy-content { margin: 0 auto; width: 1200px; }

.main .main-warp .to-buy-content .search-box { padding-top: 30px; height: 40px; }

.main .main-warp .to-buy-content .search-box .search-left span { line-height: 40px; margin-right: 10px; font-size: 14px; color: #FFFFFF; }

.main .main-warp .to-buy-content .search-box .search-center { height: 40px; }

.main .main-warp .to-buy-content .search-box .search-center .search-input { padding-right: 60px; border-radius: 2px; height: 100%; line-height: 40px; border: none; outline: none; width: 361px; padding-left: 36px; position: relative; font-size: 12px; color: #999999; }

.main .main-warp .to-buy-content .search-box .search-center .search-icon { z-index: 999; position: absolute; left: 16px; top: 14px; width: 13px; height: 13px; }

.main .main-warp .to-buy-content .search-box .search-center .search-btn { top: 0px; right: 0px; position: absolute; width: 60px; height: 40px; line-height: 40px; text-align: center; background-color: #F5F5F5; outline: none; border: none; border-top-right-radius: 2px; border-bottom-right-radius: 2px; font-size: 14px; }

.main .main-warp .to-buy-content .search-box .search-center .search-btn:hover { background-color: #4190E9; color: #FFFFFF; }

.main .main-warp .to-buy-content .search-box .search-cancel-btn { display: none; }

.main .main-warp .to-buy-content .search-box .search-cancel-btn .cancel-btn { border-radius: 2px; margin-left: 16px; font-size: 14px; color: #666666; width: 88px; height: 40px; line-height: 40px; text-align: center; background-color: #F5F5F5; outline: none; border: none; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.main .main-warp .to-buy-content .search-box .search-right a { height: 16px; line-height: 40px; font-size: 14px; color: #FFFFFF; }

.main .main-warp .to-buy-content .search-box .search-right a:hover { border-bottom: 1px solid #ffffff; }

.main .main-warp .to-buy-content .games-box { box-shadow: 0 0 5px rgba(184, 184, 184, 0.5); margin: 30px 0 60px 0; background-color: #FFFFFF; border-radius: 5px; }

.main .main-warp .to-buy-content .games-box .game-sort-box .game-sort-bottom .game-letter-item { margin: 0 25px; }

.main .main-warp .to-buy-content .games-box .game-sort-box .game-sort-bottom .game-letter-item .game-letter-ul { background-color: #F5F5F5; height: 40px; line-height: 40px; padding: 0 16px; }

.main .main-warp .to-buy-content .games-box .game-sort-box .game-sort-bottom .game-letter-item .game-letter-ul li { float: left; height: 40px; width: 16px; text-align: center; margin-right: 25px; cursor: pointer; font-size: 14px; color: #333333; }

.main .main-warp .to-buy-content .games-box .game-sort-box .game-sort-bottom .game-letter-item .game-letter-ul li:hover { color: #4190E9; }

.main .main-warp .to-buy-content .games-box .game-sort-box .game-sort-bottom .game-letter-item .game-letter-ul li:hover > a { color: #4190E9 !important; }

.main .main-warp .to-buy-content .games-box .game-sort-box .game-sort-bottom .game-letter-item .game-letter-ul .current1 { color: #4190E9; }

.main .main-warp .to-buy-content .games-box .game-sort-box .game-sort-bottom .game-letter-item .game-letter-ul .hotgame { width: 56px; margin-right: 23px; }

.main .main-warp .to-buy-content .games-box .game-sort-box .game-sort-bottom .game-letter-item .game-letter-ul .last-li { margin-right: -2px; }

.main .main-warp .to-buy-content .games-box .search-result-box { display: none; padding: 0px 24px; height: 65px; line-height: 65px; }

.main .main-warp .to-buy-content .games-box .search-result-box .search-result-left span { height: 20px; font-size: 16px; }

.main .main-warp .to-buy-content .games-box .search-result-box .search-result-right { font-size: 14px; color: #666666; }

.main .main-warp .to-buy-content .games-box .search-result-box .search-result-right span { color: #4190E9; }

.main .main-warp .to-buy-content .game-list-box .no-goods-box { height: 541px; text-align: center; position: relative; }

.main .main-warp .to-buy-content .game-list-box .no-goods-box .no-goods-content { height: 233px; width: 216px; position: absolute; left: 50%; top: 50%; margin-left: -108px; margin-top: -116px; }

.main .main-warp .to-buy-content .game-list-box .no-goods-box .no-goods-content img { width: 100%; }

.main .main-warp .to-buy-content .game-list-box .no-goods-box .no-goods-content span { display: block; padding-top: 15px; font-size: 16px; color: #666666; }

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { *zoom: 1; }

.header .nav {  }