body {font:12px/1.67em "宋体",verdana,arial; background:transparent; padding:0; margin:0;}
.commonbox {background:url(http://image.tiancity.com/popkart/v2/images/bg_commonbox_calendar.jpg) repeat 0 0; border:solid 1px #c0c3c8; padding:3px; position:relative;}
.mb_6 {margin-bottom:6px;}

input.tfield {font:12px/16px verdana,arial; border:solid 1px #b8b8b8; height:16px; padding:2px;}

.login {background:url(http://image.tiancity.com/popkart/v2/images/bg_commonbox_login.jpg) repeat-x 0 0!important; width:192px;}
.login .login_in {background:url(http://image.tiancity.com/popkart/v2/images/bg_login02.jpg) no-repeat 0 0; width:192px; height:173px;}
.login-tb {width:176px; height:157px; padding:8px; overflow:hidden;}
.login-tb .int {clear:both; padding:3px 0; margin:0;}
.login-tb .int label {background:url(http://image.tiancity.com/popkart/v2/images/bg_login_tb01.jpg) no-repeat 0 3px; width:55px; padding-left:8px; }
.login-tb .int input {font:12px/16px verdana,arial; border:solid 1px #b8b8b8;  padding:2px; width:108px;}
.login-tb .int input.tfield2 {width:63px; margin-right:4px; display:inline;}
.login-tb .int img {vertical-align:middle;}
.login-tb .sub {clear:both; padding:0; vertical-align:middle;}
.login-tb .sub .sub01 {margin:5px 0;}
.login-tb ul {list-style-position:outside;}
.login-tb li:after{content:".";display:block; height:0;visibility:hidden;clear:both;}
.login-tb li {zoom:1;vertical-align:middle; margin-bottom:5px;text-align:center;}


.login-user {width:172px; margin:0 auto; padding-top:12px;}
.login-user p {line-height:1.4em;}
.login-user p em {color:##0038a3;}
.login-user ul {margin-top:2px;}
.login-user ul li {margin-bottom:2px;}
.login-user .icn_us {background:url(http://image.tiancity.com/popkart/v2/images/bg_login02.gif) no-repeat 0 0; line-height:15px; height:15px; padding:2px 5px 1px 20px; display:block; margin-left:5px;}
.login-user .icn_us strong {font-weight:700; color:#ff8006;}


.login .login-info {width:172px; margin:0 auto; padding-top:12px;}
.login .login-info .user {margin-bottom:6px;}
.login .login-info .user-hd {border:solid 1px #757772; width:66px; height:66px; margin-right:8px;}
.login .login-info p {clear:both;}
.login .login-info ul {list-style-position:outside;}
.login .login-info li:after{content:"."; display:block; height:0; visibility:hidden;clear:both;}
.login .login-info li {zoom:1; background:url(http://image.tiancity.com/popkart/v2/images/bg_login_tb01.jpg) no-repeat 0 50%; padding-left:8px; line-height:22px; }
.login .login-info strong {background:url(http://image.tiancity.com/popkart/v2/images/bg_level01.png) no-repeat 0 0;width:21px; height:21px; display:block;}
.login .login-info strong.ue01 {background:url(http://image.tiancity.com/popkart/v2/images/bg_level01.png) no-repeat 0 0; width:21px; height:21px; display:block;}
.login .login-info strong.ue02 {background:url(http://image.tiancity.com/popkart/v2/images/bg_level02.png) no-repeat 0 0;}
.login .login-info .sub {clear:both; padding:0; vertical-align:middle;}
.login .login-info .sub .sub02 {margin:5px 0; overflow:hidden;}

/*
.login-tb {width:176px; height:140px; padding:8px; overflow:hidden;}
.login-tb .int {clear:both; padding:2px 0 2px; margin:0; vertical-align:middle;}
.login-tb .int label {background:url(http://image.tiancity.com/popkart/v2/images/bg_login-tb01.jpg) no-repeat 3px 35%; width:55px; padding-left:8px;}
.login-tb .int input {font:12px/1.2em verdana,arial; width:110px; border:solid 1px #b8b8b8; padding:1px;}
.login-tb .int input.tfield2 {width:68px; margin-right:4px;}
.login-tb .sub {clear:both; padding:0; vertical-align:middle;}
.login-tb .sub .sub01 {margin:4px 0 4px; }
*/

.news-list {color:#737373;}
.news-list a {color:#737373 !important;}
.news-list li:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.news-list li {background:url(http://image.tiancity.com/popkart/v2/images/bg_news_li.jpg) repeat-x 0 100%; zoom:1; vertical-align:middle; clear:both; padding:0 3px; line-height:26px; height:26px;}
.news-list li a, .news-list li span {display: inline-block;}
.news-list li a, .news-list li span {display: inline;}
.news-list li a {float:left;}
.news-list li a.icon-game, .news-list li a.icon-event, .news-list li a.icon-sysem {float:left; display:block; width:37px; height:13px; margin:6px 5px 0 0; text-indent:-9999em; overflow:hidden;}
.news-list li a.icon-game {background:url(http://image.tiancity.com/popkart/v2/images/icon_news_game.jpg) no-repeat 0 0;}
.news-list li a.icon-event {background:url(http://image.tiancity.com/popkart/v2/images/icon_news_event.jpg) no-repeat 0 0;}
.news-list li a.icon-sysem {background:url(http://image.tiancity.com/popkart/v2/images/icon_news_system.jpg) no-repeat 0 0;}
.news-list li span {float:right;}

/**
* hotprops
**/
.hotprops-list {clear:both; width:472px; margin:0 auto;}
.hotprops-list li:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.hotprops-list li {position:relative; zoom:1; vertical-align:middle; float:left; margin:0 3px; overflow:hidden;}
.hotprops-list li {display: inline-block;}
.hotprops-list li {display: inline;}
.hotprops-list li a img {vertical-align:middle; width:110px; height:110px; border:1px solid #b3b3b3;}
.hotprops-list li span {width:110px; height:25px; line-height:25px; display:block; overflow:hidden; white-space: nowrap; text-overflow:clip; text-align:center;}
.hotprops-list li cite {background:url(http://image.tiancity.com/popkart/v2/images/icon_hot.png) no-repeat 0 0; width:36px; height:36px; position:absolute; top:0; left:0;}

.gameintro-list {}
.gameintro-list li {background:#fff; width:136px; height:102px; display:inline; float:left; padding:5px; margin:0 3px; border:solid 1px #c0c3c8;}
.gameintro-list li a {background:#000; display:table-cell; vertical-align:middle; text-align:center; *display: block; *font-size:89px;/*约为高度的 0.873*/ *font-family:Arial; width:136px; height:102px;}
.gameintro-list li a img {vertical-align:middle;}

.event-top-list {position:relative; height:145px; width:256px; overflow:hidden;}
.event-top-list li:after {content:"."; display:block; height:0; visibility:hidden;clear:both;}
.event-top-list li {zoom:1; background:url(http://image.tiancity.com/popkart/v2/images/bg_news_li.jpg) repeat-x 0px 100%; vertical-align:middle; clear:both; margin-bottom:4px; padding:5px 0;}
.event-top-list li.nobg {background:none; margin-bottom:0px;}
.event-top-list li a.icon-evt {border:solid 1px #757575; width:57px; height:57px; display:inline; margin:0 5px;}
.event-top-list li dl {float:left; display:inline; position:relative; width:184px; overflow:hidden;}
.event-top-list li dl a:link, .event-top-list li dl a:visited, .event-top-list li dl a:active {color:#346f18;}
.event-top-list li dl a:hover, .event-top-list li dl a:focus {color:#346f18; text-decoration:underline;}
.event-top-list li dl dt {width:184px;}
.event-top-list li dl dt em {background:url(http://image.tiancity.com/popkart/v2/images/bg_event-top_h3.jpg) no-repeat 0 50%; padding-left:12px; color:#0f1d37; font-weight:bold;}
.event-top-list li dl dt a.more02 {background:url(http://image.tiancity.com/popkart/v2/images/btn_more02.jpg) no-repeat 0 0; text-indent:-9999em; overflow:hidden; display:block; position:absolute; right:0px; top:0px; width:34px; height:12px;}
.event-top-list li dl dd {white-space:nowrap; padding-left:10px;}
.event-top-list li dl dd strong {color:#737373; display:block;}
.event-top-list li dl dd strong cite {font:9px/1.67em verdana,arial; font-weight:normal;}

/**
*calendar
**/
#eventbox {font-family:Arial, Helvetica, sans-serif; width:192px;}
#eventbox .calendar-tit {height:19px; padding:3px 0;}
#eventbox .eventbox_con {background:url(http://image.tiancity.com/popkart/v2/images/bg_calendar00.jpg) no-repeat 0 0; width:192px; height:179px; overflow:hidden;}
#eventbox .eventbox_mob {width:175px; margin:0 auto;overflow:hidden;}
#eventbox .eventbox_title {background:url(http://image.tiancity.com/popkart/v2/images/bg_calendar05.jpg) repeat-x 0 100%; width:175px; height:16px; line-height:16px; margin:0 auto 3px; padding:3px 0; font-weight:bold; color:#000; text-align:center;}
#eventbox .eventbox_title span {height:12px; width:70px; text-align:center;}
#eventbox .eventbox_title label.btn_l {background:url(http://image.tiancity.com/popkart/v2/images/btn_calendar01.jpg) no-repeat 50% 50%; width:10px; height:12px; margin-left:39px; cursor:pointer;}
#eventbox .eventbox_title label.btn_r {background:url(http://image.tiancity.com/popkart/v2/images/btn_calendar02.jpg) no-repeat 50% 50%; width:10px; height:12px; margin-right:39px; cursor:pointer;}
.calendar {width:175px; margin-right:auto; margin-left:auto; color:#989898;}
.grid_div {background:url(http://image.tiancity.com/popkart/v2/images/bg_calendar01.jpg) no-repeat 0 0; display:inline; float:left; height:23px; width:23px; line-height:23px; text-align:center; margin:1px;cursor:pointer;}
.src_text {padding:4px; border:1px solid #9dc7da; color:#fff; display:none;}
.pop_con {background:#40881d; width:150px; padding:4px;}
.pop_con dl {padding-bottom:4px; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#FFFFFF; margin-bottom:4px;}
.pop_con dl dt {margin-right:5px; height:40px; width:40px;}
.pop_con dl dd {line-height:120%; width:95px; overflow:hidden;}
.pop_con dl dd strong {color:#ffde00;}
.pop_con .cd {background:url(http://image.tiancity.com/popkart/v2/images/icon_popbox01.gif) no-repeat left center; text-indent:47px;}
.hide_day {display:none;}
.active_div {}
.fl_img {height:40px; width:40px; border:#00529b 1px solid; background-position:center; background-repeat:no-repeat;}

/**
*search
**/
.search {}
.search .int-seh {font:12px/23px verdana,arial,"宋体"; height:23px; width:160px; padding:0; vertical-align:middle;}
.search input.hid {display:none; overflow:hidden;}