/*产品轮播*/
.swiper {
    margin-top: 2.5rem;
    position: relative;
    height: 16.8rem;
}

.swiper-slide img {
    width: 100%;
    display: block;
}
.swiper-pagination,
.swiper-button-prev,
.swiper-button-next{
    z-index: 100;
}
.swiper-pagination-bullet{
    width: .3rem;
    height: .3rem;
}
/*banner*/
.banner {
    width: 100%;
    height: 16.8rem;
    position: absolute;
    top: 0;
    z-index: 99;
    background: linear-gradient(rgba(22, 22, 22, 0.7) 0%, rgba(22, 22, 22, 0.7) 100%);
}
.banner .words {
    width: 25rem;
    margin: 0 auto;
    color: #fff;
    padding: 5rem 0 ;
}
.banner .words p{
    font-size: .45rem;
    margin-bottom: .2rem;
}
.banner .words p.word2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    font-size: .6rem;
}
.banner .words p.word1{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    font-size: .6rem;
    width: 50%;
}
.banner h1 {
    font-size: 1.5rem;
    margin-bottom: .8rem;
    font-weight: 400;
    width: 50%;
}

/*产品*/
.product {
    width: 100%;
    margin: 2rem auto;
}

.product .row {
    width: 25rem;
    margin: 0 auto 1rem;
    overflow: hidden;
    height: 7.5rem;
    cursor: pointer;
    padding: .5rem;
    /*box-shadow: 0 0 10px 0 #c7c7c7;*/
}

.product .row .img {
    width: 48%;
    margin-right: 4%;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #f0f0f0;
}

.product .row .img img {
    width: 100%;
    height: 100%;
    display: block;
    transition: all .5s;
}
.product .row .img img:hover{
    transform: scale(1.2)
}
.product .row .words {
    width: 48%;
    padding: .2rem 0 0 0;
    position: relative;
}
:root{
    --text: #fff;
    --font-size: 16px;
    --duration: .5s;
    --move-hover: -4px;
    --shadow: 0 2px 8px -1px rgba(39, 94, 254, 0.32);
    --shadow-hover: 0 4px 20px -2px rgba(39, 94, 254, 0.5);
}
.product .row .words .name {
    letter-spacing: .5px;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    margin-bottom: .2rem;
    transition: all var(--duration) ease;
}

