.first-screen { position: relative; width: 100%; min-width: 1170px; }
.position-container { position: relative; z-index: 106; }
.cat-all { position: absolute; z-index: 103; width: 205px; height: 350px; left: 15px; background-color: rgba(48,48,48,0.9); background-color: #444 \9; clear: left;}
.cat-all .cat-all-list { margin-top: 15px; margin-bottom: 15px; }
.cat-all li { margin-bottom:1px; display: block; }
.cat-all h2.cat-item { height:39px; overflow: hidden; padding: 0 10px 0 0; color: #fff; font-weight: normal; font-size: 14px; line-height: 39px; -webkit-transition: all .1s ease-out 0s; -o-transition: all .1s ease-out 0s; -moz-transition: all .1s ease-out 0s; transition: all .1s ease-out 0s; }
.cat-all h2.cat-item a { display: inline-block; font-weight: normal; font-size: 12px; color: #fff; white-space: nowrap; text-decoration: none; }
.cat-all h2.cat-item i { width: 20px; margin: 0 14px; vertical-align: middle; text-decoration: none; font-size: 20px; font-style: normal; color: #737373; }
.cat-all .cat-subs { display: none; }

.cat-all li.active { background-color: #fff; }
.cat-all li.active h2.cat-item { position:relative; z-index:10; background-color:#fff; color:#666; }
.cat-all li.active a { color: #666; }
.cat-all li.active .cat-subs { display: block; position: absolute; left: 205px; top: 0; z-index: 10; overflow: hidden; min-height: 350px; border: 0; zoom: 1; -webkit-box-shadow: 4px 0px 6px rgba(0,0,0,0.2); -moz-box-shadow: 4px 0px 6px rgba(0,0,0,0.2); box-shadow: 4px 0px 6px rgba(0,0,0,0.2); background-color: #fff; }
.cat-all li.active .cat-subs dl { display: block; padding: 15px 20px; }
.cat-all li.active .cat-subs dd { display: block; white-space: nowrap; }
.cat-all li.active .cat-subs dd a { display: inline-block; font-size:12px; line-height: 32px; padding: 0 15px; }

.personal-center { position: absolute; right: 15px; top: 48px; width: 205px; height: 280px; z-index: 102; padding-top: 50px; background-image: url("../images/personal-bg.png"); background-repeat: no-repeat; background-position: top center; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2); box-shadow: 0 0 4px rgba(0,0,0,0.2); }
.personal-center .avatar-pic { position: absolute; top: -25px; left: 67px; width: 72px; height: 72px; padding: 4px; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(0,0,0,0.1); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19000000',endColorstr='#19000000'); }
.personal-center .avatar-pic a { display: block; width: 64px; height: 64px; overflow-x: hidden; overflow-y: hidden; border-radius: 50%; background: url("../images/avatar-bg.png") no-repeat; }
.personal-center .avatar-pic img { width: 64px; height: 64px; }
.personal-center .user-info { padding: 10px 0; height: 58px;}
.personal-center .user-info em { font-style: normal; display: inline-block; max-width: 105px; color: #666; line-height: 18px; vertical-align: middle; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.personal-center .user-welcome { font-size:12px; line-height: 20px; color: #999;}
.personal-center .btn { font-size: 12px; color: #ff6200; border-color: #ff6200; border-radius: 14px; padding: 3px 12px; line-height: 20px; }
.personal-center .btn:hover { color: #fff; background-color: #ff6200; }
.personal-center .btn-login { margin-right: 10px; }
.personal-center .notice { border-top: 1px solid #e4e4e4; padding: 13px 15px 14px; }
.personal-center .notice ul { overflow: hidden; height: 144px; }
.personal-center .notice ul a { display: inline-block; width: 100%; color: #333; line-height: 24px; vertical-align: middle; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.promo-show { display: block; width: 100%; min-width: 1170px; background-color: #333;}