/* http://meyerweb.com/eric/tools/css/reset/
   v1.0 | 2013/11/23
   by Bany
   QQ: 21362281
*/
* {
    font-family: "微软雅黑";
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    font: normal 110% Helvetica, Arial, sans-serif;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

a {
    text-decoration: none;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    zoom: 1;
}

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

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

/*img {
    max-width: 100%;
}*/

body {
    background: #F0F0F0;
    width: 100%;
    font-size: 100%;
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}

body.white {
    background: #fff;
}

a, img {
    -webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */
}

a {
    text-decoration: none;
    display: block;
}

@media screen and (min-width: 310px) {
    body {
        font-size: 110%;
    }
}

@media screen and (min-width: 470px) {
    body {
        font-size: 160%;
    }
}

@media screen and (min-width: 630px) {
    body {
        font-size: 210%;
    }
}

@media screen and (min-width: 790px) {
    body {
        font-size: 260%;
    }
}

@media screen and (min-width: 950px) {
    body {
        font-size: 310%;
    }
}

input[type=text], input[type=button], input[type=submit],input[type=date], select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.noshow {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    width: 0.01em;
    height: 0.01em;
    float: left;
    position: absolute;
    top: -5em;
    left: -5em;
}

* {
    font-family: Arial, "微软雅黑", "黑体" !important;
}

.con {
    width: 96%;
    height: auto;
    overflow: hidden;
    margin: 0.5em 2% 0.5em 2%;
}

body{background: #fff;}

.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected{background: #0155B9;}
.bind-suc-con{position: relative;height: 100%;margin-top:5em;}

.bind-suc{text-align: center;margin:2em 0 0 0;}
.bind-suc img{width: 30%;}

.bind-sucTxt{font-size: 1.2em;color:#000;text-align: center;height: 3em;line-height: 3em;}
.qr-txt{font-size: 0.9em;color:#000;text-align: center;height: 3em;line-height: 3em;}
.empty-bg{position: absolute;z-index: 10;}
.card-qrcode{position: absolute;z-index: 100;margin:2em 0 0 0;text-align: center;}
.card-qrcode img{width: 35%;display: block;margin: 0 auto;}

.suc-btn{display: block;width: 94%;margin:0 0 0 3%;border-radius: 0.3em;border:none;appearance: none;-webkit-appearance: none;text-align: center;}

.user-info{text-align: center;margin:1.5em 0 0em 0;}

.user-info img{width: 5em;height: 5em;padding:0.1em;border-radius: 50%;background: #fff;border:0.3em solid #EFF3F8;}

.user-name{font-size: 1.2em;color:#000;text-align: center;height: 2.5em;line-height: 2.5em;}

.user-form{border:1px solid #E6E6E6;height: auto;overflow: hidden;width: 93%;margin-left: 3%;border-radius: 0.2em;margin-bottom: 2em;}
.user-li{height: 2.5em;line-height: 2.5em;}
.user-li div{height: inherit;line-height: inherit;overflow: hidden;}
.user-li-name{background: url(../images/user-phone.jpg) no-repeat center;background-size: auto 1.2em;}
.user-li-pass{background: url(../images/user-pass.jpg) no-repeat center;background-size: auto 1.2em;}
.user-li:first-child{border-bottom: 1px solid #E6E6E6;}
.user-li input{height: inherit;border:none !important;box-shadow: none !important;margin-bottom: 0;padding:0 !important;}

.user-li-get{width: 37%;float: right;}

.user-li-get .fresh{background: #C9C9C9;}

.user-li-get span{float:right;letter-spacing:1px;display: block;max-width:80%;padding:0 10% !important;height: 2em;line-height:2.1em;vertical-align:middle;text-align: center;color: #fff;border-radius: 1em;margin:0.6em 0 0 0;background: #0156B9;font-size: 0.75em;}

.no-num{color:#9DD1FA;}

.user-notice-txt{width: 100%;font-size: 0.875em;height:2.5em;line-height:2.5em;color:#fff;background: url(../images/notice-bg.png);text-align: center;position: absolute;top: 0;left: 0;right: 0;z-index: 99;}


.bg-gray{background: #F7F7F7;}
.con-txt{font-size: 0.75em;color:#F25D60;text-align: center;height: 1.5em;line-height: 1.8em;}

.card-con-tp{padding:1em 0;background: #F24951 url(../images/car-con-bg.png) no-repeat 90% center;background-size: auto 5em;}
.card-con-tit,.card-con-date,.card-con-qt{font-size: 1.1em;color:#fff;text-align: center;letter-spacing:normal;display: block;line-height: 1.5em;}
.card-con-date{font-size: 0.875em;color: #FFADB1;line-height: 2em;}
.card-con-qt{font-size: 0.875em;color: #FFADB1;line-height: 2em;}

.card-con-date .line-lft{float: left;}
.card-con-date .line-rit{float: right;}

.card-con{width: 94%;height: auto;margin:1em 0 1em 3%;overflow: hidden;box-sizing: border-box;border:1px solid #E3E3E3;background: #FFFFFF;}

.card-con-td{display: table-cell;vertical-align: middle;padding:1em 0;}

.card-con .td1{text-align: center;width: 40%;}
.card-con .td2{width: 52%;padding:1em 4%;color:#777777;font-size: 0.875em;border-left:1px solid #E3E3E3; }

.card-con .td1 img{max-width: 100%;}

.card-con-msh{width: 94%;height: auto;overflow: hidden;margin:0 0 1.2em 3%;font-size: 0.875em;line-height: 1.5em;color:#7F8181;}
.card-con-msh span{color: #0B151F;}

.card-ls{width: 100%;height: auto;overflow: hidden;}

.card-li{display:table;width:100%;box-sizing:border-box;height: auto;overflow: hidden;margin-bottom:0.5em;}

.card-li-lft-pad,.card-li-rit{display: table-cell;padding:0.3em;box-sizing: border-box;}
.card-li-lft-pad{width: 80%;padding-right: 0;}
.card-li-lft{width:100%;height: auto;overflow: hidden;vertical-align: middle; border:1px dashed #F4F4F4;border-right: none;padding-right: 0;}
.card-li-rit{width:20%;height: auto;overflow: hidden;vertical-align: middle;background:#F24951 url(../images/card-li-rit-bg.png) repeat-y;background-size: 100% 100%;padding:0.3em 0.3em 0.3em 0;text-align: center;  }

.card-li-lft .li-img{padding:0;width: 24%;display: inline-block;float: left;box-sizing: border-box;}
.card-li-lft .li-img img{max-width: 100%;display: block;}
.card-li-lft .li-txt{padding:0 0 0 2%;width: 76%;display: block;float: right;box-sizing: border-box;}
.card-li-lft .li-txt a{display: block;width: 100%;height: 1.3em;overflow: hidden;white-space: nowrap; text-overflow:ellipsis}
.card-li-lft .li-txt a span{color:#000;margin-bottom: 0.3em;font-size: 0.875em;}

.card-li-lft .li-txt p{font-size: 0.6em;color:#C0C5C8;line-height: 1.5em;height: 1.5em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.card-li-rit a {display: block;}
.card-li-rit a span{color:#fff;font-size: 0.75em;}

.mycard-nav{height: 2.5em;line-height: 2.5em;background: #fff;border-bottom: 1px solid #E0E0E0;width: 100%;}

.mycard-nav a{display: block;width: 33.33%;text-align: center;float: left;font-size: 0.875em;}
.mycard-nav a span{color:#000;display: block;width: 70%;margin-left: 15%;height:inherit;line-height:inherit;}
.mycard-nav a.cur span{color:#0155B9;border-bottom: 3px solid #0155B9;}

.uCenter{height: auto;}

.uCenter-tp{padding-top:1px;background: url(../images/ucenter-tp-bg.png) no-repeat;background-size: 100%;}

.uCenter-img{text-align: center;margin:1.5em 0 0em 0;}

.uCenter-img img{width: 5em;height: 5em;padding:0.1em;border-radius: 50%;background: #fff;border:0.3em solid #EFF3F8;}

.uCenter-con{height: auto;overflow: hidden;width: 94%;box-sizing:border-box;margin:1.5em 3% 0 3%;border:1px solid #E5E5E5;border-top: none;border-right: none;}

.uCenter-con a{display: block;float:left;width: 33.3%;height:6.5em;box-sizing: border-box;text-align: center;padding:1em 0;border:1px solid #E5E5E5;border-bottom: none;border-left: none;}
.uCenter-con a img{width: 40%;}
.uCenter-con a span{display: block;height:2em;font-size:0.9em;line-height:2em;text-align: center;color:#000;}

.uCenter-con{height: auto;overflow: hidden;width: 100%;box-sizing:border-box;border:1px solid #E5E5E5;border-top: none;border-right: none;}
.home-con a{display: block;float:left;width: 33.3%;height:6.5em;box-sizing: border-box;text-align: center;padding:1em 0;border:1px solid #E5E5E5;border-left: none;}
.home-con a img{width: 40%;}
.home-con a span{display: block;height:2em;font-size:0.9em;line-height:2em;text-align: center;color:#000;}
.swiperimg{
        width: 100%;

    }
    .card-img{
      width: 100%;
    }
    .lbllarge{
        font-size: 17px;
        bottom: 20px;
        line-height: 40px;
        padding-left: 3%;
        }
    .lblsmall{
        color: #fff;
        text-shadow: 0 0 5px #000;
        font-size: 12px;
        position: absolute;
        right: 4%;
        bottom: 2%;
    }