/*初始body文字设置*/
/* Document level adjustments */

html {
    font-size: 105px;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;


}

@font-face {font-family: "iconfont";
    src: url('../iconfont/iconfont.eot?t=1572517688147'); /* IE9 */
    src: url('../iconfont/iconfont.eot?t=1572517688147#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../iconfont/iconfont.woff?t=1572517688147') format('woff'),
    url('../iconfont/iconfont.ttf?t=1572517688147') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../iconfont/iconfont.svg?t=1572517688147#iconfont') format('svg'); /* iOS 4.1- */
  }
  
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a,
a:hover {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none
}

a:active {
    outline: 0;
    -webkit-transition: background-color 0.1s;
}

a:visited {
    outline: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: inherit
}

li {
    list-style: none;
}

input, textarea {
    line-height: normal;
    font-family: inherit;
    border: 0;
    font-size: inherit;
}

input {
    outline: none;
    -webkit-user-modify: read-write-plaintext-only;
    font-size: inherit;
}

select, button, input, textarea {
    font-family: "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, \5b8b\4f53, sans-serif;
    font-size: .14rem;
    -webkit-writing-mode: horizontal-tb;
}

select:focus, input:focus {
    outline: 0;
}

img {
    border: 0;
}
img[src=""],img:not([src]){
    opacity:0;
}
address, cite, dfn, em, var {
    font-style: normal;
}

code, kbd, pre, samp {
    font-family: courier new, courier, monospace;
}

