/**
 * common css
**/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{ list-style:none;}
li{list-style-type:none;}
body{font-family: "Microsoft YaHei", "黑体", "Helvetica Neue", Helvetica, Arial; color:#333;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight:300;*font-weight:normal; line-height: normal; font-family: "Microsoft YaHei", "黑体", "Helvetica Neue", Helvetica, Arial;}
strong{font-weight:bold;} 
b{font-weight:300;*font-weight:normal;}
i{display:inline-block;*display:inline;zoom:1;}
ol,ul{list-style:none;}
ul{ margin-bottom: 0;;}
img{border:0;vertical-align: middle;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial; outline: none;}
input:-webkit-autofill{ background-color: white;}
input:-webkit-autofill{ background-color: white; -webkit-box-shadow: 0 0 0px 1000px white inset;}
button,label{cursor:pointer;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}sub{bottom:-0.25em;}
small{font-size:80%;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;height:0}[hidden]{display:none;}
abbr[title]{border-bottom:1px dotted;}
cite,em{font-style:normal;}
q{quotes:none;}
q:before,q:after{content:'';content:none;}
svg:not(:root){overflow:hidden;}
a:focus{outline:0!important;}
a:active,a:hover{outline:0;color:#d82222;}
a{color:#333;text-decoration:none;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    display: table-cell;
    vertical-align: inherit;
    text-align: center;
}
.table > thead > tr > th{ border-bottom: 1px solid #dbdbdb; font-weight: 300;}

/* 字体颜色原子类 */
.text-orange{color:#ff7800;}
.text-red{color:#eb0000; color: #b81d23;}
.text-lose{ color: #3C64DB;}
.text-tie{ color: #10af63;}
.text-green{ color: #10af63;}
.text-yellow{ color: #fffa10;}
.text-blue{ color: #2e76c7;}
.text-666{ color: #666;}
.text-999{ color: #999;}
.text-555{ color: #555;}
.text-ccc{ color: #ccc;}
.text-8a{ color: #8a8a8a;}
.text-80{ color: #808080;}
.text-gray{ color: #A9A9A9;}
.text-fff{ color: #ffffff;}
.text-bBlue{ color: #3f697e;}/*墨绿*/
/*加粗*/
.strong{ font-weight: 700;}
/* 背景原子类 */
.btn-orange {color: #ffffff;background-color: #ff7e00;border-color: #ff7e00;}
.btn-blue {color: #fff;background-color: #2e76c7;border-color: #2e76c7;}
.bg-gray{ background: #e0e0e0; color:#000;}

/* 无边框原子类 */
.no-b-t{ border-top: none!important;}
.no-b-b{ border-bottom: none!important;}
.no-b-l{ border-left: none!important;}
.no-b-r{ border-right: none!important;}

/* 文字方向 */
.text-l{ text-align: left!important;}
.text-r{ text-align: right!important;}
.text-c{ text-align: center!important;}

/*定位*/
.fl{float:left!important;display:inline;}.fr{float:right!important;display:inline;}

/*文字排版、颜色*/
.f12{font-size:12px;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}.f24{font-size:24px;}.f26{font-size:26px;}.fb{font-weight:bold;}

/*边距*/
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px}.pr35{padding-right:35px}.pr40{padding-right:40px}.pr45{padding-right:45px}.pr50{padding-right:50px}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}.pt30{padding-top:30px}.pt35{padding-top:35px}.pt40{padding-top:40px}.pt45{padding-top:45px}.pt50{padding-top:50px}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb25{padding-bottom:25px}.pb30{padding-bottom:30px}.pb35{padding-bottom:35px}.pb40{padding-bottom:40px}.pb45{padding-bottom:45px}.pb50{padding-bottom:50px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.ml30{margin-left:30px}.ml35{margin-left:35px}.ml40{margin-left:40px}.ml45{margin-left:45px}.ml50{margin-left:50px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr25{margin-right:25px}.mr30{margin-right:30px}.mr35{margin-right:35px}.mr40{margin-right:40px}.mr45{margin-right:45px}.mr50{margin-right:50px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.mt45{margin-top:45px}.mt50{margin-top:50px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb35{margin-bottom:35px}.mb40{margin-bottom:40px}.mb45{margin-bottom:45px}.mb50{margin-bottom:50px;}

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓后端添加↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.input-position-relative{position: relative;}
/*清除浮动*/
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%;}
/* 溢出隐藏 */
.text-hidden{display: block; overflow: hidden; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -moz-white-space: nowrap; -ms-white-space: nowrap; -o-white-space: nowrap; -webkit-white-space: nowrap;}
.row-2 { height: 40px; overflow: hidden; word-wrap: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; word-break: break-all;}
/*reset boostrap css*/

/*.btn*/
.btn{
  border-radius: 0;
}

/* btn-default */
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #e0e0e0;
}
.btn-default:focus,
.btn-default.focus {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-default:hover {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #666;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #666;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}

/* btn-green */
.btn-green {
  color: #fff;
  background-color: #01af63;
  border-color: #01af63;
}
.btn-green:focus,
.btn-green.focus {
  color: #fff;
  background-color: #0cc776;
  border-color: #0cc776;
}
.btn-green:hover {
  color: #fff;
  background-color: #0cc776;
  border-color: #0cc776;
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
  color: #fff;
  background-color: #0cc776;
  border-color: #0cc776;
}
.btn-green:active:hover,
.btn-green.active:hover,
.open > .dropdown-toggle.btn-green:hover,
.btn-green:active:focus,
.btn-green.active:focus,
.open > .dropdown-toggle.btn-green:focus,
.btn-green:active.focus,
.btn-green.active.focus,
.open > .dropdown-toggle.btn-green.focus {
  color: #fff;
  background-color: #0cc776;
  border-color: #0cc776;
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
  background-image: none;
}

/* btn-blue */
.btn-blue {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.btn-blue:focus,
.btn-blue.focus {
  color: #fff;
  background-color: #286090;
  border-color: #286090;
}
.btn-blue:hover {
  color: #fff;
  background-color: #286090;
  border-color: #286090;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
  color: #fff;
  background-color: #286090;
  border-color: #286090;
}
.btn-blue:active:hover,
.btn-blue.active:hover,
.open > .dropdown-toggle.btn-blue:hover,
.btn-blue:active:focus,
.btn-blue.active:focus,
.open > .dropdown-toggle.btn-blue:focus,
.btn-blue:active.focus,
.btn-blue.active.focus,
.open > .dropdown-toggle.btn-blue.focus {
  color: #fff;
  background-color: #286090;
  border-color: #286090;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue{
  background-image: none;
}

/* btn-orange */
.btn-orange {
  color: #fff;
  background-color: #ff8f44;
  border-color: #ff8f44;
}
.btn-orange:focus,
.btn-orange.focus {
  color: #fff;
  background-color: #ffa044;
  border-color: #ffa044;
}
.btn-orange:hover {
  color: #fff;
  background-color: #ffa044;
  border-color: #ffa044;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #fff;
  background-color: #ffa044;
  border-color: #ffa044;
}
.btn-orange:active:hover,
.btn-orange.active:hover,
.open > .dropdown-toggle.btn-orange:hover,
.btn-orange:active:focus,
.btn-orange.active:focus,
.open > .dropdown-toggle.btn-orange:focus,
.btn-orange:active.focus,
.btn-orange.active.focus,
.open > .dropdown-toggle.btn-orange.focus {
  color: #fff;
  background-color: #ffa044;
  border-color: #ffa044;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange{
  background-image: none;
}

/* btn-success */
.btn-success  {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #449d44;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #449d44;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success{
  color: #fff;
  background-color: #449d44;
  border-color: #449d44;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #449d44;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success{
  background-image: none;
}

.form-control {
  box-shadow: none;
  border-radius: 0;
}
.form-control:focus {
  border-color: #0cc776;
  outline: 0;
  box-shadow: none;
}

.form-control {
  box-shadow: none;
  border-radius: 0;
}
.form-control:focus {
  border-color: #0cc776;
  outline: 0;
  box-shadow: none;
}



body{ width: 100%; min-width: 1024px;}
.main{ width: 1024px; margin: 0 auto;}
/* 顶部头部 */
.top-head{ height: 38px; background: #333333;}
.top-head .top-head-in{ width: 1024px; height: 38px; line-height: 38px; margin:0 auto;}
.top-head .top-head-in .top-login{ margin-right: 20px;}
.top-head-in .lnk-index,.top-head-in .lnk-collect,.top-head-in .lnk-help,.top-login .lnk-login,.top-login .lnk-reg,.top-login .lnk-user{ padding: 0 15px; color: #fff; float:left; cursor: pointer;}
.top-login .lnk-user .badgeIcon{ line-height: 30px; margin-right: 4px;}
.top-login .lnk-user .userFace{ width: 18px; height: 18px; line-height: 18px; text-align: center; margin: 10px 10px 0 0; border-radius: 50%; overflow: hidden;}
.top-login .lnk-user .userFace img{ max-width: 100%; max-height: 100%; border-radius: 50%;}
.top-login .lnk-user .userName{ display: inline-block;}
.top-right .phone,.top-right .talk{ padding: 0 10px; float:left;}
.top-right .phone{ padding-left: 2px;}
.top-right .lnk-phone,.top-right .lnk-talk{ color: #fff;}
.top-right .talk:hover{ background: #484848;}
.top-right .glyphicon,.top-login .glyphicon{ margin-left: 6px;}
.top-right .lnk-phone{ background: url(/zztiyu/images/common/iocn-phone.png) no-repeat 2px center; padding-left: 20px;}
.top-head-in .top-left a:hover,.top-head-in .top-login a:hover,.top-right .phone:hover,.top-login .lnk-user:hover,.top-right .talk:hover{ background: #484848;}
.top-right .phone .dropdown-menu{ display: none; margin: 0; padding: 8px; left:inherit; right: 0; width: 246px; background: #484848;}
.top-right .talk .dropdown-menu,.top-login .lnk-user .dropdown-menu{ width: 100%; min-width: auto; margin: 0; padding: 0; background: #333333;}
.top-login .lnk-user .dropdown-menu{ max-width: 100px; left: inherit; right: 0; width: 100px;}
.top-right .dropdown-top:hover .dropdown-menu,.top-login .dropdown-top:hover .dropdown-menu{ display: block; border: 1px solid #717171; border: 1px solid rgba(113,113,113,0.7);}
.top-head .top-head-in .dropdown-top:hover .caret{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
	transition: ease-out 0.3s;
}
.top-head-in .dropdown-menu{ box-shadow: none; border-radius: 0;}
.top-right .phone .dropdown-menu .ia-wm{ padding: 3px; border: 1px solid #e5e5e5;}
.top-right .phone .dropdown-menu .ia-load{ padding-left: 10px;}
.top-right .phone .dropdown-menu .ia-load dl{ margin-bottom: 0;}
.top-right .phone .dropdown-menu .ia-load dt{ color: #fff;}
.top-right .phone .dropdown-menu .ia-load dt,.top-right .phone .dropdown-menu .ia-load dd.ios{ margin-bottom: 6px;}
.top-right .phone .dropdown-menu .ia-load dd{width: 120px; height: 32px;}
.top-right .phone .dropdown-menu .ia-load dd a{ display: block; width: 120px; height: 32px;}
.top-right .talk .dropdown-menu li{ cursor: pointer; color: #fff; padding-left: 10px;}
.top-login .lnk-user .dropdown-menu li a{ display: block; line-height: 38px; padding-left: 14px; color: #fff;}
.top-right .talk .dropdown-menu li:hover,.top-login .lnk-user .dropdown-menu li a:hover{ background: #484848;}

.top-center-con{ width: 100%; background: #166d9f;}
.top-center{ padding: 15px 0; width: 1024px; margin: 0 auto; position: relative;}
.top-center .indexLogo{ position: absolute; left: -170px; top: 21px;}
.top-center .linkLi{height: 60px; border-right: 1px solid #195276; padding-left: 22px; position: relative;}
.top-center .linkLi.linkLi01{ max-width: 320px; width: 320px\9; padding-left: 0;}
.top-center .linkLi.linkLi02{ max-width: 179px; width: 179px\9;}
.top-center .linkLi.linkLi03{ max-width: 165px; width: 165px\9;}
.top-center .linkLi.linkLi04{ max-width: 180px; width: 180px\9;}
.top-center .linkLi.linkLi05{ max-width: 180px; width: 180px\9; border-right: none 0;}

.top-center .linkLi::after{ content: ""; position: absolute; right: -2px; top: 0; width: 1px; height: 100%; background: #2c78a8;}
.top-center .linkLi.last::after{ display: none;}
.top-center .linkLi a{ margin-right: 20px; display: inline-block; color: #fff; position: relative;}
.top-center .linkLi a .hotIcon{ position: absolute; top: -14px; right: -6px; width: 17px; height: 17px; background: url(/zztiyu/images/index/iocn-hot.png) no-repeat }
.top-center .linkLi a:hover{ color: #fff600;}
.top-center .linkLi a.topLinka{ margin-bottom: 20px;}

/*顶部二级栏*/
.secTop{ width: 100%; padding: 11px 0; background: #fff; border-bottom: 1px solid #e5e5e5; box-shadow: 0 0 3px #dddddd;}
.secTopIn{ width: 1024px; margin: 0 auto;}
.secTopNav ul{ padding-left: 30px;}
.secTopNav ul li a{ display: block; height: 48px; line-height: 48px; margin: 0 10px;}
.searchBox{ width: 340px; margin-top: 8px; padding:0;}
.searchBox .form-control{ border-bottom-left-radius: 4px; border-top-left-radius: 4px;}
#bdcsMain{ width: 290px;}
/*精灵图*/
.myIcon{ background: url(/zztiyu/images/common/icon-bg.png) no-repeat;}
.comIcon{ background: url(/zztiyu/images/common/common-icon.png) no-repeat;}
.ios a{ background-position: 0 0;}
.ios a:hover{ background-position: -122px 0;}
.android a{ background-position: 0 -37px;}
.android a:hover{ background-position: -122px -37px;}

/* footer */
.footer{ width: 100%;clear:both;}
.friendBox{ width: 100%; height: 155px; background: #366b8c; background: #366b8c url(/zztiyu/images/common/friend-link-bg.jpg) no-repeat center center;}
.friendBox .friBoxMain{ width: 1024px; margin: 0 auto; position: relative; padding-top: 30px;}
.friendBox .friBoxMain h4{ height: 36px; line-height: 36px; text-align: center; margin-bottom: 20px; background: url(/zztiyu/images/common/bg-line.png) no-repeat center center;}
.friendBox .friBoxMain h4 span{ color: #fff;}
.friendBox .friLinkLi{ word-break: break-all; text-align: center;}
.friLinkLi a{ display: inline-block; color: #fff; padding: 6px 5px; font-size:14px;}
.copyright{ width: 100%; padding: 25px 0; background: #333333; text-align: center; color: #fff; font-size: 12px;}
.copyright a{ color: #fff;}
.copyright .link,.copyright p{ margin-bottom: 10px;}
.copyright .intro{letter-spacing: 1px;}
.copyright .intro a:hover{ text-decoration: underline !important;}

/* elevator */
#elevator{ position: fixed; left: 50%; top: 60%; margin-left: 582px; z-index: 9;}
#elevator .ewm{background: #fff; border: 1px solid #dbdbdb; box-shadow: 0 0 10px rgba(0,0,0,0.3); position: absolute; left: -20px; top: -94px;}
#elevator p{ text-align: center; padding-bottom: 5px;}
.toolsList li { width: 50px; height: 50px; overflow: hidden; background: #666666; margin-bottom: 1px;}
.toolsList li a{ display: block; height: 100px; font-size: 16px; color: #fff; text-align: center;}
.toolsList li a .toolsIcon{ display: block; height: 50px; background:url(/zztiyu/images/common/elevator-i.png) no-repeat 0 0;}
.toolsList .i01 i.toolsIcon{ background-position: 0 0;}
.toolsList .i02 i.toolsIcon{ background-position: 0 -50px;}
.toolsList .i03 i.toolsIcon{ background-position: 0 -100px;}
.toolsList .i04 i.toolsIcon{ background-position: 0 -150px;}
.toolsList .i04{ visibility: hidden;}
.toolsList li a span{display: block; height: 50px; padding: 3px; background: #e6e6e6; color: #333;}

.modalLogin{ padding: 20px;}
.modalLogin form .mt{ margin-bottom: 15px;}
.modalLogin form .item-fore1 {z-index: 6;}
.modalLogin form .item { position: relative; margin-bottom: 10px;margin-top: 5px; z-index: 1;}
.modalLogin form .item .name-label { background-position: 0 0;}
.modalLogin form .item .login-label { position: absolute; z-index: 3; top: 1px; left: 1px; width: 32px; height: 32px; background: url(/zztiyu/images/login/user02.jpg) no-repeat;}
.modalLogin form .item .pwd-label{background: url(/zztiyu/images/login/password014.jpg) no-repeat;}
.modalLogin form .itxt {  padding: 5px 0 5px 50px; width: 100%; border-radius: 0; overflow: hidden; font-size: 14px;}
.modalLogin form .remeber{ color: #8a8a8a;}
.modalLogin form .remeber label{ color: #8a8a8a; font-weight: normal;}
.modalLogin form .remeber .pull-left{ width: 74px\9;}
.modalLogin form .remeber a{ color: #8a8a8a;}
.modalLogin form .remeber a:hover{ color: #ff7e00;}
.modalLogin form .remeber input[type=checkbox]{ vertical-align: -2px;}
.modalLogin .login-btn { margin-top: 10px;}
.modalLogin .login-btn input[type=submit]{ width: 100%; font-size: 16px; border-radius: 3px;}
.modalLogin .item.item-fore1.item-fore2{ margin-top: 26px; }
.modalLogin .myLogin .field-msg{ left: 1%; top: -49%;}
.modalLogin .else_login{padding-top: 20px;}
.modalLogin .else_login img{padding-right: 5px;}
.modalLogin .else_login a{ display: inline-block; font-size: 12px; padding: 0 16px;color: #8a8a8a;}
.modalLogin .else_login a:hover{color: #ff7800;}
.modalLogin .field-msg {left: 1%; top: -36%;}
/*详情按钮*/
.detail-btn{  height: 22px; border: 1px solid #ff7e00; padding: 0; background: #fffae9; color: #ff7e00; border-radius: 20px;padding: 0 14px;font-size: 12px!important;line-height: 19px;width: 60px;}
.detail-btn:hover{background: #fffae9!important;border:1px solid #ff7e00!important; color: #ff7e00;}
/*等级  尺寸30*16*/
.s_lv{ display: inline-block; width: 30px; height: 16px;}
.level{ width: 30px; height: 16px; margin:0 5px; display: inline-block;}
.rank_p{margin-top:3px;}
.fb_p{margin-top:3px;}
ul{ margin-bottom: 0;}
.lv0{background-position: 0 0;}
.lv1{background-position: 0 -17px;}
.lv2{background-position: 0 -34px;}
.lv3{background-position: 0 -51px;}
.lv4{background-position: 0 -68px;}
.lv5{background-position: 0 -85px;}
.lv6{background-position: 0 -102px;}
.lv7{background-position: 0 -119px;}
.lv8{background-position: 0 -136px;}
.lv9{background-position: 0 -153px;}

/*半透明层*/
.coverMask {position: absolute; left: 0; top: 0;  width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .5s; transition: opacity .5s;}
.cmHover:hover .coverMask{opacity: .2; filter: alpha(opacity=20); -webkit-transition: opacity .5s; transition: opacity .5s;}

/*页码*/
.page-con { width: 100%;  text-align: center; padding:  0 20px;}
.pageNum{ padding: 10px;}
.pageNum .pagination li{ float: left;}
.isTxt,.isTxtBig{margin: 0 10px; width: 50px;}

.main{ margin: 0 auto; width: 1140px; height: auto;}
.main .main-in{ width: 1140px; margin:0 auto; padding: 12px 0;}
/* 左边的主体内容 */
.left-main{ width: 142px; background: #fff;
  border:1px solid #e5e5e5; }
.left-main .h3-title{ font-size: 16px; text-align: center; height: 70px;line-height: 55px; padding:0;margin:0 auto; border-top:10px solid #3f446f; }
.left-main .h3-title a{ color: #2e76c7;font-size: 20px}
.left-main dl{ margin-top: 10px; margin-bottom: 10px;}
.x-line{ padding: 0 10px;}
.x-line span{ display: block; border-bottom: 1px dotted #e5e5e5;}
.left-main dt{ padding-left: 40px; height: 32px; line-height: 32px; background: url(/zztiyu/images/userInfo/ct_gl.png) no-repeat 15px 5px;background-position:15px!important;}
.left-main .dl02 dt{ background: url(/zztiyu/images/userInfo/ct_gl.png) no-repeat 15px 5px;}
.left-main .dl03 dt{ background: url(/zztiyu/images/userInfo/ct_book.png) no-repeat 15px 5px;}
.left-main .dl01 dt{ background: url(/zztiyu/images/userInfo/ct_per.png) no-repeat 15px 5px;}
.left-main .dl04 dt{ background: url(/zztiyu/images/userInfo/Football.png) no-repeat 15px 5px;}
.left-main .dl05 dt{ background: url(/zztiyu/images/userInfo/follower.png) no-repeat 15px 5px;}

.left-main .dd-li a{ display: block; height: 32px; line-height: 32px; color: #666; padding-left: 35px;border-left: 2px solid transparent}
.left-main .dd-li a:hover{ color: #2e76c7;border-left: 2px solid #2e76c7;}
.left-main .dd-li .current a{ background: #f7f7f7; color: #fff; color: #2e76c7; border-left: 2px solid #2e76c7; padding-left: 33px;}
.left-main .dl02 dt{ background-position: 15px -57px;}
.left-main .dd-li .cur a{ color: #999; font-size: 12px;}
.left-main .dd-li .cur a:hover{ color: #107ee3;}
.left-main .dl03 dt{ background-position: 15px -116px;}
/* 右边的主体内容 */
.right-main{ width: 860px; min-height: 669px; border: 1px solid #e5e5e5;}
.right-main .tab-content{ padding: 15px;}
.top-nav{ margin: 5px 15px 0 15px;}
.data-graph .nav-tabs>li>a{ display: inline-block; margin-top: 10px; padding: 5px 10px; border-radius: 0; color: #666; font-size: 14px; background: #fff;}
.data-graph .nav-tabs>li>a.current{ border-bottom: 2px solid #2e76c7; background: #fff; color: #2e76c7; font-weight: 700;}
.data-graph .nav-tabs>li>a:hover{border-bottom: 2px solid #2e76c7; background: #fff; color: #2e76c7;}

.pan_type {
  width: 100%;
  margin:15px 0 0 18px;
  width: 164px;
}
.pan_type a {
  border: 1px solid #efefef;
  width: 80px;
  margin-left: -1px;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #fff;
}

.pan_type a.on{
  background: #2e76c7;
  border:1px solid #2e76c7;
  color: #fff
}
.div-fixed{ position: fixed; top: 0; left: 0; z-index: 999;}

/*pages*/
.pages{overflow:hidden;padding:10px 0px;margin:20px 0px;text-align:center;}
.pages a{padding:5px 12px;margin-left:3px;border:1px solid #eee;background:#f5f5f5; outline: none;text-decoration: none;}
.pages span{padding:5px 12px;background:#166d9f;color:#fff;margin-left:3px;border:1px solid #166d9f;}
.picwrap .pages a{border:1px solid #eee;background:#fff;}
.pages a:hover{background:#166d9f;border:1px solid #166d9f;color:#fff;}

.videolist li a{ position: relative;}
.videolist li .playBtn{ position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; background: url(/zztiyu/images/index/play-btn.png) no-repeat 0 0;}


.head {

	padding: 23px 0 22px

}

.head::after {

	display: block;

	clear: both;

	content: ''

}

.head h1 {

	float: left;

	height: 35px;

	margin: 0

}

.head h1 a {

	display: block;

	width: 200px;

	height: 60px;

	text-indent: -9999px;

	background: url("/zztiyu/images/common/logo.png") no-repeat 0 0;
    background-size: 100% 100%;
}

.head .social-nav {

	float: right;

	height: 35px

}

.head .social-nav::after {

	display: block;

	clear: both;

	content: ''

}


.head .loginwrap .qqcom-login a.avatar:hover {

	background-position: -286px -315px

}

.head .loginwrap .qqcom-login ul {

	float: right;

	height: 40px

}

.head .loginwrap .qqcom-login ul li {

	display: block;

	float: left;

	margin-right: 6px

}



.head .loginwrap .qqcom-login ul li.icon-weibo a {

	background-position: -286px 0

}

.head .loginwrap .qqcom-login ul li.icon-weibo a:hover {

	background-position: -286px -35px

}

.head .loginwrap .qqcom-login ul li.icon-qzone a {

	background-position: -286px -70px

}

.head .loginwrap .qqcom-login ul li.icon-qzone a:hover {

	background-position: -286px -105px

}

.head .loginwrap .qqcom-login ul li.icon-mail a {

	background-position: -286px -140px

}

.head .loginwrap .qqcom-login ul li.icon-mail a:hover {

	background-position: -286px -175px

}

.head .loginwrap .qqcom-login ul li.icon-book a {

	background-position: -286px -210px

}

.head .loginwrap .qqcom-login ul li.icon-book a:hover {

	background-position: -286px -245px

}

.nav {

	width: 100%;

	height: 40px;

	color: #fff;

	background: #166d9f

}

.nav::after {

	display: block;

	clear: both;

	content: ''

}

.nav .nav-links, .nav .nav-teams, .nav .nav-weibo {

	position: relative;

	float: left

}

.nav .nav-links .nav-item, .nav .nav-teams .nav-item, .nav .nav-weibo .nav-item {

	float: left

}

.nav .nav-links .nav-item > a, .nav .nav-teams .nav-item > a, .nav .nav-weibo .nav-item > a {

	font-size: 16px;

	display: block;

	padding: 8px 18px;

	color: #fff;
	height: 40px;
	text-decoration: none;

}

.nav .nav-links .nav-item.current > a, .nav .nav-links .nav-item:hover > a, .nav .nav-teams .nav-item.current > a, .nav .nav-teams .nav-item:hover > a, .nav .nav-weibo .nav-item.current > a, .nav .nav-weibo .nav-item:hover > a {

	background: #0a5b8a;

}

.nav .nav-teams span, .nav .nav-weibo span {

	font-size: 0;

	position: absolute;

	top: 12px;

	left: 0;

	display: block;

	width: 1px;

	height: 16px;

	background: #61ac7c

}

.f-fl, .f-lifl li, .f-dlfl dt, .f-dlfl dd {
    float: left;
    display: inline;
}
.f-fr {
    float: right;
    display: inline;
}
.g-leftnav{overflow: hidden; width: 200px;}
.g-leftnav ul li{ height: 80px;line-height: 80px;overflow: hidden; background: #f3f3f3;border-bottom: 1px solid #fff;text-align: center;}
.g-leftnav ul li a{font-weight: bold;font-size: 16px;display: block;color: #333; text-decoration:none;}
.g-leftnav ul li:hover { background:#166d9f;  }
.g-leftnav ul li:hover a{color: #fff;background: url(/zztiyu/images/li1.png) no-repeat 140px center}
.g-leftnav ul li.m-hover{ background:#166d9f;  }
.g-leftnav ul li.m-hover a{ color: #fff;background: url(/zztiyu/images/li1.png) no-repeat 140px center }
.g-about{overflow: hidden; width: 900px;min-height: 640px;}
.g-about h4{padding: 0 20px 15px;font-size: 26px;border-bottom: 1px solid #ededed;font-weight: normal;color: #333;}
.g-about h4.u-aboutico{background-position:130px -8px;}
.g-about .g-about-cont{padding: 0 20px 0 20px;line-height: 38px;font-size: 16px;color: #555;margin-top: 13px;}
.g-about h4.u-yjfk{background-position:130px -217px}
.g-about h4.u-lxwm{background-position:130px -78px}
.g-about h4.u-flsm{background-position:130px -145px}
.g-about h4.u-wzdt{background-position:130px -423px}
.g-about h4.u-ggfw{background-position:130px -320px}
.g-about-list{overflow: hidden;}
.g-about-list p{overflow: hidden;margin-top: 25px;position: relative;padding-left: 130px;border-bottom: 1px dashed #eee;padding-bottom: 12px;min-height: 36px;}
.g-about-list p span{display:block;height: 24px;line-height: 24px;position:absolute;left: 15px;top: 0px;}
.g-about-list p span a{display:block;font-size: 18px; width: 105px;color: #333;padding: 0px 0px 0px 10px;font-weight: bold;}
.g-about-list p a{display: inline-block;height: 24px;line-height: 24px;padding: 0px 8px;font-size: 16px; width: 100px;color: #666;margin-bottom: 12px;}
.g-about-list a:hover{ color:#166d9f;}
.g-about-list p:last-of-type{ border-bottom: 0px; }

/* 比赛-首页 */
.index-match{width: 710px;padding-right: 18px;}
.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;
}

.team-info h1{
    text-align: center;
}
.team-info .team-ico{
    max-width: 50%;
    margin: 0 auto;
    text-align: center;
}
.team-info .team-ico img{max-width: 100%;}
.team-info .list-match{margin-top:20px;margin-bottom: 20px;width:100%}


/*球队列表*/
.team-list{    
    min-height: 725px;
    background: #fff;
    position: relative;
    padding-top: 20px;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #D3E1E2;
    border-radius: 4px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.team-list a{
    text-decoration: none;
}
.team-list .tabs{
    display: flex;
    padding: 0 40px;
    border-bottom: 1px solid #D3E1E2;
}
.team-list .tabs li{
    margin-right: 30px;
    position: relative;
    padding-top: 18px;
    padding-bottom: 12px;
}
.team-list .tabs .tab {
    height: 21px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 21px;
    color: #999999;
    cursor: pointer;
    text-decoration: none;
}
.team-list .tabs li.active a {
        color: #F23632;
    }
.team-list .tabs li.active:after {
        content:"";
        background: linear-gradient(90deg, #F23632 0%, #6DD3DB 100%);
        display: block;
        height: 6px;
        width: 100%;
        position: absolute;
        bottom: 0;
}
.team-list .tab_contents_container {
    padding: 20px;
}
.team-list .tab_contents {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    row-gap: 20px;
    column-gap: 31px;
}
.team-list .tab_contents .hot_team {
    text-align: center;
}
.team-list .tab_contents .hot_team_image {
    width: 88px;
    height: 88px;
    background: #FFFFFF;
    border: 1px solid #D3E1E2;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.team-list .tab_contents .hot_team_image:hover{
    width: 86px;
    height: 86px;
    border:2px solid #F23632; 
}

.team-list .tab_contents .hot_team_image img {
    width: 56px;
    height: 56px;
}
.team-list .tab_contents .hot_team_name {
    height: 21px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #292E2E;
    margin-top: 6px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}