@charset "UTF-8";*{-webkit-tap-highlight-color:transparent;outline:0}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
img{border:0 none;vertical-align:top}
i,em{font-style:normal}
ol,ul,li{list-style:none}
input,select,button,h1,h2,h3,h4,h5,h6{font-size:100%;font-family:inherit;appearance:none;-moz-appearance:none}
table{border-collapse:collapse;border-spacing:0}
a,a:visited{text-decoration:none;color:#171717}::-webkit-input-placeholder{color:#666;font-weight:500;font-size:20px}:-moz-placeholder{color:#666;font-weight:500;font-size:20px}::-moz-placeholder{color:#666;font-weight:500;font-size:20px}:-ms-input-placeholder{color:#666;font-weight:500;font-size:20px}
.clear{clear:both}
html{font-size:100px}
body{
	margin:0 auto;
	min-width:320px;
	max-width:750px;
	background:#fff;
	background-size:cover;
	font-size:.3rem;
	line-height:1.5;
	color:#171717;
	-webkit-text-size-adjust:100%!important
}


#wraplogin{
	width:100%;
	margin:0 auto;
	min-width:320px;
	max-width:750px;
	background:#fff;
	background-size:cover;
	font-size:.3rem;
	line-height:1.5;
	color:#171717;
	-webkit-text-size-adjust:100%!important
}
.reg_body{
	background:#efeae8;
	background-image:none
}
#header{
	height:.86rem
}
#header .topbox{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:9999
}
#header .topbox_m{
	position:relative;
	height:.86rem;
	background:#e65050
}
#header .topbox h2{
	display:block;
	height:.86rem;
	text-align:center;
	font-size:.36rem;
	color:#fff;
	line-height:.86rem;
	cursor:pointer;
	margin:0 1.5rem;
	font-weight:normal
}
#header .topbox .back{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:.8rem;
	height:.86rem;
	background:url(../../images/top/back.png) center center no-repeat;
	background-size:.8rem .8rem
}
.login_main{
	position:fixed;
	left:.3rem;
	right:.3rem;
	margin-top:-5.1rem;
	top:50%
	
}
.login_logo{
	height:2.6rem
	
}
.login_logo img{
	display:block;
	margin:0 auto;
	height:2.14rem
	
}
.login_box{
	padding:.2rem .39rem .84rem .39rem;
	background:#f7f4f2;
	border-radius:.12rem;
	box-shadow:0 .1rem .2rem rgba(0,0,0,0.1)
	
}
.login_tit{
	font-size:.36rem;
	color:#171717;
	line-height:.56rem;
	padding:.3rem .3rem 0 .3rem
	
}
.login_form .item{
	border:1px #dbd3ce solid;
	height:.86rem;
	background:#e8e0dd;
	border-radius:.06rem;
	position:relative;
	margin-top:.3rem
	
}
.login_form .item .input{
	border:0;
	background:0;
	height:.86rem;
	font-size:.3rem;
	text-indent:.95rem;
	width:100%
	
}
.login_form .item .viewpass{
	position:absolute;
	right:0;
	top:0;
	width:.95rem;
	height:.86rem;
	display:block;
	background:url(../../images/login/view.png) center top no-repeat;
	background-size:.95rem 1.72rem
	
}
.login_form .item .viewpass_on{
	background-position:center bottom
	
}
.login_form .item:nth-child(1):after{
	position:absolute;content:"";
	display:block;
	left:0;
	top:0;
	width:.95rem;
	height:.86rem;background:url(../../images/login/username.png) left top no-repeat;
	background-size:.95rem .86rem
	
}
.login_form .item:nth-child(2):after{
	position:absolute;
	content:"";
	display:block;
	left:0;
	top:0;
	width:.95rem;
	height:.86rem;
	background:url(../../images/login/password.png) left top no-repeat;
	background-size:.95rem .86rem
	
}
.login_tip{
	height:.6rem;
	line-height:.6rem;
	font-size:.28rem;
	padding-left:.2rem
	
}
.login_tip.error{
	background:url(../../images/login/tip.png) .2rem center no-repeat;
	background-size:.32rem .32rem;
	padding-left:.62rem;
	color:#e54d4d
	
}
.login_btn{
	margin-bottom:.2rem
	
}
.login_prompt{
	float:right
	
}
.login_btn .btn{
    width: 100%;
    height: 40px;
    display: inline-block;
    border: none;
    cursor: pointer;
    color: #FFF;
    font-size: 16px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
	
}
.login_btn .aftercheck{
	background:#0085ff;
	background-image:-webkit-gradient(linear,0% 0,0% 100%,from(##dfc64a),to(#dfc64a))
	
}
.login_nav{
	height:.9rem
	
}
.login_nav a{
	float:left;
	width:100%;
	border:1px #e2d3cd solid;
	height:.86rem;
	line-height:.86rem;
	background:#e8e0dd;
	background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#eee2dd),to(#e2d3cd));
	border-radius:.06rem;
	font-size:.36rem;
	color:#171717;
	text-align:center
	
}
.login_nav a:nth-child(2){
	float:right
	
}
.login_nav a:hover{
	border:1px #dfc64a solid;
	background:#dfc64a;
	background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#dfc64a),to(#dfc64a));
	color:#fff
	
}
.reg_main{
	height:-webkit-fill-available;padding:.2rem
	
}
.reg_form{
	padding-bottom:.4rem
	
}
.reg_form .item{
	margin-bottom:.2rem;
	box-shadow:0 1px 1px #fdfcfb;
	border:1px #dbd3ce solid;
	height:.86rem;
	background:#e8e0dd;
	border-radius:.06rem;
	position:relative
	
}
.reg_form .item .input{
	border:0;
	background:0;
	height:.86rem;
	font-size:.24rem;
	text-indent:1.83rem;
	width:100%
	
}
.reg_form .item .code_btn{
	position:absolute;
	top:.11rem;
	right:.19rem;
	height:.64rem;
	line-height:.64rem;
	background:#e65050;
	color:#fff;
	padding:0 1em;
	border-radius:.05rem
	
}
.reg_form .item .code_btns{
	position:absolute;
	top:.11rem;
	right:.19rem;
	height:.64rem;
	line-height:.64rem;
	background:#e8dbd5;
	color:#fff;
	padding:0 1em;
	border-radius:.05rem
	
}
.reg_form .item .t{
	position:absolute;
	left:.2rem;
	top:0;
	line-height:.86rem;
	font-size:.28rem;
	color:#171717
	
}
.reg_form .item .t i{
	font-style:normal;
	color:#e54d4d
	
}
.reg_form .item .yzm{
	position:absolute;
	top:.11rem;
	right:.19rem;
	height:.64rem
	
}
.loading_wrap{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(255,255,255,0.2);
	z-index:9999998
	
}
.loading_box{
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-21px;
	margin-top:-21px;
	z-index:9999999
	
}
.preloader{
	position:relative;
	width:42px;
	height:42px;
	-webkit-animation:preloader_s 5s infinite linear;
	animation:preloader_s 5s infinite linear
	
}
.preloader span{
	width:20px;
	height:20px;
	position:absolute;
	background:red;
	display:block;
	-webkit-animation:preloader_s_span 1s infinite linear;
	animation:preloader_s_span 1s infinite linear
	
}
.preloader span:nth-child(1){
	background:#2ecc71
	
}
.preloader span:nth-child(2){
	left:22px;
	background:#9b59b6;
	-webkit-animation-delay:.2s;
	animation-delay:.2s
	
}
.preloader span:nth-child(3){
	top:22px;
	background:#3498db;
	-webkit-animation-delay:.4s;
	animation-delay:.4s
	
}
.preloader span:nth-child(4){
	top:22px;
	left:22px;
	background:#f1c40f;
	-webkit-animation-delay:.6s;
	animation-delay:.6s
	
}
@keyframes fade-in{0%{opacity:0}40%{opacity:.4}100%{opacity:1}}@-webkit-keyframes fade-in{0%{opacity:0}40%{opacity:.4}100%{opacity:1}}@-webkit-keyframes preloader_s{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes preloader_s_span{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(0.5)}100%{-webkit-transform:scale(1)}}@keyframes preloader_s_span{0%{transform:scale(1)}50%{transform:scale(0.5)}100%{transform:scale(1)}}@media screen and (max-width:640px){html{font-size:85.33px}}@media screen and (max-width:480px){html{font-size:64px}}@media screen and (max-width:414px){html{font-size:55.2px}}@media screen and (max-width:375px){html{font-size:50px}}@media screen and (max-width:360px){html{font-size:48px}}@media screen and (max-width:320px){html{font-size:42.67px}}



.button-row {
    padding: 1rem 0.7rem;
}
.mui-btn-block {
    font-size: 18px;
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto 10px auto;
}
.mui-btn-gold {
    background: linear-gradient(90deg, #D4B38F 0%, #B88964 100%);
    border-radius: 46px!important;
    color: #fff;
}
.btn-reg {
    border: 1px solid #DCDCDC!important;
    border-radius: 46px!important;
}
.button-row button {
    border: 0;
    border-radius: 0.2rem;
}
input[type='button'], input[type='submit'], input[type='reset'], button, .mui-btn {

    background-color: #fff;

}
* {
    padding: 0;
    margin: 0;
}

#kefu {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 999;
    width: 60px;
    height: 60px;
}

#kefu .topBtn {
    width: 60px;
    height: 60px;
    background-color: #f2f2f2;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    -webkit-animation: wobble 250ms infinite;
    animation: wobble 250ms infinite;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUdwTP9iPv9iPv9iPv9iPv9iPv9iPf9iPf9iPv9gPP9iPv9jPv9iPv9hPf9iPv9iPv9iPv9gP/9iPv9iPrIs3oMAAAATdFJOUwBXZa/loTTAgkBMGpUpc/PRD9vhGs8/AAAB50lEQVRIx8VW27arIAyUOwIKyP//6yERa7GB9mGvdfJQLcxIMiSBZfkPtnGTZIwyGe6/o/1uypsJ9gUeIsCkUNYqIeH9sBM8OyrC7Pr6r3E540Z4W2et7sdWBYM0XlRfCJd59TJQ+Lq62dARZlWK0oSdoUq6zgjiQxUPT6feRJLWt2/xJ36ts0DrRH1RZJHbg5BK1GfYT0sVqmNRPX7HRSn8yagOd3r4A8Ki8ScjlZT7iFdYZcTwgHiPW1WFshwSYOe6KLws+6LG+CL9EuCnGUjPNgpottcSrBTl7hSqflKEcAUmHT6QMfOdY4bddoBSeuJ6fk7rMylGeNeS+LZ1Rghn+rCfCEnxVyXJKeEQwTL9LJQhwWiissKYIMk+xMcEsnQ7F4CwdTk2J8TlFjrOVzjzp/UCbF+ukL2hbYRAkLpqiEH7Uq1tkCo5UHfvx3WL6c0ya/ugcJ3tUz4sKn11eR7hm7nupodIDdVbMd1SFIGvtRFjNjtsGI7UUJQDT5RWTNGd9c5QmKjJ/n1WOgummIAIi92+Sr+Tijjz2IsVcW4kOfRAQ2dTHp+JzwGtWm3Ozi4VrlbqIHNMnuMxe3j226oktvxvZ2/6PCHmFu+KtS7/cBfAhD92pvOvl4f0mYjfrhvM/9XV5R/pND+z9PMyCgAAAABJRU5ErkJggg==');
}

#kefu .topBtn:active {
    background: #ddd;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUdwTP9iPv9iPv9iPv9iPv9iPv9iPf9iPf9iPv9gPP9iPv9jPv9iPv9hPf9iPv9iPv9iPv9gP/9iPv9iPrIs3oMAAAATdFJOUwBXZa/loTTAgkBMGpUpc/PRD9vhGs8/AAAB50lEQVRIx8VW27arIAyUOwIKyP//6yERa7GB9mGvdfJQLcxIMiSBZfkPtnGTZIwyGe6/o/1uypsJ9gUeIsCkUNYqIeH9sBM8OyrC7Pr6r3E540Z4W2et7sdWBYM0XlRfCJd59TJQ+Lq62dARZlWK0oSdoUq6zgjiQxUPT6feRJLWt2/xJ36ts0DrRH1RZJHbg5BK1GfYT0sVqmNRPX7HRSn8yagOd3r4A8Ki8ScjlZT7iFdYZcTwgHiPW1WFshwSYOe6KLws+6LG+CL9EuCnGUjPNgpottcSrBTl7hSqflKEcAUmHT6QMfOdY4bddoBSeuJ6fk7rMylGeNeS+LZ1Rghn+rCfCEnxVyXJKeEQwTL9LJQhwWiissKYIMk+xMcEsnQ7F4CwdTk2J8TlFjrOVzjzp/UCbF+ukL2hbYRAkLpqiEH7Uq1tkCo5UHfvx3WL6c0ya/ugcJ3tUz4sKn11eR7hm7nupodIDdVbMd1SFIGvtRFjNjtsGI7UUJQDT5RWTNGd9c5QmKjJ/n1WOgummIAIi92+Sr+Tijjz2IsVcW4kOfRAQ2dTHp+JzwGtWm3Ozi4VrlbqIHNMnuMxe3j226oktvxvZ2/6PCHmFu+KtS7/cBfAhD92pvOvl4f0mYjfrhvM/9XV5R/pND+z9PMyCgAAAABJRU5ErkJggg==');
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.8;
    }

    30% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
        opacity: 0.9;
    }

    50% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1;
    }

    85% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
        opacity: 0.9;
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.8;
    }

    30% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
        opacity: 0.9;
    }

    50% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1;
    }

    85% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
        opacity: 0.9;
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
}

