.tgp_load_data {
    padding: 10px 20px;
    display: none;
    background-color: #4a8bec
}

.tgp_load_data span {
    margin-left: 5px;
    font-size: 12px;
    display: inline-table;
    vertical-align: middle;
    color: #FFF
}




.tgp_pop {
    width: 470px;
    background-color: #fff;
    border:1px solid transparent;
    z-index: 9;
    -moz-border-radius:6px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow:0 8px 16px -2px rgba(0, 0, 0, .1), 0 8px 16px -8px rgba(0, 0, 0, .2);
    display: none
}

.tgp_pop,
.tgp_pop table,
.tgp_pop td {
    font-size: 12px;
    font: 14px/1.5 tahoma, 'Microsoft Yahei', '΢ÈíÑźÚ', '\5b8b\4f53', sans-serif
}

.tgp_pop .pop_hd {
    position:relative;height:41px;padding:0 12px;border-bottom:1px solid #EEEEEE;background:#fff;font-size: 0;white-space: nowrap;word-wrap:normal;text-align: left;
}

.tgp_pop .pop_hd h3 {
    display: inline-block;color:#333;font-size:14px;line-height:40px;font-weight:normal;
}

.tgp_pop .pop_fd {
    position:relative;height:51px;padding:12px;border:none;border-top:1px solid #e8e8e8;background-color:#f9f9f9;
}

.tgp_pop .pop_fd .t_btn {
    width:100%;text-align:right;font-size:0;-webkit-text-size-adjust:none;white-space: nowrap;word-wrap:normal;
}

.tgp_pop .pop_fd .t_btn a {
    margin-right: 10px
}

.tgp_pop .pop_bd {
	padding: 22px 26px 0;
    line-height:1.5;overflow-x:hidden;overflow-y:auto;background:#fff;
}

.tgp_pop .pop_bd a {
    color: #faab00;
    margin-left: 5px
}

.tgp_pop .pop_bd .icon {
    position: absolute;
    margin-top: 7px
}

.tgp_pop .pop_bd .icon_warn,
.tgp_pop .pop_bd .icon_yes {
    width: 45px;
    height: 45px;
    left: 50px;
    background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/global/sprite.png) no-repeat
}

.tgp_pop .pop_bd .icon_yes {
    background-position: -88px -88px
}

.tgp_pop .pop_bd .icon_warn {
    background-position: -149px -88px
}

.tgp_pop .pop_bd .t_btn {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 0
}

.tgp_pop .pop_bd .t_btn a {
    margin: 0 8px
}



.g_btn_normal:link,
.g_btn_normal:visited,
.tgp_pop .g_btn_normal {
    display:inline-block;line-height:24px;padding:0 20px;font-size:12px;color:#333;border-style:solid;border-width:1px;border-radius:26px;text-align:center;cursor:pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-color:#faab00;background:rgba(255,200,0,0.5);
}
.tgp_pop .g_btn_normal:hover{background:#ffc800;}



.tgp_pop .g_btn_gray,
.tgp_pop .g_btn_gray:link,
.tgp_pop .g_btn_gray:visited {
    display:inline-block;line-height:24px;padding:0 20px;font-size:12px;color:#333;border-style:solid;border-width:1px;border-radius:26px;text-align:center;cursor:pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-color:rgba(164,164,164,1)
}
.tgp_pop .g_btn_gray:hover{background-color:rgba(164,164,164,0.12);}

.tgp_pop .close {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 30px;
    color: #727272;
    text-decoration: none
}

.tgp_pop .close:hover {
    text-decoration: none
}

.tgp_pop .t_close {
    position:absolute;right:5px;top:50%;width:24px;height:24px;margin-top:-12px;font-size:24px;line-height:24px;color:rgba(0, 0, 0, 0.8);opacity:0.8;text-align:center;cursor:pointer;
}

.tgp_pop .t_close:hover {
    opacity:1;
}

.tgp_pop .txt_msg {
    margin: 20px 70px;
    text-align: center
}

.tgp_pop .txt_tip {
    color: #A9A9A9;
    margin-bottom: 10px;
    text-align: center
}

.tgp_pop .tgp_input {
    text-align: center;
    margin: 5px 0
}

.tgp_pop .tgp_selete {
    height: 30px;
    line-height: 30px;
    width: 150px;
    font-weight: 700;
    padding: 4px 4px;
    color: #737373;
    border: 1px solid #ddd;
    vertical-align: middle;
    box-shadow: inset 1px 1px 3px #EFEFEF;
    border-radius: 2px;
    resize: none;
    overflow: hidden
}

.tgp_pop .warn {
    color: #FF7B7B
}

#select_tip {
    height: 21px;
    display: none
}

