/* 新主页 */
.home-section{
    height: auto;
    overflow: hidden;
    background: #EA655E;
}
.home-tab{
    color: #FFFFFF;
    height: 1.2rem;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}
.home-tab .tab-item{
    display: inline-block;  
    margin-left: .4rem;
    line-height: 0.8rem;
    font-size: .48rem;
    margin-top: .15rem;
    position: relative;
}
.home-tab .tab-item:last-child{
    margin-right: .4rem;
}
.home-tab .under-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .4rem;
}
.home-tab .under-line{
    width: .8rem;
    height: .1rem;
    border-radius: .1rem;
    /*background: #fefefe;*/
    display: block;
}
.home-echart{
    height: auto;
    overflow: hidden;
}
.home-echart .tools{
    height: auto;
    margin-top: .2rem;
    margin-bottom: .2rem;
    margin-left: .45rem;
    margin-right: .45rem;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}
.home-echart .tools-select {
    display: inline-block;
    position: relative;
    padding: 0.15rem .35rem;
    font-size: .42rem;
    height: auto;
    overflow: hidden;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: .92rem;
}

.home-echart .tools-select i {
    margin-left: .2rem;
    font-size: .42rem;
}

.home-echart .echart{
    height: 7.8rem;
    margin: .4rem;
}

