*{margin: 0;padding: 0;}
body{font-family: "Microsoft YaHei";}
.clear{clear: both;}
.login-box-warp{border: 1px solid #dddddd;width: 350px;height: 350px;margin: 50px auto;position: relative;}

.login-tip{width: 300px;height: auto;position: absolute;top: 0;right: 0;}
.login-switch{width: 52px;height: 52px;line-height: 52px;text-align: center;float: right;}
.login-switch img{vertical-align: middle;}
.pop-tip{border: 1px solid #f3d995;background-color: #fefcee;width: 143px;height: 28px;float: right;margin-right: 10px;margin-top: 8px;position: relative;}
.pop-arrow{position: absolute;z-index: 10;top: 8px;right: 0;}
.pop-arrow em{position: absolute;top: 0;left: 1px;overflow: hidden;width: 0;height: 0;border-style: solid;border-color: rgba(255,255,255,0);border-left-color: #f3d995;border-width: 6px 0 6px 6px;}
.pop-arrow span{position: absolute;top: 0;left: 0;overflow: hidden;width: 0;height: 0;border-style: solid;border-color: rgba(255,255,255,0);border-left-color: #fefcee;border-width: 6px 0 6px 6px;}
.pop-content{width: 100%;height: 28px;text-align: center;line-height: 22px;font-size: 12px;font-weight: 400;color: #df9c1f;}
.pop-content img,.pop-content span{vertical-align: middle;padding: 0 2px}

.login-content{width: 300px;height: auto;margin: 40px 25px 10px 25px;position: absolute;z-index: 20;}
.login-title{padding-bottom: 8px;font-size: 16px;font-weight: 700;color: #3c3c3c;}
.login-msg{border: 1px solid #ffb4a8;width: 294px;height: 20px;line-height: 15px;padding: 3px;background-color: #fef2f2;}
.login-msg img{padding-left: 3px;vertical-align: middle;}
.login-msg span{font-size: 12px;color: #6c6c6c;vertical-align: middle;}
.login-msg span a{font-size: 12px;color: #f40;text-decoration: none;}
.login-msg span a:hover{cursor: pointer;}
.qrcode-img{width: 125px;height: 125px;margin: 30px auto 20px auto;}
.qrcode-desc{width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 12px;color: #9c9c9c;}
.qrcode-desc img,.qrcode-desc span{vertical-align: middle;padding: 0 2px;}
.qrcode-desc .mobile_weixin{color: #f40;}
.field{border: 1px solid #dddddd;width: 300px;height: 40px;}
.yzm{width: 300px;}
.yzm .yzm_button{float: right;border-width: 0;width: 70px;height: 30px;margin-top: 25px;font-size: 16px;color: #fff;display: block;background-color: #ff4400;}
.send_button{float: right;;width: 80px;height: 30px;border-width: 0;background-color: #ff4400;color: #ffffff;font-size: 14px;border-radius: 5px;margin-top: 25px;display: block;}
.username_field{margin-top: 15px;}
.password_field{margin-top: 20px;}
.yzm_field{width: 200px;margin-top: 20px;float: left;}
.field label{width: 40px;height: 40px;display: block;float: left;}
.field input{border-width: 0;width: 240px;height: 40px;padding-left: 15px;font-size: 14px;display: block;float: left;outline: medium;}
.login_submit{width: 300px;height: 40px;margin-top: 20px;}
.login_submit button[type="submit"]{border-width: 0;background-color: #f40;color: #fff;width: 300px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-weight: 700;border-radius: 3px;}
.login_submit button[type="submit"]:hover{cursor: pointer;}

.login_phone{}
.login_phone:hover{cursor: pointer;}

.login-links{width: 300px;height: 20px;margin: auto;text-align: right;position: absolute;bottom: 20px;right: 20px;}
.login-links a{text-decoration: none;padding-right: 15px;color: #6c6c6c;font-size: 12px;}
.login-links a:hover{color: #f40;}

.tab4-under ul {
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 0;

}

.tab4-under ul li {
  display: inline-block;
  margin-right: 15px;
  margin-top: 20px;
}

.download {
  width: 155px;
  font-size:14px;
  height: 50px;
  background: #666;
  float: left;
  border-radius: 5px;
  position: relative;
  color: #fff;
  cursor: pointer;
  border: 1px solid #fff;
  transition:all .3s ease;
}

.download > .fa {

  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.download > span{
	position:relative;
	left:45px;
	top:12px;
}

.download:hover {
  border:1px solid #999;
  color:#333;
  background:#fff;
}

.tippy-tooltip.subtleDark-theme {
  /* Your styling here. Example: */
  background-color: #fff;
  border:1px solid rgba(30,30,30,.3);
  color:black;
  height:300px;
  width:250px;
}

.tippy-tooltip p{
	padding:15px 10px 10px;
	font-size:12px;
}

.tippy-tooltip .tippy-btn{
	margin:10px auto;
	display:block;
	width:120px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:white;
	cursor:pointer;
	background-image:linear-gradient(to right bottom,
    cornflowerblue,
    #4472ca);
    transition:all .3s ease;
    border-radius:5px;
}

.tippy-tooltip .tippy-btn:active{
	background-image:linear-gradient(to right bottom,cornflowerblue,#5e7ce2);
	transform:translateY(2px);
}
/*
.tippy-popper[x-placement^=top] .tippy-tooltip.honeybee-theme .tippy-arrow {
  color:blue;
  background:blue;
}*/