.personage,.personage .message {
    width: 100%;
    height: auto
}

.personage .message .mine {
    width: 100%;
    color: #000;
    height: .5rem;
    position: relative;
    font-size: .18rem;
    text-align: center;
    background: #fff;
    line-height: .5rem
}

.personage .message .mine .goBack {
    width: 20%;
    display: inline-block;
    position: absolute;
    left: 0;
    color: #fff;
    font-size: .16rem;
    cursor: pointer
}

.personage .message .mine .goBack svg {
    position: relative;
    top: .1rem
}

.personage .message .msName {
    width: 100%;
    height: 1.1rem;
    font-size: .18rem;
    line-height: .8rem;
    background: #fff;
    position: relative
}

.personage .message .msName i {
    width: .6rem;
    height: .6rem;
    background: url(../img/jingcai/quizzes_center.png?v=202584100) no-repeat -.65rem 0;
    background-size: 3.65rem auto;
    display: inline-block;
    margin-left: .2rem
}

.personage .message .msName span {
    width: 40%;
    height: .6rem;
    color: #000;
    line-height: .6rem;
    position: absolute;
    margin-left: .15rem;
    display: inline-block
}

.personage .message .fans {
    width: 100%;
    height: .4rem;
    position: absolute;
    top: 1.195rem;
    display: inline-flex;
    background: rgba(0,0,0,.2)
}

.personage .message .fans .integral {
    width: 50%;
    height: .4rem;
    color: #fff;
    font-size: .13rem;
    line-height: .4rem;
    text-align: center
}

.personage .message .fans .integral span {
    padding: 0 .1rem
}

.personage .message .fans .xiantop {
    height: .25rem;
    margin-top: .08rem;
    display: inline-block;
    border-right: 1px solid hsla(0,0%,100%,.2)
}

.personage .message .fans .fanstop {
    width: 50%;
    float: right;
    height: .4rem;
    color: #fff;
    font-size: .13rem;
    line-height: .4rem;
    text-align: center
}

.personage .message .fans .fanstop span {
    padding: 0 .1rem
}

.personage .listlist {
    width: 100%;
    height: auto;
    margin-top: .08rem
}

.personage .listlist li {
    width: 100%;
    height: 1.23rem;
    background: #fff
}

.personage .listlist .basics,.personage .listlist .quiz_report,.personage .listlist .tisubsidiary {
    width: 85%;
    height: .4rem;
    font-size: .15rem;
    line-height: .4rem;
    position: relative;
    padding-left: .56rem;
    border-bottom: 1px solid #efebeb
}

.personage .listlist .recommend {
    width: 85%;
    height: .4rem;
    font-size: .15rem;
    line-height: .4rem;
    position: relative;
    padding-left: .56rem
}

.personage .listlist .basics:before {
    background: url(../img/jingcai/quizzes_center.png?v=202584100) no-repeat -2.06rem -.03rem
}

.personage .listlist .quiz_report:before {
    background: url(../img/jingcai/quizzes_center.png?v=202584100) no-repeat -2.4rem -.03rem
}

.personage .listlist .tisubsidiary:before {
    background: url(../img/jingcai/quizzes_center.png?v=202584100) no-repeat -1.75rem -.03rem
}

.personage .listlist .recommend:before {
    background: url(../img/jingcai/quizzes_center.png?v=202584100) no-repeat -2.72rem -.03rem
}

.personage .listlist .arrows {
    width: .19rem;
    height: .2rem;
    display: inline-block;
    background: url(../img/jingcai/quizzes_center.png?v=202584100) no-repeat 0 0;
    background-size: 3.6rem auto;
    position: absolute;
    right: .1rem;
    top: .08rem
}

.personage .listlist .icon:before {
    content: "";
    width: .3rem;
    height: .3rem;
    display: inline-block;
    position: absolute;
    top: .04rem;
    left: .15rem;
    background-size: 3.6rem auto
}

.totalPook {
    width: 25%!important;
    margin-left: 5%;
    text-align: left!important
}

.quit {
    width: 100%;
    height: .4rem;
    margin-top: .1rem
}

.quit a {
    width: 93%;
    height: .4rem;
    color: #fff;
    margin: 0 auto;
    font-size: .15rem;
    line-height: .4rem;
    text-align: center;
    border-radius: 2rem;
    background: #fb8e19
}

.information {
    width: 100%;
    height: auto
}

