*{box-sizing: border-box;margin: 0; padding: 0;list-style:none;text-decoration:none;color:#fff;font-family: "Hiragino Sans Gb"}
img{width:100%;}
header{position: relative;width:100%;height:8.73rem;padding: .48rem .5rem 0 0;background-color: #fe5f52;background-size: contain;background-repeat: no-repeat;}

.carousel{display:inline-block;overflow: hidden; width: 2.99rem;height: 5.26rem;margin: 2.87rem 0 0 2.81rem}
.imgList{width:17.94rem;position: relative;}
.imgList li{float:left;width:2.99rem;}

.girl{position:absolute;left: 5.35rem;bottom:0;width: 1.9rem;}

.right{float: right;width: 1.09rem;text-align: center;}
.left{float: right;padding-top: 3.26rem;margin-right: .25rem}
.leftFont{margin:0 auto .54rem;width: 2.7rem;font-size: .45rem;text-align: center}
.leftFont>span{font-size: .4rem}
.download{overflow:hidden;float:left;display: inline-block;padding: .08rem 0 0 .98rem;width: 2.78rem;height: .96rem;border: 1px solid #fff;border-radius: .16rem;background-repeat: no-repeat;background-position: .28rem .18rem;font-size: .34rem;}
.download span{font-size: .18rem;display: block}
.iphone{margin-right: .39rem;background-image: url(../images/iphone.png);background-size: .48rem;}
.android{background-image: url(../images/android.png);background-size: .52rem;}
#downloadApp{display:block;margin-bottom: .1rem;width: 100%;}
#weixin{display:block;margin:.18rem 0 .12rem 0;width: 100%;}
.rightFont{line-height: .25rem;font-size: .12rem}
.enjoy{margin-top: .4rem;overflow: hidden;}
.enjoyLink{width:.42rem;height:.42rem;line-height: 0}
.enjoyLinkWeibo{float: left}
.enjoyLinkTie{float: right}
section{background-color: #ffde59;width: 100%;padding-top: .96rem}
#fontWallpaper{margin: 0 auto .66rem;color: #605422;font-size: .48rem;text-align: center}

/*wallpaper*/
.sectionCircle{width: 12.82rem;margin: 0 auto;overflow: hidden;}
.sectionCircle>li:hover{transform:rotateY(180deg);}
.sectionCircle>li{float: left;margin-right: .68rem;width: 2.02rem;position: relative;height: 2.02rem;transition:600ms;transform-style:preserve-3d;}
.front,.back{position: absolute;top: 0;left: 0;backface-visibility: hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;}
.front{z-index: 2;}
.back{transform:rotateY(180deg);}

/*template*/
#fontTemplate{margin: .8rem auto 0;color: #605422;font-size: .48rem;text-align: center}
.template{margin: .76rem 0;height:5.75rem;position: relative;}
.templateA{position: absolute;left:6.13rem;z-index: 20;width: 3.75rem}
.templateB,.templateC{z-index: 10}
.templateB{position: absolute;left:6.13rem;top: .37rem;width: 2.97rem}
.templateC{position: absolute;left:6.13rem;top: .37rem;width: 2.97rem}
.templateD{position: absolute;left:6.69rem;top: .765rem;width: 2.62rem}
.templateE{position: absolute;left:6.69rem;top: .765rem;width: 2.51rem}

.font4{font-size:.44rem;color:#605422;margin: 0 auto;text-align: center}

#divCanvas{width: 100%;height: 9.2rem;position: relative;overflow: hidden;}

.sisters{width:1.76rem;height:2.33rem;position: absolute;bottom: 0;left: 44%}

/*footer*/
.footerTop{background:#3879a7;font-size: 14px;padding:74px 0 98px;overflow: hidden;}
.aboutUs{width:73.5625%;border-bottom:1px solid;margin:0 auto;font-size: 48px;text-align: center;padding-bottom:14px;}
.footerTop>p{color:#aec3d6;margin:0 13%;}
.footerTop>.aboutUsFirstFont{margin:30px 13%;}

.footerBottom{background:#574940;padding:80px 0 106px;}
.logo{width:7.1875%;margin:0 auto;display: block;}
.footerBottom>p{text-align: center;color:#dddbda;}
.logoName{font-size: 24px;margin:16px 0 52px;}
.company{font-size: 16px;margin-bottom:68px;}
.information,.telephone,.email,.qq{font-size:18px;}
.telephone{margin:14px 0;}
.qq{margin-top: 14px}