@charset "utf-8";
  /*公用样式*/
  
* {
  margin: 0;
  padding: 0;
}
html {
  width: 100%;
  font: normal 100%'微软雅黑', Helvetica, Arial, sans-serif;
  font-family: '微软雅黑';
  font-size: 10px;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
/*弹窗样式修改*/
  .rDialog-ok {
  background: #7b41ff!important;
  border-radius: 2.7rem!important;
}
.rDialog-content {
  margin: 0 auto;
}
.rDialog-close {
  display: none!important;
}
.rDialog-header {
  text-align: center;
  font-weight: bold;
  font-size: 18px!important;
}
.rDialog-wrap {
  border: none!important;
}
.rDialog-content {
  font-size: 16px!important;
  line-height: 22px!important;
}
html,
body,
div,
ul,
li,
dt,
dd,
dl {
  list-style: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #000;
}
input,select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  -webkit-appearance: none;
  border: 0;
  background: none;
  font-size: 1.4rem;
  color: #4A4A4A;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
  color: #ccc;
  font-size: 1.4rem;
}
.btn-default,button {
  width: 100%;
  height: 4.2rem;
  line-height: 4.2rem;
  background-color: #7b41ff;
  border-radius: 4px;
  font-size: 1.8rem;
  color: #fff;
  border: 1px solid #7b41ff;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.btn-default-new{
  height: 4rem;
  line-height: 4rem;
  border: 1px solid #1d4dca;
  background-color: #1d4dca;
  border-radius: 4px;
  font-size: 2.4rem;
}
.btn-default-new6{
  height: 3.5rem;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 30px;
  font-size: 2.5rem;
}
.btn-disabled,button[disabled],input[type=button][disabled],input.disabled {
  opacity: 0.4
}
.main-backgroundColor {
  background-color: #a30023;
}
.main-borderColor {
  border: 1px solid #a30023;
}
.main-color {
  color: #a30023;
}
/*select样式*/
.mbsc-ios .dwb-s .dwb {
  color: #a30023!important;
}
.larea_finish{
  color: #a30023!important;
}

.main-deftab {
  border-bottom: 1px solid #fff;
  color: #666
}
.main-curtab {
  border-bottom: 1px solid #1d4dca;
  color: #7b41ff;
}
.whitebg {
  background-color: #fff;
}
.graybg {
  background-color: #f2f3f5;
}

/*公用错误提示语*/
  .error-tip {
  display: none;
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  border-radius: 0.5rem;
  padding: 1rem;
  background: #000;
  opacity: 0.7;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.4rem;
  z-index: 99;
}
.error-tip-fade {
  display: none;
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  border-radius: 0.5rem;
  padding: 1rem;
  background: #000;
  opacity: 0.7;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.3rem;
  -webkit-animation: fadetip 0.5s ease-in-out;
}
@-webkit-keyframes fadetip {
  from {
  -webkit-transform: translate(-50%, -50%) scale(1, 1);
}
to {
  -webkit-transform: translate(-50%, -50%) scale(0.9, 0.9);
}
}

.la-ball-clip-rotate,.la-ball-clip-rotate>div{position:relative;box-sizing:border-box}
.la-ball-clip-rotate{width:40px;height:40px;display:block;font-size:0;color:#fff}
.la-ball-clip-rotate>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:32px;height:32px;background:transparent;border-width:2px;border-bottom-color:transparent;border-radius:100%;-webkit-animation:ball-clip-rotate 0.75s linear infinite;-moz-animation:ball-clip-rotate 0.75s linear infinite;-o-animation:ball-clip-rotate 0.75s linear infinite;animation:ball-clip-rotate 0.75s linear infinite}
.la-ball-clip-rotate.la-2x{width:40px;height:40px}
.la-ball-clip-rotate.la-2x>div{width:40px;height:40px;border-width:2px}
@-moz-keyframes ball-clip-rotate{
  0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}
  50%{-moz-transform:rotate(180deg);transform:rotate(180deg)}
  100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes ball-clip-rotate{
  0%{-o-transform:rotate(0deg);transform:rotate(0deg)}
  50%{-o-transform:rotate(180deg);transform:rotate(180deg)}
  100%{-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes ball-clip-rotate{
  0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
  50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
  100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}

.pagebox {
  width: 100%;
  overflow: hidden;
  color: #4a4a4a;
  box-sizing: border-box;
}
.pd-5 {
  padding: 3%;
}
/*主页*/
  #J_Home .banner {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
#J_Home .banner img {
  width: 100%;
  display: block;
}
#J_Home .content {
  margin: 2.5rem 0 6rem;
}
#J_Home .content-box {
  overflow: hidden;
  margin-bottom: 2rem
}
#J_Home .content-box .title {
  font-size: 1.7rem;
  padding-bottom: 0.75rem;
  border-bottom: 0.1rem solid #d2d2d2;
  font-weight: bold;
}
#J_Home .content-box .detail {
  font-size: 1.5rem;
  line-height: 2.2rem;
  padding-top: 10px;
}
#J_Home .apply {
  position: fixed;
  bottom: 0;
  left: 5%;
  width: 90%;
  height: 6.2rem;
  background-color: #fff;
  display: none;
}
#J_Home .apply>div>a {
  display: block;
  width: 100%;
  height: 4.2rem;
  line-height: 4.2rem;
  color: #fff;
}
#J_Home .apply>div.out-time {
  background-color: #efefef;
  border: 1px solid #efefef;
}
#J_Home .apply>div.out-time>a {
  color: #4a4a4a;
}