.product .row .words .nameE {
    letter-spacing: .5px;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    color: rgb(0, 158, 217);
    transition: all var(--duration) ease;
}
.product .row .words .name span,
.product .row .words .nameE span{
    display: flex;
}
.product .row .words .name span i{
    font-size: .7rem;
}
.product .row .words .nameE span i{
    font-size: .6rem;
}
.product .row .words .name span i,
.product .row .words .nameE span i{
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal;
}
.product .row .words .name span i:nth-child(1),  .product .row .words .nameE span i:nth-child(1) {--d: 0.05s;}
.product .row .words .name span i:nth-child(2),  .product .row .words .nameE span i:nth-child(2) {--d: 0.1s;}
.product .row .words .name span i:nth-child(3),  .product .row .words .nameE span i:nth-child(3) {--d: 0.15s;}
.product .row .words .name span i:nth-child(4),  .product .row .words .nameE span i:nth-child(4) {--d: 0.2s;}
.product .row .words .name span i:nth-child(5),  .product .row .words .nameE span i:nth-child(5) {--d: 0.25s;}
.product .row .words .name span i:nth-child(6),  .product .row .words .nameE span i:nth-child(6) {--d: 0.3s;}
.product .row .words .name span i:nth-child(7),  .product .row .words .nameE span i:nth-child(7) {--d: 0.35s;}
.product .row .words .name span i:nth-child(8),  .product .row .words .nameE span i:nth-child(8) {--d: 0.4s;}
.product .row .words .name span i:nth-child(9),  .product .row .words .nameE span i:nth-child(9) {--d: 0.45s;}
.product .row .words .name span i:nth-child(10), .product .row .words .nameE span i:nth-child(10) {--d: 0.5s;}
.product .row .words .name span i:nth-child(11), .product .row .words .nameE span i:nth-child(11) {--d: 0.55s;}
.product .row .words .name span i:nth-child(12), .product .row .words .nameE span i:nth-child(12) {--d: 0.6s;}
.product .row .words .name span i:nth-child(13), .product .row .words .nameE span i:nth-child(13) {--d: 0.65s;}
.product .row .words .name span i:nth-child(14), .product .row .words .nameE span i:nth-child(14) {--d: 0.7s;}
.product .row .words .name span i:nth-child(15), .product .row .words .nameE span i:nth-child(15) {--d: 0.75s;}
.product .row .words .name span i:nth-child(16), .product .row .words .nameE span i:nth-child(16) {--d: 0.8s;}
.product .row .words .name span i:nth-child(17), .product .row .words .nameE span i:nth-child(17) {--d: 0.85s;}
.product .row .words .name span i:nth-child(18), .product .row .words .nameE span i:nth-child(18) {--d: 0.9s;}
.product .row .words .name span i:nth-child(19), .product .row .words .nameE span i:nth-child(19) {--d: 0.95s;}
.product .row .words .name span i:nth-child(20), .product .row .words .nameE span i:nth-child(20) {--d: 1s;}
.product .row .words .name span i:nth-child(21), .product .row .words .nameE span i:nth-child(21) {--d: 1.05s;}
.product .row .words .name span i:nth-child(22), .product .row .words .nameE span i:nth-child(22) {--d: 1.1s;}
.product .row .words .name span i:nth-child(23), .product .row .words .nameE span i:nth-child(23) {--d: 1.15s;}
.product .row .words .name span i:nth-child(24), .product .row .words .nameE span i:nth-child(24) {--d: 1.2s;}
.product .row .words .name span i:nth-child(25), .product .row .words .nameE span i:nth-child(25) {--d: 1.25s;}
.product .row .words .name span i:nth-child(26) ,.product .row .words .nameE span i:nth-child(26) {--d: 1.3s;}
.product .row .words .name span i:nth-child(27), .product .row .words .nameE span i:nth-child(27) {--d: 1.35s;}
.product .row .words .name span i:nth-child(28), .product .row .words .nameE span i:nth-child(28) {--d: 1.4s;}
.product .row .words .name span i:nth-child(29), .product .row .words .nameE span i:nth-child(29) {--d: 1.45s;}
.product .row .words .name span i:nth-child(30), .product .row .words .nameE span i:nth-child(30) {--d: 1.5s;}
.product .row .words .name span i:nth-child(31) ,.product .row .words .nameE span i:nth-child(31) {--d: 1.55s;}
.product .row .words .name span i:nth-child(32) ,.product .row .words .nameE span i:nth-child(32) {--d: 1.6s;}
.product .row .words .name span i:nth-child(33), .product .row .words .nameE span i:nth-child(33) {--d: 1.65s;}
.product .row .words .name span i:nth-child(34), .product .row .words .nameE span i:nth-child(34) {--d: 1.7s;}
.product .row .words .name span i:nth-child(35), .product .row .words .nameE span i:nth-child(35) {--d: 1.75s;}
.product .row .words .name:hover,
.product .row .words .nameE:hover{
    --shadow: var(--shadow-hover);
    --move: -4px;
    --shadow-active: 0 3px 1px rgba(0, 0, 0, .2);
}
.product .row .words .name:hover  i,
.product .row .words .nameE:hover  i{
    -webkit-animation: move var(--duration) linear var(--d);
    animation: move var(--duration) linear var(--d);
}
@-webkit-keyframes move {
    40% {
        -webkit-transform: translateY(var(--move));
        transform: translateY(var(--move));
        text-shadow: var(--shadow-active);
    }
}
@keyframes move {
    40% {
        -webkit-transform: translateY(var(--move));
        transform: translateY(var(--move));
        text-shadow: var(--shadow-active);
    }
}
.product .row .words .row-details {
    margin: .3rem 0;
}

