#serviceData{width: 1200px;height: 730px;background: url(../images/dataBg.jpg) no-repeat;background-size: 1200px 730px; }
#serviceData .top{position: relative;margin-bottom: 20px;}
#serviceData .top h5{margin-top: 23px;text-align: center;height: 48px;line-height: 48px;font-size: 28px;color: #54f5f5;}
#serviceData .top .right{position: absolute;top: 0;right: 20px;}
#serviceData .top .time{height: 22px;line-height: 22px;color: white;background: url(../images/serviceData/timer_03.png) no-repeat left center;background-size: 22px;padding-left: 30px;margin-bottom: 10px;font-size: 16px;}
#serviceData .top .weather img{display: block;height: 40px;float: left;}
#serviceData .top .info{float: left;margin-left: 10px;color: white;line-height: 20px;font-size: 12px;}
.swiper-container{width: 1170px;height: 550px;margin: 0 auto;position: relative;}
.swiper-slide .title{height: 36px;line-height: 36px;text-align: center;font-size: 22px;color: #15cbcb;}
.swiper-container .swiper-slide,.swiper-container .swiper-wrapper{width: 1170px;height: 550px;position: relative;}
/* .swiper-container .swiper-slide{position: absolute;left: 0;top:0;overflow: hidden;} */
.swiper-button-prev{background: url(../images/serviceData/arrow.png) no-repeat -55px 0;width: 55px;height: 55px;position: absolute;top: 50%;transform: translateY(-50%);left:0;cursor: pointer;}
.swiper-button-next{background: url(../images/serviceData/arrow.png) no-repeat 0 0;width: 55px;height: 55px;position: absolute;top: 50%;transform: translateY(-50%);right: 0;cursor: pointer;}
/* 文化活动数据开始 */
.culturalActivity{width: 987px;margin: 45px auto 0;}
/* 活动总数 */
.culturalActivity .left{width: 248px;height: 295px;border: 1px solid #0298de;}
.culturalActivity #culturalNum{width: 238px;height: 40px;background: #003d78;margin: 5px auto 13px;font-size: 20px;}
.culturalActivity #culturalNum>p{height: 40px;line-height: 40px;color: white;margin-left: 10px;}
.culturalActivity #culturalNum>span{display: block;line-height: 40px;color: #fdd173;margin-right: 10px;font-size: 16px;}
.culturalActivity #unitNum{width: 215px;height: 197px;border: 1px solid #0290d2;padding: 4px 10px 0;margin: 0 auto;}
.culturalActivity #unitNum .top{height: 38px;line-height: 38px;border-bottom: 1px solid #0290d2;color: white;font-size: 14px;}
.culturalActivity #unitNum .top>span{display: block;margin-right: 10px;}
.culturalActivity #unitList{height: 148px;margin: 3px 5px 0;overflow: hidden;}
.culturalActivity #unitList li{height: 30px;line-height: 30px;font-size: 12px;}
.culturalActivity #unitList p{width: 65px;color: #00a0e9;}
.culturalActivity #unitList span{display: block;color: #00fff6;}
/* 活动类型占比 */
.culturalActivity .mid{width: 300px;height: 295px;border: 1px solid #0298de;position: relative;margin: 0 8px 0 12px;}
 .develop{width: 1065px;height: 81px;background: url(../images/serviceData/botBg_03.png);margin: 35px auto 0;background-size: 1065px 81px;}
 .develop .tit{height: 81px;line-height: 81px;color: #54f5f5;font-size: 24px;padding-left:45px;margin-right: 80px;}
 .develop .icons{width: 191px;height: 57px;background: url(../images/serviceData/develop_icon.png);margin: 13px 60px 0 0;}
 .develop .icons .num{height: 57px;line-height: 57px;font-size: 16px;color: #ffcc00;}
 .develop .icons p{height: 57px;line-height: 57px;font-size: 18px;color: #47e9ff;margin: 0 10px;}
 .develop .range{height: 81px;line-height: 81px;font-size: 22px;color: #47e9ff;}
 .develop .range .nums{margin-left: 25px;color: #ffcc00;font-size: 28px;}
 .develop .range .nums span{color: #47e9ff;font-size: 18px;vertical-align: middle;}
 /* 文化活动数据结束 */
.culturalActivity .right{width: 413px;height: 296px;}
.culturalActivity #PopulationData{width: 413px;height: 165px;margin-bottom: 10px;position: relative;background: url(../images/serviceData/activityBg_03.png) no-repeat;background-size: 413px 165px; }
.culturalActivity .mid::after{content: "";width: 8px;height: 8px;border-top: 1px solid #18e9f3;border-right: #18e9f3 1px solid;position: absolute;right: -1px;top:-1px;}
.culturalActivity .mid::before{content: "";width: 8px;height: 8px;border-bottom: 1px solid #18e9f3;border-left: #18e9f3 1px solid;position: absolute;left: -1px;bottom:-1px;}
.culturalActivity #visit{widows: 413px;height: 122px;background: url(../images/serviceData/activityBg_03.png) no-repeat;background-size: 413px 122px;}
.culturalActivity #visit .til{height: 30px;line-height: 30px;padding-top: 2px;font-size: 14px;color: white;padding-left: 12px;}
.culturalActivity #visit .cel{width: 189px;height: 82px;background: url(../images/serviceData/data_vist.png) no-repeat;margin: 0 8px;text-align: center;}
.culturalActivity #visit .cel .num{padding-top: 9px;height: 40px;line-height: 40px;color: #fff17a;font-size: 24px;}
.culturalActivity #visit .cel p{height: 30px;line-height: 30px;color: #4ac3ca;letter-spacing: 3px;font-size: 20px;}
/* 图书馆实时数据开始 */
.libRealTime{width: 1020px;margin: 5px auto 0;}
.libRealTime #circulate{height: 40px;overflow: hidden;margin-bottom: 29px;}
#circulate .lend_info{height: 36px;padding: 4px 0 0 30px;background: url(../images/serviceData/circulate.png) no-repeat left 12px;line-height: 36px;color: #ff941b;font-size: 24px;}
#circulate .lend .lend_num,#circulate .still .still_num{height: 40px;line-height: 40px;color: #54f5f5;font-size: 22px;margin-right: 5px;}
#circulate .lend .lend_num em,#circulate .still .still_num em{color: #999999;}
#circulate .lend .lend_num i,#circulate .still .still_num i{display: inline-block;width: 20px;height: 40px;background: #54f5f5;color: #323232;font-size: 28px;margin-right: 4px;text-align: center;position: relative;}
#circulate .lend .lend_num i::after,#circulate .still .still_num i::after{position: absolute;content: "";width: 20px;height: 1px;background: #323232;top:50%;left: 0;}
#circulate .lend,#circulate .still{margin-left: 18px;}
#circulate .lend .lend_cont,#circulate .still .still_cont{width: 260px;height: 20px;border: #106066 2px solid;overflow: hidden;margin-top: 10px;}
#circulate .lend .lend_cont i,#circulate .still .still_cont i{display: block;float: left;margin-left: 10px;height: 20px;line-height: 20px;color: #54f5f5;font-size: 24px;}
#circulate .lend .lend_cont .jq22,#circulate .still .still_cont .jq22{width: 230px;height: 20px;overflow: hidden;margin-left: 2px;position: relative;z-index: 100;}
#circulate .lend .lend_cont .jq22 a,#circulate .still .still_cont .jq22 a{line-height: 20px;color: #d8d5d5;font-size: 16px;display: inline-block;margin-right: 15px;}
.libRealTime .left,.libRealTime .right{width: 500px;height: 455px;background: url(../images/serviceData/libBg_01.png) no-repeat;}
.libRealTime .boor_info{width: 450px;height: 160px;margin-bottom: 65px;margin-left: 28px;position: relative;}
.libRealTime .boor_info .name{height: 20px;line-height: 20px;font-size: 18px;color: white;}
.libRealTime .boor_info .name i{display: inline-block;width: 22px;height: 20px;background: url(../images/serviceData/date.png) no-repeat;margin-right: 5px;vertical-align: bottom;background-size: 44px 20px;}
.libRealTime .borr_nums{margin-top: 35px;}
.libRealTime .boor_info .arrow{width: 34px;height: 27px;background: url(../images/serviceData/tb_jiantou4.png);background-size: 34px 27px;margin-bottom: 10px;}
.libRealTime .boor_info .nums{height: 30px;line-height: 30px;font-size: 20px;color: #f8bc38;font-weight: bold;}
.libRealTime .boor_info .borr_nums span{height: 22px;line-height: 22px;color: white;font-size: 12px;}
.libRealTime .boor_info .bot .canvas{width: 400px;height: 150px;position: absolute;bottom: 0;right: 0;}
.libRealTime .libs{margin-left: 20px;}
.libRealTime .ourLibrary{margin-top: 23px;height: 93px;;}
.libRealTime .libs .collBooks{height: 28px;}
.libRealTime .libs .collBooks i{display: inline-block;width: 28px;height: 28px;background: url(../images/serviceData/book.png) no-repeat;}
.libRealTime .libs .collBooks p{display: inline-block;padding-top: 10px;margin-left: 5px;height: 18px;line-height: 18px;font-size: 18px;color: white;}
.libRealTime .libs .amount{margin-left: 158px;}
.libRealTime .ourLibrary .amount i{display: inline-block;width: 33px;height: 27px;background: url(../images/serviceData/tb_jiantou4.png);background-size: 33px 27px;}
.libRealTime .ourLibrary .amount p{display: inline-block;height: 64px;line-height: 64px;margin-left: 15px;font-size: 46px;color: #f8bc38;font-weight: bold;}
.libRealTime .ourLibrary .amount em{height: 33px;line-height: 33px;display: inline-block;padding-top: 31px;margin-left: 15px;font-size: 16px;color: white;}
#libsBra{width: 455px;height: 301px;background: rgba(35, 45, 76, 0.5);border-radius: 5px;margin-top: 9px;padding-top: 4px;-webkit-box-sizing: border-box;box-sizing: border-box;}
#libsBra li{height: 31px;line-height: 31px;width: 120px;margin: 0 15px;float: left;}
#libsBra li p{font-size: 12px;color: #fafafa;}
#libsBra li span{font-size: 14px;color: #f8bc38;}
/* 图书馆实时数据结束 */
/* 图书馆排行开始 */
.libsRank{width: 1020px;margin: 5px auto 0;}
.libsRank .left{width: 466px;height: 402px;background: url(../images/serviceData/libBg_01.png) no-repeat;background-size: 466px 402px;margin-left: 10px;}
.libsRank .right{width: 504px;height: 402px;background: url(../images/serviceData/libBg_01.png) no-repeat;background-size: 504px 402px;margin-right: 10px;}
#hotBooks{margin-left: 25px;padding-top: 18px;}
#hotBooks .til{height: 28px;line-height: 28px;font-size: 22px;color: #f3b837;margin-bottom: 30px;}
#hotBooks .til i{display: inline-block;width: 21px;height: 28px;background: url(../images/serviceData/libs.png) no-repeat 0 -43px;vertical-align: bottom;margin-right: 8px;}
#hotBooksList{margin-left: 5px;}
#hotBooksList .hotLeft{width: 195px;overflow: hidden;}
#hotBooksList .hotRinght{width: 205px;overflow: hidden;margin-right: 15px;}
#hotBooksList i{display: block;float: left;margin-right: 5px;background-image: url(../images/serviceData/libs.png);background-repeat: no-repeat;text-align: center;font-size: 12px;}
#hotBooksList .hotRinght i{display: block;float: left;width: 17px;height: 17px;background-position: -34px 0px;line-height: 17px;color: #191f33;}
#hotBooksList .hotLeft li{margin-bottom: 30px;}
#hotBooksList .hotLeft i{width: 21px;height: 21px;line-height: 21px;background-position:-21px -47px;}
#hotBooksList .hotLeft li:first-of-type i{width: 21px;height: 26px;background-position: 0px -17px;}
#hotBooksList .hotLeft img{width: 45px;height: 65px;display: block;float: left;margin-right: 7px;}
#hotBooksList .hotLeft p{height: 23px;line-height: 23px;width: 110px;color: white;font-size: 14px;float: left;}
#hotBooksList .hotLeft p:first-of-type{margin-top: 3px;}
#hotBooksList .hotLeft span{height: 20px;display: block;float: left;line-height: 20px;color: #f3b837;font-size: 12px;}#hotBooksList .hotRinght li{height: 17px;line-height: 17px;color: white;margin-bottom: 15px;font-size: 14px;}
#hotBooksList .hotRinght li p{width: 135px;}
#hotBooksList .hotRinght li span{color: #f3b837;}
.libsRank .right>div{width: 230px;padding-top: 18px;}
#monthly{margin-left: 17px;}
#yearly{margin-right: 23px;}
#yearly .til,#monthly .til{height: 32px;line-height: 32px;font-size: 22px;}
#yearly .til i,#monthly .til i{width: 32px;height: 30px;background: url(../images/serviceData/libs.png) no-repeat -21px -17px;display: inline-block;vertical-align: middle;margin-right: 8px}
#monthly .til{color: #6ab551;}
#yearly .til{color: #647fc0;}
#yearly .til i{background-position: -53px -21px;}
.libsRank .right .list{margin-left: 12px;margin-top: 20px;}
.libsRank .right .list li{margin-bottom: 14px;font-size: 14px;}
.libsRank .right .list i{display: block;background: url(../images/serviceData/libs.png) no-repeat -34px 0;margin-right: 8px;width: 17px;height: 17px;text-align: center;line-height: 17px;font-size: 10px;vertical-align: top;color: #191f33;}
.libsRank .right .list p{width: 135px;color: white;height: 17px;line-height: 17px;}
.libsRank #monthly li:nth-of-type(-n+3) i{background-position: 0 0;}
.libsRank #yearly li:nth-of-type(-n+3) i{background-position: -17px 0;}
.libsRank #monthly li:nth-of-type(1) i{height: 21px;background-position:  -68px 0;}
.libsRank #yearly li:nth-of-type(1) i{height: 21px;background-position:  -51px 0;}
.libsRank #monthly span{color: #6ab551;height: 17px;line-height: 17px;}
.libsRank #yearly span{color: #5d77b4;height: 17px;line-height: 17px;}
.libsRank .libs_bot{height: 100px;background:url(../images/serviceData/botBg_03.png) no-repeat;width: 1000px;margin: 20px auto 0;background-size: 100% 100px;}
#yearReaders{width: 970px;margin-left: 25px;overflow: hidden;font-size: 14px;}
#yearReaders .only{width: 182px;margin-right: 45px;height: 100px;}
#yearReaders .only .readers{height: 38px;padding-top: 4px;line-height: 38px;color: white;font-weight: bold;font-size: 20px;border-bottom: 1px solid #57ecff;width: 182px;}
#yearReaders .only .readers i{width:20px;height: 20px;background:url(../images/serviceData/libs.png) no-repeat -42px -51px;display: inline-block;margin-right: 8px;margin-top: 9px;}
#yearReaders .only .one{margin-top: 24px;}
#yearReaders .only .one p{width: 125px;margin-right: 13px;height: 17px;line-height: 17px;font-size: 14px;color: white;position: relative;}
#yearReaders .only .one p::after,#yearReaders .reader_list p::after{background: -webkit-gradient(linear, left top, right top, from(transparent) , to(#e14989));background: -webkit-linear-gradient(left, transparent , #e14989);background: -o-linear-gradient(left, transparent , #e14989);background: linear-gradient(left, transparent , #e14989);content: "";width: 50px;height: 14px;position: absolute;right: 0;top: 2px;}
#yearReaders .only .one span{display: block;color: #bb59aa;}
#yearReaders .reader_list{margin-top: 9px;}
#yearReaders .reader_list li{width: 182px;margin-right: 45px;height: 26px;line-height: 26px;}
#yearReaders .reader_list p{width: 125px;margin-right: 13px;color: white;position: relative;}
#yearReaders .reader_list span{color: #bb59aa;}
/* 图书馆排行结束 */
/* 旅游景点实时数据开始 */
.scenicSpot{width: 1020px;margin: 0 auto;}
.scenicSpot .spot{width: 764px;height: 255px;background: url(../images/serviceData/libBg_01.png) no-repeat;background-size: 764px 255px;position: relative;padding-top: 23px;box-sizing: border-box;}
.scenicSpot .visitor{width: 237px;height: 255px;background: url(../images/serviceData/libBg_01.png) no-repeat;background-size: 237px 255px;position: relative;padding-top: 23px;box-sizing: border-box;}
.scenicSpot .week{width: 608px;height: 255px;background: url(../images/serviceData/libBg_01.png) no-repeat;background-size: 608px 255px;position: relative;padding-top: 19px;box-sizing: border-box;}
.scenicSpot .hotel{width: 390px;height: 255px;background: url(../images/serviceData/libBg_01.png) no-repeat;background-size: 390px 255px;position: relative;padding-top: 19px;box-sizing: border-box;}
.scenicSpot .til{height: 23px;line-height: 23px;margin-left: 20px;padding-left: 28px;background: url(../images/serviceData/arrows_03.png) no-repeat left center;color: white;}
.scenicSpot .spot #spotFlow{width: 766px;height: 230px;position: absolute;left: 0;bottom: 0;}
.scenicSpot .spot .nums{height: 30px;line-height: 30px;font-size: 12px;color: #adbcd0;margin-right: 50px;}
.scenicSpot .spot .nums span{color: #96ff52;font-size: 18px;}
.scenicSpot .visitor #touristSex{width: 237px;height: 199px;position: absolute;left: 4px;bottom: 5px;background: url(../images/serviceData/touristSex.png) no-repeat center;background-size: 237px 199px;}
.scenicSpot .visitor #touristSex p{height: 22px;line-height: 22px;text-align: center;padding-top: 49px;font-size: 14px;color: white;font-weight: bold;margin-left: -5px;}
.scenicSpot .visitor #touristSex .nums{height: 32px;line-height: 32px;font-size: 30px;color: #00ffd4;font-weight: bold;text-shadow: 0 0 10px rgba(0, 168, 255, 0.4);text-align: center;margin-left: -5px;}
.scenicSpot .hotel #hotelPeople{width: 324px;height: 218px;position: absolute;bottom: 0;left: 29px;background: url(../images/serviceData/hotel.png) no-repeat center;}
.scenicSpot .hotel #hotelPeople p{height: 55px;line-height: 55px;font-size: 45px;font-weight: bold;color: #62fede;padding-top: 113px;text-align: center;text-shadow: 0 0 15px rgba(0, 168, 255, 0.4);}
.scenicSpot .week #sevenDay{width: 608px;height: 230px;position: absolute;bottom: 0;left: 0;}
/* 旅游景点实时数据结束 */
.fotter{height: 68px;width: 1170px;background: url(../images/serviceData/date_bot_03.png);background-size: 1170px 68px;margin: 15px auto 0;}
.fotter>div{margin-top: 16px;height: 36px;}
.fotter #culAct{margin-left: 13px;}
.fotter .til{line-height: 36px;font-size: 18px;margin-right: 10px;}
.fotter #culAct .til{color: #54f5f5;}
.fotter i{width: 18px;height: 36px;display:block;line-height: 36px;background: #15cbcb;text-align: center;color: #323232;margin-right: 3px;position: relative;float: left;}
.fotter i::after{width: 18px;height: 2px;background: #323232;position: absolute;left: 0;top: 50%;margin-top: -1px;content: "";}
.fotter #libsPren {margin-left: 100px;}
.fotter #libsPren .til{color: #3d87ff;}
.fotter #libsPren i{background: #3d87ff;color: white;}
.fotter #feature{margin-right: 30px;}
.fotter #feature .til{color: #96ff52;}
.fotter #feature i{color: #d9e2d4;background: rgba(150,255,82,0.2);}
.fotter .icon{width: 13px;height: 31px;background: url(../images/serviceData/people.png) no-repeat ;margin-left: 5px;margin-top: 4px;}
.fotter #libsPren .icon{background-position: -13px 0;}
.fotter #feature .icon{background-position: -26px 0;}