#kefu span {
    width: 60px;
    height: 60px;
    background-color: #f2f2f2;
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
}

#kefu span.wechat {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
    z-index: -1;
}

#kefu span.wechat:hover .eweima {
    display: block;
}

#kefu span.wechat .eweima {
    position: absolute;
    right: 0;
    bottom: 70px;
    padding: 10px;
    background: rgba(163, 163, 163, 0.8);
    width: 120px;
    height: 150px;
}

#kefu span.wechat .eweima img {
    width: 120px;
    height: 120px;
    display: block;
}

#kefu span.wechat .eweima small {
    padding-top: 10px;
    font-style: normal;
    font-style: 14px;
    text-align: center;
    color: #fff;
    display: block;
}

#kefu span.qq {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    z-index: -1;
}

#kefu span.other {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
    z-index: -1;
}

#kefu span.other:hover .tel {
    display: block;
}

#kefu span.other .tel {
    position: absolute;
    right: 70px;
    bottom: 0;
    width: 120px;
    height: 50px;
    padding: 10px 10px 0 10px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 14px;
}

#kefu span.other .tel dt {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

#kefu span.other .tel dd {
    font-size: 14px;
}

#kefu .eweima, #kefu .tel {
    display: none;
}

#showKfList:checked + label {
    background: #ddd;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUdwTP9iPv9iPv9iPv9iPv9iPv9iPf9iPf9iPv9gPP9iPv9jPv9iPv9hPf9iPv9iPv9iPv9gP/9iPv9iPrIs3oMAAAATdFJOUwBXZa/loTTAgkBMGpUpc/PRD9vhGs8/AAAB50lEQVRIx8VW27arIAyUOwIKyP//6yERa7GB9mGvdfJQLcxIMiSBZfkPtnGTZIwyGe6/o/1uypsJ9gUeIsCkUNYqIeH9sBM8OyrC7Pr6r3E540Z4W2et7sdWBYM0XlRfCJd59TJQ+Lq62dARZlWK0oSdoUq6zgjiQxUPT6feRJLWt2/xJ36ts0DrRH1RZJHbg5BK1GfYT0sVqmNRPX7HRSn8yagOd3r4A8Ki8ScjlZT7iFdYZcTwgHiPW1WFshwSYOe6KLws+6LG+CL9EuCnGUjPNgpottcSrBTl7hSqflKEcAUmHT6QMfOdY4bddoBSeuJ6fk7rMylGeNeS+LZ1Rghn+rCfCEnxVyXJKeEQwTL9LJQhwWiissKYIMk+xMcEsnQ7F4CwdTk2J8TlFjrOVzjzp/UCbF+ukL2hbYRAkLpqiEH7Uq1tkCo5UHfvx3WL6c0ya/ugcJ3tUz4sKn11eR7hm7nupodIDdVbMd1SFIGvtRFjNjtsGI7UUJQDT5RWTNGd9c5QmKjJ/n1WOgummIAIi92+Sr+Tijjz2IsVcW4kOfRAQ2dTHp+JzwGtWm3Ozi4VrlbqIHNMnuMxe3j226oktvxvZ2/6PCHmFu+KtS7/cBfAhD92pvOvl4f0mYjfrhvM/9XV5R/pND+z9PMyCgAAAABJRU5ErkJggg==');
}

