/* 字体，颜色 等各种css样式统一公用类 */


    /* 背景颜色 */
    .my-cool-background{background: #ff0066;} 

    /* 下边线阴影 */
    .my-bottom-shadow{box-shadow: 0 -12px 18px 0 rgba(0,0, 0, .3);}

    /* 导航微弱阴影 */
    .my-nav-shadow{box-shadow: 0px 4px 25px -13px rgba(0,0,0,0.1);}

    /* 四周微弱阴影 */
    .my-all-shadow{box-shadow: 0px 0px 11px -6px rgba(0,0,0,0.2);}

    /* 圆形微弱阴影 */
    .my-circle-shadow{box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);transition: all .5s;}
    .my-circle-shadow:hover{box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.2);transition: all .5s;}

    /* 图片立体阴影 */
    .my-img-shadow{box-shadow: 0px 11px 11px -3px rgba(0,0,0,0.2);transition: box-shadow .5s}
    .my-img-shadow:hover{box-shadow: 0px 11px 11px 1px rgba(0,0,0,0.3);transition: box-shadow .5s}

    /* 按钮阴影 */
    .btn-shadow{box-shadow: 4px 4px 8px rgba(0,0,0,.1);}
    .btn-shadow:hover{box-shadow: 4px 4px 10px rgba(0,0,0,.25);}

    /* 头部高度 */
    .my-head-height{height:100px ;}

    /* 搜索placeholder字体 */
    .my-placeholder{font-size:12px; }

    /* 超小字体颜色 */
    .my-xs-color{color:#999; }

    /* 小字体颜色 */
    .my-sm-color{color:#666; }

    /* 红色字体颜色 */
    .my-red-color{color:#ff0066!important; }

    /* 超小字体大小 */
    .my-xs-size{font-size: 12px;}
        
    /* 小字体大小 */
    .my-13-size{font-size: 13px;}

    /* 小型字体大小 */
    .my-sm-size{font-size: 14px;}

    /* 中型字体大小 */
    .my-md-size{font-size: 16px;}

    /* 大型字体大小 */
    .my-bg-size{font-size: 18px;}

    /* 标题字体大小 */
    .my-title-size{font-size: 22px;}

    /* 从左到右渐变 */
    .my-left-right{background:linear-gradient(90deg,#f8498f 0,#ff0066) border-box;}
    .my-left-right:hover{background:linear-gradient(90deg,#f87cad 0,#f8297c) border-box;}

    /* 从右到左渐变 */
    .my-right-left{background:linear-gradient(90deg,#FF883B ,#fa6526) border-box;color: #fff;}
    .my-right-left:hover{background:linear-gradient(90deg,rgb(247, 175, 127) ,#fa773e) border-box;color: #fff;}

    /* 按钮背景渐变 */
    .my-btn-background{background:linear-gradient(90deg,#f8498f 0,#ff0066) border-box;}
    .my-btn-background:hover{background:linear-gradient(90deg,#f87cad 0,#f8297c) border-box;}
    
    /* 加粗 */
    .my-md-blod{font-weight: 700;}

    /* 溢出显示一行 */
    .my-ellipsis{
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* 溢出显示多行 */
    .my-more-ellipsis{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .my-morest-ellipsis{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    /* 图片圆角 */
    .my-img-radius{
        border-radius: 10px
    }
/* 图片浮动距离顶部padding*/
    .my-img {
        padding: 15px 6px;
    }
.ticket-status1{ background: #ff0066!important;}
.ticket-status2{ background: #f60!important;}
.ticket-status3{ background: #f50!important;}
.ticket-status4{ background: #0fcfdf!important;}
.ticket-status5{ background: #666!important;}
.ticket-status6{ background: green!important;}
.click{ color: #777; font-size: 12px;}
.click i{ margin:0 5px;}
.rush_to{ background: #f50;}
.rush_to:hover{opacity: 0.7;}
.rush_piao{
    background: rgb(9,146,89)!important;
}
.rush_piao:hover{
    background: rgb(67, 173, 129)!important;
}