@charset "utf-8";
/* CSS Document */

.content-bj{ width: 100%; margin-top: .56rem; margin-bottom: .7rem;}

.Scenic-bj{width:92%; padding: 0 4%; margin: .23rem 0 0 0;  overflow: hidden;}

.pic-box{ width:100%; padding-top: .15rem; }
.pic-box ul{ width:100%;  }
.pic-box li{ width:48%; float:left; text-align:center; border-top:none;  margin-bottom: .15rem;  position: relative; }
.pic-box li a:hover{-webkit-tap-highlight-color:rgba(0, 0, 0, 0.1);  } 
.pic-box li img{ width:100%; border-radius: .06rem ; height:27.6vw; min-height: 88.31px; max-height: 176.625px; }

.pic-box ul li:nth-child(even){ float:right; margin-right:0.01rem;} 
.pic-box ul li h3{ width: 100%; height: .2rem; line-height: .2rem; padding: .06rem 0 .03rem 0; font-size: .14rem; color: #333; text-align: left; overflow: hidden;}
.pic-box ul li .fx-box{width: 100%; height: .2rem;}
.pic-box ul li .tb-left{width: .55rem; height: .2rem; float: left; overflow: hidden;}
.pic-box ul li .tb-left .icon{ font-size: 0.14rem;float: left;color: #ff4318; margin-top: .03rem;}
.pic-box ul li .tb-left h4{ height: .2rem; line-height: .2rem; font-size: 0.12rem;float: left; color: #ff4318; padding-left: .02rem;}
.pic-box ul li .tb-right{width: calc(100% - .59rem); height: .2rem; float: right; overflow: hidden;}
.pic-box ul li .tb-right .icon{float: right; font-size: 0.14rem; color: #bfbfbf; margin: .03rem .02rem 0 .02rem;}
.pic-box ul li .tb-right .sc{ color: #56bdff ;}

.gd-bj{ width: 100%; text-align: center; padding: .07rem 0 0 0}
.lod1-box{ width: 1.1rem; height: 0.36rem; display: inline-block; padding: 0 0.03rem; border-radius: 0.06rem; overflow: hidden;}
.lod1-box a{ height: 0.36rem; line-height: 0.36rem; display: block; background: url(../images/lod.gif) no-repeat; background-size: 0.24rem 0.24rem; background-position: 0.1rem center; font-size: 0.14rem; color: #ddd; padding-left: 0.22rem;}

.jian-box{ width: 100%; height: .2rem; background: url(../images/xian.jpg) repeat-x; background-position: left center; overflow: hidden;}
.jian-box h3{height: .2rem; line-height: .2rem; font-size: .16rem; display: inline-block; background-color: #fff; padding-right: .08rem; color: #333;}
.marg{ margin: .2rem 0 0 0}
.tet-box{width: 100%; font-size: 0.15rem !important; color: #888888 !important; line-height: 0.22rem; padding: .1rem 0 0 0; overflow: hidden;text-align:justify;}
.tet-box p{ margin: 16px 0}
.tet-box img{ max-width: 100% !important; height: auto !important;}


.back-bj{ width: 100%; height: calc(100vh - 1.09rem); position: fixed; left: 0; top: .56rem; background: url(../images/ly-bj.jpg) no-repeat; background-size: cover;}
.back-box{ width: 100%; height: calc(100vh - 1.09rem);max-width: 640px; margin: 0 auto; position: relative;}
.db{width: 100%;  background-color: #fff ; position: absolute; left: 0; bottom: 0 ; padding:.02rem 0 .07rem 0}
.src{ width: 92%; height: .38rem;line-height: .38rem;margin: 0 auto; border-bottom: 1px solid #bbbbbb;}
.src h4{ font-size: .16rem; color: #999;text-indent: .05rem }

.tp-b{ width: 92%; height:calc(100vh - 1.57rem);  padding: 0 4%; overflow-y: auto; }

.message{width: 100%; border-bottom: 1px solid #bfbfbf}
.message .me1{ width: 100%;margin-top: 0.2rem;}
.message .me1 .cor{ width: .47rem ; height: .47rem;float: left;}
.message .me1 .ctp-box{ width: calc(100% - 0.524rem);float: right;}
.message .me1 .ctp-box .tim{ width: 100%; height: .18rem; line-height: .18rem ; font-size: .15rem; color: #999; overflow: hidden; margin-bottom: .04rem}
.message .me1 .ctp-box .tim span{ color: #019243;}
.message .me1 .ctp-box .meg{width: calc(100% - .1rem); background-color: #dcfeeb; border: solid 1px #029142;     border-radius: 0.06rem;float: right;position: relative;}
.message .me1 .ctp-box .meg p{width: calc(100% - .14rem);margin: 0 auto; font-size: .15rem; color: #666; padding: .07rem;}
.message .me1 .ctp-box .meg .ja1{ width: .13rem; height: auto; position: absolute;left: -.13rem;top: 0.04rem}

.message .me2{ width: 100%; margin: .2rem 0}
.message .me2 .cor{ width: .47rem ; height: .47rem;float: right;}
.message .me2 .ctp-box{ width: calc(100% - 0.524rem);float: left;}
.message .me2 .ctp-box .tim{ width: 100%; height: .18rem; line-height: .18rem ; font-size: .15rem; color: #999; overflow: hidden; text-align: right; margin-bottom: .04rem}
.message .me2 .ctp-box .tim span{ color: #529ff6; padding-left: .06rem;}
.message .me2 .ctp-box .meg{width: calc(100% - .1rem); background-color: #d8eaff; border: solid 1px #3775be;     border-radius: 0.06rem;float: left;position: relative;}
.message .me2 .ctp-box .meg p{width: calc(100% - .14rem);margin: 0 auto; font-size: .15rem; color: #666; padding: .07rem;}
.message .me2 .ctp-box .meg .ja2{ width: .13rem; height: auto; position: absolute;right: -.13rem;top: 0.04rem}

.message:last-of-type{ border: none}

.Leaving-box{ width: 100%; border-bottom: 1px solid #ddd ; padding: .15rem 0 .05rem 0; overflow: hidden;}
.Leaving-box h3{ width: 100% ; height: .2rem; line-height: .2rem; font-size: .14rem; color: #666;margin-bottom: .02rem ;}
.Leaving-box h3 span{ color: #ff0000}
.Leaving-box .pad{width: 100% ; height: .36rem; font-size: .15rem; border: none; color: #999 }
.Leaving-box .pad::-webkit-input-placeholder{ color: #999 }
.Leaving-box .pad::-moz-placeholder{ color: #999}
.Leaving-box .pad:-moz-placeholder{  color: #999}
.Leaving-box .pad:-ms-input-placeholder{ color: #999}

.Leaving-box2{ width: 100%; border-bottom: 1px solid #ddd ; padding: .15rem 0 .05rem 0; overflow: hidden;}
.Leaving-box2 h3{ width: 100% ; height: .2rem; line-height: .2rem; font-size: .14rem; color: #666;margin-bottom: .02rem ;}
.Leaving-box2 h3 span{ color: #ff0000}
.Leaving-box2 a{width: 100% ; height: .36rem; display: block;  background: url(../images/to.png) no-repeat; background-position: right center; background-size: .16rem auto;}
.Leaving-box2 a h4{ width: calc(100% - .18rem);height: .36rem; line-height: .36rem;font-size: .15rem;  color: #999 ;  white-space:nowrap;  text-overflow:ellipsis;overflow: hidden;}

.Return-bj{ width: 100%; height: .42rem; padding: .2rem 0 0 0}
.Return-bj .re1{ width: 36%; height: .42rem; line-height: .42rem;text-align: center; border: solid 1px #bbb; font-size: .16rem; color: #999;float: left; background-color: #fff; border-radius: .06rem; overflow: hidden;}
.Return-bj .re2{ width: calc(100% - 36% - .1rem); height: .42rem; line-height: .42rem;text-align: center; border: solid 1px #1cb295; font-size: .16rem; color: #fff;float: right; background-color: #1cb295; border-radius: .06rem;  overflow: hidden;}

/* 弹出留言 */
.Eject-bj{ width: 100%; height: 100vh; background-color: #fff; position: fixed;left: 0; top: 0; z-index: 99999; display: none;}
.head_box2{ width:92%;height:0.56rem;margin:0 auto;}
.head_box2 .gb{ width:0.18rem; height:0.18rem; float: left; margin-top:0.19rem;}
.head_box2 h3{height:0.56rem; line-height: 0.56rem; float: left; font-size: 0.17rem; color: #333 ; padding-left: 0.07rem;}
.head_box2 h5{height:0.56rem; line-height: 0.56rem;float: right; font-size: .13rem; color: #333;}
.slt{ width: 92%; margin: 0 auto; padding-top: .6rem}
.kuang{ width: 100%; height: 1.4rem; line-height: .22rem; padding: .06rem 0;font-size: .15rem;  color: #333 ; font-family: "微软雅黑" ;border: none; border-bottom: 1px solid #ddd }
.kuang::-webkit-input-placeholder{ color: #333 }


/* 图集 */

/* .contain{ width: 100%; height: 100vh; overflow: hidden;} */
.contain .body{ width: 100%;  height: calc(100vh - 1.06rem); overflow-y:auto; overflow-x: hidden}
.contain .body .logo{width: 15%; float: left;}
.contain .body .logo img{ float: left; width: 100%;}


.contain .body .text .wid{ width: 100%; height: 100%;object-fit: cover;}

.contain .body .text{ float: left; width: 100%; text-align: left;}
.contain .body .text .my-gallery{ overflow: hidden;}
.contain .body .text .my-gallery .box{ width: calc(33.33% - 3.5px); height: 18.201vh; overflow: hidden; float: left; margin-bottom: 5px;}
.contain .body .text .title{ color: #576788; font-size: 1.8rem;}
.contain .body .text .txt{color: #323232; font-size: 1.5rem;}
.contain .body .text .tm{font-size: 1.4rem;    overflow: hidden;}
.contain .body .text .tm .fl{float: left;  padding-left: 5px;}
.contain .body .text .tm .fr{float: right; padding-right: 15px;}
.contain .body .text .cmt{ color: #444444; font-size: 1.5rem;    background-color: #eeeeee; margin-top: 5px; padding: 5px;}
.contain .body .text .cmt .fav{ color: #576788; border-bottom: 1px solid #d5d5d5; padding-bottom: 5px;}
.contain .body .text .cmt span{ color: #576788;}
figure{
 -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}


/* vr */
.vr-bj{ width: 100%; height: calc(100vh - 0.56rem); margin-top: .56rem; overflow: hidden;}
.vr-bj .vr{ width: 100%; height: 100%;object-fit: cover;}

.vr-box{ width: .75rem; height: .44rem;background: url(../images/vr-bj.png) repeat; position: fixed; right: 0; top: 18%; border: solid 1px #fff; border-right: none; border-radius: .22rem 0 0 .22rem; z-index: 9999; cursor: pointer; overflow: hidden;}
.vr-box .ico{ font-size: .18rem; color: #fff;float: left; margin: 0.12rem .06rem 0 .1rem}
.vr-box h4{ font-size: .14rem;color: #fff;float: left; margin-top: .12rem;}
.vr-box a{ width: 100%; height: 100%; display: block; border-radius: .22rem 0 0 .22rem;}
.vr-box a:hover{-webkit-tap-highlight-color:rgba(0, 0, 0, 0.1); border-radius: .22rem 0 0 .22rem;}


@media screen and (width: 320px) {

	
}