.fadeDown {
	-webkit-animation:AfadeDown .4s;
	animation:AfadeDown .4s
}
@keyframes AfadeDown {
	0% {
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	opacity:0
}
100% {
	-webkit-transform:none;
	transform:none;
	opacity:1
}
}@-webkit-keyframes AfadeDown {
	0% {
	-webkit-transform:translate3d(0,-100%,0);
	opacity:0
}
100% {
	-webkit-transform:none;
	opacity:1
}
}.fadeTop {
	-webkit-animation:AfadeTop .4s;
	animation:AfadeTop .4s
}
@keyframes AfadeTop {
	0% {
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
100% {
	-webkit-transform:none;
	transform:none
}
}@-webkit-keyframes AfadeTop {
	0% {
	-webkit-transform:translate3d(0,100%,0)
}
100% {
	-webkit-transform:none
}
}.fadeRight {
	-webkit-animation:AfadeRight .4s;
	animation:AfadeRight .4s
}
@keyframes AfadeRight {
	0% {
	-webkit-transform:translate3d(-100%,0,0);
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(-100%,0,0)
}
100% {
	-webkit-transform:none;
	transform:none
}
}@-webkit-keyframes AfadeRight {
	0% {
	-webkit-transform:translate3d(-100%,0,0)
}
100% {
	-webkit-transform:none
}
}.fadeLeft {
	-webkit-animation:AfadeLeft .4s;
	animation:AfadeLeft .4s
}
@keyframes AfadeLeft {
	0% {
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
100% {
	-webkit-transform:none;
	transform:none
}
}@-webkit-keyframes AfadeLeft {
	0% {
	-webkit-transform:translate3d(100%,0,0)
}
100% {
	-webkit-transform:none
}
}.fadeOut {
	-webkit-animation:AfadeOut .4s;
	animation:AfadeOut .4s
}
@-webkit-keyframes AfadeOut {
	0% {
	-webkit-transform:scale3d(.5,.5,.5);
	transform:scale3d(.5,.5,.5);
	opacity:0
}
50% {
	-webkit-animation-timing-function:cubic-bezier(.47,0,.745,.715);
	animation-timing-function:cubic-bezier(.47,0,.745,.715);
	opacity:.5
}
100% {
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
	-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);
	animation-timing-function:cubic-bezier(.25,.46,.45,.94);
	opacity:1
}
}@keyframes AfadeOut {
	0% {
	-webkit-transform:scale3d(.5,.5,.5);
	transform:scale3d(.5,.5,.5);
	opacity:0
}
50% {
	-webkit-animation-timing-function:cubic-bezier(.47,0,.745,.715);
	animation-timing-function:cubic-bezier(.47,0,.745,.715)
}
100% {
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
	-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);
	animation-timing-function:cubic-bezier(.25,.46,.45,.94);
	opacity:1
}
}.fadeIn {
	-webkit-animation:AfadeIn .4s;
	animation:AfadeIn .4s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards
}
@-webkit-keyframes AfadeIn {
	0% {
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
	-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);
	animation-timing-function:cubic-bezier(.25,.46,.45,.94);
	opacity:1
}
50% {
	-webkit-animation-timing-function:cubic-bezier(.47,0,.745,.715);
	animation-timing-function:cubic-bezier(.47,0,.745,.715)
}
100% {
	-webkit-transform:scale3d(0,0,0);
	transform:scale3d(.5,.5,.5);
	opacity:0
}
}@keyframes AfadeIn {
	0% {
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
	-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);
	animation-timing-function:cubic-bezier(.25,.46,.45,.94);
	opacity:1
}
50% {
	-webkit-animation-timing-function:cubic-bezier(.47,0,.745,.715);
	animation-timing-function:cubic-bezier(.47,0,.745,.715)
}
100% {
	-webkit-transform:scale3d(0,0,0);
	transform:scale3d(.5,.5,.5);
	opacity:0
}
}.closeScroll {
	overflow:hidden!important
}
.layui-m-layer {
	position:relative;
	z-index:19891014
}
.layui-m-layer * {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.layui-m-layermain,.layui-m-layershade {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%
}
.layui-m-layershade {
	background-color:rgba(0,0,0,.7);
	pointer-events:auto
}
.layui-m-layermain {
	display:table;
	font-family:瀵邦喛绮洪崕鐑界拨妤傦拷,瀵邦喛绮哄锝夌拨妤傦拷,Arial,Helvetica,arial,sans-serif;
	pointer-events:none
}
.layui-m-layermain .layui-m-layersection {
	display:table-cell;
	vertical-align:middle;
	text-align:center
}
.layui-m-layerchild {
	position:relative;
	display:inline-block;
	text-align:left;
	background-color:#fff;
	font-size:14px;
	border-radius:5px;
	box-shadow:0 0 8px rgba(0,0,0,.1);
	pointer-events:auto;
	-webkit-overflow-scrolling:touch;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:.2s;
	animation-duration:.2s
}
@-webkit-keyframes layui-m-anim-scale {
	0% {
	opacity:0;
	-webkit-transform:scale(.5);
	transform:scale(.5)
}
100% {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@keyframes layui-m-anim-scale {
	0% {
	opacity:0;
	-webkit-transform:scale(.5);
	transform:scale(.5)
}
100% {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}
}.layui-m-anim-scale {
	animation-name:layui-m-anim-scale;
	-webkit-animation-name:layui-m-anim-scale
}
@-webkit-keyframes layui-m-anim-up {
	0% {
	opacity:0;
	-webkit-transform:translateY(800px);
	transform:translateY(800px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes layui-m-anim-up {
	0% {
	opacity:0;
	-webkit-transform:translateY(800px);
	transform:translateY(800px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}.layui-m-anim-up {
	-webkit-animation-name:layui-m-anim-up;
	animation-name:layui-m-anim-up
}
.layui-m-layer0 .layui-m-layerchild {
	width:90%;
	max-width:640px
}
.layui-m-layer1 .layui-m-layerchild {
	border:none;
	border-radius:0
}
.layui-m-layer2 .layui-m-layerchild {
	width:auto;
	max-width:260px;
	min-width:40px;
	border:none;
	background:0 0;
	box-shadow:none;
	color:#fff
}
.layui-m-layerchild h3 {
	padding:0 10px;
	height:60px;
	line-height:60px;
	font-size:16px;
	font-weight:400;
	border-radius:5px 5px 0 0;
	text-align:center
}
.layui-m-layerbtn span,.layui-m-layerchild h3 {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.layui-m-layercont {
	padding:50px 30px;
	line-height:22px;
	text-align:center
}
.layui-m-layer1 .layui-m-layercont {
	padding:0;
	text-align:left
}
.layui-m-layer2 .layui-m-layercont {
	text-align:center;
	padding:0;
	line-height:0
}
.layui-m-layer2 .layui-m-layercont i {
	width:25px;
	height:25px;
	margin-left:8px;
	display:inline-block;
	background-color:#fff;
	border-radius:100%;
	-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;
	animation:layui-m-anim-loading 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.layui-m-layerbtn,.layui-m-layerbtn span {
	position:relative;
	text-align:center;
	border-radius:0 0 5px 5px
}
.layui-m-layer2 .layui-m-layercont p {
	margin-top:20px
}
@-webkit-keyframes layui-m-anim-loading {
	0%,100%,80% {
	transform:scale(0);
	-webkit-transform:scale(0)
}
40% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
}@keyframes layui-m-anim-loading {
	0%,100%,80% {
	transform:scale(0);
	-webkit-transform:scale(0)
}
40% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
}.layui-m-layer2 .layui-m-layercont i:first-child {
	margin-left:0;
	-webkit-animation-delay:-.32s;
	animation-delay:-.32s
}
.layui-m-layer2 .layui-m-layercont i.layui-m-layerload {
	-webkit-animation-delay:-.16s;
	animation-delay:-.16s
}
.layui-m-layer2 .layui-m-layercont>div {
	line-height:22px;
	padding-top:7px;
	margin-bottom:20px;
	font-size:14px
}
.layui-m-layerbtn {
	display:box;
	display:-moz-box;
	display:-webkit-box;
	width:100%;
	height:50px;
	line-height:50px;
	font-size:0;
	border-top:1px solid #D0D0D0;
	background-color:#F2F2F2
}
.layui-m-layerbtn span {
	display:block;
	-moz-box-flex:1;
	box-flex:1;
	-webkit-box-flex:1;
	font-size:14px;
	cursor:pointer
}
.layui-m-layerbtn span[yes] {
	color:#40AFFE
}
.layui-m-layerbtn span[no] {
	border-right:1px solid #D0D0D0;
	border-radius:0 0 0 5px
}
.layui-m-layerbtn span:active {
	background-color:#F6F6F6
}
.layui-m-layerend {
	position:absolute;
	right:7px;
	top:10px;
	width:30px;
	height:30px;
	border:0;
	font-weight:400;
	background:0 0;
	cursor:pointer;
	-webkit-appearance:none;
	font-size:30px
}
.layui-m-layerend::after,.layui-m-layerend::before {
	position:absolute;
	left:5px;
	top:15px;
	content:'';
	width:18px;
	height:1px;
	background-color:#999;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	border-radius:3px
}
.layui-m-layerend::after {
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg)
}
body .layui-m-layer .layui-m-layer-footer {
	position:fixed;
	width:95%;
	max-width:100%;
	margin:0 auto;
	left:0;
	right:0;
	bottom:10px;
	background:0 0
}
.layui-m-layer-footer .layui-m-layercont {
	padding:20px;
	border-radius:5px 5px 0 0;
	background-color:rgba(255,255,255,.8)
}
.layui-m-layer-footer .layui-m-layerbtn {
	display:block;
	height:auto;
	background:0 0;
	border-top:none
}
.layui-m-layer-footer .layui-m-layerbtn span {
	background-color:rgba(255,255,255,.8)
}
.layui-m-layer-footer .layui-m-layerbtn span[no] {
	color:#FD482C;
	border-top:1px solid #c2c2c2;
	border-radius:0 0 5px 5px
}
.layui-m-layer-footer .layui-m-layerbtn span[yes] {
	margin-top:10px;
	border-radius:5px
}
body .layui-m-layer .layui-m-layer-msg {
	width:auto;
	max-width:90%;
	margin:0 auto;
	bottom:-150px;
	background-color:rgba(0,0,0,.7);
	color:#fff
}
.layui-m-layer-msg .layui-m-layercont {
	padding:10px 20px
}
.container {
	max-width:800px;
	margin:auto;
}
.flex-item {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-align-self:stretch;
	align-self:stretch;
	cursor:pointer;
}
.button-container {
	position:fixed;
	display:none;
	bottom:0px;
	width:100%;
	margin:auto;
	-webkit-justify-content:center;
	justify-content:center;
	font-size:16px;
	z-index:100
}
.main-button {
	min-width:320px;
	width:100%;
	height:50px;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-align-items:center;
	align-items:center;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	background-color:#ff9398;
	border-top:1px solid #d4d4d4;
}
.main-button .left-img {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-align-self:stretch;
	align-self:stretch;
	cursor:pointer;
	-webkit-flex:1;
	flex:1;
}
.main-button .left-img > img {
	width:35px;
	height:35px;
	vertical-align:middle;
	border-radius:5px;
}
.main-button .center-text {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-align-self:stretch;
	align-self:stretch;
	cursor:pointer;
	-webkit-flex:4;
	flex:4;
	font-family:瀵邦喛绮洪崕鐑界拨妤傦拷,瀵邦喛绮哄锝夌拨妤傦拷,Arial,Roboto,Arial,sans-serif;
	color:#000;
	white-space:nowrap;
	visibility:visible;
	overflow:hidden;
}
.main-button .right-icon {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-align-self:stretch;
	align-self:stretch;
	cursor:pointer;
	-webkit-flex:1;
	flex:1;
}
.main-button .right-icon .lineicon {
	width:38px;
	height:35px;
	vertical-align:middle;
}
.msgiconnum {
	display:none;
	width:15px;
	height:15px;
	position:absolute;
	top:0px;
	right:-1px;
	background-color:red;
	border-radius:50%;
	font-size:10px;
	color:white;
	font-weight:bold;
	float:right;
	z-index:999;
	line-height:13px;
	text-align:center;
}
.add_button {
	border-width:0px;
	position:fixed;
	right:20px;
	bottom:30px
}
.add_button_img {
	height:38px
}
.line_msg {
	display:none;
	position:fixed;
	top:0px;
	left:0;
	width:100%;
	text-align:center;
	z-index:9999;
	-webkit-animation:linemsgimg 0.5s linear;
	-moz-animation:linemsgimg 0.5s linear;
	animation:linemsgimg 0.5s linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards
}
@keyframes linemsgimg {
	0% {
	transform:translateY(-100%)
}
100% {
	transform:translateY(0)
}
}.line_msg_img {
	width:100%;
	height:auto;
	margin:0!important
}
.addfriends_popup {
	position:fixed;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.2);
	perspective:1000px;
	z-index:20;
	line-height:normal !important;
}
.close-btn {
	font-family:Arial,'Microsoft JhengHei',sans-serif;
	position:absolute;
	font-size:50px;
	left:auto;
	line-height:30px;
	height:30px;
	right:-10px;
	top:-20px;
	color:#fff;
	cursor:pointer;
	z-index:2;
	border-radius:50%;
	border:2px solid;
}
.popup_box {
	color:#fff;
	position:relative;
	width:260px;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%)
}
.cp_box_top {
	background:#6ebbe9;
	border-radius:21px 21px 0 0;
	text-align:center;
	left:0;
	top:0;
	padding-top:40px;
	padding-bottom:20px;
	box-shadow:0 3px 0 #ccc;
	position:relative;
	font-family:"microsoft yahei"
}
.cp_box_top .tx {
	position:absolute;
	border-radius:50%;
	width:90px;
	height:90px;
	left:36%;
	top:-54px
}
.cp_box_top .tx>img {
	width:100%;
	height:100%;
	border-radius:50%
}
.cp_box_top>p {
	margin:5px 0;
	color:#fff;
	font-size:18px;
	font-weight:900
}


.cp_box_bottom {
	background:#f5f5f5;
	border-radius:0 0 21px 21px;
	position:relative;
	padding-bottom:15px;
	padding-top:8px;
	font-family:"microsoft yahei";
	text-align:center
}
.cp_box_bottom>p {
	font-size:16px;
	margin:0
}
.cp_box_bottom .golinebtn {
	width:100%
}
.cp_box_bottom .golinebtn>img {
	width:145px
}
.cp_box_bottom .addflow {
	width:100%
}
.cp_box_bottom .addflow>img {
	width:220px
}
@media screen and (max-height:810px) {
	.cp_box_bottom .addflow {
	display:none;
}
}