/*声明 WebFont*/
/*4M很像草书，不是很推荐*/
@font-face {
    font-family: 'liguofu';
    src:
            url('/static/font/liguofu-1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*5M太大了，不过很像粗钢笔写的字，效果很好*/
@font-face {
    font-family: 'MoMoXinJianShouXieTi';
    src:
            url('/static/font/MoMoXinJianShouXieTi-1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*9M太大了，不过效果是真的很像圆珠笔写的字*/
@font-face {
    font-family: 'ZhangWeiJingShouXieKaiShu';
    src:
            url('/static/font/ZhangWeiJingShouXieKaiShu-1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*5M，就是太大了，特别像钢笔写的字，效果挺好的*/
@font-face {
    font-family: 'DuoMiShouXieTi';
    src:
            url('/static/font/DuoMiShouXieTi-2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*5M，还可以，就是太大了，效果挺好的*/
@font-face {
    font-family: 'PinRuShouXieTi';
    src:
            url('/static/font/PinRuShouXieTi-1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*2.96M，还可以，建议*/
@font-face {
    font-family: 'YiPinQingYeShouXieTi';
    src:
            url('/static/font/YiPinQingYeShouXieTi-2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*15M太大了，不用*/
@font-face {
    font-family: 'ShouMoMoYingBiShouXieTi';
    src:
            url('/static/font/ShouMoMoYingBiShouXieTi-2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* { box-sizing: border-box; }

body {

    margin: 0;
    padding: 0;
}


/* ---- grid ---- */

.grid {
    background: #EEE;
    /*background: FFFF99;*/
    /*max-width: 100%;*/
    margin-left: -15px;
    margin-right: -15px;
    padding: 0;
}

/* /* clearfix
 .grid:after {
   content: '';
   display: block;
   clear: both;
 }*/

/* ---- grid-item ---- */

.grid-item {
    font-family: 'YiPinQingYeShouXieTi';
    font-size: 1.5em;
    /*width: 18%;*/
    width: 284px;
    padding: 8px;
    margin-bottom: 10px;
    margin-left: 15px;
    float: left;
    color: black;
    /* background: #D26; */
    background: url(/static/img/background/114.jpg);
       /* border: 2px solid #333; */
    /* border-color: hsla(0, 0%, 0%, 0.5); */
    border-radius: 28px 0 28px 0px;
    overflow: hidden;
    box-shadow: 0 0 10px #BCBCBC;
}

/*.grid-item--width2 { width: 320px; }
.grid-item--width3 { width: 480px; }
.grid-item--width4 { width: 640px; }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }*/
.content {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    background: #EEE;
}
.waterfall {
    margin: 10px auto;
    background: #EEE;
}