@charset "utf-8";
#bd{width:auto;min-width: 1140px;margin-top:0;}
.content {height: 594px;}
.content .text {height: 100%;}
.content:nth-of-type(even){background-color: #F7F7F7;}
.content:nth-of-type(odd) .text{padding-left: 97px;}
.content:nth-of-type(even) .text{padding-left: 632px; padding-right:15px; text-align: right;}
.content:nth-of-type(even) .download{text-align: center;display: flex;justify-content: flex-end;}
.content:nth-of-type(1){background: url(//img1.miaomiaoz.com/image/bf5de071aedbc0bef5bf262a2903474f.png) center/auto 594px no-repeat;}
.content:nth-of-type(2) .text{background: url(//img1.miaomiaoz.com/image/631761fbbb3191355478b1cc2d0780d0.png) 80px/auto 500px no-repeat;}
.content:nth-of-type(3) .text{background: url(//img1.miaomiaoz.com/image/3795e80d23f1fce2770743b7c9a8eb9a.jpeg) right/auto 300px no-repeat;}
.content:nth-of-type(4) .text{background: url(//img1.miaomiaoz.com/image/b623475b2639e08c9e74aaab7b716c5c.png) 80px/auto 594px no-repeat;}
.content:nth-of-type(5) .text{background: url(//img1.miaomiaoz.com/image/6dcd659c715da6058b03ff2c5b5717d2.png) right/auto 594px no-repeat;}
.content:nth-of-type(6) .text{background: url(//img1.miaomiaoz.com/image/c1f45aa54dfc39ca2eded71ce9e8360d.png) 80px/auto 594px no-repeat;}
.content:nth-of-type(7) .text{background: url(//img1.miaomiaoz.com/image/12f0850116179e804ff718430b21bc5c.png) right/auto 594px no-repeat;}
.text h1{padding: 104px 0 14px;font-size: 40px;font-weight: 700;line-height: 55px;}
.text .intro-text{font-size: 16px;line-height: 34px;}
.text .intro-text li{position: relative;padding-left: 18px;}
.text .intro-text li::before{content: '';position: absolute;top: 15px;left: 0;width: 4px;height: 4px;background: #EF4646;margin-right: 14px;border-radius: 50%;}
.text h2{padding: 180px 0 24px;line-height: 44px;font-size: 32px;font-weight: 700;color: #000;}
.text p{line-height: 30px;font-size: 16px;color: #666;}
.download li{width: 158px;margin-top: 36px;font-size: 0;}
.download .pic{width: 96px;height: 96px;border: 2px solid rgba(239,70,70,.2);padding: 8px;background: #fff;border-radius: 16px;}
.download .qrcode .pic img{width: 76px;height: 76px;}
.download .llq .pic,.download .llq>.J-install-plugin{cursor: pointer;}
.download .llq .pic img{width: 50px;height: 50px;margin: 13px;}
.download .llq .pic p{margin: 0;line-height: 30px;background: #eee;text-align: center;}
.download h3{margin-top: 12px;font-size: 16px;line-height: 22px;font-weight: 700;color: #000;text-align: left}
.download p{margin-top: 6px;font-size: 12px;line-height: 17px;color: #666;}
.download .version{margin-top: 8px;}
.footer{margin-top:0;}

/*modal样式定义*/
.modal{width: 380px;position: fixed;left:50%;margin-left:-190px;z-index:1000;top:30%;background: #fff;border:solid 1px #eee;border-radius:6px;box-shadow: 0 1px 5px rgba(0,0,0,0.16);}
.modal .cross{border-bottom:solid 1px #eee;overflow:hidden;}
.modal .cross .icon{margin:16px 16px 0 0;}
.modal .modal-head h1{float:left;padding:16px 0 12px;line-height:16px;font-size: 16px;text-indent:15px;color: #333;}
.modal .modal-body{padding:16px;height:44px;}
.modal .modal-foot{float:right;padding-bottom: 16px;}
.modal .modal-foot .gray-button{height:26px;line-height:26px;padding:0 15px;margin-right:16px;border:solid 1px #eee;background-color:#f4f4f4;border-radius:6px;}
.modal .modal-foot .red-button{height:26px;line-height:26px;padding:0 15px;margin-right:16px;border:solid 1px #ef4646;background-color:#ef4646;border-radius:6px;}
.modal-mask{position: fixed;top:0;left: 0;right: 0;bottom: 0;z-index:999;background-color: rgba(0,0,0,0.08);}
.modal .modal-foot .sure{background-color:#ef4646;border-color:#ef4646;color:#fff;}

.modal-install-plugin{width: 580px; height: 350px; margin-left: -325px;padding: 0 35px; top: 10%; display: none;}
.modal-install-plugin .modal-head{position: relative;overflow: visible;height: 60px;}
.modal-install-plugin .modal-head h1{width: 100%;height: 60px;padding: 0;border-bottom: solid 1px #eee;line-height: 60px;font-size: 18px;text-align: center;}
.modal-install-plugin .modal-head .icon{position: absolute;top: 28px;right: -14px;width: 14px;height: 14px;margin: 0;background: url(//img1.miaomiaoz.com/image/d36816e1978dad6bde3373ca8c0f0192.png) no-repeat;}
.modal-install-plugin .modal-body{padding: 0 5px;font-size: 12px;color: #333;}
.others-llq-title{margin-top: 20px;font-size: 14px;line-height: 14px;}
.others-llq{margin: 25px -18px 0;}
.others-llq li{float:left;width:25%;text-align:center;}
.others-llq .icon{display:inline-block;width:44px;height:45px;background:url(//img1.miaomiaoz.com/image/5645460495c5eb962170ed0377524042.png) no-repeat;}
.others-llq .chrome{background-position:0 0;}
.others-llq .qq{background-position:0 -45px;}
.others-llq .qh{background-position:0 -90px;}
.others-llq .baidu{background-position:0 -135px;}
.others-llq .uc{background-position:0 -180px;}
.others-llq .sogou{background-position:0 -225px;}
.others-llq .edge{background-position:0 -270px;}
.modal-install-plugin a{color:#0066cc;text-decoration: none;}
.modal-install-plugin a:hover{text-decoration: underline;}
.modal-install-plugin  .dld-plugin{margin: 34px 0 7px;font-size: 14px;}
.modal-install-plugin  .dld-plugin a{margin-left: 10px;}
.modal-install-plugin .more{margin-top: 36px;color: #333;}
.modal-mask{background: #000;opacity: .6;filter: alpha(opacity=60);}

.install-plugin{
    width: 50%;
    display: flex;
    margin-top: 60px;
}
.install-plugin li{
    flex: 1;
    width: 25%;
}
.install-plugin li a{
    position: relative;
    display: inline-block;
}
.install-plugin li p{
    margin-top: 20px;
    color: #2E6BC7 !important;
}

.icon{
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(//img1.miaomiaoz.com/image/38e766caaa2b4e05d7b95664f6212a56.png)  no-repeat;
    -webkit-background-size: 70px;
    background-size: 70px;
}
.icon.chrome{
    background-position: 0 0;
}
.icon.qq{
    background-position: 0 -70px;
}
.icon.edge{
    background-position: 0 -140px;
}
.icon.qh{
    background-position: 0 -210px;
}

.bubble{
    position: absolute;
    top: -34px;
    right: -54px;
    width: 74px;
    height: 34px;
    background: url("//img1.miaomiaoz.com/image/db4e8192aaaf681ce5c98996047c15a6.png")
    no-repeat;
    background-size: 74px;
}
