* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

body, html {
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #505050;
    font-family: 微软雅黑, PingFang SC, "sans-serif"
}

button, input, select, textarea {
    background: transparent;
    outline: none;
    border: none;
    font-size: 12px
}

a, button {
    cursor: pointer
}

li, ol, ul {
    list-style: none
}

a {
    text-decoration: none
}

a:hover {
    opacity: .8
}

i {
    font-style: normal
}

.left {
    float: left
}

.right {
    float: right
}

.hidden {
    overflow: hidden
}

#app {
    width: 100%;
    height: 100%
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-track {
    background-color: #e8e8e8
}

::-webkit-scrollbar-thumb {
    background-color: #8f8f8f;
    border-radius: 10px;
    cursor: pointer
}

::-webkit-scrollbar-thumb:hover {
    opacity: .8
}

::-webkit-scrollbar-thumb:active {
    background-color: #8f8f8f
}

/*header*/
.top-bar {
    height: 30px;
    background-color: white;
    line-height: 30px;
    font-size: 12px;
}

.w1200 {
    margin: 0 auto;
}

.top-bar .wt-slogen {
    color: #8b8b8b;
    line-height: 30px;
}

.top-bar a {
    color: #8b8b8b;
}

.top-bar a .renren {
    float: left;
    width: 12px;
    height: 16px;
    background-image: url("../../images/new/ss.png");
    background-position: -57px -28px;
    margin-top: 7px;
    margin-right: 6px;
}

.indheader {
    background: #ffffff;
    height: 98px;
    padding-top: 18px;
    min-width: 1200px
}

.indheader .logo {
    width: 248px;
    text-align: center
}

.indheader .logo i {
    display: block;
    padding: 10px 0
}

.indheader .logo p {
    display: block;
    font-size: 13px;
    color: #999999
}

.indheader .logo img {
    display: block;
    margin: 0 auto
}

.indheader .searchwd {
    width: 520px;
    margin-left: 100px;
    padding-top: 5px
}

.indheader .search {
    height: 44px;
    line-height: 42px;
    position: relative
}

.indheader .search .cnnt {
    border: 1px solid #4777ff;
    border-radius: 47px;
    overflow: hidden
}

.indheader .search .webtxt {
    float: left;
    background: #ffffff;
    height: 42px;
    border: 0;
    padding-left: 24px;
    font-size: 15px;
    color: #333333;
    width: 420px
}

.indheader .search ins {
    width: 90px;
    float: right;
    height: 42px;
    /*background: linear-gradient(to right, #38efd5, #4777FF)*/
    background: #4777ff;
}

.indheader .search ins:hover {
    opacity: 0.9;
}

.indheader .search .webtn {
    color: #ffffff;
    font-size: 16px;
    height: 42px;
    cursor: pointer;
    border: 0;
    text-align: center;
    padding-left: 18px;
    background: url(../../images/new/searchico.png) no-repeat 13px center;
    width: 100%
}

.indheader .searchwd .word {
    font-size: 12px;
    color: #999999;
    padding-top: 6px;
    padding-left: 22px
}

.indheader .searchwd .word a {
    margin-right: 15px;
    color: #999999
}

.indheader .vipcont {
    display: block;
    padding: 17px 30px 0 30px;
    position: relative;
}

.indheader .vipcont span {
    display: block;
    text-align: center;
    color: #666666
}

.indheader .vipcont span a:hover {
    color: #5d2784
}

.indheader .vipcont span a {
    color: #666666
}

.indheader .vipcont span a:hover {
    color: #4777ff
}

.indheader .vipcont span i {
    display: block;
    font-size: 22px
}

.indheader .vipcont span em {
    font-size: 14px;
    display: block;
    padding-left: 3.5px;
}

.indheader .vipcont ul {
    position: absolute;
    background: #ffffff;
    top: 68px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    width: 150px;
    margin-left: -55px;
    z-index: 11;
    opacity: 0;
    transition: all .3s;
    transform: translate3d(0px, 10px, 0px);
    -moz-transform: translate3d(0px, 10px, 0px);
    -webkit-transform: translate3d(0px, 10px, 0px);
    visibility: hidden
}

.indheader .vipcont ul li {
    border-bottom: 1px solid #f5f5f5;
    height: 50px;
    line-height: 49px;
    font-size: 12px;
    color: #333333;
    padding-left: 10px
}

.indheader .vipcont ul li i {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle
}

.indheader .vipcont ul li i.icon-HDimages {
    background: #fdc25f
}

.indheader .vipcont ul li i.icon-moban1 {
    background: #4fa4fc
}

.indheader .vipcont ul li i.icon-jiage {
    background: #08d297
}

.indheader .vipcont ul li em {
    display: inline-block;
    padding-left: 8px
}

.indheader .vipcont:hover ul {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    visibility: visible
}

.indheader .tpLogin {
    margin-right: 6px
}

.indheader .tpLogin .dlq {
    padding-top: 17px
}

.indheader .tpLogin .dlq img {
    display: block
}

.indheader .tpLogin .dlh {
    padding: 5px 20px;
    position: relative
}

.indheader .tpLogin .dlh i {
    display: block;
    padding: 12px 0 0;
    height: 60px;
    position: relative
}

.indheader .tpLogin .dlh i ins {
    width: 20px;
    position: absolute;
    right: -10px;
    bottom: 8px
}

.indheader .tpLogin .dlh i ins img {
    display: block;
    width: 100%
}

.indheader .tpLogin .dlh i a {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden
}

.indheader .tpLogin .top_user {
    position: absolute;
    top: 62px;
    left: -135%;
    margin-left: -65px;
    z-index: 11;
    opacity: 0;
    width: 260px;
    height: 390px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 10px 0px rgba(212, 212, 212, 0.46);
    border-radius: 8px;
    transition: all .3s;
    transform: translate3d(0px, 10px, 0px);
    -moz-transform: translate3d(0px, 10px, 0px);
    -webkit-transform: translate3d(0px, 10px, 0px);
    visibility: hidden;
}

.gb_ordinaryvip {
    margin-left: -2px;
}

.gb50 {
    width: 10px;
    height: 8px;
    background-image: url("../../images/new/ss.png");
    background-position: -239px -90px;
    margin-left: 4px;
    display: inline-block;
}

.top_user .user_title .user_info .user_info2 span {
    font-size: 12px;
    color: white;
}

.top_user .user_title {
    height: 81px;
}

.top_user .user_title .user_info {
    position: absolute;
    top: 0;
}

.top_user .user_title .user_info .user_info2 {
    width: 68px;
    height: 18px;
    background: rgba(243, 158, 41, 1);
    border-radius: 4px;
    /*position: relative;
    right: 15px;*/
}

.top_user .user_title .user_info .user_info1 {
    margin-right: 16px;
}

.top_user .user_title .user_info .user_info1 p {
    color: white;
    letter-spacing: 1px;
}

.top_user .user_title .user_info .user_info1 .info3 {
    font-size: 14px;
    margin-bottom: 12px;
}

.top_user .user_title .user_info .user_info1 .info4 {
    font-size: 12px;
}

.top_user .user_title .user_info img {
    margin: 21px 15px 0 24px;
}

.top_user .user_title .user_info .info1 {
    display: inline-block;
}

.indheader .tpLogin .top_user ul {
    background: #ffffff;
    margin-top: 9px;
}

.indheader .tpLogin .top_user li {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #333333;
}

.gb51 {
    width: 18px;
    height: 16px;
    background-image: url("../../images/new/ss.png");
    background-position: -208px -59px;
    display: inline-block;
    margin-bottom: -3px;
    margin-right: 12px;
}

.gb52 {
    width: 6px;
    height: 10px;
    background-image: url("../../images/new/ss.png");
    background-position: -257px -89px;
    display: inline-block;
    position: absolute;
    right: 24px;
    top: 16px;
}

.indheader .tpLogin .top_user li a:hover .gb51 {
    background-position: -233px -59px;
}

.indheader .tpLogin .top_user li a:hover .gb52 {
    background-position: -325px -89px;
}

.indheader .tpLogin .top_user li a:hover .gb53 {
    background-position: -235px -36px;
}

.indheader .tpLogin .top_user li a:hover .gb54 {
    background-position: -235px -11px;
}

.indheader .tpLogin .top_user li a:hover .gb55 {
    background-position: -295px -7px;
}

.indheader .tpLogin .top_user li a:hover .gb56 {
    background-position: -296px -34px;
}

.indheader .tpLogin .top_user li a:hover .gb57 {
    background-position: -296px -59px;
}

.indheader .tpLogin .top_user li a:hover .gb58 {
    background-position: -297px -86px;
}

.indheader .tpLogin .top_user li a span em {
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #ec6863;
    border-radius: 6px;
    position: relative;
    top: -8px;
}

.gb_hint {
    width: 20px;
    height: 14px;
    background: rgba(236, 104, 99, 1);
    border-radius: 7px;
    position: absolute;
    right: 19px;
    top: 12px;
    color: white;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
}

.gb_hint em {
    color: white;
    font-size: 12px;
}

.gb53 {
    width: 18px;
    height: 16px;
    background-image: url("../../images/new/ss.png");
    background-position: -210px -36px;
    display: inline-block;
    margin-bottom: -3px;
    margin-right: 12px;
}

.gb54 {
    width: 18px;
    height: 18px;
    background-image: url("../../images/new/ss.png");
    background-position: -210px -11px;
    display: inline-block;
    margin-bottom: -3px;
    margin-right: 12px;
}

.gb55 {
    width: 18px;
    height: 18px;
    background-image: url("../../images/new/ss.png");
    background-position: -269px -7px;
    display: inline-block;
    margin-bottom: -3px;
    margin-right: 12px;
}

.gb56 {
    width: 16px;
    height: 17px;
    background-image: url("../../images/new/ss.png");
    background-position: -270px -34px;
    display: inline-block;
    margin-bottom: -3px;
    margin-right: 12px;
}

.gb57 {
    width: 16px;
    height: 18px;
    background-image: url("../../images/new/ss.png");
    background-position: -270px -59px;
    display: inline-block;
    margin-bottom: -3px;
    margin-right: 12px;
}

.gb58 {
    width: 17px;
    height: 15px;
    background-image: url("../../images/new/ss.png");
    background-position: -271px -86px;
    display: inline-block;
    margin-bottom: -3px;
    margin-right: 12px;
}

.indheader .tpLogin .top_user li ins {
    display: block;
    border-bottom: 1px solid #f5f5f5;
    height: 40px;
    /*text-align: center;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 16px;
    padding-left: 17px;
}

.indheader .tpLogin .top_user li a.gb_ins1 {
    padding-left: 0px;
}

.indheader .tpLogin .top_user li a {
    display: block;
    font-size: 14px;
    /*text-align: center;*/
    color: #333333;
    line-height: 40px;
    padding-left: 33px;
    position: relative;
}

.indheader .tpLogin .top_user li a:hover {
    background-color: #f4f4f4;
    color: #4777ff;
}

.indheader .tpLogin .dlh:hover .top_user {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    visibility: visible
}

.indheader .sjs {
    display: block;
    padding: 17px 0 0 0
}

.indheader .sjs a {
    display: block;
    float: left;
    color: #666666;
    font-size: 12px;
    text-align: center;
    margin: -3px 10px;
}

.indheader .tpLogin .sjs a:hover {
    color: #4777ff;
}

.indheader .noLogin .sjs a {
    margin: 0px 10px;
}

.indheader .noLogin .sjs a em {
    display: block;
    color: #4777ff;
    font-size: 12px;
}

.indheader .tpLogin .sjs a em {
    display: block;
    font-size: 22px;
    margin-bottom: 4px;
}

.indheader .tpLogin .sjs a I {
    font-size: 14px;
}

.indheader .nav {
    width: 630px;
    margin-left: 75px;
    text-align: center;
    line-height: 50px;
    padding-top: 10px
}

.indheader .nav a {
    font-size: 15px;
    color: #333333;
    margin: 0 17px
}

.indheader .nav a:hover {
    color: #00c090
}

.minheader {
    position: fixed;
    top: -70px;
    left: 0;
    background: #ffffff;
    width: 100%;
    z-index: 66666666;
    padding: 10px 0;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    display: none;
    box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.21)
}

.minheader .logos {
    width: 200px;
    text-align: center;
    margin-top: -5px;
    height: 59px;
}

.minheader .logos img {
    display: block;
    margin: 0 auto
}

.minheader .logos i {
    display: block;
    padding: 6px 0
}

.minheader .logos p {
    display: block;
    font-size: 13px;
    color: #999999
}

.minheader .search {
    margin-left: 202px;
    height: 44px;
    line-height: 42px;
    width: 642px;
    margin-top: 6px;
    position: relative
}

.minheader .search .cnnt {
    overflow: hidden;
    border-radius: 47px;
    border: 1px solid #4777ff;
    background: #ffffff
}

.minheader .search .webtxt {
    float: left;
    background: 0;
    height: 42px;
    border: 0;
    padding-left: 24px;
    font-size: 15px;
    color: #333333;
    width: 500px
}

.minheader .search ins {
    width: 90px;
    float: right;
    height: 42px;
    /*background: linear-gradient(to right, #38efd5, #4777FF)*/
    background: #4777ff;
}

.minheader .search .webtn {
    color: #ffffff;
    font-size: 16px;
    height: 42px;
    cursor: pointer;
    border: 0;
    text-align: center;
    padding-left: 18px;
    background: url(../../images/new/searchico.png) no-repeat 13px center;
    width: 100%
}

.indnav {
    padding-top: 6px;
    margin-top: 5px;
    overflow: hidden;
    height: 49px
}

.indnav1 {
    padding-top: 0;
}

.banner_pic {
    height: 110px;
    position: relative;
}

.banner_pic .banner_picA > div.pic2 .pic21 {
    font-size: 18px;
    margin-bottom: 7px;
}

.banner_pic .banner_picA > div .pic21 {
    margin-bottom: 16px;
}

.banner_pic .banner_picA > div .pic21 {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
}

.banner_pic .banner_picA > div .pic22 {
    font-size: 12px;
    color: #666666;
    text-align: center;
}

.banner_pic .banner_picA {
    position: absolute;
    top: 0;
    left: 0;
}

.banner_pic .banner_picA > div {
    display: inline-block;
    position: absolute;
}

.banner_pic .banner_picA > div.pic6 {
    width: 110px;
    height: 46px;
    border: 1px solid rgba(14, 197, 161, 1);
    color: #4777ff;
    font-size: 14px;
    text-align: center;
    line-height: 46px;
    /*padding: 16px 36px;*/
}

.banner_pic .banner_picA > div.pic1 {
    width: 68px;
    height: 68px;
    background: rgba(247, 174, 50, 1);
    border-radius: 50%;
    left: 322px;
    top: 25px;
}

.banner_pic .banner_picA > div.pic2 {
    left: 416px;
    top: 36px;
    width: 74px;
}

.banner_pic .banner_picA > div.pic3 {
    left: 782px;
    top: 37px;
    width: 82px;
}

.banner_pic .banner_picA > div.pic4 {
    left: 961px;
    top: 37px;
    width: 36px;
}

.banner_pic .banner_picA > div.pic5 {
    left: 1111px;
    top: 37px;
    width: 36px;
}

