@charset "utf-8";
/* CSS Document */
/* types_begin */
.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 .more {float:right;width:0.63rem;height:0.3rem;background:url("http://www.huangpu.org.cn/images/more_bg_site2020.png") center center no-repeat;background-size:auto 0.18rem;}
.type1 .list {padding:0 0.18rem 0.35rem;background:#fff;overflow:hidden;}
.type1 img {width:3.5rem;height:1.97rem;}
.type1 .list-item {margin-left:-0.06rem;font-size:0.16rem;line-height:2.25em;}
.type1 .list-item:first-child,.type1 .pic+.list-item,.main .left-side .type1.plus .list-item:nth-of-type(2) {margin-top:0.2rem;}
.type1 .pic:first-child {margin-top:0.19rem;margin-left:0;}
.type1 .list-item a {position:relative;padding-left:0.1rem;}
.type1 .list-item a:before {position:absolute;left:0;top:50%;content:"";display:block;width:4px;height:4px;margin-top:-2px;border-radius:2px;background:#000;}
.type1 .pic a {padding-left:0;}
.type1 .pic a:before {display:none;}
.main .left-side .type1.plus {width:100%;}
.main .left-side .type1.plus .list-item {float:left;}
.main .left-side .type1.plus .list-item:nth-of-type(even) {margin-left:0.85rem}
.main .left-side .type1.plus .list-item a {width:3.46rem;}
.type2 img {width:0.85rem;height:1.16rem;border:0.04rem solid #cdae7d;}
.type2 .list {padding:0.08rem 0.14rem 0.08rem 0.25rem;background:#fff;}
.type2 .list-item:first-child>a {float:right;margin-left:0.2rem;}
.type2 .list-item:nth-of-type(2) {margin-top:0.07rem;}
.type2 .list-item:nth-of-type(n+2) {line-height:1.875em;}
.type2 .list-item-title {line-height:1.6875em;text-align:center;}
.type2 .list-item-desc {margin-top:0.03rem;}
.type2 .list-item:nth-of-type(n+2) a {position:relative;padding-left:0.04rem;}
.type2 .list-item:nth-of-type(n+2) a:before {position:absolute;left:0;top:0.9375em;content:"";display:block;width:2px;height:2px;margin-top:-1px;background:#000;}
.type2 .list-item-desc a {max-height:5.25em;line-height:1.3125em;color:#8d8c8c;}
.type3 {margin-top:0.3rem;}
.type3 img {width:3.18rem;height:1.79rem;}
.type4 {margin-top:0.47rem;}
.type4 img {width:3.18rem;height:1.79rem;}
.type4 .list-item:nth-of-type(n+2) {margin-top:0.22rem;}
.type4 .list-item-title {font-size:0.18rem;line-height:2em;color:#6b3912;}
.type4 .list-item-title a {color:#6b3912;}
.type10 {margin-bottom:0.1rem;}
.type10 .list {padding:0.13rem 0.195rem 0.17rem;background:#fff;}
.type10 .list-item {float:left;margin:0 0.075rem;font-family:simsun;font-size:0.14rem;line-height:2.58em;}
.type10 .list-item a {color:#78564a;}
.main .item .list {margin-top:0.1rem;}
.main .left-side {float:left;width:8.27rem;padding-top:0.1rem;overflow:hidden;}
.main .left-side .item {float:left;width:3.86rem;margin-top:0.2rem;}
.main .left-side .item:nth-of-type(odd) {clear:left;}
.main .left-side .item:nth-of-type(even) {margin-left:0.55rem;}
.main .right-side {float:right;width:3.18rem;overflow:hidden;}
.main .left-side .item:nth-child(3) .zone-desc .format {background-position:left -3.91rem;}
.main .left-side .item:nth-child(4) .zone-desc .format {background-position:left -0.92rem;}
.main .left-side .item:nth-child(5) .zone-desc .format {background-position:left -2.99rem;}
.main .left-side .item:nth-child(6) .zone-desc .format {background-position:left -4.14rem;}
.main .left-side .item:nth-child(7) .zone-desc .format {background-position:left -3.68rem;}
.main .left-side .item:nth-child(8) .zone-desc .format {background-position:left -3.45rem;}
.main .left-side .item:nth-child(9) .zone-desc .format {background-position:left -3.22rem;}
.main .right-side .item:nth-child(1) .zone-desc .format {width:0.485rem;background-position:-0.485rem -1.38rem;}
.main .right-side .item:nth-child(2) .zone-desc .format {background-position:left -2.53rem;}
/* types_end */
.main {margin-top:0.1rem;}
.main .wrap {background:none;}
/* part2_begin */
/* scroll_begin */
.imgs {float:left;position:relative;width:3.86rem;height:2.81rem;overflow:hidden;}
.imgs #list {position:relative;width:100%;height:100%;margin-top:0;}
.imgs #list li {position:absolute;opacity:0;width:100%;height:100%;z-index:-1;transition:opacity 0.5s ease 0s;}
.imgs #list img {width:3.86rem;height:2.18rem;}
.imgs #list .startNext,.imgs #list .startPre {opacity:1;z-index:1;}
/*optional components_begin*/
.imgs .list-index {position:absolute;right:0.1rem;top:2.17rem;width:auto;height:19px;margin-top:-19px;overflow:hidden;background:linear-gradient(to left,rgba(0,0,0,0.7),transparent);z-index:2147483610;}
.imgs .list-index li {display:inline-block;vertical-align:top;width:22px;height:19px;border:1px solid #fff;border-width:0 1px;line-height:19px;color:#fff;cursor:pointer;text-align:center;overflow:hidden;}
.imgs .list-index li.on {background:#ce0609;}
/*optional components_end*/
/* content_begin */
.imgs .list-item-title {width:100%;height:auto;padding:0;font-size:0.16rem;line-height:1.5em;background:#fff;}
.imgs .list-item-title a {height:3em;width:auto;padding:0 0.15rem;border:1px solid transparent;border-width:0.06rem 0 0.09rem;}
/* content_end */
/* btns_begin */
.imgs #preBtn,.imgs #nextBtn {display:none;}
/* btns_end */
/* scroll_end */
/* part2_end */
/* ////////////////////////////////////////////////// */
/* for hover_begin */
@media screen and (min-width:1200px){
.item .list-item:hover a {color:#cdae7d;}
}
/* for hover_end */
@media screen and (max-width:768px){
.imgs .list-item-title,.type1 .list-item,.type2 .list-item,.type2 .list-item-title,.type4 .list-item-title {font-size:16px;}
.type1 img {width:3.28rem;height:1.85rem;}
.type2 .list-item-desc {margin-top:3px;}
.type2 img {width:85px;height:116px;}
.main .left-side .type1.plus .list-item:nth-of-type(even) {margin-left:0.4rem;}
.main .left-side .type1.plus .list-item a {width:3.29rem;}
.type3 .list-item,.type4 .list-item {float:left;width:3.18rem;margin:0 0.28rem;}
.type3 .list-item:nth-of-type(n+2),.type4 .list-item:nth-of-type(n+2) {margin-top:0;}
.type3 .list-item:nth-of-type(n+3),.type4 .list-item:nth-of-type(n+3) {margin-top:0.2rem;}
.main .left-side,.main .right-side {float:none;width:100%;}
.main .left-side .item {width:3.69rem;}
.main .left-side .item:nth-of-type(even) {margin-left:0.1rem;}
.imgs #list img {width:3.69rem;height:2.08rem;}
.imgs .list-index {top:2.07rem;}
.type10 {margin-bottom:0;}
.type10 .list-item {font-size:14px;}
}
@media screen and (max-width:480px){
.main .left-side .item {width:100%;}
.main .left-side .item:nth-of-type(even) {margin-left:0;}
.type1 img {width:3.5rem;height:1.97rem;margin:0 auto;}
.type1 .list-item {margin-left:0;}
.main .left-side .type1.plus .list-item a {width:auto;}
.type3 .list-item,.type4 .list-item {float:none;width:4.6rem;margin:0 auto;}
.type3 img,.type4 img {width:4.6rem;height:2.59rem;}
.main .left-side .type1.plus .list-item {float:none;}
.main .left-side .type1.plus .list-item:nth-of-type(even) {margin-left:0;}
.main .left-side .type1.plus .list-item:nth-of-type(2) {margin-top:0;}
.imgs {height:calc(2.74rem + 48px);}
.imgs #list img {width:4.6rem;height:2.59rem;}
.imgs .list-index {top:2.58rem;}
}