/*初始化*/

body,div,p,h1,h2,h3,h4,h5,h6,irfame {
	padding: 0px;
	margin: 0px;
	font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica\,Arial, Microsoft YaHei, 微软雅黑, STHeitiSC-Light, simsun, 宋体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif" !important;
}
ul,li {list-style: none;}

/*去掉滚动条*/
/*::-webkit-scrollbar {*/
/*	width: 0px;*/
/*	height: 0px;*/
/*}*/

::placeholder {
	color: #ccc;
	font-size: 13px;
}

/*去掉input填充内容后的背景色*/
input:-webkit-autofill {
	box-shadow: 0 0 0px 1000px white inset;
}

a,
a:hover {
	text-decoration: none;
}

.imgr {
	width: 340px;
	height: 100%;
	float: left;
	/*background: url(http://m.yaoyaola.cn/Public/Images/member2/quan.png) no-repeat;*/
	background: url(loginprompt.png) no-repeat 50%;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background-size: 95%;
	/*background-color:#f1f167;*/
	background-color: rgba(255, 255, 255, 0.9);
}

/*20231124优化代码*/
.kf-support-btn {
    position: fixed;
    right: 50px;
    bottom: 50px;
    cursor: pointer;
    overflow: visible;
    transition: all .2s ease-out;
    z-index: 10;
    width: 56px;	
    height: 56px;
    line-height: 54px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    transform-origin: center bottom;
    background-image: url(service-icon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* background: var(--theme-main-color); */
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08), 0 4px 6px 0 rgba(0, 0, 0, .1);
}
.yyl-container{
	/*min-height: 700px;
	height:100vh;
	overflow-y: auto;*/
}
.yyl-box{
	width: 100%;
    min-height: 760px;
    height: calc(100vh - 80px);
	background-image: url(loginBackgroung.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}


.yyl-box-content{
	width: 420px;
	position: absolute;
	left: 0;
	top: calc(10%);
	right: 0;
	z-index:1;
	margin: auto;
}

@media only screen and (max-height: 800px){
	.yyl-box-content{
		top: calc(6%);
	}
}
.yyl-box-details {
	width: 420px;
    background: #fff;
    border-radius: 10px;
	padding: 40px 40px 30px;
	box-shadow: 0 20px 30px 0 rgb(63 63 65/6%);
}

.browser-tips{
	margin-top:20px;
	text-align: center;
	color:#5d5d60;
}
.browser-tips p{margin-bottom:8px;}
.browser-tips img{width:24px;height:24px;display: inline-block;margin-right:8px;}
.browser-tips a{color:#589bff;text-decoration: underline;}



.header-title{
	font-size: 22px;
	color: #1f2026;
	font-weight: 600;
}

.jumpPage{font-size: 14px;margin:24px 0 0px 0;text-align: center;}
.jumpPage a{color:#589bff;font-weight: 600;}

.star::before{
	content:"*";
	color:#F56C6C;
	margin-right:2px;
}





/*header**start*/

.yyl-header-other {
/*	position: fixed;*/
	top: 0;
	left: 0;
	width: 100%;
	margin: auto;
	z-index: 100;
	/*height: 60px;
	background: rgb(88 155 255);*/
	height: 72px;
	background:#0795ff;
/*	padding:0 92px 0 82px;*/
/*	box-shadow: 0 1px 6px 0 rgba(255,255,255,.2);*/
}


.yyl-logo {
	height:54px;
	float: left;
	display: flex;
	align-items: center;
	margin: 9px 30px;
}

.yyl-logo img {
	width: 100%;
	height: 100%;
}

/* .yyl-header-other .yyl-logo {
	height: 60px;
	width: 149px;
	display: inline-block;
	vertical-align: middle;
}

.yyl-header-other .yyl-logo>a {
	display: block;
	width: 100%;
	height: 60px;
	background: url(yyl-logo.png) 0 50% no-repeat;
} */

.yyl-header-box {
	height: 40px;
	margin-left: 10px;
}

.yyl-header-box,
.yyl-header-nav .icon-down {
	display: inline-block;
	vertical-align: middle;
}

.yyl-header-other .header-title {
	height: 42px;
	font-size: 24px;
	line-height: 42px;
	padding-left: 17px;
	margin-left: 2px;
	color: #eee;
/*	border-left: 1px solid #e3e3e3;*/
	width: 80px;
}

.help_link,
.help_link:hover {
	float: right;
	margin: 20px;
	font-size: 17px;
	color: #efefef !important;
	text-decoration: none;
}

/*header**end*/

/*yyl-box**start*/
.specilly_effects {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}



.cont {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
/*	margin-left: 300px;*/
	height: 100%;
	background: #fff;
	position: relative;
	overflow: hidden;
}

div.login-box-cont li {
	font-size: 21px;
	text-align: center;
	line-height: 26px;
	height: 26px;
}

.header-btn{
	height: 62px;
	text-align: center;
}

.header-btn.on,
.header-btn:hover {
	color: #10c55b;
}

.header-btn {
	display: inline-block;
	width: 74px;
	position: relative;
	font-size: 20px;
	line-height: 62px;
	color: #666;
	cursor: pointer;
}
/*
.header-btn:first-child {
	margin-right: 86px;
}

.header-btn.on:after,
.header-btn:hover:after {
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}*/

.header-btn:after {
	content: " ";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 74px;
	height: 2px;
	background: #10c55b;
	visibility: hidden;
	-webkit-transform: scale(.2);
	-ms-transform: scale(.2);
	transform: scale(.2);
	-webkit-transition: all .2s;
	transition: all .2s;
}


/*输入框*/
.input-box {
	margin-top: 24px;
}

.pl-50px {
	padding-left: 50px !important;
}

.pr-35px {
	padding-right: 35px !important;
}

.pl-35px {
	padding-left: 35px !important;
}

.input {
	position: relative;
}

input {
	width: 100%;
	height:40px;
	font-size: 15px;
	color: #333333;
	border: 1px solid #D7D7D7;
	padding: 0 10px;
	outline: none;
	font-family: arial;
	border-radius:4px;
	
}

.input>.i-icon.i-account {
	background-image: url(account.png);
}

.input>.i-icon.i-password {
	background-image: url(password.png);
}

.input>.i-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 1px solid #D7D7D7;
	position: absolute;
	left: 0;
	top: 0;
	background: #F9F9F9 center no-repeat;
}

.input-box>.input {
	margin-top: 16px;
}

.label-box {
	font-size: 14px;
    color: #949494;
    padding: 10px 0 10px;
    overflow: hidden;
}

.label-box>label {
	float: left;
	cursor: pointer;
	line-height: 15px;
}

.label-box>label>input {
	vertical-align: middle;
	position: relative;
	bottom: 1px;
	margin-right: 5px;
}

.label-box>a {
	float: right;
	color: #949494;
}

.button-box>a {
	cursor: pointer;
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #589bff;
	font-size: 16px;
	color: #FFFFFF;
	border-radius: 3px;
}

/*注册页面*/
.get_code {
	color:#589bff;
	border-color:#589bff;
	background: #fff;
}



/*重置密码*/
.setting-main .login-hearder {
	color: #666;
	font-size: 20px;
	padding: 30px 0 0px;
	height: auto;
}




/*底部版权*/
.footer-cont {
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 14px;
	z-index: 0;
}
.footer-cont a{
	color: #333;
}

/*错误提示*/
/*.error{float: left;color: #ef5757;}*/
/*.error2{float: left;color: #10c55b;}*/

.prompt-tips-box {
	height: 30px;
	line-height: 30px;
	background-color: rgba(19, 197, 91, 0.1);
	border: 1px solid #10c55b;
	color: #10c55b;
	font-size: 12px;
	padding: 0 10px;
	position: relative;
	margin-top: 15px;
	display: none;
}

.prompt-tips-box>.close_prompt {
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #10c55b;
	text-align: center;
	font-size: 26px;
	position: absolute;
	right: 7px;
	top: 4px;
	letter-spacing: 1px;
	cursor: pointer;

}


.validate-tips-box {
	height: 30px;
	line-height: 30px;
	background-color: #fef0f0;
	border: 1px solid #fde2e2;
	color: #f56c6c;
	border-radius: 3px;
	font-size: 12px;
	padding: 0 10px;
	position: relative;
	margin-top: 15px;
	display: none;  
}

.validate-tips-box .ico {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(error.png) center no-repeat;
	vertical-align: middle;
	margin-right: 3px;
}

.validate-tips-box .close_prompt {
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #F56C6C;
	text-align: center;
	font-size: 26px;
	position: absolute;
	right: 3px;
	top: 3px;
	letter-spacing: 1px;
	cursor: pointer;

}

.hit {
	width: 100%;
	padding: 4px 0;
	text-align: center;
	font-size: 12px;
	color: #aeaead;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

/*yyl-box**end*/


/*轮播-start*/
/*.ad {
	height:100%;float: left;
	width:300px; 
	overflow:hidden; 	
	position:relative; 
} 
.ad .slider{width:5860px; position:absolute; left:0px; top:0px; } 
.ad .slider img{width:300px; height:440px;} 
.ad .slider li{width:300px;height:440px;float:left;margin-left:-38px;} 
.ad .num {position:absolute; width:100%; bottom:10px; left:0px; text-align:center; font-size:0px; }
.ad .num li {
	position: relative;
	 width:10px; height:10px; 
	 background-color:#888; 
	 border-radius:50%; display:inline-block; 
	 margin:0px 3px; cursor:pointer;
} 
.ad .num li.on {background-color: #ff6a00; } 
.ad .btn {
	width: 30px; height: 50px; 
	background-color: #808080; opacity: 0.5; filter:alpha(opacity:0.5); 
	position:absolute;top:50%; margin-top:-25px; cursor:pointer; text-align:center; 
	line-height:50px; font-size:40px; color:#fff; font-family:"宋体"; display:none; 
} 
.ad .btn_l {left:0px; } 
.ad .btn_r {right:0px; } 
.ad:hover .btn {display:block; }
*/
/*.ad { 
                width:300px; 
                height:440px; 
                margin:60px auto;
                border:1px solid #808080; 
                position:relative; 
                overflow:hidden;
                }
            .ad .slider{
                width:5860px; 
                position:absolute; 
                left:0px;
                top:0px;
                }
            .ad .slider img{width:100%; height:100%;}
            .ad .slider li{
                float:left;
                }
            .ad .num { 
                position:absolute; 
                width:100%; 
                bottom:10px; 
                left:0px; 
                text-align:center; 
                font-size:0px;
                }
            .ad .num li { 
                width:10px; 
                height:10px; 
                background-color:#888; 
                border-radius:50%;
                display:inline-block; 
                margin:0px 3px; 
                cursor:pointer;}
            .ad .num li.on {
                background-color: #ff6a00;
                }
            .ad .btn {
                width: 30px;
                height: 50px;
                background-color: #808080;
                opacity: 0.5; 
                filter:alpha(opacity:0.5); 
                position:absolute;top:50%; 
                margin-top:-25px;
                cursor:pointer;
                text-align:center;
                line-height:50px;
                font-size:40px;
                color:#fff;
                font-family:"宋体";
                display:none;
                }
             .ad .btn_l { 
                left:0px;
                }
             .ad .btn_r {
                right:0px;
                }
             .ad:hover .btn { 
                display:block;
                }*/
/*轮播-end*/