html, body {
    margin: 0;
    padding: 0;
    font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
    /*height: 100%;*/
    position:relative;
}

.container {
    width: 100%;
    height: 100%;
}

.left-half {
    width: 50%;
    margin-right:50%;
    /*background-color: #202020;*/
    /*background:url(/Resource/content/login/img/logon-bg.png) bottom;*/
}

.right-half {
    position:absolute;
    top:0;
    right:0;
    /*width: 38%;*/
    width:50%;
    height: 100%;
    /*background: url(/Resource/content/login/img/logon-dark-bg.png);*/
    background-color: #00a9ff;
 
    /*border-bottom: 100vh solid #28c0ff;
    border-left: 18vw solid transparent;*/    
}

.welcome-title {
    text-align: center;
    margin-top: 50px;
}

    .welcome-title label {
        font-size: 55px;
        color: #fec02f;
    }

    .welcome-title p {
        color: #6a6e70;
    }
.text-content {
    width: 100%;
}

.login {
    margin-top: 2px;
    color: #fff;
    /*font-size: 1em;*/
    padding: 0.7em 1em;
    -webkit-appearance: none;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    /*font-weight: 400;*/
    border: none;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
    width: 290px;
    background-color: #3796cd;
    border-radius: 0.2em;
    -webkit-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
}

    .login:hover {
        text-decoration: none;
        color: #fff;
        background-color: #3796cd;
    }

.loadinggif {
    background: url('http://image.resource.com/content/login/img/ajax-loader.gif') no-repeat right center;
    background-color: #F5AD07 !important;
}

input, select {
    padding: 6px;
    width: 290px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    color: #6a6e70;
}

.login-content {
    height: 45px;
}

.label-forget {
    /*float: right;*/
    display: inline-block;
    color: #e4ad2e;
    padding-top: 10px;
    margin-left: 200px;
    font-size: small;
}

.logon-region {
    /*width: 420px;*/
    margin: 0 auto;
    text-align: center;
}

.copyright {
    width:50%;
    color: #6a6e70;
    font-size: small;
    display: inline-block;
    margin-top: 10px;
    text-align:center;
}

/* mengzz  add */

.left-half {
   /*padding:10px 0 10px 30px;*/
   box-sizing:border-box;
}
.gms-title  b{
    display:block;
    color:#00a9ff;
    font-size:30px;
    font-weight:500;
}
.gms-title  i{
    color:#a9a9a9;
    font-style: normal;
    font-size: 12px;
    font-weight: 100;
}
.mask{
    width:100%; 
    height:100%;
    background:rgba(0,0,0,.3);
    position:absolute;
}
.left-img a{
    display:block;
    position:relative;
    overflow:hidden;
}
.left_font{
    width: 90%;
    color: #333;
    margin: 20px auto;
    text-align: left;
    text-indent:2em;
}
.fontcontent{
    background: rgba(255,255,255,.1);
    padding: 5px 0 20px 20px;
    box-sizing: border-box;
    border-radius: 3px;
    
   
}
.fontcontent:hover{
     background: rgba(255,255,255,.15);
     transform: scale(1.02);
     transition:.2s all;
}
.left_font a {
   color:#fff;
   text-decoration:none;
}
/* brandfooter */
ul,li{
    list-style:none;
}

.brandfooter{
    width: 47%;
    height: 60px;
    /*background: #f9f9f9;*/
    position:fixed;
    left:0px;
    bottom:36px;
}
.brandfooter ul{
    margin-top:0px;
}
.brandfooter li{
    position: relative;
    float: left;
    width: 16%;
    text-align: center;
    height: 60px;
    line-height: 60px;
    border-right: 1px solid #fff;
}
.brandfooter li img{
    display: inline-block;
    width: 90px;
    height: 50px;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    bottom: 6px;
}
.brandfooter ul .brandlist1 img {  
    margin-left: -68px;
}
.brandfooter ul .brandlist2 img {
    width: 50px;
    height: 50px; 
    margin-left: -24px;
}
.brandfooter ul .brandlist3 img {
    width: 90px;
    height: 45px;
    margin-left: -42px;
}
.brandfooter ul .brandlist4 img {
    width: 30px;
    height: 45px;
    margin-left: -16px;
}
.brandfooter ul .brandlist5 img {
    width: 45px;
    height: 45px;
    margin-left: -27px;
}
.brandfooter ul .brandlist6 img {
    width: 70px;
    height: 45px;
    margin-left: -40px;
}
.brandfooter .brandlist6{
    border-right:none;
}
.brandfooter .brandHoverimg {
    display: none;
}

.right-half{
    /*background:-webkit-linear-gradient(top, #14184e,#395277,#1f3668,#12245f);
    background:-moz-linear-gradient(top,  #14184e,#395277,#1f3668,#12245f);
    background:-o-linear-gradient(top,  #14184e,#395277,#1f3668,#12245f);*/
}
.welcome-title img{
    width:220px;
    margin-top:30px;
    margin-bottom:20px;
}
.logon-region{
    margin:10px auto 0;
   
}
.welcome-title p, .copyright{
    color:#fff;
    font-size:14px;
}


