#ticker_angular {margin-bottom:0!important;}
/*
@media only screen and (min-width: 320px) {
	.homepage-slider {height:209px!important}
	img.img-slide-pic {width:320px!important}
	}
@media only screen and (min-width: 360px) {
	.homepage-slider {height:235px!important}
	img.img-slide-pic {width:360px!important}
	}
@media only screen and (min-width: 375px) {
	.homepage-slider {height:245px!important}
	img.img-slide-pic {width:375px!important}
	}
@media only screen and (min-width: 411px) {
	.homepage-slider {height:268px!important}
	img.img-slide-pic {width:411px!important}
	}
@media only screen and (min-width: 414px) {
	.homepage-slider {height:271px!important}
	.slick-slide {width:414px!important}
	img.img-slide-pic {width:414px!important;height:276px!important}
	}
*/
.slick-track {
	display:flex!important;
	justify-content:center!important;
	align-items:flex-start!important;
	}
.btnani {border-radius: 3px;}


.logo-header {
    width                 : 130px;
    height                : 46px;
    background-image      : url("img/logo.svg");
    background-position-y: 7px;
    background-size: 93%;
    opacity: .95;
    }
.notice-title-logo {
    width                 : 100%;
    height                : 6vh;
	min-height: 45px;
    background-image      : url("img/logo.svg");
	background-repeat:no-repeat;
    background-position: center center;
    background-size: contain;
	text-indent:-9999px;
	}

.homepage-listmenu a {
    justify-content: flex-start;
    align-items: center;
	    font-size: 1.6rem;
}
.homepage-listmenu a > span {
    flex: none;
    width: 65%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.homepage-listmenu a > i.icon {
	margin: 0 5px 0 10px;
}
.footer-nav-home > .nav-list {
    flex:1!important;
}
.zodiac-text.zodiac-dog:before {
    content : 'Dog'
    }

.zodiac-text.zodiac-dragon:before {
    content : 'Dragon'
    }

.zodiac-text.zodiac-goat:before {
    content : 'Goat'
    }

.zodiac-text.zodiac-horse:before {
    content : 'Horse'
    }

.zodiac-text.zodiac-monkey:before {
    content : 'Monkey'
    }

.zodiac-text.zodiac-ox:before {
    content : 'OX'
    }

.zodiac-text.zodiac-pig:before {
    content : 'Pig'
    }

.zodiac-text.zodiac-rabbit:before {
    content : 'Rabbit'
    }

.zodiac-text.zodiac-rat:before {
    content : 'Rat'
    }

.zodiac-text.zodiac-rooster:before {
    content : 'Rooster'
    }

.zodiac-text.zodiac-snake:before {
    content : 'Snake'
    }

.zodiac-text.zodiac-tiger:before {
    content : 'Tiger'
    }
.zodiac-icon.zodiac-dog {
    background-image : url("img/zodiac/zodiac-dog.svg")
    }

.zodiac-icon.zodiac-dragon {
    background-image : url("img/zodiac/zodiac-dragon.svg")
    }

.zodiac-icon.zodiac-goat {
    background-image : url("img/zodiac/zodiac-goat.svg")
    }

.zodiac-icon.zodiac-horse {
    background-image : url("img/zodiac/zodiac-horse.svg")
    }

.zodiac-icon.zodiac-monkey {
    background-image : url("img/zodiac/zodiac-monkey.svg")
    }

.zodiac-icon.zodiac-ox {
    background-image : url("img/zodiac/zodiac-ox.svg")
    }

.zodiac-icon.zodiac-pig {
    background-image : url("img/zodiac/zodiac-pig.svg")
    }

.zodiac-icon.zodiac-rabbit {
    background-image : url("img/zodiac/zodiac-rabbit.svg")
    }

.zodiac-icon.zodiac-rat {
    background-image : url("img/zodiac/zodiac-rat.svg")
    }

.zodiac-icon.zodiac-rooster {
    background-image : url("img/zodiac/zodiac-rooster.svg")
    }

.zodiac-icon.zodiac-snake {
    background-image : url("img/zodiac/zodiac-snake.svg")
    }

.zodiac-icon.zodiac-tiger {
    background-image : url("img/zodiac/zodiac-tiger.svg")
    }
.icon-fav {
    display               : inline-flex;
    width                 : 100%;
    min-height            : 30px;
    background-image      : url("img/icon-favorite.svg");
    background-repeat     : no-repeat;
    background-size       : 55%;
    background-position-x : center;
    }
.icon-playicon {
    background-position-y : -80px;
    }
.icon-stat {
    background-position-y : -109px;
    }
.icon-GLive {
    background-position-y : -136px;
}
.icon-GLive-on {
    background-position-y : -166px;
}
.icon-tvlive {
    background-position-y : -80px;
    }
.close_autopopup {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 42px;
    height: 42px;
    opacity: 0.85;
    padding:5px;
    border:2px solid rgba(255,255,255,0.9);
    border-radius:50%;
    text-indent:-9999px;
    background-color: rgba(0,0,0,0.7);
}
.close_autopopup:hover {
    opacity: 1;
}
.close_autopopup:before, .close_autopopup:after {
    position: absolute;
    left: 18px;
    top:5px;
    content: ' ';
    height: 28px;
    width: 2px;
    background-color: rgba(255,255,255,0.9);
}
.close_autopopup:before {
    transform: rotate(45deg);
}
.close_autopopup:after {
    transform: rotate(-45deg);
}
.label-logo.label-logo-recommend {
    background-image: url(img/icon-recommend.svg);
}
.header-icon {
    position:relative;
    width:150px;
    height:46px;
}

/* CountDown */
#clockdiv {
    position:absolute;
    bottom:0;
    right:20px;
    display:flex;
    min-width:112px;
    color: rgba(255, 255, 255, 0.85);
    }
    #clockdiv > p {
        display: flex;
        position:relative;
        align-items: baseline;
        margin-right:3px;
        margin-bottom:0
        }
        #clockdiv > p > span {
            display:none;
            font-size:0;
            height:0;
            padding-right:1px;
            font-weight:600;
            }
.header-icon .logo-worldcup {
    display:block;
    width:150px;
    height:46px;
    background-image:url("../../img/logo_worldcup2022_run.png");
    }
    .header-icon .logo-worldcup.logo-worldcup-countdown {
        background-image:url("../../img/logo_worldcup2022.png");
        }
#clockdiv .text {
    margin-bottom:0;
    font-size:8px;
    color:#8f7bef;
    }
#clockdiv > p:nth-child(1) span.text:before {content:'天';}
#clockdiv > p:nth-child(2) span.text:before {content:'时';}
#clockdiv > p:nth-child(3) span.text:before {content:'分';}
#clockdiv > p:nth-child(4) span.text:before {content:'秒';}

#clockdiv .text,
#clockdiv .days,
#clockdiv .hours,
#clockdiv .minutes,
#clockdiv .seconds {
    display:inline-block;
    height: auto;
    }
#clockdiv .days,
#clockdiv .hours,
#clockdiv .minutes,
#clockdiv .seconds {
    font-size:11px;
    }

.modal-countrycode {height:100%;}
.modal-countrycode .modal-dialog {height:96%;}
.modal-countrycode .modal-content {height:100%;margin-top:10px;margin-bottom:10px;}
.modal-countrycode .modal-body {height:calc(100% - 150px);}
.modal-countrycode .form-body .form-group {height:100%;}
.modal-countrycode .form-body  {height:calc(100% - 45px);}
.modal-countrycode .form-footer .btn {border-top-left-radius:0;border-top-right-radius:0;color:#fff;background-color:#4931b6;}