.product .row .words .row-details p {
    font-size: .4rem;
    color: #65647a;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.product .row .words .row-details .flex{
    margin-top: .25rem;
}
.product .row .words .row-details .flex p{
    font-size: .35rem;
}

.product .row .words a {
    letter-spacing: 1px;
    font-size: .35rem;
    color: rgb(0, 158, 217);
    border-bottom: 2px solid rgb(0, 158, 217);
    display: inline-block;
    position: absolute;
    left: .125rem;
    bottom: 0;
    transition: all .4s;
}
.product .row .words a:hover{
    transform: scale(1.2)
}
/*产品功能*/
.tab-p {
    width: 25rem;
    margin: 2rem auto 3rem;
}

.tab-p ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.tab-p ul li {
    background: url("../image/banner_1.jpg") no-repeat;
    background-size: 100% 100%;
    width: calc((100% - 6px) / 3);
    text-align: center;
    padding: 2rem 1rem;
    margin: 0 1px;
    position: relative;
}

.tab-p ul li a {
    font-size: .3rem;
    color: #fff;
    border-bottom: 2px solid #fff;
}

.tab-p ul li .title {
    margin-bottom: .5rem;
    font-size: .55rem;
    color: #fff;
}

.tab-p ul li .o5 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    overflow: hidden;
}

.tab-p ul li .o5 .o2,
.tab-p ul li .o5 .o3 {
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    position: absolute;
    top: 50%;
}

.tab-p ul li .o5 .o2 {
    left: -.75rem;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -.75rem;
    margin-left: -.75rem;
}

.tab-p ul li .o5 .o3 {
    width: .8rem;
    height: .8rem;
    margin: -.4rem -.4rem 0 0;
    right: -.4rem;
}

.tab-p ul li:hover .o5 {
    background: linear-gradient(rgba(22, 22, 22, 0.29) 0%, rgba(22, 22, 22, 0.29) 100%);
}

.tab-p ul li:hover .o5 .o2 {
    left: 50%;
}

.tab-p ul li:hover .o5 .o3 {
    right: 50%;
}

/*产品1*/
.product1 {
    width: 25rem;
    margin: 0 auto;
}

.product1 img {
    width: 100%;
    display: block;
}

/*产品列表*/
.product-tab {
    width: 25rem;
    margin: 2rem auto 1rem;
}

.product-tab .list {
    width: 100%;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    margin-bottom: 1rem;
}

.product-tab .list .img {
    width: 48%;
}

.product-tab .list .img img {
    width: 100%;
    display: block;
    border-radius: 2px;
    border: 1px solid #f0f0f0;
}

.product-tab .list .words {
    width: 46%;
    text-align: center;
    padding: 1.2rem 0 1rem;
}

.product-tab .list .words .name {
    font-size: .505rem;
}

