@charset "utf-8";
/* CSS Document */
.single-line a {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* types_begin */
.type1,.type2 {float:left;width:100%;overflow:hidden;}
.type1:nth-of-type(n+2),.type2:nth-of-type(n+2)  {margin-top:0.11rem;}
.type1 .zone-desc,.type2 .zone-desc {border-bottom:0.02rem solid #3367b6;font-size:0.23rem;line-height:2.13em;font-weight:bold;}
.type1 .zone-desc a,.type2 .zone-desc a {color:#037edb;}
.type1 .zone-desc .format {display:inline-block;}
.type1 .list-item {font-size:0.18rem;line-height:2.67em;color:#2e2e2e;}
.type1 .list-item a {position:relative;padding-left:0.09rem;}
.type1 .list-item a:before {position:absolute;left:0;top:50%;content:"";display:block;width:0.02rem;height:0.03rem;margin-top:-0.015rem;background:#2e2e2e;}
.type2 .list {width:3.13rem;margin:0.14rem auto 0;}
.type2 .list-item>a {position:relative;}
.type2 .list-item>a:before {position:absolute;left:0;top:0;content:'';display:block;width:100%;height:100%;background:url("http://www.jsstb.gov.cn/images/video_icon_site2020.png") center center no-repeat;background-size:auto 0.75rem;}
.type2 img {width:3.13rem;height:1.78rem;margin:0 auto;}
.type2 .list-item-title {font-size:0.2rem;line-height:2.4em;color:#2e2e2e;}
/* types_end */
.main .left-side .zone {margin-right:4.02rem;padding-left:0.31rem;}
.main .title {padding:0 0.55rem;font-size:0.3rem;line-height:1.93em;color:#515151;}
.main .left-side .funcs>div,.main .left-side .funcs .share .format {display:inline-block;vertical-align:middle;text-align:left;text-align-last:left;color:#868686;}
.main .left-side .funcs .share {font-size:14px;}
.main .left-side .funcs {margin-top:0.27rem;padding:0 0.25rem 0.21rem 0.18rem;border-bottom:1px solid #f3f3f4;font-size:0;text-align:justify;}
.main .left-side .funcs>div {font-size:0.2rem;line-height:1.8em;}
.main .left-side .source {width:10em;margin-left:1em;overflow:hidden;}
.main .left-side .contentArea {margin-top:0.2rem;}
.main .left-side .contentArea img {max-width:100%;width:auto;height:auto;}
.main .left-side .contentArea p,.main .left-side .contentArea div {margin-top:0.49rem;font-size:0.2rem;line-height:2.4em;}
@media screen and (min-width:1200px){
.type1 .list-item:hover a,.type2 .list-item:hover a,.type3 .list-item:hover a,.type5 .list-item:hover a,.links .list-item:hover a {color:#3367b6;}
}
@media screen and (max-width:800px){
/* types_begin */
.type1,.type2 {width:3.5rem;margin-right:0.34rem;}
.type1:nth-of-type(n+2),.type2:nth-of-type(n+2) {margin-top:0;}
.type1:nth-child(n+3),.type2:nth-child(n+3) {margin-top:0.11rem;}
.type1:nth-child(odd),.type2:nth-child(odd) {clear:left;margin-left:0;}
.type1:nth-child(3),.type2:nth-child(3) {width:100%;margin-right:auto;}
.type1 .zone-desc,.type2 .zone-desc {padding-left:0.06rem;font-size:0.18rem;line-height:2.11em;text-align:left;}
.type1 .list {margin-top:0.1rem;}
.type2 .list {margin-top:0.21rem;}
.type1 .list-item {font-size:16px;line-height:2.375em;}
.type1:nth-child(3) .list-item,.type2:nth-child(3) .list-item {float:left;width:3.5rem;margin-right:0.34rem;}
.type2 .list-item-title {font-size:18px;line-height:2.67em;}
/* types_end */
.main .left-side .zone {margin:0 auto;padding:0;}
}
@media screen and (max-width:480px){
/* types_begin */
.type1,.type2 {flex-shrink:0;order:0;width:100%;margin:0 auto;}
.type1,.type2 {margin-top:0.1rem;}
.type1 .zone-desc,.type2 .zone-desc {padding-left:0.06rem;border-bottom-width:3px;font-size:22px;line-height:2.18em;}
.type1 .list-item {font-size:18px;line-height:1.67em;}
.type1 .list-item {margin-top:10px}
.type2:nth-child(3n+1):nth-child(-n+9) {margin-top:0.17rem;}
.type2 .list {width:3.79rem;margin-top:0.15rem}
.type2 img {width:3.79rem;height:2.14rem;}
.type2 .list-item-title {font-size:0.2rem;line-height:2.5em;}
.type1 .list-item:nth-of-type(n+2) {margin-top:0.26rem}
/* types_end */
.main .title {padding:0 0.2rem;font-size:18px;line-height:2em;}
.main .left-side .funcs {margin-top:11px;padding-bottom:17px;text-align:center;text-align-last:center;}
.main .left-side .funcs>div {font-size:14px;line-height:2.57em;}
.main .left-side .source {width:auto;}
.main .left-side .funcs>.share {display:table;margin:6px auto 0;}  
.main .left-side .contentArea p,.main .left-side .contentArea div {margin-top:0.31rem;font-size:14px;line-height:2.14em;}
}
@media screen and (max-width:360px){
.type1 .list-item,.type2 .list-item-title {font-size:16px;}
}