@charset "UTF-8"; body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { font-family: "Source Han Sans CN", Noto Sans,sans-serif; font-size: 1.6rem; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; box-sizing: border-box; margin: 0; padding: 0; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, a, a:hover {   outline: 0; } .container-fluid { padding-left: 0px; padding-right: 0px; } @media (min-width: 1200px) { .container { max-width: 1270px; width:92%;} } body { color: #333; } body a { text-decoration: none!important; outline: none; } body a:hover { color: #1090d6; outline: none; text-decoration:none!important;} body a.focus { outline: none; } .bg_f4{background-color:#f4f4f4;} .bg_f6{background-color:#f6f6f6;} .flex{display:flex;} .flex-justify-between{justify-content: space-between;} /* 箭头 @include arrow(direction,size,color); **/ /* 超出省略号 @include ell(); */ /* inline-block @include inline_block(); */ /* font-size of REM @include font_size(fz); */ @font-face { font-family: 'SourceHanSansCNExtraLight'; src: url("fonts/SourceHanSansCN-ExtraLight.ttf"), url("fonts/SourceHanSansCN-ExtraLight.otf"); font-weight: normal; font-style: normal; } @font-face { font-family: 'impact'; src: url("fonts/impact.ttf"), url("fonts/impact.otf"); font-weight: normal; font-style: normal; } .pc{display:block!important;} .sp{display:none!important} body { background-color: #fff; } header{height:96px;background-color:#fff;position: relative;border-bottom:1px solid #e1dfdf;} header .top-header{width:100%;display:flex;justify-content:space-between;} header a.logo{height:100%;float:left;margin-left:60px;transition:all .5s;} header a.logo img{height:70px;display:block;margin-top:12px;} /*header a.logo img{height:155px;display:block;margin-top:-20px;}*/ header .top-nav{padding-top:14px;margin-right:50px;} header .top-nav .nav-tp{text-align:right;transition:all .5s;} header .top-nav .nav-tp a.link{display:inline-block;font-size:15px;line-height:22px;color:#009ce5;transition:all .3s;margin-right:20px;} header .top-nav .nav-tp a.link:hover{color:#e50012;} header .top-nav .nav-tp a.lang{display:inline-block;line-height:22px;font-size:14px;color:#009ce5;padding-left:25px;background:url(../images/common/lang_blue.svg) no-repeat left center;background-size:20px;transition:all .3s;margin-right:18px;} header .top-nav .nav-tp a.lang:hover{background:url(../images/common/lang_red.svg) no-repeat left center;background-size:20px;color:#e50012;} header .top-nav .nav-tp .user{display:inline-block;vertical-align:middle;} header .top-nav .nav-tp .user span{font-size:14px;line-height:22px;color:#009ce5;} header .top-nav .nav-tp .user a{display:inline-block;font-size:15px;line-height:22px;color:#009ce5;transition:all .3s;-webkit-transition:all .3s;} header .top-nav .nav-tp .user a.login{padding-left:23px;background:url(../images/common/login_blue.svg) no-repeat left center;background-size:18px;} header .top-nav .nav-tp .user a:hover{color:#e50012;} header .top-nav .nav-tp .user a.login:hover{background:url(../images/common/login_red.svg) no-repeat left center;background-size:18px;} header .top-nav .nav-tp .user a.register{} header .top-nav .nav-list{display:flex;align-items:center;padding-top:6px;transition:all .5s;} header .top-nav .nav-list ul{margin-right:20px;} header .top-nav .nav-list ul li{display:inline-block;margin-left:35px;} header .top-nav .nav-list ul li:first-child{margin-left:0;} header .top-nav .nav-list ul li a{font-size:16px;color:#000000;font-weight:500;display:inline-block;line-height:52px;position: relative;transition:all .3s;} header .top-nav .nav-list ul li a:hover,header .top-nav .nav-list ul li.slided a{color:#009ce5;} header .top-nav .nav-list ul li a::after{content:"";display:inline-block;width:0;height:2px;background-color:#019ce5;position: absolute;left:0;bottom:0;transition:all .3s;-webkit-transition:all .3s;} header .top-nav .nav-list ul li a:hover::after,header .top-nav .nav-list ul li.slided a::after{width:100%;} header .top-nav .nav-list ul li.dropdown{position: relative;} header .top-nav .nav-list ul li.dropdown .item{position: absolute;left:50%;top:52px;background-color:#f7f7f7;padding:25px;display:none;z-index:299;transform:translateX(-50%);} header .top-nav .nav-list ul li.dropdown .item p a{font-size:15px;line-height:32px;color:#333;font-weight:400;white-space:nowrap;transition:all .3s;-webkit-transition:all .3s;} header .top-nav .nav-list ul li.dropdown .item p a:hover{color:#e50012;} header .top-nav .nav-list ul li.dropdown .item p a:after{display:none!important;} header .top-nav .nav-list a.search{display:inline-block;width:30px;height:52px;line-height:52px;background:url(../images/common/search_blue.svg) no-repeat center;background-size:24px;} header a.mobileBtn{display:none;} .header-dropdown-items{position:absolute;left:0;right:0;top:96px;display:none;background-color:#f7f7f7;padding:40px 0;z-index:299} .header-dropdown-items ul{display:flex;justify-content:center;} .header-dropdown-items ul li{min-width:200px;margin-right:70px;} .header-dropdown-items ul li a.title{display:inline-block;font-size:15px;font-weight:500;line-height:28px;color:#019ce5;margin-bottom:15px;transition:all .3s;-webkit-transition:all .3s;} .header-dropdown-items ul li a.title:hover{opacity:.7;color:#e50012;} .header-dropdown-items ul li p a{font-size:15px;line-height:28px;color:#666;font-weight:500;transition:all .3s;-webkit-transition:all .3s;} .header-dropdown-items ul li p a:hover{opacity:.7;color:#e50012;} .header-dropdown-items ul li:last-child{margin-right:0;} header.open .top-header a.logo{transform: scale(0)} header.open .top-header .top-nav .nav-tp{transform: scale(0)} header.open .top-header .top-nav .nav-list{transform: scale(0)} header .top-search{width:0;position:absolute;left:100%;top:0;bottom:0;transition:all .5s;transition-delay: 0.25s;opacity:0;} header .top-search .wrap{width:800px;margin:0 auto;height:100%;display:none;} header .top-search .wrap .flex{display:flex;align-items:center;justify-content:center;} header .top-search .wrap a.sech{cursor:pointer;width:24px;height:96px;background:url(../images/common/tp-search.svg) no-repeat center;background-size:24px;margin-right:10px;} header .top-search .wrap .input{width:732px;} header .top-search .wrap .input input{border:0;height:40px;width:100%;font-size:16px;color:#333;line-height:26px;box-sizing: border-box;padding:7px 0;} header .top-search .wrap a.close{width:24px;height:96px;margin-left:10px;display:inline-block;background:url(../images/common/tp-close.svg) no-repeat center;background-size:24px;opacity:1;} header.open{overflow:hidden;} header.open .top-search{left:0;opacity:1;width:100%;} header.open .top-search .wrap{display:block!important;} .mobile_nav{transition:all .3s;position:absolute;left:100%;top:60px;bottom:0;width:100%;border-top:1px solid #ccc;display:none;} .mobile_nav::after{content:"";left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.6);opacity:0;transition:all .6s;width:100%;height:100%;position: absolute;z-index:1;transition-delay: 0.1s;} .mobile_nav .wrap{position: absolute;left:60px;right:0;top:0;bottom:0;overflow-y:auto;background-color:#fff;display:none;z-index:2;} .mobile_nav .wrap ul li{position: relative;border-bottom:1px solid #ededed;} .mobile_nav .wrap ul li h3{height:50px;line-height:50px;} .mobile_nav .wrap ul li h3 a{font-size:16px;color:#000;padding:0 20px;display:block;} .mobile_nav .wrap ul li i{position: absolute;right:0;top:0;height:50px;width:50px;z-index:2;background:url(../images/common/down.svg) no-repeat center;background-size:28px;transition:all .3s;cursor:pointer;} .mobile_nav .wrap ul li i.active{transform:rotate(180deg)} .mobile_nav .wrap ul li ul{display:none;} .mobile_nav .wrap ul li ul li{border-bottom:0;border-top:1px solid #ededed;padding:10px 20px;} .mobile_nav .wrap ul li ul li a.title{font-size:14px;color:#019ce5;display:block;line-height:30px;} .mobile_nav .wrap ul li ul li p a{font-size:13px;line-height:24px;color:#333;display:block;padding:0 10px;} .foot-logo{padding:35px 0;background-color:#e1e1e1;text-align:center;font-size:0;} .foot-logo .container{font-size:0;} .foot-logo a{display:inline-block;margin:0 7px;transition:all .3s;-webkit-transition:all .3s;width:calc((100% - 56px)/4);} .foot-logo a img{display:block;width:100%;} .foot-logo a:hover{transform: translateY(-10px);-webkit-transform: translateY(-10px);} .foot-1{padding:50px 20px;border-bottom:1px solid #d9d9d9;display:flex;flex-wrap:wrap;} .foot-1 .item{width:18%;} .foot-1 .item:nth-child(4){width:19%;} .foot-1 .item:last-child{width:27%;} .foot-1 .item .list-1{width:140px;} .foot-1 .item .list-1 h3{border-bottom:1px solid #009bde;margin-bottom:15px;} .foot-1 .item .list-1 h3 a{font-size:16px;font-weight:500;color:#009bde;line-height:42px;} .foot-1 .item .list-1 p a{font-size:14px;line-height:32px;color:#666;} .foot-1 .item .list-2{width:160px;} .foot-1 .item .list-2 h3{border-bottom:1px solid #4cb9e8;margin-bottom:8px;padding-bottom:8px;} .foot-1 .item .list-2 h3 a{font-size:16px;font-weight:500;color:#009bde;line-height:42px;transition:all .3s;-webkit-transition:all .3s;} .foot-1 .item .list-2 h3 a:hover{opacity:.7} .foot-1 .item .contact .logo{margin-bottom:20px;width:100%;} .foot-1 .item .contact p{font-size:16px;line-height:46px;color:#666666;} .foot-1 .item .contact p.add{padding-left:30px;background:url(../images/common/f-add.png) no-repeat left center;} .foot-1 .item .contact p.tel{padding-left:30px;background:url(../images/common/f-tel.png) no-repeat left center;} .foot-1 .item .contact p.mail{padding-left:30px;background:url(../images/common/f-mail.png) no-repeat left center;} .foot-1 .item .contact p a{font-size:16px;line-height:46px;color:#666666;transition:all .3s;-webkit-transition:all .3s;} .foot-1 .item .contact .code{width:80px;} .foot-1 .item .contact .code img{display:block;width:100%;} .foot-2{font-size:14px;line-height:56px;color:#666666;} .foot-2 span{display:inline-block;} .foot-2 a{font-size:14px;display:inline-block;line-height:56px;color:#666666;margin-left:25px;} .foot-2 a.bei{display:flex;align-items:center;} .up_top_btn{width: 45px;height: 45px;line-height: 45px;background-color:#009ce5;color: #fff;text-align: center;position: fixed;bottom: 20px;right: 15px;z-index: 8000;font-size: 24px;opacity: 0;visibility: hidden;transition: all ease .3s;} .up_top_btn:hover{color: #fff;text-decoration: none;} .up_top_btn.show{opacity: 1;visibility: visible;} .list_det_title{font-size:28px;line-height:36px;color:#009cde;font-weight:bold;border-bottom:1px solid #dddddd;padding-bottom:25px;position: relative;} .list_det_title::after{content:"";width:195px;display:inline-block;height:1px;background-color:#009cde;position: absolute;left:0;bottom:-1px;} .list_det_title .tip-item{font-size:0;display:inline-block;width:100%;min-height:20px;margin:0;margin-top:5px;} .list_det_title .tip-item li{float:left;height:20px;line-height:20px;padding:0 15px;background:#22c7d0;font-size:13px;color:#fff;margin-right:10px;border-radius:20px;} .det_title{font-size:28px;line-height:36px;color:#009cde;font-weight:bold;border-bottom:1px solid #dddddd;padding-bottom:25px;position: relative;} .det_title::after{content:"";width:195px;display:inline-block;height:1px;background-color:#009cde;position: absolute;left:0;bottom:-1px;} .column-assort{padding:75px 0;} .column-assort .assort{display:flex;justify-content: space-between} .column-assort .assort .item{overflow:hidden;transition:all .3s;height:170px;width:calc((100% - 84px)/4);} .column-assort .assort .item a{display:block;width:100%;height:100%;position:relative;transition:all .3s;} .column-assort .assort .item a img{width:100%;height:100%;object-fit:cover;} .column-assort .assort .item a span{position: absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;font-size:22px;color:#fff;font-weight:500;background-color:rgba(0,0,0,.28);transition:all .3s;} .column-assort .assort .item:hover{transform: translateY(-10px)} .column-assort .assort .item:hover a span{background-color:rgba(0,0,0,.5);} .crumbs{padding:20px 0;border-bottom:1px solid #dbdada;} .crumbs .list a.homepage{display:inline-block;font-size:15px;line-height:30px;color:#333333;padding-left:30px;background-image:url(../images/common/icon-home.svg);background-repeat:no-repeat;background-position:left 5px;background-size:18px;} .crumbs .list a{font-size:15px;line-height:30px;color:#333;display:inline-block;} .crumbs .list span{display:inline-block;padding-left:20px;margin-left:10px;background:url(../images/common/icon-right-black.svg) no-repeat left center;background-size:14px auto;line-height:30px;} .crumbs .list span.current{color:#029be6;font-size:15px;background:url(../images/common/icon-right-blue.svg) no-repeat left center;background-size:14px auto;} .pageKv{min-height:414px;overflow:hidden;position: relative;} .pageKv img{display:block;width:100%;object-fit:cover;height:100%;min-height:414px;} .pageKv .txtBody{position: absolute;left:0;right:0;top:50%;transform: translateY(-50%);} .pageKv .txtBody h1{color:#fff;font-size:38px;line-height:52px;font-weight:500;} .pageKv .txtBody h2{font-size:18px;line-height:28px;color:#fff;font-weight:500;margin-top:15px;} .pageKv .txtBody a.career{border:1px solid #fff;border-radius:8px;overflow:hidden;box-sizing: border-box;width:156px;height:38px;line-height:36px;text-align:center;display:inline-block;font-size:16px;color:#fff;margin-top:25px;transition:all .3s;} .pageKv .txtBody a.career:hover{background-color:#009ce5;border:1px solid #009ce5;} .pagination{text-align:center;width:100%;} .pagination span{display:inline-block;padding:5px 10px;border:1px solid #ddd;background-color:#fff;margin-right:5px;font-size:14px;} .pagination span a{font-size:14px;color:#333;transition:all .3s;} .pagination span a:hover{color:#e3020e;} .pagination .jump{padding:5px 10px;display:inline-block;font-size:14px;color:#333;} .pagination .jump input{border:1px solid #ddd;background-color:#fff;padding:1px 2px;width:64px;height:24px;box-sizing: border-box;font-size:12px;margin:0 5px} .pagination .jump a{width:42px;height:24px;box-sizing: border-box;fotn-size:12px;border:1px solid #ddd;background-color:#fff;font-size:12px;color:#333;display:inline-block;line-height:22px;} .popBody{position: fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.34);z-index:299;display:none;} .popBody a.popClose{display:inline-block;width:36px;height:36px;border-radius:50%;background:#fff url(../images/common/icon-close.svg) no-repeat center;background-size:18px;position: absolute;right:15px;top:15px;box-shadow:0 5px 10px rgba(0,0,0,.15);cursor:pointer;} .popBody .popMask{position: absolute;left:0;right:0;top:0;bottom:0;z-index:1;} .login_body{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:570px;padding:10px 30px 30px;border-radius:8px;background-color:#fff;box-sizing: border-box;z-index:2;} .login_body .tab{font-size:0;text-align:center;position: relative;margin-bottom:35px;} .login_body .tab::after{content:"";width:1px;top:0;bottom:0;background-color:#dcdcdc;position: absolute;left:50%;transform: translateX(-50%);} .login_body .tab a{display:inline-block;width:50%;box-sizing: border-box;cursor: pointer;padding:5px 0;} .login_body .tab a .cn{font-size:20px;line-height:34px;color:#333;} .login_body .tab a .en{font-size:16px;line-height:16px;color:#333;} .login_body .tab a.active .cn{color:#2c6493;} .login_body .tab a.active .en{color:#2c6493;} .login_body .tabcon .con ul li{margin-bottom:20px;} .login_body .tabcon .con ul li .box{border:1px solid #d3d3d3;height:48px;border-radius:6px;position: relative;box-sizing: border-box;overflow:hidden;} .login_body .tabcon .con ul li .box a.sendyzm{position: absolute;right:0;top:0;height:46px;line-height:46px;width:270px;text-align:center;background-color:#d8d8d8;cursor:pointer;font-size:15px;color:#666;} .login_body .tabcon .con ul li .box input{height:46px;width:100%;border:0;font-size:15px;line-height:26px;font-weight:300;color:#666;padding:10px 20px;box-sizing: border-box;} .login_body .tabcon .con ul li .box input.phone{padding-right:166px;} .login_body .tabcon .con ul li .loginbtn{display:block;height:48px;line-height:48px;text-align:center;border-radius:6px;background-color:#2c6493;font-size:15px;color:#fff;transition:all .3s;} .login_body .tabcon .con ul li .loginbtn:hover{background-color:#009cde;} .login_body .thrd .title{text-align:center;position: relative;margin-bottom:25px;} .login_body .thrd .title::before{content:"";height:1px;position: absolute;left:0;right:0;top:50%;transform: translateY(-50%);background-color:#dadada;z-index:1;} .login_body .thrd .title span{font-size:15px;line-height:26px;padding:0 20px;display:inline-block;background-color:#fff;position:relative;z-index:2;color:#333333;} .login_body .thrd a.wxlogin{display:block;height:50px;border:1px solid #423e3e;border-radius:6px;box-sizing: border-box;line-height:48px;text-align:center;transition:all .3s;} .login_body .thrd a.wxlogin span{color:#333;font-size:15px;line-height:48px;display:inline-block;padding-left:34px;background:url(../images/common/icon-wx-black.svg) no-repeat left center;background-size:26px} .login_body .thrd a.wxlogin:hover{background-color:#009cde;border:1px solid #009cde;} .login_body .thrd a.wxlogin:hover span{color:#fff;background:url(../images/common/icon-wx-white.svg) no-repeat left center;background-size:26px} .login_body .thrd .bom{display:flex;justify-content: space-between;margin-top:25px;} .login_body .thrd .bom .lf a{font-size:15px;line-height:26px;color:#009de7;transition:all .3s;cursor:pointer;} .login_body .thrd .bom .lf a:hover{color:#2c6493;} .login_body .thrd .bom .rt a{font-size:15px;line-height:26px;color:#666;margin-left:15px;transition:all .3s;cursor:pointer;} .login_body .thrd .bom .rt a:hover{color:#009cde;} .sign_body{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);border-radius:8px;background-color:#fff;box-sizing: border-box;z-index:2;display:flex;align-items:stretch;overflow:hidden;} .sign_body .left{width:340px;background:url(../images/common/sign_bg.jpg) no-repeat center;display:flex;align-items:center;position: relative;justify-content:center;} .sign_body .left::after{content:"";position: absolute;left:0;right:0;bottom:40px;height:28px;background:url(../images/common/sign_logo.png) no-repeat center;} .sign_body .left .box{width:190px;text-align:center;} .sign_body .left .box .p_1{font-size:22px;line-height:22px;color:#fff;background-image:url(../images/common/p_left.png),url(../images/common/p_right.png);background-repeat:no-repeat;background-position: left top,right bottom;} .sign_body .left .box .icon{padding:15px 0;} .sign_body .left .box .icon img{display:block;width:100%;} .sign_body .left .box .p_2{font-size:16px;color:#fff;} .sign_body .right{width:500px;box-sizing: border-box;padding:20px 25px;} .sign_body .right .tit .cn{font-size:24px;line-height:24px;font-weight:bold;color:#000;} .sign_body .right .tit .en{font-size:16px;line-height:26px;} .sign_body .right ul.list li{display:flex;margin-top:10px;justify-content:space-between;} .sign_body .right ul.list li input{height:48px;border:1px solid #d3d3d3;font-size:15px;line-height:26px;padding:10px 15px;box-sizing: border-box;border-radius:8px;transition:all .3s;} .sign_body .right ul.list li input:focus{border:1px solid #0ba0df;} .sign_body .right ul.list li .w-100{width:100%;} .sign_body .right ul.list li .w-50{width:calc((100% - 10px)/2);} .sign_body .right ul.list li .box{width:100%;position: relative;} .sign_body .right ul.list li .box a.eyes{display:inline-block;width:48px;height:48px;position: absolute;right:0;top:0;cursor:pointer;background:url(../images/common/icon-eyes-1.svg) no-repeat center;background-size:28px;} .sign_body .right ul.list li .box a.eyes.cur{background:url(../images/common/icon-eyes-2.svg) no-repeat center;background-size:28px;} .sign_body .right ul.list li a.yzm{width:calc((100% - 10px)/2);height:48px;line-height:48px;text-align:center;background-color:#2c6493;border-radius:8px;font-size:15px;color:#fff;cursor:pointer;transition:all .3s;} .sign_body .right ul.list li a.yzm:hover{background-color:#0ba0df;} .sign_body .right ul.list li a.agree{display:block;width:100%;height:48px;line-height:48px;text-align:center;background-color:#2c6493;border-radius:8px;font-size:15px;color:#fff;cursor:pointer;transition:all .3s;} .sign_body .right ul.list li a.agree:hover{background-color:#0ba0df;} .sign_body .right .help{padding:20px 0;} .sign_body .right .help a{font-size:13px;line-height:26px;color:#009de7;transition:all .3s;} .sign_body .right .help a:hover{color:#2c6493} .sign_body .right .read{font-size:13px;line-height:26px;color:#666;padding-left:30px;margin-top:10px;} .sign_body .right .read a{color:#009cde;} .sign_body .right .read input[type="checkbox"]{margin-left:-30px;float:left;margin-top:2px;width:20px;height:20px;border-radius:0;} .sign_body .right .read p{font-size:12px;line-height:20px;color:#666;} .exist_body{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:570px;border-radius:8px;background-color:#fff;box-sizing: border-box;z-index:2;padding:25px 25px 35px;} .exist_body .tit{font-size:24px;line-height:24px;font-weight:600;} .exist_body ul li{margin-top:25px;} .exist_body ul li input{height:48px;border:1px solid #d3d3d3;font-size:15px;line-height:26px;padding:10px 15px;box-sizing: border-box;border-radius:8px;transition:all .3s;width:100%;} .exist_body ul li input:focus{border:1px solid #0ba0df;} .exist_body ul li a.bind{display:block;width:100%;height:48px;line-height:48px;text-align:center;background-color:#2c6493;border-radius:8px;font-size:15px;color:#fff;cursor:pointer;transition:all .3s;} .exist_body ul li a.bind:hover{background-color:#0ba0df;} .exist_body ul li .exist_sign{cursor:pointer;display:inline-block;margin:0 auto;font-size:15px;line-height:26px;color:#009de7;border-bottom:1px solid #009de7;transition:all .3s;} .exist_body ul li .exist_sign:hover{color:#2c6493;border-bottom:1px solid #2c6493;} .forget_body{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:570px;border-radius:8px;background-color:#fff;box-sizing: border-box;z-index:2;padding:25px 25px 35px;} .forget_body .tit{font-size:24px;line-height:24px;font-weight:600;} .forget_body ul li{margin-top:25px;} .forget_body ul li input{height:48px;border:1px solid #d3d3d3;font-size:15px;line-height:26px;padding:10px 15px;box-sizing: border-box;border-radius:8px;transition:all .3s;width:100%;} .forget_body ul li a.next,.forget_body ul li a.enter{display:block;width:100%;height:48px;line-height:48px;text-align:center;background-color:#2c6493;border-radius:8px;font-size:15px;color:#fff;cursor:pointer;transition:all .3s;} .forget_body ul li a.next:hover,.forget_body ul li a.enter:hover{background-color:#0ba0df;} .forget_body .forget-2,.forget_body .forget-3{display:none;} .forget_body ul li .yzm_by{display:flex;} .forget_body ul li .yzm_by input{width:calc(100% - 270px);margin-right:10px;} .forget_body ul li .yzm_by a.hqyzm{cursor:pointer;display:inline-block;width:260px;height:48px;line-height:48px;text-align:center;font-size:15px;color:#666666;background-color:#e6e6e6;border-radius:8px;transition:all .3s;} .forget_body ul li .yzm_by a.hqyzm:hover{background-color:#2c6493;color:#fff;} .forget_body ul li .box{width:100%;position: relative;} .forget_body ul li .box a.eyes{display:inline-block;width:48px;height:48px;position: absolute;right:0;top:0;cursor:pointer;background:url(../images/common/icon-eyes-1.svg) no-repeat center;background-size:28px;} .forget_body ul li .box a.eyes.cur{background:url(../images/common/icon-eyes-2.svg) no-repeat center;background-size:28px;} .wx_body{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:570px;border-radius:8px;background-color:#fff;box-sizing: border-box;z-index:2;padding:30px 25px;} .wx_body .title{font-size:24px;line-height:24px;color:#000;font-weight:600;} .wx_body .box{height:410px;display:flex;align-items:center;justify-content:center} .wx_body .box .content .code{width:208px;height:208px;background:#e6e5e9;padding:8px;box-sizing: border-box;} .wx_body .box .content .code img{width:100%;display:block;} .wx_body .box .content p{font-size:15px;line-height:42px;color:#666;margin-top:15px;text-align:center;} .popVideo{position: fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:299;display:none;} .popVideo .video_body{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);height:90%;z-index:1;} .popVideo .video_body video{height:100%;} .popVideo .closed{display:inline-block;width:50px;height:50px;border-radius:50%;background:#fff url(../images/common/icon-close.svg) no-repeat center;background-size:36px;position: absolute;right:15px;top:15px;box-shadow:0 5px 10px rgba(0,0,0,.15);cursor:pointer;} .popBig{position: fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:299;display:none;} .popBig .big_body{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index:1;} .popBig .big_body .closed{display:inline-block;width:36px;height:36px;border-radius:50%;background:#fff url(../images/common/icon-close.svg) no-repeat center;background-size:24px;position: absolute;right:15px;top:15px;box-shadow:0 5px 10px rgba(0,0,0,.15);cursor:pointer;} .pop-footer{position: fixed;right:0;top:50%;transform: translateY(-50%);width:56px;z-index:19;box-shadow:0 0 20px rgba(24,24,24,.22);border-radius:18px 0 0 18px;} .pop-footer .item{width:56px;height:56px;position: relative;border-bottom:1px solid #e2e2e2;box-sizing: border-box;} .pop-footer .item .backtop{display:flex;justify-content:center; align-items:center; cursor:pointer;background-color:#2c6493;height:56px;flex-direction:column;border-radius:18px 0 0 0;overflow:hidden;} .pop-footer .item .backtop i{display:block;width:100%;height:18px;background:url(../images/common/backtop.svg) no-repeat center;background-size:auto 26px;margin-bottom:5px;} .pop-footer .item .backtop p{font-size:11px;line-height:12px;color:#fff;margin:0 auto;} .pop-footer .item .weixin{width:56px;height:55px;background:#fff url(../images/common/weixin.svg) no-repeat center;background-size:40px;display:block;cursor:pointer;transition:all .3s;} .pop-footer .item .weixin:hover{background:#2c6493 url(../images/common/weixin-1.svg) no-repeat center;background-size:40px;} .pop-footer .item .qq{width:56px;height:55px;background:#fff url(../images/common/qq.svg) no-repeat center;background-size:40px;display:block;cursor:pointer;transition:all .3s;} .pop-footer .item .qq:hover{background:#2c6493 url(../images/common/qq-1.svg) no-repeat center;background-size:40px;} .pop-footer .item .lx{width:56px;height:55px;background:#fff url(../images/common/lx.svg) no-repeat center;background-size:32px;display:block;cursor:pointer;transition:all .3s;} .pop-footer .item .lx:hover{background:#2c6493 url(../images/common/lx-1.svg) no-repeat center;background-size:32px;} .pop-footer .item .prodsearch{width:56px;height:55px;background:#fff url(../images/common/prodsearch.png) no-repeat center;background-size:30px;display:block;cursor:pointer;overflow:hidden;transition:all .3s;} .pop-footer .item .prodsearch:hover{background:#2c6493 url(../images/common/prodsearch-1.png) no-repeat center;background-size:30px;} .pop-footer .item .tel{width:56px;height:55px;background:#fff url(../images/common/tel.svg) no-repeat center;background-size:28px;display:block;cursor:pointer;border-radius:0 0 0 18px;overflow:hidden;transition:all .3s;} .pop-footer .item .tel:hover{background:#2c6493 url(../images/common/tel-1.svg) no-repeat center;background-size:28px;} .pop-footer .item:last-child{border-bottom:0;} .pop-footer .item .pop-in{position: absolute;padding:20px;background-color:#fff;top:-26px;left:-265px;width:260px;transition:all .3s;opacity:0;visibility: hidden;transform: translateX(-30px);box-shadow: 0px 0px 10px 0px rgba(100, 100, 100, 0.3);border-radius:8px;} .pop-footer .item .pop-in img{display:block;width:100%;} .pop-footer .item .pop-in::after{content:"";position: absolute; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 12px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #fff; border-right: none; top: 42px; right: -12px;} .pop-footer .item .close-btn{position: absolute;left:0;top:0;width:56px;height:56px;background:#d81719 url(../images/common/close-btn.svg) no-repeat center;background-size:24px;cursor:pointer;display:none;} .pop-footer .item:last-child .close-btn{border-radius:0 0 0 18px;overflow:hidden;} .pop-footer .item .pop-in.show{opacity:1;visibility: visible;transform: translateX(0);} .pop-footer .item .pop-in .txt{font-size:14px;line-height:30px;color:#666;} .pop-footer .item .pop-in .txt b{font-size:16px;font-weight:bold;color:#2c6493;} .pop-footer .item .pop-in .tel-txt{padding-left:30px;font-size:14px;line-height:30px;color:#666;background:url(../images/common/tel-icon.svg) no-repeat left 5px;background-size:20px} .pop-footer .item .pop-in .qq-txt{padding-left:30px;font-size:14px;line-height:24px;color:#666;background:url(../images/common/qq-icon.svg) no-repeat left 2px;background-size:20px} .pop-footer .item .pop-in .qq-txt p{padding-bottom:10px;} .pop-footer .item .pop-in .qq-txt p:last-child{padding-bottom:0;} .pop-footer .item .pop-in.pop-wx{text-align:center;width:220px;left:-225px} .pop-footer .item .pop-in.pop-wx img{width:180px;display:inline-block;} .pop-footer .item .pop-in.pop-wx p{text-align:center;padding-top:10px;}