.banner_pic .banner_picA > div.pic6 {
    left: 1412px;
    top: 37px;
    cursor: pointer;
}

.indnav .navbg {
    /*background: linear-gradient(to right, #5d2aa3, #a24ea0);*/
    background: #4777ff;
    height: 44px;
}

.indnav .zflcont {
    height: 49px;
    position: relative;
    padding-right: 8px;
    width: 268px;
    top: -5px;
    float: left
}

.wrap {
    margin: 0 auto;
    -webkit-transition: width .6s ease-out;
    transition: width .6s ease-out;
    width: 1200px
}

.indnav .zflcont .cont {
    height: 49px;
    line-height: 49px;
    text-align: center;
    background: #00b38a;
    width: 220px;
}

/*.indnav .zflcont .cont:hover{
    background: #10d0aa;
}*/
.indnav .zflcont .cont .gb3 {
    width: 18px;
    height: 18px;
    background-image: url("../../images/new/ss.png");
    background-position: -54px -103px;
    display: inline-block;
    vertical-align: middle;
}

.indnav .zflcont .cont:after {
    display: block;
    content: "";
    position: absolute;
    right: 42px;
    top: 0;
    width: 8px;
    height: 6px;
    background-image: url("../../images/new/ss.png");
    background-position: -109px -162px;
}

.indnav .zflcont .cont a {
    color: #ffffff;
    font-size: 16px;
    vertical-align: middle;
    margin-left: 9px;
}

.redPacket {
    display: block;
    width: 147px;
    height: 80px;
    margin: -3px 25px 8px 60px;
    background: url("../images/yqhy.gif") no-repeat;
}

.indnav .main {
    float: left;
    padding-left: 20px;
    line-height: 44px
}

.indnav2 .main {
    padding-left: 0px;
}

/*.pxtj {
    margin-top: 7px;
    border-top: 1px solid #f1f1f1;
    background: #fff;
    font-size: 14px;
    color: #666;
    line-height: 60px;
    box-shadow: 0 0 16px rgba(0, 0, 0, .05);
    padding-left: 12px;
    height: 60px;
}*/
.hz-drop-down .hz-drop-down-sel {
    display: inline-block;
    height: 100%;
    font-size: 14px;
    line-height: 32px;
}

.hz-drop-down {
    width: 110px;
    height: 32px;
    position: relative;
    background: transparent;
    display: inline-block;
    padding-left: 20px;
}

.hz-drop-down:hover .gb21 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 1s linear;
    transition: transform 0.3s linear;
}

.hz-drop-down .hz-drop-down-sel span {
    cursor: pointer;
    color: #666666;
}

.hz-drop-down .hz-drop-down-sel span.on, .hz-drop-down .hz-drop-down-sel span:hover {
    color: #4777ff;
}

.indnav .main a {
    display: inline-block;
    text-align: center;
    color: #ffffff;
    padding: 0 22px;
    margin: 0 11px
}

.indnav2 .main a {
    padding: 0;
    margin: 0 16px
}

.indnav .main a:hover, .indnav .main a.on {
    background: #0dbd95;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

@media (min-width: 1441px) {
    .wrap {
        width: 1440px
    }

    .wrap1 {
        width: 1440px
    }

    .minwid {
        min-width: 1400px
    }

    .indheader .search .webtxt {
        width: 500px
    }

    .indheader .searchwd {
        width: 642px;
        margin-left: 32px;
    }

    .indheader .searchwd .searchdl {
        width: 536px
    }

    .listmain .zprt .word .btn a {
        width: 180px
    }
}

/* footer*/
.w1201 .right-con {
    position: absolute;
    top: 0;
    right: 20%;
}

.gb14 {
    width: 12px;
    height: 6px;
    background-image: url(../../images/new/ss.png);
    background-position: -33px -289px;
    display: inline-block;
}

.icon-zuo1 {
    width: 10px;
    height: 18px;
    background-image: url(../../images/new/ss.png);
    background-position: -115px -202px;
    display: inline-block;
    margin-bottom: -4px;
    margin-right: 3px;
}

.icon-you1 {
    width: 10px;
    height: 18px;
    background-image: url(../../images/new/ss.png);
    background-position: -94px -202px;
    display: inline-block;
    margin-bottom: -4px;
    margin-right: -3px;
}

.edit_page {
    position: relative;
    transform-origin: 0 0;
    overflow: hidden
}

.edit_page .page_bg {
    width: 100%;
    height: 100%;
    background: transparent
}

.edit_page .ele_item {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

.edit_page .ele_inner {
    width: 0;
    height: 0
}

.ele_item div[data-scale] {
    transform-origin: 0 0
}

.ele_item div[data-rotate] {
    width: 100%;
    height: 100%;
    cursor: move
}

.ele_item .show_text:focus {
    border: none;
    outline: none
}

.ele_item.lock [contenteditable=true] {
    pointer-events: none
}

.operate .group_child .child {
    position: absolute;
    border: 1px dashed #a1a4ad;
    cursor: move
}

.ele_item .show_text {
    line-height: 1.4
}

.ele_item .show_text, .ele_item .show_text * {
    -webkit-user-select: text !important
}

.ele_item[data-type=shape] .shape_text {
    position: absolute;
    transform-origin: 0 0;
    overflow: visible
}

.material-sort ul .li-favorite i, .modal-close {
    background: url(/dist/modal_sp.179464b9e24e40baceb26e2d626b2d86.png) no-repeat 0 0
}

.modal-close {
    float: right;
    width: 26px;
    height: 26px;
    display: inline-block;
    background-position: 8px 8px;
    transition: all .4s
}

.modal-close:hover {
    transform: rotate(180deg)
}

.modal-fade-enter, .modal-fade-leave-active {
    opacity: 0
}

.modal-fade-enter-active, .modal-fade-leave-active {
    transition: opacity .5s ease
}

.modal-slide-enter-active, .modal-slide-leave-active {
    transition: all .6s
}

.modal-slide-enter, .modal-slide-leave-to {
    transform: translateX(-300px)
}

.modal-backdrop {
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0;
    background: rgba(0, 0, 0, .6)
}

.modal-backdrop.bg-transparent {
    background: transparent
}

.modal-backdrop.zindex-2 {
    z-index: 10
}

.modal {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 360px;
    height: 210px;
    overflow: hidden;
    margin: auto;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .2);
    font-size: 14px
}

.modal .modal-body, .modal .modal-footer, .modal .modal-header {
    position: relative;
    padding: 0 30px 10px
}

.modal .modal-header {
    min-height: 40px;
    padding: 20px 30px
}

.modal .modal-body {
    height: 100px;
    overflow: hidden
}

.modal .modal-footer {
    text-align: right
}

.modal .modal-title {
    display: block;
    font-size: 16px;
    color: #666666
}

.modal .modal-close {
    position: absolute;
    top: 17px;
    right: 22px
}

.modal .modal-footer .button {
    display: inline-block;
    margin: 0 6px;
    padding: 7px 20px;
    background: #0d7bf8;
    border-radius: 4px;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer
}

.modal .modal-footer .button:last-child {
    margin-right: 0
}

.modal .modal-footer .button-cancel {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    color: #636363
}

.modal .modal-footer .button:hover {
    opacity: .8
}

.sort_modal #editPage {
    display: inline-block;
    vertical-align: top;
    transform-origin: 0 0 0
}

.share-modal {
    width: 500px;
    height: auto;
    margin-left: -250px;
    margin-top: -195px;
    text-align: left
}

.share-modal .modal-body {
    height: auto
}

.share-modal .share-ewm {
    text-align: center
}

.share-modal .share-ewm span {
    display: inline-block;
    width: 120px;
    height: 120px
}

.share-modal .share-ewm p {
    color: #8c8c8c
}

.share-modal .share-ewm .qrcode {
    position: relative
}

.share-modal .share-ewm .qrcode img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px
}

.share-modal .share-link {
    position: relative;
    margin: 30px 0
}

.share-modal .share-link input {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    border: 1px solid #dfdfdf
}

.share-modal .share-link button {
    position: absolute;
    top: 0;
    right: 0;
    width: 118px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    background: #0d7bf8;
    color: #ffffff
}

.share-modal .share-authority {
    margin-bottom: 10px
}

.share-modal .share-checkbox {
    color: #a1a1a1
}

.share-modal .share-checkbox .radio-box:first-child {
    margin-left: 20px
}

.share-modal .share-checkbox .radio-box {
    display: inline-block;
    position: relative;
    height: 25px;
    line-height: 25px;
    margin-right: 42px;
    cursor: pointer;
    font-size: 14px;
    color: #636363
}

.share-modal .share-checkbox .radio {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px 2px 0;
    vertical-align: middle;
    cursor: pointer;
    padding: 2px;
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
    border-radius: 4px
}

.share-modal .share-checkbox .input-radio {
    display: inline-block;
    position: absolute;
    opacity: 0;
    width: 12px;
    height: 12px;
    cursor: pointer;
    left: 0;
    outline: none;
    -webkit-appearance: none
}

.share-modal .share-checkbox .on {
    border-color: #0d7bf8
}

.share-modal .share-checkbox .on:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 3px;
    width: 6px;
    height: 6px;
    background-color: #0d7bf8;
    border-radius: 50%
}

.share-modal .share-pwd {
    margin: 12px 0 0
}

.share-modal .share-pwd input {
    width: 377px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid #e8e8e8;
    border-radius: 4px
}

.share-modal .share-pwd input::-webkit-input-placeholder {
    color: #c8c8c8
}

.share-modal .share-pwd input:-moz-placeholder, .share-modal .share-pwd input::-moz-placeholder {
    color: #c8c8c8
}

.share-modal .share-pwd input:-ms-input-placeholder {
    color: #c8c8c8
}

.share-modal .share-pwd button {
    float: right;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    background: #0d7bf8;
    border-radius: 2px;
    color: #ffffff
}

.dropdown-fade-enter, .dropdown-fade-leave-active {
    opacity: 0
}

.dropdown-fade-enter-active, .dropdown-fade-leave-active {
    transition: all .4s
}

.edit-dropdown {
    position: relative
}

.edit-dropdown-menu {
    position: absolute;
    width: 98px;
    background: #ffffff;
    box-shadow: 5px 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 4px
}

.edit-dropdown-menu .triangle {
    position: absolute;
    top: -18px;
    left: 50px;
    border: 8px solid transparent;
    border-bottom: 10px solid #ffffff
}

.draw_down-enter-active, .draw_down-leave-active {
    transition: transform .5s
}

.draw_down-enter, .draw_down-leave-to {
    transform: translateY(-100%)
}

.gotop {
    position: fixed;
    bottom: 140px;
    right: 10px;
    z-index: 999;
    display: none;
    width: 43px;
    height: 43px;
    background: #989898 url(/dist/gotop.5f2a0428fc9e8d798405cd26f95b22fa.png) no-repeat center 5px;
    cursor: pointer;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
    border-radius: 50%
}

.gotop:hover {
    background: #0d7bf8 url(/dist/gotop.5f2a0428fc9e8d798405cd26f95b22fa.png) no-repeat center -146px
}

.button_tips {
    position: absolute;
    display: none;
    width: auto;
    height: 28px;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 4px;
    background: #000000;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap
}

.button_tips:before {
    content: "";
    position: absolute;
    bottom: -4px;
    display: inline-block;
    border-top: 4px solid #000000;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.button_tips span {
    display: block;
    width: auto !important;
    height: 28px !important;
    box-shadow: none !important
}

.tip_button {
    cursor: pointer
}

.notification_contain .news_list p a {
    color: #0d7bf7;
    text-decoration: underline
}

.enlarge_container {
    display: none;
    position: fixed;
    z-index: 21;
    border: 10px solid #ffffff;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 17px 19px 73px 0 rgba(0, 0, 0, .5)
}

.index-contain {
    width: 100%;
    margin: 0 auto;
    margin-top: -60px;
}

.douyinback {
    position: relative;
    left: -26px;
    top: -8px;
}

.douyin {
    position: absolute;
    top: 14px;
    left: 625px;
    z-index: 100;
}

.index_fs_panel {
    position: relative;
    width: 100%;
    height: 797px;
    padding: 168px 0 0;
    text-align: center;
    background: url("../../images/new/index/first_banner.png") center top no-repeat;
}

.list_fs_panel {
    position: relative;
    width: 100%;
    height: 464px;
    padding: 130px 0 0;
    text-align: center;
    background: url("../../images/new/list/list_banner.png") center top no-repeat;
}

.list_fs_panel .list_fs_panel_content .list_fs_banner {
    color: #ffffff;
    font-size: 24px;
    font-width: 300;
    letter-spacing: 1px;
}

.index_fs_panel .index_fs_panel_content {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1680px;
    margin: 0 auto
}

.work1 {
    margin: 25px auto 14px;
    width: 533px;
}

.cssearch {
    width: 22px;
    height: 22px;
    background-image: url(../../images/new/ss.png);
    background-position: -1px -51px;
    margin-bottom: -4px;
    display: inline-block;
    margin-right: 6px;
}

.search-rusult .template_class li.active, .search-rusult .template_class li:hover {
    color: #ffffff;
    border-color: #0d7bf7;
    background: #0d7bf7;
    font-size: 16px;
}

.search-rusult .template_class li {
    display: inline-block;
    vertical-align: middle;
    min-width: 82px;
    height: 32px;
    line-height: 32px;
    padding: 0 18px;
    margin-right: 11px;
    font-size: 20px;
    color: #666666;
    cursor: pointer;
    border-radius: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.searchcont .sxword {
    background: #ffffff;
    box-shadow: 0 0 16px rgba(0, 0, 0, .05);
    padding: 20px 20px 4px;
    font-size: 14px;
    color: #333333;
    line-height: 32px;
    margin: -27px auto;
    position: relative;
}

.searchcont .sxword.in-search {
    padding-bottom: 16px;
}

.search-rusult {
    padding-bottom: 20px;
}

.search-rusult a {
    color: #999999;
}

.searchcont .sxword > ul {
    border-bottom: 1px dashed #f1f1f1;
    padding: 20px 0 0 0;
}

.searchcont .sxword ul span a:hover, .searchcont .sxword span a.on {
    /*background: #fff;
    color: #0EC5A1;*/
    opacity: 1;
    color: #ffffff;
    border-color: #0d7bf7;
    background: #0d7bf7;
}

.searchcont .pxtj {
    /*margin-top: 22px;
    border-top: 1px solid #f1f1f1;*/
    /*background: #fff;
    font-size: 14px;
    color: #333;
    line-height: 26px;*/
    /*box-shadow: 0 0 16px rgba(0, 0, 0, .05);*/
    /*padding-left: 12px;*/
}

.search-rusult .template_class li.active, .search-rusult .template_class li:hover {
}

.template-types-selector-sort > span {
    font-size: 14px;
    color: #666666;
    line-height: 62px;
    margin-left: 32px;
    margin-right: 13px;
}

.hz-drop-down {
    width: 110px;
    height: 32px;
    position: relative;
    background: transparent;
    display: inline-block;
    padding-left: 20px;
}

.hz-drop-down .hz-drop-down-drop {
    display: none;
    position: absolute;
    top: 32px;
    left: 0;
    width: 116px;
    height: auto;
    background: #ffffff;
    z-index: 2;
    padding: 12px 0;
    -webkit-box-shadow: 2px 10px 12px 0 rgba(18, 38, 101, .1);
    box-shadow: 2px 10px 12px 0 rgba(18, 38, 101, .1);
    border-radius: 4px;
}

.gb21 {
    width: 11px;
    height: 5px;
    background-image: url(../../images/new/ss.png);
    background-position: -104px -64px;
    display: inline-block;
    margin-left: 5px;
}

.hz-drop-down:hover .hz-drop-down-drop {
    display: block;
}

.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option[class~=selected] {
    color: #0d7bf7;
}

.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 30px;
    padding-left: 30px;
    background: #ffffff;
    position: relative;
    font-size: 14px;
    color: #666666;
    cursor: pointer;
}

