@charset "utf-8";
a{ text-decoration:none; transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; }
.DivHover{ text-decoration:none; transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; }

/*文本框初始化*/
input[type="number"] {-moz-appearance:textfield; -webkit-appearance:none; appearance:none;}

.clear{ display:block; height:0; overflow:hidden; clear:both; }
.space5{ clear:both; height:5px; overflow:hidden;}
.space10{ clear:both; height:10px; overflow:hidden;}
.space15{ clear:both; height:15px; overflow:hidden;}
.space20{ clear:both; height:20px; overflow:hidden;}
.space30{ clear:both; height:30px; overflow:hidden;}
.space40{ clear:both; height:40px; overflow:hidden;}
.space50{ clear:both; height:50px; overflow:hidden;}
.space60{ clear:both; height:60px; overflow:hidden;}

/*字体大小*/
.f12{ font-size:12px!important;}
.f13{ font-size:13px!important;}
.f14{ font-size:14px!important;}
.f15{ font-size:15px!important;}
.f16{ font-size:16px!important;}
.f17{ font-size:17px!important;}
.f18{ font-size:18px!important;}
.f19{ font-size:19px!important;}
.f20{ font-size:20px!important;}
.f22{ font-size:22px!important;}
.f24{ font-size:24px!important;}
.f26{ font-size:26px!important;}
.f28{ font-size:28px!important;}
.f30{ font-size:30px!important;}
.f32{ font-size:32px!important;}
.f34{ font-size:34px!important;}
.f36{ font-size:36px!important;}
.f38{ font-size:38px!important;}
.f40{ font-size:40px!important;}
.fmy{ font-family:'Microsoft Yahei',Verdana,"\u5fae\u8f6f\u96c5\u9ed1","\5b8b\4f53",Arial;}
.far{ font-family:Arial,"\5b8b\4f53", sans-serif;}
@media (min-width:320px) and (max-width:800px) {
.f14{ font-size:12px!important;}
.f15{ font-size:13px!important;}
.f16{ font-size:13px!important;}
.f17{ font-size:13px!important;}
.f18{ font-size:16px!important;}
.f24{ font-size:18px!important;}
.f26{ font-size:20px!important;}
.f28{ font-size:22px!important;}
.f30{ font-size:24px!important;}
.f32{ font-size:26px!important;}
.f34{ font-size:28px!important;}
.f36{ font-size:30px!important;}
.f38{ font-size:32px!important;}
.f40{ font-size:24px!important;}
}

/*显示隐藏*/
.hide{ display:none;}
.show{ display:block;}
.di{ display:inline;}
.dib{ display:inline-block;}
.hidden{ overflow:hidden;}