#showKfList:checked ~ span.wechat {
    -webkit-transform: translate(0, -70px);
    transform: translate(0, -70px);
    background-color: #3cb035;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUdwTP9iPv9iPv9iPv9iPv9iPv9iPf9iPf9iPv9gPP9iPv9jPv9iPv9hPf9iPv9iPv9iPv9gP/9iPv9iPrIs3oMAAAATdFJOUwBXZa/loTTAgkBMGpUpc/PRD9vhGs8/AAAB50lEQVRIx8VW27arIAyUOwIKyP//6yERa7GB9mGvdfJQLcxIMiSBZfkPtnGTZIwyGe6/o/1uypsJ9gUeIsCkUNYqIeH9sBM8OyrC7Pr6r3E540Z4W2et7sdWBYM0XlRfCJd59TJQ+Lq62dARZlWK0oSdoUq6zgjiQxUPT6feRJLWt2/xJ36ts0DrRH1RZJHbg5BK1GfYT0sVqmNRPX7HRSn8yagOd3r4A8Ki8ScjlZT7iFdYZcTwgHiPW1WFshwSYOe6KLws+6LG+CL9EuCnGUjPNgpottcSrBTl7hSqflKEcAUmHT6QMfOdY4bddoBSeuJ6fk7rMylGeNeS+LZ1Rghn+rCfCEnxVyXJKeEQwTL9LJQhwWiissKYIMk+xMcEsnQ7F4CwdTk2J8TlFjrOVzjzp/UCbF+ukL2hbYRAkLpqiEH7Uq1tkCo5UHfvx3WL6c0ya/ugcJ3tUz4sKn11eR7hm7nupodIDdVbMd1SFIGvtRFjNjtsGI7UUJQDT5RWTNGd9c5QmKjJ/n1WOgummIAIi92+Sr+Tijjz2IsVcW4kOfRAQ2dTHp+JzwGtWm3Ozi4VrlbqIHNMnuMxe3j226oktvxvZ2/6PCHmFu+KtS7/cBfAhD92pvOvl4f0mYjfrhvM/9XV5R/pND+z9PMyCgAAAABJRU5ErkJggg==');
}

