/* Created by kong 20250324 */

body { background-image: url("../images/bg_11.jpg");}
body.area_internationl { background-image: url("../images/bg_12.jpg");}

.areainfo { margin-top: 0.56rem; color: white;}
.areainfo .title { margin: 0 .4rem;}
.areainfo p { margin: .22rem .4rem 0; font-size: .2rem; line-height: .36rem; height:1.08rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.areainfo .readmore { margin-top: .56rem;}

.areaselect { margin-top: 5.4rem; padding: .45rem 0 0.05rem 0.5rem; font-size: .24rem; line-height: .24rem; color: white; border-radius: .1rem .1rem 0 0; background: url("../images/bg_13.png") repeat-y; background-size: 100% auto; overflow: hidden;}
.areaselect span { float: left; width: 1rem; height: .34rem; margin-bottom: .3rem;}
.areaselect span.show { background: url("../images/arrow_13.png") 0.55rem 0.07rem no-repeat; background-size: auto 0.1rem;}
.areaselect.limited span:nth-child(n+15) { display: none;}
.areaselect span a, .areaselect span b { color: white; padding-bottom: .06rem; border-bottom: transparent .04rem solid;}
.areaselect span.current a, .areaselect span.current b { border-color: white; text-decoration: none;}

.areanews { padding: .6rem .25rem .5rem; border-radius: 0 0 .1rem .1rem; background: #F9F9F9;}
.areanews .areadata { font-size: .24rem; line-height: .24rem; color: #333; padding-bottom: .19rem; border-bottom: #E8E8E8 .01rem solid;}
.areanews dt { margin-top: .25rem; font-size: .3rem; line-height: .3rem; color: #333; font-weight: bold;}
.areanews dd { margin-top: .3rem; overflow: hidden;}
.areanews dd .thumb { float: left; margin-right: .22rem; width: 2.4rem; height: 1.5rem; border-radius: .1rem;}
.areanews dd strong { display: block; padding-top: -.01rem; font-size: .3rem; line-height: .32rem; color: #333; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.areanews dd p { margin-top: .03rem; font-size: .20rem; line-height: .3rem; color: #999; height:.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.areanews dd span { float: left; margin-top: .06rem; padding: 0 .48rem 0 .3rem; font-size: .24rem; line-height: .48rem; color: #333; border: #CCC .01rem solid; border-radius: .78rem; background: url("../images/arrow_06.png") right .3rem center no-repeat; background-size: auto 0.06rem; cursor: pointer; transition: all 0.2s;}
.areanews dd span:hover { background-color: white;}
.areanews dd span.show { background-image: url("../images/arrow_05.png");}
.areanews ul { display: none; float: right; margin-top: .08rem; width: 4.38rem;}
.areanews li { font-size: .24rem; line-height: .64rem; color: #333; border-bottom: #E8E8E8 .01rem solid; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.arealinks { margin-top: .4rem;}
.arealinks ul { margin-top: .2rem; height: 3.3rem; font-size: .3rem; line-height: 0.93rem; color: white; box-sizing: border-box; padding: 0.09rem .4rem 0; background: url("../images/bg_14.png") no-repeat; background-size: 100% auto; border-radius: .1rem; overflow: hidden;}
.arealinks ul li { padding-left: 0.56rem;}
.arealinks ul a { color: white;}