.container-lf{float:left;width:380px;}
.container-rt{float:right;width:830px;overflow: hidden;}

.login {position: relative;background: #fff;border: 1px solid #d1d1d1;}
.login fieldset{border:0;}
.login dl {padding: 15px 15px 10px}
.login dl dd {margin-bottom: 5px}
.login input {font-weight: 400;width: 220px;height: 38px;padding: 0 10px;text-align: left;background: #fbfbfb;border: 1px solid #d1d1d1;border-radius: 5px;}
.login input:focus {color: #545454;border: 1px solid #b5b5b5}
.login button {position: absolute;cursor: pointer;top: 15px;right: 15px;width: 123px;height: 81px;padding: 0 10px;text-align: center;color: #999;border: 1px solid #d1d1d1;background: #fbfbfb;border-radius: 5px;font-size: 14px;font-weight: 700;color: #333333;}
.login button:hover {border: 1px solid #b5b5b5;}
.login .button_box {height: 54px;text-align: center;background: #f5f5f5;border-top: 1px solid #d1d1d1;line-height: 54px;padding: 0 15px;}
.login .button_box span {float: left;display: inline-block;font-size: 14px;color: #666;}
.login .button_box span img{margin-right:5px;}
.login .button_box a:last-child{float:right;font-size:14px;font-weight:800;color:#1ba9de;}
.login .button_box a:last-child:hover{color:#e62626;}

.login input::-webkit-input-placeholder { /* WebKit browsers */
  color: #bbb;
}
.login input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #bbb;
}
.login input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #bbb;
}

.login-after{border:1px solid #d1d1d1;background:#fff;padding: 15px 20px 15px 95px;position:relative;height: 93px;}
.login-after .photo{position:absolute;top: calc(50% - 30px);left:22px;width: 61px;height: 61px;border-radius: 50%;overflow: hidden;}
.login-after .photo img{width:61px;height:61px;}
.login-after .logout{position:absolute;top: calc(50% - 20px);right: 15px;}
.login-after .logout a{width:113px;height:41px;line-height:41px;text-align:center;border:1px solid #d1d1d1;background:#fbfbfb;font-size:14px;font-weight:700;color:#333333;border-radius:5px;}
.login-after .cont{padding: 12px 0;}
.login-after .cont .lv{color:#666;}
.login-after .cont .user{color:#999;margin-top: 8px;}
.login-after .cont .user span{color:#333;}

.game-result{margin-top:10px;}
.game-result .tit{height:53px;line-height:53px;text-align:center;font-size:13px;color:#666666;border:1px solid #d1d1d1;background: #ffffff;}
.game-result .tit span{color:#333333;font-weight: 700;}
.game-result .tit strong{color:#f71616;}
.game-result .cont{border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;border-bottom: 1px solid #999999;background:#f5f5f5;padding:20px 0;text-align: center;}
.game-result .cont > ul{display:inline-block;margin: 0 15px;}
.game-result .cont > ul > li{float:left;margin: 0 2px;}
.game-result .cont > ul > li > a{display:block;width:40px;height:40px;line-height:40px;text-align:center;background:#fff;border:1px solid #d2d2d2;border-radius: 50%;}
.game-result .game_btn{height:65px;line-height:65px;border:1px solid #999999;background:#bbbbbb;}
.game-result .game_btn a{display:block;font-size:16px;font-weight:700;color:#fff;text-align: center;}

.game-result .pre-game-result{height:35px;line-height:35px;border-left: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;background:#f5f5f5;}
.game-result .pre-game-result a{display:block;font-size:13px;color:black;text-align: center;}


#tab {position: relative;overflow: hidden;height: 230px;margin-left: -10px;}
.post_list {float: left;overflow: hidden;width: calc(100% / 2 - 10px);margin-left: 10px;height: 230px;background: #fff;border: 1px solid #d1d1d1;position: relative;}
.post_list .more{position:absolute;top: 20px;right: 20px;font-size: 14px;font-weight: 700;color: #bfbfbf;}
.post_list .more:hover{color: #333;}
.post_list .post_tab {line-height: 56px;position: relative;height: 56px;background: #f5f5f5;border-bottom: 1px solid #d1d1d1;}
.post_list .post_tab a {display: block;float: left;width: 110px;text-align: center;border-right: 1px solid #d1d1d1;font-size: 14px;color: #666666;font-weight: 700;}
.post_list .post_tab a:first-child {width: 110px;border-left: none;}
.post_list .post_tab a.selected {background: #fff;color: #1ba9de;}
.post_list .list {padding-top: 8px}
.post_list .list li {line-height: 26px;height: 26px;padding: 0 15px 0 30px;position: relative;}
.post_list .list li::before{content:"";position:absolute;top: 12px;left: 20px;width:5px;height:1px;background: #808080;}
.post_list .list li a {display: inline-block;max-width: 310px;vertical-align: bottom;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666666;}
.post_list .list li a:hover{color:#e62626;}
.post_list .list_photo {text-align: center;font-size: 0;padding: 10px;margin-left: -5px;margin-top: -5px;overflow: hidden;}
.post_list .list_photo a {position: relative;display: block;float: left;overflow: hidden;width: calc(100% / 5 - 5px);height: 75px;margin-top: 5px;margin-left: 5px;}
.post_list .list_photo a img {position: absolute;bottom: 0;left: 50%;height: 80px;transform: translateX(-50%)}
.post_content{display:none;overflow: hidden;}
#tab_free,
#tab_photo{display:block;}


.pk_tab{background: #f5f5f5;border: 1px solid #d1d1d1;margin-top: 10px;}
.pk_tab::after{content:"";clear:both;display:block;}
.pk_tab > ul > li{float:left;min-width:116px;}
.pk_tab > ul > li a{display:block;padding:0 25px;height: 50px;line-height: 50px;text-align:center;font-size: 13px;font-weight:700;color:#333333;position: relative;background: #fff;border-right: 1px solid #d1d1d1;}
.pk_tab > ul > li a::before{content:"";position:absolute;top: -1px;left: -1px;bottom: -1px;right: -1px;/* width: 100%; *//* height: 100%; *//* border:1px solid #d1d1d1; */box-sizing:border-box;z-index: 10;}
.pk_tab > ul > li a:hover,
.pk_tab > ul > li a.on{color: #1ba9de;font-weight: 800;background: #e8f3f7;}
.pk_tab > ul > li a:hover::before,
.pk_tab > ul > li a.on::before{border: 1px solid #1ba9de;}

.container-rt-cont{margin-top:10px;}