* {
  margin: 0;
  padding: 0;
}
ul,
ol,
li {
  list-style: none;
}
a {
  text-decoration: none;
}
header{
background-color: transparent !important;
box-shadow: unset !important;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.pos-r {
  position: relative;
}
.clearfix:after {
  content: '';
  clear: both;
  display: block;
}
.layout {
  width: 1200px;
  margin: 0 auto;
}
.position {
  width: 100%;
  font-size: 14px;
  color: #8d8d8d;
  margin-top: 12px;
}
.position a {
  color: #8d8d8d;
}
.position a:hover {
  color: #0084ff;
}
.main {
  width: 100%;
  overflow: hidden;
  padding-bottom: 45px;
}
.main_left {
  width: 820px;
  margin-top: 20px;
}
.main_left .tag {
  border: 1px solid #eee;
  background: #fff;
  padding: 20px 25px;
  border-radius: 15px;
}
.main_left .tag .tagName {
  text-align: center;
}
.main_left .tag h1 {
  font-size: 26px;
  color: #2c2c2c;
  font-weight: bold;
  border-bottom: 3px solid #ddebf3;
  display: inline-block;
  padding-bottom: 10px;
}
.main_left .tag p {
  font-size: 14px;
  color: #2c2c2c;
  line-height: 26px;
  text-align: justify;
  margin-top: 20px;
}
.main_left .tag p span {
  font-weight: bold;
}
/* 与...相关的热搜词 */
.main_left .hotSearch {
  border: 1px solid #eee;
  padding: 20px 25px 0px 25px;
  margin-top: 20px;
  background: #fff;
}
.main_left .hotSearch .title {
  height: 45px;
  font-size: 22px;
  color: #1d1d1d;
  font-weight: bold;
  background: #f4f4f4;
  line-height: 45px;
  padding-left: 15px;
}
.main_left .hotSearch .title span {
  color: #1d74ff;
}
.hotSearch ul {
  margin-top: 10px;
}
.hotSearch ul li {
  float: left;
  margin-right: 27px;
}
.hotSearch ul li:nth-child(6n) {
  margin-right: 0px;
}
.hotSearch ul li a {
  font-size: 14px;
  color: #2c2c2c;
  line-height: 36px;
  width: 105px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
}
.hotSearch ul li a::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #666;
  display: inline-block;
  vertical-align: middle;
  margin-right: 9px;
}
.hotSearch ul li a:hover {
  color: #0084ff;
}
/* 相关...共有...个 */
.relatedSoft {
  border: 1px solid #eee;
  padding: 0px 25px 20px 25px;
  margin-top: 20px;
  background: #fff;
  border-radius: 15px;
}
.relatedSoft .title {
  font-size: 22px;
  color: #1d1d1d;
  line-height: 24px;
  font-weight: bold;
  border-bottom: 1px solid #e3e3e3;
  padding: 17px 0px 12px 0px;
}
.relatedSoft .title span {
  color: #0b6ff8;
  padding: 0px 5px;
}
.relatedSoft .tab_title {
  margin-top: 20px;
}
.relatedSoft .tab_title li {
  width: 130px;
  height: 45px;
  border-radius: 5px;
  background: #e3e3e3;
  font-size: 18px;
  color: #373737;
  line-height: 45px;
  text-align: center;
  float: left;
  margin-right: 20px;
  cursor: pointer;
}
.relatedSoft .tab_title li.active {
  background: #357af5;
  color: #fff;
}
.relatedSoft .softList .ListWrap {
  display: none;
}
.relatedSoft .softList ul li a {
  display: inline-block;
}
.relatedSoft .softList ul li h2 {
  font-size: 18px;
  color: #2c2c2c;
  line-height: 26px;
  cursor: pointer;
}
.relatedSoft .softList ul li h2:hover {
  color: #0084ff;
}
.relatedSoft .softList {
  margin-top: 5px;
}
.relatedSoft .softList ul li {
  padding: 20px 0px;
  border-top: 1px dotted #e3e3e3;
  position: relative;
}
.relatedSoft .softList ul li:nth-child(1) {
  border-top: none;
}
.relatedSoft .softList ul li span.clearfix {
  display: block;
  margin-top: 10px;
}
.relatedSoft .softList ul li span a img {
  width: 70px;
  height: 70px;
  border-radius: 15px;
}
.relatedSoft .softList ul li span .softRight {
  display: block;
  margin-left: 22px;
}
.relatedSoft .softList ul li .softRight .top {
  font-size: 14px;
  color: #8b8b8b;
  margin-top: 3px;
}
.relatedSoft .softList ul li .softRight .top span {
  padding: 0px 10px;
}
.relatedSoft .softRight .bottom {
  font-size: 14px;
  color: #2c2c2c;
  line-height: 22px;
  width: 672px;
  margin-top: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.relatedSoft .softList ul li .btn {
  display: block;
  width: 100px;
  height: 32px;
  border: 2px solid #90c5ff;
  border-radius: 5px;
  font-size: 16px;
  color: #0b6ff8;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 25px;
}
.relatedSoft .softList ul li .btn:hover {
  background: -webkit-linear-gradient(top, #5ecb5b, #33b430);
  background: -moz-linear-gradient(top, #5ecb5b, #33b430);
  background: -o-linear-gradient(top, #5ecb5b, #33b430);
  background: -ms-linear-gradient(top, #5ecb5b, #33b430);
  background: linear-gradient(top, #5ecb5b, #33b430);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#5ecb5b',endColorStr='#33b430',gradientType='0');
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#5ecb5b',endColorStr='#33b430',gradientType='0')";
  color: #fff;
  border: none;
  width: 104px;
  height: 36px;
  line-height: 36px;
}
.relatedSoft .more {
  display: block;
  width: 260px;
  height: 40px;
  border-radius: 5px;
  background: -webkit-linear-gradient(top, #3479f4, #2469e4);
  background: -moz-linear-gradient(top, #3479f4, #2469e4);
  background: -o-linear-gradient(top, #3479f4, #2469e4);
  background: -ms-linear-gradient(top, #3479f4, #2469e4);
  background: linear-gradient(top, #3479f4, #2469e4);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3479f4',endColorStr='#2469e4',gradientType='0');
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3479f4',endColorStr='#2469e4',gradientType='0')";
  text-align: center;
  margin: 0 auto;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  margin-top: 15px;
}
.relatedSoft .more:hover {
  background: -webkit-linear-gradient(top, #2469e4, #3479f4);
  background: -moz-linear-gradient(top, #2469e4, #3479f4);
  background: -o-linear-gradient(top, #2469e4, #3479f4);
  background: -ms-linear-gradient(top, #2469e4, #3479f4);
  background: linear-gradient(top, #2469e4, #3479f4);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#2469e4',endColorStr='#3479f4',gradientType='0');
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#2469e4',endColorStr='#3479f4',gradientType='0')";
}
/* 热门软件推荐 */
.main_right {
  width: 360px;
  margin-top: 20px;
}
.main_right .hotSoft {
  border: 1px solid #eee;
  padding: 20px;
  background: #fff;
  border-radius: 15px;
}
.main_right h3 {
  font-size: 22px;
  color: #1d1d1d;
  line-height: 24px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.main_right .hotSoft ul li {
  width: 93px;
  float: left;
  margin-right: 19px;
  margin-top: 20px;
}
.main_right .hotSoft ul li:nth-child(3n) {
  margin-right: 0px;
}
.main_right .hotSoft ul li a {
  display: block;
  text-align: center;
}
.main_right .hotSoft ul li a:nth-child(2) {
  font-size: 14px;
  color: #2c2c2c;
  width: 83px;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
}
.main_right .hotSoft ul li a:nth-child(2):hover {
  color: #0084ff;
}
.main_right .hotSoft ul li a img {
  width: 60px;
  height: 60px;
  border-radius: 15px;
}
.main_right .hotSoft ul li button,
.main_right .hotSoft ul li a.but {
  width: 83px;
  height: 25px;
  border: 1px solid #90c5ff;
  font-size: 14px;
  color: #0b6ff8;
  background: #fff;
  border-radius: 5px;
  display: block;
  margin: 0 auto;
  margin-top: 5px;
  cursor: pointer;
  line-height: 23px;
  box-sizing: border-box;
}
.main_right .hotSoft ul li button:hover,
.main_right .hotSoft ul li a.but:hover {
  width: 85px;
  height: 25px;
  background: #90c5ff;
  color: #fff;
}
/* 最近更新 */
.main_right .newUpdate {
  border: 1px solid #eee;
  padding: 20px;
  margin-top: 20px;
  background: #fff;
  border-radius: 15px;
}
.ph_list {
  padding-top: 5px;
}
.ph_list dl {
  margin-top: 15px;
}
.ph_list dl dt span {
  width: 20px;
  height: 20px;
  display: inline-block;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  background: #b1b1b1;
  text-align: center;
  border-radius: 5px;
}
.ph_list dl:nth-child(1) dt span {
  background: #ff331a;
}
.ph_list dl:nth-child(2) dt span {
  background: #ff843c;
}
.ph_list dl:nth-child(3) dt span {
  background: #ffc700;
}
.ph_list dl dt a {
  font-size: 14px;
  color: #1d1d1d;
  line-height: 24px;
  margin-left: 5px;
  width: 285px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.ph_list dl dd {
  margin-left: 30px;
  margin-top: 10px;
  overflow: hidden;
  display: none;
}
.ph_list dl.show dd {
  display: block;
}
.ph_list dl dd .picture_box {
  width: 48px;
  height: 48px;
  border: 1px solid #eee;
  border-radius: 5px;
  position: relative;
  display: block;
  float: left;
}
.ph_list dl dd .picture_box img {
  width: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -17px;
  margin-top: -17px;
  vertical-align: top;
}
.ph_list dl dd p {
  vertical-align: top;
  font-size: 14px;
  color: #838282;
  float: left;
  margin-left: 10px;
}
.ph_list dl dd p span {
  color: #dbdbdb;
  padding: 0px 15px;
}
.ph_list dl dd p button,
.ph_list dl dd p a.but {
  display: block;
  width: 51px;
  height: 21px;
  border: 1px solid #90c5ff;
  color: #0b6ff8;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  border-radius: 5px;
  margin-top: 5px;
  background: #fff;
  cursor: pointer;
}
.ph_list dl dd p button:hover,
.ph_list dl dd p a.but:hover {
  background: #90c5ff;
  color: #fff;
}
/* 电脑软件下载&&电脑游戏下载  */
.main_right .softDown {
  border: 1px solid #eee;
  padding: 20px;
  margin-top: 20px;
  background: #fff;
  border-radius: 15px;
}
.main_right .softDown .title {
  border-bottom: 1px solid #eee;
}
.main_right .softDown .title li {
  font-size: 22px;
  color: #1d1d1d;
  line-height: 24px;
  float: left;
  padding: 0px 13px;
  padding-bottom: 10px;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}
.main_right .softDown .title li.active {
  position: relative;
  border-bottom: 2px solid #0082ff;
}
.main_right .softDown .title li img {
  display: none;
}
.main_right .softDown .title li.active img {
  display: block;
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -4.5px;
}
.main_right .softDown_list ul {
  padding-top: 5px;
  display: none;
}
.main_right .softDown_list ul li {
  overflow: hidden;
  margin-top: 15px;
}
.main_right .softDown_list ul li .pic_box {
  width: 48px;
  height: 48px;
  border: 1px solid #eee;
  border-radius: 5px;
  position: relative;
}
.main_right .softDown_list ul li .pic_box img {
  width: 35px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -17px;
  margin-top: -17px;
}
.softDown_list ul li .software_detail {
  width: auto;
  margin-left: 10px;
}
.softDown_list ul li button,
.softDown_list ul li a.but {
  width: 83px;
  height: 26px;
  border: 1px solid #90c5ff;
  color: #0b6ff8;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
  margin-top: 11px;
  background: #fff;
  cursor: pointer;
  line-height: 24px;
  box-sizing: border-box;
}
.softDown_list ul li button:hover,
.softDown_list ul li a.but:hover {
  width: 85px;
  height: 28px;
  background: #90c5ff;
  color: #fff;
  border: none;
  line-height: 28px;
}
.softDown_list ul li .software_detail h5 {
  width: 169px;
  font-size: 14px;
  color: #000;
  font-weight: 500;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
}
.softDown_list ul li .software_detail h5:hover {
  color: #2285ff;
}
.softDown_list ul li .software_detail p {
  font-size: 12px;
  color: #838282;
  margin-top: 5px;
}
.softDown_list ul li .software_detail p span {
  margin: 0px 10px;
}
/* 底部 */
#footer {
  background: #f3f3f3;
  padding-top: 40px;
  padding-bottom: 30px;
}
footer {
  padding-bottom: 15px;
}
footer a {
  color: #333;
}
footer a:hover {
  color: #0084ff;
}
footer ul.brand {
  display: block;
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
}

footer ul.brand li {
  display: inline-block;
}

footer ul.brand li:after {
  width: 1px;
  height: auto;
  padding: 0 5px;
  content: '|';
  color: #e1e1e1;
}

footer p {
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  margin-top: 10px;
  text-align: center;
  color: #666;
}
/* 返回顶部 */
.cbbfixed_detail {
  position: fixed;
  z-index: 3;
  right: 20px;
  bottom: -112px;
  cursor: pointer;
  transition: bottom ease 0.3s;
  /* display: none; */
}
.cbbfixed_detail .gotop {
  margin-top: 10px;
  transition: background-color ease 0.3s;
}

.cbbfixed_detail .cbbtn {
  display: block;
  width: 60px;
  height: 60px;
}

.icon_top {
  background-position: -454px -830px;
}
.icon_top:hover {
  background-position: -378px -830px;
}

/* 新增底部tab选项卡样式 */
.tab {
  width: 1198px;
  margin: 0 auto;
  border: 1px solid #eee;
  background: #fff;
  margin-bottom: 45px;
}

.tab .tabTitle {
  height: 76px;
  border-bottom: 1px solid #eee;
}

.tab .tabTitle li {
  float: left;
  font-size: 18px;
  color: #1c1c1c;
  height: 38px;
  line-height: 38px;
  background: #efefef;
  border-radius: 20px;
  padding: 0px 25px;
  margin-top: 19px;
  margin-left: 20px;
  cursor: pointer;
}

.tab .tabTitle li.active {
  background: #90c5ff;
  color: #fff;
}

.tab .tabLists ul li img {
  width: 30px;
  height: 30px;
  display: block;
}

.tab .tabLists ul {
  padding: 12px 19px 20px 19px;
}

.tab .tabLists ul li a {
  display: inline-block;
  vertical-align: middle;
}

.tab .tabLists ul li {
  width: 25%;
  float: left;
  margin-top: 10px;
}

.tab .tabLists ul li:nth-child(5n) {
  margin-right: 0px;
}

.tab .tabLists ul li .softName {
  max-width: 80%;
  font-size: 14px;
  color: #1d1d1d;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tab .tabLists ul li .softName:hover {
  color: #0b6ff8;
}

.tab .tabLists ul:nth-child(2) {
  padding: 1.02px 19px 22.31px 19px;
}

.tab .tabLists ul:nth-child(2) li {
  margin-top: 20px;
}

.tab .tabLists ul:nth-child(2) li a {
  font-size: 14px;
  color: #1d1d1d;
}

.tab .tabLists ul:nth-child(2) li a:hover {
  color: #fe3c7a;
}

.tab .tabLists ul:nth-child(3) {
  padding: 1.02px 19px 22.31px 19px;
}

.tab .tabLists ul:nth-child(3) li {
  width: 25%;
  margin-top: 20px;
  display: flex;
}

.tab .tabLists ul:nth-child(3) li a {
  width: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #1d1d1d;
}
.tab .tabLists ul:nth-child(3) li a:nth-child(2) {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tab .tabLists ul:nth-child(3) li a:hover {
  color: #0082ff;
}

.tab .tabLists ul:nth-child(3) li span {
  font-size: 14px;
  color: #bebebe;
  display: inline-block;
  vertical-align: middle;
  margin-left: 55px;
}

.tab .tabLists ul:nth-child(3) li:nth-child(3n) {
  margin-right: 0px;
}

body {
  background: #f8f8f8;
}
@media screen and (max-width:750px){
    .layout,.main_left,.main_right{
        width: 100%;
    }
    .layout{
        padding: 0 4px;
        box-sizing: border-box;
    }
    .relatedSoft .softList ul li h2{
        max-width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .relatedSoft .softList ul li a{
        width:80%;
    }
    .relatedSoft .softList ul li span.clearfix{
        display: flex;
    }
    .relatedSoft .softList ul li .btn{
        top:15px;
    }
    .relatedSoft .softList ul li .softRight .top span{
        display:none;
    }
    .em_top{
        display:none;
    }
    .relatedSoft .softRight .bottom{
        width: 100%;
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    }
    .tab{
        width: 100%;
    }
    .tab .tabTitle{
        height: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    }
    .tab .tabTitle li{
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        margin: 12px 0;
        font-size: 14px;
    }
    .tab .tabLists ul li{
        width: 48%;
        display: flex;
        align-items: center;
        margin-top: 15px;
    }
    .tab .tabLists ul li:nth-child(2n){
        margin-left: auto;
        float: right;
    }
    .tab .tabLists ul li .softName{
        margin-left: 10px;
    }
    .tab .tabLists ul:nth-child(2) li a{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .tab .tabLists ul:nth-child(3) li{
        width:48%;
         margin-top: 15px;
    }
    .tab .tabLists ul:nth-child(3) li a{
        width: 30px;
    }
    .main_right .hotSoft ul li{
        width: 32%;
        margin-right:0;
    }
    .main_right .hotSoft ul li:nth-child(3n-1){
        margin-left: 2% ;
        margin-right: 2%;
    }
}