/*
 ----------------------------
 Demo
 ----------------------------
 */


.mt30{margin-top: 30px;}
.htmleaf-header{background: #2f3238; color: #fff;}
.htmleaf-header h1{float: none;font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}
.htmleaf-header h1 span{color: #fff;font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}
.share-github {
    float: left;
    margin-right: 10px;
}
.demo-content > h4 {
    margin-top: 25px;
}
.modal-demo {
    background-color: #FFF;
    width: 600px;
    border: #000 solid 1px;
    border-radius: 10px;
    box-shadow: 0 8px 6px -6px black;
    display: none;
}

.modal-demo p{top:10px;font-size:30px; cursor:pointer;float:right;margin-right: 20px;}
.modal-demo span{font-size:22px; color:red;}
.modal-demo .text_big{margin-top: 20px;border:1px solid #ccc; padding:10px; width:400px; height:250px;}
.modal-demo .text_mail{margin-left: -25px;margin-top: 20px;border:1px solid #ccc; padding:0 0 0 10px; width:400px; height:40px;}
.modal-demo .but_t{margin-top: 20px;margin-bottom: 20px;width:210px; height:40px; background:#ea8010; color:#fff; font-size:18px; text-align:center; border:0; border-radius:4px; font-family:"微软雅黑"}

.modal-demo .infinite {
    display: none;
    position: absolute;
    top: 10px;
    right: 45px;
}