@charset "utf-8";
/* CSS Document */

/*精品好课*/

/*搜索 分类 年级*/
.normal-top{width: 1150px;margin: 0 auto;display: block;overflow: hidden;background-color: #F9F9F9;padding-bottom: 5px;}
.normal-top .normal-search{width: 1120px;height: 38px;background: #FFFFFF;border-radius: 19px;margin:20px 15px 0 15px;display: block;overflow: hidden;}
.normal-top .normal-search .ns-txt{width: 1009px;float: left;height: 38px;line-height: 38px;display: block;overflow: hidden;}
.normal-top .normal-search .ns-txt input{margin:0 30px;height: 38px;line-height: 38px;display: block;overflow: hidden;border:none;outline: none;font-size: 16px;width:90%;}
.normal-top .normal-search .ns-btn{float: right;height: 38px;line-height: 38px;display: block;overflow: hidden;width:111px;}
.normal-top .normal-search .ns-btn img{height:100%;display: block;overflow: hidden;margin:0;}
.normal-top .search-list{margin: 10px 15px 0 15px;display: block;overflow: hidden;}
.normal-top .search-list .sl-title{width: 90px;float: left;height: 24px;line-height: 24px;font-size:15px;color:#999;text-align: center;}
.normal-top .search-list .sl-list{width: 1020px;float: left;}
.normal-top .search-list .sl-list ul{width: 100%;display: block;overflow: hidden;}
.normal-top .search-list .sl-list li{display:inline-block;list-style: none;float: left;height: 24px;line-height: 24px;margin:0 30px 10px 0;font-size:16px;color:#333;}
.normal-top .normal-line{margin:0 15px;height: 1px;background-color: #e8e8e8;}
.normal-top .normal-class{margin:15px 15px 0 15px;display: block;overflow: hidden;}
.normal-top .normal-class .class-title{width: 93px;height: 30px;line-height: 30px;border-radius: 15px;background-color: #7F7F8D;text-align: center;color:#fff;font-size: 16px; float: left;border-top-right-radius: 0;}
.normal-top .normal-class .class-list{width: 1027px;float: left;}
.normal-top .normal-class .class-list ul{width: 100%;display: block;overflow: hidden;display: block;overflow: hidden;margin-bottom: 5px;}
.normal-top .normal-class .class-list li{float: left;list-style: none;height: 30px;line-height: 30px;padding: 0 15px;margin:0 0px 10px 10px;font-size: 16px;color:#333;cursor: pointer;}
.normal-top .normal-class .class-list .cur{background-color: #F9E9E2;border-radius: 15px;color: #F55916;font-weight: bold;}
.normal-top .normal-class .class-list li:hover{background-color: #F9E9E2;border-radius: 15px;color: #F55916;font-weight: bold;}


/*推荐  列表*/
.audio-recomm{width: 1200px;position: relative;display: block;overflow: hidden;background-color: #FFFAED;margin-top:15px;}
.audio-recomm .recomm-title{position: absolute;top:16px;left:17px;width: 105px;}
.audio-recomm .recomm-title img{width: 100%;}
.audio-recomm .recomm-ic{position: absolute;right:35px;top:11px;width: 87px;z-index:1;}
.audio-recomm .recomm-ic img{width: 100%;}
.audio-recomm .recomm-div{margin:92px 38px 20px 38px;display: block;overflow: hidden;position: relative;}
.audio-recomm .recomm-div .album-img{width: 245px;height:245px;position: absolute;top:0;left:0;}
.audio-recomm .recomm-div .album-img img{width: 100%;height: 100%;}
.audio-recomm .recomm-div .album-ic{position: absolute;top:35px;left:245px;width:53px;}
.audio-recomm .recomm-div .album-ic img{width:100%;}
.audio-recomm .recomm-div .album-info{margin: 0 0 0 325px;height: 245px;position: relative;display: block;overflow: hidden;}
.audio-recomm .recomm-div .album-info .album-name{width:100%;height: 40px;line-height: 40px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:20px;font-size: 30px;color:#333;font-weight: bold;}
.audio-recomm .recomm-div .album-info .album-intro{width:100%;height: 70px;line-height: 35px;display: block;overflow: hidden;margin-top:18px;font-size: 20px;color:#999;}
.audio-recomm .recomm-div .album-info .album-num{position: absolute;bottom:20px;left:0;right:0;height: 26px;line-height: 26px;}
.audio-recomm .recomm-div .album-info .album-num div{float: left;height: 26px;line-height: 26px;display: inline-block;margin-right:70px;}
.audio-recomm .recomm-div .album-info .album-num div img{width: 26px;height: 26px;float: left;margin-right: 7px;}
.audio-recomm .recomm-div .album-info .album-num div span{float: right;height: 26px;line-height: 26px;display: inline-block;font-size: 18px;color: #999;}

.album-list{width: 1200px;display: block;overflow: hidden;margin:0 auto; margin-top:20px;}
.album-list ul{margin:0 5px; display: block;overflow: hidden;}
.album-list li{width: 370px;float: left;margin:0 0 20px 20px;display: block;overflow: hidden;background-color: #f9f9f9;}
.album-list li .album-img{width: 330px;height:330px;margin:20px 20px 0 20px;position: relative;}
.album-list li .album-img img{width: 100%;height: 100%;}
.album-list li .album-img div{position: absolute;top:0;left:0;right:0;bottom:0;background-color: rgba(51,51,51,0.6);display: none;}
.album-list li:hover .album-img div{display: block;}
.album-list li .album-img div img{position: absolute;top:50%;left:50%;width:60px;height:60px;margin-top:-30px;margin-left:-30px;}
.album-list li .album-name{margin:15px 20px;height: 20px;line-height: 20px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;color:#333;}
.album-list li:hover .album-name{color:#F55916;}
.album-list li .album-intro{margin:0 20px;height: 40px;line-height: 20px;display: block;overflow: hidden;font-size: 15px;color:#999;}
.album-list li .album-num{margin:15px 20px;height: 18px;line-height: 18px;}
.album-list li .album-num div{float: left;height: 18px;line-height: 18px;display: inline-block;margin-right:60px;}
.album-list li .album-num div img{width: 18px;height: 18px;float: left;margin-right: 7px;}
.album-list li .album-num div span{float: right;height: 18px;line-height: 18px;display: inline-block;font-size: 12px;color: #999;}

.album-list li .video-img{width: 330px;height:186px;margin:20px 20px 0 20px;position: relative;}
.album-list li .video-img img{width: 100%;height: 100%;}
.album-list li .video-img div{position: absolute;top:0;left:0;right:0;bottom:0;display: block;}
.album-list li .video-img div img{position: absolute;top:50%;left:50%;width:60px;height:60px;margin-top:-30px;margin-left:-30px;}
.album-list li .video-img span{position: absolute;left:6px;bottom:6px;height: 26px;line-height: 26px;border-radius:13px;background-color: rgba(51,51,51,0.6);color:#fff;font-size: 14px;padding:0 10px;}

.audio-recomm .recomm-video{margin:92px 0 20px 0;display: block;overflow: hidden;position: relative;}
.audio-recomm .recomm-video ul{margin:0 5px;display: block;overflow: hidden;}
.audio-recomm .recomm-video li{width: 565px;float: left;margin:0 0 0 20px;display: block;overflow: hidden;background-color: #f9f9f9;}
.audio-recomm .recomm-video li .video-img{margin:20px 20px 0 20px; width: 525px;height:295px;position: relative;}
.audio-recomm .recomm-video li .video-img img{width: 100%;height: 100%;}
.audio-recomm .recomm-video li .video-img div{position: absolute;top:0;left:0;right:0;bottom:0;display: block;}
.audio-recomm .recomm-video li .video-img div img{position: absolute;top:50%;left:50%;width:60px;height:60px;margin-top:-30px;margin-left:-30px;}
.audio-recomm .recomm-video li .album-name{margin:15px 20px;height: 28px;line-height: 28px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 24px;color:#333;}
.audio-recomm .recomm-video li:hover .album-name{color:#F55916;}
.audio-recomm .recomm-video li .album-intro{margin:0 20px;height: 40px;line-height: 20px;display: block;overflow: hidden;font-size: 15px;color:#999;}
.audio-recomm .recomm-video li .album-num{margin:15px 20px;height: 22px;line-height: 22px;}
.audio-recomm .recomm-video li .album-num div{float: left;height: 22px;line-height: 22px;display: inline-block;margin-right:70px;}
.audio-recomm .recomm-video li .album-num div img{width: 22px;height: 22px;float: left;margin-right: 7px;}
.audio-recomm .recomm-video li .album-num div span{float: right;height: 22px;line-height: 22px;display: inline-block;font-size: 14px;color: #999;}

.course-list{width: 1200px;display: block;overflow: hidden;margin:0 auto; margin-top:20px;}
.course-list ul{margin: 0 25px;display: block;overflow: hidden}
.course-list li{width: 100%;float: left;height: 210px;display: block;overflow: hidden;margin-bottom: 20px;background-color: #f9f9f9;position: relative;}
.course-list li .video-img{position: absolute;top:20px;left:20px;width: 300px;height: 170px;}
.course-list li .video-img img{width: 100%;height: 100%;}
.course-list li .video-img div{position: absolute;top:0;left:0;right:0;bottom:0;display: block;}
.course-list li .video-img div img{position: absolute;top:50%;left:50%;width:60px;height:60px;margin-top:-30px;margin-left:-30px;}
.course-list li .video-img span{position: absolute;left:6px;bottom:6px;height: 26px;line-height: 26px;border-radius:13px;background-color: rgba(51,51,51,0.6);color:#fff;font-size: 14px;padding:0 10px;}
.course-list li .album-info{margin: 20px 20px 0 345px;height: 170px;position: relative;display: block;overflow: hidden;}
.course-list li .album-info .album-name{width:100%;height: 28px;line-height: 28px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:15px;font-size: 24px;color:#333;}
.course-list li:hover .album-info .album-name{color:#F55916;}
.course-list li .album-info .album-desc{height: 50px;line-height: 25px;width:100%;display: block;overflow: hidden;font-size: 16px;color: #999;margin-top:18px;}
.course-list li .album-info .album-num{position: absolute;bottom:15px;left:0;right:0;height: 22px;line-height: 22px;}
.course-list li .album-info .album-num div{float: left;height: 22px;line-height: 22px;display: inline-block;margin-right:80px;}
.course-list li .album-info .album-num div img{width: 22px;height: 22px;float: left;margin-right: 7px;}
.course-list li .album-info .album-num div span{float: right;height: 22px;line-height: 22px;display: inline-block;font-size: 16px;color: #999;}

/*详情*/
.album-detail-top{margin:10px 25px 0 25px;display: block;overflow: hidden;position: relative;}
.album-detail-top .album-img{width: 245px;height:245px;position: absolute;top:0;left:0;}
.album-detail-top .video-img{width: 367px;height: 211px;}
.album-detail-top .video-img div{position: absolute;top:0;left:0;right:0;bottom:0;display: block;}
.album-detail-top .video-img div img{position: absolute;top:50%;left:50%;width:60px;height:60px;margin-top:-30px;margin-left:-30px;}
.album-detail-top .album-img img{width: 100%;height: 100%;}
.album-detail-top .album-ic{position: absolute;top:35px;left:245px;width:53px;}
.album-detail-top .album-ic img{width:100%;}
.album-detail-top .album-info{margin: 0 0 0 325px;min-height: 245px;position: relative;display: block;overflow: hidden;}
.album-detail-top .video-info{margin:0 0 0 385px;min-height: 211px;}
.album-detail-top .album-info .album-name{width:100%;line-height: 35px;display: block;overflow: hidden;margin:20px 0;font-size: 30px;color:#333;font-weight: bold;}
.album-detail-top .album-info .album-intro{width:100%;line-height: 30px;display: block;overflow: hidden;margin-top:10px;font-size: 20px;color:#333;}
.album-detail-top .album-info .album-intro span{color:#999;}
.album-detail-top .album-info .album-num{width:100%;height: 26px;line-height: 26px;position: relative;margin-top:20px;}
.album-detail-top .album-info .album-num div{float: left;height: 26px;line-height: 26px;display: inline-block;margin-right:85px;}
.album-detail-top .album-info .album-num div img{width: 26px;height: 26px;float: left;margin-right: 7px;}
.album-detail-top .album-info .album-num div span{float: right;height: 26px;line-height: 26px;display: inline-block;font-size: 18px;color: #999;}
.album-detail-top .album-info .album-num .album-state{position: absolute;top:0;right:0;margin-right: 0;background-color: #FEEEE8;color:#FE5A2A;font-size: 18px;padding: 0 10px;border-radius: 5px;}
.album-detail-top .album-info .album-op{width:100%;margin-top:25px;display: block;overflow: hidden;}
.album-detail-top .album-info .album-op .op-play{float: left;width: 126px;height: 41px;cursor: pointer;}
.album-detail-top .album-info .album-op .op-play img{width: 126px;height: 41px;display: block;overflow: hidden;}
.album-detail-top .album-info .album-op .op-collect{float: left;height: 36px;line-height: 36px;margin-left: 15px;cursor: pointer;}
.album-detail-top .album-info .album-op .op-collect img{width: 24px;height: 24px;margin:6px;float: left;}
.album-detail-top .album-info .album-op .op-collect span{height: 36px;line-height: 36px;font-size: 16px;color:#999;font-weight: bold;}

.album-detail-menu{margin:10px 25px 0 25px;border-bottom: 1px solid #f9f9f9;height: 60px;display: block;overflow: hidden;}
.album-detail-menu div{float: left;margin-right: 60px;color:#333;font-weight: bold;font-size: 22px;height: 60px;line-height: 60px;position: relative;padding: 0 5px;cursor: pointer;}
.album-detail-menu div span{font-weight: normal;font-size: 16px;color:#999;}
.album-detail-menu .cur{color:#FE5A2A}
.album-detail-menu .cur::after{position: absolute;content:"";left:5%;width: 90%;bottom:0;height: 3px;border-radius: 2px;background-color: #FE5A2A;}

.program-list{margin:30px 25px 0 25px;display: block;overflow: hidden;}
.program-list ul{width: 100%;display: block;overflow: hidden;}
.program-list ul li{width: 100%;display: block;overflow: hidden;position: relative;margin-bottom: 20px;cursor: pointer;}
.program-list ul li .program-info{margin: 0 25px 0 0;background-color: #f9f9f9;display: block;overflow: hidden;}
.program-list ul li .program-info .program-name{margin: 15px 68px 15px 15px;font-size: 18px;color: #333;line-height: 22px;display: block;overflow: hidden;font-weight: bold;}
.program-list ul li:hover .program-info .program-name{color:#F55916;}
.program-list ul li .program-info .program-num{margin: 0px 68px 15px 15px;width:100%;height: 18px;line-height: 18px;position: relative;}
.program-list ul li .program-info .program-num div{float: left;height: 18px;line-height: 18px;display: inline-block;margin-right:25px;}
.program-list ul li .program-info .program-num img{width: 18px;height: 18px;float: left;margin-right: 7px;}
.program-list ul li .program-info .program-num span{float: right;height: 18px;line-height: 18px;display: inline-block;font-size: 14px;color: #999;}
.program-list ul li .program-ic{position: absolute;top:50%;right:0;width: 68px;height: 68px;margin-top:-34px;}
.program-list ul li .program-ic img{width: 100%;display: block;overflow: hidden;}
.program-list ul li .program-ic .ic-on{display: none;}
.program-list ul li .program-ic .ic{display: block;}
.program-list ul li:hover .program-ic .ic-on{display: block;}
.program-list ul li:hover .program-ic .ic{display: none;}
.program-list ul li .program-info .program-num .program-state{background-color: #F9E9E2;padding: 0 5px;border-radius: 2px;color:#F55916;}

.album-detail-con{margin:30px 25px 30px 25px;display: block;overflow: hidden;font-size: 16px;color:#333;line-height: 30px;}
.album-detail-con img{max-width:100%;}

.album-comment{margin:30px 25px 30px 25px;display: block;overflow: hidden;}
.album-comment .comment-area{width:100%;height: 150px;background-color: #f9f9f9;position: relative;display: block;overflow: hidden;}
.album-comment .comment-area textarea{width:96%;margin: 20px 2%;height: 100px;border:none;outline: none;background-color: inherit;font-size: 16px;}
.album-comment .comment-area .comment-op{position: absolute;bottom:20px;right:20px;height: 36px;line-height: 36px;border-radius: 18px;background-color: #FFB400;color:#fff;font-weight: bold;font-size: 16px;padding: 0 25px;cursor: pointer;}

.comment-score{margin: 20px 25px 0 25px;height: 25px;line-height: 24px;color:#666;font-size: 16px;display: block;overflow: hidden;cursor: pointer;}
.comment-score span{float: left;height: 25px;line-height: 24px;display: inline-block;}
.comment-score div{float: left;width: 24px;height: 24px;margin-right: 5px;}
.comment-score div img{width: 100%;}

.album-comment .comment-list{width:100%;margin-top:20px;display: block;overflow: hidden;}
.album-comment .comment-list ul{width:100%;display: block;overflow: hidden;}
.album-comment .comment-list li{width:100%;display: block;overflow: hidden;position: relative;margin-bottom: 20px;}
.album-comment .comment-list .comment-img{position: absolute;top:0;left:0;width: 66px;}
.album-comment .comment-list .comment-img img{width: 66px;height:66px;border-radius: 33px;display: block;overflow: hidden;}
.album-comment .comment-list .comment-info{margin: 0 0 0 80px;min-height: 66px;}
.album-comment .comment-list .comment-name{width: 100%;line-height: 30px;font-size: 18px;color:#333;font-weight: bold;}
.album-comment .comment-list .comment-name span{font-weight: normal;color:#999;font-size: 14px;margin-left: 15px;}
.album-comment .comment-list .comment-con{width:100%;margin-top:5px;line-height: 25px;font-size: 16px;color:#333;}
.album-comment .comment-list .comment-reply{width: 100%;background-color: #F9F9F9;margin-top:15px;display: block;overflow: hidden;}
.album-comment .comment-list .comment-reply div{margin:10px;line-height: 25px;font-size: 16px;color:#333;display: block;overflow: hidden;}
.album-comment .comment-list .comment-line{width: 100%;height: 1px;background-color: #f9f9f9;margin-top:20px;}

/*播放*/
.album-play-top{margin:10px 25px 20px 25px;display: block;overflow: hidden;}
.album-play-top .play-div{width: 100%;display: block;overflow: hidden;}
.album-play-top .play-div video{width: 100%;display: block;overflow: hidden;}
.album-play-top .apt-info{width: 100%;background-color: #f9f9f9;display: block;overflow: hidden;position: relative;}
.album-play-top .apt-info .apt-p-name{margin: 15px 20px 0 20px;line-height: 20px;font-size: 16px;color: #666;}
.album-play-top .apt-info .apt-a-name{margin: 10px 20px 0 20px;line-height: 30px;font-size: 24px;color: #333;font-weight: bold;}
.album-play-top .apt-info .album-num{height: 22px;line-height: 22px;position: relative;margin: 16px 20px 20px 20px;}
.album-play-top .apt-info .album-num div{float: left;height: 22px;line-height: 22px;display: inline-block;margin-right:55px;}
.album-play-top .apt-info .album-num div img{width: 22px;height: 22px;float: left;margin-right: 7px;}
.album-play-top .apt-info .album-num div span{float: right;height: 22px;line-height: 22px;display: inline-block;font-size: 15px;color: #999;}

.album-play-title{margin:10px 25px 0 25px;display: block;overflow: hidden;line-height: 30px;font-size: 22px;color:#333;font-weight: bold;}
.album-play-title span{color:#999;font-size: 16px;font-weight: normal;}

.album-play-list-t{margin:10px 25px 0 25px;display: block;overflow: hidden;}
.album-play-list-t ul{width:100%;display: block;overflow: hidden;}
.album-play-list-t li{float: left;font-size: 20px;color:#999;font-weight: bold;line-height: 30px;margin:0 20px 10px 0;cursor: pointer;}
.album-play-list-t .cur{color:#333;}

.album-play-list-p{margin:0px 25px 20px 25px;display: block;overflow: hidden;}
.album-play-list-p ul{width:100%;display: block;overflow: hidden;}
.album-play-list-p li{cursor: pointer;float: left;font-size: 20px;color:#999;font-weight: bold;margin:0 10px 10px 0;width: 72px;height: 60px;line-height: 60px;text-align: center;background-color: #EEECF5;border-radius: 8px;position: relative;}
.album-play-list-p li img{position: absolute;right:6px;bottom:8px;width: 12px;height:12px;}
.album-play-list-p .cur{background-color: #FEF7E4;color:#FFB400;}

.audio-play-div{position: fixed;left:0;right:0;min-width: 1200px;bottom:0;height: 75px;background-color: rgba(51,51,51,0.94)}
.audio-play-div-detail{margin: 0 auto;width: 1200px;height: 75px;position: relative;cursor: pointer;}
.audio-play-div-detail .apd-img{position: absolute;top:9px;left:0;width:57px;height: 57px;}
.audio-play-div-detail img{width: 100%;height:100%;}
.audio-play-div-detail .apd-pre{position: absolute;top:14px;left:75px; width: 47px;height: 47px;}
.audio-play-div-detail .apd-play{position: absolute;top:15px;left:137px; width: 45px;height: 45px;}
.audio-play-div-detail .apd-next{position: absolute;top:14px;left:197px; width: 47px;height: 47px;}
.audio-play-div-detail .apd-name{position: absolute;top:15px;left:260px; font-size: 15px;color:#fff;}
.audio-play-div-detail .apd-ptype{position: absolute;top:24px;right:37px; width: 27px;height: 27px;}
.audio-play-div-detail .apd-list{position: absolute;top:24px;right:0px; width: 27px;height: 27px;}

.audio-play-list{position: fixed;left:50%;margin-left:-600px;width: 1200px;bottom:80px;height: 400px;background-color: rgba(51,51,51,0.94)}
.audio-play-list .audio-play-list-title{position: absolute;top:0;left:20px;right:20px;height:60px;line-height: 60px;color:#fff;font-size: 22px;font-weight: bold;border-bottom:1px solid #f0f0f0;}
.audio-play-list .apl-list{position: absolute;top:81px;left:20px;right:20px;bottom:0;overflow-y: scroll;}
.audio-play-list .apl-list ul{width: 100%;display: block;overflow: hidden}
.audio-play-list .apl-list li{width: 100%;height: 55px;line-height: 55px;color:#fff;font-size: 17px;position: relative;float: left;list-style: none;cursor: pointer;}
.audio-play-list .apl-list li .apl-lt{margin: 0 60px 0 0;position: relative;}
.audio-play-list .apl-list li .apl-lt img{position: absolute;width:25px;height: 25px;top:15px;left:0;}
.audio-play-list .apl-list li .apl-lt div{margin:0 0 0 0;height: 55px;line-height: 55px;display: block;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.audio-play-list .apl-list .cur .apl-lt div{margin-left:35px;color:#FE5A2A;}
.audio-play-list .apl-list li .apl-lic{position: absolute;right:0;top:16px; height: 23px;line-height: 23px;background-color: rgba(254, 90, 42, 0.1);color:#FE5A2A;font-size: 15px;padding: 0 5px;border-radius: 5px;}

.jindu{
    position: absolute;
    left: 250px;
    right: 190px;
    bottom: 10px;
    height: 30px;
    cursor: pointer;
}
.jindutiao{
    position: absolute;
    left: 15px;
    right: 15px;
    top: 14px;
    border-bottom: 2px solid #f9f9f9;
    border-radius: 1px;
}
.ssjd{
    position: absolute;
    left: 0;
    top: 0;
    width:0.0rem;
    background-color:red;
    border-bottom: 3px solid #FE5A2A;
    -webkit-transition: width ease-out 0.3s;
    -o-transition: width ease-out 0.3s;
    transition: width ease-out 0.3s;
    border-radius: 1px;
}
@-webkit-keyframes circle{
    0%{ transform: rotate(0deg); }
    100%{ transform: rotate(360deg); }
}
.yuan{
    position: absolute;
    left: 100%;
    top: -7px;
    width: 15px;
    margin-left: -7px;
    height: 15px;
    /*background-color: #fff;*/
    /*border: 1.5px solid orangered;*/
    box-sizing: border-box;
}

.audio_time{position: absolute;left:1010px;bottom:10px;height: 30px;line-height: 30px;color:#ccc;font-size: 13px;}
.audio_time .qstime{color:#fff;}

.dialog-code{position: fixed;z-index:999;top:0;left:0;right:0;bottom:0;background-color: rgba(0,0,0,0.5);}
.dialog-code .dialog-code-div{width: 500px;height: 300px;position: absolute;top:50%;left:50%;margin-top:-150px;margin-left:-250px;background-color: #fff;border-radius: 15px;}
.dialog-code .dialog-code-div .dcd-close{position: absolute;top:20px;right:20px;}
.dialog-code .dialog-code-div .dcd-close img{width: 20px;height: 20px;}
.dialog-code .dialog-code-div .dcd-title{margin: 20px;display: block;overflow: hidden;font-size: 18px;text-align: center;font-weight: bold;}
.dialog-code .dialog-code-div .dcd-img{width: 200px;height: 200px;margin: 0 auto;display: block;overflow: hidden;}
.dialog-code .dialog-code-div .dcd-img img{width: 200px;height: 200px;}