.information header {
    width: 100%;
    height: .45rem;
    color: #000;
    font-size: .17rem;
    text-align: center;
    line-height: .45rem;
    background: #fff;
    border-bottom: 1px solid #eee
}

.information .pooke {
    width: 100%;
    height: auto;
    margin-top: .1rem
}

.information .pooke li {
    width: 96%;
    height: .4rem;
    color: #333;
    font-size: .15rem;
    line-height: .4rem;
    background: #fff;
    padding-left: .15rem;
    border-bottom: 1px solid #eceaea
}

.information .pooke li span {
    color: #666;
    font-size: .13rem;
    margin-left: .3rem
}

.information .pooke .pwdlist {
    width: 15%;
    float: right;
    color: #666;
    position: relative;
    display: inline-block
}

.information .pooke .pwdlist:after {
    content: "";
    width: .15rem;
    height: .15rem;
    display: inline-block;
    background: url(../img/jingcai/quizzes_center.png?v=202584100) no-repeat 0 0;
    background-size: 2.6rem auto;
    position: absolute;
    top: 13px;
    right: 4px
}

.report {
    width: 100%;
    height: auto
}

.report header {
    width: 100%;
    height: .45rem;
    color: #000;
    font-size: .17rem;
    text-align: center;
    line-height: .45rem;
    background: #fff;
    border-bottom: 1px solid #eee
}

.report .The_color {
    width: 100%;
    height: 1rem;
    background: #fff
}

.report .The_color .The_list {
    width: 100%;
    height: .5rem;
    display: flex;
    border-bottom: 1px solid #e8e6e6
}

.report .The_color .The_list h4 {
    width: 14%;
    color: #666;
    font-size: .15rem;
    line-height: .5rem;
    text-align: center
}

.report .datetop {
    width: 100%;
    height: .5rem;
    display: flex
}

.report .datetop h4 {
    width: 14%;
    text-align: center;
    color: #666;
    font-size: .15rem;
    line-height: .5rem
}

.report .datetop .begin {
    width: 25%;
    height: .3rem;
    outline: none;
    font-size: .15rem;
    line-height: .32rem;
    margin: 10px 5px;
    text-align: center;
    border-radius: .1rem;
    border: 1px solid #dbdbdb
}

.report .datetop .hxin {
    width: 25px;
    font-size: .2rem;
    margin-top: 10px;
    text-align: center;
    display: inline-block
}

.report .datetop .finish {
    width: 25%;
    height: .3rem;
    outline: none;
    font-size: .15rem;
    line-height: .32rem;
    margin: 10px 5px;
    text-align: center;
    border-radius: .1rem;
    border: 1px solid #dbdbdb
}

.report .datetop .aniutop {
    width: 20%;
    color: #fff;
    border: none;
    height: .3rem;
    cursor: pointer;
    margin-top: 10px;
    border-radius: 5px;
    background: #fb8e19;
    display: inline-block
}

.total {
    width: 100%;
    height: .4rem;
    display: flex;
    background: #3f404f;
    position: fixed;
    bottom: 0;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.25)
}

.total dd {
    width: 20%;
    height: .4rem;
    color: #fff;
    font-size: .15rem;
    line-height: .4rem;
    text-align: center;
    display: inline-block
}

.report_data {
    margin-top: .1rem
}

.report_data,.report_data table {
    width: 100%;
    height: auto
}

.report_data table thead {
    width: 100%;
    height: .5rem;
    background: #d2cece
}

.report_data table thead tr {
    width: 100%;
    height: .5rem
}

.report_data table thead tr th {
    width: 20%;
    color: #2c2e33;
    font-size: .15rem;
    text-align: center
}

.report_data table .riqi {
    width: 25%!important
}

.report_data table tbody {
    width: 100%;
    height: .5rem;
    display: table-footer-group
}

.report_data table tbody tr {
    width: 100%;
    height: .5rem;
    background: #fff
}

.report_data table tbody tr td {
    width: 20%;
    color: #666;
    font-size: .13rem;
    text-align: center
}

.the_subsidiary {
    width: 100%;
    height: auto
}

.the_subsidiary header {
    width: 100%;
    height: .45rem;
    color: #000;
    font-size: .17rem;
    text-align: center;
    line-height: .45rem;
    background: #fff;
    position: fixed;
    top: 0;
    border-bottom: 1px solid #eee
}

.the_subsidiary .The_color {
    width: 100%;
    height: 1rem;
    background: #fff;
    position: fixed;
    top: .45rem
}

