@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../fonts/SourceHanSansCN-Normal.ttf');
}
@font-face {
    font-family: 'SourceHanSansCN-Light';
    src: url('../fonts/SourceHanSansCN-Light.ttf');
}

html,body{margin: 0;padding: 0;height: 100%}
ul,li,img,p{margin: 0;padding: 0;}
a{color: inherit;}

.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;}

.common-top-nav{width: 100%;height: 34px; display: block;background-color: #8FBC8F;border-bottom: 1px solid #8FBC8F;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;}

.common-top-head{width: 100%;background-color: #fff;display: block;height: 85px;}
.common-top-head .top-head-div{width: 1280px;margin: 0 auto;display: block;height: 85px;}
.common-top-head .top-head-div .head-logo{float: left;width: 439px;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: 85px;float: right;}
.common-top-head .head-nav-list li{float: left;list-style: none;cursor: pointer;position: relative;}
.common-top-head .head-nav-list li .nav-name{padding: 0 30px; height: 85px;line-height: 85px;color: #000;font-size: 16px;font-weight: bold;}
.common-top-head .head-nav-list .cur .nav-name{background-color: #E85044;color: #fff;}
.common-top-head .head-nav-list li:hover .nav-name{background-color: #E85044;color: #fff;}
.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("../img/ic_hp_banner.png");background-position: top center !important;margin: 0;padding: 0;background-repeat: no-repeat;}
.index-search{width: 655px;height: 42px;margin: 0 auto;margin-top:270px;position: relative;display: block;background-color: rgba(255,255,255,0.89);border: 1px solid #C4C7CB;border-radius: 2px 2px 2px 2px;}
.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;}

.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("../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;}

.common-footer{width: 100%;display: block;overflow: hidden;background-color: #fff;opacity: 0.85;}
.common-footer div{width: 100%;display: block;overflow: hidden;text-align: center;font-size: 14px;/* font-family: "SourceHanSansCN-Light"; */margin-bottom: 12px;color: #00BFFF;}
.common-footer .common-footer-nav{text-align: center;width: 100%;display: block;overflow: hidden;margin:54px 0;}
.common-footer .common-footer-nav ul{display: inline-block;}
.common-footer .common-footer-nav li{float: left;list-style: none;padding: 0 25px;font-size: 16px;font-family: "SourceHanSansCN-Normal";cursor: pointer;}
.common-footer a{margin-right: 15px;}

.bottom-to-top-btn{position: fixed;bottom: 187px;left: 50%;margin-left: 650px;width: 39px;height: 39px;cursor: pointer;}
.bottom-to-top-btn img{width: 100%;height: 100%;display: block;overflow: hidden;}

.wrapper-page{width: 100%;display: block;overflow: hidden;text-align: center;margin:30px 0 40px 0;}
.wrapper-page ul{margin: 0 auto;display: inline-block;}
.wrapper-page li{display: inline-block;float: left;list-style: none;height: 45px;line-height: 45px;padding: 0 20px;border:1px solid #EBEBEB;margin: 0 5px;font-weight: bold;font-size: 14px;cursor: pointer;}
.wrapper-page .cur{color: #fff;background-color: #E85044;}
.wrapper-page li:hover{color: #fff;background-color: #E85044;}

.wrapper-article-title{margin: 60px 30px 20px 30px;line-height: 35px;font-size: 32px;text-align: center;font-weight: bold;}
.wrapper-article-subtitle{margin: 0 30px 20px 30px;line-height: 25px;font-size: 16px;text-align: center;color: #999;}
.wrapper-editor-title{margin:30px 30px 0 30px;color: #212121;font-size: 18px;font-weight: bold;}
.wrapper-editor-content{margin:30px;display: block;overflow: hidden;font-size: 16px;line-height: 30px;}
.wrapper-editor-content img{max-width: 100%;}
.wrapper-editor-content video{max-width: 100%;}
.wrapper-editor-content audio{max-width: 100%;}
.wrapper-article-more{margin: 30px;border-top:1px solid #e8e8e8;display: block;overflow: hidden;}
.wrapper-article-more div{margin-top:10px;max-width: 40%; height: 40px;line-height: 40px;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #666;}
.wrapper-article-more .pre-article{float: left;text-align: left;}
.wrapper-article-more .next-article{float: right;text-align: right;}

.wrapper-content{width: 100%;display: block;overflow: hidden;background-color: #FAF8F6;min-width: 1280px;}
.wrapper-content-top{width: 100%;display:block;overflow: hidden;height: 90px;background-image: url("../img/backdrop.png");background-position: top center !important;}
.wrapper-content-top-div{width: 1280px;display: block;overflow: hidden;margin:0 auto;}
.wrapper-content-top-div .wrapper-content-top-nav{float: left;margin-top:48px;font-size: 14px;height: 15px;line-height: 15px;color: #fff;cursor: pointer;}
.wrapper-content-top-div .wrapper-content-top-search{float: right;margin-top:47px;height: 20px;}
.wrapper-content-top-div .wrapper-content-top-search input{float: left;width: 165px;height: 20px;line-height: 20px;background-color: rgba(255, 255, 255, 0);color: #fff;font-size: 15px;border:none;outline: none;margin-right: 15px;}
.wrapper-content-top-div .wrapper-content-top-search input::placeholder{color: #fff;}
.wrapper-content-top-div .wrapper-content-top-search img{float: right;width: 20px;height: 20px;margin: 0;padding: 0;cursor: pointer;}
.wrapper-content-inner{width: 1280px;margin: 0 auto;min-height: 450px;background-color: #fff;border-radius: 4px;display:block;overflow: hidden;padding-bottom: 10px;margin-bottom: 60px;}
.wrapper-content-inner-de{margin-bottom: 0;}
.wrapper-content-inner-bo{margin-top:15px;}
.wrapper-content-inner-user{padding-bottom: 0;min-height: 600px;position: relative;margin-top:15px;}
.wrapper-content-inner-title{margin: 0 30px;height: 65px;border-bottom: 1px solid #EBEBEB;}
.wrapper-content-inner-title div{display: block;overflow: hidden;float: left;height: 63px;line-height: 63px;border-bottom: 2px solid #E85044;color: #E85044;font-size: 16px;font-weight: bold;}
.wrapper-content-inner-ca{padding-bottom: 8px;margin-top: 10px;}
.wrapper-content-inner-ca .inner-ca-div{width: 100%;display: block;overflow: hidden;margin-top:18px;}
.wrapper-content-inner-ca .inner-ca-div .ca-title{float: left;width: 70px;text-align: right;height: 30px;line-height: 30px;font-size: 14px;color:#848484;}
.wrapper-content-inner-ca .inner-ca-div .ca-list{float: left;width: 1200px;margin-left: 10px;}
.wrapper-content-inner-ca .inner-ca-div .ca-list ul{width: 100%;display: block;overflow: hidden;}
.wrapper-content-inner-ca .inner-ca-div .ca-list li{list-style: none;float: left;height: 30px;line-height: 30px;text-align: center;padding: 0 20px;font-size: 14px;color: #212121;cursor: pointer;margin:0 5px 10px 0;}
.wrapper-content-inner-ca .inner-ca-div .ca-list .cur{background-color: #E85044;border-radius: 2px;color:#fff;}
.wrapper-content-inner-ca .inner-ca-div .ca-list li:hover{background-color: #E85044;border-radius: 2px;color:#fff;}
.wrapper-content-inner-ca .inner-ca-div .ca-list .selected {background-color: #E85044;border-radius: 8px;color:#fff;}

.wrapper-content-inner-sort{margin: 0 30px 24px 30px;height: 44px;border:1px solid #EBEBEB;background-color: #EBEBEB;border-top:none;}
.wrapper-content-inner-sort div{width: 95px;height: 44px;line-height: 44px;cursor: pointer;text-align: center;font-size: 14px;color: #212121;float: left;}
.wrapper-content-inner-sort .cur{background-color: #fff;color:#E85044;}

.wrapper-content-inner-malist{width: 1260px;display: block;margin: 0 auto;overflow: hidden;}
.wrapper-content-inner-malist ul{width: 100%;display: block;overflow: hidden}
.wrapper-content-inner-malist li{width: 185px;height: 165px;float: left;list-style: none;cursor: pointer;margin-left: 20px;margin-bottom: 5px;}
.wrapper-content-inner-malist li .material-img{width: 157px;height: 204px;margin: 0 auto;margin-top:24px;background-image: url("../img/book_pic.png");background-position:center !important;background-repeat: no-repeat;text-align: center;}
.wrapper-content-inner-malist li .material-img img{width: 132px;height: 176px;margin-top:8px;}
.wrapper-content-inner-malist li .video-name{height: 27px;line-height: 27px;display: block;overflow: hidden;font-size: 14px;color:#000;text-overflow: ellipsis;white-space: nowrap;}
.wrapper-content-inner-malist li .material-author{margin:16px 30px 0 30px;height: 16px;line-height: 16px;display: block;overflow: hidden;font-size: 14px;color:#7D7D7D;text-overflow: ellipsis;white-space: nowrap;}
.wrapper-content-inner-malist li .material-author img{float: left;width: 16px;height: 16px;margin-right: 10px;}
/*.wrapper-content-inner-malist li:hover{box-shadow: 0px 5px 26px 0px rgba(121,134,128,0.2);border: 1px solid #E85044;}*/
.wrapper-content-inner-malist li img{width:185px;height: 130px;}

.material-detail-top{position: fixed;top:0;left: 0;right: 0;height: 76px;background-color: #EDEDED;}
.material-detail-top .mdt-logo{float: left;margin:20px 0 0 60px;cursor: pointer;}
.material-detail-top .mdt-return{float: right;height: 20px;line-height: 20px;margin:28px 60px 0 0;cursor: pointer;font-size: 16px;color: #3E3E3E;font-weight: bold;}
.material-detail-top .mdt-return span{float: left;}
.material-detail-top .mdt-return img{width: 6px;height: 8px;float: right;margin:6px 0 0 6px;}

.material-detail-content{position: fixed;top:0px;left: 0;right: 0;bottom: 0;background-image: url("../img/teaching_backdrop.png");background-size: cover;
    background-repeat: no-repeat;}
.material-detail-content .mdt-return{cursor: pointer; position: absolute;top:20px;left: 50px;height: 14px;line-height: 14px;color: #fff;padding: 15px 20px;background-color: rgba(51,51,51,0.5);border-radius: 4px;font-size: 13px;z-index: 9;}
.material-detail-content .mdt-return span{float: right;}
.material-detail-content .mdt-return img{width: 14px;height: 14px;float: left;margin:0 8px 0 0;}
.material-detail-minfo{height: 30px;line-height: 30px;width: 100%;margin-top:20px;}
.material-detail-minfo .minfo-title{float: left;font-size: 24px;color: #fff;font-weight: bold;margin-left: 60px;}
.material-detail-minfo .minfo-ot{float: right;height: 16px;line-height: 16px;font-size: 14px;color: #fff;margin-right: 20px;}
.material-detail-minfo .minfo-ot .minfo-ot-li{margin-right: 40px;float: left;}
.material-detail-minfo .minfo-ot img{width: 16px;height: 16px;float: left;margin-right: 8px;}
.material-detail-minfo .minfo-ot span{float: right;}

.m-turn-left{position: fixed;left:50px;top:50%;margin-top:-12px;width: 16px;height: 24px;cursor: pointer;z-index: 9;}
.m-turn-left img{width: 100%;height: 100%;display: block;overflow: hidden;}
.m-turn-right{position: fixed;right:50px;top:50%;margin-top:-12px;width: 16px;height: 24px;cursor: pointer;z-index: 9;}
.m-turn-right img{width: 100%;height: 100%;display: block;overflow: hidden;}

.m-page-lable-r{position: absolute;top:0;right: 20px;height: 45px;line-height: 45px;display: inline-block;padding: 0 15px;background-color: rgba(51,51,51,0.4);color: #FFFEFE;font-size: 16px;border-radius: 0px 0px 20px 20px;}
.m-page-lable-l{position: absolute;top:0;left: 20px;height: 45px;line-height: 45px;display: inline-block;padding: 0 15px;background-color: rgba(51,51,51,0.4);color: #FFFEFE;font-size: 16px;border-radius: 0px 0px 20px 20px;}

.div-page-option{position: absolute;left: 0;right: 0;bottom: -90px;text-align: center;}
.m-page-option{width: 50%;margin: 0 auto; height: 70px;float: left;}
.m-page-option .pp-icon{margin: 0 80px;display: block;overflow: hidden;}
.m-page-option .pp-icon .pp-icon-btn{width: 20%;text-align: center;height: 70px;display: block;overflow: hidden;float: left;cursor: pointer;}
.m-page-option .pp-icon-r .pp-icon-btn{float: right;}
.m-page-option .pp-icon .pp-icon-btn img{height: 24px;margin: 0 auto;display: block;overflow: hidden;margin-top:12px;}
.m-page-option .pp-icon .pp-icon-btn .ic1{display: block;}
.m-page-option .pp-icon .pp-icon-btn .ic2{display: none;}
.m-page-option .pp-icon .pp-icon-btn div{width: 100%;text-align: center;color: #fff;font-size: 12px;height: 15px;margin-top:9px;}
.m-page-option .pp-icon .pp-icon-btn:hover{color: #F53132;background: linear-gradient(0deg, #FEFCFC, #FBFBFB);
    box-shadow: 0px 3px 2px 0px rgba(220,220,220,0.58);
    border-radius: 10px 10px 0px 0px;position: relative;color: #F53132;}
.m-page-option .pp-icon .pp-icon-btn:hover div{color: #F53132;}
.m-page-option .pp-icon .pp-icon-btn:hover::after{position: absolute;left: 0;bottom: 0;right: 0;content: '';height: 3px;background-color: #F73033;}
.m-page-option .pp-icon .pp-icon-btn:hover .ic1{display: none;}
.m-page-option .pp-icon .pp-icon-btn:hover .ic2{display: block;}

.material-detail-option{position: fixed;left:0;right: 0;bottom: 0;height: 70px;background: linear-gradient(0deg, #000000 0%, rgba(0,0,0,0.04) 96%, rgba(241,243,244,0) 100%);text-align: center;}
.mm-mdo-div{position: fixed;bottom:0;height: 70px;z-index: 5;}
.mm-mdo-div div{width: 50px;height: 70px;position: relative;text-align: center;cursor: pointer;display: block;overflow: hidden;float: left;}
.mm-mdo-div div img{height: 20px;display: block;overflow: hidden;margin: 0 auto;margin-top:25px;}
.mdo-left{left: 50px;}
.mdo-right{right: 50px;}
.mm-mdo-div div:hover{background-color: rgba(255,255,255,0.2);}
.mm-mdo-div div:hover::after{position: absolute;left: 0;bottom: 0;right: 0;content: '';height: 3px;background-color: #fff;}
.mm-mdo-page{margin:0 auto;display: inline-block;position: fixed;bottom:0;right: 20px;height: 70px;z-index: 5}
.mm-mdo-page div{float: left;display: inline-block;color: #fff;font-size: 15px;margin:20px 5px;cursor: pointer;}
.mm-mdo-page div img{margin: 7px 0;display: block;overflow: hidden;}
.mm-mdo-page .mdo-page-num{height: 30px;line-height: 30px;padding: 0 15px;border-radius: 2px;background-color: rgba(255,255,255,0.12);}

.page-wrapper .m-page-shadow{background-image: linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%,rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%);
    background-image: -webkit-linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%,rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%);
    background-image: -moz-linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%,rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%,rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%,rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#00C8C8C8', StartColorStr='#CC5D5D5D');
}
.page-wrapper .odd .m-page-shadow{opacity: 0.6;
    width: 63px;position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 5;
    pointer-events: none;
    background-repeat: repeat-y;
    background-size: 100% 100%;}
.page-wrapper .odd img{border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.page-wrapper .even img{border-top-left-radius: 3px;border-bottom-left-radius: 3px;}

.page-wrapper .even .m-page-shadow{opacity: 0.6;
    width: 103px;position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    z-index: 5;
    pointer-events: none;
    background-repeat: repeat-y;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#cc3f3f3f', StartColorStr='#007b7b7b');
    background-image: linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
    background-image: -o-linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
    background-image: -moz-linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
    background-image: -webkit-linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
    background-image: -ms-linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
}

.filpBook{-webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none;user-select: none;
}
.filpBook div{-webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none;user-select: none;}
.page-wrapper{ -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none;user-select: none;}
.page-wrapper div{ -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none;user-select: none;}
.page-wrapper img{ -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none;user-select: none;}

.material-page-zoom{margin: 0 auto;display: block;overflow: hidden;}
.material-page-zoom div{width: 50%;height: 100%;float: left;}
.material-page-zoom div img{width: 100%;height: 100%;display: block;
    overflow: hidden;}
.material-page-zoom .single-z{float: none;margin: 0 auto;}

.material-allpage-select{position: fixed;top:50%;width: 100%;left: 0;height: 254px;margin-top:-127px; background-color:#000;text-align: left;
    vertical-align: middle;
    line-height: 20px;
    padding: 10px 0;
    color: #ffffff;
    font-size: 12px;display: none;
    cursor: pointer;}
.material-allpage-select .m-page-close{position: absolute;top:-30px;right: 0;width: 40px;height: 40px;background-color:#000;}
.material-allpage-select .m-page-close img{width: 20px;height: 20px;margin: 10px;display: block;overflow: hidden;}
.material-allpage-select .m-allpage-list{margin: 0 20px;height: 230px;display: block;overflow-x: scroll;}
.material-allpage-select .m-allpage-list .page-slide{margin: 0 auto;text-align: center;margin-top:20px;-webkit-user-select: none;-ms-user-select: none;
    user-select: none;}
.material-allpage-select .m-allpage-list .page-slide .page-item{width: auto;height: 190px;margin: 0 10px;float: left;text-align: center;}
.material-allpage-select .m-allpage-list .page-slide .page-img{width:auto;height: 170px;text-align: center;}
.material-allpage-select .m-allpage-list .page-slide .page-img img{float:left;width: 127.5px;height: 100%;display: block;overflow: hidden;pointer-events:none;}
.material-allpage-select .m-allpage-list .page-slide .page-num{width: 100%;height: 20px;line-height: 20px;font-size: 12px;color: #fff;}

.material-allpage-select .m-allpage-list .page-slide .page-img:hover{border:1px solid #E85044;height: 168px;}
.material-allpage-select .m-allpage-list .page-slide .page-img:hover img{width: 126.5px;}

.m-allpage-list::-webkit-scrollbar {
    height: 10px;
    background-color: inherit;
}

/* 自定义滚动条轨道 */
.m-allpage-list::-webkit-scrollbar-track {
    background:inherit; /* 轨道的背景色 */
    border-radius: 10px; /* 轨道的圆角 */
}

/* 自定义滚动条的滑块（thumb） */
.m-allpage-list::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.25); /* 滑块的背景色 */
    border-radius: 10px; /* 滑块的圆角 */
    border: 0px solid rgba(255,255,255,0.25); /* 滑块边框 */
}

/* 滑块hover效果 */
.m-allpage-list::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.25); /* 滑块hover时的背景色 */
}

/*目录*/
.material-menu-dialog{position: fixed;top:0px;width: 360px;bottom: 70px;background-color: rgba(51,51,51,0.8);display: none;overflow-y: auto;}
.material-menu-dialog::-webkit-scrollbar {display: none; /* 隐藏滚动条 */}
.material-menu-dialog .material-de-menu{width: 100%;}
.material-de-menu .material-de-menu-title{width: 100%;height: 88px;line-height: 88px;font-size: 24px;color: #fff;position: relative;}
.material-de-menu .material-de-menu-title img{float: left;width: 28px;height: 24px;margin:32px 10px 0 20px;}
.material-de-menu .material-de-menu-title .ic-close{position: absolute;top:32px;right: 20px;width: 24px;height: 24px;cursor: pointer;}
.material-de-menu .material-de-menu-title .ic-close img{margin:0;width: 100%;height: 100%;display: block;overflow: hidden;}
.material-de-menu-list{width: 100%;display: block;overflow: hidden;}
.material-de-menu-list .menu-div{width: 100%;position: relative;color: #fff;}
.material-de-menu-list .menu-div-open{border-bottom: none;}
.material-de-menu-list .menu-div-open::after{background-color: inherit;}
.material-de-menu-list .menu-div:last-child::after{background-color: inherit;}
.material-de-menu-list .menu-div-t{width: 100%;font-size: 18px;display: block;overflow: hidden;}
.material-de-menu-list .menu-div-c{width: 100%;position: relative;display: block;overflow: hidden;line-height: 20px;padding: 20px 0;cursor: pointer;}
.material-de-menu-list .menu-div t1{font-size: 20px;}
.material-de-menu-list .menu-div t2{font-size: 18px;}
.material-de-menu-list .menu-div-t span{padding:0px 60px 0 20px;display: inline-block;}
.material-de-menu-list .menu-div-t img{position: absolute;right: 30px;width: 18px;height: 18px;top:21px;}
.material-de-menu-list .menu-div-t .open{transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg);}
.material-de-menu-list .menu-div-cur{background-color: rgba(171, 171, 171, 0.6);}
.material-de-menu-list .menu-div-c:hover{background-color: rgba(171, 171, 171, 0.6);}

/*相关音频*/
.about-audio-dialog{position: absolute;top:50%;left: 50%;width: 564px;height: 385px;margin-top:-190px;margin-left: -282px;background-color: #fff;border-radius: 6px;font-size: 14px;}
.dialog-u-title{width: 100%;height: 44px;line-height: 44px;position: relative;}
.dialog-u-title .ut-left{margin: 0 15px;color: #212121;}
.dialog-u-title .ut-close{position: absolute;width: 13px;height: 13px;right: 30px;top:15px;cursor: pointer;}
.dialog-u-title .ut-close img{width: 100%;height: 100%;display: block;overflow: hidden;}
.about-audio-con{width: 100%;display: block;overflow: hidden;margin-top:20px;}
.about-audio-con .aac-img{margin: 0 auto;width: 208px;display: block;overflow: hidden;}
.about-audio-con .aac-img img{width: 100%;display: block;overflow: hidden;}
.about-audio-con .aac-title{margin: 10px 20px 0 20px;text-align: center;line-height: 20px;height: 20px;display: block;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#212121;font-size: 18px;}
.about-audio-con .aac-play{margin: 20px;height: 16px;line-height: 16px;position: relative;font-size: 13px;color: #212121;}
.about-audio-con .aac-play .play-btn{position: absolute;top:0;left: 0;width: 12px;height: 16px;cursor: pointer;}
.about-audio-con .aac-play .play-btn img{width: 100%;height: 100%;display: block;overflow: hidden;}
.about-audio-con .aac-play .play-time{position: absolute;left: 20px;top:0;}
.about-audio-con .aac-play .total-time{position: absolute;right: 0px;top:0;}
.about-audio-con .aac-play .jindu{margin: 0 60px 0 80px;height: 16px;position: relative;}
.about-audio-con .aac-play .jindutiao{position: absolute;
    left: 15px;right: 15px;top: 6px;height: 4px;background-color: #F7F7F7;border-radius: 2px;}
.about-audio-con .aac-play .ssjd{position: absolute;top:0;left: 0;background-color:#4A4A4A; border-bottom:3px solid #4A4A4A;}
.about-audio-con .aac-play .yuan{position: absolute;left:100%;width: 12px;height: 9px;border-radius: 2px;background-color:#4A4A4A;top:-3px;margin-left: -6px;}

.about-play-list{margin:20px; display: block;overflow: hidden;overflow-x:auto;margin-top:0;}
.about-play-list .dli-div{cursor: pointer; width: 250px;height: 54px;line-height: 54px; background-color: #F6F6F6;float: left;margin-right: 20px; border-radius: 2px;font-size: 14px;font-weight: bold;position: relative;}
.about-play-list .dli-div .dli-img{position: absolute;width: 28px;height: 28px;top:13px;left: 15px;}
.about-play-list .dli-div .dli-img img{width: 100%;height: 100%;display: block;overflow: hidden;}
.about-play-list .dli-div .dli-name{margin: 0 20px 0 55px;display: block;overflow: hidden;text-overflow: ellipsis;height: 54px;line-height: 54px;white-space: nowrap;}
.about-play-list .dli-div:last-child{margin-right: 0;}
.about-play-list .dli-cur{background-color: rgba(232, 80, 68, 0.1);}

/*相关视频*/
.about-video-dialog{position: absolute;top:50%;left: 50%;width: 880px;height: 650px;margin-top:-325px;margin-left: -440px;background-color: #fff;border-radius: 6px;font-size: 14px;}
.about-video-dialog .about-video-con{width: 100%;height: 495px;display: block;overflow: hidden;margin-bottom: 20px;}
.about-video-dialog .about-video-con video{width: 100%;height: 100%;display: block;overflow: hidden;}

/*智慧课件*/
.about-download-dialog{position: absolute;top:50%;left: 50%;width: 880px;height: 520px;margin-top:-260px;margin-left: -440px;background-color: #fff;border-radius: 6px;font-size: 14px;}
.about-download-list{position: absolute;top:44px;left:0;right: 0;bottom: 0;overflow-y: auto;}
.about-download-list .wrapper-content-inner-downloadlist{margin: 0 20px 0 20px;}
.about-download-list .wrapper-content-inner-downloadlist .down-info .down-ic{left: 0;}
.about-download-list .wrapper-content-inner-downloadlist .down-info .down-title{margin-left: 38px;margin-right: 100px;}
.about-download-list .wrapper-content-inner-downloadlist .down-info .down-btn{right: 60px;}

/*拓展资源*/
.about-article-dialog{position: absolute;top:50%;left: 50%;width: 640px;height: 464px;margin-top:-232px;margin-left: -320px;background-color: #fff;border-radius: 6px;font-size: 14px;}
.about-article-list{position: absolute;top:44px;left:0;right: 0;bottom: 0;overflow-y: auto;}
.about-article-list .aa-list{margin: 0 20px;display: block;overflow: hidden;}
.about-article-list .aa-list ul{width: 99%;display: block;}
.about-article-list .aa-list li{width: 100%;border:1px solid #EBEBEB;list-style: none;float: left;min-height: 90px;margin-bottom: 10px;position: relative;cursor: pointer;}
.about-article-list .aa-list li .aa-ic{position: absolute;top:20px;left: 20px;width: 28px;height: 28px;}
.about-article-list .aa-list li .aa-ic img{width: 100%;height: 100%;display: block;overflow: hidden;}
.about-article-list .aa-list li .aa-info{margin:20px 20px 20px 58px;}
.about-article-list .aa-list li .aa-info .aai-title{width: 100%;font-size: 18px;line-height: 24px;margin-top:2px;}
.about-article-list .aa-list li .aa-info .aai-time{width: 100%;font-size: 14px;line-height: 20px;color: #7D7D7D;margin-top:10px;}

/*支付*/
.pay-dialog{position: absolute;top:50%;left: 50%;width: 893px;height: 618px;margin-top:-309px;margin-left: -446px;background-image: url("../img/payment2_backdrop.png");background-repeat: no-repeat;background-position: right bottom;}
.pay-dialog .dialog-close{position: absolute;top:95px;right: 30px;cursor: pointer;}
.pay-dialog .dialog-title{margin:90px 0 0 65px;font-size: 24px;color:#212121;font-weight: bold;}
.pay-dialog .pay-type{margin:50px 0 0 65px;display: block;overflow: hidden;}
.pay-dialog .pay-type .type-div{width: 200px;height: 240px;border: 1px solid #EBEBEB;border-radius: 4px;background-color: #FFFFFF;text-align: center;position: relative;color: #808080;float: left;margin-right: 20px;display: block;overflow: hidden;cursor: pointer;}
.pay-dialog .pay-type .type-div .td-t{width: 100%;font-size: 18px;margin-top:40px;font-weight: bold;}
.pay-dialog .pay-type .type-div .td-p{width: 100%;font-size: 34px;margin-top:30px;font-weight: bold;}
.pay-dialog .pay-type .type-div .td-p span{font-size: 24px;margin-right: 5px;}
.pay-dialog .pay-type .type-div .td-n{position: absolute;left:15px;right: 15px;height: 50px;line-height: 50px;bottom: 0;border-top:1px solid #F5F5F5;font-size: 14px;}
.pay-dialog .pay-type .type-div .td-s{position: absolute;right: 0;bottom: 0;width: 38px;height: 38px;display: none;}
.pay-dialog .pay-type .type-div .td-s img{width: 100%;height: 100%;display: block;overflow: hidden;}
.pay-dialog .pay-type .type-div-cur{color: #E85044;border:1px solid #E85044;}
.pay-dialog .pay-type .type-div-cur .td-s{display: block;}
.pay-dialog .pay-tips{margin: 50px 0 0 65px;width: 424px;color: #A47E4C; background-color: #FFEFD9;border-radius: 4px;}
.pay-dialog .pay-tips div{padding: 10px 15px;line-height: 18px;font-size: 12px;}
.pay-dialog .pay-info{position: absolute;width: 220px;top:130px;right: 40px;text-align: center;}
.pay-dialog .pay-info .pi-title{width: 100%;font-size: 16px;color: #212121;font-weight: bold;}
.pay-dialog .pay-info .pi-price{width: 100%;font-size: 30px;color: #E85044;font-weight: bold;margin-top:20px;}
.pay-dialog .pay-info .pi-code{width: 134px;height: 134px;margin: 0 auto;margin-top:25px;}
.pay-dialog .pay-info .pi-code img{width: 100%;height: 100%;display: block;overflow: hidden;}
.pay-dialog .pay-info .pi-type{width: 100%;height: 20px;line-height: 20px;margin-top:30px;text-align: center;}
.pay-dialog .pay-info .pi-type div{display: inline-block;overflow: hidden;}
.pay-dialog .pay-info .pi-type div img{width: 20px;height:20px;float: left;margin-right:7px;}
.pay-dialog .pay-info .pi-type div span{font-size: 14px;color:#7A7A7A;float: right;display: inline-block;}
.pay-dialog .pay-info .pi-tips{width: 100%;font-size: 14px;color: #7A7A7A;line-height: 27px;margin-top:45px;}
.pay-dialog .pay-info .pi-tips span{color: #E85044;}

/*支付成功*/
.pay-success-dialog{position: absolute;top:50%;left: 50%;width: 480px;min-height: 380px;margin-top:-190px;margin-left: -240px;background-color: #fff;border-radius: 6px;font-size: 14px;}
.pay-success-dialog .pay-success-img{width: 151px;height: 151px;margin: 20px auto;}
.pay-success-dialog .pay-success-img img{width: 100%;height: 100%;display: block;overflow: hidden;}
.pay-success-dialog .pay-success-t{font-size: 16px;margin: 0 10px;line-height: 25px;text-align: center;color: #212121;font-weight: bold;}
.pay-success-dialog .pay-success-btn{width: 300px;height: 40px;line-height: 40px;text-align: center;background-color: #E85044;color: #fff;margin: 40px auto;border-radius: 6px;}

/*云上课堂列表*/
.wrapper-content-inner-cllist{width: 1260px;display: block;margin: 0 auto;overflow: hidden;}
.wrapper-content-inner-cllist ul{width: 100%;display: block;overflow: hidden}
.wrapper-content-inner-cllist li{width: 288px;height: 480px;border:1px solid #EBEBEB;float: left;list-style: none;cursor: pointer;margin-left: 20px;margin-bottom: 30px;}
.wrapper-content-inner-cllist li .cloud-img{width: 157px;height: 204px;margin: 0 auto;margin-top:24px;background-image: url("../img/book_pic.png");background-position:center !important;background-repeat: no-repeat;text-align: center;}
.wrapper-content-inner-cllist li .cloud-img img{width: 132px;height: 176px;margin-top:8px;}
.wrapper-content-inner-cllist li .cloud-name{margin: 14px 32px 0 32px;height: 45px;line-height: 45px;padding: 0 15px;font-size: 16px;font-weight: bold;background-color: #F5F7F6;
    text-overflow: ellipsis;white-space: nowrap;display: block;overflow: hidden;}
.wrapper-content-inner-cllist li .cloud-course-div{margin:20px 32px 0 32px;border-bottom: 1px dashed #E5E9ED;}
.wrapper-content-inner-cllist li .cloud-course-div .cloud-course-name{width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    height: 20px;line-height: 20px;font-size: 15px;font-weight: bold;}
.wrapper-content-inner-cllist li .cloud-course-div .cloud-course-name img{float: left;width: 6px;height: 13px;margin:4px 12px 0 0;display: block;
    overflow: hidden;}
.wrapper-content-inner-cllist li .cloud-course-div .cloud-course-author{margin:15px 0 15px 18px;color: #7D7D7D;font-family: "Microsoft Yahei";text-overflow: ellipsis;white-space: nowrap;
    height: 15px;line-height: 15px;font-size: 14px;font-weight: 400;display: block;overflow: hidden;}
.wrapper-content-inner-cllist li:hover{box-shadow: 0px 5px 26px 0px rgba(121,134,128,0.2);
    border: 1px solid #E85044;}

/*云上课堂详情*/
.cloud-detail-top{width: 100%;display: block;overflow: hidden;}
.cloud-detail-top .cloud-img{width: 204px;height: 272px;display: block;
    overflow: hidden;float: left;margin:50px 0 50px 85px;}
.cloud-detail-top .cloud-img img{width: 100%;height: 100%;display: block;overflow: hidden;}
.cloud-detail-top .cloud-info{width: 895px;height: 272px;float: right;margin:50px 30px 50px 0;}
.cloud-detail-top .cloud-info .cloud-name{width: 100%;display: block;
    overflow: hidden;height: 44px;line-height: 44px;text-overflow: ellipsis;white-space: nowrap;font-size: 24px;}
.cloud-detail-top .cloud-info .cloud-author{width: 100%;height: 16px;line-height: 16px;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #848484;margin-top:8px;}
.cloud-detail-top .cloud-info .cloud-author img{float: left;width: 16px;height: 16px;margin-right: 10px;}
.cloud-detail-top .cloud-intro{width: 100%;height: 180px;background-color: #F7F7F7;margin-top:24px;display: block;overflow: hidden;}
.cloud-detail-top .cloud-intro .intro-title{margin:18px 20px 0 20px;font-size: 14px;color: #848484;height: 20px;line-height: 20px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cloud-detail-top .cloud-intro .intro-d{margin:8px 20px 0 20px;height: 120px;line-height: 24px;font-size: 14px;color: #212121;display: block;
    overflow: hidden;}

.cloud-de-menu{width: 400px;margin: 30px 0 30px 30px;min-height: 300px;border-radius: 2px;border:1px solid #EBEBEB;float: left;}
.cloud-de-menu .cloud-de-menu-title{width: 100%;height: 108px;line-height: 108px;font-size: 24px;color: #fff; background-image: url("../img/classroom_catalogue_back.png");background-repeat: no-repeat;background-position: center center;}
.cloud-de-menu .cloud-de-menu-title img{float: left;width: 30px;height: 30px;margin:40px 10px 0 20px;}
.cloud-de-menu-list{width: 100%;display: block;overflow: hidden;}
.cloud-de-menu-list .menu-div{width: 100%;position: relative;}
.cloud-de-menu-list .menu-div::after{position: absolute;content: '';left:10px;bottom: 0;right: 10px;height: 1px;background-color: #EBEBEB;}
.cloud-de-menu-list .menu-div-open{border-bottom: none;background-color: #FAFAFA;}
.cloud-de-menu-list .menu-div-open::after{background-color: inherit;}
.cloud-de-menu-list .menu-div:last-child::after{background-color: inherit;}
.cloud-de-menu-list .menu-div-t{width: 100%;font-size: 18px;display: block;overflow: hidden;}
.cloud-de-menu-list .menu-div-c{width: 100%;position: relative;display: block;overflow: hidden;line-height: 20px;padding: 20px 0;cursor: pointer;}
.cloud-de-menu-list .menu-div t1{font-size: 20px;}
.cloud-de-menu-list .menu-div t2{font-size: 18px;}
.cloud-de-menu-list .menu-div-t span{padding:0px 60px 0 20px;display: inline-block;}
.cloud-de-menu-list .menu-div-t img{position: absolute;right: 30px;width: 18px;height: 18px;top:21px;transform:rotate(180deg);
    -ms-transform:rotate(270deg); 	/* IE 9 */
    -moz-transform:rotate(270deg); 	/* Firefox */
    -webkit-transform:rotate(270deg); /* Safari 和 Chrome */
    -o-transform:rotate(270deg);}
.cloud-de-menu-list .menu-div-t .open{transform:rotate(0deg);
    -ms-transform:rotate(0deg); 	/* IE 9 */
    -moz-transform:rotate(0deg); 	/* Firefox */
    -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
    -o-transform:rotate(0deg);}
.cloud-de-menu-list .menu-div-cur{background-color: #FDEDEC;}

.cloud-course-list{width: 792px;float: right;margin:30px 30px 10px 0;display: block;
    overflow: hidden;}
.cloud-course-list ul{width: 100%;display: block;overflow: hidden;}
.cloud-course-list li{width: 790px;float: left;list-style: none;border:1px solid #EBEBEB;height: 180px;margin-bottom: 20px;cursor: pointer;}
.cloud-course-list li .cc-img{width: 277px;height: 156px;float: left;margin:12px 0 12px 12px;display: block;overflow: hidden;}
.cloud-course-list li .cc-img img{width: 100%;height: 100%;}
.cloud-course-list li .cc-info{float: right;height: 156px;width: 460px;display: block;overflow: hidden;margin:12px 20px 0 0;position: relative;}
.cloud-course-list li .cc-info .course-name{width: 100%;display: block;overflow: hidden;font-size: 16px;color: #222;line-height: 24px;margin-top:5px;font-weight: bold;}
.cloud-course-list li .cc-info .course-name span{font-size: 14px;font-weight: normal;padding:1px 5px 2px 5px;border-radius: 2px; margin-left: 10px;color: #585687;background-color: rgba(89, 86, 139,0.1);}
.cloud-course-list li .cc-info .course-author{width: 100%;height: 16px;line-height: 16px;font-size: 14px;color: #7D7D7D;margin-top:20px;}
.cloud-course-list li .cc-info .course-author img{width: 16px;height: 16px;float: left;margin-right: 10px;}
.cloud-course-list li .cc-info .course-num{width: 100%;height: 16px;line-height: 16px;font-size: 14px;color: #7D7D7D;position:absolute;left:0;bottom: 5px;}
.cloud-course-list li .cc-info .course-num div{float: left;margin-right: 25px;}
.cloud-course-list li .cc-info .course-num img{width: 16px;height: 16px;float: left;margin-right: 6px;}

.cloud-play-de{width: 100%;display: block;overflow: hidden;}
.cloud-play-de .cloud-info{margin:30px 30px 0 30px;display: block;overflow: hidden;}
.cloud-play-de .cloud-info .course-name{width: 100%;display: block;overflow: hidden;font-size: 18px;color: #222;line-height: 24px;font-weight: bold;}
.cloud-play-de .cloud-info .course-author{width: 100%;height: 16px;line-height: 16px;font-size: 14px;color: #7D7D7D;margin-top:20px;}
.cloud-play-de .cloud-info .course-author img{width: 16px;height: 16px;float: left;margin-right: 10px;}
.cloud-play-de .cloud-info .course-num{width: 100%;height: 16px;line-height: 16px;font-size: 14px;color: #7D7D7D;margin-top:20px;}
.cloud-play-de .cloud-info .course-num div{float: left;margin-right: 25px;}
.cloud-play-de .cloud-info .course-num img{width: 16px;height: 16px;float: left;margin-right: 6px;}

.cloud-play-de .cloud-play-div{margin:20px 30px 20px 30px;display: block;overflow: hidden;}
.cloud-play-de .cloud-play-div .left-video{width: 900px;height: 506px;float: left;display: block;overflow: hidden;}
.cloud-play-de .cloud-play-div .left-video video{width: 100%;height: 100%;}
.cloud-play-de .cloud-play-div .right-menu{width: 300px;height: 506px;float: right;display: block;overflow-y:auto;background-color: #F7F7F7;color: #212121}
.cloud-play-de .cloud-play-div .right-menu::-webkit-scrollbar {
    display: none; /* 隐藏滚动条 */
}
.right-menu .right-menu-title{cursor: pointer; height: 50px;line-height: 50px;margin: 0 20px;border-bottom: 1px solid #EBEBEB;font-size: 18px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;}
.right-menu .right-menu-list{width: 100%;display: block;overflow: hidden;}
.right-menu .right-menu-list .right-menu-t{width: 100%;display: block;overflow: hidden;}
.right-menu .right-menu-list .right-menu-cur{background-color: #FDEDEC;}
.right-menu .right-menu-list .right-menu-c{cursor:pointer; height: 40px;line-height: 40px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;font-weight: bold;padding: 0 20px;}
.right-menu .right-menu-list .right-menu-c .ic-arrow{}
.right-menu .right-menu-list .right-menu-c .m-n{margin-left: 5px; margin-right: 20px;}
.right-menu .right-menu-list .right-menu-video{cursor:pointer; height: 40px;line-height: 40px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;padding: 0 20px;position: relative;}
.right-menu .right-menu-list .right-menu-video .ic-video{width: 27px;height: 27px;float: left;margin:8px 8px 0 0;}
.right-menu .right-menu-list .right-menu-video .video-title{font-size: 14px;max-width: 170px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.right-menu .right-menu-list .right-menu-video .video-time{position: absolute;top:0;right: 15px;}
.right-menu .right-menu-list .right-menu-c .open{transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg);}

.cloud-play-de .cloud-play-down{margin: 0 30px 20px 30px;}
.cloud-play-de .cloud-play-down .cloud-play-down-title{width: 100%;font-size: 16px;color: #363636;font-weight: bold;}
.cloud-play-de .cloud-play-down .cloud-play-down-list{width: 100%;display: block;overflow: hidden;margin-top:20px;}
.cloud-play-de .cloud-play-down .cloud-play-down-list .dli-div{cursor: pointer; min-width: 360px;max-width: 800px;height: 54px;line-height: 54px; background-color: #F6F6F6;float: left;margin:0 10px 10px 0;border-radius: 2px;font-size: 14px;font-weight: bold;position: relative;}
.cloud-play-de .cloud-play-down .cloud-play-down-list .dli-div .dli-img{position: absolute;width: 28px;height: 28px;top:13px;left: 15px;}
.cloud-play-de .cloud-play-down .cloud-play-down-list .dli-div .dli-img img{width: 100%;height: 100%;display: block;overflow: hidden;}
.cloud-play-de .cloud-play-down .cloud-play-down-list .dli-div .dli-name{margin: 0 80px 0 55px;display: block;overflow: hidden;text-overflow: ellipsis;height: 54px;line-height: 54px;white-space: nowrap;}
.cloud-play-de .cloud-play-down .cloud-play-down-list .dli-div .dli-ic{position: absolute;height: 16px;line-height: 16px;top:19px;right: 10px;color: #7D7D7D;font-weight: normal;}
.cloud-play-de .cloud-play-down .cloud-play-down-list .dli-div .dli-ic img{width: 16px;height: 16px;float: left;margin-right: 6px;}

/*教材培训列表*/
.wrapper-content-inner-trainlist{margin: 0 30px;display: block;margin-top:24px;}
.wrapper-content-inner-trainlist ul{width: 100%;display: block;}
.wrapper-content-inner-trainlist li{width: 100%;height: 180px;list-style: none;float: left;border:1px solid #EBEBEB;margin-bottom: 20px;position: relative;}
.wrapper-content-inner-trainlist li .train-ico{position: absolute;top:17px;left: 24px;width: 34px;height: 34px;}
.wrapper-content-inner-trainlist li .train-info{margin: 0 300px 0 70px;display: block;overflow: hidden;}
.wrapper-content-inner-trainlist li .train-info .train-title{margin-top:17px; width: 100%;height: 34px;line-height: 34px;font-size: 18px;font-weight: bold;
    text-overflow: ellipsis;white-space: nowrap;display: block;overflow: hidden;}
.wrapper-content-inner-trainlist li .train-info .train-author{margin-top:2px;width: 100%;display: block;overflow: hidden;}
.wrapper-content-inner-trainlist li .train-info .train-author span{max-width: 100%;height: 22px;line-height: 22px;font-size: 14px;color: #EF9503;
    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background-color: #F7F2EA;border-radius: 2px;padding: 0 8px;}
.wrapper-content-inner-trainlist li .train-info .train-intro{margin-top:18px; width: 100%;height: 24px;line-height: 24px;font-size: 14px;color: #666;
    text-overflow: ellipsis;white-space: nowrap;display: block;overflow: hidden;}
.wrapper-content-inner-trainlist li .train-info .train-time{margin-top:20px;width: 100%;display: block;overflow: hidden;}
.wrapper-content-inner-trainlist li .train-info .train-time img{float: left;width: 16px;height: 16px;}
.wrapper-content-inner-trainlist li .train-info .train-time span{float: left;height: 16px;line-height: 16px;color:#7D7D7D;font-size: 14px;margin-left: 10px;}
.wrapper-content-inner-trainlist li .train-img{position: absolute;top:12px;right: 10px;width: 277px;height: 154px;}
.wrapper-content-inner-trainlist li .train-img img{width: 100%;height: 100%;}
.wrapper-content-inner-trainlist li:hover{box-shadow: 0px 5px 26px 0px rgba(121,134,128,0.2);
    border: 1px solid #E85044;}

/*音乐图书列表*/
.wrapper-content-inner-booklist{width: 1260px;display: block;margin: 0 auto;overflow: hidden;}
.wrapper-content-inner-booklist ul{width: 100%;display: block;}
.wrapper-content-inner-booklist li{width: 598px;height: 226px;border:1px solid #EBEBEB;float: left;list-style: none;cursor: pointer;margin-left: 20px;margin-bottom: 20px;border-radius: 4px;position: relative;}
.wrapper-content-inner-booklist li .book-img{float: left;width: 157px;height: 204px;background-image: url("../img/book_pic.png");background-position:center !important;background-repeat: no-repeat;text-align: center;margin-left: 15px;margin-top:11px;}
.wrapper-content-inner-booklist li .book-img img{width: 132px;height: 176px;margin-top:10px;}
.wrapper-content-inner-booklist li .book-info{float: left;width: 400px;display: block;overflow: hidden;margin-left: 5px;height: 226px;position: relative;}
.wrapper-content-inner-booklist li .book-name{height: 27px;line-height: 27px;display: block;overflow: hidden;font-size: 18px;color:#000;font-weight: bold;
    text-overflow: ellipsis;white-space: nowrap;width: 100%; margin:30px 0 0 0;}
.wrapper-content-inner-booklist li .book-author{height: 16px;line-height: 16px;display: block;overflow: hidden;font-size: 14px;color:#7D7D7D;
    text-overflow: ellipsis;white-space: nowrap;margin:15px 0 0 0;width: 100%;}
.wrapper-content-inner-booklist li .book-author img{float: left;width: 16px;height: 16px;margin-right: 10px;}
.wrapper-content-inner-booklist li .book-intro{height: 44px;line-height: 22px;display: block;overflow: hidden;font-size: 14px;color:#7D7D7D;width: 100%; margin:15px 0 0 0;}
.wrapper-content-inner-booklist li .book-price{position: absolute;bottom: 30px;left:0px; display: block;overflow: hidden;margin-top:30px;font-size: 24px;color: #FF1300;}
.wrapper-content-inner-booklist li .book-price del{font-size: 16px;color: #7D7D7D;margin-left: 9px;}
.wrapper-content-inner-booklist li .book-btn1{position: absolute;right: 118px;bottom: 25px;width: 100px;height: 34px;line-height: 34px;background-color:#E85044;  border:1px solid #E85044;text-align: center;font-size: 14px;color: #fff;border-radius: 2px;}
.wrapper-content-inner-booklist li .book-btn2{position: absolute;right: 18px;bottom: 25px;width: 90px;height: 34px;line-height: 34px; border:1px solid #E85044;text-align: center;font-size: 14px;color: #E85044;border-radius: 2px;}
.wrapper-content-inner-booklist li:hover{box-shadow: 0px 5px 26px 0px rgba(121,134,128,0.2);
    border: 1px solid #E85044;}

/*音乐图书详情*/
.book-detail-top{width: 100%;display: block;overflow: hidden;}
.book-detail-top .book-img{width: 204px;display: block;overflow: hidden;float: left;margin:50px 0 50px 85px;padding-bottom: 50px;}
.book-detail-top .book-img img{width: 100%;height: 100%;display: block;overflow: hidden;}
.book-detail-top .book-info{width: 895px;float: right;margin:50px 30px 50px 0;}
.book-detail-top .book-info .book-name{width: 100%;display: block;
    overflow: hidden;height: 34px;line-height: 34px;text-overflow: ellipsis;white-space: nowrap;font-size: 24px;}
.book-detail-top .book-info .book-author{width: 100%;height: 16px;line-height: 16px;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #212121;margin-top:20px;}
.book-detail-top .book-info .book-author span{color: #848484;}
.book-detail-top .book-info .book-intro{width: 100%;background-color: #F7F7F7;margin-top:24px;display: block;overflow: hidden;padding-bottom: 18px;}
.book-detail-top .book-info .intro-title{margin:18px 20px 0 20px;font-size: 14px;color: #848484;height: 20px;line-height: 20px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.book-detail-top .book-info .intro-d{margin:8px 20px 0 20px;line-height: 24px;font-size: 14px;color: #212121;display: block;overflow: hidden;max-height: 120px;}
.book-detail-top .book-info .book-price{width: 100%;margin-top:25px;font-size: 30px;color:#E85044;font-weight: bold;}
.book-detail-top .book-info .book-price del{font-weight: normal;font-size: 24px;color: #848484;margin-left: 15px;}
.book-detail-top .book-info .book-btn{width: 100%;font-size: 14px;margin-top:20px;cursor: pointer;}
.book-detail-top .book-info .book-btn div{width: 200px;height: 40px;line-height: 40px;background-color: #E85044;border-radius: 2px;text-align: center;color: #fff;float: left;}
.book-detail-top .book-info .book-btn .btn-w{width: 100px;background-color:#fff;height: 38px;line-height: 38px;border:1px solid #E85044;color: #E85044;margin-left: 15px;}

/*资源下载列表*/
.wrapper-content-inner-downloadlist{margin:0 30px 30px 30px; display: block;overflow: hidden;}
.wrapper-content-inner-downloadlist ul{width: 100%;display: block;}
.wrapper-content-inner-downloadlist li{width: 100%;list-style: none;float: left;border-bottom: 1px solid #EBEBEB;min-height: 60px;cursor: pointer;}
.wrapper-content-inner-downloadlist .down-info{width: 100%;display: block;overflow: hidden;min-height: 60px;position: relative;}
.wrapper-content-inner-downloadlist .down-info .down-ic{position: absolute;top:16px;left: 20px;}
.wrapper-content-inner-downloadlist .down-info .down-ic img{width: 28px;height: 28px;}
.wrapper-content-inner-downloadlist .down-info .down-title{line-height: 28px;margin: 16px 120px 16px 55px;font-size: 14px;font-weight: bold;}
.wrapper-content-inner-downloadlist .down-info .down-btn{position: absolute;top:14px;right: 85px;line-height: 28px;color: #FF0000;font-size: 14px;font-weight: bold;}
.wrapper-content-inner-downloadlist .down-info .down-btn::after{content: '';position: absolute;left:0;bottom: 0;right: 0;background-color:#FF0000;height: 1px;}
.wrapper-content-inner-downloadlist .down-info .type-red{color: #E85044;}
.wrapper-content-inner-downloadlist .down-info .type-blue{color: #7AC2FF;}
.wrapper-content-inner-downloadlist .down-info .type-yellow{color: #FFC63D;}
.wrapper-content-inner-downloadlist .down-info .type-green{color: #7DFF3D;}

/*更多链接*/
.wrapper-content-inner-linklist{margin: 0 30px;display: block;min-height: 350px;}
.wrapper-content-inner-linklist ul{width: 100%;display: block;overflow: hidden;margin-bottom: 50px;}
.wrapper-content-inner-linklist li{width: 100%;list-style: none;float: left;border-bottom:1px solid #EBEBEB;cursor: pointer;}
.wrapper-content-inner-linklist li div{width: 100%;font-size: 14px;font-weight: bold;padding: 24px 0;}

/*个人中心*/
.user-center-info{width: 100%;display: block;overflow: hidden;}
.user-center-info .uci-head{width: 142px;float: left;height: 142px;margin:44px 0 44px 60px;border-radius: 71px;display: block;overflow: hidden;background-color: #fcfcfc;}
.user-center-info .uci-head img{width: 100%;height: 100%;display: block;overflow: hidden;}
.user-center-info .uci-info{float: left;width: 800px;margin: 44px 0 44px 20px;display: block;overflow: hidden;}
.user-center-info .uci-info .uci-info-name{width: 100%;line-height: 20px;font-size: 16px;font-weight: bold;color:#333;margin-top:15px;display: block;overflow: hidden;}
.user-center-info .uci-info .uci-info-id{width: 100%;line-height: 15px;font-size: 14px;color:#999;margin-top:10px;display: block;overflow: hidden;}
.user-center-info .uci-info .uci-info-ot{width: 100%;display: block;overflow: hidden;}
.user-center-info .uci-info .uci-info-ot div{float: left;margin-right: 30px;line-height: 14px;color: #444343;margin-top:20px;}
.user-center-info .uci-info .uci-info-ot div img{float: left;height: 14px;}
.user-center-info .uci-info .uci-info-ot div span{float: right;margin-left: 10px;font-size: 14px;}
.user-center-info .uci-info .uci-info-de{width: 100%;display: block;overflow: hidden;color: #7D7D7D;line-height: 18px;margin-top:15px;font-size: 14px;}
.user-center-info .uci-info .uci-info-de span{color: #444343;}
.user-center-info .uci-btn{float: right;width: 122px;margin:70px 70px 0 0;}
.user-center-info .uci-btn .btn-d{width: 120px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #E85044;border:1px solid #E85044;border-radius: 2px;margin-top:12px;cursor: pointer;}
.user-center-info .uci-btn .btn-so{background-color: #E85044;color: #fff;}

.user-center-nav{position: absolute;top:0;left: 0;bottom:0;width: 240px;background-color: #fcfcfc;}
.user-center-nav ul{width: 100%;display: block;overflow: hidden;}
.user-center-nav li{width: 100%;display: block;overflow: hidden;float: left;list-style: none;height: 60px;line-height: 60px;text-align: center;font-size: 14px;color:#999;position: relative;
    cursor: pointer;}
.user-center-nav .cur{color: #E85044;font-weight: bold;background-color: #fff;}
.user-center-nav .cur::after{position: absolute;content: '';width: 2px;top:12px;left: 0;bottom: 12px;background-color: #E85044;}

.user-center-con{margin: 0 0 0 240px;display: block;overflow: hidden;}
.user-center-none{width: 179px;text-align: center;margin: 0 auto;margin-top:100px;}
.user-center-none img{width: 100%;display: block;overflow: hidden;}
.user-center-none div{font-size: 14px;color: #999;}
.user-center-con .wrapper-content-inner-malist{width: 100%; margin:20px 50px 0 50px;}

.wrapper-dialog{position: fixed;top:0;left:0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 99;display: none;}
.update-userinfo-dialog{position: absolute;top:50%;left: 50%;width: 580px;height: 480px;margin-top:-240px;margin-left: -290px;background-color: #fff;border-radius: 6px;font-size: 14px;}
.update-pwd-dialog{height: 370px;margin-top:-185px;}
.update-userinfo-dialog .update-u-title{width: 100%;height: 44px;line-height: 44px;position: relative;}
.update-userinfo-dialog .update-u-title .ut-left{margin: 0 15px;color: #212121;}
.update-userinfo-dialog .update-u-title .ut-close{position: absolute;width: 13px;height: 13px;right: 30px;top:15px;cursor: pointer;}
.update-userinfo-dialog .update-u-title .ut-close img{width: 100%;height: 100%;display: block;overflow: hidden;}
.update-userinfo-dialog .update-u-cloumn{width: 100%;display: block;overflow: hidden;}
.update-userinfo-dialog .upadte-cloumn{width: 100%;display: block;overflow: hidden;margin-top:20px;line-height: 48px;}
.update-userinfo-dialog .upadte-cloumn .uc-title{float: left;width: 90px;text-align: left;line-height: 48px;float: left;margin-left: 55px;font-size: 14px;color: #666;}
.update-userinfo-dialog .upadte-cloumn .uc-input{float: left;width: 380px;height: 48px;line-height: 48px;background-color: #F5F5F5;border-radius: 2px;display: block;overflow: hidden;}
.update-userinfo-dialog .upadte-cloumn .uc-input input{width: 90%;height: 48px;line-height: 48px;margin: 0 5%;background-color: inherit;border:none;outline: none;}
.update-userinfo-dialog .upadte-cloumn .uc-txt{float: left;width: 380px;height: 170px;background-color: #F5F5F5;border-radius: 2px;display: block;overflow: hidden;}
.update-userinfo-dialog .upadte-cloumn .uc-txt textarea{width: 90%;height: 140px; margin: 15px 5%;background-color: inherit;border:none;outline: none;}
.update-userinfo-dialog .update-u-btn{width: 100%;display: block;overflow: hidden;}
.update-userinfo-dialog .update-u-btn .ubtn-save{width: 134px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;background-color: #E85044;text-align: center;float: right;margin-top:40px; margin-right: 56px;border-radius: 2px;cursor: pointer;}

.download-type{margin: 15px 30px;height: 30px;line-height: 30px;color: #646464;font-size: 14px;}
.download-type div{float: left;padding: 0 15px;position: relative;display: inline-block;overflow: hidden;cursor: pointer;font-weight: bold;}
.download-type .cur{color: #FF0000;}
.download-type .cur::after{background-color: #FF0000;height: 2px;position: absolute;content: '';left:0;right: 0;bottom: 0;}

.user-buy-lititle{margin:30px 40px 0 40px;background-color: #F7F7F7;color: #646464;height: 40px;line-height: 40px; text-align: center;font-size: 14px;}
.user-buy-lititle div{float: left;}
.user-buy-list{margin:0 40px 0 40px;display: block;overflow: hidden;font-family: "SourceHanSansCN-Normal";}
.user-buy-list ul{width: 100%;display: block;overflow: hidden;}
.user-buy-list li{float: left;list-style: none;display: block;overflow: hidden;font-size: 14px;width: 100%;border-bottom:1px solid #EBEBEB;}
.user-buy-list li div{float: left;overflow: hidden;line-height: 18px;padding: 20px 0;}
.user-buy-list li .s-title span{display: inline-block;overflow: hidden;padding: 0 20px;}
.user-buy-list li .s-type{text-align: center;}
.user-buy-list li .s-type span{display: inline-block;overflow: hidden;padding: 0 30px;border:1px solid #59568B;color:#59568B;border-radius: 2px;}
.user-buy-list li .s-time{text-align: center;}
.user-buy-list li .s-time span{display: inline-block;overflow: hidden;}
.user-buy-list li .s-price{text-align: center;}
.user-buy-list li .s-price span{display: inline-block;overflow: hidden;color: #FF0000;}

/*选择支付或激活*/
.pay-select-dialog{position: absolute;top:50%;left: 50%;width: 620px;height: 440px;margin-top:-220px;margin-left: -310px;background-image: url("../img/buy_payment2_backdrop.png");background-repeat: no-repeat;background-position: center center;}
.pay-select-dialog .dialog-close{position: absolute;top:40px;right: 40px;cursor: pointer;}
.pay-select-dialog .dialog-title{margin:30px 0 0 40px;font-size: 24px;color:#212121;font-weight: bold;}
.pay-select-dialog .select-type{margin:30px 50px 0 50px;}
.pay-select-dialog .type-div{width: 50%;float: left; text-align: center;cursor: pointer;}
.pay-select-dialog .type-div .t-img{width: 150px;height: 150px;border-radius: 75px;display: block;overflow: hidden;margin:0 auto;}
.pay-select-dialog .type-div .t-img img{width: 100%;display: block;overflow: hidden;}
.pay-select-dialog .type-div .t-name{width: 100%;text-align: center;font-size: 20px;color: #666;margin-top:20px;font-weight: 500;}
.pay-select-dialog .type-div-cur .t-img{width: 142px;height: 142px;border-radius: 75px;display: block;overflow: hidden;border:4px solid #F73033;margin:0 auto;}
.pay-select-dialog .type-div-cur .t-name{color: #F73033;}
.pay-select-dialog .btn-select{position: absolute;bottom: 50px;left: 118px;right: 118px;height: 60px;line-height: 60px;text-align: center;
    background: linear-gradient(2deg, #FDE282, #F3B068);cursor: pointer;
    border-radius: 10px;color: #892500;font-size: 22px;font-weight: bold;}
.pay-select-dialog .select-tips{position: absolute;left:0;right: 0;bottom: 15px;font-size: 14px;color:#F73033;text-align: center;display: none;}