body { width: 100%; height: 100%; background: url("../images/bg.png") repeat-y; background-size: 100%; text-align: center; }
h2 { width: 8.291rem; height: 4.247rem; margin: 0.338rem auto 0; background: url("../images/top.png") no-repeat; background-size: 100%; }
.movies { width: 9.28rem; height: 3.307rem; }
.freeWatch { width: 9.171rem; height: 12.03rem; margin: auto; background: url("../images/mid.png") no-repeat; background-size: 100%; }
.intro { width: 9.053rem; height: 6.013rem; }
h3 { width: 7.462rem; height: 1.912rem; margin: 0 auto 0.44rem; background: url("../images/bot.png") no-repeat; background-size: 100%; }
.download {width: 8.02rem; margin: 0.027rem auto; }
.download a { width: 3.672rem; height: 0.863rem;  background:linear-gradient(90deg, #FEF9F8 0%, #FD6266 100%);color: #000; border-radius: 0.102rem;}
.download a .icon {  display: inline-block; width: 0.745rem; height: 0.745rem; }
.download a .android {  background: url("../images/android.png") no-repeat; background-size: 100%; }
.download a .ios { background: url("../images/ios.png") no-repeat; background-size: 100%; }
.download a .font { display: inline-block; width: 2.56rem;}
.download a .font strong { font-size: 0.508rem; letter-spacing: 0.05rem; }
.layer { display: none; width: 8.206rem; height: 11.03rem;margin: 0.5rem auto; background-color: #fff;font-weight: 600; color: #000; border-radius: 0.914rem;}
.layer dt { padding: 0.761rem 0 0.508rem; font-size:0.626rem; }
.layer dd { margin: 0 0.8rem; font-size:0.423rem;text-align: left; }
.layer dd span { color: #f00;text-align: center; }
.downloadandroid { width: 5.871rem; height: 1.387rem; }
.downloadios { width: 5.871rem; height: 1.387rem; }


.row {display: flex;flex-direction: row;}
.column{display: flex;flex-direction: column;}
.center{align-items: center;justify-content: center;}
.between{align-items: center;justify-content: space-between;}
.around{align-items: center;justify-content: space-around;}