@charset "utf-8";
/* CSS Document */
body {
    -webkit-touch-callout: none; /* iOS Safari */
    -ms-content-zooming: zoom(1); /* IE/Edge */
}
 
@media screen and (max-width: 768px) {
    body {
        user-scalable: no; /* Chrome、Firefox等现代浏览器 */
    }
}

html, body, div, td, th, ul, li, p, h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0 auto;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial,
		sans-serif;
	font-size: 14px;
}
:root{
--vw77diff: calc(100vw - 97px);
}
body {
	overflow-x: hidden;
	background: #ededed;
	width:100%
}

.gbw {
	background: #fff
}
input,textarea{outline: none;}
.bgt{background:transparent!important}
.bglightdark{background:#f3f3f3}
.redcolor{color: #ff4467!important}
.newdark{color:#7e7e7e}
.deepdark{color:#666}
.blackcolor{color:#222!important}
.bluecolor{color: #1f92cf!important}
.newbluecolor{color:rgb(97,102,145)}
.wbgcolor{background: #fff!important;}
.dark{color:#aaa}
.sitedark {color: #9d9d9d!important;}
.bgd{background:#eee}
.brb10{border-radius: 0 0 10px 10px;}
.br10{border-radius:10px;}
.br30{border-radius:30px!important;overflow: hidden;}
.brtop30{border-radius: 30px 30px 0 0!important;overflow: hidden;}
.brbig{border-radius:30px;}
.pd05{padding:0 5px }
.pd1015{padding: 10px 15px;}
.mg1015{margin: 10px 15px;}
.pd535{padding: 5px 35px;}
.pd515{padding: 5px 15px;}
.pd335{padding: 3px 35px;}
.pd20{padding:20px }
.lineheight20{line-height:20px!important;}
.height20{height:20px!important}
.lineheight{line-height:25px!important;}
.height25{height:25px!important}
.lineheight30{line-height:30px!important;}
.height30{height:30px!important}
.lineheight40{line-height:40px!important;}
.height40{height:40px!important}
.txtcolorb{color:#000}
.fwb{font-weight: bold}
.fwbs{font-weight: 700!important;}
.m10{margin:10px}
.op10{opacity: 0.1;}
.op50{opacity: 0.5;}
.overflowhide{overflow:hidden}
.nobroder{border:0;}
.tcenter,.tc{text-align:center}
.tright,.tr {text-align: right !important;}
.absright0{right: 0!important}
.absright5{right: 5px!important}
.absright10{right: 10px!important}
.absright20{right: 20px!important}
.top0{top:0px!important}
.top5{top:5px!important}
.top10{top:10px!important}
.top12{top:12px!important}
.top14{top:14px!important}
.top16{top:16px}
.top20{top:20px}
.top24{top:24px}
.top34{top:34px}
.topborder{border-top: 0.5px #f0f0f0 solid;}
.underborder{border-bottom: 0.5px #f0f0f0 solid;}

.blk{display: block!important;}
.vid{vertical-align: middle;}
.vtop{vertical-align: top}
.vbottom{vertical-align: bottom;}
a img {
	border: 0
}

a {
	text-decoration: none;
	cursor: pointer
}

.clear {
	width: 100%;
	height: 0;
	overflow: hidden;
	clear: both
}
.ft0 {
	font-size: 0
}
.ft30 {
	font-size: 30px
}
.fs12 {
	font-size: 12px!important
}
.fs14 {
	font-size: 14px!important
}
.fs16 {
	font-size: 16px!important
}
.fs18 {
	font-size: 18px!important
}
.fs20 {
	font-size: 20px!important
}
.fs22 {
	font-size: 22px!important
}
.fs25 {
	font-size: 25px!important
}
.fs26 {
	font-size: 26px!important
}
.fs28 {
	font-size: 28px!important
}
.fsi {
	font-size: 22px!important;
}
.cw {
	color: #fff
}
.commentnamecolor{color:#adadad}
.commentdesccolor{color:#363636}
.cd {
	color: #737373;
}
.newsitebg{background:#f9f8f6}
.pd5 {
	padding: 5px
}
.pt2 {
	padding-top: 2px
}
.pt5 {
	padding-top: 5px
}
.pt10 {
	padding-top: 10px
}
.pb5 {
	padding-bottom: 5px
}
.pb10 {
	padding-bottom: 10px
}
.pb15 {
	padding-bottom: 15px!important
}
.pb20 {
	padding-bottom: 20px
}
.pt20 {
	padding-top: 20px!important;
}
.pt40 {
	padding-top: 40px!important;
}
.pt160 {
	padding-top: 160px!important;
}
.pl10{padding-left:10px!important}
.pl15{padding-left:15px!important}
.pl20{padding-left:20px!important}
.pr20{padding-right:20px!important}
.pl40{padding-left:40px!important}
.pr40{padding-right:40px!important}
.mt0{
	margin-top: 0!important;
}
.mt2{
	margin-top: 2px
}
.mt5{
	margin-top: 5px
}
.mt10 {
	margin-top: 10px
}
.ml5 {
	margin-left: 5px
}
.ml10 {
	margin-left: 10px
}
.ml20 {
	margin-left: 20px!important
}
.mr10 {
	margin-right: 10px
}
.mr20 {
	margin-right: 20px!important
}
.mr40{margin-right: 40px!important;}
.ml40{margin-left: 40px!important;}
.mt15{
	margin-top: 15px
}

.mt20 {
	margin-top: 20px
}
.mt50{
	margin-top: 50px !important;
}
.mt60 {
    margin-top: 60px !important;
}
.mb5 {
	margin-bottom: 5px
}

.mb10 {
	margin-bottom: 10px
}

.mb20 {
	margin-bottom: 20px
}

.ml10 {
	margin-left: 10px
}
.ls2{letter-spacing:2px}
.ib {
	display: inline-block;
	vertical-align: top !important;
}
.block{display: block!important;}
.vab{
	vertical-align: bottom!important;
}
.bl{
	display: block;
}

.gray {
	color: gray !important
}
.lightgray {
	color: #ededed !important
}
.mt5 {
	margin-top: 5px
}
.tofh{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pc .pagewarp {
	width: 980px;
}
.pagewarp {
	max-width: 980px;
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
}

.pr {
	position: relative;
}
.posre{position: relative;}
.posabs{position: absolute}
.bdb1 {
	border-bottom: 1px #eee solid
}
.bdt {
	border-top: 10px #eee solid
}

header {
	height: 50px;
	line-height: 50px;
	text-align: left;
	position: relative;
	padding-left: 20px;
}

header a {
	font-size: 25px;
	color: #fff
}

header span,header .mem {
	position: absolute;
	right: 10px;
}

header span i ,header .mem i{
	font-size: 25px !important;
	color: #fff
}
header .headertitle{width: 80%; word-wrap: normal;}
header .leftborder{padding-left: 10px;
    border-left: 0.5px #ccc solid;
    margin-left: 10px;
    height: 20px;
    line-height: 20px;
    margin-top: 15px;max-width: 69%;
    overflow: hidden;
    word-wrap: normal;}
footer {
	background: #000;
}
#footer {
	padding: 40px;
	background: #000;
	text-align: center
}

footer a {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}

@media screen and (min-width: 800px) {
}

.footer, .footer a {
	color: #ededed;
	line-height: 30px;
	font-size: 14px
}

#headerbg {
	position: relative;
	overflow: hidden
}

#indextitle, #indexdesc {
	color: #fff
}

#bgimg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}

#bgimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#wechatbg {
	/*background: #ededed;
	padding: 10px 20px*/
	width: 50%;
}

#wechatbg img {
	width: 100%;
	border-radius: 10px;
}

#tel, #servicetimewarp, #moreinfobar {
	background: #fff;
}

#moreinfobar, #addrs {
	padding: 0 20px;
}

#servicetime {
	padding: 2px 20px;
	background: #fafafa;
	border-radius: 10px;
	border: 1px #ccc solid;
	font-size: 14px;
	color: #333;
	margin-bottom: 8px;
}

#tel, #servicetimewarp {
	text-align: center
}

#tel {
	padding-top: 10px
}

#tel a, #tel a i {
	font-size: 28px;
	line-height: 50px
}

#tel a {
	font-weight: bold
}

#appbar {
	font-size: 0;
	background: #fff;
	padding: 4px 0 10px;
}

#appbar .ib a {
	font-size: 12px;
	color: #666;
	display: block;
	text-align: center
}

#appbar .ib i {
	font-size: 25px;
	color: #00c000;
}

#appbar .ib {
	width: 25%;
	position: relative;
}
#appbar .ib a:nth-child(1) {
	height:25px;
	line-height:25px;
	display:block
}
#appbar .ib a:nth-child(2) {
	padding-top:5px
}
.rightbd {
	height: 25px;
	position: absolute;
	top: 14px;
	border-right: 1px #eee solid;
	right: 0;
}