.product-tab .list .words .introduce {
    font-size: .4rem;
    margin: 1rem 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.product-tab .list .words .more {
    font-size: .38rem;
    letter-spacing: 2px;
    height: 30px;
    color: rgb(0, 158, 217);
    border-bottom: 2px solid rgb(0, 158, 217);
    display: inline-block;
}

/*底部*/
.footer {
    width: 100%;

}

.footer .foot-img {
    width: 100%;
    background: linear-gradient(rgba(22, 22, 22, 0.7) 0%, rgba(22, 22, 22, 0.7) 100%), url("../image/foot.jpg") no-repeat center;
    background-size: 100% 100%;
    padding: 1.5rem 0;
}

.footer .foot-img a {
    color: #fff;
    font-size: .4rem;
    letter-spacing: 2px;
    margin: 0 auto;
    width: 3rem;
    height: .7rem;
    display: block;
    border-bottom: 2px solid #fff;
    text-align: center;
}
.footer .lianjie{
    margin: .25rem auto 0;
    width: 25rem;
    text-align: center;
    font-size: .3rem;
}
.footer .lianjie a{
    margin:0 .25rem .125rem 0;
    color: rgb(90,90,90);
    white-space: nowrap;
}
.footer .lianjie a:hover{
    color: #439eff;
}

.footer .foot {
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: .3rem 0 ;
}

.footer .foot .text {
    font-size: .3rem;
    color: rgba(90, 90, 90, 1);
    width: 80%;
    margin: 0 auto .15rem;text-align: center;
}
.footer .foot .text p{
    width: auto;
    margin-right: 10px;
    display: inline-block;
    font-size: .3rem;
}

.footer .foot .text a {
    color: rgba(90, 90, 90, 1);
    font-size: .3rem;
}
.footer .foot  img{
    width: .5rem;
    height: .5rem;
    margin-right: 4px;
    vertical-align: middle;
}
.footer .foot .content p{
    line-height: 20px;
}
/* 登陆注册 */
.register{
    position: fixed;
    left: 35%;
    top: 50%;
    z-index: 1000;
    background: #fff;
    width: 30%;
    border-radius: 5px;
    padding: .25rem;
    box-shadow: 0 0 5px 1px #7e7e7e;
    display: none;
}
.register .title{
    position: relative;
    width: 100%;
    text-align: center;
    padding-bottom: .125rem;
    border-bottom: 1px solid #d2d2d2;
}
.register .title p{
    font-size: 0.5rem;
}
.register .title i{
    position: absolute;
    right: -.7rem;
    top: -.7rem;
    color: #333;
    font-size: .5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #fff;
    line-height: 1rem;
    border: 1px solid #d2d2d2;
    cursor: pointer;
    box-shadow: 0 0 7px 1px white;
}
.register .cont{
    padding: .25rem  0 .125rem;
}
.register .cont .list{
    width: 80%;
    padding: .25rem 0;
    margin: 0 auto;
    position: relative;
}
.register .cont .clickA{
    height: 1.5rem;
    display: block;
    text-align: right;
    width: 80%;
    margin: 0 10%;
    color: #7e7e7e;
}
.register .cont .list img{
    width: 30%;
    height: 1rem;
    border-radius: .1rem;
    margin-left: 10%;
    cursor: pointer;
}
.register .cont .list .tips{
    position: absolute;
    right: 0;
    top: -10%;
    color: red;
    font-size: .3rem;
    display: none;
}
.register .cont .list input[type = password],
.register .cont .list input[type = text]{
    height: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 .25rem;
    border-radius: .1rem;
    border: 1px solid #d2d2d2;
}
.register .cont .list input.no{
    border: 1px solid red;
}
.register .cont .list input#verification{
    width: 60%;
}
.register .cont .list span{
    position: absolute;
    right: .45rem;
    top: .5rem;
    color: #7e7e7e;
}
.register .cont .list b{
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 38%;
    right: 45%;
}
.register .cont .list b.yes{
    background: url("../image/correct.png") no-repeat;
    background-size: 15px;
}
.register .cont .list b.no{
    background: url("../image/error.png") no-repeat;
    background-size: 15px;
}
.register .cont .list:first-child input[type = text]{
    padding-right: 1.5rem;
}
.register .cont .list input[type = button]{
    width: 30%;
    height: 1rem;
    border: 1px solid #409eff;
    font-size: .3rem;
    line-height: .9rem;
    color: #409eff;
    letter-spacing: 1px;
    background: transparent;
    border-radius: .1rem;
    margin-left: 10%;
    cursor: pointer;
}
.register ul{
    width: 80%;
    margin: 0 10% ;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.register ul li{
    color: #757575;
    font-size: .35rem;
    cursor: pointer;
    width: 50%;
    text-align: center;
    height: 35px;
    line-height: 35px;
    background: #f0f0f0;
}
.register ul li.active {
    color: #fff;
    background: #409eff;
}
.register ul li#register{
    border-radius: 5px 0 0 5px ;
}
.register ul li#land{
    border-radius: 0 5px 5px 0 ;
}
.register button{
    color: #fff;
    background: #409eff;
    border: none;
    font-size: .4rem;
    width: 40%;
    height: 1rem;
    margin: .5rem auto;
    display: block;
    border-radius: .1rem;
    cursor: pointer;
    letter-spacing: 1px;
}
/* 认证 */
.authentication{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    display: none;
}
.authentication .close{
    position: absolute;
    right: 0;
    top: 0;
    width: 1.2rem;
    height: 1.2rem;
    background: url('../image/close.png') no-repeat center;
    background-size: 1.1rem;
    border-radius: 50%;
    cursor: pointer;
    transition: all .5s;
}
.authentication .close:hover{
    transform: scale(1.2)
}
.authentication .content{
    width: 60%;
    margin: 5px auto;
    background: #fff;
    overflow: auto;
}
.authentication .title{
    text-align: center;
    width: 60%;
    margin: 0 auto;
}
.authentication .title img{
    width: 150px;
    display: inline-block;
}
.authentication .title .words{
    width: 60%;
    display: inline-block;
}
.authentication .title .words .name{
    font-weight: 600;
    font-size: .55rem;
    text-align: left;
    margin-bottom: .1rem;
}
.authentication .title .words .word{
    color: #adadad;
    text-align: left;
    font-size: .3rem;
}
.authentication .cont{
    width: 100%;
    margin-top: 20px;
    padding: .2rem .5rem .5rem 1rem;
    overflow-y: auto;
}
.authentication .cont .row{
    background: url(../image/qiye.png) no-repeat left .1rem center;
    background-size: .4rem;
    padding-left: .6rem;
}
.authentication .cont .row .name{
    font-weight: 600;
    font-size: .4rem;
    width: 75px;
}
.authentication .cont .row .border{
    border-top: 1px solid #adadad;
    height: 1px;
    margin: .25rem .4rem;
    width: calc(100% - 75px - .6rem);
}
.authentication .cont .row span{
    float: right;
    color: #a1a1a1;
    font-size: .3rem;
    line-height: .5rem;
    width: 190px;
}
.authentication .cont .list {
    width: 100%;
    padding: .3rem 0;
}
.authentication .cont .list .name{
    width: 140px;
    padding-right: 15px;
    text-align: right;
    font-size: .3rem;
    line-height: .7rem;
}
.authentication .cont .list .name span{
    color: #f83c3c;
    margin-right: 5px;
}
.authentication .cont .list .input{
    width: calc(100% - 155px);
    position: relative;
}
.authentication .cont .list .input input[type = text].no,
.authentication .cont .list .input textarea.no,
.authentication .cont .list .input select.no{
    border: 1px solid #f83c3c;
}
.authentication .cont .list .input input[type = text]{
    width: 80%;
    padding: 0 .1rem;
    height: .7rem;
    line-height: .7rem;
    border: 1px solid #9c9c9c;
    border-radius: .1rem;
}
.authentication .cont .list .input input[type = text]:focus {
    border-color: #00bafa;
}
.authentication .cont .list .input input[type = text]:focus + label:before {
    color: #00bafa;
}
.authentication .cont .list .input input[type = text]:focus + label:before,
.authentication .cont .list .input input[type = text]:valid + label:before {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transform: translate(0, -1em) scale(0.9, 0.9);
    -ms-transform: translate(0, -1em) scale(0.9, 0.9);
    transform: translate(0, -1em) scale(0.9, 0.9);
}
.authentication .cont .list .input input[type = text]:invalid + label[alt]:before {
    content: attr(alt);
}
.authentication .cont .list .input input[type = text] + label {
    display: block;
    pointer-events: none;
    position: absolute;
    left: .1rem;
    top: 0.1rem;
}
.authentication .cont .list .input input[type = text] + label:before {
    display: inline-block;
    padding: 0 2px;
    color: #898989;
    white-space: nowrap;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
    -webkit-background-size: 100% .1rem;
    background-size: 100% .1rem;
    background-repeat: no-repeat;
    background-position: center;
}

