.chanYuTabCoantainer { background:white; } .chanYuTab a.item.active { background: #ab05f2; } .city_life .top { } .city_life .top > .content { font-size: 14px; font-family: 微软雅黑; font-weight: 400; color: rgba(74,74,74,1); line-height: 24px; padding: 23px 40px 10px 40px; } .city_life .top .middle { height: 266px; background: rgba(255,255,255,1); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1); } .city_life .top .middle .left { display: inline-block; width: 400px; margin: 53px 0px 40px 44px; } .city_life .top .middle .left .title_en { color: #9b9b9b; font-family: "DINCondensed-Bold"; font-size: 48px; font-weight: 700; line-height: 52px; text-transform: uppercase; } .city_life .top .middle .left .title_cn { color: #4a4a4a; font-family: "微软雅黑"; font-size: 18px; font-weight: 600; line-height: 4px; } .city_life .top .middle .left .content { font-size: 14px; font-family: 微软雅黑; font-weight: 400; color: rgba(74,74,74,1); line-height: 24px; margin-top: 30px; } .city_life .top .middle .logo { display: inline-block; float: right; } .city_life .top .middle .video { display: inline-block; float: right; margin: 17px 17px 17px 0; position: relative; width: 551px; height: 230px; position: relative; } .city_life .top .middle .video img { width: 100%; height: 100%; } .city_life .top .middle .video .btn_play { width: 53px; height: 53px; position: absolute; left: 249px; top: 87px; } .city_life .top .middle .logo { display: inline-block; width: 102px; height: 147px; margin-right: 8px; margin-top: 107px; background: url("../img/culture/bg_flower.png"); background-size: 102px 147px; } .city_life .top .bottom { box-sizing: border-box; padding: 23px 57px 0 57px; position: relative; } .city_life .top .bottom > div { display: inline-block; width: 469px; background: #fff; vertical-align: top; margin-bottom: 6px; } .city_life .top .bottom .part1, .city_life .top .bottom .part2, .city_life .top .bottom .part3, .city_life .top .bottom .part4 { margin-top: 13px; height: 83px;; background: white; } .city_life .top .bottom .left { font-size: 14px; font-family: 微软雅黑; font-weight: 600; color: rgba(255,255,255,1); line-height: 83px;; text-align: center; vertical-align: top; } .city_life .top .bottom .right { font-size: 14px; font-family: 微软雅黑; font-weight: 400; color: rgba(74,74,74,1); line-height: 24px; display: table-cell; width: 336px; height: 83px; padding-left: 20px; vertical-align: middle; } .city_life .top .bottom .part4 { width: 544px; } .city_life .top .bottom .left { float: left; width: 91px; height: 83px; background-color: #f6ab00; line-height: 83px;; background-position: center center; background-repeat:no-repeat; } .city_life .top .bottom .part1 .left { background-image:url(../../../culture/images/live/icons/education.png); } .city_life .top .bottom .part2 .left { background-image:url(../../../culture/images/live/icons/live.png); } .city_life .top .bottom .part3 .left { background-image:url(../../../culture/images/live/icons/play.png); } .city_life .top .bottom .part4 .left { background-image:url(../../../culture/images/live/icons/traffic.png); } .city_life .top .bottom .part5 { background: none; width: 544px; } .city_life .top .bottom .part5 .content { background: rgba(255,255,255,1); border: 1px solid rgba(151,151,151,1); width: 454px; float: right; padding: 6px 14px 0 19px; box-sizing: border-box; } .city_life .top .bottom .part5 .content .line { border-bottom: 1px dotted #777; padding-top: 14px; padding-bottom: 15px; font-size: 12px; font-family: 微软雅黑; font-weight: 400; color: rgba(74,74,74,1); line-height: 24px; position: relative; } .city_life .top .bottom .part5 .content .line:last-child { border-bottom: none; } .city_life .top .bottom .part5 .title { width: 77px; height: 24px; line-height: 24px; text-align: center; background: url("../../images/culture/arrow.png"); background-size: 77px 24px; font-size: 14px; font-family: 微软雅黑; font-weight: 400; color: rgba(255,255,255,1); position: absolute; left: -82px; } .city_life .top .bottom .part5 .title:nth-child(1) { } .city_life .top .bottom .part5 .title:nth-child(2) { } .city_life .top .bottom .part5 .title:nth-child(3) { } .city_life1 { height: 537px; /*background: linear-gradient(180deg,rgba(218,204,222,1) 0%,rgba(253,248,255,1) 100%);*/; padding-top: 17px; /*margin-bottom: -30px;*/ } .city_life1 .title_en { text-align:center; color: #004660; font-family: "DINCondensed-Bold"; font-size: 24px; font-weight: 700; line-height: 26px; } .city_life1 .title_cn { text-align:center; color: #4a4a4a; font-family: "微软雅黑"; font-size: 18px; font-weight: 600; line-height: 16px; } .city_life1 .shows { margin-top: 25px; } .city_life1 .left, .city_life1 .right { display: inline-block; width: 576px; height: 433px; background-color: #fff; box-sizing: border-box; padding: 14px 12px 12px 12px; } .city_life1 .left { display: inline-block; width: 576px; height: 440px; float: left; position: relative; } .city_life1 .right { display: inline-block; width: 576px; height: 440px; float: right; } .city_life1 .images { width: 551px; height: 260px; } .city_life1 .row { position: relative; border: solid 1px #979797; } .city_life1 .row .images img.active { display: block; } .city_life1 .row .images img { width: 551px; height: 260px; display: none; } .city_life1 .row .content { margin-top: 13px; margin-top: 15px; margin-left:5px; margin-right:5px; } .city_life1 .left .content { /*width: 365px;*/ } .city_life1 .row .content .title { font-size: 18px; font-family: 微软雅黑; font-weight: 600; color: rgba(74,74,74,1); line-height: 25px; } .city_life1 .row .content .text { font-size: 14px; font-family: 微软雅黑; font-weight: 400; color: rgba(74,74,74,1); line-height: 24px; margin-top: 15px; } .city_life1 .row .arrow_left { width: 44px; height: 44px; position: absolute; left: 20px; top: 108px; background: url(../../images/icon_arrow_l.png); background-size: 44px 44px; } .city_life1 .row .arrow_right { width: 44px; height: 44px; position: absolute; right: 20px; top: 108px; background: url(../../images/icon_arrow_r.png); background-size: 44px 44px; } .city_life1 .row .arrow_left:hover { background: url(../../images/icon_arrow_l_active.png); background-size: 44px 44px; cursor: pointer; } .city_life1 .row .arrow_right:hover { background: url(../../images/icon_arrow_r_active.png); background-size: 44px 44px; cursor: pointer; } .city_life1 .left .contact { position: absolute; right: 12px; top: 273px; width: 173px; height: 139px; box-sizing: border-box; background: url("../img/culture/bg_tel.png"); background-size: 173px 139px; color: #fff; font-size: 18px; font-family: 微软雅黑; font-weight: 400; color: rgba(255,255,255,1); line-height: 24px; padding-left: 12px; padding-top: 23px; } .city_life1 .left .contact .logo { width: 33px; height: 33px; background-repeat: no-repeat; background: url("../img/culture/icon_tel.png"); background-size: 33px 33px; } .city_life1 .left .contact .text { margin-top: 12px; } .video .mask { width: 100%; height: 100%; left: 0; top: 0; position: absolute; background: rgba(0,0,0,0.6); } .video:hover .mask { display: block; background:rgba(0, 70, 96, 0.9); } .video .btn_play { vertical-align: middle; line-height: 100%; }