/*---mo-header---*/
body {overflow-x:hidden;}
.sitetop-song {display:none;background:#333;height:50px;line-height:50px;}
.sitetop-song .row {justify-content:space-between;}
.sitetop-song span {width:50px;height:50px;line-height:50px;font-size:24px;text-align:center;color:#fff;}
.sitetop-song span.mo-header-search-song {margin-right:95px;}
.sitetop-song span i {font-size:24px;line-height:50px;}

.mo-search-song {padding:10px 15px;display:none;border-bottom:1px solid #222;position:absolute;left:0;top:51px;width:100%;background:#333;box-sizing:border-box;z-index:20;}
.mo-search-song .form-control {float:left;display:block;box-sizing:border-box;width:85%;height:34px;padding:6px 12px;font-size:14px;line-height:1;color:#555;background-color:#fff;background-image:none;border:none;border-radius:4px 0 0 4px;}
.mo-search-song .submit_btn {float:left;width:15%;height:34px;line-height:34px;background:var(--color-primary);border:none;font-size:18px;color:#fff;border-radius:0 4px 4px 0;}

.mo-leftmenu-song{background:#F5F5F5;position:fixed;top:0;left:0;bottom:0;overflow-x:hidden;width:70%;max-width:350px;-webkit-overflow-scrolling:touch;z-index:105 !important;transition:all .4s cubic-bezier(0.7,0,0.2,1);box-shadow:0 0 40px rgba(82,85,90,0.1);transform:translateX(-100%)}
.mo-leftmenu-song .tit {height:50px;line-height:50px;background:#353535;}
.mo-leftmenu-song .tit h6 {float:left;color:#fff;padding:0 0 0 20px;font-size:20px;font-weight:bold;line-height:50px;}
.mo-leftmenu-song .tit span {float:right;cursor:pointer;width:50px;text-align:center;line-height:50px;}
.mo-leftmenu-song .tit span i {color:#fff;font-size:16px;}
.mo-leftmenu-song>ul {}
.mo-leftmenu-song>ul>li {line-height:50px;font-size:15px;border-top:2px solid #e5e5e5;position:relative;}
.mo-leftmenu-song>ul>li>a {padding:0 0 0 20px;line-height:50px;}
.mo-leftmenu-song>ul>li>i {position:absolute;color:#333;font-size:12px;top:5px;right:0;z-index:1;width:50px;line-height:40px;text-align:center;cursor:pointer;}
.mo-leftmenu-song ul li a {color:#333;display:block;}
.mo-leftmenu-song ul li a:hover {text-decoration:none;}
.mo-leftmenu-song ul li ul {display:none;padding-bottom:10px;}
.mo-leftmenu-song ul li ul li {line-height:35px;}
.mo-leftmenu-song ul li ul li a {padding:0 0 0 40px;line-height:35px;}
.menu-transitioning{transform:translateX(0)}


/*---header---*/
.header-song {background:#fff;height:100px;position:relative;}
.header-song>.container {height:100%;display:flex;justify-content:space-between;align-items:center;}
.header-song .logo{}
.header-song .logo img{max-height:70px;}
.header-song h1 a {display:inline-block;width:167px;height:70px;text-indent:-99999px;background-repeat:no-repeat;background-position:center;background-size:167px 70px;}
.header-song .nav {display:flex;align-items:center;position:relative;z-index:20;}
.header-song .nav>ul {padding:0 10px;}
.header-song .nav>ul>li {float:left;position:relative;margin:0 15px;}
.header-song .nav>ul>li>a {display:block;font-size:20px;color:#121212;line-height:36px;font-weight:500;}
.header-song .nav>ul>li ul {position:absolute;width:260px;height:auto;left:0;top:40px;z-index:1000;padding:3px 0 0;border-radius:4px;background:#fff;box-shadow:rgba(0,0,0,0.14) 0 5px 9px 0px;transform:rotate3d(1,0,0,-90deg);-webkit-transform:rotate3d(1,0,0,-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;transition:transform 0.5s,opacity 0.3s;-webkit-transition:-webkit-transform 0.5s,opacity 0.3s;}
.header-song .nav>ul>li ul>li {float:none;border-bottom:1px solid #EDEDED;text-align:left;position:relative;}
.header-song .nav>ul>li ul>li:last-child {border:none;}
.header-song .nav>ul>li ul>li>a {display:block;padding:10px 20px;border:none;color:#333;font-size:17px;line-height:22px;text-transform:capitalize;}
.header-song .nav>ul>li ul>li>a i {position:absolute;right:10px;font-size:11px;}
.header-song .nav>ul>li ul>li>a:hover {color:var(--color-primary);}
.header-song .nav>ul>li:hover>a,.header-song .nav>ul>li.active>a {color:var(--color-primary);}
.header-song .nav>ul>li:hover>a>i {transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.header-song .nav>ul>li:hover>ul {opacity:1;transform:rotate3d(0,0,0,0);-webkit-transform:rotate3d(0,0,0,0);}

.header-right-song{display:flex;align-items:center;position:relative;z-index:20;}
.header-lang-song {position:relative;z-index:20;margin:0 10px;}
.header-lang-song .box {cursor:pointer;display:flex;align-items:center;}
.header-lang-song .box em {margin:0 5px;font-size:16px;color:#333;font-weight:500;text-transform:uppercase;font-style:normal;}
.header-lang-song .box i {color:#666;font-size:15px;}
.header-lang-song .lang-box {width:200px;padding:15px;position:absolute;right:0;top:44px;z-index:200;background:#fff;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);opacity:0;visibility:hidden;transition:all .4s ease 0s;border-radius:8px;box-shadow:0 0 10px rgba(63,62,62,0.2);}
.header-lang-song .lang-box::before {content:'';position:absolute;right:37px;top:-8px;overflow:hidden;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;display:block;}
.header-lang-song ul {max-height:160px;overflow-y:scroll;padding:5px 10px;border:1px solid #e5e5e5;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.header-lang-song ul li {line-height:20px;padding:5px 0;border-bottom:1px solid #f5f5f5;width:50%;}
.header-lang-song ul li:last-child {border:none;}
.header-lang-song ul li a {color:#333;font-size:12px;display:block;}
.header-lang-song ul li a:hover {color:var(--color-primary);}
.header-lang-song ul li img {vertical-align:middle;margin-right:7px;}
.header-lang-song:hover .lang-box {opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}

.search-song{position:relative;}
.search-song em {width:40px;height:40px;cursor:pointer;text-align:center;display:block;}
.search-song em i {color:#000;font-size:24px;line-height:40px;}
.search-song .serchbox {display:none;position:absolute;background:#666;width:255px;padding:10px;top:36px;right:0;z-index:1000;}
.search-song .serchbox .submit_text {background:#fff;border:1px solid #fff;border-right:none;width:200px;height:33px;line-height:33px;float:left;color:#333;padding:0 0 0 6px;box-sizing:border-box;}
.search-song .serchbox .submit_btn {border:none;width:35px;background:var(--color-primary);font-size:14px;color:#fff;height:33px;line-height:33px;text-align:center;display:block;float:right;cursor:pointer;}
.search-song:hover em {background:#666;}
.search-song:hover em i {color:#fff;}
.search-song:hover .serchbox {display:block;}

.header-right-song .share {}
.header-right-song .share a {width:32px;height:32px;color:#000;border:1px solid var(--bg-color);text-align:center;line-height:30px;border-radius:50%;display:inline-block;}
.header-right-song .share a+a {margin-left:10px;}
.header-right-song .share a i {color:inherit;font-size:18px;}
.header-right-song .share a:hover {background:var(--bg-color);}

.header-right-song > .mo-header-menu{width:40px;height:40px;line-height:40px;text-align:center;color:#333;display:none;}
.header-right-song > .mo-header-menu i{font-size:24px;line-height:40px;}


.cl {zoom:1}
.cl:before,.cl:after {display:table;content:" ";}
.cl:after {clear:both;}

@media screen and (max-width:1600px) {
.header-song .nav>ul>li>a {font-size:18px;}
}

@media screen and (max-width:1440px) {
.header-right-song .share a {margin:0 2px;}
.header-right-song .share i {font-size:16px;}
.header-lang-song .box em {font-size:16px;}
}

@media screen and (max-width:1280px) {
.header-song .nav>ul>li {margin:0 10px;}
}

@media screen and (max-width:992px) {
.header-right-song .share{display:none;}

}

@media screen and (max-width:992px) {

.header-song {height:80px;}
.header-song .nav{display:none;}
.header-right-song {position:static;}
.header-right-song > .mo-header-menu{display:block;}
.search-song em i{font-size:22px;}

}

@media screen and (max-width:480px) {
.header-song {height:50px;}
.header-song .logo img {height:37px;}

.header-lang-song{margin:0 5px;}
.header-lang-song .box img{height:16px;}
.header-lang-song .box em{font-size:14px;}
.search-song em i{font-size:20px;}
}



@media (min-width: 576px) {
.container{max-width:none;padding-right:20px;padding-left:20px;}
}

@media (min-width: 768px) {
.container {max-width:none;padding-right:30px;padding-left:30px;}
}

@media (min-width: 992px) {
.container{max-width:none;padding-right:50px;padding-left:50px;}
}

@media (min-width:1200px) {
.container{max-width:1140px;padding-right:15px;padding-left:15px;}
}

@media (min-width: 1280px){
.container {max-width:1200px;}
}

@media (min-width: 1500px) {
.container{max-width:1440px;}
}



.crmFormVali-error {
    top: 55px !important;
    left: 0 !important;
}