@media (max-width: 767px) {
	body {
		background: url(/online/images/pcbody.jpg) no-repeat center center;
		padding: 0;
		margin: 0;
		background-size: cover;
		background-attachment: fixed
	}
	
	.container {
		width: 100%;
		min-height: 100%;
		overflow: hidden;
		margin: 0 auto;
	}
	
	.topback_view {
		width: 100%;
		height: 60px;
		display: flex;
		align-items: center;
		padding-top: 15px;
		box-sizing: border-box;
		font-size: 18px;
		color: #fff;
	}
	
	.mincontent {
		width: 100%;
		height: 785px;
		overflow: hidden;
		margin-top: 20px;
	}
	
	.minleft_view {
		width: 375px;
		background: rgba(255,255,255,0.36);
		float: left;
		height: 100%;
		border-radius: 5px;
		margin-right: 22px;
		display: none;
	}
	
	.sacrifice_view {
		width: 100%;
		background: url(/online/images/pcsacrifice.jpg) no-repeat center center;
		background-size: cover;
		float: left;
		height: 100%;
		position: relative;
	}
	
	.minright_view {
		width: 100%;
		height: auto;
		overflow: hidden;
		float: left;
	}
	
	.face_view {
		width: 86px;
		height: 111px;
		position: absolute;
		left: 190px;
		top: 290px;
		z-index: 2;
		background: #fff;
	}
	
	.face_view img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	
	.face_view .utitle {
		background: #505050;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		color: #ffdb9d;
	}
	
	.mbname_lists {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: auto;
		overflow: hidden;
	}
	
	.face_view .mbname {
		writing-mode: vertical-lr;
		letter-spacing: 3px;
		width: 20px;
		text-align: center;
	}
	
	.x_view {
		position: absolute;
		width: 86;
		left: 50%;
		margin-left: -43px;
		bottom: 275px;
		z-index: 2;
	}
	
	.candle_view_left {
		position: absolute;
		left: 156px;
		height: 60px;
		bottom: 276px;
		z-index: 2;
	}
	
	.candle_view_right {
		position: absolute;
		right: 151px;
		height: 60px;
		bottom: 277px;
		z-index: 2;
	}
	
	.smoke_view {
		position: absolute;
		width: 220px;
		height: 34px;
		left: 130px;
		bottom: 225px;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	
	.smoke_item {
		height: 100%;
		margin: 0px 5%;
		display: inline-block;
	}
	
	.flower_view_left {
		position: absolute;
		left: 120px;
		bottom: 155px;
		height: 90px;
		z-index: 2;
	}
	
	.flower_view_right {
		position: absolute;
		right: 108px;
		bottom: 154px;
		height: 92px;
		z-index: 2;
	}
	
	.fruits_view {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		position: absolute;
		width: 145px;
		height: calc(100vh*(125/1334));
		left: 165px;
		bottom: 154px;
		z-index: 2;
		height: auto;
		overflow: hidden;
	}
	
	.fruits_warp {
		width: 48px;
		width: calc(96%/3);
		margin-left: 0;
		float: left;
	}
	
	.fruits_view .fruits_warp:nth-child(2) {
		position: relative;
		bottom: -1.5px;
	}
	
	.fruits_view .fruits_warp:nth-child(3) {
		position: relative;
		bottom: -3px;
	}
	
	.food_view {
		position: absolute;
		width: 320px;
		height: 120px;
		left: 80px;
		bottom: 10px;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.food_view8 .food_item {
		padding: 0px 2%;
		box-sizing: border-box;
		display: inline-block;
	}
	
	.food_view8 {
		flex-wrap: wrap;
	}
	
	.food_view8 .food_item {
		padding: 0px 2%;
		box-sizing: border-box;
		width: 22%;
	}
	
	
	
	.create_view {
		width: 375px;
		height: 162px;
		background: rgba(255,255,255,0.36);
		border-radius: 5px;
		overflow: hidden;
	}
	
	.create_btn {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		overflow: hidden;
		border: 2px solid #fff;
		margin: 36px auto 10px auto;
		text-align: center;
		font-size: 30px;
		color: #fff;
		box-sizing: border-box;
	}
	
	.gifts_view {
		width: 100%;
		height: 609px;
		background: rgba(255,255,255,0.36);
		border-radius: 5px;
		overflow: hidden;
		margin-top: 13px;
	}
	
	.gifts_lists {
		width: 372px;
		height: 428px;
		overflow: hidden;
		overflow-y: auto;
	}
	
	.gifts_lists::-webkit-scrollbar {
		width: 3px;
		height: 1px;
	}
	
	.gifts_lists::-webkit-scrollbar-thumb {
		border-radius: 3px;
		background: #ffffff;
	}
	
	.gifts_lists::-webkit-scrollbar-track {
		border-radius: 3px;
		background: #bec9d7;
	}
	
	.gifts_lists ul {
		width: 382px;
		list-style: none;
	}
	
	.gifts_lists li {
		width: 158px;
		float: left;
		margin-left: 22px;
		cursor: pointer;
		margin-bottom: 18px;
		list-style: none;
	}
	
	.gifts_lists li .giftimg {
		width: 100%;
		height: 140px;
		background: #e8e8e8;
		overflow: hidden;
	}
	
	.gifts_lists li .giftimg img {
		height: 88px;
		margin: 27px auto;
		display: block;
	}
	
	.gifts_lists li .giftname {
		width: 100%;
		height: 36px;
		background: #989898;
		text-align: center;
		padding: 0px 10px;
		font-size: 15px;
		box-sizing: border-box;
		color: #fff;
		line-height: 36px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.gifts_lists li.hover .giftname {
		background: #e3a84f;
	}
	
	.submitbtn {
		width: 340px;
		height: 48px;
		text-align: center;
		margin: 30px auto 0 auto;
		display: block;
		background: #BC7F26;
		background: -webkit-gradient(linear,0% 0%, 80% 100%, from(#E3A84F), to(#BC7F26));
		border-radius: 5px;
		border: none;
		color: #fff;
		font-size: 18px;
		cursor: pointer;
	}
	
	.feedList {
		width: calc(100% - 3px);
		padding: 0px 15px;
		box-sizing: border-box;
		height: 440px;
		overflow: hidden;
		overflow-y: auto;
	}
	
	.feedList::-webkit-scrollbar {
		width: 3px;
		height: 1px;
	}
	
	.feedList::-webkit-scrollbar-thumb {
		border-radius: 3px;
		background: #ffffff;
	}
	
	.feedList::-webkit-scrollbar-track {
		border-radius: 3px;
		background: #bec9d7;
	}
	
	.noteitem,.feeditem {
		width: 100%;
		height: auto;
		padding: 10px 10px;
		display: flex;
		align-items: center;
		background: rgba(0,0,0,0.26);
		border-radius: 3px;
		overflow: hidden;
		margin-bottom: 10px;
		box-sizing: border-box;
	}
	
	.noteitem .noteface {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		overflow: hidden;
		margin-right: 5px;
		float: left;
	}
	
	.noteitem .notephone {
		color: #fff;
		font-size: 14px;
		width: 90px;
		float: left;
	}
	
	.noteitem .notcontent {
		width: 180px;
		flex: 1;
		color: #fff;
		font-size: 14px;
		float: right;
	}
	
	.sendmsgbox {
		width: 100%;
		height: 265px;
		background: rgba(255,255,255,0.12);
		margin-top: 20px;
		padding: 15px 15px;
		box-sizing: border-box;
	}
	
	.textinput {
		width: 100%;
		height: 130px;
		border: none;
		background: none;
		resize: none;
		color: #fff;
		font-size: 16px;
	}
	
	.textinput::-webkit-input-placeholder {
		color: #fff;
	}
	
	.feedbackbtn {
		width: 100%;
		background: #00bcf9;
		height: 48px;
		border: none;
		border-radius: 3px;
		color: #fff;
		font-size: 18px;
		cursor: pointer;
		margin-top: 20px;
	}
	
	.gray {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
	}
	
	.layui-layer-btn a {
		font-size: 13px;
	}
	
	ol, ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
}


@media (min-width: 768px) {
	body {
		background: url(/online/images/pcbody.jpg) no-repeat center center;
		min-width: 1260px;
		padding: 0;
		margin: 0;
		background-size: cover;
		background-attachment: fixed
	}
	
	.container {
		width: 1260px;
		min-height: 100%;
		overflow: hidden;
		margin: 0 auto;
	}
	
	.topback_view {
		width: 100%;
		height: 60px;
		display: flex;
		align-items: center;
		padding-top: 15px;
		box-sizing: border-box;
		font-size: 18px;
		color: #fff;
	}
	
	.mincontent {
		width: 100%;
		height: 785px;
		overflow: hidden;
		margin-top: 20px;
	}
	
	.minleft_view {
		width: 375px;
		background: rgba(255,255,255,0.36);
		float: left;
		height: 100%;
		border-radius: 5px;
		margin-right: 22px;
	}
	
	.sacrifice_view {
		width: 465px;
		background: url(/online/images/pcsacrifice.jpg) no-repeat center center;
		background-size: 100% 100%;
		float: left;
		height: 100%;
		position: relative;
	}
	
	.face_view {
		width: 86px;
		height: 111px;
		position: absolute;
		left: 190px;
		top: 290px;
		z-index: 2;
		background: #fff;
	}
	
	.face_view img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	
	.face_view .utitle {
		background: #505050;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		color: #ffdb9d;
	}
	
	.mbname_lists {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: auto;
		overflow: hidden;
	}
	
	.face_view .mbname {
		writing-mode: vertical-lr;
		letter-spacing: 3px;
		width: 20px;
		text-align: center;
	}
	
	.x_view {
		position: absolute;
		width: 86;
		left: 50%;
		margin-left: -43px;
		bottom: 275px;
		z-index: 2;
	}
	
	.candle_view_left {
		position: absolute;
		left: 156px;
		height: 60px;
		bottom: 276px;
		z-index: 2;
	}
	
	.candle_view_right {
		position: absolute;
		right: 151px;
		height: 60px;
		bottom: 277px;
		z-index: 2;
	}
	
	.smoke_view {
		position: absolute;
		width: 220px;
		height: 34px;
		left: 130px;
		bottom: 225px;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	
	.smoke_item {
		height: 100%;
		margin: 0px 5%;
		display: inline-block;
	}
	
	.flower_view_left {
		position: absolute;
		left: 120px;
		bottom: 155px;
		height: 90px;
		z-index: 2;
	}
	
	.flower_view_right {
		position: absolute;
		right: 108px;
		bottom: 154px;
		height: 92px;
		z-index: 2;
	}
	
	.fruits_view {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		position: absolute;
		width: 145px;
		height: calc(100vh*(125/1334));
		left: 165px;
		bottom: 154px;
		z-index: 2;
		height: auto;
		overflow: hidden;
	}
	
	.fruits_warp {
		width: 48px;
		width: calc(96%/3);
		margin-left: 0;
		float: left;
	}
	
	.fruits_view .fruits_warp:nth-child(2) {
		position: relative;
		bottom: -1.5px;
	}
	
	.fruits_view .fruits_warp:nth-child(3) {
		position: relative;
		bottom: -3px;
	}
	
	.food_view {
		position: absolute;
		width: 320px;
		height: 120px;
		left: 80px;
		bottom: 10px;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.food_view8 .food_item {
		padding: 0px 2%;
		box-sizing: border-box;
		display: inline-block;
	}
	
	.food_view8 {
		flex-wrap: wrap;
	}
	
	.food_view8 .food_item {
		padding: 0px 2%;
		box-sizing: border-box;
		width: 22%;
	}
	
	.minright_view {
		width: 375px;
		height: auto;
		overflow: hidden;
		float: right;
	}
	
	.create_view {
		width: 375px;
		height: 162px;
		background: rgba(255,255,255,0.36);
		border-radius: 5px;
		overflow: hidden;
	}
	
	.create_btn {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		overflow: hidden;
		border: 2px solid #fff;
		margin: 36px auto 10px auto;
		text-align: center;
		font-size: 30px;
		color: #fff;
		box-sizing: border-box;
	}
	
	.gifts_view {
		width: 100%;
		height: 609px;
		background: rgba(255,255,255,0.36);
		border-radius: 5px;
		overflow: hidden;
		margin-top: 13px;
	}
	
	.gifts_lists {
		width: 372px;
		height: 428px;
		overflow: hidden;
		overflow-y: auto;
	}
	
	.gifts_lists::-webkit-scrollbar {
		width: 3px;
		height: 1px;
	}
	
	.gifts_lists::-webkit-scrollbar-thumb {
		border-radius: 3px;
		background: #ffffff;
	}
	
	.gifts_lists::-webkit-scrollbar-track {
		border-radius: 3px;
		background: #bec9d7;
	}
	
	.gifts_lists ul {
		width: 382px;
		list-style: none;
	}
	
	.gifts_lists li {
		width: 158px;
		float: left;
		margin-left: 22px;
		cursor: pointer;
		margin-bottom: 18px;
		list-style: none;
	}
	
	.gifts_lists li .giftimg {
		width: 100%;
		height: 140px;
		background: #e8e8e8;
		overflow: hidden;
	}
	
	.gifts_lists li .giftimg img {
		height: 88px;
		margin: 27px auto;
		display: block;
	}
	
	.gifts_lists li .giftname {
		width: 100%;
		height: 36px;
		background: #989898;
		text-align: center;
		padding: 0px 10px;
		font-size: 15px;
		box-sizing: border-box;
		color: #fff;
		line-height: 36px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.gifts_lists li.hover .giftname {
		background: #e3a84f;
	}
	
	.submitbtn {
		width: 340px;
		height: 48px;
		text-align: center;
		margin: 30px auto 0 auto;
		display: block;
		background: #BC7F26;
		background: -webkit-gradient(linear,0% 0%, 80% 100%, from(#E3A84F), to(#BC7F26));
		border-radius: 5px;
		border: none;
		color: #fff;
		font-size: 18px;
		cursor: pointer;
	}
	
	.feedList {
		width: calc(100% - 3px);
		padding: 0px 15px;
		box-sizing: border-box;
		height: 440px;
		overflow: hidden;
		overflow-y: auto;
	}
	
	.feedList::-webkit-scrollbar {
		width: 3px;
		height: 1px;
	}
	
	.feedList::-webkit-scrollbar-thumb {
		border-radius: 3px;
		background: #ffffff;
	}
	
	.feedList::-webkit-scrollbar-track {
		border-radius: 3px;
		background: #bec9d7;
	}
	
	.noteitem,.feeditem {
		width: 100%;
		height: auto;
		padding: 10px 10px;
		display: flex;
		align-items: center;
		background: rgba(0,0,0,0.26);
		border-radius: 3px;
		overflow: hidden;
		margin-bottom: 10px;
		box-sizing: border-box;
	}
	
	.noteitem .noteface {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		overflow: hidden;
		margin-right: 5px;
		float: left;
	}
	
	.noteitem .notephone {
		color: #fff;
		font-size: 14px;
		width: 90px;
		float: left;
	}
	
	.noteitem .notcontent {
		width: 180px;
		flex: 1;
		color: #fff;
		font-size: 14px;
		float: right;
	}
	
	.sendmsgbox {
		width: 100%;
		height: 265px;
		background: rgba(255,255,255,0.12);
		margin-top: 20px;
		padding: 15px 15px;
		box-sizing: border-box;
	}
	
	.textinput {
		width: 100%;
		height: 130px;
		border: none;
		background: none;
		resize: none;
		color: #fff;
		font-size: 16px;
	}
	
	.textinput::-webkit-input-placeholder {
		color: #fff;
	}
	
	.feedbackbtn {
		width: 100%;
		background: #00bcf9;
		height: 48px;
		border: none;
		border-radius: 3px;
		color: #fff;
		font-size: 18px;
		cursor: pointer;
		margin-top: 20px;
	}
	
	.gray {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
	}
	
	.layui-layer-btn a {
		font-size: 13px;
	}
	
	ol, ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
}