/* flex box */
.boxsiz{ -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.flexbox{ display:-webkit-box; display:box;}
.jeflex{ position:relative; -webkit-box-flex:1; -ms-box-flex:1; box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1;}
.je-text-left{ -webkit-box-pack:start; box-pack:start;}
.je-text-center{ -webkit-box-pack:center; box-pack:center; }
.je-text-right{ -webkit-box-pack:end; box-pack:end; }
.je-align-left{ -webkit-box-align:start; box-align:start; }
.je-align-center{ -webkit-box-align:center; box-align:center; }
.je-align-right{ -webkit-box-align:end; align:end; }
.je-orient-ver{ -webkit-box-orient:vertical; box-orient:vertical; }
.je-orient-hor{ -webkit-box-orient:horizontal; box-orient:horizontal; }
.je-box-left{ -webkit-box-pack:start; box-pack:start; -webkit-box-align:center; box-align:center; }
.je-box-right{ -webkit-box-pack:end; box-pack:end; -webkit-box-align:center; box-align:center; }
.je-box-center{ -webkit-box-pack:center; box-pack:center; -webkit-box-align:center; box-align:center; }
.je-vercent{ -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center; -webkit-box-align:center; box-align:center;}

/*圆角*/
.rdu{ -webkit-border-radius:1000px; -ms-border-radius:1000px; border-radius:1000px;}
.rdu2{ -webkit-border-radius:2px; -ms-border-radius:2px; border-radius:2px;}
.rdu3{ -webkit-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.rdu4{ -webkit-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
.rdu5{ -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.rdu10{ -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.rdu15{ -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.rdu20{ -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;}
.rdu25{ -webkit-border-radius:25px; -ms-border-radius:25px; border-radius:25px;}

/*左右对齐*/
.fl{ float:left;}
.fr{ float:right;}

/*定位*/
.jeovh{ overflow:hidden;}
.jepor{ position:relative;}
.jepoa{ position:absolute;}
.jepof{ position:fixed!important;}

/*文本对齐*/
.tc{ text-align:center;}
.tr{ text-align:right;}
.tl{ text-align:left;}

/*字体下划线*/
.tdu{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover,a.tdu:hover{text-decoration:none;}

/*左右自动*/
.jeauto{ margin-left:auto; margin-right:auto;}
.jew100{ width:100%;}
.jew33{ width:33%;}
.jew50{ width:50%;}
.jew25{ width:25%;}

/*margin*/
.ml0{ margin-left:0;}
.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
@media (min-width:320px) and (max-width:800px) {
.ml5{ margin-left:2px;}
.ml8{ margin-left:4px;}
.ml10{ margin-left:5px;}
.ml15{ margin-left:7px;}
.ml20{ margin-left:10px;}
.ml25{ margin-left:12px;}
.ml30{ margin-left:15px;}
}

.mr0{ margin-right:0;}
.mr5{ margin-right:5px;}
.mr8{ margin-right:8px;}
.mr10{ margin-right:10px !important;}
.mr12{ margin-right:12px;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
@media (min-width:320px) and (max-width:800px) {
.mr5{ margin-right:2px;}
.mr8{ margin-right:4px;}
.mr10{ margin-right:5px;}
.mr12{ margin-right:6px;}
.mr15{ margin-right:7px;}
.mr20{ margin-right:10px;}
.mr25{ margin-right:12px;}
.mr30{ margin-right:15px;}
}

.mt0{ margin-top:0;}
.mt5{ margin-top:5px !important;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
@media (min-width:320px) and (max-width:800px) {
.mt5{ margin-top:2px;}
.mt8{ margin-top:3px;}
.mt10{ margin-top:4px;}
.mt15{ margin-top:7px;}
.mt20{ margin-top:10px;}
.mt25{ margin-top:12px;}
.mt30{ margin-top:15px;}
}

.mb0{ margin-bottom:0;}
.mb5{ margin-bottom:5px;}
.mb8{ margin-top:8px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
@media (min-width:320px) and (max-width:800px) {
.mb5{ margin-bottom:2px;}
.mb8{ margin-bottom:4px;}
.mb10{ margin-bottom:5px;}
.mb15{ margin-bottom:7px;}
.mb20{ margin-bottom:10px;}
.mb25{ margin-bottom:12px;}
.mb30{ margin-bottom:15px;}
}

.m0{ margin:0;}
.m5{ margin:5px !important;}
.m8{ margin:8px;}
.m10{ margin:10px;}
.m15{ margin:15px;}
.m20{ margin:20px;}
.m25{ margin:25px;}
.m30{ margin:30px;}
@media (min-width:320px) and (max-width:800px) {
.m5{ margin:2px;}
.m8{ margin:4px;}
.m10{ margin:5px;}
.m15{ margin:7px;}
.m20{ margin:10px;}
.m25{ margin:12px;}
.m30{ margin:15px;}
}

/*padding*/
.pl0{ padding-left:0;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px !important;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px !important;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
@media (min-width:320px) and (max-width:800px) {
.pl5{ padding-left:2px;}
.pl10{ padding-left:5px;}
.pl15{ padding-left:7px;}
.pl20{ padding-left:10px;}
.pl25{ padding-left:12px;}
.pl30{ padding-left:15px;}
.pl35{ padding-left:20px;}
}

.pt0{ padding-top:0;}
.pt5{ padding-top:5px;}
.pt7{ padding-top:7px;}
.pt8{ padding-top:8px;}
.pt10{ padding-top:10px !important;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
@media (min-width:320px) and (max-width:800px) {
.pt5{ padding-top:2px;}
.pt10{ padding-top:5px;}
.pt15{ padding-top:7px;}
.pt20{ padding-top:10px;}
.pt25{ padding-top:12px;}
.pt30{ padding-top:15px;}
}

.pr0{ padding-right:0;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px !important;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px !important;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}
@media (min-width:320px) and (max-width:800px) {
.pr5{ padding-right:2px;}
.pr10{ padding-right:5px;}
.pr15{ padding-right:7px;}
.pr20{ padding-right:10px;}
.pr25{ padding-right:12px;}
.pr30{ padding-right:15px;}
}

.pb0{ padding-bottom:0;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px !important;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px !important;}
.pb30{ padding-bottom:30px;}
@media (min-width:320px) and (max-width:800px) {
.pb5{ padding-bottom:2px;}
.pb10{ padding-bottom:5px;}
.pb15{ padding-bottom:7px;}
.pb20{ padding-bottom:10px;}
.pb25{ padding-bottom:12px;}
.pb30{ padding-bottom:15px;}
}

.p0{ padding:0;}
.p5{ padding:5px !important;}
.p10{ padding:10px !important;}
.p15{ padding:15px !important;}
.p20{ padding:20px !important;}
.p25{ padding:25px;}
.p30{ padding:30px !important;}
@media (min-width:320px) and (max-width:800px) {
.p5{ padding:2px;}
.p10{ padding:5px;}
.p15{ padding:7px;}
.p20{ padding:10px;}
.p25{ padding:12px;}
.p30{ padding:15px;}
}

/*背景色*/
.bg-no{ background-color: transparent;} /*w无色*/
.bg-wh{ background-color:#ffffff;} /*白色*/
.bg-gray{ background-color:#E6E6E6;} /*默认-灰色*/
.bg-blue{ background-color:#00a4ff;} /*蓝色*/
.bg-green{ background-color:#5EB95E;} /*绿色*/
.bg-orange{ background-color:#fd8000;} /*橙色*/
.bg-red{ background-color:#f74c31;} /*红色*/
.bg-purple{ background-color:#8E488E;} /*紫色*/
.bg-F8{ background-color:#f8f8f8;} /*紫色*/
.bg-f2f4f5{ background-color:#f2f4f5;} /*灰色*/
.bg-f6f9fb{ background-color:#f6f9fb;} /*灰色*/
.bg-cdcdcd{ background-color:#cdcdcd;} /*灰色*/
.bg-cccccc{ background-color:#cccccc;} /*灰色*/

/*字体颜色*/
.g0{ color:#000;}
.g3{ color:#333;}
.g6{ color:#666;}
.g9{ color:#999;}
.ga{ color:#aaa;}
.gb{ color:#bbb;}
.gc{ color:#ccc;}
.gd{ color:#ddd;}
.ge{ color:#eee;}

.red{ color:#ff0000;}
.blue{ color:#3399ff;}
.blue2{ color:#3399ff; background:none;}
.green{ color:#27ae60;}
.orange{ color:#fd8000;}
.orange2{ color:#ff7800;}
.white{ color:#fff;}
.purple{ color:#8E488E;}
.gray{ color:#7f8c8d;}

a.red{ color:#ff0000;}
a.blue{ color:#3399ff;}
a.blue2{ color:#3399ff; background:none;}
a.green{ color:#27ae60;}
a.orange{ color:#fd8000;}
a.white{ color:#fff;}
a.purple{ color:#8E488E;}
a.gray{ color:#7f8c8d;}
a.more{ color:#999;}
a.more:hover{ color:#3399ff;}

.aHover{}
.aHover:hover{ opacity:0.9;}

/*height 高度*/
.jeh16{ min-height:16px; line-height:16px;}
.jeh18{ min-height:18px; line-height:18px;}
.jeh20{ min-height:20px; line-height:20px;}
.jeh22{ min-height:22px; line-height:22px;}
.jeh24{ min-height:24px; line-height:24px;}
.jeh25{ min-height:25px; line-height:25px;}
.jeh26{ min-height:26px; line-height:26px;}
.jeh28{ min-height:28px; line-height:28px;}
.jeh30{ min-height:30px; line-height:30px;}
.jeh32{ min-height:32px; line-height:32px;}
.jeh34{ min-height:34px; line-height:34px;}
.jeh36{ min-height:36px; line-height:36px;}
.jeh38{ min-height:38px; line-height:38px;}
.jeh40{ min-height:40px; line-height:40px;}
.jeh42{ min-height:42px; line-height:42px;}
.jeh44{ min-height:44px; line-height:44px;}
.jeh46{ min-height:46px; line-height:46px;}
.jeh48{ min-height:48px; line-height:48px;}
.jeh50{ min-height:50px; line-height:50px;}
.jehp100{ line-height:100%;}
@media (min-width:320px) and (max-width:800px) {
.jeh18{ min-height:14px; line-height:14px;}
.jeh20{ min-height:16px; line-height:16px;}
.jeh22{ min-height:16px; line-height:16px;}
.jeh24{ min-height:16px; line-height:16px;}
.jeh25{ min-height:16px; line-height:16px;}
.jeh26{ min-height:16px; line-height:16px;}
.jeh28{ min-height:16px; line-height:16px;}
.jeh30{ min-height:20px; line-height:20px;}
.jeh32{ min-height:24px; line-height:24px;}
.jeh34{ min-height:26px; line-height:26px;}
.jeh36{ min-height:28px; line-height:20px;}
.jeh38{ min-height:28px; line-height:28px;}
.jeh40{ min-height:30px; line-height:30px;}
.jeh42{ min-height:30px; line-height:30px;}
.jeh44{ min-height:32px; line-height:32px;}
.jeh46{ min-height:32px; line-height:32px;}
.jeh48{ min-height:32px; line-height:32px;}
.jeh50{ min-height:36px; line-height:36px;}
}

/*z-index:2;*/
.zI100{z-index:100;}
.zI200{z-index:200;}
.zI300{z-index:300;}
.zI400{z-index:400;}

/*字体加粗*/
.fontBold{ font-weight:bold;}
.fontYH{ font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';}

/*投影 inset为内投影，默认外投影*/
.bshad-b20{ box-shadow:0 1px 20px 0 rgba(0,0,0,.1);}
.bshad-b15{ box-shadow:0px 0px 15px 0px rgba(204,204,204,0.5);}
.bshad15{ box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.2);}
.bshad10{ box-shadow: 0px 0px 10px 5px rgba(204,204,204,0.2);}
.bshad5{box-shadow: 0px 1px 8px rgba(225, 229, 236, 1);}
.bshad2{ box-shadow:0px 1px 5px rgba(242, 244, 245, 1);}

/*1px Line*/
.jecell-bottom{ border-bottom:solid 1px #e1e5ec;}
.jecell-top{ border-top:solid 1px #e1e5ec;}
.jecell-right:after{ content:''; position:absolute; right:0; top:50%; margin-top:-5px; width:1px; height:10px; background:#e1e5ec;}
.jecell-left:after{ content:''; position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background:#e1e5ec;}
.jecell-all{ border:solid 1px #e5e5e5;}
.jecell-blueLine{ border:solid 1px #3399ff;}
.jecell-garyLine{ border:solid 1px #e1e5ec;}

/*手型*/
.handStyle{ cursor:pointer;}

/*字符出现省略号*/
.textOverFlow{ display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.text-vertical{ display:flex; align-items:left; justify-content:space-around; flex-direction:column;}
.lineClamp1{ display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.lineClamp2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.lineClamp3{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.lineClamp4{ display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}

/*允许长单词换行到下一行*/
.wordWrap{ word-wrap:break-word;}

/*主体宽度*/
.w1200{ width:1200px; margin:0 auto;}
.w1200-haveBg{ width:1200px; margin:0 auto; border:solid 1px #e1e5ec; background:#fff; box-shadow:0px 5px 15px 0px rgba(204,204,204,0.5);}
.w20{ width:20%;}
.w30{ width:30%;}
.w40{ width:40%;}
.w50{ width:50%;}
.w60{ width:60%;}
.w70{ width:70%;}
.w80{ width:80%;}
.w100{ width:100%;}

.redTipsDot{ position:absolute; top:50%; right:0; font-size:12px; margin-top:-10px; background:#f86a62; color:#fff; padding:0 4px; border-radius:8px; height:16px; line-height:16px;}


/*按钮样式*/
.btnStyle-blueLine{ border:solid 1px #3399ff; color:#3399ff !important; height:30px; line-height:28px; display:inline-block; padding:0 15px; cursor:pointer;}
.btnStyle-blueLine:hover{ background:#3399ff; color:#fff !important;}
.btnStyle-grayLine{ border:solid 1px #e1e5ec; color:#666 !important; height:30px; line-height:28px; display:inline-block; padding:0 15px; cursor:pointer;}
.btnStyle-grayLine:hover{ border-color:#3399ff; color:#3399ff !important;}
.btnStyle-blueBg{ border:solid 1px #3399ff; background:#3399ff; color:#fff !important; height:30px; line-height:28px; display:inline-block; padding:0 15px; cursor:pointer;}
.btnStyle-blueBg:hover{ opacity:0.8;}
.btnStyle-grayBg{ border:solid 1px #f2f2f2; background:#f2f2f2; color:#6467f0 !important; height:30px; line-height:28px; display:inline-block; padding:0 15px; cursor:pointer;}
.btnStyle-grayBg:hover{ opacity:0.8;}
.btnStyle-purpleBg{ border:solid 1px #6467f0; background:#6467f0; color:#fff !important; display:inline-block; padding:0 15px; cursor:pointer;}
.btnStyle-purpleBg:hover{ opacity:0.8;}

/*文本框，下拉框样式*/
.inputStyle-blueLine{ border:solid 1px #3399ff; color:#3399ff !important; height:30px; line-height:28px; padding:0 10px;}
.inputStyle-grayLine{ border:solid 1px #e5e5e5; color:#000 !important; font-size:14px; height:40px; line-height:38px; padding:0 10px; width:240px;}
.textareaStyle-grayLine{ border:solid 1px #e5e5e5; color:#000 !important; font-family:'微软雅黑'; outline:0; resize:none; font-size:14px; height:120px; line-height:30px; padding:0 10px; width:240px;}

.buttonStyle-blueLine{ border:solid 1px #3399ff; color:#3399ff !important; height:30px; line-height:28px; padding:0 10px;}
.buttonStyle-blueLine:hover{ border:solid 1px #3399ff; background:#3399ff; color:#fff !important;}
.buttonStyle-grayLine{ border:solid 1px #e1e5ec; color:#666 !important; height:30px; line-height:28px; padding:0 10px; position:relative;}
.buttonStyle-grayLine:hover{ border:solid 1px #3399ff; color:#3399ff !important; z-index:55;}

.selectStyle-blueLine{ border:solid 1px #3399ff; color:#3399ff !important; padding:5px;}
.selectStyle-blueLine option{ }
.selectStyle-grayLine{ border:solid 1px #e5e5e5; outline:none; color:#000 !important; font-size:14px; height:40px; padding:7px 10px; width:240px;}
.selectStyle-grayLine option{ }


/*按钮往左移动1像素*/
.btnStyle-mlF1{ margin-left:-1px;}


/*按钮组合*/
.btnGroup-box{ overflow:hidden;}
.btnGroup-box .btnStyle-grayLine{ position:relative;}
.btnGroup-box .btnStyle-grayLine:first-child{ border-radius:2px 0 0 2px;}
.btnGroup-box .btnStyle-grayLine:last-child{ border-radius:0 2px 2px 0;}
.btnGroup-box .btnStyle-grayLine:hover{ z-index:4;}


/*透明背景*/
.backTmBg{ position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.3); z-index:45; display:none;}
.colorLessTmBg{ position:fixed; left:0; right:0; top:0; bottom:0; opacity:0; z-index:45; display:none;}

/*hot图标*/
.hotIcon{ right:0; top:0;}
.hotIcon img{ width:30px; height:30px;}

.hotGif{ margin-left:5px;}
.hotGif img{ width:25px; height:9px;}

.webFont{ font-family:'dincondensedFont'; font-size:35px; font-weight:normal;}

/*标签*/
.tagSpan{ display:inline-block; padding:0 6px; height:22px !important; line-height:22px !important; font-size:12px !important; border-radius:4px 10px 10px 8px; margin-left:3px;}
.tagSpan .iconfont{ font-size:12px !important;}
.tagSpan:hover{ border:none !important;}
.tagBlue{ background:#e5eefe; color:#4e8af9 !important;}
.tagGreen{ background:#f0faf2; color:#2cb250 !important;}
.tagGrey{ background:#e8ecf1; color:#67809f !important;}
.tagGrey2{ background:#67809f; color:#fff !important;}
.tagRed{ background:#ffe9ee; color:#fc587b !important;}
.tagOrange{ background:#fff2d9; color:#ffa800 !important;}
.tagOrange2{ background:#FD8000; color:#fff !important;}
.tagResumeType1{ background:#fca531; color:#fff !important;}
.tagResumeType2{ background:#1aad0a; color:#fff !important;}
.tagResumeType3{ background:#009dff; color:#fff !important;}
.tagResumeType4{ background:#f83e33; color:#fff !important;}

.tagImg{ margin-left:5px;}
.tagImg img{ height:22px;}
.tagImg:hover{ text-decoration:none; border:none !important;}

/*switch开关*/
.switchBtn{ position:absolute; width:42px; height:22px; border-radius:10px; background:#c9c9c9;}
.switchBtn:before{ content:''; position:absolute; left:1px; top:1px; border-radius:50%; width:20px; height:20px; background:#fff;}
.switchAcur{ background:#6467f0;}
.switchAcur:before{ left:initial; right:1px;}