<>
.zx-yx-header-wrapper {
height: 220px;
background: linear-gradient(179deg#2094F0 0%#1787E0 53%);
}
.zx-yx-header-wrapper .zx-yx-header {
display: flex;
align-items: center;
height: 220px;
background: url("https://t1.chei.com.cn/yz/assets/images/sch/sch-banner.png") no-repeat center top;
}
.zx-yx-header-wrapper .yz-sch-header-xh {
width: 160px;
height: 160px;
padding: 12px;
margin-right: 28px;
box-sizing: border-box;
border-radius: 6px;
background: #fff;
}
.zx-yx-header-wrapper .yz-sch-header-xh img {
display: block;
width: 100%;
height: 100%;
}
.zx-yx-header-wrapper .yz-sch-header-con {
padding-top: 3px;
flex: 1;
min-width: 0;
color: #fff;
}
.zx-yx-header-wrapper .yz-sch-header-con a {
color: #fff;
}
.yz-sch-header-con .name {
height: 37px;
line-height: 37px;
}
.yz-sch-header-con .name a {
font-size: 28px;
font-weight: 700;
}
.yz-sch-header-con .location {
line-height: 28px;
margin-top: 6px;
}
.yz-sch-header-con .iconfont {
line-height: 1;
margin-right: 2px;
font-size: 14px;
}
.yz-sch-header-con .location span + span {
margin-left: 18px;
}
.yz-sch-header-con .yxtx {
display: flex;
align-items: center;
margin-top: 6px;
line-height: 28px;
}
.yz-sch-header-con .yxtx .sch-tag {
display: inline-flex;
align-items: center;
height: 28px;
padding: 0 12px;
border: 1px solid rgba(2552552550.55);
border-radius: 4px;
box-sizing: border-box;
}
.yz-sch-header-con .yxtx .sch-tag + .sch-tag {
margin-left: 12px;
}
.yz-sch-header-con .btn-con {
margin-top: 12px;
}
.yz-sch-header-con .btn-con a {
display: block;
width: 120px;
height: 40px;
line-height: 40px;
background: #FFC24E;
border-radius: 4px;
text-align: center;
font-size: 16px;
font-weight: 700;
text-decoration: none;
}
>

<>
.yxk-index-con {
padding-top: 46px;
}
.sch-column-title {
display: flex;
justify-content: center;
align-items: center;
height: 31px;
line-height: 31px;
margin-bottom: 32px;
font-size: 24px;
font-weight: bold;
color: rgba(0,0,0,0.9);
}
.sch-column-title:before,
.sch-column-title:after {
content: '';
display: block;
width: 198px;
height: 10px;
background-size: cover;
}
.sch-column-title::before {
background: url("https://t1.chei.com.cn/yz/assets/images/sch/title-icon-left.svg") no-repeat 0 0;
margin-right: 14px;
}
.sch-column-title::after {
background: url("https://t1.chei.com.cn/yz/assets/images/sch/title-icon-right.svg") no-repeat 0 0;
margin-left: 14px;
}
.sch-yxgk-list {
display: flex;
justify-content: space-between;
height: 123px;
margin-bottom: 46px;
}
.sch-yxgk-list > li {
width: 165px;
height: 123px;
}
.sch-yxgk-list > li.other {
position: relative;
}
.sch-yxgk-list > li > a {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-top: 5px solid #1887E0;
width: 100%;
height: 100%;
border-radius: 0px 0px 10px 10px;
background: #F5F5F5;
text-decoration: none;
box-sizing: border-box;
}
.sch-yxgk-list > li > a:hover {
background: rgba(24,135,224,0.1);
}
.sch-yxgk-list li.other .cover {
position: relative;
border-radius: 0px 0px 10px 10px;
background: #F5F5F5;
z-index: 1;
}
.sch-yxgk-list li.other .cover:hover {
box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.16);
}
.sch-yxgk-list li.other .cover:hover .other-list {
display: block;
}
.sch-yxgk-list li.other .other-con {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-top: 5px solid #1887E0;
width: 100%;
height: 123px;
box-sizing: border-box;
}
.sch-yxgk-list .icon {
margin-bottom: 11px;
}
.sch-yxgk-list .icon img {
display: block;
}
.sch-yxgk-list .title {
height: 24px;
line-height: 24px;
font-size: 18px;
color: rgba(0,0,0,0.9);
}
.sch-yxgk-list .other-list {
display: none;
margin-top: -10px;
}
.sch-yxgk-list .other-list li {
line-height: 19px;
padding-bottom: 12px;
text-align: center;
}
.sch-yxgk-list .other-list a {
color: rgba(51,51,51,0.9);
text-decoration: none;
}
.sch-yxgk-list .other-list a:hover {
color: #1887E0;
}
.yz-sch-main {
display: flex;
justify-content: space-between
}
.yz-sch-main .left {
width: 790px;
}
.yz-sch-main .right {
width: 350px;
}
.yz-sch-main .item-box h4 {
display: flex;
justify-content: space-between;
align-items: center;
height: 18px;
line-height: 18px;
padding-left: 8px;
border-left: 4px solid #1787e0;
margin-bottom: 16px;
font-size: 18px;
font-weight: 700;
}
.yz-sch-main .item-box .yxk-title-more {
font-size: 14px;
font-weight: 400;
color: #999999;
}
.yz-sch-main .left .yxk-column-con {
padding: 14px;
margin-bottom: 26px;
background: #F5F5F5;
border-radius: 4px;
}
.yz-sch-main .yxk-column-con > ul > li {
display: flex;
align-items: center;
line-height: 26px;
margin-bottom: 14px;
font-size: 16px;
}
.yz-sch-main .yxk-column-con > ul > li.no-data {
color: #999999;
}
.yz-sch-main .yxk-column-con > ul > li:last-child {
margin-bottom: 0;
}
.yz-sch-main .yxk-column-con a {
color: #333;
}
.yz-sch-main .yxk-column-con .value {
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.yz-sch-main .yxk-column-con .time {
margin-left: 50px;
color: #999999;
}
.yz-sch-zsjh li {
display: flex;
margin-bottom: 14px;
}
.yz-sch-zsjh li:last-child {
align-items: center;
margin-top: 16px;
margin-bottom: 30px;
}
.yz-sch-zsjh li .zsjh-box{
flex: 1;
}
.zsjh-box + .zsjh-box {
margin-left: 10px;
}
.yz-sch-zsjh .yxk-zsml-summary {
flex: 1;
min-width: 0;
height: auto;
line-height: 22px;
color: #929292;
}
.yz-sch-zsjh .ch-btn {
width: 56px;
height: 34px;
line-height: 34px;
padding: 0;
margin-left: 26px;
border-radius: 2px;
text-align: center;
}
.yz-sch-zsjh .ch-input.yz-sch-zsjh .ch-select {
width: 100%;
margin: 0;
border-radius: 4px;
border: 1px solid #DCDCDC;
}
.img-box {
margin-bottom: 24px;
}
.img-box a {
display: block;
border-radius: 4px;
overflow: hidden;
}
.img-box a:hover img {
transform: scale(1.1);
}
.img-box img {
display: block;
width: 100%;
border-radius: 4px;
transition: transform .5s;
}
>