img{
    transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    -ms-transition: all linear 0.4s;
    -o-transition: all linear 0.4s;
    -webkit-transition: all linear 0.4s;
}
img:hover{
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.06);
}
.c-box{
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.c-box-left{
    float: left;
    width: 890px;
}
.g-info-box{
    margin-bottom: 24px;
}
.g-info-tit{
    border-top: 2px solid #94c804;
    background: #fafafa;
    width: 890px;
    border-bottom: 2px solid #efefef;
    height:46px;
}
.g-info-tit h1{
    font-size: 20px;
    color: #333;
    font-weight: bold;
    line-height: 46px;
    padding-left: 18px;
    overflow: hidden;
    float: left;
}
.g-info-tit em{
    content: '';
    display: inline-block;
    width: 42px;
    height: 12px;
    float: left;
    background: url(https://mip.mdpda.com/statics/pc/images/c-icon.png) no-repeat 0 0;
    margin-top: 12px;
    margin-left: 20px;
}
.g-info-top{
    margin-top:24px;
}
.img-box{
    float: left;
    width:154px;
    height:154px;
    margin-right: 22px;

}
.img-box img{
    width:100%;
    height:100%;
    border-radius: 15px;

}
.g-center{
    float: left;
    color: #ababab;
}

.g-btn-box{
    margin-top: 18px;
    /* height: 176px; */
}
.g-btn{
    width: 172px;
    float: left;
    height: 46px;
    background: url(https://mip.mdpda.com/statics/pc/images/g-btn-bg.png) no-repeat 0 0;
    font-size: 18px;
    text-align: center;
    display: block;
    line-height: 46px;
    color: #fff;
    border-radius: 5px;
}
.g-btn em{
    display: inline-block;
    width: 38px;
    height: 24px;
    border-right: 1px solid #e99840;
    margin-right: 18px;
    background: url(https://mip.mdpda.com/statics/pc/images/g-btn-icon.png) no-repeat 0 0;
    vertical-align: top;
    margin-top: 12px;
}
.g-intro-box .g-info-tit{
    border-bottom: none;
}
.g-info-tit ul li{
    float: left;
    width: 150px;
    height: 46px;
    line-height: 46px;
}
.g-info-tit ul li a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    color:#666666;
}
.g-info-tit ul li a:hover,.g-intro-active a{
    background: #94c804;
    color:#fff !important;
}
.g-intro{
    padding: 18px 24px 24px;
    /* height: 900px; */
    overflow: hidden;
    color: #666666;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 16px;
}
.g-intro span,.g-intro p{
	color: #666666;
    line-height: 30px;
    font-size:16px;
    margin-top:6px;
    margin-bottom: 10px;
}
.g-intro p img{
    max-width:300px;
    margin: 10px auto 14px;
    display: block;
}
.g-intro h3{
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 14px;
    background: #f6fbe7;
    color:#333;
    line-height: 40px;
    padding-left: 20px;
    font-weight: bold !important;
}
.more-btn{
    font-size: 14px;
    width: 148px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background: #94c804;
    border-radius: 2px;
    margin: 10px auto;
    cursor: pointer;
    display: none;
}


.g-screenshot-con{
    width:850px;
    height: 374px;
    margin: 0px auto 28px;
    border-bottom: 1px solid #f2f2f2;
}
.img_look {
    width: 850;
    height: 374px;
    position: relative;
}
#imgview{overflow: hidden;width:850; margin: 25px auto;outline: none;}
#imgview ul{overflow: hidden;width: 1500px;}
#imgview ul li{float: left;height: 330px;padding-right: 12px;position: relative;}
#imgview ul li img{height: 330px;}
.jspContainer{overflow: hidden;position: relative;padding-bottom: 20px;}
.jspPane{position: absolute;}
.jspVerticalBar{position: absolute;top: 0;right: 0;width: 16px;height: 100%;background: red;}
.jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 9px;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{background: #ececec;position: relative;}
.jspDrag{background: #94c804;position: relative;top: 0;left: 0;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float: left;height: 100%;border-radius: 6px;}
.jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;padding: 0;margin: 0;}
.jspArrow.jspDisabled{cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%;}
/**/
#jquery-overlay{height:500px;left:0;position:absolute;top:0;width:100%;z-index:1000}
#jquery-lightbox{left:0;line-height:0;position:absolute;text-align:center;top:0;width:100%;z-index:1001}
#jquery-lightbox a img{border:medium none}
#lightbox-container-image-box{background-color:#fff;height:250px;margin:0 auto;position:relative;width:250px}
#lightbox-container-image{padding:10px}
#lightbox-loading{height:25%;left:0;line-height:0;position:absolute;text-align:center;top:40%;width:100%}
#lightbox-nav{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}
#lightbox-container-image-box>#lightbox-nav{left:0}
#lightbox-nav a{outline:medium none}
#lightbox-nav-btnNext,#lightbox-nav-btnPrev{display:block;height:100%;width:49%}
#lightbox-nav-btnPrev{float:left;left:0}
#lightbox-nav-btnNext{float:right;right:0}
#lightbox-container-image-data-box{background-color:#fff;font:10px/1.4em Verdana,Helvetica,sans-serif;margin:0 auto;overflow:auto;padding:0 10px;width:100%}
#lightbox-container-image-data{color:#666;padding:0 10px}
#lightbox-container-image-data #lightbox-image-details{float:left;text-align:left;width:70%}
#lightbox-image-details-caption{font-weight:700}
#lightbox-image-details-currentNumber{clear:left;display:block;padding-bottom:1em}
#lightbox-secNav-btnClose{float:right;padding-bottom:.7em;width:66px}


.download-box{
    width: 100%;
    margin-bottom: 28px;
}
.download-tit{
    font-size: 18px;
    width: 100%;
    height: 40px;
    
    border-bottom: 1px solid #94c804;
    margin-bottom: 24px;
}
.download-tit div{
    width: 142px;
    height: 40px;
    background: #94c804;
    text-align: center;
    color:#fff;
    line-height: 40px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    float: left;
}
.download p{
    border-left: 4px solid #59c6da;
    font-size: 16px;
    color:#333333;
    padding-left: 20px;
    margin-bottom: 16px;
}
.download a{
    display: block;
    width: 160px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    margin-bottom: 18px;
}
.download a:hover{
    opacity: 0.8;
}
.download a em{
    display: inline-block;
    width: 35px;
    height: 36px;
    vertical-align: top;
    margin-top: 6px;
    margin-right: 10px;
}
.android-btn{
    background: #83c30c;
}
.android-btn em{
    background: url(https://mip.mdpda.com/statics/pc/images/an-icon.png) no-repeat 0 0;
}
.ios-btn{
    background: #4c5674;
}
.ios-btn em{
    background: url(https://mip.mdpda.com/statics/pc/images/io-icon.png) no-repeat 0 0;
}

.relation-box{
    width: 100%;
    height: 237px;
    background: #f9f9f9;
    border-top: 1px solid #83c30c;
    overflow: hidden;
    margin-bottom: 28px;
}
.relation-tit{
    float: left;
    width: 50px;
    height: 237px;
    background: #ffa759;
    color: #fff;
    font-size: 18px;
    letter-spacing: 8px;
    text-align: center;
}
.relation-tit em{
    display: block;
    width: 26px;
    height: 30px;
    background: url(https://mip.mdpda.com/statics/pc/images/rela-icon.png) no-repeat 0 0;
    vertical-align: top;
    margin: 15px auto;
}
.relation-box ul{
    float: left;
}
.relation-box ul li{
    width: 105px;
    margin-top: 22px;
    margin-left: 30px;
    float: left;
}
.relation-box ul li a{
    display: block;
}
.relation-box .re-g-img{
    width: 105px;
    height: 105px;
    

}
.relation-box .re-g-img img{
    width: 100%;
    height: 100%;
    border-radius: 15px;
}
.relation-box .re-g-tit{
    width: 100%;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    color: #333;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}
.relation-box ul li p{
    color: #999999;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.re-g-load{
    width: 75%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #83c30c;
    border: 1px solid #83c30c;
    border-radius: 20px;
    margin: 8px auto;
    font-size: 14px;
    transition: all .6s;
    position: relative;
    overflow: hidden;
}
.re-g-load:hover{
    color: #fff;
    background: #83c30c ;
}


.re-g-load .bgsqr1,.re-g-load .bgsqr2{background:#83c30c;position: absolute;top: 50%; top:0\9;content: '';width: 20px;height: 20px; -webkit-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.6s; transition: all 0.6s; opacity:0.5;}
.re-g-load .bgsqr1{left: -20px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.re-g-load .bgsqr2{right: -20px;-webkit-transform: translate(50%,-50%);transform: translate(50%,-50%);}
.re-g-load:hover .bgsqr1{ -webkit-animation:criss-cross-left .8s both;animation:criss-cross-left .8s both;width:375px\9;height:375px\9;  opacity:1;}
.re-g-load:hover .bgsqr2{ -webkit-animation:criss-cross-right .8s both;animation:criss-cross-right .8s both;width:375px\9;height:375px\9;opacity:1;}
.re-g-load span{ position:relative; z-index:1;}
@-webkit-keyframes criss-cross-left {
 0% {
  left:-20px
 }
 50% {
  left:50%;width:20px;height:20px;
 }
 100% {
  left:50%;width:375px;height:375px;
 }
}
@keyframes criss-cross-left {
 0% {
  left:-20px
 }
 50% {
  left:50%; width:20px;height:20px;
 }
 100% {
  left:50%;width:375px;height:375px;
 }
}
@-webkit-keyframes criss-cross-right {
 0% {
  right:-20px
 }
 50% {
  right:50%;width:20px;height:20px;
 }
 100% {
  right:50%;width:375px;height:375px;
 }
}
@keyframes criss-cross-right {
 0% {
  right:-20px
 }
 50% {
  right:50%;width:20px;height:20px;
 }
 100% {
  right:50%;width:375px;height:375px;
 }
}


.guess-like-box{
    width: 100%;
    margin-bottom: 28px;
    overflow: hidden;
}
.guess-like-tit ul{
    float: right;
}
.guess-like-tit ul li{
    float: left;
    padding:3px 7px;
    background: #dddddd;
    color: #999999;
    font-size: 14px;
    margin-right: 10px;
    border-radius: 2px;
    cursor: pointer;
    margin-top: 5px;
}
.guess-like-tit ul li:hover,.guess-like-active{
    color: #fff !important;
    background:#83c30c !important;
}

.matchSpeBox img{ width: 240px;height: 120px;float: left;transition: all 0.4s;}
.matchSpeBox .aImg{ display: block; width: 240px;height: 120px;border-radius: 5px;overflow: hidden;float: left; margin-top: 18px; }
.matchSpeBox dl{ float: left;width: 610px;margin-left: 20px; }
.matchSpeBox dl dt{ font-size: 25px; font-weight: 600;margin-top: 20px;}
.matchSpeBox dl dd{ line-height: 25px;margin-top: 7px;font-size: 14px; height: 75px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;;}
.matchSpeBox dl dt a{ transition: all 0.2s;color:#333333; }
.matchSpeBox dl dt a:hover{ color: #83c30c; }
.matchSpeBox img:hover{transform: scale(1.2);}
.cnGuessLits{
    width: 1000px;
}
.cnGuessLits li{ width: 270px;height: 118px;float: left;border-radius: 5px;margin: 10px 22px 10px 5px; transition: all 0.3s;background:#fafafa; }
.cnGuessLits li img{ width: 80px;height: 80px;border-radius: 15px;float: left;margin: 18px 0 0 20px; }
.cnGuessLits li dl{ float: left;width: 145px;height: 80px;margin-left: 15px;margin-top: 18px;}
.cnGuessLits li dl dt{ width: 145px;height: 20px;line-height: 20px;overflow: hidden; margin-bottom: 15px;color:#333333;  }
.cnGuessLits li dl dt a{
    color: #333333;font-size: 16px;
}
.cnGuessLits li dl dt a:hover{
    color: #83c30c;
}
.cnGuessLits li dl dd{ margin-top: 5px;color: #8ba8a3;width: 145px;overflow: hidden;font-size: 13px; }
.cnGuessLits li dl dd em{ border: 1px solid #eee;display:inline-block;height: 16px;padding: 3px 4px;border-radius: 5px;line-height: 16px; }
.cnGuessLits li:hover{ transform: translateY(-8px);box-shadow: 2px 3px 8px 5px #eee; }
.similar-rec-box{
    width: 100%;
    overflow: hidden;
    margin-bottom: 28px;
}
.similar-rec-list{
    width: 1000px;
}
.similar-rec{     
    width: 90px;
    height: 130px;
    display: block;
    text-align: center;
    margin-right: 24px;
    overflow: hidden;
    color: #666;
    float: left;
}
.similar-rec img{ width:86px; height:86px;border-radius: 15px;}
.similar-rec p{     
    width: 100%;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    text-align: center;
    color: #666666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    margin-bottom: 10px;
    margin-top: 10px; }
.similar-rec:hover{ color:#83c30c;}
.similar-rec:hover p{ display: none;}
.similar-rec:hover strong{
    transform: translateY(-10px);
}
.similar-rec strong{ 
    display: block;
    width: 60px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    background: #83c30c;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    margin: 13px auto 0;
    border-radius: 5px;
    transition: all 0.2s;
}

.c-box-right{
    float: right;
    width: 292px;
}
.rank-box{
    width:100%;
    margin-bottom: 18px;
    background: #fafafa;
}
.rank-tit{
    color:#333;
    font-size: 22px;
    font-weight: bold;
    padding-left: 10px;
    line-height: 46px;
    border-top: 2px solid #83c30c;
    margin-bottom: 10px;
}
.rank-box ul li {
    float: left;
    position: relative;
    padding: 12px 0;
    margin-left: 10px;
}
.rank-box ul{
    padding: 11px 0;
    overflow: hidden;
}
.rank-box ul li span.mub {
    float: left;
    display: inline;
    width: 20px;
    height: 74px;
    overflow: hidden;
    zoom:1; 
    font-size: 16px;
    text-align: center;
    background: #cdcdcd;
    color: #fff;
    line-height: 74px;
    text-align: center;
    border-radius: 20px;
}
.rank-box ul li.top_1 .mub {
    background: #f36755;
}
.rank-box ul li.top_2 .mub {
    background: #f8c166;
}
.rank-box ul li.top_3 .mub {
    background: #a6e2c2;
}
.rac_a {
    float: left;
    display: inline-block;
    overflow: hidden;
    zoom:1;
    width: 264px;
    float: left;
    margin-left: 10px;
}
.rac_a span {
    float: left;
    display: inline;
    line-height: 24px;
    height: 24px;
    font-size: 14px;
    color: #666;
    width: 170px;
    overflow: hidden;
}
.rac_a em{
    float: right;
    display: inline-block;
    width: 58px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    
    color: #9d97be;
}
.rac_b {
    width: 260px;
    height: 74px;
    float: left;
    zoom:1;}
.rl_right_info {
    width: 105px;
    float: left;
}
.rl_right_info p{
    font-size: 13px;
    color:#99b898;
    margin-top: 3px;
}
.rac_b .rl_img {
    width: 250px;
    display: inline-block;
    padding-left:10px;
}
.rac_b a.rl_img img {
    width: 74px;
    height: 74px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    border-radius: 15px;
}
.rac_b a.rl_img em {
    display: block;
    font-size: 13px;
    color: #aaa;
    margin-top: 10px;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
}
.rac_b a.rl_img em span{
    color:#ff9537;
}
.rac_b a.rl_img .rl_down {
    width: 46px;
    height: 26px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    display: block;
    margin-top: 35px;
    background: #a7a7a7;
    float: right;
}
.rac_b a.rl_img .rl_down em{
    width: 16px;
    height: 16px;
    margin: 4px auto;
    display: block;
    background: url(https://mip.mdpda.com/statics/pc/images/s-load-icon.png) no-repeat 0 0;
}
.rac_b a.rl_img .rl_down:hover{
    background: #83c30c !important;
}
.rl_title {
    font-size: 16px;
    color: #666;
    display: block;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}
.rl_title:hover{
    color: #83c30c !important;
}

.hot-rec-box,.updata-box,.hot-all-box,.collection-box{
    width: 100%;
    overflow: hidden;
    margin-bottom: 18px;
}
.hot-rec-list{
    width:380px;
    padding-left: 10px;
}
.hot-rec-box .similar-rec{
     width: 72px;
     height: 124px;
     margin-right: 26px;
}
.hot-rec-box .similar-rec img{
    width: 72px;
    height: 72px;
}
.updata a{
    display: block;
    font-size: 15px;
    color: #333333;
    margin-bottom: 12px;
    line-height: 32px;
    padding: 0 10px;
}
.updata a span,.updata a img{
    display: inline-block;
    vertical-align: top;
}
.updata-img{
    width: 30px;
    height: 30px;
    margin-right: 12px;
    margin-top: 2px;
    border-radius: 3px;
}
.updata-tit{
    max-width: 140px;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    color: #333333;
}
.updata-time{
    color:#9e9e9e;
    float: right;
}
.updata a:hover span{
    color:#83c30c !important;
}
.updata-box,.hot-rec-box{
    background: #fafafa;
}

/* 热门排行 */
.hot-all-box,.collection-box{

    background: #fafafa;
}
.hot-all-list{padding-left: 10px;}
.hot-all-list li a {overflow: hidden;;transition: all 0.2s;background: #f6f6f6;width: 120px;text-align: center; color: #333333; display: block; height: 30px;line-height: 30px;border-radius: 2px; float: left;margin-right: 10px;margin-bottom: 15px;border-radius: 2px;padding: 0 5px;font-size: 14px;color: #ffffff;}
.hot-all-list li a:hover a{ color: #fff; }
.hot-all-list li.a1 a{ background: #57bc84; }
.hot-all-list li.a2 a{ background: #a08af0;}
.hot-all-list li.a3 a{ background: #ff968b;}
.hot-all-list li.a4 a{ background: #b9da6a;}
.hot-all-list li.a5 a{ background: #ffaed1;}
.hot-all-list li.a6 a{ background: #bc9c57;}
.hot-all-list li.a7 a{ background: #538bcc;}
.hot-all-list li.a8 a{ background: #64d2f3;}
.hot-all-list li.a9 a{ background: #b9da6a;}
.hot-all-list li.a10 a{ background: #ff968b;}
.hot-all-list li.a11 a{ background: #a08af0;}
.hot-all-list li.a12 a{ background: #b9da6a;}
.hot-all-list li.a13 a{ background: #64d2f3;}
.hot-all-list li.a14 a{ background: #57bc84;}
.hot-all-list li.a15 a{ background: #bc9c57;}
.hot-all-list li.a16 a{ background: #ffaed1;}
.hot-all-list li a:hover{transform: translateY(-5px); }

.collection-list{
    padding: 0 10px;
}
.collection-list a{
    display: block;
    width: 100%;
    height: 136px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    color: #fff;
    transition: all 0.5s;
    margin-bottom: 12px;
}
.collection-list a img{
    width: 100%;
    height: 100%;
}
.box-mask{
    height: 100%;
    background: url(https://mip.mdpda.com/statics/pc/images/zt-s-bg.png);
    position: absolute;
    top: 102px;
    left: 0;
    padding: 0 10px;
    font-size: 14px;
}
.collection-tit{
    width: 100%;
    height: 34px;
    line-height: 34px;
}
.collection-tit em,.collection-tit span{
    display: inline-block;
    height: 34px;
    overflow: hidden;
    
}
.collection-tit em{
    width: 80%;
   
}
.collection-tit span{
    width: 20%;
}
.collection-list a:hover .box-mask{
    /* top: 0; */
    transform: translateY(-102px);
}
.collection-list a:hover .collection-tit{
    display: none;
}
.latest-tit{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    margin-top: 5px;
}
.latest-con{
    color: #cccbcb;
    line-height: 20px;
    height: 44px;
    overflow: hidden;
    font-size: 14px;
}
.latest-btn{
    width:80px;
    height: 26px;
    line-height:26px;
    background: #83c30c;
    text-align: center;
    margin: 5px auto 0;
    border-radius: 2px;
}

.fixed-box{
    position: fixed;
    top: 0;
    z-index: 999;
}
.similar-rec img:hover{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}

/*手机号码验证预约*/
.yAlert {width: 500px;position: fixed;left: 50%;margin-left: -250px;height: 310px;padding-bottom: 10px;top: 50%;margin-top: -155px;z-index: +101;background: #fff;border-radius: 10px;overflow: hidden;display: none;}
.yAlert b {text-align: center;font: 16px/40px microsoft yahei;display: block;margin: 10px 0}
.yAlert_t { background: #5AB200; font: 18px/45px microsoft yahei; color: #fff; padding: 0 15px}
.yAlert_t span {float: right; font-size: 20px; cursor: pointer}
.yAlert .yAlert_br,.yAlert .yAlert_bs,.yAlert input {width: 80%; padding: 0 10px; font: 14px/45px microsoft yahei; border-radius: 5px}
.yAlert input {border: #ccc 1px solid;display: block; margin: 20px auto 0 auto}
.yAlert input:focus { border: #5AB200 1px solid}
.yAlert_b { border-top: #ddd 1px solid; padding-top: 10px}
.yAlert .yAlert_br,.yAlert .yAlert_bs { font-size: 16px; margin: 10px auto; text-align: center; cursor: pointer}
.yAlert .yAlert_bs { background: #5AB200; color: #fff}
.yAlert .yAlert_br {border: #5AB200 1px solid; color: #5AB200;}
.yAlert_bg {z-index: +100; background: #000;filter: alpha(opacity=50); -moz-opacity: .5;-khtml-opacity: .5; opacity: .5; position: fixed;
    left: 0; top: 0;width: 100%;height: 100%;display: none;}

    .pc-kf-btn{
    display: block;
    width: 170px;
    height: 48px;
    background: url(https://mip.mdpda.com/statics/pc/images/pc-kf-btn.png) no-repeat;
    margin: 0 15px 10px;
    position: relative;
    float: left;
}
 .pc-kf-btn:after{
    position:absolute;
    bottom: 3px;
    right: 3px;
    display:block;
    content:"";
    width:30px;
    height:14px;
    background:url(https://mip.mdpda.com/statics/pc/images/gg-tips.png) no-repeat;
} 
.move-tips{line-height:20px;width: 170px;/* margin: 0 auto 10px; *//* padding: 0 10px; */overflow:hidden;margin-left: 15px;}
.move-tips .tips-comment{padding-left: 36px;font-size: 14px;color: red;display:inline-block;white-space:nowrap;animation:10s wordsLoop linear infinite normal;margin:0 10px;background: none;border: none;}
@keyframes wordsLoop{0%{transform:translateX(50px);-webkit-transform:translateX(50px)}
100%{transform:translateX(-100%);-webkit-transform:translateX(-100%)}
}
@-webkit-keyframes wordsLoop{0%{transform:translateX(50px);-webkit-transform:translateX(50px)}
100%{transform:translateX(-100%);-webkit-transform:translateX(-100%)}
}

.m-soft-information{ width: 100%; height: auto; margin: 10px auto 10px; display: block; overflow: hidden;}
.m-soft-information li{ width:50%; line-height:20px; font-size:14px; font-weight:normal; color:#333; float:left; margin:14px 0 0; display: inline; overflow: hidden;}
.m-soft-information li:nth-child(4){ width:66.66%;}
.m-soft-information li a{ color: #19abff}
.m-soft-information li.u-full{ width:100%;}

.g-box{padding: 24px 30px; position: relative; height: 160px;}
.g-box::before{content: ''; display: inline-block; width: 16px; height: 16px; border-top: 2px solid #00b0e8;border-left: 2px solid #00b0e8;position: absolute;left: 0; top: 0;}
.g-box::after{content: ''; display: inline-block; width: 16px; height: 16px; border-right: 2px solid #00b0e8;border-bottom: 2px solid #00b0e8;position: absolute;right: 0; bottom: 0;visibility: visible;}
.g-box .g-img{width:160px; height: 160px; float: left; margin-right: 28px; border-radius: 18px;}
.g-box .g-img:hover{opacity: .8; filter: alpha(opacity=80);}
.g-box .g-mid{width: 660px; float: left;color: #999; }
.g-box .g-mid h1{font-size: 26px; font-weight: bold; color: #333; height: 30px; line-height:30px; overflow: hidden;}
.g-box .g-mid .g-info li{width: 250px; float: left; margin-right: 10px;height: 32px; line-height:32px;}
.g-box .g-mid .g-info li:last-child{width: 260px;}
.g-box .g-mid .g-info li span{color: #666;}
.g-box .g-mid .g-label{height: 20px; margin-top: 10px; line-height:20px; padding-left: 24px; background: url(../images/pc-icons.png) no-repeat; background-position: -8px -65px;}
.g-box .g-mid .g-label i{display: inline-block; padding:0 5px; margin-right: 6px; background: #f0f0f0; color: #666;}
.g-box .g-mid .g-label a{display: inline-block; padding:0 5px; margin-right: 6px; background: #fb5757; color: #fff;}
.g-box .g-right{width: 210px; float: right; padding-top: 20px;}
.g-box .g-right a{display: block; width: 100%; height: 52px; margin-bottom: 12px; overflow: hidden;zoom: 1; text-align: center; line-height:52px; font-size: 18px; color: #fff;border-radius: 2px; }
.g-box .g-right a em{display: block; float: left; width: 54px; height: 52px;}
.g-box .g-right a:hover{opacity: .8; filter: alpha(opacity=80);}
.g-box .g-right a.nodown{background: #ddd;}
.g-box .g-right .android-btn{background: #94C804;}
.g-box .g-right .android-btn em{background: #94C804 url(../images/pc-icons.png) no-repeat; background-position:0 -217px;}
.g-box .g-right .android-btn.no{background: #ddd;}
.g-box .g-right .android-btn.no em{background: #ccc url(../images/pc-icons.png) no-repeat; background-position:-47px -217px;}
.g-box .g-right .ios-btn{background: #5298ff;}
.g-box .g-right .ios-btn em{background: #4b87e0 url(../images/pc-icons.png) no-repeat; background-position:0 -267px;}
.g-box .g-right .ios-btn.no{background: #ddd;}
.g-box .g-right .ios-btn.no em{background: #ccc url(../images/pc-icons.png) no-repeat; background-position:-47px -267px;}
.g-box .g-right .yuyue-btn{background: #ff944f;display: none;}
.g-box .g-right .yuyue-btn em{background: #e47935 url(../images/pc-icons.png) no-repeat; background-position:-45px -168px;}
.g-box-1200 {
    width: 1200px;
    height: auto;
    margin: auto;
    display: block;
    margin-top: 30px;
}

.clearfix:before{
    display: table;
    line-height: 0;
    content: "";
}
.width885 {
    width: 885px;
}
.f-fl, .f-lifl li, .f-dlfl dt, .f-dlfl dd {
    float: left;
    display: inline;
}
.showcase {
    padding-bottom: 20px;
}

.showcase .s-content {
    width: 10000px
}

.showcase .scrollbar {
    overflow: hidden
}

.showcase .scrollbar .s-box {
    height: 300px;
    _width: 838px;
    *position: relative;
    *overflow: hidden;
    overflow: hidden
}

.showcase .scrollbar li {
    float: left;
    position: relative;
    height: 300px;
    margin-right: 18px;
    overflow: hidden
}

.showcase .scrollbar li:last-of-type {
    margin-right: 0px;
}

.showcase .scrollbar li div a {
    display: block;
}

.showcase .scrollbar li div a span {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 100px;
    left: 50%;
    margin-left: -23px;
    display: none
}

.showcase .scrollbar li div a.f-hover span {
    display: block;
}

.showcase .scrollbar li.last {
    margin-right: 0
}

.showcase .scrollbar li img {
    max-height: 300px;
    _height: 300px;
    border-radius: 3px;
}

.showcase .scrollbar li span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 45px
}

.showcase .scrollbar li .bg {
    background: #000;
    opacity: .50;
    filter: alpha(opacity=50)
}

.showcase .scrollbar li .info {
    line-height: 45px;
    text-indent: 45px;
    font-size: 18px;
    color: #fff
}

.showcase .scrollbar .track {
    display: none;
    position: relative;
    margin: 20px 0 0 0;
    height: 8px;
    background-color: #f5f5f5;
    font-size: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    bottom: 1px
}

.showcase .scrollbar .track div {
    width: 110px;
    height: 10px;
    background-color: #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    top: -1px
}

.g-contfont {
    overflow: hidden;
    margin-top: 15px;
    position: relative;
    padding-bottom: 20px;
}
.u-listtit {
    overflow: hidden;
     border-bottom: 1px solid #ebebeb;
}
.u-listtit span {
    height: 24px;
    font-size: 18px;
    display: block;
    line-height: 22px;
    color: #333;
    text-indent: 15px;
    font-family: "microsoft yahei";
    float: left;
}

.u-listtit span i {
    width: 5px;
    height: 24px;
    background: #a3d90e;
    float: left;
}

.u-listtit strong {
    display: block;
    float: right;
    font-weight: normal;
    color: #999;
    font-size: 14px;
}

.u-listtit strong b {
    font-size: 16px;
    color: #f25657;
    font-weight: normal;
    padding: 0px 3px;
}
#m-cont p {
    font-size: 15px;
    color: #4c4c4c;
    line-height: 26px;
    margin: 0px 0px 10px 0px;
}

#m-cont {
    font-size: 15px;
    height: auto;
    display: block;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    margin: 10px 0px 0;
}

#m-cont h3 {
    margin: 0px 0px 10px 0px;
    line-height: 30px;
    overflow: hidden;
    color: #a3d90e;
    font-size: 16px;
}

#m-cont h3 a {
    color: #19abff;
}

#m-cont h4 {
    margin-bottom: 10px;
    font-weight: bold;
    color: #555;
    line-height: 30px;
    font-size: 15px;
}

#m-cont strong {
    font-weight: bolder;
}

#m-cont h4 em {
    font-style: normal;
}

#m-cont p img {
    display: block;
    margin: 0px auto;
}
.g-contfont .f-cont800:after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 3rem;
    background: -moz-linear-gradient(to bottom, rgba(255,255,255,0), #fff);
    background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0), #fff);
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
}

#m-cont p a {
    color: #19abff;
    text-decoration: underline;
    /*padding: 0px 4px;*/
}

#m-cont p a:hover {
    color: #a3d90e
}
.g-down-introduction {
    overflow: hidden;
    margin-bottom: 20px;
}
.w290 {
    width: 290px;
    overflow: hidden;
}
.f-fr {
    float: right;
    display: inline;
}
.g-aztjimg {
    margin-bottom: 25px;
}
.g-aztjimg li a {
    height: 78px;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 15px 93px;
    border-bottom: 1px dashed #d4d4d4;
    position: relative;
    display: block;
}

.g-aztjimg li i {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 78px;
    height: 78px;
    display: block;
}

.g-aztjimg li i img {
    width: 78px;
    height: 78px;
    border-radius: 14px;
}

.g-aztjimg li strong {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #333;
    overflow: hidden;
    margin-bottom: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
}

.g-aztjimg li p {
    font-size: 12px;
    color: #999;
    height: 46px;
    line-height: 23px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.g-aztjimg li a:hover strong {
    color: #a3d90e
}

.g-aztjimg li:last-of-type a {
    border-bottom: 0px;
}
.u-downrank {
    overflow: hidden;
    margin-top: 30px;
}

.u-downrank ul {
    padding: 8px 0px 0;
}

.u-downrank ul li {
    border-bottom: 1px dashed #eee;
}

.u-downrank ul li .item {
    height: 45px;
    line-height: 45px;
}
.num {
    display: block;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-style: normal;
    float: left;
    text-align: center;
    line-height: 22px;
    margin-right: 10px;
    *display: inline;
    *zoom: 1;color: #fff;
    background: #afafaf;
    margin-top: 12px;
}

.u-downrank ul li .item-cont {
    display: none;
}

.u-downrank ul li.m-hover .item-cont {
    display: block;
}

.u-downrank ul li.m-hover .item {
    display: none;
}

.u-downrank ul li:nth-child(1) i.num {
    background: #fa4e57;
}

.u-downrank ul li:nth-child(2) i.num {
    background: #fa7a53;
}

.u-downrank ul li:nth-child(3) i.num {
    background: #fbc258;
}

.u-downrank ul li .item .title {
    float: left;
    width: 170px;
    font-size: 14px;
    height: 45px;
    overflow: hidden;
}

.u-downrank ul li .item .title a {
    color: #333;
}

.u-downrank ul li .item .size {
    float: right;
    font-size: 12px;
    color: #999;
}

.u-downrank ul li .item-cont {
    padding: 15px 0;
}

.u-downrank ul li .item-cont .list-box {
    float: left;
    width: 149px;
    *display: inline;
    *zoom: 1;margin-left: 10px;
    font-size: 15px;
    line-height: 24px;
    height: 60px;
}

.u-downrank ul li .item-cont .list-box p {
    font-size: 14px;
    overflow: hidden;
    line-height: 20px;
    color: #999;
    height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.u-downrank ul li .item-cont .list-box p a {
    color: #333;
}

.u-downrank ul li .item-cont .list-box span {
    display: block;
    height: 14px;
    margin: 3px 0 3px 0;
}

.u-downrank ul li .item-cont .list-box span img {
    height: 14px;
    display: block;
}

.u-downrank ul li .item-cont a img {
    display: block;
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 14px;
}

.u-downrank ul li.m-hover .item-cont i.num {
    margin-top: 0px;
}

.u-downrank ul li .item-cont .list-box strong {
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    color: #999;
    font-size: 12px;
    display: block;
}

.u-downrank ul li.m-hover .item-cont .list-box p a {
    color: #a3d90e;
}

.u-downrank ul li:last-of-type {
    border-bottom: 0px;
}
.g-Kbox {
    overflow: hidden;
    margin-top: 25px;
}

.g-Kbox ul {
    margin-top: 5px;
    overflow: hidden;
}

.g-Kbox ul li {
    position: relative;
    overflow: hidden;
    margin: 15px 10px 0px 10px;
    border-radius: 4px;
}

.g-Kbox ul li strong {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: url(../../images/bg-shadow.png);
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.g-Kbox ul li:hover {
    box-shadow: 0px 0px 5px #333;
}

.g-Kbox ul li:hover strong {
    background: #f00
}
img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
.g-rights {
    width: 130px;
    float: left;
    text-align: center;
    margin-left: -128px;
    font-size: 14px;
}
.news_rank {
    width: 294px;
    padding: 0 16px;
}

.news_rank .tab_menus {
    border-bottom: 1px solid #ddd;
}

.news_rank .tab_menus li {
    width: 146px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #666;
    font-size: 16px;
    border-bottom: 2px solid transparent;
    float: left;
    cursor: pointer;
}

.news_rank .tab_menus .on {
    border-bottom: 2px solid #94c804;
    font-weight: bold;
    color: #464646;
}

.news_rank .cont {
    margin-top: 10px;
}

.news_rank .cont ul + ul {
    display: none;
}

.news_rank .cont li {
    padding: 8px 0;
    border-bottom: 1px solid #ededed;
    cursor: pointer;
}

.news_rank .cont li .num,.news_rank .cont li .info,.news_rank .cont li img {
    display: block;
    float: left;
}

.news_rank .cont li a {
    display: block;
}

.news_rank .cont li .tBoxs {
    display: none;
}

.news_rank .cont li .fBoxs .num {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background-color: #ccc;
    margin-right: 16px;
}

.news_rank .cont li .fBoxs .info {
    width: 250px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
}

.news_rank .cont li .tBoxs .num {
    width: 24px;
    height: 82px;
    line-height: 82px;
    text-align: center;
    background-color: #94c804;
    color: #fff;
    margin: 8px 16px 8px 0;
}

.news_rank .cont li .tBoxs img {
    float: left;
    display: block;
    width: 120px;
    height: 82px;
    margin: 8px 16px 8px 0;
}

.news_rank .cont li .tBoxs .info {
    width: 116px;
    height: 74px;
    padding-top: 8px;
    margin: 8px 0;
    overflow: hidden;
}

.news_rank .cont li .tBoxs .info .txt {
    height: 46px;
    line-height: 23px;
    font-size: 14px;
    color: #444;
    overflow: hidden;
}

.news_rank .cont li .tBoxs .info .time {
    height: 28px;
    line-height: 28px;
    color: #ababab;
    overflow: hidden;
    white-space: nowrap;
}

.news_rank .cont li.on .fBoxs {
    display: none;
}

.news_rank .cont li.on .tBoxs {
    display: block;
}