:root {
	--vh-offset:0px;
}

.button_solid_sub {
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #6E86B2;
	border-radius: 14px;
	font-size: 14px;
	color: white;
	box-sizing: border-box
}

.button_hollow_sub {
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: '';
	border: 1px solid #6E86B2;
	font-size: 14px;
	color: #6E86B2;
	box-sizing: border-box
}

.button_solid_main {
	width: 100%;
	height: 40px;
    
    display: flex;
	justify-content: center;
    align-items: center;
    
	background: #cca352;
    
    border-radius: 14px;
    
    font-size: 14px;
	color: white;
    
    box-sizing: border-box
}

.button_hollow_main {
	width: 100%;
    height: 40px;
    
	display: flex;
	justify-content: center;
    align-items: center;
    
	background: '';
    
    border-radius: 14px;
	border: 1px solid #cca352;
    
    font-size: 14px;
	color: #cca352;
    
    box-sizing: border-box
}

@-webkit-keyframes  shineRed {
from { -webkit-box-shadow: 0 0 5px #bbb; }
50% { -webkit-box-shadow: 0 0 10px red; }
to { -webkit-box-shadow: 0 0 5px #bbb; }
}

@-webkit-keyframes shineBlue {
from { -webkit-box-shadow: 0 0 9px #333; }
50% { -webkit-box-shadow: 0 0 18px blue; }
to { -webkit-box-shadow: 0 0 9px #333; }
}

.shine_main{
-webkit-animation-name: shineRed;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
}

/**
* Transitions
*/
.fade-enter {
opacity: 0.01;
transform: translateY(40px);
}

.fade-enter.fade-enter-active {
opacity: 1;
transform: translateY(0px);
transition: opacity 300ms ease-out, transform 300ms ease-out;
}

.fade-leave {
opacity: 1;
transform: translateY(0px);
}

.fade-leave.fade-leave-active {
opacity: 0.01;
transform: translateY(-40px);
transition: opacity 300ms ease-in, transform 300ms ease-in;
}

.wheel-container {
width: 100%;
}

.wheel-container .wheel-main {
text-align: center;
position: relative;
background-size: auto 100%;
background-position: center;
margin: 0 auto;
width: 100%;
}

.wheel-container .wheel-main .wheel {
margin: 0 auto;
width: 422px;
position: relative;
}

.wheel-container .wheel-main .wheel .wheel-circle {
position: relative;
}

.wheel-container .wheel-main .wheel .item {
position: absolute;
width: 82%;
top: 9%;
right: 9%;
}

.wheel-container .wheel-main .wheel .pointer {
position: absolute;
width: 140px;
height: 173.4px;
left: 33.7%;
top: 25.8%;
cursor: pointer;
}

.wheel-container img {
max-width: 100%;
}

@media screen and (max-width: 375px) {
.wheel-container .wheel-main .wheel {
	width: 300px;
}
}

@media screen and (max-width: 320px) {
.wheel-container .wheel-main .wheel {
	width: 280px;
}
}

@media screen and (max-width: 414px) {
.wheel-container .wheel-main .wheel {
	width: 300px;
}
}

.complaint-line {
	width: 100%;
	height: 2px;
	background: gray;
}