.mainContainer { background: #eeeeee; }
.userinfo { height: 184px; padding-top: 20px; position: relative; }
.v1 { background: url(../../images/v1bg.jpg) no-repeat center top; background-size: cover; }
.v2 { background: url(../../images/v2bg.jpg) no-repeat center top; background-size: cover; }
.v3 { background: url(../../images/v3bg.jpg) no-repeat center top; background-size: cover; }
.useravatar {width: 100px;margin: auto;border-radius: 50%;border: 4px solid transparent;background: rgba(255, 255, 255, 0.3);height: 100px;}
.useravatar>img{width: 100%;height: 100%;border:0.2rem solid #fff;}

.username { font-size: 1.7rem; text-align: center; color: #fff; margin: 8px auto 2px; }
.userlevels { font-size: 1.2rem; text-align: center; color: #fff; }
    .userlevels img { width: 20px; margin-right: 3px; }
.daycheck { position: absolute; top: 10px; right: 10px; font-size: 1.4rem; color: #fff; line-height: 30px; z-index: 1; }
.geted { position: absolute; top: -15px; left: 20px; display: none; }
.daycheck img { vertical-align: middle; padding-bottom: 6px; margin-right: 3px; width: 18px; }
.couponscore {display: -webkit-box;height: 55px;line-height: 23px;font-size: 1.4rem;color: #fff;text-align: center;}
.coupon, .score { width: 50%; padding-top: 5px; }
.c1 { background: #fc563c; }
.c2 {background: #f3c685;}
.c3 { background: #ababab; }
.s1 {background: #e70012;}
.s2 {background: #d99f50;}
.s3 { background: #434343; }
.contentnav { display: -webkit-box; height: 48px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; padding-top: 15px; background: #fff; margin-bottom: 20px; }
    .contentnav:last-child { margin-bottom: 0; border-bottom: 0; }
    .contentnav .cn-icon { width: 50px; }
        .contentnav .cn-icon img { width: 20px; margin: auto; }
    .contentnav .cn-title {color: #ac1000;font-size: 1.3rem;-webkit-box-flex: 1;padding-left: 5px;}
    .contentnav .cn-num { width: 50px; color: #d61400; font-family: Arial; font-size: 1.5rem; text-align: right; }
    .contentnav .cn-arrow { width: 50px; }
        .contentnav .cn-arrow img { width: 11px; margin: auto; padding-top: 1px; }
.content1nav { background: #fff; padding: 0 5px 0; margin-bottom: 20px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
    .content1nav:last-child { border-bottom: 0rem solid #d5d5d5; margin-bottom: 0rem; }
    .content1nav .cn-header { display: -webkit-box; border-bottom: 1px solid #cccccc; }
        .content1nav .cn-header .cnh-1 { width: 50px; padding: 15px 0; }
            .content1nav .cn-header .cnh-1 img { width: 20px; margin: auto; }
        .content1nav .cn-header .cnh-2 {color: #ac1000;font-size: 1.5rem;-webkit-box-flex: 1;padding: 15px 0;font-size: 1.3rem;}
    .content1nav .cn-content { display: -webkit-box; padding: 20px 0; }
        .content1nav .cn-content div { width: 33.33333%; }
            .content1nav .cn-content div img { margin: auto; width: 50px; }
            .content1nav .cn-content div p { text-align: center; margin: 10px 0 0; font-size: 1.2rem; }
    .content1nav .cn-content1 { display: -webkit-box; padding: 20px 0; }
        .content1nav .cn-content1 div { width: 25%; }
            .content1nav .cn-content1 div img { margin: auto; width: 50px; }
            .content1nav .cn-content1 div p { text-align: center; margin: 10px 0 0; font-size: 1.2rem; }
.content2nav { background: #fff; padding: 0 5px 0; margin-bottom: 20px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
    .content2nav:last-child { border-bottom: 0rem solid #d5d5d5; margin-bottom: 0rem; }
    .content2nav .cn-header { display: -webkit-box; border-bottom: 1px solid #cccccc; height: 48px; line-height: 48px; }
        .content2nav .cn-header .cn-icon { width: 50px; padding: 15px 0; }
            .content2nav .cn-header .cn-icon img { width: 20px; margin: auto; }
        .content2nav .cn-header .cn-title {color: #ac1000;font-size: 1.3rem;-webkit-box-flex: 1;padding-left: 5px;}
        .content2nav .cn-header .cn-num { width: 50px; color: #d61400; font-family: Arial; font-size: 1.5rem; text-align: right; }
        .content2nav .cn-header .cn-arrow { width: 50px; padding: 15px 0; }
            .content2nav .cn-header .cn-arrow img { width: 11px; margin: auto; padding-top: 1px; }
        .content2nav .cn-header img { width: 20px; margin: auto; }
    .content2nav .cn-content { padding: 10px 5px; }
        .content2nav .cn-content .cnc-title { font-size: 1.5rem; color: #2f2f2f; }
        .content2nav .cn-content .cnc-desc { font-size: 1.2rem; color: #b3b3b3; margin: 5px auto; }

.modal-dialogbg { display: none; background: rgba(0,0,0,0.6); width: 100%;height:100%; position: fixed; top: 0; z-index: 98; }
.modal-dialog { display: none; position: fixed; top: 100px; left: 50%; width: 280px; margin-left: -140px; height: 185px; background: #fff; z-index: 99; box-sizing: border-box; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.modal-content { background: #f8f9fa; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.modal-header { font-size: 12px; padding-left: 18px; font-weight: bold; height: 30px; line-height: 30px; border: 2px solid #fff; border-bottom: 1px solid #d8dadd; box-sizing: border-box; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.modal-body { height: 95px; border: 2px solid #fff; border-bottom: 1px solid #d8dadd; box-sizing: border-box; }
.modal-footer { height: 60px; box-sizing: border-box; border: 2px solid #fff; }
#look { width: 106px; height: 31px; line-height: 31px; text-align: center; display: block; background: #f82a15; float: left; margin: 10px 0 0 20px; color: #fff; font-weight: bold; }
#ignore { width: 106px; height: 31px; line-height: 31px; text-align: center; display: block; background: #e0e3e6; float: left; margin: 10px 0 0 25px; color: #1b1b1b; font-weight: bold; }
.datecreate { text-align: right; padding: 5px 15px; font-size: 11px; color: #9f9f9f; }
.lastestnewsinfo { width: 100%; height: 42px; overflow: hidden; }
.lastestnewsimg { width: 53px; height: 42px; overflow: hidden; margin: 0 15px; float: left; }
    .lastestnewsimg img { width: 53px; height: 42px; }
.lastestnewstd { float: left; width: 190px; }
.lastestnewstitle { font-size: 12px; font-weight: bold; }
.lastestnewsdesc { font-size: 11px; line-height: 20px; margin-top: 2px; }
.loginout { width:100%;padding:0 20px;padding-bottom:20px;}
.btn_loginout { width:100%;height:35px;line-height:35px;background:#d61400;color:#fff;line-height:35px;font-size:1.5rem;border:0;border-radius:5px;}