*{
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;
}
.item_main{
max-width: 1920px;
margin: 0 auto;
background: url(images/mainbg.jpg) top center no-repeat;
background-size: cover;
overflow: hidden;
}
.item_main_img{
width: 1000px;
margin: 90px auto 0;
}
.item_main_img img{
width: 100%;
}
.item_main_bank{
width: 1000px;
margin: 0 auto 50px;
border-radius: 50px;
background: -moz-linear-gradient(top, #1c46b1 0%, #1286ec 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c46b1 ), color-stop(100%,#1286ec));
background: -webkit-linear-gradient(top, #1c46b1 0%,#1286ec 100%);
background: -o-linear-gradient(top, #1c46b1 0%,#1286ec 100%);
background: -ms-linear-gradient(top, #1c46b1 0%,#1286ec 100%);
background: linear-gradient(to bottom, #1c46b1 0%,#1286ec 100%);
box-shadow: 0 3px 10px 1px #bdbdbd;
box-sizing: border-box;
padding: 25px 50px;
}
.item_main_bank_t{
font-size: 20px;
color: #fff;
}
.item_main_bank_t span{
font-size: 50px;
font-weight: bold;
}
.item_main_bank_box{
width: 800px;
margin: 50px auto;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.item_main_bank_box a{
display: block;
width: 170px;
height: 40px;
text-align: center;
border: 1px solid #d8d8d8;
line-height: 40px;
margin-top: 10px;
color: #d8d8d8;
}
.item_main_bank_btn{
width: 800px;
height: 50px;
margin: 25px auto;
display: flex;
justify-content: space-around;
}
.item_main_bank_btn a{
display: block;
width: 210px;
height: 50px;
text-align: center;
border: 1px solid #d8d8d8;
line-height: 50px;
background: -moz-linear-gradient(top, #d7c09b 0%, #fefefe 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7c09b ), color-stop(100%,#fefefe));
background: -webkit-linear-gradient(top, #d7c09b 0%,#fefefe 100%);
background: -o-linear-gradient(top, #d7c09b 0%,#fefefe 100%);
background: -ms-linear-gradient(top, #d7c09b 0%,#fefefe 100%);
background: linear-gradient(to bottom, #d7c09b 0%,#fefefe 100%);
border-radius: 50px;
font-size: 20px;
}
.item_yy{
max-width: 1920px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.item_yy_t{
margin: 50px auto;
position: relative;
width: 620px;
}
.item_yy_t p{
font-size: 28px;
font-weight: bold;
text-align: center;
color: #0a46a5;
}
.item_yy_t p span{
float: left;
font-size: 16px;
margin-top: 5px;
}
.item_yy_t_img{
position: absolute;
top: -30px;
left: -120px;
}
.item_yy_t2{
width: 620px;
margin: 0 auto;
font-size: 22px;
text-align: center;
}
.item_yy_box{
width: 1100px;
margin: 50px auto;
}
.item_yy_box input{
width: 200px;
height: 50px;
outline: none;
margin-left: 30px;
text-indent: 20px;
}
.item_yy_box #verCodeBtn{
width: 120px !important;
margin-left: 0 !important;
text-indent: 0;
}
.item_yy_box_submit{
width: 300px;
margin:25px auto;
}
.item_yy_box_submit input{
width: 100% !important;
border: none;
background: #f62828;
font-size: 18px;
text-indent: 0;
color: #fff;
}
.item_qq{
max-width: 1920px;
margin: 0 auto;
background: url(images/qqbg.jpg) top center no-repeat #e3f1fe;
background-size: 100%;
overflow: hidden;
}
.item_main_bank2{
width: 800px !important;
margin-top: 150px;
display: flex;
justify-content: center;
}
.item_main_bank2_l{
width: 55%;
height: 250px;
}
.item_main_bank2_l p{
background-image: -webkit-linear-gradient(left, #dcf5ff, #4c95ef);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size:26px;
line-height: 60px;
font-weight: bold;
letter-spacing: 1px;
}
.item_main_bank2_l p:nth-child(1){
margin-top: 35px;
}
.item_main_bank2_r{
height: 250px;
display: flex;
align-items: center;
}
.item_main_bank2_r_img{
width: 200px;
}
.item_main_bank2_r_img img{
width: 100%;
border: 15px solid #869ff9;
border-radius: 5px;
}
.item_zzd{
max-width: 1920px;
margin: 0 auto;
background: #e3f1fe;
overflow: hidden;
}
.item_zzd_box{
width: 1100px;
margin: 50px auto;
border: 2px solid #0a46a5;
border-radius: 50px;
}
.item_zzd_box_line{
width: 900px;
height: 130px;
background: url(images/line.jpg) top center no-repeat #e3f1fe;
background-size: 100%;
box-shadow: 0 3px 10px 5px #9fa1f7;
margin: 100px auto 50px;
position: relative;
overflow: hidden;
}
.item_zzd_box_line_p1{
font-size: 18px;
font-weight: bold;
position: absolute;
top: 26px;
left:25px;
}
.item_zzd_box_line_p2{
font-size: 18px;
font-weight: bold;
position: absolute;
top: 56px;
left:25px;
}
.item_zzd_box_line_box{
width: 75%;
height: 90px;
margin: 20px 0 0 180px;
line-height: 30px;
}
.item_zzd_box_four{
width: 900px;
margin: 50px auto;
display: flex;
justify-content: space-around;
}
.item_zzd_box_four_one{
width: 200px;
height: 320px;
background: url(images/four.png) top center no-repeat #fff;
background-size: 100%;
border-radius: 15px;
position: relative;
box-shadow: 0 3px 10px 5px #9fa1f7;
overflow: hidden;
}
.item_zzd_box_four_one_p1{
position: absolute;
left: 60px;
top: 23px;
font-weight: bold;
font-size: 18px;
}
.item_zzd_box_four_one_p2{
position: absolute;
left: 60px;
top: 52px;
font-weight: bold;
font-size: 18px;
}
.item_zzd_box_four_one_bottom{
width: 85%;
height: 200px;
margin: 90px auto 0;
line-height: 24px;
}
.item_zzd_box_four_one2{
margin-top: 50px;
}
.item_gw{
max-width: 1920px;
margin: 0 auto;
background: #e3f1fe;
overflow: hidden;
}
.item_lc{
width: 1100px;
height: 130px;
margin: 75px auto 50px;
background: url(images/lcbg.png) top center no-repeat;
background-size: 100%;
position: relative;
}
.item_lc p{
font-weight: bold;
color: rgb(99, 97, 97);
font-size: 18px;
}
.item_lc_p1{
position: absolute;
top: 49px;
left: 125px;
}
.item_lc_p2{
position: absolute;
top: 49px;
left: 310px;
}
.item_lc_p3{
position: absolute;
top: 49px;
left: 485px;
}
.item_lc_p4{
position: absolute;
top: 49px;
left: 625px;
}
.item_lc_p5{
position: absolute;
top: 49px;
left: 765px;
}
.item_lc_p6{
position: absolute;
top: 49px;
left: 900px;
}
.item_bkzn{
max-width: 1920px;
margin: 0 auto;
background: #e3f1fe;
overflow: hidden;
}
.item_hjq_div{
width: 1000px;
margin: 50px auto;
display: flex;
justify-content: space-around;
align-items: flex-start;
}
.item_hjq_div_one{
width: 280px;
background-size: 100%;
}
.one1{
background: url(images/hjq1.png) top center no-repeat;
margin-top: 50px;
}
.one2{
background: url(images/hjq2.png) top center no-repeat;
}
.one3{
background: url(images/hjq3.png) top center no-repeat;
margin-top: 50px;
}
.item_hjq_div_one_t{
font-size: 40px;
font-weight: bold;
margin-top: 130px;
text-align: center;
color: #333;
}
.item_hjq_div_one_t2{
margin-top: 15px;
text-align: center;
}
.item_hjq_div_one_bottom{
width: 100%;
height: 300px;
border-top: 5px solid #f1432b;
margin-top: 25px;
padding-top: 20px;
}
.item_hjq_div_one_bottom_one{
margin: 15px auto;
width: 180px;
height: 50px;
background: -webkit-linear-gradient(top,#fbdedf,#fff);
border:1px solid #f1432b ;
line-height: 50px;
text-align: center;
font-size: 20px;
}
.item_book{
width: 950PX;
margin: 50px auto;
box-shadow: 0 3px 10px 5px #9fa1f7;
box-sizing: border-box;
background: #fff;
}
.item_book_l{
width: 50%;
border-right: 1px solid #dedede;
margin: 50px 0;
box-sizing: border-box;
float: left;
}
.item_book_l_img{
width: 80%;
margin: 0 auto;
}
.item_book_l_img img{
display: block;
width: 100%;
}
.buy{
display: block;
width: 200px;
height: 50px;
background: #f62828;
line-height: 50px;
text-align: center;
color: #fff;
margin: 0 auto;
border-radius: 0 0 25px 25px;
font-weight: bold;
font-size: 18px;
}
.item_book_r{
width: 50%;
margin: 50px 0;
box-sizing: border-box;
float: right;
}
.item_book_r_img{
width: 80%;
margin: 0 auto;
}
.item_book_r_img img{
display: block;
width: 100%;
}
.item_lesson{
max-width: 1920px;
margin: 0 auto;
background: #e3f1fe;
z-index: 1;
border: 1px solid #e3f1fe;
}
.item_t_lesson{
font-size: 26px;
text-align: center;
color: #585858;
}
.item_lesson_box{
width: 1100px;
margin: 50px auto;
box-shadow: 0 3px 10px 5px #9fa1f7;
overflow: hidden;
background: #fff;
position: relative;
z-index: 3;
}
.item_lesson_box_table{
width: 1000px;
margin: 50px auto;
}
.item_lesson_box_table th{
padding: 5px;
background: #9bafe6;
}
.item_lesson_box_table td{
padding: 5px;
background: #fff;
}
.item_lesson_box_table tr td{
border:1px solid #dedede;
text-align: center;
padding: 15px;
}
.table_f td{
text-align: center !important;
background: #9bafe6;
color: #fff;
font-weight: bold;
}
.deletepart{
text-decoration: line-through;
color: #ff0000;
}
.lesson_tt{
color: #fc6a6a;
font-size: 36px;
font-weight: bold;
text-align: center;
margin: 50px 0;
}
.lgltable{
width: 1000px;
margin: 50px auto;
}
.lgltable tr td{
border: 1px solid #dedede;
text-align: center;
padding: 10px;
}
.table_date td{
background:#dde7f1 ;
font-weight: bold;
}
.set{
text-align: right;
margin: 30px 50px 30px 0;
font-size: 14px;
color: #585858;
}
.item_jc{
max-width: 1920px;
margin: 0 auto;
background: #e3f1fe;
position: relative;
border: 1px solid #e3f1fe;
}
.item_jc_box{
width: 850px;
height: 380px;
margin: 0 auto;
background: -moz-linear-gradient(top, #fdfaf4 0%, #b0d0fc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfaf4 ), color-stop(100%,#b0d0fc));
background: -webkit-linear-gradient(top, #fdfaf4 0%,#b0d0fc 100%);
background: -o-linear-gradient(top, #fdfaf4 0%,#b0d0fc 100%);
background: -ms-linear-gradient(top, #fdfaf4 0%,#b0d0fc 100%);
background: linear-gradient(to bottom, #fdfaf4 0%,#b0d0fc 100%);
position: relative;
top: -80px;
z-index: 2;
overflow: hidden;
display: flex;
justify-content: center;
}
.item_jc_box_l{
width: 50%;
margin-top: 60px;
}
.item_jc_box_l img{
width: 100%;
}
.item_jc_box_r{
width: 45%;
height: 300px;
margin-top: 60px;
}
.item_jc_box_r_ptjc{
font-size: 40px;
text-align: center;
margin-top: 50px;
color: #585858;
}
.item_jc_box_r ul{
width: 50%;
border: 1px solid;
margin-left: 25%;
text-align: center;
}
.item_jc_box_r P:nth-child(2){
font-size: 26px;
margin-top: 20px;
text-indent: 100px;
}
.item_jc_box_r P:nth-child(3){
margin-top: 20px;
font-size: 26px;
text-indent: 100px;
}
.item_jc_ask{
width: 1000px;
margin: 0 auto 50px;
display: flex;
justify-content: space-around;
}
.item_jc_ask a{
display: block;
width: 300px;
height: 50px;
border-radius: 5px;
font-size: 22px;
font-weight: bold;
text-align: center;
line-height: 50px;
background: #f62828;
color: #fff;
}
.item_change{
max-width: 1920px;
margin:0 auto;
overflow:hidden;
background: #e3f1fe;
}
.item_change_title{
background-image: -webkit-linear-gradient(left, #9ccdea, #274cd2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 40px;
line-height: 60px;
font-weight: bold;
letter-spacing: 1px;
text-align:center;
margin-bottom:50px;
}
.item3_container{
width: 1020px;
margin: 0 auto;
position: relative;
background: #e3f1fe !important;
}
.item3_container_div{
width: 100%;
z-index: 1;
border-radius: 0 20px 20px 20px;
background-color: #fff;
border: 1px solid #fff;
}
.item_bottom{
width: 100%;
margin: 0 auto;
padding: 25px 0;
}
.item_city{
max-width: 1920px;
margin: 0 auto;
padding: 5px 0;
}
.item_city_div{
margin: 0 auto;
width: 980px;
display: flex;
justify-content: space-around;
flex-wrap: nowrap;
}
.item_city_div_one{
width: 105px;
border: 1px solid;
text-align: center;
height: 50px;
line-height: 50px;
font-size: 22px;
font-weight: bold;
background: #72cbec;
color: #fff;
border-radius: 15px;
cursor: pointer;
}
.item_city_div_one:hover{
font-size: 26px;
background: #1991bd;
}
.item_city_con{
width: 980px;
margin: 0 auto;
}
.item_city_con_box{
width:100%;
height: 210px;
margin-top: 10px;
box-shadow: 0 3px 10px 1px #bdbdbd;
}
.item_city_con_box img{
width: 150px;
margin-top: 30px;
margin-right: 150px;
}
.item_city_con_box_p{
line-height: 180px;
margin-left: 150px;
}
.item_city_con_box_city{
margin-left: 100px;
}
.item_city_con_box_city p{
margin-top: 17px;
font-size: 16px;
}
.item_city_con_box_city p span{
color: #48cdb2;
font-weight: bold;
}
.item_city_con_box_city p a{
color: #48cdb2;
font-weight: bold;
}
.item_bottom2{
max-width: 1920px;
margin: 0 auto;
}
.item_bottom2 img{
width: 100%;
}