body{position: relative;}
input,textarea{border: none;outline:none;padding: 10px;border: 1px solid #efefef;border-radius: 5px;box-sizing : border-box;}
.navigation{display: flex;justify-content: flex-end;align-items: center;padding: 0;}
.navitem{margin-right: 34px;font-size: 14px;color: #ffffff;border:1px solid #fff;padding:5px 15px;border-radius:10px;line-height:25px;height:25px;}
.from-external{display: flex;justify-content: flex-end;}
.loginHeader{background-color:#007CA4;}
.loginHeader,.loginHeader img{max-height:80px;}

.loginfrom{
	margin-right: 200px;
	margin-top:40px;
	width: 300px;
	padding: 30px;
	background-color: #ffffff;
	border-radius: 3px;
	box-shadow: 0px 0px 42px 0px rgba(11,16,18,0.1);
}
.switch{height:250px;box-sizing:border-box;}
.from-logo{width: 180px;margin-right: 8px;}
/*.from-name{width: 90px;}*/
.from-tab{margin-top: 15px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #e0e0e0;}
.from-tab-item{padding: 12px 0;font-size: 18px;color: #999999;cursor: pointer;}
.from-tab-item-click{color: #0080AA;font-weight: bold;border-bottom: 3px solid #0080AA;margin-bottom: -2px;}
.from-input,.button{margin-top: 15px;}
.from-input input{font-size: 14px;width: 100%;height:40px;}
.from-code{width: 100px;margin-top: 15px;cursor:pointer}
.forgotten{/* margin-top: 1.85vh; margin-top: 8px;*/color: #0080AA;font-size: 12px;cursor: pointer;display:inline;float:right;}
.loginbutton{
	margin: 20px 0 10px;width: 100%;height: 36px;line-height:36px;
	border-radius: 5px;background-color: #0080AA;
	box-shadow: 2px 2px 2px 0px rgba(0,128,170,0.4);
	color: #ffffff;font-size: 18px;
	cursor: pointer;
}
.freepwdlogin{padding-top:8px;font-size: 12px;}
.freepwdlogin span{padding:0 5px;}
.footer{position: fixed;bottom:0;left: 0;width: 100%;color: gray;padding:5px;background-color:#e0e0e0;font-size: 14px;z-index: -1;}
.noaccount{color: #999999;font-size: 12px;}
.regbutton{color: #0080AA;font-size: 12px;cursor: pointer;}
.backimg{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: -1;}
.qrcode{padding: 50px 0 15px;}
.qrcode img{width: 250px;}

.sidnga{
	display: flex;align-items: self-start;
	box-sizing: border-box;justify-content: flex-end;
}
.getcode{font-size:14px;}

.qqline{position:fixed;right:20px;z-index:10;top:70px;background-color:transparent;text-align:center;width:100px;border-radius:5px;padding-bottom:10px;}
.qqline .title{margin-top:20px;font-weight:bold;color:white;background-color:#007CA4;height:30px;line-height:30px;border-radius:5px 5px 0 0;width:100%;}
.qqline .title img{position: absolute;right: 0px;}
.qqline .weixinimg{height:100px;}
.qqline ul{width:100%;display:block;}
.qqline ul.online-phone{padding-top:10px;}
.qqline ul li{list-style-type:none;clear:both;width:100%;display:inline-block; text-decoration:none;} 
.qqline ul li.phone{font-weight:bold;margin:5px;} 

@media(min-width: 1281px){
	.loginfrom {margin-right: 110px;padding: 40px;}
}

@media only screen and (max-width: 1665px){
	.from-tab-item {padding: 8px 0;}
	.from-tab {margin-top: 10px;}
    .loginHeader,.loginHeader img{max-height:70px;}
}

@media only screen and (max-width: 1280px){
   .loginHeader,.loginHeader img{max-height:60px;}
   .loginfrom {margin-right: 110px;padding: 40px;}
	.minscreen{}
}

@media only screen and (max-width: 1180px){
   .loginfrom {margin-right: 110px;padding: 20px 30px; padding-bottom:10px;}
}

@media only screen and (max-width: 1080px){
   .qqline{left:20px}
   .loginHeader,.loginHeader img{max-height:45px;}
   .loginfrom {margin-right: 110px;padding: 10px 30px;padding-bottom:10px;width:280px;}
   .from-logo {width: 160px;margin-right: 8px;}
   .from-tab-item{font-size:15px;}
   .navitem {padding: 5px 15px;border-radius: 10px;line-height: 15px;height: 15px;}
   .from-input input{height:36px;}
}

/*商务洽谈、客服样式*/
.navitem{display:flex;align-items:center;justify-content:center;cursor:pointer;}
.navitem .model{display:none;position:absolute;top:52px;background:#fff;border:1px solid #e7e6e6;text-align:center;z-index:999;color:#333;font-size:12px;}
.navitem .model .qrcode-contact{display: flex;justify-content: space-around;align-items: center;}
.navitem .model .qrcode-contact div{padding:10px;}
.navitem .model .qrcode-contact img{height:100px;max-height:100px;}
.navitem .model .onlinetel {display:flex;padding:10px;align-items: center;}
.navitem .model .onlinetel .circle{width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #F1F1F3;display: flex;vertical-align: middle;text-align: center;justify-content: center;align-items: center;}
.navitem .model .onlinetel .circle .iconfont{color:#fff;font-size:32px;}
.navitem .model .onlinetel .text{text-align:left;padding:0 10px;}
.navitem .model p{line-height:normal;}
.navitem .model .onlinetel .text .title{font-size:14px;}
.navitem .model .onlinetel .text .number{font-size:14px;color:#838383;}
.navitem .model::after { display: flex; content: ''; position: absolute; border: 5px solid transparent; top: -10px; border-bottom-color: #FFF; align-items: center;left:75px;}
.navitem .business::after{left:130px;}
.navitem .online::after{left:90px;}