@charset "utf-8";
html{
    width: 100%;
    height: 100%;
    font-size: 62.5%;
}
body, html,ul,li,dl,dd,p,h4,h5{
    margin: 0;
    padding: 0;
    word-break: break-all;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    max-width: 640px;
    line-height: 180%;
}
img{ display: block; max-width: 100%; height: auto;}
/*li,dd{list-style: none;}*/
em,h4{font-style:normal; font-weight: normal}
/* Reset */
*{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
:before,:after{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body{
    font-weight: 500;
    font-size: 1.4rem;
    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;
    width: 100%;
    color: #1c1c1c;
}
a{color: #fff;text-decoration: none;outline: none;}
a:hover,a:focus{color:#fff;}
.main{ width: 100%; height: auto; overflow: hidden; background: #f6dad5;}
.main .content{ width: 90%; margin: 0 auto; margin-top: 3%;}
.content .tit{ text-align: center; }
.tit p{ line-height: 2;}
.tit p b{  font-size: 1.6rem; color: #000;}
.content .des{ width: 100%; background: #fcf1ef; padding: 6% 4%; color: #666; margin-top: 5%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.content .des p{ text-align: justify; background: url("../img/star.png") no-repeat left 8px; padding-left: 1.5rem; margin-bottom: 1%;}
.foot{ position: relative;}
.foot .more{ display: block; width: 90%; position: absolute; left: 5%; top: 60%; background-color: #e46f20; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;border-radius: 5px; padding: 3% 0; font-size: 1.6rem;}