.copyright{
    width:46%;
    height:35px;
    line-height:35px;
    border-top:1px solid #eee;
    /*background:#999;*/
    position:fixed;
    bottom:0px;
    left:0px;
    color: #008dd5;
    font-size:12px;
}
.login{
    background: none;
    border: 1px solid #fff;
    color: #fff;
}
.login:hover{
    background:none;
    border: 1px solid #008dd5;
    color:#008dd5;
}
.banquan{
    margin-top:10px;
    text-align: center;
    
    font-weight:100;
    margin-left:10px;
}
 /*  circle */
.circle {
	/*background: rgb(255,255,255);*/
	border-radius: 100%;
	cursor: pointer;
	/*position: relative;*/
	margin: 15px auto;
	width: 16em; 
    height: 16em;
    position: absolute;
    top: 25%;
    left: 40%;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	    -moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
			transform: translateZ(0);
}

.circle p {
	color: rgba(189, 185, 199,0);
	font-size:18px;
    color:#fff;
	text-align: center;
    margin: auto;  
    padding: 77px 15px 0;
    box-sizing: border-box;
    line-height: 33px;
	-webkit-font-smoothing: antialiased;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: color 0.8s ease-in-out;
	-moz-transition: color 0.8s ease-in-out;
	-ms-transition: color 0.8s ease-in-out;
	transition: color 0.8s ease-in-out;
}

.circle:before,
.circle:after {
	border-radius: 100%;
	content:"";
	position: absolute;
	top: 0; left: 0;
	width: inherit; height: inherit;
	/*box-shadow: inset 10.6em 0 0 rgba(30, 140, 209, 0.1),
				inset 0 10.6em 0 rgba(30, 140, 209, 0.1),
				inset -10.6em 0 0 rgba(30, 140, 209, 0.1),
				inset 0 -10.6em 0 rgba(30, 140, 209, 0.1);*/
    box-shadow: inset 10.6em 0 0 rgba(255, 255, 255, 0.1),
				inset 0 10.6em 0 rgba(255, 255, 255, 0.1),
				inset -10.6em 0 0 rgba(255, 255, 255, 0.1),
				inset 0 -10.6em 0 rgba(255, 255, 255, 0.1);
	-webkit-transition: box-shadow 0.75s;
	    -moz-transition: box-shadow 0.75s;
		-ms-transition: box-shadow 0.75s;
			transition: box-shadow 0.75s;
}

.circle:after {
	-webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
			transform: rotate(45deg);
}

.circle:hover:before,
.circle:hover:after {
	box-shadow: inset 0.86em 0 0 rgba(255, 0, 0, 0.5),
				inset 0 0.86em 0 rgba(252, 150, 0, 0.5),
				inset -0.86em 0 0 rgba(0, 255, 0, 0.5),	
				inset 0 -0.86em 0 rgba(0, 150, 255, 0.5);
}

.circle:hover > p {
	color: rgba(185, 185, 185,1);
}
 /*set_btn  */
        
.set_1_btn {
	cursor: pointer;
	display: block;
	line-height: 28px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	width: 100%;
    margin-bottom:100px;
}
.set_1_btn:hover {
	text-decoration: none;
}

.Vbtn-1 svg {
	height: 200px;
	left: 7px;
	position: absolute;
	top: 0;
	width: 100%;
}
.Vbtn-1 rect {
	fill: none;
	stroke: #e1b700;
	stroke-width: 3;
	stroke-dasharray: 422, 0;
	transition: all 450ms linear 0s;
}
.Vbtn-1:hover {
	background: rgba(225, 51, 45, 0);
	/*font-weight: 900;*/
	letter-spacing: 1px;
	transition: all 150ms linear 0s;
}
.Vbtn-1:hover rect {
	stroke-width: 5;
	stroke-dasharray: 15, 310;
	stroke-dashoffset: 48;
	-webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
.iamges-wrap img{
    position:absolute;
    left:-10%;
    top:30vh;
    width:100%;
}

/*mdui_css */
.left-half .logon-region{
    width:300px;
    text-align:left;
}
.mdui-textfield-label{
    font-size:14px;
}
.mdui-textfield{
    padding-top:0px;
    padding-bottom:0px;
}
.mdui-select{
    width:100%;
    margin-top:15px;
    border-bottom:1px solid #949494;
    font-size:14px;
}
.mdui-textfield-focus .mdui-textfield-input,
.mdui-textfield-focus .mdui-textfield-input:hover {
  border-bottom-color: #00a9ff;
  -webkit-box-shadow: 0 1px 0 0 #00a9ff;
          box-shadow: 0 1px 0 0 #00a9ff;
          
}
.mdui-textfield-focus .mdui-textfield-label,
.mdui-textfield-focus .mdui-icon {
  color:#00a9ff;
}
.mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label {
  padding-top:10px;
}



@media screen and (min-height: 829px) and (max-height:1921px) {
   html,body {
       position: initial !important;
    }
    
}
@media screen and (max-width:1024px){
     .Vbtn-1 svg {
       height:230px;
      
   }
}