@charset "utf-8";
/* CSS Document 
design by www.bootstrapmb.com
*/
@media only screen and (max-width: 1200px) {
    .box {
        width: 100%;
    }

    .ad_top {
        margin-left: 5px;
    }

    .links a {
        padding: 3px 10px;
    }
}

@media screen and (min-width: 960px) and (max-width: 1024px) {
    .box {
        width: 940px;
    }

    .ad_top {
        width: 510px;
    }

    .contact_icon ul li i img {
        right: 0;
    }

    #starlist li a {
        padding: 0 10px
    }

    .menu:after {
        right: 0
    }

    .f_news_title {
        font-size: 18px;
    }

    .featured_pics ul li i {
        height: 120px
    }

    .featured_pics ul li section {
        left: 10%;
        width: 80%;
    }

    .blogs, .all_news_list, .blogs_search, .blogs_info_page {
        width: 68%;
    }

    .rbox {
        width: 30%
    }

    .emial_box {
        padding: 16px 16px 20px 16px;
    }

    .links li {
        width: 18%
    }

    .photos li i, .pics_content ul li i {
        height: 146px;
    }

    .all_videos li i {
        height: 117px;
    }

    .featured_video_fl h3 {
        font-size: 22px;
    }

    .resume_tec li span {
        width: 63%
    }

    .designer section {
        width: 76%
    }
}

@media only screen and (max-width: 959px) {
    .box {
        width: 100%
    }

    .ad_top, .contact_icon {
        display: none
    }

    .is-search {
        position: fixed;
        right: 50px;
        background: none;
    }

    .search-page {
        position: fixed;
        top: 40px;
        border-radius: 0;
    }

    .is-search i {
        background: url(../images/search_m.png) no-repeat center;
        background-size: 24px;
        width: 40px;
        height: 80px;
    }

    header {
        height: auto
    }

    header {
        width: 100%;
        height: 40px;
        background: #fff;
        position: fixed;
        top: 0;
        z-index: 999;
        padding-top: 0;
        box-shadow: #e0e7ec 1px 1px 3px;
    }

    header .box {
        width: 100%;
    }

    .ph_margin {
        height: 40px;
        margin-bottom: 20px
    }

    #mnavh {
        display: block;
        top: 0;
        position: fixed;
        right: 0;
    }

    #mnavh.open:after {
        position: fixed;
        width: 40%;
        height: 70%;
        content: "";
        right: 0;
        top: 40px;
    }

    nav {
        background: none;
        height: auto;
        padding-left: 0;
        margin-top: 0;
    }

    .logo img {
        height: 40px;
        margin-left: 10px
    }

    nav #starlist {
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        overflow: hidden;
    }

    #starlist {
        display: none
    }

    #starlist li {
        width: 60%;
        margin: 0;
        background: #fff;
        border-bottom: #eee 10px solid;
        line-height: 50px;
        float: left;
        font-size: 13px;
        font-weight: normal;
    }

    #starlist li a {
        text-align: left;
        text-indent: 2em;
        color: #000;
        width: 100%;
        padding: 0;
        font-size: 13px;
    }

    #starlist li:nth-child(1) {
        border-top: #eee 1px solid;
    }

    #starlist ul.sub {
        background: none;
        width: 100%;
        display: block;
        position: initial;
        padding: 0;
        opacity: 1;
        transition: none;
    }

    #starlist ul.sub:before {
        display: none
    }

    #starlist ul.sub li {
        border-bottom: none;
        width: 100%;
        overflow: hidden;
        line-height: 40px !important;
        border-top: none;
        height: 40px !important;
        background: none;
        font-size: 14px;
    }

    #starlist ul.sub li:first-child {
        border-top: #eee 1px solid;
    }

    #starlist ul.sub li a {
        display: block;
        padding-left: 10px;
        text-indent: 3em;
        width: auto;
        color: #000;
    }

    #starlist li a:hover, #starlist ul.sub li a:hover {
        color: #012684
    }

    .menu:after {
        width: 26px;
        height: 22px;
        content: "";
        background: url("../images/jiantou.png") no-repeat;
        background-size: 16px;
        display: block;
    }

    .menu:after {
        top: 20px;
        right: 6px;
        border-color: transparent;
    }

    .menu:hover:after {
        transform: none;
    }

    .menu span {
        display: block;;
        position: absolute;
        width: 50px;
        height: 50px;
        background: #fff;
        top: 0;
        right: 0;
        border-left: #eee 1px solid;
    }

    #starlist li:last-child {
        padding-bottom: 100%;
    }

    #starlist ul.sub li:last-child {
        padding-bottom: 0
    }

    #starlist li:hover ul.sub:before {
        display: none
    }

    .swiper-slide section p {
        font-size: 14px;
    }

    .swiper-slide section span {
        font-size: 12px;
    }

    .f_news_pic {
        display: none
    }

    .featured_news {
        width: 63%
    }

    .f_news_list {
        width: 100%
    }

    .mycard {
        width: 34%
    }

    .featured_pics {
        margin: 10px 0 30px 0;
    }

    .featured_nav #tab li a {
        margin: 0 10px
    }

    .rbox {
        display: none
    }

    .blogs, .blogs_info_page, .all_news_list, .blogs_search {
        width: 100%
    }

    .links li {
        width: auto
    }

    .featured_pics {
        overflow-x: auto;
    }

    .featured_pics ul {
        width: 1200px !important;
        overflow-x: scroll;
    }

    .featured_nav #tab {
        padding: 0 20px
    }

    .pics_content ul li i, .photos li i {
        height: 140px
    }

    .all_videos li i {
        height: 113px;
    }

    .featured_video_fl h3 {
        font-size: 22px;
    }

    .photos li p {
        font-size: 14px;
    }

    .play_video iframe {
        height: auto;
    }
}

@media only screen and (max-width: 768px) {
    .featured_nav #tab li a {
        padding: 0 6px;
    }

    .pics_content ul li i, .photos li i {
        height: 150px
    }

    .all_videos li p {
        font-size: 14px;
    }

    .all_videos ul li, .photos ul li {
        width: 33.333%
    }

    .all_videos li i {
        height: 118px;
    }

    .featured_video_fl, .featured_video_fr, .play_video, .play_info {
        width: 100%
    }

    .featured_news {
        width: 56%;
    }

    .featured_nav #tab li a {
        margin: 0 5px;
    }

    .mycard {
        width: 41%;
    }

    .resume_left, .resume:after {
        width: 40%
    }

    .resume_tec {
        margin: 0 20px 100px;
    }

    .resume_right {
        margin-left: 40%
    }

    .ad img {
        width: 100%
    }
}

