@charset "utf-8";
/* CSS Document */
body {background:#fff url("http://www.huangpu.org.cn/images/topics_2022_fjxzc_bg_page.png") center bottom no-repeat;background-size:100% auto;}
.zone-desc {margin:0 auto;}
.zone-desc .format {display:table;font-size:0.22rem;line-height:1.63em;font-weight:bold;overflow:hidden;}
/* header_begin */
.header {height:5.53rem;text-indent:-200%;background:url("http://www.huangpu.org.cn/images/topics_2022_fjxzc_banner.png") center center no-repeat;background-size:auto 100%;overflow:hidden;}
/* header_end */
/* nav_begin */
.nav {background:#5c151a;overflow:hidden;}
.nav.hide {position:fixed;left:0;top:0;width:100%;z-index:2147483621;}
.nav.hide+* {margin-top:0.88rem;}
.nav .wrap {width:1200px;padding:0;}
.nav .list {font-size:0;text-align:center;}
.nav .list-item {display:inline-block;font-size:0.3rem;line-height:2.27em;font-weight:bold;}
.nav .list-item a {padding:0 0.15rem;color:#fff;}
/* nav_end */
/* main_begin */
.main {margin-bottom:2.62rem;}
@media screen and (min-width:1025px){
.main .list-item:hover a {color:#5c151a;}
}
.part2 {margin-top:0.3rem;padding:0.34rem 0 0.36rem;background:#f7f7f7;}
.part3 {margin-top:0.32rem;padding-top:0.32rem;background:#f7f7f7;}
.type1 {margin-top:0.2rem;padding:0 0.5rem 0 0.19rem;font-size:0;}
.type1 .imgs,.part1 .rSide{display:inline-block;vertical-align:middle;}
/* scroll_begin */
.type1 .imgs {position:relative;width:5.74rem;height:3.24rem;margin:0 auto;overflow:hidden;}
.type1 .imgs #list {position:relative;width:100%;height:100%;padding-top:0;}
.type1 .imgs #list li {position:absolute;opacity:0;width:100%;height:100%;z-index:-1;transition:opacity 0.3s ease 0s;}
.type1 .imgs #list img {width:100%;height:100%;}
.type1 .imgs #list .startNext,.type1 .imgs #list .startPre {opacity:1;z-index:1;}
/*optional components_begin*/
.type1 .imgs .list-index {position:absolute;right:0.3rem;bottom:0.13rem;width:auto;height:7px;line-height:7px;overflow:hidden;z-index:2147483610;}
.type1 .imgs .list-index li {display:inline-block;vertical-align:top;width:7px;height:7px;margin:0 5.5px;border-radius:50%;line-height:7px;text-indent:-10em;cursor:pointer;background:rgba(0,0,0,0.35);transition:color 0.3s ease 0s,background-color 0.3s ease 0s;overflow:hidden;}
.type1 .imgs .list-index li.on {color:#4c4c4c;background:rgba(251,251,251,0.5);}
/*optional components_end*/
/* content_begin */
.type1 .imgs .list-item,.type1 .imgs a {color:#fff;}
.type1 .imgs .list-item-title a {max-height:4.7em;color:#fff;}
.type1 .imgs .list-item>a {max-height:none;width:100%;height:100%;}
.type1 .pic-title {position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,0.5),transparent);}
.type1 .pic-title a {max-height:4.7em;border:1px solid transparent;border-width:0.25rem 0.2rem 0.19rem;font-size:0.2rem;line-height:2.35em;font-weight:bold;color:#fff;overflow:hidden;}
/* content_end */
/* btns_begin */
.type1 .imgs #preBtn,.type1 .imgs #nextBtn {position:absolute;left:0.2rem;top:50%;width:0.25rem;height:0.25rem;margin-top:-0.125rem;cursor:pointer;background:url("http://www.huangpu.org.cn/images/topics_2022_fjxzc_bg_btns.png") left center no-repeat;background-size:auto 0.25rem;z-index:2147483610;overflow:hidden;}
.type1 .imgs #nextBtn {left:auto;right:0.2rem;background-position:right center;}
/* btns_end */
/* scroll_end */
.type1 .rSide {width:5.23rem;margin-left:0.34rem;font-size:0.22rem;line-height:2.27em;}
.type1 .rSide .list {margin-top:0.09rem;}
.type1 .rSide .list-item a {max-height:2.27em;overflow:hidden;}
.type2 {float:left;width:5.64rem;margin:0 0.18rem;}
.type2 .list {margin-top:0.12rem;}
.type2 .list-item a {font-size:0.22rem;line-height:2.27em;}
.type3 .zone-desc {margin-left:0.18rem;}
.type3 .list {margin-top:0.12rem;}
.type3 .list-item {float:left;width:2.96rem;}
.type3 .list-item img {width:2.96rem;height:1.67rem;}
.type3 .list-item-title a {max-height:3em;border:1px solid transparent;border-width:0.055rem 0 0.105rem;font-size:0.22rem;line-height:1.5em;}
@media screen and (min-width:1025px){
.type3 .list-item:nth-of-type(n+2) {margin-left:0.05rem;}
}
/* main_end */
/* //////////////////////////////////////////////////////////// */
@media screen and (max-width:1199px){
.wrap,.nav .wrap {width:auto;}
}
@media screen and (max-width:1024px){
/* .header {height:2.928rem;} */
.nav {position:relative;height:0.6rem;}
.nav:before,.nav:after {position:absolute;left:0;top:0;content:"";display:block;width:2em;height:100%;background:linear-gradient(to right,#5c151a,transparent);}
.nav:after {left:auto;right:0;background:linear-gradient(to left,#5c151a,transparent);}
.nav .list {padding-bottom:999px;white-space:nowrap;overflow-x:auto;}
}
@media screen and (max-width:768px){
.zone-desc .format {font-size:20px;}
.header {height:3rem;}
.nav {height:40px;}
.nav .list-item {font-size:20px;line-height:2em;}
/* main_begin */
.type1 {padding:0;}
.type1 .imgs,.type1 .rSide {display:block;margin:0 auto;}
.type1 .rSide {width:auto;margin-top:0.2rem;padding:0 0.18rem;font-size:20px;}
.type2 {float:none;width:auto;}
.type2:nth-of-type(n+2) {margin-top:0.2rem;}
.type2 .list-item a {font-size:20px;}
.type3 .list-item {margin:0.15rem 0.3rem 0;}
.type3 .list-item:nth-of-type(odd) {clear:left;}
.type3 .list-item-title a {font-size:20px;}
.part3 {padding:0.32rem 0.18rem 0;}
/* main_end */
}
@media screen and (max-width:480px){
/* header_begin */
.header {height:2rem;}
/* header_end */
/* main_begin */
.main {margin-bottom:1rem;}
.zone-desc .format,.type1 .pic-title a,.type1 .rSide,.type2 .list-item a,.type3 .list-item-title a {font-size:16px;}
.type1 .imgs .list-item-title a {max-height:3em;line-height:1.5em;}
.type1 .imgs {width:4.6rem;height:2.59rem;}
.type1 .imgs .list-index {bottom:0.1rem;}
.type3 .list-item {float:none;margin:0.15rem auto 0;}
/* main_end */
}