.bg {
    width: 100%;
    height: 100%;
    background: rgba(255,240,245,1);
    position: fixed;
    z-index: -11;
	
}

.game-address{
	font-size: 3vw;
	text-align: left;
	letter-spacing: 0.3vw;
}
.ice-logo{
	height: 23.4vw;
    width: auto;
    position: relative;
    padding: 6vw;
    margin: 0 auto;
    text-align: center;
}
.ice-logo img{
	height: 100%;
	width: auto;
}

input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}
@media screen and (orientation:landscape) {
	body{
		display: none;
	}
	html{
		background: url(../images/mobile-tips.jpg) #ffe4ec;		
	}
}

.htmlpc{
	background:  #000!important ;
	background-position: center!important;
	background-size: cover;
}
a {
	text-decoration: none;
}
html, body {
    /*background: #ffe3ec;*/
	font-family: Arial, "sans-serif";
	height: 100%;
	width: 100%;
}
html{
	background-position: center!important;
		background-size: cover!important;
}
.m10 {
    height: 0;
    margin-bottom: 10px;
}
.m20 {
    height: 0;
    margin-bottom: 20px;
}
.m40 {
    height: 0;
    margin-bottom: 40px;
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.game-content-game2-btn{
	width: 100%;
	height: auto;
	position: relative;
}
.game-content-game2-btn img{
	width: 100%;
	height: auto;
}
.flex-pace-between {
    display: flex;
    justify-content: space-between;
}
.fw-img img, .close-btn img{
    width: 100%;
    height: auto;
}
.game-content-input-tips {
    margin-bottom: 2vw;
}
.text-style-1 {
    color: #425a83;
    text-align: center;
    font-size: 4vw;
    letter-spacing: 0.5vw;
    font-weight: 500;
	font-family: Arial, "sans-serif"
}
.text-style-2 {
    color: #425a83;
	font-family: Arial, "sans-serif";
    font-size: 4.4vw;
    letter-spacing: 0.8vw;
    line-height: 1.5;
    font-weight: 400;
    text-align: justify;
    text-justify: inter-ideograph;
}
.text-style-3 {
    color: #425a83;
    text-align: center;
    font-size: 3.5vw;
    letter-spacing: 0.5vw;
    font-weight: 500;
	font-family: Arial, "sans-serif"
}
.text-style-chat span {
    font-weight: 500;
    color: #ff378f;
	font-family: Arial, "sans-serif";
}
.game-content-game2-ele1{
	width: 94%;
	height: auto;
	text-align:left;
	margin: 0 auto;
}
.game-content-game2-ele1 img{
	width: 70%;
	height: auto;
}
/*@media only screen and (max-width: 750px) {*/
.game-content-loading {
    width: 25%!important;
}
.game-content-loading-point {
    width: 2.7vw;
    height: 2.7vw;
    border-radius: 200vw;
    background: #425a83;
    margin-left: 6%;
    margin-right: 6%;
    top: 0vw;
    position: relative;
}
.game-content-input-2row {
    width: calc(100% - 1vw);
    background: #ffffff;
    position: relative;
    border: #d7d1cf 0.5vw solid;
    margin-bottom: 2vw;
    border-radius: 2.55vw;
    overflow: hidden;
}
.game-content-input-2row-hr {
    width: 80%;
    position: absolute;
    height: 1px;
    background: rgba(175,175,175,0.30);
    left: 10%;
    top: 50%;
    z-index: 200;
}
.game-content-input-2row input {
    width: 100%;
    border: 0px;
    height: 12.5vw;;
    text-align: center;
    color: #9f9f9f;
    outline: none;
    font-size: 4.5vw;
    letter-spacing: 0.5vw;
}
.game2-group {
    border: 0.5vw #24417f solid;
    width: calc(100% - 1vw);
    border-radius: 2.55vw;
    overflow: hidden;
    background: #ffffff;
}
.game2-group-logo {
    margin-bottom: 2vw;
	border-radius: 2.55vw;
	overflow: hidden;
}
.game2-group textarea {
    text-align: center;
    color: #9f9f9f;
    outline: none;
    font-size: 4.5vw;
    letter-spacing: 0.5vw;
    width: 100%;
    line-height: 9vw;
    height: 40vw;
    background: url(../images/game2-textbg.jpg);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: 90% 9vw;
    border: 0px;
}
.menu-popup-gift-group{
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(255,204,226,0.80);
	z-index: 300;
	display: none;
}
.menu-popup-gift-group img{
	width: 90vw;
	height: auto;
}
.menu-popup-group {
    background: rgba(44,78,152,0.95);
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ffffff;
    line-height: 2.5;
    font-size: 6.5vw;
    z-index: 300;
    letter-spacing: 0.8vw;
}
.menu-display {
    display: none;
    position: relative;
    z-index: 300;
}
.menu-popup-group2 {
    display: flex;
    flex-wrap: wrap;
}
.menu-popup-group2 a {
    color: inherit;
    text-decoration: inherit;
    width: 100%;
}
.menu-popup-btn-group{
	text-align: center;
	width: 60%;
	margin: 0 auto;
	border: 1px solid rgba(255,251,252,0.30);
    padding: 3vw;
    border-radius: 100vw;
	margin-top: 3vw;
}
.menu-popup-btn-group img{
	width: 27vw;
	height: auto;
}

.close-btn {
    width: 10vw;
    height: auto;
    position: absolute;
    right: 10vw;
    top: 10vw;
}

.game2-group-submit {
    width: 100%;
    background: #24417f;
    font-size: 5vw;
    color: #ffffff;
    text-align: center;
    height: 12vw;
    letter-spacing: 0.5vw;
}
.game-content-input-1row {
    width: calc(100% - 1vw);
    height: 13vw;
    background: #ffffff;
    position: relative;
    border: #d7d1cf 0.5vw solid;
    margin-bottom: 2vw;
    border-radius: 2.55vw;
    overflow: hidden;
}
.game-content-input-1row input {
    width: 100%;
    border: 0px;
    height: 100%;
    text-align: center;
    color: #9f9f9f;
    outline: none;
    font-size: 4.5vw;
    letter-spacing: 0.5vw
}
.game-sticker{
	position: relative;
	width: 90%;
	text-align: left;
	margin: 0 auto;
}
.game-sticker img{
	width: 38vw;
	height: auto;
}

.game-sticker-style2{
	position: absolute;
	bottom: 3vw;
	width: 35vw;
	-webkit-filter: drop-shadow(0px 5px 5px rgba(115,61,79,0.50 ));
    filter: drop-shadow(0px 5px 5px rgba(115,61,79,0.50) );
	
}
.game-sticker-style2 .game-sticker-text{
	position: absolute;
	bottom: -1.5vw;
	animation: gs-2 linear 0.2s infinite;

}
.game-sticker-2{
	width: 100%!important;
}
.game-sticker-2 div{
	width: 45%;
	height: 31vw;
	background: #fff;
	background: url(../images/click_313961.png) no-repeat right bottom #fff;
	background-size: 15% 20%;
	background-position: 90% 90%;
    margin-left: 2.5%;
    margin-right: 2.5%;
	border-radius: 2.5vw;
	box-shadow: 0.8vw 1vw 0 0 #ff378f;
	
}
.game-sticker-2 div img{
	width: 80%;
	height: auto;
}
 @keyframes gs-2 {
 0% {
transform: rotate(0deg);
}

 50% {
transform: rotate(5deg);
}

100% {
transform: rotate(0deg);
}	 
}
.game-sticker-style2 img{
	width: 100%;
	height: auto;
}
.loading-1 {
    animation-name: typing1;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}
 @keyframes typing1 {
 0% {
top:0vw;
}
 10% {
top: 0vw;
}
 30% {
top: -1.7vw;
}
 50% {
top: 0vw;
}
 100% {
top:0vw;
}
}


.btn-animation img {
    animation-name: btnjump;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
	top: 0;
	position: relative;
}
 @keyframes btnjump {
 0% {
top:0vw;
}
 14% {
top: 0vw;
}
 34% {
top: -1.7vw;
}
 54% {
top: 0vw;
}
 100% {
top:0vw;
}
}


.btn-animation2 img {
    animation-name: btnjump2;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
	top: 0;
	position: relative;
}
 @keyframes btnjump2 {
 0% {
top:0vw;
}
 54% {
top: 0vw;
}
74%{top: -1.7vw;}	 
 100% {
top:0vw;
}
}



.loading-2 {
    animation-name: typing2;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}
 @keyframes typing2 {
 0% {
top:0vw;
}
 14% {
top: 0vw;
}
 34% {
top: -1.7vw;
}
 54% {
top: 0vw;
}
 100% {
top:0vw;
}
}




.loading-3 {
    animation-name: typing3;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}
 @keyframes typing3 {
 0% {
top:0vw;
}
 18% {
top: 0vw;
}
 38% {
top: -1.7vw;
}
 58% {
top: 0vw;
}
 100% {
top:0vw;
}
}
.game-sayhi-group{
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 400;
}
.game-sayhi{
	width: 70vw;
	height: 10vw;
	background: white;
	border-radius: 2.55vw;
	border:solid 0.5vw #2c4e98;
	position: relative;
	outline: none;
	text-align: center;
	font-size: 5vw;
	letter-spacing: 1.2vw;
	color: #2c4e98;
}
.text-style-chat {
    color: #425a83;
    font-size: 4.4vw;
    letter-spacing: 0.8vw;
    line-height: 1.5;
    font-weight: 400;
    text-align: justify;
    text-justify: inter-ideograph;
	font-family: Arial;
}
.game-content-chat {
    width: 94%;
    height: auto;
    padding: 3%;
    background: #c1e8f5;
    border-radius: 4vw;
    box-shadow: 0px 2px 0px 0px #93c5d5;
    margin-bottom: 2vw;
}
.game-content {
    width: 96%;
    margin: 0 auto;
    height: calc(80vh - 22vw);
    overflow: scroll;
	margin-top: 2vw;
	margin-bottom: 2vw;
	transition: all 1s ease;
}
.game-content div{
	
}
.game-name-voice{
    width: 44%;
    height: 13vw;
    opacity: .5;
	transform-origin:center 50%;
	transition: all 1s ease;
}
.game-name-voice-start{
	 height: 0vw;
}
.game-name-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 96%;
    height: 13vw;
    margin: 0 auto;
}
.game-name-photo-group {
    display: flex;
    align-items: center;
}
.game-name {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #f11b61;
    font-size: 4.1vw;
    margin-left: -7vw;
    padding-left: 9vw;
    height: 11vw;
    position: relative;
    letter-spacing: 0.2vw;
    font-weight: 500;
    z-index: 100;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.name-boy {
    color: #597dcc;
}
.game-name span {
    font-size: 3.3vw;
    letter-spacing: 0.5vw;
    width: 100%;
    margin-top: -2vw;
}
.game-logo-group {
    width: 100%;
    height: 22vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.game-name-photo {
    width: 13vw;
    height: 13vw;
    z-index: 200;
}
.game-name-photo img {
    -webkit-filter: drop-shadow(0px 5px 5px rgba(115,61,79,0.50 ));
    filter: drop-shadow(0px 5px 5px rgba(115,61,79,0.50) );
}
.game-logo {
    width: 50vw;
    height: auto;
    position: relative;
    text-align: center;
}
.game-logo img {
    width: 90%;
    height: auto;
}
.game-menu {
    width: 17vw;
    height: auto;
    position: relative;
    text-align: center;
}
.game-menu img {
    width: 45%;
    height: auto;
}
.pagebtn {
    display: none;
    justify-content: space-between;
    height: 19.4vw;
}
.pagebtn div, .pagebtn div img {
    width: auto;
    height: 100%;
}
.game-border-gruop {
    width: 100vw;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
}
.game-border {
    width: calc(100vw - 10vw);
    height:90vh;
    border-radius: 4.5vw;
    border: .8vw solid #ffffff;
    position: relative;
    overflow: hidden;
    background: #fff0f5;
}
.tnc {
    padding: 0;
    width: 80vw;
    list-style-type: decimal;
    position: relative;
    margin: 0 auto;
    left: 1.5vw;
    font-size: 3.2vw;
    color: #425a83;
    font-weight: 500;
    display: none;
    padding-bottom: 5vw;
}
.tnc li {
    font-size: 3.2vw;
    font-weight: 500;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.5;
    color: #425a83;
}
.game2-intro-1 {
    position: relative;
    margin: 0 auto;
    width: 88vw;
    height: 3.8vw;
    text-align: right;
    margin-top: 5vw;
}
.game2-intro-1 img {
    width: auto;
    height: 100%;
}
.game2-intro-2 {
    position: relative;
    margin: 0 auto;
    width: 88vw;
    margin-top: 2vw;
}
.game2-intro-2 img {
    width: 100%;
    height: auto;
}
.small-girl {
    width: 18.4vw;
    position: absolute;
    right: -6vw;
    bottom: -5vw;
    z-index: 220;
}
.btn-group {
    width: 88vw;
    height: 16vw;
    position: relative;
    margin: 0 auto;
    margin-top: 3vw;
}
.btn-style {
    height: 16vw;
    background: #294187;
    border-radius: 2.55vw;
}
.btn-style div {
    /*width: 85%;
		height: 85%;*/
    width: calc(100% - 3vw);
    height: calc(100% - 3vw);
    background: #294187;
    border-radius: 3vw;
    box-shadow: 0 2vw 1vw 0 rgba(0,0,0,0.20);
}
.btn-style4 {
    height: 16vw;
    width: 100%;
    background: #294187;
    border-radius: 2.55vw;
    margin-bottom: 2vw;
	text-decoration: none;
}
.btn-style4 img,.btn-style4 a img{
	height: 60%;
	width: auto;
	margin-right: 3vw;
	text-decoration: none;
}
.btn-style4 div, .btn-style4 a div {
    color: #ffffff;
    font-size: 5vw;
    letter-spacing: 1vw;
    width: calc(100% - 3vw);
    height: calc(100% - 3vw);
    background: #294187;
    border-radius: 3vw;
	text-decoration: none;
    box-shadow: 0 2vw 1vw 0 rgba(0,0,0,0.20);
}
.btn-style2 {
    height: 16vw;
    width: 50%;
    background: #294187;
    border-radius: 2.55vw 0vw 0vw 2.55vw;
    justify-content: flex-end;
}
.btn-style2 div {
    /*width: 85%;
		height: 85%;*/
	
    width: calc(100% - 3vw/2);
    height: calc(100% - 3vw);
    background: #294187;
    border-radius: 2.55vw 0vw 0vw 2.55vw;
    box-shadow: 0 2vw 1vw 0 rgba(0,0,0,0.20);
}
.btn-style3 {
    height: 16vw;
    width: 50%;
    background: #da3d69;
    border-radius: 0vw 2.55vw 2.55vw 0vw;
    justify-content: flex-start;
}
.btn-style3 div {
    /*width: 85%;
		height: 85%;*/
	
    width: calc(100% - 3vw/2);
    height: calc(100% - 3vw);
    background: #da3d69;
    border-radius: 0vw 2.55vw 2.55vw 0vw;
    box-shadow: 0 2vw 1vw 0 rgba(0,0,0,0.20);
}
.btn-choose {
    width: 100%;
    margin-bottom: 2vw;
}
.btn-color {
    background: #e5378c;
}
.btn-color div {
    background: #e5378c;
}

.btn-color-2,.btn-color-2 div {
    background: #2c4e98;
}

.btn-color-3,.btn-color-3 div {
    background: #2c6a98;
}
.btn-color-4,.btn-color-4 div {
    background: #2c9498;
}

.btn-color-5,.btn-color-5 div {
    background: #e5378c;
}


.btn-color-6,.btn-color-6 div {
    background: #e95082;
}


.btn-color-7,.btn-color-7 div {
    background: #e95150;
}

.btn-color-8,.btn-color-8 div ,.btn-color-8 a div {
    background: #2c9839;
}

.btn-color-9,.btn-color-9 div {
    background: #9d2e69;
}
.index-btn-menu {
    width: 16vw;
}
.index-btn-menu img {
    width: 60%;
    height: auto;
}
.index-btn-start {
    width: 69vw;
}
.btn-img {
    width: 100%!important;
}
.btn-img img {
    height: 50%;
    width: auto;
}
.index-btn-start img {
    width: 40%!important;
    height: auto;
}
.kv-girl {
    bottom: 0;
    position: absolute;
    z-index: 1;
    line-height: 0;
	transition: all 1s ease;
}
.kv-girl-start{
    bottom:-20vw;
}
.kv-logo {
    width: 80vw;
    height: auto;
    top: 12vw;
    left: 10vw;
    position: absolute;
    z-index: 199;
	transition: all 1s ease;
}
.kv-logo-start{
	top: -10vw;
}
.text-1 {
    position:relative;
    width: 100%;
	padding-top: 2vw;
	padding-bottom: 0.5vw;
    left: 0;
    z-index: 201;
}
.text-2 {
    position: relative;
    width: 86vw;
    ;
    margin: 0 auto;
    z-index: 201;
    margin-top: 3vw;
}
.text-3 {
    position: relative;
    width: 86vw;
    ;
    margin: 0 auto;
    z-index: 201;
    margin-top: 3vw;
    padding-bottom: 3vw;
    text-decoration: underline;
}
.kv-top-grid {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.kv-top-white-layer {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
}
.m10 {
    height: 0;
    margin-bottom: 1vw;
}
.m20 {
    height: 0;
    margin-bottom: 2vw;
}
.m40 {
    height: 0;
    margin-bottom: 4vw;
}
.kv-group {
    width: 100vw;
    background: #ffe3ec;
    height: 115.6vw;
    position: relative;
	overflow: hidden;
}
/*}*/
.btn-style2 a img, .btn-style3 a img {
    width: auto;
    height: 6vw;
}