/* 
* @Author:  Weiqianqian
* @Date:   2018-01-17 18:32:01
* @Last Modified by:   Marte
* @Last Modified time: 2018-05-28 11:33:50
*/
/* 主体盒子 */
body{background-color:#fff;}
.main{ width:1140px; margin: 0 auto; padding-bottom: 20px;}
/* 当前位置 */
.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;}
.content-m{ width: 100%;}
/* 左边部分 */
.content-m .left{ width: 796px; padding: 15px; background-color:#fff;}
.long .title{ font-size: 26px; font-weight: bold;line-height: 36px; margin: 15px 0;}
.long p{ margin-bottom: 10px;}
.long .textLabel{ font-size: 12px; padding: 1px 3px; border: 1px solid #159bee; color: #159bee; border-radius: 4px; margin-left: 5px;}
.long .abstract{ color: #3180c2; font-size: 16px; line-height: 24px;}
.cont{ padding-bottom: 45px; padding: 10px 0;}
.cont table{border:1px solid #333;border-collapse:collapse;}
.statement{font-size: 14px !important; color: #999; margin:10px 0;}
/*ban左侧 倍率*/
.matchBox{ background: #fbfbfb; border: 1px solid #e5e5e5; padding: 10px 6px; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-bottom: 20px;}
.matchIn{ width: 316px;}
.matchTitle{ background: #e3e3e3; width: 316px; height: 28px; line-height: 28px; margin:0 auto; border-radius: 6px;}
.matchTitle .matchName{ width: 116px; text-align: center; overflow: hidden; color: #ffffff; border-bottom-left-radius: 6px; border-top-left-radius: 6px; position: relative;}
.matchTitle .matchName .triangleTopleft{ width: 0; height: 0; border-right: 20px solid transparent; position:absolute; left: 100%; top: 0;}
.matchTitle .matchTime{ width: 200px; text-align:center; color: #4c4c4c;}
.matchLogo{ width: 160px; padding-top: 15px; text-align: center;}
.matchLogo img{ width: 100px; height: auto;}
.matchScore{ margin: 20px 0;}
.matchScore .teamName{ width: 108px; height: 30px; line-height: 30px; color: #4c4c4c; overflow: hidden;
    font-size: 16px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    -moz-white-space: nowrap;
    -ms-white-space: nowrap;
    -o-white-space: nowrap;
    -webkit-white-space: nowrap;
}
.matchScore .teamTime{ width: 100px; text-align: center; font-size: 22px; color: #4c4c4c;}
.matchLink{ text-align: center;}
.matchLink a{ padding: 4px 15px; background: #e3e3e3; border-radius: 4px; display:inline-block; margin: 0 5px;}
.ban-w,.ban-w p{ font-size: 16px; line-height: 34px !important; word-break: break-all; font-family: "Microsoft YaHei", 黑体, "Helvetica Neue", Helvetica, Arial !important; margin-top: 0px !important; }
.ban-w p{ margin-bottom: 20px !important; }
.ban-w h2{ font-size: 18px; font-weight: bold; height: 50px; line-height: 50px;}
.ban-w h3{ font-size: 16px; font-weight: bold; height: 50px; line-height: 50px;}
.ban-w img {max-width: 100%;}
.ban-w .headline{ text-indent: 30px; display: block;}
.ban-w .tableHead{ border-top: 1px solid #e0e0e0; width: 668px; height: 52px; background-color: #f7f7f7; padding: 0 32px 0 32px; line-height: 52px; margin-top: 20px;}
.ban-w .tableHead .left{ width: 42%; float: left; font-size: 18px;background-color: #f7f7f7;}
.ban-w .tableHead .middle{height: 52px; line-height: 52px; width: 16%; float: left; font-size: 18px; background-color: #f7f7f7; text-align: center; padding-top: 8px;}
.ban-w .tableHead .middle p{ font-size: 24px !important;}
.ban-w .tableHead .right{ width: 42%; float: left; font-size: 18px;background-color: #f7f7f7;}
.ban-w .tableHead .tableLeft{ height: 52px; padding-top: 8px; width: 42%; padding: 0;}
.ban-w .tableHead .tableLeft img{ height: 34px; width: 30px; line-height: 52px; margin-right: 10px; float: left; margin-left: 17px; margin-top: 8px;}
 .ban-w .tableHead .tableLeft p{ width: 196px; overflow: hidden; float: left; text-overflow: ellipsis; white-space: nowrap;  height: 52px; line-height: 52px; padding-top: 8px;}
.ban-w .tableHead .tableRight{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; height: 52px; padding-top: 8px; }
.ban-w .tableHead .tableRight img{ height: 34px; width: 30px; float: left; }
.ban-w .tableHead .tableRight p{ width: 196px; overflow: hidden; float: left; text-overflow: ellipsis; white-space: nowrap; margin-right: 10px;}
.tableProgress{ border: 1px solid #e0e0e0; width: 668px; float: left; padding: 20px 0 0 0; margin-bottom: 20px; border-top: none;}
.unit{ float: left; width: 668px; margin-bottom: 20px;}
.unit .unitLeft{ float: left; width: 46px; text-align: center; overflow: hidden; white-space: nowrap;}
.unit .unitRight{ float: left; width: 46px; text-aign: center; text-align: center; ovreflow: hidden;  overflow: hidden; white-space: nowrap;}
.unitWords{ float: left; text-align: center; width:126px; height: 38px;}
.progressLeft{ width: 224px; height: 38px; background-color: #fafafa; float: left; position: relative;}
.progressLeft span{ width: 58%; background-color: #df5050; height: 100%; display: block; right: 0; position: absolute;}
.progressRight{ width: 224px; height: 38px; background-color: #fafafa; float: left;}
.progressRight span{ width: 42%; background-color: #5094df; height: 100%; display: block; padding-right: 0;}
.ban-w p span{ font-size: 16px !important; color: #333 !important; font-family: "Microsoft YaHei", 黑体, "Helvetica Neue", Helvetica, Arial !important;}
.ban-w p a{ font-size: 16px !important; line-height: 34px !important; font-family: "Microsoft YaHei", 黑体, "Helvetica Neue", Helvetica, Arial !important;color:#4a9cfa;}
p.picbox { text-align: center; text-indent: 0;}
.ban-w p img{ display: block; margin: 0 auto; max-width: 100%; height: auto; position: relative;}
.ban-w p .W_img_face{ display: inline-block; margin: 0 2px;}
/*标签*/
.ban-b{padding: 20px 0px; border-top: 1px solid #e0e0e0;margin-top: 15px;}
.b-q{ padding-right: 10px;}
.label-s{ margin-right:5px;}
.label-s a{border:1px solid #129aee; color: #129aee; padding: 2px 5px; border-radius: 5px;}
/*分享*/
.ban-c{ padding-bottom: 10px;}
.ban-c span{ float: left; padding: 8px 10px 8px 0px; }
.bds_more{ margin-left: 10px;}
 /*相关新闻*/
.lab-con{ margin-top: 20px;}
.newTile{ border-bottom: 4px solid #e0e0e0; padding-bottom: 6px; color: #149ddf; position: relative;}
.newTile .title{ font-size: 18px;}
.newTile .title:after{ content: ""; width: 116px; height: 4px; background-image: -webkit-linear-gradient(to right, #159ce4, #01af63); background-image: linear-gradient(to right,#01af63,#159ce4); position: absolute; left: 0; bottom: -4px;}
.uInfor .faceInfor{ display: block;}
.lab-list .liInfor{ padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.lab-list .liInfor a.inforLink{ display: block;}
.lab-list .liInfor .inforFace{ width: 100px;}
.lab-list .liInfor .inforImg{ width: 180px; height: 124px; overflow: hidden;}
.lab-list .liInfor .faceImg { width: 86px; height: 86px; line-height: 86px; border-radius: 50%; overflow: hidden; margin: 0 auto; margin-bottom: 10px;}
.lab-list .liInfor .faceName{ text-align: center; color: #669fdf;}
.lab-list .liInfor .faceImg img{ width: 100%; height: 100%;}
.lab-list .liInfor .inforArt{ width: 580px; padding-left: 15px;}
.lab-list .liInfor .inforArt h3{ font-size: 20px; margin-bottom: 10px;}
.lab-list .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;}
.lab-list .liInfor .author{ height: 28px; line-height: 28px;}
.lab-list .liInfor .author .rightEye{ padding-left: 20px; background: url(../../images/common/eye-icon.png) no-repeat 0 center;}

.infor{ padding: 5px 0px;}
.time{color:#999;}
.cont-s{ margin-top: 38px; width: 690px; }
.cont-s img{width: 60px; height: 55px; margin-top: 10px;}
.tal textarea{ margin-left: 80px; margin-top: -65px; width: 605px; height: 110px;}
.tal img{width: 50px; height: 50px; border-radius: 50%; }
.disc{ width: 60px; height: 33px; background-color: #169bee; text-align: center; margin-left: 630px; margin-top: 10px;}
.disc span a{ color: #fff; font-size: 16px; line-height: 33px;}

.cont-l{width: 690px; }
.cont-l li{ width: 100%; border: 1px solid #e0e0e0; margin-top: 40px; border-left: none; border-right: none; border-top: none; list-style-type:none;}
.cont-l li img{ width: 62px; height: 62px; border-radius: 50%;}
.cont-top{ padding-top: 20px; padding-bottom: 20px;}
.deta{ width: 88%; margin-left: 80px; margin-top: -60px; font-size: 12px; color: #b3b3b3;}
.deta .change{color: #275fbd;}
.deta-o{ width: 560px; float: left;}
.deta-t{margin-left: 550px; position: relative;}
.deta-l{margin-left: 80px; margin-top: 30px; font-size: 12px;}

/*右边内容*/
.right{ width: 316px;}
.uInfor{ padding: 20px 15px 0 15px; background: #fff; position: relative; margin-bottom: 20px;}
.uInfor:before{ content: ""; width: 100%; height: 4px; background-image: -webkit-linear-gradient(to right, #159ce4, #01af63); background-image: linear-gradient(to right,#01af63,#159ce4); position: absolute; left: 0; top: 0;}
.uInfor .faceInfor{ display: block;}
.uInfor .uFace{ width: 76px; height: 76px; border-radius: 50%; overflow: hidden; text-align: center;}
.uInfor .uFace img{ width: 100%; height: 100%;}
.uInfor .uName .nameText{  max-width: 185px; font-size: 16px; margin-bottom: 10px;}
.uInfor .uName span.absType{ display: inline-block; border: 1px solid #169bee; color: #169bee; font-size: 12px; padding: 5px 10px; border-radius: 4px;}
.uInfor .uIntro{ line-height: 22px; margin-bottom: 15px;}
/*文章数*/
.classBox{ background: #fff; margin-top: 20px; border-top: 1px solid #e0e0e0;}
.classUl li{ width: 50%; text-align: center; padding: 20px 10px; position: relative;}
.classUl li a:hover,.classUl li a:hover p{ color: #169bee;}
.classUl li.artiNum:after{ content:""; width: 1px; height: 40px; background: #e5e5e5; position: absolute; right: 0; top: 30px;}
.classUl li strong{ font-size: 24px;}

/*专家文章*/
.artLiBox{ background-color: #fff; padding: 10px 15px;}
.artLiBox h2{ font-size: 22px; padding: 15px 0; border-bottom: 1px solid #e0e0e0; margin-bottom: 5px;}

.artlist li{ margin-bottom: 20px;}
.liImg{ display: block; width: 80px; height: 60px; overflow: hidden;}
.liImg img{ width: 100%; height: 100%;}
.liTxt{ width: 206px; padding-left: 10px;}
.name-l{ height: 40px; font-size: 14px; overflow: hidden; word-wrap: normal; text-overflow: ellipsis; 
display: -webki-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical;word-break: break-all;}
.time-l{  font-size: 12px; color: #999;}

/*结果样式*/
.sign{ width: 52px; height: 52px; position: absolute; left: 105px; top: 5px;}
.win{background: url(../../images/common/icon-win.png) no-repeat center center;}
.lose{background: url(../../images/common/icon-lose.png) no-repeat center center;}
.split{background: url(../../images/common/icon-split.png) no-repeat center center;}

.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(../../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;}

/*文章内容关键字高亮*/
.contKey{color:#4d8dd4;}
.renew{font-size: 15px;margin-top: 5px;}
.renew img{height: 15px;}
.listBox04 ul li a{width: 275px;}
.left-tab li{width: 275px;}
.tab-img{width: 274px;}
.numb-tab-d .tab-work{width: 250px;}
/*专家文章内容*/
.lockBox {position: relative;padding: 100px 0 20px 0;font-size: 18px;width: 100%;margin-top: -70px;background: -webkit-linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,1));background: -o-linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,1));background: -moz-linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,1));background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,1));}
.lockBox a:active, .lockBox a:hover {outline: 0;color: #fff;text-decoration: none;outline: none;}
.unlock {display: block;width: 50%;height: 44px;line-height: 44px;border-radius: 22px;text-align: center;color: #ffffff;background-color: #FF7E00;margin: 0 auto;font-weight: 500;}
/*购买弹框*/
.pay-class{border-radius:6px;}
.pay-class .layui-layer-title{background: #fff;border-bottom:0;border-radius: 6px 6px 0 0;}
.pay-class .layui-layer-content{margin: 40px;font-size: 16px;text-align: center;padding: 0;}
.pay-class .layui-layer-btn{text-align: center;padding-bottom: 25px;}
.pay-class .layui-layer-btn .layui-layer-btn0{height: 30px;line-height: 30px;background: #fff;margin-right: 10px;color: #333;border-color: #e0e0e0;border-radius: 4px;width: 80px;}
.pay-class .layui-layer-btn .layui-layer-btn1{height: 30px;line-height: 30px;background: #ffa044;margin-left: 10px;color: #fff;border-radius: 4px;width: 80px;}
.cont-ban table{margin-bottom: 1em;}
.cont-ban th,.cont-ban td{padding:0 8px;border:1px solid #333;}