/*新主页*/
#J_HomeNew{
  background-color: #4896e2;
}
#J_HomeNew .banner{
  width: 100%;
  overflow: hidden;
}
#J_HomeNew .banner img{
  width: 100%;
}
#J_HomeNew .message{
  width: 100%;
  height: 3.8rem;
  line-height: 3.8rem;
  color: #0f42c7;
  border-radius: 25px;
  text-align: center;
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: -4rem;
  z-index: 10;
  position: relative;
}
#J_HomeNew .tip{
  width: 100%;
  overflow: hidden;
  margin-top: -4rem;
  z-index: 10;
  position: relative;
}
#J_HomeNew .tip img{
  width: 100%;
}
@media screen and (max-width: 370px) {
    #J_HomeNew .message{
        font-size: 1.4rem;
    }
}
#J_HomeNew .apply {
  position: fixed;
  bottom: 0;
  left: 3%;
  width: 93%;
  height: 6.2rem;
  display: none;
}
#J_HomeNew .apply>div>a {
  display: block;
  width: 100%;
  height: 4rem;
  line-height: 4rem;
  color: #fff;
}
#J_HomeNew .apply>div.out-time {
  background-color: #e0e0e0;
  border: 1px solid #e0e0e0;
}
#J_HomeNew .apply>div.out-time>a {
  color: #fff;
}
.table{
  margin: 1rem 0 7rem 0;
}
.table img{
  width: 100%;
  margin-bottom: 1rem;
}

table.gridtable {  
  width: 100%;
  font-size:1.2rem;
  color:#fff;
  border: 1px solid #fff;
  border-collapse: collapse;
  margin-bottom: 1rem;
}
table.gridtable th {
  border: 1px solid #fff;
  padding: 8px;  
  font-size: 1.6rem;
}
table.gridtable td {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  padding: 0.6rem;  
  line-height: 2rem;
  vertical-align: sub;
}
table.gridtable td p{
  margin: 0.3rem 0
}
table.gridtable td span.yellow{
  color: #fff200;
  font-size: 2rem;
}
table.gridtable td.border-right-0{
  border-right: 0!important;
}
table.gridtable td.border-left-0{
  border-left: 0!important;
}
table.gridtable td.w-20{
  width: 20%;
}
table.gridtable td.font-s p{
  font-size: 1.14rem;
}

/*2019.05.10 慈善总会版首页*/
#J_Home6 .new-main{
  width: 100%;
  min-height: 50rem;
  height: auto;
  background:url(../img/main-bg.jpg)  no-repeat top;
  background-size: 100%;
  background-color: #a30023;
  margin-top: 1rem;
  position: relative;
  color: #fff;
  word-break: break-all;
  overflow: hidden;
}
#J_Home6 .bg-zjzx{
  background:url(../img/main-bg2.jpg)  no-repeat top;
  background-size: 100%;
  background-color: #a30023;
  min-height: auto;
}