#moreinfobar {
	border-bottom: 1px #ededed solid;
	padding-bottom: 10px;
}

#moreinfobar h4 {
/* 	padding-left:10px; */
/* 	display: none; */
	line-height: 40px;
	font-size: 20px;
	font-weight: normal;
	display: flex
}
#moreinfobar #shwowechatcopy4{
	flex: 1;
}

#addrs {
	line-height: 50px;
	color: #333
}

#addrs i {
	color: rgb(249, 76, 96);
	font-size: 30px;
	vertical-align: middle;
}

.today {
	margin: 60px auto 0;
	font-size: 20px;
	padding-right: 82px;
}

#arttitle {
	font-size: 20px;
	color: #000;
	text-align: center;
	line-height: 60px;
}

.infoblock .ib {
	width: 50%
}

/*
.infoblock .ib img,.infoblock2 .ib img {
	width: 100%;
	object-fit: cover;
}*/
.infoblock .title,.infoblock2 .title {
	/*line-height: 40px;*/
	font-size: 17px;
	text-align: center;
	font-weight: bold;
	padding-left:20px;
}

.infoblock .desc,.infoblock2 .desc {
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.viewbtn {
	color: #fff;
	border-radius: 10px;
	padding: 4px 20px;
	display: inline-block;
	margin: 10px auto;
}

#popshade {
	position: fixed;
	pointer-events: auto;
	z-index: 98;
	background-color: rgb(0, 0, 0);
	opacity: 0.3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#pop {
	position: fixed;
	z-index: 99;
	min-width: 260px;
	min-height: 160px;
	left: 0;
	top: 0;
	border: 1px #eeeff1 solid;
	background: #f0f0f0;
	border-radius: 2px;
	box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}

