html {
margin: auto;
overflow-x: hidden;
min-width: 1366px;
}
body {}
.header {
width: 100%;
height: 0.7rem;
background-color: #ffffff;
}
.headerBox {
width: 12rem;
height: 100%;
}
.headerimg {
height: 0.6rem;
}
.navBtn {
width: 1.25rem;
height: 0.4rem;
background-image: linear-gradient(178deg,
#ff8927 0%,
#ffa600 100%),
linear-gradient(#ffffff,
#ffffff);
background-blend-mode: normal,
normal;
border-radius: 0.2rem;
color: #ffffff;
font-size: 0.2rem;
letter-spacing: 0.01rem;
text-align: center;
line-height: 0.4rem;
margin-left: 0.3rem;
cursor: pointer;
}
.nav {
font-size: 0.2rem;
letter-spacing: 0.01rem;
color: #000000;
margin-left: 0.6rem;
cursor: pointer;
position: relative;
}
.nav:hover,
.selectnav {
color: #ff6e00;
}
.nav:hover::after,
.selectnav::after {
width: 100%;
height: 0.03rem;
background-color: #ff6e00;
content: '';
position: absolute;
left: 0;
bottom: -0.06rem;
}
.bannerBtnitem {
width: 2.82rem;
height: 0.78rem;
background-image: linear-gradient(180deg,
#fbedc1 0%,
#ffd98a 100%),
linear-gradient(#fb8e0d,
#fb8e0d);
background-blend-mode: normal,
normal;
box-shadow: 0rem 0.08rem 0.08rem 0.01rem rgba(101, 5, 5, 0.43);
border-radius: 0.08rem;
text-align: center;
line-height: 0.78rem;
font-size: 0.28rem;
color: #923f20;
cursor: pointer;
margin: 0 0.5rem;
}
.bannerBtn {
position: absolute;
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
}
.suspend {
position: fixed;
width: 1.8rem;
height: 3.66rem;
background-image: linear-gradient(180deg,
#ffddad 0%,
#ffcd8e 100%),
linear-gradient(#ffdca8,
#ffdca8);
background-blend-mode: normal,
normal;
border-radius: 0.11rem;
z-index: 5;
top: 4.25rem;
left: 0.51rem;
padding: 0 0.1rem;
}
.suspendtopimg {
width: 100%;
margin-top: -1.34rem;
}
.suspendBtn {
padding: 0 0.25rem;
font-size: 0.16rem;
color: #a53625;
width: 1.59rem;
height: 0.42rem;
background-color: #ffffff;
border-radius: 0.11rem;
border: solid 0.01rem #ff644e;
margin-top: 0.07rem;
cursor: pointer;
}
.suspendBtn:hover,
.selectsuspendBtn {
background-color: #ffebd0;
}
.suspendBtnimg {
margin-right: 0.15rem;
width: 0.21rem;
height: 0.21rem;
}
.totopimg {
margin-top: 0.13rem;
height: 0.19rem;
cursor: pointer;
}
.sectionTitle {
font-size: 0.6rem;
color: #1b1b1b;
text-align: center;
font-weight: bold;
}
.issue {
padding-top: 0.4rem;
}
.issueItemBox {
margin-top: 0.6rem;
flex-wrap: wrap;
width: 12rem;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.issueItem {
width: 3.66rem;
height: 2.67rem;
border-radius: 0.15rem;
margin-bottom: 0.4rem;
}
.issueItemTitle {
font-size: 0.24rem;
font-weight: bold;
margin-top: 0.15rem;
}
.issueItemTitle img {
height: 0.25rem;
margin-right: 0.17rem;
}
.issueItemContent {
margin: 0.1rem 0.3rem;
height: 1.41rem;
text-align: justify;
font-size: 0.2rem;
color: #7d7d7d;
line-height: 0.35rem;
}
.issueItemBtn {
width: 1.91rem;
height: 0.42rem;
border-radius: 0.17rem;
text-align: center;
line-height: 0.42rem;
position: relative;
left: 50%;
transform: translateX(-50%);
color: #ffffff;
cursor: pointer;
}
.policy .sectionTitle {
color: #ffffff;
}
.policy {
width: 19rem;
height: 7rem;
background-image: url(../img/17.png);
padding-top: 0.49rem;
margin-top: 0.35rem;
}
.policyBox {
width: 12rem;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.policyBoxtopimg {
width: 100%;
}
.policyfbt {
font-size: 0.24rem;
letter-spacing: 0.01rem;
color: #ffffff;
margin-top: 0.15rem;
margin-bottom: 0.35rem;
text-align: center;
}
.policyItemBox {
flex-wrap: wrap;
}
.policyItem {
width: 1.55rem;
height: 0.61rem;
background-color: #ffffff;
text-align: center;
line-height: 0.61rem;
margin-bottom: 0.24rem;
font-size: 0.24rem;
letter-spacing: 0.02rem;
color: #000000;
cursor: pointer;
}
.policyItem:hover,
.selectpolicyItem {
color: #9e3c2b;
background-color: #fedd96;
}
.policyBtn {
width: 2.96rem;
height: 0.56rem;
background-image: linear-gradient(0deg,
#ffdb91 0%,
#fde5aa 54%,
#fce8b5 77%,
#fbecbf 100%),
linear-gradient(#000000,
#000000);
background-blend-mode: normal,
normal;
border-radius: 0.08rem;
text-align: center;
line-height: 0.56rem;
font-size: 0.24rem;
color: #92261b;
cursor: pointer;
margin-top: 0.14rem;
}
.post {
padding-top: 0.56rem;
}
.postswiper {
width: 12rem;
overflow: hidden;
margin-top: 0.34rem;
padding-bottom: 0.82rem;
}
.postswiperbottomimg {
width: 12rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 0.45rem !important;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-pagination-bullet {
width: 0.29rem !important;
height: 0.08rem !important;
background-color: #d2d2d2 !important;
border-radius: 0.32rem !important;
opacity: 1 !important;
}
.swiper-pagination-bullet-active {
width: 0.1rem !important;
height: 0.1rem !important;
background-color: #f2462a !important;
}
.postBtnBox {
margin-top: 0.5rem;
margin-bottom: 0.57rem;
}
.postBtn {
width: 3.28rem;
height: 0.7rem;
background-color: #ee3b3b;
border-radius: 0.32rem;
margin: 0 0.23rem;
text-align: center;
line-height: 0.7rem;
font-size: 0.3rem;
letter-spacing: 0.02rem;
color: #ffffff;
font-weight: bold;
cursor: pointer;
}
.scheme {
background-color: #f5f8fa;
padding-top: 0.3rem;
padding-bottom: 1rem;
}
.schemeCont {
margin-top: 0.6rem;
width: 12rem;
}
.schemeTitleItem {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 0.24rem;
color: #000000;
cursor: pointer;
position: relative;
}
.selectschemeTitleItem::after,
.schemeTitleItem:hover::after {
content: '';
position: absolute;
width: 100%;
height: 0.04rem;
background-color: #ff7f01;
left: 0;
bottom: -0.12rem;
}
.schemeTitleBtn {
width: 1.44rem;
height: 0.5rem;
background-blend-mode: normal,
normal;
border-radius: 0.25rem;
font-size: 0.24rem;
color: #ffffff;
text-align: center;
line-height: 0.5rem;
margin-left: 0.3rem;
}
.schemeTitle {
border-bottom: 0.07rem solid #ffffff;
padding-bottom: 0.12rem;
}
.schemeTitleItem:nth-child(1) .schemeTitleBtn {
background-image: linear-gradient(103deg,
#197aff 0%,
#6db8ff 100%),
linear-gradient(#ffffff,
#ffffff);
}
.schemeTitleItem:nth-child(2) .schemeTitleBtn {
background-image: linear-gradient(103deg,
#e8563f 0%,
#f95942 100%),
linear-gradient(#ffffff,
#ffffff);
}
.schemeTitleItem:nth-child(3) .schemeTitleBtn {
background-image: linear-gradient(103deg,
#a782f7 0%,
#5c33b9 100%),
linear-gradient(#ffffff,
#ffffff);
}
.consult {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 0.5rem;
border-radius: 0.41rem;
height: 0.82rem;
padding: 0 0.45rem;
}
.consulttext {
font-size: 0.26rem;
color: #ffffff;
position: relative;
padding-left: 0.3rem;
}
.consulttext::before {
content: '';
position: absolute;
width: 0.12rem;
height: 0.12rem;
background-color: #ffffff;
left: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 100%;
}
.consult1 {
background-image: linear-gradient(103deg,
#197aff 0%,
#6db8ff 100%),
linear-gradient(#ffffff,
#ffffff);
background-blend-mode: normal,
normal;
}
.consultBtn {
display: flex;
justify-content: center;
align-items: center;
width: 1.86rem;
height: 0.44rem;
background-color: #ffffff;
border-radius: 0.22rem;
border: solid 0.07rem rgba(255, 255, 255, 0.18);
font-size: 0.18rem;
color: #eb6100;
cursor: pointer;
}
.consultBtn img {
width: 0.28rem;
height: 0.28rem;
margin-right: 0.14rem;
}
.itemlist {
width: 12.03rem;
background-color: #ffffff;
margin-top: 0.37rem;
padding: 0.15rem 0.4rem;
}
.itemlistCont {
display: flex;
justify-content: flex-start;
align-items: center;
}
.itemlistContLeft {
padding-right: 0.3rem;
margin-right: 0.3rem;
border-right: 0.01rem solid #c9c9c9;
font-size: 0.26rem;
color: #1b1b1b;
}
.itemlistContLeft img {
height: 0.34rem;
margin-bottom: 0.05rem;
}
.rightItems {
padding-left: 0.2rem;
position: relative;
font-size: 0.18rem;
line-height: 0.3rem;
letter-spacing: 0rem;
color: #1b1b1b;
}
.rightItems::before {
content: '';
position: absolute;
width: 0.06rem;
height: 0.06rem;
background-color: #ff7000;
border-radius: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 100%;
}
.righttitle {
font-size: 0.26rem;
color: #1b1b1b;
margin-bottom: 0.2rem;
}
.righttext {
font-size: 0.18rem;
color: #1b1b1b;
}
.itemlistimgs {
width: 100%;
margin-top: 0.57rem;
}
.itemsBtnBox {
display: flex;
justify-content: flex-end;
align-items: center;
}
.itemPics {
font-size: 0.18rem;
font-weight: bold;
color: #1b1b1b;
margin-right: 0.7rem;
}
.itemPics span {
color: #f11b1b;
}
.itemPics span span {
font-size: 0.36rem;
}
.itemsBtn {
width: 1.61rem;
height: 0.54rem;
background-color: #ff6401;
border-radius: 0.27rem;
text-align: center;
line-height: 0.54rem;
font-size: 0.24rem;
color: #ffffff;
margin-right: 0.4rem;
cursor: pointer;
}
.itemsBtn1 {
background-color: #0f88ff;
margin-right: 0;
}
.consult2 {
background-image: linear-gradient(103deg,
#e8563f 0%,
#f95942 100%),
linear-gradient(#ffffff,
#ffffff);
}
.consult3 {
background-image: linear-gradient(103deg,
#a782f7 0%,
#5c33b9 100%),
linear-gradient(#ffffff,
#ffffff);
}
.education {
padding-top: 0.7rem;
}
.educationCont {
margin-top: 0.5rem;
width: 12rem;
display: flex;
justify-content: center;
align-items: flex-start;
}
.educationleft {
width: 5.82rem;
margin-right: 0.38rem;
}
.educationleft img {
height: 0.66rem;
margin-bottom: 0.3rem;
}
.educationrightimg {
height: 4.38rem;
}
.educationlefttext1 {
font-size: 0.3rem;
color: #000000;
margin-bottom: 0.3rem;
}
.educationlefttext2,
.educationlefttext3 {
font-size: 0.2rem;
color: #000000;
text-align: justify;
line-height: 0.36rem;
letter-spacing: 0.01rem;
}
.educationlefttext3 {
margin-top: 0.3rem;
}
.datas {
width: 12rem;
padding: 0.4rem;
background-color: #434343;
border-radius: 0.1rem;
margin-top: 0.6rem;
margin-bottom: 0.5rem;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.datasitem {
text-align: center;
color: #ffffff;
}
.datasitemt1 {
font-size: 0.25rem;
line-height: 0.6rem;
}
.datasitemt2 {
font-size: 0.2rem;
}
.footers {
width: 100%;
text-align: center;
height: 2.56rem;
background-color: #2c2e2d;
font-size: 0.18rem;
letter-spacing: 0.01rem;
color: #ffffff;
padding-top: 0.4rem;
}
.footers a {
color: #ffffff;
}
.address {
font-size: 0.15rem;
margin-top: 0.1rem;
}
.suspend1 {
width: 100%;
/* height: 1.32rem; */
/* padding: 0.1rem 0; */
background-color: #eb6100;
position: fixed;
z-index: 5;
left: 0;
right: 0;
bottom: 0;
}
.suspend1Cont {
width: 12rem;
display: flex;
justify-content: space-between;
align-items: center;
transform: scale(0.8) translateX(-50%);
}
.suspend1Contimg1 {
width: 1.3rem;
margin-top: -0.46rem;
margin-right: 0.58rem;
}
.suspend1Contimg2 {
height: 0.58rem;
margin-right: 0.58rem;
}
.suspend1Contimg3 {
height: 0.71rem;
margin-right: 0.2rem;
}
.suspend1Btn {
width: 1.44rem;
height: 0.53rem;
background-color: #ffffff;
border-radius: 0.27rem;
font-size: 0.24rem;
letter-spacing: -0.01rem;
color: #ff6f00;
text-align: center;
line-height: 0.53rem;
margin-left: 0.63rem;
cursor: pointer;
}