#role_server {
    display: none
}

.tgp_zone_wrap {
    min-height: 35px;
    height: 35px
}

.tgp_present {
    width: 600px
}

.tgp_present table {
    text-align: center;
    width:100%;
    color: #737373
}

.tgp_present thead {
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    background-color: #e0e0e0;
    color: #343434
}

.tgp_present thead td {
    font-weight: bolder
}

.tgp_present tbody td{background-color: #f0f0f0;border-top:2px solid #fff;}

.tgp_present td {
    height: 50px
}

.tgp_present .page {
    text-align: center;
    position: relative;
    margin: 15px
}

.tgp_present .page a {
    margin: 0 20px;
    text-decoration: none
}

.tgp_present .page a:hover {
    text-decoration: underline
}

.tgp_present .odd {
    background-color: #F2F2F2
}

.tgp_present .even {
    background-color: #DAD8D8
}

.tgp_present a {
    color: #4A8BEC
}

.tgp_user_info {
    width: 600px
}

.tgp_user_info .txt_msg {
    margin: 10px
}

.tgp_user_info ul {
    margin: 25px 0;
    list-style: none;
    padding: 0
}

.tgp_user_info li {
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    position: relative;
    margin-bottom: 15px
}

.tgp_user_info .litSpan {
    color: #F47979;
    vertical-align: middle
}

.tgp_user_info .type1 {
    width: 210px;
    height: 26px;
    color: #737373;
    line-height: 22px;
    padding-left: 10px;
    border: 1px solid #a9a9a9;
    position: absolute;
    left: 180px;
    top: 0;
    box-shadow: inset 0 1px 6px #ECECEC;
    -moz-box-shadow: inset 0 1px 6px #ECECEC;
    -webkit-box-shadow: inset 0 1px 6px #ECECEC;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.tgp_user_info .type2 {
    width: 420px;
    height: 26px;
    color: #737373;
    line-height: 22px;
    padding: 0 10px;
    border: 1px solid #a9a9a9;
    position: absolute;
    left: 180px;
    top: 0;
    box-shadow: inset 0 1px 6px #ECECEC;
    -moz-box-shadow: inset 0 1px 6px #ECECEC;
    -webkit-box-shadow: inset 0 1px 6px #ECECEC;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.tgp_user_info input {
    color: #fff;
    line-height: 26px;
    padding-left: 10px;
    border: solid 1px #182338;
    position: absolute;
    left: 180px;
    top: 0
}

.tgp_user_info .name {
    width: 170px;
    text-align: right;
    display: block
}

.tgp_user_info .type2 {
    width: 270px
}

.tgp_user_info .message {
    color: #F47979;
    text-align: center
}

.tgp_user_info .present {
    color: #4A8BEC;
    font-size: 20px;
    font-weight: 700
}

.tgp_user_info .txt_msg {
    display: none
}

#tgp_game_list,
#tgp_mb_game,
#tgp_pc_game {
    text-align: center
}

#tgp_game_list div,
#tgp_mb_game div,
#tgp_pc_game div {
    height: 36px;
    line-height: 34px
}

body,
html {
    min-width: 1000px
}

