@charset "utf-8";

.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.hide{display:none;}
em {font-style: normal;}
.wrap.dl_pv{position:relative;width:1130px;padding:0 25px;}
.dl_top{ background: #02060C url(/YunGe/Styles/Images/dl_topBg.jpg) 50% 0px / auto 797px no-repeat; height:797px;text-align:center;}
.dl_top .wrap{position: relative;}
.dl_top .wrap .dl_topLight{position: absolute;width: 564px;height: 310px;background: url(/YunGe/Styles/Images/dl_topLight.png) 0 0 / 500px auto no-repeat;top: 0;right: 20px;}
.dl_top h2{font-size:70px;font-weight:400;color:#02a7ff;padding-top:230px;}
.dl_top p.d{font-size:22px;line-height:33px;color:#7dda56;padding-top:45px;letter-spacing: 1px;}
.dl_top p.d span{color:#0099ff;}
.dl_cont{background:#fcfbfb;padding:90px 0 50px;}
.dl_cont .edition{position:absolute;right:27px;top:-24px;width:78px;}
.dl_cont .edition i{display:block;background:url(/YunGe/Styles/Images/dl_icon.png) no-repeat;width:18px;height:18px;float:left;background-position: -26px 0px;}
.dl_cont .edition a{font-size:14px;color:#00B9AF;float:left;display:block;margin:1px 0 0 4px;}
.dl_cont .android{float:left;margin-right:48px;border:1px solid #52B529;border-radius:5px;}
.dl_cont .ios{float:left;margin-right:35px;border:1px solid #009FE3;border-radius:5px;}
.dl_cont .web{float:right;border:1px solid #00B9AF;border-radius:5px;}
.dl_cont .android .dl_title{border-bottom:1px solid #52B529;color:#52B529;}
.dl_cont .android .dl_title i{background-position:0 -23px;width:45px;height:54px;margin:11px 34px 0 104px;}
.dl_cont .ios .dl_title{border-bottom:1px solid #009FE3;color:#009FE3;}
.dl_cont .ios .dl_title i{background-position:0 -82px;width:46px;height:53px;margin:11px 34px 0 129px;}
.dl_cont .web .dl_title{border-bottom:1px solid #00B9AF;color:#00B9AF;}
.dl_cont .web .dl_title i{background-position:0 -140px;width:39px;height:54px;margin:12px 34px 0 127px;}
.dl_item{width:345px; margin-bottom: 40px;}
.dl_title{height:85px;cursor:default;margin-top:10px;}
.dl_title i{display:block;float:left;background:url(/YunGe/Styles/Images/dl_icon.png) no-repeat;}
.dl_title span{float:left;font-size:24px;margin-top:22px;}
.dl_mid{ padding: 0 20px;}
.dl_mid .dl_body{ padding-bottom: 25px; height: 275px;}
.dl_mid .dl_body .tit{ margin-top: 10px;}
.dl_mid .dl_body .tit a{color: #52b529; float: left;}
.ios .dl_mid .dl_body .tit a{color: #009FE3; }
.web .dl_mid .dl_body .tit a{color: #00B9AF; }
.dl_mid .dl_body .tit span{ float: right  ; font-size: 13px;  color: #979C9E;  margin-top: 4px;  cursor: default;}
.R_dl{ margin-top: 40px;}
.web .R_dl{ margin-top: 40px; margin-bottom: 65px;}
.dl_cont .button{ width: 210px; height: 52px; border: 1px solid #c9e6bc; border-radius: 25px; margin: 0 auto; }
.dl_cont .ios .button{ border-color: #bbe1f1; }
.dl_cont .web .button{  border-color: #beebe8; }
.dl_cont .btn{ position: relative;display: inline-block;width: 200px;height: 44px;line-height: 44px;border: 1px solid #52b529;border-radius: 20px; margin: 3px 4px;text-indent: 44px; color: #52b529;font-size: 20px;}
.dl_cont .ios .btn{ border-color: #089ddd; color: #009fe3;}
.dl_cont .web .btn{  border-color: #15beb5; color: #15beb5;}
.dl_mid .dl_body .isVoip{text-align: center; font-style: normal; height: 20px;  line-height: 20px;  padding-left: 10px; padding-top: 15px; padding-bottom: 10px;}
.dl_mid .dl_body .isVoip input[type=checkbox]{display: none;}
.android .dl_mid .dl_body .isVoip input[type=checkbox]+label{display: inline-block; color: #979C9E;background: url(/Styles/Images/dl_icon2.png) 0 -134px/28px auto no-repeat; text-indent: 20px;font-size: 14px;height: 17px;line-height: 17px;}
.android .dl_mid .dl_body .isVoip input[type=checkbox]:checked+label{background: url(/Styles/Images/dl_icon2.png) 0 -151px/28px auto no-repeat;}
.ios .dl_mid .dl_body .isVoip input[type=checkbox]+label{display: inline-block; color: #979C9E;background: url(/Styles/Images/dl_icon2.png) 0 -167px/28px auto no-repeat; text-indent: 20px;font-size: 14px;height: 17px;line-height: 17px;}
.ios .dl_mid .dl_body .isVoip input[type=checkbox]:checked+label{background: url(/Styles/Images/dl_icon2.png) 0 -184px/28px auto no-repeat;}
.dl_mid .dl_body .source{ text-align: center;    height: 30px;  line-height: 30px; color:#52b529; }
.dl_mid .dl_body .source a{ color:#52b529; }
.dl_mid .dl_body p{padding: 10px 0 0;}
.ios .dl_mid .dl_body .source a{ color:#009fe3; }
.web .dl_mid .dl_body .source a{ color:#15beb5; }
.green {  color: #52B529;  }
.dl_icon2{position: absolute;top: 11px;left:16px;display: block;width: 34px;height: 24px;background:url(/YunGe/Styles/Images/dl_icon2.png) 0 0/30px auto no-repeat; }
.ios .dl_icon2{background-position:0 -45px;}
.web .dl_icon2{background:url(/YunGe/Styles/Images/dl_icon2.png) 0 -78px/26px auto no-repeat; height: 28px;top: 7px;left: 36px;}
.dl_verList h4{ font-weight: normal; border-bottom: 1px dotted #52b529; padding: 0 5px; height: 30px; line-height: 30px;
    margin: 0;}
.ios .dl_verList h4{ border-color: #009fe3;}
.web .dl_verList h4{ border-color: #15beb5;}
.dl_verList h4 span{ float: left;color: #979C9E;}
.dl_verList h4 a{float: right;color:#52b529; position: relative; padding-right: 20px;}
.ios .dl_verList h4 a{color:#009fe3;}
.web .dl_verList h4 a{color:#15beb5;}
.dlArrow{position: absolute;top: 6px;right: -2px;display: inline-block;width: 20px;height: 20px;background:url(/YunGe/Styles/Images/dl_icon2.png) 0 -26px/33px auto no-repeat;}
.ios .dlArrow{background-position:0 -76px;}
.web .dlArrow{background-position:0 -138px;}
.dl_editioninfo{display: none}
.dl_editioninfo li{padding: 0 5px; height: 30px; line-height: 30px;}
.dl_editioninfo li a{float: left;font-size: 12px; color: #979C9E;}
.dl_editioninfo li span{ float: right; font-size: 12px; color: #979C9E; cursor: default;}
.dl_footer{text-align:right;padding:10px 0 15px;/* border-top: 1px dotted #52b529; margin-top: 15px;*/}
.ios .dl_footer{border-color: #009fe3;}
.web .dl_footer{border-color: #15beb5;}
.dl_footer p{font-size:12px;line-height:24px; overflow: hidden;}
.dl_footer p i{display:inline-block;font-style:normal;}
.dl_footer p i:last-child{padding-right: 4px;}
.dl_footer p a{padding:0 21px;}
.dl_footer p.gray{color:#5a636a!important;cursor:default;}
.dl_cont .android .dl_footer p{color:#52b529;}
.dl_cont .ios .dl_footer p{color:#009fe3;}
.dl_cont .web .dl_footer p{color:#15beb5;}
.dl_cont .android .dl_footer p a{color:#52b529;}
.dl_cont .ios .dl_footer p a{color:#009fe3;}
.dl_cont .web .dl_footer p a{color:#15beb5;}

.ios .source{ margin-bottom: 51px;}
.web .isVoip{ display: none}
/* windowsPC windowsMo Cocos */
.dl_cont .windowsPC .button1 .btn{ text-indent: 50px;}
.dl_cont .windowsPC .button1 .dl_icon2{ left: 15px;}
.dl_cont .windowsPC .button2{margin-top: 30px;}
.dl_cont .windowsPC .button2 .btn{ text-indent: 46px;}
.dl_cont .windowsPC .button2 .dl_icon2{ left: 15px;}
.dl_cont .windowsPC .dl_footer p,.dl_cont .windowsMo .dl_footer p,.dl_cont .Cocos .dl_footer p{text-align: center}
.dl_cont .web.continued,.dl_cont .ios.continued{border: 1px solid #d6d6d6;}
.dl_cont .web.continued .dl_title,.dl_cont .ios.continued .dl_title {  border-bottom: 1px solid #d6d6d6;  color: #d6d6d6;  }
.dl_cont .web.continued .dl_mid .dl_body,.dl_cont .ios.continued .dl_mid .dl_body{height: 365px;}
.dl_title.dl_title2 i {  background: url(/YunGe/Styles/Images/dl_icon3.png) no-repeat;  }
.dl_title.dl_title2 span b {  font-size: 12px;  color: #52B529;  font-weight: normal;  position: relative;  top: -14px;  }
.windowsMo .dl_title.dl_title2 span b{  color: #009FE3;  }
.windowsMo.continued .dl_title.dl_title2 span b{  color: #d6d6d6;  }
.web.Cocos .dl_icon2 { background: url(/YunGe/Styles/Images/dl_icon2.png) 0 -216px/30px auto no-repeat;  }
.dl_cont .web.Cocos .dl_title2 i { background-position: 0 -102px;width: 50px;  height: 60px;  margin: 10px 15px 0 104px;}
.dl_cont .windowsPC .dl_title2 i {  background-position: 0 0;  width: 50px;  height: 50px;  margin: 15px 15px 0 104px;  }
.dl_cont .windowsMo .dl_title2 i {  background-position: 0 -50px;  width: 50px;  height: 50px;  margin: 15px 15px 0 104px;  }
.dl_cont .web.Cocos.continued .dl_title2 i {  background-position: 0 -168px;  width: 50px;  height: 60px;  margin: 10px 15px 0 104px;  }
.dl_cont .ios.continued .dl_title2 i {  background-position: 0 -226px;  width: 50px;  height: 60px;  margin: 10px 15px 0 104px;  }
.dl_cont .continued .continuedBox{  padding-top: 100px;text-align: center }
.dl_cont .continued .continuedBox>p{ font-size: 16px; color: #9dacb4;text-align: center; width: 130px;line-height: 30px; margin: 0 auto}
.dl_cont .continued .continuedBox>p i{ float:left;display: inline-block;width: 25px; height:25px;background: url(/Styles/Images/dl_icon4.png) 0 0 no-repeat;}
.dl_cont .continued .continuedBox>div{ display: inline-block; width: 200px; height:25px;background: url(/Styles/Images/dl_icon4.png) -25px 0 no-repeat;}
.dl_verList.withoutList a{color: #979C9E}
.dl_verList.withoutList .dlArrow {background-position:0 -273px}
.ios .dl_verList.withoutList h4 a{color: #979C9E}

/*.dl_cont .ios .dl_footer p{color:#009FE3;}
.dl_cont .ios .dl_footer p a{color:#009FE3;}
.dl_cont .web .dl_footer p{color:#00B9AF;}
.dl_cont .web .dl_footer p a{color:#00B9AF;}
.dl_cont .ios .line{background-position:0 -3px;}
.dl_cont .web .line{background-position:0 -6px;}*/
.dl_cont2{background:#fff;height:698px;padding-bottom:90px; background-size: 9px 698px; padding-top: 50px;}
.dl_cont2 .wrap,.dl_cont3 .wrap{width:1130px;padding:0 25px;}
.dl_mes{float:left;background:url(/Styles/Images/dl_mes.png) no-repeat; background-size: 350px auto; width:350px;height:698px;}
.dl_demo{float:right;width:650px;padding-top:130px;}
.dl_demo .dl_intro{ float: left}
.dl_demo .p1{color:#00bdff;font-size:24px;cursor:default; line-height: 45px;}
.dl_demo .p1 span{color:#00bdff; text-indent: -9999px; background: url(/Styles/Images/dl_intro1.png) 0 0/115px auto no-repeat; display: inline-block; width: 115px; height: 35px;margin-right: 5px;}
.dl_demo .p2{color:#00bdff;font-size:32px;padding-top:36px;cursor:default;letter-spacing: 1px;}
.dl_demo .ewm{width:153px;text-align:center; float: right;}
.dl_demo .ewm img{display:block;}
.dl_demo .ewm span{display:inline-block;font-size:14px;color:#969696;cursor:default;}

.dl_area{overflow:hidden;padding:50px 0 0 0;}
.dl_area .btn{}
.dl_area .btn a{float: left;width:200px;height:53px;color:#FFF;font-size:20px;cursor:pointer; border-radius: 30px;}
.dl_area .btn a.and{background:#7dda56;margin-right: 20px;}
.dl_area .btn a.ios{background:#00bdff;margin-right: 20px;}
.dl_area .btn a.web{background:#2ddfd6;}
.dl_area .btn a:hover.and{background:#7cc85c;}
.dl_area .btn a:hover.ios{background:#0eb3ed;}
.dl_area .btn a:hover.web{background:#34cec6;}
.dl_area .btn a i{display:inline-block;width:37px;height:34px;background:url(/Styles/Images/dl_icon.big.png) no-repeat;float:left; background-size: 35px auto;}
.dl_area .btn a.and i{background-position:0 -153px;margin:11px 0 0 30px;}
.dl_area .btn a.ios i{background-position:0 -188px;margin: 9px 0 0 48px;}
.dl_area .btn a.web i{background-position: 0 -343px;margin: 7px 0 0 43px;background-size: 33px auto;height: 40px;}
.dl_area .btn a span{float:left;display:inline-block;margin: 16px 0 0 3px; font-size: 16px;}
.dl_inType{ background: url(/Styles/Images/dl_inType.png) 0 0/648px auto no-repeat; width: 648px; height: 105px; margin-top: 60px;}
.dl_cont3{padding:60px 0 0 0; background:#011017 url(/Styles/Images/dl_cont3.jpg) 50% 0px / auto 460px no-repeat;height: 400px;text-align: center;}
.dl_cont3 .footerBoxs{ width: 916px; margin: 0 auto; position: relative;}
.dl_cont3 .footerBox{float: left; width: 230px; height: 142px; margin-right: 110px; background:url(/Styles/Images/footerBox1.png) 0 0/230px auto no-repeat; margin-top: 100px;}
.dl_cont3 .footerBox2{background:url(/Styles/Images/footerBox2.png) 0 0/230px auto no-repeat;}
.dl_cont3 .footerBox3{background:url(/Styles/Images/footerBox3.png) 0 0/230px auto no-repeat;}
.dl_cont3 .shadow{position: absolute;background: url(/Styles/Images/bxShadow.png) 0 0/auto 130px no-repeat;width: 90px;height: 130px;}
.dl_cont3 .shadow1{top: 100px;left: 230px;}
.dl_cont3 .shadow2{top: 100px;right:256px;}
.dl_cont3 .shadow3{top: 100px;right: -84px;}
.dl_cont3 .footerBox:nth-child(3n){margin-right: 0;}



.footer{margin-top:0!important;}
/* list pages */
.dl_path{background:#F5F5F5;height:50px;font-size:16px;line-height:50px;}
.dl_path a{color:#009fe3;margin-left:100px;display:inline-block;}
.dl_titlebar{margin:0 32px 0 100px;background:url(/Styles/Images/dl_line2.png) repeat-x left bottom;padding:30px 0 10px;overflow:hidden;}
.dl_titlebar i{float:left;background:url(/Styles/Images/dl_icon.png) no-repeat;}
.dl_titlebar i.ico1{background-position:0 -296px;width:45px;height:54px;}
.dl_titlebar i.ico2{background-position:0 -355px;width:46px;height:53px;}
.dl_titlebar i.ico3{background-position:0 -413px;width:39px;height:54px;}
.dl_titlebar span{float:left;color:#5a636a;font-size:24px;margin:20px 0 0 10px;}
.dl_listcont{overflow:hidden;padding:30px 0 0 0;}
.dl_listcont dl{float:left;width:230px;margin:0 60px 0 100px;padding:0 0 20px 6px;}
.dl_listcont dl dt{font-size:22px;color:#5a636a;font-weight:bold;}
.dl_listcont dl dd{padding-top:20px;}
.dl_listcont dl dd p{line-height:26px;font-size:14px;}
.dl_listcont dl dd p a{color:#13a2e4;}
.dl_listcont .bor1{border-bottom:2px solid #52B529;}
.dl_listcont .bor2{border-bottom:2px solid #009FE3;}
.dl_listcont .bor3{border-bottom:2px solid #00B9AF;}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution: 2dppx) {
    .dl_cont .edition i{ background: url(/Styles/Images/dl_icon.big.png) -23px 0px/45px auto no-repeat;}
    .dl_title i {background-image: url(/Styles/Images/dl_icon.big.png); background-size: 45px auto;}
    .dl_cont .ios .dl_title i {  background-position: 0 -79px;}
    .dl_cont .web .dl_title i {  background-position: 0 -136px;}
    .dl_title.dl_title2 i {  background: url(/Styles/Images/dl_icon2.big.png) 0 0/50px auto no-repeat;}
    .dl_cont .windowsPC .dl_title2 i {  background-position: 0 0;}
    .dl_cont .windowsMo .dl_title2 i {  background-position: 0 -50px;}
    .dl_cont .continued .dl_title2 i {  background-position: 0 -168px;}
    .dl_cont .continued .continuedBox>p i{ background: url(/Styles/Images/dl_icon3.big.png) 0 0/auto 25px no-repeat;}
    .dl_cont .continued .continuedBox>div{ background: url(/Styles/Images/dl_icon3.big.png) -25px 0/auto 25px no-repeat;}
}
/*ie hack*/
@media screen and (min-width:0\0) {
    .dl_cont3 .footerBox {background: url(/Styles/Images/footerBox1.png) 0 0/223px auto no-repeat;}
    .dl_cont3 .shadow1 {top: 97px;left: 223px;}
    .dl_cont3 .footerBox2 {background: url(/Styles/Images/footerBox2.png) 0 0/223px auto no-repeat;}
    .dl_cont3 .shadow2 {top: 97px;right: 263px;}
    .dl_cont3 .footerBox3 {background: url(/Styles/Images/footerBox3.png) 0 0/223px auto no-repeat;}
    .dl_cont3 .shadow3 {top: 97px;right: -77px;}
}