i, em {
    font-style: normal;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    font-family: Microsoft YaHei, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {

    font-family: "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, \5b8b\4f53, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #444;
    line-height: 1.5;
    font-size: .12rem;
    background: #ffffff;
}

/*全局字体*/

html, body, .wrap {
    height: 100%;
}

body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body > .wrap {
    height: auto;
    min-height: 100%;
}

a, a:link {
    text-decoration: none;
}

a:focus {
    outline: 0;
}

.bg-cg {
    background-color: #F6F6F6;
}
[v-cloak]{display:none}
.fixed-bg {
    position: fixed;
    overflow: hidden;
    left: 0;
    right: 0;
}

/*底部高度决定*/

.page {
    padding-bottom: .45rem;
}

.page-fixed {
    position: fixed;
}

.has-header {
    padding-top: .45rem;
}

.page:after {
    display: block;
    content: '.';
    clear: both;
    font-size: 0;
    line-height: 0;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #bbb;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

strong {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: 0;

}



.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.clear:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.padd-top-3 {
    padding-top: .3rem
}

.padd-top-5 {
    padding-top: .5rem
}

.padd-top-1 {
    padding-top: 1rem
}

.pd-0{
    padding: 0 !important;
}

.padd-top-0{
    padding-top: 0 !important;
}
/* 背景颜色 */
.bg-fff{
    background: #fff !important;
}
.bg-f5{
    background: #f5f5f5 !important;
}
/*字体颜色*/

.white-ft {
    color: #fff
}

.c111 {
    color: #1e1e1e;
}

.c333 {
    color: #333
}

.c444 {
    color: #444
}

.c666 {
    color: #666
}

.c777 {
    color: #777
}

.c999 {
    color: #999
}

.cbbb {
    color: #bbb
}

.ceee {
    color: #eee
}

.common-ft {
    color: #5ebbcd;
}

/*主色*/
.red-ft {
    color: #D0011B
}

/*偏重*/
.red1-ft {
    color: #f18994
}

.red3-ft {

    color: #ec716f
}

.green-ft {
    color: #6aad1e
}

.orange-ft {
    color: #f5a623
}

.orange1-ft {
    color: #f56923
}

/*偏重*/
.blue-ft {
    color: #46b2ec
}

/*字体大小*/
.fp08 {
    font-size: 0.08rem
}

.fp09 {
    font-size: 0.09rem
}

.fp10 {
    font-size: 0.1rem;
}

.fp11 {
    font-size: 0.11rem
}

.fp12 {
    font-size: .12rem;
}

.fp13 {
    font-size: .13rem;
}

.fp14 {
    font-size: .14rem;
}

.fp15 {
    font-size: .15rem;
}

.fp16 {
    font-size: .16rem
}

.fp17 {
    font-size: .17rem;
}

.fp18 {
    font-size: .18rem;
}

.fp20 {
    font-size: .2rem;
}

.fp30 {
    font-size: .3rem;
}

/*表单*/
.m-mb-5 {
    margin-bottom: .05rem
}

.m-ml-5 {
    margin-left: .05rem
}

.m-hr {
    height: .05rem;
    background: #f8f8f8;
    /*margin-top: -.01rem;
    border-top: 1px solid #eee*/
}

.hr2 {
    border-bottom: 1px solid #eee
}

.m-form {
}

.m-form-ul {
    background-color: #fff;
    margin-bottom: -.01px;
}

.m-form-ul li {
    display: -webkit-box;
    -webkit-box-align: center;
    position: relative;
    color: #1e1e1e;
    font-size: .14rem;
}

.m-form-ul li:after {
    content: "  ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #ddd;
    /* 如果不用 background-color, 使用 border-top:1px solid #f00; 效果是一样的*/
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

.m-form-ul .u-field {
    -webkit-box-flex: 1;
    /* margin-right: 5px;*/

}

.m-form-ul li .link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}

.m-form-ul .u-jiantou {
    position: relative;
}

.m-form-ul .u-jiantou:after {
    font-family: 'icomoon' !important;
    content: '';
    content: "\e91d";
    color: #ccc;
    margin-left: 5px;
    font-size: .13rem;
}

.m-form-ul .u-select {
    -webkit-box-flex: 1;
    background: url(../img/ico_Arrow_1.png);
    background-repeat: no-repeat;
    background-size: .12rem;
    background-position: right center;
    margin-right: 10px;
}

.m-form-ul .focus input {
    padding-right: .2rem;
}

.m-form-ul .clearText {
    display: none;
    height: .16rem;
    width: .16rem;
    margin-top: -.08rem;
    background: url(../img/del_icon.png) no-repeat;
    background-size: .16rem .33rem;
    background-position: 0 0;
    position: absolute;
    top: 50%;
    right: 0;
}

.m-form-ul .focus .clearText {
    display: block;

}

.m-form .u-form-tit {
    display: block;
    padding-right: .24rem;
    color: #999;
}

.m-form .u-field {
    padding: .06rem 0;
    position: relative;

    line-height: .24rem;
}

.m-form .u-field input {
    width: 100%;
    border: 0;
    box-sizing: border-box;
    font-size: .14rem;
}

.m-form .u-field input[type="date"] {
    -webkit-appearance: field;
}

.m-form .u-field .sdatePick {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: none;
    opacity: 0;
}

.m-form .u-field .sdatePick:before {
    color: #A9A9A9;
    content: attr(placeholder);
}

.m-form .u-field .sdatePick-full:before {
    color: black;
    content: "" !important;
}

.m-form .u-select {
    padding: .06rem 0;
    font-size: .14rem;
}

.m-form .u-select-disabled {
    background-image: none;
}

.m-form .u-select-disabled [disabled] {
    color: #333
}

.u-select select {
    -webkit-appearance: none;
    border: 0;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    text-rendering: auto;

    background-color: transparent;

}

.u-select select option {
    color: #111;
}

.u-select select [disabled] {
    color: #bbb;
}

/*信息列表*/
.m-info-ul {
    padding: .1rem .15rem;
    background: #fff;
    border-bottom: 1px solid #eee;
    font-size: .14rem;
}

.m-info-ul li {
    display: -webkit-box;
    padding: .06rem 0;

}

.m-info-ul li .m-info-tit {
    display: block;
    color: #999;

    padding-right: .2rem;
}

.m-info-ul li .fr-txt {
    display: block;
    -webkit-box-flex: 1;
    text-align: right;
    color: #1e1e1e;

}

.validateImg {
    -webkit-box-flex: 1;
    display: block;
    text-align: right;
    overflow: hidden;
    width: .8rem;
}

.validateImg img {
    width: .42rem;
    height: .25rem;
}

/*通用按钮区域*/
.m-btn-areas {
    padding: .24rem .15rem 0 .15rem;
}

.m-btn-areas > a {
    margin-bottom: .2rem;
}

.m-foot-area {
    font-size: .12rem;

    height: .4rem;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    background-color: rgba(255, 255, 255, 0.7);
    background-image: url(../img/eline.png);
    background-repeat: repeat-x;
    background-position: top;

    display: block;
    padding: .07rem .12rem;
    z-index: 99;

}

.u-btn {
    font-size: .17rem;
    border-radius: .05rem;
    border: 1px solid #5ebbcd;
    text-align: center;
    line-height: .4rem;
    display: block;
    font-weight: 500;
    color: #fff;
    background-color: #5ebbcd;
}

.u-btn:active {
    border: 1px solid #55aebf;
    background-color: #55aebf;
}

.u-btn-disabled, .u-btn.disabled {
    opacity: .5;
}

.u-btn-sub {
    border: 1px solid #5ebbcd;
    color: #5ebbcd;
    background-color: transparent;
}

.u-btn-sub:active {
    background: #e9fcfc;
}

.u-btn-sub.disabled {
    border: 1px solid #e9e9e9;
    color: #bbb;
    background: #fff;
}

/*小按钮*/
.s-u-btn {
    font-size: .14rem;
    border-radius: 3px;
    padding: 0 .06rem;
    min-width: .5rem;
    border: 1px solid #5ebbcd;
    text-align: center;
    display: inline-block;
    line-height: 180%;
    font-weight: 500;
    color: #fff;
    background-color: #5ebbcd;
}

.s-u-btn-sub {
    border: 1px solid;
    color: #5ebbcd;
    font-size: .12rem;
    background-color: transparent;

}

.s-u-btn-dis {
    border: 1px solid #ddd;

}

/*底部长条按钮*/
.foot-btn-area {
    background: #FEFEFE;
    position: fixed;
    bottom: 0;
    height: .45rem;
    left: 0;
    right: 0;
    display: -webkit-box;
    -webkit-box-align: center;
    z-index: 100;
}

.foot-btn {
    -webkit-box-flex: 1;
    background: #5ebbcd;
    line-height: .45rem;
    color: #fff;
    font-size: .17rem;
    display: block;
    text-align: center;
}

.foot-btn.disabled {
    opacity: .5;
}

.foot-btn-white {
    -webkit-box-flex: 1;
    background: rgba(255, 255, 255, .9);
    line-height: .45rem;
    color: #666;
    font-size: .17rem;
    display: block;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, .05)
}


/*密码可视不可视*/
.btn-invisibile {

    text-align: right;
    font-size: .16rem;
    padding: .06rem 0.02rem .06rem .15rem;
}

.icon-biyan {
    color: #bbb;
}

.icon-zhenyan {
    color: #5ebbcd;
}

/*手机验证码*/
.btn-sendMsg {
    color: #5ebbcd;
    padding-left: .12rem;
    font-size: .14rem;
    border-left: 1px solid #eee;
    margin-left: .08rem

}

.btn-sendMsg-disable {
    color: #999;
}

.m-load-wrap {
    background-color: #fff;
    background-image: url(../img/loading.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16%;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
}

/*操作-浮动加载中*/
.loader-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999
}

.loader {
    background: rgba(0, 0, 0, 0.6);
    width: .55rem;
    height: .55rem;
    border-radius: .10rem;
    padding: .14rem;;
    margin: -.55rem 0 0 -.42rem;
    position: fixed;
    text-align: center;
    top: 50%;
    left: 50%;
    color: #fff;

}

.loader .text {
    font-size: .12rem;
    text-align: center;
    padding-top: .05rem;

}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.6);
        transform: rotate(180deg) scale(0.6);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}

.ball-clip-rotate > div {
    background-image: url('../img/uploading.gif');
    background-size: contain;
    /*width: 10px;*/
    /*height: 10px;*/
    border-radius: 100%;
    /*margin: 2px;*/
    /*-webkit-animation-fill-mode: both;*/
    /*animation-fill-mode: both;*/
    /*border: 2px solid #fff;*/
    /*border-bottom-color: transparent;*/
    height: .3rem;
    width: .3rem;
    /*background: transparent !important;*/
    display: inline-block;
    /*-webkit-animation: rotate 0.75s 0s linear infinite;*/
    /*animation: rotate 0.75s 0s linear infinite;*/

}