.page-all .pre-page {
    margin-right: 10px;
}

.page-all .fan-paye {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: #d8d8d8 1px solid;
    border-radius: 2px;
    width: 30px;
    text-align: center;
}

.page-all .pre-page i {
    width: 7px;
    height: 11px;
    background-image: url(../../images/new/ss.png);
    background-position: -76px -56px;
    margin-bottom: 2px;
    display: inline-block;
    margin-right: 2px;
}

.page-all .next-page i {
    width: 7px;
    height: 11px;
    background-image: url(../../images/new/ss.png);
    background-position: -89px -56px;
    margin-bottom: 2px;
    display: inline-block;
    margin-right: 2px;
}

.page-all .page-num {
    height: 30px;
    border: #d8d8d8 1px solid;
    color: #999999;
    line-height: 30px;
    width: 30px;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 2px;
    margin-right: 10px;
}

.pagination {
    padding: 40px 0 5px !important;
    text-align: center;
    line-height: 35px;
}

.pagination .disabled, .pagination .disabled:hover {
    color: #cccccc;
    margin: 0 10px;
}

.pagination li {
    padding: 0;
}

.pagination li.active span {
    display: inline-block;
    padding: 0 13px;
    color: #ffffff;
    background: #0d7bf7;
    box-shadow: 0 0 8px #e5e5e5;
}

.pagination a {
    display: inline-block;
    padding: 0 13px;
    color: #999999;
    background: #ffffff;
    box-shadow: 0 0 8px #e5e5e5;
}

.pagination a:hover {
    color: white;
    background: #0d7bf7;
}

.pagination li {
    display: inline-block;
    font-size: 14px;
}

.pagination li.on, .pagination li:hover {
    background: transparent;
    border-color: inherit;
}

.page-all .next-page {
    margin-right: 0 !important;
}

.fan-paye i {
    display: inline-block;
    height: 14px;
    width: 8px;
    vertical-align: -2px;
}

.page-all {
    margin-top: 16px;
}

.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option:hover {
    color: #0d7bf7;
    opacity: 1;
}

.searchcont .sxword ul span a {
    padding: 0 14px;
    margin: 0 15px 8px 0;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    border-radius: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.currentNav {
    color: #999999;
    padding: 0;
    margin-left: 32px;
}

.currentNav li ins {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    border: 1px solid #b1b1b1;
    border-radius: 2px;
    padding: 0 22px 0 6px;
    position: relative;
    background: #ffffff;
}

.indpart1 .wrap .layui-tab-content .layui-tab-item .zprt .card_content {
    position: relative;
    width: 100%;
    height: 58px;
    padding: 0 20px;
    text-align: left;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
}

.indpart1 .wrap .layui-tab-content .layui-tab-item .zprt .card_content .card_title {
    height: 58px;
    line-height: 58px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #010101;
}

.indpart1 .wrap .layui-tab-content .layui-tab-item .zprt .card_content .card_title a {
    color: inherit;
    display: block;
    height: 58px;
    line-height: 58px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.indpart1 .wrap .layui-tab-content .layui-tab-item .zprt .card_content .card_title > span {
    color: #999999;
    float: right;
    height: 58px;
    line-height: 58px;
    margin-left: 10px;
}

.indpart1 .wrap .layui-tab-content .layui-tab-item .zprt .card_layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.indpart1 .wrap .layui-tab-content .layui-tab-item .zprt .card_layer .top_layer {
    background-color: rgba(0, 0, 0, .2);
    height: 192px;
}

.indpart1 .wrap .layui-tab-content .layui-tab-item .zprt .pic .card_favorite_icon {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 2px;
    background: rgba(255, 255, 255, 1) url(../../images/new/ss.png) no-repeat -2px -0px;
    display: none;
    z-index: 1111;
}

.indpart5 {
    background: #fcfcfc;
}

.indpart5 + .indpart1 {
    margin-top: 0 !important;
}

.layui-tab-brief1 .layui-tab-title-diy1 li {
    display: inline-block;
    vertical-align: middle;
}

.layui-tab-brief1 .layui-tab-title-diy1 li a {
    display: inline-block;
    vertical-align: middle;
    min-width: 82px;
    height: 36px;
    line-height: 36px;
    padding: 0 18px;
    margin: 0 10px;
    font-size: 16px;
    color: #666666;
    cursor: pointer;
    border-radius: 18px;
    user-select: none;
}

.layui-tab-brief1 .layui-tab-title-diy1 li:hover a {
    color: #ffffff;
    border-color: #0d7bf7;
    background: #0d7bf7;
}

.layui-tab-brief1 .layui-tab-title-diy1 li.layui-this1 a {
    color: #ffffff;
    border-color: #0d7bf7;
    background: #0d7bf7;
}

.layui-tab-brief1 a {
    opacity: 1;
}

.layui-tab-title1 {
    text-align: center;
}

.layui-tab-content {
    padding: 0;
    margin-top: 30px;
    min-width: 1161px;
}

.layui-tab1 .bottom_class {
    margin: 590px 0 0;
    text-align: center;
    width: 1440px;
}

.layui-tab1 .bottom_class li {
    width: 95px;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    border-radius: 4px;
    background: rgba(238, 238, 238, 1);
    border: 1px solid rgba(245, 245, 245, 1);
}

.layui-tab1 .bottom_class li a {
    border-radius: 4px;
    color: #666666;
    display: block;
    height: 40px;
    line-height: 40px;
}

.layui-tab1 .bottom_class li a:hover {
    color: #ffffff;
    border-color: #0d7bf7;
    background: #0d7bf7;
}

.layui-tab1 .tip_login_look {
    margin-top: 40px;
    margin-bottom: 50px;
}

.tip_login_look:hover {
    color: #ffffff;
    opacity: .8;
}

.csvideo {
    height: 506px;
    position: relative;
}

.csvideo video {
    position: absolute;
    border-radius: 23px 23px 7px 7px;
    width: 795px;
    height: 451px;
    background: #ffffff;
    margin: -243.5px 0 0 -397.5px;
    top: 50%;
    left: 50%;
}

.indpart1 .wrap .layui-tab-content .layui-tab-item .zprt:hover .pic .card_favorite_icon {
    display: block;
}

.indpart1 .wrap .layui-tab-content .layui-tab-item .zprt:hover .pic .card_detail_icon {
    display: block;
}

.indpart1 .wrap .layui-tab-content .layui-tab-item .zprt .pic .card_detail_icon {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 2px;
    background: rgba(255, 255, 255, 1) url(../../images/new/ss.png) no-repeat -28px -2px;
    display: none;
    z-index: 1111;
}

.indpart1 .wrap .layui-tab-content .layui-tab-item .zprt .card_content .bottm_layer {
    height: 58px;
    overflow: hidden;
    background: white;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.indpart1 .wrap .layui-tab-content .layui-tab-item .zprt:hover .card_content .bottm_layer {
    display: block;
}

.indpart1 .wrap .layui-tab-content .layui-tab-item .zprt .card_content .bottm_layer p {
    margin: 14px 116px;
    font-size: 14px;
    color: white;
    background: #0d7bf7;
    padding: 4px 26px;
    border-radius: 13px;
    cursor: pointer;
}

.currentNav li ins a {
    margin-right: 0px;
    display: block;
    width: 7px;
    height: 7px;
    padding: 3px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 6px;
    background: transparent url(../../images/new/closed.png) no-repeat scroll right center;
    cursor: pointer;
}

.currentNav a {
    color: #999999;
}

.currentNav em {
    margin: 0 5px;
}

.searchcont .sxword ul i {
    display: block;
    float: left;
    text-align: right;
    width: 74px;
    color: #999999;
    margin-right: 24px;
}

/*.searchcont .sxword li {
    overflow: hidden;
    width: 100%;
    position: relative;
}*/
.list_panel_describe {
    color: white;
    font-size: 14px;
    margin: 0 auto;
    padding-left: 30px;
    text-align: left;
    width: 533px;
}

.list_panel_describe span, .list_panel_describe a {
    display: inline-block;
}

.list_panel_describe a {
    color: white;
    margin-right: 5px;
}

.work1 input {
    width: 433px;
    height: 46px;
    line-height: 46px;
    background: white;
    border-radius: 23px 0 0 23px;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    border-right: 4px;
    color: #999999;
    overflow: hidden;
    white-space: nowrap;
}

.work1 a {
    width: 100px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    background: #00aeff;
    border-radius: 0 23px 23px 0;
    text-align: center;
}

.index_fs_panel .index_fs_panel_content .index_fs_banner {
    line-height: 1;
    margin-bottom: 22px;
    font-size: 36px;
    color: #ffffff
}

.index_fs_panel .index_fs_panel_content .index_fs_describe {
    font-size: 16px;
    color: white;
    font-weight: 300;
}

.index_fs_panel .index_fs_panel_content .describe_more {
    position: relative;
    width: 90px;
    height: 25px;
    line-height: 23px;
    padding-right: 12px;
    margin: 0 auto;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .4);
    border: 1px solid hsla(0, 0%, 100%, .4);
    border-radius: 12px;
    cursor: pointer
}

.index_fs_panel .index_fs_panel_content .describe_more:hover {
    color: #f5fdfb;
    border-color: #f5fdfb
}

.index_fs_panel .index_fs_panel_content .describe_more:hover i {
    background-color: #f5fdfb
}

.index_fs_panel .index_fs_panel_content .describe_more i {
    position: absolute;
    top: 6px;
    margin-left: 2px;
    width: 12px;
    height: 12px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, .4);
    color: #3552e5
}

.layui-tab .title1 > div {
    display: inline-block;
}

.layui-tab .title1 > div.gb_xgss {
    margin-left: 10px;
    color: #333333;
    font-size: 20px;
    position: relative;
    top: -5px;
}

.gb_lb {
    width: 4px;
    height: 24px;
    background: #0d7bf7;
}

.index_fs_panel .index_fs_panel_content .index_fs_btn {
    position: relative;
    display: inline-block;
    min-width: 260px;
    height: 60px;
    line-height: 60px;
    padding: 0 53px;
    margin-top: 67px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00aeff), to(#00aeff)), -webkit-gradient(linear, left top, right top, to(#1add97)), -webkit-gradient(linear, left top, left bottom, from(#00fffc), to(#00fffc));
    background-image: -o-linear-gradient(#00aeff, #00aeff), -o-linear-gradient(left, #1add97 100%), -o-linear-gradient(#00fffc, #00fffc);
    background-image: linear-gradient(#00aeff, #00aeff), linear-gradient(90deg, #1add97 100%), linear-gradient(#00fffc, #00fffc);
    -webkit-box-shadow: 0 8px 18px 0 rgba(15, 36, 152, .16);
    box-shadow: 0 8px 18px 0 rgba(15, 36, 152, .16);
    border-radius: 29px;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index_fs_panel .index_fs_panel_content .index_fs_btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

.index_fs_panel .index_fs_panel_content .index_fs_btn span {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    font-weight: bold;
    z-index: 2;
    text-align: center
}

.index_fs_panel .index_fs_panel_content .index_fs_btn span:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 0 4px 11px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY3RENEMDhDOUQ2MzExRTlCNUZCOURENkZDQjU5MEM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY3RENEMDhEOUQ2MzExRTlCNUZCOURENkZDQjU5MEM4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjdEQ0QwOEE5RDYzMTFFOUI1RkI5REQ2RkNCNTkwQzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjdEQ0QwOEI5RDYzMTFFOUI1RkI5REQ2RkNCNTkwQzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4bq4iZAAABc0lEQVR42qSUz0oCURTGZyYagza2bVHQpoaeoHUGLfszruwBKoXoMXRbyx4hiN4jCFJXLTQSXGabyAGZviPfheN15g7aBz/HOfecz3vx3OOnaeplKAQn5ABsggQMwCt4As+MzUoMLU7Be1osyTmz6/XLCmiqgi64BREokYixrsprsnbO0Jj9gCudlIGsNcBYmc4YxlyQhIrDyOZImcbGMASfDDYWMDPUWTsQLwnUGOgUHPPDcfwOPS4CtoboAUy8fG2BUUZ8wlpv6gXXPt2jgqMZjTLW9rjW9/HxC+cSWANj/tIXKDt2KzvdsC6C1CaB6nZ9ZXzPLT/jZk0lhkN+31EJZRZp9O7s3W/zORTDN74ce8X6to5qVOHzRbdN+x9t0zZtYzd2fYnGvlaNXTLBqrp6h0tevao9HFpqOFyCwGEUWMOhlTe+7qzxdQN2wSpYB/uM6fF1nze+DOcLDNjYNWA1If/9R9ADCekxVmPOXO2fAAMAxvW/YK1PZ7cAAAAASUVORK5CYII=) no-repeat;
    vertical-align: middle
}

.index_fs_panel .index_fs_panel_content .index_fs_btn.login_state span:after {
    width: 21px;
    height: 23px;
    margin: 0 0 5px 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAXCAMAAADTAfSvAAAAjVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8DizOFAAAALnRSTlMA+ZNUTRj06bh1PznNmYqDem5pW0c1IAzu3djJwbygYSscFRAE6+TRsq6tjoFJ84ly5gAAANJJREFUGNNd0OtygjAQhuEXiyBnKIhnrdae2+/+L69JiNPU508mX3Z3ZkOoe3kgMMfZ6z0Iq2iq2akN0oV0Bq6J4nBAog2wlJbu2mC4ewWFNGKORExa6QK9HZ9JwqtrJjMpNY/P/HPUwST7qKwy23ma4TxhRLJayLUruLn02XGb9MBaqgmt/C4qc+40sr6uf0k+h5OczXAb8KEUYnmLwhW+SgcY5a07v+I3xtZl3RnrTekP1qdLH/0yzRxnZqKFgj/26cAqUjQSim3zIJV4YUca8wtzhhcjtzCHxwAAAABJRU5ErkJggg==) no-repeat
}

.index_fs_panel .index_fs_panel_content a:hover {
    opacity: 1;
}

@-webkit-keyframes enter_scale-data-v-5b0911be {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    1% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(600);
        transform: scale(600)
    }
}

@keyframes enter_scale-data-v-5b0911be {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    1% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(600);
        transform: scale(600)
    }
}

@-webkit-keyframes out_scale-data-v-5b0911be {
    0% {
        opacity: 1;
        -webkit-transform: scale(600);
        transform: scale(600)
    }
    99% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0
    }
}

@keyframes out_scale-data-v-5b0911be {
    0% {
        opacity: 1;
        -webkit-transform: scale(600);
        transform: scale(600)
    }
    99% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0
    }
}