#showKfList:checked ~ span.qq {
    -webkit-transform: translate(-70px, -70px);
    transform: translate(-70px, -70px);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUdwTP9iPv9iPv9iPv9iPv9iPv9iPf9iPf9iPv9gPP9iPv9jPv9iPv9hPf9iPv9iPv9iPv9gP/9iPv9iPrIs3oMAAAATdFJOUwBXZa/loTTAgkBMGpUpc/PRD9vhGs8/AAAB50lEQVRIx8VW27arIAyUOwIKyP//6yERa7GB9mGvdfJQLcxIMiSBZfkPtnGTZIwyGe6/o/1uypsJ9gUeIsCkUNYqIeH9sBM8OyrC7Pr6r3E540Z4W2et7sdWBYM0XlRfCJd59TJQ+Lq62dARZlWK0oSdoUq6zgjiQxUPT6feRJLWt2/xJ36ts0DrRH1RZJHbg5BK1GfYT0sVqmNRPX7HRSn8yagOd3r4A8Ki8ScjlZT7iFdYZcTwgHiPW1WFshwSYOe6KLws+6LG+CL9EuCnGUjPNgpottcSrBTl7hSqflKEcAUmHT6QMfOdY4bddoBSeuJ6fk7rMylGeNeS+LZ1Rghn+rCfCEnxVyXJKeEQwTL9LJQhwWiissKYIMk+xMcEsnQ7F4CwdTk2J8TlFjrOVzjzp/UCbF+ukL2hbYRAkLpqiEH7Uq1tkCo5UHfvx3WL6c0ya/ugcJ3tUz4sKn11eR7hm7nupodIDdVbMd1SFIGvtRFjNjtsGI7UUJQDT5RWTNGd9c5QmKjJ/n1WOgummIAIi92+Sr+Tijjz2IsVcW4kOfRAQ2dTHp+JzwGtWm3Ozi4VrlbqIHNMnuMxe3j226oktvxvZ2/6PCHmFu+KtS7/cBfAhD92pvOvl4f0mYjfrhvM/9XV5R/pND+z9PMyCgAAAABJRU5ErkJggg==');
}

