/* COMBO: filename = css/base.v99.css, type = text/css, resp = 200 */ /* COMBO: filename = css/base.v83.css, type = text/css, resp = 200 */ /* COMBO: filename = css/base.v75.css, type = text/css, resp = 200 */ @charset "UTF-8"; /* reset */ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:none;vertical-align:baseline;font:inherit;font-size:100%} address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} table{border-collapse:collapse;border-spacing:0} caption,th{text-align:left;font-weight:400} abbr,body,fieldset,html,iframe,img{border:0} address,cite,dfn,em,i,var{font-style:normal} [hidefocus],summary{outline:0} li{list-style:none} h1,h2,h3,h4,h5,h6,small{font-size:100%} sub,sup{font-size:83%} code,kbd,pre,samp{font-family:inherit} q:after,q:before{content:none} textarea{overflow:auto;resize:none} label,summary{cursor:default} a,button{cursor:pointer} img{border:none} b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700} a,a:hover,del,ins,s,u{text-decoration:none} body,button,input,keygen,legend,select,textarea{outline:0;color:#333;font:14px/1 '微软雅黑',Microsoft YaHei,Arial,Verdana,\5b8b\4f53} body{min-width:1200px;background:#fff;overflow-x:hidden} a,a:hover{color:#666;text-decoration:none} li,ul{list-style-type:none} .clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:'.';font-size:0;line-height:0} .fl{float:left} .fr{float:right} html,body{min-width:1200px;height:100%} a,a:hover{color:#666} *,*:after{-webkit-box-sizing:border-box;box-sizing:border-box} /*public class*/ .tran{-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear} .hide{display:none !important} .show{display:block !important} .layout-cont{width:1240px;margin:0 auto} .block-bg{background:#fafafa} .overhiden{overflow:hidden} /*弹窗功用样式部分*/ .hkt-win{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);z-index:1000;overflow:hidden} .hkt-win .hkt-mask{display:table;table-layout:fixed;width:100%;height:100%} .hkt-win .hkt-cell{display:table-cell;width:100%;height:100%;vertical-align:middle;padding:10px} /*公共提示弹窗*/ .comments-popup{margin:0 auto;width:580px;background:#fff;-webkit-border-radius:2px;border-radius:2px;position:relative;overflow:hidden} .comments-popup .close-btn{position:absolute;top:14px;right:14px;display:block;width:15px;height:15px;background:url(/assets/revision/images/base-icon.v13.png) no-repeat -69px -493px;cursor:pointer} .comments-popup .popup-title{height:47px;border-bottom:1px #c1c1c1 solid;text-align:center} .comments-popup .popup-title .title-word{color:#333;font-size:18px;line-height:47px} .comments-popup .popup-main{padding:20px 15px} .comments-popup .rm-main p{padding:20px 0;color:#666;text-align:center;font-size:18px;line-height:22px} .comments-popup .but-box{margin-top:15px;text-align:center;padding-bottom:20px} .comments-popup .but-box .rm-but{display:inline-block;margin:0 5px;width:86px;height:40px;-webkit-border-radius:2px;border-radius:2px;background:#f0efed;color:#666;text-align:center;font-size:18px;line-height:40px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;cursor:pointer} .comments-popup .but-box .rm-but.sure-btn{background:#f8d447;color:#333} /*默认缺省页*/ .default-null-page{padding:40px;text-align:center} .default-null-page p{font-size:16px;margin-top:30px;color:#999} #body-container{position:relative;min-height:100%;padding-bottom:186px;-webkit-box-sizing:border-box;box-sizing:border-box} /*== 弹窗功用样式部分 end==*/ /*==header end==*/ /*flowItem*/ /*列表流 最新修改于6-227*/ .flow-list{margin-bottom:-20px;margin-right:-20px;width:104% \9} .flow-list .flow-item{position:relative;width:295px;margin:0 20px 20px 0} .flow-list .flow-item:hover:after{width:100%} .flow-list .flow-item:hover .show-mask{opacity:1;-ms-filter:Alpha(Opacity=100);filter:Alpha(Opacity=100);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000)} .flow-list .flow-item:hover .play-btn{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-ms-filter:Alpha(Opacity=100);filter:Alpha(Opacity=100)} .flow-list .flow-item:hover .time-length{opacity:0;filter:alpha(opacity=0)} .flow-list .flow-item:after{content:'';width:0;height:3px;background:#ffd500;position:absolute;left:0;bottom:0;-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in} .flow-list .flow-item .item-show{width:295px;height:180px;position:relative;overflow:hidden;border:1px solid #ececec;border-bottom:none} .flow-list .flow-item .time-length{display:block;padding:0 6px;height:15px;line-height:15px;background:rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);text-align:center;font-size:12px;color:#fff;-webkit-border-radius:4px;border-radius:4px;position:absolute;right:8px;bottom:10px;-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in} .flow-list .flow-item .play-btn{display:block;width:60px;height:60px;-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;-ms-filter:Alpha(Opacity=0);filter:Alpha(Opacity=0);position:absolute;left:50%;top:50%;margin:-30px -30px;z-index:1;background:url(/assets/revision/images/base-icon.v13.png) no-repeat 0 -490px;-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in} .flow-list .flow-item .show-img{width:100%;height:100%;position:relative;overflow:hidden} .flow-list .flow-item .show-img img{display:block;width:100%;height:100%} .flow-list .flow-item .show-mask{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);opacity:0;-ms-filter:Alpha(Opacity=0);filter:Alpha(Opacity=0);-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in} .flow-list .flow-item .item-info{border:1px solid #eee;padding:12px;background:#fff;border-bottom:3px solid #ececec} .flow-list .flow-item .info-title .title-name{font-size:14px;color:#666;display:block;max-width:208px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;height:15px} .flow-list .flow-item .info-title .type-label{display:block;height:14px;line-height:14px;font-size:12px;text-align:center;color:#fff;-webkit-border-radius:7px;border-radius:7px;padding:0 5px} .flow-list .flow-item .info-title .type-label.type-words{background:#ffa900} .flow-list .flow-item .info-title .type-label.type-poster{background:#449ee1} .flow-list .flow-item .info-title .type-label.type-sysn{background:#80c269} .flow-list .flow-item .info-title .type-label.type-task{background:#f2c763} .flow-list .flow-item .info-title .type-label.type-software{background:#fa8074} .flow-list .flow-item .info-title .type-label.type-c4d{background:#367dd5} .flow-list .flow-item .info-title .type-label.type-synthesis{background:#00a99d} .flow-list .flow-item .info-title .type-label.type-cpjx{background:#b062a3} .flow-list .flow-item .info-title .type-label.type-syhq{background:#494166} .flow-list .flow-item .info-title .type-label.type-lesson{background:#779210} .flow-list .flow-item .info-title .type-label.type-dynamic{background:#d49688} .flow-list .flow-item .info-title .type-label.type-occupation{background:#00528e} .flow-list .flow-item .info-title .type-label.type-printing{background:#a68369} .flow-list .flow-item .info-title .type-label.type-portrait{background:#ccb374} .flow-list .flow-item .info-title .type-label.type-illustration{background:#ea5541} .flow-list .flow-item .info-title .type-label.type-store{background:#617f74} .flow-list .flow-item .info-title .type-label.type-packing{background:#e5869a} .flow-list .flow-item .info-title .type-label.type-indoor{background:#74c4c4} .flow-list .flow-item .info-tabs{margin-top:15px} .flow-list .flow-item .info-tabs .tabs-sp{display:inline-block;font-size:14px;height:14px;line-height:14px;color:#999;margin-right:10px;position:relative;padding-left:25px} .flow-list .flow-item .info-tabs .tabs-sp:before{content:'';height:14px;display:block;background:url(/assets/revision/images/base-icon.v13.png) no-repeat;position:absolute;left:0;top:0} .flow-list .flow-item .info-tabs .tabs-sp.view-num:before{width:21px;background-position:-238px -379px} .flow-list .flow-item .info-tabs .tabs-sp.disc-num:before{width:19px;background-position:-238px -403px} .flow-list .flow-item .info-tabs .other-sp{font-size:14px;color:#999} /*// flow-item-add // */ .flow-list .flow-item .item-title{padding:0 12px;height:28px;width:100%;position:absolute;bottom:0;line-height:28px;color:#333;left:0;background:#ffd500;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;opacity:0;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s} .flow-list .flow-item:hover .item-title{opacity:1} .flow-list .flow-item .item-user{margin-top:15px} .flow-list .flow-item .item-user > img{display:inline-block;width:24px;height:24px;-webkit-border-radius:50%;border-radius:50%;vertical-align:middle} .flow-list .flow-item .item-user .nm{vertical-align:middle;color:#999;margin-left:5px} .flow-list .flow-item .item-user .nm .nm-vip-icon{display:inline-block;vertical-align:-3px;width:17px;height:16px;background:url(/assets/revision/images/play-detail-icons.png) no-repeat -3px -242px} .disc-agin-btn{width:70px;height:22px;line-height:22px;font-size:14px} .flow-list .flow-item .item-info.uhome-page .last-time{width:100%;position:relative;font-size:14px;color:#999;text-align:left;margin-top:10px} .flow-list .flow-item .item-info.uhome-page .last-time:hover .time-tips{display:block} .flow-list .flow-item .item-info.uhome-page .time-tips{display:none;width:180px;padding:10px;background:#ffd500;line-height:19px;font-size:12px;color:#333;-webkit-border-radius:3px 3px 3px 0;border-radius:3px 3px 3px 0;position:absolute;left:20%;top:-70px} .flow-list .flow-item .item-info.uhome-page .time-tips:after{content:'';display:block;width:0;height:0;border-top:10px solid #ffd500;border-right:8px solid transparent;position:absolute;left:0;bottom:-10px} .flow-list .flow-item .info-tabs .tabs-sp.good-num{padding-left:16px} .flow-list .flow-item .info-tabs .tabs-sp.good-num:before{content:'';height:14px;width:14px;display:block;background:url(/assets/revision/images/thumbs-like.png) no-repeat;position:absolute;left:0;top:0} /*新添加结束*/ /*==flowItem end ==*/ /*侧边悬浮*/ .fixed-bar{position:fixed;bottom:20%;right:50%;margin-right:-750px;z-index:999} .fixed-bar .fixed-box{position:relative;width:60px;height:60px;border:1px solid #eee;border-top:0;background:#fff} .fixed-bar .fixed-box.first-child{border-top:1px solid #eee} .fixed-bar .fixed-box.first-child .box-drop{top:-1px} .fixed-bar .fixed-box:hover{border-color:#ffd500} .fixed-bar .fixed-box:hover .box-label{background:#ffd500} .fixed-bar .fixed-box:hover .box-drop{display:block} .fixed-bar .fixed-box:hover .box-label.invite-label .label-icon{background-position:-136px -489px} .fixed-bar .fixed-box:hover .box-label.app-label .label-icon{background-position:-336px -489px} .fixed-bar .fixed-box:hover .box-label.qqlm-label .label-icon{background-position:-176px -489px} .fixed-bar .fixed-box:hover .box-label.suggess-label .label-icon{background-position:-217px -489px} .fixed-bar .fixed-box:hover .box-label.qqkf-label .label-icon{background-position:-259px -489px} .fixed-bar .fixed-box:hover .box-label.gotop-label .label-icon{background-position:-297px -489px} .fixed-bar .fixed-box .box-label{display:block;width:58px;height:59px;cursor:pointer} .fixed-bar .fixed-box .box-label .label-icon{display:block;margin:0 auto;background:url(/assets/revision/images/base-icon.v13.png) no-repeat} .fixed-bar .fixed-box .box-label.invite-label{padding-top:14px} .fixed-bar .fixed-box .box-label.app-label{padding-top:14px} .fixed-bar .fixed-box .box-label.invite-label .label-icon{width:29px;height:30px;background-position:-136px -444px} .fixed-bar .fixed-box .box-label.app-label .label-icon{width:28px;height:33px;background-position:-336px -444px} .fixed-bar .fixed-box .box-label.qqlm-label{padding-top:16px} .fixed-bar .fixed-box .box-label.qqlm-label .label-icon{width:31px;height:25px;background-position:-176px -444px} .fixed-bar .fixed-box .box-label.suggess-label{padding-top:18px} .fixed-bar .fixed-box .box-label.suggess-label .label-icon{width:32px;height:26px;background-position:-217px -444px} .fixed-bar .fixed-box .box-label.qqkf-label{padding-top:16px} .fixed-bar .fixed-box .box-label.qqkf-label .label-icon{width:28px;height:31px;background-position:-259px -444px} .fixed-bar .fixed-box .box-label.gotop-label{padding-top:24px} .fixed-bar .fixed-box .box-label.gotop-label .label-icon{width:28px;height:15px;background-position:-297px -444px} .fixed-bar .fixed-box .box-drop{position:absolute;right:50%;margin-right:30px;top:0;background:#ffd500;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;display:none} .fixed-bar .fixed-box .box-drop .target-link{height:60px;width:85px;line-height:60px;text-align:center;display:block;font-size:16px;color:#333} .fixed-bar .fixed-box .box-drop .qqkf-body{width:180px;padding:10px} .fixed-bar .fixed-box .box-drop .qqkf-body p{font-size:12px;line-height:24px;color:#333} .fixed-bar .fixed-box .box-drop .qqkf-body .qqkf-btn{display:inline-block;width:65px;height:20px;-webkit-border-radius:5px;border-radius:5px;background-color:#ffa900;font-size:12px;line-height:20px;color:#fff;text-align:center;margin-left:4px} .fixed-bar .fixed-box .box-drop .qqkf-body .qqkf-btn .kf-icon{display:inline-block;width:12px;height:12px;background:url(/assets/revision/images/base-icon.v13.png) no-repeat -89px -493px;margin-right:2px;vertical-align:-1px} .fixed-bar .fixed-box .box-drop .qqlm-body{width:190px;padding:10px} .fixed-bar .fixed-box .box-drop .qqlm-body .lm-level{height:20px;line-height:20px;margin-bottom:10px;font-size:12px;color:#333} .fixed-bar .fixed-box .box-drop .qqlm-body .lm-btn{display:block;text-align:center;background:rgba(255,255,255,0.8);background:#fff\9;-webkit-border-radius:5px;border-radius:5px} .fixed-bar .fixed-box .box-drop .qqlm-body .sm-btn{width:65px;font-size:12px;height:20px;line-height:20px} .fixed-bar .fixed-box .box-drop .qqlm-body .big-btn{width:170px;height:30px;line-height:30px;margin:10px auto;font-size:14px} .fixed-bar .fixed-box .box-drop .qqlm-body .hk-lm{background:#ffa900;color:#fff} .fixed-bar .fixed-box .box-drop .app-m{width:131px;padding:6px} .fixed-bar .fixed-box .box-drop .app-m .t-cj{width:31px;height:5px;margin:0 auto 7px;border-radius:2px;background:#ffee98} .fixed-bar .fixed-box .box-drop .app-m .m-cj{padding:0 5px 5px;background:#fff;border-radius:4px} .fixed-bar .fixed-box .box-drop .app-m .m-cj p{line-height:16px;font-size:12px;color:#666;text-align:center;padding:3px 0} .fixed-bar .fixed-box .box-drop .app-m .b-cj{margin:6px auto 0;width:20px;height:20px;border-radius:10px;background:#ffee98} .fixed-bar .fixed-box .box-drop .app-m .m-cj .code-img{width: 110px;height: 110px;margin:0 auto;background: url(/assets/revision/images/base-icon.v13.png) -376px -410px;} /*vip入口*/ .fixed-bar .active-box{width: 97px;height: 115px;position: absolute;left:-20px;top: -120px;background: url(/assets/revision/images/base-icon.v13.png) -327px -198px;-webkit-animation: activeBox 4s linear infinite;animation: activeBox 4s linear infinite;-webkit-transform: scale(.8);transform: scale(.8);} .fixed-bar .active-box.vip{background-position: -424px -198px;} .fixed-bar .active-box a{display: block;height: 100%;} @-webkit-keyframes activeBox{ 50%{-webkit-transform: scale(.8);transform: scale(.8);} 55%{-webkit-transform: scale(1);transform: scale(1);} 60%{-webkit-transform: scale(.8);transform: scale(.8);} 65%{-webkit-transform: scale(1);transform: scale(1);} 70%{-webkit-transform: scale(.8);transform: scale(.8);} } @keyframes activeBox{ 50%{-webkit-transform: scale(.8);transform: scale(.8);} 55%{-webkit-transform: scale(1);transform: scale(1);} 60%{-webkit-transform: scale(.8);transform: scale(.8);} 65%{-webkit-transform: scale(1);transform: scale(1);} 70%{-webkit-transform: scale(.8);transform: scale(.8);} } /*==侧边悬浮==*/ /*分页*/ .page-list{text-align:center;margin:40px 0} .page-list a.page_click_class{display:inline-block;width:32px;height:32px;border:1px solid #c1c1c1;text-align:center;line-height:30px;margin:0 4px;font-size:12px;vertical-align:middle} .page-list a.next{width:60px} .page-list a.prev{width:60px} .page-list a:hover,.page-list a.on{background:#ffd200;border-color:#ffd200} /*==分页==*/ /*导航栏开始*/ .vip-drop-titles{height:60px;color:#ffa900;font-size:18px;font-weight:900;line-height:60px;border-bottom:px dashed #e8e8e8;margin:0} .vip-drop-titles>span{display:inline-block;width:35px;height:40px;vertical-align:middle;margin:0 15px 0 19px} .vip-drop-p{height:38px;line-height:30px;color:#666666;font-size:16px;padding-top:8px} .vip-drop-p>i{display:inline-block;width:22px;height:22px;margin:0 20px 0 24px;position:relative;top:4px} .vip-drop-p>span{color:#ffa900;font-size:18px;font-weight:bold} .vip-drop-p>.vip-drop-icon2{background-position:-89px 0} .vip-drop-p>.vip-drop-icon3{background-position:-127px 0} .vip-drop-purchase{display:block;margin:12px auto 13px;width:135px;height:35px;text-align:center;line-height:35px;font-size:16px;color:#666;-webkit-border-radius:2px;border-radius:2px;background:#ffd500} .vip-drop-purchase:hover{opacity:0.8} .view-global-vip{border-top:1px solid #e8e8e8} .classify-vip-icon1,.classify-vip-icon2,.classify-vip-icon3,.classify-vip-icon4,.classify-vip-icon5,.classify-vip-icon6,.classify-vip-icon7,.classify-vip-icon8,.classify-vip-icon9,.classify-vip-icon11,.classify-vip-icon13,.classify-vip-icon14,.classify-vip-icon15,.classify-vip-icon16,.classify-vip-icon17,.classify-vip-icon18{width:40px;height:46px;background:url(/assets/revision/images/base-icon.v13.png) no-repeat ;display:block;} .classify-vip-icon1{background-position:0 -325px} .classify-vip-icon2{background-position:-41px -325px} .classify-vip-icon3{background-position:-82px -325px} .classify-vip-icon4{background-position:-123px -325px} .classify-vip-icon5{background-position:-164px -325px} .classify-vip-icon6{background-position:-205px -325px} .classify-vip-icon7{background-position:-247px -325px} .classify-vip-icon9{background-position:-328px -325px} .classify-vip-icon8{background-position:-287px -325px} .classify-vip-icon11{background-position:-368px -325px} .classify-vip-icon13{background-position:-410px -325px} .classify-vip-icon14{background-position:-451px -325px} .classify-vip-icon15{background-position:-492px -325px} .classify-vip-icon16{background-position:-533px -325px} .classify-vip-icon17{background-position:-492px -372px} .classify-vip-icon18{background-position:-533px -372px} /* -- header 分类vip样式 -------- */ #new-header .nav-list .top-con .vip-type.course-con{width: 548px;border:1px #ddd solid;padding: 0;left: -240px;} .top-con .vip-type .type-list{padding: 14px 0 0 14px;} .top-con .vip-type .type-list a{width: 119px;height: 34px;border-radius: 4px;line-height: 32px;position: relative;padding-left: 31px;color:#666;border:1px #ddd solid;transition: all .2s;margin:0 14px 14px 0;} .top-con .vip-type .type-list a:hover{border-color: #ff7700;color:#ff7700;} .top-con .vip-type .type-list i{top: 7px;left: 9px;position: absolute;transform: scale(.4); width: 40px;height: 46px;transform-origin: 0 0} .top-con .vip-type .group-vip{padding: 14px 0 14px 14px;border-bottom: 1px #ddd solid;} .top-con .vip-type .group-vip-list{width: 253px;height: 92px;border:1px #ddd solid;border-radius: 6px;padding-left: 14px;margin-right: 13px;transition: all .2s} .top-con .vip-type .group-vip-list:hover{border-color:#ff7700 } .top-con .vip-type .group-vip-list > a{display:block;height: 90px; } .top-con .vip-type .group-vip-list .vip-name{padding-top: 11px;font-size: 16px;color:#333333;} .top-con .vip-type .group-vip-list .vip-name span{position: relative;} .top-con .vip-type .group-vip-list .vip-name span:before{content: attr(data-num);position: absolute;width: 29px;height: 15px;right: -33px;top: -3px;border-radius: 2px;background: #f02c22;color:#fff;font-size: 12px;line-height: 14px;text-align: center;border-bottom-left-radius: 0} .top-con .vip-type .group-vip-list .vip-name span:after{content: "";position: absolute;top: 9px;border:3px transparent solid;border-right-color: #f02c22;transform: rotate(45deg);right: -7px;} .top-con .vip-type .group-vip-list .p2{padding-top: 10px;color:#999999;} .top-con .vip-type .group-vip-list .p2 span{color:#ffa900;} .top-con .vip-type .more-vip{height: 36px;line-height: 34px;border-top: 1px #ddd solid;text-align: center;} .top-con .vip-type .more-vip a{height: 35px;display: block;font-size: 14px;color:#666;transition: all .2s} .top-con .vip-type .more-vip a:hover{background: #f8f8f8;} /*vip到期提醒开始*/ #expire-win{position:fixed;left:0;top:0;z-index:1005;width:100%;height:100%} #expire-win .expire-bg{width:100%;height:100%;background-color:rgba(0,0,0,.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)} #expire-win .expire-m{width:726px;height:480px;position:absolute;left:50%;top:50%;margin:-230px 0 0 -363px;background:url(/assets/revision/images/vip/action-bg.png) no-repeat} #expire-win .expire-m .close{width:34px;height:34px;background:url(/assets/revision/images/vip/action-close.png);position:absolute;top:169px;right:25px;transition:all .2s} #expire-win .expire-m .close:hover{cursor:pointer;transform:rotate(90deg)} #expire-win .expire-m .huke-gif{width:230px;height:175px;position:absolute;top:-40px;left:199px} #expire-win .expire-txt{line-height:52px;font-size:24px;color:#666;text-align:center;padding:260px 0 18px} #expire-win .expire-btn{width:200px;height:68px;margin:0 auto} #expire-win .expire-btn a{display:block;width:200px;height:60px;line-height:60px;text-align:center;background-color:#ff8a50;color:#fff;font-size:28px;box-shadow:0 8px 0 #da5c10;border-radius:12px;transition:all .2s} #expire-win .expire-btn a:hover{background-color:#ffa77c;box-shadow:0 8px 0 #e3854c} /*vip到期提醒结束*/ /* 绑定手机号弹窗 */ .get-phone{position:fixed;z-index:102;width:100%;height:100%;left:0;top:0} .get-phone .phone-bg{background-color:rgba(0,0,0,.3);width:100%;height:100%} .get-phone .phone-m{width:800px;height:320px;left:50%;top:50%;margin:-160px 0 0 -400px;position:absolute;background-color:#fff;border-radius:4px;box-shadow:0 0 8px rgba(0,0,0,.2)} .get-phone .phone-m .close{font-size:22px;font-family:"宋体";position:absolute;right:10px;top:10px;color:#666;cursor:pointer} .get-phone .phone-txt{font-size:18px;color:#333333;text-align:center;line-height:44px;padding:45px 0} .get-phone .phone-but{padding:0 110px} .get-phone .phone-but .c-btn{width:240px;height:60px;cursor:pointer;background-color:#f2f2f2;border:1px #c1c1c1 solid;border-radius:4px;font-size:20px;color:#333;text-align:center;line-height:58px} .get-phone .phone-but .get-btn{width:240px;height:60px} .get-phone .phone-but .get-btn a{display:block;background-color:#ffd200;border-radius:4px;line-height:60px;text-align:center;font-size:20px;color:#333;transition:all .2s} .get-phone .phone-but .get-btn a:hover{background-color:#ffe465} /*用户下拉面板添加样式*/ .user-drop .name span{position:relative} .user-drop .name span i{position:absolute} .user-drop .name span i.authen{right:-52px;font-size:12px;color:#ffa900;top:5px} .user-drop .name span i.authend{right:-60px;font-size:12px;width:56px;height:21px;line-height:18px;text-align:center;top:1px;right:-66px} .user-drop .name span i.authend a{display:block;line-height:18px;border:1px #c1c1c1 solid;background-color:#f3f3f3;color:#999;border-radius:9px;transition:all .2s} .user-drop .name span i.authend a:hover{color:#666;border-color:#666} /*vip到期提醒结束*/ /*签到模块开始*/ .sign-btn{margin-top:24px;width:60px;height:60px;background:url(/assets/revision/images/base-icon.v13.png) 0 -756px;} .sign-btn:hover{background-position:-61px -756px;cursor:pointer} #sign-win{position:fixed;left:0;top:0;z-index:1005;width:100%;height:100%} #sign-win .sign-bg{width:100%;height:100%;background-color:rgba(0,0,0,.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)} #sign-win .sign-m{width:464px;height:518px;position:absolute;left:50%;top:50%;margin:-259px 0 0 -232px} #sign-win .sign-m .head{height:215px;background:url(/assets/revision/images/base-icon.v13.png) 0 -920px;padding-top:90px} #sign-win .sign-m.other{height:417px;margin-top:-208px} #sign-win .sign-m.other .main{height:205px} #sign-win .sign-m.other .sign-action{font-size:22px;text-align:center;line-height:80px;color:#525252} #sign-win .sign-m.other .sign-action span{color:#ffa507;padding:0 6px} #sign-win .sign-m.other .go-hkb{text-align:center;height:28px;line-height:16px} #sign-win .sign-m.other .go-hkb a{text-decoration:underline;color:#ffa507} #sign-win .close{width:24px;height:24px;position:absolute;top:13px;right:-19px;background:url(/assets/revision/images/base-icon.v13.png) -122px -756px} #sign-win .close:hover{background-position:-147px -756px;cursor:pointer} #sign-win .tips-txt{width:187px;height:44px;margin:0 auto;background:url(/assets/revision/images/base-icon.v13.png)} #sign-win .tips-txt.qd{background-position:-277px -756px} #sign-win .tips-txt.qdcg{background-position:-277px -801px} #sign-win .tips-txt.qdsb{background-position:-277px -846px} #sign-win .sign-days{width:158px;text-align:center;line-height:30px;height:30px;margin:14px auto 0;font-size:16px;color:#fff;background-color:#000000;border-radius:15px} #sign-win .sign-days span{color:#ffa507;padding:0 6px} #sign-win .main{height:304px;background-color:#fff;border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding:15px 20px 0} #sign-win .main .list{width:87px;margin-bottom:10px;position:relative} #sign-win .main .list .txt{font-size:12px;color:#000;text-align:center;line-height:12px;height:18px} #sign-win .main .list .sign-control{width:87px;height:76px;background-color:#f1eff2;border-radius:8px;overflow:hidden;position:relative} #sign-win .main .list .control-img{width:48px;height:34px;background:url(/assets/revision/images/base-icon.v13.png) -60px -831px;margin:13px 0 8px 18px} #sign-win .main .list.double .control-img{width:48px;height:44px;margin:8px auto 3px;background:url(/assets/revision/images/base-icon.v13.png) 0 -824px} #sign-win .main .list.spe{width:199px} #sign-win .main .list.spe .sign-control{width:199px} #sign-win .main .list.spe .sign-control:before{content:"";width:50px;height:55px;position:absolute;left:0;top:0;background:url(/assets/revision/images/base-icon.v13.png) -122px -781px} #sign-win .main .list .control-txt{font-size:14px;text-align:center;color:#666} #sign-win .main .list.on .sign-control{background-color:#ffd52f} #sign-win .main .list.ed .sign-control{position:relative} #sign-win .main .list.ed .sign-control:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(/assets/revision/images/base-icon.v13.png) no-repeat -347px -651px rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);text-align:center;font-size:16px;color:#fff} #sign-win .main .sj{width:25px;height:80px;padding:50px 0 0 10px;overflow:hidden} #sign-win .main .sj span{height:0;border:5px transparent solid;width:0;border-left-color:#626262;display:block} #sign-win .main .btn{width:330px;height:45px;line-height:42px;text-align:center;cursor:pointer;color:#ffb148;border:2px #ffb148 solid;border-radius:21px;margin:8px auto 0;transition:all .2s;font-size:24px} #sign-win .main .btn:hover{background-color:#ffd51b;color:#000} #sign-win .main .btn.ed,#sign-win .main .btn.ed:hover{background-color:#c1c1c1;border-color:#c1c1c1;color:#fff;cursor:not-allowed} #sign-win .main .action-txt{text-align:center;color:#666;font-size:12px;line-height:26px} /*签到模块结束*/ /* 绑定手机号弹窗 */ .get-phone{position:fixed;z-index:102;width:100%;height:100%;left:0;top:0} .get-phone .phone-bg{background-color:rgba(0,0,0,.3);width:100%;height:100%} .get-phone .phone-m{width:800px;height:320px;left:50%;top:50%;margin:-160px 0 0 -400px;position:absolute;background-color:#fff;border-radius:4px;box-shadow:0 0 8px rgba(0,0,0,.2)} .get-phone .phone-m .close{font-size:22px;font-family:"宋体";position:absolute;right:10px;top:10px;color:#666;cursor:pointer} .get-phone .phone-txt{font-size:18px;color:#333333;text-align:center;line-height:44px;padding:45px 0} .get-phone .phone-but{padding:0 110px} .get-phone .phone-but .c-btn{width:240px;height:60px;cursor:pointer;background-color:#f2f2f2;border:1px #c1c1c1 solid;border-radius:4px;font-size:20px;color:#333;text-align:center;line-height:58px} .get-phone .phone-but .get-btn{width:240px;height:60px} .get-phone .phone-but .get-btn a{display:block;background-color:#ffd200;border-radius:4px;line-height:60px;text-align:center;font-size:20px;color:#333;transition:all .2s} .get-phone .phone-but .get-btn a:hover{background-color:#ffe465} /*用户下拉面板添加样式*/ .user-drop .name span{position:relative;display:inline-block} .user-drop .name span i{position:absolute} .user-drop .name span i.authen{right:-52px;font-size:12px;color:#ffa900;top:5px} .user-drop .name span i.authend{right:-60px;font-size:12px;width:56px;height:21px;line-height:18px;text-align:center;top:-3px;right:-66px} /*ht2*/ .user-drop .name span i.authend a{display:block;line-height:18px;border:1px #c1c1c1 solid;background-color:#f3f3f3;color:#999;border-radius:9px;transition:all .2s} .user-drop .name span i.authend a:hover{color:#666;border-color:#666} .user-drop .name span em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-weight:normal;display:inline-block} .header .head-group .user-main .user-drop.ed .client-info .id-num{top:0} /*分页*/ #page-m{margin:30px auto;text-align:center} #page-m a{display:inline-block;height:43px;line-height:40px;font-size:18px;color:#999;border:1px #c1c1c1 solid;margin:0 5px;max-width:53px;min-width:43px;padding:0 10px} #page-m a:hover{background-color:#ffd200;border-color:#ffd200;color:#666} #page-m a.on{background-color:#ffd200;border-color:#ffd200;color:#333;cursor:default} #page-m span{display:inline-block;padding:0 12px;line-height:40px;color:#999;font-size:20px} #page-m .pre,#page-m .next{max-width:92px;width:92px} /* 9-15导航改版 end */ /* -------- header 2017-10-12 -- */ #new-header .sj{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #fff;position:absolute;left:50%;top:53px;margin-left:-5px;z-index:10} #new-header{background-color:#1e1e1e;height:60px;z-index:20;position:relative} #new-header .logo{width:122px;height:43px;margin-top:8px} #new-header .logo a{display:block;height:43px;background:url(/assets/revision/images/base-icon.v13.png) -152px -21px} #new-header.header-fixed{position:fixed;left:0;top:0;width:100%;-webkit-transform:translateZ(0)} #new-header.header-fixed .design-course .nav-m{display:none} /* -------- 头部导航部分 -- */ #new-header .nav-list{position:relative;margin-left:30px} #new-header .nav-list .nav-t{font-size:16px;color:#fff;height:60px;display:block;line-height:60px;position:relative} #new-header .nav-list .nav-t .sj{display:none} #new-header .nav-list .nav-t:before{content:"";width:0;left:50%;position:absolute;top:0;height:2px;background:#ffd200;transition:all .2s} #new-header .nav-list:hover .nav-t:before{left:0;width:100%} #new-header .nav-list .nav-m{position:absolute;z-index:5;display:none} #new-header .nav-list .classify-vip-drop{left:-413px} #new-header .nav-list:hover .nav-m{display:block} #new-header .nav-list:hover .nav-t .sj{display:block} #new-header .design-course .nav-t .sj{border-bottom-color:#ffd200} #new-header .design-course .nav-m{height:40px;width:5000px;left:-2030px;top:60px;background:#ffd200} #new-header .design-course .nav-m .course-m{padding-left:140px} #new-header .design-course .nav-m .course-list{position:relative;margin-right:10px} #new-header .design-course .nav-m .course-link{padding:0 10px;height:28px;line-height:28px;margin-top:6px;display:block;color:#333333} #new-header .design-course .nav-m .course-list:hover .course-link{background:#edaf1a;color:#fff;border-radius:14px} #new-header .design-course .nav-m .course-con{position:absolute;left:0;top:40px;background:#fff;width:450px;padding-bottom:6px;display:none;box-shadow:0 3px 3px rgba(0,0,0,.1)} #new-header .design-course .nav-m .course-list{height:40px} #new-header .design-course .nav-m .course-list:hover .course-con{display:block} #new-header .design-course .nav-m .course-con .head{height:46px;line-height:44px;border-bottom:1px #e8e8e8 solid;padding:0 15px;margin-bottom:6px} #new-header .design-course .nav-m .course-con .head p{font-size:16px;color:#333} #new-header .design-course .nav-m .course-con .head p span{font-size:14px;color:#999;padding-left:20px} #new-header .design-course .nav-m .course-con .head a.fr{width:100px;height:30px;line-height:30px;text-align:center;border-radius:4px;font-size:12px;color:#fff;margin-top:7px;transition:all .2s} #new-header .design-course .nav-m .course-con .head a.fr:hover{opacity:.8} #new-header .design-course .nav-m .course-list:nth-child(1) .course-con .head a.fr{background:#ffd500} #new-header .design-course .nav-m .course-list:nth-child(2) .course-con .head a.fr{background:#40b0ff} #new-header .design-course .nav-m .course-list:nth-child(3) .course-con .head a.fr{background:#367de7} #new-header .design-course .nav-m .course-list:nth-child(4) .course-con .head a.fr{background:#00a99d} #new-header .design-course .nav-m .course-list:nth-child(5) .course-con .head a.fr{background:#6ebd6b} #new-header .design-course .nav-m .course-list:nth-child(6) .course-con .head a.fr{background:#b062a3} #new-header .design-course .nav-m .course-list:nth-child(7) .course-con .head a.fr{background:#494166} #new-header .design-course .nav-m .course-list:nth-child(8) .course-con .head a.fr{background:#d49688} #new-header .design-course .nav-m .course-con .course-p{padding:0 15px 0 60px;line-height:30px;position:relative} #new-header .design-course .nav-m .course-con .course-p span{position:absolute;left:15px;width:45px} #new-header .design-course .nav-m .course-con .course-p span:before{content:"";height:12px;width:1px;position:absolute;right:0;top:10px;background:#e8e8e8} #new-header .design-course .nav-m .course-con .course-p a{display:inline-block;padding:0 5px;height:26px;line-height:26px;margin:2px 4px;border-radius:11px;transition:all .2s} #new-header .design-course .nav-m .course-con .course-p a:hover{background:#f8f8f8;color:#ff8300} #new-header .nav-list .global-vip-drop{width:330px;margin-left:-145px;background:#fff;box-shadow:0 3px 3px rgba(0,0,0,.1);left:34px} #new-header .nav-list .global-vip-drop > img{display:block;margin:20px auto} #new-header .nav-list .global-vip-drop > p{font-size:12px;text-align:center;color:#999;margin-bottom:15px} #new-header .nav-list .global-vip-drop .open{padding:15px 0;text-align:center;border:1px solid #e8e8e8;border-left:0;border-right:0} #new-header .nav-list .global-vip-drop .open .open-btn{display:inline-block;width:135px;height:35px;text-align:center;line-height:35px;font-size:16px;color:#666;-webkit-border-radius:2px;border-radius:2px;background:#ffd500} #new-header .nav-list .global-vip-drop .open .open-btn:hover{opacity:.8;filter:alpha(opacity=80)} #new-header .nav-list .global-vip-drop .view-global-vip{display:block;width:100%;height:40px;line-height:40px;text-align:center;font-size:14px;background:#fafafa ;transition:all .2s} #new-header .nav-list .global-vip-drop .view-global-vip:hover{background:#efefef} #new-header .nav-list .app-download{width:174px;background:#fff;text-align:center;padding:18px 0 15px;left:-52px;box-shadow:0 3px 3px rgba(0,0,0,.1)} #new-header .nav-list .app-download p{font-size:14px;color:#666;line-height:22px;margin-top:5px} #new-header .nav-list .app-download a{display:inline-block;width:112px;height:34px;border-radius:17px;text-align:center;line-height:34px;transition:all .2s;background:#ffd305;font-size:14px;color:#333333;margin-top:5px} #new-header .nav-list .app-download a:hover{opacity:.8} /* -------- 头部搜索&签到&消息 -- */ #new-header .header-search{width:150px;height:30px;line-height:30px;position:relative;margin:15px 30px 0 0} #new-header .header-search .txt{display:block;height:30px;border:none;border-radius:15px;font-size:12px;width:100%;padding:0 10px 0 34px} #new-header .header-search .submit-abtn{width:14px;height:13px;top:8px;left:10px;background:url(/assets/revision/images/base-icon.v13.png) -51px -27px;position:absolute} #new-header .user-news{margin-right:20px;position:relative;height:60px} #new-header .user-news .news-icon{width:19px;height:14px;margin:15px auto 6px;background:url(/assets/revision/images/base-icon.v13.png) -153px 0} #new-header .user-news .news-txt{color:#999} #new-header .user-news .news-icon i{padding:0 2.5px;height:13px;line-height:12px;font-size:12px;background:#f53500;color:#fff;border-radius:2px;position:absolute;right:-3px;top:9px} #new-header .user-news .news-list{border:1px solid lightgrey;position:absolute;width:375px;left:10px;top:60px;background:#fff;box-shadow:0 3px 3px rgba(0,0,0,.1);z-index:5;left:-278px;overflow:hidden;display:none} #new-header .user-news .sj{border-bottom:6px #fff solid;border-left-width:4px;border-right-width:4px;top:54px;display:none} #new-header .user-news:hover .sj,#new-header .user-news:hover .news-list{display:block} #new-header .user-news .news-t{height:36px;line-height:36px} #new-header .user-news .news-t span{font-size:14px;color:#666;text-align:center;position:relative;border-bottom:1px #e8e8e8 solid;border-left:1px #e8e8e8 solid;width:126px;float:left;background:#fafafa;cursor:pointer} #new-header .user-news .news-t span.active{background:#fff} #new-header .user-news .news-t span:nth-child(1){margin-left:-1px;width:124px} #new-header .user-news .news-t span i{width:6px;height:6px;border-radius:4px;position:absolute;left:24px;top:15px;background:#f53500} #new-header .user-news .news-con .list{padding:13px 25px;border-bottom:1px #e8e8e8 solid;line-height:24px;position:relative} #new-header .user-news .news-con .list dt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666} #new-header .user-news .news-con .list dt span{color:#999;padding-left:15px} #new-header .user-news .news-con .list dd{color:#999} #new-header .user-news .news-con .list a{color:#9e7e6b} #new-header .user-news .news-con .list i{width:6px;height:6px;border-radius:4px;position:absolute;left:10px;top:50%;margin-top:-3px;background:#f53500} #new-header .user-news .news-con .more-news{height:34px;line-height:34px;text-align:center} #new-header .user-news .news-con .more-news a{display:block;height:34px;background:#fafafa;transition:all .2s} #new-header .user-news .news-con .more-news a:hover{background:#e8e8e8} #new-header .user-news .news-con .user-avatar{position:absolute;width:42px;height:42px;left:25px;top:15px} #new-header .user-news .news-con .user-avatar img{width:42px;height:42px;border-radius:21px} #new-header .user-news .news-con.pl .list{padding-left:82px} /* -------- 头部用户信息 -- */ #new-header .login{padding-left:42px;position:relative;height:60px;line-height:60px;color:#999;cursor:pointer} /*#new-header .login span{width:36px;height:36px;border-radius:18px;background:url(/assets/revision/images/nav/header-icon-v2.png) -97px -26px;position:absolute;left:0;top:12px}*/ #new-header .user-info{position:relative} #new-header .user-info .user-avatar{width:36px;height:60px;position:relative} #new-header .user-info .user-avatar img{width:36px;height:36px;border-radius:50%;margin-top:12px} #new-header .user-info .user-avatar .sj{border-bottom-width:6px;border-left-width:4px;border-right-width:4px;top:54px;display:none} #new-header .user-info .info-m{border:1px solid lightgrey;background:#fff;background:rgba(255,255,255,.98);position:absolute;top:60px;right:-14px;z-index:5;width:355px;padding:0 20px 20px;display:none} #new-header .user-info:hover .sj,#new-header .user-info:hover .info-m{display:block} #new-header .user-info .info-m .user-i{padding:20px 0 16px 65px;border-bottom:1px #e8e8e8 solid;position:relative} #new-header .user-info .info-m .user-i img{position:absolute;left:0;top:15px;width:50px;height:50px;border-radius:25px} #new-header .user-info .info-m .user-i .user-t{height:18px;line-height:18px} #new-header .user-info .info-m .user-i .user-t .user-name{font-size:16px;color:#333;width:90px;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #new-header .user-info .info-m .user-i .user-t .user-icon i{background:url(/assets/revision/images/base-icon.v13.png);float:left;margin-right:6px} #new-header .user-info .info-m .user-i .user-t .user-icon i.phoned-icon{width:15px;height:16px;background-position:-225px 0;margin-top:1px} #new-header .user-info .info-m .user-i .user-t .user-icon i.phone-icon{width:15px;height:16px;background-position:-209px 0;margin-top:1px} #new-header .user-info .info-m .user-i .user-t .user-icon i.svip-icon{width:16px;height:18px;background-position:-241px 0} #new-header .user-info .info-m .user-i .user-t .user-icon i.p-icon{width:16px;height:18px;background-position:-258px 0} #new-header .user-info .info-m .user-i .user-t .user-icon i.vip-icon{width:16px;height:18px;background-position:-275px 0} #new-header .user-info .info-m .user-i .user-t .user-icon i.zvip-icon{width:16px;height:18px;background-position:-292px 0} #new-header .user-info .info-m .user-i .user-t .user-icon i.v-icon{width:16px;height:18px;background-position:-246px -95px} #new-header .user-info .info-m .user-i .quit a{color:#999} #new-header .user-info .info-m .user-id{font-size:12px;color:#666;line-height:28px} #new-header .user-info .info-m .hkb{width:118px;height:25px;line-height:24px;font-size:12px;color:#666;padding:0 5px;background:#fff8d9} #new-header .user-info .info-m .hkb span{color:#ffa900} #new-header .user-info .info-m .surplus{text-align:center;height:42px;line-height:40px;color:#666} #new-header .user-info .info-m .surplus span i{color:#ee9d4c;} #new-header .user-info .info-m .get-free{display:block;color:#666;border:1px #ddd solid;border-radius:20px;height:40px;line-height:38px;text-align:center;font-size:18px;transition:all .2s} #new-header .user-info .info-m .get-free:hover{color:#333;border-color:#ffd500;background:#ffd500} #new-header .user-info .info-m .vip-info{padding:14px 0;text-align:center} #new-header .user-info .info-m .vip-info p{line-height:24px;color:#999} #new-header .user-info .info-m .vip-info p span{padding-left:4px;color:#ffa900;font-weight:bold} #new-header .user-info .info-m .vip-btn a{width:100%;height:40px;line-height:40px;text-align:center;font-size:18px;color:#333;background:#ffd200;border-radius:20px;display:block;transition:all .2s} #new-header .user-info .info-m .vip-btn a:hover{opacity:.8} #new-header .user-info .info-m .spare-parts{margin-top:25px;padding-left:14px} #new-header .user-info .info-m .spare-parts a{width:} #new-header .user-info .info-m .spare-parts a span{background:url(/assets/revision/images/base-icon.v13.png);display:block;margin:0 auto 9px;width:26px;height:26px} #new-header .user-info .info-m .spare-parts .collect span{background-position:-282px -22px} #new-header .user-info .info-m .spare-parts .study-ed span{background-position:-282px -49px} #new-header .user-info .info-m .spare-parts .myvip span{background-position:-282px -76px} #new-header .user-info .info-m .spare-parts a p{color:#666;text-align:center} #new-header .user-info .info-m .spare-parts .study-ed{padding:0 30px;margin:0 30px;border-left:1px #e8e8e8 solid;border-right:1px #e8e8e8 solid} #new-header .user-info .info-m .loading{text-align:center;padding:60px 0} #new-header .user-news .loading{text-align:center;padding:60px 0} /*导航栏升级全站升级终身VIP样式*/ .upvip{margin:4px 0 -12px} .upvip a{width: 316px;height: 74px;display: block;margin:0 auto;background:url(/assets/revision/images/base-icon.v13.png) 0 -176px; } #new-header .user-info .info-m .user-i{border-bottom:none} /*账号多处登录提示*/ .login-tips{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5);z-index:1000;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)} .login-tips .win-m{width:550px;height:310px;left:50%;top:50%;margin:-155px 0 0 -275px;background:#fff;position:absolute;border-radius:6px;box-shadow:0 0 15px rgba(0,0,0,.5);overflow:hidden} .login-tips .win-m .close{position:absolute;color:#fff;right:15px;top:15px;font-family:"宋体";font-size:28px;cursor:pointer} .login-tips .win-m .main{height:212px;background:#fda41d;background-image:-webkit-linear-gradient(to bottom,#fb8e0e,#ffb72c);background-image:linear-gradient(to bottom,#fb8e0e,#ffb72c);border-bottom-left-radius:6px;border-bottom-right-radius:6px;overflow:hidden} .login-tips .win-m .login-icon{width:56px;height:65px;margin:30px auto 0;background:url(/assets/revision/images/base-icon.v13.png) -202px -652px} .login-tips .win-m .p1{font-size:24px;text-align:center;color:#fff;line-height:80px;height:70px;overflow:hidden} .login-tips .win-m .p2{font-size:18px;color:#fff;text-align:center} .login-tips .win-m .btn{width:158px;height:48px;line-height:48px;text-align:center;border-radius:24px;color:#fff;display:block;margin:25px auto 0;background:#fd9e1d;font-size:22px} .login-tips .win-m .btn:hover{opacity:.8} /*用户下拉新增样式(优惠券折扣券)*/ #new-header .user-info .info-m .user-bottom{height:47px;line-height:46px;padding:0 19px;background:#f3f4f4;margin:15px -20px -20px;border-top:1px solid #e8e8e8} #new-header .user-info .info-m .hkb{width:212px} #new-header .user-info .info-m .hkb a{float:right;color:#ee9d4c;padding-right:13px} #new-header .user-info .info-m .yhj{height:47px;border-bottom:1px #e8e8e8 solid;padding:10px 0 10px 75px;position:relative;line-height:24px;border-top:1px #e8e8e8 solid} #new-header .user-info .info-m .yhj:before{content:"";width:41px;height:28px;background:url(/assets/revision/images/base-icon.v13.png) -270px -656px;position:absolute;top:9px;left:0} #new-header .user-info .info-m .yhj .uyhj{width:150px;height:26px;border-radius:13px;border:1px #e8e8e8 solid;font-size:12px;color:#ee9d4c;display:inline-block;text-align:center;transition:all .2s} #new-header .user-info .info-m .yhj .uyhj:hover{background:#ee9d4c;border-color:#ee9d4c;color:#fff} #new-header .user-info .info-m .yhj a.fr{color:#ee9d4c;font-size:12px} /*2017-12-25 合辑升级*/ #album-win{position:absolute;z-index:105;width:280px;border:1px #e8e8e8 solid;border-radius:1px;padding:14px;background:#fff;left:40%;top:40%} #album-win:before{content:"";position:absolute;right:27px;bottom:-8px;width:14px;height:8px;background:url(/assets/revision/images/album/album-win-icon.png) 0 -9px;transform:rotate(180deg)} #album-win .add-album{height:30px} #album-win .add-album .txt{width:190px;height:30px;border:1px #e8e8e8 solid;border-radius:1px;background:#fcfcfc;color:#666;padding:0 9px;line-height:28px} #album-win .add-album .btn{ pointer-events:initial;width:55px;border:1px #e8e8e8 solid;background:#f8f8f8;height:30px;line-height:28px;border-radius:1px;color:#999;cursor:pointer;text-align:center} #album-win .add-album .btn.pointer{background:#ffd200;border-color:#ffd200;pointer-events:initial;color:#333} #album-win .album-plist{border:1px #e8e8e8 solid;margin-bottom:10px;overflow-y:auto;height:150px} #album-win .album-plist::-webkit-scrollbar{width:4px;background:#e8e8e8} #album-win .album-plist::-webkit-scrollbar-thumb{width:4px;border-radius:1px;background:#c1c1c1} #album-win .album-plist .plist{height:30px;line-height:30px;color:#666;padding:0 4px 0 9px;transition:background .2s;position:relative;cursor:pointer} #album-win .album-plist .plist:hover{background:#f8f8f8} #album-win .album-plist .plist .add-album-btn{padding:0 5px;height:22px;line-height:22px;color:#333;background:#ffd500;border-radius:2px;float:right;margin-top:4px;display:none} #album-win .album-plist .plist:hover .add-album-btn{display:block} #album-win .album-plist .album-plist-empty{width:123px;font-size:12px;color:#999;margin:0 auto;padding-top:46px} #album-win .bottom-btn{height:30px} #album-win .bottom-btn span{width:55px;height:30px;line-height:28px;text-align:center;margin-left:10px;color:#666;border-radius:1px;cursor:pointer} #album-win .bottom-btn span:hover{color:#333} #album-win .bottom-btn span.close{background:#f8f8f8;border:1px #e8e8e8 solid} #album-win .bottom-btn span.ok{background:#ffd200;border:1px #eec400 solid} #album-win .album-plist .plist span{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left} #album-win .album-plist .plist i{font-size:12px;color:#999} .video-detail .video-body .left-foot .album-win-btn{border-color:#dddddd;color:#ddd;transition:all .2s;margin-right:15px} .video-detail .video-body .left-foot .album-win-btn:hover{border-color:#ffd500;color:#ffd500} /* 按钮css，放到对应的的css文件底部就可以 */ .video-body .left-foot .clect-cut{padding:0 11px;height:26px;line-height:24px;border:1px #ffd500 solid;width:auto;color:#ffd500} .video-body .left-foot .clect-cut .clect-icon{width:16px;height:14px;background:url(/assets/revision/images/album/collect-icon.png);vertical-align:-2px;color:#ffd500} .video-body .left-foot .clect-cut:hover .clect-icon{background:url(/assets/revision/images/album/images/collect-icon.png)} .album-collect-success{position:absolute;left:919px;top:793px;height:34px;line-height:22px;background:#faf9f0;border-radius:17px;padding:5px 5px 0 10px;z-index:11} .album-collect-success:before{content:"";position:absolute;right:70px;top:-8px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #fbf9f0} .album-collect-success a{font-size:12px;color:#666} .album-collect-success a:hover{text-decoration:underline} .album-collect-success span{display:inline-block;padding:0 10px;height:24px;line-height:24px;background:#fda171;border-radius:12px;color:#fff;font-size:12px;margin-left:10px;vertical-align:top} .album-collect-success span:hover{background:#fe9159;cursor:pointer} /*搜索升级*/ #new-header .header-search .submit-abtn{right:11px;left:auto} #new-header .header-search .txt{padding-left:12px} #new-header .header-search .txt::placeholder{color:#999} #new-header .header-search{width:auto} #new-header .header-search .txt{width:140px;transition:width .2s} #new-header .header-search .search-win{position:absolute;left:0;top:29px;z-index:10} #new-header .header-search .search-win .search-list{position:relative;top:16px;background:rgba(255,255,255,.98);width:220px;border:1px #e8e4e5 solid;padding:4px 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff)} #new-header .header-search .search-win .search-list:before{content:"";width:14px;height:9px;position:absolute;background:url(/assets/revision/images/base-icon.v13.png) -327px -13px;left:49px;top:-9px} #new-header .header-search .search-win .search-list .list-head{height:24px;line-height:22px;padding:0 9px;background:#f4f4f4} #new-header .header-search .search-win .search-list .list-head h3{font-size:12px;color:#999999;font-weight:normal;position:relative;padding-left:18px} #new-header .header-search .search-win .search-list .list-head h3:before{content:"";width:13px;height:13px;background:url(/assets/revision/images/base-icon.v13.png);position:absolute;left:0;top:5px} #new-header .header-search .search-win .search-list .list-head h3.visi:before{background-position:-311px 0} #new-header .header-search .search-win .search-list .list-head h3.hot:before{background-position:-311px -14px} #new-header .header-search .search-win .search-list .list-head .empty-btn{font-size:12px;color:#999;position:relative;z-index:2} #new-header .header-search .search-win .search-list .list-head .empty-btn:hover{color:#ff7700} #new-header .header-search .search-win .search-list .list-m{padding:7px 0} #new-header .header-search .search-win .search-list .list-m p{height:26px;line-height:26px;padding:0 9px} #new-header .header-search .search-win .search-list .list-m p:hover{background:#f8f8f8;cursor:pointer} #new-header .header-search .search-win .search-list .list-m p a{color:#999;font-size:12px;display:block;width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #new-header .header-search .search-win .search-list .list-m p i{width:15px;height:15px;border-radius:2px;display:inline-block;margin-right:8px;text-align:center;line-height:14px;font-size:12px;color:#fff;background:#dbdbdb;} #new-header .header-search .search-win .search-list .list-m.hotm p:nth-child(-n+3) a i{background:#ff7700} #new-header .header-search .search-win .search-list .list-m.hotm p:nth-child(-n+3) a{color:#ff7700} #new-header .header-search .search-win .search-list .list-m p .close{width:10px;height:10px;background:url(/assets/revision/images/base-icon.v13.png) -328px 0;margin-top:8px} /* 导航新增下拉部分 2017-11-29 */ #new-header .nav-list .dian span{width:4px;height:4px;display:inline-block;background:#fff;border-radius:2px;margin-right:4px;vertical-align:4px} #new-header .nav-list .more-nav{border:1px #e8e8e8 solid;background:#fff;border:1px #e8e8e8 solid;border-bottom-right-radius:6px;border-bottom-left-radius:6px;width:130px;padding:4px 0;left:-15px} #new-header .nav-list .more-nav a{display:block;height:35px;line-height:34px;padding-left:18px;font-size:16px;color:#666} #new-header .nav-list .more-nav a:hover{background:#ffd200;color:#333} #new-header .nav-list.bwidth:hover{width:50px} #new-header .nav-list.bwidth:hover .nav-t:before{width:24px} #new-header .nav-list.bwidth .nav-t:before{left:0px} #new-header .nav-list .nav-m .new-icon{position: relative;} #new-header .nav-list .nav-m .new-icon:after{content: "";width: 25px;height: 13px;background: url(/assets/revision/images/base-icon.v13.png) -70px -46px;position: absolute;left: 83px;top: 5px;} /*赠送VIP的弹窗*/ .vip-win{position:fixed;width:100%;height:100%;left:0;top:0;z-index:1002;background:rgba(0,0,0,.5)} .vip-win .close{width:16px;height:16px;position:absolute;cursor:pointer} .vip-win .btn{width:195px;height:56px;display:block;border-radius:16px;overflow:hidden;box-shadow:0 0 10px #fd550e;animation:size .4s infinite} .vip-win.v1 .win-m{width:419px;height:368px;background:url(/assets/revision/images/site/new-win4.png);margin:-184px 0 0 -209px;left:50%;top:50%;position:absolute} .vip-win.v1 .close{right:4px;top:66px} .vip-win.v1 .btn{margin:285px auto 0} .vip-win.v2 .win-m{width:419px;height:306px;background:url(/assets/revision/images/site/new-win2.png);margin:-153px 0 0 -209px;left:50%;top:50%;position:absolute} .vip-win.v2 .close{right:6px;top:5px} .vip-win.v2 .btn{margin:198px auto 0} .qt-tg{width: 419px;height: 368px;background: url(/assets/revision/images/site/58pic-tg.png);position: fixed;left: 50%;top: 50%;margin:-184px 0 0 -210px;z-index: 20;padding-top: 303px;padding-left: 15px;} .qt-tg .close{width: 25px;height: 25px;position: absolute;right: 25px;top: 0;cursor: pointer;} .qt-tg .qq-link,.qt-tg .wechat-link{width: 178px;height: 42px;display: inline-block;margin-right: 16px;} @keyframes size{0%{transform:scale(1)} 50%{transform:scale(.9)} 100%{transform:scale(1)}} /*引导绑定手机号的弹窗*/ #bind-phone-new{position:fixed;width:100%;height:100%;left:0;top:0;z-index:1005;background:rgba(0,0,0,.55)} #bind-phone-new .win-m{width:532px;position:absolute;left:50%;top:50%;border-radius:8px;background:#fff;margin:-235px 0 0 -266px} #bind-phone-new .win-m .head{padding:0 20px;height:52px;line-height:50px;border-bottom:1px #ddd solid;color:#666;font-size:16px} #bind-phone-new .win-m .head .close{font-family:"宋体";font-size:24px;cursor:pointer} #bind-phone-new .win-m .main .p1{color:#999;height:52px;line-height:52px;text-align:center} #bind-phone-new .win-m .main .p2{text-align:center;height:32px;color:#999} #bind-phone-new .win-m .main .p2 span{color:#fc583d} #bind-phone-new .win-m .foot{border-top:1px #dddddd solid;font-size:12px;text-align:center;color:#999;line-height:18px;padding:9px 0} #bind-phone-new .win-m .main .input-list .btn{width:390px;height:50px;line-height:48px;font-size:20px;color:#fff} #bind-phone-new .win-m .main .input-list .get-test{width:120px;height:48px;background-color:#ffa900;border-radius:4px;line-height:48px;text-align:center;font-size:16px;color:#333;transition:all .2s ;border:none} #bind-phone-new .win-m .main .input-list .get-test:hover{cursor:pointer;background-color:#ffe465} #bind-phone-new .win-m .main .input-list .get-test.ed{cursor:not-allowed;background-color:#ccc} #bind-phone-new .win-m .main .input-list .get-test.ed:hover{background-color:#ccc} #bind-phone-new .win-m .main .input-list{height:48px;line-height:48px;position:relative;margin-bottom:20px} #bind-phone-new .win-m .main .input-list .input-r{width:390px;margin:0 auto} #bind-phone-new .win-m .main .input-list .error-tips{top:10px;left:472px;position:absolute;height:28px;border:1px #ecdda8 solid;line-height:26px;padding:0 15px;font-size:12px;color:#ff6e04;background:#fffbee;white-space:nowrap} #bind-phone-new .win-m .main .input-list .error-tips:before{content:"";width:7px;height:8px;position:absolute;left:-7px;top:9px;background:url(/assets/revision/images/user-icon.png) -258px 0} #bind-phone-new .win-m .main .input-list .txt{font-size:16px;color:#333} #bind-phone-new .win-m .main .input-list .txt a{color:#06a7e2;margin-left:28px} #bind-phone-new .win-m .main .input-list input[type=text]{height:48px;line-height:46px;font-size:14px;color:#333;border:1px #e8e8e8 solid;border-radius:6px;padding:0 14px;transition:border-color .2s} #bind-phone-new .win-m .main .input-list input[type=text]:focus{border-color:#999} #bind-phone-new .win-m .main .input-list .maxw{width:390px} #bind-phone-new .win-m .main .input-list .midw{width:256px} #bind-phone-new .win-m .main .input-list .code-con{margin-left:14px;width:120px;height:48px;cursor:pointer} #bind-phone-new .win-m .main .input-list .btn{line-height:34px;border-radius:4px;border:none;background:#ffbd3d;color:#fff;cursor:pointer;transition:all .2s} #bind-phone-new .win-m .main .input-list .btn:hover{opacity:.8} #bind-phone-new .win-m .main .phone{position:relative} #bind-phone-new .win-m .main .input-list .phone input{padding-left:44px} #bind-phone-new .win-m .main .phone-icon{width:15px;height:25px;position:absolute;top:11px;left:14px;background:url(/assets/revision/images/hk_new_index_icons.png) -95px -192px} /*低版本ie升级浏览器提醒*/ .upbrower{height:300px;position:fixed;width:100%;top:50%;margin-top:-150px;left:0;background:#fff5e0;z-index:101} .upbrower .close{position:absolute;left:50%;margin-left:592px;font-size:26px;cursor:pointer} .upbrower .p1{padding-top:32px;font-size:20px;color:#666666;text-align:center} .upbrower .p1 span{font-size:24px;color:#ff8933;padding:0 10px} .upbrower .p2{height:82px;line-height:70px;font-size:16px;color:#999;text-align:center} .upbrower .brower-list{width:600px;margin:0 auto} .upbrower .brower-list .list{width:150px;text-align:center} .upbrower .brower-list .list .bname{font-size:16px;padding-top:10px} .upbrower .brower-list .list .bname a{color:#666;font-size:16px} .upbrower .brower-list .list .bver{font-size:12px;color:#999999;padding-top:10px} #new-header .nav-list .global-vip-drop{text-align:center;left:18px} #new-header .nav-list .global-vip-drop .view-global-vip{font-size:16px;border-top-color:#ddd} #new-header .nav-list .global-vip-drop .vip-drop-purchase{width:250px;height:38px;line-height:38px;border-radius:19px;color:#fff;background-color:#ffa900;transition:all .2s} #new-header .nav-list .global-vip-drop .vip-drop-titles{font-size:24px;border:none;border:2px #fefefe solid;box-shadow:0 0 0 1px #ffa900,0 0 0 1px #ffa900 inset;display:inline-block;height:38px;line-height:30px;padding:0 5px;margin-top:19px} /*2018-1-9导航栏升级*/ #new-header .nav-list .top-con .course-con{position:absolute;left:0;top:60px;background:#fff;width:450px;padding-bottom:6px;display:none;box-shadow:0 3px 3px rgba(0,0,0,.1);z-index:5} #new-header .nav-list:hover .top-con .course-con{display:block} #new-header .nav-list .top-con .course-con .head{height:46px;line-height:44px;border-bottom:1px #e8e8e8 solid;padding:0 15px;margin-bottom:6px} #new-header .nav-list .top-con .course-con .head p{font-size:16px;color:#333} #new-header .nav-list .top-con .course-con .head p span{font-size:14px;color:#999;padding-left:20px} #new-header .nav-list .top-con .course-con .head a.fr{width:100px;height:30px;line-height:30px;text-align:center;border-radius:4px;font-size:12px;color:#fff;margin-top:7px;transition:all .2s} #new-header .nav-list .top-con .course-con .head a.fr:hover{opacity:.8} #new-header .nav-list .top-con .course-con .head a.fr{background:#ff7c00} #new-header .nav-list .top-con .course-con .course-p{padding:0 15px 0 60px;line-height:30px;position:relative} #new-header .nav-list .top-con .course-con .course-p span{position:absolute;left:15px;width:45px} #new-header .nav-list .top-con .course-con .course-p span:before{content:"";height:12px;width:1px;position:absolute;right:0;top:10px;background:#e8e8e8} #new-header .nav-list .top-con .course-con .course-p a{display:inline-block;padding:0 5px;height:26px;line-height:26px;margin:2px 4px;border-radius:11px;transition:all .2s} #new-header .nav-list .top-con .course-con .course-p a:hover{background:#f8f8f8;color:#ff8300} #new-header .user-info .info-m .user-i .user-t .day-check-button{padding:0 10px;height:18px;line-height:18px;border-radius:9px;background:#ffd500;font-size:12px;color:#333} #new-header .user-info .info-m .user-i .user-t .day-check-button.ed{background:#dddddd} #new-header .app-d{margin-right:20px;position:relative;height:60px} #new-header .app-d .app-icon{width:20px;height:21px;margin:10px auto 5px;background:url(/assets/revision/images/base-icon.v13.png) -12px -44px} #new-header .app-d .app-txt{color:#999;text-align:center} #new-header .app-d .app-icon i{padding:0 2.5px;height:13px;line-height:12px;font-size:12px;background:#f53500;color:#fff;border-radius:2px;position:absolute;right:-3px;top:9px} #new-header .app-d .app-download{width:174px;background:#fff;text-align:center;padding:18px 0 15px;left:-59px;box-shadow:0 3px 3px rgba(0,0,0,.1);top:60px;position:absolute;z-index:5;display:none} #new-header .app-d .app-download .code-img{width: 90px;height: 90px;background: url(/assets/revision/images/base-icon.v13.png) -345px 0;margin:0 auto;} #new-header .app-d .app-download p{font-size:14px;color:#666;line-height:22px;margin-top:5px} #new-header .app-d .app-download .app-box-r a{display:inline-block;width:112px;height:34px;border-radius:17px;text-align:center;line-height:34px;transition:all .2s;background:#ffd305;font-size:14px;color:#333333;margin-top:5px} #new-header .app-d .app-download a:hover{opacity:.8} #new-header .app-d .sj{border-bottom:6px #fff solid;border-left-width:4px;border-right-width:4px;top:54px;display:none} #new-header .app-d:hover .app-icon{background-position:-33px -44px} #new-header .app-d:hover .app-txt{color:#ffd500} #new-header .app-d:hover .sj,#new-header .app-d:hover .app-download{display:block} #new-header .design-course .nav-m{display:none} #new-header .login{color:#ffd500;padding-left:0} #new-header .register-link{line-height:60px;color:#cccccc;margin-left:10px} #new-header .nav-list .nav-t .hot{width:29px;height:14px;background:url(/assets/revision/images/base-icon.v13.png) 0 -118px;top:8px;right:0;position: absolute;} #new-header .nav-list .down-icon{width:11px;height:7px;background:url(/assets/revision/images/base-icon.v13.png) -31px -118px;display:inline-block;margin-left:6px;vertical-align:1px} #new-header .nav-list .nav-t{padding:0 5px} #new-header .nav-list:hover .nav-t{background:#0f0f0f} #new-header .nav-list{margin-left:11px} #new-header .nav-list.bwidth:hover{width:auto} #new-header .nav-list.bwidth:hover .nav-t:before{width:100%;left:0} #new-header .nav-list .dian span{margin:0 3.5px} #new-header .logo{margin-right:7px} #new-header .nav-list.bwidth .nav-t:before{left:50%} #new-header .nav-list .global-vip-drop{left:145px} #new-header .nav-list .classify-vip-drop{left:-361px} #new-header .nav-list .more-nav{left:0} #new-header .nav-list .top-con .course-con.rjrm-wrap{width:810px;height:420px;border:1px #e7e7e7 solid;background:#fff;box-shadow:none;padding:0;border-bottom-left-radius:6px;border-bottom-right-radius: 6px;} #new-header .nav-list .rjrm-wrap .t{height:74px;background:#f8f8f8;border-bottom:1px #e7e7e7 solid;position: relative;} #new-header .nav-list .rjrm-wrap .t .ch-link{width:120px;height:40px;line-height:38px;border-radius:4px;color:#fff;background:#ff7c00;text-align:center;transition:all .2s;font-size: 16px;right: 14px;top:16px;position: absolute;} #new-header .nav-list .rjrm-wrap .t .ch-link:hover{opacity:.8} #new-header .nav-list .rjrm-wrap .t .class-data{padding-top: 14px;height: 59px;overflow: hidden;} #new-header .nav-list .rjrm-wrap .t .class-data p{float: left;padding: 0 18px;border-left:1px #ddd solid;display: flex;flex-direction:column;height: 45px;justify-content:center;} #new-header .nav-list .rjrm-wrap .t .class-data p:nth-child(1){border:none;justify-content:space-between;} #new-header .nav-list .rjrm-wrap .t .class-data p i{color:#ff8300;} #new-header .nav-list .rjrm-wrap .t .class-data p .s1{color:#666;font-size: 18px;} #new-header .nav-list .rjrm-wrap .t .class-data p .s2{font-size: 16px;color:#666;} #new-header .nav-list .rjrm-m{position:relative;padding-left:295px} #new-header .nav-list .rjrm-l{position:absolute;left:0;top:0;height:317px} #new-header .nav-list .rjrm-l .list{width:295px;height:69px;padding:15px 14px 15px 20px;border-bottom:1px #e7e7e7 solid;border-right:1px #e7e7e7 solid} #new-header .nav-list .rjrm-l .list .rj-icon{width:38px;height:38px;margin-right:11px;background:url(/assets/revision/images/base-icon.v13.png)} #new-header .nav-list .rjrm-l .list:nth-child(1) .rj-icon{background-position:0 -133px} #new-header .nav-list .rjrm-l .list:nth-child(2) .rj-icon{background-position:-39px -133px} #new-header .nav-list .rjrm-l .list:nth-child(4) .rj-icon{background-position:-79px -133px} #new-header .nav-list .rjrm-l .list:nth-child(3) .rj-icon{background-position:-119px -133px} #new-header .nav-list .rjrm-l .list:nth-child(5) .rj-icon{background-position:-159px -133px} #new-header .nav-list .rjrm-l .list p{line-height:20px;color:#666666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:205px;transition:color .2s;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #new-header .nav-list .rjrm-l .list:hover p{color:#ff8300} #new-header .nav-list .rjrm-l .list>a{display:block;height:63px} #new-header .nav-list .rjrm-l .list p .num{font-size:12px;color:#999999;padding-left:8px} #new-header .nav-list .rjrm-l .list p .line{height:12px;width:1px;display:inline-block;background:#dddddd;margin:0 8px;vertical-align:-1px} #new-header .nav-list .rjrm-lr{width: 180px;float: left;} #new-header .nav-list .rjrm-lr .list{width:180px;height:69px;padding:15px 14px 15px 20px;border-bottom:1px #e7e7e7 solid;border-right:1px #e7e7e7 solid} #new-header .nav-list .rjrm-lr .list span.fl{width:38px;height:38px;margin-right:11px;background:url(/assets/revision/images/base-icon.v13.png)} #new-header .nav-list .rjrm-lr .list:nth-child(1) .span-icon{background-position:-483px 0} #new-header .nav-list .rjrm-lr .list:nth-child(2) .span-icon{background-position:-483px -39px} #new-header .nav-list .rjrm-lr .list:nth-child(3) .span-icon{background-position:-483px -78px} #new-header .nav-list .rjrm-lr .list:nth-child(4) .span-icon{background-position:-483px -117px} #new-header .nav-list .rjrm-lr .list:nth-child(5) .span-icon{background-position:-483px -156px} #new-header .nav-list .rjrm-lr .list span.excel-icon{background-position:-483px 0} #new-header .nav-list .rjrm-lr .list span.ppt-icon{background-position:-483px -39px} #new-header .nav-list .rjrm-lr .list span.word-icon{background-position:-483px -78px} #new-header .nav-list .rjrm-lr .list span.premiere-icon{background-position:-483px -117px} #new-header .nav-list .rjrm-lr .list span.ds-icon{background-position:-483px -156px} #new-header .nav-list .rjrm-lr .list p{line-height:20px;color:#666666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:90px;transition:color .2s} #new-header .nav-list .rjrm-lr .list:hover p{color:#ff8300} #new-header .nav-list .rjrm-lr .list>a{display:block;height:63px} #new-header .nav-list .rjrm-lr .list p .num{font-size:12px;color:#999999;} #new-header .nav-list .rjrm-r{padding-top:11px;width: 330px;float: left;} #new-header .nav-list .rjrm-r a{display:block;line-height:33px;color:#666;transition:color .2s} #new-header .nav-list .rjrm-r a:hover{color:#ff8300} #new-header .nav-list .rjrm-one{width:166px;padding:0 8px 0 24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #new-header .nav-list .rjrm-one{width:166px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:8px} #new-header .nav-list .top-con .course-con.sjjc-wrap{width:760px;height:514px;border:1px #e7e7e7 solid;background:#fff;box-shadow:none;padding:0;overflow:hidden} #new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-t{height:74px;background:#f8f8f8;border-bottom:1px #e7e7e7 solid;position: relative;} #new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-t .ch-link{width:120px;height:40px;line-height:38px;border-radius:4px;color:#fff;background:#ff660d;text-align:center;transition:all .2s;font-size: 16px;right: 14px;top:16px;position: absolute;} #new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-t .ch-link:hover{opacity:.8} #new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-t .class-data{padding-top: 14px;height: 59px;overflow: hidden;} #new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-t .class-data p{float: left;padding: 0 18px;display: flex;flex-direction:column;height: 45px;justify-content:center;} #new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-t .class-data p i{color:#ff8300;} #new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-t .class-data p .s1{color:#666;font-size: 18px;} #new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-m{position:relative;} #new-header .nav-list .sjjc-wrap .list{height:73px;width:175px} #new-header .nav-list .sjjc-wrap .list .list-l{height:73px;width:175px;border-bottom:1px #dddddd solid;border-right:1px #dddddd solid;transition:background .2s;position: relative;} #new-header .nav-list .sjjc-wrap .list .list-l a{display: block;width: 174px;height: 72px;padding:18px 0 0 19px;} #new-header .nav-list .sjjc-wrap .list .list-l .p1{font-size: 16px;color:#666;} #new-header .nav-list .sjjc-wrap .list .list-l .p2{padding-top: 8px;font-size: 12px;color:#999;} #new-header .nav-list .sjjc-wrap .list .list-l .p2 span{padding-right: 8px;} #new-header .nav-list .sjjc-wrap .list .list-l .p2 i{color:#ff8300;} #new-header .nav-list .sjjc-wrap .list:last-child .list-l{border-bottom:0} #new-header .nav-list .sjjc-wrap .list.active .list-l{background:#f8f8f8} #new-header .nav-list .sjjc-wrap .list.active .list-l:before{content: "";position: absolute;left: 0;top: 19px;width: 2px;height: 36px;background: #ffd500;} #new-header .nav-list .sjjc-wrap .list .list-r{position:absolute;z-index: 1;left:175px;top:0;width:201px;height: 440px;border-right: 1px #ddd solid;padding-top: 19px;background: #fff;opacity: 0;padding: 19px 0 0 24px;} #new-header .nav-list .sjjc-wrap .list .list-r dl{width:88px;float: left;} #new-header .nav-list .sjjc-wrap .list .list-r dt{color:#666;margin-bottom: 17px;} #new-header .nav-list .sjjc-wrap .list .list-r dd{margin-bottom: 17px;width: 80px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis} #new-header .nav-list .sjjc-wrap .list .list-r dd a{color:#999;} #new-header .nav-list .sjjc-wrap .list .list-r dd a:hover{color:#ff8300;} #new-header .nav-list .sjjc-wrap .list .list-r dd a.more-course{color:#ff8300;} #new-header .nav-list .sjjc-wrap .list.active .list-r{opacity: 1;z-index: 2} #new-header .nav-list .sjjc-wrap .more-link{width: 368px;display: flex;flex-direction: column;flex-wrap:wrap;height: 424px;} #new-header .nav-list .sjjc-wrap .more-link .link-list{width: 171px;height: 59px;border:1px #ddd solid;border-radius: 4px;margin:0 12px 10px 0;padding: 10px 0 0 13px;transition: border .2s} #new-header .nav-list .sjjc-wrap .more-link .link-list:hover{border-color: #ff8300;} #new-header .nav-list .sjjc-wrap .more-link .link-list .p1{font-size: 16px;color:#666;} #new-header .nav-list .sjjc-wrap .more-link .link-list:hover .p1{color:#ff8300;} #new-header .nav-list .sjjc-wrap .more-link .link-list .p1 span{color:#999999;font-size: 12px;} #new-header .nav-list .sjjc-wrap .more-link .link-list .p2{color:#666;padding-top: 9px;font-size: 12px;} #new-header .nav-list .sjjc-wrap .more-link .link-list .p2 span{color:#ff8300;} #new-header .nav-list .sjjc-r{position: absolute;right: 0;top: 88px;} #footer .flogo a{display:block;width:330px;height:36px;background:url(/assets/revision/images/base-icon.v13.png) -88px -598px} #footer .pos-code dl dt{width:94px;height:94px;background:url(/assets/revision/images/base-icon.v13.png);border-radius:4px;overflow:hidden} #footer .pos-code dl dt.app-code{background-position:-99px -657px} #footer .pos-code dl dt.wchat-code{background-position:0 -657px} #footer .pos-code dl dd .wchat-icon{background:url(/assets/revision/images/base-icon.v13.png) -23px -597px} #footer .keep-record .wangan{background:url(/assets/revision/images/base-icon.v13.png) 0 -597px;width:19px;height:20px;display:inline-block;vertical-align:-5px;margin-right:8px} #footer .copyRight .kexin{background:url(/assets/revision/images/base-icon.v13.png) 0 -622px;width:83px;height:30px;display:inline-block;vertical-align:-10px;margin-left:20px} .hk-head-nav-recharge a {font-size: 18px;color: #999;height: 60px;display: block;line-height: 60px;position: relative;margin-left: 16px;} /* 底部样式 请放到公共样式表里*/ #body-container{padding-bottom:340px!important} #footer{width:100%;position:absolute;left:0;bottom:0;height:340px;background:#222222;color:#999999} #footer a{color:#999999;transition:all .2s} #footer a:hover{color:#fff} #footer .flogo{padding:30px 0 35px} #footer .our-link{padding-bottom:30px} #footer .our-link a{display:inline-block;margin-right:30px} #footer .color-bg{background:#191919;border-bottom:1px #222222 solid} #footer .friends-link{height:56px;line-height:56px} #footer .friends-link a{display:inline-block;margin:0 8px 0 22px} #footer .keep-record{height:64px;line-height:64px} #footer .keep-record .gov{display:inline-block;margin-right:20px;padding-right:20px;border-right:1px #222222 solid;height:14px;line-height:14px} #footer .keep-record .ga img{vertical-align:-4px;padding-right:10px} #footer .copyRight{height:74px;line-height:74px} #footer .copyRight .kfqq{margin-left:30px} #footer .copyRight img{vertical-align:middle;margin-left:20px} #footer .code-cont{position:relative} #footer .pos-code{position:absolute;right:0;top:14px} #footer .pos-code dl{margin-left:30px;text-align:center} #footer .pos-code dl dt img{width:94px;height:94px;display:block;border-radius:4px} #footer .pos-code dl dd{color:#999999;line-height:34px} #footer .pos-code dl dd .wchat-icon{width:15px;height:13px;display:inline-block;margin-right:6px;vertical-align:-2px} .lrframe-box { width: 420px; margin: 0 auto; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; position: relative; overflow: hidden;padding-bottom: 30px;} .lrframe-box .frame-close { display: block; position: absolute; right: 8px; top: 8px; width: 12px; height: 12px; background: url(/assets/revision/images/base-icon.v13.png) no-repeat -69px -493px; cursor: pointer; } .lrframe-box .frame-top { height: 80px; padding: 0 50px; border-bottom: 1px solid #eee; margin-bottom: 30px; } .lrframe-box .frame-top h3 { font-size: 18px; color: #ffa900; padding: 20px 0 10px; } .lrframe-box .frame-top p { font-size: 14px; color: #999; } .lrframe-box .frame-top p > span { color: #ffa900; } .lrframe-box .frame-bd{width:420px} .lrframe-box .frame-bd .wk-btn { display: block; width: 300px; height: 65px; line-height: 65px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; font-size: 18px; color: #fff; margin: 25px auto 0; } .lrframe-box .frame-bd .wk-btn:hover { opacity: .8; filter: alpha(opacity=80); } .lrframe-box .frame-bd .wk-btn i { display: inline-block; background: url(/assets/revision/images/base-icon.v13.png); margin-right: 12px; vertical-align: -8px; } .lrframe-box .frame-bd .qq-login { background: #33c4f3; } .lrframe-box .frame-bd .qq-login i { width: 30px; height: 31px; background-position: -69px -520px; } .lrframe-box .frame-bd .wx-login { background: #93d733; } .lrframe-box .frame-bd .wx-login i { width: 36px; height: 29px; background-position: -107px -522px; } .lrframe-box .frame-bd .xl-login { background: #f04b52; } .lrframe-box .frame-bd .xl-login i { width: 35px; height: 28px; background-position: -153px -523px; } .lrframe-box .turn-round { position: absolute; right: 0; bottom: 20px; text-align: right; padding: 0 10px; font-size: 14px; color: #999; } .lrframe-box .turn-round .round-btn { color: #ffa900; } .lrframe-box .turn-round .round-btn:hover { text-decoration: underline; } .lrframe-box .agree-deal { margin-top: 15px; text-align: center; } .lrframe-box .agree-deal span { color: #999; vertical-align: 2px; } .lrframe-box .agree-deal span a { color: #ffa900; } .lrframe-box .tab-head{height: 67px;line-height: 66px;border-bottom: 1px #e8e8e8 solid;} .lrframe-box .tab-head span{width: 80px;margin:0 60px;display: inline-block; font-size: 24px;color:#999999;text-align: center;cursor: pointer;height: 67px;} .lrframe-box .tab-head span.active,.lrframe-box .tab-head span:hover{border-bottom: 2px #ffa900 solid;color:#ffa900;} .lrframe-box .tab-main{ width: 840px; transition: all .4s} .lrframe-box .tab-main .go-phone{color:#999999;font-size: 14px;text-align: center;padding-top: 20px;cursor: pointer;} .lrframe-box .tab-main .phone-m{ width: 420px;padding:0 15px;display: none; } .lrframe-box .tab-main .phone-m .frame-bd a{width: 122px;margin:20px 13px 0 0 ;float: left;height: 48px;line-height: 48px;font-size: 16px;} .lrframe-box .tab-main .phone-m .frame-bd i{background:url(/assets/revision/images/base-icon.v13.png);vertical-align: -6px;margin-right: 5px;} .lrframe-box .tab-main .phone-m .frame-bd .qq-login i{width: 22px;height: 23px;background-position: -65px -567px;} .lrframe-box .tab-main .phone-m .frame-bd .wx-login i{width: 29px;height: 23px;background-position: -32px -567px;} .lrframe-box .tab-main .phone-m .frame-bd .xl-login i{width: 28px;height: 22px;background-position: 0 -567px;} .lrframe-box .tab-main .phone-title{ font-size: 14px;position: relative; height: 14px;line-height: 14px;text-align: center;margin:20px 0;} .lrframe-box .tab-main .phone-title:after{left: 0;top: 8px;position: absolute;content: "";width: 100%;height: 1px;background-color: #eaeaea} .lrframe-box .tab-main .phone-title span{display: inline-block;padding:0 28px;background-color: #fff;color:#999;position: relative;z-index: 2} .lrframe-box .tab-main .phone-num{height: 48px;line-height: 46px;margin-bottom: 20px;position: relative;} .lrframe-box .tab-main .phone-num .phone-icon{ width: 15px;height: 25px;position: absolute; top: 11px;left: 14px;background: url(/assets/revision/images/base-icon.v13.png) -95px -567px; } .lrframe-box .tab-main .phone-num input{width: 100%;height: 48px;line-height: 46px;border:1px #e8e8e8 solid;padding:0 44px;border-radius: 4px;} ::-webkit-input-placeholder{color:#ccc;} .lrframe-box .tab-main .phone-code{height: 48px;margin-bottom: 20px;} .lrframe-box .tab-main .phone-code .code-l{width:256px;} .lrframe-box .tab-main .phone-code .code-l input{width:256px;height: 48px;line-height: 46px;border:1px #e8e8e8 solid;padding:0 14px;border-radius: 4px;} .lrframe-box .tab-main .phone-code .code-r{ width: 120px;height: 48px; overflow: hidden;} .lrframe-box .tab-main .phone-yz{height: 48px;margin-bottom: 20px;} .lrframe-box .tab-main .phone-yz .yz-l{width: 256px;} .lrframe-box .tab-main .phone-yz .yz-l input{width:256px;height: 48px;line-height: 46px;border:1px #e8e8e8 solid;padding:0 14px;border-radius: 4px;} .lrframe-box .tab-main .phone-yz .yz-r{ width: 120px;height: 48px; } .lrframe-box .tab-main .phone-yz .yz-r .get-p{border: none;width: 100%;height: 48px;line-height: 46px;border:1px #ffa900 solid;border-radius: 4px;color:#ffa900;background-color: #fff0d3;cursor: pointer;transition: all .2s;text-align:center;} .lrframe-box .tab-main .phone-yz .yz-r .get-p:hover{background-color: #fff8eb;} .lrframe-box .tab-main .phone-yz .yz-r .get-p.ed{cursor: not-allowed;border:1px #e8e8e8 solid;color:#999;background-color: #e8e8e8;} .lrframe-box .tab-main .phone-btn{ height: 48px;text-align: center;line-height: 48px;border-radius: 4px; font-size: 20px;color:#fff;background-color: #ffa900;transition: all .2s } .lrframe-box .tab-main .phone-btn:hover{background-color: #ffb930;cursor: pointer;} .lrframe-box .tab-main .error{position: relative;height: 62px;} .lrframe-box .tab-main .error-txt{display: none;} .lrframe-box .tab-main .error .error-txt{position: absolute;display: block;left: 15px;top: 55px;line-height: 14px;color:#f53500;} .lrframe-box .tab-main .error input[type="text"]{border-color:#f53500 } /*底部友链左右滑动*/ #footer .friends-link{position: relative;} #footer .friends-link .slide-m{overflow:hidden;width: 100%;position: relative;height: 100%} #footer .friends-link .link-m{white-space: nowrap;float: left;position: absolute;left: 0;top: 0;transition: all .4s;} #footer .friends-link .link-t span{font-family: "宋体";font-size: 20px;position: absolute;cursor: pointer;display: none;} #footer .color-bg:hover .link-t span{display: block;} #footer .friends-link .link-t span:hover{color:#fff;} #footer .friends-link .next{right: -26px;} #footer .color-bg .friends-link .link-t .prev{left: -26px;display: none;} #footer .friends-link .link-t span.stop{display: none;} /* -------- 头部作业评改提示 -- */ #new-header .nav-list .task-tips{position: absolute;left: -126px;top: 60px;height: 28px;line-height: 26px;border-radius: 14px;padding: 0 7px 0 15px;background: #ffeee1;color:#666;white-space: nowrap;} #new-header .nav-list .task-tips:before{content: "";border:6px transparent solid;border-bottom-color: #ffeee1;position: absolute;left: 158px;top: -12px;} #new-header .nav-list .task-tips span{color:#ff5409;} #new-header .nav-list .task-tips a{color: #ff5409;display: inline-block;margin-left: 7px;vertical-align: top;text-decoration: underline;} #new-header .nav-list .task-tips .close{font-size: 18px;margin-left: 18px;cursor: pointer;display: inline-block;vertical-align: top;} #new-header .tasked-tips{height: 28px;background: #fff;border:1px #ddd solid;border-radius: 14px;position: absolute;right: -8px;top: 59px;white-space: nowrap;padding: 0 14px;line-height: 24px;z-index: 3;color:#666;} #new-header .tasked-tips:before{content: "";border:6px transparent solid;border-bottom-color: #fff;position: absolute;left: 136px;top: -12px;} #new-header .tasked-tips a{color:#ff5409;margin-left: 8px;display: inline-block;vertical-align: top;} #new-header .layout-cont{position: relative;} /* -- 分类vip图标样式 ------- */ [class*="vipIcon-"]{width: 50px;height: 57px;position: relative;display: inline-block;font-size: 50px;} [class*="vipIcon-"]:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(/assets/revision/images/update-all-vip-info/vip-icon.v2.png) no-repeat;background-size: 3em 3.32em} [class*="vvipIcon-"]:before{background-position:-2em 0;} [class*="svipIcon-"]:before{background-position:0 0;} .svipIcon-font,.vvipIcon-font{background: #f5c607}/*字体VIP*/ .svipIcon-poster,.vvipIcon-poster{background: #40b0ff}/*海报VIP*/ .svipIcon-c4d,.vvipIcon-c4d{background: #367dd5}/*C4D教程*/ .svipIcon-software,.vvipIcon-software{background: #ff7c00}/*软件VIP*/ .svipIcon-synthesize,.vvipIcon-synthesize{background: #6ebd6b}/*综合VIP*/ .svipIcon-image,.vvipIcon-image{background: #00a99d}/*图像VIP*/ .svipIcon-truing,.vvipIcon-truing{background: #b062a3}/*精修VIP*/ .svipIcon-photograph,.vvipIcon-photograph{background: #494166}/*摄影VIP*/ .svipIcon-movies,.vvipIcon-movies{background: #d49688}/*影视VIP*/ .svipIcon-job,.vvipIcon-job{background: #00528e}/*职业VIP*/ .svipIcon-portrait,.vvipIcon-portrait{background: #ccb374}/*人像VIP*/ .svipIcon-printing,.vvipIcon-printing{background: #a68369}/*印刷VIP*/ .svipIcon-illustrations,.vvipIcon-illustrations{background: #ea5442}/*商业插画VIP*/ .svipIcon-illustration,.vvipIcon-illustration{background: #ea5442}/*商业插画VIP*/ .svipIcon-store,.vvipIcon-store{background: #617f74}/*店铺装修VIP*/ .svipIcon-packing,.vvipIcon-packing{background: #e5869a}/*包装设计VIP*/ .svipIcon-indoor,.vvipIcon-indoor{background: #74c4c4}/*室内设计VIP*/ /* ---- 头部导航 app 下载 -- */ #new-header .app-d .app-download{width: 360px;height: 210px;padding: 20px 20px 0;left: -154px;} #new-header .app-d .app-download .app-box-l{width: 158px;} #new-header .app-d .app-download .app-box-l img{display: block;width: 158px;height: 158px;} #new-header .app-d .app-download .app-box-l .p2{font-size: 12px;line-height: 12px;} #new-header .app-d .app-download .app-box-r{width: 144px;} #new-header .app-d .app-download .app-box-r .p1{font-size: 16px;color:#333;line-height: 28px;height: 36px;} #new-header .app-d .app-download .app-box-r a{display: block;height: 32px;line-height: 32px;margin-bottom: 16px;font-size: 16px;color:#333;padding-left: 44px;width: 100%;text-align: left;position:relative;} #new-header .app-d .app-download .app-box-r a:before{content: "";position: absolute;background: url(/assets/revision/images/base-icon.v13.png) no-repeat;} #new-header .app-d .sj{border-bottom: 8px #fff solid;border-left-width: 7px;border-right-width: 7px;top: 52px;} #new-header .app-d .app-download .app-box-r a.iphone-download:before{background-position: -245px -147px;left: 23px;top: 6px;width: 10px;height: 20px;} #new-header .app-d .app-download .app-box-r a.android-download:before{background-position: -214px -147px;left: 20px;top: 7px;width: 16px;height: 18px;} #new-header .app-d .app-download .app-box-r a.ipad-download:before{background-position: -269px -148px;left: 21px;top: 8px;width: 13px;height: 17px;} /*侧边栏*/ .fixed-box .app-box{width: 184px;padding: 15px 0 12px;text-align: center;} .fixed-box .app-box .p1{font-size: 16px;height: 24px;color:#333;} .fixed-box .app-box .img{width: 154px;height: 154px;margin:0 auto;} .fixed-box .app-box .img img{display: block;width: 100%} .fixed-box .app-box .p2{font-size: 10px;color:#666;padding-top: 6px;} /* ---- 限制登录弹窗 ---- */ .layui-layer-content .qq-icon{width: 70px;height:19px;display: inline-block;background: url(/assets/revision/images/base-icon.v13.png) -196px -732px;vertical-align: top;} .proving-phone-win{position: fixed;z-index: 1001;width: 100%;height: 100%;left: 0;top: 0;background:rgba(0,0,0,.5);} .proving-phone-win .win-m{background: #fff;position: absolute;width:420px;border-radius: 4px;left: 50%;top: 50%;margin:-180px 0 0 -210px;padding: 0 14px 30px;} .proving-phone-win .win-m .close{position: absolute;right: 10px;top: 10px;font-family:"宋体";cursor:pointer;} .proving-phone-win .win-m .p1{text-align: center;padding-top: 30px;font-size: 20px;} .proving-phone-win .win-m .p2{padding-top: 20px;text-align: center;color:#666;font-size: 16px;} .proving-phone-win .win-m .phone-num{height: 25x;margin:30px 0 20px;position: relative;font-size: 18px;padding-left: 44px;line-height: 26px;} .proving-phone-win .win-m .phone-num .phone-icon{ width: 15px;height: 25px;position: absolute; top: 0px;left: 14px;background: url(/assets/revision/images/base-icon.v13.png) -95px -567px; } ::-webkit-input-placeholder{color:#ccc;} .proving-phone-win .win-m .phone-code{height: 48px;margin-bottom: 20px;} .proving-phone-win .win-m .phone-code .code-l{width:256px;} .proving-phone-win .win-m .phone-code .code-l input{width:256px;height: 48px;line-height: 46px;border:1px #e8e8e8 solid;padding:0 14px;border-radius: 4px;} .proving-phone-win .win-m .phone-code .code-r{ width: 120px;height: 48px; overflow: hidden;} .proving-phone-win .win-m .phone-yz{height: 48px;margin-bottom: 20px;} .proving-phone-win .win-m .phone-yz .yz-l{width: 256px;} .proving-phone-win .win-m .phone-yz .yz-l input{width:256px;height: 48px;line-height: 46px;border:1px #e8e8e8 solid;padding:0 14px;border-radius: 4px;} .proving-phone-win .win-m .phone-yz .yz-r{ width: 120px;height: 48px; } .proving-phone-win .win-m .phone-yz .yz-r .get-p{border: none;width: 100%;height: 48px;line-height: 46px;border:1px #ffa900 solid;border-radius: 4px;color:#ffa900;background-color: #fff0d3;cursor: pointer;transition: all .2s;text-align:center;} .proving-phone-win .win-m .phone-yz .yz-r .get-p:hover{background-color: #fff8eb;} .proving-phone-win .win-m .phone-yz .yz-r .get-p.ed{cursor: not-allowed;border:1px #e8e8e8 solid;color:#999;background-color: #e8e8e8;} .proving-phone-win .win-m .phone-btn{ height: 48px;text-align: center;line-height: 44px;border-radius: 4px; font-size: 20px;color:#fff;background-color: #ffa900;transition: all .2s } .proving-phone-win .win-m .phone-btn:hover{background-color: #ffb930;cursor: pointer;} .proving-phone-win .win-m .error{position: relative;height: 62px;} .proving-phone-win .win-m .error-txt{display: none;} .proving-phone-win .win-m .error .error-txt{position: absolute;display: block;left: 15px;top: 55px;line-height: 14px;color:#f53500;} .proving-phone-win .win-m .error input[type="text"]{border-color:#f53500 } @media only screen and (max-width:1440px){ /*.nav-slide .slide-btn.prev{margin-left:-546px}*/ #footer .friends-link a{margin: 0 7px 0 8px;} #footer .copyRight .kfqq,#footer .copyRight img{margin-left:10px} #new-header .nav-list{margin-left:3px} #new-header .nav-list .nav-t{padding:0 3px} #ew-header .header-search .txt{width:140px!important} #new-header .app-d,#new-header .user-news{margin-right:15x} .nav-banner .banner-cover{margin-left:293px} .layout-cont{width:1000px} .fixed-bar{margin-right:-600px} .flow-list .flow-item{width:243px;margin-right:10px} .flow-list .flow-item .item-show{width:243px;height:148px} .flow-list .flow-item .tem-info{padding:8px} .flow-list .flow-item .info-tabs{margin:8px 0} .flow-list .flow-item .info-tabs tabs-sp{margin-right:2px} .flow-list .flow-item .info-tabs .tabs-sp,.flow-list .flow-item .info-tabs .ther-sp{font-size:12px} .flow-list .flow-item .info-title .title-name{max-width:150px} .flow-list .low-item .info-tabs .tabs-sp{margin-right:2px} .flow-list .flow-item .info-tabs .tabs-sp,.flow-list .low-item .info-tabs .other-sp{font-size:12px} .flow-list .flow-item .item-info.uhome-page .last-time{font-size:12px} #new-header .layout-cont{width:1000px} #new-header .register-link{margin-right:-50px} #new-header .design-course .nav-m{height:40px;left:-817px;top:60px;background:#ffd200;left:-2140px;width:3218px} #new-header .header-search{margin-right:20px} #new-header .nav-list .nav-t{font-size:14px} #new-header .design-course .nav-m .course-list .course-link{font-size:12px} #new-header .esign-course .nav-m .course-list{margin-right:2px} #new-header .design-course .nav-m .course-m{padding-left:22px;width:2000px} #page-m a{height:32px;line-height:30px;margin:0 2px;max-width:42px;min-width:32px;font-size:12px;padding:0 5px} #page-m span{font-size:14px;padding:0 5px} #page-m .next,#page-m .re{max-width:72px;width:72px} .hk-navigation .nav-cutbar .cutbar-left{width:240x} .hk-navigation .nav-cutbar .cutbar-right .nr-item .item-tit{padding:0 8px} .nav-main .nmain-list{width:240px} .nav-main .nml-item .strong-a{font-size:16px} .nav-main .nml-item .small-box{margin-left:5px} .nav-main .nml-item .small-box a{font-size:12px;margin-left:5px} .nav-main .nml-item .item-drop{width:760px;left:240px} .nav-main .item-drop .tags-box{width:518px;padding:0 20px 0 35px} .nav-main .tem-drop .recm-box{width:240px} .nav-main .item-drop .tgbox-bod .bod-item .bdi-mai a,.nav-main .item-drop tgbox-bod .bod-item .bdi-tit{font-size:12px} .nav-main .item-drop .tgbox-bod .bod-item .bdi-mai a{margin:0 3px 10px} .nav-main .item-drop .tgbox-bod .bod-item .bdi-tit{margin-top:5px} .nav-main item-drop .recm-box .rd-video{width:202px;height:120px} /*.nav-slide .slide-btn.prev{margin-left:-230px}*/ .nav-slide .slide-btn.next{margin-right:-539px} .nav-cutbar .cutbar-right .nr-item .item-tit .impt-nop{top:4px;right:-6px} .nav-cutbar .cutbar-right .nr-item .classify-vip-drop{left:-115px} .nav-cutbar .utbar-right .nr-item .classify-vip-drop:before{left:147px} .nr-item .classify-vip-drop .type-box{width:109px} .nr-item .classify-vip-drop{width:502px} #new-header .nav-list .top-con .vip-type.course-con{width: 548px;border:1px #ddd solid;padding: 0;left: -250px;} #new-header .header-search .txt{width:140px!important} } /* COMBO: filename = css/home/index.v18.css, type = text/css, resp = 200 */ /* COMBO: filename = css/home/index.v15.css, type = text/css, resp = 200 */ /* COMBO: filename = css/home/index.v13.css, type = text/css, resp = 200 */ @charset "UTF-8"; /* index Style -Version: 1.0.0 -Author: hanyang */ /*2019-2-6 首页升级新增样式*/ .hk-navigation .nav-slide .slide-btn{width:36px;height:60px;background:rgba(0,0,0,.3);border-radius:6px;opacity:1;transition:all .2s} .hk-navigation .nav-slide .slide-btn:hover{background:rgba(0,0,0,.6)} .hk-navigation .nav-slide .slide-btn:before{background:url(/assets/revision/images/nav/slide-btn.png) no-repeat;position:absolute;left:11px;top:20px;width:12px;height:20px;content:""} .nav-slide .slide-btn.next{margin-right:-666px} .nav-slide .slide-btn.next:before{background-position:-13px 0} .nav-slide .hd li span{height:3px;background:#999} .nav-banner .banner-cover{position:absolute;left:50%;margin-left:410px;top:19px;background:rgba(0,0,0,.8);width:210px;padding:5px} .nav-banner .banner-cover .cover-t{border:1px #e5ba81 solid;width:198px;height:204px;padding: 22px 0 0 15px;} .nav-banner .banner-cover h2{font-size:24px;color:#e5ba81;font-weight:bold;margin-bottom:20px} .nav-banner .banner-cover h2 span{width:5px;height:5px;border-radius:50%;background:#e5ba81;display:inline-block;margin:0 9px;vertical-align:6px} .nav-banner .banner-cover p{font-size:14px;color:#fff;line-height:28px} .nav-banner .banner-cover p span{font-size:18px;color:#f53500;padding:0 5px} .nav-banner .banner-cover .conduct-img{padding-top: 5px;cursor: pointer;} .nav-banner,.nav-slide .bd li{height:360px} /* 轮播 */ .nav-banner{width:100%;position:relative} .nav-slide{position:absolute;top:0;left:0;right:0;height:100%;overflow:hidden}.nav-slide .bd{width:100%;height:100%} .nav-slide .bd li{width:100%;float:left;height:390px} .nav-slide .bd .img{width:100%;height:100%} .nav-slide .hd{position:absolute;left:0;right:0;bottom:25px;text-align:center;height:2px;line-height:2px} .nav-slide .hd ul{height:2px;line-height:2px} .nav-slide .hd li{display:inline-block;margin:0 4px;width:20px;height:20px;cursor:pointer;cursor:pointer;vertical-align:middle} .nav-slide .hd li span{height:2px;display:inline-block;width:20px;background-color:#ccc} .nav-slide .hd li.on span{background:#fff} .nav-banner,.nav-slide .bd li{height:360px} .nav-slide:hover .slide-btn{display:block} .nav-slide .slide-btn{width:30px;height:57px;position:absolute;top:50%;display:none;margin-top:-27px;background:url(/assets/revision/images/nav/banner-btn.png) no-repeat;z-index:19} .nav-slide .slide-btn.prev{background-position:0 0;left:50%;margin-left:-666px;opacity:.3} .nav-slide .slide-btn.prev:hover{opacity:.7} .nav-slide .slide-btn.next{background-position:-33px 0;right:50%;opacity:.3} .nav-slide .slide-btn.next:hover{opacity:.7} /* -- 官方宣传片视频播放弹窗 -------- */ .video-box-win{position: fixed;z-index: 1001;left: 0;top: 0;width: 100%;height: 100%;} .video-box-win .win-bg{height: 100%;background: rgba(0,0,0,.4);} .video-box-win .win-m{width: 770px;background: #26262b;border-radius: 6px;position: absolute;left: 50%;top: 50%;margin:-242px 0 0 -385px;} .video-box-win .win-m .video-m{height: 430px;} .video-box-win .win-m .close{font-family: "宋体";font-weight: bold;color:#888a8f;font-size: 20px;position: absolute;right: 20px;top: 17px;cursor: pointer;transition: color .2s} .video-box-win .win-m .close:hover{color:#c4c4c6;} .video-box-win .win-m h3{font-size: 18px;padding: 0 20px;line-height: 54px;color:#999999;font-weight: normal;overflow:hidden;height: 54px;} /*banner*/ .slide-box { width: 100%; height: 350px; position: relative; overflow: hidden; } .slide-box:hover .cut-btn { opacity: .6; } .slide-box .bd { position: relative; zoom: 0; } .slide-box .bd li { float: left; width: 100%; height: 350px; } .slide-box .bd li .img { display: block; width: 100%; height: 100%; } .slide-box .hd { position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; } .slide-box .hd ul { display: inline-block; padding: 4px 30px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); } .slide-box .hd li { display: inline-block; width: 9px; height: 9px; -webkit-border-radius: 50%; border-radius: 50%; background: #ccc; margin: 0 2px; cursor: pointer; -webkit-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; opacity: .7; } .slide-box .hd li:hover, .slide-box .hd li.on { width: 35px; -webkit-border-radius: 12px; border-radius: 12px; background: #eee; } .slide-box .cut-btn { position: absolute; top: 50%; margin-top: -22px; left: 50%; opacity: 0; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; } .slide-box .cut-btn .cut-btn-icon { display: block; width: 25px; height: 45px; background: url(/assets/revision/images/hk_new_index_icons.png) no-repeat; } .slide-box .prev { margin-left: -620px; } .slide-box .prev .cut-btn-icon { background-position: 0 -61px; } .slide-box .prev:hover .cut-btn-icon { background-position: -65px -61px; } .slide-box .next { margin-left: 595px; } .slide-box .next .cut-btn-icon { background-position: -35px -61px; } .slide-box .next:hover .cut-btn-icon { background-position: -100px -61px; } /*== banner end ==*/ /*sub-bar*/ .sub-bar { padding: 30px 0; } .sub-bar .bar-item { width: 295px; height: 51px; margin-right: 20px; } .sub-bar .bar-item.last-baritem { margin-right: 0; } .sub-bar .bar-item:last-child { margin-right: 0; } .sub-bar .bar-item .bar-icons { vertical-align: middle; display: inline-block; margin-right: 15px; width: 51px; height: 51px; background: url(/assets/revision/images/hk_new_index_icons.png); } .sub-bar .bar-item .bar-icons.icon-1 { background-position: 0 0; } .sub-bar .bar-item .bar-icons.icon-2 { background-position: -61px 0; } .sub-bar .bar-item .bar-icons.icon-3 { background-position: -122px 0; } .sub-bar .bar-item .bar-icons.icon-4 { background-position: -183px 0; } .sub-bar .bar-item .bar-info { vertical-align: middle; display: inline-block; } .sub-bar .bar-item .bar-info p { font-size: 16px; color: #999; line-height: 24px; } .sub-bar .bar-item .bar-info .info-tit { color: #666; } /*==sub-bar end==*/ /*web module*/ .web-module { margin-bottom: 25px; } .web-module ul { margin-right: -20px; width: 104%\9; } .web-module .module-item { width: 295px; height: 100px; overflow: hidden; margin-right: 20px; } .web-module .module-item.last-module, .web-module .module-item:last-child { margin-right: 0; } .web-module .module-item img { display: block; width: 100%; height: 100%; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .web-module .module-item:hover img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } /*==web module==*/ /*view-more*/ .view-more .vm-btn { display: block; width: 120px; height: 40px; border: 1px solid #eee; background: #fff; color: #666; line-height: 40px; text-align: center; margin: 20px auto; } .view-more .vm-btn:hover { background: #ffd500; color: #fff; } /*==view-more==*/ /*teacher intro*/ .teacher-intro { padding-bottom: 20px; } .teacher-intro .intro-title { padding: 40px 0 30px; } .teacher-intro .intro-title h2 { text-align: center; font-size: 30px; color: #333; margin-bottom: 20px; font-weight: normal; } .teacher-intro .intro-title p { text-align: center; font-size: 16px; color: #999; } .teacher-intro .intro-list { margin-right: -20px; width: 104%\9; } .teacher-intro .intro-item { position: relative; width: 398px; height: 127px; border: 1px solid #eee; margin: 0 20px 20px 0; } .teacher-intro .intro-item:before { content: ''; width: 0; height: 3px; background: #ffd500; position: absolute; left: 0; bottom: -3px; -webkit-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .teacher-intro .intro-item:hover:before { width: 100%; } .teacher-intro .intro-item .show { width: 125px; height: 125px; position: absolute; left: 0; top: 0; } .teacher-intro .intro-item .show img { display: block; width: 100%; height: 100%; } .teacher-intro .intro-item .info { margin-left: 134px; } .teacher-intro .intro-item .info h3 { line-height: 34px; margin-bottom: 10px; font-size: 16px; color: #666; font-weight: normal; } .teacher-intro .intro-item .info .intro-words { width: 262px; height: 80px; text-align: left; display: table-cell; vertical-align: bottom; } .teacher-intro .intro-item .info p { font-size: 12px; color: #999; line-height: 20px; max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } /*==teacher intro end==*/ /*Official active*/ .official-active ul { margin-right: -20px; width: 104%\9; padding: 20px 0; } .official-active .active-item { width: 295px; height: 160px; overflow: hidden; margin-right: 20px; } .official-active .active-item:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .official-active .active-item:last-child, .official-active .active-item.last-item { margin-right: 0; } .official-active img { display: block; width: 100%; height: 100%; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } /*==Official active end==*/ /*滚动数组*/ .num-running { background: #fff; } .num-running .section-title { padding: 45px 0 70px; } .num-running .section-title h2 { text-align: center; font-size: 30px; color: #333; margin-bottom: 20px; font-weight: normal; } .num-running .section-title p { text-align: center; font-size: 16px; color: #999; } .num-running .section-row { margin-bottom: 40px; } .num-running .section-row .row-cols { width: 33.33%; } .num-running .section-row .num1, .num-running .section-row .num2, .num-running .section-row .num3 { width: 342px; margin: 0 auto; padding-top: 10px; color: #9a9a9a; } .num-running .section-row .num1 span, .num-running .section-row .num2 span, .num-running .section-row .num3 span { font-size: 78px; } .num-running .section-row .num1 p, .num-running .section-row .num2 p, .num-running .section-row .num3 p { margin: 30px 0 20px; font-size: 16px; color: #333; } .num-running .section-row .num1 { border-top: 3px solid #fd6a7f; } .num-running .section-row .num1 span { color: #fd6a7f; } .num-running .section-row .num2 { border-top: 3px solid #70c3ff; } .num-running .section-row .num2 span { color: #70c3ff; } .num-running .section-row .num3 { border-top: 3px solid #89d04f; } .num-running .section-row .num3 span { color: #89d04f; } /*== 滚动数组 end==*/ /*标题栏*/ .pub-title { padding-top: 10px; height: 49px; line-height: 38px; border-bottom: 1px solid #eee; margin-bottom: 20px; } .pub-title h3 { font-size: 18px; display: inline-block; color: #333; font-weight: normal; position: relative; } .pub-title h3 .new-tb { position: absolute; right: -35px; top: -8px; padding: 2px 5px; font-size: 12px; line-height: 14px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); color: #fff; -webkit-border-radius: 4px; border-radius: 4px; background: #f44336; z-index: 5; } .pub-title h3 .new-tb:after { bottom: -4px; left: 3px; border-top: 0 solid transparent; border-right: 0 solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #E95F1E; border-width: 4px; margin-left: 0px; } .pub-title .tit-nav { display: inline-block; margin-left: 20px; } .pub-title .tit-nav li { display: inline-block; margin: 0 8px; } .pub-title .tit-nav li:hover > a, .pub-title .tit-nav li.on > a { color: #666; border-bottom: 3px solid #ffd500; } .pub-title .tit-nav li > a { display: block; font-size: 14px; line-height: 28px; color: #999; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border-bottom: 3px solid transparent; } .pub-title .update-num { color: #999; margin-right: 20px; } .pub-title .update-num em { color: #ffa900; font-weight: normal; } .pub-title .more { color: #999; } .pub-title .more:hover { color: #ffa900; } /* 请将此样式单独放到首页*/ #new-header .design-course .nav-m{display: block;} /*广告横幅样式*/ .sub-bar .bar-item .bar-info p span{color:#ff7b33;padding:0 4px;} .pub-title{position: relative;} .pub-title .new-tips{height: 42px;line-height: 42px;border-radius: 21px;background: #4e4e4e;position: absolute;right: 60px;padding:0 10px 0 20px; font-size: 12px;color:#fff;bottom: 0} .pub-title .new-tips .notice{color: white} .pub-title .new-tips .tolook{display: inline-block;background: #ffd200;width: 62px;height: 26px;line-height: 26px;text-align: center;border-radius: 13px; color: #333;margin-left: 16px;} .pub-title .new-tips .tolook:hover{background: #ffe155} /* 拼团广告位 */ .down-money{width:353px;height:279px;background:url(/assets/revision/images/site/down-bg.png);position:fixed;left:5px;bottom:10px;z-index:1;} .down-money .close{width:6px;height:6px;position:absolute;right:39px;top:41px;cursor:pointer} .down-money .alink{display:block;height:279px} .down-money .down-m{width:281px;height:95px;margin:-25px 0 0 27px;animation:shake-crazy 3s infinite} @keyframes shake-crazy{0%{transform:translate(0,0) rotate(0);opacity:.6}1%{transform:translate(14px,19px) rotate(-1deg);opacity:.8}2%{transform:translate(14px,11px) rotate(5deg);opacity:.7}3%{transform:translate(9px,-6px) rotate(-9deg);opacity:.9}4%{transform:translate(0,-19px) rotate(-6deg);opacity:.6}5%{transform:translate(16px,19px) rotate(9deg);opacity:.7}6%{transform:translate(-11px,-10px) rotate(4deg);opacity:.4}7%{transform:translate(-1px,13px) rotate(-9deg);opacity:.2}8%{transform:translate(-9px,-16px) rotate(0);opacity:.1}9%{transform:translate(3px,2px) rotate(-2deg);opacity:.7}10%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(0,0) rotate(0);opacity:1}} /* 砸金蛋 */ .down-money{width: 352px;height: 323px;background: url(/assets/revision/images/site/goldenEggs/down-bg.png) left bottom no-repeat;position: fixed;left: 5px;bottom: 10px;} .down-money .close{width: 6px;height: 6px;position: absolute;right: -10px;top: -10px;cursor: pointer;z-index: 50} .down-money .alink{display: block;height: 279px;} .down-money .down-m{width: 281px;height: 95px;margin:5px 0 0 27px;animation:shake-crazy 3s infinite; } .down-money .luocz{position: absolute;left: 196px;top: 94px;animation: rot 1s cubic-bezier(0.66, 0.68, 1, 1) infinite;transform-origin: right bottom} @keyframes shake-crazy { 0% {transform: translate(0px, 0px) rotate(0deg);opacity: 0.6} 1% {transform: translate(14px, 19px) rotate(-1deg);opacity: 0.8} 2% {transform: translate(14px, 11px) rotate(5deg);opacity: 0.7} 3% {transform: translate(9px, -6px) rotate(-9deg);opacity: 0.9} 4% {transform: translate(0px, -19px) rotate(-6deg);opacity: 0.6} 5% {transform: translate(16px, 19px) rotate(9deg);opacity: 0.7} 6% {transform: translate(-11px, -10px) rotate(4deg);opacity: 0.4} 7% {transform: translate(-1px, 13px) rotate(-9deg);opacity: 0.2} 8% {transform: translate(-9px, -16px) rotate(0deg);opacity: 0.1} 9% {transform: translate(3px, 2px) rotate(-2deg);opacity: 0.7} 10% {transform: translate(0px, 0px) rotate(0);opacity: 1} 100% {transform: translate(0px, 0px) rotate(0);opacity: 1} } @keyframes rot { 0% {transform:rotate(40deg);} 50% {transform:rotate(-20deg);} 100% {transform:rotate(40deg);} } .subnav{background: #f7f8fa;padding: 15px 0;margin-bottom: 25px;} .subnav .layout-cont{display: flex;justify-content: space-between;} .subnav a{display: inline-block;border:1px #dfdfdf solid;border-radius: 4px;line-height: 40px;height: 42px;background: #fff;transition: all .2s;font-size: 16px;color:#333;width: 104px;text-align: center;} .subnav a:hover{border-color: #ffd500;background: #ffd500;} @media only screen and (max-width: 1440px){ .subnav a{width: 96px;} } /* -- 首页中间课程列表修改 2018-2-28 ------- */ .section-img{padding:30px 0 40px;} .section-img.grey-bg{background: #f8f8f8} .section-img .imgshow-t{height: 22px;margin-bottom: 24px;} .section-img .imgshow-t .h2 span{font-size: 22px;color:#333333;font-weight: normal;letter-spacing: 2px;} .section-img .imgshow-t .h2 em{height: 22px;line-height: 20px;border-radius: 2px;border:1px #e6e6e6 solid;margin-left: 10px;background: #fff;padding: 0 8px;font-weight: normal;display: inline-block;vertical-align: top;color: #666;position:relative;} .section-img .imgshow-t .h2 em:before{content: "";position: absolute;left: -4px;top:7px;width: 4px;height: 5px;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAFCAYAAABirU3bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjMTgwYzdlOC1jZTU3LWE5NDQtYThkNy1mMWIzNDRhMzI3YzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzQ0RDkwMDgxQzM4MTFFODgzNkRCRjQ2MzExNEI4OUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzQ0RDkwMDcxQzM4MTFFODgzNkRCRjQ2MzExNEI4OUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWZkMjFjZTktZmM1Yy03MDRjLWExZmItODI0OTIxYzBjOTAzIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Mzg4ZmUxNjgtMWI4Mi0xMWU4LTg3ZjktZGYwODBkYjhjOGU1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GYdqrwAAAERJREFUeNpi+P//P8OdO3dq37x58/8/lBP96tWr/zDAcP/+/Vf//v2DCzD9/ft3+ufPnxlggAmIm4D6N339+hUsABBgAAruOSyTPVqWAAAAAElFTkSuQmCC");} .section-img .imgshow-t .h2 em i{color: #f11533;padding: 0 5px;} .section-img .imgshow-t .hr-link{line-height: 22px;} .section-img .imgshow-t .hr-link a{display: inline-block;margin:0 12px;height: 14px;} .section-img .imgshow-t .hr-link a:hover{color:#ff7700;} .section-img .imgshow-t .hr-link .more-link{position: relative;margin-right: 0} .section-img .imgshow-t .hr-link .more-link:before{content: "";position: absolute;left: -12px;top: 4px;background: #ddd;width: 1px;height: 14px;} .section-img .imgshow-m{width: 103%} .section-img .imgshow-m .list{width: 295px;border:1px #ddd solid;border-radius: 4px;transition: all .2s;float: left;margin:0 20px 20px 0;overflow: hidden;background: #fff} .section-img .imgshow-m .list .list-img{position: relative;border-bottom: 1px #ddd solid;} .section-img .imgshow-m .list .list-img img{display: block;width: 100%;height: 178px;} .section-img .imgshow-m .list .list-img .play-cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.35);opacity: 0;transition: all .25s;} .section-img .imgshow-m .list .list-img .play-cover:before{content: "";left: 50%;top: 50%;margin: -30px 0 0 -30px;width: 60px;height: 60px;transition: all .25s;background: url(/assets/revision/images/hk_new_index_icons3.png?111) 0 -115px;position: absolute;transform: scale(1.5);} .section-img .imgshow-m .list:hover{box-shadow: 0 0 12px rgba(0,0,0,.3)} .section-img .imgshow-m .list:hover .list-img .play-cover{opacity: 1} .section-img .imgshow-m .list:hover .list-img .play-cover:before{transform: scale(1);} .section-img .imgshow-m .list .img-name{padding: 0 9px;line-height: 44px;} .section-img .imgshow-m .list .img-name .name-link{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;font-size: 16px;} .section-img .imgshow-m .list .img-name .name-link:hover{color: #ff7700;} .section-img .imgshow-m .list .img-data{padding: 0 9px 14px;line-height: 18px;} .section-img .imgshow-m .list .img-data .class-type{background: #f39700;border-radius: 2px;color: #fff;font-size: 12px;padding: 0 5px;height: 18px;} .section-img .imgshow-m .list .img-data .class-type.type-words { background: #ffa900; } .section-img .imgshow-m .list .img-data .class-type.type-poster { background: #ff7c00; } .section-img .imgshow-m .list .img-data .class-type.type-sysn { background: #40b0ff; } .section-img .imgshow-m .list .img-data .class-type.type-software { background: #6ebd6b; } .section-img .imgshow-m .list .img-data .class-type.type-c4d { background: #367dd5; } .section-img .imgshow-m .list .img-data .class-type.type-synthesis { background: #00a99d; } .section-img .imgshow-m .list .img-data .class-type.type-cpjx { background: #b062a3; } .section-img .imgshow-m .list .img-data .class-type.type-syhq { background: #494166; } .section-img .imgshow-m .list .img-data .class-type.type-occupation { background: #00528e; } .section-img .imgshow-m .list .img-data .class-type.type-lesson { background: #779210; } .section-img .imgshow-m .list .img-data .class-type.type-dynamic { background: #d49688; } .section-img .imgshow-m .list .img-data .class-type.type-printing { background: #a68369; } .section-img .imgshow-m .list .img-data .class-type.type-portrait { background: #ccb374; } .section-img .imgshow-m .list .img-data .class-type.type-store { background: #617f74; } .section-img .imgshow-m .list .img-data .class-type.type-task { background: #f2c763; } .section-img .imgshow-m .list .img-data .class-type.type-illustration { background: #ea5541; } .section-img .imgshow-m .list .img-data .class-type.type-packing { background: #e5869a; } .section-img .imgshow-m .list .img-data .class-type.type-indoor { background: #74c4c4; } .section-img .imgshow-m .list .img-data .level{color: #666;padding-left: 10px;} .section-img .imgshow-m .list .img-data .learn-num{color: #666;} .section-img .imgshow-m .list .img-data .cred{color:#f2572e;} .section-img .more-btn{margin-top: 10px;text-align: center;} .section-img .more-btn a{display: inline-block;height: 42px;border:1px #ddd solid;border-radius: 20px;line-height: 40px;padding: 0 27px;transition: all .2s;background: #fff;} .section-img .more-btn a:hover{color: #333;background: #ffd500;border-color: #ffd500;} .section-img .imgshow-m .list .time-length { display: block; padding: 0 6px; height: 15px; line-height: 15px; background: rgba(0, 0, 0, 0.25); font-size: 12px; color: #fff; border-radius: 4px; position: absolute; right: 8px; bottom: 10px; transition: all .25s ease-in; } .section-img .imgshow-m .list:hover .time-length{display: none;} .section-img .series .imgshow-m .list{width: 400px;} .section-img .series .imgshow-m .list .list-img img{height: 204px;} .section-img .series .imgshow-m .list .fine{position: absolute;left: 0;top: 0;width: 30px;height: 26px;line-height: 24px;text-align: center;background: linear-gradient(to right,#fc593d,#fc7c3d);font-size: 16px;color:#fff;border-bottom-right-radius: 10px;} .section-img .teacher .imgshow-m .list{width: 400px;} .section-img .teacher .imgshow-m .list .list-img img{height: 228px;} .section-img .teacher .imgshow-m .list .fine{position: absolute;right: 0;top: 0;width: 78px;height: 26px;line-height: 24px;text-align: center;background: linear-gradient(to right,#fc593d,#fc7c3d);font-size: 16px;color:#fff;border-bottom-left-radius: 10px;} .section-img .teacher .imgshow-m .list .img-data .class-type{background: #fc583d} .section-img .teacher .imgshow-m .list .name-link{width: 76%} .web-module{margin-bottom: 10px;} /* -- 首页 软件入门、职业发展、讲师、用户数据、vip展示、footer模块更新 */ .section-img .imgshow-t .h2 em i{margin-left: 15px;} .section-img .imgshow-t .h2 em i:nth-child(1){margin-left: 0;} .section-img .rj-list{width: 103%;margin-bottom: -20px;} .section-img .rj-list .list{width: 120px;height: 120px;border-radius: 4px;background: #fff;border:1px #e8e8e8 solid;margin:0 20px 20px 0;text-align: center;transition: all .2s;overflow: hidden;} .section-img .rj-list .list:hover{box-shadow: 0 0 12px rgba(0,0,0,.2)} .section-img .rj-list .list a{display: block;height: 120px;} .section-img .rj-list .list img{width: 45px;height: 45px;display: block;margin:22px auto 0;} .section-img .rj-list .list .rj-name{color:#333333;padding-top: 15px;} .teacher-con h2{font-size: 22px;text-align: center;font-weight: normal;color:#333333;padding-top: 10px;} .teacher-con .con{font-size: 14px;color:#999999;text-align: center;height: 60px;line-height: 50px;} .teacher-con .teacher-slide{position: relative;} .teacher-con .teacher-slide .prev-btn,.teacher-con .teacher-slide .next-btn{position: absolute;left: -57px;width: 42px;height: 42px;border-radius: 50%;background: #fff;border:1px #dfdfdf solid;color:#999;font-family: "宋体";font-size: 30px;text-align: center;line-height: 38px;font-weight: bold;cursor: pointer;transition: all .2s;top: 148px;} .teacher-con .teacher-slide .next-btn{left: auto;right: -57px;} .teacher-con .teacher-slide .prev-btn:hover,.teacher-con .teacher-slide .next-btn:hover{background: #ffd500;border-color: #ffd500;color:#000;} .teacher-con .teacher-slide .slide-m .list{width: 295px!important;border-radius: 4px;background: #fff;border:1px #e8e8e8 solid;position: relative;padding-top: 63px;margin-right: 20px;float: left;margin-bottom: 20px;margin-top: 37px;transition: all .3s} .teacher-con .teacher-slide .slide-m .list:hover{box-shadow: 0 0 12px rgba(0,0,0,.2)} .teacher-con .teacher-slide .slide-m .list .tc-avatar{width: 86px;height: 86px;position: absolute;left: 50%;top: -37px;margin-left: -43px;border-radius: 50%;overflow: hidden;border:1px #ddd solid;} .teacher-con .teacher-slide .slide-m .list .tc-avatar img{display: block;width: 100%;} .teacher-con .teacher-slide .slide-m .list .tc-name{font-size: 18px;color:#333333;text-align: center;} .teacher-con .teacher-slide .slide-m .list .tc-info{text-align: center;padding-top: 14px;} .teacher-con .teacher-slide .slide-m .list .tc-info span{padding: 0 15px;color: #666;} .teacher-con .teacher-slide .slide-m .list .tc-con{padding: 14px 12px 0;line-height: 24px;color:#999;overflow: hidden;height: 134px;margin-bottom: 23px;} .pc-data .section-row{display: flex;justify-content:space-between;} .pc-data .section-row .row-cols div{width: 270px;font-size: 16px;padding-top: 14px;color:#666;} .pc-data .section-row .row-cols span{font-size: 44px;padding-right: 5px;vertical-align: -3px;} .pc-data .section-row .row-cols p{padding-top: 10px;} .pc-data .section-row .row-cols .num1{border-top: 1px #fd6a7f solid;} .pc-data .section-row .row-cols .num1 span{color: #fd6a7f;} .pc-data .section-row .row-cols .num2{border-top: 1px #70c3ff solid;} .pc-data .section-row .row-cols .num2 span{color: #70c3ff;} .pc-data .section-row .row-cols .num3{border-top: 1px #89d04f solid;} .pc-data .section-row .row-cols .num3 span{color: #89d04f;} .pc-data h2{font-size: 22px;text-align: center;font-weight: normal;color:#333333;padding-top: 10px;} .pc-data .p-con{font-size: 14px;color:#999999;text-align: center;height: 60px;line-height: 50px;} .vip-show{padding: 20px 0} .vip-show .vip-list{width: 610px;background: #fff;border-radius: 6px;border:1px #ddd solid;} .vip-show .vip-list .vip-name{font-size: 32px;color:#666666;text-align: center;line-height: 84px;} .vip-show .vip-list .vip-con{margin:0 29px;position: relative;text-align: center;} .vip-show .vip-list .vip-con:before{content: "";top: 9px;width: 100%;left: 0;height: 1px;background: #ddd;position: absolute;} .vip-show .vip-list .vip-con span{font-size: 20px;background: #fff;color:#666;position: relative;z-index: 2;padding: 0 15px;} .vip-show .vip-list .privilege{height: 194px;border-bottom: 1px #ddd solid;position: relative;padding: 22px 0 0 233px;} .vip-show .vip-list .privilege .priv-list{font-size: 16px;color:#666;line-height: 36px;position: relative;padding-left: 36px;} .vip-show .vip-list .privilege .priv-list:before{content: "";position: absolute;left: 0;top: 11px;width: 20px;height: 14px;} .vip-show .vip-list .privilege .tvip{width: 80px;height: 91px;left: 63px;top: 49px;position: absolute;} .vip-show .vip-list .privilege .svip{width: 85px;height: 96px;left: 59px;top: 46px;position: absolute;} .vip-show .vip-list .go-vipPage{padding: 15px 0;text-align: center;} .vip-show .vip-list .go-vipPage a{display: inline-block;width: 174px;height: 48px;line-height: 48px;text-align: center;font-size: 18px;color:#fff;background: #ff7700;border-radius: 6px;transition: background .2s} .vip-show .vip-list .go-vipPage a:hover{background: #ff9233;} .teacher-con .teacher-slide .slide-m{overflow: hidden;height:324px;width: 103%;} .section-img .rj-list{height: 280px;overflow: hidden;} .tempWrap{width: 1240px!important} .section-img .rj-list .list span{display: block;width: 45px;height: 45px;margin:22px auto 0;background: url(/assets/revision/images/home/index-icon.png);} .section-img .rj-list .list span.PhotoShop{background-position: 0 -250px;} .section-img .rj-list .list span.Illustrator{background-position: 0 -200px;} .section-img .rj-list .list span.After-Effects{background-position: 0 -400px;} .section-img .rj-list .list span.C4D{background-position: 0 -150px;} .section-img .rj-list .list span.Premiere{background-position: 0 0;} .section-img .rj-list .list span.Dreamweaver{background-position: 0 -50px;} .section-img .rj-list .list span.AutoCAD{background-position: 0 -450px;} .section-img .rj-list .list span.Indesign{background-position: 0 -700px;} .section-img .rj-list .list span.DS-MAX{background-position: 0 -750px;} .section-img .rj-list .list span.Maya{background-position: 0 -850px;} .section-img .rj-list .list span.Lightroom{background-position: 0 -100px;} .section-img .rj-list .list span.Sketch{background-position: 0 -350px;} .section-img .rj-list .list span.Axure{background-position: 0 -550px;} .section-img .rj-list .list span.SketchUp{background-position: 0 -500px;} .section-img .rj-list .list span.Lumion{background-position: 0 -650px;} .section-img .rj-list .list span.Keyshot{background-position: 0 -600px;} .section-img .rj-list .list span.Animate-cc{background-position: 0 -800px;} .section-img .rj-list .list span.ZBrush{background-position: 0 -300px;} .vip-show .vip-list .privilege .svip{background: url(/assets/revision/images/home/index-icon.png) -46px -94px;} .vip-show .vip-list .privilege .tvip{background: url(/assets/revision/images/home/index-icon.png) -48px 0;} .vip-show .vip-list .privilege .priv-list:before{background: url(/assets/revision/images/home/index-icon.png) -53px -198px;} /*我的学习计划*/ .subnav{margin-bottom: 30px;} .section-img{padding-top: 40px;} .learning{padding-bottom: 0;} .section-img .learning-plan{display: flex;} .section-img .learning-plan .plan-m{border:1px #dddddd solid;border-radius: 4px;padding: 19px 0 19px 19px;flex-grow:1;display: flex;} .section-img .learning-plan .plan-m:nth-child(2){margin-left: 20px;} .section-img .learning-plan .progress-bar{width: 120px;height: 120px;position: relative;} .section-img .learning-plan .progress-bar .p1{width: 100%;position: absolute;text-align: center;top: 43px;left: 0;color:#999;font-size: 12px;} .section-img .learning-plan .progress-bar .p2{width: 100%;position: absolute;text-align: center;top: 62px;left: 0;color:#666;font-size: 18px;} .section-img .learning-plan .progress-bar .circle{width: 100%;height: 100%;border-radius: 50%;border:12px #ededed solid;} .section-img .learning-plan .progress-bar .circle canvas{position: absolute;left: 0;top: 0} .section-img .learning-plan .learning-m{width: 222px;margin-left: 15px;flex-grow:1;} .section-img .learning-plan .learning-m .p1{font-size: 12px;padding-top: 5px;color:#999999;} .section-img .learning-plan .learning-m .p2{padding-top: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .section-img .learning-plan .learning-m .p2 a{color:#666666;font-size: 16px;} .section-img .learning-plan .learning-m .p2 a:hover{color:#ff7700;} .section-img .learning-plan .learning-m .p3{padding-top: 10px;} .section-img .learning-plan .learning-m .p3 span{color:#999;font-size: 12px;padding-right: 18px;} .section-img .learning-plan .learning-m .p4{margin-top: 16px;border-top: 1px #ddd solid;padding-top: 14px;color:#666;font-size: 12px;} .section-img .learning-plan .learning-m .p4 a:hover{color:#ff7700;} .section-img .learning-plan .learning-m .p4 span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;vertical-align: top;max-width: 174px;} .section-img .learning-plan .class-list{margin-left: 15px;overflow: hidden;flex-grow:0;} .section-img .learning-plan .class-list .img{width: 198px;height: 120px;margin-right: 13px;border-radius: 4px;border:1px #ddd solid;overflow: hidden;position: relative;} .section-img .learning-plan .class-list .img img{display: block;width: 100%;height: 100%;} .section-img .learning-plan .class-list .play-cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.35);opacity: 0;transition: all .25s;} .section-img .learning-plan .class-list .play-cover:before{content: "";left: 50%;top: 50%;margin: -30px 0 0 -30px;width: 60px;height: 60px;transition: all .25s;background: url(https://js.huke88.com/assets/revision/images/hk_new_index_icons3.png?111) 0 -115px;position: absolute;transform: scale(1.5);} .section-img .learning-plan .class-list .img:hover .play-cover{opacity: 1} .section-img .learning-plan .class-list .img:hover .play-cover:before{transform: scale(.8);} /* --------- 视频评改 -- */ .section-img .task-video{width: 103%;margin-bottom: -20px;} .section-img .task-video .list{width: 398px;border-radius: 4px;border:1px #ddd solid;margin:0 23px 24px 0;overflow: hidden;transition: all .2s;background: #fff;} .section-img .task-video .list:hover{box-shadow: 0 0 10px rgba(0,0,0,.26)} .section-img .task-video .list .img{position: relative;border-bottom: 1px #ddd solid;} .section-img .task-video .list .img .play-cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.35);opacity: 0;transition: all .25s;cursor: pointer;} .section-img .task-video .list .img .play-cover:before{content: "";left: 50%;top: 50%;margin: -30px 0 0 -30px;width: 60px;height: 60px;transition: all .25s;background: url(/assets/revision/images/base-icon.v6.png) 0 -490px;position: absolute;transform: scale(1.5);} .section-img .task-video .list:hover .img .play-cover{opacity: 1} .section-img .task-video .list:hover .img .play-cover:before{transform: scale(1);} .section-img .task-video .list .img img{height: 240px;display: block;width: 100%} .section-img .task-video .list .img-name{padding: 0 19px;margin-top: 20px;} .section-img .task-video .list .img-name a{display: block;max-width: 70%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-size: 16px;} .section-img .task-video .list .img-data{padding:14px 19px 20px;color:#999;} .section-img .task-video .list .img-name a:hover{color: #fc5116;} .section-img .task-video .list .tc-name{padding:0 15px 15px;color:#333;border-top: 1px #ddd solid;} .section-img .task-video .list .tc-name .avatar img{width: 45px;height: 45px;border-radius: 50%;overflow: hidden;display: block;} .section-img .task-video .list .tc-name .name{color:#666666;margin-bottom: 10px;display: inline-block;margin-top: 3px;} .section-img .task-video .list .tc-name .info-r{padding-left: 15px;color:#999;padding-top: 15px;} .section-img .task-video .list .teacher-info-win{width: 382px;padding: 13px 14px 14px 95px;position: absolute;left: 0;bottom: 56px;background: #fff;border:1px #ddd solid;box-shadow: 0 0 5px rgba(0,0,0,.2);border-radius: 6px;display: none;} .section-img .task-video .list .teacher-info-win:before{content: "";background: url(/assets/revision/images/task/task-icon.v1.png) -162px -85px;position: absolute;width: 11px;height: 10px;bottom: -10px;left: 17px;} .section-img .task-video .list .teacher-info-win .avatar-img{position: absolute;top: -12px;left: 20px;border-radius: 50%;overflow-y: hidden;border:1px #ddd solid} .section-img .task-video .list .teacher-info-win .avatar-img img{width: 58px;height: 58px;display: block;} .section-img .task-video .list .teacher-info-win .p1{font-size: 16px;color:#666666;} .section-img .task-video .list .teacher-info-win .p2{line-height: 34px;} .section-img .task-video .list .teacher-info-win .p2 span{padding-right: 29px;color:#999;} .section-img .task-video .list .teacher-info-win .p3{font-size: 12px;line-height: 18px;max-height: 54px;overflow:hidden;color:#666;} .section-img .task-video .list .teacher-info-win .follw-btn{padding-top: 10px;} .section-img .task-video .list .teacher-info-win .follw-btn span{width: 85px;height: 30px;border-radius: 4px;line-height: 30px;text-align: center;background: #ffd500;display: inline-block;transition: all .2s} .section-img .task-video .list .teacher-info-win .follw-btn span:Hover{opacity: .8;cursor: pointer;} .section-img .task-video .list .teacher-info-win .follw-btn span.ed{background: #cccccc;} .section-img .task-video .list .teacher-info-win .follw-btn span.ed .refollw{display:None;} .section-img .task-video .list .teacher-info-win .follw-btn span.ed:hover .follwed{display:None;} .section-img .task-video .list .teacher-info-win .follw-btn span.ed:hover .refollw{display:block;} .section-img .task-video .list .teacher-info{padding-top: 15px;position: relative;} .section .more-btn{text-align: center;padding:10px 0 35px;} .section-img .task-video .list .teacher-info:hover .teacher-info-win{display: block;} @media only screen and (max-width: 1440px){ #footer .friends-link a{margin:0 7px 0 8px;} #footer .copyRight .kfqq,#footer .copyRight img{margin-left: 10px;} .nav-banner .banner-cover{margin-left:293px} .hk-navigation .nav-cutbar .cutbar-left{width:240x} .hk-navigation .nav-cutbar .cutbar-right .nr-item .item-tit{padding:0 8px} .section-img{padding: 22px 0 30px;} .section-img .imgshow-m .list{width: 243px;margin:0 10px 10px 0;} .section-img .imgshow-m .list .list-img img{height: 147px;} .section-img .more-btn a{height: 38px;padding: 0 17px;line-height: 36px;} .section-img .series .imgshow-m .list,.section-img .teacher .imgshow-m .list{width: 326px;} .section-img .series .imgshow-m .list .list-img img{height:166px;} .section-img .teacher .imgshow-m .list .list-img img{height: 186px;} .section-img .rj-list .list span{margin-top:13px;} .section-img .rj-list{height: 223px;} .section-img .learning-plan .progress-bar .circle canvas{width: 100px;height: 100px;} .section-img .learning-plan .progress-bar{width: 100px;height: 100px;} .section-img .learning-plan .progress-bar .circle{border-width: 10px;} .section-img .learning-plan .learning-m .p4 span i{display: none;} .section-img .learning-plan .learning-m{width: 184px;} .section-img .learning-plan .learning-m .p2{padding-top: 10px;} .section-img .learning-plan .learning-m .p2 a{font-size: 14px;} .section-img .learning-plan .learning-m .p4{margin-top: 8px;padding-top: 8px;} .section-img .learning-plan .learning-m .p4 span{max-width: 130px;} .section-img .learning-plan .class-list .img{width: 164px;height: 100px;} .section-img .learning-plan .plan-m{padding: 14px 0 14px 10px;} .section-img .learning-plan .learning-m,.section-img .learning-plan .class-list{margin-left: 10px;} .section-img .learning-plan .class-list .img{margin-right: 7px;} .section-img .learning-plan .plan-m:nth-child(2){margin-left: 10px;} .section-img .learning-plan .progress-bar .p1{top: 33px;} .section-img .learning-plan .progress-bar .p2{top: 54px;font-size: 14px;} #new-header .header-search .txt{width: 100px!important} .vip-show .vip-list .privilege{padding-left: 145px;} .vip-show .vip-list .privilege .vip-icon{left: 30px;} .teacher-con .teacher-slide .slide-m .list{width: 235px!important} .section-img .rj-list .list{width: 102px;height: 102px;margin:0 10px 10px 0;} .section-img .rj-list .list img{margin-top: 16px;} .vip-show .vip-list{width: 490px;} .tempWrap{width: 1000px!important} .slide-box .prev { margin-left: -500px; } .slide-box .next { margin-left: 495px; } /*sub-bar 变化*/ .sub-bar .bar-item { width: 243px; margin-right: 9px; } .sub-bar .bar-item .bar-info p { font-size: 14px; } .sub-bar .bar-item .bar-icons { margin-right: 5px; } /*web-module*/ .web-module .module-item { width: 243px; height: 82px; margin-right: 10px; } /*==web-module==*/ /*runing*/ .num-running .section-row .num1, .num-running .section-row .num2, .num-running .section-row .num3 { width: 320px; } /*runing*/ /*老师介绍*/ .teacher-intro .intro-item { width: 330px; margin: 0 5px 10px 0; } /*官方活动*/ .official-active .active-item { width: 243px; height: 132px; margin-right: 10px; } .nav-slide .slide-btn.next{margin-right:-539px} .nav-slide .slide-btn.prev{margin-left: -539px;} .section-img .task-video{margin-bottom: -10px;} .section-img .task-video .list{margin:0 15px 15px 0;width:323px;} .section-img .task-video .list .img img{height:196px;} .section-img .task-video .list .teacher-info-win{width:307px;padding-left:75px;} .section-img .task-video .list .teacher-info-win .avatar-img{left:8px;} } /* COMBO: filename = css/583.css, type = text/plain, resp = 404 */