.index_fs_panel .index_fs_panel_content .index_fs_btn i {
    position: absolute;
    width: 1px;
    height: 1px;
    z-index: 1;
    opacity: 0;
    border-radius: 50%;
    background-color: hsla(91, 92%, 91%, .3)
}

.index_fs_panel .index_fs_panel_content .index_fs_btn i.enter_scale {
    -webkit-animation: enter_scale-data-v-5b0911be .6s forwards;
    animation: enter_scale-data-v-5b0911be .6s forwards
}

.index_fs_panel .index_fs_panel_content .index_fs_btn i.out_scale {
    -webkit-animation: out_scale-data-v-5b0911be .4s forwards;
    animation: out_scale-data-v-5b0911be .4s forwards
}

.index_fs_panel .index_fs_panel_content .index_fs_banner_image {
    display: block;
    max-width: 90%;
    margin: 58px auto 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.panel_title {
    font-size: 28px;
    color: #000000;
    font-family: Microsoft YaHei, PingFang SC, "sans-serif";
    font-weight: 400;
    margin-bottom: 10px;
    padding-top: 80px;
    text-align: center;
}

.panel_content1 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 1440px;
    margin: 0 auto;
}

.panel_content1 > div {
    /*display: inline-block;*/
    width: 256px;
    height: 319px;
    color: white;
    transition: all .25s;
    position: relative;
    top: 0;
}

.panel_content1 > div:hover {
    transform: translateY(-4px) scale(1.025);
    top: -8px;
}

.panel_content1 > div > p {
    font-size: 18px;
    position: relative;
    top: 129px;
}

.panel_content1 > div > span {
    font-size: 14px;
    position: relative;
    top: 149px;
}

.panel_content1 > img {
    height: 12px;
    position: relative;
    margin: 0 30px;
}

.panel_content1 > div > img {
    position: relative;
    top: 72px;
}

.panel_content1 .csgreen {
    background: url("../../images/new/index/green.png");
    background-size: 100% 100%;
}

.panel_content1 .csblue {
    background: url("../../images/new/index/blue.png");
    background-size: 100% 100%;
}

.panel_content1 .cszi {
    background: url("../../images/new/index/zi.png");
    background-size: 100% 100%;
}

.panel_content1 .cshei {
    background: url("../../images/new/index/black.png");
    background-size: 100% 100%;
}

.panel_describe {
    position: relative;
    line-height: 1;
    margin: 14px auto 55px;
    font-size: 14px;
    color: #ababab;
}

.index_design_content div.one p {
    position: absolute;
    top: 68px;
    left: 63px;
    color: white;
    font-size: 32px;
}

.index_design_content div.one span {
    position: absolute;
    top: 122px;
    left: 63px;
    color: white;
    font-size: 18px;
}

.index_design_content div.two p {
    position: absolute;
    top: 52px;
    width: 340px;
    color: white;
    font-size: 24px;
}

.index_design_content div.two span {
    position: absolute;
    top: 86px;
    width: 340px;
    color: white;
    font-size: 14px;
    display: grid;
}

.index_design_content .design_wall div {
    cursor: pointer;
    transition: transform .25s;
}

.index_design_content .design_wall div:hover {
    /*opacity: 0.9;*/
    transform: translateY(-4px) scale(1.025);
}

.index_design_content .design_wall > div {
    position: relative;
    margin-bottom: 10px;
}

.index_design_content .design_wall > div a, .index_design_content .design_wall > div img {
    display: block;
}

.tip_login_look {
    display: inline-block;
    width: 177px;
    height: 36px;
    line-height: 36px;
    background-color: #0d7bf7;
    -webkit-box-shadow: 0 9px 13px 0 rgba(13, 123, 247, .14);
    box-shadow: 0 9px 13px 0 rgba(13, 123, 247, .14);
    border-radius: 18px;
    text-align: center;
    font-size: 14px;
    color: #ffffff
}

.index_template_panel {
    padding: 230px 240px 82px;
    background-color: #ffffff
}

.index_template_panel .template_class {
    margin-bottom: 34px;
    text-align: center;
}

.index_template_panel .bottom_class {
    margin: 20px 0;
    text-align: center;
}

.index_template_panel .bottom_class li {
    width: 156px;
    display: inline-block;
    vertical-align: middle;
    min-width: 150px;
    height: 48px;
    line-height: 48px;
    padding: 0 18px;
    margin-right: 20px;
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    border-radius: 4px;
    background: rgba(238, 238, 238, 1);
    border: 1px solid rgba(245, 245, 245, 1);
    border-radius: 4px;
    /*-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s*/
}

.index_template_panel .bottom_class li.active, .index_template_panel .bottom_class li:hover {
    color: #ffffff;
    border-color: #0d7bf7;
    background: #0d7bf7;
}

.index_template_panel .bottom_class li:last-child {
    margin-right: 0
}

.index_template_panel .template_class li {
    display: inline-block;
    vertical-align: middle;
    min-width: 82px;
    height: 32px;
    line-height: 32px;
    padding: 0 18px;
    margin-right: 11px;
    font-size: 20px;
    color: #666666;
    cursor: pointer;
    border-radius: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

.index_template_panel .template_class li.active, .index_template_panel .template_class li:hover {
    color: #ffffff;
    border-color: #0d7bf7;
    background: #0d7bf7;
    font-size: 16px;
}

.index_template_panel .template_class li:last-child {
    margin-right: 0
}

.index_template_panel .template_list {
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    padding-top: 10px;
    font-size: 0;
    overflow: hidden
}

.index_template_panel .template_list.skeleton .template_card {
    width: 20% !important
}

.index_template_panel .template_list.skeleton .template_card .card_panel .card_show {
    background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAjCAYAAABfLc7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkU3MDI0NTY4NjczMTFFOUJDNDZGRjU4NDkzODBENjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkU3MDI0NTU4NjczMTFFOUJDNDZGRjU4NDkzODBENjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDBGMzI1ODg3QUIxMTFFOUJEMzNBMUQ0RjVDMDkyRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDBGMzI1ODk3QUIxMTFFOUJEMzNBMUQ0RjVDMDkyRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz77XdY8AAAGgklEQVR42uxa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) 50% 50% no-repeat
}

.index_template_panel .template_list.skeleton .template_card .card_panel .card_content .card_icon {
    display: none
}

.index_template_panel .template_list.skeleton .template_card .card_panel .card_content .card_title {
    height: 24px;
    background-color: #f1f1f1
}

.index_template_panel .template_list.skeleton .template_card .card_panel .card_content .card_fire {
    font-size: 0;
    right: 50%;
    height: 20px;
    background-color: #f1f1f1
}

.index_template_panel .template_list.skeleton .template_card .card_panel .card_content .card_fire:before {
    content: "";
    display: none
}

.index_template_panel .template_list .template_card {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    height: auto;
    margin-bottom: 25px;
    font-size: 14px;
    text-align: left
}

.index_template_panel .template_list .template_card .card_panel {
    position: relative;
    width: 340px;
    height: auto;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .07);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

.index_template_panel .template_list .template_card .card_panel .card_show {
    position: relative;
    width: 100%;
    height: 192px;
    margin: 0 auto;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

.index_template_panel .template_list .template_card .card_panel .card_show:before {
    content: "";
    display: block;
    padding-top: 100%
}

.index_template_panel .template_list .template_card .card_panel .card_show img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.index_template_panel .template_list .template_card .card_panel .card_layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

.index_template_panel .template_list .template_card .card_panel .card_layer .top_layer {
    background-color: rgba(0, 0, 0, .2);
    height: 192px;
}

.index_template_panel .template_list .template_card .card_panel .card_layer .bottm_layer {
    height: 58px;
    overflow: hidden;
    background: white
}

.index_template_panel .template_list .template_card .card_panel .card_layer .bottm_layer p {
    margin: 14px 116px;
    font-size: 14px;
    color: white;
    background: #0d7bf7;
    padding: 4px 26px;
    border-radius: 13px;
    cursor: pointer;
}

.index_template_panel .template_list .template_card .card_panel .card_layer:hover {
    z-index: 1;
    opacity: 1
}

.index_template_panel .template_list .template_card .card_panel .card_layer .card_layer_btn {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    margin: 145px 10px 0;
    font-size: 14px;
    color: #ffffff;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index_template_panel .template_list .template_card .card_panel .card_layer .card_layer_btn:hover {
    opacity: .9
}

.index_template_panel .template_list .template_card .card_panel .card_layer .card_layer_btn.card_use_btn {
    background-color: #0d7bf7
}

.index_template_panel .template_list .template_card .card_panel .card_layer .card_layer_btn.card_down_btn {
    background-color: #23cd83
}

.index_template_panel .template_list .template_card .card_panel .card_layer .card_favorite_icon {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 2px;
    background: rgba(255, 255, 255, 1) url(../../images/new/ss.png) no-repeat -2px -0px;
}

.index_template_panel .template_list .template_card .card_panel .card_layer .card_detail_icon {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 2px;
    background: rgba(255, 255, 255, 1) url(../../images/new/ss.png) no-repeat -28px -2px;
}

.index_template_panel .template_list .template_card .card_panel .card_layer .card_favorite_icon.masking {
    background-position: -101px -25px
}

.index_template_panel .template_list .template_card .card_panel .card_content {
    position: relative;
    width: 100%;
    height: 58px;
    padding: 0 20px;
    text-align: left;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.index_template_panel .template_list .template_card .card_panel .card_content .card_title {
    line-height: 58px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #010101;
}

.index_template_panel .template_list .template_card .card_panel .card_content .card_title > span {
    float: right;
}

.index_template_panel .template_list .template_card .card_panel .card_content .card_title a {
    color: inherit;
    text-decoration: none;
}

.index_template_panel .template_list .template_card .card_panel .card_content .card_title a:hover {
    opacity: 1;
}

.index_template_panel .template_list .template_card .card_panel .card_content .card_fire {
    position: absolute;
    left: 10px;
    bottom: 15px;
    line-height: 15px;
    padding-left: 18px;
    font-size: 12px;
    color: #b0b5c2
}

.index_template_panel .template_list .template_card .card_panel .card_content .card_fire:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPCAMAAADnP957AAAAWlBMVEUAAAC8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMy8wMwMq9l2AAAAHXRSTlMABdG6Xlk4EvDGsqBPJgr49ePOlYx+fXFjSEEvHJBUIpYAAABfSURBVAjXTY5JDoAgEAQHUAQE9137/98UJAh1qsokk6bI2VCmEkUc2HLMgPzkcdQoYArecckEPLWPBatBgPvDgMRNF352qnO0JMtgY7T4zibXLOzqoTgg4lZnLNOVlxdL9Ap/pGs+IQAAAABJRU5ErkJggg==) no-repeat 50%
}

.index_template_panel .template_list .template_card .card_panel .card_content .card_icon {
    position: absolute;
    right: 10px;
    bottom: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.index_template_panel .template_list .template_card .card_panel .card_content .card_icon.pdf {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATBAMAAACAfiv/AAAAKlBMVEUAAAD/WVn/WVn/WVn/WVn/WVn/WVn/WVn/WVn/WVn/WVn/WVn/WVn///9IkdHoAAAADHRSTlMA50r2O+6byWQ5GgZDx5wVAAAAb0lEQVQI12NgYJI5AwQnGICA0QFEHp0AJHgYQOCwFJx5JnwDjGlzMAHGTD5zAMSEgAMMimfAQAjIlIEwDwKZZ+/euXsXSICYZ+7cOXv2zBmwKJAJEz0DEwWSQLVgJsIEhLnItsHcy8AiAPIFRLECAJ4BT7ZFrWO7AAAAAElFTkSuQmCC) no-repeat 50%
}

.index_template_panel .template_list .template_card .card_panel .card_content .card_icon.ppt {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATBAMAAABvvEDBAAAAKlBMVEUAAAAOxXoOxXoOxXoOxXoOxXoOxXoOxXoOxXoOxXoOxXoOxXoOxXr///+e/v1SAAAADHRSTlMA5/RKO+6byWQ5GgZ9qBQWAAAAYklEQVQI12NgMDwDAg0MDAwiDEDAEwkkDoBZigtgrKPVDGBVDExnxKAsNp0zDGfO3r1zBiQPZJ2BsCBiPDxnwGJngBQDCgsIoLJnoGIQO8AsqOAZsBgYoLBEICxHmJvPCAMANCc9xing8UMAAAAASUVORK5CYII=) no-repeat 50%
}

.index_template_panel .template_list .template_card .card_panel .card_content .card_icon:first-of-type {
    right: 10px
}

.index_template_panel .template_list .template_card .card_panel .card_content .card_icon:nth-of-type(2) {
    right: 40px
}

.index_template_panel .template_list .template_card .card_panel:hover {
    -webkit-transform: translateY(-4px) scale(1.025);
    -ms-transform: translateY(-4px) scale(1.025);
    transform: translateY(-4px) scale(1.025);
    /*-webkit-box-shadow: 0 9px 21px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 9px 21px 0 rgba(0, 0, 0, .15)*/
}

.index_template_panel .tip_login_look {
    margin-top: 30px;
}

.index_fs_advert {
    width: 100%
}

.index_fs_advert a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0
}

.index_fs_advert img {
    width: 100%;
    height: auto
}

.index_works_panel {
    background: url("../../images/new/index/sim_back.png");
    height: 642px;
    text-align: center;
}

.index_works_panel .index_works_panel_content {
    width: 100%;
    height: 100%;
    max-width: 2560px;
    margin: 25px auto 0;
    font-size: 0
}

.index_works_panel .index_works_panel_content .works_theme, .index_works_panel .index_works_panel_content .works_thumbnail {
    display: inline-block;
    vertical-align: top
}

.index_works_panel .index_works_panel_content .works_theme {
    position: relative;
    width: 75%;
    cursor: pointer;
    background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAjCAYAAABfLc7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkU3MDI0NTY4NjczMTFFOUJDNDZGRjU4NDkzODBENjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkU3MDI0NTU4NjczMTFFOUJDNDZGRjU4NDkzODBENjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDBGMzI1ODg3QUIxMTFFOUJEMzNBMUQ0RjVDMDkyRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDBGMzI1ODk3QUIxMTFFOUJEMzNBMUQ0RjVDMDkyRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz77XdY8AAAGgklEQVR42uxa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) 50% 50% no-repeat;
    overflow: hidden
}

.index_works_panel .index_works_panel_content .works_theme:before {
    content: "";
    display: block;
    padding-top: 42.9%
}

.index_works_panel .index_works_panel_content .works_theme img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.index_works_panel .index_works_panel_content .works_thumbnail {
    position: relative;
    width: 25%
}

.index_works_panel .index_works_panel_content .works_thumbnail:before {
    content: "";
    display: block;
    padding-top: 128.7%
}

.index_works_panel .index_works_panel_content .works_thumbnail li {
    position: absolute;
    top: 0;
    left: 4%;
    width: 96%;
    cursor: pointer;
    overflow: hidden;
    background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAjCAYAAABfLc7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkU3MDI0NTY4NjczMTFFOUJDNDZGRjU4NDkzODBENjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkU3MDI0NTU4NjczMTFFOUJDNDZGRjU4NDkzODBENjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDBGMzI1ODg3QUIxMTFFOUJEMzNBMUQ0RjVDMDkyRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDBGMzI1ODk3QUIxMTFFOUJEMzNBMUQ0RjVDMDkyRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz77XdY8AAAGgklEQVR42uxa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) 50% 50% no-repeat
}

