/*ç™»å½•æ³¨å†Œå¿˜è®°å¯†ç èƒŒæ™¯æ ·å¼*/
.input-box.login-bg{ box-sizing: border-box; width: 80%; height: auto; margin: auto; background: #fff; border-radius: 15px; box-shadow:0px 0px 10px rgba(190,190,190,0.5); overflow: hidden; transition: all 0.5s;}
	.input-box.login-bg *{ transition: all 0.5s;}
	.input-box.login-bg .input{ width: 90%; height: 38px; border: 1px solid #e0e0e0; border-radius: 20px; color: #000; background: none; position: relative; display: flex; margin: 0px 5%; margin-bottom: 15px; overflow: hidden;}
	.input-box.login-bg .input input{ width: 100%; height: 38px; line-height: 38px; font-size: 16px; background: none; border: none; box-sizing: border-box; padding: 0px; padding-right: 10px; flex: 1;}
	.input-box.login-bg .input span{ color: #9f9ea7; font-size: 28px; line-height: 1.3; margin: 0px 5px 0px 10px;}
	.input-box.login-bg .input.active{top: 0px; line-height: 20px; font-size: 12px; border: 1px solid #32d1f4;}
	.input-box.login-bg .input.active span{ color: #03c1a0;}
	.input-box.login-bg .button-box{ margin: 0px 5% 15px 5%; width: 90%;}
	.input-box.login-bg .button-box .mui-btn,
	/*
	.input-box.login-bg .button-box .mui-btn-block{ 
		border-radius: 20px;
		color: #fff !important;
		    background: -webkit-linear-gradient(left, #5bbb5e, #53bb64) !important; 
		background: -o-linear-gradient(left, #32d1f4, #329cff) !important; 
		background: -moz-linear-gradient(left, #32d1f4, #329cff) !important;
		background: linear-gradient(left, #32d1f4, #329cff) !important;
	}
	*/
	.input-box.login-bg .tab-title{ border-bottom: none; margin-bottom: 25px;}
	.input-box.login-bg .tab-title .mui-segmented-control .mui-control-item.mui-active{ color: #1b1b1b !important; font-weight: bold;}
	.input-box.login-bg .tab-title .mui-segmented-control .mui-control-item.mui-active:before{
		height: 3px;
		width: 20px;
		margin-left: -10px;
		border-radius: 1.5px;
		background: -webkit-linear-gradient(left, #06c2a3, #0ec4ac); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(left, #28d3f0, #329cff); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(left, #28d3f0, #329cff); /* Firefox 3.6 - 15 */
		background: linear-gradient(left, #28d3f0, #329cff); /* æ ‡å‡†çš„è¯­æ³• */
	}
	.input-box.login-bg .login-buttom{ position: relative; border-top: 1px solid #bdbcbf; width: 90%; margin: 40px auto 15px auto; padding-top: 25px;}
	.input-box.login-bg .login-buttom .title{ font-size: 12px; color: #bdbcbf; padding: 0px 5px; position: absolute; background: #fff; top: -9px; left: 50%; margin-left: -17px;}
	.input-box.login-bg .login-buttom a{ display: inline-block; color: #bdbcbf; margin: 0px 10px;}
	.input-box.login-bg .login-buttom .icon-personadd{ display: inline-block; width: 36px; height: 36px; line-height: 36px; border-radius: 18px; background: #bdbcbf; border: 1px solid #bdbcbf;}
	.input-box.login-bg .login-buttom .icon-personadd *{ color: #fff;}
	/*.input-box.login-bg .mui-input-row-right{ height: 38px !important; line-height: 26px !important; right: 0px; top: 0px; border-radius: 0px !important; margin: 0px !important;   
	background: -webkit-gradient(linear, 0 0, 100% 0, from(#5abb5f), to(#55bb62));
	background: -webkit-linear-gradient(left, #5abb5f, #55bb62);
	background: -moz-linear-gradient(left, #5abb5f, #55bb62);
	background: -o-linear-gradient(left, #5abb5f, #55bb62);
	background: linear-gradient(left, #5abb5f, #55bb62);
	}
	*/
	.input-box.login-bg .mui-btn-block{
		padding: 8px 12px !important;
		border: none !important;
		background-size: 100% 100%;
		color: #fff !important;
		font-family: "å¾®è½¯é›…é»‘" !important;
		background: -webkit-gradient(linear, 0 0, 100% 0, from(#32d1f4), to(#329cff));
		background: -webkit-linear-gradient(left, #32d1f4, #329cff);
		background: -moz-linear-gradient(left, #32d1f4, #329cff);
		background: -o-linear-gradient(left, #32d1f4, #329cff);
		background: linear-gradient(left, #32d1f4, #329cff) !important;
	}


.login-body{ }
	.login-body input,.login-body select{ font-family: "å¾®è½¯é›…é»‘"; font-size: 13px !important;}
	.login-body header.mui-bar-nav{ background: none !important;}
	.login-body header.mui-bar-nav *{ color: #fff;}
	.login-body .bg-all-blue1{ background: url(../images/loginbg.jpg) no-repeat; background-size: 100% 100%; height: 100%; top: 0px;}
	.login-body .input-box.login-bg{ background: none; box-shadow: none;}
	.login-body .input-box.login-bg .input{ background: rgba(0,0,0,0.17); border: none;}
	.login-body .input-box.login-bg .input .mui-btn-block{ background: none; color: #fff !important;}
	.login-body .input-box.login-bg .input option{ color: #000 !important;}
	.login-body .input-box.login-bg .input *{ border: none; color: #fff; margin-bottom: 0px !important;}
	.login-body .input-box.login-bg .input input::-ms-input-placeholder { color:#fff;}
	.login-body .input-box.login-bg .input input::-webkit-input-placeholder { color:#fff;}
	.login-body .input-box.login-bg .input input::-moz-placeholder { color:#fff;}
	.login-body .input-box.login-bg .input input::-webkit-input-placeholder{ color:#fff;}
	.login-body .input-box.login-bg .input.active span{ color: #fff ;}
	.login-body .input-box.login-bg .button-box .mui-btn{ background: -webkit-linear-gradient(left,#63c5ff,#44a2f5) !important;}
	/*.login-body .input-box.login-bg .mui-input-row-right{ background: -webkit-linear-gradient(left,#63c5ff,#44a2f5) !important;}*/
	.login-body .input-box.login-bg .login-buttom{ border-top: 1px solid #fff;}
	.login-body .input-box.login-bg .login-buttom .title{ background: #fff; border-radius: 3px; color: #1e88e5; padding: 3px 10px; top:-12px; margin-left: -22px;}
	.login-body .input-box.login-bg .login-buttom .icon-personadd{ background: rgba(255,255,255,0.2); border: 1px solid rgba(0,0,0,0.2); line-height: 39px;}
	.login-body .input-box.login-bg .login-buttom a{ color: #fff;}
	.logo-name{ text-align: center; color: #fff; font-size: 30px; line-height: 45px; margin-bottom: 20px;}
.mui-bar-nav{
	/*padding-top:20px;*/
}