body{margin:0;padding:0}.head{background-color:#72a6cb;height:450px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.head h1{font-size:50px;color:#fff;margin:0;padding:0}#headImg{margin:40px auto 20px}.head h2{font-size:20px;color:#fff;max-width:900px;padding:0;font-weight:400;margin:30px auto 0;line-height:1.5em}.head .headIntro{height:100px}.head .headIntro h1{text-align:center}#headLine{margin:250px auto 0;height:2px;background:#eee;width:200px;box-shadow:0 1px 2px rgba(0,0,0,.6)}.headIntro h2{font-size:20px;color:#fff;max-width:900px;padding:0;font-weight:400;margin:30px auto 0;line-height:1.5em}.hideText{text-shadow:none;color:#72a6cb}.headIntro .hideText{text-shadow:none;color:#72a6cb;visibility:hidden}#headH2{border-bottom:1px solid #fff}#headBtn{padding:10px;background:#e04e5e;border-radius:10px;text-decoration:none;font-family:arial;color:#fff;position:relative;top:20px;font-style:20px}#headBtn:hover{background:#ff5f5f}#adventage{width:90%;margin:20px auto;list-style-type:none;overflow:hidden}#adventage li{float:left;width:33%;text-align:center}#adventage li h3{color:#004666}#adventage li p{padding-right:20px;color:#a32121;font-size:16px}#adventage p strong{font-size:14px;color:#2b98b9}pre{background:#ff7676;color:#fff;padding:20px;border-radius:10px;font-family:comic sans ms;font-size:14px}pre strong{color:#00fff6;font-weight:400}#part1{background:#ecfcff;min-height:400px;position:relative}.part h2{color:#555;font-size:30px;padding:30px 30px 0;text-align:center}.part h3{color:#004666;margin:30px;text-align:center}#part1 .example1{width:300px;height:300px;background:#b0e0e6;position:relative;left:20%;top:0;text-align:center}#part1 .example1 .intro1{background:#b22222}#part1 .example1 .intro1 h2{color:#fff}#p1pre1{position:absolute;top:145px;right:20%;padding:14px 40px}#p1pre2{width:300px;margin:10px auto;position:relative;border-radius:10px 10px 0 0;margin-bottom:50px}#p1pre2 button{width:340px;height:61px;position:absolute;right:-100px;top:61px;border:none;left:0;border-radius:0 0 10px 10px;background:#b0e0e6;font-size:20px;font-weight:700;color:#b22222;font-family:arial;border-bottom:10px solid #8fdbe6}#p1pre2 button:hover{background:#9fedeb}#part1arrow{display:none;position:absolute;top:460px;left:400px}#p1h3{padding:30px}#part2{}.row{overflow:hidden;width:80%;margin:10px auto}.row .left{float:left;width:50%;text-align:center}.row .left p{padding-right:20px}.row .left h4{font-size:18px;color:#ff7676}.row .right{float:left;width:50%}.example2wrap{width:420px;margin:-10px auto}.example2{margin-left:20px;float:left;width:200px;height:100px;background:#ccc}.example2 .intro2{background:#f08787}.example2prev{margin-left:0;float:left;width:200px;height:100px;background:#ccc}.intro2prev{background:#f08787}#part3{background:#ecfcff;min-height:400px}.sHoverItem{width:260px;height:180px;margin:10px;float:left;font-family:arial;border:6px solid #ccc}.sIntro{background-color:#eb8970;text-align:center;font-family:arial}.container{width:1168px;height:636px;border:solid 1px #ddd;margin:20px auto;background:#b0e0e6}.sHoverItem img{height:180px;width:260px}.sIntro h2{font-family:arial;font-size:36px;text-align:center;color:#fff;border-bottom:1px dashed #fff;margin:0 20px;padding:10px}.sIntro p{font-size:14px;text-align:center;color:#fff;margin:0 10px;padding:10px;color:#438199}.sIntro button{font-family:arial;font-size:16px;color:#fff;background-color:#0ab5da;border:none;border-radius:10px;padding:4px 10px}.footer{min-height:300px;margin-top:50px;background:#ffbebe;padding-bottom:50px;text-align:center}.footer h1{font-size:60px;color:#fff;margin:0;padding-top:50px;text-align:center;text-shadow:0 3px 5px #888}.footer h2{text-align:center;padding:10px 0 0;color:#2d8ab1}.footer h3{text-align:center;padding:0;color:#555;font-weight:400}#gitHubIcon{width:90px;height:90px}.downloadBtn button{padding:8px;font-size:18px;color:#26677b;font-weight:700;font-family:arial;background:#b0e0e6;border:none;border-radius:10px;border-bottom:4px solid #62cbd8}.downloadBtn button:hover{background:#99e1ff}.downloadBtn a{font-weight:700;font-family:arial;font-size:18px;text-decoration:none;color:#26677b}