* { margin: 0; padding: 0; box-sizing: border-box; }
.page{height: 740px ;width: 100%}
#page1{background-color: #fff}
#page1 .content{width: 1200px;margin: 0 auto;padding-top: 80px}
#page1 .item1-img1{float: left;height:740px;line-height: 740px;position: absolute}
#page1 .item1-img1 img{margin-left: -150px;display: inline-block;vertical-align:middle}
#page1 .item1{float: left; margin-top: 198px;position: relative;margin-left: 675px;}
#page1 .item1 .item1-t1{font-size: 52px; color: #333333;margin-left: -110px}
#page1 .item1 .item1-t2{margin-top: 24px;float: right;font-size: 30px;color: #4c4c4c;margin-right: 40px;}
#page1 .item1 .down-area{margin-top: 160px; width: 722px;  height: 100px;  margin-left: -213px;}
#page1 .item1 .down-area .download {  display: inline-block;  text-align: center;  float: left;  margin-left: 15px; position: relative;  }
/*.down-area div.download .btn-down.btn-win {*/
/*background: url('../img/down-bg-win.png') no-repeat;*/
/*background-size: 100% 100%;*/
/*}*/
#page1 .item1 .down-area .download .btn-win {  background: url('../img/index/btn-pc.png') no-repeat;  background-size: 100% 100%;  }
#page1 .item1 .down-area .download .btn-apple { background: url('../img/index/btn-ios.png') no-repeat;  background-size: 100% 100%;  }
#page1 .item1 .down-area .download .btn-an {  background: url('../img/index/btn-ad.png') no-repeat;  background-size: 100% 100%;  }
#page1 .item1 .down-area .download .btn-qiye {  background: url('../img/index/btn-qiye.png') no-repeat;  background-size: 100% 100%;  }
.qiye-tag { position: absolute; top: -10px; right: -10px}
.down-area div.download .btn-down {  display: inline-block; width: 156px;  height: 52px;  margin: 0 auto; }
.down-area div.download h5 {font-weight: normal;  color: #00b0ff;  }
/*安卓二维码下载*/
#mask {z-index: 11;  top: 0;  position: fixed;  background: rgba(0,0,0,0.8);  width: 100%;  height: 100%;  display: none;  }
.download-area {position: absolute;  z-index: 10;  background: #fff;  font-size: 14px;  border-radius: 2px;   background-clip: padding-box;  box-shadow: 0 1px 2px rgba(0,0,0,.3);  width: 20%;  left: 40%;  top: 30%;
}
.download-area .close {  float: right;  cursor: pointer;  }
.download-area img {  width: 100%;  display: block;  }
.download-area .mui-content {  position: relative;  padding: 0 15px;  }
.download-area .mui-header {  display: block;  padding: 10px;  font-size: 17px;  border-radius: 2px 2px 0 0;  vertical-align: bottom;  background-position: center;  background-size: cover;  }
.download-area .mui-footer {  color: #6d6d72;  border-radius: 0 0 2px 2px;  min-height: 44px;  padding: 10px 15px;  text-align: center;  }
.download-area .link-download {  float: none;  display: inline-block;font-size: 14px;  font-weight: 400;  line-height: 1.42;  margin-bottom: 0;  padding: 6px 12px;  cursor: pointer;  text-align: center;  vertical-align: top;  white-space: nowrap;  border-radius: 3px; background-color: #fff;  color: #007aff;  border: 1px solid #007aff;
}

#page2{background-color: #f5f5f5}
#page2 .content{width: 1200px;margin: 0 auto;}
#page2 .item2{float: left; margin-top: 240px;position:relative;margin-left: 20px}
#page2 .item2-img2{float: left;height:740px;line-height: 740px;margin-left: 520px;position: absolute}
#page2 .item2-img2 img{display: inline-block;vertical-align:middle}
#page2 .item2 .item2-t1{font-size: 46px;color: #333333}
#page2 .item2 .item2-t2{margin-top:60px;font-size: 20px;color: #4c4c4c}
#page2 .item2 .item2-t3{margin-top:10px;font-size: 20px;color: #4c4c4c}
#page2 .item2 .item2-t4{margin-top:10px;font-size: 20px;color: #4c4c4c;margin-right: -100px;}

#page3{background-color: #fff}
#page3 .content{width: 1200px;margin: 0 auto;}
#page3 .item3-img3{float: left;height:740px;line-height: 740px;margin-left: 10px;position: absolute}
#page3 .item3-img3 img{display: inline-block;vertical-align:middle}
#page3 .item3{float: left; margin-top: 240px;margin-left: 730px;position: relative;width: 420px}
#page3 .item3 .item3-t1{font-size: 46px;color: #333333}
#page3 .item3 .item3-t2{margin-top:60px;font-size: 20px;color: #4c4c4c;float: right}
#page3 .item3 .item3-t3{margin-top:10px;font-size: 20px;color: #4c4c4c;float: right}
#page3 .item3 .item3-t4{margin-top:10px;font-size: 20px;color: #4c4c4c;float: right}

#page4{background-color: #f5f5f5}
#page4 .content{width: 1200px;margin: 0 auto;}
#page4 .item4{float: left; margin-top: 240px;position:relative;margin-left: 20px}
#page4 .item4-img4{float: left;height:740px;line-height: 740px;margin-left: 520px;position: absolute}
#page4 .item4-img4 img{display: inline-block;vertical-align:middle}
#page4 .item4 .item4-t1{font-size: 46px;color: #333333}
#page4 .item4 .item4-t2{margin-top:60px;font-size: 20px;color: #4c4c4c}
#page4 .item4 .item4-t3{margin-top:10px;font-size: 20px;color: #4c4c4c}


#page5{background-color: #fff}
#page5 .content{width: 1200px;margin: 0 auto;}
#page5 .item5-img5{float: left;height:740px;line-height: 740px;margin-left: 15px;position: absolute}
#page5 .item5-img5 img{display: inline-block;vertical-align:middle}
#page5 .item5{float: left; margin-top: 240px;margin-left: 678px;position: relative;width: 480px}
#page5 .item5 .item5-t1{font-size: 46px;color: #333333;margin-left: 240px}
#page5 .item5 .item5-t2{margin-top:60px;font-size: 20px;color: #4c4c4c;float: right}
#page5 .item5 .item5-t3{margin-top:10px;font-size: 20px;color: #4c4c4c;float: right}

.chat .qq {  display: block;  position: fixed;  width: 74px;  height: 161px;  background: url('../img/qq.png') no-repeat;  background-size: 100% 100%;  top: 50%;  z-index: 10;  left: 20px;
}

/*活动弹窗*/
.activity .close{  display: block;  position: fixed;  width: 30px;  height: 30px; background-size: 100% 100%;  top: 49.5%;  z-index: 10;  right: 20px;  }
.activity .close img{   width: 30px;  height: 30px;  }
.activity .activity_img{  display: block;  position: fixed;  width: 295px;  height: 305px; background-size: 100% 100%;  top: 52%;  z-index: 10;  right: 20px;  }
.activity .activity_img img{ width: 295px;  height: 305px;  }


/*云控弹窗*/
#mask1 {z-index: 11;  top: 0;  position: fixed;  background: rgba(0,0,0,0.8);  width: 100%;  height: 100%; }
.yunk-area { position: absolute;  z-index: 10;   font-size: 14px;  border-radius: 2px;   background-clip: padding-box;  box-shadow: 0 1px 2px rgba(0,0,0,.3);  width: 390px; height: 330px; left: 38%;  top: 30%; }
.yunk-area img { display: block;  }
.yunk-area .yunk-content { position: relative;  padding: 0 15px;  }
.yunk-area .yunk_close {position: absolute;padding: 10px;margin-top: 8px;z-index: 15;right: 5px;  }

/*体验弹框*/
#mask2 {z-index: 11;  top: 0;  position: fixed;  background: rgba(0,0,0,0.8);  width: 100%;  height: 100%;  display: none;  }
.download-area2 {position: absolute;  z-index: 10;  background: #fff;  font-size: 14px;  border-radius: 2px;   background-clip: padding-box;  box-shadow: 0 1px 2px rgba(0,0,0,.3);  width: 20%;  left: 40%;  top: 30%;
}
.download-area2 .close {  float: right;  cursor: pointer;  }
.download-area2 img {  width: 150px; height: 150px; display: block;  }
.download-area2 .mui-content2 { padding: 5px 15px;text-align: center;display: flex;width: 100%;justify-content: center;  }
.download-area2 .mui-header {  display: block;  padding: 10px;  font-size: 17px;  border-radius: 2px 2px 0 0;  vertical-align: bottom;  background-position: center;  background-size: cover;  }
.download-area2 .mui-footer2 {  color: #6d6d72;  border-radius: 0 0 2px 2px;  min-height: 44px;  padding: 10px 15px;  text-align: center;  }
.download-area2 .link-download {  float: none;  display: inline-block;font-size: 14px;  font-weight: 400;  line-height: 1.42;  margin-bottom: 0;  padding: 6px 12px;  cursor: pointer;  text-align: center;  vertical-align: top;  white-space: nowrap;  border-radius: 3px; background-color: #fff;  color: #007aff;  border: 1px solid #007aff;
}


.pop-content {
    position: fixed;
    left: 10px;
    top: 230px;
    z-index: 999;
}
.pop-content .inner {
    background: url(../img/index/p_bg01.png) no-repeat;
    width: 153px;
    height: 435px;
}
.pop-content .inner img {
    width: 120px;
    height: 120px;
    margin: 21px 0 0 15px;
}
.pop-content .gz {
    font-size: 14px;
    color: #fff;
    margin: 13px 0 0 20px;
}
.pop-content .mg1 {
    font-size: 13px;
    text-align: center;
    color: #cbd9ff;
    margin-top: 10px;
}
.pop-content .mg2 {
    font-size: 13px;
    text-align: center;
    color: #cbd9ff;
    margin-top: 1px;
}
.pop-content .mgc{
    margin-top: 10px;
    background-color: rgba(0,0,255,0.3);
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    padding: 3px 0;
    border-radius: 5px;
}
.pop-content .qq {
    border-top: 1px dashed #fff;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin: 5px 0 0 0;
    padding-top: 5px;
}
.pop-content a {
    width: 140px;
    height: 38px;
    background: #f4fe40;
    line-height: 38px;
    color: #ff0100;
    font-size: 14px;
    display: block;
    margin: 5px auto 0 auto;
    margin-right: 7px;
    border-radius: 25px;
    text-align: center;
    background: -moz-linear-gradient(top, #fff227 30%, #ffce25 100%);
    background: -webkit-linear-gradient(top, #fff227 30%, #ffce25 100%);
    background: linear-gradient(to bottom, #fff227 30%, #ffce25 100%);
}
.pop-content .inner-more {
    background: url(../img/index/p_bg02.png) no-repeat;
    width: 152px;
    height: 210px;
    margin-top: -6px;
    padding-top: 10px;
}
.pop-content .text {
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
}
.pop-content .inner-more img {
    width: 120px;
    height: 120px;
    margin: 26px 0 0 15px;
}