/*
JustNews省钱助手Pro
Version 4.2
*/


/* =====================
   外层卡片
===================== */


.jss-box{

    width:100%;

    margin:0!important;

    padding:0!important;

    border-radius:12px;

    overflow:hidden;

    box-sizing:border-box;


    background:

    linear-gradient(
        180deg,
        #ff6500 0%,
        #ff8f32 40%,
        #ffffff 100%
    );



    font-family:

    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "PingFang SC",
    "Microsoft YaHei",
    Arial,
    sans-serif;


}





/* 去除主题外层空白 */


.widget_jss_save_widget,
.widget_jss_save_widget .widget-content,
.widget_jss_save_widget .textwidget{


    margin:0!important;

    padding:0!important;


}







/* =====================
   顶部区域
===================== */


.jss-head{


    position:relative;


    min-height:120px;


    padding:20px 18px 18px;


    color:#fff;


    box-sizing:border-box;


}





.jss-title{


    font-size:22px;


    font-weight:700;


    letter-spacing:.5px;


    line-height:32px;


}



.jss-sub{


    margin-top:6px;


    font-size:13px;


    font-weight:400;


    letter-spacing:.3px;


    opacity:.95;


}





/* 礼盒 */

.jss-gift{


    position:absolute;


    right:10px;


    top:8px;


    width:88px;


    height:88px;


    object-fit:contain;


}









/* =====================
   优惠列表
===================== */


.jss-list{


    margin:0 12px 12px;


    background:#fff;


    border-radius:10px;


    overflow:hidden;


}







.jss-item{


    display:flex;


    align-items:center;


    padding:14px 12px;


    text-decoration:none!important;


    border-bottom:1px dashed #eeeeee;


    background:#fff;


    transition:none!important;


}





/* 最后一项 */


.jss-item:last-child{


    border-bottom:none;


}





/* 取消悬浮变色 */


.jss-item:hover{


    background:#fff!important;


}







/* =====================
   LOGO
===================== */


.jss-logo{


    width:42px;


    height:42px;


    min-width:42px;


    margin-right:14px;


    display:flex;


    align-items:center;


    justify-content:center;


}





.jss-logo img{


    width:42px!important;


    height:42px!important;


    max-width:42px!important;


    max-height:42px!important;


    object-fit:contain!important;


    border-radius:9px;


}







/* =====================
   文字优化
===================== */


.jss-info{


    overflow:hidden;


}





.jss-name{


    font-size:16px;


    font-weight:600;


    line-height:23px;


    letter-spacing:.2px;


    color:#ff6600;


}





.jss-desc{


    margin-top:3px;


    font-size:13px;


    font-weight:400;


    line-height:18px;


    color:#999;


    letter-spacing:.2px;


}









/* =====================
   后台
===================== */


.jss-row{


    background:#fff;


    border:1px solid #ddd;


    border-radius:8px;


    padding:12px;


    margin-bottom:12px;


}





.jss-sort{


    background:#f5f5f5;


    padding:8px;


    margin-bottom:10px;


    border-radius:5px;


    text-align:center;


    cursor:move;


    color:#666;


}





.jss-preview{


    width:40px!important;


    height:40px!important;


    max-width:40px!important;


    max-height:40px!important;


    object-fit:contain!important;


    vertical-align:middle;


    margin-right:10px;


    border-radius:8px;


}








.jss-placeholder{


    height:100px;


    border:2px dashed #ff6600;


    background:#fff5eb;


}









/* =====================
   手机
===================== */


@media(max-width:768px){



.jss-head{


    padding:16px;


    min-height:105px;


}



.jss-title{


    font-size:20px;


}



.jss-gift{


    width:70px;


    height:70px;


}



.jss-list{


    margin:0 10px 10px;


}




.jss-item{


    padding:12px 10px;


}





.jss-logo{


    width:38px;


    height:38px;


    min-width:38px;


}



.jss-logo img{


    width:38px!important;


    height:38px!important;


}



.jss-name{


    font-size:15px;


}



.jss-desc{


    font-size:12px;


}


}