#J_Home6 .new-main-title{
  font-size: 3.8rem;  
  text-align: center;
  font-weight: bold;
  padding-top: 5.5rem;
  overflow: hidden;
}
#J_Home6 .new-add-title{
  padding-top:6.8rem;
}
#J_Home6 .main{
  width: 100%;
  min-height: 100vh;
  height:auto;
  background:url(../img/main-bg-main.jpg)  no-repeat top;
  background-size: 100%;
  background-color: #a30023;
  position: relative;
  color: #fff;
  word-break: break-all;
  overflow: hidden;
}
#J_Home6 .text-box{
  background:#fff;
  color:#a30023;
  padding-bottom:3rem;
  padding-top:2rem;
}
#J_Home6 .new-main-title1{
  font-size: 2rem;  
  text-align: center;
  color:#fff;
  padding-top: 2rem;
  padding-bottom:1.3rem;
  overflow: hidden;
  font-weight:bold;
}
#J_Home6 .new-main-title2{
  font-size: 1.5rem;
  font-weight: bold;  
  text-align: center;
  padding: 0.5rem 0;
  letter-spacing: 0.2rem;
}
#J_Home6 .new-main-content{
  width: 95%;
  margin: 0 auto;
}
#J_Home6 .new-main-content-in{
  width: 100%;  
  overflow: hidden;
  color: #a30023;
  background-color: #fff;
  border-radius: 10px;  
}
#J_Home6 .new-main-content-in .main-border{
  position: relative;
  width: 95%;
  margin: 0.8rem 2.5%;
  border-radius: 10px;
  border: 1px solid #a30023;
}
#J_Home6 .main-border .circle{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #a30023;
  position: absolute;
}
#J_Home6 .main-border .circle01{
  top: -3px;
  left: -3px;
}
#J_Home6 .main-border .circle02{
  top: -3px;
  right: -3px;
}
#J_Home6 .main-border .circle03{
  bottom:-3px;
  left:-3px;
}
#J_Home6 .main-border .circle04{
  bottom: -3px;
  right: -3px;
}
#J_Home6 .main-border img{
  width: 100%;
}

#J_Home6 .main-txt p{
  padding: 0.4rem 2.5%;
  font-size: 1.5rem;
  line-height: 2rem;
}
#J_Home6 .text-box p{
  font-size: 1.5rem;
}
#J_Home6 .main-txt>p>img{
  width: 8px;
}
#J_Home6 .main-txt>p:first-child{
  padding-top: 1rem;
}
#J_Home6 .main-txt>p.zx-pt{
  padding-top:1.7rem;
  padding-bottom:1rem;
}
#J_Home6 .main-txt>p.last-pt{
  font-size:1.3rem;
}
#J_Home6 .main-txt>p:last-child{
  padding-bottom: 0;
}
#J_Home6 .apply {  
  width: 15rem;
  text-align: center;
  margin: 1.4rem auto;
}
#J_Home6 .apply>div>a {
  display: block;
  width: 100%;
  height: 3.5rem;
  line-height: 3.5rem;
  color: #d10037;
  font-weight: bold;
  text-align: center;
}
#J_Home6 .apply>div>a.gray {
  color:#b5b5b6;
}
#J_Home6 .apply>div>a.active {
  color: #d10037;
}
#J_Home6 .apply>div.out-time {
  background-color: #fff;
  border: 1px solid #fff;
}
#J_Home6 .apply>div.out-time>a {
  color: #b5b5b6;
}
#J_Home6 .new-main-foot{
  width: 100%;
  overflow: hidden;
  padding: 1rem 0;
  box-sizing: border-box;
}
#J_Home6 .new-main-foot img{
  width: 100%;
}
ul.ulbox{overflow: hidden;
    padding-bottom: 1rem;
    padding-left: 3%;
    box-sizing: border-box;}
ul.ulbox li {
    display: block;
    overflow: hidden;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    box-sizing: border-box;
    line-height: 2.3rem;
}
ul.ulbox li:nth-child(odd) {
    width: 58.9%
}
ul.ulbox li:nth-child(even) {
    width: 41.1%
}

.agree-box{
  padding-left:3%;
  padding-bottom:1.1rem;
  color:#3e3d3d;
  font-size:1.3rem;
}
.agree-box .protocol_link{
  color:#a30023;
  text-decoration: underline;
  font-size:1.4rem;
}
.color_link{
  color:#a30023;
  border-bottom: 2px solid #a30023;
  padding-bottom: 6px;
  font-weight: bold;
  font-size:1.5rem;
}
/*报名成功*/
  #J_Ok .ok-main {
  text-align: center;
  overflow: hidden;
}
#J_Ok .ok-main-img img {
  width: 6.5rem;
  padding-top: 8rem;
}
#J_Ok .ok-main-ok {
  font-size: 2.2rem;
  margin-top: 1.5rem;
}
#J_Ok .ok-main-tip {
  font-size: 1.7rem;
  line-height: 2.3rem;
  margin-top: 5rem;
  background-color: #f4f4f4;
  border-radius: 4px;
  padding: 20px 0;
}
/*选择医生*/
  #J_ChooseHospital .bindline {
  display: block;
  height: 8.8rem;
  position: relative;
}
#J_ChooseHospital .hospital-list {
  border-bottom: 1px #EBEBED solid;
}
#J_ChooseHospital .hospital-list:last-child {
  border-bottom: 0
}
#J_ChooseHospital .bindline .radio {
  position: absolute;
  top: 50%;
  left: 2.4rem;
  transform: translateY(-50% );
}
.radio input[type=checkbox],.radio input[type=radio] {
  width: 2rem;
  height: 2rem;
  vertical-align: top;
  background: url('../img/radio.png') no-repeat;
  background-size: 2rem 2rem;
}
.radio input[type=checkbox]:checked,.radio input[type=radio]:checked {
  background: url('../img/radio-checked.png') no-repeat;
  background-size: 2rem 2rem;
}

