.newslist-title {
  width: 1190px;
  margin: 28px auto;
  height: 32px;
  position: relative
}

.newslist-title .title-icon {
  top: 4px;
  width: 6px;
  height: 26px;
  background-color: #711218;
  position: absolute;
}
.newslist-title .title-text{
  position: absolute;
  left: 10px;

}
.newslist-title .title-text span{
  font-size: 24px;
  font-weight: 600;
  color: #fff;
}
.newslist-title .title-text em{
  font-size: 18px;
  color: #00a2e7;
  font-style: italic;
}


 .newslist-title .title-separator {
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 1050px;
  height: 1px;
  background-color: #711218;
}

 .newslist-title .news-tab {
  height: 0;
  width: 103px;
  border-top: 32px solid #711218;
  border-right: 20px solid transparent;
  display: inline-block;
  /*left: 635px;
  top: -2px;
  position: absolute;*/
  margin-right: -10px;
  float: right;
}

 .newslist-title .news-tab .tab-words {
  font-size: 14px;
  color: #fff;
  /*position: absolute;
  top: -23px;
  left: 26px;*/
  line-height: 32px;
  text-align: center;
  margin-top: -32px;
}

 .newslist-title .announce-tab,.newslist-title .announce-tab-1, .newslist-title .match-tab {
  width: auto;
  /*left: 865px;
  top: -2px;*/
  background: #711218;
  height: 32px;
  /*position: absolute;*/
  transform: skew(-32deg);
  display: inline-block;
  float: right;
  margin-left: 2px;
  padding:0 10px;
}

 .newslist-title .announce-tab .tab-words,.newslist-title .announce-tab-1 .tab-words, .newslist-title .match-tab .tab-words {
  /*position: absolute;*/
  color: #fff;
  font-size: 14px;
  /*left: 50%;
  top: 50%;*/
  transform: skew(32deg);
  line-height: 32px;
    text-align: center;
    font-style: normal;
}



 .newslist-title .player-tab {
  height: 0;
  width: 93px;
  border-bottom: 32px solid #711218;
  border-left: 20px solid transparent;
  float: right;
  margin-left: -8px;
  /*left: 1085px;
  top: -2px;
  position: absolute;*/
}
 .newslist-title .player-tab.player-tabccc{
  border-bottom: 32px solid #ccc;
 }
  .newslist-title .match-tab.match-tabccc{
    background: #ccc;
  }
/*  .newslist-title .player-tab.player-tabccc:hover{
    border-bottom: 32px solid #a81a20
  }*/
  

 .newslist-title .player-tab .tab-words {
  font-size: 14px;
  color: #fff;
  /*position: absolute;
  top: 10px;
  right: 23px;*/
  line-height: 32px;
  text-align: center;
}

 .newslist-title .news-tab:hover {
  border-top: 32px solid #a81a20
}

 .newslist-title .announce-tab:hover, .newslist-title .match-tab:hover {
  background-color: #a81a20
}

 .newslist-title .player-tab:hover {
  border-bottom: 32px solid #a81a20
}

 .newslist-title .tab-item {
  cursor: pointer
}


.title-right{
  float: right;
  height: 32px;

}











