@charset "utf-8";
/* CSS Document */
html{height:100%;}
body{ margin: 0px; padding: 0px; height:100%;  font-family:"Microsoft YaHei", "SimSun"; background: url("loginbg.jpg") no-repeat top center fixed;  background-size: 100% 100%;   }
*{ margin:0px; padding: 0px; box-sizing: border-box; font-family: "微软雅黑"; }
img{display:block;}
.fleft{ float:left;}
.fright{ float:right;}
.topname{ display: block; margin:0px auto; width:80%; height: 50px; border-bottom:1px solid #ccc; margin-top: 15px;}
.topname p{ padding-top:15px; line-height:30px; color:#239bc2; font-weight: lighter; font-size:24px;}
.register{display: block; margin:0px auto; padding-top: 15px; padding-bottom: 5px; width:75%; font-size: 14px;}
.register p a{ color:#333; text-decoration: none;}
input[type="checkbox"] {vertical-align:middle; vertical-align：-2px；margin-bottom:1px; margin-right: 5px;}
.bottom{  position:absolute; bottom:20px;   left: 50%;  margin-left: -150px; width: 300px; height: 10px;  text-align: center; color: #fff; font-size: 14px;}


input::-webkit-input-placeholder{
        color:#a4c4bf;
    }
    input::-moz-placeholder{   /* Mozilla Firefox 19+ */
        color:#a4c4bf;
    }
    input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
        color:#a4c4bf;
    }
    input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
        color:#a4c4bf;
    }


.winbox{ position:absolute; top:45%; left:50%; transform:translate(-50%,-50%); width:950px; height: 510px; } 
.toplogo img{ margin:0px auto; text-align: center; width:950px;height:130px;}
.mainbox{ margin: 0px auto;  background-color:#fff;  border-radius: 0 30px 0 30px; box-shadow: 0 0 10px 10px rgba(78,78,78,0.3); width:800px; min-height: 380px; overflow:auto;}
.win_left{float:left;width:400px;}
.win_left img{  border-radius: 0 0 0 30px;width:400px;height:380px;}
.win_right{float:left;width:400px;}
.bgimg1{ margin: 40px auto 0px auto; background:url("b_icon1.png") no-repeat 30px 12px;}
.bgimg2{ margin: 20px auto 0px auto; background:url("b_icon2.png") no-repeat 30px 12px;}
.bgimg3{ margin: 20px auto 0px auto; background:url("b_icon4.png") no-repeat 30px 12px;}
.bgimg4{ margin: 40px auto 0px auto; width:360px; height: 50px; }
.bgimg5{ margin: 20px auto 0px auto; background:url("b_icon3.png") no-repeat 30px 12px;}
.inputbox1,.inputbox2{  width:320px; height: 46px; border:1px solid #a0babe; border-radius:30px; box-shadow: 0 0 12px 6px rgba(160,207,198,0.4);  -webkit-transition: all .8s;    -o-transition: all .8s;    transition: all .8s;} 

.inputbox1:focus-within,.inputbox2:focus-within{border-color:#6a97a2; box-shadow: 0 0 10px #5499a3; }
.btn { margin-left:20px;width:330px; height: 46px; outline: 0 none;  border: none; cursor:pointer;text-align: center; line-height: 50px; color: #fff; font-size: 18px;
background-color: #41aa9b;     background-image: linear-gradient(to right, #0a82a4 , #6fd7de); border-radius:30px; box-shadow: 0 0 12px 6px rgba(160,207,198,0.4); -webkit-transition: all .8s;    -o-transition: all .8s;    transition: all .8s;}
.btn:hover{border-color:#54a393; box-shadow: 0 0 10px #54a393;  background-image: linear-gradient(to right, #0a97a4 , #6fdecd);}
.input_01,.input_02{ margin-left: 70px; padding-left: 10px; margin-top: 12px; width:220px; height:24px; border: none; font-size: 16px; color: #4191ab; background-color:rgba(250,250,250,0.1); outline: 0 none;  }
.input_02{ width:140px; }

.wx_x{ position:fixed; top:0px; padding-top: 10px; right:40px; width:150px; height: 40px; text-align: center; background-color: rgba(0,50,88,0.4); border-radius: 0px 0px 10px 10px; color: #fff; font-size: 14px;z-index: 9999; }
.wx_x:hover{ border-radius: 0px; cursor: pointer;}
.wx_x img{padding-right: 8px; vertical-align:middle; margin-bottom:2px;}
.wx_x .mymenu{ display:none;  z-index: 9999; position:absolute; right:0px;  top:40px; width:398px; height: 160px; background-color:#fff; background-color: rgba(0,50,88,0.4);  box-sizing:border-box; border-radius: 10px 0px 10px 10px;}
.wx_x .mymenu ul{list-style: none;  float:left; margin-top: 10px; margin-left: 10px; }
.wx_x .mymenu ul li{list-style: none;  float:left; margin-top: 20px; margin-left: 20px; }
.wx_x .mymenu ul li p{ line-height: 24px; font-size:14px; color:#fff;}
.wx_x .mymenu ul li img{width:102px; height:94px;}
.wx_x .mymenu ul li:hover{ box-sizing:border-box;}
.wx_x:hover .mymenu{ display: block; box-sizing:border-box;}


@media screen and (min-width:1601px){ 

}

@media screen and (min-width: 1371px) and (max-width: 1600px){ 
    .toplogo img{ margin:0px auto; text-align: center; width:767px;height:105px;}
    .winbox{  top:45%; left:50%;  width:767px; height: 420px;} 
    .mainbox{  border-radius: 0 30px 0 30px; width:660px; min-height: 315px; overflow:auto;}
	.win_left{float:left;width:330px;}
	.win_left img{  border-radius: 0 0 0 30px; width:330px; height:315px;}
	.win_right{float:left;width:330px; }
    .topname{ width:85%; height: 50px;  margin-top: 5px;}
    .topname p{   font-size:20px;}
    .register{ width:65%; font-size: 14px;}
    .bgimg1{ background:url("s_icon1.png") no-repeat 30px 8px;margin: 30px auto 0px auto;}
    .bgimg2{  background:url("s_icon2.png") no-repeat 30px 8px;}
    .bgimg4{  width:280px; height: 46px; }
    .inputbox1,.inputbox2{  width:280px; height: 40px; } 
    .btn {margin-left:0px; width:280px; height: 40px; line-height: 40px;  font-size: 16px;border-radius:20px;}
    .input_01,.input_02{ margin-left: 60px; padding-left: 10px; margin-top: 8px; width:200px; height:24px;  }

}


@media screen and (max-width:1370px){
    body{ overflow:hidden;}
	.toplogo img{ margin:0px auto; text-align: center; width:767px;height:105px;}
    .winbox{  top:45%; left:50%;  width:767px; height: 420px;} 
    .mainbox{  border-radius: 0 30px 0 30px; width:660px; min-height: 315px; overflow:auto;}
	.win_left{float:left;width:330px;}
	.win_left img{  border-radius: 0 0 0 30px; width:330px; height:315px;}
	.win_right{float:left;width:330px; }
    .topname{ width:85%; height: 50px;  margin-top: 5px;}
    .topname p{   font-size:20px;}
    .register{ width:65%; font-size: 14px;}
    .bgimg1{  background:url("s_icon1.png") no-repeat 30px 12px;}
    .bgimg2{  background:url("s_icon2.png") no-repeat 30px 12px;}
    .bgimg3{  background:url("s_icon4.png") no-repeat 30px 12px;}
    .bgimg4{  width:280px; height: 46px; }
    .bgimg5{  background:url("s_icon3.png") no-repeat 30px 12px;}
    .inputbox1, .inputbox2{  width:280px; height: 40px; } 
    .btn {margin-left:10px;  width:280px; height: 40px; line-height: 40px;  font-size: 16px;border-radius:20px;}
    .input_01,.input_02{ margin-left: 60px; padding-left: 10px; margin-top: 8px; width:120px; height:24px;  }
	.ma{  margin-top: 7px; margin-right: 20px;}
}