.radio input[type=checkbox].radio-bg-15,.radio input[type=radio].radio-bg-15{
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.5rem 1.5rem; 
}
.radio input[type=checkbox]:checked.radio-bg-15,.radio input[type=radio]:checked.radio-bg-15{
  background-size: 1.5rem 1.5rem; 
}

.agree-box input[type=checkbox]{
  width: 1.3rem;
  height: 1.3rem;
  background: url('../img/checkbox.png') no-repeat;
  background-size: 1.3rem 1.3rem;
  margin-top: -2px;
  margin-bottom: 1px;
  vertical-align: middle;
}
.agree-box input[type=checkbox]:checked{
  background: url('../img/checkbox-checked.png') no-repeat;
  background-size: 1.3rem 1.3rem;
}

#J_ChooseHospital .bindline .radio-info {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 6.2rem;
  transform: translateY(-50% );
  padding-right: 3rem;
  box-sizing: border-box;
}
#J_ChooseHospital .bindline .radio-info .hospital {
  font-size: 1.6rem;
  color: #333;
  margin-bottom: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#J_ChooseHospital .bindline .radio-info .addr {
  font-size: 1.4rem;
  color: #999;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
/*我要报名*/
.form-box {
  overflow: hidden;
}
.form-box .apply-type,.form-box .hospital-address{
  display: none;
}
.form-box .form-line {
  min-height: 5rem;
  overflow: hidden;
  border-bottom: 1px solid #EBEBED;
  font-size: 1.4rem;
  position: relative;
}
.form-box .form-line:last-child{
  border-bottom:0;
}
.form-box .form-line>label {
  width: 20%;
  line-height: 5rem;
  margin-left: 5%;
  margin-right: 8%;
  display:block;
  float: left;
  color: #333;
}
.form-box .form-line>div{
  padding: 1.5rem 5% 0 5%;
}
.form-box .form-line>div.add-file{
  padding:1.5rem 5%;
}
.form-box .form-line>div>span{
  color: #999;
}
.form-box .form-line>div>p{
  color: #BFC0C0;
  font-size: 1.2rem;
  margin-top: 5px;  
}
.form-box .form-line>span {
  display:block;
  float: left;
  line-height: 5rem;
  width: 64%;
}
.form-box .form-line .hospital-txt,.form-box .form-line .hospital-select{
  display: none
}
.form-box .form-line>span>p{
  line-height: normal;
  word-break: break-all; 
  padding: 1.55rem 0; 
}
@media screen and (max-width: 370px) {
  .form-box .form-line>label{
    width: 22%;
  }
  .form-box .form-line>span{
    width: 62%;
  }
}
.form-box .form-line>span.full {
  width: 100%;
  padding-left: 5%;
  box-sizing: border-box;
}
.form-box .form-line input {
  font-size: 1.4rem;
  width: 100%;
}
.form-box .form-line .img-code-ipt {
  width: 10rem;
}
.form-box .form-line .img-code {
  border: 1px solid #ddd;
  position: absolute;
  width: 8rem;
  height: 3rem;
  top: 1rem;
  right: 1rem;
}
.form-box .form-line .img-code img {
  display: block;
  width: 8rem;
  height: 3rem;
}
.form-box .form-line .sms-code-btn {
  position: absolute;
  width: 8rem;
  height: 3rem;
  top: 1rem;
  right: 1rem;
  font-size: 1.3rem;
  line-height: 3rem;
}
#J_Type_dummy, #J_Type,
#J_Hospital_dummy, #J_Hospital{
  color: #ccc;
  padding-right: 1rem;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-box .form-line input.address-ipt{
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-box .form-line em.right-arrow {
  display: block;
  width: 1rem;
  height: 1.6rem;
  position: absolute;
  top: 1.75rem;
  right: 1rem;
}
.form-box .form-line em.right-arrow img {
  display: block;
  overflow: hidden;
  width: 100%;
}
.form-box .form-line.upload-line{
  height: auto;
  min-height: 11rem;
  border-bottom:0;
  overflow: hidden;
}
.form-box .form-line.upload-line label{
  float: left;
}
#J_SignUp .form-main{
  overflow: hidden;
  background-color: #fff;
}
#J_SignUp .tip{
  padding: 1.5rem 5%;
}
#J_SignUp .tip label{
  font-size: 1.2rem;
  color: #999;
}
.disabled{
  opacity: 0.5;
}