#poptitle {
	padding: 0 80px 0 20px;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #eee;
	font-size: 16px;
	color: #333;
	overflow: hidden;
	background-color: #F8F8F8;
	border-radius: 2px 2px 0 0;
	font-weight: bold;
}

#pop .close {
	position: absolute;
	top: 10px;
	right: 10px;
}

#popcontent {
	position: relative;
	padding: 20px;
	line-height: 24px;
	word-break: break-all;
	overflow: hidden;
	font-size: 14px;
	overflow-x: hidden;
	overflow-y: auto;
}

#popbtnbar {
	text-align: right;
	padding: 0 15px 12px;
	pointer-events: auto;
	user-select: none;
	-webkit-user-select: none;
}

#manblock {
	padding: 0 20px 20px
}

#manblock .title {
	font-size: 20px;
	line-height: 60px;
	color: #000;
	text-align: center
}

#manblock .desc {
	line-height: 30px
}

.extinfoblock {
	/*padding: 10px 18px 20px 20px;*/
	border: 10px #eee solid;
    background:#eee;
}

.extinfoblock p {
	line-height: 25px
}

.listinfopics {
	font-size: 0
}

.listinfopics .imgblock {
	width: 31%;
	text-align: center;
	position: relative;
	padding-bottom: 41%;
	margin-bottom: 0;
	margin-right: 2%;
	overflow: hidden;
	line-height:0;
	border-radius: 5px;
}