.authentication .cont .list .input #imgclick{
    vertical-align: middle;
    height: .7rem;
    margin-left: .35rem;
}
.authentication .cont .list i{
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 9px;
    left: 80px;
}
.authentication .cont .list i.yes{
    background: url("../image/correct.png") no-repeat;
    background-size: 12px;
}
.authentication .cont .list i.no{
    background: url("../image/error.png") no-repeat;
    background-size: 12px;
}
.authentication .cont .list .input .chuans{
    position:relative;
    width:3rem;
    height:3rem;
    border-radius: .1rem;
    border:1px dashed #ccc;
    margin-right: 1rem;
    overflow: hidden;
}
.authentication .cont .list .input .chuans.no{
    border: 1px dashed red;
}
.authentication .cont .list .input  b{
    position: absolute;
    right: 20%;
    top: 30%;
    color: #ccc;
    font-weight: 100;
    width: calc(100% - 3rem - 20%);
    text-align: right;
}
.authentication .cont .list .input .chuans img{
    position:absolute;
    width:3rem;
    height:3rem;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}
.authentication .cont .list .input .uploadImg{
    display: inline-block;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 999;
}
.authentication .cont .list .input .delx{
    color: #a1a1a1;
    position: absolute;
    right: 20%;
    bottom: 0;
    font-weight: 100;
    width: calc(100% - 20% - 3rem );
    text-align: left;
    font-size: .35rem;
    padding-left: .5rem;
    box-sizing: border-box;
}
.authentication .cont .list .input textarea{
    resize:none;
    width: 80%;
    height: 2rem;
    padding: .1rem;
    border: 1px solid #9c9c9c;
    border-radius: .1rem;
}
.authentication .cont .list .input select{
    width: 39.5%;
    height: .7rem;
    line-height: .7rem;
    border: 1px solid #9c9c9c;
    border-radius: .1rem;
    color: #333333;
    font-size: .3rem;
    background: url(../image/task.png) no-repeat right 8px center transparent;
    background-size: .3rem;
    padding: 0 10px;
}
.authentication .cont .list .input span{
    position: absolute;
    bottom: 0;
    left: 82%;
    color: #f83c3c;
    font-size: .2rem;
    display: block;
    height: .7rem;
    line-height: .7rem;
    border-radius: 2px;
    letter-spacing: 1px;
    display: none;
    z-index: 9;
    right: -.5rem;
}
.authentication .tail{
    width: 100%;
    margin: .4rem 0 0;
    padding: 0 1rem;
}
.authentication .tail .list{
    width: calc(100% - 140px);
    margin-left: 140px;
    position: relative;
}
.authentication .tail .list input[type="checkbox"] {
    width: .4rem;
    height: .4rem;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: .4rem;
    position: relative;
    box-sizing: border-box;
}
.authentication .tail .list input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #999;
    box-sizing: border-box;
}
.authentication .tail .list input[type="checkbox"]:checked::before {
    content: "\2713";
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    color: #409eff;
    border-radius: 2px;
    font-weight: bold;
    box-sizing: border-box;
    border: 1px solid #409eff;
}
.authentication .tail .list input[type="checkbox"]:checked+label{
    color: #409eff;
}
.authentication .tail .list label{
    display: inline-block;
    line-height: .4rem;
    font-size: .35rem;
    vertical-align: middle;
}
.authentication .tail .list label a{
    display: inline-block;
    color: #409eff;
}
.authentication .tail .list .error{
    position: absolute;
    bottom: 0;
    left: 82%;
    color: #f83c3c;
    font-size: .2rem;
    display: block;
    height: .7rem;
    line-height: .7rem;
    border-radius: 2px;
    letter-spacing: 1px;
    display: none;
    z-index: 9;
    right: -.5rem;
}
.authentication .tail .list p{
    color: #a1a1a1;
    font-size: .3rem;
    margin: .1rem 0 .25rem;
}
.authentication .button{
    width: 100%;
    padding-left: calc(140px + 1rem);
    margin: 1rem auto .75rem;
}
.authentication button{
    color: #fff;
    border: none;
    background: #409eff;
    padding: .2rem .5rem;
    border-radius: 2px;
    letter-spacing: 1px;
    cursor: pointer;
    box-shadow: 0 0 5px 0 #7b7b7b;
}
.authentication button:hover{
    background: #406eff;
}
/* 详情页面 */
.details {
    width: 25rem;
    margin: 2.5rem auto 0;
    padding: 1rem 0 5rem;
}