#showKfList:checked ~ span.other {
    -webkit-transform: translate(-70px, 0);
    transform: translate(-70px, 0);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUdwTP9iPv9iPv9iPv9iPv9iPv9iPf9iPf9iPv9gPP9iPv9jPv9iPv9hPf9iPv9iPv9iPv9gP/9iPv9iPrIs3oMAAAATdFJOUwBXZa/loTTAgkBMGpUpc/PRD9vhGs8/AAAB50lEQVRIx8VW27arIAyUOwIKyP//6yERa7GB9mGvdfJQLcxIMiSBZfkPtnGTZIwyGe6/o/1uypsJ9gUeIsCkUNYqIeH9sBM8OyrC7Pr6r3E540Z4W2et7sdWBYM0XlRfCJd59TJQ+Lq62dARZlWK0oSdoUq6zgjiQxUPT6feRJLWt2/xJ36ts0DrRH1RZJHbg5BK1GfYT0sVqmNRPX7HRSn8yagOd3r4A8Ki8ScjlZT7iFdYZcTwgHiPW1WFshwSYOe6KLws+6LG+CL9EuCnGUjPNgpottcSrBTl7hSqflKEcAUmHT6QMfOdY4bddoBSeuJ6fk7rMylGeNeS+LZ1Rghn+rCfCEnxVyXJKeEQwTL9LJQhwWiissKYIMk+xMcEsnQ7F4CwdTk2J8TlFjrOVzjzp/UCbF+ukL2hbYRAkLpqiEH7Uq1tkCo5UHfvx3WL6c0ya/ugcJ3tUz4sKn11eR7hm7nupodIDdVbMd1SFIGvtRFjNjtsGI7UUJQDT5RWTNGd9c5QmKjJ/n1WOgummIAIi92+Sr+Tijjz2IsVcW4kOfRAQ2dTHp+JzwGtWm3Ozi4VrlbqIHNMnuMxe3j226oktvxvZ2/6PCHmFu+KtS7/cBfAhD92pvOvl4f0mYjfrhvM/9XV5R/pND+z9PMyCgAAAABJRU5ErkJggg==');
}

#showKfList {
    width: 60px;
    height: 60px;
    display: none;
}