ul,li,dt,dd{list-style:none; list-style-type:none;}
.clear{ clear:both;}

.pc{ display:block;}
.phone{ display:none;}

.bg-color{ position:relative;}

.image{width: 100%;height:100%;position:relative; overflow:hidden;}
.image .img{width: 100%; height:100%;position: absolute; left:0; top:0;background-size: cover;background-position: center;transform: scale(1);-webkit-transition: transform .3s linear; transition: transform .3s linear;}
.image .img:hover{transform: scale(1.1);-webkit-transition: transform .3s linear; transition: transform .3s linear;}

.icon-down::before {
    content: "";
}

.sidebar-1-0 .menu>.menu-item>a{ max-width:calc(100% - 40px);}

/*手机导航*/

@media (max-width: 991px) {
    .header-1-0 .menu {background-image: linear-gradient(271deg, #7c0378, #bf165e, #e47000);}
	.header-1-0 .menu>.menu-item{border-bottom:none;}
	.header-1-0 .menu .menu-child .menu-child-ul{background-color:#FFF;box-shadow:none;}
	.header-1-0 .menu .menu-child .menu-child-ul>.menu-item>span, .header-1-0 .menu .menu-child .menu-child-ul>.menu-item>a { border-top: #EEE 1px solid;}
	.header-1-0 .menu .phonemenus{width:100%; background:#FFF; min-height:50vh;}
	.header-1-0 .menu .menubottom{background-image: url(../images/navbar-main-footer-mob.svg), linear-gradient(271deg, #7c0378, #bf165e, #e47000);height:50px; width:100%;background-position: bottom;background-repeat: no-repeat;background-size: 100% auto;margin-top:-1px;}
	.header-1-0 .phonemenus .dropdown a{color:#000;}
	.header-1-0 .phonemenus .dropdown a i{color:#b12c63;}
	.header-1-0 .dropdown .dropdown-menu>li>a, .header-1-0 .dropdown .dropdown-menu>li>span { border-top: #EEE 1px solid;}
	.header-1-0 .dropdown .dropdown-menu{ background:#F7F7F7;}
	.header-1-0 .dropdown.open{box-shadow:none;}
	.header-1-0 .phonemenus .menu-item{border-top: #EEE 1px solid; margin-top:-1px; background:#FFF;}
}

.full{ position:relative; width:100%; padding-bottom:10px;}
.full .full-image {width:100%; overflow:hidden;}
.full .full-image img{width:100%;object-fit: cover;transition: all .5s;transform: scale(1);}
.full .full-image:hover img{transition: all .5s;transform: scale(1.1);}
.full .title{text-shadow: 2px 2px 8px #000;font-weight:600; color:#FFF;font-size: 1.41176rem; position:absolute; left:0; bottom:0px;padding: 0 30px 30px; z-index:9;}

.photos{ width:100%; position:relative;}
.photos .list{width:33.3333333%; float:left;}
.photos .list .tab-list a {
    color: #767676;
    background-color: #eee;
    border-radius: 2px;
    margin-top: 16px;
    margin-right: 8px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    line-height: 26px;
    text-decoration: none;
    display: inline-block;
}
.photos .list .tab-list a:hover {color: #111;opacity: 1;background-color: #e1e1e1;}
.photos .list .photo-item{ margin-bottom:50px;}
.photos .list .photo-item img {
    object-fit: cover;
    width: 100%;
    min-height: 260px;
    max-height: 740px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .5);
}

.eventMore{float:right; text-align:right; margin-top:55px;}
.homeevents{ width:100%;}
.homeevents li{width:calc((100% - 210px)/3); margin-right:70px; margin-top:25px; margin-bottom:25px; float:left;}
.homeevents li:nth-child(3n){margin-right:0px;}
.homeevents li .date{font-size:24px; font-weight:bold;margin:0px;}
.homeevents li .time{ font-size:20px; text-align:left; color:#707070; margin-top:10px; margin-bottom:30px;}
.homeevents li h3{font-size:24px; font-weight:bold;background-image: linear-gradient(271deg,#7c0378,#bf165e,#e47000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height:30px;
	color: #c0165f;
    width: fit-content;}
	
.homeevents li h3:hover{background-image: linear-gradient(271deg,#c0165f,#c0165f,#c0165f);}
.homeevents li h3 a:hover{opacity:1;}
.homeevents li .tips{ width:100%;margin-top:30px;}
.homeevents li .tips a{ width:100%;font-size:20px;color:#707070; }
.homeevents li .tips a:hover{color: #c0165f;}

.events .title-3-0{ font-size:42px;}
.eventsearch{width:100%; background:#F6F6F6;padding:20px; margin-top:80px;}
.eventsearch li{ float:left; margin-right:20px; width:40%;}
.eventsearch li.searchbtn{ margin-right:0px; width:calc(20% - 40px);}
.eventsearch li input{width:calc(100% - 26px); border-radius:6px; border:#DDD 1px solid;padding:0 12px; line-height:36px; height:36px; background:#FFF;}
.eventsearch li select{width:100%; border-radius:5px; border:#CCC 1px solid;padding:0 12px; line-height:36px; height:36px; background:#FFF;}
.eventsearch li button{width:100%; line-height:38px; height:38px; border:none; text-align:center; border-radius:6px;background-image: linear-gradient(to right, #DF7433 0, #DA562B 35%, #CC103C 80%, #9F0D43 100%);color:#FFF;position: relative;z-index: 1; cursor:pointer;}
.eventsearch li button::before {
    background-image: linear-gradient(to right, #DA562B 0%, #CC103C 25%, #9F0D43 100%);
    content: '';
    inset: 0;
    opacity: 0;
    position: absolute;
    z-index: -1;
    transition: opacity 0.3s linear;
	border-radius:6px; 
}

.eventsearch li button:hover,
.eventsearch li button:focus {
    color: #fff;
}

.eventsearch li button:hover::before,
.eventsearch li button:focus::before {
    opacity: 1;
}

.eventsearch li.reset{width:100%; line-height:30px; text-align:right; margin-top:10px;}
.eventsearch li.reset a{ font-size:16px;}
.eventsearch li.reset a i{ font-size:18px;transform: rotate(-90deg);}

.eventlists{ width:100%; margin-top:50px;}
.eventlists li{ width:100%;}
.eventlists li p{ margin:0;line-height:2;}
.eventlists li .date{font-size:18px; font-weight:bold;}
.eventlists li .time{font-size:16px;text-align:left;margin-bottom: 10px;color: #707070;}
.eventlists li .category{font-size:16px; font-weight: 700;line-height: 26px;color: #707070;margin-bottom: 10px;text-transform: uppercase;}
.eventlists li .title{font-size:20px; font-weight:bold;background-image: linear-gradient(271deg,#7c0378,#bf165e,#e47000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height:30px;
	color: #c0165f;
    width: fit-content;
	line-height:1.5;
}
	
.eventlists li .title:hover{background-image: linear-gradient(271deg,#c0165f,#c0165f,#c0165f);}
.eventlists li .title a:hover{opacity:1;}
.eventlists li .address{ font-size:18px; font-weight:bold; margin-top:20px;}

.divider {
    background-image: linear-gradient(to right, #DB5C2C 0, #DB5C2C 20%, #DCDCDC 20%, #DCDCDC 100%);
    display: block;
    width: 100%;
    height: 1px;
    margin: 50px auto;
}

.eventbox{ float:right; padding:10px 20px; border:#DDD 1px solid; width:100%; border-radius:6px;}
.eventbox li{ margin:10px 0;}
.eventbox a{color:#000;}
.eventbox a:hover{color:#bf165e;}


.eventsdetail{width:100%;}
.eventsdetail .back{width:100%; height:60px;}
.eventsdetail .back a{opacity:.8; background:#5C636A;color:#FFF; float:left;padding:0 20px; line-height:36px; border-radius:6px; font-size:16px;}
.eventsdetail .back a:hover{opacity:1;}

.eventsdetail .posting {
    color: #cc103c;
    background-image: linear-gradient(to right, #df7433 0, #da562b 35%, #cc103c 80%, #9f0d43 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size:24px;
	font-weight:bold;
}
.eventsdetail .edetail{ border:#DDD 1px solid; border-radius:6px; margin-top:20px;text-align:left;}
.eventsdetail .edetail p{ margin:0; line-height:2; text-align:left;}
.eventsdetail .edetail .titlebox{ background:#F7F7F7;padding:10px; border-bottom:#DDD 1px solid;}
.eventsdetail .edetail .titlebox .title{ font-size:18px;font-weight:bold;}
.eventsdetail .edetail .titlebox .time{ font-size:16px;color:#bf165e; margin-top:5px;}
.eventsdetail .edetail .contentbox{width:100%; padding:20px;border-bottom:#DDD 1px solid;}
.eventsdetail .edetail .contentbox img{max-width:100%;}
.eventsdetail .edetail .contentbox p{ margin:10px 0;}

.eventsdetail .edetail .other{width:100%; padding:0 20px 20px 20px;}
.eventsdetail .edetail .other p.title{color:#bf165e; margin-top:20px; font-weight:bold;}
.eventsdetail .edetail .other .time{ width:100%;}
.eventsdetail .edetail .other .time li{ width:50%; float:left;}

.eventsdetail .edetail .other .ics{ margin-top:20px; height:30px;}
.eventsdetail .edetail .other .ics a{color:#FFF; background:#198754;opacity:.8; float:left; padding:0 10px; line-height:30px; font-size:16px; border-radius:3px;}

@media screen and (max-width: 767px) {
	.pc{ display:none;}
	.phone{ display:block;}
	
	.hero-1-0 .hero-media{ position:relative;}
	.hero-1-0 .hero-body{ position:absolute;bottom:0;}
	.hero-1-0 .hero-body .container {padding:0 15px;}
	.hero-1-0 .hero-body .title-2-0{ font-size:24px; padding:15px 0;}
}