html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

div,span,a,header{-webkit-tap-highlight-color:rgba(255,255,255,0);}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';}
table{border-collapse:collapse;border-spacing:0;}
*{tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
body{font-family:"Microsoft YaHei",Arial;background:#F6F6F6;}
.hide{display:none;}
input,textarea{outline:0;resize:none;}

.viewport{min-width:300px;max-width:640px;margin:0 auto;}

a{color:#172c45;text-decoration:none}
a:hover{color:#cd0200;text-decoration:underline}
em{font-style:normal}

img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word;padding:0px;margin:0px;}
.clear,.clearfix{clear:both;}
.clearfix:before,.clearfix:after{content:"";display:table;clear:both}
.viewport:after,.viewport:before,.layout:after,.layout:before,header:after,header:before,nav:after,nav:before,.hd:after,.bd:after,.hd:before,.bd:before{content:"";display:table;clear:both}


.layout{background:#fff;width:100%;}

/*头部 LOGO Begin*/
header{height:55px;}
header .header-bar{position:relative;}
header .header-icon-logo{position:absolute;left:5px;top:5px;width:69px;height:45px;}
header .header-icon-logo span{display:block;background:url('../images/logo.png') no-repeat 0px center;background-size:100% auto;width:100%;height:100%;}
header .header-logo-info{border-left:solid 1px #eee;position:absolute;left:80px;top:0px;font-size:15px;height:55px;line-height:55px;padding-left:5px;color:#666;}
header .header-logo-info .sitename{font-size:17px;font-weight:bold;}
/*头部 LOGO End*/


/*Banner Begin*/
.swiper-container{width:100%;margin:0px auto;}
.swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}	
/*Banner End*/


/*图片导航 Begin*/
.app-nav{overflow:hidden;padding:13px 0px;margin-top:10px;}
.app-nav .app-link{width:25%;float:left;height:75px;font-size:12px;text-decoration:none;color:#7f7f7f;text-align:center;display:block;position:relative;margin:8px 0px 0px 0px}
.app-nav .app-link img{display:block;width:50px;height:50px;margin:0px auto 6px;border:0;}
.app-nav .app-link span{display:block;font-size:14px;}
/*图片导航 End*/


/*首页德国足球甲级联赛*/
.mod-card{border-bottom:1px solid #c8c8c8;border-top:1px solid #c8c8c8;margin:10px 0px;}
.cate-name-tit{position:relative;border-bottom:1px solid #c8c8c8;height:40px;line-height:40px;}
.cate-name-tit h1{position:absolute;left:5px;padding:0px 5px;border-bottom:solid 3px #4CAC0C;height:41px;line-height:41px;}
.cate-name-tit h1 a{font-weight:500;font-size:18px;color:#000;}
.cate-name-tit a.more{position:absolute;right:10px;display:block;font-size:14px;color:#777}


.fyb_nav{background:none;width:100%;display:-webkit-box;margin-top:10px;padding:0px 80px 0px 5px;}
.ui-tabs-nav li{background:none;height:30px;line-height:30px;border-width:1px 1px 1px 1px;border-color:#fff;}
.ui-tabs-nav li a{font-size:17px;}
.ui-tabs-nav li.ui-state-active{border:1px solid #4CAC0C;border-width:1px 1px 1px 1px;}
.ui-tabs-nav li.ui-state-active{}
.ui-tabs-nav .ui-state-active a{color:#4CAC0C;}
.ui-tabs-content{border:none;border-width:0;min-height:auto}

.platform-list li{position:relative;margin:12px 0px;}
.platform-list li:last-child{border-bottom:none;}
.platform-list a{text-decoration:none;background:url('../images/arrow.gif') no-repeat 0.5em center; white-space:nowrap;width:93%;overflow:hidden;text-indent:1em;text-overflow: ellipsis;}

/* widget_page */
.widget_page ul{padding:0px 0px;}
.widget_page ul li a {line-height:140%;display:block;font-size:15px;color:#333;}



footer{padding:15px 0px 70px;border-top:1px solid #c8c8c8;background:#DBDAD8;text-align:center;}
.mod-link{font-size:16px;color:#666;}
.mod-link a{display:inline-block;padding:0px 5px;color:#666;}
.mod-qr{padding:10px 0px;}
.mod-qr span{display:inline-block;margin:0px 5px;}
.mod-qr img{border:solid 2px #fff;margin-bottom:5px;}
.mod-qr img,.mod-qr i{display:block;font-size:12px;}
.footer{border-top:1px solid #c8c8c8;padding-top:10px;}
.footer p{text-align:center;color:#777;margin-bottom:8px;font-size:14px;}
.footer p a{color:#777;}
.footer p a:hover{color:#FC0}


.fixnav{position:fixed;bottom:0px;border-top:solid 1px #c8c8c8;z-index:99999;}
.fixnav li{position:relative;background:#fff;width:25%;float:left;text-align:center; height:4rem}
.fixnav li a{color:#666666;font-size:0.9rem;padding:0.5rem 0;display:block;width:100%;}
.fixnav li a i{width:2rem;height:2rem;display:block;margin:0px auto 3px;}

.fixnav li a .icon-home{background:url(../images/fl-01.png) no-repeat center center ;background-size:auto 2em;}
.fixnav li a .icon-tel{background:url(../images/fl-02.png) no-repeat center center ;background-size:auto 2em;}
.fixnav li a .icon-online{background:url(../images/fl-03.png) no-repeat center center ;background-size:auto 2em;}
.fixnav li a .icon-im{background:url(../images/fl-04.png) no-repeat center center ;background-size:auto 2em;}
.fixnav li:before{position:absolute;height:100%;background:#fff;left:0px;content:" "}
.fixnav li:nth-child(1):before{display:none;}





/*mod list*/
/*图文混排列表1*/
.mod-graphic-list1 {margin-bottom:4px;}
.mod-graphic-list1 li {padding:14px 12px;border-bottom:1px solid #e2e2e2;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:justify;position:relative;}
.mod-graphic-list1 li:last-child {border-bottom:none;}
.mod-graphic-list1-first-li li:first-child {border-top: 1px solid #e2e2e2;}
.img-show {display:block;width:80px;height:80px;margin-right:5px;position:relative;overflow:hidden;border:solid 1px #e2e2e2;}
.news-info-container {-webkit-box-flex:1;}
.news-info-container h3 {padding-bottom:3px;font-size:15px;line-height:20px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news-info-container p {font-size:14px;color:#858585;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-info-container time,.news-info-container .tag-green {line-height:18px;font-size:10px;position:absolute;right:12px;bottom:14px;}
.news-info-container time {color:#808080;}
.icon-play {background:url(http://3gimg.qq.com/wap30/info/template/img/sprites_v2.png) no-repeat -167px -45px;-webkit-background-size:320px auto;background-size:320px auto;width:22px;height:22px;font-size:0;position:absolute;top:34px;left:4px;z-index:99;}
.img-show2{display: block;-webkit-box-flex: 1;margin-right:8px;width:33.33%}
.img-show2-wrap{display:-webkit-box;width: 100%;}
.img-show2:last-child{margin-right: 0}
.img-show2 img {width: 100%;vertical-align: top;}
.mod-graphic-list1 .m-lk{display:-webkit-box;width: 100%;}
.mod-graphic-list1 .m-lk2{display:block;width: 100%;}


/* 图文混排列表2 20150119 */
.mod-graphic-list2 {margin-bottom:4px;}
.mod-graphic-list2 li {padding:14px 12px;border-bottom:1px solid #e2e2e2;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:justify;position:relative;}
.mod-graphic-list2 li:last-child {border-bottom:none;}
.mod-graphic-list2 .m-lk{display: -webkit-box;width: 100%;}
.mod-graphic-list2 .u-img{display: block;width: 80px;height: 60px;margin-right: 5px;position: relative;overflow: hidden;}
.mod-graphic-list2 .detail{-webkit-box-flex:1;position: relative;height: 60px;-webkit-box-sizing:border-box;}
.mod-graphic-list2 .detail h3{font-size: 15px;line-height: 20px;font-weight: normal;margin-top: -2px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mod-graphic-list2 .u-txt{width:100%;position: absolute;left:0;bottom:3px;font-size: 10px;color:#808080;line-height: 1;}
.mod-graphic-list2 .comment{position: absolute;right:0;bottom:0;}
.mod-graphic-list2 .comment:after{
    display: inline-block;width:10px;height: 9px;margin-left:5px;content: '';
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMEEyNjNCRTk3Q0IxMUU0QTc3QzhCQzk1QUMyQTA4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMEEyNjNCRjk3Q0IxMUU0QTc3QzhCQzk1QUMyQTA4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIyNzFEQkVCOTdDQjExRTRBNzdDOEJDOTVBQzJBMDhDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIyNzFEQkVDOTdDQjExRTRBNzdDOEJDOTVBQzJBMDhDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ADv3bQAAAOpJREFUeNpibGhouMTAwCDEQB3wkQVIiAGxBLkm1NfXw9mNjY1vmBioDFjQ+GpA7EaC/kNAfAmfgSA+DwkGshJy4TUoppqXXYG4mgT9U4B4DT4DjwNxBgkGPifkwh9A/AKPAb+B+CspXvYA4g486q8CcTgpBm6BYrIBTRK2IBDXQPlbgfg8mhoTaFBgBcDshswVZIEqVgdibiDeD8R6QPwIqkAHiA8AcQmRDnRigRqyHyrwGBqG1kAsAsSngNgUGhkECwdskbIKiOWhtDYQe+EzjJhYBoFuIP4LxFOh3iUJMP7//5+qsQwQYAB99C4RazX7ogAAAABJRU5ErkJggg==) no-repeat 100% 0;
    background-size:10px 9px;-webkit-background-size:10px 9px;vertical-align: -2px;}
.mod-graphic-list2 .icon-play{position:absolute;left:4px;top:34px;width:22px;height:22px;background: url(http://3gimg.qq.com/wap30/info/template/img/sprites_v2.png) no-repeat -167px -45px;-webkit-background-size: 320px auto;
    background-size: 320px auto;}
.mod-graphic-list2 .resource{margin-left:8px;}
.mod-graphic-list2 .tag{position: absolute;right:0;bottom:-2px;font-style: normal;
    background-color: #6ea296;
    height: 14px;
    line-height: 14px!important;
    display: inline-block;
    position: absolute;
    width: 26px;
    -webkit-border-radius: 1px;
    font-size: 10px;
    color: #fff;
    text-align: center;}
.mod-graphic-list2-first-li li:first-child {border-top: 1px solid #e2e2e2;}

/*btn*/
.btn-gray {display:block;margin:0 12px 20px 12px;border:1px solid #d8d8d8;box-sizing:border-box;text-align:center;line-height:35px;color:#575757;}
.btn-gray span {padding-left:5px;font-size:12px;color:#858585;}
.btn-gray:after {content:"";display:inline-block;margin-left:7px;background:url(http://3gimg.qq.com/wap30/info/template/img/sprites.png) no-repeat;-webkit-background-size:320px auto;background-size:320px auto;width:9px;height:5px;position:relative;top:-3px;}
.btn-gray:after {background-position:-120px 0;}
.icon-arrow-right:after {background-position:-140px 0;width:5px;height:9px;top:-1px;}
.btn-common-s {display:inline-block;padding:0 6px;background:#ebeaea;height:20px;line-height:20px;color:#393939;font-size:14px;}

.vote-more {display:block;margin:15px 12px 20px 12px;border:1px solid #d8d8d8;box-sizing:border-box;text-align:center;line-height:35px;color:#575757;}
.vote-more span {padding-left:5px;font-size:12px;color:#858585;}
.vote-more:after {content:"";display:inline-block;margin-left:7px;background:url(http://3gimg.qq.com/wap30/info/template/img/sprites.png) no-repeat;-webkit-background-size:320px auto;background-size:320px auto;width:9px;height:5px;position:relative;top:-3px;}
.vote-more:after {background-position:-120px 0;}


.mod-cate-list{margin:0px 10px;}
.mod-cate-list li{height:50px;line-height:50px;border-top:solid 1px #eee;background:url('../images/arrow.gif') no-repeat 0px center;padding-left:10px;overflow:hidden;}
.mod-cate-list li a{font-size:16px;}


@media only screen and (max-width:300px){body{font-size:8.33333px}.viewport{max-width:300px}.swiper-slide{min-height:154px;}}
@media only screen and (max-width:310px) and (min-width:300px){body{font-size:8.33333px}.viewport{max-width:300px}.swiper-slide{min-height:154px;}}
@media only screen and (max-width:320px) and (min-width:310px){body{font-size:8.88889px}.viewport{max-width:320px}.swiper-slide{min-height:154px;}}
@media only screen and (max-width:360px) and (min-width:320px){body{font-size:8.88889px}.viewport{max-width:360px}.swiper-slide{min-height:154px;}}
@media only screen and (max-width:360px) and (min-width:350px){body{font-size:10px}.viewport{max-width:360px}.swiper-slide{min-height:154px;}}
@media only screen and (max-width:480px) and (min-width:360px){body{font-size:10px}.viewport{max-width:480px}.swiper-slide{min-height:154px;}}
@media only screen and (max-width:480px) and (min-width:470px){body{font-size:13.33333px}.viewport{max-width:480px}.swiper-slide{min-height:154px;}}
@media only screen and (max-width:560px) and (min-width:480px){body{font-size:13.33333px}.viewport{max-width:560px}.swiper-slide{min-height:154px;}}
@media only screen and (max-width:570px) and (min-width:560px){body{font-size:15.83333px}.viewport{max-width:570px}.swiper-slide{min-height:154px;}}
@media only screen and (max-width:640px) and (min-width:570px){body{font-size:15.83333px}.viewport{max-width:640px}.swiper-slide{min-height:154px;}}
@media only screen and (max-width:640px) and (min-width:630px){body{font-size:17.77778px}.viewport{max-width:640px}.swiper-slide{min-height:154px;}}
@media only screen and (max-width:710px) and (min-width:640px){body{font-size:17.77778px}.viewport{max-width:710px}.swiper-slide{min-height:154px;}}

.mod-cate-bar{position:relative;height:40px;background:#2a9110}
.goback{position:absolute;left:0px;top:0px;width:30px;height:40px;display:block;background:url('../images/header_back.png') no-repeat center center;background-size:20px 20px;}
.ichannel{display:block;width:40px;height:40px;background:url('../images/ygrk-zdh.png') no-repeat center center;background-size:auto 20px;-webkit-background-size:auto 22px;overflow: hidden; text-indent: -100%;position:absolute;top:0px;right:0px;}
.title{text-align:center;font-size:16px;color:#fff;line-height:40px;font-weight:400;}

.mod-children .mod-children-list{margin:0px auto;width:96%;padding:10px 0px;}
.mod-children{background-color:#f2f2f2;}
.mod-children li{background-color:#fff;border:1px solid #9e9e9e;width:31.33%;height:32px;line-height:32px;float:left;text-align:center; border-radius:3px;margin:4px 1%;}
.mod-children li a{font-size:1.6em;}
.mod-children li.cur a,.mod-children li a:hover{color:#2a9110}
.mod-main{background:#fff;}
.mod-hd{color:#2a9110;padding:15px 10px;font-size:18px;}
.mod-hd-catname{width:70%;border-bottom:solid 1px #2a9110;color:#2a9110;height:15px;line-height:30px;text-align:center;margin:10px auto 20px;}
.mod-hd-catname span{background:#fff;display:inline-block;padding:0 10px;font-size:18px;}
.mod-bd-catinfo{padding:0 10px;font-size:1.7em;line-height:1.5;}
.mod-bd-catinfo .mod-article{border-top:1px dotted #b0b0b0;padding-top:10px;min-height:5em;overflow:hidden;}
.mod-bd-catinfo .mod-article p{margin:8px 0px;text-align:justify;}
.mod-bd-catinfo .mod-article img{max-width:90%;border:solid 1px #fefefe; border-radius:3px;}


.mod-item-list li{float:left;width:50%;text-align:center;padding:0px 5px;margin-bottom:10px;}
.mod-item-list li a{display:block;background-color:#f2f2f2;padding:5px;}
.mod-item-list li a p{font-size:.8em;padding-top:5px;}
.mod-item-list li img{width:100%;height:auto;}

.mod-item-txt-listt li{text-align:center;padding:0px 5px;margin-bottom:10px;}
.mod-item-txt-list li a{display:block;background:url('../images/arrow.gif') no-repeat 0px center;width:99%;text-overflow: ellipsis; white-space:nowrap;padding:10px 0px 10px 10px;overflow:hidden;font-size:1.2em;}