.gameIndexAdvertiseBanner{ clear: both; background-color: #B52024;}
.gameIndexAdvertiseBanner img{margin:0 auto; width:100%; max-width:720px;}
.gameFooter{ clear: both; background-color: #f0f0f0; color: #b5b5b6; padding-bottom:10px; text-align: center; font-size: 14px;}
.gameFooter a{ color: #b5b5b6;}
.gameIndexAttribute{line-height:20px; font-size:15px;}
.gameIndexAttribute .attribute{padding:2px 0; clear: both;overflow: hidden;}
.gameIndexAttribute .attribute .name{float:left;}
.gameIndexAttribute .attribute .text{margin-left:80px;} 
.gameIndexAttribute .attribute .text span{padding-left:5px;}

.gameIndexJoinBar{padding:10px; background:#fff;}
.gameIndexOperateBar{padding:10px; background:#fff;}
.gameIndexOperateBar div{line-height:45px; font-size:16px; color:#fff; background:#37bd66; text-align:center;}
.gameIndexOrganizeBar{padding:10px; line-height:20px; font-size:15px; background:#fff;}
.gameIndexOrganizeBar .attribute .text{color:#777;} 
.titleBar{ font-weight: bold;}
.titleBar .number,.titleBar .more{ font-weight: normal;}

.gameIndexJoinMemberBar{padding:10px; font-size:15px; background:#fff;}
.gameIndexJoinMemberBar .titleBar .number{float:right; padding-right:15px; color:#777; line-height:24px;}
.gameIndexJoinMemberBar .memberBar{overflow:hidden; height:50px; color: #000;}
.gameIndexJoinMemberBar .memberBar div{width:45px; height: 45px; float:left; padding:5px;}
.gameIndexJoinMemberBar .memberBar div img{width:100%; height:100%; border-radius:30px;}

.gameIndexRuleContentBar{padding:10px; font-size:15px; background:#fff;}
.gameIndexRuleContentBar .titleBar .more{float:right; padding-right:15px; color:#777;}
.gameIndexRuleContentBar .content{overflow:hidden; padding-top:10px;  min-height:72px; color:#777; text-indent:2em;}

.gameIndexSponsorBar{padding:10px; font-size:15px; background:#fff;}
.gameIndexSponsorBar .sponsorBar{padding:10px 0 5px 0; overflow:hidden;}
.gameIndexSponsorBar .sponsorBar .text{padding-top:5px; overflow:hidden;}
.gameIndexSponsorBar .sponsorBar .text .items{padding:3px; padding-left:1em; color:#777; overflow:hidden;}
.gameIndexSponsorBar .sponsorBar .text .items .image{float:left; width:50px; height:40px; margin-right:5px; overflow:hidden;}
.gameIndexSponsorBar .sponsorBar .text .items .image img{width:100%; height:100%; margin:0 auto;}
.gameIndexSponsorBar .sponsorBar .text .items a{ color:#777;}

.gameIndexMediaBar{padding:10px; font-size:15px; background:#fff;}
.gameIndexMediaBar .name{float:left;}
.gameIndexMediaBar .content{padding:5px 0 5px 0; overflow:hidden;}
.gameIndexMediaBar .content .items{padding:3px; padding-left:1em; color:#777; overflow:hidden;}

.gameIndexReadNumberBar{padding:10px 10px; font-size:14px; background:#fff;}
.gameIndexReadNumberBar .name{float:left;}
.gameIndexReadNumberBar .text{color:#777}

.gameIndexSeparatorBar{height:15px; background:#f0f0f0; line-height:0px; overflow:hidden;}
.gameIndexTline{border-top:1px solid #ddd;}
.gameIndexBline{border-bottom:1px solid #ddd;}

.advertiseSeparatorBar{font-size:12px; color:#777; text-align:center; background:#fff;}

.gameIndexShareDiv{position:fixed;z-index:9999; z-index:9999; right:5px;bottom:5px; width:35px; height:35px; background-image:url('../images/icon/share.png');background-size:35px 35px; background-position:center; background-repeat:no-repeat;}

.gameIndexPostBar{padding:10px; font-size:15px; background:#fff;}
.gameIndexPostBar .content{padding:5px 0 5px 0; overflow:hidden;}
.gameIndexPostBar .postListDiv{margin-left:0px; overflow:hidden;}
.gameIndexPostBar .postListDiv .postDiv{padding:6px 0;}
.gameIndexPostBar .postListDiv .postDiv .image{float:left; width:88px; height:60px; overflow:hidden;}
.gameIndexPostBar .postListDiv .postDiv .image img{width:100%}
.gameIndexPostBar .postListDiv .postDiv .nameDiv{margin-left:98px; height:54px; padding:3px 0;}
.gameIndexPostBar .postListDiv .postDiv .nameDiv .name{height:36px; line-height:18px; font-size:15px; word-break:break-all; overflow:hidden;}
.gameIndexPostBar .postListDiv .postDiv .nameDiv .time{line-height:18px; padding-top:2px; font-size:13px; color:#aaa;}
.gameIndexPostBar .postListDiv .tline{border-top:1px solid #ddd;}

.gameIndexPostBar .titleBar .more{float:right; padding-right:15px; color:#777;}
.gameIndexPostBar .videoListDiv{margin-left:0px; overflow:hidden;}
.gameIndexPostBar .videoListDiv li{float:left; width:50%;overflow:hidden;}
.gameIndexPostBar .videoListDiv .postDiv{padding:5px; }
.gameIndexPostBar .videoListDiv .postDiv .image{position:relative;}
.gameIndexPostBar .videoListDiv .postDiv .image .sImage{width:100%}
.gameIndexPostBar .videoListDiv .postDiv .name{height:40px; padding:3px 0; line-height:20px; font-size:15px; overflow:hidden;}
.gameIndexPostBar .videoListDiv .tline{border-top:1px solid #ddd;}
.gameIndexPostBar .videoListDiv .postDiv .absImage{position:absolute; width:100%; top:30%;left:0;}
.gameIndexPostBar .videoListDiv .postDiv .absImage img{width:45px; margin: 0 auto;}

.gameIndexMatchBar{padding:10px; font-size:15px; background:#fff;}
.gameIndexMatchBar .titleBar{color:#e60012;}
.gameIndexMatchBar .titleBar a{color: #e60012;}
.gameIndexMatchBar .titleBar .more{float:right; padding-right:15px; color:#777;}
.gameIndexMatchBar .content{padding:5px 0 5px 0; overflow:hidden;}
.gameIndexMatchBar .matchListDiv{margin-left:0px; overflow:hidden;}
.gameIndexMatchBar .matchListDiv .matchDiv{padding:5px 0; overflow:hidden;}
.gameIndexMatchBar .matchListDiv .matchDiv .course{color:#777; padding-top:3px; font-size:13px; line-height:20px;}
.gameIndexMatchBar .matchListDiv .matchDiv .time{color:#777; font-size:13px;  line-height:20px;}
.gameIndexMatchBar .matchListDiv .matchDiv .image{float:left; width:16px; height:16px; padding-top:3px; margin-right:2px;}
.gameIndexMatchBar .matchListDiv .matchDiv .image img{width:100%;}
.gameIndexMatchBar .matchListDiv .tline{border-top:1px solid #ddd;}
.gameIndexMatchBar .matchListDiv .statusDiv{float:right; width:45px; padding-right:10px; font-size:13px; color:#777; line-height:67px;}

.gameIndexPostBar .photoListDiv{height:65px; padding-top:5px; overflow:hidden;}
.gameIndexPostBar .photoListDiv div{float:left; width:65px; height:65px; margin-right: 5px;}
.gameIndexPostBar .photoListDiv div img{width:100%}

.gameIndexTopMenuBar{padding:5px 10px; overflow:hidden; background:#fff;}
.gameIndexTopMenuBar li{float:left; width:25%; text-align:center; color:#000; font-size:14px; line-height:14px;}
.gameIndexTopMenuBar li img{width:45px; margin:0 auto;}
.gameIndexTopMenuBar li .name{padding-bottom:10px; color: #727171;}
.gameIndexTopMenuBar li .inner{padding-top:8px; height: 70px;}
.gameIndexTopMenuBar .rLine{border-right:1px solid #f2f2f2;}
.gameIndexTopMenuBar .tLine{border-top:1px solid #f2f2f2;}

.matchMemberListEmpty{padding:30px 10px; text-align:center; font-size:14px; color:#777;}
.matchMemberListEmpty img{width:60px; margin:0 auto;}

.gameIndexJoinBar .titleBar{ font-size: 16px; padding-bottom: 10px;}
.gameJoin{ padding: 10px 0;background: #fff;}
.gameJoin .name{ padding: 10px; clear: both; background-color: #dddddd; overflow: hidden;}
.gameJoin .name p{ color: #000; margin: 0; font-size: 16px; display: block; float: left;}
.gameJoin .name a{ color: #e60012; cursor: pointer; margin: 0; font-size: 14px; display: block; float: right; background: url("../images/Joindd.png") no-repeat right center; height: 22px; padding-right: 24px; background-size: auto 20px;}
.gameJoin .item{ padding: 10px; font-size: 12px; overflow: hidden;}
.gameJoin .item span{ padding-right: 10px; font-size:14px; display: block; float: left;}
.gameJoin .item input{ border-radius: 5px; border: 1px solid #c9c9c9; background: none; width: 70%; display: block; float: left;}
.gameJoin .item h1{display: block; float: left; padding:0 0 0 22px; margin:0;color: #e60012; font-size: 14px; background: url("../images/xing.png") no-repeat center left; height: 22px;}
.gameJoin .item a{ display: block; float: left;color: #e60012; cursor: pointer; padding-left: 10px;}
.gameJoin .item input[type="checkbox"]{ cursor: pointer; appearance:none;-moz-appearance:none; -webkit-appearance:none; background: url("../images/checkbox1.png") no-repeat center center; width: 16px; height: 16px; background-size: auto 16px; border: none;}
.gameJoin .item input[type="checkbox"]:checked{background: url("../images/checkbox2.png") no-repeat center center;  background-size: auto 16px;}
.gameJoin .item input[type="radio"]{cursor: pointer; appearance:none;-moz-appearance:none; -webkit-appearance:none; background: url("../images/radio1.png") no-repeat center center; width: 16px; height: 16px; background-size: auto 16px; border: none;}
.gameJoin .item input[type="radio"]:checked{background: url("../images/radio2.png") no-repeat center center;  background-size: auto 16px;}
.gameJoin .item i{ font-style: normal; display: block; float: left; padding-right: 5px;}
.gameJoin .item p{ display: block; clear: both; color: #e60012; font-size: 12px; padding: 5px 0 0 0; margin: 0; text-align: center;}
.gameJoin .item input.submit{ float:none; padding:8px 0; width: 40%; background-color: #e60012; border: none; color: #fff; text-align: center; margin:auto; border-radius: 5px;}

.advertiseIndexListBar{padding-left:10px; background:#fff; color: #000; }
.advertiseIndexDiv{height:40px; padding:10px 10px 10px 0; position: relative;}
.advertiseIndexDiv .logo{float:left;margin-right:8px;}
.advertiseIndexDiv .logo img{height:40px;}
.advertiseIndexDiv .btn{float:right;}
.advertiseIndexDiv .btn div{padding: 0 10px; margin-top:5px; font-size: 12px; color:#ff3300; background:#ffcc00; text-align:center; line-height:30px;}
.advertiseIndexDiv .content{margin-right:70px; font-size:14px;line-height:20px;}

.advertiseIndexTLine{border-top: 1px solid #ddd;}
.advertiseIndexBLine{border-top: 1px solid #ddd;}

.postViewTitleBar{padding:10px 5px 0px 5px; line-height:24px; font-size:20px; text-align:center; color:#000; background:#fff; font-weight: bolder;font-family: Helvetica,Arial,sans-serif;}
.postViewSubTitleBar{padding:7px 5px; font-size:16px; text-align:left; background:#fff;}
.postViewSubTitleBar .cate{color:#e60012; padding-right:20px}
.postViewSubTitleBar .time{color:#ccc;}

.postViewContentBar{padding:10px 5px;  padding-bottom:20px; line-height:20px; overflow:hidden; background:#fff;}
.postViewContentBar img{margin:0; padding:0; max-width:100%;display:initial;}
.postViewContentBar p{margin:0;padding:0;}
.postViewImageListBar img{margin:0; padding:0; max-width:100%;}

.shopGoodsViewDetailDiv{padding:10px; line-height:1.6;}
.shopGoodsViewDetailDiv img{max-width:100%;}

.gameIndexJoinTline{border-top:1px solid #ddd;}
.gameIndexJoinBline{border-bottom:1px solid #ddd;}
.gameIndexJoinTitleBar{padding:8px 10px; font-size:16px; line-height:20px; color:#777;}

.gameIndexJoinListBar{padding:8px 0; padding-left:20px; background:#fff; overflow:hidden;}
.gameIndexJoinListBar .seq{float:left; width:20px; text-align:center; padding:0 5px; font-size:16px; line-height:50px; color:#777;}
.gameIndexJoinListBar .logo{float:left; width:30px; height:30px; margin-right:10px; }
.gameIndexJoinListBar .logo img{width:100%;height:100%;}
.gameIndexJoinListBar .name{margin-right:5px; line-height:30px; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; color: #000;}
.gameIndexJoinListBar .inner{padding:8px 0; margin-left:10px;}
.gameIndexJoinListBar .content{line-height:30px; padding-right:20px; overflow:hidden;}
.gameIndexJoinListBar .content .name{float:left; max-width:40%;font-size:16px; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}
.gameIndexJoinListBar .content .timeNumber{float:right; width:50%; font-size:12px; padding-top:5px; line-height:20px; color:#777; overflow:hidden;}
.gameIndexJoinListBar .content .timeNumber div{float:left;}
.gameIndexJoinListBar .content .timeNumber .people{width:35px; padding:0 10px;}
.gameIndexJoinListBar .male{float:left; width:16px; padding-top:8px; height:16px; margin-left:2px; }
.gameIndexJoinListBar .male img{width:100%;}


.gameIndexJoinOperateBar{margin:30px 20px 10px; font-size:16px; line-height:45px; color:#fff; background:#37bd66; text-align:center;}

.gameIndexListEmpty{padding:30px 10px; text-align:center; font-size:14px; color:#777;}
.gameIndexListEmpty img{width:60px; margin:0 auto;}

.matchIndexTopLine{border-top:1px solid #e2e2e2;}

.matchIndexReportDiv{padding:0 10px; padding-bottom:0px; background:#fff;color: #666;}
.matchIndexReportDiv .itemDiv{padding:5px 0; overflow:hidden;}
.matchIndexReportDiv .itemDiv .logo{float:left;width:35px;height:35px;margin-right: 5px;}
.matchIndexReportDiv .itemDiv .logo img{width:100%;height:100%;}
.matchIndexReportDiv .itemDiv .name{margin-left: 0px;margin-right: 0px;line-height:35px;color:#333;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.matchIndexReportDiv .itemDiv .report{float:right;width:40px;text-align:center;padding-right: 10px;line-height:35px;color:#000;}
.matchIndexReportDiv .itemDiv .seq{float:left;width:20px;margin-right: 0px;padding-top:3px;text-align:center;color: #000;}
.matchIndexReportDiv .itemDiv .seq img{width:100%;}

.matchIndexReportDiv .itemDiv .teamname{font-size: 14px;}
.matchIndexReportDiv .itemDiv .name .username{float:left; width:30%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; line-height:35px; color:#000; font-size: 14px;}
.matchIndexReportDiv .itemDiv .name .teamname{float:left;width: 60%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;line-height:35px;color:#777;font-size: 14px;}

.matchIndexReportDiv .itemDiv .hole{float:right; width:70px; text-align:center; line-height:78px;}
.matchIndexReportDiv .report .up{color:#37bd66; font-size:18px;}
.matchIndexReportDiv .report .down{color:#f65f58; font-size:18px;}
.matchIndexReportDiv .itemDiv .combineDiv{margin-left:30px; margin-right:15px; overflow:hidden;}
.matchIndexReportDiv .itemDiv .combineDiv .nameDiv{margin-top:3px; overflow:hidden;}


.matchUserReportTitlBar{line-height:40px; overflow:hidden; background:#efefef;}
.matchUserReportTitlBar .name{float:left; margin-left:40px;}
.matchUserReportTitlBar .team{margin-left:86px; margin-right:34px; overflow: hidden;}
.matchUserReportTitlBar .team .teamname{float:right; width:70%; overflow:hidden;}
.matchUserReportTitlBar .report{float:right; width:40px; margin-right:20px; text-align:center; color:#e76c02; background:url("../images/match/down-s.png") no-repeat center top;}

.matchUserReportTitlBar .hole{float:right; width:70px; text-align:center;}

.matchIndexReportTitleDiv{padding:10px; line-height:20px; overflow:hidden; background:#fff;}

.gameMatchIndexTline{border-top:1px solid #ddd;}
.gameMatchIndexBline{border-bottom:1px solid #ddd;}
.gameMatchIndexTitleBar{padding:5px 10px; font-size:14px; line-height:20px; color:#777;}
.gameMatchIndexTitleBar span{padding-left:3px;}

.gameIndexMatchBar{background:#fff;margin-left:0px; overflow:hidden;}
.gameIndexMatchBar .matchDiv{padding:5px 10px; overflow:hidden;}
.gameIndexMatchBar .matchDiv .course{color:#777; padding-top:3px; font-size:13px; line-height:20px;}
.gameIndexMatchBar .matchDiv .time{color:#777; font-size:13px;  line-height:20px;}
.gameIndexMatchBar .matchDiv .image{float:left; width:16px; height:16px; padding-top:3px; margin-right:2px;}
.gameIndexMatchBar .matchDiv .image img{width:100%;}
.gameIndexMatchBar .tline{border-top:1px solid #ddd;}
.gameIndexMatchBar .statusDiv{float:right; width:66px; padding-right:10px; font-size:13px; color:#777; line-height:67px;}




.shareBar .absDiv{display:none;}

.matchIndexTopHeaderDiv{height:130px; position:relative; overflow:hidden; background-color:#5bb7f0; background-image:url'(../images/match/banner.png');}
.matchIndexTopHeaderDiv .bgCoverImage{width:100%;height:100%;}
.matchIndexTopHeaderDiv .matchInnerDiv{position:absolute; padding-top:0px; width: 100%; line-height:20px; font-family:"Microsoft YaHei";}

.matchIndexTopHeaderDiv .matchInnerDiv .nameDiv{padding:0 10px; margin-top:18px; font-size:18px; color:#fff; overflow: hidden; height:35px; line-height:20px; text-overflow: ellipsis; word-break: break-all;}
.matchIndexTopHeaderDiv .matchInnerDiv .nameDiv .status{display:inline-block; margin-left:6px; padding:0px 5px; font-size:12px; line-height:18px; background:#81d450;}
.matchIndexTopHeaderDiv .matchInnerDiv .courseDiv{padding:0px 10px; line-height:24px; margin-top:6px; font-size:14px; color:#fff; text-decoration:none; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.matchIndexTopHeaderDiv .matchInnerDiv .courseDiv .image{float:left; width:18px; padding-top:2px;  margin-right:3px;}
.matchIndexTopHeaderDiv .matchInnerDiv .courseDiv .image img{width:100%;}

.matchIndexTopHeaderDiv .matchInnerDiv .timeDiv{padding:0px 10px; line-height:20px; margin-top:0px;font-size:14px; color:#fff; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.matchIndexTopHeaderDiv .matchInnerDiv .timeDiv .image{float:left; width:18px; margin-right:3px;}
.matchIndexTopHeaderDiv .matchInnerDiv .timeDiv .image img{width:100%;}

.matchIndexTopHeaderDiv .matchInnerDiv .teamDiv{padding:0 10px; line-height:20px; margin-top:6px; font-size:14px; color:#fff; line-height:20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.matchIndexTopHeaderDiv .matchInnerDiv .teamDiv .image{float:left; width:20px; height:20px; margin-right:3px;} 
.matchIndexTopHeaderDiv .matchInnerDiv .teamDiv .image img{width:100%; height: 100%; border-radius:50%;}

.matchInnerDiv .userDiv .text{padding:0px 10px;font-size:16px; color:#fff; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.matchInnerDiv .userDiv .operateDiv{float:right; color:#fff; }
.matchInnerDiv .userDiv .operateDiv div{padding:0px 10px; min-width:66px; text-align:center; color:#ffff66; border:1px solid #fff;}
.matchInnerDiv .userDiv .operateDiv .disableDiv{border:1px solid #fff;color:#fff;}
.matchInnerDiv .userDiv .text span{font-size:12px; padding-left:5px;}

.matchIndexSeparateDiv{background:#efefef; color:#666; font-size:18px; padding:7px; border-top:1px solid #e2e2e2;  border-bottom:1px solid #e2e2e2;}
.matchIndexDescriptionDiv{padding:0 10px 10px; font-size:16px; line-height:1.6; color:#666; min-height:100px; background-color: #fff;}

.matchIndexListMemberDiv{padding:0 10px; background-color:#fff;}
.matchIndexListMemberDiv .itemDiv{overflow:hidden; height:50px; color: #666;}
.matchIndexListMemberDiv .itemDiv div{width:45px; height:45px; float:left; padding:0 5px; margin-bottom: 5px;}
.matchIndexListMemberDiv .itemDiv div img{width:100%; height:100%; border-radius:30px;}

.matchIndexMatchJoinDiv{padding-top:10px; overflow:hidden;}
.matchIndexMatchJoinDiv li{float:left; width:50%; line-height:35px; color:#fff; text-align:center;}
.matchIndexMatchJoinDiv li div{margin:0 10px; background:#37bd66;}
.matchIndexMatchJoinDiv li .bgRed{background:#f65f58;}

.matchIndexJoinMemberDiv{padding:5px 0px 5px 10px; text-align:center; border-bottom:1px solid #efefef;}
.matchIndexJoinMemberDiv .joinNumberDiv{display:inline-block; font-size:16px; line-height:20px; color:#777;}
.matchIndexJoinMemberDiv .joinNumberDiv .image{float:left;width:20px; margin-right:3px;}
.matchIndexJoinMemberDiv .joinNumberDiv .image img{width:100%;}
.matchIndexJoinMemberDiv .playNumberDiv{display:inline-block; padding-left:15px; font-size:16px; color:#777;}

.matchIndexMatchMenuDiv{height:80px; overflow:hidden;}
.matchIndexMatchMenuDiv ul{height:80px;}
.matchIndexMatchMenuDiv li{float:left;width:25%; height:100%; text-align:center; overflow: hidden;}
.matchIndexMatchMenuDiv li .menuItemDiv{padding:8px 0; line-height:20px; font-size:14px;}
.matchIndexMatchMenuDiv li .menuItemDiv .logoDiv img{width:45px;margin:0 auto;}


.matchIndexTitleBar{padding:10px 0; line-height:20px; font-size:16px; color:#000;}
.matchIndexTitleBar .number{float:right; margin-right:15px; font-size:16px; color:#777;}

.matchIndexPhotoListDiv{padding:0 10px; background-color: #fff;}
.matchIndexPhotoListDiv .emptyDiv{padding:20px 0 25px; font-size: 14px; text-align:center; color:#777;}
.matchIndexPostListDiv{padding:0 10px; background-color: #fff;}
.matchIndexPostListDiv .emptyDiv{padding:20px 0 25px; font-size: 14px; text-align:center; color:#777;}

.matchIndexPhotoListDiv{overflow:hidden; padding-bottom:10px;}
.matchIndexPhotoListDiv .photoListDiv{height:65px; overflow:hidden;}
.matchIndexPhotoListDiv .photoListDiv div{float:left; width:65px; height:65px; margin-right: 5px;}
.matchIndexPhotoListDiv .photoListDiv div img{width:100%}

.matchIndexPostListDiv{padding-bottom:10px;}
.matchIndexPostListDiv .postListDiv{margin-left:0px; overflow:hidden;}
.matchIndexPostListDiv .postListDiv .postDiv{padding:6px 0;}
.matchIndexPostListDiv .postListDiv .postDiv .image{float:left; width:88px; height:60px; overflow:hidden;}
.matchIndexPostListDiv .postListDiv .postDiv .image img{width:100%}
.matchIndexPostListDiv .postListDiv .postDiv .nameDiv{margin-left:98px; height:54px; padding:3px 0;}
.matchIndexPostListDiv .postListDiv .postDiv .nameDiv .name{height:36px; line-height:18px; font-size:15px; word-break:break-all; overflow:hidden;}
.matchIndexPostListDiv .postListDiv .postDiv .nameDiv .time{line-height:18px; padding-top:2px; font-size:13px; color:#aaa;}
.matchIndexPostListDiv .postListDiv .tline{border-top:1px solid #ddd;}
.matchIndexPaddingBottomDiv{padding-bottom:5px}

.matchIndexImageOperateBar{margin:20px; font-size:16px; line-height:40px; border:1px solid #ddd; color:#666; background:#efefef; text-align:center;}

.matchIndexListTeamDiv{padding:0 10px; padding-bottom:10px;}
.matchIndexListTeamDiv .itemDiv{padding:5px 0; overflow:hidden;}
.matchIndexListTeamDiv .itemDiv .logo{float:left; width:35px; height:35px; margin-right:5px; }
.matchIndexListTeamDiv .itemDiv .logo img{width:100%;height:100%;}
.matchIndexListTeamDiv .itemDiv .name{line-height:35px;}

.matchIndexTeamReportDiv{padding:0 10px; padding-bottom:10px; background-color: #fff;}
.matchIndexTeamReportDiv .itemDiv{padding:5px 0; overflow:hidden;}
.matchIndexTeamReportDiv .itemDiv .logo{float:left; width:35px; height:35px; margin-right:5px; }
.matchIndexTeamReportDiv .itemDiv .logo img{width:100%;height:100%;}
.matchIndexTeamReportDiv .itemDiv .name{margin-left:66px; margin-right:34px; line-height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.matchIndexTeamReportDiv .itemDiv .report{float:right; width:40px; text-align:center; padding-right:15px; line-height:35px; color:#000;}
.matchIndexTeamReportDiv .itemDiv .seq{float:left; width:20px; margin-right:10px; padding-top:3px; text-align:center;}
.matchIndexTeamReportDiv .itemDiv .seq img{width:100%;}

.readNumber{padding:10px; color:#777; font-size:14px;}

.gameMatchIndexTopMenuBar{padding:5px 10px; overflow:hidden; background:#fff;}
.gameMatchIndexTopMenuBar li{float:left; width:25%; text-align:center; color:#000; font-size:14px; line-height:14px;}
.gameMatchIndexTopMenuBar li img{width:45px; margin:0 auto;}
.gameMatchIndexTopMenuBar li .name{padding-bottom:10px;}
.gameMatchIndexTopMenuBar li .inner{padding-top:8px; height:70px;}
.gameMatchIndexTopMenuBar .rLine{border-right:1px solid #f2f2f2;}
.gameMatchIndexTopMenuBar .tLine{border-top:1px solid #f2f2f2;}

.gameIndexMemberJoinOperateBar{height:50px;}
.gameIndexMemberJoinOperateBar .inner{position:fixed; width:100%; bottom:0;  border-top: 1px solid #ccc; background:#fff;}
.gameIndexMemberJoinOperateBar .inner div{margin:10px; font-size:16px; line-height:45px; color:#fff; background:#37bd66; text-align:center;}

.matchMemberGroupOneDiv{margin:5px 10px;}
.matchMemberGroupTopLine{border-top:1px solid #ddd;}

.matchImageListTitleBar{color:#000; font-size:14px; line-height:45px; padding-left:10px; background:#f0eff4; }
.matchImageListTitleBar .private{float:right; padding-right:10px; color:#aaa; font-size:14px; line-height:45px; }

.matchImageListOperateBar{margin:20px; font-size:16px; line-height:45px; color:#fff; background:#37bd66; text-align:center;}
.matchImageListFileBar{height:5px; overflow: hidden;}
.matchImageListFileBar input{filter: alpha(opacity:0);opacity: 0;}

.matchImageListSeparatorBar{color:#000; font-size:14px; padding:10px 10px 0 10px;}
.matchImageListSeparatorBar2{background:#efefef; color:#666; font-size:14px; padding:2px 10px; border-top:1px solid #e2e2e2;}

.matchImageListEmpty{padding:30px 10px; text-align:center; font-size:14px; color:#777;}
.matchImageListEmpty img{width:60px; margin:0 auto;}


.matchImageListDateBar{overflow:hidden; padding:2px;}
.matchImageListDateBar .imageDiv{float:left; width:25%; max-width:150px;}
.matchImageListDateBar .imageDiv .inner{margin:1px;}
.matchImageListDateBar .imageDiv img{width:100%}
 
#loading img{margin:0 auto;}

.gameLiveMatchTopBar{padding:10px; background:#fff; overflow:hidden;}
.gameLiveMatchTopBar .course{color:#aaa; padding-top:6px; font-size:13px; line-height:20px;}
.gameLiveMatchTopBar .time{color:#aaa; font-size:13px;  line-height:20px;}
.gameLiveMatchTopBar .image{float:left; width:16px; height:16px; padding-top:3px; margin-right:2px;}
.gameLiveMatchTopBar .image img{width:100%;}
.gameLiveMatchTopBar .tline{border-top:1px solid #ddd;}
.gameLiveMatchTopBar .statusDiv{float:right; line-height:20px; padding:0 10px; padding-top:20px; margin-right:15px; font-size:16px; color:#666; }
.gameLiveMatchTopBar .statusDiv .operate{pading:10px; margin-top:5px; color:#fff; font-size:13px; text-align:center; line-height:20px; background:#37bd66;}


.gameIndexJoinAddOperateBar{height:50px;}
.gameIndexJoinAddOperateBar .inner{position:fixed; width:100%; bottom:0;  border-top: 1px solid #ccc; background:#fff;}
.gameIndexJoinAddOperateBar .inner div{margin:10px; font-size:16px; line-height:45px; color:#fff; background:#37bd66; text-align:center;}
.gameIndexJoinAddOperateBar .inner .bgRed{background:#f65f58;}

.playerOrderIndexBarDiv{background:#fff; padding:0 20px; overflow:hidden;}
.playerOrderIndexBarDiv li{float:left;width:50%; font-size:16px; line-height:40px; color:#666; text-align:center; white-space:nowrap; overflow:hidden; border-bottom:2px solid #fff;}
.playerOrderIndexBarDiv .cur{color:#37bd66;border-bottom:2px solid #37bd66;}


.matchIndexReportBlockDiv{margin:20px 0; overflow:hidden; text-align:center;}
.matchIndexReportBlockDiv li{display:inline-block; width:70px; color:#aaa; font-size:14px; line-height:22px; text-align:left; overflow:hidden;}
.matchIndexReportBlockDiv li div{float:left; width:20px; height:20px; margin-right:3px;}