/*-------------index---------------*/ .i-slide {width: 100%;position: relative;z-index: 2;background: #f8fafc;} .banner-box{margin:0 auto;box-shadow: 0 12px 24px 0 rgba(7, 17, 27, 0.2);box-shadow: 0 12px 24px 0 rgba(7, 17, 27, 0.2);max-width: 1150px;border-radius: 10px;position:relative;height:420px;} .swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; /* Fix of Webkit flickering */z-index:1;} .swiper-wrapper {position:relative;width:100%;height:460px;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;} .swiper-slide {float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .swiper-slide img {display: block;margin: 0 auto;max-width: 100%;height: auto;} .mobile-banner{width: 100%;} .mobile-banner img{width: 100%;} .mobile-banner .item img{width: 100%;} .web-banner .owl-carousel{width: 1920px;height: 420px;position: relative;} .banner-box{width: 100%;max-width: none;box-shadow: none;} .web-banner .item{display: inline-block;width: 1920px;height: 464px;position: absolute;top: 0;left: 50%;margin-left: -960px;} .web-banner .item a{height: 420px;width: 100%;display: inline-block;} .web-banner .item a img{width: 100%;height: 100%;} .i-slide .owl-stage-outer{border-radius: 0px!important;} /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal {-ms-touch-action: pan-y;} .swiper-wp8-vertical {-ms-touch-action: pan-x;} /* =============================================================== 可自定义幻灯片以下样式.UserCenter_UserInfo ================================================================*/ .swiper-container { /*height: 480px;*/ } /* =============================================================== 分页样式 ================================================================*/ .i-slide .pagination {position: absolute;left: 0;text-align: center;bottom: 10px;width: 100%;z-index: 9;} .i-slide .owl-dots {bottom: 0;left: 0;padding-bottom: 10px;position: absolute;text-align: center;width: 100%;} .i-slide .owl-dots .owl-dot span{ background: #fff none repeat scroll 0 0; border-radius: 6px; display: inline-block; height: 12px; margin: 5px 7px; width: 12px; } .i-slide .owl-dots .owl-dot.active span{width: 2.4rem; } .swiper-pagination-switch,.course-slide .swiper-pagination-switch {display: inline-block;width: 54px;height: 6px;background: #fff;margin: 0 3px;cursor: pointer;-webkit-transition:width 0.5s ease-out;-moz-transition:width 0.5s ease-out;-o-transition:width 0.5s ease-out;transition:width 0.5s ease-out;} .swiper-active-switch {background: #63a5f8;} /* =============================================================== 左右 控制箭头 ================================================================*/ .i-slide .s-arrow {position: absolute;top: 50%;margin-top: -35px;display: block;width: 40px;height: 70px;opacity: 0.2;-moz-opacity: 0.2;filter:alpha(opacity=20);z-index: 13;} .i-slide .arrow-left {background: url(../image/s-prev-btn.png) no-repeat 0 0;} .i-slide .arrow-right {background: url(../image/s-next-btn.png) no-repeat 0 0;right: 0;} .i-slide .s-arrow:hover {opacity: 0.6;-moz-opacity: 0.5;filter:alpha(opacity=50);text-decoration: none;} .index-container {margin-left: auto;margin-right: auto;max-width: 1150px;margin-top:20px;} .top-main-cont {background: #fff;width: 100%;overflow: hidden;min-height: 600px;padding-bottom: 60px;} .i-cour-box{padding:40px 0 50px;background:#f8fafc;} .i-article-box{padding:80px 0px 60px;background:#f8fafc;} .i-cour-box-new{background:#fff;} .title-top-box{height:100px;margin-bottom:15px;} .title-top-box h3{color: #93999f; letter-spacing: 4px; line-height: 36px; position: relative; text-align: center;} .title-top-box h3 em{ color: #4d555d; font-size: 2.2rem; font-weight: 600; margin: 0 3px;} .title-top-box h3 em{ color: #4d555d; font-size: 2.2rem; font-weight: 600; margin: 0 3px;} .title-top-box h5{color: #666; font-size: 1.6rem; letter-spacing: 1.8px;text-align: center;margin-top:16px;} .advert-wrap{padding:10px 0 10px} .advert-wrap ul{margin:0 -1rem;} .advert-wrap ul li{padding:0 1rem;} .advert-wrap a{border-radius:8px;} .advert-wrap img{border-radius:8px;} .ad-box a img,.ad-box a {display: block;width: 100%; height: auto;overflow: hidden;cursor: pointer;} .ad-box a:hover {text-decoration: none;} .tea-list {margin:2rem 0 0;} .tea-list li {float: left;padding:0 1rem;} .tea-list li .tea-item-wrap {padding: 10px 20px 5px;position: relative;height:190px;border-radius: 8px;box-shadow: 0 0 10px #c9c9c9;margin-bottom:38px;cursor: pointer;background: #fff;} .tea-list a:hover{text-decoration:none;} .tea-list a:hover .tea-item-wrap{background: #3caae3;} .tea-list a:hover img{transform: rotateZ(360deg)} .tea-list a:hover .tea-info-txt{color: #fff;} .tea-list a:hover .tea-title{color: #fff;} .tea-list a:hover p{color: #fff;} .tea-item-wrap .i-q-txt {height: 60px;} .tea-list .tea-title{padding-left:110px;color:#4D555D;} .tea-list .small-title{padding-left: 110px;} .tea-list a p{color: #4D555D;} .tea-icon{background-position: -539px -170px;width:18px;height:16px;position: absolute;top:17px;margin-left: 10px;} .tea-bottom{position: relative;} .tea-go-icon{font-size:2.4rem;position: absolute;top:13px;left: 3px;color:#fff;} .tea-sign-icon{font-size:2rem;position: absolute;bottom: -2.4em; right: 0;color:#eee;} .tea-list a:hover .tea-sign-icon{display: none;} .i-tea-pic {position: absolute; left: 0; top: 0;} .i-tea-pic img {width: 80px; height: 80px;left:20px;top:-20px;border-radius:40px;position: absolute;transition: -moz-transform 2s ease-out 0s;} .i-tea-title {font-size: 18px; color: #333;} .i-tea-title:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9; filter: alpha(opacity=90);} .i-jg-scroll{margin-left: -27px;} .i-jg-wrap{overflow: hidden;width:1150px;} .i-jg-wrap a:hover{text-decoration: none;} .i-jg-wrap a:hover .user-study-bottom img{transform: rotateY(180deg)} .i-jg-wrap ul li{float: left;width:255px;margin-left:30px;padding-top:3px;} .user-study-item-wrap{position: relative;height:180px;width:260px;border-radius: 8px;box-shadow: 0 0 4px #c9c9c9;cursor: pointer;} .user-study-item-wrap .i-q-txt {height: 105px;padding: 45px 20px 0px 30px;} .user-study-sign-icon{width:18px;height:16px;position: absolute;top:10px;left: 15px;} .user-study-info-txt{font-size: 14px;} .user-study-bottom{padding:15px 0px 0px 20px;background: #edf0f2;height:65px;} .user-study-bottom img{width: 40px;height: 40px;float: left;border-radius:20px;transition: all 0.5s ease 0s;} .user-study-name{display: block;padding: 0px 10px 5px 50px;color:#333;} .user-study-time{display: block;padding-left:50px;color:#999;} .staff-review {background-color: #fff; } .staff-review ul {display: block;height: 397px;overflow: hidden;position: relative;} .sta-r-wrap {min-height: 56px;padding: 3px 0 5px 55px;position: relative;} .sta-r-face {left: 0;position: absolute;top: 10px;} .sta-r-face img {border-radius: 50%;display: block;height: 40px;width: 40px;} .article-new-list{margin-left: -35px;} #article-container .hero-item, .hero-masonry .grid-sizer { width: 360px; float: left; margin: 10px 1%; position: absolute; } #article-container .hero-item a:hover{text-decoration: none;} #article-container .hero-item a:hover .article-info-box{background:#fff;border-radius: 8px;} .article-item-wrap{padding:15px;box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.05);background: #fff;border-radius:8px;transition: all .3s;} .article-item-wrap:hover .article-title{color: #008CC8;} .article-item-wrap:hover{box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.1);} .article-item-wrap .article-img{width: 72px;height: 48px;float: right;} .article-item-wrap .article-img img{width: 72px;height: 48px;border-radius: 4px;} .article-info-box{padding:0px 5px 25px} .article-info-box .article-sign {position: relative;height:30px;line-height: 30px;color:#666;} .article-sign span{margin-left:20px;} .article-sign .article-sign-icon{background-position: -588px -132px;width:16px;height:16px;position: absolute;top:8px;left: -3px;} .article-sign .article-sign-two-icon{background-position: -588px -174px;margin-right: 10px;} .article-info-box .article-title{margin-right: 10px;color:#333;font-size: 14px;line-height:20px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: 600;} .article-info-box .article-desc{color:#666;line-height:20px;height:60px;overflow:hidden;} .article-bottom .article-view-icon{background-position: -589px -51px;width:18px;height:16px;position: absolute;top:5px;left: -3px;} .article-bottom .article-time-icon{background-position: -588px -88px;width:16px;height:16px;position: absolute;top:4px;right:119px;} .article-bottom{position: relative;} .article-bottom font{font-size: 12px;color:rgba(0, 140, 200, 0.6)} .dym-wrap .dym-article-box {min-height: 240px;position: relative;padding: 0 0 30px 420px;} .dym-wrap .dym-article-box ul li .dym-item-wrap {padding-bottom: 15px;} .dym-article-box .dym-a-pic {position: absolute; left: 0; top: 0;width: 386px; height: 258px;} .dym-article-box .dym-a-pic .s-c-name { bottom: 0; height: 24px; left: 0; padding: 8px 10px;right: 0;} .dym-article-box .dym-a-pic .s-c-name a { display: block;font-size: 16px; height: 20px;line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .dym-article-box .dym-a-pic a:hover {text-decoration: none;} .dym-article-box .dym-a-pic a {display: block;} .dym-article-box .dym-a-pic a:hover img,.top-u-t a:hover,.top-c-r-top:hover {opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90);text-decoration: none;} .dym-article-box .dym-a-pic img {width: 386px; height: 258px;display: block;} .dym-item-wrap .dym-title a {color: #14191e; cursor: pointer; display: block; font-size: 18px; font-weight: 700; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .dym-item-wrap a:hover {text-decoration: none;} .dym-item-wrap .dym-title a:hover {color: #63a5f8;} .dym-item-wrap .dym-desc,.c-t-desc {font-size: 14px;line-height: 24px;color: #666;overflow: hidden;} /*--------courselist----------*/ .course-page-list ul{margin:1.5rem -0.9rem 0;} .course-page-list li {padding: 0 .9rem 1.5rem .9rem;padding-top:10px;} .course-page-list li .cc-l-wrap {display: block; overflow: hidden;} .course-page-list li .cc-l-wrap .course-title:hover {color: #63a5f8;text-decoration: none;} .sort-menu-border1 { overflow: hidden; position: relative; z-index: 1;background: #fff;} .sort-menu1 dt { color: #949494; margin-left: -80px;} .sort-menu {position: relative;padding-left: 55px;} .sort-menu dt { position: absolute; z-index: 1;font-size: 14px; color:#07111b;left: 0;top: 0;line-height: 50px;font-weight:700;padding-left:15px;} .sort-menu dd a {color:#14191e; float: left; font-size: 14px; margin: 8px 10px; padding: 5px 12px;border-radius: 2px;} .sort-menu dd a:hover{text-decoration: none;color: #63a5f8;} .sort-menu dd.current a{text-decoration: none;background: #2b333b;color: #fff;} .sort-nav dl dd a:hover,.sort-nav dl dd.current a:hover,.sort-nav dl dd.current a{color:#63a5f8;text-decoration: none;} .sort-nav {line-height: 38px;background: #fff;} .sort-nav dl dd {float: left;} .sort-nav dl dd a {display: block;color: #666;line-height: 40px;padding: 0 15px;font-size: 14px;} /*--------article-list style----------*/ .a-banner-pic img,.a-banner-pic {width: 100%;height: 120px;border-radius:8px;} .dym-left-box {float: left;} .dym-tab{padding:0px 0px 30px;} .dym-tab a { background-color: #f3f5f7; color: #4d555d; display: inline-block; font-size: 14px;margin:3px; line-height: 30px; margin-right: 10px; padding: 0 10px;} .dym-tab a:hover,.dym-tab a.current{background-color:#d9dde1;color:#4d555d;text-decoration:none;cursor:pointer;} .dym-wrap-box .dym-item-wrap .dym-at-pic img {width: 225px; height: 150px;border-radius:8px;margin: 5px 20px 20px 0;overflow: hidden;float: left;} .dym-wrap-box .dym-article-box ul li .dym-item-wrap {padding: 2px 5px 20px 260px;height: 168px;} .dym-article-box ul li {border-bottom: 1px dashed #eee; margin-top: 20px; padding-bottom: 20px; position: relative;} .dym-article-box ul li:nth-last-child(1) .dym-item-wrap{padding-bottom: 0;} .dym-wrap-box .dym-wrap .dym-article-box {padding: 20px 0;min-height: auto;} .dym-wrap-box .dym-wrap .dym-desc {line-height: 28px;max-height: 110px;color: #787d82;} .rec-info-list li {padding: 0 0 20px;} .rec-info-list li .r-i-title {max-height: 54px;overflow: hidden;} .rec-info-list li .r-i-title-info span{color:#b5b9bc;} .rec-info-list li .r-i-title a {font-size: 14px; line-height: 24px; color:#14191e;cursor: pointer;} .rec-info-list li .r-i-title a:hover{text-decoration: none;} .c-i-desc a:hover,.sign-btn:hover,.chap-seclist ul li:hover .play-btn:hover,.c-t-name:hover,.c-share:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90);} /*--------course-info style----------*/ .sticky-nav { background: #f0f0f0 none repeat scroll 0 0; box-shadow: 0 4px 8px rgba(7, 17, 27, 0.2); left: 0; position: fixed; top: 0; width: 100%; z-index: 1000; } .sticky-nav .buy-sec{ bottom:10px; position: absolute; right: 0; font-size: 20px; line-height: 40px;} .sticky-nav .buy-sec .pay-join-btn { float:right;width: 150px; background-color: #f01404; color: #fff; border-radius:3px; text-align: center; cursor: pointer; } .sticky-nav .buy-sec .pay-join-btn:hover {opacity: 0.8; } .sticky-nav .buy-sec .fixed-nav-prices { color: #f01414; font-size: 24px; font-weight: 200;margin-right: 24px; position: relative; z-index: 2; } .sticky-nav .inner-center { height: 60px; position: relative; box-sizing: border-box; width: 1150px; margin-left: auto; margin-right: auto; } .s-c-desc p{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .c-i-desc {border-bottom: 1px solid #ebebeb;padding: 10px 0 15px;line-height: 30px;color: #999;font-size: 1.4rem;} .c-i-desc span tt,.c-i-desc a tt {margin-left: 5px;} .c-i-desc span em,.c-i-desc a em {margin-right: 5px;} .old-price {margin-left: 25px; color: #999;font-size: 1.4rem;vertical-align: middle;} .old-price font {text-decoration: line-through;} .learn-people {width: 23px;height: 17px;display: inline-block;vertical-align: middle;} .review-num {width: 20px;height: 22px;display: inline-block;vertical-align: middle;} .add-favorite {width: 22px;height: 21px;display: inline-block;vertical-align: middle;} .cou-info-wrap {padding: 20px 0px;height: 350px;} .c-i-pic img {width: 100%;border-radius: 8px;} .c-i-attr{padding-left: 30px;} .c-i-desc a {cursor: pointer;} .c-i-desc .next-attr {margin-left: 70px;} .sign-btn {width: 130px;height: 40px;line-height: 40px;display: inline-block;border-radius: 3px; text-align: center;background: #f01404;color: #fff;font-size: 16px;} .c-title-box { background-color: #f0f0f0; height: 60px;} .c-title-box .js-tap li a {font-size: 1.6rem; display: block;color: #9b9b9b;line-height: 60px;width: 136px;text-align: center;} /*.c-title-box .js-tap li.current a { border-top: 5px solid #63a5f8; color: #63a5f8; line-height: 50px;}*/ .js-tap li {float: left;} .c-title-box .js-tap li a:hover {text-decoration: none;color: #4a4a4a; } .cou-intro-box {min-height: 300px;} .cou-intro-box p {color: #666;font-size: 14px;color: #666; line-height: 28px;} .chapter-name {color: #333;font-size: 1.6rem;font-weight: 600; line-height: 1.8rem;padding: 10px 0px 15px;cursor: pointer;} .cou-info-menu i {float: right;color: #ccc;transition: all 0.4s; font-size: 1.2rem;} .cou-info-menu span.num {font-size: 2rem;margin: 0px 10px; width: 30px;display: block;float: left;} .chap-seclist ul li { position: relative; transition: all 0.3s ease 0s;} .chap-seclist ul li { background: #f8f8f8;margin-left: 20px;} .chap-seclist ul li:hover,.chap-seclist ul li.current { background: #f3f3f3;} .chap-seclist ul li .c-p-wrap { padding: 10px;position: relative;} .chap-seclist ul li .c-p-wrap a:hover { text-decoration: none;} .cou-info-box {padding: 0 15px;} .play-icon-box { margin-top: -11px; position: absolute; right: 10px; top: 50%;} .chap-seclist ul li .c-p-wrap .c-p-title {font-size: 1.4rem;color: #666;line-height: 30px;} .video-icon {position: absolute;left: 18px;top: 17px;width: 25px;height: 16px; display: inline-block;} .chap-seclist ul li:hover .play-btn {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);} .chap-seclist ul li:hover .play-icon-box {display: none;} .chapter-box {padding: 5px 0 5px; border-bottom: 1px solid #f6f6f6;} .chapter-box:last-child {border-bottom: none;} .noter-pic {left: 0; position: absolute;top: 15px;} .noter-pic img { border-radius: 50%;display: block;height: 50px; width: 50px;} .noter-txt p {color: #666;font-size: 14px; line-height: 28px;} .noter-preview-box {background: #f1f1f1;padding: 5px 10px;margin-top: 8px;font-size: 14px;line-height: 28px;} .review-box ul li { border-bottom: 1px dashed #eee; min-height: 50px; padding: 25px 5px 30px 65px; position: relative;} .c-t-wrap {position: relative;padding: 18px 0 18px 88px;} .c-t-wrap .c-t-pic {position: absolute;left: 0;top: 10px;width: 65px; height: 65px;} .c-t-wrap .c-t-pic img {width: 100%;height: 100%;border-radius: 50%;} .c-t-desc {line-height: 26px;height: 80px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; } .cou-teacher-box {padding-bottom: 15px;} .cou-teacher-box .title{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} #c-share {position: relative;} .c-share {width: 25px;height: 22px;display: inline-block;margin-top: 11px;cursor: pointer;} .share-box {left: -19px;position: absolute; top: 28px;border: 1px solid rgb(204, 204, 204);background: #fff;overflow: hidden;width: 120px;margin-left: -9px;margin-top: 2px;padding: 10px 0;border-radius: 4px;box-shadow: 0px 2px 6px rgba(0,0,0,0.1);overflow: visible;} .share-box .corner-mark {position: absolute;border: 6px solid;border-color: transparent transparent #ccc transparent;top: -13px;left: 53px;} .share-box .corner-mark2 {position: absolute;border: 6px solid;border-color: transparent transparent #fff transparent;top: -11px;left: 53px;} .cou-video-point .icon{width: 30px;} .cou-video-point .video-desc{width:620px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;max-height:60px;} .cou-video-point .tip{color:#999;} .cou-video-point .play-btn {position: absolute; right: 10px;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);font-size: 14px;top: 7px;width: 70px;height: 36px;line-height: 36px;text-align: center;display: inline-block;background: #63a5f8;color: #fff;border-radius: 3px;} /*--------teacher-info style----------*/ .t-i-pic img {width: 120px;height: 120px; border-radius: 50%;overflow: hidden; } .tea-name-title {position: absolute; top: 0; right: -24px;} .t-common-title {padding: 10px 0 45px;} .t-header-line {width: 280px;height: 1px;margin: 15px auto;background: #333;position: relative;} .t-header-line span {font-size: 30px;color: #333;line-height: 30px;display: inline-block;position: absolute;background: #f2f2f2;width: 180px;height: 32px;text-align: center;left: 50px;top: -15px;} .w300 {width: 300px;margin: 0 auto;} .w820 {width: 820px;margin: 0 auto;} .tea-box {padding: 35px 0 40px;text-align: center;} .teacher-info {font-size: 1.4rem; color: #666;text-indent: 28px;padding-bottom: 24px;} .teacher-info img {max-width: 100%;} .tea-info-wrap .paging {padding-top: 35px;} /*--------teacher-list style----------*/ .h-c-menu-box dl dd a,.i-teacher-list ul li,.t-c-title a,.top-c-r-top,.hot-topic-list li .h-t-title a,.c-adbox a,.c-up-pic a {transition: .3s; -webkit-transition: .3s;-moz-webkit-transition: .3s;} .i-teacher-list ul {margin: 0 -1rem;} .i-teacher-list ul li {padding: 0 1rem 2rem 1rem;} .i-teacher-list ul li a:hover{text-decoration: none;} .i-teach-wrap { background: #fff; border: 1px solid #eee; display: block; overflow: hidden; text-align: center; padding: 15px 15px 30px; overflow: hidden; } .i-teach-pic { width: 120px; margin: 10px auto 0} .i-teach-pic img { display: block;border-radius: 50%;width: 100%; transition: .5s;-webkit-transition: .5s} .i-teach-wrap .i-q-txt { border-top: 1px solid #e5e5e5;padding-top: 15px;height: 30px;} .i-teach-wrap:hover .i-teach-pic img { transform: rota;teY(180deg); -webkit-transform: rotateY(180deg);-moz--transform: rotateY(180deg);} .i-teach-wrap:hover .i-t-name a {color: #63a5f8;} .i-t-name a:hover {text-decoration: none;} .teacher-info-course{min-height: 500px;} /*--------article-info style----------*/ .a-title-box {padding-top: 10px;line-height: 50px;} .a-cont-box {padding: 0 0 25px;border-bottom: 1px solid #f2f2f2;} .a-cont-box img {max-width: 100%; height: auto;margin: 5px 0;} .a-cont-box p {font-size: 16px; color: #333; line-height: 30px;} #sharebutton .bdsharebuttonbox a { margin-right: 30px !important;height: 40px; width: 40px;} .a-wrap .review-box ul li:nth-child(1) {border-top: none;} /*--------help-center style----------*/ .goHome i{ margin-right: 4px; color: rgb(0,152,250); font-size: 14px; } .goHome text{ color: rgb(0,152,250); font-size: 14px; } .help-center-box {margin-top: 30px;} .help-center-box .h-c-left {float: left;width: 280px;background: #fff;} .help-center-box .h-c-right {float: left;max-width: 850px;background: #fff;} .h-c-menu-box {padding: 20px} .h-c-menu-box dl {padding-bottom: 15px;} .h-c-menu-box dl dt {font-size: 16px; color: #000;line-height: 24px;padding: 17px 0px;font-weight:700;} .h-c-menu-box dl dd a {line-height: 40px;display: block;font-size: 14px;padding: 0 0 0 34px;color: #000;} .h-c-menu-box dl dd .current { background: rgb(231,247,255); border-right: 3px solid rgb(0,152,250); color: rgb(0,152,250); box-sizing: border-box;} #infoDiv{ border-left: 1px solid #DBDBDB; margin-bottom: 40px; } .h-c-menu-box dl dd a:hover {text-decoration: none;background: rgb(231,247,255); color: rgb(0,152,250);} .h-c-title {height: 80px; line-height: 80px;font-size: 24px; color: #000;padding: 0 20px;} .h-c-cont {padding: 20px 20px 0px; min-height: 600px; } .h-c-cont p {font-size: 16px; color: #333;line-height: 30px;margin-bottom: 15px;text-align: justify;} .h-c-cont img {max-width: 100%; height: auto;} /*--------community style----------*/ .top-comunity-box {margin-top: 20px;} .top-comunity-box .top-c-left {width: 810px;} .top-comunity-box .top-c-right {width: 320px;} .top-change{padding:20px;background:#fff;text-align:center;margin-bottom:2px;} .top-change a{color:#fff;padding:5px 15px;font-size:18px;background:#ddd;text-decoration:none} .top-change-left{border-top-left-radius: 24%;border-bottom-left-radius: 24%} .top-change-right{border-top-right-radius: 24%;border-bottom-right-radius: 24%} .top-change a.current{background:#63a5f8;} .top-c-left ul li {position: relative;margin-bottom: 20px;background: #fff;padding: 25px 30px 17px 70px;} .top-c-left ul li .t-c-user-info {position: absolute; left: 0; top: 28px;background: url("../image/circle.png") no-repeat 0 0;width: 50px; height: 50px;} .top-c-left ul li .t-c-user-info div {color: #fff;text-align: center; line-height: 20px;padding: 5px 0;display: inline-block; width: 42px;} .t-c-title a {font-size: 18px;color: #30485f;line-height: 30px;} .t-c-title a:hover,.hot-topic-list li .h-t-title a:hover {text-decoration: none; color: #63a5f8;} .t-c-desc {margin: 5px 120px 10px 0;-webkit-box-align: justify;-moz-box-align: justify;-ms-flex-align: justify;-o-box-align: justify;box-align: justify;text-justify: inter-ideograph;line-height: 23px;height: auto;min-height: 23px;max-height: 48px;overflow: hidden;word-break:break-all;display:box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;box-orient:vertical;-webkit-box-orient:vertical;-moz-box-orient:vertical;} .t-c-desc a {font-size: 14px;color: #999;} .t-c-desc a:hover {text-decoration: none;} .t-c-imgs {display: block;padding-top: 5px;} .t-c-imgs .t-c-img-box {float: left;height: 100px;width: 100px;overflow: hidden;margin: 0 5px 5px 0;} .t-c-imgs .t-c-img-box img {background: #e2e2e2;height: 100px;width: 100px;border-radius: 3px;} .t-c-attr {margin: 15px 0 15px;} .t-c-attr .numb {color: #bbb;height: 18px;margin: 2px 30px 0 0;color: #b8c4ce;font-size: 16px;} .t-c-attr .numb em {margin: 0 4px 0 0;display: inline-block; vertical-align: middle;} .t-c-attr .numb span {color: #b8c4ce;} .t-c-attr .author em {width: 22px; height: 19px;} .t-c-attr .view em {width: 22px; height: 19px;} .t-c-attr .msg em {width: 20px; height: 20px;} .t-c-attr .zan em {width: 24px; height: 16px;margin: 0;} .t-c-attr .numb span {margin: 0;} .top-c-r-top {background: #63a5f8; border: 10px solid #fff;display: block;height: 100px;text-align: center;line-height: 100px;font-size: 24px;color: #fff;} .top-c-r-icon {width: 30px; height: 30px; display: inline-block;vertical-align: middle;} .comment-praise .numb {margin:0px;font-size: 14px;} .top-u-t{margin-top:20px;height:100px;} .top-u-t a {background: #fff; width:30%;float:left;display: block;height: 100px;text-align: center;line-height: 45px;font-size: 16px;color: #333;} .top-u-t-icon {width: 40px; height: 40px; margin-top:15px; display: inline-block;vertical-align: middle;} .top-u-c-icon {width: 40px; height: 40px; margin-top:15px; display: inline-block;vertical-align: middle;} .top-u-f-icon {width: 40px; height: 40px; margin-top:15px; display: inline-block;vertical-align: middle;} .hot-topic-list li {position: relative; padding-right: 5px;margin-bottom: 12px;} .hot-topic-list li .h-t-title a {font-size: 14px; color: #333;line-height: 30px;} .hot-topic-list li .h-view-time {color: #b8c4ce;font-size: 14px; position: absolute; right: 0; top: 0;line-height: 30px;} .c-adbox,.c-adbox a,.c-adbox img {width: 320px; height: 240px;} /*--------community topic publish style----------*/ .topic-left-box {float: left;width: 810px;} .topic-right-box {float: right;width: 320px;} .topic-publish {border-top: 2px solid #63a5f8;} .topic-publish .d-w-head {background: #fff;} .topic-publish .d-w-head .d-w-head-txt {color: #63a5f8;} .c-up-pic span,.c-up-pic a {display: inline-block;border: 1px solid #d8d8d8;width: 80px; height: 80px;margin: 0 10px 0 0;} .c-up-pic span img,.c-up-pic a img {width: 100%; height: 100%;} .c-up-pic {text-align: left;} .feedback-wrap textarea {width: 720px; height: 140px;background: #f3f4f8;color: #333;padding: 10px;} .topic-publish .n-reply-wrap textarea {width: 698px; height: 140px;background: #f3f4f8;color: #333;padding: 10px;} .topic-wrapper{width: 760px;left: 52%;} .topic-wrapper .lh-reply-btn {width: 100px; height: 40px; font: 20px/40px "Microsoft YaHei";} .topic-add-tags a{background: #63a5f8 none repeat scroll 0 0;color:#fff;padding:2px 5px;margin-left:5px;border-radius: 3px;} .topic-add-tags t{color:#63a5f8;cursor: pointer} .topic-tags li{float:left;padding:2px 10px;border:1px solid #ddd;margin:2px 5px;color: #676767;cursor: pointer} .topic-tags li:hover{background:#62a5f9;color: #fff} .topic-tags .tag-c{background:#62a5f9;color: #fff} .n-p-reply {border-top: 1px solid #e9e9e9;} .n-p-reply ul li {border: none;} /* 播放器页面 -- 列表 */ .pr-r-cont .borderNone {border: none;} /* 个人中心--签到 */ .sign-title{height: 60px; width: 200px; z-index: 9999; position: absolute; background: transparent url("../image/sign_title4.png") no-repeat scroll 0px 0px; left: 60px; right:0px;top:10px;margin: auto;background-size: 143px 60px;} .sign-week{overflow: hidden;;margin-top:60px;} .sign-week ul {margin: 0 auto;} .sign-week ul li{width:76px;height:94px;float:left;border: 1px dashed #5595df;border-radius: 6px; margin: 10px 15px 10px;position: relative;cursor: pointer;} .sign-week ul li img {display: block;margin: 0 auto; width: 50px;} .sign-week ul li:hover {background-color: #f0f7ff;cursor: pointer;box-shadow: 5px 5px 5px rgba(0,0,0,0.1);} .sign-week ul li:hover p.date {color: #3078ea;} .sign-week ul li:hover p.week {box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2) inset;} .sign-week ul li p.week {width: 80%;height: 16px;font-size: 1.2rem;line-height: 1.4;margin: 4px auto 0px;border-radius: 8px;color: #fff;background-color: #3078ea;} .sign-week ul li p.date {color:#989898;position: absolute;bottom: 5px;left: 50%;margin-left: -17.5px;} .sign-week ul li svg.icon {display: block;margin: 0 auto;} .sign-week ul li img.current{width: 40px;height: 40px;z-index: 11;position: absolute;bottom: 3px;left: 50%;margin-left: -20px;} .sign-week ul li p.active {color: #3078ea;} .award {overflow: hidden;margin-bottom: 10px;} .award .regulation {font-size: 1.6rem;margin-left: 15px;line-height: 40px;color: #3078ea;float: left;} .award hr.line {width: 300px;float: right;} .award img {width: 35px;display: inline-block;float: left;} .sign-week ul li p{text-align: center;font-weight: 600;} .sign-award{height:100px ; margin:20px 50px;} .sign-award li{width:60px;height:80px;width:25%;float:left;} .sign-award-close{background:url('../image/sign_close2.png') no-repeat center top;} .sign-award-open{background:url('../image/sign_open2.png') no-repeat center top;} .sign-award li p{text-align:center;padding-top:60px;font-size:16px;color: #3078ea;} .sign-text{text-align:center;font-size:16px;color:#656565;letter-spacing:2px;} .close-btn {display: block;margin-top: 30px;background: #63a5f8;border-radius: 3px;height: 44px;text-align: center;font: 1.6rem/44px 'SimHei';cursor: pointer;width: 100px;margin: 30px auto 0px;} .close-btn:hover {opacity: 0.9;} .close-btn a {color: #fff;} /* 开通会员--页面 */ .member-wrap h4 {font-size: 1.6rem;padding-bottom: 15px;border-bottom: 1px solid #eee;} .member-wrap .buy-member{ padding: 20px;background: #fff;} .member-wrap .buy-member ul {overflow: hidden;} .member-wrap .buy-member li {float: left;margin-right:30px;margin-top: 20px;} .member-wrap .buy-member li .item {width: 262px;height: 135px;background: url(../image/card-default.png);cursor: pointer;padding:9px 13px 10px;overflow: hidden;border-radius:3px;} .member-wrap .buy-member li .item.hover{background: url(../image/card-hover.png)} .member-wrap .buy-member li .item h3{padding: 0px 0px 10px 32px;font-size: 1.6rem; color: #666;} .member-wrap .buy-member li .item.hover h3{color:#fff;} .member-wrap .buy-member li .item img {width: 100%;cursor: pointer;} .member-wrap .buy-member li p {font-size: 1.2rem;color: #7c7c7c;} .member-wrap .buy-member li .item.hover p{color:#fff;} .member-wrap .time-member{padding: 20px;background: #fff;margin-top: 15px;} .member-wrap .time-member ul {width: 100%;overflow: hidden;} .member-wrap .time-member li {float: left;margin: 30px 60px 30px 0px;font-size: 1.4rem;line-height: 1;cursor: pointer;} .member-wrap .time-member li i.circle {float: left;display: block;width: 14px;height: 14px;border-radius: 50%;border: 1px solid #ddd;margin-top: 3px;margin-right: 5px;} .member-wrap .time-member li i.active {float: left;display: block;width: 14px;height: 14px;border-radius: 50%;border: 4px solid #f01414;margin-top: 3px;margin-right: 5px;box-sizing: border-box;} .member-wrap .time-member li span {font-size: 1.8rem;line-height: 1;} .member-wrap .time-member li span.price {font-size:1.6rem;color:#f01414;} .member-wrap .time-member .total {color: #333;font-size: 1.4rem;margin-bottom: 20px;margin-top: 30px;} .member-wrap .time-member .total span {font-size: 2.4rem;color: #f01414;} .member-wrap .time-member .total .unit{font-size: 1.6rem;padding-left: 5px;} /* 课程套餐--慕课页面 */ .course-pack .banner {width: 100%;height: 140px;} .course-pack .banner img {display: block;width: 100%;height: 140px;} .course-pack .nav-top {width: 100%;height: 72px;background: #fff;box-shadow: 0 8px 16px 0 rgba(28,31,33,.1);} .course-pack .nav-top ul {width: calc(100% - 80px);float: left;white-space: nowrap;background-color: #fff;overflow: hidden} .course-pack .nav-top .container-clear{clear: both;} .course-pack .nav-top li {display:inline-block;margin: 0 25px;line-height: 72px;} .container .more{width: 80px;height: 72px;line-height: 72px;float: left;color: #545c63;text-align: center;cursor: pointer;} .container .more:hover{color: #307BFC;} .container .more p{display: inline-block;color: inherit;font-size: 1.4rem;font-weight: bold;} .course-pack .nav-top li a {display: inline-block;padding: 0 10px;font-size: 1.4rem;color: #545c63;line-height: 36px;font-weight: bold;cursor: pointer;} .course-pack .nav-top li a:hover, .course-pack .nav-top li.active a {color: #2a75ed;} .course-pack .nav-top li.active a:after {margin: 0 auto;content: '';display: block;width: 16px;border-radius: 2px;height: 3px;background: #2a75ed;} .course-pack .course-list ul{margin: 0 -1.6rem;} .course-pack .course-list li {padding: 1rem 1.6rem;float: left;margin-bottom: 40px;cursor: pointer;} .course-pack .course-list li .box .top-img {position: relative;} .course-pack .course-list li .box .top-img .img-down, .course-pack .course-list li .box .top-img .img-mid, .course-pack .course-list li .box .top-img .img-up {position: absolute;border-top-left-radius: 8px;border-top-right-radius: 8px;transition: all 0.3s;} .course-pack .course-list li .box .top-img .img-up{top: 8px;width: 100%;left: 50%;margin-left: -50%;z-index: 2;} .course-pack .course-list li .box .top-img .img-mid{top: 4px;width: 97%;left: 50%;margin-left: -48.5%;opacity: 0.4;} .course-pack .course-list li .box .top-img .img-down{top: 0;width: 94%;left: 50%;margin-left: -47%;opacity: 0.2;} .course-pack .course-list li .box:hover .top-img .img-up {top: 8px;} .course-pack .course-list li .box:hover .top-img .img-mid {top: -2px;width: 95%;left: 50%;margin-left: -47.5%;} .course-pack .course-list li .box:hover .top-img .img-down {top: -12px;width: 90%;left: 50%;margin-left: -45%;} .course-pack .course-list li .box .bottom-txt {padding: 12px;background: #fff;} .course-pack .course-list li .box .bottom-txt span, .course-pack .course-list li .box .bottom-txt p {color: #939393;line-height: 20px;} .course-pack .course-list li .box .bottom-txt h4 {font-size: 1.6rem;color: #07111b;line-height: 24px;font-weight: 700;margin-bottom: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .course-pack .course-list li .box:hover .bottom-txt h4 {color: #2a75ed;} .course-pack .course-list li .box .bottom-txt span.hour {float: left;width: 45%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .course-pack .course-list li .box .bottom-txt span.grade {float: right;margin-right: 10px;} .course-pack .course-list li .box .bottom-txt p.intro {font-size: 1.2rem;color: #93999f;line-height: 1.8;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .course-pack .course-list li .box .bottom-txt span.price {float: left;margin-right: 4px;font-size: 1.2rem;color: #4d555d;line-height: 20px;} .course-pack .course-list li .box .bottom-txt span.people {float: right;margin-right: 10px;} /* 百度文库 */ .wenku li {padding: 0 50px;border: 1px solid #ccc;margin-bottom: 10px;background-color: #fff;} .wenku li.hide {display: none;} .wenku li img {width: 100%;vertical-align: middle;} .wenku .reader-more-wrap p {text-align: center;} .wenku .reader-more-wrap p.read-more {margin: 32px auto 0px;box-sizing: border-box;} .wenku .reader-more-wrap p.download:before {display: block;content: '';width: 250px;border-top: 1px dotted #999;margin: 18px auto;} .wenku .reader-more-wrap p.read-more span {color: #2a75ed;font-size: 1.6rem;cursor: pointer;box-sizing: border-box;} .wenku .reader-more-wrap p.read-more span:hover {border-bottom: 1px solid #2a75ed;box-sizing: border-box;} .wenku .reader-more-wrap p.read-more i.icon {color: #2a75ed;font-size: 1.8rem;text-indent: 0.3rem;} .wenku .reader-more-wrap p.download {font-size: 1.8rem;margin: 16px auto 22px;} .wenku .reader-more-wrap p.btn {margin-bottom: 50px;} .wenku .reader-more-wrap p.btn a {font-size: 1.8rem;color: #ffff;background-color: #2a75ed;padding: 8px 30px;border-radius: 4px;} .wenku .reader-more-wrap p.btn a:hover {opacity: 0.9;} .wenku-nav {height: 80px;background-color: #fff;padding: 0px 20px;} .wenku-nav .left {float: left;width: 66%;} .wenku-nav .left .title {overflow: hidden;height: 32px;margin-top: 10px;} .wenku-nav .left .title img {float: left;width: 16px;height: 16px;margin: 8px;} .wenku-nav .left .title h4 {float: left;width: 80%;font-size: 1.8rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 32px;} .wenku-nav .left .intro {line-height: 2rem;white-space: nowrap;} .wenku-nav .left .intro svg {margin-left: 4px;margin-bottom: 2.6px;word-spacing:8px;letter-spacing: 10px;} .wenku-nav .right {float: right;width: 33%;} .wenku-nav .right .download-btn {overflow: hidden;line-height: 80px;float: right;word-spacing: 2px;letter-spacing: 6px;border-radius: 4px;} .wenku-nav .right .download-btn svg.icon {font-size: 1.6rem;} .wenku-nav .right .download-btn a {background: #2a75ed;padding: 8px 24px;color: #fff;font-size: 1.6rem;border-radius: 4px;} .top-main-cont .i-box li {margin-bottom: 15px;} .top-main-cont .i-box li svg {float: left;margin-right: 6px;margin-top: 4px;} .top-main-cont .i-box li a.intro {float: left;width: calc(100% - 22px);font-size: 1.4rem;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #4a4a4a;} .top-main-cont .i-box li a.intro:hover {color: #3078EA;} /* 百度文库--列表页面 */ #wenku-list .wenku-inner {max-width: 1150px;margin: 0 auto;margin-top: 20px;} #wenku-list .banner {width: 100%;position: relative;overflow: hidden;height: 240px;} #wenku-list .banner a {width: 1920px;position: absolute;left: 50%;margin-left: -960px;} #wenku-list .list-left {float: left;width: 200px;height: 1000px;} #wenku-list .list-left h2 {width:200px;height:45px;line-height: 45px;font-size:16px;color:rgba(255,255,255,1);padding-left: 25px;background-color: #3078EA;} #wenku-list .list-left dt {padding-left: 25px;line-height: 45px;width:200px;height:45px;background:rgba(255,255,255,1);border-bottom: 1px solid #EAEAEA;border-left: 1px solid #EAEAEA;border-right: 1px solid #EAEAEA;cursor: pointer;} #wenku-list .list-left dt:hover {background:rgba(245,245,245,1);} #wenku-list .list-left dt i {float: right;margin-right: 20px;} #wenku-list .list-left dd li {padding-left: 45px;line-height: 45px;width:200px;height:45px;background:rgba(255,255,255,1);border-left: 1px solid #EAEAEA;border-right: 1px solid #EAEAEA;cursor: pointer;} #wenku-list .list-left dd li a {color: #4A4A4A;} #wenku-list .list-left dd li:hover {background:rgba(245,245,245,1);} #wenku-list .list-left dd li:hover a {color: #3078EA;} #wenku-list .list-left dd li.active {border-left: 4px solid #3078EA;background:rgba(245,245,245,1);} #wenku-list .list-left dd li.active a {margin-left: -4px;} #wenku-list .list-left dd li:last-child {border-bottom: 1px solid #EAEAEA;} #wenku-list dd+dt {margin-top: 0;} #wenku-list dt+dd {margin-top: 0;} #wenku-list .cont-right {float: right;width: calc(100% - 220px);} #wenku-list .cont-right li:hover {box-shadow:0px 0px 10px 0px rgba(0,0,0,0.22);} #wenku-list .cont-right li:hover h4.title {color: #3078EA;} #wenku-list .cont-right li {margin-bottom: 20px;} #wenku-list .cont-right li:last-child {margin-bottom: 70px;} #wenku-list .cont-right li .item {padding: 25px 40px;background-color: #fff;} #wenku-list .cont-right li .item .img-left {float: left;width:130px;height:165px;border-radius: 4px;overflow: hidden;} #wenku-list .cont-right li .item .img-left img {width: 100%;} #wenku-list .cont-right li .item .txt-right {float: left;padding-left: 40px;width: calc(100% - 130px);} #wenku-list .cont-right li .item .txt-right h4.title {width: 70%;font-size: 1.8rem;margin-top: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #wenku-list .cont-right li .item .txt-right p.comment {margin: 12px 0px 16px;color: #9B9B9B;} #wenku-list .cont-right li .item .txt-right p.comment span {font-size: 1.2rem; margin-right: 20px;} #wenku-list .cont-right li .item .txt-right p.comment em {font-size: 1.2rem;color: #3078EA;margin-right: 10px;} #wenku-list .cont-right li .item .txt-right p.comment i {float: right;} #wenku-list .cont-right li .item .txt-right p.cont {border-top: 1px dashed #979797;padding-top: 20px;font-size: 1.2rem;color: #9B9B9B;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} /* 系列课--首页 */ #pack-cont .banner {width: 100%;height: 370px; overflow: hidden;position: relative;} #pack-cont .banner img.banner {position: absolute;transform：scale(1.1);} #pack-cont .banner .title {max-width: 1000px; margin-top: 30px;} #pack-cont .banner .title .name-left {float: left;font-size: 1.6rem;color: #999;} #pack-cont .banner .title .name-left a {color: #fff;font-size: 1.6rem;} #pack-cont .banner .title .name-left a:hover {opacity: 1;} #pack-cont .banner .title .icon-right{float: right;} #pack-cont .banner .title .icon-right i {color: #fff;opacity: 0.4;font-size: 1.6rem;} #pack-cont .banner .title .icon-right i:hover {opacity: 1;} #pack-cont .banner .title h2 {text-align: left;margin: 25px 0px 35px;font-size: 3rem;color: #fff;line-height: 1.5;} #pack-cont .banner .intro-wrap {max-width: 1000px;background-color: transparent;z-index: 11;} #pack-cont .banner .intro-wrap .video-left {float: left;width: 50%;height: 100%;overflow: hidden;position: relative;border-bottom-left-radius: 10px;border-top-left-radius: 10px;} #pack-cont .banner .intro-wrap .cont-right {float: left;color: white;} #pack-cont .banner .intro-wrap .cont-right ul {padding-bottom: 30px;} #pack-cont .banner .intro-wrap .cont-right li {float: left;text-align: left;} #pack-cont .banner .intro-wrap .cont-right li p {font-size: 1.2rem;} #pack-cont .banner .intro-wrap .cont-right li p span {font-size: 2rem;} #pack-cont .banner .intro-wrap .cont-right li:first-child {border: none;} #pack-cont .banner .intro-wrap .cont-right p.discounts {display: flex;float: left;padding-top: 4px;/*padding-right: 50px;*/align-items: center;} #pack-cont .banner .intro-wrap .cont-right .serve .list {float: right;width: 100%; border: 1px solid #eee;position: relative;margin-top: 24px;padding: 20px 0px;} #pack-cont .banner .intro-wrap .cont-right .serve .list h4 {position: absolute;top: -12px;left: 6px;font-size: 1.4rem;color: #999999;background-color: #fff;padding: 0 6px;} #pack-cont .banner .intro-wrap .cont-right .serve .list ul {padding-bottom: 0;border: none;} #pack-cont .banner .intro-wrap .cont-right .serve .list li {position: relative;width: 28px;margin-left: 5%;border: none;} #pack-cont .banner .intro-wrap .cont-right .serve .list li .box {position: absolute;width: 200px;bottom: 50px;left: 50%;margin-left: -100px;padding: 20px;box-shadow: 0px 0px 30px rgba(0,0,0,0.2);background-color: #fff;display: none;} #pack-cont .banner .intro-wrap .cont-right .serve .list li .box .triangle {border: 9px solid;border-color: #fff transparent transparent transparent;position: absolute;bottom: -18px;left: 50%;margin-left: -9px;} #pack-cont .banner .intro-wrap .cont-right .serve .list li .box p {font-size: 1.2rem;} #pack-cont .banner .intro-wrap .cont-right .serve .list li a {width: 28px;height: 28px;border: 4px;background-color: #a7dfef;color: #fff;font-size: 1.4rem;line-height: 28px;margin-top: 0;} #pack-cont .banner .intro-wrap .cont-right span.now {font-size: 2.8rem;font-weight: 600; color: red;} #pack-cont .banner .intro-wrap .cont-right span.old del{font-size: 1.4rem;color: #9b9b9b;} #pack-cont .banner .intro-wrap .cont-right a {display: inline-block;width: 112px;height: 34px;line-height: 34px;background-color: #FF4242;border-radius: 5px;margin-top: 20px;text-align: center;font-size: 1.6rem;color: #fff;} #pack-cont .banner .mask {width: 100%;height: 100%;opacity: 1;position: absolute;top: 0;left: 0;z-index: 1; background: rgba(0, 0, 0, 0) url("../image/packParticulars.png") repeat scroll center center} #pack-cont .banner .intro-wrap .video-left img {width: 100%; height: 100%;position: absolute;} #pack-cont .navTop {width: 100%;height: 80px;background-color: #fff;} #pack-cont .navTop ul {text-align: center;font-size: 0;white-space: nowrap;overflow-x: auto;} #pack-cont .navTop li {line-height: 80px;text-align: center;display: inline-block; position: relative} /*#pack-cont .navTop ul:first-of-type li {padding: 0px 3%;}*/ #pack-cont .navTop li a {font-size: 1.6rem;padding: 0px 10px;color: #222;font-weight: 600;} #pack-cont .navTop li.active a {color: #09f;} #pack-cont .navTop li.active::after { display: block; content: ''; width: 18px; height: 3px; border-radius: 1.5px; background: #0099ff; position: absolute; bottom: 18px; left: calc(50% - 9px); } #pack-cont .intro-list {max-width: 1180px;margin: 0 auto;} #pack-cont h2 {font-size: 3.6rem;line-height: 1;margin-top: 80px;margin-bottom: 50px;text-align: center;} .pack-content{width:1000px;margin: 0 auto;} #pack-cont .png-wrap {width: 100%;height: 100%;background: #fff;padding:20px 20px 10px;} #pack-cont .png-wrap:hover {box-shadow: 0 5px 10px 0 rgba(28,31,33,.2);} #pack-cont .course-list {max-width: 1180px;margin: 0 auto;} #pack-cont .course-list li{float: left;height: 330px;padding: 0 15px;margin-bottom: 60px;} #pack-cont .course-list li .box {width: 100%;height: 100%;background-color: #fff;padding: 0 9.5%;border: 1px solid #eee;border-radius: 6px;box-sizing: border-box;padding-top: 2px;transition: all 0.2s linear;} #pack-cont .course-list li .box:hover {box-shadow: 0px 15px 30px rgba(0,0,0,0.2);transform: translate3d(0,-2px,0);} #pack-cont .course-list li .box .title-top {width: 70%;margin: 0 auto;background-color: #545458;color: #fff;font-size: 2rem;line-height: 2.4;text-align: center;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;} #pack-cont .course-list li .box .cont-bottom {text-align: center;font-size: 1.4rem;color: #939393;} #pack-cont .course-list li .box .cont-bottom h6 { color: #000; font-size: 2rem; margin: 22px 0px 10px; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 58px; text-align: left;} #pack-cont .study-forum {background-color: #fff;} #pack-cont .study-forum li {margin-bottom: 28px;} #pack-cont .study-forum li .box {overflow: hidden;} #pack-cont .study-forum li .box .user-pic {float: left;width: 64px;height: 64px;overflow: hidden;border-radius: 4px;} #pack-cont .study-forum li .box .user-pic img{height: 100%;} #pack-cont .study-forum li .box .txt-cont {float: right;width: 100%;width: calc(100% - 85px);border-bottom: 1px solid #eee;} #pack-cont .study-forum li .box .txt-cont .name-left {float: left;font-size: 2rem;color: #6ab7e8;} #pack-cont .study-forum li .box .txt-cont .time-right {float: right;font-size: 1.4rem;color: #9a9a9a;margin-top: 5px;} #pack-cont .study-forum li .box .txt-cont h6 {font-size: 2rem;color: #000;line-height: 1.4;margin: 10px 0px;} #pack-cont .study-forum li .box .txt-cont p.comment {font-size: 1.6rem;color: #9a9a9a;} #pack-cont .study-forum li .box .txt-cont p.browse {font-size: 1.4rem;color: #6ab7e8;margin: 20px 0px;} #pack-cont .study-forum li .box .txt-cont p.browse span {margin-right: 20px;} #pack-cont .study-forum .more-btn {width: 220px;height: 50px;line-height: 50px;border-radius: 25px;background-color: #e1e1e1;font-size: 20px;color: #797979;text-align: center;margin: 22px auto 50px;} #pack-cont .search-wrap {width: 100%;overflow: hidden;position: relative;} #pack-cont .search-wrap .search-bg-banner {width: 100%;overflow: hidden;background: url(/addons/theme/stv1/_static/x30/res/img/taocan-search.png) no-repeat fixed 50% /cover;} #pack-cont .container {max-width: 1200px;overflow: hidden;z-index: 2;} #pack-cont .search-wrap h2.common-title {color: #fff;} #pack-cont h2.common-title {font-size: 3.6rem;line-height: 1.5;text-align: center;letter-spacing: 8px;font-weight: normal;} #pack-cont .search-wrap form .am-form-group {width: 400px;height: 50px;margin: 50px auto 100px;} #pack-cont .search-wrap form input.am-form-field {float: left;width: 270px;height: 50px;font-size: 1.8rem;text-indent: 1rem;} #pack-cont .search-wrap form .confirmUp {float: left;width: 130px;height: 50px;line-height: 50px;font-size: 1.8rem;color: #fff;background-color: #3078ea;border: 1px solid #3078ea;text-align: center;cursor: pointer;} #pack-cont .inner-taocan {height: 350px;opacity: 1;max-width: 1000px;position: relative;z-index: 1;margin: 0 auto;} #pack-cont .am-thumbnails {margin: 0;} #pack-cont .group {background: #fff;padding: 20px 20px 12px 20px;border-radius: 6px;margin-bottom: 20px;} #pack-cont .group:hover {box-shadow: 0 5px 10px 0 rgba(28,31,33,.2);} #pack-cont .console-log li {padding: 0px;} #pack-cont .console-log li .box {max-width: 800px;margin: 0 auto;background: #fff;border-radius: 6px;padding: 30px;padding-left: 90px;margin-bottom: 20px;position: relative;} #pack-cont .console-log li .box:hover {box-shadow: 0 4px 8px rgba(28,31,33,.1);} #pack-cont .console-log li .box h6 {font-size: 1.4rem;color: #3078EA;font-weight: 600;display: inline-block;margin-right: 10px;} #pack-cont .console-log li .box span {font-size: 1.2rem;color: #9B9B9B;} #pack-cont .console-log li .box p.cont {font-size: 1.4rem;color: #4A4A4A;margin-top: 20px;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #pack-cont .console-log li .box .line {width: 4px;height: 100%;background: #f3f5f6;position: absolute;left: 42px;top: 0;} #pack-cont .console-log li .box .circle {width: 32px;height: 32px;border-radius: 50%;opacity: .8;background: #fff;border: 4px solid #b2b8bd;position: absolute;left: 28px;top: 24px;} #pack-cont .navFixed {width: 100%;height: 80px;background-color: #fff;box-shadow: 0 8px 16px 0 rgba(28,31,33,0.1);} #pack-cont .navFixed .navFixedInner {max-width: 1150px;margin: 0 auto;box-shadow: 0 8px 16px 0 rgba(28,31,33,0.1);} #pack-cont .navFixed ul.leftList {float: left;width: 60%;overflow-x: auto;white-space: nowrap;} #pack-cont .navFixed li {text-align: center;line-height: 80px;display: inline-block;margin: 0 10px;vertical-align: middle;} @media only screen and (max-width: 640px) and (min-width: 0px){ #pack-cont .navFixed .dis {display: none;} } #pack-cont .navFixed li a {font-size: 1.6rem;padding: 0px 10px;color: #222;} #pack-cont .navFixed li.active a {color: #09f;} #pack-cont .navFixed li.active::after { display: block; content: ''; width: 18px; height: 3px; border-radius: 1.5px; background: #0099ff; position: absolute; bottom: 18px; left: calc(50% - 9px); } #pack-cont .navFixed .priceRight {float: right;margin-right: 20px;} #pack-cont .navFixed .priceRight span {color: red;font-size: 2.4rem;line-height: 80px;margin-right: 20px;vertical-align: middle;} #pack-cont .navFixed .priceRight a {display: inline-block;width: 110px;height: 38px;line-height: 38px;background-color: red;color: #fff;font-size: 1.6rem;text-align: center;vertical-align: middle;border-radius: 4px;} #pack-cont .comm-title {background: #fff;padding: 10px 20px 0px;} #pack-cont .comm-title h2 {font-size: medium;line-height: normal;margin-top: 0;margin-bottom: 0;} #pack-cont #contentDiv .comm-title {margin-bottom: 10px;} #pack-cont #contentDiv .coom-intro {padding: 0px 10px;} #pack-cont #contentDiv .coom-intro img{max-width:100%;} /**/ @media only screen and (max-width: 768px) and (min-width: 0px) { #pack-cont .banner .intro-wrap .video-left {width: 100%;} #pack-cont .banner .intro-wrap .cont-right {} #pack-cont .banner .intro-wrap .video-left {border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-top-right-radius: 10px;border-top-left-radius: 10px;} #pack-cont .banner .intro-wrap .cont-right {padding: 0% 0px 10px 0px;} #pack-cont .banner .intro-wrap .cont-right .serve {padding: 0 10px;} #pack-cont .navFixed .priceRight {display: none;} #pack-cont .navFixed ul.leftList {width: 100%;} .help-center-box .h-c-left {display: none} } /* 讲师介绍 */ #teacherCont .banner .teacher-index .inner {margin-left: auto;margin-right: auto;max-width: 1150px;padding: 20px;} #teacherCont .banner {width: 100%;height: 260px;position: relative;overflow: hidden; background-image: url("../image/Wallions285199.png"); } #teacherCont .banner .mask {width: 100%;height: 260px;overflow: hidden;position: relative; background: black;opacity: 0.3} #teacherCont .banner .mask img { width: 1920px; position: absolute; left: 50%; margin-left: -960px; } #teacherCont .banner .teacher-index {width: 100%;height: 136px;position: absolute;top: 50px;} #teacherCont .banner .teacher-index .tea-left {float: left;} #teacherCont .banner .teacher-index .tea-left .pic {float: left;width: 136px;height: 136px;border-radius: 50%;overflow: hidden;position: relative;} #teacherCont .banner .teacher-index .tea-left .pic img.bg {width: 100%;height: 100%;filter: url(/addons/theme/stv1/_static/x30/res/css/blur.svg);-webkit-filter: blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);position: absolute;top: 0;} #teacherCont .banner .teacher-index .tea-left .pic img.bg2 {width: 90%;height: 90%;border-radius: 50%;position: absolute;top: 5%;left: 5%;} #teacherCont .banner .teacher-index .tea-left .intro {float: left;margin-left: 20px;} #teacherCont .banner .teacher-index .tea-left .intro .name {font-size: 2.6rem;color: #fff;margin-top: 18px;float: left;} #teacherCont .banner .teacher-index .tea-left .intro img.vip {float: left;height: 45px;margin-top: 19px;} #teacherCont .banner .teacher-index .tea-left .intro .profession {font-size: 1.6rem;color: #fff;opacity: 0.6;width: 300px;float: left;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #teacherCont .banner .teacher-index .tea-left .intro .terrace {font-size: 1.6rem;color: #fff;} #teacherCont .banner .teacher-index .tea-left .attention {float: right;} #teacherCont .banner .teacher-index .tea-right {float: right;margin-top: 90px;} #teacherCont .banner .teacher-index .tea-right span {color: #fff;font-size: 1.4rem;} #teacherCont .banner .teacher-index .tea-right span.num {font-size: 2rem;} #teacherCont .teacher-intro {padding: 30px 0px;margin-top: 20px;border-radius: 6px;} #teacherCont .teacher-intro hr {color: #e0e0e0;} #teacherCont .teacher-intro h3.title {border-left: 4px solid #3078ea;line-height: 1;margin: 0 20px;padding-left: 10px; font-size: 1.6rem;} #teacherCont .teacher-intro p {margin: 0 20px;font-size: 1.6rem} #teacherCont .teacher-intro {background-color: #fff;} #teacherCont .teacher-subject{background-color: blue;} #teacherCont .intro-list li {float: left;padding: 0 15px;margin-bottom: 60px;transition: all .2s linear;padding-top: 2px;} #teacherCont .intro-list li .box {width: 100%;height: 100%;background-color: #fff;border-radius: 6px;overflow: hidden;transition: all .2s linear;border: 1px solid #e0e0e0; box-sizing: border-box;} #teacherCont .intro-list li .box:hover {box-shadow: 0px 15px 30px rgba(0,0,0,.2);transform: translate3d(0,-2px,0);} #teacherCont .intro-list li .box .img-top {width: 100%;} #teacherCont .intro-list li .box .img-top img {width: 100%;} #teacherCont .intro-list li .box .txt-bottom {width: 100%;padding: 14px;} #teacherCont .intro-list li .box .txt-bottom p {margin: 0;} #teacherCont .intro-list li .box .txt-bottom h4 {color: #000;font-size: 1.8rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #teacherCont .intro-list li .box .txt-bottom .time-people {color: #939393;font-size: 1.4rem;margin-top: 10px;} #teacherCont .intro-list li .box .txt-bottom .time-people .people {float: right;} #teacherCont .intro-list li .box .txt-bottom .intro {color: #939393;font-size: 1.4rem;margin-top: 8px;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #teacherCont .intro-list li .box .txt-bottom .money {color: #000;font-size: 1.6rem;margin-top: 10px;} #teacherCont .am-thumbnails {margin: 0 5px;} /* */ #article .inner {margin-left: auto;margin-right: auto;max-width: 1200px;padding: 20px 0;} #article .banner {width: 100%;margin-bottom: 20px;} #article .banner li {float: left;width: 25%;overflow: hidden;padding: 10px 5px 0px 5px;} #article .banner li.big {width: 50%;} #article .banner li.txt {background-color: #f3f8ff;} #article .banner li.txt a.box {background: #fff;} #article .banner li.txt a.box .mask {background: rgba(0,0,0,0);padding: 20px;top: 10px;} #article .banner li.txt a.box .mask h5 {font-size: 2rem;color: #444;margin-bottom: 10px;line-height: 1;} #article .banner li.txt a.box .mask p {color: #444;-webkit-line-clamp: 4;font-size: 1.4rem;} #article .banner li.txt a.box img {display: none;} #article .banner li.txtBig {background-color: #f3f8ff;} #article .banner li.txtBig a.box {background: #fff;} #article .banner li.txtBig a.box .mask {background: rgba(0,0,0,0);padding: 20px;top: 10px} #article .banner li.txtBig a.box .mask h5 {font-size: 3rem;color: #444;margin-bottom: 20px;line-height: 1;} #article .banner li.txtBig a.box .mask p {color: #444;-webkit-line-clamp: 14;font-size: 1.8rem;} #article .banner li.txtBig a.box img {display: none;} #article .banner li a.box {position: relative; display: inline-block;width: 100%;height: 100%;overflow: hidden;border-radius: 4px;} #article .banner li a.box img {width: 100%;height: 100%;} #article .banner li p {display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #article .banner li .mask { width: 100%; padding: 5px 10px; background: rgba(0,0,0,0.7); position: absolute; bottom: -40px; transition: all 0.3s; z-index: 2;} #article .banner li:hover .mask { bottom: 0px; } #article .banner li .mask h5 {color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #article .banner li .mask p {color: #fff;margin-top: 2px;font-size: 1.2rem;} #article .i-box li {margin-top: 20px;} #article .i-box li .pic {float: left;width: 70px;height: 46px;overflow: hidden;margin-right: 16px;border-radius: 4px;overflow: hidden;} #article .i-box li .pic img {max-height:44px;width: 100%;height: 100%;} #article .i-box li .txt {margin-top: 2px;font-size: 1.4rem;float: left;width: calc(100% - 90px);display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2; color: #333;} #article .i-box li.no-pic .txt {width: 100%;} #article .i-box li a.box:hover .txt {color: #63a5f8;} /* 个人中心--学习记录 */ #study dt+dd {margin-top: 0;} #study {position: relative;} #study::after {content: '';display: block;width: 1px;height: 100%;position: absolute;top: 50px;left: 30%;background-color: #ccc;} #study svg.icon {width: 30px;color: #63a5f8;position: absolute;top: 20px;left: 30%;margin-left: -15px;} #study dt {padding: 20px 0px;width: 30%;text-align: center;font-size: 2rem;cursor: pointer;color: #a6d3ff;} #study dt i{transition: all 0.4s;} #study dd .item {position: relative;box-shadow: 0 4px 14px 0 rgba(0,0,0,.1);border-radius: 8px;margin-bottom: 20px;} #study dd .item:hover {box-shadow: 0 4px 14px 0 rgba(0,0,0,.2);} #study dd .item:after {content: '';display: block;width: 17px;height: 17px;border-radius: 50%;border: 2px solid #fff;position: absolute;top: 20px;left: 30%;margin-left: -8px;background: radial-gradient(#63a5f8 35%, white 35%, white 60%, #63a5f8 10%); /* 标准的语法 */z-index: 1;} #study dd .item .leftTime {position: absolute;top: 20px;right: 78%;font-size: 1.4rem;font-weight: 600;} #study dd .item .rightTxt {width: 70%;margin-left: 30%;padding: 20px 0px 20px 8%;} #study dd .item .rightTxt h6 {width: 70%;font-size: 1.4rem;font-weight: 600;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #study dd .item .rightTxt span {float: left;max-width: 70%;font-size: 1.2rem;color: #787d82;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #study dd .item .rightTxt a {display: block;float: left;margin-left: 20px;color: #63a5f8;vertical-align: center;} @media only screen and (max-width: 640px) and (min-width: 0px) { #study dt {text-align: left;} #study dt {font-size: 1.2rem;padding: 26px 0px;} } /**/ #live-wrap .carousel{background-color: #f8f8f8;overflow: hidden;position: relative;border: 4px solid #f5f5f5;border-radius: 10px;box-shadow: 0px 0px 10px #ddd;} #live-wrap .carousel .pic {float: left;width: 52%;height: 100%;} #live-wrap .carousel ul.unit {width: 9999px;height: 100%;position: absolute;} #live-wrap .carousel ul.unit li {float: left;height: 100%;} #live-wrap .carousel ul.unit li img {width: 100%;border-radius: 8px;} #live-wrap .carousel ul.unit li .mask {width: 100%;height: 100%;background: rgba(0,0,0,0.4);position: absolute;border-radius: 8px;} #live-wrap .carousel ul.unit li .mask .liveingTxt {text-align: center;color: #fff;font-size: 1.8rem;margin: 0 auto 6%;} #live-wrap .carousel ul.unit li .mask .liveingTxt svg.icon {width: 28px;color: #2a75ed;} #live-wrap .carousel ul.unit li .mask i {color: #2a75ed;padding-right: 20px;font-size: 1.6rem;} #live-wrap .carousel ul.unit li .mask span {font-size: 1.6rem;color: #fff;padding: 5px 20px;background: rgba(0,0,0,0.8);border-radius: 20px;} #live-wrap .carousel ul.unit li .mask p.intro {font-size: 2.4rem;color: #fff;text-align: center;margin: 13% 0px 6%;padding: 0 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #live-wrap .carousel ul.unit li .mask a.btn {display: inline-block;width: 180px;height: 50px;line-height: 50px;position: absolute;left: 50%;margin-left: -90px;background-color: #2a75ed;border-radius: 10px;text-align: center;font-size: 1.8rem;color: #fff;vertical-align: middle;} #live-wrap .carousel ul.unit li .mask a.btn:hover {background-color: #1962d8;} #live-wrap .carousel .btns a{width: 40px;height: 60px;background: rgba(0,0,0,0.7);position: absolute;top: 50%;margin-top: -30px;font-size: 3rem;padding: 6px 5px;color: #9b9b9b;display: none;} #live-wrap .carousel .btns a.lefetBtn {left: 0;text-align: left;border-top-right-radius: 4px;border-bottom-right-radius: 4px;} #live-wrap .carousel .btns a.rightBtn {right: 50%;text-align: right;border-top-left-radius: 4px;border-bottom-left-radius: 4px;} #live-wrap .carousel .rightTab {float: right;width: 48%;height: 100%;position: absolute;right: 0;overflow-y: scroll;background: #fff;} #live-wrap .carousel ol.circles {float: right;width: 100%;height: calc(100% - 10px);position: absolute;right: 0;padding: 5px 0;} #live-wrap .carousel ol.circles::before {content: '';display: block;border-left: 1px dashed #ddd;width: 1px;height: 100%;position: absolute;margin-left: 9%;} #live-wrap .carousel ol.circles li {width: 100%;height: 45px;line-height: 45px;font-size: 1.6rem;cursor: pointer;} #live-wrap .carousel ol.circles li.cur {background-color: #f3f8ff;} #live-wrap .carousel ol.circles li.black {color: #4A4A4A;} #live-wrap .carousel ol.circles li.blue {color: #2ea4fe;} #live-wrap .carousel ol.circles li.gary {color: #9B9B9B;} #live-wrap .carousel ol.circles li i {display: inline-block;float: left;width: 10%;height: 100%;text-align: right;margin-right: -6px;font-size: 1.2rem;position: relative;} #live-wrap .carousel ol.circles li img {margin-right: -4px;width: 20px;margin-top: 14px;} #live-wrap .carousel ol.circles li i svg {width: 16px;margin-right: -4px;} #live-wrap .carousel ol.circles li span.time {display: inline-block;float: left;width: 20%;text-align: center;} #live-wrap .carousel ol.circles li span.title {display: inline-block;float: left;width: 60%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #live-wrap {position: absolute;top: 40px;box-shadow: 0 20px 30px rgba(0,0,0,.15);border-radius: 10px;} .liveBg {position: relative;} .liveBg .liveBgList img {opacity: 0.1;width: 100%;filter: url(/addons/theme/stv1/_static/x30/res/css/blur.svg);filter: blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);} .liveBg .liveBgList {position: absolute;height: 100%;width: 100%;overflow: hidden;bottom: 60%;filter: url(/addons/theme/stv1/_static/x30/res/css/blur.svg);/* FireFox, Chrome, Opera */filter: blur(50px);/* Chrome, Opera */filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=50, MakeShadow=false);} .liveBg .liveBgList ul li{display: none;} .liveBg .liveBgList ul li:first-child{display: block;} #slider .item {position: relative;} #slider .item .mask {width: 100%;height: 100%;position: absolute;top: 0;z-index: 1;background: rgba(0,0,0,0.4);} #slider .item .mask p.intro {font-size: 2.4rem;color: #fff;text-align: center;margin: 16% 0px 6%;padding: 0 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #slider .item .mask .liveingTxt {background: rgba(0,0,0,0.8);text-align: center;color: #fff;font-size: 1.8rem;width: 260px;border-radius: 20px;margin: 0 auto 6%;} #slider .item .mask a.btn {display: inline-block;width: 120px;height: 40px;line-height: 40px;position: absolute;left: 50%;margin-left: -60px;background-color: #2a75ed;border-radius: 10px;text-align: center;font-size: 1.8rem;color: #fff;vertical-align: middle;} #slider .owl-dot {display: none;} .mobileBanner {margin-top: 20px;} .mobileBanner .i-slide {padding-top: 0;} .course-page-list .course-img {position: relative;} .course-page-list .course-img .mask {width: 100%;height: 20px;background: rgba(0,0,0,0.7);position: absolute;bottom: 0px} .course-page-list .course-img .mask p {color: #fff;padding: 0 20px;} h2.live-title {font-size: 1.4rem;text-align: center;padding: 35px 0px 30px;;color: #9b9b9b;letter-spacing: 4px;line-height: 36px;} h2.live-title em {margin: 0px 3px;color: #4d555d;font-size: 2.2rem;font-weight: 600;} /**/ #liveCourse .courseList {background: #fff;} #liveCourse .navTop {width: 100%;height: 80px;z-index: 1;position: relative;} #liveCourse .navTop .logo {float: left;width: 200px;height: 80px;} #liveCourse .navTop .logo h4 {height: 80px;line-height: 80px;margin-left: 30px;font-size: 2.6rem;color: #545c63;font-weight: 400;} #liveCourse .navTop .list {float: left;height: 80px;width: calc(100% - 40px);white-space: nowrap;overflow: hidden;margin-left: 40px;position: relative;} #liveCourse .navTop .list ul {border: 1px dashed #fff;background: #fff;padding: 10px 80px 10px 0px;} #liveCourse .navTop .list .navList li {float: left;margin: 0 15px;padding-top: 10px;line-height: 40px;} #liveCourse .navTop .list .navList li a {display: inline-block;padding: 0 10px;font-size: 1.6rem;color: #545c63;line-height: 36px;font-weight: bold;cursor: pointer;} #liveCourse .navTop .list .navList li.active a {color: #2a75ed;} #liveCourse .navTop .list .navList li.active a::after {content: '';display: block;margin: 2px auto -3px;width: 20px;height: 3px;border-radius: 26%;background-color: #2a75ed;} #liveCourse .navTop .more {position: absolute;top: 26px;right: 30px;width: 50px;display: none;} #liveCourse .navTop .more .menuBtn {margin: 0 auto;width: 62px;height: 26px;line-height: 26px;color: #9b9b9b;border-radius: 4px;text-align: center;margin-right:10px;} #liveCourse .navTop .more .menuList {margin: 0 auto;border: 1px solid #9b9b9b;border-radius: 4px;margin-top: 4px;background-color: #f5f5f5;width: 100px;float: right;position: absolute;left: -37px;} #liveCourse .navTop .more .menuList li {padding: 5px;} #liveCourse .navTop .list.cur {overflow: visible;white-space: normal;} .vipBox { margin-top: 6px; padding: 0 6px; height: 18px; line-height: 18px; margin-right: 10px; float: left; font-size: 12px; text-align: center; color: #feb387; border: 1px solid #feb387; border-radius: 4px; box-sizing: border-box; } @media only screen and (max-width: 640px) and (min-width: 0px) { #liveCourse .course-page-list {margin: 0 10px;} #liveCourse .navTop .logo h4 {margin-left: 20px;} #liveCourse .navTop .more .menuBtn {margin-top: 26px;} #liveCourse .navTop .list {margin-left: 0;} #liveCourse .navTop .list {width: 120px;float: right;height: 60px;} #liveCourse .navTop .list ul {height: 230px;padding: 50px 0px 10px 0px;overflow-x: scroll;} #liveCourse .navTop .list .navList li {padding-top: 5px;width: 100%;text-align: center;margin: 0;} #liveCourse .navTop .more {width: 90px;height: 60px;line-height: 60px;background: #fff;top: 1px;right: 5px;} #liveCourse .navTop .logo {width: 130px;} #liveCourse .navTop .list .navList li a {line-height: 1;} .course-page-list .course-img .mask p {padding: 0px;text-align: center;} } /**/ .coupons {display: inline-block;margin: 10px 0;} .coupons .quan {float: left;border: 1px solid red;font-size: 1.2rem;color: red;text-align: center;padding:0 10px;margin-right:10px;} .coupons .quan span {line-height: 21px;} /**/ .clearFix::after {content: '';display: block;clear: both;visibility:hidden;height: 0;line-height: 0;} #newWeb {background: white;} #newWeb .inner {max-width: 1150px;margin: 0 auto;} #newWeb .banWrap {width: 100%;height: 420px;position: relative;} #newWeb .banWrap .carousel {width: 100%;height: 100%;position: relative;overflow: hidden;} #newWeb .banWrap .carousel .pic {width: 9999px;height: 420px;position: absolute;top: 0;left: 0;} #newWeb .banWrap .carousel .pic a {width: 100%;height: 420px;} #newWeb .banWrap .carousel .pic li {float: left;width: 1920px;height: 420px;} #newWeb .banWrap .carousel .pic li.moblie {width: 750px;} #newWeb .banWrap .carousel .btn a {width: 40px;height: 40px;position: absolute;top:50%;background: rgba(0,0,0,0.5);border-radius: 50%;} #newWeb .banWrap .carousel .btn a.leftBtn {left: 50%;margin-left: -305px;} #newWeb .banWrap .carousel .btn a.rightBtn {right: 50%;margin-right: -535px;} #newWeb .banWrap .carousel .btn a svg {margin: 12px;color: #fff} #newWeb .banWrap .carousel .circle{position: absolute;left:50%;margin-left: -45px;bottom: 30px;} #newWeb .banWrap .carousel .circle li{float: left;width: 12px;height: 6px;border-radius: 3px; margin: 0px 4px;background: rgba(0,0,0,0.5);} #newWeb .banWrap .carousel .circle li.cur{background-color: red;width: 20px;background: #fff;} #newWeb .banWrap .list {position: absolute;top: 0;left: 50%;margin-left: -575px;height: 100%;} #newWeb .banWrap .list ul {float: left;width: 230px;height: 100%;background: rgba(0,0,0,0.7);} #newWeb .banWrap .list li {float: left;height: 70px;padding: 8px 20px;box-sizing: border-box;cursor: pointer;} #newWeb .banWrap .list li:hover {background: #3798ff;} #newWeb .banWrap .list .title {float: left;width: 100%;color: #fff;} #newWeb .banWrap .list h4 {float: left;font-weight: 400;font-size: 14px;} #newWeb .banWrap .list .intro {float: left;width: 190px;color: #bbb;font-size: 12px;margin-top: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #newWeb h2 svg.moreBtn {float: right;color: #bebebe;margin-top: 7px;} #newWeb h2 svg.moreBtn:hover {color: #4cc075;} #newWeb .peteCourse {width: 100%;padding: 30px 0 20px;height: auto;background: white;} #newWeb .peteCourse .cont {width: calc(100% + 20px);margin-left: -10px;} #newWeb .peteCourse .cont li {float: left;width: calc(100%/4 - 20px);height: auto;margin: 0 10px 20px;transition:All 0.4s ease-in-out;} #newWeb .peteCourse .cont li:hover {box-shadow:0px 6px 20px 1px rgba(0,0,0,0.1);transform:translate(0,-2px);} #newWeb .peteCourse .cont .pic {float: left;width: 100%;position: relative;} #newWeb .peteCourse .cont .liveTime {left: 10px;width: calc(100% - 12px);position: absolute;font-size: 12px; bottom: 15px;color: #fff;background: rgba(0,0,0,0.5);padding: 0 6px;border-radius: 9px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #newWeb img {width: 100%;} #newWeb .titleCom {float: left;font-size: 1.4rem;width: 100%;height:44px;box-sizing: border-box;padding: 0 10px;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #newWeb .introCom {float: left;width: 100%;box-sizing: border-box;padding: 8px 10px 0px;} #newWeb .priceCom {float: left;font-size: 1.4rem;color: #ff6a71;} #newWeb .hourCom {float: right;height: 20px;line-height: 20px;font-size: 12px;color: #9b9b9b;} #newWeb h2 {font-size: 22px;font-weight: 600;margin-bottom: 12px;text-align: center;} #newWeb .RGB-Pink {color: #ff6a71;} #newWeb .RGB-Blue {color: #3798ff;} #newWeb .RGB-Green {color: #66d8ae;} #newWeb .elseCourse {float: left;width: 100%;height: auto;background: #f3f8ff;} #newWeb .elseCourse .newCourse {padding: 30px;box-sizing: border-box;background: #fff;margin-top: 30px;} #newWeb .elseCourse .leftBan {float: left;width: 190px;height: 100%;} #newWeb .elseCourse .leftBan .btn {float: left;width: 190px;height: 46px;line-height: 46px;margin-bottom: 20px;border: 1px solid #3377ff;text-align: center;box-sizing: border-box;} #newWeb .elseCourse .leftBan .banner {float: left;} #newWeb .elseCourse .rightList {float: right;width: calc(100% + 20px - 190px - 20px);} #newWeb .elseCourse .courseList {width: 100%;height: 100%;} #newWeb .elseCourse .courseList li {float: left;width: calc(100%/4 - 20px);height: auto;margin: 0 0 20px 20px;} #newWeb .elseCourse .courseList li:nth-child(5), #newWeb .elseCourse .courseList li:nth-child(6), #newWeb .elseCourse .courseList li:nth-child(7), #newWeb .elseCourse .courseList li:nth-child(8) {margin: 0 0 0 20px;} #newWeb .elseCourse .centerCont {float: left;width: calc(100% - 190px - 190px);padding: 0 20px;box-sizing: border-box;} #newWeb .elseCourse .centerCont li {float: left;margin-bottom: 34px;} #newWeb .elseCourse .centerCont li:last-child {margin-bottom: 0;} #newWeb .elseCourse .centerCont .pic {float: left;width: 180px;height: 120px;margin-right: 20px;} #newWeb .elseCourse .centerCont .cont {float: left;width: calc(100% - 200px);margin: 6px 0px;} #newWeb .elseCourse .centerCont h4 {float: left;width: 100%;font-size: 1.8rem;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #newWeb .elseCourse .centerCont .article {float: left;margin-bottom: 16px;font-size: 1.4rem; color: #666; display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #newWeb .elseCourse .centerCont .intro {float: left;width: 100%;} #newWeb .elseCourse .centerCont .btnType {float: left;padding: 0 6px;margin-right: 10px;font-size: 12px; color: #ff6a71;border: 1px solid #ff6a71;} #newWeb .elseCourse .centerCont .time {float: right;height: 19px;line-height: 19px;font-size: 12px;color: #9b9b9b;} #newWeb .elseCourse .centerCont .time svg {width: 1.2em;margin-bottom: 2px;} #newWeb .elseCourse .rightBar {float: right;width: 190px;} #newWeb .elseCourse .rightBar li {float: left;width: 100%;margin: 9px 0px;height: 14px;line-height: 14px;} #newWeb .elseCourse .rightBar li .rank {float: left;width: 14px;height: 14px;line-height: 14px;text-align: center;font-size: 12px;background: #ccc;color: #fff;margin-right: 10px;} #newWeb .elseCourse .rightBar li:nth-child(1) .rank {background: #ff6a71;} #newWeb .elseCourse .rightBar li:nth-child(2) .rank {background: #ff8547;} #newWeb .elseCourse .rightBar li:nth-child(3) .rank {background: #ffac38;} #newWeb .elseCourse .rightBar h6 {float: left;width: calc(100% - 24px);font-weight: 400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #newWeb .elseCourse .teacherList {float: right;width: 100%;} #newWeb .elseCourse .teacherList li {float: left;width: calc(100%/3 - 20px);margin-left: 20px;margin-bottom: 30px;padding: 15px 20px;border: 1px solid #eee;box-sizing: border-box;} #newWeb .elseCourse .teacherList li:nth-child(4), #newWeb .elseCourse .teacherList li:nth-child(5), #newWeb .elseCourse .teacherList li:nth-child(6) {margin-bottom: 0;} #newWeb .elseCourse .teacherList .Tch {float: left;width: 100%;margin-bottom: 12px;} #newWeb .elseCourse .teacherList .TchPhoto {float: left;width: 72px;height: 72px;margin-right: 24px;border-radius: 50%;overflow: hidden;} #newWeb .elseCourse .teacherList .right {float: left;width: calc(100% - 100px);margin: 12px 0px;} #newWeb .elseCourse .teacherList .name {float: left;width: 100%;font-size:1.6rem;font-weight: 600;margin-bottom: 8px;} #newWeb .elseCourse .teacherList .job {float: left;width: 100%;font-size: 12px;color: #9b9b9b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #newWeb .elseCourse .teacherList .intro {float: left;color: #4a4a4a;font-size: 1.4rem;margin-bottom: 8px;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} @media only screen and (max-width: 1150px) and (min-width: 0px) { #newWeb .banWrap .list {left: 0;margin-left: 0px;} #newWeb .banWrap .carousel .btn a.leftBtn {left: 0%;margin-left: 40px;} #newWeb .banWrap .carousel .btn a.rightBtn {right: 0%;margin-right: 40px;} #newWeb .menu-wrap { display: none!important;} } @media only screen and (max-width: 936px) and (min-width: 0px) { #newWeb .peteCourse .cont li:nth-child(7), #newWeb .peteCourse .cont li:nth-child(8), #newWeb .elseCourse .courseList li:nth-child(7), #newWeb .elseCourse .courseList li:nth-child(8), #newWeb .elseCourse .teacherList li:nth-child(5), #newWeb .elseCourse .teacherList li:nth-child(6){display: none;} #newWeb .peteCourse .cont li, #newWeb .elseCourse .courseList li {width: calc(100%/3 - 20px);} #newWeb .elseCourse .teacherList li {width: calc(100%/2 - 20px);} #newWeb .elseCourse .rightBar {display: none;} #newWeb .elseCourse .centerCont {width: calc(100% - 190px);} } @media only screen and (max-width: 640px) and (min-width: 0px) { #newWeb .banWrap .list, #newWeb .elseCourse .leftBan .btn, #newWeb .elseCourse .leftBan .banner, #newWeb .banWrap .carousel .btn, #newWeb .elseCourse .centerCont .pic {display: none;} #newWeb .elseCourse .leftBan {width: 100%;} #newWeb h2 {text-align: left;font-size: 18px;} #newWeb .elseCourse .rightList {float: right;width: calc(100% + 20px);} #newWeb .elseCourse .centerCont {width: 100%;padding: 0;} #newWeb .peteCourse .cont li, #newWeb .elseCourse .courseList li {width: calc(100%/2 - 20px);} #newWeb .elseCourse .newCourse {padding: 30px 12px;} #newWeb .peteCourse {width: calc(100% - 0px);padding: 30px 12px 20px;} #newWeb .elseCourse .teacherList li {width: calc(100% - 20px);} #newWeb .elseCourse .centerCont .cont {width: 100%;} #newWeb .elseCourse .teacherList .TchPhoto {width: 60px;height: 60px;} #newWeb .elseCourse .teacherList .right {margin: 6px 0px;} #newWeb .banWrap .carousel .circle {bottom: 16px;} #newWeb .titleCom {height: 38px;} } /* 修改 banner */ #newWeb .carousel a {display: block;} #newWeb .menu-content li.menu-intro-banner, #newWeb .banner-box, #newWeb .owl-stage-outer, #newWeb .menu-list {border-radius: 0px;} #newWeb .menu-wrap {width: 240px;left: 50%;margin-left: -575px;border-radius: 10px;z-index: 9999;position: absolute;top: 0;left: 50%;margin-left: -575px;height: 100%;} /**/ /**/ #newWeb .teacherWrap {background: #f5f5f5;width: 100%;overflow: hidden;} #newWeb .teachers ul {width: calc(100% + 20px);margin-left: -10px;} #newWeb .teachers li {float: left;width: calc(100%/5 - 20px);min-height: 312px;margin: 0 10px 30px;background: white;text-align: center;padding: 15px;} #newWeb .teachers li .user {position: relative;top: -30px;} #newWeb .teachers li .user .pic {width: 115px;height: 115px;text-align: center;margin: 0 auto;border-radius: 50%;overflow: hidden;} #newWeb .teachers li .user .pic img {width: 100%;height: 100%;} #newWeb .teachers li .user .name {width: 78px;height: 28px;line-height: 28px;background: #4cc075;position: relative;top: -20px;left: 50%;margin-left: -39px;font-size: 16px;color: #fff;} #newWeb .teachers li .user .name::after {display: block;content: '';position: absolute;left: 0px;top: 28px;border: 6px solid;border-color: #22964b #22964b transparent transparent;} #newWeb .teachers li .title {color: #333;font-size: 16px;font-weight: 500;margin-top: -20px;margin-bottom: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #newWeb .teachers li .intro {color: #4a4a4a;font-size: 14px;text-align: left;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 5;} #newWeb .hotNews ul {float: left;width: 50%;} #newWeb .hotNews ul li {float: left;width: 100%;margin-bottom: 30px;} #newWeb .hotNews ul li .pic {float: left;width: 214px;margin-right: 16px;} #newWeb .hotNews ul li .txt {float: left;width: calc(100% - 230px);padding-right: 30px;box-sizing: border-box;} #newWeb .hotNews ul li .txt .title {float: left;width: 100%;font-size: 18px;font-weight: 600;color: #4a4a4a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;} #newWeb .hotNews ul li .txt .cont {float: left;width: 100%;font-size: 14px;color: #666;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-bottom: 10px;} #newWeb .hotNews ul li .txt .bot {float: left;width: 100%;font-size: 12px;} #newWeb .hotNews ul li .txt .bot .tag {float: left;line-height: 1;padding: 2px 4px;color: #60c784;border: 1px solid #60c784;margin-right: 12px;} #newWeb .hotNews ul li .txt .bot .time {float: left;color: #939393;} #newWeb .hotNews ul li .txt .bot .information {float: right;color: #939393;} #newWeb .studentWrap {float: left;width: 100%;background: #f5f5f5;} #newWeb .studentWrap .student {overflow: hidden;} #newWeb .studentWrap ul {width: calc(100% + 20px);margin-left: -10px;margin-bottom: 30px;} #newWeb .studentWrap li {float: left;width: calc(100%/4 - 20px);background: white;margin: 0 10px 20px;padding: 20px;box-sizing: border-box;} #newWeb .studentWrap li .tag {float: left;width: 100%;position: relative;margin-bottom: 16px;} #newWeb .studentWrap li .tag svg {height: 2em;color: #4cc075;} #newWeb .studentWrap li .tag span {color: #fff;position: absolute;left: 12px;line-height: 24px;} #newWeb .studentWrap li .cont {float: left;width: 100%;font-size: 14px;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 40px;} #newWeb .studentWrap li .user {float: left;width: 100%;height: 64px;} #newWeb .studentWrap li .user .pic {float: left;width: 64px;height: 64px;border-radius: 50%;overflow: hidden;margin-right: 12px;} #newWeb .studentWrap li .user .intro {float: left;width: calc(100% - 76px);position: relative;top: 50%;transform: translateY(-50%);} #newWeb .studentWrap li .user .intro .name {font-size: 16px;color: #4a4a4a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #newWeb .studentWrap li .user .intro .time {font-size: 12px;color: #9b9b9b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #newWeb .comTab {float: left;margin-left: 40px;margin-bottom: 10px;margin-top: 4px;} #newWeb .comTab li {font-size: 14px;color: #333;float: left;margin-left: 25px;line-height: 1.8;} #newWeb .comTab li.cur {color: #4cc075;border-bottom: 1px solid #4cc075;} #newWeb .substance .courseList li {float: left;width: calc(100%/4 - 20px);height: auto;margin: 0 20px 20px 0px;transition:All 0.4s ease-in-out;} #newWeb .substance .courseList li:hover {transform:translate(0,-2px);box-shadow:0px 5px 15px #e5e5e5;} #newWeb .substance .courseList li:nth-child(5), #newWeb .substance .courseList li:nth-child(6), #newWeb .substance .courseList li:nth-child(7), #newWeb .substance .courseList li:nth-child(8) {margin: 0 20px 0 0px;} #newWeb .rightListWrap {width: calc(100% - 230px)} #newWeb .elseCourse .rightListWrap ul {display: none;} @media only screen and (max-width: 936px) and (min-width: 0px) { #newWeb .substance .courseList li {width: calc(100%/3 - 20px);} #newWeb .substance .rightBar {display: block;} #newWeb .teachers li {width: calc(100%/3 - 20px);} #newWeb .teachers li:nth-child(4), #newWeb .teachers li:nth-child(5) {display: none;} #newWeb .studentWrap li {width: calc(100%/3 - 20px);} #newWeb .studentWrap li:last-child {display: none;} #newWeb .hotNews ul li .pic {width: 40%;} #newWeb .hotNews ul li .txt {width: calc(60% - 16px);} #newWeb .hotNews ul li .txt .cont {-webkit-line-clamp: 2;} #newWeb .elseCourse .newCourse {margin-top: 16px;} } @media only screen and (max-width: 840px) and (min-width: 0px) { #newWeb .hotNews ul li .txt .cont, #newWeb .hotNews ul li .txt .title {margin-bottom: 6px;} #newWeb .substance .courseList li {width: calc(100%/2 - 20px);} #newWeb .substance .courseList li:nth-child(3), #newWeb .substance .courseList li:nth-child(4) {display: none;} } @media only screen and (max-width: 750px) and (min-width: 0px) { #newWeb .hotNews ul li .pic {width: 35%;} #newWeb .hotNews ul li .txt .title {font-size: 14px;margin-bottom: 2px;} #newWeb .hotNews ul li .txt .cont {font-size: 12px;margin-bottom: 2px;padding-right: 0;} #newWeb .hotNews ul li .txt {padding: 0;} } @media only screen and (max-width: 640px) and (min-width: 0px) { #newWeb .hotNews ul {width: 100%;} #newWeb .studentWrap li {width: calc(100%/1 - 20px);} #newWeb .teachers li {width: calc(100%/1 - 20px);} #newWeb .substance .rightBar {display: none;} #newWeb .substance .courseList li {width: calc(100%/2 - 20px);} #newWeb .rightListWrap {width: 100%;} #newWeb .comTab {margin-left: 0px;} #newWeb .comTab li {margin-left: 15px;} #newWeb .substance .courseList li {margin: 0 10px 20px 10px;} #newWeb .elseCourse .courseList li:nth-child(5), #newWeb .elseCourse .courseList li:nth-child(6), #newWeb .elseCourse .courseList li:nth-child(7), #newWeb .elseCourse .courseList li:nth-child(8) {margin: 0 10px 0 10px;} #newWeb .tTitle {margin-left: 10px;} #newWeb .comTab {width: 100%;margin-bottom: 0px;margin-top: 10px;} #newWeb .comTab li {font-size: 12px;} #newWeb .hotNews ul li {padding: 0 10px;box-sizing: border-box;} #newWeb .hotNews ul li .pic {width: 35%;margin-right: 10px;} #newWeb .hotNews ul li .txt {width: calc(65% - 10px);position: relative;top: 50%;transform: translateY(0%);} #newWeb h2 svg.moreBtn {display: block;margin-right: 10px;} #newWeb .substance h2 svg.moreBtn {position: relative;top: -65px;} #newWeb h2 {margin-bottom: 0;} #newWeb .inner {padding-bottom: 20px;} } @media only screen and (max-width: 414px) and (min-width: 0px) { #newWeb .hotNews ul li .txt .cont { margin-bottom: 8px; } } @media only screen and (max-width: 375px) and (min-width: 0px) { #newWeb .hotNews ul li .txt .title { margin-bottom: 0; } #newWeb .hotNews ul li .txt .cont { margin-bottom: 4px; -webkit-line-clamp: 1; } } /**/ /* 农业论坛迁移 */ #nY .author img {width: 100%;} #nY .forumDetail img {width: 100%;} #nY h4 {font-size: 16px;color: #333;font-weight: 600;height: 40px;line-height: 40px;} #nY .inner {max-width: 1200px;margin: 0 auto;padding: 0;} .forum-inner {max-width: 1150px;margin: 0 auto;padding: 0;} #nY .sub-nav {width: 100%;height: 60px;box-sizing: border-box;background: white;border-bottom: 1px solid #eee;} #nY .sub-nav .search {float: left;margin: 12px 20px 12px 0px;width: 480px;height: 36px;background: #F3F5F6;border-radius: 6px;overflow: hidden;position: relative;} #nY .sub-nav .search input {width: 100%;height: 36px;border: none;background: #f2f2f2;padding-left: 10px;box-sizing: border-box;} #nY .sub-nav .search i {font-size: 16px;position: absolute;top: 5px;right: 16px;color: #9b9b9b;} #nY .sub-nav .btn {float: right;margin: 12px;width: 100px;height: 36px;line-height: 36px;background: #3377ff;border-radius: 18px;color: #fff;text-align: center;} #nY .cont {width: 100%;margin-bottom: 50px;margin-top: 30px;} #nY .cont .left {float: left;width: calc(100% - 320px);} #nY .cont .left .banner {width: 100%;height: 260px;margin-bottom: 20px;} #nY .cont .left .banner .bar {width: 100%;height: 40px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); position: absolute;bottom: 0; line-height: 40px;padding-left: 20px;font-size: 14px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #nY .cont .left .banner .bigPic {float: left;width: calc((100% - 6px) * 2 / 3);height: 100%;overflow: hidden;position: relative;} #nY .cont .left .banner .smallPic {float: right;width: calc((100% - 6px) * 1 / 3);height: 100%;} #nY .cont .left .banner .smallPic .top {float: left;width: 100%;height: calc((100% - 6px) * 1 / 2);margin-bottom: 6px;overflow: hidden;position: relative;} #nY .cont .left .banner .smallPic .bot {float: left;width: 100%;height: calc((100% - 6px) * 1 / 2);overflow: hidden;position: relative;} #nY .cont .left .banner img {width: 100%;} #nY .cont .left .forum {float: left;width: 100%;} #nY .cont .left .forum .sidebar-left {float: left;width: 100%;background: white;box-sizing: border-box;margin-bottom: 15px;} #nY .cont .left .forum .sidebar-left ul {white-space: nowrap;width: calc(100% - 95px);float: left;overflow: hidden;} #nY .cont .left .forum .sidebar-left ul::-webkit-scrollbar{ display:none;} #nY .cont .left .forum .sidebar-left ul::-webkit-scrollbar{ height: 6px;} #nY .cont .left .forum .sidebar-left .moreBtn {float: right;padding: 20px 43px 20px 0px;font-weight: 500;margin-top: 4px;font-size: 1.6rem;cursor: pointer;font-size: 1.6rem;color: #222222;text-align: center;} #nY .cont .left .forum .sidebar-left .moreBtn:hover {color: #3377ff;} #nY .cont .left .forum .sidebar-left li {display: inline-block;position: relative;height: 100%;padding: 0;margin: 0; border-top: 4px solid transparent;} #nY .cont .left .forum .sidebar-left li:hover {background: #ECF6FD;border-top: 4px solid rgba(24,144,255,0.86);} #nY .cont .left .forum .sidebar-left .cur {background: #ECF6FD;border-top: 4px solid rgba(24,144,255,0.86);} #nY .cont .left .forum .sidebar-left li a {width: 100%;padding: 20px 25px;font-size: 1.6rem;color: #222222;font-weight: 500;text-align: center;display: block;} #nY .cont .left .forum .sidebar-left li.cur a {color: #3377ff;} #nY .cont .left .forum .sidebar-left li.cur a::after {color: #1890FF;} /*论坛--论坛首页--文章显示模块详情--巨田田2019-03-29*/ #nY .cont .left .forum .list li img{width: 199px;height: 133px;float: left;border-radius:10px;margin-right: 2%;} #nY .cont .left .forum .list {float: left;width: calc(100% - 0px);min-height: 600px;background: white;} #nY .cont .left .forum .list li {float: left;width: 100%; padding: 30px 30px 20px 30px;cursor: pointer;} #nY .cont .left .forum .list li:hover .title {color: #3377ff;} #nY .cont .left .forum .list li .title { width: 100%;} #nY .cont .left .forum .list li .title p:first-child{font-size: 1.8rem; font-weight:400;color: #222222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 15px;} #nY .cont .left .forum .list li .title p:nth-child(2){font-size: 1.2rem;color: #999999;line-height: 20px; word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} #nY .cont .left .forum .list li .listPersonInfo{width: 100%;line-height: 24px;font-size:1.2rem;color:rgba(153,153,153,1);margin-top: 27px;} #nY .cont .left .forum .list li .listPersonInfo img{width: 24px;height: 24px;border-radius: 50%; margin-right: 0px;} #nY .cont .left .forum .list li .listPersonInfo .listPersonInfoLeft span{padding-left: 10px;} #nY .cont .left .forum .list li .listPersonInfo .listPersonInfoLeft{float: left;flex-grow: 1;} #nY .cont .left .forum .list li .listPersonInfo .listPersonInfoRight{float: right;} #nY .cont .left .forum .list li .listPersonInfo .listPersonInfoRight i{margin-left: 30px;font-size: 1.2rem;} #nY .cont .left .forum .list li .listPersonInfo .listPersonInfoRight i:first-child{margin-left: 0px;} /*论坛--论坛首页--文章显示模块详情--巨田田2019-03-29end*/ /*个人中心--我的文章--我的收藏巨田田2019-03-29*/ .uc-note-list .shoucangwen li img{width: 199px;height: 133px;float: left;border-radius:10px;margin-right: 2%;} .uc-note-list .shoucangwen li {float: left;width: 100%; padding: 30px 30px 20px 30px;cursor: pointer;} .uc-note-list .shoucangwen li:hover .title {color: #3377ff;} .uc-note-list .shoucangwen li .title { width: 100%;} .uc-note-list .shoucangwen li .title p:first-child{font-size: 1.8rem; font-weight:400;color: #222222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 15px;} .uc-note-list .shoucangwen li .title p:nth-child(2){font-size: 1.2rem;color: #999999;line-height: 20px; word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .uc-note-list .shoucangwen li .listPersonInfo{width: 100%;line-height: 24px;font-size:1.2rem;color:rgba(153,153,153,1);margin-top: 27px;} .uc-note-list .shoucangwen li .listPersonInfo img{width: 24px;height: 24px;border-radius: 50%; margin-right: 0px;} .uc-note-list .shoucangwen li .listPersonInfo .listPersonInfoLeft span{padding-left: 10px;} .uc-note-list .shoucangwen li .listPersonInfo .listPersonInfoLeft{float: left;flex-grow: 1;} .uc-note-list .shoucangwen li .listPersonInfo .listPersonInfoRight{float: right;} .uc-note-list .shoucangwen li .listPersonInfo .listPersonInfoRight i{margin-left: 30px;font-size: 1.2rem;} .uc-note-list .shoucangwen li .listPersonInfo .listPersonInfoRight i:first-child{margin-left: 0px;} /*个人中心--我的文章--我的收藏巨田田2019-03-29end*/ /*个人中心--我的文章--我的收藏--手机适配--巨田田2019-03-29*/ @media screen and (max-width: 641px) { .uc-note-list .shoucangwen li {padding: 20px 6px 0px 6px;} .uc-note-list .shoucangwen li img{width: 30%;height: auto;} .uc-note-list .shoucangwen li .title{padding: 0 2%;} .uc-note-list .shoucangwen li .title p:first-child {margin-bottom: 8px;} .uc-note-list .shoucangwen li .listPersonInfo{width: 100%;margin-top: 12px;} .uc-note-list .shoucangwen li .listPersonInfo .listPersonInfoRight{white-space: nowrap;margin-right: 10px;} .uc-note-list .shoucangwen li .listPersonInfo .listPersonInfoRight i{margin-left: 2%;} .uc-note-list .shoucangwen li .listPersonInfo .listPersonInfoLeft{display: block;} .uc-note-list .shoucangwen li .listPersonInfo img{width: 24px;height: 24px;border-radius: 50%; margin-right: 0px;} } /*个人中心--我的文章--我的收藏--手机适配--巨田田2019-03-29end*/ /*论坛--论坛首页--文章显示模块详情--手机适配--巨田田2019-03-29*/ @media screen and (max-width: 641px){ #nY .cont .left .forum .list li {padding: 20px 6px 0px 6px;} #nY .cont .left .forum .list li img{width: 30%;height: auto;} #nY .cont .left .forum .list li .title{padding: 0 2%;} #nY .cont .left .forum .list li .title p:first-child {margin-bottom: 8px;} #nY .cont .left .forum .list li .listPersonInfo{width: 100%;margin-top: 12px;} #nY .cont .left .forum .list li .listPersonInfo .listPersonInfoRight{white-space: nowrap;margin-right: 10px;} #nY .cont .left .forum .list li .listPersonInfo .listPersonInfoRight i{margin-left: 2%;} #nY .cont .left .forum .list li .listPersonInfo .listPersonInfoLeft{display: block;} } .title-top-box1 h3{ font-size: 24px; } /*论坛--论坛首页--文章显示模块详情--手机适配--巨田田2019-03-29end*/ #nY .cont .left .forum .list li .bot {float: left;width: 100%;padding-bottom: 10px;border-bottom: 1px solid #eee;} #nY .cont .left .forum .list li .bot .tag {float: left;padding: 3px 12px;background: #f2f2f2;border-radius: 12px;font-weight:500;margin-right: 30px;} #nY .cont .left .forum .list li .bot .browse {float: left;height: 25px;line-height: 25px;margin-right: 40px;} #nY .cont .left .forum .list li .bot .browse svg {float:left;width: 1.2em;margin-right: 4px;color: #9b9b9b;height: 25px;line-height: 25px;} #nY .cont .left .forum .list li .bot .browse span {float: left;height: 25px;line-height: 25px;color: #9b9b9b;} #nY .cont .left .forum .list li .bot .writer {float: left;height: 25px;line-height: 25px;color: #9b9b9b;position: relative;} #nY .cont .left .forum .list li .bot .writer:hover {color: #3377ff;} #nY .cont .left .forum .list li .bot .writer .introWrap {width: 240px;height: 160px;background: white;border-radius: 10px;position: absolute;top: -180px;left: -90px;box-shadow:0px 6px 20px 1px rgba(0,0,0,0.2);display: none;} #nY .cont .left .forum .list li .bot .writer .introWrap .top {float: left;width: 100%;height: 90px;border-top-left-radius: 10px;border-top-right-radius: 10px;overflow: hidden;position: relative;} #nY .cont .left .forum .list li .bot .writer .introWrap .top .bgPic {width: 100%;height: 100%;position: absolute;top: 0;} #nY .cont .left .forum .list li .bot .writer .introWrap .top .mask {width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;top: 0;z-index: 1;} #nY .cont .left .forum .list li .bot .writer .introWrap .top .txt {position: absolute;top: 0;z-index: 2;} #nY .cont .left .forum .list li .bot .writer .introWrap .top .txt .pic {width: 40px;height: 40px;border-radius: 50%;margin: 16px 100px 6px;overflow: hidden;} #nY .cont .left .forum .list li .bot .writer .introWrap .top .txt .name {text-align: center;color: white;} #nY .cont .left .forum .list li .bot .writer .introWrap .top .txt .name:hover {color: white;} #nY .cont .left .forum .list li .bot .writer .introWrap .bott {float: left;width: 100%;height: 70px;} #nY .cont .left .forum .list li .bot .writer .introWrap .bott .btn {width: 100px;height: 32px;line-height: 32px;margin: 20px 70px 0px;color: #3377ff;text-align: center;background: #fff;border-radius: 4px;font-weight: 500;border: 1px solid #3377ff;box-sizing: border-box;} #nY .cont .left .forum .list li .bot .writer .introWrap .bott .btn:hover {width: 100px;height: 32px;line-height: 32px;margin: 20px 70px 0px;color: white;text-align: center;background: #3377ff;border-radius: 4px;} #nY .cont .left .forum .list li .bot .time {float: right;height: 25px;line-height: 25px;color: #9b9b9b;} #nY .cont .left .forum .list .load {text-align: center;margin-top: 35px;margin-bottom: 30px;} #nY .cont .left .forum .list .load svg {margin-bottom: 3px;} #nY .cont .right {float: right;width: 300px;} #nY .cont .right .board {float: left;width: 100%;height: 57px;margin-bottom: 30px;display: none;} #nY .cont .right .hot-article {float: left;width: 100%; margin-bottom: 15px; background: #FFFFFF;padding: 20px} #nY .cont .right .hot-article li {float: left;width: 100%;height: 52px;} #nY .cont .right .hot-article li .num {float: left;width: 12px;height: 12px;line-height: 12px;text-align: center;margin-right: 8px;color: #fff;background: #999;font-size: 12px;position: relative;top: 9%;border-radius: 2px;} #nY .cont .right .hot-article li:nth-child(1) .num {background: #F01414;} #nY .cont .right .hot-article li:nth-child(2) .num {background: #FF6900;} #nY .cont .right .hot-article li:nth-child(3) .num {background: #FFB700;} #nY .cont .right .hot-article li p {float: left;width: calc(100% - 50px);font-size: 1.2rem; line-height: 20px;color: rgba(51,51,51,1);font-weight: 500;position: relative;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #nY .cont .right .hot-article li:hover p {color: #3377ff;} #nY .right .author {float: left;width: 100%; background: #FFFFFF;padding: 20px 20px 0px} #nY .right .author ul{margin-top: 19px; margin-left: -20px;margin-right: -20px;} #nY .right .author li {text-align: center; position: relative; width: 100%; padding: 10px 26px 10px 20px; } #nY .right .author li img{border-radius: 50%; width: 50px; float: left;height: 50px;} #nY .right .author li p{padding-left: 10px;margin: 0px 0px 6px 10px; width: calc(100% - 109px); text-align: left;color: #333333;font-size: 1.2rem;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;} #nY .right .author li .authorName{font-size:1.4rem;font-weight:500;color:rgba(51,51,51,1);} #nY .right .author li .authorContenttt{ font-size:1.2rem;font-weight:400;color:rgba(24,144,255,1);} #nY .right .author li button{padding: 4px 14px;border-radius: 5px;float: right;font-size: 1.2rem;position: absolute;top: 50%;transform: translate(0%,-50%);right: 20px;width: 66px;} #nY .right .author li .guanzhuyes{padding: 5px 14px;border:none; background: #1890FF; color: white;} #nY .right .author li .guanzhuno{border: 1px solid #1890FF;background: white;color: #1890FF;} #nY .right .author li .userPic {float: left;width: 40px;height: 40px;margin-right: 16px;border-radius: 50%;overflow: hidden;position: relative;top: 50%;transform: translateY(-50%);} #nY .right .author li .intro {float: left;position: relative;top: 50%;transform: translateY(-50%);} #nY .right .author li .intro .name {font-size: 13px;font-weight: 500;color: #333;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;width: 120px;} #nY .right .author li .intro p {color: #9b9b9b;} #nY .right .author li .intro .article {margin-right: 16px;} #nY .right .author li .Concern {float: right;width:60px;height:24px;line-height: 24px;color: #666;background: #eee;font-weight: 500;border-radius:12px;text-align: center;position: relative;top: 50%;transform: translateY(-50%);} #nY .right .author li .Concern:hover {color: #3377ff;background: #d6e4fe;} @media only screen and (max-width: 935px) and (min-width: 0px) { #nY .cont .right {display: none;} #nY .cont .left {width: 100%;} } @media only screen and (max-width: 640px) and (min-width: 0px) { #nY .cont .left .forum .sidebar-left {display: none;} #nY .cont .left .forum .list {width: 100%;border-radius: 0px; } #nY .sub-nav .search {width: calc(100% - 135px);margin-left: 12px;} #nY .cont {margin-top: 12px;} #nY .cont .left .banner {margin-bottom: 12px;} #nY .cont .left .forum .list li .bot .time {display: none;} #nY .cont .left .banner .bigPic {width: 100%;border-radius: 10px;} #nY .cont .left .banner .smallPic {display: none;} } #nY-editor .navTop {float: left;width: 100%;height: 68px;line-height: 68px;} #nY-editor .navTop .left {float: left;margin-left: 30px;} #nY-editor .navTop .left .myDraft {float: left;width: 108px;height: 36px;margin-top: 16px;line-height: 36px;font-size: 14px;border-radius: 18px;background: #D8D8D8;position: relative;} #nY-editor .navTop .left .myDraft .btn {cursor: pointer;} #nY-editor .navTop .left .myDraft .btn.cur svg, #nY-editor .navTop .left .myDraft .btn.cur span, #nY-editor .navTop .left .myDraft .btn.cur {color: #3377ff;background: #dce5f7;border-radius: 18px;} #nY-editor .navTop .left .myDraft .num {color: #fff;padding: 2px 6px;border-radius: 10px;background: red;line-height: 1;position: absolute;top: -8px;right: 0;} #nY-editor .navTop .left .myDraft svg {float: left;width: 1.2em;margin-left: 12px;color: #4a4a4a;margin-top: 9px;} #nY-editor .navTop .left .myDraft span {font-size: 14px;margin-left: 8px;color: #4a4a4a;} #nY-editor .navTop .left .text {float: left;margin-left: 20px;color: #9199A1;} #nY-editor .navTop .right {float: right;margin-right: 30px;} #nY-editor .navTop .right .publish {float: right;width: 108px;height: 36px;margin-top: 16px;line-height: 36px;font-size: 14px;border-radius: 18px;text-align: center;color: #fff;background: #37f;} #nY-editor .navTop .draftWrap {display: none; width: 380px;min-height: 220px;position: absolute;top: 60px;left: 0;background: white;padding: 10px 20px;box-sizing: border-box;border-radius: 10px;box-shadow:0px 6px 20px 1px rgba(0,0,0,0.2);} #nY-editor .navTop .draftWrap .TopSanJiao {position: absolute;border: 16px solid;border-color: transparent transparent #fff transparent;top: -30px;left: 30px;} #nY-editor .navTop .draftWrap .title {float: left;font-weight: 600;color: #4a4a4a;} #nY-editor .navTop .draftWrap .intro {font-size: 12px;color:rgba(155,155,155,1);float: right;} #nY-editor .navTop .draftWrap li {float: left;width: 100%;height: 54px;background: #f6f7f7;cursor: pointer;margin-bottom: 10px;border-radius: 4px;} #nY-editor .navTop .draftWrap li.cur {background: #dce5f7;} #nY-editor .navTop .draftWrap li.cur .right .title {color: #37f;} #nY-editor .navTop .draftWrap li.cur .close {display: block;} #nY-editor .navTop .draftWrap li .left {float: left;margin-left: 0;position: relative;top: 50%;transform: translateY(-50%);} #nY-editor .navTop .draftWrap li .left .icon {margin-top: -3px;margin-right: 10px;} #nY-editor .navTop .draftWrap li .right {float: left;width: 240px;position: relative;top: 50%;transform: translateY(-50%);} #nY-editor .navTop .draftWrap li .right .title {float: left;width: 100%;height:17px;font-size:14px;font-weight:600;color:rgba(74,74,74,1);line-height:17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #nY-editor .navTop .draftWrap li .right .time {float: left;width: 100%;height:17px;font-size:12px;font-weight:400;color:rgba(155,155,155,1);line-height:17px;} #nY-editor .navTop .draftWrap li .close {float: left;margin-top: 13px;display: none;} #nY-editor .navTop .draftWrap li .close svg {margin-left: 0;} #nY-editor .content {width: 800px;margin: 0 auto 70px;} #nY-editor .content .tag {float: left;width: 100%;margin-bottom: 10px;} #nY-editor .content .tag .title {font-size: 14px;color: #4a4a4a;margin-bottom: 10px;font-weight: 500;} #nY-editor .content .tag li {float: left;padding: 3px 13px;margin-right: 10px;font-size: 14px;color: #4a4a4a;border-radius: 4px;border: 1px solid #bbb;} #nY-editor .content .tag li.cur {color: #3377FF;border: 1px solid #3377FF;} #nY-editor .editor {float: left;width: 100%;padding: 30px;background: #fff;font-weight: 600;position: relative;} #nY-editor .editor .editorTitle{ border-left: 3px solid #1890FF; padding: 0px 10px; color: #222222; font-size: 1.8rem; margin-bottom: 25px; } #nY-editor .editor input { float: left; width: 83%; font-size: 14px; color: #222222; margin-bottom: 20px; background: rgba(255,255,255,1); border: 1px solid gray; padding: 5px 0 5px 20px; } #nY-editor .editor input:focus{ border-color: rgb(24,144,255); } #nY-editor .chooseListBtn{ float: right; padding: 7px; font-size: 1.4rem; color: #333333; background: rgba(244,244,244,1); border: 1px solid rgba(219,219,219,1); width: 16%; } #nY-editor .chooseListBtn i { color: #222222; } .chooseListModel{ width: 14.8%; background: #F4F4F4; /* float: right; */ display: flex; justify-content: center; font-size: 1.4rem; position: absolute; color: #333333; top: 119px; z-index: 100002; right: 30px; } .chooseListModel ul{ width: 100%; } .chooseListModel li{ padding: 5px 20px; width: 100%; text-align: center; } .chooseListModel li:hover{ background: #ECF6FD; } .editor .publishNow{ width: 86px; height: 28px; background: rgba(24,144,255,1); opacity: 1; border-radius: 5px; border: none; color: #FFFFFF; font-size: 1.4rem; margin-top: 10px; cursor: pointer; } #nY-editor .editor .edit {float: left;width: 100%;background: #f2f2f2;} #nY-editor .mask {width: 100%;height: 100%;background: rgba(0,0,0,0.4);display: none;position: fixed;top: 0;z-index: 1111;} #nY-editor .mask .modal {width: 280px;height: 130px;background: white;border-radius: 10px;padding: 30px;box-sizing: border-box;margin: 16% auto 0px;} #nY-editor .mask .modal p {font-size: 16px;font-weight: bold;color: #1c1f21;line-height: 24px;} #nY-editor .mask .modal .btn a {display: block;padding: 4px 14px;} @media only screen and (max-width: 640px) and (min-width: 0px) { #nY-editor .editor input { width: 69%; } #nY-editor .chooseListBtn { width: 29%; } .chooseListModel { width: 27.8%; right: 10px; top: 102px; } } @media only screen and (max-width: 860px) and (min-width: 0px) { #nY-editor .content {width: calc(100% - 60px);} } @media only screen and (max-width: 640px) and (min-width: 0px) { #nY-editor .content {width: 100%;} #nY-editor .navTop .left {margin-left: 10px;} #nY-editor .navTop .right {margin-right: 10px;} #nY-editor .navTop .draftWrap {width: 300px;} #nY-editor .navTop .draftWrap li .right {width: 180px;} #nY-editor .navTop .left .text {display: none;} #nY-editor .content .tag {padding: 0 10px;box-sizing: border-box;} #nY-editor .editor {padding: 20px 10px;} } /* 智汇论坛详情页 开始 */ #nY .forumDetail {margin-top: 30px;margin-bottom: 50px;position: relative;} #nY .forumDetail .left {float: left;width: 40px;box-sizing: border-box;margin-right: 30px;position: fixed;top: 200px;} #nY .forumDetail .left .zanBtn {width: 40px;height: 40px;line-height: 40px;background: #d6e4fe;border-radius: 50%;margin-bottom: 16px;} #nY .forumDetail .left .zanBtn i {color: #37f;font-size: 18px;text-align: center;margin: 0 11px;} #nY .forumDetail .left i {margin: 0 10px;font-size: 20px;text-align: center;} #nY .forumDetail .left .zanBtn:hover {background: #37f;} #nY .forumDetail .left .zanBtn:hover i {color: #fff;} #nY .forumDetail .left i:hover {color: #4a4a4a;} #nY .forumDetail .left text {display: inline-block;width: 100%;text-align: center;color: #9b9b9b;line-height: 1;} #nY .forumDetail .left .line {width: 30px;height: 1px;margin: 13px 5px;background: #9b9b9b;} #nY .forumDetail .left .wechatBtn, #nY .forumDetail .left .weiboBtn, #nY .forumDetail .left .qqBtn {margin-bottom: 2px;} #nY .forumDetail .center {float: left;width: calc(100% - 379px);margin-left: 64px;} #nY .forumDetail .center .cornerMark {border: 20px solid;border-color: #1890FF #1890FF transparent #1890FF;width: 40px;height: 73px;position: absolute;top: 0;right: 5.84%;} #nY .forumDetail .center .cornerMark span {font-size: 1.6rem;position: absolute;top: 5px;left: -16px;color: #fff;white-space: nowrap;} #nY .forumDetail .center .discuss {float: left;width: 100%;} #nY .forumDetail .center .mainCont {float: left;width: 100%;padding: 25px 30px 0px 30px;background: white;margin-right: 30px;overflow: hidden;position: relative;margin-bottom: 30px;} #nY .forumDetail .center .path {color: #9B9B9B;font-size: 14px;margin-bottom: 14px;} #nY .forumDetail .center .title { padding-right: 75px;font-weight:400;line-height:30px;color:rgba(34,34,34,1);opacity:1;float: left;width: 100%;font-size: 2.2rem;margin-bottom: 10px;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #nY .forumDetail .center .time {font-size: 12px;color: #9b9b9b;margin-bottom: 12px;} #nY .forumDetail .center .article {font-size: 14px;color: #333;} #nY .forumDetail .center .reprint {text-align: center;margin-bottom: 30px;} #nY .forumDetail .center .recommend {text-align: center;margin-bottom: 80px;margin-top: 80px;} #nY .forumDetail .center .recommend .pic { width: 84px;height: 84px;border-radius: 50%;margin: 0 auto ;cursor: pointer;background: #1890FF;} #nY .forumDetail .center .recommend .pic p{ line-height: 84px;font-size: 3.4rem;color: #FFFFFF;} #nY .forumDetail .center .recommend .pic:hover {background: #3377ff;} #nY .forumDetail .center .recommend .pic:hover .am-icon-thumbs-up {color: #fff;} #nY .forumDetail .center .recommend .pic .am-icon-thumbs-up {font-size: 30px;margin-top: 11px;} #nY .forumDetail .center .recommend .txt {margin-bottom: 40px;} #nY .forumDetail .center .line {width: 100%;height: 1px;background: #ccc;margin-bottom: 18px;} #nY .forumDetail .center .comment .pic {float: left;width: 50px;height: 50px;border-radius: 50%;margin-right: 20px;overflow: hidden;} #nY .forumDetail .center .comment .fl{width: calc(100% - 70px);} #nY .forumDetail .center .comment .fl textarea{ border: 1px solid #1890FF;} #nY .forumDetail .center .comment .fl p a{width:90px;height:33px;background:rgba(24,144,255,1);border-radius:5px;font-size:1.6rem;font-weight:500;line-height:33px;color:rgba(255,255,255,1);margin-top: 10px;} #nY .forumDetail .center .commentTitle{font-size: 1.4rem;border-left: 6px solid #1890FF;padding-left: 10px;color: #4D555D;font-weight: 600;float: left;margin: 70px 0 12px;} #nY .forumDetail .center .comment .bar {float: left;width: calc(100% - 60px);height: 48px;background:rgba(242,242,242,1);border: none;border-radius:10px;padding-left: 20px;} #nY .forumDetail .center .discuss .title {font-size: 16px;margin-bottom: 20px;} #nY .forumDetail .center .discuss .item {float: left;width: 100%;padding: 20px 0px;background: white;border-radius: 10px;overflow: hidden;position: relative;margin-bottom: 30px;} #nY .forumDetail .center .discuss .item .more {float: right;height: 20px;color: #37f;margin: 16px auto 0px;width: calc(100% - 68px);text-align: center;cursor: pointer;} #nY .forumDetail .center .discuss .item .leftPic {float: left;margin-right: 20px;display: flex;} /*评论区第一层回复*/ /*头像*/ #nY .forumDetail .center .discuss .item .leftPic .userPic { width: 52px; height: 52px;border-radius: 50%;overflow: hidden;} /*左侧*/ #nY .forumDetail .center .discuss .item .rightTxt {float: left; width: calc(100% - 75px);} #nY .forumDetail .center .discuss .item .rightTxt .name {display:inline;font-size:14px;font-weight:600;color:#222222;float: left} #nY .forumDetail .center .discuss .item .rightTxt .time {float: left;font-size: 1.4rem;color: #999999;padding-left: 15px;} /*点赞和回复*/ #nY .forumDetail .center .discuss .item .rightTxt .intro {float: right;color: #999999; font-size: 1.2rem;} #nY .forumDetail .center .discuss .item .rightTxt .zan {float: left;margin-right: 25px; cursor: pointer;} #nY .forumDetail .center .discuss .item .rightTxt .huifu {display:inline;cursor: pointer;} #nY .forumDetail .center .discuss .item .rightTxt .intro i{font-size: 1.4rem;padding-right: 4px;} /*评论区第一层回复end*/ /*评论区二层的回复*/ /*回复的大背景色*/ #nY .forumDetail .center .discuss .item .TotalOtherComment{background: #F4F4F4;position: relative;float: right;width: calc(100% - 70px);height: 100%;margin: 8px 0px 0px;} #nY .forumDetail .center .discuss .item .TotalOtherComment .fontHuifu{display:flex ;float: left;font-size: 1.4rem;padding: 0 10px;color: #333333;font-weight: 600;} #nY .forumDetail .center .discuss .item .OtherComment {padding: 14px 20px 15px 20px;float: right;width: 100%;height: 100%;position: relative;} #nY .forumDetail .center .discuss .item .TotalOtherComment .sanjiaoxing{border: 14px solid;border-color: transparent transparent #F4F4F4 transparent;width: 28px;height: 20px;position: absolute;top: -28px;left: 5.84%;} #nY .forumDetail .center .discuss .item .OtherComment .leftPic .userPic { width: 24px;height: 24px;border-radius: 50%;overflow: hidden;} #nY .forumDetail .center .discuss .item .OtherComment .leftPic {margin-right: 10px;} #nY .forumDetail .center .discuss .item .OtherComment .rightTxt{float: left; width: calc(100% - 39px);} #nY .forumDetail .center .discuss .item .OtherComment .rightTxt .name{display:inline;font-size:1.4rem;font-weight:600;color:#333333;float: left;} #nY .forumDetail .center .discuss .item .OtherComment .name .rightTxtTime{font-size:12px;font-weight:400;line-height:17px;color:rgba(153,153,153,1);} #nY .forumDetail .center .discuss .item .OtherComment .rightTxt p{font-size:14px;font-weight:400;line-height:20px;color:rgba(153,153,153,1);margin-top: 12px;margin-bottom: 27px;} /*评论区二层的回复*/ /*子评论框*/ #nY .forumDetail .center .discuss .item .sonCommentContent {width: calc(100% - 70px);background: #F4F4F4;} #nY .forumDetail .center .discuss .item .rightTxt .answer {float: left;width: 100%;font-size: 1.4rem;} #nY .forumDetail .center .discuss .item .rightTxt .top {float: left;width: 100%;} #nY .forumDetail .center .discuss .item .rightTxt .top .huifu {line-height: 32px;margin: 0 16px;} #nY .forumDetail .center .discuss .item .rightTxt .name .rightTxtTime{font-size:1.4rem;font-weight:400;line-height:20px;color:rgba(153,153,153,1);} #nY .forumDetail .center .discuss .item .rightTxt .comment {float: left;width: 100%; font-size:14px;font-weight:400;color:#333333;line-height:20px;} #nY .forumDetail .center .discuss .item .rightTxt .comment p:nth-child(1){width: calc(100% - 142px); text-align: justify; display: block;} #nY .forumDetail .center .discuss .item .rightTxt .comment p:nth-child(2){float: right;font-size: 1.2rem;color: #999999;} #nY .forumDetail .center .discuss .item .rightTxt .comment p:nth-child(2) span{padding-left: 2px;cursor: pointer;} #nY .forumDetail .center .discuss .item .rightTxt .comment p:nth-child(2) i{font-size: 1.4rem;padding-left: 25px;cursor: pointer;} #nY .forumDetail .center .discuss .item .rightTxt .comment p:nth-child(2) span:first-child i{padding-left: 0;} #nY .forumDetail .center .discuss .item .rightTxt textarea {width: 100%;height: 90px;border-radius: 10px;padding: 10px;box-sizing: border-box;border-color: #ccc;} #nY .forumDetail .center .discuss .item .rightTxt .btns {float: left;width: 100%;margin-top: 20px;cursor: pointer;} #nY .forumDetail .center .discuss .item .rightTxt .trueBtn {float: right;color: #fff;background: #3377ff;width: 72px;height: 30px;line-height: 30px;text-align: center;border-radius: 15px;} #nY .forumDetail .center .discuss .item .rightTxt .falseBtn {float: right;color: #9b9b9b;background: #f3f3f3;width: 72px;height: 30px;line-height: 30px;text-align: center;border-radius: 15px;margin-right: 20px;} #nY .forumDetail .right {float: right;width: 320px;} #nY .forumDetail .right .homepage {float: left;width: 320px;height: 100px;padding: 20px;box-sizing: border-box;background: white;border-radius: 10px;box-shadow:0px 6px 20px 1px rgba(0,0,0,0.2);margin-bottom: 30px;} #nY .forumDetail .right .homepage .userPic {float: left;width: 60px;height: 60px;border-radius: 50%;overflow: hidden;position: relative;margin-right: 20px;margin-left: 30px;} #nY .forumDetail .right .homepage .userPic img:first-child {width: 52px;height: 52px;border-radius: 50%;overflow: hidden;position: absolute;top: 4px;left: 4px;z-index: 10;} #nY .forumDetail .right .homepage .userPic img:last-child {filter: url(/addons/theme/stv1/_static/x30/res/css/blur.svg);/* FireFox, Chrome, Opera */filter: blur(10px);/* Chrome, Opera */filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);opacity: 0.5;} #nY .forumDetail .right .homepage .txt {position: relative;top: 50%;transform: translateY(-50%);} #nY .forumDetail .right .homepage .txt .name {font-size:16px;font-weight:600;color:rgba(51,51,51,1);overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} #nY .forumDetail .right .homepage .txt .article {font-size:12px;font-weight:400;color:rgba(74,74,74,1);} #nY .forumDetail .right .hot-article li:hover p {color: #3377ff;} .isPraiseDiv {background:#d6e4fe} .isPraiseI {color:#37f} #nY .forumDetail .left .isFavorite{color:#37f} #nY .forumDetail .right {float: right;width: 300px;} #nY .forumDetail .right .board {float: left;width: 100%;height: 57px;margin-bottom: 30px;display: none;} #nY .forumDetail .right .hot-article {float: left;width: 100%; margin-bottom: 15px; background: #FFFFFF;padding: 20px} #nY .forumDetail .right .hot-article li {float: left;width: 100%;height: 52px;} #nY .forumDetail .right .hot-article li .num {float: left;width: 12px;height: 12px;line-height: 12px;text-align: center;margin-right: 8px;color: #fff;background: #999;font-size: 12px;position: relative;top: 9%;border-radius: 2px;} #nY .forumDetail .right .hot-article li:nth-child(1) .num {background: #F01414;} #nY .forumDetail .right .hot-article li:nth-child(2) .num {background: #FF6900;} #nY .forumDetail .right .hot-article li:nth-child(3) .num {background: #FFB700;} #nY .forumDetail .right .hot-article li p {float: left;width: calc(100% - 50px);font-size: 1.2rem; line-height: 20px;color: rgba(51,51,51,1);font-weight: 500;position: relative;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #nY .forumDetail .right .hot-article li:hover p {color: #3377ff;} /*#nY .forumDetail .right .author {float: left;width: 100%; background: #FFFFFF;padding: 20px 20px 0px}*/ /*#nY .forumDetail .right .author ul{margin-top: 19px; margin-left: -20px;margin-right: -20px;}*/ /*#nY .forumDetail .right .author li {text-align: center; padding-bottom: 2rem;}*/ /*#nY .forumDetail .right .author li img{border-radius: 50%;padding: 0 1.5rem 0 1.5rem;}*/ /*#nY .forumDetail .right .author li p{color: #333333;font-size: 1.2rem;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}*/ /*#nY .forumDetail .right .author li .userPic {float: left;width: 40px;height: 40px;margin-right: 16px;border-radius: 50%;overflow: hidden;position: relative;top: 50%;transform: translateY(-50%);}*/ /*#nY .forumDetail .right .author li .intro {float: left;position: relative;top: 50%;transform: translateY(-50%);}*/ /*#nY .forumDetail .right .author li .intro .name {font-size: 13px;font-weight: 500;color: #333;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;width: 120px;}*/ /*#nY .forumDetail .right .author li .intro p {color: #9b9b9b;}*/ /*#nY .forumDetail .right .author li .intro .article {margin-right: 16px;}*/ /*#nY .forumDetail .right .author li .Concern {float: right;width:60px;height:24px;line-height: 24px;color: #666;background: #eee;font-weight: 500;border-radius:12px;text-align: center;position: relative;top: 50%;transform: translateY(-50%);}*/ /*#nY .forumDetail .right .author li .Concern:hover {color: #3377ff;background: #d6e4fe;}*/ #nY .forumDetail .listPersonInfo{width: 100% ;float: right;display: flex;font-size:1.2rem;color:rgba(153,153,153,1); margin-top: 40px; margin-bottom: 50px;} #nY .forumDetail .listPersonInfo img{width: 58px;height: 58px;border-radius: 50%;vertical-align: top;} #nY .forumDetail .listPersonInfo .listPersonInfoLeft{float: left;flex-grow: 1;} #nY .forumDetail .listPersonInfo .listPersonInfoLeft .listPersonInfoLeftIntroduce{ display: inline-block; height: 58px; margin-left: 15px; text-align: center; } #nY .forumDetail .listPersonInfo .listPersonInfoLeft .listPersonInfoLeftIntroduce p:nth-child(1){ font-size: 1.6rem; color: #222222; font-weight: 500; } #nY .forumDetail .listPersonInfo .listPersonInfoLeft .listPersonInfoLeftIntroduce p:nth-child(2){ margin-top: 10px; } #nY .forumDetail .listPersonInfo .listPersonInfoLeft .listPersonInfoLeftIntroduce button{ background: #1890FF; border: none; border-radius: 10px; font-size: 1.4rem; color: white; padding: 1px 11px; } #nY .forumDetail .listPersonInfo .listPersonInfoRight{float: right;} #nY .forumDetail .listPersonInfo .listPersonInfoRight i{margin-left: 30px;font-size: 1.2rem; line-height: 58px} #nY .forumDetail .listPersonInfo .listPersonInfoRight i:first-child{margin-left: 0px;} @media only screen and (max-width: 950px) and (min-width: 0px) { #nY .forumDetail .center {width: calc(100% - 140px);} #nY .forumDetail .right {display: none;} } @media only screen and (max-width: 640px) and (min-width: 0px) { #nY .forumDetail .left {display: none;} #nY .forumDetail .center {width: 100%;margin-left: 0;} #nY .forumDetail .center .mainCont {padding: 30px 15px;border-radius: 0;} #nY .forumDetail .center .path {margin-left: 20px;} #nY .forumDetail .center .time {margin-bottom: 16px;} #nY .forumDetail .center .discuss .item {padding: 20px 15px;border-radius: 0;} #nY .forumDetail .center .comment .pic, #nY .forumDetail .center .discuss .item .leftPic .userPic {width: 36px;height: 36px;} #nY .forumDetail .center .discuss .title {margin-left: 10px;} #nY .forumDetail .center .discuss .item .rightTxt .trueBtn, #nY .forumDetail .center .discuss .item .rightTxt .falseBtn {width: 66px;} #nY .forumDetail .center .discuss .item .OtherComment {width: 100%;} #nY .forumDetail .center .discuss .item .TotalOtherComment {width: 100%;} #nY .forumDetail {margin-top: 10px;margin-bottom: 20px;} #nY .forumDetail .center .comment .bar {width: calc(100% - 48px);height: 36px;} #nY .forumDetail .listPersonInfo { display: unset; } #nY .forumDetail .listPersonInfo .listPersonInfoRight { width: 100%; } #nY .forumDetail .center .title { -webkit-line-clamp: 3; } } /*  智汇论坛 09.09 结束 */ /* 个人中心 我的论坛 开始*/ uc-tab::-webkit-scrollbar{ display:none;} .uc-note-list dl {width: calc(100% + 20px);margin-left: -10px} .uc-note-list dl dd {float: left;width: calc(100%/3 - 20px);margin: 0px 10px;} @media only screen and (max-width: 768px) and (min-width: 0px) { .uc-note-list dl dd {float: left;width: calc(100%/2 - 20px);margin: 0px 10px;} } @media only screen and (max-width: 640px) and (min-width: 0px) { .uc-note-list dl dd {float: left;width: calc(100%/1 - 20px);margin: 0px 10px;} .uc-tab {white-space: nowrap;overflow-x: auto;} .uc-tab::-webkit-scrollbar{ display:none;} } .uc-note-list .homepage{float: left;width: 100%; height: 122px; padding: 20px 0 0 30px;margin-bottom: 30px;box-sizing: border-box;background: white;border-radius: 10px;box-shadow:0px 3px 7px rgba(0,0,0,0.03);} .uc-note-list .content .type span {color: #666;} .uc-note-list .content .title {font-size: 1.4rem;width: 100%;margin-top: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .uc-note-list .content {float: left;width: calc(100% - 60px);} .uc-note-list .userPic {float: left;width: 82px; height: 82px;margin-right: 20px;overflow: hidden;} .uc-note-list .userPic img{width: 100%; height: 100%;border-radius:50%;} .uc-note-list .homepage .name{font-size:1.6rem;font-weight:400;line-height:22px;color:rgba(0,0,0,1);} .uc-note-list .homepage .article{padding: 8px 0;font-size:12px;font-weight:400;line-height:17px;color:rgba(24,144,255,1);opacity:1;} .uc-note-list .homepage .guanzhu button{width:72px;height:28px;border:1px solid rgba(24,144,255,1);opacity:1;border-radius:5px;text-align: center;font-size:14px;background: white;font-weight:400;line-height:20px;color:rgba(24,144,255,1);} .uc-note-list .commentUserPic{float: left;width: 52px; height: 52px;margin-right: 10px;overflow: hidden;} .uc-note-list .commentUserPic img{width: 100%; height: 100%;border-radius:50%;} .uc-note-list .commentContent{ float: left; width: calc(100% - 200px);} .uc-note-list .time{float: right;font-size: 1.4rem;font-weight: 400;line-height: 20px;color: rgba(153,153,153,1);opacity: 1;margin-right: 10px;} .uc-note-list .commentContent .title{cursor: pointer;font-size:1.4rem;font-weight:400;line-height:20px;color:rgba(34,34,34,1);opacity:1;} .uc-note-list .commentContent .title a{color: #1890FF;} .uc-note-list .shoucangwen{ } .uc-note-list .commentContent .answer{font-size: 1.6rem;font-weight: 400;line-height: 22px;color: rgba(51,51,51,1);margin-top: 10px;} #ty-myCenter .content .article {width: 100%;background: #fff;box-shadow:0px 6px 20px 1px rgba(0,0,0,0.2);border-radius:10px;} #ty-myCenter .content .navTop {float: left;width: 100%;font-weight: 600;padding: 0 20px;} #ty-myCenter .content .quList {padding: 0 20px;width: 100%;} #ty-myCenter .content .quList li {border-bottom: 1px solid #bbb;padding: 20px 0;} #ty-myCenter .content .quList .userPic {float: left;width: 48px;height: 48px;margin-right: 12px;border-radius: 4px;overflow: hidden;} #ty-myCenter .content .quList .content {float: left;width: calc(100% - 60px);} #ty-myCenter .content .quList .content .type span {padding-right: 16px;color: #666;} #ty-myCenter .content .quList .content .title {font-size: 1.6rem;width: 100%;font-weight: 600;margin-top: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #ty-myCenter .content .quList .content .title:hover{color:#3377ff;} #ty-myCenter .content .quList .content .answer {font-size: 14px;margin-top: 16px;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #ty-myCenter .content .quList .content .answer p {font-size: 1.4rem;padding: 0px;line-height: 1.5;} #ty-myCenter .content .quList .content .answer div {font-weight: 600;} @media only screen and (max-width: 640px) and (min-width: 0px) { .uc-note-list .commentContent { width: calc(100% - 80px); } } /* 个人中心 我的论坛 结束*/ .forum .load { width: 100%; float: left; text-align: center; margin: 20px 0px; } .search-main .search-header { box-sizing: border-box; padding-top: 36px; width: 100%; } .search-main .search-header .search-form { background: #fff none repeat scroll 0 0; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1); height: 48px; margin: 0 auto; position: relative; width: 700px; } .search-main .search-header .search-form .search-form-ipt { color: #93999f; float: left; font-size: 16px; height: 48px; line-height: 48px; margin-left: 9px; width: 548px; border: 0 none; outline: 0 none; padding: 0px; } .search-main .search-header .search-form .search-form-btn { background: #f01414 none repeat scroll 0 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; color: #fff; cursor: pointer; float: left; font-size: 16px; height: 48px; line-height: 48px; width: 112px; outline: 0 none; border: 0 none; } #nY .sub-nav .logo { height: 60px; line-height: 60px; } #nY .sub-nav .logo img { width: auto; } .article-header.top-header {height: 40px;} .article-header .nav-main {width: 100%;height: 40px;color: #fff;} .article-header .nav-main .navbar-list {margin-left:0px;} .article-header .nav-main .navbar-list li{display: inline-block; position: relative; } .article-header .nav-main .navbar-list li a:hover { color: #fff; background-color: rgba(77,85,93,.4); } .article-header .nav-main .navbar-list li a {line-height: 38px;display: block; font-size: 12px;font-weight: 400; color: rgba(255,255,255,.6); text-align: center; padding: 0 17px; margin: 0 6px;cursor: pointer;} .article-header .nav-main .h-r-login li.nav-r-user>a {line-height: 40px;} .article-header .nav-main .h-r-login li.nav-r-user .dropdown-toggle img { width: 28px; height: 28px;} .article-header .nav-main .h-r-login .unLoginLi{margin-top:10px;} .article-header .nav-main .h-r-login .unLoginLi a { font-size: 12px;padding: 2px 10px; } /* 农业部论坛迁移到web论坛，添加的响应式样式 */ .article-header.top-header {height: 40px;} .article-header .nav-main {width: 100%;height: 40px;color: #fff;} .article-header .nav-main .navbar-list {margin-left: 0px;} .article-header .nav-main .navbar-list li {display: inline-block;position: relative;} .article-header .nav-main .navbar-list li a {line-height: 38px;display: block;font-size: 12px;font-weight: 400;color: rgba(255,255,255,.6);text-align: center;padding: 0 17px;margin: 0 6px;cursor: pointer;} .article-header .nav-main .h-r-login .unLoginLi {margin-top: 10px;} .article-header .nav-main .h-r-login .unLoginLi a {font-size: 12px;padding: 2px 10px;} #nY .sub-nav .logo {height: 60px;line-height: 60px;} #nY .sub-nav .logo img {width: auto;} @media only screen and (max-width: 850px) and (min-width: 0px) { #nY .sub-nav .logo {display: none;} #nY .sub-nav .search {float: left;margin: 12px 0px 12px 10px;} } @media only screen and (max-width: 768px) and (min-width: 0px) { .article-header.top-header {display: none;} #nY .sub-nav .btn {width: 100px;margin-right: 12px;} } /* hiker网站 课程页面.样式修改 10.31 */ .sort-nav dl svg {float: left;margin-right: 10px;} .sort-nav dl svg a {float: left;} .sort-nav dl dd {margin-right: 30px;margin-top: 10px;} .sort-nav dl dd.cur svg, .sort-nav dl dd.cur a, .sort-nav dl dd:hover svg, .sort-nav dl dd:hover a{color: #63a5f8;} .sort-nav dl dd a {float: left;color: #2d2d2d;line-height: normal;padding: 0;} .search_result {float: right;font-size: 1.4rem;color: #2d2d2d;} .search_result span {color: #63a5f8;} .webCourseList {min-height: 710px;max-width: calc(1150px + 2rem);margin-bottom: 50px;} .webCourseList li {padding: .8rem .9rem 1.5rem .9rem;} .webCourseList li .item {width: 100%;height: 100%;background: white;border: 1px solid #EDEDEE;border-radius: 8px;overflow: hidden;transition:All 0.3s ease-in-out;} .webCourseList li .item:hover {transform: translateY(-6px);box-shadow: 0 20px 20px -20px rgba(0, 36, 100, 0.3);} .webCourseList li .item .course_img {position: relative;} .webCourseList li .item .course_img img {max-width: 100%;} .webCourseList li .item .course_intro {float: left;padding:0.6rem 0.8rem;width: 100%;} .webCourseList li .item .course_intro .title{margin-bottom: 0.5rem;} .webCourseList li .item .course_intro .title .vip{width: 30px;line-height: 1.6rem;margin-right: 10px;text-align: center;color: #FF6C00;border: 1px solid #FF6C00;border-radius: 4px;position: absolute;} .webCourseList li .item .course_intro .title p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #2D2D2E;font-size: 1.4rem;height: 44px;} .webCourseList li .item .course_intro .info{} .webCourseList li .item .course_intro .info .price{display: inline-block;width: 60%;font-size: 1.6rem;color: #FF6C00;} .webCourseList li .item .course_intro .info .free{display: inline-block;width: 60%;font-size: 1.6rem;color: #1DB954;} .webCourseList li .item .course_intro .info .enroll{text-align: right;display: inline-block;width: 40%;color: #9D9D9E;line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* 1月7号 课程详情响应式 start */ .CourseInner { margin-left: auto; margin-right: auto; max-width: 1150px; padding: 20px 0; } /* html 把inner改成了 CourseInner ，删除zmzui 的 栅格系统 */ @media only screen and (max-width: 767px) and (min-width: 0px) { .webCourseList li .item .course_intro .info .enroll {line-height: 21px;} .webCourseList li .item .course_intro .title {margin-bottom: 0.6rem;} .webCourseList li .item .course_intro .title .vip{margin-top: 2px;} .webCourseList li .item .course_intro .title p {height: 37px;font-size: 1.6rem;} .webCourseList {min-height: auto;} .webCourseList li { float: left; width: 50%; } } @media (max-width: 1200px){ .CourseInner { padding: 20px 1rem; } } @media only screen and (max-width: 1599px) and (min-width: 1024px) { .webCourseList li { float: left; width: 25%; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .webCourseList li { float: left; width: calc(100% / 3); } } @media (min-width: 1600px) { .CourseInner { max-width: 1440px; } .big.webCourseList {max-width: calc(1440px + 2rem);} .big.webCourseList li { float: left; width: 20%; } } /* 1月7号 课程详情 end */ /* hiker网站 课程详情页.固定导航.样式修改 10.31 */ .c-title-box .js-tap li.current a {position: relative;color: #3377ff;background: white;} .c-title-box .js-tap li.current a::after {display: block;content: '';width: 20px;height: 3px;border-radius: 1.5px;background: #3377ff;position: absolute;bottom: 0px;left: calc(50% - 10px);} /* hiker网站 首页. 三个网站首页导航 10.31 */ .web_navSide ul {position: fixed;top: 120px;left: -2px;z-index: 1;} .web_navSide li {cursor: pointer; cursor: pointer; width: 34px; height: 86px; background: #3377ff; border-radius: 10px; margin: 4px 0px;} /*.web_navSide li:nth-child(1) {position: absolute;top: 0px;}*/ /*.web_navSide li:nth-child(2) {position: absolute;top: 74px;}*/ /*.web_navSide li:nth-child(3) {position: absolute;top: 148px;}*/ .web_navSide li span {font-size: 1.4rem; color: white; padding: 10px 0px; text-align: center; position: absolute; letter-spacing: 4px;} .web_navSide li img {width: 34px;height: 82px;} #newWeb .web_navSide li img {width: 34px;height: 82px;} @media only screen and (max-width: 768px) and (min-width: 0px) { .web_navSide li span { padding: 15px 4px;} .web_navSide li img {width: 27px;height: 78px;} #nY .sub-nav .search {width: 44%;} #nY .sub-nav .btn {width: 20%;border-radius: 6px;} #nY .sub-nav .btn:nth-child(3) {margin-right: 0;} } .maskBar {position: absolute;bottom: 5px;width: 100%;height: 22px;background: rgba(0,0,0,0.4);} .maskBar p {color: #fff;line-height: 22px;margin-left: 1rem;} /**/ /*2019-03-20对个人中心重新改版*/ .UserCenter_Sidebar { float: left; width: 240px; } .UserCenter_UserInfo { width: 100%; height: 265px; background: #FFFFFF; padding: 20px; position: relative; overflow: hidden; } .UserCenter_UserInfo_Pic { width: 82px; height: 82px; border-radius: 50%; margin: auto; position: relative; } .UserCenter_UserInfo_Pic img { display: block; width: 100%; height: 100%; border-radius: 50%; } .UserCenter_UserInfo_Name { font-size: 1.6rem; text-align: center; margin-top: 10px; height: 22px; font-weight:600; } .UserCenter_UserInfo_Name i { width: 0; position: relative; top: 50%; transform: translateY(-50%); cursor: pointer; } .UserCenter_UserInfo_Function { height: 22px; text-align: center; margin-top: 10px; } .UserCenter_BG_Circles { position: absolute; } .UserCenter_BG_Circles .circle1 { width: 160px; height: 80px; border-radius: 50%; box-shadow: 0px 0px 35px rgba(34,108,255,0.07) inset; position: absolute; left: -40px; top: 8px; } .UserCenter_BG_Circles .circle2 { width: 160px; height: 160px; border-radius: 50%; box-shadow: 0px 0px 105px rgba(34,195,255,0.2) inset; position: absolute; left: -124px; top: -52px; } .UserCenter_BG_Circles .circle3 { width: 200px; height: 100px; border-radius: 50%; box-shadow: 0px 0px 25px rgba(34,108,255,0.06) inset; position: absolute; left: 24px; } .UserCenter_UserInfo_Vip { display: inline-block; width: 48px; height: 22px; line-height: 22px; border-radius: 4px; background: #4a4a4a; text-align: center; color: #f6e8b6; margin: 0 10px; } .UserCenter_UserInfo_signIn{ display: inline-block; transform: translateY(-50%); cursor: pointer; background-color: #1890FF; color: white; padding: 6px 19px; font-size: 14px; border-radius: 5px; margin-top: 40px; } .UserCenter_UserInfo_Name_myStudyCoin{ width: calc(100% + 40px); margin-left: -20px; margin-top: 50px; display: flex; position: relative; } .UserCenter_UserInfo_Name_myStudyCoin li{ width: 50%; height: 100%; text-align: center; } .UserCenter_UserInfo_Name_myStudyCoin li p:first-of-type{ font-size: 1.4rem; color: #333333; line-height: 20px; } .UserCenter_UserInfo_Name_myStudyCoin li p:last-of-type{ color:#1890FF; font-size: 16px; font-weight: 500; margin-top: 9px; line-height: 22px; } .UserCenter_Sidebar_Nav { background: #FFFFFF; margin-top: 10px; } .UserCenter_Sidebar_Nav li { height: 60px; line-height: 60px; text-align: center; cursor: pointer; font-size: 1.4rem; } /*.UserCenter_Sidebar_Nav li.cur {*/ /*position: relative;*/ /*color: #3377ff;*/ /*background: rgba(51,119,255,0.1);*/ /*}*/ /*.UserCenter_Sidebar_Nav li:hover {*/ /*color: #3377ff;*/ /*}*/ /*.UserCenter_Sidebar_Nav li.cur::after {*/ /*content: '';*/ /*display: block;*/ /*width: 4px;*/ /*height: 60px;*/ /*background: #3377ff;*/ /*position: absolute;*/ /*top: 0;*/ /*}*/ .UserCenter_MainCont_Page { float: right; width: calc(100% - 260px); min-height: 820px; background: white; padding: 0px 40px 20px 40px; } .UserCenter_SubNav { width: 100%; padding: 0; border-bottom: 1px solid #f2f2f2; margin-bottom: 30px; } .UserCenter_SubNav li { float: left; margin: 15px; cursor: pointer; position: relative; font-size: 1.6rem; font-weight: 500; } .UserCenter_SubNav li a { display: block; height: 46px; padding: 15px; } .UserCenter_SubNav li.cur a { color: #1890FF; } .UserCenter_SubNav li.cur a::after { width: 100%; } .UserCenter_SubNav li:hover a { color: #1890FF; } .UserCenter_SubNav li a::after { display: block; content: ""; height: 1px; background: #1890FF; width: 0; transition: all linear 0.2s; margin-top: 6px; } .UserCenter_SubNav li:hover a::after { width: 100%; } @media only screen and (max-width: 1024px) and (min-width: 0px) { .UserCenter_MainCont_Page { width: 100%; } .UserCenter_Sidebar { display: none; } .UserCenter_SubNav { width: 100%; white-space: nowrap; overflow-x: auto; } .UserCenter_SubNav::-webkit-scrollbar { display:none;} .UserCenter_SubNav li { float: none; display:inline-block; } } /**/ /* 新添加的 */ .UserCenter_Sidebar_Nav i{ margin-right: 16px; } .UserCenter_Sidebar_Nav i:last-child { display: none; } @media only screen and (max-width: 768px) and (min-width: 0px) { .UserCenter_MainCont_Page { min-height: 650px; width: 100%; padding: 0px 15px 20px 15px; } } /* 修改旧样式 */ .UserCenter_Sidebar_Nav li.cur { position: relative; color: #63a5f8; background: rgba(99,165,245,0.1); } .UserCenter_Sidebar_Nav li:hover { color: #63a5f8; } .UserCenter_Sidebar_Nav li.cur::after { content: ''; display: block; width: 4px; height: 60px; background: #63a5f8; position: absolute; top: 0; } .UserCenter_Sidebar_Nav li.cur a { color: #63a5f8; } .UserCenter_Sidebar_Nav li a { color: #333333; } .UserCenter_Sidebar_Nav li a:hover { color: #63a5f8; } .UserCenter_SubNav { width: 100%; padding: 0; border-bottom: 1px solid #f2f2f2; margin-bottom: 30px; } .UserCenter_MainCont_Page { float: right; /*width: calc(100% - 260px);*/ min-height: 945px; background: white; padding: 0px 40px 20px 40px; } /**/ /**/ .js_float_tabCourse_Page_Price { width: 100%;float: left } .Course_Page_PriceOld { float: left;margin-top: 12px;margin-left: 16px;color: #9b9b9b; } .Course_Page_MemberCard { float: left;width:110px;height:24px;border-radius:4px;border:1px solid rgba(215,186,124,1);margin-top: 6px;margin-left: 16px; } .Course_Page_MemberCard img { float: left;height: 22px; margin-left: 8px; } .Course_Page_MemberCard span { display: inline-block;float: left;margin-top: 1px;margin-left: 6px;color: #D7BA7C; } .Course_Page_VIP { float: left;width: 100%;margin-bottom: 20px;color: white;font-size: 10px } .Course_Page_VIP_Card { float: left;width: 200px;height: 60px;background: #D3B576;border-radius: 4px;margin-right: 50px;padding: 8px;box-sizing: border-box;position: relative;margin-top: 10px; } .Course_Page_VIP_Card_Text { line-height: 1;margin-bottom: 6px } .Course_Page_VIP_JoinBtn { float: right;padding: 1px 12px;border: 1px solid white;position: absolute;bottom: 8px;right: 8px; } .Course_Page_VIP_Card img { position: absolute;top: 2px;right: 8px;height: 24px; } /**/ /**/ .UserCenter_MainCont_Page select, .UserCenter_MainCont_Page input { width: 150px; border: 1px solid #ededed; padding-left: 10px; } .UserCenter_MainCont_Page .formBorder { border: 1px solid #f9f9f9; float: left; padding: 10px; width: 100%; } .UserCenter_MainCont_Page label { color: #aaa; } .UserCenter_MainCont_Page label.name::before { display: block; content: '*'; color: #ff2e3e; float: left; margin-right: 3px; } .UserCenter_MainCont_Page input#domicile_place { width: 600px; } .UserCenter_MainCont_Page #sex input { width: 20px; } .User_forms100p { width: 100%; float: left; } .User_forms50p { width: 50%; float: left; padding: 8px 0px; } .User_forms55p { width: 57%; float: left; padding: 8px 0px; } .User_forms45p { width: 43%; float: left; padding: 8px 0px; } .User_forms60p { width: 60%; float: left; } .User_forms40p { width: 40%; float: left; text-align: right; padding-right: 10px; } .User_forms80p { width: 80%; float: left; } .User_forms20p { width: 20%; float: left; text-align: right; padding-right: 10px; } .User_forms45p input { background: #0099ff; color: #fff; width: 50px; height: 28px; border: none; border-radius: 4px; } @media only screen and (max-width: 768px) and (min-width: 0px) { .UserCenter_MainCont_Page { min-height: 650px; width: 100%; padding: 0px 15px 20px 15px; } .User_forms50p { width: 100%; float: left; } .User_forms20p, .User_forms40p { width: 40%; } .User_forms80p, .User_forms60p { width: 60%; } .UserCenter_MainCont_Page input#domicile_place { width: 150px; } .UserCenter_MainCont_Page .formBorder { padding: 0px; } } /**/ /**/ .top-header {background: #000;position: relative; z-index: 9;height:72px;} .Download_APP { position: relative; float: right; color: white; font-size: 14px; padding: 26px 24px 19px 0; } .Download_APP:hover .opacity-show { display: flex; } .Download_APP .opacity-show { display: none; position: absolute; top: 68px; left: -74px; color: #333; background: #fff; box-shadow: 0px 0px 15px rgba(153, 153, 153, 0.3); z-index: 10; border-radius: 4px; padding: 10px 15px; } .Download_APP .img-box img { display: flex; width: 100px; } .Download_APP .tip-box{ padding-left: 15px; } .Download_APP .tip-box .tit { margin-top: 10px; } .Download_APP .tip-box .txt { color: #888; } .Download_APP .tip-box .btna { display: inline-block; width: 80px; height: 24px; margin-top: 25px; line-height: 24px; color: #fff; background: #59bf6c; text-align: center; border-radius: 4px; } .clearFix::after { content: ''; display: block; clear: both; visibility:hidden; height: 0; line-height: 0; } .clearFix{zoom:1} .CoursePage { background: #f8fafc; z-index: 0; position: relative; } .CoursePage .inner { margin: 0 auto; max-width: 1200px; padding: 0; } .CoursePage .BannerInner { margin: 0 auto; max-width: 1200px; } .CoursePage_Banner { height: 330px; width: 100%; background-color: black; padding:10px 0px 20px; } .CoursePage_Banner_Img { position: relative; } .CoursePage_Banner_Img img { width: 110%; margin-left: -5%; margin-top: -2%; height: 120%; overflow: hidden; -webkit-filter: blur(60px); /* Chrome, Opera */ -moz-filter: blur(60px); -ms-filter: blur(60px); filter: blur(60px); } .CoursePage_Banner_Mask { width: 100%; height: 310px; /*background: rgba(0,0,0,0.4);*/ position: absolute; z-index: 1; background-color: black; } .CoursePage_Banner_Img { position: absolute; z-index: -1; overflow: hidden; height: 300px; width: 100%; } .CoursePage_Banner_Cont_Way { float: left; color: rgba(255,255,255,0.6); padding-top: 12px; font-size: 1.4rem; } .CoursePage_Banner_Cont_WayLeft { /*display: flex;*/ justify-content: space-between; align-items: center; height: 42px; /*margin-top: 10px;*/ } .CoursePage_Banner_Cont_Way a, .CoursePage_Banner_Cont_Way a:last-child:hover { color: rgba(255,255,255,0.6); } .CoursePage_Banner_Cont_Way a:hover { color: white; } .Collect_Share_Btns { display: flex; padding-top: 16px; float: right; } .Collect_Share_Btns_Text { float: right; color: #fff; font-size: 1.4rem; line-height: 18px; margin-left: 7px; } .Collect_Btn { color: white; margin-right: 16px; cursor: pointer; } .CoursePage_Banner_Cont .clearFix .Collect_Share_Btns .add-f-done { color: #F6524E; } .Share_Btn { color: #fff; font-size: 1.8rem; opacity: 1; /*float: right;*/ } #bdshare a{ padding: 0px; color: white; } .CoursePage_Banner_Cont_Title { width:90%; font-size:34px; font-weight:400; color:rgba(255,255,255,1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 30px; line-height: 1.5; } .CoursePage_Banner_Cont_Intro { color: white; font-size: 14px; font-weight: 600; margin-top: 10px; display: flex; } .New_Price { float: left; color:rgba(242,13,13,1); font-size:2.2rem; margin-right: 20px; height: 55px; line-height: 55px; } .Original_Price { line-height: 41px; float:left; } .Original_Price del { color: rgba(155,155,155,1); margin-right: 30px; height: 41px; display: flex; align-items: center; font-weight: 400; } .CoursePage_Banner_Cont_NumPeople { display: flex; align-items: center; color: #999999; /*font-weight: 600;*/ font-size: 1.4rem; /*margin: 0 20px;*/ } .CoursePage_Banner_Cont_BuyCourse { width: 100%; margin-top: 12px; display: flex; align-items: center; } .BuyCourse_Btn { float: left; width:200px; height:48px; line-height: 48px; font-size: 18px; font-weight: 600; text-align: center; color: white; background: #ff3333; border-radius:24px; margin-right: 50px; } .BuyCourse_Btn:hover { /*background:rgba(246,82,78,1);*/ box-shadow: 0px 0px 16px #888 inset; } .BuyCourse_Btn_768Show { float: left; width:100px; height:32px; line-height: 32px; font-size: 14px; font-weight: 600; text-align: center; color: white; background: #ff3333; border-radius:4px; margin-right: 30px; display: none; } .BuyCourse_Btn_768Show:hover { background:rgba(246,82,78,1); } .Expiration_Date { float: left; height:32px; padding: 0 20px; background:linear-gradient(90deg,rgba(64,35,183,0.7) 0%,rgba(44,117,199,0.7) 100%); border-radius:14px; border:1px solid rgba(56,41,124,1); } .CoursePage_Banner_Cont_MemberWrap { display: flex;align-items: center; } .CoursePage_Banner_Cont_Member { float: left; /*background:rgba(35,38,46,1);*/ border-radius:4px; /*margin-top: 12px;*/ } .CoursePage_Banner_Cont_Price { display: flex; align-items: center; } .CoursePage_Member { float: left; padding-left: 16px; font-size:14px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(217,186,135,1); line-height:32px; } a.CoursePage_Member:hover { background: #3a3a3a; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .CoursePage_Member strong { border-right: 2px solid #D9BA87; padding-right: 16px; padding-left: 10px; margin-right: 14px; } .CoursePage_Cont_sidebar-right { float: right; width: 320px; margin-bottom: 60px; } .CoursePage_subNav { width: 100%; height: 68px; background: white; box-shadow: 0 4px 8px 0 rgba(28,31,33,.1); z-index: 1; } .CoursePage_subNav_Price { float: right; line-height: 32px; padding: 10px 0; } .CoursePage_subNav ol { float: left; width: calc(100% - 320px); } .CoursePage_subNav li { float: left; width: 200px; line-height: 68px; text-align: center; font-size: 16px; color: #222222; font-weight: bold; cursor: pointer; } .CoursePage_subNav li.current { color: #0099ff; position: relative; } .CoursePage_subNav li.current::after { ddisplay: block; content: ''; width: 18px; height: 3px; border-radius: 1.5px; background: #0099ff; position: absolute; bottom: 12px; left: calc(50% - 9px); } .CoursePage_Cont-left { float: left; width: calc(100% - 320px - 30px); } .CoursePage_Intro { margin-bottom: 8px; padding: 24px 32px 32px; background: #fff; border:1px solid #EDEDEE; border-radius: 12px; margin-top: 10px; line-height: 28px; font-size: 14px; } .CoursePage_Intro_First { margin-bottom: 8px; padding: 24px 32px 32px; background: #fff; border:1px solid #EDEDEE; border-radius: 12px; line-height: 28px; font-size: 14px; margin-top: 36px } .CoursePage_Intro dl { margin-top: 20px; } .CoursePage_Intro dl a { display: inline-block; width: 100%; height: 48px; line-height: 48px; display: flex; } .CoursePage_Intro h4 { color: #1c1f21; font-size: 16px; font-weight: 700; line-height: 24px; } .CoursePage_Intro p.CoursePage_List_subTitle { font-size: 12px; color: #545c63; float: left; line-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; margin-right: 120px; } .CoursePage_Intro i.am-icon-video-camera,.CoursePage_Intro i.am-icon-music,.CoursePage_Intro i.am-icon-file-pdf-o { float: left; font-size: 16px; color: #9199a1; line-height: 48px; position: relative; top: 1px; margin-right: 4px; padding: 0 10px; } .CoursePage_Intro .CoursePage_Intro_Title { color: #1c1f21; } .CoursePage_Intro button { /*display: none;*/ } .CoursePage_Intro dd:hover i { color: #0099ff; } .CoursePage_Intro dd .fr { flex-grow: 1; } .CoursePage_Intro dd span { color: #707070; font-size: 12px; } .CoursePage_Intro dd:hover span { color: #0099ff; } .CoursePage_Intro dd button { float: right; color: #fff; background-color: #0099ff; border: none; font-size: 12px; padding: 4px 15px; border-radius: 12.5px; margin: 11.5px 10px; /*display: block;*/ } .CoursePage_Intro dd:hover a { background: rgba(51,119,225,.1); border-radius: 4px; } .CoursePage_Cont_sidebar-right {} .CoursePage_Cont_sidebar-right .right-info { background: transparent; margin-top: 18px; } .CoursePage_Cont_sidebar-right .right-info .i-box { background: transparent; } .CoursePage_Textarea { float: right; width: calc(100% - 64px); position: relative; } .Evaluation { width: 100%; padding: 4px 10px; border-radius: 4px; border-color: #9b9b9b; } .Evaluation_Num { position: absolute; right: 10px; bottom: 0; color: #9b9b9b; } .Evaluation_Num span { color: #9b9b9b; } .CoursePage_UserPic_sm, .CoursePage_UserPic { float: left; } .CoursePage_UserPic img { width: 48px; height: 48px; background: rgba(0,0,0,0.1); border-radius: 24px; } .CoursePage_Evaluate_Item_Intro { width: 100%;float: left; } .Evaluation_Btn { float: right; width: 80px; height: 32px; background: #0099ff; color: white; border-radius: 4px; } .CoursePage_Evaluate_Item { float: left; width: 100%; padding: 10px 0px; } .CoursePage_Evaluate_Item span, .CoursePage_Evaluate_Item a { color: #99a2aa; font-size: 12px; } .CoursePage_Evaluate_Info_left.cur a span, .CoursePage_Evaluate_Info_left.cur a { color: #0099ff; } .CoursePage_Evaluate_Item a:hover { color: #0099ff; } .CoursePage_Item_Intro { float:right;width: calc(100% - 64px);margin-top: 12px; } .CoursePage_Evaluate_Name { float: left; font-size: 12px; font-weight: 600; color: #6d757a; } .CoursePage_Evaluate_Info { float: right; font-size: 12px; color: #6d757a; } .CoursePage_Evaluate_Info_left { float: left; font-size: 12px; color: #6d757a; } .CoursePage_Evaluate_Text { float: left; width: 100%; line-height: 1.8; padding: 2px 0; font-size: 14px; } .CoursePage_Evaluate_Time { float: right; font-size: 12px; color: #6d757a; } .CoursePage_Comment_Title { border-bottom: 1px solid #ddd; padding: 10px 0; } .CoursePage_Comment_Title_Text { border-bottom: 1px solid #0099ff; color:#0099ff; font-size: 16px; font-weight: 600; padding: 12px 0; position: relative; } .CoursePage_Comment_Title_Text i { position: absolute; left: calc(50% - 5px); bottom: -14px; } .CoursePage_Cont_sidebar-right .course-img { width: 86px; float: left; margin-right: 12px; } .CoursePage_subNav_Comment { position: relative; } .CoursePage_subNav_Comment_Num { position: absolute; top: -15px; left: calc(50% + 22px); font-size: 10px; color: #9b9b9b; } .Other_Comment { float: left; width: 100%; background: #eee; padding: 2px 4px; line-height: 1.8; font-size: 14px; } .CoursePage_Banner_Cont_Ticket { float: left; color: white; display: flex; align-items: center; } .ert { width: 20px; margin-right: 10px; } .CoursePage_Banner_Cont_Date { float: left; color: white; display: flex; align-items: center; font-size: 14px; font-weight: 600; margin-left: 8px; } span.Other_Comment_Cont {color: #222} span.Other_Comment_Name {color: #0099ff;margin-right: 6px} .CoursePage_Evaluate_Info_left .zan { } /* 响应式 >= 1025px */ @media only screen and (min-width: 1025px) { } /* 响应式 <= 1200px */ @media only screen and (max-width: 1200px) { .CoursePage .BannerInner { padding: 0 12px; } .CoursePage_Comment_Title { padding: 10px 12px; } } /* 响应式 <= 1024 */ @media only screen and (max-width: 1024px){ .BuyCourse_Btn_768Show { display: block; } .BuyCourse_Btn { display: none; } .CoursePage_subNav ol { width: 100%; } .CoursePage_subNav li { width: calc(100% / 3); } .CoursePage_Cont-left { width: 100%; } .CoursePage_Cont_sidebar-right { width: 100%; } .CoursePage_Cont_sidebar-right .course-img { width: 100%; float: none; margin-right: 0px; } .CoursePage_Intro_First { margin-top: 20px } } /* 响应式 <= 768 */ @media only screen and (max-width: 767px) { .CoursePage_Intro { padding: 12px 12px 16px; border-radius: 0px; } .CoursePage_Intro_First { margin-top: 20px; padding: 12px 12px 16px; border-radius: 0px; } .CoursePage_Banner_Cont_Way { display: none; } .CoursePage_Banner_Cont_NumPeople { display: none; } .CoursePage_Member_Card { display: none; } .CoursePage_Intro p.CoursePage_List_subTitle { margin-right: 40px; } .CoursePage_Banner_Cont_Date { display: none; } } /* 响应式 <= 414 */ @media only screen and (max-width: 414px) { .CoursePage_Banner_Cont_WayLeft { display: none; } .CoursePage_Banner_Cont_MemberWrap { margin-top: 0px; } .CoursePage_Intro dd.cur button { display: none; } .CoursePage_Intro p.CoursePage_List_subTitle { margin-right: 12px; } .CoursePage_UserPic img { width: 32px; height: 32px; border-radius: 16px; } .CoursePage_Textarea { width: calc(100% - 48px); } .CoursePage_Evaluate_Item { padding: 0; } .CoursePage_UserPic_sm { display: none; } .CoursePage_Evaluate_Answer { width: calc(100% + 48px); margin-left: -32px; padding: 10px 0px; } .CoursePage_Banner_Cont_Title { width: 90%; font-size: 20px; margin-top: 12px; } .CoursePage_Banner_Cont_Ticket { display: none; } .CoursePage_Banner { height: 100%; } .CoursePage_Evaluate_Text { /*background: #eee;*/ padding: 2px 4px; margin-top: 2px; } .CoursePage_Comment_Wrap { padding: 10px 0px; } .CoursePage_Banner_Cont_BuyCourse { margin-top: 10px; } .CoursePage_Banner_Cont_Member { margin-top: 10px; display: none; } .CoursePage_Banner_Cont_Intro { margin-top: 4px; } .Collect_Share_Btns { padding-top: 6px; display: none; } .CoursePage_Intro_First { margin-top: 10px } .CoursePage_Item_Intro { width: calc(100% - 48px); } } @media only screen and (max-width: 413px) { .CoursePage_Banner_Cont_BuyCourse { float: none; } } /**/ /**/ .Sub_Menu_Right { position: absolute; left: 180px; background: white; padding: 20px; top: 0; width: 140px; display: none; border: 1px solid #EEEEEE; z-index: 9999; } .Sub_Menu_Right li span:hover { color: #2a75ed; } .tpl-left-nav-item { position: relative; width: 100%; float: left; } .Sub_Menu_Right li i { color: #2a75ed; float: right; font-size: 12px; margin-top: 3px; } .Sub_Menu_Right li span { color: #4A4A4A; font-size: 12px; } .tpl-left-nav-sub-menu li { width: 50%; float: left; padding: 6px 0; } .tpl-left-nav-sub-menu { padding-left:12px; width: 100%; /*display: block !important;*/ } .tpl-left-nav-sub-menu a { padding: 2px 3px; } .tpl-left-nav-sub-menu { display: block; } .tpl-left-nav-sub-menu li { display: none; } .tpl-left-nav-sub-menu li span { font-size: 12px; } .tpl-left-nav-sub-menu li.cur span { color: white; background: #2a75ed; padding: 2px; } /**/ .transaction-state_list { float: left; width: 100%; position: relative; margin: 20px 0px; } .transaction-state_list .nth-1 { width: 100%; height: 80px; background: rgba(42, 117, 237, 0.06); } .transaction-state_list .nth-2 { width: 100%; height: 80px; background: rgba(42, 117, 237, 0.04); } .transaction-state_list .nth-3 { width: 100%; height: 80px; background: rgba(42, 117, 237, 0.02); } .transaction-state_list_Pic { position: absolute; right: 0; top: 0; } .transaction-state_list_Pic img { height: 240px; } .transaction-state_list_item { float: left; height:80px; position: relative; min-width: 188px; padding: 16px 0 16px 40px; } .transaction-state_list_item .title { font-size: 13px; color: #666; } .transaction-state_list_item .num0-- { font-size: 13px; color: #333; } .transaction-state_list_item .am-icon-info-circle { font-size: 12px; color: #666; margin-left: 10px; position: relative; } .Intro_box { position: absolute; bottom: 70px; left: 6px; width: 400px; color: #4A4A4A; background: #fff; box-shadow: 0 4px 12px 2px rgba(28,31,33,.1); border-radius: 4px; padding: 6px 10px; font-size: 14px; z-index: 1; display: none; } .transaction-state_list_item .am-icon-info-circle .am-icon-caret-down { position: absolute; bottom: 25px; font-size: 20px; height: 20px; z-index: 2; color: white; display: none; } .transaction-state_list_Pic .text-1 { position: absolute; z-index: 3; top: 69px; left: 321px; font-size: 12px; } .transaction-state_list_Pic .text-2 { position: absolute; z-index: 3; top: 151px; left: 294px; font-size: 12px; } .transaction-state_list_Pic .text-3 { position: absolute; z-index: 3; top: 176px; left: 400px; font-size: 12px; } /**/ .WP_CourseGroup_PinDuoDuo_Price { height: 44px; margin: 20px 6px 0px; } .WP_CourseGroup_PinDuoDuo_BuyBtns{ margin-top: 20px; } .Group_Buying { float: left; font-size:24px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(246,82,78,1); line-height:33px; position: relative; top: 50%; transform: translateY(-50%); } .Group_Buying .Strong_998 { font-size: 44px; } .Count_Down_Price { float: left; font-size:14px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(217,186,135,1); width:183px; height:28px; line-height: 28px; background:rgba(51,51,51,1); border-radius:4px; text-align: center; margin-left: 16px; position: relative; top: 50%; transform: translateY(-50%); } .Transaction_Times { float: right; font-size:12px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(153,153,153,1); line-height:17px; position: relative; top: 50%; transform: translateY(-50%); } #pack-cont .banner .intro-wrap .cont-right a.WP_CourseGroup_BuyBtn { float: left; width: auto; height:36px; line-height: normal; padding: 6px 14px; background:rgba(246,82,78,1); border-radius:4px; display: inline; font-size:14px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(255,255,255,1); text-align: center; margin: 0 10px; } /* 弹窗 */ .pop-up_Windows { position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 10; display: none; } .WP_CourseGroup_PinDuoDuo_GroupList { position: fixed; z-index: 11; width: 520px; left: calc(50% - 260px); background: #fff; border-radius: 4px; height: auto; padding-bottom: 10px; top: 180px; display: none; } .WP_GroupList { max-height: 200px; overflow-x: scroll; } .WP_GroupList_Title { font-size: 14px; font-weight: 600; color: #4a4a4a; text-align: center; padding: 10px; border-bottom: 1px solid #9b9b9b; } li.WP_GroupList_Item { float: left; width: calc(100% - 16px); height: 50px; margin: 0 8px; border-bottom: 1px solid #ddd; } .WP_GroupList_UserPic { float: left; width: 36px; height: 36px; border-radius: 18px; margin-right: 6px; position: relative; top: 50%; transform: translateY(-50%); overflow: hidden; } .WP_GroupList_Name { float: left; width: calc(100% - 202px); font-size: 12px; position: relative; top: 50%; transform: translateY(-50%); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .WP_GroupList_Intro { float: right; position: relative; top: 50%; transform: translateY(-50%); margin-right: 6px; } .WP_GroupList_Btn { float: right; width:66px; height:30px; background:rgba(246,82,78,1); border-radius:4px; font-size:12px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(255,255,255,1); line-height:30px; text-align: center; position: relative; top: 50%; transform: translateY(-50%); } .WP_GroupList_PeopleNum { font-size:12px; font-family:PingFangSC-Regular; font-weight:400; color: #4a4a4a; } .WP_GroupList_Time { font-size:12px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(102,102,102,1); } .WP_GroupList_hint { float: left; width: 100%; text-align: center; color: #9b9b9b; padding: 10px 0; font-size: 12px; } .WP_GroupList_InitiatorBtn { display: block; width: calc(100% - 30px); height: 40px; line-height: 40px; color: white; background: rgba(246,82,78,1); border-radius: 4px; text-align: center; float: left; margin: 0 15px; font-size: 14px; } .WP_GroupList_CloseBtn { width: 36px; height: 36px; border-radius: 18px; background: rgba(216,216,216,1); position: absolute; top: -18px; right: -18px; } .WP_CourseGroup_PinDuoDuo_GroupDetail { position: fixed; z-index: 11; width: 520px; left: calc(50% - 260px); background: #fff; border-radius: 4px; height: auto; padding-bottom: 10px; top: 180px; display: none; } .WP_CourseGroup_List { float: left; margin: 0 calc((100% - 228px)/2); padding: 10px 0; } .WP_CourseGroup_UserPic:first-child { border: 2px solid #D9BA87; position: relative; } .WP_CourseGroup_UserPic:first-child::after { display: block; content: '拼主'; background: #333; color: #D9BA87; position: absolute; padding: 0px 10px; top: -6px; left: -12px; border-radius: 12px; border: 2px solid #D9BA87; } .WP_CourseGroup_List img { width: 100%; border-radius: 50%; } .WP_CourseGroup_UserPic { width: 56px; height: 56px; border-radius: 28px; float: left; margin: 10px; } .WP_CourseGroup_Intro { text-align: center; padding: 12px; font-size: 14px; } @media only screen and (max-width: 768px) { .WP_CourseGroup_PinDuoDuo_GroupList { width: calc(100% - 30px); margin: 0 15px; background: white; top: 100px; left: auto; } .WP_CourseGroup_PinDuoDuo_GroupDetail { width: calc(100% - 30px); margin: 0 15px; background: white; top: 100px; left: auto; } } @media only screen and (max-width: 413px) { .Count_Down_Price { float: right; } .Transaction_Times { display: none; } .Group_Buying .Strong_998 { font-size: 34px; } } /**/ /**/ #ty-myCenter .content .notice { width: 100%; height: 170px; margin-bottom: 20px; } #ty-myCenter .content .notice .teacher { float: left; width: 230px; height: 100%; background:rgba(255,255,255,1); box-shadow:0px 6px 20px 1px rgba(0,0,0,0.2); border-radius:10px; margin-right: 30px; padding: 20px; } #ty-myCenter .content .notice .new { float: left; width: calc(100% - 260px); height: 100%; background:rgba(255,255,255,1); box-shadow:0px 6px 20px 1px rgba(0,0,0,0.2); border-radius:10px; padding: 20px; } #ty-myCenter .content .notice .title { font-size: 16px; height: 16px; line-height: 16px; color: rgba(0,0,0,1); border-left: 2px solid #3377ff; padding-left: 10px; margin-bottom: 20px; } #ty-myCenter .content .notice .list { overflow: hidden; height: 90px; } #ty-myCenter .content .notice p { font-size:14px; color:rgba(51,51,51,1); line-height:20px; padding: 12px; } #ty-myCenter .content .notice .list li { float: left; width:300px; height:20px; line-height:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 4px 25px 4px 0px; padding: 0; border: none; } #ty-myCenter .content .notice .list li a { color:rgba(51,51,51,1); font-size:14px; } #ty-myCenter .content .notice .list li:before { display: inline-block; content: ''; width: 4px; height: 4px; background: #999; margin: 0 6px 4px 0px; } #ty-myCenter .content .article .item { width: 100%; height: 174px; border-radius: 10px; overflow: hidden; background: #fff; /*box-shadow:0px 6px 20px 1px rgba(0,0,0,0.2);*/ margin-top: 12px; } #ty-myCenter .content .article .item .left { float: left; width: 30%; height: 174px; background: #3FB0EE; padding: 20px; text-align: center; } #ty-myCenter .content .article .item .left .title { font-size:20px; font-weight:500; color:rgba(255,255,255,1); line-height:28px; margin-bottom: 25px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ty-myCenter .content .article .item .left .day { font-size:14px; color:rgba(255,255,255,1); line-height:20px; } #ty-myCenter .content .article .item .left .day span { font-size:24px; } #ty-myCenter .content .article .item .left .progress-bar { width: 100%; height: 4px; border-radius: 2px; background: #fff; position: relative; margin: 10px 0; } #ty-myCenter .content .article .item .left .progress-bar .green { width: 28%; height: 4px; background: #50E862; position: absolute; top: 0; left: 0; } #ty-myCenter .content .article .item .left .finish { font-size:14px; color:rgba(255,255,255,1); line-height:20px; } #ty-myCenter .content .article .item .right { padding: 20px; width: 70%; float: left; } #ty-myCenter .content .article .item .right .top { width: 100%; overflow: hidden; margin-bottom: 12px; } #ty-myCenter .content .article .item .right .text { float: left; width: 70%; } #ty-myCenter .content .article .item .right .btn { float: right; width:110px; height:36px; line-height: 36px; color: #fff; background:rgba(63,176,238,1); border-radius:4px; text-align: center; font-size:14px; font-weight:600; color:rgba(255,255,255,1); } #ty-myCenter .content .article .item .right .title { font-size:16px; color:rgba(51,51,51,1); line-height:22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ty-myCenter .content .article .item .right .teacher { font-size:12px; color:rgba(153,153,153,1); line-height:17px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ty-myCenter .content .article .item .right .intro { font-size:14px; color:#333; line-height:20px; margin-bottom: 20px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } #ty-myCenter .content .article .item .right .statistics .course { float: left; font-size:12px; color:#666; line-height:17px; } #ty-myCenter .content .article .item .right .statistics .course span{ color: #333; } #ty-myCenter .content .article .item .right .statistics .time { float: right; font-size:12px; color:rgba(153,153,153,1); line-height:17px; } /**/ #ty-myCenter .content .CourseTitle { width: 100%; overflow: hidden; background: #fff; border-radius: 10px; background:rgba(255,255,255,1); box-shadow:0px 6px 20px 1px rgba(0,0,0,0.2); padding: 20px; margin-bottom: 25px; } #ty-myCenter .content .CourseTitle .courseInfor { float: left; width: 100%; margin-bottom: 12px; } #ty-myCenter .content .CourseTitle .courseInfor .title { width: 70%; float: left; font-size:16px; color:rgba(51,51,51,1); line-height:22px; font-weight:600; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 20px; } #ty-myCenter .content .CourseTitle .courseInfor .intro { float: left; } #ty-myCenter .content .CourseTitle .courseInfor .btn { float: left; font-size:14px; color:rgba(92,184,92,1); line-height:20px; border-radius:4px; border:1px solid rgba(92,184,92,1); padding: 0 10px; font-weight:600; margin-right: 20px; } #ty-myCenter .content .CourseTitle .courseInfor .finish { float: left; font-size:16px; color:rgba(102,102,102,1); line-height:22px; } #ty-myCenter .content .CourseTitle .courseInfor .finish span { color: #3377ff; margin-right: 10px; } #ty-myCenter .content .CourseTitle .time { float: left; width: 100%; font-size:14px; color:rgba(102,102,102,1); line-height:20px; } #ty-myCenter .content .courseList { width: 100%; padding-top: 20px; } #ty-myCenter .content .courseList li { width: calc(100% - 50px); margin: 0 25px; } #ty-myCenter .content .courseList .type { float: left; font-size:14px; color:rgba(102,102,102,1); line-height:20px; padding-right: 36px; padding-left: 50px; position: relative; } #ty-myCenter .content .courseList .type::after { float: right; display: block; content: ''; width: 8px; height: 8px; background: #31A4FF; border-radius: 50%; position: absolute; top: 6px; right: -5px; z-index: 1; } #ty-myCenter .content .courseList .course { float: left; padding-left: 36px; border-left: 1px solid #31A4FF; padding-bottom: 50px; } #ty-myCenter .content .courseList .course .title { font-size:15px; font-weight:600; color:rgba(51,51,51,1); line-height:22px; position: relative; } #ty-myCenter .content .courseList .course .title::before { display: block; content: ''; width: 16px; height: 16px; background: #CBE9FF; border-radius: 50%; position: absolute; top: 2px; left: -44px; } #ty-myCenter .content .courseList li:first-child svg { margin-left: -44px; margin-top: -40px; width: 16px; color: #31A4FF; } #ty-myCenter .content .courseList li:first-child .course { margin-top: 20px; } #ty-myCenter .content .courseList li:first-child .type::after { display: none; } #ty-myCenter .content .courseList li:first-child .course .title::before { display: none; } #ty-myCenter .content .courseList li:last-child .course { padding-bottom: 10px; } #ty-myCenter .content .courseList li:last-child .type::after { background: #666; } #ty-myCenter .content .courseList li:last-child .course .title::before { background: #BBBBBB; } #ty-myCenter .content .courseList .course .intro { font-size:14px; color:rgba(102,102,102,1); line-height:20px; } #ty-myCenter .content .courseList .course .intro span { font-size: 12px; } #ty-myCenter .content .courseList .btn { float: right; width: 90px; height: 30px; line-height: 30px; margin-right: 50px; font-size:14px; font-weight: 600; color: #31A4FF; border: 1px solid #31A4FF; border-radius: 15px; text-align: center; display: table-cell; vertical-align: middle; } #ty-myCenter .content .courseList .succeed { color: #5CB85C; border-color: #5CB85C; } /**/ #ty-myCenter .content .quList { padding: 0 20px; width: 100%; } #ty-myCenter .content .quList li { border-bottom: 1px solid #bbb; padding: 20px 0; } #ty-myCenter .content .quList .userPic { float: left; width: 48px; height: 48px; margin-right: 12px; border-radius: 4px; overflow: hidden; } #ty-myCenter .content .quList .content { float: left; width: calc(100% - 60px); } #ty-myCenter .content .quList .content .type span { padding-right: 16px; color: #666; } #ty-myCenter .content .quList .content .title { font-size: 1.6rem; width: 100%; font-weight: 600; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ty-myCenter .content .quList .content .title:hover{ color:#3377ff; } #ty-myCenter .content .quList .content .answer { font-size: 14px; margin-top: 16px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } #ty-myCenter .content .quList .content .answer p { font-size: 1.4rem; padding: 0px; line-height: 1.5; } #ty-myCenter .content .quList .content .answer div { font-weight: 600; } /**/ #quIndex { width: 100%; margin: 30px auto; max-width: 1150px; } #quIndex .left { float: left; width: 846px; } #quIndex .left .banner { width: 100%; border-radius: 10px; overflow: hidden; margin-bottom: 16px; } #quIndex .left .banner img { width: 100%; height: 100%; background-size: cover; border-radius: 10px; } #quIndex .left .tab { width: 100%; } #quIndex .left .tab .control { background: white; text-align: center; } #quIndex .left .tab .control li { float: left; font-size:1.6rem; font-weight:600; line-height: 60px; color:#222222; /*margin-right: 30px;*/ cursor:pointer; /*padding: 0px 25px;*/ } #quIndex .left .tab .control li.cur { color: #1890FF; background: #ECF6FD; border-top: 4px solid #1890FF; } #quIndex .left .tab .control .concernBtn { float: right; margin-right: 20px; line-height: 60px; font-size:1.4rem; color:rgba(102,102,102,1); } #quIndex .left .tab .control .concernBtn span { display: block; float: left; } #quIndex .left .tab .control .animate { position: relative; height: 60px; width: 50px; float: left; margin-left: 10px; cursor: pointer; } #quIndex .left .tab .control .animate .circle { width: 20px; height: 20px; border: 3px solid #999; background: #f3f8ff; border-radius: 50%; box-sizing: border-box; position: absolute; top: 20px; left: 0; z-index: 1; cursor: pointer; } #quIndex .left .tab .control .animate .circleRi { border: 3px solid pink; } #quIndex .left .tab .control .animate .slider { width: 50px; height: 6px; border-radius: 3px; position: absolute; top: 27px; background: #D8D8D8; } #quIndex .left .tab .control .myQu { float: right; padding: 19px 30px; margin: 0; color: rgba(255,255,255,1); background: #1890FF; /* border-radius: 4px; */ font-size: 1.6rem; font-weight: 600; text-align: center; } #quIndex .left .tab .control ol { float: left; width: 30%; } #quIndex .left .tab .panel { float: left; width: 100%; min-height: 400px; margin-top: 12px; /*padding: 20px 0px 20px 30px;*/ /*background: rgba(255,255,255,1);*/ } #quIndex .left .tab .panel li { display: block; background: white; margin-bottom: 12px; } /*#quIndex .left .tab .panel li:first-child {*/ /* display: block;*/ /*}*/ /*写一个公共样式的吧，不依赖任何的父元素，因为在问答页面，就叫questionAndAnswerContent模块开头的独立木块巨田田20190330*/ .questionAndAnswerContent { float: left; width: 100%; padding: 30px 30px 20px 30px; cursor: pointer; background: white; margin-bottom: 10px; position: relative; } .questionAndAnswerContent .alreadySolve{ background: rgba(10,209,10,1); opacity: 1; border-radius: 50px 0px 0px 50px; position: absolute; right: 0; padding: 4px 13px; font-size: 1.4rem; font-weight: 500; line-height: 20px; color: rgba(255,255,255,1); } .questionAndAnswerContent .ContentTitle{ width: 100%; } .questionAndAnswerContent .ContentTitle p:first-child { width: calc(100% - 41px); font-size: 1.8rem; font-weight: 400; color: #222222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 15px; } .questionAndAnswerContent .ContentTitle p:nth-child(2) { font-size: 1.2rem; color: #999999; line-height: 20px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .questionAndAnswerContent .listPersonInfo { width: 100%; line-height: 24px; font-size: 1.2rem; color: rgba(153,153,153,1); margin-top: 27px; } .questionAndAnswerContent .listPersonInfo span{ margin-left: 10px; } .questionAndAnswerContent .listPersonInfo .iconFontCont span { margin-left: 2px; } .questionAndAnswerContent .listPersonInfo a{ line-height: 24px; font-size: 1.2rem; color: #999999; } .questionAndAnswerContent .listPersonInfo .listPersonInfoLeft { float: left; flex-grow: 1; } .questionAndAnswerContent .listPersonInfo .listPersonInfoLeft button{ border: 1px solid #1890FF; background: white; padding: 0px 3px; border-radius: 2px; margin: 0px 10px; } .questionAndAnswerContent .listPersonInfo .listPersonInfoLeft button a{ color: #1890FF; } .questionAndAnswerContent .listPersonInfo .listPersonInfoLeft .iconFontCont{ display: inline; } .questionAndAnswerContent .listPersonInfo .listPersonInfoLeft i{ font-size: 1.2rem; line-height: 24px; } .questionAndAnswerContent .listPersonInfo img { width: 24px; height: 24px; border-radius: 50%; margin-right: -4px; float: left; } .questionAndAnswerContent .listPersonInfo .listPersonInfoRight { float: right; } /*写一个公共样式的吧，不依赖任何的父元素，因为在问答页面，就叫questionAndAnswerContent模块开头的独立木块巨田田20190330*/ #quIndex .left .tab .panel li .item { padding: 20px 0; border-bottom: 1px solid #eee; } #quIndex .left .tab .panel li .item:last-child { border: none; } #quIndex .left .tab .panel .pic { float: left; margin-right: 20px; } #quIndex .left .tab .panel .pic img { border-radius: 4px; } #quIndex .left .tab .panel .cont { float: left; width: calc(100% - 68px); } #quIndex .left .tab .panel .cont .tag span { float: left; margin-right: 20px; color: #999; } #quIndex .left .tab .panel .cont .title { width: 100%; font-size: 1.4rem; font-weight: 600; color: #333; margin-top: 8px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } #quIndex .left .tab .panel .cont .title:hover { color: #3377FF; cursor: pointer; } #quIndex .left .tab .panel .cont .answer { margin-top: 16px; } #quIndex .left .tab .panel .cont .btn { font-size: 1.4rem; color: #666; border-radius:4px; border:1px solid rgba(151,151,151,1); padding: 3px 12px; text-align: center; float: left; margin-right: 20px; cursor: pointer; } #quIndex .left .tab .panel .cont .solve { background:rgba(126,211,33,0.5); color: #259B24; border: 1px solid #bfe894; } #quIndex .left .tab .panel .cont .answer span { line-height: 30px; color: #666; } #quIndex .right { float: right; width: 289px; } #quIndex .right .userIntro { width: 100%; height: 171px; /*border-radius: 10px;*/ background: #FFFFFF; padding: 20px; } #quIndex .right .userIntro .pic { float: left; width: 64px; height: 64px; border-radius: 50%; /*overflow: hidden;*/ margin-right: 20px; position: relative; } #quIndex .right .userIntro .pic .headPic{ width: 100%; height: 100%; } #quIndex .right .userIntro .pic .VIPMark{ position: absolute; left: 48px; bottom: 0px; width: 16px; height: 16px; } #quIndex .right .userIntro .intro { float: left; width: 160px; } #quIndex .right .userIntro .intro .name { font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /*height: 22px;*/ font-weight: 500; line-height: 62px; color: rgba(51,51,51,1); } #quIndex .right .userIntro .intro .introTitle{ height:17px; font-size:1.2rem; font-weight:400; line-height:17px; color:rgba(153,153,153,1); margin-top: 5px; } #quIndex .right .userIntro .intro .profession { margin-top: 4px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #quIndex .right .userIntro .attention { float: right; color: #3377ff; cursor: pointer; } #quIndex .right .userIntro .relation { float: left; width: 100%; margin-top: 20px; text-align: center; } #quIndex .right .userIntro .relation .relationTitle { height:17px; font-size: 1.2rem; font-weight:bold; line-height:17px; color:rgba(153,153,153,1); } #quIndex .right .userIntro .relation .relationNumber { height:20px; font-size:1.4rem; font-weight:500; line-height:20px; color:rgba(51,51,51,1); margin-top: 10px; } #quIndex .right .userIntro .relation span { float: left; font-size: 14px; color: #333; font-weight: 600; padding: 0 32px; cursor: pointer; } #quIndex .right .classify { margin-top: 15px; float: left; width: 100%; background: white; padding: 20px; } #quIndex .right .title { height: 22px; border-left: 6px solid #1890FF; padding-left: 10px; font-size: 1.6rem; font-weight: 500; color: rgba(34,34,34,1); opacity: 1; /*margin-bottom: 20px;*/ line-height: 22px; } #quIndex .right .classify .title a{ float: right; font-size: 1.2rem; font-weight: 400; line-height: 22px; color: rgba(24,144,255,1); } #quIndex .right .classify .title svg { float: right; margin-right: 16px; margin-top: 18px; cursor: pointer; } #quIndex .right .classify .btns { margin-top: 21px; margin-bottom: 50px; } #quIndex .right .classify .btns span { display: inline-block; padding: 5px 14px; color: #1890FF; border: none; border-radius: 20px; margin: 5px; cursor: pointer; background: #ECF6FD; font-size: 1.2rem; } #hotQu { width: 100%; float: left; margin-top: 30px; background: white; padding: 20px; } #hotQu .list .item { /*border-top: 1px solid #ddd;*/ margin-bottom: 30px; } #hotQu .list .item .cont { font-size:1.4rem; padding: 18px 0px 10px; font-weight: 500; line-height: 20px; color: rgba(51,51,51,1); } #hotQu .list .item .cont:hover { color: #3377ff; cursor: pointer; } #hotQu .list .item .intro { color: #999999; margin-bottom: 10px; } #hotQu .list .item .answer { float: right; line-height: 24px; } #hotQu .list .item .tag { /*float: right;*/ /*margin-right: 10px;*/ } #hotQu .list .item .tag img{ width: 24px; height: 24px; margin-right: 10px; border-radius: 50%; vertical-align: bottom; } #hotQu .list .item .tag span{ line-height: 24px; } #hotQu .list .item .tag .tagLeft{ float: left; } #hotQu .list .item .contAnswer{ font-size:1.4rem; font-weight:400; line-height:22px; color:rgba(51,51,51,1); /*text-align: justify;*/ } .questionAuthor { float: left; width: 100%; background: #FFFFFF; padding: 20px 20px 0px; margin-top: 14px; } .questionAuthor h4{ font-size: 1.6rem; color: #222222; font-weight: 600; height: 20px; line-height: 20px; border-left: 6px solid #1890FF; padding-left: 10px; } .questionAuthor ul { margin-top: 19px; margin-left: -20px; margin-right: -20px; } .questionAuthor li { text-align: center; position: relative; /* width: 100%; */ padding: 10px 26px 10px 20px; } .questionAuthor li img { border-radius: 50%; width: 50px; /* float: left; */ height: 50px; } .questionAuthor li p { text-align: center; color: #333333; font-size: 1.2rem; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .tan-Window { width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: fixed; top: 0; z-index: 9; display: none; } .tan-Window .contWrap { padding: 30px; width: 700px; position: absolute; top: 30%; left: 50%; margin-left: -350px; background: white; box-shadow:0px 6px 20px 1px rgba(0,0,0,0.2); border-radius:10px; } .tan-Window .contWrap .title { font-size: 18px; font-weight: 600; } .tan-Window .contWrap .tags { overflow-y: scroll; height: 204px; } .tan-Window .contWrap .tags li { float: left; width: 146px; margin-right: 12px; height: 36px; color: #333; background: #f2f2f2; margin-top: 15px; border-radius: 4px; cursor: pointer; } .tan-Window .contWrap .tags li .pic { width: 24px; height: 24px; margin: 6px 10px 6px 6px; float: left; } .tan-Window .contWrap .tags li .pic img { border-radius: 4px; } .tan-Window .contWrap .tags li .text { width: 106px; height: 36px; line-height: 36px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tan-Window .contWrap .tags li.cur { color: #3377ff; background: #d6e4ff; } .tan-Window .contWrap .sureBtn { float: right; width: 80px; height: 30px; line-height: 30px; margin-top: 30px; color: #fff; background: rgb(21,133,255); text-align: center; font-weight: 600; border-radius: 6px; } .tan-Window .close { position: absolute; top: 30px; right: 30px; } /**/ #publishQu { margin: 30px auto 80px; } #publishQu .left { float: left; width: calc(100% - 284px); background: white; padding: 30px; } #publishQu .left h4 { float: left; font-size: 1.8rem; font-weight: 600; color: #222222; line-height: 22px; margin-bottom: 20px; position: relative; border-left: 6px solid #1890FF; padding-left: 10px; } #publishQu .left input.question{ float: left; width: 100%; height:60px; box-sizing: border-box; background:rgba(255,255,255,1); /*box-shadow:0px 0px 20px 2px rgba(153,153,153,0.3);*/ border:1px solid rgba(151,151,151,1); margin-bottom: 20px; font-size:1.8rem; color:rgba(153,153,153,1); line-height:25px; padding-left: 20px; } #publishQu .left h4::before { display: block; content: '*'; color: red; font-size: 1.6rem; position: absolute; top: 63px; left: -26px; } #publishQu .left input.cur { border:1px solid rgb(21,133,255); /*box-shadow:0px 0px 20px 2px rgba(229,28,36,0.3);*/ } #publishQu .left .editor { float: left; width: 100%; margin-bottom: 30px; } #publishQu .left .tags { float: left; max-height: 33px; position: relative; z-index: 22222; margin-bottom: 28px; } #publishQu .left .tags ul li { display: inline-block; padding: 4px 15px; font-size: 14px; font-weight: 400; line-height: 20px; color: rgba(153,153,153,1); background: rgba(255,255,255,1); border: 1px solid rgba(153,153,153,1); border-radius: 50px; cursor: pointer; } #publishQu .left .tags li i{ margin-left: 0.5rem; } #publishQu .left .tags .tagsSelectFrame{ /*width: 108px;*/ /*height: 30px;*/ background: rgba(244,244,244,1); border: 1px solid rgba(219,219,219,1); opacity: 1; /*line-height: 30px;*/ text-align: center; font-size:1.4rem; font-weight:400; color:rgba(51,51,51,1); padding: 5px 20px; display: inline-block; cursor: pointer; } /*.tagsSelectFrame :hover .tagsChooseList {*/ /* display: block;*/ /*}*/ #publishQu .left .tags .tagsChooseList{ width: 639px; height: 319px; background: #FFFFFF; box-shadow: 0px 6px 10px rgba(0,0,0,0.16); display: none; } #publishQu .left .tags .tagsChooseList .left{ width: 108px; float: left; background:rgba(244,244,244,0.3); padding: 0; height: 100%; } #publishQu .left .tags .tagsChooseList .right{ width: calc(100% - 108px); height: calc(90% - 13px); padding: 13px; position: relative; background: white; } #publishQu .left .tags .tagsChooseList .makeSureBtn{ float: right; margin-right: 1rem; } #publishQu .left .tags .tagsChooseList .makeSureBtn button{ width:86px; height:28px; } #publishQu .left .tags .tagsChooseList .makeSureBtn .sure{ margin-left: 20px; background: rgba(24,144,255,1); opacity: 1; border-radius: 5px; font-size: 14px; font-weight: 400; line-height: 20px; color: rgba(255,255,255,1); border: none; } #publishQu .left .tags .tagsChooseList .makeSureBtn .cancel{ border: 1px solid rgba(112,112,112,1); opacity: 1; border-radius: 5px; font-size: 14px; font-weight: 400; line-height: 20px; color: rgba(153,153,153,1); background: white; } #publishQu .left .tags .tagsChooseList .right li.cur{ background: #1890FF; color: white; border: none; padding: 4px 20px; line-height: 20px; cursor:pointer } #publishQu .left .tags .tagsChooseList .right li{ background: white; color: #1890FF; border: 1px solid #1890FF; padding: 4px 20px; line-height: 20px; margin-right: 26px; margin-bottom: 16px; cursor:pointer } #publishQu .left .tags .tagsChooseList .left li{ background: none; color: #333333; border-radius: unset; border: none; text-align: center; line-height: 44px; padding: 0px; display: block; cursor:pointer } #publishQu .left .tags .tagsChooseList .left li.cur{ border-left: 4px solid #1890FF; background: #ECF6FD; } #publishQu .left .tags h6 { font-size:1.6rem; font-weight:600; color:rgba(51,51,51,1); line-height:22px; margin-bottom: 12px; position: relative; } #publishQu .left .tags .tagsSelectFrame::before { display: block; content: '*'; color: red; position: absolute; top: 8px; left: -21px; font-size: 1.6rem; font-weight: 600; } #publishQu .left .tags .list li { float: left; padding: 3px 12px; font-size:1.4rem; font-weight:500; color:rgba(102,102,102,1); line-height:20px; border-radius:4px; border:1px solid rgba(151,151,151,1); margin: 6px; } #publishQu .left .tags .list li.cur,#publishQu .left .tags .list li:hover{ color: #F01414; border:1px solid #F01414; } #publishQu .left .sendBtn { float: right; font-size: 16px; font-weight: 600; color: rgba(255,255,255,1); background: #1890FF; padding: 4px 15px; border-radius: 5px; } #publishQu .right { float: right; width: 264px; /*margin-top: 48px*/ } #publishQu .right h5 svg { float: left; } #publishQu .right h5 span { float: left; font-size: 2rem; color: rgba(51,51,51,1); line-height: 28px; display: inline-block; margin-top: 9px; margin-left: 10px; } #publishQu .right .suggest { float: left; /*margin-top: 24px;*/ } #publishQu .right .suggest li { font-size:1.4rem; font-weight:400; color:#333; line-height:28px; margin-bottom: 10px; } #publishQu .right .suggest li.title { font-weight: 600; color: #333; margin-top: 24px; } /**/ #myQu { margin: 30px auto 80px; } #myQu .left{ float: left; width: 830px; padding: 20px 32px; background:rgba(255,255,255,1); box-shadow:0px 6px 20px 1px rgba(0,0,0,0.2); border-radius:10px; } #myQu .left .topQu { width: 100%; font-size:2rem; font-weight:600; color:rgba(51,51,51,1); margin-bottom: 10px; } #myQu .left .intro { margin-bottom: 20px; } #myQu .left .intro .pic { float: left; width:32px; height:32px; overflow: hidden; } #myQu .left .intro .pic img { width:32px; height:32px; border-radius: 50%; } #myQu .left .name { float: left; font-size: 1.6rem; line-height: 32px; width: 32%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666 } #myQu .left .intro .qita { float: right; font-size:1.4rem; color:rgba(153,153,153,1); height: 32px; line-height: 32px; } #myQu .left .intro .qita span { margin-left: 20px; } #myQu .left .content { width: 100%; float: left; font-size:1.6rem; color:#545C63; margin-bottom: 20px; } #myQu .left .bottom { float: left; width: 100%; margin-bottom: 30px; } #myQu .left .bottom .tags { float: left; margin-top: 16px; } #myQu .left .bottom .tags li { float: left; padding: 3px 12px; border: 1px solid #999; border-radius: 4px; margin-right: 10px; } #myQu .left .bottom .transmit { float: right; margin-top: 16px; } #myQu .left .bottom .transmit li { float: left; padding: 0 20px; } #myQu .left .bottom .transmit li:last-child { float:right; border-left: 1px solid #999; } #myQu .left .bottom .transmit li svg { width: 1.6em; color: #999; } #myQu .left .bottom .transmit li:hover svg { color: #666; } #myQu .left .addQu { float: left; width: 100%; background: #F3F5F7; border-radius: 10px; padding: 20px; } #myQu .left .addQu .title { font-size:1.6rem; font-weight:600; color:rgba(51,51,51,1); line-height:22px; margin-bottom: 20px; } #myQu .left .addQu .ed { float: left; width: 100%; } #myQu .left .pic { float: left; width: 48px; height: 48px; border-radius: 50%; margin-right: 20px; overflow: hidden; } #myQu .left .bianjiqi { float: right; width: calc(100% - 68px); } #myQu .left .addQu .ed .cont { float: right; width: calc(100% - 68px); height: 200px; border: 1px solid #333; } #myQu .left .answerBtn { float: right; padding: 5px 28px; background: red; border-radius: 4px; color: #fff; font-weight: 600; margin-top: 20px; font-size: 1.4rem; } #myQu .left .answer { float: left; width: 100%; margin-top: 20px; } #myQu .left .answer .title { float: left; width: 100%; padding: 20px 0px; font-size: 16px; font-weight: 600; color: rgba(51,51,51,1); } #myQu .left .answer .cont { } #myQu .left .answer .cont li{ float: left; width: 100%; border-top: 1px solid rgba(56,61,66,.1); padding-top: 20px; position: relative; } #myQu .left .answer .cont .art{ float: left; width: calc(100% - 68px); } #myQu .left .answer .cont .user{ font-size:1.4rem; color:#07111B; } #myQu .left .answer .cont .artTitle{ color:#1C1F21; margin-bottom: 10px; margin-top: 8px; font-weight: 600; } #myQu .oneReplyClass{ overflow: hidden; margin-bottom: 24px; } #myQu .reply-opt-bar{ width: 100%; line-height:24px; } #myQu .reply-opt-bar a{ color: #9199A1; margin-right: 24px; } #myQu .reply-opt-bar .time{ float: right; height: 24px; line-height: 24px; font-size: 1.2rem; color: #9199A1; text-align: center; margin-right: 10px; } #myQu .left .answer .cont .intro { float: left; width: 100%; } #myQu .left .answer .cont .reply-opt-bar .zan { float: left; width:60px; height:24px; line-height: 24px; border-radius:18px; border:1px solid rgba(151,151,151,1); text-align: center; margin-right: 20px; cursor: pointer; } #myQu .left .answer .cont .intro .praiesCur { background: #eee; } #myQu .left .answer .cont .intro .zan span { font-size:1.2rem; font-weight:600; color:rgba(102,102,102,1); line-height:17px; } #myQu .left .answer .cont .reply-opt-bar .accept { float: left; color: #1FAD4E; margin-right:24px; cursor: pointer; } #myQu .left .answer .cont .intro .accept:hover { background:rgba(92,184,92,1); border:1px solid rgba(92,184,92,1); color:rgba(255,255,255,1); } #myQu .left .answer .cont .intro .reply-opt{ color: #9199A1; margin-right: 24px; line-height: 24px; } #myQu .left .answer .cont .intro .reply { float: left; height: 30px; line-height: 30px; font-size:1.4rem; font-weight:600; color:rgba(102,102,102,1); text-align: center; } #myQu .left .answer .downstair { float: left; width: 100%; border-radius:10px; padding: 20px 0 0 68px; } #myQu .left .answer .downstair .pic img { width: 100%; height: 100%; } #myQu .left .answer .downstair .cont { } #myQu .left .answer .downstair .cont .intro .tiwen { float: left; padding: 0px 10px; font-size:1.4rem; font-weight:600; color:rgba(49,164,255,1); background:rgba(203,233,255,1); border-radius:4px; border:1px solid rgba(203,233,255,1); margin-right: 10px; } #myQu .left .answer .downstair .cont .text { float: left; width: 100%; margin-bottom: 16px; font-size:1.4rem; font-weight:600; color:rgba(51,51,51,1); } #myQu .left .answer .downstair .cont .dafu { margin: 0 8px; font-size: 14px; color: #9199A1; } #myQu .left textarea { float: left; width: calc(100% - 68px); padding-left: 10px; color: #999; font-size: 1.4rem; font-weight: 600; } #myQu .left .answer .caina { position: absolute; top: 0; right: 0px; border: 24px solid; border-color: #5CB85C #5CB85C transparent transparent; } #myQu .left .answer .caina span { width: 39px; color: #fff; position: absolute; top: -15px; right: -28px; transform: rotate(45deg); } #myQu .right{ float: right; width: 320px; } #myQu .right .quBtn { width: 100%; height: 60px; line-height: 60px; color: #fff; background: #F01414; font-size:18px; font-weight:600; text-align: center; border-radius: 4px; } /* 天猿 - 响应式 */ @media only screen and (max-width: 1200px) and (min-width: 0px) { #ty-myCenter .content { width: calc(100% - 250px); } #myQu .left, #quIndex .left, #publishQu .left { width: calc(100% - 370px); } #publishQu .left .tags .tagsChooseList { width: 100%; } } @media only screen and (max-width: 1200px) and (min-width: 640px){ #myQu .left, #quIndex .left, #publishQu .left { width: calc(100% - 300px); min-width: 500px; } #publishQu .left .tags .tagsChooseList .left{ min-width: unset; } #publishQu .right { float: left; margin-left: 15px; } #publishQu .left .tags .tagsChooseList .right { float: right; margin-left: 0; } } @media only screen and (max-width: 640px) and (min-width: 0px){ #publishQu .left .tags .tagsChooseList .right .makeSureBtn button { width: 70px; } #publishQu .left .tags .tagsChooseList .right .makeSureBtn .sure { margin-left: 4px; } #publishQu .left .tags .tagsChooseList .right { /*height: auto;*/ /*min-height: 100%;*/ width: 73%; } #publishQu .left .tags .tagsChooseList .right li { margin-right: 4px; } #publishQu .left .tags .tagsChooseList .right li:last-child{ margin-bottom: 43px; } /*#publishQu .left .tags .tagsChooseList {*/ /* height: auto;*/ /*}*/ #publishQu .left .tags .tagsChooseList .left { width: 27%; } #publishQu .left .tags .tagsChooseList .left { background: rgba(244,244,244); } } @media only screen and (max-width: 1024px) and (min-width: 0px) { #ty-myCenter .sideber { display: none; } #ty-myCenter .content { width: 100%; padding: 0 25px; } #quIndex .left { width: 100%; } #quIndex .right { width: 100%; margin-bottom: 50px; padding: 20px; } #quIndex .right .userIntro { display: none; } #myQu .left { width: 100%; } #myQu .right { display: none; } } @media only screen and (max-width: 640px) and (min-width: 0px) { #ty-myCenter .content .notice .new, #ty-myCenter .content .notice .teacher { width: 100%; margin-bottom: 20px; } #ty-myCenter .content { padding: 0px; margin-bottom: 50px; } #ty-myCenter .content .notice .list li { width: 260px; } #ty-myCenter .content .article .item .left .title { display: none; } #ty-myCenter .content .article .item .left { display: none; } #ty-myCenter .content .article .item .right { width: 100%; } #ty-myCenter .content .article .item .right .btn { width: 72px; } #ty-myCenter .content .article .item .right .statistics .course { display: none; } #ty-myCenter .content .courseList .type { padding-right: 16px; padding-left: 6px; } #ty-myCenter .content .courseList .course { width: 150px; padding-left: 16px; } #ty-myCenter .content .courseList .course .title::before { left: -24px; } #ty-myCenter .content .courseList .btn { width: 68px; margin-right: 6px; height: 24px; line-height: 24px; border-radius: 4px; } #ty-myCenter .content .courseList li { width: calc(100% - 20px); margin: 0 10px; } #ty-myCenter .content .courseList li:first-child svg { margin-left: -24px; } .uc-tab { white-space: nowrap; overflow-x: scroll; } #ty-myCenter .content .list li { padding: 0 10px; } #ty-myCenter .content .article, #ty-myCenter .content .CourseTitle, #ty-myCenter .content .article .item .right, #ty-myCenter .content .notice .teacher, #ty-myCenter .content .notice .new { border-radius: 0px; padding: 20px 10px 50px; margin-bottom: 10px; } #ty-myCenter .content .article .item { border-radius: 0px; } #ty-myCenter { padding-top: 0px; } #ty-myCenter .content .navTop { padding: 0 10px; } #ty-myCenter .content .quList { padding: 10px; } #quIndex { margin-top: 0; margin-bottom: 0; } #quIndex .right { padding: 0px; } #quIndex .left .tab .control .concernBtn { float: left; } #quIndex .left .banner { display: none; } .tan-Window .contWrap { width: 100%; position: absolute; top: 10%; left: 0; margin-left: 0px; } #quIndex .left .tab .panel { padding: 1rem; border-radius: 0px; } #quIndex .left .tab .control { float: left; width: 100%; background: #fff; box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.1); z-index: 111; padding: 0 1rem; } #quIndex .left .tab .active { position: fixed; top: 0; } #quIndex .left .tab .panel, #quIndex .right .classify, #hotQu { margin-top: 12px; } #hotQu, #quIndex .left .tab .panel, #quIndex .right .classify { background: #fff; padding: 1rem; box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.1); } #quIndex .left .tab .control ol { width: 100%; } #publishQu .left { width: 100%; padding: 0 12px; } #publishQu .right { width: 100%; padding: 0 12px; } #myQu .left { width: 100%; border-radius: 0px; padding: 1rem; } #myQu .left .pic { width: 32px; height: 32px; margin-right: 4px; } #myQu .left .pic img { width: 100%; height: 100%; } #myQu .left textarea, #myQu .left .answer .downstair .cont, #myQu .left .addQu .ed .cont, #myQu .left .answer .cont .art { width: calc(100% - 42px); } #myQu .left .answer .downstair { width: calc(100% - 34px); padding: 10px; } #myQu .left .intro .qita span { margin-left: 10px; } #myQu .left .addQu { padding: 10px; } #myQu { margin: 0px auto 50px; } #myQu .left .bianjiqi { float: right; width: calc(100% - 44px); } } #moreDiv { cursor: pointer; font-size: 1.2rem; color: #1FAD4E; line-height: 22px; text-align: center; width: 100%; background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(70%,#fff)); background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0,#fff 70%); } .add-f-done{color: #63a5f8;} .RichScan{ width: 240px; height: 240px; border: 1px solid #ddd; text-align: center; margin: 0 auto; } .RichScan img { width: 240px; height: 240px; padding: 4px; } .RichScanText { font-size: 14px; margin-top: 16px; text-align: center; font-weight: 600; } /*课程详情改版*/ .CoursePage .BannerInner{ width: 100%; margin: 0px auto; max-width: 1200px; border: 1px solid transparent; } .CoursePage_Banner_Cont_Title{ font-size: 2.2rem; white-space:normal; margin-top: 16px; margin-bottom: 16px; line-height: 36px; height: 72px; } .CoursePage_Banner_Cont_Ticket text{ color: #DFC69B; } .CoursePage_subNav_Comment_Num{ border-radius: 8px; background-color:#FF5B42; color: white; font-size: 1.1rem; line-height: 16px; top: 17px; left: calc(50% + 35px); padding: 0px 5px; min-width: 26px; font-weight: 400; } #bdshare .bgSet{ width: 22px; height: 22px; line-height: 22px; margin-left: 16px; padding-left: 4.2px; border-radius: 50%; font-size: 1.3rem; } #bdshare .bds_weixin{ background: #3eb135; } #bdshare .bds_qzone{ background: #1e9cf0; } #bdshare .bds_tsina{ background: #f72408; } #bdshare .shareFont{ float: left; font-size: 1.4rem; line-height: 22px; } .Share_Btn{ /*width: 27%;*/ margin-top: 17px; float: right; } /*图片的设置*/ .CoursePage_Banner_ContImg{ width: 39%; /*height: 310px;*/ vertical-align: top; margin-top: -1px; } .CoursePage_Banner_Cont_WayTotalLeft{ /*border: 2px solid red;*/ width: 57%; height: auto; display: inline-block; padding-left: 3%; } .CoursePage_Banner_Cont_button{ margin-bottom: 18px; } .BuyCourse_Btn_768Show{ background-color: #FF4242; } .CoursePage_Banner_Cont_button button{ width: 112px; height: 34px; font-size: 1.6rem; text-align: center; border-radius: 5px; border: none; line-height: 32px; margin-right: 16px; margin-top: 10px; } .vipSee{ background-color: #DFC69B; color: #FFFFFF; } .buyCourse { background-color: #FF4242; color: #FFFFFF; } .collectAlreadyImg{ display: none; } .myStudyCoin{ width: 100%; height: 60px; /*border: 2px solid red;*/ margin-left: auto; margin-right: auto; margin-top: 50px; position: relative; text-align: center; } .myStudyCoinMyPoint{ width: 35%; height: 100%; position: absolute; /*border: 2px solid red;*/ left: 0; } .myStudyCoinMyStudyCoin{ width: 35%; height: 100%; position: absolute; /*border: 2px solid red;*/ right: 0; } .myStudyCoin p{ font-size:14px; color:rgba(51,51,51,1); } .myStudyCoin h3{ font-size:16px; font-weight:bold; color:rgba(0,0,0,1); margin-top: 9px; } .shuxian{ width:0px; height: 80%; border:0.5px solid #999999; position: absolute; left: 50%; bottom: 10%; } /*课程详情页的手机适配，让左侧的介绍掉下来*/ @media only screen and (max-width: 640px) and (min-width: 0px) { .CoursePage_Banner{ height: auto; background-color: black; } .CoursePage_Banner_ContImg{ width: 100%; margin: 0px ; height: auto; } .CoursePage .BannerInner{ width: 100%; } .CoursePage_Banner_Cont_WayTotalLeft{ /*border: 2px solid red;*/ width: 100%; /*height: 223px;*/ } } /*课程详情页的平板适配，让左右两侧能够布局*/ @media only screen and (max-width: 1240px) and (min-width: 768px) { .CoursePage .BannerInner { width: 100%; } .CoursePage_Banner_ContImg { height: 100%; } .CoursePage .BannerInner { padding: 0; } .CoursePage_Banner_Cont_WayTotalLeft { width: 58%; padding-left: 1%; } .Share_Btn { /*margin-left: calc(88% - 112px);*/ /*margin-top: -32px;*/ /*width: 38%;*/ } #bdshare .shareFont { padding-right: 10px; } } /*课程详情页的手机适配，让左侧的介绍掉下来之后，重新排版，修改了部分间距的问题，使之更紧凑*/ @media only screen and (max-width: 768px) { .CoursePage_Banner_Cont_NumPeople { display: block; } .New_Price{ height: 44px; line-height: 46px; } .CoursePage_Banner_Cont_button { margin-top: 0; margin-bottom: 10px; } .CoursePage_Banner_Cont_button button { width: 30%; } #bdshare .bgSet { margin-bottom: 8px; margin-right: 16px; } #bdshare .shareFont { padding-right: 1rem; } .Share_Btn { margin: 12px 0; width: 80%; float: left; } .CoursePage_Banner_Cont_WayLeft { display: block; } .CoursePage_Banner_Cont_Way { display: block; } .Collect_Share_Btns { padding-top: 16px; display: block; } .Collect_Share_Btns_Text { margin-left: -7px; } } /*课程详情页的平板竖屏之类的，重新排版，*/ @media only screen and (max-width: 769px) and (min-width: 640px){ .CoursePage_Banner_Cont_Title { font-size: 2.2rem; width: 100%; line-height: normal; height: auto; white-space: normal; margin-top: 14px; margin-bottom: 14px; /*line-height: 40px;*/ /*height: 80px;*/ } .CoursePage_Banner_Cont_Way { padding-top: 4px; } .Collect_Share_Btns { padding-top: 4px; } .CoursePage_Banner_Cont_WayLeft { height: 25px; } .New_Price { font-size: 2.4rem; line-height: 3.6rem; } .CoursePage .BannerInner { padding: 0 ; } .CoursePage_Banner_ContImg { width: 54%; } .CoursePage_Banner_Cont_WayTotalLeft { width: 44%; padding-left: 2%; } .CoursePage_Banner_Cont_NumPeople span:nth-of-type(1){ display: none; } .CoursePage_Banner_Cont_NumPeople span:nth-of-type(2){ display: none; } .CoursePage_Banner_Cont_NumPeople span:nth-of-type(3){ display: none; } .CoursePage_Banner_Cont_NumPeople span:nth-of-type(4){ display: none; } .Original_Price{ display: none; } .CoursePage_Member_Card{ display: none; } .CoursePage_Banner { /*height: 280px;*/ } } /*系列课--课程详情改版2019-03-22 巨田田*/ /*系列课--课程详情--服务承诺*/ #pack-cont .console-log li .servePromiseDivBox {max-width: 1000px;margin: 0 auto 20px;background: #fff;border-radius: 6px;padding: 30px 30px 30px 71px;position: relative;} #pack-cont .console-log li .servePromiseDivBox li {margin-bottom: 39px;} #pack-cont .console-log li .servePromiseDivBox .servePromiseDivBoxTitle{width:36px;height:36px;background:rgba(223,198,155,1);opacity:1;border-radius:6px;font-size:16px;font-weight:500;line-height:36px;color:rgba(255,255,255,1);text-align: center;float: left;position: absolute;left: 20px;} #pack-cont .console-log li .servePromiseDivBox .servePromiseDivBoxContent h6{font-size:1.4rem;font-weight:500;line-height:20px;color:rgba(223,198,155,1);opacity:1;} /*系列课--课程详情--服务承诺 end*/ .pack-content-Share_Btn{float: right;width: 100%;padding-left: calc(100% - 165px);} .xiliekePrice{color: #FF4242;font-size: 3.4rem;} #pack-cont .banner .jianbianMask{height: 100%;background:linear-gradient(88deg,rgba(0,0,0,1) 0%,rgba(22,22,22,0.65) 59%,rgba(84,84,84,0) 100%);opacity:1;width: 67.5%;position: absolute;left: 0%;z-index: 1;} #pack-cont .banner .mask img {width: 1920px;position: absolute;left: 50%;margin-left: -960px;height: 100%;} #pack-cont .banner .title h2 {text-align: left;margin: 30px 0px 22px;font-size: 3.4rem;color: #fff;line-height: 1;} @media only screen and (max-width: 1240px) and (min-width: 640px) { #pack-cont .inner-taocan{padding-left: 40px;} .CoursePage_subNav_Comment_Num {top: 17px;left: calc(50% + 31px);} .pack-content-Share_Btn{padding-left: calc(100% - 230px);} } @media only screen and (max-width: 640px) and (min-width: 0px) { #pack-cont .inner-taocan{padding-left: 20px;height: auto;} .CoursePage_subNav_Comment_Num {top: 19%;left: calc(50% + 21px);} #pack-cont .banner {height: auto;} .pack-content-Share_Btn{padding-left: 0;} #pack-cont .banner .jianbianMask {width: 100%;} #pack-cont .navTop li {margin: 0 4%;float: none;} } /*系列课--课程详情改版2019-03-22 巨田田end*/ /*首页--论坛改版2019-03-25巨田田*/ #nY .cont .right .personCenter{width: 100%;height: 253px;background: #FFFFFF;margin-bottom: 15px;} #nY .cont .right .personCenter .personCenterInfo{text-align: center;} #nY .cont .right .personCenter .personCenterInfo img{width: 64px;height: 64px;border-radius: 50%;margin: 15px auto 5px;} #nY .cont .right .personCenter .personCenterInfo p{font-size:1.6rem;font-weight:500;line-height:22px;color:rgba(51,51,51,1);} #nY .cont .right .personCenter .personCenterForum{text-align: center;width: 100%;margin-top: 20px;padding: 0px 10px;} #nY .cont .right .personCenter .personCenterForum li{cursor: pointer;} #nY .cont .right .personCenter .personCenterForum p:nth-of-type(1){font-size: 1.2rem;color: #999999;line-height: 17px;margin-bottom: 10px;} #nY .cont .right .personCenter .personCenterForum p:nth-of-type(2){font-size: 1.4rem;color: #333333;font-weight: 500;} #nY .cont .right .personCenter .personCenterBtn{width: 100%;padding: 0px 45px;color: white;margin-top: 13px;text-align: center;} #nY .cont .right .personCenter .personCenterBtn button{margin-left: 30%;width: 40%;padding: 6px 27px;height:32px;background:rgba(24,144,255,1);border-radius:5px;border: none;font-size: 1.4rem;} #nY .cont .right .personCenter .personCenterBtn a{color: white;margin-left: 30%;width: 40%;padding: 6px 27px;height:32px;background:rgba(24,144,255,1);border-radius:5px;border: none;font-size: 1.4rem;} #nY .cont .right h4{font-size: 1.6rem;color: #222222;font-weight: 600;height: 20px;line-height: 20px;border-left: 6px solid #1890FF;padding-left: 10px;} #nY .cont .right .hot-article ul{margin-top: 19px;} /*首页--论坛改版2019-03-25巨田田end*/ /*首页--论坛--论坛帖子改版2019-03-27巨田田*/ #nY .forumDetail .right .personCenter{width: 100%;height: 253px;background: #FFFFFF;margin-bottom: 15px;} #nY .forumDetail .right .personCenter .personCenterInfo{text-align: center;} #nY .forumDetail .right .personCenter .personCenterInfo img{width: 64px;height: 64px;border-radius: 50%;margin: 15px auto 5px;} #nY .forumDetail .right .personCenter .personCenterInfo p{font-size:1.6rem;font-weight:500;line-height:22px;color:rgba(51,51,51,1);} #nY .forumDetail .right .personCenter .personCenterForum{text-align: center;width: 100%;margin-top: 20px;padding: 0px 10px;} #nY .forumDetail .right .personCenter .personCenterForum p:nth-of-type(1){font-size: 1.2rem;color: #999999;line-height: 17px;margin-bottom: 10px;} #nY .forumDetail .right .personCenter .personCenterForum p:nth-of-type(2){font-size: 1.4rem;color: #333333;font-weight: 500;} #nY .forumDetail .right .personCenter .personCenterBtn{width: 100%;padding: 0px 45px;color: white;margin-top: 13px;} #nY .forumDetail .right .personCenter .personCenterBtn button{width: 40%;padding: 6px 27px;height:32px;background:rgba(24,144,255,1);border-radius:50px;border: none;font-size: 1.4rem;} #nY .forumDetail .right h4{font-size: 1.6rem;color: #222222;font-weight: 600;height: 20px;line-height: 20px;border-left: 6px solid #1890FF;padding-left: 10px;} #nY .forumDetail .right .hot-article ul{margin-top: 19px;} /*首页--论坛--论坛帖子改版2019-03-27巨田田end*/ /*二级选项卡对应于secondMenu.html文件，在问答页面的添加分类的弹框也应用了2019-04-01*/ .tagsSecondList{width: 100%;height: 319px;z-index: 999999;background: #FFFFFF;} .tagsSecondList .tagsSecondListLeft{float: left;height: 100%; /*max-height: 100%;*/overflow: auto;width: 28%;background: rgba(244,244,244,1);padding: 0;} .tagsSecondList .tagsSecondListRight{height: 100%;float: left;width: 72%;padding: 13px;position: relative;background: white;overflow: auto;} .tagsSecondList .tagsSecondListRight li {background: white;color: #1890FF;border: 1px solid #1890FF;padding: 4px 20px;line-height: 20px;margin-right: 26px;margin-bottom: 16px;cursor: pointer;font-size: 14px;font-weight: 400;display: inline-block;border-radius: 50px;} .tagsSecondList .tagsSecondListLeft li {background: none;color: #333333;border-radius: unset;border: none;text-align: center;line-height: 44px;padding: 0px;display: block;cursor: pointer;font-size: 14px;font-weight: 400;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;} .tagsSecondList .tagsSecondListLeft .cur {border-left: 4px solid #1890FF;background: #ECF6FD;} .tagsSecondList .tagsSecondListRight li.cur {background: #1890FF;color: white;} /*二级选项卡对应于secondMenu.html文件，在问答页面的添加分类的弹框也应用了2019-04-01end*/ /*课程详情页的添加的倒计时模块2019-04-02巨田田*/ .CoursePage_Banner { height: auto; padding: 0px; } .courseInfoCountDown{ float: left; background: linear-gradient(90deg,rgba(248,54,0,1) 0%,rgba(254,140,0,1) 100%); opacity: 1; border-radius: 50px; font-size: 1.4rem; font-weight: 500; color: rgba(255,255,255,1); padding: 5px 15px; margin-top: -43px; margin-left: 370px; } .courseInfoCountDown .time{ color: black; background: whitesmoke; border-radius: 3px; padding: 1px 2px; } /*适配*/ @media only screen and (max-width: 1240px) and (min-width:0px){ .courseInfoCountDown { display: block; width: fit-content; float: unset; margin-top: 0; margin-left: 0px; } CoursePage_Banner { height: auto; } } /*课程详情页修改试听试看那块的h5的适配问题2019-04-03巨田田*/ @media only screen and (max-width: 640px) and (min-width:0px){ .CoursePage_Intro dl a { /*line-height: unset;*/ line-height: 48px; height: auto; display: inline-block; } .CoursePage_Intro i.am-icon-video-camera { line-height: 48px; /*color: #0099ff;*/ } .CoursePage_Intro dd span { display: none; } .CoursePage_Intro dd button { /*display: none;*/ } } /*课程详情页修改试听试看那块的h5的适配问题2019-04-03巨田田-end*/ /**********个人中心直播日历 开始 ****/ .Calendar dl { float: left; } .Calendar tbody td { height: 80px; width: calc(100% / 7); line-height: normal; text-align: center; position: relative; border: 2px solid #fff; background: #f2f2f2; } .Calendar tbody tr td:first-child, .Calendar tbody tr td:last-child{ background: #feefdb; } .Calendar tbody tr td:first-child span.Calendar_Date, .Calendar tbody tr td:last-child span.Calendar_Date { color: #faaf4c; } .Calendar_Date { position: absolute; left: 8px; bottom: 3px; color: #818286; font-size: 16px; font-weight: 600; } .Calendar_Name { display: inline-block; } .Calendar_Title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 10px; } .Calendar_Gary { background: #818286; font-size: 18px; color: white; } .Calendar_Orange { background: #faaf4c; font-size: 18px; color: white; } #Calendar_Del { background: white; } #Calendar_Add { color: #427395; background: #d8eefb; font-weight: 600; } #Calendar_Add::before { float: left; display: block; content: ''; width: 2px; height: 100%; background: #6ba9d3; } .Calendar .Date_Item_Top { float: left; height: 38px; line-height: 38px; width: calc(100% / 7); font-size: 18px; color: white; font-weight: 600; border: 1px solid #fff; box-sizing: border-box; text-align: center; } .Calendar .Date_Item { float: left; height: 80px; width: calc(100% / 7); border: 1px solid #fff; background: #f2f2f2; box-sizing: border-box; line-height: normal; text-align: center; position: relative; } .Calendar .Date_Item:nth-child(7n + 7), .Calendar .Date_Item:nth-child(7n + 1) { background: #feefdb; } .Date_Orange { background: #faaf4c; } .Date_Gary { background: #818286; } .Calendar_Month { text-align: center; } .live_pop-up_Windows_CloseBtn{ width: 24px;height: 24px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; margin-left: 195px; margin-top: -120px; } .live_pop-up_Windows_liveBtn{ width: 400px; height: 100px; position: fixed; /* background: red; */ top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: 100px; z-index: 10; cursor: pointer; } /**********个人中心直播日历 结束 ****/ /*下载页面*/ .downloadPage{ /*min-width: 1000px;*/ zoom: 1; /*height: calc(100% - 72px);*/ width: 100%; position: relative; overflow: hidden; background: white; margin-top: -2px; } .downloadPage .mainContent{ max-width: 1200px; /*height: calc(100%);*/ margin-left: auto; margin-right: auto; position: relative; } .downloadPage .logoText{ font-size: 6rem; font-family: Impact; font-weight: 400; line-height: 72px; color: rgba(24,144,255,1); letter-spacing: 7px; padding: 30px 0 0 80px; float: left; } .downloadPage .headIntroContent{ float: right; padding-top: 40px; padding-right: 13px; } .downloadPage .headIntroContent ul{ display: flex; } .downloadPage .headIntroContent li{ margin-right: 67px; font-size:2rem; font-family:Hiragino Sans GB; line-height:24px; color:rgba(34,34,34,1); } .downloadPage .introAndDown{ margin: 0 auto; text-align: center; display: flex; flex-direction: column; width: 100%; } .introAndDown .introAndDownTitle{ font-size:6rem; font-family:Hiragino Sans GB; margin-bottom: 29px; line-height: 1; color:rgba(34,34,34,1); } .introAndDown .introAndDownCont{ font-size:3.6rem; font-family:Hiragino Sans GB; line-height:43px; color:rgba(34,34,34,1); letter-spacing:10px; margin-bottom: 55px; } .introAndDown .introAndDown-IOS{ width:197px; height:58px; border:1px solid rgba(34,34,34,1); opacity:1; border-radius:29px; color: #222222; font-size: 2rem; line-height: 53px; background:#FFFFFF; margin-right: 15px; } .introAndDown .introAndDown-IOS:hover{ /*width:201px;*/ height:58px; background:rgba(34,34,34,1); opacity:1; border-radius:29px; color: #FFFFFF; font-size: 2rem; line-height: 53px; } .introAndDown .introAndDown-Android{ border:1px solid rgba(34,34,34,1); opacity:1; border-radius:29px; color: #222222; font-size: 2rem; line-height: 53px; background:#FFFFFF; width:201px; height:58px; opacity:1; border-radius:29px; margin-left: 15px; } .introAndDown .introAndDown-Android:hover{ /*width:201px;*/ background:rgba(34,34,34,1); opacity:1; border-radius:29px; color: #FFFFFF; } /*.introAndDown .introAndDown-Android{*/ /* width:201px;*/ /* height:58px;*/ /* background:rgba(34,34,34,1);*/ /* opacity:1;*/ /* border-radius:29px;*/ /* color: #FFFFFF;*/ /* font-size: 2rem;*/ /* line-height: 53px;*/ /* margin-left: 15px;*/ /*}*/ .introAndDown a i{ font-size: 2.6rem; margin-right: 10px; } .introIMGs .introBG{ background: white; text-align: center; position: absolute; top: 26%; left: 44.4%; background: white; width: 10%; } .downloadPage .introIMGs{ position: relative; } .downloadPage .introIMG { width: 100%; } .downloadPage .introCodeImg{ width: 100%; margin: 0 auto; padding: 9%; } .height96{ height: 96px; width: 100%; } .introDown{ display: flex; flex-direction: row; justify-content: center; } /*下载页面--end*/ .video-desc{ max-width: calc(100% - 200px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .KaiShiXueXi{ display: none; } @media only screen and (max-width: 640px) and (min-width: 0px) { .video-desc{ max-width: calc(100% - 130px); } } .liveRemind{ color: red; padding: 13px; margin-bottom: -36px; } @media only screen and (max-width: 1024px) and (min-width: 0px) { .liveRemind{ margin-bottom: -20px; } } #CourseWare { width: 100%; overflow: hidden; padding: 0px 34px 0px 26px; box-sizing: border-box; } #CourseWare .header { height: 30px; line-height: 30px; margin: 12px 0px; overflow: hidden; } #CourseWare .header a { float: left; font-size: 16px; color: #4a4a4a; height: 54px; } #CourseWare .header a:hover { color: #49bb64; } #CourseWare .header a i { padding: 0 8px; font-size: 20px; } #CourseWare .header span { font-size: 1.4rem; color: #9b9b9b; } #CourseWare .header span::before { float: left; display: block; content: ''; width: 1px; height: 16px; background: #9b9b9b; margin: 7px 30px; } #CourseWare .picbody { overflow: hidden; position: relative; background: #9b9b9b; } #CourseWare .picbody .ImgWrap { width: 100%; height: 100%; overflow-x: scroll; } #CourseWare .picbody .ImgWrap .contImg { width: 100%; margin-bottom: 25px; } #CourseWare .picbody .stateBar { width: 100%; height: 46px; padding: 8px 15px; box-sizing: border-box; background: white; position: absolute; bottom: 0px; font-size: 14px; } #CourseWare .picbody .stateBar .No { float: left; } #CourseWare .picbody .stateBar .No .number { float: left; width: 48px; height: 30px; line-height: 30px; text-align: center; background: #f1f1f1; margin-right: 16px; } #CourseWare .picbody .stateBar .No span { line-height: 30px; color: #666; } #CourseWare .picbody .stateBar .Pre-next { float: left; width: 88px; height: 30px; line-height: 30px; position: absolute; left: 50%; margin-left: -44px; } #CourseWare .picbody .stateBar .preBtn { float: left; width: 30px; height: 30px; line-height: 30px; margin: 0 5px; border-radius: 15px; background: #f1f1f1; } #CourseWare .picbody .stateBar .nextBtn { float: left; width: 30px; height: 30px; line-height: 30px; margin: 0 8px; border-radius: 15px; background: #f1f1f1; } #CourseWare .picbody .stateBar .Pre-next i { font-size: 24px; padding: 0px 7px; color: #666; } #CourseWare .picbody .stateBar #demo-full-img { float: right; margin-left: 20px; width: 30px; height: 30px; } #CourseWare .picbody .stateBar #demo-full-img i { font-size: 24px; margin: -2px 5px 5px 5px; color: #4a4a4a; } #CourseWare .picbody .stateBar .small-big { float: right; } #CourseWare .picbody .stateBar .small-big::after { float: left; display: block; content: ''; width: 3px; height: 30px; background: #f1f1f1; } #CourseWare .picbody .stateBar .small-big .small { float: left; width: 30px; height: 30px; background: #f1f1f1; margin: 0 5px; } #CourseWare .picbody .stateBar .small-big .big { float: left; width: 30px; height: 30px; background: #f1f1f1; margin: 0px 20px 0px 5px; } #CourseWare .picbody .stateBar .small-big span { display: block; font-size: 20px; text-align: center; margin-top: -2px; } #CourseWare .footer { height: 40px; } /* 试题列表 */ .exams-pack{background-color: #f7f9fa;} .exams-list .item{display: flex; border-radius: 10px; background-color: #ffffff;padding: 15px 20px;} .exams-list .item:hover{background-color: rgba(51,119,225,.1);} .exams-list .item .img-box{} .exams-list .item .middle{flex: 1;padding-left: 10px;} .exams-list .item .middle .count{color:#9D9D9E;} .exams-list .item .fr button{float: right;color: #fff;background-color: #0099ff;border: none;font-size: 12px;padding: 4px 15px;border-radius: 12.5px;margin: 11.5px 10px;}