.f-text-overflow1 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.f-text-overflow2 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.f-text-overflow3 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.g-wrap {position: relative;width: 1200px;min-width: 1200px;margin: 0 auto;padding: 0;}
.g-box {position: relative;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;box-shadow: 0px 4px 24px 0px rgba(209, 204, 255, 0.12);background: #ffffff;}
.g-main {position: relative;margin-top: 16px;}
.m-boutique-recommend {position: relative; overflow: hidden; margin: 20px auto; padding: 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; box-sizing: border-box; box-shadow: 0px 3px 3px 0px #F2F2F2; background: #fff;}
.m-boutique-recommend .sign {display: block; position: absolute; top: 10px; left: 0; width: 35px; height: 115px; padding: 20px 10px 0; font-size: 16px; text-align: center; color: #fff; box-sizing: border-box; background: #a31717;}
.m-boutique-recommend ul {margin-left: 35px;}
.m-boutique-recommend ul li {float: left; width: 9.09%; padding: 15px 10px; text-align: center; box-sizing: border-box;}
.m-boutique-recommend ul li img {width: 58px; height: 58px;}
.m-boutique-recommend ul li p {padding-top: 5px; font-size: 14px; color: #222;width:70px}
.m-boutique-recommend ul li:hover {border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; box-shadow: 0px 3px 17px 0px #E5E5E5;}
.m-boutique-recommend ul li:hover p {color: #205AEF;}
.m-boutique-recommend .use-item {height: 40px; overflow: hidden; line-height: 40px; text-align: left; box-sizing: border-box;}
.m-boutique-recommend .use-item:nth-of-type(1) {margin-top: 10px; border-bottom: 1px dashed #eee;}
.m-boutique-recommend .use-item span {font-size: 16px; font-weight: bold; color: #222;}
.m-boutique-recommend .use-item span i {display: inline-block; width: 7px; height: 11px; margin-left: 10px; vertical-align: middle; background: url(../images/icon-use-tj.png) no-repeat center;}
.m-boutique-recommend .use-item a {margin-left: 20px; font-size: 14px; color: #333;}
.m-boutique-recommend .use-item a:hover {color: #205AEF;}
.m-rank-list {position: relative;}
.m-rank-list .item {display: block;position: relative;width: 100%;margin-bottom: 25px;}
.m-rank-list .item .num,
.m-rank-list .item .img-box,
.m-rank-list .item .info {display: inline-block;vertical-align: middle;}
.m-rank-list .item .num {font-size: 14px;font-weight: bold;color: #646566;}
.m-rank-list .item:nth-of-type(1) .num {color: #f82e04;}
.m-rank-list .item:nth-of-type(2) .num {color: #f65b0d;}
.m-rank-list .item:nth-of-type(3) .num {color: #fa8e17;}
.m-rank-list .item .img-box {display: none;width: 73px;height: 73px;margin: 0 10px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;}
.m-rank-list .item .img-box img {width: 100%;height: 100%;vertical-align: middle;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;}
.m-rank-list .item.z-cur .img-box {display: inline-block;}
.m-rank-list .item .img-box img {box-shadow: 0px 4px 24px 0px rgba(209, 204, 255, 0.12);}
.m-rank-list .item .info {width: 85%;}
.m-rank-list .item.z-cur .info {width: 124px;}
.m-rank-list .item .info a {display: block;text-align: left;}
.m-rank-list .item .info .tt {width: 100%;height: 22px;font-size: 14px;line-height: 22px;color: #646566;}
.m-rank-list .item .info .kind {display: none;height: 18px;margin: 4px 0;font-size: 12px;line-height: 18px;color: #969799;}
.m-rank-list .item .info .star-bar {display: none;margin: 2px 0 4px;}
.m-rank-list .item .info .u-btn-down {display: none;width: 60px;height: 24px;font-size: 14px;line-height: 24px;text-align: center;color: #4182e1;border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;-ms-border-radius: 7px;-o-border-radius: 7px;border: 1px solid #4182e1;}
.m-rank-list .item.z-cur .num {font-size: 30px;-webkit-transition: all .3s;}
.m-rank-list .item.z-cur .info .tt {width: 100%;height: 22px;font-size: 16px;line-height: 22px;font-weight: bold;color: #4182e1;-webkit-transition: all .3s;}
.m-rank-list .item.z-cur .info .kind,
.m-rank-list .item.z-cur .info .star-bar,
.m-rank-list .item.z-cur .info .u-btn-down {display: block;}
.m-coll2 {position: relative;overflow: hidden;margin-top: 16px;padding: 12px 20px;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;box-sizing: border-box;box-sizing: border-box;background: #ffffff;}
.m-coll2>.title,
.m-coll2 .m-coll2-right>.title,
.m-coll2 .m-best .title,
.m-coll3 .title {position: relative;height: 60px;font-size: 24px;line-height: 60px;color: #323232;border-bottom: 1px solid #ebedf0;}
.m-coll2>.title h2,
.m-coll2 .m-coll2-right>.title h2,
.m-coll2 .m-best .title h2,
.m-coll3 .title h2 {display: inline-block;position: relative;font-weight: 600;}
.m-coll2>.title h2::after,
.m-coll2 .m-coll2-right>.title h2::after,
.m-coll2 .m-best .title h2::after,
.m-coll3 .title h2::after {content: ".";display: block;position: absolute;right: 0;bottom: -1px;left: 0;width: 100%;height: 2px;font-size: 0;background: linear-gradient(271deg, #4285e3 0%, #57c2ff);}
.m-coll2>.title .icon-title,
.m-coll2 .m-coll2-right>.title .icon-title,
.m-coll2 .m-best .title .icon-title,
.m-coll3 .title .icon-title {display: inline-block;width: 22px;height: 22px;margin-right: 8px;vertical-align: baseline;background-repeat: no-repeat;background-position: center;}
.m-coll2>.title .common-item,
.m-coll2>.title .more,
.m-coll2 .m-coll2-right>.title .more,
.m-coll3 .title .more {float: right;}
.m-coll2>.title .common-item {font-size: 16px;font-weight: 400;color: #646566;}
.m-coll2>.title .common-item a {padding: 0 16px;}
.m-coll2>.title .common-item a+a {border-left: 1px solid #f2f3f5;}
.m-coll2>.title .more,
.m-coll2 .m-coll2-right>.title .more,
.m-coll3 .title .more {font-size: 14px;font-weight: 400;color: #c8c9cc;}
.m-coll3 .title .more:hover {color: #ff5a60;}
.m-coll2>.title .more .icon-more,
.m-coll2 .m-coll2-right>.title .more .icon-more,
.m-coll3 .title .more .icon-more {display: inline-block;width: 16px;height: 16px;overflow: hidden;vertical-align: -3px;background: url(../images/arrow.png) no-repeat center;}
.m-coll2 .m-rank-list,
.m-coll2 .m-favorites {display: inline-block;vertical-align: top;/* border: 1px solid red; */}
.m-favorites dl {display: inline-block;/* border: 1px solid red; */font-size: 0;vertical-align: top;box-sizing: border-box;}
.m-favorites dt {display: block;position: relative;height: 30px;margin: 15px 0 5px;line-height: 30px;/* border: 1px solid red; */}
.m-favorites dt i {display: inline-block;width: 4px;height: 16px;margin-right: 6px;vertical-align: middle;background: #6cdafd;}
.m-favorites dt a {display: inline-block;font-size: 16px;font-weight: bold;vertical-align: middle;color: #323232;}
.m-favorites dt a:hover {color: #ff5a60;}
.m-favorites dd {display: inline-block;position: relative;height: 35px;font-size: 14px;line-height: 35px;}
.m-favorites dd a {display: inline-block;overflow: hidden;}
.m-favorites dd img {display: inline-block;width: 20px;height: 20px;overflow: hidden;padding-right: 8px;vertical-align: middle;}
.m-sw-list {display: inline-block;position: relative;font-size: 0;vertical-align: top;}
.m-sw-list .item {display: inline-block;width: 110px;height: 110px;margin-top: 42px;}
.m-sw-list .item .img-box {display: block;width: 76px;height: 76px;margin: 0 auto;}
.m-sw-list .item .img-box img {width: 100%;height: 100%;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;}
.m-sw-list .item .txt {display: block;height: 22px;margin-top: 12px;padding: 0 10px;font-size: 16px;line-height: 22px;text-align: center;}
.m-sw-list .item:hover .img-box img {box-shadow: 0px 10px 21px 0px rgba(0, 0, 70, 0.29);}
.m-sw-list .item:hover .txt {color: #ff5a60;}
.m-rec {padding-bottom: 28px;box-sizing: border-box;}
.m-rec .m-rec-sw {width: 100%;font-size: 0;}
.m-rec .m-rec-sw .item {display: inline-block;width: 120px;font-size: 14px;text-align: center;color: #646566;}
.m-rec .m-rec-sw .item a {display: block;overflow: hidden;margin-bottom: 18px;padding: 0 20px;white-space: nowrap;box-sizing: border-box;text-overflow: ellipsis;}
.m-rec .m-rec-sw .item img {display: block;width: 59px;height: 59px;margin: 20px auto 9px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;}
.m-rec .m-rec-sw .item:hover img {box-shadow: 0px 10px 21px 0px rgba(0, 0, 70, 0.29);}
.m-rec .m-rec-sw .item:hover a {color: #ff5a60;}
.m-rec p {height: 38px;overflow: hidden;margin: 0 20px;line-height: 38px;}
.m-rec p b {display: inline;float: left;width: 85px;font-weight: 500;vertical-align: middle;}
.m-rec p b a {font-size: 16px;font-weight: 600;}
.m-rec p b i {display: block;float: right;width: 9px;height: 12px;margin-top: 14px;background: url(../images/icon-r.png) no-repeat center;}
.m-rec p span a {padding: 0 12px;line-height: 38px;vertical-align: middle;border-right: 1px solid #ddd;}
.m-rec1 {padding-top: 20px;padding-bottom: 10px;}
.m-rec1 .g-crumbs {margin-left: 20px;}
.common-classify-partner .link-tab {display: inline-block;font-size: 20px;}
.common-classify-partner .link-tab span {padding: 0 16px;color: #969799;cursor: pointer;}
.common-classify-partner .link-tab .z-cur {font-weight: 600;color: #4182E1;}
.common-classify-partner .link-list {height: 102px;overflow: hidden;margin-top: 10px;}
.common-classify-partner .link-list:not(:nth-of-type(1)) {display: none;}
.common-classify-partner .link-list a {width:auto;height:20px;display: inline-block;margin: 10px auto;padding: 0 10px;font-size: 14px;border-right: 1px solid #ddd;overflow:hidden;}
.bf {background: #fff;}
#image-preview {position: absolute;z-index: 1000;border-width: 2px;border-style: solid;border-color: #008EE1;padding: 5px;background-color: #FAFAFA;}
#image-preview.big {transform-origin: top left;-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-ms-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;-o-transform-origin: top left;transform-origin: top left;}
.m-coll {position: relative;margin-top: 16px;font-size: 0;}
.m-coll .m-coll-item {display: inline-block;height: 668px;font-size: 14px;vertical-align: top;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;box-sizing: border-box;box-shadow: 0px 4px 24px 0px rgba(209, 204, 255, 0.12);background: #fff;}
.m-coll .m-coll-left,
.m-coll .m-coll-right {width: 296px;padding: 20px 14px 16px;}
.m-coll .m-coll-middle {width: 592px;margin: 0 8px;}
.m-coll .m-coll-item .title {position: relative;margin-bottom: 10px;padding-bottom: 8px;font-size: 18px;font-weight: 600;text-align: left;vertical-align: middle;color: #323232;border-bottom: 1px solid #ebedf0;}
.m-coll .m-coll-item .title .more {float: right;width: 66px;font-size: 14px;font-weight: 400;color: #c8c9cc;}
.m-coll .m-coll-item .title .more:hover {color: #ff5a60;}
.m-coll .m-coll-item .title .icon-more {float: right;width: 16px;height: 16px;overflow: hidden;margin-top: -1.5px;background: url(../images/arrow.png) no-repeat center;}
.m-coll .m-coll-item i {display: inline-block;vertical-align: middle;}
.m-coll .m-coll-left .sw-sort .icon-title {width: 18px;height: 18px;margin-right: 8px;vertical-align: top;background: url(../images/icon-sort.png) no-repeat center;}
.m-coll .m-coll-right .week-rec .icon-title {width: 18px;height: 18px;margin-right: 8px;vertical-align: top;background: url(../images/icon-week.png) no-repeat center;}
.m-coll .m-coll-right .hot-sw .icon-title {width: 16px;height: 20px;margin-right: 8px;vertical-align: top;background: url(../images/icon-hot.png) no-repeat center;}
.m-coll .m-coll-left .sw-sort .item {display: block;overflow: hidden;}
.m-coll .m-coll-left .sw-sort .item .item-tt {height: 18px;margin: 2px auto 10px;font-size: 14px;line-height: 18px;font-weight: 600;text-align: left;vertical-align: middle;color: #448be6;}
.m-coll .m-coll-left .sw-sort .item .icon-tt {width: 16px;height: 16px;margin-right: 8px;vertical-align: -3px;}
.m-coll .m-coll-left .sw-sort .item .icon-wl {background: url(../images/icon-wl.png) no-repeat center;}
.m-coll .m-coll-left .sw-sort .item .icon-xt {background: url(../images/icon-xt.png) no-repeat center;}
.m-coll .m-coll-left .sw-sort .item .item-list {overflow: hidden;font-size: 0;}
.m-coll .m-coll-left .sw-sort .item .item-list a {display: inline-block;width: 32.5%;height: 22px;overflow: hidden;margin-bottom: 8px;padding-right: 10px;font-size: 14px;line-height: 22px;text-align: left;white-space: nowrap;box-sizing: border-box;text-overflow: ellipsis;}
.m-coll .m-coll-left .fresh-news {margin-top: 42px;}
.m-coll .m-coll-left .fresh-news .icon-title {width: 19px;height: 18px;margin-right: 8px;background: url(../images/icon-news.png) no-repeat center;}
.m-coll .m-coll-left .fresh-news .item {height: 57px;overflow: hidden;margin-bottom: 10px;}
.m-coll .m-coll-left .fresh-news .img-box {display: inline-block;float: left;width: 84px;height: 57px;overflow: hidden;margin-right: 5px;}
.m-coll .m-coll-left .fresh-news .img-box img {width: 100%;height: 100%;vertical-align: middle;}
.m-coll .m-coll-left .fresh-news .item-txt {width: 177px;height: 44px;padding-top: 6px;line-height: 22px;text-align: left;}
.m-coll .m-coll-middle {box-shadow: none;background: none;}
.m-coll .m-coll-middle .m-slide {position: relative;width: 100%;height: 295px;overflow: hidden;/* background: rgba(0, 0, 0, .5); */}
.m-coll .m-coll-middle .m-slide .hd {position: absolute;right: 10px;bottom: 0;z-index: 50;height: 45px;overflow: hidden;text-align: center;}
.m-coll .m-coll-middle .m-slide .hd ul {width: 100%;margin-top: 16px;}
.m-coll .m-coll-middle .m-slide .hd ul li {display: inline-block;width: 10px;height: 10px;margin-right: 2px;line-height: 14px;text-align: center;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;background: #ebedf0;cursor: pointer;}
.m-coll .m-coll-middle .m-slide .hd ul li.on {background: #4182e1;}
.m-coll .m-coll-middle .m-slide .bd {position: relative;height: 100%;overflow: hidden;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;}
.m-coll .m-coll-middle .m-slide .bd li {zoom: 1;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;overflow: hidden;}
.m-coll .m-coll-middle .m-slide .bd .img-box {display: block;position: relative;width: 100%;height: 295px;overflow: hidden;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;overflow: hidden;}
.m-coll .m-coll-middle .m-slide .img-box img {width: 100%;height: 100%;overflow: hidden;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;}
.m-coll .m-coll-middle .m-slide .bd .img-box .tt {position: absolute;right: 0;bottom: 0;left: 0;height: 45px;padding: 0 10px;padding-right: 200px;font-size: 14px;line-height: 45px;color: #fff;box-sizing: border-box;background: rgba(0, 0, 0, .5);}
.m-coll .m-coll-middle .m-slide .prev,
.m-coll .m-coll-middle .m-slide .next {display: block;position: absolute;top: 50%;left: 3%;width: 32px;height: 40px;margin-top: -25px;background: url(../images/slider-arrow.png) -110px 5px no-repeat;opacity: 0.5;filter: alpha(opacity=50);}
.m-coll .m-coll-middle .m-slide .next {right: 3%;left: auto;background-position: 8px 5px;}
.m-coll .m-coll-middle .m-slide .prev:hover,
.m-coll .m-coll-middle .m-slide .next:hover {opacity: 1;}
.m-coll .m-coll-middle .sw-column {position: relative;height: 363px;overflow: hidden;margin-top: 10px;padding: 10px;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;box-sizing: border-box;box-shadow: 0px 4px 24px 0px rgba(209, 204, 255, 0.12);background: #fff;}
.m-coll .m-coll-middle .sw-column .sw-column-tab {height: 22px;margin-top: 10px;padding-bottom: 12px;font-size: 0;line-height: 22px;}
.m-coll .m-coll-middle .sw-column .sw-column-tab a {display: inline-block;width: 20%;height: 100%;padding-bottom: 12px;font-size: 16px;text-align: center;color: #969799;border-bottom: 1px solid #ebedf0;}
.m-coll .m-coll-middle .sw-column .sw-column-tab a:hover,
.m-coll .m-coll-middle .sw-column .sw-column-tab .z-cur {font-weight: 600;color: #4182E1;border-bottom: 1px solid #4182E1;}
.m-coll .m-coll-middle .sw-column .rec-app {margin: 10px auto;font-size: 16px;line-height: 46px;font-weight: bold;text-align: center;}
.m-coll .m-coll-middle .sw-column .rec-app a {color: #ff5a60;}
.m-coll .m-coll-middle .sw-column .rec-app em {margin-right: 28px;font-family: PangMenZhengDao, PangMenZhengDao-Regular;font-size: 20px;line-height: 38px;color: #ff5a60;}
.m-coll .m-coll-middle .sw-column ul:not(:first-of-type) {display: none;}
.m-coll .m-coll-middle .sw-column .item {display: block;position: relative;position: relative;margin-bottom: 12px;}
.m-coll .m-coll-middle .sw-column .item a,
.m-coll .m-coll-middle .sw-column .item time {display: inline-block;vertical-align: middle;}
.m-coll .m-coll-middle .sw-column .item .img-box {width: 24px;height: 24px;overflow: hidden;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.m-coll .m-coll-middle .sw-column .item .img-box img {width: 100%;height: 100%;}
.m-coll .m-coll-middle .sw-column .item .cname {margin: 0 16px 0 6px;font-weight: 600;color: #323232;}
.m-coll .m-coll-middle .sw-column .item .cname:hover {color: #ff5a60;}
.m-coll .m-coll-middle .sw-column .item .txt {width: 291px;}
.m-coll .m-coll-middle .sw-column .item time {float: right;margin-top: 5px;}
.m-coll .m-coll-middle .sw-column .item .sign {color: #4182E1;}
.m-coll .m-coll-right .week-rec .title {margin-bottom: 20px;}
.m-coll .m-coll-right .week-rec .item {position: relative;margin-bottom: 15px;padding-left: 2px;list-style-type: disc;list-style-position: inside;}
.m-coll .m-coll-right .week-rec .item .kind {color: #323232;}
.m-coll .m-coll-right .week-rec .item .kind:hover {color: #ff5a60;}
.m-coll .m-coll-right .week-rec .item .count {float: right;}
.m-coll .m-coll-right .week-rec .item .count em {overflow: hidden;}
.m-coll .m-coll-right .hot-sw {margin-top: 52px;}
.common-classify-pc .title .icon-title {background-image: url(../images/icon-pc.png);}
.common-classify-pc .content .m-favorites {display: inline-block;width: 888px;vertical-align: top;}
.common-classify-pc .content .m-favorites dl {width: 49%;}
.common-classify-pc .content .m-favorites dl:nth-child(2n) {margin-left: 1%;}
.common-classify-pc .content .m-favorites dt {height: 28px;line-height: 28px;/* margin-bottom: 0; */border-bottom: 1px solid #dcdee0;}
.common-classify-pc .content .m-favorites dd {width: 31.8%;margin-right: 1%;padding-right: 20px;/* border: 1px solid red; */box-sizing: border-box;}
.common-classify-pc .content .m-favorites dd::after {content: ".";display: block;position: absolute;top: 0;right: 10px;font-size: 0;border-right: 1px dashed #dcdcdc;}
.common-classify-pc .content .m-favorites dd a {width: 125px;}
.common-classify-pc .content dl>dd:nth-child(3n+1)::after {display: none;}
.common-classify-pc .m-favorites dl:nth-of-type(3) dt i,
.common-classify-pc .m-favorites dl:nth-of-type(4) dt i {background: #78de93;}
.common-classify-pc .m-favorites dl:nth-of-type(5) dt i,
.common-classify-pc .m-favorites dl:nth-of-type(6) dt i {background: #ffcee7;}
.m-coll2 .week-rank {max-width: 264px;padding-top: 16px;}
.m-coll2 .week-rank .title {position: relative;margin-bottom: 10px;padding-bottom: 8px;font-size: 16px;font-weight: 600;text-align: left;vertical-align: middle;color: #323232;}
.m-coll2 .week-rank .title .icon-title {display: inline-block;width: 20px;height: 20px;margin-right: 8px;vertical-align: text-bottom;}
.m-coll2 .week-rank-pc .title .icon-title {background: url(../images/icon-pc2.png) no-repeat center;}
.m-coll2 .m-sw-list {width: 888px;}
.common-classify-android .m-sw-list .item {/* margin-right: 15px; */}
.common-classify-android .title .icon-title {background-image: url(../images/icon-andior.png);}
.m-coll2 .week-rank-android .title .icon-title {background: url(../images/icon-az.png) no-repeat center;}
.common-classify-iphone .title .icon-title {height: 24px;background-image: url(../images/icon-iphone.png);}
.m-coll2 .week-rank-iphone .title .icon-title {background: url(../images/icon-pg.png) no-repeat center;}
.common-classify-iphone .m-sw-list .item {/* margin-right: 35px; */}
.common-classify-zt .title .icon-title {background-image: url(../images/icon-zt.png);}
.common-classify-zt .zt-list {position: relative;margin: 16px auto;font-size: 0;}
.common-classify-zt .zt-list .item {display: inline-block;position: relative;width: 288px;height: 170px;overflow: hidden;margin-right: 2px;padding: 10px;box-sizing: border-box;background: #fff;}
.common-classify-zt .zt-list .item .img-box {width: 100%;height: 100%;}
.common-classify-zt .zt-list .item .img-box img {width: 100%;height: 100%;}
.common-classify-zt .zt-list .item:hover {transform: translate(0px, -2px);box-shadow: 0px 4px 15px 0px rgba(0, 46, 87, 0.15);background: #ffffff;}
.img-mask {content: "."; position: absolute; right: 10px; bottom: 10px; left: 10px; height: 50px; font-size: 0; box-sizing: border-box; background: linear-gradient(181deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.20) 100%, rgba(0, 0, 0, 0.10) 100%); opacity: 0.8;}
.common-classify-zt .zt-list .item .txt {display: block; position: absolute; right: 0; bottom: 10px; left: 0; z-index: 3; height: 36px; padding: 0 12px; padding: 0 20px; font-size: 14px; line-height: 36px; color: #fff; box-sizing: border-box;}
.common-classify-updates .title .icon-title {background-image: url(../images/icon-gx.png);}
.common-classify-updates .kind-tab {display: inline-block;}
.common-classify-updates .kind-tab span {display: inline-block; height: 22px; padding: 0 20px; font-size: 20px; line-height: 22px; text-align: center; color: #646566; cursor: pointer;}
.common-classify-updates .kind-tab span+span {border-left: 1px solid #f2f3f5;}
.common-classify-updates .kind-tab .z-cur {font-weight: 600; color: #4182E1;}
.common-classify-updates .updates-list {position: relative; margin-top: 10px; font-size: 0;}
.common-classify-updates .updates-list:not(:nth-of-type(1)) {display: none;}
.common-classify-updates .updates-list ul {display: inline-block; width: 1200px;}
.common-classify-updates .updates-list .item {display: inline-block; position: relative; width: 360px; height: 36px; overflow: hidden; font-size: 14px; line-height: 36px; /* border: 1px solid red; */}
/* .common-classify-updates .updates-list .item:nth-child(3n+2) {margin: 0 40px;} */
.common-classify-updates .updates-list .item a {display: inline-block; vertical-align: middle;}
.common-classify-updates .updates-list .item .cname {max-width: 200px;}
.common-classify-updates .updates-list .item .time {display: inline-block; float: right; margin-right: 8px; vertical-align: middle; color: #2c5be5;}
.common-classify-partner .title .icon-title {background-image: url(../images/icon-partner.png);}
.common-classify-partner .partner-list {margin: 20px auto;    overflow: hidden;
    white-space: nowrap;
    width: 100%; /* 或者具体的宽度 */}
.partner-list ul{list-style: none;
animation-name: partner;
animation-duration: 10s;
animation-iteration-count:infinite;
animation-timing-function: linear;
}
 
@keyframes partner {
    from{
        transform: translateX(0);
    }to{
        transform: translateX(-960px);
}}
.common-classify-partner .partner-list .img-box {display: inline-block; width: 176px; height: 165px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;}
.common-classify-partner .partner-list .img-box+.img-box {margin-left: 16px;}
.common-classify-partner .partner-list .img-box img {width: 100%; height: 100%; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;}
.common-classify-partner .partner-list .img-box:hover img {box-shadow: 0px 13px 24px 0px rgba(0, 18, 86, 0.21);}



li {
  cursor: default;
}
table {
  border-collapse: collapse;
  table-layout: fixed;
}
em ,i{
  font-style: normal
}
.clearfix {
  zoom: 1;
}
/* 娓呮娴姩 */
.clearfix:after {
  content: ".";
  width: 0;
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  overflow: hidden;
}
.fl {
  float: left
}
.fr {
  float: right
}
.tl {
  text-align: left;
}
.tc {
  text-align: center
}
.tr {
  text-align: right;
}
.mainContent {
  width: 100%;
  float: left;
  font-size: 14px;
  margin-bottom: 20px;
  min-width: 1300px;
}
.mw1300 {
  width: 1300px;
  margin: 0 auto;
}
.ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#none {
  display: none;
}
#np_l {
  padding-right: 0px;
}
#nm_l {
  margin-right: 0px;
}
.more {
  color: #a8a8a8;
  display: inline-block;
  width: 15%;
  height: 26px;
  text-align: right;
  padding-top: 10px;
  font-size: 12px;
  /*  margin-top: 10px;*/
}
.more::before {
  content: "...";
  display: inline-block;
  border: 1px solid #a8a8a8;
  border-radius: 25px;
  width: 12px;
  height: 12px;
  position: relative;
  top: -3px;
  left: -5px;
  /* background-color: #ffffff; */
  text-align: center;
  color: #a8a8a8;
  line-height: 0.4;
}
.more:hover::before {
  color: #358ff0;
  border: 1px solid #358ff0;
}
.more:hover {
  color: #358ff0;
}
.mainContent {
  background:#fff;
  width: 100%;
  float: left;
  font-size: 14px;
  margin-bottom: 20px;
  min-width: 1200px;
  margin-top:15px;
}
.mw1300 {
  width: 1200px;
  margin: 0 auto;
}
/*  */
.h_part {
    margin-top: 26px;
    max-height: 894px;
}

.h_part .p_mod {
    width: 380px;
    overflow: hidden;
}
.h_part .p_mod .bag_top span {
    border-left:4px solid  #3F51B5;
    font-size: 16px;
    color: #333;
    padding-left: 3px;
    margin-top: 10px;
	margin-bottom: 10px;
}
.h_part .p_mod .btn {
    position: absolute;
    cursor: pointer;
    z-index: 99;
    font-size: 50px;
    font-weight: bold;
}

.h_part .p_mod .cf li {
    position: relative;
    color: #fff;
}

.h_part .p_mod .cf a {
    display: inline-block;
    width: 100%;
    height: 350px;
    position: absolute;
    color: #fff;
}

.h_part .p_mod .cf a img {
    width: 100%;
    height: 100%;
}

.h_part .p_mod .cf li span {
    display: block;
    width: 91.7%;
    position: absolute;
    bottom: 0;
    color: #f9f9f9;
    padding: 10px 20px;
    background-color: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}

.h_part .p_mod .icon {
    display: block;
    width: 91%;
    color: #f9f9f9;
    position: absolute;
    bottom: 0;
    padding: 10px 20px;
    text-align: right;
}

.h_part .p_mod .icon i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 16px;
    margin: 0px 2px;
    background: #e2e7df;
}

.h_part .p_mod .icon .on {
    background-color: #5caf28;
}

.h_part .p_mod .picBox {
    width: 481px;
    height: 350px;
    position: relative;
    overflow: hidden;
}

.h_part .p_mod .picBox ul {
    height: 350px;
    position: absolute;
    left: 0;
}

.h_part .p_mod .picBox li {
    position: absolute;
    width: 481px;
    height: 350px;
    float: left;
}

.h_part .p_mod .listBox {
    width: 480px;
    height: 62px;
    margin-top: 10px;
    overflow: hidden;
}

.h_part .p_mod .listBox ul {
    height: 62px;
}

.h_part .p_mod .listBox li {
    border: 1px solid #ffffff;
    width: 110.5px;
    height: 60px;
    cursor: pointer;
    opacity: 1;
    margin-right: 10px;
    float: left;
}

.h_part .p_mod .listBox #lastnone {
    margin-right: 0px;
}

.h_part .p_mod .listBox img {
    width: 100%;
    height: 60px;
    display: inline-block;
    overflow: hidden;
    background-color: #cfa972;
    opacity: 0.8;
}

.h_part .p_mod .listBox .on {
    border: 1px solid #f0412a;
}

.h_part .p_mod .listBox .on img {
    opacity: 1;
}

.listBox img {
    width: 100%
}

.h_part .p_mod .p_newtravel {
    width: 100%;
    margin-top: 16px;
}

.h_part .p_mod .p_newtravel ul li {
    margin: 9px 0px;
    padding: 0px 15px;
  position: relative;
  box-sizing: border-box;
    border: 1px solid #eeeeee;
    display: inline-block;
    width: 100%;
  z-index: 6;
    background: no-repeat center right / 210px 90px;
    transition: all 0.3s;
}
.h_part .p_mod .p_newtravel ul li:hover {
  box-shadow: 0 0 10px 0 rgba(47, 47, 47, 0.2);
  transition: all 0.3s;
}

.h_part .p_mod .p_newtravel ul li img {
    width: 68px;
    height: 68px;
    border-radius: 6px;
    padding: 10px 0px;
}

.h_part .p_mod .p_newtravel ul li div {
    height: 64px;
    padding: 12px 0px;
    padding-left: 15px;
}

.h_part .p_mod .p_newtravel ul li .tit {
    font-weight: bold;
    display: inline-block;
    font-size: 15px;
    width: 150px;
    height: 50%;
}

.h_part .p_mod .p_newtravel ul li .txt {
    font-size: 13px;
}
.h_part .p_mod .p_newtravel ul li .txt span{
    color: #a8a8a8;
}
.h_part .p_mod .p_newtravel ul li .txt .time {
    margin-left: 30px;
    color: #ff0000;
}

.h_part .p_mod .p_newtravel ul li .b_newtravel:hover {
    color: #fff;
}

.h_part .p_mod .p_newtravel ul li .b_newtravel {
    position: relative;
    background-color: #f0412a;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    border-left: none;
    padding: 25px 20px;
    right: -16px;
    cursor: pointer;
}

.h_part .p_mod .p_newtravel ul li .b_newtravel span {
    color: inherit;
  cursor: pointer;
}

.h_part .p_mod .p_newtravel ul li .b_newtravel:hover span {
    color: #fff;
}
/*  */
.h_part .p_software {
    margin-left: 40px;
    width: 480px;
}
.h_part .p_software .bag_top span {
    border-left:4px solid  #3F51B5;
    font-size: 16px;
    color: #333;
    padding-left: 3px;
    margin-top: 10px;
	margin-bottom: 10px;
}
.p_softlist {
    width: 100%;
    overflow: hidden;
}

.p_softlist .p_con {
    overflow: hidden;
}

.h_part .p_software .p_top .cur {
    border-bottom: 2px solid #358ff0;
    color: #358ff0;
}

.h_part .p_software .p_top li {
    float: left;
    display: inline-block;
    width: 120px;
    text-align: center;
    padding: 10px 0px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 18px;
    padding-top: 0px;
}

.h_part .p_software .p_con ul {
    border-bottom: 1px dashed #f0f0f0;
    padding: 16px 4px 8px 4px;
}

.h_part .p_software .p_con ul li::before {
    content: "";
    display: inline-block;
    border: 1px solid #f0f0f0;
    border-radius: 20px;
    width: 7px;
    height: 7px;
    position: relative;
    top: 0px;
    left: -386px;
    background-color: #ffffff;
}

.h_part .p_software .p_con ul .naw_first::before {
    content: "鏂�";
    display: inline-block;
    border: 1px solid #ff33ff;
    border-radius: 17px;
    width: 25px;
    height: 25px;
    position: relative;
    top: -1px;
    left: -395px;
    background-color: #ffffff;
    text-align: center;
    line-height: 1.8;
    color: #ff33ff;
}

.h_part .p_software .p_con ul .hot_first::before {
    content: "鐑�";
    display: inline-block;
    border: 1px solid #fe7d87;
    border-radius: 17px;
    width: 25px;
    height: 25px;
    position: relative;
    top: -1px;
    left: -355px;
    background-color: #ffffff;
    text-align: center;
    line-height: 1.8;
    color: #fe7d87;
}

.h_part .p_software .p_con ul li {
  height: 26px;




    border-left: 1px solid #f0f0f0;
    margin-left: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    line-height: 1.8;
}

.h_part .p_software .p_con ul .last {
    padding-bottom: 0px;
}

.h_part .p_software .p_con ul li img {
    margin: 0px 6px;
    width: 25px;
    height: 25px;
}

.h_part .p_software .p_con ul li .a_type:hover {
    color: #5caf28;
}

.h_part .p_software .p_con ul li .a_type, .h_part .p_software .p_con ul li span {
    width: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a8a8a8;
}

.h_part .p_software .p_con ul li .a_tit:hover {
    color: #358ff0;
}

.h_part .p_software .p_con ul li .a_tit {
    display: inline-block;
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.h_part .p_software .p_con ul li .bot_span {
    width: 45px;
    text-align: center;
    font-size: 13px;
}

/*  */
.h_part .p_software .p_informa {
    margin-top: 20px;
}

.h_part .p_software .p_informa .i_top .cur {
    border-top: 1px solid #358ff0;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #ffffff;
    color: #358ff0;
}

.h_part .p_software .p_informa .i_top a {
    width: 106px;
    padding-top: 0px;
    display: inline-block;
    height: 15px;
}

.h_part .p_software .p_informa .i_top li {
    border: 1px solid #ffffff;
  box-sizing: border-box;
    border-bottom: 1px solid #f0f0f0;
    float: left;
    display: inline-block;
    width: 118px;
    text-align: center;
    padding: 10px 0px;
    font-size: 16px;
}

.h_part .p_software .i_con {
    /*  padding-top: 10px;*/
    overflow: hidden
}

.h_part .p_software .i_con .c-new {
    overflow: hidden
}

.h_part .p_software .i_con ul li:hover .onfurls::before {
    background-color: #358ff0;
    border: 1px solid #358ff0;
}

.h_part .p_software .i_con ul li .onfurls::before {
    content: "";
    display: inline-block;
    border: 1px solid #f0f0f0;
    border-radius: 15px;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 17px;
    left: 2px;
    background-color: #f0f0f0;
}

.h_part .p_software .i_con ul li .onfurls {
    position: relative;
    border-bottom: 1px dashed #f0f0f0;
    padding: 11px 0px 11px 12px;
}
.onfurls span{
  color: #a8a8a8;
}
.h_part .p_software .i_con ul li .unfurls {
    border-bottom: 1px dashed #f0f0f0;
    padding: 15px 0px 15px 0px;
}

.h_part .p_software .i_con .two ul li .unfurls {
    padding: 5px 0px 5px 0px;
}

.h_part .p_software .i_con .two ul li .onfurls {
    padding: 5px 0px 5px 15px;
}

.h_part .p_software .p_con ul li .a_type:hover {
    color: #358ff0;
}

.h_part .p_software .i_con ul li .onfurls .a_type {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a8a8a8;
}

.h_part .p_software .i_con ul li .a_type:hover {
    color: #358ff0;
}

.h_part .p_software .i_con ul li .onfurls .a_tit {
    display: inline-block;
    width: 300px;
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.h_part .p_software .i_con ul li .unfurls img {
    width: 105px;
    height: 56px;
    border-radius: 5px;
}

.h_part .p_software .i_con ul.c_arti li .unfurls img {
    width: 105px;
    height: 56px;
    border-radius: 5px;
}

.h_part .p_software .i_con ul li .unfurls div {
    margin-left: 25px;
  max-width: 350px;
    height: 56px;
    overflow: hidden;
}

.h_part .p_software .i_con ul li .unfurls .u_title:hover {
    color: #5caf28;
}

.h_part .p_software .i_con ul li .unfurls .u_title {
    margin-left: 0px;
    font-size: 16px;
    margin-bottom: 5px;
    display: inline-block;
    color: #fe6767;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.h_part .p_software .i_con ul li .unfurls .u_img {
    margin-top: 5px;
    margin-left: 0px;
}

.h_part .p_software .i_con ul li .unfurls .fl .a_tit {
    margin: 2px 0px 12px 0;
    font-size: 15px;
    width: 270px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.h_part .p_software .i_con ul li .unfurls div .u_txt {
    margin: 0px 0px;
    font-size: 14px;
    display: inline-block;
    color: #737373;
    width: 330px;
    height: 50px;
    padding-left: 30px;
    overflow: hidden;
    line-height: 2;
}

.h_part .p_software .i_con ul li .unfurls div .txt {
    font-size: 13px;
}

.h_part .p_software .i_con ul li .unfurls div .txt .col {
    color: #faa08e;
  display: inline-block;
  overflow: hidden;
  line-height: 20px;
}

.h_part .p_software .i_con ul li .unfurls div .txt .col a{
  max-width: 120px;
  height: 16px;
  display: inline-block;
  overflow: hidden;
    color: #faa08e;
  margin-right: 4px;
  margin-left: 4px;
  
  white-space: nowrap;

}
.h_part .p_software .i_con ul li .unfurls div .txt .col a:first-child{
  margin-left: 0px;
}
/*  */
.h_part .p_role {
    width: 260px;
    overflow: hidden;
}


.h_part .p_role .role_img {
  text-align: center;
  height: 366px;
}
.h_part .p_role .role_img div {
  padding: 93px 0px;
  padding-right: 0px;
}
.h_part .p_role .role_img div img {
  width: 120px;
  height: 120px;
  border-radius: 28px;
}
.h_part .p_role .role_img div p {
  margin: 12px 0px;
  font-size: 18px;
}
.h_part .p_role .role_img div span {
  width: 148px;
  display: inline-block;
  margin-right: -12px;
}
.h_part .p_role .role_img i {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  top: 124px;
  left: -57px;
}
.h_part .p_role .role_img div span a {
  padding: 5px 0px;
  display: inline-block;
  width: 71px;
  text-align: center;
  color: #ffffff;
}
.h_part .p_role .role_img div span .ipand {
}
.h_part .p_role .role_img div span .ipand:hover {
  color: #45abff;
}
.h_part .p_role .role_img div span .anzhuo {
  width: 40px;
  padding-left: 15px;
}
.h_part .p_role .role_img div span .anzhuo:hover {
  color: #aad917;
}
.h_part .p_role .role_bag .bag_top span {
    border-left:4px solid  #3F51B5;
    font-size: 16px;
    color: #333;
    padding-left: 3px;
    margin-top: 10px;
	margin-bottom: 10px;
}
.h_part .p_role .role_bag ul li {
    width: 100%;
    height: 96px;
    margin-top: 15px;
    overflow: hidden;
    position: relative;
}
.h_part .p_role .role_bag ul li span {
    height: 32px;
    line-height: 32px;
    padding: 20px 15px 0;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 15px;
    text-align: center;
}
.h_part .p_role .role_bag ul li .bag_hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=e5f000000, endcolorstr=#e5000000);
}
.h_part .p_role .role_bag ul {
    width: 100%;
    overflow: hidden;
}