@charset "utf-8";

/*-----------------------------全局样式-------------------------------------*/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,span,a,input,textarea,p,blockquote,th,td,header,nav,footer,article,section,aside,time,figure{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
h1,h2,h3,h4,h5,h6{font-weight:normal}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; }
ul{list-style:none}
legend{display:none}
fieldset,img{border:none;vertical-align:middle; width:100%;}
em,cite,i{font-style:normal}
input,button,textarea{outline:none;border:0;vertical-align:middle;border:0;font-family:Arial}
input, input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance:none;border-radius:0}
input:disabled{ background:none;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{resize:none}
html{ }
body{ font-family:"Microsoft Yahei"; font-size:.24rem; line-height:.36rem;color:#595757;margin:0 auto; background-attachment:fixed; background-size:cover; width:6.4rem; background-position:top center; background-repeat:no-repeat}
body a{color:#595757;text-decoration:none;cursor:pointer}
body a:hover,body a:active,body a:focus{text-decoration:none;outline:none}


/*clearfix*/
.clearfix:before,.clearfix:after{content:".";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;/* IE < 8 */}

/*clearfix*/
dl:before,.dl:after{content:".";display:block;height:0;overflow:hidden;}
dl:after{clear:both;}
dl{zoom:1;/* IE < 8 */}

.w135{ width:1.35rem;}
.fn-l{ float:left}
.fn-r{ float:right}
.mt82{ margin-top:.82rem;}
.mt76{ margin-top:.76rem;}
.mt158{ margin-top:1.58rem;}
.mt183{ margin-top:1.83rem;}
.mb100{ margin-bottom:1.12rem;}
.mb120{ margin-bottom:1.2rem;}
.mb85{margin-bottom:.85rem;}
.align-l{ text-align:left}
.backPrve{ background:url(../images/backPrve.png) no-repeat left center; background-size:.16rem .27rem; height:.44rem; width:.44rem;}
.backHome a{ display:block; background:url(../images/backHome.png) no-repeat center; width:.7rem; height:.7rem; background-size:.7rem .7rem; position:fixed; bottom:.2rem; left:.2rem}

/*-----------------------------框架-------------------------------------*/
.container{ width:6.4rem; margin:0 auto}
.form_layer{  box-sizing:border-box}
.form_hd{background:#4e355d; padding:.15rem; transition: all .3s}
.form_hd.fix{ position: fixed; width:6.4rem; display: flex; align-items: center; justify-content:space-between; left:0; top: 0; right: 0; margin: 0 auto; padding:.05rem .15rem; z-index: 1000}
.form_hd .form_hd_logo{ width:30%; margin:0 auto .1rem ;transition: all .3s}
.form_hd .form_hd_tit{ text-align: center; color: #fff; font-size:.26rem;transition: all .3s }
.form_hd.fix .form_hd_logo{ margin:0; }
.form_hd.fix .form_hd_tit{ flex:1; text-align:center; }
.form_bd dl{ box-sizing:border-box; background:#fff; padding:0 .3rem .1rem; margin-bottom:.1rem;}
.form_bd dl:before{content:".";display:none;height:0;overflow:hidden;}
.form_bd dl:after{clear:none;}
.form_bd dl dt{ font-size:.24rem; text-align:left; font-weight:bold; padding:.15rem 0 0 0 ;}
.form_bd dl dd input{ display: block; background:none; border:0; font-size:.24rem; width: 100%; padding:.2rem 0; color:#333; flex: 1; text-align: right; padding-right: .15rem}
.form_bd dl dd input:disabled,.form_bd dl dd input[disabled]{color:rgba(0,0,0,1);opacity: 1;-webkit-opacity:1;}
.form_bd dl dd  span{ display: inline-block; margin-right:.1rem; font-size:.24rem }
.form_bd dl dd{cursor:pointer; border-bottom: solid 1px #ccc; display: flex; align-items: center; justify-content:space-between;}
.form_bd dl dd:nth-last-of-type(1){border:0;}
.form_bd dl dd.form_tab{ padding:.2rem 0 .1rem; display: flex; border:0; align-items:flex-end;}
.form_bd dl dd.form_tab a{ display:block; flex: 1; border-bottom: solid 1px #8b8b8b; text-align: center; padding:.1rem 0; }
.form_bd dl dd.form_tab a.active{color:#4e355d; border-color: #4e355d; border-width:2px; font-weight: bold
}
.form_bd dl dd.radio{ padding: .2rem 0 }
.form_bd dl dd.bm_scoll{ font-size:.2rem; line-height:.28rem; color: #aaa; font-weight: normal;  border:0;}
#canvas{width:1.83rem;background:#eaeaea;font-weight:400;height:100%}

.form_bd dl dd.codeBar,.form_bd dl dd.sendCode{ display: flex; justify-content:space-between; align-items: center; }
.form_bd dl dd.codeBar{ display: none; }

.msg-list-arr{ padding-right: 0px; position: relative;  transition: all .3s; }
.msg-list-arr:after {content: " "; display: inline-block; height:.16rem; width:.16rem; border-width: 1px 1px 0 0;  border-color: #333333;border-style: solid; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: absolute; top: 50%; margin-top: -.08rem; right:0px;
}
.form_tabCtn{display: none;} 
.Code1{color: #ae8b63;width:2rem;padding:.08rem 0;text-align: center;display: block;border: 1px solid #ae8b63;border-radius:.1rem;font-size: .24rem; }
.Code1[data-disabled='true']{border-color:#eee; color:#bbb}
.Iagree{ padding:.1rem 0; text-align: center; }
.Iagree span,.radio .sexBox span{ display: inline-block; background:url(../images/checkbox.png) no-repeat left center; background-size:.3rem auto; padding-left: .4rem; margin-left:.2rem;  cursor: pointer; font-size:.24rem }
.Iagree span.active, .radio .sexBox span.active{ background: url(../images/checkbox_select.png) no-repeat left center; background-size:.3rem auto; }
.Iagree strong{ display: inline-block; color:blue; border-bottom:solid 1px blue; font-size:.2rem;}

.slideUp{ width:100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display:none}
.slideUp .slideUpBg{width:100%; height: 100%; background:rgba(0,0,0,0.6);}
.slideBox{ width: 100%; background:#fff; padding-top:.2rem; position:absolute; bottom: 0; left: 0; display: none;}
.slideUp .slideBox ul{min-height:2rem; max-height:5rem; overflow: auto;}
.slideUp .title{font-size:.24rem; text-align:center; padding:0rem 0 .2rem; background:none; color: #72256f; position:relative}
.slideUp .title a.manage{display: inline-block; position:absolute; top: 0; right: .2rem; border:solid 1px #333; border-radius:.3rem; padding:0 .2rem; color:#000}
.slideUp ul li{ text-align: center; font-size:.24rem; padding:.16rem .1rem; border-top: solid 1px #eee; cursor: pointer;}
.slideUp ul li .img{width:.8rem; margin-right:.1rem; height: .8rem}
.slideUp ul li .img img{width:100%; height: 100%; border-radius: 50%}
.jbx{ display: inline-flex;  min-width:90%; justify-content:flex-start; align-items:center; }
.jbx p span{ display:block; font-size:.2rem; color: #333; text-align:left; }
.slideUp .slideBox ul#lstCourse li{ text-align: left; }
.slideItem{ display: none; }
.ktDateSpan{ display:inline-flex; width: 78%; margin: 0 auto;  font-size:.2rem; align-items: center; }
.ktDate { text-align:center; border-top: solid 1px #eee;padding:.2rem .1rem;}
.ktDateSpan span.date{ flex:1; text-align:left; text-align:center;}
.ktDateSpan span.xw{ text-align: center; width: 2.2rem; }
.slideUp ul li .ktDateSpan span.xw{color: #72256f; }
.slideUp ul li .ktDateSpan span b{ display:block; }

.slideItem[data-id='slideUp4'] ul li.disabled .ktDateSpan span.date b{color:#999;}
.slideItem[data-id='slideUp4'] ul li.disabled .ktDateSpan span.date{color:#999;}
.slideUp ul li.disabled .ktDateSpan span.xw{color:#999;}
.slideItem p.small{  margin:0;margin-bottom: .2rem;  font-size: .18rem; color: #72256f;text-align: center; text-shadow:none  }
.slideItem[data-id='slideUp4'] ul li .ktDateSpan span.date{font-size:.2rem; color:#333}
.slideItem[data-id='slideUp4'] ul li .ktDateSpan span.date b{font-size:.2rem; color:#333; display: inline-block; margin-right:.1rem;}
.subBtn{width: 90%;margin: .2rem auto;}
.subBtn a{ text-align:center; text-decoration:none; display:block;width:100%; border-radius:.2rem; background:#72256f; color:#fff; font-size:.24rem; border:0; padding:0rem 0;height: .6rem;line-height: .6rem;margin: .2rem auto;}
.subBtn p{ color:#606060; font-size:.2rem; opacity:0.5;}
.popup03{width: 2.4rem;height: auto;padding: .2rem;background: #fff;display: none}
.layermcont p{line-height: .4rem;}
.layermcont .ewm img{width: 3.44rem;height: 3.44rem;margin: 0 auto}
.popup03 h2{margin: .2rem 0;}

.Agreement_popup{ width:6.4rem; height: 100%; position:fixed; z-index: 1001; left:0; top: 0; right: 0; margin: 0 auto; background: rgba(0,0,0,0.9); display: none; }
.Agreement_popup .Agreement_popup_main{ display: flex; flex-direction: column; height: 100%; box-sizing: border-box; padding:.2rem; }
.Agreement_popup .Agreement_popup_main .Agreement_popup_main_content{ flex:1;  color: #fff; font-size:.2rem; line-height:.3rem; overflow: hidden;}
.Agreement_popup .Agreement_popup_main .Agreement_popup_main_content h2{font-size:.2rem; font-weight: bold; line-height: .3rem; margin-bottom: .1rem}
.Agreement_popup .Agreement_popup_main .Agreement_popup_txt{ height:90%; overflow: auto; } 
.Agreement_popup .Agreement_popup_main .Agreement_popup_main_btn{ height: .6rem; text-align: center; }
.Agreement_popup_title{ font-size:.3rem; font-weight:bold; margin-bottom:.2rem; border-bottom: solid 1px #fff; text-align: center; padding-bottom: .2rem }
.Agreement_popup .Agreement_popup_main .Agreement_popup_main_btn span{display: inline-block; border:solid 1px #fff; border-radius:.1rem; padding:.1rem .8rem; color: #fff; margin: 0 .2rem}
.form_bd dl dd input::-webkit-input-placeholder{color: #ccc;}

/*订单列表*/
.orderList{ padding-top:.8rem;  }
.orderListTab{ width:6.4rem; height:.8rem; background:#fff; z-index: 1000; border-bottom: solid 1px #ccc; position: fixed; top: 0; left:0; right:0; margin: 0 auto; display: flex; align-items:flex-end; justify-content:space-between; padding:0 .1rem; box-sizing:border-box; }
.orderListTab li{ flex:1; color:#afafaf; text-align: center; height: 100%; line-height:.8rem }
.orderListTab li.active{color:#4e355d; border-bottom:solid 2px #4e355d}
.orderListSwiper{ padding-top:.15rem; }
.orderListSwiper .swiper-slide ul li{ background:#fff; margin-bottom: .15rem }
.orderListSwiper .swiper-slide ul li .order_No{ display: flex; align-items: center; justify-content: space-between; padding:.1rem .2rem; }
.orderListSwiper .swiper-slide ul li .order_No h2{font-size:.24rem; color:#333;}
.orderListSwiper .swiper-slide ul li .order_No span{ display: inline-block; background:#f7f7f7; color:#999; font-size:.22rem; border-radius: .3rem; padding:0 .2rem; }
.orderListSwiper .swiper-slide ul li .order_No span.order_state2{ background:#4e355d; color:#fff }
.orderListSwiper .swiper-slide ul li .order_No span.order_state3{ background:#cb970a; color:#fff }
.orderListSwiper .swiper-slide ul li .order_No span.order_state4{ background:none; color:#dbdada;border:solid 1px #afafaf; }
.orderListSwiper .swiper-slide ul li .order_imgs{ display:flex; align-items:flex-start; justify-content:flex-start; padding:.1rem .2rem .2rem; background:#f2f2f2 }
.orderListSwiper .swiper-slide ul li .info{ height: 100%; flex: 1; padding:.2rem 0 0 .2rem; font-size:.22rem }
.orderListSwiper .swiper-slide ul li .order_imgs .img{ margin:.1rem .1rem 0 0; width:33% }
.orderListSwiper .swiper-slide ul li .order_imgs .img:nth-of-type(3n){ margin-right: 0 }
.orderListSwiper .swiper-slide ul li .order_column{display:flex; align-items: center; justify-content: space-between; padding:.1rem .2rem; font-size:.22rem; color: #333}  
.orderListSwiper .swiper-slide ul li .order_column .order_date{color:#666666;}
.orderListSwiper .swiper-slide ul li  .order_span span{color:#4e355d; font-weight:bold;}
.orderListSwiper .swiper-slide ul li .order_btns{display:flex; align-items: center; justify-content:center; padding:.1rem 0; font-size:.22rem; border-top:solid 1px #eaeaea;}
.orderListSwiper .swiper-slide ul li .order_btns a{ display: inline-block; border:solid 1px #333; font-size: .22rem;  border-radius: .3rem; width:1.5rem; text-align: center; margin: 0 .2rem; padding:.05rem 0; color:#333; letter-spacing: 2px }

/*订单支付*/
.orderPay .org{color:red;}
.orderPay{padding:1.7rem 0 0.7rem 0;}
.orderHeader{ width:6.4rem; height: 1.6rem; position: fixed;z-index: 100; top: 0; left:0; right: 0; margin:0 auto; background: #fff }
.orderHeader .orderHd_title{ display: flex; align-items: center; justify-content: space-between; background:#f2f2f2 ;padding:.13rem .1rem; color:#333 }
.orderHeader .orderHd_title a.back{ display:inline-block; width: .40rem; height: .40rem; text-align: center;padding-right:0; position: relative; padding-right:0 }
.orderHeader .orderHd_title a.back:after {content: " "; display: inline-block; height:.2rem; width:.2rem; border-width: .02rem .02rem 0 0;  border-color: #333333;border-style: solid; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: absolute; top: 50%; margin-top: -.1rem; right:0rem; transform:rotate(-135deg)}
.orderHeader .orderHd_title a.back img{ width:.22rem; display:none }
.orderHeader .orderHd_title h4{ flex:1; text-align: center; font-size: .24rem; color:#333; margin-left:-.4rem }
.orderHd_ctn{ padding:.1rem .2rem; }
.orderHd_ctn .orderHd_ON{font-size:.26rem; color: #333}
.orderHd_ctn p{ font-size: .22rem; }
.order_list{  }
.order_list li{ background:#fff;margin-bottom: .15rem;  }
.order_list li .orderItem{display: flex; justify-content: space-between; padding:.15rem;}
.order_list li .orderImg{width:1.3rem; height: 1.3rem; overflow: hidden;}
.order_list li .orderInfo{ flex: 1; padding-left:.2rem; }
.order_list li .orderInfo h2{font-size:.24rem;}
.order_list li .orderInfo p{font-size:.2rem; line-height:.28rem;}
.order_list li .order_price{ display: flex; align-items: center; justify-content: space-between; margin-top: .051rem ; font-size: .24rem}
.ChildrenInfo{ padding:.1rem .2rem; border-top: solid 1px #eaeaea }
.ChildrenInfo h5{ display: inline-block; position: relative; padding-right: .4rem }
.ChildrenInfo h5 span i{transform:rotate(90deg); display: inline-block; margin-left: .2rem}
.ChildrenInfo h5.active span i{transform:rotate(270deg);}
.ChildrenInfo h5 span i.msg-list-arr:after{ right:.03rem; }
.ChildrenInfo h5.active span i.msg-list-arr:after{ right:-.08rem; }
.Slide {display: none;}
.Slide p{font-size: .2rem; line-height: .28rem; }
.orderMain .form_bd dl{ padding:0rem .2rem; margin-bottom: .15rem }
.orderMain .form_bd dl dd span{font-size:.2rem;}
.orderMain .form_bd dl dd input{font-size:.2rem;}
.form_bd dl.payMethod dt h2{font-size:.24rem;}
.form_bd dl.payMethod dt p{font-size:.22rem; color: #333;font-weight: normal;}
.form_bd dl.payMethod dd{ padding:.1rem 0; }
.form_bd dl.payMethod dd.active{background:url(../images/select_g.png) no-repeat right  center; background-size:.6rem auto;}
.form_bd dl.payMethod dd .payImg{width:.6rem;}
.form_bd dl.payMethod dd .tip span{ background:#F90; padding:0rem .2rem; color:#fff; font-size:.24rem; border-radius:.05rem; position:relative; line-height:.4rem}
.form_bd dl.payMethod dd .tip span:after{border-bottom:.2rem solid transparent;  border-right:.2rem solid #F90;
border-top: .2rem solid transparent;  content: "";  position:absolute; width:0; top:0; left:-.17rem; bottom:0; margin:0 auto}
.form_bd dl.payMethod dd p{ flex:1; padding-left: .3rem}
.fixFoot{width:6.4rem; height: .7rem; position:fixed; bottom: 0; left:0; right: 0; margin: 0 auto; z-index:100; display: flex; align-items: center; justify-content:space-between; background:#fff;border-top:solid 1px #f2f2f2}
.fixFoot p{flex:1; padding:0 .2rem; color:red; font-size:.3rem}
.fixFoot .button{background:#4e355d; color:#fff; width: 1.5rem; height: 100%; line-height: .7rem; text-align:center; }
.button_2{background: #4e355d; color:#fff; height:.65rem; line-height:.65rem; text-align:center; font-size:.24rem; position:fixed; bottom:0; left:0; right:0; margin:0 auto; width:6.4rem;}
.PayBox{ padding-top:.7rem;}
.PayBoxIcon{ padding:.5rem; text-align:center}
.PayBoxIcon .icon{ width:2rem; height:2rem; background:#08af61; border-radius:.2rem; padding:.3rem; box-sizing:border-box; margin:0 auto}
.PayBoxIcon p{ font-size:.24rem; margin-top:.1rem;}
.PayBox .payPirce{ display:flex; justify-content:space-between; background:#fff; padding:.2rem .3rem}
.PayBox .payPirce dd{flex:1; text-align:right; color:red}
.PayBtns{ padding:.5rem .8rem;}
.PayBtns li{ margin-bottom:.3rem}
.PayBtns li a{ display:block; text-align:center; padding:.2rem 0; border-radius:.1rem;border:solid 1px #fff; font-size:.24rem;}

.wechat .PayBtns li.pay a{ background:#08af61; border-color:#08af61; color:#fff}
.wechat .PayBtns li.select_pay a{ background:#F6F6F6}

.Alipay .PayBtns li.pay a{ background:#4eb7d5; border-color:#4eb7d5; color:#fff}
.Alipay .PayBtns li.select_pay a{ background:#F6F6F6}
.Alipay .PayBoxIcon .icon{background:#4eb7d5;}

/*报名*/
.signup{ width:3.94rem; margin:0 auto; padding:.5rem 0}
.signup li{ margin-bottom:.35rem}
.footlogo{ width:1.8rem; margin:0 auto; position:absolute; bottom:.8rem; left:0; right:0; margin:0 auto}

/*支付成功*/
.paySuccess .PayBoxIcon .icon{ background:none} 
.paySuccess dl.payPirce { padding:0; background:none}
.paySuccess .payPirce dt{ text-align:right; flex:1} 
.paySuccess .payPirce dd{ text-align:left} 
.paySuccess .PayBtns li a{ border-color:#333; color:#333}

.myclass{ padding-top:.8rem;  }
.myclassTab{ width:6.4rem; height:.8rem; background:#fff; z-index: 1000; border-bottom: solid 1px #ccc; position: fixed; top: 0; left:0; right:0; margin: 0 auto; display: flex; align-items:flex-end; justify-content:space-between; padding:0 .1rem; box-sizing:border-box; }
.myclassTab li{ flex:1; color:#afafaf; text-align: center; height: 100%; line-height:.8rem }
.myclass li.active{color:#a41c23; border-bottom:solid 2px #a41c23}

.myclassBody{padding:0 0 .2rem 0 }
.myclassBody dl{ background:#fff; padding:.15rem; margin-top: .15rem }
.myclassBody dl dt{ display: flex; align-items: center; justify-content: space-between; }
.myclassBody dl dt .name{ display: flex; align-items: center;  flex: 1 }
.myclassBody dl dt .name span{ display: inline-block; margin-right: .2rem; font-size: .28rem  }
.myclassBody dl dt .name b{ font-weight:normal; font-size: .2rem; background:#a41c23; color: #fff; padding:0 .1rem; }
.myclassBody dl dd{ margin-top: .4rem; display: flex; align-items: center; justify-content: space-between; }
.myclassBody dl dd p{ font-size: .24rem; color: #999 }
.myclassBody dl dd .handle{ display: flex; align-items: center; justify-content: center; width:.35rem; flex-direction: column; height: 100%; cursor: pointer; }
.myclassBody dl dd .handle span{ height:.04rem; line-height: 0; font-size: 0; overflow: hidden; background:#666;   margin-top:.05rem; width: 100%; display: block; }

.handlePopup{ width: 6.4rem; margin:0 auto; height: 100%; position: fixed; z-index: 1000; height: 100%; top:0; left: 0; right: 0; display: none; }
.handlePopup .bg{height: 100%; background:rgba(0,0,0,0.5);}
.handlePopup .handleBox{ background:#fff; position: absolute; bottom: 0; left: 0; width: 100%; display: none;}
.handlePopup .handleBox .handlelist{  border-bottom:solid .1rem #999; padding-bottom: .2rem   }
.handlePopup .handleBox .handlelist li{ padding:.2rem; text-align: center; cursor: pointer; }
.handlePopup .handleBox .close{padding:.2rem; text-align: center;} 

/*选择品牌*/
.choosebrand .cb_head{}
.choosebrand .cb_head .logo{ width: 1.8rem; margin: .6rem auto }
.choosebrand .cb_head .title{ background:#f8f8f8; text-align:center;padding:.2rem 0; font-size: .24rem }
.choosebrand .cb_list{ padding:.25rem; }
.choosebrand .cb_list ul li{ border:solid 1px #ccc; border-radius: .1rem; margin-bottom: .2rem }
.choosebrand .cb_list ul li a{ display:flex; padding:.2rem; align-items: center; }
.choosebrand .cb_list ul li a .img{ width: 1.3rem;  }
.choosebrand .cb_list ul li a .info{ flex: 1; padding-left: .2rem  }
.choosebrand .cb_list ul li a .info h2{ font-size: .24rem; font-weight: bold; }
.choosebrand .cb_list ul li a .info p{ font-size: .22rem; color: #999 }
.choosebrand .cb_list .cb_list_a{ display: flex; padding:.6rem; align-items: center; justify-content: space-between; }
.choosebrand .cb_list .iconItem{ background: #b18d65; display: flex; align-items: center; justify-content:center; flex-direction:column; width: 1.6rem; height: 1.6rem; border-radius:50%; margin:0 .2rem; }
.choosebrand .cb_list .iconItem span{ font-size: .8rem; color: #fff; line-height: .8rem; }
.choosebrand .cb_list .iconItem p{ font-size: .24rem; color: #fff; margin-top: .01rem }

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar{width:.06rem;height:.16rem;background-color: #F5F5F5;}  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 .06rem rgba(0,0,0,0.3);border-radius: .1rem;  background-color: #F5F5F5; }  
 /*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb {border-radius:.1rem;-webkit-box-shadow: inset 0 0 .06rem rgba(0,0,0,.3);  background-color: #555;}

.gray img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);  -o-filter: grayscale(100%); filter: grayscale(100%);  filter: gray;}


@media screen and (max-height:960px){


}