.the_subsidiary .The_color .The_list {
    width: 100%;
    height: .5rem;
    display: flex;
    border-bottom: 1px solid #e8e6e6
}

.the_subsidiary .The_color .The_list h4 {
    width: 14%;
    color: #666;
    font-size: .15rem;
    line-height: .5rem;
    text-align: center
}

.the_subsidiary .The_color .datetop {
    width: 100%;
    height: .5rem;
    display: flex
}

.the_subsidiary .The_color .datetop h4 {
    width: 14%;
    text-align: center;
    color: #666;
    font-size: .15rem;
    line-height: .5rem
}

.the_subsidiary .The_color .datetop .begin {
    width: 25%;
    height: .3rem;
    outline: none;
    margin: 10px 5px;
    font-size: .15rem;
    line-height: .32rem;
    text-align: center;
    border-radius: .1rem;
    border: 1px solid #dbdbdb
}

.the_subsidiary .The_color .datetop .hxin {
    width: 25px;
    font-size: .2rem;
    margin-top: 10px;
    text-align: center;
    display: inline-block
}

.the_subsidiary .The_color .datetop .finish {
    width: 25%;
    height: .3rem;
    outline: none;
    font-size: .15rem;
    line-height: .32rem;
    margin: 10px 5px;
    text-align: center;
    border-radius: .1rem;
    border: 1px solid #dbdbdb
}

.the_subsidiary .The_color .datetop .integralTop {
    width: 20%;
    color: #fff;
    border: none;
    height: .3rem;
    cursor: pointer;
    margin-top: 10px;
    border-radius: 5px;
    background: #fb8e19;
    display: inline-block
}

.the_subsidiary .detail {
    width: 100%;
    height: auto;
    margin-top: 40%;
    overflow: overlay;
    margin-bottom: 22%
}

.the_subsidiary .detail .detailtop {
    width: 97%;
    height: auto;
    padding: .05rem;
    background: #fff;
    border-bottom: 1px solid #d6d5d5
}

.the_subsidiary .detail .detailtop dd {
    width: 94%;
    height: .3rem;
    color: #2d3039;
    margin: 0 auto;
    font-size: .15rem;
    line-height: .3rem
}

.the_subsidiary .detail .detailtop .mold {
    width: 35%;
    height: auto;
    float: right;
    color: #fb8e19;
    text-align: right
}

.the_subsidiary .detail .detailtop .remark {
    display: flex
}

.the_subsidiary .detail .detailtop .remark p {
    width: 80%;
    height: auto;
    color: gray;
    font-size: .13rem
}

.the_subsidiary .detail .detailtop .remark p span {
    margin: auto .1rem
}

.the_subsidiary .detail .detailtop .income {
    display: flex
}

.the_subsidiary .detail .detailtop .income p {
    width: 35%;
    height: auto;
    font-size: .13rem
}

.the_subsidiary .detail .detailtop .income p span {
    color: #f44a07;
    margin: auto .1rem
}

.preferences {
    width: 100%;
    height: auto
}

.preferences header {
    width: 100%;
    height: .45rem;
    color: #fff;
    font-size: .17rem;
    text-align: center;
    line-height: .45rem;
    background: #ff7b00;
    position: fixed;
    top: 0
}

.go_back {
    width: 20%;
    height: .45rem;
    display: inline-block;
    position: absolute;
    left: -3%
}

.go_back:after {
    content: "";
    width: .2rem;
    height: .2rem;
    display: inline-block;
    background: url(../img/jingcai/quizzes_center.png?v=202584100) no-repeat 0 -.3rem;
    background-size: 4rem auto;
    margin-top: 13px
}

.typeTop {
    width: 80%;
    height: .35rem;
    font-size: .15rem;
    line-height: .35rem;
    text-align: center;
    border: 1px solid #e0dcdc;
    border-radius: .05rem;
    margin-top: 1.5%;
    margin-left: 2%;
    position: relative
}

.typeTop:after {
    content: "";
    width: .2rem;
    height: .2rem;
    display: inline-block;
    background: url(../img/jingcai/jingcaisanx.png?v=202584100) no-repeat -.87rem -.28rem;
    background-size: 3rem auto;
    position: absolute;
    top: .13rem;
    right: 5%
}

#copySnackbar {
    visibility: hidden;
    width: 150px;
    margin-left: -90px;
    font-size: 12px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px
}