@media only screen and (max-width: 640px) {
    .featured_news, .mycard {
        width: 100%
    }

    .featured_nav #tab li a {
        margin: 0 10px
    }

    .mycard i {
        float: left;
        margin: 0 20px 0 0;
        height: 120px;
        width: 160px;
    }

    .mycard ul li {
        line-height: 30px
    }

    .mycard {
        height: auto;
        margin: 20px 0
    }

    p.mycard_title_en {
        display: none;
    }

    .blogs_list i {
        width: 160px;
        height: 120px
    }

    .blogs_list h2 {
        font-size: 18px;
        margin: 5px 0;
    }

    .blogs_base span {
        margin-right: 10px
    }

    .blogs_base {
        margin: 10px 0 0 0;
        font-size: 12px;
    }

    a.read_more {
        font-size: 12px;
        padding: 5px 10px;
        width: 80px;
    }

    h2.h_title {
        font-size: 18px;
    }

    .links {
        margin: 0 auto
    }

    .links a {
        font-size: 12px;
        padding: 0 10px;
    }

    .featured_pics {
        margin: 10px 0 20px 0;
    }

    .featured_news {
        margin-top: 20px;
    }

    .wz_love ul li {
        width: 100%
    }

    .designer i {
        width: 60px;
        height: 60px
    }

    .designer i img {
        width: 100%
    }

    .designer h3 {
        margin: 0
    }

    .designer p {
        font-size: 14px;
    }

    .designer section {
        width: 74%;
        margin-top: 5px;
    }

    .designer span img {
        width: 70px
    }

    .all_videos ul li, .photos ul li {
        width: 50%
    }

    .banner {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .banner_box {
        display: flex;
        overflow: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch; /* 添加这行以支持在移动设备上的流畅滚动 */
        touch-action: pan-x; /* 允许水平拖动 */
        white-space: nowrap; /* 让所有的 .slide 横向排列 */
    }

    .slide {
        flex: 0 0 800px;
        scroll-snap-align: start;
        touch-action: pan-x; /* 允许水平拖动 */
        -webkit-overflow-scrolling: touch; /* 添加这行以支持在移动设备上的流畅滚动 */
        animation: slide 10s linear infinite; /* 使用 linear 让动画平滑 */
    }

    @keyframes slide {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-800px);
        }
    }
    .play_video video {
        height: auto !important
    }

    .play_box {
        padding: 10px 0
    }

    .play_info section {
        padding: 10px;
    }

    .resume_right {
        margin-left: 0;
        padding: 15px;
    }

    .resume_left {
        width: 100%;
        background: #f0f0f0;
        margin-bottom: 30px
    }

    .resume:after {
        display: none
    }

    .resume_tec {
        margin: 0 20px 20px;
    }

    .featured_video_fl {
        height: 300px
    }

    .pics_content ul li {
        width: 50%
    }

    .album_info i {
        width: 90px;
        height: 68px;
        margin-right: 10px;
    }

    .album_box {
        padding: 10px;
    }

    .album_info h1 {
        font-size: 18px;
        margin: 10px;
    }

    .album_info {
        float: none;
        width: 100%;
    }

    .album_info p.a_i_ms {
        display: none;
    }

    p.a_i_time {
        font-size: 12px;
    }

    .album_info span {
        display: none;
    }

    .album_info em {
        margin-right: 10px;
    }

    .visitor_area {
        width: 100%;
    }

    .album_next ul li:nth-child(1) a {
        padding-left: 30px;
        background: url(../images/icon_left.png) no-repeat left top 60%;
        background-size: 32px;
    }

    .album_next ul li:nth-child(2) a {
        background: url(../images/icon_right.png) no-repeat right top 60%;
        background-size: 32px;
        padding-right: 30px;
    }

    .album_next span {
        display: block;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .album_next p, .album_next h3 {
        display: none;
    }

    .play_info h1, .page_title {
        font-size: 18px;
    }

    .pages {
        padding: 15px;
    }

    .icon-top {
        right: 20px;
        bottom: 20px
    }

    .mycard .ewm {
        display: none
    }

    .all_news_list ul {
        padding: 15px 10px;
    }

    .all_news_list ul li span {
        font-size: 12px;
    }

    .links li {
        width: 33.3333%;
    }
}

