@font-face {
    font-family: 'SourceHanSansCN-Normal'; /* 字体名称 */
    src: url('/usr/share/fonts/myfonts/SourceHanSansCN-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceHanSansCN-Light'; /* 字体名称 */
    src: url('/usr/share/fonts/myfonts/SourceHanSansCN-Light.ttf') format('truetype');
}

html,body{margin: 0;padding: 0;font-family: "SourceHanSansCN-Normal","黑体";}
ul,li,img,p{margin: 0;padding: 0;}
a{text-decoration: none;color: inherit;}
video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100%+30px); }

/*登录注册*/
.loginre-bg{position: fixed;top:0;right: 50%;bottom: 0;width: 786px;margin-right: 15%;}
.loginre-info{position: fixed;top:0;left: 50%;bottom: 0;right: 0;margin-left: -15%;background-color: #FAFAFA;overflow-y: auto;min-width: 450px;}
.loginre-info .loginre-info-logo{position: absolute;top:44px;left: 50px;cursor: pointer;}
.loginre-info .login-div{width: 444px;height: 500px;background-color: #fff;border-radius: 2px;position: absolute;top:50%;left: 50%;margin-top:-250px;margin-left: -222px;}
.loginre-info .forgetpwd-div{width: 444px;height: 520px;background-color: #fff;border-radius: 2px;position: absolute;top:50%;left: 50%;margin-top:-260px;margin-left: -222px;}
.loginre-info .register-div{width: 444px;margin:0 auto;margin-top:120px;display: block;overflow: hidden;background-color: #fff;border-radius: 2px;padding-bottom: 50px;margin-bottom: 50px;}
.loginre-info .login-title{margin: 60px 40px 0 40px;font-size: 26px;color: #212121;font-weight: bold;}
.loginre-info .login-title2{margin: 40px 40px 0 40px;font-size: 22px;color: #252C2F;text-align: center;font-family: "SourceHanSansCN-Normal";}
.loginre-info .loginre-remark{margin:20px 40px 0 40px;font-size: 14px;color: #666;}
.loginre-info .loginre-remark span{cursor: pointer;}
.loginre-info .loginre-remark .ic_check{width: 20px;height: 20px;float: left;margin-right: 8px;margin-top:1px;}
.loginre-info .loginre-btn{margin: 40px 40px 0 40px;height: 48px;line-height: 48px;background-color:#E85044;border-radius: 2px;text-align: center;color: #fff;font-size: 14px;font-weight: bold;
    cursor: pointer;}
.loginre-info .login-weixin{margin: 24px 40px 0 40px;text-align: center;height: 32px;line-height: 32px;}
.loginre-info .login-weixin div{display: inline-block;overflow: hidden;font-size: 14px;color: #666;cursor: pointer;}
.loginre-info .login-weixin div img{float: left;width: 32px;height: 32px;display: block;overflow: hidden;}
.loginre-info .login-weixin div span{float: right;margin-left: 10px;}

.common-input{margin: 24px 40px 0 40px;height: 48px;line-height: 48px;background-color: #F5F5F5;border-radius: 2px;display: block;
    overflow: hidden;position: relative;}
.common-input input{width: 90%; margin: 0 5%;height: 48px;line-height: 48px;font-size: 14px;border:none;outline: none;background-color: inherit;}
.common-input .input-remark{position: absolute;top:0;right: 15px;font-size: 14px;font-weight: 600;cursor: pointer;}

.wxlogin-dialog{position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 500px;
    margin-top: -250px;
    margin-left: -250px;
    background-color: #fff;
    border-radius: 6px;
    font-size: 14px;}
.wxlogin-dialog .wx-dclose{position: absolute;top:30px;right: 30px;width: 13px;height: 13px;cursor: pointer;}
.wxlogin-dialog .wx-dclose img{width: 100%;height: 100%;display: block;overflow: hidden;}
.wxlogin-dialog .wx-dtitle{width: 100%;text-align: center;margin-top:40px;height: 30px;line-height: 30px;font-size: 24px;font-weight: bold;}
.wxlogin-dialog .wx-dimg{width: 292px;height: 292px;margin: 0 auto;margin-top:30px;display: block;overflow: hidden;position: relative;}
.wxlogin-dialog .wx-dimg img{width: 100%;height: 100%;display: block;overflow: hidden;}
.wxlogin-dialog .wx-dimg .wx-dimgre{position: absolute;top:0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.6);display: none;cursor: pointer;}
.wxlogin-dialog .wx-dimg .wx-dimgre .wx-re-ic{width: 78px;height: 78px;margin: 0 auto;margin-top: 80px;}
.wxlogin-dialog .wx-dimg .wx-dimgre .wx-re-tips{width: 100%;text-align: center;font-size: 18px;color: #fff;margin-top:10px;}
.wxlogin-dialog .wx-dimg .wx-dimgre .wx-re-tips span{width: 100%;display: block;overflow: hidden;margin-top:5px;}
.wxlogin-dialog .wx-d-remark{width: 100%;text-align: center;font-size: 18px;color: #999;margin-top:20px;}
.wxlogin-dialog .wx-d-remark span{width: 100%;display: block;overflow: hidden;margin-top:5px;}

    /*公共头部*/
.common-top-nav{width: 100%;height: 34px; display: block;background-color: #FAFAFA;border-bottom: 1px solid #D6D6D6;z-index:1;position: relative;}
.common-top-nav .top-welcome{width: 1280px;margin: 0 auto;line-height: 34px;color: #2E3F45;font-size: 12px;font-family: "SimSun";font-weight: bold;}
.common-top-nav .top-welcome .top-welcome-tips{float: left;}
.common-top-nav .top-welcome .top-welcome-user{float: right;cursor: pointer;}
.common-top-nav .top-welcome .top-welcome-user .wu-login{float: left;}
.common-top-nav .top-welcome .top-welcome-user .wu-login span{float: left;}
.common-top-nav .top-welcome .top-welcome-user .wu-login .s-line{width: 1px;height: 11px;background-color: #2E3F45;margin:12px;opacity: 0.26;}
.common-top-nav .top-welcome .top-welcome-user .wu-user{float: right;position: relative;}
.common-top-nav .top-welcome .top-welcome-user .wu-user .wu-user-head{width: 24px;height: 24px;float: left;margin:5px;}
.common-top-nav .top-welcome .top-welcome-user .wu-user .wu-user-head img{width: 100%;height: 100%;border-radius: 12px;display: block;overflow: hidden;}
.common-top-nav .top-welcome .top-welcome-user .wu-user .wu-user-arrow{width: 9px;height: 5px;margin: 14.5px 0;float: right;color: #999;font-size: 14px;}
.common-top-nav .top-welcome .top-welcome-user .wu-user .wu-user-arrow img{width: 100%;height: 100%;display: block;overflow: hidden;}
.wu-user-nav{position: absolute;top:34px;right: 0;width: 246px; box-shadow: 0px 13px 20px 0px rgba(0,0,0,0.1);
    border-radius: 2px;background-color: #fff;
    border: 1px solid #EBEBEB;display:none;}
.common-top-nav .top-welcome .top-welcome-user .wu-user:hover .wu-user-nav{display: block;}
.common-top-nav .wu-user .wu-user-nav-u{width: 100%;height: 110px;display: block;overflow: hidden;
    position: relative;border-bottom: 1px solid #EBEBEB;}
.common-top-nav .wu-user .wu-user-nav-u .un-head{width: 42px;height: 42px;border-radius: 21px;display: block;overflow: hidden;position: absolute;top:35px;left: 25px;}
.common-top-nav .wu-user .wu-user-nav-u .un-head img{width: 100%;height: 100%;display: block;overflow: hidden;}
.common-top-nav .wu-user .wu-user-nav-u .un-info{margin: 35px 15px 0 75px;height: 42px;display: block;
    overflow: hidden;}
.common-top-nav .wu-user .wu-user-nav-u .un-info .un-name{width: 100%;font-size: 16px;color: #333;height: 20px;line-height: 20px;display: block;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.common-top-nav .wu-user .wu-user-nav-u .un-info .un-id{width: 100%;font-size: 13px;color: #999;height: 15px;line-height: 15px;display: block;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:5px;}
.common-top-nav .wu-user .wu-user-nav-li{width: 100%;display: block;overflow: hidden;border-bottom: 1px solid #EBEBEB;padding: 10px 0;}
.common-top-nav .wu-user .wu-user-nav-li div{width: 100%;height: 14px;line-height: 14px;padding: 13px 0;}
.common-top-nav .wu-user .wu-user-nav-li div img{width: 14px;height: 14px;float: left;margin-left: 26px;}
.common-top-nav .wu-user .wu-user-nav-li div span{float: left;margin-left: 15px;color: #808080;font-size: 14px;}

.top-head-logo{width: 1280px;margin: 0 auto;height: 76px;}
.top-head-logo .head-logo{width: 654px;height: 64px;float: left;margin-top:7px;}
.top-head-logo .head-logo img{width: 100%;height: 100%;display: block;overflow: hidden;}
.top-head-logo .head-student{cursor: pointer; height: 48px;line-height: 48px; float: right;margin-top:14px;padding: 0 9px;background-color: #E85044;font-size: 13px;color: #FFFEFE;font-weight: 400;border-radius: 2px;}
.top-head-logo .head-student img{width: 28px;height: 28px;display: block;overflow: hidden;margin: 10px 0;float: left;}
.top-head-logo .head-student span{float: right;margin-left: 4px;}

.common-top-head{width: 100%;background-color: #E85044;display: block;height: 80px;}
.common-top-head .top-head-div{width: 1280px;margin: 0 auto;display: block;height: 80px;}
.common-top-head .top-head-div .head-logo{float: left;width: 527px;height: 36px;margin-top:27px;cursor: pointer;}
.common-top-head .top-head-div .head-logo img{width: 100%;height: 100%;display: block;overflow: hidden;}
.common-top-head .head-nav-list{height: 80px;width: 100%;}
.common-top-head .head-nav-list li{float: left;list-style: none;cursor: pointer;position: relative;width: 15%;text-align: center;}
.common-top-head .head-nav-list li .nav-name{; height: 80px;line-height: 80px;color: #fff;font-size: 16px;font-weight: bold;}
.common-top-head .head-nav-list li .nav-name-point{box-shadow:0 0 40px rgba(0, 0, 0, 0.3) inset}
.common-top-head .head-nav-list .cur .nav-name{background-color: #fff;color: #E85044;}
.common-top-head .head-nav-list .cur .nav-name-point{box-shadow:0 0 30px rgba(232, 80, 68, 0.3) inset}
.common-top-head .head-nav-list li:hover .nav-name{background-color: #fff;color: #E85044;}
.common-top-head .head-nav-list li:hover .nav-name-point{box-shadow:0 0 30px rgba(232, 80, 68, 0.3) inset}
.common-top-head .head-nav-list li .nav-child{position: absolute;width: 246px;position: absolute;top:78px;left:0;display: none;}
.common-top-head .head-nav-list li .nav-child .nc-ic{width: 18px;height: 10px;margin-left: 8px;}
.common-top-head .head-nav-list li .nav-child .nc-ic img{width: 100%;height: 100%;display: block;overflow: hidden;}
.common-top-head .head-nav-list li .nav-child ul{width: 100%;display: block;overflow: hidden;background: #FFFFFF;
    box-shadow: 0px 13px 20px 0px rgba(0,0,0,0.1);
    border-radius: 2px;
    border: 1px solid #EBEBEB;}
.common-top-head .head-nav-list li .nav-child li{width: 100%;display: block;overflow: hidden;height: 80px;line-height: 80px;font-size: 16px;color: #333;text-align: center;font-weight: bold;}
.common-top-head .head-nav-list li .nav-child li div{margin: 0 7px;display: block;overflow: hidden;height: 79px;line-height: 79px;border-bottom: 1px solid #EBEBEB;text-overflow: ellipsis;white-space:nowrap;}
.common-top-head .head-nav-list li .nav-child li:last-child div{border-bottom: none;}
.common-top-head .head-nav-list li .nav-child li:hover{background-color: #FDEDEC;color: #FF0000;}
.common-top-head .head-nav-list li:hover .nav-child{display: block;}

.index-banner{width: 100%;height: 498px;display:block;overflow: hidden;background-image: url("https://resource.hnwymusic.com/web/img/ic_hp_banner1.png");background-position: top center !important;
    margin: 0;padding: 0;background-repeat: no-repeat;position: relative;}
.index-banner-title{position: absolute;top:200px;left: 50%;margin-left: -640px;width: 675px;height: 60px;z-index: 2;}
.index-banner-title img{display: block;overflow: hidden;}
.index-search{width: 655px;height: 42px;left: 50%;margin-left: -645px;top:270px;position: absolute;display: block;
    background-color: rgba(255,255,255,0.89);border: 1px solid #C4C7CB;border-radius: 2px 2px 2px 2px;z-index: 2;}
.index-search .ic-search{position: absolute;top:14px;left: 17px;width: 16px;height: 16px;}
.index-search .ic-search img{width: 100%;height: 100%;display: block;overflow: hidden;}
.index-search .txt-search{margin:0 130px 0 46px;height: 42px;}
.index-search .txt-search input{width: 100%;height: 42px;line-height: 42px;border:none;outline: none;font-size: 14px;font-weight: bold;background-color: rgba(255,255,255,0);}
.index-search .btn-search{position: absolute;top:-1px;right: -1px;bottom: -1px;width: 120px;color: #fff;font-size: 16px;font-weight: bold;line-height: 42px;
    background-color: #E85044;
    cursor: pointer;}
.index-search .btn-search span{float: left;margin-left: 30px;}
.index-search .btn-search img{float: right;width: 18px;height: 13px;margin:15px 25px 0 0;}

.index-zixun{width: 400px; position: absolute;bottom: 10px;right: 50%;margin-right: -630px;display: block;overflow: hidden;z-index: 2;}
.index-zixun .zx-title{height: 45px;
    line-height: 45px;cursor: pointer;
    padding: 0 20px;color: #fff;font-size: 16px;background-color: rgba(0,0,0,0.3);border: 1px solid rgba(255,255,255,0.2);
    border-radius: 5px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;
}
.index-zixun .zx-title span{float: right;}
.index-zixun .zx-more{float: right;height: 45px;line-height: 45px;text-align: right;font-size: 16px;color: #fff;cursor: pointer;margin-right: 5px;}

.bannerSwiper{width: 100%;height: 100%;}
.bannerSwiper .swiper-slide{background-position: top center !important;background-repeat: no-repeat;}

.wrapper{width: 100%;height: auto;display: block;overflow: hidden;}
.wrapper-title-img{width: 395px;margin: 0 auto;margin-top:60px;}
.wrapper-title-img img{width: 100%;display: block;overflow: hidden;}
.wrapper-title-sub{width: 100%;text-align: center;font-size: 16px;color: #666;margin-top:23px;}
.wrapper-bg1{background-color: #FAF8F6;}
.wrapper-bg2{background-image: url("https://resource.hnwymusic.com/web/img/ic_hp_zyxz_bg.png");background-position: top center !important;background-repeat: no-repeat;}
.wrapper-bg2 .wrapper-title-sub{color: #fff;}
.wrapper-more-btn{width: 142px;margin: 0 auto;margin-bottom: 55px;
    height: 36px;line-height: 36px;text-align: center;font-size: 14px;color:#686666;font-weight: 300;
    background: #FFFFFF;cursor: pointer;
    border: 1px solid #D6D6D6;}
.wrapper-more-btn-red{background-color: #E85044;color: #fff;}

.wrapper-content-inner-malist .ma-ca-li{display: block;overflow: hidden;cursor: pointer;}
.wrapper-content-inner-malist .ma-ca-li .ma-ca-title{margin: 0 20px 20px 20px;display: block;overflow: hidden;height: 24px;line-height: 24px;font-size: 18px;font-weight: bold;}
.wrapper-content-inner-malist .ma-ca-li .ma-ca-title span{float: left;}
.wrapper-content-inner-malist .ma-ca-li .ma-ca-title img{float: right; width: 18px;height: 18px;margin-top:3px;transform:rotate(180deg);
    -ms-transform:rotate(0deg); 	/* IE 9 */
    -moz-transform:rotate(0deg); 	/* Firefox */
    -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
    -o-transform:rotate(0deg);}
.wrapper-content-inner-malist .ma-ca-li-close .ma-ca-title img{transform:rotate(0deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);}
.wrapper-content-inner-malist .ma-ca-li-close ul{display: none;}