body {
    display: flex;
    flex-direction: column;
}

* {
    margin: 0;
    padding: 0;
}

html {
    background: #eee;
}

a {
    font-size: 16px;
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #2aceff;
}

/*材质容器样式*/
.my_paper {
    width: auto;
    height: auto;
    padding: 12px;
    background: #fff;
    display: flex;
    flex-direction: column;
    /*box-shadow: 1px 1px 4px #999;*/
}

/*渐变色标题栏*/
.my_gradient {
    background: -webkit-linear-gradient(left, #347ede, #116ade); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #347ede, #116ade); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #347ede, #116ade); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #347ede, #116ade); /* 标准的语法 */
    background: #116ade; /*ie兼容*/
    filter: none; /*ie兼容*/
}

.my_line {
    background: #eee;
    height: 1px;
    width: 100%;
    margin: 0 -24px 0 8px;
    overflow: hidden;
}