body,html{
background-color: #F8EACB;
}
html{
}
.m_nav{
display: none;
}
.m_show{
display: none;
}
.is_allow{
cursor: pointer;
}
#blackbg{
background: #00000099;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 100;
display: none;
}
.popbox{
position: fixed;
left: 50%;
top: 50%;
z-index: 101;
width:500px;
height:350px;
transform: translateX(-250px) translateY(-175px);
display: none;
}
.pop-tips{
position: fixed;
left: 50%;
top:50%;
transform:translateX(-100px) translateY(-20px);
width: 200px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
color: #FFF;
background: #00000099;
border-radius: 30px;
z-index: 9999999999999;
}
.popbox .conbox{
position: relative;
}
.popbox .title{
font-size: 24px;
height: 70px;
line-height: 70px;
text-indent: 37px;
border-radius: 18px 18px 0 0;
background: -webkit-linear-gradient(top, #F4C066 , #F1AE4A); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #F4C066, #F1AE4A); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #F4C066, #F1AE4A); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #F4C066 , #F1AE4A); /* 标准的语法 */
position: relative;
}
.popbox .title .close{
background: url(../images/close.png) left top no-repeat;
background-size: auto 100%;
width: 24px; height: 24px;
position: absolute;
right: 37px;
top: 23px;
cursor: pointer;
}
.popbox .plane-img{
position: absolute;
left: 162px;
top: 35px;
}
.popbox .pop-conbox{
background-color: #FFF;
height: 280px;
border-radius: 0 0 18px 18px;
display: none;
}
.popbox .submit-success .circle-box{
width: 100px;
height: 100px;
border-radius: 50%;
margin: 0px auto;
display: flex;
align-items: center;
justify-content: center;
position: relative;
top: 64px;
background: -webkit-linear-gradient(top, #FFD791 , #F1AE4B); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #FFD791, #F1AE4B); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #FFD791, #F1AE4B); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #FFD791 , #F1AE4B); /* 标准的语法 */
}
.awards-success .awards-box{
padding: 50px 0 43px 0;
text-align: center;
}
.user-up .face-box,.no-chance .face-box,.lose .face-box{
padding: 50px 0 40px 0;
text-align: center;
}
.awards-success .t1,.user-up .t1,.lose .t1,.no-chance .t1{
font-size: 24px;
color: #333;
line-height: 36px;
font-weight: bold;
text-align: center;
display: block;
}
.awards-success .t2,.user-up .t2,.lose .t2{
font-size: 18px;
color: #999;
line-height: 36px;
margin-top: 5px;
text-align: center;
display: block;
}
.no-chance .t2{
color: #F2B14F;
text-decoration: underline;
font-size: 18px;
line-height: 36px;
margin-top: 5px;
text-align: center;
display: block;
cursor: pointer;
}
.popbox .submit-success .t1{
font-size: 28px;
font-weight: bold;
color: #333;
line-height: 36px;
margin-top: 82px;
display: block;
text-align: center;
}
.w1200{
width: 1200px;
margin: 0 auto;
}
.mquee{
height: 250px;
overflow: hidden;
position: relative;
border-radius: 0 0 8px 8px;
background: #FFF;
padding: 5px 0;
box-sizing: border-box;
}
.flex-between{
display: flex;
justify-content: space-between;
align-items: center;
}
.f-img1{
position: absolute;
left: 50%;
transform: translateX(363px);
top: 433px;
}
.f-img2{
position: absolute;
right: 0;
top: 344px;
}
.f-img3{
position: absolute;
left: 50%;
transform: translateX(-930px);
top: 849px;
}
.f-img4{
position: absolute;
right:0;
top: 2481px;
}
.f-img5{
position: absolute;
left: 0;
top: 2950px;
}
.f-img6{
position: absolute;
left: 44px;
top: 2090px;
}
.header{
background:#FFF;
top: 30px;
position: fixed;
left: 0;
width: 100%;
z-index: 999;
}
.header .logo{
width: 189px;
height: 34px;
}
.menu{
display: flex;
}
.menu a{
margin-left: 40px;
font-size: 18px;
height: 83px;
line-height: 83px;
border-bottom: 2px solid #FFF;
display: block;
}
.menu a:hover,.menu a.act{
color: #efa73f;
border-bottom: 2px solid #efa73f;
}
.banner{
margin-top: 115px;
position: relative;
}
.banner .b-img{
width: 100%;
}
#part1{
}
.part1-title{
display: flex;
flex-direction: column;
align-items: center;
margin: 17px 0 25px 0;
}
.part2-title{
margin: 40px 0;
display: flex;
flex-direction: column;
align-items: center;
}
.part3-title{
margin: 25px 0;
display: flex;
flex-direction: column;
align-items: center;
}
.part1-title .com-title,.part2-title .com-title,.part3-title .com-title{
width: 508px;
background: url(../images/part1-title.png) left top no-repeat;
height: 138px;
font-size: 36px;
color: #926003;
text-align: center;
line-height: 128px;
font-weight: bold;
}
.part1-title span{
line-height: 20px;
font-size: 20px;
color: #926003;
margin-top: -10px;
}
.term-box{
padding-bottom: 23px;
}
.term-box .btn2{
width: 590px;
height: 66px;
text-align: center;
line-height: 66px;
font-size: 30px;
color: #926003;
border-radius: 33px;
background: -webkit-linear-gradient(top, #FDF3C5 , #FFD598); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #FDF3C5, #FFD598); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #FDF3C5, #FFD598); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #FDF3C5 , #FFD598); /* 标准的语法 */
cursor: pointer;
}
.term-box .btn2:hover,.term-box .btn2.act{
background: -webkit-linear-gradient(top, #FDF3C5 , #EFA73F); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #FDF3C5, #EFA73F); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #FDF3C5, #EFA73F); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #FDF3C5 , #EFA73F); /* 标准的语法 */
cursor: pointer;
}
.course-box{
padding: 20px;
border-radius: 18px;
background: -webkit-linear-gradient(top, #FDF5C7 , #F3BB62); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #FDF5C7, #F3BB62); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #FDF5C7, #F3BB62); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #FDF5C7 , #F3BB62); /* 标准的语法 */
}
.course-box .bgbox{
background: #FFF;
border-radius: 18px;
padding: 0 40px 40px;
}
.course-box .bgbox .title{
font-size: 30px;
line-height: 52px;
padding: 18px 0;
text-align: center;
color: #333;
font-weight: bold;
}
.course-box .bgbox table{
border-radius: 6px 6px 0 0;
overflow: hidden;
border-collapse:collapse;
width: 100%;
}
.course-box .bgbox table th,.course-box .bgbox table td{
border:1px solid #D9EAF9;
}
.course-box{
margin-bottom: 56px;
}
.course-box .bgbox th{
background: -webkit-linear-gradient(top, #7BC2FF , #6AA8E2); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #7BC2FF, #6AA8E2); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #7BC2FF, #6AA8E2); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #7BC2FF , #6AA8E2); /* 标准的语法 */
height: 66px;
line-height: 66px;
font-size: 30px;
font-weight: bold;
color: #FFF;
text-align: center;
width: 20%;
}
.course-box table td {
width: 20%;
}
.course-box table tr:nth-child(odd){
background: rgb(242,249,255);
}
.course-box table td .course-elem{
display: flex;
align-items: center;
width: 100%;
padding: 7px 12px;
box-sizing: border-box;
cursor: pointer;
}
.course-box table td .star.act{
background-image: url(../images/star_min_h.png);
}
.course-box table td:hover .name,.course-box table td.act .name{
color: #EFA841;
}
.course-box table td .star{
background: url(../images/star_min.png) no-repeat;
background-size: 100% 100%;
width: 23px;
height: 22px;
margin-right: 9px;
}
.course-box table td .name{
color: #333;
font-size: 15px;
line-height: 20px;
flex: 1;
word-break: break-all;
}
.video-bg{
background: url(../images/video_bg.png) center top no-repeat;
background-size: auto 100%;
width: 100%;
height: 740px;
}
.video-header{
display: flex;
justify-content: space-between;
padding: 34px 34px 0 34px;
box-sizing: border-box;
width: 1082px;
margin: 0 auto;
}
.video-header .video-left{
display: flex;
height: 50px;
align-items: center;
}
.video-header .video-left img{
height: 29px;
padding-right: 22px;
}
.video-header .video-left .video-title{
font-size: 30px;
line-height: 50px;
color: #926003;
font-weight: bold;
}
.video-header .learn-btn{
width: 150px;
height: 50px;
line-height: 50px;
text-align: center;
color: #926003;
font-size: 20px;
border-radius: 25px;
cursor: pointer;
background: -webkit-linear-gradient(top, #FDF2C4 , #FFD79B); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #FDF2C4, #FFD79B); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #FDF2C4, #FFD79B); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #FDF2C4 , #FFD79B); /* 标准的语法 */
}
.video-header .learn-btn:hover,.video-header .learn-btn.act{
background: -webkit-linear-gradient(top, #FDF2C3 , #F1B050); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #FDF2C3, #F1B050); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #FDF2C3, #F1B050); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #FDF2C3 , #F1B050); /* 标准的语法 */
}
.swiper-container {
width: 1200px;
height: 100%;
box-sizing: border-box;
}
.swiper-slide {
text-align: center;
font-size: 18px;
}
#slideBox{
position: relative;
}
.swiper-button-prev{
background: url(../images/swiper_l.png) left top no-repeat;
background-size: auto 100%;
width: 57px;
height: 146px;
left: 0px;
outline: none;
position: absolute;
}
.swiper-button-next{
background: url(../images/swiper_r.png) left top no-repeat;
background-size: auto 100%;
width: 57px;
height: 146px;
right: 0px;
outline: none;
position: absolute;
}
.prevStop,.nextStop{
display: none;
}
.video-box{
width: 1082px;
height: 636px;
position: relative;
cursor: pointer;
margin: 0 auto;
background: url(../images/player_bg.png) left top no-repeat;
background-size: auto 100%;
padding: 24px 29px;
box-sizing: border-box;
}
.video-box .video_player{
position: absolute;
left:29px;
top: 24px;
width: 1024px;
height: 578px;
z-index: 1;
border-radius: 20px;
overflow: hidden;
}
.video-box .play{
background: url(../images/play.png) left top no-repeat;
background-size: auto 100%;
width: 93px;
height: 93px;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-46.5px) translateY(-46.5px);
z-index: 3;
}
.video-box:hover .play{
background-image: url(../images/play_h.png);
}
.video-box img{
width: 100%;
position: relative;
z-index: 2;
}
.learn-list{
display: flex;
}
.learn-list li{
position: relative;
}
.learn-list li .nav-box{
width: 104px;
height: 481px;
writing-mode:tb-rl;
padding: 46px 0 0 0;
box-sizing: border-box;
line-height:32px;
font-size: 22px;
align-items: center;
display: flex;
cursor: pointer;
}
.learn-list li .l1{
background: url(../images/l1.png) left top no-repeat;
background-size: auto 100%;
}
.learn-list li .l2{
background: url(../images/l2.png) left top no-repeat;
background-size: auto 100%;
}
.learn-list li .l3{
background: url(../images/l3.png) left top no-repeat;
background-size: auto 100%;
}
.learn-list li .l4{
background: url(../images/l4.png) left top no-repeat;
background-size: auto 100%;
}
.learn-list li.act .nav-box{
flex: 1;
}
.learn-list li.act .panel{
display: block;
}
.learn-list li .l1 + .panel{
background-color: #72B5EF;
}
.learn-list li .l2 + .panel{
background-color: rgb(241,176,76);
}
.learn-list li .l3 + .panel{
background-color: rgb(235,115,52);
}
.learn-list li .l4 + .panel{
background-color: rgb(52,173,154);
}
.learn-list li .panel{
border-radius: 18px;
padding: 18px;
display: none;
height: 480px;
box-sizing: border-box;
width: 932px;
position: absolute;
left: 134px;
top:0px;
}
.learn-list li .panel .box{
border-radius: 18px;
background: #FFF;
padding: 40px 30px;
box-sizing: border-box;
height: 444px;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.learn-list li .panel .box .title{
display: flex;
justify-content: space-between;
}
.learn-list li .panel .box .title span{
width: 540px;
font-size: 30px;
line-height: 44px;
color: #926003;
}
.learn-list li .panel .box .title .star-mid{
background: url(../images/star_mid.png) left top no-repeat;
background-size: 100% 100%;
width: 31px;
height: 30px;
cursor: pointer;
}
.learn-list li .panel .box .title .star-mid.act{
background-image: url(../images/star_mid_h.png);
}
.learn-list li .panel .box .desc-txt{
padding: 20px 0 0 0;
}
.learn-list li .panel .box .desc-txt dd{
font-size: 20px;
color: #666;
line-height: 36px;
padding-right: 100px;
box-sizing: border-box;
}
.learn-list li .panel .box .get-btn{
background: -webkit-linear-gradient(top, #FDF2C4 , #FFD79B); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #FDF2C4, #FFD79B); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #FDF2C4, #FFD79B); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #FDF2C4 , #FFD79B); /* 标准的语法 */
cursor: pointer;
width: 166px;
height: 52px;
border-radius: 26px;
font-size: 20px;
color: #926003;
line-height: 52px;
text-align: center;
}
.learn-list li .panel .box .get-btn:hover,.learn-list li .panel .box .get-btn.act{
background: -webkit-linear-gradient(top, #FDF2C3 , #F1B050); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #FDF2C3, #F1B050); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #FDF2C3, #F1B050); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #FDF2C3 , #F1B050); /* 标准的语法 */
}
.award-box{
display: flex;
justify-content: space-between;
}
.award-left{
width: 863px;
display: flex;
flex-direction: column;
align-items: center;
}
.award-things{
display: flex;
justify-content: space-between;
flex-direction: row;
width: 863px;
margin-bottom: 25px;
align-items: self-start;
}
.award-things li{
display: flex;
flex-direction: column;
justify-content: center;
}
.award-things li .award-img{
width: 200px;
height: 180px;
display: flex;
justify-content: center;
align-items: center;
background: #FFF;
border-radius: 8px;
}
.award-things li span{
font-size: 16px;
color: #666;
line-height: 36px;
text-align: center;
padding: 5px 0;
}
.award-left .get-gold{
background: -webkit-linear-gradient(top, #FDF2C4 , #FFD79B); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #FDF2C4, #FFD79B); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #FDF2C4, #FFD79B); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #FDF2C4 , #FFD79B); /* 标准的语法 */
cursor: pointer;
width: 200px;
height: 52px;
border-radius: 52px;
font-size: 20px;
color: #926003;
line-height: 52px;
text-align: center;
}
.award-left .get-gold:hover,.award-left .get-gold.act{
background: -webkit-linear-gradient(top, #FDF2C3 , #F1B050); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #FDF2C3, #F1B050); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #FDF2C3, #F1B050); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #FDF2C3 , #F1B050); /* 标准的语法 */
}
.award-right{
width: 310px;
}
.award-right .title{
background: -webkit-linear-gradient(top, #FFD791 , #EFA53B); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #FFD791, #EFA53B); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #FFD791, #EFA53B); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #FFD791 , #EFA53B); /* 标准的语法 */
width: 310px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 20px;
color: #FFF;
border-radius: 8px 8px 0 0;
}
.award-right .namelist li{
display: flex;
justify-content: space-between;
padding: 0 17px;
}
.award-right .namelist li.null{
line-height: 27px;
font-size: 16px;
color: #999;
justify-content: center;
}
.award-right .namelist li span{
line-height: 27px;
font-size: 16px;
color: #999;
}
.award-right .namelist li span.username{
width: 70px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #EFAA44
}
.award-right .namelist li span.things{
width: 150px;
color: #EFAA44;
}
.floor{
margin-top: 54px;
background: #FFF;
border-radius: 8px;
padding: 28px 20px 28px 28px;
box-sizing: border-box;
}
.floor .left{
width: 896px;
}
.floor .left .t1{
font-size: 16px;
line-height: 28px;
color: #666;
margin-bottom: 20px;
}
.floor .left .t1 span{
color:#FF0000;
font-weight: 700;
}
.floor .left .t2{
display: flex;
}
.floor .left .t2 .contact-box{
display: flex;
flex-direction: row;
align-items: center;
height: 28px;
line-height: 28px;
margin-right: 40px;
}
.floor .left .t2 .contact-box img{
width: 28px;
padding-right: 12px;
}
.floor .left .t2 .contact-box span{
font-size: 16px;
color: #666;
}
.code_box img{
width: 196px;
}
.code_box p{
color: #666;
text-align: center;
font-size: 14px;
}
.about_box{
background-color: #FFF3D8;
padding: 45px 0;
margin-top: 45px;
}
.about_box img{
}
.about_box p{
font-size: 16px;
line-height: 25px;
color: #666;
display: flex;
flex-direction: column;
}
.about_box p span.t1{
font-weight: bold;
font-size: 20px;
line-height: 44px;
color: #3F4349;
padding-bottom: 5px;
}
#fix-r{
position: fixed;
right: 20px;
top: 50%;
transform: translateY(-300px);
z-index: 10
}
.fixed-wrap{
display: flex;
width: 190px;
flex-direction: column;
align-items: center;
}
#fix-r .v-bg{
background: url(../images/v-bg.png) left top no-repeat;
background-size: auto 100%;
padding-top: 115px;
height: 56px;
width: 181px;
margin-bottom: 10px;
}
#fix-r .v-bg .btn{
width: 100%;
height: 100%;
line-height: 22px;
font-size: 18px;
text-align: center;
color: #FFF;
display: flex;
flex-direction: column;
padding: 2px 0;
}
#fix-r .doc-bg{
background: url(../images/doc-bg.png) left top no-repeat;
background-size: auto 100%;
padding-top: 110px;
height: 56px;
width: 181px;
margin-bottom: 10px;
}
#fix-r .doc-bg .btn{
width: 100%;
height: 100%;
line-height: 22px;
font-size: 18px;
text-align: center;
color: #FFF;
display: flex;
flex-direction: column;
padding: 2px 0;
}
#fix-r .chance-bg{
background: url(../images/chance-bg.png) left top no-repeat;
background-size: auto 100%;
padding-top: 91px;
height: 56px;
width: 190px;
margin-bottom: 10px;
}
#fix-r .chance-bg .btn{
width: 100%;
height: 100%;
line-height: 22px;
font-size: 18px;
text-align: center;
color: #FFF;
display: flex;
padding: 2px 0;
flex-direction: column;
}
#fix-r .learn-more{
background: url(../images/learn-more.png) left top no-repeat;
background-size: auto 100%;
height: 86px;
width: 149px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 25px;
color: #666;
flex-direction: column;
box-sizing: border-box;
padding: 10px 0 0 10px;
}
#fix-r .learn-more:hover{
color: #2B8CEF;
text-decoration: underline;
}
.flex-coloum{
display: flex;
flex-direction: column;
}
.inline_dl{
padding: 0 40px;
}
.collect_title{
text-indent: 20px;
margin: 16px 0;
color: #FF3333;
text-align: center;
}
#submit_form .inline_dl dd{
float: inherit;
}
#submit_form .user_info_cookie{
margin-left: 36px;
}
.input_box{
width: 300px;
margin: 0 auto;
position: relative;
}
.input_box span{
position: absolute;
left: 20px;
top: 5px;
font-size: 20px;
color: #999;
}
.input_box input{
width: 300px;
line-height: 40px;
border-radius: 5px;
padding: 0px 10px 0 50px;
box-sizing: border-box;
}
.dialog-bd{
padding: 0;
}
#s_tip_box{
text-align: center;
}
#s_tip_box h2{
font-size: 24px;
color: #e30327;
text-align: center;
margin-bottom: 40px;
}
#s_tip_box p{
margin-bottom: 40px;
font-size: 20px
}
#s_tip_box h5{
color: #999;
}
#submit_form .inline_dl .wid100{
width: 100%;
margin: 0;
border-radius: 3px;
background-color: #fff;
}
.info_msgBox{
height: 100%;
overflow: auto;
background: #FFF;
position: relative;
}
.user_self_input{
position: relative;
}
.user_self_input .form_f_img3{
position: absolute;
top: 5.5%;
left: 28%;
width: 74px;
}
/*用户资料 - 弹窗表单*/
#submit_form{
height: 100%;
overflow-y: auto;
}
.color_red{
color:#d22;
}
#submit_form dl{
display: block;
margin: 10px 0;
margin-bottom: 20px;
}
#submit_form dt{
display: block;
font-size: 14px;
}
#submit_form dt i{
font-weight: normal;
font-style: normal;
}
#submit_form dt span{
font-weight: normal;
color: #999;
font-size: 12px;
}
#submit_form dd{
font-size: 14px;
color: #666;
}
#submit_form dd input[type=text]{
border: 1px solid #ddd;
padding: 8px 10px;
width: 100%;
border-radius: 5px;
}
#submit_form dd label{
margin: 10px 10px 10px 0;
line-height: 14px;
}
#submit_form label input{
margin-right: 5px;
vertical-align: initial;
}
#submit_form .inline_selects label{
float: left;
width: 280px;
}
#submit_form .inline_dl dt{
float: left;
color:#333;
line-height: 25px;
}
#submit_form .inline_dl select{
width: 48%;
height: 35px;
/* margin: 0 10px 10px 0; */
border: 1px solid #ddd;
background: #FFF;
}
#submit_form .inline_dl #address_select select:last-child{
margin-right:0px;
}
#submit_form textarea{
width: 81%;
display: block;
height: 60px;
padding: 10px;
border: 1px solid #ddd;
overflow: hidden;
resize: none;
border-radius: 3px;
margin-left: 47px;
}
.user_self_input .layui-layer-btn{
box-sizing: border-box;
padding: 0 20px 12px;
background-color: #fff;
}
.user_self_input .layui-layer-btn0{
width: 35%;
text-align: center;
background: -webkit-linear-gradient(top, #FFD791 ,#F1AF4C); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #FFD791,#F1AF4C); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #FFD791,#F1AF4C); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #FFD791 ,#F1AF4C); /* 标准的语法 */
border: none;
padding: 0;
font-size: 14px;
height: 35px;
display: block;
margin: 0 auto;
line-height: 35px;
position: relative;
top: -73px;
}
.form_tip_bottom{
padding:0px 40px;
color:#999;
}
.form_tip_bottom a{
text-decoration: underline;
color: #999;
}
.user_self_input .layui-layer-btn0:hover{
background: -webkit-linear-gradient(top, #FFD791 ,#F1AF4C); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #FFD791,#F1AF4C); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #FFD791,#F1AF4C); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #FFD791 ,#F1AF4C); /* 标准的语法 */
border: none;
}
.frm_btn {
background: none;
color: #fff;
width: 100%;
height: 36px;
vertical-align: top;
border: none;
outline: none;
cursor: pointer;
}
.dialog{
height: 100%;
position: relative;
}
.header_common .layui-layer-title {
padding: 0 80px 0 20px;
height: 70px;
line-height: 70px;
border-bottom: 1px solid #eee;
font-size: 24px;
color: #fff;
overflow: hidden;
background: -webkit-linear-gradient(top, #F4C066 ,#F1AE4A); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #F4C066,#F1AE4A); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #F4C066,#F1AE4A); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #F4C066 ,#F1AE4A); /* 标准的语法 */
border-radius: 18px 18px 0 0;
}
.header_common .layui-layer-ico {
background: url(../images/close.png) no-repeat;
}
.header_common .layui-layer-setwin .layui-layer-close1{
background-position: 0px;
}
.fix-img2{
width: 74px;
position: absolute;
left:183px;
top: 35px;
}
.user_self_input .layui-layer-btn{
height: 0;
box-sizing: border-box;
padding: 0;
border-radius: 0 0 18px 18px;
}
@media screen and (max-width: 750px) {
html{
font-size: 13.333333333vw;
}
body{
width: 100vw;
}
.m_show{
display: block;
}
.m_hide{
display: none;
}
.w1200{
width: auto;
max-width: 6.94rem;
margin: 0 auto;
}
#top{
display: none;
}
.user_self_input .layui-layer-btn{
background-color: #fff;
}
.footer {
font: 12px/20px "微软雅黑";
border-top:0px;
color: #fff;
width: 100%;
padding: 0.8rem 0;
background: #333;
border-top: 0px solid #eee;
text-align: center;
display: block;
}
#winner_list .tips{
display: none;
}
.pop_window{
width: 92%;
margin: 10% 0px 0px -46%;
height: 500px;
}
.info_msgBox{
height: 100%;
overflow: auto;
background: #FFF;
}
#submit_form dd input[type=text]{
width: 100%;
border-radius: 5px;
}
#submit_form .inline_dl textarea{
width: 78%;
height: 40px;
overflow:hidden;
resize:none;
border-radius: 5px;
}
#submit_form .inline_dl select {
width: 115px;
}
#submit_form .label_info dt{
padding-bottom:10px;
display: block;
float: inherit;
}
#submit_form .label_info dd{
display: block;float: inherit;
}
#submit_form dd label{
/*margin: 5px 0;*/
}
#submit_form dd label:nth-of-type(1){
margin-right:10px;
}
.pop_window{
top: 0%;
}
.close-dialog{
right: 15px;
color: #525252;
}
#submit_form{
height: 100%;
}
.winner .layui-layer-content{
font-size: 17px;
}
.new_not_winning .layui-layer-content{
font-size: 20px;
}
.question .ui-text {
margin-left: 10px;
width: 4rem;
}
.m_banner{
margin-top: 60px;
}
.m_banner img{
vertical-align: bottom;
}
.collect_title{
font-size: .28rem;
}
.lotter_alert .layui-layer-content span{
font-size: .3rem;
line-height: .6rem;
}
.lotter_alert.no_chance big {
padding: 0px ;
font-size: 0.5rem;
}
.inline_dl {
padding: 0 20px;
box-sizing: border-box;
}
.user_self_input .layui-layer-btn0{
top:-95px;
}
.user_self_input .layui-layer-title {
padding: 0 20px 0 20px;
height: 42px;
line-height: 42px;
border-bottom: 1px solid #eee;
font-size: 14px;
color: #FFF;
font-weight: 700;
overflow: hidden;
border-radius: 2px 2px 0 0;
text-align: left;
}
.user_self_input .layui-layer-ico {
background: url(../images/back2.png) no-repeat;
background-size: 0.23rem 0.23rem;
}
.user_self_input .layui-layer-setwin {
position: absolute;
right: 4%;
line-height: initial;
top:6px;
}
.user_self_input .layui-layer-setwin a{
height: 32px;
}
.form_tip_bottom{
padding:0px 20px;
font-size:12px;
}
.user_self_input .layui-layer-btn0:hover{
background: -webkit-linear-gradient(top, #FFD791 ,#F1AF4C); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #FFD791,#F1AF4C); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #FFD791,#F1AF4C); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #FFD791 ,#F1AF4C); /* 标准的语法 */
border: none;
}
.header{
top: 0;
}
.header img{
height: .3rem;
padding-left: .28rem;
}
.menu{
margin-right: .27rem;
}
.menu a{
line-height: .8rem;
font-size: .28rem;
height: .8rem;
margin-left: .4rem;
}
.banner{
margin-top: .8rem;
}
.menu a:hover{
background: none;
border-color:#FFF;
color: #333;
}
.menu a.act {
color: #efa73f;
border-bottom: 2px solid #efa73f;
}
.part1-title{
margin-bottom: .28rem;
}
.part2-title{
margin: .3rem 0;
}
.part3-title{
margin: 0 0 .2rem 0;
}
.part1-title .com-title, .part2-title .com-title, .part3-title .com-title{
background-size: contain;
width: 5.08rem;
height: 1.38rem;
font-size: .36rem;
line-height: 1.28rem;
}
.part1-title span{
font-size: .24rem;
}
.term-box .btn2{
width: 3.4rem;
height: .66rem;
line-height: .66rem;
font-weight: bold;
font-size: .3rem;
}
.term-box{
padding-bottom: .2rem;
}
.course-box{
padding: 0;
background: none;
}
.course-box .bgbox{
border-radius: .08rem;
padding: 0;
}
.course-box .bgbox .title{
display: none;
}
.course-box .bgbox th{
height: .66rem;
line-height: .66rem;
font-size: .3rem;
}
.course-box table td .name{
font-size: .24rem;
line-height: .3rem;
}
.course-box table td .name span{
display: none;
}
.course-box table td .star {
width: .3rem;
height: .3rem;
margin-right: .09rem;
}
.course-box table td .course-elem{
padding: .15rem .13rem;
}
.course-box{
margin-bottom: .36rem;
}
.video-bg{
background: none;
height: auto;
}
.video-box .video_player{
width: 100%;
height: 3.9rem;
border-radius: 0;
left: 0;
top: 0;
border-radius: .15rem;
}
.video-header{
width: 100%;
padding:0 0 .27rem 0;
}
.swiper-container,.video-box{
width:100%;
background: none;
padding: 0;
}
.video-box{
height: 3.9rem
}
.video-box .play{
width: .93rem;
height: .93rem;
transform:translateX(-.465rem) translateY(-.465rem)
}
.video-header .video-left{
height: .5rem;
}
.video-header .video-left .video-title{
font-size: .24rem;
line-height: .5rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.video-header .video-left img{
width: .36rem;
height: .23rem;
padding:0 .1rem;
}
.video-header .learn-btn{
width: 1.5rem;
height: .5rem;
line-height: .5rem;
font-size: .2rem;
display: none;
}
.swiper-button-next,.swiper-button-prev{
display: none;
}
.learn-list{
flex-direction: column;
}
.learn-list li {
margin-bottom: .42rem;
display: flex;
position: relative ;
padding-bottom: 1.1rem;
}
.learn-list li .nav-box{
width: 2.02rem;
height: 3.1rem;
writing-mode: inherit;
padding: .76rem .12rem 0 .12rem;
box-sizing: border-box;
line-height: .32rem;
font-size: .22rem;
display: inherit;
font-weight: bold;
word-break: break-all;
text-align: center;
align-items: flex-start;
display: flex;
justify-content: center;
}
.learn-list li .l1{
background: url(../images/m/l1.png) left top no-repeat;
background-size: auto 100%;
padding-top: .65rem;
font-size: .3rem;
line-height: .42rem;
}
.learn-list li .l2{
background: url(../images/m/l2.png) left top no-repeat;
background-size: auto 100%;
font-size: .3rem;
line-height: .42rem;
padding-top: .65rem;
}
.learn-list li .l3{
background: url(../images/m/l3.png) left top no-repeat;
background-size: auto 100%;
font-size: .3rem;
line-height: .42rem;
padding: .65rem 0 0 0 ;
}
.learn-list li .l4{
background: url(../images/m/l4.png) left top no-repeat;
background-size: auto 100%;
font-size: .24rem;
}
.learn-list li .nav-box + .panel{
background: transparent;
border-radius: .08rem;
padding: 0;
display: block;
height: 2.8rem;
box-sizing: border-box;
width: 4.7rem;
position: inherit;
left: 0;
top: 0px;
margin-left: .2rem;
}
.learn-list li .panel .box {
border-radius: .08rem;
background: #FFF3D8;
padding: .2rem .25rem;
box-sizing: border-box;
height: 3.1rem;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.learn-list li .panel .box .title span{
width: 3.6rem;
font-size: .24rem;
line-height: .26rem;
color: #926003;
font-weight: bold;
}
.learn-list li .panel .box .title .star-mid{
width:.3rem;
height: .3rem;
}
.learn-list .get-btn{
position: absolute;
width: 6rem;
height: 0.7rem;
left:50%;
bottom: 0px;
transform: translate(-50%,0);
background: linear-gradient(0deg,#f0a842 0%, #ffd68e 100%);
background: linear-gradient(to bottom, #FFD791 , #EFA63D);
text-align: center;
line-height: 0.7rem;
font-size: 0.24rem;
border-radius: 35px;
}
.term-box .next-term:hover{
background: -webkit-linear-gradient(top, #FDF3C5 , #FFD598);
background: -o-linear-gradient(bottom, #FDF3C5, #FFD598);
background: -moz-linear-gradient(top, #FDF3C5, #FFD598);
background: linear-gradient(to bottom, #FDF3C5 , #FFD598);
}
.learn-list li .panel .box .desc-txt dd{
font-size: 0.17rem;
color: #666;
line-height: 0.28rem;
padding-right: 0px;
}
.learn-list li .panel .box .desc-txt{
padding-top: .1rem;
}
.learn-list li .panel .box .get-btn {
cursor: pointer;
width: 1.4rem;
height: .5rem;
border-radius: .25rem;
font-size: .2rem;
line-height: .5rem;
text-align: center;
}
.award-box{
flex-direction: column;
}
.award-left,.award-right{
width: 100%;
}
.award-things{
width: 100%;
margin-bottom: .4rem;
}
.award-things li{
width: 1.6rem;
}
.award-things li .award-img{
width: 100%;
height: 1.4rem;
border-radius: .08rem;
}
.award-things li .award-img img{
height: .73rem;
width: auto;
}
.award-t .a4-img{
height: .62rem;
}
.award-things li span{
font-size: .18rem;
line-height: .36rem;
white-space: nowrap;
}
.award-things li span{
padding: .1rem;
}
.award-left .get-gold {
background: -webkit-linear-gradient(top, #FFD791 , #EFA63D);
background: -o-linear-gradient(bottom, #FFD791, #EFA63D);
background: -moz-linear-gradient(top, #FFD791, #EFA63D);
background: linear-gradient(to bottom, #FFD791 , #EFA63D);
width: 6rem;
height: .7rem;
border-radius: .35rem;
font-size: .24rem;
color: #FFF;
line-height: .7rem;
text-align: center;
margin-bottom: .45rem;
}
.award-right .title{
font-size: .24rem;
line-height: .6rem;
height: .6rem;
width: 100%;
border-radius: .08rem .08rem 0 0;
}
.mquee{
height: 3.6rem;
border-radius: 0 0 .08rem .08rem;
background: #FFF;
padding: .15rem 0;
}
.award-right .namelist li{
padding: 0 .7rem;
}
.award-right .namelist li span {
line-height: .36rem;
font-size: .24rem;
color: #999;
width: 1.5rem;
text-align: center;
}
.award-right .namelist li span.username {
width: 2rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #EFAA44;
text-align: left;
}
.award-right .namelist li span.things{
width: 3rem;
white-space: nowrap;
text-align: left;
}
.floor {
background: #FFF;
border-radius: .08rem;
padding: .4rem .3rem;
box-sizing: border-box;
margin-top: .3rem;
}
.floor .left{
width: 100%;
}
.rules-box{
flex-direction: column;
position: relative;
}
.floor .left .t1{
font-size: .24rem;
line-height: .36rem;
}
.floor .left .t2{
flex-direction: column;
}
.floor .left .t2 .contact-box{
line-height: .42rem;
margin-bottom: .15rem;
}
.floor .left .t2 .contact-box span{
font-size: .24rem;
}
.floor .left .t2 .contact-box img{
height: .42rem;
width: auto;;
}
.code_box{
position: absolute;
right: 0;
bottom: 0;
}
.code_box img{
width: 1.97rem;
}
.code_box p {
color: #666;
text-align: center;
font-size: .2rem;
line-height: .32rem;
}
.about_box {
background-color: #FFF;
padding: .4rem .3rem;
margin: .46rem auto .6rem auto;
max-width: 6.94rem;
box-sizing: border-box;
}
.footer{
display: none;
}
.about_box p{
font-size: .24rem;
line-height: .36rem;
}
.about_box p span.t1{
font-size: .3rem;
padding: .3rem 0 .25rem 0;
line-height: .44rem;
display: block;
}
.about_box img{
height: .58rem;
}
.h3{
height: 0.01rem;
}
.popbox {
z-index: 101;
width: 5rem;
height: 3.5rem;
transform: translateX(-2.5rem) translateY(-1.75rem);
display: none;
}
.popbox .title{
font-size: .28rem;
line-height: .7rem;
height: .7rem;
border-radius: .18rem .18rem 0 0;
text-indent: .37rem;
}
.popbox .title .close {
width: .24rem;
height: .24rem;
position: absolute;
right: .36rem;
top: .23rem;
cursor: pointer;
}
.popbox .plane-img{
left: 1.62rem;
top: .35rem;
width: .74rem;
height: .5rem;
}
.awards-success .t1, .user-up .t1, .lose .t1, .no-chance .t1{
font-size: .3rem;
line-height: .36rem;
}
.no-chance .t2{
font-size: .22rem;
line-height: .36rem;
margin-top: .05rem;
}
.user-up .face-box, .no-chance .face-box, .lose .face-box,.awards-success .awards-box{
padding: .4rem 0;
}
.popbox .pop-conbox{
height: 2.8rem;
}
.popbox .submit-success .circle-box{
width: 1rem;
height: 1rem;
border-radius: 50%;
top: .64rem;
}
.circle-box img{
height: .39rem;
}
.pop-conbox .face-box img,.pop-conbox .awards-box img{
height: .91rem;
}
.popbox .submit-success .t1{
font-size: .3rem;
line-height: .36rem;
margin-top: .9rem;
}
.awards-success .t2, .user-up .t2, .lose .t2 {
font-size: .22rem;
line-height: .35rem;
margin-top: .05rem;
}
}
/*迷宫文档弹框*/
@media screen and (max-width: 350px){
.swiper_my_box div>p {
height: 0.8rem;
}
}
@media screen and (max-width: 320px){
.user_self_input .layui-layer-btn0 {
top: -46px;
}
}
@media screen and (max-width: 750px){
.user_self_input .form_f_img3 {
position: absolute;
top: 4.5%;
left: 28%;
width: 0.7rem;
}
.learn-list li .panel .box {
height: auto;
}
.learn-list li .l1 {
background: url(../images/m/l1.png) left top no-repeat;
background-size: auto 2.8rem;
padding-top: .65rem;
font-size: .3rem;
line-height: .42rem;
}
.learn-list li .l2{
background-size: auto 2.8rem;
}
.learn-list li .nav-box + .panel{
height: auto;
}
.learn-list li .nav-box{
height: auto;
background-color: #72b5ef;
}
.learn-list li .nav-box.l2{
background-color:#f1b04c;
}
.floor .left .t1{
margin-bottom: 37px;
}
}