.listinfopics .imgblock img {
	width: 100%;
	height: 100%;
	margin-top: 10px;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	display:block;
	border-radius: 5px;
}

#origin-img {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
}

.mark {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	background: rgba(0, 0, 0, 0.6);
}

.imageblock {
	width: 100%;
	text-align: center;
	position: relative;
	padding-bottom: 140%;
	overflow: hidden;
	display: block;
	/*border-radius: 10px;*/
}

.imageblock img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}
#markwarp {
	display: none;
	position: fixed;
	pointer-events: auto;
	z-index: 98;
	background-color: rgba(0, 0, 0, 0.9);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#markwarp .title {
	height: 50px;
	line-height: 50px;
	text-align: left;
	position: relative;
	background-color: #000;
}

#markwarp .close {
	position: absolute;
	right: 10px;
	font-size: 30px;
	color: #fff
}

#markwarp ul {
	margin: 10px;
    padding: 0;
}
#markwarp ul li {
	background: #222;
    padding-left: 20px;
    list-style: inside none;
    margin-top: 10px;
    border-radius: 10px;
    height: 50px;
    line-height: 50px;
}
#markwarp ul li a {
	color: #fff;
	font-size: 16px;
}
#pcserver #wechatbg {
	background: transparent;
	padding: 40px 20px;
	width: 220px;
	display: inline-block;
	vertical-align: middle;
}

#pcserver #wechatbg img {
	width: 100%;
	border-radius: 10px;
}

#pcservicewarp {
	display: inline-block;
	width: 716px;
	vertical-align: middle;
}

.pagewarp .infoblock {
	display: inline-block;
	width: 46%
}

.pagewarp .infoblock:nth-child(even) {
/* 	margin-left: 1% */
}

.smscolor {
	color: #ffd05c !important
}

.video_play_warp {
	/*width: 100%;
	height: 240px;*/
	position: relative;
}

.video_play_warp img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video_play_warp video {
	display: none
}

.video_play_warp i {
	position: absolute;
	font-size: 40px;
	top: 50%;
	left: 50%;
	color: #fff;
	margin: 0 0 0 -15px;
}

.video_play_warp .pass {
	display: none
}

.swiper-pagination {
	color: #fff;
}

.newservicebg {
	background: #fff
}

@media screen and (max-width: 450px) {
	.pagewarp .infoblock {
		display: inline-block;
		width: 96%
	}
	#servicetitle {
		color: #fff;
		font-size: 25px;
		text-align: center;
		padding: 20px 0 10px;
	}
	
	#servicedesc {
		font-size: 18px;
		text-align: left;
		padding: 10px;
		line-height: 25px;
		color: #000;
		margin: 10px 20px;
		border-radius: 10px;		
	}
	#indextitle {
		text-align: center;
		padding-top: 30px;
		font-size: 30px
	}
	#indexdesc {
		line-height: 30px;
		padding: 20px 25px 40px;
		font-size: 18px;
		text-align: center;
	}
	#indexdesc span{
		font-size: 15px!important;
	}
	.infoblock {
		padding: 1%;
		background: #fff;
		margin: 0 1% 2%;
		border-radius: 10px;
	}
}

@media screen and (min-width: 450px) {
	.infoblock {
		padding: 10px;
		background: #fff;
		margin: 0 5px 20px;
		border-radius: 10px;
	}
	#servicetitle {
		color: #fff;
		font-size: 30px;
		text-align: center;
		padding: 20px 0 10px;
	}
	#servicedesc {
		color: #fff;
		font-size: 18px;
		text-align: left;
		padding: 10px 20px 20px;
		line-height: 30px
	}
	#indextitle {
		text-align: center;
		padding-top: 60px;
		font-size: 30px
	}
	#indexdesc {
		line-height: 30px;
		padding: 20px 25px 80px;
		font-size: 18px;
		text-align: center;
	}
}

#videowarp{
	position: fixed;
	pointer-events: auto;
	z-index: 998;
	background-color: rgb(0, 0, 0);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display:none;
}
#videowarp .stop {
    position: absolute;
    top:5px;
    right: 5px;
    font-size: 25px;
    color:#fff;
}

