@charset "utf-8";

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

body,
button,
input,
select,
textarea {
    font: 14px/1.5 tahoma, arial, \5b8b\4f53, "Microsoft YaHei";
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

small {
    font-size: 12px;
}

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

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #347aeb;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

img {
    border: 0;
    vertical-align: middle;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    color: #333;
    background: #fff;
    font-family: "Microsoft YaHei";
    font-size: 14px;
}

.clear {
    clear: both;
    height: 1px;
    width: 100%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.hr {
    overflow: hidden;
    width: 100%;
    clear: both;
}

.hr10 {
    height: 10px;
}

.hr20 {
    height: 20px;
}

.hr30 {
    height: 30px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.clearfix {
    zoom: 1;
}

.bgfff {
    background: #fff;
}

.main {
    width: 1200px;
    margin: 0 auto;
}

.none {
    display: none;
}

.block {
    display: block;
}

.bd {
    border: 1px solid #ccc;
}

.ov {
    overflow: hidden;
}

.tablist,
.tablist2 {
    display: none;
}

.tabNav li,
.num span,
.turnbtn {
    cursor: pointer;
}

.turnBtn {
    display: block;
    cursor: pointer;
}

.pt24 {
    padding-top: 24px;
}

.w1200 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.w840 {
    width: 840px;
}

.w340 {
    width: 340px;
}

.pd20 {
    padding: 20px;
}

.pd10 {
    padding: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mr50 {
    margin-right: 50px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.sbg1 {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');
    background: rgba(0, 0, 0, 0.5);
}

:root .sbg1 {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#00000000');
}

/*for IE9*/
.sizing_bd {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex1 {
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.elli2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.elli3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.elli4 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

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

.liscale {
    overflow: hidden;
}

.liscale img,
.jtdate img {
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.liscale:hover img,
.jtdate:hover img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.hov {
    cursor: pointer;
    transition: transform .3s;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
}

.hov:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
}

.babtn {
    overflow: hidden;
    position: relative;
    display: block;
}

.babtn:after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 50%;
    background: rgba(159, 209, 255, 0.1);
    width: 680px;
    height: 680px;
    border-radius: 50%;
    margin-left: -340px;
    margin-top: -340px;
    animation: spread 1.5s infinite both;
    -webkit-animation: spread 1.5s infinite both;
    -moz-animation: spread 1.5s infinite both;
    -o-animation: spread 1.5s infinite both;
    z-index: 1;
}

@keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.jbbg {
    background: rgb(222, 179, 121);
    background: -moz-linear-gradient(180deg, rgb(222, 179, 121) 0%, rgb(249, 217, 168) 100%);
    background: -webkit-linear-gradient(180deg, rgb(222, 179, 121) 0%, rgb(249, 217, 168) 100%);
    background: -o-linear-gradient(180deg, rgb(222, 179, 121) 0%, rgb(249, 217, 168) 100%);
    background: -ms-linear-gradient(180deg, rgb(222, 179, 121) 0%, rgb(249, 217, 168) 100%);
    background: linear-gradient(270deg, rgb(222, 179, 121) 0%, rgb(249, 217, 168) 100%);
}

.jbbg:hover {
    background: rgb(250, 222, 180);
    background: -moz-linear-gradient(0deg, rgb(250, 222, 180) 0%, rgb(222, 183, 133) 100%);
    background: -webkit-linear-gradient(0deg, rgb(250, 222, 180) 0%, rgb(222, 183, 133) 100%);
    background: -o-linear-gradient(0deg, rgb(250, 222, 180) 0%, rgb(222, 183, 133) 100%);
    background: -ms-linear-gradient(0deg, rgb(250, 222, 180) 0%, rgb(222, 183, 133) 100%);
    background: linear-gradient(90deg, rgb(250, 222, 180) 0%, rgb(222, 183, 133) 100%);
}

/*
 * Swiper 2.7.0
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: August 30, 2014
*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;

    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;

    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);

    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;

    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
    /* Specify Swiper's Size: */

    /*width:200px;
    height: 100px;*/
}

.swiper-slide {
    /* Specify Slides's Size: */

    /*width: 100%;
    height: 100%;*/
}

.swiper-slide-active {
    /* Specific active slide styling: */

}

.swiper-slide-visible {
    /* Specific visible slide styling: */

}

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
    /* Stylize pagination button: */

}

.swiper-active-switch {
    /* Specific active button style: */

}

.swiper-visible-switch {
    /* Specific visible button style: */

}

body {
    padding-top: 44px;
}

.indexIcon {
    background-image: url(../../static/img/indexIcon.png);
}

.header {
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    min-width: 1200px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    z-index: 50000;
}

.header .logo {
    padding-top: 13px;
    line-height: 44px;
    font-weight: bold;
    font-family: "Microsoft YaHei";
    font-size: 20px;
    margin-right: 66px;
}

.header .logo img {
    display: block;
    float: left;
    margin-right: 10px;
    height: 44px;
}

.nav > li {
    float: left;
    height: 70px;
    line-height: 70px;
    font-size: 14px;
    position: relative;
    z-index: 50000;
}

.nav > li > a {
    display: block;
    padding: 0 20px;
}

.nav > li > a > i {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    vertical-align: middle;
    border-right: 6px solid transparent;
    border-top: 7px solid #333333;
    margin-left: 6px;
}

.navdrop {
    background-color: #fff;
    padding-left: 40px;
    width: 180px;
    line-height: 48px;
    position: absolute;
    left: 0;
    top: 55px;
    -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    font-size: 14px;
    padding-top: 11px;
    display: none;
    padding-bottom: 18px;
    z-index: 999;
}

.navdrop dt {
    font-weight: bold;
}

.navdrop dd a {
    display: block;
    padding-left: 36px;
    height: 48px;
    overflow: hidden;
    position: relative;
}

.navdrop dd a i {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    background-image: url(../../static/img/navdrop.png);
}

.nav > li:hover .navdrop {
    display: block;
}

.navdrop .n1 {
    background-position: 0 0;
}

.navdrop .n2 {
    background-position: 0 -24px;
}

.navdrop .n3 {
    background-position: 0 -48px;
}

.navdrop .n4 {
    background-position: 0 -72px;
}

.navdrop .n5 {
    background-position: -24px 0;
}

.navdrop .n6 {
    background-position: -24px -24px;
}

.navdrop .n7 {
    background-position: -24px -48px;
}

.navdrop .n8 {
    background-position: -24px -72px;
}

.afterIcon {
    background-image: url(../../static/img/after.png);
}

.header .logintbtn {
    display: block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #347aeb;
    margin-top: 15px;
}

.header .logintbtn:hover {
    opacity: 0.85;
}

.afterLogin {
    position: relative;
}

.afterDisplay {
    height: 70px;
    position: relative;
}

.vipTipbtn {
    display: block;
    color: #c28748;
    font-size: 12px;
    text-align: center;
    float: left;
    padding-top: 17px;
    line-height: 20px;
    margin-right: 15px;
}

.vipTipbtn i {
    display: block;
    width: 18px;
    height: 18px;
    background-position: 0 -92px;
    margin: 0 auto 5px;
}

.ktVip i {
    background-position: 0 -92px;
}

.yktVip i {
    background-position: -22px -92px;
}

.afterDisplay .face {
    width: 46px;
    height: 46px;
    position: relative;
    margin-top: 12px;
    float: left;
}

.afterDisplay .face img {
    display: block;
    border: 1px solid #efefef;
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.afterDisplay .face .ty {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-position: -47px -92px;
}

.afterDisplay .face .ty.qq {
    background-position: -47px -92px;
}

.afterDisplay .face .ty.wx {
    background-position: -67px -92px;
}

.afterDrop {
    position: absolute;
    display: none;
    width: 342px;
    right: 0;
    top: 70px;
    padding-bottom: 4px;
    border-radius: 3px;
    background-color: #fff;
    z-index: 9;
    -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);
}

.afterDropHeader {
    padding: 28px 18px 0 18px;
    height: 72px;
    background-image: url(../../static/img/afterheader.png);
}

.afterDropHeader .face {
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid #eeeeee;
    float: left;
    margin-right: 10px;
}

.afterDropHeader .name {
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
}

.afterDropHeader .name .afterIcon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: 0 -92px;
    vertical-align: middle;
    margin-left: 6px;
}

.afterDropHeader .sm {
    font-size: 14px;
    color: #666666;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    margin-top: 9px;
}

.afterDropHeader .sm span {
    color: #999;
}

.afterDropHeader .getIntoBtn {
    position: absolute;
    right: 18px;
    top: 28px;
    height: 54px;
}

.getIntoBtn .gt {
    font-size: 12px;
    color: #666666;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    display: inline-block;
}

.getIntoBtn .gt:hover {
    color: #775026;
    text-decoration: underline;
}

.getIntoBtn .empt {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.getIntoBtn .btn {
    display: block;
    float: right;
    color: #775026;
    font-size: 14px;
    border-radius: 2px;
    text-align: center;
}

.getIntoBtn .btn.kt {
    width: 54px;
    width: 54px;
    height: 24px;
    line-height: 24px;
}

.getIntoBtn .clearfix {
    margin-top: 6px;
}

.getIntoBtn .btn.xf {
    width: 52px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #deb279;
}

.getIntoBtn .btn.xf:hover {
    background-color: #deb279;
    color: #fff;
}

.afterDrop .qstitle {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #666666;
    height: 24px;
    line-height: 24px;
    padding-top: 19px;
    margin-bottom: 9px;
}

.afterDrop .qstitle .afterIcon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: -22px -92px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 7px;
}

.qslist li {
    width: 113px;
    padding-left: 47px;
    position: relative;
    height: 40px;
    margin-bottom: 16px;
    float: left;
    line-height: 40px;
    color: #666;
    font-size: 14px;
}

.qslist li span {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}

.qslist li .qs1 {
    background-position: 0 0;
}

.qslist li .qs2 {
    background-position: -47px 0;
}

.qslist li .qs3 {
    background-position: 0 -44px;
}

.qslist li .qs4 {
    background-position: -47px -44px;
}

.afterDrop .qslist {
    padding-left: 22px;
}

.ktvipBtn {
    width: 302px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #775026;
    border-radius: 2px;
    margin: 0 auto;
    display: block;
    margin-bottom: 16px;
}

.ktvipBtn:hover {
    color: #775026;
}

.ktVipAfter .ktvipBtn {
    display: none;
}

.ktVipAfter .afterDropHeader .name .afterIcon {
    background-position: -22px -92px;
}

.afterLogin:hover .afterDrop {
    display: block;
}

.banner {
    width: 100%;
    height: 800px;
    padding-top: 118px;
    background-image: url(../../static/img/indexbanner.png);
    background-size: 1920px 918px;
    background-position: center;
    background-color: #1e5bce;
    min-width: 1200px;
    color: #fff;
}

.banner .wzName {
    font-size: 38px;
    font-weight: bold;
    line-height: 1;
    position: relative;
}

.wzName a {
    color: #fff;
    display: block;
}

.wzName a img {
    display: block;
}

.wzName .tipst {
    display: none;
    width: 230px;
    height: 169px;
    background-image: url(../../static/img/tips.png);
    position: absolute;
    left: 16px;
    top: -172px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
    cursor: pointer;
}

.wzName:hover .tipst {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
}

.banner .text {
    font-size: 20px;
    line-height: 36px;
    margin-top: 48px;
    margin-bottom: 38px;
}

.banner .btn {
    display: block;
    width: 218px;
    height: 52px;
    text-align: center;
    line-height: 52px;
    background-color: #ffffff;
    font-size: 24px;
    color: #2c6ff1;
    border-radius: 2px;
    position: relative;
}

.banner .btn a {
    display: block;
    color: #2c6ff1;
    width: 100%;
    height: 100%;
    font-weight: bold;
}

.banner .btn .indexIcon {
    display: block;
    width: 36px;
    height: 34px;
    background-position: -330px -66px;
    position: absolute;
    right: -22px;
    top: -13px;
}

.banner .gn {
    background-color: #fff;
    margin-top: 59px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    overflow: hidden;
}

.banner .gn li {
    color: #333;
    font-size: 18px;
    text-align: center;
    width: 16.66%;
    float: left;
    line-height: 32px;
    font-weight: bold;
    cursor: pointer;
}

.banner .gn li .box {
    display: block;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding-top: 37px;
    height: 162px;
}

.banner .gn li .indexIcon {
    display: block;
    width: 66px;
    height: 66px;
    margin: 0 auto 20px;
}

.banner .gn li .gn1 {
    background-position: 0 0;
}

.banner .gn li .gn2 {
    background-position: -66px 0;
}

.banner .gn li .gn3 {
    background-position: -132px 0;
}

.banner .gn li .gn4 {
    background-position: -198px 0;
}

.banner .gn li .gn5 {
    background-position: -264px 0;
}

.banner .gn li .gn6 {
    background-position: -330px 0;
}

.banner .gn li .gn7 {
    background-position: 0 -66px;
}

.banner .gn li .gn8 {
    background-position: -66px -66px;
}

.banner .gn li .gn9 {
    background-position: -132px -66px;
}

.banner .gn li .gn10 {
    background-position: -198px -66px;
}

.banner .gn li .gn11 {
    background-position: -264px -66px;
}

.banner .gn li .gn12 {
    background-position: -396px 0;
}

.banner .gn li:hover .box {
    background-color: #f2f7ff;
    color: #347aeb;
}

.indexTitle {
    height: 42px;
}

.indexTitle span {
    display: block;
    width: 207px;
    height: 100%;
    background-position: -383px -124px;
    margin: 0 auto;
    text-indent: -9999em;
}

.indexYs .indexTitle span {
    background-position: -383px -173px;
}

.indexYs {
    padding-top: 80px;
}

.indexYs .indexTitle {
    margin-bottom: 62px;
}

.indexYs li {
    width: 25%;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #666666;
    line-height: 18px;
}

.indexYs li .box {
    margin: 0 65px;
    height: 317px;
}

.indexYs li .indexIcon {
    display: block;
    width: 140px;
    height: 140px;
    margin: 0 auto 22px;
}

.indexYs li .indexIcon.ys1 {
    background-position: 0 -215px;
}

.indexYs li .indexIcon.ys2 {
    background-position: -150px -215px;
}

.indexYs li .indexIcon.ys3 {
    background-position: -300px -215px;
}

.indexYs li .indexIcon.ys4 {
    background-position: -450px -215px;
}

.indexYs li h5 {
    margin-bottom: 21px;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}

.indexOhter {
    width: 100%;
    min-width: 1200px;
    background-color: #f8f8f8;
    padding-top: 79px;
    padding-bottom: 120px;
}

.indexOhter .indexTitle {
    margin-bottom: 59px;
}

.indexOhter ul {
    margin-right: -34px;
}

.indexOhter li {
    width: 25%;
    float: left;
}

.indexOhter li .indexIcon {
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 22px;
    background-position: 0 -134px;
}

.indexOhter li .other1,
.indexOhter li .soft-1 {
    background-position: 0 -134px;
}

.indexOhter li .other2,
.indexOhter li .soft-2 {
    background-position: -72px -134px;
}

.indexOhter li .other3,
.indexOhter li .soft-3 {
    background-position: -144px -134px;
}

.indexOhter li .other4,
.indexOhter li .soft-4 {
    background-position: -216px -134px;
}

.indexOhter li .box {
    padding-top: 50px;
    height: 299px;
    background-color: #fff;
    margin-right: 34px;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
}

.indexOhter li .tt {
    font-size: 18px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    font-weight: bold;
    margin-bottom: 6px;
}

.indexOhter li .text {
    font-size: 14px;
    color: #666666;
    padding: 0 18px;
    height: 32px;
    line-height: 16px;
}

.indexOhter li a {
    display: block;
}

.indexOhter li .btn {
    width: 158px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background-color: #347aeb;
    border-radius: 2px;
    margin: 24px auto 0;
}

.indexOhter li .hov:hover {
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    background-color: #4b88eb;
}

.indexOhter li .lik {
    font-size: 14px;
    color: #347aeb;
    line-height: 18px;
    margin-top: 15px;
}

.indexOhter li .lik:hover {
    text-decoration: underline;
}

.indexOhter li .box:hover {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}

/*底部*/
.footnav {
    background-color: #333333;
    color: #666;
}

.site-main {
    width: 100%;
    min-width: 1200px
}

.footer-top {
    padding: 25px 0 55px;
    overflow: hidden;
}

.footer-top > div {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    min-height: 173px;
}

.footer-top > div .h3 {
    font-size: 16px;
    color: #f7f7f7;
    line-height: 1.2;
    margin-bottom: 12px;
    text-align: left;
}

.about-us {
    width: 440px;
    float: left;
    /*border-right: 4px solid #4e4e4e;*/
    padding-right: 60px;
    height: 200px
}

.Relevant-link {
    float: left;
    width: 300px;
    border-right: 4px solid #4e4e4e;
    text-align: center;
    padding: 0 10px;
    margin-left: 40px;
    height: 200px;
    overflow: hidden;
    visibility: hidden;
}

.footer-contact {
    float: left;
    width: 22%;
    text-align: center;
    padding: 0 5px;
    margin-left: 50px
}

.about-us img {
    display: block;
}

.about-us p {
    font-size: 14px;
    color: #999999;
    margin-top: 12px;
    line-height: 1.5
}

.Relevant-link-list {
    overflow: hidden;
    min-height: 105px;
    height: 175px;
}

.Relevant-link-list .swiper-slide {
    list-style-type: square;
}

.Relevant-link-list .swiper-slide {
    font-size: 14px;
    color: #999999;
    line-height: 36px;
    list-style-type: square;
    text-align: left;
    height: 36px;
}

.Relevant-link-list .swiper-slide a {
    font-size: 14px;
    color: #999999;
}

.footer-contact p {
    padding-left: 35px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #999999;
    text-align: left;
}

.footer-contact p.icon-tel {
    background: url("../../static/img/iconphone.png") no-repeat left center;
    line-height: 32px;
}

.footer-contact p.icon-phone {
    background: url("../../static/img/iconmail.png") no-repeat left center;
    line-height: 32px;
}

.footer-contact p.icon-qq {
    background: url("../../static/img/iconqq.png") no-repeat left center;
    margin-bottom: 0;
    line-height: 32px;
}

.footer-contact p.icon-qq a {
    color: #999999;
}

.footer-bottom {
    padding: 25px 0;
    border-top: 1px dotted #666666;
}

.footer-bottom p {
    font-size: 12px;
    color: #999999;
    text-align: center;
    /* margin-top: 15px; */
    text-align: center;
}

.foot {
    line-height: 30px;
    text-align: center;
    background-color: #000000;
    width: 100%;
    color: #666;
    font-size: 12px;
    padding: 16px 0;
}

.foot a,
.footnav a {
    -webkit-touch-callout: none;
    text-decoration: none;
    color: #666666;
    outline: 0;
    cursor: pointer;
}

.pageTitle {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
}

.pageTitle img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.pagefte {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    margin-top: 5px;
}

.dragArea {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 20px 20px 10px;
}

.innerDragArea {
    min-height: 340px;
    border: 1px dashed #367ceb;
    border-radius: 8px;
}

.uploadInutbox {
    width: 100%;
    height: 100%;
    min-height: 359px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.uploadDragTip {
    text-align: center;
}

.uploadDragTip .dragTip {
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    margin-top: 16px;
    margin-bottom: 13px;
}

.uploadDragTip .dragTip span {
    color: #347aeb;
}

.uploadDragTip .selectFile {
    display: block;
    width: 220px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    background-color: #347aeb;
    border-radius: 2px;
    margin: 0 auto;
}

.uploadDragTip .selectFile:hover {
    background-color: #4b88eb;
}

.uploadDragTip .selectFile:active {
    background-color: #1960d1;
}

.disabledBtn,
.disabledBtn:active,
.disabledBtn:hover {
    background-color: #dddddd !important;
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
}

.disabledBtn2 {
    background-color: #347aeb !important;
}

.dragsetUp {
    padding-right: 60px;
    position: relative;
    min-height: 70px;
    padding-top: 18px;
}

.dragsetUp .tt {
    font-size: 16px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
}

.dragsetUp .changeBtn {
    top: 38px;
    right: 0;
    position: absolute;
    z-index: 2;
    width: 158px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #347aeb;
    border-radius: 2px;
    font-size: 14px;
}

.dragsetUp .changeBtn.disabledBtn {
    background-color: #dddddd;
}

.dragsetUp .gs {
    line-height: 34px;
    font-size: 14px;
}

.dragsetUp .gs span {
    padding-left: 30px;
    padding-right: 40px;
}

.dragsetUp .gs span input {
    margin-right: 6px;
}

.pgTiyle {
    height: 36px;
    line-height: 36px;
}

.pgTiyle .tt {
    float: left;
    padding-left: 34px;
    height: 36px;
    position: relative;
    font-size: 20px;
    font-weight: bold;
}

.pgTiyle .tt i {
    background-image: url(../../static/img/pg.png);
    display: block;
    width: 36px;
    height: 36px;
    background-position: 0 5px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
}

.pgContent .blue {
    text-decoration: underline;
}

.gnjs .pgContent,
.sgtj .pgContent {
    padding-left: 34px;
    line-height: 30px;
    color: #666666;
    font-size: 14px;
    margin-top: 5px;
}

.gnjs .pgContent i {
    display: inline-block;
    height: 30px;
    background-image: url(../../static/img/pg.png);
    background-position: -40px 0;
}

.gnjs .pgContent .pg4 {
    width: 18px;
    background-position: -37px -28px;
}

.gnjs .pgContent .pg3 {
    width: 80px;
    text-indent: -99999em;
}

.pgTiyle .tt .pg2 {
    background-position: 0 -36px;
}

.sgtj .pgContent {
}

.tjsoft {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    padding: 30px 157px 30px 30px;
    position: relative;
    height: 70px;
    border-radius: 8px;
    width: 408px;
}

.tjsoft .imgBox {
    display: block;
    width: 70px;
    height: 70px;
    float: left;
    border-radius: 18px;
    margin-right: 14px;
}

.tjsoft .imgBox img {
    display: block;
    width: 100%;
    height: 100%;
}

.tjsoft .tt {
    font-size: 18px;
    font-weight: bold;
    height: 33px;
    line-height: 33px;
    overflow: hidden;
    padding-top: 3px;
}

.tjsoft .text {
    height: 30px;
    overflow: hidden;
}

.tjsoft .btn {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 128px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    background-color: #347aeb;
}

.tjsoft .btn:hover {
    background-color: #4b88eb;
}

.tjsoft .lik {
    position: absolute;
    right: 30px;
    top: 85px;
    width: 128px;
    text-align: center;
    color: #4b88eb;
    line-height: 16px;
}

.tjsoft .lik:hover {
    text-decoration: underline;
}

.uploadlist {
    width: 100%;
    font-size: 14px;
}

.uploadlist .lth {
    height: 47px;
    line-height: 47px;
    background-color: #f3f4f5;
    font-size: 14px;
    border-radius: 8px 8px 0 0;
}

.uploadlist .row {
    display: block;
    float: left;
    height: 100%;
}

.uploadlist .row1 {
    width: 50%;
    text-indent: 42px;
}

.uploadlist .row1 img {
    display: inline-block;
    height: 24px;
    margin-right: 12px;
}

.uploadlist .row1 span {
    display: block;
    width: 80%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uploadlist .row2 {
    width: 13%;
}

.uploadlist .row3 {
    width: 12%;
}

.uploadlist .row3 span {
    display: block;
    width: 52px;
    text-align: center;
}

.uploadlist .row4 {
    width: 17.3%;
    position: relative;
}

.uploadlist .row4 .rowcon {
    width: 110px;
    position: relative;
    padding-top: 14px;
    cursor: pointer;
    height: 44px;
}

.uploadlist .row4 .sec {
    display: block;
    border: 1px solid #cccccc;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
    padding-left: 9px;
    padding-right: 21px;
    position: relative;
}

.uploadlist .row4 .sec i {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #999999;
    margin-left: 6px;
    position: absolute;
    right: 9px;
    top: 10px;
}

.uploadlist .row4 .drp {
    border: 1px solid #cccccc;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 46px;
    width: 104px;
    padding: 2px;
    border-radius: 2px;
    display: none;
    z-index: 2;
}

.uploadlist .row4 .drp > li {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-bottom: 2px;
    border-radius: 2px;
}

.uploadlist .row4 .drp > li:last-child {
    margin-bottom: 0;
}

.uploadlist .row4 .drp > li.active,
.uploadlist .row4 .drp > li.active:hover {
    background-color: #347aeb;
    color: #fff;
}

.uploadlist .row4 .drp > li:hover {
    background-color: #eeeeee;
}

.uploadlist .row4 .rowcon:hover .sec {
    border-color: #347aeb;
}

.uploadlist .row4 .rowcon:hover .sec i {
    border: none 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #999999;
    margin-left: 6px;
    position: absolute;
    top: 9px;
}

.uploadlist .row4 .rowcon:hover .active {
    display: block;
}

.uploadlist .row5 {
    width: 21%;
}

.uploadlist .row5 b {
    font-weight: normal;
}

.uploadlist .row5 .line {
    display: inline-block;
    width: 138px;
    height: 6px;
    border-radius: 4px;
    border: 1px solid #347aeb;
    background-color: #eef5ff;
    position: relative;
    vertical-align: middle;
    margin-right: 8px;
}

.uploadlist .row5 .line i {
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #347aeb;
}

.uploadlist .row5 .zt3 {
    color: #347aeb;
}

.uploadlist .row5 .zt4 {
    color: #ff4a41;
}

.uploadlist .row6 {
    width: 8.2%;
}

.uploadlist .row6 .disabBtn {
    display: block;
    width: 14px;
    height: 18px;
    background-image: url(../../static/img/pg.png);
    margin-top: 23px;
    margin-left: 8px;
    background-position: -80px -42px;
}

.uploadlist .row6 .btn.disabBtn {
    background-position: -103px -42px;
}

.uploadlist .row7 {
    width: 5%;
    text-align: center;
    cursor: pointer;
}

.uploadlist .row7 .cz2 {
    display: block;
    border: 1px solid #999999;
    height: 26px;
    line-height: 26px;
    border-radius: 2px;
    margin-top: 15px;
}

.uploadlist .row7 .cz3 {
    display: block;
    height: 28px;
    line-height: 28px;
    background-color: #347aeb;
    color: #fff;
    border-radius: 2px;
    margin-top: 15px;
}

.uploadlist .row1 img {
    display: inline-block;
}

.uploadlist .ltd > li {
    height: 58px;
    line-height: 58px;
    border-bottom: 1px solid #eeeeee;
}

.continueBtn {
    position: absolute;
    right: 0;
    top: 0;
}

.continueBtn .textnum {
    text-align: right;
    padding-top: 11px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}

.continueBtn .textnum b {
    font-weight: normal;
    color: #347aeb;
}

.continueBtn .btn,
.customPageNumber .btn,
.paidWin .btn,
.noViptip2 .btn,
.noViptip .btn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    width: 158px;
    border: 1px solid #347aeb;
    border-radius: 2px;
    text-align: center;
    margin-right: 24px;
    font-size: 14px;
}

.continueBtn .btn:last-child {
    margin-right: 0;
}

.continueBtn .btn.btn1,
.customPageNumber .btn1,
.paidWin .btn1,
.noViptip2 .btn1,
.noViptip .btn1 {
    color: #347aeb;
}

.continueBtn .btn.btn1:hover,
.customPageNumber .btn1:hover,
.paidWin .btn1:hover,
.noViptip2 .btn1:hover,
.noViptip .btn1:hover {
    background-color: #f5f8fe;
}

.continueBtn .btn.btn2,
.customPageNumber .btn2,
.paidWin .btn2,
.noViptip2 .btn2,
.noViptip .btn2 {
    background-color: #347aeb;
    color: #fff;
}

.continueBtn .btn.btn2:hover,
.customPageNumber .btn2:hover,
.paidWin .btn2:hover,
.noViptip2 .btn2:hover,
.noViptip .btn2:hover {
    background-color: #4b88eb;
}

.continueBtn .btn {
    position: relative;
    cursor: pointer;
}

.continueBtn .btn input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}

.pop-mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
}

.customPageNumber,
.paidWin,
.customPageNumber,
.noViptip2,
.noViptip {
    background-color: #fff;
    z-index: 1000;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 380px;
    height: 246px;
    border-radius: 8px;
    padding: 0 30px;
    margin-top: -123px;
    margin-left: -220px;
}

.customPageNumber .tt,
.paidWin .tt,
.customPageNumber .tt,
.noViptip2 .tt,
.noViptip .tt {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    padding-top: 40px;
    padding-bottom: 30px;
}

.customPageNumber .numberInput {
    display: block;
    border: 1px solid #cccccc;
    height: 18px;
    line-height: 32px;
    padding: 7px 8px;
    font-size: 14px;
}

.customPageNumber .numberInput input {
    display: block;
    width: 100%;
    height: 100%;
    border: none 0;
    font-family: "Microsoft YaHei";
    cursor: pointer;
    outline: none;
}

.customPageNumber .tips {
    font-size: 12px;
    color: #999999;
    line-height: 24px;
    margin-top: 6px;
    margin-bottom: 24px;
}

.customPageNumber .btn,
.paidWin .btn,
.customPageNumber .btn,
.noViptip2 .btn,
.noViptip .btn {
    margin: 0;
    width: 176px;
}

.paidWin .tips,
.noViptip2 .tips,
.noViptip .tips {
    text-align: center;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.registerBox {
    background-color: #fff;
    border-radius: 12px;
    z-index: 1000;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 800px;
    margin-left: -400px;
    height: 460px;
    margin-top: -230px;
    overflow: hidden;
}

.registerBg {
    width: 340px;
    float: left;
    height: 100%;
    background-image: url(../../static/img/regBanner.jpg);
}

.regcontent {
    padding-right: 65px;
    width: 330px;
    float: right;
    padding-top: 50px;
}

.regcontent .tt {
    font-size: 20px;
    height: 44px;
    line-height: 44px;
    font-weight: bold;
    text-align: center;
}

.regcontent .tt img {
    display: inline-block;
    height: 44px;
    margin-right: 10px;
}

.regcontent .tips {
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #666666;
}

.regcontent .tips span {
    display: inline-block;
    height: 24px;
    padding: 0 16px;
    position: relative;
}

.regcontent .tips span:after,
.regcontent .tips span:before {
    content: '';
    display: block;
    width: 100px;
    height: 0;
    border-top: 1px solid #eeeeee;
    position: absolute;
    top: 50%;
    margin-top: -0.5px;
}

.regcontent .tips span:after {
    left: -100px;
}

.regcontent .tips span:before {
    right: -100px;
}

.regcontent .btndiv {
    margin-top: 12px;
    margin-bottom: 8px;
    text-align: center;
}

.regcontent .dlBtn {
    display: inline-block;
    width: 60px;
    text-align: center;
    line-height: 1;
    color: #999999;
    font-size: 14px;
    white-space: nowrap;
    margin: 0 45px;
}

.regcontent .dlBtn i {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(../../static/img/reg.png);
}

.regcontent .dlBtn.qq i {
    background-position: 0 0;
}

.regcontent .dlBtn.wx i {
    background-position: -122px 0;
}

.regcontent .dlBtn.sj i {
    background-position: -61px 0;
}

.regcontent .xy {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #999999;
    text-align: center;
}

.regcontent .xy a {
    color: #999;
    text-decoration: underline;
}

.regcontent .xy a:hover {
    color: #347aeb;
}

.regcontent .xy input {
    margin-right: 7px;
    vertical-align: middle;
}

.logOutBox,
.deleteRecordBox {
    background-color: #fff;
    border-radius: 8px;
    z-index: 1000;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 166px;
    margin-left: -150px;
    margin-top: -83px;
}

.logOutBox .tt,
.deleteRecordBox .tt {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    padding-top: 44px;
}

.logOutBox .btn,
.deleteRecordBox .btn {
    display: block;
    width: 116px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #347aeb;
    color: #347aeb;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
}

.logOutBox .btn2:hover,
.deleteRecordBox .btn2:hover {
    background-color: #f5f8fe;
    color: #347aeb;
}

.logOutBox .loguDiv,
.deleteRecordBox .loguDiv {
    padding-right: 24px;
    padding-left: 24px;
}

.logOutBox .loguDiv .btn1,
.deleteRecordBox .loguDiv .btn1 {
    color: #666666;
    border-color: #666666;
}

.logOutBox .loguDiv .btn1:hover,
.deleteRecordBox .loguDiv .btn1:hover {
    color: #999;
    border-color: #999;
}

.indivMain {
    width: 100%;
    min-width: 1200px;
    background-color: #f8f8f8;
}

.indivLeft {
    width: 240px;
    min-height: 550px;
}

.indivNav li {
    padding: 10px 0;
}

.indivNav li a {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    padding-left: 27px;
    border-left: 3px solid #fff;
}

.indivNav li a:hover,
.indivNav li.active a {
    color: #347aeb;
    border-left-color: #347aeb;
    font-weight: bold;
}

.indivRight {
    width: 940px;
    min-height: 550px;
}

.userinfo {
    padding: 60px 20px 0;
}

.userinfo .face {
    display: block;
    width: 129px;
    height: 129px;
    border-radius: 50%;
    overflow: hidden;
    margin: 12px auto 8px;
}

.userinfo .face img {
    display: block;
    width: 100%;
    height: 100%;
}

.userinfo > .name {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
}

.userSignOut {
    cursor: pointer;
    display: block;
    width: 158px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #cccccc;
    font-size: 14px;
    color: #999999;
    border-radius: 2px;
    margin: 36px auto 0;
    text-align: center;
}

.userSignOut:hover {
    color: #666;
    border-color: #999999;
}

.userinfo .ifnof dt,
.userinfo .ifnof dd {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
}

.userinfo .ifnof dd .tt {
    display: inline-block;
    width: 58px;
    text-align: right;
    color: #999999;
    margin-right: 28px;
}

.userinfo .ifnof .ktvip {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    width: 80px;
    text-align: center;
    border-radius: 2px;
    color: #775026;
    vertical-align: middle;
    margin-left: 20px;
    font-size: 12px;
}

.userinfo .ifnof .ktvip i {
    background-image: url(../../static/img/vip.png);
    display: inline-block;
    width: 16px;
    height: 14px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.recordHeader {
    border-bottom: 1px solid #eeeeee;
    padding: 15px 30px;
    line-height: 34px;
    height: 34px;
}

.recordHeader .tt {
    float: left;
    font-size: 16px;
    font-weight: normal;
}

.recordHeader .tt span {
    font-size: 12px;
    color: #666;
    padding-left: 10px;
}

.rcSearchbox {
    border: 1px solid #eeeeee;
    border-radius: 17px;
    padding: 7px 10px 7px 49px;
    position: relative;
    height: 18px;
    line-height: 18px;
}

.rcSearchbox .inputText {
    height: 100%;
    width: 190px;
    border: none 0;
    outline: none;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}

.rcSearchbox .searchicon {
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../../static/img/s.png);
    position: absolute;
    left: 19px;
    top: 50%;
    margin-top: -9px;
}

.recordContent {
    padding: 20px 20px 0;
}

.recordItem {
    border: 1px solid #eeeeee;
    display: table;
    border-collapse: collapse;
    font-size: 14px;
    margin-bottom: 20px;
}

.recordItem .row {
    display: table-cell;
}

.recordItem .th {
    background-color: #f8f8f8;
    color: #666;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: table-row
}

.recordItem .th .row {
    border-right-color: #f8f8f8;
}

.recordItem .row1 {
    width: 159px;
    border-right: 1px solid #eee;
    text-align: center;
    vertical-align: middle;
}

.recordItem .row2 {
    width: 360px;
    padding-left: 40px;
    padding-right: 40px;
    border-right: 1px solid #eee;
}

.recordItem .row2 li {
    height: 42px;
    line-height: 42px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recordItem .row2 li img {
    display: inline-block;
    height: 24px;
    margin-right: 14px;
}

.recordItem .row3 {
    width: 148px;
    border-right: 1px solid #eee;
    text-align: center;
    vertical-align: middle;
}

.recordItem .row3 .btn {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    width: 76px;
    border: 1px solid #347aeb;
    color: #347aeb;
    border-radius: 2px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.recordItem .row3 .btn2 {
    background-color: #347aeb;
    color: #fff;
}

.recordItem .row4 {
    width: 144px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.recordItem .td {
    border-bottom: 1px solid #eee;
    display: table-row
}

.recordItem .td:last-child {
    border-bottom: none;
}

.recordItem .td .row {
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 42px;
}

.recordItem .deletebtn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../../static/img/de.png);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.turnpage {
    text-align: center;
    color: #999999;
    font-size: 0;
}

.turnpage a,
.turnpage span,
.turnpage .d {
    font-size: 14px;
    display: inline-block;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    color: #999;
    margin: 0 5px;
}

.turnpage .prev,
.turnpage .next {
    margin: 0 7px;
    font-size: 16px;
    font-family: '宋体';
    font-weight: bold;
}

.turnpage span,
.turnpage .d {
    border-color: #fff;
    font-weight: bold;
}

.turnpage a:hover {
    border-color: #347aeb;
    color: #347aeb;
}

.turnpage a.active {
    color: #fff;
    background-color: #347aeb;
    border-color: #347aeb;
}

.indivRight .turnpage {
    padding-top: 30px;
    padding-bottom: 40px;
}

.recordNone {
    width: 100%;
    height: 480px;
    background-image: url(../../static/img/none.png);
    background-repeat: no-repeat;
    background-position: center;
}

.hyicon {
    background-image: url(../../static/img/hy.png);
}

.hyTitle {
    height: 82px;
    line-height: 82px;
    font-size: 22px;
    font-weight: bold;
    padding-left: 40px;
    position: relative;
}

.hyTitle i {
    display: block;
    width: 30px;
    height: 28px;
    background-position: 0 -168px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -14px;
}

.hyClassly {
    margin-right: -18px;
}

.hyClassly li {
    width: 33.33%;
    float: left;
}

.hyClassly li .box {
    display: block;
    height: 190px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #eeeeee;
    margin-right: 18px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.hyClassly li .jg {
    font-size: 16px;
    color: #999;
    height: 60px;
    line-height: 60px;
}

.hyClassly li .jg .num {
    color: #333333;
    font-size: 18px;
    margin-right: 4px;
}

.hyClassly li .jg .num b {
    font-size: 46px;
}

.hyClassly li .tt {
    padding-top: 19px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 8px;
}

.hyClassly li .yj {
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: #999999;
    margin-top: 13px;
}

.hyClassly li .yj span {
    text-decoration: line-through;
}

.hyClassly li .box > .tj {
    width: 60px;
    height: 28px;
    background-position: -32px -168px;
    display: block;
    position: absolute;
    right: -1px;
    top: -10px;
}

.hyClassly li.active .box {
    border-color: #347aeb;
    background-color: #f2f7ff;
    background-image: url(../../static/img/b.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.hyClassly li.active .box .jg .num {
    color: #347aeb;
}

.hyClassly li.active .box.zs {
    border-color: #c28748;
    background-color: #fff7ea;
    background-image: url(../../static/img/b2.png);
}

.hyClassly li.active .box.zs .jg .num {
    color: #c28748;
}

.hyQuqnyi {
    border: 1px solid #347aeb;
    border-radius: 8px;
    background-color: #f7faff;
    margin-top: 18px;
    padding: 19px 48px;
    position: relative;
    display: none;
}

.hyQuqnyi li {
    width: 25%;
    float: left;
    height: 40px;
    line-height: 40px;
    color: #347aeb;
    font-size: 16px;
}

.hyQuqnyi li .box {
    padding-left: 51px;
    height: 100%;
    position: relative;
}

.hyQuqnyi li .box i {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}

.hyQuqnyi li .box .qy1 {
    background-position: 0 0;
}

.hyQuqnyi li .box .qy2 {
    background-position: 0 -42px;
}

.hyQuqnyi li .box .qy3 {
    background-position: 0 -84px;
}

.hyQuqnyi li .box .qy4 {
    background-position: 0 -126px;
}

.hyQuqnyi.zs {
    border-color: #c28748;
    background-color: #fff8ee;
    background-image: url(../../static/img/zs.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
}

.hyQuqnyi.zs li {
    color: #c28748;
}

.hyQuqnyi.zs li .box .qy1 {
    background-position: -42px 0;
}

.hyQuqnyi.zs li .box .qy2 {
    background-position: -42px -42px;
}

.hyQuqnyi.zs li .box .qy3 {
    background-position: -42px -84px;
}

.hyQuqnyi.zs li .box .qy4 {
    background-position: -42px -126px;
}

.hyQuqnyi:before {
    content: '';
    display: block;
    width: 18px;
    height: 11px;
    overflow: hidden;
    background-image: url(../../static/img/san1.png);
    position: absolute;
    left: 185px;
    top: -11px;
}

.hyQuqnyi.nd:before {
    left: 579px;
}

.hyQuqnyi.zs:before {
    left: 995px;
    background-image: url(../../static/img/san2.png);
}

.hyQuqnyi.active {
    display: block;
}

.fkbox {
    border: 1px solid #eeeeee;
    border-radius: 8px;
    padding-top: 33px;
}

.fkbox .yfje {
    width: 376px;
    text-align: center;
    height: 195px;
    position: relative;
}

.fkbox .yfje:after {
    content: '';
    display: block;
    width: 0;
    height: 150px;
    border-right: 1px solid #eeeeee;
    position: absolute;
    right: 0;
    top: 5px;
}

.yfje .tt {
    font-size: 18px;
    font-weight: normal;
    line-height: 32px;
    height: 32px;
}

.yfje .je {
    font-size: 18px;
    color: #ff4a41;
    font-weight: bold;
    line-height: 60px;
    height: 60px;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}

.yfje .je b {
    font-size: 46px;
}

.yfje .text {
    font-size: 12px;
    color: #999;
    height: 34px;
    line-height: 34px;
}

.yfje .text a {
    color: #999;
}

.yfje .text a:hover {
    text-decoration: underline;
}

.ermbox {
    padding-right: 180px;
    width: 472px;
}

.ermbox .ermitem {
    width: 139px;
    text-align: center;
}

.ermbox .ermitem .erm {
    border: 2px solid #1677ff;
    padding: 15px 0 0 15px;
    height: 139px;
    width: 139px;
    margin: 0 auto 14px;
    overflow:hidden;
}

.ermbox .ermitem .erm img, .ermbox .ermitem .erm canvas, .ermbox .ermitem .erm iframe {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
.ermbox .ermitem .erm canvas{
    width: 120px;
    height: 120px;
}

.ermbox .ermitem .erm iframe {
    border: none;
}

.ermbox .ermitem .tt {
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

.ermbox .ermitem .tt span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../../static/img/tt.png);
    vertical-align: middle;
    margin-right: 10px;
}

.ermbox .ermitem.wx .tt span {
    background-position: 0 0;
}

.ermbox .ermitem.wx .erm {
    border-color: #0ab021;
}

.ermbox .ermitem.zfb .tt span {
    background-position: 0 -29px;
}

.innerDragArea {
    position: relative;
}

.uploadInputarea {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}


.innerDragArea:hover .uploadDragTip .selectFile {
    background-color: #4b88eb;
}

.innerDragArea,
.uploadInputarea {
    cursor: pointer;
}

.gnjs .pgContent .jbbg {
    font-size: 12px;
    color: #775026;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
    padding: 0 8px;
    vertical-align: middle;
}

.gnjs .pgContent .jbbg i {
    display: inline-block;
    width: 16px;
    height: 14px;
    vertical-align: middle;
    margin-right: 5px;
    background-image: url(../../static/img/vip.png);
    background-position: center;
    margin-top: -3px;
}


.fixedBar {
    border: 1px solid #cccccc;
    width: 78px;
    position: fixed;
    right: 0;
    bottom: 200px;
    z-index: 990;
    background-color: #fff;
    background-color: #fff;
}

.fixedBar {
    text-align: center;
    font-size: 12px;
    color: #666666;
    text-align: center;
}

.fixedBar a {
    color: #666;
}

.fixedBar li {
    padding-top: 16px;
    height: 59px;
    position: relative;
}

.fixedBar li:after {
    content: '';
    display: block;
    width: 52px;
    height: 0;
    border-top: 1px solid #eeeeee;
    position: absolute;
    left: 50%;
    margin-left: -26px;
    bottom: 0;
}

.fixedBar li .mn {
    line-height: 1;
    display: block;
    cursor: pointer;
}

.fixedBar li .mn i {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto 7px;
    background-image: url(../../static/img/indexIcon.png);
}

.fixedBar li:hover .mn {
    color: #347aeb;
}

.fixedBar li.b1 .mn i {
    background-position: -331px -144px;
}

.fixedBar li.b2 .mn i {
    background-position: -330px -185px;
}

.fixedBar li.b3 .mn i {
    background-position: -300px -185px;
}

.fixedBar li.b4 .mn i {
    background-position: -300px -144px;
}

.fixedBar li.b3:hover .mn i {
    background-position: -486px 0;
}

.fixedBar li.b4:hover .mn i {
    background-position: -517px -1px;
}

.closepopbtn {
    display: block;
    width: 19px;
    height: 19px;
    background-image: url(../../static/img/close.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 18px;
    top: 18px;
    text-indent: -9999em;
    cursor: pointer;
}


.fixedBar .mn {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.fixedBar li:hover .mn {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.smpage {
    padding: 40px;
    font-size: 14px;
    line-height: 1.75;
}

/* 提示内容 */

.zh_tips {
    width: 440px;
    height: 280px;
    position: fixed;
    left: 50%;
    margin-left: -220px;
    margin-top: -140px;
    top: 50%;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    z-index: 1000;
}

.zh_tips .tt {
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
    padding-top: 38px;
    margin-bottom: 15px;
}

.zh_tips .tips {
    font-size: 14px;
    line-height: 2em;
    /*margin-bottom: 25px;*/
    margin-top: 2em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/* 提示内容 */

.zhFailTips {
    width: 440px;
    height: 280px;
    position: fixed;
    left: 50%;
    margin-left: -220px;
    margin-top: -140px;
    top: 50%;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    z-index: 1000;
}

.zhFailTips .tt {
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
    padding-top: 38px;
    margin-bottom: 15px;
}

.zhFailTips .tips {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 25px;
}

.zhFailTips .tips .blue {
    color: #347aeb;
    text-decoration: underline;
}

.zhFailTips .btnzip {
    display: block;
    background-color: #f6f6f6;
    width: 340px;
    margin: 0 auto;
    text-align: center;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
    border-radius: 4px;
}

.zhFailTips .btnzip img {
    display: inline-block;
    height: 24px;
    margin-right: 10px;
    margin-top: -3px;
}

.zhFailTips .btn {
    display: block;
    width: 158px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 2px;
    background-color: #347aeb;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
}

.zhFailTips .btn:hover {
    background-color: #4b88eb;
}

.continueBtn .textnum {
    visibility: hidden;
}

.continueBtn .textnum.active {
    visibility: visible;
}

.continueBtn .btn.btn2 {
    margin-right: 0;
}

.continueBtn .btn {
    display: none;
    float: left;
}

.continueBtn .changeBtn {
    position: initial;
    float: right;
    cursor: pointer;
}

.uploadInputarea.deleActive {
    width: 0;
    height: 0;
}

.smpage h2 {
    text-align: center;
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.smpage p {
    text-indent: 2em;
}

.smpage h4 {
    font-size: 18px;
    margin: 15px 0 5px;
}

.smpage .textin0 {
    text-indent: 0;
    margin: 10px 0;
}

.continueBtn > div {
    width: 350px;
}

.regcontent .xy span {
    padding-left: 21px;
    position: relative;
}

.regcontent .xy input {
    display: block;
    width: 14px;
    height: 14px;
    outline: none;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
}

.regcontent .xy label {
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #9b9b9b;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    z-index: 1;
}

.regcontent .xy input:checked + label {
    background-color: #fff;
    border: 1px solid #347aeb;
}

.regcontent .xy input:checked + label::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #347aeb;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -4px;
    margin-top: -4px;
}

.mobileBox {
    width: 300px;
    margin: 40px auto 27px;
}

.mobileBox .mbbox {
    height: 60px;
}

.mobileBox .inputbox {
    border: 1px solid #eeeeee;
    background-color: #f4f4f4;
    padding: 10px 12px;
    height: 18px;
    line-height: 18px;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
}

.mobileBox .inputbox input {
    outline: none;
    height: 18px;
    line-height: 18px;
    border: none 0;
    width: 100%;
    background-color: #f4f4f4;
    font-size: 14px;
    font-family: '微软雅黑';
}

.mobileBox .inputbox input::placeholder {
    color: #999;
    font-size: 14px;
}

.mobileBox .mbbox p {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden;
    color: #fc5c7e;
}

.mobileBox .yzmbtn {
    position: absolute;
    right: 12px;
    display: block;
    height: 38px;
    line-height: 38px;
    top: 0;
    bottom: 0;
    cursor: pointer;
    color: #999;
    font-size: 14px;
}

.mobileBox .yzmbox .inputbox {
    padding-right: 124px;
}

.logoninputbtn {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-family: '微软雅黑';
    border: none 0;
    color: #fff;
    background-color: #347aeb;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
}

.wxLogonBox,
.QQLogonBox {
    text-align: center;
    padding-top: 30px;
}

.lgermBox {
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.lgermBox img {
    display: block;
    width: 100%;
    height: 100%;
}

.lgermtips {
    font-size: 14px;
    color: #999999;
    text-align: center;
    height: 22px;
    line-height: 22px;
    margin: 10px auto 15px;
}

.mobileBox .yzmbtn:hover {
    color: #347aeb;
}

.haderLogOut {
    position: absolute;
    right: 20px;
    top: 0;
    height: 22px;
    line-height: 22px;
    padding-top: 4px;
    font-size: 12px;
    color: #999999;
    background-image: url(../../static/img/no.png);
    background-position: left 8px;
    background-repeat: no-repeat;
    padding-left: 18px;
    cursor: pointer;
}

.haderLogOut:hover {
    color: #775026;
}

.bgfff {
    background-color: #fff;
}

.pb68 {
    padding-bottom: 68px;
}

.pt8 {
    padding-top: 8px;
}

.pt20 {
    padding-top: 20px;
}

.pt55 {
    padding-top: 55px;
}

.pt89 {
    padding-top: 89px;
}

.mt20 {
    margin-top: 20px;
}

.mt24 {
    margin-top: 24px;
}

.mb34 {
    margin-bottom: 34px;
}

.mt47 {
    margin-top: 47px;
}

.mb44 {
    margin-bottom: 44px;
}

.mb100 {
    margin-bottom: 100px;
}

.blue {
    color: #347aeb;
}

.btn {
    cursor: pointer;
}


/*2021-4-8*/
.afterDropHeader {
    height: auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    background: #fff7ec;
    padding-bottom: 10px;
    padding-top: 16px;
}

.afterDropHeader .face {
    margin-bottom: 10px;
}

.afterDropHeader .con {
    background-color: #fff1de;
    clear: both;
    padding: 10px 102px 9px 12px;
    position: relative;
}

.afterDropHeader .sm {
    margin-top: 0;
    padding-top: 0;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    height: auto;
}

.afterDropHeader .sm span {
    display: block;
    font-size: 12px;
}

.afterDropHeader .con .btn {
    display: block;
    right: 12px;
    position: absolute;
    top: 50%;
    height: 32px;
    line-height: 32px;
    width: 88px;
    text-align: center;
    border-radius: 16px;
    margin-top: -16px;
    color: #775026;
}

.afterDropHeader .sm i {
    font-style: normal;
}

.afterDropHeader .sm .red {
    color: #ff4a41;
}

.ndvip .afterDropHeader .con {
    background-image: url(../../static/img/nd.png);
    background-position: center bottom;
    background-size: 100% 100%;
    padding: 10px;
    line-height: 20px;
    color: #775026;
}

.ndvip .afterDropHeader .con .sm span {
    float: right;
    color: #775026;
}

.ndvip .afterDropHeader .con .sm {
    color: #775026;
}

.ndvip .afterDropHeader .name .afterIcon {
    background-position: -22px -92px;
}

.vipTipbtn i {
    background-repeat: no-repeat;
}

.zsVip .afterDropHeader {
    background-image: url(../../static/img/zsbg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.zsVip .afterDropHeader .name .afterIcon {
    background-image: url(../../static/img/zs.png);
    width: 80px;
    height: 22px;
    background-position: left top;
    vertical-align: middle;
    margin-top: -4px;
}

.afterDropHeader .userid {
    color: #666666;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
}

.haderLogOut {
    padding-top: 13px;
    background-position: left 18px;
}

.vipTipbtn {
    *width: 50px;
}

.ndvip .afterDropHeader .con .sm {
    *height: 20px;
    *line-height: 20px;
}

.ndvip .afterDropHeader .con {
    *height: 20px;
}

.afterDrop .qslist {
    *padding-bottom: 20px;
}


/*2021-5-11*/
.wzName .tipst {
    display: block;
    opacity: 1;
    width: 175px;
    height: 140px;
    z-index: 50001;
    left: 221px;
    background-repeat: no-repeat;
    top: -142px;
}

.wzName .tipst b {
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 10px;
    bottom: 28px;
}

/*2021-6-2*/
.wzName .tipst {
    opacity: 1;
    filter: alpha(opacity=100);
}

.banner .wzName {
    z-index: 50001;
}

.banner {
    height: 500px
}

.banner .wzName {
    display: none;
}

.banner .text {
    display: none;
}

.banner .btn {
    display: none;
}

.banner .gn {
    margin-top: 0px;
}

.pageSlogan {
    display: none;
}

.pageTitle {
    margin-bottom: 30px;
}

.row.row3 span {
    display: inline-block;
    width: auto;
}

.row.row3 {
    display: none;
}

.icon-success-svg {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.icon-success-svg svg {
    width: 20%;
    height: 100%;
    color: #347aeb;
}

.ub-ac {
    align-items: center
}

.shrink0, .ub {
    flex-shrink: 0
}

.ub-ver {
    flex-direction: column
}

.ub {
    display: -ms-flex;
    display: flex;
    position: relative
}

.ub-pc {
    justify-content: center
}

.retain-price {
    padding: 0;
    background-size: 100% 100%;
    background-image: url(../img/img_popover_bg@2x.0b2833d3.png);
    color: #606266;
    font-size: 14px;
    word-break: break-all;
    position: relative;
}


.win_prize_box .time {
    margin-top: 80px;
}

.win_prize_box .time span:nth-child(odd) {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    background: #ef4914;
    border-radius: 8px 8px 8px 8px;
}

.win_prize_box .time span:nth-child(2n) {
    color: #fff;
    margin: 0 8px;
}

.win_prize_box .need_moey {
    color: #fff;
    margin-top: 20px;
    font-weight: 600;
    font-size: 18px;
}

.win_prize_box .purse_times {
    margin-top: 10px;
    width: 244px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: hsla(0, 0%, 100%, .85);
    border-radius: 30px;
    color: #505361;
    font-size: 12px;
    font-weight: 600;
}

.win_prize_box .pay_ewmbox {
    margin-top: 40px;
    margin-bottom: 20px;
    position: relative;
}

.win_prize_box .pay_ewmbox .ali_pay, .win_prize_box .pay_ewmbox .weixin_pay {
    width: 87%;
    height: 33px;
    color: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-left: 12px
}

.win_prize_box .purse_times span {
    color: #cd3a2f;
}

.win_prize_box .pay_ewmbox .weixin_pay {
    background: #09bb07;
}

.win_prize_box .pay_ewmbox .ewmbox {
    width: 150px;
    height: 150px;
    margin: 20px 12px 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: .3rem .3rem 0 0;
}

.win_prize_box .pay_ewmbox .ali_pay {
    background: #2b8fff;
}

.pay_ewmbox > div .ewmbox canvas, .pay_ewmbox > div .ewmbox iframe {
    width: 122px;
    height: 122px;
}

.retain-close {
    position: absolute;
    right: -1rem;
    top: -1rem;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
}

.retain-close svg {
    width: 1em;
    height: 1em;
}