* { 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; }