.comm_part {
    overflow: hidden;
    position: relative;
}
.com_titOne {
    margin-top: 0;
}
.smal_banner {
    width: 100%;
    overflow: hidden;
    height: 100px;
    margin-top: 20px;
}
.smal_banner a {
    width: 100%;
    height: 100px;
    overflow: hidden;
}
.smal_banner img {
    width: 100%;
    height: 100px;
    transition: all 0.4s ease;
}
.smal_banner img:hover {
    transform: scale(1.06);
    transition: all 0.4s ease;
}
.comm_ptbox .title {
    margin: 20px 0px;
}
.comm_ptbox .title h2 {
    background: url('../images/part.png') no-repeat 0px 0px;
    font-size: 18px;
    padding: 2px 40px;
}
.comm_ptbox .title div {
    padding: 4px 0px;
}
.h_Recommenda .title div span {
    cursor: pointer;
}
.h_Recommenda .title div span {
    cursor: pointer;
}
.comm_ptbox .title div span::before {
    content: '';
    display: inline-block;
    width: 20px;
    position: relative;
    top: 6px;
    left: 40px;
}
.comm_ptbox .title div .cur::before,
.comm_ptbox .title div span:hover::before {
    border-bottom: 1px solid #358ff0;
}
.comm_ptbox .title div .cur {
    color: #358ff0;
}
.comm_ptbox .title div em {
    margin-left: 18px;
}
.h_switch {
    padding-bottom: 14px;
    border-bottom: 1px dashed #e2e2e2;
}
.h_switch ul {
    margin-left: -30px;
    max-height: 116px;
    overflow: hidden;
}
.h_switch li {
    float: left;
    margin-left: 30px;
}
.h_switch li a {
    display: inline-block;
    width: 160px;
}
.h_switch li img {
    display: inline-block;
    border-radius: 6px;
    margin-bottom: 12px;
    width: 160px;
    height: 82px;
    transition: all 0.4s ease;
}
.h_switch li:hover img {
    transform: scale(1.06);
    transition: all 0.4s ease;
}
.h_hot {
    margin: 14px 0px 0 0;
}
.h_hot img {
    width: 100%;
    height: 100px;
}
.h_hot div {
    margin-top: 15px;
    height: 30px;
    overflow: hidden;
}
.h_hot div li {
    float: left;
    padding: 5px 0px;
    text-align: center;
    display: inline-block;
}
.h_hot div a {
    float: left;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}
