/* The original site stylesheet provides desktop geometry. These rules connect
   accessible Java forms and small screens without changing the desktop theme. */
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html{font-size:100px}
body{margin:0}
button,input,select,textarea{font-family:inherit}
button,a,input,select,textarea{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ea4335;outline-offset:3px}
.header ul{margin:0;padding:0;list-style:none}
.header .nav{white-space:nowrap}
.header .nav ul{display:flex}
.header .top_right{gap:0}
.top_search input[type=search]{background:rgba(255,255,255,.6);width:2.1rem;height:30px;line-height:30px;border:0;border-radius:30px;padding:0 40px 0 20px;font-size:13px;outline:none;box-sizing:border-box}
.top_search .btn_blue{top:0;right:5px;background-position:center;background-size:16px}
.user_btn form{margin:0;display:inline-flex}
.logout-link{border:0;background:none;padding:0 5px;color:#fff;font-size:14px;cursor:pointer}
.copyright .police-icon{width:20px;height:20px;vertical-align:middle;margin:0 2px 3px 0}
.online_q .btn2{display:block;border:0;padding:0;background:none;font-size:21px}
.online_q .btn2 i{font-size:22px;color:#666}
.online_q .btn2:hover i{color:#fff}
.tc{transition:none}
.tc.act{display:flex}
.tc_box{max-height:calc(100dvh - 32px);overflow:auto}
.tc_box h2.head{font-weight:normal;margin:0 0 20px}
.tc_box .close{border:0;background:none;padding:0;line-height:1}
.tc_box .tit{display:flex;justify-content:center;gap:50px}
.tc_box .tit button{border:0;background:none;padding:0 0 12px;font-size:16px;color:#333;cursor:pointer;border-bottom:4px solid transparent}
.tc_box .tit button[aria-selected=true]{border-color:#333}
.form_box .auth-field{margin-top:15px;position:relative}
.form_box .auth-field>input{background:#fff;font-size:15px;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;height:46px;line-height:46px;padding:0 15px;width:100%;outline:none}
.form_box .auth-field>input:hover,.form_box .auth-field>input:focus{border-color:#ea4335}
.form_box .auth-field button{width:100%;height:46px;background:#ea4335;border:0;font-size:15px;color:#fff;cursor:pointer;border-radius:3px}
.form_box .captcha-field>input:not([type=hidden]){padding-right:145px}
.form_box .auth-field .captcha-refresh{position:absolute;right:0;top:0;width:140px;height:46px;padding:0 10px;background:transparent;border-left:1px solid #dcdfe6;border-radius:0;display:flex;align-items:center;justify-content:center}
.captcha-refresh img{width:120px;height:45px;display:block}
.form_box .form-actions{font-size:14px;margin-top:15px}
.form_box .form-actions label{font-weight:normal}
.form_box .forgot-password{margin-left:auto}
.form_box input[type=checkbox]{width:13px;height:13px;vertical-align:middle;accent-color:#ea4335}
.form_box .protocol{font-size:13px;line-height:24px;margin-top:15px}
.form_box .protocol label{display:inline;font-weight:normal}
.user_form_box h1.head{margin-top:0;font-weight:normal;line-height:24px}
.form_box .help{font-size:12px;color:#999;line-height:1.8}
.alert{padding:10px 12px;margin:12px 0;border-radius:3px;font-size:13px;line-height:1.7}
.alert.error{background:#fff1ef;color:#b83227}
.alert.success{background:#edf8f0;color:#287344}
.modal-open{overflow:hidden}
.audio-player{min-height:66px}
.audio-player audio{width:100%}
.empty{padding:55px 24px;text-align:center;color:#999}
.empty h2{font-size:20px;color:#555;margin-bottom:12px}
.public-status{min-height:55vh;padding:80px 0;text-align:center}
.public-status h1{font-size:64px;color:#ea4335}
.public-status p{font-size:16px;margin:20px 0}
.public-status a{color:#ea4335}
@media(max-width:1250px) and (min-width:901px){.header .logo .txt{font-size:17px}.header .nav li{margin:0 12px}.header .top_right{gap:6px}.top_search input[type=search]{width:140px}}
@media(max-width:900px){
 html{font-size:65px}
 .main{width:92%;min-width:0}
 .header,#banner,.main_tit,.copyright,.tonglan,.fuwu,.page_ban{min-width:0}
 .header>.main{flex-wrap:wrap;padding:10px 0;gap:8px}
 .header .logo{height:50px;flex:1}
 .header .logo .pic{height:40px;margin-right:10px}
 .header .logo .txt{height:auto;font-size:17px}
 .header .nav{order:3;flex-basis:100%;height:auto;overflow:auto}
 .header .nav ul{display:flex;justify-content:center}
 .header .nav li{margin:0 12px;flex-shrink:0;line-height:40px}
 .header .nav li a{font-size:14px}
 .header .top_search{display:none}
 .user_btn{margin:0;height:30px;padding:0 8px;font-size:13px}
 .copyright{padding:30px 4%;box-sizing:border-box}
 .copyright .footer_nav{line-height:30px}
 .copyright .footer_nav a{padding:0 10px;display:inline-block}
 .copyright .txt{font-size:11px;line-height:2}
 .user_form_box{width:92%;margin:40px auto;padding-bottom:40px}
 .form_box{width:330px;max-width:85%}
 .tc_box{width:92%;max-width:500px;padding-bottom:35px}
 .online_q{right:8px;bottom:24px}
 .online_q .btn2 span{width:42px;height:42px;line-height:42px}
 .online_q .btn2 i{font-size:18px}
 .page_box{width:92%;margin:35px auto}
 .page_box .page_con{padding:25px}
 #banner .swiper-slide{height:320px}
 #banner .swiper-slide .txt{padding:0 24px}
 #banner .swiper-slide .txt h5{font-size:30px;line-height:1.6}
 .sound_list li{width:48.5%;margin:0 3% 18px 0;padding:16px 12px}
 .sound_list li:nth-child(4n){margin-right:3%}
 .sound_list li:nth-child(2n){margin-right:0}
 .music_list li{width:31.3%;margin-right:3%}
 .music_list li:nth-child(5n){margin-right:3%}
 .music_list li:nth-child(3n){margin-right:0}
 .tonglan{height:280px;margin-top:50px;padding:30px 16px;box-sizing:border-box}
 .tonglan h3{font-size:30px;line-height:1.5}
 .tonglan .kj a{width:120px;line-height:40px}
 .fuwu .main.flex_space{flex-wrap:wrap;gap:15px}
 .fuwu li{width:calc(50% - 8px);padding:25px 15px}
 .music_show{padding:30px;gap:25px}
 .music_show .download a{font-size:13px;line-height:1.6;padding:12px;box-sizing:border-box}
 .serch_n{padding:0 110px 0 0}
 .serch_n .btn{right:0}
 .serch_n .btn button{width:110px}
}
@media(max-width:560px){
 .header .logo .txt{font-size:15px}
 .header .logo .pic{height:35px;margin-right:7px}
 .header .nav ul{justify-content:space-between}
 .header .nav li{margin:0 4px}
 .header .nav li a{font-size:12px}
 #banner .swiper-slide{height:260px}
 #banner .swiper-slide .txt h5{font-size:24px}
 .main_tit_z{font-size:29px}
 .main_tit_f{font-size:20px}
 .sound_list li,.sound_list li:nth-child(4n){width:100%;margin:0 0 16px;padding:20px 15px}
 .music_list li{width:48.5%;margin-right:3%}
 .music_list li:nth-child(3n),.music_list li:nth-child(5n){margin-right:3%}
 .music_list li:nth-child(2n){margin-right:0}
 .music_list li .txt h3{font-size:14px}
 .tonglan h3{font-size:25px}
 .music_show{display:block;padding:25px;margin-top:30px}
 .music_show .left,.music_show .right{width:100%}
 .music_show .left{max-width:320px;margin:auto}
 .music_show .right h1{font-size:22px}
 #art_box{font-size:15px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}