.mask {
    width: 100%; height:100%;
    position: fixed; top: 0px; filter: alpha(opacity=60); background-color: #777;
    z-index: 1002; left: 0px;
    opacity:0.7; -moz-opacity:0.7;
}   
 
.popup-kk{
    left: 50%;
    width: 50%;
    height: 560px;
    background: #fff;
    display: none;
    border-radius:5px;
    z-index: 2000;
 
}
.onError{
  color: red;
  width:10px;
  background: pink;
}
/*.close {
    position: fixed;
    top: 21px;
    right: 20px;
    cursor:pointer;
    color: #000;
}
.msg_title{
	font-size: 26px;
	color:#000;
	font-weight: 200;
	text-align: center;
}
.cd-form {
  padding: 1.4em;
}
.cd-form .fieldset {
  position: relative;
  margin: 1.4em 0;
}
.cd-form .fieldset:first-child {
  margin-top: 0;
}
.cd-form .fieldset:last-child {
  margin-bottom: 0;
}

.cd-form label{
  width:20%;
  color: #000;
  font-size:20px;
}
.cd-form input {
  margin: 0;
  padding: 0;
  border-radius: 0.25em;
}
.cd-form input.full-width {
  width: 80%;
}
.cd-form input.full-width2 {
  width: 90%;
}
.cd-form input.has-padding {
  padding: 12px 20px 12px 50px;
}
.cd-form input.has-border {
  border: 1px solid #d2d8d8;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input.has-border:focus {
  border-color: #343642;
  box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
  outline: none;
}
.cd-form input.has-error {
  border: 1px solid #d76666;
}
.cd-form input[type=password] {
  /* space left for the HIDE button 
 /*padding-right: 65px;*/
/*}*/
/*.cd-form input[type=submit] {
  padding: 16px 0;
  cursor: pointer;
  background: #723A83;
  color: #FFF;
  font-weight: bold;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}*/
.popup-kk{position:fixed;top:50%;left:50%;z-index:1050;width:550px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;outline:none;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}