.index_works_panel .index_works_panel_content .works_thumbnail li:before {
    content: "";
    display: block;
    padding-top: 42.9%
}

.index_works_panel .index_works_panel_content .works_thumbnail li:nth-of-type(2) {
    top: 34%
}

.index_works_panel .index_works_panel_content .works_thumbnail li:nth-of-type(3) {
    top: 68%
}

.index_works_panel .index_works_panel_content .works_thumbnail li.active:after, .index_works_panel .index_works_panel_content .works_thumbnail li:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 3px solid #0d7bf7;
    background: rgba(0, 0, 0, .5)
}

.index_works_panel .index_works_panel_content .works_thumbnail li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.index_works_panel .works_getnotice {
    position: relative;
    width: 200px;
    margin: 0 auto 20px;
    text-align: center
}

.index_works_panel .works_getnotice .works_getnotice_btn {
    display: inline-block;
    width: 201px;
    height: 41px;
    line-height: 41px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#3f3f3f), to(#626262)), -webkit-gradient(linear, left top, left bottom, from(#414446), to(#414446));
    background-image: -o-linear-gradient(bottom, #3f3f3f 0, #626262 100%), -o-linear-gradient(#414446, #414446);
    background-image: linear-gradient(0deg, #3f3f3f, #626262), linear-gradient(#414446, #414446);
    -webkit-box-shadow: 0 9px 13px 0 rgba(13, 123, 247, .14);
    box-shadow: 0 9px 13px 0 rgba(13, 123, 247, .14);
    border-radius: 20px;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index_works_panel .works_getnotice .works_getnotice_btn:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 2px;
    width: 14px;
    height: 14px;
    margin-right: 7px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAQMAAAAlhr+SAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjYGZAR///ABGmOABWYQQbG2qh2AAAAABJRU5ErkJggg==) no-repeat 50%
}

.index_works_panel .works_getnotice .works_getnotice_btn:hover {
    opacity: .9
}

.index_works_panel .works_getnotice .works_getnotice_btn:hover + .hovershow_qrcode {
    opacity: 1;
    z-index: 1
}

.index_works_panel .works_getnotice .hovershow_qrcode {
    position: absolute;
    opacity: 0;
    top: -230px;
    left: 0;
    z-index: -999;
    width: 200px;
    height: 220px;
    padding: 10px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 4px;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s
}

.index_works_panel .works_getnotice .hovershow_qrcode img {
    width: 100%
}

.index_works_panel .works_getnotice .hovershow_qrcode p {
    font-size: 14px;
    color: #b0b5c2
}

.index_works_panel .works_list {
    max-width: 2560px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    text-align: left
}

.index_works_panel .works_list.skeleton {
    height: 484px
}

.index_works_panel .works_list.skeleton .works_item {
    width: calc(20% - 10px) !important;
    height: 384px !important;
    background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAjCAYAAABfLc7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkU3MDI0NTY4NjczMTFFOUJDNDZGRjU4NDkzODBENjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkU3MDI0NTU4NjczMTFFOUJDNDZGRjU4NDkzODBENjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDBGMzI1ODg3QUIxMTFFOUJEMzNBMUQ0RjVDMDkyRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDBGMzI1ODk3QUIxMTFFOUJEMzNBMUQ0RjVDMDkyRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz77XdY8AAAGgklEQVR42uxa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) 50% 50% no-repeat
}

.index_works_panel .works_list.skeleton .author_info, .index_works_panel .works_list.skeleton .works_info {
    display: none
}

.index_works_panel .works_list .works_item {
    position: relative;
    display: inline-block;
    width: calc(20% - 10px);
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 42px 12px 57px 0;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    border-radius: 6px;
    background: #ffffff;
    cursor: pointer
}

.index_works_panel .works_list .works_item:nth-child(5n) {
    margin-right: 0
}

.index_works_panel .works_list .works_item:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05)
}

.index_works_panel .works_list .works_item:hover .works_title {
    color: #0d7bf7
}

.index_works_panel .works_list .works_info {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden
}

.index_works_panel .works_list .works_info span {
    display: inline-block;
    margin-left: 16px
}

