*{
padding: 0;
margin: 0;
font-family:Microsoft YaHei;
text-decoration: none;
}
a{
text-decoration: none;
color: #333;
}
table{border-collapse:collapse;border-spacing:0;}
body{
min-width:1200px;
}
.fl{
float: left;
}
.fr{
float: right;
}
.container{
max-width: 1920px;
height: auto;
margin: 0 auto;
}
.item_top{
max-width: 1920px;
height: 80px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
line-height: 80px;
}
.item_top p{
font-weight: bold;
}
.topL{
width: 130px;
height: 80px;
margin-left: 50px;
}
.topL img{
width: 100%;
}
.topR{
width: 130px;
height: 80px;
margin-right: 50px;
}
.topR img{
width: 100%;
margin-top: 15px;
}
.clear{
clear: both;
}
.container_box{
width: 1000px;
margin: 15px auto;
display: flex;
justify-content: space-between;
box-sizing: border-box;
}
.container_box_top img{
width: 100%;
display: block;
}
.container_box1_l,.container_box1_r{
width: 490px;
list-style: none;
}
.container_box h2{
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
.container_box1_l ul li{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 44px;
line-height: 44px;
font-size: 14px;
text-indent: 46px;
background: url('tag_gray.png') center left no-repeat;
background-size: 38px;
}
.container_box1_l ul li span{
float:right;
}
.active{
background: url('tag_or.png') center left no-repeat !important;
background-size: 38px !important;
}
.container_box1_r_box{
width: 100%;
height: 300px;
background: url('container_box1_r_box.png') top center no-repeat;
background-size: cover;
box-sizing: border-box;
padding: 15px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
}
.container_box1_r_box a{
display: block;
width: 58px;
text-align: center;
height: 26px;
line-height: 26px;
margin-left: 5px;
}
.container_box1_r_box a:hover{
background: #fff;
border-radius: 25px;
font-weight: bold;
}
.container_box2{
height: 350px;
display: flex;
justify-content: space-between;
}
.container_box2_box{
width: 240px;
height: 350px;
border: solid 2px #ffa285;
box-shadow: 0 0 10px rgb(255 0 0 / 20%);
box-sizing: border-box;
border-radius: 15px;
}
.container_box2_box_top{
width: 116px;
height: 50px;
border: 1px solid;
text-align: center;
line-height: 50px;
font-size: 22px;
font-weight: bold;
color: #fff;
border-radius: 15px 0 25px 0;
float: left;
}
.container_box2_box_top1{
background: linear-gradient(to right,#FE4633, #FF6838);
}
.container_box2_box_top2{
background: linear-gradient(to right,#FF9E10, #FFD033);
}
.container_box2_box_top3{
background: linear-gradient(to right,#F4396E, #F97A9F);
}
.container_box2_box_fr{
float: right;
line-height: 50px;
margin-right: 10px;
border-bottom: solid 1px #FFAAB0;
color: #E60012;
}
.container_box2_box_main{
width: 92%;
height: 280px;
margin: 15px auto;
position:relative;
}
.container_box2_box_main ul li{
list-style: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
line-height: 30px;
}
.container_box2_box_main ul li span{
float:right;
margin-left:5px;
}
.container_box2_box_main_btm{
position:absolute;
width:100%;
bottom:8px;
left:0;
}
.container_box2_box_main_btm img{
display:block;
width:100%;
}
.container_box2_box_r{
display: flex;
align-items: center;
flex-wrap: wrap;
box-sizing: border-box;
border: none;
box-shadow: none;
}
.container_box2_box_r img{
display: block;
width: 240px;
height: 76px;
}
.container_box3{
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
align-items: center;
box-sizing: border-box;
}
.item_menu_box{
width: 245px;
height: 127px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.item_menu_box tr{
width: 245px;
}
.item_menu_box:nth-child(1){
background: #c0c0c0;
}
.item_menu_box:nth-child(2) img{
width:100%;
}
.item_menu_box:nth-child(3) img{
width:100%;
}
.item_menu_box:nth-child(4) img{
width:100%;
}
.item_menu_box_one{
width: 82px;
height: 63px;
font-size: 14px;
text-align: center;
border: 1px solid #dedede;
box-sizing: border-box;
}
.item_menu_box_one img{
width: 28px;
margin-top: 6px;
}
.container_box_banner img{
width: 100%;
display: block;
}
.container_box5{
display: block !important;
}
.item_lesson_div{
width: 100%;
box-sizing: border-box;
}
.item_lesson_div_one{
box-sizing: border-box;
width: 250px !important;
padding: 0 10px;
position: relative;
}
.item_lesson_div img{
width: 100%;
}
.item_lesson_div_name{
font-size: 16px;
position: absolute;
top: 20px;
left: 35px;
color: rgb(88, 88, 88);
}
.item_lesson_div_star{
width: 230px;
font-size: 22px;
font-weight: bold;
position: absolute;
top: 46px;
left: 50%;
margin-left: -115px;
text-align: center;
color: rgb(88, 88, 88);
}
.item_lesson_div a{
display: block;
width: 120px;
height: 32px;
line-height:32px;
text-align: center;
border-radius: 25px;
background: linear-gradient(to right,#f4d3e8, #fff0fb);
font-weight: bold;
color: #fa6867;
font-size: 14px;
position:absolute;
top: 90px;
left: 50%;
margin-left:-60px ;
}
.container_box6{
display: block !important;
background: #d8e1e6;
box-sizing: border-box;
padding: 15px;
}
.container_box6_box{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.container_box6_box_item{
width: 315px;
margin-top: 10px;
}
.container_box6_box_item_top{
width: 300px;
height: 200px;
background: #fff;
border-radius: 15px;
position: relative;
overflow: hidden;
margin: 0 auto;
}
.container_box6_box_item_top span{
position: absolute;
top: 3px;
right: 0;
height: 30px;
line-height: 30px;
font-size: 18px;
width: 140px;
padding-right: 3px;
text-align: right;
border-radius: 15px 0 0 15px;
box-sizing: border-box;
background: #9a62df;
color: #fff;
}
.container_box6_box_item_top .bookimg{
margin: 15px 0 0 20px;
}
.container_box6_box_item_top .star{
position: absolute;
left: 200px;
top: 70px;
width: 120px;
opacity: 0.4;
}
.container_box6_box_item .book_name{
display: block;
text-align: center;
font-size: 16px;
margin: 15px 0;
font-weight: bold;
}
.container_box6_box_item_bottom{
width: 300px;
height: 50px;
display: flex;
justify-content: flex-start;
align-items: center;
background: #ffffc0;
box-sizing: border-box;
padding: 0 10px;
border-radius: 15px;
margin: 0 auto;
}
.container_box6_box_item_bottom p{
font-weight: bold;
font-size: 40px;
color: #ff7800;
width: 90px;
}
.container_box6_box_item_bottom div{
background: #ff7800;
color: #fff;
width: 55px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
font-size: 18px;
}
.container_box6_box_item_bottom a{
display: block;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 25px;
background: linear-gradient(to right,#FF9E10, #FFD033);
font-weight: bold;
color: #fff;
font-size: 20px;
margin-left: 25px;
}
.container_province{
position: relative;
display:block;
}
.container_province ul li{
list-style: none;
display: inline-block;
width: 118px;
height: 50px;
text-align: center;
line-height: 50px;
}
.container_province ul li a{
cursor: pointer;
z-index: 1;
}
.container_province ul li a:hover{
font-weight: bold;
color: #8b8b8b;
}
.item_bottom2{
max-width: 1920px;
margin: 0 auto;
}
.item_bottom2 img{
width: 100%;
}
.container_province_li_div{
position: absolute;
width: 1000px;
height: 235px;
background: rgba(207, 207, 207);
top: 0;
left: 0;
z-index: 2;
display: none;
}
.li_close{
position: absolute;
right: 5px;
top: 2px;
z-index: 4;
display: none;
}
.container_province_li_div .container_province_li_div_con{
width: 100%;
height: 235px;
display: flex;
justify-content: space-around;
align-items: center;
}
.container_province_li_div .container_province_li_div_con p{
line-height: 32px;
font-weight: bold;
}
.container_province_li_div div img{
width: 150px;
display: block;
}