/*提示框*/
.popup-back {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

.popup-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: 400;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

.dia-message {
    display: inline-block;
    min-height: .70rem;
    padding: .2rem;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    margin-bottom: .1rem;
    border-radius: 4px;
}

.dia-message-ico {
    width: .30rem;
    height: .30rem;
    padding-bottom: .12rem;
    font-size: .30rem;
    margin: 0 auto;
}

.dia-message-text {
    font-size: .13rem;
    text-align: center;
    line-height: 150%;
    word-break: break-all;
}

.dia-popup-inner {
    position: fixed;
    left: .20rem;
    right: .20rem;
    top: 40%;
    -webkit-transform: translate(0, -50%);
    z-index: 501;
    margin-bottom: .72rem;
    text-align: center;
    display: block;
    box-shadow: 0 .01rem .04rem rgba(0, 0, 0, 0.5);
    background: #fff;
    border-radius: .05rem;

}

.ico-error {
    width: 100%;
    text-align: center;
    height: .58rem;
    position: absolute;
    margin-top: -.26rem;
    background-size: .58rem;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(../img/ico-error.png);
}

.ico-sure {
    width: 100%;
    text-align: center;
    height: .66rem;
    position: absolute;
    margin-top: -.42rem;
    background-size: .66rem;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(../img/ico-suc.png);
}

.dia-popup-in {
    font-size: .15rem;
    margin: .36rem .15rem .25rem .15rem;
    min-height: .36rem;
    max-height: .75rem;
    overflow: auto;
    display: -webkit-box;
    -webkit-box-align: center;
}

.dia-popup-text {
    text-align: center;
    -webkit-box-flex: 1;
    line-height: 1.8;

}

.dia-popup-btn {
    padding: 0 .1rem 0 .1rem;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    position: relative;

}

.dia-popup-btn:before {
    content: "  ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background-color: #eee;
    /* 如果不用 background-color, 使用 border-top:1px solid #f00; 效果是一样的*/
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

.dia-popup-btn > a {
    -webkit-box-flex: 1;
    width: 50%;
    line-height: .45rem;
    border-right: 1px solid #f1f1f1;
    display: block;
    font-size: .16rem;

}

.dia-popup-btn > a.btnsure {
    color: #5ebbcd;
}

.dia-popup-btn > a.btncancel {
    color: #999;
}

.dia-popup-btn > a:last-child {
    border-right: 0
}

/*从下往上选择框*/
.select-popup {
    position: fixed;
    left: .15rem;
    right: .15rem;
    bottom: 0;
    z-index: 500;
    font-size: .14rem;
    text-align: center;

    transition: all .3s ease-out;
    -webkit-transform: translate(0, 100%);
}

.select-pop-on {
    -webkit-transform: translate(0, 0);
}

.select-item {
    background: #fff;
    border-radius: 4px;
    text-align: center;
    margin-bottom: .1rem;

}

.select-item h1 {
    border-bottom: 1px solid #eee;
    height: .5rem;
    line-height: .5rem;
    white-space: nowrap;

}

.select-item ul {
    max-height: 2.7rem;
    overflow: auto;
}

.select-item ul li {
    border-bottom: 1px solid #eee;
    height: .45rem;
    line-height: .45rem;
    white-space: nowrap;
    color: #5ebbcd;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select-item ul li:last-child {
    border: 0
}

.select-cancel {
    background: #fff;
    border-radius: 4px;
    text-align: center;
    margin-bottom: .1rem;
    color: #5ebbcd;
    height: .45rem;
    line-height: .45rem;
}

/*中弹带花标题*/
.m-dialog-info {
    position: fixed;
    left: .15rem;
    right: .15rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 400;
    border-radius: 5px;
    background: #fff;
    margin-top: -.2rem;
}

.m-dialog-info .tit {

    position: absolute;
    width: 100%;
    top: -.18rem;
    background-image: url(../img/xianqingjieshao.png);
    background-repeat: no-repeat;
    background-size: 80% .36rem;
    height: .36rem;
    line-height: .36rem;
    background-position: 50% 0;
    text-align: center;
    color: #fff;
    font-size: .17rem;

}

.m-dialog-info .art {
    color: #333;
    padding: .1rem .12rem;
    line-height: 1.7;
    word-break: break-all;
    font-size: .14rem;
    min-height: 1.2rem;
    max-height: 2.2rem;
    overflow: auto;
    margin-top: .18rem;
    margin-bottom: .1rem
}

.m-dialog-info .btn-areas {

    border-top: 1px solid #eee;
    text-align: center;
    display: -webkit-box;
    -webkit-box-align: center;

}

.m-dialog-info .btn-sure {
    width: 100%;
    display: block;
    text-align: center;
    font-size: .14rem;
    color: #5ebbcd;
    line-height: .42rem;
    height: .42rem;
}

/*弹窗中的列表 */

.m-dialist-wrap {
    position: fixed;
    left: .15rem;
    right: .15rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 400;
    border-radius: 5px;
    margin-top: -.7rem;

}

.m-dialist-hd {
    background: #5ebbcd;
    height: .42rem;
    text-align: center;
    line-height: .42rem;
    color: #fff;
    border-radius: .06rem .06rem 0 0;
    font-size: .17rem;
    position: relative;
}

.m-dialist-hd .rightcon {
    position: absolute;
    right: .1rem;
    font-size: .12rem;
    color: rgba(255, 255, 255, .9);

}

.m-dialist-content {
    background: #fff;
    padding-bottom: .2rem;
    padding-top: .05rem;
    position: relative;
    max-height: 2.5rem;
    min-height: 1rem;
    overflow: auto;
}

.m-dialist-content .dia-tips {
    padding: .1rem .12rem;
    color: #777;
}

.m-dialist-content .m-dialist {

}

.m-dialist-content .m-dialist li {

    padding: .1rem 0 .1rem .12rem;
    position: relative;
    display: -webkit-box;
    -webkit-box-align: center;
    font-size: .14rem;
}

.m-dialist-content .m-dialist li:after {
    right: .12rem;
    height: 1.1px;
}
.m-dialist-content .m-dialist li:active {
    background: #f5f5f5;
}


.m-dialist-content .m-dialist li.disabled {
    color: #999;
}

.m-dialist-content .m-dialist li .list-item {

    padding: .04rem 0;
    position: relative;
    -webkit-box-flex: 1;

}

.m-dialist-content .m-dialist li .card {
    display: inline-block;
}

.m-dialist-content .m-dialist li .name {
    padding-right: .05rem;
    display: inline-block;
}

.m-dialist-content .m-dialist li .fr-link {
    padding-left: 0.05rem;
    margin-right: .1rem;
    display: block;
}

.m-dialist-content .m-dialist li .fr-link:after {
    font-family: 'icomoon' !important;
    content: '';
    content: "\e91d";
    color: #ccc;
}

.m-confirm-alert-ul {
    margin: 0 .12rem .1rem .12rem;

}

.m-confirm-alert-ul li {
    padding: .04rem 0;
}

.m-dialist-txt {
    padding: .1rem .15rem .06rem .15rem;
    font-size: .14rem;

}

.m-dialist-btn-warp {
    height: .42rem;
    display: -webkit-box;
    -webkit-box-align: center;
    background: #fff;
    border-radius: 0 0 .06rem .06rem;
    padding: 0 .1rem;
    border-top: 1px solid #eee
}

.m-dialist-btn-warp a {
    -webkit-box-flex: 1;
    line-height: .42rem;
    display: block;
    color: #5ebbcd;
    text-align: center;
    border-right: 1px solid #eee;
    font-size: .16rem;
}

.m-dialist-btn-warp a.cancel {
    color: #777;
}

.m-dialist-btn-warp a.disabled {
    color: #bbb;
}
.m-dialist-btn-warp a:last-child {
    border: 0
}

/*页面开发中,404页面,页面升级中*/
.m-special-tip {

    background-repeat: no-repeat;
    background-position: 50% 0;
    padding-top: 1.3rem;
    margin: .5rem .8rem 0 .8rem;
    text-align: center;
    font-size: .16rem;
    word-break: break-all;
    color: #444;

}

.m-special-tip.left {
    text-align: left;
}

.m-special-tip h3 {
    font-size: .15rem;
    padding-bottom: .12rem
}

.m-special-tip p {
    font-size: .12rem;
    color: #777;
    padding-top: .03rem;
}

.hasbtn {
    margin-top: .1rem;
}



.m-error {
    background-image: url(../img/chucuo.png);
    background-size: 1rem;
    padding-top: 1.2rem;

}

.m-development {
    background-image: url(../img/shangxian.png);
    background-size: 1rem;

}

.m-updata {
    background-image: url(../img/shengji.png);
    background-size: 1.4rem;

}

.m-development-btn {
    position: fixed;
    color: #5ebbcd;
    bottom: .48rem;
    right: .12rem
}

.m-development-link {
    position: fixed;
    color: #5ebbcd;
    bottom: .12rem;
    right: .12rem;
}

/*无数据,错误页-中间通用按钮改小*/
.m-nodata-btn {
    padding: .48rem .6rem .12rem .6rem;
}

.m-nodata-btn > a {
    margin-bottom: .12rem;
}

/*表单等页面顶部提示文字*/
.m-top-tip {
    padding: .15rem;
    color: #444;
    font-size: .13rem;
    line-height: 1.5;
}

/*表单等页面顶部中间提示文字*/
.m-center-tip {
    margin: .08rem .1rem ;
    color: #777;
    line-height: 1.8;
}
/*表单等页面按钮上部提示文字*/
.m-b-tip {
    padding: .12rem .12rem 0 .12rem;
    display: -webkit-box;
    -webkit-box-align: center;
    font-size: .13rem;
    color: #777;
    line-height: 1.8;
}

/*表单等页面按钮下部提示文字*/
.m-bottom-tip {
    padding: 0 .12rem;
    display: -webkit-box;
    -webkit-box-align: center;
    font-size: .11rem;
    color: #777;
    line-height: 1.8;
}

/*无数据*/
.no-record {
    background: url(../img/no_data_ico.png) no-repeat 50% 1rem;
    background-size: .8rem;
    font-size: .14rem;
    color: #999;
    text-align: center;
    padding-top: 1.9rem;


}

.no-record.n-page {
    background-position: 50% 2rem;
    padding-top: 2.9rem;
}

.no-record > .left {
    text-align: left;
    margin: 0 .56rem
}
.no-record-txt {
    min-height: .6rem;
    margin: 0 .56rem
}

.no-record h3 {
    font-size: .16rem;
    padding-top: .03rem;
    color: #444;
    line-height: 1.6;
    text-align: center;

}

.no-record h3.left {
    text-align: left;
}

.no-record-txt p {
    text-align: left;
    padding-top: .15rem;
    line-height: 1.8;
    font-size: .122rem;
    color: #777;
}

.no-record-card {
    background: url(../img/nodata-ka.png) no-repeat 50% .9rem;
    background-size: .8rem;
}

.no-record-card-grey {
    background: url(../img/wangka.png) no-repeat 50% .9rem;
    background-size: .8rem;
}

.no-record-person {
    background: url(../img/nodata-ren.png) no-repeat 50% .9rem;
    background-size: .8rem;
}

.no-record-person-grey {
    background: url(../img/noperson.png) no-repeat 50% .9rem;
    background-size: .8rem;
}

.no-scan-guahao {
    background: url(../img/no-scanreg.png) no-repeat 50% .9rem;
    background-size: .8rem;
}

.no-scan-ewm {
    background: url(../img/scan-fail.png) no-repeat 50% .9rem;
    background-size: .8rem;
}

.no-scan-data {
    background: url(../img/nodata-scan.png) no-repeat 50% .9rem;
    background-size: .8rem;
}

.no-time-data {
    background: url(../img/nodata-notime.png) no-repeat 50% .9rem;
    background-size: .8rem;
}

.no-jiaofei-data {
    background: url(../img/nodata-jiaofei.png) no-repeat 50% .9rem;
    background-size: .8rem;
}

.no-record-btn {
    padding-top: .24rem;
    margin: 0 .58rem
}

.con-child {
    background-image: url(../img/baby_ico.png)
}

.con-male {
    background-image: url(../img/male_ico.png)
}

.con-female {
    background-image: url(../img/female_ico.png)
}

.fix-button {
    position: fixed;
    right: .1rem;
    bottom: .55rem;
    background-repeat: no-repeat;
    z-index: 999;
    width: .36rem;

}

.fix-button img {
    width: .36rem;
    margin-bottom: .1rem;
}



/*虚拟键盘*/
.keyboard-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 580;
    background: rgba(255, 255, 255, .1);
}

.keyboard {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 590;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: translate(0, 100%);
    border-top: 1px solid #f8f8f8

}


.keyboard-on {
    -webkit-transform: translate(0, 0);
}

.keyboard ul li {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    -webkit-box-sizing: border-box;
    float: left;
    width: 33.3333%;
    height: 250%;
    background: #fff;
    text-align: center;
    font-size: .22rem;
    color: #000;
    line-height: 250%;
    overflow: hidden;
}

.keyboard ul li.disable {
    background: #d2d5dc;
}

.keyboard ul li:active {
    background: #d2d5dc
}

.fake-input {
    height: 0.28rem;
    line-height: 0.28rem;
}

.fake-input:before, .fake-input:after {
    box-sizing: content-box !important;
    font-family: sans-serif !important;
    background-position: 50% !important;
    -webkit-appearance: none !important;
    outline: none;
    padding: 0;
    margin: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: none;
}

/*.fake-input:before{*/
/*color: #cbcbd8;*/
/*font-size: 0.14rem;*/
/*content: '请输入什么什么';*/
/*}*/

.fake-input .placeholder {
    box-sizing: content-box !important;
    font-family: sans-serif !important;
    background-position: 50% !important;
    -webkit-appearance: none !important;
    outline: none;
    padding: 0;
    margin: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: none;
    color: #bbb;
    font-size: 0.14rem;
}

.fake-input:after {
    content: "";
    height: 0.18rem;
    width: 2px;

    border-radius: 1px;
    background: #0073ff;
    vertical-align: middle;
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    margin-top: -.02rem;
    margin-left: -.05rem;
    display: none;
}

.m-form .u-field-fake {
    padding: 0;
    height: 0.24rem;
}

.fake-input.focus:after {
    display: inline-block;
}

.u-field-fake.focus .fake-input {
    padding-right: .2rem;

}
.fake-input.noInput:before, .fake-input.noInput .placeholder {
    display: inline-block;
}

/*键盘左对齐用*/
.fake-input.leftInput:after {
    display: none;
}

.fake-input.leftInput .val {
    position: relative;
    display: inline-block;
}

.fake-input.leftInput .val:after {
    content: "";
    height: 0.18rem;
    width: 2px;
    display: inline-block;
    border-radius: 1px;
    background: #0073ff;
    vertical-align: middle;
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    margin-top: -.02rem;
    margin-right: -.05rem;
    display: none;

}

.fake-input.leftInput.noInput .val:after {
    display: none;
}

.fake-input.leftInput.focus .val:after {
    display: inline-block;
}


@-webkit-keyframes blink {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    51% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@keyframes blink {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    51% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

/*数字输入框*/
.fake-box {
    display: -webkit-box;
    -webkit-box-align: center;
    font-size: 0;
    margin: .05rem .2rem .05rem .2rem;
    border-radius: .04rem;
    height: .45rem;
    border: 1px solid #ddd;
    background: #fff;
    padding-left: .01rem;
    position: relative;
    overflow: hidden;
}

.fake-box li {
    width: 16.66666%;
    height: .45rem;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    border: 0;
    border-right: 1px solid #ddd;
    text-align: center;
    font-size: .3rem;
    margin: 0;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

.fake-box li:last-child {
    border: none;
}

.fake-box li i {
    background: #000;
    height: .10rem;
    width: .10rem;
    display: block;
    border-radius: 50%;

}

.fake-box li.dis i {
    display: none;
}

.fake-box input {
    display: none;
}

/*加载
  等待
*/
.f-loading-part {
    text-align: center;
    margin: 0 auto;
    padding: .1rem 0;
}

.f-loading-part .showText {
    display: inline;
    padding: .10rem 0 .10rem .2rem;
    background: url("../img/uploading.gif") no-repeat 0 50%;
    background-size: .18rem;
}

/*-----公共菜单切换栏------*/
.topfixed {
    position: fixed;
    background: #f8f8f8;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
}

.m-tab {
    background: #fff;
    font-size: .14rem;
    display: -webkit-box;
    text-align: center;
    padding-right: .05rem;
    height: .39rem;
    border-bottom: 1px solid #eee;
}

.m-tab li {
    -webkit-box-flex: 1.5;
    height: .4rem;
    width: 47%;
    line-height: .4rem;
    color: #444;
    margin: 0 1%;
}

.m-tab li.border {
    width: 1px;
    border-right: 1px solid #eee;
    height: .22rem;
    margin-top: 0.09rem
}

.m-tab li a {
    padding: 0 .1rem;
}

.m-tab li.on {

    margin-bottom: -1px
}

.m-tab li.on a {
    border-bottom: 2px solid #5ebbcd;
    color: #5ebbcd;
    height: .38rem;
    display: inline-block;

}

.m-dl-list {
    width: 100%;
    margin-bottom: .04rem;
    position: relative;

}

.m-dl-list:after {
    content: "  ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    /* 如果不用 background-color, 使用 border-top:1px solid #f00; 效果是一样的*/
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

.m-dl-list a.link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}

.m-dl-list dl {
    background: #fff;
    padding: .18rem .12rem;
    display: -webkit-box;
    position: relative;
}

.m-dl-list dl dt {
    display: block;
    width: .5rem;
    /*  height: .5rem;*/
    box-sizing: border-box;
    margin-right: .2rem;
}

.hos-logo {
    width: .5rem;
    height: .5rem;
}

.doc-logo {
    width: .6rem;
    height: .6rem;
    overflow: hidden;
    border-radius: 50%;
    display:block;
}

.s-doc-logo {
    width: .4rem;
    height: .4rem;
    overflow: hidden;
    border-radius: 100%;
}


.m-dl-list dl dd.m_c {
    -webkit-box-flex: 1;
    position: relative;
}

.m-info h1 {
    font-size: .16rem;
    font-weight: 500;
    display: -webkit-box;
    line-height: .15rem;
    padding-bottom: .05rem;
    padding-right: 0.65rem;
    line-height: 1.1;
    -webkit-box-align: center
}

.m-info h1 .item {
    display: block;
    color: #1e1e1e;
    -webkit-box-flex: 1;
}

.m-info h1 span {
    display: block;
    color: #1e1e1e;

}

.m-info .doc-h1 span {
    -webkit-box-flex: 1;
}

.m-info .doc-h1 .sub {
    display: inline;
}

.m-info p {
    padding: .04rem 0;

    color: #444;
    line-height: 120%;
}

.m-info p .icon-dizhi2 {
    padding-right: .05rem;
}

.m-info h1 .sub {
    font-size: .12rem;
    padding-left: .05rem;
    color: #5ebbcd;
    display: block;
}

/*标题 */
.m-title {
    background: #fff;
    position: relative;
    padding: .1rem;
    color: #777;
    display: -webkit-box;
    -webkit-box-align: center;

}

.m-title:after {
    content: "  ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    /* 如果不用 background-color, 使用 border-top:1px solid #f00; 效果是一样的*/
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

.m-title > i {
    margin-right: .05rem;
    color: #5ebbcd;
    display: block;
}

.icon-title {
    width: .03rem;
    background: #5ebbcd;
    height: .12rem;
}

.m-title > .name {
    -webkit-box-flex: 1;
    line-height: 1;
    color: #5ebbcd;
    font-weight: 400;
    font-size: .14rem;
}

.m-title .fr-link {

    color: #999;
    font-size: .11rem;
    display: block;
}

.m-title .fr-link > i {
    color: #bbb;
    vertical-align: middle;
    /* display: block;*/
}

.level-ico {
    background: #5ebbcd;
    padding: 2px .05rem 1px .05rem;
    border-radius: 2px;
    color: #fff;
    font-size: .1rem;
    line-height: 1;
    height: .14rem;
    overflow: hidden;
    display: block;
    margin-left: .05rem;
}

/*号源状态*/
.doc-ico {
    font-size: 0.1rem;
    height: 0.1rem;
    line-height: 0.1rem;
    color: #fff;
    overflow: hidden;
    padding: 0 .02rem;
    border-radius: 2px;
    background: #bbb;
}

/*有号*/
.have-ico {
    background: #70BA1A;
}

footer {
    font-size: .08rem;
    position: relative;
    text-align: center;
    height: .4rem;
    margin-top: -.4rem;
    clear: both;
    line-height: .4rem;
    color: #bbb;
    z-index: 0;
}

.proArtcle {
    padding: .20rem .10rem;
    font-size: .14rem;
}

.proArtcle p {
    line-height: 1.7;
    padding-bottom: .12rem;
}

/*医院支持服务项目  modify by zj 2017/3/13*/
.sev-ico {
    width: .24rem;
    height: .13rem;
    background-size: .24rem;
    margin-right: .03rem;
    display: inline-block;
    background-repeat: no-repeat;
}

/*挂号*/
.ico-guahao {
    background-image: url(../img/guahao-1.png);
}

.disico-guahao {
    background-image: url(../img/guahao-2.png);
}

.ico-jiaofei {
    background-image: url(../img/jiaofei-1.png);
}

.disico-jiaofei {
    background-image: url(../img/jiaofei-2.png);
}

.ico-houzhen {
    background-image: url(../img/houzhen-1.png);
}

.disico-houzhen {
    background-image: url(../img/houzhen-2.png);
}

.ico-baogao {
    background-image: url(../img/baogao-1.png);
}

.disico-baogao {
    background-image: url(../img/baogao-2.png);
}

.ico-bingli {
    background-image: url(../img/bingli-1.png);
}

.disico-bingli {
    background-image: url(../img/bingli-2.png);
}

.ico-zhuyuan {
    background-image: url(../img/zhuyuan-1.png);
}

.disico-zhuyuan {
    background-image: url(../img/zhuyuan-2.png);
}

.ico-zhenliaoka {
    background-image: url(../img/zhenliaoka-1.png);
    background-size: .34rem .13rem;
    width: .34rem;
}

.disico-zhenliaoka {
    background-image: url(../img/zhenliaoka-2.png);
    background-size: .34rem .13rem;
    width: .34rem;
}

.distance {
    display: inline-block;
    text-align: right;
    font-size: 0.1rem;
    color: #bbb;
    float: right;
}

/*搜索历史纪录*/
.historybox {

    position: absolute;
    top: .45rem;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 49;
}

.historybox ul li {
    font-size: .14rem;
    padding: .12rem;
    border-bottom: 1px solid #eee;

}

.historybox .del {
    display: block;
    font-size: .14rem;
    padding: .12rem;
    color: #5ebbcd;
    text-align: center;
    border-bottom: 1px solid #eee;

}

/*普通 列表*/
.list {
    background: #fff;
    border-bottom: 1px solid #eee
}

.list li {
    line-height: .45rem;
    font-size: .14rem;

    position: relative;

}

.list li .link {
    display: block;
    padding: 0 .15rem;
    color: #1e1e1e;

}

.list li i {
    padding-right: .05rem;
}

.list li a:active {
    color: #5ebbcd;
}

.list li:after {
    content: "  ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    /* 如果不用 background-color, 使用 border-top:1px solid #f00; 效果是一样的*/
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

.list li:last-child:after {
    background-color: #fff;
}

.list li .item {
    -webkit-box-flex: 1;
}

/*关注*/
.care {
    width: .4rem;
    height: .25rem;
    background-size: .16rem;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/attention-2.png);
}

.dis-care {
    background-image: url(../img/attention-1.png);

}

.care-active {
    animation-name: pulse;
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    20% {
        transform: scale3d(1.3, 1.3, 1.3);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.subcash {
    font-size: .08rem;

}

/*底部footBtn*/
.foot-div {
    font-size: .12rem;
    line-height: .5rem;
    height: .5rem;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    background-color: rgba(255, 255, 255, 1);
    background-image: url(../img/eline.png);
    background-repeat: repeat-x;
    background-position: top;
    clear: both;
    display: -webkit-box;
    z-index: 99;
}

.foot-div .f-s-btn {
    padding: 0 .2rem;
    text-align: center;
    display: block;
    line-height: .5rem;
    min-width: .4rem;
    font-weight: 500;
    font-size: .16rem;
    color: #fff;
    background-color: #5ebbcd;

}

.foot-div .f-s-btn.cancel {
    background: #bbb;
}

.foot-div > .amount {
    padding-right: .1rem;

    -webkit-box-flex: 1;
    display: block;
}

/*开关*/
.m-form .u-switch {
    display: -webkit-box;
    -webkit-box-align: center;

}

.u-switch-flex {
    -webkit-box-flex: 1;
}

.u-switch-btn {
    transition-duration: 0.2s;
    width: .44rem;
    height: .22rem;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: background-color, border;
    transition-property: background-color, border;
    border: 2px solid #e3e3e3;
    border-radius: 2rem;
    background-color: #e3e3e3;
    background-clip: padding-box;
    position: relative;

}

.u-switch-btn.active {
    border-color: #4cd964;
    background-color: #4cd964;
}

.u-switch-btn-handle {
    position: absolute;
    z-index: 1;
    top: -4px;
    left: -1px;
    width: .24rem;
    height: .24rem;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: -webkit-transform, width, left;
    transition-property: transform, width, left;
    border-radius: .25rem;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
}

.u-switch-btn.active .u-switch-btn-handle {
    transform: translate(22px, 0px);
}

.unselected {
    color: #bbb;
}


/*页面右下角侧浮图标*/
.fix-button {
    position: fixed;
    right: .1rem;
    bottom: .5rem;
    z-index: 999;

}

.fix-button a {
    display: block;
    width: .4rem;
    height: .4rem;
    background-repeat: no-repeat;
    background-size: .4rem;
    margin-top: .1rem
}

/*回到主页*/
.gohome {
    background-image: url(../img/cs-home.png);
}

/*回到主页*/
.goweiyi {

    background-image: url(../img/weiyi-home.png);
}

/*回到顶部*/
.gotop {
    width: .36rem;
    height: .36rem;
    background-image: url(../img/top.png);
    background-repeat: no-repeat;
    background-size: .36rem;
    margin-top: .1rem
}

/*我的*/
.goprofile {

    background-image: url(../img/wode.png);
}

/*体检记录*/
.icon-record {

    background-image: url(../img/tjRecord.png);
}
/*购物车*/
.icon-buy{
    background-image: url(../img/shoppingCart.png);
}


/*滚动banner图片*/
.banner {
    width: 100%;
    position: relative;

}

.banner img {
    width: 100%;
}

.swiper-container {
    width: 100%;
    height: 100%;

}

.swiper-slide {

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.info-list {
    border-bottom: 1px solid #eee;
    background: #fff;
    font-size: .14rem;
    padding: 0.05rem 0;
    position: relative;

}

/*没有输入框的普通列表*/
.info-list li {
    padding: .08rem .1rem;
    color: #999;
    display: -webkit-box;
    position: relative;
}

.info-list li .fr-txt {
    color: #1e1e1e;
    -webkit-box-flex: 1;
    display: block;
    text-align: right;
    word-break: break-all;
    padding-left: .15rem;
}

.info-list a.link{
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.m-reg-recordInfo{

}

.m-reg-recordInfo .m-info-code{
    padding: 0 .12rem;
}

/*未支付*/
.orange-state {
    color: #f6a623;
}

/*已支付  已支付处理中 已取号 挂号成功*/
.green-state {
    color: #6aad1e;
}

/*已退费 退费处理中*/
.red-state {
    color: #d0021b;
}

/*已爽约 已关闭 充值失败*/
.grey-state {
    color: #999;
}

.m-list {
    background: #fff;
    margin-bottom: -1px;

}

.m-list li {

    padding: .14rem 0 .14rem .12rem;
    display: -webkit-box;
    -webkit-box-align: center;
    position: relative;

}

.m-list li:after {
    content: "  ";
    position: absolute;
    left: .12rem;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #ddd;
    /* 如果不用 background-color, 使用 border-top:1px solid #f00; 效果是一样的*/
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);

}

.m-list li .icon {
    position: absolute;
    left: -.14rem;
    line-height: 1.6;
    width: .14rem;
    font-size: .14rem;
    display: -webkit-box;
    -webkit-box-align: center;

}

.m-list li .list-item {
    -webkit-box-flex: 1;
    font-size: .14rem;
    color: #1e1e1e;

}

.m-list .fr-link {
    padding-right: .1rem;
    color: #777;
    font-size: .14rem;
    display: -webkit-box;
    -webkit-box-align: center;
}

.fr-link .txt {
    display: block;
    height: .15rem;
    line-height: .12rem;
}

.m-list .link {
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.no-data .link {
    color: #5ebbcd;

}

.m-addContact .u-ipt-radio .on {
    background: #5ebbcd;
    border: 1px solid #5ebbcd;

}

.new-alert-btn-area > a.btnSure {
    color: #5ebbcd;
}

.m-select-box ul li .icon-xuanzhong {
    color: #5ebbcd;

}

.cardPwdSetWrap .m-p-tip a {
    color: #5ebbcd;
}

.u-biz-add {

    background: #fff;
    border-radius: 0 0 .06rem .06rem;
    height: .3rem;
    position: relative;
    padding-top: .2rem;

}

.u-biz-add a {
    width: .5rem;
    height: .5rem;
    background-image: url(../img/add.png);
    background-size: .5rem;
    background-repeat: no-repeat;
    margin: 0 auto;
    z-index: 410;
    display: block;
    position: inherit;
    top: -16px;
}

.u-biz-add a.disabled {
    background-image: url(../img/add-disabled.png);
}



.order-status {
    padding: .10rem 0;
    text-align: center;
    background: #f8f8f8;
}

.m-regdoc .m-dl-list {
    margin-bottom: 0
}

.m-regdoc .m-dl-list dl {
    padding: .1rem .12rem;
}

.m-regdoc .m-dl-list dl dt {
    width: .43rem;
    /* height: .3rem; */
}

.m-regdoc .imgDoc {
    width: 0.6rem;
    border-radius: 50%;
    height: 0.6rem;
}

.m-regdoc .m-info h1 .sub {
    color: #777;
    font-size: .13rem;
}

.m-regdoc .m-info p {
    color: #999;
    padding-bottom: .02rem;
    font-size: .13rem;
}

.m-tit-rect {
    background: #5ebbcd;
    width: .03rem;
    height: .12rem;
    display: block;
    margin-right: .06rem;
}

.icon-xuanzhong-0 {
    color: #ccc;
}

.icon-xuanzhong {
    color: #5ebbcd;
}

.order-tip {

    margin-top: 5px;
    background: #fff;
    border-bottom: 1px solid #eee;
    color: #FF4973;

    text-align: left;
    font-size: .11rem;
    padding: .15rem .12rem;

}

/*挂号结果*/
.m-result-hd {
    /* background: #f8f8f8; */
    background:#fafafc;
    padding: .15rem .12rem;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    font-size: .16rem;
}

.m-result-hd .ico-result {
    width: .36rem;
    height: .36rem;
    background-repeat: no-repeat;
    background-size: .36rem;
    display: block;
    padding-right: .1rem;
    margin-right: .1rem;
}

.m-result-hd.success, .m-result-hd.timeout {
    color: #69AC1B;
}

.success .ico-result {
    background-image: url(../img/sucess.png);
}

.m-result-hd.fail {
    color: #f56923;
}

.fail .ico-result {
    background-image: url(../img/fail.png);
}
.fail-tips p{
    font-size: .15rem;
}
.fail-tips label{
    font-size: .12rem;
    display: block;
    width: 2.8rem;
    color: #999;
}
.timeout .ico-result {
    background-image: url(../img/timeout.png);
}

.m-result-con {
    padding: .15rem .12rem 0 .12rem;
    color: #444;
    line-height: 180%;
    font-size: .14rem;
}

.result-remark {
    margin-top: .1rem;
    padding: .1rem;
    border-top: 1px dashed #e3e3e3;
    color: #444;
    font-size: .12rem;
}

.m-result-code {
    font-size: .14rem;
    background: #fff;
    line-height: 200%;
    color: #444;
    text-align: center;
}

.m-result-code .order-code {
    margin: 0 auto;
}

.m-result-code .order-code .ewm-code {
    width: 50%;
}

.m-result-code .order-code .txm-code {
    width: 65%;
}

.m-scan-form .inner {
    padding: 10px 0 .4rem 0;

}

.m-scan-form .m-tab li a {
    min-width: 6em;
}

.bottom-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: .4rem;
    line-height: .4rem;
    background: #f8f8f8;
}

.m-scan-btxt {
    padding: 0 .12rem .12rem;
    text-align: center;
}

.m-scan-btxt a {
    color: #5ebbcd;

}

.m-scan-btxt a .icon-jiantou3:before {
    color: #5ebbcd;
}

.card-disabled {
    border: 1px solid #ccc;
    color: #bbb;
    padding: 0 .05rem 0 .05rem;
    border-radius: 2px;
    font-size: .1rem;
    line-height: .1rem;
    height: .1rem;
    overflow: hidden;

    margin-left: .05rem;
}

/*列表上拉刷新 下拉加载样式*/

.outer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.inner {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.opacity {
    -webkit-animation: opacity 0.3s linear;
    animation: opacity 0.3s linear;
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.dropload-up, .dropload-down {
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* 开启硬件加速 */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.dropload-down {
    height: 50px;
}

.dropload-refresh, .dropload-update, .dropload-load, .dropload-noData {
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.dropload-load .loading {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.m-dialist-wrap .info-list {
    border: 0
}

.m-dialist-wrap .btn-areas {
    padding: 0;
    border-top: 1px solid #eee;
    text-align: center;
    display: -webkit-box;
    -webkit-box-align: center;
    background: #fff;
    border-radius: 0 0 .06rem .06rem;
}

.m-dialist-wrap .btn-areas > a {
    width: 50%;
    -webkit-box-flex: 1;
    display: block;
    text-align: center;
    color: #999;
    font-size: .14rem;
    line-height: .45rem;
    margin: 0;
    border-right: 1px solid #eee

}

.m-dialist-wrap .btn-areas .btn-sure {
    border-right: 0;

    color: #5ebbcd;

}

.m-select {
    padding-top: .1rem;
}

.m-select .m-form-ul {
    background: none;
}

.m-select .m-form-ul li {
    margin-bottom: .1rem;
    background: #fff;
    padding: 0 .12rem;

}

.m-select .m-form-ul li .i {
    font-size: .14rem;
}

.m-select .m-form-ul li .u-field {
    padding: .12rem 0 .12rem .12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.u-field .name {
    padding-right: .05rem;
}

.m-select .fr-txt {
    color: #5ebbcd;
    padding-left: .1rem;
}

.m-select-bottom {
    position: absolute;
    bottom: .4rem;
    text-align: center;
    width: 100%;
    font-size: .14rem;
}

.m-select-bottom a {
    color: #5ebbcd;
}

.report-note {
    font-size: .12rem;
    color: #777;
    padding: 0 .12rem;
}

/*订单状态*/
.b-success {
    color: #6aad1d;
}

.b-waiting {
    color: #f6a623;
}

.b-fail {
    color: #bbb;
}

.b-returned {
    color: #d0021b;
}
.text-c{
    text-align: center !important;
}
.text-l{
    text-align: left !important;
}
[v-cloak]{display:none}
.inlne{
    display: inline-block !important;
}
/* 取消选择 */
.reason h5{
    height: .35rem;
    line-height: .35rem;
    font-size: .16rem;
    color: #000;
    text-align: center;
}
.reason h5 i{
    font-size: .12rem;
    margin: .1rem .1rem 0 0;
}
.reason .reason-list{
    overflow-y: auto;
    padding: .1rem;
    height: 3.3rem;
}
.reason .reason-list p{
    font-size: .14rem;
    color: #000;
}
.reason .yd-btn{
    width: 90%;
    height: .37rem;
    padding: 0;
    font-size: .16rem;
    background-color: #5ebbcd !important;
    position: absolute;
    bottom: 5px;
    left: 5%;
}
.reason .reason-list li{
    padding: .08rem 0;
    font-size: .14rem;
}
.reason .reason-list li i{
    width: .16rem;
    height: .16rem;
    background-repeat: no-repeat;
    background-size: .16rem;
    display: inline-block;
    margin-right: .1rem;
    position: relative;
    top: .035rem;
}
.s_no {
    background-image: url(../img/Slice_32.png);
}
.s_yes {
    background-image: url(../img/ico_Arrow_a.png);
}
.yd-list-donetip {
    font-size: .14rem !important;
    padding: .1rem 0 !important;
}
.pos-r{
    position: relative;
}
.txt-omit2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.b-b{
    border-bottom: 1px solid #e3e3e3;
}
.mb-0{
    margin-bottom: 0 !important;
}
.pb-0{
    padding-bottom: 0 !important;
}

.tips-info{
    margin-top: .03rem;
    padding: 0 .1rem;
}
.tips-info i{
    color: #999;
}

.notReadSum{
    position: absolute;
    right: -.1rem;
    display: inline-block;
    border-radius: 50%;
    background: red;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    height: .17rem;
    line-height: .16rem;
    min-width: .17rem;
    padding: 0 0.02rem;
}