/**
 * index css
 *
 * @author Chensiren <245017279@qq.com>
 * 
 * @since  2018-01-26
 *
**/
body{ background: #fff;}
.grayShadow{ box-shadow: 0 0 5px #e5e5e5;}

.subLink {background: #fff;padding: 8px 0;border-bottom: solid 1px #d9d9d9;margin-bottom: 10px;}
.position { height: 34px;line-height: 34px;margin: 0 auto;width: 1140px;height: auto;}
.position .searchBox{margin-top: 0;padding-right: 0;}

.re_title{ width:100%; height:60px; line-height:60px; font-size: 24px; border-bottom:1px solid #e5e5e5;background:url(/zztiyu/images/userIndex/publish_index/rtitle.png) no-repeat left center}
.expHead{ background: #fff; margin-bottom: 20px;}
.expBanner{ width: 1024px; height: 166px; overflow: hidden; pointer-events: none;}
.uInfor{ padding: 10px 38px 10px 135px; position: relative;}
.uInfor .uFace{ width: 100px; height: 100px; border-radius: 50%; overflow: hidden; text-align: center; position: absolute; left: 30px; top: -50px;}
.uInfor .uFace img{ width: 100%; height: 100%;}
.uInfor .uName strong{ font-size: 20px;}
.uInfor .uName span{ display: inline-block; border: 1px solid #5079b7; color: #5079b7; font-size: 12px; padding: 5px 10px; border-radius: 4px;}
.uInfor .uIntro{ line-height: 22px; max-width: 600px;}
.atteBtn .btn { padding: 10px 20px;}
.atteBtn .glyphicon{ margin-right: 5px; font-size: 12px;}

.expLiL{ width: 796px;}
.expLiL .navList{ margin:15px 0; background: #ffffff;}
.expLiL .navList ul li{ position: relative; z-index: 5;}
.expLiL .navList ul li a{height: 48px; line-height: 48px; color: #333; padding: 0 18px; font-size: 16px; display: block; position: relative;}
.navList .navLink:after,.navList .navLink:before{ transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; content: ''; position: absolute; bottom: -2px; width: 0%; height: 2px;}
.navList .active .navLink:after,.navList .active .navLink:before{ width: 50%; font-weight: 700;}
.navList .navLink:before { right: 50%;}
.navList .navLink:after{ left: 50%;}
.navList .active .navLink,.navList ul li:hover>.navLink{ color: #5079b7;}
.navList ul li:hover>.navLink:after,.navList ul li:hover>.navLink:before{ width: 50%;}
.navList .navLink:after, .navList .navLink:before{ background-color: #5079b7; top: -1px;}
.navList .selectR{ padding: 7px 10px;}
.navList .form-control{ width: 105px; height: 34px; border-radius: 0; box-shadow: none;}
.navList .triBtn{ height: 34px; line-height: 32px; border: 1px solid #5079b7; color: #5079b7; padding: 0 15px; margin-left: 10px;}
.navList .triBtn:hover{ color: #66afe9; border-color: #66afe9;}

.expLiBox{ background: #fff; padding: 0 15px; padding-bottom: 10px;}
.expLiBox .liInfor{ padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.expLiBox .liInfor a.inforLink{ display: block;}
.expLiBox .liInfor .inforFace{ width: 100px;}
.expLiBox .liInfor .inforImg{ width: 180px; height: 124px; overflow: hidden;}
.expLiBox .liInfor .faceImg { width: 86px; height: 86px; line-height: 86px; border-radius: 50%; overflow: hidden; margin: 0 auto; margin-bottom: 10px;}
.expLiBox .liInfor .faceName{ text-align: center; color: #669fdf;}
.expLiBox .liInfor .faceImg img{ width: 100%; height: 100%;}
.expLiBox .liInfor.liSole  .inforArt{ width: 550px; padding-left: 30px;}
.expLiBox .liInfor .inforArt{ width: 580px; padding-left: 15px;}
.expLiBox .liInfor .inforArt h2{ font-size: 20px; margin-bottom: 10px;}
.expLiBox .liInfor .inforArt .inforArtP{ height: 48px;line-height: 24px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; word-break: break-all;}
.expLiBox .liInfor .author{ height: 28px; line-height: 28px;}
.expLiBox .liInfor .author .rightEye{ padding-left: 20px; background: url(/zztiyu/images/common/eye-icon.png) no-repeat 0 center;}
.expLiBox .more { display: block; height: 50px; line-height: 48px; text-align: center; font-size: 16px; color: #aeaeae;}
.expLiBox .more:hover { background: #f4f4f4; color: #828282;}

.expLiR{ width: 318px;}
.classBox{ background: #fff; padding: 15px 0; margin-bottom: 15px;}
.classUl li{ width: 50%; text-align: center; padding: 0 10px;}
.classUl li.artiNum{ border-right: 1px solid #e5e5e5;}
.classUl li strong{ font-size: 24px;}

.fxBox{ background: #fff; padding: 5px 8px;}
.fxBox .listTitle { border-bottom: 2px solid #e5e5e5; color: #fff; font-size: 18px; position: relative;}
.fxBox .listTitle .fxTit { width: 133px; height: 35px; line-height: 33px; text-align: center; background: url(/zztiyu/images/publish_index/exp-tit.png) no-repeat 0 center; font-size: 18px; font-weight: 700;}
.fxBox .listTitle .moreTit {line-height: 32px; font-size: 14px;}
.fxBox .listTitle .rightIcon {padding: 0 1px; margin-left: 4px; color: #fff; font-size: 12px;}

.listBox01{ padding-top: 10px; margin-bottom: 10px;}
.listBox01 ul li { line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.listBox02{ padding-top: 10px; margin-bottom: 10px;}
.listBox02 .liList { float: left; margin-bottom: 25px;}
.listBox02 .liList .time { text-align: center; font-size: 12px; margin-bottom: 10px;}
.listBox02 .liList .team1,.listBox02 .liList .team2 { width: 66px; text-align: center; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -ms-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -moz-white-space: nowrap; -ms-white-space: nowrap; -o-white-space: nowrap; -webkit-white-space: nowrap;}
.listBox02 .team-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.listBox02 .liList .against { width: 166px; margin: 0 2px; font-size: 12px;}
.listBox02 .pro-con{ margin-bottom: 10px; font-size: 12px;}
.listBox02 .pro-con .zhu,.pro-con .ke{ width: 66px; text-align: center;}
.listBox02 .content{ width:166px; margin:0; float:left; font-size:12px;}
.listBox02 .col { width:166px;}
.listBox02 #skill li{ margin-top: 4px; margin-left: 8px; position:relative; float: left; width: 75px; background:#e6e6e6; height:10px; border-radius:5px; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; box-shadow: none; margin-bottom: 0;}
.listBox02 #skill li em { position:relative; top:-30px;}
.listBox02 .expand { height:10px; top: -1px; border-radius:4px; background:#f28782; position:absolute;}
.listBox02 #skill .left{ right: 0;}
.listBox02 #skill .right{ background: #7dd9b0;}
.listBox02 #skill .ft-percent-real{ width: 0px;}
.listBox02 .animation-progress{
  -webkit-transition: width 2s linear;
     -moz-transition: width 2s linear;
      -ms-transition: width 2s linear;
       -o-transition: width 2s linear;
          transition: width 2s linear;
}

.listBox03{ padding-top: 10px; margin-bottom: 10px;}
.listBox03 ul li{ padding: 14px 0; position: relative;}
.listBox03 ul li.li02{ background: #f7f7f7;}
.listBox03 ul .mat{ width: 33.3%; text-align: center;}
.listBox03 ul .mat p{ margin-bottom: 5px; font-size: 12px;}
.listBox03 ul .mat.team p{ margin-bottom: 0; margin-top: 5px; overflow: hidden;text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -moz-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -moz-white-space: nowrap; -ms-white-space: nowrap; -o-white-space: nowrap; -webkit-white-space: nowrap;}
.listBox03 ul .mat .team-vs{ margin-bottom: 0; padding-top: 5px; font-weight: 700;}
.listBox03 ul .mat .team-vs em{ margin: 0 5px;}
.listBox03 ul .vds-link{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000'); line-height: 95px;}
.listBox03 ul .vds-link a{ float: left; width: 33.3%; text-align: center; color: #fff;}
.listBox03 ul .vds-link a:hover{ color: #10af63; }
.listBox03 ul li:hover .vds-link{ display: block;}

.listBox04{ padding-top: 10px; margin-bottom: 10px;}
.listBox04 ul li{ margin-bottom: 15px;}
.listBox04 ul li a{ display: block; width: 302px;height: 175px; overflow: hidden; position: relative;}
.listBox04 ul li span{ width: 52px; height: 52px; display: block; position: absolute;left: 50%; top:50%; margin-left: -26px; margin-top: -26px; background:url(/zztiyu/images/publish_index/btn-video.png) no-repeat center top; }
.listBox04 ul li p{width: 100%; height: 34px; background: #000; background: rgba(0,0,0,0.8); color: #fff; line-height: 34px;  position: absolute; left: 0; bottom: 0; padding-left: 10px; }

.listBox04 ul li span{
			filter: alpha(opacity=0); 
			opacity: 0; 
	-webkit-transform: scale(.7); 
	-webkit-transition-property: opacity,-webkit-transform; 
	-webkit-transition-duration: .5s; transform: scale(.7); 
			transition-property: opacity,transform; 
			transition-duration: .5s;  zoom: 1; z-index: 1;
}

.listBox04 ul li a:hover span{ 
			filter: alpha(opacity=90); 
			opacity: .9; 
	-webkit-transform: scale(1); 
	-webkit-transition-property: opacity,-webkit-transform; 
	-webkit-transition-duration: .5s; transform: scale(1); 
			transition-property: opacity,transform; 
			transition-duration: .5s; 
			cursor: pointer;
}

.listBox04 ul li img{
	-webkit-transform: scale(1) translateZ(0); 
	-webkit-transition: -webkit-transform .75s; 
			transform: scale(1) translateZ(0); 
			transition: transform .75s;
}

.listBox04 ul li a:hover img{
	-webkit-transform: scale(1.2) translateZ(0);
	-webkit-transition: -webkit-transform .75s cubic-bezier(0,1,.75,1);
	        transform: scale(1.2) translateZ(0); 
	        transition: transform .75s cubic-bezier(0,1,.75,1);
}


/* 鼠标移过球队 */
.hover {
  cursor: default;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
}

.hover:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box; 
  -moz-box-sizing: content-box; 
  box-sizing: content-box;
}

.hover:before {
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.hover {
  background: rgba(255,255,255,0.1);
  -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
  -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
  transition: transform ease-out 0.1s, background 0.2s;
}

.hover:after {
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.hover:hover {
  -webkit-transform: scale(0.93);
  -moz-transform: scale(0.93);
  -ms-transform: scale(0.93);
  transform: scale(0.93);
}

.hover:hover:after {
  -webkit-animation: sonarEffect 1.3s ease-out 75ms;
  -moz-animation: sonarEffect 1.3s ease-out 75ms;
  animation: sonarEffect 1.3s ease-out 75ms;
}
.left-tab {margin: 0px -6px; }
.left-tab li{ width: 305px; height: 280px; margin: 5px 5px; border: 1px solid #e0e0e0;}
.numb-tab-d{ display: block; width: 304px; height: 245px; }
.numb-tab-d .tab-work .glyphicon{ color: #e8a400;}
.tab-img{ width: 304px; height: 245px; line-height: 245px;  position: relative;  overflow: hidden; text-align: center;}
.tab-img img:hover{ -webkit-transform: scale(1.2);  transform: scale(1.2); color:#f00; cursor:pointer;}
.tab-img img{ margin: 0 auto; max-width: 239px; max-height: 245px; -webkit-transition: .3s; transition: .3s;}/*文字超出用省略号表示*/
.tab-work{ margin-top: 5px; padding: 0px 5px;margin-left: 15px;}
.tab-work p{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.tab-work .time-tab{ color: #999999; margin-right: 100px;}
.tab-work span{ color:#666666;}
.tab-work .glyphicon{ color: #d6d6d6; margin-right: 10px;}
.renew img{ margin-right: 3px;}
.floating{width:249px;height:189px;background:url(/zztiyu/images/publish_index/floating.png) no-repeat center center; position: fixed;left:50%;top:24%;margin-left:533px;z-index:3}
.close{display:block;width:25px;height:25px;border-radius: 50%;position: absolute;top:0;right:0;color:#ffffff;background: #d6d7da;text-align: center;line-height: 20px;z-index:1000}
.close:hover{color:#ffffff!important}

/* 比赛-首页 */
.list-match{width: 100%;padding: 15px;}
.match-title{font-size: 20px;font-weight: bold;padding-bottom: 15px;border-bottom: 2px solid #eee;}
.match-title a{float: right;font-size: 14px;font-weight:normal;color: #fff;padding:5px;border-radius: 5px;
	background: linear-gradient(to top,#166d9f,#389fd1);
}

.match-list .list_block .red_left {
    background: linear-gradient(90deg, #F63030 0%, #FF6E6E 100%);
    font-weight: bold;
}

.match-list .list_block:first-child {
    border-top: none;
}

.match-list .list_block {
    height: 67px;
    /* padding-left: 16px; */
    /* padding-right: 16px; */
    box-shadow: 0px 2px 3px -2px #D3E1E2;
}
.match-list .list_block a{
	display: flex;
	align-items: center;
}
.match-list .list_block:hover{
    background: #F1F9F9;
}

.match-list .list_block .a,.match-list .list_block .list_row{
    height: 68px;
    display: flex;
    align-items: center;
    color:#000000;
    font-size: 16px;
}

.match-list .list_block .gray_left {
    color: #666;
    border-color: #666;
}

.match-list .list_block .state {
    float: left;
    width: 72px;
    height: 28px;
    color: #fff;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    margin-right: 20px;
    background: linear-gradient(90deg, #929292 0%, #C1C1C1 100%);
}

.match-list .list_block .red_left{
    background: linear-gradient(90deg, #F63030 0%, #FF6E6E 100%);
    font-weight: bold;
}

.match-list .list_block .time {
    float: left;
    margin-right: 20px;
}

.match-list .list_block .type {
    float: left;
    width: 80px;
    font-size:16px;
}
.match-list .list_block .type.padding_r_50{
    padding-right: 50%;
}
.text-ignore {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.match-list .list_block .match_name {
    float: right;
    display: flex;
    align-items: center;
}

.match-list .list_block .match_name .text_left {
    text-align: right;
}

.match-list .list_block .match_name span {
    float: left;
    width: 92px;
    /* color: #000; */
    font-size: 16px;
}

.text-ignore {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.match-list .list_block .match_name img {
       float: left;
       width: 24px;
       height: 24px;
       margin-left: 7px;
       margin-right: 7px;
}

.match-list .list_block .match_name strong {
    float: left;
    width: 44px;
    height: 36px;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    text-align: center;
    line-height: 36px;
    background: #fff;
    border-radius: 4px;
    opacity:0;
}

.match-list .list_block .match_name .match_pre{
    color: #999999;
}

.match-list .list_block .match_name .shape {
    float: left;
    text-decoration: none;
    line-height: 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    width: 20px;
}
.list-match .match-list .list_block .state,.list-match .match-list .list_block .time{margin-right: 50px;}