yundewu-website/page_zhuanti/zhuanti_erqinhui/css/style.css

* {
    margin    : 0;
    padding   : 0;
    list-style: none;
    border    : none;
    font-style: normal;
}

a {
    outline        : none;
    color          : #333;
    text-decoration: none;
}

body {
    background-image: url(../images/bg.png);
    background-size: 100% auto;
}

p {
    text-indent: 42px;
}

.banner {
    width: 100%;
}

.banner img {
    width: 100%;
}

.content {
    width : 1220px;
    margin: 0 auto;
}

.accredit,
.sponsor {
    margin-top: 40px;
}

.accredit::after {
    content: '';
    display: block;
    clear  : both;
}

.accredit-item {
    width     : 50%;
    text-align: center;
    float     : left;
    margin-top: 20px;
}

.title-tier-1::after {
    content: '';
    display: block;
    clear  : both;
}

.title-tier-1 span {
    color      : #fff;
    display    : block;
    line-height: 30px;
    float      : left;
    padding    : 0 10px;
    background : #000;
}

.title-tier-1 i {
    display      : block;
    float        : left;
    height       : 100%;
    border-left  : 20px solid #000;
    border-top   : 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.sponsor-content {
    margin-top: 30px;
    padding   : 0 50px;
}

.sponsor-item-title h6 {
    font-size  : 36px;
    font-weight: 400;
}

.sponsor-item-title i {
    display   : block;
    width     : 74px;
    border-top: 5px solid #0dafed;
    margin-top: 20px;
}

.sponsor-item-title span {
    color: #999;
}

.sponsor-lists {
    margin-top: 30px;
}

.sponsor-list::after {
    content: '';
    display: block;
    clear  : both;
}

.sponsor-list {
    margin-bottom: 50px;
}

.list-title {
    float : left;
    width : 200px;
    height: 52px;
}

.list-title i {
    display   : block;
    float     : left;
    width     : 6px;
    height    : 100%;
    background: #0dafed;
}

.list-title span {
    display    : block;
    float      : left;
    width      : 180px;
    background : #0dafed;
    padding    : 0 20px;
    color      : #fff;
    text-align : center;
    line-height: 52px;
    box-sizing : border-box;
    margin-left: 7px;
}

.list-content {
    float      : left;
    width      : 830px;
    margin-left: 10px;
}

.list-content p, .list-content li {
    font-size     : 20px;
    letter-spacing: 1px;
    line-height   : 30px;
}

.list-content span {
    display      : inline-block;
    padding      : 0 10px;
    line-height  : 44px;
    border-radius: 22px;
    color        : #fff;
    font-size    : 20px;
    background   : linear-gradient(90deg, #2d3d78, #a9384a);
    margin-top   : 10px;
}

.sponsor-content .sponsor-item .background-purple {
    background  : #6b53cf;
    border-color: #6b53cf;
}
.list-content img {
    width     : 100%;
    margin-top: 50px;
}

.content {
    width : 1200px;
    margin: 0 auto;
}

.contact_title {
    height         : 53px;
    width          : auto;
    background     : url(../images/title_bj.png)center no-repeat;
    background-size: 100%;
    display        : inline-block;
    color          : #fff;
    padding        : 0 15px 0 10px;
    line-height    : 53px;
    margin-bottom  : 50px;
}

.contact_box {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    margin-bottom  : 70px;
    margin-top: 50px;
}

.contact_item {
    height       : 152px;
    width        : 256px;
    background   : #7290d8;
    border-radius: 20px;
}

.contact_item .item_p1 {
    color      : #fff;
    text-align : left;
    line-height: 76px;
    text-indent: 10px;
    font-size  : 27px;
}

.contact_item .item_p2 {
    color     : #fff;
    text-align: center;
    font-size : 27px;
}

.sponsoringActivity_null {
    height         : 355px;
    width          : 831px;
    margin         : 0 auto;
    background     : url(../images/qd.png)center no-repeat;
    background-size: 100%;
    margin-top: 50px;
}

.line_p1 {
    font-size     : 36px;
    letter-spacing: 1px;
    line-height   : 30px;
    color         : #000;
    font-weight   : 500;
}

.line_p2 {
    color      : #c2c1c9;
    height     : 13px;
    line-height: 7px;
}

.line {
    display      : block;
    height       : 5px;
    width        : 73px;
    background   : #78bd64;
    border-radius: 2px;
}

.go_er_img img {
    width : 510px;
    height: 413px;
}

.go_er_img {
    display        : flex;
    align-items    : center;
    justify-content: space-around;
    padding        : 20px 0
}

.go_line_wz {
    font-size     : 20px;
    color         : #575c6f;
    line-height   : 60px;
    letter-spacing: 1px;
    margin-bottom : 10px;
}

.line_purple {
    background   : #9568bb;
    display      : block;
    height       : 5px;
    width        : 73px;
    border-radius: 2px;
}

.go_er_img_city {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.go_er_img_city img {
    height: 226;
    width : 322px;
}

.go_er_img {
    margin-bottom: 70px;
}

.go_er_img_match {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    flex-wrap      : wrap;
}

.go_er_img_match div {
    display       : flex;
    align-items   : center;
    flex-direction: column;
    line-height   : 80px;
}

.go_er_img_match img {
    width : 459px;
    height: 297px;
}
.go_er_center {
    margin-top: 50px;
}