.index_works_panel .works_list .works_info .works_image {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.index_works_panel .works_list .works_info .works_image:before {
    content: "";
    display: block;
    padding-top: 56%
}

.index_works_panel .works_list .works_info .works_image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.index_works_panel .works_list .works_info .works_title {
    width: 90%;
    margin: 20px 16px 0;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 700;
    color: #737c89
}

.index_works_panel .works_list .works_info .works_introduce {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0 16px 25px;
    line-height: 16px;
    font-size: 14px;
    color: #999999;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.index_works_panel .works_list .works_info .works_type {
    height: 24px;
    width: 64px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 24px;
    background: #dd6b6b
}

.index_works_panel .works_list .works_info .works_right {
    position: absolute;
    right: 16px;
    width: 100%;
    text-align: right;
    bottom: 67px
}

.index_works_panel .works_list .works_info .works_collect, .index_works_panel .works_list .works_info .works_fans {
    display: inline-block;
    font-size: 12px;
    color: #8993a3
}

.index_works_panel .works_list .works_info .works_collect:before, .index_works_panel .works_list .works_info .works_fans:before {
    content: "";
    position: relative;
    display: inline-block;
    top: 2px;
    margin-right: 7px
}

.index_works_panel .works_list .works_info .works_fans:before {
    height: 13px;
    width: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCRjlDNzc5OUUwRjExRTk4OUJGREMyMjIyRENCMkNDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCRjlDNzdBOUUwRjExRTk4OUJGREMyMjIyRENCMkNDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0JGOUM3Nzc5RTBGMTFFOTg5QkZEQzIyMjJEQ0IyQ0MiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0JGOUM3Nzg5RTBGMTFFOTg5QkZEQzIyMjJEQ0IyQ0MiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7b7MxxAAAAuUlEQVR42mL4//8/AwgfO3ZMAMbGh5kYECDg+PHj/4H4PBA7MOAAyBoMkOj9QE0BODUAJRWAVDya3HyoHMjmenQbNgCxAJoGAajTQDY1ANkTQIKMQM8mwEzDAhYAcQISX5EJTQAdoMslMGFxCj5gANLwgQQND0AaHpCg4QJIQwMQf4QKfMSj+KGlpeUCJiABsqEAKggKukQsij9CgxcSDyCdQMoQiA9A2Y5AvBGqGEQbAMUvgDgAAQYAaJxZYh1PtD8AAAAASUVORK5CYII=)
}

.index_works_panel .works_list .works_info .works_collect {
    margin-left: 15%
}

.index_works_panel .works_list .works_info .works_collect:before {
    height: 12px;
    width: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdFODI5MERGOUUwRjExRTlCOEY3Q0NDMjBERDFDNEQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdFODI5MEUwOUUwRjExRTlCOEY3Q0NDMjBERDFDNEQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0U4MjkwREQ5RTBGMTFFOUI4RjdDQ0MyMEREMUM0RDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0U4MjkwREU5RTBGMTFFOUI4RjdDQ0MyMEREMUM0RDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7fT+z2AAAAx0lEQVR42mL4//8/Azo+duzYUiBuwibHCCKQwfHjx3WB1CUg/gDEspaWll+Q5ZkYMEERlBYA4hx0SbANQFOVgGwRILYF4h4k+a9AnAbEN4H4DdC2h4xAt64BcpyhJuIDb4B4GchJz4hQzAB1wT2Yk0DOKMaj+C8Q5wGdNA0eSkBN64BUIA4NvUDFJeihdAqPDUewBasiHg0aMAYLkqA5lH4JxDOAWBCIM4GYFYiNsGkAeWw+EDcB3fsA6q9ZQKoeiP/BFAEEGADIM1zFpdtWtAAAAABJRU5ErkJggg==)
}

.index_works_panel .works_list .author_info {
    margin-top: 10px;
    padding: 13px 16px;
    border-top: 1px solid #f0f0f0;
    font-size: 12px
}

.index_works_panel .works_list .author_info img {
    display: inline-block;
    margin-right: 7px;
    height: 24px;
    width: 24px;
    border-radius: 50%
}

.index_works_panel .works_list .author_info span:nth-child(2) {
    position: relative;
    bottom: 4px;
    color: #3b3b3b
}

.index_works_panel .works_list .author_info span:nth-child(3) {
    position: absolute;
    right: 16px;
    bottom: 18px;
    color: #b5b5b5
}

.index_works_panel .more_works {
    display: inline-block;
    margin: 0 auto;
    color: #8b9198;
    font-size: 14px
}

.index_works_panel .more_works:hover {
    color: #0d7bf7
}

.index_design_content {
    width: 997px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 60px;
}

.index_design_content .design_wall {
    width: auto;
    float: left;
    margin: 5px;
}

.index_design_content .design_wall > img {
    float: left;
    margin: 5px;
}

.index_design_panel {
    /*padding: 100px 80px 82px;*/
    background-color: white;
    /*height: 722px;*/
    text-align: center;
}

.index_design_panel .design_class {
    margin-bottom: 45px;
    text-align: center
}

.index_design_panel .design_class li {
    display: inline-block;
    vertical-align: middle;
    min-width: 82px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-right: 11px;
    font-size: 14px;
    color: #878dab;
    cursor: pointer;
    border: 1px solid #dde1ef;
    border-radius: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

.index_design_panel .design_class li.active, .index_design_panel .design_class li:hover {
    color: #ffffff;
    font-weight: 700;
    border-color: #0d7bf7;
    background: #0d7bf7
}

.index_design_panel .design_class li:last-child {
    margin-right: 0
}

.index_design_panel .design_list {
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    padding: 10px 20px;
    font-size: 0;
    overflow: hidden
}

.index_design_panel .design_list.skeleton .design_card .card_panel .card_show {
    background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAjCAYAAABfLc7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkU3MDI0NTY4NjczMTFFOUJDNDZGRjU4NDkzODBENjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkU3MDI0NTU4NjczMTFFOUJDNDZGRjU4NDkzODBENjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDBGMzI1ODg3QUIxMTFFOUJEMzNBMUQ0RjVDMDkyRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDBGMzI1ODk3QUIxMTFFOUJEMzNBMUQ0RjVDMDkyRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz77XdY8AAAGgklEQVR42uxa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) 50% 50% no-repeat
}

.index_design_panel .design_list.skeleton .design_card .card_panel .card_content .card_icon {
    display: none
}

.index_design_panel .design_list.skeleton .design_card .card_panel .card_content .card_title {
    height: 24px;
    background-color: #f1f1f1
}

.index_design_panel .design_list.skeleton .design_card .card_panel img {
    opacity: 0
}

.index_design_panel .design_list .design_card {
    display: inline-block;
    vertical-align: top;
    width: 16.6%;
    height: 100%;
    margin-bottom: 70px;
    font-size: 14px;
    text-align: left;
    border-radius: 4px;
    background: #ffffff;
    z-index: 99
}

.index_design_panel .design_list .design_card:hover {
    position: relative;
    z-index: 100
}

.index_design_panel .design_list .design_card:hover .card_show {
    border-radius: 4px 4px 0 0 !important
}

.index_design_panel .design_list .design_card:hover .card_layer {
    z-index: 1 !important;
    opacity: 1 !important
}

.index_design_panel .design_list .design_card .card_panel {
    position: relative;
    width: 96%;
    height: 100%;
    margin: 0 auto;
    border-radius: 4px;
    border: 1px solid #f7f7f7;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

.index_design_panel .design_list .design_card .card_panel .card_show {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

.index_design_panel .design_list .design_card .card_panel .card_show:before {
    content: "";
    display: block;
    padding-top: 100%
}

.index_design_panel .design_list .design_card .card_panel .card_show img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.index_design_panel .design_list .design_card .card_panel .card_show .card_layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    text-align: center;
    opacity: 0;
    background-color: rgba(0, 0, 0, .6);
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

.index_design_panel .design_list .design_card .card_panel .card_show .card_layer .card_layer_btn {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 60px);
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #ffffff;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index_design_panel .design_list .design_card .card_panel .card_show .card_layer .card_layer_btn:hover {
    opacity: .9
}

.index_design_panel .design_list .design_card .card_panel .card_show .card_layer .card_layer_btn.card_use_btn {
    background-color: #0d7bf7
}

.index_design_panel .design_list .design_card .card_panel .card_show .card_layer p {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #ffffff
}

.index_design_panel .design_list .design_card .card_panel .card_content {
    position: relative;
    width: 100%;
    height: 96px;
    padding: 15px 10px;
    text-align: left;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.index_design_panel .design_list .design_card .card_panel .card_title {
    line-height: 20px;
    padding: 0 10px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #878dab;
    border-radius: 4px
}

.index_design_panel .design_list .design_card .card_panel .card_title a {
    color: inherit
}

.index_design_panel .design_list .design_card .card_panel .card_title a:hover {
    opacity: 1;
    text-decoration: underline
}

.index_design_panel .design_list .design_card .card_panel .card_title p {
    width: 100%;
    margin: 10px 0 12px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index_design_panel .design_list .design_card .card_panel .card_title span {
    display: none;
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #cac9cf;
    cursor: default
}

.index_design_panel .design_list .design_card .card_panel .card_title span:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    top: 2px;
    margin-right: 3px;
    background: url(/dist/template_sp_2.4.0.93f80f900ed38a6787b2b2814256b03c.png) no-repeat
}

.index_design_panel .design_list .design_card .card_panel .card_title span.use_count:before {
    background-position: -34px -3px
}

.index_design_panel .design_list .design_card .card_panel .card_title span.collect_count:before {
    background-position: -61px -3px
}

.index_design_panel .design_list .design_card .card_panel .card_title .collect_count {
    float: right
}

.index_design_panel .design_list .design_card .card_panel:hover {
    -webkit-transform: translateY(-4px) scale(1.025);
    -ms-transform: translateY(-4px) scale(1.025);
    transform: translateY(-4px) scale(1.025);
    -webkit-box-shadow: 0 9px 21px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 9px 21px 0 rgba(0, 0, 0, .15)
}

.index_design_panel .design_list .design_card .card_panel:hover .card_title {
    height: 77px;
    background: #ffffff;
    -webkit-box-shadow: 0 5px 24px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 5px 24px 0 rgba(0, 0, 0, .2)
}

.index_design_panel .design_list .design_card .card_panel:hover .card_title span {
    display: inline-block
}

.characteristic_banner {
    position: relative;
    width: 100%;
    /*padding: 100px 15px 150px;*/
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background-size: cover;
    text-align: center;
}

.characteristic_banner .tips {
    bottom: 100px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    left: 50%;
    margin-left: -325px;
    position: absolute;
    width: 650px;
}

.characteristic_banner .tips span {
    color: #666666;
    font-size: 14px;
    padding-left: 20px;
    position: relative;
}

.characteristic_banner .tips span:after {
    background: #666666;
    border-radius: 3px;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    left: 7px;
    top: 7px;
    width: 6px;
}

.characteristic_banner .char_back {
    width: 1193px;
    height: 391px;
    background-image: url(../../images/new/index/char_back.png);
    margin: 0 auto;
}

.characteristic_banner[data-type="1"] {
    background-image: url(../../images/new/characteristic_bg_01.bcec08d27034f7a4fd501a40b2e773d2.jpg)
}

.characteristic_banner[data-type="2"] {
    /*background-image: url(../images/characteristic_bg_02.8b939e8b2edf9231fad44db8ccc7ecac.jpg)*/
    background: #f8f8f8;
    height: 578px;
}

.characteristic_banner[data-type="3"] {
    background-image: url(../images/characteristic_bg_03.5e84855fa2a10bd91a69078e829568b9.jpg)
}

/*.characteristic_banner .panel_title {
    margin-bottom: 37px;
    color: #fff
}*/
.characteristic_banner .banner_title {
    width: 100%;
    height: 42px;
    margin: 0 auto 55px;
    font-size: 0
}

.characteristic_banner .banner_title span {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 38px;
    margin-right: 38px;
    text-align: center;
    border-radius: 19px;
    border: 1px solid hsla(0, 0%, 100%, .8);
    font-size: 16px;
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.characteristic_banner .banner_title span:last-child {
    margin-right: 0
}

.characteristic_banner .banner_title span.active, .characteristic_banner .banner_title span:hover {
    height: 38px;
    line-height: 34px;
    color: #fffefe;
    border: 2px solid #ffffff
}

.characteristic_banner .banner_img {
    position: relative;
    width: 1240px;
    max-width: 90%;
    height: 685px;
    margin: 0 auto;
    text-align: center
}

.characteristic_banner .banner_img div {
    position: absolute;
    right: 200%;
    top: 10%;
    z-index: 2;
    width: 100%;
    height: 685px;
    -webkit-transition: right 1s;
    -o-transition: right 1s;
    transition: right 1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.characteristic_banner .banner_img div.to_index {
    right: 0 !important
}

.characteristic_banner .banner_img img {
    max-width: 100%
}

.characteristic_banner.fixed {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100
}

.index_material_panel {
    text-align: center;
    background: #fcfcfc;
}

.index_material_panel .material_panel {
    padding: 0 15px;
    margin-top: -30px;
    background-color: #ffffff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index_material_panel .material_panel .panel_title {
    width: 100%;
    margin: 0 auto 58px;
    font-size: 0
}

.index_material_panel .material_panel .panel_title button {
    display: inline-block;
    vertical-align: middle;
    width: 298px;
    height: 68px;
    line-height: 66px;
    margin: 0 16px 0 0;
    border-radius: 4px;
    border: 2px solid #bec9d4;
    background: #ffffff;
    text-align: center;
    color: #8196ad;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index_material_panel .material_panel .panel_title button:last-child {
    margin-right: 0
}

.index_material_panel .material_panel .panel_title button.active, .index_material_panel .material_panel .panel_title button:hover {
    color: #ffffff;
    border: 2px solid #0d7bf7;
    background: #0d7bf7
}

.index_material_panel .material_panel .panel_title button.active.img div:before, .index_material_panel .material_panel .panel_title button:hover.img div:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNBNUMxOEZBOUQ4MjExRTlBQzY0REUzRjFFRkE2ODc2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNBNUMxOEZCOUQ4MjExRTlBQzY0REUzRjFFRkE2ODc2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0E1QzE4Rjg5RDgyMTFFOUFDNjRERTNGMUVGQTY4NzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0E1QzE4Rjk5RDgyMTFFOUFDNjRERTNGMUVGQTY4NzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6wsB/EAAAC+klEQVR42tyZy2sTQRzHs5VKIalFPRQPgthWsYivHnoRc7EakYIkB1P9BxRE8NyLYGk99FYPPXiWtHiQeEtE0HrppQ9pDWh9gHioRKRaI7Hq+J3yCwxD9vGbzbQbf/CBdndn57uTefwejhAiFsLi4DRIgl5wCHSCBN1fB6vgNXgFnoMZ8MO4RymYiQNSYApUBN8q1DZF72L1zxWbBguicSbfdcmG4C5QEPasQH00RPBlsCbsm+wjG0awnF8jYuttxGtue4m9J7bPJt1EuwkeE9tvY0EFZ0V0bEjX52gHRxeYA7ti0bDv4CR4W7ugCy6AgVi0rAjO1Tvp0iK6ltbnsMM8wYogCQ7SSbVsWfBibdeoCT7PPJV2aIuhA7yzLDqlCs4xGiZdtsJblgXnaoLj4Cej4QEXwRmfdvMhBUuN8RbyZ9sYq/Y487q0eXAWrIXYLdo2tUL1KPNL5QLbrY3uYfDVo80APTcccpRH5crLQ/kg82vfgwnwERwDN0GHy7NPlL1dRihvwD7DUX4sv7pkcaH8BX3ar3E9xPtKcoTLUL7X0imVA0PatVZQIjeAa1+k4Cr+2GlB7AY4ovoBismPeGDwzl/yJ6pamg4TPsHBnME7q7Jx2TCcuetx/xvo9Al3Ugb9lk0X3Q3QAmZc7t8OGNw+5S462SjPbDSr+BI9YF27vwraAwrup50kqOXlSbfEmPS/wTXwh/6Xe+qw9swdcryD2Cx4xOh/iTuXxuuMkjo1VkArMznTCzaCemwc5+cDSLh02k1TIyv4qS/J/aDOD8e9HPTp9KJJrozYH2DQplR/2G9aPDQUwmHcR8MFNWp2wAI5MrpVQD/4ZDnY3AMWyUHS7SU4IUPQZglCM255iSiG+ap7WjeRIqOD9gglUk6BFa8MfKRTVf9FMrAp061Nl9BWubKFJYOrjSrKdFM+zZYVqY+Gl70ylJhrZNkrY7NOpxYWp5kpLtXrmjYtLDohS7cJSnWdAUdBT53S7Wcq3S6DZ+AFXTeyfwIMABXlar0jnaCQAAAAAElFTkSuQmCC) no-repeat
}

.index_material_panel .material_panel .panel_title button.active.shape div:before, .index_material_panel .material_panel .panel_title button:hover.shape div:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NkYxNUZGOUQ4ODExRTlCNDlCOUMzOUNGOTIyODM1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE0NkYxNjAwOUQ4ODExRTlCNDlCOUMzOUNGOTIyODM1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTQ2RjE1RkQ5RDg4MTFFOUI0OUI5QzM5Q0Y5MjI4MzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTQ2RjE1RkU5RDg4MTFFOUI0OUI5QzM5Q0Y5MjI4MzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7TaAtlAAACKUlEQVR42tyZu04CQRSGdzYUJKKVxAfwUhjjrTZaeSkNFKI22uhzaEh4ARMtbbXTEm281IIGLUQfwEtjVLAb/6Nnk80KZC8zsOOffAXLzszPcGDOniOklFYEdYEpMAOGwRDoAyl+/wM8gXtwB87BBfgMvSIZDogAC+AA1GRw1XjsAs8VaP2gZjOgLNWJ5lrUYbgfFKU+FXkNJYaXwJvUL1ojF8UwxVdetl/5VrHdyuyO7Jz2mpluZrggO6+CX8M5GR8te/0Jz8HRD65AjxUPvYMJ8OhcsD037MbILKmbPVmNDGfArBU/zbK3HzkhIUAJjPmYQPg99RWavgHjNKezw3M+zXZKo2DeHRLrVvy15oQEpYivIOlzYCdCgvQFehOczyY17IhQ/GHI41SCk28dkhG/oUaaoRgesczRCBkeNMjwIBlOG2Q4bfPxZ4q6Ewp+TELDX1hT2ZwRmaJ3MvyieRHhwWrw2q9eyHDVoB2ukuGKQYYrNpePTNF5mORH5VEbJK/4SX5sLswdRVywFap0TF6dfHjfgHDY9z4ilTmzb2ea6Tck/jwi0aAtjWlm1JDZdu711iWKMXxyPnV7alRIKcUoIaK0YRI8NCukUIVlI0a7u+k2+xtg/6AYaGS51biCtpuVNrYMVlU1ZQbAiUazJ7yG8rZXFlwrbntldfbp3I3FQ1APYbLOY0M1FkXE1m2KS13TXJChGoe3dfts/bZub8EZuOTrofQtwAAkT6lQNTqnBQAAAABJRU5ErkJggg==) no-repeat
}

.index_material_panel .material_panel .panel_title button div:before {
    content: "";
    position: absolute;
    left: 75px;
    top: -2px;
    width: 44px;
    height: 44px
}

.index_material_panel .material_panel .panel_title button.img div:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEyQjE5MUM4OUQ4MzExRTk5QjNBRTIyQ0M1Q0QxQkNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEyQjE5MUM5OUQ4MzExRTk5QjNBRTIyQ0M1Q0QxQkNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTJCMTkxQzY5RDgzMTFFOTlCM0FFMjJDQzVDRDFCQ0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTJCMTkxQzc5RDgzMTFFOTlCM0FFMjJDQzVDRDFCQ0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7767myAAADnklEQVR42syZS0gVURjH5w4tsluRgbQOsSikB20lW3SLFlFJ9KAW2SKLcNGqNHuoGUUkhaRcCLJFqUhPCS2FSNsU9LpZi24G1SJKWtTVCiyn/0ffxDDM45wz91zvH36gM3PO+XPmzHe+891Yfes1I4LioAyUg8VgAZgHZvL9MfAZvAGvwSAYAuOqA05TaBMDa0ElWA8KAp6dyywCG0AN+Al6wCVwF1gyg5uSZivAM9ALtoSY9VMBt+3lvjbqMFwM7gFaP0uN7In6usF9F2fL8FbwFCQMfUrwGNuiGKa1egJ0gtmGftEYHTxmTNYwNWgBh43ci8Zs8zPtZ/gk2G9MnarYg5BhWkeHjKkXedgeZpi+1KSRP0q6o4fbcFuOPjBRzWJPnoYrNIeuKCGvwm2YvsijEp0MgFX8ujZxnqBTx+yoYecSayR2sH6wDvzh/9+B+7zNztdkeAnnL332DFdKNG5ymLX1jeO2Tu2yl0ScMylRvfe5/iGk3fOIhslj3OR8drpkwiJz3eDlsprfhKrIY5nJybeMaAcqdF1bCKoD2hwEX8GZiLNcToZLJRvRyeIJOAA2gwbwCMwJiCj9/Pc58CmC4VKKEiUKDSkaNAs8Z7m2eToaNYJWRcMlNMNFGr/sLn4bTl0EI4r9FZm8/enQBKjzuX5Edas2Nc5uMmAmOzlySIsMZxTafQenA+5n+OQQtLZrFcbNkOFRxVMBDfjQ534z1yOC1MdbuoxGyXBastFjTvkmwW6PosgXcFawrxrJukSaDA9LNPgN9jpyibTHua9RYplR/L4pMf6wyeUjUZ33+FhaHEtjROHEUscTIaJBMky1rl+CSc9xj+uTnO2N8+ATkoYpl74s8Bx5HDJ5oFsCDShXGPO595YLLl2KIbBeYNJuk1c7DreHPEwlqp6QZ+5IfkBOfQQXQp5pd544qIqY4szerR+8FAo1J+ht/EHHPe6lOAz+N2zxa/EqFs8AL6f4INpgvz3n1nzdkQbmkwacE+nOJfYpbtW6lGFPvoUUiqN78shwFUcgX8N2JnUqD8yShw6vbM1LtQJhRqeSftmcGZD+VXMNItdq4nVryRi2TdNWu4PzX92iMXbymFZQAh+mq2AFhxedoYvGuCJy4hARfakJPtansmj0BfeZcEeDqIadOcUy418xsFswy/PKurq5j+U+u6uvVH4JtXhfJ+gnWip1reSCDNU43D/d0gmEfrp9BR5w7jym+kr+CjAA1k7EhYb4tdAAAAAASUVORK5CYII=) no-repeat
}

.index_material_panel .material_panel .panel_title button.shape div:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZBRTRDNzJDOUQ4NzExRTlCMzU5RUREMEQ1RkZBMkQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZBRTRDNzJEOUQ4NzExRTlCMzU5RUREMEQ1RkZBMkQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkFFNEM3MkE5RDg3MTFFOUIzNTlFREQwRDVGRkEyRDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkFFNEM3MkI5RDg3MTFFOUIzNTlFREQwRDVGRkEyRDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7zcgQrAAACkklEQVR42tSZvU8UQRjG58gVkgMLE+IfQCDBEMXQEqlOY2EgF6MQLaTREGPvB8FgxNgbJFdBo5gQNEIBfjQe1hIJWgj+AUrnaaRbnye8ay6bvb3d2Zm7nSf5NXA782OZmX33vdzM0xWVIgUwBIbBCdALjoMO+f1v8AN8A19BBWyCP7oT5jWuyYFzYAJcAO0Rnz0m9IERcAf8BWtgAbwBXpLJ2xLKlsAWWAeXGsjWS7tcuy5jjdoQ7gZvAdfPKWUuHOuVjN1tSvgy+ASKyl6KMsdYGmGu1YfgBTiq7IdzLMmcuaTCvOAJuKeaH845X0+6nvAjcFO1LjfEIZYw19Ft1frQYbyRMHdqWWUn5eDpERSeb9IGi5tOcQoVLlk+utIceaWgMHfkdIJHcxxM5r4/pi981vATzHROSv3yX3hCZT/XfOGCVFJZDx0Lealnj1iYIGodexrj0XEoL8W3jXgaf0ijDHNJ9Ct30k/hHoeEeyjc5ZBwV5s8/lxJZ97AZspp7nqt8A5XHbrDVQrvW54krMbQrTn2Kbzr0B3epfCOQ8I7FK44JFyhMHtdB4bXqY26mI6bFGZj7nXKmiEKU1mlq18PLzqwHBZrC3h2EbczLEu3jVph/utmLJaZaZfMA/+ztW/NL8G7DN7d9+qwaxral5jM2KO6Kk51GynfwfUMCbPHthclzLC9+jgDsnRYCqvWwnIXzLVQtiwOKq4wd+QtMNsC2VlZt14SYV96ClwBv5ogyjmuypxeVAHfKM/BoBwvNo8uzvEszhtHnHCnsot40fAT8bOMWQyeBmmF/fAAHwDnwbJmlXcg13KM07UPhTjRfQndEPgVLVtdZ6Qhwx5H8Kvbn+rwq9sv4AP4KD/Xyj8BBgCCd4K1xfWRMAAAAABJRU5ErkJggg==) no-repeat
}

.index_material_panel .material_panel .panel_title div {
    position: relative;
    width: 100%;
    padding-left: 44px;
    margin-bottom: -3px
}

.index_material_panel .material_panel .panel_title div span {
    display: block;
    line-height: 22px;
    font-size: 20px
}

.index_material_panel .material_panel .panel_title div i {
    display: block;
    line-height: 22px;
    font-size: 12px
}

.index_material_panel .material_panel .material_panel_img, .index_material_panel .material_panel .material_panel_shape {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 2560px;
    font-size: 0;
    text-align: center;
    overflow: hidden
}

.index_material_panel .material_panel .material_panel_img .material_panel_class, .index_material_panel .material_panel .material_panel_shape .material_panel_class {
    width: 100%;
    height: 30px;
    margin-bottom: 27px;
    text-align: center;
    overflow: hidden
}

