@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站欧洲杯比赛投注_欧洲足球联赛-官网直播样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*home*/
.m-headlines{height: 85px; padding: 8px 10px; text-align: center; font-size: 28px; font-weight: bold; background: #fff;}
.m-headlines span{display: block;font-size: 30px;font-weight: bold;color: #0e54ad;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;background-image: url(/dist/images/tout.png);background-repeat: no-repeat;background-position: 20px;padding: 0 30px 0 150px;line-height: 70px;}
.m-headlines p{margin-top: 5px; padding:0 10px; color: #666; font-size: 14px; overflow: hidden; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;display: none;}

.g-newsbox{background: #f8f8f8;}
.m-flash.m-f3{height: 400px;}
.m-flash.m-f3 .owl-pagination .owl-page{background: #fff;}
.m-flash.m-f3 .owl-pagination .owl-page.active{margin-top: -1px; width: 24px; height: 12px; border: 1px solid #fff; border-radius: 20px; background: #ff0000;}

.m-flbox{margin-top: 20px; text-align: center;}
/* .m-flbox a{display: block; padding-top: 12px; height: 108px; background: #d7edfa;} */
.m-flbox a span{float: left; color: #0e54ad; font-size: 24px; transition: all .5s;margin: 0 8px 0 17px;}
.m-flbox a:hover span{transform: rotateY(360deg);}
.m-flbox a p{overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.u-tit4{height: 46px; line-height: 46px; border-bottom: 1px solid #d5dbe6;}
.u-tit4 ul li{float: left; padding: 0 20px; font-size: 20px; font-weight: bold;}
.u-tit4 ul li a{display: block;}
.u-tit4 ul li.u-active{background: #0e54ad;}
.u-tit4 ul li.u-active a{color: #fff;}
.u-list4{height: 265px; overflow: hidden;}
.u-list4 ul li{float: left; width: 11.1%; text-align: center;}
.u-list4 ul li a p:first-child{margin: 20px auto; width: 55px; height: 55px; border: 1px solid #ecf3fc; border-radius: 50%;}
.u-list4 ul li a p:last-child{margin-bottom: 15px; color: #333;}
.u-list4 ul li a p img{width: 65%; margin-top: 10px;}
#branch{padding-top: 10px;}
#branch a{margin: 5px 0; padding: 5px; display: block; background: #ecf3fc;}
#branch p{overflow: hidden; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.u-xwbox{padding: 19px; border: 1px solid #e1e9f5;}
.u-xwbox p{margin-top: 5px; line-height: 25px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.u-xwbox span{color: #888;}

.u-gsbox{height: 74px;}

.m-wsbox{margin: 0 -10px;}
.m-wsbox a{display: block; float: left; margin-bottom: 18px; padding: 0 10px; width: 50%; height: 64px; line-height: 64px; color: #fff; font-size: 18px; font-weight: bold;}
.m-wsbox .bg{padding-left: 70px; border: 1px solid #e1e9f5; height: 100%; background: #4389ea; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-wsbox a span{left: 34px; font-size: 28px; font-weight: 500;}

.m-lxxd .u-list3{height: 352px;}

.m-ztzl .u-zttit{line-height: 75px; background: url(/dist/images/home/bg-ztzl.png) center no-repeat; font-size: 22px; font-weight: bold; text-align: center;}
.m-ztzl .u-zttit a{color: #0e54ad;}
.m-ztbd{height: 131px; overflow: hidden;}
.m-ztbd .bd{overflow: hidden;}
.m-ztbd .bd ul li{margin-right: 19px; position: relative; width: 220px; height: 100px; overflow: hidden;float: left;}
.m-ztbd .bd ul li img{width: 100%; height: 100%;}
/* .m-ztbd .hd a{position: absolute; top: 50%; z-index: 2; margin-top: -14px; display: block; width: 31px; height: 38px; background-image: url(/dist/images/home/icon-special.png); background-repeat: no-repeat;}
.m-ztbd .hd .prev{left: 0;}
.m-ztbd .hd .next{right: 0; background-position: -68px 0;} */

.m-hmbtnrg ul li{width: 165px; height: 46px;line-height: 46px;text-align: center;border: 1px solid #ddd;font-size: 16px;float: left;margin: 0 5px;}
.m-hmbtnrg ul li a{color: #333;}
.m-hmbtnrg ul li a:hover{color: #0e54ad;}


.m-yqlinks{min-height: 180px; background: #f4f4f4;}
.m-yqlinks .container{padding: 0 10px;}
.m-yqlinks .tit-switch{line-height: 64px;}
.m-yqlinks .tit-switch{border-bottom: 1px dashed #d7cdb6;}
.m-yqlinks .tit-switch .zd{margin-right: 50px;}
.m-yqlinks .tit-switch .zd img,.m-yqlinks .tit-switch ul li img,.m-yqlinks .tit-switch .u-bstj img{vertical-align: middle;}
.m-yqlinks .tit-switch .zd img{margin-top: -5px;}
.m-yqlinks .tit-switch ul li{margin-right: 50px; float: left; cursor: pointer;}
.m-yqlinks .tit-switch ul li.u-active{color: #0e54ad;}
.m-yqlinks .tit-switch .u-bstj{font-size: 18px; color: #0e54ad; font-weight: bold;}
.m-yqlinks .list-switch ul li{float: left; margin-right: 45px; line-height: 42px;}

.fw-tit {
    font-size: 24px;
	font-weight: bold;
	color: #0e54ad;
    margin-bottom: 15px;
}
.gkzl ul li a {
    height: 100%;
    background: none;
}
.zlbox {
    width: 193px;
	height: 50px;
	background-color: #d7edfa;
    float: left;
    margin: 0 10px 10px 0;
    line-height: 50px;
    text-align: left;
}
.marght{margin-right: 0;}

/* 10.24 */
.mh-zxsq a{font-size: 18px;font-weight: bold;color: #e60000;float: right;background: url(/dist/images/home/bg-zxsq.png) left center no-repeat;padding-left: 30px;}
.m-zltfwck{width: 100%;height: 94px;background-color: #287be5;margin-top: 2px;}
.m-zltfwck img{width: 100%;height: 100%;}
.m-lxxd .u-list3{height: 190px;}

.m-banshi{width: 100%;}
.mb-div{width: 180px;height: 102px;background-color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;float: left;}
.mb-div img{margin-bottom: 2px;}
.mb-div a{font-size: 18px;color: #333333;margin-top: 2px;}
.mb-div:nth-child(2){margin: 0 10px;}

.m-bsbjtj{width: 100%;height: 240px;background-color: #fff;padding: 25px 15px;}
.mb-p-title{font-size: 18px;font-weight: bold;color: #0e54ad;}
.mb-left{width: 158px;float: left;}
.mb-right{float: right;width: calc(100% - 158px);}
.mb-ps{margin-top: 18px;}
.mb-p1{font-size: 30px;font-weight: bold;color: #888888;text-align: center;margin-top: 2px;}
.mb-p2{font-size: 14px;color: #333333;text-align: center;}
.mb-d-pj{position: relative; background: url(/dist/images/home/bg-ztjs.png) no-repeat;width: calc(100% - 10px);height: 154px;margin-top: 8px;background-size: 100% 100%;float: right;}
.mb-right .mb-p-title{float: right;padding-right: 20px;}
.mb-p3{font-size: 30px;font-weight: bold;color: #e00303;text-align: center;}
.mb-pdiv{position: absolute;bottom: 10px;left: 30px;}
.mb-left,.mb-right{margin-top: 15px;}

.m-hmbtnrg{margin-top: 15px;margin-left: 9px;}
/* 广告位 */
.m-advert{width: 1200px; height: 100px; background: #fff; overflow: hidden;margin: 0 auto 20px;position: relative;}
.m-advert li img{width: 100%;height: 100px;}
.m-advert .hd ul li{width: 14px;height: 14px;text-align: center;line-height: 14px;font-size: 12px;color: #fff;background: rgba(0, 0, 0, .48);float: left;margin-left: 3px;}
.m-advert .hd ul li.on{background: #000;}
.m-advert .hd{position: absolute;right: 20px;bottom: 10px;}
.m-advert .bd li,.m-advert .bd img{width: 100%; height: 100px;}




/*media query*/
/*big pcScreen*/
@media (min-width:1200px) {
    .m-flash.m-f3{width: 682px;}
    .m-news{width: 528px;}

    .g-homeleft{width: 820px;}
    .g-homeright{width: 400px;}
    
}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {

}
/*pad md*/
@media screen and (max-width: 991px ){
    .m-headlines{padding-left: 10px; height: 80px; font-size: 20px;}

    .g-newsbox{background: none;}
    .m-flash.m-f3{height: 255px;}
    .m-news .bg{background: #f8f8f8;}

    .u-list4{height: 250px;}
    .u-list4 ul li{width: 22.22%;}
    .u-tit4 ul li{padding: 0 14px;}

    .m-flbox a{margin-bottom: 10px;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
    .zlbox{width: 167px;}
    .mb-div{width: 108px;}
    .u-tit4{height: 94px;}

    .m-advert{width: 100%;height: 30px;}

}
/*small xs*/
@media screen and (max-width: 638px) {


}

@media screen and (min-width:768px) and (max-width: 1025px){
	.m-advert{width: 100%;}
    .marght{margin-right: 10px;}
    .m-wsbox .bg{padding: 0;text-align: center;}
    .m-wsbox a span{display: none;}
}