@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i&display=swap&subset=vietnamese");
@media screen {
*{margin:0;padding:0}
a:link{text-decoration:none}
a:focus{outline:none}
img{display:block;padding:0;outline:none;border:none}
ul{list-style:none}
h1{margin:0;padding:0}
.cboth{clear:both}
.fleft{float:left}
.fright{float:right}
.bsize{box-sizing:border-box}
.oflow{overflow:hidden}
.dnone{display:none}
.tf{text-transform:uppercase}
.white-space{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
body{font-family:'Roboto',sans-serif;font-size:14px;line-height:23px;font-weight:400;color:#333;background-color:#f5f5f5;}
body.body-padding{padding-top:70px}
body.logged-in.body-padding{padding-top:102px}
.container{width:1170px;margin:0 auto;position:relative}
.header-fixed{position:fixed;top:0;left:0;width:100%;z-index:10000;box-shadow:0 3px 5px rgba(0,0,0,.1)}
.logged-in .header-fixed{top:32px}
.header{background: linear-gradient(90deg, #F44336 0%, #FFEB3B 100%);}
.header .container{height:70px;line-height:70px}
.logo{margin:0;padding:0;height:60px;margin-top:5px}
.header-fixed .logo{height:60px;margin-top:5px}
.logo a{display:block;height:100%}
.logo a img{height:100%}
.close-nav{display:none}
.icon-show-nav{display:none;color:#fff;position:absolute;left:0;font-size:25px;cursor:pointer;padding-right:20px;}
.icon-search{display:none;color:#fff;position:absolute;right:0;font-size:22px;cursor:pointer;padding-left:20px;}
.icon-search i:nth-child(n+2){display:none;}
.header-fixed .collap-main-nav{margin-top:12px}
.main-nav-inner>ul>li{float:left;}
.main-nav-inner>ul>li:nth-child(n+2){margin-left:5px;position: relative;}
.main-nav-inner ul>li.menu-item-has-children>a:before{position:absolute;font-family:'Font Awesome 5 Pro';content:"\f107";right:18px;color:#fff;font-size:12px;z-index:1000000}
.main-nav-inner>ul>li a{display:block;color:#fff}
.main-nav-inner>ul>li>a{position:relative;font-size:14px;font-weight:400;padding:0 8px;font-weight:700;}
.main-nav-inner>ul>li>a i{margin-right:10px}
.main-nav-inner>ul>li:hover>a,.main-nav-inner>ul>li>a:hover,.main-nav-inner>ul>li.current-menu-item>a{color:#FFEB3B;}
.main-nav-inner>ul>li.menu-item-has-children>a{padding-right:35px}
.main-nav-inner>ul>li ul{position:absolute;top:calc(100% + 8px);left:0px;box-sizing:border-box;background-color:#fff;box-sizing:border-box;z-index:100;
box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
opacity: 0;
visibility: hidden;
transition: all ease-in-out .2s;
min-width: 200px;
}
.main-nav-inner>ul>li ul li{
position: relative;
width: 100%;
}
.main-nav-inner>ul>li ul li:nth-child(n+2){
border-top: 1px solid #e8e8e8;
}
.main-nav-inner>ul>li ul li ul{
left: 100%;
top: 10px;
}
.main-nav-inner>ul>li ul li:hover ul{
top: 0px;
opacity: 1;
visibility: visible;
}
.main-nav-inner>ul>li ul li a{
line-height: 1.5;
color: #333;
padding: 10px 15px;
font-weight: 700;
font-size: 13px;
}
.main-nav-inner>ul>li ul li:hover>a{
color: #ff5722;
}
.main-nav-inner>ul>li.nav-col{
position: static;
}
.main-nav-inner>ul>li.nav-col ul{
width: 100%;
padding:20px;
}
.main-nav-inner>ul>li:hover>ul{
opacity: 1;
visibility: visible;
top: 100%;
}
.main-nav-inner>ul>li.nav-col ul li{
position: relative;
float: left;
width: calc((100% - 80px) / 5);
margin-right: 20px;
border-top: none !important;
}
.main-nav-inner>ul>li.nav-col>ul>li:nth-child(5n+5){
float: right;
margin-right: 0px;
}
.main-nav-inner>ul>li.nav-col>ul>li:nth-child(n+6){
margin-top: 10px;
}
.main-nav-inner>ul>li.nav-col ul li a{
display: block;
color: #333;
line-height: 1.5;
font-weight:700;
padding: 0px;
}
.main-nav-inner>ul>li ul li a:hover{color:#ff5722;}
.main-nav-inner>ul>li.nav-col ul li ul{
top: calc(100% + 5px) !important;
left: -10px;
padding: 10px;
padding-top: 5px;
border-radius: 3px;
font-size: 13px;
opacity: 0 !important;
visibility: hidden !important;
border: 2px solid #e8e8e8;
box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
}
.main-nav-inner>ul>li.nav-col ul li:hover ul{
opacity: 1 !important;
visibility: visible !important;
}
.main-nav-inner>ul>li.nav-col ul li ul li{
width: auto;
margin-right: 12px;
margin-top: 4px;
}
.main-nav-inner>ul>li.nav-col ul li.menu-item-has-children>a:before{
color: #999;
}
.home-wrap .container{padding:0;padding-bottom:40px}
.home .home-wrap .container{padding-top:30px}
.home.home-wrap .container{padding-top:30px;padding-bottom:40px}
.search-form{font-size:15px;font-weight:400;width:280px;margin-top:15px;margin-left:10px;position:relative;}
.search-input{width:100%;height:40px;outline:none;border-radius:5px;padding:0 15px;border:none;background-color:rgba(255, 255, 255, 1);transition:all ease-in-out .3s;}
.search-input:focus{background-color:#fff;}
.search-submit{width:45px;height:34px;outline:none;border:none;color:#333;border-left:1px solid #ddd;background:transparent;position:absolute;top:3px;right:3px;line-height:34px;font-size:17px;}
.search-submit:hover{color:#ff5722;}
.block-intro{background-color:#fff;padding:20px;}
.single-content-intro{margin-top:0px !important;}
.single-content-intro h1{font-size:25px;line-height:40px;font-weight:700;padding:8px 0;color:#343a40;}
.single-content-intro h1:first-child{padding-top:none}
.single-content-intro h1:last-child{padding-bottom:none}
.block-intro-adv{background-color:#fff;height:40px;line-height:40px;overflow:hidden;padding:10px;}
.block-intro-left{color:#fff;background-color:#ff5722;width:80px;box-sizing:border-box;padding:0 10px;font-weight:700;font-size:17px;}
.block-intro-right{width:calc(100% - 90px);box-sizing:border-box;}
.block-intro-adv marquee{}
.block-intro-adv marquee a{margin:0 15px;font-weight:700;font-size:16px;color:#ff5722;display:inline-block;}
.block-intro-adv marquee a i{margin-right: 5px;}
.block-intro-adv marquee a:hover{color:#2196f3}
.block-note i{margin-right:10px;color:#3490d8}
.main-wrap{margin-top:30px}
.main-wrap .sidebar, .sub-wrap .sidebar{float:right!important;}
.main-item:nth-child(n+2){margin-top:40px;}
.main-item-head{position:relative;padding:8px 12px;background-color:#fff;border-left:3px solid #ff5722;color:#ff5722;font-size:18px;}
.main-item-head a,.main-item-head span{color:#ff5722;display:inline-block;line-height:1.5;font-size:18px;font-weight:700;position:relative;padding-right:15px;}
.main-item-head a:after{font-family:'Font Awesome 5 Pro';content:"\f105";position:absolute;right:0px;color:#ff5722;}
.main-item-head a i,.main-item-head span i{margin-right:8px}
.main-item-head img{width:100%;}
.dnone{display:none !important;opacity:0!important;visibility:hidden!important;}
.sidebar .main-item-head{padding:0px;border:none;}
.main-item-content{position:relative;margin-top:10px;display:flex;flex-flow:row wrap}
.block-item-flex{display:flex;flex-flow:row wrap;}
.main-item-content .single-content,.main-item-content.single-content{display:block;}
.main-item-morelink{margin-top:15px;text-align:center;}
.main-item-morelink a{display:inline-block;height:32px;line-height:32px;padding:0 15px;border:1px solid #e8e8e8;color:#333;background-color:#fff;}
.main-item-morelink a:hover{color:#ff5722}
.main-item-morelink a i{margin-left:5px;color:#ff5722}
.post-file-item{width:calc((100% - 20px) / 3);margin-right:10px;background-color:#fff;padding:15px;border-bottom:2px solid #e8e8e8}
.post-file-item:nth-child(3n+3){float:right;margin-right:0px;}
.post-file-item:nth-child(n+4){margin-top:10px;}
.post-file-item-left{width:calc(100% - 50px);padding-left:15px;}
.post-file-item-right{width:50px;height:50px;line-height:46px;border-radius:100%;color:#ff5722;font-size:19px;text-align:center;background:#fff url(//ringtonesk.com/wp-content/themes/ringtone-v2/images/icon/ringtone1.png) center center no-repeat;box-shadow:0 0 0 5px rgba(0, 0, 0, .05);border:2px solid #ddd;box-sizing:border-box;background-size:108% auto;transition:all ease-in-out .3s;}
.post-file-item:hover .post-file-item-right{background-color:#f5f5f5;border-color:#fff;}
.post-file-item-right i{margin-left:5px;}
.post-file-item-title{font-size:14px;font-weight:700;line-height:1.5}
.post-file-item-title a{display:block;color:#333}
.post-file-item:hover .post-file-item-title a{color:#ff5722;}
.post-file-item-meta{font-size:12px;margin-top:7px;position:relative;}
.post-file-item-meta a{color:#378edc;}
.post-file-item-meta span:nth-child(n+2){margin-left:10px}
.post-file-item-meta i{margin-right:5px;color:#ff5722}
.post-file-item-meta a{color:#ff5722;position:absolute;top:0px;right:0px;background-color:#f5f5f5;padding:0px 10px;border-radius:15px;height:23px;line-height:23px;font-weight:700;}
.post-file-item-meta a:hover{background-color:#ff5722;color:#fff;}
.post-file-item-meta a:hover i{color:#fff;}
.bclock-content-flex{display:flex;flex-flow:row wrap;}
.post-file-item-number{text-align:center;font-size:15px;font-weight:700;line-height:49px;line-height:49px;width:36px;color:#333;background-color:#f8f8f8;border-radius:3px;}
.post-file-item:nth-child(1) .post-file-item-number{font-size:23px;color:red;}
.post-file-item:nth-child(2) .post-file-item-number{font-size:21px;color:green;}
.post-file-item:nth-child(3) .post-file-item-number{font-size:19px;color:#ff9800;}
.main-item-load-more{margin-top:20px;text-align:center}
.main-item-load-more a{display:inline-block;height:35px;line-height:35px;color:#333;padding:0 15px;background-color:#fff;border:1px solid #e8e8e8;}
.main-item-load-more a:hover{color:#3490d8;border:1px solid #3490d8;}
.pagination{clear:both;text-align:center;font-size:0px;}
.pagination span,.pagination a{display:inline-block;margin-right:0px;margin-top:25px;height:40px;line-height:40px;padding:0 17px;color:#999;border:1px solid #ddd;font-size:14px;border-right:none;background-color:#fff;font-weight:700;}
.pagination a.next,.pagination span:last-child{border-right:1px solid #ddd;border-radius:0 3px 3px 0;}
.pagination a.prev,.pagination span:first-child{border-left:1px solid #ddd;border-radius:3px 0 0 3px;}
.pagination-template a:last-child,.pagination-template span:last-child{margin-right:0}
.pagination a:hover,.pagination .current{color:#fff;background-color:#ff5722;}
.pagination .next,.pagination .prev{width:auto;padding:0 17px}
.ajax-pagination span{cursor:pointer}
.ajax-pagination .prev,.ajax-pagination .next{display:none}
.thumb-cover{position:relative;overflow:hidden}
.thumb-cover img{width:100%!important;height:100%!important;object-fit:cover!important}
.news-item{position:relative;width:calc((100% - 10px) / 2);margin-right:10px;background-color:#fff;padding:15px;}
.news-item:nth-child(2n+2){float:right;margin-right:0}
.news-item:nth-child(n+3){margin-top:10px}
.news-item-thumb{display:block;color:#333;width:80px;height:80px}
.news-item-info{margin-left:90px}
.news-item-title{font-size:14px;font-weight:700;line-height:1.5}
.news-item-title a{display:block;color:#333}
.news-item-des{margin-top:5px}
.news-item-btn{position:absolute;right:10px;bottom:10px}
.news-item-btn a{display:block;height:30px;line-height:30px;padding:0 10px;border-radius:30px;background-color:#f5f5f5;font-size:13px;color:#333}
.news-item-btn a:hover{color:#fff;background-color:#f90}
.archive-news-item{background-color:#fff;padding:15px;border-bottom: 2px solid #e8e8e8;}
.archive-news-item:nth-child(n+2){margin-top:10px;}
.archive-news-item-thumb{display:block;color:#333;width:150px;height:120px}
.archive-news-item-info{width:calc(100% - 170px)}
.archive-news-item-title{font-size:18px;line-height:1.5;font-weight:700}
.archive-news-item-title a{display:block;color:#333}
.archive-news-item-desc{font-size:13px;margin-top:5px}
.archive-news-item-morelink{margin-top:10px;text-align:right;font-size:13px}
.main-item-intro{position:relative;background-color:#fff;padding:20px;border-bottom:2px solid #d6d6d6;border-top:2px solid #ff5722;}
.spro-tab-nav{height:40px;line-height:40px;background-color:#f5f5f5;padding:10px;padding-bottom:0px;font-size:20px;}
.spro-tab-nav li{float:left;}
.spro-tab-nav li a{display:block;width:80px;color:#333;text-align:center;border-radius:5px 5px 0 0;}
.spro-tab-nav li a:hover{color:#ff5722;}
.spro-tab-nav li a.spro-tab-nav-active{background-color:#fff;color:#ff5722;}
.spro-tab-wrap-item .single-content{font-size:14px;}
.archive-news-item-morelink a{color:#333;background-color:#f2f2f2;border-radius:25px;height:25px;line-height:25px;display:inline-block;padding:0 10px;}
.archive-news-item-morelink a:hover{background-color:#ff5722;color:#fff;}
.archive-news-item-morelink a i{margin-right: 5px;color: #ff5722;}
.archive-news-item-morelink a:hover i{color:#fff;}
.footer{background-color:#fff;}
.footer .container{padding:16px 0;text-align:center;}
.footer-top{text-align: center;}
.footer-social li{display: inline-block;margin-bottom: 8px;}
.footer-social li:nth-child(n+2){margin-left: 5px;}
.footer-social li:last-child:after{display: none;margin-right: 0px;}
.footer-social li a{display: block;color: #fff; width: 32px; height: 32px; line-height: 32px;text-align: center;color:#fff;border-radius:3px;}
.footer-nav li{display:inline-block;margin-top:5px;margin-right:15px;position:relative;}
.footer-nav li:nth-child(n+2):before{position:absolute;content:'';top:5px;left:-10px;width:1px;height:12px;background-color:#e8e8e8;}
.footer-nav li a{display:block;color:#333;}
.footer-nav li a:hover{color:#ff5722;}
.footer-bottom{border-top:1px solid #e8e8e8;margin-top: 7px;padding-top: 15px;}
.footer-bottom a{color: #ff5722;}
.footer-bottom a:hover{text-decoration: underline;}
.footer-right{cursor:pointer;}
.footer-right i{color:#ff5722;margin-left:5px;}
.block-breakcrumb{overflow:hidden;margin-top:10px;font-size:13px}
.primary .block-breakcrumb{margin-top:0}
.block-breakcrumb a{color:#333;padding:0 5px}
.block-breakcrumb a:hover{color:#FF2E55}
.block-breakcrumb>span>span>a{padding-left:0}
.block-breakcrumb span.breadcrumb_last{padding-left:5px}
.single-wrap{margin-top:0px;}
.sidebar{width:260px}
.primary{width:calc(100% - 290px)}
.block-content-flex{display:flex;flex-flow:row wrap}
.single-top-content-left button, .single-top-content-left span{display:inline-block;margin-right:10px;}
.single-top-content-left span{font-size:13px;}
.single-top-content-left span i{margin-right:5px;color:#ff5722;}
.form-download{display:inline-block;}
.btn-dl-item{height:32px;line-height:32px;padding:0 10px;border-radius:3px;color:#fff!important;background-color:#222;outline:none;border:none;display:inline-block;}
.btn-dl-item:hover{background-color:#ff5722;}
.btn-dl-item i{margin-right:5px}
.single-info-content .post-file-item-meta{margin-top:0}
.tax-content{background-color:#fff;padding:20px;}
.single-title{font-size:20px;line-height:32px;font-weight:700;padding:10px 15px;background-color:#fff;color:#ff5722;}
.single-page-content{margin-top:20px;}
.single-content{font-size:15px;line-height:1.7;margin-top: 20px;}
.single-news .single-content{font-size:18px;}
.single-new-content{margin-top:0px;}
.single-cat a{color:#3490d8;}
.single-content p{padding:10px 0;}
.single-content p:first-child{padding-top:0}
.single-content p:last-child{padding-bottom:0}
.single-content table,.single-pro-des table{width:100%!important;margin:10px 0;border-top:1px solid #ddd;border-left:1px solid #ddd}
.single-pro-des table{margin:0;margin-top:15px;background-color:#fff}
.single-content table tr td,.single-pro-des table tr td{padding:10px 15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.single-content table tr td[colspan="3"]{color:#fff;background-color:#518aaa;letter-spacing:1px}
.single-content a{color:#3490d8}
.single-content a:hover{text-decoration:underline}
.single-content img{width:auto!important;max-width:100%;margin:10px auto;display:inline-block;}
.single-content h2{font-size:18px;font-weight:700;padding:10px 0}
.single-news .single-content h2{font-size:25px;}
.single-content h3{padding:10px 0;}
.single-news .single-content h3{font-size: 20px;}
.single-content h2:first-child,.single-content h3:first-child{padding-top:0px;}
.single-content h2:last-child,.single-content h3:last-child{padding-bottom:0px;}
.single-content ul{list-style:square;padding:10px 0;padding-left:30px}
.single-content ul li:nth-child(n+2){margin-top:5px}
.single-content p iframe,.single-content iframe{display:block!important;width:100%!important;height:500px!important}
.single-content .wp-caption{width:100%!important}
.single-content p.wp-caption-text{padding-top:0;padding-bottom:10px;text-align:center;line-height:20px;color:#666;font-style:italic}
.empty-content{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px 12px;width:100%;box-sizing:border-box;}
.plyr--audio .plyr__controls{background-color:transparent!important;color:#9cd3fb!important;}
.single-top-left{width:calc(100% - 130px);}
.single-meta-box{margin-top:20px;}
.single-meta-box-top{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:10px 0;}
.single-meta-box-top i{color: #ff5722;}
.single-meta-box-top a{color:#ff5722;font-weight:700;}
.single-meta-box-top a:hover{text-decoration:underline;}
.single-meta-box-content{margin-top:20px;}
.single-qrcode{width:102px;margin-top:17px;}
.single-qrcode img{width:102px;}
.single-top-content-left{padding-top:4px;}
.single-top-content{margin-top:10px;background-color:#fff;padding:20px;border-bottom: 2px solid #d6d6d6;}
.single-ringtone-content .single-content{margin-top:20px;border-top:1px solid #e8e8e8;padding-top:25px;}
.single-share{margin-top: 20px;background-color:#f5f5f5;padding:15px;border-radius: 3px;}
.single-share-title{font-weight:700;margin-bottom: 10px;}
.single-share-title i{margin-right: 5px;color:#ff5722;}
.single-related{margin-top:30px}
.single-related-content .post-file-item{width:calc((100% - 10px) / 2)}
.single-related-content .post-file-item:nth-child(3n+3){float:left;margin-right:10px}
.single-related-content .post-file-item:nth-child(2n+2){float:right;margin-right:0}
.single-related-content .post-file-item:nth-child(n+3){margin-top:10px}
.sidebar-item{background-color:#fff;border-bottom: 2px solid #d6d6d6;}
.sidebar-item:nth-child(n+2){margin-top:30px}
.sidebar-item-content{padding:20px;}
.sidebar-nav-adv{padding-bottom:0px;}
.sb-home-news{background-color:transparent;border-bottom:none;}
.single-tag{margin-top:25px;}
.single-tag-left{width:90px;font-weight:700;padding-top:3px;}
.single-tag-left i{margin-right:5px;color:#ff5722;}
.single-tag-right{width:calc(100% - 90px)}
.single-tag-item{display:inline-block;margin-right:10px;margin-bottom:10px;border:1px solid #e8e8e8;height:25px;line-height:25px;padding:0 10px;border-radius:25px;color:#333;color:#ff5722;}
.single-tag-item:hover{border-color:#ff5722;}
.sidebar-nav{max-height:860px;overflow:hidden;}
.sidebar-nav-active{max-height:100%;}
.sidebar-nav-item{position:relative; font-weight:700;}
.sidebar-nav-item:nth-child(n+2):after{position:absolute;content:'';top:-1px;right:0px;width:calc(100% - 25px);height:1px;background-color:#e8e8e8;}
.sidebar-nav-item:nth-child(n+2){margin-top:10px;padding-top:10px;}
.sidebar-nav-item h3{font-size:14px;font-weight:700;line-height:1.5;}
.sidebar-nav-item a{display: block;color:#333;position:relative;padding-left:25px;}
.sidebar-nav-item:hover a{color:#ff5722;}
.sidebar-nav-item a:before{font-family:'Font Awesome 5 Pro';content:"\f8c9";top:0px;left:0px;color:#ff5722;position:absolute;}
.sidebar-nav-item .sidebar-nav-item-title,.sidebar-nav-item span{display:inline-block;}
.sidebar-nav-item .sidebar-nav-item-title{font-size:14px;font-weight:700;display:inline-block;margin-right:5px;}
.sidebar-nav-item span{font-size:12px;color:#999;font-weight: 400;}
.sidebar-nav-item-adv a{height:40px;line-height:40px;padding-left:50px;}
.sidebar-nav-item-adv a:before{display:none;}
.sidebar-nav-item-adv:nth-child(n+2):after{display:none;}
.sidebar-nav-item-thumb{position:absolute;top:0px;left:0px;width:40px;height:40px;border-radius:3px;}
.btn-collap-cat-wrap{padding:20px;padding-top:0px;}
.btn-collap-cat{margin-top:10px;line-height:40px;line-height:40px;text-align:center;border:1px solid #e8e8e8;font-weight:700;}
.btn-collap-cat:hover{background-color:#fff;cursor:pointer;}
.btn-collap-cat span{display:block;}
.btn-collap-cat span:nth-child(2){display:none;}
.btn-collap-cat span i{margin-left:5px;color:#ff5722;}
.btn-collap-cat-act span:nth-child(1){display:none;}
.btn-collap-cat-act span:nth-child(2){display:block;}
.sb-tab-thumb img{width:100%;margin-bottom:2px;}
.sb-tab-nav{background-color:#343a40;padding:0 10px;}
.sb-tab-nav li{float:left;height:42px;line-height:42px;color:#fff;padding:0 10px;font-weight:700;position:relative;cursor:pointer;}
.sb-tab-nav li.active{color:#ffc107;}
.sb-tab-nav li.active:before{position:absolute;content:'';width:100%;height:3px;background-color:#ffc107;left:0px;bottom:0px;}
.sb-tab-item .post-file-item:nth-child(n){width: 100%;margin-right: 0px;padding:0px;border:none}
.sb-tab-item .post-file-item:nth-child(n+2){margin-top:15px;}
.sb-tab-item .post-file-item-meta{margin-top:0px;}
.sidebar-nav-tag ul{overflow:hidden;}
.sidebar-nav-tag li{margin-bottom:6px;margin-right:6px;}
.sidebar-nav-tag li a{display:block;color:#333;font-weight:700;font-size:13px;border:1px solid #e8e8e8;padding:4px 8px;background-color:#f9f9f9;line-height:1.5}
.sidebar-nav-tag li a:hover{color:#ff5722;border-color:#ff5722;background-color:#fff;}
.page-title{margin-top:20px}
.page-content{padding:0;border:none}
.page-ringtone{margin-top:30px}
.ads-item{margin-top:20px}
.bg-overlay{position:absolute;content:'';width:100%;height:100%;top:0;left:0;z-index:5;background-color:rgba(255,255,255,.5)}
.lds-ripple{position:absolute;left:calc(50% - 40px);bottom:50px;display:inline-block;width:80px;height:80px;z-index:10}
.lds-ripple div{position:absolute;border:4px solid #FF2E55;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,0.2,0.8,1) infinite}
.lds-ripple div:nth-child(2){animation-delay:-.5s}
.single-dl-btn{text-align:center;}
.single-dl-btn a{display: inline-block;height:50px;line-height:50px;padding:0 10px;box-sizing:border-box;text-align:center;width:calc((100% - 20px) / 2);color:#fff;border-radius:5px;font-weight:700;font-size:16px;background:#222;}
.single-dl-btn a:hover{background: linear-gradient(to bottom,#ff9800 0%,#f44336 100%);}
.single-dl-btn a i{margin-right:10px}
.single-dl-btn-style2{text-align:center;}
.single-dl-btn-style2 a{color:#333;display:inline-block;cursor:pointer;font-weight:700;}
.single-dl-btn-style2 a:nth-child(n+2){margin-left:15px;}
.single-dl-btn-style2 a:hover{color:#ff5722}
.single-dl-btn-style2 a i{margin-right:5px;font-size:15px !important;}
.download-wrap{border:1px solid #e8e8e8;background-color:#fff;}
.download-wrap-head{padding:20px 20px;position:relative;padding-left:65px;}
.download-wrap-head:before{position:absolute;font-family:'Font Awesome 5 Pro';content:"\f04b";left:20px;top:calc(50% - 20px);font-size:30px;line-height:40px;width:40px;height:40px;font-weight:bold;color:#ff5722;}
.download-wrap-head h1{font-size:18px;line-height:1.5;font-weight:700;}
.download-wrap-content{border-top:1px solid #e8e8e8;padding:20px;background-color:#f9f9f9;}
.download-wrap-content .ads-item{margin-bottom:20px;margin-top:0px;display:block !important;}
.download-wrap-content a i{font-size:20px;}
.download-wrap-content .ads-after-button-dl{margin-bottom:0px;margin-top:20px;}
.box-raiting{margin-top:20px;}
.kksr-legend{font-size:13px!important;padding-top:5px!important;}
.thumb-zoom{overflow:hidden}
.thumb-zoom img{transition:all ease-in-out .3s}
.thumb-zoom:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.top100-wrap{margin-top:20px}
.top-100-fea-item{margin:0 8px;position:relative}
.slick-track{display:flex;flex-flow:row wrap}
.slick-slide{height:auto}
.arrow-btn{position:absolute;display:block;top:calc(50% - 13px);width:35px;height:35px;line-height:35px!important;border-radius:100%;box-shadow:0 3px 5px rgba(0,0,0,.2);background-color:#fff;text-align:center;font-size:20px;color:var(--th-color-orange);cursor:pointer;z-index:100;background-color:rgba(255,255,255,.8)}
.arrow-btn:hover{background-color:#fff}
.arrow-btn.slick-disabled{color:#dedede}
.arrow-btn-prev{left:10px}
.arrow-btn-next{right:10px}
.carousel-wrap{display:none !important;}
.carousel-wrap.slick-slider{display:block !important;}
.carousel-wrap .slick-list{margin-left:-8px!important;margin-right:-8px!important}
.page-100-left{width:250px;}
.page-100-right{width:calc(100% - 270px);}
.top-100-thumb{background-color:#fff;padding: 5px;}
.top-100-thumb img{width:100%;}
.top-100-title{font-size:20px;font-weight:700;line-height:1.5;text-align:center;margin-top:10px;color:#333;}
.page-100-desc{margin-top: 0px;margin-bottom: 20px;}
.page-100-list{background-color:#fff;}
.page-100-item:nth-child(n+2){border-top:1px solid #f1f1f1}
.page-100-item{overflow:hidden;padding:12px 10px;transition:all ease-in-out .3s;}
.page-100-item-head{font-weight:700;}
.page-100-item .item{float:left;box-sizing:border-box;padding:0 10px;}
.page-100-item:nth-child(n+2):hover{background-color:#f9f9f9;}
.page-100-item .item:nth-child(1){width:calc(100% - (100px + 100px));padding-left:38px;position:relative;}
.page-100-item .item:nth-child(2){width:100px;text-align: center;}
.page-100-item .item:nth-child(3){width:100px;float:right;text-align:right;}
.page-100-item-head .item:nth-child(1){padding-left:0px;}
.page-100-item h3{font-size:14px;font-weight:700;}
.page-100-item a{display:block;color:#333;}
.page-100-item i{margin-right:5px;color:#ddd;}
.page-100-item h3 i{color:#ff5722; margin-right: 10px;}
.page-100-item a:hover,.page-100-item a:hover i{color:#ff5722;}
.page-100-item .item:nth-child(1) span{position: absolute;top:0px;left:0px;background-color:#ff5722;width:26px;height:20px;line-height:20px;font-size:12px;color:#fff;font-weight:700;text-align:center;border-radius:3px;}
.page-100-item:nth-child(n+12) .item:nth-child(1) span{font-size:12px;background-color:#333;color:#fff;}
.top-100-related{margin-top:30px;}
.top-100-related-head{font-size:18px;font-weight:700;}
.top-100-related-item{width:calc((100% - 60px) / 4);margin-right:20px;margin-top:15px;}
.top-100-related-item:nth-child(4n+4){float:right;margin-right:0px;}
.top-100-related-item-thumb{display:block;color:#333;background-color:#fff;padding:5px;overflow:hidden;}
.top-100-related-item-title{margin-top:5px;text-align:center;font-weight:700;text-align:center;}
.top-100-related-item-title a{color:#333;}
.top-100-related-item-title a:hover{color:#ff5722}
.top10-wrap{margin-top:30px;background-color:#fff;padding:20px;}
.top10-wrap-head{font-size:18px;color:#ff5722;margin-bottom:30px;position:relative;}
.top10-wrap-head:before{width:7px;height:22px;position:absolute;content:'';top:0px;left:-20px;background-color:#ff5722}
.top10-wrap-head i{margin-right:10px;}
.top-10-related-item-thumb{border-radius:100%;overflow:hidden;padding:0px;}
.top-10-fea-item-number{position:absolute;top:0px;left:0px;width:25px;height:25px;line-height:25px;text-align:center;color:#fff;background-color:#ff5722;border-radius:100%;border:3px solid #fff;z-index:10;font-weight:700;}
.top10-wrap .slick-dots li button:before{color:#999}
.post-list-ringtone{margin: 10px 0;}
.post-list-ringtone .post-file-item{background-color:#f9f9f9;}
.block-breadcrumb{padding:14px 0}
.block-breadcrumb a,.block-breadcrumb span{color:#666;padding:0 3px}
.block-breadcrumb p>a:first-child{padding-left:0}
.block-breadcrumb span.breadcrumb_last{padding-left:6px}
.block-breadcrumb a:hover{color:#ff5722}
.fea-tag-item{margin-bottom:10px;display:inline-block;margin-right:8px;}
.fea-tag-item a{display:block;color:#ff5722;border:1px solid #ff5722;padding:2px 10px;font-weight:700;background-color:#fff;}
.fea-tag-item a:hover{color:#fff;background-color:#ff5722}
.box-comment-head{font-weight:700;margin-bottom:10px;} .artist-item{margin:0 8px;}
.artist-item-thumb{display:block;color:#333;background-color:#f5f5f5;}
.artist-item-title{margin-top:12px;}
.artist-item-title a{display:block;color:#333;font-weight:700;line-height:1.5}
.artist-item-count{margin-top:2px;color:#999;font-size:13px;} .tax-artist-head{background-color:#f5f5f5}
.tax-artist-thumb{width:100px;height:100px;background-color:#f9f9f9}
.tax-artist-thumb img{width:100%;}
.tax-artist-head-right{width:calc(100% - 120px);margin-left:20px;display:flex;align-items:center;}
.tax-artist-title{font-weight:700;font-size:23px;line-height:1.5;}
.tax-artist-head-right p{font-size:13px;margin-top:0px;color:#999;}
.tax-artist-info{margin-top:20px;padding-left:0px;}
.tax-artist-info .single-content{font-size:14px;} .sb-artist-item:nth-child(n+2){margin-top:20px;}
.sb-artist-item-thumb{display:block;background:#f9f9f9;color:#333;width:70px;height:70px;border-radius:50%;}
.sb-artist-item-info{width:calc(100% - 85px);margin-left:15px;}
.sidebar-item-morelink{margin-top:20px;text-align:center;}
.sidebar-item-morelink a{display:inline-block;color:#333;padding:0 15px;border-top:1px dotted #e8e8e8;padding-top:5px;}
.sidebar-item-morelink a i{margin-left:5px;color:#03a9f4} .archive-artist-title{font-size:25px;line-height:1.5;}
.archive-artist-title-bottom{font-size:20px;line-height:1.5;margin-top:20px;}
.archive-artist-item{width:calc((100% - 80px) / 5);margin:0px;margin-right:20px;margin-top:20px;}
.archive-artist-item:nth-child(5n+5){float:right;margin-right:0px;}
.artist-item-thumb{background-color:#f9f9f9} .ajax-content-wrap{
overflow: hidden;
}
.load-more{
margin-top: 20px;
text-align: center;
}
.load-more-btn{
display: inline-block;
height: 35px;
line-height: 35px;
color: #fff;
background-color: #f44336;
border-radius: 3px;
padding: 0 15px;
cursor: pointer;
font-weight: 700;
}
.load-more-btn:before{
position: relative;
content: '';
display: inline-block;
width: 18px;
height: 18px;
box-sizing: border-box;
border-radius: 100%;
border: 2px solid #ddd;
border-top: 2px solid #fff;
margin-right: 10px;
top: 4px;
display: none;
animation: spinner .6s linear infinite;
}
.load-more-btn.active:before{
display: inline-block;
}
.load-more-btn:hover,
.load-more-btn.active{
background-color: red;
} .quick-search{
display: none;
position: absolute;
width: 100%;
box-sizing: border-box;
top: 100%;
right: 0px;
z-index: 1000;
background-color: #fff;
padding: 15px;
border-radius: 3px;
font-size: 13px;
line-height: 1.5;
box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
}
.quick-search-btn span{
display: inline-block;
height: 30px;
line-height: 30px;
border-radius: 5px;
padding: 0 10px;
font-weight: 700;
cursor: pointer;
background-color: #fff;
}
.quick-search-btn span:nth-child(n+2){
margin-left: 0px;
}
.quick-search-btn span:hover,
.quick-search-btn span.active{
color: #ff5722;
background-color: #f5f5f5;
}
.quick-search-result{
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #e8e8e8;
}
.ajax-search-loadding{
line-height: 1;
text-align: center;
}
.ajax-search-loadding i{
color: var(--th-color-blue);
margin-right: 10px;
}
.ajax-search-item{
display: block;
color: #333;
}
.ajax-search-item:nth-child(n+2){
margin-top: 7px;
padding-top: 7px;
border-top: 1px dashed #e8e8e8;
}
.ajax-search-item-title{
font-weight: 700;
margin-top: 2px;
color: var(--th-color-blue);
}
.ajax-search-item-title:hover{
color: #ff5722;
}
.ajax-search-morelink{
margin-top: 15px;
padding-top: 10px;
text-align: center;
border-top: 1px solid #e8e8e8;
}
.ajax-search-morelink a{
display: inline-block;
color: #333;
font-weight: 700;
}
.ajax-search-morelink a:hover{
color: #ff5722;
} .hidden{
display:none;
}
.time-count{
margin-top: 15px;
padding: 10px 10px;
text-align: center;
font-size: 16px;
line-height: 1.5;
background-color: #f5f5f5;
}
.time-count span{
font-weight: 700;
font-size: 18px;
color: red;
}
.btn-dl-item.active{
background: #999;
cursor: progress;
}
}
@keyframes lds-ripple {
0%{top:36px;left:36px;width:0;height:0;opacity:1}
100%{top:0;left:0;width:72px;height:72px;opacity:0}
}
@keyframes spinner {
to {
transform: rotate(360deg); } }