.index_material_panel .material_panel .material_panel_img .material_panel_class .panel_class_list li, .index_material_panel .material_panel .material_panel_shape .material_panel_class .panel_class_list li {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 28px;
    margin-right: 15px;
    padding: 0 12px;
    border-radius: 15px;
    background: #ffffff;
    border: 1px solid #dde1ef;
    font-size: 14px;
    color: #878dab;
    text-align: center;
    cursor: pointer
}

.index_material_panel .material_panel .material_panel_img .material_panel_class .panel_class_list li:last-child, .index_material_panel .material_panel .material_panel_shape .material_panel_class .panel_class_list li:last-child {
    margin-right: 0
}

.index_material_panel .material_panel .material_panel_img .material_panel_class .panel_class_list li.active, .index_material_panel .material_panel .material_panel_img .material_panel_class .panel_class_list li:hover, .index_material_panel .material_panel .material_panel_shape .material_panel_class .panel_class_list li.active, .index_material_panel .material_panel .material_panel_shape .material_panel_class .panel_class_list li:hover {
    background: #0d7bf7;
    color: #ffffff
}

.index_material_panel .material_panel .material_panel_img .material_panel_class .panel_class_list li.active, .index_material_panel .material_panel .material_panel_shape .material_panel_class .panel_class_list li.active {
    font-weight: 700
}

.index_material_panel .material_panel .material_panel_img .material_panel_content, .index_material_panel .material_panel .material_panel_shape .material_panel_content {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.index_material_panel .material_panel .material_panel_img .material_panel_content .falls_list, .index_material_panel .material_panel .material_panel_shape .material_panel_content .falls_list {
    margin-bottom: 10px;
    background: #f8f8f8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAjCAYAAABfLc7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkU3MDI0NTY4NjczMTFFOUJDNDZGRjU4NDkzODBENjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkU3MDI0NTU4NjczMTFFOUJDNDZGRjU4NDkzODBENjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDBGMzI1ODg3QUIxMTFFOUJEMzNBMUQ0RjVDMDkyRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDBGMzI1ODk3QUIxMTFFOUJEMzNBMUQ0RjVDMDkyRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz77XdY8AAAGgklEQVR42uxa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) 50% 50% no-repeat;
    cursor: pointer;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    -moz-column-width: 300px
}

.index_material_panel .material_panel .material_panel_img .material_panel_content .falls_list:hover, .index_material_panel .material_panel .material_panel_shape .material_panel_content .falls_list:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .07)
}

.index_material_panel .material_panel .material_panel_img .material_panel_content img, .index_material_panel .material_panel .material_panel_shape .material_panel_content img {
    width: 100%;
    background-color: #f8f8f8
}

.index_material_panel .material_panel .material_panel_img.material_panel_img, .index_material_panel .material_panel .material_panel_shape.material_panel_img {
    height: 990px
}

.index_material_panel .material_panel .material_panel_img.material_panel_img .material_panel_content, .index_material_panel .material_panel .material_panel_shape.material_panel_img .material_panel_content {
    -webkit-column-count: 6;
    column-count: 6;
    -moz-column-count: 6;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    -moz-column-gap: 10px;
    max-height: 1250px;
    overflow: hidden
}

@media screen and (max-width: 1680px) {
    .index_material_panel .material_panel .material_panel_img.material_panel_img .material_panel_content, .index_material_panel .material_panel .material_panel_shape.material_panel_img .material_panel_content {
        max-height: 1080px
    }
}

