html,
body {
background: #F5F6F7 !important;
height: auto;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
cursor: pointer;
}
html,
body {
-webkit-tap-highlight-color: transparent;
}
/* @font-face {
font-family: 'iconfont';
src: url("../fonts/font_2444528_i6oxd8w78c.woff2") format("woff2"), url("../fonts/font_2444528_i6oxd8w78c.woff") format("woff"), url("../fonts/font_2444528_i6oxd8w78c.ttf") format("truetype");
} */
/* CDN 鏈嶅姟浠呬緵骞冲彴浣撻獙鍜岃皟璇曚娇鐢紝骞冲彴涓嶆壙璇烘湇鍔＄殑绋冲畾鎬э紝浼佷笟瀹㈡埛闇€涓嬭浇瀛椾綋鍖呰嚜琛屽彂甯冧娇鐢ㄥ苟鍋氬ソ澶囦唤銆� */
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
font-family: 'iconfont';
/* Project id 2444528 */
src: url('../fonts/font_2444528_47p6gb52cax.woff2') format('woff2'), url('../fonts/font_2444528_47p6gb52cax.woff') format('woff'), url('../fonts/font_2444528_47p6gb52cax.ttf') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 20px;
color: #666;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale
}
.m-common-icon {
width: 24px;
height: 24px;
}
.jyb-tips {
width: auto !important;
max-width: 260px !important;
}
.jyb-tips p {
line-height: 24px !important;
}
/* icon */
.nav_mec_hp_icon {
-webkit-mask: url('../fonts/nav_mec_hp_icon.svg') no-repeat;
mask: url('../fonts/nav_mec_hp_icon.svg') no-repeat;
}
.nav_mec_collect_icon {
-webkit-mask: url('../fonts/nav_mec_collect_icon.svg') no-repeat;
mask: url('../fonts/nav_mec_collect_icon.svg') no-repeat;
}
.nav_mec_share_icon {
-webkit-mask: url('../fonts/nav_mec_share_icon.svg') no-repeat;
mask: url('../fonts/nav_mec_share_icon.svg') no-repeat;
}
.nav_mec_scollect_icon {
-webkit-mask: url('../fonts/nav_mec_scollect_icon.svg') no-repeat;
mask: url('../fonts/nav_mec_scollect_icon.svg') no-repeat;
}
.nav_mec_more_icon {
-webkit-mask: url('../fonts/nav_mec_more_icon.svg') no-repeat;
mask: url('../fonts/nav_mec_more_icon.svg') no-repeat;
}
.mec_open_icon {
-webkit-mask: url('../fonts/mec_open_icon.svg') no-repeat;
mask: url('../fonts/mec_open_icon.svg') no-repeat;
}
.album_slide_icon {
-webkit-mask: url('../fonts/album_slide_icon.svg') no-repeat;
mask: url('../fonts/album_slide_icon.svg') no-repeat;
}
.cs_list_map_icon {
-webkit-mask: url('../fonts/cs_list_map_icon.svg') no-repeat;
mask: url('../fonts/cs_list_map_icon.svg') no-repeat;
}
.cs_list_tel_icon {
-webkit-mask: url('../fonts/cs_list_tel_icon.svg') no-repeat;
mask: url('../fonts/cs_list_tel_icon.svg') no-repeat;
}
.cs_list_iocation_icon {
-webkit-mask: url('../fonts/cs_list_iocation_icon.svg') no-repeat;
mask: url('../fonts/cs_list_iocation_icon.svg') no-repeat;
}
.mec_hp_rank_icon {
-webkit-mask: url('../fonts/mec_hp_rank_icon.svg') no-repeat;
mask: url('../fonts/mec_hp_rank_icon.svg') no-repeat;
}
.popup_ec_icon {
-webkit-mask: url('../fonts/popup_ec_icon.svg') no-repeat;
mask: url('../fonts/popup_ec_icon.svg') no-repeat;
}
.popup_si_icon {
-webkit-mask: url('../fonts/popup_si_icon.svg') no-repeat;
mask: url('../fonts/popup_si_icon.svg') no-repeat;
}
.pj_xx_1 {
-webkit-mask: url('../fonts/pj-xx-1.svg') no-repeat;
mask: url('../fonts/pj-xx-1.svg') no-repeat;
}
.icon_share {
-webkit-mask: url('../fonts/icon-share.svg') no-repeat;
mask: url('../fonts/icon-share.svg') no-repeat;
}
.share_icon {
-webkit-mask: url('../fonts/share-icon.svg') no-repeat;
mask: url('../fonts/share-icon.svg') no-repeat;
}
.icon_map_linear {
-webkit-mask: url('../fonts/icon-map-linear.svg') no-repeat;
mask: url('../fonts/icon-map-linear.svg') no-repeat;
}
.icon_up_no_bg {
-webkit-mask: url('../fonts/icon-up-no-bg.svg') no-repeat;
mask: url('../fonts/icon-up-no-bg.svg') no-repeat;
}
.assess_grey_star_icon {
-webkit-mask: url('../fonts/assess_grey_star_icon.svg') no-repeat;
mask: url('../fonts/assess_grey_star_icon.svg') no-repeat;
}
.assess_red_star_icon {
-webkit-mask: url('../fonts/assess_red_star_icon.svg') no-repeat;
mask: url('../fonts/assess_red_star_icon.svg') no-repeat;
}
.mec_campus_lo_icon {
-webkit-mask: url('../fonts/mec_campus_lo_icon.svg') no-repeat;
mask: url('../fonts/mec_campus_lo_icon.svg') no-repeat;
}
.mec_campus_coo_icon {
-webkit-mask: url('../fonts/mec_campus_coo_icon.svg') no-repeat;
mask: url('../fonts/mec_campus_coo_icon.svg') no-repeat;
}
.qr_code_icon {
-webkit-mask: url('../fonts/qr-code-icon.svg') no-repeat;
mask: url('../fonts/qr-code-icon.svg') no-repeat;
}
.m-content {
width: 100%;
padding-bottom: 68px;
position: relative;
}
.m-head {
width: 100%;
height: 76px;
position: relative;
}
.m-head .m-common-icon {
background-color: #fff;
width: 28px;
height: 28px;
}
.m-head-agency-intro-bg {
width: 100%;
height: auto;
min-height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-filter: blur(5px);
filter: blur(3px);
}
.m-head-mask {
width: 100%;
height: 76px;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.m-head-mask .masks {
width: 100%;
height: 114px;
background: rgba(0, 0, 0, 0.3);
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.m-head-operation {
width: 100%;
height: 44px;
padding: 0 13px;
position: absolute;
left: 0px;
top: 6px;
z-index: 1;
display: flex;
justify-content: space-between;
align-items: center;
}
.m-head-ope-r {
width: auto;
height: 44px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.m-head-ope-r .ope-r-btn {
display: block;
margin-left: 15px;
}
.m-head-ope-r .shake {
animation: mymove 10s;
}
.more-select {
width: 122px;
background: rgba(0, 0, 0, 0.8);
border-radius: 8px;
padding-left: 16px;
position: absolute;
right: 8px;
top: 60px;
z-index: 100;
display: none;
}
.more-select>a {
display: block;
width: 106px;
height: 46px;
display: flex;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #8c8c8c;
}
.more-select>a>.m-common-icon {
width: 16px;
height: 16px;
margin-right: 8px;
}
.more-select>a>span {
display: block;
font-size: 16px;
color: #fff;
}
.collection-tips {
/* width:159px;*/
height: 44px;
border-radius: 22px;
background: rgba(0, 0, 0, 0.6);
padding: 0 16px;
position: absolute;
right: 16px;
top: 50px;
z-index: 100;
display: flex;
justify-content: center;
align-items: center;
}
.collection-tips>em {
display: block;
width: 0px;
height: 0px;
border: 6px solid transparent;
border-bottom: 6px solid rgba(0, 0, 0, 0.6);
position: absolute;
left: 56px;
top: -12px;
}
.collection-tips>img {
display: block;
width: 18px;
height: 18px;
margin-right: 4px;
}
.collection-tips>span {
font-size: 14px;
color: #FFFFFF;
line-height: 20px;
}
.m-jg-top {
width: 100%;
background: #fff;
margin-top: -22px;
padding: 12px 0;
border-radius: 12px 12px 0px 0px;
position: relative;
z-index: 2;
overflow: hidden;
margin-bottom: 12px;
}
.jg-logo-name {
/* height: 40px; */
padding: 0 16px 12px;
display: flex;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #F5F6F7;
}
.jg-logo-name .jg-logo {
width: 40px;
height: 40px;
border: 1px solid #EBEBEB;
border-radius: 4px;
}
.jg-logo-name .jg-logo>img {
display: block;
width: 38px;
height: 38px;
border-radius: 4px;
}
.jg-logo-name .jg-name {
display: block;
width: calc(100% - 48px);
margin-left: 8px;
font-size: 22px;
color: #262626;
font-weight: 600;
line-height: 30px;
}
.m-jg-t2 {
width: calc(100% - 32px);
/* height: 17px; */
padding-top: 12px;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 auto 4px;
border-top: 1px solid #F5F6F7;
}
.m-jg-t2l {
display: flex;
justify-content: flex-start;
align-items: center;
}
.m-jg-t2l>i {
width: 12px;
height: 12px;
font-size: 12px;
color: #FE5900;
text-align: center;
line-height: 12px;
margin-right: 5px;
}
.jyb-score {
width: 60px;
height: 12px;
position: relative;
line-height: 12px;
margin-right: 4px;
}
.jyb-score .jyb-score-top {
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
overflow: hidden;
white-space: nowrap;
}
.jyb-score .jyb-score-bottom {
padding: 0;
z-index: 0;
display: block;
}
.jyb-score img {
display: block;
width: 60px;
height: 12px;
}
.m-jg-t2l .jyb-score-num {
display: block;
font-size: 17px;
font-weight: 600;
color: #FE5900;
line-height: 20px;
margin-right: 4px;
}
.m-jg-t2l .jyb-score-num2 {
display: block;
font-size: 12px;
font-weight: 600;
color: #FE5900;
margin-right: 4px;
}
.jyb-sign-num {
display: block;
font-size: 12px;
color: #262626;
}
.m-jg-t2r {
display: flex;
justify-content: flex-end;
align-items: center;
}
.m-jg-t2r>span {
display: block;
font-size: 12px;
color: #262626;
}
.m-jg-t2r>i {
display: block;
width: 16px;
height: 16px;
background: #262626;
}
.m-jg-ranking {
width: calc(100% - 24px);
height: 21px;
background: linear-gradient(270deg, #FFFFFF 0%, #FDF7E9 100%);
border-radius: 4px;
margin: 0 12px 12px;
padding: 0 4px 0 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.m-jg-ranking .rank-l {
display: flex;
justify-content: flex-start;
align-items: center;
}
.m-jg-ranking .rank-l>i {
width: 12px;
height: 12px;
background: #CDA76E;
margin-right: 5px;
}
.m-jg-ranking .rank-l>span {
display: block;
font-size: 12px;
color: #CDA76E;
}
.m-jg-ranking .rank-r {
display: block;
width: 16px;
height: 16px;
background: #CDA76E;
}
.characteristic {
width: calc(100% - 32px);
margin: 12px auto 0;
background: #FAFBFC;
border-radius: 4px;
}
.characteristic .characteristic-t {
width: 100%;
height: 20px;
background: #EDF8FF;
border-radius: 4px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.characteristic .characteristic-t>img {
display: block;
width: 52px;
height: 20px;
flex-shrink: 0;
}
.characteristic .characteristic-t .char-text {
display: block;
width: calc(100% - 52px);
overflow: hidden;
}
.characteristic .characteristic-t .char-text .char-text-swiper {
/* animation: myscroll 5s linear infinite; */
animation: 2s move linear normal forwards;
}
.characteristic .characteristic-t span {
display: block;
width: fit-content;
font-size: 13px;
color: #002566;
line-height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
}
.characteristic > ul {
width: 100%;
height: 36px;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
overflow: hidden;
}
.characteristic > ul > li {
height: 36px;
display: flex;
justify-content: flex-start;
align-items: center;
margin-left: 9px;
}
.characteristic>ul>li>i {
display: block;
width: 12px;
height: 12px;
font-size: 12px;
color: #42A7FF;
text-align: center;
line-height: 12px;
}
.characteristic>ul>li>span {
display: block;
font-size: 12px;
color: #262626;
line-height: 16px;
}
.jg-xq-location {
width: calc(100% - 32px);
height: 60px;
margin: 8px auto 0;
background: url(../fonts/1586b7d6155b451a902072bf2af694e4.svg) no-repeat;
mask: url(../fonts/icon-left-no-bg.svg) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: #fff !important;
}
.video_item {
position: relative;
}
.video_item::after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: '';
height: 40px;
width: 40px;
background: url(../fonts/list-pic-play-img.svg);
background-size: 100% 100%;
}
.jg-xq-no-location {
width: calc(100% - 32px);
height: 60px;
margin: 8px auto 0;
background: url(../images/jg-xq-back.png) center center no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 8px;
}
.jg-xq-no-location .get-location {
width: 226px;
height: 40px;
background: #F1F9FE;
border-radius: 20px;
border: 1px solid rgba(26, 140, 255, 0.2);
padding: 0 12px;
display: flex;
justify-content: center;
align-items: center;
}
.jg-xq-no-location .get-location>i {
width: 16px;
height: 16px;
background: #1A8CFF;
margin-right: 4px;
}
.jg-xq-no-location .get-location>span {
font-size: 14px;
color: #1A8CFF;
line-height: 40px;
}
.jg-xq-no-location .jg-xq-text,
.xq-t1 .jg-xq-text {
display: flex;
justify-content: flex-end;
align-items: center;
}
.jg-xq-no-location .jg-xq-text>span,
.xq-t1 .jg-xq-text>span {
display: block;
font-size: 12px;
color: #595959;
}
.jg-xq-no-location .jg-xq-text>i,
.xq-t1 .jg-xq-text>i {
display: block;
width: 16px;
height: 16px;
background: #595959;
}
.jg-xq-con {
width: 100%;
padding: 0 16px 16px;
}
.xq-t1 {
width: 100%;
height: 20px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 6px;
}
.xq-t1 .xq-t1-l {
height: 20px;
display: flex;
justify-content: flex-start;
align-items: center;
background: #FFFFFF;
border-radius: 10px;
border: 1px solid #EBEBEB;
padding-right: 6px;
}
.xq-t1 .xq-t1-l .lately-label {
display: block;
width: 56px;
height: 20px;
background: #F5FCFF;
border-radius: 10px 2px 10px 2px;
border: 1px solid rgba(148, 212, 255, 1);
/* border-image:linear-gradient(270deg,rgba(148,212,255,1),rgba(26,140,255,1)) 1 1;*/
font-size: 12px;
color: #1A8CFF;
text-align: center;
line-height: 20px;
margin-right: 6px;
}
.xq-t1 .xq-t1-l .lately-sch-name {
display: block;
font-size: 12px;
color: #595959;
}
.xq-t2 {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.xq-t2 .xq-t2-l {
width: calc(100% - 107px);
}
.xq-t2 .xq-t2-l>span {
display: block;
width: 100%;
font-size: 14px;
font-weight: 600;
color: #262626;
line-height: 20px;
margin-bottom: 2px;
}
.xq-t2 .xq-t2-l .xq-distance {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.xq-t2 .xq-t2-l .xq-distance>span {
display: block;
font-size: 12px;
color: #8C8C8C;
line-height: 17px;
margin-right: 4px;
}
.xq-t2 .xq-t2-r {
display: flex;
justify-content: flex-end;
align-items: center;
}
.xq-t2 .xq-t2-r .xq-t2-r-btn {
width: 24px;
height: 36px;
margin-left: 20px;
}
.xq-t2 .xq-t2-r .xq-t2-r-btn i {
display: block;
width: 20px;
height: 20px;
margin: 0 auto 2px;
}
.xq-t2 .xq-t2-r .xq-t2-r-btn span {
display: block;
font-size: 10px;
color: #595959;
}
.jg-nav-out {
width: 100%;
height: 52px;
}
.jg-nav-out .fixed {
position: fixed;
left: 0;
top: 0;
z-index: 100;
}
.jg-nav-out .fixed2 {
position: fixed;
left: 0;
top: 44px;
z-index: 100;
}
.jg-nav-out .fixed3 {
display: block;
width: 100%;
position: fixed;
left: 0;
top: 88px;
z-index: 100;
padding-bottom: 10px;
}
.jg-nav-out .jg-nav {
width: 100%;
/* height: 44px; */
background: #fff;
display: flex;
justify-content: center;
padding: 12px 8px 10px;
/* position: relative;*/
}
.swiper-container-nav {
position: relative;
height: 30px;
}
.nav-mask {
width: 40px;
height: 28px;
background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
position: absolute;
right: 0px;
top: 12px;
z-index: 2;
}
.jg-nav a {
display: block;
position: relative;
flex: 1;
margin: 0 12px;
}
.jg-nav a>span {
display: block;
min-width: 30px;
font-size: 15px;
color: #262626;
text-align: center;
line-height: 21px;
white-space: nowrap
}
.jg-nav a>i {
display: block;
width: 14px;
height: 3px;
background: #FE5900;
position: absolute;
top: 24px;
left: 50%;
transform: translateX(-50%);
display: none;
}
.jg-nav .swiper-wrapper .swiper-slide:last-child {
/* width: 120px; */
/*margin-right: 30px;*/
}
.jg-nav .swiper-slide {
width: 54px;
/* min-width: 54px; */
/* max-width: 84px; */
/* flex: 1; */
}
.jg-nav .jg-nav-active>span {
color: #FE5900;
font-weight: 600;
}
.jg-nav .jg-nav-active>i {
display: block;
}
.jg-nav-out .jg-nav-two {
background: #fff;
}
.jg-qy {
width: 100%;
/* padding: 16px; */
background: #fff;
margin-top: 10px;
}
.jg-qy-box {
/* background: #FFFBF7; */
padding: 17px 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
.jg-qy-list {
width: calc(100% - 110px);
}
.jg-qy-list>.jg-qy-item,
.qy-alert-list>.jg-qy-item {
margin-bottom: 8px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.jg-qy-list>.jg-qy-item img,
.qy-alert-list>.jg-qy-item img {
display: block;
width: 16px;
height: 16px;
margin-right: 6px;
}
.jg-qy-list>.jg-qy-item span,
.qy-alert-list>.jg-qy-item span {
display: block;
font-size: 13px;
color: #262626;
line-height: 18px;
}
.jg-qy-list>.jg-qy-item:last-child {
margin-bottom: 0px;
}
.qy-alert-list>.jg-qy-item:last-child {
margin-bottom: 0px;
}
.qy-receive {
max-width: 110px;
height: 30px;
border-radius: 15px;
border: 1px solid #FE5900;
font-size: 14px;
font-weight: 600;
color: #FE5900;
text-align: center;
line-height: 28px;
padding: 0 5px;
}
.qy-alert {
width: 100%;
background: #fff;
padding-bottom: 8px;
position: fixed;
left: 0px;
bottom: -1000px;
z-index: 102;
transition: all 0.5s;
border-radius: 16px 16px 0px 0px;
}
.qy-alert-clear {
width: 100%;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
}
.qy-alert-clear>i {
display: block;
width: 28px;
height: 28px;
background: #595959;
}
.qy-alert-list {
width: 100%;
background: #FFFBF7;
padding: 16px;
}
.qy-alert-tips {
width: 100%;
margin: 24px 0 12px;
font-size: 15px;
font-weight: 600;
color: #262626;
line-height: 21px;
text-align: center;
}
.qy-input {
display: block;
width: calc(100% - 32px);
height: 44px;
padding: 0 16px;
background: #F5F6F7;
border-radius: 22px;
border: 1px solid #D9D9DA;
margin: 0 16px 32px;
font-size: 14px;
font-weight: 600;
color: #262626;
}
.qy-submit,
.qy-success-btn {
width: calc(100% - 32px);
height: 44px;
background: linear-gradient(270deg, #FF6100 0%, #FE8D00 100%);
border-radius: 22px;
margin: 0 auto;
font-size: 16px;
font-weight: 600;
color: #FFFFFF;
text-align: center;
line-height: 44px;
}
.qy-success {
padding: 0 16px;
display: none;
}
.qy-success-top {
padding-top: 19px;
}
.qy-success-top>.icon_success {
display: block;
width: 68px;
height: 68px;
border-radius: 50%;
margin: 0 auto 4px;
background: #35D3A3;
}
.qy-success-top>i {
display: block;
width: 28px;
height: 6px;
background: #EBEBEB;
border-radius: 50%;
margin: 0 auto;
}
.qy-alert-tips2 {
display: block;
width: 100%;
margin-bottom: 32px;
font-size: 14px;
color: #8c8c8c;
line-height: 22px;
text-align: center;
}
.jg-title {
width: 100%;
padding: 16px 16px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.jg-title .jg-title-l {
font-size: 17px;
font-weight: 600;
color: #262626;
line-height: 24px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.jg-title .jg-title-l>a {
display: block;
margin-right: 20px;
font-size: 17px;
color: #8c8c8c;
line-height: 24px;
font-weight: 400;
}
.jg-title .jg-title-l>.active {
font-weight: 600;
color: #262626;
}
.jg-title .jg-title-r {
display: flex;
justify-content: flex-end;
align-items: center;
}
.jg-title .jg-title-r div {
display: flex;
justify-content: flex-start;
align-items: center;
margin-left: 13px;
}
.jg-title .jg-title-r div i {
width: 14px;
height: 14px;
background: #8c8c8c;
margin-right: 3px;
}
.jg-title .jg-title-r div span {
display: block;
font-size: 12px;
color: #8c8c8c;
}
.activity {
background: #fff;
overflow: hidden;
}
.act-list {
padding: 3px 16px 0;
margin-bottom: 16px;
max-height: 231px;
overflow: hidden;
}
.act-item {
margin-top: 14px;
width: 100%;
height: 62px;
display: flex;
justify-content: flex-start;
}
.act-item>.act-item-l {
display: block;
width: 83px;
height: 62px;
position: relative;
margin-right: 10px;
}
.act-item>.act-item-l>img {
display: block;
width: 83px;
height: 62px;
border-radius: 4px;
}
.act-item>.act-item-l>i {
display: block;
/* width: 16px; */
height: 16px;
padding: 0 3px;
border-radius: 2px;
position: absolute;
left: 0px;
top: 0px;
font-size: 12px;
color: #FFFFFF;
text-align: center;
line-height: 16px;
}
.act-item>.act-item-l>.quan {
background: linear-gradient(270deg, #FF6100 0%, #FE8D00 100%);
}
.act-item>.act-item-l>.zhe {
background: linear-gradient(270deg, #FFB832 0%, #FFCA30 100%);
}
.act-item>.act-item-l>.mian {
background: linear-gradient(270deg, #FF4069 0%, #FE7A4C 100%);
}
.act-item>.act-item-l>.zeng {
background: linear-gradient(270deg, #00dbc9 0%, #00c7b7 100%);
}
.act-item>.act-item-l>.tiyanke {
background: linear-gradient(270deg, #A0D911 0%, #A0D911 100%);
}
.act-item .act-item-r {
width: calc(100% - 93px);
position: relative;
}
.act-item-r .act-tit {
font-size: 14px;
font-weight: 600;
color: #262626;
line-height: 20px;
margin-bottom: 2px;
}
.act-item-r>span {
display: block;
font-size: 12px;
color: #595959;
line-height: 17px;
margin-bottom: 4px;
}
.act-item-r>.price {
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
.act-item-r>.price>i {
display: block;
font-size: 12px;
font-weight: 600;
color: #FE5900;
}
.act-item-r>.price>span {
display: block;
font-size: 15px;
font-weight: 600;
color: #FE5900;
margin-right: 4px;
}
.act-item-r>.price>em {
display: block;
font-size: 12px;
font-weight: 600;
color: #8C8C8C;
text-decoration: line-through;
}
.act-item-r>.price>var {
display: block;
height: 16px;
padding: 0 4px;
background: rgba(255, 243, 230, 0.4);
border-radius: 2px;
border: 1px solid #FFD0A3;
font-style: normal;
font-size: 12px;
color: #FE5900;
line-height: 16px;
}
.snap-up {
width: 59px;
height: 26px;
background: linear-gradient(270deg, #FF6100 0%, #FE8D00 100%);
border-radius: 14px;
position: absolute;
right: 0px;
top: 29px;
font-size: 13px;
font-weight: 600;
color: #FFFFFF;
text-align: center;
line-height: 26px;
}
.slideUP-Down {
display: flex;
justify-content: center;
align-items: center;
}
.slideUP-Down>span {
font-size: 13px;
color: #262626;
margin-right: 2px;
}
.slideUP-Down>i {
width: 14px;
height: 14px;
background: #262626;
}
.jg-curriculum,.jg-service {
width: 100%;
background: #fff;
margin-top: 12px;
padding-bottom: 16px;
}
.kc-class,.service-class {
width: 100%;
/* height:28px;*/
padding: 12px 16px;
overflow-y: auto;
display: flex;
justify-content: flex-start;
align-items: center;
}
.kc-class::-webkit-scrollbar,.service-class::-webkit-scrollbar {
display: none;
}
.kc-class>li,.service-class>li {
height: 28px;
padding: 0 10px;
background: #FFFFFF;
border-radius: 14px;
border: 1px solid #DFDFE0;
flex-shrink: 0;
margin-right: 8px;
font-size: 12px;
color: #595959;
line-height: 28px;
}
.kc-class>li>a,.service-class>li>a {
color: #595959;
}
.kc-class>.active,.service-class>.active {
color: #FE5900;
border: 1px solid #FE5900;
}
.kc-class>.active>a,.service-class>.active>a {
color: #FE5900;
}
.kc-box,.service-box {
width: 100%;
padding: 0 16px;
}
.kc-box>.active,.service-box>.active {
display: flex;
}
.kc-inner {
display: flex;
justify-content: flex-start;
display: none;
flex-wrap: wrap;
}
.kc-inner .kc-item {
display: block;
width: calc(50% - 5px);
margin-right: 10px;
margin-bottom: 16px;
}
.kc-inner .kc-item:nth-child(2n) {
margin-right: 0;
}
.kc-inner .kc-item img {
display: block;
width: 100%;
height: 100px;
border-radius: 4px;
margin-bottom: 8px;
}
.kc-inner .kc-item .m-class-tuijian-sign {
width: 39px;
height: 20px;
position: absolute;
top: 0;
left: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.kc-inner .kc-item>span {
display: block;
font-size: 15px;
font-weight: 600;
color: #262626;
line-height: 18px;
margin-bottom: 3px;
}
.kc-inner .kc-item>.class-type {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 12px;
color: #595959;
line-height: 17px;
margin-bottom: 3px;
}
.kc-inner .kc-item>.class-type>em {
display: block;
padding: 0 8px;
}
.kc-inner .kc-item>.price {
display: flex;
justify-content: flex-start;
align-items: center;
}
.kc-inner .kc-item>.price>em {
display: block;
font-size: 10px;
font-weight: 600;
color: #FE5900;
}
.kc-inner .kc-item>.price>span {
display: block;
font-size: 16px;
font-weight: 600;
color: #FE5900;
line-height: 22px;
}
.kc-inner .service-foot{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 6px;
}
.kc-inner .service-foot .price{
display: flex;
justify-content: flex-start;
align-items: center;
}
.kc-inner .service-foot .price>em{
display: block;
font-size: 10px;
font-weight: 600;
color: #FE5900;
}
.kc-inner .service-foot .price>span{
display: block;
font-size: 16px;
font-weight: 600;
color: #FE5900;
line-height: 22px;
}
.kc-inner .service-foot .price>var{
display: block;
font-style: normal;
font-size: 12px;
color: #8C8C8C;
line-height: 17px;
}
.kc-inner .service-foot .people-num{
font-size: 12px;
color: #8C8C8C;
line-height: 17px;
}
.tuition {
width: 100%;
background: #fff;
margin-top: 12px;
padding-bottom: 16px;
}
.swiper-container1 {
max-height: 110px;
overflow: hidden;
}
.tuition-list {
height: 100%;
padding: 0 16px;
margin-top: 18px;
}
.tuition-item {
width: 100%;
height: 45px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.tuition-item:last-child {
margin-bottom: 0;
}
.tuition-item .item-l {
display: flex;
justify-content: flex-start;
align-items: center;
}
.tuition-item .item-l>img {
display: block;
width: 36px;
height: 36px;
margin-right: 12px;
}
.tuition-item .item-l .item-l-con .item-name {
width: 56vw;
font-size: 14px;
color: #262626;
line-height: 20px;
display: block;
}
.tuition-item .item-l .item-l-con .item-name span,
.tuition-item .item-l .item-l-con .item-time span {
display: inline;
padding-right: 8px;
}
.tuition-item .item-l .item-l-con .item-name em {
display: inline;
}
.tuition-item .item-l .item-l-con .item-time {
font-size: 13px;
color: #8C8C8C;
line-height: 18px;
}
.tuition-item .item-r {
flex-shrink: 0
}
.tuition-item .item-r>.xf {
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 12px;
font-weight: 600;
color: #FE5900;
line-height: 17px;
}
.tuition-item .item-r>.xf>img {
display: block;
width: 14px;
height: 17px;
margin-right: -4px;
margin-top: -3px;
}
.tuition-item .item-r>.xf>img:last-child {
margin-right: -1px;
}
.tuition-item .item-r .goto-login {
display: block;
width: 68px;
height: 24px;
background: #FFFFFF;
border-radius: 14px;
border: 1px solid #DFDFE0;
font-size: 12px;
color: #262626;
text-align: center;
line-height: 24px;
margin-top: 4px;
}
.short-video {
width: 100%;
background: #fff;
margin-top: 12px;
padding-bottom: 16px;
}
.short-video .video_item::after {
position: absolute;
top: 77px;
left: 15px;
content: '';
height: 20px;
width: 20px;
background: url(../images/list-pic-play-img.svg);
background-size: 100% 100%;
}
.short-video .video_item {
width: 150px;
height: 90px;
}
.evaluated-detail-content .preview_item {
margin-right: 6px;
}
.short-video .video_item video {
width: 150px;
height: auto;
border-radius: 4px;
}
.short-video .video_item .label {
display: block;
width: 56px;
height: 16px;
background: rgba(0, 0, 0, 0.4);
border-radius: 3px;
font-size: 10px;
color: #FFFFFF;
line-height: 16px;
text-align: center;
position: absolute;
right: 4px;
top: 70px;
}
.short-video .video_item .video_item_title {
margin-top: 7px;
font-size: 14px;
font-weight: 600;
color: #262626;
line-height: 20px;
}
.evaluate {
width: 100%;
background: #fff;
margin-top: 12px;
padding-bottom: 16px;
}
.eval-tips {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 12px 0 4px;
}
.eval-tips>i {
width: 16px;
height: 16px;
font-size: 16px;
color: #CDA76E;
text-align: center;
line-height: 16px;
margin-right: 4px;
}
.eval-tips>span {
font-size: 12px;
color: #CDA76E;
/* line-height: 17px; */
}
.eval-score-out {
padding: 16px 0 12px;
margin: 0 16px;
border-bottom: 1px solid #EBEBEB;
display: flex;
justify-content: flex-start;
align-items: center;
}
.eval-score-out .eval-score {
display: flex;
justify-content: flex-start;
align-items: center;
}
.eval-score-out .eval-score>span {
display: block;
font-size: 30px;
font-weight: 600;
color: #FE5900;
line-height: 42px;
margin-right: 8px;
}
.eval-score-r {
height: 42px;
margin-right: 24px;
}
.eval-score-out .eval-score .eval-score-describe {
font-size: 12px;
font-weight: 600;
color: #FE5900;
line-height: 17px;
padding: 4px 0 2px;
}
.eval-score-out .eval-score .jyb-score {
width: 70px;
}
.eval-score-out .eval-score .jyb-score img {
width: 70px;
}
.other-scores {
display: flex;
justify-content: flex-start;
align-items: center;
}
.other-scores .scores-list {
margin-right: 20px;
}
.other-scores .scores-list:last-child {
margin-right: 0;
}
.other-scores .scores-list>span {
display: block;
font-size: 12px;
color: #8C8C8C;
line-height: 17px;
}
.other-scores .scores-list>em {
font-size: 14px;
font-weight: 600;
color: #262626;
line-height: 20px;
}
.evaluate-list {
width: 100%;
padding: 0 16px;
}
.evaluate-list .evaluate-item {
display: block;
width: 100%;
padding: 16px 0 12px;
display: flex;
justify-content: flex-start;
position: relative;
border-bottom: 1px solid #EBEBEB;
}
.evaluate-list .evaluate-item:last-child {
border-bottom: 0;
}
.evaluate-list .evaluate-item .eval-item-head {
display: block;
width: 32px;
height: 32px;
border-radius: 50%;
margin-right: 8px;
font-size: 12.8px;
font-weight: 600;
line-height: 36px;
text-align: center;
color: #fff;
-moz-border-radius: 50%;
border-radius: 50%;
background: #43a0eb;
}
.evaluate-list .evaluate-item .eval-item-r {
width: calc(100% - 40px);
}
.eval-item-r .selected {
display: block;
width: 55px;
height: 55px;
position: absolute;
right: -5px;
top: 3px;
}
.eval-name {
width: 100%;
height: 20px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.eval-name>span {
display: block;
font-size: 14px;
color: #262626;
line-height: 20px;
margin-right: 8px;
}
.eval-name>.jyb-score {
margin-right: 4px;
}
.eval-name>.jyb-score i {
display: block;
width: 60px;
height: 12px;
}
.jyb-score-top i {
background: linear-gradient(180deg, #FF6100 0%, #FE8D00 100%);
}
.jyb-score-bottom i {
background: #D9D9DA;
}
.eval-name>em {
display: block;
font-size: 12px;
font-weight: 600;
color: #FE5900;
}
.eval-name .xufei {
display: block;
width: 54px;
height: 18px;
background: #FE5900;
border-radius: 2px;
font-style: normal;
font-size: 11px;
color: #FFFFFF;
text-align: center;
line-height: 18px;
zoom: 0.9;
}
.eval-name .jieke {
display: block;
width: 54px;
height: 18px;
background: #1A8CFF;
border-radius: 2px;
font-style: normal;
font-size: 11px;
color: #FFFFFF;
text-align: center;
line-height: 18px;
zoom: 0.9;
}
.eval-item-r .curr {
display: block;
font-size: 12px;
color: #8C8C8C;
line-height: 17px;
}
.eval-item-r .ping {
display: flex;
justify-content: flex-start;
align-items: center;
}
.eval-item-r .ping>div {
font-size: 12px;
color: #8C8C8C;
line-height: 17px;
}
.eval-item-r .ping>.jyb-score i {
display: block;
width: 60px;
height: 12px;
}
.eval-item-r .ping>em {
display: block;
font-size: 12px;
font-weight: 600;
color: #FE5900;
}
.tuitions {
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 12px;
color: #8C8C8C;
line-height: 17px;
margin-right: 8px;
position: absolute;
top: 36px;
right: 0px;
}
.tuitions>span {
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 12px;
color: #8C8C8C;
line-height: 17px;
}
.tuitions>span>img {
display: block;
width: 14px;
height: 17px;
margin-right: -4px;
margin-top: -3px;
}
.tuitions>span>img:last-child {
margin-right: -1px;
}
.eval-item-r .time-tuition {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
margin-right: 68px;
}
.eval-item-r .time-tuition>div {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 12px;
color: #8C8C8C;
line-height: 17px;
margin-right: 8px;
}
.eval-item-r .time-tuition>div>span {
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 12px;
color: #8C8C8C;
line-height: 17px;
}
.eval-item-r .time-tuition>div>span>img {
display: block;
width: 14px;
height: 17px;
margin-right: -4px;
margin-top: -3px;
}
.eval-item-r .time-tuition>div>span>img:last-child {
margin-right: -1px;
}
.eval-item-r .goto-login {
display: block;
width: 68px;
height: 24px;
background: #FFFFFF;
border-radius: 14px;
border: 1px solid #DFDFE0;
position: absolute;
top: 60px;
right: 0px;
font-size: 12px;
color: #262626;
text-align: center;
line-height: 24px;
}
.eval-item-r .eval-text {
font-size: 15px;
color: #262626;
line-height: 21px;
margin-bottom: 12px;
}
.eval-item-r .evaluated-detail-content {
height: auto;
margin-bottom: 0;
}
.eval-item-r .evaluated-detail-content .imgs {
flex-wrap: wrap;
}
.eval-item-r .evaluated-detail-content .preview_item {
width: calc(25% - 4px);
max-height: 80px;
height: 75px;
margin-left: 0 !important;
margin-right: 4px;
margin-bottom: 4px;
}
.eval-item-r .evaluated-detail-content .preview_item:nth-child(4n) {
margin-right: 0;
}
.eval-item-r .evaluated-detail-content .preview_item img {
display: block;
width: 100%;
height: 100%;
}
.eval-item-r .evaluated-detail-content .imgs .preview_item:last-child {
margin-right: 0;
}
.brief-intr {
width: 100%;
background: #fff;
margin-top: 12px;
}
.jg-characteristic {
width: calc(100% - 32px);
margin: 16px 16px 12px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(254, 127, 0, 0.1) 100%);
border-radius: 13px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.jg-characteristic .jg-cha-img {
display: block;
width: 16px;
height: 16px;
margin: 0 2px 0 8px;
}
.jg-characteristic span {
display: block;
font-size: 14px;
font-weight: 600;
color: #FE5900;
}
.brief-intr .intr-con-out {
position: relative;
overflow: hidden;
}
.brief-intr .intr-com {
max-height: 288px;
padding: 0 16px 12px;
font-size: 15px;
color: #262626;
line-height: 21px;
overflow: hidden;
}
.brief-intr .intr-com img {
display: block;
width: 100%;
height: auto;
margin: 16px 0;
}
.brief-intr .intr-com p {
font-size: 15px;
color: #262626;
line-height: 21px;
padding-bottom: 10px;
}
.brief-intr .intr-mask {
width: 100%;
height: 80px;
background: linear-gradient(180deg, rgba(254, 255, 255, 0) 0%, #FFFFFF 100%);
position: absolute;
left: 0;
top: 208px;
z-index: 1;
}
.intr-up-down {
width: calc(100% - 32px);
height: 36px;
margin: 0 auto;
background: #FFFFFF;
border-radius: 18px;
border: 1px solid #D9D9DA;
display: flex;
justify-content: center;
align-items: center;
z-index: 9;
position: relative;
}
.intr-up-down>span {
font-size: 13px;
color: #262626;
}
.intr-up-down>i {
width: 16px;
height: 16px;
background: #262626;
}
.char-list {
width: 100%;
padding: 16px 16px 0;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.char-list .char-item {
width: calc(33% - 8px);
height: 32px;
background: #F5F7FA;
border-radius: 4px;
margin-right: 8px;
margin-bottom: 8px;
font-size: 13px;
color: #7C8AA6;
text-align: center;
line-height: 32px;
}
.char-list .char-item:nth-child(3n) {
margin-right: 0;
}
.teacher {
width: 100%;
background: #fff;
margin-top: 10px;
overflow: hidden;
}
.teacher-list {
margin: 16px 16px 0;
background: #FAFBFC;
border-radius: 4px;
padding: 0 6px;
display: flex;
justify-content: flex-start;
overflow-y: auto;
}
.teacher-list .teacher-item {
width: 63px;
padding: 16px 10px;
box-sizing: content-box;
}
.teacher-list .teacher-item>img {
display: block;
width: 63px;
height: 63px;
margin-bottom: 4px;
border-radius: 50%;
}
.teacher-list .teacher-item>span {
display: block;
font-size: 14px;
font-weight: 600;
color: #323232;
line-height: 20px;
text-align: center;
margin-bottom: 2px;
}
.teacher-list .teacher-item>em {
display: block;
font-size: 12px;
color: #666666;
text-align: center;
line-height: 17px;
}
.teacher-list::-webkit-scrollbar {
display: none;
}
.campus {
width: 100%;
background: #fff;
margin-top: 12px;
padding-bottom: 16px;
}
.m-school-content-map {
width: 100%;
height: 161px;
margin-top: 16px;
}
.m-school-map-marker {
width: 18px;
height: 22px;
position: absolute;
font-size: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
color: #fff;
}
.m-school-map-num {
width: 18px;
height: 22px;
position: absolute;
z-index: 2;
top: 0;
left: 0;
display: block !important;
line-height: 22px;
text-align: center;
}
.m-school-map-icon {
width: 18px;
height: 22px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
font-size: 28px;
cursor: pointer;
}
.m-school-map-marker-info {
min-width: 20px;
max-width: 170px;
height: 28px;
padding: 0 10px;
position: absolute;
top: -32px !important;
left: 50%;
line-height: 28px;
-webkit-transform: translateX(-45%);
-moz-transform: translateX(-45%);
-ms-transform: translateX(-45%);
transform: translateX(-45%);
text-align: center;
-moz-border-radius: 14px;
border-radius: 14px;
background: #fff;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .20);
-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .20);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .20);
display: none;
}
/* .m-school-popper__arrow{width:0;height:0;position:absolute;bottom:-6px;left:50%;-webkit-transform:translateX(-45%);-moz-transform:translateX(-45%);-ms-transform:translateX(-45%);transform:translateX(-45%);border-top:solid 6px rgba(17,132,225,.80);border-right:solid 6px transparent;border-left:solid 6px transparent;}
*/
.m-school-map-marker-info h3 {
font-size: 12px;
font-weight: 600;
color: #262626;
line-height: 28px;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
}
.m-school-map-blue,
.m-school-map-marker.active .m-school-map-red {
display: none;
}
.m-school-map-red,
.m-school-map-marker.active .m-school-map-blue {
display: block !important;
}
/* .m-school-map-marker .m-school-map-marker-info,.m-school-map-marker.active-single .m-school-map-icon,.m-school-map-marker.active-single .m-school-map-num{display:none;}
*/
.m-school-map-marker.active-single .m-school-map-marker-info {
display: block !important;
}
.m-school-cur-location {
width: 32px;
height: 32px;
position: absolute;
z-index: 1;
top: 14px;
left: 0;
font-size: 28px;
cursor: pointer;
}
.m-school-popper__arrow {
border-top: solid 6px rgba(255, 255, 225, 1);
}
.campus-list {
width: 100%;
padding: 0 8px;
}
.campus-list>li {
width: 100%;
height: 70px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.campus-list>li .cam-list-l {
width: 24px;
height: 24px;
margin-right: 8px;
position: relative;
}
.campus-list>li .cam-list-l>i {
width: 24px;
height: 24px;
background: #DBDBDC;
}
.campus-list>li .cam-list-l>span {
display: block;
width: 24px;
height: 24px;
position: absolute;
left: 0px;
top: -1px;
text-align: center;
line-height: 24px;
font-size: 12px;
color: #DBDBDC;
}
.cam-list-r {
width: calc(100% - 32px);
height: 70px;
padding: 14px 14px 14px 0;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #eee;
}
.cam-list-r .cam-con {
width: calc(100% - 108px);
}
.cam-list-r .cam-con .cam-con-t {
width: 100%;
height: 20px;
margin-bottom: 4px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.cam-list-r .cam-con .cam-con-t>span {
display: block;
font-size: 15px;
font-weight: 600;
color: #262626;
margin-right: 8px;
}
.cam-list-r .cam-con .cam-con-t>em {
display: block;
flex-shrink: 0;
font-size: 12px;
color: #595959;
}
.cam-list-r .cam-con>span {
display: block;
font-size: 12px;
color: #595959;
line-height: 17px;
}
.cam-list-r .cam-btn {
display: flex;
justify-content: flex-end;
align-items: center;
}
.cam-list-r .cam-btn .xq-t2-r-btn {
width: 24px;
height: 36px;
margin-left: 20px;
}
.cam-list-r .cam-btn .xq-t2-r-btn i {
display: block;
width: 20px;
height: 20px;
margin: 0 auto 2px;
}
.cam-list-r .cam-btn .xq-t2-r-btn span {
display: block;
font-size: 10px;
color: #595959;
line-height: 16px;
}
.recommend {
width: 100%;
background: #fff;
margin-top: 12px;
}
.rec-jg-list {
width: 100%;
padding: 0 16px;
}
.rec-jg-list .course-collect-content-li {
display: block;
position: relative;
background-color: #fff;
padding: 16px 0;
border-bottom: 1px solid #EBEBEB;
}
.rec-jg-list .course-collect-content-li:last-child {
border-bottom: 0;
}
.rec-jg-list .course-collect-content-li .item-subject {
position: relative;
display: flex;
}
.rec-jg-list .course-collect-content-li .item-subject .item-logo {
margin: 4px 10px 0 0;
position: relative;
width: 85px;
height: 85px;
}
.rec-jg-list .course-collect-content-li .item-subject .item-logo:before {
content: '';
position: absolute;
width: 200%;
height: 200%;
border: 1px solid #EBEBEB;
border-radius: 8px;
transform-origin: 0 0;
transform: scale(0.5, 0.5);
}
.rec-jg-list .course-collect-content-li .item-subject .item-logo img {
width: 100%;
height: 100%;
}
.rec-jg-list .course-collect-content-li .item-subject .item-logo .item-logo-offline {
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 19px;
width: 100%;
font-size: 12px;
background-color: #fff;
background: #262626;
line-height: 21px;
color: #FFFFFF;
text-align: center;
border-radius: 0 0 3px 3px;
}
.rec-jg-list .course-collect-content-li .item-subject .course-collect-logo {
width: 115px;
height: 68px;
margin: 0 10px 0 0;
min-width: 115px;
}
.rec-jg-list .course-collect-content-li .item-subject .course-collect-logo::before {
content: none;
}
.rec-jg-list .course-collect-content-li .item-subject .course-collect-logo img {
width: 100%;
height: 100%;
border-radius: 4px;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info {
position: relative;
flex: 1;
width: 50%;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info .item-title {
font-weight: 600;
font-size: 16px;
color: #262626;
letter-spacing: 0;
margin-bottom: 5px;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info .course-collect-title {
font-size: 14px;
margin-top: 3px;
margin-bottom: 5px;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info .item-evaluate {
margin-bottom: 4px;
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info .item-evaluate .item-score {
font-weight: 600;
font-size: 12px;
color: #FE5900;
letter-spacing: 0;
margin-right: 8px;
}
.rec-jg-list .jyb-score i {
display: block;
width: 60px;
height: 12px;
}
.item-eval {
display: flex;
justify-content: flex-start;
align-items: center;
}
.item-eval>span {
font-size: 12px;
color: #262626;
}
.item-eval>i {
width: 14px;
height: 14px;
background: #262626;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info .item-evaluate .advisory-item {
font-size: 12px;
color: #262626;
letter-spacing: 0;
margin-left: 6px;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info .item-evaluate .course-collect-label {
padding-right: 7px;
border-right: 1px solid #D9D9DA;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info .item-evaluate .course-collect-info {
margin-left: 4px;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info .collect-evaluate {
display: flex;
justify-content: start;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info .please-enquiry {
margin-top: 5px;
font-size: 12px;
color: #595959;
letter-spacing: 0;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info .item-address {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 6px;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info .item-address>div {
display: flex;
justify-content: flex-start;
align-items: center;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info .item-address .icon-map-linear {
width: 12px;
height: 12px;
display: inline-block;
-webkit-mask: url(../fonts/list-hot-icon.svg) no-repeat;
mask: url(../fonts/list-hot-icon.svg) no-repeat;
background-color: #FF6800;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info .item-address .item-address-info {
max-width: 25vw;
margin-left: 2px;
font-size: 12px;
color: #FF6800;
letter-spacing: 0;
}
.item-address-r i {
width: 12px;
height: 12px;
margin-right: 2px;
}
.item-address-r span {
display: block;
font-size: 12px;
color: #8C8C8C;
margin-right: 8px;
max-width: 20vw;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info .item-label {
display: flex;
flex-wrap: wrap;
}
.rec-jg-list .course-collect-content-li .item-subject .item-info .item-label li {
height: 18px;
padding: 1px 4px;
background-color: #F1FBFF;
color: #1A8CFF;
letter-spacing: 0;
text-align: center;
line-height: 16px;
margin-bottom: 0;
font-size: 11px;
-webkit-transform: scale(0.916);
}
.rec-jg-list .course-collect-content-li .item-subject .item-tag {
position: absolute;
top: 0;
right: 0;
}
.rec-jg-list .course-collect-content-li .item-subject .item-tag .item-tag-juan,
.rec-jg-list .course-collect-content-li .item-subject .item-tag .item-tag-zhe {
display: inline-block;
height: 16px;
width: 16px;
background: #FF8240;
border-radius: 2px;
font-size: 11px;
color: #FFFFFF;
letter-spacing: 0;
line-height: 16px;
text-align: center;
}
.rec-jg-list .course-collect-content-li .item-subject .item-tag .item-tag-zhe {
background: #FFB340;
}
.rec-jg-list .course-collect-content-li .item-subject .item-distance {
position: absolute;
top: 29px;
right: 0;
font-size: 12px;
color: #595959;
letter-spacing: 0;
}
.rec-jg-list .course-collect-content-li .item-subject .consult-num {
top: 48px;
}
.rec-jg-list .course-collect-content-li .item-activity {
position: relative;
margin-left: 95px;
display: flex;
margin-top: 20px;
margin-bottom: -4px;
}
.rec-jg-list .course-collect-content-li .item-activity::before {
content: '';
height: 1px;
position: absolute;
top: -11.5px;
left: 0;
display: block;
width: 100%;
background: #EBEBEB;
transform: scaleY(0.5);
}
.rec-jg-list .course-collect-content-li .item-activity .item-activity-new {
position: absolute;
top: 0;
left: -43px;
width: 33px;
height: 16px;
background: url("../images/list-new-tag@3x.png");
background-size: 100% 100%;
}
.rec-jg-list .course-collect-content-li .item-activity .item-activity-price {
display: inline-block;
height: 16px;
white-space: nowrap;
background-color: #fff8f1;
padding: 0 4px;
font-size: 11px;
color: #FE5900;
border-radius: 2px;
letter-spacing: 0;
text-align: center;
line-height: 16px;
margin-right: 4px;
}
.rec-jg-list .course-collect-content-li .item-activity .item-activity-info {
font-size: 12px;
color: #595959;
letter-spacing: 0;
line-height: 16px;
}
.rec-jg-list .collect-li {
padding: 12px;
}
.rec-jg-list .item-activity-collect {
margin-left: 125px !important;
}
.relevant {
width: 100%;
background: #fff;
margin-top: 12px;
padding-bottom: 8px;
}
.relevant .rel-list {
padding: 16px 16px 0;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.relevant .rel-list .rel-item {
display: block;
width: calc(50% - 5px);
margin-right: 10px;
margin-bottom: 8px;
font-size: 14px;
color: #262626;
line-height: 20px;
}
.relevant .rel-list .rel-item:nth-child(2n) {
margin-right: 0;
}
.jg-foot {
width: 100%;
height: 56px;
background: #fff;
position: fixed;
left: 0;
bottom: 0;
z-index: 10;
padding: 8px;
display: flex;
justify-content: space-between;
align-items: center;
}
.foot-icon-btn {
width: 156px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.foot-icon-btn>div {
padding: 0 12px;
position: relative;
}
.foot-icon-btn>div img {
display: block;
width: 24px;
height: 24px;
}
.foot-icon-btn>div span {
display: block;
width: 100%;
height: 16px;
font-size: 11px;
color: #595959;
line-height: 16px;
}
/* .jg-foot .foot-appointment {
flex: 1;
height: 40px;
background: linear-gradient(270deg, #FF6100 0%, #FE8D00 100%);
border-radius: 20px;
font-size: 16px;
font-weight: 600;
color: #FFFFFF;
text-align: center;
line-height: 40px;
} */
.jg-foot .jg-foot-icon-kf {
flex: 1;
height: 40px;
background: linear-gradient(270deg, #FF6100 0%, #FE8D00 100%);
border-radius: 20px;
font-size: 16px;
font-weight: 600;
color: #FFFFFF;
text-align: center;
line-height: 40px;
}
.foot-tips {
/* width:290px;*/
height: 45px;
background: #FFFBF7;
border: 1px solid #FE8A00;
border-radius: 23px;
position: absolute;
right: 16px;
bottom: 60px;
display: none;
}
.foot-tips>i {
display: block;
width: 12px;
height: 6px;
background: #FFFBF7;
border-left: 1px solid #FE8A00;
border-bottom: 1px solid #FE8A00;
transform: rotate(-24deg);
position: absolute;
right: 44px;
bottom: -4px;
}
.foot-tips>div {
width: 100%;
height: 42px;
display: flex;
justify-content: space-between;
align-items: center;
}
.foot-tips>div>span {
display: block;
font-size: 14px;
color: #FE5900;
padding: 0 4px 0 16px;
}
.foot-tips>div>i {
width: 16px;
height: 16px;
background: #8F8F8F;
margin-right: 16px;
}
/* .jg-foot-icon-kf {
animation: mymove 10s infinite;
} */
@keyframes mymove {
0% {
transform: rotate(10deg);
}
1% {
transform: rotate(-10deg);
}
2% {
transform: rotate(10deg);
}
3% {
transform: rotate(-10deg);
}
4% {
transform: rotate(10deg);
}
5% {
transform: rotate(0deg);
}
}
.foot-icon-btn .num {
display: none;
position: absolute;
top: -4px;
right: 3px;
height: 17px;
width: 17px;
/* background-color:#FE1940;*/
background-color: #FE5900;
color: #fff;
font-size: 12px;
text-align: center;
line-height: 18px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.jg-foot-icon-kf .num {
display: block;
padding: 0 5px;
background-color: #FE5900;
font-size: 12px;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
position: absolute;
top: -4px;
right: 3px;
height: unset;
width: unset;
}
/* 閻犲洤澧介埢濂稿礆濡ゅ嫨鈧拷 */
.head-top {
width: 100%;
height: 44px;
background: #fff;
position: fixed;
left: 0;
top: 0;
z-index: 100;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #E5E8ED;
box-shadow: 0px 0px 0px 0px #E5E8ED;
}
.head-top .head-top-l {
width: 80px;
display: flex;
justify-content: space-between;
padding: 0px 12px;
}
.head-top .head-top-c {
width: calc(100% - 160px);
font-size: 17px;
font-weight: 600;
color: #262626;
text-align: center;
line-height: 24px;
}
.head-top .head-top-r {
width: 80px;
display: flex;
justify-content: flex-end;
padding: 0px 12px;
}
.head-top .head-top-l i,
.head-top .head-top-r i {
display: block;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
color: #262626;
}
.head-top-r .shake {
animation: mymove 10s;
}
.list-menu {
width: 110px;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
border-radius: 8px;
position: fixed;
right: 8px;
top: 52px;
z-index: 102;
display: none;
}
.list-menu a {
display: block;
width: 100%;
height: 44px;
padding: 0 15px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.list-menu a>i {
display: block;
width: 16px;
/* height:16px;*/
font-size: 16px;
margin-right: 8px;
}
.list-menu a>span {
display: block;
font-size: 14px;
color: #262626;
line-height: 20px;
}
.swiper-container-jg-nav {
width: 100%;
height: 28px;
padding: 0 16px;
margin-top: 4px;
overflow: hidden;
}
.swiper-container-jg-nav .swiper-slide {
width: auto;
margin-right: 8px;
}
.swiper-container-jg-nav .swiper-slide:last-child {
margin-right: 0;
}
.swiper-container-jg-nav .swiper-slide a {
display: block;
width: auto;
height: 28px;
padding: 5px 10px;
background: #FFFFFF;
border-radius: 14px;
border: 1px solid #DFDFE0;
font-size: 12px;
color: #595959;
}
.swiper-container-jg-nav .active a {
border: 1px solid #FE5900;
color: #FE5900;
}
.relevant-kc {
width: 100%;
padding: 0 16px 16px;
}
.relevant-kc-list {
width: 100%;
margin-top: 12px;
}
.relevant-kc .relevant-kc-item {
height: 54px;
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 12px;
}
.relevant-kc .relevant-kc-item .kc-item-img {
width: 90px;
height: 54px;
}
.relevant-kc .relevant-kc-item .kc-item-img img {
border-radius: 4px;
}
.relevant-kc .relevant-kc-item .kc-item-img .m-class-tuijian-sign {
width: 39px;
height: 20px;
position: absolute;
top: 0;
left: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.relevant-kc .relevant-kc-item .m-class-intro {
width: calc(100% - 102px);
height: 54px;
}
.relevant-kc .relevant-kc-item .m-class-intro>h3 {
width: 100%;
margin-bottom: 11px;
font-size: 15px;
color: #262626;
line-height: 20px;
}
.relevant-kc .relevant-kc-item .m-class-intro>div {
width: 100%;
margin-top: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.relevant-kc .relevant-kc-item .m-class-intro>div>ul {
display: flex;
justify-content: flex-start;
align-items: center;
}
.relevant-kc .relevant-kc-item .m-class-intro>div>ul>li {
padding-right: 13px;
position: relative;
font-size: 12px;
color: #8C8C8C;
line-height: 16px;
}
.relevant-kc .relevant-kc-item .m-class-intro>div>ul>li::after {
content: '';
width: 1px;
height: 10px;
background: #D9D9DA;
position: absolute;
right: 6px;
top: 3px;
}
.relevant-kc .relevant-kc-item .m-class-intro>div>ul>li:last-child {
padding-right: 0;
}
.relevant-kc .relevant-kc-item .m-class-intro>div>ul>li:last-child::after {
display: none;
}
.relevant-kc .relevant-kc-item .m-class-intro .flex-box {
margin: 0;
font-size: 13px;
color: #595959;
line-height: 22px;
}
.relevant-kc .relevant-kc-item .m-class-intro .price {
font-size: 16px;
font-weight: 600;
color: #FE5900;
line-height: 22px;
}
.relevant-kc .relevant-kc-item .m-class-intro .price span {
font-size: 10px;
}
.m-list-container {
width: 100%;
padding: 0 16px;
}
.m-list-container .m-list-container-item:last-child {
padding-bottom: 16px;
}
.m-list-container-item .m-module-title {
height: 24px;
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 16px;
box-sizing: content-box;
}
.m-list-container-item .m-module-title>span {
display: block;
font-size: 17px;
font-weight: 600;
color: #262626;
line-height: 24px;
}
.m-list-container-item .m-module-title>i {
display: block;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
}
.m-list-out>li {
margin-top: 16px;
}
.m-list-out>li:first-child {
margin-top: 12px;
}
.m-list-out>li .m-class-img {
display: block;
width: 132px;
height: 79px;
}
.m-list-out>li .m-class-img>img {
width: 100%;
height: 100%;
border-radius: 4px;
}
.m-list-out>li .m-class-intro {
margin-left: 12px;
}
.m-list-out>li .m-class-intro h3 {
width: calc(100vw - 176px);
font-size: 15px;
font-weight: 600;
color: #262626;
line-height: 21px;
}
.m-list-out>li .m-class-intro .price {
font-size: 16px;
font-weight: 600;
color: #FE5900;
line-height: 22px;
}
.m-list-out>li .m-class-intro .price span {
font-size: 10px;
}
.m-list-out>li .m-class-intro .service-foot,.relevant-kc .relevant-kc-item .m-class-intro .service-foot{
height: auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.m-list-out>li .m-class-intro .service-foot em,.relevant-kc .relevant-kc-item .m-class-intro .service-foot em{
font-size: 16px;
font-weight: 600;
color: #FE5900;
line-height: 22px;
}
.m-list-out>li .m-class-intro .service-foot var,.relevant-kc .relevant-kc-item .m-class-intro .service-foot var{
display: block;
font-style: normal;
font-size: 12px;
color: #8C8C8C;
line-height: 17px;
font-weight: 400;
}
.m-list-out>li .m-class-intro .service-foot .people-num,.relevant-kc .relevant-kc-item .m-class-intro .service-foot .people-num{
font-size: 12px;
color: #8C8C8C;
line-height: 17px;
}
/* 閻犲洤澧介埢鑲╂嫚閿旇棄鍓� */
.curr-swiper-container {
width: 100%;
height: 60vw;
}
.curr-swiper-container .video-container {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.curr-swiper-container .video-container .m-class-imgbanner {
display: block;
width: 100%;
height: 100%;
}
.currdet-info {
width: 100%;
padding: 16px 16px 0;
}
.course-teacher {
width: 100%;
}
.teacher-lists {
width: 100%;
padding: 0 16px 16px;
}
.teacher-lists>a {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 80px;
margin-top: 8px;
background: #FAFBFC;
border-radius: 8px 8px 8px 8px;
}
.teacher-lists>a>img {
display: block;
width: 48px;
height: 48px;
border-radius: 50%;
margin-right: 12px;
}
.teacher-lists>a>.tea-list-r {
width: calc(100% - 60px);
height: 48px;
}
.teacher-lists>a>.tea-list-r>div {
display: flex;
justify-content: flex-start;
align-items: center;
}
.teacher-lists>a>.tea-list-r>div>span {
display: block;
font-size: 15px;
font-weight: 600;
color: #262626;
line-height: 20px;
}
.teacher-lists>a>.tea-list-r>div>em {
display: block;
margin-left: 10px;
font-size: 13px;
color: #595959;
line-height: 18px;
}
.teacher-lists>a>.tea-list-r>p {
display: block;
margin-top: 6px;
font-size: 13px;
color: #8C8C8C;
line-height: 18px;
}
/*.currdet-t1 {
padding-bottom: 13px;
border-bottom: 1px solid #EBEBEB;
}*/
.course-category {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 2px;
}
.course-category>li {
display: block;
font-size: 12px;
color: #ABABAB;
line-height: 16px;
padding-right: 14px;
position: relative;
}
.course-category>li::after {
content: '';
width: 2px;
height: 2px;
background: #ABABAB;
border-radius: 50%;
position: absolute;
right: 6px;
top: 7px;
}
.course-category>li:last-child::after {
display: none;
}
.currdet-info .currdet-title {
font-size: 22px;
font-weight: 600;
color: #262626;
line-height: 30px;
margin-bottom: 12px;
}
.course-det-open {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
overflow: hidden;
}
/* .course-det-open span:first-child{max-width:calc( 50% - 60px);}
*/
.course-det-open span {
padding-right: 8px;
margin-right: 8px;
position: relative;
display: inline-block;
height: 18px;
font-size: 13px;
color: #595959;
flex-shrink: 0;
max-width: calc(50% - 58px);
}
.course-det-open i {
display: inline-block;
margin-right: 2px;
max-width: calc(100% - 28px);
color: #1A8CFF;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
}
.course-det-open span:after {
content: '';
width: 1px;
height: 12px;
background: #D9D9DA;
position: absolute;
right: 0;
top: 3px;
}
.course-det-open span:last-child:after {
content: '';
width: 0;
}
.currdet-label {
width: 100%;
/*margin-top: 8px;*/
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.currdet-label > span {
display: block;
height: 18px;
font-size: 11px;
padding: 0 4px;
color: #FE5900;
line-height: 18px;
margin-right: 4px;
margin-top: 8px;
background: #FFF9F2;
border-radius: 2px;
}
.course-content {
width: 100%;
margin-top: 12px;
background: #F8FDFF;
background-size: 50% 50%;
border-radius: 8px 8px 8px 8px;
padding: 12px 12px 16px;
border-radius: 8px;
position: relative;
}
.course-tit {
display: block;
font-size: 17px;
font-weight: 600;
color: #262626;
line-height: 24px;
}
.course-content>p {
display: block;
margin-top: 6px;
font-size: 14px;
color: #262626;
line-height: 20px;
}
.course-content>img {
display: block;
width: 80px;
height: 80px;
position: absolute;
right: 0px;
bottom: 0px;
}
.course-highlights {
width: 100%;
margin-top: 8px;
background: #F8FDFF;
border-radius: 8px 8px 8px 8px;
padding: 12px 12px 16px;
border-radius: 8px;
position: relative;
}
.course-highlights>ul {
width: 100%;
}
.course-highlights>ul>li:first-child {
margin-top: 8px;
}
.course-highlights>ul>li {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 4px;
}
.course-highlights>ul>li>i {
display: block;
width: 16px;
height: 16px;
margin-right: 8px;
font-size: 14px;
color: #1A8CFF;
text-align: center;
line-height: 16px;
}
.course-highlights>img {
display: block;
width: 80px;
height: 80px;
position: absolute;
right: 0px;
bottom: 0px;
}
.course-info {
width: 100%;
height: 64px;
padding: 0 12px;
display: flex;
justify-content: space-between;
align-items: center;
background: #FAFBFC;
margin-top: 8px;
border-radius: 8px;
}
.course-info>li {
width: 25%;
margin-right: 16px;
}
.course-info>li:last-child {
margin-right: 0px;
}
.course-info>li .info-tit {
width: 100%;
height: 16px;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 4px;
}
.course-info>li .info-tit>i {
display: block;
width: 16px;
height: 16px;
font-size: 14px;
color: #ABABAB;
text-align: center;
line-height: 16px;
}
.course-info>li .info-tit>span {
display: block;
margin-left: 4px;
font-size: 12px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #8C8C8C;
line-height: 16px;
}
.course-info>li .info-text {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
}
.course-info>li .info-text>span {
display: block;
font-size: 13px;
color: #262626;
text-align: center;
line-height: 18px;
}
.course-info>li .info-text>i {
display: block;
width: 16px;
height: 16px;
font-size: 14px;
color: #ABABAB;
text-align: center;
line-height: 16px;
}
.course-info > li .info-text .tips {
width: 200px;
display: block;
/* height: 32px;*/
background: #FFFFFF;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
padding: 7px 12px;
border-radius: 4px;
border: 1px solid #E4E7ED;
position: absolute;
right: -8px;
top: 23px;
font-size: 12px;
color: #303133;
line-height: 18px;
/*white-space: nowrap;
text-overflow: ellipsis;*/
display: none;
z-index: 1;
}
.course-info>li .info-text .tips::after {
content: '';
width: 0px;
height: 0px;
border: 4px solid transparent;
border-bottom: 4px solid #E4E7ED;
position: absolute;
right: 11px;
top: -9px;
}
.course-info>li .info-text .tips::before {
content: '';
width: 0px;
height: 0px;
border: 4px solid transparent;
border-bottom: 4px solid #fff;
position: absolute;
right: 11px;
top: -8px;
z-index: 1;
}
.course-tuition {
width: 100%;
height: 64px;
padding: 14px 12px;
background: #FFFFFF;
border: 1px solid #F5F6F7;
margin-top: 8px;
border-radius: 8px;
display: flex;
justify-content: space-between;
align-items: center;
}
.course-tuition .tuition-l {
display: flex;
justify-content: flex-start;
align-items: center;
}
.course-tuition .tuition-l>span {
display: block;
margin-right: 12px;
font-size: 13px;
color: #262626;
line-height: 18px;
}
.course-tuition .tuition-l>div {
width: 88px;
height: 36px;
position: relative;
}
.course-tuition .tuition-l>div>img {
display: block;
width: 88px;
height: 24px;
position: absolute;
left: 0px;
bottom: 0px;
}
.course-tuition .tuition-l>div>span {
display: block;
height: 20px;
background: #FFF3E6;
border: 1px solid #FFD0A3;
position: absolute;
left: 50%;
bottom: 14px;
transform: translate(-50%);
padding: 0 5px;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 13px;
font-weight: 600;
color: #FE5900;
line-height: 18px;
}
.course-tuition .tuition-l>div>span::after {
content: '';
width: 0px;
height: 0px;
border: 4px solid transparent;
border-top: 4px solid #FFD0A3;
position: absolute;
right: 50%;
bottom: -9px;
transform: translate(50%);
}
.course-tuition .tuition-l>div>span::before {
content: '';
width: 0px;
height: 0px;
border: 4px solid transparent;
border-top: 4px solid #FFF3E6;
position: absolute;
right: 50%;
bottom: -8px;
transform: translate(50%);
z-index: 1;
}
.course-tuition .tuition-r {
width: 108px;
height: 36px;
background: #fff;
border-radius: 18px;
border: 1px solid #FFD0A3;
display: flex;
justify-content: center;
align-items: center;
}
.course-tuition .tuition-r>i {
display: block;
width: 16px;
height: 16px;
font-size: 14px;
color: #FE5900;
text-align: center;
line-height: 16px;
}
.course-tuition .tuition-r>span {
font-size: 14px;
font-weight: 600;
color: #FE5900;
line-height: 20px;
}
.currdet-t2 {
width: 100%;
padding: 0px 16px 16px;
}
.course-det-info>li {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 15px;
height: 21px;
font-size: 13px;
color: #8C8C8C;
line-height: 18px;
}
.course-det-info>li:first-child {
margin: 0;
}
.course-det-info>li>.title {
display: block;
font-size: 13px;
color: #8C8C8C;
line-height: 20px;
margin-right: 28px;
flex-shrink: 0;
}
.course-det-info>li .price>a {
font-size: 15px;
color: #FE5900;
line-height: 20px;
text-decoration: underline;
}
.course-det-info>li>.people {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 15px;
color: #262626;
line-height: 20px;
}
.course-det-info .course-info-price .people {
font-size: 13px;
color: #8C8C8C;
}
.course-det-info .course-info-price .price {
font-size: 13px;
color: #FE5900;
}
.course-det-info>li>.people>i {
width: 14px;
height: 20px;
color: #8C8C8C;
text-align: center;
line-height: 20px;
}
.course-det-info .course-info-school .data {
width: 41px;
font-size: 15px;
color: #262626;
}
.course-det-info .course-info-school .people {
position: relative;
width: calc(100% - 123px);
color: #8C8C8C;
overflow: hidden;
}
.course-det-info .course-info-school .people .school-name {
float: left;
width: calc(100% - 18px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
color: #8C8C8C;
line-height: 20px;
}
.m-course-det-school {
margin: 16px 0 0;
}
.m-course-det-school .xq-t2-r {
display: flex;
justify-content: flex-end;
align-items: center;
}
.m-course-det-school .xq-t2-r .xq-t2-r-btn {
width: 42px;
}
.m-course-det-school .xq-t2-r .xq-t2-r-btn>i {
display: block;
width: 20px;
height: 20px;
margin: 0 auto;
font-size: 20px;
text-align: center;
line-height: 20px;
}
.m-course-det-school .xq-t2-r .xq-t2-r-btn>span {
display: block;
margin-top: 4px;
font-size: 11px;
color: #595959;
text-align: center;
line-height: 15px;
}
.m-school-right-tel li {
float: left;
margin-left: 14px;
margin-right: 4px;
cursor: pointer;
}
.m-school-right-tel li img {
width: 22px;
margin: auto;
display: block;
}
.m-school-right-tel li p {
font-size: 11px;
color: #1A8CFF;
line-height: 16px;
text-align: center;
}
.m-course-map-no {
position: relative;
display: inline-block;
padding: 0 12px;
height: 36px;
line-height: 36px;
font-size: 13px;
color: #1A8CFF;
cursor: pointer;
background: #F1F9FE;
border-radius: 22px;
}
.m-course-map-no img {
width: 15px;
height: 15px;
display: inline-block;
vertical-align: text-bottom;
}
.m-course-map-no:after {
content: "";
width: 200%;
height: 200%;
border: 1px solid #1A8CFF;
transform-origin: 0 0;
box-sizing: border-box;
position: absolute;
z-index: 10;
top: 0;
left: 0;
pointer-events: none;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
transform: scale(.5);
border-radius: 44px;
}
.m-school-left-distance {
width: calc(100% - 112px);
}
.m-school-left-distance .school-name {
margin-right: 27px;
position: relative;
line-height: 21px;
font-size: 15px;
color: #262626;
}
.m-school-left-distance .school-name .icon-jin {
position: absolute;
top: -8px;
right: -20px;
padding: 0 3px;
height: 16px;
line-height: 16px;
font-size: 10px;
color: #FE5900;
background: #fff;
border-radius: 8px 8px 8px 0;
}
.m-school-left-distance .school-name .icon-jin:before {
content: "";
width: 200%;
height: 200%;
border: 1px solid rgba(254, 89, 0, 0.20);
transform-origin: 0 0;
box-sizing: border-box;
position: absolute;
z-index: 10;
top: 0;
left: 0;
pointer-events: none;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
transform: scale(.5);
border-radius: 16px 16px 16px 0;
}
.m-school-left-distance .school-name {
max-width: calc(100% - 150px) !important;
}
.m-school-left-distance .school-distance-box {
margin-top: 2.5px;
padding: 0 5px;
height: 16px;
line-height: 16px;
background: #FAFBFC;
border-radius: 2px;
}
.m-school-left-distance .school-distance {
padding-right: 4px;
margin-right: 4px;
display: block;
font-size: 11px;
color: #595959;
position: relative;
line-height: 16px;
}
/*.m-school-left-distance .school-distance:after {
content: "";
width: 0.5px;
height: 10px;
background: #D9D9DA;
position: absolute;
right: 0;
top: 3px;
}*/
.m-school-left-distance .school-nav {
position: relative;
font-size: 11px;
color: #1A8CFF;
}
.m-school-left-distance .school-nav .icon-nav {
width: 12px;
height: 12px;
display: inline-block;
-webkit-mask: url(../fonts/icon-distance-block.svg) no-repeat;
mask: url(https://static.jiaoyubao.cn/images/common/icon-distance-block.svg) no-repeat;
background-color: #1A8CFF;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
position: relative;
top: 2px;
}
.m-school-left-distance .school-type-way span {
float: left;
display: block;
margin: 4px 8px 0 0;
padding-right: 8px;
position: relative;
font-size: 12px;
color: #8C8C8C;
line-height: 17px;
}
.m-school-left-distance .school-type-way span:after {
content: "";
width: 1px;
height: 12px;
background: #D9D9DA;
position: absolute;
right: 0;
top: 2.5px;
}
.m-school-left-distance .school-type-way span:last-child {
margin: 4px 0 0;
padding: 0;
}
.m-school-left-distance .school-type-way span:last-child:after {
content: "";
width: 0;
}
.m-school-left-distance .school-type-way i {
font-size: 12px;
color: #262626;
}
.curr-feature {
width: 100%;
padding: 0px 16px 12px;
}
.m-class-feature-list {
margin-top: 12px !important;
padding: 10px 21px 10px 0;
-moz-border-radius: 4px;
border-radius: 4px;
background: #f1f9ff;
}
.m-class-feature-list li {
width: 100%;
height: 24px;
padding-left: 26px;
position: relative;
overflow: hidden;
font-size: 15px;
line-height: 24px;
text-align: justify;
white-space: nowrap;
text-overflow: ellipsis;
color: #595959;
}
.m-class-feature-list li:before {
width: 6px;
height: 6px;
position: absolute;
z-index: 10;
top: 9px;
left: 12px;
content: '';
-moz-border-radius: 50%;
border-radius: 50%;
background: #1a8cff;
}
.curr-det .jg-title {
padding: 20px 0 0;
}
.curr-schedule .schedule-img {
margin-top: 12px;
}
.curr-schedule .schedule-img,
.curr-schedule .schedule-img img {
display: block;
width: 100%;
height: auto;
}
.harvest-con {
margin-top: 12px;
padding: 10px 16px 10px 0;
-moz-border-radius: 4px;
border-radius: 4px;
background: #FFF9F2;
}
.harvest-con li {
width: 100%;
padding-left: 26px;
position: relative;
overflow: hidden;
font-size: 15px;
line-height: 20px;
color: #595959;
}
.harvest-con li::before {
width: 6px;
height: 6px;
position: absolute;
z-index: 10;
top: 9px;
left: 12px;
content: '';
-moz-border-radius: 50%;
border-radius: 50%;
background: #FE5900;
}
.harvest-con li img {
width: 100%
}
.course-details {
position: relative;
margin-top: 12px;
}
.course-details .m-class-detail-box {
/*max-height:580px;*/
font-size: 15px;
color: #262626;
line-height: 21px;
overflow: hidden;
}
.m-class-detail-box img {
max-width: 100%;
height: auto !important;
}
.m-class-detail-box table {
width: 100%;
}
.m-class-detail-img {
width: 100%;
height: auto;
margin-top: 15px;
}
.m-class-detail-txt,
.m-class-detail-box>p,
.m-class-detail-box .cont-editor p {
margin-top: 16px;
font-size: 15px;
line-height: 24px;
color: #262626;
}
.m-class-detail-more a {
height: 18px;
margin-top: 10px;
display: inline-block;
font-size: 15px;
line-height: 18px;
text-align: center;
color: #1a8cff;
}
.course-details .intr-mask {
width: 100%;
height: 80px;
background: linear-gradient(180deg, rgba(254, 255, 255, 0) 0%, #FFFFFF 100%);
position: absolute;
left: 0;
top: 500px;
z-index: 1;
}
.course-details .intr-up-down {
width: calc(100% - 32px);
height: 36px;
margin: 0 auto;
background: #FFFFFF;
border-radius: 18px;
border: 1px solid #1A8CFF;
display: flex;
justify-content: center;
align-items: center;
}
.course-details .intr-up-down>span {
font-size: 13px;
color: #1A8CFF;
}
.course-details .intr-up-down>i {
width: 16px;
height: 16px;
background: #1A8CFF;
}
.m-class-other-watching {
padding: 0px 0 16px 16px !important;
}
.m-class-other-watching-list {
margin-top: 12px;
margin-left: -16px;
}
.m-class-other-watching-list .swiper-slide {
width: 130px;
margin-right: 10px;
}
.m-class-other-watching-list .swiper-slide:first-child {
margin-left: 16px;
}
.m-class-other-watching-list img {
width: 130px;
height: 78px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.m-class-other-watching-list p {
width: 100%;
max-height: 36px;
margin-top: 8px;
display: -webkit-box;
overflow: hidden;
font-size: 14px;
line-height: 18px;
white-space: normal !important;
text-overflow: ellipsis;
word-wrap: break-word;
color: #262626;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.m-class-other-watching .swiper-slide:last-child {
margin-right: 16px;
}
.pages {
margin: 10px auto;
padding: 0 70px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
display: -webkit-box;
display: -webkit-flex;
overflow: hidden;
font-size: 14px;
line-height: 50px;
color: #999;
background-color: #fff;
}
.pages a {
cursor: pointer;
color: #ABABAB;
}
.pages a.on,
.pages a:hover {
color: #FE5900;
}
.pages a.disabled,
.pages a.disabled:hover {
cursor: not-allowed;
color: #ddd;
}
.pages span {
text-align: center;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-flex: 1;
}
.jesong_pan_icon {
display: none !important;
}
.evaluation-tab {
width: 100%;
padding: 6px 8px 0px 16px;
}
/* .eval-tab{
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 8px;
}
.eval-tab a{
display: block;
height: 28px;
border-radius: 14px;
padding: 0 14px;
margin-right: 8px;
font-size: 12px;
color: #409EFF;
line-height: 26px;
}
.eval-tab a:last-child{
margin-right: 0;
}
.eval-tab .active{
color: #fff;
font-weight: 600;
}
.eval-tab .eval-tab-all{
border: 1px solid #FE5900;
color: #FE5900;
}
.eval-tab .eval-tab-all.active{
background: #FE5900;
color: #fff;
border: 0;
}
.eval-tab .eval-tab-1{
border: 1px solid #B3D8FF;
color: #409EFF;
}
.eval-tab .eval-tab-1.active{
background: #409EFF;
color: #fff;
border: 0;
}
.eval-tab .eval-tab-2{
border: 1px solid #C2E7B0;
color: #67C23A;
}
.eval-tab .eval-tab-2.active{
background: #67C23A;
color: #fff;
border: 0;
}
.eval-tab .eval-tab-3{
border: 1px solid #F5DAB1;
color: #E6A23C;
}
.eval-tab .eval-tab-3.active{
background: #E6A23C;
color: #fff;
border: 0;
} */
.evaluation-tab-list {
width: 100%;
max-height: 77px;
overflow: hidden;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
position: relative;
}
.evaluation-tab-list>li {
margin-right: 8px;
margin-top: 10px;
}
.evaluation-tab-list .active a {
background: #FE5900;
color: #FE8A00;
font-weight: 600;
border: 0;
height: 28px;
color: #fff;
line-height: 28px;
}
.evaluation-tab-list>li>a {
display: block;
padding: 0 15px;
/* background: #F5F6F7; */
background: #fff;
border: 1px solid #EBEBEB;
border-radius: 14px;
font-size: 12px;
color: #595959;
line-height: 26px;
}
.evaluation-tab-list>.chubao>a{
border: 1px solid #B3D8FF;
color: #409EFF;
}
.evaluation-tab-list>.active.chubao>a{
background: #409EFF;
color: #fff;
border: 0;
}
.evaluation-tab-list>.jieke>a{
border: 1px solid #C2E7B0;
color: #67C23A;
}
.evaluation-tab-list>.active.jieke>a{
background: #67C23A;
color: #fff;
border: 0;
}
.evaluation-tab-list>.xufei>a{
border: 1px solid #F5DAB1;
color: #E6A23C;
}
.evaluation-tab-list>.active.xufei>a{
background: #E6A23C;
color: #fff;
border: 0;
}
.evaluation-tab .updown {
display: block;
width: 100%;
height: 16px;
margin-top: 8px;
}
.evaluation-tab .updown>i {
width: 16px;
height: 16px;
display: block;
margin: 0 auto;
text-align: center;
line-height: 16px;
color: #8C8C8C;
}
.no-position {
width: calc(100% - 16px);
height: 40px;
background: #F1F9FE;
border-radius: 20px;
border: 1px solid rgba(26, 140, 255, 0.2);
display: flex;
justify-content: space-between;
align-items: center;
margin: 12px auto;
padding: 0 8px 0 18px;
}
.no-position>div {
display: flex;
justify-content: flex-start;
align-items: center;
}
.no-position>div>i {
margin-right: 2px;
font-size: 16px;
}
.no-position>div>span {
font-size: 14px;
color: #1A8CFF;
}
.no-position i {
width: 16px;
height: 16px;
color: #1A8CFF;
/* font-size:16px;*/
text-align: center;
line-height: 16px;
}
.jg-info {
width: 100%;
background: #fff;
margin-top: 10px;
}
.info-list .info-item:nth-child(1) {
padding-top: 8px;
}
.info-list .info-item:last-child {
border-bottom: 0;
}
.info-list {
width: 100%;
padding: 0 16px;
background: #fff;
}
.info-list .info-item {
display: block;
width: 100%;
padding: 16px 0;
border-bottom: 1px solid #EBEBEB;
display: flex;
justify-content: space-between;
align-items: center;
}
.info-list .info-item span {
height: 44px;
flex: 1;
font-size: 16px;
color: #262626;
line-height: 22px;
}
.info-list .info-item img {
display: block;
width: 83px;
height: 62px;
border-radius: 4px;
margin-left: 16px;
flex-shrink: 0;
}
.jg-data {
width: 100%;
background: #fff;
margin-top: 10px;
}
.data-list .data-item:nth-child(1) {
padding-top: 8px;
}
.data-list .data-item:last-child {
border-bottom: 0;
}
.jg-data .data-list {
width: 100%;
padding: 0 16px;
background: #fff;
}
.data-item {
display: block;
width: 100%;
padding: 16px 0;
border-bottom: 1px solid #EBEBEB;
/* display: flex;
justify-content: space-between;
align-items: center; */
}
.data-list .data-item>span {
max-height: 44px;
flex: 1;
font-size: 16px;
color: #262626;
line-height: 22px;
}
.data-list .data-item .pdf {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 8px;
}
.data-list .data-item .pdf>i {
display: block;
width: 12px;
height: 12px;
font-size: 12px;
color: #1A8CFF;
text-align: center;
line-height: 12px;
}
.data-list .data-item .pdf>span {
display: block;
margin-left: 6px;
font-size: 13px;
color: #8C8C8C;
line-height: 18px;
}
/* 閻犙冨椤斿棛鎷犻敂钘夊壈 */
.m-info-detail-container {
padding: 16px 16px 30px;
}
.m-info-detail-container h1 {
font-size: 24px;
font-weight: 600;
color: #262626;
line-height: 32px;
margin-bottom: 14px;
}
.m-info-detail-container .info-lab {
width: 100%;
height: 20px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.m-info-detail-container .info-lab>span {
display: block;
margin-right: 16px;
font-size: 12px;
color: #8C8C8C;
line-height: 20px;
}
.m-info-detail-container .m-info-detail-summary img {
width: 25px;
position: relative;
top: -3px;
}
.m-info-detail-container .m-info-detail-summary p {
width: -moz-calc(100% - 31px);
width: calc(100% - 31px);
margin-left: 6px;
font-size: 15px;
line-height: 26px;
color: #8c8c8c;
}
.m-info-detail-container .m-info-detail-article p {
margin-top: 20px;
font-size: 16px;
line-height: 29px;
text-align: justify;
color: #262626;
}
.m-info-detail-container .m-info-detail-article img {
width: 100%;
height: auto;
margin-top: 20px;
}
/* 閻庢冻绠掗崹鍌炲极閻楀牆绁� */
.jyb-btn-yellow {
background: #FE8A00;
border-radius: 15px !important;
font-size: 13px !important;
color: #FFFFFF !important;
line-height: 30px !important;
border: 0 !important;
}
.m-fee-sign {
width: calc(100% - 32px);
margin: 4px 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
.m-fee-sign>span {
font-size: 12px;
color: #8C8C8C;
line-height: 17px;
}
.m-fee-sign>div {
display: flex;
justify-content: flex-end;
align-items: center;
margin-left: 12px;
}
.m-fee-sign>div>i {
display: block;
width: 8px;
height: 8px;
margin-right: 4px;
}
.m-fee-sign>div>span {
display: block;
font-size: 12px;
color: #8C8C8C;
}
/* 闁哄矁浜慨鎼佸炊閿燂拷 */
.m-fee-bar-box {
position: relative;
margin-top: 0px !important;
padding-bottom: 60px;
background: #fff;
}
.m-fee-box-mask {
width: 100%;
height: 76px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
position: absolute;
left: 0;
bottom: 60px;
}
.m-fee-updown {
width: 100%;
height: 60px;
background: #fff;
position: absolute;
left: 0;
bottom: 0px;
display: flex;
justify-content: center;
align-items: center;
font-size: 13px;
color: #262626;
}
.m-fee-updown>i {
margin-left: 2px;
}
.histogram {
width: 100%;
max-height: 280px !important;
overflow: hidden;
}
.m-fee-bar-box .histogram.maxhnone {
max-height: none !important;
}
.histogram>li {
margin-top: 20px;
}
.histogram>li .his-name {
width: 100%;
font-size: 12px;
color: #262626;
line-height: 17px;
margin-bottom: 8px;
}
.histogram>li .his-box {
width: 100%;
height: 28px;
}
.histogram>li .his-box>div {
height: 12px;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 4px;
}
.histogram>li .his-box>div:first-child i {
background: #FFD873;
}
.histogram>li .his-box>div:last-child i {
background: #FE8A00;
}
.histogram>li .his-box>div>i {
display: block;
height: 12px;
}
.histogram>li .his-box>div>span {
display: block;
margin-left: 8px;
font-size: 12px;
color: #8C8C8C;
}
/* 閻犲洤澧介埢鑲┾偓娑崇畳閸拷 */
.m-fee-list {}
.m-fee-list>li {
width: 100%;
padding: 16px 0;
padding-right: 16px;
border-bottom: 1px solid #EBEBEB;
display: flex;
justify-content: space-between;
align-items: center;
}
.m-fee-list>li>div {
flex: 1;
display: flex;
justify-content: flex-start;
align-items: center;
}
.m-fee-list>li>div>img {
display: block;
width: 36px;
height: 36px;
border-radius: 50%;
margin-right: 12px;
}
.m-fee-list .m-fee-item-msg {
border-bottom: 0;
padding: 0;
margin-left: 16px;
flex: 1;
}
.m-fee-list .m-fee-item-msg>div {
display: flex;
justify-content: flex-start;
align-content: center;
}
.m-fee-list .m-fee-item-msg>div>em {
font-size: 14px;
color: #262626;
line-height: 20px;
}
.m-fee-list .m-fee-item-msg>div>span {
display: inline-block;
margin-left: 8px;
font-size: 14px;
color: #262626;
line-height: 20px;
flex: 1;
max-width: 190px;
}
.m-fee-list .m-fee-item-msg>p>span {
display: inline-block;
margin-left: 4px;
}
.m-fee-list .m-fee-item-msg>p>em,
.m-fee-list .m-fee-item-msg>p>span {
font-size: 13px;
color: #8C8C8C;
line-height: 18px;
}
.m-fee-list>li>span {
font-size: 14px;
font-weight: 600;
color: #FE5900;
}
.m-fee-drop-box {
width: 100%;
background: #fff;
}
.m-fee-list-out .m-fee-drop-box.active {
position: fixed;
left: 0;
top: 44px;
z-index: 101;
}
.m-fee-list-out .m-fee-drop-box.active .m-fee-nav {
padding-bottom: 12px;
border-bottom: 1px solid #E5E8ED;
}
.m-fee-drop-box .m-fee-nav {
width: 100%;
padding: 12px 16px 4px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.m-fee-nav-list {
display: flex;
justify-content: flex-start;
align-items: center;
margin-right: 20px;
}
.m-fee-nav-list>span {
display: block;
font-size: 14px;
color: #262626;
line-height: 20px;
}
.m-fee-nav-list>i {
display: block;
width: 20px;
height: 20px;
text-align: center;
font-size: 16px;
color: #262626;
line-height: 20px;
}
.m-fee-drop-box .m-fee-nav .active>span {
color: #FE8A00;
}
.m-fee-drop-box .m-fee-nav .active>i {
color: #FE8A00;
}
.m-fee-drop-out {
width: 100%;
height: 406px;
display: none;
}
.m-fee-drop {
width: 100%;
height: 362px;
}
.m-fee-mask {
z-index: 99;
}
.m-fee-drop-btn {
width: 100%;
height: 43px;
border-top: 1px solid #E5E8ED;
display: flex;
justify-content: center;
align-items: center;
}
.m-fee-drop-btn span {
display: block;
width: 50%;
height: 43px;
font-size: 15px;
color: #262626;
line-height: 43px;
text-align: center;
}
.m-fee-drop-btn .drop-btn-complete {
border-left: 1px solid #E5E8ED;
font-weight: 600;
color: #FE8A00;
}
.m-fee-drop {
display: flex;
justify-content: flex-start;
}
.m-fee-drop .drop-l {
width: 143px;
height: 362px;
overflow-y: auto;
padding: 15px 16px;
border-right: 1px solid #E5E8ED;
}
.m-fee-drop .drop-l>li {
width: 100%;
padding: 15px 0;
font-size: 14px;
color: #262626;
line-height: 20px;
}
.m-fee-drop .drop-l>.active {
font-weight: 600;
color: #FE8A00;
}
.m-fee-drop .drop-r {
flex: 1;
height: 362px;
overflow-y: auto;
padding: 15px 16px;
}
.m-fee-drop .drop-r>ul {
display: none;
}
.m-fee-drop .drop-r>.active {
display: block;
}
.m-fee-drop .drop-r>ul>li {
width: 100%;
padding: 15px 0;
font-size: 14px;
color: #262626;
line-height: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.m-fee-drop .drop-r>ul>li>label {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.m-fee-drop .drop-r .checkbox {
display: none;
}
.m-fee-drop .drop-r .check-mark {
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid #bbb;
background: #FFF;
margin-right: 5px;
vertical-align: middle;
top: -1px;
flex-shrink: 0;
}
.m-fee-drop .drop-r .label .checkbox:checked+.check-mark {
position: relative;
background: #FE8A00;
border: 1px solid #FE8A00;
}
.m-fee-drop .drop-r .label .checkbox:checked+.check-mark:before {
content: "";
position: absolute;
width: 6px;
transition: .1s;
height: 3px;
top: 45%;
left: 50%;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: translate(-50%, -50%) rotate(-45deg);
}
/* 闁活厹鍎撮惁鎴炴償閿燂拷 */
.knowinfo-list {
width: 100%;
padding: 0 16px;
background: #fff;
}
.knowinfo-item {
width: 100%;
display: block;
padding: 16px 0;
border-bottom: .5px solid #eee;
}
.knowinfo-item h3 {
font-size: 17px;
font-weight: 600;
line-height: 22px;
letter-spacing: 0;
color: #262626;
}
.knowinfo-item>span {
margin-top: 6px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.knowinfo-item img {
width: 14px;
height: 14px;
margin-right: 4px;
display: inline-block;
}
.knowinfo-item em {
height: 14px;
display: inline-block;
font-size: 13px;
line-height: 14px;
letter-spacing: 0;
color: #8c8c8c;
}
.m-knowledge-detail {
padding: 16px 0 24px 16px;
}
/* 闁活厹鍎撮惁鎴炴償閹捐鍤婇柟顖氭嚇閵嗭拷 */
.m-know-details {
width: 100%;
}
.m-know-details .know-tit {
padding: 16px 0px;
margin: 0 16px;
border-bottom: .5px solid #e6e6e6;
}
.m-know-details .know-tit h1 {
font-size: 24px;
font-weight: 600;
line-height: 32px;
color: #262626;
}
.m-know-details .know-tit span {
display: block;
margin-top: 10px;
color: #8c8c8c;
font-size: 12px;
}
.m-knowledge-detail-top {
margin-right: 12px;
padding-bottom: 16px;
border-bottom: .5px solid #e6e6e6;
}
.m-knowledge-detail-top h1 {
font-size: 24px;
font-weight: 600;
line-height: 32px;
color: #262626;
}
.m-knowledge-detail-top p {
margin-top: 14px;
font-size: 12px;
line-height: 17px;
color: #8c8c8c;
}
.m-knowledge-detail-top p span+span {
margin-left: 16px;
}
.m-knowledge-detail-container {
padding: 0 16px 16px;
}
.m-knowledge-detail-container img {
max-width: 100%;
}
.m-knowledge-detail-container h3 {
height: 22px;
margin-top: 24px;
font-size: 18px;
font-weight: 600;
line-height: 22px;
text-align: justify;
color: #262626;
}
.m-knowledge-detail-container p {
margin-top: 16px;
font-size: 15px;
line-height: 26px;
text-align: justify;
color: #262626;
}
.m-knowledge-detail-container table {
width: 100%;
margin-top: 16px;
border-spacing: 0;
border-collapse: collapse;
text-align: left;
border-top: .5px solid #e1e1e1;
border-left: .5px solid #e1e1e1;
}
.m-knowledge-detail-container thead {
background: #f5f5f6;
}
.m-knowledge-detail-container th,
.m-knowledge-detail-container td {
padding: 7px 16px 11px;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-align: justify;
color: #262626;
border-right: .5px solid #e1e1e1;
border-bottom: .5px solid #e1e1e1;
}
.m-knowledge-detail-container th {
color: #595959 !important;
}
.set-width {
width: 92px;
}
.m-knowledge-detail-container tr td:first-child {
max-width: -moz-calc(100vw - 124px);
max-width: calc(100vw - 124px);
}
.m-knowledge-detail-container tr td:first-child span {
max-width: -moz-calc(100% - 38px);
max-width: calc(100% - 38px);
display: inline-block;
float: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media screen and (max-width:320px) {
.m-knowledge-detail-container th,
.m-knowledge-detail-container td {
padding: 7px 6px 11px;
font-size: 12px;
}
.set-width {
width: 62px;
}
.m-knowledge-detail-container tr td:first-child {
max-width: -moz-calc(100vw - 96px);
max-width: calc(100vw - 96px);
}
}
.m-knowledge-detail-container thead th:first-child {
border-right: 0;
}
.m-knowledge-detail-container .jyb-btn {
width: 100%;
height: 50px;
margin-top: 16px;
margin-left: 0;
font-size: 16px;
line-height: 48px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.m-knowledge-detail-container .jyb-btn img {
width: 18px;
height: 18px;
margin-right: 8px;
position: relative;
top: 2px;
display: inline-block;
}
.m-knowledge-detail-download {
height: 50px;
margin-top: 16px;
line-height: 48px;
text-align: center;
border: 1px dashed #1a8cff;
-moz-border-radius: 4px;
border-radius: 4px;
}
.m-knowledge-detail-download a {
height: 20px;
font-size: 14px;
letter-spacing: 0;
color: #1a8cff;
}
.m-knowledge-detail-download img {
width: 13px;
height: 13px;
position: relative;
top: 2px;
display: inline-block;
}
.m-knowledge-detail-data {
padding: 23px 16px;
}
.m-knowledge-detail-data .m-news-data-container {
margin-top: 16px;
}
/* 闊洦顨嗛锟� */
/* 闁轰焦鐟ョ粭鈧柛鎺擃殙閵嗗啴宕楅鈧崣顡﹕s */
.gary-line {
margin-top: 20px;
width: 100vw;
transform: translateX(-16px);
height: 10px;
background: #F5F6F7;
-webkit-transform: translateX(-16px);
-moz-transform: translateX(-16px);
-ms-transform: translateX(-16px);
-o-transform: translateX(-16px);
}
.teach-list .teach-list-title-l {
font-size: 18px;
font-weight: 600;
color: #262626;
}
.m-list-main li a {
display: flex;
}
.m-list-main .m-teach-img {
height: 52px;
width: 52px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
overflow: hidden;
margin-right: 12px;
}
.m-teach-img img {
height: 100%;
width: 100%;
}
.m-teach-intro {
flex: 1;
width: calc(100% - 84px);
}
.m-list-main .m-teach-intro h3 {
font-size: 17px;
font-weight: 600;
color: #262626;
line-height: 26px;
}
.m-list-main .m-teach-intro p {
font-size: 13px;
color: #595959;
margin-bottom: 2px;
}
.m-teach-intro p em {
display: inline-block;
width: 1px;
height: 10px;
background: #D9D9DA;
margin: 0 6px;
}
.m-list-main .m-teach-intro span {
font-size: 13px;
/*display: block;*/
color: #8C8C8C;
}
.m-list-main li {
padding: 20px 0 20px;
border-bottom: 1px #EBEBEB solid;
}
.m-list-main li:last-child {
border-bottom: none;
}
/* 2022.06.08闁哄倹婢橀·鍐礉閿燂拷 */
.jg-foot .foot-icon-btn {
width: 139px;
}
.foot-icon-btn>div {
padding: 0 10px;
}
/* .foot-tips {
left: 6px;
} */
.foot-right-btn {
flex: 1;
height: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
/* .jg-foot .foot-appointment {
margin-left: 8px;
font-size: 15px;
} */
.jg-foot .jg-foot-icon-kf {
margin-left: 8px;
font-size: 15px;
}
.jg-foot .wx-consulting {
flex: 1;
height: 40px;
background: linear-gradient(90deg, #01D869 0%, #07C260 100%);
border-radius: 20px 20px 20px 20px;
font-size: 15px;
font-weight: 600;
color: #FFFFFF;
text-align: center;
line-height: 40px;
}
.wx-consulting-list {
width: 100%;
}
.wx-consulting-item {
width: 100%;
height: 114px;
padding: 28px 16px 20px;
margin-top: 12px;
background: #fff;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.wx-consulting-item .item-angle {
width: 92px;
height: 28px;
background: url(../images/wx-angle.png) center center no-repeat;
background-size: 100% 100%;
padding-left: 23px;
position: absolute;
left: 0px;
top: 0px;
font-size: 12px;
color: #FFFFFF;
line-height: 22px;
}
.wx-consulting-item .back {
width: 190px;
height: 68px;
background: url(../images/wx-consulting-back.png) center center no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0px;
top: 0px;
}
.wx-consulting-item .item-l {
width: calc(100% - 94px);
}
.item-l .name-school,
.item-l .wx-code {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 6px;
}
.name-school span {
display: block;
margin-right: 4px;
font-size: 16px;
font-weight: 600;
color: #262626;
line-height: 22px;
}
.name-school em {
font-size: 12px;
color: #595959;
line-height: 16px;
}
.wx-code>span {
display: block;
margin-right: 4px;
font-size: 12px;
color: #8C8C8C;
line-height: 16px;
}
.wx-code>i {
width: 14px;
height: 14px;
font-size: 20px;
color: #8C8C8C;
background: #8C8C8C;
text-align: center;
line-height: 14px;
}
.item-l>p {
font-size: 12px;
color: #8C8C8C;
line-height: 16px;
}
.wx-consulting-item .item-r {
width: 84px;
height: 40px;
flex-shrink: 0;
background: linear-gradient(90deg, #07C260 0%, #01D869 100%);
border-radius: 20px;
padding-left: 10px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
}
.wx-consulting-item .item-r span {
font-size: 13px;
font-weight: 600;
color: #FFFFFF;
line-height: 40px;
}
.wx-consulting-item .item-r i {
width: 16px;
height: 16px;
background: #FFFFFF;
line-height: 40px;
}
.wx-alert-mask,
.agreement-alert-mask {
width: 100%;
height: 100%;
background: rgba(38, 38, 38, 0.4);
position: fixed;
left: 0;
top: 0;
z-index: 105;
}
/* 婵烇綀顕ф慨鐐差嚗椤旇绻嗛柛婧垮姀椤曪拷 */
/*.wx-consulting-alert {
width: 323px;
padding: 32px 18px;
background: #FFFFFF;
border-radius: 8px 8px 8px 8px;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 102;
display: none;
}
.clear {
display: block;
width: 24px;
height: 24px;
position: absolute;
right: 12px;
top: 12px;
background: #8C8C8C;
font-size: 16px;
color: #8C8C8C;
text-align: center;
line-height: 24px;
}
.wx-consulting-alert .alert-tit {
display: block;
margin-bottom: 8px;
font-size: 18px;
font-weight: 600;
color: #262626;
text-align: center;
line-height: 26px;
}
.wx-consulting-alert .vice-tit {
display: block;
font-size: 15px;
color: #8C8C8C;
text-align: center;
line-height: 22px;
}
.limit-tips {
display: block;
width: 211px;
margin: 16px auto 0px;
font-size: 12px;
color: #FE9A00;
text-align: center;
line-height: 16px;
}
.wx-consulting-alert .form {
width: 100%;
margin: 16px 0;
}
.form .phone,
.form .code {
width: 100%;
height: 44px;
padding: 0 16px;
background: #FFFFFF;
border-radius: 22px;
border: 1px solid #D9D9DA;
margin-bottom: 12px;
display: flex;
justify-content: space-between;
align-items: center;
}
.form .phone input,
.form .code input {
width: 100%;
height: 44px;
background: transparent;
font-size: 15px;
color: #333;
line-height: 20px;
}
.wx-consulting-alert2 .form .phone input,
.wx-consulting-alert3 .form .phone input {
width: calc(100% - 80px);
}
.wx-consulting-alert2 .form .phone,
.wx-consulting-alert3 .form .phone {
margin-bottom: 16px;
}
.form .phone .switch {
display: flex;
justify-content: flex-end;
align-items: center;
}
.form .phone .switch i {
display: block;
width: 14px;
height: 14px;
margin-right: 4px;
background: #FE5900;
}
.form .phone .switch span {
display: block;
font-size: 13px;
color: #FE5900;
}
.form .code {
width: 100%;
height: 44px;
padding: 0 16px;
background: #FFFFFF;
border-radius: 22px;
border: 1px solid #D9D9DA;
margin-bottom: 12px;
}
.form .code input {
width: calc(100% - 85px);
}
.form .code button {
width: 85px;
height: 44px;
background: transparent;
text-align: right;
font-size: 15px;
color: #FE5900;
}
.form .confirm {
width: 100%;
height: 44px;
background: linear-gradient(90deg, #FF6100 0%, #FE8D00 100%);
border-radius: 22px;
font-size: 17px;
font-weight: 600;
color: #FFFFFF;
text-align: center;
line-height: 44px;
}
.agreement {
font-size: 12px;
color: #595959;
line-height: 16px;
}
.agreement>span {
display: inline-block;
color: #1A8CFF;
padding-bottom: 1px;
border-bottom: 1px solid #1A8CFF;
}*/
.agreement-alert {
width: 323px;
height: 500px;
background: #FFFFFF;
border-radius: 8px;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 106;
padding: 32px 18px 0;
display: none;
}
.agreement-alert .tit {
display: block;
margin-bottom: 20px;
font-size: 18px;
font-weight: 600;
color: #262626;
text-align: center;
line-height: 26px;
}
.agreement-alert .agre-tab {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 11px;
}
.agreement-alert .agre-tab>span {
display: block;
margin-right: 24px;
font-size: 15px;
color: #8C8C8C;
line-height: 21px;
}
.agreement-alert .agre-tab>span:last-child {
margin-right: 0;
}
.agreement-alert .agre-tab>.active {
font-weight: 600;
color: #1A8CFF;
position: relative;
}
.agreement-alert .agre-tab>.active:after {
content: '';
width: 20px;
height: 3px;
background: #1A8CFF;
position: absolute;
left: 50%;
bottom: -8px;
transform: translate(-50%);
}
.agre-text {
width: 100%;
height: 342px;
overflow-x: hidden;
overflow-y: auto;
}
.agre-close {
width: 100%;
height: 48px;
background: #FFFFFF;
font-size: 17px;
color: #1A8CFF;
text-align: center;
line-height: 48px;
}
.agre-text h2 {
font-size: 20px;
color: #333;
font-weight: 600;
margin: 10px 0;
}
.agre-text p {
font-size: 14px;
color: #262626;
line-height: 22px;
margin-bottom: 6px;
}
/*.qr-code-box {
width: 323px;
padding: 16px 12px 40px;
background: url(../images/wx-info-back1.png) center center no-repeat;
background-size: 100% 100%;
border-radius: 8px 8px 8px 8px;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 103;
}
.qr-code-box .clear {
background: #fff;
}
.qr-code-box2 {
background: url(../images/wx-info-back2.png) center center no-repeat;
background-size: 100% 100%;
}
.qr-code-box .code-t1 {
width: 100%;
height: 40px;
margin-bottom: 8px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.qr-code-box .code-t1 .logo {
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
margin-right: 8px;
}
.qr-code-box .code-t1 .logo img {
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
}
.qr-code-box .code-t1 span {
display: block;
font-size: 15px;
color: #FFFFFF;
line-height: 20px;
}
.code-con {
width: 100%;
height: 311px;
padding-top: 20px;
background: #FFFFFF;
border-radius: 8px;
}
.qr-code-box2 .code-con {
height: 242px;
}
.code-con .code-name {
display: block;
width: 100%;
height: 28px;
margin-bottom: 4px;
font-size: 20px;
font-weight: 600;
color: #262626;
text-align: center;
line-height: 28px;
}
.code-con .code-tips {
display: block;
font-size: 13px;
color: #8C8C8C;
text-align: center;
line-height: 18px;
}
.wx-num {
margin: 21px auto 12px;
width: 211px;
height: 52px;
border: 1px solid #D9D9DA;
border-radius: 8px;
position: relative;
}
.wx-num > span {
display: block;
width: 70px;
height: 16px;
position: absolute;
left: 50%;
top: -8px;
transform: translate(-50%);
background: #fff;
font-size: 12px;
color: #ABABAB;
text-align: center;
line-height: 16px;
}
.wx-num > div {
width: 100%;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.wx-num > div em {
display: block;
height: 52px;
font-size: 18px;
color: #262626;
line-height: 52px;
}
.wx-num > div span {
display: block;
width: 32px;
height: 20px;
border-radius: 4px;
border: 1px solid #D9D9DA;
margin-left: 8px;
font-size: 12px;
font-style: normal;
color: #8C8C8C;
text-align: center;
}
.code-con .qr-code-imgs {
display: block;
width: 140px;
height: 140px;
margin: 0 auto;
}
.qr-code-box2 .code-con .qr-code-imgs {
margin-top: 16px;
}
.qr-code-box .preservation,
.canvas1 .preservation,
.canvas2 .preservation {
width: 132px;
height: 44px;
background: #FFFFFF;
border-radius: 22px;
border: 1px solid #06C662;
position: absolute;
left: 50%;
bottom: -72px;
transform: translate(-50%);
display: flex;
justify-content: center;
align-items: center;
}
.qr-code-box .preservation i,
.canvas1 .preservation i,
.canvas2 .preservation i {
display: block;
width: 20px;
height: 20px;
background: #06C662;
margin-right: 2px;
}
.qr-code-box .preservation span,
.canvas1 .preservation span,
.canvas2 .preservation span {
font-size: 14px;
font-weight: 600;
color: #06C662;
line-height: 20px;
}
.download_icon {
-webkit-mask: url('../fonts/download-icon.svg') no-repeat;
mask: url('https://static.jiaoyubao.cn/images/common/download-icon.svg') no-repeat;
}
.switch_icon {
-webkit-mask: url('../fonts/switch-icon.svg') no-repeat;
mask: url('../fonts/switch-icon.svg') no-repeat;
}
.canvas1 {
width: 323px;
height: 415px;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 103;
border-radius: 8px 8px 8px 8px;
}
.canvas2 {
width: 323px;
height: 346px;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 103;
border-radius: 8px 8px 8px 8px;
}
.canvas1 img,
.canvas2 img {
width: 100%;
height: 100%;
}*/
/* 濠㈠爢鍐╁瘶 */
.big-shot {
width: 100%;
background: #fff;
margin-top: 12px;
padding-bottom: 16px;
line-height: 1;
}
.big-list {
width: 100%;
padding: 0 16px;
background: #fff;
margin-bottom: 16px;
}
.big-list>li:after {
width: 200%;
height: 200%;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
content: ' ';
transform: scale(0.5);
transform-origin: 0 0;
border-bottom: 1px solid #EBEBEB;
border-radius: 10px;
}
/* .big-list>li:last-child:after {
display: none;
} */
.big-list>li {
position: relative;
}
.big-list>li>a {
display: block;
padding: 20px 0;
position: relative;
z-index: 1;
}
.big-list>li>a .big-info {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.big-list>li>a .big-info img {
display: block;
width: 48px;
height: 48px;
border-radius: 50%;
margin-right: 12px;
flex-shrink: 0;
}
.big-list>li>a .big-info .big-info-r {
width: calc(100% - 60px);
}
.big-list>li>a .big-info .big-info-r .info-r-t1 {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.big-list>li>a .big-info .big-info-r .info-r-t1 span {
display: block;
margin-right: 10px;
font-size: 16px;
font-weight: 600;
color: #262626;
line-height: 22px;
}
.big-list>li>a .big-info .big-info-r .info-r-t1 div {
display: flex;
justify-content: flex-start;
align-items: center;
}
.big-list>li>a .big-info .big-info-r .info-r-t1 div i {
width: 14px;
height: 14px;
font-size: 14px;
color: #8C8C8C;
}
.big-list>li>a .big-info .big-info-r .info-r-t1 div span {
display: block;
margin-left: 3px;
font-size: 14px;
color: #8C8C8C;
font-weight: 400;
line-height: 20px;
}
.big-list>li>a .big-info .big-info-r p {
margin-top: 4px;
font-size: 14px;
color: #595959;
line-height: 20px;
}
.big-list>li>a .field {
width: 100%;
margin-top: 12px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.big-list>li>a .field span {
display: block;
font-size: 14px;
color: #8C8C8C;
line-height: 20px;
}
.big-list>li>a .field ul {
display: flex;
justify-content: flex-start;
align-items: center;
}
.big-list>li>a .field ul li {
height: 22px;
}
.big-list>li>a .field ul li a {
display: block;
height: 22px;
background: #F5F6F7;
border-radius: 4px;
padding: 0 5px;
margin-right: 6px;
font-size: 13px;
color: #595959;
line-height: 22px;
}
.big-list>li>a .appointment-out {
height: 20px;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 13px;
}
.big-list>li>a .appointment-out .appointment {
display: flex;
justify-content: flex-start;
align-items: center;
}
.big-list>li>a .appointment-out .appointment li {
display: flex;
justify-content: flex-start;
align-items: center;
padding-right: 15px;
position: relative;
}
.big-list>li>a .appointment-out .appointment li span {
display: block;
font-size: 14px;
color: #8C8C8C;
line-height: 20px;
margin-right: 4px;
}
.big-list>li>a .appointment-out .appointment li em {
font-size: 14px;
color: #262626;
line-height: 20px;
}
.big-list>li>a .appointment-out .appointment li .free {
color: #8C8C8C;
}
.big-list>li>a .appointment-out .appointment li:after {
content: '';
width: 3px;
height: 3px;
background: #ABABAB;
border-radius: 50%;
position: absolute;
right: 6px;
top: 9px;
}
.big-list>li>a .appointment-out .appointment li:last-child:after {
display: none;
}
.big-list>li>a .appointment-out .consulting {
width: 70px;
height: 30px;
flex-shrink: 0;
border-radius: 15px;
border: 1px solid #FE5900;
display: flex;
justify-content: center;
align-items: center;
padding-left: 6px;
}
.big-list>li>a .appointment-out .consulting span {
font-size: 13px;
font-weight: 600;
color: #FE5900;
}
.big-list>li>a .appointment-out .consulting i {
font-size: 16px;
color: #FE5900;
}
/* .head-top-active {
background: transparent !important;
border-bottom: 1px solid transparent !important;
} */
.rq-tips {
text-align: center;
font-size: 12px;
color: #8C8C8C;
margin-top: 2px;
}
.jyb-tips {
min-height: 44px;
height: auto;
}
.jyb-tips p {
line-height: 24px;
height: auto;
padding: 10px 20px;
}
.alert-foot-a {
display: block;
width: calc(100% + 36px);
height: 48px;
background: #FAFBFC;
border-radius: 0px 0px 8px 8px;
margin-top: 20px;
margin-left: -18px;
font-size: 15px;
color: #595959;
text-align: center;
line-height: 48px;
}
/* 鐎涳箒鍨傞弫鐗堝祦瀵顢� */
.consulting-alert {
width: 323px;
padding: 32px 18px 0;
background: #FFFFFF;
border-radius: 8px 8px 8px 8px;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 102;
display: none;
}
.clear {
display: block;
width: 24px;
height: 24px;
position: absolute;
right: 12px;
top: 12px;
background: #8C8C8C;
font-size: 16px;
color: #8C8C8C;
text-align: center;
line-height: 24px;
}
.consulting-alert .alert-tit {
display: block;
margin-bottom: 8px;
font-size: 18px;
font-weight: 600;
color: #262626;
text-align: center;
line-height: 26px;
}
.consulting-alert .vice-tit {
display: block;
font-size: 15px;
color: #8C8C8C;
text-align: center;
line-height: 22px;
}
.limit-tips {
display: block;
width: 211px;
margin: 16px auto 0px;
font-size: 12px;
color: #FE9A00;
text-align: center;
line-height: 16px;
}
.consulting-alert .form {
width: 100%;
margin: 16px 0;
}
.form .phone,
.form .code {
width: 100%;
height: 44px;
padding: 0 16px;
background: #FFFFFF;
border-radius: 22px;
border: 1px solid #D9D9DA;
margin-bottom: 12px;
display: flex;
justify-content: space-between;
align-items: center;
}
.form .phone input,
.form .code input {
width: 100%;
height: 44px;
background: transparent;
font-size: 15px;
color: #333;
line-height: 20px;
}
.consulting-alert2 .form .phone input,
.consulting-alert3 .form .phone input {
width: calc(100% - 80px);
}
.consulting-alert2 .form .phone,
.consulting-alert3 .form .phone {
margin-bottom: 16px;
}
.form .phone .switch {
display: flex;
justify-content: flex-end;
align-items: center;
}
.form .phone .switch i {
display: block;
width: 14px;
height: 14px;
margin-right: 4px;
background: #FE5900;
}
.form .phone .switch span {
display: block;
font-size: 13px;
color: #FE5900;
}
.form .code {
width: 100%;
height: 44px;
padding: 0 16px;
background: #FFFFFF;
border-radius: 22px;
border: 1px solid #D9D9DA;
margin-bottom: 12px;
}
.form .code input {
width: calc(100% - 85px);
}
.form .code button {
width: 85px;
height: 44px;
background: transparent;
text-align: right;
font-size: 15px;
color: #FE5900;
}
.form .confirm {
width: 100%;
height: 44px;
background: linear-gradient(90deg, #FF6100 0%, #FE8D00 100%);
border-radius: 22px;
font-size: 17px;
font-weight: 600;
color: #FFFFFF;
text-align: center;
line-height: 44px;
}
.agreement {
font-size: 12px;
color: #595959;
line-height: 16px;
}
.agreement>span {
display: inline-block;
color: #1A8CFF;
padding-bottom: 1px;
border-bottom: 1px solid #1A8CFF;
}
.evaluated-detail-content[data-amout='1']{
height: auto;
}
.evaluated-detail-content[data-amout='1'] .preview_item{
height: auto;
width: 100%;
padding: 0 16px;
margin: 0!important;
}
.evaluated-detail-content[data-amout='1'] .preview_item img, .evaluated-detail-content[data-amout='1'] .preview_item video{
width: 100%;
height: auto;
max-height: 400px;
}
.evaluated-detail-content-two {
height: 109px;
}
.evaluated-detail-content-two .imgs > div {
flex: 1;
height: 100%;
}
.evaluated-detail-content-two .imgs > div img,.evaluated-detail-content-two .imgs > div video {
width: 100%;
height: 100%;
}
.evaluated-detail-content-two .imgs > div:nth-child(2) {
margin-right: 16px;
}
/* 体验课开始 */
.kc-content {
width: 100%;
}
.exp-kc-img {
display: block;
width: 100%;
height: 255px;
}
.exp-con {
width: 100%;
background: #fff;
padding: 0 16px;
}
.exp-con .currdet-t1 {
padding-top: 12px;
}
.course-category {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 2px;
}
.course-category>li {
display: block;
font-size: 12px;
color: #ABABAB;
line-height: 16px;
padding-right: 14px;
position: relative;
}
.course-category>li::after {
content: '';
width: 2px;
height: 2px;
background: #ABABAB;
border-radius: 50%;
position: absolute;
right: 6px;
top: 7px;
}
.course-category>li:last-child::after {
display: none;
}
.currdet-t1 .currdet-title {
font-size: 22px;
font-weight: 600;
color: #262626;
line-height: 30px;
margin-bottom: 4px;
}
.price-purchase-like {
width: 100%;
margin-top: 8px;
display: flex;
justify-content: space-between;
align-items: center;
}
.price-purchase-like .price {
display: flex;
justify-content: flex-start;
align-items: center;
}
.price-purchase-like .price i {
display: block;
margin-top: 4px;
font-weight: 600;
font-size: 14px;
color: #FE5900;
line-height: 20px;
}
.price-purchase-like .price span {
display: block;
font-weight: 600;
font-size: 20px;
color: #FE5900;
line-height: 28px;
}
.price-purchase-like .price em {
display: block;
margin: 4px 0 0 8px;
font-size: 13px;
color: #8C8C8C;
line-height: 18px;
}
.purchase-like {
display: flex;
justify-content: flex-end;
align-items: center;
}
.purchase-like .purchase {
display: block;
margin-right: 16px;
font-size: 13px;
color: #8C8C8C;
line-height: 18px;
}
.purchase-like .like {
display: flex;
justify-content: flex-end;
align-items: center;
}
.purchase-like .like i {
display: block;
width: 16px;
height: 16px;
font-size: 14px;
color: #8C8C8C;
text-align: center;
line-height: 16px;
}
.purchase-like .like .active {
color: #FE5900;
}
.purchase-like .like span {
display: block;
margin-left: 2px;
font-size: 13px;
color: #8C8C8C;
line-height: 18px;
}
.rich-con {
width: 100%;
padding: 12px 0px 16px;
font-size: 16px;
color: #3D3D3D;
line-height: 22px;
}
.rich-con img {
width: 100%;
max-width: 100%;
}
.school-model {
width: 100%;
padding: 22px 16px 0;
background: #fff;
margin-top: 12px;
}
.m-center-title {
height: 13px;
border-top: 1px solid #eee;
}
.m-center-title>span {
display: block;
width: 90px;
margin: 0 auto;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #595959;
background: #ffffff;
transform: translateY(-50%);
}
.school-lists {
max-height: 150px;
overflow: hidden;
}
.school-lists li {
padding: 16px 0;
border-bottom: 1px solid #F5F6F7;
display: flex;
justify-content: space-between;
align-items: center;
}
.school-lists li:last-child {
border-bottom: 0px;
}
.school-lists li .xq-list-l {
width: calc(100% - 100px);
}
.school-lists li .xq-list-l .xq-tit {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 6px;
}
.school-lists li .xq-list-l .xq-tit h3 {
font-size: 15px;
font-weight: bold;
color: #262626;
line-height: 20px;
}
.school-lists li .xq-list-l .xq-tit em {
display: block;
height: 16px;
border-radius: 2px;
border: 1px solid #FE5900;
padding: 0 4px;
margin-left: 4px;
font-size: 11px;
color: #FE5900;
line-height: 16px;
}
.school-lists li .xq-list-l p {
font-size: 12px;
color: #595959;
line-height: 16px;
}
.school-lists li .xq-t2-r {
display: flex;
justify-content: flex-end;
align-items: center;
}
.school-lists li .xq-t2-r .xq-t2-r-btn {
width: 42px;
}
.school-lists li .xq-t2-r .xq-t2-r-btn>i {
display: block;
width: 20px;
height: 20px;
margin: 0 auto;
font-size: 20px;
text-align: center;
line-height: 20px;
}
.school-lists li .xq-t2-r .xq-t2-r-btn>span {
display: block;
margin-top: 4px;
font-size: 11px;
color: #595959;
text-align: center;
line-height: 15px;
}
.upDown{
width: 100%;
height: 18px;
box-sizing: content-box;
padding: 16px 0;
display: flex;
justify-content: center;
align-items: center;
}
.upDown>text{
display: block;
font-size: 13px;
color: #8C8C8C;
line-height: 18px;
}
.upDown>i{
font-size: 18px;
color: #8C8C8C;
}
.foot-time {
width: 100%;
height: 32px;
background: #FFF8E6;
position: fixed;
left: 0;
bottom: 56px;
display: flex;
justify-content: center;
align-items: center;
}
.foot-time>span {
font-size: 13px;
color: #262626;
}
.foot-time>em {
font-size: 17px;
font-weight: 600;
color: #FE5900;
}
.foot-con {
width: 100%;
height: 56px;
background: #fff;
display: flex;
justify-content: space-between;
position: fixed;
left: 0;
bottom: 0;
}
.foot-con>.t2-l {
display: flex;
justify-content: flex-start;
}
.foot-con>.t2-l div,
.foot-con>.t2-l button,
.foot-con>.t2-l a,
.foot-con>.t2-l .foot-home,
.foot-con>.t2-l .foot-kf {
padding: 5px 12px;
background: #fff;
line-height: 1.3;
}
.foot-con>.t2-l div>text,
.foot-con>.t2-l button>text,
.foot-con>.t2-l a>text,
.foot-con>.t2-l .foot-home>text,
.foot-con>.t2-l .foot-kf>text {
width: 22px;
height: 22px;
display: block;
background: #595959;
}
.foot-con>.t2-l div>span,
.foot-con>.t2-l button>span,
.foot-con>.t2-l a>span,
.foot-con>.t2-l .foot-home>span,
.foot-con>.t2-l .foot-kf>span {
display: block;
font-size: 11px;
color: #595959;
text-align: center;
}
.foot-con>.t2-l div .active,
.foot-con>.t2-l button .active,
.foot-con>.t2-l a .active,
.foot-con>.t2-l .foot-home .active,
.foot-con>.t2-l .foot-kf .active {
background: #FE5900;
color: #FE5900;
}
.foot-con>.t2-l div:nth-child(1) {
padding-left: 20px;
}
.jg-foot .t2-r {
width: 191px;
height: 40px;
background-image: linear-gradient(270deg, #FF6100 0%, #FE8D00 100%);
border-radius: 20px;
margin: 8px 8px 8px 0;
display: flex;
justify-content: center;
}
.jg-foot .t2-r text {
font-size: 12px;
color: #FFFFFF;
line-height: 45px;
}
.jg-foot .t2-r span {
font-size: 18px;
color: #FFFFFF;
font-weight: 600;
line-height: 40px;
margin-right: 6px;
}
.jg-foot .t2-r em {
font-size: 16px;
color: #FFFFFF;
font-weight: 600;
line-height: 40px;
}
.jg-foot .t2-r-end {
width: 191px;
height: 40px;
background: #ccc;
border-radius: 20px;
margin: 8px 8px 8px 0;
font-size: 16px;
color: #FFFFFF;
text-align: center;
font-weight: 600;
line-height: 40px;
}
/* 体验课结束 */
/* 资料试看和附件资料开始 */
.trial {
width: 100%;
padding: 20px 16px 6px;
background: #fff;
}
.trial-tit {
width: 100%;
font-size: 21px;
font-weight: bold;
color: #262626;
line-height: 30px;
}
.trial-info {
width: 100%;
margin-top: 8px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.trial-info>span {
display: block;
margin-right: 12px;
font-size: 13px;
color: #8C8C8C;
line-height: 19px;
}
.info-editor-box {
width: 100%;
margin-top: 16px;
position: relative;
}
.info-editor {
max-height: 420px;
overflow: hidden;
font-size: 18px;
color: #262626;
line-height: 30px;
}
.info-editor img{
width: 100%;
}
.editor-mask {
width: 100%;
height: 240px;
background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
position: absolute;
left: 0px;
bottom: 0px;
}
.editor-open {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 48px;
background: rgba(255, 255, 255, 0.8);
border-radius: 200px 200px 200px 200px;
border: 1px solid #FE5900;
position: absolute;
left: 0px;
bottom: 10px;
}
.editor-open span {
font-size: 15px;
color: #FE5900;
font-weight: 600;
line-height: 20px;
}
.editor-open>i {
display: block;
width: 20px;
height: 20px;
font-size: 16px;
color: #FE5900;
text-align: center;
line-height: 20px;
}
.info-table {
width: 100%;
background: #FAFBFC;
margin-top: 16px;
}
.info-table .thead {
width: 100%;
height: 40px;
background: #F5F6F7;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 16px;
}
.info-table .thead>span {
font-size: 13px;
color: #262626;
font-weight: 600;
text-align: center;
line-height: 18px;
}
.info-table .tbody {
width: 100%;
background: #FAFBFC;
padding: 0 16px;
}
.info-table .tbody li:last-child {
border-bottom: 0px;
}
.info-table .tbody li {
width: 100%;
height: 56px;
border-bottom: 1px solid #EBEBEB;
display: flex;
justify-content: flex-start;
align-items: center;
}
.info-table .tbody li>span {
font-size: 14px;
color: #262626;
text-align: center;
line-height: 20px;
}
.info-table .tbody li .download {
width: 60px;
height: 32px;
background: #1A8CFF;
border-radius: 16px;
margin: 0 auto;
font-size: 14px;
color: #FFFFFF;
line-height: 32px;
}
.info-table .tbody li .download-login {
width: 60px;
height: 32px;
background: #1A8CFF;
border-radius: 16px;
margin: 0 auto;
font-size: 14px;
color: #FFFFFF;
line-height: 32px;
}
.data-btn {
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
padding: 20px 0 4px;
}
.data-btn>div {
width: 33%;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.data-btn>div>i {
display: block;
width: 16px;
height: 16px;
font-size: 14px;
text-align: center;
line-height: 16px;
}
.data-btn>div>span {
display: block;
margin-left: 3px;
font-size: 14px;
color: #595959;
line-height: 20px;
}
.data-btn>i {
display: block;
width: 1px;
height: 16px;
background: #D8D8D8;
margin-top: 2px;
}
.data-btn .active i {
color: #FE5900;
}
.data-btn .active span {
color: #FE5900;
}
.download-data {
width: 323px;
height: 328px;
background: #FFFFFF;
border-radius: 8px;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 105;
}
/* 资料试看和附件资料结束 */
.more-select>a>.popup-pj{
-webkit-mask: url(../fonts/icon-info-linear.svg) no-repeat;
mask: url(../fonts/icon-info-linear.svg) no-repeat;
}
.more-select>a:last-child{
border-bottom: 0;
}