/* .pagewarp .infoblock{display:inline-block;width:46%} */
/* .pagewarp .infoblock:nth-child(even){margin-left:1%} */
.infoblock2 {
	display: inline-block;
    padding: 2%;
    vertical-align: top;
    background: #fff;
    margin: 0 2% 3% 1.1%;
    border-radius: 10px;
    width: 43%;
}
.infoblock2 .imageblock{padding-bottom: 140%;border-radius: 0;}
.masonry{font-size:0;margin-left: 1.5%;}
.infoblock2:nth-child(even){margin-left:0}

.loginheaderpic{padding-top:16px}
.loginheaderpic .imgblock{border:6px #fff solid;border-bottom:0;margin:0 16px 0;height:420px}
.welpic{width:100%;height:100%;object-fit:cover}

.mianloginblock{background:#000;position: relative;}

.titlename{color:#fff;padding-top:18%}
.roundlogo{position: absolute;width: 30%;margin: -15% 0 0 35%;}
.roundlogo img{width: 100%;}

.enter{font-size:50px;color:#fff;}
/*{padding:5px;width:100px}*/
.entercode{box-sizing: border-box;
    border: 1px #ccc solid;
    /*padding: 4px 2%;*/
    display: block;
    margin: 0 auto;
    font-size: 18px;
    outline: none;
    height: 45px;
    border-radius: 10px;
    outline: none;
    width:180px;
}
.loginbtn{border-radius: 3px;color: #FFFFFF;height:26px;font-size:16px;border: 0;line-height:26px;min-width:180px}

.privacynotice{margin:8px auto;border:1px #ccc solid;position: relative;padding:20px 10px 10px;width:318px}
.privacynoticetitle{position: absolute;font-size: 24px;text-align: center;width: 70%;background: #000;top: -18px;left: 15%;}

.longlogo{width:300px}
.wechatlogo{width:110px;}
.telcolor {
    color: #f15b6c;
}

.tl{text-align:left!important}
.riqi{font-weight: normal;font-size: 18px;vertical-align: text-top;}

.pagetitle {
 padding: 15px;
 color: #000;
 font-size: 18px;
 text-align: center;
 background: #eee;
}

section {
    position: relative;
    z-index: 1;
    top: 0;
}

.logintyle {
    background: #fff;
    min-height: 420px;
    padding: 5px 20px 20px;
}

#content h5 {
    padding: 25px 0 0;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
}

.newlogintyle input[type="text"], .newlogintyle textarea, .newlogintyle input[type="password"] {
    box-sizing: border-box;
    width: 100%;
    border: 1px #ccc solid;
    padding: 4px 2%;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    outline: none;
    height: 45px;
    border-radius: 10px;
    outline: none;
}

.layui-btn,.btn {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding: 0 18px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}

.layui-btn-fluid {
    width: 100%;
}

.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button {
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
}

.btn-war, .bgb, .layui-bg-black {
    background-color: #3e99c6!important;
}

.logintyle .layui-btn {
    font-size: 18px;
}

.layui-btn-primary {
    border: 1px solid #C9C9C9;
    background-color: #fff;
    color: #555;
}
.riqiblock{margin:10px auto 40px;width:120px;background:#F5F2BD;padding:2px 0;border-radius: 5px;color:rgb(145,117,54)}
.riqiblock .riqi{vertical-align: bottom}

.ageheight{border:rgb(235,213,182) 1px solid;border-radius: 3px;}
.ageheight span{color:rgb(210,127,72);background:#fff}
.ageheight .age{padding:2px 5px;background:rgb(248,241,235)}
.ageheight .height{padding:2px 5px;}

#comment{
    width: 100%;
    max-width:980px;
    bottom: 0;
    box-sizing: border-box;
    padding: 0 10px;	
}
#commentinputblock{
	margin: 10px 0;
}
#commentcontentshow{
	resize: none;
    width: 85%;
    height: 36px;
    line-height: 36px;
    font-size:14px;
    border-radius: 20px;
    background: #f5f5f5;
    border: 0;
    margin-left: 10px;
    padding: 0 10px;
    box-sizing: border-box;
}
#commentcontent{
	resize: none;
    height: 220px;
    width:100%;
    font-size:14px;
    border-radius: 20px;
    background: #f5f5f5;
    border: 0;
    padding: 20px;
    box-sizing: border-box;
}
    
#postbtn{ 
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 18px;
    background-color: #ff4467;
    font-size:14px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    border-radius: 20px;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.commentblock .left{width:15%}
.commentblock .left .round{
	width: 40px;
    height: 40px;
    border-radius: 20px;
    line-height: 35px;
    margin-right: 15%;}
.commentblock .left i{
    color: #fff;
    font-size: 28px;
}
.commentblock .right{width:78%}
.commentblock .right .time{color:rgb(193,192,193)}

.mmblock{
	width: 150px;
    margin-left: 15px;
}
.riqiblockview{margin: 10px auto 20px;
    min-width: 120px;
    background: #F5F2BD;
    padding: 2px 20px;
    border-radius: 5px;
    color: rgb(145,117,54);
    display: inline-block;}
.infoblock .riqiblockview{margin: 10px auto 0;}
.riqiblockview i{line-height:19px}
.riqiblockview span{line-height:25px}
    
.headerlogo{height: 35px;
    vertical-align: top;
    margin-top: 8px;}
    
.overhide{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.overhidenoe{white-space:nowrap;overflow:hidden;}
.hawarpblock{position: absolute;
    bottom: 10px;
    z-index: 10;
    right: 10px;}
.heightblockabs{	
    padding: 1px 4px;
    background: #00c7ff;
    /*opacity: 0.8;*/
    border-radius: 5px;
    color: #fff;
}
.arealabs{
    padding: 1px 4px;
    background: #ff4467;
    border-radius: 5px;
    color: #fff;
}
.ageblockabs{
    padding: 1px 4px;
    background: #fca886;
    /*opacity: 0.8;*/
    border-radius: 5px;
    color: #fff;
}
.labblockabs {
    position: absolute;
    bottom: 5px;
    left: 5px;
}
.labblockabs span{
	background: #fff;
    /*opacity: 0.8;*/
    border-radius: 5px;
    padding: 1px 4px;
    color: #000000;
}

 
.corner{
    margin-left:0;
    width: 0;
    height: 0;
    
    border-right: 50px solid transparent;
    position: absolute;
    z-index:1;
}
.indexno{
	position: absolute;
    top: 5px;
    left: 10px;
    color: #fff;
    z-index: 2;
    font-size:16px;
    
}
.infoblock2 .title{line-height:20px}

.cls img{width: 100%;
    height: 100%;
    object-fit: cover;
}   
.prbd:first-child{padding: 0;border-top: 0;}
.prbd{margin-top:5px}
.nameblockabs{position: absolute;bottom: 75px;z-index: 10;font-size:38px;left:0;width:100%;text-shadow: #fff 3px 0 2px, #fff 0 3px 2px, #fff -3px 0 2px, #fff 0 -3px 2px;font-weight: bold;}
.swiper-container{height:100%}
@media screen and (min-width: 800px) {
	.nameblockabs{bottom: 40%;}
}
@font-face {font-family: "myfont";
  src: 
  url('KAUFMANN.woff?t=1611042953423') format('woff'),
  url('KAUFMANN.ttf?t=1611042953423') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('KAUFMANN.svg?t=1611042953423#iconfont') format('svg'); /* iOS 4.1- */
}
.myfontonly{font-family:'myfont'}
.myfont{font-family:'myfont';font-size:50px;font-weight:bold}
.canvasstyle{width:100%;height:50px;background: transparent;}
.canvasstyle1{width:100%;height:50px;background: #fff;}
.maxzindex{z-index:10}
.bgabs{    
width: 64%;
height: 64%;
position: absolute;
top: 18%;
left: 18%;
z-index:1}    
.copy,.tips,.account{
-webkit-box-sizing: border-box;box-sizing: border-box;
}
.copy {width: 51px;height: 26px;line-height: 26px;border-radius: 13px;border: 1px solid #ff285a;
font-size: 12px;
font-weight: 500;
text-align: center;
position: absolute;
top: 8px;
right: 5px;
}
#moreinfobar h4 *{vertical-align: middle;}

.newslist{line-height:40px;padding:0 15px;width: 92%;overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;}
.newslist span{background:#fd6164;color:#fff;padding:2px 7px;margin-right:20px;font-size:16px;color:#fff}
.newslist:nth-child(2) span{background:#ffa800}
.newslist:nth-child(3) span{background:#7ebf19}
.newslist:nth-child(4) span{background:#00939a}
.newslist:nth-child(5) span{background:#8c63b2}
.newslist:nth-child(n+7) span{background:#999}
.newslist a{color:#000}
.newstitle{
	font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}
.newspics img{max-width:100%}
.newscontent{
	line-height: 28px;
    font-size: 18px;
}
.myswiper{
overflow: hidden;
}

.myswiper{
overflow: hidden;
}
.maximg img{height: 100%;width: 100%;object-fit: cover;position: relative;z-index: 15;}
.noticeblk{margin:20px 15%; width:70%!important;padding:15px 20px 20px;border:1px #f3f3f3 solid;}
.noticelist .title {
	font-size: 20px;
	text-align: center;
	line-height:30px;
}
.noticeblk .img{width:170px;height:170px;border-radius: 90px;overflow:hidden}
.girlbr{height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 35px;
    overflow: hidden;
    margin-right:10px;
}
.girlbr img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.swiper-container{z-index:99}
.swiper-pagination-fraction{text-align:center}
#commentlist .commentblock:last-child .underborder{border:0}
.bgmark{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 30;
    background: #222;
    top: 0;
    opacity: 0.8;}
.socialize,.personage,.bottompop{
    display: none;
    position: fixed;
    top: 800px;
    z-index: 40;
    width: 100%;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}
.bottompop .close{    
    height: 30px;
    width: 30px;
    line-height: 30px;
    background: #f0f0f0;
    border-radius: 15px;
    text-align: center;
}
.bottompop .close i{font-size: 20px;color: #666;}
.roundwarp{
	width: 10px;
    height: 10px;
    border-radius: 10px;
    background:rgb(248,241,235);
}

#servicetitle img {
		width: 16px
	}
.footeruserportrait{height: 60px;object-fit: cover;width: 60px;border-radius: 40px;}
.selectsubuserportrait{height: 90px;object-fit: cover;width: 90px;border-radius: 50px;}
#specialtweets a{height: 39px;padding-left: 40px;padding-bottom: 5px;}
#specialtweets a span {
    padding-top: 10px;
    display: block;
}
#specialtweets a strong{    
    width: 24px;
    line-height: 0;
    height: 24px;
    border-radius: 4px;
    overflow: hidden;
    font-size: 16px;
    padding: 12px 0 0;
    left: 5px;
    top: 12px;
    box-sizing: border-box;
    background:#3d4049;
    color:#fff;
    vertical-align: middle;
    position: absolute;}
#specialtweets a:nth-child(1) strong{background:#fd6164;}
#specialtweets a:nth-child(2) strong{background:#ffa800;}
#specialtweets a:nth-child(3) strong{background:#7ebf19;}
#specialtweets a:nth-child(4) strong{background:#00939a;}
#specialtweets a:nth-child(5) strong{background:#8c63b2;}
#specialtweets a:nth-child(6) strong{background:#859bd5;}
#specialtweets a:nth-child(7) strong{background:#c4a785;}
#specialtweets a:nth-child(8) strong{background:#59879e;}
#specialtweets a span{font-size: 17px;color: #27313d;}
#specialtweets .iconfont{font-size: 16px;color: #d2d2d2;right: 15px;top: 15px}
#specialtweets a{display: block;}
.vid {
  vertical-align: middle;
}
#specialtweets a strong {
  display: inline-block;
}
#specialtweets a strong {
  font-weight: normal;
}
#specialtweets a strong {
  text-align: center;
}
.width-70px{width:var(--vw77diff)}