/*全局样式*/
.tipsBox {position: fixed;z-index: 3000;left: 300px;top: 200px;padding: 5px 20px;border-radius: 2px;background-color: #262629;border: 2px solid #444;color: white;display: none;max-width: 500px;}
.f_wait {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.6);z-index: 4000;display: none;}
.f_wait h3 {position: relative;top: 50%;margin-top: 40px;text-align: center;}
.spinner {margin: -25px auto;width: 50px;height: 50px;position: relative;top: 50%;}
.container1 > div,
.container2 > div,
.container3 > div {width: 15px;height: 15px;background-color: #144cbb;border-radius: 100%;position: absolute;-webkit-animation: bouncedelay 1.2s infinite ease-in-out;animation: bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.spinner .spinner-container {position: absolute;width: 100%;height: 100%;}
.container2 {-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.container3 {-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg);}
.circle1 {top: 0;left: 0;}
.circle2 {top: 0;right: 0;}
.circle3 {right: 0;bottom: 0;}
.circle4 {left: 0;bottom: 0;}
.container2 .circle1 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.container3 .circle1 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.container1 .circle2 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.container2 .circle2 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
.container3 .circle2 {-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
.container1 .circle3 {-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
.container2 .circle3 {-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.container3 .circle3 {-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
.container1 .circle4 {-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
.container2 .circle4 {-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
.container3 .circle4 {-webkit-animation-delay: -0.1s;animation-delay: -0.1s;}
@-webkit-keyframes bouncedelay{
    0%, 80%, 100% {-webkit-transform: scale(0.0);}
    40% {-webkit-transform: scale(1.0);}
}
@keyframes bouncedelay{
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}.footer {width: 100%;height: 250px;color: #7d7d7d;border-top: 2px solid #144cbb;margin-top: 270px;background-color: #1A181D;}
.footer-content {width: 1240px;background: url(/images/footer_bg.jpg?393945cfc676ca242d09a51428b3bd7f) no-repeat;background-size: cover;height: 270px;margin: auto;position: relative;}
.footer-block {width: 310px;float: left;margin-top: 39px;}
.footer-block .title {height: 14px;line-height: 14px;color: #fff;position: relative;padding-left: 14px;margin-bottom: 12px;}
.footer-block .title:after {content: '';display: block;width: 4px;height: 14px;background: #144cbb;position: absolute;top: 0;left: 0;}
.footer-block .link {overflow: hidden;width:235px;}
.footer-block li {margin: 3.5px 0;padding-left: 14px;color: #B8BABC;}
.footer-block .link li {width:100%;float: left;margin: 3.5px 0;padding-left: 14px;}
.footer-block .link a {font-size: 14.5px;color: #b8babc;}
.footer-block .link a:hover {color: #144cbb;}
.footer-block img.QQqun {width: 86px;height: 86px;margin: 13px 10px 0 0;box-shadow: 0 0 0 4px #fff, 0 0 0 8px #27262C;}
.footer-info {float: right;}
.footer-info .footer-logo {background: url(../images/ico_gold.png?9d40e2fb3bb918921a2b786a2cec7e1e);width: 130px;height: 58px;float: right;margin-right: 4px;}
.footer-info .version {text-align: right;margin-top: 75px;font-size: 12px;line-height: 24px;color: #fff;padding-right: 8px;}
.footer-info .footer-con {text-align: right;font-size: 15px;line-height: 22px;}
.footer-info .footer-con > a:hover {text-decoration: underline;}
.footer-info .footer-img {margin-top: -2px;text-align: right;}
.footer-info .footer-img > span {margin: 10px 13px 0 0;width: 24px;height: 24px;}
.footer-info .footer-img .ft1 {background: url(../images/ico_gold.png?884790a358d4234196dc397615cfcb73);}
.footer-info .footer-img .ft2 {background: url(../images/ico_gold.png?ca6fa162fbba1c5f9dbfce8c02a6d620);}
.footer-info .footer-img .ft3 {background: url(../images/ico_gold.png?514f5e156e38efa420f62176ec9ba6eb);}
.footer-info .footer-img .ft4 {background: url(../images/ico_gold.png?d37fa5d4d03cd503036cbd899e5e3b32);}
.footer-block .link_url:hover{color:#144cbb;}

@charset "UTF-8";

.re_nav{height: 30px; line-height: 30px; font-size: 14px; width: 1660px; margin: -43px auto 0 auto;}
.re_nav > div{background: #27272B; padding: 0 14px;display: inline-flex!important;display: -webkit-inline-flex!important;
  flex-wrap: nowrap; align-items:center;height:inherit;}
.re_nav i, .re_nav span, .re_nav a{display: inline-block; vertical-align: middle; color: #B8BABC; margin-right: 4px;}
.re_nav span{cursor: default;}
/*.news-list-wrapper .container{margin-top: -80px;}*/
/*新闻头图*/
.news-list{
  width: 900px;
  float: left;
}
.news-list.news-list2{
  width: 1190px;
  float: left;
}

.news-list-wrapper .inner-bg{width: 100%; height: 213px; background: url(../images/ico_gold.png?3084fc0959a5bcedc03c258d8eb9fd4f) no-repeat top; overflow: hidden; min-width: 1240px; margin-top: 65px;}
/*新闻列表*/
.news-list-wrapper .news-list .month{height: 56px; line-height: 56px; color: #fff; font-size: 30px; font-weight: bold; padding-left: 20px; margin-left: 10px;}
.news-list-wrapper .news-list .box{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;/* box-sizing: border-box; */}
.news-list-wrapper .news-list .box li{
	width: 421px;
	height: 183px;
	/* border-top: 2px solid #711218; */
	margin-bottom: 20px;
	padding: 0 10px 9px 10px;
	background: #27272b;
	cursor: pointer;
	position: relative;
	box-shadow: 0 0 3px #151418;
	}
.news-list{
    width:100%;
}
.news-list-wrapper .image-list .box li{
    height: auto;
    border:0px;
    box-shadow:none;
    padding:0px;
    width:580px;
    margin:10px;
    text-align: center;
}
.news-list-wrapper .image-list .box li img{
    max-width: 100%;
    max-height: 290px;
}
.news-list-wrapper .image-list .box li .textinfo{
    text-align: center;
    padding:10px 0
}
.news-list-wrapper .image-list .box li .textinfo a{
    color:#000;
}
.news-list-wrapper .news-list .box .tit{
	color: #B9BABC;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	line-height: 42px;
	height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 100px 0 10px;
	width: 300px;
}
.news-list-wrapper .news-list .box .time{color: #7d7d7d; font-size: 14px; position: absolute; right: 10px; top: 12px; font-weight: normal;}
.news-list-wrapper .news-list .box .con{
  width: 400px;
  padding: 10px;
  height: 104px;
  background: #222226;
  box-shadow: 0 0 0 1px #26262A inset, 0 0 0 1px #1A1A1E;
  color: #7d7d7d;
  overflow: hidden;
}
.news-list-wrapper .news-list .box  .con img{
	width: 104px;height: 104px;float: left;margin-right: 26px;
	background-size: cover;
	border: 1px solid #26262A;
}
.news-list-wrapper .news-list .box .tit:hover{color: #fff;}
.news-list-wrapper .news-list .box  .con p{
  width: 268px;
  float: right;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  /*height: 85px;*/
}
.news-list-wrapper .news-list .box .con em{
  float: right;

}
.news-list-wrapper .news-list .box .box-banner{
  padding: 0;
  width: 441px;
  height: 194px;
}
.news-list-wrapper .news-list .box .box-banner>img{
  width: 441px;
  height: 194px;
}
.news_bottom{
	height: 24px;
	width: 420px;
	overflow: hidden;
}
.news_bottom>span{
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-right: 20px;
}
.news_bottom>span:last-child{
	float: right;
	margin-right: 0;
}
.news_bottom>span img{
	display: block;
	width: 22px;
	height: 22px;
	margin-right: 5px;
}
.news_bottom>span i{
	font-size: 14px;
	color: #999999;
	line-height: 24px;
}
.newsKimg{
	display: block;
    width: 441px;
    height: 192px;
    /* margin: 30px auto; */
    margin: 0 -10px;
}
.newsKp{
	display: block;
	font-size: 14px;
	color: #b0b0b0;
	text-align: center;
	margin-top: -60px;
}





/*新闻分页*/
.news-list-wrapper .news-list .re_pageNum{width: 1240px;}/*分页*/
.re_pageNum {text-align: center;width: 100%;color: #fff;
  display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center;padding: 10px 0 30px 0;}
.re_pageNum li{display: inline-block;vertical-align: middle;font-size: 12px;color: #fff;text-align: center;cursor: pointer;margin: 0 5px;}
.re_pageNum li a{width: 30px;height: 30px;line-height: 30px;background: #2F2E33;}
.re_pageNum li span {width: 30px;height: 30px;line-height: 30px;}
.re_pageNum a:hover, .re_pageNum a.now {background: #144cbb}
.re_pageNum a.f, .re_pageNum a.l {width: 50px;height: 30px;border: 1px solid #1b1b1f;}
.re_pageNum a.f:hover, .re_pageNum a.l:hover {border: 1px solid #144cbb;}
.re_pageNum a.f {background-image: url(../images/ico_gold.png?7bc1003c72bcd769018aae348fb26e56);background-repeat: no-repeat;background-position: center center;}
.re_pageNum a.l {background-image: url(../images/ico_gold.png?ea82d2182cb9b798c36fd46d25f5b189);background-repeat: no-repeat;background-position: center center;}
body{background: #0b0b0b; font-size: 14px; color: #b8babc; min-width: 1240px; word-break: break-all; cursor: default;}
/**{padding: 0; margin: 0; box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; }*/
/*table{border-collapse: collapse; border-spacing: 0;}*/
/*fieldset,
img{border: 0 none;}*/
/*address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var{font-style: normal; font-weight: normal;}*/
/*strong{font-weight: 800;}
ol,
ul,
li{list-style: none outside none;}
caption,
th{text-align: left;}*/
/*a{cursor: pointer; text-decoration: none; display: inline-block; color: white;}
ol,
ul{margin: 0;}*/
span,
i{display: inline-block;}
.pull-left{float: left !important;}
.pull-right{float: right !important;}
.tit-con-hide{display: none;}
.show{display: block !important;}
.lock{display: none;}
.clearfix{*zoom: 1}
.clearfix:after,
.clearfix:before{content: " "; display: table}
.clearfix:after{height: 0; line-height: 0; visibility: hidden; clear: both;}
input{outline-color: #C16C6F; border: none;  outline: none; vertical-align: middle;}
button{cursor: pointer; outline: none; border: none; color: #B8BABC; background: #222226; }
@font-face{font-family: "Kimberley"; src: url(/fonts/LED.ed7cfe0.ttf) format("truetype");}
.led{font-family: "Kimberley", sans-serif;color:#144cbb;text-align: center;background:#191919;padding:2px;font-weight:normal;}
@font-face{font-family: "helveticaneueltpro"; src: url(/fonts/HELVETICANEUELTPRO.4065ca6.otf) format("truetype");}
.font-hel{font-family: "helveticaneueltpro", sans-serif; color: #fff; text-align: center; font-weight: normal; font-size: 40px;}
.clock50.led{font-size: 40px;width: 50px;height: 50px;line-height: 50px;}
.clock23.led{font-size: 23px;width: 34px;height: 34px;line-height: 34px;}
.clock28.led{font-size: 28px;width: 34px;height: 34px;line-height: 34px;}
.clock26.led{font-size: 26px;width: 30px;height: 30px;line-height: 30px;}
[v-cloak]{opacity: 0;}
/*输入框*/
/*输入框、文本框焦点效果*/
label{position: relative;}
input[type="text"]:focus,
input[type="password"]:focus{background: #fff; color: #282828; border: 1px solid #144cbb;}
input[type="range"]{-webkit-box-shadow: 0 1px 0 0px #424242, 0 1px 0 #060607 inset, 0 2px 10px 0 black inset, 1px 0px 2px rgba(0, 0, 0, 0.4) inset, 0 0 1px rgba(0, 0, 0, 0.6) inset; margin-top: 2px; background-color: #272728; border-radius: 15px; -webkit-appearance: none; height: 10px; width: 130px;}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance: none; cursor: pointer; margin-top: 8px; height: 20px; width: 10px; transform: translateY(-4px); background: url(../images/ico_gold.png?0aa7f946bdced21f7c0c6af16066a75f) no-repeat; border-radius: 5px;}
input[type="radio"]:checked~span{color: #fff;}
input[type="checkbox"]:checked~span{color: #fff;}
textarea{outline: none; background: #222226; border: 1px solid #191919; color: #fff; padding: 6px; font-size: 16px; border-right: none; resize: none; overflow: hidden;}
textarea:focus{background: #fff;color: #282828;border: 1px solid #144cbb;outline: none;border-right: none;overflow-y: auto;}
/*输入框 大小输入框enterBox-lg && enterBox*/
.enterBox,
.enterBox-lg{position: relative; display: inline-block;}
.enterBox-lg textarea+.enterImg{background-color: #222226; border: 1px solid #191919; border-left: 1px solid transparent; box-shadow: 0 0 0 1px #222226 inset;}
.enterBox-lg textarea:focus+.enterImg{border: 1px solid #144cbb; border-left: 1px solid #fff; box-shadow: 0 0 0 1px #fff inset;}
.enterBox-lg input:focus+.enterImg,
.enterBox-lg textarea:focus+.enterImg{background-image: url(../images/ico_gold.png?ca7a502c1aa8b60791342d4154114a10); background-color: #212124;}
.enterBox-lg input{padding: 0 55px 0 10px; height: 60px; width: 500px;}
.enterBox-lg .enterImg{width: 40px; background-image: url(../images/ico_gold.png?6ac1ac7674737b2ff4c6f0f78d329bce); background-repeat: no-repeat; background-position: center center; background-color: transparent; float: left; margin-left: -21px; border: 1px solid transparent; position: absolute; top: 2px; right: 2px; bottom: 2px;}
.enterBox input{padding: 0 30px 0 10px; height: 30px;width: 150px;}
.enterBox .enterImg{width: 22px; background-image: url(../images/ico_gold.png?398d9460ac3f01e4e9774b643ed37050); background-repeat: no-repeat; background-position: center center; background-color: transparent; float: left; margin-left: -21px; border: 1px solid transparent; position: absolute; top: 2px; right: 2px; bottom: 2px;}
.enterBox input:focus+.enterImg{background-image: url(../images/ico_gold.png?673e08d62745bff8f9c54ab230ea151b); background-color: #212124;}
label{position: relative;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #7d7d7d;}
input:-moz-placeholder,
textarea:-moz-placeholder{color: #7d7d7d;}
input::-moz-placeholder,
textarea::-moz-placeholder{color: #7d7d7d;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #7d7d7d;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{color: #b8babc;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder{color: #b8babc;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{color: #b8babc;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder{color: #b8babc;}
input[data-active='white']::-webkit-input-placeholder{color: #fff;}
input[data-active='white']:-moz-placeholder{color: #fff;}
input[data-active='white']::-moz-placeholder{color: #fff;}
input[data-active='white']:-ms-input-placeholder{color: #fff;}

/*图片*/
.djq_ico_a{background: url(../images/ico_gold.png?1cba242639b57708d73b665cc61ee9c7) 0 0 no-repeat;}
.djq_ico_b{background: url(../images/ico_gold.png?b8c709825d5d50c53c2b74e675f32fd8) 0 0 no-repeat;}
.djq_ico_c{background: url(../images/ico_gold.png?6725901f2b203b98e297d5f32beb3234) 0 0 no-repeat;}
.djq_ico_d{background: url(../images/ico_gold.png?b1c47939c84a6224b0a78f06ad2a3fa8) 0 0 no-repeat;}
i{font-style: normal; display: inline-block; cursor: pointer;}
.ico-phone{width: 20px; height: 20px; background-position: -132px -18px;}
.ico-pw{width: 20px; height: 20px; background-position: -20px -18px;}
.ico-gender{width: 20px; height: 20px; background-position: -858px -73px;}
.ico-address{width: 20px; height: 20px; background-position: -747px -74px;}
.ico-team{width: 9px; height: 14px; background-position: -416px -77px;}
.ico-code{width: 20px; height: 20px; background-position: -747px -130px;}
.ico-user{width: 20px; height: 20px; background-position: -636px -74px;}
.ico-search{width: 20px; height: 20px; background-position: -76px -75px;}
.ico-pop{width: 14px; height: 16px; background-position: -525px -76px;}
.ico-win{width: 36px; height: 19px; background-position: -66px -243px;}
.ico-home{width: 16px; height: 16px; background-position: -694px -190px;}
.ico-djq-logo-sm{width: 35px; height: 24px; background-position: -346px -75px;}
.ico-djq-logo-sm:hover,
.btn-hover:hover .ico-djq-logo-sm{background-position: -403px -75px;}
.ico-cir-black{width: 17px; height: 17px; background-position: -244px -20px;}
.ico-cir-black:hover,
.btn-hover:hover .ico-cir-black{background-position: -300px -20px;}
.ico-cir-red{width: 17px; height: 17px; background-position: -300px -20px;}
.ico-cir-red:hover,
.btn-hover:hover .ico-cir-red{background-position: -244px -20px;}
.ico-read-black{width: 17px; height: 17px; background-position: -325px -20px;}
.ico-game{width: 44px; height: 30px; background:url(../images/ico_gold.png?df65cc3d88a8f7f5be1ae4015b331ae4) no-repeat;}
.ico-game:hover,
.btn-hover:hover .ico-game{background:url(../images/ico_gold.png?0a118ca7d62723022b177f45c3c3cada) no-repeat;}
.ico-cup{width: 44px; height: 30px; background:url(../images/ico_gold.png?bc08110d18b7c57d77ea53a2055ea5eb) no-repeat;}
.ico-cup:hover,.btn-hover:hover .ico-cup{background:url(../images/ico_gold.png?a386cd4594f3f3fee5b680fae6998498) no-repeat;}
.ico-fangdajing{width: 22px; height: 22px; background-position: -19px -73px;}
.ico-game-sm{width: 22px; height: 17px; background-position: -17px -301px;}
.ico-game-sm:hover,
.btn-hover:hover .ico-game-sm{background-position: -73px -301px;}
.ico-upfile{width: 24px; height: 24px; background-position: -297px -72px;}
.ico-upfile:hover,
.btn-hover:hover .ico-upfile{background-position: -353px -72px;}
.ico-random{width: 24px; height: 24px; background-position: -464px -296px;}
.ico-random:hover,
.btn-hover:hover .ico-random{background-position: -520px -296px;}
.ico-del{width: 16px; height: 16px; background-position: -245px -357px;}
.ico-del:hover,
.btn-hover:hover .ico-del{background-position: -301px -357px;}
.ico-add{width: 22px; height: 22px; background-position: -130px -18px;}
.ico-add:hover,
.btn-hover:hover .ico-add{background-position: -186px -18px;}
.ico-vs{width: 22px; height: 22px; background-position: -242px -17px;}
.ico-vs:hover,
.btn-hover:hover .ico-vs{background-position: -299px -17px;}
.ico-exit{width: 34px; height: 28px; background-position: -124px -69px;}
.ico-exit:hover,
.btn-hover:hover .ico-exit{background-position: -180px -69px;}
.ico-photo{width: 30px; height: 22px; background-position: -854px -131px;}
.ico-photo:hover,
.btn-hover:hover .ico-photo{background-position: -910px -131px;}
.ico-edit{width: 18px; height: 17px; background-position: -19px -22px;}
.ico-edit:hover,
.btn-hover:hover .ico-edit{background-position: -75px -22px;}
.ico-report{width: 17px; height: 14px; background-position: -21px -414px;}
.ico-report:hover,
.btn-hover:hover .ico-report{background-position: -77px -414px;}
.ico-gift{width: 20px; height: 20px; background-position: -19px -77px;}
.ico-gift:hover,
.btn-hover:hover .ico-gift{background-position: -74px -77px;}
.ico-qq-sm{width: 24px; height: 20px; background-position: -634px -18px;}
.ico-qq-sm:hover{background-position: -690px -18px;}
.ico-weibo-sm{width: 24px; height: 20px; background-position: -856px -18px;}
.ico-weibo-sm:hover{background-position: -912px -18px;}
.ico-wechat-sm{width: 24px; height: 20px; background-position: -744px -17px;}
.ico-wechat-sm:hover{background-position: -800px -17px;}
.ico-x{width: 18px; height: 18px; background-position: -19px -356px; cursor: pointer;}
.ico-x:hover{background-position: -75px -356px;}
.ico-log{width: 18px; height: 18px; background-position: -132px -356px; cursor: pointer;}
.ico-log:hover{background-position: -188px -356px;}
.ico-remind-sm{width: 18px; height: 19px; background-position: -132px -299px;}
.ico-remind-sm:hover,
.btn-hover:hover .ico-remind-sm{background-position: -188px -299px; color: #fff;}
.ico-email-sm{width: 18px; height: 12px; background-position: -244px -303px;}
.ico-email-sm:hover,
.btn-hover:hover .ico-email-sm{background-position: -300px -303px; color: #fff;}
.ico-net-bar{width: 14px; height: 14px; background-position: -638px -190px;}
.ico-tell{width: 18px; height: 18px; background-position: -189px -75px;}
.ico-tell:hover{background-position: -245px -75px;}
/*.ico-upfile{width: 30px;height: 30px;background-position:-125px -70px;}*/
/*.ico-upfile:hover,.btn-hover:hover .ico-upfile{background-position:-181px -70px;}*/
i.ico-empty{width: 18px; height: 18px; cursor: default;}
i.ico-qq{width: 36px; height: 36px; background: url(../images/ico_gold.png?974003dbcf770e5188cbf27165c03868) no-repeat; background-size: 100%;}
i.ico-un-add{width: 22px; height: 22px; background: url(../images/ico_gold.png?16ede499e43b265842805456d0c5031e) no-repeat;}
i.ico-team-lg{width: 73px; height: 77px; background: url(../images/ico_gold.png?69ba88b9e3347fafd0883046e3c3c96f) no-repeat;}
i.ico-djq-logo-lg{width: 44px; height: 30px; background: url(../images/ico_gold.png?64c7c706c6871cd854269e7716b17c5f) no-repeat;}
i.ico-pop-lg{width: 73px; height: 77px; background: url(../images/ico_gold.png?591e23acff61ac0f86fabd62ace840e0) no-repeat;}
i.ico-reset{width: 16px; height: 16px; background: url(../images/ico_gold.png?5e7f294bbe030de506428de37e975c6b) no-repeat;}
i.ico-pass{width: 16px; height: 16px; background: url(../images/ico_gold.png?bb323366d596cb019d49c06eb15d29b7) no-repeat;}
i.ico-error{width: 16px; height: 16px; background: url(../images/ico_gold.png?a85b50cbf421b018b1977a93063cdb42) no-repeat;}
i.ico-organ{width: 79px; height: 23px; background: url(../images/ico_gold.png?4077ab04b748898c8fb45c029f45a886) no-repeat;}
i.ico-referee{width: 70px; height: 23px; background: url(../images/ico_gold.png?f26fa3b05c80b5ed3336e3f0ea3ace8c) no-repeat;}
i.ico-player{width: 71px; height: 23px; background: url(../images/ico_gold.png?9c96dd76fb49ea81f85c790d409bfca8) no-repeat;}
i.ico-attent{width: 35px; height: 29px; background: url(../images/ico_gold.png?627755459867b9aed860751cb8938adb) no-repeat;}
i.ico-notes{width: 14px; height: 14px; background: url(../images/ico_gold.png?15d35ce7fbd9f2ea5b2bb75ff23212e0) no-repeat; cursor: pointer}
i.ico-app{width: 36px; height: 36px; background: url(../images/ico_gold.png?3001fbdefe9057dacf9be7ba1d9ca4d5) no-repeat;}
i.ico-alert-lg{width: 36px; height: 36px; background: url(../images/ico_gold.png?1f4b1f37f29ea465c7010dfcbba00646) no-repeat;}
i.ico-email-bg{width: 36px; height: 36px; background: url(../images/ico_gold.png?302c77d950019740cf3e414d47ec3c54) no-repeat;}
i.ico-remind{width: 20px; height: 21px; background: url(../images/ico_gold.png?adcd37557a3e31e42adf0682b5e00f36) no-repeat;}
i.ico-x-sm{width: 12px; height: 12px; background: url(../images/ico_gold.png?5c2b9285f2ede3bee5bd68fb39d8f07a) no-repeat; background-size: 100%;}
i.ico-invalid{width: 18px; height: 18px; background: url(../images/ico_gold.png?cf46877c12add18e15640e437fb7eda8) no-repeat; background-size: 100%;}
i.ico-smile{width: 22px; height: 22px; background: url(../images/ico_gold.png?fe0d68b850ceba6568afac2dd44675a5) no-repeat; background-size: 100%;}
i.ico-doubt{width: 30px; height: 30px; background: url(../images/ico_gold.png?d69c6210e3d7fcfc93eee89973dbe806) no-repeat; ; background-size: 100%; position: absolute; top: 10px; right: 10px; cursor: pointer}
i.ico-x-white{width: 16px; height: 16px; background-image: url(../images/ico_gold.png?28ce41793ebf777fc4b24ad5f3136699); background-size: 100%;}
i.ico-warning{width: 60px; height: 60px; background: url(../images/ico_gold.png?3a59cda0840b9d132118a202cbfa88bc) no-repeat;}
i.ico-turnTo{width: 17px; height: 17px; background: url(../images/ico_gold.png?990ce6eef52d1b5c941d350bb6678052) no-repeat;}
i.ico-me{width: 17px; height: 17px; background: url(../images/ico_gold.png?8e5cb684c2940510f0a112a78712fcdb) no-repeat;}
.ico-beta{width: 30px; height: 11px; background: url(../images/ico_gold.png?d768174cced53842d3adbfb5e2384f21) no-repeat;}
i.contact-qqGroup{width: 20px; height: 20px; background: url(../images/ico_gold.png?a863b064ab49a3b7ea495c7f552acde3) no-repeat; background-size: 100%;}
i.contact-qq{width: 17px; height: 17px; background: url(../images/ico_gold.png?5625337aac272debbeda595166db5655) no-repeat; background-size: 100%;}
i.contact-phone{width: 20px; height: 20px; background: url(../images/ico_gold.png?f48902c1cf2ebc7437c1490721effc97) no-repeat; background-size: 100%;}
i.formal{width: 28px; height: 12px; background: url(../images/ico_gold.png?8ecac0fb7f76b69e4ea3c6f64ba4e70b) no-repeat; background-size: 100%;}/*正式*/
i.unformal{width: 28px; height: 12px; background: url(../images/ico_gold.png?0d63278123eacba51880918ba841efbc) no-repeat; background-size: 100%;}/*替补*/
.gold{background: url(../images/ico_gold.png?e6de7c6afb08fb77394ca36474554dbc) no-repeat center center; background-size: 100%;}
.sliver{background: url(../images/ico_gold.png?0428e11651c8f17f79dc20787ce67b13) no-repeat center center; background-size: 100%;}
.copper{background: url(../images/ico_gold.png?9c209f0a7784d02f825273c098a35e4f) no-repeat center center; background-size: 100%;}
i.ico-why{width: 14px; height: 14px; background: url(../images/ico_gold.png?15d35ce7fbd9f2ea5b2bb75ff23212e0) no-repeat;}
/*比赛状态*/
.match-start i{width: 16px; height: 16px; background-position: -22px -189px;}
/*edit*/
.match-edit i{width: 16px; height: 16px; background: url(../images/ico_gold.png?6c38690ed844d1c0be4e7371b4322014) no-repeat;}
/*red*/
.match-enrollStart i,
.match-create i,
.check-pass i{width: 16px; height: 16px; background-position: -77px -189px;}
/*green*/
.match-enrollPass i{width: 16px; height: 16px; background-position: -135px -190px;}
/*certain*/
.match-end i,
.match-enrollEnd i{width: 16px; height: 16px; background-position: -194px -189px;}
/*grey*/
.review-failed i{width: 16px; height: 16px; background-position: -303px -190px;}
/*attention*/
.review-wait i{width: 16px; height: 16px; background-position: -245px -189px;}
/*yellow*/
/*比赛相关操作*/
.ico-mt-up{width: 32px; height: 32px; background-position: -12px -124px;}
.ico-mt-up:hover{background-position: -12px -180px;}
.ico-mt-review{width: 32px; height: 32px; background-position: -326px -12px;}
.ico-mt-review:hover{background-position: -326px -69px;}
.ico-mt-entrolEnd{width: 32px; height: 32px; background-position: -124px -12px;}
.ico-mt-entrolEnd:hover{background-position: -124px -69px;}
.ico-mt-matchEdit{width: 32px; height: 32px; background-position: -292px -12px;}
.ico-mt-matchEdit:hover{background-position: -292px -69px;}
.ico-mt-matchVs{width: 32px; height: 32px; background-position: -571px -12px;}
.ico-mt-matchVs:hover{background-position: -571px -69px;}
.ico-mt-start{width: 32px; height: 32px; background-position: -68px -12px;}
.ico-mt-start:hover{background-position: -68px -69px;}
.ico-mt-view{width: 32px; height: 32px; background-position: -181px -12px;}
.ico-mt-view:hover{background-position: -181px -69px;}
.ico-mt-end{width: 32px; height: 32px; background-position: -515px -12px;}
.ico-mt-end:hover{background-position: -515px -69px;}
.ico-mt-enroll-edit{width: 32px; height: 32px; background-position: -403px -12px;}
.ico-mt-enroll-edit:hover{background-position: -403px -69px;}
.ico-mt-enroll-cancel{width: 32px; height: 32px; background-position: -459px -12px;}
.ico-mt-enroll-cancel:hover{background-position: -459px -69px;}
.ico-mt-matchDel{width: 32px; height: 32px; background-position: -347px -12px;}
.ico-mt-matchDel:hover{background-position: -347px -69px;}
/*通用button*/
.btn-red,
.btn-grey,
.btn-lesser{transition: all 0.1s; text-align: center; cursor: pointer;}
.btn-red{background: #144cbb; color: #282828; border: 1px solid #1f1f1b; font-weight: bold;}
.btn-red:hover{box-shadow: 0 0 0 1px #313035 inset, 0 0 0 2px #2B2A2F inset; border: 1px solid #39383D; background: #2b2b30; color: #144cbb;}
.btn-grey{background: #222226; border: 1px solid #1f1f1b; box-shadow: 0 0 2px #454749 inset;}
.btn-grey:hover{border: 1px solid #39383D; background: #2b2b30; box-shadow: 0 0 0 1px #313035 inset, 0 0 0 2px #2B2A2F inset; color: #fff;}
.btn-lesser{border: 1px solid #1f1f1b; background: #2F2F34; color: #B8BABC; box-shadow: 0 0 2px #454749 inset; font-weight: normal;}
.btn-lesser:hover{box-shadow: 0 0 0 1px #313035 inset, 0 0 0 2px #2B2A2F inset; border: 1px solid #39383D; background: #2b2b30; color: #fff;}
/*tab通用*/
.tab .tab-tit>.tab-item{display: inline-block; height: 60px; line-height: 60px; width: 150px; color: #7d7d7d; font-size: 18px; font-weight: bold; cursor: pointer; text-align: center;}
.tab .tab-tit>.router-link-exact-active{color: #fff; background: #27272B; display: inline-block;}
.tab .tab-con{background: #27272B;}

/*主体*/
.container{width: 1200px;position: relative;display: table;margin: auto;}
.inner-bg{width: 100%; height: 170px; background: url(../images/ico_gold.png?8506e5a6efd312e7e63c06658060f79a) no-repeat top; overflow: hidden; min-width: 1240px; margin-top: 59px;}
/*面板块*/
.panel-wrap{border-top: 2px solid #144cbb; background: #212025; width: 900px;}
.panel-head{height: 66px; background: #27272b; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; cursor: default; position: relative; font-size: 30px; font-weight: bold; color: #fff;}
/*.panel-con{background: #26262A;border-top: none;padding: 1px 10px 75px 10px;}*/

/*面板通用*/
/*.panelBox{width: 445px; height: 468px; border-top: 2px solid #144cbb; background: #212125; margin-top: 10px;}*/
/*.panelBox .panel-hd{height: 61px; line-height: 61px; font-size: 28px; font-weight: 700; color: #fff; padding: 0 20px; position: relative;}*/
/*.panelBox .panel-hd a.link{font-size: 14px; font-weight: 700; color: #B7B9BB; position: absolute; right: 13px;}*/
/*.panelBox .panel-con{border-top: 1px solid #191919;}*/
/*.panelBox-large{border-top: 2px solid #144cbb; background: #212025; width: 900px;}*/
/*.panelBox-large .panel-hd{height: 60px; line-height: 60px; position: relative; padding: 0 22px; font-size: 30px; font-weight: bold; color: #fff; background: #212025;}*/
/*.panelBox-large .panel-hd a.link{position: absolute; top: 0; right: 29px;}*/
/*.panelBox-large .panel-hd .time{font-weight: normal; color: #7d7d7d; font-size: 14px; margin-top: 27px; line-height: 25px; position: absolute; right: 12px;}*/
/*.panelBox-large .panel-con{border-top: 1px solid #191919; background: #26262A;}*/
/*.panelBox-large .panel-hd .select{float: left; margin: 10px 0 0 0;}*/
/*.panelBox-large .panel-hd .ees-search{float: right; margin-top: 15px;}*/
/*.panelBox-large .panel-hd .ees-search input{float: left;}*/
/*.panel-hd>span{float: right; font-size: 14px; font-weight: normal; color: #b8babc; line-height: 20px; margin: 20px 0; cursor: pointer}*/
/*.panel-hd>span:hover{color: #fff;}*/

.MainBox{float: right; width: 900px; position: relative;}
.MainBox .re_pageNum{position: static; padding: 10px 0 30px 0;}
/*tips事件*/
/*.eventBox{width: 493px; cursor: default; position: relative;}*/
/*.eventBox ._tit{height: 42px; line-height: 42px; color: #fff; position: relative;}*/
/*!*.eventBox ._tit .btn-event{width: 18px;height: 17px;background: url("../images/icon_arrow_down_white.png") no-repeat;background-size: cover;position: absolute;right: 26px;top: 12px;cursor: pointer;}*!*/
/*.eventBox .more{height: 41px; line-height: 41px; width: 100%;}*/
/*.eventBox .more .ico-remind{background-size: cover; margin: 0 10px -4px 0;}*/
/*.eventBox .more a:hover{color: #fff;}*/
/*!*.eventBox .more a:hover .ico-alert{background: url("../images/ico_remind_pressed.png") no-repeat;}*!*/
/*.eventBox ._tit,*/
/*.eventBox .more{border-top: 1px solid #141318; border-bottom: 1px solid #141318; text-align: center; background: #212025;}*/
/*.eventBox .item{padding: 8px 0 8px 24px; overflow: hidden; position: relative; background: #2F2F34; border: 1px solid #2F2F34; cursor: pointer;}*/
/*.eventBox .item:hover{box-shadow: 0 0 0 1px #313035 inset, 0 0 0 2px #2B2A2F inset; border: 1px solid #39383D; background: #2b2b30; color: #fff;}*/
/*.eventBox .item .time{position: absolute; right: 5px; top: 10px;}*/
/*.eventBox .item i.cir-red{width: 7px; height: 7px; border-radius: 50%; background: #144cbb; position: absolute; top: 0; right: 0;}*/
/*.eventBox .item>i{position: absolute; right: 20px; top: 36px; width: 19px; height: 19px;}*/
/*.eventBox .read>i{background-position: -356px -20px;}*/
/*.eventBox .read{color: #7d7d7d;}*/
/*.eventBox .item>img{width: 42px; height: 42px; float: left; margin: 14px 15px 0 0; border-radius: 50%; overflow: hidden; border: 1px solid #191919;}*/
/*.eventBox .item>dl{float: left; position: relative;}*/
/*.eventBox .item>dl dt{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; max-width: 340px; display: inline-block; padding-right: 20px; position: relative;}*/
/*.eventBox .more:hover i{background: url("../images/ico_remind_pressed.png") no-repeat;}*/
/*tips私信*/
/*.chatBox .list{width: 200px; height: 440px; float: left;}*/
/*.chatBox .list-group{height: 400px; position: relative; background: #2B2A30;}*/
/*.chatBox .list-group .chatNone{position: absolute; height: 100px; top: 50%; margin-top: -50px; font-size: 14px; padding: 0 15px}*/
/*.chatBox .list-group .chatNone .tit{color: #fff}*/
/*.chatBox .list-group .chatNone span{width: 103px; height: 30px; border: 1px solid #1b1b1f; font-weight: normal; background: #2f2f34; color: #fff; text-align: center; line-height: 30px; position: relative; left: 50%; margin: 5px 0 0 -51px}*/
/*.chatBox .list .item{height: 50px; position: relative; cursor: pointer; background: #27272B; border: 1px solid #27272b}*/
/*.chatBox .list .item:hover{border: 1px solid #3B3A40; box-shadow: 0 0 2px #454749 inset; background: #2B2A30;}*/
/*.chatBox .list img{width: 30px; height: 30px; border-radius: 50%; position: absolute; top: 8px; left: 10px; overflow: hidden;}*/
/*.chatBox .list dl{position: absolute; top: 16px; left: 54px;}*/
/*.chatBox .list dt{max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 16px; color: #6A90AD;}*/
/*.chatBox .num{width: 30px; height: 16px; line-height: 16px; font-size: 12px; font-weight: 700; background: #144cbb; border-radius: 7.5px; text-align: center; color: #fff; position: relative; top: -6px; left: 10px;}*/
/*.chatBox .more{text-align: center; line-height: 40px; border-top: 1px solid #191919;}*/
/*.chatBox .more i{margin: 0 8px -1px 0;}*/
/*.chatBox .ico-online{width: 6px; height: 6px; border-radius: 50%; background: #A2CB01; position: absolute; top: 3px; left: 10px;}*/
/*.chatBox .btn-del{position: absolute; right: 13px; top: 13px; display: none; width: 9px; height: 9px; background: url("../images/btn_delete.png") no-repeat;}*/
/*.chatBox .list .item:hover .btn-del{display: block;}*/
/*.chatBox .main{float: left; width: 420px; height: 440px; background: #2E2E33;}*/
/*.chatBox .talk-name{height: 40px; line-height: 40px; text-align: center; color: #fff; background: #212124; position: relative;}*/
/*.chatBox .main .btn-close{width: 18px; height: 17px; background: url("../images/icon_arrow_down_white.png") no-repeat; background-size: cover; position: absolute; top: 12px; right: 27px; cursor: pointer;}*/
/*.chatBox .talk-con{height: 350px; position: relative; border: 1px solid #1A1A1E; border-bottom: none; background: #2E2E33; overflow-y: auto}*/
/*.chatBox .talk-con h5{text-align: center;}*/
/*.chatBox .talk-con h4{text-align: center; margin: 5px 0 10px 0;}*/
/*.chatBox .talk-con h4 i{width: 10px; height: 10px; background: url("../images/showMore.png"); background-size: cover; margin-right: 5px}*/
/*.chatBox .talk-con .showMore{color: #0287cc; cursor: pointer}*/
/*.chatBox .talk-con .showMore:hover{color: #0292dd}*/
/*.chatBox .talk-con .showNon{text-align: center; position: relative; top: 40px;}*/
/*.chatBox .talk-con .talk-item{position: relative; margin-top: 20px; padding: 0 10px;}*/
/*.chatBox .talk-con .talk-item .item-name{max-width: 67px; text-align: center;}*/
/*.chatBox .talk-con .talk-item .item-name img{width: 30px; height: 30px; border-radius: 50%; overflow: hidden;}*/
/*.chatBox .talk-con .talk-item .item-name .time{font-size: 12px; color: #B7B9BB; width: 67px; text-align: center;}*/
/*.chatBox .talk-con .talk-item .item-con{max-width: 280px; padding: 6px 5px; background: #fff; display: flex; border-radius: 3px;}*/
/*.chatBox .talk-con .talk-item .item-con p{word-break: break-all;}*/
/*.chatBox .talk-con .talk-item .item-con .em{width: 17px; height: 17px; background-size: cover;}*/
/*.chatBox .talk-con .talk-item .item-triangle{width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; display: inline-table; top: 4px; position: relative;}*/
/*.chatBox .talk-con .talk-item-a .item-con{float: left; margin-left: 5px; color: #282828;}*/
/*.chatBox .talk-con .talk-item-a .item-name{float: left;}*/
/*.chatBox .talk-con .talk-item-a .item-triangle{border-right: 6px solid #fff; left: -10px;}*/
/*.chatBox .talk-con .talk-item-b .item-name{float: right;}*/
/*.chatBox .talk-con .talk-item-b .item-con{float: right; margin-right: 5px; color: #fff; background: #6A8FAC; word-break: break-all;}*/
/*.chatBox .talk-con .talk-item-b .item-triangle{border-left: 6px solid #6A8FAC; right: -10px;}*/
/*.chatBox .chat-ipt{padding: 10px 0 10px 10px; position: relative; border-left: 1px solid #1A1A1E; border-right: 1px solid #1A1A1E;}*/
/*.chatBox .chat-ipt input{width: 360px; height: 30px; padding: 7px 27px 7px 11px;}*/
/*.chatBox .chat-ipt .ico-enter{position: absolute; top: 20px; right: 48px;}*/
/*!*.chatBox .more a:hover i{background: url("../images/ico_message_white.png") no-repeat;}*!*/
/*.chatBox .chat-ipt .ico-smile{position: absolute; top: 12px; right: 14px; cursor: pointer;}*/
/*通用翻页*/
.re_pageNum{text-align: center;width: 100%; color: #fff;}
.re_pageNum a{display: inline-block; vertical-align: middle; font-size: 12px; color: #fff; text-align: center; width: 30px; height: 30px; line-height: 30px; cursor: pointer; margin: 0 5px; background: #2F2E33;}
.re_pageNum span{width: 30px; height: 30px; line-height: 30px;}
.re_pageNum a:hover,
.re_pageNum a.now{background: #144cbb}
.re_pageNum a.f,
.re_pageNum a.l{width: 50px; height: 30px; border: 1px solid #1b1b1f;}
.re_pageNum a.f:hover,
.re_pageNum a.l:hover{border: 1px solid #144cbb;}
.re_pageNum a.f{background-image: url(../images/ico_gold.png?7bc1003c72bcd769018aae348fb26e56); background-repeat: no-repeat; background-position: center center;}
.re_pageNum a.l{background-image: url(../images/ico_gold.png?ea82d2182cb9b798c36fd46d25f5b189); background-repeat: no-repeat; background-position: center center;}

/*模态框*/
.modal{position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 2000; display: none; background-color: rgba(0, 0, 0, .75);}
.modal-bg{position: fixed; left: -100%; right: 100%; top: 0; bottom: 0; text-align: center;}
.modal-bg:after{content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0;}
.modal-dialog{display: inline-block; background: #27272b; vertical-align: middle; position: relative; right: -100%;}
.modal .ico-x{position: absolute; top: 20px; right: 23px;}
.modal .ico-log{position: absolute; top: 20px; right: 61px;}
.modal-head{height: 40px; line-height: 40px;}
.modal .btn-lesser{color: #144cbb;}
.modal .btn-lesser:hover{background: #2b2b30;}
.modal-foot{text-align: center;}
.modal-foot button{display: inline-block; width: 135px; height: 40px; line-height: 38px; font-weight: 700; font-size: 19px; cursor: pointer; margin: 30px 26px;}
.modal.confirmBox{z-index: 2010;}
.confirmBoxModal{width: 400px; height: 300px; text-align: center; position: relative;}
.confirmBoxModal .confirmContain{height: 200px;}
.confirmBoxModal .confirmContain i{margin: 28px 0 24px 0;}
.confirmBoxModal p{font-size: 18px; color: #fff; text-align: center; padding: 0 25px; line-height: 28px;}
.confirmBoxModal .time{width: 135px; height: 40px; line-height: 38px; font-size: 19px; font-weight: bold; position: absolute; bottom: 31px; right: 39px; background: #212124; border: 1px solid #191919; color: #b8babc; cursor: default;}

.loadTxt{height: 50px; line-height: 50px; width: 531px; text-align: center; font-size: 40px; color: #b8babc; font-family: Arial; margin: 0 auto;}
.loadTxt .dot{display: inline-block;}
.loadTxt .loading-dot:nth-child(1){-webkit-animation-delay:.16s;-moz-animation-delay:.16s;-o-animation-delay:.16s;-ms-animation-delay:.16s;animation-delay:.16s;}
.loadTxt .loading-dot:nth-child(2){-webkit-animation-delay:.26s;-moz-animation-delay:.26s;-o-animation-delay:.26s;-ms-animation-delay:.26s;animation-delay:.26s;}
.loadTxt .loading-dot:nth-child(3){-webkit-animation-delay:.39s;-moz-animation-delay:.39s;-o-animation-delay:.39s;-ms-animation-delay:.39s;animation-delay:.39s;}
.loadTxt .loading-dot {float: left;width: 10px;height: 10px;margin: 0 4px;background: #b8babc;opacity: 0;filter: alpha(opacity=0);-webkit-border-radius: 50%;border-radius: 50%;
  box-shadow: 0 0 2px black;
  -webkit-animation: loadingFade 1s infinite;
  -moz-animation: loadingFade 1s infinite;
  -ms-animation: loadingFade 1s infinite;
  -o-animation: loadingFade 1s infinite;
  animation: loadingFade 1s infinite;
}

@-webkit-keyframes loadingFade {
  0%{opacity: 1;}
  100%{opacity: 0;}
}
@-moz-keyframes loadingFade {
  0%{opacity: 1;}
  100%{opacity: 0;}
}
@-ms-keyframes loadingFade {
  0%{opacity: 1;}
  100%{opacity: 0;}
}
@-o-keyframes loadingFade {
  0%{opacity: 1;}
  100%{opacity: 0;}
}
@keyframes loadingFade {
  0%{opacity: 1;}
  100%{opacity: 0;}
}
/*提示框*/
#warning{width: 240px; position: fixed; right: 0; top: 65px;  z-index: 5000; color: #19191d;
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-transition:height 1s;
  -moz-transition:height 1s;
  -o-transition:height 1s;
  transition:height 1s;
}
#warning .showBox{width: 240px; height: 53px; margin-bottom: 1px; color: #19191d; position: relative;
  -webkit-animation: popup 0.6s cubic-bezier(0.1, 1.06, 0.6, 1.34);
  -moz-animation: popup 0.6s cubic-bezier(0.1, 1.06, 0.6, 1.34);
  -o-animation: popup 0.6s cubic-bezier(0.1, 1.06, 0.6, 1.34);
  animation: popup 0.6s cubic-bezier(0.1, 1.06, 0.6, 1.34);
}
#warning .showBox p{position: absolute; top: 50%; left: 45px; font-size: 12px; ;right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);}
#warning .warningBox{background: url(../images/ico_gold.png?5c1d5e4893bf3acac1fb4c1124810aa4) no-repeat; background-size: 100%;}
#warning .successBox{background: url(../images/ico_gold.png?6f71655c07a4822cebcdfd792f28520a) no-repeat; background-size: 100%;}
.tipsShowBox{background-color: #222226;}
#promptBox{width: 240px; position: fixed; right: -240px; top: 65px; overflow: hidden; z-index: 4999; padding: 20px 0; background-color: #222226; bottom: 0; overflow-y: auto; transition: right 0.3s ease; -moz-transition: right 0.3s ease; -webkit-transition: right 0.3s ease; -o-transition: right 0.3s ease; -ms-transition: right 0.3s ease;}
#promptBox .ico-x{width: 12px; height: 12px; background: url(../images/ico_gold.png?28ce41793ebf777fc4b24ad5f3136699) no-repeat; background-size: 100%; position: absolute; right: 10px; top: 10px; cursor: pointer;}
#promptBox dl{width: 240px; min-height: 53px; padding: 10px 20px; color: #b8babc;}
#promptBox dt{font-weight: bold; font-size: 14px;}
#promptBox dd{font-size: 12px; line-height: 16px;}
#promptBox.show{right: 0; transition: right 0.3s ease; -moz-transition: right 0.3s ease; -webkit-transition: right 0.3s ease; -o-transition: right 0.3s ease; -ms-transition: right 0.3s ease;}


/*用户信息tell*/
.userMsgModal{width: 282px; background: #27272b; padding: 18px 21px 0 21px;}
.userMsgModal .user-logo{width: 82px; height: 82px; border-radius: 50%; border: 1px solid #191919; cursor: pointer;}
.userMsgModal .name{width: 133px; text-align: left; float: right;}
.userMsgModal .name dt{font-weight: bold; font-size: 18px; margin-bottom: 8px; padding-top: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.userMsgModal .name .yellow{color: #f6ab00; padding-top: 16px;}
.userMsgModal .name .blue{color: #6a90ad;}
.userMsgModal .name .team{padding-top: 0;}
.userMsgModal .name .blue p{color: #7d7d7d; font-weight: normal; font-size: 16px;}
.userMsgModal .name dt{cursor: pointer;}
.userMsgModal .name button{width: 103px; height: 30px; border: 1px solid #1b1b1f; font-weight: normal; background: #2f2f34; font-size: 14px; float: none; color: #fff;}
.userMsgModal .name button:hover{color: #fff;}
.userMsgModal .contact{width: 240px;}
.userMsgModal .contact-box{border: 1px solid #1B1B1F; box-shadow: 0 0 2px #454749 inset; margin-top: 10px; width: 240px; height: auto; background: #222226; padding: 5px 0;}
.userMsgModal .contact dt,
.userMsgModal .contact dd{font-weight: normal; font-size: 16px; display: inline-block; line-height: 34px; float: left;}
.userMsgModal .contact img{vertical-align: middle;width: 30px;height: 20px;background-size:contain; }
.userMsgModal .contact dt{color: #7d7d7d; width: 80px; text-align: right; margin-right: 26px;}
.userMsgModal .contact dd{color: #fff; width: 127px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 34px; height: 34px;}
/*确认弹窗*/
/*.modal-meng{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0, 0, 0, .75);}*/
/*.modal{position: fixed;z-index: 2000;width: 400px;top: 10%;left: 50%;text-align: center;background-color: #27272b;*/
/*-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}*/
/*.modal-head{height: 20px;}*/
/*.modal-head .ico-x{position: absolute;top: 20px;right: 23px;}*/
/*.modal-content{min-height: 100px;color: #fff;}*/
/*.modal-top-logo{margin: 15px 0;}*/
/*.modal-foot{padding: 30px 0;position: relative;}*/
/*.modal-foot button{display: inline-block;width: 135px;height: 40px;line-height: 38px;font-weight: 700;font-size: 19px;cursor: pointer;margin: 0 26px;}*/
/*.modal .countDown{width: 135px;height: 40px;font-size: 19px;font-weight: 700;color: #b8babc;cursor: default;position: absolute;bottom: 30px;right: 12px;border: 1px solid #1b1b1f;}*/
/*查看战队成员信息*/
.teamViewMsg{width: 503px; background-color: #27272b;}
.teamViewMsg .user_logo{width: 62px; height: 62px; border-radius: 50%; background-size: cover; border: 1px solid #191919; margin: 8px 0 25px 0; float: left;cursor:pointer;}
.teamViewMsg .user_nickname{font-size: 19px; font-weight: bold; color: #5E8FB0; max-width: 190px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; padding-left: 9px;}
.teamViewMsg .user_gender{color: #7d7d7d; font-size: 14px; float: left; padding-left: 10px;}
.teamViewMsg .user_country_flag{width: 30px; height: 20px; float: left; margin: 0 10px 0 11px;}
.teamViewMsg .user_country_name{color: #b8babc; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: normal; float: left; height: 20px;}
.teamViewMsg .package{margin: auto; width: 420px;}
.teamViewMsg .package .item{border: 1px solid #191919; background: #222226; display: flex; width: 50%; height: 36px; line-height: 36px; font-size: 14px; float: left; margin-left: -1px; margin-top: -1px;}
.teamViewMsg .package .item_name{color: #7d7d7d; float: left; width: 81px; text-align: right; padding-right: 17px;}
.teamViewMsg .package .item_text{color: #b8babc; float: left; max-width: 128px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.teamViewMsg .package .item_status{float: left; margin: 11px;}
.teamViewMsg .item_title{color: #fff; font-weight: bold; padding: 9px 0; width: 420px; margin: auto; margin-top: 20px; font-size: 16px;}
.teamViewMsg .user_info{width: 420px; margin: auto;}
.teamViewMsg .sendMessage{width: 103px; height: 30px; border: 1px solid #1b1b1f; font-weight: normal; background: #2f2f34; font-size: 14px; color: #fff; float: right; margin-top: 24px;}
.teamViewMsg .package_member .item:nth-of-type(1),
.teamViewMsg .package_member .item:nth-of-type(2){margin-top:0;}
  /*验证滑块*/
.verificationCodeBox{width: 410px; height: 200px; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2000; background: #fff; box-shadow: 0 0 3px #1d1d1f; border-radius: 10px; display: none;}
.verificationCodeBox .box-title{width: 380px; height: 50px; margin: 0 auto; border-bottom: 1px solid #ddd; padding: 0 10px; line-height: 50px}
.verificationCodeBox .box-title .line{width: 7px; height: 15px; border-radius: 2px; background-color: #144cbb; margin: 0 0 -3px 0;}
.verificationCodeBox .box-title span{font-weight: bolder; color: #000000}
.verificationCodeBox .box-title .close{float: right; font-size: 25px; cursor: pointer; margin: 5px 0 0 0; font-weight: bolder; line-height: 25px}
.verificationCodeBox .box-title .close:hover{color: #1A1A1E}
.verificationCodeBox .box-content{width: 400px; padding: 50px;}


.module {
    /* position: absolute; */
    /* right: 0; */
    /* top: 56px; */
    width: 280px;
    
    float: right;
    margin-top: 56px;
}
.module_wrap{
  border-top: 2px solid #711218;
    background-color: #27272b;
    margin-bottom: 16px;
}
.module-head {
    color: #fff;
    padding-top: 15px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 700;
}
.news-head {
    margin-bottom: 6px;
}
.news-content {
    padding-left: 20px;
    padding-right: 20px;
}
.news-content li:last-child{
  border: none;
}
.news-list2 {
    padding: 8px 0;
    border-bottom: 1px solid #1f1f1f;
    /* background: #222226; */
}
.module_pic{
  width: 280px;
  height: 280px;
  margin-bottom: 16px;
  display: block;
}
.module_pic>img{
  width: 280px;
  height: 280px;
}
.news-link {
    display: block;
    overflow: hidden;
}
.module-pic {
    overflow: hidden;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.news-pic {
    width: 60px;
    height: 60px;
    margin-right: 12px;
    float: left;
}
.module-pic img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.news-pic img {
    width: 100%;
    height: 100%;
}
.news-inner {
    height: 60px;
    display: table-cell;
    vertical-align: middle;
}
.news-inner p {
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #f5f5f5;
}






.news-list-wrapper .news-list.news-list2 .box a{width: 368px;height: 183px;border-top: 2px solid #144cbb;margin-bottom: 20px;padding: 0 10px 9px 10px;background: #27272b;cursor: pointer;position: relative;box-shadow: 0 0 3px #151418;}
.news-list-wrapper .news-list.news-list2 .box a .tit{color: #B9BABC; font-size: 20px; font-weight: bold; position: relative; line-height: 42px; height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 100px 0 10px;}
.news-list-wrapper .news-list.news-list2 .box a .time{color: #7d7d7d; font-size: 14px; position: absolute; right: 10px; top: 12px; font-weight: normal;}
.news-list-wrapper .news-list.news-list2 .box a .con{
  width: 347px;
  padding: 10px;
  height: 120px;
  background: #222226;
  box-shadow: 0 0 0 1px #26262A inset, 0 0 0 1px #1A1A1E;
  color: #7d7d7d;
  overflow: hidden;
}
.news-list-wrapper .news-list.news-list2 .box a .con img{width: 136px;height: 96px;float: left;margin-right: 18px;background-size: cover;}
.news-list-wrapper .news-list.news-list2 .box a:hover .tit{color: #fff;}
.news-list-wrapper .news-list.news-list2 .box a .con p{
  width: 193px;
  float: right;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  height: 85px;
}
.news-list-wrapper .news-list.news-list2 .box a .con em{
  float: right;

}
.news-list-wrapper .news-list.news-list2 .box a.box-banner{
  padding: 0;
  width: 388px;
  height: 194px;
}
.news-list-wrapper .news-list.news-list2 .box a.box-banner>img{
  width: 388px;