/*
$g-color-blue: #0057ff;
$g-color-blue-a2: rgba(0,87,255,.2);
$g-color-black: #191919;
$g-color-gray: #0057ff;
*/
@font-face {
    font-family: "Source Han Sans";
    /*src: url('//js.tusij.com/fonts/NotoSansHans-Medium.otf') format('truetype');*/
}
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    overflow-x: hidden;
}
body {
    font-family: "PingFang SC","\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Lantinghei SC","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif  !important;
    min-width: 1000px;
    position: relative;
    overflow-x: hidden;
    background: rgba(249,249,249,1);

}
a {
    text-decoration: none;
    color:inherit;
}
ul{
    list-style: none;
}
.temp-guess-wrapper {
    min-width: 1250px;
    padding-bottom: 50px;
}
/*鍙充晶鎮诞宸ュ叿鏍弒tart*/
body #sidebar .sidebar-block > .iconfont {
    color: #0057ff;
}
body #sidebar .sidebar-block:hover {
    background: #0057ff;
}
body #sidebar .sidebar-cs-box .sidebar-pop .iconfont {
    color: #0057ff;
}
body #sidebar .sidebar-cs-box > .sidebar-pop .pop-box .lxkf {
    background: #0057ff;
}
body #sidebar .sidebar-qq-group-box span {
    color: #0057ff;
}
/*鍙充晶鎮诞宸ュ叿鏍廵nd*/
/*鎼滅储椤甸潰start*/
.box-btn {
    background: #0057ff;
    border-radius: 0 24px 24px 0;
}
body #crumbs .close-box {
    border: 1px solid #0057ff;
    color: #0057ff;
}
body #crumbs .close-box .iconfont {
    color: #0057ff;
}
body #crumbs .close-box .close-btn:hover{
    background: #0057ff;
}
body .navig-list2 > ul .navi-liston-act, body .navig-list2 > ul .choose a {
    background-color: #0057ff;
    display: inline;
}
body .navig-list2 > ul li a:hover{
    background-color: #0057ff;
    /*line-height: none;*/
    display: inline;
}
body .nav-sort .nav-sprtno a {
    color: #0057ff;
}
body #masonry .online-edit{
    background: #0057ff;
}
body .top-btn > .shej-btn {
    background-color: #0057ff;
}
body .paging ul .toppage-on {
    background: #0057ff;
}
body .paging .pagination li a:hover {
    background: #0057ff;
}
body .input-pull-down .input-recently{
    color: #0057ff;
    border-bottom: 0;
}
body .down-hot .new-down-link {
    color: #0057ff;
}
body .input-pull-down li:hover {
    background: #0057ff;
}
body #more_filter .more_filter_piece .more_filter_piece_box a:hover{
    color: #0057ff;
}
body #class-box > #class-box-list1 a.on {
    background: #0057ff;
}
body #class-box > #class-box-list1 a:hover {
    background-color: #0057ff;
}
body #masonry .shouc-btn {
    position: absolute;
    width: 26px;
    height: 26px;
    margin: 0;
    right: 46px;
    top: 10px;
    background: url(//s.tusij.com/custom/img/common/temp_fav.svg) center no-repeat;
    background-size: cover;
}
body #masonry .shouc-btn.active {
    color: #fff;
    /* border: 1px solid #ffffff; */
    background: url(//s.tusij.com/custom/img/common/temp_fav_active.svg) center no-repeat;
    background-size: cover;
}
body #masonry .shouc-btn.active i {
    color: #0057ff;
}
body .mo-animi {
    z-index: 999;
}
body #masonry .detail {
    width: auto;
    margin:auto;
    display: block;
    border-radius: 4px;
    overflow: hidden;
}
body #masonry {
    min-height: 600px;
}
body #masonry > .box {
    overflow: hidden;
    transition: transform .2s;
    width: 224px;
    margin-right: 20px;
    box-shadow: none;
    background: white;
    border-radius: 4px;
}
body #masonry > .box:hover{
    transform-origin: 50% 50%;
    z-index: 99;
    padding-bottom: 45px;
    box-shadow: 0 2px 4px 0 rgba(152, 152, 152, 0.50);
    position:relative;
}
body #masonry > .box .top-btn {
    transition: none;
}
body #masonry > .box:hover .top-btn {
    position:absolute;
    bottom: 0;
    background: transparent;
    /*left: 0;*/
    /*right: 0;*/
    /*top: auto;*/
    /*height: 60px;*/
    /*background: white;*/

}
body #masonry > .box .top-btn .box-hover-title {
    position: relative;
    z-index: -1;
    height: 39px;
    background: linear-gradient(180deg,rgba(0,0,0,0.3) 0%,rgba(137,137,137,0) 100%);
    color: white;
    font-size: 12px;
    text-align: left;
    padding: 0 12px;
    line-height: 39px;
    transform: translateZ(0px);
    backface-visibility: hidden;
}
body #masonry > .box .top-btn .box-hover-title .iconfont {
    font-size: 12px;
}
body #masonry > .box .top-btn .box-hover-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 45px;
    width: 100%;
    background: white;
    padding-top: 6px;
}

body #masonry > .box .top-btn .online-edit {
    position: relative;
    display: inline-block;
    left: auto;
    right: auto;
    bottom: auto;
    width: 157px;
    height: 33px;
    line-height: 33px;
}

body #masonry > .box:hover > .fl .text {
    display: none;
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*z-index: 1;*/
    /*width: 100%;*/
    /*background:linear-gradient(180deg,rgba(0,0,0,0.3) 0%,rgba(137,137,137,0) 100%);*/
    /*padding-right: 72px;*/
}
body #masonry > .box:hover > p.fl > a {
    color: white;
    font-size: 12px;
    white-space: nowrap;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
body #none {
    width: 450px;
}
body #none >  img {
    width: 100%;
}
body #none > p {
    text-align: center;
    color: #666666;
}
body #none > div {
    margin-top: 30px;
    text-align: center;
}
body #none > div > a {
    color: white;
    padding: 8px 24px;
    border-radius: 18px;
    margin-right: 10px;
}
body .min-img {
    position: relative;
    min-height: 0;
    justify-content: start;
    flex-direction: column;
    background: #f7f7f7;
}
body .min-img > img {
    background: none;
    background-size: 40%;
}
body #more_filter .more_filter_piece .more_filter_piece_box a.on {
    background: #0057ff;
}
body #masonry .albumBtn {
    background: #0057ff;;
    border: 1px solid #0057ff;
    display: none;
}
body #masonry .top-btn > .shej-btn {
    /*display: none;*/
    position: absolute;
    width: 26px;
    height: 26px;
    margin: 0;
    right: 80px;
    top: 10px;
    background: url(//s.tusij.com/custom/img/common/temp_detail.svg) center no-repeat;
    background-size: cover;
}
body #crumbs > b {
    color: #0057ff !important;
}
body #none span {
    color: #0057ff;
}
body #class-box{
    margin-left:-20px;
}
body #class-box > #class-box-list1 + #class-box-list2 {
    display: none;
}
body .content > p{
    padding:30px 0 17px 20px;
}
body .content > div#crumbs{
    padding:30px 0 11px 0px;
    font-size: 14px;
}

body .content > div#crumbs .result-number{
    color: #0057FF;
    margin-right:2px;
}

body .min-img:hover .gif-item-img {
    display: block;
}
body .top-btn {
    z-index: 2;
}
body .gif-item .top-btn {
    background: transparent;
}
body .more-btn {
    position: absolute;
    right: -17px;
    top: 14px;
    color: #171717;
    font-size: 14px;
    cursor: pointer;
    display: none;
    padding: 2px 13px;
    background: #F3F3F3;
    border-radius: 4px;
    line-height: 20px;
    height: 24px;
}
body .more-btn:hover {
    color: white;
    background: #0057ff;
}
body .more-btn > span.more-icon {
    position: relative;
    font-size: 12px;
    transition: transform .2s;
    display: inline-block;
    width: 12px;
    line-height: 13px;
}
body .more-btn.pickup > span.more-icon {
    transform: rotate(180deg);
}
body .navig-list2 > ul {
    overflow: hidden;
    width: 1060px;
}
body .navig-list2 > ul a {
    padding: 2px 13px;
    background: #F3F3F3;
    border-radius: 4px;
}

body .nav-sort-box.bgw {
    position: relative;
    margin:0;
    margin-left:-20px;
}
body .nav-plate {
    position: absolute;
    right: -18px;
    top: 15px;
    color: #171717;
    background: #f3f3f3;
    z-index: 99;
    width: 95px;
    text-align: center;
    font-size: 14px;
}
body .nav-plate > span {
    cursor: pointer;
}
body .nav-plate:hover .nav-plate-item {
    display: block;
}
body .nav-plate-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(//s.tusij.com/custom/img/common/temp_more_icon.svg) center no-repeat;
    background-size: cover;
}

body .nav-plate-item {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 80px;
    padding-top:10px;
    padding-bottom:10px;
    text-align: center;
    background: white;
    border-radius: 4px;
    box-shadow:0 8px 15px rgba(47,63,95,0.1);
}
body .nav-plate-item a {
    display: block;
    height: 100%;
    padding: 8px 0 8px 10px;
    text-align: left;
}
body .nav-plate-item a:hover, body .nav-plate-item a.active{
    color: #0057ff;
    background: #F6F7F9;
}
body #class-box > #class-box-list2 > .title-name {
    font-size: 18px;
    font-weight: bold;
    color: #171717;
    margin-top: 13px;
}

body .business {
    position: absolute;
    width: 26px;
    height: 26px;
    right: 10px;
    top: 10px;
    margin: 0px;
    line-height: 26px;
    background: url(//s.tusij.com/custom/img/common/business.png) center  no-repeat;
    background-size: contain;
    z-index: 12;
    text-align: center;
    font-size:14px;
    color: #666;
}

body .relation {
    margin-left:20px;
    padding: 2px 20px 2px 20px;
    min-width: 1200px;
    border: 1px dashed #eee;
    font-size: 14px;
}
body .relation h2 {
    color: #666;
    padding-right: 10px;
    font-weight: normal;
    font-size: 14px;
    display: inline;
}
body .relation a {
    margin-right: 10px;
}
body .relation a:hover {
    color: #0057ff;
}
body .bottom-description{
    font-size: 12px;
    color: #ADADAD;
    text-align: left;
    margin-top:20px;
    margin-bottom: 12px;
}
body .bottom-description .hot-search{
    margin-right:10px;
}
body .bottom-description .hot-search h2{
    font-size:12px;
    font-weight:normal;
}

body .bottom-description li{
    float:left;
    margin-right:20px;
}

body .bottom-description .name{
    color: rgba(23, 23, 24, 0.6);
    font-size:12px;
}

body .bottom-description .name:hover{
    cursor: pointer;
    color: #0057FF;
}

body .other {
    font-size: 12px;
    color: #ADADAD;
    text-align: left;
    padding-bottom: 50px;
}
.search-red-packet {
    display: none;
    position: absolute;
    width: 73px;
    height: 73px;
    background: url(//s.tusij.com/custom/img/common/search_red_packet.png) center no-repeat;
    background-size: cover;
    z-index: 101;
}
body #crumbs,.bread-crumb {
    position: relative;
}
body #crumbs .crumb-arrow,.bread-crumb .crumb-arrow {
    font-size: 12px;
    transform: rotate(90deg);
    display: inline-block;
    transition: transform .2s;
}
body #crumbs .crumb-keyword:hover .crumb-arrow, .bread-crumb .crumb-keyword:hover .crumb-arrow{
    transform: rotate(-90deg);
}
.crumb-keyword {
    cursor: pointer;
    font-size: 14px;
    color: #0057ff;
    display:inline;
    font-weight:bold;
}
.crumb-result{
    cursor: pointer;
    font-size: 14px;
    color: #0057ff;
    display:inline;
    letter-spacing: 0;
}
.crumb-keyword:hover > .crumb-relative {
    display: block;
}
.crumb-keyword:hover.crumb-keyword:before {
    content: " ";
}
.crumb-keyword:before {

    position: absolute;
    display: block;
    left: 20px;
    top: 48px;
    height: 10px;
    right: 0;
}

.crumb-relative {
    display: none;
    position: absolute;
    left: 20px;
    bottom: 0;
    right: 0;
    box-shadow: 0px 2px 5px 0px rgba(0,87,255,0.1);
    padding-left: 14px;
    margin-left: -14px;
}
.crumb-relative ul {
    height: 33px;
    overflow: hidden;
}
.crumb-relative li {
    float: left;
    margin-right: 18px;
    height: 100%;
    line-height: 33px;
    font-size: 14px;
}
.crumb-relative li > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #6C6C6C;
}
.crumb-relative li > a:hover {
    color: #0057FF;
}
/*鎼滅储椤甸潰end*/
/*寮€鍚璁�-鎴戠殑start*/
body .showintegral div:last-child {
    background: #0057ff;
}
body .startDesign-login .left .button.choose,
body .startDesign-login .left .button.choose:hover {
    background: #0057ff;
}
body .my_design .con-details li .collect.red span {
    color: #0057ff !important;
}
body .my_design .dsn_change_title input {
    border: 1px solid #0057ff;
}
body .selectCanvasContent .selectCanvasTitle{
    color: #0057ff;
}
body .rightItemTitle .rightItemTitleLine {
    background: #0057ff;
}
body .selectCanvasAreaRight .createBtn{
    background: #0057ff;
}
body .inputArea input:focus{
    border: 1px solid #0057ff;
}
body .leftTtemTitle .leftItemTitleLine {
    background: #0057ff;
}
body .areaLeftItem .canvasItem:hover {
    box-shadow: 0 2px 5px #0057ff;
}
body .seek-select-head-list > li.seek-select-color1:hover {
    background: #0057ff;
}
body .seek-select-head-list > li.seek-select-color2:hover {
    background: #0057ff;
}
body .showintegral {
    display: none;
}
body .startDesign-login .right .banner-list .banner-li.more {
    display: none;
}
body .box-text {
    border-radius: 24px;
    padding-left: 24px;
}
body #search_top .input-pull-down {
    left: 24px;
    width: 436px;
}
body .chooseClass_box .chooseClass_area img {
    width: 179px;
    height: 120px;
}
body .super-vip {
    display: none;
    margin: 12px auto 30px;
    width: 120px;
    height: 36px;
    line-height: 34px;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #653908;
    font-weight: bold;
    text-align: center;
    color: #653908;
    font-size: 14px;
}
body .super-vip > span {
    vertical-align: middle;
}
body .super-vip > span:first-child {
    margin-right: 5px;
}
body .header-box .content-left-btn {
    opacity: 0;
}
body .header-box .header-renew > a{
    background: #0057ff;
    border-radius: 4px;
    color: #fff;
    line-height: 30px;
    padding: 4px 8px;
}
body .header-box .header-renew > a > i {
    background: url(//js.tusij.com/custom/img/common/update_vip.png) 50% no-repeat;
    background-size: cover;
    display: inline-block;
    height: 20px;
    position: relative;
    top: 4px;
    width: 24px;
}
body .deltpop-btn.color1 {
    background: #0057ff;
}
body .my_design .con-details li div .collect:not(.red){

}
body .startDesign-login.content {
    width: auto;
    padding-top: 20px !important;
}
body .header-vip {
    text-align: center;
    padding-top: 10px;
}
body .header-box {
    padding-bottom: 4px;
}
body .header-box .header-info {
    margin-top: 5px;
}

body .header-box .header-phone > a {
    font-size: 16px;
    padding: 5px 15px;
    background: #0057ff;
    color: white;
    border-radius: 4px;
}
body .header-box .header-notice {
    padding-top: 5px;
    font-size: 12px;
    color: #444444;
    text-align: center;
}
body .header-box .header-icon {
    position: absolute;
    display: block;
    top: 42px;
    right: 87px;
    width: 18px;
    height: 18px;
}
body .header-box .header-icon.wx {
    background: url("//s.tusij.com/custom/img/common/h_wx.svg") center no-repeat;
    background-size: cover;
}
body .header-box .header-icon.qq {
    background: url("//s.tusij.com/custom/img/common/h_qq.svg") center no-repeat;
    background-size: cover;
}
body .header-box .header-icon.phone {
    background: url("//s.tusij.com/custom/img/common/h_phone.svg") center no-repeat;
    background-size: cover;
}
body .start-right-myvip {
    overflow: auto;
    min-height: 800px;
}
body .con-img .btnArea .detail {
    background-color: #0057ff;
    margin-top: 0;
}
body .my_design .con-details li .con-img:hover .icon-favor-active {
    color: #0057ff;
    left: auto;
    right: 18px;
    z-index: 1;
}
/* body .my_design .con-details li .con-img:hover .icon-shoucang:before {
content: " ";
} */
body .my_design .con-details li .con-img .fav-edit {
    display: block;
    width: 70%;
    max-width: 195px;
    height: 36px;
    line-height: 36px;
    color: #FFFFFF;
    background: #0057ff;
    border-radius: 4px;
    position: absolute;
    bottom: 35px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: auto;
    text-align: center;
    font-size: 16px;
}

body .login-register {
    background: #0057ff;
}
body .tofav_box .tofav {
    background: #0057ff;
}
body .fav-info {
    display: none;
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 9999;
    box-shadow: 1px 1px 9px 0 rgba(172, 172, 172, 0.50);
    background: white;
    padding: 5px 10px;
    border-radius: 4px;
    color: #666;
    opacity: 0;
}
body .fav-info span {
    padding: 0 13px;
    color: #0057ff;
}
body .my_design .con-details li div .collect.vd {
    float: right;
    right: 0 !important;
}
body .my_design .con-details li {
    background: white;
}
/*寮€鍚璁�-鎴戠殑end*/

/*璇︽儏椤祍tart*/
body .content-module1 .mod1-once {
    background: #0057ff;
}
body .mod1-collect {
    color: #0057ff;
    border: 1px solid #0057ff;
    display: none;
}
body .mod1-collect.check {
    background: #0057ff;
    border: 1px solid #0057ff;
}
body .mod1-collect:hover {
    background: #0057ff;
}
body .mod1-collect-span-act {
    color: #0057ff;
}
body .mod1-collect:hover .mod1-collect-span-act {
    background-color: transparent;
}
body .content-module2 a {
    color: #0057ff;
}
body .copyright_tip {
    background: #0057ff;
}
body .like li a {
    background: #0057ff;
}
body .like li a:hover {
    background: #0057ff;
}
body .content-module3>div {
    display: none;
}
body .like li {
    background: url(//js.tusij.com/index_img/asset/img-bg.png);
}
body .like li div {
    height: 100px;
}
body .like li a:last-child {
    display: none;
}
body .dt-content {
    position: relative;
}
body .dt-content > .dt-spec-img {
    position: relative;
    transform: scale(2.7178);
    transform-origin: 0 0;
}
body .dt-content.base {
    height: auto;
}
body .dt-content.base > .dt-spec-img {
    position: relative;
    transform: none;
    transform-origin: 0 0;
}
body .dt-content.base > .dt-spec-img > img {
    width: 100%;
}
body .dt-content.bcard {
    width: 761px;
    height: 1033px;
}
body .dt-content.bcard > .dt-spec-img {
    width: 280px;
    height: 380px;
    background: url("//js.tusij.com/custom/img/common/mpbg.jpg") center no-repeat;
    background-size: 100% 100%;
}
body .dt-content.bcard > .dt-spec-img > img:first-child {
    position: absolute;
    left: 46px;
    top: 46px;
    width: 194px;
    height: 121px;
    border-radius: 0;
}
body .dt-content.bcard > .dt-spec-img > img:last-child {
    position: absolute;
    left: 46px;
    top: 206px;
    width: 194px;
    height: 121px;
    border-radius: 0;
}
body .dt-content.bcard-v {
    width: 761px;
    height: 1033px;
}
body .dt-content.bcard-v > .dt-spec-img {
    width: 224px;
    height: 305px;
    background: url("//js.tusij.com/custom/img/common/mpbg2.jpg") center no-repeat;
    background-size: 100% 100%;
    transform: scale(3.4);
}
body .dt-content.bcard-v > .dt-spec-img > img:first-child {
    position: absolute;
    left: 15px;
    top: 83px;
    width: 87px;
    height: 140px;
    border-radius: 0;
}
body .dt-content.bcard-v > .dt-spec-img > img:last-child {
    position: absolute;
    left: 117px;
    top: 83px;
    width: 87px;
    height: 140px;
    border-radius: 0;
}
body .dt-content.display-card {
    width: 761px;
    height: 389px;
}
body .dt-content.display-card > .dt-spec-img {
    background-size: 100% 100%;

    width: 280px;
    height: 143px;
    background: url("//js.tusij.com/custom/img/common/zhanban.jpg") center no-repeat;
    background-size: 100% 100%;
}
body .dt-content.display-card > .dt-spec-img > div {
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    -ms-perspective: 500px;
    -o-perspective: 500px;
    perspective: 500px;
    height: 100%;
}
body .dt-content.display-card > .dt-spec-img img:first-child {
    position: absolute;
    left: 46px;
    top: 7px;
    width: 234px;
    height: 109px;
    transform: rotateX(21deg) rotateY(21deg) rotateZ(-3deg);
    transform-origin: 0% 100%;
}
body .dt-content.print-card {
    width: 761px;
    height: 1033px;
}
body .dt-content.print-card > .dt-spec-img {
    width: 280px;
    height: 380px;
    background: url("//js.tusij.com/custom/img/common/printbg.jpg") center no-repeat;
    background-size: 100% 100%;
}
body .dt-content.print-card > .dt-spec-img > img:first-child {
    position: absolute;
    width: 204px;
    height: 278px;
    top: 58px;
    left: 37px;
    border-radius: 0;
}
body .dt-content.media-card {
    width: 761px;
    height: 965px;
}
body .dt-content.media-card > .dt-spec-img {
    width: 280px;
    height: 355px;
    background: url("//js.tusij.com/custom/img/common/new-media-heng.jpg") center no-repeat;
    background-size: 100% 100%;
}
body .dt-content.media-card > .dt-spec-img > img:first-child {
    position: absolute;
    width: 120px;
    height: 51px;
    left: 79px;
    top: 71px;
    border-radius: 7px 7px 0 0;
}
body .dt-content.media-card > .dt-spec-img > img:last-child {
    position: absolute;
    width: 225px;
    height: 96px;
    left: 27px;
    top: 219px;
    border-radius: 0;
}
body .dt-content.phone-card {
    width: 761px;
    height: 2000px;
}
body .dt-content.phone-card > .dt-spec-img {
    width: 280px;
    height: 736px;
    background: url("//js.tusij.com/custom/img/common/phonebg2.jpg") center no-repeat;
    background-size: 100% 100%;
}
body .dt-content.phone-card > .dt-spec-img > img:first-child {
    position: absolute;
    width: 79px;
    height: 168px;
    top: 59px;
    left: 106px;
    border-radius: 8px;
    transform: rotateZ(-28deg);
}
body .dt-content.phone-card > .dt-spec-img > img:last-child {
    position: absolute;
    width: 132px;
    height: 283px;
    left: 74px;
    top: 397px;
    border-radius: 12px;
}
body .dt-content.phone-card-h {
    width: 761px;
    height: 1118px;
}
body .dt-content.phone-card-h > .dt-spec-img {
    width: 224px;
    height: 329px;
    background: url("//js.tusij.com/custom/img/common/phone-heng.jpg") center no-repeat;
    background-size: 100% 100%;
}
body .dt-content.phone-card-h > .dt-spec-img {
    transform: scale(3.397);
}
body .dt-content.phone-card-h > .dt-spec-img > img:first-child {
    position: absolute;
    width: 86px;
    height: 48px;
    left: 69px;
    top: 76px;
    border-radius: 0;
}
body .dt-content.phone-card-h > .dt-spec-img > img:last-child {
    position: absolute;
    width: 178px;
    height: 98px;
    left: 23px;
    top: 191px;
    border-radius: 0;
}
body .dt-content.ylb-card {
    width: 761px;
    height: 1341px;
}
body .dt-content.ylb-card > .dt-spec-img {
    width: 280px;
    height: 493px;
    background: url("//js.tusij.com/custom/img/common/ylbbg.jpg") center no-repeat;
    background-size: 100% 100%;
    -webkit-perspective: 247px;
    -moz-perspective: 247px;
    -ms-perspective: 247px;
    -o-perspective: 247px;
    perspective: 247px;
    perspective-origin: 50% 50%;
}
body .dt-content.ylb-card > .dt-spec-img > img {
    position: absolute;
    width: 177px;
    height: 450px;
    left: 54px;
    top: 14px;
    border-radius: 0;
    transform: rotateX(0deg) rotateY(2deg) rotateZ(0deg);
    transform-origin: 0% -0%;
}
body .dt-content.leaflet-card {
    width: 761px;
    height: 668px;
}
body .dt-content.leaflet-card > .dt-spec-img {
    width: 280px;
    height: 246px;
    background: url("//js.tusij.com/custom/img/common/leafletbg.jpg") center no-repeat;
    background-size: 100% 100%;
}
body .dt-content.leaflet-card > .dt-spec-img > img:first-child {
    position: absolute;
    width: 123px;
    height: 165px;
    left: 118px;
    top: 36px;
    border-radius: 0;
    transform: rotate(22deg);
    transform-origin: 50% 50%;
}
body .dt-content.leaflet-card > .dt-spec-img > img:last-child {
    position: absolute;
    width: 124px;
    height: 165px;
    left: 35px;
    top: 41px;
    border-radius: 0;
    transform: rotate(-18deg);
    transform-origin: 50% 50%;
    box-shadow: 0 0 3px 2px rgba(0,0,0,.2);
}
body .dt-content.resume-card {
    width: 761px;
    height: 1105px;
}
body .dt-content.resume-card > .dt-spec-img {
    width: 280px;
    height: 395.5px;
    background: url("//js.tusij.com/custom/img/common/jlbg.png") center no-repeat;
    background-size: 100% 100%;
}
body .dt-content.resume-card > .dt-spec-img > img:first-child {
    position: absolute;
    width: 248px;
    height: 343px;
    left: 17px;
    top: 12px;
    border-radius: 0;
    /* transform: rotate(22deg); */
    transform-origin: 50% 50%;
}
body .dt-content.employee-card {
    width: 761px;
    height: 557px;
}
body .dt-content.employee-card > .dt-spec-img {
    width: 224px;
    height: 164px;
    background: url("//js.tusij.com/custom/img/common/gzzbg.png") center no-repeat;
    background-size: 100% 100%;
    transform: scale(3.4);
}
body .dt-content.employee-card > .dt-spec-img > img:first-child {
    position: absolute;
    top: 37px;
    width: 73px;
    height: 113px;
    left: 119px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}
body .dt-content.employee-card > .dt-spec-img > img:last-child {
    position: absolute;
    width: 73px;
    height: 113px;
    left: 26px;
    top: 37px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}
body .dt-content.discount-card {
    width: 761px;
    height: 639px;
}
body .dt-content.discount-card > .dt-spec-img {
    width: 224px;
    height: 188px;
    background: url("//js.tusij.com/custom/img/common/yhqbg.png") center no-repeat;
    background-size: 100% 100%;
    transform: scale(3.4);
}
body .dt-content.discount-card > .dt-spec-img > img:first-child {
    position: absolute;
    top: 7px;
    width: 209px;
    height: 84px;
    left: 8px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}
body .dt-content.discount-card > .dt-spec-img > img:last-child {
    position: absolute;
    width: 209px;
    height: 84px;
    left: 8px;
    top: 97px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}
body .dt-content.congrats-card {
    width: 761px;
    height: 565px;
}
body .dt-content.congrats-card > .dt-spec-img {
    width: 224px;
    height: 166px;
    background: url("//js.tusij.com/custom/img/common/hkbg.png") center no-repeat;
    background-size: 100% 100%;
    transform: scale(3.4);
}
body .dt-content.congrats-card > .dt-spec-img > img:first-child {
    position: absolute;
    width: 170px;
    height: 170px;
    left: 10px;
    top: 12px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
    clip: rect(0,170px,85px,0);
}
body .dt-content.congrats-card > .dt-spec-img > img:last-child {
    position: absolute;
    width: 170px;
    height: 170px;
    left: 46px;
    top: -20px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
    clip: rect(85px,170px,170px,0);
}
body .dt-content.letter-card {
    width: 761px;
    height: 1050px;
}
body .dt-content.letter-card > .dt-spec-img {
    width: 224px;
    height: 309px;
    background: url("//js.tusij.com/custom/img/common/xzbg.png") center no-repeat;
    background-size: 100% 100%;
    transform: scale(3.4);
}
body .dt-content.letter-card > .dt-spec-img:after {
    content: " ";
    position: absolute;
    left: 12px;
    top: 106px;
    width: 198px;
    height: 91px;
    background: rgba(0,0,0,.06);
}
body .dt-content.letter-card > .dt-spec-img > img:first-child {
    position: absolute;
    width: 197px;
    height: 272px;
    left: 13px;
    top: 15px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}
body .dt-content.handbag {
    width: 761px;
    height: 728px;
}
body .dt-content.handbag > .dt-spec-img {
    width: 224px;
    height: 214px;
    background: url("//js.tusij.com/custom/img/common/stb.jpg?v=2") center no-repeat;
    background-size: 100% 100%;
    transform: scale(3.4);
    -webkit-perspective: 148px;
    -moz-perspective: 148px;
    -ms-perspective: 148px;
    -o-perspective: 148px;
    perspective: 148px;
    perspective-origin: 50% 50%;
}
body .dt-content.handbag > .dt-spec-img:after {
    content: " ";
    position: absolute;
    left: 81px;
    top: 45px;
    width: 39px;
    height: 32px;
    background: url(//s.tusij.com/custom/img/common/stb_after2.png) center no-repeat;
    background-size: cover;
    z-index: 1;
}
body .dt-content.handbag > .dt-spec-img > img:first-child {
    position: absolute;
    width: 277px;
    height: 151px;
    left: 46px;
    top: 32px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 44% 50%;
    clip: rect(0,106px,151px,0);
    transform: rotateX(0deg) rotateY(-11deg) rotateZ(0deg);
}
body .dt-content.handbag > .dt-spec-img > img:last-child {
    position: absolute;
    width: 258px;
    height: 129px;
    left: -87px;
    top: 43px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 100% 50%;
    clip: rect(0,258px,129px,227px);
    transform: scaleX(1.0) rotateX(0deg) rotateY(37deg) rotateZ(0deg);
}
body .dt-content.logoyj {
    width: 761px;
    height: 761px;
}
body .dt-content.logoyj > .dt-spec-img {
    width: 224px;
    height: 224px;
    background: url("//js.tusij.com/custom/img/common/yj_logo.jpg") center no-repeat;
    background-size: 100% 100%;
    transform: scale(3.4);

}
body .dt-content.logoyj > .dt-spec-img > img {
    position: absolute;
    width: 168px;
    height: 168px;
    left: 29px;
    top: 29px;
    border-radius: 0;
}
body .dt-content.ds-modal {
    width: 761px;
    height: 1351px;
}
body .dt-content.ds-modal > .dt-spec-img {
    width: 224px;
    height: 398px;
    background: url("//js.tusij.com/custom/img/common/ds_modal.png") center no-repeat;
    background-size: 100% 100%;
    transform: scale(3.4);

}
body .dt-content.ds-modal > .dt-spec-img > img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 0;
    background: none;
}

body .dt-content.video-item,
body .dt-content.video-item .dt-spec-img{
    width: 761px;
    height: 428px;
}

body .dt-content.video-item.video-item-9-16,
body .dt-content.video-item.video-item-9-16 .dt-spec-img{
    height: 1353px;
}
body .dt-content.video-item.video-item-1-1,
body .dt-content.video-item.video-item-1-1 .dt-spec-img{
    height:761px;
}
body .dt-content.video-item.video-item-4-3,
body .dt-content.video-item.video-item-4-3 .dt-spec-img{
    height:571px;
}
body .dt-content.video-item.video-item-3-4,
body .dt-content.video-item.video-item-3-4 .dt-spec-img{
    height:1015px;
}
body .dt-content.video-item video{
    object-fit: fill;
}
body .like li.video-item{
    height:462px;
}
body .like li.video-item video{
    height:100%;
    object-fit:fill;
}
body .dt-content.video-item:after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    background: url(//js.tusij.com/custom/img/common/vd_play.svg) center no-repeat;
    background-size: cover;
    box-shadow: 0 0 5px 5px rgba(0,0,0,.05);
    border-radius: 50%;
}
body .dt-content.video-item:hover:after {
    display: none;
}
body .dt-content.video-item > .dt-spec-img {
    transform: scale(1);
}
body .content-guess.content-tab .cg-tab > ul > li{
    color: white;
    height:auto;
}
body .dt-desc,body .dt-relation {
    height: auto!important;
    margin-top: 0!important;
}

body .dt-desc ul:after {
    content: " ";
    display: table;
    clear: both;
}
body .dt-desc ul li{
    float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
    color: #999999;
    font-size: 16px;
}
body .dt-relation {
    padding-top: 10px;

}
body .dt-relation p {
    font-size: 16px;
    color: #666666;
    padding-bottom: 10px;
}
body .dt-relation ul:after {
    content: " ";
    display: table;
    clear: both;
}
body .dt-relation ul li {
    float: left;
    font-size: 16px;
    margin-right: 10px;
}
body .dt-relation ul li a {
    color: #999999;
}
body .dt-relation-weak {
    padding: 20px;
    background: white;
    margin-bottom: 20px;
}
body .dt-relation-weak p {
    font-size: 16px;
    color: #666666;
    padding-bottom: 10px;
}
body .dt-relation-weak ul:after {
    content: " ";
    display: table;
    clear: both;
}
body .dt-relation-weak ul li {
    float: left;
    font-size: 16px;
    margin-right: 10px;
}
body .dt-relation-weak ul li a {
    color: #999999;
}
body .dt-hot {
    padding: 20px;
    background: white;
}
body .dt-hot p {
    font-size: 16px;
    color: #666666;
    padding-bottom: 10px;
}
body .dt-hot ul:after {
    content: " ";
    display: table;
    clear: both;
}
body .dt-hot ul li {
    float: left;
    font-size: 16px;
    margin-right: 10px;
}
body .dt-hot ul li a {
    color: #999999;
}
body .like ul > li > h4 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    line-height: 40px!important;
}
/*璇︽儏椤礶nd*/
/*缈绘柊椤甸潰start*/
body .remake_check .remake_checked {
    background: #0057ff
}
/*缈绘柊椤甸潰end*/
/*浜岀淮鐮乻tart*/
body .QR-button {
    background: #0057ff;
}
body .code-button a.free-down {
    background: #0057ff;
}
body .code-button a.keep-editor {
    color: #0057ff;
    border: 1px solid rgb(0,87,255);
    background: rgba(0,87,255,.2);
}
body .code-left {
    background: transparent;
}
body .cont-nav {
    height: auto;
}
body .cont-nav:after {
    display: table;
    content: " ";
    clear: both;
}
body .code-right li.active, body .code-right li:hover{
    color: #0057ff !important;
    border-bottom: 2px solid #0057ff;
}
body .cateItemListItem .editorBtn {
    background: #0057ff;
}
body .qr-type > .qr-type-lists .nav-on,
body .qr-type > .qr-type-lists li:hover {
    border-bottom: 2px solid #0057ff;
}
body .qr-type > .qr-type-lists .nav-on a,
body .qr-type > .qr-type-lists li:hover a {
    color: #0057ff;
}
body .perage1-rapid {
    background: #0057ff;
}
body .perage1-rapid:hover {
    background: rgba(0,87,255,.8);
}
body .contli-no {
    background: #0057ff;
}
body .content-left li .contli-no:hover {
    background: rgba(0,87,255,.8);
}
body .contr-nav .contr-navno {
    background: #0057ff;
}
body .contr-nav .contr-navno:hover {
    background: #0057ff;
}
body .contr-message> img {
    display: none;
}
body .downloadPopup .downloadFaile2 .successIcon {
    color: #0057ff;
}
body .downloadPopup .downloadFaile2 .redownloadBtn {
    background: #0057ff;
}
body .cont-logo .use-login a {
    background: #0057ff;
}
body .cont-use .use-login a {
    background: #0057ff;
}
body .backgroundIndex {
    display: none;
}
body .code-create {
    min-height: 805px;
}
/*浜岀淮鐮乪nd*/
/* 鍒嗕韩閾炬帴start */
body .designBtnArea .btnItem {
    background: #0057ff;
}
/* 鍒嗕韩閾炬帴end */
/* 妯℃澘涓績鐚滀綘鍠滄start */
.temp-guess {
    width: 1400px;
    margin: 0;
    position:relative;

}


/*琛ユ晳鎺爜鏂斤紝鍏煎鏃т唬锛屼箣鍓� class 鏀归敊浜嗭紝鑰佷唬鐮佸啀娣诲洖鍘�*/
.temp-guess{
    padding-bottom: 50px;
}

.temp-guess.mc-temp-guess{
    padding-bottom: 0;
}
/*琛ユ晳鎺柦锛屽吋瀹规棫浠ｇ爜锛屼箣鍓� class 鏀归敊浜嗭紝鑰佷唬鐮佸啀娣诲洖鍘�*/
.temp-guess > p {
    font-size: 24px;
    color: #070707;
    padding-bottom: 15px;
    text-align: left;
    font-weight: bold;
}

.temp-guess > h3 {
    font-weight: bold;
    font-size: 24px;
    color: #070707;
    padding-bottom: 15px;
    text-align: left;

}
.temp-guess > ul:after {
    content: " ";
    display: table;
    clear: both;
}
.temp-guess-item {
    position: relative;
    float: left;
    width: 156px;
    height: 104px;
    margin-right: 18px;
    border-radius: 4px;
    overflow: hidden;
}
.temp-guess-item:hover {
    box-shadow:0px 3px 8px 3px rgba(0,87,255,0.2);
}

.temp-guess-item > a {
    display: block;
    height: 100%;
    width: 100%;
}
.temp-guess-item > a img {
    height: 100%;
    width: 100%;
}
.temp-guess-item > a > div {
    position: absolute;
    width: 100%;
    height: 25px;
    line-height: 25px;
    color: white;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: 14px;
    transition: all .3s;
    background: rgba(0,0,0,.4);
}
.temp-guess-item:hover > a > div {
    height: 100%;
    line-height: 108px;
}
.temp-guess > a {
    position: absolute;
    top:0px;
    right:200px;
    background: white;
    padding: 3px 10px;
    font-size: 14px;
    border: 1px solid #eaeaea;
}
/* 妯℃澘涓績鐚滀綘鍠滄end */
/*鐧诲綍start*/
.registration-bg{
    display: none;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#69000000,endColorstr=#69000000);
    z-index:101;
}

.registration{
    width: 700px;
    height: 530px;
    position:fixed;
    top:50%;
    left:50%;
    display:none;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);

}
.registration-bg .res-head{
    width:100%;
    height:90px;
    background:#191919;
    text-align:center;
}
.registration-bg .res-head .res-logo{
    width: 110px;
    margin-top: 30px;
}
.registration-bg .res-head .res-gift-tip:before{
    display:block;
    content:'';
    position:absolute;
    border-right:1px solid #FFE5E5;
    border-bottom:1px solid #FFE5E5;
    width:8px;
    height:8px;
    transform:rotate(-135deg);
    left:30px;
    top:-5px;
    background:#FFE5E5;
}
.registration-bg .res-head .res-gift-tip .vip-logo{
    height:16px;
    vertical-align:-2px;
}
.registration-bg .res-head .res-gift-tip{
    background:#FFE5E5;
    border-radius:4px;
    width:208px;
    height:26px;
    line-height:28px;
    margin:8px auto;
    font-size:12px;
    color: #FF787E;
    letter-spacing: 0;
    position: relative;
}
.logo-mascot{
    height: 61px;
    width: 100%;
    background:url(//s.tuguaishou.com/index_img/logo-login1.png) 188px -2px no-repeat;
}
.reg-content{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow:hidden;
    border-radius: 4px;
    background:rgba(247,247,247,1);
}
.registration .reg-content .icon-close{
    position: absolute;
    right: -40px;
    top: 0px;
    font-size: 22px;
    padding:0px;
    border-radius:50px;
    width:34px;
    height:34px;
    text-align:center;
    line-height:32px;
    background:rgba(0, 0, 0, 0.3);
    color:rgba(255, 255, 255, 0.7);
}
.registration .reg-content .icon-close > span{
    font-size: 34px;
    line-height: 35px;
}
.logo-character{
    height: 53px;
    width: 158px;
    margin: 28px auto 0;
    background: url(//s.tuguaishou.com/index_img/logo-login1.png) 8px -68px no-repeat;
}
.res-qrcode-box{
    width: 210px;
    text-align:center;
    margin:40px auto 0 auto;
    color:#384044;
    font-size:18px;
    position:relative;
    cursor:pointer;
}
.res-qrcode-box-wechat{
    color:#0057ff;
}

.auto-login{
    margin-top:10px;
    font-size:12px;
    color:#384044;
    cursor:pointer;
    text-align:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    display:none;
}
.auto-login .iconfont{
    color:#C8C8C8;
}
.auto-login.check .iconfont{
    color:#FF787E;
}
.res-qrcode-box .res-qrcode{
    width:210px;
    height:210px;
    border:solid 1px #DCDCDC;
    cursor:pointer;
    display:none;
}
.res-qrcode-box .res-mask{
    display:none;
    width:210px;
    height:210px;
    position:absolute;
    top:0;
    border:solid 1px transparent;
    background:rgba(0, 0, 0, 0.5);
    z-index:1;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
}
.res-qrcode-box.mask .res-mask{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor:pointer;
}
.res-qrcode-box.mask .res-qrcode{
    -webkit-filter:blur(3px); /* Chrome, Opera */
    -moz-filter:blur(3px);
    -ms-filter:blur(3px);
    filter:blur(3px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false);
}
.res-qrcode-box .wx-sys{
    width:210px;
    height:210px;
    border:solid 1px #DCDCDC;
}
.res-qrcode-box .wechat-logo{
    color:#444444;
    font-size:28px;
    margin-right: 6px;
    vertical-align: -4px;
}
.reg-content .reg-deal{
    font-size:12px;
    color:#969696;
    position:absolute;
    bottom:36px;
    width:100%;
    text-align:center;
    letter-spacing: 1px;
}
.reg-content .reg-deal a{
    color:#969696;
    font-size:12px;
}
#login_account_tip{
    font-size:10px;
    text-align:center;
    margin-top: 20px;
}

#login_account_tip span{
    display:inline-block;
    height:20px;
    padding: 0 10px;
    line-height:20px;
    background:rgba(216, 216, 216, 0.3);
    border-radius:2px;
}
.res-qq-login{
    position:absolute;
    bottom:10px;
    right:9px;
    /*width: 154px;*/
    font-size:12px;
}
.res-qq-login #qq_refer{
    display: block;
    /*width: 154px;*/
    /*height: 42px;*/
    /*background: rgba(255,255,255,1);*/
    /*border-radius: 2px;*/
    text-align: center;
    /*line-height: 40px;*/
    /*border:1px #dcdcdc solid;*/
    color:#969696;
    /*margin-bottom:6px;*/
    cursor:pointer;
}
.res-qq-login #qq_refer .icon-enroll{
    padding-right: 10px;
    color:#969696;
    font-size:22px;
    vertical-align: -1px;
}
.reg-piece{
    width: 330px;
    margin: 0 auto;
    text-align: center;
    color: #999;
}
.reg-describe{
    font-size: 14px;
    display: inline-block;
    background: #fff;
    padding:17px 11px 28px;
    position: relative;
}
.reg-piece>a{
    display: block;
    width: 100%;
    height: 48px;
    background: #00b6f1;
    line-height: 48px;
    color: #fff;
    font-size: 18px;
    margin-bottom: 25px;
    border-radius: 2px;
}
.reg-piece>a:hover{
    opacity: 0.8;
}
.reg-deal,.reg-deal a{
    font-size: 14px;
}
.reg-deal a{
    text-decoration: underline;
}

.reg-deal a:hover{
    text-decoration: underline;
}
.reg-piece .reg-wire{
    height: 1px;
    position: relative;
    top: 26px;
    background: #e1e1e1;
}
.icon-enroll{
    font-size: 24px;
    padding-right: 19px;
}
.reg-piece .reg-bg{
    background: #79cd00;
    margin-bottom: 31px;
}
.reg-loggedon{
    font-size: 14px;
    padding: 41px 14px 0 0 ;
}
.reg-loggedon a{
    font-size: 14px;
    color: #f25b4a;
}
/*鐧诲綍end*/
/*鑷畾涔夌櫥褰晄tart*/
.sj-login {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 99999;
}
.sj-login-cont {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 720px;
    height: 460px;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 4px;
    /*overflow: hidden;*/
}
.sj-login-cont > div {
    float: left;
    width: 50%;
    height: 100%;
}
.sj-login-left {
    background: url("//js.tusij.com/custom/img/common/login-left2-7.png") center no-repeat !important;
    background-size: cover !important;
    border-radius: 4px 0 0 4px !important;
}
.sj-big-title{
    padding-top: 117px;
    font-size: 28px;
    color: #F5FAFF;
    padding-left: 46px;
    font-weight: bold;
}
.sj-login-left ul{
    padding-top: 43px;
    padding-left: 49px;
    color: #E6F0FF;
    opacity: 0.8;
    font-weight: bold;
}
.sj-login-left li{
    list-style: disc;
    margin-bottom: 24px;
}
.sj-login-right {
    position: relative;
}
.sj-login-title > img {
    display: block;
    width: 71px;
    height: 21px;
    margin: auto;
    margin-top: 58px;
}
.sj-login-subtitle {
    padding-top: 10px;
    color: #9B9B9B;
    font-size: 16px;
    text-align: center;
}
.sj-login-foot {
    position: absolute;
    bottom: 18px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #9B9B9B;
    font-size: 12px;
}
.sj-login-foot > a {
    color: #9B9B9B;
    border-bottom: 1px solid #9B9B9B;
}
.sj-login-btns  {
    width: 240px;
    margin: auto;
    margin-top: 38px;
}
.sj-login-btns > a {
    display: inline-block;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    color: white;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    background: rgba(42,194,255,1);
    background:linear-gradient(90deg,rgba(83,226,255,1) 0%,rgba(42,194,255,1) 100%);
    margin-top: 20px;
}
.sj-login-btns > a.sj-btn-phone {
    background: rgba(251,106,135,1);
    background:linear-gradient(90deg,rgba(253,163,188,1) 0%,rgba(251,106,135,1) 100%);
}
.sj-login-btns > a:hover {
    opacity: 0.9;
}
.sj-login-btns > a.sj-btn-wx {
    background: rgb(69, 187, 38);
    background:linear-gradient(90deg,rgba(92,233,113,1) 0%,rgba(47,207,62,1) 100%);
}
.sj-login-btns > a.sj-btn-qq > span {
    letter-spacing: 3px;
}
.sj-login-btns > a .iconfont {
    font-size: 18px;
    margin-right: 30px;
}
.sj-login-pannel > .sj-login-btns p {
    text-align: center;
    font-size: 12px;
    color: #9B9B9B;
    padding-top: 28px;
}
.sj-login-close {
    position: absolute;
    top: -5px;
    right: -40px;
}
.sj-login-close .iconfont {
    font-size: 30px;
    color: white;
}
.sj-login-close:hover .iconfont{
    color: #0057ff;
}
.sj-login-wx{
    display: none;

    position: relative;
    width: 174px;
    height: 174px;
    margin: 38px auto 0 auto;
}
.sj-login-wx img{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.sj-login-wx img#sjRefer {
    z-index: 2;
}
.sj-login-wx .sj-login-mask {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: solid 1px transparent;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    z-index: 3;
    padding-top: 68px;
    cursor: pointer;
    text-align: center;
}
.sj-login-wx.mask .sj-login-mask {
    display: block;
}
.sj-login-wx.mask #sjRefer {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}
.sj-login.sj-login-new .sj-login-cont {
    height: 421px;
}
.sj-login.sj-login-new .sj-login-wx {
    display: block;
    margin-top: 0;
}
.sj-login.sj-login-new .sj-login-title {
    text-align: center;
    padding: 26px 0 ;
    font-size:16px;
    color: #171717;
    font-weight: bold;
}
.sj-login.sj-login-new .sj-login-title > span {
    vertical-align: top;
}
.sj-login.sj-login-new .sj-login-title .iconfont.icon-weixin1 {
    color: #82D527;
    font-size: 23px;
    margin-right: 4px;
    line-height: 23px;
    font-weight: normal;
}
.sj-login.sj-login-new .sj-login-title .iconfont.icon-xiangzuo {
    float: left;
    color: #0057ff;
    cursor: pointer;
    position: absolute;
    left: 29px;
    top: 26px;
}
.sj-login.sj-login-new .sj-login-wx .sj-login-mask {
    height: 174px;
}
.sj-login.sj-login-new .sj-login-wx img {
    height: 174px;
}
.sj-login.sj-login-new .sj-login-wx-wrap {
    padding-top: 174px;
}
.sj-login.sj-login-new .sj-login-wx-wrap > p {
    color: #FF6376;
    font-size: 16px;
    text-align: center;
    padding-top: 19px;

}
.sj-login.sj-login-new .sj-login-wx-wrap > div {
    padding-top: 23px ;

}
.sj-login.sj-login-new .sj-login-wx-wrap > div:after {
    display: table;
    content: " ";
    clear:both;
}
.sj-login.sj-login-new .sj-login-wx-icon {
    float: left;
    width: 60px;
    text-align: center;
}
.sj-login.sj-login-new .sj-login-wx-icon:last-child {
    float: right;
}
.sj-login.sj-login-new .sj-login-wx-icon .sj-login-wx-img {
    display: block;
    width: 32px;
    height: 32px;
    background: url("//s.tusij.com//custom/img/common/login_icon1.svg") center no-repeat;
    background-size: contain;
    text-align: center;
    margin: auto;
}
.sj-login.sj-login-new .sj-login-wx-icon .sj-login-wx-text {
    white-space: nowrap;
    font-size: 12px;
    color: #9B9B9B;
    overflow: hidden;
}
.sj-login.sj-login-new .sj-login-wx-icon:last-child .sj-login-wx-img{
    background: url("//s.tusij.com//custom/img/common/login_icon2.svg") center no-repeat;
    background-size: contain;
}
.sj-login.sj-login-new .sj-login-wx-icon .iconfont {
    font-size: 20px;
    line-height: 32px;
    color: white;
}
.sj-login-back {
    position: absolute;
    left: 33px;
    top: 26px;
    color: #0057ff;
    cursor: pointer;
}
/*鑷畾涔夌櫥褰昬nd*/
/*璁捐甯堟帶鍒跺彴start*/

/*璁捐甯堟帶鍒跺彴end*/
/*鍏ㄥ眬start*/
.home-body{
    background:rgba(249,249,249,1);
}
.item-block {
    display: inline-block;
    width: 24px;
    height: 7px;
    background: #0057FF;

}
.item-block-small {
    width: 8px;
    height: 2px;
}
.sj-btn {
    background: #0057FF;
    color: white;
    padding: 5px 14px;
    text-align: center;
    font-size: 16px;
    border-radius: 16px;
}
.sj-btn:hover {
    background:rgba(0,87,255,.9);
}
.sj-btn-large{
    font-size: 24px;
    border-radius: 26px;
    padding: 10px 54px;
}
.sj-red {
    color: rgb(246,58,20);
}
.sj-gold {
    color: #FFD38C;
}
.sj-gold2 {
    color: #F0CFBC;
}
.sj-blue {
    color: #0057ff;
}
.sj-pink {
    color: #FF6C6C;
}
.vip-sliver {
    display: inline-block;
    width: 59px;
    height: 20px;
    background: url(//js.tusij.com/custom/img/common/vip_sliver.png) center no-repeat;
    background-size: contain;
}
.vip-gold {
    display: inline-block;
    width: 59px;
    height: 20px;
    background: url(//js.tusij.com/custom/img/common/vip_gold.png) center no-repeat;
    background-size: contain;
}
.vip-black {
    display: inline-block;
    width: 59px;
    height: 20px;
    background: url(//js.tusij.com/custom/img/common/vip_black.png) center no-repeat;
    background-size: contain;
}
.vip-permanent {
    display: inline-block;
    width: 59px;
    height: 20px;
    background: url(//js.tusij.com/custom/img/common/vip_black.png) center no-repeat;
    background-size: contain;
}
.vip-ep {
    display: inline-block;
    width: 59px;
    height: 20px;
    background: url(//js.tusij.com/custom/img/common/vip_black.png) center no-repeat;
    background-size: contain;
}
.img-loading {
    background:none;
    background-size: 40%;
}
.modal {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index:999;
    left: 0;
    top:0;
    overflow: auto;
}
.modal-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: white;
    border-radius: 4px;
    box-shadow:0px 2px 9px 0px rgba(6,0,238,0.5);
    padding: 0 32px;
}
.modal-close {
    position: absolute;
    right: -22px;
    top: 16px;
    width: 20px;
    height: 20px;
    background: url("//js.tusij.com/custom/img/common/recommend_close.png") center no-repeat;
    background-size: cover;
    z-index: 1;
}
.message-bar {
    display: none;
    position: fixed;
    left: 0;
    top: 70px;
    background: rgba(0,87,255,.8);
    text-align: center;
    width: 100%;
    height: 70px;
    color: white;
    z-index: 200;
    line-height: 70px;
    font-size: 27px;
}
.bcard .min-img {
    background: url("//js.tusij.com/custom/img/common/mpbg.jpg") center no-repeat;
    background-size: 100% 100%;
    border-radius: 4px;
}
.bcard .min-img > img:first-child {
    position: absolute;
    left: 37px;
    top: 37px;
    width: 155px;
    height: 97px;
    border-radius: 0;
}
.bcard .min-img > img:last-child {
    position: absolute;
    left: 37px;
    top: 165px;
    width: 155px;
    height: 97px;
    border-radius: 0;
}
.bcard-v .min-img {
    background: url("//js.tusij.com/custom/img/common/mpbg2.jpg") center no-repeat;
    background-size: 100% 100%;
}
.bcard-v .min-img > img:first-child {
    position: absolute;
    left: 15px;
    top: 83px;
    width: 87px;
    height: 140px;
    border-radius: 0;
}
.bcard-v .min-img > img:last-child {
    position: absolute;
    left: 117px;
    top: 83px;
    width: 87px;
    height: 140px;
    border-radius: 0;
}
.display-card .min-img {
    background: url("//js.tusij.com/custom/img/common/zhanban.jpg") center no-repeat;
    background-size: 100% 100%;
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
    transform: translateZ(100px);
}
.display-card .min-img > img:first-child {
    position: absolute;
    left: 37px;
    top: 6px;
    width: 187px;
    height: 87px;
    transform: rotateX(21deg) rotateY(21deg) rotateZ(-3deg);
    transform-origin: 0% 100%;
    border-radius: 0;
}
.display-card.display-card-special {
    width: 387px!important;
    margin-right: 18px !important;
}
.display-card.display-card-special .min-img {
    -webkit-perspective: 697px;
    -moz-perspective: 697px;
    -ms-perspective: 697px;
    -o-perspective: 697px;
    perspective: 697px;

}
.display-card.display-card-special .min-img > img:first-child {
    left: 64px;
    top: 9px;
    width: 322px;
    height: 152px;
    transform: rotateX(21deg) rotateY(21deg) rotateZ(-3deg);
}
.phone-card .min-img {
    max-height: none;
    background: url("//js.tusij.com/custom/img/common/phonebg.jpg") center no-repeat;
    background-size: 100% 100%;
}
.phone-card .min-img > img:first-child {
    position: absolute;
    width: 51px;
    height: 111px;
    top: 27px;
    left: 59px;
    border-radius: 4px;
}
.phone-card .min-img > img:last-child {
    position: absolute;
    width: 39px;
    height: 85px;
    top: 27px;
    left: 192px;
    border-radius: 4px;
    transform: rotateZ(-28deg);
}
.phone-card-h .min-img {
    max-height: none;
    background: url("//js.tusij.com/custom/img/common/phonebg_h.jpg") center no-repeat;
    background-size: 100% 100%;
}

.phone-card-h .min-img > img:first-child {
    position: absolute;
    width: 86px;
    height: 48px;
    left: 69px;
    top: 76px;
    border-radius: 0;
}
.phone-card-h .min-img > img:last-child {
    position: absolute;
    width: 178px;
    height: 98px;
    left: 23px;
    top: 191px;
    border-radius: 0;

}
.print-card.print-card-special {
    width: 280px !important;
}
.print-card .min-img {
    background: url("//js.tusij.com/custom/img/common/printbg.jpg") center no-repeat;
    background-size: 100% 100%;
}
.print-card .min-img > img:first-child {
    position: absolute;
    width: 163px;
    height: 222px;
    top: 46px;
    left: 30px;
    border-radius: 0;
}
.print-card.print-card-special .min-img > img:first-child {
    position: absolute;
    width: 204px;
    height: 278px;
    top: 58px;
    left: 37px;
    border-radius: 0;
}

.media-card .min-img {

    background: url("//js.tusij.com/custom/img/common/newmediabg.jpg") center no-repeat;
    background-size: 100% 100%;
}
.media-card .min-img > img:first-child {
    position: absolute;
    width: 120px;
    height: 51px;
    left: 79px;
    top: 71px;
    border-radius: 7px 7px 0 0;
}
.media-card .min-img > img:last-child {
    position: absolute;
    width: 225px;
    height: 96px;
    left: 27px;
    top: 219px;
    border-radius: 0;
}
.ylb-card .min-img {
    max-height: none;
    background: url("//js.tusij.com/custom/img/common/ylbbg.jpg") center no-repeat;
    background-size: 100% 100%;
    -webkit-perspective: 247px;
    -moz-perspective: 247px;
    -ms-perspective: 247px;
    -o-perspective: 247px;
    perspective: 247px;
    perspective-origin: 50% 50%;
}
.ylb-card .min-img > img {
    position: absolute;
    width: 142px;
    height: 360px;
    left: 43px;
    top: 11px;
    border-radius: 0;
    transform: rotateX(0deg) rotateY(2deg) rotateZ(0deg);
    transform-origin: 0% -0%;

}
.leaflet-card .min-img {
    max-height: none;
    background: url("//js.tusij.com/custom/img/common/leafletbg.jpg") center no-repeat;
    background-size: 100% 100%;
}
.leaflet-card .min-img > img:first-child {
    position: absolute;
    top: 29px;
    width: 98px;
    height: 132px;
    left: 95px;
    border-radius: 0;
    transform: rotate(22deg);
    transform-origin: 50% 50%;
}
.leaflet-card .min-img > img:last-child {
    position: absolute;
    width: 99px;
    height: 132px;
    left: 28px;
    top: 33px;
    border-radius: 0;
    transform: rotate(-18deg);
    transform-origin: 50% 50%;
    box-shadow: 0 0 3px 2px rgba(0,0,0,.2);

}
.resume-card .min-img {
    background: url(//js.tusij.com/custom/img/common/jlbg.png) center no-repeat;
    background-size: 100% 100%;
}
.resume-card .min-img > img {
    position: absolute;
    width: 199px;
    height: 283px;
    left: 13px;
    top: 9px;
    border-radius: 0;
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform-origin: 0% -0%;
}
.employee-card .min-img {
    max-height: none;
    background: url("//js.tusij.com/custom/img/common/gzzbg.png") center no-repeat;
    background-size: 100% 100%;
}
.employee-card .min-img > img:first-child {
    position: absolute;
    top: 37px;
    width: 73px;
    height: 113px;
    left: 119px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}
.employee-card .min-img > img:last-child {
    position: absolute;
    width: 73px;
    height: 113px;
    left: 26px;
    top: 37px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}
.discount-card .min-img {
    max-height: none;
    background: url("//js.tusij.com/custom/img/common/yhqbg.png") center no-repeat;
    background-size: 100% 100%;
}
.discount-card .min-img > img:first-child {
    position: absolute;
    top: 7px;
    width: 209px;
    height: 84px;
    left: 8px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}
.discount-card .min-img > img:last-child {
    position: absolute;
    width: 209px;
    height: 84px;
    left: 8px;
    top: 97px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}
.congrats-card .min-img {
    max-height: none;
    background: url("//js.tusij.com/custom/img/common/hkbg.png") center no-repeat;
    background-size: 100% 100%;
}
.congrats-card .min-img > img:first-child {
    position: absolute;
    width: 170px;
    height: 170px;
    left: 10px;
    top: 12px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
    clip: rect(0,170px,85px,0);
}
.congrats-card .min-img > img:last-child {
    position: absolute;
    width: 170px;
    height: 170px;
    left: 46px;
    top: -20px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
    clip: rect(85px,170px,170px,0);
}
.letter-card .min-img {
    max-height: none;
    background: url("//js.tusij.com/custom/img/common/xzbg.png") center no-repeat;
    background-size: 100% 100%;
}
.letter-card .min-img:after {
    content: " ";
    position: absolute;
    left: 12px;
    top: 106px;
    width: 198px;
    height: 91px;
    background: rgba(0,0,0,.06);
}
.letter-card .min-img > img {
    position: absolute;
    width: 197px;
    height: 272px;
    left: 13px;
    top: 15px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}
.handbag .min-img {
    max-height: none;
    background: url("//js.tusij.com/custom/img/common/stb.jpg?v=2") center no-repeat;
    background-size: 100% 100%;
    -webkit-perspective: 148px;
    -moz-perspective: 148px;
    -ms-perspective: 148px;
    -o-perspective: 148px;
    perspective: 148px;
    perspective-origin: 50% 50%;
    overflow: visible;
}
.handbag .min-img:after {
    content: " ";
    position: absolute;
    left: 81px;
    top: 45px;
    width: 39px;
    height: 32px;
    background: url(//s.tusij.com/custom/img/common/stb_after2.png) center no-repeat;
    background-size: cover;
    z-index: 1;
}
.handbag .min-img > img:first-child {
    position: absolute;
    width: 277px;
    height: 151px;
    left: 46px;
    top: 32px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 44% 50%;
    clip: rect(0,106px,151px,0);
    transform: rotateX(0deg) rotateY(-11deg) rotateZ(0deg);
}
.handbag .min-img > img:last-child {
    position: absolute;
    width: 258px;
    height: 129px;
    left: -87px;
    top: 43px;
    border-radius: 0;
    transform: rotate(0deg);
    transform-origin: 100% 50%;
    clip: rect(0,258px,129px,227px);
    transform: rotateX(0deg) rotateY(37deg) rotateZ(0deg);
}
.box.logoyj .min-img {
    max-height: none;
    background: url("//js.tusij.com/custom/img/common/yj_logo.jpg") center no-repeat;
    background-size: 100% 100%;

}
.box.logoyj .min-img > img{
    position: absolute;
    width: 168px;
    height: 168px;
    left: 29px;
    top: 29px;
    border-radius: 0;
}
.box.ds-modal .min-img {
    max-height: none;
    background: url("//js.tusij.com/custom/img/common/ds_modal.png") center no-repeat;
    background-size: 100% 100%;

}
.box.ds-modal .min-img > img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 0;
}

body .box dt{
    overflow: hidden;
}
body .box.dianzhao dt{
    padding:11px 0;
}

/*鏍锋満瀹藉害鏆傛椂鍙栨秷*/
/*.box.public-first-special {*/
/*    width: 280px !important;*/
/*}*/
/*.box.banner-card-special {*/
/*    width: 280px !important;*/
/*}*/
/*.box.gif-item-special {*/
/*    width: 280px !important;*/
/*}*/
/*.box.shop-special {*/
/*    width: 387px !important;*/
/*    margin-right: 18px !important;*/
/*}*/
/*鍏ㄥ眬end*/
/*澶撮儴瀵艰埅start*/

.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 70px;
    background: white;
    color: #CACACA;
    font-size: 16px;
    min-width: 1268px;
    z-index: 105;
    padding: 0 40px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 8px 15px rgba(150,153,158,0.2);
}

.header.active{
    box-shadow: 0 1px 0 0 #F5F5F8;
}

.header .h-logo {
    position: relative;
    height: 100%;
    margin-right:15px;
}
.header .h-logo:hover .h-logo-hover {
    display: block;
}
.header .h-logo .h-logo-hover {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 251px;
    height: 48px;
    background: rgba(0, 87, 255, .5);
    border: 1px dashed rgba(151,151,151,1);
    font-size: 18px;
    text-align: center;
    line-height: 48px;
    border-radius: 24px;
    color: white;
}
.header .h-logo:hover .h-logo-img {
    display: block;
}
.header .h-logo .h-logo-img {
    display: none;
    position: absolute;
    left: 96px;
    top:0;
    width: 30px;
    height: 35px;
    margin: 0;
}
.header .h-logo a {
    display: inline-block;
    height: 100%;
    /* width: 100%; */
    float: left;
}
.header .h-logo a > * {
    /*vertical-align: middle;*/
    float: left;
}

.header .h-logo img {
    margin-top: 11px;
    width: 94px;
    height: 50px;
}
.header .h-logo span {
    position: relative;
    color: #000000;
    line-height: 70px;
    margin-left: 20px;
}
.header .h-logo span:after {
    position: absolute;
    left: -10px;
    top: 32px;
    content: " ";
    height: 4px;
    width: 4px;
    background: #000000;
    border-radius: 50%;
}
.h-navs {
    padding-left: 40px;
    height: 100%;
}
.h-navs .h-nav-division {
    float:left;
    width: 1px;
    padding: 27px 0;
    height: 100%;
    margin-left: 8px;
}
.h-navs .h-nav-division > span {
    display: block;
    height: 100%;
    width: 100%;
    background: #cacaca;
}
.h-navs .h-nav-btn {
    position: relative;
    float: left;
    margin: 0 10px;
    height: 100%;
    border-bottom: 0;
    text-align: center;
}
.h-navs .h-nav-btn[data-type='2'] {
    display: none;
}
.h-navs .h-nav-btn:after {
    display: inline-block;
    content: " ";
    position: absolute;
    bottom: 0;
    left:50%;
    right: 50%;
    /*left: 50%;
transform: translate(-50%,0);*/
    /*width: 10px;*/
    height: 5px;
    background: #0057ff;
    transition: all .3s;
}
.h-navs .h-nav-btn:hover:after {
    left: 0;
    right: 0;
}
.h-navs .h-nav-btn > a {
    display: inline-block;
    height: 100%;
    line-height: 70px;
    color: #171717;
}
.h-navs .h-nav-btn.active a {
    color: #000000;
}
.h-navs .h-nav-btn a.active, .h-navs .h-nav-btn a:hover {
    color: #000000;
}
.h-navs .h-nav-btn:hover .h-nav-temp {
    display: block;
}
.h-navs .h-nav-btn .h-nav-icon{
    position: absolute;
    top: 10px;
    right: -13px;
    line-height: 16px;
}
.h-navs .h-nav-btn .h-nav-icon.h-nav-icon-new{
    position: absolute;
    top: 10px;
    right: -13px;
    width: 30px;
    height: 16px;
    background: url(//js.tusij.com/custom/img/common/icon_new.svg) center no-repeat;
    background-size: cover;
}
.h-nav-temp {
    display: none;
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform:translate(-50%, 0); 	/* IE 9 */
    -moz-transform:translate(-50%, 0); 	/* Firefox */
    -webkit-transform:translate(-50%, 0); /* Safari 鍜� Chrome */
    background: white;
    padding: 0;
    border-radius: 4px;
    box-shadow:0px 2px 4px 1px rgba(0,87,255,0.1);
    overflow: hidden;
}

.h-nav-temp-cont {
    margin: 0;
    /*padding: 19px 0 15px 0;*/
    width: 658px;
    /*height: 239px;*/


}
.h-nav-temp-top > * {
    vertical-align: middle;
}
.h-nav-temp-top{
    padding: 22px 36px 17px 31px;
    height: 64px;
    border-bottom: 1px solid #E4E4E4;
    text-align: left;
}
.h-nav-temp-top>span {
    color:#666666;
    font-size: 18px;
}
.h-nav-temp-top > a {
    position: relative;
    top: -8px;
    float: right;
    font-size: 18px;
    padding: 6px 17px;
    border-radius: 4px;
}
.h-nav-temp-temps {
    padding:0
}

.h-nav-temp-temps li {
    position: relative;
    height: 62px;
    border-bottom: 1px solid #E9E9E9;
}

.h-nav-temp-temps li:hover {
    background: #F6F6F6;
}
.h-nav-temp-temps li:hover > span {
    color: #0057ff;
}
.h-nav-temp-temps li:after {
    content: " ";
    display: table;
    clear: both;
}
.h-nav-temp-temps li > *{
    float: left;
}

.h-nav-temp-temps li > span{
    display: inline-block;
    position: relative;
    z-index: 1;
    text-align: left;
    width: 128px;
    color: #171717;
    font-size: 16px;
    line-height: 62px;
    font-weight: bold;
    border-right: 1px solid #E9E9E9;
    text-align: center;
}
.h-nav-temp-temps li>span > a {
    color: #171717;
}
.h-nav-temp-temps li>span>a:hover {
    color: #0057ff!important;
}
.h-nav-temp-temps li > span.temp-hot1:before {
    position: absolute;
    right: 10px;
    top:0;
    width: 15px;
    height: 21px;
    content:" ";
    background: url("//js.tusij.com/custom/img/common/temp_hot1.svg") center no-repeat;
    background-size: cover;
}
.h-nav-temp-temps li>span.temp-hot2:before {
    position: absolute;
    right: 10px;
    top: 0;
    width: 15px;
    height: 21px;
    content: " ";
    background: url("//js.tusij.com/custom/img/common/temp_hot2.svg") center no-repeat;
    background-size: cover;
}
.h-nav-temp-temps li>span.temp-new:before {
    position: absolute;
    right: 10px;
    top: 0;
    width: 15px;
    height: 21px;
    content: " ";
    background: url("//js.tusij.com/custom/img/common/temp_new.svg") center no-repeat;
    background-size: cover;
}
.h-nav-temp-temps li > ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 148px;
    padding-right: 36px;
}
.h-nav-temp-subtemps li {
    position: relative;
    float: left;
    font-size: 14px;
    padding:0;
    width: 84px;
    line-height: 62px;

}
.h-nav-temp-subtemps li:last-child {
    width: auto;
    float: right;
}
.h-nav-temp-subtemps li > a {
    color: #666666;
}
.h-nav-temp-subtemps li > a:hover {
    color: #0057ff!important;
}
.h-nav-temp-temps .h-nav-temp-icon {
    position: absolute;
    top: 22px;
    left:5px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
}
.h-nav-temp-temps .h-nav-temp-icon.icon-media {
    background: url(//js.tusij.com/custom/img/home/media.png) center no-repeat;
    background-size: cover;
}
.h-nav-temp-temps .h-nav-temp-icon.icon-paper {
    background: url(//js.tusij.com/custom/img/home/phone.png) center no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    left: -3px;
    top: -1px;
    margin-right: 5px;
}
.h-nav-temp-temps .h-nav-temp-icon.icon-paper:after{
    position: absolute;
    content: " ";
    right: -11px;
    top: -13px;
    background: url(//js.tusij.com/custom/img/common/hot.png) center no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
}
.h-nav-temp-temps .h-nav-temp-icon.icon-ds {
    background: url(//js.tusij.com/custom/img/home/ds.png) center no-repeat;
    background-size: cover;
}
.h-nav-temp-temps .h-nav-temp-icon.icon-print {
    background: url(//js.tusij.com/custom/img/home/printing.png) center no-repeat;
    background-size: cover;
}
.h-nav-temp-temps .h-nav-temp-icon.icon-gif {
    background: url(//js.tusij.com/custom/img/home/icon-gif.png) center no-repeat;
    background-size: cover;
}
.h-nav-temp-temps .h-nav-temp-icon.icon-gif:before {
    content: " ";
}
.h-nav-temp .h-nav-temp-center li {
    padding: 0 18px;
    width: 116px;
    height: 31px;
    text-align: center;
}
.h-nav-temp .h-nav-temp-center li:hover{
    background: #EBEBEB;
}
.h-nav-temp .h-nav-temp-center li > a {
    display: inline-block;
    height: auto;
    line-height: normal;
    color: #666666;
    text-align: center;
    font-size: 16px;
    line-height: 31px;
}
.h-nav-temp .h-nav-temp-center li:hover > a {
    color: #0057FF;
}
.h-nav-temp .h-nav-small-tools li{
    padding: 0 18px;
    width: 116px;
    height: 31px;
    text-align: center;
}
.h-nav-temp .h-nav-small-tools li:hover{
    background: #EBEBEB;
}
.h-nav-temp .h-nav-small-tools li > a {
    display: inline-block;
    height: auto;
    line-height: normal;
    color: #666666;
    text-align: center;
    font-size: 16px;
    line-height: 31px;
}
.h-nav-temp .h-nav-small-tools li:hover > a {
    color: #0057FF;
}
.h-nav-vip-auth {
    width: 477px;
}
.h-nav-temp-vip {
    padding-top: 0;
    padding-bottom: 0;
}
.h-nav-temp-vip2 {
    width: 400px;
    height: 340px;
    background:linear-gradient(224deg,rgba(255,252,246,1) 0%,rgba(255,251,245,1) 0%,rgba(255,255,255,1) 100%);
}
.h-nav-temp-vip2:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 152px;
    height: 215px;
    background: url(//s.tusij.com/custom/img/recharge/vip_desc_v2.png) center no-repeat;
    background-size: cover;
}
.h-nav-temp-vip2 .h-nav-vip-title {
    position: relative;
    background: none;
    height: auto;
    line-height: 1;
    font-size: 20px;
    padding: 0 33px;
    padding-top: 40px;
    color: #212227;
    font-weight: bold;
}
.h-nav-temp-vip2 .h-nav-vip-title > span {
    display: block;
    position: absolute;
    left: 108px;
    top: 48px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #EABF70;
}
.h-nav-temp-vip2 .h-nav-vip-title > span:last-child {
    left: auto;
    right: 108px;

}
.h-nav-temp-vip2 .h-nav-vip-title:before {
    content: " ";
    position: absolute;
    left: 33px;
    top: 49px;
    height: 1px;
    width: 70px;
    background: #3F4E6D;
    background:linear-gradient(315deg, rgba(233,191,110,1) 0%,rgba(233,191,110,0) 100%);
    opacity:1;
}
.h-nav-temp-vip2 .h-nav-vip-title:after {
    content: " ";
    position: absolute;
    right: 33px;
    top: 49px;
    height: 1px;
    width: 70px;
    background: #3F4E6D;
    background:linear-gradient(315deg,rgba(233,191,110,0) 0%,rgba(233,191,110,1) 100%);
    opacity:1;
}
.h-nav-temp-vip2 .h-nav-vip-auth {
    width: auto;
    margin:0;
}
.h-nav-temp-vip2 .h-nav-vip-subtitle {
    padding-top: 26px;
    padding-bottom: 16px;
    font-size: 13px;
    color: #6F737D;
    line-height: 1;
}
.h-nav-temp-vip2 .h-nav-vip-subtitle > span {
    line-height: 1;
    display: inline-block;
}
.h-nav-temp-vip2 .h-nav-vip-subtitle > span.h-nav-vip-vline {
    color: #D8D8D8;
}
.h-nav-temp-vip2 .h-nav-vip-items {
    position: relative;
    padding: 0;
    padding-top: 18px;
    width: 335px;
    height: 100px;
    margin: auto;
    background:rgba(253, 250, 245, 1);
    border:1px solid rgba(234,193,115,0.2);
}
.h-nav-temp-vip2 .h-nav-vip-items:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(20px);
    z-index: -1;
}

.h-nav-temp-vip2 .h-nav-vip-items > div {
    position: relative;
    padding-left: 15px;
    height: auto;
    margin-bottom: 20px;
    z-index: 2;
}
.h-nav-temp-vip2 .h-nav-vip-items > div > a {
    display: block;
}
.h-nav-temp-vip2 .h-nav-vip-items > div > a > img {
    width: 24px;
    height: 24px;
    margin-right: 6px;
}
.h-nav-temp-vip2 .h-nav-vip-items > div:nth-child(2) >a >img {
    height: 24px;
}
.h-nav-temp-vip2 .h-nav-vip-items > div > a > span {
    line-height: 24px;
    font-size: 14px;
    color: #212227;
}
.h-nav-temp-vip2 .h-nav-vip-charge {
    padding-top: 40px;
}
.h-nav-temp-vip2 .h-nav-vip-charge a {
    display: block;
    position: relative;
    margin: auto;
    width: 240px;
    height: 48px;
}
.h-nav-temp-vip2 .h-nav-vip-btn > span {
    line-height: 48px;
    width: 28px;
    height: 22px;
    background-size: contain;
    margin-right: 0;
}
.h-nav-temp-vip2 .h-nav-vip-charge a:before {
    content: " ";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-color: transparent;
    border: 5px solid transparent;
    border-top-color: #F4463C;
}
.h-nav-temp-vip2 .h-nav-vip-charge a:after {
    content: attr(data-notice);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -25px);
    height: 20px;
    padding: 0 10px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 20px;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    background: #F4463C;
}
.h-nav-vip-title {
    height: 78px;
    background: url("//js.tusij.com/custom/img/common/vip_auth.png");
    line-height: 78px;
    text-align: center;
    color: white;
    font-size: 24px;
}
.h-nav-vip-subtitle {
    position: relative;
    padding-top: 18px;
    text-align: center;
    font-size: 14px;
    color: #666666;
}
.h-nav-line-left {
    position: absolute;
    left: 60px;
    top: 27px;
    width: 44px;
    height: 2px;
    background: #979797;
}
.h-nav-line-right {
    position: absolute;
    right: 60px;
    top: 27px;
    width: 44px;
    height: 2px;
    background: #979797;
}
.h-nav-vip-items {
    padding: 20px 60px 10px 60px;
}
.h-nav-vip-items:after {
    content: " ";
    display: block;
    clear: both;
}
.h-nav-vip-items > div {
    float: left;
    width: 50%;
    margin-bottom: 22px;
    height: 37px;
}
.h-nav-vip-items > div:nth-child(2) >a >img{
    height: 30px;
}
.h-nav-vip-items > div > a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.h-nav-vip-items > div > a:after {
    content: " ";
    display: block;
    clear: both;
}
.h-nav-vip-items > div > a > * {
    float: left;
}
.h-nav-vip-items > div > a > img {
    height: 34px;
    width: 33px;
    margin-right: 33px;
}
.h-nav-vip-items > div > a > span {
    line-height: 34px;
    color: #1C1D21;
    font-size: 16px;
}
.h-nav-vip-charge {
    text-align: center;
    padding-bottom: 20px;
}
.h-nav-vip-charge a {
    display: inline-block;
    width: 238px;
    height: 49px;
    border-radius: 25px;
    background: #F7DBA7;
    background:linear-gradient(90deg,rgba(247,219,167,1) 0%,rgba(233,190,110,1) 100%);
    color: #1C1D21;
    font-size: 18px;
    line-height: 49px;
}
.h-nav-vip-charge a:hover {
    background: rgba(247,219,167,1);
    color: #1C1D21;
}
.h-nav-vip-icon {
    display: inline-block;
    margin-right: 13px;
    width: 36px;
    height: 29px;
    background: url("//js.tusij.com/custom/img/common/vip_btn.png");

}
.h-nav-vip-btn > span {
    vertical-align: middle;
    line-height: 49px;
}
.h-nav-temp-evip {
    width: 420px;
    height: 304px;
    background: url("//js.tusij.com/custom/img/recharge/evip_bg.png") center no-repeat;
    background-size: cover;
}
.h-nav-temp-evip:before {
    content: " ";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 74px;
    background: url("//js.tusij.com/custom/img/recharge/evip_head.png") center no-repeat;
    background-size: cover;
    z-index: 0;
}
.h-nav-temp-evip > p {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    padding: 10px 68px 0 80px;
}
.h-nav-temp-evip > p span {
    font-size: 24px;
    color: #1E1F25;
}
.h-nav-temp-evip > p span:first-child {
    float: left;
}
.h-nav-temp-evip > p span:last-child {
    float: right;
}
.h-nav-temp-evip .h-nav-temp-ebody {
    position: relative;
    padding: 89px 0px 0 0px;
}
.h-nav-temp-evip .h-nav-temp-etext p:first-child{
    font-size: 36px;
    text-align: center;
    color: #F3D1BF;
    letter-spacing: 4px;
    font-weight: bold;
}
.h-nav-temp-evip .h-nav-temp-etext p:last-child{
    font-size: 24px;
    text-align: center;
    color: #F3D1BF;
    letter-spacing: 6px;
    padding-top: 15px;
}
.h-nav-temp-evip .h-nav-temp-eleft {
    position: absolute;
    left: 0;
    top: 112px;
    width: 57px;
    height: 153px;
    background: url("//js.tusij.com/custom/img/recharge/evip_left.png") center no-repeat;
    background-size: cover;
}
.h-nav-temp-evip .h-nav-temp-eright {
    position: absolute;
    right: 0;
    top: 112px;
    width: 57px;
    height: 153px;
    background: url("//js.tusij.com/custom/img/recharge/evip_right.png") center no-repeat;
    background-size: cover;
}
.h-nav-temp-evip .h-nav-temp-efoot {
    padding-top: 26px;
    text-align: center;
}

.h-nav-temp-evip .h-nav-temp-ebtn {
    display: inline-block;
    width: 215px;
    height: 51px;
    text-align: center;
    line-height: 51px;
    font-size: 24px;
    color: #110C0A;
    background: rgba(243,209,191,1) ;
    background:linear-gradient(-90deg,rgba(178,137,111,1),rgba(243,209,191,1));
    border-radius:26px;
}
.h-nav-btn-more {
    display: block;
    width: 40px;
    font-size: 14px;
}
.h-nav-btn-more .iconfont {
    position: relative;
    display: block;
    font-size: 12px;
    transform: scale(0.4);
    transform:scale(0.4);
    -ms-transform:scale(0.4); 	/* IE 9 */
    -moz-transform:scale(0.4); 	/* Firefox */
    -webkit-transform:scale(0.4); /* Safari 鍜� Chrome */
    -o-transform:scale(0.4); 	/* Opera */

}
.h-nav-temp-down {
    width: 112px;
}
.h-nav-temp-down > ul {
    padding: 19px 0;
}
.h-nav-temp-down > ul > li {
    height: 26px;

    padding-left: 21px;
    text-align: left;
    font-size: 14px;
}
.h-nav-temp-down > ul > li:hover {
    color: #0057ff;
    background: #F3F3F3;

}
.h-nav-temp-down > ul > li > a {
    display: block;
    height: 100%;
    line-height: 26px;
    color: #171717;
}
.h-nav-temp-down > ul > li > a:hover {
    color: #0057ff !important;
}
.h-navs .h-nav-btn .h-nav-icon.icon-hot2 {
    font-size: 37px;
}
/*.h-search input:focus ~ .h-search-wrap{*/
/*    display: block;*/
/*}*/
.h-search input::-webkit-input-placeholder{
    font-size: 12px;
    color: #CCCCCC;
}    /* 浣跨敤webkit鍐呮牳鐨勬祻瑙堝櫒 */
.h-search input:-moz-placeholder{
    font-size: 12px;
    color: #CCCCCC;
}                  /* Firefox鐗堟湰4-18 */
.h-search input::-moz-placeholder{
    font-size: 12px;
    color: #CCCCCC;
}                  /* Firefox鐗堟湰19+ */
.h-search input:-ms-input-placeholder{
    font-size: 12px;
    color: #CCCCCC;
}
.h-search>span {
    float: left;
    display: inline-block;
    height: 37px;
    width: 114px;
    background: #0057ff;
    border-radius: 0 4px 4px 0;
    line-height: 37px;
    text-align: center;
    font-size: 25px;
    color: white;
    cursor: pointer;
}
.h-search>a {
    display: none;
    position: absolute;
    height: 20px;
    right: 118px;
    top: 25px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    color: white;
    background: #cacaca;
    border-radius: 50%;
    font-size: 12px;
    transition: background .2s;
    cursor: pointer;
}
.h-search>a.active {
    display: block;
}
.h-search>a:hover {
    background: #171717;
}
.h-search>a > span {
    font-size: 12px;
}
.h-search .h-search-wrap {
    z-index:2;
    display: none;
    position: absolute;
    width: 100%;
    top: calc(100% + 5px);
    left:0;
    min-height: 272px;
    padding-top:0;
    padding-bottom:10px;
    background: #FFF;
    box-shadow: 0 8px 15px rgba(47, 63, 95, 0.1);
    color:#171718;
}
.h-search .h-search-wrap:hover {
    display: block;
}

.h-search-recent {
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    color: #191919;
    text-align: left;
    padding: 0 23px;
    font-size: 12px;
    border-bottom: 1px solid #F7F7F7;
    line-height: 29px;
}
.h-search-recent > span {
    color: #CACACA;
    margin-right: 10px;
}
.h-search-rec-item {
    color: #cccccc;
    margin-right: 10px;
}
.h-search-items {
}
.h-search-item {
    height: 30px;
    width: 100%;

    /*line-height: 30px;*/
}
.h-search-item a {
    display: inline-block;
    height: 100%;
    width: 100%;
    padding: 0 23px;
}
.h-search-item a:hover {
    background: #F7F7F7;
}
.h-search-item a:hover > span {
    color: #0057ff !important;
}
.h-search-item a > span {
    line-height: 30px;
}
.h-search-item a > span:first-child {
    position:relative;
    float: left;
    color: #191919;
    font-size: 14px;
}
.h-search-item.h-search-hl a > span:first-child:before {
    position: absolute;
    right: -30px;
    top: 5px;
    width: 16px;
    height: 16px;
    content: "";
    background: url("//js.tusij.com/custom/img/common/search_hot.svg") center no-repeat;
    background-size: contain;
}

.h-search .h-search-cata > span .iconfont {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    transform: scale(0.6);

}
.h-search .h-search-cata:hover .h-search-cata-hover {
    display: block;
}
.h-search .h-search-cata .h-search-cata-hover {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 116px;
    background: white;
    border-radius: 4px;
    padding: 12px 0;
    box-shadow: 0 8px 15px rgba(47, 63, 95, 0.1);
}

.h-search .h-search-cata .h-search-cata-hover li {
    width: 100%;
    height: 40px;
    padding-left:11px;
    display:flex;
    justify-content: flex-start;
    align-items: center;
}
.h-search .h-search-cata .h-search-cata-hover li:hover {
    background: #F6F7F9;
}
.h-search .h-search-cata .h-search-cata-hover li:hover a{
    color: #005EFF;
}
.h-search .h-search-cata .h-search-cata-hover li a {
    color: #171717;
}

.h-search .h-search-cata .h-search-cata-hover li a .icon.quan{
    color:#737C8E;
}

.h-search .h-search-cata .h-search-cata-hover li a .icon.tu{
    color:#1F9FFF;
}
.h-search .h-search-cata .h-search-cata-hover li a .icon.gi{
    color:#FD9F1E;
}
.h-search .h-search-cata .h-search-cata-hover li a .icon.shi{
    color:#8869FF;
}
.h-search .h-search-cata .h-search-cata-hover li a .icon.she{
    color:#11C89C;
}

.h-extra {
    position: relative;
    margin-right: 50px;
    float: right !important;
}
.h-extra .h-extra-hover {
    display: none;
    position: absolute;
    width: 362px;
    top: 70px;
    left: 50%;
    transform: translate(-50%);
    background: white;
    box-shadow:0px 2px 4px 1px rgba(0,87,255,0.1);
    border-radius:4px;
}
.h-extra:hover .h-extra-hover {
    display: block;
}
.h-extra .h-extra-banner {
    height: 85px;
    text-align: center;
    background: url(//js.tusij.com/custom/img/common/ctrlD.png) center no-repeat;
    background-size: cover;
    color: white;
    line-height: 85px;
    font-size: 50px;
    letter-spacing: 6px;
    font-weight: bold;
}
.h-extra .h-extra-title {
    width: 261px;
    margin:auto;
    text-align: center;
    letter-spacing: 28px;
    font-size: 30px;
    color: #171717;
    border-bottom: 1px solid #171717;
    padding: 12px 0 5px 0;
    font-weight: bold;
    white-space: nowrap;
}
.h-extra .h-extra-subtitle {
    width: 261px;
    margin:auto;
    text-align: center;
    letter-spacing: 8px;
    font-size: 20px;
    color: #171717;
    padding: 7px 0 12px 0;
    white-space: nowrap;
}
.h-extra .h-extra-btn {
    text-align: center;
    padding-bottom: 20px;
}
.h-extra .h-extra-btn > a {
    display: inline-block;
    font-size: 18px;
    padding: 7px 25px;
    border-radius: 24px;
    line-height: 32px;
}
.h-extra > a {
    line-height: 70px;
    color: #000000;
    border: 1px solid #000000;
    padding: 7px 14px 7px 5px;
    border-radius: 19px;
}
.h-extra .h-extra-show > .iconfont {
    margin-right: 5px;
    font-size: 28px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.h-extra .h-extra-btn .h-extra-show > .iconfont {
    top:0;
}
.h-extra:hover > a {
    color: #000000;
    border: 1px solid #000000;
}

.h-info {
    height: 100%;
    /*margin-right: 150px;*/
}
.h-info > * {
    float: left;
    font-size: 13px;
    padding: 3px 8px;
}

.h-info a.h-login {
    color: #0057ff;
    width:100px;
    display:flex;
    justify-content: center;
    align-items: center;
    background: white;
    font-size: 15px;
    border-radius: 4px;
    border: 1px solid #0057FF;
    height:40px;
    margin-top:14px;
}

.h-info a.h-login:hover{
    background: #0057FF;
    color:#FFF;
}

.h-register {
    color: #CACACA;
    margin-top: 23px;
}
.h-profile {
    position: relative;
    margin-top: 15px;
    padding: 0;
}
.h-profile:after {
    content: " ";
    display: table;
    clear: both;
}
.h-profile:hover:before {
    content: " ";
    position: absolute;
    height: 38px;
    width: 170px;
    bottom: -28px;
    margin-left: -65px;
    left: 0;
    z-index:1;
}
/*.h-profile .vip-sliver {

}
.h-profile .vip-gold {
width: 59px;
height: 20px;
border-radius: 0;

}
.h-profile .vip-black {
width: 59px;
height: 20px;
border-radius: 0;
}*/
.h-profile:hover .h-profile-tools{
    display: block;
}
.h-profile:hover .h-profile-box{
    display: block;
}
.h-profile .h-profile-img:before {
    content: " ";
    background: url(//s.tusij.com/custom/img/common/profile_desc_before.png) center no-repeat;
    background-size: cover;
    position: absolute;
    left: 3px;
    bottom: -6px;
    width: 22px;
    height: 25.5px;
}
.h-profile .h-profile-img:after {
    content: " ";
    background: url(//s.tusij.com/custom/img/common/profile_desc_after.png) center no-repeat;
    background-size: cover;
    position: absolute;
    left: -5px;
    bottom: -14px;
    width: 50px;
    height: 22.5px;
    z-index: -1;
}
.h-profile-box {
    display: none;
    z-index: 11;
    position: absolute;
    width: 299px;
    font-size: 14px;
    color: #666666;
    top: 55px;
    right: -37px;
    margin-left: -85px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    background: white;
    border-radius: 5px;
    overflow: hidden;
}
.h-profile-box a {
    color: #666666;
}
.h-profile-box a:hover {
    color: #0057ff;
}
.h-profile-box .h-pb-head {
    background: url("//js.tusij.com/custom/img/common/profile-head.png") center no-repeat;
    background-size: cover;
    height: 52px;
}
.h-profile-box .h-pb-head > * {
    float: left;
}
.h-profile-box .h-pb-head > img {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    margin: 8px 0 0 11px;
}
.h-profile-box .h-pb-head > .h-ph-info {
    padding-left: 6px;
    padding-top: 9px;
}
.h-profile-box .h-pb-head > .h-ph-info > span {
    display: block;
    color: white;
    font-size: 12px;
}
.h-profile-box .h-pb-head .h-ph-vipicon {
    padding-left: 20px;
    height: 100%;
    padding-top: 17px;
}
.h-profile-box .h-ph-body {
    padding: 0 11px;
}
.h-profile-box .h-ph-text {
    height: 49px;
    color: #666666;
    font-size: 14px;
    line-height: 49px;
}
.h-profile-box .h-ph-text .h-ph-day {
    color: #0057FF;
}
.h-profile-box .h-ph-text > a {
    float: right;
}
.h-profile-box .h-ph-addvip:after {
    content: " ";
    display: table;
    clear: both;
}
.h-profile-box .h-ph-addvip > a {
    display: inline-block;
    float: left;
    height: 33px;
    width: 132px;
    text-align: center;
    line-height: 33px;
    background: #4D8DFF;
    color: #000;
    font-size: 14px;
    border-radius: 4px;
}
.h-profile-box .h-ph-addvip a.h-ph-addvip-p {
    float: left;
    color: white;
}
.h-profile-box .h-ph-addvip a.h-ph-addvip-e {
    float: right;
    background: #F1D0BC;

}
.h-profile-box .h-ph-adv {
    height: 43px;
    margin-top: 17px;
    background: url("//js.tusij.com/custom/img/common/profile-evip.png") center no-repeat;
    background-size: cover;
}
.h-profile-box .h-ph-adv > a {
    display: block;
    height: 100%;
    line-height: 43px;
    color: white;
    text-align: center;
}
.h-profile-box .h-ph-items {
    padding-top: 20px;
}
.h-profile-box .h-ph-items:after {
    content: " ";
    display: table;
    clear: both;
}
.h-profile-box .h-ph-item {
    float: left;
    width: 25%;
    height: 62px;
}
.h-profile-box .h-ph-item > a {
    display: block;
    text-align: center;
    height: 100%;
    /* padding-top: 20px; */
}
.h-profile-box .h-ph-item > a:hover span{
    color: #0057ff;
}
.h-profile-box .h-ph-item > a > span {
    display: block;
    color: #666666;
}
.h-profile-box .h-ph-item > a > span:first-child {
    padding-bottom: 6px;
}
.h-ph-foot {
    padding: 0 30px;
    height: 40px;
    background: #F5F5F5;
}
.h-ph-foot .h-ph-setting {
    float: left;
    line-height: 40px;
    color: #666666;
}
.h-ph-foot .h-ph-logout {
    float: right;
    line-height: 40px;
    color: #0057ff;
}
.h-profile.h-profile2 {
    width: auto;
    height: auto;
    background: none;
}
.h-profile.h-profile2 .h-pb-head {
    position: relative;
    height: 47px;
    background: white;
}
.h-profile.h-profile2 .h-profile-box {
    width: 380px;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 37, 107, 0.1);
    border-radius: 4px;
    top: 64px;
    overflow: visible;
    right: 0;
}

.h-profile.h-profile2 .h-profile-box:after {
    content: " ";
    position: absolute;
    right: 51px;
    top: -18px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom-color: white;
}

.h-profile.h-profile2.vip-sliver .h-profile-box:after,
.h-profile.h-profile2.vip-gold .h-profile-box:after,
.h-profile.h-profile2.vip-black .h-profile-box:after,
.h-profile.h-profile2.vip-permanent .h-profile-box:after,
.h-profile.h-profile2.vip-ep .h-profile-box:after {
    right: 72px;
}

.h-profile.h-profile2 .h-profile-box:after,
.h-profile.h-profile2.vip-sliver .h-profile-box:after,
.h-profile.h-profile2.vip-gold .h-profile-box:after,
.h-profile.h-profile2.vip-black .h-profile-box:after,
.h-profile.h-profile2.vip-permanent .h-profile-box:after,
.h-profile.h-profile2.vip-ep .h-profile-box:after,
.h-profile.h-profile2.vip-ep .h-profile-box:after {
    right:11px;
}
.h-profile.h-profile2 .h-profile-box .h-pb-head > img {
    width: 44px;
    height: 44px;
    margin: 0;
}
.h-profile.h-profile2 .h-profile-box .h-pb-head > .h-ph-info {
    padding-left: 10px;
    padding-top: 0;
}
.h-profile.h-profile2 .h-profile-box .h-pb-head > .h-ph-info > span {
    position: relative;
    color: #171718;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}

.h-profile.h-profile2 .h-profile-box .h-pb-head > .h-ph-info > span:last-child {
    font-size: 12px;
    line-height: 17px;
    color:rgba(23, 23, 24, 0.4);
    padding-top: 2px;
}
.h-profile.h-profile2.vip-sliver .h-profile-box .h-pb-head > .h-ph-info > span:first-child:after,
.h-profile.h-profile2.vip-gold .h-profile-box .h-pb-head > .h-ph-info > span:first-child:after,
.h-profile.h-profile2.vip-black .h-profile-box .h-pb-head > .h-ph-info > span:first-child:after,
.h-profile.h-profile2.vip-permanent .h-profile-box .h-pb-head > .h-ph-info > span:first-child:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 22px;
    height: 16px;
    transform: translate(6px, -50%);
    background: url("//js.tusij.com/custom/img/common/vip_per_icon.png") center no-repeat;
    background-size: contain;
}
.h-profile.h-profile2.vip-ep .h-profile-box .h-pb-head > .h-ph-info > span:first-child:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 22px;
    height: 16px;
    transform: translate(6px, -50%);
    background: url("//js.tusij.com/custom/img/common/vip_ent_icon.png") center no-repeat;
    background-size: contain;
}
.h-profile.h-profile2 .h-profile-box .h-ph-body {
    padding: 0;
}
.h-profile.h-profile2 .h-ph-logout {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 22px;
    color: rgba(23, 23, 24, 0.4);
}
.h-profile.h-profile2 .h-ph-logout:hover {
    color: #0057FF;
}
.h-profile.h-profile2 .h-ph-viptype-wrap {
    position: relative;
    margin-right: -20px;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    padding-top: 15px;
}
.h-profile.h-profile2 .h-ph-viptype-wrap:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 6px;
    background: black;
    background: rgba(132, 135, 142, 0.16);
    mix-blend-mode: normal;
    filter: blur(3px);
    border-radius: 50%;
}
.h-profile.h-profile2 .h-ph-viptype {
    height: 70px;
    padding-left: 20px;
    position: relative;
    background: #F1F3F5;
    border-radius: 4px 4px 0 0;
}

.h-profile.h-profile2 .h-ph-viptype > a {
    position: absolute;
    display: block;
    right: 20px;
    top: 19px;
    width: 120px;
    height: 32px;
    border-radius: 16px;
    line-height: 32px;
    text-align: center;
    color: #171718;

    background: linear-gradient(90deg, #FFE39C 0%, #EBB03E 100%);
}
.h-profile.h-profile2 .h-ph-viptype > a:hover {
    opacity: 0.8;
}
.h-profile.h-profile2 .h-ph-viptype > a:before {
    content: " ";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-color: transparent;
    border: 5px solid transparent;
    border-top-color: #F4463C;
}
.h-profile.h-profile2 .h-ph-viptype > a:after {
    content: attr(data-notice);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -25px);
    height: 20px;
    padding: 0 10px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 20px;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    background: #F4463C;
}
.h-profile.h-profile2.vip-sliver .h-ph-viptype > a:after,
.h-profile.h-profile2.vip-gold .h-ph-viptype > a:after,
.h-profile.h-profile2.vip-black .h-ph-viptype > a:after,
.h-profile.h-profile2.vip-permanent .h-ph-viptype > a:after,
.h-profile.h-profile2.vip-ep .h-ph-viptype > a:after,
.h-profile.h-profile2.vip-sliver .h-ph-viptype > a:before,
.h-profile.h-profile2.vip-gold .h-ph-viptype > a:before,
.h-profile.h-profile2.vip-black .h-ph-viptype > a:before,
.h-profile.h-profile2.vip-permanent .h-ph-viptype > a:before,
.h-profile.h-profile2.vip-ep .h-ph-viptype > a:before {
    display:none;
}
.h-profile.h-profile2 .h-ph-viptype > p {
    font-size: 15px;
    line-height: 21px;
    color: #171718;
    padding-top: 14px;
    margin-bottom: 0;
}
.h-profile.h-profile2 .h-ph-viptype > p:last-child {
    font-size: 12px;
    line-height: 17px;
    color: rgba(23, 23, 24, 0.6);
    padding-top: 4px;
}
.h-profile.h-profile2 .h-ph-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}
.h-profile.h-profile2 .h-ph-items .h-ph-item {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
}
.h-profile.h-profile2 .h-profile-box .h-ph-item > a > span {
    font-size: 12px;
    color: rgba(23, 23, 24, 0.6);
    line-height: 17px;
}
.h-profile.h-profile2 .h-profile-box .h-ph-item > a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.h-profile.h-profile2 .h-ph-icon {
    display: block;
    width: 30px;
    height: 30px;
}
.h-profile.h-profile2 .h-profile-box .h-ph-item:hover > a > span {
    color: #0057FF;
}
.h-profile.h-profile2 .h-profile-box .h-ph-items:after {
    display: none;
}
.h-profile.h-profile2 .h-ph-icon.h-ph-icon1 {
    background: url(//s.tusij.com/custom/img/common/icon_personal_nor.png) center no-repeat;
    background-size: cover;
}
.h-profile.h-profile2 .h-ph-icon.h-ph-icon2 {
    background: url(//s.tusij.com/custom/img/common/icon_mydesign_nor.png) center no-repeat;
    background-size: cover;
}
.h-profile.h-profile2 .h-ph-icon.h-ph-icon3 {
    background: url(//s.tusij.com/custom/img/common/icon_mycollection_nor.png) center no-repeat;
    background-size: cover;
}
.h-profile.h-profile2 .h-ph-icon.h-ph-icon4 {
    background: url(//s.tusij.com/custom/img/common/icon_mymember_nor.png) center no-repeat;
    background-size: cover;
}
.h-profile.h-profile2 .h-ph-icon.h-ph-icon5 {
    background: url(//s.tusij.com/custom/img/common/icon_gift_nor.png) center no-repeat;
    background-size: cover;
}

.h-profile.h-profile2 .h-ph-icon.h-ph-icon55 {
    background: url(//s.tusij.com/custom/img/common/icon_operating_team.png) center no-repeat;
    background-size: cover;
}

.h-profile.h-profile2 .h-ph-item:hover .h-ph-icon.h-ph-icon1 {
    background: url(//s.tusij.com/custom/img/common/icon_personal_hover.png) center no-repeat;
    background-size: cover;
}
.h-profile.h-profile2 .h-ph-item:hover .h-ph-icon.h-ph-icon2 {
    background: url(//s.tusij.com/custom/img/common/icon_mydesign_hover.png) center no-repeat;
    background-size: cover;
}
.h-profile.h-profile2 .h-ph-item:hover .h-ph-icon.h-ph-icon3 {
    background: url(//s.tusij.com/custom/img/common/icon_mycollection_hover.png) center no-repeat;
    background-size: cover;
}
.h-profile.h-profile2 .h-ph-item:hover .h-ph-icon.h-ph-icon4 {
    background: url(//s.tusij.com/custom/img/common/icon_mymember_hover.png) center no-repeat;
    background-size: cover;
}
.h-profile.h-profile2 .h-ph-item:hover .h-ph-icon.h-ph-icon5 {
    background: url(//s.tusij.com/custom/img/common/icon_gift_hover.png) center no-repeat;
    background-size: cover;
}

.h-profile.h-profile2 .h-ph-item:hover .h-ph-icon.h-ph-icon55 {
    background: url(//s.tusij.com/custom/img/common/icon_operating_team_hover.png) center no-repeat;
    background-size: cover;
}

.vip-sliver.h-profile.h-profile2 .h-ph-viptype {
    background: rgba(241, 245, 255, 0.6);
    background: linear-gradient(104.41deg, rgba(241, 245, 255, 0.6) -0.39%, rgba(159, 166, 186, 0.6) 103.81%);
}
.vip-sliver.h-profile.h-profile2 .h-ph-viptype:before {
    content: " ";
    position: absolute;
    left: 74px;
    right: 44px;
    top: 0;
    bottom: 0;
    background: url(//s.tusij.com/custom/img/common/card_desc.png) center no-repeat;
    background-size: cover;
}
.vip-sliver.h-profile.h-profile2 .h-ph-viptype > a {
    background: #596E98;
    background: linear-gradient(90deg, #596E98 0%, #0A2B6D 100%);
    color: #FFFFFF;
}
.vip-gold.h-profile.h-profile2 .h-ph-viptype {
    background:#FFF9E9;
    background: linear-gradient(106.08deg, #FFF9E9 -1.32%, #FAE6C0 100.92%);
}
.vip-gold.h-profile.h-profile2 .h-ph-viptype:before {
    content: " ";
    position: absolute;
    left: 74px;
    right: 44px;
    top: 0;
    bottom: 0;
    background: url(//s.tusij.com/custom/img/common/card_desc.png) center no-repeat;
    background-size: cover;
}
.vip-gold.h-profile.h-profile2 .h-ph-viptype > a {
    background:#FFE39C;
    background: linear-gradient(90deg, #FFE39C 0%, #EBB03E 100%);
    color: #171718;
}
.vip-black.h-profile.h-profile2 .h-ph-viptype {
    background: rgba(255, 240, 231, 0.63);
    background: linear-gradient(102.54deg, rgba(255, 240, 231, 0.63) -0.78%, rgba(240, 176, 148, 0.63) 100.23%);
}
.vip-black.h-profile.h-profile2 .h-ph-viptype:before {
    content: " ";
    position: absolute;
    left: 74px;
    right: 44px;
    top: 0;
    bottom: 0;
    background: url(//s.tusij.com/custom/img/common/card_desc.png) center no-repeat;
    background-size: cover;
}
.vip-black.h-profile.h-profile2 .h-ph-viptype > a {
    background: #C17F69;
    background: linear-gradient(90deg, #C17F69 0%, #642D1F 100%);
    color: #FFFFFF;
}
.vip-permanent.h-profile.h-profile2 .h-ph-viptype {
    background: linear-gradient(101.63deg, rgba(255, 226, 171, 0.92) 0%, rgba(223, 159, 85, 0.92) 100%);
}
.vip-permanent.h-profile.h-profile2 .h-ph-viptype:before {
    content: " ";
    position: absolute;
    left: 74px;
    right: 44px;
    top: 0;
    bottom: 0;
    background: url(//s.tusij.com/custom/img/common/card_desc.png) center no-repeat;
    background-size: cover;
}
.vip-permanent.h-profile.h-profile2 .h-ph-viptype > a {
    background: #8B5727;
    background: linear-gradient(90deg, #8B5727 0%, #411700 100%);
    color: #FFFFFF;
}
.vip-ep.h-profile.h-profile2 .h-ph-viptype {
    background: #241E20;
    background: linear-gradient(348.37deg, #161619 0%, #241E20 100%);;
}
.vip-ep.h-profile.h-profile2 .h-ph-viptype:before {
    content: " ";
    position: absolute;
    left: 74px;
    right: 44px;
    top: 0;
    bottom: 0;
    background: url(//s.tusij.com/custom/img/common/card_desc2.png) center no-repeat;
    background-size: cover;
}
.vip-ep.h-profile.h-profile2 .h-ph-viptype > a {
    background: #FFD0A9;
    background: linear-gradient(90deg, #FFD0A9 0%, #B98458 100%);;
    color: #171718;
}
.vip-ep.h-profile.h-profile2 .h-ph-viptype > p {
    color: #FFD0A9;
}
.h-profile-tools {
    z-index: 11;
    position: absolute;
    width: 170px;
    font-size: 14px;
    color: #666666;
    top: 55px;
    right: -37px;
    margin-left: -85px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    display: none;
}
.h-profile-item{
    padding: 0 20px;
    background: #FFFFFF;
    height: 40px;
    line-height: 40px;
}
.h-profile-item:hover {
    background: #F6F6F6;
}
.h-profile-item a {
    display: block;
    width: 100%;
    padding-left: 15px;
    color: #666666;
    height: 100%;
    box-sizing: border-box;
}
.h-profile-item .iconfont {
    padding-right: 9px;
    color: #666666;
}
.h-profile-item:hover .iconfont {
    color: #0057ff;
}
.h-profile-item.h-id{
    height: 72px;
    background: #F6F6F6;
    background: url("//js.tusij.com/custom/img/common/profile_bg.png") center no-repeat;
    background-size: cover;
    color: white;
}
.h-profile-item.h-id > p {
    color: white;
}
.h-profile-item p{
    padding-top: 4px;
    /*text-indent: 23px;*/
    text-align: center;
    height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    line-height: 30px;
}
.h-profile:hover .h-profile-tools {
    display: block;
}
.h-profile img, .h-profile > a{
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
.h-profile > a {
    position: relative;
    float: right;
}
.h-profile > a:first-child.vip-sliver,.h-profile > a:first-child.vip-gold,.h-profile > a:first-child.vip-black,.h-profile > a:first-child.vip-permanent,.h-profile > a:first-child.vip-ep {
    width: 59px;
    height: 20px;
    border-radius: 0;
    /* margin-top: 11px; */
}
.h-profile > a > span.h-profile-icon,
.avatar-name-info> a > span.h-profile-icon{
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    width: 12px;
    height: 12px;
}
.h-profile > a > span.h-profile-icon.qq,
.avatar-name-info > a > span.h-profile-icon.qq{
    background: url("//s.tusij.com/custom/img/common/h_qq.svg") center no-repeat;
    background-size: cover;
}
.h-profile > a > span.h-profile-icon.wx,
.avatar-name-info > a > span.h-profile-icon.wx{
    background: url("//s.tusij.com/custom/img/common/h_wx.svg") center no-repeat;
    background-size: cover;
}
.h-profile > a > span.h-profile-icon.phone,
.avatar-name-info > a > span.h-profile-icon.phone{
    background: url("//s.tusij.com/custom/img/common/h_phone.svg") center no-repeat;
    background-size: cover;
}
/*澶撮儴瀵艰埅end*/

/*鍐呭start*/
.content-dellcacy{
    position: relative;
    width: 1400px;
    margin: auto;
}
.content-dellcacy:before {
    content: " ";
    position: absolute;
    height: 100%;
    width: 30px;
    left: -30px;
    top: 0;
}
.content-dellcacy:after {
    content: " ";
    position: absolute;
    height: 100%;
    width: 30px;
    right: -30px;
    top: 0;
}
.content-swiper {
    position: relative;
    width: 1400px;
    margin: auto;
    /*margin-top: 70px;*/
    /*background: url("./img/slider_bg.png") center no-repeat;
background-size: cover;*/
}
.swiper-extra {
    position: absolute;
    right: 0;
    top: 20px;
    height: 354px;
    width: 360px;
}
.swiper-extra:after {
    content: " ";
    display: table;
    clear: both;
}
.swiper-extra .swiper-extra-item {
    float: left;
    width: 170px;
    height: 167px;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    overflow: hidden;
}
.swiper-extra .swiper-extra-item:nth-child(2n) {
    margin-right: 0;
}
.swiper-extra .swiper-extra-item > a {
    display: block;
    height: 100%;
}
.swiper-extra .swiper-extra-item > a > img {
    display: block;
    height: 100%;
    width: 100%;
}
.swiper-container {
    width: 1020px;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
    margin: 0!important;
}
.swiper-container .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 1020px;
    height: 354px;
    border-radius: 4px;
    overflow: hidden;
}
.swiper-container .swiper-slide.swiper-slide-active {
    /* box-shadow: 0px 2px 27px 0px rgba(0,87,255,0.5); */
}
.swiper-container .swiper-slide > a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.swiper-container.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 38px;
    display: inline;
    width: auto;
    transform: translate(-50%, 0);
    left: 50%;
}
.content-swiper .swiper-container .swiper-pagination-bullet{
    transition: all .4s;
    border-radius: 4px;
    background: transparent;
    border: 1px solid white;
    opacity: 1;
}
.swiper-video {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 316px;
    height: 80px;
    z-index: 2;
    background: url("//js.tusij.com/custom/img/home/banner_vd_bg2.svg") center no-repeat;
    background-size: contain;
    padding-left: 5px;
    z-index: 20;
}
.swiper-video .swiper-video-icon {
    float: left;
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-top: 7px;
    background: transparent;
    background-size: cover;
}
.swiper-video .swiper-video-text {
    float: left;
    line-height: 80px;
    font-size: 18px;
    color: white;
    margin-left: 13px;
}
.content-swiper .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: white;
}
.content-swiper .swiper-button-prev, .content-swiper .swiper-container-rtl .swiper-button-next {
    /* display: none; */
    background: transparent;
}
.content-swiper .swiper-button-prev .iconfont {
    color: white;
    font-size: 43px;
}
.content-swiper .swiper-button-next, .content-swiper .swiper-container-rtl .swiper-button-prev{
    /* display: none; */
    background: transparent;
    transform: rotate(180deg);
}
.content-swiper .swiper-button-next .iconfont {
    color: white;
    font-size: 43px;
}
.content-swiper .swiper-container .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: url("//s.tusij.com/custom/img/home/arrow_sw.svg") center no-repeat;
    background-size: cover;
}
.content-swiper .swiper-container .swiper-button-next {
    width: 50px;
    height: 50px;
    background: url("//s.tusij.com/custom/img/home/arrow_sw.svg") center no-repeat;
    background-size: cover;
    /* transform: rotate(180deg); */
}
.content-swiper .swiper-container .swiper-button-prev:hover {
    background-image: url("//s.tusij.com/custom/img/home/arrow_sw_hover.svg");
    transform: rotate(180deg);
}
.content-swiper .swiper-container .swiper-button-next:hover {
    background-image: url("//s.tusij.com/custom/img/home/arrow_sw_hover.svg");
    transform: rotate(0deg);
}

.content-swiper .swiper-slide>a {
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.content-swiper .swiper-slide a img {
    position: relative;
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    height: 100%;
    /*width: 100%;*/
}
.content-swiper .swiper-slide a > div {
    width: 100%;
    height: 100%;
}
.content-swiper .swiper-slide a > div.sw-bg1 {
    background: url("//js.tusij.com/custom/img/home/slider_bg.png") center no-repeat;
    background-size: cover;
}
.content-swiper .swiper-fixed {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding-top: 77px;
}
.swiper-fixed > .sw-title {
    color: #171717;
    font-size: 36px;
    text-align: center;
}
.swiper-fixed > .sw-subtitle {
    color: #171717;
    font-size: 72px;
    text-align: center;
    font-weight: bold;
    text-shadow:0px 2px 9px rgba(44,60,143,0.32);
}
.swiper-fixed > .sw-btn {
    text-align: center;
    padding-top: 30px;
}
.swiper-fixed > .sw-btn > a {
    padding: 9px 55px;
    border-radius: 25px;
    font-size: 24px;
}
.swiper-fixed > .sw-video >img {
    display: block;
    width: 279px;
    margin: auto;
    cursor: pointer;
}
.swiper-fixed > .sw-sub-swiper {
    padding-top: 40px;
}
.swiper-cata {
    width: 1400px;
    height: 174px;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 11px 0px rgba(0,87,255,0.24);
    border-radius:4px;
    margin: auto;
}
.swiper-cata:after {
    content: " ";
    display: table;
    clear: both;
}
.swiper-cata .swiper-cata-item {
    position: relative;
    float: left;
    width: 20%;
    height: 100%;
}
.swiper-cata .swiper-cata-item:hover {
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 15px 0px rgba(0,87,255,0.1);
    z-index: 100;
}
.swiper-cata .swiper-cata-item > a {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 39px;
}
.swiper-cata .swiper-cata-item > a:hover {
    /* background: #F7F7F7; */
}
.swiper-cata .swiper-cata-item > a > * {
    float: left;
}
.swiper-cata .swiper-cata-item > a > .swiper-cate-img {
    margin-top: 29px;
    margin-right: 30px;
    height: 71px;
    width: 71px;
    background-position-x: center;
    background-position-y: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.swiper-cata .swiper-cata-item > a > div {
    /* width: 50%; */
}
.swiper-cata .swiper-cata-item > a > div .swiper-cata-title {
    color: #171717;
    font-size: 20px;
    font-weight: bold;
    padding-top: 33px;

}
.swiper-cata .swiper-cata-item > a > div .swiper-cata-subtitle {
    color: #000000;
    font-size: 14px;
    padding-top: 11px;
}
.swiper-cata .swiper-cata-item > a:hover > div .swiper-cata-subtitle {
    color: #0057ff;
}
.swiper-cata .swiper-cata-item > a:hover > div .swiper-cata-title {
    color: #0057ff;
}
.swiper-cata-tags {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 39px;
    padding-left: 39px;
    font-size: 0;
}
.swiper-cata-tags > a {
    font-size: 12px;
    color: #A8A8A8;
    margin-right: 10px;
}.swiper-cata-tags > a:hover {
     color: #0057ff;
 }
.content {
    width: 1400px;
    margin: auto;
}
#content {
    width: 1200px;
}
.content ul:after {
    content: " ";
    display: table;
    clear: both;
}

.dellcacy {
    position: relative;
    height: 220px;
    overflow: hidden;
    /*box-shadow: 0 3px 14px rgba(10,0, 255, .2);*/
}
.dellcacy > .swiper-wrapper > .swiper-slide {
    overflow: hidden;
}
.dellcacy-title {
    margin-top: 28px;
    text-align: center;
    margin-bottom: 20px;
}
.dellcacy-title > span {
    vertical-align: middle;
    font-weight: bold;
    font-size: 24px;
}
.dellcacy-block {
    display: inline-block;
    width: 24px;
    height: 7px;
    background: #0057FF;
}
.dellcacy-text {
    margin: 0 15px;
}
.dellcacy-item {
    position: relative;
    float: left;
    margin-right: 26px;
    height: 200px;
    width: 330px;
    background: #D8D8D8;
    border-radius: 4px;
    box-shadow:0 3px 14px rgba(10,0, 255, .2);
    overflow: hidden;
}
.dellcacy-hover {
    position: absolute;
    /*top: 0;*/
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    text-align: center;
    z-index: 10;
    background: rgba(0,0,0,.4);
    /*display: none;*/
    opacity: 1;
    transition: all .2s;
}
.dellcacy-hover > span {
    line-height: 200px;
}
.dellcacy-item:hover .dellcacy-hover{
    /*display: block;*/
    /*opacity: 1;*/
    height: 100%;
}
.dellcacy-hover a{
    position: absolute;
    top: 0;
    left: 0;
    /*transform: translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%); */
    transition: all .2s;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
}
.dellcacy-item:hover .dellcacy-hover a {
    line-height: 200px;
    /*top: 50%;
left: 50%;*/

}
.dellcacy-item > a, .dellcacy-item > img{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
}
.dellcacy-item:last-child {
    margin: 0;
}
.dellcacy-prev {
    display: none;
    position: absolute;
    top: 71px;
    left: -65px;
    width: 50px;
    height: 50px;
    background: transparent;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    text-align: center;

}
.dellcacy-prev .iconfont {
    line-height: 50px;
    text-align: center;
    color: #0057ff;
    font-size: 43px;;
}
.content-dellcacy:hover .dellcacy-prev {
    display: block;
}
.dellcacy-next {
    display: none;
    position: absolute;
    top: 71px;
    right: -65px;
    width: 50px;
    height: 50px;
    background: transparent;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    text-align: center;
    transform: rotate(180deg);
}
.content-dellcacy:hover .dellcacy-next{
    display: block;
}
.dellcacy-next .iconfont{
    line-height: 50px;
    text-align: center;
    color: #0057ff;
    font-size: 43px;;
}
.dellcacy-more {
    text-align: center;
    font-size: 14px;
    margin-top: 25px;
    margin-bottom: 30px;
}

/*鏂板獟浣�*/
.content-common-title {
    text-align: left;
    font-size: 24px;
    color: #171717;
    margin-bottom: 30px;
    font-weight: bold;
}
.content-common-title a{
    float: right;
    font-size: 14px;
    color: #171717;
    line-height: 33px;
}
.content-common-title {
    vertical-align: middle;
}
.media-item {

    float: left;
    width: 330px;
    /* height: 185px; */
    margin-right: 26px;
    margin-bottom: 30px;
    box-shadow:0px 2px 7px 3px rgba(0,87,255,0.1);
    border-radius: 4px;
    overflow: hidden;
}
.media-item:nth-child(4n) {
    margin-right: 0;
}
.media-item >a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.media-item-img {
    position: relative;
    height: 149px;
    width: 100%;
    background: #f1f1f1;
    cursor: pointer;
}
.media-item-img > img {
    display: block;
    height: 100%;
    width: 100%;
}
.media-item-img > img.gif-item-img {
    display: none;
}
.media-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
    background: rgba(0,0,0,.2);
    /*display: none;*/
    opacity: 0;
    transition: all .2s;
}
.gif-item .media-hover {
    background: transparent;
}
.media-item-img:hover .media-hover{
    /*display: block;*/
    opacity: 1;
}
.media-hover a{
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 鍜� Chrome */
    transition: all .2s;
    width: 60%;
    padding: 6px 25px;
}
.media-item-img:hover .media-hover a {
    top: 50%;
    left: 50%;

}
.media-item-desc {
    padding: 0 20px;
    height: 49px;
}
.media-item-desc > span {
    line-height: 49px;
    color: #666666;
}
.media-item-desc > span:first-child {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: bold;
}
.media-item-desc > span:last-child {
    float: right;
    display: none;
}
.media-item-desc > span > span {
    vertical-align: middle;
}
.paper-item {
    float: left;
    width: 254px;
    /*height: 637px;*/
    margin-right: 32px;
    margin-bottom: 30px;
    box-shadow:0px 2px 7px 3px rgba(0,87,255,0.1);
    border-radius: 4px;
    overflow: hidden;
}

.paper-item:nth-child(5n) {
    margin: 0;
}
.paper-item-img {
    position: relative;
    height: 452px;
    width: 100%;
    background: #f1f1f1;
    overflow: hidden;
    cursor: pointer;
}
.paper-item-img > img {
    display: block;
    width: 100%;
    height: 100%;
}
.paper-item-img > img.gif-item-img {
    display: none;
}
.paper-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
    background: rgba(0,0,0,.2);
    /*display: none;*/
    opacity: 0;

    transition: all .2s;
}
.gif-item .paper-hover {
    background: transparent;
}
.paper-item-img:hover .paper-hover{
    /*display: block;*/
    opacity: 1;
}
.paper-item-img:hover .gif-item-img{
    display: block ;
}
.paper-hover a{
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 鍜� Chrome */
    transition: all .2s;
    width: 70%;
    padding: 6px 25px;
}
.paper-item-img:hover .paper-hover a {
    top: 85%;
    left: 50%;

}
.paper-item-desc {
    padding: 0 20px;
    height: 50px;
}
.paper-item-desc > span {
    line-height: 49px;
    color: #666666;
}
.paper-item-desc > span:first-child {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: bold;
}
.paper-item-desc > span:last-child {
    float: right;
    display: none;
}
.paper-item-desc > span > span {
    vertical-align: middle;
}
.taobao-main-item {
    float: left;
    width: 254px;
    /*height: 380px;*/
    margin-right: 32px;
    margin-bottom: 30px;
    box-shadow:0px 2px 7px 3px rgba(0,87,255,0.1);
    border-radius: 4px;
    overflow: hidden;
}
.taobao-main-item:nth-child(5n) {
    margin: 0;
}
.taobao-main-item-img {
    position: relative;
    height: 254px;
    width: 100%;
    background: #f1f1f1;
    overflow: hidden;
    cursor: pointer;
}
.taobao-main-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
    background: rgba(0,0,0,.2);
    /*display: none;*/
    opacity: 0;

    transition: all .2s;
}
.gif-item .taobao-main-hover {
    background: transparent;
}
.taobao-main-item-img:hover .taobao-main-hover{
    /*display: block;*/
    opacity: 1;
}
.taobao-main-hover a{
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 鍜� Chrome */
    transition: all .2s;
    width: 70%;
    padding: 6px 20px;
}
.taobao-main-item-img:hover .taobao-main-hover a {
    top: 85%;
    left: 50%;

}
.taobao-main-item-img > img {
    display: block;
    width: 100%;
    height: 100%;
}
.taobao-main-item-img > img.gif-item-img {
    display: none;
}
.taobao-main-item-desc {
    padding: 0 20px;
    height: 50px;

}
.taobao-main-item-desc > span {
    line-height: 49px;
    color: #666666;
}
.taobao-main-item-desc > span:first-child {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: bold;
}
.taobao-main-item-desc > span:last-child {
    float: right;
    display: none;
}
.taobao-main-item-desc > span > span {
    vertical-align: middle;
}
.taobao-banner-item {
    float: left;
    width: 443px;
    height: 188px;
    margin-right: 35px;
    margin-bottom: 30px;
    box-shadow:0px 2px 7px 3px rgba(0,87,255,0.1);
    border-radius: 4px;
    overflow: hidden;
}
.taobao-banner-item:nth-child(3n) {
    margin: 0;
}
.taobao-banner-item-img {
    position: relative;
    height: 138px;
    width: 100%;
    background: #f1f1f1;
    cursor: pointer;
}
.taobao-banner-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
    background: rgba(0,0,0,.2);
    /*display: none;*/
    opacity: 0;

    transition: all .2s;
}
.gif-item .taobao-banner-hover {
    background: transparent;
}
.taobao-banner-item-img:hover .taobao-banner-hover{
    /*display: block;*/
    opacity: 1;
}
.taobao-banner-hover a{
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 鍜� Chrome */
    transition: all .2s;
    /*width: 70%;*/
}
.taobao-banner-item-img:hover .taobao-banner-hover a {
    top: 50%;
    left: 50%;

}
.taobao-banner-item-img > img {
    display: block;
    width: 100%;
    height: 100%;
}
.taobao-banner-item-img > img.gif-item-img {
    display: none;
}
.taobao-banner-item-desc {
    padding: 0 20px;
    height: 50px;
}
.taobao-banner-item-desc > span {
    line-height: 49px;
    color: #666666;
}
.taobao-banner-item-desc > span:first-child {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: bold;
}
.taobao-banner-item-desc > span:last-child {
    float: right;
    display: none;
}
.taobao-banner-item-desc > span > span {
    vertical-align: middle;
}
.adv-item {
    float: left;
    width: 254px;
    /*height: 498px;*/
    margin-right: 32px;
    margin-bottom: 30px;
    box-shadow:0px 2px 7px 3px rgba(0,87,255,0.1);
    border-radius: 4px;
    overflow: hidden;
}
.adv-item:nth-child(5n) {
    margin: 0;
}
.adv-item-img {
    position: relative;
    height: 345px;
    width: 100%;
    background: #f1f1f1;
    cursor: pointer;
}

.adv-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
    background: rgba(0,0,0,.2);
    /*display: none;*/
    opacity: 0;

    transition: all .2s;
}
.gif-item .adv-hover {
    background: transparent;
}
.adv-item-img:hover .adv-hover{
    /*display: block;*/
    opacity: 1;
}
.adv-hover a{
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 鍜� Chrome */
    transition: all .2s;
    width: 70%;
    padding: 6px 20px;
}
.adv-item-img:hover .adv-hover a {
    top: 85%;
    left: 50%;

}
.adv-item-img > img {
    display: block;
    width: 100%;
    height: 100%;
}
.adv-item-img > img.gif-item-img {
    display: none;
}
.adv-item-desc {
    padding: 0 20px;
    height: 50px;

}
.adv-item-desc > span {
    line-height: 49px;
    color: #666666;
}
.adv-item-desc > span:first-child {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: bold;
}
.adv-item-desc > span:last-child {
    float: right;
    display: none;
}
.adv-item-desc > span > span {
    vertical-align: middle;
}
.home-item {
    float: left;
    width: 254px;
    /*height: 498px;*/
    margin-right: 32px;
    margin-bottom: 30px;
    box-shadow:0px 2px 7px 3px rgba(0,87,255,0.1);
    border-radius: 4px;
    overflow: hidden;
}
.home-item:nth-child(5n) {
    margin: 0;
}
.home-item-media {
    position: relative;
    height: 345px;
    width: 100%;
    background: #cccccc;
    cursor: pointer;
}

.home-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
    background: rgba(0,0,0,.2);
    /*display: none;*/
    opacity: 0;

    transition: all .2s;
}
.home-item-media:hover .home-hover{
    /*display: block;*/
    opacity: 1;
}
.home-hover a{
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 鍜� Chrome */
    transition: all .2s;
    width: 70%;
    padding: 6px 20px;
}
.home-item-media:hover .home-hover a {
    top: 85%;
    left: 50%;

}
.home-item-media > img {
    display: block;
    width: 100%;
    height: 100%;
}
.home-item-desc {
    padding: 0 20px;
    height: 50px;

}
.home-item-desc > span {
    line-height: 49px;
    color: #666666;
}
.home-item-desc > span:first-child {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: bold;
}
.home-item-desc > span:last-child {
    float: right;
    display: none;
}
.home-item-desc > span > span {
    vertical-align: middle;
}
.home-item.video-item {

}

.home-item.video-item .home-hover {
    background: transparent;
}
.home-item.video-item .home-item-media:after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    background: url("//js.tusij.com/custom/img/common/vd_play.svg") center no-repeat;
    background-size: cover;
    box-shadow: 0 0 5px 5px rgba(0,0,0,.05);
    border-radius: 50%;
}
.home-item.video-item .home-item-media:hover:after{
    display: none;
}
.home-item.video-item .home-item-media{
    height: 143px;
}
.home-item.video-item.video-item-v .home-item-media{
    height: 452px;
}
.home-item.video-item .home-item-media video{
    object-fit: fill;
}
.home-item.video-item2 .home-hover {
    background: transparent;
}
@media (max-width: 1590px){
    .content {
        width: 1200px;
    }
    #content {
        width: 1200px;
    }
    .content-swiper {
        width: 1200px;
    }
    .swiper-extra {
        width: 309px;
        height: 303px;
    }
    .swiper-extra .swiper-extra-item {
        width: 146px;
        height: 143px;
        margin-right: 17px;
        margin-bottom: 17px;
    }
    .swiper-container {
        width: 874px;
    }
    .swiper-container .swiper-slide {
        width: 874px;
        height: 303px;
    }
    .swiper-container.swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 28px;
    }

    .swiper-cata {
        width: 1200px;
        height: 149px;
    }
    .swiper-cata .swiper-cata-item > a {
        padding-left: 19px;
    }
    .swiper-cata .swiper-cata-item > a > .swiper-cate-img {
        margin-top: 31px;
        height: 61px;
        width: 61px;
    }
    .swiper-video {
        right: 0;
    }
    .swiper-cata-tags {
        padding-left: 19px;
        bottom: 25px;
    }
    .media-item {
        width: 280px;
        margin-right: 22px;
    }
    .media-item-img {
        height: 126px;
    }
    .media-hover a {
        padding: 5px 24px;
        font-size: 16px;
    }
    .media-item-desc {
        height: 44px;
    }
    .media-item-desc > span {
        line-height: 44px;
    }
    .paper-item {
        width: 230px;
        /*height: 444px;*/
        margin-right: 12px;
    }
    .paper-item-img {
        height: 409px;
    }
    .paper-hover a {
        padding: 5px 24px;
        font-size: 16px;
    }
    .paper-item-desc {
        height: 44px;
    }
    .paper-item-desc > span {
        line-height: 44px;
    }
    .paper-item-desc > span:first-child {
        display: inline-block;
        /*width: 100%;*/
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .taobao-main-item {
        width: 230px;
        /*height: 265px;*/
        margin-right: 12px;
    }
    .taobao-main-item-img {
        height: 230px;
    }
    .taobao-main-hover a {
        padding: 5px 24px;
        font-size: 16px;
    }
    .taobao-main-item-desc {
        height: 44px;
    }
    .taobao-main-item-desc > span {
        line-height: 44px;
    }
    .taobao-main-item-desc > span:first-child {
        display: inline-block;
        /*width: 40%;*/
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .taobao-banner-item {
        width: 385px;
        /* height: 139px; */
        margin-right: 22px;
    }
    .taobao-banner-item-img {
        height: 125px;
    }
    .taobao-banner-hover a {
        padding: 5px 24px;
        font-size: 16px;
    }
    .taobao-banner-item-desc {
        height: 44px;
    }
    .taobao-banner-item-desc > span {
        line-height: 44px;
    }
    .adv-item {
        width: 230px;
        /*height: 347px;*/
        margin-right: 12px;
    }
    .adv-item-img {
        height: 312px;
    }
    .adv-hover a {
        padding: 5px 24px;
        font-size: 16px;
    }
    .adv-item-desc {
        height: 44px;
    }
    .adv-item-desc > span {
        line-height: 44px;
    }
    .adv-item-desc > span:first-child {
        display: inline-block;
        /*width: 40%;*/
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .home-item {
        width: 230px;
        margin-right: 12px;
    }
    .home-item.video-item .home-item-media{
        height: 129px;
    }
    .home-item-desc {
        height: 44px;
    }
    .home-item.video-item.video-item-v .home-item-media{
        height: 409px;
    }
    .home-item .home-item-desc > span {
        line-height: 44px;
    }

}
@media (max-width: 1280px){
    .content {
        width: 1000px;
    }
    #content {
        width: 1200px;
    }
    .content-swiper {
        width: 1000px;
    }
    .swiper-extra {
        width: 257px;
        height: 252px;
    }
    .swiper-extra .swiper-extra-item {
        width: 121px;
        height: 119px;
        margin-right: 14px;
        margin-bottom: 14px;
    }
    .swiper-container {
        width: 729px;
    }
    .swiper-container .swiper-slide {
        width: 729px;
        height: 253px;
    }
    .swiper-container.swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 28px;
    }
    .content-dellcacy {
        width: 1000px;
    }
    .swiper-cata {
        width: 1000px;
    }
    .swiper-cata .swiper-cata-item > a {
        padding-left: 19px;
    }
    .swiper-cata-tags > a {
        margin-right: 5px;
    }
    .swiper-cata .swiper-cata-item > a > .swiper-cate-img {
        margin-top: 35px;
        height: 51px;
        width: 51px;
        margin-right: 20px;
    }
    .swiper-video {
        right: 0;
    }
    .dellcacy {
        height: 170px;
    }
    .dellcacy-item {
        margin-right: 26px;
        height: 150px;
        width: 230px;
        border-radius: 4px;
    }
    .dellcacy-hover a{
        /*padding: 5px 24px;*/
        font-size: 14px;
    }
    .dellcacy-item:hover .dellcacy-hover a{
        line-height: 150px;
    }
    .dellcacy-next {
        top: 49px;
    }
    .dellcacy-prev {
        top: 49px;
    }
    .media-item {
        width: 230px;
        /* height: 180px; */
        margin-right: 20px;
    }
    .media-item-img {
        height: 104px;
    }
    .media-hover a {
        padding: 5px 24px;
        font-size: 16px;
    }
    .media-item-desc {
        height: 36px;
    }
    .media-item-desc > span {
        line-height: 36px;
    }
    .paper-item {
        width: 190px;
        /*height: 444px;*/
        margin-right: 12px;
    }
    .paper-item-img {
        height: 338px;
    }
    .paper-hover a {
        padding: 5px 24px;
        font-size: 16px;
    }
    .paper-item-desc {
        height: 35px;
    }
    .paper-item-desc > span {
        line-height: 35px;
    }
    .paper-item-desc > span:first-child {
        display: inline-block;
        /*width: 100%;*/
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .taobao-main-item {
        width: 190px;
        /*height: 265px;*/
        margin-right: 12px;
    }
    .taobao-main-item-img {
        height: 190px;
    }
    .taobao-main-hover a {
        padding: 5px 24px;
        font-size: 16px;
    }
    .taobao-main-item-desc {
        height: 35px;
    }
    .taobao-main-item-desc > span {
        line-height: 35px;
    }
    .taobao-main-item-desc > span:first-child {
        display: inline-block;
        /*width: 40%;*/
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .taobao-banner-item {
        width: 320px;
        height: 139px;
        margin-right: 20px;
    }
    .taobao-banner-item-img {
        height: 104px;
    }
    .taobao-banner-hover a {
        padding: 5px 24px;
        font-size: 16px;
    }
    .taobao-banner-item-desc {
        height: 35px;
    }
    .taobao-banner-item-desc > span {
        line-height: 35px;
    }
    .adv-item {
        width: 190px;
        /*height: 347px;*/
        margin-right: 12px;
    }
    .adv-item-img {
        height: 258px;
    }
    .adv-hover a {
        padding: 5px 24px;
        font-size: 16px;
    }
    .adv-item-desc {
        height: 35px;
    }
    .adv-item-desc > span {
        line-height: 35px;
    }
    .adv-item-desc > span:first-child {
        display: inline-block;
        /*width: 40%;*/
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .home-item {
        width: 190px;
        margin-right: 12px;
    }
    .home-item.video-item .home-item-media{
        height: 107px;
    }
    .home-item-desc {
        height: 35px;
    }
    .home-item.video-item.video-item-v .home-item-media{
        height: 338px;
    }
    .home-item .home-item-desc > span {
        line-height: 35px;
    }
}
/*鍐呭end*/
/*寮曞start*/
.guidance{
    position: relative;
    height: 874px;
    background: white;
}
.guidance p{
    text-align: center;
    font-size: 24px;
    color: #171717;
}
.g-design {
    text-align: center;
    margin-top: 42px;
}
.g-start {
    text-align: center;
    margin-top: 48px;
}
.g-title {
    padding-top: 50px;
}
.g-subtitle {
    margin-top: 6px;
}
.g-img {
    text-align: center;
    margin-top: 43px;
}
.g-img img {
    display: inline-block;
    width: 849px;
    height: 478px;
    background: gray;
}
/*寮曞end*/
/*灏哄start*/
.size {
    position: relative;
    min-height: 580px;
    width: 1400px;
    margin: auto;
}
.s-title {
    text-align: center;
    padding-top: 60px;
    color: #171717;
    font-size: 24px;
    font-weight: bold;
}
.s-subtitle {
    margin-top: 13px;
    text-align: center;
    color: #171717;
    font-size: 24px;
    font-weight: bold;
}
.s-items {
    margin-top: 90px;
}
.size ul {
    text-align: center;
    font-size: 0;
}
.s-item {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 25px;
}
.s-item:hover .item-block{
    visibility: visible;
}
.s-item .item-block {
    visibility: hidden;
}
.s-item:last-child {
    margin-right: 0;
}
.s-item:hover > a > div:first-child {
    opacity: 0.8;
}
.s-item .s-custom {
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px dashed #B5BDC2;
    border-radius: 5px;
    text-align: center;
}
.s-item .s-custom .iconfont {
    line-height: 100px;
    color: #aaaaaa;
    font-size: 34px;
}

.s-desc {
    margin-top: 32px;
}
.s-desc p{
    text-align: center;
    color: #171717;
    font-size: 14px;
}
.s-start {
    text-align: center;
    padding-top: 48px;
    padding-bottom: 48px;
}
.s-item >a>div:first-child {
    margin: auto;
}
.s-1920-1080 {
    height: 185px;
    width: 107px;
    background: url("//js.tusij.com/custom/img/common/1920_1080.png") center no-repeat;
    background-size: contain;
}
.s-420-570 {
    height: 185px;
    width: 136px;
    background: url("//js.tusij.com/custom/img/common/420_570.png") center no-repeat;
    background-size: contain;
}
.s-900-383 {
    height: 74px;
    width: 166px;
    background: url("//js.tusij.com/custom/img/common/900_383.png") center no-repeat;
    background-size: contain;
}
.s-720-1280 {
    height: 180px;
    width: 107px;
    background: url("//js.tusij.com/custom/img/common/720_1280.png") center no-repeat;
    background-size: contain;
}
.s-1920-600 {
    height: 64px;
    width: 210px;
    background: url("//js.tusij.com/custom/img/common/1920_600.png") center no-repeat;
    background-size: contain;
}
.s-1280-1184 {
    height: 159px;
    width: 175px;
    background: url("//js.tusij.com/custom/img/common/1280_1184.png") center no-repeat;
    background-size: contain;
}
.s-600-600 {
    height: 80px;
    width: 82px;
    background: url("//js.tusij.com/custom/img/common/600_600.png") center no-repeat;
    background-size: contain;
}
.s-800-800 {
    height: 113px;
    width: 108px;
    background: url("//js.tusij.com/custom/img/common/800_800.png") center no-repeat;
    background-size: contain;
}
.s-200-200 {
    height: 57px;
    width: 58px;
    background: url("//js.tusij.com/custom/img/common/200_200.png") center no-repeat;
    background-size: contain;
}
/*灏哄end*/
/* 绮惧搧鎺ㄨ崘start */
.rec-album {
    width: 1400px;
    margin: auto;
}
.rec-album > p {
    font-size: 28px;
    color: #171717;
    text-align: center;
    padding-bottom: 51px;
    font-weight: bold;
}
.rec-album ul:after {
    content: " ";
    display: table;
    clear: both;
}
.rec-album-item {
    position: relative;
    float: left;
    width: 324px;
    height: 230px;
    margin-right: 34px;
    margin-bottom: 52px;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 8px 4px rgba(0,87,255,0.1);
    border-radius:5px;
}
.rec-album-item:nth-child(4n) {
    margin-right: 0;
}
.rec-album-item > p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 46px;
}
.rec-album-img {
    position: relative;
    /* width: 345px;
height: 244px; */
    width: 290px;
    height: 204px;
    transform: translate(17px, -21px);
    border-radius: 5px;
    overflow: hidden;
}
.rec-album-img > img {
    display: block;
    width: 100%;
    height: 100%;

}
.rec-album-img .rec-album-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(0,0,0,.5);
    transition: all .2s;
}
.rec-album-img .rec-album-hover > a {
    display: block;
    width: 100%;
    height: 100%;
}
.rec-album-img .rec-album-hover > a > span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 13px 64px;
    white-space: nowrap;
    font-size: 18px;
    border-radius: 26px;
}
.rec-album-img:hover .rec-album-hover {
    opacity: 1;
}
.rec-album-btn {
    /* padding-top: 30px; */
    text-align: center;
}
@media (max-width: 1590px){
    .rec-album {
        width: 1200px;
    }
    .rec-album-item {
        width: 278px;
        height: 196px;
        margin-right: 29px;
        margin-bottom: 46px;
    }
    .rec-album-img {
        width: 249px;
        height: 175px;
        transform: translate(15px, -18px);
    }
    .rec-album-item > p {
        line-height: 39px;
    }
    .rec-album-img .rec-album-hover > a > span {
        padding: 5px 44px;
    }
}
@media (max-width: 1280px){
    .rec-album {
        width: 1000px;
    }
    .rec-album-item {
        width: 232px;
        height: 163px;
        margin-right: 24px;
        margin-bottom: 38px;
    }
    .rec-album-img {
        width: 207px;
        height: 146px;
        transform: translate(12px, -15px);
    }
    .rec-album-item > p {
        line-height: 32px;
    }
    .rec-album-img .rec-album-hover > a > span {
        padding: 5px 44px;
    }
}
/* 绮惧搧鎺ㄨ崘end */
/*浣跨敤鑰卻tart*/
.users {
    background: white;
}
.users >div {
    position: relative;
    min-height: 710px;
    width: 1400px;
    margin: auto;
}
.u-title {
    text-align: center;
    padding-top: 50px;
    color: #171717;
    font-size: 24px;
    font-weight: bold;
}
.u-subtitle {
    margin-top: 13px;
    padding-bottom: 10px;
    text-align: center;
    color: #171717;
    font-size: 24px;
    font-weight: bold;
}
.u-items ul:after {
    content: " ";
    display: table;
    clear: both;
}
.u-item {
    float: left;
    width: 100%;
    /*height: 361px;
margin-right: 26px;
margin-bottom: 30px;
box-shadow:0px 2px 7px 3px rgba(0,87,255,0.1);
border-radius: 4px;*/
}

.u-item-user {
    float: left;
    text-align: center;
}
.u-right .u-item-user {
    float: right;
}
.u-item-user img{
    display: block;
    margin: auto;
}
.u-item-name {
    padding: 4px 0;
    font-size: 14px;
    color: #171717;
}

.u-item-msg {
    float: left;
    width: 577px;
    height: 123px;
    background: url(//js.tusij.com/custom/img/home/dia_left.png) center no-repeat;
    background-size: cover;
    padding: 14px 10px 10px 59px;
    color: #666666;
    font-size: 14px;
    text-indent:25px;
    line-height: 23px;
}
.u-right .u-item-msg {
    float: right;
    background: url(//js.tusij.com/custom/img/home/dia_right.png) center no-repeat;
    background-size: cover;
    padding: 14px 59px 10px 17px;
}

.u-start {
    text-align: center;
    padding-top: 48px;
    padding-bottom: 48px;
}
@media (max-width: 1590px){
    .users >div {
        width: 1200px;
    }
    .u-item {
        width: 100%;
        /*margin-right: 26px;*/
    }
}
@media (max-width: 1280px){
    .users >div {
        width: 1000px;
    }
    .u-item {
        width: 100%;
        /*margin-right: 26px;*/
    }
}
/*浣跨敤鑰卐nd*/
/*footstart*/
.foot {
    height:auto;
    font-size: 14px;
    /* background: #191919; */
    min-width: 1425px;
}
.foot > a {
    display: inline-block;
    width: 94px;
    height: 27px;
    margin-top: 38px;
    margin-left: 266px;
}
.foot > a > img {
    width: 100%;
    height: 100%;
}
.foot-links {
    float: right;
    height: 100%;
    margin-right: 261px;
    font-size: 0;
}
.foot-links > a {
    display: inline-block;
    height: 100%;
    line-height: 106px;
    color: white;
    font-size: 14px;
    padding: 0 18px 0 19px;
}
.foot-links span {
    font-size: 14px;
    color: white;
}
.foot-icp {
    font-size: 12px;
}
.foot-icp > * {
    /*vertical-align: middle;*/
}
.foot-icp i{
    position: relative;
    top: 3px;
    display: inline-block;
    width: 16px;
    height: 17px;
    background: url(//s.tusij.com/custom/img/common/foot-icp.png);
    background-size: cover;
    margin-right: 4px;
}
.foot-gs > * {
    /*vertical-align: middle;*/
}
.foot-gw i{
    position: relative;
    top: 4px;
    display: inline-block;
    width: 17px;
    height: 19px;
    background: url("//js.tusij.com/custom/img/common/foot-gw.png");
    background-size: cover;
    margin-right: 4px;
}
.foot-gs i{
    position: relative;
    top: 4px;
    display: inline-block;
    width: 17px;
    height: 19px;
    background: url(//s.tusij.com/custom/img/common/foot-gs.png);
    background-size: cover;
    margin-right: 4px;
}
.foot-ga i{
    position: relative;
    top: 2px;
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url(//s.tusij.com/custom/img/common/foot_ga.png);
    background-size: cover;
    margin-right: 10px;

}
.foot-body {
    background: #191919;
    /* height: 281px !important; */
    width: 100% !important;
}
.foot-body > div {
    position: relative;
    width: 1200px;
    margin: auto;
}
.foot-body div.foot-body-bottom{
    width:1282px;
}
.foot-hover {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    font-size: 0;
}
.foot-hover ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.foot-hover ul li:last-child {
    width: auto;
}
.foot-hover ul li:last-child > a {
    padding-right: 0;
}
.foot-hover li.hidden {
    visibility: hidden;
}
.foot-hover li {
    display: inline-block;
    width: 84px;
    font-size: 12px;
    color: black;
    margin-bottom: 12px;
}

.foot-hover li > a {
    display: block;
    color: #000;
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;

}
.foot-tab {
    position: relative;
    width: 1200px;
    height: 130px ;
    margin: auto;
    padding-top: 14px;
}
.foot-tab > ul {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(241, 241, 241, 1);
}
.foot-tab > ul > li {
    display: inline-block;
    margin-right: 55px;
}

.foot-tab > ul > li.active .foot-hover {
    display: block;
}
.foot-tab > ul > li > span {
    font-size: 14px;
    color: rgba(23, 23, 23, 1);
}
.foot-tab > ul > li.active span {
    color: #0057ff;
    font-weight: bold;
    cursor: pointer;
}
.foot-tab .friendly-link-tip{
    color: #999;
    font-size:14px;
    position:absolute;
    top:0;
    right:0;
    transform: translateY(15px);
    display:inline-block;
}
.foot-tab-2{
    width: 1200px;
    /*height: 130px;*/
    margin: auto;
    padding-top: 14px;
    position: relative;
}
.foot-tab-2 .nav-ship > ul{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #888;
    font-size: 14px;
    cursor: pointer;
}
.foot-tab-2 .nav-ship > ul > li{
    margin-right: 20px;
    font-weight: bold;
    color: #666;
    font-size: 16px;
}
.foot-tab-2 .nav-ship > ul > li.active{
    color: #0057FF;
}
.foot-tab-2 .ship-box > ul{
    display: none;
    margin-top: 24px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.foot-tab-2 .ship-box > ul > li{
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 16px;
}
.foot-tab-2 .ship-box > ul > li:hover{
    color: #0057FF;
}
.foot-tab-2 .ship-box > ul.active{
    display: flex;
}
.foot-tab-2 .friendly-link-tip{
    color: #BBB;
    font-size:14px;
    position:absolute;
    top:0;
    right:0;
    transform: translateY(15px);
    display:inline-block;
}
.foot-body-top {
    height: 62px !important;
    border-bottom: 1px solid black;
}
.foot-body-top > a {
    display: block;
    height: 100%;
    float: left;
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
    margin-right: 49px;
    line-height: 62px;
}
.foot-body-top > a:first-child {
    padding-left: 18px;
    background: url(//s.tusij.com/custom/img/common/f_phone.svg) no-repeat;
    background-size: 12px 22px;
    background-position: 0 19px;
}
.foot-body-top .friendly-link-tip{
    float:right;
    display: block;
    height: 100%;
    font-size: 12px;
    color: rgba(102, 102, 102, 1);
    line-height:62px;
}
.foot-logo {
    position: absolute;
    left: 0;
    top: 20px;

}
.foot-logo > img {
    display: block;
    width: 94px;
    height: 27px;
    margin: auto;
}
.foot-logo > p {
    font-size: 14px;
    color: white;
    padding-top: 6px;
}
.foot-body-center:after {
    content: " ";
    display: table;
    clear: both;
}
.foot-body-bottom {
    height: 54px !important;
}
.foot-body-bottom > a, .foot-body-bottom > span {
    display: block;
    float: left;
    height: 100%;
    line-height: 54px;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    margin-right:20px;
}
.foot-body-bottom > span {
    margin-right: 10px;
    margin-left: 4px;
}
.foot-body-bottom .foot-notice {
    float:right;
    margin-right:0;
}
.foot-kefu {
    float: right;
    width: 293px;
    color: rgba(102, 102, 102, 1);
    padding-top: 35px;
    font-size: 16px;
}
.foot-kefu > p {
    padding-bottom: 28px;
}
.foot-kefu-item {
    padding-left: 36px;
    background: url(//s.tusij.com/custom/img/common/f_kefu.svg) no-repeat;
    background-size: 26px 26px;
    background-position: 0 0;
    margin-bottom: 33px;
}
.foot-kefu-item > p {
    font-size: 12px;
}
.foot-kefu-item > div {
    padding-top: 5px;
}
.foot-kefu-item > div > a {
    display: block;
    width: 72px;
    height: 20px;
    line-height: 20px;
    color: white;
    text-align: center;
    font-size: 12px;
    background: #0057ff;
    border-radius: 4px;
}
.foot.foot-new .foot-links {
    position: absolute;
    left: 135px;
    top: 0;
    margin-right: 0;
    height: auto;
    padding-top: 59px;
}
.foot.foot-new .foot-br {
    height: 49px;
}
.foot.foot-new .foot-links > a {
    line-height: normal;
    height: auto;
}
.foot.foot-new .foot-qrcodes {
    float: right;
    font-size: 0;
    padding-top: 31px;
}
.foot.foot-new .foot-qrcodes .foot-qrcode {
    display: inline-block;
    margin-right: 22px;
}
.foot.foot-new .foot-qrcodes .foot-qrcode:last-child {
    margin-right: 0;
}
.foot.foot-new .foot-qrcodes img {
    height: 160px;
    width: 160px;
}
.foot.foot-new .foot-qrcodes .foot-qrcode > p {
    color: white;
    font-size: 16px;
    padding-bottom: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}
.foot.foot-new .foot-other-link {
    clear: both;
    padding-top: 23px;
    border-top: 1px solid #777;
    position: relative;
    top: 29px;
}
.foot.foot-new .foot-other-link > a {
    color: #777;
    font-size: 14px;
    margin-right: 30px;
    margin-bottom: 10px;
    word-break: keep-all;
}

/*footend*/
/*鍙充晶娴姩start*/
.float-right {
    /* display: none; */
    position: fixed;
    right: 0;
    top: 70px;
    bottom: 0;
    width: 50px;
    z-index: 20;
    background: white;
    box-shadow:0px 1px 2px 0px rgba(67,67,67,0.24);
}
.float-right.move-down{
    top:113px;
    transform:translateY(60px);
}

.mc-float-right {
    position: fixed;
    right: 0;
    bottom:180px;
    transform: translate(0,-50%);
    width: 40px;
    z-index: 20;
    background: white;
    box-shadow: 0 0 8px -6px rgba(0,0,0,0.5);
    border-radius: 4px 0 0 4px;
}

.mc-float-right.active{
    bottom:calc(180px - 60px)
}

.float-right > ul {
    position: relative;
    height: 100%;
}
.float-item {
    position: relative;
    text-align: center;
    /* border:1px solid rgba(237,237,237,1); */
    cursor: pointer;
    background: white;
    height: 58px;
    /*padding: 5px 0;*/
}
.mc-float-item {
    height:40px;
    position: relative;
    text-align: center;
    cursor: pointer;
    background: white;
}
.mc-float-item.first{
    border-radius: 4px 0 0 0;
}
.mc-float-item.last{
    display: none;
    border-radius: 0 0 0 4px;
}

.mc-float-item.last.active{
    display: block;
}
.mc-float-item.qquan .mc-float-hover img{
    width:160px;
}
.mc-float-item.qquan .mc-float-hover p:nth-child(2){
    font-size: 16px;
    color: #0057ff;
}


.mc-float-item .mc-float-icon {
    display:flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height:100%;
    z-index: 1;
}
.mc-float-item .mc-float-icon img{
    vertical-align: top;
}

.mc-float-item .mc-float-icon p{
    font-size: 12px;
    display:none;
}

.mc-float-item:hover .mc-float-icon p{
    display:block;
    color: white;
}

.mc-float-item:hover .mc-float-icon img{
    display:none;
}

.mc-float-item:hover {
    background: #0057FF;
}

.mc-float-item .mc-float-hover {
    /*display: none;*/
    opacity: 0;
    position: absolute;
    right:-202px;
    /*right: auto;*/
    bottom: 0;
    background: white;
    border-radius: 4px;
    box-shadow:0 2px 3px 0 rgba(11,0,255,0.2);
    padding: 10px 14px;
    width: 202px;
    /*height: 72px;*/
    transition: all .2s;
    z-index: -1;
}
.mc-float-item.qquan:hover .mc-float-hover {
    opacity: 1;
    right:100%;
    bottom:0;
}

.float-item:hover .float-icon p{
    color: white;
}
.float-item:hover{
    background: #0057ff !important;
}
.float-item.float-item-pvip {
    background: url("//js.tusij.com/custom/img/common/float_pvip.png") center no-repeat;
    background-size: cover;
}
.float-item.float-item-evip {
    background: url("//js.tusij.com/custom/img/common/float_evip.png") center no-repeat;
    background-size: cover;
}
.float-item.float-item-xcx {
    background: url("//js.tusij.com/custom/img/common/float_xcx.png") center no-repeat;
    background-size: cover;
}
.float-item.float-item-xcx.float-item-qrcode {
    background: white;
}
.float-item .float-icon {
    position: relative;
    padding: 11px 0 0 0;
    z-index: 1;
    border-radius: 4px;
}
.float-item .float-icon .icon.icon-f-evip {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("//js.tusij.com/custom/img/common/float_evip_icon.svg") center no-repeat;
    background-size: contain;
}
.float-item .float-icon  .icon:nth-child(2) {
    display: none;
}
.float-item:hover .float-icon  .icon:nth-child(2){
    display: inline-block;
}
.float-item:hover .float-icon  .icon:nth-child(1){
    display: none;
}
.float-item .float-icon:hover {
    /* box-shadow:0px 2px 9px 0px rgba(6,0,238,0.5); */
}
.float-item .float-icon p {
    color: #000000;
    font-size: 12px;
}
.float-item.float-item-xcx .float-icon p {
    color: white;
}
.float-item.float-item-xcx.float-item-qrcode .float-icon p {
    color: black;
}
.float-item.float-item-xcx.float-item-qrcode:hover .float-icon{
    color: white;
}
.float-item.float-item-xcx.float-item-qrcode:hover .float-icon p{
    color: white;
}

.float-item .float-icon > a {
    display: block;
    height: 100%;
}
.float-item .iconfont{
    color: #0057FF;
    font-size: 20px;
}
.float-item svg {
    font-size: 20px;
}
.float-item .font-gzh + .float-hover{
    width: 130px;
    height: 145px;
    padding: 0;
    overflow: hidden;
}
.float-item .font-gzh + .float-hover > img {
    width: 100%;
    height: 130px;

}
.float-item .font-gzh + .float-hover > p{
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    width: 100%;
}
.float-item .float-hover {
    /*display: none;*/
    opacity: 0;
    position: absolute;
    left: 0;
    /*right: auto;*/
    top: 0;
    background: white;
    border-radius: 4px;
    box-shadow:0px 2px 3px 0px rgba(11,0,255,0.2);
    padding: 10px 14px;
    width: 202px;
    /*height: 72px;*/
    transition: all .2s;
    z-index: -1;
}
.float-item:hover .float-hover {
    opacity: 1;
    /*right: 100%;*/
    left: -202px;
    /*display: block;*/
}
.float-item .float-hover > a {
    display: block;
    height: 100%;
    width: 100%;
}
.float-item.float-item-pvip .float-hover {
    width: 320px;
    height: 105px;
    padding: 0;
    background: url("//js.tusij.com/custom/img/common/float_pvip_dtl2.png") center no-repeat;
    background-size: cover;
}
.float-item.float-item-pvip:hover .float-hover {
    left: -320px;
}
.float-item.float-item-evip .float-hover {
    width: 320px;
    height: 105px;
    padding: 0;
    background: url("//js.tusij.com/custom/img/common/float_evip_dtl.png") center no-repeat;
    background-size: cover;
}
.float-item.float-item-evip:hover .float-hover {
    left: -320px;
}
.float-item.float-item-xcx .float-hover {
    width: 202px;
    /* height: 230px; */
    padding: 12px;
}
.float-item.float-item-xcx.float-item-qrcode:hover .float-hover {
    width: 163px;
    left:-155px;
    /* height: 230px; */
}

.float-item.float-item-xcx.float-item-qrcode .float-hover .img-wrapper{
    margin-bottom:15px;
}

.float-item.float-item-xcx .float-hover p {
    text-align: center;
}
.float-item.float-item-xcx .float-hover img {
    display: block;
    margin: auto;
    width: 172px;
}
.float-item.float-item-xcx.float-item-qrcode .float-hover img {
    display: block;
    margin: auto;
    width: 100px;
}
.float-item.float-item-gz .float-hover {
    width: 202px;
    height: 230px;
    padding: 14px;
}
.float-item.float-item-gz .float-hover p {
    text-align: center;
}
.float-item.float-item-gz .float-hover img {
    display: block;
    margin: auto;
    width: 172px;
}
.float-item.float-item-qqgroup .float-hover {
    width: 202px;
    height: 230px;
    padding: 14px;
}
.float-item.float-item-qqgroup .float-hover p {
    text-align: center;
}
.float-item.float-item-qqgroup .float-hover p:nth-child(2) {
    font-size: 16px;
    color: #0057ff;
}
.float-item.float-item-qqgroup .float-hover img {
    display: block;
    margin: auto;
    width: 160px;
}
.float-item.float-item-kf .float-hover {
    width: 202px;
    /* height: 230px; */
    padding: 14px;
}
.float-item.float-item-kf .float-hover .iconfont {
    color: black;
}
.float-item.float-item-kf .float-hover  div > p {
    color: #666666;
}
.float-item.float-item-kf .float-hover  div > p:first-child {
    color: #000000;
    padding-bottom: 4px;
}
.float-item.float-item-top {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index:1;
}
.float-item.float-item-top.move-up{
    transform:translateY(-60px);
}
.float-item.float-item-invite {
    height: auto;
}
.float-item.float-item-invite .float-icon {
    padding-bottom: 10px;
}
.float-item-invite > .float-icon svg {
    color: #FF3D32;
}

.float-item.float-item-custom {
    height: auto;
}
.float-item.float-item-custom .float-icon {
    padding-bottom: 10px;
}
.float-item-custom > .float-icon svg {
    color: #0057ff;
}
.float-item.float-item-custom .float-icon svg:nth-child(2) {
    color: white;
}
.float-item.float-item-school svg {
    color: rgba(15, 91, 255,1);
}
.float-item.float-item-school svg:nth-child(2) {
    color: white;
}

.float-hover > * {
    float: left;
}
.float-hover .float-kf-qq {
    float: none;
}
.float-hover .float-kf-qq:after {
    content: " ";
    display: table;
    clear: both;
}
.float-hover .float-kf-qq > * {
    float: left;
}
.float-hover .float-kf-qq > div {
    padding-left: 10px;
}
.float-hover .float-kf-time {
    float: none;
    padding:0;
    padding-top: 5px;
}
.float-hover .float-kf-time > p {
    text-align: center;
    color: #666666;
    font-size: 12px;
}
.float-hover .float-kf-time > p:first-child {
    font-weight: normal;
    font-size: 12px;
}
.float-hover .float-kf-link {
    float: none;
    text-align: center;
    padding: 16px 0 25px 0;
}
.float-hover .float-kf-link > a {
    text-align: center;
    background: #0057ff;
    font-size: 14px;
    color: white;
    padding: 3px 14px;
    border-radius: 4px;
}
.float-hover .float-qgroup-qicon {
    float: none;
}
.float-hover .float-qgroup-qq {
    float: none;
}
.float-hover .float-qgroup-qq > p {
    text-align: center;
    font-size: 14px;
}
.float-hover .float-qgroup-qq > p > a {
    text-align: center;
    font-size: 14px;
    color: white;
    background: #0057FF;
    padding: 3px 14px;
    border-radius: 4px;
}
.float-hover .float-qgourp-add{
    padding-top: 10px;
}
.float-hover > div {
    padding-left: 5px;
    text-align: center;
}
.float-hover > div.float-gfqq {
    padding-top: 8px;
}

.float-hover p{
    color: #666666;
    font-size: 12px;
    text-align: left;
}
.float-hover p > a {
    color: #0057ff;
}
.float-hover p:first-child {
    font-size: 14px;
    font-weight: bold;
}
/*鍙充晶娴姩end*/
/* 淇＄start */
.float-message {
    display: none;
    position: fixed;
    width: 295px;
    height: 368px;
    right: 10px;
    bottom: 0px;
    background: url("//s.tusij.com/custom/img/common/float-message.png") center no-repeat;
    background-size: cover;
    z-index: 99;
    padding-top: 198px;
    transform: translate(0, 100%);
    transition: all .3s;
}
.float-message .fm-close {
    position: absolute;
    right: 9px;
    top: 9px;
    width: 20px;
    height: 20px;
    background: url(//js.tusij.com/custom/img/common/recommend_close.png) center no-repeat;
    background-size: cover;
    z-index: 1;
}
.float-message.fm-show {
    display: block;
    transform: translate(0, -20px);
}
.float-message.fm-hide {
    display: none;
    transform: translate(0, 100%);
}
.float-message.fm-enter {
    display: block;
    transform: translate(0, 100%);
}
.float-message.fm-leave {
    display: block;
    transform: translate(0, 100%);
}
.float-message .fm-title {
    font-size: 25px;
    text-align: center;
    color: #3B424C;
    padding-bottom: 16px;
}
.float-message .fm-subtitle {
    font-size: 17px;
    text-align: center;
    color: #B2B1B6;
}
.float-message .fm-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    text-align: center;
}
.float-message .fm-btn > a {
    display: block;
    height: 100%;
    color: #2396FF;
    font-size: 19px;
    line-height: 50px;
}
/* 淇＄end */
/*鍙嶉鑾嘲妗唖tart*/

.modal-fb {
    width: 772px;
    height: 502px;
}
.modal-fb.new{
    width:600px;
    height:auto;
    padding:17px 0;
}
.modal-fb .icon-close_icon {
    position: absolute;
    right: -50px;
    top: -50px;
    font-size: 50px;
    color: white;
    cursor: pointer;
}
.modal-fb .icon-close_icon:hover {
    color: #0057ff;
}
.fb-title {
    font-size: 24px;
    color: #171717;
    text-align: center;
    padding: 30px 0 22px 0;
}
.modal-fb.new .fb-title{
    padding:0 0 0 0;
}
.modal-fb.new .fb-subtitle{
    padding:6px 0 10px;
    font-size:14px;
    color:#999;
    text-align: center;
}
.fb-textarea {
    height: 211px;
}
.modal-fb.new .fb-textarea {
    margin:0 auto;
    width:552px;
    height:122px;
}
.fb-textarea textarea {
    width: 100%;
    height: 100%;
    background: #EBEBEB;
    outline: none;
    color: #666666;
    padding: 12px 10px;
    font-size: 18px;
    border:0;
    resize:none;
}
.modal-fb.new .fb-textarea textarea{
    padding:12px 18px;
    font-size:14px;
}
.fb-row {
    /*height: 120px;*/
    padding: 48px 0 30px 0;
}
.modal-fb.new .fb-row{
    margin:0 auto;
    width:552px;
    padding:17px 0;
    font-size:18px;
}
.modal-fb .fb-row .stress-symbol{
    margin-top:8px;
    color:#FF2323;
}
.fb-row:after {
    content: " ";
    display: table;
    clear: both;
}
.fb-row > div {
    float: left;
    /*width: 50%;*/
}
.fb-row > div:last-child {
    float: right;
}
.fb-row label {
    color: #000000;
}
.fb-row input[type="text"] {
    width: 208px;
    height: 41px;
    background: #EBEBEB;
    border: 0;
    padding: 5px 10px;
}
.modal-fb.new .fb-row input[type="text"]{
    width:160px;
    height:32px;
    font-size:18px;
}
.fb-submit {
    text-align: center;
}
.modal-fb.new .fb-submit{
    margin-top:20px;
}
.fb-submit > a {
    padding: 8px 100px;
    font-size: 24px;
    border-radius: 24px
}
.modal-fb.new .fb-submit > a{
    padding:3px 42px;
    border-radius:4px;
}
.fb-submit > a.disabled {
    background: #aeaeae;
}
.fb-submit > p {
    padding-top: 10px;
    color: red;
}
.fb-upload {
    display: inline-block;
    border-radius: 4px;
    height: 41px;
    line-height: 30px;
    width: 182px;
}
.modal-fb.new .fb-upload{
    width:130px;
    height:32px;
    line-height:22px;
    font-size:18px;
}
.fb-upload-hide {
    display: none;
}
.modal-fb .fb-wechat-wrapper{
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top:6px;
}
.modal-fb .fb-wechat-wrapper .qr-code{
    width:120px;
    height:120px;
    border: 1px solid rgba(23, 23, 24, 0.1);
    background: url("//js.tusij.com/custom/img/daily/fb-qr-code.png") no-repeat center/106px 106px #EBEBEB;
}
.modal-fb .fb-wechat-wrapper .small-text{
    margin-top:10px;
    font-size:14px;
    color: #2A2A2B;
}
.modal-fb input::-webkit-input-placeholder, .modal-fb textarea::-webkit-input-placeholder {
    color: #A7A7A7;
}
.modal-fb input:-moz-placeholder, .modal-fb textarea:-moz-placeholder {
    color: #A7A7A7;
}
.modal-fb input::-moz-placeholder, .modal-fb textarea::-moz-placeholder {
    color: #A7A7A7;
}
.modal-fb input:-ms-input-placeholder, .modal-fb textarea:-ms-input-placeholder {
    color: #A7A7A7;
}
/*鍙嶉鑾嘲妗唀nd*/
/*鎼滅储鍙嶉鑾嘲妗唖tart*/

.modal-fbs {
    width: 772px;
    height: 502px;
}
.modal-fbs .icon-close_icon {
    position: absolute;
    right: -50px;
    top: -50px;
    font-size: 50px;
    color: white;
    cursor: pointer;
}
.modal-fbs .icon-close_icon:hover {
    color: #0057ff;
}
.fbs-title {
    font-size: 24px;
    color: #171717;
    text-align: center;
    padding: 30px 0 22px 0;
}
.fbs-textarea {
    height: 211px;
}
.fbs-textarea textarea {
    width: 100%;
    height: 100%;
    background: #EBEBEB;
    outline: none;
    color: #666666;
    padding: 12px 10px;
    font-size: 18px;
    border:0;
    resize:none;
}
.fbs-row {
    /*height: 120px;*/
    padding: 48px 0 30px 0;
}
.fbs-row:after {
    content: " ";
    display: table;
    clear: both;
}
.fbs-row > div {
    float: left;
    /*width: 50%;*/
}
.fbs-row > div:last-child {
    float: right;
}
.fbs-row label {
    color: #000000;
}
.fbs-row input[type="text"] {
    width: 208px;
    height: 41px;
    background: #EBEBEB;
    border: 0;
    padding: 5px 10px;
    font-size: 16px;
}
.fbs-submit {
    text-align: center;
}
.fbs-submit > a {
    padding: 8px 100px;
    font-size: 24px;
    border-radius: 24px
}
.fbs-submit > a.disabled {
    background: #aeaeae;
}
.fbs-submit > p {
    padding-top: 10px;
    color: red;
}
.fbs-upload {
    display: inline-block;
    border-radius: 4px;
    height: 41px;
    line-height: 30px;
    width: 182px;
}
.fbs-upload-hide {
    display: none;
}
.modal-fbs input::-webkit-input-placeholder, .modal-fbs textarea::-webkit-input-placeholder {
    color: #A7A7A7;
}
.modal-fbs input:-moz-placeholder, .modal-fbs textarea:-moz-placeholder {
    color: #A7A7A7;
}
.modal-fbs input::-moz-placeholder, .modal-fbs textarea::-moz-placeholder {
    color: #A7A7A7;
}
.modal-fbs input:-ms-input-placeholder, .modal-fbs textarea:-ms-input-placeholder {
    color: #A7A7A7;
}
/*鎼滅储鍙嶉鑾嘲妗唀nd*/
/*瑙嗛start*/
.video,
.school-video{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 100;
}
.video-wrap {
    position: absolute;
    height: 450px;
    width: 800px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 4px;

    background: white;
}
.video-wrap .video-dimensions {
    height: 100%;
    width: 100%;
}
.video-wrap video {
    height: 100%;
    width: 100%;
    border-radius: 4px;
}
.video-close {
    display: block;
    position: absolute;
    right: -58px;
    top: -4px;
    color: white;
    z-index: 2;
}
.video-close .iconfont {
    font-size: 50px;
}
.video-close:hover {
    color: #0057ff;
}
/*瑙嗛end*/

/*妯℃澘涓績(鎼滅储)start*/
.search {
    padding-top: 70px;
}
.search-crumbs {
    width: 1200px;
    margin:auto;
}
.search-crumbs p{
    padding: 50px 0 17px 42px;
    font-size: 13.34px;
    color: rgb(173, 173, 173);
}
.search-crumbs p > a {
    color: #666666;
}
.scb-item {
    padding: 2px 22px 2px 4px;
    font-size: 14px;
    position: relative;
    font-weight: bold;
    border: 1px solid #0057ff;
    color: #0057ff;
    margin-right: 4px;
}
.scb-item > a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 18px;
    line-height: 22px;
    text-align: center;

}
.scb-item > a:hover {
    background: #0057ff;
    color: white;
}
.search-conditions {
    width: 1200px;
    margin: auto;
    background: white;
    border-radius: 4px;
}
.scd-classify {
    height: 61px;
    padding: 20px 20px;
    border-bottom: 1px dashed #E3E3E3;
    font-size: 14px;
    color: #2e2e2e;
}
.scd-classify > span {
    float: left;
}
.scd-classify > ul {
    width: 100%;
    padding-left: 60px;
}
.scd-classify > ul li {
    float: left;
    margin-right: 20px;
}
.scd-classify > ul li a {
    padding: 3px 10px;
    color: #2e2e2e;
}
.scd-classify > ul li a:hover, .scd-classify > ul li.active a{
    background: #0057ff;
    color: white;
    border-radius: 5px;
}
.scd-order {
    height: 60px;
    padding: 20px 20px;
    font-size: 14px;
    color: #2e2e2e;
}
.scd-order > ul {

}
.scd-order > ul li {
    float: left;
    margin-right: 30px;
}
.scd-order > ul li a {
    color: #2e2e2e;
}
.scd-order > ul li a:hover, .scd-order > ul li.active a{
    color: #0057ff;
}
.search-items {
    width: 1200px;
    margin: auto;
    margin-top: 20px;
}
#masonry {
    width: 1220px;
}
.search-item{
    position: relative;
    float: left;
    width: 280px;
    box-shadow: 0 2px 4px 0 rgba(152, 152, 152, 0.50);
    margin: 0 25px 26px 0;
    padding-bottom: 39px;
    border-radius: 4px;
    overflow: hidden;
}
.search-item:hover .search-hover{
    opacity: 1;
}
.search-item:nth-child(4n) {
    margin: 0 0px 26px 0;
}
.search-item-img {
    position: relative;
    cursor: pointer;
    height: 100%;
}
.search-item-img img{
    display: block;
    height: 100%;
    width: 100%;
}
.search-hover{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
    background: rgba(0,0,0,.2);
    /*display: none;*/
    opacity: 0;
    transition: all .2s;
}
.search-hover a {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 鍜� Chrome */
    transition: all .2s;
    padding: 5px 48px;
    white-space: nowrap;
}
.search-item-desc {
    position: absolute;
    height: 39px;
    width: 100%;
    line-height: 42px;
    font-size: 14px;
    color: #666666;
    text-align: left;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-page{
    text-align: center;
}
.search-page ul {
    display: inline-block;
}
/*妯℃澘涓績(鎼滅储)end*/

/*鍒嗛〉缁勪欢start*/
.paging {
    display: inline-block;
}
.paging:after {
    display: table;
    content: " ";
    clear:both;
}
.paging li {
    float: left;
    height: 50px;
    width: 50px;
    background: #FFFFFF;
    text-align: center;
    line-height: 50px;
    box-sizing: border-box;
    border: 1px solid #EEEEEE;
    margin: 0 5px;
    font-size: 14px;
    color: #666666;
    border-radius: 4px;
    overflow: hidden;
}
.paging li a {
    display: block;
    height: 100%;
    color: #666666;
}
.paging li a:hover, .paging li.active a{
    background: #0057ff;
    color: white;
}
.paging .paging-large {
    width: 80px;
}
.paging .paging-totol {
    color: #666666;
    background: transparent;
    border: 0;
    margin-right: 20px;
}
.paging .paging-jump {
    width: auto;
    background: transparent;
    border: 0;
}
.paging .paging-jump > input {
    width: 45px;
    height: 40px;
    padding: 10px;
    margin: 0 5px;
}
.paging .paging-jump > a {
    display: inline-block;
    width: 63px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #0057ff;
    border-radius: 4px;
    color: white;
    margin-left: 5px;
}
/*鍒嗛〉缁勪欢end*/
/*寮€鍚璁�(鏂�)start*/
.start-left {
    position: fixed;
    left: 0;
    top:0;
    bottom: 0;
    width: 250px;
    z-index: 99;
    box-shadow: 2px 0 3px 0 rgba(235, 235, 235, 0.58);
    padding-top: 70px;

}
.start-left-head {
    width: 200px;
    margin: 60px auto 40px auto;
    color: #444444;
    border-bottom: 1px solid #EBEBEB;
}
.start-left-head > img {
    display: block;
    height: 60px;
    width: 60px;
    margin: auto;
    border-radius: 50%;
}
.start-left-head > p {
    text-align: center;
    margin-top: 20px;
}
.start-left-id{
    font-size: 12px;
    color: #AEAEAE;
}
.start-left-btns ul li{
    height: 40px;
    padding-left: 60px;
}
.start-left-btns ul li a {
    display: block;
    height: 100%;
    color: #666666;
    line-height: 40px;
}
.start-left-btns ul li.active {
    background: #0057ff;
}
.start-left-btns ul li.active a {
    color: white;
}
.start-left-btns ul li a .iconfont {
    margin-right: 10px;
}

.s-items.s-small li > a > div:first-child {
    max-height: 125px;
    max-width: 120px;
}
.start-right-navpic .s-items.s-small{
    margin: auto;
    width: auto !important;
}
.start-right-navpic .s-items.s-small > ul {
    white-space: nowrap;
    text-align: center;
}
.start-right {
    padding-left: 250px;
    /*padding-top: 70px;*/
}
.start-right .s-items {
    margin: 0;
}
.start-right-navpic {
    padding: 30px 50px;
}

.start-item {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 230px;
    box-shadow: 1px 1px 9px 0 rgba(172, 172, 172, 0.50);
    transition: all .2s;
}
.start-item:hover {
    transform: scale(1.1);
}
.start-item > a {
    display: block;
}
.start-item > a > img{
    width: 100%;
}
.start-item-title{
    padding: 5px 10px;
    font-size: 14px;
    color: #666666;
}
.start-item-option {
    padding: 5px 10px;
    font-size: 14px;
    color: #666666;
}
.start-item-option > a {
    color: #666666;
    float: right;
}
.start-item-option > a:hover {
    color: #0057ff;
}
.start-fav {
    margin-right: 20px;
}
.start-right #masonry {
    padding-top: 30px;
    border-top: 1px solid #EBEBEB;;
    width: 1082px;
    margin: auto;
}
.start-item-paging {
    width: 542px;
    margin: auto;

}
.start-right-table {
    background: white;
    border-radius: 4px;
    margin: 60px;
    padding: 0 36px;
    box-shadow: 2px 0px 3px 0px rgba(210, 210, 210, 0.58), -2px 0px 3px 0px rgba(210, 210, 210, 0.5);
    min-height: 700px;
    overflow: auto;
    margin-top: 0;
}
.start-right-table p {
    font-size: 18px;
    color: rgba(68, 68, 68, 1);
    padding-bottom: 26px;
    padding-top: 70px;
}

.start-right-table .my-title {
    display:flex;
    justify-content:space-between;
    align-items: center;
    padding-bottom: 26px;
    padding-top: 70px;
    text-align: center;
}

.start-right-table .my-title .my-vip,.start-right-table .my-title .recharge-record {
    padding:0;
    font-size: 18px;
    color: rgba(68, 68, 68, 1);
    vertical-align: middle;
    display: inline-block;
}

.start-right-table .my-title .my-invoice,.head-side span:last-child{
    display:inline;
    vertical-align: center;
    cursor: pointer;
    font-size: 14px;
    color: rgba(23, 23, 24, 0.6);
    border:1px solid #DFE0E3;
    padding: 8px 11px;
    border-radius: 4px;
}

.start-right-table .my-title .my-invoice:hover{
    border:1px solid #0057FF;
    color: #0057FF;
}

.start-right-table table {
    width: 100%;
}
.start-right-table table thead tr {
    height: 58px;
    background: rgba(232, 232, 232, 1);
    color: #666666;
}
.start-right-table table tbody tr {
    height: 58px;
}
.start-right-table table tbody tr td {
    text-align: center;
    color: #666666;
}
/*寮€鍚璁�(鏂�)end*/
/*璇︾粏淇℃伅start*/
.detail {
    width: 1200px;
    margin: auto;
    margin-top: 70px;
}
.dtl-breadcrumb {
    color: rgb(173, 173, 173);
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 20px;

}
.dtl-breadcrumb > a{
    color: rgb(173, 173, 173);
}
.dtl-breadcrumb > a:hover {
    color: #0057ff;
}
.dtl-show:after {
    display: table;
    content: " ";
    clear: both;
}
.dtl-show > div {
    float: left;
}
.dtl-left {
    width: 820px;
    background: white;
    padding: 0 30px;
    box-shadow: 0px 2px 4px rgba(152, 152, 152, 0.15);
}
.dtl-left-title {
    position: relative;
}
.dtl-left-title h1 {
    padding-right: 80px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #666666;
    font-size: 21px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.dtl-left-title span {
    position: absolute;
    top: 16px;
    right: 20px;
    padding: 4px 10px;
    background: #0057ff;
    border-radius: 15px;
    color: white;
}
.dtl-left-pic img {
    width: 100%;
}
.dtl-left-desc {
    color: rgb(173, 173, 173);
    font-size: 13px;
}
.dtl-left-desc > a {
    color: #666666;
}
.dtl-right {
    float: right!important;
    width: 326px;
}
.dtl-right-option {
    padding: 22px 22px 5px;
    background: white;
    box-shadow: 0px 2px 4px rgba(152, 152, 152, 0.15);
    margin-bottom: 20px;
}
.dtl-right-option a{
    display: block;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: white;
    border-radius: 4px;
}
.dtl-right-option a.dtl-start {
    background: #0057ff;
    margin-bottom: 25px;
}
.dtl-right-option a.dtl-fav{
    color: #0057ff;;
    border: 1px solid #0057ff;
    margin-bottom: 5px;
}
.dtl-right-option a.dtl-fav:hover {
    background: #0057ff;
    color: white;
}
.dtl-right-option a .iconfont {
    margin-right: 10px;
    font-size: 20px;
}
.dtl-right-params {
    padding: 22px 22px 5px;
    background: white;
    box-shadow: 0px 2px 4px rgba(152, 152, 152, 0.15);
    margin-bottom: 20px;
}
.dtl-right-params > p {
    font-size: 16px;
    line-height: 40px;
    color: #999999;
}
.dtl-right-params > p:first-child {
    color: #666666;
}
.dtl-right-works {
    padding: 22px 22px 20px;
    background: white;
    box-shadow: 0px 2px 4px rgba(152, 152, 152, 0.15);
    margin-bottom: 20px;
}
.dtl-right-works > p {
    color: #666666;
    margin-bottom: 20px;
}
.dtl-right-works > ul:after {
    content: " ";
    display: table;
    clear: both;
}
.dtl-right-works > ul > li {
    width: 88px;
    height: 134px;
    float: left;
    margin-right: 6px;
}
.dtl-right-works > ul > li > a {
    display: block;
    height: 100%;
}
.dtl-right-works > ul > li > a > img {
    width: 100%;
    height: 100%;
}
.dtl-right-search {
    padding: 22px 22px 20px;
    background: white;
    box-shadow: 0px 2px 4px rgba(152, 152, 152, 0.15);
    margin-bottom: 20px;
}
.dtl-right-search > p {
    color: #666666;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F0F0F0;
}
.dtl-right-search > ul:after {
    content: " ";
    display: table;
    clear: both;
}
.dtl-right-search > ul > li{
    float: left;
}
.dtl-right-search > ul > li > a {
    color: #666666;
    margin-right: 20px;
}
.dtl-guess {
    padding-top: 40px;
}
.dtl-guess > p {
    color: #666666;
    font-size: 18px;
}
.dtl-guess-item {
    position: relative;
    overflow: hidden;
    margin-right: 30px;
    float: left;
    width: 260px;
    height: 390px;
    background: url(//js.tusij.com/index_img/asset/img-bg.png);
    margin-bottom: 34px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.dtl-guess-item:hover .dtl-guess-item-hover{
    bottom: 0;
}
.dtl-guess-item > a {
    display: inline-block;
    height: 100%;
    width: 100%;

}
.dtl-guess-item > a > img {
    height: 100%;
    width: 100%;
}
.dtl-guess-item-hover {
    position: absolute;
    width: 100%;
    bottom: -72px;
    left: 0;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.3);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.dtl-guess-item-hover > p {
    padding-top: 10px;
    color: white;
    text-align: center;
}
.dtl-guess-item-hover > div {
    width: 191px;
    margin: auto;
}
.dtl-guess-item-hover > div > a {
    display: block;
    height: 40px;
    width: 100%;
    text-align: center;
    color: white;
    background: #0057ff;
    line-height: 40px;
    border-radius: 5px;
    margin: 20px 0;
}

.dtl-guess-item-hover > div > a .iconfont {
    margin-right: 10px;
}
/*璇︾粏淇℃伅end*/

/*浜岀淮鐮侀〉闈tart*/
.qrcode {
    position: relative;
    width: 1200px;
    margin: auto;
    margin-top: 100px;
}
.qrcode-left {
    float: left;
    width: 600px;
}
.qrcode-type {
    height: 55px;
    background: white;
    border-bottom: 1px solid #E2E2E2;
}
.qrcode-type ul:after {
    content: " ";
    display: table;
    clear: both;
}
.qrcode-type ul li {
    float: left;
    width: 80px;
    padding: 15px 0;
    cursor: pointer;
    margin-right: 10px;
    color: #666666;
    font-size: 16px;
    border-bottom: 2px solid white;
    text-align: center;
}
.qrcode-type ul li:hover, .qrcode-type ul li.active{
    color: #0057ff;
    border-bottom: 2px solid #0057ff;
}
.qrcode-content {
    display: none;
}
#qrcodeContent1 {
    display: block;
    padding-top: 80px;
}
#qrcodeContent1 input {
    width: 100%;
    height: 60px;
    border: 1px solid #FAFAFA;
    box-shadow: 2px 4px 6px rgba(204, 204, 204, 0.6);
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    color: #757575;
    line-height: 60px;
    text-indent: 15px;
    outline: none;
}
#qrcodeContent2 {
    padding-top: 20px;
}
#qrcodeContent2 textarea{
    height: 164px;
    line-height: 20px;
    padding: 15px 15px;
    text-indent: 0;
    width: 100%;
    resize: none;
    box-shadow: 2px 4px 6px rgba(204, 204, 204, 0.6);
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    color: #757575;
    outline: none;
    border: 1px solid #FAFAFA;
}
#qrcodeContent3 {
    font-size: 0;
    padding-top: 20px;
}
#qrcodeContent3:after {
    content: " ";
    display: table;
    clear: both;
}
.qrcode-item-half {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
#qrcodeContent3 .qrcode-item-half label {
    font-size: 16px;
    display: inline-block;
    width: 30%;
    color: #666666;
    text-align: right;
    padding-right: 5px;
}
#qrcodeContent3 .qrcode-item-half input {
    width: 70%;
    height: 30px;
    border: 1px solid #FAFAFA;
    box-shadow: 2px 4px 6px rgba(204, 204, 204, 0.6);
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    color: #757575;
    line-height: 60px;
    text-indent: 15px;
    outline: none;
}
.qrcode-item {
    margin-bottom: 20px;
}
#qrcodeContent3 .qrcode-item label{
    font-size: 16px;
    display: inline-block;
    width: 15%;
    color: #666666;
    text-align: right;
    padding-right: 5px;
}
#qrcodeContent3 .qrcode-item input{
    width: 85%;
    height: 30px;
    border: 1px solid #FAFAFA;
    box-shadow: 2px 4px 6px rgba(204, 204, 204, 0.6);
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    color: #757575;
    line-height: 60px;
    text-indent: 15px;
    outline: none;
}
#qrcodeContent4 {
    padding-top: 80px;
}
#qrcodeContent4 input {
    width: 100%;
    height: 60px;
    border: 1px solid #FAFAFA;
    box-shadow: 2px 4px 6px rgba(204, 204, 204, 0.6);
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    color: #757575;
    line-height: 60px;
    text-indent: 15px;
    outline: none;
}
#qrcodeContent6 {
    padding-top: 20px;
}
#qrcodeContent6 .qrcode-upload-parse, #qrcodeContent6 .qrcode-url-parse{
    height: 150px;
    background: white;
    padding-top: 40px;
    cursor: pointer;
    margin-right: 20px;
    box-shadow: 0 2px 6px #CCCCCC;
}
#qrcodeContent6 .qrcode-upload-parse:hover p,#qrcodeContent6 .qrcode-url-parse:hover p{
    color: #0057ff;
}
#qrcodeContent6 .qrcode-upload-parse p,#qrcodeContent6 .qrcode-url-parse p{
    color: #ABABAB;
    text-align: center;
}
#qrcodeContent6 .qrcode-upload-parse p:first-child span,#qrcodeContent6 .qrcode-url-parse p:first-child span {
    font-size: 43px;
}
#qrcodeContent6 .qrcode-upload-parse input {
    display: none;
}
#qrcodeContent6 .qrcode-url-parse {
    margin-left: 20px;
    margin-right: 0;
    padding: 0 15px;
    padding-top: 40px;
}
#qrcodeContent6 .qrcode-url-parse > div {
    display: none;
    position: relative;
}
#qrcodeContent6 .qrcode-url-parse > div > input {
    width: 100%;
    height: 27px;
    border-radius: 14px;
    border: 1px solid #E2E2E2;
    outline: none;
    padding-left: 10px;
    padding-right: 50px;
}
#qrcodeContent6 .qrcode-url-parse > div > a {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 50px;
    height: 100%;
    background: #0057ff;
    color: white;
    line-height: 27px;
    text-align: center;
    border-radius: 14px;
}
#qrcodeContent6 .qrcode-result-text {
    text-align: center;
    color: #666666;
}
#qrcodeContent6 .qrcode-result textarea {
    width: 100%;
    background: #FFFFFF;
    height: 250px;
    resize: none;
    box-sizing: border-box;
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
    color: #757575;
    box-shadow: 0 2px 6px #CCCCCC;
    outline: none;
    border: 1px solid #E2E2E2;
}
.qrcode-make {
    margin-top: 50px;
    text-align: center;
}
.qrcode-make a {
    padding: 10px 50px;
    border-radius: 21px;
}
.qrcode-right {
    float: right;
    width: 544px;
    background: white;
    padding: 32px 36px 13px;
}
.qrcode-img-wrap {
    height: 220px;
}
.qrcode-img-wrap:after {
    content: " ";
    display: table;
    clear: both;
}
.qrcode-img-wrap > div {
    float: left;
    width: 50%;
    height: 100%;
}
.qrcode-img-wrap .qrcode-img > img {
    width: 100%;
    height: 100%;
    border: 1px solid #BEBEBE;
    background-color: rgb(255, 255, 255);
    box-shadow: 1px 2px 4px rgba(153, 153, 153, 0.6);
}
.qrcode-btns {
    padding-top: 50px;
    padding-left: 20px;
}
.qrcode-btns > a{
    display: block;
    height: 44px;
    line-height: 44px;
    background: #0057ff;
    color: #FFFFFF;
    margin-bottom: 24px;
    box-shadow: 2px 2px 4px rgba(204, 204, 204, 0.8);
    transition: all 0.2s;
    text-align: center;
    font-size: 16px;
    border-radius: 22px;
}
.qrcode-btns > a.qrcode-design {
    border: 1px solid #0057ff;
    color: #0057ff;
    background: rgba(0,87,255,.2);
}
.qrcode-choice-tab {
    height: 41px;
}
.qrcode-choice-tab ul{
    height: 100%;
}
.qrcode-choice-tab ul:after {
    content: " ";
    display: table;
    clear: both;
}
.qrcode-choice-tab ul li {
    float: left;
    /*width: 33%;*/
    height: 100%;
    cursor: pointer;
    line-height: 39px;
    color: #666666;
    padding: 0 20px;
    margin: 0 27px;
    text-align: center;
}
.qrcode-choice-tab ul li:hover, .qrcode-choice-tab ul li.active{
    color: #0057ff;
    border-bottom: 2px solid #0057ff;
}
.qrcode-choice-item {
    display: none;
}
#qrcodeChoiceItem1 {
    display: block;
}
#qrcodeChoiceItem1 > p {
    padding-top: 20px;
    color: #b6b6b6;
    font-size: 14px;
}
#qrcodeChoiceItem1 .qrcode-color {
    margin-top: 20px;
}
#qrcodeChoiceItem1 .qrcode-color:after {
    content: " ";
    display: table;
    clear: both;
}
#qrcodeChoiceItem1 .qrcode-color-item {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
    float: left;
    margin-right: 10px;
}
#qrcodeChoiceItem1 .qrcode-color-item.more-color{
    background: url(//s.tusij.com/index_img/editorV6.0/colorMore.png) no-repeat center;
    background-size: 100% 100%;
    border-radius: 4px;
}
#qrcodeChoiceItem1 .qrcode-color-item.more-graphics {
    position: relative;
    width: 115px;
    color: #666666;
    text-align: center;
    box-shadow: none;
}
#qrcodeChoiceItem1 .qrcode-color-item.more-graphics > img {
    display: inline-block;
    float: left;
    background: white;
    width: 28px;
    height: 28px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
    margin-right: 5px;
}
#qrcodeChoiceItem1 .qrcode-color-item.more-graphics > span {
    float: left;
    line-height: 28px;
    font-size: 14px;
    background: #FAFAFA;
    padding:0 11px;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
}
#qrcodeChoiceItem1 .qrcode-more-graphics {
    display: none;
    position: absolute;
    width: 268px;
    top: -1px;
    right: -276px;
    border: 1px solid #E2E2E2;
    background: #FAFAFA;
    border-radius: 4px;
    cursor: pointer;
    padding-top: 9px;
}
#qrcodeChoiceItem1 .qrcode-more-graphics img {
    width: 34px;
    height: 34px;
    float: left;
    margin: 0px 0px 8px 9px;
    border-radius: 2px;
}
#qrcodeChoiceItem2 .qrcode-logo-content{
    padding-top: 20px;
}
#qrcodeChoiceItem2 .qrcode-logo-content:after {
    content: " ";
    display: table;
    clear: both;
}
#qrcodeChoiceItem2 .qrcode-logo-item {
    display: block;
    width: 68px;
    height: 68px;
    float: left;
    border: 1px solid #D8D8D8;
    background-color: rgb(255, 255, 255);
    box-shadow: 1px 2px 4px rgba(153, 153, 153, 0.6);
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}
#qrcodeChoiceItem2 .qrcode-logo-item i {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: 11.5px;
}
#qrcodeChoiceItem2 .qrcode-logo-item.active {
    border: 1px solid #FEC5B2;
    box-shadow: 1px 2px 4px rgba(255, 102, 52, 0.6);
}

#qrcodeChoiceItem2 .qrcode-logo-item.active:after{
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
    background: url(//js.tusij.com/custom/img/qrcode/duihao.png) no-repeat 4px 4px;
}
#qrcodeChoiceItem2 .qrcode-logo-item.logo-none i {
    background: url(//s.tusij.com/index_img/editorV6.0/QRlogoList.png) no-repeat -2px -443px;
}
#qrcodeChoiceItem2 .qrcode-logo-item.logo-wx i {
    background: url(//s.tusij.com/index_img/editorV6.0/QRlogoList.png) no-repeat 0 -0;
}
#qrcodeChoiceItem2 .qrcode-logo-item.logo-lt i {
    background: url(//s.tusij.com/index_img/editorV6.0/QRlogoList.png) no-repeat 0 -42px;
}
#qrcodeChoiceItem2 .qrcode-logo-item.logo-qq i {
    background: url(//s.tusij.com/index_img/editorV6.0/QRlogoList.png) no-repeat 0 -87px;
}
#qrcodeChoiceItem2 .qrcode-logo-item.logo-zf i {
    background: url(//s.tusij.com/index_img/editorV6.0/QRlogoList.png) no-repeat 0 -131px;
}
#qrcodeChoiceItem2 .qrcode-logo-item.logo-wb i {
    background: url(//s.tusij.com/index_img/editorV6.0/QRlogoList.png) no-repeat 0 -176px;
}
#qrcodeChoiceItem2 .qrcode-logo-item.logo-zw i {
    background: url(//s.tusij.com/index_img/editorV6.0/QRlogoList.png) no-repeat 0 -219px;
}
#qrcodeChoiceItem2 .qrcode-logo-item.logo-lx i {
    background: url(//s.tusij.com/index_img/editorV6.0/QRlogoList.png) no-repeat 0 -263px;
}
#qrcodeChoiceItem2 .qrcode-logo-item.logo-zp i {
    background: url(//s.tusij.com/index_img/editorV6.0/QRlogoList.png) no-repeat 0 -307px;
}
#qrcodeChoiceItem2 .qrcode-logo-item.logo-zy i {
    background: url(//s.tusij.com/index_img/editorV6.0/QRlogoList.png) no-repeat 0 -351px;
}
#qrcodeChoiceItem2 .qrcode-logo-item.logo-lj i {
    background: url(//s.tusij.com/index_img/editorV6.0/QRlogoList.png) no-repeat 0 -395px;
}
#qrcodeChoiceItem2 .qrcode-logo-item.logo-up i {
    background: url(//s.tusij.com/index_img/editorV6.0/QRlogoList.png) no-repeat 0 -488px;
    margin: 14.5px 10px;
    width: 50px;
    height: 39px;
}
#qrcodeChoiceItem2 .qrcode-logo-mine > p {
    color: #666666;
}
#qrcodeChoiceItem2 .qrcode-logo-mine > input {
    display: none;
}
/*浜岀淮鐮侀〉闈nd*/

/*鍏充簬鎴戜滑start*/
.company-info {
    margin-top: 70px;
}
.com-content {
    width: 1200px;
    margin: auto;
    padding-top: 20px;
}
.com-content:after {
    display: table;
    content: " ";
    clear: both;
}
.com-nav {
    float: left;
    width: 180px;
    height: auto;
    padding: 10px 0px;
    background: #ffffff;
    border: 1px solid #E7E8EC;
}
.com-des{
    float: right;
    width: 1000px;
    height: auto;
    border: 1px solid #E7E8EC;
    background: #ffffff;
    padding: 30px 30px 35px;
}
.com-nav p {
    display: block;
    width: 100%;
    height: 30px;
    padding-left: 24px;
    border-left: 4px solid transparent;
    text-align: left;
    line-height: 30px;
    font-size: 14px;
    color: #3A3A43;
    border-left: 4px solid #0057ff;
}
.com-about-us {
    min-height: 750px;
}
.com-about-us > button {
    background: #0057ff;
    color: white;
    padding: 4px 10px;
    border-radius: 4px;
}

.com-about-us h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #232328;
    text-align: left;
}
.com-about-us p {
    display: block;
    font-size: 14px;
    color: #3A3A43;
    line-height: 23px;
}
.com-about-us p.last {
    margin-bottom: 25px;
}
.com-about-us .qr-code-service{
    width:150px;
    height:150px;
}
/*鍏充簬鎴戜滑end*/
/*娴忚鍣ㄥお鑰佹彁绀簊tart*/
.modal-browser-old {
    left: 50%;
    top: 5%;
    transform: translate(-50%,0);
    width: 1143px;
    height: 782px;
    background:rgba(255,255,255,1);
    box-shadow:0px 3px 10px 4px rgba(0,87,255,0.1);
    border-radius:4px;
    text-align: center;
}
.modal-browser-old .mbo-close {
    position: absolute;
    right: -41px;
    top: -6px;
    color: white;
}
.modal-browser-old .mbo-close > span{
    font-size: 36px;
}
.modal-browser-old h1 {
    font-size: 24px;
    color: #404040;
    padding-top: 18px;
    text-align: center;
}
.mbo-subtitle {
    color: #666666;
    font-size: 18px;
    width: 798px;
    margin: auto;
    padding-top: 10px;
}
.mbo-container {
    width: 798px;
    margin: auto;
    padding-top: 10px;
}
.mbo-container:after {
    content: " ";
    display: table;
    clear: both;
}
.mbo-item {
    float: left;
    width: 50%;
}
.mbo-item img{
    display: block;
    width: 105px;
    height: 108px;
    margin: auto;
}
.mbo-item p {
    padding-top: 5px;
    text-align: center;
    color: #666666;
    font-size: 18px;
}
.mbo-item > div{
    width: 243px;
    margin: auto;
    padding-top: 20px;
}
.mbo-item > div > a {
    display: block;
    font-size: 20px;
    background: #0057ff;
    color: white;
    padding: 10px 30px;
    border-radius: 27px;
    margin-bottom: 26px
}
.mbo-item > div > a:last-child {
    letter-spacing: 7px;
}
.mbo-adv {
    position: relative;
    width: 991px;
    height: 291px;
    margin: auto;
    margin-top: 10px;
    background: url("//js.tusij.com/custom/img/common/browser_adv.png") center no-repeat;
    background-size: cover;
}
.mbo-adv > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.mbo-adv p:first-child {
    padding-top: 100px;
    font-size: 40px;
    text-align: center;
    color: white;
    font-weight: bold;
}
.mbo-adv p:last-child {
    padding-top: 10px;
    font-size: 20px;
    text-align: center;
    color: white;
}
body .message {
    top:70px;
}
body .message.new{
    top:0;
    height:38px;
    padding:0;
}
body .message.new a{
    display:flex;
    justify-content: center;
    align-items: center;
    height:100%;
    width:100%;
}
/*娴忚鍣ㄥお鑰佹彁绀篹nd*/

/*浼氬憳vip濂楅start*/
.rc-btn {
    color: #1C1D21;
    border-radius: 25px;
    padding: 14px 60px;
    background: -webkit-linear-gradient(90deg,rgba(247,219,167,1) 0%,rgba(233,190,110,1) 100%); /* Safari 5.1 - 6 */
    background: -o-linear-gradient(90deg,rgba(247,219,167,1) 0%,rgba(233,190,110,1) 100%); /* Opera 11.1 - 12*/
    background: -moz-linear-gradient(90deg,rgba(247,219,167,1) 0%,rgba(233,190,110,1) 100%); /* Firefox 3.6 - 15*/
    background: linear-gradient(90deg,rgba(247,219,167,1) 0%,rgba(233,190,110,1) 100%); /* 鏍囧噯鐨勮娉� */
}
.rc-btn:hover {
    background: -webkit-linear-gradient(90deg,rgba(247,219,167,0.8) 0%,rgba(233,190,110,0.8) 100%); /* Safari 5.1 - 6 */
    background: -o-linear-gradient(90deg,rgba(247,219,167,0.8) 0%,rgba(233,190,110,0.8) 100%); /* Opera 11.1 - 12*/
    background: -moz-linear-gradient(90deg,rgba(247,219,167,0.8) 0%,rgba(233,190,110,0.8) 100%); /* Firefox 3.6 - 15*/
    background: linear-gradient(90deg,rgba(247,219,167,0.8) 0%,rgba(233,190,110,0.8) 100%); /* 鏍囧噯鐨勮娉� */
}
.rc-items {
    padding: 51px 0;
    width: 1180px;
    margin: auto;
}
.rc-items ul {

}
.rc-items ul:after {
    clear:both;
    content: " ";
    display: table;
}
.rc-items li {
    float: left;

}
.rc-items li.rc-item {
    position: relative;
    width: 240px;
    height: 577px;

    border-radius:4px;
    border:1px solid rgba(225,227,231,1);
    border-top: 6px solid #171717;
    background:rgba(255,255,255,1);
    margin-right: 25px;
}
.rc-items li.rc-item:hover {
    box-shadow:0px 2px 13px 0px rgba(0,56,255,0.26);
}
.rc-items li.rc-item.rc-free {
    border-top: 6px solid #171717;
    border-radius: 0 4px 4px 0;
    border-left: 0;
}
.rc-items li.rc-item:not(.rc-free) {
    border-top: 6px solid #F7DBA7;
}

.rc-items li.rc-item:last-child {
    margin-right: 0;
}
.rc-items li.rc-item.rc-float {
    width: 143px;
    border: 0;
    box-shadow:0 0 0 0 ;
    background: white;
    margin-right: 0;
    border: 1px solid rgba(225,227,231,1);
    border-top: 6px solid #171717;
    border-right: 0;
    border-radius: 4px 0 0 4px;
}
.rc-items li.rc-item.rc-float > div {
    height: 100%;
    border-right: 1px solid rgba(225,227,231,1);
}
.rc-items li.rc-item.rc-gold:after {
    /*position: absolute;
content: " ";
right: 26px;
top: 0;
width: 31px;
height: 59px;
background: url(//js.tusij.com/custom/img/recharge/recommend.png) center no-repeat;
background-size: cover;*/
}
.rc-items li.rc-item.rc-black:after{
    position: absolute;
    content: " ";
    right: 21px;
    top: 0;
    width: 31px;
    height: 59px;
    background: url(//js.tusij.com/custom/img/recharge/recommend.png) center no-repeat;
    background-size: cover;
}
.rc-items li.rc-item.rc-permanent:after{
    position: absolute;
    content: " ";
    right: 21px;
    top: 0;
    width: 31px;
    height: 59px;
    background: url(//js.tusij.com/custom/img/recharge/limited.png) center no-repeat;
    background-size: cover;
}
.rc-items li.rc-item.rc-permanent .rc-item-title{
    font-weight: bold;
}
.rc-item-float {
    margin-top: 158px;
}
.rc-item-title {
    color: #1C1D21;
    font-size: 24px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 23px;
}
.rc-item-subtitle {
    position: absolute;
    left: 0;
    top: 48px;
    width: 100%;
    color: #171717;
    font-size: 14px;
    text-align: center;
}
.rc-item-line {
    background: #D6D6D6;
    width: 20px;
    height: 2px;
    margin: 14px auto;
}
.rc-item-price {
    text-align: center;
    font-size: 18px;
    color: #1C1D21;
}
.rc-item-price > .rc-item-num {
    font-size: 50px;
    color: #1C1D21;
    padding: 0 10px;

}
.rc-item-price > span {
    /*vertical-align: middle;*/
    font-weight: bold;
}
.rc-item-desc {
    position: relative;
    color: #848895;
    font-size: 16px;
    text-align: center;
    padding-bottom: 32px;
}
.rc-item-desc > span {
    padding-top: 30px;
    display: inline-block;
}
.rc-item-joinus {
    /*position: absolute;
bottom: 37px;
left: 0;*/
    width: 100%;
    text-align: center;
    padding-top: 18px;
}
.rc-item-joinus > a.rc-btn {
    padding: 11px 64px;
    font-size: 18px;

}
.rc-item-auth {
    text-align: center;
    height: 55px;
    color: #1C1D21;
}
.rc-float .rc-item-auth {
    text-align: center;
}
.rc-item-right {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url("//js.tusij.com/custom/img/recharge/right.png") center no-repeat;
    background-size: cover;
}

.rc-item-false {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url("//js.tusij.com/custom/img/recharge/false.png") center no-repeat;
    background-size: cover;
}
.rc-item-dayprice {
    text-align: center;
    font-size: 14px;
    color: white;
}
.rcq-btn {
    display: inline-block;
    width: 215px;
    height: 51px;
    text-align: center;
    line-height: 51px;
    font-size: 24px;
    color: #110C0A;
    background:rgba(243,209,191,1) ;
    background:linear-gradient(-90deg,rgba(178,137,111,1),rgba(243,209,191,1));
    border-radius:26px;
}
.rcq-item-title {
    position: absolute;
    left: 0;
    width: 100%;
    top: 8px;
    padding: 0 62px;
}
.rcq-item-title span {
    color: #171717;
    font-size: 20px;
}
.rcq-item-title span:first-child {
    float: left;
}
.rcq-item-title span:last-child {
    float: right;
}
.rc-items.rcq-items {
    text-align: center;
    padding-top: 86px;
    padding-bottom: 0;
    width: 950px;
}
.rc-items.rcq-items ul {
    display: inline-block;
}
.rc-items.rcq-items li.rc-item:before {
    position: absolute;
    left: 0;
    top: -24px;
    content: " ";
    width: 100%;
    height: 74px;
    background: url(//js.tusij.com/custom/img/recharge/rcq_head.png) center no-repeat;
    background-size: cover;
}
.rc-items.rcq-items li.rc-item {
    width: 300px;
    height: 690px;
    background: #1F1E24;
    border-bottom: 1px solid #1F1E24;
    border-left: 1px solid #1F1E24;
    border-right: 1px solid #1F1E24;
    transition: all .2s;
    top: 0;
    border:0;
}
.rc-items.rcq-items li.rc-item.active, .rc-items.rcq-items li.rc-item:hover{
    /*height: 528px;*/
    transform: scale(1.11);
    -webkit-transform:scale(1.11);
    -moz-transform:scale(1.11);
    -ms-transform:scale(1.11);
    border-bottom: 1px solid #F7DBA7;
    border-left: 1px solid #F7DBA7;
    border-right: 1px solid #F7DBA7;
    /*top: -26px;*/
}
.rc-items.rcq-items .rc-item-level {
    width: 59px;
    height: 20px;

    background-size: contain;
    margin: auto;
}
.rc-items.rcq-items .rc-item-line {
    width: 49px;
    margin-bottom: 21px;
}
.rc-items.rcq-items .rc-sliver .rc-item-level {
    background: url(//js.tusij.com/custom/img/common/vip_sliver2.svg) center no-repeat;
}
.rc-items.rcq-items .rc-gold .rc-item-level {
    background: url(//js.tusij.com/custom/img/common/vip_gold2.svg) center no-repeat;
}
.rc-items.rcq-items .rc-black .rc-item-level {
    background: url(//js.tusij.com/custom/img/common/vip_black2.svg) center no-repeat;
}
.rc-items.rcq-items .rc-permanent .rc-item-level {
    background: url(//js.tusij.com/custom/img/common/vip_permanent.svg) center no-repeat;
}
.rc-items.rcq-items .rc-item-title {
    padding-bottom: 7px;
    paading-top: 20px;
    color: white;
}
.rc-items.rcq-items .rc-item-price {
    color: white;
    padding: 66px 0 0 0;
}
.rc-items.rcq-items  .rc-item-price > .rc-item-num {
    color: white;
}
.rc-items.rcq-items .rc-item-desc {
    padding-bottom: 0px;
}
.rc-items.rcq-items .rc-item-desc > span {
    font-size: 18px;
    color: #FFDFA4;
    padding-top: 25px;
}
.rc-items.rcq-items .rc-item-joinus {
    padding: 29px 0 37px 0;
}
.rc-items.rcq-items .rc-item-auth {
    color: #F0CEBB;
    height: 20px;
    font-size: 20px;
    padding-bottom: 32px;
    box-sizing: content-box;
}
.rc-items.rcq-items .rc-item-auth.rcq-item-auth-gray {
    height: 14px;
}
.rc-items.rcq-items .rc-item-auth.rcq-item-auth-gray > a{
    color: #FFFFFF;
    font-size: 14px;
}
.rc-items.rcq-items .rc-item-auth.rcq-item-auth-sub {
    font-size: 18px;
    height:18px;
}
.rc-items.rcq-items li.rc-item.rc-black:after {
    position: absolute;
    content: " ";
    right: 21px;
    top: 0;
    width: 32px;
    height: 61px;
    background: url(//js.tusij.com/custom/img/recharge/recommend2.svg) center no-repeat;
    background-size: cover;
}
.rc-items.rcq-items li.rc-item.rc-permanent:after {
    position: absolute;
    content: " ";
    right: 21px;
    top: 0;
    width: 32px;
    height: 61px;
    background: url(//js.tusij.com/custom/img/recharge/limited2.svg) center no-repeat;;
    background-size: cover;
}
.rcq-item-icon {
    position: absolute;
    right: -26px;
    top: 40px;
    color: #ECCAB7;
    font-size: 105px;
}
.rcq-item-icon > span {
    font-size: 14px;
    position: absolute;
    left: 45px;
    top: 4px;
    line-height: 15px;
    color: #1C1411;
}
.rc-items.rc-items-new {
    text-align: center;
    padding-top: 7px;
    padding-bottom: 0;
    width: 1200px;
}
.rc-items.rc-items-new ul {
    display: inline-block;
}

.rc-items.rc-items-new li.rc-item {
    height: 494px;
    width: 240px;
    background: #3A3A3A;
    border-bottom: 1px solid #3A3A3A;
    border-left: 1px solid #3A3A3A;
    border-right: 1px solid #3A3A3A;
    transition: all .2s;
    top: 0;
    margin-right: 51px;
}
.rc-items.rc-items-new li.rc-item.active, .rc-items.rc-items-new li.rc-item:hover{
    /*height: 528px;*/
    transform: scale(1.10);
    -webkit-transform:scale(1.10);
    -moz-transform:scale(1.10);
    -ms-transform:scale(1.10);
    border-bottom: 1px solid #F7DBA7;
    border-left: 1px solid #F7DBA7;
    border-right: 1px solid #F7DBA7;
    /*top: -26px;*/
}
.rc-items.rc-items-new .rc-item-title2 {
    font-size: 14px;
    padding-top: 6px;
    color: #F5D79F;
}
.rc-items.rc-items-new .rc-item-level {


    background-size: contain;
    margin: auto;
}
.rc-items.rc-items-new .rc-item-level > span {
    display: inline-block;
    width: 59px;
    height: 20px;
    margin-right: 18px;
    background: url(//js.tusij.com/custom/img/common/vip_permanent.svg) center no-repeat;
}
.rc-items.rc-items-new .rc-item-level > span:nth-child(2) {
    background: url(//js.tusij.com/custom/img/common/vip_permanent.svg) center no-repeat;
}
.rc-items.rc-items-new .rc-item-level > span:nth-child(3) {
    margin-right: 0;
    background: url(//js.tusij.com/custom/img/common/vip_permanent.svg) center no-repeat;
}
.rc-items.rc-items-new .rc-sliver .rc-item-level {
    background: url(//js.tusij.com/custom/img/common/vip_sliver2.svg) center no-repeat;
}
.rc-items.rc-items-new .rc-gold .rc-item-level {
    background: url(//js.tusij.com/custom/img/common/vip_gold2.svg) center no-repeat;
}
.rc-items.rc-items-new .rc-black .rc-item-level {
    background: url(//js.tusij.com/custom/img/common/vip_black2.svg) center no-repeat;
}
.rc-items.rc-items-new .rc-permanent .rc-item-level {
    background: url(//js.tusij.com/custom/img/common/vip_permanent.svg) center no-repeat;
}


.rc-items.rc-items-new .rc-item-title {
    padding-bottom: 7px;
    paading-top: 20px;
    color: white;
}
.rc-items.rc-items-new .rc-item-price {
    color: white;
}
.rc-items.rc-items-new  .rc-item-price > .rc-item-num {
    color: white;
}
.rc-items.rc-items-new .rc-item-desc {
    padding-bottom: 0px;
}
.rc-items.rc-items-new .rc-item-desc > span {
    font-size: 18px;
    color: #FFDFA4;
    padding-top: 33px;
}
.rc-items.rc-items-new .rc-item-auth {
    color: white;
    height: 36px;
    font-size: 14px;
}
.rc-items.rc-items-new li.rc-item.rc-black:after {
    display: none;
    position: absolute;
    content: " ";
    right: 21px;
    top: 0;
    width: 32px;
    height: 61px;
    background: url(//js.tusij.com/custom/img/recharge/recommend2.svg) center no-repeat;
    background-size: cover;
}
.rc-items.rc-items-new li.rc-item.rc-permanent:after {
    display: none;
    position: absolute;
    content: " ";
    right: 21px;
    top: 0;
    width: 32px;
    height: 61px;
    background: url(//js.tusij.com/custom/img/recharge/limited2.svg) center no-repeat;;
    background-size: cover;
}
.rc-items.rc-items-new li.rc-item.rc-all-permanent:after {
    position: absolute;
    content: " ";
    right: 21px;
    top: 0;
    width: 32px;
    height: 61px;
    background: url(//js.tusij.com/custom/img/recharge/recommend2.svg) center no-repeat;;
    background-size: cover;
}
.rc-items.rc-items-new li.rc-item .rc-item-other {
    color: #F5D79F;
    font-size: 14px;
}
.rcn-new .rc-items.rc-items-new li.rc-item {
    height: auto;
    padding-bottom: 19px;
}
.rcn-new .rc-items.rc-items-new li.rc-item.rc-permanent:before {
    content: attr(data-notice);
    position: absolute;
    left: 0;
    top: -20px;
    width: 72px;
    height: 35px;
    border-radius: 15px 0 15px 0;
    background: #FE3800;
    color: white;
    line-height: 35px;
    font-size: 14px;
}
.rcn-new .rc-items.rc-items-new li.rc-item.rc-gold:before {
    content: attr(data-notice);
    position: absolute;
    left: -1px;
    top: -20px;
    width: auto;
    /*padding: 0 10px;*/
    height: 35px;
    border-radius: 15px 0 15px 0;
    background: #FE3800;
    color: white;
    line-height: 35px;
    font-size: 14px;
    animation: uvSymbolShake ease-in-out infinite 3s;
    z-index: 1;
}
.rcn-new .rc-items.rc-items-new li.rc-item.rc-black:before {
    content: attr(data-notice);
    position: absolute;
    left: -1px;
    top: -20px;
    padding: 0 10px;
    height: 35px;
    border-radius: 15px 0 15px 0;
    background: #FE3800;
    color: white;
    line-height: 35px;
    font-size: 14px;
    background-color: #F10E45;
    background: linear-gradient(90deg, #F10E45 0%, #AC00C8 100%), #FE3800;
}
.rcn-new .rc-items.rc-items-new .rc-item-auth {
    height: auto;
    line-height: 22px;
    font-size: 16px;
    margin-bottom: 6px;
}
.rcn-new .rc-item-auth-sub {
    font-size: 14px;
    line-height: 20px;
    color: #B3B3B3;
    text-align: center;
    margin-bottom: 4px;
}
.rcn-new .rc-item-auth-sub:last-child {
    margin-bottom: 0px;
}
.rcn-new .rc-item-joinus {
    padding-bottom: 20px;
}
.rcn-new .rc-items.rc-items-new li.rc-item {
    width: 285px;
    margin-right: 20px;
}
.rcn-new .rc-items.rc-items-new li.rc-item:last-child {
    margin-right: 0;
}
.rc-item-dayprice.rc-item-price-line {
    text-decoration: line-through;
}
.start-right-myvip.rcn-new {
    padding-top: 60px;
}
/*浼氬憳vip濂楅end*/
/*棣栭〉娲诲姩閫夊叆start*/
.acti-float {
    display: none;
    position: fixed;
    /* right: 10px; */
    /* top: 25%; */

    right: 0;
    bottom: 20px;
    top: auto;
    z-index: 100;
    width: 130px;
    height: 156px;


    /*background: gray;*/
    /* z-index: 15; */
    -webkit-animation: updown 3s linear infinite;
    animation: updown 3s linear infinite;
    transition: all .5s;
}
.acti-float.acti-float-enter {
    display: block;
    right: -200px;
    opacity: 0;
}
.acti-float.acti-float-show {
    display: block;
    right: 10px;
    opacity: 1;
    z-index: 21;
    border-radius: 12px;
    overflow: hidden;
}
.acti-float.acti-float-hide {
    display: none;
}
.acti-float > a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.acti-float > a.acti-51 {
    background: url(//js.tusij.com/custom/img/activity/acti51/acti-float-51.png) center no-repeat;
    background-size: cover;
}

.acti-float > span {
    position: absolute;
    right: 0;
    top: 6px;
    cursor: pointer;
    z-index: 1;
}
.acti-float > span:hover {
    color: #0057ff;
}
/* 涓娲诲姩鎮诞0904 */
.acti-float.acti-float-mid-autumn {
    right: -200px;
    bottom: 20px;
    top: auto;
    width: 189px;
    height: 155px;
    /* opacity: 1; */
}
.acti-float.acti-float-mid-autumn.acti-float-mid-autumn-enter {
    display: block;
    right: -200px;
    opacity: 0;
}
.acti-float.acti-float-mid-autumn.acti-float-mid-autumn-show {
    display: block;
    right: 10px;
    opacity: 1;
    z-index: 21;
}
.acti-float.acti-float-mid-autumn.acti-float-mid-autumn-hide {
    display: none;
}
.acti-float.acti-float-mid-autumn > a {
    background: url(//js.tusij.com/custom/img/activity/acti_mid_autumn/float_mid_autumn.png) center no-repeat;
    background-size: cover;
}
.acti-float.acti-float-mid-autumn .acti-close {
    display: inline-block;
    top: 15px;
    right: 3px;
    width: 20px;
    height: 20px;

}


/* 鏂扮敤鎴风珛鍑忕孩鍖�8.16 */
.acti-float.acti-packet-100 {
    left: 0;
    bottom: 20px;
    top: auto;
}
.acti-float.acti-packet-100 > a {
    background: url(//s.tusij.com/custom/img/activity/other/float_packet_100.png) center no-repeat;
    background-size: cover;
}
.acti-float.acti-packet-200 {
    right: 0;
    bottom: 20px;
    top: auto;
    z-index: 100;
    width: 164px;
    height: 196px;
}
.acti-float.acti-packet-200 > a {
    background: url(//s.tusij.com/custom/img/activity/other/float_packet_200.png) center no-repeat;
    background-size: cover;
}
/* 鏂扮敤鎴风珛鍑忕孩鍖�8.16 */
.acti-float.acti-packet-old-100 {
    left: 0;
    bottom: 20px;
    top: auto;
    width: 172px;
    height: 104px;
}
.acti-float.acti-packet-old-100 > a {
    background: url(//s.tusij.com/custom/img/activity/other/float_packet_old_100.png) center no-repeat;
    background-size: cover;
}
/* 鍙�11娲诲姩 */
.acti-float.acti-double11 {
    right: 0;
    bottom: 20px;
    top: auto;
    z-index: 100;
    width: 130px;
    height: 150px;
}
.acti-float.acti-double11 > a {
    background: url(//s.tusij.com/custom/img/activity/act_double11/float.png) center no-repeat;
    background-size: cover;
}
.acti-float.acti-double11.acti-float-enter {
    display: block;
    right: -200px;
    opacity: 0;
}
.acti-float.acti-double11.acti-float-show {
    display: block;
    right: 10px;
    opacity: 1;
    z-index: 21;
}
.acti-float.acti-double11.acti-float-hide {
    display: none;
}
.acti-float.acti-fc {
    right: 0;
    bottom: 20px;
    top: auto;
    z-index: 100;
    width: 173px;
    height: 141px;
}
.acti-float.acti-fc > a {
    background: url(//s.tusij.com/custom/img/activity/acti_fc/float.png?v=3) center no-repeat;
    background-size: cover;
}
.acti-float.acti-fc.acti-float-enter {
    display: block;
    right: -200px;
    opacity: 0;
}
.acti-float.acti-fc.acti-float-show {
    display: block;
    right: 10px;
    opacity: 1;
    z-index: 21;
}
.acti-float.acti-fc.acti-float-hide {
    display: none;
}
/* 鍙�12娲诲姩鎮诞start */
.acti-float.acti-double12 {
    right: 0;
    bottom: 20px;
    top: auto;
    z-index: 100;
    width: 144px;
    height: 137px;
}
.acti-float.acti-double12 > a {
    background: url(//s.tusij.com/custom/img/activity/acti_double12/float.png?v=4) center no-repeat;
    background-size: cover;
}
.acti-float.acti-double12.acti-float-enter {
    display: block;
    right: -200px;
    opacity: 0;
}
.acti-float.acti-double12.acti-float-show {
    display: block;
    right: 10px;
    opacity: 1;
    z-index: 21;
}
.acti-float.acti-double12.acti-float-hide {
    display: none;
}
/* 鍙�12娲诲姩鎮诞end */
/* 鍙屾棪娲诲姩鎮诞start */
.acti-float.acti-sd {
    right: 0;
    bottom: 20px;
    top: auto;
    z-index: 100;
    width: 174px;
    height: 142px;
}
.acti-float.acti-sd > a {
    background: url(//s.tusij.com/custom/img/activity/acti_sd/float.png?v=7) center no-repeat;
    background-size: cover;
}
.acti-float.acti-sd.acti-float-enter {
    display: block;
    right: -200px;
    opacity: 0;
}
.acti-float.acti-sd.acti-float-show {
    display: block;
    right: 10px;
    opacity: 1;
    z-index: 21;
}
.acti-float.acti-sd.acti-float-hide {
    display: none;
}
/* 鍙屾棪娲诲姩鎮诞end */
/* 鏂板勾娲诲姩鎮诞start */
.acti-float.acti-ny {
    right: 0;
    bottom: 20px;
    top: auto;
    z-index: 100;
    width: 174px;
    height: 142px;
}
.acti-float.acti-ny > a {
    background: url(//s.tusij.com/custom/img/activity/acti_ny/float.png?v=1) center no-repeat;
    background-size: cover;
}
.acti-float.acti-ny.acti-float-enter {
    display: block;
    right: -200px;
    opacity: 0;
}
.acti-float.acti-ny.acti-float-show {
    display: block;
    right: 10px;
    opacity: 1;
    z-index: 21;
}
.acti-float.acti-ny.acti-float-hide {
    display: none;
}
/* 鏂板勾娲诲姩鎮诞end */
/* 鎯呬汉鑺傛椿鍔ㄦ偓娴畇tart */
.acti-float.acti-qr {
    right: 0;
    bottom: 20px;
    top: auto;
    z-index: 100;
    width: 132px;
    height: 135px;
}
.acti-float.acti-qr > a {
    background: url(//s.tusij.com/custom/img/activity/acti_qr/float.png) center no-repeat;
    background-size: cover;
}
.acti-float.acti-qr.acti-float-enter {
    display: block;
    right: -200px;
    opacity: 0;
}
.acti-float.acti-qr.acti-float-show {
    display: block;
    right: 10px;
    opacity: 1;
    z-index: 21;
}
.acti-float.acti-qr.acti-float-hide {
    display: none;
}
/* 鎯呬汉鑺傛椿鍔ㄦ偓娴甧nd */
/* 鏂版槬娲诲姩鎮诞start */
.acti-float.acti-xc {
    right: 0;
    bottom: 20px;
    top: auto;
    z-index: 100;
    width: 132px;
    height: 152px;
}
.acti-float.acti-xc > a {
    background: url(//s.tusij.com/custom/img/activity/acti_xc/float.png) center no-repeat;
    background-size: cover;
}
.acti-float.acti-xc.acti-float-enter {
    display: block;
    right: -200px;
    opacity: 0;
}
.acti-float.acti-xc.acti-float-show {
    display: block;
    right: 10px;
    opacity: 1;
    z-index: 21;
}
.acti-float.acti-xc.acti-float-hide {
    display: none;
}
/* 鏂版槬娲诲姩鎮诞end */
/* 浼佷笟vip鍗囩骇娲诲姩鎮诞start */
.acti-float.acti-entp {
    right: 0;
    bottom: 20px;
    top: auto;
    z-index: 100;
    width: 130px;
}
.acti-float.acti-entp > a {
    background: url("//js.tusij.com/custom/img/activity/acti_entp/entp_float_v8.png") center no-repeat;
    background-size: cover;
}.acti-float.acti-entp
 .acti-float.acti-entp > span {
     color: white;
 }
.acti-float.acti-entp.acti-float-enter {
    display: block;
    right: -200px;
    opacity: 0;
}
.acti-float.acti-entp.acti-float-show {
    display: block;
    right: 10px;
    opacity: 1;
    z-index: 21;
}
.acti-float.acti-entp.acti-float-hide {
    display: none;
}
/* 浼佷笟vip鍗囩骇娲诲姩鎮诞end */
/* 鍝佺墝鍙樻洿鎮诞start */
.acti-float.acti-bdchange {
    left: 40px;
    bottom: 40px;
    top: auto;
    z-index: 100;
    width: 150px;
    height: 108px;
}
.acti-float.acti-double11{
    top: auto;
    z-index: 100;
    width: 130px;
    border-radius:6px;
    overflow:hidden;
}


.acti-float.acti-bdchange > a {
    background: url(//s.tusij.com/custom/img/activity/brand/brand_float.png) center no-repeat;
    background-size: cover;
}
.acti-float.acti-bdchange > span {
    color: #cccccc;
}
.acti-float.acti-bdchange.acti-float-enter {
    display: block;
    right: -200px;
    opacity: 0;
}
.acti-float.acti-bdchange.acti-float-show {
    display: block;
    left: 24px;
    opacity: 1;
    z-index: 21;
}
.acti-float.acti-bdchange.acti-float-hide {
    display: none;
}

.acti-float.acti-double11 > a {
    background: url(//js.tusij.com/custom/img/home/huodong.png) center no-repeat;
    background-size: contain;

}
.acti-float.acti-double11-back > a {
    background: url(//js.tusij.com/custom/img/activity/acti_christ/float-christ.png) center no-repeat;
    padding-top:77px;
    background-size: contain;
    display:flex;
    justify-content: center;
    align-items: flex-start;
    font-weight: bold;
    color: #FF421E;
}
.acti-float.acti-double11-back.d12 > a {
    background-image: url(//js.tusij.com/custom/img/activity/acti_christ/float-new-year.png);
    /*background-scene: url(//js.tusij.com/custom/img/activity/acti_christ/float-christ.png);*/
}
.acti-float.acti-double11-back.vip-upgrade > a{
    background-image: url(//js.tusij.com/custom/img/activity/acti_daily/float-vip-upgrade.png);
}
/* 鍝佺墝鍙樻洿鎮诞end */
/* 棣栭〉娲诲姩閮ㄥ簳閮╯tart */
.acti-bottom-float {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 14;
    text-align: center;
    transition: all 1s;
}
.acti-bottom-float.acti-bottom-leave {
    display: block;
    left: -100%;
    right: auto;
}
.acti-bottom-float.acti-bottom-hide {
    display: none;
    left: -100%;
    right: auto;
}
.acti-bottom-float.acti-bottom-show {
    display: block;
}

.acti-bottom-float.reverse {
    bottom: 0;
    left: auto;
    right: 0;
}
.acti-bottom-float.reverse.acti-bottom-leave {
    display: block;
    right: -100%;
    left: auto;
}
.acti-bottom-float.reverse.acti-bottom-hide {
    display: none;
    right: -100%;
    left: auto;
}
.acti-bottom-float.reverse.acti-bottom-show {
    display: block;
}
.acti-bottom-float > a {
    display: block;
    background: gray;
    height: 216px;
    background: url("//js.tusij.com/custom/img/activity/acti618/footerbg.png") center no-repeat;
    background-size: auto 100%;
}

.acti-bottom-float.acti-bf-618 .acti-bottom-close {
    position: absolute;
    display: inline-block;
    width: 35px;
    height: 53px;
    top: 53px;
    left: 50%;
    transform: translate(400px,0);
    background: url("//js.tusij.com/custom/img/activity/acti618/footerclose.png") center no-repeat;
    background-size: cover;
    z-index: 2;
    cursor: pointer;
}
/* 澶忓娲诲姩搴曢儴start */
.acti-bottom-float.acti-bf-summer > a {
    height: 215px;
    background: url("//js.tusij.com/custom/img/activity/acti_summer/summ-bf.png") center no-repeat;
    background-size: auto 100%;
}
.acti-bottom-float.acti-bf-summer .acti-bottom-close {
    position: absolute;
    display: inline-block;
    width: 44px;
    height: 44px;
    top: 13px;
    left: 50%;
    transform: translate(400px,0);
    background: url("//js.tusij.com/custom/img/activity/acti_summer/summ-close.png") center no-repeat;
    background-size: cover;
    z-index: 2;
    cursor: pointer;
}
.acti-bottom-float.acti-bf-summer .act-bf-time {
    top: 33px;
}
.acti-bottom-float.acti-bf-summer .act-bf-time > span {
    color: #000000;
}
/* 澶忓娲诲姩搴曢儴end */
/* 涓娲诲姩start */
.acti-bottom-float.acti-bf-mid-autumn > a {
    height: 369px;
    background: url("//js.tusij.com/custom/img/activity/acti_mid_autumn/bf_mid_autumn.png") center no-repeat;
    background-size: auto 100%;
}
.acti-bottom-float.acti-bf-mid-autumn .acti-bottom-close {
    position: absolute;
    display: inline-block;
    top: 24px;
    left: 50%;
    transform: translate(400px,0);
    /* background: url("//js.tusij.com/custom/img/common/recommend_close.png") center no-repeat;
background-size: cover; */
    z-index: 2;
    cursor: pointer;
}
.acti-bottom-float.acti-bf-mid-autumn .act-bf-time {
    top: auto;
    bottom: 27px;
    padding-left: 0;
}
.acti-bottom-float.acti-bf-mid-autumn .acti-bottom-close .iconfont {
    font-size: 48px;
    line-height: 48px;
    color: #171717;
}
.acti-bottom-float.acti-bf-mid-autumn .act-bf-time > span {
    color: #fff6c7;
}

/* 涓娲诲姩end */
/* 鍙�11娲诲姩start */
.acti-bottom-float.acti-bf-double11 > a {
    height: 393px;
    background: url("//js.tusij.com/custom/img/activity/act_double11/bottom_float.png?v=1") center no-repeat;
    background-size: auto 100%;
}
.acti-bottom-float.acti-bf-double11 .acti-bottom-close {
    position: absolute;
    display: inline-block;
    top: 24px;
    left: 50%;
    transform: translate(400px,0);
    /* background: url("//js.tusij.com/custom/img/common/recommend_close.png") center no-repeat;
background-size: cover; */
    z-index: 2;
    cursor: pointer;
}
.acti-bottom-float.acti-bf-double11 .act-bf-time {
    top: auto;
    bottom: 39px;
    padding-left: 0;
    transform: translate(15px, 0px);
}
.acti-bottom-float.acti-bf-double11 .act-bf-time .act-bf-time-wrap {
    width: 266px;
    margin: auto;
    transform: translate(-6px, 0);
    text-align: left;

}
.acti-bottom-float.acti-bf-double11 .acti-bottom-close .iconfont {
    font-size: 48px;
    line-height: 48px;
    color: #171717;
}
.acti-bottom-float.acti-bf-double11 .act-bf-time .act-bf-time-wrap > span {
    color: #fff6c7;
}

/* 鍙�11娲诲姩end */
.acti-bottom-float  .act-bf-time {
    position: absolute;
    top: 61px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 24px;
    padding-left: 40px;
    z-index: 1;
}
.acti-bottom-float  .act-bf-time > span {
    color: white;
}
.acti-bottom-float .act-bf-time > span:nth-child(2n) {
    /* margin-right: 10px; */
}
#milliseconds {
    display: inline-block;
    width: 60px;
    text-align: left;
}
/* 棣栭〉娲诲姩閮ㄥ簳閮╡nd */
@keyframes updown {
    0% {
        transform: translate(0,-10%);
    }
    25% {
        transform: translate(0,0);
    }
    50% {
        transform: translate(0,10%);
    }
    75% {
        transform: translate(0,0);
    }
    100% {
        transform: translate(0,-10%);
    }
}

/*棣栭〉娲诲姩閫夊叆end*/
/*棣栭〉娲诲姩寮圭獥start*/
.modal-acti-51 {
    width: 496px;
    height: 552px;
    background: url(//js.tusij.com/custom/img/activity/acti51/modalbg.png) center no-repeat;
    background-size: cover;
    box-shadow: none;
}
.pop-home-double11{
    z-index:200;
    position:fixed;
    background: rgba(0,0,0,0.5);
    width:100%;
    top:0;
    right:0;
    left:0;
    bottom:0;

}
.pop-home-double11 .pop-home-content{
    display:inline-block;
    position: absolute;
    width:400px;
    height:376px;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    background: url(//js.tusij.com/custom/img/activity/act_double11_2020/pop-home-double11.png) center no-repeat;
    background-size: cover;
}
.pop-home-double11 .iconfont{
    position:absolute;
    left:50%;
    top:100%;
    transform:translate(-50%,0);
    font-size: 30px;
    color: white;
    cursor:pointer;
}
.pop-home-double11 .iconfont:hover{
    color:#EEE;
}

.modal-acti-close {
    display: inline-block;
    position: absolute;
    right: -13px;
    top: -12px;
    width: 51px;
    height: 51px;
    background: url(//js.tusij.com/custom/img/activity/acti51/modalclose.png) center no-repeat;
    background-size: cover;
    z-index: 1
}
.modal-acti-a {
    display: block;
    width: 100%;
    height: 100%;
}
/*棣栭〉娲诲姩寮圭獥end*/
/*gif start*/
.gif-item {
    position: relative;
}
.gif-item:hover .gif-item-img {
    display: block;
}
.gif-item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    background: url(//js.tusij.com/custom/img/common/gif.svg) center no-repeat;
    background-size: cover;
    content: " ";
    z-index: 4;
}
.gif-item-img {
    position: absolute;
    height: 100% !important;
    width: 100% !important;
    top: 0;
    display: none ;
    z-index: 1;
}

/*gif end*/
/* 妯℃澘涓績video鏍峰紡start */
.box.video-item {
    position: relative;
}
.box.video-item .top-btn {
    background: transparent;
}
.box.video-item .top-btn .shouc-btn {
    display: none;
}
.box.video-item .min-img video{
    object-fit: fill;
}
.box.video-item .min-img:after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    background: url("//js.tusij.com/custom/img/common/vd_play.svg?v=1") center no-repeat;
    background-size: cover;
    box-shadow: 0 0 5px 5px rgba(0,0,0,.05);
    border-radius: 50%;
}
.box.video-item .min-img:after{
    background-image: url("//js.tusij.com/custom/img/common/play_icon.png");
}
.box.video-item:hover .min-img:after {
    display: none;
}
/*  妯℃澘涓績video鏍峰紡end*/
/*缁戝畾鎵嬫満start*/
.modal-content.modal-bindphone {
    width: 429px;
    height: 480px;
}
.modal-bp-close {
    position: absolute;
    right: 25px;
    top: 23px;
    width: 20px;
    height: 20px;
    background: url(//js.tusij.com/custom/img/common/bind_phone_close.svg) center no-repeat;
    background-size: cover;
}
.mbp-title {
    margin-top: 52px;
    height: 28px;

}
.mbp-title > img {
    display: block;
    height: 100%;
    width: 96px;
    margin: auto;
}
.mbp-subtitle {
    padding-top: 6px;
    font-size: 12px;
    color: #171717;
    text-align: center;
}
.mbp-desc {
    color: #0057ff;
    text-align: center;
    font-size: 14px;
}
.mbp-container {
    padding: 44px 33px 0 33px;
}
.mbp-control {
    position: relative;
    padding-bottom: 29px;
}
.mbp-control input {
    width: 100%;
    height: 30px;
    border:0;
    outline: none;
    border-bottom: 1px solid #DDDDDD;
    padding-left: 27px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #191919;
}
.mbp-control input::-webkit-input-placeholder{
    color:#BBBBBB;
}
.mbp-control input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#BBBBBB;
}
.mbp-control input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#BBBBBB;
}
.mbp-control input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#BBBBBB;
}
.mbp-control.mbp-control-err input::-webkit-input-placeholder{
    color:#E92727;
}
.mbp-control.mbp-control-err input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#E92727;
}
.mbp-control.mbp-control-err input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#E92727;
}
.mbp-control.mbp-control-err input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#E92727;
}
.mbp-icon {
    position: absolute;
    display: inline-block;
    height: 20px;
    width: 14px;
    left: 0;
    top: 0;
}
.mbp-control-phone .mbp-icon {
    background: url(//js.tusij.com/custom/img/common/bind_phone.svg) center no-repeat;
    background-size: cover;
}
.mbp-control-check .mbp-icon {
    height: 20px;
    width: 16px;
    background: url(//js.tusij.com/custom/img/common/bind_phone_check.svg) center no-repeat;
    background-size: cover;
}
.mbp-control-pwd .mbp-icon {
    height: 19px;
    width: 16px;
    background: url(//js.tusij.com/custom/img/common/bind_phone_pwd.svg) center no-repeat;
    background-size: cover;
}
.mbp-control-check .mbp-check-img {
    position: absolute;
    display: block;
    right: 0;
    top: -17px;
    width: 119px;
    height: 37px;
    cursor: pointer;
}
.mbp-control-pwd .mbp-btn-pwd {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    color: #0050FF;
    font-size: 12px;
}
.mbp-control-pwd .mbp-btn-pwd.mbp-btn-disable {
    color:#CBCBCB;
    cursor: auto;
}
.mbp-control-submit {
    padding-bottom: 0;
}
.mbp-submit {
    display: block;
    height: 48px;
    line-height: 48px;
    color: white;
    background: #0057FF;
    text-align: center;
    border-radius: 4px;
}
.mbp-notice {
    padding: 13px 33px 0 33px;
    color: #BBBBBB;
    font-size: 12px;
}
.mbp-notice > span {
    color: #0057FF;
}
.mbp-error {
    padding-top: 5px;
    font-size: 12px;
    color: #E92727;
}
.mbp-success-head {
    text-align: center;
    padding-top: 78px;
}
.mbp-success-icon{
    font-size: 139px;
    color: #0057ff;
}
.modal-bindphone > p.mbp-success-notice {
    text-align: center;
    font-size: 24px;
    color: #666666;
    padding: 30px 0;
}
.mbp-success-btn {
    text-align: center;
    padding-top: 18px;

}
.mbp-success-btn > a {
    padding: 10px 70px;
    border-radius: 21px;
}
/*缁戝畾鎵嬫満end*/
/* 鏂颁汉鎺ㄨ崘start */
.modal-recommend {
    width: 971px;
    height: 600px;
    background: url("//js.tusij.com/custom/img/common/mbp_recommend.png") center no-repeat;
    background-size: cover;
    box-shadow: none;
}
.mr-title {
    text-align: center;
    font-size: 30px;
    color: #000;
    padding-top: 38px;
}
.mr-question {
    text-align: center;
    font-size: 22px;
    color: #000;
    padding-top: 22px;
}
.mr-question.mr-job {
    padding-top: 10px
}
.mr-items {
    padding: 17px 22px 0 22px;
}
.mr-items:after {
    content: " ";
    display: table;
    clear: both;
}
.mr-item {
    float: left;
    width: 130px;
    height: 34px;
    text-align: center;
    color: #666666;
    line-height: 32px;
    background: #F7F7F7;
    border-radius: 17px;
    border: 1px solid #F7F7F7;
    cursor: pointer;
    margin-right: 16px;
    margin-bottom: 16px;
}
.mr-item:nth-child(6n) {
    margin-right: 0;
}
.mr-item.active, .mr-item:hover {
    color: #0057ff;
    border: 1px solid #0057FF;
}
.mr-btn {
    text-align: center;
    padding-top: 10px;
}
.mr-btn > a {
    font-size: 32px;
    padding: 10px 93px;
    border-radius: 33px;
}
/* 鏂颁汉鎺ㄨ崘end */
/* sem棣栭〉start */
.body-home2{
    background: white;
}
.sj-btn-home2 {
    display: inline-block;
    line-height: 60px;
    width: 279px;
    height: 60px;
    padding: 0;
    box-shadow: 0px 17px 21px 0px rgba(0,87,255,0.26);
    border-radius: 30px;
    background: #0057FF;
    color: white;
    font-size: 24px;
    text-align: center;
}
.sj-btn-home2:hover {
    background: rgba(0,87,255,.9);
}
.content2 {
    /* width: 1708px; */
    position: relative;
    height: 867px;
    /* background: url("//js.tusij.com/custom/img/home/home2_bg.png") center no-repeat;
background-size: auto 100%; */
    margin: 70px auto 0 auto;
}
.content2.old {
    background: url("//js.tusij.com/custom/img/home/home2_bg.png") center no-repeat;
    background-size: auto 100%;
}
.content2.old .ct2-title {
    color: #171717 !important;
}
.content2.old .ct2-subtitle {
    color: #171717 !important;
}
.ct2-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 454px;
    background: url("//js.tusij.com/custom/img/home/home2_bg2.png") center no-repeat;
    background-size: cover;
    z-index: -1;
}
.content2 > p {
    text-align: center;
    color: #171717;
}
.ct2-title {
    padding-top: 30px;
    font-size: 48px;
    font-weight: bold;
    color: white !important;
}
.ct2-subtitle {
    font-size: 24px;
    color: #434343;
    padding-top: 5px;
    color: white !important;
}
.ct2-btn {
    padding-top: 26px;
    text-align: center;
}
.ct2-btn > a {
    display: inline-block;
    width: 279px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    border-radius: 30px;
    font-size: 24px;
    box-shadow:0px 17px 21px 0px rgba(0,87,255,0.26);
}
.ct2-gif {
    padding-top: 32px;
    width: 1005px;
    height: 513px;
    margin: auto;

    border-radius:4px;
    /* overflow: hidden; */
    box-sizing: border-box;
}
.ct2-gif > a {
    display: block;
    height: 100%;
}
.ct2-gif  img,.ct2-gif  video {
    height: 481px;
    border-radius:4px;
    box-shadow:0px 24px 86px 0px rgba(0,87,255,0.13);
}
.ct2-desctitle {
    padding-top: 34px;
    font-size: 24px;
    font-weight: bold;
}
.ct2-subdesctitle {
    padding-top: 13px;
    font-size: 24px;
    font-weight: bold;
}
.size.size2 {
    min-height: unset;
    padding-top: 38px;
}
.size.size2 .s-items{
    margin: 0;
}
.size.size2 .s-1920-1080 {
    height: 171px;
    width: 97px;
    background: url("//js.tusij.com/custom/img/common/1920_1080_2.png") center no-repeat;
    background-size: contain;
}
.size.size2 .s-420-570 {
    height: 171px;
    width: 125px;
    background: url("//js.tusij.com/custom/img/common/420_570_2.png") center no-repeat;
    background-size: contain;
}
.size.size2 .s-900-383 {
    height: 68px;
    width: 150px;
    background: url("//js.tusij.com/custom/img/common/900_383_2.png") center no-repeat;
    background-size: contain;
}
.size.size2 .s-720-1280 {
    height: 166px;
    width: 97px;
    background: url("//js.tusij.com/custom/img/common/720_1280_2.png") center no-repeat;
    background-size: contain;
}
.size.size2 .s-1920-600 {
    height: 60px;
    width: 191px;
    background: url("//js.tusij.com/custom/img/common/1920_600_2.png") center no-repeat;
    background-size: contain;
}
.size.size2 .s-1280-1184 {
    height: 147px;
    width: 160px;
    background: url("//js.tusij.com/custom/img/common/1280_1184_2.png") center no-repeat;
    background-size: contain;
}
.size.size2 .s-600-600 {
    height: 73px;
    width: 74px;
    background: url("//js.tusij.com/custom/img/common/600_600_2.png") center no-repeat;
    background-size: contain;
}
.size.size2 .s-800-800 {
    height: 103px;
    width: 99px;
    background: url("//js.tusij.com/custom/img/common/800_800_2.png") center no-repeat;
    background-size: contain;
}
.size.size2 .sj-btn {
    display: inline-block;
    line-height: 60px;
    width: 279px;
    height: 60px;
    padding: 0;
    box-shadow:0px 17px 21px 0px rgba(0,87,255,0.26);
    border-radius:30px;
}
.feature {
    width: 1205px;
    margin: auto;
    padding-bottom: 71px;
}
.feature:after {
    content: " ";
    display: table;
    clear: both;
}
.feature .ft-left {
    float: left;
    width: 50%;

}
.feature .ft-left .ft-title {
    font-size: 38px;
    color: #171717;
    font-weight: bold;
    padding-bottom: 17px;
}
.feature .ft-left .ft-item {
    color: #434343;
    font-size: 24px;
    padding-bottom: 18px;
}
.feature .ft-left .ft-item > span:first-child {
    color: #0057ff;
    font-size: 16px;
    margin-right: 5px;
}
.feature .ft-left .ft-item > span:nth-child(2) {
    color: #434343;
}
.feature .ft-left .ft-item > span:nth-child(3) {
    color: #434343;
    font-size: 20px;
}
.feature .ft-left .ft-item > span:last-child {
    color: #698BEF;
    font-size: 20px;
    margin-left: 10px;
}
.feature .ft-right  {
    float: right;
    width: 592px;
    height: 385px;
    background: url("//js.tusij.com/custom/img/home/home2_feature.png") center no-repeat;
    background-size: cover;
}
.feature.feature2 .ft-right {
    width: 513px;
    height: 439px;
    background: url("//js.tusij.com/custom/img/home/home2_feature2.png") center no-repeat;
    background-size: cover;
}

.feature.feature2 .ft-left .ft-item > span:last-child {
    color: #434343;
    margin-left: 0;
    font-size: 24px;
}
.feature.feature2 {
    padding-bottom: 187px;
}
.feature.feature3 .ft-right {
    width: 557px;
    height: 327px;
    background: url("//js.tusij.com/custom/img/home/home2_feature3.png") center no-repeat;
    background-size: cover;
}
.feature.feature3 .ft-left .ft-item > span:last-child {
    color: #434343;
    margin-left: 0;
    font-size: 24px;
}
.feature.feature3 {
    padding-bottom: 187px;
}
.ft-main-title {
    text-align: center;
    color: #171717;
    font-size: 51px;
    font-weight: bold;
    padding-bottom: 14px;
}
.ft-main-subtitle {
    text-align: center;
    color: #171717;
    font-size: 38px;
    padding-bottom: 51px;
}
.size-title {
    color: #171717;
    font-size: 24px;
    text-align: center;
    padding-bottom: 13px;
}
.size-subtitle {
    color: #171717;
    font-size: 24px;
    text-align: center;
    padding-bottom: 40px;
}
.content-more {
    padding-bottom: 26px;
    text-align: center;
}
.content-more > a {
    display: inline-block;
    width: 280px;
    height: 60px;
    line-height: 60px;
    color: white;
    background: #0057ff;
    border-radius: 30px;
    text-align: center;
    font-size: 18px;
}
.content-choice {
    float: right;
    display: inline-block;
    padding-top: 3px;
}
.content-choice li {
    float: left;
    height: 27px;
    background:rgba(240,240,240,1);
    border-radius:20px;
    margin-right: 19px;
}
.content-choice li > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #171717;
    padding: 0 18px;
    line-height: 27px;
}
.content-choice li > a:hover {
    color: #0057ff;
}
.whouse {
    width: 1212px;
    margin: auto;
}
.wu-title {
    color: #171717;
    font-size: 40px;
    text-align: center;
    padding-top: 20px;
    font-weight: bold;
}
.wu-subtitle {
    color: #171717;
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
}
.wu-btn {
    text-align: center;
    padding-top: 32px;
    padding-bottom: 46px;
}
.wu-users {
    width: 1084px;
    height: 250px;
    margin: auto;
    background: url("//js.tusij.com/custom/img/home/home2_users.png") center no-repeat;
    background-size: contain;
}
.wu-people {
    padding-top: 64px;
}
.wu-people:after {
    content: " ";
    display: table;
    clear: both;
}
.wu-person {
    float: left;
    width: 283px;
    height: 272px;
    margin-right: 24px;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 7px 3px rgba(0,87,255,0.1);
    border-radius:4px;
}
.wu-person:last-child {
    margin-right: 0;
}
.wu-person-profile {
    height: 99px;
    padding: 22px 33px;
}
.wu-person:nth-child(1) .wu-person-profile {
    background: url("//js.tusij.com/custom/img/home/home2_userbg1.png") center no-repeat;
    background-size: cover;
}
.wu-person:nth-child(2) .wu-person-profile {
    background: url("//js.tusij.com/custom/img/home/home2_userbg2.png") center no-repeat;
    background-size: cover;
}
.wu-person:nth-child(3) .wu-person-profile {
    background: url("//js.tusij.com/custom/img/home/home2_userbg3.png") center no-repeat;
    background-size: cover;
}
.wu-person:nth-child(4) .wu-person-profile {
    background: url("//js.tusij.com/custom/img/home/home2_userbg4.png") center no-repeat;
    background-size: cover;
}
.wu-person-profile > div {
    float: left;
}
.wu-person-profile > div:first-child {
    width: 55px;
    height: 55px;
    border-radius: 50%;

}
.wu-person:nth-child(1) .wu-person-profile > div:first-child {
    background: url("//js.tusij.com/custom/img/home/home2_user1.png") center no-repeat;
    background-size: cover;
}
.wu-person:nth-child(2) .wu-person-profile > div:first-child {
    background: url("//js.tusij.com/custom/img/home/home2_user2.png") center no-repeat;
    background-size: cover;
}
.wu-person:nth-child(3) .wu-person-profile > div:first-child {
    background: url("//js.tusij.com/custom/img/home/home2_user3.png") center no-repeat;
    background-size: cover;
}
.wu-person:nth-child(4) .wu-person-profile > div:first-child {
    background: url("//js.tusij.com/custom/img/home/home2_user4.png") center no-repeat;
    background-size: cover;
}
.wu-person-profile > div:last-child {
    margin-left: 6px;
    padding-top: 4px;
}
.wu-person-profile > div:last-child >p:first-child {
    color: white;
    font-size: 16px;
    font-weight: bold;
}
.wu-person-profile > div:last-child >p:last-child {
    color: white;
    font-size: 14px;
}
.wu-person-say {
    color: #818181;
    font-size: 14px;
    padding: 13px 22px;
}
.wu-btn2 {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 89px;
}
/* sem棣栭〉end */
/* 瑙嗛modal妗唖tart */
.modal-content.modal-vd-recommend {
    width: 641px;
    height: 361px;
    background: white;
    padding:0;
}
.modal-content.modal-vd-recommend > div {
    position: relative;
    height: 100%;
    background: url("//js.tusij.com/custom/img/home/home-vd-recommend.svg?v=2") center no-repeat;
    background-size: cover;
}
.modal-content.modal-vd-recommend > div .mvr-start {
    position: absolute;
    bottom: 36px;
    left: 221px;
    width: 180px;
    height: 47px;
    line-height: 37px;
    border-radius: 24px;
}
/* 瑙嗛modal妗唀nd */
/* 绾㈠寘澶у脊绐梥tart */

.modal-content.modal-red-packet {
    width: 356px;
    height: 446px;
    background: transparent;
    box-shadow: none;
    transition: all .3s;
    right: 50%;
    bottom: 50%;
    left: auto;
    top: auto;
    transform: translate(50%,50%);
    padding: 0;
}
.modal-content.modal-red-packet.modal-red-packet-move {
    right: -183px;
    bottom: -35px;
    left: auto;
    top: auto;
    /* animation: rpmove 2s infinite; */
    transform: scale(0.4) translate(-50%,50%) ;
}
.modal-content.modal-red-packet .mrp-container {
    height: 100%;
    width: 100%;
    background: url("//s.tusij.com/custom/img/activity/other/big_packet_100.png") center no-repeat;
    background-size: cover;


}
.modal-content.modal-red-packet.double11 {
    right: 50%;
    bottom: 50%;
    left: auto;
    top: auto;
    transform: translate(50%,50%);
    width: 473px;
    height: 387px;
    padding: 0;
}
.modal-content.modal-red-packet.double11.modal-red-packet-move {
    right: -33px;
    bottom: -20px;
    left: auto;
    top: auto;
    transform: scale(0.4) translate(50%,50%);
}
.modal-content.modal-red-packet.double11 .mrp-container {
    height: 100%;
    width: 100%;
    background: url("//s.tusij.com/custom/img/activity/act_double11/editor.png") center no-repeat;
    background-size: cover;


}
.modal-content.modal-red-packet .mrp-link {
    display: block;
    height: 100%;
    width: 100%;
}
.modal-content.modal-red-packet .mrp-link>span {
    position: absolute;
    bottom: 88px;
    left: 59px;
    display: block;
    width: 273px;
    height: 40px;
    background: #FFEC3B;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    color: #FF0022;
}
.modal-content.modal-red-packet-200 {
    width: 400px;
    height: 544px;
    background: transparent;
    box-shadow: none;
    transition: all .3s;
    transform: translate(50%,50%);
    bottom: 50%;
    top: auto;
    left: auto;
    right: 50%;
    background: url("//s.tusij.com/custom/img/activity/other/big_packet_200.png?v=1") center no-repeat;
    background-size: cover;
    padding: 0;
}
.modal-content.modal-red-packet-200.modal-red-packet-move {
    right: -45px;
    bottom: -45px;
    top: auto;
    left: auto;
    /* animation: rpmove 2s infinite; */
    transform: scale(0.4) translate(45%,43%) ;
}
.modal-content.modal-red-packet-200 .mrp-container {
    height: 100%;
    width: 100%;
}
.modal-content.modal-red-packet-200 .mrp-link {
    display: block;
    height: 100%;
    width: 100%;
}

.modal-content.modal-red-packet.double11_fc {
    right: 50%;
    bottom: 50%;
    left: auto;
    top: auto;
    transform: translate(50%,50%);
    width: 473px;
    height: 387px;
    padding: 0;
}
.modal-content.modal-red-packet.double11_fc.modal-red-packet-move {
    right: -33px;
    bottom: -20px;
    left: auto;
    top: auto;
    transform: scale(0.4) translate(50%,50%);
}
.modal-content.modal-red-packet.double11_fc .mrp-container {
    height: 100%;
    width: 100%;
    background: url("//s.tusij.com/custom/img/activity/acti_fc/pop.png?v=2") center no-repeat;
    background-size: cover;


}
.modal-content.modal-red-packet.double12 {
    right: 50%;
    bottom: 50%;
    left: auto;
    top: auto;
    transform: translate(50%,50%);
    width: 385px;
    height: 376px;
    padding: 0;
}
.modal-content.modal-red-packet.double12.modal-red-packet-move {
    right: -33px;
    bottom: -20px;
    left: auto;
    top: auto;
    transform: scale(0.4) translate(50%,50%);
}
.modal-content.modal-red-packet.double12 .mrp-container {
    height: 100%;
    width: 100%;
    background: url("//s.tusij.com/custom/img/activity/acti_double12/modal.png?v=1") center no-repeat;
    background-size: cover;


}
.modal-content.modal-red-packet.sd {
    right: 50%;
    bottom: 50%;
    left: auto;
    top: auto;
    transform: translate(50%,50%);
    width: 474px;
    height: 388px;
    padding: 0;
}
.modal-content.modal-red-packet.sd.modal-red-packet-move {
    right: -33px;
    bottom: -20px;
    left: auto;
    top: auto;
    transform: scale(0.4) translate(50%,50%);
}
.modal-content.modal-red-packet.sd .mrp-container {
    height: 100%;
    width: 100%;
    background: url("//s.tusij.com/custom/img/activity/acti_sd/modal.png?v=6") center no-repeat;
    background-size: cover;


}
.modal-content.modal-red-packet.ny {
    right: 50%;
    bottom: 50%;
    left: auto;
    top: auto;
    transform: translate(50%,50%);
    width: 474px;
    height: 388px;
    padding: 0;
}
.modal-content.modal-red-packet.ny.modal-red-packet-move {
    right: -33px;
    bottom: -20px;
    left: auto;
    top: auto;
    transform: scale(0.4) translate(50%,50%);
}
.modal-content.modal-red-packet.ny .mrp-container {
    height: 100%;
    width: 100%;
    background: url("//s.tusij.com/custom/img/activity/acti_ny/modal.png?v=1") center no-repeat;
    background-size: cover;
}
.modal-content.modal-red-packet.qr {
    right: 50%;
    bottom: 50%;
    left: auto;
    top: auto;
    transform: translate(50%,50%);
    width: 364px;
    height: 435px;
    padding: 0;
}
.modal-content.modal-red-packet.qr.modal-red-packet-move {
    right: -33px;
    bottom: -20px;
    left: auto;
    top: auto;
    transform: scale(0.4) translate(50%,50%);
}
.modal-content.modal-red-packet.qr .mrp-container {
    height: 100%;
    width: 100%;
    background: url("//s.tusij.com/custom/img/activity/acti_qr/modal.png") center no-repeat;
    background-size: cover;
}
.modal-content.modal-red-packet.xc {
    right: 50%;
    bottom: 50%;
    left: auto;
    top: auto;
    transform: translate(50%,50%);
    width: 355px;
    height: 444px;
    padding: 0;
}
.modal-content.modal-red-packet.xc.modal-red-packet-move {
    right: -33px;
    bottom: -20px;
    left: auto;
    top: auto;
    transform: scale(0.4) translate(50%,50%);
}
.modal-content.modal-red-packet.xc .mrp-container {
    height: 100%;
    width: 100%;
    background: url("//s.tusij.com/custom/img/activity/acti_xc/modal.png") center no-repeat;
    background-size: cover;
}
.modal-content.modal-red-packet.entp {
    right: 50%;
    bottom: 50%;
    left: auto;
    top: auto;
    transform: translate(50%,50%);
    width: 355px;
    height: 444px;
    padding: 0;
}
.modal-content.modal-red-packet.entp.modal-red-packet-move {
    right: -33px;
    bottom: -20px;
    left: auto;
    top: auto;
    transform: scale(0.4) translate(50%,50%);
}
.modal-content.modal-red-packet.entp .mrp-container {
    height: 100%;
    width: 100%;
    background: url("//js.tusij.com/custom/img/activity/acti_entp/entp_modal_v8.png") center no-repeat;
    background-size: cover;
}
/* 绾㈠寘澶у脊绐梕nd */
/* 鑰佺敤鎴峰脊绐楀崌绾tart */
.modal-content.modal-level-up.modal-level-up-move {
    left: -28px;
    bottom: -20px;
    top: auto;
    transform: scale(0.42) translate(-50%,50%);
}
.modal-content.modal-level-up {
    position: absolute;
    width: 388px;
    height: 295px;
    background: #2F2F2F;
    padding: 0;
    box-shadow: none;
    transition: all .3s;
    transform: translate(-50%,50%);
    bottom: 50%;
    top: auto;
}

.modal-level-up:before {
    content: " ";
    position: absolute;
    width: 110px;
    height: 85px;
    background: url("//s.tusij.com/custom/img/common/modal_old_levelup.png") center no-repeat;
    background-size: cover;
}
.modal-level-up > a.mlu-link {
    display: block;
    height: 100%;
}
.mlu-title {
    padding-top: 24px;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    color: white;
}
.mlu-subtitle {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    color: white;
}
.mlu-subtitle > span {
    font-size: 32px;
    color: #F6CB7F;
}
.mlu-items {
    padding-top: 20px;
}
.mlu-items:after {
    content: " ";
    display: table;
    clear: both;
}
.mlu-items > div {
    float: left;
    width: 50%;
    color: white;
    font-size: 16px;
    padding-left: 35px;
    margin-bottom: 20px;
}
.mlu-items > div:nth-child(3), .mlu-items > div:nth-child(4) {
    margin-bottom: 20px;
}
.mlu-items > div > * {
    float: left;
    line-height: 29px;
}
.mlu-items > div > img {
    display: inline-block;
    width: 29px;
    height: 29px;
    margin-right: 10px;
}
.mlu-btn > div {
    width: 198px;
    height: 41px;
    margin: auto;
    background: rgba(247,219,167,1);
    background:linear-gradient(90deg,rgba(247,219,167,1) 0%,rgba(233,190,110,1) 100%);
    border-radius: 21px;
    text-align: center;
}

.mlu-btn > div .mlu-btn-icon {
    display: inline-block;
    width: 31px;
    height: 24px;
    background: url("//s.tusij.com/custom/img/common/vip_btn.png") center no-repeat;
    background-size: contain;
}
.mlu-btn > div > span {
    line-height: 41px;
    color: #1C1D21;
    font-size: 18px;
    vertical-align: middle;
}

.float-item-cash-activity{
    background: url("//js.tusij.com/custom/img/home/money20200810.png");
    background-size:cover;
    height:100px;
    cursor: pointer;
}
.float-item-double11-activity{
    background: url("//js.tusij.com/custom/img/home/side-20201102.png");
    background-size:cover;
    height:100px;
    cursor: pointer;
}
/* 鑰佺敤鎴峰脊绐楀崌绾nd */

.invoice-list{
    background: #F8F8FA;
    padding-bottom:60px;
}

.invoice-list .invoice-detail{
    border:1px solid #F1F3F5;
    max-width:1200px;
    min-height:560px;
    margin:auto;
    background: #FFF;
}

.invoice-list .invoice-detail > header{
    padding:5px 0;
    display:flex;
    position:relative;
    justify-content: center;
    align-items:center;
}

.invoice-list .head-title{
    color:black;
    font-size:16px;
    font-weight:bold;
    padding:15px;
}

.invoice-list .head-side{
    position:absolute;
    top:50%;
    right:30px;
    transform: translateY(-50%);
    display:flex;
    justify-content:center;
    align-items: center;

}

.invoice-should-know{
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right:20px;
}

.invoice-should-know .img1,
.invoice-should-know .img2 {
    display: inline-block;
    width:12px;
    height:12px;
    margin-right:5px;
}
.invoice-should-know .img1{
    background: url(//js.tusij.com/custom/img/common/help.png) center no-repeat;
    background-size: cover;
}
.invoice-should-know .img2{
    display:none;
    background: url(//js.tusij.com/custom/img/common/help-light.png) center no-repeat;
    background-size: cover;
}




.invoice-should-know span:last-child{
    display:inline-block;
    color: rgba(23, 23, 24, 0.6);
    font-size:12px;
    border:none;
    padding:0;
}

.invoice-should-know:hover span:last-child{
    color: #0057FF;
}
.invoice-should-know:hover .img1{
    display:none;
}

.invoice-should-know:hover .img2{
    display:inline-block;
}

.invoice-button{
    display:inline-block;
    background: #0057FF;
    color:white;
    padding: 8px 0;
    text-align: center;
    width:100px;
    border-radius: 2px;
}

.invoice-button:hover{
    opacity: 0.8;
    cursor: pointer;
}

.invoice-title{
    justify-content: center;
    color:#000;
    display:flex;
    justify-content: center;
    background: #F6F7F9;
    padding-top:15px;
    padding-bottom:15px;
}

.invoice-title li{
    color:rgba(23,23,24,0.8);
    text-align: center;
}

.invoice-title li,.invoice-record li {
    width:200px;
}
.invoice-record li:last-child span{
    margin:0 4px;
    padding:4px 8px;
    border:1px solid #DFE0E3;
    border-radius: 2px;
}

.invoice-record li:last-child span:hover{
    cursor: pointer;
    border: 1px solid #0057FF;
    color: #0057FF;
}

.invoice-record li:last-child .change-status {
    background: #F1F3F5;
    color: #000;
}

.invoice-record li:last-child .change-status:hover{
    background: #0057FF;
    color: #fff;
}

.invoice-record li:last-child .change-status:hover a{
    color: #fff;
}

.invoice-record li.status1{
    color:#FEB430;

}
.invoice-record li.status2{
    color:#F83029;
}
.invoice-record li.status3{
    color:#66C62B;
}


.invoice-record li .img1{
    background: url(//js.tusij.com/custom/img/common/help.png) center no-repeat;
    display:inline-block;
    width:12px;
    height:12px;
    background-size: cover;
    margin-left:5px;
    position:absolute;
    top:18px;
}

.invoice-record li .img1:hover{
    cursor: default;
}

.invoice-record li .img1 .tip{
    display:none;
    position: absolute;
    width:150px;
    top:23px;
    left:50%;
    background: rgba(23, 23, 24, 0.8);
    padding:8px;
    font-size:12px;
    color:white;
    border-radius: 2px;
    transform:translateX(-50%);
    z-index:4;
}

.invoice-record li .img1:hover .tip{
    display:inline-block;
    cursor: default;
}

.invoice-record li .img1 .tip::before{
    content: "";
    display: block;
    bottom:100%;
    left:50%;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom: 10px solid rgba(23, 23, 24, 0.8);
    transform: translateX(-50%);
    position: absolute;
}

.invoice-record{
    display:flex;
    border-bottom:1px solid #F1F3F5;
    color:#666666;
    font-size:12px;

}

.invoice-record li{
    text-align: center;
    padding-top:15px;
    padding-bottom:15px;
    position:relative;
}

.invoice-record li.caozuo{
    padding-left:20px;
    text-align:left;
}

.invoice-tip-pop{
    z-index: 4;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: rgba(0,0,0,0.2);
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.invoice-tip-pop .invoice-tip-content {
    z-index: 4;
    background: #FFFFFF;
    box-shadow: 0 2px 4px rgba(0, 37, 107, 0.1);
    border-radius: 4px;
    width:520px;
}

.invoice-tip-pop.success .invoice-tip-content{
    width:380px;
}
.invoice-tip-pop.detail{
    margin:0;
}
.invoice-tip-pop.detail .invoice-tip-content{
    width:540px;
}

.invoice-tip-pop.detail .invoice-table{
    border-collapse: collapse;
    width:480px;
}

.invoice-tip-pop.detail .invoice-table tr td{
    border:1px solid #DFE0E3;
    padding:.4em 0 .4em 1.3em;

}

.invoice-tip-pop.detail .invoice-table tr td:first-child{
    font-weight: bold;
    width:150px;
}

.invoice-tip-pop.detail .invoice-table tr td:last-child{
}

.invoice-tip-pop .invoice-tip-content .invoice-tip-title{
    text-align: center;
    margin:24px;
    font-size:16px;
    font-weight: bold;
    position: relative;
    z-index:1;
}

.invoice-tip-pop .invoice-tip-content .invoice-tip-title > p{
    color: #000;
}

.invoice-tip-pop .invoice-tip-content .invoice-tip-title .img-close{
    background: url(//js.tusij.com/custom/img/invoice/icon_common_close.png) no-repeat;
    display:inline-block;
    position:absolute;
    cursor: pointer;
    width:20px;
    height:20px;
    top:0;
    right:0;
}

.invoice-tip-pop .invoice-tip-content .invoice-tip-part{
    margin:auto;
    width:460px;
    line-height: 24px;
    font-size:13px;
    color:#171718;
}

.invoice-tip-pop.detail .invoice-tip-content .invoice-tip-part{
    width:480px;
    padding-bottom: 24px;
}

.invoice-tip-pop.success .invoice-tip-content .invoice-tip-part{
    text-align: center;
    width: 290px;
}
.invoice-tip-pop.success .invoice-tip-content .invoice-tip-part .text{
    display: inline-block;
    text-align:left;
}

.invoice-tip-pop .echo{
    border-radius: 2px;
    cursor:pointer;
    outline: none;
    border:none;
    margin:30px 210px;
    width:100px;
    height:40px;
    color:#FFF;
    background: #0057FF;
    font-size:16px;
}

.invoice-tip-pop.success .echo{
    margin:30px 140px;
}

.invoice-tip-pop.detail .echo{
    margin:30px 220px;
}

.invoice-tip-pop .echo:hover{
    opacity: 0.8;
}


.invoice-list .no-content{
    display:flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
}

.invoice-list .no-content .no-content-img{
    margin:50px auto 20px;
    background: url(//js.tusij.com/custom/img/invoice/kongtai.png) no-repeat;
    background-size:cover;
    width:210px;
    height:162px;
}

.invoice-list .no-content .no-content-text{
    margin:15px auto;
}

.invoice-fill-in{
    background: #F8F8FA;
    padding-bottom: 30px;
}

.invoice-fill-detail{
    max-width:1200px;
    margin:auto;
    background: #FFF;
    border: 1px solid #F1F3F5;
    padding-bottom:30px;
}
.invoice-important{
    color:red;
}

.invoice-fill-in header{
    padding:22px 20px;
    position: relative;
    border-top:1px solid #F1F3F5;
    border-bottom:1px solid #F1F3F5;
}

.invoice-fill-in header .kindly-reminder{
    font-size: 12px;
    color:black;
}

.invoice-fill-in header .invoice-should-know{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    right:130px;
}

.invoice-fill-in header .invoice-button{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    right:30px;
}

.invoice-fill-in main{
    position:relative;
}

.invoice-fill-in .together-button{
    color:#000;
    margin-left:10px;
    outline:none;
    background: #FFF;
    width:90px;
    height:34px;
    border:1px solid #DFE0E3;
    font-size:13px;
    padding:7px 13px;

}

.invoice-fill-in .together-button:hover{
    cursor: pointer;
    border: 1px solid #0057FF;
    color: #0057FF;
}

.invoice-fill-in main form .part1{
    padding-bottom: 20px;
    position:relative;
}

.invoice-fill-in main form .part1::after{
    content:'';
    display:block;
    width:900px;
    border-bottom:1px dashed #e3e3e5;
    position:absolute;
    top:100%;
    left:50%;
    transform: translateX(-50%);
}

.invoice-fill-in main form .part1.showing .another-content{
    display: block;
}

.invoice-fill-in main form .part2{
    padding-top: 20px;
}

.invoice-fill-in main form label,.invoice-fill-in main form .auto-content{
    display:block;
    margin:8px 0;
}

.invoice-fill-in .address-detail{
    margin:8px 0;
}

.invoice-fill-in main form .key-content{
    color:black;
    font-size:14px;
    padding:5px 0;
    position:absolute;
    right: calc(50% + 75px + 10px);
}

.invoice-fill-in main form .value-content{
    color:black;
    font-size: 14px;
    display:inline-block;
    width:300px;
    height:34px;
    margin-left:calc(50% - 75px);
    padding: 5px 5px 5px 12px;
    outline:none;
}

.invoice-fill-in main form select.value-content{
    color:#757575;
    padding-left:12px;
    padding-right:20px;
    /*Chrome鍜孎irefox閲岄潰鐨勮竟妗嗘槸涓嶄竴鏍风殑锛屾墍浠ュ鍐欎簡涓€涓�*/
    /*灏嗛粯璁ょ殑select閫夋嫨妗嗘牱寮忔竻闄�*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url(//js.tusij.com/custom/img/invoice/select_xxx.png) no-repeat right 12px bottom 12px;
}

.invoice-fill-in main form .part1 .another-content{
    display: none;
}

.invoice-fill-in main form .part1 .img-wrapper{
    cursor: pointer;
    width:auto;
    padding-left:0;
}

.invoice-fill-in main form .part1 .img-wrapper:hover .img-grey{
    display:none;
}

.invoice-fill-in main form .part1 .img-wrapper:hover .img-light{
    display:inline-block;
}

.invoice-fill-in main form .part1.showing .img-grey{
    transform: rotate(180deg);
}

.invoice-fill-in main form .part1.showing .img-light{
    transform: rotate(180deg);
}

.invoice-fill-in main form .part1.showing .na{
    transform: rotate(180deg);
}

.invoice-fill-in main form .part1 .nashuinumber{
    display: none;
}

.invoice-fill-in main form .part1 .nashuinumber{
    display: none;
}

.invoice-fill-in main form .part1 .nashuinumber2{
    display:none;
}

.invoice-fill-in main form .img-grey{
    display:inline-block;
    width:23px;
    height:23px;
    background: url(//js.tusij.com/custom/img/invoice/xiala_nor.png) no-repeat center;
}

.invoice-fill-in main form input,.invoice-fill-in main form select{
    border:1px solid #DFE0E3;
}

.invoice-fill-in main form input:hover{
    border:1px solid #0057ff;
}

.invoice-fill-in main form input:focus{
    border:1px solid #0057ff;
}

.invoice-fill-in main form input.warning,.invoice-fill-in main form select.warning{
    border:1px solid red;
}

.invoice-fill-in main form .warning-tip{
    display:none;
}
.invoice-fill-in main form .warning-tip.showing{
    display:inline;
    color:#F83029;
    font-size:12px;
    margin-left:5px;
}

.invoice-fill-in main form .img-light{
    display:none;
    width:23px;
    height:23px;
    background: url(//js.tusij.com/custom/img/invoice/xiala_hover.png) no-repeat center;
}


.invoice-fill-in main form .province,.invoice-fill-in main form .city{
    max-width:148px;
    min-width:110px;
    height:34px;
}

.invoice-fill-in main form .city{
    padding-left:5px;
}

.invoice-fill-in .invoice-submit,
.invoice-fill-in .disabled{
    cursor: pointer;
    display:block;
    outline:none;
    border:none;
    border-radius: 2px;
    color:#fff;
    font-size:15px;
    padding:10px 30px;
    background: #0057ff;
    margin:20px auto 40px;
}

.invoice-fill-in .invoice-submit{
    background: #0057ff;
}

.invoice-fill-in .disabled{
    background: #D1D1D1;

}

.invoice-fill-in .disabled:hover{
    cursor: not-allowed;
}

.invoice-fill-in .invoice-submit:hover{
    opacity: 0.8;
}

.invoice-fill-in footer .invoice-tip1
{
    text-align: center;
    margin:10px 0;
    font-size:12px;
    color: rgba(23, 23, 24, 0.4);
}

.invoice-fill-in footer .invoice-tip1 a{
    color:#0057FF;
}

.create-team button{
    outline:none;
    border:none;
}
.create-team ul{
    list-style: none;
}
.create-team{
    padding:0 0 0 250px;
}

.create-team .title{
    background: url("//js.tusij.com/custom/img/mc/create-team.jpg") no-repeat center;
    background-size:cover;
    height:400px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.create-team .limited-time{
    position: relative;
    background: #2958FD;
    border-radius:9px;
    border:1px solid #4D71F8;
    color:#FFF;
    font-size: 18px;
    padding:5px 15px;
    letter-spacing: 0.2em;
}

.create-team .limited-time::before{
    content:'';
    position: absolute;
    top:96%;
    left:50%;
    transform: translateX(-50%);
    border-top:10px solid #2958FD;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    filter:drop-shadow(0px 2px 0px #4D71F8)
}

.create-team .description{
    margin:20px 0;
}

.create-team .description span{
    letter-spacing: 2px;
    color:white;
    font-size:40px;
    font-weight: lighter;
}

.create-team .description span:first-child{
    font-weight: bold;
    letter-spacing: 5px;
}

.create-team .button1{
    background: #FFE179;
    border-radius: 4px;
    padding:15px 30px;
    cursor: pointer;
    font-size: 20px;
    color:black;
}

.create-team .button2{
    background: #0057FF;
    border-radius: 4px;
    padding:15px 30px;
    cursor: pointer;
    font-size: 18px;
    color:white;
    margin-top:25px;
}

.create-team .button1:hover{
    background: #ffeb9d;
}

.create-team .button2:hover{
    opacity: 0.8;
}

.create-team .team-content{
    z-index:0;
    padding: 52px 2px 229px;
    position:relative;
    overflow: hidden;
}

.create-team .content-detail{
    max-width:1200px;
    margin:auto;
}

.create-team .content-detail > li{
    display:flex;
    justify-content: space-between;
    margin-bottom: 112px;
}

.create-team .content-detail > li:last-child{
    margin-bottom: 0;
}

.create-team .group{
    margin-top:40px;
    margin-left:5px;
    margin-right:5px;
    min-width: 256px;
}

.create-team .group .one-title{
    color:#000;
    margin-bottom:10px;
    font-size:30px;
    font-weight:bold;
}
.create-team .group > p{
    line-height:2;
    font-size:16px;
    color:#000;
    max-width:400px;
}
.create-team .demo{
    background: url("//js.tusij.com/custom/img/mc/tabs-bar.png") no-repeat white;
    background-size: 100%;
    border-radius: 4px;
    width:750px;
    min-width:750px;
    min-height:420px;
    margin-left:5px;
    margin-right:5px;
    box-shadow:0 4px 111px -61px rgba(0,0,0,0.6);
}

.create-team .team-video{
    margin-top:42px;
    position: relative;
}

.create-team .team-video::before{
    content:'';
    width:8px;
    height:8px;
    border: 2px solid transparent;
    border-bottom-color: #F9FBFF;
    position:absolute;
    transform:rotate(45deg);
    border-radius:100%;
    left:-2px;
    bottom:-2px;
}

.create-team .team-video::after{
    content:'';
    width:8px;
    height:8px;
    border: 2px solid transparent;
    border-bottom-color: #F9FBFF;
    position:absolute;
    transform:rotate(-45deg);
    border-radius:100%;
    right:-2px;
    bottom:-2px;
}
.create-team .team-video.xxx::before,.create-team .team-video.xxx::before{
    border-bottom-color: #FFF;
}


.create-team .team-video >video{
    width:750px;
    vertical-align: middle;
    outline: none;
}
.create-team .bb{
    z-index:-3;
    position:absolute;
    border-radius:50%;
}

.create-team .bubble1{
    width:110px;
    height:110px;
    background: #F7DC80;
    top:13%;
    right:-3%;
}

.create-team .bubble2{
    width: 107px;
    height: 107px;
    border: 3px solid #CBE3FF;
    top:38%;
    left:-2%;
}
.create-team .bubble3{
    width: 47px;
    height: 47px;
    border: 3px solid rgba(170, 132, 234, 0.25);
    top:43%;
    left:5%;
}
.create-team .bubble4{
    width: 88px;
    height: 88px;
    border: 3px solid rgba(170, 132, 234, 0.25);
    top:42%;
    left:74%;
}
.create-team .bubble5{
    width: 177px;
    height: 177px;
    border: 3px solid rgba(170, 132, 234, 0.25);
    top:64%;
    left:69%;
}
.create-team .bubble6{
    width: 177px;
    height: 177px;
    background: #AA84EA;
    bottom:1%;
    left:-4%;
}
.create-team .bubble7{
    width: 177px;
    height: 177px;
    border: 3px solid rgba(170, 132, 234, 0.25);
    bottom:0;
    left:-1%;
}
.create-team .bubble8{
    width: 260px;
    height: 260px;
    background: #CBE3FF;
    bottom:-6%;
    right:-8%;
}

.create-team .bd{
    background: #F9FBFF;
    z-index: -5;
    position:absolute;
    left:0;
    right:0;
}
.create-team .backdrop1{
    top:0;
    height:36%;
    border-radius:0 0 265px 0;
}

.create-team .backdrop2 {
    bottom: 0;
    height: 36%;
    border-radius: 265px 0 0 0;
}
.start-right2{
    margin-left:250px;
    padding:20px 36px 0 60px;
    margin-right:50px;
}

.start-right2-mine .title{
    font-size:20px;
    margin-bottom:20px;
    color: #171718;
}

.start-right2-mine .list{
    max-width:1148px;
    min-width:988px;
    display:flex;
    align-items:center;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: space-between;
}

.start-right2-mine .list > li{
    width:calc((100% - 16*8px)*0.11764);
}
.start-right2-mine .list > li:hover{
    cursor:pointer;
}

.start-right2-mine .list > li:last-child{
    position:relative;
    align-self: flex-start;
    width:calc((100% - 16*8px)*0.0588);
}

.start-right2-mine .list .img-wrapper{
    max-width:120px;
    min-width:100px;
}

.start-right2-mine .list .img-wrapper img{
    border-radius: 3px;
    width:100%;
}

.start-right2-mine .list .img-wrapper.last{
    max-width:60px;
    min-width:50px;
    border-radius: 3px;
}

.start-right2-mine .list > li:hover .img-wrapper{
    transform: translateY(-10px);
    transition: transform .4s;
}

.start-right2-mine .list .text1{
    padding-top:10px;
    text-align: center;
    color:#171718;
    font-weight: bold;
}

.start-right2-mine .list .text2{
    visibility: hidden;
    margin-top:6px;
    color: rgba(23, 23, 24, 0.6);
    text-align: center;
    font-size:14px;
    white-space: nowrap;
}
.start-right2-mine .list li:hover .text2{
    visibility: visible;
    transition: display .3s;
}

.start-right2-mine .list .last .des{
    position:absolute;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 14px;
    color:#1A5DF6;
}

.start-right2-mine .list .last p{
    white-space: nowrap;
    margin:5px auto;
}
.start-right2-mine .list .last .more{
    background: url("//js.tusij.com/custom/img/common/more.png") center no-repeat;
    margin:10px auto;
    background-size:100%;
    width:20px;
    height:20px;
}

.ev-float-label{
    padding-top:36px;
    width:400px;
    height:340px;
    border-radius: 6px;
    /*background: url("//js.tusij.com/custom/img/enterprise_vip/bbj.png") center no-repeat;*/
    background: url("//js.tusij.com/custom/img/enterprise_vip/fff.png") center no-repeat;
    background-size: cover;
    box-shadow: 0 2px 4px -3px #000;
}
.ev-float-label .des1{
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    color: #FFD0A9;
}
.ev-float-label .des2{
    margin-top:5px;
    text-align: center;
    font-size: 13px;
    color: #FFD0A9;
}
.ev-float-label .icon{
    width:20px;
    height:20px;
    display: block;
    margin-right:9px;
}
.ev-float-label .icon1{
    background: url("//js.tusij.com/custom/img/enterprise_vip/2.png") center no-repeat;
    background-size: contain;
}
.ev-float-label .icon2{
    background: url("//js.tusij.com/custom/img/enterprise_vip/Frame.png") center no-repeat;
    background-size: contain;
}
.ev-float-label .icon3{
    background: url("//js.tusij.com/custom/img/enterprise_vip/3.png") center no-repeat;
    background-size: contain;
}
.ev-float-label .icon4{
    background: url("//js.tusij.com/custom/img/enterprise_vip/5.png") center no-repeat;
    background-size: contain;
}
.ev-float-label .icon5{
    display:block;
    width:26px;
    height:24px;
    margin-right:2px;
    background: url("//js.tusij.com/custom/img/enterprise_vip/xxx.png") no-repeat center;
    background-size: contain;
}
.ev-float-label .des3{
    margin:36px 32px 50px 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    color: #212227;
}
.ev-float-label .des3 .f1{
    padding-left:15px;
    line-height:42px;
    display:flex;
    justify-content: left;
    align-items: center;
    width:50%;
}
.ev-float-label .button{
    display:flex;
    justify-content: center;
    align-items:center;
    font-size: 18px;
    color: #171718;
    width:240px;
    height:48px;
    margin:auto;
    background: linear-gradient(90deg, #FFD6B4 0%, #CB9364 100%);
    border-radius: 26px;
    position:relative;
}
.ev-float-label .button:hover::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 26px;
    background: rgba(255,255,255,.2);
}
.ev-clear-bg{
    background-color:transparent;
}

.start-right-table.t2{
    box-shadow: none;
    padding:0;
    margin-right:calc(60px + 40px)

}

.start-right-table.t2 .title-wrapper{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:40px;
}

.start-right-table.t2 .my-title{
    padding-top:0;
    padding-bottom:0;
}
.start-right-table .my-invoice-wrapper{
    display:flex;
}
.start-right-table .title-wrapper .my-invoice,
.start-right-table .title-wrapper .my-authority-book{
    margin:0 8px;
    font-size: 14px;
    color: rgba(23, 23, 24, 0.6);
    border:1px solid #DFE0E3;
    padding: 8px 11px;
    border-radius: 4px;
}
.start-right-table .title-wrapper .my-invoice:hover,
.start-right-table .title-wrapper .my-authority-book:hover{
    border: 1px solid #0057FF;
    color: #0057FF;
}
.start-right-table .title-wrapper .my-vip,.start-right-table .title-wrapper .recharge-record{
    color:rgba(23,23,24,0.4);
    font-size:20px;
    position:relative;
    cursor: pointer;
}
.start-right-table .title-wrapper .recharge-record{
    margin-left:39px;
}
.start-right-table .title-wrapper .my-vip.active,.start-right-table .title-wrapper .recharge-record.active{
    color:#0057FF;
    font-weight:bold;
}
.start-right-table .title-wrapper .my-vip.active::after,.start-right-table .title-wrapper .recharge-record.active::after{
    content:'';
    position:absolute;
    top:calc(100% + 4px);
    left:30px;
    right:30px;
    border-radius: 2px;
    height:3px;
    background: #0057FF;
}
.vip-card-wrapper{
    overflow-x: hidden;
    display:none;
    padding:0 0 200px 0;
}
.vip-card-wrapper.active{
    display:block;
}

.vip-cards{
    display:flex;
    flex-flow:row wrap;
    min-width:800px;
    margin-right:-20px;
}

.vip-cards .card{
    width:355px;
    height:161px;
    border-radius:4px;
    background: url(//js.tusij.com/custom/img/mine/en1.png) no-repeat center;
    background-size: 100% 100%;
    color:#FDD994;
    position: relative;
    margin: 0 20px 20px 0;
}
.vip-cards .card.en-level2{
    background: url(//js.tusij.com/custom/img/mine/en2.png) no-repeat center;
    background-size: 100% 100%;
    color:#F7DB78;
}
.vip-cards .card.en-level3{
    background: url(//js.tusij.com/custom/img/mine/en3.png) no-repeat center;
    background-size: 100% 100%;
    color:#FFD0A9;
}
.vip-cards .card.en-level4{
    background: url(//js.tusij.com/custom/img/mine/en4.png) no-repeat center;
    background-size: 100% 100%;
    color:#FAE3DC;
}
.vip-cards .card.pes-level1{
    background: url(//js.tusij.com/custom/img/mine/pes1.png) no-repeat center;
    background-size: 100% 100%;
    color:#171718;
}
.vip-cards .card.pes-level-continuous{
    background: url(//js.tusij.com/custom/img/mine/pes1.png) no-repeat center;
    background-size: 100% 100%;
    color:#171718;
}
.vip-cards .card.pes-level2{
    background: url(//js.tusij.com/custom/img/mine/pes2.png) no-repeat center;
    background-size: 100% 100%;
    color:#171718;
}
.vip-cards .card.pes-level3{
    background: url(//js.tusij.com/custom/img/mine/pes3.png) no-repeat center;
    background-size: 100% 100%;
    color:#171718;
}
.vip-cards .card.pes-level4{
    background: url(//js.tusij.com/custom/img/mine/pes4.png) no-repeat center;
    background-size: 100% 100%;
    color:#171718;
}

.vip-cards .card.expire{
    background: url(//js.tusij.com/custom/img/mine/card_expire.png) no-repeat center;
    background-size: 100% 100%;
    color: #171718;
}

.vip-cards .vip-title{
    padding-top:24px;
    padding-left:24px;
}
.vip-cards .title1{
    font-size:20px;
    line-height: 28px;
}

.vip-cards .title2{
    position:relative;
    margin-top: 6px;
    font-size:14px;
    width:155px;
    line-height: 20px;
    cursor: default;
}

.vip-cards .title2.pes,.vip-cards .recharge-description.pes{
    color: rgba(23, 23, 24, 0.6);
}

.vip-cards .title2.expire,.vip-cards .recharge-description.expire{
    color: rgba(23, 23, 24, 0.6);
}

.vip-cards .title2 svg{
    fill:currentColor;
    position: relative;
}
.vip-cards .card .action-button{
    position: absolute;
    top:24px;
    right:24px;
    display:flex;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    color:#1E2746;
    width:130px;
    height:36px;
    background: linear-gradient(90deg, #FFDD9A 0%, #E6B259 100%);
    border-radius:23px;
    font-size: 14px;
}

.vip-cards .card .action-button.en-level2{
    background: linear-gradient(90deg, #FBEF8F 0%, #FAE077 100%), #F7DB78;
    color:#101841;
}
.vip-cards .card .action-button.en-level3{
    background: linear-gradient(90deg, #FFD0A9 0%, #B98458 100%), #FFD0A9;
    color:#1C191C;
}
.vip-cards .card .action-button.en-level4{
    background: url(//js.tusij.com/custom/img/mine/en_level4_button.png) no-repeat center;
    background-size: cover;
    color:#251D2D;
}
.vip-cards .card .action-button.pes-level1{
    background: linear-gradient(90deg, #596E98 0%, #0A2B6D 100%), linear-gradient(90deg, #FFDD9A 0%, #E6B259 100%);
    color:#FFFFFF;
}
.vip-cards .card .action-button.pes-level2{
    background: linear-gradient(90deg, #FFE39C 0%, #EBB03E 100%), linear-gradient(90deg, #FBEF8F 0%, #FAE077 100%), #F7DB78;
    color:#171718;
}
.vip-cards .card .action-button.pes-level3{
    background: linear-gradient(90deg, #C17F69 0%, #642D1F 100%), linear-gradient(90deg, #FFD0A9 0%, #B98458 100%), #FFD0A9;
    color:#FFFFFF;
}
.vip-cards .card .action-button.pes-level4{
    background: linear-gradient(90deg, #8B5727 0%, #411700 100%), linear-gradient(90deg, #C17F69 0%, #642D1F 100%), linear-gradient(90deg, #FFD0A9 0%, #B98458 100%), #FFD0A9;
    color:#FFFFFF;
}


.vip-cards .card .action-button:hover{
    cursor: pointer;
}
.vip-cards .card .action-button:hover::after{
    content:'';
    border-radius: 23px;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(255,255,255,.2);
}
.vip-cards .card .recharge-description{
    position: absolute;
    z-index:0;
    font-size:12px;
    line-height: 17px;
    left:24px;
    bottom:11px;
}
.vip-cards .title2 .suspension{
    display: none;
    position:absolute;
    z-index:88;
    top:calc(100% + 8px);
    background: #FFF;
    color: #000;
    padding: 16px 20px 16px 16px;
    border:1px solid #DFE0E3;
    border-radius: 4px;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.4);
    font-size:13px;
    line-height: 22px;
}
.vip-cards .title2 .suspension div{
    white-space: nowrap;
}

.vip-cards .title2 .suspension::after {
    content:"";
    width:6px;
    height: 6px;
    background: white;
    transform: translateY(50%) rotateZ(45deg);
    bottom:100%;
    left:128px;
    border-top:1px solid #DFE0E3;
    border-left:1px solid #DFE0E3;
    border-bottom: transparent;
    border-right: transparent;
    position: absolute;
}

.vip-cards .title2 svg{
    margin-bottom: 1px;
}

.vip-cards .title2:hover svg{
    transform: rotateZ(180deg);
}

.vip-cards .title2:hover .suspension{
    display:block;
}

.vip-recharge-records{
    display:none;
    border-collapse:collapse;
}
.vip-recharge-records.active{
    width:100%;
    display:table;
}
.vip-recharge-records .record-title{
    color:#171718;
    background: #F6F7F9;
}
.vip-recharge-records .record-title th{
    font-weight:normal;
}
.vip-recharge-records .record-content{
    color:#666666;
    font-size:14px;
}
.continuous-know{
    cursor: pointer;
    position:absolute;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:12px;
    bottom:14px;
    right:14px;
    color:rgba(23, 23, 24, 0.6);
}

.continuous-know:hover{
    color:rgba(23, 23, 24, 1);
}

.continuous-know:hover svg g{
    opacity: 1;
}

.vip-tip-pop-wrapper{
    display:none;
}
.vip-tip-pop {
    z-index: 4;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.vip-tip-pop .vip-tip-content {
    z-index: 4;
    background: #FFFFFF;
    box-shadow: 0 2px 4px rgba(0, 37, 107, 0.1);
    border-radius: 4px;
    width: 440px;
    display:flex;
    flex-flow:column wrap;
    align-items: center;
}

.vip-tip-pop .vip-tip-content .vip-tip-title{
    margin:30px 0 0 0;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    z-index: 1;
}
.vip-tip-pop .vip-tip-content .vip-tip-title .img-close {
    background: url(//js.tusij.com/custom/img/invoice/icon_common_close.png) no-repeat;
    display: inline-block;
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: 0;
    left: 224px;
}
.vip-tip-pop .vip-tip-content .vip-tip-title > p {
    color: #000;
}
.vip-tip-pop .vip-tip-content .vip-tip-part > p {
    margin:30px 0;
    color: #171718;
}

.vip-tip-pop .vip-tip-content .vip-tip-part {
    margin: 0 30px;
    line-height: 24px;
    font-size: 13px;
    color: #171718;
}
.vip-tip-pop .echo {
    border-radius: 2px;
    cursor: pointer;
    outline: none;
    border: none;
    margin: 0 0 30px 0;
    width: 100px;
    height: 40px;
    color: #FFF;
    background: #0057FF;
    font-size: 16px;
}
.pop-wrapper{
    position:fixed;
    z-index:10000;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:none;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.2);
}
.pop-wrapper .action-button{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pop-wrapper .close-button{
    position:absolute;
    top:15px;
    right:20px;
    color:#A2A2A3;
    font-size:20px;
    cursor:pointer;
}
.tsj-show{
    display:block;
}

.tsj-show-flex{
    display:flex;
}

.tsj-hide{
    display:none;
}
.tsj-hide-hidden{
    visibility:hidden;
}


.pop-wrapper.active{
    display:flex;
}
.pop-wrapper .assistance-pop {
    width: 480px;
    height: 360px;
    background: url(//js.tusij.com/custom/img/activity/act_double11_2020/assistance.png) no-repeat center;
    background-size: cover;
    padding-top: 114px;
    position: relative;
}
.pop-wrapper .assistance-pop.invited {
    width: 480px;
    height: 484px;
    padding-top: 240px;
    background: url(//js.tusij.com/custom/img/activity/act_double11_2020/assistance-invite.png) no-repeat center;
    background-size: cover;
    z-index:10000;
}

.pop-wrapper .assistance-pop .pop-content {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    color: #666666;
    line-height: 1.8em;
}
.pop-wrapper .assistance-pop .pop-content .stress {
    color: #FF1C0A;
}
.pop-wrapper .assistance-pop .pop-content .assistance-button {
    width: 160px;
    height: 42px;
    background: linear-gradient(0deg, #FF110C, #FF6600);
    border-radius: 21px 21px 21px 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 16px;
}

.pop-wrapper .assistance-pop .close-pop {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 58px;
    right: 60px;
    background: url(//js.tusij.com/custom/img/activity/act_double11_2020/pop-close.png) no-repeat;
    background-size: contain;
}

.pop-wrapper .assistance-pop.invited .close-pop {
    top: 182px;
}
.clear-overflow{
    overflow:visible;
    display:flow-root;
}
.head-img{
    position:sticky;
    top:0;z-index:100;
    width:100vw;
    height:40px;
    background:url(//js.tusij.com/custom/img/activity/act_double11_2020/double11-20201123.png) no-repeat center;
    background-size:cover;
    cursor:pointer
}
.head-img-type2{
    display:block;
    position:sticky;
    top:0;z-index:102;
    width:100%;
    height:50px;
    background:url(//js.tusij.com/custom/img/activity/act_double11_2020/double11-20201123.png) no-repeat center;
    background-size:cover;
    cursor:pointer
}
.head-img-type2.d12{
    background-image: url(//js.tusij.com/custom/img/activity/act_double11_2020/top-entry_d12.png);
}
.head-img-type2.christ{
    background-image: url(//js.tusij.com/custom/img/activity/acti_christ/christ-top.png);
}
.head-img-type2.red-envelope{
    background-image: url(//js.tusij.com/custom/img/activity/acti_christ/long_tiao.png);
}
.head-img-type2.enterprise-vip{
    background-image: url("//js.tusij.com/custom/img/activity/acti_entp/entp_top_v8.png")
}
.body-img-type2{
    display:block;
    margin-top:10px;
    position:relative;
    width:100%;
    height:80px;
    background:url(//js.tusij.com/custom/img/activity/acti_christ/christ-middle.png) no-repeat center/contain;
    background-size:cover;
    cursor:pointer
}

@media (max-width: 1200px){
    .body-img-type2{
        width:100vw;
    }
}

.head-img .close{
    position:absolute;
    top:8px;
    right:30px;
    width:20px;
    height:20px;
    background:url(//js.tusij.com/custom/img/home/close20200810.png) center no-repeat;
    background-size:cover;
    cursor:auto
}
.head-img-type2 .close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    left: auto;
    width: 20px;
    height: 20px;
    background: url(//js.tusij.com/custom/img/activity/acti_christ/close_button.png) center no-repeat;
    background-size: cover;
    cursor: auto;
    opacity: 0.8;
}
.head-img-type2 .close.white{
    background-image:url("//js.tusij.com/custom/img/activity/acti_daily/close_button2.png")
}
.body-img-type2 .close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 20px;
    height: 20px;
    background: url(//js.tusij.com/custom/img/activity/acti_christ/close_button.png) center no-repeat;
    opacity:0.8;
    background-size: cover;
    cursor: auto;
}

.pop-wrapper .double11-back{
    width:760px;
    height:460px;
    background:url("//js.tusij.com/custom/img/activity/act_double11_2020/double11-back-2.png") center no-repeat;
    background-size:contain;
    position:relative;
}
.pop-wrapper .double11-back.s3{
    background:url("//js.tusij.com/custom/img/activity/act_double11_2020/double-back2.png") center no-repeat;
    background-size:contain;
}
.pop-wrapper .double11-back.d12{
    background-image: url("//js.tusij.com/custom/img/activity/act_double11_2020/double11-back_d12.png");
}
.pop-wrapper .double11-back.christ{
    background-image: url("//js.tusij.com/custom/img/activity/acti_christ/christ-pop.png");
}

.pop-wrapper .double11-back .count-down {
    padding-top:15px;
    display: flex;
    justify-content: center;
    align-items:start;
    width:438px;
    height:101px;
    background:url("//js.tusij.com/custom/img/activity/act_double11_2020/double11-goback-btn.png") center no-repeat;
    background-size:contain;
    font-size: 30px;
    color: #FFEEBB;
    position: absolute;
    left:50%;
    bottom:0;
    transform: translate(-50%,-48px);
    /*animation: big-small-2 1.2s linear infinite;*/
    transition: all .5s;
}
.pop-wrapper .double11-back .count-down .frame{
    width:1.3em;
}
.pop-wrapper .double11-back .count-down .frame.last{
    width:1.9em;
}


.close-hard{
    width:20px;
    height:20px;
    background:url("//js.tusij.com/custom/img/activity/acti_christ/close_button.png") center no-repeat;
    background-size:contain;
    position:absolute;
    right:80px;
    top:18px;
    cursor:pointer;
}
.bottom-bapin{
    width:100%;
    height:406px;
    background:url("//js.tusij.com/custom/img/activity/act_double11_2020/bottom-bapin-3.png") center no-repeat;
    background-size:cover;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:40;
    cursor:pointer;
}
.bottom-bapin.s3{
    background:url("//js.tusij.com/custom/img/activity/act_double11_2020/bottom-bapin-5.png") center no-repeat;
}
.bottom-bapin.d12{
    background-image:url("//js.tusij.com/custom/img/activity/act_double11_2020/bottom-bapin_d12.png");
}
.bottom-bapin.christ{
    background-image:url("//js.tusij.com/custom/img/activity/acti_christ/christ-baipin.png");
}
.bottom-bapin.vip-upgrade{
    background-image:url("//js.tusij.com/custom/img/activity/acti_daily/vip-upgrade-baipin2.png");
}
.bottom-bapin .count-down{
    padding-top:14px;
    display: flex;
    justify-content: center;
    align-items:start;
    width:438px;
    height:101px;
    background:url("//js.tusij.com/custom/img/activity/acti_christ/christ-time.png") center no-repeat;
    background-size:contain;
    font-size: 30px;
    color: #FFEEBB;
    position: absolute;
    left:50%;
    bottom:0;
    transform: translate(-50%,10px);
    animation: big-small 0.8s linear infinite;
    transition: all .5s;
}
.bottom-bapin.vip-upgrade .count-down{
    background-image: url("//js.tusij.com/custom/img/activity/acti_daily/vip-upgrade-time.png");
}

.bottom-bapin .count-down .frame{
    width:1.3em;
}
.bottom-bapin .count-down .frame.last{
    width:1.9em;
}
@keyframes big-small{
    0% {
        transform:translate(-50%,10px) scale(1);
    }
    40% {
        transform:translate(-50%,10px) scale(1.1)
    }
    100% {
        transform:translate(-50%,10px) scale(1);
    }
}
@keyframes big-small-2{
    0% {
        transform:translate(-50%,-48px) scale(1);
    }
    40% {
        transform:translate(-50%,-48px) scale(1.2)
    }
    100% {
        transform:translate(-50%,-48px) scale(1);
    }
}
.bottom-bapin .close-hard{
    right: 88px;
    top: 56px;
    cursor:default;
    opacity:0.5;
}
.h-pb-double11-back{
    display:inline-block;
    cursor:pointer;
    width:340px;
    height:70px;
    background: url("//js.tusij.com/custom/img/activity/act_double11_2020/portrait_coupon.png") center no-repeat;
    background-size: cover;
    margin-top:10px;
}

.barrel {
    overflow: hidden;
    margin:0 -10px 20px;
    padding:0 0 10px;
}
.barrel .barrel-item {
    float: left;
    margin: 10px;
    border: 1px solid #F1F3F5;
    box-sizing: content-box;
    overflow: hidden;
    position: relative;
}
.barrel .barrel-item .barrel-shade{
    display:none;
    position:absolute;
    width:100%;
    height:50px;
    bottom:0;
    left:0;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.4) 100%);
}

.barrel .barrel-item:hover .barrel-shade{
    display:block;
}

.barrel .barrel-item img {
    display: block;
    width: auto;
    height: 100%;
}

.barrel .barrel-item svg{
    display:none;
    font-size:24px;
    position: absolute;
    right:10px;
    bottom:10px;
    color:#707070;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 2px;
    z-index:5;
}
.barrel .barrel-item:hover svg{
    display:block;
}
.barrel .barrel-item svg:hover{
    color:#171718;
}
.barrel .barrel-item .icon-shangyong{
    display:none;
    width:20px;
    height:20px;
    background: url(//js.tusij.com/custom/img/common/shangyong_icon_qi.png) center no-repeat;
    background-size: contain;
    z-index: 5;
    position:absolute;
    top:10px;
    right:10px;
}

.barrel .barrel-item:hover .icon-shangyong{
    display:block;
}
.barrel .barrel-item .genuine-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(146.3deg, #FFE6B6 4%, #EEBE6B 97.5%);
    border-radius: 2px;
    color: #6C4400;
    font-weight: normal;
    font-size: 12px;
    width: 32px;
    height: 16px;
    padding-top: 1px;
    position:absolute;
    top:8px;
    right:8px;
    z-index: 5;
    cursor: default;
}
.barrel .barrel-item .barrel-title{
    display:none;
    font-size: 14px;
    color: #FFFFFF;
    position: absolute;
    left: 10px;
    bottom: 12px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index:5;
    width:calc(100% - 54px);
    font-weight: normal;
}
.barrel .barrel-item:hover .barrel-title{
    display:block;
}

.pop-wrapper .download-img{
    background: #FFF;
    padding:36px 40px;
    font-size: 16px;
    color: #171718;
    position:relative;
    border-radius:4px;
    min-width:450px;
}

.pop-wrapper .tip-lan{
    font-size: 13px;
    line-height: 18px;
    color: rgba(23, 23, 24, 0.6);
    margin-top:20px;
    text-align: center;
}

.pop-wrapper .download-img .info{
    margin-bottom:25px;
}

.pop-wrapper .download-img .info span:first-child{
    margin-right:40px;
}
.pop-wrapper .download-img .info span.number{
    color:#0057FF;
    margin-right:2px;
}
.pop-wrapper .purchase-it,.pop-wrapper .confirm-it,
.pop-wrapper .purchase-it,
.pop-wrapper .confirm-it {
    width: 10.77rem;
    height: 54px;
    border-radius: 4px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
}
.pop-wrapper .purchase-it:hover::after,.pop-wrapper .confirm-it:hover::after{
    content:'';
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(255,255,255,0.2);
}

.pop-wrapper .purchase-it{
    background: linear-gradient(90deg, #F7DBA7 0%, #E9BE6E 100%), #DFE0E3;
    color: #171718;
    margin-right: 20px;
    width: 10.77rem;
}
.pop-wrapper .confirm-it{
    background: #0057FF;
    color: #FFFFFF;
    width: 11.25rem;
}
.pop-wrapper .guide-buy-vip{
    width:450px;
    padding-bottom: 20px;
    background: #fff;
    position: relative;
    display:flex;
    flex-direction:column ;
    justify-content: flex-start;
    align-items: center;
    border-radius:6px;
}
.pop-wrapper .guide-buy-vip .pop-decoration{
    background: url("//js.tusij.com/custom/img/common/pop-decoration-bg.png") center no-repeat;
    background-size:contain;
    width:450px;
    height:124px;
    position: absolute;
    top:-34px;
}
.pop-wrapper .guide-buy-vip .info{
    text-align: center;
    position: absolute;
    z-index:2;
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
    top:28px;
}
.pop-wrapper .guide-buy-vip .info2{
    margin:105px auto 22px;
    font-size: 18px;
    font-weight: bold;
    color: #212227;
}
.pop-wrapper .guide-buy-vip .info3{
    margin-left:252px;
    margin-right:auto;
    margin-bottom:10px;
    background: #F4463C;
    color:#FFF;
    font-size: 12px;
    padding:0.25rem 10px;
    width:140px;
    height:24px;
    border-radius: 12px;
    display:inline-block;
    position:relative;
}
.pop-wrapper .guide-buy-vip .info3::after{
    content:'';
    top:100%;
    left:50%;
    transform: translate(-50%,-3px) rotateZ(45deg);
    width:6px;
    height:6px;
    background: #F4463C;
    position: absolute;
}

.pop-wrapper .guide-buy-vip .purchase-vip{
    margin-top:2px;
    width:240px;
    height:48px;
    background: linear-gradient(90deg, #F8DBA7 0%, #E9BF6E 100%);
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #2F1C00;
    position: relative;
}
.pop-wrapper .guide-buy-vip .purchase-vip:hover::after{
    content:'';
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(255,255,255,0.2);
}

.pop-wrapper .guide-buy-vip .close-button{
    color:#FFF;
    top: -7px;
    right: -24px;
}

.header{
    display:flex;
    justify-content: center;
    align-items: center;
}

.h-nav-item{
    position: relative;
    color: #171718;
    height:100%;
    cursor:pointer;
}

.h-nav-item.h-template-center{
    height:auto;
}

.h-nav-item .icon{
    margin-top:2px;
    margin-right:5px;
}

.h-template-center .iconfont{
    -webkit-text-stroke-width: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(120.63deg, #98A1B2 -0.51%, #636D7F 100.5%);
    font-weight: normal;
    margin-right: 3px;
    margin-top: 2px;
}

.h-template-center:hover .iconfont{
    background: transparent;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: currentColor;
    color:currentColor;
}

.h-nav-item a{
    color:#171718;
}
.h-nav-item > a{
    white-space: nowrap;
    height:100%;
    width:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    padding:0 15px;
}

.h-nav-item:hover > a{
    color: #0057FF;
}

.h-info{
    margin-right:0;
    margin-left:10px;
}

.h-info .h-profile{
    display:flex;
    justify-content: center;
    align-items: center;
}

.h-info .h-profile .vip-permanent{
    order:2;
}

.h-search{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    position:relative;
    height:40px;
    padding:0;
    /*margin-left:15px;*/
    margin-right:15px;
}

.h-search input{
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.h-search .clear-input{
    position:absolute;
    width:20px;
    height:20px;
    right:100px;
    font-size:20px;
    color:rgba(23, 23, 24, 0.3);
    cursor:pointer;
    display:none;
}
.h-search .clear-input.active{
    display:block;
}

.h-search .clear-input .icon{
    vertical-align:0;
    transform: translateY(-4px);
    font-size: 16px;
}


.h-search .search-button{
    width:90px;
    background: #0057FF;
    border-radius: 0 4px 4px 0;
    color:#FFFFFF;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.h-search .search-button .icon{
    font-size:20px;
}

.h-search .search-button:hover{
    cursor:pointer;
    opacity: 0.8;
}

.h-search input{
    background: #F1F3F5;
    height:100%;
    border-radius: 4px 0 0 4px;
    padding-left:116px;
    color: #171718;
    font-size:15px;
}

.h-search input:hover{
    box-shadow:inset 0 0 0 2px #0057FF;
    background: #FFF;
}

.h-search input::-webkit-input-placeholder {
    font-size: 15px;
}

.h-search input:focus{
    box-shadow:inset 0 0 0 2px #0057FF;
    background: #FFF;
}

.h-search .h-search-wrap.active{
    display:block;
}

.h-search .h-search-cata {
    position: absolute;
    height:100%;
    padding-left:20px;
    top:50%;
    left:0;
    transform: translate(0,-50%);
    text-align: center;
    cursor: pointer;
    white-space:nowrap;
    display:flex;
    justify-content: center;
    align-items: center;
    z-index:2;
}

.h-search .h-search-cata .h-search-cata-hover.active{
    display:block;
}

.h-search .h-search-cata .h-search-cata-hover .iconfont{
    -webkit-text-stroke-width: 0;
    font-weight:normal;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.h-search .h-search-cata .h-search-cata-hover .icon-icon_all{
    background-image: linear-gradient(120.63deg, #98A1B2 -0.51%, #636D7F 100.5%);
}
.h-search .h-search-cata .h-search-cata-hover .icon-icon_picture{
    background-image: linear-gradient(136.83deg, #35B6FF -1.04%, #0A89FF 100.79%);
}
.h-search .h-search-cata .h-search-cata-hover .icon-icon_gif{
    background-image: linear-gradient(180deg, #FBB024 0%, #FD991C 100%);
}
.h-search .h-search-cata .h-search-cata-hover .icon-icon_video{
    background-image: linear-gradient(180deg, #A46DFF 0%, #8067FF 100%);
}
.h-search .h-search-cata .h-search-cata-hover .icon-icon_photograph{
    background-image: linear-gradient(180deg, #43DFBA 0%, #0FC79B 100%), linear-gradient(180deg, #FBB024 0%, #FD991C 100%);
}


.h-search .h-search-cata > span {
    color: #96999E;
    font-size: 15px;
    line-height: 37px;
}

.h-search .h-search-cata:hover > span .iconfont{
    transform: rotateZ(180deg) scale(0.6);
}

.h-search-recommend{
    display:none;
}

.h-search-recommend.active{
    display:block;
}

.h-search-recommend .recommend-dropdown .recommend-dropdown-item{
    width:100%;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    height:34px;
    color:#171718;
    font-size: 14px;
    padding-left:16px;
    background: #FFF;
    cursor:pointer;
}
.h-search-recommend .recommend-dropdown .recommend-dropdown-item a{
    width:100%;
    color:currentColor;
}
.h-search-recommend .recommend-dropdown .recommend-dropdown-item:nth-child(1)::after,
.h-search-recommend .recommend-dropdown .recommend-dropdown-item:nth-child(2)::after,
.h-search-recommend .recommend-dropdown .recommend-dropdown-item:nth-child(3)::after{
    content:'';
    width:16px;
    height:16px;
    padding-left:7px;
    background:url("//js.tusij.com/custom/img/common/icon_hot.svg")  no-repeat center;
    background-size:contain;
}

.h-search-recommend .recommend-dropdown .recommend-dropdown-item:hover{
    background: #F6F7F9;
    color: #0057FF;
}

.h-search-history,
.h-search-hot,
.h-search-topic{
    width:100%;
    min-width:578px;
    display:none;
    padding: 0 20px;
}
.h-search-history.active,
.h-search-hot.active,
.h-search-topic.active{
    display:block;
}


.h-search-history{
    margin-top:20px;
}
.h-search-hot{
    margin-top:16px;
}
.h-search-topic{
    margin-top:10px;
}

.h-search-history .small-title,
.h-search-hot .small-title,
.h-search-topic .small-title{
    color: rgba(23, 23, 24, 0.8);
    margin-bottom:10px;
    position:relative;
}

.h-search-history .clear-record,
.h-search-hot .see-more,
.h-search-topic .see-more{
    position:absolute;
    top:50%;
    right:0;
    transform: translate(0,-50%);
    font-size: 12px;
    color: rgba(23, 23, 24, 0.4);
    cursor:pointer;
}

.h-search-history .clear-record:hover,
.h-search-hot .see-more:hover,
.h-search-topic .see-more:hover{
    color:#0057FF;
}

.h-search-list{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width:100%;
    margin-top:10px;
    margin-left:-4px;
    margin-right:-4px;
    max-height:46px;
    overflow: hidden;
}

.h-search-list .h-search-list-item{
    margin:4px;
    padding:0.5rem 0.8rem;
    color:#171718;
    font-size: 14px;
    cursor:pointer;
    flex-wrap: wrap;
    background: #F7F8FB;
    border-radius: 2px;
}

.h-search-list .h-search-list-item:hover{
    background: #EDEEF2;
}

.h-hot-list{
    display:flex;
    justify-content:flex-start;
    align-items: flex-start;
    flex-wrap:wrap;
    margin-right:-20px;
}
ul.h-hot-list li{
    margin:0 10px 10px 0;
}
.h-hot-list .h-hot-list-item{
    background:#F7F8FB;
    width: 177px;
    height: 40px;
    border-radius: 4px;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    position:relative;
    padding-left:10px;
    overflow:hidden;
    cursor:pointer;
}

.h-hot-list .h-hot-list-item:hover{
    background: #EDEEF2;
}

.h-topic-list .h-topic-list-item{
    background:rgba(0,0,0,0.6);
    width: 177px;
    height: 71px;
    margin:0 10px 10px 0;
    border-radius: 4px;
    display:flex;
    justify-content: center;
    align-items: center;
    position:relative;
    overflow:hidden;
    cursor:pointer;
}

.h-topic-list .h-topic-list-item:hover .h-topic-img-wrapper{
    transform: scale(1.2);
    transition: transform 0.3s;
}

@media(max-width: 1580px){
    .h-search-history,
    .h-search-hot,
    .h-search-topic{

    }
    .h-hot-list .h-hot-list-item{
        width:137px;
        height:40px;
        cursor:pointer;
    }
    .h-topic-list .h-topic-list-item{
        width:137px;
        height:55px;
        cursor:pointer;
    }
}

.h-topic-list .h-topic-list-item .h-topic-img-wrapper{
    width:100%;
    height:100%;
    position: relative;
}

.h-topic-list .h-topic-list-item img{
    height:100%;
    width:100%;
    position: relative;
    object-fit: cover;
}

.h-topic-list .h-topic-list-item .h-topic-img-wrapper::after{
    content:'';
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.5);
}

.h-hot-list .h-hot-list-item .h-rank{
    width:18px;
    height:18px;
    background: #B1B3B8;
    border-radius: 2px;
    display:flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 14px;
    margin-right:10px;
}

.h-hot-list .h-hot-list-item .h-rank.r1{
    background: #FF413D;
}
.h-hot-list .h-hot-list-item .h-rank.r2{
    background: #FF7D00;
}
.h-hot-list .h-hot-list-item .h-rank.r3{
    background: #FEB430;
}

.h-hot-list .h-hot-list-item .h-hot-text{
    font-size:14px;
}

.h-topic-list .h-topic-list-item .h-topic-text{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    font-size: 14px;
    color: #FFFFFF;
    white-space: nowrap;
}

.h-topic-list{
    display:flex;
    justify-content:flex-start;
    align-items: flex-start;
    flex-wrap:wrap;
    margin-right:-20px;
}

.h-hot-list .h-hot-list-item > a,
.h-topic-list .h-topic-list-item > a{
    position: relative;
    width:100%;
    height:100%;
}

.h-template-popover{
    position:absolute;
    display:none;
    z-index:10;
    top:100%;
    left:0;
    box-shadow: 0 8px 15px rgba(47, 63, 95, 0.1);
    padding-top:10px;
    font-weight:normal;
    background:#FFF;
    cursor:default;
    border-radius: 8px;
    overflow: hidden;
}

.h-tool-popover,
.h-palette-popover{
    position:absolute;
    display:none;
    z-index:10;
    top:100%;
    left:50%;
    transform: translate(-50%,-10px);
    color:rgba(23, 23, 24, 0.8);
    width:110px;
    box-shadow: 0 8px 15px rgba(47, 63, 95, 0.1);
    padding:10px 0;
    font-weight:normal;
    background: #FFF;
}
.h-palette-popover{
    width: 120px;
}

.h-tool-popover .tool-item,
.h-palette-popover .palette-item{
    white-space: nowrap;
    height:34px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(23, 23, 24, 0.8);
    width:100%;
    background:#FFF;
}

.h-tool-popover .tool-item:hover,
.h-palette-popover .palette-item:hover{
    background: #F6F7F9;
    color: #0057FF;
}

.h-more-popover{
    position:absolute;
    display:none;
    z-index:10;
    top:100%;
    left:50%;
    transform: translate(-50%,-10px);
    width:110px;
    background:#FFF;
    box-shadow: 0 8px 15px rgba(47, 63, 95, 0.1);
    padding:10px 0;
    font-weight:normal;
}
.h-more-popover .more-item{
    white-space: nowrap;
    height:34px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(23, 23, 24, 0.8);
    width:100%;
    background:#FFF;
}

.h-more-popover .more-item:hover{
    background: #F6F7F9;
    color: #0057FF;
}


.h-enterprise-popover{
    position:absolute;
    display:none;
    z-index:10;
    top:100%;
    right:0;
}

.h-personal-popover{
    position:absolute;
    display:none;
    z-index:10;
    top:100%;
    right:0;
    width: 400px;
    height: 340px;
    border-radius:6px;
    background: linear-gradient(224deg,rgba(255,252,246,1) 0%,rgba(255,251,245,1) 0%,rgba(255,255,255,1) 100%);
}
.h-gift-popover{
    position:absolute;
    display:none;
    z-index:10;
    width: 340px;
    height: 238px;
    top:100%;
    right:0;
    padding: 10px;
    border-radius:6px;
    background: linear-gradient(224deg,rgba(255,252,246,1) 0%,rgba(255,251,245,1) 0%,rgba(255,255,255,1) 100%);
}
.h-mobile-popover{
    position:absolute;
    display: none;
    z-index: 10;
    top: 100%;
    right: 0;
    border-radius: 8px;
    padding: 195px 5px 24px;
    width: 192px;
    background: url("//js.tusij.com/custom/img/common/qr-code-app.png") no-repeat top 5px center/182px 182px #FFF;
    color: #171718;
    text-align: center;
    cursor: default;
    box-shadow: 0 8px 15px rgba(47, 63, 95, 0.1);
}

.h-template-popover.active,
.h-tool-popover.active,
.h-palette-popover.active,
.h-more-popover.active,
.h-enterprise-popover.active,
.h-personal-popover.active{
    display:block;
}
.h-template-center:hover .h-template-popover,
.h-tool:hover .h-tool-popover,
.h-palette:hover .h-palette-popover,
.h-more:hover .h-more-popover,
.h-enterprise-vip:hover .h-enterprise-popover,
.h-personal-vip:hover .h-personal-popover,
.h-activity-gift:hover .h-gift-popover,
.h-mobile-guide:hover .h-mobile-popover{
    display:block;
}
.h-not-login>a{
    width:50px;
    padding-left:10px;
    padding-right:10px;
    cursor: pointer;
}
.h-not-login>a,
.header-home .quick-entry-second .not-login>a{
    width:124px;
    color:#171718;
    font-size:13px;
}

.h-not-login>a .avatar-img,
.header-home .quick-entry-second .not-login>a .avatar-img{
    width:40px;
    height:40px;
    border-radius:50%;
    flex-shrink: 0;
    background:url("//js.tusij.com//custom/img/common/default_avatar.png") center/cover no-repeat;
    margin-right:4px;
}

.h-activity-gift > a,
.header-home .quick-entry-second .activity-gift>a,
.h-personal-vip > a,
.header-home .quick-entry-second .personal-vip>a,
.h-enterprise-vip>a,
.header-home .quick-entry-second .enterprise-vip>a,
.h-my-design>a,
.header-home .quick-entry-second .my-design>a,
.h-pwa-button>a,
.header-home .quick-entry-second .pwa-button>a,
.h-mobile-guide>a,
.header-home .quick-entry-second .mobile-guide>a{
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: rgba(23,23,24,0.85);
    font-size: 12px;
    padding: 0 10px;
}
.h-activity-gift>a>img,
.header-home .quick-entry-second .activity-gift>a>img,
.h-personal-vip > a>img,
.header-home .quick-entry-second .personal-vip>a>img,
.h-enterprise-vip>a>img,
.header-home .quick-entry-second .enterprise-vip>a>img,
.h-my-design>a>img,
.header-home .quick-entry-second .my-design>a>img,
.h-pwa-button>a>img,
.header-home .quick-entry-second .pwa-button>a>img,
.h-mobile-guide>a>img,
.header-home .quick-entry-second .mobile-guide>a>img{
    width: 26px;
    height: 26px;
}
.h-activity-gift > a > p,
.header-home .quick-entry-second .activity-gift>a>p,
.h-personal-vip > a>p,
.header-home .quick-entry-second .personal-vip>a>p,
.h-enterprise-vip>a>p,
.header-home .quick-entry-second .enterprise-vip>a>p,
.h-my-design>a>p,
.header-home .quick-entry-second .my-design>a>p,
.h-pwa-button>a>p,
.header-home .quick-entry-second .pwa-button>a>p,
.h-mobile-guide>a>p,
.header-home .quick-entry-second .mobile-guide>a>p{
    margin-top: 3px;
}

.h-my-design>a>img:nth-child(2),
.header-home .quick-entry-second .my-design>a>img:nth-child(2),
.h-pwa-button>a>img:nth-child(2),
.header-home .quick-entry-second .pwa-button>a>img:nth-child(2),
.h-activity-gift>a>img:nth-child(2),
.header-home .quick-entry-second .activity-gift>a>img:nth-child(2),
.h-mobile-guide>a>img:nth-child(2),
.header-home .quick-entry-second .mobile-guide>a>img:nth-child(2){
    display:none;
}
.h-my-design>a:hover>img:first-child,
.header-home .quick-entry-second .my-design>a:hover>img:first-child,
.h-pwa-button>a:hover>img:first-child,
.header-home .quick-entry-second .pwa-button>a:hover>img:first-child,
.h-activity-gift>a:hover>img:first-child,
.header-home .quick-entry-second .activity-gift>a:hover>img:first-child,
.h-mobile-guide>a:hover>img:first-child,
.header-home .quick-entry-second .mobile-guide>a:hover>img:first-child{
    display:none;
}
.h-my-design>a:hover>img:nth-child(2),
.header-home .quick-entry-second .my-design>a:hover>img:nth-child(2),
.h-pwa-button>a:hover>img:nth-child(2),
.header-home .quick-entry-second .pwa-button>a:hover>img:nth-child(2),
.h-activity-gift>a:hover>img:nth-child(2),
.header-home .quick-entry-second .activity-gift>a:hover>img:nth-child(2),
.h-mobile-guide>a:hover>img:nth-child(2),
.header-home .quick-entry-second .mobile-guide>a:hover>img:nth-child(2){
    display:block;
}

.h-mobile-guide > a > .ic, .h-my-design > a > .ic {
    font-size: 24px;
}

.h-mobile-guide>a:hover>.ic, .h-my-design > a:hover >.ic {
    color: #0057ff;
}


.h-pwa-button,
.h-my-design,
.header-home .quick-entry-second .pwa-button,
.header-home .quick-entry-second .my-design{
    position:relative;
}
.h-pwa-button{
    display:none;
}
.h-my-design .tooltip,
.h-pwa-button  .tooltip,
.header-home .quick-entry-second .pwa-button .tooltip,
.header-home .quick-entry-second .my-design .tooltip{
    position: absolute;
    display: none;
    z-index: 10;
    top: 100%;
    left: 50%;
    transform: translate(-50%,-7px);
    padding: 0.25rem 0.5rem;
    white-space: nowrap;
    border-radius: 4px;
    background: #000;
    color: #FFF;
    font-size: 14px;
}
.header-home .quick-entry-second .pwa-button:hover .tooltip,
.header-home .quick-entry-second .my-design:hover .tooltip{
    transform: translate(-50%,6px);
    padding: 0.25rem 0.5rem;
}
.h-my-design .tooltip::after,
.h-pwa-button  .tooltip::after,
.header-home .quick-entry-second .pwa-button .tooltip::after,
.header-home .quick-entry-second .my-design .tooltip::after{
    content:'';
    position:absolute;
    z-index: -1;
    bottom:100%;
    left:50%;
    transform: translate(-50%,10px) rotateZ(45deg);
    width:14px;
    height:14px;
    background: #000;
}
.h-my-design:hover .tooltip,
.h-pwa-button:hover .tooltip,
.header-home .quick-entry-second .pwa-button:hover .tooltip,
.header-home .quick-entry-second .my-design:hover .tooltip{
    display:block;
}

.f-category-top{
    background: #F5F5F8;
    position:sticky;
    top:70px;
    left:0;
    right:0;
    z-index:9;
    height:60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.f-category-top.active{
    box-shadow: 0 8px 15px rgba(150,153,158,0.2);
    background: #FFF;
}

.f-category-top .category-list{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    margin:0 auto;
}

.f-category-top .category-list >li{
    margin:10px 6px;
    padding:0.2rem 0.8rem;
    color: rgba(23, 23, 24, 0.8);
    font-size: 15px;
    cursor:pointer;
    white-space: nowrap;
    background: #F5F5F8;
    border-radius: 4px;
    position:relative;
}
.f-category-top .category-list.total-ten >li{
    margin-left: 10px;
    margin-right: 10px;
}
.f-category-top .category-list >li.video-new::after,
.f-category-top .category-list >li.photo-new::after,
.f-category-top .category-list >li.poster-new::after{
    position:absolute;
    right:0;
    bottom:100%;
    transform: translateY(2px);
    width:38px;
    height:16px;
    content:'';
}
.f-category-top .category-list >li.video-new::after{
    background: url("//js.tusij.com/custom/img/common/xbtiyj2.png") center/contain no-repeat;
}
.f-category-top .category-list >li.photo-new::after{
    background: url("//js.tusij.com/custom/img/common/uhxbla2.png") center/contain no-repeat;
}
.f-category-top .category-list >li.poster-new::after{
    background: url("//js.tusij.com/custom/img/common/poster2.png") center/contain no-repeat;
}
.f-category-top .category-list >li:hover{
    color:#0057FF;
    background: #F5F5F8;
}

.f-category-top .category-list >li.active,
.f-category-top .category-list >li.active:hover{
    color: #FFF;
    background: #0057FF;
}

.f-category-top .category-list .iconfont{
    background-image: linear-gradient(120.63deg, #98A1B2 -0.51%, #636D7F 100.5%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-stroke-width: 0;
    font-weight:normal;
}

.f-category-top .category-list >li:hover .iconfont,
.f-category-top .category-list >li.active .iconfont{
    color:currentColor;
    background: transparent;
    -webkit-text-fill-color: currentColor;
    -webkit-background-clip: border-box;
}


.f-category-wrapper{
    padding-top:12px;
    padding-bottom:5px;
}

.f-category-wrapper .f-category{
    display:flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}

.f-category-wrapper .f-category .f-category-item{
    white-space: nowrap;
}

.f-category-wrapper .f-category .category-list{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    flex-grow:1;
    margin:0 auto;
    max-width:1200px;
    overflow:hidden;
    position:relative;
    height:43px;
}

.f-category-wrapper .f-category .show-more-button,
.f-category-wrapper .f-category .select-format-button{
    white-space:nowrap;
    color: rgba(23, 23, 24, 0.8);
    cursor:pointer;
    font-size:14px;
    position: relative;
    margin-top:12px;
    display:none;
}
.f-category-wrapper .f-category .select-format-button{
    display:block;
}

.f-category-wrapper .f-category .show-more-button:hover,
.f-category-wrapper .f-category .select-format-button:hover,
.f-category-wrapper .f-category .select-format-button.active{
    color: #0057FF;
}

.f-category-wrapper .f-category .show-more-button.active svg{
    transform: rotateZ(180deg);
}

.f-category-wrapper .f-category .select-format-button:hover svg{
    transform: rotateZ(180deg);
}

.f-category-wrapper .f-category .select-format-button:hover .nav-plate-item{
    display:block;
    z-index:14;
}

.f-category-wrapper .f-category .f-category-item,
.f-category-wrapper .f-category .category-list >li{
    margin:6px 6px;
    color: rgba(23, 23, 24, 0.8);
    font-size: 14px;
    cursor:pointer;
    border-radius: 2px;
}

.f-category-wrapper .f-category .f-category-item{
    margin-left:0;
}

.f-category-wrapper .f-category .category-list >li.active,
.f-category-wrapper .f-category .category-list >li.active a,
.f-category-wrapper .f-category .f-category-item.active,
.f-category-wrapper .f-category .f-category-item.active a,
.f-category-wrapper .f-category .category-list >li:hover,
.f-category-wrapper .f-category .category-list >li:hover a,
.f-category-wrapper .f-category .f-category-item:hover,
.f-category-wrapper .f-category .f-category-item:hover a{
    color: #0057FF;
    background: #E5EEFF;
    border-radius:4px;
}

.f-category-wrapper .f-category .category-list >li>a,
.f-category-wrapper .f-category .f-category-item a{
    display:block;
    padding:0.4rem 0.8rem;
}

.f-category-wrapper .f-category .category-list.with-search-type {
    flex-grow: 0;
}

.f-category-wrapper .f-category .search-type {
    font-size: 14px;
    color: #666666;
    height: 43px;
    flex-grow: 1;
    display: flex;
    align-items: center;
}
.f-category-wrapper .f-category .search-type .search-type-divider {
    height: 32px;
    color: #D8D8D8;
    line-height: 32px;
    padding: 0 12px;
}
.f-category-wrapper .f-category .search-type .search-type-head {
    padding: 0.4rem 0 0.4rem  0.8rem;
}
.f-category-wrapper .f-category .search-type .search-type-body {
    display: flex;
}
.f-category-wrapper .f-category .search-type .search-type-body .search-link {
    display: inline-block;
    padding: 0.4rem 0.8rem;
}
.f-category-wrapper .f-category .search-type .search-type-body .check-box {
    display: flex;
    align-items: center;
}
.f-category-wrapper .f-category .search-type .search-type-body .check-box i {
    display: inline-block;
    width:16px;
    height: 16px;
    margin: 0 6px;
    background: url(https://js.tusij.com/img/checkbox/checkbox.svg)
}

.f-category-wrapper .f-category .search-type .search-type-body .search-link:hover .check-box i {
    background: url(https://js.tusij.com/img/checkbox/hoverRed.svg)
}

.f-category-wrapper .f-category .search-type .search-type-body .search-link.active .check-box i {
    background: url(https://js.tusij.com/img/checkbox/checked.svg)
}

.temp-introduce-text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    border-bottom: 1px solid #E4ECFB;
    height: 69px;
}

.temp-introduce-text .temp-text{
    font-size: 20px;
    color: #000;
}
.temp-introduce-text .temp-text .blue{
    color: #0057FF;
}

.temp-introduce-text .temp-update-button{
    width: 145px;
    height: 40px;
    background: #0057FF;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
}

.temp-tab{
    display:flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: row;
    width:1000px;
    height:520px;
}
.temp-tab .temp-tab-nav{
    display:flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    min-width:140px;
    background: #F9FBFF;
    border-right:#E0EBFF;
}
.temp-tab .temp-tab-nav-item{
    padding-left:16px;
    padding-top:12px;
    height:70px;
    background: #F9FBFF;
}

.temp-tab .temp-tab-nav-item .select-title{
    color: #243054;
    font-weight:bold;
    font-size: 16px;
    margin-bottom:6px;
}
.temp-tab .temp-tab-nav-item .select-description{
    color: #6F7C97;
    font-size: 12px;
}

.temp-tab .temp-tab-nav-item .select-description .des1:hover,
.temp-tab .temp-tab-nav-item .select-description .des2:hover{
    color: #0057FF;
}
.temp-tab .temp-tab-nav-item .select-description .des1{
    padding-right:6px;
    border-right:1px solid #F1F3F5;
}

.temp-tab .temp-tab-nav-item .select-description .des2{
    margin-left:6px;
}


.temp-tab .temp-tab-nav-item.active,
.temp-tab .temp-tab-nav-item:hover{
    background: #FFFFFF;
    box-shadow: inset 3px 0 0  -1px #0057FF,1px 0 0 0 #FFF;
}
.temp-tab .temp-tab-nav-item:hover {
    cursor:pointer;
}

.temp-tab .temp-tab-nav-item.active .select-title,
.temp-tab .temp-tab-nav-item:hover .select-title{
    color:#0057FF;
}
.temp-tab .temp-tab-panel{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    background: #FFFFFF;

}
.temp-tab .temp-tab-panel-item{
    display:none;
    flex-grow: 1;
    height:100%;
    background: #FFF;
    padding:10px 30px 0 30px;
    overflow:auto;
}

.temp-tab .temp-tab-panel-item::-webkit-scrollbar {
    width: 6px;
    height:200px;
}
.temp-tab .temp-tab-panel-item::-webkit-scrollbar-thumb {
    width:6px;
    background:#DFE0E3;
    border-radius:3px;
}
.temp-tab .temp-tab-panel-item::-webkit-scrollbar-track {
    border-radius: 10px;
}

.temp-tab .temp-tab-panel-item.active{
    display:block;
}

.h-tab-panel-category{
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap:wrap;
    padding-bottom:27px;
}
.h-tab-panel-category .category-item{
    padding-top:27px;
    width:50%;
}
.h-tab-panel-category .small-title{
    color: #243054;
    font-size: 16px;
    font-weight:bold;
}

.h-tab-panel-category .small-title>a{
    display:inline-block;
    padding-bottom:20px;
    color:currentColor;
}

.h-tab-panel-category .small-title>a:hover{
    color:#0057FF;
}

.h-tab-panel-category .small-title .icon{
    font-size:20px;
}

.h-tab-panel-category .small-title .icon.shou{
    color:#1797FF;
}
.h-tab-panel-category .small-title .icon.xin{
    color:#8E69FF;
}
.h-tab-panel-category .small-title .icon.guang{
    color:#FBAB22;
}
.h-tab-panel-category .small-title .icon.dian{
    color:#FF5F57;
}
.h-tab-panel-category .small-title .icon.lou{
    color:#21A1FF;
}
.h-tab-panel-category .small-title .icon.gi{
    color:#FC9F1E;
}
.h-tab-panel-category .small-title .icon.shi{
    color:#8E69FF;
}
.h-tab-panel-category .small-title .icon.she{
    color:#21CFA5;
}

.h-tab-panel-category .small-title .iconfont{
    margin-right:4px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 0;
    font-weight:normal;
    font-size:20px;
    display:inline-block;
    transform: translateY(1px);
}

.h-tab-panel-category .small-title .icon-icon_picture{
    background-image: linear-gradient(180deg, #35B6FF 0%, #0A89FF 100%);
}
.h-tab-panel-category .small-title .icon-icon_newmedia{
    background-image: linear-gradient(180deg, #A46DFF 0%, #8067FF 100%);
}
.h-tab-panel-category .small-title .icon-icon_ad{
    background-image: linear-gradient(180deg, #FBB024 0%, #FD991C 100%);
}
.h-tab-panel-category .small-title .icon-icon_dianshang{
    background-image: linear-gradient(180deg, #FF7E62 0%, #FF5353 100%);
}
.h-tab-panel-category .small-title .icon-icon_logo{
    background-image: linear-gradient(180deg, #35B6FF 0%, #0A89FF 100%);
}
.h-tab-panel-category .small-title .icon-icon_gif{
    background-image: linear-gradient(180deg, #FBB024 0%, #FD991C 100%);
}
.h-tab-panel-category .small-title .icon-icon_video{
    background-image: linear-gradient(180deg, #A46DFF 0%, #8067FF 100%);
}
.h-tab-panel-category .small-title .icon-icon_photograph{
    background-image: linear-gradient(180deg, #43DFBA 0%, #0FC79B 100%), linear-gradient(180deg, #FBB024 0%, #FD991C 100%);
}

.h-tab-panel-category .small-list{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap:wrap;
    width:100%;
    background: #FFF;
    margin-right:-6px;
}

.h-tab-panel-category .small-list{
    padding-right:10px;
}

.h-tab-panel-category .small-list .small-list-item{
    padding-right:6px;
    margin:5px 6px 5px 0;
    color: #6F7C97;
    font-size: 12px;
    white-space: nowrap;
    cursor:pointer;
    flex-wrap: wrap;
    background: #FFF;
    border-radius: 2px;
    border-right:1px solid #F1F3F5;
}

.h-tab-panel-category .small-list .small-list-item a{
    color:currentColor;
}

.h-tab-panel-category .small-list .small-list-item:last-child{
    border-right:none;
}

.h-tab-panel-category .small-list .small-list-item.active,
.h-tab-panel-category .small-list .small-list-item:hover{
    color: #0057FF;
}

.h-tab-panel-use .use-item,
.h-tab-panel-industry .industry-item{
    display:flex;
    justify-content: center;
    align-items: flex-start;
    padding:20px 0;
    border-bottom:1px solid  #F1F3F5;
}
.h-tab-panel-use .small-title,
.h-tab-panel-industry .small-title{
    color: #243054;
    font-size: 16px;
    font-weight:bold;
    min-width:100px;
    margin-top:2px;
}

.h-tab-panel-use .small-list,
.h-tab-panel-industry .small-list{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap:wrap;
    width:100%;
    background: #FFF;
    margin-right:-6px;
}

.h-tab-panel-use .small-list .small-list-item,
.h-tab-panel-industry .small-list .small-list-item{
    padding-right:6px;
    margin:5px 6px 5px 0;
    color: #6F7C97;
    font-size: 12px;
    white-space: nowrap;
    cursor:pointer;
    flex-wrap: wrap;
    background: #FFF;
    border-radius: 2px;
    border-right:1px solid #F1F3F5;
}
.h-tab-panel-use .small-list .small-list-item:last-child,
.h-tab-panel-industry .small-list .small-list-item:last-child{
    border-right:none;
}

.h-tab-panel-use .small-list .small-list-item.active,
.h-tab-panel-use .small-list .small-list-item:hover,
.h-tab-panel-industry .small-list .small-list-item.active,
.h-tab-panel-industry .small-list .small-list-item:hover{
    color: #0057FF;
}

.h-tab-panel-tool .tool-item-design{
    margin:35px 0;
}
.h-tab-panel-tool .small-title{
    font-size: 20px;
    color: #243054;
    font-weight:bold;
    margin-bottom:20px;
}

.h-tab-panel-tool .tool-item-design .small-list,
.h-tab-panel-tool .tool-item-mobile .small-list{
    display:flex;
    justify-content: flex-start;
    align-items: center;
}

.h-tab-panel-tool .tool-item-design .small-list .small-list-item{
    margin-right:20px;
    width:180px;
    height:80px;
    border-radius:4px;
    padding-top:29px;
    padding-left:20px;
    background: tan;
}

.h-tab-panel-tool .tool-item-mobile .small-list .small-list-item{
    width:180px;
    height:224px;
    margin-right:20px;
}

.h-tab-panel-tool .tool-item-design .small-list .small-list-item:first-child{
    background: url("//js.tusij.com/custom/img/common/caijian.png") center no-repeat;
    background-size:cover;
}
.h-tab-panel-tool .tool-item-design .small-list .small-list-item:nth-child(2){
    background: url("//js.tusij.com/custom/img/common/koutu.png") center no-repeat;
    background-size:cover;
}

.h-tab-panel-tool .tool-item-mobile .small-list .small-list-item:first-child{
    background: url("//js.tusij.com/custom/img/common/zuotu.png") center no-repeat;
    background-size:cover;
}

/*.h-tab-panel-tool .tool-item-mobile .small-list .small-list-item:nth-child(2){*/
/*    background: url("//js.tusij.com/custom/img/common/ship2.png") center no-repeat;*/
/*    background-size:cover;*/
/*}*/

.h-tab-panel-tool .tool-item-mobile .small-list .small-list-item:nth-child(2){
    background: url("//js.tusij.com/custom/img/common/weixin.png") center no-repeat;
    background-size:cover;
}

#masonry.new-level {
    width:1220px;
    transform: translateX(-10px);
    padding-bottom:30px;
    margin: 0 auto;
}

body #masonry.new-level .business {
    position:static;
    display:inline-block;
    width: 16px;
    height: 16px;
    right: 10px;
    line-height: 26px;
    background: url(//js.tusij.com/custom/img/common/icon_shang.svg) center  no-repeat;
    background-size: contain;
    text-align: center;
    font-size:14px;
    color: #666;
    margin-right:2px;
    transform: translateY(-1px);
}

body #masonry.new-level > .box{
    /*鍘熸湰 float:left,鎴戞兂鎶婂畠鍘婚櫎鎺夛紝瀹為檯鏁堟灉鏄紝瀹冧細闈犲彸杈�*/
    /*float:none;*/
    padding: 10px 10px 0;
    margin:0;
    width: 244px;
}

body #masonry.new-level > .box.dianzhao{
    width:405px;
}
body #masonry.new-level .box .min-img{
    border:1px solid #F1F3F5;
    border-radius:4px;
}

body #masonry.new-level .box .text-description{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width:100%;
}
body #masonry.new-level .box .text-description-s2{
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    width:100%;
    line-height:40px;
    height:40px;
    text-align:left;
}
body #masonry.new-level .box .genuine-icon{
    flex-shrink: 0;
    display:flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(146.3deg, #FFE6B6 4%, #EEBE6B 97.5%);
    border-radius: 1px;
    color: #6C4400;
    font-size: 12px;
    margin-right:5px;
    position:relative;
    white-space: nowrap;
    padding:0 4px;
}
body #masonry.new-level .box .genuine-icon .genuine-tooltip{
    display:none;
    position:absolute;
    bottom:100%;
    padding:6px 5px 16px;
    white-space: nowrap;
    left:0;
    background: #FFF;
    color: #67676C;
    font-size:13px;
    justify-content: center;
    align-items: center;
}
body #masonry.new-level .box .genuine-icon:hover .genuine-tooltip{
    display:flex;
    white-space: nowrap;
    z-index:6;
}
body #masonry.new-level .box .genuine-icon .genuine-tooltip .underline{
    text-decoration: underline;
}
body #masonry.new-level .box .text-description .text {
    padding:0;
    height:40px;
    line-height:40px;
    text-align:left;
    color: #666666;
    font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap
}

body #masonry.new-level .box .picture-shade,
body #masonry.new-level .box .video-shade{
    position:absolute;
    top:0;
    left:50%;
    bottom:auto;
    border:none;
    transform:translate(-50%,10px);
    width:calc(100% - 20px);
    height:calc(100% - 10px - 40px);
}

body #masonry.new-level .box .top-btn{
    height:100%;
}

body #masonry.new-level .shouc-btn {
    position: absolute;
    width: 32px;
    height: 32px;
    margin: 0;
    left:10px;
    top: 10px;
    background: url(//s.tusij.com/custom/img/common/icon_collect_hover.svg) center no-repeat;
    background-size: cover;
    z-index:2;
}
body #masonry.new-level .shouc-btn.active {
    color: #fff;
    /* border: 1px solid #ffffff; */
    background: url(//s.tusij.com/custom/img/common/icon_collect_sel.svg) center no-repeat;
    background-size: cover;
}
body #masonry.new-level > .box:hover{
    transform-origin: 50% 50%;
    z-index: 12;
    box-shadow: 0 0 28px -20px #000,inset 0 0 0 1px #DDDEE1;
    position:relative;
}

body #masonry.new-level > .box:hover .top-btn {
    position: static;
    background: linear-gradient(rgba(0,0,0,0.4), transparent 60px,transparent 100%);
}

body #masonry.new-level > .box .top-btn .box-hover-btn{
    position:relative;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    width: auto;
    background: rgba(0,0,0,0.2);
    padding:0;
}

body #masonry.new-level > .box .top-btn .online-edit {
    position: absolute;
    display: inline-block;
    top:10px;
    left: 52px;
    width: 162px;
    height: 32px;
    line-height: 32px;
    margin:0;
    z-index:2;
}
body #masonry.new-level > .box.dianzhao .top-btn .online-edit{
    width:126px;
    left:249px;
}

body #masonry.new-level > .box .top-btn .online-edit:hover{
    cursor:pointer;
}
body #masonry.new-level > .box .top-btn .online-edit:hover::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(255,255,255,0.2);
    border-radius:2px;
}

body #masonry.new-level > .box:hover > .fl .text {
    display: block;
}

body #masonry.new-level .min-img .gif-label{
    position:absolute;
    top:10px;
    left:10px;
    color:white;
    background: linear-gradient(284.04deg, #FF7C01 0%, #FF9E45 100%), linear-gradient(90deg, #FFD6B4 0%, #CB9364 100%), linear-gradient(93.86deg, #4A5671 -0.84%, #12203A 100.34%);
    border-radius: 2px;
    width:32px;
    height:16px;
    font-size: 12px;
}
body #masonry.new-level .min-img .shipin-label,
body #masonry.new-level .min-img .shipin-pro-label{
    position:absolute;
    top:10px;
    left:10px;
    color:white;
    border-radius: 2px;
    white-space: nowrap;
    padding:0.15em 0.4em;
    font-size: 10px;
}
body #masonry.new-level .min-img .shipin-label{
    background: linear-gradient(104.04deg, #A46DFF 0%, #8067FF 100%);
}
body #masonry.new-level .min-img .shipin-pro-label{
    background: linear-gradient(104.04deg, #711AFF 0%, #421DFF 100%);
}

body #masonry.new-level > .box:hover .min-img .gif-label,
body #masonry.new-level > .box:hover .min-img .shipin-label,
body #masonry.new-level > .box:hover .min-img .shipin-pro-label{
    display:none;
}

body #masonry.new-level .gif-item:after{
    display:none;
}
body .content > div#crumbs.new-level{
    padding:10px 0 20px;
    color: rgba(23, 23, 24, 0.4);
}

body .content > .relation.new-level{
    padding:0;
    margin: 0 0 20px;
    border:none;
    font-size:12px;
    color: rgba(23, 23, 24, 0.4);
}

body .content > div#crumbs.new-level .icon{
    margin:0 2px;
}

body .content > div#crumbs.new-level a,
body .content > .relation.new-level a{
    color:currentColor;
}

body .content > .relation.new-level a{
    margin:0 10px;
}

body .content > .relation.new-level h2{
    padding-right:0;
    color: rgba(23, 23, 24, 0.4);
}

body .content > div#crumbs.new-level a:hover,
body .content > .relation.new-level a:hover{
    color:#0057ff;
}
.search-result-null {
    max-width:1200px;
    margin:0 auto;
    padding-bottom:10px;
}
.search-result-null .text1{
    text-align: center;color: #666;font-size: 14px;
}
.search-result-null #none.text2{
    margin-bottom: 20px;
    display:flex;
    justify-content: center;
    align-items: center;
}
.search-result-null .text3{
    font-weight: bold;font-size: 16px;color: #171717;
}

.hg_psn{
    box-shadow: 0 0 0 1px #FFDC24;
}
.hg_ent{
    box-shadow: 0 0 0 1px #F1D0BC;
}
.hg_psn img,
.hg_ent img {
    width:100%;
    height:100%;
}
.hg_psn .hg_icon,
.hg_ent .hg_icon{
    background: url("//js.tusij.com/custom/img/common/hg_psn.png") center no-repeat;
    background-size:contain;
    width:17px;
    height:12px;
    position: absolute;
    top:0;
    right:0;
    transform: rotateZ(45deg) translate(1px,-8px);
    z-index: 1;
}
.hg_ent .hg_icon{
    background-image: url("//js.tusij.com/custom/img/common/hg_ent.png")
}
.act-float-christ{
    position:fixed;
    width:195px;
    height:128px;
    bottom:150px;
    background: url("//js.tusij.com/custom/img/activity/acti_christ/act-christ-entrance4.png") no-repeat center/contain;
    transform: translateX(-110px);
    transition: all 0.5s;
    z-index:10;
}
.act-float-christ:hover{
    transform: translateX(-2px);
}
.seo-text{
    margin-top:30px;
}

.sidebar{
    position:fixed;
    bottom:100px;
    right:0;
    height:auto;
    box-shadow: 0 4px 23px rgba(0, 0, 0, 0.08);
    border:none;
    top:auto;
    display:block;
    z-index:10;
    width:auto;
    background: transparent;
    border-radius: 4px 0 0 4px;
}
.sidebar-list{
    padding:8px 0;
}
ul.sidebar-list > li{
    position:relative;
    background-color: transparent;
}
.sidebar-list .sidebar-item{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size:12px;
    padding-top: 10px;
    padding-bottom:10px;
    text-align: center;
    width:50px;
    cursor:pointer;
    position:relative;
    background: #FFF;
    color:rgba(23,23,24,0.8);
}
.sidebar-list.level2 .sidebar-item.go-top{
    margin-top: 8px;
    padding-bottom:0;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    height: 60px;
}
.sidebar-list .sidebar-item > .icon{
    width:26px;
    height:26px;
    padding-bottom:6px;
}
.sidebar-list .sidebar-item:hover{
    color:#0057FF;
}
.sidebar-list .sidebar-item:hover > .icon:first-child{
    display:none
}
.sidebar-list .sidebar-item .icon:nth-child(2){
    display:none;
}
.sidebar-list .sidebar-item:hover > .icon:nth-child(2){
    display:block;
}
ul.sidebar-list > li:last-child{
    display:none;
}
ul.sidebar-list > li.active:last-child{
    display:block;
}


ul.sidebar-list > li .popover-item{
    transform:translateX(calc(100% + 41px));
    opacity:0;
    z-index:-1;
}
ul.sidebar-list > li:hover .popover-item{
    transform:none;
    opacity:1;
    transition:all 500ms;
}
.popover-phone-terminal{
    margin:0;
    width:350px;
    height:380px;
    background: #FFFFFF;
    box-shadow: 0 4px 23px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    position:absolute;
    right:100%;
    top:-128px;
    z-index:-1;
}
.popover-phone-terminal .min-program{
    display:flex;
    justify-content: center;
    align-items: center;
}
.popover-phone-terminal .min-program .program-item{
    width:50%;
    height:200px;
    border-bottom:1px dashed #F1F3F5;
}
.popover-phone-terminal .min-program .program-item:nth-child(1){
    background: url("//js.tusij.com/custom/img/common/dec2.png") right bottom/30px 30px no-repeat;
    border-right:1px dashed #F1F3F5;
}
.popover-phone-terminal .min-program .program-item:nth-child(2){
    background:url("//js.tusij.com/custom/img/common/dec1.png") right bottom/30px 30px no-repeat;
}
.popover-phone-terminal .program-item{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
}
.popover-phone-terminal .program-item img{
    vertical-align: top;
}
.popover-phone-terminal .program-item .text{
    font-size:13px;
    color:#171718;
    font-weight:bold;
    margin-top:10px;
}
.popover-phone-terminal .official-account{
    margin-top:10px;
    display:flex;
    justify-content: left;
    align-items: center;
}
.popover-phone-terminal .official-account .img-wrapper{
    margin-left:16px;
}
.popover-phone-terminal .official-account .text-wrapper{
    margin-left:10px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.popover-phone-terminal .official-account .text1{
    font-weight: bold;
    font-size: 17px;
    color:#171718;
}
.popover-phone-terminal .official-account .text2{
    margin-top:8px;
    font-weight: 500;
    font-size: 12px;
    color:#96999E;
}
.popover-phone-terminal .official-account .text3{
    margin-top:8px;
    font-weight: 500;
    font-size: 12px;
    color:#2BA246;
    padding-left:20px;
    background: url("//js.tusij.com/custom/img/common/wx-icon.png") left center/14px 14px no-repeat;
}
.popover-exchange-group{
    position:absolute;
    right:100%;
    top:-142px;
    width: 202px;
    height: 230px;
    padding: 14px;
    background: #FFF;
    box-shadow: 0 4px 23px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    z-index:-1;
    opacity: 0;
}
.popover-exchange-group>p{
    font-size: 14px;
    font-weight: bold;
    color:#0057FF;
}
.popover-exchange-group > img{
    width:160px;
    height:160px;
    margin-top:6px;
}
.popover-vip{
    position:absolute;
    right:100%;
    top:0;
}
.popover-vip > a{
    display: block;
}
.popover-custom-service{
    position:absolute;
    top:-55px;
    right:100%;
    width: 202px;
    padding: 14px;
    background: white;
    border-radius: 4px;
    box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.08);
}
.popover-gain-money{
    position: absolute;
    top: -55px;
    right: 100%;
    width: 202px;
    background: white;
    border-radius: 4px;
}
.popover-gain-money>a>img{
    width: 100%;
    height: 100%;
}
.sidebar-item.jump-recharge>img{
    width: 100%;

}
.sidebar .mmcover-side-entrance{
    position: absolute;
    bottom:100%;
    right:0;
    width:176px;
    /*48*248/120*/
    height:140px;
    background: url("//js.tusij.com/custom/img/activity/acti_christ/act-right.png") center/contain no-repeat;
    transform: translateX(136px);
    transition: transform 500ms;
    cursor:pointer;
}
.sidebar .mmcover-side-entrance:hover{
    transform: translateX(0);
}

.f-category-wrapper .f-category:last-child .mmcover-nav-entrance{
    position: absolute;
    width:144px;
    height:36px;
    left: 281px;
    top: 3px;
    z-index:5;
    background: url("//js.tusij.com/custom/img/activity/acti_christ/rukou2.png") center/cover no-repeat;
}
.mmcover-left-float-entrance{
    z-index:200;
    position:fixed;
    left:0;
    top:50%;
    transform: translate(-136px,-50%);
    width:176px;
    height:140px;
    background: url("//js.tusij.com/custom/img/activity/acti_christ/act-left2.png") center/cover no-repeat;
    transition:transform 500ms;
    cursor:pointer;
}
.mmcover-left-float-entrance:hover{
    transform: translate(0,-50%);
}
.sidebar-list.level2{
    background: transparent;
    padding: 0;
}
.sidebar-list.level2 .sidebar-item{
    width: 54px;
    height: 64px;
    padding:0;
}
.sidebar-list.level2 .sidebar-item.gift{
    height: 128px;
    background: transparent;
}
.sidebar-list.level2 .sidebar-item.sign{
    padding-top: 5px;
}
.sidebar-list.level2 .sidebar-item.gift>img{
    width: 100%;
    height: 100%;
}
.sidebar-list.level2 .sidebar-item.gift>img:nth-child(2){
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 33px;
    height: 43px;
    animation: red-envelope-shake 0.8s linear infinite;
    transition: all .3s;
}
@keyframes red-envelope-shake {
    0% { transform: rotate(-7deg) }
    50%  { transform: rotate(7deg) }
    100% {transform: rotate(-7deg) }
}
@keyframes turnX{

    0%{transform:rotateX(0deg);}

    100%{transform:rotateX(360deg);}

}
.sidebar-list.level2 .sidebar-item.jump-recharge{
    height: 64px;
    background: transparent;
}
.sidebar-list.level2 .sidebar-item .icon-wrapper{
    display:flex;
    justify-content: center;
    align-items: center;
}
.sidebar-list.level2 .sidebar-item .icon-wrapper:nth-child(2){
    display:none;
}
.sidebar-list.level2 .sidebar-item .icon-wrapper img{
    width:24px;
    height:24px;
    vertical-align: top;
}
.sidebar-list.level2 .sidebar-item:hover > .icon-wrapper:first-child{
    display:none;
}
.sidebar-list.level2 .sidebar-item:hover .icon-wrapper:nth-child(2){
    display:block;
}
.sidebar-list.level2 .sidebar-item .text-tip{
    position:absolute;
    right:100%;
    top:50%;
    transform:translate(-14px,-50%);
    background: rgba(23,23,24,0.8);
    white-space: nowrap;
    font-size:14px;
    color:#FFF;
    padding:5px 7px;
    border-radius:3px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
    display:none;
}
/*.sidebar-list.level2 .sidebar-item:hover .text-tip{*/
/*    display:block;*/
/*}*/
/*.sidebar-list.level2 .sidebar-item .text-tip::after{*/
/*    position:absolute;*/
/*    left:100%;*/
/*    top:50%;*/
/*    transform:translate(-1px,-50%);*/
/*    content:'';*/
/*    border:6px solid transparent;*/
/*    border-left-color:rgba(23,23,24,0.8);*/
/*    z-index:-1;*/
/*}*/
.history-works-preview{
    display:none;
    cursor:default;
    position:absolute;
    top:100%;
    right:0;
    width:300px;
    border-radius: 4px;
    box-shadow: 0 8px 15px rgba(47, 63, 95, 0.1);
    background:#FFF;
}
.h-nav-item:hover .history-works-preview{
    display:block;
}
.history-works-preview .mouse-extent{
    position:absolute;
    left:100%;
    height:100%;
    width:46px;
    top:-18px;
    z-index:1;
}
.history-works-preview .title-wrapper{
    display:flex;
    justify-content: flex-start;
    align-content: center;
}
.history-works-preview .img-kong,
.history-works-preview .video-kong{
    padding-top:209px;
    text-align: center;
    color: rgba(23, 23, 24, 0.8);
    height:310px;
    background: url("//js.tusij.com/custom/img/common/kong.png") no-repeat top 40px center/ 200px 154px;
}
.history-works-preview .video-kong{
    display:none;
}
.history-works-preview .title-wrapper .img-title,
.history-works-preview .title-wrapper .video-title{
    cursor: pointer;
    padding:18px 15px;
    display:flex;
    justify-content: center;
    align-items: center;
    height:50px;
    font-size:14px;
    color: rgba(23, 23, 24, 0.8);
    position: relative;
}
.history-works-preview .title-wrapper .img-title.active,
.history-works-preview .title-wrapper .video-title.active{
    color: #0057FF;
}
.history-works-preview .title-wrapper .img-title.active::after,
.history-works-preview .title-wrapper .video-title.active::after{
    content: '';
    position: absolute;
    bottom:0;
    width:24px;
    height:2px;
    background:#0057FF;
}
.history-works-preview .outer-frame{
    padding-left:10px;
    height:310px;
    position:relative;
    overflow:auto;
}
.history-works-preview .outer-frame:hover{
    overflow:auto;
}
.history-works-preview .outer-frame::-webkit-scrollbar{
    width: 6px;
    height: 6px;
}
.history-works-preview .outer-frame::-webkit-scrollbar-thumb{
    background: rgb(192,192,192);
    border-radius: 5px;
}
.history-works-preview .scroll-bar-shelter{
    position: absolute;
    top:0;
    right:0;
    height:100%;
    width:8px;
    background: #FFF;
    border-radius:4px;
}
.history-works-preview .item-wrapper{
    width:280px;
    overflow: hidden;
    position:relative;
    background: #FFF;
}
.history-works-preview .item-wrapper.video{
    display:none;
}
.history-works-preview .item-wrapper .item {
    width: 140px;
    position:absolute;
    top:0;
    left:0;
    padding:5px;
    overflow:hidden;
    cursor:pointer;
    transition:left 1s,top 1s;
}
.history-works-preview .item-wrapper .item .item-shade{
    position:absolute;
    top:6px;
    right:6px;
    bottom:6px;
    left:6px;
    background: rgba(0,0,0,0.6);
    display:none;
}
.history-works-preview .item-wrapper .item:hover .item-shade{
    display:block;
}
.history-works-preview .item-wrapper .item .item-shade .button{
    display:block;
    position: absolute;
    top:8px;
    right:8px;
    width:30px;
    height:30px;
    border-radius:4px;
    background: #FFF;
    overflow:hidden;
    padding:6px;
}
.history-works-preview .item-wrapper .item .item-shade .button img{
    vertical-align: top;
    width:100%;
    height:100%;
}
.history-works-preview .item-wrapper .item .item-shade .button:hover img:first-child{
    display:none;
}
.history-works-preview .item-wrapper .item .item-shade .button img:nth-child(2){
    display:none;
}
.history-works-preview .item-wrapper .item .item-shade .button:hover img:nth-child(2){
    display:block;
}
.history-works-preview .item-wrapper .item .item-shade .button:hover{

}
.history-works-preview .item-wrapper .item > img {
    border:1px solid #eee;
    display: block;
    width:100%;
    height:auto;
    border-radius:4px;
}
.history-works-preview .see-all{
    background: transparent;
    z-index:0;
    text-decoration:none;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:14px;
    height:40px;
    color:#171718;
    cursor:pointer;
    width:100%;
    border-top:1px solid rgb(244,244,244)
}
.history-works-preview .see-all.video{
    display:none;
}
.history-works-preview .see-all:hover{
    color:#0057FF;
    font-weight:bold;
}
/* logo banner start */
.logo-banner {
    position: relative;
    height: 329px;
    z-index: 10;
}
.logo-banner .lbn-bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    background-color: gray;
    overflow: hidden;
}
.logo-banner .lbn-bg > video {
    display: block;
    height: 329px;
    width: 100%;
    object-fit: cover;
}
.logo-banner .lbn-wrap > a {
    display: none;
    position: absolute;
    left: 40px;
    top: 40px;
    width: 40px;
    height: 40px;
    background: url(https://s.tusij.com/custom/img/logo/back.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-title {
    text-align: center;
    font-size: 40px;
    line-height: 56px;
    padding-top: 60px;
    color: #FFFFFF;
    text-shadow: 0px 4px 8px #083FE1;
}
.logo-banner .lbn-input {
    position: relative;
    width: 780px;
    height: 60px;
    background: #6285F9;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 28px auto auto auto;
    z-index: 1;
}
.logo-banner .lbn-step {
    display: flex;
    margin-top: 40px;
    justify-content: center;
}
.logo-banner .lbn-step-item {
    width: 230px;
    text-align: center;
}
.logo-banner .lbn-step-item > p {
    color: rgba(255,255,255,.6);
    font-size: 14px;
    padding-bottom: 14px;
}
.logo-banner .lbn-step-item .lbn-step-line {
    position: relative;
    height: 6px;
    background: #6285F9;
}
.logo-banner .lbn-step-item:first-child .lbn-step-line {
    border-radius: 2px 0 0 2px;
}
.logo-banner .lbn-step-item:last-child .lbn-step-line {
    border-radius: 0 2px 2px 0;
}
.logo-banner .lbn-step-item.active .lbn-step-line {
    background: #FFFFFF;
}
.logo-banner .lbn-step-item .lbn-step-line:before {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #6285F9;
}

.logo-banner .lbn-step-item.active .lbn-step-line:before {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: white;
}
.logo-banner .lbn-step-item.active .lbn-step-line:after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #6285F9;
}
.logo-banner .lbn-input-wrap {
    position: relative;
    height: 100%;
}
.logo-banner #lbn-input {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: white;
    padding: 17px 200px 17px 23px;
    background: transparent;
}
.logo-banner #lbn-input::-webkit-input-placeholder { /* WebKit browsers */
    color: rgba(255,255,255,.6);
    font-size: 16px;
}
.logo-banner .lbn-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 7px;
    bottom: 7px;
    width: 177px;
    background: white;
    color: #3B67F7;
    text-align: center;
    font-size: 18px;
    line-height: 44px;
    border-radius: 4px;
    cursor: pointer;
}
.logo-banner .lbn-btn .lbn-btn-arrow {
    display: block;
    width: 18px;
    height: 18px;
    background: url(https://s.tusij.com/custom/img/logo/enter.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-input.active .lbn-input-hover {
    display: flex;
}
.logo-banner .lbn-input-hover {
    display: none;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    top: 60px;
    height: 216px;
    width: 600px;
    background: white;
    padding: 20px;
    padding-right: 0;
    box-shadow: 0px 4px 20px rgba(116, 128, 159, 0.25);
    border-radius: 4px;
}
.logo-banner .lbn-input-hover .lbn-hover-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 80px;
    height: 80px;
    box-shadow: 0px 0px 6px rgba(0, 17, 62, 0.1);
    border-radius: 4px;
    margin-right: 16px;
    margin-bottom: 16px;
    font-size: 13px;
    cursor: pointer;
    color: #999999;
}
.logo-banner .lbn-input-hover .lbn-hover-item:hover {
    box-shadow: 0 0 1px 1px rgb(0, 87, 255);
}
.logo-banner .lbn-input-hover .lbn-hover-item.active {
    background-color: #2556F6;
    color: white;
}
.logo-banner .lbn-hover-item.active .lbn-hitem-icon.lbn-icon1 {
    background: url(https://s.tusij.com/custom/img/logo/sel/jiaoyu.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hover-item.active .lbn-hitem-icon.lbn-icon2 {
    background: url(https://s.tusij.com/custom/img/logo/sel/canyin.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hover-item.active .lbn-hitem-icon.lbn-icon3 {
    background: url(https://s.tusij.com/custom/img/logo/sel/yundong.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hover-item.active .lbn-hitem-icon.lbn-icon4 {
    background: url(https://s.tusij.com/custom/img/logo/sel/fuzhuang.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hover-item.active .lbn-hitem-icon.lbn-icon5 {
    background: url(https://s.tusij.com/custom/img/logo/sel/yiliao.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hover-item.active .lbn-hitem-icon.lbn-icon6 {
    background: url(https://s.tusij.com/custom/img/logo/sel/jinrong.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hover-item.active .lbn-hitem-icon.lbn-icon7 {
    background: url(https://s.tusij.com/custom/img/logo/sel/fangchan.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hover-item.active .lbn-hitem-icon.lbn-icon8 {
    background: url(https://s.tusij.com/custom/img/logo/sel/qiche.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hover-item.active .lbn-hitem-icon.lbn-icon9 {
    background: url(https://s.tusij.com/custom/img/logo/sel/gongyi.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hover-item.active .lbn-hitem-icon.lbn-icon10 {
    background: url(https://s.tusij.com/custom/img/logo/sel/lvyou.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hover-item.active .lbn-hitem-icon.lbn-icon11 {
    background: url(https://s.tusij.com/custom/img/logo/sel/qita.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hitem-icon {
    display: block;
    width: 40px;
    height: 40px;
    margin-bottom: 4px;
}
.logo-banner .lbn-hitem-icon.lbn-icon1 {
    background: url(https://s.tusij.com/custom/img/logo/unsel/jiaoyu.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hitem-icon.lbn-icon2 {
    background: url(https://s.tusij.com/custom/img/logo/unsel/canyin.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hitem-icon.lbn-icon3 {
    background: url(https://s.tusij.com/custom/img/logo/unsel/yundong.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hitem-icon.lbn-icon4 {
    background: url(https://s.tusij.com/custom/img/logo/unsel/fuzhuang.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hitem-icon.lbn-icon5 {
    background: url(https://s.tusij.com/custom/img/logo/unsel/yiliao.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hitem-icon.lbn-icon6 {
    background: url(https://s.tusij.com/custom/img/logo/unsel/jinrong.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hitem-icon.lbn-icon7 {
    background: url(https://s.tusij.com/custom/img/logo/unsel/fangchan.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hitem-icon.lbn-icon8 {
    background: url(https://s.tusij.com/custom/img/logo/unsel/qiche.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hitem-icon.lbn-icon9 {
    background: url(https://s.tusij.com/custom/img/logo/unsel/gongyi.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hitem-icon.lbn-icon10 {
    background: url(https://s.tusij.com/custom/img/logo/unsel/lvyou.png) center no-repeat;
    background-size: contain;
}
.logo-banner .lbn-hitem-icon.lbn-icon11 {
    background: url(https://s.tusij.com/custom/img/logo/unsel/qita.png) center no-repeat;
    background-size: contain;
}
.box-loading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.box-loading span.iconfont {
    font-size: 18px;
    animation: logoRotate 1s infinite linear;
    margin-bottom: 10px;
}
.box-loading span {
    color: #0057ff;
}
.lbn-page {
    display: flex;
    justify-content: space-between;
    width: 442px;
    margin: auto;
    padding-top: 40px;
}
.lbn-page > div {
    height: 60px;
    width: 212px;
    border-radius: 4px;
    line-height: 60px;
    font-size: 24px;
    cursor: pointer;
}
.lbn-page .lbn-diy {
    color: white;
    background: #C4C4C4;
}
.lbn-page .lbn-more {
    color: white;
    background: #2556F5;
}
@keyframes logoRotate {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}
.custom-logo {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    z-index: 999;
}
.custom-logo .custom-logo-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 556px;
    height: 507px;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 4px;
    padding: 32px;
}
.custom-logo .clw-title {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    color: #171718;
}
.custom-logo .clw-subtitle {
    color: #666666;
    padding-top: 40px;
    padding-bottom: 32px;
    font-size: 18px;
}
.custom-logo .clw-control {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 24px;
}
.custom-logo .clw-control label {
    color: #666666;
    font-size: 18px;
    line-height: 25px;
    position: relative;
}
.custom-logo-wrap .clw-control:nth-child(7) label:before {
    color: red;
    content: "*";
    position: absolute;
    right: 100%;
    line-height: 25px;
    top: 0;
}
.custom-logo .clw-control .clw-item{
    flex-basis: 352px;
    height: 40px;
    font-size: 18px;
    border: 1px solid rgba(23, 23, 24, 0.1);
    box-sizing: border-box;
    border-radius: 4px;
    padding-left: 16px;
    color: #999999;
}
.custom-logo .clw-btn > a {
    display: block;
    float: right;
    width: 80px;
    height: 40px;
    background: #2556F5;
    border-radius: 2px;
    text-align: center;
    line-height: 40px;
    color: white;
}
.custom-logo .clw-close {
    position: absolute;
    left: 100%;
    top: 0;
    transform: translate(5px,0);
}
.custom-logo .clw-close > .iconfont {
    font-size: 30px;
    color: white;
}
.tsj-toast-wrap {
    position: fixed;
    top: 300px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 999;
}
.tsj-toast {
    display: flex;
    justify-content: center;
    align-items: center;

    white-space: normal;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 2px 4px rgba(0, 37, 107, 0.1);
    border-radius: 4px;
    padding: 15px 30px;
    margin-bottom: 20px ;
}
.tsj-toast-icon {
    display: block;
    width: 20px;
    height: 20px;

    background: url(//s.tusij.com/custom/img/mine/toast_success.png) center no-repeat;
    background-size: cover;
}
.tsj-toast.tsj-toast-error .tsj-toast-icon {
    background: url(//s.tusij.com/custom/img/mine/toast_error.png) center no-repeat;
    background-size: cover;
}
.tsj-toast.tsj-toast-warning .tsj-toast-icon {
    background: url(//s.tusij.com/custom/img/mine/toast_warning.png) center no-repeat;
    background-size: cover;
}
.tsj-toast-text {
    font-size: 14px;
    line-height: 20px;
    margin-left: 8px;
    color: white;
}
/* logo banner end */

.aa-acti-old{
    margin-left: 310px;
    display: block;
    height: 40px;
    width: 1134px;
    background: url("//js.tusij.com/custom/img/activity/acti_invite/vip-get3-2.png") no-repeat center/cover;
}
.aa-acti-old-float{
    width: 126px;
    height: 210px;
    position: fixed;
    left: 0;
    bottom: 24px;
    z-index: 100;
    background: url("//js.tusij.com/custom/img/activity/acti_invite/vip-get2.png") no-repeat center/cover;
    transform: translateX(-31px);
    transition: transform 0.3s;
    cursor: pointer;
}
.aa-acti-old-float:hover{
    transform: translateX(0);
    cursor: pointer;
}
.h-gift-popover > a {
    width: 320px;
    height: 105px;
    border-radius: 4px;
    display:block;
}
.h-gift-popover > a:first-child{
    background: url("https://js.tusij.com/custom/img/common/float-invite-gift2-2.png") no-repeat center/cover;
}
.h-gift-popover > a:nth-child(2){
    background: url("https://js.tusij.com/custom/img/common/float-sign-gift.png") no-repeat center/cover;
    margin-top:10px;
}

.lead-modal,.invite-modal{
    position: fixed;
    background: rgba(0,0,0,0.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1300;
    display: block;
}
.lead-modal-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 420px;
    height: 540px;
    border-radius: 10px;
}
.lead-modal-content.level2{
    width: 534px;
    height: 579px;
}
.lead-modal .content-main{
    width: 100%;
    height: 100%;
    display:block;
    background: no-repeat center/contain;
}
.lead-modal .close-lead-modal{
    position: absolute;
    left: calc(100% + 35px);
    top: 0;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    cursor: pointer;
    background: url('//js.tusij.com/custom/img/common/close-modal.png') no-repeat center/contain;
}
.lead-modal .close-lead-modal:hover{
    opacity: 0.8;
}
.lead-modal.level2 .close-lead-modal{
    top: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.lead-modal.level2 .content-main{
    padding-top: 362px;
}
.lead-modal.level2 .big-text{
    position: absolute;
    left: 50%;
    top: 47px;
    transform: translateX( -50% );
    width: 598px;
    height: 320px;
    background: no-repeat center/cover;
    animation: big-small 0.9s linear infinite;
    transition: all 0.9s;
}

.lead-modal.level2 .count-down{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 22px;
}
.lead-modal.level2 .count-down .frame{
    width: 1.3em;
}
.lead-modal.level2 .count-down frame.last{
    width: 1.9em;
}

.float-login-nav{
    width: 100%;
    height: 100px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
}
.float-login-nav-content{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}
.float-login-nav .big-logo{
    width: 177px;
    height: 92px;
    background: url("//js.tusij.com/custom/img/common/tusijilogo.png") no-repeat center/contain;
    margin-right: 45px;
    flex-shrink: 0;
}
.float-login-nav .line{
    width: 2px;
    height: 77px;
    background: #FFF;
    margin-right: 45px;
    flex-shrink: 0;
}
.float-login-nav .tusij-description{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-right: 104px;
}
.float-login-nav .tusij-description .small-text1{
    color: #FFF;
    font-size: 24px;
}
.float-login-nav .tusij-description .small-text2{
    font-size: 18px;
    color: #FFF;
    white-space: nowrap;
}
.float-login-nav .tusij-description .small-text2 .big-blue{
    font-size: 30px;
    color: #2F82FF;
}
.float-login-nav .login-tip{
    font-size: 18px;
    color: #FFF;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
    position: relative;
}
.float-login-nav .login-tip .qq-icon,
.float-login-nav .login-tip .wechat-icon,
.float-login-nav .login-tip .phone-icon{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: no-repeat center/contain;
    margin-right: 24px;
}
.float-login-nav .login-tip .small-text3{
    margin-right: 14px;
}
.float-login-nav .login-tip .qq-icon{
    background-image: url('//js.tusij.com/custom/img/common/qq-icon.png');
}
.float-login-nav .login-tip .wechat-icon{
    background-image: url('//js.tusij.com/custom/img/common/wechat-icon.png');
}
.float-login-nav .login-tip .phone-icon{
    background-image: url('//js.tusij.com/custom/img/common/phone-icon.png');
}
.float-login-nav .close-icon{
    position: absolute;
    top: 50%;
    left: calc(50% + 600px);
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    cursor: default;
    background: url('//js.tusij.com/custom/img/common/close-icon.png') no-repeat center/contain;
}

.invite-modal{
    position: fixed;
    background: rgba(0,0,0,0.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1300;
    display: block;
}
.invite-modal-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 440px;
    height: 550px;
    border-radius: 20px;
}
.invite-modal .content-main{
    width: 100%;
    height: 100%;
    display:block;
    background: no-repeat center/contain;
}
.invite-modal .close-invite-modal{
    position: absolute;
    left: calc(100% + 35px);
    top: 0;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    cursor: pointer;
    background: url('//js.tusij.com/custom/img/common/close-modal.png') no-repeat center/contain;
}

.acs-sign-modal{
    position: fixed;
    background: rgba(0,0,0,0.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1300;
    display: block;
}
.acs-sign-modal .modal-content{
    width: 503px;
    background: #FFFFFF;
    border-radius: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    padding: 0 0 10px 0;
    box-shadow: none;
}
.acs-sign-modal .modal-content .close-button{
    position: absolute;
    top: 16px;
    right: 16px;
    width: 17px;
    height: 17px;
    background: url("//js.tusij.com/custom/img/activity/acti_sign/close-button-white.png") no-repeat center/cover;
    cursor: pointer;
}
.acs-sign-modal .modal-content .close-button:hover{
    opacity: 0.8;
}
.acs-sign-modal .content-header{
    background: linear-gradient(90deg, #0085FF 0%, #0047FF 100%);
    height: 76px;
    color: #FFF;
    padding: 14px 0 0 20px;
    font-size: 22px;
}
.acs-sign-modal .content-header .line2{
    font-size: 14px;
    margin-top: 4px;
}
.acs-sign-modal .content-main{
    padding: 20px 0 0 20px;
}
.acs-sign-modal .content-main .small-tip .blue{
    color: #0057FF;
}
.acs-sign-modal .content-main .card-wrapper{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #B7B7B7;
    font-size: 14px;
    margin-top: 16px;
}
.acs-sign-modal .content-main .card-wrapper .card{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
}
.acs-sign-modal .content-main .card-wrapper .card .pic1 {
    width: 56px;
    height: 73px;
    background: url("//js.tusij.com/custom/img/activity/acti_sign/sign-wait-bg-s.png") no-repeat center/cover;
    text-align: center;
    padding-top: 21px;
}
.acs-sign-modal .content-main .card-wrapper .card .pic2{
    width: 34px;
    height: 34px;
    background: url("//js.tusij.com/custom/img/activity/acti_sign/sign-wait-circle.png") no-repeat center/cover;
    margin-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.acs-sign-modal .content-main .card-wrapper .card.finished{
    color: #0057FF;
}
.acs-sign-modal .content-main .card-wrapper .card.finished .pic1{
    background-image: url("//js.tusij.com/custom/img/activity/acti_sign/sign-ok-bg-s.png");
}
.acs-sign-modal .content-main .card-wrapper .card.finished .pic2{
    background-image: url("//js.tusij.com/custom/img/activity/acti_sign/sign-ok-circle-s.png")
}
.acs-sign-modal .content-main .task-wrapper{
    margin-top: 26px;
}
.acs-sign-modal .content-main .task-wrapper.novice-task{
    margin-top: 14px;
}
.acs-sign-modal .content-main .task-wrapper .small-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #999;
    padding: 0 20px 12px 0;
}
.acs-sign-modal .content-main .task-wrapper .small-header .small-title{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
.acs-sign-modal .content-main .task-wrapper .small-header .get-more-vip-time{
    color: inherit;
    text-decoration: none;
}
.acs-sign-modal .content-main .task-wrapper .task-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 20px;
    font-size: 14px;
    color: #999;
    line-height: 40px;
    position: relative;
}
.acs-sign-modal .content-main .task-wrapper .task-item .task-completion{
    width: 75px;
    height: 25px;
    background: linear-gradient(90deg, #0085FF 0%, #0047FF 100%);
    border-radius: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
}
.acs-sign-modal .content-main .task-wrapper .task-item .number-float{
    position: absolute;
    left: 128px;
    top: 50%;
    transform: translateY(-50%);
    color: #0057FF;
}
.acs-sign-modal .content-main .task-wrapper .task-item.finished .task-completion{
    background: #F2F2F2;
    color: #B7B7B7;
}
.acs-sign-modal .content-main .task-wrapper .one-line{
    width: 463px;
    height: 1px;
    background: #F2F2F2;
}
.sidebar .sidebar-list .sidebar-item.gift .sidebar-gift-popover{
    position: absolute;
    width: 251px;
    height: 128px;
    right: 0;
    bottom: 0;
    display: none;
    background: url("//js.tusij.com/custom/img/common/invite-activity-pic-pop-2.png") no-repeat center/cover;
}
.sidebar .sidebar-list .sidebar-item.gift:hover .sidebar-gift-popover{
    display: block;
}
.sidebar .invite-activity-float{
    position: absolute;
    right: 100%;
    top: 0;
}
.sidebar .invite-activity-float>a{
    display: block;
    width: 168px;
    height: 100px;
    background: url("//js.tusij.com/custom/img/common/invite-activity-pic-float-3.png") no-repeat center/cover;
}
.sidebar .invite-activity-float .close-button{
    width: 13px;
    height: 13px;
    background: url("//js.tusij.com/custom/img/common/invite-activity-float-close2.png") no-repeat center/cover;
    position: absolute;
    top: 6px;
    left: 6px;
    cursor: pointer;
}
.sidebar .sidebar-investigation{
    width: 87px;
    height: 77px;
    background: url("//js.tusij.com/custom/img/common/investigation.png") no-repeat center/cover;
    display: block;
    position: absolute;
    bottom: 100%;
    right: 0;
}

.rc-container.rc-change .rc-type.rc-gold > .label{
    animation: uvSymbolShake ease-in-out infinite 3s;
    left: 39px;
}
.rcn-new .rc-items.rc-items-new li.rc-item > .label {
    position: absolute;
    left: 60px;
    top: -20px;
    padding: 0 8px 0 15px;
    border-radius: 0 0 15px 0;
    background: #0057FF;
    color: white;
    line-height: 35px;
    font-size: 14px;
}
.rcn-new .rc-items.rc-items-new li.rc-item > .label {
    animation: uvSymbolShake ease-in-out infinite 3s;
    left: 39px;
}

/* pic-template-search start */
.pic-template-search{
    padding-top:20px;
    width: 1200px;
    margin: 0 auto;
}
/* pic-template-search end */

/* info-nav start */
.pts-info-nav{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    position: relative;
}
.pts-info-nav .blue-color{
    color: #0057FF;
}
/* info-nav end */

/* nav start */
.pts-nav{
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 0;
    color: rgba(23,23,24,0.6);
    margin-top: 22px;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}
.pts-nav > a,
.content .pts-nav > a{
    color: rgba(23,23,24,0.6);
    font-size: 12px;
}
.pts-nav a.blue-color{
    color: #0057FF;
}

.pts-nav > a:hover{
    color: #0057FF;
}
/* nav end */

/* result-info start */
.pts-result-info{
    margin-top: 18px;
    border-top: 1px solid #F5F5F5;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    position: relative;
    padding: 22px 0;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/* result-info end */

/* result-number start */
.pts-result-number{
    font-size: 14px;
    color: inherit;
    letter-spacing: 0;
    padding-top: 0;
    font-weight: normal;
}
.pts-result-number .blue-color{
    color: #0057FF;
}
/* result-number end */

/* similar-like start */
.pts-similar-like{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 24px;
}
.pts-similar-like .small-title{
    margin-right: 26px;
}
.pts-similar-like .control-button{
    width: 14px;
    height: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    padding-bottom: 2px;
    cursor: pointer;
    position: absolute;
}
.pts-similar-like .control-button:hover{
    color: #0057FF;
}
.pts-similar-like .control-button.forward{
    left: 70px;
    top: 50%;
    transform: translateY(-50%);
}
.pts-similar-like .control-button.back{
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.pts-similar-like-list{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    max-width: 518px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}
.pts-similar-like-list::-webkit-scrollbar {
    display: none;
}
.pts-similar-like-list > li{
    margin-right: 12px;
    cursor: pointer;
    white-space: nowrap;
}
.pts-similar-like-list > li:hover{
    color: #0057FF;
}
.pts-similar-like-list > li:last-child{
    margin-right: 0;
}
/* similar-like end */

/* label start */
.pts-label{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #909090;
    font-size: 16px;
    width: 100%;
    margin-top: 34px;
    border-bottom: 1px solid #F1F3F5;
}
.pts-label-list{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pts-label-list > li{
    margin-right: 36px;
    padding-bottom: 5px;
    cursor: pointer;
    border-bottom: 1px solid transparent;
}
.pts-label-list > li.active,
.pts-label-list > li:hover{
    color: #0057FF;
    border-bottom: 1px solid #0057FF;
}
/* label end */

/* select start */
.pts-select{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 24px;
    position: relative;
}
/* select end */

/* color start */
.pts-color{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding:6px 20px 6px 0;
    border-right: 1px solid #E8EAEC;
    margin-right: 20px;
    font-size: 14px;
    color: #909090;
}
.pts-color-list{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.pts-color-list > li{
    border: 1px solid #E8EAEC;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}
.pts-color-list > li.active,
.pts-color-list > li:hover{
    border: 2px solid #0057FF;
}
.pts-color .more-color{
    position: relative;
    border-radius: 2px;
}
.pts-color .more-color.active{
    background: #E5EEFF;
}
.pts-color .more-color .more-button-wrapper{
    color: rgba(23,23,24,0.8);
    display: flex;
    padding-left: 8px;
    padding-right: 20px;
    position: relative;
    cursor: pointer;
    height: 30px;
    justify-content: flex-start;
    align-items: center;
}
.pts-color .more-color .more-button-wrapper::before{
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    border-top: 5px solid rgba(23,23,24,0.8);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.pts-color .more-color.active .more-button-wrapper::before{
    border-top: 5px solid #0057FF;
}
.pts-color .more-color .more-button-wrapper .color-block{
    display: block;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin-left:5px;
}
.pts-color .more-color:hover .more-button-wrapper::before{
    transform: rotateZ(180deg) translateY(50%);
}
.pts-more-color-list{
    position: absolute;
    top: 100%;
    right: 0;
    width: 96px;
    max-height: 198px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 4px 8px rgba(150, 153, 158, 0.2);
    border-radius: 4px;
    padding-top: 6px;
    color: rgba(23,23,24,0.8);
    display: none;
    z-index: 50;
    background: #FFF;
}
.pts-color .more-color:hover .pts-more-color-list{
    display: block;
}
.pts-more-color-list > li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 11px;
    height: 26px;
    cursor: pointer;
}
.pts-more-color-list > li:hover{
    background: #F0F1F4;
}
.pts-more-color-list li > .block{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 6px;
}
/* color end */

/* style start */
.pts-style{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding:6px 20px 6px 0;
    border-right: 1px solid #E8EAEC;
    color: #909090;
    margin-right: 20px;
    font-size: 14px;
}
.pts-style-list{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: rgba(23,23,24,0.8);
}
.pts-style-list > li{
    padding: 0 8px;
    height: 30px;
    margin-right: 2px;
    cursor: pointer;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pts-style-list > li.active,
.pts-style-list > li:hover{
    background: rgba(0, 87, 255, 0.1);
    color: #0057FF;
}
.pts-style .more-style{
    position: relative;
}
.pts-style .more-style .more-button{
    color: rgba(23,23,24,0.8);
    position: relative;
    cursor: pointer;
    height: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 7px;
    padding-right: 16px;
}
.pts-style .more-style .more-button.active{
    background: rgba(0, 87, 255, 0.1);
    color: #0057FF;
}
.pts-style .more-style .more-button::before{
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    border-top: 5px solid rgba(23,23,24,0.8);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.pts-style .more-style:hover .more-button::before{
    transform: rotateZ(180deg) translateY(50%);
}
.pts-more-style-list{
    position: absolute;
    top: 100%;
    right: 0;
    width: 96px;
    max-height: 198px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 4px 8px rgba(150, 153, 158, 0.2);
    border-radius: 4px;
    padding-top: 6px;
    color: rgba(23,23,24,0.8);
    display: none;
    background: #FFF;
    z-index: 50;
}
.pts-style .more-style:hover .pts-more-style-list{
    display: block;
}
.pts-more-style-list > li{
    height: 26px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 11px;
    cursor: pointer;
}
.pts-more-style-list > li:hover{
    background: #F0F1F4;
}
.pts-more-style-list li > .block{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 6px;
}
/* style end */

/* sort start */
.pts-sort{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 6px;
    padding-right: 20px;
    color: #909090;
    font-size: 14px;
}
.pts-sort-list{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: rgba(23,23,24,0.8);
}
.pts-sort-list > li{
    width: 48px;
    height: 30px;
    margin-right: 2px;
    cursor: pointer;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pts-sort-list > li.active,
.pts-sort-list > li:hover{
    background: rgba(0, 87, 255, 0.1);
    color: #0057FF;
}
/* sort end */

/* plate start */
.pts-plate{
    position: absolute;
    right: 0;
    top: 0;
    padding:6px 15px 6px 0;
    width: 96px;
    height: 30px;
    background: #F0F1F4;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(23,23,24,0.8);
    font-size: 14px;
}
.pts-plate .plate-button{
    cursor: pointer;
}
.pts-plate .plate-button::before{
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    border-top: 5px solid rgba(23,23,24,0.8);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.pts-plate:hover .plate-button::before{
    transform: rotateZ(180deg) translateY(50%);
}
.pts-plate-list{
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding-top: 6px;
    box-shadow: 0 4px 8px rgba(150, 153, 158, 0.2);
    border-radius: 4px;
    color: rgba(23,23,24,0.8);
    display: none;
    background: #FFF;
    z-index: 50;
}
.pts-plate:hover .pts-plate-list{
    display: block;
}
.pts-plate-list > li{
    height: 26px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 11px;
    cursor: pointer;
}
.pts-plate-list > li:hover{
    background: #F0F1F4;
}
/* plate end */

/* nav-enterprise-vip-popover start */
.nvp-popover{
    width: 620px;
    height: 380px;
    background: #FFF;
    color: #171718;
    box-shadow: 0 8px 15px rgba(47, 63, 95, 0.1);
    border-radius: 8px;
    overflow: hidden;
    cursor: default;
}
.nvp-text1{
    height: 56px;
    color: #FFD0A9;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 30px;
    background: url("//js.tusij.com/custom/img/common/nvp-v.png") no-repeat right 0 center/206px 56px,
    linear-gradient(90deg, #433D3F 0%, #514A4C 0%, #262426 100%);
}
.nvp-text2{
    margin-left: 30px;
    padding-left: 38px;
    font-size: 20px;
    color: rgba(23,23,24,0.75);
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
    background: url("//js.tusij.com/custom/img/common/nvp-crown.png") no-repeat left 0 center/28px 28px;
}
.nvp-text3{
    margin-left: 30px;
    font-size: 14px;
    color: rgba(23,23,24,0.4);
    display: block;
    margin-top: 2px;
}
.nvp-use-list{
    margin: 28px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nvp-use-list > li{
    padding-top: 54px;
    margin: 0 2px;
    background: url("//js.tusij.com/custom/img/common/ec-icon1.png") no-repeat top 0 center/50px 50px;
    color: rgba(23,23,24,0.8);
    font-size: 14px;
    width: 100px;
    text-align: center;
}
.nvp-use-list > li:nth-child(2){
    background-image: url("//js.tusij.com/custom/img/common/ec-icon2.png");
}
.nvp-use-list > li:nth-child(3){
    background-image: url("//js.tusij.com/custom/img/common/ec-icon3.png");
}
.nvp-use-list > li:nth-child(4){
    background-image: url("//js.tusij.com/custom/img/common/ec-icon4.png");
}
.nvp-use-list > li:nth-child(5){
    background-image: url("//js.tusij.com/custom/img/common/ec-icon5.png");
}
.nvp-use-list > li:nth-child(6){
    background-image: url("//js.tusij.com/custom/img/common/ec-icon6.png");
}
.nvp-text4{
    color: rgba(23,23,24,0.4);
    font-size: 14px;
    margin-left: 30px;
    margin-top: 24px;
    display: block;
}
a.nvp-jump-link{
    margin: 36px auto 0;
    background: linear-gradient(270deg, #2D2B2C 0%, #5C5456 100%), linear-gradient(90deg, #FFCFA3 0%, #C47D55 100%);
    border-radius: 4px;
    height: 48px;
    width: 560px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFD0A9;
    font-size: 18px;
}
.nvp-jump-link:hover{
    opacity: 0.8;
}
/* nav-enterprise-vip-popover end */

/* modal-box start */
.tusij-modal-box{
    position: fixed;
    background: rgba(0,0,0,0.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1300;
}
.tusij-modal-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.tusij-modal-close{
    position: absolute;
    cursor: pointer;
}
.tusij-modal-close.right-inset{
    top: 16px;
    right: 16px;
    width: 17px;
    height: 17px;
    background: url("//js.tusij.com/custom/img/activity/acti_sign/close-button-white.png") no-repeat center/cover;
}
.tusij-modal-close:hover{
    opacity: 0.8;
}
/* modal-box end */

.acs-sign-panel{

}
/* acs-sign-panel start */
.acs-sign-panel{
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    background: #FFF;
    width: 520px;
    padding: 0 0 21px;
}
.acs-sign-panel .top-header{
    background: linear-gradient(90deg, #0085FF 0%, #0047FF 100%), linear-gradient(0deg, #CCCCCC, #CCCCCC), linear-gradient(90deg, #FFAE12 0%, #F07D17 100%);
    color: rgba(213,227,254,0.8);
    height: 91px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.acs-sign-panel .top-header .small-title{
    color: rgba(255,255,255,0.9);
    font-size: 24px;
}
.acs-sign-panel .top-header .sign-success{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px auto 0;
    font-size: 14px;
}
.acs-sign-panel .top-header .sign-success .orange-color{
    color: #E29F62;
}
.acs-sign-panel .acs-tick{
    width: 16px;
    height: 16px;
    display: flex;
    box-sizing: border-box;
    justify-items: center;
    align-items: center;
    background: #FFF;
    color: #0057FF;
    border-radius: 50%;
    padding-left: 3px;
    font-size: 12px;
    margin-right: 6px;
}
.acs-sign-panel .scan-code-wrapper{
    width: 180px;
    margin: 23px auto 0;
    background: url("//js.tusij.com/custom/img/activity/acti_sign/sign-get-gift2.png") no-repeat top 0 center/180px 180px;
    padding-top: 188px;
    text-align: center;
    font-size: 16px;
    color: #666;
}
.acs-sign-panel .one-line{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    margin-top: 24px;
}
.acs-sign-panel .one-line .text{
    font-size: 14px;
    color: #333;
}
.acs-sign-panel .one-line .orange-color{
    color: #FB6424;
}
.acs-sign-panel .one-line .link{
    font-size: 13px;
    color:#A9A9A9;
}
.acs-sign-panel .one-line .link:hover{
    opacity: 0.8;
}
.acs-sign-panel .sign-days{
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.acs-sign-panel .sign-day{
    margin: 0 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.acs-sign-panel .sign-day .day{
    color: #999;
    font-size: 14px;
    margin-top: 16px;
    display: inline-block;
}
.acs-sign-panel .sign-days .sign-day .card{
    padding-top: 50px;
    text-align: center;
    background: url("//js.tusij.com/custom/img/activity/acti_sign/sign-grey.png") no-repeat top 16px center/28px 28px #EFF2F6;
    border-radius: 4px;
    width: 60px;
    padding-bottom: 10px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
.acs-sign-panel .sign-days .sign-day.active .card{
    background-image: url("//js.tusij.com/custom/img/activity/acti_sign/sign-gold.png")
}
.acs-sign-panel .sign-days .sign-day:last-child .card{
    background-image: url("//js.tusij.com/custom/img/activity/acti_sign/gift-grey.png");
}
.acs-sign-panel .sign-days .sign-day.active:last-child .card{
    background-image: url("//js.tusij.com/custom/img/activity/acti_sign/gift-gold.png");
}
.acs-sign-panel .rights-display{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
}
.acs-sign-panel .rights-display .card{
    width: 150px;
    margin: 0 8px;
    background: #EFF2F6;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 0;
    color: #666;
    font-size: 14px;
}
.acs-sign-panel .rights-display .card .text1{
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
    color: #333;
    background: url("//js.tusij.com/custom/img/activity/acti_sign/diamond-icon.png") no-repeat center left 0/22px 22px;
}
.acs-sign-panel .rights-display .card .text1.star{
    background-image: url("//js.tusij.com/custom/img/activity/acti_sign/star-icon-2.png");
}
.acs-sign-panel .rights-display .card .text1 + span{
    margin-top: 14px;
}
.acs-sign-panel .exchange-quick{
    background: #0057FF;
    border-radius: 100px;
    width: 100px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 21px auto 0;

}
.acs-sign-panel .exchange-quick:hover{
    opacity: 0.8;
}
/* acs-sign-panel end */
.acs-sign-reward{
    width: 500px;
    height: 514px;
    padding-top: 306px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: url("https://js.tusij.com/custom/img/activity/acti_sign/sign-pop3.png") no-repeat center/cover;
}

.acs-sign-reward .reward-content{
    font-size: 32px;
    color: #0196FF;
}
.acs-sign-reward .reward-tip{
    font-size: 18px;
    color: #666;
    display: flex;
    margin-top: 10px;
}

.acs-sign-reward .reward-button{
    background: linear-gradient(90deg, #0075FF 0%, #00A3FF 100%);
    border-radius: 100px;
    width: 230px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #FFFFFF;
    margin-top: 20px;
    cursor: pointer;
}
.acs-sign-reward .reward-button:hover{
    opacity: 0.8;
}

#oin-toast{
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 5px;
    background: rgba(0,0,0,.4);
    color: white;
    padding: 23px 48px;
    font-size: 14px;
    z-index: 1400;
}

.question-survey-float{
    position: fixed;
    right: 0;
    bottom: 0;
    background: #FFFFFF;
    box-shadow: 0 4px 36px rgba(0, 5, 31, 0.2);
    border-radius: 10px;
    width: 310px;
    padding: 22px 0 22px;
    z-index: 100;
}
.question-survey-float label{
    font-size: 12px;
    color: #666;
    line-height: 25px;
}
.qsf-title{
    font-size: 16px;
    color: #333333;
    text-align: center;
}
.qsf-question{
    font-size: 13px;
    color: #414141;
    padding: 13px 0 13px 36px;
}
.qsf-button-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}
.qsf-select{
    padding-left: 36px;
}
.qsf-submit-button{
    width: 120px;
    height: 40px;
    margin-top: 12px;
    background: #0057FF;
    box-shadow: 0 8px 16px #95B9FF;
    border-radius: 100px;
    color: #FFF;
    cursor: pointer;
}
.qsf-submit-button:hover{
    opacity: 0.8;
}
.question-survey-float .close{
    width: 15px;
    height: 15px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
.question-survey-float .close::before,.question-survey-float .close::after{
    content:'';
    width: 18px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #A8ABC6;
    transform: translate(-50%,-50%) rotate(45deg);
}
.question-survey-float .close::after{
    transform: translate(-50%,-50%) rotate(-45deg);
}
.question-survey-float .close:hover{
    opacity: 0.8;
}
.h-ph-viptype a::before {
    display: none !important;
}
.h-ph-viptype a::after {
    display: none !important;
}

/* 鐗堟潈鏍囪瘑 */
.copyright-tip-box-qiye-v1 {
    flex-shrink: 0;
    margin-right: 6px;
    position: relative;
    z-index: 1;
}
.copyright-tip-box-qiye-v1 .copyright-tip-btn {
    text-align: center;
    display: block;
    width: 64px;
    height: 22px;
    background: linear-gradient(315deg, #131212 0%, #2F2F2F 50%, #6D6D6D 100%);
    font-size: 12px;
    line-height: 22px;
    color: #FFE5B4;
    border-radius: 10px 0 8px 0;
    margin-top: -2px;
    font-weight: 500;
}
.copyright-tip-box-qiye-v1.free .copyright-tip-btn {
    background: linear-gradient(132deg, #9CE006 0%, #00D828 100%);
    color: #ffffff;
}
.copyright-tip-box-qiye-v1.dl .copyright-tip-btn {
    background: linear-gradient(133deg, #FF0909 0%, #FFA96A 100%);
    color: #ffffff;
}
.copyright-tip-box-qiye-v1 .copyright-tip-content {
    display: none;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgb(159 159 159 / 50%);
    border-radius: 2px;
    font-size: 10px;
    color: #666666;
    line-height: 33px;
    padding-left: 4px;
    height: 34px;
    width: 160px;
    position: absolute;
    left: 0;
    bottom: 28px;
}

.copyright-tip-box-qiye-v1:after {
    content:"";
    width: 100%;
    height: 28px;
    bottom: 0;
    position: absolute;
    display: block;
}

.copyright-tip-box-qiye-v1:hover .copyright-tip-content {
    display: block;
}

/* 鐗堟潈鏍囪瘑 2 鍗曚釜瀛� */
.copyright-tip-box-qiye-v2 {
    background: linear-gradient(315deg, #131212 0%, #2F2F2F 50%, #6D6D6D 100%);
    color: #FFE5B4;
    border-radius: 2px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    width: 48px;
    height: 24px;
    display: flex;
    margin-right: 8px;
    justify-content: center;
    align-items: center;
}

/* 妯℃澘绛夌骇鏍囪瘑澶栧眰 鏍峰紡瑕嗙洊 */
.copyrightBtn_tip_box_save_vip_wrap{
    width: unset !important;
    background: unset !important;
}

/* 閫氱敤鏍峰紡 + vip涓撲韩 */
.copyrightBtn_tip_box_save_vip {
    display: inline-block;
    width: 64px;
    height: 22px;

    background: linear-gradient(133deg, #FF0909 0%, #FFA96A 100%);
    color: #FFFFFF;

    font-size: 12px;
    line-height: 22px;
    font-family: PingFangSC-Semibold, PingFang SC;
    text-align: center;
    text-shadow: 0px 0px 1px rgba(179, 21, 21, 0.32);
    font-weight: 500;

    border-radius: 10px 0px 8px 0px;
}

/* 浼佷笟鍟嗙敤 */
.copyrightBtn_tip_box_save_vip_01{
    background: linear-gradient(315deg, #131212 0%, #2F2F2F 50%, #6D6D6D 100%);
    font-family: PingFangSC-Regular, PingFang SC;
    color: #FFE5B4;
}
/* 鍏嶈垂涓嬭浇 */
.copyrightBtn_tip_box_save_vip_02 {
    font-family: PingFangSC-Regular, PingFang SC;
    background: linear-gradient(132deg, #9CE006 0%, #00D828 100%);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    color: #ffffff;
}
/* 姝ｇ増 */
.copyrightBtn_tip_box_save_vip_03{
    background: #37BD4B;
    color: #FFFFFF;

    border-radius: 5px;
    width: 45px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}