@media only screen and (max-width: 480px) {
    .search-page .search {
        width: 100%;
    }

    .search-page .go-left {
        right: 5px;
        top: 5px;
        background-size: 16px;
        width: 16px;
        height: 16px;
    }

    .featured_nav #tab li a {
        margin: 0 8px;
        padding: 0;
        font-size: 14px;
    }

    .featured_nav #tab {
        padding: 0 10px;
        line-height: 40px;
        margin: 5px 0;
    }

    .featured_nav {
        margin-bottom: 20px
    }

    .f_news_list li i {
        width: 120px;
        height: 90px;
    }

    .f_news_list li p {
        font-size: 14px;
    }

    .mycard {
        display: none
    }

    .blogs_list {
        padding: 15px;
    }

    .blogs_list i {
        width: 90px;
        height: 68px;
        margin: 0 10px 10px 0
    }

    .blogs_list h2 {
        font-size: 15px;
        white-space: inherit;
        line-height: inherit;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        margin: 10px 0;
    }

    .featured_pics ul {
        padding: 10px
    }

    .footer_nav li a {
        padding: 0 5px;
        margin: 0 5px;
        font-size: 14px;
    }

    .footer_nav li a:after {
        right: -5px;
    }

    .featured_pics ul {
        width: 800px !important;
        overflow-x: scroll;
    }

    .featured_pics ul li i {
        height: 113px
    }

    .featured_pics ul li a {
        margin: 5px;
    }

    .icon_more {
        margin-top: 0
    }

    .wz_info span {
        margin: 0 5px 0 0
    }

    .info-pre-next p, .info-pre-next p:nth-child(2) {
        width: 100%;
        float: none;
        text-align: left
    }

    .designer span {
        float: none;
        display: block;
    }

    .designer span img {
        margin: auto;
        width: 140px;
    }

    .designer section {
        width: 100%;
        margin: 20px 0;
    }

    .wz_love ul li a {
        margin: 0 15px;
    }

    .wz_love .h_title {
        margin: 10px 0 0 15px;
    }

    article {
        padding: 15px;
    }

    .wz_love ul li span {
        left: 148px;
    }

    footer {
        margin-top: 20px
    }

    .epages {
        margin: 20px auto
    }

    .pics_content ul li i, .photos li i {
        height: 100px
    }

    .photos ul li {
        margin-bottom: 0
    }

    .epages {
        font-size: 12px;
    }

    .featured_video_fl {
        height: 200px;
    }

    .featured_video_fl h3 {
        font-size: 15px;
        line-height: 24px;
    }

    .featured_video_fl i:before {
        width: 50px;
        height: 50px;
        margin-top: -25px;
        margin-left: -25px;
        background-size: 24px;
    }

    .featured_video_fl section {
        padding: 15px;
    }

    .all_videos li i {
        height: 78px;
    }

    .all_videos {
        padding: 5px
    }

    .all_videos li i:before {
        background-size: 15px;
        width: 30px;
        height: 30px;
        margin-left: -15px;
        margin-top: -15px;
    }

    .featured_video_fr li i {
        width: 120px;
        height: 80px;
        margin-right: 10px;
        border-radius: 10px;
    }

    .featured_video_fr li h3 {
        font-size: 15px;
        font-weight: normal;
        margin-bottom: 10px
    }

    .featured_video_fr ul li:last-child a {
        padding-bottom: 20px
    }

    .featured_video_fr ul li a {
        margin: 10px
    }

    .featured_pics ul li section {
        left: 7%;
        width: 84%;
    }

    .featured_pics ul li p {
        font-size: 12px;
    }
}

@keyframes slide {
    0% {
        transform: translateX(0%);
    }
    20% {
        transform: translateX(-10%);
    }
    40% {
        transform: translateX(-20%);
    }
    60% {
        transform: translateX(-35%);
    }
    80% {
        transform: translateX(-55%);
    }
    100% {
        transform: translateX(0%);
    }

}

.clearfix {
    clear: both;
}

.entry-title {
    text-align: center;
    font-size: 1.7em;
    margin-bottom: 20px;
    line-height: 1.6;
    padding: 10px 20px 0;
}

.modal-header h4, h4 {
    font-size: 1.5rem;
    text-align: center;
}

.modal-body h4 {
    font-size: 18px;
}


.toggleBtn_style {
    display: none; /* 默认情况下隐藏按钮 */
    position: absolute;
    top: 50%;
    right: 10px;
    width: 30px;
    cursor: pointer;
    line-height: 38px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    border-radius: 5px;
    margin: 0 0px 0px 0;
    overflow: hidden;
}