.close{cursor:pointer;padding:2px 3px;cursor:pointer;padding:2px 3px;position:absolute;right:10px;top:14px;}
.close:hover{background-color:grey;color:#ffffff}

.button-blue{display:block;float:left;padding:5px 0;width:80px;margin-right:10px;color:#fff;background:#723A83;text-align:center;cursor:pointer}
.button-blue:hover{background:#723A83;text-decoration:none;color:#ffffff}

.button-grey{display:block;float:left;padding:5px 0;width:80px;color:#fff;background:#ccc;text-align:center;cursor:pointer}
.button-grey:hover{background:#aaa;text-decoration:none}
/* 代码整理：js代码网 www.jsdaima.com */

.login-form .form-arrow,.signup-form .form-arrow,.forgot-form .form-arrow{display:block;width:30px;height:15px;background:url(/static/img/arrow.png?2013033000) no-repeat;position:absolute;left:95px;top:-15px}
.login-form input,.signup-form input,.forgot-form input,.signup-form textarea{padding:9px 9px 6px 9px;margin-bottom:20px;width:86%; margin-left:5%;resize:none;}
.login-form .forgot,.login-form .login,.login-form .reg,.signup-form .forgot,.signup-form .login,.signup-form .reg,.forgot-form .forgot,.forgot-form .login,.forgot-form .reg{width:300px;padding:0;margin:16px 0 12px 125px;height:35px;font-size:18px;cursor:pointer}
.login-form label.remember,.signup-form label.remember,.forgot-form label.remember{font-size:13px}
.login-form input[type="checkbox"],.signup-form input[type="checkbox"],.forgot-form input[type="checkbox"]{width:auto;height:auto;padding:0;margin:3px 5px 0 0}
.login-form a.forgot,.signup-form a.forgot,.forgot-form a.forgot{font-size:13px;float:right;margin-top:2px;width:auto;cursor:pointer}
.login-form p.error,.signup-form p.error,.forgot-form p.error{font-size:13px;margin-bottom:5px;color:#b22d2d}
#signup-modal,#login-modal,#forgetform,.modal{display:none;width:300px;padding:0 40px 20px;background:white;border:5px solid rgba(0,0,0,0.2);margin-left:-190px;border-radius:10px;overflow:hidden;margin-bottom:40px;box-shadow:0 1px 0 white inset;margin-top:-267px}
#signup-modal a:hover,#login-modal a:hover,#forgetform a:hover,.popup-kk a:hover{text-decoration:none}
.popup-kk h1,#forgetform h1,#signup-modal h1,#login-modal h1{margin:0 0px;background:#EEE;border-bottom:1px solid #CCC;border-top:1px solid #CCC;font-size:17px;padding:11px 54px;border-top-left-radius:6px;border-top-right-radius:6px;text-align:center;margin-bottom:22px;}
.popup-kk .close,#signup-modal .close,#login-modal .close,#forgetform .close{position:absolute;top:0;right:0;padding:14px 18px 16px 18px;height:16px;overflow:hidden;opacity:.8;border-left:1px solid #BBB}
.forgot-btn,.login-btn{display:inline-block;*display:inline;*zoom:1;margin-top:14px;color:#ffffff}
.share{text-align:left;overflow:hidden;display:block !important;height:16px !important;line-height:16px !important;padding-left:20px !important;background:url(../img/v2/share.png) no-repeat left;cursor:pointer;float:right}
.share:hover{opacity:0.8}
.share.weibo{background-position:0px -96px}
.share.qq{background-position:0px -64px}
.share.douban{background-position:0px -560px}
.share.renren{background-position:0px -160px}
.third-parties{display:none}
.login-bind-tp{margin:-5px 0 30px 0}
.login-bind-tp em{padding:1px 8px}
.login-bind-tp li{border-radius:5px;margin-bottom:10px;cursor:pointer}
.login-bind-tp li a{text-align:center;display:block;color:white;padding:12px 30px 12px 0}
.login-bind-tp .qweibo{background-color:#3671d2;border:1px solid #136ac1;border-radius:3px;margin:10px 0 25px;box-shadow:0 1px 0 rgba(255,255,255,0.25) inset;text-shadow:0 1px 0 #1a64bf;cursor:pointer;text-align:left;background-color:#369ad2}
.login-bind-tp .qweibo em{background:url(/static/img/tp/qq_logo.png) no-repeat}
.login-bind-tp .sina{background-color:#b9e6eb;border:1px solid #c12f13;border-radius:3px;margin:10px 0 25px;box-shadow:0 1px 0 rgba(255,255,255,0.25) inset;text-shadow:0 1px 0 #921414;cursor:pointer;text-align:left;background-color:#d6514b}
.login-bind-tp .sina em{background:url(/static/img/tp/sina_logo.png) no-repeat}
.login-bind-tp .douban{border:1px solid #54c113;border-radius:3px;margin:10px 0 25px;box-shadow:0 1px 0 rgba(255,255,255,0.25) inset;text-shadow:0 1px 0 #921414;text-align:left;background-color:#41a41a}
.login-bind-tp .douban em{background:url(/static/img/tp/douban_logo.png) no-repeat}
.verification{
  width:63%;
  height:35px;
  margin:0 auto;
  display: flex;
  justify-content:space-between;
}
.input-val {
  height: 100%;
  box-sizing: border-box;
}
.verification a{
  font-size: 16px;
  color: #000;
  text-decoration: none;
}
#captcha_img{
}
.btntes {
  display: block;
  width: 70px;
  font-size: 16px;
  color: #fff;
  background-color: #723A83;
  border: none;
  border-radius: 50px;
}
#page{
  width:60%;
  height:40rem;
}
/*手机端*/
.sj_popup-kk{
    /*left: 30%;*/
    width: 100%;
    height:11.8rem;
    background: #fff;
    display: none;
    border-radius:5px;
    z-index: 2000;
 
}
.sj_close{cursor:pointer;padding:0.02rem 0.03rem;cursor:pointer;padding:0.02rem 0.03rem;position:absolute;right:0.01rem;top:0.14rem;}
.sj_close:hover{background-color:grey;color:#ffffff}
.sj_popup-kk h1{
  margin:0 0px;background:#EEE;border-bottom:0.01rem solid #CCC;
}
.sj_popup-kk h1,#forgetform h1,#signup-modal h1,#login-modal h1{margin:0 0px;background:#EEE;border-bottom:1px solid #CCC;border-top:1px solid #CCC;font-size:17px;padding:11px 54px;border-top-left-radius:6px;border-top-right-radius:6px;text-align:center;margin-bottom:22px;}
.sj_popup-kk .sj_close,#signup-modal .sj_close,#login-modal .sj_close,#forgetform .sj_close{position:absolute;top:0;right:0;padding:14px 18px 16px 18px;height:16px;overflow:hidden;opacity:.8;border-left:1px solid #BBB}
/*.sj_layui{
  width:100%;
  height: 0.4rem;
  background:palegoldenrod;
  color: #000;
  font-size: 0.18rem;
}*/
.sj_layui_label{
  color: #000;
}