html{-webkit-text-size-adjust:100%;}
body{max-width:750px;min-height:100%;min-width:320px;margin:0 auto;color:#666666;background-color:#f3f3f3;-webkit-overflow-scrolling:touch;font: .3rem Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;padding-bottom:1.2rem;}
body.iPhoneX{padding-bottom:1.9rem;}
body.pdt-n9{padding-top:1.05rem;}
body.wh{background-color:#ffffff;}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
h1,h2,h3,h4,h5,form,p,ul,input{margin:0;padding:0;}
input,textarea{font: .27857142rem Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;color:#666666;}
input[type=button],input[type=submit]{
	-webkit-appearance:none;
	outline:none
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
input[type="number"]{
	-moz-appearance: textfield;
}
li{padding:0;margin:0;line-height:180%;list-style-type:none;}
u{text-decoration:none;}
:focus{outline:0}
.substring{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nowrap{white-space:nowrap;}
.clear{clear:both;height:0;font-size:0;line-height:0;}
.font_gray6{color:#666666}
.font_gray9{color:#999999}
.font_blue{color:#5F8DC9}
.font_green{color:#61AF00}
.font_red_light{color:#FF2222}
.font_red_light.wh{color:#fff;}
.font_red{color:#CC3300}
.font_yellow{color:#FF6600}
.font_3{color:#333}
.qs-center{text-align:center;}
.qs-hidden{display:none;}
.qs-show{display:block;}
.qs-left{float:left;}
.qs-right{float:right;}
.qs-txt-blue{color:#0180CF;}
.qs-txt-orange{color:#fd8000;}
.mt2{margin-top:.2rem;}
.mt4{margin-top:.4rem;}
.mt6{margin-top:.6rem;}
.mt10{margin-top:1rem;}
.pl6{padding-left:.6rem;}
.txt-color-3{color:#333;}
.txt-color-9{color:#999;}
.qs-textarea{display:block;border:0;resize:none;width:100%;color:inherit;line-height:inherit;outline:0;padding:.4rem;}
.qs-relative{position:relative;}
.mt125{margin-top:.125rem;}

/*链接定义*/
.link_white a{color:#FFFFFF;text-decoration:none;}
.link_white a:hover{text-decoration:none;}
.link_gray6 a{color:#666666;text-decoration:none;}
.link_gray6 a:hover{text-decoration:none;color:#333333}
.link_gray9 a{color:#999999;text-decoration:none;}
.link_gray9 a:hover{text-decoration:none;color:#333333}
.link_yellow a{color:#FF6600;text-decoration:none;}
.link_yellow a:hover{text-decoration:none;color:#FF6600}
.link_blue a{color:#0180cf;text-decoration:none;}
.link_blue a:hover{text-decoration:none;color:#5F8DC9}
.font9{font-size:.1888rem}
.fontag{font-size:.22rem}
.font10{font-size:.234rem}
.font12{font-size:.25714285rem}
.font13{font-size:.27857142rem}
.font14{font-size:.3rem}
.font15{font-size:.32142857rem}
.font16{font-size:.34285714rem}
.font18{font-size:.38571428rem}
.font20{font-size:.468rem}
.font24{font-size:.56249999rem}
.font28{font-size:.65624999rem}
.no-bottom-line{text-decoration:none;}
.txt-fff{color:#FFF;}
.txt-red{color:#ff2424;}
.txt-dark-red{color:#7d1524;}
.txt-9{color:#999;}
.txt-3{color:#333;}
.txt-6{color:#333;}
.txt-o{color:#ff6600;}
.txt-blue{color:#0180cf;}

/* 页面顶部 */
.herad_nav{width:7.5rem;height:1.05rem;text-align:center;background-color:#FFFFFF;line-height:1.05rem;position:fixed;border-bottom:1px #EEEEEE solid;top:0px;z-index:222;display:none}
/*.herad_nav .back{position:fixed;left:.1rem;top:0px;width:1.5rem;height:.9rem;background-image:url('../images/back.png');background-repeat:no-repeat;background-position:0px center;background-size:.35rem;}*/
.herad_nav .back{position:absolute;left:0;top:0;width:1.05rem;height:1.05rem;background:url("../images/new/back.png") center center no-repeat;background-size:.2rem .36rem;}
.herad_nav .title{width:3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;text-align:center;color:#333;font-weight:bolder;}
.herad_nav_margin{height:.9rem;display:none}
.toplogo{width:7.5rem;height:1rem;border-bottom:1px #E6E6E6 solid;background-color:#FFFFFF;position:relative}
.toplogo .logo{padding:.25rem;padding-top: .2rem;}
.toplogo .logo img{height:.65rem}
.toplogo .topmenu{background-image:url('../images/topmenu.png');background-repeat:no-repeat;background-size:.5rem;width:1rem;height:1rem;position:absolute;right:.1rem;top:0px;background-position:center center;}
.toplogo .topso{background-image:url('../images/topso.png');background-repeat:no-repeat;background-size:.5rem;width:1rem;height:1rem;position:absolute;right:1.1rem;top:0px;background-position:center center;}
.toplogo .top_us{background-image:url('../images/head_user_ico.png');background-repeat:no-repeat;background-size:.5rem;width:1rem;height:1rem;position:absolute;right:.1rem;top:0px;background-position:center center;display:block;}
.toplogo .top_msg{background-image:url('../images/head_msg_ico.png');background-repeat:no-repeat;background-size:.5rem;width:1rem;height:1rem;position:absolute;right:.1rem;top:0px;background-position:center center;display:block;}
.toplogo .top_msg .m_dot {
	position:absolute;width:.15rem;height:.15rem;background:#fb2812;border-radius:100%;top:.25rem;right:.25rem;
}
.toplogo .top_us_in {
	display:block;width:1rem;height:1rem;position:absolute;right:.1rem;top:0;
}
.toplogo .top_us_in img {
	position:absolute;left:50%;top:50%;width:.5rem;height:.5rem;border-radius:50%;border:0;
	-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
}




/*页面底部*/
.qsfooter{width:7.5rem;padding:.33rem .2rem}
.qsfooter .fnav{border-bottom:1px #F2F2F2 solid;border-top:1px  #F2F2F2 solid;height:1rem;}
.qsfooter .fnav .flist{width:25%;float:left;text-align:center;margin-top:.3rem;border-right:1px #CCCCCC solid}
.qsfooter .fnav .flist.last{border:0px;}
.qsfooter .txt{text-align:center;color:#D8D8D8;padding-top:.35rem;padding-bottom:.45rem;}
.qsfooter .fo-tel{width:40%;float:left;color:#737373;}
.qsfooter .fo-icp{width:40%;float:left;color:#737373;}
.qsfooter .fo-app{width:20%;float:left;}


.plist-txt .describe .radio-group .radio-cell input[type=radio]:checked:before{background-image:url(../images/46.png);}
.plist-txt .describe .radio-group.x2{padding-left:1.7rem;}
.plist-txt .describe .radio-group.x2 .radio-cell{width:50%;}
.plist-txt .describe .radio-group.x3 .radio-cell{width:33.3333%;}
.plist-txt .describe .d-txt{position:absolute;left:.3rem;top:.4rem;line-height:1;}
.plist-txt .arrow{float:left;height:100%;width:.75rem;background: url("../images/new/list_arrow.png") .2rem center no-repeat;background-size: .11rem .21rem;}
.plist-txt .arrow.arrow_bottom{background-image:url(../images/67.png);}
.plist-txt .arrow.old{width:.65rem;background-size: .24rem .24rem;}
.plist-txt.notarrow .describe{width:4.65rem;padding-right:0.35rem;}
.plist-txt.notarrow .arrow{display:none;}
.plist-txt.last{border-bottom: none;}
.plist-txt.last div .qs-btn-border-gray{border:1px solid rgba(0,0,0,0.2);}
.plist-txt.last div .qs-btn-border-orange{border:1px solid #fd8000;}
.plist-txt.des-af-txt .describe{width:4.0rem;padding-right:0.65rem;}
.plist-txt.des-af-txt .daf-t{float:left;width:.65rem;height:100%;border-bottom:1px #F2F2F2 solid;}
.plist-txt .describe .d-switch{display:inline-block;width:1.18rem;height:.72rem;vertical-align:middle;background-repeat:no-repeat;background-image:url(../images/232.png);background-size:1.18rem .72rem;}
.plist-txt .describe .d-switch.active{background-image:url(../images/233.png);}
.plist-txt .describe .new_switch{position:absolute;right:.35rem;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-right:.65rem;background:url("../images/new/new_switch_off.png") right center no-repeat;background-size:.5rem .3rem;}
.plist-txt .describe .new_switch.active{background:url("../images/new/new_switch_on.png") right center no-repeat;background-size:.5rem .3rem;}
.list-top-txt{padding:0 .4rem;}
.plist-txt.po_rea{position:relative;}
.plist-txt.po_rea .describe{width:4.55rem;text-align:center;padding-right:3rem;}
.plist-txt.po_rea .describe input{width:4.55rem;text-align:center;padding-right:3rem;}
.plist-txt .describe .des_right_txt{position:absolute;right:.35rem;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);color:#333333;line-height:normal;}
.plist-txt.po_rea .qs-btn{position:absolute;top:50%;right:.25rem;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.list_ht{position:relative;width:100%;padding:.25rem 0 .25rem .55rem;background:#FFFFFF;color:#333333;font-weight:bolder;border-bottom:1px #F2F2F2 solid;}
.list_ht .ht_sp{position:absolute;left:.35rem;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:.05rem;height:.3rem;background:#0180CF;}
.list_ht .ht_close{position:absolute;right:0;top:0;width:1rem;height:.96rem;background:url("../images/new/per_list_close.png") center center no-repeat;background-size:.29rem;}
.list_ht .ht_rtx{position:absolute;right:.35rem;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);color:#999;}
.list_ht.nbt{border-bottom:0;}
.plist-txt .describe .ico_txt{display:inline-block;padding-left:.4rem;}
.plist-txt .describe .ico_txt.wx{background:url("../images/new/wxpay.png") 0 center no-repeat;background-size:.25rem;}
.plist-txt .describe .ico_txt.ali{background:url("../images/new/alipay.png") 0 center no-repeat;background-size:.25rem;}
.plist-txt .describe .ico_txt.point{background:url("../images/new/pointpay.png") 0 center no-repeat;background-size:.25rem;}

/*按钮定义*/
.btn-spacing{padding:0 .35rem;}
.qs-btn{position:relative;display:block;margin-left:auto;margin-right:auto;padding-left:.3rem;padding-right:.3rem;text-align:center;text-decoration:none;color:#FFFFFF;line-height:.98rem;border-radius:.08rem;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;border:0px;}
.qs-btn-inline{display:inline-block;}
.qs-btn-medium{height:.8rem;line-height:.78rem;}
.qs-btn-small{height:.6rem;line-height:.58rem;}
.qs-btn-blue{background-color:#0180CF;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);}
.qs-btn-blue:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#018CE0;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.qs-btn-blue.eventactive:before{-webkit-transform:scale(2);transform:scale(2);}
.qs-btn-blue.qs-btn-border-disabled{background-color:rgba(0,0,0,0.2)}
.qs-btn-border-disabled.eventactive:before{-webkit-transform:scale(0);transform:scale(0);}
.qs-btn-gray{background-color:#999999;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);}
.qs-btn-gray:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#999999;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.qs-btn-gray.eventactive:before{-webkit-transform:scale(2);transform:scale(2);}
.qs-btn-green{background-color:#1AAD19;}
.qs-btn-green:active,.qs-btn-green.eventactive{background-color:#179B16;}
.qs-btn-orange{background-color:#fd8000;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);}
.qs-btn-orange:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#fb9934;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.qs-btn-orange.eventactive:before{-webkit-transform:scale(2);transform:scale(2);}
.qs-btn-red{background-color:#ff0000;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);}
.qs-btn-red:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#FF4400;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.qs-btn-red.eventactive:before{-webkit-transform:scale(2);transform:scale(2);}
.qs-btn-blue.b-big{width:90%;}
.qs-btn-orange.b-big{width:90%;}
.qs-btn-gray.b-big{width:90%;}
.qs-btn-border-gray{color:#666;border:1px solid rgba(0,0,0,0.2);}
.qs-btn-border-gray:not(.qs-btn-border-disabled):active,.qs-btn-border-gray:not(.qs-btn-border-disabled).eventactive{color:rgba(0,0,0,0.6);background-color:#DEDEDE;}
.qs-btn-border-orange{color:#fd8000;border:1px solid #fd8000;}
.qs-btn-border-orange:not(.qs-btn-border-disabled):active,.qs-btn-border-orange:not(.qs-btn-border-disabled).eventactive{color:#fff;background-color:#fb9934;}
.qs-btn-border-blue{color:#0180CF;border:1px solid #0180CF;}
.qs-btn-border-blue:not(.qs-btn-border-disabled):active,.qs-btn-border-gray:not(.qs-btn-border-disabled).eventactive{color:#fff;background-color:#2eb0fe;}
.qs-btn-border-disabled{color:rgba(0,0,0,0.2);border-color:rgba(0,0,0,0.2);}
.qs-btn-bg-disabled{background-color:rgba(0,0,0,0.2)}

/* popout */
.qs-mask{position:fixed;z-index:10000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.6);height:100%;}
.qs-popout{position:fixed;z-index:50000;width:100%;max-width:6.4rem;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFFFFF;text-align:center;border-radius:.08rem;overflow:hidden;}
.qs-popout-hd{padding:.48rem .30rem .33rem;}
.qs-popout-title{font-weight:400;font-size:.34rem;height:.34rem;line-height:.34rem;color:#000;}
.qs-popout-bd{padding:0 .50rem .30rem;min-height:.40rem;font-size:.28rem;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999999;}
.qs-popout-bd:first-child{padding:.45rem .50rem .45rem;color:#353535;}
.qs-popout-ft{position:relative;line-height:.9rem;font-size:.34rem;display:-webkit-box;display:-webkit-flex;display:flex;}
.qs-popout-ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:.01rem;border-top:.01rem solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);}
.qs-popout-btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}
.qs-popout-btn:after{content:" ";position:absolute;left:0;top:0;width:.01rem;bottom:0;border-left:.01rem solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(0.5);transform:scaleX(0.5);}
.qs-popout-btn-default{color:#353535;}
.qs-popout-btn-primary{color:#0180CF;}
.qs-popout-bd .time{line-height:1.6;display:block;margin-top:.2rem;}
.qs-popout-bd.no-pd{padding:0;}
.qs-popout .closePopout{position:absolute;background:url(../images/popout_close.png) no-repeat center;width:1rem;height:1rem;top:-.03rem;left:5.4rem;background-size:.4rem;}

/*toast*/
.qs-mask-transparent{position:fixed;z-index:1001;top:0;right:0;left:0;bottom:0;}
.qs-toast{position:fixed;z-index:50005;max-width:6.5rem;padding:.25rem .2rem;top:50%;left:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);background:rgba(40,40,40,0.75);text-align:center;border-radius:.08rem;color:#FFFFFF;line-height:.4rem;}
.qs-icon-toast{display:inline-block;float:left;}
.qs-toast-content{/*padding-left:.2rem;*/display:inline-block;float:left;}



/* 底部导航 */
.bottom-nav-bar-group{height:1.2rem;}
.bottom-nav-bar{background-color:#FFF;color:#666;position:fixed;bottom:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index:9999;width:7.5rem;max-width:750px;border-top:2px solid #ededed;}
.bottom-nav-bar .nav-bar-cell{width:3.3rem;padding:0 .3rem 0 .5rem;height:1.2rem;text-align:center;}
.bottom-nav-bar .nav-bar-cell:first-child{padding:0 .5rem 0 .3rem;}
.bottom-nav-bar .nav-bar-cell .bar-cell{display:block;width:50%;float:left;text-decoration:none;padding-top:.18rem;}
.bottom-nav-bar .nav-bar-cell .bar-cell .b-img{display:inline-block;width:.45rem;height:.45rem;background-repeat:no-repeat;background-size:.45rem;}
.bottom-nav-bar .nav-bar-cell .bar-cell.index .b-img{background-image:url(../images/272.png);}
.bottom-nav-bar .nav-bar-cell .bar-cell.job .b-img{background-image:url(../images/273.png);}
.bottom-nav-bar .nav-bar-cell .bar-cell.resume .b-img{background-image:url(../images/274.png);}
.bottom-nav-bar .nav-bar-cell .bar-cell.mine .b-img{background-image:url(../images/275.png);}
.bottom-nav-bar .nav-bar-cell .bar-cell.index.active .b-img{background-image:url(../images/276.png);}
.bottom-nav-bar .nav-bar-cell .bar-cell.job.active .b-img{background-image:url(../images/277.png);}
.bottom-nav-bar .nav-bar-cell .bar-cell.resume.active .b-img{background-image:url(../images/278.png);}
.bottom-nav-bar .nav-bar-cell .bar-cell.mine.active .b-img{background-image:url(../images/279.png);}
.bottom-nav-bar .nav-bar-cell .bar-cell.active{color:#0180CF;}
.bottom-nav-bar .nav-bar-cell .bar-cell .b-txt{color:#666;}
.bottom-nav-bar .nav-bar-cell .bar-cell.active .b-txt{color:#0180CF;}
.bottom-nav-bar .nav-bar-more{position:relative;display:inline-block;width:.9rem;height:1.2rem;}
.bottom-nav-bar .nav-bar-more .nav-bar-more-cell{position:absolute;left:.1rem;top:.25rem;width:.7rem;height:.7rem;background-repeat:no-repeat;background-size:.7rem;background-image:url(../images/229.png);}
.bottom-nav-bar .nav-bar-more.eventactive{transform:scale(1.2,1.2);transition:.2s transform;}
.bottom-bar-more-group{position:fixed;z-index:10002;top:0;right:0;left:0;bottom:0;display:none;}
.bottom-bar-more-group .bn-mask{position:absolute;z-index:10001;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.bottom-bar-more-group .bar-more-cell{width:100%;height:3.0rem;background:#FFF;left:0;bottom:1.2rem;position:absolute;z-index:10002;}
.bottom-bar-more-group .bar-more-closecell{position:absolute;bottom:.15rem;left:3.3rem;width:.9rem;height:.9rem;background-repeat:no-repeat;background-size:.9rem;background-image:url(../images/230.png);z-index:10002;}
.bottom-bar-more-group .bar-more-closecell.eventactive{transform:scale(1.2,1.2);transition:.2s transform;}
.bottom-bar-more-group .hwslider{position:relative;overflow:hidden;height:3.0rem;background:#fff;}
.bottom-bar-more-group .hwslider ul{width:100%;height:100%;position:absolute;z-index:1}
.bottom-bar-more-group .hwslider ul li{display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding-top:.6rem;overflow:hidden;}
.bottom-bar-more-group .hwslider ul li.active{display:block;}
.bottom-bar-more-group .hwslider ul li a{width:33.3333%;display:block;float:left;text-align:center;text-decoration:none;}
.bottom-bar-more-group .hwslider ul dl{margin:0;}
.bottom-bar-more-group .hwslider ul dl dt{width:.9rem;height:.9rem;border-radius:50%;display:inline-block;background-repeat:no-repeat;background-size:.9rem .9rem;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.bottom-bar-more-group .hwslider ul dl dt.job{background-image:url(../images/06.png);}
.bottom-bar-more-group .hwslider ul dl dt.resume{background-image:url(../images/07.png);}
.bottom-bar-more-group .hwslider ul dl dt.fabu{background-image:url(../images/08.png);}
.bottom-bar-more-group .hwslider ul dl dt.shop{background-image:url(../images/217.png);}
.bottom-bar-more-group .hwslider ul dl dt.zhaoph{background-image:url(../images/218.png);}
.bottom-bar-more-group .hwslider ul dl dt.news{background-image:url(../images/219.png);}
.bottom-bar-more-group .hwslider ul dl dd{color:#555;margin:0;padding:0;border:0;}
.bottom-bar-more-group .hwslider ul dl dt.eventactive{transform:scale(1.2,1.2);transition:.2s transform;}
.bottom-bar-more-group .hwslider .dots{position:absolute;bottom:.2rem;left:50%;height:.24rem;z-index:2;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);}
.bottom-bar-more-group .hwslider .dots span{float:left;width:.14rem;height:.14rem;border:1px solid #fff;border-radius:50%;background:#333;margin-right:.08rem;cursor:pointer;}
.bottom-bar-more-group .hwslider .dots span.active{background:orangered}
.bottom-bar-more-group .hwslider .dots span:last-child{margin-right:0;}
.movein_right{-webkit-animation:slidein_right .5s forwards ease-in;animation:slidein_right .5s forwards ease-in;}
.moveout_right{-webkit-animation:slideout_right .5s forwards ease-in;animation:slideout_right .5s forwards ease-in;}
.movein_left{-webkit-animation:slidein_left .5s forwards ease-in;animation:slidein_left .5s forwards ease-in;}
.moveout_left{-webkit-animation:slideout_left .5s forwards ease-in;animation:slideout_left .5s forwards ease-in;}
@-webkit-keyframes slidein_left{
	from{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
	to{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slidein_left{
	from{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
	to{-webkit-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes slideout_left{
	from{-webkit-transform:translateX(0);transform:translateX(0);}
	to{-webkit-transform:translateX(100%);transform:translateX(100%);}
}
@keyframes slideout_left{
	from{-webkit-transform:translateX(0);transform:translateX(0);}
	to{-webkit-transform:translateX(100%);transform:translateX(100%);}
}
@-webkit-keyframes slidein_right{
	from{-webkit-transform:translateX(100%);transform:translateX(100%);}
	to{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slidein_right{
	from{-webkit-transform:translateX(100%);transform:translateX(100%);}
	to{-webkit-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes slideout_right{
	from{-webkit-transform:translateX(0);transform:translateX(0);}
	to{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
}
@keyframes slideout_right{
	from{-webkit-transform:translateX(0);transform:translateX(0);}
	to{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
}