*{
    margin: 0;
    padding: 0;
}
body{
    font-size: 12px;
    font-family: 微软雅黑, sans-serif;
    width: 100%;
    max-width: 1920px;
    margin: auto;
}
a{
    text-decoration: none;
}
ul,li{
    list-style: none;
}
.index-main::-webkit-scrollbar {
    display: none;
}
.index-main{
    height: 100%;
    overflow: auto;
}
.index-main-1{
    background: url("../images/bg.jpg") no-repeat center top;
    background-size: 100% 100%;
    position: relative;
    height: 972px;
}
.index-main-1-bottom{
    position: absolute;
    bottom: 35px;
    width: 100%;
    text-align: center;
}
.logo{
    width: 100%;
    max-width: 77%;
    margin: auto;
    height: 62px;
    padding: 27px 0 0 0;
    overflow: hidden;
}
.logo img{
    max-height: 52px;
}
.index-main-1-container{
    width: 100%;
    max-width: 1329px;
    margin: 86px auto 0;
    overflow: hidden;
}
.index-main-1-container-left{
    float: left;
    width: 785px;
    margin-top: 65px;
}
.index-main-1-container-right{
    width: 544px;
    float: left;
}
.index-main-1-container-left a{
    display: block;
    background: #fff;
    color: #0f1015;
    height: 38px;
    line-height: 38px;
    margin-top: 15px;
    border-radius: 10px;
    width: 160px;
    text-align: center;
    font-size: 26px;
}
.index-main-1-container-right-container{
    background: rgba(39,53,79,0.6);
    width: 460px;
}
.index-main-1-container-right-container-title{
    font-size: 37px;
    text-align: center;
    padding-top: 36px;
    color: #fff;
}
.index-main-1-container-right-container-title-en{
    color: #305b8e;
    font-size: 16px;
    margin: 5px 0;
    text-align: center;
}
.index-main-1-container-right-container-tab{
    text-align: center;
    overflow: hidden;
    background: #617b9c;
    margin: 23px 0 0 0;
}
.index-main-1-container-right-container-tab a{
    float: left;
    width: 25%;
    line-height: 30px;
    color: #fff;
}
.index-main-1-container-right-container-tab a.on{
    background: #265db0;
}
.index-main-1-container-right-container-form{
    width: 320px;
    margin: auto;
    padding-top: 15px;
}
.form-item .input{
    background: #3c4e6f;
    height: 38px;
    line-height: 38px;
    border: none;
    outline: none;
    width: 86%;
    color: #829fcc;
    padding-left: 14%;
    font-size: 14px;
}
.form-item .input::placeholder{
    color: #275b9e;
}
.form-item .input:-webkit-autofill{
    background-color: transparent!important;
    background-image: none !important;
    -webkit-box-shadow: 0 0 0 1000px #3c4e6f inset !important;
    color: #829fcc !important;
}
.form-item .input:-internal-autofill-selected{
    color: #829fcc !important;
}
.form-item .input:-internal-autofill-previewed{
    color: #829fcc !important;
}
/*.form-item .input-pwd{
    color: #275b9e;
}*/
.form-item{
    position: relative;
    margin-top: 28px;
}
.form-item i{
    position: absolute;
    left: 8px;
    top: 4px;
}
.form-item-1{
    margin-top: 12px;
}
.form-item-1 a{
    color: #fff;
}
.form-item-1 a:last-child{
    color: #909399;
    float: right;
}
.form-item input[type='submit']{
    display: block;
    width: 100%;
    background: #235fa9;
    color: #fff;
    font-size: 14px;
    border: none;
    height: 42px;
    cursor: pointer;
}
.platform-list{
    background: rgba(46,61,88, 0.5);
    padding: 0 73px 41px 73px;
    margin-top: 15px;
}
.platform-list p{
    height: 30px;
    line-height: 30px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.platform-list p a{
    color: #909399;
}
.platform-list p a:last-child{
    color: #235fa9;
    float: right;
}
.platform-list a.third{
    margin-right: 5px;
}
.index-main-2{
    padding: 200px 0;
    background: url("../images/bg2.jpg") no-repeat left center;
    background-size: cover;
}
.index-video{
    height: 540px;
    width: 750px;
    margin: 0 auto;
    background: url("../images/video_bg.jpg") repeat-x left center;
}
.index-video video{
    width: 720px;
    margin: auto;
    display: block;
    outline: none;
    object-fit: fill;
}
footer{
    height: 94px;
    line-height: 94px;
    color: #fff;
    text-align: center;
    background: url("../images/footer_bg.jpg") no-repeat center center;
    background-size: cover;
    font-size: 16px;
}
.fd{
    background: #485973;
    width: 87px;
    position: fixed;
    left: 0;
    top: 38%;
    z-index: 1000;
}
.fd a{
    display: block;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #4d627b;
    /*padding: 15px 0;*/
}
.fd a:last-child{
    border-bottom: none;
}
.fd a img{
    display: block;
    margin: auto;
}
.fd .wechat{
    position: relative;
}
.fd .wechat div{
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    width: 150px;
    height: 150px;
    display: none;
}
.fd .wechat:hover div{
    display: block;
}
.fd .wechat div img{
    max-width: 100%;
}
.index-main-1-container-left img{
    max-width: 100%;
}
.pwd-key .get-code{
    color: #999;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.user-body{
    background: #f4f5f7;
}
.user-top{
    height: 42px;
    padding: 10px 0 0 25px;
    background: #fff;
    position: relative;
    z-index: 11;
}
.user-top-logo{
    float: left;
}
.user-top-nav{
    float: left;
    margin-left: 15px;
}
.user-top-nav ul li{
    float: left;
    margin-right: 15px;
    padding: 0 10px 10px;
    border-bottom: 1px solid #fff;
    height: 32px;
    line-height: 32px;
    position: relative;
    transition: all 0.5s;
}
.user-top-nav ul li p{
    position: absolute;
    padding: 5px 0;
    top: 43px;
    display: none;
    left: 0;
    text-align: left;
    min-width: 83px;
    box-shadow: 0 2px 2px 0 #ddd;
    background: #fff;
}
.user-top-nav ul li:hover p{
    display: block;
}
.user-top-nav li a{
    color: #2C2D2D;
}
.user-top-nav ul li>a{
    height: 100%;
    line-height: 100%;
}
.user-top-nav ul li i{
    font-size: 18px;
    color: #A4A4A4;
    vertical-align: middle;
}
.user-top-nav ul li.on, .user-top-nav ul li:hover{
    border-color: #235FA9;
}
.user-top-logo img{
    display: block;
    height: 32px;
}
.user-top-nav ul li p a{
    display: block;
    padding: 0 10px;
    white-space: nowrap;
}
.user-top-nav ul li p a:hover{
    color: #235FA9;
}
.user-top-logout{
    float: right;
    margin-right: 15px;
    height: 32px;
    line-height: 32px;
    transition: all 0.5s;
}
.user-top-logout .notice{
    float: right;
}
.user-top-info{
    float: right;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
    padding-bottom: 9px;
}
.user-top-info span{
    padding-left: 20px;
    background: url("../images/user-top-ico.gif") no-repeat left center;
}
.user-top-info p{
    position: absolute;
    top: 41px;
    box-shadow: 0 2px 2px 0 #ddd;
    width: 100%;
    display: none;
    background: #fff;
}
.user-top-info p a{
    color: #2C2D2D;
    padding: 0 10px;
    display: block;
    text-align: center;
}
.user-top-info:hover p{
    display: block;
}
.user-top-info p a:hover{
    color: #235FA9;
}
.user-main-container{
    width: 100%;
    max-width: 1200px;
    margin: 30px auto;
    overflow: hidden;
}
.user-main{
    width: 900px;
    float: left;
    position: relative;
    z-index: 10;
}
.user-side{
    width: 280px;
    float: right;
}
.user-main-1{
    background: #fff;
    border-radius: 10px;
    height: 397px;
    padding: 20px;
}
.user-main-1-title-container{
    overflow: hidden;
}
.user-main-1-title{
    font-size: 20px;
    color: #424242;
    border-bottom: 2px solid #f6f6f6;
    border-radius: 2px 2px 0 0;
    padding-bottom: 14px;
}
.user-main-1-date{
    float: right;
    border: 1px solid #ddd;
    padding: 0 8px;
    border-radius: 5px;
    position: relative;
    width: 90px;
    height: 26px;
}
.user-main-1-date input{
    outline: none;
    border: none;
    background: transparent;
    width: 93px;
    position: absolute;
    height: 16px;
    top: 5px;
    z-index: 1;
    cursor: pointer;
}
.user-main-1-date i{
    color: #B9B9B9;
    position: absolute;
    right: 7px;
    top: 7px;
}
.user-main-1-data-total{
    overflow: hidden;
    margin-top: 10px;
}
.user-main-1-data-total-item{
    float: left;
    width: 271px;
    height: 79px;
    background: #f6f8f8;
    margin-right: 23px;
    border-radius: 5px;
}
.user-main-1-data-total-item:last-child{
    margin-right: 0;
}
.user-main-1-data-total-item:first-child{
    background: url("../images/user-data-1.png") no-repeat;
    background-size: 100% auto;
}
.user-main-1-data-total-item-img {
    display: flex;
    float: left;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
    width: 45px;
}
.user-main-1-data-total-item-info{
    float: left;
    margin-left: 15px;
    padding-top: 15px;
    width: 200px;
}
.user-main-1-data-total-item-info p:first-child{
    color: #959595;
    font-size: 14px;
}
.user-main-1-data-total-item-info p:first-child span{
    float: right;
    color: #000;
    font-size: 12px;
    margin: 3px 0 0 0;
}
.user-main-1-data-total-item-info p:last-child{
    font-size: 22px;
    margin-top: 5px;
}
.user-main-1-data-total-item:first-child .user-main-1-data-total-item-info p:first-child{
    color: #fff;
}
.user-main-1-data-total-item:first-child .user-main-1-data-total-item-info p:first-child span{
    color: #fff;
}
.user-main-1-data-total-item:first-child .user-main-1-data-total-item-info p:last-child{
    color: #fff;
}
.user-main-1-data-date{
    text-align: right;
    line-height: 30px;
}
.user-main-1-data-date span{
    float: right;
    margin-left: 5px;
}
.user-main-1-data-date i{
    height: 6px;
    width: 6px;
    background: #d43953;
    border-radius: 100%;
    float: right;
    margin: 12px 0 0 0;
}
.user-main-2{
    margin-top: 20px;
}
.user-main-2-title{
    background: url("../images/user-data-2-line.png") no-repeat left top;
    padding-top: 10px;
    font-size: 16px;
    clear: both;
}
.user-main-2-list{
    margin-top: 15px;
}
.user-main-2-list li{
    background: #fff;
    border-radius: 10px;
    width: 180px;
    height: 135px;
    margin-bottom: 15px;
    padding: 20px 15px 5px 15px;
}
.user-main-2-item-title{
    font-size: 13px;
}
.user-main-2-item-title a{
    float: right;
    background: url("../images/user-data-2-3.png") no-repeat;
    background-size: 100% 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    padding: 0 5px;
    position: relative;
}
.user-main-2-item-title a span{
    position: absolute;
    bottom: 20px;
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
    left: -70px;
    width: 180px;
    color: #666;
    padding: 10px;
    height: 214px;
    display: none;
}
.user-main-2-item-title a span img{
    width: 180px;
    height: 180px;
    display: block;
    margin: auto;
    margin-bottom: 10px;
}
.user-main-2-item-title a span em{
    font-style: normal;
    height: 33px;
    display: block;
    border-top: 1px solid #ddd;
    margin-left: -10px;
    margin-right: -10px;
    line-height: 33px;
}
.user-main-2-item-title a.on{
    min-width: 40px;
    background: url("../images/user-data-2-1.png") no-repeat;
    background-size: 100% 100%;
}
.user-main-2-item-title-customize a.on{
    min-width: 28px;
}
.user-main-2-item-title-customize a.on{

}
.user-main-2-item-title-customize a.on:last-child{
    margin-right: 1px;
}
.user-main-2-item-desc{
    margin: 10px 0 0 0;
    color: #9E9E9E;
}
.user-main-2-item-desc span{
    display: inline-block;
    text-align: center;
    min-width: 31%;
}
.user-main-2-item-desc i{
    font-style: normal;
}
.user-main-2-item-desc i:last-child{
    display: none;
}
.user-main-2-item-content{
    height: 48px;
    color: #9E9E9E;
    margin-bottom: 5px;
    padding: 17px 15px 0 10px;
}
.user-main-2-item-content a{
    color: #9E9E9E;
}
.user-main-2-item-cart{
    text-align: right;
}
.user-main-2-item-cart img{
    height: 15px;
    cursor: pointer;
}
.user-main-2-list{
}
.user-main-2-list li{
    float: left;
    margin-right: 20px;
}
.user-main-2-item-content-1{
    text-align: center;
    line-height: 48px;
}
.user-main-2-list li:nth-of-type(4n){
    margin-right: 0;
}
.user-main-2-item-content-user-data{
    padding: 10px 0 0 0;
    height: 59px;
}
.user-main-2-item-content-user-data p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-main-2-item-content-user-data p a{
    color: #9E9E9E;
}
.user-main-2-item-content-user-data p:hover a{
    color: #01AAED;
}
.user-main-3{
    height: auto;
    margin-top: 10px;
    clear: both;
}
.expand{
    overflow: hidden;
    margin-top: 30px;
    padding: 0 25px;
}
.expand li{
    float: left;
    width: 79px;
    text-align: center;
    margin: 0 63px 20px 0
}
.expand li:nth-of-type(6n){
    margin-right: 0;
}
.expand li img{
    display: block;
    margin-bottom: 15px;
    width: 100%;
}
.expand li a{
    color: #9E9E9E;
    font-size: 13px;
}
.user-footer{
    text-align: center;
    color: #919191;
    padding: 0 0 100px 0;
}

.user-side-1{
    background: #fff;
    border-radius: 10px;
    padding: 20px 15px;
}
.user-side-1-username{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}
.user-side-1-user-status{
    overflow: hidden;
    margin: 10px 0 0 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #CDCECD;
}
.user-side-1-user-status a{
    float: left;
    padding: 3px 8px;
    background: url("../images/status_bg.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
}
.user-side-1-user-status a.on{
    background: url("../images/status_bg_on.png") no-repeat;
    background-size: 100% 100%;
    color: #fff;
}
.user-side-1-user-way{
    overflow: hidden;
    margin: 20px 0 0 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #CDCECD;
}
.user-side-1-user-way a{
    float: left;
    width: 47px;
    height: 47px;
    background: url("../images/user-way.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 20px;
    margin-bottom: 10px;
}
.user-side-1-user-way a:nth-of-type(4n){
    margin-right: 0;
}
.user-side-1-user-way a span{
    display: block;
    margin: auto;
    width: 24px;
    margin-top: 7px;
}
.user-side-1-user-way a.on{
    background: url("../images/user-way-on.png") no-repeat;
    background-size: 100% 100%;
    color: #fff;
}
.user-side-1-user-card{
    margin-top: 20px;
}
.user-side-1-user-card p span{
    color: #959595;
    font-size: 14px;
}
.user-side-1-user-card p a{
    float: right;
}
.user-side-1-user-card p:last-child{
    font-size: 22px;
}
.user-side-2{
    margin: 28px 0 0 0;
}
.user-side-2 .swiper-slide img{
    width: 100%;
    display: block;
}
.user-side-2 .swiper-pagination{
    bottom: 5px;
}
.user-side-2 .swiper-pagination-bullet{
    height: 5px;
    width: 15px;
    background: #67AEF4;
    border-radius: 15px;
    opacity: 1;
    transition: all 0.5s;
}
.user-side-2 .swiper-pagination-bullet-active{
    width: 35px;
    background: #F4F5F7;
}

.user-side-3{
    padding: 20px 15px 5px 15px;
    margin: 20px 0 0 0;
    background: #fff;
    border-radius: 10px;
}
.user-side-3-title span{
    font-size: 20px;
}
.user-side-3-title a{
    float: right;
    line-height: 26px;
}
.user-side-3-list{
    margin: 15px 0;
}
.user-side-3-list li{
    margin-bottom: 15px;
}
.user-side-3-list li a{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    float: left;
    width: 170px;
}
.user-side-3-list li p{
    color: #959595;
    margin-top: 5px;
}
.user-side-3-list li p span{
    float: right;
}
.swiper-container-news{
    padding-bottom: 30px;
}
.user-side-3 .swiper-pagination-bullet{
    height: 5px;
    width: 15px;
    background: #C1C1C1;
    border-radius: 15px;
    opacity: 1;
    transition: all 0.5s;
}
.user-side-3 .swiper-pagination-bullet-active{
    width: 35px;
    background: #67AEF4;
}
.user-side-3-ann{
    border-top: 2px solid #CDCECD;
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.user-side-3-ann-title{
    font-size: 20px;
    margin-bottom: 5px;
}
.user-side-3-ann-img img{
    display: block;
    max-width: 100%;
}
.user-main-1-data-total-item-info p:first-child span i.fa-caret-down{
    color: #63B863;
}
.user-main-1-data-total-item-info p:first-child span i.fa-caret-up{
    color: #FF5722;
}
.user-caiwu{
    width: 1200px;
    margin: 25px auto;
}
.user-caiwu-title{
    height: 68px;
    line-height: 68px;
    padding-left: 20px;
    background: #fff;
    color: #424242;
    font-size: 24px;
}
.user-caiwu-container{
    margin-top: 25px;
    background: #fff;
    padding: 30px;
}
.user-caiwu-title-2{
    border-bottom: 1px solid #EFEFEF;
    color: #518EFD;
    padding-bottom: 10px;
}
.user-caiwu-1{
    color: #707070;
    padding-top: 10px;
}
.user-caiwu-1 table{
    width: 100%;
}
.user-caiwu-1 table td{
    padding: 5px 0;
}
.user-caiwu-1 .user-side-1-user-way{
    margin: 0;
    padding: 0;
    border: 0;
}
.user-caiwu-1 .user-side-1-user-way a:nth-of-type(4n){
    margin-right: 20px;
}
.user-caiwu-title-2-1{
    overflow: hidden;
    color: #707070;
}
.user-caiwu-title-2-1 div{
    float: left;
    margin-right: 40px;
    overflow: hidden;
    height: 35px;
    line-height: 35px;
}
.user-caiwu-title-2-1-1 img{
    float: left;
    margin-right: 15px;
}
.user-caiwu-title-2-1-1 span{
    float: left;
}
.user-caiwu-title-2-1-1 i{
    float: left;
    width: 5px;
    height: 5px;
    background: #D43953;
    border-radius: 5px;
    font-style: normal;
    margin: 15px 0 0 7px;
}
.user-caiwu-title-2-1-2 span{
    color: #000;
}
.user-caiwu-title-2-1-2 a{
    color: #518EFD;
    margin-left: 10px;
}
.user-safe-container-1{
    height: 133px;
    border: 1px solid #EFEFEF;
}
.user-safe-container-1-level{
    background: #fff;
    padding: 30px 38px 30px 60px;
    overflow: hidden;
}
.user-safe-container-1-level-text{
    float: left;
    line-height: 38px;
    font-size: 14px;
    color: #7C7C7C;
}
.user-safe-container-1-level-text span{
    color: red;
}
.user-safe-container-1-level-text span.l1{
    color: #FFB800;
}
.user-safe-container-1-level-text span.l2{
    color: #5BC156;
}
.user-safe-container-1-level-text span.l3{
    color: #0cc100;
}
.user-safe-container-1-level-progress {
    float: left;
    border: 1px solid #DCDDDD;
    border-radius: 15px;
    height: 22px;
    width: 433px;
    margin: 8px 0 0 10px;
}
.user-safe-container-1-level-progress span{
    float: left;
    height: 22px;
    width: 85%;
    border-radius: 15px;
    box-shadow: inset rgba(0,0,0,0.4) 0 1px 2px;
    /*linear-gradient(to right, #EAF3D5, #93C545)*/
    background-image: linear-gradient(135deg,
    transparent 0%,transparent 14.3%,
    rgba(255,255,255,0.4) 14.3%, rgba(255,255,255,0.4) 28.6%,
    transparent 28.6%, transparent 42.9%,
    rgba(255,255,255,0.4) 42.9%, rgba(255,255,255,0.4) 57.2%,
    transparent 57.2%, transparent 71.5%,
    rgba(255,255,255,0.4) 71.5%, rgba(255,255,255,0.4) 85.8%,
    transparent 85.8%,transparent 100%
    ),
    linear-gradient(to right, #EAF3D5,#93C545);
    background-size: 9px 22px,100%;
}
.user-safe-container-1-level-button{
    width: 110px;
    text-align: center;
    line-height: 38px;
    color: #518EFD;
    float: left;
    border: 1px solid #E0E0DF;
    background: #FAFBFB;
    font-size: 16px;
    margin-left: 30px;
    cursor: pointer;
}
.user-safe-container-1-level-bot{
    background: #EFEFEF;
    height: 35px;
    line-height: 35px;
    padding-left: 25px;
    color: #7C7C7C;
    font-size: 14px;
}
.user-safe-container-2{
    margin-top: 10px;
    border: 1px solid #EFEFEF;
    padding: 10px 20px;
    background: #fff;
}
.user-safe-container-2-item{
    overflow: hidden;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #EFEFEF;
}
.user-safe-container-2-item:last-child{
    border-bottom: 0;
}
.user-safe-container-2-item img{
    float: left;
    margin-right: 20px;
}
.user-safe-container-2-item span{
    float: left;
    font-size: 18px;
    line-height: 55px;
    color: #424242;
    margin-right: 20px;
}
.user-safe-container-2-item p{
    float: left;
    padding-top: 17px;
    width: 600px;
    color: #7C7C7C;
}
.user-safe-container-2-item a{
    color: #518EFD;
    border: 1px solid #EFEFEF;
    float: left;
    width: 80px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    margin: 5px 0 0 20px;
    font-size: 14px;
}

.user-xinyong-container{
    padding-bottom: 20px;
}
.user-xinyong-tab{
    overflow: hidden;
    position: relative;
}
.user-xinyong-tab::after{
    border-bottom: 1px solid #D3D3D3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: ' ';
}
.user-xinyong-container{
    background: #fff;
    margin-top: 20px;
}
.user-xinyong-tab a{
    height: 35px;
    line-height: 35px;
    padding: 0 30px;
    color: #848484;
    display: block;
    float: left;
}
.user-xinyong-tab a.on{
    border: 1px solid #D3D3D3;
    border-top: 2px solid #518EFD;
    border-bottom: 0;
    position: relative;
}
.user-xinyong-tab a.on::after{
    position: absolute;
    content: ' ';
    bottom: 0;
    border-bottom: 1px solid #fff;
    width: 100%;
    left: 0;
    z-index: 1;
}
.user-xinyong-info{
    overflow: hidden;
    padding: 20px;
}
.user-xinyong-info-1{
    float: left;
    width: 160px;
    height: 150px;
    background: url("../images/user-xy-1.jpg") no-repeat;
    position: relative;
    background-size: 100% auto;
}
.user-xinyong-info-1 img{
    position: absolute;
    bottom: 16px;
    left: 45px;
    width: 38px;
}
.user-xinyong-info-1 span{
    position: absolute;
    bottom: 15px;
    left: 52px;
    color: #D43953;
    font-weight: bold;
    font-size: 16px;
    width: 52px;
    text-align: center;
}
.user-xinyong-info-2{
    margin-left: 50px;
    float: left;
    padding-top: 10px;
}
.user-xinyong-info-1 a{
    color: #518EFD;
    position: absolute;
    bottom: -13px;
    width: 100%;
    text-align: center;
}
.user-xinyong-info-2 p{
    color: #606060;
    margin: 0 0 10px 0;
}
.user-xinyong-info-2 p span{
    color: #000000;
}
.user-xinyong-info-2 p:nth-of-type(2){
    margin-bottom: 20px;
}
.user-xinyong-info .lj{
    color: #518EFD;
    float: right;
}
.user-xinyong-table{
    padding: 0 20px;
    margin-top: 30px;
}
.user-xinyong-table-title{
    font-size: 14px;
    margin-bottom: 15px;
}
.user-xinyong-table-title a{
    float: right;
    color: #518EFD;
    font-size: 12px;
}
.user-xinyong-table th{
    background: #F4F4F4;
}
.pwd-key{
    position: absolute;
    right: 10px;
    top: 4px;
}

.user-body-title{
    background: #ffffff;
    width: 100%;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    border-bottom: 1px solid #f1f1f1;
    font-size: 18px;
    position: relative;
}
.user-body-title a{
    display: inline-block;
    margin: 0 22px;
    position: relative;
}
.user-body-title a::after{
    position: absolute;
    content: ' ';
    bottom: 0;
    height: 2px;
    background: #ffdd00;
    width: 100%;
    left: 0;
    display: none;
}
.user-body-title a.on::after{
    display: block;
}
.user-body-add{
    padding: 20px;
    background: #fff;
}
.user-top-nav ul li.visitor-tips p{
    display: block;
    position: static;
    box-shadow: inherit;
    padding: 0;
}
.user-top-nav ul li.visitor-tips:hover{
    border-color: #fff;
}
.user-top-nav ul li.visitor-tips img{
    max-height: 30px;
}
.obj-list-index{
    background: #fff;
    width: 1180px;
    margin: auto;
    border-radius: 10px;
    padding: 10px;
}
.layui-btn-normal-diy-bg{
    background: url(../images/user-data-1.png) no-repeat;
    background-size: 100% 100%;
}
a.link{
    color: #01AAED;
}
.link-group a{
    margin-right: 10px;
}
.pagelist ul li {

}
.pagelist ul li.disabled.total {
    border-right: 1px solid #ccc;
    display: none;
}
.pagelist ul li a,.pagelist ul li span {
    padding: 0 15px;
    border: 1px solid #ddd;
    display: block;
    height: 31px;
    line-height: 31px;
}
.pagelist ul li.disabled a,.pagelist ul li.disabled span {
    background: #ddd;
}
.pagelist ul li.active a,.pagelist ul li.active span {
    background: #235FA9;
    color: #fff;
    border-color: #235FA9;
}
.pagelist ul{
    display: flex;
    justify-content: center;
}
.pre-bor{
    border: 1px solid #ddd;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}
.layer-th .layui-layer-setwin .layui-layer-close2{
    right: -8px;
    top: -8px;
}
.pre-bor img{
    max-width: 162px;
    max-height: 106px;
}
.knowledge-list{
    padding: 10px 0;
}
.knowledge-list li{
    overflow: hidden;
    line-height: 30px;
}
.knowledge-list li span{
    float: right;
    color: #999;
}
.knowledge-content img{
    max-width: 100%;
}
.user-caiwu-1 table td{
    vertical-align: top;
}
.step_tips span{
    float: left;
    width: 20px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    border-radius: 100%;
    background: #ddd;
    color: #fff;
    margin-right: 5px;
}
.safe_pwd_step p.step_tips.on{
    color: #33a3ff;
}
.step_tips.on span{
    background: #33a3ff;
    color: #fff;
}
.safe_pwd_step .layui-slider-bar{
    background: #33a3ff !important;
}
.safe_pwd_step .layui-slider-wrap-btn{
    border-color: #33a3ff !important;
    cursor: default !important;
}
.safe_pwd_step .layui-slider-tips{
    display: none !important;
}
.safe_pwd_step .layui-slider{
    cursor: default !important;
}
.safe_pwd_step{
    margin-bottom: 30px;
}
.safe_form {
    width: 500px;
    margin: 50px auto;
}
.success_tips{
    width: 500px;
    margin: 50px auto;
    text-align: center;
}
.success_tips b{
    display: block;
    text-align: center;
    font-size: 22px;
    color: #33a3ff;
}
.success_tips p{
    color: #999;
    margin: 15px 0;
}
.safe_pwd_step .layui-row:first-child{
    margin-bottom: 15px;
}
.uploads_multi li{
    margin-top: 15px;
    float: left;
    width: 130px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 1px 0 #666;
    margin-right: 15px;
    position: relative;
}
.uploads_multi li div{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.uploads_multi li .delete{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    color: #999;
}
.uploads_multi li img{
    max-width: 100%;
    max-height: 100%;
}
.chat-list{
    overflow: hidden;
    position: relative;
    padding-left: 60px;
    width: 80%;
    margin-bottom: 15px;
}
.chat-list dt{
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
}
.chat-list dt img{
    width: 100%;
    height: 100%;
}
.chat-list dd p{
    line-height: 20px;
}
.chat-list dd div{
    color: #666;
    background: #f7f9fa;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 12px 10px;
    position: relative;
    margin-top: 5px;
}
.chat-list dd div::after{
    content: "";
    position: absolute;
    top: 2px;
    left: -6px;
    z-index: 999;
    width: 10px;
    height: 14px;
    transform-style: inherit;
    transform: rotate(-1deg) skewX(35deg);
    background: #f7f9fa;
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
}
.chat-list.chat-list-type-1{
    padding-left: 0;
    padding-right: 60px;
    float: right;
}
.chat-list.chat-list-type-1 dt{
    left: auto;
    right: 0;
}
.chat-list.chat-list-type-1 dd p{
    text-align: right;
}
.chat-list.chat-list-type-1 dd p span{
    float: right;
    margin: 0 0 0 10px;
}
.chat-list.chat-list-type-1 dd div{
    border-color: #ff6a00;
    background: #fff;
}
.chat-list.chat-list-type-1 dd div::after{
    width: 10px;
    height: 14px;
    left: auto;
    right: -6px;
    transform-style: inherit;
    transform: rotate(1deg) skewX(-35deg);
    border-top: 1px solid #ff6a00;
    border-right: 1px solid #ff6a00;
    background: #fff;
    border-left: 0;
}
.chat-list-img{
    float: left;
    max-width: 140px;
    margin-right: 20px;
    max-height: 140px;
}
.chat-list-img img{
    max-width: 200px;
}
.card-header-back {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    width: 40px;
    text-align: center;
    cursor: pointer;
}
.layui-layer-iframe .user-top{
    display: none;
}
.industry-list{
    margin-left: 0;
    line-height: 38px;
    overflow: hidden;
    padding-top: 9px;
}
.industry-list a{
    padding: 0 10px;
    border-radius: 3px;
    float: left;
    height: 22px;
    line-height: 22px;
    margin-bottom: 5px;
    font-size: 14px;
}
.industry-list a.on{
    background: #235FA9;
    color: #fff;
}
.no-template{
    padding: 30px 0;
    text-align: center;
    border: 1px solid #ddd;
}
.template-list{
    overflow: hidden;
    padding: 7px;
}
.template-list li{
    width: 360px;
    float: left;
    position: relative;
    margin-right: 30px;
    border: 1px solid #FFB800;
    transition: all 0.3s;
    margin-bottom: 30px;
}
.template-list li:nth-of-type(3n){
    margin-right: 0;
}
.template-list li:hover{
    box-shadow: 0 0 7px #FFB800;
}
.template-list li img{
    width: 100%;
    transition: all .5s;
}
.template-list li .cover{
    width: 360px;
    height: 280px;
    overflow: hidden;
    display: none;
}
.template-list li:hover img{
    transform: scale(1.1);
}
.template-list li p{
    border-top: 1px solid #FFB800;
    height: 30px;
    line-height: 30px;
    padding: 10px;
    overflow: hidden;
}
.template-list li p a{
    float: right;
    border: 1px solid #FFB800;
    padding: 0 18px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    font-family: 微软雅黑;
    margin-left: 10px;
    background: #FFB800;
}
.template-list li p a:hover{
    color: #fff;
    background-color: #FFB800;
    border-color: #FFB800;
}
.template-list li p span{
    color: #666;
}
.template-list li p a.use{
    background-color: #5FB878;
    border: 1px solid #5FB878;
    color: #fff;
}
.template-list li p a.use:hover{
    background-color: #5FB878;
    border-color: #5FB878;
}
.tpl-title{
    padding: 15px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.set-tpl-main{
    padding: 10px 0 0 20px;
}
.set-tpl-main .layui-form-label{
    width: 60px;
}
.set-tpl-main .layui-input-block{
    margin-left: 90px;
}
.set-tpl .layui-form-select dl{
    max-height: 200px;
}
.set-tpl-main .layui-form-item .layui-input-inline{
    width: 182px;
    margin-bottom: 8px;
}
.user-xinyong-info-1 .zhen{
    transition: all 1s;
    position: absolute;
    width: 10px;
    height: 148px;
    background: url("../images/user-xy-2.png") no-repeat 0 60px;
    left: 73px;
    top: 0;
    transform: rotate(38deg);
}
@media screen and (max-width: 1440px){
    .index-main-1-container{
        max-width: 1200px;
        margin-top: 50px;
    }
    .index-main-1-container-left{
        width: 640px;
    }
    .form-item{
        margin-top: 20px;
    }
    .index-main-1-container-right-container-form{
        padding-top: 5px;
    }
    .index-main-1-container-right-container-title{
        font-size: 24px;
        padding-top: 20px;
    }
}
@media screen and (max-width: 1280px){
    .index-main-1-container{
        max-width: 1000px;
    }
    .index-main-1-container-left {
        width: 500px;
    }
    .index-main-1-container-right{
        float: right;
        width: 400px;
    }
    .index-main-1-container-right-container{
        width: 100%;
    }
}