body,html{width:100%;height:100%}body{background:url(//dn-store.qbox.me/baofang/createFamily/createFamily2/bg1.jpg) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.createFamily2{width:100%;height:16.08rem;position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.createFamily2 .createBtn,.createFamily2 .video{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);position:absolute;left:50%}.createFamily2 .indexBg,.createFamily2 .indexBg img{width:100%;height:100%}.createFamily2 .indexBg img:nth-child(1){display:block}.createFamily2 .indexBg img:nth-child(2),.ordinaryUser .indexBg img:nth-child(1){display:none}.createFamily2 .video{width:7.2rem;height:4.05333333rem;top:3.97333333rem;transform:translate(-50%,0)}.createFamily2 .video video{width:100%;height:100%}.createFamily2 .ruleBtn{width:2.93333333rem;height:1.2rem;position:absolute;top:.21333333rem;right:0}.createFamily2 .welfareBtn{width:2.6rem;height:1.70666667rem;position:absolute;top:1.6rem;right:0}.createFamily2 .createBtn{width:9.70666667rem;height:1.92rem;top:12.32rem;transform:translate(-50%,0)}.createFamily2 .seekBtn,.ruleMask .rule{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0)}.createFamily2 .seekBtn{width:7.52rem;height:1.30666667rem;position:absolute;top:14.45333333rem;left:50%;transform:translate(-50%,0)}.ordinaryUser .indexBg img:nth-child(2){display:block}.ruleMask,.welfareMask{display:none;background:rgba(0,0,0,.5)}.ordinaryUser .seekBtn{width:9.70666667rem;height:1.38666667rem;top:12.45333333rem}.ordinaryUser .createBtn{width:9.70666667rem;height:1.38666667rem;top:14.18666667rem}.ruleMask{width:100%;height:100%;position:fixed;top:0;left:0}.ruleMask .rule{width:8.24rem;height:12.52rem;position:absolute;top:2.13333333rem;left:50%;transform:translate(-50%,0)}.ruleMask .rule img{width:100%;height:100%}.ruleMask .closeBtn{width:1.12rem;height:1.12rem;position:absolute;top:0;right:0}.welfareMask{width:100%;height:100%;position:fixed;top:0;left:0}.welfareMask .welfare{width:8.24rem;height:5.68rem;position:absolute;top:2.13333333rem;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.welfareMask .welfare img{width:100%;height:100%}.welfareMask .closeBtn{width:1.12rem;height:1.12rem;position:absolute;top:0;right:0}