.widget-header {
    width: 100%;
    background: url(//cdn.tgp.qq.com/wegame/header/images/header-bg.png) repeat-x 0 0;
    box-sizing: border-box
}

.widget-header-cont {
    position: relative;
    width: 1000px;
    height: 42px;
    padding: 9px 0;
    margin: 0 auto;
    box-sizing: border-box
}

.widget-header-logo {
    display: inline-block;
    width: 182px;
    height: 24px;
    background: url(//cdn.tgp.qq.com/wegame/header/images/wegame-logo.png) no-repeat 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-indent: -9999px
}

.widget-header-toolbar {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    font-size: 0;
    white-space: nowrap;
    word-wrap: normal;
    display: inline-block;
    box-sizing: border-box
}

.widget-header-nav,
.widget-header-toolbar:before {
    display: inline-block;
    vertical-align: middle
}

.widget-header-toolbar:before {
    content: "";
    width: 0;
    height: 100%
}

.widget-header-nav {
    font-size: 0;
    white-space: nowrap;
    word-wrap: normal
}

.widget-header-nav>li {
    position: relative;
    display: inline-block;
    padding-left: 21px;
    margin-left: 20px
}

.widget-header-nav>li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background-color: rgba(255, 255, 255, .1)
}

.widget-header-nav>li:nth-of-type(1) {
    padding-left: 0;
    margin-left: 0
}

.widget-header-nav>li:nth-of-type(1):after {
    display: none
}

.widget-header-nav a {
    font-size: 12px;
    color: rgba(255, 255, 255, .4)
}

.widget-header-nav a:hover.widget-header-login a:hover {
    color: #fff
}

.widget-header-login {
    color: rgba(255, 255, 255, 1);
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    height: 100%;
    top: 0;
    width: 680px;
    box-sizing: border-box;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    text-align: center
}

.widget-header-login p {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 42px;
    margin: 0 auto;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center
}

.widget-header-login a {
    font-size: 12px;
    color: rgba(255, 255, 255, 1)
}


/*loading组件*/

.we-loading{width:100%;padding:16px 0;text-align: center;font-size: 0;white-space: nowrap;word-wrap:normal;}
.we-loading:before,
.we-loading-inner{display: inline-block;vertical-align: middle;}
.we-loading:before{content: "";width: 0;height: 100%;}
.we-loading-text{text-align:center;color:#858585;font-size:14px;} 
.we-loading-inner{background-color: #fff;padding: 0 20px;border-radius: 6px;}

/*基础loading*/
.we-loading-icon{width:66px;margin:10px auto;}
.we-loading-icon:before, 
.we-loading-icon:after{width:33px;height:33px;display:inline-block;content:"";animation:ani-loadingA 3s linear  infinite;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAAAS1BMVEUAAABzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXT+y0gYAAAAGXRSTlMAsweVphVWoG+HgUSMUZt1ZjsOR18mJCEaoIOkrAAAAUhJREFUOMuFU9m2gyAMZKvIUioutf//pTcZuHKsWvPiMAk4YYLYQk0+qQKzD0D7eBop5Qw4EjTdoUZLjg/DHjDv0httrUlRIsbviiD3ocVdRX8QWngTvTMFPluXmf7YgRwWMOuAVVfySGrIdI9t18MxEUKv6SRlZImXQu6NOvWqrFGbQqeI7xJ33DF0lZ+Er+hB+3XFmhcVe5FNEUnbdLsMOmUoMJELkLnWfvRL1z4WFMxQF0kQfSwypdLS19AHPiEVy491NRGyIgoRhvWIN3eMNXf6FtyDacZfnJEE4mMvdUTc3gzNy6GXFQ6TZ0n+vA+Tb+/UiWnnC2tJGOLmS/NWXHgrnroP4XQ+ek2S90M4rFgsw/8Yjlkd5tT52Ob07L20COI79F3FWPiYjLXn7yU3+nP+5lTHD34EnllyE9pqgs8VJT+1Lv8A9nAK95djMvUAAAAASUVORK5CYII=)}
.we-loading-icon:before{opacity:0.7;transform:rotate(20deg);-ms-transform:rotate(20deg);animation:ani-loadingB 3s linear  infinite;}

/*小型*/
.we-loading--small .we-loading-icon{transform:scale(0.5);-webkit-transform:scale(0.5);-ms-transform:scale(0.5);}
.we-loading--small .we-loading-text{font-size:12px;}

/*中型*/
.we-loading--middle .we-loading-icon{transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);}

/*大型*/
.we-loading--large .we-loading-icon{transform:scale(1.5);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);}
.we-loading--large .we-loading-text{margin-top:20px;}

/*水平*/
.we-loading--h{padding:5px 0 0;}
.we-loading--h .we-loading-text{display:inline-block;vertical-align:10px;margin-left:5px;}
.we-loading--h .we-loading-icon{display:inline-block;}

/*半个图标*/
.we-loading--full{min-height:350px;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;text-align:center;}
.we-loading--full .we-loading-icon{width:170px;height:60px;position:relative;display:block;overflow:hidden;border-bottom:1px solid #ccc;}
.we-loading--full .we-loading-icon:before, 
.we-loading--full .we-loading-icon:after{position:absolute;left:10px;bottom:-20px;width:80px;height:80px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAeFBMVEUAAABzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXS0HpNZAAAAJ3RSTlMAFfYGYyMP4NrvxfvNm7Y0fMlnOnny6BygKb2RUq2Vh25OpEArLFWiCZYcAAADMElEQVRYw81Z6XarIBBGRTTuuCXGaLamvP8b3ttWEZAhTcPJyfyT5WOGYVbRfSr24SZmLN6E+wJZIC9mnGLPAuAHE+jDAuBBBDxYACxEwNoC4EUEvFgATETAxAJgIwI2D7+RlN7kkS2TaCvP3mhqfEkOZcwthYHutJcB96dOmC5dxqgD4/nB96bBmeBPCdNQcprnh+/vwIfwunbaElRfsvYuA8jtvySvgumz7QD+2sXECnKMmYHiIymWBa2WRyeUmNDBgAtCR6Nfyp4gutZ1yp6idAUYmTdsGvN8tFYxdGtBinPn+5JznAbQjWoUjbWM9bm8Ku83unUYaWhYw9VkvYzUa8gB6Yio8uwcwEB36q0Q/cIqltg7I5DOEpNx9RvnHPrIQL5oBXAsJIumEwcZyUkWDRNw1VFvS345ZpRmY+nrLfUI4W05g5tlq4cTwXNhbzlmw1ncAoC9JlqeA0WhZ0187YFr4QzuOHsaC198/o6zqL/wExd4nieR1mzJzAEXujTHy3rmLwIcwcxjzUe0T4szSGSPBvsqwln0TRL3sz4YSGeuRljmLY+X+SRwAAMGk9D5PJAJL8e7fRaXxF0Wa9xZhq9XnGnc1XKom1yKz9v/g4oYuKBkMZt84idc5Tiq34kLtAd8pS+a4drcfMAr71GoDk2+qOQDueCv1WMrdXeIWnVo4mfk94cE4vc4Tjyru1u0ik18qy5clOoxq2i1GmnUsHoVAa+qbayi65OAawHvi1w+JrJ1pYDPBv/x2dh/2DU3PcVd08W6Z9NbLJdCplcj5HWH+kIbk3OIB1xVeIhNzqGhl/rQefbcl20Haz0E2A5SrwmjpPlroG/IK1IROFmiCxwFkqVH0zk8ZlGUjRhK516QcNpMieGk/QDjHdSk3X5Z8YrCp9SWZqNamo0yHGwqH2DxuMPVT/FY4R1cPD5a3rqueT6yXoBbbhFEnvUmxv02i2uEA9sscCPIOTYQXHN0lEaQ2UIHMj1hqFU1zw93rd6JGHOxVIhmMlomlaTYZSxyzO2+qHuk3ddFqWehIWmxZUrfsalbi4D1OzbG5db9O/5c+Pr90bqMue2vfn/8AxwJtpN1M1C3AAAAAElFTkSuQmCC);}
.we-loading--full .we-loading-icon:after{left:auto;right:10px;bottom:-45px;}
.we-loading--full .we-loading-inner{padding:20px 60px;background-color: #fff;border-radius: 6px;border:
1px solid #b2b2b2;}

/*遮罩层*/
.we-loading--mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.75);z-index:99;}
/*复杂组合*/
.we-loading--large.we-loading--h .we-loading-text{margin-left:20px;}
.we-loading--small.we-loading--h .we-loading-text{margin-left:-15px;}

/*动画*/
@keyframes ani-loadingA{
  from {
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  to {
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

@keyframes ani-loadingB{
  from {
    -webkit-transform:rotate(20deg);
    -ms-transform:rotate(20deg);
    transform:rotate(20deg)
  }
  to {
    -webkit-transform:rotate(-340deg);
    -ms-transform:rotate(-340deg);
    transform:rotate(-340deg);
  }
}