/* 保密协议 */
.divContent{
    width: 100%;
    margin: 2.5rem auto 0;
}
.divContent .divBanner{
    width: 100%;
    height: 5rem;
    text-align: center;
    overflow: hidden;
    position: relative;
    background: #409eff;
    opacity: 0.8;
}
.divBanner_title {
    padding-top: 1.5rem;
    color: #fff;
    font-size: .9rem;
}
.divContent .divBanner_title span{
    font-size: .45rem;
    padding-right: .5rem;
}
.divContent .divPrivacy{
    width: 90%;
    margin: .75rem 5%;
    line-height: .7rem;
    padding: .5rem;
    box-shadow: 0 0 10px 0 #7b7b7b;
}
.divContent .divPrivacy p{
    width: 100%;
    font-size: .35rem;
    color: #363636;
    text-indent: 2em;
}
.divContent .divPrivacy .divTitle{
    width: 90%;
    color: #363636;
    margin-top: .25rem;
    font-weight: bold;
    font-size: .45rem;
}
.divContent .divPrivacy .p_fist{
    width: 100%;
    font-size: .35rem;
    color: #363636;
}

/*产品详情*/
.product-p {
    width: 25rem;
    margin: 4.5rem auto 4rem;
}
.product-p .apply{
    padding: .5rem 0;
}
.product-p .apply .word{
    color: #6b6b6b;
    font-weight: 100;
    font-size: .4rem;
    width: 100%;
    line-height: .75rem;
    height: .75rem;
}
.product-p .apply .word .right{
    float: right;
    width: auto;
}
.product-p .apply .word .right img{
    height: .5rem;
    vertical-align: middle;
}
.product-p .apply .word button{
    border: none;
    height: .75rem;
    line-height: .75rem;
    padding: 0 .3rem;
    border-radius: .5rem;
    background: #409eff;
    color: #fff;
    cursor: pointer;
}
.product-p .apply .word button:hover{
    background: #406eff;
}
.product-p .right {
    width: 78%;
    margin-left: .5rem;
}