.index_material_panel .material_panel .material_panel_img.material_panel_img .bottom_mask, .index_material_panel .material_panel .material_panel_shape.material_panel_img .bottom_mask {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 370px;
    padding-top: 280px;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(4%, hsla(0, 0%, 100%, .1)), color-stop(40%, hsla(0, 0%, 100%, .9)), color-stop(60%, #ffffff));
    background-image: -o-linear-gradient(top, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .1) 4%, hsla(0, 0%, 100%, .9) 40%, #ffffff 60%);
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .1) 4%, hsla(0, 0%, 100%, .9) 40%, #ffffff 60%)
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content {
    position: relative;
    padding-bottom: 20px
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content:before, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content:before {
    content: "";
    display: block;
    padding-top: 50%
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_panel_content_fill, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_panel_content_fill {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 20px;
    right: 0;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    -moz-column-gap: 10px;
    font-size: 0
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_panel_content_fill.other_shape, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_panel_content_fill.other_shape {
    -webkit-column-count: 12;
    column-count: 12;
    -moz-column-count: 12;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    -moz-column-gap: 15px
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_panel_content_fill.other_shape.big_fill, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_panel_content_fill.other_shape.big_fill {
    -webkit-column-count: 5;
    column-count: 5;
    -moz-column-count: 5
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_panel_content_fill.other_shape.big_fill .matrix_list, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_panel_content_fill.other_shape.big_fill .matrix_list {
    margin-bottom: 20px
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_panel_content_fill.other_shape.big_fill .matrix_list:before, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_panel_content_fill.other_shape.big_fill .matrix_list:before {
    padding-top: 56%
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_panel_content_fill.other_shape .matrix_list, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_panel_content_fill.other_shape .matrix_list {
    margin-bottom: 15px
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_panel_content_fill.other_shape .matrix_list:before, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_panel_content_fill.other_shape .matrix_list:before {
    padding-top: 100%
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_matrix, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_matrix {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    -webkit-column-count: 4;
    column-count: 4;
    -moz-column-count: 4;
    -webkit-column-gap: 9px;
    column-gap: 9px;
    -moz-column-gap: 9px
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_matrix:first-of-type, .index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_matrix:nth-of-type(2), .index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_matrix:nth-of-type(3), .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_matrix:first-of-type, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_matrix:nth-of-type(2), .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_matrix:nth-of-type(3) {
    width: 19%;
    margin-right: 2%
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_matrix:nth-of-type(3), .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_matrix:nth-of-type(3) {
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-count: 2
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_matrix:nth-of-type(3) .matrix_list:before, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_matrix:nth-of-type(3) .matrix_list:before {
    padding-top: 50%
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_matrix:nth-of-type(3) .matrix_list img, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_matrix:nth-of-type(3) .matrix_list img {
    top: -50%;
    height: auto
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_matrix:nth-of-type(4), .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_matrix:nth-of-type(4) {
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-count: 3;
    width: 37%;
    -webkit-column-gap: 11px;
    column-gap: 11px;
    -moz-column-gap: 11px
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_matrix:nth-of-type(4) .matrix_list, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_matrix:nth-of-type(4) .matrix_list {
    margin-bottom: 25px
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .material_matrix:nth-of-type(4) .matrix_list:before, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .material_matrix:nth-of-type(4) .matrix_list:before {
    padding-top: 56%
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .matrix_list, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .matrix_list {
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    cursor: pointer;
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    -moz-column-width: 150px
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .matrix_list:before, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .matrix_list:before {
    content: "";
    display: block;
    padding-top: 100%
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .matrix_list:hover, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .matrix_list:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .07)
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .material_panel_content .matrix_list img, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .material_panel_content .matrix_list img {
    position: absolute;
    top: 10%;
    left: 10%;
    height: 80%;
    width: 80%;
    margin: 0 auto;
    background-color: #ffffff
}

.index_material_panel .material_panel .material_panel_img.material_panel_shape .bottom_mask, .index_material_panel .material_panel .material_panel_shape.material_panel_shape .bottom_mask {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 370px;
    padding-top: 280px;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(4%, hsla(0, 0%, 100%, .1)), color-stop(40%, hsla(0, 0%, 100%, .9)), color-stop(60%, #ffffff));
    background-image: -o-linear-gradient(top, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .1) 4%, hsla(0, 0%, 100%, .9) 40%, #ffffff 60%);
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .1) 4%, hsla(0, 0%, 100%, .9) 40%, #ffffff 60%)
}

.index_company_panel {
    width: 100%;
    padding-top: 98px;
    height: 1026px;
    /*background: #141414 url(../images/index_banner02.5031f87b7167024e27f5fdebf8407bb8.png) no-repeat center -140px;*/
    overflow: hidden
}

.index_company_panel .panel_title {
    margin-bottom: 80px;
    color: #ffffff
}

.index_company_panel img {
    display: block;
    max-width: 95%;
    margin: 0 auto
}

.hot_article {
    padding: 160px 0
}

.hot_article .panel_title {
    font-size: 34px;
    color: hsla(0, 0%, 100%, .8);
    font-weight: 400;
    margin-bottom: 55px
}

.hot_article .panel_title i {
    display: inline-block;
    position: relative;
    bottom: 12px;
    width: 55px;
    height: 1px;
    margin: 0 auto;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #00000000), to(#ffffff));
    background: -o-linear-gradient(left, #00000000 0, #ffffff 100%);
    background: linear-gradient(90deg, #00000000, #ffffff)
}

.hot_article .panel_title i:last-child {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffffff), to(#00000000));
    background: -o-linear-gradient(left, #ffffff 0, #00000000 100%);
    background: linear-gradient(90deg, #ffffff, #00000000)
}

.hot_article .hot_course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1300px;
    max-width: 95%;
    margin: 0 auto;
    text-align: left;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hot_article .hot_course.skeleton .commend_image {
    background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAjCAYAAABfLc7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkU3MDI0NTY4NjczMTFFOUJDNDZGRjU4NDkzODBENjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkU3MDI0NTU4NjczMTFFOUJDNDZGRjU4NDkzODBENjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDBGMzI1ODg3QUIxMTFFOUJEMzNBMUQ0RjVDMDkyRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDBGMzI1ODk3QUIxMTFFOUJEMzNBMUQ0RjVDMDkyRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz77XdY8AAAGgklEQVR42uxa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) 50% 50% no-repeat
}

.hot_article .hot_course.skeleton .commend_detail, .hot_article .hot_course.skeleton .commend_title, .hot_article .hot_course.skeleton .news_list ul li {
    background-color: #f1f1f1;
    height: 18px
}

.hot_article .hot_course.skeleton .commend_detail {
    height: 120px
}

.hot_article .hot_course.skeleton .news_list ul li {
    height: 24px
}

.hot_article .hot_course.skeleton .news_list ul li:before {
    display: none
}

.hot_article .hot_course h3 {
    width: 100%;
    padding-bottom: 13px;
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: 400;
    color: hsla(0, 0%, 100%, .8);
    border-bottom: 1px solid #2c2c2c
}

.hot_article .hot_course h3 a {
    float: right;
    font-size: 14px;
    clear: both;
    color: #a3a3a3
}

.hot_article .hot_course h3 a:hover {
    color: #0d7bf7
}

.hot_article .hot_course .commend {
    width: 50%;
    height: 150px
}

.hot_article .hot_course .commend a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hot_article .hot_course .commend a:hover .commend_title {
    color: #0d7bf7
}

.hot_article .hot_course .commend a div {
    width: 51%
}

.hot_article .hot_course .commend a .commend_image {
    width: 45%;
    height: 150px;
    border-radius: 4px;
    overflow: hidden
}

.hot_article .hot_course .commend a .commend_image img {
    width: 100%
}

.hot_article .hot_course .commend a .commend_title {
    display: -webkit-box;
    line-height: 18px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
    color: hsla(0, 0%, 100%, .6);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.hot_article .hot_course .commend a .commend_detail {
    position: relative;
    display: -webkit-box;
    line-height: 18px;
    max-height: 122px;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .5);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    letter-spacing: 1px;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

.hot_article .hot_course .news_list {
    width: 45%;
    height: 150px
}

.hot_article .hot_course .news_list p {
    padding-bottom: 13px;
    line-height: 1;
    font-size: 16px;
    color: hsla(0, 0%, 100%, .7)
}

.hot_article .hot_course .news_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hot_article .hot_course .news_list ul li {
    width: 40%;
    line-height: 22px;
    margin-right: 20%;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .5);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.hot_article .hot_course .news_list ul li a {
    color: inherit
}

.hot_article .hot_course .news_list ul li:nth-child(2n) {
    margin-right: 0
}

.hot_article .hot_course .news_list ul li:hover {
    color: #0d7bf7
}

.hot_article .hot_course .news_list ul li:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    margin: 0 6px 3px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE4QThEMEIwOUUwMzExRTlBMTlDOEM0NUY1Njc5OEU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE4QThEMEIxOUUwMzExRTlBMTlDOEM0NUY1Njc5OEU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QThBOEQwQUU5RTAzMTFFOUExOUM4QzQ1RjU2Nzk4RTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QThBOEQwQUY5RTAzMTFFOUExOUM4QzQ1RjU2Nzk4RTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61WGB4AAAAXUlEQVR42mIMCgxkgAIFIF4AxAlA/AAkwASVUATiA0BsD8T7oQrBkopQAXkkE8AKQJLzkSSQrZgHkoyH2YEE7oPsBkk+BGIHqABMAsR/BHMQSIEjEO+FSYAEAQIMAIVEEfvgCVADAAAAAElFTkSuQmCC) no-repeat
}

.index_footer {
    width: 100%;
    height: 60px;
    background: #050505;
    color: #7f818e;
    font-size: 12px;
    text-align: center
}

.index_footer .index_footer_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1300px;
    max-width: 95%;
    height: 100%;
    margin: 0 auto;
    padding: 19px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index_footer .index_footer_center p {
    display: inline-block;
    height: 22px;
    line-height: 22px
}

.index_footer .index_footer_center p a {
    color: #7f818e
}

.index_footer .index_footer_center:before {
    content: "";
    display: inline-block;
    text-align: left;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAAcCAYAAACzpld9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRDREFBMzU3ODczNjExRTlCMzQzQ0FFOUUwODVFQjAwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRDREFBMzU4ODczNjExRTlCMzQzQ0FFOUUwODVFQjAwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NENEQUEzNTU4NzM2MTFFOUIzNDNDQUU5RTA4NUVCMDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NENEQUEzNTY4NzM2MTFFOUIzNDNDQUU5RTA4NUVCMDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4284/UAAAHqElEQVR42uxa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) no-repeat;
    width: 140px;
    height: 28px;
    background-size: cover
}

.to_top {
    position: fixed;
    bottom: 90px;
    right: 16px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    z-index: 10;
    background: #dcdcdc;
    border-radius: 4px;
    overflow: hidden
}

.to_top:before {
    content: "";
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAABSElEQVRYhe3WQWqEMBQG4N9QXLqfAwiuPIEX6Dmm1+ptPIELiRJF0FZBCUERBEW7cqC2ZWJwRgv+O0Pi+4zPoMYYewXwDuCCfZIDuGqMsc8dETcMOQACAC5kb8GcE7LMYSAvMpM8z0Nd10oFDMOAbdt350ntiCpizVopiGEYyhDZtRpjbFKusmH+V7P+lWEYQCkFIQSWZYEQ9edSXjlNEyilEEKAcw5KKaZJ/S0rQ8IwhBDids05RxzHz4UkSYKyLH+M53mOLMueA7lXLEkSFEXxWEhVVVLbH0UROOePgQghEASBVEPOjdw0zbaQtm1XfxXjOML3fXRdtx0kTVMMwyCNmNP3vXTzKh/xruv+Ou44jsrtjnPEn5BlTsgyyhBd16XGHg4xTfNbYV3XYZqmMuT8VVzmUJB8bwSAggB4A7D+T2a7fAC4fgGbs5dnxgc/6QAAAABJRU5ErkJggg==);
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-animation: top_bg-data-v-5b0911be .3s ease;
    animation: top_bg-data-v-5b0911be .3s ease
}

.to_top:hover {
    background: #0d7bf7;
    overflow: hidden
}

.to_top:hover:before {
    content: "\8FD4\56DE\9876\90E8";
    position: relative;
    font-size: 12px;
    color: #ffffff;
    -webkit-animation: top_button-data-v-5b0911be .3s ease alternate;
    animation: top_button-data-v-5b0911be .3s ease alternate;
    background: none;
    top: 1px
}

.vipcont {
    padding: 36px 0 100px;
}

.vipcont .title {
    text-align: center;
    color: #333333
}

.vipcont .title span {
    display: block;
    line-height: 40px;
    font-size: 24px;
    font-weight: bold;
}

.vipcont .title span b {
    color: #1ed4b7;
    margin-right: 10px;
    font-size: 26px;
}

.vipcont .title p {
    display: block;
    font-size: 14px;
    line-height: 28px;
}

.vipcont .cont {
    margin-top: 40px;
    overflow: hidden;
    zoom: 1;
    padding-left: 123px;
    position: relative;
}

.vipcont .cont .tempWrap {
    overflow: hidden;
    position: relative;
    width: 1194px;
}

.vipcont .cont ul {
    zoom: 1;
}

.vipcont .cont ul li {
    float: left;
    padding: 40px 0 15px;
}

.vipcont .cont ul li .mmt {
    padding: 78px 30px 0;
    width: 358px;
    box-shadow: 0 0 20px #dddddd;
    height: 200px;
    margin: 0 20px;
    background: #ffffff url(../../images/new/index/szico.png) no-repeat 30px 30px;
    position: relative;
}

.vipcont .cont .user {
    width: 100px;
    position: absolute;
    top: -30px;
    right: 0px;
    text-align: center;
}

.vipcont .cont .user i {
    display: block;
    width: 60px;
    margin: 0 auto;
}

.vipcont .cont .user img {
    display: block;
    width: 100%;
    border-radius: 50%;
}

.vipcont .cont .user em {
    display: block;
    font-size: 14px;
    color: #333333;
    padding-top: 12px;
}

.vipcont .cont ul li p {
    display: block;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    height: 88px;
}

.vipcont .cont ul li span {
    display: block;
    text-align: right;
    margin-right: -10px;
    color: #cccccc;
    font-size: 14px;
}

.vipcont .bbtns {
    position: absolute;
    text-align: center;
    line-height: 36px;
    top: 50%;
    margin-top: -18px;
    display: block;
    width: 36px;
    height: 36px;
    overflow: hidden;
    background: #b2b2b2;
    border-radius: 50%;
    cursor: pointer;
}

.vipcont .bbtns i {
    color: #ffffff;
}

.vipcont .bbtns:hover {
    background: #0d7bf8;
}

.vipcont .prev {
    left: 0px;
}

.vipcont .next {
    right: 0px;
}

.indpart1 {
    margin-top: 230px;
    text-align: center;
    padding-bottom: 0;
    /*background: #fff;
    padding-top: 12px;
    padding-bottom: 60px;
    min-height: 700px;*/
}

.indpart1 .title {
    text-align: center;
    font-size: 18px;
    color: #010101;
    font-weight: 500;
}

.indpart1 .title li {
    display: inline-block;
    margin: 0 42px;
    position: relative;
    cursor: pointer;
}

.indpart1 .title li.on {
    color: #2ccec1;
}

.indpart1 .title li.on:before {
    display: block;
    content: "";
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-40%);
    width: 10px;
    height: 12px;
    background: url(/static/images/sanjico.png) no-repeat center;
}

.indpart1 .cont {
    padding-top: 40px;
}

.indpart1 .list {
    margin: 0 -13px;
    overflow: hidden;
}

.indpart1 .list#waterfull {
    margin: 0;
    overflow: visible;
}

.indpart1 .list .zprt {
    cursor: pointer;
    width: 340px;
    background: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    margin: 13px 13px;
    float: left;
    box-shadow: 0 0 16px rgba(0, 0, 0, .15);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    top: 0;
}

.indpart1 .list#waterfull .zprt {
    margin: 12px 0;
}

.indpart1 .list .zprt:hover {
    top: -6px;
    box-shadow: 0 10px 13px rgba(0, 0, 0, .1);
}

.indpart1 .list .pic {
    position: relative;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.indpart1 .list .pic .mask {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: url(../../images/new/mask.png) left bottom / 100% 100% no-repeat rgba(0, 0, 0, 0.2);
    display: block;
}

.indpart1 .list .pic:hover .mask {
    display: none;
}

.indpart1 .list .pic img {
    display: block;
    width: 100%;
}

.indpart1 .list .pic .thumb_img{
    width: auto;
    height: 192px;
    margin: 0 auto;
    position: absolute;
    left: 116px;
}

.indpart1 .list .pic em {
    display: block;
    width: 46px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .6);
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    bottom: 10px;
    right: 10px;
    position: absolute;
    z-index: 5;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.indpart1 .list .pic:hover img{
    display:none;
}

.indpart1 .list .pic img{
    position: absolute;
}

.indpart1 .list .word {
    position: relative;
    height: 58px;
}

.indpart1 .list .info {
    height: 74px;
    position: relative;
}

.indpart1 .list .info .ht {
    overflow: hidden;
    line-height: 20px;
    padding: 15px 12px 5px 12px;
    position: relative;
}

.indpart1 .list .info .ht .like {
    width: 26px;
    height: 20px;
    float: right;
    text-align: center;
    line-height: 20px;
    border-left: 1px solid #eeeeee;
    /*padding-left: 10px;*/
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 15px;
    z-index: 90;
}

.indpart1 .list .info .ht .like .icon {
    font-size: 20px;
    width: 20px;
}

.indpart1 .list .info .ht .title1 {
    padding-right: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #010101;
    font-size: 14px;
}

.gb88 {
    width: 16px;
    height: 16px;
    background-image: url("../../images/new/ss.png");
    background-position: -69px -84px;
    display: inline-block;
}

.gb89 {
    width: 12px;
    height: 10px;
    background-image: url("../../images/new/ss.png");
    background-position: -4px -88px;
    display: inline-block;
}

.gb90 {
    width: 14px;
    height: 12px;
    background-image: url("../../images/new/ss.png");
    background-position: -24px -87px;
    display: inline-block;
}

.gb91 {
    width: 14px;
    height: 12px;
    background-image: url("../../images/new/ss.png");
    background-position: -46px -87px;
    display: inline-block;
}

.indpart1 .list .info .hd {
    overflow: hidden;
    padding: 5px 12px 5px 12px;
}

.indpart1 .list .info .hd p {
    display: inline-block;
    float: left;
    font-weight: normal;
    margin-right: 20px;
}

.indpart1 .list .info .hd p.fr {
    float: right;
    margin-right: 0px;
}

.indpart1 .list .zprt:hover .info .hb {
    display: block;
}

.indpart1 .list .info .hd p .icon {
    font-size: 16px;
    width: 16px;
    vertical-align: -3px;
}

.indpart1 .list .info .hd p span {
    font-size: 12px;
    color: #999999;
    font-weight: 400;
}

.indpart1 .list .info .hb {
    position: absolute;
    left: 0;
    right: 0px;
    top: 0;
    bottom: 0;
    height: 73px;
    background: rgba(255, 255, 255, 1);
    text-align: center;
    display: none;
}

.nav-title1 {
    position: absolute;
    font-size: 20px;
    color: #333333;
    line-height: 33px;
    padding-left: 15px;
}

.indpart1 .list .info .hb span {
    width: 120px;
    height: 30px;
    margin: 22px auto 0;
    background: #4777ff;
    display: block;
    border-radius: 3px;
    cursor: pointer;
    line-height: 30px;
    color: #ffffff;
    font-size: 14px;
}

.indpart1 .list .word span {
    display: block;
    padding: 0 12px;
    font-weight: 600;
    line-height: 58px;
    font-size: 14px;
    color: #010101;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.indpart1 .list .word a {
    display: none;
    width: 134px;
    height: 34px;
    line-height: 34px;
    color: #ffffff;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #1fd3cd;
}

.indpart1 .list .zprt:hover .word span {
    display: none;
}

.indpart1 .list .zprt:hover .word a {
    display: block;
}

.indpart1 .btn {
    text-align: center;
}

.indpart1 .btn a {
    display: block;
    width: 132px;
    height: 38px;
    line-height: 38px;
    background: #1fd3cd;
    border-radius: 38px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 4px 3px 16px rgba(0, 0, 0, .12);
    margin: 0 auto;
}

.indpart1 .btn a:hover {
    background: #21e5de;
}

.indpart1 .btn a * {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    padding: 0 2px;
}

.indpart1 .btn a i {
    font-size: 18px;
    vertical-align: -2px;
}

.indpart1 .btn a:hover * {
    padding: 0 5px;
}

.indpart1 .vmat {
    display: block;
    width: 340px;
    height: 192px;
}

@-webkit-keyframes top_button-data-v-5b0911be {
    0% {
        top: 100%
    }
    to {
        top: 0
    }
}

@keyframes top_button-data-v-5b0911be {
    0% {
        top: 100%
    }
    to {
        top: 0
    }
}

@-webkit-keyframes top_bg-data-v-5b0911be {
    0% {
        top: -100%;
        bottom: 100%
    }
    to {
        top: 0;
        bottom: 0
    }
}

@keyframes top_bg-data-v-5b0911be {
    0% {
        top: -100%;
        bottom: 100%
    }
    to {
        top: 0;
        bottom: 0
    }
}

.special-wrap {
    display: block;
    margin: 60px 0 20px;
    padding: 10px 57.5px;
    pointer-events: none;
    position: relative;
}

.special-wrap a {
    display: block;
    float: left;
    padding: 10px;
    width: 265px;
}

.special-wrap a img {
    border-radius: 3px;
    display: block;
    max-width: 100%;
}

.special-wrap a:hover {
    opacity: 1;
}

.special-wrap a:hover img {
    box-shadow: 0 0 22px rgba(0, 0, 0, .08);
}

.special-wrap .swiper-container {
    pointer-events: auto;
}

.special-wrap .swiper-button-prev {
    background-color: rgba(0, 173, 254, 0.5);
    background-image: url("../../images/swiper-button-prev.png");
    background-position: center;
    background-size: auto 20px;
    border-radius: 50%;
    height: 38px;
    left: 0;
    margin-top: -19px;
    pointer-events: auto;
    width: 38px;
}

.special-wrap .swiper-button-next {
    background-color: rgba(0, 173, 254, 0.5);
    background-image: url("../../images/swiper-button-next.png");
    background-position: center;
    background-size: auto 20px;
    border-radius: 50%;
    height: 38px;
    margin-top: -19px;
    pointer-events: auto;
    right: 0;
    width: 38px;
}

.special-wrap .swiper-button-prev:hover, .special-wrap .swiper-button-next:hover {
    opacity: 0.8;
}

@media screen and (max-width: 1420px) {
    .works_item {
        width: calc(25% - 16px) !important;
        margin-right: 21px !important
    }

    .works_item:nth-child(4n) {
        margin-right: 0 !important
    }

    .design_card .card_layer.horizontal .card_layer_btn {
        top: 10px !important;
        left: calc(50% - 40px) !important;
        width: 80px !important;
        height: 25px !important;
        line-height: 25px !important;
        font-size: 12px !important
    }

    .design_card .card_layer.horizontal p {
        font-size: 12px !important;
        bottom: 5px !important
    }
}

@media screen and (min-width: 2000px) {
    .template_card {
        width: calc(16.7% - 1px) !important
    }

    .design_card {
        width: 14.2% !important
    }

    .works_item {
        width: calc(16.7% - 19px) !important;
        margin-right: 21px !important
    }

    .works_item:nth-child(6n) {
        margin-right: 0 !important
    }
}

@media (max-width: 1600px) {
    .special-wrap {
        margin: 29px 0;
        padding: 10px 50px;
    }

    .special-wrap a {
        width: 220px;
    }

    .special-wrap .swiper-button-next, .special-wrap .swiper-button-prev {
        background-size: auto 16px;
        height: 30px;
        margin-top: -15px;
        width: 30px;
    }
}

@media (max-width: 1440px) {
    .panel_content1 {
        height: 319px;
        position: relative;
        width: 1200px;
    }

    .panel_content1 > div {
        width: 230px;
    }

    .panel_content1 > img {
        margin: 0 20px;
    }

    .indpart1 .list .zprt {
        width: 280px;
    }

    .indpart1 .list#waterfull .zprt {
        width: 220px;
    }

    .indpart1 .vmat {
        height: 158px;
        width: 280px;
    }

    .layui-tab1 .bottom_class {
        margin-top: 524px;
        width: 1226px;
    }

    .layui-tab1 .bottom_class li {
        width: 86px;
    }

    .indpart1 .wrap .layui-tab-content .layui-tab-item .zprt .card_content .bottm_layer p {
        margin: 14px 86px;
    }

    .vipcont .cont {
        padding-left: 3px;
    }

    .indpart1 .list .pic .thumb_img{
        width: auto;
        height: 158px;
        margin: 0 auto;
        position: absolute;
        left: 95.5px;
    }
}

.s-header .un_login .login {
    border-color: #0D7BF7;
    color: #0D7BF7;
}

.s-header .dlh span a {
    color: #0D7BF7;
}

.s-header .dlh span:after {
    border-color: #0D7BF7 transparent transparent transparent;
}

.s-header .dlh:hover span:after {
    border-color: transparent transparent #0D7BF7 transparent;
}

.s-header .index_nav {
    left: 200px;
    right: unset;
}

.s-header .index_nav a {
    color: #010101;
}

.s-header .index_nav a:hover {
    color: #010101;
    opacity: 0.7;
}

.s-header .index_nav a.on:after {
    display: none !important;
}

.s-header .work1 {
    border: 1px solid #666666;
    border-radius: 16px;
    height: 32px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 140px;
    top: 14px;
    width: 300px;
}

.s-header .work1 a {
    background: #f9f9f9 url("../../images/new/index/search-btn.png") center no-repeat;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.s-header .work1 input {
    background: #f9f9f9;
    height: 30px;
    width: 268px;
}

.s-list {
    margin-top: 0;
}

.s-list .list_fs_panel {
    background: url(../../images/new/list/slist_banner.png) center top no-repeat;
    height: 120px;
    padding: 0;
}

.s-list .template-types-selector-sort > span {
    margin-right: 0;
}

.s-list .hz-drop-down .hz-drop-down-sel span {
    padding-left: 10px;
}

.s-list .special-wrap {
    margin: 0 -10px;
    padding: 15px 0 3px;
}

.s-list .special-wrap a {
    width: 243.333px;
}

.s-list .layui-tab-content {
    margin-top: 20px;
}

.s-list .list_fs_panel_content {
    padding-top: 30px;
}

.s-list .list_fs_banner {
    letter-spacing: 5px;
}

.s-list .list_fs_banner-s {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 2px;
    margin-top: 10px;
}

.s-list .searchcont .sxword {
    margin-bottom: 0;
    margin-top: 0;
}