.g-box-1200{ width:1200px; height:auto; margin:auto; display:block; overflow:hidden}
.g-box-info-1200 {
    width: 1200px;
    height: 240px;
    margin: auto;
    display: block;
    /* overflow: hidden; */
}

body {
  background-color: #f9f9f9;
}

.g-top-recomd{ height:108px; padding:27px 0 12px; border-bottom:1px dotted #eee;}
.g-top-recomd .m-btn{ width:140px; height:auto;}
.g-top-recomd .m-btn li{ width:100%; height:auto; display:block; overflow:hidden; cursor:pointer}
.g-top-recomd .m-btn li strong{ width:130px; height:54px; line-height:54px; font-size:14px; font-weight:normal; color:#666; background:#fafafa; float:left; display:inline; overflow:hidden}
.g-top-recomd .m-btn li strong i{ width:15px; height:18px; background:url(../../pc/images/downinfo-icon.png) no-repeat; float:left; margin:18px 8px 0 27px; display:inline; overflow:hidden}
.g-top-recomd .m-btn li.f-hover strong{ background:#f6505c; color:#fff;}
.g-top-recomd .m-btn li.f-hover strong i{-webkit-filter: brightness(5); -moz-filter: brightness(5); -o-filter: brightness(5); -ms-filter: brightness(5);  filter: brightness(5);}
.g-top-recomd .m-btn li.f-hover em{ width:0; height:0; border-top:9px solid transparent; border-bottom:9px solid transparent; border-left:9px solid #f6505c; float:left; margin:18px 0 0;}
.g-top-recomd .m-btn li:nth-child(2) strong i{ background-position:-83px 0; width:16px; height:16px;}
.g-top-recomd .m-cont{ width:1060px; height:auto; float:left; margin:0; display:inline; overflow:hidden}
.g-top-recomd .m-cont a{ width:80px; height:auto; float:left; margin:0 12px 0 25px; display:inline; overflow:hidden}
.g-top-recomd .m-cont a img{ width:80px; height:80px; border-radius:14px; display:block; overflow:hidden}
.g-top-recomd .m-cont a strong{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#999; text-align:center; margin:10px 0 0; display:block; overflow:hidden}
.g-top-recomd .m-cont a:hover strong{ color:#f00}


.g-guide-box{height:45px;/* width: 1200px; */line-height:45px;text-indent:12px;/* margin-top: 20px; */font-size:14px;/* margin-bottom: 20px; */font-weight:normal;color:#666;}

.g-soft-introd{width:1198px;border:1px solid #eee;/* padding:0 0 20px 0; */background: #fff;}
.g-soft-introd .m-sintrod-left{width:880px;height:auto;margin: 24px 0 0 19px;}
.g-soft-introd .m-sintrod-left .m-sintrod-h1{width: 700px;height:34px;line-height:34px;margin-left: 25px;}
.g-soft-introd .m-sintrod-left .m-sintrod-h1 h1{ width:auto; font-size:30px; font-weight:bold; color:#333; float:left; margin:0 12px 0 0; display:inline; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.g-soft-introd .m-sintrod-left .m-sintrod-h1 strong{ width:auto; float:left; display:inline; overflow:hidden}
.g-soft-introd .m-sintrod-left .m-sintrod-h1 strong i{ width:0px; height:0px; border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:6px solid #f3f2f8; float:left; margin:13px 0 0; display:inline; overflow:hidden;}
.g-soft-introd .m-sintrod-left .m-sintrod-h1 strong b{ width:auto; font-size:14px; font-weight:normal; color:#fa833e; padding:0 10px; background:#f3f2f8; float:left; display:inline; overflow:hidden; border-radius:4px;}
.g-soft-introd .m-sintrod-left .u-img{width: 140px;height: 140px;border-radius:14px;/* margin:22px 0 0; */}
.g-soft-introd .m-sintrod-left .m-introd-main{width: 700px;height:auto;margin:12px 0 0 25px;}
.g-soft-introd .m-sintrod-left .m-introd-main li{ width:30%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#808080; float:left; margin:12px 0 0; display:inline; white-space: nowrap;overflow: hidden;}
.g-soft-introd .m-sintrod-left .m-introd-main li b{ font-weight:normal; float:left}
.g-soft-introd .m-sintrod-left .m-introd-main li img{ height:14px; float:left;margin: 3px;}
.g-soft-introd .m-sintrod-left .m-introd-main li.f-office{
  width: 60%;
}
.g-soft-introd .m-sintrod-left .m-introd-main li.f-office p{
  display: inline;
}
.g-soft-introd .m-sintrod-left .m-introd-main li.package{width: 40%;}
.g-soft-introd .m-sintrod-left .m-introd-main li.dev{width: 40%;}
.g-soft-introd .m-sintrod-left .m-introd-main li.icp{width: 33%;}
.g-soft-introd .m-sintrod-left .m-down-btn{ width:159px; height:42px; line-height:42px; font-size:16px; font-weight:normal; color:#fff; background:#49c124; margin:18px 0 0 25px; border-radius:4px; cursor:pointer}
.g-soft-introd .m-sintrod-left .m-down-btn strong{ width:108px; float:left; text-align:center; font-weight:normal; display:inline; overflow:hidden; border-right:1px solid #30b615}
.g-soft-introd .m-sintrod-left .yp-down-btn strong {
  width: 108px;
  float: left;
  text-align: center;
  font-weight: normal;
  display: inline;
  overflow: hidden;
}
.g-soft-introd .m-sintrod-left .m-down-btn strong a{color: #fff}
.g-soft-introd .m-sintrod-left .yp-down-btn strong a{color: #fff}
.g-soft-introd .m-sintrod-left .yp-down-btn {
  width: 108px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  background: #49c124;
  margin: 18px 0 0 25px;
  border-radius: 4px;
  cursor: pointer;
}
.g-soft-introd .m-sintrod-left .m-down-btn i{ width:50px; height:42px; float:left; display:inline; overflow:hidden; background:url(../../pc/images/downinfo-icon.png) no-repeat -276px 9px}

.g-soft-introd .m-sintrod-right{width:281px;height:auto;margin:34px 0 0;border-left: 1px solid #f5f5f5;}
.g-soft-introd .m-sintrod-right .m-rjphb-box{ width:280px; height:34px; line-height:34px; font-size:14px; background:#f3f2f8; margin:0 0 0 44px;}
.g-soft-introd .m-sintrod-right .m-rjphb-box i{ width:23px; height:22px; background:url(../../pc/images/downinfo-icon.png) no-repeat 0 -129px; float:left; margin:6px 10px 0 12px; display:inline; overflow:hidden}
.g-soft-introd .m-sintrod-right .m-rjphb-box strong{ font-weight:normal; color:#999;}
.g-soft-introd .m-sintrod-right .m-rjphb-box a{ color:#fa833e; float:right; margin:0 12px 0 0;}
.g-soft-introd .m-sintrod-right .m-grade-box{ width:auto; height:auto; margin:28px 0 0;}
.g-soft-introd .m-sintrod-right .m-grade-box dt{ width:28px; height:auto; float:left; margin:0 14px 0 0; font-size:14px; font-weight:normal; color:#999; display:inline; overflow:hidden; text-indent:-999px}
.g-soft-introd .m-sintrod-right .m-grade-box dd{ width:74px; height:74px; float:left; margin:0; display:inline; overflow:hidden}
.g-soft-introd .m-sintrod-right .m-good-bad{ width:154px; height:auto; margin:18px 0 0;}
.g-soft-introd .m-sintrod-right .m-good-bad b{ width:100%; height:32px; background:#f3f2f8; border-radius:32px; margin:10px 0 0; display:block; overflow:hidden; cursor:pointer}
.g-soft-introd .m-sintrod-right .m-good-bad b i{ width:50px; height:32px; background:url(../../pc/images/downinfo-icon.png) no-repeat 17px -210px; float:left; margin:0; border-right:1px solid #e7e7e9; display:inline; overflow:hidden}
.g-soft-introd .m-sintrod-right .m-good-bad b strong{/* width:120px; */height:32px;line-height:32px;font-size:14px;font-weight:normal;color:#999;text-indent:16px;/* float:left; */margin-left: 5px;display:inline;overflow:hidden;}

.g-soft-introd .m-sintrod-right .m-good-bad b strong em{ color:#333;}
.g-soft-introd .m-sintrod-right .m-good-bad b.u-good-btn i{ background:url(../../pc/images/downinfo-icon.png) no-repeat 17px -171px;}
.g-soft-introd .m-sintrod-left .m-introd-main  li.uptime {width: 30%;}


.u-left-title{/* width:100%; */font-size:18px;font-weight:bold;color:#333;border-left: 5px solid #23c268;display:block;height: 22px;line-height: 22px;overflow:hidden;margin: 20px 0;/* border-left: 4px solid #fa833e; */text-indent: 10px;/* border-bottom:1px solid #eee; */}
.u-left-title strong{float:left; display:inline; overflow:hidden}
.u-left-title ul{ width:auto; float:left; margin:0 0 0 80px; display:inline; overflow:hidden}
.u-left-title ul li{ width:auto; height:20px; line-height:20px; font-size:16px; font-weight:normal; color:#666; float:left; margin:15px 0 0 0; display:inline; overflow:hidden; border-left:1px solid #ccc; padding:0 20px; cursor:pointer}
.u-left-title ul li:nth-child(1){ border:0;}
.u-left-title ul li.f-hover{ color:#f6505c; font-weight:bold}

.xiazai-appinfo {
    height: auto;
    margin: 10px 0 0;
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 0 15px;
}

.yxDeRelTag{width: 100%;overflow: hidden;box-sizing: border-box;font-size: 15px;color: #666;}
.yxDeRelTag ul{width: 100%;overflow: hidden;}
.yxDeRelTag ul li{float: left;display: inline-block;margin: 0 5px 10px 5px;padding: 0 12px;color: #888;line-height: 28px;font-size: 12px;border-radius: 27px;border: 1px solid #eee;}
.yxDeRelTag ul li > a{display: block;}
.yxDeRelTag ul li > a i{color: #3cb8ec;margin-right: 4px;}
.yxDeRelTag ul li:hover > a{color: #3cb8ec;text-decoration: underline;}

.m-soft-information{ width: 100%; height: auto; margin: 0 auto 20px; display: block; overflow: hidden;}
.m-soft-information li{ width:50%; height: 20px; line-height:20px; font-size:15px; font-weight:normal; color:#333; float:left; margin:10px 0 0 0; display: inline; overflow: hidden;}
.m-soft-information li span{    width: 320px;display: inline-block;}
.m-soft-information li span a:hover{color: #f60;}

.m-main-left {
    width: 882px;
    height: auto;
    margin: 10px 16px 0 0;
    /* border: 1px solid #eee; */
    border-radius: 4px;
    padding-bottom: 20px;
    /* background: #fff; */
}.m-main-left .m-main-tab{/* width:843px; */height:auto;margin: auto;display:block;overflow:hidden;/* padding: 10px; *//* background: #fff; */}
.m-main-left .m-main-tab .m-main-btn{/* width:100%; */height:52px;line-height:52px;font-size:20px;font-weight:bold;color:#333;text-align:center;border-bottom:1px solid #eee;display:block;overflow:hidden;background: #fff;padding: 0 15px;}
.m-main-left .m-main-tab .m-main-btn li{ width:auto; float:left; margin:0 42px 0 0; display:inline; overflow:hidden; cursor:pointer}
.m-main-left .m-main-tab .m-main-btn li.f-hover{border-bottom:3px solid #fa833e;height: 49px;}
.m-main-left .m-main-tab .m-main-cont{/* width:100%; */height:auto;display:block;overflow:hidden;padding:15px;background: #fff;}
.m-main-left .m-main-tab .m-main-cont .m-main-main{
    width:100%;
    height:auto;
    margin-top: 10px;
    display:block;
    overflow:hidden;
    padding: 0 0 20px 0;
    /* border-bottom: 1px solid #f5f5f5; */
    }
    .m-main-main h4 {
    margin: 10px;
    font-size: 14px;
}
.m-main-left .m-main-tab .m-main-cont p{ width:100%; height:auto; line-height:28px; font-size:15px; font-weight:normal; color:#333; margin:10px 0 0; display:block; overflow:hidden;}
.m-main-left .m-main-tab .m-main-cont p a{color: #3a7fde;border-bottom: 1px solid #3a7fde;}
.m-main-left .m-main-tab .m-main-cont img{ width:auto; max-width:40%; margin:10px auto; display:block; overflow:hidden}
.m-main-left .m-main-tab .m-main-cont h3{ width:100%; height:22px; line-height:22px; font-size:18px; font-weight:bold; color:#fa833e; border-bottom:1px solid #eee; display:block; overflow:hidden; margin:10px 0 0;padding:10px 0;}
/*.m-main-left .m-main-tab .m-main-cont h4{ width:100%; height:auto; line-height:28px; font-size:14px; font-weight:normal; color:#666; margin:10px 0 0; display:block; overflow:hidden; text-indent:2em;}*/
.m-main-left .m-main-tab .m-main-cont h4 a{color: #3a7fde;}

.m-main-left .m-main-previmg{/* width:100%; */height:auto;margin: 10px 0 0;display:block;overflow:hidden;background: #fff;padding: 0 15px;}
.m-main-left .m-main-previmg .g-previmg-box{/* width:843px; */height:auto;background:#fff;display:block;overflow:hidden;position:relative;zoom:1;margin:0;padding:0;padding-bottom:20px;}
.m-main-left .m-main-previmg .g-previmg-swiper{width:100%; height:auto; display:block; overflow:hidden; position:relative; zoom:1;}
.m-main-left .m-main-previmg .g-previmg-swiper .swiper-wrapper{ margin:0 0 0 0;}
.m-main-left .m-main-previmg .g-previmg-swiper .swiper-wrapper .swiper-slide{-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0;width:auto; height:auto; position: relative;float:left; display:inline; overflow:hidden}
.m-main-left .m-main-previmg .g-previmg-swiper .swiper-wrapper .swiper-slide img{ width:auto; max-width:600px; height:auto; max-height:430px; display:block; overflow:hidden;}
.m-main-left .m-main-previmg .swiper-button-next, .swiper-button-prev{top:0; margin:0; right:0; width:27px; height:100%; background:url(../../pc/images/swiper-right.png) no-repeat center center rgba(0,0,0,.7); cursor:pointer}
.m-main-left .m-main-previmg .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity:0}
.m-main-left .m-main-previmg .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:0;transform:rotate(180deg);}
.m-main-left .m-main-previmg .u-previmg-btn{ display:none; z-index:40}
.m-main-left .m-main-previmg .swiper-scrollbar { position: absolute; left: 0; bottom: 0; width: 100%; height: 10px;}

.m-main-left .m-downlink-box{/* width:843px; */height:auto;margin: 10px 0;display:block;overflow:hidden;background: #fff;/* padding-bottom: 10px; */padding: 0 15px;}
.m-main-left .m-downlink-box .m-downlink-cont{width:100%;height:auto;margin: 0;padding: 10px 0;display:block;overflow:hidden;}
.m-main-left .m-downlink-box .m-downlink-cont h3{width:100%;height:auto;font-size:16px;font-weight:bold;color:#000;/* margin: 15px 0; */display:block;overflow:hidden;}
.m-main-left .m-downlink-box .m-downlink-cont .ul_Address{ width:100%; height:auto; display:block; overflow:hidden}
.m-main-left .m-downlink-box .m-downlink-cont .ul_Address li{ width:180px; height:auto; float:left; margin:16px 0 0; padding: 0 0 0 33px; background:url(../../pc/images/downinfo-icon.png) no-repeat -176px -129px; display:inline; overflow:hidden;}
.m-main-left .m-downlink-box .m-downlink-cont .ul_Address li a{ width:auto; height:24px; line-height:24px; font-size:15px; font-weight:normal; color:#333; display:inline; overflow:hidden}

.m-main-left .m-keyword-box{ width:843px; height:auto; margin:20px auto 0; display:block; overflow:hidden}
.m-main-left .m-keyword-box .m-cont{ width:100%; height:auto; margin:20px 0 0; display:block; overflow:hidden}
.m-main-left .m-keyword-box .m-cont .m-cont-top{ width:100%; height:auto; display:block; overflow:hidden}
.m-main-left .m-keyword-box .m-cont .m-cont-top dt{ width:216px; height:120px; float:left; display:inline; overflow:hidden}
.m-main-left .m-keyword-box .m-cont .m-cont-top dt img{ width:100%; height:120px; border-radius:4px; display:block; overflow:hidden}
.m-main-left .m-keyword-box .m-cont .m-cont-top dd{ width:607px; height:auto; float:left; margin:0 0 0 20px; display:inline; overflow:hidden}
.m-main-left .m-keyword-box .m-cont .m-cont-top dd a{ width:100%; height:22px; line-height:22px; font-size:18px; font-weight:bold; color:#222; margin:13px 0 0; display:block; overflow:hidden}
.m-main-left .m-keyword-box .m-cont .m-cont-top dd p{ width:100%; height:auto; max-height:44px; line-height:24px; font-size:14px; font-weight:normal; color:#222; margin:13px 0 0; display:block; overflow:hidden}
.m-main-left .m-keyword-box .m-cont .m-cont-bottom{ width:100%; height:auto; display:block; overflow:hidden;}
.m-main-left .m-keyword-box .m-cont .m-cont-bottom a{ width:33.33%; height:auto; float:left; margin:24px 0 0; display:inline; overflow:hidden}
.m-main-left .m-keyword-box .m-cont .m-cont-bottom a .u-img{ width:64px; height:64px; border-radius:12px; float:left; margin:0 12px 0 0; display:inline; overflow:hidden}
.m-main-left .m-keyword-box .m-cont .m-cont-bottom a strong{ width:180px; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#222; float:left; margin:2px 0 0; display:inline; overflow:hidden}
.m-main-left .m-keyword-box .m-cont .m-cont-bottom a b{ width:80px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; float:left; margin:1px 0 0; display:inline; overflow:hidden}
.m-main-left .m-keyword-box .m-cont .m-cont-bottom a .u-rank{ width:auto; height:14px; float:left; margin:1px 0 0 0; display:inline; overflow:hidden}
.m-main-left .m-keyword-box .m-cont .m-cont-bottom a em{ width:70px; height:24px; line-height:24px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:#fa833e; border-radius:4px; float:left; margin:5px 0 0; display:inline; overflow:hidden;}

.m-main-left .m-keyword-box .m-cont .m-cont-bottom a:hover strong{ color:#f00}

.m-main-left .m-related-soft{/* width:843px; */height:auto;margin: 10px 0;display:block;overflow:hidden;padding: 0 15px;background: #fff;}
.m-main-left .m-related-soft .m-related-cont{ width:100%; height:auto; margin:0; display:block; overflow:hidden}
.m-main-left .m-related-soft .m-related-cont li{ width:230px; height:64px; float:left; margin:22px 51px 0 0; display:inline; overflow:hidden}
.m-main-left .m-related-soft .m-related-cont li .u-img{ width:64px; height:64px; float:left; margin:0 12px 0 0; display:inline; overflow:hidden}
.m-main-left .m-related-soft .m-related-cont li .u-img img{ width:100%; height:64px; display:block; overflow:hidden; border-radius:12px;}
.m-main-left .m-related-soft .m-related-cont li .u-name{ width:150px; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; float:left; margin:5px 0 0; display:inline; overflow:hidden}
.m-main-left .m-related-soft .m-related-cont li b{ width:150px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; float:left; margin:5px 0 0; display:inline; overflow:hidden}

.m-main-left .m-newcms-box{ width:843px; height:auto; margin:20px auto 0; display:block; overflow:hidden}
.m-main-left .m-newcms-box .m-newcms-cont{ width:100%; height:auto; display:block; overflow:hidden}
.m-main-left .m-newcms-box .m-newcms-cont li{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; margin:20px 0 0; display:block; overflow:hidden}
.m-main-left .m-newcms-box .m-newcms-cont li i{ width:6px; height:6px; background:#999; border-radius:10px; float:left; margin:5px 10px 0 0; display:inline; overflow:hidden}
.m-main-left .m-newcms-box .m-newcms-cont li a{ width:auto; max-width:736px; color:#666; float:left; display:inline; overflow:hidden}
.m-main-left .m-newcms-box .m-newcms-cont li em{ float:right; color:#ff4849; font-size:12px;}



.g-right-title{ width:100%; height:24px; line-height:24px; font-size:18px; font-weight:normal; color:#222; display:block; overflow:hidden}
.g-right-title i{ width:4px; height:24px; background:#fa833e; float:left; margin:0 12px 0 0; display:inline; overflow:hidden}

.m-main-right{ width:300px; height:auto; margin:10px 0 0 0; }
.m-main-right .m-class-rank {
    width: 260px;
    height: auto;
    border: 1px solid #eee;
    padding: 19px;
    border-radius: 4px;
    margin: 10px 0 0;
    display: block;
    overflow: hidden;
    background: #fff;
    position: relative; /* 初始状态 */
}

.m-class-rank.fixed {
    /*position: fixed;*/
    /*top: 10px; */
    /*left: auto; */
    /*z-index: 1000;*/
    /*background-color: #fff;*/
    /*width: 260px; */
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
}


.m-main-right .m-class-rank ul{ width:100%; height:auto; margin:8px 0 0; display:block; overflow:hidden}
.m-main-right .m-class-rank ul li{ width:100%; height:20px; margin:12px 0 0; display:block; overflow:hidden}
.m-main-right .m-class-rank ul li i{ width:20px; height:20px; line-height:20px; font-size:12px; font-weight:normal; color:#fff; text-align:center; background:#ccc; border-radius:4px; float:left; margin:0; display:inline; overflow:hidden; font-style:normal}
.m-main-right .m-class-rank ul li .u-img{ display:none}
.m-main-right .m-class-rank ul li span{ width:228px; height:auto; float:left; margin:0 0 0 12px; display:inline; overflow:hidden}
.m-main-right .m-class-rank ul li span .u-name{ width:160px; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#222; float:left; display:inline; overflow:hidden}
.m-main-right .m-class-rank ul li span .u-rank{ display:none}
.m-main-right .m-class-rank ul li span strong{ display:none}
.m-main-right .m-class-rank ul li b{ display:none}
.m-main-right .m-class-rank ul li span strong.u-class{ width:auto; height:20px; line-height:20px; font-size:12px; font-weight:normal; color:#999; float:right; display:inline; overflow:hidden;}
.m-main-right .m-class-rank ul li .u-btn{ display:none}

.m-main-right .m-class-rank ul li.f-hover{ height:auto;}
.m-main-right .m-class-rank ul li.f-hover i{ margin-top:22px;}
.m-main-right .m-class-rank ul li.f-hover .u-img{ width:64px; height:64px; float:left; border-radius:14px; margin:0 0 0 12px; display:inline; overflow:hidden}
.m-main-right .m-class-rank ul li.f-hover span{ width:86px; }
.m-main-right .m-class-rank ul li.f-hover span .u-rank{ width:auto; height:14px; margin:4px 0 0; display:block; overflow:hidden}
.m-main-right .m-class-rank ul li.f-hover span strong{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; margin:4px 0 0; float:none; display:block; overflow:hidden}
.m-main-right .m-class-rank ul li.f-hover .u-btn{ width:56px; height:24px; line-height:24px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:#fa833e; border-radius:4px; float:left; margin:20px 0 0 10px; display:inline; overflow:hidden;}
.m-main-right .m-class-rank ul li.f-hover span .u-name{ width:100%}

.m-main-right .m-class-rank ul li:nth-child(1) i{ background:#fa4e57}
.m-main-right .m-class-rank ul li:nth-child(2) i{ background:#f6505c}
.m-main-right .m-class-rank ul li:nth-child(3) i{ background:#ffc000}

.m-main-right .m-recomd-down{width:260px;height:auto;border:1px solid #eee;padding:19px 19px 0;border-radius:4px;display:block;overflow:hidden;background: #fff;}
.m-main-right .m-recomd-down .m-recomddown-cont{ width:100%; height:auto; margin:6px 0 0; display:block; overflow:hidden}
.m-main-right .m-recomd-down .m-recomddown-cont li{ width:100%; height:auto; margin:0; padding:16px 0; border-bottom:1px dashed #ddd; display:block; overflow:hidden}
.m-main-right .m-recomd-down .m-recomddown-cont li .u-img{ width:68px; height:68px; float:left; margin:0 14px 0 0; display:inline; overflow:hidden}
.m-main-right .m-recomd-down .m-recomddown-cont li .u-img img{ width:100%; height:68px; border-radius:12px; display:block; overflow:hidden}
.m-main-right .m-recomd-down .m-recomddown-cont li .u-name{ width:176px; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#222; float:left; margin:5px 0 0; display:inline; overflow:hidden}
.m-main-right .m-recomd-down .m-recomddown-cont li strong{ width:176px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; float:left; margin:6px 0 0; display:inline; overflow:hidden}
.m-main-right .m-recomd-down .m-recomddown-cont li strong i{ margin:0 8px; color:#eee; font-style:normal}
.m-main-right .m-recomd-down .m-recomddown-cont li strong span{ color:#f6505c}
.m-main-right .m-recomd-down .m-recomddown-cont li .u-rank{ height:14px; float:left; margin:6px 0 0; display:inline; overflow:hidden}
.m-main-right .m-recomd-down .m-recomddown-cont li:nth-last-child(1){ border:0;}


.keyText {  border:1px solid #ff9947; margin:10px 0; padding:38px 15px 8px; background:#fdfde5 url(../../pc/images/c_destip.png) no-repeat 13px 7px; line-height:22px;  color:#555; word-wrap:break-word; overflow:hidden;}
.keyText p img{width:auto}
.keyText { font-size:14px; line-height:24px;}
.keyText a {color: #2F73B1;}

.m-soft-recomd{width:843px; height:auto;margin:10px auto 0;  display:block; overflow:hidden;}
.m-soft-information{ width: 100%; height: auto; margin: 0 auto 10px; display: block; overflow: hidden;}
.m-soft-information li{ width:50%; height: 25px; line-height:25px; font-size:14px; font-weight:normal; color:#333; float:left; margin:10px 0 0; display: inline; overflow: hidden;}
.m-soft-information li.u-full{ width:100%;}

.m-main-left .m-main-tab .m-main-cont .tips{
	padding: 10px 10px;
	color: #666;
	line-height: 30px;
	clear: both;
	margin: 22px 20px 0 20px;
	background: #FDFDFD url(../../pc/images/tips.png) 20px 10px no-repeat;
	border: 1px solid #FFC3C3;
	font-size: 16px
}
.m-main-left .m-main-tab .m-main-cont .tips a {
    color: #3a7fde;
}
.m-main-left .m-main-tab .m-main-cont .tips b {
	font-weight: 700;
	padding-left: 50px;
	color: #666
}

.m-main-left .m-main-tab .m-main-cont .tips p{color: #f60;margin: 0;height: 25px;}

#comment .introTit {
  margin-bottom: 15px
}

#comment .introTit a {
  float: right;
  font-weight: 400;
  color: #999;
  font-size: 14px
}

legend {
  display: none
}


input:focus {
  outline: 0;
  color: #000
}

.btn-submit,.input-bg {
  border: 0 none;
  background: 0 0;
  cursor: pointer
}

input.btn-submit {
    float: right;
    margin-right: 8px;
}

#cmtNum {
  color: #f60;
  margin: 0 2px
}

#hotCmt .q-content {
  background: #fff
}

#hotCmt .cmtList-user {
  background: #fff;
  margin-right: 50px
}

#glName-wrap, #userName-wrap {
  height: 34px;
  background: url(../../pc/images/azspr.png) -51px -206px no-repeat;
  margin-bottom: 10px;
  margin-top: 10px;
}

#userName {
  width: 140px;
  padding: 1px 3px 1px 5px;
  height: 23px;
  line-height: 23px;
  margin-left: 42px
}

#subCmt {
  margin: 5px 1% 0 0
}

.cmtList-reply {
  display: inline-block;
  zoom: 1;
  width: 72px;
  height: 23px;
  overflow: hidden;
  line-height: 22px;
  color: #ff5d5d;
  text-align: center
}

.cmtList-ft span.hover {
  background-position: -240px 0
}

.cmtList-name {
  display: inline
}

#comment {
  position: relative;
  font-size: 14px;
  overflow: hidden;
  /*padding: 10px;*/
}

#comment dl {
  width: 100%;
  overflow: hidden;
  font-size: 14px
}

#comment-list dt {
  line-height: 24px;
  color: #666;
  zoom: 1;
  padding-top: 14px;
  border-top: 1px dashed #ddd
}

#comment-list dt span i {
  font-style: normal;
  padding: 0 5px;
  color: #ff5d5d
}

#comment-list dt em {
  padding-left: 10px
}

#comment-list dt em,#comment-list dt front {
  color: #999
}
#comment-list dd {
  padding: 10px 0;
  zoom: 1;
  margin: 0;
  width: 90%;
  padding-left: 5px;
  margin-left: 56px;
  margin-bottom: 5px;
}

#comment-list dd p {
  text-align: right;
  position: relative;
  z-index: 0;
  line-height: 1.5;
}

#comment-list dd p a {
  color: #ff5d5d;
  z-index: 0;
  position: relative;
  top: -7px;
  _top: 0
}

@-moz-document url-prefix() {
  #comment-list dd p a {
    top: -6px
  }
}

@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) {
  #comment-list dd p a {
    top: -6px
  }
}

#comment-list dd p a:hover {
  color: #f60;
  text-decoration: none;
  z-index: 0
}

#comment-list dd p a em {
  color: #f60;
  padding: 0 2px;
  z-index: 0
}

#comment-list dd p a span {
  color: #f60;
  z-index: 0
}

#comment-list dd p .glBtn {
  display: inline-block;
  zoom: 1;
  width: 72px;
  height: 23px;
  overflow: hidden;
  line-height: 22px;
  color: #fff;
  /* text-align: center; */
  color: #ff5d5d;
  position: static;
}

#comment-list dd blockquote {
  padding: 4px 5px 4px 5px;
  border: 1px solid #E0E0E0;
  background: #fcfce8;
  margin-bottom: 10px;
  width: auto;
  color: #222;
  zoom: 1;
  margin: 0 auto 7px auto
}

#comment-list dd blockquote h4 {
  color: #999;
  padding: 10px 0 7px 0
}

#comment-list dd blockquote cite {
  font-style: normal;
  color: #787878;
  font-size: 15px
}

#userName {
  margin-right: 10px
}

#hotCmt dl {
  margin-bottom: 15px;
  padding: 15px 15px 5px 15px;
  _zoom: 1;
  border: 1px solid #FEC08F;
  background: #FFF8D9 url(../../pc/images/zhiding.png) no-repeat top right;
  width: 638px
}

#hotCmt dt {
  margin-right: 40px;
  background: #F0FBEC
}

#hotCmt dd blockquote {
  background: #fcfcf2
}

#comment-form {
  padding-bottom: 15px;
  display: inline-block;
  width: 100%;
}

.pt10 {
  padding-top: 10px
}

.tr {
  text-align: right
}

.f14 {
  font-size: 14px
}

.pb10 {
  padding-bottom: 10px
}

.pr {
  position: relative
}

.button {
  display: inline-block;
  zoom: 1;
  width: 72px;
  height: 30px;
  overflow: hidden;
  line-height: 22px;
  color: #fff;
  text-align: center;
  background: #ff5d5d;
}


.button:hover {
  text-decoration: none
}

.button.btnBig {
  width: 100px;
  height: 30px;
  font-size: 14px;
  line-height: 28px
}

#glName,#userName {
  width: 132px;
  padding: 1px 3px 1px 5px;
  height: 30px;
  line-height: 30px;
  margin: 0 10px 0 60px
}

#cmtMsg,#glMsg {
  width: 98%;
  padding: 2px 4px;
  height: 100px;
  font-size: 12px;
  overflow: auto;
  color: #777;
  border: 1px solid #ddd
}

#cmtMsg.black {
  color: #000
}

#glRep-btn,#subCmt {
  margin: 5px 5px 0 0;
  width: 94px;
  height: 36px;
  line-height: 33px!important;
  line-height: 24px;
  background: #f60;
  color: #fff;
  display: inline-block;
  float: right
}

#subCmt:hover {
  text-decoration: none;
  background: #ff7214
}

#comment-form .seeAll {
  float: left;
  width: 180px;
  padding-top: 5px
}

#closeUI {
  position: absolute;
  right: 0;
  cursor: pointer
}

#upaddr {
  font-size: 12px;
  display: none;
  background: #fff;
  border: 1px solid #bbb;
  left: 50%;
  top: 0;
  margin-left: -392px;
  position: fixed;
  _position: absolute;
  width: 318px;
  z-index: 999;
  *zoom: 1;
  cursor: default;
  box-shadow: 0 4px 16px rgba(0,0,0,.4);
  border-radius: 2px
}

#upaddr:after,#upaddr:before {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0
}

#upaddr:after {
  clear: both
}

#upaddr dt {
  height: 30px;
  line-height: 30px;
  background: #F6F6F6;
  color: #333;
  padding: 0 2px 0 6px;
  font-size: 13px
}

.comm_pf {
    width: 100%;
    overflow: hidden;
    margin-bottom: 12px;
    line-height: 22px;
   /* display: flex;*/
}
.comm_pf b {
  float: left;
  display: inline-block
}
.comm_pf span {
  float: left;
  margin-left: 20px;
  line-height: 22px;
  color: #999;
  display: inline-block
}
.comm_pf .comm_star {
  width: auto;
  float: left;
  line-height: 26px;
  margin-top: -3px;
  font-size: 24px;
  color: #fba605;
  margin-left: 8px;
  overflow: hidden;
}
.comm_star li {
  float: left;
  cursor: pointer;
  margin: 0px 2px;
}

textarea {
  font: 14px/1.5 \5fae\8f6f\96c5\9ed1,\5b8b\4f53,arial;
}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,textarea,th,ul {
  margin: 0;
  padding: 0
}

.app_starBox {
  width: 72px;
  height: 20px;
  overflow: hidden;
  display: inline-block;
  margin-left: 20px;
  margin-right: 10px;
}
.app_starBox .star {
  display: block;
  height: 14px;
  margin: 0px;
  line-height: 32px;
  margin-left: 0;
}
.app_starBox .star span {
  width: 72px;
  height: 14px;
  background: url(../../pc/images/litterstar.png) no-repeat;
  display: inline-block;
}
.app_starBox .star span.star0 {
  background-position: 0 0;
}
.app_starBox .star span.star1 {
  background-position: 0 -26px;
}
.app_starBox .star span.star2 {
  background-position: 0 -52px;
}
.app_starBox .star span.star3 {
  background-position: 0 -78px;
}
.app_starBox .star span.star4 {
  background-position: 0 -104px;
}
.app_starBox .star span.star5 {
  background-position: 0 -130px;
}

#comment-list{/*padding-top:30px*/}
#comment-list textarea{color:#666;background:#fff;border:1px solid #c5c5c5;width:97%;font-size:24px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1) inset;height:80px;padding:5px 10px;line-height:32px;font-size:14px}
#comment-list .btn .p_comment{float:right;background:#ff5d5d;color:#fff;border:none;padding: 5px 10px;border-radius:6px;margin-bottom: 10px}


.ad_reply {
  margin-top: 10px;
  margin-bottom: 10px;
}

.ad_reply .reply_title {
  background: #11c8c8;
  color: white;
  padding: 5px;
  display: inline-block;
  width: 85px;
  text-align: center;
}

.ad_reply .reply_content {
  margin-left: 10px;
  color: #11c8c8;
  line-height: 28px;
}
.comment{
  margin-top: 5px;
}
.reply_hr{
  border:none;border-bottom:1px solid #DaDaDa; height:1px;-webkit-transform: scaleY(0.5);-webkit-transform-origin:0 0;
}
.comment .info .device{
  display: inline-block;
  float: left;
  color: #bfbfbf;
}

.reply{
  margin-top: 5px;
  /*border-bottom: 1px solid #bfbfbf;*/
}

.reply .info .device {
  display: inline-block;
  float: left;
  color: #bfbfbf;
  font-size: 10px;
}

.info i{ font-style:normal}

.reply .content_info{
  margin-top: 5px;
}

.content_info .user {
  display: block;
  font-weight: bold;
  float: left;
}

.content_info .content {
  display: inline-block;
  font-size: 13px;
  color: grey;
  border-bottom: 1px solid #dfdfdf;
  width: 80%;
  margin-left: 10px;
}
.reply_textarea{
  display: inline-block;
  width: 100%;
}
#qzpage {
  text-align: center;
  /*height: 30px;
  margin-top: 15px;*/
}
#qzpage .no, #qzpage .no:hover {
  cursor: not-allowed;
  color: #999;
  background: #fff;
}

#qzpage .cur, #qzpage a:hover {
  background: #ff5d5d;
  color: #fff;
}

#qzpage a, #qzpage span {
  margin: 0 5px;
  padding: 3px 9px;
  color: #666;
  border-color: #ddd;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px rgb(0 0 0 / 5%);
  box-shadow: 0 2px 2px rgb(0 0 0 / 5%);
  border: 1px solid #ddd;
}

#comment_count {
  font-size: 14px;
  color: #2797ef;
}

.c-media {
    margin-top: 15px;
    display: inline-block;
    margin-left: 8px;
}
.c-media .ico {display: inline-block;vertical-align: top;background-image: url(../../pc/images/sp_1.png);background-repeat: no-repeat;width: 36px;height: 36px;margin: 7px 10px}
.c-media .ico.ico-1 {background-position: -114px -615px}
.c-media .ico.ico-2 {background-position: -71px -615px}
.c-media .ico.ico-3 {background-position: -71px -649px}
.c-media .ico.ico-4 {background-position: -114px -649px}
.c-media .ico.ico-5 {width: 50px;height: 50px;margin: 0;background-position: -86px -566px}
.c-media .ico.ico-ap {background-position: -72px -615px}
.c-media .btn {height: 50px;color: #fff;line-height: 50px;font-size: 20px;display: inline-block;margin-right: 8px}
.c-media .btn .name {display: inline-block;vertical-align: top}
.c-media .btn.btn-1 {width: 180px;background: #0993d8}
.c-media .btn.btn-1:hover {background: #0993d8}
.c-media .btn.btn-1 .qrcode {border-left: 1px solid #91f0a7}
#dbtns {
    padding-bottom: 5px;
}
#dbtns li#azbtn {
    position: relative;
    display: inline-block;
    width: 133px;
    height: 40px;
    line-height: 40px;
    margin: 0 8px 14px auto;
    background: url(../../pc/images/azspr.png) 0 0 no-repeat;
    padding-left: 42px;
    z-index: 9;
    cursor: pointer;
}
#dbtns li#iosbtn {
    position: relative;
    display: inline-block;
    width: 133px;
    height: 40px;
    line-height: 40px;
    margin: 0 8px 14px auto;
    background: url(../../pc/images/azspr.png) 0 -54px no-repeat;
    padding-left: 42px;
    z-index: 9;
    cursor: pointer;
}
li#nodown {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    /* margin: 0 auto 14px auto; */
    /* padding-left: 42px; */
    background: #898989;
    /* z-index: 9; */
    color: #fff;
    font-size: 14px;
}

p#no-down {
    margin: 20px 0;
    /* border: 1px solid #ccc; */
    /* display: block; */
    width: 120px;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #666;
}

#dbtns a, #dbtns b {
    position: absolute;
    top: 0;
    left: 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    width: 130px;
    display: block;
}
#dbtns li#iosbtn b{left: 12px}
#dbtns #pgbtn {
    background-position: 0 -53px;
    /*margin-left: 20px;*/
}
#dbtns #lbbtn {
    -webkit-box-flex: 1;
    border: none;
    border-radius: 3px;
    text-align: center;
    background: #333 url(../../pc/images/azwpbtn.png) 0 0 no-repeat;
    font-size: 18px;
    color: #fff;
    width: 110px;
    line-height: 40px;
    height: 40px;
}
#dbtns i {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 40px;
    display: block;
}
#dbtns em {
    color: #f60;
    margin: 10px;
    position: absolute;
    border: 1px solid #ededed;
    padding: 0 10px;
}
#dbtns p {
    display: none;
}

/*em#down-code {
    color: #f60;
    margin: 10px;
    font-size: 14px;
    position: absolute;
    border: none;
    padding: 0 10px;
}*/


/* === 网盘下载按钮悬停显示提取码 === */

/* 按钮容器相对定位 */
#dbtns #lbbtn {
  position: relative;
  display: inline-block;
}

/* 提取码默认隐藏 */
#down-code {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  margin-top: 8px;
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 999;
  opacity: 0;
  transition: opacity 0.25s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* 小箭头（指向按钮） */
#down-code::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.85);
}

/* 悬停时显示提取码 */
#dbtns #lbbtn:hover + #down-code,
#dbtns #lbbtn:hover ~ #down-code {
  display: block;
  opacity: 1;
}

/* 按钮悬停高亮（可选，增强交互感） */
#dbtns #lbbtn a:hover {
  opacity: 0.9;
}


#dbtns p img {
    width: 122px;
    height: 122px;
    padding-top: 15px;
}
#dbtns p.hover {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 173px;
    height: 173px;
    line-height: 24px;
    background: url(../../pc/images/azspr.png) 0 -254px no-repeat;
    position: absolute;
    right: -110px;
    top: 40px;
    color: #333;
    text-align: center;
    z-index: 2;
}


.ali-comment-jbcon-m,.ali-comment-err {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 202;
    width: 464px;
    height: 580px;
    background-color: #fff;
    /*box-shadow: 0 7px 27px 0 #bfbfbf;*/
    border-radius: 6px;
    border: solid 1px #f0f0f0;
    display: none
}

.jbcon-head-m {
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: left;
    text-indent: 27px;
    font-size: 16px
}

.jbcon-head-m span {
    color: #0072ff
}

.jbcon-head-m em {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    display: inline-block;
    height: 15px;
    width: 15px;
    cursor: pointer;

    background: url(../../pc/images/jbclose.png) no-repeat
}


.jbcon-body-m {
    width: 100%;
    height: 315px
}

.jbcon-body-radio-m {
    height: 125px;
    margin-left: 27px;
    text-align: left;
    margin-top: 10px
}

.jbcon-body-radio-m label {
    height: 12px;
    width: 135px;
    float: left;
    margin: 10px 0 15px 0;
    display: inline-block
}

.hidden-input-m {
    width: 16px;
    height: 16px;
    opacity: 0;
    position: absolute;
    z-index: -1
}

.jbcon-body-radio-m label input[type=checkbox]+span {
    display: inline-block;
    height: 16px;
    width: 16px;
    /*border-radius: 10px;*/
    border: #aaa 1px solid;
    background-color: transparent;
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: -3px;
}

.jbcon-body-radio-m label input[type=checkbox]+span em {
    width: 10px;
    height: 10px;
    margin-left: 3px;
    margin-top: 3px;
    display: block
}

.jbcon-body-radio-m label input[type=checkbox]:checked+span em {
    background-color: #306aff
}

.jbcon-body-title-m {
    text-align: left;
    padding-left: 27px;
    font-size: 16px;
    margin-top: 10px;
    display: inline-table;
}

.jbcon-body-input-m {
    margin-top: 15px
}

.jbcon-body-input-m input {
    float: left;
    width: 356px;
    height: 40px;
    line-height: 40px;
    border: #f0f0f0 1px solid;
    text-align: left;
    margin-left: 27px;
    text-indent: 10px
}

.jbcon-foot-m {
    width: 100%;
    height: 40px;
    margin-top: 140px
}

.jbcon-foot-m i {
    font-style: normal;
    width: 116px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    border: #23C268 1px solid;
    color: #23C268;
    margin-left: 100px;
    float: left;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-radius: 4px
}

.jbcon-foot-m em {
    font-style: normal;
    width: 116px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    border: #23C268 1px solid;
    background: #23C268;
    color: #fff;
    margin-left: 21px;
    float: left;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-radius: 4px
}

.feBaBtn {
    display: inline-block;
    top: 10px;
    right: 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 48px;
    color: #999;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    zoom: 1;
    font-weight: normal;
    padding: 3px 10px;
    margin-left: 30px;
    line-height: 22px;
    margin-bottom: 20px;
    margin-top: 18px;
}

.m-detail-jb em {
    background: url(/theme/default/pc/images/down_detail_fk.png);
    float: left;
    width: 18px;
    height: 18px;
    margin: 2px 4px 2px 3px;
}

.jbcon-body-input-m textarea {
    float: left;
    width: 356px;
    height: 80px;
    line-height: 40px;
    border: #f0f0f0 1px solid;
    text-align: left;
    margin-left: 27px;
    text-indent: 10px
}

.c_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index:200;
  position: fixed;
  top: 0;
  left: 0;
  color: #fff;
  overflow-y: hidden;
  display:none;
}

p.dcode {
   padding: 5px;
            color: #fff;
            margin: 10px 0px 0 30px;
            background: #42c77c;
            display: block;
            width: 10%;
            position: relative;
}

p.dcode::before {
            content: "";
            position: absolute;
            top: -7px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 16px solid #42c77c;
        }

   .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.9);
}
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%;
}
.modal-content img {
    max-width: 100%;
    max-height: 100%;
}
#caption {
    text-align: center;
    color: #ccc;
    padding: 10px 0;
}
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.xiazainiao-label {
    padding: 20px 10px;
    margin-top: 110px;
}

.xiazainiao-label a{
   margin-left:10px;
   /* padding:5px 10px; */
   line-height: 30px;
   color: #939393;
   /* background: #ebebeb; */
   font-size: 14px;

}
.xiazainiao-label span{/* margin-bottom:30px; *//* float: left; */font-size: 14px;color: #23c268;}

.m-main-main {
    margin: 0 auto;
    padding: 20px;
    font-size:15px;
    line-height: 2.5;
    font-family: Arial, sans-serif;
    color: #333;
    background: #fff;
}

h3{text-indent:0}

.m-main-main br {
    display: block;
    margin-bottom: 15px;
}



.m-main-main .keylink {
    color: #007bff;
    text-decoration: none;
    transition: color 0.3s;
}

.m-main-main .keylink:hover {
    color: #0056b3;
    text-decoration: underline;
}
h2 {
    font-size: 16px;}

.xzn-bd {
    display: flex;
    justify-content: center;   /* 水平居中 */
    align-items: center;       /* 垂直居中（可选） */
    margin-top: 5px;           /* 顶部间距 5px */
    margin-left: auto;         /* 配合 auto 实现整体水平居中 */
    margin-right: auto;
    max-width: 100%;
}

.x-related {height:auto;margin: 10px 0;display:block;overflow:hidden;background: #fff;padding: 0 15px;}

.x-related ul {
    display: block;
    overflow: hidden;
    margin: 5px auto 10px;
}

.x-related ul li {
    width: 100%;
    display: block;
    float: left;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px dashed #e5e5e5;
    font-size: 12px;
    /*padding: 8px 0;*/
}

.x-related ul li a {
    display: block;
    overflow: hidden;
    height: 46px;
}

.x-related ul li a:hover {
    background: #eee;
}

.x-related ul li p {
    width: 410px;
    overflow: hidden;
    height: 46px;
    float: left;
    font-size: 15px;
    color: #333
}

.x-related ul li i {
    display: block;
    float: left;
    height: 14px;
    margin-top: 15px;
    margin-right: 15px;
}

.x-related ul li i img {
    height: 14px;
    display: block;
}

.x-related ul li font {
    line-height: 46px;
    overflow: hidden;
    display: block;
    float: left;
    font-size: 15px;
    color: #333;
}

.x-related ul li span {
    background: #32b16c;
    color: #fff;
    text-align: center;
    height: 25px;
    line-height: 25px;
    display: block;
    margin: 10px auto 0;
    border-radius: 4px;
    width: 70px;
    float: right;
}


#content table {
    width: 642px;
    border: 1px solid;
    border-collapse: collapse;
    text-align: center;
    font-size: 12px;
    margin: 22px auto;
}

#content table > thead:first-child tr, #content table > tbody:first-child tr {
    font-size: 16px;
    color: #e74c3c;
    font-weight: bold;
}
#content table th{
    border: 1px solid #666666;
    padding: 1px;
}
#content table td {
    border: 1px solid;
    padding: 1px;
}

#content table td:first-child {
    font-weight: bold;
}


.nsRel{margin-bottom: 20px;background: #fff;padding: 1px 15px;margin-top: 20px;}
.nsRel ul{width: 100%;overflow: hidden;*zoom: 1;}
.nsRel li{position: relative;float: left;margin:0 20px 20px 0;width: 100px;height: 120px;border-radius: 10px;}
.nsRel li>a{float: left;display: flex;flex-direction:column;justify-content:center;width: 100px;height: 110px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;margin-right: 11px;overflow: hidden;}
.nsRel li>a img{width: 80px;height: 80px;margin:0 auto;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}
.nsRel li>a span{text-align: center; padding-top: 10px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}


.m-cont-box{ width:100%; height:auto; display:block; overflow:hidden}
.m-cont-box .m-cont{ width:283px; height:auto; float:left; margin:0px 16px 0 0px; display:inline; overflow:hidden}
.m-cont-box .m-cont .m-project{ width:100%; height:auto; position:relative; float:left; display:inline; overflow:hidden}
.m-cont-box .m-cont .m-project img{ width:100%; height:160px; display:block; overflow:hidden}
.m-cont-box .m-cont .m-project strong{ width:100%; height:24px; line-height:24px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:rgba(0,0,0,.5); display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:1}
.m-cont-box .m-cont .m-project:hover strong{background:#2d985ec9}
.m-cont-box .m-cont .m-game{ width:33.33%; height:auto; float:left; margin:20px 0 0; display:inline; overflow:hidden}
.m-cont-box .m-cont .m-game img{ width:56px; height:56px; border-radius:12px; display:block; overflow:hidden; margin:auto;}
.m-cont-box .m-cont .m-game strong{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; text-align:center; margin:9px 0 0; display:block; overflow:hidden;}
.m-cont-box .m-cont .m-game b{ width:54px; height:20px; line-height:20px; font-size:12px; font-weight:normal; color:#999; text-align:center; border:1px solid #ccc; border-radius:4px; margin:9px auto 0; display:block; overflow:hidden}
.m-cont-box .m-cont .m-game:hover b{ border-color:#fa833e; background:#fa833e; color:#fff;}
.m-cont-box .m-cont:nth-last-child(1){ margin-right:0;}

.pink3R .list {}
.pink3R .list a{position: relative;display: block;width: 100%;height: 118px;margin-top: 18px;border-radius: 10px;overflow: hidden;}
.pink3R .list a img{width: 100%;min-height: 118px;height: auto;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.pink3R .list a:hover img{transform: scale(1.2);}
.pink3R .list a p{position: absolute;z-index: 1;bottom: 0;left: 0;right: 0;margin: auto;width:100%;height: 30px;line-height: 30px;font-size: 14px;color: #fff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius: 0 0 10px 10px;}
.pink3R .list a:last-of-type{margin-bottom: 5px;}
.filterBg{position: absolute;z-index: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 30px;margin: auto;overflow: hidden;*zoom: 1;-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.25))),rgba(114,102,104,.25);background: linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25)),rgba(114,102,104,.25);border-radius: 0 0 10px 10px;}
.m-main-right .pink3R {
    width: 260px;
    height: auto;
    border: 1px solid #eee;
    padding: 19px;
    border-radius: 4px;
    margin: 10px 0 0;
    display: block;
    overflow: hidden;
    background: #fff;
    position: relative;
}

.m-main-right .gdHotNewsBox {
    width: 260px;
    height: auto;
    border: 1px solid #eee;
    padding: 19px;
    border-radius: 4px;
    margin: 10px 0 0;
    display: block;
    overflow: hidden;
    background: #fff;
    position: relative;
}

.newsList {
    font-size: 14px;
    color: #333;
    line-height: 22px;
}
.newsList li > a {
    margin-top: 18px;
    display: flex;
    align-items: center;

}
.newsList li > a .imgBox {
    width: 100px;
    height: 103px;
    line-height: 103px;
    border-radius: 8px;
    display: inline-block;
    vertical-align: top;
}
.columnItem > a .imgBox img{
    width: 100%;
    height: 100%;
}
.newsList li > a .imgBox img {
    max-width: 100%;
    max-height: 100%;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.newsList li > a .imgInfo {
    /*flex: 1;*/
    padding-left: 9px;
    display: inline-block;
    width: 145px;
    height: 103px;
    vertical-align: top;
}
.newsList li > a .imgInfo p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
    font-size: 14px;
}
.newsList li > a .imgInfo p:last-child {
    margin-top: 2px;
    font-size: 14px;
    color: #999;
}