.details_word {
    width: 100%;
    padding: 20px 1rem ;
    margin-bottom: 50px;
    border-radius: 2px;
    box-shadow: -1px 0 6px 0 #9E9E9E;
}

.details_word .nameC{
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: .25rem;
}
.details_word .nameE {
    font-weight: bold;
    margin-bottom: .25rem;
    color: rgb(0, 158, 217);
    font-size: .6rem;
}
.details_word .content ul {
    padding-left: 80px;
}
.details_word .content ul li p {
    margin-left: 5px;
}

.details_word .content ul li span {
    width: 20%;
    padding-right: 2%;
}

.details_word .content .word {
    font-size: 14px;
    margin: 15px 0 ;
    color: #808080;
}

.details_word .content .word span {
    width: 80px;
    font-size: 14px;
    display: inline-block;
    color: #808080;
}

.details_word .gong {
    font-size: 14px;
    color: #808080;
}

.gong span {
    width: 80px;
    font-size: 14px;
    color: #808080;
    display: inline-block;
}

.details_word .name-na {
    width: 100%;
    margin-top: 10px;
    color: #808080;
}

.details_word ul {
    width: 100%;
    padding-left: 80px;
}

.details_word ul li {
    color: #808080;
    margin-bottom: .25rem;
}

.details_word  .row{
    margin: 30px 0;
    text-align: center;
}
.details_word  .row div{
    width: 40%;
    overflow: hidden;
    margin: 0 auto;
}
.details_word  .row img{
    width: 100%;
    transition: all .5s;
}
.details_word  .row img:hover{
    transform: scale(1.1)
}
.details_word .row p{
    width: 100%;
    margin: 15px 0;
    color: #808080;
}
/*登录状态*/
.LoginStatus{
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    z-index: 990;
    cursor: pointer;
}
.LoginStatus  .hyn{
    padding: .6rem 0;
}
.LoginStatus p{
    text-align: center;
    font-size: .4rem;
}
.LoginStatus .UserBox{
    width: 100%;
    font-size: .6rem;
    padding: 0 .2rem;
}

