@charset "utf-8";
|
.xjh_banner{width:100%;height:360px; background:url(../images/xjhbanner.png) no-repeat center top}
|
.xjh_tit{width:100%; float:left; padding:20px 0 0 0; position:relative}
|
.xjh_tit_s{ font-size:18px; padding-left:20px; position:relative}
|
.xjh_tit_more{ position:absolute;right:20px;top:25px;}
|
.xjh_titline{width:4px;height:18px; background:#09F; display:inline-block; position:absolute;left:0px;top:3px;}
|
.xjh_box{width:100%; float:left; overflow:hidden}
|
.xjh_box_c{width:1250px;}
|
.xjh_list{width:380px; margin-right:26px; background:#fff; margin-top:20px;border-radius:10px; float:left}
|
.xjh_list_pic{width:100%;height:225px; position:relative}
|
.xjh_list_pic img{border-radius:10px 10px 0 0 ;}
|
.xjh_list_info{ height:85px;padding:0px 10px;}
|
.xjh_list_name{width:100%;height:50px; line-height:50px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-size:16px; font-weight:bold}
|
.xjhb_t{ position:absolute;right:0px;top:0px; background:rgba(0,0,0,0.5); padding:5px 10px; font-size:12px;color:#fff;}
|
.xjh_list_kh{color:#999;}
|
.xjh_list_wantlook{width:100%;height:40px; line-height:40px; position:absolute;left:0px;bottom:0px; z-index:2;}
|
.xjh_list_bg{width:100%;height:40px; background:#000; position:absolute;left:0px;bottom:0px; z-index:1; opacity:0.7}
|
.xjh_list_wantlook_n{color:#fff; display:inline-block; padding-left:10px;}
|
.xjh_list_look{width:128px;height:40px; line-height:40px; background:#1c99ef;color:#fff;border-radius:3px; display:inline-block; position:absolute;left:128px;top:97px; text-align:center; font-size:16px;z-index:3 }
|
.xjh_list_lookyue{ background:#72bb38}
|
.xjh_list_look_hf{ background:#8a8282}
|
.xjh_list_zb{width:220px;height:26px; line-height:26px;color:#fff; position:absolute;left:80px;top:50px; z-index:3;border-radius:20px; text-align:center; background:rgba(0,0,0,0.8) }
|
.xjh_list_zbz{ display:inline-block; padding-left:30px; background:url(../images/zbz.png) no-repeat left center}
|
.xjh_list_yd{ display:inline-block; padding-left:30px; background:url(../images/yd.png) no-repeat left center}
|
.xjh_list_time{ padding-left:20px;background:url(../images/timeicon.png) no-repeat left center; display:inline-block;font-size: 12px;}
|
.xjh_list_zbtime{ display:inline-block; padding:0px 3px;color:#72bb38; font-weight:bold}
|
.job_details_current{width:100%; float:left; padding-top:20px;}
|
.xjh_show_box{width:100%; float:left;background:#050629}
|
.xjh_show_cont{width:1200px; margin:0 auto}
|
.xjh_show_all{width:100%; float:left; }
|
.xjh_show_left{width:880px; float:left;position:relative; padding-top:15px; padding-bottom:20px;}
|
.xjh_show_sp{width:880px;height:495px; background:#fff;}
|
.zb_end_imgbox{width:880px;height:495px; background:#fff; position:relative}
|
.zb_end_box{width:880px;height:495px;font-size:16px; position:absolute;left:0px;top:0px; text-align:center; z-index:2;color:#fff;}
|
.zb_end_bg{width:880px;height:495px; position:absolute;left:0px;top:0px; text-align:center; z-index:1; background:rgba(0,0,0,0.8);}
|
.zb_end_tit{ padding-top:140px; font-size:34px;color:#72bb38; padding-bottom:20px;}
|
.zb_end_tip{ padding-bottom:10px; padding-bottom:20px;color:#fff;}
|
.xjh_show_comname{ font-size:24px;padding-bottom:10px;padding-right: 50px;}
|
.xjh_show_combox{padding:0px 0 15px 0px;color:#fff; position:relative}
|
.xjh_show_comlogo{width:55px;height:55px; position:absolute;left:0px;top:13px; background:#fff;border-radius:5px;}
|
.xjh_show_comlogo img{border-radius:5px;}
|
.xjh_show_right{width:260px;height:555px; float:right; background:#353640; padding:15px; position:relative}
|
.xjh_show_comtime{opacity:0.7}
|
.xjh_show_right_tit{width:100%;height:50px; line-height:50px;color: #85868C; border-bottom: 1px solid #494A53; position:relative}
|
.xjh_show_right_tips{color: #f5b347;padding: 5px 0;font-size: 12px;line-height: 20px;height: 60px;}
|
.xjh_show_lt_box{width:100%;height:400px; overflow:auto; position:relative}
|
.xjh_show_right_tit ul{ }
|
.xjh_show_right_tit ul li{ float:left; margin-left:10px; cursor:pointer}
|
.xjh_show_hd_tit{width:70px; font-size:16px;color:#fff;text-align:center; position:relative}
|
.xjh_show_hd_tit:after{width:30px;height:2px; background:#3d9af6; position:absolute;left:50%; margin-left:-15px;bottom:0px;content:"";}
|
.xjh_show_hd_cy{ position:absolute;right:0px;top:0px; font-size:12px;}
|
.xjh_show_ly{width:245px;height:35px; background:#fff; padding-left:15px;border-radius:3px;position: relative;}
|
.xjh_show_ly_text{width:150px;height:35px; border:none;color:#999; float:left}
|
.sendbq{display: block;width: 20px;height: 20px;position: absolute;background: url(../images/icon_biaoqing.png) no-repeat;top: 8px;right: 68px;background-size: 100%;cursor: pointer;}
|
|
.showbq{background: #fff;width: 270px;position: absolute;top: -275px;left: 0;border-radius: 3px;}
|
.chat_face{overflow: hidden;padding: 10px;}
|
.chat_face li{display: block;float: left;width: 20px;height: 20px;margin: 0 5px 5px 0;}
|
.chat_face li img{width: 100%;}
|
|
.xjh_show_ly_bth{width:60px;height:35px; border:none; background:#3d9af6;color:#fff; float:right; cursor:pointer;border-radius:0 3px 3px 0; }
|
.xjh_show_sj{ color:#fff; position:absolute;right:0px;top:0px;}
|
.xjh_show_fx{ color:#fff; position:absolute;right:100px;top:0px;}
|
.xjh_show_sjbox{ padding-top:35px; background:url(../images/xjh_ewm.png) no-repeat center 0px; font-size:12px;color:#999; cursor:pointer}
|
.xjh_show_fxbox{ padding-top:35px; background:url(../images/xjh_fx.png) no-repeat center 0px; font-size:12px;color:#999; cursor:pointer}
|
.xjh_show_bottit{width:100%; font-size:18px;border-bottom:1px solid #ddd; float:left; }
|
.xjh_show_bottit ul li{ float:left; height:40px;margin-right:90px;cursor:pointer}
|
.xjh_show_jieshao{width:100%; float:left; line-height:30px; padding-top:20px;}
|
.xjh_show_botleft{width:840px; float:left; background:#fff; padding:20px; margin-top:20px;}
|
.xjh_show_botcur{ color:#333;text-align:center; position:relative}
|
.xjh_show_botcur:after{width:30px;height:3px; background:#3d9af6; position:absolute;left:50%; margin-left:-15px;bottom:0px;content:"";}
|
.xjh_show_eye{ display:inline-block; margin-left:20px;}
|
.xjh_show_botright{width:300px; float:right;}
|
.xjh_show_bot_c{width:260px; float:left; background:#fff; padding:20px; margin-top:20px;}
|
.xjh_loginbox{width:260px;height:35px; line-height:35px; font-size:14px; position:absolute;left:15px;bottom:15px;color:#999; text-align:left;z-index:10}
|
.xjh_loginboxbg{width:290px;height:586px; background:rgba(0,0,0,0.1); position:absolute;left:0px;top:0px; z-index:9}
|
.xjh_loginhd{opacity:0.6; font-size:12px; padding:5px 0;}
|
.xjh_login{ padding-left:10px;width:190px;height:35px; line-height:35px; font-size:14px; background:#fff; float:left;border-radius:5px 0px 0 5px; }
|
.xjh_loginbth{ width:60px;float:right}
|
.xjh_loginbth_a{width:60px; display:inline-block; height:35px; line-height:35px; background:#3d9af6;color:#fff;border-radius:0px 5px 5px 0; text-align:center}
|
.xjh_loginbth_a:hover{ background:#3d9af6;color:#fff; text-decoration:none;}
|
.xjh_loginbth_reg{ display:block; margin-top:15px;height:28px; line-height:28px; background:#fff;color:#333;border-radius:20px}
|
.xjhwks_tip{width:400px; background:#1A1A1A; position:absolute;left:220px;top:132px;color:#fff;border-radius:5px; padding:30px; font-size:15px; text-align:center; z-index:80}
|
.xjhwks_tip2{width:400px; background:#1A1A1A; position:absolute;left:220px;top:132px;color:#fff;border-radius:5px; padding:30px; font-size:15px; text-align:center; z-index:80}
|
|
.xjhwks_tip_t{ padding-bottom:30px; font-size:18px;}
|
.xjhwks_tip .xjh_list_zbtime{ font-size:26px; background-color: #444;
|
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #3A3A3A), color-stop(50%, #444444));
|
background-image: -moz- oldlinear-gradient(bottom, #3A3A3A 50%, #444444 50%);
|
background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
|
background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
|
background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
|
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3A3A3A), color-stop(0.5, #444444)); padding:5px 10px; margin-left:5px; margin-right:5px; display:inline-block;border-radius:5px;}
|
.xjhwks_tipbth{width:128px;height:40px; line-height:40px; background:#72bb38;color:#fff;border-radius:3px; display:inline-block; text-align:center; font-size:16px;z-index:3; margin-top:30px;}
|
.xjhwks_tipbth:hover{ background:#390;color:#fff; text-decoration:none;}
|
.xjh_show_content{width:880px;height:495px; position:relative}
|
.xjh_show_spbg{width:880px;height:495px; background:rgba(0,0,0,0.4); position:absolute;left:0px;top:0px; z-index:1}
|
.xjh_show_lylsit li{ padding:10px 0px 10px 60px; position:relative;border-bottom:1px dashed #494A53;}
|
.xjh_show_lytx{width:55px;height:55px; position:absolute;left:0px;top:14px;}
|
.xjh_show_lytx img{border-radius:50%;}
|
.xjh_show_lyuser{color:#85868C; position:relative}
|
.xjh_show_ly_p{ padding:10px 0;color:#fff; display:inline-block}
|
.xjh_show_ly_p img{width: 24px;}
|
.xjh_show_lytime{font-size:12px; position:absolute;right:0px;top:0px;}
|
.xjh_job_list li{width:100%; padding:20px 0;border-bottom:1px solid #eee; position:relative; float:left}
|
.xjh_job_name{ font-size:16px; font-weight:bold}
|
.xjh_job_info{ padding:10px 0;color:#666}
|
.xjh_job_bth{width:; padding:5px 15px;color:#fff; background:#3d9af6; display:inline-block; position:absolute;right:0px;top:40px;border-radius:3px;}
|
.xjh_job_bth:hover{color: #fff;background: #1a81e7;text-decoration: none;}
|
.xjh_job_line{ font-size:12px;color:#999; padding:0px 10px;}
|
.xjh_job_zy{color:#f60;}
|
.xjh_show_cj{ padding:20px; text-align:center;color:#666}
|
.xjh_show_cj_bth{ margin-top:20px;background:#3d9af6;color:#fff; padding:8px 0;border-radius:3px; cursor:pointer}
|
.xjh_sm_p{width:100%; text-align:center;color:#666}
|
.xjh_sm_img{ padding:10px; text-align:center}
|
.zphnet_banner{wdith:100%;height:480px; background:url(../images/zphbanner.png) no-repeat center top}
|
.jiabing_list{padding:20px;border:1px solid #eee;margin-top:20px; position:relative;}
|
.jiabing_name{ font-size:18px; font-weight:bold; }
|
.jiabing_js{ color:#333;padding:10px 0; line-height:30px;}
|
.jiabing_job{ padding:13px; background:#F7F8F9; margin-top:10px;position:relative;color:#666;border-radius:5px}
|
.jiabing_job:hover{ background:#F6FAFF}
|
.jiabing_job_bth{ padding:5px 10px; background:#09F;color:#fff; position:absolute;right:10px;top:8px;border-radius:3px;}
|
.jiabing_job_a{font-weight:bold; display:inline-block;width:300px; color:#4a90e6; font-size:15px;}
|
.jiabing_job_a:hover{color:#09F}
|
.jiabing_list:after{width:4px;height:18px; background:#09F; display:inline-block;content:''; position:absolute;left:0px;top:25px;}
|
.jiabing_job_xz{color:#f60}
|
.jiabing_job_line{ font-size:12px;color:#999; padding:0px 10px;}
|
.jiabing_jobzj{ padding-top:20px; position:relative;color:#999;height: 20px;}
|
.jiabing_jobzj_n{ display:inline-block;color:#F00; padding:0px 5px;}
|
.jiabing_jobzj_more{ position:absolute;right:0px;top:20px;}
|
.dqjb{ display:inline-block; background:#fbede4;color:#f79c5c; padding:10px 20px; position:absolute;right:10px;top:0px;}
|
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
|
.xjh_show_lt_box::-webkit-scrollbar
|
{
|
width: 3px; /*滚动条宽度*/
|
height: 3px; /*滚动条高度*/
|
}
|
|
/*定义滚动条轨道 内阴影+圆角*/
|
.xjh_show_lt_box::-webkit-scrollbar-track
|
{
|
border-radius: 3px; /*滚动条的背景区域的圆角*/
|
background-color: #353640;/*滚动条的背景颜色*/
|
}
|
|
/*定义滑块 内阴影+圆角*/
|
.xjh_show_lt_box::-webkit-scrollbar-thumb
|
{
|
border-radius: 3px; /*滚动条的圆角*/
|
background-color: #353640; /*滚动条的背景颜色*/
|
|
}
|
.xjh_yuebth{width:70px;height:25px; line-height:25px; text-align:center; background:#72bb38; display:inline-block;border-radius:2px; position:absolute;right:7px;bottom:7px; z-index:100;color:#fff}
|
.jingyanlist li{ padding:10px 0px 10px 0px; position:relative;border-bottom:1px dashed #494A53;}
|
|
/* 关注人数样式 */
|
.xjh_show_follow{overflow: hidden;color: #fff;position: absolute;right: 0;top: 10px;}
|
.xjh_show_follow_l{float: left;width: 120px;}
|
.xjh_show_follow_r{float:left;line-height: 30px;}
|
.xjh_show_follow_r>div{float: left;}
|
.xjh_show_follow_r_number{/* background: #2F3035; */padding: 0px 10px;}
|
.xjh_show_follow_l>i{display: inline-block;background: red;width: 30px;height: 30px;vertical-align: middle;border-radius: 15px;}
|
.xjh_show_follow_r i{display: inline-block;background-image: url(../images/icon_guanzhu.png);width: 20px;height: 20px;background-repeat: no-repeat;background-size: 100%;vertical-align: sub;}
|
.xjh_show_follow_r_follow{background-color: #3d9af6;height: 30px;padding: 0 10px;line-height: 30px; cursor: pointer;}
|
.xjh_show_follow_r_follow:hover{background-color: #1a81e7;}
|
.xjh_gf{ display:inline-block; padding:0px 3px; background:#72bb38;color:#fff;font-size:12px; margin-right:5px;}
|
|
.xjh_notip{width:100%; text-align:center; padding:120px 0 60px 0;color:#999; background:url(../images/no1.png) no-repeat center 60px}
|
|
body {
|
margin: 0;
|
padding: 0;
|
}
|
h2, h4 {
|
font-weight: normal;
|
}
|
#persons {
|
position: relative;
|
width: 1200px;
|
margin: 0 auto
|
}
|
#persons .swiper-container {
|
padding-bottom: 60px;
|
}
|
#persons .swiper-slide {
|
width: 540px;
|
height: 340px;
|
background:#fff;
|
}
|
|
#persons .swiper-slide .text {
|
position: absolute;
|
left: 15%;
|
top: 20%;
|
width: 90%;
|
margin: 0 auto;
|
clear: both;
|
overflow: hidden;
|
}
|
#persons .swiper-slide .text img {
|
float: left;
|
width: 120px;
|
height: 120px;
|
margin-right: 15px;
|
border: 2px solid #ededed;
|
}
|
#persons .swiper-slide h2 {
|
float: left;
|
padding-top: 0;
|
text-align: center;
|
font-size: 20px;
|
margin-bottom: 10px;
|
}
|
#persons .swiper-slide h4 {
|
float: left;
|
margin: 0;
|
width: 60%;
|
font-size: 16px;
|
}
|
#persons .swiper-pagination {
|
width: 100%;
|
bottom: 20px;
|
}
|
#persons .swiper-pagination-bullets .swiper-pagination-bullet {
|
margin: 0 5px;
|
border: 1px solid #fff;
|
width: 10px;
|
height: 10px;
|
opacity: 1;
|
}
|
#persons .swiper-pagination-bullets .swiper-pagination-bullet-active {
|
border: 1px solid #fff;
|
background-color: #fff;
|
}
|
#persons .swiper-button-prev {
|
left: -30px;
|
top: 40%;
|
width: 45px;
|
height: 45px;
|
}
|
#persons .swiper-button-prev:hover {
|
background-position: 0 -46px;
|
background-size: 100%
|
}
|
#persons .swiper-button-next {
|
right: -30px;
|
top: 40%;
|
width: 45px;
|
height: 45px;
|
}
|
|
|
/**
|
* Swiper 5.0.3
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
* http://swiperjs.com
|
*
|
* Copyright 2014-2019 Vladimir Kharlampidi
|
*
|
* Released under the MIT License
|
*
|
* Released on: September 19, 2019
|
*/
|
|
@font-face {
|
font-family:swiper-icons;
|
src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
|
font-weight:400;
|
font-style:normal
|
}
|
:root {
|
--swiper-theme-color:#007aff
|
}
|
.swiper-container {
|
margin-left:auto;
|
margin-right:auto;
|
position:relative;
|
overflow:hidden;
|
list-style:none;
|
padding:0;
|
z-index:1
|
}
|
.swiper-container-vertical>.swiper-wrapper {
|
flex-direction:column
|
}
|
.swiper-wrapper {
|
position:relative;
|
width:100%;
|
height:100%;
|
z-index:1;
|
display:flex;
|
transition-property:transform;
|
box-sizing:content-box
|
}
|
.swiper-container-android .swiper-slide, .swiper-wrapper {
|
transform:translate3d(0px, 0, 0)
|
}
|
.swiper-container-multirow>.swiper-wrapper {
|
flex-wrap:wrap
|
}
|
.swiper-container-multirow-column>.swiper-wrapper {
|
flex-wrap:wrap;
|
flex-direction:column
|
}
|
.swiper-container-free-mode>.swiper-wrapper {
|
transition-timing-function:ease-out;
|
margin:0 auto
|
}
|
.swiper-slide {
|
flex-shrink:0;
|
width:100%;
|
height:100%;
|
position:relative;
|
transition-property:transform
|
}
|
.swiper-slide-invisible-blank {
|
visibility:hidden
|
}
|
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
|
height:auto
|
}
|
.swiper-container-autoheight .swiper-wrapper {
|
align-items:flex-start;
|
transition-property:transform, height
|
}
|
.swiper-container-3d {
|
perspective:1200px
|
}
|
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
|
transform-style:preserve-3d
|
}
|
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
|
position:absolute;
|
left:0;
|
top:0;
|
width:100%;
|
height:100%;
|
pointer-events:none;
|
z-index:10
|
}
|
.swiper-container-3d .swiper-slide-shadow-left {
|
background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
|
}
|
.swiper-container-3d .swiper-slide-shadow-right {
|
background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
|
}
|
.swiper-container-3d .swiper-slide-shadow-top {
|
background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
|
}
|
.swiper-container-3d .swiper-slide-shadow-bottom {
|
background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
|
}
|
.swiper-container-css-mode>.swiper-wrapper {
|
overflow:auto;
|
scrollbar-width:none;
|
-ms-overflow-style:none
|
}
|
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
|
display:none
|
}
|
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
|
scroll-snap-align:start start
|
}
|
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
|
scroll-snap-type:x mandatory
|
}
|
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
|
scroll-snap-type:y mandatory
|
}
|
:root {
|
--swiper-navigation-size:44px
|
}
|
.swiper-button-next, .swiper-button-prev {
|
position:absolute;
|
top:50%;
|
width:calc(var(--swiper-navigation-size)/ 44 * 27);
|
height:var(--swiper-navigation-size);
|
margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
|
z-index:10;
|
cursor:pointer;
|
display:flex;
|
align-items:center;
|
justify-content:center;
|
color:var(--swiper-navigation-color, var(--swiper-theme-color))
|
}
|
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
|
opacity:.35;
|
cursor:auto;
|
pointer-events:none
|
}
|
.swiper-button-next:after, .swiper-button-prev:after {
|
font-family:swiper-icons;
|
font-size:var(--swiper-navigation-size)
|
}
|
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
|
left:10px;
|
right:auto
|
}
|
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
|
content:'prev'
|
}
|
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
|
right:10px;
|
left:auto
|
}
|
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
|
content:'next'
|
}
|
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
|
--swiper-navigation-color:#ffffff
|
}
|
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
|
--swiper-navigation-color:#000000
|
}
|
.swiper-button-lock {
|
display:none
|
}
|
.swiper-pagination {
|
position:absolute;
|
text-align:center;
|
transition:.3s opacity;
|
transform:translate3d(0, 0, 0);
|
z-index:10
|
}
|
.swiper-pagination.swiper-pagination-hidden {
|
opacity:0
|
}
|
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
|
bottom:10px;
|
left:0;
|
width:100%
|
}
|
.swiper-pagination-bullets-dynamic {
|
overflow:hidden;
|
font-size:0
|
}
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
transform:scale(.33);
|
position:relative
|
}
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
|
transform:scale(1)
|
}
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
|
transform:scale(1)
|
}
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
|
transform:scale(.66)
|
}
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
|
transform:scale(.33)
|
}
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
|
transform:scale(.66)
|
}
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
|
transform:scale(.33)
|
}
|
.swiper-pagination-bullet {
|
width:8px;
|
height:8px;
|
display:inline-block;
|
border-radius:100%;
|
background:#000;
|
opacity:.2
|
}
|
button.swiper-pagination-bullet {
|
border:none;
|
margin:0;
|
padding:0;
|
box-shadow:none;
|
-webkit-appearance:none;
|
-moz-appearance:none;
|
appearance:none
|
}
|
.swiper-pagination-clickable .swiper-pagination-bullet {
|
cursor:pointer
|
}
|
.swiper-pagination-bullet-active {
|
opacity:1;
|
background:var(--swiper-pagination-color, var(--swiper-theme-color))
|
}
|
.swiper-container-vertical>.swiper-pagination-bullets {
|
right:10px;
|
top:50%;
|
transform:translate3d(0px, -50%, 0)
|
}
|
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
|
margin:6px 0;
|
display:block
|
}
|
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
top:50%;
|
transform:translateY(-50%);
|
width:8px
|
}
|
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
display:inline-block;
|
transition:.2s transform, .2s top
|
}
|
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
|
margin:0 4px
|
}
|
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
left:50%;
|
transform:translateX(-50%);
|
white-space:nowrap
|
}
|
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
transition:.2s transform, .2s left
|
}
|
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
transition:.2s transform, .2s right
|
}
|
.swiper-pagination-progressbar {
|
background:rgba(0, 0, 0, .25);
|
position:absolute
|
}
|
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
background:var(--swiper-pagination-color, var(--swiper-theme-color));
|
position:absolute;
|
left:0;
|
top:0;
|
width:100%;
|
height:100%;
|
transform:scale(0);
|
transform-origin:left top
|
}
|
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
transform-origin:right top
|
}
|
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
|
width:100%;
|
height:4px;
|
left:0;
|
top:0
|
}
|
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
|
width:4px;
|
height:100%;
|
left:0;
|
top:0
|
}
|
.swiper-pagination-white {
|
--swiper-pagination-color:#ffffff
|
}
|
.swiper-pagination-black {
|
--swiper-pagination-color:#000000
|
}
|
.swiper-pagination-lock {
|
display:none
|
}
|
.swiper-scrollbar {
|
border-radius:10px;
|
position:relative;
|
-ms-touch-action:none;
|
background:rgba(0, 0, 0, .1)
|
}
|
.swiper-container-horizontal>.swiper-scrollbar {
|
position:absolute;
|
left:1%;
|
bottom:3px;
|
z-index:50;
|
height:5px;
|
width:98%
|
}
|
.swiper-container-vertical>.swiper-scrollbar {
|
position:absolute;
|
right:3px;
|
top:1%;
|
z-index:50;
|
width:5px;
|
height:98%
|
}
|
.swiper-scrollbar-drag {
|
height:100%;
|
width:100%;
|
position:relative;
|
background:rgba(0, 0, 0, .5);
|
border-radius:10px;
|
left:0;
|
top:0
|
}
|
.swiper-scrollbar-cursor-drag {
|
cursor:move
|
}
|
.swiper-scrollbar-lock {
|
display:none
|
}
|
.swiper-zoom-container {
|
width:100%;
|
height:100%;
|
display:flex;
|
justify-content:center;
|
align-items:center;
|
text-align:center
|
}
|
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
|
max-width:100%;
|
max-height:100%;
|
object-fit:contain
|
}
|
.swiper-slide-zoomed {
|
cursor:move
|
}
|
.swiper-lazy-preloader {
|
width:42px;
|
height:42px;
|
position:absolute;
|
left:50%;
|
top:50%;
|
margin-left:-21px;
|
margin-top:-21px;
|
z-index:10;
|
transform-origin:50%;
|
animation:swiper-preloader-spin 1s infinite linear;
|
box-sizing:border-box;
|
border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
|
border-radius:50%;
|
border-top-color:transparent
|
}
|
.swiper-lazy-preloader-white {
|
--swiper-preloader-color:#fff
|
}
|
.swiper-lazy-preloader-black {
|
--swiper-preloader-color:#000
|
}
|
@keyframes swiper-preloader-spin {
|
100% {
|
transform:rotate(360deg)
|
}
|
}
|
.swiper-container .swiper-notification {
|
position:absolute;
|
left:0;
|
top:0;
|
pointer-events:none;
|
opacity:0;
|
z-index:-1000
|
}
|
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
|
transition-timing-function:ease-out
|
}
|
.swiper-container-fade .swiper-slide {
|
pointer-events:none;
|
transition-property:opacity
|
}
|
.swiper-container-fade .swiper-slide .swiper-slide {
|
pointer-events:none
|
}
|
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
|
pointer-events:auto
|
}
|
.swiper-container-cube {
|
overflow:visible
|
}
|
.swiper-container-cube .swiper-slide {
|
pointer-events:none;
|
-webkit-backface-visibility:hidden;
|
backface-visibility:hidden;
|
z-index:1;
|
visibility:hidden;
|
transform-origin:0 0;
|
width:100%;
|
height:100%
|
}
|
.swiper-container-cube .swiper-slide .swiper-slide {
|
pointer-events:none
|
}
|
.swiper-container-cube.swiper-container-rtl .swiper-slide {
|
transform-origin:100% 0
|
}
|
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
|
pointer-events:auto
|
}
|
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
|
pointer-events:auto;
|
visibility:visible
|
}
|
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
|
z-index:0;
|
-webkit-backface-visibility:hidden;
|
backface-visibility:hidden
|
}
|
.swiper-container-cube .swiper-cube-shadow {
|
position:absolute;
|
left:0;
|
bottom:0px;
|
width:100%;
|
height:100%;
|
background:#000;
|
opacity:.6;
|
-webkit-filter:blur(50px);
|
filter:blur(50px);
|
z-index:0
|
}
|
.swiper-container-flip {
|
overflow:visible
|
}
|
.swiper-container-flip .swiper-slide {
|
pointer-events:none;
|
-webkit-backface-visibility:hidden;
|
backface-visibility:hidden;
|
z-index:1
|
}
|
.swiper-container-flip .swiper-slide .swiper-slide {
|
pointer-events:none
|
}
|
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
|
pointer-events:auto
|
}
|
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
|
z-index:0;
|
-webkit-backface-visibility:hidden;
|
backface-visibility:hidden
|
}
|
.bannerbg{width:100%;height:400px; background:#050629; padding-top:30px;}
|
.xjhtext{width:100%;height:40px; line-height:40px; background:rgba(0,0,0,0.5); position:absolute;left:0px;bottom:0px;color:#fff; text-align:center; overflow:hidden}
|
.xjhb_t{ position:absolute;right:0px;top:0px; background:rgba(0,0,0,0.5); padding:5px 10px; font-size:12px;color:#fff;}
|
|
.xjh_ermtc{padding:10px 10px 20px 10px; text-align:center}
|
.wx_bdtck_p{ padding-top:10px;}
|
.wx_login_show_sxbox{width:180px; text-align:center;color:#999; margin:0 auto}
|
.wx_login_show_sxicon{width:180px;height:180px; background:url(../images/sx.png) no-repeat ; display:inline-block; background-size:100%;display:block; margin-bottom:10px;}
|
