/* 公共样式开始 */
html,body{
min-width: 1200px;
height: 100%;
}
body img{
width: 100%;
height: 100%;
}
.flex-fs{
display: flex;
justify-content: flex-start;
align-items: center;
}
.flex-fe{
display: flex;
justify-content: flex-end;
align-items: center;
}
.flex-sb{
display: flex;
justify-content: space-between;
align-items: center;
}
.flex-cen{
display: flex;
justify-content: center;
align-items: center;
}
.ell{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.swiper-container {
width: 100%;
height: 100%;
}
/* 公共样式结束 */
/* 头部开始 */
.index-head-box{
border-bottom: 1px solid #eeeeee;
}
.index-head{
box-sizing: border-box;
width: 1200px;
/* height: 92px; */
margin: 0 auto;
}
.head-logo{
width: 60px;
/*height: 45px;*/
}
.index-head-nav-li{
position: relative;
padding: 39px 14px 34px;
border-bottom: 4px solid transparent;
font-size: 16px;
color: #555555;
line-height: 16px;
text-align: center;
letter-spacing: 2px;
}
.index-head-nav-li-a{
font-size: 16px;
color: #555555;
line-height: 16px;
text-align: center;
letter-spacing: 2px;
}
.cli-index-head-nav-li{
color: #f68657;
border-bottom: 4px solid #f68657;
}
.ihnl-list{
display: none;
position: absolute;
top: 58px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
overflow: hidden;
border-radius: 3px;
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1);
}
.ihnl-list-li{
position: relative;
background: #fff;
padding: 10px 9px;
text-align: center;
white-space: nowrap;
}
.training-camp:hover .ihnl-list{
display: block;
}
.ihnl-list-li-txt{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.index-head-down-arrow-icon{
width: 12px;
height: 6px;
margin-left: 4px;
}
.index-head-search{
position: relative;
margin-right: 14px;
}
.index-head-search-ipt{
box-sizing: border-box;
padding: 0 13px 0 37px;
width: 138px;
height: 34px;
background: transparent;
border: 1px solid #eeeeee;
font-size: 14px;
color: #000;
line-height: 34rpx;
border-radius: 25px;
}
.index-head-search-ipt::-webkit-input-placeholder{
font-size: 14px;
color: #999999;
}
.index-head-search-icon{
position: absolute;
top: 9px;
left: 13px;
width: 16px;
height: 16px;
}
.lading-btn{
box-sizing: border-box;
width: 76px;
height: 34px;
background: #f68657;
font-size: 16px;
color: #ffffff;
line-height: 34px;
text-align: center;
border-radius: 18px;
}
.registered-btn{
box-sizing: border-box;
width: 76px;
height: 34px;
margin-left: 10px;
background: transparent;
border: 2px solid #f68657;
font-size: 16px;
color: #f68657;
line-height: 34px;
text-align: center;
border-radius: 18px;
}
.is-logged-in-box{
position: relative;
}
.index-head-portrait{
width: 46px;
height: 46px;
border-radius: 50%;
overflow: hidden;
cursor: pointer;
}
.is-logged-in-span{
display: block;
width: 88px;
height: 30px;
position: absolute;
bottom: -18px;
left: -42px;
}
.is-logged-in-list{
display: none;
position: absolute;
top: 58px;
right: 0;
z-index: 2;
overflow: hidden;
border-radius: 3px;
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1);
}
.is-logged-in-list-li{
position: relative;
background: #fff;
padding: 10px 9px;
text-align: center;
white-space: nowrap;
}
.is-logged-in-list-li-txt{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.is-logged-in-box:hover .is-logged-in-list{
display: block;
}
/* 头部结束 */
/* 首页内容开始 */
.index-banner-top{
width: 100%;
height: 600px;
}
.swiper-button-prev,
.swiper-container-rtl .iadbcb_ll {
margin-left: 62px;
left: 0;
background-size: 16px 42px;
background-repeat: no-repeat;
opacity: .6;
}
.swiper-button-next,
.swiper-container-rtl .iadbcb_ll {
margin-right: 62px;
right: 0;
background-size: 16px 42px;
background-repeat: no-repeat;
opacity: .6;
}
.index-cont-head-box{
position: relative;
margin-top: 100px;
}
.index-cont-head-bg{
position: absolute;
top: 1px;
left: 50%;
transform: translateX(-50%);
z-index: 0;
font-size: 100px;
color: #f8f8f8;
line-height: 100px;
font-weight: bold;
white-space: nowrap;
text-transform: uppercase;
}
.index-cont-head{
position: relative;
margin-top: 30px;
}
.index-cont-head-orange-icon-one{
width: 31px;
height: 37px;
margin-right: 22px;
}
.index-cont-head-title{
font-size: 36px;
color: #555555;
line-height: 36px;
font-weight: bold;
}
.index-cont-head-orange-icon-two{
width: 31px;
height: 37px;
margin-left: 22px;
transform: rotate(180deg);
}
.index-new-course-list{
box-sizing: border-box;
width: 100%;
margin-top: 120px;
}
.index-new-course-list-li{
box-sizing: border-box;
flex-direction: column;
justify-content: flex-start;
width: 270px;
height: 331px;
border: 1px solid #eeeeee;
border-radius: 0 0 10px 10px;
}
.index-new-course-list-li-img{
width: 268px;
height: 198px;
overflow: hidden;
border-radius: 0 0 50% 50%;
}
.index-new-course-label{
width: 163px;
height: 40px;
margin-top: -25px;
font-size: 20px;
color: #ffffff;
font-weight: bold;
line-height: 40px;
text-align: center;
border-radius: 20px;
}
.index-new-course-label-col-one{
background: #f68657;
}
.index-new-course-label-col-two{
background: #a1cc23;
}
.index-new-course-label-col-three{
background: #c677ab;
}
.index-new-course-label-col-four{
background: #44aef0;
}
.index-new-course-txt{
display: block;
width: 185px;
margin-top: 35px;
font-size: 16px;
color: #ababab;
line-height: 25px;
text-align: center;
}
.index-430-course-box{
width: 100%;
padding-top: 20px;
padding-bottom: 128px;
margin-top: 80px;
}
.index-430-course{
width: 1200px;
margin: 0 auto;
}
.index-cont-head-bg-col-two{
color: rgba(246, 134, 87, .1);
}
.index-430-course-cont-box{
margin-top: 133px;
}
.index-430-course-cont-video-cover{
position: relative;
width: 562px;
height: 350px;
margin-bottom: -302px;
margin-right: -510px;
/* border: 2px solid #fff; */
overflow: hidden;
border-radius: 10px;
}
.index-430-course-cont-video-play-icon{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 60px;
height: 60px;
}
.index-430-course-online-learning{
align-items: flex-start;
width: 1144px;
height: 324px;
padding-top: 55px;
margin-left: 55px;
background: #fe840b;
border-radius: 10px;
}
.i4col-cont{
display: flex;
flex-direction: column;
align-items: flex-start;
margin-left: 584px;
}
.i4col-label-box{
box-sizing: border-box;
flex-wrap: nowrap;
padding: 10px 28px;
margin-bottom: 20px;
background: #fff;
border-radius: 25px;
}
.i4col-online-course-icon{
display: inline-block;
width: 29px;
height: 27px;
}
.i4col-label-txt{
padding-left: 6px;
font-size: 24px;
color: #fe840b;
line-height: 24px;
font-weight: bold;
}
.i4col-title{
font-size: 30px;
color: #fff;
line-height: 30px;
}
.i4col-course-type-box{
margin-top: 12px;
}
.i4col-course-type-p{
font-size: 16px;
color: #fff;
line-height: 16px;
}
.i4col-course-type-span{
padding-left: 13px;
font-size: 16px;
color: #fff;
line-height: 16px;
}
.i4col-understand-course-btn{
box-sizing: border-box;
width: 136px;
height: 36px;
margin-top: 70px;
background: transparent;
border: 1px solid #fff;
font-size: 18px;
color: #fff;
line-height: 36px;
text-align: center;
border-radius: 25px;
letter-spacing: 1px;
}
.index-430-course-cont-box-two{
margin-top: 142px;
}
.index-430-course-online-learning-two{
align-items: flex-start;
width: 1144px;
height: 324px;
padding-top: 55px;
background: #fdb92d;
border-radius: 10px;
}
.i4col-cont-two{
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
margin-right: 584px;
}
.i4col-offline-course-icon{
width: 30px;
height: 27px;
}
.i4col-label-txt-col-two{
color: #fdb92d;
}
.index-430-course-cont-img-box{
margin-bottom: -303px;
margin-left: -521px;
}
.index-430-course-cont-img{
width: 562px;
height: 326px;
border: 2px solid #fff;
overflow: hidden;
border-radius: 10px;
}
.index-studies-camp-box{
width: 100%;
padding-top: 20px;
padding-bottom: 128px;
margin-top: 80px;
background: url(../images/index-430-course-bg.png) no-repeat;
background-size: 100% 100%;
}
.index-studies-camp{
width: 1200px;
margin: 0 auto;
}
.i4col-studies-camp-bg-col{
background: #46c2e0;
}
.studies-camp-cont-img{
position: relative;
box-sizing: border-box;
width: 562px;
height: 326px;
margin-bottom: -302px;
margin-right: -510px;
border: 2px solid #fff;
overflow: hidden;
border-radius: 10px;
}
.i4col-outdoor-activities-icon{
width: 25px;
height: 27px;
}
.outdoor-activities-txt-col{
color: #46c2e0;
}
.index-the-repository{
width: 1200px;
margin: 0 auto;
}
.index-the-repository-list{
width: 100%;
margin-top: 120px;
}
.index-the-repository-list-li{
box-sizing: border-box;
width: 375px;
height: 169px;
padding-left: 38px;
padding-top: 30px;
background-size: 100% 100%;
}
.index-the-repository-list-li-one{
background: url(../images/index-the-repository-list-li-bg-one.png) no-repeat;
}
.index-the-repository-list-li-two{
background: url(../images/index-the-repository-list-li-bg-two.png) no-repeat;
}
.index-the-repository-list-li-three{
background: url(../images/index-the-repository-list-li-bg-three.png) no-repeat;
}
.itrl-title{
display: block;
margin-bottom: 20px;
font-size: 30px;
color: #fff;
line-height: 30px;
}
.itrl-cont-txt{
font-size: 18px;
color: #fff;
line-height: 18px;
}
.itrl-label-box{
margin-top: 10px;
}
.itrl-label{
padding-right: 12px;
font-size: 14px;
color: #fff;
line-height: 14px;
}
.index-news-center-box{
width: 100%;
margin-top: 72px;
padding-bottom: 85px;
background: url(../images/index-news-center-bg.png) no-repeat;
background-size: 100% 100%;
}
.index-news-center{
width: 1200px;
margin: 0 auto;
padding-top: 20px;
}
.index-studies-camp-head-col{
color: #f8f8f8;
}
.index-the-repository-head-col{
color: #f8f8f8;
}
.index-news-center-head-col{
color: #eb665d;
}
.index-news-center-title-col{
color: #fff;
}
.index-news-center-swiper{
width: 1200px;
margin: 0 auto;
padding-bottom: 75px;
}
.index-news-center-swiper-container{
width: 100%;
height: 100%;
padding-bottom: 75px;
}
.index-news-center-btn{
box-sizing: border-box;
display: block;
width: 194px;
height: 50px;
margin: 0 auto;
background: transparent;
border: 1px solid #fff;
font-size: 24px;
color: #fff;
text-align: center;
line-height: 50px;
border-radius: 25px;
outline: none;
}
.incs-cont-img{
position: relative;
z-index: 10;
width: 246px;
height: 170px;
margin-bottom: -159px;
margin-right: -235px;
overflow: hidden;
border-radius: 10px;
}
.incs-cont-right{
box-sizing: border-box;
position: relative;
width: 556px;
height: 178px;
padding-left: 265px;
padding-top: 22px;
background: #fff;
border-radius: 10px;
}
.incs-cont-title{
display: block;
margin-bottom: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 20px;
color: #555555;
font-weight: bold;
}
.incs-cont-txt{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
width: 250px;
font-size: 14px;
color: #ababab;
line-height: 22px;
}
.incs-time{
position: absolute;
bottom: 21px;
right: 207px;
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.incs-cont-box{
margin-top: 120px;
}
.swiper-pagination-bullet{
width: 10px;
height: 10px;
border-radius: 50%;
background: #f68657;
opacity: 1;
}
.swiper-pagination-bullet-active{
background: #fff;
opacity: 1;
}
.index-in-cont-box{
box-sizing: border-box;
width: 1200px;
margin: 0 auto;
padding-top: 97px;
padding-bottom: 88px;
}
.index-in-cont-list{
width: 100%;
justify-content: space-around;
}
.index-in-cont-list-li{
flex-direction: column;
}
.index-in-icon-one{
width: 42px;
height: 43px;
}
.index-in-cont-num-box{
margin: 28px 0;
}
.index-in-cont-num{
box-sizing: border-box;
width: 51px;
height: 72px;
margin-right: 4px;
background: #f68657;
font-size: 72px;
color: #fff;
text-align: center;
border-radius: 5px;
}
.index-in-cont-foot-txt{
font-size: 16px;
color: #464646;
line-height: 16px;
}
.index-in-icon-two{
width: 39px;
height: 43px;
}
.index-in-icon-three{
width: 47px;
height: 43px;
}
.index-in-icon-four{
width: 52px;
height: 44px;
}
.index-in-btn{
display: block;
width: 194px;
height: 50px;
margin: 75px auto 0;
background: #f68657;
font-size: 24px;
color: #fff;
line-height: 50px;
text-align: center;
outline: none;
border-radius: 25px;
}
.i4col-domestic-icon{
width: 30px;
height: 24px;
}
.i4col-foreign-icon{
width: 25px;
height: 25px;
}
.index-bg-two{
background: #46c2e0;
}
.index-txt-col-two{
color: #46c2e0;
}
.index-txt-col-three{
color: #b354e4;
}
.index-bg-three{
background: #b354e4;
}
.index-training-camp-box{
width: 100%;
}
.index-training-camp-head-bg-col{
color: #f8f8f8;
}
.i4col-online-teaching-icon{
width: 29px;
height: 27px;
}
.index-bg-four{
background: #fdb92d;
}
.index-txt-col-four{
color: #fdb92d;
}
.i4col-offline-training-icon{
width: 28px;
height: 21px;
}
.index-bg-five{
background: #06cba5;
}
.index-txt-col-five{
color: #06cba5;
}
.i4col-happy-camp-icon{
width: 29px;
height: 23px;
}
.index-bg-six{
background: #fe840b;
}
.index-txt-col-six{
color: #fe840b;
}
.i4col-course-resources-icon{
width: 28px;
height: 21px;
}
.index-bg-seven{
background: #665eef;
}
.index-txt-col-seven{
color: #665eef;
}
/* 首页内容结束 */
/* 底部开始 */
.index-foot-box{
width: 100%;
background: #3b3b3b;
}
.index-foot{
align-items: flex-start;
width: 1200px;
margin: 0 auto;
padding: 59px 0;
}
.index-foot-left{
flex-direction: column;
flex-shrink: 0;
margin-right: 90px;
}
.index-foot-code{
width: 131px;
height: 131px;
margin-bottom: 18px;
}
.index-foot-code-txt{
font-size: 16px;
color: #fff;
line-height: 16px;
}
.index-foot-gongzhonghao-code{
width: 131px;
height: 131px;
margin-bottom: 18px;
}
.index-foot-rt-right{
padding-top: 10px;
}
.index-foot-rt-right-li{
margin-right: 34px;
font-size: 16px;
color: #fff;
line-height: 16px;
}
.index-foot-right-foot{
margin-top: 38px;
margin-bottom: 30px;
}
.ifrf-txt{
padding-right: 30px;
font-size: 16px;
color: #fff;
line-height: 16px;
}
.index-foot-right-foot .ifrf-txt:last-child{
padding-right: 0;
}
/* 底部结束 */
/* 登陆注册开始 */
.registered-head{
width: 1200px;
margin: 0 auto;
padding: 24px 0 22px;
}
.registered-head-log{
width: 170px;
height: 47px;
}
.registered-phone-icon{
width: 20px;
height: 20px;
margin-right: 9px;
}
.registered-phone-txt{
font-size: 24px;
color: #f68657;
line-height: 24px;
font-weight: bold;
}
.registered-cont-box{
width: 100%;
padding: 60px 0 0;
background: #fafafa;
border-top: 1px solid #eeeeee;
}
.registered-cont{
box-sizing: border-box;
width: 748px;
margin: 0 auto;
background: #fff;
border-radius: 10px;
}
.registered-cont-foot-bg{
width: 100%;
height: 174px;
margin-top: 44px;
}
.registered-cont-head{
box-sizing: border-box;
width: 100%;
padding-left: 46px;
}
.registered-cont-head-title{
display: block;
padding: 29px 38px 24px 0;
font-size: 16px;
color: #3b3b3b;
line-height: 16px;
border-bottom: 1px solid #eeeeee;
}
.registered-ipt-bigbox{
margin-top: 65px;
flex-direction: column;
padding-bottom: 47px;
}
.registered-ipt-bigbox-two{
margin-top: 65px;
flex-direction: column;
padding-bottom: 100px;
}
.passwork-back-icon{
width: 60px;
height: 60px;
margin-bottom: 30px;
}
.passwork-back-title{
display: block;
margin-bottom: 14px;
font-size: 24px;
color: #555555;
line-height: 24px;
}
.passwork-back-txt{
display: block;
margin-bottom: 140px;
font-size: 16px;
color: #555555;
line-height: 16px;
}
.registered-ipt-box{
box-sizing: border-box;
width: 368px;
height: 45px;
margin: 0 auto 38px;
padding-left: 16px;
background: #fcfcfc;
border: 1px solid #eeeeee;
border-radius: 25px;
}
.registered-phone-num-icon{
width: 12px;
height: 19px;
margin-right: 12px;
flex-shrink: 0;
}
.registered-ipt{
box-sizing: border-box;
width: 325px;
height: 100%;
padding-left: 12px;
background: transparent;
border: none;
font-size: 14px;
color: #000;
line-height: 14px;
border-left: 1px solid #eee;
letter-spacing: 1px;
}
.registered-ipt::placeholder{
font-size: 14px;
color: #ababab;
line-height: 14px;
letter-spacing: 1px;
}
.registered-password-icon{
width: 14px;
height: 18px;
margin-right: 10px;
flex-shrink: 0;
}
.landing-btn{
box-sizing: border-box;
display: block;
width: 368px;
height: 45px;
margin: 0 auto;
background: #f68657;
font-size: 16px;
color: #fff;
line-height: 45px;
text-align: center;
border-radius: 25px;
outline: none;
}
.lpc-right-foot{
margin-top: 60px;
}
.impowerBox .status p{
color: #000
}
.registered-foot{
width: 370px;
margin: 65px auto 0;
}
.registered-foot-left{
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.registered-foot-right{
font-size: 14px;
color: #3b3b3b;
line-height: 14px;
}
.registered-foot-right-span{
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.lpc-rf-small-code{
width: 14px;
height: 14px;
margin-right: 5px;
cursor: pointer;
}
.lpc-rf-txt{
position: relative;
padding-right: 30px;
font-size: 14px;
color: #555555;
line-height: 14px;
cursor: pointer;
}
.lpc-rf-txt-after::after{
position: absolute;
top: -1px;
right: 13px;
display: block;
content: "";
width: 1px;
height: 16px;
background: #DADADA;
}
.registered-verification-box{
width: 368px;
margin: 0 auto 38px;
}
.registered-verification-left{
box-sizing: border-box;
width: 236px;
height: 45px;
margin: 0 auto;
padding-left: 16px;
background: #fcfcfc;
border: 1px solid #eeeeee;
border-radius: 25px;
}
.verification-code-icon{
width: 16px;
height: 16px;
flex-shrink: 0;
margin-right: 9px;
}
.verification-code-ipt{
box-sizing: border-box;
width: 193px;
height: 100%;
padding-left: 12px;
background: transparent;
border: none;
font-size: 14px;
color: #000;
line-height: 14px;
border-left: 1px solid #eee;
letter-spacing: 1px;
}
.verification-code-ipt::placeholder{
font-size: 14px;
color: #ababab;
line-height: 14px;
letter-spacing: 1px;
}
.verification-btn{
box-sizing: border-box;
display: block;
width: 118px;
height: 45px;
margin: 0 auto;
background: #f68657;
font-size: 16px;
color: #fff;
line-height: 45px;
text-align: center;
border-radius: 25px;
outline: none;
}
.login-foot{
display: block;
font-size: 14px;
color: #3b3b3b;
line-height: 14px;
text-align: center;
}
.landing-code-icon{
height: 230px;
margin-bottom: 40px;
margin-top: -30px;
}
.landing-code-txt{
font-size: 14px;
color: #ababab;
line-height: 24px;
}
/* 登陆注册结束 */
/* 430课程内容开始 */
.cousrse-430-page{
width: 100%;
}
.course-430-head{
box-sizing: border-box;
width: 1200px;
margin: 0 auto;
}
.course-430-head-lt-title{
font-size: 72px;
color: #fff;
line-height: 72px;
}
.course-430-head-ltr{
position: relative;
width: 248px;
height: 68px;
margin-bottom: 36px;
margin-left: 25px;
background: url(../images/course-430-head-ltr-bg.png) no-repeat;
background-size: 100% 100%;
}
.course-430-head-ltr-txt{
position: absolute;
bottom: 11px;
left: 24px;
font-size: 24px;
color: #451b11;
line-height: 24px;
}
.course-430-head-lf{
font-size: 24px;
color: #fff;
line-height: 24px;
}
.course-430-head-btn{
box-sizing: border-box;
width: 163px;
height: 40px;
margin-top: 68px;
background: #f68657;
border: 1px solid #fff;
font-size: 20px;
color: #fff;
line-height: 40px;
text-align: center;
border-radius: 25px;
outline: none;
letter-spacing: 1px;
}
.course-430-cont-box{
box-sizing: border-box;
width: 1200px;
margin: 36px auto 0;
}
.course-430-cont-head{
padding-top: 34px;
border: 1px solid #eee;
border-radius: 10px;
}
.c4ch-type-choose-list-box{
box-sizing: border-box;
padding: 0 0 34px 36px;
}
.c4ch-course-choose-list{
box-sizing: border-box;
width: 100%;
border-bottom: 1px solid #eee;
}
.c4ch-course-choose-list-li{
padding: 29px 43px 22px;
margin-left: 35px;
font-size: 18px;
color: #555555;
line-height: 18px;
border-bottom: 3px solid transparent;
}
.cli-c4ch-course-choose-list-li{
color: #f68657;
border-bottom: 3px solid #f68657;
}
.c4ch-type-choose-list{
box-sizing: border-box;
width: 100%;
border-bottom: 1px solid #eee;
}
.c4ch-tcl-title{
padding-right: 22px;
flex-shrink: 0;
font-size: 16px;
color: #343434;
line-height: 16px;
}
.c4ch-type-choose-list-li{
display: inline-block;
padding: 7px 15px;
margin-left: 35px;
background: transparent;
font-size: 16px;
color: #555555;
line-height: 16px;
text-align: center;
border-radius: 25px;
}
.cli-c4ch-type-choose-list-li{
color: #fff;
background: #f68657;
}
.c4ch-rank-choose-list{
box-sizing: border-box;
width: 100%;
padding: 20px 0 23px 35px;
}
.c4ch-rank-choose-list-li{
margin-right: 42px;
}
.c4ch-rcl-span{
font-size: 16px;
color: #555555;
line-height: 16px;
}
.c4ch-rcl-down-arrow{
width: 12px;
height: 6px;
margin-left: 4px;
}
.course-430-cont-list{
box-sizing: border-box;
width: 100%;
margin-top: 42px;
}
.course-430-cont-list-li{
box-sizing: border-box;
position: relative;
width: 100%;
margin-bottom: 96px;
align-items: flex-start;
}
.course-430-cont-list-li-img{
width: 416px;
height: 256px;
flex-shrink: 0;
border-radius: 10px;
overflow: hidden;
}
.course-430-cont-list-li-right{
width: 736px;
}
.c4cllr-title{
display: block;
margin-bottom: 23px;
font-size: 24px;
color: #343434;
line-height: 24px;
}
.c4cllr-cont-txt{
font-size: 14px;
color: #555555;
line-height: 30px;
}
.c4cllr-more{
box-sizing: border-box;
position: absolute;
bottom: 0;
left: 466px;
width: 110px;
height: 33px;
background: transparent;
border: 1px solid #f68657;
font-size: 16px;
color: #f68657;
line-height: 33px;
text-align: center;
border-radius: 25px;
outline: none;
}
.xiaochengxu-code-box{
z-index: 999;
position: fixed;
top: 30%;
right: 20px;
padding: 16px 12px 16px 12px;
background: #fff;
flex-direction: column;
border: 1px solid #eee;
border-radius: 3px;
box-shadow: 0 1px 2px 2px rgba(0, 0, 0, .1);
}
.xiaochengxu-code{
width: 93px;
height: 93px;
margin-bottom: 11px;
}
.suspension-txt{
font-size: 14px;
color: #555555;
line-height: 20px;
}
.no-course-cont{
box-sizing: border-box;
width: 100%;
padding: 140px 0 170px;
flex-direction: column;
}
.no-course-icon{
width: 60px;
height: 84px;
margin-bottom: 22px;
}
.no-course-txt{
font-size: 14px;
color: #343434;
line-height: 14px;
}
/* 430课程内容结束 */
/* 研学营内容开始 */
.studies-camp-page{
width: 100%;
}
.studies-camp-cont-box{
box-sizing: border-box;
width: 1200px;
margin: 36px auto 0;
}
.studies-camp-cont-list{
box-sizing: border-box;
width: 100%;
margin-top: 41px;
margin-bottom: 33px;
flex-wrap: wrap;
}
.studies-camp-cont-list-li{
box-sizing: border-box;
width: 258px;
height: 348px;
margin-bottom: 46px;
margin-right: 56px;
box-shadow: 0 0 3px 1px rgba(0, 0, 0, .05);
}
.studies-camp-cont-list .studies-camp-cont-list-li:nth-child(4n){
margin-right: 0;
}
.sccll-img{
width: 258px;
height: 180px;
}
.sccll-foot{
box-sizing: border-box;
width: 100%;
padding: 16px 16px 0 18px;
}
.sccll-foot-title{
display: block;
width: 220px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
color: #555555;
}
.sccll-label-box{
margin-top: 10px;
margin-bottom: 30px;
}
.sccll-label{
padding: 5px 11px;
margin-right: 10px;
font-size: 14px;
color: #fff;
text-align: center;
border-radius: 20px;
}
.sccll-label-col-one{
background: #fec432;
}
.sccll-label-col-two{
background: #f68657;
}
.sccll-apply-grade{
font-size: 14px;
color: #555555;
line-height: 14px;
letter-spacing: .5px;
}
.sccll-price-box{
margin-top: 10px;
}
.sccll-address{
font-size: 14px;
color: #555555;
line-height: 14px;
letter-spacing: .5px;
}
.sccll-price{
font-size: 14px;
color: #f68657;
line-height: 14px;
letter-spacing: .5px;
}
/* 研学营内容结束 */
/* 训练营内容开始 */
.training-camp-cont-list-li{
box-sizing: border-box;
width: 258px;
height: 314px;
margin-bottom: 46px;
margin-right: 56px;
box-shadow: 0 0 3px 1px rgba(0, 0, 0, .05);
}
.studies-camp-cont-list .training-camp-cont-list-li:nth-child(4n){
margin-right: 0;
}
.trainin-camp-label-box{
margin-top: 10px;
flex-wrap: wrap;
}
.trainin-camp-label{
display: block;
padding: 4px 11px;
margin-right: 5px;
font-size: 12px;
color: #fff;
line-height: 12px;
border-radius: 12px;
}
.trainin-camp-label-bg-one{
background: #fec432;
}
.trainin-camp-label-bg-two{
background: #f68657;
}
.tccl-cont-txt{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.tccl-cont-foot{
margin-top: 20px;
}
.trainin-camp-time-icon{
width: 12px;
height: 12px;
margin-right: 7px;
}
.trainin-camp-time-txt{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.trainin-camp-address-icon{
width: 12px;
height: 14px;
margin-right: 7px;
}
.trainin-camp-time-box{
margin-top: 20px;
}
.trainin-camp-address-box{
margin-top: 5px;
}
/* 训练营内容结束 */
/* 欢乐营内容开始 */
.course-430-head-box{
width: 100%;
height: 460px;
}
.swiper-container-one{
width: 100%;
height: 100%;
}
.happy-camp-cont-list{
width: 100%;
margin-top: 42px;
}
.happy-camp-cont-list-li{
position: relative;
box-sizing: border-box;
width: 100%;
padding-bottom: 30px;
margin-bottom: 30px;
align-items: flex-start;
border-bottom: 1px solid #ebebeb;
}
.happy-camp-cont-list .happy-camp-cont-list-li:last-child{
border: none;
}
.hccll-img{
width: 258px;
height: 199px;
flex-shrink: 0;
overflow: hidden;
border-radius: 10px;
}
.hccll-right{
width: 905px;
}
.hccll-hot-label{
display: inline-block;
padding: 6px 10px;
margin-right: 17px;
background: #f68657;
font-size: 18px;
color: #fff;
text-align: center;
}
.hccll-r-title{
font-size: 24px;
color: #343434;
line-height: 24px;
}
.hccll-time-address-box{
margin-top: 22px;
margin-bottom: 17px;
}
.hccll-time-txt{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.hccll-address-icon{
width: 12px;
height: 14px;
flex-shrink: 0;
margin-right: 7px;
}
.hccll-address-txt{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.hccll-cont-introduce-txt{
font-size: 14px;
color: #555555;
line-height: 30px;
}
.hccll-r-foot{
position: absolute;
bottom: 23px;
left: 293px;
width: 905px;
}
.hccll-price{
font-size: 24px;
color: #f68657;
line-height: 24px;
}
.hccll-rfr-txt{
font-size: 16px;
color: #f68657;
line-height: 16px;
}
.hccll-rfr-span{
display: inline-block;
padding-left: -5px;
font-size: 16px;
color: #555555;
line-height: 16px;
}
.hccll-rfr-btn{
width: 76px;
height: 33px;
margin-left: 13px;
background: #f68657;
font-size: 16px;
color: #fff;
line-height: 33px;
text-align: center;
border-radius: 25px;
outline: none;
}
.hccll-address-box{
margin-left: 50px;
}
/* 欢乐营内容结束 */
/* 课程资源库内容开始 */
.course-repository-head-box{
background: url(../images/course-repository-head-bg.png) no-repeat;
}
.course-repository-cont-list-li{
box-sizing: border-box;
width: 258px;
height: 232px;
margin-bottom: 46px;
margin-right: 56px;
box-shadow: 0 0 3px 1px rgba(0, 0, 0, .05);
}
.studies-camp-cont-list .course-repository-cont-list-li:nth-child(4n){
margin-right: 0;
}
.course-repository-cont-img{
width: 258px;
height: 140px;
}
.course-repository-cont-title{
font-size: 18px;
color: #555555;
line-height: 18px;
}
.course-repository-cont-label{
display: block;
margin-top: 15px;
font-size: 16px;
color: #ababab;
line-height: 16px;
}
/* 课程资源库内容结束 */
/* 课程资源库二内容开始 */
.course-reository-two-page{
width: 1200px;
margin: 0 auto 125px;
padding: 80px 0 0 92px;
}
.crtp-title{
display: inline-block;
font-size: 16px;
color: #555555;
line-height: 16px;
cursor: pointer;
}
.crtp-cont{
margin-top: 23px;
align-items: flex-start;
}
.crtp-cont-left{
box-sizing: border-box;
flex-shrink: 0;
width: 327px;
height: 363px;
margin-right: 20px;
}
.crtp-cont-title{
display: block;
margin-bottom: 14px;
font-size: 30px;
color: #fff;
line-height: 30px;
font-weight: bold;
}
.crtp-cont-label{
font-size: 16px;
color: #fff;
line-height: 16px;
}
.crtp-cont-btn{
box-sizing: border-box;
padding: 8px 24px;
margin-top: 36px;
background: transparent;
border: 1px solid #fff;
font-size: 16px;
color: #fff;
line-height: 16px;
border-radius: 25px;
}
.crtp-cont-right-list{
flex-wrap: wrap;
}
.crtp-cont-right-list-li{
width: 323px;
height: 172px;
margin-right: 20px;
margin-bottom: 19px;
}
.crtp-cont-right-list .crtp-cont-right-list-li:nth-child(2n){
margin-right: 0;
}
/* 课程资源库二内容结束 */
/* 课程资源库三内容结束 */
.course-reository-three-page{
width: 1200px;
margin: 0 auto 80px;
}
.course-reository-three-cont-list-li{
box-sizing: border-box;
width: 258px;
height: 232px;
margin-bottom: 46px;
margin-right: 56px;
box-shadow: 0 0 3px 1px rgba(0, 0, 0, .05);
}
.studies-camp-cont-list .course-reository-three-cont-list-li:nth-child(4n){
margin-right: 0;
}
.crtcll-img{
width: 258px;
height: 140px;
}
.crtcll-foot-title{
display: block;
width: 220px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
color: #555555;
}
.crtcll-course-label-txt{
display: block;
margin-top: 13px;
font-size: 16px;
color: #ababab;
line-height: 16px;
}
/* 课程资源库三内容结束 */
/* 合作入驻内容开始 */
.cooperation-in-page{
width: 100%;
}
.cooperation-in-head-box{
width: 100%;
padding: 109px 0 190px;
background: url(../images/cooperation-in-head-bg.png) no-repeat;
background-size: 100% 100%;
}
.cooperation-in-head-ltr{
background: url(../images/cooperation-in-head-ltr-bg.png) no-repeat;
}
.cooperation-in-head-lf{
display: block;
margin-top: 30px;
}
.cooperation-in-cont-box{
width: 100%;
background: #eeeeee;
}
.cooperation-in-cont{
position: relative;
top: -78px;
width: 1200px;
margin: 0 auto;
padding: 89px 0 81px;
background: #fff;
border-radius: 10px;
overflow: hidden;
}
.cic-head-list{
width: 746px;
margin: 0 auto;
border-bottom: 1px solid #eeeeee;
}
.cic-head-list-li{
box-sizing: border-box;
width: 50%;
padding: 24px 0;
border-bottom: 2px solid transparent;
font-size: 24px;
color: #555555;
line-height: 24px;
text-align: center;
}
.cli-cic-head-list-li{
color: #f68657;
border-bottom: 2px solid #f68657;
}
.cic-cont-box{
width: 369px;
margin: 0 auto;
}
.cic-cont-list{
width: 100%;
margin-top: 65px;
}
.cic-cont-list-li{
box-sizing: border-box;
position: relative;
width: 100%;
height: 45px;
margin-bottom: 31px;
background: #fcfcfc;
border: 1px solid #eeeeee;
border-radius: 25px;
}
.cic-institutions-icon{
width: 18px;
height: 18px;
margin: 0 10px 0 12px;
}
.cic-cont-list-li-ipt{
box-sizing: border-box;
width: 325px;
height: 100%;
padding: 0 12px;
border: none;
background: transparent;
font-size: 14px;
color: #000;
line-height: 14px;
border-left: 1px solid #eee;
}
.cic-cont-list-li-ipt::placeholder{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.cic-address-icon{
width: 14px;
height: 18px;
margin: 0 10px 0 16px;
}
.cic-members-icon{
width: 16px;
height: 18px;
margin: 0 9px 0 15px;
}
.cic-phone-icon{
width: 12px;
height: 19px;
margin: 0 12px 0 16px;
}
.cic-business-license-icon{
width: 18px;
height: 14px;
margin: 0 9px 0 13px;
}
.cic-business-license-ipt{
position: relative;
opacity: 0;
z-index: 10;
}
.cic-business-license-ipt-top{
box-sizing: border-box;
position: absolute;
top: 0;
right: 0;
width: 325px;
height: 100%;
padding: 0 12px;
border-left: 1px solid #eee;
}
.cic-business-license-ipt-top-txt{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.cic-add-photo-icon{
width: 18px;
height: 18px;
margin-right: 16px;
flex-shrink: 0;
}
.cic-apply-in-btn{
width: 100%;
height: 45px;
margin-top: 25px;
background: #f68657;
font-size: 16px;
color: #fff;
line-height: 45px;
text-align: center;
letter-spacing: 1px;
border-radius: 25px;
outline: none;
}
.cic-hongxin{
position: absolute;
top: 50%;
right: -20px;
transform: translateY(-50%);
font-size: 16px;
color: #f68657;
line-height: 16px;
}
.cic-cont-list-li-no{
background: transparent;
border: none;
}
.cic-cont-list-li-left{
box-sizing: border-box;
position: relative;
width: 236px;
height: 45px;
background: #fcfcfc;
border: 1px solid #eeeeee;
border-radius: 25px;
}
.cic-verification-code-icon{
width: 16px;
height: 16px;
margin: 0 10px 0 16px;
}
.cic-cont-list-li-left-ipt{
box-sizing: border-box;
width: 180px;
height: 100%;
padding: 0 12px;
border: none;
background: transparent;
font-size: 14px;
color: #000;
line-height: 14px;
border-left: 1px solid #eee;
}
.cic-cont-list-li-left-ipt::placeholder{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.verification-code-btn{
width: 118px;
height: 45px;
margin-left: 14px;
background: #f68657;
font-size: 14px;
color: #fff;
line-height: 14px;
outline: none;
border-radius: 25px;
}
.cic-pass-word-icon{
width: 14px;
height: 18px;
margin: 0 12px 0 16px;
}
.cic-sample-box{
position: absolute;
top: -7px;
right: -157px;
}
.cic-sample-txt{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.cic-sample-img-one{
width: 35px;
height: 47px;
margin-left: 22px;
cursor: pointer;
}
.cic-prompt-box{
position: absolute;
bottom: -54px;
left: 56px;;
}
.cic-prompt-cont{
margin-top: 12px;
}
.cic-prompt-cont-left{
width: 6px;
height: 6px;
margin-right: 5px;
background: #bbbbbb;
border-radius: 50%;
}
.cic-prompt-cont-right{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.cic-sample-box-two{
position: absolute;
top: 10px;
right: -195px;
}
.cic-main-figure-icon{
width: 17px;
height: 13px;
margin: 0 10px 0 13px;
}
.sample-big-box{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
}
.sample-box{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.sample-img-one{
width: 393px;
height: 554px;
}
.sample-img-two{
width: 558px;
height: 398px;
}
.close-sample-icon{
position: absolute;
top: -20px;
right: -25px;
width: 14px;
height: 14px;
cursor: pointer;
}
.address-choose-select-bigbox{
box-sizing: border-box;
width: 100%;
height: 100%;
padding-left: 12px;
padding-right: 41px;
border-left: 1px solid #eee;
}
.address-choose-select-box{
position: relative;
width: 30%;
}
.address-choose-select-box::after{
display: block;
content: "";
width: 12px;
height: 6px;
background: url(../images/down-arrow.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: 17px;
top: 4px;
pointer-events: none;
}
.address-choose-select{
width: 100%;
font-size: 14px;
color: #555555;
line-height: 14px;
border: none;
outline: none;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
/* 合作入驻内容结束 */
/* 课程详情内容开始 */
.course-details-page{
width: 1200px;
margin: 0 auto 80px;
}
.course-details-head{
width: 100%;
padding: 37px 0 32px;
border-bottom: 1px solid #eee;
cursor: pointer;
}
.cdh-back-icon-box{
box-sizing: border-box;
width: 26px;
height: 22px;
margin-right: 13px;
border: 1px solid #eeeeee;
border-radius: 2px;
}
.cdh-back-icon{
width: 10px;
height: 5px;
transform: rotate(90deg);
}
.cdh-back-txt{
font-size: 18px;
color: #555555;
line-height: 18px;
}
.course-details-middle-box{
position: relative;
width: 100%;
margin-top: 57px;
align-items: flex-end;
}
.cdm-left{
align-items: flex-start;
}
.cdm-left-img{
width: 258px;
height: 200px;
flex-shrink: 0;
overflow: hidden;
}
.cmd-left-details{
margin-left: 29px;
}
.cmd-ld-title{
display: block;
margin-bottom: 40px;
font-size: 24px;
color: #343434;
line-height: 24px;
}
.cmd-ld-signing-up-time{
display: block;
margin-bottom: 16px;
font-size: 14px;
color: #555555;
line-height: 14px;
}
.cmd-ld-class-time-box{
margin-bottom: 16px;
}
.cmd-ld-class-time-left{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.cmd-ld-class-time-right{
font-size: 14px;
color: #f68657;
line-height: 14px;
font-weight: bold;
}
.cmd-ld-service-certification{
display: block;
margin-right: 12px;
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.cmd-right-btn{
width: 110px;
height: 33px;
background: #f68657;
font-size: 16px;
color: #fff;
line-height: 33px;
text-align: center;
border-radius: 25px;
outline: none;
}
.course-details-foot-box{
box-sizing: border-box;
width: 100%;
margin-top: 30px;
}
.cdfb-head-list{
width: 100%;
border: 1px solid #eee;
}
.cdfb-head-list-li{
position: relative;
padding: 15px 0;
margin: 0 50px -1px;
font-size: 18px;
color: #555555;
line-height: 18px;
border-bottom: 2px solid transparent;
cursor: pointer;
}
.cli-cdfb-head-list-li{
color: #f68657;
border-bottom: 2px solid #f68657;
}
.cdfb-hll-after::after{
position: absolute;
top: 16px;
right: -54px;
display: block;
content: "";
width: 2px;
height: 16px;
background: #eee;
}
.cdfb-course-introduce{
padding-top: 52px;
}
.cdfb-ci-cont{
padding-left: 36px;
padding-right: 45px;
margin-bottom: 40px;
align-items: flex-start;
}
.cdfb-ci-cont-left{
width: 4px;
height: 18px;
flex-shrink: 0;
margin-right: 16px;
background: #f68657;
border-radius: 10px;
}
.cdfb-ci-cont-right-title{
display: block;
margin-bottom: 7px;
font-size: 18px;
color: #555555;
line-height: 18px;
}
.cdfb-ci-cont-right-cont-txt{
font-size: 14px;
color: #555555;
line-height: 30px;
}
.cdfb-cicr-teacher-head-portrait{
width: 123px;
height: 123px;
margin-right: 29px;
flex-shrink: 0;
border-radius: 50%;
overflow: hidden;
}
.cdfb-cicr-teacher-name{
display: block;
margin-bottom: 6px;
font-size: 18px;
color: #f68657;
line-height: 18px;
}
.cdfb-cicr-teacher-box{
margin-top: 15px;
}
.cdfb-course-directory-list{
width: 100%;
padding-top: 24px;
}
.cdfb-course-directory-list-li{
box-sizing: border-box;
width: 100%;
padding: 28px 54px 28px 58px;
border-bottom: 1px solid #eee;
}
/* .cdfb-course-directory-list .cdfb-course-directory-list-li:last-child{
border: none;
} */
.cdfb-cdll-icon{
width: 18px;
height: 18px;
flex-shrink: 0;
margin-right: 13px;
}
.cdfb-cdll-title{
font-size: 18px;
color: #555555;
line-height: 18px;
}
.cdfb-cdll-right-btn{
width: 110px;
height: 33px;
background: #f68657;
font-size: 16px;
color: #fff;
line-height: 33px;
text-align: center;
outline: none;
border-radius: 25px;
}
.cdfb-cdll-time{
font-size: 14px;
color: #ababab;
line-height: 14px;
cursor: pointer;
}
.vbm-buy-after-play-box{
width: 44px;
height: 44px;
}
.vbm-buy-after-play-box:hover .cdfb-cdll-time{
display: none;
}
.vbm-buy-after-play-box:hover .vbm-buy-after-play-icon{
display: block;
}
.cdfb-course-evaluation-list{
width: 100%;
}
.cdfb-course-evaluation-list-li{
box-sizing: border-box;
width: 100%;
padding: 30px 54px 30px 58px;
align-items: flex-start;
border-bottom: 1px solid #eee;
}
.cdfb-cell-head-portrait{
width: 42px;
height: 42px;
flex-shrink: 0;
margin-right: 22px;
border-radius: 50%;
overflow: hidden;
}
.cdfb-cell-personal-name{
display: block;
margin-top: 9px;
font-size: 18px;
color: #f68657;
line-height: 18px;
}
.cdfb-cell-evaluation-cont-txt{
display: block;
margin-top: 6px;
font-size: 14px;
color: #555555;
line-height: 30px;
}
.cdfb-cell-right-foot{
margin-top: 20px;
}
.cdfb-cell-evaluation-time{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.cdfb-cell-show-txt{
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.input-evaluation-box{
width: 100%;
margin-top: 33px;
flex-direction: column;
border-bottom: 1px solid #eee;
}
.input-evaluation-txtrea-box{
position: relative;
}
.input-evaluation-txtrea{
box-sizing: border-box;
width: 708px;
height: 168px;
padding: 10px 15px;
background: #fbfbfb;
border: 1px solid #e1e1e1;
font-size: 14px;
color: #000;
resize: none;
}
.input-evaluation-txt{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.submit-evaluation-btn{
padding: 9px 23px;
margin: 22px 0 26px;
background: #f68657;
font-size: 16px;
color: #fff;
line-height: 16px;
border-radius: 25px;
outline: none;
}
.collection-box{
margin-top: 20px;
cursor: pointer;
}
.collection-icon{
width: 17px;
height: 16px;
margin-right: 8px;
}
.collection-txt{
font-size: 16px;
color: #ababab;
line-height: 16px;
}
.cli-collection-txt{
color: #f68657;
}
/* 课程详情内容结束 */
/* 研学营详情内容开始 */
.studies-camp-details-page{
width: 1200px;
margin: 0 auto 80px;
}
.studies-camp-details-price-box{
margin-top: 36px;
}
.scdpb-left{
font-size: 30px;
color: #f68657;
line-height: 30px;
font-weight: bold;
}
.scdpb-right{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.studies-camp-details-foot-box{
box-sizing: border-box;
width: 100%;
margin-top: 68px;
}
.scdf-studies-camp-introduce{
padding-top: 52px;
}
.scdf-sci-img{
width: 518px;
height: 345px;
margin: 60px 0 20px;
}
.scdf-travel-arrangements-list{
box-sizing: border-box;
width: 100%;
border: 1px solid #eee;
border-top: none;
}
.scdf-travel-arrangements-list-li{
box-sizing: border-box;
width: 100%;
padding: 38px 88px 30px 58px;
border-bottom: 1px solid #eee;
}
.scdf-travel-arrangements-list .scdf-travel-arrangements-list-li:last-child{
border: none;
}
.scdf-tall-title{
display: block;
margin-bottom: 8px;
font-size: 16px;
color: #555555;
line-height: 16px;
font-weight: bold;
}
.scdf-tall-cont-txt{
font-size: 14px;
color: #555555;
line-height: 30px;
}
/* 研学营详情内容结束 */
/* 训练营详情内容开始 */
.training-camp-details-page{
width: 1200px;
margin: 0 auto 100px;
}
.training-camp-details-img{
width: 258px;
height: 199px;
flex-shrink: 0;
}
.training-camp-details-price{
display: block;
margin-top: 25px;
font-size: 30px;
color: #f68657;
line-height: 30px;
font-weight: bold;
}
.training-camp-details-foot-box{
box-sizing: border-box;
width: 100%;
margin-top: 68px;
}
/* 训练营详情内容结束 */
/* 欢乐营详情内容开始 */
.happy-camp-details-page{
width: 1200px;
margin: 0 auto 80px;
}
.happy-camp-details-foot-box{
box-sizing: border-box;
width: 100%;
margin-top: 68px;
}
.happy-camp-details-moving-target-list{
width: 100%;
padding-top: 40px;
}
.happy-camp-details-moving-target-list-li{
box-sizing: border-box;
padding-left: 58px;
width: 100%;
font-size: 18px;
color: #555555;
line-height: 36px;
}
/* 欢乐营详情内容结束 */
/* 个人中心内容开始 */
.personal-center-page-box{
width: 100%;
padding-top: 30px;
border-top: 1px solid #eee;
}
.personal-center-page{
box-sizing: border-box;
width: 1200px;
margin: 0 auto 80px;
align-items: flex-start;
border: 1px solid #eee;
}
.personal-center-left{
box-sizing: border-box;
width: 220px;
padding: 36px 0 34px;
margin: -1px 0 0 -1px;
background: #f68657;
}
.personal-center-left-head{
flex-direction: column;
margin-bottom: 42px;
}
.personal-center-head-portrait{
width: 56px;
height: 56px;
margin-bottom: 10px;
overflow: hidden;
border-radius: 50%;
}
.personal-center-head-txt{
font-size: 14px;
color: #fff;
line-height: 14px;
}
.personal-center-left-list-box{
padding-left: 20px;
}
.personal-center-left-list-title{
position: relative;
display: block;
margin-bottom: 10px;
padding-left: 25px;
font-size: 14px;
color: #fff;
line-height: 14px;
}
.personal-center-left-list-title::after{
position: absolute;
top: 0px;
left: 12px;
display: block;
content: "";
width: 2px;
height: 14px;
background: #fff;
}
.personal-center-left-list-li{
box-sizing: border-box;
padding: 20px 0 20px 26px;
cursor: pointer;
}
.cli-personal-center-left-list-li{
background: #e57242;
cursor: pointer;
}
.my-all-icon{
width: 17px;
height: 17px;
margin-right: 10px;
}
.personal-center-left-list-li-txt{
font-size: 14px;
color: #fff;
line-height: 14px;
}
.my-studies-camp-icon{
width: 15px;
height: 15px;
margin-right: 10px;
}
.my-collection-icon{
width: 18px;
height: 18px;
margin-right: 7px;
}
.my-course-icon{
width: 17px;
height: 14px;
margin-right: 10px;
}
.my-activity-icon{
width: 17px;
height: 16px;
margin-right: 10px;
}
.my-repository-icon{
width: 17px;
height: 16px;
margin-right: 10px;
}
.personal-center-right{
box-sizing: border-box;
width: 980px;
height: 100%;
padding: 35px 0 0 55px;
}
.personal-center-right-title{
position: relative;
padding-left: 15px;
font-size: 18px;
color: #555555;
line-height: 18px;
}
.personal-center-right-title::after{
position: absolute;
top: 0px;
left: 0px;
display: block;
content: "";
width: 4px;
height: 18px;
background: #f68657;
border-radius: 5px;
}
.my-all-list{
box-sizing: border-box;
width: 100%;
padding-right: 50px;
}
.my-all-list-li{
align-items: flex-start;
width: 100%;
padding: 35px 0;
border-bottom: 1px solid #eee;
}
.my-all-list-li-left{
align-items: flex-start;
}
.my-all-list .my-all-list-li:last-child{
border: none;
}
.my-all-list-li-img{
width: 166px;
height: 128px;
flex-shrink: 0;
}
.my-all-list-li-lr-title{
font-size: 24px;
color: #343434;
line-height: 24px;
}
.my-all-list-li-btn{
padding: 9px 22px;
background: #f68657;
font-size: 16px;
color: #fff;
line-height: 16px;
text-align: center;
outline: none;
border-radius: 25px;
}
.my-all-list-li-btn-two{
padding: 9px 14px;
}
.my-activity-list{
box-sizing: border-box;
width: 100%;
margin-top: 20px;
border-bottom: 1px solid #eeeeee;
}
.my-activity-list-li{
padding: 14px 26px;
margin-right: 27px;
margin-bottom: -1px;
font-size: 16px;
color: #555555;
line-height: 16px;
border-bottom: 2px solid transparent;
}
.cli-my-activity-list-li{
color: #f68657;
border-bottom: 2px solid #f68657;
}
.my-personal-info-box{
box-sizing: border-box;
width: 750px;
margin-top: 28px;
display: inline-block;
padding: 38px 42px 60px 38px;
border: 1px solid #e3e3e3;
}
.my-personal-info-list{
width: 100%;
}
.my-personal-info-list-li{
margin-bottom: 35px;
}
.mpill-left{
width: 60px;
font-size: 14px;
color: #555555;
line-height: 14px;
white-space: nowrap;
text-align: right;
}
.mpill-right{
padding-left: 25px;
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.change-password{
padding-left: 25px;
font-size: 14px;
color: #f68657;
line-height: 14px;
cursor: pointer;
}
.my-weixin-icon{
width: 46px;
height: 46px;
margin-right: 8px;
border-radius: 50%;
overflow: hidden;
}
.mpif-left-txt{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.mpif-right{
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.my-shopping-cart-icon{
width: 20px;
height: 18px;
margin-right: 7px;
}
.pcrc-course-order-top-list{
box-sizing: border-box;
width: 880px;
margin: 40px 0 20px;
padding: 0 63px 0 28px;
}
.pcrc-course-order-top-list-li{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.pcotll-posi-one{
position: relative;
left: -22px;
}
.pcotll-posi-two{
position: relative;
left: -28px;
}
.pcotll-posi-three{
position: relative;
left: -50px;
}
.pcrc-course-order-top-list .pcrc-course-order-top-list-li:last-child{
margin-right: 0;
}
.pcrc-course-order-cont-list{
box-sizing: border-box;
width: 880px;
margin-bottom: 28px;
}
.pcrc-course-order-cont-list-li{
box-sizing: border-box;
width: 100%;
}
.pcrc-cocll-title{
box-sizing: border-box;
width: 100%;
padding: 13px 0 13px 28px;
background: #eeeeee;
font-size: 14px;
color: #555555;
line-height: 14px;
letter-spacing: .5px;
}
.pcrc-cocll-list{
box-sizing: border-box;
width: 100%;
}
.pcrc-cocll-list-li{
box-sizing: border-box;
width: 100%;
align-items: flex-start;
padding: 31px 35px 32px 28px;
border: 1px solid #eee;
}
.pcrc-cocll-list .pcrc-cocll-list-li:first-child{
border-top: none;
}
.pcrc-cocll-fl{
align-items: flex-start;
}
.pcrc-cocll-fl-img{
width: 82px;
height: 82px;
margin-right: 13px;
flex-shrink: 0;
}
.pcrc-cocll-fl-txt{
display: block;
width: 115px;
margin-top: -5px;
font-size: 14px;
color: #555555;
line-height: 24px;
}
.pcrc-cocll-f-price{
font-size: 14px;
color: #555555;
line-height: 14px;
font-weight: bold;
}
.pcrc-cocll-f-txt{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.my-order-evaluation-btn{
box-sizing: border-box;
padding: 4px 13px;
background: transparent;
border: 1px solid #eeeeee;
font-size: 14px;
color: #555555;
line-height: 14px;
outline: none;
border-radius: 25px;
}
.pcrc-cocll-wide{
box-sizing: border-box;
width: 211px;
}
.binding-phone-bgbox{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
}
.binding-phone-box{
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 340px;
}
.binding-phone-head-box{
box-sizing: border-box;
width: 100%;
padding: 14px 19px 14px 23px;
background: #f0f0f0;
}
.binding-phone-head{
font-size: 14px;
color: #555;
line-height: 14px;
}
.binding-phone-close{
width: 14px;
height: 13px;
cursor: pointer;
}
.binding-phone-foot-box{
box-sizing: border-box;
width: 100%;
padding: 29px 0 43px 25px;
background: #fff;
}
.binding-phone-num-box{
position: relative;
margin-bottom: 24px;
}
.mima-tishi{
position: absolute;
bottom: -18px;
right: 55px;
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.binding-phone-num{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.binding-phone-num-ipt{
box-sizing: border-box;
width: 230px;
height: 35px;
margin-left: 9px;
padding: 0 15px;
border: 1px solid #dedede;
font-size: 14px;
color: #000;
border-radius: 25px;
outline: none;
}
.bpvc-ipt{
box-sizing: border-box;
width: 126px;
height: 35px;
margin-left: 9px;
padding: 0 15px;
border: 1px solid #dedede;
font-size: 14px;
color: #000;
border-radius: 25px;
outline: none;
}
.bpvc-btn{
padding: 10px 12px;
margin-left: 8px;
background: #f68657;
font-size: 14px;
color: #fff;
line-height: 14px;
border-radius: 25px;
outline: none;
}
.binding-phone-foot-determine-btn{
display: inline-block;
padding: 10px 23px;
margin: 44px 0 0 90px;
background: #f68657;
font-size: 14px;
color: #fff;
line-height: 14px;
border-radius: 25px;
outline: none;
}
.binding-phone-foot-box-two{
box-sizing: border-box;
width: 100%;
padding: 60px 0 43px 25px;
flex-direction: column;
background: #fff;
}
.binding-phone-foot-txt{
display: block;
width: 244px;
margin: 0 auto;
font-size: 14px;
color: #555555;
line-height: 30px;
text-align: center;
}
.binding-phone-page{
box-sizing: border-box;
width: 750px;
height: 460px;
margin-top: 28px;
flex-direction: column;
border: 1px solid #e3e3e3;
}
.binding-phone-page-icon{
width: 60px;
height: 60px;
margin-bottom: 32px;
}
.binding-phone-page-title{
display: block;
margin-bottom: 13px;
font-size: 24px;
color: #555555;
line-height: 24px;
}
.binding-phone-page-time{
font-size: 16px;
color: #f68657;
line-height: 16px;
}
.binding-phone-page-txt{
font-size: 16px;
color: #555555;
line-height: 16px;
}
.binding-weixin-txt{
font-size: 14px;
color: #555555;
line-height: 24px;
}
.binding-phone-num-two{
display: block;
width: 75px;
font-size: 14px;
color: #555555;
line-height: 14px;
text-align: right;
}
.binding-phone-num-ipt-two{
box-sizing: border-box;
width: 201px;
height: 35px;
margin-left: 9px;
padding: 0 15px;
border: 1px solid #dedede;
font-size: 14px;
color: #000;
border-radius: 25px;
outline: none;
}
.binding-phone-failure-icon{
width: 60px;
height: 60px;
margin-bottom: 32px;
}
.pcotll-span{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.pcotll-ipt{
box-sizing: border-box;
position: relative;
width: 14px;
height: 14px;
margin-right: 4px;
font-size: 14px;
cursor: pointer;
border-radius: 2px;
}
.pcotll-ipt:after {
box-sizing: border-box;
position: absolute;
width: 14px;
height: 14px;
top: 0;
content: " ";
background-color: #fff;
border: 1px solid #ababab;
color: #000;
display: inline-block;
visibility: visible;
border-radius: 2px;
}
.pcotll-ipt:checked:after {
content: "✓";
font-size: 14px;
color: #f68657;
font-weight: 900;
line-height: 12px;
padding-left: 1px;
}
.my-shopping-cart-top-list{
box-sizing: border-box;
width: 880px;
margin: 40px 0 20px;
padding: 0 63px 0 0;
}
.my-shopping-cart-list{
box-sizing: border-box;
width: 100%;
}
.my-shopping-cart-list-li{
box-sizing: border-box;
width: 100%;
align-items: flex-start;
padding: 31px 35px 32px 28px;
}
.my-shopping-cart-big-list{
border: 1px solid #eee;
}
.my-shopping-cart-big-list-li{
border-bottom: 1px solid #eee;
}
.my-shopping-cart-big-list .my-shopping-cart-big-list-li:last-child{
border: none;
}
.my-shopping-cart-delete-btn{
box-sizing: border-box;
padding: 4px 13px;
background: transparent;
font-size: 14px;
color: #555555;
line-height: 14px;
outline: none;
}
.my-shopping-cart-wide{
box-sizing: border-box;
width: 266px;
}
.my-shopping-cart-fl-txt{
display: block;
width: 172px;
margin-top: -5px;
font-size: 14px;
color: #555555;
line-height: 24px;
}
.my-shopping-cart-price{
color: #f68657;
font-weight: bold;
}
.msc-posi-one{
position: relative;
left: -20px;;
}
.msc-posi-two{
position: relative;
left: 50px;;
}
.msc-posi-three{
position: relative;
left: 28px;;
}
.msc-posi-four{
position: relative;
left: -16px;;
}
.msc-posi-five{
position: relative;
left: 14px;;
}
.my-shopping-cart-foot{
box-sizing: border-box;
width: 100%;
padding-left: 15px;
margin-top: 1px;
background: #f5f5f5;
}
.mscf-right{
justify-content: flex-end;
}
.mscfr-choose-num-txt{
padding-right: 68px;
font-size: 14px;
color: #555555;
line-height: 14px;
}
.mscfr-cnt-span{
font-size: 18px;
color: #f68657;
line-height: 18px;
}
.mscfr-price-txt{
display: block;
margin-top: -3px;
padding-right: 37px;
font-size: 14px;
color: #555555;
line-height: 14px;
}
.mscfr-price-icon{
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.mscfr-price{
font-size: 24px;
color: #f68657;
line-height: 24px;
}
.mscfr-settlement-btn{
box-sizing: border-box;
width: 115px;
height: 43px;
background: #f68657;
font-size: 18px;
color: #fff;
line-height: 43px;
text-align: center;
letter-spacing: 2px;
outline: none;
}
/* 个人中心内容结束 */
/* 关于我们内容开始 */
.about-us-page{
width: 100%;
}
.about-us-head-img{
width: 100%;
height: 459px;
}
.about-us-cont-box{
width: 100%;
background: #fafafa;
}
.about-us-cont{
box-sizing: border-box;
position: relative;
top: -78px;
width: 1200px;
height: 760px;
margin: 0 auto;
padding: 92px 86px 0 102px;
background: #fff;
border-radius: 10px;
overflow: hidden;
}
.about-us-cont-top-title{
display: block;
margin-bottom: 24px;
font-size: 16px;
color: #555555;
line-height: 16px;
font-weight: bold;
}
.about-us-cont-top-introduce{
font-size: 14px;
color: #555555;
line-height: 40px;
}
.about-us-contact-box{
margin-top: 117px;
}
.about-us-contact-title{
display: block;
margin-bottom: 30px;
font-size: 16px;
color: #555555;
line-height: 16px;
font-weight: bold;
}
.about-us-contact-foot-map-box{
width: 425px;
height: 246px;
}
.about-us-contact-foot-map-box map{
width: 100%;
height: 100%;
}
.about-us-contact-list{
margin-left: 75px;
}
.about-us-contact-foot{
align-items: flex-start;
}
.about-us-contact-list-li{
margin-bottom: 26px;
font-size: 14px;
color: #555555;
line-height: 14px;
}
/* 关于我们内容结束 */
/* 新闻中心内容开始 */
.news-center-page{
width: 100%;
}
.news-center-head-img{
width: 100%;
height: 460px;
}
.news-center-cont-list{
width: 1200px;
margin: 33px auto 0;
}
.news-center-cont-list-li{
width: 100%;
align-items: flex-start;
padding: 30px 0;
border-bottom: 1px solid #ebebeb;
}
.news-center-cont-list .news-center-cont-list-li:last-child{
border: none;
}
.news-center-cont-list-li-img{
width: 246px;
height: 170px;
overflow: hidden;
border-radius: 10px;
}
.nccll-right{
position: relative;
width: 77%;
}
.nccll-right-top{
margin-bottom: 23px;
}
.nccll-rt-title{
font-size: 20px;
color: #555555;
line-height: 20px;
font-weight: bold;
}
.nccll-rt-time{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.nccll-r-cont-txt{
font-size: 14px;
color: #ababab;
line-height: 22px;
}
.nccll-r-btn{
box-sizing: border-box;
position: absolute;
bottom: -86px;
right: 0;
width: 76px;
height: 33px;
background: transparent;
border: 1px solid #eeeeee;
font-size: 16px;
color: #555555;
line-height: 33px;
text-align: center;
border-radius: 25px;
outline: none;
}
.ncdct-left-time{
font-size: 16px;
color: #ababab;
line-height: 16px;
}
/* 新闻中心内容结束 */
/* 翻页开始 */
.turn-the-page-box{
width: 100%;
margin-bottom: 70px;
}
.previous-page{
background: transparent;
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.number-of-page{
box-sizing: border-box;
width: 36px;
height: 36px;
margin-right: 20px;
background: transparent;
border: 1px solid #d7d7d7;
font-size: 14px;
color:#ababab;
text-align: center;
line-height: 36px;
border-radius: 3px;
}
.cli-number-of-page{
color: #fff;
border: 1px solid #f68657;
background: #f68657;
}
.hidden-page{
box-sizing: border-box;
margin: 0 15px 0 -5px;
padding-bottom: 10px;
font-size: 22px;
color: #555555;
line-height: 22px;
}
.back-page{
margin-right: 34px;
}
.next-page{
margin-left: 14px;
}
/* 翻页结束 */
/* 课程资源库内容开始 */
.course-reository-page{
width: 100%;
}
.course-reository-img{
width: 100%;
height: 830px;
}
/* 课程资源库内容结束 */
/* 课程资源库详情内容开始 */
.course-repository-details-page{
width: 1200px;
margin: 0 auto 80px;
}
.resources-download-box{
padding-left: 36px;
padding-right: 45px;
margin-top: 100px;
}
.resources-download-box-two{
margin-top: 0;
}
.resources-download-cont{
margin-top: 26px;
}
.resources-download-list-head{
padding-bottom: 20px;
border-bottom: 1px dashed #eeeeee;
}
.resources-download-list-ipt{
box-sizing: border-box;
position: relative;
width: 14px;
height: 14px;
margin-right: 5px;
font-size: 14px;
cursor: pointer;
border-radius: 2px;
}
.resources-download-list-ipt:after {
box-sizing: border-box;
position: absolute;
width: 14px;
height: 14px;
top: 0;
content: " ";
background-color: #fff;
border: 1px solid #ababab;
color: #000;
display: inline-block;
visibility: visible;
border-radius: 2px;
}
/* .resources-download-list-ipt:checked:after {
content: "✓";
font-size: 12px;
font-weight: bold;
line-height: 12px;
padding-left: 1px;
} */
.resources-download-list{
width: 100%;
}
.resources-download-list-li{
width: 100%;
padding: 20px 0 20px 23px;
border-bottom: 1px dashed #eeeeee;
}
.rdll-right-price{
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.scdf-cont-box{
border: 1px solid #eeeeee;
border-top: none;
}
.resources-download-list-foot{
padding: 23px 0 52px;
}
.rdlf-left-txt{
font-size: 14px;
color: #343434;
line-height: 14px;
}
.rdle-left-span{
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.resources-download-btn{
padding: 9px 15px;
background: #f68657;
font-size: 16px;
color: #fff;
outline: none;
border-radius: 25px;
}
.c4ch-down-arrow{
position: relative;
bottom: 2px;
display: inline-block;
width: 12px;
height: 6px;
margin-left: 2px;
}
.c4ch-up-arrow{
position: relative;
top: 11px;
display: inline-block;
width: 12px;
height: 6px;
margin-left: 2px;
transform: rotate(180deg);
}
.resources-download-list-li-two{
position: relative;
padding-left: 0;
}
.rdll-down-arrow-icon{
position: absolute;
<<<<<<< HEAD
top: 25px;
left: 38px;
=======
top: 24px;
left: 20px;
>>>>>>> 68463831bc8ae006fcd1c19702f8e9b31d95cedc
width: 12px;
height: 6px;
}
.rdll-down-arrow-icon-right{
position: absolute;
top: 25px;
left: 38px;
width: 12px;
height: 6px;
transform: rotate(-90deg);
}
.rdll-title{
font-size: 14px;
color: #555555;
line-height: 14px;
font-weight: bold;
}
.choose-all{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.rdll-txt{
padding-left: 20px;
}
.rdll-list{
display: none;
margin: 18px 0 0 40px;
}
.rdll-list-li{
margin-bottom: 15px;
}
.rdll-list .rdll-list-li:last-child{
margin-bottom: 0;
}
.choose-icon-yes{
display: none;
position: absolute;
top: 0;
left: 0;
width: 14px;
height: 14px;
cursor: pointer;
}
.part-icon{
/* display: none; */
position: absolute;
top: 0;
left: 0;
width: 14px;
height: 14px;
cursor: pointer;
}
.show-block{
display: block;
}
.rdll-ipt-box{
position: relative;
top: 2px;
}
/* 课程资源库详情内容结束 */
/* 搜索页面内容开始 */
.search-page{
width: 100%;
}
.search-page-head-bigbox{
width: 100%;
background: #f6f6f6;
}
.search-page-head-box{
position: relative;
width: 1200px;
margin: 0 auto;
padding: 29px 0 56px 0;
flex-direction: column;
}
.search-page-head-top-box{
overflow: hidden;
border-radius: 25px;
}
.search-page-head-top-left{
box-sizing: border-box;
width: 566px;
height: 45px;
padding-left: 25px;
background: #fff;
}
.sphtl-selt{
border: none;
outline: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-size: 16px;
color: #ababab;
line-height: 16px;
letter-spacing: 1px;
}
.sphtl-selt-box{
position: relative;
}
.sphtl-selt-box::after{
display: block;
content: "";
width: 12px;
height: 6px;
background: url(../images/down-arrow.png) no-repeat center;
position: absolute;
top: 5px;
right: -5px;
pointer-events: none;
}
.search-down-arrow{
width: 12px;
height: 6px;
}
.sphtl-ipt{
padding-left: 18px;
border: none;
outline: none;
font-size: 14px;
color: #343434;
line-height: 14px;
}
.sphtl-ipt::placeholder{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.search-page-head-btn{
box-sizing: border-box;
width: 100px;
height: 45px;
background: #f68657;
font-size: 16px;
color: #fff;
line-height: 45px;
text-align: center;
outline: none;
}
.search-page-head-foot{
position: absolute;
bottom: 27px;
left: 24.5%;
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.search-page-head-foot-span{
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.search-page-cont-box{
box-sizing: border-box;
width: 1200px;
margin: 36px auto 0;
}
.search-page-cont-title{
font-size: 18px;
color: #343434;
line-height: 18px;
}
/* 搜索页面内容结束 */
/* 确认订单内容开始 */
.confirm-order-page{
width: 100%;
background: #eeeeee;
padding-bottom: 55px;
}
.confirm-order-cont-box{
width: 1200px;
margin: 0 auto;
padding-top: 18px;
}
.confirm-order-cont-title{
font-size: 18px;
color: #555555;
line-height: 18px;
}
.confirm-order-cont{
width: 100%;
margin-top: 20px;
background: #fff;
}
.confirm-order-cont-top-list{
box-sizing: border-box;
width: 100%;
padding: 0 70px;
}
.confirm-order-cont-top-list-li{
box-sizing: border-box;
width: 100%;
padding: 30px 25px 30px 0;
border-bottom: 1px solid #eee;
}
.confirm-order-cont-top-list .confirm-order-cont-top-list-li:last-child{
border: none;
}
.coctll-name-box{
width: 530px;
}
.coctll-name{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.coctll-type{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.coctll-price-txt{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.coctll-name-box{
align-items: flex-start;
}
.coctll-img{
width: 82px;
height: 82px;
margin-right: 13px;
flex-shrink: 0;
}
.coctll-name-txt{
display: block;
width: 366px;
font-size: 14px;
color: #555555;
}
.coctll-price{
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.confirm-order-cont-foot{
box-sizing: border-box;
width: 100%;
padding: 110px 90px 38px 0;
justify-content: flex-end;
}
.cocf-price-left{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.cocf-price-middle{
margin-top: 4px;
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.cocf-price-right{
font-size: 24px;
color: #f68657;
line-height: 24px;
font-weight: bold;
}
.submit-order-btn{
padding: 13px 43px;
margin-left: 36px;
background: #f68657;
font-size: 18px;
color: #fff;
line-height: 18px;
outline: none;
}
.choose-pay-way-box{
box-sizing: border-box;
width: 100%;
padding: 55px 0 0 70px;
border-top: 1px solid #eee;
}
.choose-pay-way-title{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.choose-pay-way-cont{
margin-top: 25px;
}
.weixin-pay-img{
width: 152px;
height: 52px;
margin-right: 30px;
cursor: pointer;
}
.zhifubao-pay-img{
width: 152px;
height: 52px;
cursor: pointer;
}
/* 确认订单内容结束 */
/* 支付内容开始 */
.pay-page{
width: 100%;
background: #eeeeee;
}
.pay-cont-box{
width: 1200px;
margin: 0 auto;
}
.pay-cont{
width: 100%;
padding: 38px 0 60px;
}
.pay-cont-top{
box-sizing: border-box;
width: 100%;
padding: 43px 0 42px 46px;
background: #f9f9f9;
border-bottom: 1px solid #f1f1f1;
}
.pay-cont-top-title{
display: block;
margin-bottom: 16px;
font-size: 16px;
color: #555555;
line-height: 16px;
}
.pay-cont-top-order-num{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.pay-cont-foot{
box-sizing: border-box;
width: 100%;
padding: 75px 0 128px;
justify-content: space-around;
background: #fff;
}
.pay-cont-foot-left-title{
font-size: 24px;
color: #f68657;
line-height: 24px;
font-weight: bold;
}
.pay-code{
width: 258px;
height: 258px;
margin: 40px 0 60px;
}
.pay-cont-foot-txt{
display: block;
font-size: 14px;
color: #555555;
line-height: 14px;
}
.pay-cont-foot-right{
width: 361px;
height: 475px;
}
/* 支付内容结束 */
/* 活动报名内容开始 */
.enrollment-page{
width: 1200px;
margin: 0 auto 60px;
}
.enrollment-cont-box{
box-sizing: border-box;
width: 100%;
padding: 37px 0 0 203px;
}
.enrollment-cont-title{
font-size: 18px;
color: #555555;
line-height: 18px;
}
.contact-info-box{
box-sizing: border-box;
width: 792px;
margin-top: 18px;
border: 1px solid #eee;
}
.contact-info-title{
box-sizing: border-box;
display: block;
padding: 13px 0 13px 28px;
background: #eee;
font-size: 14px;
color: #555555;
line-height: 14px;
font-weight: bold;
}
.contact-info-list{
position: relative;
width: 100%;
padding: 40px 0 20px;
flex-direction: column;
}
.contact-info-list-li{
margin-bottom: 24px;
}
.contact-info-list-li-left{
display: block;
width: 70px;
margin-right: 8px;
font-size: 14px;
color: #555555;
line-height: 14px;
text-align: right;
}
.contact-info-list-li-ipt{
box-sizing: border-box;
width: 439px;
height: 35px;
border: 1px solid #eee;
}
.visitors-txt{
position: absolute;
top: 38px;
left: 28px;
font-size: 14px;
color: #555555;
line-height: 14px;
font-weight: bold;
}
.add-visitors-box{
box-sizing: border-box;
width: 100%;
flex-direction: column;
padding: 50px 0;
border-top: 1px solid #eee;
}
.add-visitors-icon{
width: 40px;
height: 40px;
margin-bottom: 10px;
}
.add-visitors-txt{
font-size: 14px;
color: #b0b0b0;
line-height: 14px;
}
.enrollment-cont-foot{
box-sizing: border-box;
width: 792px;
margin-top: 35px;
flex-direction: column;
}
.ecfh-ipt{
box-sizing: border-box;
position: relative;
width: 14px;
height: 14px;
margin-right: 5px;
margin-top: 3px;
font-size: 14px;
cursor: pointer;
border-radius: 2px;
}
.ecfh-ipt:after {
box-sizing: border-box;
position: absolute;
width: 14px;
height: 14px;
top: 0;
content: " ";
background-color: #fff;
border: 1px solid #ababab;
color: #000;
display: inline-block;
visibility: visible;
border-radius: 2px;
}
.ecfh-ipt:checked:after {
content: "✓";
font-size: 14px;
color: #f68657;
font-weight: 900;
line-height: 12px;
padding-left: 1px;
}
.ecfh-txt{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.hetong-txt{
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.sign-up-btn{
padding: 13px 43px;
margin-top: 38px;
background: #f68657;
font-size: 18px;
color: #fff;
line-height: 18px;
outline: none;
}
.enrollment-success-page{
width: 1200px;
margin: 0 auto;
padding: 175px 0 311px;
flex-direction: column;
}
.enrollment-success-icon{
width: 60px;
height: 60px;
margin-bottom: 30px;
}
.enrollment-success-title{
display: block;
margin-bottom: 13px;
font-size: 24px;
color: #555555;
line-height: 24px;
font-weight: bold;
}
.enrollment-success-txt{
font-size: 16px;
color: #555555;
line-height: 16px;
}
.delete-people-btn{
position: absolute;
top: 42px;
right: 22px;
padding: 8px 20px;
background: transparent;
border: 1px solid #f68657;
font-size: 14px;
color: #f68657;
line-height: 14px;
border-radius: 25px;
outline: none;
}
/* 活动报名内容结束 */
/* 新闻详情内容开始 */
.news-center-details-page{
width: 100%;
}
.news-center-details-cont{
width: 1200px;
margin: 0 auto 50px;
}
.ncdcf-left{
width: 865px;
}
.ncdct-left-title{
display: block;
margin-bottom: 20px;
font-size: 24px;
color: #555555;
}
.ncdcf-left-txt-cont-box{
padding-bottom: 65px;
border-bottom: 1px solid #eee;
}
.ncdcf-left-txt{
display: block;
margin-top: 40px;
font-size: 18px;
color: #555555;
line-height: 48px;
text-indent: 2em;
}
.news-center-details-img-one{
width: 598px;
height: 226px;
margin-top: 30px;
}
.news-center-details-img-two{
width: 720px;
height: 382px;
margin-top: 30px;
}
.ncdcf-left-foot{
padding-top: 40px;
}
.ncdcf-left-foot-txt{
margin-bottom: 21px;
font-size: 16px;
color: #555555;
line-height: 16px;
cursor: pointer;
}
.ncdcf-right-title{
display: block;
margin-bottom: 30px;
font-size: 18px;
color: #555555;
line-height: 18px;
}
.ncdcf-right-list-li{
margin-bottom: 50px;
}
.ncdcf-right-list-li-img{
width: 246px;
height: 170px;
margin-bottom: 10px;
}
.ncdcf-right-list-li-txt{
display: block;
width: 240px;
font-size: 14px;
color: #555;
}
.news-center-details-cont-foot{
align-items: flex-start;
}
/* 新闻详情内容结束 */
/* 视频详情内容开始 */
.video-details-page{
width: 1200px;
margin: 0 auto 80px;
}
.video-details-middle-box{
position: relative;
width: 100%;
margin-top: 57px;
align-items: flex-start;
}
.vdm-left-vieo-box{
position: relative;
width: 790px;
height: 490px;
}
.vdm-left-vieo{
width: 100%;
height: 100%;
}
.vdm-left-bg{
z-index: 2;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, .6);
width: 100%;
height: 100%;
}
.vdm-left-cover{
position: absolute;
top: 0;
left: 0;
width: 790px;
height: 490px;
}
.vdm-left-play-icon{
z-index: 3;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 90px;
height: 90px;
cursor: pointer;
}
.vdm-right-box{
width: 355px;
}
.vdm-right-title-box{
margin-bottom: 40px;
font-size: 24px;
color: #343434;
}
.vdm-right-title-label{
padding: 3px 10px;
margin-left: 5px;
flex-shrink: 0;
background: #f68657;
font-size: 14px;
color: #fff;
line-height: 14px;
border-radius: 15px;
outline: none;
}
.vdm-right-price-box{
padding-top: 25px;
margin-top: 22px;
align-items: flex-end;
border-top: 1px solid #eeeeee;
}
.vdm-right-price-txt{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.vdm-right-price{
margin-bottom: -4px;
font-size: 30px;
color: #f68657;
line-height: 30px;
}
.vdm-right-add-shopping-cart-box{
padding: 7px 22px;
background: #ffefe8;
border: 1px solid #f68657;
border-radius: 20px;
outline: none;
}
.vdm-right-btn-box{
position: absolute;
bottom: 1px;
right: 1px;
}
.vdm-add-shopping-cart-icon{
width: 20px;
height: 18px;
}
.vdm-add-shopping-cart-txt{
font-size: 16px;
color: #f68657;
line-height: 16px;
}
.vdm-buy-btn{
padding: 9px 23px;
margin-left: 20px;
background: #f68657;
font-size: 16px;
color: #fff;
line-height: 16px;
border-radius: 25px;
outline: none;
}
.video-foot-details-box{
box-sizing: border-box;
width: 100%;
margin-top: 68px;
}
.vbm-buy-after-play-icon{
display: none;
width: 44px;
height: 44px;
cursor: pointer;
}
.video-buy-after-title{
display: block;
margin-bottom: 25px;
font-size: 18px;
color: #555555;
line-height: 18px;
font-weight: bold;
}
.video-buy-after-box{
position: relative;
width: 100%;
height: 664px;
}
.vdm-buy-after-vieo{
width: 100%;
height: 100%;
}
.vdm-left-cover-after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 664px;
}
/* 视频详情内容结束 */
/* 投票内容开始 */
.vote-page{
width: 1200px;
margin: 0 auto;
}
.vote-page-head-box{
box-sizing: border-box;
width: 100%;
padding: 37px 0 18px;
border-bottom: 1px solid #eee;
}
.vote-page-head-title{
font-size: 18px;
color: #555555;
line-height: 18px;
font-weight: bold;
}
.vphr-txt-box {
margin-left: 38px;
}
.vphr-txt-left{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.vphr-txt-right{
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.vote-page-middle{
box-sizing: border-box;
width: 100%;
padding: 23px 0 48px;
align-items: flex-end;
border-bottom: 1px solid #eee;
}
.vote-pm-left{
align-items: flex-start;
}
.vote-pml-img{
width: 258px;
height: 200px;
flex-shrink: 0;
}
.vote-pml-right{
margin-left: 28px;
}
.vote-pmlr-title{
display: block;
margin-bottom: 36px;
font-size: 18px;
color: #555555;
line-height: 18px;
font-weight: bold;
}
.vote-pmlr-rules-box{
align-items: flex-start;
}
.vote-pmlr-rules-left{
font-size: 14px;
color: #555555;
white-space: nowrap;
}
.vote-pmlr-rules-r-txt{
display: block;
margin-bottom: 13px;
font-size: 14px;
color: #f68657;
}
.vote-pmlr-rules-r-txt-col-two{
color: #555555;
}
.vote-middle-btn{
padding: 9px 23px;
flex-shrink: 0;
background: #f68657;
font-size: 16px;
color: #fff;
line-height: 16px;
border-radius: 25px;
outline: none;
}
.vote-page-foot{
box-sizing: border-box;
width: 100%;
padding: 78px 0 0;
}
.vote-search-box{
box-sizing: border-box;
width: 241px;
height: 34px;
padding-left: 13px;
border: 1px solid #eee;
border-radius: 25px;
}
.vote-search-icon{
width: 16px;
height: 16px;
}
.vote-search-ipt{
width: 80%;
height: 100%;
padding-left: 10px;
font-size: 14px;
color: #000;
line-height: 14px;
border: none;
}
.vote-search-ipt::placeholder{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.check-ranking-btn{
padding: 8px 23px;
background: transparent;
border: 1px solid #f68657;
font-size: 16px;
color: #f68657;
line-height: 16px;
outline: none;
border-radius: 25px;
}
.vote-cont-list-li{
box-sizing: border-box;
width: 220px;
height: 290px;
margin-right: 25px;
margin-bottom: 25px;
background: #f5f5f5;
border: 1px solid #eee;
}
.studies-camp-cont-list .vote-cont-list-li:nth-child(5n){
margin-right: 0;
}
.vcll-img{
width: 220px;
height: 160px;
}
.vcll-foot-title{
font-size: 14px;
color: #555555;
}
.vcll-name-box{
margin-top: 11px;
}
.vcll-name{
font-size: 14px;
color: #555555;
line-height: 14px;
}
.vcll-name-right{
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.vcll-foot-btn{
display: block;
margin: 22px auto 0;
padding: 9px 39px;
background: #f68657;
font-size: 16px;
color: #fff;
line-height: 16px;
outline: none;
border-radius: 25px;
}
/* 投票内容结束 */
/* 投票详情内容开始 */
.vote-details-page{
width: 1200px;
margin: 0 auto 115px;
}
.vote-details-cont{
position: relative;
width: 100%;
padding-bottom: 75px;
margin-top: 55px;
align-items: flex-start;
border-bottom: 1px solid #eee;
}
.vote-details-cont-img{
width: 372px;
height: 288px;
flex-shrink: 0;
}
.vdc-right{
width: 788px;
}
.vdc-right-head-box{
width: 100%;
margin-bottom: 30px;
}
.vdc-right-head-title{
font-size: 18px;
color: #555555;
line-height: 18px;
font-weight: bold;
}
.vdc-right-head-rl{
font-size: 14px;
color: #ababab;
line-height: 14px;
}
.vdc-right-head-rr{
font-size: 14px;
color: #f68657;
line-height: 14px;
}
.vdc-r-txt{
display: block;
margin-bottom: 16px;
font-size: 14px;
color: #555;
line-height: 14px;
white-space: nowrap;
}
.vdc-r-txt-box{
margin-top: -8px;
align-items: flex-start;
}
.vdc-r-txt-two-title{
font-size: 14px;
color: #555;
line-height: 30px;
white-space: nowrap;
}
.vdc-r-txt-two{
font-size: 14px;
color: #555;
line-height: 30px;
}
.vdc-rf-btn{
position: absolute;
bottom: 75px;
left: 417px;
padding: 9px 39px;
background: #f68657;
font-size: 16px;
color: #fff;
line-height: 16px;
outline: none;
border-radius: 25px;
}
/* 投票详情内容结束 */
/* 投票成功开始 */
.vote-success-page{
width: 1200px;
margin: 0 auto;
padding: 160px 0 230px;
flex-direction: column;
}
.vote-success-icon{
width: 60px;
height: 60px;
margin-bottom: 30px;
}
.vote-success-title{
display: block;
margin-bottom: 13px;
font-size: 24px;
color: #555555;
line-height: 24px;
font-weight: bold;
}
.vote-success-time{
font-size: 16px;
color: #f68657;
line-height: 16px;
}
.vote-success-time-right{
font-size: 16px;
color: #555;
line-height: 16px;
}
.vote-success-back-btn{
padding: 9px 23px;
margin-top: 60px;
background: #f68657;
font-size: 16px;
color: #fff;
line-height: 16px;
outline: none;
border-radius: 25px;
}
/* 投票成功结束 */
/* 投票排行榜内容开始 */
.vote-list-page{
width: 1200px;
margin: 0 auto;
}
.vote-list-box{
width: 100%;
}
.vote-list-title{
display: block;
padding-bottom: 15px;
font-size: 18px;
color: #555555;
line-height: 18px;
border-bottom: 1px solid #eee;
}
.vote-list{
box-sizing: border-box;
width: 100%;
margin-top: 28px;
}
.vote-list-li{
padding-bottom: 40px;
margin-bottom: 38px;
align-items: flex-start;
border-bottom: 1px solid #eee;
}
.vote-list .vote-list-li:last-child{
border: none;
}
.vote-list-li-left{
align-items: flex-start;
}
.vote-list-num{
display: inline-block;
width: 50px;
height: 50px;
margin-right: 22px;
font-size: 24px;
color: #fff;
line-height: 50px;
text-align: center;
font-weight: bold;
}
.vote-list-li-img {
width: 220px;
height: 160px;
margin-right: 22px;
flex-shrink: 0;
}
.vote-list-li-txt{
font-size: 18px;
color: #555555;
line-height: 18px;
}
.vote-list-votes{
font-size: 18px;
color: #f68657;
line-height: 18px;
}
.vote-list-num-bg-one{
background: #fc5252;
}
.vote-list-num-bg-two{
background: #f58557;
}
.vote-list-num-bg-three{
background: #fec83d;
}
.vote-list-num-bg-four{
background: #ababab;
}
/* 投票排行榜内容结束 */
/* 参与比赛内容开始 */
.participation-geme-page{
width: 1200px;
margin: 0 auto 60px;
}
.participation-geme-cont-box{
box-sizing: border-box;
width: 100%;
padding: 37px 0 0 203px;
}
.participation-game-txtrea{
box-sizing: border-box;
width: 439px;
height: 160px;
padding: 10px 15px;
border: 1px solid #eee;
resize: none;
}
.contact-info-list-li-left-two{
display: block;
margin-bottom: 115px;
}
.choose-cover-box{
position: relative;
width: 47px;
height: 47px;
}
.choose-cover-icon{
position: absolute;
top: 0;
left: 0;
width: 47px;
height: 47px;
}
.choose-cover-ipt{
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
opacity: 0;
}
.upload-works-box{
align-items: flex-start;
padding-left: 137px;
}
.upload-works-img{
width: 142px;
height: 142px;
margin-right: 6px;
}
.upload-works-ipt-box{
box-sizing: border-box;
position: relative;
width: 142px;
height: 142px;
border: 1px solid #eee;
}
.upload-works-ipt{
width: 100%;
height: 100%;
opacity: 0;
}
.jiahao-icon{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 24px;
height: 24px;
}
.choose-cover-li{
align-self: flex-start;
padding-left: 137px;
margin-top: 20px;
}
.upload-btn{
display: block;
margin: 85px auto 0;
padding: 13px 45px;
background: #f68657;
font-size: 18px;
color: #fff;
line-height: 18px;
outline: none;
}
/* 参与比赛内容结束 */
/* 音频播放内容开始 */
.audio-play-page{
width: 1200px;
margin: 0 auto 80px;
}
.audio-play-box{
box-sizing: border-box;
width: 462px;
height: 151px;
margin: 72px auto 105px;
padding: 28px 0 0 23px;
border: 2px solid #eaeaea;
}
.audio-suspended-play-icon{
width: 52px;
height: 52px;
margin-right: 20px;
flex-shrink: 0;
}
.audio-play-title{
font-size: 16px;
color: #555555;
line-height: 26px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.audio-play-foot{
margin-top: 26px;
}
.audio-play-time{
font-size: 14px;
color: #343434;
line-height: 14rpx;
}
.audio-play-time-schedule{
position: relative;
margin-left: 9px;
}
.audio-play-time-schedule-one{
width: 178px;
height: 3px;
background: #eaeaea;
}
.audio-play-time-schedule-two{
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 3px;
background: #ffd7c6;
}
.audio-play-time-schedule-dian{
position: absolute;
top: -5px;
left: 40px;
width: 12px;
height: 12px;
background: #f68657;
border-radius: 50%;
cursor: pointer;
}
.audio-play-voice-box{
margin-left: 16px;
}
.audio-play-voice-icon{
width: 16px;
height: 12px;
}
.audio-play-voice-schedule{
position: relative;
margin-left: 4px;
}
.audio-play-voice-schedule-one{
width: 78px;
height: 3px;
background: #eaeaea;
}
.audio-play-voice-schedule-two{
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 3px;
background: #ffd7c6;
}
.audio-play-voice-schedule-dian{
position: absolute;
top: -5px;
left: 30px;
width: 12px;
height: 12px;
background: #f68657;
border-radius: 50%;
cursor: pointer;
}
.audio-play-download-icon{
width: 13px;
height: 18px;
margin-left: 23px;
}
/* 音频播放内容结束 */
/* 合同内容开始 */
.contract-page{
width: 1200px;
margin: 0 auto;
}
.contract-title{
display: block;
padding: 48px 0 40px;
border-bottom: 1px solid #eeeeee;
font-size: 24px;
color: #343434;
line-height: 24px;
text-align: center;
letter-spacing: 2px;
}
.contract-cont{
margin-top: 40px;
}
.contract-cont-head-txt{
font-size: 14px;
color: #343434;
line-height: 14px;
}
.contract-cont-list{
width: 100%;
margin-bottom: 120px;
}
.contract-cont-list-li{
width: 100%;
margin-top: 32px;
padding-bottom: 25px;
border-bottom: 1px solid #eeeeee;
}
.contract-cont-list-li-title{
display: block;
margin-bottom: 10px;
font-size: 18px;
color: #343434;
line-height: 18px;
}
.contract-cont-list-li-txt{
font-size: 14px;
color: #343434;
line-height: 36px;
}
/* 合同内容结束 */
.list-loading-more{
display: block;
margin: 0 auto 60px;
width: 110px;
height: 33px;
background: #eeeeee;
font-size: 14px;
color: #343434;
line-height: 33px;
text-align: center;
outline: none;
border-radius: 25px;
}
.bor-top{
border-top: 1px solid #eee;
}
.ma-bom100{
margin-bottom: 100px;
}
.ma-bom50{
margin-bottom: 50px;
}
.ma-right10{
margin-right: 10px;
}
.pa-right0{
padding-right: 0;
}
.ma-top50{
margin-top: 50px;
}
.ma-top40{
margin-top: 40px;
}
.ma-top30{
margin-top: 30px;
}
.ma-top20{
margin-top: 20px;
}
.ma-bom25{
margin-bottom: 25px;
}
.ma-left18{
margin-left: 18px;
}
.mabom20{
margin-bottom: 20px;
}
.mabom10{
margin-bottom: 10px;
}
.ma-top10{
margin-top: 10px;
}
.mar-bom-no{
margin-bottom: 0;
}
.border-no{
border: none;
}
.pad-left35{
padding-left: 35px;
}
.pad-left60{
padding-left: 60px;
}
.ma-left-25{
margin-left: -25px;
}
.hand{
cursor: pointer;
}
button:disabled{
background-color: #e8e8e8;
}
.text-font{
font-size: 18px;
}
.be-playing{
color: #f68657;
}