.tab-list{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.tab-list-item{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
}

.home-task{
    background-color: #FFFFFF;
    padding: .45rem .45rem;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding-bottom: 1.2rem;
}

.home-title{
    line-height: 1rem;
    display: -webkit-flex;
    display: flex;
    font-size: .48rem;
}

.home-title h2{
    line-height: 1rem;
    font-size: .5rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.home-title a, .home-title a i{
    color: #CCCCCC;
    font-size: .42rem;
}

.task-list{
    margin-top: .25rem;
    margin-bottom: .25rem;
}

.task-list dl{
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    margin: .15rem 0;
    padding-bottom: .15rem;
}
.task-list dl:last-child{
    border-bottom: 0;
}
.task-list a{
    display: block;
    height: auto;
    overflow: hidden;
}
.task-list dl dt{
    font-size: .45rem;
    font-weight: 500;
    line-height: .8rem;
}

.task-list dl dd{
    font-size: .45rem;
    color: #999999;
    line-height: .8rem;
    display: -webkit-flex;
    display: flex;
}

.task-list dl dd span.name{
    flex: 1;
}

.task-list .empty{
    font-size: .373333rem;
    color: #333;
    line-height: .5rem;
    overflow: hidden;
    text-overflow:ellipsis;    
    white-space: nowrap;
}


/* 教师主页 */
.homeBanner img{
    display: block;
    width: 100%;
}
.homeCon{
    width: 9.466667rem;
    position: relative;
    z-index: 2;
    top: -1.833333rem;
    margin: 0 auto;
}
.homeCon .box{
    min-height: 2.666667rem;
    padding: .133333rem .533333rem;
    background: rgba(255, 255, 255, .9);
    border-radius: .213333rem;
    overflow: hidden;
    margin-bottom: .266667rem;
}
.homeCon .box h2{
    position: relative;
    padding-left: .32rem;
    font-size: .373333rem;
    color: #D50C00;
    margin: .133333rem 0;
}
.homeCon .box h2::after{
    content: '';
    width: .16rem;
    height: .16rem;
    background: #D50C00;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.homeCon .box .more{
    text-align: center;
}

/* 审核列表 */
.sealList li{
    position: relative;
    padding: .533333rem 2rem .533333rem 0;
}
.sealList li:not(:last-child):after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 75%;
    height: 1px;
    content: '';
    transform: scaleY(.5);
    background-color: #c8c7cc;
}

.sealList li .tit{
    font-size: .373333rem;
    color: #333;
    line-height: .5rem;
    overflow: hidden;
    text-overflow:ellipsis;    
    white-space: nowrap;
}
.sealList li .info{
    line-height: 30px;
    overflow: hidden;
    margin-top: .266667rem;
}
.sealList li .info span{
    display: block;
    float: left;
    color: #999;
    font-size: .32rem;
    line-height: .4rem;
    padding-left: .43rem;
    margin-right: .8rem;
    background-image: url(../images/ico_user.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 92%;
}
.sealList li .info .time{
    background-image: url(../images/ico_time.png);
    background-size: auto 100%;
}
.sealList li .btn{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.44rem;
    line-height: .8rem;
    border-radius: .106667rem;
    border: .026667rem solid #D50C00;
    text-align: center;
    color: #D50C00;
}

/* 图表 */
.homeCon #js_barChart{
    width: 100%;
    height: 5rem;
}
.barChart .f2-tooltip {
    position: absolute;
    z-index: 99;
    background-color: rgba(0, 0, 0, .8);
    border-radius: .106667rem;
    text-align: center;
    padding: .106667rem .2rem ;
    opacity: 0;
    transition: all .3s;
}
.barChart .f2-tooltip:after {
    content: " ";
    width: 0;
    height: 0;
    border-left: .16rem solid transparent;
    border-right: .16rem solid transparent;
    border-top: .16rem solid rgba(0, 0, 0, .8);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.136rem;
    border-radius: .066667rem;
}
.barChart .f2-tooltip span {
    display: block;
    color: #fff;
}
.barChart .f2-tooltip span:nth-child(1) {
    font-size: .266667rem;
}

/* 搜索栏 */
.serBar{
    padding: .266667rem .433333rem;
    height: 1.2rem;
    background: #fff;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;

}
.serBar .select-box{
    display: flex;
    justify-content: space-between;
}
.serBar .name{
    float: left;
    color: #999;
    line-height: .64rem;
    font-size: .32rem;
}
.serBar .name b{
    font-weight: normal;
    color: #000;
}
.serBar .seleBox{
    float: left;
    min-width: 1.866667rem;
    margin-right: .133333rem;
    line-height: .64rem;
    overflow: hidden;
}
.serBar .seleBox.fr{
    float: right;
    text-align: right;
    margin-right: 0;
    margin-left: .133333rem;
}

.serBar .kws{

    font-size: .32rem;
    width: 100%;
    height: .6rem;
    position: relative;
    padding: .066667rem .133333rem .06667rem .8rem;
    border: 1px solid #ddd;
    margin: 0;
    background: url(../images/ico_search.png) .2rem center no-repeat;
    background-size: auto 68%;
}
.serBar .kws input{
    font-size: .266667rem;
    border: 0;
    margin: 0;
    background: #fff;
    position: absolute;
    width: 90%;
    height: 96%;
    padding: 0;
    top: 2%;
    right: 1%;
}

/* 学生列表 */
.studentList{
    padding: .266667rem 0 2rem 0;
}
.studentList .loadmMore{
    background: #fff;
    padding-top: .5rem;
}

/* 顶栏选项卡 */
.tabBar{
    height: 1.19rem;
    background: #fff;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    /* padding-top: .2rem; */
    text-align: center;
}
.tabBar a{
    display: inline-block;
    line-height: 1.19rem;
    font-size: .373333rem;
    position: relative;
    margin: 0 .8rem;
}
.tabBar a.active{
    color: #D50C00;
}
.tabBar a.active::before{
    content: '';
    width: 40%;
    height: .053333rem;
    border-radius: .026667rem;
    background: #D50C00;
    position: absolute;
    bottom: 0;
    left: 30%;
}
.tabBar.big a{
    margin: 0 2.6%;
}
.tabBar.big a.active::before{
    width: 100%;
    left: 0;
}

.sealBox{
    margin: .266667rem 0 2rem 0;
    padding: 0 .8rem;
    background: #fff;
}
.sealCtls{
    position: fixed;
    z-index: 3;
    bottom: 1.6rem;
    width: 100%;
    background: #fff;
    padding: .32rem .533333rem;
}
.sealCtls .btn{
    width: 1.866667rem;
    line-height: .8rem;
    background:#d50c00;
    border-radius: .106667rem;
    text-align: center;
    color: #fff;
    font-size: .32rem;
    float: right;
}

/* 个人主页 */
.myPage{
    width: 100%;
    min-height: 100vh;
    padding-bottom: 2rem;
    background: #F6F6F6;
}
.myPage .userCard{
    padding-top: 0.735rem;
    text-align: center;
    background: #EA635D;
}
.myPage .userCard .avatar{
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: .026667rem;
    background: #fff;
}
.myPage .userCard .avatar img{
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.myPage .userCard .info{
    background: #FFF;
    border-top-left-radius: .34rem;
    border-top-right-radius: .34rem;
    margin-top: -1.2rem;
    padding-top: 1.2rem;
    padding-bottom: .3rem;
}
.myPage .userCard .name{
    font-size: .533333rem;
    color: #000;
    margin: .2rem 0 .266667rem 0;
}
.myPage .userCard p{
    color: #9D9D9C;
    font-size: .32rem;
}

.myPage .menus{
    margin: .2rem auto;
    padding: .2rem 0 .2rem .8rem;
    background: #fff;
}
.myPage .menus a{
    display: block;
    padding-left: .96rem;
    padding-right: .96rem;
    color: #9D9D9C;
    font-size: .42rem;
    line-height: 1.333333rem;
    position: relative;
    border-bottom: 1px solid #ddd;
}
.myPage .menus a span{
    float: right;
}
.myPage .menus a:last-child{
    border-bottom: 0;
}
.myPage .menus a::before {
    position: absolute;
    left: 0;
    top: 50%;
    width: .64rem;
    height: .64rem;
    content: '';
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 98%;
}
.myPage .menus a.ico_hlep::before{
    background-image: url(../images/pic_que.png);
}
.myPage .menus a.ico_edit::before{
    background-image: url(../images/pic_edit.png);
}

.myPage .menus a:after {
    content: ''; 
    background: url(../images/ico_arrow_r2.png) right center no-repeat;
    background-size: auto .346667rem;
    position: absolute;
    width: .5rem; 
    right: 0.35rem;
    bottom: 0;
    top: 0; 
}

.myPage .menus-new{
    margin: .2rem auto;
    padding: .2rem 0 .2rem .6rem;
    background: #fff;
}
.myPage .menus-new a{
    display: flex;
    padding-left: .96rem;
    padding-right: .96rem;
    color: #9D9D9C;
    font-size: .42rem;
    line-height: 1.333333rem;
    position: relative;
    border-bottom: 1px solid #ddd;
}
.myPage .menus-new a i{
    position: absolute;
    left: 0;
    top: 50%;
    width: .96rem;
    height: auto;
    font-size: .54rem !important;
    line-height: auto;
    overflow: hidden;
    transform: translateY(-50%);
    display: block;
    color: #EA635D;
}
.myPage .menus-new a .menus-name{
    flex: 1;
}
.myPage .menus-new a span{
    float: right;
}
.myPage .menus-new a:last-child{
    border-bottom: 0;
}
.myPage .menus-new a:after {
    content: ''; 
    background: url(../images/ico_arrow_r2.png) right center no-repeat;
    background-size: auto .346667rem;
    position: absolute;
    width: .5rem; 
    right: 0.35rem;
    bottom: 0;
    top: 0; 
}

/* 帮助中心 */
.helpPage{
    width: 100%;
    min-height: 100vh;
    padding: .2rem 0;
    background:linear-gradient(137deg,rgba(255,146,101,1) 0%,rgba(255,104,81,1) 34%,rgba(255,34,33,1) 100%);
}
.helpPage .s_logo{
    width: 6.133333rem;
    margin: .533333rem auto;
}
.helpPage .box{
    margin: .266667rem auto 0 auto;
    width: 9.466667rem;
    border-radius: .213333rem;
    background: #fff;
    overflow: hidden;
}
.helpPage .box h2{
    position: relative;
    padding-left: .32rem;
    font-size: .373333rem;
    color: #D50C00;
    margin: .266667rem .533333rem;
}
.helpPage .box h2::after{
    content: '';
    width: .16rem;
    height: .16rem;
    background: #D50C00;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.helpPage .box table{
    width: 100%;
}
.helpPage .box table tr td{
    width: 33.333%;
    padding: .533333rem .266667rem;
    text-align: center;
    border: 1px solid #eee;
    font-size: .373333rem;
    line-height: .533333rem;
}

/* 审核详情 */
.infoPage{
    padding: .266667rem .266667rem 2rem .266667rem;
    font-size: .373333rem;
}
.infoPage .card{
    padding: 0 .533333rem;
    border-radius: .32rem;
    background: #fff;
    overflow: hidden;
}
.infoPage .card dl dd{
    padding: .4rem 0;
    padding: .4rem 0;
}
.infoPage .card dl dd:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
}
.infoPage .card .sec{
    background: url(../images/ico_arrow_r2.png) right center no-repeat;
    background-size: auto .346667rem;
}
.infoPage .card dl dd label{
    color: #999;
    width: 24%;
}
.infoPage .l_tit{
    color: #999;
    padding: .266667rem .533333rem;
    margin-top: .266667rem;
}
.infoPage .l_tit.black{
    color: #000;
    margin-top: 0;
}
.infoPage .moreBox{
    padding-bottom: .1rem;
}
.infoPage .moreBox .loadmMore{
    padding-top: .4rem;
}
.infoPage .moreBox .con{
    line-height: .533333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.infoPage .moreBox.show .con{
    overflow: visible;
    display: block;
}
.infoPage .pics{
    padding: .266667rem;
}
.infoPage .pics table{
    width: 100%;
}
.infoPage .pics table tr td{
    width: 46%;
    padding: 3%;
}
.infoPage .pics table tr td img{
    width: 100%;
    border-radius: .213333rem;
}
.infoPage .bomBtns,.infoPage .bomTips{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 99;
    background: #fff;
    padding: .213333rem 0;
    text-align: center;
}
.infoPage .bomBtns button{
    width: 4.533333rem;
    line-height: 1.173333rem;
    color: #333;
    font-size: .426667rem;
    background: #ddd;
    border-radius: .16rem;
    margin: 0 .133333rem;
}
.infoPage .bomBtns button.xl{
    width: 9.466667rem;
}
.infoPage .bomBtns button.ok{
    color: #fff;
    background: #D50C00;
}
.infoPage .bomTips{
    font-size: .426667rem;
    padding: .533333rem 0;
}
.infoPage .bomTips b{
    font-weight: normal;
    color: #4CAF48;
}

/* 认证项目列表 */
.listPage{
    padding: 1.3rem 0 2rem 0;
    font-size: .373333rem;
    overflow: hidden;
}
.authList dt{
    position: relative;
}
.authList dt::before{
    content: '';
    position: absolute;
    left: -10%;
    top: 0;
    width: 120%;
    height: 100%;
    background: #f5f5f5;
}
.authList dt .inner{
    position: relative;
    z-index: 2;
    width: 100%;
}
.authList dd{
    display: flex;
    justify-content: space-between;
    justify-items: center;
    vertical-align: middle;
    border-bottom: .013333rem solid #f5f5f5;
}
.authList dd:last-child{
    border: 0;
}
.authList dd::after{
    display: none;
}
.authList dt span,.authList dd span{
    width: 16%;
    line-height: .533333rem;
}
.authList dd span{
    font-size: .373333rem;
}
.authList dt .xl, .authList dd .xl{
    width: 82%;
    overflow: auto;
    text-overflow: ellipsis;
    white-space:normal;
}
.listPage .tips{
    text-align: center;
    color: #D50C00;
    padding: .533333rem 0 .266667rem 0;
}

/* 得分列表 */
.scoreCon{
    padding-top: 1rem;
    overflow: hidden;
}
.scoreCon .total{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 1.6rem;
    background: #fff;
    padding: 0 .8rem;
    display: flex;
    justify-content: space-between;
    font-size: .426667rem;
    color: #333;
}
.scoreCon .total b{
    font-size: .64rem;
}
.scoreList{
    border-radius: .213333rem;
}
.scoreList dt{
    background: #f5f5f5;
}
.scoreList dt span{
    position: relative;
    z-index: 3;
}
.scoreList dd span.xl,.scoreList dt span.xl{
    width: 55%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.scoreList dd span.x,.scoreList dt span.x{
    width: 28%;
}

/* 表单 */
.frmPage .card dl dd{
    position: relative;
}
.frmPage .card dl dd input,.frmPage .card dl dd span{
    border: 0;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    max-width: 60%;
    min-width: 30%;
    height: .533333rem;
    margin: 0;
    padding: 0;
    text-align: right;
}
.frmPage .card dl dd .big{
    width: 70%;
    height: auto;
}
.mt-range-thumb{
    width: 20px;
    height: 20px;
    top: 5px;
}


/* 学生主页 */
.homeCon .menus{
    background: #fff;
    border-radius: .213333rem;
    padding: 1.066667rem .533333rem;
    display: flex;
    margin-bottom: .266667rem;
}
.homeCon .menus a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .346667rem;
    line-height: .533333rem;
    color: #333;
    text-align: center;
}
.homeCon .menus a:before {
    display: block;
    content: "";
    width: .96rem;
    height: .96rem;
    margin: 0 auto 0.1rem;
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.homeCon .menus .nav_home::before{
    background-image: url(../images/pic_tree.png);
}
.homeCon .menus .nav_grass::before{
    background-image: url(../images/pic_book.png);
}
.homeCon .menus .nav_plus::before{
    background-image: url(../images/pic_plus.png);
}
.homeCon .menus .nav_fly::before{
    background-image: url(../images/pic_fly.png);
}
.homeCon .wbg{
    background: #fff;
}

/* 德育得分列表 */
.sInfoPage{
    padding: .266667rem 0 2rem 0;
}
.sInfoPage .pad{
    padding: 0 .266667rem;
}
.sInfoPage .card dl dd label{
    width: 15%;
}
.sInfoPage .card dl dd .change{
    width: 80%;
}
.grassList dt span,.grassList dd span{
    width: 12%;
    font-size: .373333rem;
}
.grassList dt span.x,.grassList dd span.x{
    width: 30%;
}
.grassList dt span.xl,.grassList dd span.xl{
    width: 46%;
}

/* 我的提交列表 */
.subList dt span,.subList dd span{
    width: 14%;
}
.subList dd a{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.subList dt span.xl,.subList dd span.xl{
    width: 48%;
}
.subList dt span.x,.subList dd span.x{
    width: 18%;
}

.myPage .menus a.no_ico{
    padding-left: 0;
    padding-right: 0.5rem;
}
.myPage .menus.no_ico a.no_ico span{
    float: right;
}
.myPage .menus a.no_right{
    background: transparent;
}
.myPage .menus a.no_ico:not(:last-child):after{
    width: 100%;
}

.profile-user-img{
    width: 2.56rem;
    height: 2.56rem;
    margin: 0.4rem auto;
    border-radius: 50%;
    border: 2px solid #fff;
}

.homeCon .box.boxsmall{
    font-size: 12px;
    padding-bottom: 0.13rem !important;
    min-height: auto;
}



/* 2022-12-17 新增班级照片 */
.photoPage{
    padding: .2667rem;
}
.photoPage .con{
    padding: 0 .5333rem .5333rem;
    background: #fff;
    border-radius: .2133rem;
    overflow: hidden;
}
.photoPage .con .top{
    margin: 20px 0;
    padding: .0267rem .0267rem .0267rem .6667rem;
    height: .64rem;
    font-size: .2667rem;
    border-radius: .1067rem;
    border: 1px solid #ddd;
    background: url(../images/ico_search.png) .1333rem center no-repeat;
    background-size: auto .3733rem;
}
.photoPage .con .list{
    display: grid;
    grid-template-columns: repeat(2, minmax(4rem, 1fr));
    row-gap: .1333rem;
    column-gap: .4rem;
}
.photoPage .con .list li{
    width: 4rem;
}
.photoPage .con .list li .pic{
    width: 4rem;
    height: 2.6667rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f4f4f4;
}
.photoPage .con .list li .pic img{
    width: 100%;
}
.photoPage .con .list li .info{
    padding: .0667rem 0;
    font-size: .2667rem;
    display: flex;
    line-height: .5333rem;
    align-items: center;
    justify-content: space-between;
}
.photoPage .con .list li .info span{
    display: block;
    max-width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.photoPop{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .4);
}
.photoPop .box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 9.4667rem;
    height: 11rem;
    border-radius: .2133rem;
    background: #fff;
}
.photoPop .box .top{
    font-size: .4267rem;
    color: #333;
    text-align: center;
    padding-top: .3rem;
}
.photoPop .box .top p{
    color: #333;
    font-size: .3733rem;
    line-height: .6667rem;
}
.photoPop .box .pic{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 7.0667rem;
    overflow: hidden;
    background: #333;
}
.photoPop .box .pic img{
    max-width: 100%;
    max-height: 100%;
}
.photoPop .box .pic .prev,.photoPop .box .pic .next{
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.photoPop .box .pic .prev i,.photoPop .box .pic .next i{
    background: #fff;
    padding: .3rem;
    border-radius: 100%;
}
.photoPop .box .pic .prev{
    left: 0;
}
.photoPop .box .pic .prev i{
    background: url(../images/btn_prev.png) center no-repeat;
    background-size: auto 100%;
}
.photoPop .box .pic .next{
    right: 0;
}
.photoPop .box .pic .next i{
    background: url(../images/btn_next.png) center no-repeat;
    background-size: auto 100%;
}
.photoPop .box .pic .off{
    display: none;
}
.photoPop .box .time{
    font-size: .3733rem;
    color: #333;
    line-height: 1rem;
    text-align: center;
}
.photoPop .box .bom{
    padding: 0 .2667rem;
    display: flex;
    justify-content: space-between;
}
.photoPop .box .bom a{
    display: block;
    width: 4.3333rem;
    height: .8533rem;
    line-height: .8533rem;
    text-align: center;
    opacity: 1;
    font-size: .32rem;
    color: #fff;
    border-radius: .1067rem;
    background: #787878;
    margin-right: 15px;
}
.photoPop .box .bom a.close{
    margin-right: 0;
}
.photoPop .box .bom a.down{
    background: #FF493C;
}
.photoPop .box .bom a.del{
    background: #FF493C;
    display: none;
}

.fixed_add{
    width: 1rem;
    height: 1rem;
    position: fixed;
    bottom: 100px;
    right: 20px;
    color: #fff;
    background: rgba(235, 113, 106, 1);
    border-radius: 50%;
    line-height: 1rem;
    text-align: center;
    display: block;
    font-size: 0.48rem;

}