@charset "utf-8";
/* CSS Document */
*
{outline: none;
 -webkit-tap-highlight-color: transparent;
 -webkit-tap-highlight-color: transparent; 
box-sizing:border-box;}
a, button, input {outline: 0 none;text-decoration: none;}

  html{font-size:100px; height:100%}
@media screen and (min-width:320px){
  html{font-size:42px; height:100%}
}
@media screen and (min-width:360px){
  html{font-size:48px; height:100%}
}
@media screen and (min-width:375px){
  html{font-size:50px; height:100%}
}
@media screen and (min-width:384px){
html{font-size:51.2px; height:100%}
}
@media screen and (min-width:400px){
html{font-size:53.333333333333336px;}
}
@media screen and (min-width:414px){
html{font-size:55.2px; height:100%}
}
@media screen and (min-width:424px){
html{font-size:56.53333333333334px;}
}
@media screen and (min-width:480px){
html{font-size:64px; height:100%}
}
@media screen and (min-width:540px){
html{font-size:72px; height:100%}
}
@media screen and (min-width:720px){
html{font-size:96px; height:100%}
}
@media screen and (min-width:750px){
html{font-size:100px; height:100%}
}
  
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, section, article, aside, header, footer, nav, dialog, figure, hgroup {
	margin: 0;
	padding: 0;
}
input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
fieldset, img {
	border: 0;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 500;
}
ul, ol, li {
	list-style: none
}
em, i {
	font-style: normal
}
del {
	text-decoration: line-through;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: 500;
}
img {
	border: 0;
	max-width: 100%;
}
input, img {
	vertical-align: middle;
}
input:focus, a:focus {
	outline: none;
}
html {
	-webkit-text-size-adjust: none;
	overflow-y: scroll;
}
.fl{ float: left; }
.fr{float: right;}
body{font-family:Arial, Helvetica, sans-serif;width:100%;font-size: 0.3rem;background:#008e3f;background-size: 100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-webkit-background-size:100% 100%;}
.clear:after{ display:block; content:""; clear:both; overflow:hidden; height:0px;}
input::-moz-placeholder {color:#6f6f6f;opacity:1;}
input:-ms-input-placeholder {color:#6f6f6f;opacity:1;}
input::-webkit-input-placeholder {color:#6f6f6f;opacity:1;}
.w{max-width:1.5rem; margin:0 auto;}
.logoinimg{text-align: center;margin-top: 1rem;margin-bottom: 0.4rem;font-size:0.36rem;color: #008f40;}
.logoinimg img{width: 3.71rem;height: 2.12rem;margin-bottom: 0.2rem;}
.login-div{width: 80%; margin-left: auto;margin-right: auto; border-radius: 10px; }
.loginflag{margin-left: 10%;text-align: center;width: 80%;margin-bottom: 0.6rem;display: flex;flex-direction: row;justify-content:space-between;align-items: center;}
.loginflag span{color: #fff;text-align: center;font-size: 0.30rem;width: 50%;display: flex;flex-direction: row;align-items: center;text-align: center;}
.loginflag span i{font-size: 0.5rem;margin-right: 0.1rem;color: #fff; display: inline-block;}
.loginflag span label{display: inline-block;padding-top: 0.05rem;}
.login-ul{border: 1px solid #eee;background: #fff;border-radius: 10px;box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset, 0 2px 0 -1px rgba(0,0,0,0.43), 0 2px 0 -1px #2d9626, 0 3px 13px -1px rgba(0,0,0,0.51);}
.login-li{line-height: 1rem;height: 1rem;border-bottom: 1px solid #eee;}
.login-li:first-child{    }
.login-li:last-child{ border-bottom: none;  }
.login-li .username{position: relative; height: 1rem; padding-left: 1.3rem; }
.login-li .username .iconfont,.login-li .userpass .iconfont{font-size: 0.5rem;position: absolute;left: 0.5rem;color: #33a05a;}
.login-li .userpass{height: 1rem;  position: relative; padding-left: 1.3rem; }
.login-li input{width: 100%;height:100%;padding-right: 0.2rem;padding-top: 0.1rem;padding-bottom: 0.1rem;background: none;border: none;font-size: 0.28rem;}
.codebtn{ clear:both;  position: absolute;  line-height: 0.6rem;  text-align: center; right: 0.2rem; top: 0.20rem;    }
.codebtn a{width:2rem;height: 0.6rem;display: block;background: #008e3f;color: #fff;font-size: 0.28rem;border-radius: 6px;box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset, 0 2px 0 -1px rgba(0,0,0,0.43), 0 2px 0 -1px #2d9626, 0 3px 13px -1px rgba(0,0,0,0.81);}
.codebtn a[disabled]{ background: #ccc;font-size: 0.20rem; }
.btn-a{font-weight: 700;-moz-appearance:none;-webkit-appearance:none;background: #fff;border:none;outline:none;border:0px;color: #307c4b;font-size: 0.32rem;display: block;width: 100%;border-radius: 10px;line-height: 0.9rem;text-align: center;margin-top: 0.2rem;margin-bottom: 0.2rem;box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset, 0 2px 0 -1px rgba(0,0,0,0.43), 0 2px 0 -1px #2d9626, 0 3px 13px -1px rgba(0,0,0,0.51);}
.btn-e46109{background: ##e46109;margin-top: 0.32rem;}
.btn-307c4b{background: #008e3f;color: #fff;}
.btn-16cc68{background: #e7cb43;margin-top: 0.3rem;color: #fff;}
.btn-269648{background: #269648;}
.btn-36579a{background: #36579a;}
.btn-269648 span{ display: inline-block; background: url(../images/login/wx.png) no-repeat left center;padding-left: 0.6rem; background-size: 0.41rem 0.33rem; -moz-background-size:0.41rem 0.33rem;-ms-background-size:0.41rem 0.33rem;-webkit-background-size:0.41rem 0.33rem;}
.btn-36579a span{display: inline-block; background: url(../images/login/qq.png) no-repeat left center;padding-left: 0.6rem; background-size: 0.32rem 0.38rem; -moz-background-size:0.32rem 0.38rem;-ms-background-size:0.32rem 0.38rem;-webkit-background-size:0.32rem 0.38rem;}
.login-bottom{ margin-bottom: 0.94rem;margin-top: 0.3rem; }
.login-bottom:after{clear: both; content: ""; display: block;  height: 0;  }
.login-bottom a{font-size: 0.30rem;color: #fff;}
.infomsg1{ display: none; text-align :center; background:rgba(0,0,0,0.85); height: 1.35rem; line-height: 1.35rem;   color: #fff;width: 60%; position: fixed; left: 20%; bottom: 100px; font-size: 0.34rem; z-index: 9999; border-radius: 6px;}
.loginflag .iconfont:before { content: "\e6f0"; }
.loginflag .active .iconfont:before { content: "\e7d5"; }
.login-div .iconfont{color: #eee;}

/* 用户资料完善 */
 .perfect-info-div{ clear:both;  padding-top: 0.2rem; }
 .perfect-info-li{position: relative;background: #fff;/* height:1.02rem; *//* line-height: 1.02rem; */border-bottom: 1px solid #eee;padding-left: 0.2rem;padding-right: 0.2rem;padding-top:  0.2rem;padding-bottom:  0.2rem;display:  flex;flex-direction: row;justify-content: space-between;align-items:  center;}
 .perfect-info-li .labelname{font-size: 0.34rem;display:  inline-block;width: 3.4rem;}
 .perfect-info-li .labelname i{ color: #fb6b0b;margin-left: 0.1rem; }
 .perfect-info-li .prefectcontdiv{ overflow: hidden;  width: 100%;  }
 .perfect-info-li .prefectcontdiv input{height:100%;font-size: 0.3rem;width: 100%;text-align: right;padding-top: 0.1rem;padding-bottom: 0.1rem;background: none;border: none;}
 .prefectcontdiv{ width: 100%; height:1.02rem; height: 100%; }
 .prefectcontdiv .sexdiv {position: relative; display: inline-block; float: right; margin-left: 0.4rem;margin-right: 0.2rem; }
 .prefectcontdiv .sexdiv  input{opacity: 0; display: inline-block;float: left;border: 1px solid #ccc;background: #ccc;width: 0.4rem;height: 0.4rem;position: absolute;left: 0;top: 0;}
 .prefectcontdiv .sexdiv .iconfont{color: #008e3f;font-size: 0.4rem;display:  inline-block;}
 .prefectcontdiv .sexdiv .iconfont:after{content: "\e6f0";}
 .prefectcontdiv .sexdiv input:checked+i:after{ content: "\e7d5";}
 .prefectcontdiv .sexdiv label{font-size: 0.3rem;}
.flexrow{display: flex;flex-direction: row;align-items: center;}
 
 .perfect-info-btn{width: 100%;margin-top: 0.6rem;}
 .register-success{padding-top: 0.6rem;text-align: center;}
 .register-success .iconfont{font-size: 1.5rem;color: #fff;}
 .register-success p{margin-top: 0.5rem;font-size: 0.34rem;color: #fff;margin-bottom:1rem;}
 .btngroups{padding-left: 0.3rem;padding-right: 0.3rem;}
 
.laybox{width:6rem; text-align: center;background-color: #fafafa;padding-top:0.4rem;padding-bottom: 0.3rem;}
.mqzk-div{ display:flex;flex-direction: row; align-items: center;padding-left: 0.2rem;padding-right: 0.2rem;text-align: center;}
.mqzk-div label{display: block;padding-top: 0.2rem;padding-bottom: 0.2rem;width: 100%;text-align:  left;}
.mqzk-div label span{width:2rem;text-align:center;padding-left: 0.2rem;padding-right: 0.2rem;}
.mqzk-div .iconfont{color:#16cc68;font-size: 0.4rem;}
.mqzk-div input[type="radio"]{display: none;} 
.mqzk-div input[type="text"]{display: none; border:1px solid #ccc;padding-top: 0.1rem;padding-bottom: 0.1rem;border-radius: 0.1rem;padding-left: 0.1rem;padding-right: 0.1rem;width: 3rem;}
.mqzk-div .iconfont:after{content: "\e6f0";}
.mqzk-div input:checked+i+label{color:#3e60ea;}
.mqzk-div input:checked+i:after{content: "\e60f"; }
.mqzk-div input:checked+i+label input{display: inline;margin-left: 0.1rem;}
.mar-t-20{margin-top: 0.2rem;}

.perfect-info-li .labelname.left-w1{width: 2rem;}
.gt-options{width: 50%;display: flex;align-items: center;}
.gt-options input[type="radio"],.gt-options input[type="checkbox"]{opacity: 0;position: absolute;width: 0.4rem;} 
.gt-options input[type="text"]{  border:1px solid #ccc;padding-top: 0.1rem;padding-bottom: 0.1rem;border-radius: 0.1rem;padding-left: 0.1rem;padding-right: 0.1rem;width: 3rem;}
.perfect-member-li .membercontdiv .gt-options input[type="text"]{width: 3rem;}
.gt-options .iconfont{color: #16cc68;font-size: 0.4rem;}
.gt-options{font-size: 0.3rem;padding-top: 0.1rem;padding-bottom: 0.1rem;}
.gt-options .iconfont:after{content: "\e6f0";}
.gt-options input:checked+i+label{color:#3e60ea;}
.gt-options input:checked+i:after{content: "\e60f"; }
.gt-options input:checked+i+label input{display: inline; }
.perfect-info-li .prefectcontdiv .gt-options input{text-align: left;}
.gt-options input[type="checkbox"]+.iconfont:after{content: "\e616";}
.gt-options input[type="checkbox"]:checked+i:after{content: "\e607"; }
 

/*调查表*/
.perfect-member-li.flexbetween{display: flex;flex-direction: row;align-items: center;padding-top: 0.2rem;padding-bottom: 0.2rem;}
.perfect-member-li.flexbetween .labelname{padding-top: 0px;margin-right: 0.2rem;}
.perfect-member-li.flexbetween .membercontdiv{margin-bottom: 0px;flex: 1;}
.perfect-member-li{padding-left: 0.2rem;padding-right: 0.2rem;padding-bottom: 0.2rem;background-color: #fff;border-bottom: 1px dashed #ccc;}
.perfect-member-li .labelname{display: block;margin-bottom: 0.1rem;font-size: 0.3rem;padding-top: 0.3rem;}
.perfect-member-li .labelname i{color: red;margin-left: 0.1rem;}
.perfect-member-li .labelname p{color: #999;}
.perfect-member-li .membercontdiv{margin-bottom: 0.05rem;display:  flex;flex-wrap: wrap;}
.membercontdiv:after{clear:both;display: block;content: "";height: 0;}
.perfect-member-li .membercontdiv input[type="text"]{width: 100%;padding-top: 0.15rem;padding-bottom: 0.15rem;border:1px solid #ccc;border-radius: 0.1rem;padding-left: 0.1rem;}
.perfect-member-li .flexbetween{display: flex;flex-direction: row;justify-content:space-between;align-items: center;}
.perfect-member-li .flexbetween .sexdiv{width: 50%;text-align: left;}
.gt-options .iconfont{margin-right: 0.1rem;}
.gt-options label{display: flex;flex-direction: row;align-items: center;flex: 1;}
.gt-options label span{display: inline-block;width: 1rem;}
/*会员加入*/
.addmember-list{clear: both;color: #a0a0a0;padding-top:  0.4rem;text-align:  center;}
.addmember-title{color: #fff;font-size: 0.4rem;padding-bottom: 0.5rem;}
.addmember-list .pname{padding-top: 0.2rem;padding-bottom: 0.2rem;color: #fff;font-size: 0.32rem;}
.addmember-list .pname span{padding-right: 0.2rem;padding-left: 0.2rem;}
.member-group-btn{padding-left: 0.3rem;padding-right: 0.3rem;}
.addmember-pay-div{line-height: 0.5rem;font-size: 0.3rem;padding-right: 0.3rem;padding-left: 0.3rem;}
.mpay-btn a{display: inline-block;width: 100%;line-height: 0.9rem;height: 0.9rem;background-color: #008e3f;color: #fff;border-radius:0.1rem;text-align: center;margin-top: 0.3rem;font-size: 0.32rem;}

.to-addmember-pay{padding-left: 0.3rem;padding-right: 0.3rem;}
.to-addmember-pay p{padding-top: 0.1rem;padding-bottom: 0.1rem;font-size: 0.3rem;}
.to-addmember-pay p input[type="radio"]{display: none;}
.to-addmember-pay p input:checked+label{background-color:#e46109;color: #fff;}
.to-addmember-pay p input{width: 100%;border-radius: 0.1rem;border:1px solid #ccc;padding-left: 0.1rem;padding-right: 0.1rem;height:  0.9rem;line-height: 0.9rem;}
.hf-labelbtn{display: block;/* background-color: #eee; */width: 100%;line-height: 0.9rem;height: 0.9rem;border-radius:  0.1rem;padding-left:  0.1rem;text-align:  center;border: 1px solid #ccc;}
.hf-labelbtn input{display: none;}
.onyear{display: none;}
.to-addmember-pay p input:checked+.onyear{display: block;font-size: 0.34rem;color: #666;padding-bottom: 0.1rem;}
.to-addmember-pay p input:checked+.onyear+label{background-color: #e46109;color: #fff;}
.to-addmember-pay p input:checked+label input{display: block;}
.to-addmember-pay p input:checked+label.hf-labelbtn.btn{background-color:transparent;color: #000;}
.hf-labelbtn.btn {position: relative;padding-left: 1.5rem;padding-right: 0.6rem;}
.hf-labelbtn.btn .left{ position: absolute;left:0.1rem;line-height: 0.9rem; height: 0.9rem;}
.hf-labelbtn.btn .right{position: absolute;right: 0.1rem;line-height: 0.9rem;height: 0.9rem;top: 0;}
.hf-labelbtn.btn .hf-input{width: 100%;height: 100%;display:  inline-block;}
.red{color:red;}
.to-addmember-pay textarea{width: 100%;height: 1.5rem;border-radius: 0.1rem;padding: 0.1rem;}
.menber-xieyi{width: 100%; padding-left: 0.3rem;padding-right: 0.3rem;font-size: 0.3rem;padding-top: 0.3rem;padding-bottom: 0.3rem;}
.menber-xieyi a{padding-left: 0.2rem;}


.ivu-input:hover,.ivu-input:focus{box-shadow: none;}
.ivu-icon-ios-calendar-outline:before{display: none;}
.ivu-date-picker{width: 100%;text-align: right;}
.ivu-input-icon-normal+.ivu-input{padding-right: 0px;}
.perfect-info-li .datatimes .prefectcontdiv input{box-shadow: none;}
 input::-webkit-input-placeholder{color:#666;}
 input::-moz-placeholder{color:#666;}
 input:-moz-placeholder{ color:#666;}
 input:-ms-input-placeholder{  color:#666}
 input.ivu-input::-webkit-input-placeholder{color:#666;}
 input.ivu-input::-moz-placeholder{color:#666;}
 input.ivu-input:-moz-placeholder{ color:#666;}
 input.ivu-input:-ms-input-placeholder{  color:#666}

 .comselectbtn{    
 width: 100%;
 height: 0.6rem;
 border-radius: 0.05rem;
}