* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row {
    width: 1200px;
    margin: 0 auto;
}
@media (max-width: 750px) {
    .row {
        width: 100%;
    }
}
.flexBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.clear:before,
.clear:after {
    content: '';
    display: block;
    clear: both;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
body {
    font-family: 'Arial', 'Microsoft YaHei', 'SimHei', 'SimSun', sans-serif;
    background: #EBEBEB;
}

/* 头部 */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    z-index: 99;
}
.header .row {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.header .logo {
    height: 60px;
    line-height: 60px;
    color: #0E62E8;
    font-size: 34px;
}
.header .logo span {
    color: #666666;
    font-size: 12px;
}
.menu a {
    cursor: pointer;
    position: relative;
    line-height: 60px;
    color: #333333;
    font-size: 16px;
    padding: 0 30px;
}
.menu a.active,
.menu a:hover {
    color: #0E62E8;
    background: #E8E8E8;
}
.menu a.active:before,
.menu a:hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #0E62E8;
}
.mob-upload {
    display: none;
}
.loginBox {
    width: 270px;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
}
.loginBox .btn-login {
    width: 100px;
    line-height: 34px;
    color: #0E62E8;
    text-align: center;
    border: 1px solid #0E62E8;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.user {
    position: relative;
}
.user-img {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
}
.user-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.user-option {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    width: 130px;
    background: #ffffff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
    padding: 10px 0;
    z-index: 999;
}
.user:hover .user-option {
    display: block;
}
.user-option a {
    height: 40px;
    color: #7C7B7B;
    font-size: 14px;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 20px;
}
.user-option a:hover {
    background: #E7E7E7;
}
.user-option a i {
    width: 16px;
    height: 16px;
    background: url(../image/user-icon.png) no-repeat;
    margin-right: 5px;
}
.user-option a i.user-icon1 {
    background-position: 0 0;
}
.user-option a i.user-icon2 {
    background-position: 0 -38px;
}
.user-option a i.user-icon3 {
    background-position: 0 -73px;
}
.user-option a i.user-icon4 {
    background-position: 0 -109px;
}
.mob-menu {
    display: none;
}
@media (max-width: 750px) {
    .header .row {
        height: 50px;
        background: #ffffff;
        -webkit-align-items: center;
        align-items: center;
        padding: 0 10px;
    }
    .header .logo {
        height: 46px;
        line-height: 46px;
        font-size: 24px;
    }
    .header .logo img {
        height: 100%;
    }
    .header .menu {
        display: none;
    }
    .mob-menu {
        display: block;
        width: 30px;
        height: 30px;
        background: url(../image/mob-nav.png) center no-repeat;
    }
    .mob-upload {
        display: none;
        width: 100px;
        line-height: 34px;
        color: #0E62E8;
        text-align: center;
        border: 1px solid #0E62E8;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }
    .loginBox {
        display: none;
    }
}

.leftMenu a {
    color: #333333;
    text-decoration: none;
    display: block;
}
.leftMenu {
    background: #fefefe;
    right: -1000px;
    position: fixed;
    top: 50px;
    display: block;
    min-width: 140px;
    max-width: 440px;
    z-index: 98;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    position: fixed;
    overflow: auto;
}
.leftMenu.menu-open {
    right: 0;
}
.leftMenu ul {
    list-style: none;
    padding: 0 20px;
    overflow: hidden;
}
.f1 > ul {
    padding-top: 20px;
}
.leftMenu ul li {
    position: relative;
    text-indent: 5px;
    border-bottom: 1px solid #dddddd;
    padding: 15px 0;
    overflow:hidden;
}
.leftMenu ul li.hasChild > a:after {
    content: ">";
    position: absolute;
    right: 8px;
    top: 11.5px;
    width: 10px;
    height: 24px;
    font-size: 24px;
    font-weight: 300;
    transform: scale(.5, 1);
    -webkit-transform: scale(.5, 1);
    -moz-transform: scale(.5, 1);
    -ms-transform: scale(.5, 1);
    -o-transform: scale(.5, 1);
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}
.leftMenu ul li.hasChild.open > a:after {
    transform: scale(1, .5) rotateZ(90deg);
    -webkit-transform: scale(1, .5) rotateZ(90deg);
    -moz-transform: scale(1, .5) rotateZ(90deg);
    -ms-transform: scale(1, .5) rotateZ(90deg);
    -o-transform: scale(1, .5) rotateZ(90deg);
}
.f2, .f3 {
    height: 0;
    padding-left: 20px;
    /* overflow: hidden; */
    position: relative;
    transition: height 0.4s ease;
    -moz-transition: height 0.4s ease;
    -webkit-transition: height 0.4s ease;
    -o-transition: height 0.4s ease;
}
.f2 > ul, .f3 > ul {
    padding-top: 10px;
}
.menu-dark-backdrop {
    background: rgba(0,0,0,0);
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    width: 100%;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom:0;
    z-index: -20;
    overflow: hidden;
}
.menu-dark-backdrop.in {
    height: 100%;
    z-index: 97;
    background: rgba(0,0,0,0.5);
}


/* 手机版侧边栏 */
.mobMenu {
    display: none;
}
@media (max-width: 750px) {
    .leftMenu {
        display: block;
    }
}


/* banner */
.banner {
    height: 500px;
    background: url(../image/banner-bg.png) center no-repeat #154AB2;
    margin-top: 60px;
}
.banner .row {
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.banner-info {
    position: relative;
}
.banner-info h2 {
    line-height: 1.4;
    color: #000000;
    font-size: 24px;
    margin-bottom: 10px;
}
.banner-info p {
    line-height: 1.4;
    color: #000000;
    font-size: 24px;
    margin-top: 20px;
}
.banner-info p b {
    color: #0066CC;
    text-decoration: underline;
}
.banner-info a {
    cursor: pointer;
    display: block;
    width: 180px;
    height: 54px;
    line-height: 54px;
    color: #0066CC;
    font-size: 24px;
    text-align: center;
    border-radius: 18px;
    border: 1px solid #0066CC;
    margin-top: 50px;
}
.banner-info a i {
    display: inline-block;
    width: 34px;
    height: 28px;
    background: url(../image/banner-upload-icon.png);
    margin-right: 10px;
    vertical-align: middle;
}
.banner-img img {
    display: block;
}
@media (max-width: 750px) {
    .banner {
        height: auto;
        padding: 20px 0;
        margin-top: 50px;
    }
    .banner .row {
        -webkit-justify-content: center;
        justify-content: center;
    }
    .banner-info {
        text-align: center;
    }
    .banner-info h2 {
        font-size: 14px;
        margin-bottom: 5px;
        text-align: center;
        text-indent: 0 !important;
    }
    .banner-info p {
        font-size: 14px;
        text-align: center;
        padding: 0 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .banner-info img {
        width: 90%;
    }
    .banner-info a {
        display: none;
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        margin-top: 15px;
    }
    .banner-img {
        display: none;
    }
}

/* 盒子公共样式 */
.container .row {
    padding-top: 60px;
    padding-bottom: 40px;
}
.title {
    text-align: center;
    margin-bottom: 35px;
}
.title.white h3 {
    color: #ffffff;
}
.title h3 {
    font-size: 36px;
}
.title p {
    color: #999999;
    font-size: 16px;
    margin-top: 12px;
}
@media (max-width: 750px) {
    .mb-hide {
        display: none;
    }
    .main-box {
        padding: 0 10px;
    }
}

/* 精品案例 */
.case-box {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.case-list {
    width: 216px;
    background: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0 0 22px rgba(0, 0, 0, .08);
    overflow: hidden;
    padding: 8px;
    margin-right: 30px;
    margin-bottom: 30px;
}
.case-list:nth-child(5n) {
    margin-right: 0;
}
.case-img {
    position: relative;
}
.case-img.index-case {
    height: 260px;
    overflow: hidden;
}
.case-img img {
    display: block;
    width: 100%;
}
.case-img-mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 9;
}
.case-list:hover .case-img-mask {
    display: flex;
}
.case-img-mask a {
    width: 110px;
    height: 32px;
    line-height: 32px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    background: #0E62E8;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.case-name {
    display: block;
    height: 38px;
    line-height: 38px;
    color: #333333;
    font-size: 14px;
    border-bottom: 1px solid #f2f2f2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.case-fun {
    height: 20px;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 8px;
}
.case-fun .case-logo {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}
.case-fun .case-logo img {
    width: 100%;
}
.case-fun .case-user {
    cursor: pointer;
    color: #999999;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-right: 8px;
	height:16px;
}
.case-fun .case-user:hover {
    color: #0E62E8;
}
.case-fun .case-share {
    cursor: pointer;
    width: 14px;
    height: 16px;
    background: url(../image/icon.png) no-repeat;
    background-position: -45px 0;
}
.case-more {
    cursor: pointer;
    display: block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    background: #0E62E8;
    margin: 20px auto 0;
}
@media (max-width: 750px) {
    .case-list {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .case-list:nth-child(5n) {
        margin-right: 4%;
    }
    .case-list:nth-child(2n) {
        margin-right: 0;
    }
    #indexPdf .case-list:last-child {
        display: none;
    }
    .case-img.index-case {
        height: 200px;
    }
    .case-fun .case-share {
        display: none;
    }
}

/* 应用场景 */
.bg01 {
    background: url(../image/scene-bg.jpg) top center no-repeat #000000;
}
.scene-box {
    width: 790px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}
.scene-list {
    width: 380px;
    height: 230px;
    text-align: center;
    background: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 40px;
    margin-right: 30px;
    margin-bottom: 30px;
}
.scene-list:nth-child(2n) {
    margin-right: 0;
}
.scene-list h2 {
    font-size: 20px;
    margin: 10px 0;
}
.scene-list p {
    line-height: 1.3;
    color: #666666;
    font-size: 15px;
    text-align: justify;
    text-align-last: center;
}
@media (max-width: 750px) {
    .scene-box {
        width: 100%;
    }
    .scene-list {
        width: 100%;
        margin-right: 0;
    }
    .scene-list:nth-child(5),
    .scene-list:nth-child(6) {
        display: none;
    }
}

/* 图文介绍 */
.tw-box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.tw-info {
    flex-grow: 1;
}
.tw-box .tw-info:nth-child(2) {
    margin-left: 90px;
}
.tw-info h3 {
    position: relative;
    line-height: 66px;
    font-size: 30px;
    margin-bottom: 30px;
}
.tw-info h3:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 2px;
    background: #0E62E8;
}
.tw-info p {
    line-height: 1.8;
    color: #666666;
    font-size: 18px;
}
.tw-info a {
    cursor: pointer;
    display: block;
    width: 160px;
    height: 55px;
    line-height: 55px;
    color: #0E62E8;;
    font-size: 22px;
    text-align: center;
    border: 1px solid #0E62E8;
    border-radius: 33px;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    -ms-border-radius: 33px;
    -o-border-radius: 33px;
    margin-top: 60px;
}

/* 品牌用户 */
.logo-box {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.logo-list {
    width: 130px;
    height: 130px;
    background: #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    margin-right: 48.3px;
    margin-bottom: 48.3px;
}
.logo-list:nth-child(7n) {
    margin-right: 0;
}
.logo-list img {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}
.logo-list p {
    font-size: 12px;
}

/* footer */
.footer {
    background: #333333;
}
.footer-list {
    width: 119px;
    border-right: 1px solid #3B3E43;
    margin-right: 60px;
}
.footer-list h3 {
    color: #ffffff;
    font-size: 18px;
}
.footer-list a {
    display: block;
    color: #858585;
    font-size: 14px;
    margin-top: 15px;
}
.footer-list2 {
    width: 250px;
}
.footer-list2 h3 {
    color: #ffffff;
    font-size: 18px;
}
.footer-list2 h4 {
    color: #ffffff;
    font-size: 24px;
    margin-top: 20px;
}
.footer-list2 h5 {
    color: #858585;
    font-size: 14px;
    margin-top: 12px;
}
.footer p {
    line-height: 40px;
    color: #858585;
    font-size: 14px;
    text-align: center;
}
@media (max-width: 750px) {
    .footer .row {
        padding: 0 10px;
    }
    .footer-link {
        -webkit-align-items: center;
        align-items: center;
    }
    .footer-list {
        display: none;
    }
    .footer-list2 {
        width: 60%;
    }
    .footer-list2 h4 {
        font-size: 20px;
    }
    .footer-code {
        width: 40%;
    }
    .footer p {
        line-height: 1.5;
        padding: 8px 0;
    }
}

/* PDF上传 */
.book-upload-allbox {
    width: 1200px;
    min-height: 600px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin: 80px auto 40px;
}
.book-upload-tabs {
    width: 180px;
    background: #ffffff;
    padding: 20px 0;
}
.book-upload-tabs h3 {
    line-height: 60px;
    color: #333333;
    font-size: 20px;
    padding-left: 45px;
}
.book-upload-tabs a {
    display: block;
    line-height: 40px;
    color: #888888;
    font-size: 14px;
    padding-left: 45px;
}
.book-upload-tabs a.active,
.book-upload-tabs a.active:hover {
    color: #ffffff;
    background: #0E62E8;
}
.book-upload-tabs a:hover {
    color: #0E62E8;
}
.book-upload-box {
    width: 1000px;
    background: #ffffff;
    padding: 30px 30px;
}

/* 书馆 */
.bookstore-box {
    width: 1200px;
    padding: 20px 0;
    margin: 0 auto;
}
.bookstore-top {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 10px 20px 0;
}
.bookstore-tabs-list {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.bookstore-tabs-list > span {
    line-height: 40px;
    width: 110px;
    font-size: 16px;
}
.bookstore-tabs-box {
    position: relative;
    width: 900px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.bookstore-tabs-link {
    cursor: pointer;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #333333;
    border-bottom: 3px solid transparent;
    margin: 0 18px;
}
.bookstore-tabs-item {
    position: relative;
}
.bookstore-tabs-item:hover .bookstore-tabs-link  {
    border-color: #0E62E8;
}
.bookstore-tabs-link.active {
    color: #0E62E8;
    border-color: #0E62E8;
}
.bookstore-tabs-more {
    position: absolute;
    top: 60px;
    left: 50%;
    max-width: 540px;
    background: #ffffff;
    border: 1px solid #dddddd;
    opacity: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    padding: 20px 20px 10px;
    z-index: -10;
}
.bookstore-tabs-item:hover .bookstore-tabs-more {
    top: 40px;
    opacity: 1;
    z-index: 99;
}
.bookstore-tabs-hybox.online {
    white-space: nowrap;
}
.bookstore-tabs-mtitle {
    display: block;
    color: #0E62E8;
    font-size: 16px;
    margin-bottom: 10px;
}
.bookstore-tabs-hylink {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.bookstore-tabs-hybox.online .bookstore-tabs-hylink {
    border-bottom: none;
    margin-bottom: 0;
}
.bookstore-tabs-hybox .bookstore-tabs-hylink:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.bookstore-tabs-hylink > .bookstore-tabs-mlink {
    cursor: pointer;
    position: relative;
    width: 110px;
    line-height: 32px;
    color: #333333;
    font-size: 16px;
    white-space: nowrap;
    padding-left: 9px;
}
.bookstore-tabs-hylink > .bookstore-tabs-mlink:after {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 2px;
    height: 16px;
    background: #0062E8;
}
.bookstore-tabs-hylink > .bookstore-tabs-mlink:hover {
    color: #0E62E8;
}
.bookstore-tabs-hylink > .bookstore-tabs-mlink.active {
    color: #0E62E8;
}
.bookstore-tabs-cp {
    width: 388px;
    padding-left: 40px;
}
.bookstore-tabs-cp .bookstore-tabs-mlink {
    cursor: pointer;
    display: inline-block;
    width: 110px;
    line-height: 30px;
    color: #888888;
    font-size: 14px;
}
.bookstore-tabs-cp .bookstore-tabs-mlink:hover {
    color: #0E62E8;
}
.bookstore-tabs-cp .bookstore-tabs-mlink > a {
    display: inline-block;
    border-bottom: 2px solid transparent;
}
.bookstore-tabs-cp .bookstore-tabs-mlink.active > a {
    color: #0E62E8;
    border-color: #0E62E8;
}
.bookstore-myself {
    -webkit-align-items: center;
    align-items: center;
}
.bookstore-myself a {
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 14px;
    background: #0E62E8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    padding: 0 22px;
}
.bookstore-myself a:hover {
    background: #1756bb;
}
.bookstore-content {
    min-height: 400px;
    padding: 20px;
}
.bookstore-list {
    float: left;
    width: 216px;
    background: #ffffff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    opacity: 0;
    transition: all ease-in-out .2s;
    padding: 8px;
    margin-bottom: 20px;
}
.bookstore-list:hover .case-img-mask {
    display: flex;
}
.bookstore-top-mob {
    display: none;
    width: 100%;
    height: 36px;
    line-height: 36px;
    color: #666666;
    font-size: 14px;
    text-align: center;
    background: #ffffff;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.bookstore-top-mob > span {
    margin-right: 5px;
}
/* css控制手机版隐藏分类 */
.rookie-bd-ul > li[catid = "2458"],
.rookie-bd-ul > li[catid = "2879"] {
    display: none;
}
@media (max-width: 750px) {
    .bookstore-box {
        width: 100%;
        padding-top: 0;
    }
    .bookstore-content {
        padding: 10px;
    }
    .bookstore-list {
        width: 46%;
    }
    .bookstore-top {
        display: none;
        background: transparent;
        padding: 0 10px;
    }
    .bookstore-tabs-list > span {
        width: 100px;
    }
    .boosktore-tabs-td {
        width: 260px !important;
        white-space: nowrap;
        overflow: auto;
    }
    .bookstore-myself {
        display: none;
    }
    .bookstore-tabs a {
        padding: 0 12px;
        margin-right: 0;
    }
    .bookstore-top-mob {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }
}




/* 侧边二维码浮窗 */
.sideCode {
    display: none;
    position: fixed;
    top: 80px;
    right: 0;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 10px;
}
.sideCode img {
    width: 120px;
}
.sideCode p {
    color: #333333;
    font-size: 15px;
    text-align: center;
}
@media (max-width: 750px) {
    .sideCode {
        display: none;
    }
}

/* 侧边浮窗 */
.sidebar {
    position: fixed;
    top: 80px;
    right: 15px;
    z-index: 12;
}
.sidebar a {
    cursor: pointer;
    position: relative;
    width: 48px;
    height: 54px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
}
.sidebar a.WXbtn {
    background: #0E62E8;
    border: 1px solid #0E62E8;
}
.sidebar a i {
    width: 22px;
    height: 22px;
    background: url(../image/fkicon.png) no-repeat;
    margin-bottom: 4px;
}
.sidebar a.QQbtn i {
    background-position: 0 0;
}
.sidebar a.WXbtn i {
    background-position: 0 -32px;
}
.sidebar a.FKbtn i {
    background-position: 0 -64px;
}
.sidebar a.GoTop i {
    background-position: 0 -96px;
    margin: 0;
}
.sidebar a p {
    color: #666666;
    font-size: 14px;
    text-align: center;
}
.sidebar a.WXbtn p {
    color: #ffffff;
}
.WXbtn .sidewxcode {
    display: none;
    position: absolute;
    top: -60px;
    left: -250px;
    width: 240px;
    background: #ffffff;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .07);
}
.WXbtn:hover .sidewxcode {
    display: block;
}
.WXbtn .sidewxcode strong {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.WXbtn .sidewxcode img {
    display: block;
    width: 220px;
    margin: 0 auto;
}
@media (max-width: 750px) {
    .sidebar {
        display: none !important;
    }
    .WXbtn:hover .sidewxcode {
        display: none;
    }
    .sidebar a.QQbtn {
        display: none;
    }
}



/* 弹窗 */
.dialog {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
}
.dialog-mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}
.dialog-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.dialog-btn-close {
    position: absolute;
    top: 4px;
    right: -30px;
    width: 22px;
    height: 22px;
    background: url(../image/icon.png) no-repeat;
    background-position: 0 0;
}


/* 快速登录 */
.dialog-KSlogin {
    background: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 50px 30px 40px;
}
.getBox {
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-align-items: center;
    align-items: center;
}
.getBox span {
    position: relative;
    line-height: 20px;
    color: #0062E8;
    font-size: 12px;
    border: 1px solid #0062E8;
    padding: 0 10px;
    margin-right: 10px;
}
.getBox span:after {
    content: '';
    position: absolute;
    top: 5px;
    right: -6px;
    display: block;
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-top: 1px solid #0062E8;
    border-left: 1px solid #0062E8;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.getBox .btn-accounts {
    width: 30px;
    height: 30px;
    background: url(../image/icon.png) no-repeat;
    background-position: 0 -37px;
}
.wxlogin {
    border: 1px solid #e6e6e6;
}
.wxlogin .wxCode {
    position: relative;
   width: 300px;
   -webkit-justify-content: center;
   justify-content: center;
   padding: 16px 0;
}
.wxlogin .wxCode img {
    width: 188px;
    height: 188px;
}
.wxlogin .wxCode .wxCode-timeout {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 188px;
    height: 188px;
    line-height: 188px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.wxlogin p {
    height: 55px;
    line-height: 55px;
    background: url(../image/wx_icon.png) no-repeat 25px center;
    text-align: center;
    width: 200px;
    text-indent: 35px;
    margin: 0 auto;
}
.wxlogin span {
    display: block;
    color: #f00;
    font-size: 12px;
    text-align: center;
    margin-bottom: 15px;
}
.qqlogin {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    text-align: center;
    text-indent: 30px;
    background: url(../image/qq_icon.png) no-repeat 75px center #0062E8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: 0 0 10px 0 rgba(14, 98, 232, .5);
    margin-top: 25px;
}
@media (max-width: 750px) {
    .wxlogin span {
        display: none;
    }
}
/* 登录 */
.dialog-Acclogin {
    width: 400px;
    background: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 30px 40px;
}
.getBox .btn-KScode {
    width: 30px;
    height: 30px;
    background: url(../image/icon.png) no-repeat;
    background-position: 0 -82px;
}
.Acc-tab {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 14px;
}
.Acc-tab a {
    width: 50px;
    height: 30px;
    line-height: 30px;
    color: #666666;
    font-size: 16px;
    text-align: center;
    margin: 0 20px;
}
.Acc-tab a.on {
    font-size: 20px;
    color: #0062E8;
}
.Accform-input {
    line-height: 40px;
    border-bottom: 1px solid #999999;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 20px;
}
.Accform-input span {
    width: 65px;
    color: #999999;
    font-size: 16px;
    margin-right: 10px;
}
.Accform-input input {
    line-height: 50px;
    color: #333333;
    border: none;
    outline: none;
    background: transparent;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.Accform-input .yznum {
    cursor: pointer;
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    background: #0E62E8;
    margin-left: 10px;
}
.verify-wrap {
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin-top: 20px;
}
.verify-wrap .drag-progress {
    height: 35px;
    line-height: 35px;
}
.verify-wrap .drag-btn {
    width: 40px;
    height: 35px;
    line-height: 35px;
}
.verify-wrap .fix-tips, .verify-msg {
    line-height: 35px;
}
.Acclogin-box .btn-sumbit {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #ffffff; 
    text-align: center;
    background: #0E62E8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: 0 0 10px 0 rgba(14, 98, 232, .5);
    margin-top: 25px;
}
.Acclogin-box p {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 30px;
}
.Acclogin-box p a {
    cursor: pointer;
    color: #0E62E8;
}
@media (max-width: 750px) {
    .dialog-Acclogin {
        width: 80%;
        padding: 20px 30px;
    }
    .Accform-input input {
        max-width: 130px;
    }
    .Accform-input.AccCode input {
        max-width: 80px;
    }
}
/* 注册 */
.Accreg-box {
    display: none;
}
.Accreg-box .btn-sumbit {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #ffffff; 
    text-align: center;
    background: #0E62E8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: 0 0 10px 0 rgba(14, 98, 232, .5);
    margin-top: 25px;
}

/* 找回密码 */
.dialog-FindAcc {
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 40px;
}
.btn-goback {
    cursor: pointer;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 28px;
    height: 28px;
    background: url(../image/icon.png) no-repeat;
    background-position: 0 -127px;
}
.dialog-FindAcc h1 {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 20px;
}
.Accfind-box .btn-sumbit {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #ffffff; 
    text-align: center;
    background: #0E62E8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: 0 0 10px 0 rgba(14, 98, 232, .5);
    margin-top: 25px;
}

/* 反馈 */
.dialog-FKAcc {
    width: 600px;
    background: #ffffff;
    padding: 40px 30px;
}
.Accform-textarea textarea {
    width: 100%;
    border: 1px solid #DBDBDB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    resize: none;
    padding: 10px;
}
.Accform-file {
    margin-top: 10px;
}
.Accform-file label {
    width: 115px;
    height: 40px;
    color: #ffffff;
    font-size: 14px;
    background: #0E62E8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.Accform-file label i {
    width: 20px;
    height: 20px;
    background: url(../image/icon.png) no-repeat;
    background-position: 0 -170px;
    margin-right: 10px;
}
.Accform-input2 {
    margin-top: 10px;
}
.Accform-input2 input {
    width: 100%;
    line-height: 40px;
    border: 1px solid #DBDBDB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 0 10px;
}
.FKh3 {
    color: #0E62E8;
    font-size: 14px;
    font-weight: normal;
    margin-top: 15px;
}
.Accform-input3 {
    -webkit-align-items: center;
    align-items: center;
    margin-top: 10px;
}
.Accform-input3 span {
    width: 140px;
    color: #666666;
    font-size: 12px;
}
.Accform-input3 input {
    line-height: 30px;
    border: 1px solid #DBDBDB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 0 10px;
}
.AccFK-form .btn-sumbit {
    cursor: pointer;
    display: block;
    width: 170px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #0E62E8;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    margin: 40px auto 0;
}
@media (max-width: 750px) {
    .dialog-FKAcc {
        width: 80%;
        padding: 20px 15px;
    }
}



/* 帮助 */
.search {
    background: url(../image/search-bg.png) top center no-repeat;
    margin-top: 60px;
}
.search .row {
    height: 100px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.search-box {
    width: 550px;
    height: 50px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-align-items: center;
    align-items: center;
    padding-right: 20px;
}
.search-box input {
    color: #eeeeee;
    font-size: 14px;
    background: transparent;
    border: none;
    outline: none;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 15px 0px 15px 20px;
    margin-right: 20px;
}
.search-box input::-webkit-input-placeholder {
    color: #eee;
}
.search-box input::-ms-input-placeholder {
    color: #eee;
}
.search-box input::-moz-placeholder {
    color: #eee;
}
.search-box input::placeholder {
    color: #eee;
}
.search-box input::-webkit-calendar-picker-indicator{ 
    display: none; 
    -webkit-appearance: none; 
}
.search-box a {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: url(../image/icon.png) no-repeat;
    background-position: -45px -31px;
}
.ask-box {
    width: 1200px;
    padding: 20px 0;
    margin: 0 auto;
}
.ask-top {
    height: 70px;
    background: #ffffff;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 20px;
}
.ask-tabs a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #333333;
    padding: 0 18px;
    margin-right: 10px;
}
.ask-tabs a:hover {
    background: #f1f1f1;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.ask-tabs a.active {
    color: #ffffff;
    background: #0E62E8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.ask-myself {
    -webkit-align-items: center;
    align-items: center;
}
.ask-myself a.ask-tw-list {
    cursor: pointer;
    line-height: 20px;
    color: #333333;
    font-size: 14px;
    background: url(../image/icon.png) no-repeat;
    background-position: -90px 3px;
    padding-left: 22px;
    margin-right: 30px;
}
.ask-myself a.ask-tw-dia {
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 14px;
    background: #0E62E8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    padding: 0 22px;
}
.ask-myself a.ask-tw-dia:hover {
    background: #1756bb;
}
.ask-content {
    background: #ffffff;
    padding: 20px;
    margin-top: 10px;
}
.ask-list-box {
    min-height: 400px;
}
.ask-item {
    height: 40px;
    border-bottom: 1px solid #E4E4E4;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 20px;
}
.ask-item .ask-hf {
    width: 46px;
    line-height: 20px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    background: #888888;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    margin-right: 14px;
}
.ask-item .ask-hf.yhf {
    background: #0E62E8;
}
.ask-item .ask-link {
    max-width: 660px;
    color: #666666;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.ask-item .ask-link:hover {
    cursor: pointer;
    color: #0E62E8;
}
.ask-item .ask-user {
    width: 200px;
    color: #666666;
    font-size: 14px;
    overflow: hidden;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
}
.ask-item .ask-user img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 5px;
}
.ask-item .ask-time {
    width: 160px;
    line-height: 20px;
    font-size: 14px;
    background: url(../image/icon.png) no-repeat;
    background-position: -90px -25px;
    padding-left: 18px;
}
@media (max-width: 750px) {
    .search {
        margin-top: 50px;
    }
    .search .row {
        height: 70px;
        padding: 0 10px;
    }
    .search-box {
        width: 100%;
    }
    .ask-box {
        width: 100%;
        padding: 20px 10px;
    }
    .ask-top {
        padding: 0 10px;
    }
    .ask-tabs {
        white-space: nowrap;
        overflow: auto;
    }
    .ask-myself {
        display: none;
    }
    .ask-content {
        padding: 10px;
    }
    .ask-item {
        padding: 0 10px;
    }
    .ask-item .ask-link {
        width: 240px;
        max-width: 240px;
    }
    .ask-item .ask-user {
        display: none;
    }
    .ask-item .ask-time {
        display: none;
    }
}
/* 帮助详情页 */
.ask-detail {
    line-height: 1.4;
    margin: 30px;
}
.ask-detail-title {
    color: #333333;
    font-size: 32px;
    margin: 0;
}
.ask-detail-question {
    min-height: 80px;
    border: #DDD dashed 1px;
    padding: 20px;
    margin-top: 20px;
}
.ask-detail-quser-box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.ask-detail-quser {
    font-size: 14px;
    -webkit-align-items: center;
    align-items: center;
}
.ask-detail-quser img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 10px;
}
.ask-detail-quser b {
    color: #c1c1c1;
    margin-left: 10px;
}
.ask-detail-time {
    color: #cbcbcb;
    font-size: 12px;
}
.ask-detail-nr {
    color: #666666;
    font-size: 14px;
    margin-top: 20px;
}
.ask-detail-hf {
    min-height: 100px;
    background: #fcfcfc;
    border: 1px dashed #dddddd;
    border: #DDD dashed 1px;
    padding: 20px;
    margin-top: 30px;
}
.ask-detail-huser {
    font-size: 14px;
    -webkit-align-items: center;
    align-items: center;
}
.ask-detail-huser span {
    color: #ff8040;
    font-weight: bold;
}
.ask-detail-huser b {
    color: #c1c1c1;
    margin-left: 10px;
}
/* 提问页面 */
.helppage {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.helppage-left {
    width: 742px;
}
.help-input {
    -webkit-align-items: center;
    align-items: center;
}
.help-input > span,
.help-input .help-info {
    padding: 10px;
}
.help-input .help-info {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.help-input .help-info input {
    display: block;
    width: 100%;
    height: 34px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    padding: 6px 12px;
}
.help-button {
    padding: 10px;
    margin-top: 20px;
}
.help-button button {
    cursor: pointer;
    width: 100%;
    height: 40px;
    color: #ffffff;
    background: #0E62E8;
    border: 0;
}
.helppage-right {
    width: 380px;
    border-left: 1px solid #E4E4E4;
    padding-left: 20px;
}
.helppage-right h3 {
    position: relative;
    font-size: 14px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.helppage-right h3 a {
    color: #666666;
    padding-right: 20px;
}
.helppage-right h3 a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 14px;
    background: url(../image/icon.png) no-repeat;
    background-position: -90px -56px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.helppage-right h3 a:hover {
    color: #0E62E8;
}
.helppage-right h3 a:hover:after {
    background-position: -90px -70px;
}
.helppage-wt {
    margin-top: 20px;
}
.helppage-wt a {
    display: block;
    line-height: 30px;
    color: #666666;
    font-size: 14px;
    border-bottom: 1px dotted #E4E4E4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.helppage-wt a:hover {
    color: #0E62E8;
}


/* 关于页面 */
.about-banner {
    height: 280px;
    background: url(../image/banner-about.jpg) top center no-repeat;
    margin-top: 60px;
}
.about-box {
    width: 1200px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin: 10px auto;
}
.about-tabs {
    width: 180px;
    background: #ffffff;
    padding: 20px 0;
}
.about-tabs h3 {
    line-height: 60px;
    color: #333333;
    font-size: 20px;
    padding-left: 45px;
}
.about-tabs a {
    display: block;
    line-height: 40px;
    color: #888888;
    font-size: 14px;
    padding-left: 45px;
}
.about-tabs a.active,
.about-tabs a.active:hover {
    color: #ffffff;
    background: #0E62E8;
}
.about-tabs a:hover {
    color: #0E62E8;
}
.about-detail {
    width: 1000px;
    background: #ffffff;
    padding: 20px;
}
.crumbs {
    color: #666666;
    font-size: 14px;
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: 20px;
}
.crumbs a {
    cursor: pointer;
    color: #0E62E8;
}
.about-detail-info {
    color: #333333;
    line-height: 1.2;
    padding: 30px 0;
}
.about-detail-info h1 {
    font-size: 36px;
    color: #0E62E8;
    padding: 20px 0;
}
.about-detail-info p {
    line-height: 1.6;
}
.about-detail-info strong {
    font-weight: bold;
}
@media (max-width: 750px) {
    .about-banner {
        height: 120px;
        background-position: center;
        margin-top: 50px;
    }
    .about-box {
        width: 100%;
        padding: 0 10px;
    }
    .about-tabs {
        display: none;
    }
    .crumbs {
        display: none;
    }
    .about-detail-info {
        padding: 0;
    }
    .about-detail-info h1 {
        padding-top: 0;
    }
}


/* 个人主页 */
.banner-mypage {
    height: 100px;
    background: url(../image/mypagebg.jpg) no-repeat;
    background-size: 100% 250px;
    background-position: top center;
    margin-top: 50px;
}
.mypage-txbox {
    position: relative;
    background: #ffffff;
    padding: 80px 0 20px;
}
.mypage-tx {
    position: absolute;
    top: -64px;
    left: 50%;
    width: 128px;
    height: 128px;
    background: transparent;
    background-size: 100% 100%;
    background-color: #ffffff;
    border: 4px solid #eeeeee;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.mypage-tx img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.mypage-tx-info {
    /* padding-top: 74px; */
}
.mypage-tx-info .mypage-tx-company {
    color: #333333;
    font-size: 26px;
    text-align: center;
}
.mypage-tx-info .mypage-tx-adress {
    display: block;
    text-align: center;
    margin-top: 14px;
}
.mypage-tx-info .mypage-tx-adress a {
    position: relative;
    color: #999999;
    padding-left: 18px;
}
.mypage-tx-info .mypage-tx-adress a:before {
    content: '';
    position: absolute;
    left: 0;
    width: 12px;
    height: 16px;
    background: url(../image/mypage-adress.png) no-repeat;
}
.mypage-tx-info .mypage-tx-contact {
    display: block;
    text-align: center;
    margin-top: 10px
}
.mypage-tx-info .mypage-tx-contact a {
    position: relative;
    color: #999999;
    padding-left: 16px;
}
.mypage-tx-info .mypage-tx-contact a:before {
    content: '';
    position: absolute;
    left: 0;
    width: 12px;
    height: 16px;
    background: url(../image/mypage-contact.png) .5px no-repeat;
}
.mypage-tx-nav {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 30px;
}
.mypage-tx-nav a {
    position: relative;
    height: 56px;
    line-height: 56px;
    color: #333333;
    font-size: 16px;
    text-align: center;
    margin: 0 30px;
}
.mypage-tx-nav a:hover,
.mypage-tx-nav a.active {
    color: #0E62E8;
}
.mypage-tx-nav a.active:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0E62E8;
}
.mypage-book {
    width: 1200px;
    min-height: 80vh;
    margin: 20px auto;
}
@media (max-width: 750px) {
    .mypage-tx {
        width: 100px;
        height: 100px;
    }
    .banner-mypage {
        height: 80px;
    }
    .mypage-book {
        width: 94%;
    }
    .mypage-txbox {
        padding: 45px 0 20px;
    }
    .mypage-tx-info .mypage-tx-company {
        font-size: 20px;
    }
    .mypage-tx-info .mypage-tx-adress {
        margin-top: 10px;
    }
    .mypage-tx-info .mypage-tx-adress a {
        display: inline-block;
        max-width: 300px;
        line-height: 16px;
        font-size: 14px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .mypage-tx-info .mypage-tx-contact {
        margin-top: 5px;
    }
    .mypage-tx-info .mypage-tx-contact a {
        display: inline-block;
        line-height: 16px;
        font-size: 14px;
    }
}
/* 个人主页-资料 */
.mypage-info {
    width: 800px;
    min-height: 400px;
    background: #ffffff;
    padding: 20px;
    margin: 20px auto;
}
.mypage-info h3 {
    color: #333333;
    font-size: 16px;
    margin-top: 40px;
}
.mypage-info h3:first {
    margin-top: 0;
}
.mypage-info-detail {
    margin-top: 30px;
}
.mypage-info-detail p {
    line-height: 1.2;
    font-size: 14px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.mypage-info-detail p label {
    width: 100px;
    color: #999999;
    text-align: right;
    white-space: nowrap;
    padding: 12px 10px;
}
.mypage-info-detail p span {
    width: 660px;
    color: #333333;
    padding: 12px 10px;
}
@media (max-width: 750px) {
    .mypage-info {
        width: 94%;
        padding: 10px;
    }
    .mypage-info h3 {
        margin-top: 20px;
    }
    .mypage-info-detail {
        margin-top: 15px;
    }
    .mypage-info-detail p {
        line-height: 1.4;
    }
    .mypage-info-detail p span {
        width: 200px;
    }
}


/* 个人设置 */
.banner-user {
    height: 280px;
    background: url(../image/banner-user.jpg) no-repeat;
    background-size: 100% 280px;
    background-position: top center;
    margin-top: 60px;
}
.user-box {
    width: 1200px;
    min-height: 580px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin: 80px auto;
}
.user-tabs {
    width: 180px;
    background: #ffffff;
    padding: 20px 0;
}
.user-tabs h3 {
    line-height: 60px;
    color: #333333;
    font-size: 20px;
    background: url(../image/icon-user.png) no-repeat;
    padding-left: 45px;
}
.user-tabs h3.user-icon1 {
    background-position: 16px 5px;
}
.user-tabs h3.user-icon2 {
    background-position: 16px -45px;
}
.user-tabs h3.user-icon3 {
    background-position: 16px -95px;
}
.user-tabs a {
    display: block;
    line-height: 40px;
    color: #888888;
    font-size: 14px;
    padding-left: 45px;
}
.user-tabs a.active,
.user-tabs a.active:hover {
    color: #ffffff;
    background: #0E62E8;
}
.user-tabs a:hover {
    color: #0E62E8;
}
.user-detail {
    width: 1000px;
    background: #ffffff;
    padding: 20px;
}
.user-detail-info {
    color: #333333;
    line-height: 1.2;
    padding: 20px 0;
}
.user-detail-info h3 {
    color: #0E62E8;
    font-size: 30px;
    margin-bottom: 14px;
}
.user-detail-info p {
    color: #555555;
    line-height: 1.6;
    margin-right: 10px;
}
table {
    width: 100%;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}
table th,
table td {
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
table th {
    height: 40px;
    font-size: 14px;
    text-align: center;
}
table td {
    height: 50px;
    font-size: 12px;
    text-align: center;
}
table td.t-id {
    width: 70px;
}
table td.t-title {
    text-align: left;
    overflow: hidden;
    padding: 0 18px;
}
table td.t-title a {
    color: #333333;
    font-size: 14px;
}
table td.t-title a:hover {
    color: #0E62E8;
}
table td.t-state {
    width: 72px;
}
table td.t-state.state-on {
    color: #0E62E8;
}
table td.t-state.state-off {
    color: #FC6510;
}
table td.t-time {
    width: 150px;
}
table td.t-operate {
    width: 260px;
}
.t-operate a {
    cursor: pointer;
    display: inline-block;
    width: 70px;
    height: 28px;
    line-height: 28px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    margin: 0 2px;
}
.t-operate a.t-btn-edit {
    color: #ffffff;
    background: #0E62E8;
}
.t-operate a.t-btn-share {
    color: #ffffff;
    background: #2284A7;
}
.t-operate a.t-btn-delete {
    color: #ffffff;
    background: #FC6510;
}
@media (max-width: 750px) {
    .banner-user {
        height: 100px;
        background-size: auto 100%;
        background-position: center;
        margin-top: 50px;
    }
    .user-box {
        width: 100%;
        min-height: 500px;
        padding: 0 10px 
    }
    .user-tabs {
        display: none;
    }
    .user-detail {
        width: 100%;
    }
    .user-detail-info {
        padding: 0;
    }
    .msg-list .msg-type {
        white-space: nowrap;
    }
    .msg-list .msg-date {
        display: none;
    }
}

/* 系统消息 */
.msg-list {
    height: 50px;
    color: #333333;
    font-size: 14px;
    border-bottom: 1px solid #EBEBEB;
    -webkit-align-items: center;
    align-items: center;
}
.msg-list .msg-type {
    width: 100px;
    padding: 0 15px;
}
.msg-list .msg-type.type-off {
    color: #FC6510;
}
.msg-list .msg-title {
    width: 680px;
    color: #333333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 15px;
}
.msg-list .msg-date {
    width: 180px;
    padding: 0 15px;
}

/* 个人设置 */
.cd-form {
    padding-left: 40px;
}
.cd-form h1 {
    color: #333333;
    font-size: 14px;
    margin-bottom: 40px;
}
.form-list-title {
    display: inline-block;
    line-height: 2;
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #666666;
    padding: 0 5px;
    margin-top: 10px;
}
.form-list {
    -webkit-align-items: center;
    align-items: center;
    margin: 20px 0;
}
.form-list h4 {
    position: relative;
    width: 90px;
    color: #666666;
    font-size: 14px;
    padding-left: 8px;
    margin: 0;
}
.form-list h4.bx:before {
    content: '*';
    position: absolute;
    top: 0;
    left: 0px;
    color: #FF2525;
}
.form-list .form-tx {
    width: 100px;
    height: 100px;
    border: 1px solid #cfd9db;
    border-radius: .25em;
    -webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    -ms-border-radius: .25em;
    -o-border-radius: .25em;
    overflow: hidden;
}
.form-list .form-change-tx {
    margin-left: 20px;
}
.form-list .form-change-tx label {
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 6px 12px;
}
.form-list .form-change-tx label:hover {
    background: #eeeeee;
}
.form-list span {
    font-size: 14px;
}
.form-list input[type="text"] {
    width: 300px;
    height: 36px;
    font-size: 12px;
    padding: 0 14px;
}
.form-list select {
    height: 36px;
    padding: 0 35px 0 25px;
	width: auto;
    display: inline-block;
}
.form-list button {
    cursor: pointer;
    width: 120px;
    height: 40px;
    background: #ffffff;
    border: 1px solid #dddddd;
    outline: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    margin: 0 5px;
}
.form-list button:hover {
    background: #eeeeee;
}
.form-list button.submit {
    color: #ffffff;
    background: #0E62E8;
    border: 1px solid #0E62E8;
}
.form-list button.submit:hover {
    background: #156af3;
}
@media (max-width: 750px) {
    .user-detail {
        padding: 10px;
    }
    .cd-form {
        padding: 0;
    }
    .cd-form .cd-form-list {
        margin: 8px;
    }
    .form-list {
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .form-list h4 {
        width: 80px;
        margin-top: 10px;
    }
    .form-list .form-change-tx {
        margin-left: 10px;
    }
    .form-list input[type="text"] {
        width: 150px;
    }
    .form-list span#load_area_1 {
        max-width: 220px;
    }
    .form-list select {
        padding: 0 35px 0 15px;
    }
}





/* 分页 */
.paging {
    font-size: 12px;
    font-family: tahoma, helvetica, sans-serif;
    text-align: center;
    padding: 3px;
    margin-top: 40px;
}
.paging span.disabled {
    display: none;
}
.paging span.current {
    color: #333333;
    font-weight: bold;
    padding: 2px 6px;
    margin: 0 3px 0 0;
}
.paging a {
    color: #0E62E8;
    text-decoration: none;
    background-position: 50% bottom;
    border: #ccdbe4 1px solid;
    padding: 2px 8px;
    margin: 0 3px 0 0;
}
.paging a:hover,
.paging a:active {
    color:#fff;
    background-image: none;
    background-color:#0E62E8;
    border:#0E62E8 1px solid;
}

/* 分享弹窗 */
.share-dia {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.share-mask {
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    opacity: 0.3;
}
.share-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 580px;
    height: 400px;
    background: #ffffff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}
.share-close {
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: -30px;
    width: 22px;
    height: 22px;
    background: url(../image/icon.png) no-repeat;
    background-position: 0 0;
}
.share-head {
    height: 100px;
    color: #ffffff;
    background: url(../image/fxbg.jpg) no-repeat;
    background-size: 100%;
    padding: 20px;
}
.share-head h2 {
    line-height: 1.2;
    font-size: 28px;
}
.share-head h3 {
    line-height: 1.2;
    font-size: 14px;
    margin: 10px 0;
}
.share-form {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 40px 40px 0;
}
.share-form-left {
    width: 272px;
    border-right: 1px solid #D0D0D0;
}
.share-form-btnbox {
    width: 194px;
    flex-wrap: wrap;
    margin: 0 auto;
}
.share-form-btnbox a {
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 13px 13px 0;
}
.share-form-btnbox a i {
    width: 30px;
    height: 30px;
    color: #ffffff;
    font-size: 28px;
    background: url(../image/icon-share.png) no-repeat;
}
.share-form-btnbox .fx-qq {
    background: #64D5FC
}
.share-form-btnbox .fx-qq:hover {
    background: #51CBF8
}
.share-form-btnbox .fx-qq i {
    background-position: 0 0;
}
.share-form-btnbox .fx-kj {
    background: #F7AE32
}
.share-form-btnbox .fx-kj:hover {
    background: #F09E30
}
.share-form-btnbox .fx-kj i {
    background-position: -40px 0;
}
.share-form-btnbox .fx-wb {
    background: #EB452F
}
.share-form-btnbox .fx-wb:hover {
    background: #E3422D
}
.share-form-btnbox .fx-wb i {
    background-position: 0 -40px;
}
.share-form-btnbox .fx-tb {
    background: #268FFA
}
.share-form-btnbox .fx-tb:hover {
    background: #0F83F7
}
.share-form-btnbox .fx-tb i {
    background-position: -40px -40px;
}
.share-form-btnbox .fx-db {
    background: #499A19
}
.share-form-btnbox .fx-db:hover {
    background: #408919
}
.share-form-btnbox .fx-db i {
    background-position: 0 -80px;
}
.share-form-btnbox .fx-ly {
    background: #207CC6
}
.share-form-btnbox .fx-ly:hover {
    background: #086CBC
}
.share-form-fzkbox {
    font-size: 14px;
    margin-top: 20px;
}
.share-form-fzkbox .ljfz {
    margin-bottom: 10px;
}
.share-form-fzkbox input {
    width: 121px;
    height: 30px;
    color: #808080;
    background: #ffffff;
    border: 1px solid #E2E2E2;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    outline: none;
    padding: 0 5px 0 20px;
}
.share-form-fzkbox button {
    cursor: pointer;
    width: 121px;
    height: 30px;
    color: #808080;
    background: #fff;
    border: 1px solid #E2E2E2;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-left: none;
    outline: none;
}
.share-form-fzkbox input:hover {
    border: 1px solid #0E62E8
}
.share-form-fzkbox button:hover {
    color: #fff;
    background: #0E62E8;
    border: 1px solid #0E62E8;
}
.share-form-right {
    width: 180px;
    text-align: center;
}
.share-form-right img {
    width: 100%;
}
.share-form-right span {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    background: url(../image/saoyisao.png) left center no-repeat;
    padding-left: 30px;
}
.wait_sms{
	background:#ccc !important;
}

/* 分页 */
.pages {
    color: #333;
    font-size: 14px;
    text-align: center;
    padding-bottom: 12px;
    margin-top: 20px;
}
.pages a,
.pages strong {
    color: #0e90d2;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 10px 12px;
}
.pages a:hover {
    background: #eeeeee;
}
.pages strong {
    color: #ffffff;
    background: #0e90d2;
}
.pages .pages_inp {
    display: none;
}
.pages .pages_btn {
    display: none;
}

/* 手机版分享 */
.share-mob {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.share-mob-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 22px;
    height: 22px;
    background: url(../image/icon.png) no-repeat;
    background-position: 0 0;
    z-index: 9;
}
.share-mob-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 84px;
    background: #3F3F4B;
}
.share-mob-img-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.share-mob-img-box img {
    display: block;
    width: 100%;
}
.share-mob-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 84px;
    background: #fff;
    white-space: nowrap;
    overflow-x: auto;
}
.share-mob-tabs-item {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 55px;
    height: 55px;
    background: #3F3F4B;
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    margin-top: 14.5px;
    margin-left: 20px;
}
.share-mob-tabs-item.active:after {
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 17px;
    height: 17px;
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABL0lEQVQ4T4WSzXWCUBCFv4FzkmUswVSgHCyADjQVJC4DG0tIB64kS00FwQ5SgByxA0uQAmBy3hMUf5C3g/e+mblzr3B9FukHomNUAoQeygHRPyAhHP00n8vp43vbpyx+ERneFKx/qGY47huf3t78OsIWLLe2U9cxkziOZwoc4TjNgEEXd7o3E0QjT7AaWXaDmqNugBQzkHeUqbDYJIiMH8MVGHkZcToD5qiuhXhzAHmxsOoakf6lhAbYnFI5CHGqVdc9of/KfNvjuTTWDKAFrICrzqyI/Kkt8FSswP3CjHp3L5rfataqQL2EtoVazfcu6wKPnLDbbvXZRFKCFhd2hP7wnDAtstPWH/qmOeIOzwmrI6pl0pG0HeJMLrPd7GR0ohOE4DiJsQsjISHyV82n/4LnkbvWOuDtAAAAAElFTkSuQmCC);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.share-mob-tabs-item:last-child {
    margin-right: 20px;
}
.share-mob-tabs-item img {
    display: block;
    width: 100%;
}

/* toast */
.toast-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
}
.toast-main {
    position: fixed;
    top: 180px;
    left: 50%;
    width: 7.6em;
    min-height: 7.6em;
    color: #fff;
    text-align: center;
    background: hsla(0,0%,7%,.7);
    border-radius: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    margin-left: 0;
    z-index: 5001;
}
.toast-icon-load {
    display: inline-block;
    width: 38px;
    height: 38px;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
    background-size: 100%;
    vertical-align: baseline;
    -webkit-animation: weuiLoading 1s steps(12) infinite;
    animation: weuiLoading 1s steps(12) infinite;
    margin: 30px 0 0;
}
.toast-msg {
    font-size: 14px;
    margin-top: 0;
}
@keyframes weuiLoading {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        -webkit-transform: rotate(1turn);
    }
}
@-webkit-keyframes weuiLoading {
    0% {
        transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
    }
    to {
        transform:rotate(1turn);
        -moz-transform:rotate(1turn);
        -ms-transform:rotate(1turn);
        -o-transform:rotate(1turn);
        -webkit-transform:rotate(1turn);
    }
}

/* PC-tips */
.PC-tips {
    position: relative;
    height: 400px;
    text-align: center;
    padding-top: 50px;
    margin-top: 50px;
}
.PC-tips-logo {
    display: none;
    position: absolute;
    top: -30px;
    left: 10px;
}
.PC-tips-logo img {
    height: 36px;
}
.PC-tips h3 {
    color: #191919;
    font-size: 17px;
    margin-top: 25px;
}
.PC-tips p {
    font-size: 14px;
    margin-top: 15px;
}

@media (max-width: 750px) {
    .geetest_holder.geetest_wind {
        min-width: 100% !important;
    }
}

#newBridge {
    display: none !important;
}

/* 手机版分类new */
.venus-box {
    display: none;
    height: 47px;
}
@media (max-width: 750px) {
    .venus-box {
        display: block;
    }
}

.venus-menu{
    display: none;
    width:100%;
    margin:0;
    padding:0;
    font-family:'Open Sans', sans-serif;
    list-style:none;
    z-index: 99;
    transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
}
.venus-menu.venus-show {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 46px;
}
.venus-menu.venus-show .venus-content {
    position: absolute;
    top: 47px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.venus-menu.venus-show .venus-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: -1;
}
@media (max-width: 750px) {
    .venus-menu {
        display: block;
    }
}
.venus-menu li{
	display:inline-block;
	margin:0;
	padding:0;
	line-height:20px;
	background:#fff;
	position:relative;
}
.venus-menu > li > a{
	padding:18px 24px;
	font-size:16px;
	color:#777;
	text-decoration:none;
	display:block;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}
.venus-menu li:hover > a {
	color: #0E62E8;
}
.venus-menu li.active > a{
	background:#0E62E8;
	color:#fff;
}
.venus-menu > li.active > .indicator{
	color:#fff !important;
}
.venus-menu > li > a i{
	color:#bababa;
}
.venus-menu > li:hover > a i, .venus-menu li.active a i{
	color:#fff;
}
.venus-menu ul, .venus-menu ul li ul{
	list-style:none;
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	z-index:99;
	width:140px;
}
.venus-menu ul{
	top:56px;
	left:0;
	padding-top:10px;
}
.venus-menu > li > ul > li:first-child a:before{
	content:'';
	position:absolute;
	bottom:48px;
	left:45%;
	margin-left:-48px;
	width:0;
	height:0;
	border-left:8px solid rgba(255, 255, 255, 0);
	border-right:8px solid rgba(255, 255, 255, 0);
	border-bottom:8px solid #0E62E8;
}
.venus-menu > li > ul > li ul li:first-child a:before{
	content:'';
	position:absolute;
	bottom:16px;
	left:45%;
	margin-left:-71px;
	width:0;
	height:0;
	border-top:8px solid rgba(255, 255, 255, 0);
	border-right:8px solid #0E62E8;
	border-bottom:8px solid rgba(255, 255, 255, 0);
}
.venus-menu ul li ul{
	top:0;
	left:100%;
	padding-left:10px;
}
.venus-menu ul li{
	clear:both;
	width:100%;
	border:none;
}
.venus-menu ul li a{
	padding:14px 20px;
	width:100%;
	color:#777777;
	font-size:14px;
	text-decoration:none;
	display:inline-block;
	float:left;
	clear:both;
	background: #eeeeee;;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition:background 0.2s linear;
	-moz-transition:background 0.2s linear;
	-o-transition:background 0.2s linear;
	transition:background 0.2s linear;
}
.venus-menu ul li.vactive > a {
    color: #fff;
    background: #2b5392;
}
.venus-menu > li > ul > li:first-child:hover a:before{
	border-bottom-color:#7bc27a;
}
.venus-menu > li > ul > li ul li:first-child:hover a:before{
	border-right-color:#7bc27a;
}
.venus-menu > li .indicator{
	position:absolute;
	color:#bababa;
	top:19px;
	right:8px;
	font-size:20px;
	-webkit-transition:color 0.2s linear;
	-moz-transition:color 0.2s linear;
	-o-transition:color 0.2s linear;
	transition:color 0.2s linear;
}
.venus-menu li:hover > .indicator{
	color:#0E62E8;
}
.venus-menu li.vactive > .indicator{
	color:#fff;
}
.venus-menu ul > li .indicator{
	top:14px;
	right:8px;
	color:#777777;
}
.venus-menu i{
	line-height:20px !important;
	margin-right:6px;
	font-size:20px;
	float:left;
}
.venus-menu > li.showhide{
	display:none;
	width:100%;
	height:46px;
	cursor:pointer;
	color:#777;
	border-bottom:solid 1px rgba(0, 0, 0, 0.1);
	background:#fff;
}
.venus-menu.venus-show > li.showhide{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
}
.venus-menu > li.showhide span.title{
	margin:13px 0 0 0px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.venus-menu > li.showhide span.title > span {
    margin-right: 5px;
}
.venus-menu > li.showhide span.icon{
    margin:16px 20px;
}
.venus-menu > li.showhide .icon em{
	margin-bottom:3px;
	display:block;
	width:20px;
	height:2px;
	background:#ccc;
}
.venus-menu li.search{
	float:right;
}
.venus-menu li.search form{
	margin:13px 20px 0 0;
}
.venus-menu li.search form input.search{
	height:26px;
	float:right;
	padding-left:5px;
	padding-right:5px;
	color:#777;
	outline:none;
	border:solid 1px #dedede;
	-o-transition:border .3s linear;
	-moz-transition:border .3s linear;
	-webkit-transition:border .3s linear;
	transition:border .3s linear;
}
.venus-menu li.search form input.search:focus{
	border-color:#8ECB8D;
}
.zoom-out{
	-webkit-animation:zoomOut 600ms ease both;
	-moz-animation:zoomOut 600ms ease both;
	-o-animation:zoomOut 600ms ease both;
	animation:zoomOut 600ms ease both;
}

@-webkit-keyframes zoomOut{
	0%{
		-webkit-transform:scale(.6);
	}
	100%{
		-webkit-transform:scale(1);
	}
}
@-moz-keyframes zoomOut{
	0%{
		-moz-transform:scale(.6);
	}
	100%{
		-moz-transform:scale(1);
	}
}
@-o-keyframes zoomOut{
	0%{
		-o-transform:scale(.6);
	}
	100%{
		-o-transform:scale(1);
	}
}
@keyframes zoomOut{
	0%{
		transform:scale(.6);
	}
	100%{
		transform:scale(1);
	}
}

@media only screen and (max-width:768px){
	.venus-menu li{
		display:block;
		width:100%;
	}
	.venus-menu > li > a{
		padding:13px 0 14px 20px;
	}
	.venus-menu > li.brand{
		display:none !important;
	}
	.venus-menu a{
        width:100%;
        border-bottom: 1px solid #ddd;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu ul, .venus-menu ul li ul{
		width:100%;
		padding:0;
		left:0;
		border:none;
		position:static;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu > li > ul > li:first-child a:before, .venus-menu > li > ul > li ul li:first-child a:before{
		border:none;
	}
	.venus-menu ul li{
		border-left:none;
		border-right:none;
	}
	.venus-menu ul li a{
		padding-top:10px;
		padding-bottom:10px;
	}
	.venus-menu ul > li > a{
		padding-left:40px !important;
	}
	.venus-menu > li .indicator{
		top:14px;
		right:20px;
		font-size:20px;
	}
	.venus-menu ul > li .indicator{
		top:10px;
		right:20px;
	}
	.venus-menu li.search form{
		margin:12px 18px 0 18px;
	}
	.venus-menu li.search form input.search{
		width:100%;
		margin-bottom:12px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu > li > ul > li > a{
		padding-left:40px !important;
	}
	.venus-menu > li > ul > li > ul > li > a{
		padding-left:60px !important;
	}
	.venus-menu > li > ul > li > ul > li > ul > li > a{
		padding-left:80px !important;
	}
}


/* 收藏夹 */
.pop_collect_area {
    display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .2);
	z-index: 9999;
}
.pop_collect_box {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	max-width: 400px;
	height: 65%;
	background: rgb(68, 68, 68);
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.pop_collect_close {
    position: absolute;
    top: -30px;
    left: auto;
    right: 0px;
    cursor: pointer;
    background-image: url(../image/clb.png);
    width: 30px;
    height: 30px;
    background-position: -3px -3px;
    z-index: 9998;
}
.pop_collect_list {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow: auto;
	padding: 0 20px;
}
.pop_collect_item {
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
	color: #cccccc;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
	align-items: center;
	-webkit-align-items: center;
	padding: 20px 0;
}
.pop_collect_item:hover {
	text-decoration: none;
}
.pop_collect_thumb {
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    background-size: 100% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 10px;
}
.pop_collect_info {
    flex: 1;
    line-height: 1.5;
}
.pop_collect_title {
	display:-webkit-box;
    font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 6px;
}
.pop_collect_user,
.pop_collect_time {
	display:-webkit-box;
    color: #aaaaaa;
    font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
/* 收藏夹按钮 */
.collect_btn {
    cursor: pointer;
	position: fixed;
	right: 30px;
    bottom: 70px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 50px;
	height: 50px;
	color: #ffffff;
    font-size: 12px;
    background: #888888;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	z-index: 999;
}
.collect_btn.is_collect {
	background: #0E62E8;
}
.collect_btn .collect_icon {
	width: 20px;
	height: 20px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAEG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjIwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMjAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMjAiCiAgIHRpZmY6SW1hZ2VMZW5ndGg9IjIwIgogICB0aWZmOlJlc29sdXRpb25Vbml0PSIyIgogICB0aWZmOlhSZXNvbHV0aW9uPSI3Mi4wIgogICB0aWZmOllSZXNvbHV0aW9uPSI3Mi4wIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wOS0yN1QxODowNjoyMyswODowMCIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wOS0yN1QxODowNjoyMyswODowMCI+CiAgIDx4bXBNTTpIaXN0b3J5PgogICAgPHJkZjpTZXE+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBEZXNpZ25lciAxLjcuMSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMS0wOS0yN1QxODowNjoyMyswODowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+hKUTmAAAATZpQ0NQUEFML1NFQ0FNAAAokWNgYLLJSc4tZhJgYMjNKykKcndSiIiMUmC/wMDBwM0gzGDGIJSYXFzgG+wWwgAEefl5qQwY4Ns1BkYQfVkXZBamPF7AlVxQVAKk/wCxUUpqcTIDA6MBkF1RXlIAFGdcAWSLJGWD2XtA7KKQIGcg+wKQzZcOYT8AsZMg7A8gdhHQEwwMTCDzRdIhbBGwORC2BohdkloBspfBOb+gsigzPaNEwcjAwEDBMSU/KVUhuLK4JDW3WMEzLzm/qCC/KLEkNQWoFuI+iLsDHH30g12dHX3hPmEIYHBk8GHQZwhmcGVwBrLhUpQCUJxAWJ8DwWHNKHYGIYYAyaVFZVAmI5MxYT7CjJJuBgbrcgYG5h0IsThpBoatJgwMUjcRYirAuOEPZWDYMgcA7VBR4SNuNa8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAGkSURBVDiNrZQ7a5RREIafWVxIQEHFJF6CsrIY8JI2hY2QRrHZQiL4D8TGlIKFhVWaYJE2paAoBLWwMGhhYxEUbVJ5W6KBoCgWCeTyWOwQPpc1u5tkqsM78z1zznu+M7DLEe0K1BJwEtgA6hGxuqOO6g21rr5Xr+4UNqr+UK+rN9UF9fB2YUPqC/WeGmqf+lj9oJ7oBnRAvaw+UB+q/YXcsPpVnVEvqvu2AlXVu+o7dVG9r55To1AT6gV1Xl1KX++op4p1qOPqH3VOvdXOJ7VHvZQWfFd/qteKBdPqy+0Ynqd4o04AlFKfAqrAaP533cQZYC/wpNgl1NvZqdrF7o6ml5NquTl5RJ3NZCcvaL/6TH2rVloVlNQx9bPa2wGwlpdRK+qbfkXEBjAPLANtgcBBoAy8bgnMWKUxBDoBlmkMl+WiuKcFcB3ogc1J0wccT/1jRPxqAq5sBVzLHZ5WzwMjwBAwmPondQ54RePIaxGxXgT8c5vqAPAUOEvDjt/Ac+BRrmvAFeBQfrsYEZX/AhN6DKgAdeBbq4GaL2oQ+BIRS835XY2/hjZaCXa6A7EAAAAASUVORK5CYII=);
	background-position: 50%;
	background-repeat: no-repeat;
    margin-bottom: 4px;
}
.collect_btn.is_collect .collect_icon {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABCUlEQVQ4T+3U4TXEQBTF8fuvgBJ0YFVgO6ADVGBLoAJUgA7ogApQASVQwXVuzmRPNjvZiPXRfMvJ5Jf35r036I8XP/FsH2cf8DC2fxS0fSrptkBnwN0mdCNoeybppQccAK9D6CBoe7dge72PPyQF/ayhVbBEljQTYW0lwqS/FukSLMiJpBSgH9VQhok2hbpv8Qa0fS3pfKyCI+9vgEUL5i9HW4LPwLwFk2LOY2cLtKl+9wwXkq5+CV4CF03zdwHbT5IOJ6JvwLIb+mBSf58IrjT6Wh/a9hQQWDH+wWZqupV+lJTn9h7MWOY62y/n/AXkElmu2hlmwwwIVF3lJppnGIDM8zA4pcK1vd8+U2AVkEg2yQAAAABJRU5ErkJggg==);
}
.collect_btn .collect_text:before {
	content: '收藏';
}
.collect_btn.is_collect .collect_text:before {
	content: '收藏夹';
}

@media (max-width: 750px) {	
	.collect_btn {
		right: 4%;
	}
}