#copySnackbar.showSnack {
    visibility: visible;
    -webkit-animation: a .5s,b .5s 2.5s;
    animation: a .5s,b .5s 2.5s
}

#downloadSnackbar {
    visibility: hidden;
    width: 150px;
    margin-left: -90px;
    font-size: 12px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px
}

#downloadSnackbar.showSnack {
    visibility: visible;
    -webkit-animation: a .5s,b .5s 2.5s;
    animation: a .5s,b .5s 2.5s
}

@-webkit-keyframes a {
    0% {
        bottom: 0;
        opacity: 0
    }

    to {
        bottom: 30px;
        opacity: 1
    }
}

@keyframes a {
    0% {
        bottom: 0;
        opacity: 0
    }

    to {
        bottom: 30px;
        opacity: 1
    }
}

@-webkit-keyframes b {
    0% {
        bottom: 30px;
        opacity: 1
    }

    to {
        bottom: 0;
        opacity: 0
    }
}

@keyframes b {
    0% {
        bottom: 30px;
        opacity: 1
    }

    to {
        bottom: 0;
        opacity: 0
    }
}

.recommend {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999!important;
    background: rgba(0,0,0,.5);
    transition: top .3s linear,height .3s linear;
    top: 0
}

.recommend .recommendInfo {
    width: 310px;
    height: auto;
    background: #fff;
    margin: 15% auto;
    border-radius: 5px
}

.recommend .recommendInfo i {
    width: .4rem;
    height: .4rem;
    margin-right: -5px;
    display: inline-block;
    background: url(../img/jingcai/quizzes_center.png?v=202584100) no-repeat -3.7rem 0;
    background-size: 4rem;
    float: right
}

.recommend .recommendInfo dl {
    font-size: .15rem;
    width: 100%;
    height: auto;
    margin-top: .4rem;
    text-align: center;
    margin-bottom: .3rem
}

.recommend .recommendInfo dl .header {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #fd7a06;
    margin-bottom: 32px
}

.recommend .recommendInfo dl .copyButton {
    width: 100%;
    height: .4rem;
    padding-top: 10px;
    position: relative
}

.recommend .recommendInfo dl .copyButton input {
    width: 40%;
    height: .3rem;
    color: #969696;
    padding: 0 9px;
    margin-top: 6px;
    background: #f2f1ef;
    border: 1px solid #e2e2e2;
    border-radius: 5px 0 0 5px;
    position: absolute;
    left: 18%;
    top: 15%
}

.recommend .recommendInfo dl .copyButton button {
    width: 22%;
    height: .32rem;
    position: absolute;
    margin-top: 6px;
    top: 15%;
    right: 19.5%;
    background: #f99302;
    font-size: .12rem;
    border: 1px solid #f99302;
    border-radius: 0 5px 5px 0;
    color: #fff
}

.recommend .recommendInfo dl dd {
    font-size: 12px
}

.recommend .recommendInfo dl .QRCode {
    width: 140px;
    height: 142px;
    display: inline-block;
    background: #eaecf0;
    float: none;
    margin: 24px 0
}

.recommend .recommendInfo dl .hintInfo {
    width: 100%;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    color: #000
}

.recommend .recommendInfo dl .brand {
    width: 100%;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    color: #969696
}

.recommend .recommendInfo dl .saveInfo {
    width: 200px;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #f99122;
    background: #f99122;
    font-size: .14rem;
    color: #fff;
    margin: 24px 0 40px
}

.amend,.cell-phone {
    width: 28%;
    float: right;
    height: .27rem;
    color: #eb9316;
    margin-top: 2%;
    margin-right: 4%;
    background: #fff;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #eb9316
}

.TheSubsidiary {
    width: 100%;
    height: .4rem;
    display: flex;
    background: #3f404f;
    position: fixed;
    bottom: 0;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.25)
}

.TheSubsidiary p {
    width: 33.33%;
    color: #fff;
    height: auto;
    line-height: .4rem;
    font-size: .15rem;
    text-align: center
}

.xuanl {
    display: inline-block;
    border-right: 1px solid #f9f7f7
}

.hintTop {
    width: 100%;
    height: .45rem;
    background: #c3c3c3
}

.hintTop dd {
    font-size: .15rem;
    text-align: center;
    line-height: .45rem;
    color: #444242
}

.headColor {
    width: 100%;
    height: 5px;
    background: #fb8e19;
    border-radius: 5px 5px 0 0
}