:root{
    --c-txt:#3f3f3f;--c-bg:#f4f4f4;--c-blue:#005a93;--c-lblue:#0099FF;--c-red:#F85F48;--c-redp:#c656a0;--c-purple:#7058a5;--c-gray:#959595;--c-lgray:#808080;--c-darkgray:#555555;--c-orange:#ff9900;--c-redy:#ff6600;--c-lightgray:#cfced3;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
margin:0px;
padding:0px;
border:0px;
}
html, body, input, textarea, select {color: var(--c-txt); }
a  {
text-decoration:none;
border:0;
}
a:linked,a:visited,a:active {
text-decoration:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
}

body {
font-size: 1rem;
font-family: 'PingFang-SC-Regular','sans-serif','Arial','Helvetica';
color:#333;
background-color:#f4f4f4;
}
li {
list-style:none;
}
input, textarea, select {
outline:none;
-moz-outline:none;
}
input[type=button]{
-webkit-appearance:none;
-moz-appearance:none;
outline:none;
cursor:pointer;
}
img {
border:0;
}



/*flex布局*/
.W-layout-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.W-layout-box .W-box-col {width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.W-center-v { -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.W-center-h { -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
.W-justify { -webkit-box-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; }
/*截字*/
.W-cut-txt{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.W-cut-p1{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.W-cut-p2{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.W-cut-p3{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.W-cut-p4{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.W-cut-p5{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:5; }
.W-cut-p6{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:6; }
.W-cut-p7{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:7; }
.W-cut-p8{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:8; }
.W-cut-p9{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:9; }
.W-cut-p10{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:10; }

/*浮层*/
.W-layer{background:rgba(0,0,0,.6);position:fixed;overflow:hidden;left:0;right:0;top:0;bottom:0;z-index:9999;}
.W-layer .content{background:#FFF;width:80%;border-radius:.6rem;overflow:hidden;text-align:center; padding: .7rem 0;}
.W-layer .tit{ line-height: 1.5rem;margin-top:.2rem; font-size: 1rem; font-weight: bold;}
.W-layer .mainbox {padding: .6rem .6rem .6rem; font-size: 0.9rem; }
.W-layer .layer-a .mainbox{margin:1.7rem 1.4rem;max-height:1.2rem;overflow-y:scroll;}
.W-layer .layer-b .mainbox{}
.W-layer .layer-c .mainbox{line-height: 1.25rem; }
.W-layer .layer-c .mainbox .txtxy { text-align: left; font-size: 0.8rem; line-height: 1.1rem; color: #666; max-height: 50vh; overflow-y: scroll; }
.W-layer .layer-c .mainbox .txthint { font-size: 0.7rem; color: #999; margin-top: 0.75rem; line-height: 0.7rem; }
.W-layer .layer_btn { margin-top: .6rem; padding-top: .8rem; border-top: 0.6px solid #e5e5e5; line-height: 1.25rem;}
.W-layer .layer_btn .p1 { border-right: 0.6px solid #e5e5e5;}
.W-layer .layer_btn .p2 { }
.W-layer .layer-c .layer_btn a {color: #fff;}
.W-layer .layer-c .layer_btn p:first-child a{color: #0099FF; }
.W-layer .layer-c .layer_btn p:last-child a{color: #f85f48; }
.W-layer .layer-x { width: 90%; border-radius: .25rem;  }
.W-layer .layer-x .tit { color: #0099FF; font-size: 1.1rem; margin-bottom: .6rem; }
.W-layer .layer-x .mainbox { padding: .15rem .8rem 1.1rem; font-size: .8rem; line-height: 1.5rem; text-align: center;}
.W-layer .layer-x .layer_btn {border: 0;margin-top: .25rem;padding-top: 0;margin-bottom: .8rem; font-size: 1rem;}
.W-layer .layer-x .layer_btn .p1 {border-right: 0; text-align: right; padding-right: .7rem;}
.W-layer .layer-x .layer_btn .p2 {text-align: left; padding-left: .7rem;}
.W-layer .layer-x .layer_btn a {color: #fff;}
.W-layer .layer-x .layer_btn p:first-child a{color: #c656a0; }
.W-layer .layer-x .layer_btn p:last-child a{color: #0099FF; }




.page {
  width:100%;
  /*max-width:800px;*/
  margin:0px auto;
  padding-bottom:3.8rem;
  position:relative;
  overflow-y: scroll;
}
.page_white{background-color: #fff; min-height: calc(100vh - 3.8rem);}
.withApp{
    margin-top: 3.2rem;
}
.nav {
    width:100%;
    max-width:800px;
    height:2.8rem;
    position:fixed;
    bottom:0;
    align:center;
    border-top:0.6px solid #ccc;
    display:flex;
    flex-flow:row;
    z-index:1001;
    background-color:#fff;
}
.nav_thread {
  display:block;
    width:33.2%;
    height:2.8rem;
    line-height:2.8rem;
    font-size:.9rem;
    text-align:center;
    color: #666;
}
.n_sel {
    color:#006DA3;
}
.nav_thread:last-child {
    width:1;
    border-right:0px;
}
.nav1 {
    width:100%;
    max-width:800px;
    height:2.8rem;
    position:fixed;
    bottom:0;
    align:center;
    border-top:0.6px solid #ccc;
    display:flex;
    flex-flow:row;
    z-index:1001;
    background-color:#fff;
}
.nav1_thread {
  display:block;
    width:33.2%;
    font-size:.6rem;
    text-align:center;
    color: #666;
}
.nav1_thread:last-child {
    border-right:0;
}
.icon_nav {
  display:block;
  margin:0.35rem auto 0rem auto;
  width:1.4rem;
}
.nav1_thread span {
display:block;
  margin:0.15rem auto;
  line-height:0.8rem;
}
.login_bar {
    width:100%;
    height:2.8rem;
    display:flex;
    flex-flow:row;
    background-color:#f0f0f0;
    z-index:9999;
}
.login_bar h2 {
  float:left;
  width:calc(100% - 0.75rem);
  padding-left:0.75rem;
  line-height:2.8rem;
  height:2.8rem;
  border-bottom:0.6px solid #ccc;
  font-size:1rem;
  color:#333;
}
.login_tag {
    text-align:center;
    height:2.8rem;
    line-height:2.8rem;
    font-size:1rem;
    border-right:0.6px solid #ccc;
    border-bottom:0.6px solid #ccc;
    font-family:Microsoft Yahei;
}
.login_tag:last-child {
    border-right:0px;
}
.tl {
    width:50%;
}
.tr {
    flex:1;
}
.sel {
    background-color:#fff;
    border-bottom:1px solid #fff;
}
.nosel {
    background-color:none;
    border-bottom:0.6px solid #ccc;
}
.login_thread {
  float:left;
    width:calc(100% - 1.5rem);
    padding-right:0.75rem;
    margin-left:0.75rem;
    height:3.1rem;
    border-bottom:0.6px solid #ccc;
}
.login_box p {
    float:left;
    width:4rem;
    margin-right:0.5rem;
    margin-top:0.1rem;
    height:2.9rem;
    overflow:hidden;
    line-height:3rem;
    font-size:0.9rem;
    color:var(--c-txt);
}
.login_box input {
    float:left;
    width:8rem;
    font-size:0.9rem;
    height:2.9rem;
    text-align:left;
    color:#aaa;
    margin-top:0.1rem;
}
.login_box .inputw {
    width:calc(100% - 6rem);
}
::-webkit-input-placeholder {
  color:#ccc;
}
.login_thread:last-child {
    border-bottom:0px;
}
.btn_01 {
    float:right;
    width:7.5rem;
    height:1.9rem;
    line-height:1.9rem;
    margin-top:0.6rem;
    border:0.6px solid #00B4CB;
    color:#00B4CB;
    border-radius:0.2rem;
    font-size:0.9rem;
    white-space: nowrap;
    text-align:center;
}
.btn_02 {
    float:right;
    width:7.5rem;
    height:1.9rem;
    line-height:1.9rem;
    margin-top:0.7rem;
    margin-right: 0.1rem;
    color:#999;
    background-color:#eee;
    border-radius:0.2rem;
    font-size:0.9rem;
    text-align: center;
    display:none;
}

.btn_greybox {
    width:7.5rem;
    height:1.9rem;
    line-height:1.9rem;
    border:0.6px solid #ccc;
    color:#555;
    border-radius:0.2rem;
    font-size:0.9rem;
    white-space: nowrap;
    text-align:center;
    background-color: #fff;
}

.btn_smallbox {
    float:left;
    width:auto;
    height:1.9rem;
    padding: 0 1rem;
    line-height:1.9rem;
    border:0.7px solid #00B4CB;
    color:#00B4CB;
    border-radius:0.2rem;
    font-size:0.95rem;
    white-space: nowrap;
    text-align:center;
    background-color: #fff;
}

.hide {
  display:none;
}
.none {
    display:none;
}
.block {
    display:block;
}
.btn_login {
  float:left;
  display:block;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    margin-top:0.9rem;
    height:2.8rem;
    line-height:2.8rem;
    background-color:#f93;
    border-radius:0.2rem;
    color:#fff;
    font-size:1.2rem;
    font-family:Microsoft Yahei;
    text-align:center;
}

.btn_disabled {
    color:#aaa;
    background-color:#ddd;
}
.subtitle_1 {
    width:92%;
    padding-left:4%;
    padding-right:4%;
    display:block;
    font-size:1.2rem;
    height:2.8rem;
    line-height:3rem;
    border-bottom:0.6px solid #ccc;
}
.msgbox {
    position:fixed;
    top:8rem;
    width:84%;
    margin-left:8%;
    background-color:#fff;
    border-radius:0.5rem;
    border:0.6px solid #808080;
    height:auto;
    z-index:1002;
}
.msgtitle {
    width:100%;
    display:block;
    text-align:center;
    font-size:1rem;
    line-height:1.2rem;
    height:1.2rem;
    margin-top:1.6rem;
    margin-bottom:0.4rem;
}
.msgcontent {
    width:100%;
    display:block;
    text-align:center;
    font-size:0.9rem;
    color:#666;
    line-height:2.4rem;
    height:2.4rem;
    border-bottom:0.6px solid #ccc;
    margin-bottom:0.8rem;
}
.msgbtn {
    width:100%;
    text-align:center;
}
.btn_close {
    width:49.5%;
    text-align:center;
    font-size:0.9rem;
    margin-top:0.4rem;
    margin-bottom:0.9rem;
    line-height:1.1rem;
    color:#F85F48;
}
.btn_confirm {
    width:49.5%;
    text-align:center;
    font-size:0.9rem;
    margin-top:0.4rem;
    margin-bottom:0.9rem;
    line-height:1.1rem;
    color:#F85F48;
}
.btn_blue {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:.75rem;
    height:2.5rem;
    margin-top:0.75rem;
    line-height:2.5rem;
    font-size:1.1rem;
    color:#fff;
    background-color:#09C;
    border-radius:0.3rem;
    text-align:center;
}
.btn_expired {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:.75rem;
    height:2.5rem;
    margin-top:0.75rem;
    line-height:2.5rem;
    font-size:1.1rem;
    color:#888 !important;
    background-color:#ccc !important;
    border-radius:0.3rem;
    text-align:center;
}
.mask {
    top:0;
    left:0;
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.35);
    z-index:1001;
    display:none;
}
.id_box {
    width:100%;
    border-top:0.6px solid #ccc;
    border-bottom:0.6px solid #ccc;
    background-color:#fff;
    margin-top:0.6rem;
}
.id_thread {
    width:96%;
    margin-left:4%;
    height:5rem;
    border-bottom:0.6px solid #ccc;
}
.id_thread:last-child {
    border-bottom:0px;
}
.id_thread text {
    float:left;
    width:85%;
    line-height:1.8rem;
    overflow:hidden;
}
.id_name {
    font-size:1.1rem;
    color:var(--c-txt);
    margin-top:0.9rem;
}
.id_phone {
    font-size:0.9rem;
    color:#999;
}
.id_thread image {
    float:right;
    width:1.8rem;
    height:1.8rem;
    margin-top:1.6rem;
    margin-right:0.7rem;
}
.apply_thread {
    width:96%;
    margin-left:4%;
    height:3.1rem;
    display:flex;
    flex-flow:row;
    border-bottom:0.6px solid #ccc;
}
.apply_thread text {
    width:3rem;
    margin-right:0.5rem;
    height:3.5rem;
    overflow:hidden;
    line-height:3.5rem;
    font-size:0.9rem;
    text-align:justify;
    color:var(--c-txt);
}
.apply_thread:last-child {
    border-bottom:0px;
}
.red {
    color:#c00 !important;
}
.icon_01 {
    float:left;
    width:2rem;
    height:2rem;
    margin-right:0.5rem;
}
.icon_02 {
    float:left;
    width:1rem;
    height:1rem;
    margin-right:0.5rem;
}
.portrait {
    float:left;
    width:3rem;
    height:3rem;
    border-radius:1.5rem;
    margin-right:0.5rem;
    vertical-align:middle;
}
.portrait_wxhead {
    float:left;
    width:2.5rem;
    height:2.5rem;
    border-radius:1.5rem;
    margin-right:0.5rem;
    vertical-align:middle;
    margin-top: 0.3rem;
}

/*index*/
.appdownload {
    position: fixed;
    top: 0;
    z-index: 99999;
  float:left;
  width:calc(100% - 1.5rem);
  background-color:#323232;
  padding: 0.5rem 0.75rem;
}
.logo_dl {
  float:left;
  width:2.2rem;
  height:2.2rem;
  border-radius:0.5rem;
  margin-right:0.5rem;
}
.appdownload h2 {
  float:left;
  width:55%;
  font-size:0.8rem;
  line-height:1.2rem;
  font-weight:normal;
  color:#fff;
}
.appdownload p {
  float:left;
  display:block;
  width:55%;
  font-size:0.6rem;
  color:#979797;
}
.appdownload .close {
    float:right;
    display:block;
    color:#979797;
    margin-right: 0;
    margin-top: .6rem;
    border: .6px solid #979797;
    border-radius: 2rem;
    width: 1rem;
    height: 1rem;
}
.appdownload .close span {
    color:#ccc;
    font-size:0.5rem;
    margin-left: .25rem;
    line-height: 1rem;
}
.btn_dl {
  float:right;
  display:block;
  width:4.5rem;
    height: 1.8rem;
  background-color:#ff9932;
  color:#fff;
  font-size:0.8rem;
  text-align:center;
  border-radius:0.3rem;
  line-height:1.9rem;
  margin-top:0.25rem;
    margin-right: .8rem;
}
.page_index {
    float:left;
    width:100%;
    height:auto;
    padding-bottom:4rem;
    position:relative;
}
.search_bar {
    float:left;
    width:100%;
    height:3rem;
    overflow:hidden;
    border-bottom:0.6px solid #ccc;
    background-color:#fff;
    text-align:center;
}
.index_box {
    float:left;
    width:100%;
    border-bottom:0.6px solid #ccc;
    background-color:#fff;
    margin-top:0.5rem;
}
.logo {
  display:inline-block;
  width:3rem;
  height:auto;
  margin-right:1.3rem;
  vertical-align: middle;
}
.search_box {
    display:inline-block;
    height:1.8rem;
    overflow:hidden;
    padding-left:0.3rem;
    padding-right:0.3rem;
    width:14rem;
    border:0.6px solid #ccc;
    border-radius:0.2rem;
    vertical-align:middle;
}
.icon_search {
    float:left;
    width:1rem;
    height:1rem;
    margin-top:0.4rem;
    margin-right:0.2rem;
}
.search_box input {
    display:inline-block;
    margin-top:0.25rem;
    width:12.5rem;
    font-size:0.8rem;
    height:1.2rem;
    text-align:left;
    color:#999;
}
.btn_search {
    display:inline-block;
    width:auto;
    font-size:0.8rem;
    line-height:3rem;
    color:var(--c-txt);
    margin-left:0.4rem;
    vertical-align: middle;
}
.my_account {
    float:left;
    width:calc(100% - 0.75rem);
    padding-left:0.75rem;
    margin-top:0.5rem;
    height:2.3rem;
    padding-bottom:0.8rem;
    border-top:0.6px solid #ccc;
    border-bottom:0.6px solid #ccc;
    background-color:#fff;
}
.my_account2 {
    padding-bottom: 1.2rem;
    position: relative;
}
.my_account .confee{
    position: absolute;
    right: 1.1rem;
    top: 2.1rem;
    color: #f30000;
    font-size: 0.75rem;
}
.index_yy02 {
    float:left;
    width:100%;
    margin-top:0.5rem;
    /*padding-top: 0.2rem;
    padding-bottom: 0.4rem;*/
    border-top:0.6px solid #ccc;
    border-bottom:0.6px solid #ccc;
    background-color:#fff;
}
.index_yy02 img {
    width: 49%;
    padding-top: 0.2rem;
    padding-bottom: 0.4rem;
}
.index_yy02 .imgbord {
    border-right:0.6px solid #ddd;
}
.index_banner {
    float:left;
    width:100%;
    margin-top:0.5rem;
    background-color:#fff;
}
.index_banner img {
    width: 100%;
}

.nickname {
    float:left;
    width:auto;
    line-height:3.2rem;
    font-size:1rem;
    margin-right:0.3rem;
    display:none;
}
.bind {
  display:block;
}
.rebind {
  float:right;
  display:block;
  width:auto;
  height:1.9rem;
  line-height:1.9rem;
  padding-left:0.3rem;
  padding-right:0.3rem;
  margin-top:0.7rem;
  color:#00B4CB;
  font-size:0.8rem;
  margin-right:0.8rem;
  display:none;
}
.hint_bind {
    float:left;
    width:auto;
    line-height:3.2rem;
    font-size:0.8rem;
    color:#f60 !important;
    margin-right:0.3rem;
}
.logged {
    float:left;
    width:1rem;
    height:1rem;
    margin-top:1rem;
}
.status {
    float:right;
    width:auto;
    margin-right:0.5rem;
    line-height:3.2rem;
    font-size:0.8rem;
    color:#00B4CB;
}
.purple {
    color:#C656A0 !important;
}
.btn_login_1 {
    float:right;
    display:block;
    width:auto;
    height:1.6rem;
    line-height:1.6rem;
    padding-left:0.3rem;
    padding-right:0.3rem;
    margin-top:0.7rem;
    border:0.6px solid #00B4CB;
    color:#00B4CB;
    border-radius:0.2rem;
    font-size:0.9rem;
    margin-right:0.75rem;
}
.btn_confee {
    float: left;
    display:block;
    width:auto;
    height:1.6rem;
    line-height:1.6rem;
    padding-left:0.3rem;
    padding-right:0.3rem;
    border:0.6px solid #00B4CB;
    color:#00B4CB;
    border-radius:0.2rem;
    font-size:0.9rem;
    margin-right:0.75rem;
    background-color: #fff;
}
.hot_doctor {
    float:left;
    width:calc(100% - 0.75rem);;
    padding-left:0.75rem;
    margin-top:0.5rem;
    height:auto;
    padding-top:0.6rem;
    padding-bottom:0.5rem;
    border-top:0.6px solid #ccc;
    border-bottom:0.6px solid #ccc;
    background-color:#fff;
}
.hot_doctitle {
    float:left;
    width:100%;
    font-size:0.8rem;
    color:var(--c-txt);
    margin-bottom:0.3rem;
}
.hot_doclist {
    float:left;
    display:block;
    width:auto;
    margin-right:0.5rem;
    font-size:0.9rem;
    color:#C656A0;
    line-height:1.4rem;
    white-space:nowrap;
}
.doc_recom {
    float:left;
    width:calc(100% - 0.75rem);;
    padding-left:0.75rem;
    font-size:1rem;
    line-height:2.2rem;
    margin-top:0.2rem;
    color:var(--c-txt);
}
.myfavourite {
    float:left;
    width:100%;
    background-color:#fff;
    border-bottom:0.6px solid #ccc;
    border-top:0.6px solid #ccc;
}
.myfavour_thread {
    float:left;
    display:block;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    padding-top:0.7rem;
    padding-right:0.75rem;
    padding-bottom:0.7rem;
    border-bottom:0.6px solid #ccc;
}
.myfavour_thread:last-child {
    border-bottom:0px;
}
.doctor_info {
    float:left;
    width:77%;
    height:4.1rem;
    overflow:hidden;
}
.doctor_info .g2 {
    color:#616372 !important;
}
.doctor_info .g3 {
    color: #999BA8 !important;
}
.doctor_info p {
    float:left;
    display:block;
}
.doc_name {
    width:auto;
    font-size:1rem;
    margin-right:0.5rem;
    line-height:1.4rem;
    /*color:var(--c-txt);*/
    color:#2E2D2D;
    font-weight: bold;
}
.doc_title {
    width:auto;
    font-size:0.8rem;
    clear:right;
    line-height:1.4rem;
    margin-top:0.1rem;
    color:#616372;
}
.doc_hos {
    width:100%;
    font-size:0.8rem;
    line-height:1.4rem;
    color:#666;
}
.doc_info {
    width:100%;
    font-size:0.8rem;
    line-height:1.4rem;
    color:#999;
}
.doc_info .arr {
    float:right;
    width:0.5rem;
    height:0.9rem;
    margin-top:1.8rem;
}
.loading {
    float:left;
    width:100%;
    line-height:2.4rem;
    font-size:0.8rem;
    color:#999;
    text-align:center;
}
.portrait1 {
    float:left;
    width:3.4rem;
    height:3.4rem;
    border-radius:1.8rem;
    margin-right:0.6rem;
    margin-top:0.25rem;
    vertical-align:middle;
}

/*myreservation*/
.myreservation {
    width:100%;
}
.reservation_box {
    float:left;
    width:100%;
    background-color:#fff;
    border-bottom:0.6px solid #ccc;
}
.reservation_thread {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    padding-right:0.75rem;
    height:3.8rem;
    padding-top:0.8rem;
    padding-bottom:0.8rem;
    border-bottom:0.6px solid #ccc;
}
.reservation_thread:last-child {
    border-bottom:0px;
}
.portrait2 {
    float:left;
    width:2.8rem;
    height:2.8rem;
    border-radius:1.8rem;
    margin-right:0.6rem;
    margin-top:0.4rem;
    vertical-align:middle;
}
.reservation_info {
    float:left;
    width:auto;
    vertical-align:middle;
}
.reservation_info p {
    display:block;
    font-size:0.8rem;
    line-height:1.3rem;
}
.reservation_status {
  float:right;
    width:3.5rem;
}
.reservation_status p {
  float:left;
  display:block;
  width:auto;
  line-height:3.8rem;
}
.g1 {
    color:var(--c-txt);
    font-size: 0.9rem !important;
}
.g2 {
    color:#666;
}
.g3 {
    color:#999;
}
.waitpay {
    color:#ff0000 !important;
    font-size:0.8rem;
    line-height:3.8rem;
}
.confirm {
    color:#960 !important;
    font-size:0.8rem;
    line-height:3.8rem;
}
.reserved {
    color:#005A93;
    font-size:0.8rem;
    line-height:3.8rem;
}
.cancled {
    color:#999;
    font-size:0.8rem;
    line-height:3.8rem;
}
.arr1 {
    float:right;
    width:0.5rem;
    height:0.9rem;
    margin-top:1.35rem;
}

/*myreservationdetail*/
.reservation_info {
    float:left;
    width:auto;
    vertical-align:middle;
}
.reservation_info p {
    display:block;
    font-size:0.8rem;
    line-height:1.3rem;
}
.reservation_num {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    padding-right:0.75rem;
    height:3rem;
    border-bottom:0.6px solid #ccc;
}
.reservation_num p {
    display:block;
}
.res_title {
    float:left;
    width:auto;
    font-size:0.8rem;
    color:#666;
    margin-right:0.5rem;
    line-height:3rem;
}
.res_num {
    float:left;
    width:auto;
    font-size:1.3rem;
    font-weight:bold;
    color:#f60;
    margin-right:0.5rem;
    line-height:3rem;
    width:auto;
}
.reserved2 {
  float:right;
    color:#005A93;
    font-size:0.8rem;
    line-height:3rem;
}
.reservation_detail {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    padding-right:0.75rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    border-bottom:0.6px solid #ccc;
}
.reservation_detail:last-child {
    border-bottom:0px;
}
.reservation_detail p {
    float:left;
    display:block;
    line-height:1.4rem;
    overflow:hidden;
}
.reservation_detail .t1{
    color: #996600 !important;
}
.reservation_detail .redhint {
    color: #ff0000;font-size: 1rem;
}
.reservation_detail .redhint span {
    background-color: #ffff99;
}
.reservation_detail .qrcode { height: 2rem; font-size: 0.8rem; color: #00B4CB; }
.reservation_detail .qrcode img { width: 2rem; margin-right: 0.5rem}

.reserdetail_t2{
    line-height: 3rem;
    text-align: center;
    width: 100%;
}
.reserdetail_t2 a {
    color: #00B4CB;
}

.reser_title {
    width:34%;
    color:#999;
    font-size:0.8rem;
}
.reser_content {
    width:66%;
    color:var(--c-txt);
    font-size:0.8rem;
}
.reserve_hint {
  float:left;
  width:95%;
  padding:0.5rem;
  border:0.6px solid #FFBE7D;
  background-color:#FFF2E6;
  border-radius:0.3rem;
    margin-top: .3rem;
    margin-bottom: .3rem;
}
.reserve_hint p {
  text-align:left;
  font-size:0.8rem;
  color:#999;
  line-height:1.2rem;
}

/*myreservationcancle*/
.reservation_cancled {
    float:left;
    width:100%;
    height:auto;
    padding-top:3.5rem;
    padding-bottom:3.5rem;
    text-align:center;
}
.hint_icon {
    display:inline-block;
    vertical-align:middle;
    width:2.4rem;
    height:2.4rem;
    margin-right:0.8rem;
}
.hint_text {
    display:inline-block;
    vertical-align:middle;
    font-size:1.2rem;
    line-height:3rem;
    color:var(--c-txt);
}

/*patients*/
.add_patients {
    float:left;
    width:100%;
    height:3rem;
}
.add_patients p {
    float:left;
    width:auto;
    margin-left:0.8rem;
    font-size:0.8rem;
    color:#666;
    line-height:3rem;
    display:block;
}
.btn_addpatients, .btn_modifypatients {
    float:right;
    width:3rem;
    height:1.4rem;
    border-radius:0.2rem;
    border:0.6px solid #00B4CB;
    color:#00B4CB;
    font-size:0.7rem;
    text-align:center;
    line-height:1.4rem;
    overflow:hidden;
    background-color:#fff;
}
.btn_addpatients {
    margin-top:0.8rem;
    margin-right:0.75rem;
}
.btn_defpatients {
    float:right;
    width:4rem;
    height:1.4rem;
    border-radius:0.2rem;
    border:0.6px solid #00B4CB;
    color:#00B4CB;
    font-size:0.7rem;
    text-align:center;
    line-height:1.4rem;
    overflow:hidden;
    background-color:#fff;
    position: absolute;
    right: 0.75rem;
    bottom: 0.6rem;
}
.patients_list {
    float:left;
    width:100%;
    border-top:0.6px solid #ccc;
    border-bottom:0.6px solid #ccc;
    background-color:#fff;
}
.patients_thread {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    padding-right:0.75rem;
    border-bottom:0.6px solid #ccc;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    position: relative;
}
.patients_thread:last-child {
    border-bottom:0px;
}
.patients_thread p {
    float:left;
    width:auto;
    line-height:1.4rem;
    font-size:0.8rem;
    color:#666;
    display:inline;
}
.patients_thread i {
    font-style: normal;
    color: #fff;
    background-color: #86CC4C;
    border-radius: 1rem;
    font-size:0.7rem;
    line-height: 0.8rem;
    padding: 0.1rem 0.5rem;
    margin-left: 1rem;
}
.patients_name {
    color:var(--c-txt) !important;
    margin-right:0.5rem;
    display:inline;
    font-size:0.9rem;
}
.hint_nomodify {
    float:right;
    width:auto;
    color:#999;
    font-size:0.8rem;
    line-height:1.4rem;
}
.patients_hint {
  float:left;
  width:calc(100% - 1.5rem);
  margin-left:0.75rem;
  text-align:left;
  font-size:0.75rem;
  color:#f60;
  line-height:1.4rem;
  margin-top:0.5rem;
}

/*myaccount*/
.myaccount {
  float:left;
    width:100%;
}
.my_basicinfo {
    float:left;
    width:100%;
    height:auto;
    border-bottom:0.6px solid #ccc;
    background-color:#fff;
}
.my_account1 {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    padding-right:0.75rem;
    background-color:#fff;
    height:2.2rem;
    padding-top:0.6rem;
    padding-bottom:0.55rem;
    border-bottom:0.6px solid #ccc;
    overflow:hidden;
}
.log {
  display:block;
}
.relog {
  display:none;
}
.nickname1 {
    float:left;
    width:auto;
    line-height:1.2rem;
    margin-top:0.55rem;
    font-size:1rem;
    display:none;
}
.status {
    display:block;
    float:right;
    width:auto;
    line-height:2.3rem;
    font-size:0.8rem;
    padding-bottom:0.4rem;
    display:none;
}
.btn_login_2 {
    float:right;
    width:auto;
    height:1.6rem;
    line-height:1.6rem;
    padding-left:0.3rem;
    padding-right:0.3rem;
    margin-top:0.3rem;
    border:0.6px solid #00B4CB;
    color:#00B4CB;
    border-radius:0.2rem;
    font-size:0.9rem;
}
.block {
    display:block;
}
.none {
    display:none;
}
.show {
    display:block !important;
}
.hide {
    display:none;
}
.login_hint {
    float:left;
    width:auto;
    font-size:0.8rem;
    padding-top:0.5rem;
    padding-bottom:0.4rem;
    color:#f60;
}
.login_hint p {
    width:100%;
}
.blue {
    color:#00B4CB !important;
}
.my_infor {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    display:none;
}
.my_infor_2 {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    padding-top:0;
    padding-bottom:0.75rem;
}
.my_infor_2 .txt {
    font-size: 0.75rem;
    color: #f30000;
    line-height: 1.8rem;
}
.my_item {
    float:left;
    width:17%;
    display:block;
    line-height:1.6rem;
    height:1.6rem;
    overflow:hidden;
    font-size:0.8rem;
    text-align:left;
    color:#999;
}
.my_detail {
    float:left;
    width:33%;
    display:block;
    height:1.6rem;
    overflow:hidden;
    line-height:1.6rem;
    font-size:0.8rem;
    text-align:left;
    color:#333;
}
.my_detail1 {
    float:left;
    width:80%;
    display:inline-block;
    height:1.6rem;
    overflow:hidden;
    line-height:1.6rem;
    font-size:0.8rem;
    text-align:left;
    color:#333;
}
.my_detail_levelicon {
    background-image:url(../images/icon_info.png);
    background-repeat:no-repeat;
    background-position:right 0.2rem;
    background-size:1.05rem 1.05rem;
}
.my_detail_levelicon img{
    width: 1rem;
    height: 1rem;
    margin-right: 0.1rem;
    padding-top: 0.2rem;
}

.my_operation {
    float:left;
    width:100%;
    background-color:#fff;
    border-top:0.6px solid #ccc;
    border-bottom:0.6px solid #ccc;
    margin-top:0.6rem;
}
.opr_tourist {
    float:left;
    width:100%;
}
.opr_thread {
    float:left;
    display:block;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    padding-right:0.75rem;
    padding-top:1.2rem;
    padding-bottom:1.1rem;
    border-bottom:0.6px solid #ccc;
}
.opr_thread:last-child {
  border-bottom:0px;
}
.opr_item {
    float:left;
    font-size:1rem;
    width:auto;
    color:#333;
    display:block;
    line-height:1rem;
}
.arr2 {
    float:right;
    width:0.5rem;
    height:0.9rem;
}
.opr_hint {
    float:right;
    width:auto;
    margin-right:0.5rem;
    font-size:0.8rem;
    line-height:1rem;
    display:block;
}
.opr_member {
    float:left;
    width:100%;
}
.opr_member div {
    border-bottom:0.6px solid #ccc;
}
.before_login {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    padding-top:0.7rem;
    padding-bottom:0.7rem;
}
.before_login p {
  width:100%;
  font-size:0.8rem;
  color:#999;
  line-height:1.4rem;
}
.before_login p a {
  color:#00B4CB;
}

/*mobile_pay*/
.mobile_pay {
  float:left;
  width:100%;
  margin-top: 0.5rem;
  border-top:0.6px solid #ccc;
  border-bottom:0.6px solid #ccc;
  margin-bottom:0.5rem;
  background-color:#fff;
}
.mp_thread {
  float:left;
  width:calc(100% - 1.5rem);
  margin-left:0.75rem;
  padding-right:0.75rem;
  border-bottom:0.6px solid #ccc;
  padding-top:0.8rem;
  padding-bottom:0.8rem;
}
.mp_thread:last-child {
  border-bottom:0px;
}
.logo2 {
  float:left;
  width:4rem;
  height:auto;
  margin-right:1rem;
}
.mp_thread h2 {
  float:left;
  width:auto;
  font-size:1.1rem;
  margin-top: .6rem;
}

.mp_thread2 {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    padding-right:0.75rem;
    border-bottom:0.6px solid #ccc;
}
.mp_thread2 .tit {
    float:left;
    width:auto;
    font-size:1rem;
    line-height: 2.2rem;
    color: #005F8F;
    font-weight: bold;
}

.pay_item {
  float:left;
  display:block;
  line-height:1.8rem;
  font-size:0.8rem;
  color:#999;
  width:25%;
  clear:left;
}
.lp2{
    letter-spacing: 0.4rem;
}
.pay_content {
  float:left;
  display:block;
  line-height:1.8rem;
  font-size:0.9rem;
  color:#333;
  width:75%;
}
.pay_content i{
    font-style: normal;
    color: #ff6600 !important;
}
.order_t1 {
  float:left;
  width:100%;
  display:block;
  font-size:0.8rem;
  color:#999;
  line-height:1.4rem;
}
.order_t2 {
  float:left;
  width:100%;
  display:block;
  font-size:0.9rem;
  color:#333;
  line-height:1.4rem;
  margin-top: .3rem;
}
.order_box {
  float:left;
  width:100%;
  padding-top:0.3rem;
  padding-bottom:0.4rem;
}
.order_thread {
  float:left;
  width:5.2rem;
  height:4.5rem;
  margin-right:0.5rem;
  border-radius:0.5rem;
  border:1px dashed #999;
    padding: .1rem;
}
.order_thread_new {
    float:left;
    width:calc(100% - 1.6rem);
    /*height:4.5rem;*/
    line-height: 1.4rem;
    margin-right:0.5rem;
    margin-bottom: 0.5rem;
    border-radius:0.5rem;
    border:1px dashed #999;
    padding: 0.7rem;
}
.order_thread_new .t1{font-size: 1.1rem;margin-right: 0.8rem;}
.order_thread_new .t2{font-size: 1.4rem;margin-right: 2rem; color: #ff6600;font-weight:bold;}
.order_thread_new .t3{font-size: 0.8rem;color: #555; float: right;margin-top: 0.4rem;line-height: 1rem;}
.order_thread_new .t3 em{color: #333; font-style: normal; }
.order_thread_new .t4{font-size: 0.7rem;color: #f30000; }
.otn_sel {
    border: 3px solid #f79805 !important;
    background-image:url(../images/checked_r.png);
    background-repeat:no-repeat;
    background-position:bottom right;
    background-size:1.8rem 1.8rem;
    background-color:#fff6c1;
    padding: 0.58rem;
}

.ot1 {
  width:100%;
  text-align:center;
  margin-top:0.4rem;
  font-size:1rem;
  line-height:1.8rem;
  color:#333;
}
.ot2 {
  width:100%;
  text-align:center;
  font-size:1.4rem;
  line-height:2rem;
  color:#f60;
  font-weight:bold;
}
.ot_sel {
  border:3px solid #f79805 !important;
  background-image:url(../images/checked_r.png);
  background-repeat:no-repeat;
  background-position:bottom right;
  background-size:1.5rem 1.5rem;
  background-color:#fff6c1;
    padding: 0;
}

.prodbox {
    float: left;
    width: 3.7rem;
    line-height: 1.4rem;
    margin: 0.75rem 0.4rem 0.75rem 0;
    border-radius:0.4rem;
    border:1px dashed #999;
    padding: 0.5rem 0.7rem;
    text-align: center;
    color: #888;
}
.prodbox .tp1{
    font-size: 0.9rem;
}
.prodbox_sel {
    border: 2px solid #f79805 !important;
    background-image:url(../images/checked_r.png);
    background-repeat:no-repeat;
    background-position:bottom right;
    background-size:1.3rem 1.3rem;
    background-color:#fff6c1;
    padding: 0.45rem 0.65rem;
    color: #333;
}



.paymode_thread {
  float:left;
  width:calc(100% - 1.5rem);
  margin-left:0.75rem;
  padding-right:0.75rem;
  border-bottom:0.6px solid #ccc;
  margin-top:0.8rem;
  padding-bottom:0.6rem;
}
.paymode_thread:last-child {
  border-bottom:0px;
}
.icon_pay {
  float:left;
  width:2.4rem;
  height:2.4rem;
  margin-right:0.8rem;
}
.paymode_thread p {
  float:left;
  display:inline-block;
  width:calc(100% - 5.6rem);
  line-height:1.2rem;
  height:1.3rem;
}
.paymode_thread h2 {
  float:left;
  width:auto;
  font-size:1.2rem;
  font-weight:normal;
  height:2.4rem;
  line-height:2.4rem;
  margin-bottom:0.4rem;
}
.paycheck {
  float:right;
  width:1.6rem;
  height:1.6rem;
  margin-top:0.4rem;
}
.txt_paymode {
  font-size:1rem;
  color:#333;
}
.txt_paymode font {
  font-size:0.7rem !important;
  vertical-align: top;
    position: relative;
    top: -.1rem;
}
.txt_payhint {
  font-size:0.7rem;
  color:#999;
}
.mp1 {
  border-top:0.6px solid #ccc;
}
.btn_payconfirm {
  float:left;
  width:calc(100% - 1.5rem);
  margin-left:0.75rem;
  background-color:#f93;
  color:#fff;
  display:block;
  height:2.9rem;
  line-height:2.9rem;
  font-size:1.1rem;
  border-radius:0.3rem;
  text-align:center;
}
.big1 {
  font-size:1.4rem;
}
.order_num {
  color:#999;
  width:100% !important;
    font-size: 0.9rem;
}
.mp2 {
  color:#333 !important;
  margin-left:0.8rem;
  margin-right:0.8rem;
}
.mp3 {
  color:#f60 !important;
  font-size:1.2rem !important;
  font-weight:bold;
  margin-left:0.8rem;
}
.mp4 {
  color:#f60 !important;
  font-size:1.2rem !important;
  font-weight:bold;
}
.td_code {
  width:16rem;
  height:16rem;
  border:0.6px solid #cdcdcd;
  margin-left:calc((100% - 16rem - 1.6px)/2);
  margin-bottom:0.8rem;
  margin-top:0.3rem;
}
.hint_wxpay {
  width:86%;
  padding:0.8rem;
  margin:0.8rem auto;
  background-color:#ff7674;

}
.icon_scan {
  float:left;
  width:2.5rem;
  height:2.5rem;
  margin-right:0.5rem;
    margin-top: .2rem;
}
.hint_wxpay p {
  color:#fff;
    line-height: 1rem;
    font-size: 0.8rem;
}
.bp {
  display:block;
}
.ap {
  display:none;
}
.icon_su {
  float:left;
  width:3rem;
  margin-right:1rem;
}
.icon_fa {
  float:left;
  width:3rem;
  margin-right:1rem;
}
.blue1 {
  color:#09f;
  font-weight:normal;
  line-height:2.1rem;
}
.red1 {
  color:#f30;
  font-weight:normal;
  line-height:2.1rem;
}
.grey11 {
    color:#999;
    font-weight:normal;
    line-height:2.1rem;
}
.mp_hint {
  width:100%;
  font-size:0.8rem;
  color:#999;
  line-height:1.6rem;
}
.mp_hint a {
  color:#00B4CB;
}
.mp0 {
  border-top:0.6px solid #ccc;
  display:block;
}

/*login*/
.apply_txt {
    width:92%;
    margin-left:4%;
}
.a1 {
    float:left;
    width:auto;
    line-height:2.6rem;
    font-size:0.9rem;
    color:#333;
}
.a2 {
    float:left;
    width:auto;
    line-height:2.6rem;
    font-size:0.9rem;
    color:#00b4cb;
}
.a3 {
    float:right;
    width:auto;
    line-height:2.6rem;
    font-size:0.9rem;
    color:#00b4cb;
}
.id_pic {
  float:right;
    width:4rem;
    height:1.6rem;
    margin-top:0.7rem;
}
.pwd_hint {
    float:left;
    display:block;
    overflow:hidden;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    text-align:left;
    font-size:0.8rem;
    color:#960;
    line-height:1.4rem;
    margin-top:0.5rem;
}

.tl {
    width:50%;
}
.tr {
    flex:1;
}
.sel {
    background-color:#fff !important;
    border-bottom:0px !important;
}
.login_box {
    float:left;
    width:100%;
    /*margin-top: 0.6rem;
    border-top:0.6px solid #ccc;*/
    border-bottom:0.6px solid #ccc;
    background-color:#fff;
}
.login_phone {
  display:block;
}
.login_member {
  display:none;
}

.login_box_railsh {}
.login_box_railsh input {
    width: auto;
}

/*memberapply*/

.applytopbox {
    float: left;
    width: calc(100% - 1.5rem) ;
    padding: 0.5rem 0.75rem;
    background-color: #fff;
    margin-bottom: 0.75rem;
}
.applytopbox .top1{
    float: left;
    width: 100%;
}
.applytopbox .top1 img {
    float: left;
    width: 5rem;
}
.applytopbox .top1 p {
    float: left;
    line-height: 3rem;
    margin-left: 3rem;
    font-size: 1.1rem;
    font-weight: bold;
}
.applytopbox .hint {
    float: left;
    width: 100%;
    padding: 1rem 0;
    text-align: center;
    font-size: 0.85rem;
    color:#639D50;
    line-height: 1.6rem;
}

.hint_paymode {
    width:auto !important;
    color:#bbb !important;
}
.paymode {
  float:left;
    width:calc(100% - 0.75rem);
    padding-right:0.75rem;
    height:3rem;
    border-top:0.6px solid #ccc;
}
.paymode p {
  float:left;
    width:4rem;
    margin-left:0.75rem;
    margin-right:0.5rem;
    height:3rem;
    overflow:hidden;
    line-height:3rem;
    font-size:0.9rem;
    color:#999;
}
.paymode .t1 {
    float:left;
    width:4rem;
    margin-left:0.75rem;
    margin-right:0.75rem;
    height:3rem;
    overflow:hidden;
    line-height:3rem;
    font-size:0.9rem;
    color:#999;
}
.paymode .t2 {
    height:3rem;
    line-height:3rem;
    font-size:0.9rem;
    color:#333;
}
.paymode select {
    color: #333;
    padding-left: 0.75rem;
}
.paymode_sel {
    height:4rem;
}

.paymode .tsel1 {
    float:left;
    width:4rem;
    margin-left:0.75rem;
    margin-right:0.75rem;
    height:4rem;
    overflow:hidden;
    line-height:4rem;
    font-size:0.9rem;
    color:#999;
}


.paymode_sel2 {
    height:auto !important;
}
.paymode_sel2 .rbox{
    float: left;
    width: calc(100% - 5.5rem);
    padding-top: 0.75rem;
}
.paymode_sel2 .rbox li {
    float: left;
    height: 3.2rem;
}
.paymode_sel2 .rbox .prodbox {
    margin-top: 0 !important;
}
.paymode_sel2 .rbox .prodbox_sel{
    border: 2px solid #f79805 !important
}


.paylist {
    position:absolute;
    top:6rem;
    background-color:#fff;
    border-radius:0.5rem;
    width:90%;
    margin-left:5%;
    height:auto;
    z-index:999;
}
.pay_thread {
    width:90%;
    margin-left:5%;
    height:3rem;
    border-bottom:0.6px solid #ccc;
}
.smallfont {
    font-size:0.7rem !important;
    color:#f00;
}
.pay_thread p {
  float:left;
  display:block;
  width:4rem;
}
.pay_thread:last-child {
    border-bottom:0px;
}
.apply_hint {
  float:left;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    padding-right:0.75rem;
    height:auto;
}
.apply_content1, .apply_content2, .apply_content3 {
  float:left;
  width:100%;
  display:none;
  border-top:0.6px solid #ccc;
}
.apply_content1 {
  padding-bottom:0.5rem;
}
.apply_content2 {
  padding-top:0.5rem;
  padding-bottom:0.1rem;
}
.apply_content3 {
  padding-bottom:0.5rem;
}
.apply_content {
    float:left;
    width:100%;
    display:none;
    border-top:0.6px solid #ccc;
}
.show_content {
  display:block;
}
.apply_detail {
  float:left;
    width:100%;
    height:auto;
    border:0.6px solid #FFBE7D;
    border-radius:0.5rem;
    background-color:#FFF2E6;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    margin-top:0.5rem;
    margin-bottom:0.6rem;
}
.apply_detail p {
    width:92% !important;
    display:block;
    margin-left:4%;
    font-size:0.75rem !important;
    line-height:1.2rem !important;
    padding:0;
    height:auto !important;
    color:#999;
}
.apply_submit {
    margin-bottom:5rem;
}

.apply_money {
    float:left;
    width:100%;
    display:block;
    font-size:0.8rem;
    line-height:1.2rem;
    color: #333;
    margin-bottom: 0.8rem;
    margin-top: 0.2rem;
}
.apply_money .t1{color: #999;margin-right: 0.8rem; font-size: 0.9rem;}
.apply_money .t2 {font-size: 1rem}
.apply_money .t2 em{font-size: 1.4rem;margin-right: 0.6rem; color: #ff6600;font-weight:bold;font-style: normal;}
.apply_money .t3 {font-size: 1rem; color: #f00;}
.apply_money .t4 {font-size: 0.7rem;color: #f30000;}
.apply_money .t5 {font-size: 0.9rem;color: #333;margin-left: 0.2rem;}
.apply_money .tb {margin-bottom: 0.3rem;}

.rule_confirm {
    width:100%;
    font-size:0.9rem;
    text-align:center;
    display:inline-block;
    line-height:2.2rem;
    margin-top:0.5rem;
    margin-bottom:0.5rem;
    color:#666;
}
.rule_confirm p {
  display: inline;
  vertical-align: middle;
}
.rule_chk {
    width:1.2rem;
    height:1.2rem;
    display:inline-block;
    margin-right:0.2rem;
    vertical-align: middle;
    margin-bottom: 0.1rem;
}
.rule_confirm p a {
    color:#00b4cb;
}
.pay_box {
  float:left;
    width:100%;
    height:auto;
    background-color:#fff;
    border-bottom:0.6px solid #ccc;
    margin-top:0.5rem;
}
.pay_block {
    float:left;
    width:5.6rem;
    height:5.6rem;
    border-radius:0.5rem;
    margin-right:0.3rem;
}
.paymonth {
    width:100%;
    text-align:center;
    font-size:1rem;
    color:#333;
    margin-top:0.9rem;
}
.payprice {
    width:100%;
    text-align:center;
    font-size:1.4rem;
    font-weight:bold;
    color:#f79805;
    margin-top:0.4rem;
}
.discount_code {
    width:100%;
    height:3.1rem;
    display:flex;
    flex-flow:row;
}
.discount_code p {
    width:3.6rem;
    margin-right:0.5rem;
    height:3.5rem;
    overflow:hidden;
    line-height:3.5rem;
    font-size:0.9rem;
    text-align:justify;
    color:#333;
}
.discount_code input {
    flex:1;
    font-size:0.9rem;
    height:3.5rem;
    text-align:left;
    color:#aaa;
}
.ipt_phone {
  width:8rem !important;
}
.letter-sp3 {
  letter-spacing: 0.41rem;
}
.input {
  float:left;
  width:72%;
  height:3rem;
  line-height:3rem;
  border:0;
  outline: 0;
  -webkit-appearance: none;
  background-color: transparent;
  font-size: 0.9rem;
  color:#ccc;
  padding-left: 0;
}
.paymode1 {
    float:left;
    width:100%;
    height:3rem;
    border-bottom:0.6px solid #ccc;
}
.paymode1 p {
    float:left;
    width:4rem;
    height:3rem;
    margin-right:0.5rem;
    overflow:hidden;
    line-height:3rem;
    font-size:0.9rem;
    color:#333;
}
.paymode1 input {
  float:left;
  width:10rem;
  height:3rem;
  line-height:3rem;
  color:#999;
  font-size:0.9rem;
}
.ora {
  color:#f60;
  font-weight:bold;
  font-size:1rem;
}
.red2 {
  color:#f00;
}
.mp5 {
  border-top:0.6px solid #ccc;
}
.memberapply_infor {
  float:left;
  width:100%;
  /*padding-top:1rem;*/
}
.arr3 {
  float:right;
  width:0.5rem;
  height:auto;
  margin-top:1.1rem;
}

/*getpwd*/
.pop_win {
  width:84%;
  max-width:640px;
  height:auto;
  margin:15rem auto 0px auto;
  border:0.6px solid #808080;
  background-color:#fff;
  border-radius:0.8rem;
  padding-top:0.8rem;
}
.pop_win h2 {
  width:100%;
  text-align:center;
  font-size:1rem;
  line-height:2.2rem;
  font-weight:normal;
  color:#333;
}
.pop_win h3 {
  width:100%;
  text-align:center;
  font-size:0.9rem;
  line-height:2.4rem;
  padding-bottom:0.4rem;
  font-weight:normal;
  border-bottom:0.6px solid #ccc;
  color:#666;
}
.btn_pop {
  display:inline-block;
  height:1.3rem;
  line-height:1.3rem;
  font-size:0.9rem;
  margin-top:0.8rem;
  margin-bottom:0.8rem;
  text-align:center;
}
.hlf {
  width:49.5%;
}
.hlf:last-child {
  border-left:0.6px solid #ccc;
}
.ful{
  width:100%;
}

/*idselect*/
.idselect_bar {
    width:100%;
    height:auto;
    padding-top:0.5rem;
}
.idselect_bar h3 {
  width:100%;
  text-align:center;
  font-size:0.9rem;
  line-height:1.8rem;
  font-weight:normal;
  color:#c00;
}
.idselect_bar p {
  width:100%;
  text-align:center;
  font-size:0.8rem;
  line-height:1.8rem;
  color:#999;
}
.id_box {
    width:100%;
    border-top:0.6px solid #ccc;
    border-bottom:0.6px solid #ccc;
    background-color:#fff;
    margin-top:0.6rem;
}
.id_thread {
    width:96%;
    margin-left:4%;
    height:5rem;
    border-bottom:0.6px solid #ccc;
}
.id_thread:last-child {
    border-bottom:0px;
}
.id_thread p {
    float:left;
    width:85%;
    line-height:1.8rem;
    overflow:hidden;
}
.id_name {
    font-size:1.1rem;
    color:#333;
    margin-top:0.9rem;
}
.id_phone {
    font-size:0.9rem;
    color:#999;
}
.id_thread img {
    float:right;
    width:1.8rem;
    height:1.8rem;
    margin-top:1.6rem;
    margin-right:0.7rem;
}

/*addpatients*/
.add_patients1 {
    float:left;
    width:100%;
    height:auto;
    margin-top:0.5rem;
    border-top:0.6px solid #ccc;
    border-bottom:0.6px solid #ccc;
    background-color:#fff;
}
.addpatients_thread {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    padding-right:0.75rem;
    overflow:hidden;
    border-bottom:0.6px solid #ccc;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    position:relative;
}
.addpatients_thread:last-child {
    border-bottom:0px;
}
.addpatients_thread p {
    float:left;
    width:30%;
    line-height:1.9rem;
    font-size:0.9rem;
    color:#666;
    text-align:left;
}
.addpatients_thread input {
    float:right;
    width:14rem;
    height:1.8rem;
    text-align:right;
    font-size:0.9rem;
}
.pickhint {
    float:right;
    width:12rem;
    margin-right:0.5rem;
    height:1.8rem;
    line-height:1.8rem;
    color:#bbb;
    text-align:right;
    font-size:0.8rem;
}
.pickhint1 {
    float:right;
    width:12rem;
    margin-right:0.5rem;
    height:1.8rem;
    line-height:1.8rem;
    color:#333;
    text-align:right;
    font-size:0.8rem;
}
.sel_menu {
  float:right;
  width:64%;
  height:1.8rem;
  line-height:1.8rem;
  border:0;
  outline: 0;
  -webkit-appearance: none;
  background-color: transparent;
  font-size: 0.9rem;
  color:#ccc;
  padding-left: 0;
  direction: rtl;
}
.arr4 {
  float:right;
  width:0.5rem;
  height:auto;
  margin-top:0.5rem;
  margin-left:0.3rem;
}
.datesel {
  position:absolute;
  right:1.55rem;
  width:100%;
  height:1.8rem;
  overflow:hidden;
  z-index:1001;
  direction: rtl !important;
  color:#333 !important;
}
.showage {
  float:right;
  width:60%;
  display:none;
  height:1.8rem;
  line-height:1.8rem;
  text-align:right;
  color:#999;
}
.plh {
  z-index:999;
  display:block;
  position:absolute;
  right:1.55rem;
  top:0;
  height:2.8rem;
  line-height:2.8rem;
  color:#aaa;
  font-size:0.9rem;
  width:60%;
  text-align:right;
  color:#bbb;
}
input[type=date]{
-webkit-appearance:none;
-moz-appearance:none;
background-color:transparent;
}

/*myfavourite*/
.myfavour {
    float:left;
    width:100%;
    background-color:#fff;
    border-bottom:0.6px solid #ccc;
}
.btn_remove {
    float:right;
    width:auto;
    height:1.6rem;
    line-height:1.6rem;
    padding-left:0.7rem;
    padding-right:0.7rem;
    margin-top:1.2rem;
    border:0.6px solid #00B4CB;
    color:#00B4CB;
    border-radius:0.2rem;
    font-size:0.9rem;
}

/*doclist*/
.doc_filter {
    display:flex;
    flex-direction: row;
    width:100%;
    background-color:#fff;
    padding-top:0.8rem;
    padding-bottom:0.8rem;
    border-bottom:0.6px solid #ccc;
    font-size:0.95rem;
    line-height:0.95rem;
    font-weight: bold;
}
.sel_block1 {
    float:left;
    width:33.3%;
    border-right:0.6px solid #ccc;
    text-align:center;
    display:table;
}
.sel_block2 {
    float:left;
    width:33.3%;
    border-right:0.6px solid #ccc;
    text-align:center;
}
.sel_block3 {
    float:left;
    width:33.3%;
    text-align:center;
}
.sele_hospital {
    width:auto;
    text-align:center;
}
.selected_hos {
    display:inline-block;
    vertical-align:middle;
    width:auto;
    max-width:5.5rem;
    height:0.9rem;
    white-space:nowrap;
    text-align:center;
    margin-left:0.3rem;
    line-height:1.1rem;
    overflow:hidden;
    text-overflow:ellipsis;
}
.sele_department {
    width:auto;
    text-align:center;
}
.selected_dep {
  display:inline-block;
  vertical-align:middle;
  width:auto;
  max-width:5.5rem;
  height:0.9rem;
  white-space:nowrap;
  text-align:center;
  margin-left:0.3rem;
  line-height:1.1rem;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sele_other {
    width:auto;
    text-align:center;
}
.selected_oth {
  display:inline-block;
  vertical-align:middle;
  width:auto;
  max-width:4.5rem;
  height:0.9rem;
  white-space:nowrap;
  text-align:center;
  margin-left:0.3rem;
  line-height:1.1rem;
  overflow:hidden;
  text-overflow:ellipsis;
}
.doc_frame {
  float:left;
  width:100%;
  height:auto;
}
.doc_box {
    float:left;
    width:100%;
    background-color:#fff;
    border-bottom:0.6px solid #ccc;
    height:auto;
}
.doc_box_rec {
    margin-top:0.5rem;
    border-top:0.6px solid #ccc;
}
.doc_thread {
    float:left;
    width:96%;
    margin-left:4%;
    padding-top:0.7rem;
    padding-bottom:0.7rem;
    border-bottom:0.6px solid #ccc;
}
.doctor_info {
    float:left;
    width:75%;
}
.doctor_info p {
    float:left;
    display:block;
}
.doc_thread:last-child {
    border-bottom:0px;
}
.arr5 {
    display:inline-block;
    width:0.6rem;
    height:0.4rem;
    margin-left:0.2rem;
    vertical-align:middle;
}
.hospital_list {
    position:absolute;
    top:5.55rem;
    left:0rem;
    width:96%;
    height:calc(100% - 8.5rem);
    overflow:hidden;
    padding-left:4%;
    background-color:#fff;
    border-top:0.6px solid #ccc;
    border-bottom:0.6px solid #ccc;
    z-index:1000;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
    display:none;
}
.hospital_list ul li {
    width:100%;
    display:block;
    line-height:2.4rem;
    font-size:0.9rem;
    text-align:left;
    border-bottom:0.6px solid #ccc;
}
.hospital_list ul li:last-child {
    border-bottom:0px;
}
.department_box {
    position:absolute;
    top:5.55rem;
    left:0rem;
    width:100%;
    height:calc(100% - 8.5rem);
    overflow:hidden;
    border-top:0.6px solid #ccc;
    border-bottom:0.6px solid #ccc;
    z-index:999;
    background-color:#f3f3f3;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
    display:none;
}
.department_list {
    float:left;
    width:40%;
    position:absolute;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x:hidden;
    left: 0;
    top: 0rem;
    height: calc(100% - 3.2rem);
    z-index: 101;
    background-color: #f4f4f4;
}
.department_list .onsel {
    /*border-top:0.6px solid #ffdddd;
    border-bottom:0.6px solid #ffdddd;*/
    border-left: 0.3rem solid #CC641E;
    padding-left: 0.8rem;
}
.onsel a {
    /*padding-left:0.45rem !important;*/
    /*border-left:.2rem solid #C00;*/
    color: #CC641E;
    /*margin-left: 0.3rem;*/
}
.department_list .style2 {
    /*border-top:0.6px solid #ffdddd;
    border-bottom:0.6px solid #ffdddd;*/
    border-left: 0.3rem solid #CC641E;
    padding-left: 0.8rem;
    color: #CC641E !important;
}

.department_list li {
    width:calc( 100% - 0.75 - 0.3rem);
    padding: 0.75rem 1rem 0.75rem 1rem;
    display:block;
    line-height:1rem;
    font-size:0.9rem;
    text-align:left;
    border-bottom:0.7px solid #e6e6e6;
    font-weight: bold;
    color: #444;
}
.subdepartment_list {
    position:absolute;
    top:0;
    right:0;
    height: 100%;
    width:60%;
    background-color:#fff;
    z-index:1000;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x:hidden;
}
.subdepartment_list li {
 /* width:calc(100% - 0.75rem);
  margin-left:0.75rem;
  display:block;
  line-height:2.4rem;
  font-size:0.8rem;
  text-align:left;
  border-bottom:0.6px solid #e6e6e6;*/

    width:calc(100% - 0.75rem);
    margin-left:0.75rem;
    display:block;
    line-height:1rem;
    font-size:0.85rem;
    text-align:left;
    border-bottom:0.7px solid #e6e6e6;
    padding: 0.7rem 0;
    /*color: #666;*/
    color: #838596;
}
.style1 {
}
.style2 {
  background-color:#fff;
}
.style3 {
  background-color:#fff;
}
.onsel {
    background-color:#fff;
}
.arr7 {
    position:absolute;
    top:.3rem;
    right:.6rem;
    width:2rem;
    height:calc(100% - .6rem);
    opacity:.7;
    z-index:2000;
    display:none;
}
.arr7 img {
    width:2rem;
    height:2rem;
}
.tar {
    position:absolute;
    top:1rem;
    left:0;
    z-index: 1001;
}
.bar {
    position:absolute;
    bottom:1rem;
    left:0;
    z-index: 1001;
    transform:rotateX(180deg);
}

.filter_box {
    position:absolute;
    top:5.55rem;
    left:0rem;
    width:100%;
    /*height:36rem;*/
    height: calc(100% - 8.5rem);
    border-top:0.6px solid #ccc;
    border-bottom:0.6px solid #ccc;
    z-index:999;
    background-color:#fff;
    display:none;
}
.filter_title {
    float:left;
    width:100%;
    height:2.4rem;
    border-bottom:0.6px solid #ccc;
}
.icon_filter {
    float:left;
    width:1rem;
    height:1rem;
    margin-top:0.7rem;
    margin-right:0.5rem;
    margin-left:0.5rem;
}
.filter_title p {
    float:left;
    width:auto;
    margin-top:0.6rem;
    font-size:0.8rem;
}
.btn_confirm2 {
    float:right;
    width:3rem;
    height:1.4rem;
    border-radius:0.2rem;
    border:0.6px solid #00B4CB;
    color:#00B4CB;
    font-size:0.7rem;
    text-align:center;
    line-height:1.5rem;
    overflow:hidden;
    background-color:#fff;
    margin-right:0.5rem;
    margin-top:0.45rem;
}
.filter_time {
    float:left;
    width:96%;
    margin-left:4%;
    padding-top:0.7rem;
    padding-bottom:0.7rem;
}
.di {
    border-bottom:0.6px solid #ccc;
}
.f_title {
    float:left;
    width:100%;
    font-size:0.9rem;
    color:#333;
    line-height:1.6rem;
}
.f_week, .f_type {
    float:left;
    width:auto;
    padding-left:0.5rem;
    padding-right:0.5rem;
    font-size:0.8rem;
    margin-right:0.4rem;
    margin-top:0.4rem;
    line-height:1.4rem;
    border-radius:0.3rem;
    color:#999BA8;
    border:0.6px solid #d7d7d7;
}
.sel_fil {
  background-color:#00B4CB !important;
  border:0.6px solid #00B4CB !important;
  color:#fff !important;
}

/*docreserve*/
.doctor_inforbox {
    float:left;
    width:100%;
    background-color:#fff;
    padding-bottom:0.5rem;
    border-bottom:0.6px solid #ccc;
}
.guahao-box {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.guahao-box .doc_brief {
    padding-top: 0;
}
.guahao-box-pay{
    float: left;
    width: calc(100% - 1.5rem);
    padding: 0.3rem 0.75rem;
}
.guahao-box-pay .docinfo_thread p {
    line-height: 1.7rem;
    height: 1.7rem;
}
.doctor_basic {
    float:left;
    width:calc(100% - 0.75rem);
    margin-left:0.75rem;
    padding-top:0.6rem;
    padding-bottom:0.6rem;
    border-bottom:0.6px solid #ccc;
}
.portrait_thumb {
    float:left;
    width:2rem;
    height:2rem;
    border-radius:1rem;
    vertical-align:middle;
}
.doc_name1 {
    float:left;
    font-size:1rem;
    line-height:2rem;
    margin-right:0.6rem;
    margin-left:0.6rem;
    font-weight: bold;
}
.doc_title1 {
    float:left;
    font-size:0.8rem;
    margin-top:0.5rem;
}
.doc_brief {
    float:left;
    width:92%;
    margin-left:4%;
    margin-right:4%;
    font-size:0.8rem;
    padding-top:0.5rem;
    position:relative;
}
.more {
    position:absolute;
    bottom:0;
    right:0;
    width:auto;
    color:#00B4CB;
}
.more p {
    float:left;
    display:block;
    margin-right:0.2rem;
}
.doc_brief_hide {
    float:left;
    width:92%;
    margin-left:4%;
    margin-right:4%;
    font-size:0.8rem;
    display:none;
}
.docinfo_thread {
    float:left;
    width:100%;
}
.docinfo_title {
    float:left;
    width:23%;
    color:#999;
    line-height:1.4rem;
    height:1.4rem;
    overflow:hidden;
    font-size:0.8rem;
}
.docinfo_title2 {
    float:left;
    width:23%;
    color:#999;
    line-height:1.4rem;
    height:1.4rem;
    overflow:hidden;
    font-size:0.8rem;
    letter-spacing: 0.41rem;
}
.docinfo_content {
    float:left;
    width:77%;
    color:#333;
    line-height:1.4rem;
    height:1.4rem;
    overflow:hidden;
    font-size:0.9rem;
}
.docinfo_content .money {
    color: #ff6600;
    font-size: 1.5rem;
    font-weight: bold;
}
.doc_brief .arr {
    float:left;
    width:0.6rem;
    height:0.4rem;
    margin-top:0.2rem;
}
.fckhint_box{
    float:left;
    width:calc(100% - 2.5rem);
    padding:0.5rem;
    border:0.6px solid #FFBE7D;
    background-color:#FFF2E6;
    border-radius:0.3rem;
    margin: 0.75rem 0.75rem 0;
}
.fckhint_box p {
    text-align:center;
    font-size:0.8rem;
    color:#999;
    line-height:1.2rem;
}
.patient_box {
    float:left;
    width:100%;
    margin-top:0.5rem;
    border-top:0.6px solid #ccc;
    border-bottom:0.6px solid #ccc;
    background-color:#fff;
}
.patient_thread {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    padding-right:0.75rem;
    overflow:hidden;
    border-top:0.6px solid #ccc;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    position:relative;
}
.patient_thread:first-child {
    border-top:0px;
}
.patient_thread p {
    float:left;
    width:auto;
    line-height:1.8rem;
    font-size:0.8rem;
    color:#666;
    text-align:left;
    display:block;
}
.patient_thread input {
  float:right;
  width:60%;
  height:1.8rem;
  line-height:1.8rem;
  border:0;
  outline: 0;
  -webkit-appearance: none;
  background-color: transparent;
  font-size: 0.9rem;
  color:#ccc;
  padding-left: 0;
  /*direction: rtl;*/
  text-align:right;
}
.selecthint {
  float:right;
  width:60%;
  height:1.8rem;
  line-height:1.8rem;
  border:0;
  outline: 0;
  -webkit-appearance: none;
  background-color: transparent;
  font-size: 0.9rem;
  color:#ccc;
  padding-left: 0;
  direction: rtl;
  }
.sel_time{
    color: #c00;
    font-size:0.95rem;
    font-family: Verdana;
}
.yibaohint {}
.yibaohint p { line-height: 1rem; font-size: 0.75rem; color: #c00; }
.icon_quest {
    width:1rem;
    height:1rem;
    margin-top:0.35rem;
    margin-left:0.2rem;
}
.layhint_red{
    text-align: left;
    color: #c00;
    margin-bottom: 0.8rem;
}
.addon {
    background-color:#f00 !important;
}

.msgbox {
    position:fixed;
    top:8rem;
    width:84%;
    margin-left:8%;
    background-color:#fff;
    border-radius:0.5rem;
    border:0.6px solid #808080;
    height:auto;
    z-index:1002;
}
.msgtitle {
    width:100%;
    display:block;
    text-align:center;
    font-size:1rem;
    line-height:1.2rem;
    height:auto;
    margin-top:1.6rem;
    margin-bottom:0.8rem;
}
.msgcontent {
    width:90%;
    margin-left:5%;
    display:block;
    text-align:center;
    font-size:0.8rem;
    color:#666;
    line-height:1.2rem;
    height:auto;
    border-bottom:0.6px solid #ccc;
    padding-bottom:1rem;
    margin-bottom:0.8rem;
}
.msgbtn {
    width:100%;
    text-align:center;
    margin-bottom:1rem;
}
.view_btn{
  float:left;
  width:100%;
  height: 7rem;
}
.rl_on {
    border-right:0.6px solid #ccc;
}
.rl_off {
    border-right:0;
}
.cs_hint {
    width:100%;
    font-size:0.9rem;
    text-align:center;
    line-height:1.4rem;
    margin-top:0.8rem;
    color:#f60;
}
.rev, .ins1, .ins2 {
  display:none;
}
.rule_content1 {
  margin:0px auto;
  width:calc(100% - 1.5rem);
  padding-left:0.75rem;
  padding-right:0.75rem;
  height:40rem;
  position:fixed;
  background-color:#fff;
  overflow-y: hidden;
}
.rule_content1 h1 {
  width:100%;
  margin-top:0.5rem;
  font-size:1.1rem;
  font-weight:normal;
  color:#c00;
  line-height:3rem;
  text-align:center;
}
.rule_content1 p {
  width:100%;
  font-size:0.9rem;
  color:#c00;
  line-height:1.4rem;
  text-align:left;
  margin-bottom:0.3rem;
  color:#666;
}

.rule_box {
    margin:0;
    width:100%;
    background-color:#fff;
}
.rule_box h1 {
    width:calc( 100% - 1.5rem);
    padding: 0.75rem;
    font-size:1.3rem;
    font-weight:bold;
    color:#c00;
    line-height:2rem;
    text-align:center;
    border-bottom:0.6px solid #ccc;
}
.rule_box .txt1 {
    width:calc( 100% - 1.5rem);
    padding: 0.75rem;
    font-size:0.9rem;
    line-height:1.6rem;
    text-align:left;
    margin-bottom:2rem;
    color:#666;
}

/*hintbox*/
.comm_hint {
    float:left;
    width:calc(100% - 1.5rem);
    padding:.75rem;
}
.comm_hint p {
    float:left;
    width:100%;
    font-size:.8rem;
    text-align:left;
    line-height:1.6rem;
    color:#999;
}

/*hospital*/
.filter_bar {
    float:left;
    width:100%;
    padding-top:0.8rem;
    padding-bottom:0.8rem;
    background-color:#fff;
    border-bottom:0.6px solid #ccc;
    margin-bottom: 1px;
}
.region {
    float:left;
    width:30%;
    text-align:center;
    font-size:0.9rem;
    color:#1e1e1e;
    line-height:0.8rem;
    height:0.8rem;
    border-right:0.6px solid #ccc;
}
.region_sele {
    float:left;
    width:69%;
    text-align:center;
    font-size:0.9rem;
    color:#1e1e1e;
    line-height:0.8rem;
    height:0.8rem;
    vertical-align:middle;
}
.region_sele p {
    display:inline;
    vertical-align:middle;
}
.arr {
    float:right;
    width:0.5rem;
    height:0.9rem;
    margin-top:1.6rem;
}
.hospital_box {
    float:left;
    width:96%;
    padding-left:4%;
    background-color:#fff;
    border-bottom:0.6px solid #ccc;
}
.hospital_thread {
    float:left;
    display:block;
    width:100%;
    display:flex;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    border-bottom:0.6px solid #ccc;
}
.hospital_thread:last-child {
    border-bottom:0px;
}
.pic_hospital {
    float:left;
    width:6rem;
    height:4.5rem;
    margin-right:0.5rem;
}
.text_hospital {
    float:left;
    width:13.5rem;
}
.text_hospital p {
    display:block;
    width:100%;
}
.hos_name {
    font-size:1rem;
    color:#333;
    line-height:1.6rem;
    height:1.6rem;
    overflow:hidden;
    text-overflow:ellipsis;
}
.hos_info {
    font-size:0.8rem;
    color:#999;
    line-height:1.4rem;
}
.distance {
    float:right !important;
    width:3rem;
    line-height:4.5rem;
    font-size:0.8rem;
    color:#999;
    text-align:right;
    margin-right:0.5rem;
}
.region_list {
    position:absolute;
    z-index:999;
    top:2.40rem;
    left:0;
    width:100%;
    height:37rem;
    background-color:#fff;
    border-bottom:0.6px solid #ccc;
    border-top:0.6px solid #ccc;
    display:none;
}
.region_list ul {
  float:left;
  width:calc(100% - 0.75rem);
  margin-left:0.75rem;
}
.region_list li {
    float:left;
    width:100%;
    display:block;
    height:2.2rem;
    line-height:2.2rem;
    font-size:0.9rem;
    color:#333;
    border-bottom:0.6px solid #ccc;
}

.showmenu {
  display:block;
}

/*docdetail*/
.doctor_infor {
    float:left;
    width:100%;
    height:auto;
    overflow:hidden;
    padding-bottom:6rem;
}
.doctor_brief {
    float:left;
    width:calc(100% - .75rem);
    padding-left:.75rem;
    height:4rem;
    padding-top:0.9rem;
    padding-bottom:0.5rem;
    background-color:#006DA3;
    color:#fff;
}
.portrait_doctor {
    float:left;
    width:3.4rem;
    height:3.4rem;
    border-radius:0.6rem;
    border:1px solid #fff;
    margin-right:0.6rem;
}
.doctor_basic1 {
    float:left;
    width:65%;
    overflow:hidden;
    margin-top:0.1rem;
}
.doc_name0 {
    float:left;
    width:auto;
    display:block;
    font-size:1.2rem;
    margin-right:0.5rem;
    margin-bottom: 0.3rem;
}
.doc_title0 {
    float:left;
    width:auto;
    display:block;
    font-size:0.8rem;
    margin-top:0.33rem;
    margin-bottom: 0.6rem;
    clear:right;
}
.doc_hospital {
    float:left;
    width:100%;
    display:block;
    font-size:0.8rem;
    line-height:1.5rem;
    height:1.5rem;
    overflow:hidden;
    margin-top:0;
}
.doctor_more {
    float:right;
    width:3.6rem;
    margin-top:0.5rem;
}
.btn_more {
    float:right;
    display:block;
    width:3.6rem;
    font-size:0.7rem;
    border-top-left-radius:0.6rem;
    border-bottom-left-radius:0.6rem;
    border-top:0.6px solid #fff;
    border-left:0.6px solid #fff;
    border-bottom:0.6px solid #fff;
    color:#fff;
    text-align:center;
    height:1.2rem;
    display:table;
    line-height:1.2rem;
}
.star {
    float:right;
    margin-top:0.5rem;
    margin-right:0.5rem;
    width:1.2rem;
    height:1.2rem;
}
.doctor_expert {
    float:left;
    width:100%;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    background-color:#fff;
    border-bottom:0.6px solid #ccc;
}
.doctor_expert p {
    display:block;
    width:92%;
    margin-left:4%;
    text-align:left;
    line-height:1.4rem;
    font-size:0.8rem;
    color:#555;
}
.onduty_box {
    float:left;
    width:100%;
    margin-top:0.5rem;
    background-color:#fff;
    padding-top:0.5rem;
    border-top:0.6px solid #ccc;
    border-bottom:0.6px solid #ccc;
}
.onduty_title {
    float:left;
    width:92%;
    padding-left:4%;
    padding-right:4%;
    padding-bottom:0.5rem;
    border-bottom:0.6px solid #ccc;
}
.onduty_tag {
    float:left;
    width:auto;
    margin-right:0.5rem;
    font-size:0.9rem;
    color:#333;
    display:block;
}
.onduty_refresh {
    float:left;
    width:auto;
    margin-right:0.5rem;
    margin-top: 0.03rem;
    font-size:0.8rem;
    color:#00B4CB;
    display:block;
}
.reserve_rule {
    float:right;
    width:auto;
    margin-right:0.2rem;
    margin-top: 0.05rem;
    font-size:0.8rem;
    color:#00B4CB;
    display:block;
}
.onduty_title .arr {
    float:right;
    width:0.4rem;
    height:auto;
    margin-top:0.32rem;
    margin-left: 0.1rem;
}
.onduty_type {
    float:left;
    width:100%;
    border-bottom:0.6px solid #ccc;
}
.onduty_type p {
    float:left;
    display:block;
    margin-top:0.5rem;
    margin-left:4%;
    height:1.4rem;
    line-height:1.6rem;
    font-size:0.7rem;
    color:#fff;
    background-color:#86CC4C;
    padding-left:0.4rem;
    padding-right:0.4rem;
    border-top-left-radius:0.5rem;
    border-top-right-radius:0.5rem;
}
.ondutythread {
    float:left;
    width:96%;
    margin-left:4%;
    height:auto;
    padding-top:0.6rem;
    padding-bottom:0.4rem;
    border-bottom:0.6px solid #e6e6e6;
}
.ondutythread .sr {
    color: #C00000;
    margin-left: 0.5rem;
}
.onduty_date {
    float:left;
    width:33%;
    text-align:left;
    display:block;
    line-height:2rem;
    font-size:0.8rem;
    color:#333;
}
.onduty_price {
    float:left;
    width:33%;
    text-align:center;
    display:block;
    line-height:2rem;
    font-size:0.8rem;
    color:#999;
}
.onduty_dhint {
    float:left;
    width:68%;
    text-align:left;
    font-size:0.6rem;
    margin-bottom:0.1rem;
    margin-top: -0.3rem;
    color:#f60;
}
.ava {
    float:right;
    font-size:0.9rem;
    height:1.6rem;
    width:auto;
    padding-left:0.7rem;
    padding-right:0.7rem;
    line-height:1.6rem;
    border:0.6px solid #00B4CB;
    border-radius:0.2rem;
    margin-right:0.8rem;
    margin-top:0.05rem;
    color:#00B4CB;
}
.ful {
    float:right;
    font-size:0.9rem;
    height:1.6rem;
    width:auto;
    padding-left:0.7rem;
    padding-right:0.7rem;
    line-height:1.6rem;
    border:0.6px solid #ccc;
    border-radius:0.3rem;
    margin-right:0.8rem;
    margin-top:0.05rem;
    color:#aeaeae;
}
.stp {
    float:right;
    font-size:0.9rem;
    height:1.6rem;
    width:auto;
    padding-left:0.7rem;
    padding-right:0.7rem;
    border:0.6px solid #fff;
    line-height:1.6rem;
    margin-right:0.8rem;
    margin-top:0.05rem;
    color:#c00;
}
.showmore {
  float:left;
    display:block;
    width:100%;
    text-align:center;
    line-height:2.6rem;
    height:2.6rem;
    font-size:0.8rem;
    color:#00B4CB;
    vertical-align:middle;
}
.arr6 {
    width:0.7rem;
    height:0.4rem;
    margin-left:0.3rem;
    vertical-align:middle;
}
.flip {
    transform: scaleY(-1);
}
.doc_thread1 {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    padding-top:0.7rem;
    padding-bottom:0.7rem;
    padding-right:0.75rem;
    border-bottom:0.6px solid #ccc;
    position: relative;
}
.doc_thread1 .button_reser {
    position: absolute;
    top: 0.45rem;
    right: 0.75rem;
}
.doctor_info2 {
    float:left;
    width:75%;
}
.doctor_info2 p {
    float:left;
    display:block;
}
.doc_thread1:last-child {
    border-bottom:0px;
}
.doc_name2 {
    float:left;
    width:auto;
    font-size:1rem;
    margin-right:0.5rem;
    line-height:1.5rem;
    color:#333;
    text-align:left;
}
.doc_title2 {
    float:left;
    width:8rem;
    font-size:0.8rem;
    clear:right;
    line-height:1.5rem;
    margin-top:0.1rem;
    color:#999;
}
.doc_info2 {
    float:left;
    width:100%;
    font-size:0.8rem;
    line-height:1.5rem;
    height:1.5rem;
    color:#999;
    overflow:hidden;
    text-overflow:clip;
}
.portrait3 {
    float:left;
    width:3.4rem;
    height:3.4rem;
    border-radius:1.8rem;
    margin-right:0.6rem;
    margin-top:0.25rem;
    vertical-align:middle;
}
.suggested {
    float:left;
    width:96%;
    padding-left:4%;
    font-size:0.9rem;
    line-height:2rem;
    margin-top:0.2rem;
    border-bottom:0.6px solid #ccc;
    color:#333;
    display:block;
}
.hlp {
    float:right;
    font-size:0.9rem;
    height:1.6rem;
    width:auto;
    padding-left:0.3rem;
    padding-right:0.3rem;
    line-height:1.6rem;
    border:0.6px solid #00B4CB;
    background-color:#00B4CB;
    border-radius:0.2rem;
    margin-right:0.8rem;
    margin-top:0.45rem;
    color:#fff;
}
.cl {
  display:none;
}
.icm {
  float:right;
  font-size:0.6rem;
  line-height:0.85rem;
  text-align:center;
  width:6.5rem;
  margin-right:0.8rem;
  margin-top:0.05rem;
  color:#c00;
}


/*reserverule*/
.rule_content {
    width:calc(100% - 1.5rem);
    height:90vh;
    padding-left:0.75rem;
    padding-right:0.75rem;
    padding-top:0.5rem;
    padding-bottom:3rem;
    background-color:#fff;
}
.rule_content p {
    width:100%;
    display:block;
    line-height:1.6rem;
    font-size:0.8rem;
    color:#555;
}
.hr {
  display:none;
}

/*docintro*/
.intro_title {
    float:left;
    width:100%;
    display:block;
    text-align:center;
    height:2.4rem;
    line-height:2.4rem;
    font-size:1rem;
    border-bottom:0.6px solid #ccc;
}
.intro_txt {
    float:left;
    width:calc(100% - 1.5rem);
    padding-left:0.75rem;
    padding-right:0.75rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}
.intro_txt p {
    text-align:left;
    line-height:1.8rem;
    font-size:0.8rem;
    color:#555;
}

/*myreservationsuccess*/
.reservation_suc {
    float:left;
    width:100%;
    height:auto;
    padding-top:0.8rem;
    padding-bottom:0.8rem;
    text-align:center;
}
.reservation_txt {
  float:left;
  margin-top:0.5rem;
  border-top:0.6px solid #ccc;
  border-bottom:0.6px solid #ccc;
  background-color:#fff;
}
.restxt_thread {
  float:left;
  width:calc(100% - 1.5rem);
  margin-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.8rem;
  padding-bottom:0.8rem;
  border-bottom:0.6px solid #ccc;
}
.restxt_thread:last-child {
  border-bottom:0px;
}
.restxt_thread p {
  float:left;
  width:100%;
  font-size:0.8rem;
  line-height:1.4rem;
  color:#333;
  text-align:left;
}
.restxt_thread .big {
    font-size:0.9rem;
}
.restxt_thread .big2 {
    font-size:0.95rem;
    line-height: 1.5rem;
}
.restxt_thread .t1 {
    line-height: 2rem;
    color:#996600 !important;
    font-size:0.9rem;
    text-align:left;
}
.restxt_thread .t2 {
    line-height: 2.6rem;
    color:#0099FF !important;
    font-size:1.2rem;
    text-align:left;
    margin-top: 1rem;
}
.restxt_thread .t3 {
    line-height: 2rem;
    color:#cc0000 !important;
    font-size:0.9rem;
    text-align:left;
}
.restxt_thread .hint {
    color:#666 !important;
    background-color: #D0E17D !important;
    padding: 0.75rem;
    font-size: 0.8rem;
    width: calc(100% - 1.5rem);
    line-height: 1.2rem;
    box-shadow: 3px 3px 4px #999;
}
.restxt_thread .hint_red {
    color:#cc0000 !important;
    background-color: #ccffcc!important;
    padding: 0.75rem;
    font-size: 0.8rem;
    width: calc(100% - 1.5rem);
    line-height: 1.2rem;
    box-shadow: 3px 3px 4px #999;
}
.blue2 {
    color:#069 !important;
}

.fcklogo_box{
    width: 100%;
    text-align: center;
}
.fcklogo_box img {
    width: 90%;
}

/*vcard*/
.vcard {
    width:100%;
    height:100%;
    background-color:#fff;
    text-align:center;
}
.vcard h1 {
    display:inline-block;
    width:auto;
    margin-right:1rem;
    font-size:1.25rem;
    color:#333;
    line-height:2.4rem;
    margin-top:1rem;
    vertical-align: middle;
}
.vcard span {
    display:inline-block;
    width:auto;
    font-size:.95rem;
    color:#666;
    line-height:2.4rem;
    margin-top:1rem;
    vertical-align: middle;
}
.vcard .stripe {
    display:inline-block;
    width:80%;
    height:auto;
    margin-top:0.5rem;
    margin-bottom:0.5rem;
}
.vcard .td_big {
    display:inline-block;
    width:66%;
    height:auto;
    margin-bottom:0;
}
@media screen and (min-width: 415px) {
    .vcard .stripe {
        width:30%;
        margin-left:35%;
        margin-right:35%;

    }
    .vcard .td_big {
        width:20%;
        margin-left:40%;
        margin-right:40%;
    }
}
.vcard p {
    width:100%;
    line-height:1.2rem;
    font-size:.8rem;
    text-align:center;
    color:#999;
}

/*payment*/

.payment .tbox {
    padding: 1.2rem 0.75rem 0.8rem;
    float: left;
    width: calc(100% - 1.5rem);
}
.payment h3 {
    float:left;
    width:auto;
    /*margin-left:.75rem;*/
    text-align:left;
    font-size:1.1rem;
    font-weight:normal;
    color:#09f;
    line-height:1.2rem;
    /*height:2.8rem;*/
}
.payment h4 {
    float:right;
    width:auto;
    /*margin-right:.75rem;*/
    text-align:left;
    font-size:1rem;
    font-weight:normal;
    color:#C00;
    line-height:1.1rem;
    /*height:2.8rem;*/
}
.icon_clk {
    float:right;
    margin-right:.5rem;
    width:1rem;
    height:1rem;
    /*margin-top:.8rem;*/
}
.paymentbox {
    float:left;
    width:calc(100% - .75rem);
    padding-left:.75rem;
    background-color:#fff;
    border-top:.6px solid #ccc;
    border-bottom:.6px solid #ccc;
    margin-bottom:.75rem;
}
.btn_pay {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:.75rem;
    font-size:1.1rem;
    color:#fff;
    height:2.4rem;
    border-radius:.3rem;
    background-color:#09C;
    margin-bottom:.75rem;
}
.btn_pay_red {
    float:left;
    width:calc(100% - 1.5rem);
    font-size:1.1rem;
    color:#fff;
    height:2.4rem;
    border-radius:.3rem;
    background-color:#ff9933;
    margin:.75rem .75rem 0;
}
.btn_pay_org {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:.75rem;
    font-size:1.1rem;
    color:#fff;
    height:2.4rem;
    border-radius:.3rem;
    background-color:#f93 !important;
    margin-bottom:.75rem;
}
.btn_pay0 {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:.75rem;
    font-size:1.1rem;
    color:#666;
    height:2.4rem;
    border-radius:.3rem;
    background-color:#ccc;
    margin-bottom:.75rem;
}

.payment-statusbox {
    float: left;
    width: 100%;
    margin-top: 0.75rem;
}

.pay_status {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:.75rem;
    text-align:right;
    font-size:1.1rem;
    line-height:2.4rem;
}
.p3 {
    color: #960;
}
.p1 {
    color:#09C;
}
.p2 {
    color:#999;
}




/*docempty*/
.empty_hint {
    float:left;
    width:100%;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    line-height:1.8rem;
    text-align:center;
    font-size:0.9rem;
    color:#999;
}
.grey2 {
  color:#666 !important;
}
.grey {
    color:#999;
}
.grey1 {
    color:#bbb;
}

.rn_box {
    float: left;
    width:100%;
    border-bottom:0.6px solid #ccc;
    background-color:#fff;
    margin-top:0.6rem;
    border-top:0.6px solid #ccc;
}
.rn_box .rn_title {
    text-align: center;
    line-height: 2.5rem;
    color: #333;
    font-size: 1.1rem;
}
.rn_box .rn_text {
    text-align: left;
    line-height: 1.4rem;
    color: #c00000;
    font-size: 0.8rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.rn_box .blue {
    color:#00b4cb;
}

.mrule_delbox {
    text-align: center;
    float: left;
    width: 100%;
}
.mrule_delbox span {
    color: #ff0000 !important;
    font-size: 1.2rem;
}
.e_title3 {
    float:left;
    width:calc(100% - 1.5rem);
    padding:1rem .75rem 0;
    text-align:left;
    font-size:1.2rem;
    font-weight:normal;
    line-height:1.8rem;
    color:#09F;
    /*border-bottom:.6px solid #ccc;*/
}
.mdel {}
.mdel .t1 {
    font-size: 0.8rem;
    color: #ff6600 !important;
    line-height: 1.4rem;
    margin-bottom: 0.8rem;
}
.mdel .t2 {
    font-size: 0.8rem;
    color: #999 !important;
    line-height: 1.4rem;
    margin-bottom: 0.8rem;
}
.mdel .t3 {
    font-size: 0.9rem;
    color: #099 !important;
    line-height: 1.4rem;
    margin-bottom: 0.8rem;
}
.mdel_hint1{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 1.1rem;
    color: #666 !important;
    margin-top: 0.5rem;
}

.commpage {
    padding: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 3rem;
}

.commpage .pic {
    width: 8rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.commpage .txt {
    width: 100%;
    text-align: center;
}

.commpage .txt.t1 {
    color:#555;
    font-size:1rem;
    line-height: 2rem;
}

.commpage .txt .t2 {
    width: 10rem;
    text-align: left;
    margin: 1rem auto;
    color:#999999;
    font-size:0.8rem;
    line-height: 1.4rem;
}

.commpage .btn {
    margin-top: 2rem;
}




.line_btm {
    border-bottom: 0.6px solid #ddd;
}
.line_top {
    border-top: 0.6px solid #ddd;
}

.nomargin-top {margin-top: 0;}
.nomargin-btm {margin-bottom: 0;}
.nomargin-left {margin-left: 0;}
.nomargin-right {margin-right: 0;}



/*2019-11-25*/
.bpinfo-box {
    float:left;
    width:calc(100% - 1.5rem);
    padding:.75rem;
    background-color:#fff;
    margin-bottom:.5rem;
}
.bpinfo-box h2 {
    float:left;
    width:100%;
    text-align:left;
    font-size:1rem;
    line-height:1rem;
    color:#333;
    margin-bottom:1rem;
}
.bpinfo-box h3 {
    float:left;
    width:100%;
    text-align:left;
    font-size:.8rem;
    line-height:1.2rem;
    font-weight:normal;
    color:#099;
    margin-bottom:1rem;
}
.bpinput {
    float:left;
    width:100%;
}
.bp-date {
    float:left;
    width:5rem;
}
.bp-u {
    width:100%;
    font-size:.8rem;
    color:#333;
    line-height:2.2rem;
    text-align:left;
}
.bp-l {
    width:100%;
    font-size:.8rem;
    color:#999;
    line-height:2rem;
    text-align:left;
}
.bp-ipt {
    float:left;
    width:4rem;
}
.ipt-bp {
    width:100%;
    height:2.16rem;
    border:0.6px solid #ffb3b3;
    border-radius:.3rem;
    font-size:1rem;
    font-weight:bold;
    text-align:center;
    color:#c00;
}
.bpx {
    color:#f60;
}
.sli {
    float:left;
    display:block;
    width:1rem;
    height:4rem;
    text-align:center;
    font-size:.8rem;
    color:#333;
    line-height:2.2rem;
}
.mmhg {
    float:left;
    display:block;
    width:auto;
    height:4rem;
    margin-left:.5rem;
    text-align:center;
    font-size:.8rem;
    color:#333;
    line-height:2.2rem;
}
.btn-addrecord {
    float:left;
    width:6rem;
    margin-left:5rem;
    margin-bottom:.5rem;
    height:1.8rem;
    font-size:.9rem;
    color:#fff;
    background-color:#33ABDC;
    border-radius:1rem;
}
.record-list {
    float:left;
    width:100%;
}
.record-list li {
    font-size:.8rem;
    line-height:1.6rem;
    color:#333;
}
.record-list li span {
    float:left;
    width:30%;
    text-align:left;
}
.record-list li p {
    float:left;
    width:55%;
    text-align:right;
}
.record-list li img {
    float:right;
    width:1.1rem;
    height:1.1rem;
    margin-top:.3rem;
    margin-right:.5rem;
}
.more-r {
    float:left;
    width:100%;
    text-align:left;
    font-size:.75rem;
    color:#00B4CB;
    line-height:2rem;
}


/*research*/

.reseachbox {
    float: left;
    width:calc(100% - 1.5rem);
    height:auto;
    padding:0.75rem;
    color: #555;
}

.reseachbox .tit1 {
    float: left;
    width: 100%;
    font-size: 1.4rem;
    text-align: center;
    color: #000;
    font-weight: bold;
    line-height: 2rem;
    margin: 1rem 0;
}

.reseachbox .hint {
    float: left;
    width: 100%;
    line-height: 1.6rem;
    color:#000;
    font-size: 0.9rem;
    padding: 0.75rem 0;
    border-top: 1px dashed #D7D7D7;
    border-bottom: 1px dashed #D7D7D7;
    text-align: justify;
}

.reseachbox .hint p {
    color:#666;
    text-align: center;
}
.reseachbox .hint i {
    font-style: normal;
    font-weight: bold;
    color:#c00;
    font-size: 1rem;
}

.reseachbox .tit2 {
    float: left;
    width: 100%;
    font-size: 0.95rem;
    color: #333;
    font-weight: bold;
    margin: 1.2rem 0 1rem;
}

.reseachbox .tit2 em {
    font-style: normal;
    color:#ff0000;
    font-size: 1rem;
}

.reseachbox .qdiv {
    float: left;
    width: 100%;
}
.reseachbox .qdiv div:first-child {
    border-top: 1px solid #ccc;
}

.reseachbox .qbox {
    float: left;
    width: calc(100% - 4.7rem);
    padding: 0.6rem;
    border: 1px solid #ccc;
    color:#333;
    padding-right: 4rem;
    font-size: 0.85rem;
    border-top: 0;
    min-height: 2.4rem;
}

.reseachbox .mytablebox {
    float: left;
    width:100%;
    border:1px solid #ccc;
}
.reseachbox .mytablebox .row {
    float:left;
    width:100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    align-items: center;
}
.reseachbox .mytablebox .row:last-child {
    border-bottom: 0;
}
.reseachbox .mytablebox .row div {
    padding: 0.5rem;
    font-size: 0.85rem;
}
.reseachbox .mytablebox .th1 {
    width: 100%;
    background-color: #f7f7f7;
}
.reseachbox .mytablebox .th2 {
    background-color: #f7f7f7;
    width: 2rem;
}
.reseachbox .mytablebox .t1 {
    float:left;
    width: 100%;
}
.reseachbox .mytablebox .t2 {
    float:left;
    text-align: center;
    width: 2rem;
}

.reseachbox .mytable {
    float:left;
    width:100%;
    border-collapse: collapse;
}
.reseachbox .mytable tr:first-child {
    border-top: 1px solid #ccc;
}
.reseachbox .mytable tr{
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.reseachbox .mytable td {
    /*border:0.7px solid #ccc;*/
    font-size:0.85rem;
    padding: 0.6rem;
    color:#333;
    border-top: 0;
}

.reseachbox .mytable td:first-child {
    border-right: 1px solid #ccc;
}
.reseachbox .mytable td:last-child {
    width: 40px;
    text-align: center;
}

.reseachbox .mytable td img {
    width: 1.6rem;
}

.reseachbox input[type=checkbox] {
    border: 1.5px solid #999;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-appearance: checkbox;
    box-sizing: border-box;
}
.reseachbox input[type=radio] {
    border: 1.5px solid #999;
    width: 1.2rem;
    height: 1.2rem;
    -webkit-appearance: checkbox;
    box-sizing: border-box;
}

.reseachbox .pbox {
    float: left;
    width: calc(100% - 1.5rem);
    padding: 0.7rem;
    border-radius: 0.5rem;
    border: 1px solid #ccc;
}
.reseachbox .r_input {
    float:left;
    width:100%;
    height:2.6rem;
    border-bottom:0.6px solid #ccc;
    position:relative;
}
.reseachbox .r_input .arr {
    margin-right: 0;
}
.reseachbox .r_input .sel_01 {
    width: 65%;
}

.reseachbox .r_input p {
    float:left;
    width:30%;
    text-align:left;
    font-size:0.9rem;
    color:#666;
    line-height:2.6rem;
}
.reseachbox .r_input p em{
    font-style: normal;
    color:#ff0000;
    font-size: 0.9rem;
    margin-left: 0.2rem;
}
.reseachbox .r_input .ipt1 {
    float:right;
    width:65%;
    border:none;
    font-size:0.9rem;
    text-align:right;
    line-height: 2.6rem;
    background-color:transparent;
    color: #c00;
}
.reseachbox .r_input2{
    height: 2.8rem;
}
.reseachbox .r_input2 p {
    line-height: 2.8rem;
}
.reseachbox .r_input2 .r1 {
    float:right;
    width:65%;
    text-align: right;
    line-height: 2.8rem;
}

.reseachbox .r_input3 {
    height: 5rem ;
}
.reseachbox .r_input .arow {
    float:left;
    width: 100%;
    line-height: 1.8rem;
    margin-top: 0.6rem;
}
.reseachbox .r_input .arow2 {
    margin-top: 0.3rem;
}
.reseachbox .r_input .datebox{
    float: left;
    position: relative;
}
.reseachbox .r_input .datebox .seltxt{
    position: absolute;
    z-index:999;
    display:block;
    right:1.55rem;
    top:0;
    line-height:2rem;
    font-size:0.9rem;
    text-align:right;
    color:#bbb;
}
.reseachbox .r_input .datebox .dateipt {
    position: relative;
    width:9rem;
    height:1.8rem;
    overflow:hidden;
    z-index:1001;
    direction: rtl !important;
    color:#c00000 !important;
    font-size:1rem;
    /*border: 1px solid #f00;*/
}

.reseachbox .p_question_txt {
    float:left;
    width:100%;
    border:0;
    height:4rem;
    font-size:0.9rem;
    line-height:1.2rem;
    color:#c00000;
}
.reseachbox .p_question_txt::-webkit-input-placeholder {
    color:#999;
    font-size: 0.9rem;
}

.chengnuo {
    float: left;
    width:100%;
    text-align: center;
    font-size:1.2rem;
    color:#ff0000;
    font-weight: bold;
    line-height: 2.4rem;
}
.chengnuo_sign {
    float: left;
    width:100%;
    text-align: right;
    font-size:0.85rem;
    color:#888;
    line-height: 1.6rem;
    margin-top: 1rem;
}

.hintred {
    float: left;
    width:100%;
    font-size:0.9rem;
    color:#ff0000;
    line-height: 1.4rem;
    margin: 1rem 0;
}

.reseachbox_done {
}
.reseachbox_done .mytable {
    margin-top: 1rem;
}
.reseachbox_done .mytable td{
    color:#555;
}
.reseachbox_done .mytable .checked {
    color:#cc0000;
}
.reseachbox_done .pbox {
    margin-top: 1rem;
}

.reseachbox_done .pbox h1 {
    color:#999;
    font-weight: normal;
    font-size:0.9rem;
    margin-bottom: 0.3rem;
}
.reseachbox_done .pbox h2 {
    color:#000;
    font-weight: normal;
    font-size:0.9rem;
    line-height: 1.5rem;
}

.reseachbox_done .r_inputtext {
    float: left;
    width: 100%;
}
.reseachbox_done .r_inputtext em{
    float:left;
    width:38%;
    text-align:left;
    font-size:0.85rem;
    color:#888;
    line-height:1.8rem;
    font-style: normal;
}
.reseachbox_done .r_inputtext i{
    float:left;
    width:60%;
    text-align:left;
    font-size:0.85rem;
    color:#000;
    line-height:1.8rem;
    font-style: normal;
}


/*精准预约规则*/

.div_title {
    /*position: fixed;
    top: 0;*/
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    color: #222;
    line-height: 3.5rem;
    background-color: #f7f7f7;
    font-weight:bold;
}
.div_btnbtmfix{
    /*position: fixed;
    bottom: 0;*/
    /*background-color: #f2f2f2;*/
    height: 3.3rem;
    width: 100%;
    /*border-top: 0.6px solid #ccc;*/
    padding-top: 1rem;
    float: left;
}

/*首页视频*/
.artibox {
    float: left;
    width: calc(100% - 0rem );
    background-color: #ffffff;
    margin: 0 0;
    padding: 0 0 1rem;
    margin-top: 0.5rem;
    border-top: 0.6px solid #ccc;
    border-bottom: 0.6px solid #ccc;
}
.artibox .titbox {
    padding: 1rem 0.9rem 1rem;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: bold;
    color:#00B4CB;
    float: left;
    width: calc(100% - 1.8rem );
    position: relative;
}
.artibox .nosubmenu {
    padding: 0.75rem!important;
    width: calc(100% - 1.5rem );
}
.artibox .nosubmenu .c1{
    text-align: left;
    color:#333 !important;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: bold;
}
.artibox .titbox .c1 {
    float: left;
    width: auto;
    text-align: center;
}
.artibox .titbox .c2 {
    float: right;
    width: auto;
    text-align: center;
    padding-top: 0.1rem;
    font-weight: normal;
    font-size: 0.9rem;
}
.artibox .titbox .c2 img {
    display:inline-block;
    width:.4rem;
    height:auto;
    margin-left:.3rem;
    margin-top: 0.1rem;
}
.live-box {
    float:left;
    width:calc(100% - 1.5rem) !important;
    padding: 0 .75rem !important;
}
.live-box .title-st {
    padding-bottom: 0.5rem;
}
.live-line {
    float:left;
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-direction: row;
}
.live-thread {
    width:48%;
}
.live-pic {
    width:100%;
    height:6rem;
    display:flex;
    position:relative;
}
.live-thumb {
    width:100%;
    height:100%;
}
.btn-play {
    position:absolute;
    width:2rem;
    height:2rem;
    top:2.1rem;
    left:calc((100% - 1.8rem)/2);
    z-index:999;
}
.live-thread p {
    width:100%;
    line-height:1.4rem;
    font-size:.85rem;
    color:#999BA8;
    margin-top: 0.2rem;
}
.live-thread p a {
    color:#999BA8;
}



/*视频列表*/
.page-st {
    width:100%;
    max-width:800px;
    margin:0px auto 1rem auto;
    position:relative;
    overflow-y: scroll;
    background-color:#fff;
    border-bottom:.6px solid #e4e4e4;
}
.page-vd {
    background-color: transparent !important;
}
.active-box {
    float:left;
    width:100%;
}
.active-thread {
    float:left;
    width:calc(100% - 1.5rem);
    padding:.75rem;
    border-top:.6px solid #e4e4e4;
    display:flex;
    flex-direction: row;
}
.active-txt {
    flex:1;
    padding-right: 0.5rem;
}
.active-txt h2 {
    float:left;
    width:100%;
    text-align:justify;
    font-size:1rem;
    color:#333;
    line-height:1.6rem;
    min-height: 3.4rem;
}
.active-txt h3 {
    float:left;
    width:auto;
    text-align:left;
    font-size:.8rem;
    font-weight:normal;
    color:#999BA8;
    margin-right:.5rem;
    line-height: 1.6rem;
}
.active-txt .w-line{
    width: calc(100% - 0.5rem);
}
.active-txt span {
    float:left;
    width:auto;
    text-align:left;
    font-size:.8rem;
    height:.8rem;
    line-height:.8rem;
}
.active-txt .sign {
    /*float: right;*/
    background-color: #FF9900;
    color:#fff;
    padding: 0.15rem 0.5rem;
    border-radius: 0.3rem;
    font-size: 0.65rem;
    line-height: 0.9rem;
    margin-top: 0.2rem;
}
.live-pic2 {
    width:10.5rem;
    height:6.5rem;
    position:relative;
    margin-left:.5rem;
}
.live-document {
    float:left;
    width:100%;
    border-bottom: 0.6px solid #ccc;
    padding-bottom: 0.5rem;
    background-color: #fff;
}
.live-playbox {
    float:left;
    width:100%;
    height:auto;
    position:relative;
}
.live-playbox video {
    /*width: calc(100% - 4px); border: 1px solid #999; padding: 1px;*/
    width: 100%;
}
.live-bigpic {
    float:left;
    width:100%;
    height:66.66%;
}
.btn-play2 {
    position:absolute;
    z-index: 999;
    width:4rem;
    height:4rem;
    top:calc(50% - 2rem);
    left:calc(50% - 2rem);
    opacity:0.5;
}
.live-text {
    float:left;
    width:calc(100% - 1.5rem);
    padding:.75rem;
}
.live-text h2 {
    float:left;
    width:100%;
    text-align:left;
    font-size:1.2rem;
    color:#222;
    line-height:2rem;
}
.live-text h3 {
    float:left;
    width:auto;
    text-align:left;
    font-size:.8rem;
    font-weight:normal;
    color:#999BA8;
    line-height: 1.6rem;
}
.live-text p {
    float:left;
    width:100%;
    text-align:left;
    font-size:.9rem;
    color:#666;
    line-height:1.4rem;
    margin-top:.5rem;
}


.btn_login {
    float:left;
    display:block;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    margin-top:0.9rem;
    height:2.8rem;
    line-height:2.8rem;
    background-color:#0099CC;
    border-radius:0.2rem;
    color:#fff;
    font-size:1.2rem;
    text-align:center;
}
.btn_blue {
    float:left;
    width:calc(100% - 1.5rem);
    margin-left:.75rem;
    height:2.5rem;
    margin-top:0.75rem;
    line-height:2.5rem;
    font-size:1.1rem;
    color:#fff;
    background-color:#09C;
    border-radius:0.3rem;
    text-align:center;
}
.btn_refuse {
    float:left;
    display:block;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    margin-top:0.9rem;
    height:2.8rem;
    line-height:2.8rem;
    background-color:#ccc;
    border-radius:0.2rem;
    color:#555;
    font-size:1.2rem;
    text-align:center;
}
.btn_blue_shadow {
    float:left;
    width:100%;
    text-align:center;
    font-size:1rem;
    color:#fff;
    line-height:2.8rem;
    height:2.8rem;
    border-radius:30rem;
    background-color:#09C;
    margin-top:0.5rem;
    margin-bottom:0.5rem;
    box-shadow: 0 0.3rem 0.3rem 0 #ccc;
}
.btn_whalf {
    width: 45%;
}
.div_rulebox {
    float:left;
    width:100%;
    height:auto;
    background-color:#fff;
    /*border-top: 0.6px solid #ccc;
    border-bottom: 0.6px solid #ccc;*/
    /*margin-top: 3rem;*/
}
.bord_top {border-top:0.6px solid #ccc;}
.bord_bottm {border-bottom:0.6px solid #ccc;}
.article_box {
    width:calc(100% - 1.5rem);
    height:auto;
    border-top:0.6px solid #ccc;
    padding:0.75rem;
    font-size: 0.95rem;
    color: #555;
    line-height: 1.8rem;
    /*letter-spacing: 0.05rem;*/
}

.article_box table td {padding: 0.3rem 0.5rem; line-height: 1.5rem; font-size: 0.8rem;}

.article_box img {width: 100%;}

.boxnomargin {margin-bottom: 0;}
.boxnotopmargin {margin-top: 0;}
.boxnomargin-left {margin-left: 0;}
.boxnomargin-right {margin-right: 0;}
.boxnopadding {padding-top: 0; padding-bottom: 0;}
.boxnopadding-right {padding-right: 0;}
.boxnopadding-cells {padding-top: 0;padding-right: 0;padding-bottom: 0;}


.div_content .txt img{
    width: 100%;
}

.noborder {border: 0;}

/*2023-04-10*/
.page_bonus {
    float:left;
    width:100%;
    height:100vh;
    background-color:#36a8ff;
    background-image:url(../images/bg_bonus.jpg);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:top left;
}
.bonus_body {
    float:left;
    width:calc(100% - 2rem);
    height:26rem;
    margin-top:13rem;
    margin-left:1rem;
    background-image:url(../images/bg_bonusbox.jpg);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:top left;
}
.page_bonus h2 {
    float:left;
    width:100%;
    font-size:1rem;
    line-height:1rem;
    height:1rem;
    color:#fff;
    margin-top:1.4rem;
    text-align:center;
}
.bonus_link {
    float:left;
    width:100%;
    height:1.5rem;
    text-align:center;
    margin-top:.5rem;
}
.btn_bonus {
    display:inline-block;
    width:auto;
    height:1.5rem;
    border-radius:.5rem;
    line-height:1.5rem;
    color:#fff;
    margin-left:.5rem;
    margin-right:.5rem;
    padding-left:1.2rem;
    padding-right:1.2rem;
    font-size:.9rem;
}
.pink {
    background-color:#ff6b71;
}
.blu {
    background-color:#4069f3;
}
.bonus_list {
    float:left;
    width:82%;
    height:11rem;
    margin-top:2rem;
    margin-left:9%;
}
.bonus_thread {
    float:left;
    width:calc(31.3% - 2px);
    height:4.5rem;
    margin-left:1%;
    margin-right:1%;
    border-radius:.8rem;
    border:1px solid #fff;
    background-color:#fff;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 8px 0px #d2c2ff;
    margin-bottom:1.2rem;
}
.h-lig {
    background-color:#fff6b9;
    border:1px solid #febb04;
}
.bonus_thread img {
    width:4rem;
    height:auto;
}
.bonus_thread h3 {
    width:100%;
    text-align:center;
    font-size:.8rem;
    line-height:1.3rem;
    height:1.3rem;
    color:#6c4ec2;
    font-weight:normal;
}
.btn_bonusgo {
    float:left;
    width:90%;
    height:auto;
    margin-left:5%;
    margin-top:2.8rem;
}

@media screen and (min-width: 376px) {
    .bonus_body {
        height:28rem;
    }
    .btn_bonusgo {
        margin-top:3.2rem;
    }
    .bonus_list {
        margin-top:2.5rem;
    }
    .bonus_thread {
        height:4.8rem;
    }
    .bonus_body {
        margin-top:14rem;
    }
}
@media screen and (min-width: 394px) {
    .bonus_body {
        height:29rem;
    }
    .btn_bonusgo {
        margin-top:4rem;
    }
    .bonus_list {
        margin-top:2.9rem;
    }
    .bonus_thread {
        height:5rem;
    }
    .bonus_body {
        margin-top:14.5rem;
    }
    .page_bonus h2 {
        font-size:1.1rem;
        margin-top:1.5rem;
    }
}
@media screen and (min-width: 415px) {
    .bonus_body {
        height:30rem;
    }
    .btn_bonusgo {
        margin-top:4.5rem;
    }
    .bonus_link {
        margin-top:.8rem;
    }
    .bonus_list {
        margin-top:3rem;
    }
    .bonus_thread {
        height:5.1rem;
    }
    .bonus_body {
        margin-top:14.5rem;
    }
    .page_bonus h2 {
        font-size:1.1rem;
        margin-top:1.5rem;
    }
}

.lottery_his {
    float: left;
    width: calc(100% - 1.6rem);
    padding: 0.75rem;
}
.lottery_his h2 {
    float: left;
    width: 100%;
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 2rem;
    color:#333;
    margin-bottom: 0.5rem;
}
.lottery_his .hisitem {
    float: left;
    width: calc(100% - 2rem);
    padding: 1rem;
    background-color: #fff;
    border-radius: 0.5rem;
    margin-bottom: 0.75rem;
}
.lottery_his .left {
    float: left;
    width: 69%;
}
.lottery_his .left i {
    float: left;
    width: 100%;
    font-size: 0.9rem;
    color:#999BA8;
    line-height: 1.6rem;
    font-style: normal;
}
.lottery_his .left b {
    float: left;
    font-size: 1rem;
    color:#333;
    line-height: 1.6rem;
    font-weight: normal;
}
.lottery_his .right {
    float: right;
    width: 30%;
}
.lottery_his .right i {
    float: right;
    text-align: right;
    width: 100%;
    font-size: 0.9rem;
    color:#999BA8;
    line-height: 1.6rem;
    font-style: normal;
}
.lottery_his .right b {
    float: right;
    font-size: 1rem;
    color:#333;
    line-height: 1.6rem;
    font-weight: normal;
}
.lottery_his .s1{
    color:#E78C4F !important;
}
.lottery_his .s2{
    color:#0099CC !important;
}
.lottery_his .awinfo {
    float: left;
    width: 100%;
    padding: 0.7rem 0 0.3rem;
    border-top: 0.7px solid #e4e4e4;
    margin-top: 0.75rem;
}
.lottery_his .awinfo p {
    float: left;
    width: 100%;
    font-size: 1rem;
    color:#333;
    line-height: 1.4rem;
}
.lottery_his .awinfo p i {
    color:#999BA8;
    font-style: normal;
}
.lottery_his .awinfo button {
    margin-top: 0.7rem;
}

.lottery_his .postinfo {
    float: left;
    padding: 0.7rem;
    width: calc(100% - 1.4rem);
    background-color: #EEF7EE;
    border-radius: 0.2rem;
    color:#858796;
    font-size: 0.85rem;
    line-height: 1.4rem;
    margin-top: 0.7rem;
}

/*2023-09-01*/
.page1 {
    width:100%;
    max-width:800px;
    margin:0px auto;
    padding-bottom:3.8rem;
    position:relative;
    overflow: hidden;
}
.banner_swiper {
    float:left;
    width:100%;
    height:calc(51.2vw + 1.5rem);
    position:relative;
    background-color:#fff;
}
.banner_swiper img {
    float:left;
    width:100%;
    height:51.2vw;
}
.nav_block {
    float:left;
    width:100%;
    height:auto;
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content:space-around;
    background-color:#fff;
}
.nav2_thread {
    width:25%;
    height:auto;
    margin-bottom:.5rem;
}
.nav2_thread a {
    width:100%;
    height:auto;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.nav2_thread img {
    width:3.6rem;
    height:3.6rem;
}
.nav2_thread p {
    width:auto;
    height:auto;
    line-height:2rem;
    font-size:.9rem;
    text-align: center;
    color:#333;
}
.user_infor {
    float:left;
    width:calc(100% - 1.5rem);
    height:auto;
    margin-top:.75rem;
    padding:.75rem;
    background-color:#fff;
}
.user_infor h2 {
    float:left;
    width:auto;
    padding-left:1.5rem;
    background:url(../images/icon_user.png) top left no-repeat;
    background-size:1.2rem 1.2rem;
    line-height:1.2rem;
    height:1.2rem;
    font-size:.9rem;
    color:#333;
}
.user_infor h3 {
    float:left;
    width:auto;
    line-height:1.2rem;
    height:1.2rem;
    font-size:.7rem;
    color:#666;
}
.btn_user {
    float:right;
    display:block;
    height:1.4rem;
    border-radius:.9rem;
    width:auto;
    padding-left:.3rem;
    padding-right:.3rem;
    text-align:center;
    color:#fff;
    background-color:#a9d8ff;
}
.btn_user a {
    float:left;
    display:block;
    height:1.4rem;
    line-height:1.4rem;
    border-radius:.8rem;
    width:auto;
    padding-left:.5rem;
    padding-right:.5rem;
    text-align:center;
    color:#fff;
    font-size:.7rem;
    background-color:#3a9ced;
}
.user_infor p {
    float:right;
    width:auto;
    height:1.4rem;
    line-height:1.4rem;
    font-size:.7rem;
    color:#e82863;
    margin-right:.8rem;
}
.user_infor p span {
    display:inline-block;
    height:1.2rem;
    line-height:1.2rem !important;
    padding-left:.4rem;
    padding-right:.4rem;
    color:#fff;
    background-color:#e82863;
    border-radius:.3rem;
    margin-left:.3rem;
    vertical-align: middle;
}
.content_block {
    float:left;
    width:100%;
    height:auto;
    margin-top:.75rem;
    background-color:#fff;
}
.video_list {
    float:left;
    width:calc(100% - 1.5rem);
    height:auto;
    padding:.75rem;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.subtitle {
    width:100%;
    height:auto;
}
.subtitle h2 {
    float:left;
    width:auto;
    line-height:1.4rem;
    font-size:1rem;
    color:#333;
}
.subtitle a {
    display:block;
    float:right;
    width:auto;
    line-height:1.4rem;
    font-size:.7rem;
    color:#b4b4b4;
}
.video_thread {
    width:48.5%;
    height:calc(2rem + 28vw);
    margin-top:.75rem;
}
.video_thread img {
    float:left;
    width:100%;
    height:28vw;
}
.video_thread p {
    float:left;
    width:100%;
    text-align:left;
    line-height:2rem;
    font-size:.85rem;
    color:#333;
}
.banner_zixun {
    float:left;
    width:100% !important;
    height:auto;
}
.member_area {
    float:left;
    width:calc(100% - 1.5rem);
    height:auto;
    padding:.75rem;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.nav_block2 {
    float:left;
    width:100%;
    height:auto;
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content:space-between;
    background-color:#fff;
    margin-top:.75rem;
}
.nav3_thread {
    width:23%;
    height:auto;
}
.nav3_thread a {
    width:100%;
    height:auto;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.nav3_thread img {
    width:2.8rem;
    height:2.8rem;
}
.nav3_thread p {
    width:auto;
    height:auto;
    line-height:2rem;
    font-size:.9rem;
    text-align: center;
    color:#333;
}
.contact_box {
    float:left;
    width:100%;
    height:auto;
    background-color:#fff;
    margin-top:.75rem;
}
.join_member {
    float:left;
    width:calc(50% - 1px);
    height:25vw;
    background:url(../images/bg_joinmember.jpg) bottom right no-repeat;
    background-size:100% auto;
    border-right:1px solid #eee;
}
.call_us {
    float:left;
    width:50%;
    height:25vw;
    background:url(../images/bg_callus.jpg) bottom right no-repeat;
    background-size:100% auto;
}
.contact_box h2 {
    float:left;
    width:auto;
    clear:both;
    font-size:1.1rem;
    color:#ff6726;
    margin-top:1rem;
    margin-left:1.5rem;
    height:auto;
    line-height:1.1rem;
}
.contact_box h3 {
    float:left;
    width:auto;
    clear:both;
    font-size:.9rem;
    color:#666;
    margin-top:.5rem;
    margin-left:1.5rem;
    height:auto;
    line-height:1.1rem;
}
.contact_box span {
    display:block;
    float:left;
    width:auto;
    clear:both;
    font-size:.8rem;
    color:#ff6726;
    margin-top:.75rem;
    margin-left:1.5rem;
    height:auto;
    line-height:1.1rem;
    padding:.2rem;
    border:1px solid #ff6726;
    border-radius:.2rem;
}
.user_infor h4 {
    float:left;
    width:auto;
    padding-left:1.5rem;
    background:url(../images/icon_user.png) top left no-repeat;
    background-size:1.2rem 1.2rem;
    line-height:1.2rem;
    height:1.2rem;
    font-size:.8rem;
    color:#333;
    font-weight:normal;
}
.btn_user1 {
    float:right;
    display:block;
    height:1.4rem;
    border-radius:.9rem;
    width:auto;
    padding-left:.3rem;
    padding-right:.3rem;
    text-align:center;
    color:#fff;
    background-color:#feb3ca;
}
.btn_user1 a {
    float:left;
    display:block;
    height:1.4rem;
    line-height:1.4rem;
    border-radius:.8rem;
    width:auto;
    padding-left:.5rem;
    padding-right:.5rem;
    text-align:center;
    color:#fff;
    font-size:.7rem;
    background-color:#e82863;
}


.csqq {
    float: left;
    padding: 0.75rem;
    width: calc(100% - 1.5rem);
    margin-top: 0.5rem;
    text-align: center;

}
.csqq img {
    height: 1.2rem;
    width: auto;
    border: 0;
}
.csqq p {
    display: inline-block;
    line-height: 1.2rem;
    font-size: 0.8rem;
    color:#518A3E;
}

/*2024-09-03*/
.head_logged {
    float:left;
    width:calc(100% - 2rem);
    margin-left:1rem;
    height:auto;
    padding-top:1rem;
    padding-bottom:1rem;
}
.user_infor_qpz {
    float:left;
    width:100%;
    height:auto;
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.user_portrait {
    width:6rem;
    height:6rem;
    background-color:#fff;
    padding:.35rem;
    border:1px solid #4197ff;
    border-radius:4rem;
    margin-right:.4rem;
}
.user_portrait img {
    border-radius:3rem;
    width:6rem;
    height:6rem;
    overflow:hidden;
}
.user_name {
    width:auto;
    height:auto;
    margin-left:.4rem;
}
.user_name h2 {
    color:#626262;
    font-size:1rem;
    line-height:1.4rem;
    width:auto;
    padding-left:1.4rem;
    padding-right:1rem;
    font-weight:normal;
    background:url(../images/qpz/nav_qpz02a.png) -0.2rem 0rem no-repeat;
    background-size:1.4rem 1.4rem;
    position:relative;
}
.user_name h2 img {
    position:absolute;
    top:0;
    right:0;
    width:.9rem;
    height:.9rem;
}
.btn_quit {
    float:left;
    width:5.6rem;
    text-align:center;
    background-color:#f3f3f3;
    border-radius:.3rem;
    font-size:.9rem;
    line-height:2rem;
    color:#838383;
    margin-top:.3rem;
}
.user_status {
    float:left;
    width:100%;
    height:auto;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top:.6rem;
}
.user_status_thread {
    width:48%;
    position:relative;
    margin-top:.6rem;
}
.user_status_thread dd {
    float:right;
    width:45%;
    line-height:2.4rem;
    text-align:center;
    color:#626262;
    font-size:.95rem;
    background-color:#72dcf6;
    border-radius:.4rem;
    padding-left:1rem;
}
.user_status_thread dd span {
    display:inline-block;
    vertical-align: middle;
    margin-left:.3rem;
    width:1.4rem;
    height:1.4rem;
    border-radius:.2rem;
    text-align:center;
    font-size:.95rem;
    line-height:1.4rem;
    color:#fff;
    background-color:#56bcd5;
    margin-top:-0.1rem;
}
.user_status_thread dt {
    position:absolute;
    width:55%;
    top:0;
    left:0;
    line-height:2.4rem;
    text-align:center;
    color:#134653;
    font-size:.95rem;
    background-color:#bdf2ff;
    border-radius:.4rem;
}
.main_container {
    float:left;
    width:100%;
    height:auto;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top:.8rem;
}
.qpz_card1 {
    width:48%;
    border-radius:.4rem;
    padding-bottom: 1rem;
}
.qpz_card1 h2 {
    float:left;
    width:100%;
    line-height:.95rem;
    margin-top:1rem;
    margin-left:1rem;
    color:#fff;
    font-size:.95rem;
    font-weight:normal;
}
.qpz_card1 h2 span {
    display:inline-block;
    vertical-align: middle;
    margin-left:.3rem;
    margin-top:-0.2rem;
    width:auto;
    line-height:1.1rem;
    padding-left:.4rem;
    padding-right:.4rem;
    background-image:linear-gradient(to right, #f29491, #f1605e);
    border-top-left-radius:.4rem;
    border-top-right-radius:.4rem;
    border-bottom-right-radius:.4rem;
    font-size:.7rem;
}
.qpz_card1 p {
    float:left;
    width:auto;
    margin-left:1rem;
    font-size:.8rem;
    color:#fff;
    line-height:1.2rem;
    margin-top:.75rem;
}
.c_pro {
    background:url(../images/qpz/icon_qpz06.png) 90% 2.5rem no-repeat;
    background-size:3rem auto;
    background-color:#4197ff;
}
.c_help {
    background:url(../images/qpz/icon_qpz07.png) 97% 2.3rem no-repeat;
    background-size:3rem auto;
    background-color:#01c79f;
}
.qpznav_thread {
    width:18%;
    margin-top:1.2rem;
    margin-bottom: 0.5rem;
}
.qpznav_thread a {
    width:100%;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.qpznav_thread img {
    width:2.8rem;
    height: auto;
}
.qpznav_thread p {
    width:100%;
    line-height:1.2rem;
    margin-top:.3rem;
    color:#333;
    text-align:center;
    font-size:.9rem;
}
.qpz_article_thread {
    width:calc(47% - 2rem);
    /*height:5.5rem;*/
    border-radius:.4rem;
    margin-top:1rem;
    padding: 1rem;
}
.qpz_article_thread h2 {
    float:left;
    width:80%;
    line-height:.95rem;
    font-size:.95rem;
    text-align: left;
}
.qpz_article_thread p {
    float:left;
    width:80%;
    height:auto;
    line-height:1.2rem;
    font-size:.8rem;
    color:#8b8b8b;
    text-align: left;
    margin-top:.5rem;
}
.a01 {
    background:url(../images/qpz/arr_01.png) 92% 50% no-repeat;
    background-size:1.8rem 1.8rem;
    background-color:#e9fff5;
}
.a01 h2 {
    color:#2e4f46;
}
.a02 {
    background:url(../images/qpz/arr_02.png) 92% 1.9rem no-repeat;
    background-size:1.8rem 1.8rem;
    background-color:#e6f4ff;
}
.a02 h2 {
    color:#0a2a59;
}
.a03 {
    background:url(../images/qpz/arr_03.png) 92% 1.9rem no-repeat;
    background-size:1.8rem 1.8rem;
    background-color:#fef8e8;
}
.a03 h2 {
    color:#5d5634;
}
.a04 {
    background:url(../images/qpz/arr_04.png) 92% 1.9rem no-repeat;
    background-size:1.8rem 1.8rem;
    background-color:#e9e2ff;
}
.a04 h2 {
    color:#36343d;
}
.bottomnav {
    position:fixed;
    z-index: 2999;
    bottom:0;
    left:0;
    width:100%;
    background-color:#fff;
    border-top:1px solid #eee;
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.01);
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0;
}
.botnav_thread {
    width:5rem;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left:1rem;
    margin-right:1rem;
}
.botnav_thread img {
    width:2rem;
}
.botnav_thread p {
    width:100%;
    text-align:center;
    line-height:1rem;
    font-size:.75rem;
    color:#333;
}
.bno {
    color:#4197ff !important;
}
.bgp1 {
    background:url(../images/qpz/banner_qpz01.png) top left no-repeat;
    background-size:100% auto;
    background-color:#fff;
}
.logbox {
    float:left;
    width:100%;
    height:15rem;
}
.logbtn {
    float:left;
    width:5rem;
    height:auto;
    margin-top:5.5rem;
    margin-left:.2rem;
}
.logbtn a {
    float:left;
    display:block;
    width:5rem;
    font-size:.9rem;
    color:#fff;
    line-height:2rem;
    text-align:center;
    border-radius:2rem;
    margin-bottom:1rem;
}
.b_log {
    background-color:#f15a25;
}
.b_reg {
    background-color:#00c7a6;
}
.qpz_registerbox {
    float:left;
    width:calc(100% - 3rem);
    margin-left:1.5rem;
    margin-top:1.5rem;
    height:auto;
}
.qpz_registerbox h2 {
    float:left;
    width:100%;
    font-size:1.2rem;
    color:#333;
    line-height:1.2rem;
    margin-top:1.2rem;
    margin-bottom:1.2rem;
}
.reg_input_thread {
    float:left;
    width:calc(100% - 3.5rem);
    padding:0.75rem 0.75rem 0.75rem 2.75rem;
    border-radius:.4rem;
    margin-bottom:1rem;
}
.reg_input_thread input::placeholder {
    color:#8e8e8e;
}
.reg_inputxt1 {
    float:left;
    width:55%;
    font-size:.95rem;
    line-height: 1.4rem;
    color:#2a2a2a;
    background-color:#f8f8f8;
}
.reg_inputxt2 {
    float:left;
    width:100%;
    height:1.4rem;
    font-size:.95rem;
    color:#2a2a2a;
    background-color:#f8f8f8;
}
.i_qpz01 {
    background:url(../images/qpz/icon_qpz08.png) 0.75rem 0.75rem no-repeat;
    background-size:1.4rem 1.4rem;
    background-color:#f8f8f8;
}
.i_qpz02 {
    background:url(../images/qpz/icon_qpz09.png) 0.75rem 0.75rem no-repeat;
    background-size:1.4rem 1.4rem;
    background-color:#f8f8f8;
}
.i_qpz03 {
    background:url(../images/qpz/icon_qpz10.png) 0.75rem 0.75rem no-repeat;
    background-size:1.4rem 1.4rem;
    background-color:#f8f8f8;
}
.i_qpz04 {
    background:url(../images/qpz/icon_qpz11.png) 0.75rem 0.75rem no-repeat;
    background-size:1.4rem 1.4rem;
    background-color:#f8f8f8;
}
.btn_sendidcode {
    float:right;
    display:block;
    width:calc(45% - 1px - 0.75rem);
    border-left:1px solid #8e8e8e;
    padding-left:.75rem;
    font-size:.95rem;
    line-height:1.2rem;
    text-align:center;
    color:#2a2a2a;
}
.btn_waiting {
    float:right;
    width:calc(45% - 1px - 0.75rem);
    border-left:1px solid #2a2a2a;
    padding-left:.75rem;
    font-size:.95rem;
    line-height:1.2rem;
    text-align:center;
    color:#747687;
    display:none;
}
.reg_hint {
    float:left;
    width:calc(100% - 3rem);
    margin-left:1.5rem;
    height:auto;
    font-size:.85rem;
    line-height:1.2rem;
    color:#c90000;
    margin-top:.8rem;
    margin-bottom:1rem;
}
.btn_qpz {
    float:left;
    width:calc(100% - 3rem);
    margin-left:1.5rem;
    height:3rem;
    font-size:1.1rem;
    text-align:center;
    border-radius:1.5rem;
    color:#fff;
    line-height:3rem;
    margin-bottom:1rem;
    letter-spacing: .1rem;
}
.bcyan {
    background-image:linear-gradient(to right, #579cff, #3372f2);
}
.borange{
    background-image:linear-gradient(to right, #ff9240, #ff6d00);
}
.bgray{
    background-image:linear-gradient(to right, #dcdcdc, #c6d6d6);
    color:#383838 !important;
}
.pactconfirm {
    float:left;
    width:calc(100% - 3rem);
    margin: 1rem;
    height:auto;
    text-align:center;
    font-size:.95rem;
    line-height:1.2rem;
    color:#333;
}
.pactconfirm input {
    width:.8rem;
    height:.8rem;
    margin-right:.3rem;
    display:inline-block;
    vertical-align: middle;
    margin-top:-0.2rem;
}
.pactconfirm a {
    color:#09f;
}
.reg_success_box {
    float:left;
    width:100%;
    height:auto;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top:2rem;
    margin-bottom:5rem;
}
.reg_success_box img {
    width:12rem;
    height:auto;
    margin-bottom:1.2rem;
}
.reg_success_box h2 {
    width:100%;
    height:1.5rem;
    line-height:1.5rem;
    font-size:1.5rem;
    color:#383838;
    text-align: center;
    letter-spacing: .2rem;
}
.account_infor {
    float:left;
    width:100%;
    height:auto;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top:1.5rem;
    margin-bottom:2.5rem;
}
.account_infor img {
    width:6.5rem;
    height:6.5rem;
    margin-bottom:.9rem;
    border-radius:3.25rem;
}
.account_infor p {
    width:100%;
    height:1.1rem;
    line-height:1.1rem;
    font-size:1.1rem;
    color:#333;
    text-align: center;
    font-weight:normal;
}
.guide_mainbox {
    float:left;
    width:calc(100% - 2rem);
    margin-left:1rem;
    height:auto;
}
.qpz_title {
    float:left;
    width:100%;
    height:1rem;
    position:relative;
    margin-top:1.5rem;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.qpz_title_bg {
    position:absolute;
    width:100%;
    height:calc(0.5rem - 1px);
    top:0;
    left:0;
    border-bottom:2px solid #0090ff;
    z-index: 999;
}
.qpz_title h2 {
    width:auto;
    letter-spacing: .2rem;
    font-size:1.2rem;
    color:#0090ff;
    height:1rem;
    line-height:1rem;
    padding-left:.7rem;
    padding-right:.5rem;
    background-color:#fff;
    z-index: 1999;
}
.qpz_hospital_list {
    float:left;
    width:100%;
    height:auto;
}
.qhospital_thread {
    float:left;
    width:100%;
    height:5rem;
    border-radius:.2rem;
    box-shadow:0px 3px 3px rgba(0, 0, 0, 0.1);
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background:url(../images/qpz/icon_qpz12.png) .7rem 1.7rem no-repeat;
    background-size:1.4rem 1.4rem;
    background-color:#f8f8f8;
    margin-top:1rem;
}
.qhospital_thread h3 {
    width:65%;
    font-size:1rem;
    color:#2a2a2a;
    line-height:1.4rem;
    text-align:left;
    margin-left:1.6rem;
    font-weight:normal;
}
.btn_q01 {
    display:block;
    width:3.6rem;
    font-size:.9rem;
    color:#fff;
    line-height:1.9rem;
    text-align:center;
    border-radius:1rem;
    margin-left:1rem;
    background-color:#0090ff;
}
.btn_q02 {
    display:block;
    width:3.6rem;
    font-size:.9rem;
    color:#fff;
    line-height:1.9rem;
    text-align:center;
    border-radius:1rem;
    margin-left:1rem;
    background-color:#39d4c7;
}
.qhospital_select {
    float:left;
    width:100%;
    /*height:4rem;*/
    border-radius:.2rem;
    box-shadow:0px 3px 3px rgba(0, 0, 0, 0.1);
    background:url(../images/qpz/icon_qpz13.png) .7rem 1.1rem no-repeat;
    background-size:1.8rem 1.8rem;
    background-color:#f8f8f8;
    margin-top:1rem;
    padding-bottom: 1rem;
}
.selbox {
    float:left;
    width:calc(100% - 5.5rem);
    line-height:1.4rem;
    overflow:hidden;
    margin-top:1rem;
    margin-left:2.5rem;
    background-size:.8rem auto;
}
.qhospital_select select {
    float:left;
    width:calc(100% + 3rem);
    font-size:1.1rem;
    font-weight: bold;
    margin-left:0.5rem;
    margin-top:0;
    border:0;
    background-color:#f8f8f8;
}
.qhospital_select img {
    float:left;
    width:.6rem;
    height:auto;
    margin-left:1rem;
    margin-top:1.5rem;
}
.qpz_hospital_filter {
    float:left;
    width:calc(100% - 1.5rem);
    padding:.75rem;
    height:auto;
    border-radius:.2rem;
    box-shadow:0px 3px 3px rgba(0, 0, 0, 0.1);
    background-color:#f8f8f8;
    margin-top:1rem;
}
.qpz_filter_thread {
    float:left;
    width:100%;
    height:auto;
    margin-bottom:.5rem;
    margin-top:.5rem;
}
.ipt_chk1 {
    float:left;
    width:1rem;
    height:1rem;
    margin-right:.75rem;
    margin-bottom:1rem;
}
.qpz_filter_thread h3 {
    float:left;
    width:calc(100% - 2rem);
    line-height:1.1rem;
    color:#333;
    font-size:1rem;
    font-weight:normal;
}
.qpz_filter_thread h4 {
    float:left;
    width:calc(100% - 2rem);
    line-height:1.4rem;
    color:#ff6722;
    font-size:.85rem;
    font-weight:normal;
    margin: 0.3rem 0;
}
.txt_hint {
    float:left;
    font-size:.8rem;
    color:#8a8a8a;
    line-height:2.2rem;
    margin-bottom:.5rem;
}
.btn_qpz2 {
    float:left;
    width:100%;
    font-size:1.1rem;
    text-align:center;
    border-radius:5rem;
    color:#fff;
    line-height:3rem;
    margin-bottom:1rem;
    margin-top:1.5rem;
    letter-spacing: .1rem;
}
.qpz_hospital_list > h3 {
    float:left;
    width:100%;
    font-size:1.1rem;
    line-height:1.4rem;
    font-weight:normal;
}
.qpz_report_thread {
    float:left;
    width:calc(100% - 2rem);
    padding:1rem;
    height:auto;
    border-radius:.2rem;
    box-shadow:0px 3px 3px rgba(0, 0, 0, 0.1);
    background-color:#f8f8f8;
    margin-top:1rem;
}
.qpz_hospital_list h3 + .qpz_report_thread {
    margin-top:1rem;
}
.qpz_report_thread h4 {
    float:left;
    width:calc(100% - 2rem);
    line-height:2rem;
    padding-left:1.8rem;
    font-size:1rem;
    color:#333;
    background:url(../images/qpz/icon_qpz14.png) 0rem 0.2rem no-repeat;
    background-size: 1.4rem 1.4rem;
    font-weight:normal;
}
.qpz_report_thread ul {
    float:left;
    width:100%;
    height:auto;
    margin-top:.5rem;
    color:#828282;
}
.qpz_report_thread ul dt {
    float:left;
    width:5rem;
    font-size:0.9rem;
    line-height:1.6rem;

}
.qpz_report_thread ul dd {
    float:left;
    width:calc(100% - 5.1rem);
    font-size:.9rem;
    line-height:1.6rem;
}
.ora2 {
    color:#ff7005;
}
.cyan2 {
    color:#00b38b;
}
.gray2 {
    color:#494949;
}

/*2024-09-12*/
.account_type {
    float:left;
    width:calc(100% - 4rem);
    margin-left:2rem;
    height:auto;
}
.account_box {
    float:left;
    width:calc(100% - 2rem);
    height:auto;
    background-color:#f8f8f8;
    border-radius:.5rem;
    margin-bottom:.6rem;
    padding: 0 1rem;
}
.account_thread {
    float:left;
    width:calc(100%);
    border-bottom:1px solid #ddd;
    padding: 0.3rem 0;
}
.account_thread:last-child {
    border-bottom:0px;
}
.account_thread dt, .account_thread dd {
    line-height:2.6rem;
    font-size:.95rem;
    color:#2a2a2a;
}
.account_thread dt {
    float:left;
    text-align:left;
    width:5rem;
}
.account_thread dd {
    float:right;
    text-align:right;
    width:calc(100% - 5.5rem);
}
.account_thread dd span {
    display:inline-block;
    margin-left:.3rem;
    font-size:.65rem;
    height:1rem;
    padding-left:.3rem;
    padding-right:.3rem;
    line-height:1rem;
    color:#fff;
    background-color:#f10000;
    vertical-align: middle;
    border-radius:.3rem;
    margin-top:-0.2rem;
}
.qhospital_select h3 {
    float:left;
    width:auto;
    margin-top:1.5rem;
    margin-left:3rem;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
    font-size:1.1rem;
    line-height:1.2rem;
    text-wrap: wrap;
    overflow:hidden;
}
.qpz_report_box {
    float:left;
    width: calc(100% - 1.5rem);
    padding:0.75rem 0.75rem 0.25rem;
    height:auto;
    border-radius:.2rem;
    box-shadow:0px 3px 3px rgba(0, 0, 0, 0.1);
    background-color:#f8f8f8;
    margin-top:1rem;
    /*display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:.5rem;*/
}
.report_tag {
    float: left;
    width:auto;
    text-align:center;
    line-height:1.6rem;
    font-size:.85rem;
    background-color:#ddf0ff;
    padding: 0 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}
.full {
    flex-grow:1;
}
.qpz_report_infor {
    float:left;
    width:calc(100% - 1.5rem);
    padding:0.75rem;
    height:auto;
    border-radius:.2rem;
    box-shadow:0px 3px 3px rgba(0, 0, 0, 0.1);
    background-color:#f8f8f8;
    margin-top:1rem;
}
.qpz_report_infor h3 {
    float:left;
    width:100%;
    line-height:1.4rem;
    font-size:1rem;
    color:#2a2a2a;
    margin-bottom: 0.5rem;
}
.qpz_infor_thread, .qpz_infor_picupload {
    float:left;
    width:100%;
    height:auto;
    border-bottom:0.8px solid #e4e4e4;
    padding:0.3rem 0 !important;
    margin:0 !important;
    overflow:hidden;
}
.qpz_infor_thread:last-child {
    border-bottom:0px;
}
.qpz_infor_thread dt {
    float:left;
    width:25%;
    line-height:2.4rem;
    font-size:.95rem;
    color:#4a4a4a;
}
.qpz_infor_thread dd {
    float:right;
    width:75%;
    line-height:2.4rem;
    font-size:.95rem;
    color:#4a4a4a;
    text-align:right;
}
.ipt_infor {
    float:right;
    width:75%;
    border:0;
    font-size:.95rem;
    line-height: 2.4rem;
    color:#4a4a4a;
    background:none;
    text-align:right;
}
.ipt_infor::placeholder {
    color:#b3b3b3;
}
.qpz_infor_picupload {
    border-bottom:0;
}
.qpz_infor_picupload dt {
    float:left;
    width:100%;
    height:2.4rem;
    line-height:2.4rem;
    font-size:.95rem;
    color:#4a4a4a;
}
.pic_upload_box {
    float:left;
    width:100%;
    height:auto;
    margin-bottom:.5rem;
}
.pic_upload_thread {
    float:left;
    width:19%;
    margin-right:1%;
    height:3rem;
    position:relative;
    display:flex;
    flex-direction: column;
    align-items:flex-start;
    justify-content: center;
    margin-top:.5rem;
    margin-bottom: 0.5rem;
}
.pic_upload_thread img {
    width:90%;
    height:auto;
}
.pic_upload_thread span {
    position:absolute;
    display:block;
    text-align:center;
    top:-0.5rem;
    right:0;
    width:1rem;
    height:1rem;
    font-size:1.4rem;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    line-height:.8rem;
    font-weight:1600;
    color:#fff;
    background-color:#ff0000;
    border-radius:1rem;
}
.custom-file-upload {
    float:left;
    height:3.2rem;
    position: relative;  
    display: block;
    padding:.1rem .3rem;
    border:1px dashed #cecece;
}  
  
.custom-button {  
    cursor: pointer;
    display: inline-block;
}  
  
.custom-button img {  
    width: 3.2rem;
    height: auto;
}

.u_hint {
    float:left;
    width:auto;
    font-size:.8rem;
    color:#b3b3b3;
    margin-top:2.2rem;
    margin-left:.3rem;
}
.qpz_report_infor h4 {
    float:left;
    width:auto;
    font-size:.95rem;
    font-weight: bold;
    line-height:2rem;
    color:#333;
}
.qpz_report_infor label {
    float:right;
    width:auto;
    font-size:.95rem;
    line-height:1.1rem; 
    height:1.1rem;
    color:#333;
    margin-top: 0.4rem;
}
.rad1 {
    float:right;
    width:1rem;
    height:1rem;
    margin-right:.2rem;
    margin-left:1rem;
    margin-top: 0.4rem;
}
.qpz_post {
    float:right;
    width:60%;
    height:auto;
    margin-top: 0.2rem;
}
.postlist_box {
    float:right;
    width:80%;
    overflow:hidden;
    margin-right:.5rem;
}
.qpz_post select {
    float:right;
    margin-right:-1.2rem;
    width:auto;
    font-size:.95rem;
    line-height: 0.95rem;
    border:0;
    background-color:#f8f8f8;
    color:#f00;
    padding: 0;
}
.qpz_post img {
    width:.5rem;
    height:auto;
    float:right;
    margin-top: 0.4rem;
}
.post_add {
    clear:both;
}
.ipt_infor_full {
    float:right;
    width:100%;
    border:0;
    height:2rem;
    font-size:.95rem;
    color:#4a4a4a;
    background:none;
    text-align:left;
    border-bottom:1px solid #ccc;
    border-radius: 0;
}
.report_status {
    float:left;
    margin-left:calc((100% - 6rem)/2);
    width:6rem;
    line-height:2.2rem;
    display:block;
    text-align:center;
    margin-top:.8rem;
    color:#fff;
    font-size:1rem;
    background-color:#00B38B;
    border-radius:.3rem;
}
.tag_s1 {
    background-color:#ff3300;
}
.tag_s2 {
    background-color:#2cba98;
}
.tag_s3 {
    background-color:#CC9999;
}
.t_fin {
    width:32% !important;
}
.ll {
    text-align:left !important;
    width:68% !important;
}
.pic_upload_box1 {
    float:left;
    width:68%;
    height:auto;
    margin-top:.3rem;
}
.pic_finish_thread {
    float:left;
    width:24%;
    margin-right:1%;
    position:relative;
    display:flex;
    flex-direction: column;
    align-items:flex-start;
    justify-content: center;
    margin-bottom:.5rem;
}
.pic_finish_thread img {
    width:90%;
    height:auto;
}
.qpz_report_post {
    float:left;
    width:100%;
    height:auto;
    margin-top:.5rem;
}
.qpz_report_post dt {
    float:left;
    width:32%;
    height:auto;
    line-height:1.2rem;
    margin-top:.3rem;
    margin-bottom:.3rem;
    font-size:.95rem;
    color:#878787;
}
.qpz_report_post dd {
    float:left;
    width:68%;
    height:auto;
    line-height:1.2rem;
    margin-top:.3rem;
    margin-bottom:.3rem;
    font-size:.95rem;
    color:#121212;
}
.qpz_report_post input[type=text]{
    float:left;
    width:calc(68% - 1.5rem);
    height:auto;
    line-height:2rem;
    margin-top:.3rem;
    margin-bottom:.3rem;
    font-size:.95rem;
    color:#121212;
    padding: 0 0.5rem;
    border: 2px solid #00B38B;
    border-radius: 0;
}
.qpz_report_time {
    float:left;
    width:100%;
    height:auto;
}
.qpz_report_time dt {
    float:left;
    width:32%;
    height:auto;
    line-height:1.2rem;
    margin-top:.3rem;
    margin-bottom:.3rem;
    font-size:.95rem;
    color:#878787;
}
.qpz_report_time dd {
    float:left;
    width:68%;
    height:auto;
    line-height:1.2rem;
    margin-top:.3rem;
    margin-bottom:.3rem;
    font-size:.95rem;
    color:#121212;
}
.qpz_pay_result {
    float:left;
    width:calc(100% - 4rem);
    height:auto;
    margin-left:2rem;
    padding-top:2.5rem;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.qpz_pay_result img {
    width:7rem;
    height:7rem;
}
.qpz_pay_result h2 {
    width:100%;
    height:1.2rem;
    line-height:1.2rem;
    font-size:1.2rem;
    letter-spacing: .2rem;
    margin-top:1.5rem;
    text-align:center;
}
.bgreen {
    background-image:linear-gradient(to right, #51eac5, #2cba98);
}
.bgray2 {
    background-image:linear-gradient(to right, #adadad, #737373);
    color:#fff;
}
.t_green {
    color:#2cba98;
}
.t_red {
    color:#f5420a;
}
.service_txt {
    background-color: #f8f8f8; 
    padding: 1rem; 
    border-radius: 8px; 
    font-size: 0.95rem;
    line-height: 1.6rem;
}

.bordmod {
    border: 2px solid #00B38B;
}

.qpz_serviceintro {}
.qpz_serviceintro img {
    width: 100%;
}
.qpz_serviceintro .op {
    float: left;
    width: calc(100% - 5rem);
    padding: 0.75rem 2.5rem;
    position: fixed;
    bottom: 0;
}
.qpz_serviceintro .op  button {
    box-shadow: 0 0.3rem 0.3rem 0 #ccc;
}