.m-banner{display:none}

.banner{width:100%;height:460px;background-color:#194186;background-image:url(../images/about_tourists_banner.jpg);position:relative;background-size:cover;background-repeat:no-repeat;background-position:top center}

.banner img{width:100%;position:absolute;left:0;bottom:-1px}

.banner .bannerBox{width:1280px;margin:0 auto;padding-top:197px}

.banner .bannerBox .category{font-size:18px;color:#ffc000;font-weight:bold;line-height:18px}

.banner .bannerBox .h1{margin-top:24px;font-size:40px;color:white;font-weight:bold;line-height:40px}




.calendar{width:1280px;height:409px;margin:0 auto;margin-top:107px;background-color:#1a6ed4;border-radius:14px}

.calendar .left{float:left;width:439px;height:173px;margin-left:68px;margin-top:82px}
.calendar .left .time{float:left}
.calendar .left .time b{font-family:'Arial';font-size:64px;line-height:64px;color:white}
.calendar .left .time span{font-family:'Arial';font-size:18px;line-height:18px;color:white;margin-left:6px}
.calendar .left .week{float:right}

.calendar .left .week ul li{float:left;font-size:16px;line-height:16px;color:white;padding:0 10px;margin-top:62px;border-left:solid 1px white}
.calendar .left .week ul li:first-child{border:0}
.calendar .left .line{width:100%;height:2px;background-color:white;margin-top:26px}

.calendar .left .p{font-size:16px;line-height:26px;margin-top:26px;color:white}



.calendar .content{margin-top:53px;float:right;margin-right:170px}



#schedule-box{width:448px;margin:0 auto;font-size:18px;color:white}

.schedule-hd{display:flex;justify-content:space-between;position:relative}

.today{flex:1;text-align:center}

.ul-box{overflow:hidden;font-size:14px}

.ul-box>li{float:left;width:38px;text-align:center;margin:0 13px;font-size:18px;font-family:'Arial'}

.week-ul li{font-size:14px;margin-bottom:14px;font-family:'Microsoft YaHei'}

.other-month{color:#7ca2e2}

.disabled{pointer-events:none;color:#7ca2e2}

.current-month{color:white}
.current-month:hover .dayStyle{background-color:rgba(255,255,255,0.2);color:#fff}
.current-month:hover .disabled{background-color:rgba(255,255,255,0);color:#7ca2e2}

.today-style{border-radius:50%;background-color:#58d321}

.schedule-hd .arrow{cursor:pointer;position:absolute;top:140px;width:46px;height:46px;border-radius:50%;background-color:white}
.schedule-hd .arrow:hover{background-color:#e4e993;color:#0d386b}
.content .fa-chevron-left:hover::before{color:#0d386b}
.content .fa-chevron-right:hover::before{color:#0d386b}
.content .arrow-right{right:-74px}

.content .arrow-left{left:-74px}
.content .fa-chevron-left:before{color:#2a78d7;line-height:46px;margin-left:16px}
.content .fa-chevron-right:before{color:#2a78d7;line-height:46px;margin-left:16px}


.dayStyle{display:inline-block;width:38px;height:38px;border-radius:50%;text-align:center;line-height:38px;cursor:pointer}



.ul-box .current-month .today-flag{background-color:#e4e993;color:#0d386b}



.selected-style{background-color:#ffba5a;color:#ffffff}

.active-style{background-color:rgba(255,255,255,0.2);color:#fff}


.today{text-align:center;color:#e4e993;margin-bottom:27px;font-weight:bold;cursor:pointer;font-size:20px}










.business-hours{width:1280px;margin:0 auto;margin-top:84px}
.business-hours ul::after{content:'';width:0;height:0;display:block;float:none;clear:both}
.business-hours ul li{width:calc(33.333% - 35.333px);margin-left:53px;float:left;box-shadow:0px 0px 30px 0px rgba(0,0,0,0.1);height:454px;border-radius:18px;position:relative}
.business-hours ul li:first-child{margin-left:0}

.business-hours ul li .img{width:140px;height:110px;position:absolute;left:calc(50% - 70px);bottom:298px;overflow:hidden}
.business-hours ul li .img img{height:100%;position:absolute;left:-100px;right:-100px;margin:auto}
.business-hours ul li .title{margin-top:215px;font-size:20px;font-weight:bold;line-height:20px;color:#333;text-align:center}
.business-hours ul li .time{font-size:18px;line-height:18px;color:#333;text-align:center;margin-top:32px}
.business-hours ul li .time span{font-weight:bold}
.business-hours ul li .time span b{font-weight:bold;display:inline}
.business-hours ul li .line{text-align:center;margin-top:25px;height:20px}
.business-hours ul li .line span{width:101px;height:1px;background-color:#f2f2f2;display:inline-block;margin:6px}
.business-hours ul li .line i{font-size:20px;margin:0 13px;color:#8e0d96}

.business-hours ul li .season{margin-top:23px;font-size:16px;font-weight:bold;line-height:16px;color:#1a6ed4;text-align:center}
.business-hours ul li .p{margin-top:14px;font-size:16px;line-height:16px;color:#333;text-align:center}

.business-hours ul li .time .close{color:#d0d0d0}
.business-hours ul li .line i.close{color:#d0d0d0}




@media screen and (max-width:1024px){.banner{display:none}
 .m-banner{display:block;width:100%;height:66.66vw;background-color:#194186;background-image: url(../images/m_about_tourists_banner.jpg);position:relative;background-size:cover;background-repeat:no-repeat;background-position:top center;overflow:hidden}
 .m-banner img{width:1024px;position:absolute;left:calc(50% - 512px);bottom:0}
  
 .m-banner .bannerBox{width:90%;margin:0 auto;padding-top:calc(40% - 3rem)}
  
 .m-banner .bannerBox .category{font-size:1.6rem;color:#ffc000;font-weight:bold;line-height:1.6rem;text-align:center}
  
 .m-banner .bannerBox .h1{margin-top:2rem;font-size:2.4rem;color:white;font-weight:bold;line-height:2.4rem;text-align:center}
 .calendar{width:100%;height:auto;margin-top:-1rem;padding-bottom:6rem;position:relative;z-index:100}
  
 .calendar .left{float:none;width:90%;height:20rem;margin:0 auto;padding-top:5rem}
 .calendar .content{margin-top:5rem;float:none;margin-right:0}
 .schedule-hd .arrow{cursor:pointer;position:absolute;top:-0.7rem;width:4rem;height:4rem;border-radius:50%;background-color:white}
 .schedule-hd .arrow-right{right:7%}
 .content .fa-chevron-right:before{line-height:4rem;margin-left:1.6rem;font-size:14px}
 .schedule-hd .arrow-left{left:7%}
 .content .fa-chevron-left:before{line-height:4rem;margin-left:1.6rem;font-size:14px}
  #schedule-box{width:97%;margin:0 auto;font-size:18px;color:white}
 .ul-box>li{float:left;width:14.2%;text-align:center;/* margin-left:calc(11% - 5.7rem);margin-right:calc(11% - 5.7rem);*/
    margin:0;font-size:18px;font-family:'Arial'}
 .business-hours{width:90%;margin:0 auto;margin-top:3rem;margin-bottom:3rem}
 .business-hours ul li{width:100%;margin-left:0;height:454px;border-radius:18px;position:relative;margin-bottom:3rem}}