.thumbnail{
    display: block;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    /*border-radius: 2px;*/
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;

}
.icon_group {
    position: absolute;
    right: 15px;
    top: 15px;

    display: flex;
}
.icon_group i{
    font-size: 30px;
    color: #bf2d46 !important;
    transition: all .2s ;
    opacity: .8;

}
.optdiv {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    /*border-radius: 2px;*/
    padding: 2px;
    margin: 4px;
    width: 95%;
    height: 95%;
    align-items: center;
    justify-content: center;
}
.optdiv .fcc{
    border-radius: 100px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    /* width: 80px; */
    height: 40px;
    padding: 0 10px;
    line-height: 36px;
    text-align: center;
}
.tprocess{
    position: fixed;
    z-index: 99;
    bottom: 80px;
    right: 20px;
    width: 300px;
}

@media screen and (max-width:3000px) {
    .in_item {
        position:relative;

        width: calc(8.5% - 5px);
    }

}
@media screen and (max-width:2440px) {
    .in_item {
        position:relative;

        width: calc(10.5% - 5px);
    }

}


@media screen and (max-width:1920px) {
    .in_item {
        position:relative;

        width: calc(12.5% - 5px);
    }

}

@media screen and (max-width:1400px) {
    .in_item {
        position:relative;

        width: calc(20% - 5px);
    }

}

@media screen and (max-width:1200px) {
    .in_item {
        width: calc(25% - 5px);
    }


}



@media screen and (max-width:600px) {
    .in_item {
        width: 32.60%;
        /*margin-right: 1.75%;
        margin-bottom: 1.75%;*/
    }
    .m-body .m-content {
        padding: 5px 5px;
    }
    .m-portlet .m-portlet__body {
        padding: 1rem 1rem;
    }

}
.modal-lg-ov{ top: 15%; width: 45%; margin: 0 auto;}
@media screen and (max-width: 1023px){

    .modal-lg-ov{ top: 30%; width: 80%}
}


/*签到----------------------------------------------------------------*/

.xreceive{background: #C23A24; position: absolute; border-radius: 14px;width:680px; top: 15%; font-size: 34px; padding: 10px;}
.xreceive_box{background:#fff; width: 100%;height: 100%; border-radius: 10px;overflow: hidden;}
.xreceive .xreceive_d h3{ font-size: 34px; font-weight: bold; text-align: center; margin-top: 24px; color: #F3624B}
.xreceive_s{overflow:hidden; text-align: center; line-height: 28px;}
.xreceive_s span{ background: #EF8833; height: 2px; width: 15%;display: inline-block;margin-bottom: 5px;}
.xreceive_s b{ display: inline-block;font-size: 24px; font-weight: normal;color: #F66F00;}
li{list-style:none;}
.xreceive_u{ margin-top: 24px}
.xreceive_u ul{overflow:hidden; padding: 0}
.xreceive_u li{background: #FEF8E8; border-radius: 10px;width: 90px; font-size: 14px;font-weight: bold; text-align: center; height: 150px; float: left; margin: 0 10px;color:#FF7700;padding: 10px 0; position: relative;}
.xreceive_u li span{background:url("img/1.png") repeat; display: block; background-size: cover; margin: 0 auto;width: 58px; height: 66px;}
.xreceive_u .xreceive_ds{ background: #F3624B;}
.xreceive_u .xreceive_ds span{ background:url("img/2.png") repeat; background-size: cover; width: 58px; height: 66px;}
.xreceive_u .xreceive_ds p{color:#fff;}
.xreceive_u li p{margin:0; font-size: 22px; font-weight: normal;}
.xreceive_btn{text-align:center;padding-top: 20px;padding-bottom: 20px}
.xreceive_d button{background: #F3624B;outline:none; border: none; border-radius: 40px; text-align: center;color: #fff;font-size: 30px;padding: 3px 30px;}
.xreceive_d button:hover{background:#FF7A65}
.xreceive_u li b{background:url("img/3.png") repeat; background-size: cover; width: 60px; height: 54px;position: absolute; top: 48px;left: 16px;}
@media screen and (min-width:769px ) and (max-width:1024px){
    .xreceive .xreceive_d h3{ font-size:34px;}
}
@media screen and (max-width:768px ){
    .xreceive{ width:360px; background: #C23A24;position: absolute;  z-index: 999;top: 15%;border-radius: 14px;padding: 5px;}
    .xreceive_box{background:#fff; width: 100%;height: 100%; border-radius: 10px;overflow: hidden;}
    .xreceive .xreceive_d h3{ font-size: 24px; font-weight: bold; text-align: center; margin-top: 20px;}
    .xreceive_s span{ background: #EF8833; height: 2px; width: 15%;display: inline-block; }
    .xreceive_s b{ display: inline-block;font-size: 16px;}
    .xreceive_u li{margin-bottom:10px;}
    .xreceive_btn{padding-top: 5px}
}