.welcome { position: absolute; top: 0; left: 0; right: 0; z-index: 1099; }
.tmbox { position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; text-align: center; line-height: 24px; background: #8c8c8c; border-radius: 50%; color: #fff; font-size: 20px; font-weight: bold; }
.break-box { position: absolute; top: 50px; right: 16px; line-height: 24px; color: #fff; font-size: 16px; font-weight: 400; }
.logo-title-box { position: absolute; top: 180px; width: 100%; color: #fff; text-align: center; }
.footer-copyright { position: absolute; bottom: 20px; width: 100%; color: #D7D7D7; text-align: center; }
.footer-copyright a { font-size: 12px; text-decoration: none; color: #fff; }

.home-copyright { width: 100%; text-align: center; margin-top: 20px; }
.home-copyright a { font-size: 12px; text-decoration: none; color: #fff; }

.modal-tl { height: 50px; width: 100%; line-height: 50px; text-align: center; font-size: 1.6em; color: #fff; position: relative;
    background: -moz-linear-gradient(top, #D90504 0%, #B20D04 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D90504), color-stop(100%, #B20D04));
    background: -webkit-linear-gradient(top, #D90504 0%, #B20D04 100%);
    background: -o-linear-gradient(top, #D90504 0%, #B20D04 100%);
    background: -ms-linear-gradient(top, #D90504 0%, #B20D04 100%); }
.modal-tl div { font-size: 0.7em; position: absolute; top: 0; right: 20px; }
.head-space { height: 50px; }
.banner-img { width: 100%; min-height: 180px; }

#news_list { height: 20px; line-height: 20px; overflow: hidden; margin: 10px auto; color: #fff; position: absolute; top: 0; left: 40px; }
#news_list a:visited, #news_list a:active { color: #fff; text-decoration: none; }

.recommend-tl { color: #AEB0C8; font-size: 16px; font-weight: 400; cursor: pointer; }
.recommend-btn { position: absolute; top: 10px; right: 15px; }
.subscript {
    color: purple; height: 24px; width: 120px; position: absolute; top: 10px; right: -50px; text-align: center; line-height: 24px; padding-right: 16px; background-color: orange; -moz-transform:rotate(40deg); -webkit-transform:rotate(40deg); -o-transform:rotate(40deg); -ms-transform:rotate(40deg); transform:rotate(40deg);
}
.subscript2 {
    color: purple; height: 20px; width: 120px; position: absolute; top: 10px; left: -50px; text-align: center; line-height: 20px; padding-left: 24px; font-size: 14px; background-color: orange; -moz-transform:rotate(330deg); -webkit-transform:rotate(330deg); -o-transform:rotate(330deg); -ms-transform:rotate(330deg); transform:rotate(330deg);
}

.locked-btn .lock-img { position: absolute; top: -40px; right: 50px; height: 20px; }

.ball-box { border-radius: 50%; height: 28px; width: 28px; text-align: center; line-height: 28px; font-weight: bold; color: #000; font-size: 16px; }
.red-ball-box { background: #C83735; color: #fff; }
.blue-ball-box { background: #4181D2; color: #fff; }
.modal-orders .order-list { min-height: 500px; }
.modal-orders .order-list ul { display: table; margin: 5px 0 10px 0; }
.modal-orders .order-list ul li { float: left; margin-right: 5px; margin-top: 5px; width: 30px; text-align: center; display: inline; list-style: none; }