body {
    font-size: 13px;
}

a, a:hover, a:active, a:visited, a:focus {
    text-decoration:none;
}

.sys_nowrap {
    white-space: nowrap;
}

.sys_wrap {
    white-space: normal;
}

.sys_width_150px {
    width: 150px;
}

.sys_color_white{
    color: white;
}

.sys_color_pink{
    color: #D2297A;
}

.sys_color_red{
    color: #fb0f3a;
}

.sys_color_sky_blue{
    color: #46b8da;
}

.sys_color_blue{
    color: #337ab7;
}

.sys_color_green{
    color: #4cae4c;
}

.sys_color_yellow{
    color: #f0ad4e;
}

.sys_a_333{
    text-decoration: none;
    color: #333333;;
}

.sys_background_pink{
    background-color: #D2297A;
    color: white;
}

.sys_background_red{
    background-color: #fb0f3a;
    color: white;
}

.sys_background_blue{
    background-color: #105EFB;
    color: white;
}

.sys_background_orange{
    background-color: #FD5830;
    color: white;
}

.sys_background_grey{
    background-color: #f9f9f9;
    color: #666666;
}

.sys_background_green{
    background-color: #4cae4c;
    color: white;
}

.sys_one_item{
    background-color: #ffffff;
    border-radius: 5px;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.sys_banner_water_blue{
    background-color: #397bee;
    background-image: -webkit-radial-gradient(50% -45%, circle, #53a7f5, #397bee);
    background-image: radial-gradient(circle at 50% -45%,#53a7f5,#397bee);
    height:40px;
}

.sys_title{
    overflow : hidden; /*必须结合的属性,当内容溢出元素框时发生的事情*/
    text-overflow: ellipsis; /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    display: -webkit-box; /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-line-clamp: 2; /*用来限制在一个块元素显示的文本的行数。*/
    line-clamp: 2; /*用来限制在一个块元素显示的文本的行数。*/
    -webkit-box-orient: vertical; /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}