.toggleBtn_style.gray {
    color: #8c96a0;
    text-shadow: 1px 1px 1px #fff;
    border: 1px solid #dce1e6;
    box-shadow: 0 1px 2px #fff inset, 0 -1px 0 #a8abae inset;
    background: -webkit-linear-gradient(top, #f2f3f7, #e4e8ec);
    background: -moz-linear-gradient(top, #f2f3f7, #e4e8ec);
    background: linear-gradient(top, #f2f3f7, #e4e8ec);
}

.gray:after {
    box-shadow: 1px 0 1px rgba(255, 255, 255, 1) inset, 1px 0 1px rgba(0, 0, 0, .2);
    background: -webkit-linear-gradient(top, #dce1e6, #dde2e7);
    background: -moz-linear-gradient(top, #dce1e6, #dde2e7);
    background: linear-gradient(top, #dce1e6, #dde2e7);
    text-shadow: -2px 0 1px #fff;
}

.gray:after {
    text-shadow: -2px 0 1px #fff;
    border-top: 1px solid #d4d4d4;
    box-shadow: -2px 0 1px #eceef1 inset;
    background: -webkit-linear-gradient(right, #e1e6ea, #f2f2f6 60%);
    background: -moz-linear-gradient(right, #e1e6ea, #f2f2f6 60%);
    background: linear-gradient(right, #e1e6ea, #f2f2f6 60%);
}

.gray:after {
    background: #8c96a0;
    border: 2px solid #fff;
}

.gray:before {
    background: #d6dbe0;
}

.gray:after {
    box-shadow: 0 1px 0 #fff inset, -1px 0 0 #b7babd inset;
    background: -webkit-linear-gradient(top left, #f2f3f7, #e4e8ec);
    background: -moz-linear-gradient(top left, #f2f3f7, #e4e8ec);
    background: linear-gradient(top left, #f2f3f7, #e4e8ec);
}

.gray:before {
    background: #d6dbe0;
}

.gray:after {
    box-shadow: 0 -1px 0 #b7babd inset, 1px 0 0 #fff inset;
    background: -webkit-linear-gradient(top left, #f2f3f7, #e4e8ec);
    background: -moz-linear-gradient(top left, #f2f3f7, #e4e8ec);
    background: linear-gradient(top left, #f2f3f7, #e4e8ec);
}

.gray:hover {
    background: -webkit-linear-gradient(top, #fefefe, #ebeced);
    background: -moz-linear-gradient(top, #f2f3f7, #ebeced);
    background: linear-gradient(top, #f2f3f7, #ebeced);
}

.gray:hover:after {
    background: -webkit-linear-gradient(right, #e7ebee, #f8f8f8 60%);
    background: -moz-linear-gradient(right, #e7ebee, #f8f8f8 60%);
    background: linear-gradient(right, #e7ebee, #f8f8f8 60%);
}


.player-container._vR {
    padding-top: 87px
}

.player-container .track-cover._vR {
    text-align: center;
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto
}

.player-container .cover-image._vR {
    width: 120px;
    height: 120px;
    border-radius: 12px
}

.player-container .player_btn._vR {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: cover
}

.player-container .player_btn.null._vR {
    opacity: .2
}

.player-container .player_btn.last._vR {
    right: 100%;
    margin-right: 28px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAKcSURBVGiB7Zc/aNRgGMafN5deh0KlBw4OBQeHDoIgKOgQetej5VBpl3OwIDgoFJQKSh2EDoVKO3QQHAU3B29ykPNKcintIHTr4Nbthk7N0K13lzwO1v/XNjHfd+nw/abkLnme9yF5v+8NYDAYDAZDdkjWBfSCU1MFhOE0omgIpC++/zXuvWcqEKvVHPb378OyFgCcO/q5C/KReN7nOBqJA7FUegHLmv9+wjXxvLWkGj11i8UrsKxliFz9908G4nmX4+jYiZ0t69rPY5Ebie//C05ODiEMFyDy4Nh6RAp0nFHZ3Gydppc8kEJYLt9CGC5B5IIqzUwC0XFGkc8vAyhD1LZxXwMdNf0cRJ4BGNTh0bdALJWuIwhWYFljOn20B2KlMox2exEi93R7AZoDsVy+exSmoNPnd7QE4vj4Jdj2CoCbqpv+NJQGYqUyiHZ7HiKPVWvHRZkpJyaKaLeXIXJRleb/kDoQK5Xz6HSWAEwrqCc16QKRY+h0NvFrkMycdIH6uHrFxcq6ANWYQGeddIHIFshTv1H6SbpAIi3k8w6i6DWArpqS0pH6lZN6/VCazVV0uyUA2wpqSoWyHpKNjV1x3RkAT0EGqnSTonxRENf9ANt2QL5XrR0HLaucNBqBeN5zRNEMyF0dHsehddmWZnMbhUIRUfQK5KFOrx9o34ekVgul2XyDXM4B4Ov269vGKuvrLXHdWQAPQe7p8un7pCCu+wn5fBHkW2jYuzIZfaRePxDPW0QY3gGwo1I701lOfH8HIyO3AbwEeXDixWSsp5n5cCq1Wiiu+w62XQTwsedFZEu2tmL1XfJA5JeexymRRmNPXHcO5OwfAy95APJJbB1VBamE1WoOQeBAZBgDA77U6ye/jgaDwWAwGAyx+AZSedMBJWx4BgAAAABJRU5ErkJggg==")
}

.player-container .player_btn.next._vR {
    left: 100%;
    margin-left: 28px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAKHSURBVGiB7Zk/aBNhGMaf9+6SDkKl6aQgODgIbg6CHUqT76MQLDjFwd1NQWiRYqFghw7Sgi4uLlLQwTpYREpq0pQMCh2E7t0ylC4BCw7mzz0OTS1qtHfJ9+UyfL/pLrl73vfHJe9x3wEOh8PhcCSHxDmY2ew1iGThed/h+xtSLNZtNdYrkYWo1AxEXgAIOh99Qxg+xfj4mqyvt+20F59IQiwUfNTrexDJ/P0lvyIMF6RS2TPREJWahchsJ3tVyuXVOOd7kY46PLzYVQYARK7D9z9QqSecnj4Xp/g/8m523Y5INKGzCSByD+12lVrfMpTZE6aEjhG5AOAltV7j5OQlo9kRMSt0ikYqVWUud5+Fgm+pRldsCQEiI/C8x6jXPzGXu2Gtzh/YEzpB5Co87z2VWmE+P2q7nH2hE0TuotH4TK3v2CwzOCEAndH/jFq/49TUFRslBit0ygSCYJtKPWI+P2IyOCkh4Pje9RCNRoVKZc2FJo3IZQCvqfUGUqlFNJt9xSUvdMptNJtTINuQWA8BvzFMQgBwvh8ZINn/kBWc0LAzXEJkDWStn4hhEWohDJ8jnZ6ESF9CwzDldtFqzcnOzj4AUOu+wpITIusQWZJS6a3J2GSEyDcIgmUby2CDFSL3Qc7J9vaurRKDGQrkD4ThMjKZrE0ZYDBXqALfn5etrb6mV1TsCZEHEFmUUumjtRpdsCHUAvkK6fSKbG4eWcj/L6aF9tBuz5taFu4FM0OBPAKwgLGxmSRlgIhXSKrVGpWqQaTbaugGgmBJisUDw731RPSfHPkAwBpERjv7NQDzUi5XjHZEfoHIxK/tmMR74ZXPj6LZzII8QiZTHab3Qg6Hw+FwOBxn8xOcIse8+Wim1QAAAABJRU5ErkJggg==")
}

.player-container .play-btn._vR {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: rgba(0, 0, 0, .6);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADcSURBVFiF7ZixDkFhDEZPhcVORCLiLQxGidFo9oaMdoPYDXaRGJgkYlELi9z793c7SKRn/dqvZy4EQZBErAFVbQD1wmWRW+4hVa0DjW97koKqOgAWQKtkZCUi8wy5HrAEOiUja2AmIvoZ1IzuaUIOYKKqqfzNOCEHMAL6RYEleM84nsOj6qIl+HNC0EsIeglBLyHoJQS9hKCXEPQSgl5C0EsIeglBLyHoxRIsfPZUoFl10RLcG/kJuGbc2Rn5GbgUBTnvtxHQLok3InK0Ol49Q6BbEm9F5JDTE/wdT/IKKR54vicaAAAAAElFTkSuQmCC);
    background-size: 20px 20px
}

.player-container .play-btn.player-play._vR {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAjCAYAAABo4wHSAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAGNSURBVEiJxdcxS8NAGMbx/6sFdzcHNz+Bg1sHd8FRcBDcFAQXQXFQEBQURMRFRBAKKggODk4tFhQVCw4FF6GDIFRwcOhWqDwOaSAWm6bpJT6QJXfHj/d4j+SQlJX0JOlF0pykfpKOpGdJ1cCTlzSapGmSqm3GcsCWmdVco30hYzPAraRJ12hYpcHcActm9uYCDas0mCxQlLQoaaBXNGqlwVTwqn6Mi0atNJgR4FLSnqTBtFA/U8C9pOluF8bZ3r9Swtvy1yiTe6k0mDEgL2k1SqO5QgEywALe2R5PC/UzDJxKOpI0lBbqZwK4kTTb+hFx1UidUgZWzKycJgrQAE6AnTRRP4X/QBNtpHYppIk2gGNgPpMS+Kt7k0ZrwDaQM7Nv/2WS6DWwZmYfrQNJoO94W1lsN8El2gAOgV0zq4dNdIWWgCUzq0SZ3CtaAzbM7KybRb2gF03wq9uFcdAKXqM8xFjbNVoH9oGD4JlLEnX6h98J/QTWzezKBdYJbQDnwGYStzaaF+JU76f8x038B3lI0JeAMFtTAAAAAElFTkSuQmCC);
    background-size: 14px 18px;
    background-position: 15px 11px
}

.player-container .title._vR {
    font-family: PingFang SC;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    color: rgba(17, 17, 17, .9);
    margin-top: 12px
}

.player-container .progress-container._vR {
    width: 90%;
    margin: 0 auto;
    position: relative
}

.player-container .tools._vR {
    width: 73.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 15px;
    padding-top: 10px
}

.player-container .tools > ._vR {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer
}

.player-container .tools > ._vR:first-child {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAROSURBVGiB7ZlBaBxVHMa/72UlGwNtsqEHwUAOAQWlQoVAexCUFHoQhMoqVjZQw85uwMGDB6EVxIInLQh7KDvTJdigB4NCDj0EQQ9CRFEhh4CHgoUeAorJNrrN7jr7/h4yE183s5NZMwtZ3N/p/d988/7v4715894MMGDAgAEG7EWjxWJxRmv9GoAHADZF5Ptqtfrz8vJyqxf5TFQvGhWRiwBeBXAZwBWSK2NjY2v5fP6VXuQz6YkhAOfaK0hOkvzYsqxbuVxutEd5kzdk2/YpEZn2wwaALwDUDMlsOp3+tFemEjdUr9efD8okf3Acxx4eHn4awJJRPzMyMvJ+0rmBHhhSSu1PNxH5FgBKpVLDcZx3SF41pJcsyzqTeP6kG9RanzXCNfNauVxeJLliVF1OOn+ihorF4hTJST+sbW9vr7drPM+7boQXstnsUJJ9SNSQ53nPGeF3Ye+dSqVyB8CmH45OTExMtmuOQqKGSO5Pt+D56cCvhu6xJPuQ9DNkvn/WOqr2dhAAAK11ost3Yoby+fwsyVN+uOW67kYnrYhsGWEmqT4ACRnyH+w3jarbSbT7X0gl0cj4+Pg1ADMAQNIjeSNKr5S6LyJBOdEROpKhYrE4pbW+BmA2qNNa33Rd927UfSKyY5RPHKUP7UQaymazQ5lM5kVjbwYAGRHJkJzWWj/R1sbtarX6wWFJSW4EIwRgLp/PZ0gOh+hGRSQYwR0RWfc878vFxcV7HduOSmxZ1hU8/GyEkRGRFMkHJF8ol8s/HqJHLpcbTafTXxsv4W6oichV13U/D7sYuSiIyPkYCf4kWQXwl4joOD1aWlqqAXiD5J04+jZGSX60sLBwOuziYc/Qo0GBpCsiO/78v0/y91artZ5KpT4RkWe77ZXruhu2bZ9vNBrntNaTJOshsgdKqT/88kkReQvAMwBSrVbrPQAvd2ton2azeTNs7hYKhbhNHKBUKjUAfBNXb1nWOoCf/PCpME2vTqw9wXGcTfy7DzxhWdaBbVNfGYpDPxraHxV/xB6irwwVi8UpIzxgBugzQ1prczf/S5imrwzBWKa11qthgr4xND8/Pw3gLLC3AVZKfRWm6xtDSqlLQVlEVsMWBKBPDNm2PUzS/Iz8WSdtXxja3d29AP9kS/Ke4zgddxd9YUgpNReURWQpSpvIibWXWJb1JIzFgGTosSHg2BsCkAsKIrJaLpd/ixIf6yln2/YwgItGVcfFIOBYG6rX6y8BOOmHd6MWg4BjbYjknFG+FeeeY2vI/9US/G5peJ4XuRgExF4UhoaGzhQKhcdDLo0DeAQAROR0oVA48PWmW7TWkyLyNrn3DYfkSqVS2TrkNgBdGFJK3TA+PZlk4Bsi+aGI/B23zU4ERnxqzWbzeidtO5FTTil14P9OCFpEPBHx4ibtgppS6vWo73DtRI4QyXdFpAHjlNhBFzdfXHZEZD2dTi+WSqWdw+UDBgwY8H/hHyGjfCRzUROPAAAAAElFTkSuQmCC)
}

.player-container .tools > ._vR:nth-child(2) {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAPrSURBVGiB7ZlPaBxVHMe/v9/MZoipiS0S/1UsIilVsbd4E0EPgsfsQSyLJLOzswkEm5PQYw8ePAmRZGZ3h4AhgiY9Cl6keBI9CAFPNujq+gcrVFLYpkt23s/D7qbTdv8ku2+2RucDCzPv/ea975f35vfemwUSEhIS/stQr4BMJjNmWdbJXnHMHBYKhT/0yOqfroYcx3mXiN47bGMisqOUmguCYGdwaf3R0VAmkxkbHR291kebu8z8jud53w6gq2+4U4Vpmqda10RUF5FKtx+AWjN8Qin1aS6XezNu8e3oOEKzs7NPp1KpbwBARCrFYvHlbg05jvMCEW0AmIwUf2JZ1uXl5eWbeuT2Rpuh1jMjIyMbIvJcpHgXwNcisg3gIGkwcyX6rFLqpojsRur7SjJaDQGAbdunmPkjInr1qGK6sAtgG4BfKBSudgvs+A71SxAEN4rF4tvMfBFAWVOzEwBeAbCRy+UudQvUPkL34rrueaXUNDOfVkpNHHRMdPpe0SIyHqk3ATzRrk1mvuh53mft6sx+RB4F3/e30ZgufZPP588opS4DeB0AlFKXALQ1pH3KxYHneeW9vb15AK1sOem67vl2scfCEACsr69XAXwfKXqoXVzsUw4AXNdNi0gagBDRV77ve3H1NRRDIjKGRpaCiJTj7GsoU05EKHItcfY1FEPMfGCIiI6/IaVUdL07/oZ6TbmlpaVRXX1pNeQ4zpTrulfn5+fP3tVJlymXz+efqlarn9u2/ZoODdoMOY4zRURbIjIVhuGVbDZ7rlXXaYTm5uaeFJFNAGcNw/B0mNI95VpiTzLzluu6zwMAEd03QgsLC4+bprkpIs/oFKDNULFY/IGI0gD+ahY9IiJXbNt+EXdvgiWbzT5Wr9c3AZxplt0KwzAfBMGXg+rQOkK+718LwzAN4HqzaNw0zS0ReSkS9igzbwF4tnmvzQwQz3loxzCMGQB/AoCIPExEb6GxK2EiuoCYzAAxpe3V1dUflVIzaB65qcEJACciCUK7GSDGdahUKv3EzGki+l1E9kTkbzSO0rcQkxkg5oXV87xyvV5PA/gtUhybGWAIO4UgCH4GkCaiXxGzGWBIW59CofCLYRjpuM0AQzoPAcDKykoFQKVn4IAcmyP4YeloyLKs1rdqENFEp7h/Gx0NeZ53HUC1eTtu2/b0cCQNRq936AsAMwBgGEbBcZz3lVLfEdHt+KXdDxFZvU7wXQ3t7+9/kEql3gAwBmCSiD40DEOjxKNxmM8RXZPC2tpahZkvALihS5QOmv9XldvWHaaBxcXF8Vqt5ojINO5s+R8IzFwLw7BUKpU+fpA6EhISEhIS/hf8A3WPtxhLJzIdAAAAAElFTkSuQmCC)
}

.player-container .tools > ._vR:nth-child(3) {
    background-image: url(//s1.xmcdn.com/yx/ximalaya-mobile-resource/last/dist/images/speed_63f341c.png)
}

.player-container .tools > ._vR:last-child {
    background-image: url(data:image/png;base64,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)
}

.player-container .btn-open._vR {
    width: 75%;
    display: block
}

.player-container .btn-open > ._vR {
    width: 100%
}

.play-modal-jump._vR {
    text-align: center;
    font-size: 14px;
    text-decoration: underline;
    margin-top: 10px
}

.download-btn._vR {
    display: block
}

.track-buy._vR {
    font-size: 13px;
    color: #f44;
    width: 100%;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    margin-top: 8px
}

.progress-bar-wrap.Iv_ {
    margin: 30px 35px 40px 35px
}

.touch-box.Iv_ {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 40px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.time-bar.Iv_ {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    font-size: 12px;
    line-height: 14px;
    color: #fff
}

.current.Iv_ {
    left: 0
}

.duration.Iv_ {
    right: 0
}

.progress-bar.Iv_ {
    position: relative;
    height: 2px;
    background-color: rgba(255, 255, 255, .3)
    cursor: pointer;
}

.progress-bar .cache-round.Iv_, .progress-bar .play-round.Iv_ {
    position: absolute;
    left: 0;
    height: 2px
}

.progress-bar .cache-round.Iv_ {
    background-color: #fff
}

.progress-bar .play-round.Iv_ {
    background-color: #f86442
}

.progress-bar .play-round.Iv_::after, .progress-bar .play-round.Iv_::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 50%
}

.progress-bar .play-round.Iv_::before {
    width: 22px;
    height: 22px;
    background-color: rgba(255, 255, 255, .3)
}

.progress-bar .play-round.Iv_::after {
    width: 15px;
    height: 15px;
    background-color: #fff
}

.speed-icon.Iv_ {
    position: absolute;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: 100%;
    top: -6px;
    opacity: .3
}

.speed-icon.Iv_:first-of-type {
    background-image: url(//s1.xmcdn.com/yx/ximalaya-mobile-resource/last/dist/images/back15@2x_0ea272d.png);
    left: -36px
}

.speed-icon.Iv_:last-of-type {
    background-image: url(//s1.xmcdn.com/yx/ximalaya-mobile-resource/last/dist/images/enter15@2x_16cb9ce.png);
    right: -36px
}

.speed-icon.highlight.Iv_ {
    opacity: .8
}

.v2.Iv_ {
    margin: 30px 36px
}

.v2 .time-bar.Iv_ {
    font-weight: 400;
    color: #aaa;
    font-size: 10;
    right: -2px;
    top: -3px
}

.v2 .progress-bar.Iv_ {
    background: #e8e8e8;
    border-radius: 3px
}

.v2 .progress-bar .cache-round.Iv_, .v2 .progress-bar .play-round.Iv_ {
    position: absolute;
    left: 0;
    height: 3px;
    border-radius: 3px
}

.v2 .progress-bar .cache-round.Iv_ {
    border-radius: 3px;
    background-color: #c5c5c5
}

.v2 .progress-bar .play-round.Iv_ {
    background-color: #666
}

.v2 .progress-bar .play-round.Iv_::after, .v2 .progress-bar .play-round.Iv_::before {
    content: '';
    position: absolute;
    right: -3px;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 50%
}

.v2 .progress-bar .play-round.Iv_::before {
    width: 7px;
    height: 7px;
    background-color: #eccdcd4d
}

.v2 .progress-bar .play-round.Iv_::after {
    width: 6px;
    height: 6px;
    background-color: #333
}

.xm-list-track.actived .list-download.EO_, .xm-list-track.actived .list-play.EO_, .xm-list-track.actived .title.EO_ {
    color: #f86442
}

.xm-list-track .xm-list-track__wrap.EO_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 0
}

.xm-list-track .xm-list-track__wrap.p-8.EO_ {
    padding: 8px 0
}

.xm-list-track .titleWrapper.EO_ {
    margin: 0 10px 0 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100px;
    cursor: pointer
}

.xm-list-track .titleWrapper.type2 .title.EO_ {
    line-height: 20px
}

.xm-list-track .titleWrapper.type2 .title.txt-1.EO_ {
    font-size: 13px
}

.xm-list-track .titleWrapper .title.EO_ {
    line-height: 26px
}

.xm-list-track .titleWrapper .title.actived.EO_ {
    color: #f86442
}

.xm-list-track .titleWrapper .info.EO_ {
    padding-top: 4px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #f86442
}

.xm-list-track .list-play.EO_ {
    font-size: 26px
}

.xm-list-track .list-play.f-18.EO_ {
    font-size: 22px
}

.xm-list-track .list-download.EO_ {
    font-size: 16px;
    line-height: 26px
}

.track-link__wrap.EO_ {
    display: block
}

.change-sort.T_r {
    font-size: 14px;
    color: #999;
    letter-spacing: 1px;
    line-height: 1.6
}

.list-track__title.T_r {
    display: inline
}

.icon-paixu.T_r {
    vertical-align: -2px;
    width: 14px;
    height: 14px;
    margin-right: 2px
}

.track-content.T_r {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.track-title.T_r {
    line-height: 26px
}

.play-icon.T_r {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+eGlucmVuX2ljX3BsYXlAMng8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5LiT6L6R5YiG5Lqr6JC95Zyw6aG1X2g177yIMjAyMjAyMjPlrprnqL/vvInlpIfku70iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzEuMDAwMDAwLCAtNzAzLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uELTI4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNTU3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0xMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCA2Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i5oyJ6ZKu5pKtIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMTUuMDAwMDAwLCA4MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTMiIGZpbGwtb3BhY2l0eT0iMC4xMjI5ODQ1NTkiIGZpbGw9IiNGRjY0NjQiIGN4PSIxNCIgY3k9IjE0IiByPSIxNCI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LjQzOTk3ODYsMTAuOTA4MzI4NyBMMjAuMjY3OTU0LDE2LjczMzUwODYgQzIwLjYyNTg1MSwxNy4yNzgxMzQ1IDIwLjQ3NDQ3NzMsMTguMDA5NzczOSAxOS45Mjk4NTE0LDE4LjM2NzY3MDkgQzE5LjczNzM4ODMsMTguNDk0MTQ2NyAxOS41MTIxMjE3LDE4LjU2MTUzODUgMTkuMjgxODIxNSwxOC41NjE1Mzg1IEwxMS42MjU4NzA4LDE4LjU2MTUzODUgQzEwLjk3NDE3NDgsMTguNTYxNTM4NSAxMC40NDU4NzA4LDE4LjAzMzIzNDUgMTAuNDQ1ODcwOCwxNy4zODE1Mzg1IEMxMC40NDU4NzA4LDE3LjE1MTIzODMgMTAuNTEzMjYyNiwxNi45MjU5NzE3IDEwLjYzOTczODMsMTYuNzMzNTA4NiBMMTQuNDY3NzEzNywxMC45MDgzMjg3IEMxNC44MjU2MTA3LDEwLjM2MzcwMjcgMTUuNTU3MjUwMSwxMC4yMTIzMjkxIDE2LjEwMTg3NjEsMTAuNTcwMjI2MSBDMTYuMjM2NDY5MSwxMC42NTg2NzI5IDE2LjM1MTUzMTgsMTAuNzczNzM1NyAxNi40Mzk5Nzg2LDEwLjkwODMyODcgWiIgaWQ9IuS4ieinkuW9ouWkh+S7vS0yIiBmaWxsPSIjRkY0NjQ2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS40NTM4NDYsIDEzLjk4NDYxNSkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTE1LjQ1Mzg0NiwgLTEzLjk4NDYxNSkgIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block
}

.fl {
    float: left
}

.fr {
    float: right
}
.bold {
    font-weight: 700
}
.txt-2 {
    font-size: 18px;
    line-height: 1.39
}
.c3 {
    color: #333
}

.list-view.thumbnail .list-view__body._FS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.list-view.thumbnail .list-view__item._FS {
    border-bottom: none !important
}

.list-view--split .list-view__item.border._FS:last-of-type {
    border-bottom: 1px solid #f3f4f5
}

.list-view--split .list-view__item.border._FS:last-of-type:last-of-type {
    border-bottom: none
}

.list-view__header._FS {
    position: relative
}

.list-view__title._FS {
    font-size: 16px;
    line-height: 1.38;
    color: #333;
    font-weight: 700
}

.list-view__item.border._FS {
    border-bottom: 1px solid #f3f4f5
}

.list-view__item.border._FS:last-of-type {
    border-bottom: none
}

.list-view__footer._FS {
    overflow: hidden
}

.track-item-continer.T_r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.track-item-continer .track-item-content.T_r {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.track-item-continer.v2.T_r {
    padding: 10px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.track-item-continer.v2 .track-item-content.T_r {
    overflow: hidden;
    margin-right: 15px
}

.ellipsis, .ellipsis-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ellipsis-2, .ellipsis-3 {
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.ellipsis-3 {
    -webkit-line-clamp: 3
}

.item-num.T_r {
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 16px;
    margin-top: 5px;
    display: inline-block
}

.item-num i.T_r {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAfhJREFUWEftljGLE1EUhc95b5IBsdNKoqhtQOvdbn9ASDPzpt1gqcjaiI1mV8U122zn+guSzJukF5ugnb9BxGUXLQLRQqI2M1cebGAtdMbdZBYhrxp4MOfj3HvPfcQZH56xPpYASwf+PwesteezLLuklDo0xvw47RQVdmA0GnmTyaSTZdltAD6AKcmX1Wp1q9lsfjspSGGAOI47JO8DSEVkn+Q1AArAZ6XUvSAI7EkgCgFYa6sAvgA4B2DNGPOm3+/f1Fq/EJFVJ0zyNck7QRC8/xeQQgC9Xu+y1voAwCdjTG0mICIcDAa3ROQ5gAsAfgLYmU6n261Wy33nnqIAV7XWHwHsG2Oc9b+dbrd7sVKpdERk3ZVFRD44N4wxr/II5gIwE0mSZFVE9gDcACAkH4RhuPM3iLkCOCE3LePxeIPkM5IeyZUgCN79CWLuADOhOI53SW6IyNMoih6WDpAkya6IOCeehGH4qDSAYyXYJqlLLcHxJiQpWZY9jqJoc+FN6MbQ8zyXBa2FjOFwOKylaXoIwC2gK6UHUbvd9ur1+lcXxSKyFkXRWxfFSik38ysLj2InYK3dAuC6OXWJCOC6WwGlLKMjy2mt7QC4e7SO3Vtgz/f9zVLW8azu7kGilKr5vn/QaDS+52V93n2hJMz7yWnulwBLB5YO/AIAJe8hmapuzgAAAABJRU5ErkJggg==);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 0
}

.item-num > span.T_r {
    margin-right: 20px
}

.item-num > span span.T_r {
    display: inline-block;
    vertical-align: middle
}

.item-num > span:last-child i.T_r {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA5UExURUxpcba2tqqqqqurq8jIyK6urqqqqqqqqqqqqqqqqqqqqqurq6urq6qqqqqqqqurq6ysrKurq6qqqg9C/H4AAAASdFJOUwAODEYFJtl6vfbra1XQz5k7Vq/bXdsAAACbSURBVHja3ZLJDsMgDERDWAwkkPb9/8dWoY3S1kTc48tYmpHH23THmL2fr1kjFaCK6fPPDCmEBHnt8QLRumlyNoJofoXlyBdYlX/e+VORjTKIDeMHlEnBNoQGlvI3P8l9C1zidx+e8E4Sj4YB3xdssJlToC2cJIJrFqrJo1ise5O1N+YZERkuarzq8bFUDXVu/TAFoIgZvNwN4wX2Rwe2cwswewAAAABJRU5ErkJggg==)
}

.load-more {
    display: block;
    text-align: center;
    padding: 17px 0;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    color: #f86442
}

.load-more.classic {
    padding: 25px 0
}

.xm-icon {
    font-style: normal;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.xm-icon:before {
    font-family: xm-icon !important
}

.xm-icon.icon-ic_classify:before {
    content: '\e682'
}

.xm-icon.icon-anchor_fans:before {
    content: '\e67d'
}

.xm-icon.icon-album_btn_more:before {
    content: '\e67b'
}

.xm-icon.icon-play_ic_shound:before {
    content: '\e664'
}

.xm-icon.icon-btn_change:before {
    content: '\e64e'
}

.xm-icon.icon-zan:before {
    content: '\e616'
}

.xm-icon.icon-more:before {
    content: '\e612'
}

.xm-icon.icon-vip:before {
    content: '\e6d9'
}

.xm-icon.icon-coupon:before {
    content: '\e6d8'
}

.xm-icon.icon-share:before {
    content: '\e6da'
}

.xm-icon.icon-refund:before {
    content: '\e6d7'
}

.xm-icon.icon-close:before {
    content: '\e680'
}

.xm-icon.icon-arrow-up:before {
    content: '\e6a2'
}

.xm-icon.icon-arrow-down:before {
    content: '\e6a3'
}

.xm-icon.icon-arrow-left:before {
    content: '\e65e'
}

.xm-icon.icon-arrow-right:before {
    content: '\e65f'
}

.xm-icon.icon-arrow-right-bold:before {
    content: '\e611'
}

.xm-icon.icon-subscibe:before {
    content: '\e6f7'
}

.xm-icon.icon-w_pause:before {
    content: '\e6bc'
}

.xm-icon.icon-w_play:before {
    content: '\e6bb'
}

.xm-icon.icon-ic_play:before {
    content: '\e636'
}

.xm-icon.icon-timelight:before {
    content: '\e6af'
}

.xm-icon.icon-commentlight:before {
    content: '\e6a7'
}

.xm-icon.icon-right:before {
    content: '\e6ea'
}

.xm-icon.icon-left:before {
    content: '\e6e9'
}

.xm-icon.icon-user:before {
    content: '\e6cd'
}

.xm-icon.icon-data:before {
    content: '\e6cf'
}

.xm-icon.icon-sound:before {
    content: '\e6d0'
}

.xm-icon.icon-logo:before {
    content: '\e6d1'
}

.xm-icon.icon-searchlight:before {
    content: '\e6b3'
}

.xm-icon.icon-list_download:before {
    content: '\e60c'
}

.xm-icon.icon-list_pause:before {
    content: '\e60b'
}

.xm-icon.icon-list_play:before {
    content: '\e60a'
}

.xm-icon.icon-pay:before {
    content: '\e602'
}

.xm-icon.icon-close:before {
    content: '\e680'
}

.xm-icon.icon-delete:before {
    content: '\e6f9'
}

.xm-icon.icon-bg_delete:before {
    content: '\e720'
}

.xm-icon.icon-album:before {
    content: '\e698'
}

.xm-icon.icon-fall:before {
    content: '\e642'
}

.xm-icon.icon-same:before {
    content: '\e643'
}

.xm-icon.icon-rise:before {
    content: '\e644'
}

.xm-icon.icon-profile_ic_tiancheng:before {
    content: '\e662'
}

.xm-icon.icon-profile_ic_shuangzi:before {
    content: '\e661'
}

.xm-icon.icon-profile_ic_tianxie:before {
    content: '\e660'
}

.xm-icon.icon-profile_ic_shuangyu:before {
    content: '\e65d'
}

.xm-icon.icon-profile_ic_shizi:before {
    content: '\e65c'
}

.xm-icon.icon-profile_ic_shuiping:before {
    content: '\e65b'
}

.xm-icon.icon-profile_ic_sheshou:before {
    content: '\e65a'
}

.xm-icon.icon-profile_ic_mojie:before {
    content: '\e657'
}

.xm-icon.icon-profile_ic_jinniu:before {
    content: '\e655'
}

.xm-icon.icon-profile_ic_jvxie:before {
    content: '\e653'
}

.xm-icon.icon-profile_ic_baiyang:before {
    content: '\e652'
}

.xm-icon.icon-profile_ic_chunv:before {
    content: '\e651'
}

.xm-icon.icon-zodiac:before {
    content: '\e651'
}

.xm-icon.icon-location:before {
    content: '\e656'
}

.xm-icon.icon-female:before {
    content: '\e650'
}

.xm-icon.icon-male:before {
    content: '\e654'
}

.xm-icon.icon-red-arrow-right:before {
    content: '\e647'
}

.xm-icon.icon-anchor-level0::before {
    content: '\e665'
}

.xm-icon.icon-anchor-level1::before {
    content: '\e669'
}

.xm-icon.icon-anchor-level2::before {
    content: '\e66b'
}

.xm-icon.icon-anchor-level3::before {
    content: '\e667'
}

.xm-icon.icon-anchor-level4::before {
    content: '\e66f'
}

.xm-icon.icon-anchor-level5::before {
    content: '\e666'
}

.xm-icon.icon-anchor-level6::before {
    content: '\e668'
}

.xm-icon.icon-anchor-level7::before {
    content: '\e66c'
}

.xm-icon.icon-anchor-level8::before {
    content: '\e66d'
}