html,body,ul,li,h6,p{margin: 0;padding: 0;}
li{list-style: none;}
.headerbar{width: 100%;height: 40px;border-bottom: 1px solid #767676;background-color: #333;font-family: Microsoft yahei;position: fixed;z-index: 1000;}
.headerbar .headerbarwrap{width: 1170px;margin: 0 auto;}
.headerbar .headericon_arrow,.headerbar .headericon_weibo,.headerbar .headericon_weixin{background: url(../images/header/headico.png) no-repeat;display: inline-block;vertical-align: middle;}
.headerbar .headericon_arrow{background-position: 0 -11px;width: 10px;height: 5px;margin-left: 5px;}
.headerbar .headericon_weibo{background-position: -18px 0;width: 19px;height: 17px;}
.headerbar .headericon_weixin{background-position: -45px 0;width: 19px;height: 15px;}
.headerbar .barleft{float: left;font-size: 0;}
.headerbar .barleft .bararea{position: relative;display: inline-block;height: 14px;vertical-align: top;border-left: 1px solid #4a4a4a;border-right: 1px solid #4a4a4a;padding: 0 25px;margin-top: 12px;margin-left: -1px;*float:left;}
.headerbar .barleft .bararea:first-child{border-left: 0 none;padding-left: 0;}
.headerbar .barleft .bararea:last-child{border-right-width: 0;}
.headerbar .barleft .bararea .barti{font-size: 12px;color: #d6d6d6;line-height: 14px;}
.headerbar .barleft .bararea .barti a{color: #d6d6d6;text-decoration: none;}
.headerbar .barleft .bararea .sitebarnav{position: absolute;left: -1px;top: 41px;width: 970px;background: url(../images/header/darksite01.jpg) no-repeat #212121 left bottom;padding-bottom: 25px;border: 1px solid #212121;border-top: 0 none;display: none;}
.headerbar .barleft .bararea .sitebarnav ul{height: 100%;padding: 20px 0 0 6px;height: 172px;}
.headerbar .barleft .bararea .sitebarnav li{border-left: 1px solid #3b3b3b;float: left;width: 90px;padding: 0 8px;height: 100%;}
.headerbar .barleft .bararea .sitebarnav li:first-child{border-left: 0 none;}
.headerbar .barleft .bararea .sitebarnav li span{font-size: 14px;color: #d6d6d6;font-weight: bold;display: block;height: 26px;line-height: 26px;padding-left: 10px;margin-bottom: 10px;}
.headerbar .barleft .bararea .sitebarnav li a{color: #9c9c9c;font-size: 12px;text-decoration: none;display: block;height: 26px;line-height: 26px;padding-left: 10px;margin: 8px 0;}
.headerbar .barleft .bararea .sitebarnav li a:hover{background-color: #333;color: #e42921;}
.headerbar .barleft .bararea .headerewmbox{position: absolute;left: -1px;top: 41px;width: 248px;background: url(../images/header/darksite02.jpg) no-repeat #212121 left bottom;padding-bottom: 22px;border: 1px solid #212121;border-top: 0 none;display: none;}
.headerbar .barleft .bararea .headerewmbox img{width: 80px;height: 80px;float: left;margin: 20px 10px 0 34px;}
.headerbar .barleft .bararea .headerewmbox h6{color: #fff;font-size: 14px;padding: 18px 0 15px;}
.headerbar .barleft .bararea .headerewmbox p{font-size: 12px;color: #d6d6d6;line-height: 24px;padding-right: 35px;}
.headerbar .barleft .open{background-color: #212121;padding-top: 12px;margin-top: 0;border-color: #212121;height: 29px;z-index: 1;}
.headerbar .barleft .open .barti .headericon_arrow{background-position: 0 0;}
.headerbar .barleft .open .headerewmbox,.headerbar .barleft .open .sitebarnav{display: block;}
.headerbar .barright{float: right;}
.headerbar .barright .userlogin{font-size: 12px;color: #eaeaea;padding-top: 12px;display: none;}
.headerbar .barright .userlogin span{padding: 0 15px;border-right: 1px solid #4a4a4a;cursor: pointer;display: inline-block;height: 12px;line-height: 12px;}
.headerbar .barright .userlogin a{color: #eaeaea;padding-left: 15px;text-decoration: none;}
.headerbar .barright .userdetail{font-size: 0;display: none;}
.headerbar .barright .userdetail .logoninfo{display: inline-block;position: relative;width: 138px;height: 28px;padding-top: 12px;vertical-align: top;border-left: 1px solid #333;border-right: 1px solid #333;*float: left;}
.headerbar .barright .userdetail .logoninfo .username{padding: 0 10px;border-right: 1px solid #4a4a4a;display: inline-block;width: 118px;height: 14px;}
.headerbar .barright .userdetail .logoninfo .username img{vertical-align: top;margin-right: 10px;width: 20px;height: 20px;border-radius: 20px;-ms-border-radius: 20px;position: relative;top: -3px;}
.headerbar .barright .userdetail .logoninfo .username .myname{display: inline-block;max-width: 70px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 12px;color: #cecece;height: 14px;line-height: 14px;font-style: normal;vertical-align: middle;}
.headerbar .barright .userdetail .logoninfo .userinfolink{position: absolute;left: -1px;top: 40px;width: 118px;background-color: #212121;padding: 0 10px;border: 1px solid #212121;border-top: 0 none;display: none;}
.headerbar .barright .userdetail .logoninfo .userinfolink li{text-align: center;padding: 10px  0;}
.headerbar .barright .userdetail .logoninfo .userinfolink li a{text-decoration: none;font-size: 12px;color: #eaeaea;}
/*.headerbar .barright .userdetail .logoninfo .userinfolink li:first-child{border-bottom: 1px dashed #707070;}*/
.headerbar .barright .userdetail .logoninfo .userinfolink li:first-child a{background-color: #333;color: #e42921;padding: 6px 24px;display: inline-block;}
.headerbar .barright .userdetail .userlogout{display: inline-block;height: 14px;line-height: 14px;font-size: 12px;color: #eaeaea;padding-left: 15px;margin-top: 12px;cursor: pointer;vertical-align: top;}
.headerbar .barright .userdetail .open{background-color: #212121;border-color: #212121;}
.headerbar .barright .userdetail .open .username{border-right: 0 none;}
.headerbar .barright .userdetail .open .username .headericon_arrow{background-position: 0 0;}
.headerbar .barright .userdetail .open .userinfolink{display: block;}

.headerbarwhite .headericon_arrow{background-position: 0 -37px;}
.headerbarwhite .headericon_weibo{background-position: -18px -26px;}
.headerbarwhite .headericon_weixin{background-position: -45px -26px;}
.headerbarwhite{background-color: #fbfbfb;border-bottom-color: #e2e2e2;}
.headerbarwhite .barleft .bararea{border-color: #eaeaea;}
.headerbarwhite .barleft .bararea .barti,.headerbarwhite .barleft .bararea .barti a{color: #333;}
.headerbarwhite .barleft .bararea .sitebarnav{background-color: #fff;background-image: url(../images/header/whitesite01.jpg);border-color: #e2e2e2;}
.headerbarwhite .barleft .bararea .sitebarnav li{border-left-color: #f0f0f0;}
.headerbarwhite .barleft .bararea .sitebarnav li span{color: #333;}
.headerbarwhite .barleft .bararea .sitebarnav li a{color: #333;}
.headerbarwhite .barleft .bararea .sitebarnav li a:hover{background-color: #f0f0f0;}
.headerbarwhite .barleft .bararea .headerewmbox{background-color: #fff;background-image: url(../images/header/whitesite02.jpg);border-color: #e2e2e2;}
.headerbarwhite .barleft .bararea .headerewmbox h6{color: #333;}
.headerbarwhite .barleft .bararea .headerewmbox p{color: #666;}
.headerbarwhite .barleft .open{background-color: #fff;border-color: #e2e2e2;}
.headerbarwhite .barleft .open:last-child{border-right-width: 1px;}
.headerbarwhite .barleft .open .barti .headericon_arrow{background-position: 0 -26px;}
.headerbarwhite .barright .userlogin{color: #333;}
.headerbarwhite .barright .userlogin span{border-right-color: #eaeaef;}
.headerbarwhite .barright .userlogin a{color: #333;}
.headerbarwhite .barright .userdetail .logoninfo{border-color: #fbfbfb;}
.headerbarwhite .barright .userdetail .logoninfo .username{border-right-color: #eaeaef;}
.headerbar .barright .userdetail .logoninfo .username .myname{color: #333;}
.headerbarwhite .barright .userdetail .logoninfo .userinfolink{background-color: #fff;border-color: #e2e2e2;}
.headerbarwhite .barright .userdetail .logoninfo .userinfolink li a{color: #333;}
.headerbarwhite .barright .userdetail .logoninfo .userinfolink li:first-child{border-bottom-color: #c6c6c6;}
.headerbarwhite .barright .userdetail .logoninfo .userinfolink li:first-child a{background-color: #f0f0f0;}
.headerbarwhite .barright .userdetail .open{background-color: #fff;border-color: #e2e2e2;}
.headerbarwhite .barright .userdetail .open .username .headericon_arrow{background-position: 0 -26px;}
.headerbarwhite .barright .userdetail .userlogout{color: #333;}
.headerbarplaceholder{height: 41px;display: block;overflow: hidden;clear: both;}

.header-search-nav{background-color: #fff;height: 122px;}
.headersearch{height: 78px;width: 1170px;margin: 0 auto;}
.headersearch .tgchannel{display: inline-block;width: 200px;height: 45px;padding: 20px 0 0 10px;font-size: 32px;color: #666;vertical-align: top;line-height: 45px;*float: left;}
.headersearch .tgchannel:before{content: '';display: inline-block;width: 1px;height: 32px;background-color: #999;vertical-align: middle;margin: -5px 10px 0 0;}
.headersearch .tgsearch{float: right;border: 1px solid #dfdfdf;width: 278px;height: 34px;border-radius: 18px;margin-top: 22px;}
.headersearch .tgsearch .searcht{margin-left: 12px;width: 220px;height: 34px;padding: 0 5px;font-size: 14px;color: #999;border: 0 none;background-color: transparent;vertical-align: top;line-height: 34px;}
.headersearch .tgsearch .searchb{width: 25px;height: 25px;background: url(../images/header/headico.png) no-repeat 5px -74px;text-indent: -200px;overflow: hidden;vertical-align: top;margin-top: 5px;cursor: pointer;border: 0 none;}
.headersearch .tgsearch input:focus{outline: 0 none;}
.headersearch .tgpictj{display: inline-block;font-size: 0;width: 500px;height: 50px;vertical-align: top;text-align: center;margin: 15px 0 0 10px;overflow: hidden;*float: left;}

.headernav{height: 42px;overflow: hidden;border-top: 2px solid #226fd2;border-bottom: 1px solid #e2e2e2;box-shadow: 0 0 1px #cecece;position: relative;background-color: #fff;}
.headernav .headernavlist{width: 1170px;margin: 0 auto;position: relative;}
.headernav .headernavlist ul{font-size: 0;}
.headernav .headernavlist ul li{display: inline-block;height: 42px;padding: 0 25px;line-height: 42px;color: #333;font-size: 16px;margin-bottom: 2px;*float: left;*white-space: nowrap;}
.headernav .headernavlist ul li a{color: #333;text-decoration: none;}
.headernav .headernavlist ul li:hover,.headernav .headernavlist ul li.active{background-color: #226fd2;color: #fff;}
.headernav .headernavlist ul li:hover a,.headernav .headernavlist ul li.active a{color: #fff;}
.headernav .headernavlist .navlist{position: absolute;right: 15px;top: 12px;width: 30px;height: 20px;background: url(../images/header/headico.png) no-repeat -39px -78px;display: none;}
.headernav .headernavlist .navlist.open{background-position: -39px -61px;}
/* 以下内容copy自原网站 */
.fix {*zoom: 1}
.fix:after {content: '';display: table;clear: both;}
.popup{z-index:1001;width:500px;position:fixed;_position:absolute;top:50%;left:50%;margin:-130px 0 0 -230px;background-image: none;background-color: #f1f2f4;border: 1px solid #c8c8c8;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;color: #4793c9;font-family: 微软雅黑;height: 340px;overflow: hidden;display: none;}
.popup .hd a.close {-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;background: #4793c9;width: 26px;height: 26px;background-image: none;color: #fff;line-height: 26px;text-indent: 0;margin-top:9px;text-align: center;font-size: 26px;float:right;}
#bdcontent {margin-top: -30px;}
.popup .bd .login {width: 100%;margin: 0 auto;text-align: center;position:relative;}
.popup .hd h3{float:left;font-size:18px;font-family:"微软雅黑"; font-weight:bold;  width:450px; text-align:center}
.popup .bd .login h3 {font-weight: bold;font-size: 18px;text-align:left;color: #000;margin: 0 auto 15px 110px;}
.popup .bd .login label {font-size: 14px;}
.popup .bd .login input {width: 169px;height: 42px;margin: 7px 0 10px 0;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;border: 1px solid #4793c9;font-size: 14px;padding: 0 0 0 50px;color: #4793c9;line-height: 44px;}
.zhsr {width: 475px;float: left;}
.mail_zh {background: #fff url(http://www.tgbus.com/images/mail_zh.gif) 5px center no-repeat;}
.password_zh {background: #fff url(http://www.tgbus.com/images/password_zh.png) 5px center no-repeat;}
.c_login1, .c_reg1 {margin: 10px auto 0;width: 100%;text-align: center;}
.popup .bd .login button {display: inline;width: 154px;height: 44px;background: url(http://www.tgbus.com/images/button_zh.png) center top no-repeat;line-height: 44px;font-size: 18px;font-weight: bold;color: #fff;border: 0px solid #C21630;font-family: 微软雅黑;padding: 2px 4px 3px;}
.popup .hd{height:55px;line-height:48px;padding:0 10px;overflow:hidden;}
.popup .bd .login f2{text-align:left; }
.popup .bd .login label{display:inline-block;width:60px;padding-right:5px;text-align:right; height:42px;line-height:42px;margin: 7px 0 10px;}
.popup .bd .login span{display:inline-block;height:42px;line-height:42px;margin: 7px 0 10px 10px; *margin-top:0;}
.popup .bd .login span img{*margin-top:10px;}
.bdhide{ margin-left:145px; line-height:40px; display:none;}
#loginstate{ display:none;}
#u_info{display:none;}
.c_reg1 a {color: #C21630;}
.c_reg1 a:hover {color: #e2b990;text-decoration: none;}
#code_div{background:#fff url(http://www.tgbus.com/images/code_zh.gif) no-repeat;}
.popup .bd .login span{width:60px;}
.starGame {height: 34px;right: 119px;top: -6px;width: 116px;}