.h_hot div .color1 {
    color: #ff7e61;
}
.h_hot div .color2 {
    color: #5caf28;
}
.h_hot div span {
    padding: 5px 0px;
    margin: 0px 17px;
    float: left;
    color: #ddd;
    display: inline-block;
}
.h_hot div .h_title1 {
    background-color: #ff7e61;
    color: #ffffff;
    padding: 5px 20px;
    margin-right: 20px;
    margin-left: 0px;
    float: left;
    display: inline-block;
}
.h_hot div .h_title2 {
    background-color: #6db5ff;
    color: #ffffff;
    padding: 5px 20px;
    margin-right: 20px;
    margin-left: 0px;
    float: left;
    display: inline-block;
}
ul.zthj_boximg {
}
.zthj_boximg li {
    height: 450px;
    float: left;
    margin-right: 4px;
}
ul.zthj_boximg li img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.zthj_boximg li a:hover img,
ul.zthj_boximg li img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.zthj_boximg li .img_bit {
    width: 265px;
    height: 450px;
    overflow: hidden;
    display: block;
}
ul.zthj_boximg li .img_top {
    width: 250px;
    height: 290px;
    overflow: hidden;
    display: block;
}
ul.zthj_boximg li .img_bot {
    width: 250px;
    height: 155px;
    overflow: hidden;
    display: block;
}
ul.zthj_boximg li .mt5 {
    margin-top: 5px;
}
ul.zthj_boximg .mr0 {
    margin-right: 0px;
}
ul.zthj_boximg li a:hover p {
    display: block;
}
ul.zthj_boximg li p {
    display: none;
    text-align: center;
    background-color: rgb(0, 0, 0);
    background-color: rgba(5, 2, 3, 0.6);
    filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#66000000, endcolorstr=#66000000);
    position: relative;
    top: -29px;
    padding: 5px 0px;
    color: #ffffff;
}
ul.c_classic {
    overflow: hidden;
    margin-left: -17px;
}
.h242 {
    max-height: 242px;
}
ul.c_classic li {
    display: block;
    float: left;
    width: 246.4px;
    box-sizing: border-box;
    border: 1px solid #f6f7fb;
    border-radius: 4px;
    margin: 20px 0 0 17px;
    overflow: hidden;
}
ul.c_classic li .clasic_img {
    display: block;
    width: 244px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 128px;
    overflow: hidden;
}
ul.c_classic li .clasic_img img {
    display: block;
    width: 244px;
    height: 128px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.c_classic li .clasic_img img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.c_classic li .infor {
    height: 53px;
    padding: 0 13px;
}
ul.c_classic li .infor .name {
    float: left;
    display: block;
    line-height: 53px;
    overflow: hidden;
    width: 130px;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #434343;
    font-weight: bold;
}
ul.c_classic li .infor .name:hover {
    color: #ed6d0f;
}
ul.c_classic li .infor .btn {
    margin-top: 13px;
    width: 80px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    background: #eee;
    border-radius: 20px;
    color: #434343;
    display: block;
    float: right;
}
ul.c_classic li .infor .btn:hover {
    background: #ffa200;
    color: #fff;
}
ul.c_classic li .tab_box {
    height: 37px;
    line-height: 37px;
    text-align: center;
    border-top: 1px solid #f6f7fb;
}
ul.c_classic li .tab_box .tab {
    background: #fff;
    width: 122px;
    box-sizing: border-box;
    float: left;
    border-right: 1px solid #f6f7fb;
    color: #00be6e;
}
ul.c_classic li .tab_box .tab:hover {
    color: #fff;
    background: #00be6e;
    border-color: #00be6e;
}
ul.c_classic li .tab_box .tab:hover .ico1 {
    background-position: -59px -800px;
}
ul.c_classic li .tab_box .tab:hover .ico2 {
    background-position: 0 -800px;
}
ul.c_classic li .tab_box .tab:hover .ico3 {
    background-position: -503px -133px;
}
ul.c_classic li .tab_box .tab i {
    display: inline-block;
    vertical-align: middle;
    background: url('../images/icon.png') no-repeat center;
    margin: -4px 8px 0 0;
}
ul.c_classic li .tab_box .tab .ico1 {
    height: 16px;
    width: 18px;
    background-position: -120px -799px;
}
ul.c_classic li .tab_box .tab .ico2 {
    height: 16px;
    width: 16px;
    background-position: -96px -800px;
}
ul.c_classic li .tab_box .tab .ico3 {
    height: 16px;
    width: 16px;
    background-position: -475px -133px;
}
ul.c_classic li .tab_box .tab + .tab {
    border: none;
    color: #ff7044;
}
ul.c_classic li .tab_box .tab + .tab:hover {
    background: #ff7044;
    color: #fff;
}
ul.c_classic li .tab_box .tab.tab_ico3 {
    border: none;
    color: #ed6d0f;
}
ul.c_classic li .tab_box .tab.tab_ico3:hover {
    background: #ed6d0f;
    color: #fff;
}
ul.clsc_list li .tab_box .tab.tab_ico3 {
    background: #ed6d0f;
    color: #fff;
}
ul.clsc_list li .tab_box .tab .ico3 {
    background-position: -503px -133px;
}
.comm_ptbox {
    overflow: hidden;
}
.w370 {
    width: 370px;
    overflow: hidden;
}
.imgshow {
    width: 100%;
    height: 230px;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}
.imgshow ul.liveZq {
    height: 230px;
    position: absolute;
}
.imgshow ul.liveZq li {
    float: left;
    width: 370px;
    height: 230px;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
}
.liveZq li img {
    width: 100%;
    height: 230px;
}
.liveZq li::before {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 58px;
    height: 34px;
    background: url(../images/t-b.png);
    display: block;
    content: '';
}
.liveZq li::after {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 36px;
    height: 36px;
    background: url(../images/b-b.png);
    display: block;
    content: '';
}
.imgshow .btn {
    position: absolute;
    height: 23px;
    bottom: 8px;
    right: 12px;
    z-index: 1;
}
.imgshow .btn span {
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    _font-size: 0;
    margin: 0 4px;
    cursor: pointer;
    background: #ebebeb;
}
.imgshow .btn span.on {
    background: #ff431e;
    width: 24px;
}
.imgshow .preNext {
    display: none;
}
.imgshow li s,
.imgshow li strong {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}
.imgshow li s {
    width: 100%;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    background: #000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.imgshow li strong {
    bottom: 0px;
    left: 10px;
    font-weight: normal;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    font-size: 16px;
    color: #fff;
    z-index: 1;
}
.w910 {
    width: 910px;
    overflow: hidden;
}
.hotlive {
    margin-left: -15px;
    margin-top: 7px;
}
.hotlive li {
    width: 216px;
    height: 109px;
    position: relative;
    float: left;
    margin-top: 13px;
    margin-left: 15px;
    overflow: hidden;
    border-radius: 6px;
}
.hotlive li a {
    display: block;
}
.hotlive li a img {
    width: 216px;
    height: 109px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.hotlive li:hover a img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.hotlive li span {
    height: 32px;
    line-height: 32px;
    padding: 50px 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;
}
.hotlive dl {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: -100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.hotlive dt {
    display: inline-block;
    font-weight: bold;
    margin: 20px 15px 0;
    padding: 0 15px;
    font-size: 16px;
    height: 29px;
    line-height: 29px;
    overflow: hidden;
    position: relative;
}
.hotlive dt:before,
.hotlive dt:after {
    content: '';
    display: block;
    width: 9px;
    height: 29px;
    background: url(../images/icon.png) no-repeat;
    position: absolute;
    top: 0;
}
.hotlive dt:before {
    background-position: 0 -820px;
    left: 0;
}
.hotlive dt:after {
    background-position: -10px -820px;
    right: 0;
}
.hotlive dd {
    margin-top: 10px;
}
.hotlive dd a {
    color: #fff;
}
.hotlive li:hover dl {
    top: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.rmjx_btn {
    display: block;
    width: 110px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    border-radius: 6px;
    background: #70b63a;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
}
.rmjx_btn:hover {
    background: #85c256;
}
.hotlive li:hover dl {
    top: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.hotlive li:hover span {
    bottom: -80px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.tab_BoxList {
    width: 100%;
    margin: 20px 0;
}
.tab_BoxList ul.tab_list {
    width: 100%;
    margin: 0;
    height: 52px;
    line-height: 52px;
    box-sizing: border-box;
    border: 1px solid #eee;
}
.tab_BoxList ul.tab_list li {
    font-size: 16px;
    padding: 0 6px;
    float: left;
    line-height: 50px;
    height: 50px;
    margin: 0 20px;
    position: relative;
    z-index: 8;
}
.tab_BoxList ul.tab_list li i {
    width: 12px;
    height: 10px;
    display: none;
    position: absolute;
    bottom: -10px;
    left: 30px;
    z-index: 9;
    background: url(../images/icon.png) no-repeat left center;
    overflow: hidden;
    background-position: -449px -67px;
}
.tab_BoxList ul.tab_list li.cur i {
    display: block;
}
.tab_BoxList ul.tab_list li.cur {
    border-bottom: 1px solid #00be6e;
}
.tab_BoxList ul.tab_list li a {
    color: #666;
    font-weight: bold;
}
.tab_BoxList ul.tab_list li.cur a,
.tab_BoxList ul.tab_list li:hover a {
    color: #00be6e;
}
.mbhj_list {
    margin-left: -50px;
    max-height: 880px;
    overflow: hidden;
}
.mbhj_list li {
    width: 400px;
    background-color: #fff;
    border: 1px #f3f3f3 solid;
    box-sizing: border-box;
    padding: 10px 19px 20px 19px;
    float: left;
    margin: 0;
    margin-bottom: 20px;
    margin-top: 6px;
    margin-left: 50px;
}
.mbhj_list li:hover {
    box-shadow: 0 0 10px 0 rgba(47, 47, 47, 0.2);
}
.mbhj_list li a {
    display: block;
}
.mbhj_list li h3 {
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 6px;
}
.mbhj_list .imgTxt {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
}
.mbhj_list .imgTxt a {
    float: left;
    overflow: hidden;
    width: 360px;
    height: 168px;
}
.mbhj_list .imgTxt img {
    width: 360px;
    height: 168px;
    float: left;
    transition: transform 0.3s;
}
.mbhj_list .imgTxt a:hover img {
    transform: scale(1.1, 1.1);
    transition: transform 0.3s;
}
.mbhj_list .imgTxt p.txt {
    width: 100%;
    float: left;
    height: 82px;
    margin-top: 12px;
    color: #666;
    line-height: 26px;
    font-size: 13px;
    display: -webkit-box;
    display: -moz-box;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.mbhj_list dl {
    width: auto;
    margin-left: -29px;
    overflow: hidden;
}
.mbhj_list dl dd {
    width: 68px;
    height: 68px;
    overflow: hidden;
    padding: 0;
    border-radius: 6px;
    float: left;
    display: inline-block;
    margin-left: 29px;
}
.mbhj_list dl dd img {
    width: 68px;
    height: 68px;
    border-radius: 6px;
}
.mbhj_list dl dd img:hover {
    transform: rotateY(0deg);
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.mbhj_list dl dd a.hjmore {
    padding-top: 18.5px;
    color: #fff;
    display: block;
    border-radius: 3px;
    background-color: #c5c5c5;
    text-align: center;
    transition: all 0.2s ease;
    width: 68px;
    height: 68px;
}
.mbhj_list dl dd a.hjmore i {
    width: 31px;
    height: 31px;
    background: url(../images/icon.png) no-repeat;
    background-position: -395px -750px;
    display: block;
    margin: 0 auto 8px;
}
.mbhj_list dl dd a.hjmore:hover {
    background-color: #81a7ff;
}
/*列表导航*/
.list_tab_tit {
    width: 100%;
    overflow: hidden;
    border: 1px solid #eee;
    box-sizing: border-box;
    margin-top: 30px;
}
.list_tab_tit ul.tab_ultit {
    width: 100%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}
.list_tab_tit ul.tab_ultit li {
    float: left;
    cursor: pointer;
    line-height: 47px;
    font-size: 18px;
    font-weight: bold;
    color: #666;
    text-align: center;
    margin: 0 20px;
}
.list_tab_tit ul.tab_ultit li.cur,
.list_tab_tit ul.tab_ultit li:hover {
    color: #358ff0;
    border-bottom: 2px solid #358ff0;
}
.list_tab_tit ul.tab_ulitem {
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
    background-color: #f9f9f9;
    overflow: hidden;
}
.list_tab_tit ul.tab_ulitem li {
    float: left;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    font-size: 16px;
    color: #666;
    text-align: center;
    padding: 0 20px;
    margin-right: 30px;
}
.list_tab_tit ul.tab_ulitem li a {
    color: #666;
}
.list_tab_tit ul.tab_ulitem li.cur,
.list_tab_tit ul.tab_ulitem li:hover {
    background-color: #358ff0;
    border: 1px solid #358ff0;
    color: #fff;
}
.list_tab_tit ul.tab_ulitem li.cur a,
.list_tab_tit ul.tab_ulitem li:hover a {
    color: #fff;
}
ul.clsc_list {
    margin-left: -36px;
}
ul.clsc_list li {
    width: 298px;
    height: 230px;
    margin: 20px 0 10px 36px;
}
ul.clsc_list li .clasic_img {
    width: 296px;
    height: 140px;
}
ul.clsc_list li .clasic_img img {
    width: 296px;
    height: 140px;
}
ul.clsc_list li .infor {
    height: 49px;
}
ul.clsc_list li .infor .name {
    width: 100%;
    line-height: 50px;
}
ul.clsc_list li .tab_box {
    height: 40px;
    line-height: 40px;
    border: none;
}
ul.clsc_list li .tab_box .tab {
    width: 100%;
}
/*左边：系统软件列表  分页 */
.SESFPage {
    padding: 20px 0;
    text-align: center;
    overflow: auto;
    margin-bottom: 20px;
}
.SESFPage a {
    border: 1px solid #00be6e;
    border-radius: 6px;
    line-height: 44px;
    width: 320px;
    font-size: 16px;
    height: 46px;
    display: inline-block;
    color: #00be6e;
}
.SESFPage a i {
    width: 12px;
    height: 10px;
    margin-left: 6px;
    display: inline-block;
    background: url(../images/icon.png) no-repeat -449px -97px;
}
.SESFPage a:hover {
    border: 1px solid #00be6e;
    background-color: #00be6e;
    color: #fff;
}
.SESFPage a:hover i {
    background: url(../images/icon.png) no-repeat -478px -97px;
}
/*列表页面*/
.w1080 {
    width: 1080px;
    overflow: hidden;
}
.w180 {
    width: 180px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.w180 ul.tab_lfnav {
    position: fixed;
    width: 180px;
    overflow: hidden;
    margin-top: 20px;
    background-color: #f5f5f5;
}
ul.tab_lfnav li {
    text-align: center;
    line-height: 46px;
    height: 46px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #f5f5f5;
    border-left: 2px solid #f5f5f5;
}
ul.tab_lfnav li a {
    display: block;
}
ul.tab_lfnav .cur,
ul.tab_lfnav li:hover {
    background-color: #ffffff;
    border-left: 2px solid #00be6e;
}
/*手机合集*/
.main_Right .mbhj_ullist {
    margin-top: 20px;
    overflow: hidden;
}
.main_Right .mbhj_ullist li {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px #e1e1e1 dashed;
    box-sizing: border-box;
    float: left;
    margin: 0;
    margin-bottom: 20px;
}
.main_Right .mbhj_ullist li a {
    display: block;
}
.main_Right .mbhj_ullist li h3 {
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    position: relative;
    font-weight: bold;
    margin-bottom: 6px;
}
.main_Right .mbhj_ullist span.rj_num {
    padding: 0 10px;
    display: block;
    text-align: center;
    color: #6191ff;
    font-weight: normal;
    letter-spacing: 1px;
    border-radius: 20px;
    border: 2px #ebf1ff solid;
    font-family: 'Impact';
    font-size: 12px;
    background: #fff;
    position: absolute;
    right: 0px;
    line-height: 24px;
    bottom: 4px;
}
.main_Right .mbhj_ullist .imgTxt {
    width: 100%;
    height: 172px;
    position: relative;
    margin-bottom: 20px;
}
.main_Right .mbhj_ullist .imgTxt a.img {
    float: left;
    overflow: hidden;
    width: 360px;
    height: 172px;
}
.main_Right .mbhj_ullist .imgTxt a.img img {
    width: 360px;
    height: 172px;
    float: left;
    transition: transform 0.3s;
}
.main_Right .mbhj_ullist .imgTxt a.img:hover img {
    transform: scale(1.1);
    transition: transform 0.3s;
}
.main_Right .mbhj_ullist .txt_info {
    width: 700px;
    margin-left: 20px;
    overflow: hidden;
}
.main_Right .mbhj_ullist .imgTxt p.txtB {
    width: 100%;
    float: left;
    height: 52px;
    color: #666;
    line-height: 26px;
    font-size: 14px;
    margin-bottom: 6px;
    display: -webkit-box;
    display: -moz-box;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.main_Right .mbhj_ullist .imgTxt p.txt {
    width: 100%;
    float: left;
    height: 78px;
    color: #666;
    margin-top: -6px;
    line-height: 26px;
    font-size: 14px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -moz-box;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.main_Right .mbhj_ullist dl {
    margin-left: -34px;
    overflow: hidden;
}
.main_Right .mbhj_ullist dl dd {
    width: 88px;
    overflow: hidden;
    padding: 0;
    float: left;
    display: inline-block;
    margin-left: 34px;
}
.main_Right .mbhj_ullist dl dd a span {
    width: 88px;
    height: 20px;
    word-break: break-all;
    display: block;
    text-align: center;
    margin-top: 6px;
    overflow: hidden;
    line-height: 20px;
}
.main_Right .mbhj_ullist dl dd img {
    width: 88px;
    height: 88px;
    border: 1px solid #eee;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 20px;
    transition: transform 0.3s;
}
.main_Right .mbhj_ullist dl dd img.pc_gmImg {
    width: 64px;
    margin: 0 12px;
    height: 88px;
    border-radius: 6px;
}
.main_Right .mbhj_ullist dl dd img:hover {
    transform: scale(0.96);
    transition: transform 0.3s;
}
.main_Right .mbhj_ullist a.hjmore {
    color: #fff;
    display: block;
    border-radius: 20px;
    background-color: #c5c5c5;
    text-align: center;
    transition: all 0.2s ease;
    width: 88px;
    height: 88px;
    overflow: hidden;
}
.main_Right .mbhj_ullist a.hjmore i {
    width: 31px;
    height: 31px;
    background: url(../images/icon.png) no-repeat;
    background-position: -395px -750px;
    display: block;
    margin: 28.5px auto 8px;
}
.main_Right .mbhj_ullist a.hjmore:hover {
    background-color: #81a7ff;
}
.main_Right .mbhj_ullist dl dd a.typeBox {
    display: inline-block;
    height: 88px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    vertical-align: middle;
    width: 88px;
    z-index: 100;
}
.main_Right .mbhj_ullist dl dd a.typeBox:hover {
    background-color: #81a7ff;
}
.main_Right .mbhj_ullist dl dd a.typeBox i {
    background-size: cover;
    margin: 0 auto;
    display: block;
    margin-bottom: 2px;
    height: 34px;
    margin-top: 14px;
    vertical-align: middle;
    width: 34px;
}
.main_Right .mbhj_ullist dl dd a.typeBox span {
    width: 100%;
    line-height: 1.4;
    display: block;
    text-align: center;
}
.main_Right .mbhj_ullist dl dd i.icon-android {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cdefs%3E    %3Cpath id='a688108f-309f-4e18-a0dc-ed026741fa12-a' d='M0 0h33.684v18.947H0z'/%3E  %3C/defs%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h40v40H0z'/%3E    %3Cg opacity='1' transform='translate(3.158 11.158)'%3E      %3Cmask id='a688108f-309f-4e18-a0dc-ed026741fa12-b' fill='%23fff'%3E        %3Cuse xlink:href='%23a688108f-309f-4e18-a0dc-ed026741fa12-a'/%3E      %3C/mask%3E      %3Cpath fill='%23FFF' d='M24.594 14.156a1.402 1.402 0 1 1-.003-2.803 1.402 1.402 0 0 1 .003 2.803m-15.504 0a1.402 1.402 0 1 1-.002-2.803 1.402 1.402 0 0 1 .002 2.803M25.097 5.72L27.9.874a.584.584 0 0 0-1.01-.583L24.05 5.2c-2.17-.989-4.608-1.54-7.21-1.54-2.6 0-5.038.552-7.209 1.54L6.794.291a.584.584 0 0 0-1.01.582l2.803 4.848C3.774 8.335.482 13.2 0 18.947h33.684C33.202 13.2 29.91 8.335 25.097 5.721' mask='url(%23a688108f-309f-4e18-a0dc-ed026741fa12-b)'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E");
}
.main_Right .mbhj_ullist dl dd i.icon-ios {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cdefs%3E    %3Cpath id='f46e5a6d-7d66-4f5f-8628-7f4ceb95844a-a' d='M0 0h27v24.104H0z'/%3E  %3C/defs%3E  %3Cg fill='none' fill-rule='evenodd' transform='translate(7 4)'%3E    %3Cg transform='translate(0 7.658)'%3E      %3Cmask id='f46e5a6d-7d66-4f5f-8628-7f4ceb95844a-b' fill='%23fff'%3E        %3Cuse xlink:href='%23f46e5a6d-7d66-4f5f-8628-7f4ceb95844a-a'/%3E      %3C/mask%3E      %3Cpath fill='%23FFF' d='M20.06.016c-2.73-.194-5.046 1.46-6.339 1.46-1.311 0-3.332-1.418-5.475-1.38-2.814.04-5.408 1.57-6.86 3.983-2.922 4.86-.745 12.06 2.102 16.004 1.392 1.927 3.053 4.098 5.235 4.02 2.1-.08 2.895-1.302 5.433-1.302 2.536 0 3.252 1.301 5.473 1.262 2.26-.04 3.692-1.967 5.075-3.904 1.6-2.237 2.257-4.403 2.296-4.517-.05-.018-4.406-1.619-4.45-6.426-.039-4.019 3.425-5.951 3.583-6.044C24.167.398 21.129.092 20.059.016z' mask='url(%23f46e5a6d-7d66-4f5f-8628-7f4ceb95844a-b)'/%3E    %3C/g%3E    %3Cpath fill='%23FFF' d='M18.375 5.07c1.16-1.342 1.94-3.21 1.725-5.07-1.669.063-3.687 1.065-4.884 2.406-1.072 1.188-2.013 3.091-1.757 4.912 1.86.138 3.758-.904 4.916-2.247z'/%3E  %3C/g%3E%3C/svg%3E");
}
.main_Right .mbhj_ullist dl dd i.icon-windows {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cg fill='%23FFF' fill-rule='evenodd'%3E    %3Cpath d='M6.316 21.826v9.025l10.99 1.539V21.826zm12.045 0v10.712l14.463 2.026V21.826zM6.316 11.767v9.004h10.99V10.205zM32.824 8l-14.463 2.055v10.716h14.463z' opacity='1'/%3E    %3Cpath fill='none' d='M0 0h40v40H0z'/%3E  %3C/g%3E%3C/svg%3E");
}
.main_Right .mbhj_ullist dl dd i.icon-macos {
    background-image: url('../images/macOs.png');
}
.main_Right .mbhj_ullist dl dd i.icon-linux {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cg fill='%23FFF' transform='translate(4 4)'%3E    %3Cpath d='M13.848 18.392a1.58 1.58 0 0 0-.807.238c-1.583.924-2.591 1.826-3.122 2.403-.111.088-.135.39-.085.56.236.8 2.533 2.62 3.448 2.62a.616.616 0 0 0 .07-.005c1.758-.21 5.852-2.29 5.737-3.313-.043-.386-.538-.773-.921-.94-1.237-.541-2.52-.977-3.782-1.459a1.497 1.497 0 0 0-.539-.103v-.001zm3.984-.266c.219.089.438.18.655.275.177.078.363.178.546.299a.986.986 0 0 0 .188-.16c1.23-1.323 1.349-3.635.21-5.04-1.119-1.38-3.012-1.326-4.045.12-.583.815-.836 1.734-.683 2.722.043.274.07.477.102.637a179.03 179.03 0 0 0 1.506.56 1.792 1.792 0 0 1-.134-.772c.038-.819.581-1.459 1.214-1.43.633.029 1.115.716 1.078 1.534-.026.55-.282 1.014-.638 1.254h.001z'/%3E    %3Cpath d='M16 32a15.93 15.93 0 0 0 7.815-2.037c-.475-1.171-.955-2.34-1.435-3.508-.52-1.267-1.212-2.463-1.813-3.699-.087-.178-.19-.291-.307-.354-.485.644-1.311 1.276-2.522 1.94-1.181.649-2.902 1.396-4.186 1.548-.088.01-.18.016-.27.016-.83 0-1.844-.459-3.015-1.363a9.602 9.602 0 0 1-1.15-1.035c.112 1.739-.702 3.687-1.704 5.995A15.926 15.926 0 0 0 15.998 32H16zM9.387 13.99c-.86 1.268-.842 3.337.038 4.595.152.217.282.374.402.476.272-.238.599-.504.977-.784-.27-.174-.494-.531-.57-.975-.119-.675.147-1.285.592-1.363.445-.077.901.407 1.02 1.082.031.187.032.367.01.534.202-.128.411-.257.634-.388.194-.113.39-.198.59-.27.192-1.032.01-2.006-.557-2.886-.833-1.293-2.274-1.291-3.136-.02z'/%3E    %3Cpath d='M5.362 27.949c.417-.565.82-1.095 1.203-1.577.936-1.185 1.362-2.459 1.311-3.913-.092-2.598-.223-5.195-.32-7.792-.236-6.27 3.055-9.08 6.702-9.59 4.363-.61 7.933 1.172 9.602 5.05.94 2.186 1.218 4.493 1.334 6.837.062 1.26.113 2.523.219 3.78.14 1.671.79 3.142 1.732 4.532.264.39.561.815.884 1.27A15.94 15.94 0 0 0 31.999 16c0-8.837-7.164-16-16-16C7.165 0 0 7.163 0 16a15.96 15.96 0 0 0 5.362 11.95v-.001z'/%3E  %3C/g%3E%3C/svg%3E");
}
/*一个平台多版本*/
.main_Right .mbhj_ullist dl.hjbb_dl {
    width: 100%;
    height: 88px;
    margin: 0;
    overflow: hidden;
}
.main_Right .mbhj_ullist dl.hjbb_dl dd {
    width: 286px;
    margin: 0;
    margin-right: 20px;
    overflow: hidden;
}
.main_Right .mbhj_ullist li a.dd_img {
    float: left;
    margin-right: 12px;
    width: 88px;
    height: 88px;
    display: inline-block;
}
.main_Right .mbhj_ullist li .dd_info {
    width: 186px;
    height: 88px;
    display: inline-block;
    overflow: hidden;
}
.main_Right .mbhj_ullist li .dd_info a.dd_name {
    width: 100%;
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main_Right .mbhj_ullist li dl dd:hover a.dd_name {
    color: #358ff0;
}
.main_Right .mbhj_ullist li .dd_info span {
    width: 100%;
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
}
.main_Right .mbhj_ullist li .dd_info span i {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin: 0px 5px 0px 0px;
    background: url(../images/icon.png) no-repeat;
}
.main_Right .mbhj_ullist li .dd_info span.dd_size i {
    background-position: -506px -990px;
}
.main_Right .mbhj_ullist li .dd_info span.dd_type i {
    background-position: -526px -991px;
}
.main_Right .mbhj_ullist dl.hjbb_dl dd:nth-child(3) {
    width: 88px;
    margin-right: 0;
}
/*软件合集列表*/
.SDetztjs {
    width: 1300px;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
    padding-bottom: 12px;
    overflow: hidden;
}
.SDetztjs .img {
    width: 556px;
    height: 265px;
    box-sizing: border-box;
    border: 1px solid #eee;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 12px;
}
.SDetztjs .info {
    width: 775px;
    height: auto;
    border-right: 0;
    border-bottom: 0;
    position: relative;
    z-index: 2;
    background: url(../images/u_hypot_1.png) no-repeat;
    background-size: cover;
}
.SDetztjs .inner {
    width: 775px;
    height: auto;
    min-height: 260px;
    box-sizing: border-box;
    padding: 12px 20px 36px 50px;
}
.SDetztjs h1 {
    width: 100%;
    display: inline-block;
    color: #000;
    font-size: 22px;
    margin-bottom: 8px;
    line-height: 32px;
}
.SDetztjs .inner > p {
    width: 100%;
    max-height: 104px;
    margin-bottom: 16px;
    overflow-y: scroll;
    font-size: 15px;
    color: #666;
    line-height: 26px;
}

.SDetztjs .inner > p::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    border-radius: 10px;
    background-color: transparent;
}
.SDetztjs .inner > p::-webkit-scrollbar-track {
    background-color: transparent;
}
.SDetztjs .inner > p::-webkit-scrollbar-thumb {
    background-color: #ddd;
}
.SDetztjs .inner .shareBox {
    width: 500px;
    float: left;
}
/*合集相关标签*/
.rela_tabhj {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 6px;
}
.rela_tabhj span {
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #444;
}
.rela_tabhj span.tabhj_tit {
    height: 26px;
    line-height: 26px;
}
.rela_tabhj span.tabhj_item {
    max-width: 590px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rela_tabhj span.tabhj_item a {
    display: block;
    float: left;
    padding: 0px 10px;
    height: 24px;
    color: #358ff0;
    line-height: 24px;
    border: 1px solid #358ff0;
    border-radius: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}
.rela_tabhj span.tabhj_item a:hover {
    background-color: #358ff0;
    color: #fff;
}
.rela_tabhj span.tabhj_item a:nth-child(1) {
    border-color: #4d90ba;
    color: #4d90ba;
}
.rela_tabhj span.tabhj_item a:nth-child(1):hover {
    background-color: #4d90ba;
    color: #fff;
}
.rela_tabhj span.tabhj_item a:nth-child(2) {
    border-color: #660033;
    color: #660033;
}
.rela_tabhj span.tabhj_item a:nth-child(2):hover {
    background-color: #660033;
    color: #fff;
}
.rela_tabhj span.tabhj_item a:nth-child(3) {
    border-color: #008800;
    color: #008800;
}
.rela_tabhj span.tabhj_item a:nth-child(3):hover {
    background-color: #008800;
    color: #fff;
}
.rela_tabhj span.tabhj_item a:nth-child(4) {
    border-color: #966de1;
    color: #966de1;
}
.rela_tabhj span.tabhj_item a:nth-child(4):hover {
    background-color: #966de1;
    color: #fff;
}
.rela_tabhj span.tabhj_item a:nth-child(5) {
    border-color: #5bc3af;
    color: #5bc3af;
}
.rela_tabhj span.tabhj_item a:nth-child(5):hover {
    background-color: #5bc3af;
    color: #fff;
}
.rela_tabhj span.tabhj_item a:nth-child(6) {
    border-color: #ff7573;
    color: #ff7573;
}
.rela_tabhj span.tabhj_item a:nth-child(6):hover {
    background-color: #ff7573;
    color: #fff;
}
/*合集列表更新时间*/
.share_time {
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
}
.share_time span {
    display: inline-block;
    float: left;
    color: #999;
    line-height: 20px;
    margin-right: 30px;
    padding-left: 28px;
    background: url(../images/uptime.png) no-repeat;
}
.share_time span.hj_date {
    padding-left: 24px;
    background-position: -3px -5px;
}
.share_time span.sfdt_num {
    background-position: 2px -27px;
}
.share_time span.sfdt_num em {
    margin: 0 6px;
    font-weight: bold;
    font-size: 14px;
    color: #ff0000;
}
/*软件合集列表-0918*/
.SDetzt_top {
    width: 100%;
    margin: 0 auto;
    background-color: #f3fbfe;
    margin-top: 20px;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.SDetzt_top .img {
    width: 558px;
    height: 267px;
    box-sizing: border-box;
    border: 1px solid #f3fbfe;
    z-index: 1;
}
.SDetzt_top .info {
    width: 680px;
    height: auto;
    border-right: 0;
    border-bottom: 0;
    position: relative;
    z-index: 2;
    background-size: cover;
}
.SDetzt_top .inner {
    width: 100%;
    height: 267px;
    overflow: hidden;
    float: left;
    position: relative;
    z-index: 2;
}
.SDetzt_top h1 {
    width: 100%;
    display: inline-block;
    color: #000;
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 32px;
}
.SDetzt_top .inner > p {
    width: 100%;
    max-height: 161px;
    overflow-y: scroll;
    font-size: 14px;
    color: #666;
    line-height: 23px;
}

.SDetzt_top .inner > p::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    border-radius: 10px;
    background-color: transparent;
}
.SDetzt_top .inner > p::-webkit-scrollbar-track {
    background-color: transparent;
}
.SDetzt_top .inner > p::-webkit-scrollbar-thumb {
    background-color: #ddd;
}
.SDetzt_top .inner .shareBox {
    width: 500px;
    float: left;
}
.SDetzt_top .share_time {
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #999;
}
.SDetzt_top .rela_tabhj {
    float: left;
}
.SDetzt_top .rela_tabhj span.tabhj_tit {
    margin-top: 12px;
}
.SDetzt_top .rela_tabhj span.tabhj_item {
    max-width: 1150px;
}
.SDetzt_top .rela_tabhj span.tabhj_item a {
    margin-top: 14px;
    margin-bottom: 0;
}
/*合集列表详情*/
ul.zb_list {
    overflow: hidden;
    margin-left: -30px;
}
ul.zb_list li {
    width: 412px;
    height: 200px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #eeeeee;
    background-color: #fff;
    padding: 16px;
    position: relative;
    box-sizing: border-box;
    margin-left: 30px;
    float: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.zb_list li:hover {
    box-shadow: 0 0 10px 0 rgba(47, 47, 47, 0.2);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.zb_list li .ed_left {
    width: 76%;
    overflow: hidden;
}
ul.zb_list li .ed_left .two {
    width: 100%;
    color: #ddd;
    display: inline-block;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
ul.zb_list li .ed_left .two em {
    display: inline-block;
    color: #999;
    margin-right: 10px;
}
ul.zb_list li .ed_left .two em.edition {
    width: auto;
    line-height: 24px;
    margin-right: 0;
}
ul.zb_list li .ed_left .two em + em.edition {
    margin-left: 10px;
}
ul.zb_list li .ed_left em.tpIcon_dj {
    border: 1px solid #ff6d34;
    border-radius: 4px;
    display: inline-block;
    margin-left: 10px;
    padding: 2px 4px;
    color: #ff6d34;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    margin-top: 2px;
    background-color: #fff;
}
ul.zb_list li .ed_left em.tpIcon_wy {
    border: 1px solid #358ff0;
    border-radius: 4px;
    display: inline-block;
    margin-left: 10px;
    padding: 2px 4px;
    color: #358ff0;
    font-size: 12px;
    height: 12px;
    margin-top: 2px;
    line-height: 12px;
    background-color: #fff;
}
ul.zb_list li .ed_left span {
    width: 100%;
    max-height: 25px;
    color: #999;
    display: inline-block;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
ul.zb_list li .ed_left .app_starBox .star span {
    width: 102px;
}
ul.zb_list li .ed_left .two .SESFLbb {
    display: inline-block;
    line-height: 20px;
    overflow: hidden;
    margin-left: 16px;
    white-space: nowrap;
}
ul.zb_list li .ed_left .two .SESFLbb span {
    margin-right: 12px;
    width: 20px;
    float: left;
    display: inline-block;
    margin-bottom: 0;
}
ul.zb_list li .ed_left .two .SESFLbb img {
    vertical-align: middle;
}
ul.zb_list li .one:hover {
    color: #358ff0;
}
ul.zb_list li .one {
    width: 90%;
    font-size: 18px;
    font-weight: bold;
    color: #444444;
    display: inline-block;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
ul.zb_list li:hover .one {
    color: #358ff0;
}
ul.zb_list li .ed_left .five {
    margin-bottom: 0px;
}
ul.zb_list li .ed_left .four em {
    color: #999;
    font-style: normal;
}
ul.zb_list li .ed_left .four .type {
    display: inline-block;
    float: left;
    text-align: center;
    color: #666;
    border-radius: 4px;
    background-color: #f5f5f5;
    padding: 3px 10px;
    margin-right: 10px;
}
ul.zb_list li .ed_left .four .type:last-child {
    margin-right: 0;
}
ul.zb_list li .ed_left .four .type:hover {
    color: #358ff0;
}
ul.zb_list li .ed_right {
    position: absolute;
    right: 16px;
    top: 44px;
}
ul.zb_list li .ed_right > i {
    color: #ed6d0f;
    width: 100%;
    text-align: center;
    margin-top: 4px;
    display: inline-block;
    font-size: 12px;
}
ul.zb_list li .ed_right a {
    display: block;
    text-align: center;
}
ul.zb_moblist li .ed_right img {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.zb_pclist li .ed_right {
    margin-top: -10px;
}
ul.zb_pclist li .ed_right img {
    width: 68px;
    height: 94px;
    margin-top: 6px;
    display: inline-block;
    border-radius: 6px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.zb_list li .ed_right img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.zb_list li .ed_right .a_down {
    display: block;
    text-align: center;
    margin-top: 10px;
    text-decoration: none;
    padding: 6px;
    overflow: hidden;
    font-size: 14px;
    border-radius: 4px;
    background: #f4b613;
    color: #ffffff;
}
.a_down i {
    font-size: 10px;
    float: left;
    margin-left: 5px;
}
ul.zb_list li:hover .ed_right .a_down {
    box-shadow: 0px 2px 13px 0px rgba(244, 182, 19, 0.65);
}
ul.zb_list li > em {
    width: 81px;
    height: 82px;
    display: block;
    position: absolute;
    right: -7px;
    top: -7px;
    background: url('../images/icon.png') no-repeat;
    background-position: 0 -567px;
    z-index: 99;
}
ul.zb_list li em.qltj {
    background-position: -9px -590px;
}
ul.zb_list li em.zdxz {
    background-position: -107px -590px;
}
ul.zb_list li em.zshy {
    background-position: -206px -590px;
}
ul.zb_list li em.zbtj {
    background-position: -304px -590px;
}
ul.zb_list li > span.rk_num {
    display: block;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 0;
    height: 0;
    line-height: 20%;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background: none;
    border-top: 36px solid #c6c6d7;
    border-left: 36px solid transparent;
    border-bottom: 36px solid transparent;
    border-right: 36px solid #c6c6d7;
}
ul.zb_list li > span.rk_num em {
    position: absolute;
    top: -14px;
    right: -36px;
    transform: rotate(45deg);
}
ul.zb_list li span.fir {
    border-top: 36px solid #ff2841;
    border-right: 36px solid #ff2841;
}
ul.zb_list li span.sec {
    border-top: 36px solid #ff7019;
    border-right: 36px solid #ff7019;
}
ul.zb_list li span.thir {
    border-top: 36px solid #ffa93a;
    border-right: 36px solid #ffa93a;
}
/*合集列表2*/
.hjapp_con {
    width: 100%;
    overflow: hidden;
}
ul.tsfxList {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
ul.tsfxList > li {
    width: 100%;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding: 10px 6px;
    margin-bottom: 10px;
}
ul.tsfxList > li:last-child {
    margin-bottom: 0;
}
ul.tsfxList > li:hover .tsfx_info img {
    -webkit-transform: scale(0.96);
    -moz-transform: scale(0.96);
    -ms-transform: scale(0.96);
    -o-transform: scale(0.96);
    transform: scale(0.96);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.tsfxList > li > div {
    width: 1288px;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
ul.tsfxList > li em {
    width: 111px;
    height: 32px;
    display: block;
    position: absolute;
    left: 560px;
    top: 5px;
    background: url('../images/hjList_icon.png') no-repeat;
    z-index: 9999;
}
ul.tsfxList > li em.qltj {
    background-position: 0 0;
}
ul.tsfxList > li em.zshy {
    background-position: 0 -42px;
}
ul.tsfxList > li em.zdxz {
    background-position: 0 -84px;
}
ul.tsfxList > li em.bluetj {
    background-position: 0 -126px;
}
ul.tsfxList li .tsfx_info {
    width: 620px;
    float: left;
    position: relative;
}
ul.tsfxList li .tsfx_info .img {
    display: block;
    float: left;
    margin: 0 16px 0 0;
}
ul.tsfxList li .tsfx_info .img img {
    width: 126px;
    height: 126px;
    box-sizing: border-box;
    border: 1px solid #f1f1f1;
    border-radius: 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.tsfxList li .tsfx_info .img_pc {
    display: block;
    float: left;
    margin: 8px 16px 0 0;
}
ul.tsfxList li .tsfx_info .img_pc img {
    width: 90px;
    height: 126px;
    border-radius: 6px;
}
ul.tsfxList li .tsfx_info .infor {
    width: 478px;
    height: 126px;
    float: left;
    display: flex;
    flex-direction: column;
}
ul.tsfxList li .tsfx_info .infor > p {
    flex: 1;
    line-height: 32px;
}
ul.tsfxList li .tsfx_info .bt {
    display: block;
    height: 30px;
    flex: 1.1;
    line-height: 30px;
    font-size: 24px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0;
    font-weight: bold;
}
ul.tsfxList li .tsfx_info .bt:hover {
    color: #f0412a;
}
ul.tsfxList li .tsfx_info .bt u {
    text-decoration: none;
    font-size: 14px;
    color: #f0412a;
    padding: 5px 0 0 5px;
    font-weight: normal;
}
ul.tsfxList li .tsfx_info span.num {
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    background: #fea342;
    color: #fff;
    position: absolute;
    right: 0;
    top: 10px;
}
ul.tsfxList li .tsfx_info dl {
    float: left;
    width: 100%;
    line-height: 20px;
    overflow: hidden;
}
ul.tsfxList li .tsfx_info dl dd {
    display: block;
    font-size: 14px;
    margin-top: 10px;
    color: #737373;
    text-transform: uppercase;
    overflow: hidden;
}
ul.tsfxList li .tsfx_info p.ap_sum {
    width: 100%;
    float: left;
    line-height: 32px;
    display: block;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
ul.tsfxList li .tsfx_info .infor span {
    display: inline-block;
    margin-right: 20px;
    color: #737373;
}
ul.tsfxList li .tsfx_info dl span.app_starBox {
    display: inline;
    float: left;
    margin-top: 2px;
}
ul.tsfxList li .tsfx_info .infor span.starNum {
    font-weight: bold;
    color: #ff0000;
    position: relative;
    margin-right: 20px;
}
ul.tsfxList li .tsfx_info .infor span.starNum::before {
    content: '';
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 6px;
    display: inline-block;
    margin-right: 4px;
    background: url(../images/icon.png) no-repeat;
    background-position: -140px -300px;
}
ul.tsfxList li .tsfx_info dl a {
    background-color: #f3a33c;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    padding: 2px 10px;
    color: #fff;
    display: inline-block;
}
ul.tsfxList li .tsfx_info p.tags_con {
    display: inline-block;
    float: left;
    max-width: 100%;
    overflow: hidden;
    height: 24px;
    margin-top: 8px;
}
ul.tsfxList li .tsfx_info dl dd p.tags_con {
    max-width: 340px;
    margin-top: 0;
}
ul.tsfxList li .tsfx_info p.tags_con a {
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 2px 10px;
    border-radius: 4px;
    display: block;
    margin: 3px 10px 3px 0;
    background-color: #f1f1f1;
    color: #666;
}
ul.tsfxList li .tsfx_info dl dd p.tags_con a {
    margin: 0 10px 0 0;
}
ul.tsfxList li .tsfx_info p.tags_con a:hover {
    color: #358ff0;
    background-color: #f5f5f5;
}
ul.tsfxList li .tsfx_info p.tags_con a:last-child {
    margin-right: 0;
}
ul.tsfxList li .tsfx_info p.ap_info {
    display: inline-block;
    float: left;
    color: #ddd;
    max-width: 100%;
    overflow: hidden;
}
ul.tsfxList li .tsfx_info p.ap_info span {
    margin: 0 12px;
}
ul.tsfxList li .tsfx_info p.ap_info span:first-child {
    margin-left: 0;
}
ul.tsfxList li .tsfx_info p.ap_info span:last-child {
    margin-right: 0;
}
ul.tsfxList li .tsfx_info .miaoshu {
    color: #7f6b5a;
    overflow: hidden;
    border-top: 1px solid #e6e6e6;
    float: left;
    font-size: 16px;
    width: 100%;
    text-overflow: initial;
    white-space: initial;
    line-height: 26px;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
    padding-top: 10px;
}
ul.tsfxList li .tsfx_info .miaoshu .bt_ {
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    color: #333;
    font-size: 16px;
    margin-bottom: 4px;
}
ul.tsfxList li .tsfx_info .miaoshu .scroll {
    height: 80px;
    overflow-y: auto;
    line-height: 22px;
    color: #666;
    font-size: 14px;
}
ul.tsfxList li .tsfx_info .miaoshu .scroll::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background: #dcdcdc;
    border-radius: 10px;
    left: 5px;
    position: relative;
}
ul.tsfxList li .tsfx_info .miaoshu .scroll::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
ul.tsfxList li .tsfx_info .miaoshu .scroll::-webkit-scrollbar-corner {
    display: block;
}
ul.tsfxList li .tsfx_info .miaoshu .scroll::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: #666;
    border-radius: 10px;
}
ul.tsfxList li .tsfx_info .down_btn {
    overflow: hidden;
    width: 100%;
    text-align: center;
}
ul.tsfxList li .tsfx_info .down_btn a {
    width: 180px;
    height: 36px;
    margin: 0 auto;
    display: block;
    background: #00b6fa;
    border: 1px solid #00b6fa;
    margin-top: 15px;
    text-align: center;
    line-height: 36px;
    font-size: 15px;
    color: #fff;
    border-radius: 6px;
}
ul.tsfxList li:hover .tsfx_info .down_btn a {
    background: #0a9cd3;
    color: #fff;
    border: 1px solid #0a9cd3;
}
ul.tsfxList li .tsfx_pic {
    width: 598px;
}
ul.tsfxList li .tsfx_pic a:hover img {
    transform: scale(1);
    transition: transform 0;
}
.tsfx_pic .slideshow {
    width: 100%;
    height: 320px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.tsfx_pic .slideshow .slide {
    position: relative;
    float: left;
    margin-top: 0;
    height: 320px;
    overflow: hidden;
    width: 100%;
}
.tsfx_pic .slideshow .s-container {
    height: 320px;
    width: 1570px;
}
.tsfx_pic .slideshow .s-content li {
    display: inline;
    width: 200px;
    height: 320px;
    line-height: 320px;
    margin-right: 10px;
    position: relative;
    float: left;
    text-align: center;
}
.tsfx_pic .slideshow .s-content li:last-child {
    margin-right: 0;
}
.tsfx_pic .slideshow .s-content img {
    width: 100%;
    height: auto;
}
.tsfx_pic .slideshow .prev,
.tsfx_pic .slideshow .next {
    cursor: pointer;
    display: none;
    width: 34px;
    height: 47px;
    position: absolute;
    top: 135px;
    z-index: 2;
    background: url(../images/slide-btn.png) no-repeat;
}
.tsfx_pic .slideshow .prev {
    left: 0;
    background-position: 0 0;
    border-radius: 0 5px 5px 0;
}
.tsfx_pic .slideshow .prev:hover {
    background-position: 0 -47px;
}
.tsfx_pic .slideshow .next {
    right: 0;
    background-position: -34px 0;
    border-radius: 5px 0 0 5px;
}
.tsfx_pic .slideshow .next:hover {
    background-position: -34px -47px;
}
.tsfx_pic .slideshow .slide:hover .prev,
.tsfx_pic .slideshow .slide:hover .next,
.tsfx_pic .slideshow .slide.hover .prev,
.tsfx_pic .slideshow .slide.hover .next {
    display: block;
}
.hotHj_box {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}
.comm_more_tit {
    width: 100%;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #f0f0f0;
}
.comm_more_tit h2 {
    font-size: 18px;
    font-weight: bold;
    float: left;
    padding-bottom: 8px;
    color: #444;
}
.w_btlsLf,
.w_btlsRg {
    width: 586px;
    max-height: 142px;
    padding: 12px 20px 20px 20px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.w_btlsLf .bot_list {
    padding-top: 10px;
    overflow: hidden;
    zoom: 1;
}
.w_btlsLf .bot_list a {
    float: left;
    margin-right: 25px;
    font-size: 15px;
    color: #333;
    display: block;
    height: 36px;
    line-height: 36px;
    transition: all 0.3s;
}
.w_btlsLf .bot_list a:nth-child(1),
.w_btlsLf .bot_list a:nth-child(6),
.w_btlsLf .bot_list a:nth-child(9),
.w_btlsLf .bot_list a:nth-child(11),
.w_btlsLf .bot_list a:nth-child(13),
.w_btlsLf .bot_list a:nth-child(17) {
    color: #59c301;
}
.w_btlsLf .bot_list a:hover {
    color: #59c301;
    transform: translateX(3px);
}
.w_btlsRg .bot_list {
    padding-top: 10px;
    overflow: hidden;
    zoom: 1;
}
.w_btlsRg .bot_list a {
    float: left;
    margin-right: 25px;
    font-size: 15px;
    color: #333;
    display: block;
    height: 36px;
    line-height: 36px;
    transition: all 0.3s;
}
.w_btlsRg .bot_list a:nth-child(1),
.w_btlsRg .bot_list a:nth-child(6),
.w_btlsRg .bot_list a:nth-child(9),
.w_btlsRg .bot_list a:nth-child(11),
.w_btlsRg .bot_list a:nth-child(13),
.w_btlsRg .bot_list a:nth-child(17) {
    color: #59c301;
}
.w_btlsRg .bot_list a:hover {
    color: #59c301;
    transform: translateX(3px);
}
#cover {
    position: absolute;
    top: 0px;
    float: left;
    background: #000000;
    width: 100%;
    height: 0px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 10002;
}
.open-box {
    min-width: 320px;
    max-width: 480px;
    height: auto;
    font-family: arial, 'Microsoft YaHei', '\5fae\8f6f\96c5\9ed1';
    display: none;
    position: fixed;
    left: 60%;
    top: 180px;
    margin: 0 0 0 -473px;
    z-index: 99999;
}
.open-box .open-exit {
    width: 46px;
    height: 30px;
    line-height: 30px;
    background: #8f8f8f;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    display: block;
    overflow: hidden;
    position: absolute;
    right: -50px;

    top: 0;
    border-radius: 12px;
    z-index: 9;
    cursor: pointer;
}
.open-box .magnifier {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    border-radius: 12px;
    zoom: 1;
}
.open-box .magnifier img {
    position: relative;
    float: left;
    max-width: 460px;
    max-height: 680px;
}
/*合集评论*/
.comm_itembox {
    width: 1288px;
    margin: 10px 6px;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.syDeReTitle {
    width: 100%;
    overflow: hidden;
    padding: 0 0 12px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #f0f0f0;
}
.syDeReTitle span.scom_span {
    color: #a8a8a8;
    display: inline-block;
    height: 26px;
    margin-right: 10px;
    text-align: right;
    padding-top: 15px;
    font-size: 14px;
}
.syDeReTitle h2 {
    display: inline-block;
    height: 54px;
    line-height: 54px;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #358ff0;
}
.syDeReTitle h2:before,
.syDeReTitle h2:after {
    content: '';
    display: block;
    width: 5px;
    height: 27px;
    background: #358ff0;
    margin-top: 15px;
}
.syDeReTitle h2:before {
    float: left;
    margin-right: 13px;
}
.syDeReTitle h2:after {
    float: right;
    margin-left: 13px;
}
.syDeReTitle h2 em {
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 54px;
    color: #ffffff;
    text-align: right;
    position: relative;
    top: -3px;
}
.syDeReTitle h2 em b {
    display: block;
    width: 100%;
    height: 48px;
    transform: skewY(-10deg);
    background: #358ff0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -24px;
}
.syDeReTitle h2 em big {
    display: block;
    width: 100%;
    height: 100%;
    text-align: right;
    position: relative;
    z-index: 1;
    top: -2px;
    font-size: 26px;
    font-weight: bold;
}
.con_boxinfo {
    width: 100%;
    float: left;
    box-sizing: border-box;
}
.s_comment {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 10px;
    padding-bottom: 12px;
    box-sizing: border-box;
    border-bottom: 1px solid #f3fbfe;
}
.s_comment .nick_name {
    width: 100%;
    color: #444;
    line-height: 30px;
    display: inline;
}
.s_comment .nick_name input {
    border: 1px solid #ddd;
    text-indent: 6px;
    margin-left: 6px;
    border-radius: 4px;
    color: #444;
    height: 34px;
    vertical-align: middle;
    width: 260px;
    background-color: #fff;
}
.s_comment .code_name {
    width: 100%;
    color: #444;
    overflow: hidden;
    height: 36px;
    line-height: 30px;
    display: none;
}
.code_name #vimgBtn {
    cursor: pointer;
}
.s_comment .code_name input {
    border: 1px solid #ddd;
    text-indent: 6px;
    border-radius: 4px;
    color: #444;
    height: 34px;
    vertical-align: middle;
    width: 100px;
    margin-right: 16px;
    background-color: #fff;
}
.s_comment .code_name input[type='image'] {
    border: none;
}
.s_comment .code_name span.tips {
    display: inline-block;
    color: #ff0000;
    margin-left: 20px;
}
.s_comment textarea {
    color: #444;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 3px 5px;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    height: 170px;
    line-height: 20px;
    margin: 12px 0;
    font-family: 'Microsoft YaHei';
}
.s_comment .comment_btn {
    display: none;
    padding: 0 12px 10px 0;
    text-align: left;
    margin-top: 16px;
}
.s_comment .comment_btn input {
    width: 200px;
    color: #fff;
    padding: 0;
    border-radius: 6px;
    margin-right: 26px;
    font-weight: bold;
    height: 42px;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 42px;
    border: 1px solid #05bf71;
    background: #05bf71;
    cursor: pointer;
}
.s_comment .comment_btn input.consel {
    border: 1px solid #686a6f;
    background: #686a6f;
}
/*评论列表*/
.allComm_list {
    width: 100%;
    margin: 0 auto;
    float: left;
    padding: 8px 0 16px 0;
    box-sizing: border-box;
    border-top: 1px solid #e4f8ff;
}
.allComm_list dt {
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    background: #f3fbfe;
    color: #569659;
}
.allComm_list > dl {
    margin-top: 16px;
    width: 100%;
    float: left;
    padding: 10px 16px 0 16px;
    box-sizing: border-box;
    background: #f3fbfe;
}
.allComm_list dl dd {
    width: 100%;
    float: left;
    position: relative;
    word-wrap: break-word;
    line-height: 30px;
    color: #666;
    padding: 10px 0;
    border-bottom: 1px solid #e4f8ff;
}
.allComm_list dl dl {
    width: 100%;
    border-top: 1px solid #fff;
    box-sizing: border-box;
    background-color: #f3fbfe;
    padding: 10px 0 4px 16px;
    margin-top: 0px;
    float: left;
}
.allComm_list dl dl dt {
    width: 100%;
    margin: 0 auto;
    color: #777;
}
.allComm_list dl dl dd {
    width: 100%;
    margin: 0 auto;
    color: #444;
    position: relative;
    line-height: 30px;
    padding-left: 0px;
    box-sizing: border-box;
}
.allComm_list .plreply {
    float: right;
    line-height: 26px;
}
.allComm_list .plreply span em {
    color: #999;
    margin-left: 4px;
}
.allComm_list .plreply span.active em {
    color: #fa3939;
}
.allComm_list .plreply span.glBtn {
    color: #e65c08;
    margin-left: 20px;
    cursor: pointer;
}
.allComm_list .plreply span.dzbtn {
    float: left;
    padding-left: 24px;
    height: 20px;
    line-height: 22px;
    background: url(../images/dza.png) no-repeat left center;
    margin-top: 3px;
    background-size: contain;
    cursor: pointer;
    font-size: 14px;
    color: #999;
    margin-left: 18px;
}
.allComm_list .plreply span.active {
    background: url(../images/dzb.png) no-repeat left center;
    color: #fa3939;
    background-size: contain;
}
.allComm_list dl dd:last-child {
    border-bottom: none;
}
.allComm_list dd img {
    margin-bottom: -5px;
}
.allComm_list dt i {
    font-family: verdana;
    font-weight: bold;
    font-style: normal;
    color: #358ff0;
    margin: 0 10px;
}
.allComm_list > dl > dt i {
    margin-left: 0;
}
.allComm_list dt b {
    color: #358ff0;
}
.allComm_list p {
    text-align: right;
    line-height: 1;
    padding: 5px 0;
    min-height: 16px;
}
.allComm_list p a {
    color: #e65c08;
    margin-left: 10px;
}
.allComm_list p a span {
    padding-left: 24px;
    line-height: 20px;
    background: url('../images/icon.png') -185px -868px no-repeat;
}
.allComm_list dt span {
    float: left;
}
.allComm_list dt em {
    float: right;
    color: #999;
    font-style: normal;
    font-size: 13px;
}
#ly_num {
    color: #ed6d0f;
}
.disLoad {
    width: 100%;
    padding-top: 20px;
    overflow: hidden;
}
.disLoad button {
    border: 1px solid #358ff0;

    border-radius: 4px;
    line-height: 34px;
    width: 150px;
    margin: 0 auto;
    cursor: pointer;
    font-size: 15px;
    height: 36px;
    color: #358ff0;
    display: block;
}
.disLoad button i {
    width: 12px;
    height: 10px;
    margin-left: 6px;
    display: inline-block;
    background: url(../images/icon.png) no-repeat -473px -67px;
}
.disLoad button:hover {
    border: 1px solid #358ff0;
    background-color: #358ff0;
    color: #fff;
}
.disLoad button:hover i {
    background-position: -478px -97px;
}
ul.ban_list {
    margin-left: -26px;
    overflow: hidden;
}
ul.ban_list li {
    width: 292px;
    height: 168px;
    margin-left: 26px;
    margin-top: 20px;
    float: left;
    position: relative;
}
ul.ban_list li > a img {
    width: 100%;
    height: 136px;
    display: block;
    overflow: hidden;
    transition: transform 0.3s;
}
ul.ban_list li:hover img {
    transform: scale(0.96);
    transition: transform 0.3s;
}
ul.ban_list li a span {
    width: 100%;
    display: block;
    line-height: 32px;
    height: 32px;
    font-size: 15px;
    color: #333;
    text-align: center;
}
ul.ban_list li:hover a span {
    color: #358ff0;
}
/*盖楼回复*/
.cmmts_textarea.expand {
    height: 67px;
}
.cmmts_textarea {
    display: block;
    border: 0;
    padding: 0 4px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 67px;
    width: 100%;
    height: 27px;
    font-size: 14px;
    line-height: 24px;
    color: #222;
    outline: none;
    resize: none;
    background: #e8f5fa;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
}
.cmmts_input_wrap {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
}
.cmmts_emoji {
    width: 20px;
    height: 40px;
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(../images/face.png);
    position: absolute;
    right: 124px;
    bottom: 0;
    cursor: pointer;
}
.cmmts_emoji_wrap {
    display: none;
    position: absolute;
    top: 38px;
    right: -122px;
    z-index: 1000;
    padding: 10px 0;
    background: #fff;
    width: 490px;
    height: 170px;
    box-shadow:
        0 4px 16px 0 rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(0, 0, 0, 0.02);
    border-radius: 3px;
}
.cmmts_emoji_wrap::before {
    content: '';
    background: #fff;
    height: 10px;
    width: 10px;
    border-radius: 1px;
    position: absolute;
    transform: rotate(45deg);
    transform-origin: 50%;
    top: -5px;
    right: 128px;
}
.cmmts_emoji_wrap::after {
    content: '';
    background: transparent;
    position: absolute;
    width: 400px;
    height: 40px;
    top: -40px;
    left: 0;
}
.cmmts_emoji_wrap *::-webkit-scrollbar,
.cmmts_emoji_wrap::-webkit-scrollbar {
    width: 4px;
}
.cmmts_emoji_list {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 5px 0 11px;
    overflow-y: scroll;
    font-size: 0;
}
.cmmts_emoji_list_item {
    width: 38px;
    height: 38px;
    margin: 2px;
    text-align: center;
    vertical-align: middle;
    border-radius: 19px;
    display: inline-block;
}
.cmmts_emoji_list_item:hover {
    background: #fff2f2;
    display: inline-block;
}
.cmmts_emoji_list_item img {
    width: 24px;
    height: 24px;
    padding: 0;
    display: block;
    margin: 7px;
}
.cmmts_emoji:hover {
    background-image: url(../images/faceb.png);
}
.cmmts_emoji:hover .cmmts_emoji_wrap {
    display: block;
}
.cmmts_footer {
    display: flex;
    align-items: center;
    position: absolute;
    right: 16px;
    bottom: 14px;
}
.cmmts_footer > ul {
    display: flex;
    float: right;
}
.cmmts_footer > ul img {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    cursor: pointer;
}
.cmmts_footer > ul button {
    background: #358ff0;
    border-radius: 3px;
    font-family: PingFang SC;
    font-size: 14px;
    color: #fff;
    padding: 6px 33px;
}
.cmmts_input {
    position: relative;
    padding: 9px 14px 53px;
    background: #e8f5fa;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 12px;
    border: 1px solid #fff;
}
.cmmts_input.focus {
    border-color: #358ff0;
}
.cmmts_button {
    border: none;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    background: #358ff0;
    border-radius: 3px;
    cursor: pointer;
    min-width: 94px;
    text-align: center;
}
.cmmts_button:hover {
    background: #358ff0;
    opacity: 0.8;
}
.cmmts_button.disabled {
    opacity: 0.3;
    cursor: default;
}
/*新增标签切换*/
.hjtabHead {
    width: 100%;
    position: relative;
    display: flex;
    border-bottom: 1px solid #eee;
    margin: 12px 0;
    justify-content: center;
}
.hjtabHead ul.tabHe_ul li {
    display: inline-block;
    margin: 0 10px 12px 10px;
    padding-right: 16px;
    position: relative;
    font-weight: bold;
    font-size: 19px;
    color: #333;
}
.zt_listB .hjtabHead:first-child ul.tabHe_ul li {
    cursor: pointer;
}
.zt_listB .hjtabHead:first-child ul.tabHe_ul li:first-child {
    cursor: default;
}
.hjtabHead ul.tabHe_ul li::after {
    content: '';
    float: left;
    width: 1px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 6px;
    background-color: #aaa;
}
.hjtabHead ul.tabHe_ul li:last-child::after {
    background-color: #fff;
}
.hjtabHead ul.tabHe_ul li a {
    font-weight: bold;
    font-size: 19px;
    color: #333;
}
.hjtabHead ul.tabHe_ul li:first-child,
.hjtabHead ul.tabHe_ul li a.cur,
.hjtabHead ul.tabHe_ul li:hover {
    color: #358ff0;
}
.hjtabHead ul.tabHe_ul li span {
    font-weight: normal;
    font-size: 14px;
    color: #999;
    margin-left: 10px;
}

/**/
ul.tsfxList li em.topNum {
    width: 60px;
    left: 6px;
    top: 10px;
    color: #fff;
    border-width: 26px 0 0 0;
    border-style: solid;
    border-color: #bbbbbb transparent transparent transparent;
    background: none;
}
ul.tsfxList li em.topNum:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 12px solid #bbbbbb;
}
ul.tsfxList li em.topNum u {
    width: 60px;
    position: absolute;
    text-decoration: none;
    top: -26px;
    left: 0;
    letter-spacing: 0.6px;
    color: #fff;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    background: none;
}
ul.tsfxList li em.topNum.fir {
    border-color: #fb1f1b transparent transparent transparent;
}
ul.tsfxList li em.topNum.fir:before {
    border-top: 12px solid #fb1f1b;
}
ul.tsfxList li em.topNum.sec {
    border-color: #f83d39 transparent transparent transparent;
}
ul.tsfxList li em.topNum.sec:before {
    border-top: 12px solid #f83d39;
}
ul.tsfxList li em.topNum.thir {
    border-color: #fb6965 transparent transparent transparent;
}
ul.tsfxList li em.topNum.thir:before {
    border-top: 12px solid #fb6965;
}
/* 字母筛选 */
.hjFiltBox {
    width: 100%;
    position: relative;
    overflow: hidden;
    /* border-bottom: 1px solid #eee; */
    margin: 12px 0;
    justify-content: center;
}
.filt_letter {
    width: 1200px;
    float: left;
    box-sizing: border-box;
    background-color: #fafafa;
    border-radius: 6px;
    padding: 8px 10px;
    color: #777;
}
.filt_letter p {
    width: 100%;
    overflow: hidden;
}
.filt_letter i {
    display: inline-block;
    line-height: 30px;
    padding: 0 13px;
    font-size: 14px;
    font-style: normal;
    cursor: pointer;
    color: #666;
}
.filt_letter i.lcur,
.filt_letter i:hover {
    background-color: #e9f4ff;
    color: #358ff0;
    border-radius: 6px;
}
.hjFiltBox ul.tabHe_ul {
    display: inline-block;
    float: right;
    height: 46px;
    line-height: 46px;
}
.hjFiltBox ul.tabHe_ul li {
    display: inline-block;
    position: relative;
    font-weight: bold;
    font-size: 19px;
    color: #666;
    cursor: pointer;
}
.hjFiltBox ul.tabHe_ul li a.cur,
.hjFiltBox ul.tabHe_ul li:hover {
    color: #358ff0;
}
/* dll列表 */
.dll_con {
    width: 100%;
    overflow: hidden;
}
ul.dll_listUl {
    width: 100%;
    overflow: hidden;
}
ul.dll_listUl li {
    width: 310px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    padding: 8px;
    border-radius: 4px;
    position: relative;
    box-sizing: border-box;
    float: left;
    cursor: pointer;
    margin-right: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.dll_listUl li:nth-child(4n) {
    margin-right: 0;
}
ul.dll_listUl li:hover {
    box-shadow: 0 0 10px 0 rgba(47, 47, 47, 0.2);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.dll_listUl li a.dll_info {
    display: block;
    line-height: 30px;
}
ul.dll_listUl li a img {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 8px;
    border-radius: 4px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.dll_listUl li a.dll_info span {
    max-width: 146px;
    font-size: 16px;
    float: left;
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
ul.dll_listUl li:hover a.dll_info span {
    color: #358ff0;
}
ul.dll_listUl li a.dll_info em {
    font-size: 14px;
    float: left;
    color: #aaa;
    margin-left: 4px;
}
ul.dll_listUl li a.load_btn {
    font-size: 14px;
    float: right;
    color: #358ff0;
    padding: 4px 10px;
    background-color: #e9f4ff;
    border-radius: 4px;
}
ul.dll_listUl li:hover a.load_btn {
    color: #fff;
    background-color: #358ff0;
}