* {
	margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; -webkit-touch-callout: none;
}
.preview-body * {
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
html {
	width: 100%; height: 100%; overflow: hidden; font-family: Arial, "Microsoft Yahei"; font-size: 14px; overflow-y: auto;
}
body {
	width: 100%; height: 100%; overflow: hidden; font-family: Arial, "Microsoft Yahei"; font-size: 14px; overflow-y: auto;
}
img {
	vertical-align: middle;
}
input {
	border: currentColor;
}
button {
	border: currentColor;
}
.flip .int-hide {
	display: none;
}
.backgroundSize {
	background-size: 100% 100% !important;
}
li {
	list-style: none;
}
#invitation-container {
	background: rgb(247, 247, 247); left: 0%; top: 0%; width: 100%; overflow: hidden; position: absolute; z-index: 10; -webkit-transition: top .5s;
}
.vertical-hand {
	left: 40%; width: 20%; bottom: 40px; display: none; position: absolute; z-index: 9999; opacity: 0; -webkit-animation-duration: 1s; -webkit-animation-delay: 1.5s; -webkit-animation-name: verticalhand; -webkit-animation-fill-mode: both; -webkit-animation-timing-function: ease;
}
.horizontal-hand {
	top: 40%; width: 20%; right: 10px; display: none; position: absolute; z-index: 9999; opacity: 0; -webkit-animation-duration: 1s; -webkit-animation-delay: 1.5s; -webkit-animation-name: horizontalhand; -webkit-animation-fill-mode: both; -webkit-animation-timing-function: ease;
}
.vertical-next {
	background: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/next.png") no-repeat 0% 0% / 100% 100%; left: 50%; width: 52px; height: 38px; bottom: 15px; margin-left: -26px; display: none; position: absolute; z-index: 550; -webkit-background-size: 100% 100%; -webkit-animation: verticalnext 1s linear alternate infinite;
}
.horizontal-next {
	background: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/next_right.png") no-repeat 0% 0% / 100% 100%; top: 50%; width: 38px; height: 52px; right: 15px; margin-top: -26px; display: none; position: absolute; z-index: 550; -webkit-background-size: 100% 100%; -webkit-animation: horizontalnext 1s linear alternate infinite;
}
.phone-music {
	top: 10px; width: 46px; height: 46px; right: 10px; display: none; position: absolute; z-index: 1000; transform: translateZ(3px) rotateX(0deg); -webkit-transform: translateZ(3px) rotateX(0deg);
}
.bg-icon {
	margin: 8px; left: 0px; top: 0px; width: 30px; height: 30px; position: absolute;
}
.bg-back {
	margin: 8px; left: 0px; top: 0px; width: 30px; height: 30px; position: absolute;
}
.bg-baidu {
	margin: 8px; left: 0px; top: 0px; width: 30px; height: 30px; position: absolute;
}
.bg-icon {
	background-position: left; background-image: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/audio2.png"); background-repeat: no-repeat; background-size: 64px; -webkit-transition: left 1s; -webkit-animation-duration: 1.5s; -webkit-animation-delay: 0s; transform: translateZ(2px); -webkit-transform: translateZ(2px); animation-duration: 1.5s; animation-delay: 0s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; transition: left 1s;
}
.bg-back {
	border-radius: 15px; text-align: center; color: rgb(255, 255, 255); line-height: 33px; font-size: 12px; background-color: rgb(59, 153, 215);
}
.bg-baidu {
	-webkit-transition: top 1s; transition: top 1s;
}
.bg-baidu img {
	width: 100%; height: 100%;
}
.will-paused .bg-icon {
	left: -50px;
}
.will-paused .bg-baidu {
	top: 50px;
}
.toggleMusic .bg-icon {
	background-position: right !important; animation-play-state: paused; -webkit-animation-play-state: paused;
}
.animate-paused {
	animation-play-state: paused; -webkit-animation-play-state: paused;
}
.flip {
	width: 100%; height: 100%;
}
.page {
	width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 10; background-repeat: no-repeat;
}
.flip .page {
	background-size: 100% 100% !important;
}
.flip .page .animate {
	will-change: transform;
}
.int-page-container > section {
	background-size: 100% 100% !important;
}
.delay {
	-webkit-transition-delay: .4s; transition-delay: .4s; -webkit-transition-duration: 0s; transition-duration: 0s;
}
.scaleDown {
	transform: scale(0.2); -webkit-transform: scale(0.2); -webkit-transform-origin: center bottom;
}
.scaleUp {
	transform: scale(0.2); -webkit-transform: scale(0.2); -webkit-transform-origin: center top;
}
.scaleLeft {
	transform: scale(0.2); -webkit-transform: scale(0.2); -webkit-transform-origin: left center;
}
.scaleRight {
	transform: scale(0.2); -webkit-transform: scale(0.2); -webkit-transform-origin: right center;
}
.removeSwith {
	-webkit-transition-duration: 0s; transition-duration: 0s;
}
.moving.page {
	z-index: 20;
}
.page > div {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; display: none; position: absolute;
}
.page .text {
	padding: 5px 5%; width: 90%; position: absolute;
}
.page .text-new {
	width: 100%; position: absolute; -webkit-transform-origin: center center; -webkit-perspective: 800px; -webkit-transform-style: preserve-3d;
}
.page .text > .animate-contain {
	background: rgba(0, 0, 0, 0); padding: 6px 5%; width: 100%; color: rgb(0, 0, 0); line-height: 1.5em;
}
.page .text-new > .animate-contain {
	background: rgba(0, 0, 0, 0); padding: 0px 5%; width: 100%; color: rgb(255, 255, 255);
}
.page .text-new > .animate-contain > p * {
	line-height: 1.5em;
}
.textanimate p {
	line-height: 1.5em;
}
.animate-contain {
	width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.page .img {
	position: absolute;
}
.img .animate-contain {
	font-size: 0px;
}
.sectbtn {
	width: 30%; height: 32px; position: absolute;
}
.sectbtn > .animate-contain {
	border: 0px currentColor; text-align: center; color: rgb(0, 0, 0); line-height: 32px; font-size: 14px; white-space: nowrap; z-index: 2000; cursor: pointer; background-color: rgb(79, 152, 226); -webkit-box-orient: vertical; -webkit-box-pack: center;
}
.btncss0.sectbtn > .animate-contain {
	border-radius: 5px;
}
.btncss1.sectbtn > .animate-contain {
	border-radius: 16px;
}
.btncss2.sectbtn > .animate-contain {
	border-radius: 50%;
}
.btncss3.sectbtn > .animate-contain {
	border-top-left-radius: 32px;
}
.btncss4.sectbtn > .animate-contain {
	border-top-right-radius: 32px;
}
.btncss5.sectbtn > .animate-contain {
	border-bottom-left-radius: 32px;
}
.btncss6.sectbtn > .animate-contain {
	border-bottom-right-radius: 32px;
}
.btncss7.sectbtn > .animate-contain {
	border-top-right-radius: 32px; border-bottom-left-radius: 32px;
}
.btncss8.sectbtn > .animate-contain {
	border-top-left-radius: 32px; border-bottom-right-radius: 32px;
}
.btncss9.sectbtn {
	width: 36%;
}
.btncss9.sectbtn > .animate-contain {
	color: rgb(247, 247, 247); box-shadow: 0px 0px 2px #a5a3ac; background-color: rgb(79, 152, 226);
}
.btncss10.sectbtn > .animate-contain {
	color: rgb(247, 247, 247); box-shadow: 0px 0px 2px #a5a3ac; background-color: rgb(79, 152, 226);
}
.btncss10.sectbtn {
	min-width: 36%;
}
.btncss21.sectbtn > .animate-contain {
	border-radius: 0px;
}
.btn-icon {
	width: 25px; height: 25px; color: rgb(247, 247, 247); font-size: 18px; margin-right: 5px; vertical-align: middle; display: inline-block; cursor: pointer; background-image: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/link-btn-icon.png"); background-repeat: no-repeat; background-size: 25px;
}
.btncss9.sectbtn .btn-icon {
	
}
.btncss10.sectbtn .btn-icon {
	background-position: 0px -62px;
}
.btn-icon2 {
	width: 25px; height: 25px; color: rgb(247, 247, 247); font-size: 18px; margin-right: 5px; vertical-align: middle; display: inline-block; cursor: pointer; background-image: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/top_vip_icons2.png"); background-repeat: no-repeat; background-size: 25px;
}
.btncss11.sectbtn > .animate-contain {
	color: rgb(247, 247, 247); box-shadow: none; background-color: rgb(36, 118, 210);
}
.btncss12.sectbtn > .animate-contain {
	color: rgb(247, 247, 247); box-shadow: none; background-color: rgb(36, 118, 210);
}
.btncss13.sectbtn > .animate-contain {
	color: rgb(247, 247, 247); box-shadow: none; background-color: rgb(36, 118, 210);
}
.btncss14.sectbtn > .animate-contain {
	color: rgb(247, 247, 247); box-shadow: none; background-color: rgb(36, 118, 210);
}
.btncss15.sectbtn > .animate-contain {
	color: rgb(247, 247, 247); box-shadow: none; background-color: rgb(36, 118, 210);
}
.btncss16.sectbtn > .animate-contain {
	color: rgb(247, 247, 247); box-shadow: none; background-color: rgb(36, 118, 210);
}
.btncss17.sectbtn > .animate-contain {
	color: rgb(247, 247, 247); box-shadow: none; background-color: rgb(36, 118, 210);
}
.btncss11.sectbtn .btn-icon2 {
	background-position: 0px -2px;
}
.btncss12.sectbtn .btn-icon2 {
	background-position: 0px -36px;
}
.btncss13.sectbtn .btn-icon2 {
	background-position: 5px -70px;
}
.btncss14.sectbtn .btn-icon2 {
	background-position: 0px -104px;
}
.btncss15.sectbtn .btn-icon2 {
	background-position: 0px -138px;
}
.btncss16.sectbtn .btn-icon2 {
	background-position: 0px -173px;
}
.btn-svg {
	width: 22px; height: 22px; color: rgb(255, 255, 255); margin-top: 5px; vertical-align: top; display: inline-block;
}
.btn-svg svg {
	width: 100%; height: 100%; overflow: hidden; fill: currentColor;
}
.aside-function {
	background: rgba(0, 0, 0, 0.8); top: 0px; width: 200px; height: 100%; right: 0px; position: fixed; z-index: 3000; -webkit-transition: -webkit-transform 0.6s ease; transform: translateX(200px); -webkit-transform: translateX(200px); transition: transform 0.6s ease;
}
.aside-function-right {
	transform: translateX(0px); -webkit-transform: translateX(0px);
}
.tab-fix.tab-on + .aside-btn {
	right: 10px; bottom: 60px;
}
.aside-btn {
	background-position: center; border-radius: 50%; width: 50px; height: 40px; right: 20px; bottom: 4%; padding-top: 10px; display: none; position: fixed; z-index: 9999; background-image: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/aside-arrow.png"); background-repeat: no-repeat; background-size: 50px; -webkit-animation: overturn 2s; transform: translateZ(10px); -webkit-transform: translateZ(10px);
}
.aside-btn span {
	background-position: center; border-radius: 20px; width: 30px; height: 30px; margin-top: 0px; margin-left: 10px; display: block; background-image: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/aside-menu.png"); background-repeat: no-repeat; background-size: 24px; -webkit-animation: logoMenu 2s; animation: logoMenu 2s;
}
.aside-function li {
	width: 100%; height: 30px; line-height: 30px; margin-top: 20px; position: relative;
}
.aside-function li:first-child {
	margin-top: 45px;
}
.aside-function li > p {
	left: 22px; top: 0px; width: 30px; height: 30px; position: absolute; background-image: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/pc/invitation/images/aside_icon.png"); background-repeat: no-repeat; background-size: auto 32px; -webkit-background-size: auto 32px;
}
.aside-bye {
	background-position: -7px -2px;
}
.aside-atten {
	background-position: -126px -2px;
}
.aside-connect {
	background-position: -86px -2px;
}
.aside-href {
	background-position: -47px -2px;
}
.aside-preview {
	background-position: -169px -2px;
}
.aside-function li > span {
	width: 100%; color: rgb(255, 255, 255); text-indent: 60px; text-decoration: none; display: inline-block;
}
.aside-function li > a {
	width: 100%; color: rgb(255, 255, 255); text-indent: 60px; text-decoration: none; display: inline-block;
}
.aside-function > a {
	left: 0px; width: 100%; height: 30px; bottom: 20px; text-decoration: none; display: block; position: absolute;
}
.aside-function .logo-name {
	left: 58px; bottom: 30px; color: rgb(26, 161, 230); line-height: 30px; text-indent: 32px; position: absolute; background-repeat: no-repeat; background-size: 25px;
}
.aside-function > .aside-example {
	background: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/aside-case.png") no-repeat 0% 0% / contain; width: 100%; height: 100px; bottom: 70px; font-size: 12px; display: none; position: absolute;
}
.aside-function-right > .aside-example {
	display: block;
}
.collect-it {
	width: 100%; height: 25px; text-align: center; bottom: 200px; color: rgb(255, 255, 255); position: absolute; cursor: pointer;
}
.collect-it img {
	width: 20px;
}
.collect-back {
	width: 100%; height: 100%; display: none; position: relative; z-index: 999999; background-color: rgba(0, 0, 0, 0.8);
}
.collect-type {
	border-radius: 5px; top: 50%; width: 100%; height: 220px; text-align: center; font-size: 20px; margin-top: -110px; position: absolute; background-color: rgb(240, 240, 240);
}
.collect-type span {
	padding-top: 10px; padding-bottom: 10px; font-size: 22px; display: block;
}
.collect-type img {
	top: -39px; width: 20px; right: 10px; float: right; position: relative;
}
.collect-type select {
	width: 120px; height: 30px; font-size: 20px; margin-top: 20px;
}
.remarks {
	margin-left: -18px;
}
.collect-type input {
	border-radius: 2px; border: 1px solid rgb(175, 175, 175); width: 184px; height: 30px; text-indent: 6px; font-size: 20px; margin-top: 22px;
}
.collect-type .type-sure {
	width: 90px; height: 35px; color: rgb(255, 255, 255); font-size: 20px; margin-top: 17px; background-color: rgb(245, 107, 0);
}
.collect-type .type-dele {
	width: 90px; height: 35px; color: rgb(255, 255, 255); font-size: 20px; margin-top: 17px; background-color: rgb(179, 179, 179);
}
.aside-example span {
	color: rgb(160, 160, 180); position: absolute;
}
.aside-example .span-1 {
	left: 42px; bottom: 42px; font-size: 24px; -webkit-animation: animateSpan1 1.5s; animation: animateSpan1 1.5s;
}
.aside-example .span-2 {
	left: 80px; bottom: 10px; color: rgb(40, 40, 50); font-size: 38px; font-weight: bold; -webkit-animation: animateSpan2 2s; animation: animateSpan2 2s;
}
.aside-example .span-3 {
	left: 119px; bottom: 51px; font-size: 20px; -webkit-animation: animateSpan3 1.5s; animation: animateSpan3 1.5s;
}
.aside-example .span-4 {
	left: 150px; bottom: 34px; font-size: 14px; -webkit-animation: animateSpan4 1.5s; animation: animateSpan4 1.5s;
}
.weizhan-btn {
	background-position: center; border-radius: 50%; width: 50px; height: 40px; text-align: center; right: 20px; bottom: 13%; color: rgb(0, 160, 233); line-height: 30px; padding-top: 10px; font-size: 12px; text-decoration: none; display: none; position: fixed; z-index: 99; background-image: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/aside-arrow.png"); background-repeat: no-repeat; background-size: 50px;
}
.red {
	border: 1px solid red;
}
.act-title {
	z-index: 2888 !important;
}
.act-time {
	z-index: 2888 !important;
}
.act-address {
	z-index: 2888 !important;
}
.act-list {
	z-index: 2888 !important;
}
.act-cover {
	z-index: 2888 !important;
}
.act-submit {
	z-index: 2888 !important;
}
.act-list input {
	margin: 20px auto 0px; border-radius: 5px; width: 80%; height: 30px; text-indent: 10px; display: block; position: relative;
}
.act-list {
	height: auto !important;
}
.act-list input:last-child {
	margin-bottom: 20px;
}
.act-title {
	text-align: center;
}
.act-time {
	text-align: center;
}
.act-address {
	text-align: center;
}
.act-title > .animate-contain {
	height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.act-time > .animate-contain {
	height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.act-address > .animate-contain {
	height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.page .cast-vote {
	position: absolute !important;
}
.cast-vote .animate-contain {
	background-color: rgba(255, 255, 255, 0.2);
}
[data-style='vote-color'].cast-vote .animate-contain {
	background-color: transparent;
}
.cast-vote ul {
	margin-bottom: 10px;
}
.cast-vote li {
	padding: 5px 5%; width: 90%; line-height: 30px; font-size: 14px; position: relative; min-height: 28px;
}
[data-style='vote-color'].cast-vote li:nth-child(2n+1) {
	background-color: rgb(246, 246, 246);
}
[data-style='vote-color'].cast-vote li:nth-child(2n) {
	background-color: rgb(255, 255, 255);
}
[isvote='1'].cast-vote li {
	line-height: 20px;
}
.cast-vote li p:first-child > span:first-child {
	padding-right: 20px; display: inline-block;
}
[isvote='1'].cast-vote li p:first-child > span:first-child {
	margin-top: 11px;
}
.cast-vote li b {
	border: 2px solid rgb(65, 65, 65); top: 11px; width: 15px; height: 15px; right: 11px; display: block; position: absolute; background-color: rgb(255, 255, 255);
}
[isvote='1'].cast-vote li b {
	top: 5px;
}
.cast-vote li b.Color {
	background-position: center; background-image: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/choose-black.png"); background-repeat: no-repeat; background-size: 100% 100%;
}
[isvote='1'].cast-vote li b.Color {
	background-image: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/choose-white.png"); background-color: rgb(65, 65, 65);
}
[data-style='vote-color'].cast-vote li b {
	border: 2px solid rgb(53, 152, 219);
}
[data-style='vote-color'].cast-vote li b.Color {
	background-image: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/choose-blue.png");
}
[data-style='vote-color'][isvote='1'].cast-vote li b.Color {
	background-image: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/choose-white.png"); background-color: rgb(53, 152, 219);
}
.cast-vote li p:last-child {
	border-radius: 3px; width: 100%; height: 7px; overflow: hidden; display: none; position: relative; background-color: rgb(255, 255, 255);
}
.cast-vote li p:last-child > span {
	border-radius: 3px; left: 0px; top: 0px; width: 0px; height: 100%; display: block; position: absolute; background-color: rgb(65, 65, 65); -webkit-transition: width 1s;
}
[data-style='vote-color'].cast-vote li p:last-child > span {
	background-color: rgb(53, 152, 219);
}
.cast-vote h2 {
	padding: 5px 5%; font-size: 16px; font-weight: normal; position: relative;
}
[data-style='vote-color'].cast-vote h2 {
	color: rgb(255, 255, 255); background-color: rgb(53, 152, 219);
}
.cast-vote button {
	margin: 0px auto; padding: 0px 15px; border-radius: 5px; border: currentColor; height: 35px; font-size: 16px; display: block; background-color: rgb(191, 191, 191);
}
[data-style='vote-color'].cast-vote button {
	border-radius: 0px; border: 1px solid rgb(29, 185, 50); width: 100%; color: rgb(255, 255, 255); box-sizing: border-box; background-color: rgb(37, 215, 163); -webkit-box-sizing: border-box;
}
.vote-count {
	top: 0px; right: 38px; font-size: 17px; display: none; position: absolute;
}
.see-vote {
	background: red; left: 100%; width: 100%; height: 400px; bottom: 0px; position: absolute;
}
.cast-like {
	height: 30px; line-height: 30px; position: absolute;
}
.cast-like .animate-contain {
	border-radius: 5px; text-align: center; white-space: nowrap; background-color: rgba(0, 0, 0, 0.05);
}
.cast-like .animate-contain > span {
	background-position: 5px 3px; margin: 0px auto; width: 35px; height: 30px; color: rgb(156, 156, 156); vertical-align: top; display: inline-block; background-image: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/dianzan1.png"); background-repeat: no-repeat; background-size: 25px;
}
.cast-like .animate-contain > span.like-svg {
	
}
.cast-like .animate-contain > span.like-svg svg {
	width: 100%; height: 100%; fill: currentColor;
}
[data-style='like-ud'].cast-like .animate-contain > span {
	display: block;
}
.cast-like p {
	width: calc(100% - 35px); text-align: center; line-height: 30px; overflow: hidden; vertical-align: top; display: inline-block; white-space: nowrap; text-overflow: ellipsis;
}
.last_bottom {
	background: rgba(0, 0, 0, 0.1); border-radius: 5px; left: 50%; width: 150px; height: 25px; text-align: center; bottom: 10px; color: rgb(255, 255, 255); line-height: 25px; font-size: 13px; text-decoration: none; margin-left: -75px; display: none; position: fixed; z-index: 2999; transform: translateZ(2px); -webkit-transform: translateZ(2px); text-shadow: 0 0 1px #666;
}
.last_bottom > span {
	color: rgb(0, 160, 233); font-size: 15px; font-weight: bold; text-shadow: 0 0 1px #fff;
}
.last_phone {
	background: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/last.png") no-repeat 0px 0px / 100% 100%; left: 50%; width: 100px; height: 48px; bottom: 10px; margin-left: -50px; position: absolute; z-index: 2999; -webkit-background-size: 100% 100%;
}
.mobile-combine-bottom-logo {
	width: 100%; text-align: center; bottom: 0px; color: rgb(255, 255, 255); text-decoration: none; display: none; position: fixed; z-index: 2999; -webkit-animation: combLogoFadeInUp 1s ease 1.6s 1 both; animation: combLogoFadeInUp 1s ease 1.6s 1 both;
}
.page .cont-map {
	width: 100%; height: 43px; line-height: 32px; position: absolute;
}
.cont-map p:nth-of-type(1) {
	background-position: 3px 1px; left: 6px; width: 30px; height: 43px; bottom: 1px; overflow: hidden; position: absolute; background-image: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/labels.png"); background-repeat: no-repeat;
}
.cont-map p:nth-of-type(2) {
	left: 0px; width: 100%; height: 43px; bottom: 0px; line-height: 43px; text-indent: 40px; overflow: hidden; font-size: 16px; text-decoration: underline; white-space: nowrap; position: absolute; text-overflow: ellipsis;
}
.cont-map p.map-icon {
	background-position: 0px 2px; background-image: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation/images/map.png"); background-repeat: no-repeat; background-size: 30px auto; -webkit-background-size: 30px auto;
}
.map-wrap {
	width: 100%; height: calc(100% - 43px);
}
.map-wrap-mask {
	left: 0px; top: 0px; width: 100%; height: calc(100% - 43px); position: absolute;
}
.map-animate {
	background: rgb(238, 238, 238); border-radius: 50%; left: 13px; top: 30px; width: 13px; height: 13px; position: absolute; transform: rotateX(-110deg); -webkit-transform: rotateX(-110deg); -webkit-transform-origin: 50%; transform-origin: 50%;
}
.map-animate em {
	margin: -5.5px 0px 0px -5.5px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); left: 6%; top: 6%; width: 21px; height: 21px; position: absolute;
}
.map-animate em:nth-child(1) {
	-webkit-animation: more_mapAnimate 1s linear 10; animation: more_mapAnimate 1s linear 10;
}
.map-animate em:nth-child(2) {
	-webkit-animation: more_mapAnimate 2s linear 5; animation: more_mapAnimate 2s linear 5;
}
.phone-map-wrap {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 99;
}
.phone-map {
	width: 100%; height: 100%;
}
.map-close {
	background: rgba(0, 0, 0, 0.5); border-radius: 20px; top: 10px; width: 40px; height: 40px; text-align: center; right: 10px; color: rgb(255, 255, 255); line-height: 40px; font-size: 30px; display: block; position: absolute; z-index: 100;
}
.flip .map-wrap-mask {
	display: none;
}
.btn-focus-animate {
	left: -8%; top: -8%; width: 116%; height: 116%; position: absolute; z-index: 1; background-color: rgba(71, 175, 228, 0.8); -webkit-animation: focus_out_animation 1.2s linear infinite; animation: focus_out_animation 1.2s linear infinite;
}
.btn-focus-animate em {
	left: -8%; top: -8%; width: 116%; height: 116%; z-index: 3; background-color: rgba(71, 175, 228, 0.8); -webkit-animation: focus_out_animation 1.2s linear infinite; animation: focus_out_animation 1.2s linear infinite;
}
.page .cont-video {
	width: 100%; height: 150px; position: absolute;
}
.page .full-screen.cont-video {
	left: 0px !important; top: 0px !important; width: 100% !important; height: auto !important; right: 0px !important; bottom: 0px !important; z-index: 1000 !important;
}
.page .cont-video .iframe-mask {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
.page .cont-video .video-close {
	top: 0px; width: 40px; height: 36px; text-align: center; right: 0px; color: rgb(255, 255, 255); line-height: 36px; font-size: 20px; display: none; position: absolute; z-index: 1000;
}
.page .full-screen.cont-video {
	background: rgba(0, 0, 0, 0.8); padding-top: 45px; -webkit-box-orient: vertical; -webkit-box-pack: center;
}
.page .full-screen.cont-video .video-close {
	display: block !important;
}
.page .full-screen.cont-video .iframe-mask {
	display: none !important;
}
.page .full-screen.cont-video iframe {
	left: 0px; top: 25%; height: 45%; position: absolute;
}
.curIndex {
	z-index: 500;
}
.circle > .animate-contain {
	border-radius: 100% !important; overflow: hidden;
}
.flip .circle .animate-contain > img {
	border-radius: 100% !important;
}
#iframe {
	background: rgb(255, 255, 255); left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; display: none; position: absolute; z-index: 100;
}
#int-page {
	background: rgb(255, 255, 255); left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; display: none; position: absolute; z-index: 100;
}
#iframe {
	z-index: 200;
}
#iframe > .iframe-container {
	left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; overflow: hidden; position: absolute;
}
#int-page .int-page-container {
	left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; overflow: hidden; position: absolute;
}
.int-page-container {
	background-repeat: no-repeat; background-size: 100% 100%;
}
.int-page-container > section {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-size: 100% 100%;
}
.self-iframe {
	background: rgb(255, 255, 255); margin: 0px; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 400; overflow-x: hidden;
}
.back-to-int {
	background: rgb(255, 102, 0); border-radius: 50%; border: currentColor; left: 10px; width: 42px; height: 42px; bottom: 50px; color: rgb(255, 255, 255); font-size: 16px; position: fixed; z-index: 200;
}
.self-iframe .p-bottom {
	bottom: 0px; position: fixed;
}
#comment {
	bottom: 0px; position: fixed;
}
.self-iframe .home-wrap {
	overflow: scroll !important; margin-bottom: 0px; position: relative;
}
#iframe .back-to-int {
	background: rgba(255, 0, 0, 0.5); border-radius: 100%; width: 45px; height: 45px; color: rgb(255, 255, 255); font-size: 15px; z-index: 300;
}
#int-page .back-to-int {
	background: rgba(255, 0, 0, 0.5); border-radius: 100%; width: 45px; height: 45px; color: rgb(255, 255, 255); font-size: 15px; z-index: 300;
}
.user-promotion-container .back-to-int {
	background: rgba(255, 0, 0, 0.5); border-radius: 100%; width: 45px; height: 45px; color: rgb(255, 255, 255); font-size: 15px; z-index: 300;
}
.user-promotion-container {
	background: rgb(238, 191, 145); width: 100%; font-size: 14px; display: none; position: absolute;
}
.showAnimation.user-promotion-container {
	z-index: 400;
}
.user-promotion-container .back-to-int {
	bottom: 72px; position: fixed; z-index: -100;
}
.showAnimation.user-promotion-container .back-to-int {
	z-index: 1;
}
.slide {
	width: 100%; height: 30%; overflow: hidden; position: absolute;
}
.slide::after {
	width: 100%; padding-top: 50%; display: block; content: "";
}
.slide .animate-contain > ul {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.slide .animate-contain > ul > li {
	list-style: none; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.slide li:first-child {
	z-index: 1;
}
.slide li img {
	border: currentColor; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.slide .dot {
	right: 10px; bottom: 10px; font-size: 0px; position: absolute;
}
.slide .dot span {
	border-radius: 50%; border: 1px solid rgb(255, 255, 255); width: 5px; height: 5px; margin-left: 5px; display: inline-block;
}
.slide .dot .cur {
	background-color: rgb(255, 255, 255);
}
.slide-new img {
	width: 100%; height: 100%;
}
.slide-new section {
	width: 100%; height: 100%;
}
.slide-new {
	width: 100%;
}
.slide-new .animate-contain {
	-webkit-transform-style: preserve-3d; transform-style: preserve-3d;
}
.slide-new .fluxslider {
	width: 100% !important; height: 100% !important;
}
.surface {
	width: 100% !important; height: 100% !important;
}
.slide-new .images {
	width: 100%; height: 100%;
}
.slide-new .image1 {
	width: 100%; background-size: 100% 100% !important;
}
.slide-new .image2 {
	width: 100%; background-size: 100% 100% !important;
}
.slide-new .fluxslider .pagination {
	left: 0px; width: 100%; height: 15px; text-align: center; bottom: 0px; position: absolute; z-index: 52;
}
.fluxslider .pagination li {
	border-radius: 50%; border: 1px solid rgb(255, 255, 255); width: 5px; height: 5px; text-indent: 1000px; overflow: hidden; margin-left: 5px; display: inline-block;
}
.fluxslider .pagination li.current {
	background-color: rgb(255, 255, 255);
}
.page .form {
	overflow: hidden !important; font-size: 16px;
}
.page .form .animate-contain {
	height: auto;
}
.page .form input {
	background: rgb(255, 255, 255); padding: 3px 2px 3px 9px; width: 96%; height: 30px; font-size: 16px;
}
select.added-opt-container {
	background: rgb(255, 255, 255); padding: 3px 2px 3px 9px; width: 96%; height: 30px; font-size: 16px;
}
.page .form textarea {
	background: rgb(255, 255, 255); padding: 7px 10px; border-radius: 4px; border: currentColor; width: 92%; font-size: 16px; word-break: break-all; min-height: 56px; resize: none;
}
.page .form .animate-contain h2 {
	padding: 7px 0px; border: currentColor; color: rgb(153, 153, 153); font-size: 16px; font-weight: normal; margin-left: 10px; position: absolute;
}
.page .form .animate-contain li[data-ty='radio'] h2 {
	color: inherit; margin-left: 0px; position: static;
}
.page .form .animate-contain li[data-ty='checkbox'] h2 {
	color: inherit; margin-left: 0px; position: static;
}
.page .form .animate-contain .form-option {
	width: 94%; line-height: 24px; font-size: 16px; position: relative;
}
.page .form .animate-contain .form-option label {
	vertical-align: middle;
}
.page .form .animate-contain .form-option img {
	width: 16px !important; height: 16px !important; margin-right: 15px; vertical-align: middle;
}
.page .form .animate-contain .form-option img.radio-after-select {
	display: none;
}
.page .form .animate-contain .form-option img.checkbox-after-select {
	display: none;
}
.page .form .animate-contain .form-option input {
	width: 16px; height: 16px; margin-right: 15px; vertical-align: middle; display: none;
}
.form select.added-opt-container {
	padding: 3px 5px; border: 1px solid rgb(204, 204, 204); width: 100%; height: 36px;
}
.form select.added-opt-container > option {
	padding: 10px 0px;
}
.form span.select-edit {
	display: block;
}
.form .form-submit {
	margin: 15px auto; padding: 0px 10px; border-radius: 5px; width: 90px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; display: block; background-color: rgb(0, 188, 255);
}
.form .form-ul {
	padding: 20px 10px 0px;
}
.form .form-ul > li {
	padding: 5px; margin-bottom: 5px; position: relative;
}
.form .form-ul > li.form-necessary-item::before {
	left: -5px; top: 13px; color: red; position: absolute; content: "*";
}
.form .animate-contain {
	background: rgba(163, 163, 163, 0.52);
}
.form-ele .animate-contain {
	
}
#invitation-container .form-ele-mask {
	display: none;
}
.form-input .animate-contain {
	background: rgb(255, 255, 255);
}
.form-select .animate-contain {
	background: rgb(255, 255, 255);
}
select.added-opt-container {
	padding: 3px 5px; border: currentColor; width: 100%; height: 36px;
}
select.added-opt-container option:nth-child(2n+1) {
	background-color: rgb(249, 249, 249);
}
select.added-opt-container > option {
	padding: 10px 0px;
}
span.select-edit {
	display: block;
}
.form-submit-btn {
	width: 90px; height: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 14px; display: block;
}
.form-submit-btn .animate-contain {
	background-color: rgb(0, 188, 255); -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: center;
}
.form-ele .form-necessary-item {
	position: relative;
}
.form-ele .form-ele-content-wrap {
	height: 100%;
}
.form-ele .form-necessary-item::before {
	left: -10px; top: 13px; color: red; position: absolute; content: "*";
}
.form-ele input {
	padding: 3px 2px 3px 9px; width: 96%; height: 30px; color: inherit; font-size: 16px;
}
.form-ele select {
	padding: 3px 2px 3px 9px; width: 96%; height: 30px; color: inherit; font-size: 16px;
}
.form-ele select {
	width: 100%; height: 100%;
}
.form-ele textarea {
	padding: 7px 10px; border: currentColor; width: 100%; height: 100%; color: inherit; font-size: 16px; word-break: break-all; box-sizing: border-box; -webkit-box-sizing: border-box; resize: none;
}
.form-ele h2 {
	padding: 7px 0px; border: currentColor; color: inherit; font-size: 16px; font-weight: normal; margin-left: 10px; position: absolute;
}
.form-ele h2 span {
	word-break: break-all;
}
.form-radio.form-ele h2 {
	color: inherit; margin-left: 0px; position: static;
}
.form-checkbox.form-ele h2 {
	color: inherit; margin-left: 0px; position: static;
}
.form-imgupload.form-ele h2 {
	color: inherit; margin-left: 0px; position: static;
}
.form-ele .form-option {
	width: 94%; line-height: 24px; font-size: 16px; position: relative;
}
.form-ele .form-option label {
	vertical-align: middle; word-break: break-all;
}
.form-ele .form-option img {
	width: 16px !important; height: 16px !important; margin-right: 15px; vertical-align: middle;
}
.form-ele .form-option img.radio-after-select {
	display: none;
}
.form-ele .form-option img.checkbox-after-select {
	display: none;
}
.form-ele .form-option input {
	width: 16px; height: 16px; margin-right: 15px; vertical-align: middle; display: none;
}
.form-ele .form-plus-wrap {
	width: 100%; height: 80%; text-align: center; color: rgb(151, 151, 151); font-size: 20px; position: relative;
}
.form-imgupload .animate-contain {
	background-color: rgb(233, 233, 233);
}
.form-ele .form-img-wrap {
	top: 0px; width: 100%; height: 100%; position: absolute;
}
.form-ele .form-img-wrap img {
	vertical-align: middle; max-height: 100%; max-width: 100%;
}
.form-ele .form-plus-wrap::before {
	width: 0px; height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.form-ele .form-plus-wrap::after {
	width: 0px; height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.form-ele .form-img-wrap::before {
	width: 0px; height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.form-ele .form-img-wrap::after {
	width: 0px; height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.form-ele input[type='file'] {
	padding: 0px; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0;
}
.form-ele .form-plus-wrap-new {
	height: 100%;
}
.imgupload-text {
	width: 100%; font-size: 18px; vertical-align: middle; display: inline-block;
}
.imgupload-text p {
	color: rgb(58, 153, 216); line-height: 0.9em; font-size: 5em;
}
.imgupload-text h2 {
	font-size: 1em;
}
.page .nav {
	position: absolute; min-height: 40px;
}
.fix-nav-contianer .nav {
	position: absolute; min-height: 40px;
}
.page {
	background: rgba(255, 255, 255, 0.2); overflow: hidden;
}
.nav .animate-contain {
	background: rgba(255, 255, 255, 0.2); overflow: hidden;
}
.page .nav .nav-links {
	height: 100%;
}
.fix-nav-contianer .nav-links {
	height: 100%;
}
.page .nav .nav-links {
	padding: 5px 0px; height: 53px; font-size: 0px;
}
.fix-nav-contianer .nav-links {
	padding: 5px 0px; height: 53px; font-size: 0px;
}
.tab-fix {
	padding: 5px 0px; height: 53px; font-size: 0px;
}
.page .nav .nav-links span {
	font-size: 14px;
}
.fix-nav-contianer .nav-links span {
	font-size: 14px;
}
.tab-fix span {
	font-size: 14px;
}
.page .nav .nav-links > a {
	text-align: center; color: inherit; text-decoration: none; display: block; -webkit-box-flex: 1;
}
.fix-nav-contianer .nav-links > a {
	text-align: center; color: inherit; text-decoration: none; display: block; -webkit-box-flex: 1;
}
.tab-fix > a {
	text-align: center; color: inherit; text-decoration: none; display: block; -webkit-box-flex: 1;
}
.page .nav .nav-links img {
	margin: 0px auto 3px; width: 32px !important; height: 32px !important; display: block;
}
.tab-fix > a img {
	margin: 0px auto 3px; width: 32px !important; height: 32px !important; display: block;
}
.fix-nav-contianer img {
	margin: 0px auto 3px; width: 32px !important; height: 32px !important; display: block;
}
.page .nav .nav-links img.after-tap-icon {
	display: none;
}
.tab-fix > a img.after-tap-icon {
	display: none;
}
#invitation-container .nav-mask {
	display: none !important;
}
#int-page .nav {
	top: 40%; width: 100%; position: absolute; min-height: 40px;
}
#int-page {
	background: rgba(255, 255, 255, 0.2); overflow: hidden;
}
.nav .animate-contain {
	background: rgba(255, 255, 255, 0.2); overflow: hidden;
}
#int-page .nav .nav-links {
	height: 100%;
}
#int-page .nav .nav-links {
	padding: 5px 0px; height: 53px; font-size: 0px;
}
.tab-fix {
	padding: 5px 0px; height: 53px; font-size: 0px;
}
#int-page .nav .nav-links span {
	font-size: 14px;
}
.tab-fix span {
	font-size: 14px;
}
#int-page .nav .nav-links > a {
	text-align: center; color: inherit; text-decoration: none; display: block; -webkit-box-flex: 1;
}
.tab-fix > a {
	text-align: center; color: inherit; text-decoration: none; display: block; -webkit-box-flex: 1;
}
#int-page .nav .nav-links img {
	margin: 0px auto 3px; width: 32px !important; height: 32px !important; display: block;
}
.tab-fix > a img {
	margin: 0px auto 3px; width: 32px !important; height: 32px !important; display: block;
}
#int-page .nav .nav-links img.after-tap-icon {
	display: none;
}
.tab-fix > a img.after-tap-icon {
	display: none;
}
.flip [data-role='tab'].nav {
	display: none !important;
}
.fix-nav-contianer {
	position: relative; z-index: 501;
}
.fix-nav-contianer [data-role='tab'].nav {
	display: block !important; position: fixed;
}
#int-page .form {
	padding: 10px 0px 0px 10px; overflow: hidden !important; font-size: 16px;
}
#int-page .form .animate-contain {
	height: auto;
}
#int-page .form input {
	background: rgb(255, 255, 255); padding: 3px 2px 3px 9px; border-radius: 4px; width: 96%; height: 30px; font-size: 16px;
}
#int-page .form textarea {
	background: rgb(255, 255, 255); padding: 7px 10px; border-radius: 4px; border: currentColor; width: 92%; font-size: 16px; word-break: break-all; min-height: 56px; resize: none;
}
#int-page .form .animate-contain h2 {
	padding: 7px 0px; border: currentColor; color: rgb(153, 153, 153); font-size: 16px; font-weight: normal; margin-left: 10px; position: absolute;
}
#int-page .form .animate-contain li[data-ty='radio'] h2 {
	color: rgb(0, 0, 0); margin-left: 0px; position: static;
}
.page .form .animate-contain li[data-ty='checkbox'] h2 {
	color: rgb(0, 0, 0); margin-left: 0px; position: static;
}
#int-page .form .animate-contain .form-option {
	width: 94%; line-height: 24px; font-size: 16px; position: relative;
}
#int-page .form .animate-contain .form-option label {
	vertical-align: middle;
}
#int-page .form .animate-contain .form-option img {
	width: 16px !important; height: 16px !important; margin-right: 15px; vertical-align: middle;
}
#int-page .form .animate-contain .form-option img.radio-after-select {
	display: none;
}
#int-page .form .animate-contain .form-option img.checkbox-after-select {
	display: none;
}
#int-page .form .animate-contain .form-option input {
	width: 16px; height: 16px; margin-right: 15px; vertical-align: middle; display: none;
}
#int-page .form .animate-contain h2 {
	
}
span.select-edit {
	
}
.tab-fix {
	background: rgba(255, 255, 255, 0.2); width: 100%; bottom: 0px; display: none; position: fixed; z-index: 2998;
}
.tab-on.tab-fix {
	
}
#loading_logo {
	background: rgba(0, 0, 0, 0.5); margin: -50px 0px 0px -35px; padding: 20px; border-radius: 5px; left: 50%; top: 50%; width: 30px; height: 30px; position: fixed; z-index: 999999;
}
.container1 > div {
	border-radius: 100%; width: 6px; height: 6px; position: absolute; background-color: rgb(255, 255, 255); -webkit-animation-fill-mode: both; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; animation-fill-mode: both;
}
.container2 > div {
	border-radius: 100%; width: 6px; height: 6px; position: absolute; background-color: rgb(255, 255, 255); -webkit-animation-fill-mode: both; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; animation-fill-mode: both;
}
.container3 > div {
	border-radius: 100%; width: 6px; height: 6px; position: absolute; background-color: rgb(255, 255, 255); -webkit-animation-fill-mode: both; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; animation-fill-mode: both;
}
.spinner-container {
	left: 30%; top: 30%; width: 40%; height: 40%; position: absolute;
}
.container2 {
	transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg);
}
.container3 {
	transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg);
}
.circle1 {
	left: 0px; top: 0px;
}
.circle2 {
	top: 0px; right: 0px;
}
.circle3 {
	right: 0px; bottom: 0px;
}
.circle4 {
	left: 0px; bottom: 0px;
}
.container2 .circle1 {
	-webkit-animation-delay: -1.1s; animation-delay: -1.1s;
}
.container3 .circle1 {
	-webkit-animation-delay: -1.0s; animation-delay: -1.0s;
}
.container1 .circle2 {
	-webkit-animation-delay: -0.9s; animation-delay: -0.9s;
}
.container2 .circle2 {
	-webkit-animation-delay: -0.8s; animation-delay: -0.8s;
}
.container3 .circle2 {
	-webkit-animation-delay: -0.7s; animation-delay: -0.7s;
}
.container1 .circle3 {
	-webkit-animation-delay: -0.6s; animation-delay: -0.6s;
}
.container2 .circle3 {
	-webkit-animation-delay: -0.5s; animation-delay: -0.5s;
}
.container3 .circle3 {
	-webkit-animation-delay: -0.4s; animation-delay: -0.4s;
}
.container1 .circle4 {
	-webkit-animation-delay: -0.3s; animation-delay: -0.3s;
}
.container2 .circle4 {
	-webkit-animation-delay: -0.2s; animation-delay: -0.2s;
}
.container3 .circle4 {
	-webkit-animation-delay: -0.1s; animation-delay: -0.1s;
}
.trigger-hide {
	display: none !important;
}
.zhichi-dialog {
	left: 0px; top: 200%; width: 100%; height: 100%; position: fixed; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: top 1s; transition: top 1s;
}
.dialog-show.zhichi-dialog {
	top: 0px;
}
.zhichi-content {
	left: 0px; top: 50%; width: 90%; margin-top: -200px; margin-left: 5%; position: absolute; background-color: rgb(255, 255, 255);
}
.zhichi-title {
	color: rgb(255, 255, 255); line-height: 35px; text-indent: 12px; font-size: 16px; background-color: rgb(0, 160, 234);
}
.zhichi-close {
	width: 16px; height: 16px; margin-top: 9px; margin-right: 8px; float: right; cursor: pointer; background-image: url("http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/pc2/common/images/close_white.png"); background-repeat: no-repeat; background-size: 16px;
}
.zhichi-submit-btn {
	margin: 30px auto 15px; width: 150px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; display: block; cursor: pointer; background-color: rgb(1, 170, 227);
}
.buy-goods-container {
	font-size: 14px; margin-left: 10px;
}
.buy-goods-container li {
	line-height: 30px;
}
.buy-goods-container .left-text {
	width: 70px; text-align: right; color: rgb(34, 34, 34); display: inline-block;
}
.buy-goods-container .right-text {
	color: rgb(136, 136, 136);
}
.buy-goods-container .blue-text {
	color: rgb(1, 165, 226);
}
.buy-goods-container input {
	border-radius: 3px; border: 1px solid rgb(221, 221, 221); width: 200px; color: rgb(136, 136, 136); line-height: 30px; text-indent: 6px; margin-top: 6px;
}
#goods-amount {
	width: 35px; text-align: center; line-height: 35px; margin-right: 6px; margin-left: 6px;
}
.shape_content {
	width: 100%; height: 100%;
}
.barrage {
	text-align: center;
}
.barrage-container {
	top: 0px; width: 100%; bottom: 40px; overflow: hidden; position: absolute;
}
.barrage-container .danmu-item {
	height: 40px;
}
.barrage-container .danmu-item > span {
	height: 40px; color: rgb(255, 255, 255); line-height: 40px; vertical-align: middle; display: inline-block; background-color: rgb(60, 183, 232);
}
.barrage-container .danmu-item > span:first-child {
	width: 40px; height: 40px; text-align: center; position: relative; border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}
