@charset "utf-8";
/* CSS Document */
.zone-desc {border-bottom:1px solid #decbaf;font-size:0;}
.zone-desc .format {position:relative;display:inline-block;width:0.97rem;height:0.23rem;border-bottom:0.1rem solid #f5f5f5;color:transparent;background:url("http://www.huangpu.org.cn/images/zone_desc_bgs_site2020.png") left -2.76rem;background-size:auto 6.21rem;}
.zone-desc .format:before {position:absolute;left:0;bottom:-0.11rem;content:"";display:block;width:100%;height:0.02rem;background:#6b3912;}
.zone-desc+* {margin-top:0.1rem;}
.type1 .zone-desc .format {background-position:left -4.37rem;}
.type2 .zone-desc .format {background-position:left -4.6rem;}
.type3 .zone-desc .format {background-position:left -4.83rem;}
.type4 .zone-desc .format {width:1.23rem;background-position:left -5.06rem;}
.type5 .zone-desc .format {width:2.23rem;background-position:left -5.29rem;}
.type6 .zone-desc .format {background-position:left -0.46rem;}
.type7 .zone-desc .format {background-position:left -2.07rem;}
/* types_begin */
.type1 .content {padding:0.28rem 0.17rem;;font-size:0.16rem;line-height:1.75em;background:#fff;}
.type1 .content a {max-height:5.25em;}
.type2 .list-item {float:left;}
.type2 .list-item:nth-of-type(n+2) {margin-left:0.1466rem;}
.type2 img {width:1.13rem;height:1.52rem;border:0.04rem solid #cdae7d;}
.type3 .list-item {float:left;margin-left:0.225rem;}
.type3 .list-item:nth-of-type(3n+1) {margin-left:0;}
.type3 .list-item:nth-of-type(n+4) {margin-top:0.13rem;}
.type3 img {width:1.61rem;height:0.91rem;}
.type4 .list,.type5 .list {border:0.01rem solid #dcbe9f;background:#fff;}
.type4 .list {padding:0.09rem 0.17rem 0.21rem;}
.type4 .list-item {float:left;margin-top:0.11rem;margin-left:0.07rem;}
.type4 .list-item:nth-of-type(9n+1) {margin-left:0;}
.type5 .list {padding:0.09rem 0.17rem 0.21rem;}
.type5 .list-item {font-size:0;margin-top:0.11rem;}
.type5 .list-item-title,.type5 .sub-list,.type5 .sub-list-item {display:inline-block;vertical-align:top;}
.type5 .list-item-title,.type5 .sub-list-item {font-size:0.16rem;line-height:1.5em;}
.type5 .sub-list {max-width:4.28rem;}
.type5 .sub-list-item {margin-right:0.38rem;}
.type6 .list {padding:0.19rem 0.21rem 0.2rem;background:#ddcaad;}
.type6 .list-item {float:left;}
.type6 .list-item:nth-of-type(even) {margin-left:0.12rem;}
.type6 img {width:1.66rem;height:3.32rem;}
.type7 {margin-top:0.48rem;}
.type7 .list {padding:0.09rem 0.21rem 0.31rem;border:0.01rem solid #dcbe9f;background:#fff;}
.type7 .list-item {float:left;margin:0.1rem 0.09rem 0;font-size:0.18rem;line-height:1.5em;}
.type7 .list-item a {color:#423e4c;}
.type8 {margin-top:0.31rem;}
.type8 img {width:3.86rem;height:0.96rem;}
.type8 .list-item:nth-of-type(n+2) {margin-top:0.11rem;}
/* types_end */
.main {margin-top:0.4rem;}
.main .wrap {background:none;}
.left-side,.middle,.right-side {float:left;}
.middle,.right-side {margin-left:0.5rem;}
.right-side {width:3.86rem;}
.middle .item {margin-top:0.39rem;}
.middle .item:nth-child(1) {margin-top:0;}
.bottom {position:relative;clear:both;border-top:0.38rem solid transparent;}
.left-side .list-item {width:1.82rem;height:0.9rem;border:0.02rem solid #aa968e;}
.left-side .list-item:nth-of-type(n+2) {margin-top:0.15rem;}
.left-side .list-item a {width:100%;height:0.22rem;border:1px solid #f0e7d8;border-width:0.34rem 0;text-indent:-100%;background:#f0e7d8 url("http://www.huangpu.org.cn/images/titls_bgs_site2020.png") center top no-repeat;background-size:auto 2.57rem;overflow:hidden;}
.left-side .list-item:nth-of-type(2) a {background-position:center -0.23rem;}
.left-side .list-item:nth-of-type(3) a {background-position:center -0.46rem;}
.left-side .list-item:nth-of-type(4) a {background-position:center -0.69rem;}
.left-side .list-item:nth-of-type(5) a {background-position:center -0.92rem;}
.left-side .list-item:nth-of-type(6) a {background-position:center -1.15rem;}
.left-side .list-item:nth-of-type(7) a {background-position:center -1.38rem;}
.left-side .list-item:nth-of-type(8) a {background-position:center -1.61rem;}
.left-side .list-item:nth-of-type(9) a {height:0.5rem;border-width:0.2rem 0;background-position:center -1.83rem;}
.left-side .list-item:nth-of-type(10) a {background-position:center bottom;}
.middle .item {width:5.28rem;}
.bottom .zone-desc+* {margin-top:0;}
.bottom .zone-desc {position:absolute;width:0.48rem;height:100%;font-size:0.22rem;color:#f0e7d8;background:#78564a;}
.bottom .zone-desc .format {position:static;display:block;width:1.5em;height:100%;margin:0 auto;border:none;writing-mode:vertical-lr;text-align:center;letter-spacing:0.4em;color:#f0e7d8;background:none;}
.bottom .zone-desc .format:before {bottom:0;height:100%;background:transparent;}
.bottom .list {margin-left:0.61rem;}
.bottom .list-item {float:left;width:2.17rem;margin-left:0.135rem;}
.bottom .list-item:first-child {margin-left:0;}
.bottom img {width:2.17rem;height:1.22rem;}
.bottom .list-item-title {line-height:1em;}
.bottom .list-item-title a {border-top:0.14rem solid transparent;}
/* ////////////////////////////////////////////////// */
/* for hover_begin */
@media screen and (min-width:1200px){
.item .list-item:hover a {color:#cdae7d;}
.type5 .list-item:hover a {color:#000;}
.type5 .sub-list-item:hover a {color:#cdae7d;}
}
/* for hover_end */
@media screen and (max-width:1199px){
.type4 .list-item,.type4 .list-item:nth-of-type(6n+1),.type5 .list-item {margin:0.11rem 0.17rem 0;}
}
@media screen and (max-width:768px){
.left-side, .middle, .right-side {float:none;margin:0 auto;}
.middle {margin-top:0.4rem;}
.right-side {display:none;}
.left-side .list-item,.left-side .list-item:nth-of-type(n+2) {float:left;margin-top:0.01rem;margin-left:0.01rem;}
.middle .item {width:auto;}
.type1 .content,.type4,.type5 .list-item-title,.type5 .sub-list-item,.bottom .list-item-title {font-size:16px;}
.type2 .list-item:nth-of-type(n+2) {margin-left:0.1rem;}
.type2 img {width:1.715rem;height:2.3rem;}
.type3 .list-item {margin-top:0.13rem;}
.type3 .list-item:nth-of-type(3n+1) {margin-left:0.225rem;}
.bottom .zone-desc {font-size:22px;}
.bottom .list-item:nth-of-type(n+4) {margin-top:0.2rem;}
.bottom .list-item:nth-of-type(3n+1) {margin-left:0;}
}
@media screen and (max-width:480px){
.left-side .list-item,.left-side .list-item:nth-of-type(n+2) {margin:0 0.22rem;}
.left-side .list-item:nth-of-type(n+3) {margin-top:0.1rem;}
.type2 .list-item,.type2 .list-item:nth-of-type(n+2) {margin:0 0.25rem;}
.type2 .list-item:nth-of-type(n+3) {margin-top:0.1rem;}
.type3 .list-item {margin:0.1rem 0.25rem 0;}
.type3 img {width:1.8rem;height:1.01rem;}
.type5 .sub-list {max-width:calc(100% - 64px);}
.bottom .zone-desc,.bottom .zone-desc .format {position:static;width:auto;}
.bottom .zone-desc .format {writing-mode:horizontal-tb;}
.bottom .zone-desc .format:before {display:none;}
.bottom .list {margin:0 auto;}
.bottom .list-item,.bottom .list-item:nth-of-type(3n+1) {margin-top:0.2rem;margin-left:0.26rem;}
.bottom .list-item:nth-of-type(n+2) {margin-top:0.2rem;}
.bottom .list-item:nth-of-type(odd) {margin-left:0;}
}
@media screen and (max-width:360px){
}