.LoginStatus ul{
    display: none;
    background: #fff;
    border-radius: 0 0 5px 5px;
    box-shadow: -2px 5px 9px -5px #9c9c9c;
}
.LoginStatus ul li{
    height: 1rem;
    line-height: 1rem;
    text-indent: .5rem;
    padding: 0 .2rem;
    cursor: pointer;
}
.LoginStatus ul li:first-child{
    border-bottom: 1px solid ;
}

/* 收费产品 */
.paidProducts{
    width: 25rem;
    overflow: hidden;
    margin: 2rem auto ;
}
.paidProducts .list{
    width: 50%;
    height: 80vh;
    background: url("../image/rh02-panel1.jpg") no-repeat;
    background-size: 100% 100%;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    cursor: default;
}
.paidProducts .list:last-child{
    background: url("../image/rh02-panel2.jpg") no-repeat;
}
.paidProducts .list .rh02w3{
    position: absolute;
    z-index: 2;
    overflow: auto;
    padding: 0 1.2rem 1rem ;
    top: 0;
    height: 100%;
    min-width: 100%;
    transform: translateY(20%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),background 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.paidProducts .list .rh02w3 .img{
    width: 80%;
    margin: 0 auto .5rem;
}
.paidProducts .list .rh02w3 .img img{
    width: 100%;
    display: block;
}
.paidProducts .list .rh02w3:hover{
    transform: translateY(0%);
    padding-top: 10%;
    background: linear-gradient(rgba(22, 22, 22, 0.7) 0%, rgba(22, 22, 22, 0.7) 100%)
}
.paidProducts .list .rh02w3:hover  .rh02w4{
    display: block;
}
.paidProducts .list .rh02w3:hover .rh02-sub,
.paidProducts .list .rh02w3:hover .rh02-leadin{
    display: none;
}
.paidProducts .list .rh02w3:hover .img{
    display: none;
}
.paidProducts .list .rh02w3 .rh02-pcontent{
    width: 100%;
    color: #fff;
}
.paidProducts .list .rh02w3 .rh02-pcontent .rh02-ttl{
    font-size: 1rem;
    margin-bottom: .5rem;
    font-weight: 600;
}
.paidProducts .list .rh02w3 .rh02-pcontent .rh02-ttl b{
    display: block;
    font-size: 1.1rem;
}
.paidProducts .list .rh02w3 .rh02-pcontent .rh02-sub{
    margin-bottom: .2rem;
    font-size: .55rem;
    font-weight: 500;
}
.paidProducts .list .rh02w3 .rh02-pcontent .rh02-leadin{
    margin-bottom: .25rem;
}
.paidProducts .list .rh02w3 .rh02-pcontent .rh02-leadin p{
    font-size: .4rem;
}
.paidProducts .list .rh02w3 .rh02w4{
    display: none;
    border-top: 2px solid rgba(255,255,255,0.4);
    margin-top: .75rem;
    padding-top: .5rem;
    color: #fff;
}
.paidProducts .list .rh02w3 .rh02w4 .rh02-xcontent  h5{
    font-size: .5rem;
    font-weight: 600;
    margin: .2rem 0;
}
.paidProducts .list .rh02w3 .rh02w4 .rh02-xcontent  p{
    margin: .1rem 0;
}
.paidProducts .list .rh02w3 .rh02w4 .rh02-xcontent  h3{
    font-size: .4rem;
    font-weight: 500;
}
.paidProducts .list .rh02w3 .rh02w4 .rh02-xcontent  a{
    font-size: .35rem;
    color: #fff;
    display: block;
    margin: .2rem 0;
}
/* 标题 */
.title-product{
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    margin-top: 1rem;
}
.title-product p{
    font-size: .4rem;
    color: #5d5d5d;
    margin: .5rem 0 -.5rem;
    -webkit-box-reflect: below 0 -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,.3));
}