.barrage-container .danmu-item > span:nth-child(2) {
	padding-right: 12px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;
}
.barrage-container .danmu-item img {
	border-radius: 50%; width: 30px; height: 30px; vertical-align: middle;
}
.barrage-bottom {
	width: 100%; bottom: 0px; position: absolute;
}
.barrage-input {
	width: 60%; text-indent: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;
}
.barrage-submit {
	background: rgb(60, 183, 232); padding: 0px 20px; margin-left: -5px; cursor: default; border-top-right-radius: 4px; border-bottom-right-radius: 4px;
}
.barrage-input {
	height: 30px; line-height: 30px; vertical-align: middle;
}
.barrage-submit {
	height: 30px; line-height: 30px; vertical-align: middle;
}
[data-style='barrage-opacity'].barrage-container .danmu-item > span {
	color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0.3);
}
[data-style='barrage-text'].barrage-container .danmu-item > span {
	background-color: transparent;
}
[data-style='barrage-text'].barrage-container .danmu-item > span:nth-child(1) {
	display: none;
}
[data-style='barrage-text'].barrage-container .danmu-item > span:nth-child(2) {
	color: inherit; border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}
.svg {
	left: 25%; top: 20%; width: 50%; position: absolute;
}
.svg * {
	fill: none; stroke: #000; stroke-width: 4;
}
.cube-flip-page .flip {
	-webkit-transform-origin: center center; -webkit-perspective: 700px; -webkit-transform-style: preserve-3d; transform-origin: center center; transform-style: preserve-3d; perspective: 700px; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%;
}
.cube-flip-page .page {
	-webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.flip .background-animate {
	display: none;
}
.current-page > .background-animate {
	display: block;
}
.pageshow {
	z-index: 2;
}
.page canvas {
	left: 0px; top: 0px; position: absolute; z-index: 999;
}
.pop_section {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: 10000; background-color: rgba(0, 0, 0, 0.5);
}
.pop_section > div {
	padding: 10px; border-radius: 10px; left: 30px; top: 40px; right: 30px; bottom: 40px; position: absolute; background-color: rgb(255, 255, 255);
}
.phone_pop_img {
	-webkit-box-pack: center; -webkit-box-align: center; box-align: center; box-pack: center;
}
.phone_pop_img img {
	max-height: 100%; max-width: 100%;
}
.phone_pop_text > .pop_content {
	width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; word-wrap: break-word; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-overflow-scrolling: touch;
}
.phone_pop_text img {
	max-height: 100% !important; max-width: 100% !important;
}
.close_pop {
	border-radius: 100%; top: 43px; width: 35px; height: 35px; text-align: center; right: 33px; color: rgb(255, 255, 255); line-height: 35px; font-size: 34px; display: block; position: absolute; z-index: 1000; cursor: pointer; background-color: rgba(0, 0, 0, 0.5);
}
.combLogoFadeInLeft {
	-webkit-animation-name: combLogoFadeInLeft; animation-name: combLogoFadeInLeft;
}
.combLogoFadeInRight {
	-webkit-animation-name: combLogoFadeInRight; animation-name: combLogoFadeInRight;
}
.combLogoFadeInUp {
	-webkit-animation-name: combLogoFadeInUp; animation-name: combLogoFadeInUp;
}
.combLogoFadeIn {
	-webkit-animation-name: combLogoFadeIn; animation-name: combLogoFadeIn;
}
.mobile-combine-bottom-logo {
	font-size: 14px;
}
.mobile-combine-bottom-logo {
	font-size: 15px;
}
.mobile-combine-bottom-logo {
	font-size: 16px;
}
.mobile-combine-bottom-logo {
	height: 1.8em; line-height: 1em; -webkit-animation: combLogoFadeInUp 1s ease .5s 1 both; animation: combLogoFadeInUp 1s ease .5s 1 both;
}
.combine-bottom-logo-container {
	height: 1.8em; line-height: 1em; -webkit-animation: combLogoFadeInUp 1s ease .5s 1 both; animation: combLogoFadeInUp 1s ease .5s 1 both;
}
.mobile-combine-bottom-logo a {
	padding: 0.4em 10px; left: 0px; width: 50%; height: 100%; text-align: center; color: rgb(255, 255, 255); overflow: hidden; text-decoration: none; display: none; white-space: nowrap; position: absolute; text-overflow: ellipsis; box-sizing: border-box; -webkit-animation: combLogoFadeInLeft 1s ease 1.9s 1 both; animation: combLogoFadeInLeft 1s ease 1.9s 1 both;
}
.combine-bottom-logo-container a {
	padding: 0.4em 10px; left: 0px; width: 50%; height: 100%; text-align: center; color: rgb(255, 255, 255); overflow: hidden; text-decoration: none; display: none; white-space: nowrap; position: absolute; text-overflow: ellipsis; box-sizing: border-box; -webkit-animation: combLogoFadeInLeft 1s ease 1.9s 1 both; animation: combLogoFadeInLeft 1s ease 1.9s 1 both;
}
.mobile-combine-bottom-logo span:nth-child(2) {
	left: 49%; padding-top: 0.2em; font-size: 1.3em; display: none; position: absolute; -webkit-animation: combLogoFadeIn 1s ease 1.9s 1 both; animation: combLogoFadeIn 1s ease 1.9s 1 both;
}
.combine-bottom-logo-container span:nth-child(2) {
	left: 49%; padding-top: 0.2em; font-size: 1.3em; display: none; position: absolute; -webkit-animation: combLogoFadeIn 1s ease 1.9s 1 both; animation: combLogoFadeIn 1s ease 1.9s 1 both;
}
.mobile-combine-bottom-logo label {
	padding: 0.4em 0px 0.4em 20px; width: 50%; text-align: left; right: 0px; position: absolute; box-sizing: border-box; -webkit-animation: combLogoFadeInRight 1s ease 1.9s 1 both; animation: combLogoFadeInRight 1s ease 1.9s 1 both;
}
.combine-bottom-logo-container label {
	padding: 0.4em 0px 0.4em 20px; width: 50%; text-align: left; right: 0px; position: absolute; box-sizing: border-box; -webkit-animation: combLogoFadeInRight 1s ease 1.9s 1 both; animation: combLogoFadeInRight 1s ease 1.9s 1 both;
}
.flip .page .brokenglass {
	background-repeat: no-repeat; background-size: 100% 100% !important;
}
.ui-radio {
	outline: 0px; border: 0px currentColor; width: 20px; height: 20px; overflow: visible; vertical-align: middle; display: inline-block; position: relative; -webkit-appearance: none;
}
.ui-radio::before {
	border-radius: 20px; border: 2px solid rgb(223, 224, 225); left: 0px; top: 0px; width: 16px; height: 16px; display: block; position: absolute; content: ""; background-clip: padding-box;
}
.ui-radio::after {
	background: rgb(223, 224, 225); border-radius: 12px; left: 6px; top: 6px; width: 8px; height: 8px; display: block; position: absolute; content: "";
}
:checked.ui-radio::before {
	border: 2px solid rgb(24, 180, 237);
}
:checked.ui-radio::after {
	background: rgb(24, 180, 237);
}
.tip-off {
	left: 3px; width: 3em; text-align: center; bottom: 2%; color: rgb(35, 35, 35); display: none; position: fixed; z-index: 500; text-shadow: 0px 0px 1px #fff;
}
.tip-off-wrap {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 10000; background-color: rgba(0, 0, 0, 0.5);
}
.tip-off-content {
	border-radius: 10px; left: 50%; top: 50%; width: 280px; height: 335px; margin-top: -180px; margin-left: -140px; position: absolute; background-color: rgb(255, 255, 255);
}
.tip-off-content > h5 {
	text-align: center; line-height: 50px; font-size: 16px;
}
.tip-off-reason li {
	margin-top: 10px;
}
.tip-off-reason input {
	margin: 0px 10px 0px 20px;
}
.tip-off-div {
	text-align: center; margin-top: 25px;
}
.tip-off-btn {
	margin: 15px; padding: 7px 30px; border-radius: 4px; border: 1px solid rgb(221, 221, 221);
}
.tip-off-con {
	border: 1px solid rgb(0, 124, 255); color: rgb(255, 255, 255); background-color: rgb(0, 124, 255);
}
.shape-div {
	mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center;
}
.shape-01 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-01.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-01.svg);
}
.shape-02 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-02.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-02.svg);
}
.shape-03 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-03.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-03.svg);
}
.shape-04 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-04.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-04.svg);
}
.shape-05 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-05.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-05.svg);
}
.shape-06 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-06.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-06.svg);
}
.shape-07 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-07.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-07.svg);
}
.shape-08 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-08.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-08.svg);
}
.shape-09 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-09.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-09.svg);
}
.shape-10 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-10.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-10.svg);
}
.shape-11 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-11.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-11.svg);
}
.shape-12 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-12.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-12.svg);
}
.shape-13 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-13.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-13.svg);
}
.shape-14 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-14.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-14.svg);
}
.shape-15 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-15.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-15.svg);
}
.shape-16 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-16.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-16.svg);
}
.shape-17 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-17.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-17.svg);
}
.shape-18 {
	mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-18.svg); -webkit-mask-box-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/invitation-v2/cropsvg/shape-18.svg);
}
.mihui-share-position {
	left: 0px; width: 100%; height: 97px; bottom: 0px; position: absolute; z-index: 999;
}
.mihui-share-position .mihui-share-banner {
	width: 100%; height: 97px;
}
.flip #BAIDU_SSP__wrapper_u2766798_0 {
	left: 0px !important; text-align: center; bottom: 0px !important; position: absolute !important; z-index: 999;
}
.advert .animate-contain {
	overflow: visible;
}
.advert img.layout-1 {
	width: 100%; height: 100%;
}
.advert p.layout-1 {
	width: 100%; height: 20px; line-height: 20px;
}
.advert img.layout-2 {
	width: 100%; height: 100%;
}
.advert p.layout-2 {
	left: 100%; top: 0px; width: 50%; position: absolute;
}