html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {



	margin: 0;



	padding: 0;



	border: 0;



	outline: 0;



	font-size: 100%;



	vertical-align: baseline;



	font-weight: normal;




}

body {font: 14px/1.5 pingFangSC-Regular, arial, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;color:#333; background:#f5f5f5; overflow-x:hidden;}

u{ text-decoration:none;}

nav, ul {list-style: none}

a,a:link,a:visited,a:focus{

	  text-decoration:none;
      color: #333;
  }

/*header top开始*/

.header_top{width:100%; height:40px; background:#F5F5F5;}

.header_top_1200{width:1200px; margin:0 auto; height:40px;}

.header_top_left{width:234px; height:40px; float:left;}

.cur_school{width:64px; height:24px; border-radius:12px; background:#000; margin-top:8px; float:left;}

.cur_school p{font-size:14px; color:#fff; text-align:center; line-height:24px;}

.tony_school{width:166px; height:24px; font-size:14px; color:#B9B9B9; float:left; line-height:24px; margin-top:8px;}

.header_top_right{width:64px; height:40px; float:left; margin-left:686px;}/*4.11*/

.child_school_name{width:152px; height:40px; float:left;}

.address_div{ width: 14px;
    height: 32px;
    float: left;
    background: url(/img/dtpng.png) no-repeat;
    background-position: 0px -209px;
    overflow: hidden;}

.child_school_name1{width:132px; height:40px; float:left;}



.bj_school_name{width:61px; height:40px; float:left;}

.bj_school_name p{font-size:12px; color:#f33; line-height:40px; text-align:center;}

.cd_school_name{width:61px; height:40px; float:left; margin-left:2px;}

.cd_school_name p{font-size:12px; color:#f33; line-height:40px; text-align:center;}



.bj_school_name p a{color:#f33;}

.cd_school_name p a{color:#f33;}




.zdd_div{width:auto; height:40px; float:left; margin-left:0px;}/*4.11*/
.reg_div{width:32px; height:40px; float:left; margin-left:6px;}
.reg_div p{font-size:14px; color:#B9B9B9; text-align:center; line-height:40px;}
.login_div{width:32px; height:40px; float:left; margin-left:14px;}
.login_div p{font-size:14px; color:#B9B9B9; text-align:center; line-height:40px;}
.tel_div{width:278px; height:40px; float:right; margin-left:8px;}/*4.11*/
.tel_div p{font-size:14px; color:#B9B9B9; text-align:right; line-height:40px;}
/*header top结束*/
.login_div{width:146px; height:80px; float: left; margin-top: 20px; margin-left: 26px; position: absolute; right:-124px;}
.login_div p{font-size:14px; color:#B9B9B9; text-align:center; line-height:40px;}
.login_pic{width: 20px; height: 22px; cursor: pointer;}
.login_wx{width:30px; height: 40px; margin-top: 17px; margin-left: 22px; float: left;}
.login_qq{width:30px; height: 40px; margin-top: 17px; margin-left:6px; float: left;}
.login_wx_pic{width: 20px; height: 20px;  margin: 0 auto;cursor: pointer;}
.login_type_font{font-size: 12px;text-align: center; color: #999;line-height:26px;}

.box1 {
  position: absolute;
  right:65px;
  top: 38px;
  width:144px;
  height:74px;
  background: #fff;
  box-shadow: 0px 0px 5px #ccc;
  display: none;
  z-index: 99;
}
.box1:after {
  position: absolute;
  display: inline-block;
  top: -6px;
  left:65px;
  width: 0;
  height: 0px;
  content: '';
  border-style: solid;
  border-width:8px;
  border-color: #fff #fff transparent transparent;
  transform: rotate(315deg);
  box-shadow: 2px -2px 2px #f2f2f2;
}



/*导航开始*/
.nav_100{ width:100%; height:82px; background:#fff; display:block; border-bottom:1px solid #f5f5f5;}
.nav_div{width:1215px; height:122px; margin:0 auto;}
.nav_icon_div{width:150px; height:42px; float:left; margin-top:18px;}
.menu_search_div{width:1010px; height:64px; float:left; margin-left:45px; margin-top:5px;position: relative;}
.menu_start{width:800px; height:28px; float:left; margin-top: 10px;}
.menu  a {display: block;color: #eee;float:left;text-align: center;padding: 0 13px;line-height: 54px;font-size: 16px;-webkit-transition: none;transition: none;text-decoration:none; width:auto; height:28px;}
.menu a h1{ color:#000; font-size:14px; }
.menu h1:hover{color:#f33;}
.search_div{width: 124px;
    height: 30px;
    border: 0px;
    float: left;
    margin-top: 17px;
    position: relative;
    background: #f5f5f5;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;}

.search_con_div{width:56px; height:16px; position:absolute; left:8px; top:8px;}

.search_ys_div{width:56px; height:18px;float:left;}

.search_ys_div h3{font-size:12px; color:#8C8B8B; text-align:center; line-height:18px;}

.search_ss_div{width:56px; height:18px; float:left; margin-left:4px;}

.search_ss_div h3{font-size:12px; color:#8C8B8B; text-align:center; line-height:18px;}



/*.search_ys_div:hover a h3{ background:#f33; color:#fff;}

.search_ss_div:hover a h3{ background:#f33; color:#fff;}*/



.search_icon_div{width: 36px;
    height: 32px;
    float: left;
    margin-top: 17px;
    position: relative;
    background: #f5f5f5;
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px;}

.address_icon_div1{width:24px; height:24px; float:left; top:6px; left:6px; position:absolute;}

.search_icon_div1{position:absolute;margin-top:8px;left:6px;}

.search_text{width:124px; height:30px; border:0px; outline:none; text-indent:1em; background: #f5f5f5;border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;}

.search_icon_div i{color:#bbb; font-size:24px;}

/*.search_icon_div:hover i{color:#fff; font-size:24px; background:#f33;}*/

/*导航结束*/





/*底部开始*/

.footer_100{width:100%; height:246px; background:#000; display:block;}

.footer_1200{width:1200px; height:180px; margin:0 auto;}

.footer_left{width:578px; height:180px; float:left;}

.footer_oneline{width:578px; height:44px; margin-top:26px;}

.footer_logo{width:178px; height:38px; float:left;}

.qgfx_div{width:96px; height:30px; float:left; margin-left:26px;}

.select{border:0px; border-radius:4px; width:96px; height:30px;font-size: 14px;color:#bbb;text-align: center; padding: 0 8%; background:#fff;}

.wechat{width:28px; height:28px; float:left; background:url(../img/wechat.png); background-size:28px 28px; margin-left:52px;}

.ewm_div{width:200; height:200px; position:absolute; top:-176px; left:263px; display:none;}

/*.ewm_div{width:200; height:200px; position:absolute; top:-176px; left:263px; display:none;}*/

.wechat{width: 32px;height: 32px;float: left;background: url(/img/dtpng.png);margin-left: 52px;background-position: -1px 233px;}
.weibo{width: 28px;height: 28px;float: left;background: url(/img/dtpng.png);margin-left: 30px;background-position: 0px 204px;}
.phone{width: 28px;height: 28px;float: left;background: url(/img/dtpng.png);margin-left: 30px;background-position: 0 167px;}
.phone_font_div{width:44px; height:24px; float:left;}

.phone_font_div p{font-size:14px; color:#fff; line-height:42px;}

.footer_twoline{width:578px; height:38px; margin-top:20px;}

.footer_twoline p{font-size:16px; color:#bbb; line-height:38px;}

.footer_threeline{width:578px; height:38px; margin-top:20px;}

.hot_search{width:70px; height:38px; float:left;}

.hot_search p{font-size:12px; font-weight:bold; color:#fff;}

.hot_con_div{width:486px; height:38px; float:left; margin-left:-13px;}

.hot_con_child{width:auto; height:38px; float:left; padding:0 14px; font-size:12px; color:#CECECE;}

.hot_con_child a{color:#CECECE;}

.hot_con_child a:hover{color:#fff;}

.fgx{width:1px; height:158px; background:#BBBBBB; opacity:0.3; float:left; margin-top:26px; margin-left:14px;}

.footer_right{width:546px; height:180px; float:left; margin-top:26px; margin-left:56px;}

.footer_right1{width:88px; height:134px; float:left;}

.footer_right1_title{width:88px; height:24px;}

.footer_right1_title p{font-size:14px; font-weight:bold; color:#F5F5F5;}

.footer_right1_con{width:88px; height:96px; margin-top:16px;}

.footer_right1_child{width:88px; height:14px; margin-top:10px;}

.footer_right1_child h2{font-size:14px; color:#CECECE;}

.footer_right1_child h3{font-size:12px; color:#CECECE;}

.footer_right1_child:hover h2{color:#fff;}

.footer_right1_child:hover h3{color:#fff;}

.footer_right2{width:60px; height:134px; float:left; margin-left:54px;}

.footer_beian{width:1200px; height:24px; margin:0 auto; margin-top:26px;}

.footer_beian p{font-size:12px; color:#CECECE; text-align:center;}

.footer_beian p strong{ font-weight:normal;}



/*底部结束*/







/*品牌故事开始*/

#smallban{width:100%; height:222px;margin-top:40px;background:#e4e4e4; margin-bottom:40px;}

.brand-story {width:1200px;height:222px;margin:0 auto;}

.brand-story ul{margin-left:-40px; padding-top:46px;}

.brand-story ul li {float: left;height: 130px;width: 270px;margin: 0px 0px 0px 40px;}

.brand-story ul li a {position: relative;display: block;height: 100%;width: 100%;overflow: hidden;}

.brand-story ul li a img {height: 100%;width: 100%;}

.brand-story ul li a div {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: rgba(0,0,0,.3);transition-delay: 400ms;transition: 600ms;

}

.brand-story ul li a div h2{position: absolute;left: 50%;top: 50%;height: 32px;width: 128px;margin: -17px 0 0 -75px;padding: 0 10px;text-align: center;line-height: 32px;color: #EEE;transition: 400ms;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;

}

.brand-story ul li a div i {display: block;position: absolute;right: 50%;top: 50%;height: 32px;width: 148px;margin: -17px -75px 0 0;transition: 400ms;border: 1px solid rgba(255,255,255,.3);}

.brand-story ul li a:hover div {background: rgba(0,0,0,.0);}

.brand-story ul li a:hover div h2 {left: -100%;}

.brand-story ul li a:hover div i {right: -100%;}

/*品牌故事结束*/





/*友情链接开始*/

.yq_link_div{width:1212px; height:50px;margin:0 auto; margin-top:20px; margin-bottom:36px;}

.yq_link_font{width:1212px; height:50px; margin-left:12px}

.yq_link_font p{font-size:14px; color:#DBDBDB; line-height:20px; padding-top:16px; margin-left:-12px;}

.yq_link_font p a{color:#DBDBDB;}

.yq_link_font p a:hover{color:#000;}

/*友情链接结束*/

.nav_start_div{ display:none;}

.wap_from{ display:none;}

.wap_footer{ display:none;}

.wap_fxall{ display:none;}

.ad_div img{ width:246px; height:146px;}







/*分享开始*/

.news_list_fx{width:1200px; height:160px; margin:0 auto;  margin-top:42px;}

.news_list_fx1{width:1074px; height:40px; float:left; padding-top:128px;}

.news_list_ewm{width:126px; height:160px; float:left; padding-top:20px;}

.news_list_ewm_pic{width:126px; height:126px;}

.news_list_ewm_font{width:126px; height:20px;}

.news_list_ewm_font p{font-size:12px; color:#bbb; text-align:center;}

.news_list_ewm_font p a{color:#bbb;}

/*分享结束*/





















/*右侧咨询开始*/
@-webkit-keyframes icon-bounce {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes icon-bounce {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}





.right_zx_div{width:46px; height:170px; background:#fff; position:fixed; right:0; bottom:8%; z-index:999; border-radius:8px 0px 0px 8px; box-shadow: 0px 0px 7px 0px rgba(146,146,146,0.1);}

.zx_div1{width:46px; height:28px;}

.zx_div1_img{
	width: 24px;
    height: 24px;
    margin: 0 auto;
    margin-top: 16px;
	-webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
	-webkit-transform-origin: top;
  transform-origin:top;
  -webkit-animation-name: icon-bounce;
    animation-name: icon-bounce;
    animation: icon-bounce 0.8s infinite;
}

.zx_fg{width:46px; height:1px; margin-top:16px;}

.zx_fg1{width:14px; height:1px; border:0px; background:#DBDBDB; margin:0 auto;}


.tel_num{position:relative; width:160px; height:30px; background:#f33; border-radius:4px; top:0;}

.tel_num p{color:#fff; font-size:12px; width:160px; text-align:center; line-height:30px;}

.tel_num p a{ color:#fff;}



.zx_icon1{

  max-width:100%;
 -webkit-transform-origin:top;
  transform-origin:top;
  -webkit-animation-name: icon-bounce;
  animation-name: icon-bounce;
  animation:mymove 120s infinite;
  

}



.qp_tel{width:46px; height:28px; position:relative;}

.zixuntel{width: 22px;
    height: 22px;
    margin: 0 auto;
    margin-top: 16px;
    cursor: pointer;
 }

.red_zxtel{ display:none;}



.arrow_span{ display:block;

    width:0;

    height:0;

    border-width:7px 0 7px 10px;

    border-style:solid;

    border-color:transparent transparent transparent #f33;/*透明 透明 透明 黄*/

    position:absolute;

    top:8px;

    right:-8px;

}
.money_div {width: 46px;height: 28px;margin-top: 0px;position: relative;display: block;}
.red_money{width: 28px;height: 28px;margin: 0 auto;margin-top: 16px;display: block;}
.qpmoney_div{position:absolute; top:0;right:18px; width:200px; display:none;}/*4.11*/
.wap_money_div{display:none;}
.wap_red_money{display:none;}
.qp_div{position:absolute; top:0;right:18px; width:200px; display:none;}/*4.11*/

.red_gotop{display:none;}

.gotop_sum{width:46px; height:28px;}

.gotop_div{width:22px; height:22px; margin:0 auto; margin-top:16px; cursor:pointer;}

/*右侧咨询结束*/

/*4.11*/
.header_login{width: 146px;
    height: 80px;
    float: left;
    margin-top: 20px;
    margin-left: 26px;
    position: absolute;
    right: -124px;
    display: none;}
.member_name{width:52px; height: 50px;}
.member_name p{text-align: center; font-size: 14px; color: #B9B9B9; line-height: 26px;}
.hid_down{width: 100px;
    height: auto;
    display: none;
    position: absolute;
    top: 36px;
    background: #fff;
    z-index: 9;
    left: -40px;
    box-shadow: 0px 0px 5px #ccc;}
.hid_down:after {
  position: absolute;
  display: inline-block;
  top: -4px;
  left:47px;
  width: 0;
  height: 0px;
  content: '';
  border-style: solid;
  border-width:6px;
  border-color: #fff #fff transparent transparent;
  transform: rotate(315deg);
  box-shadow: 2px -2px 2px #f2f2f2;
}

.member_menu{width:100%; height: 26px;}
.member_menu p{font-size: 14px; text-align:center;}
.member_menu p a{color:#B9B9B9;}
.member_menu p a:hover{color:#000;}
.member_menu_hr{width:80%; height: 1px; border: 0px; background: #cccc; margin: 0 auto;}	
.login_btn{width: 60px; height: 26px; border:0px; border-radius: 5px; background: #000; position: absolute; right: 0px; margin-top: 7px;}
.login_btn p{color: #fff; font-size: 14px; text-align: center; line-height: 26px;}	
.login_btn p a{color:#fff;}	
.qq_login {width: 20px;height: 20px;float: left;margin-top: 9px;}
.font_login {width:46px;height: 20px;float: left;margin-top: 10px;text-align: center;}
.font_login a{color:#333;}
.member_login{width:280px; height: 40px; float: left; display: none;}	




.right-to-left2{

	  position:relative;

	  width: auto;

      height: 12px;

	  line-height:12px;

	  margin-left:6px;

  }



.right-to-left2{ color:#b9b9b9;} 

.right-to-left2:hover{ color:#fff;}

.right-to-left2::after{

	  content:'';

	  display:block;

	  width:0;

	  height:1px;

	  position:absolute;

	  left:0;   /*区别就是开始时在右边*/

	  bottom:-6px;

	  background:#fff;

	  transition:all 0.3s ease-in-out;

  }

.right-to-left2:hover::after{width:100%;} 

.wap_db_zx{ display:none;}
.zz_back{opacity: 0.5;filter:alpha(opacity=30);background-color:#000;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100; display: none;}
.img_div{width:18%; height: auto; position:fixed; top: 32%; left: 42%; z-index: 999;display: none;}
.close_div{width:8%;height: auto;position: absolute;bottom: -0.6rem;left:46%;z-index: 999;}
#cnzz_stat_icon_1274889416{display:none;}
.wap_footer_nav{display:none;}
.arrow_span_zc{
	display: block;
    width: 0;
    height: 0;
    /* border-width: 7px 0 7px 10px; */
    border-style: solid;
    border-color: transparent transparent transparent #f33;
    position: absolute;
    top: 4px;
    left: -4px;
    border-right:4px solid #f33;
    border-top: 4px solid transparent;
    border-bottom:4px solid transparent;
}
.zcgift{
	width:58px; height: 18px; float: left; background: #f33; position: relative; margin-top:12px; margin-left:5px; border-radius: 2px;
}
.zcgift p{color: #fff; font-size: 12px; text-align: center; line-height: 18px; -webkit-transform:scale(0.9);}



/*获取课程*/
.modal_cover{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgb(0, 0, 0, 0.4);z-index:99;}
.modal{position: absolute;width: 500px;background:#c5ceca;z-index: 99;height: 511px;/* 水平垂直居中 */left: 50%;top: 50%;transform: translate(-50%,-50%);
/* 超出高度右侧出现垂直滚动条 */overflow:auto;overflow-x:hidden;z-index: 99;} 
.button{ margin: 40px;}
.modal_con{width: 480px; height: 490px; margin: 0 auto; background: #fff; margin-top: 10px;}
.modal_con1{width: 480px; height:490px; margin: 0 auto; background: #fff; margin-top: 10px;display: none;}
.kc_title{width: auto; font-size: 32px; font-weight: bold; color: #5e7770; text-align: center; height: 50px; padding-top: 20px; letter-spacing:6px;}
.kc_title1{width: auto; font-size: 16px;  color: #c5ceca; text-align: center; letter-spacing:8px;}
.modal_form{width:368px; height: 360px; margin: 0 auto;}
.form_name{width: 100%; height: auto; margin-top: 46px;}
.form_name1{width: 100%; height: auto; margin-top: 24px;}
.name_div1{font-size:16px; color:#5e7770}
.name_input{font-size:16px; color:#5e7770; height:30px;}
.input_class{height: 30px; width: 100%; font-size: 16px; border:none; border-bottom: 2px solid #c5ceca; outline: none}
.yzdiv{font-size:16px; color:#5e7770; height: 30px; position: relative;}
.yz_input_class{height: 34px; width: 100%; font-size: 16px; border:none; border-bottom: 2px solid #c5ceca;outline: none}
.yzbtn{width:92px; height: 30px; position:absolute; top:-4px; right: 0px; background:#5e7770; font-size: 14px; color: #fff; text-align: center; line-height: 30px; border:0px;}
.get_now{width: 100%; height:50px; margin-top:40px; background: #5e7770; color: #fff; font-size: 14px; line-height: 50px; text-align: center;}
.error_tip{width:100%; height: 24px; font-size:14px; color: #f00; line-height: 24px;}

.modal_con1_title{font-size:18px; color:#9e9e9e;letter-spacing:0.1em; width: 368px; height: 40px; margin: 0 auto; text-align: center; line-height: 40px;}
.getcode{width: 368px; height:74px; color:#5e7770; font-size:48px; font-weight: bold; text-align: center; margin: 0 auto;letter-spacing: 0.2em; border-bottom:4px solid #e8e6e6; margin-top: 74px;}
.save_tip{width: 368px; height:74px; color:#dbdbdb; font-size:18px; font-weight: bold; text-align: center; margin: 0 auto;letter-spacing: 0.2em; margin-top:4px;}
.freeewm_div{width: 368px; height: auto; margin: 0 auto;}
.freeewm_title{width: 100%; height: 20px; font-size: 16px; margin: 0 auto; color:#97b8af; text-align: center;}
.freeewm_pic{width:142px; height: 160px; margin: 0 auto; margin-top:10px;}
.get_way{width: 322px; height:28px; border-bottom: 1px solid #c5ceca; margin: 0 auto; text-align: center;}
.get_way a{color:#c5ceca; font-size: 16px; letter-spacing: 0.1em}

.freecrouse_bottom{width:100%; height: 242px; position:fixed; z-index: 99; bottom: 0px; cursor: pointer; display:none;}
.free_close1{position: absolute; width: 40px; height: 40px; right: 15px; top:15px;}
.free_close2{position: absolute; width: 40px; height: 40px; right: 15px; top:15px;}
.freecrouse_wap{display:none;}
.getway_div{width: 100%; height: 40px;}
.eyelash_cover{width: 100%;height: 100%; position:fixed; top: 0;left: 0;background-color: rgb(0, 0, 0, 0.4);z-index: 99;display:none;}	
.eyelash_cover_img{width:460px; height:590px; margin: 0 auto; position: relative;}
#eyelash_close{width:37px; height: 37px; position: absolute; top:30%; left:211px;}
.eyelash_small_btn{width: 42px; height: 46px; position: fixed; right: 0px; bottom: 30%; z-index: 999; display:block;}
#eyelash_get{width:460px;position: absolute; top:40%;}
/*获取课程结束*/

.wap_nav_right select {
    border: solid 0px;
	color:#fff;
	position: absolute;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    padding-right: 0.2rem;
    background:url(/img/wap/arrow.png) no-repeat scroll right center/*-webkit-linear-gradient(top,rgba(240,240,240,1), rgba(101,101,101,1))*/;
	background-size: 0.14rem;
	-webkit-appearance:none;
	appearance:none;
	-moz-appearance:none;
	border-radius:4px;
	outline:none;
	height:0.36rem;
	top: 0.08rem;
	left: 0.9rem;
	font-size: 0.18rem;
	
}

.wap_select {
    width: 1.06rem;
    height: 0.31rem;
    font-size: 0.16rem;
    line-height: 0.32rem;
    border-radius: 50px;
    border: 0px;
    background: #333;
    color: #fff;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 6px;
    padding-left: 0.12rem;
}

.wap_footer_info_div{display:none;}

@media only screen and (max-width:1366px){
  .eyelash_small_btn{width: 42px; height: 46px; position: fixed; right: 0px; bottom: 34%; z-index: 999; display:block;}  
  #eyelash_get{top:25%;}
  #eyelash_close{top:20%;}
}




@media only screen and (max-width:767px){
	#menu{margin-top:0.1rem;}
	.img_div {width: 80%; height: auto; position:fixed; top:20%; left: 10%; z-index: 999;}
	
	
	.wap_db_zx{width:100%; height:0.87rem; position:fixed; bottom:0; display:block; background:#fff; display:block; box-shadow:0px -1px 0px -1px rgba(0, 0, 0, 1);}
	.wap_footer_nav{width: 100%;height:1rem;background: #fff;position: fixed;bottom: 0px;display: block;border-top: 1px solid #f7f7f7;}
	.wap_footer_nav p a{color:#333;}
	
	
	.wap_db_zx1{width:100%; height:0.8rem; position:fixed; bottom:0; display:block; background:#000; display:block; box-shadow: 10px 10px 10px 10px #4c4c4c;}
	.wap_footer_nav1{width: 100%;height:1rem;background: #fff;position: fixed;bottom: 0px;display: block;border-top: 1px solid #f7f7f7;}
	.wap_footer_nav1 p a{color:#333;}
	
	
    /*品牌故事开始*/
	#smallban {width:100%;height: auto;margin: 0 auto;background: #fff;display: block; margin-top:0.15rem;}

	.brand-story {width:99%;height:3.58rem;margin:0 auto;}

	.brand-story ul{ margin-left:0px; padding-top:0px;}

	.brand-story ul li {float:left;width:2.782rem; height: 1.34rem; margin:0px; margin-left: 0.25rem; margin-top: 0.3rem;}

    .brand-story ul li a {position: relative;display: block;height: 100%;width: 100%;overflow: hidden; text-align:center;}

    .brand-story ul li a img {width:100%; height:auto;border-radius: 3px;}

    .brand-story ul li a div {left: 0;top: 0;height: 100%;width: 100%;background:rgba(0,0,0,.3);transition-delay:0ms; transition:0ms;}

    .brand-story ul li a div h2{position: absolute;left: 50%;top: 50%;height: 32px;width: 128px;margin: -17px 0 0 -75px;padding: 0 10px; font-size:0.21rem; text-align: center;line-height: 32px;color: #EEE;transition: 400ms;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;

}

    .brand-story ul li a div i {display: block;position: absolute;right: 50%;top: 50%;height: 32px;width: 148px;margin: -17px -75px 0 0;transition: 400ms;}

    .brand-story ul li a:hover div {background: rgba(0,0,0,.0);}

    .brand-story ul li a:hover div h2 {left: -100%;}

    .brand-story ul li a:hover div i {right: -100%;}
	/*品牌故事结束*/

	#cnzz_stat_icon_1274889416{display:none;}
  
	.wap_footer_info_div{width: 100%; height:8.6rem; background: #fff;margin-top: 0.15rem;display: block;}
	.wap_footer_info{width: 100%; height:10rem; background: #000;}
	.wap_footer_info1{width: 92%; height: auto; margin: 0 auto;}
	.wap_footer_info2{width: 100%; height:0.27rem;padding-top:0.3rem;}
	.wap_footer_info_logo{width:1.38rem; height: 0.3rem;float: left;}
	
	.wap_footer_info_area{width: 0.81rem;
    height: auto;
    background: #333;
    float: left;
    border-radius: 32px;
    margin-left: 0.08rem;
    margin-top: 0.015rem;
    font-size: 0.16rem;
    line-height: normal;
    text-align: center;
    color: #fff;
    padding: 1px 0;}
	
	.wap_footer_info_area p{font-size: 0.16rem; line-height: 0.28rem;text-align: center; color: #fff;}
	.wap_footer_info_tel{width:auto; height: 0.27rem; float: right;margin-top: 0.015rem;}
	.wap_footer_info_tel p{font-size: 0.18rem; line-height: 0.27rem;text-align: center; color: #fff;}
	.wap_footer_info_fg{width: 100%; height: 1px; background:#222; margin-top: 0.3rem;}
	.wap_footer_info_fg1{width: 100%; height: 1px; background:#222; margin-top: 0.22rem;}
	.wap_footer_info_left{width:auto; height: 0.27rem;float: left;}
	.wap_footer_info_left p{font-size: 0.18rem; text-align: center; color: #fff;}
	.wap_footer_info_right{width:0.08rem; float: right; margin-top: -0.1rem;}
	
	
	.wap_footer_nav {
    width: 100%;
    height: 0.88rem;
    background: #fff;
    position: fixed;
    z-index: 99;
    bottom: 0px;
    display: block;
}
	
	
	
	.header_top{ display:none;}

	.nav_100{ display:none;}

	

	/*wap头部开始*/

	.nav_start_div {position: fixed;z-index: 999;width: 100%;height: 0.8rem;top: 0;left: 0;background: #000;display: block;}

	.nav__trigger {display:block;position:absolute;width:30px;height:25px;top:10px;z-index:200;}

	.nav__icon {

    display: inline-block;

    position: relative;

    width: 0.3rem;

    height: 2px;

    background-color: #FFFFFF;

    -webkit-transition-property: background-color, -webkit-transform;

    transition-property: background-color, -webkit-transform;

    transition-property: background-color, transform;

    transition-property: background-color, transform, -webkit-transform;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

}

    .nav__icon:before {

    margin-top:-0.1rem;

}

.nav__icon:before, .nav__icon:after {

    content: '';

    display: block;

    width: 0.3rem;

    height: 2px;

    position: absolute;

    background: #FFFFFF;

    -webkit-transition-property: margin, -webkit-transform;

    transition-property: margin, -webkit-transform;

    transition-property: margin, transform;

    transition-property: margin, transform, -webkit-transform;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

}



.nav__icon:after {margin-top: 0.1rem;}

.nav {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 100;

    opacity: 0;

	top:0;

	left:0;

    -webkit-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

}



.nav__list {

    margin: 0;

	padding-top: 0.8rem;

}

.nav__item {

   list-style-type: none;

    text-align: center;

    font-size: 0.28rem;

    margin-top: 0.4rem;

}

.nav__link {

    opacity: 0;

    -webkit-transition-delay: 500ms;

    transition-delay: 500ms;

    font-size: 1.3em;

    text-transform: uppercase;

    text-decoration: none;

    color: #FFFFFF;

    opacity: 1;

    -webkit-transition: opacity 300ms ease-in-out;

    transition: opacity 300ms ease-in-out;

}



.nav--active .nav__link {

  opacity: 1;

}

.nav--active .nav {

  -webkit-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-transform: translateX(0);

          transform: translateX(0);

    opacity: 1;

    background-color: #333;

}

.nav--active .nav__icon {

  background: rgba(0, 0, 0, 0);

}

.nav--active .nav__icon:before {

  margin-top: 0;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

}

.nav--active .nav__icon:after {

  margin-top: 0;

  -webkit-transform: rotate(-45deg);

          transform: rotate(-45deg);

}

   /*wap头部结束*/

   

   /*wap底部开始*/

   .footer_100{display:none;}

   /*wap底部结束*/

    .wap_fgdiv{width:100%; height:0.25rem; background:#f5f5f5; display:block;}

	 .wap_fxall{width:100%; height:0.86rem; background:#fff; margin:0 auto; display:block; margin-top:-0.1rem;}

	.wap_fx{width:96%; height:0.5rem; margin:0 auto; display:block; padding-top:0.3rem;padding-top: 0.2rem;padding-bottom: 0.15rem;}

	.wap_fx_font{width:1.1rem; float:left;}

	.wap_fx_font p{font-size:0.2rem; color:#101010; line-height:0.46rem;}

	.wap_fx_small{width:auto; margin-left:-0.2rem; float:left;}

	.wap_bjfx{width:auto; float:left; padding:0 0.2rem; background:#000; color:#fff; height:0.36rem; border-radius:12px; line-height:0.4rem; font-size:0.2rem;border:1px solid #000;}

	.wap_cdfx{width:auto; float:left; padding:0 0.2rem; border:1px solid #000; color:#000; height:0.36rem; border-radius:12px; line-height:0.4rem;margin-left:0.2rem; font-size:0.2rem;}

	

	.wap_footer{width:100%; background:#000; height:4.2rem; display:block;}

	.wap_footer_logo{width:100%; height:1rem;}

	.wap_footer_logo_pic{width:2.6rem; height:1rem; margin:0 auto; padding-top:0.4rem;}

	.wap_footer_app{width:100%; height:0.5rem; margin-top:0.4rem;}

	.wap_footer_app_icon{width:53%; margin:0 auto; height:0.5rem;}

	.wap_footer_wechat{width:0.45rem; height:0.5rem;float:left;}

	.wap_footer_weibo{width:0.45rem; height:0.5rem;float:left; margin-left:1.02rem;}

	.wap_footer_pc{width:0.45rem; height:0.5rem;float:left; margin-left:1.02rem; padding-top:0.07rem;}

	.wap_address{width:96%;margin:0 auto; margin-top:0.14rem}

	.wap_address p{font-size:0.16rem; color:#CECECE; text-align:center;}

	.wap_beian{width:96%;  margin:0 auto;}

	.wap_beian p{font-size:0.18rem; color:#CECECE; text-align:center;}

	

	.ewm_div1{ width:100%; display:block; top:0px; left:0px; height:auto;}

	.ewm_con_div{ width:2.1rem; margin:0 auto; float:none; margin-top:0.3rem; height:auto;}

    .wap_from {width:96%;margin: 0 auto;display:block;}

	.wap_from p a{ color:#bbb;}

	.brand-story ul li a div i {display: block;position: absolute;right: 50%;top: 50%;height: 32px;width: 148px;margin: -17px -75px 0 0; border:0px; }

	

	
	.money_div{width:0.7rem; height: 0.4rem;}
/*右侧咨询条开始*/
.red_money {
    width:0.44rem;
    height:0.44rem;
    margin: 0 auto;
    margin-top:0.2rem;
    animation-name: icon-bounce;
}
	.wap_money_div {width: 0.7rem;height: 0.4rem;display: block;}
.wap_red_money {width:0.44rem;height:0.44rem;margin: 0 auto;margin-top:0.2rem;display:block;}
.money_div{display:none;}
	
.right_zx_div{display: none;width:0.7rem; height:2.2rem; background:#fff; position:fixed; right:0; bottom:8%; z-index:999; border-radius:8px 0px 0px 8px;}

.zx_div1{width:0.7rem; height:0.3rem; margin-top:0.2rem}

.zx_div1_img{width:0.3rem; height:0.3rem; margin:0 auto; margin-top:0.12rem;  background-position: 0px -0.4rem;}

.zx_fg{width:100%; height:1px; margin-top:0.2rem;}

.zx_fg1{width:0.3rem; height:1px; border:0px; background:#DBDBDB; margin:0 auto;}

.tel_num{ display:none;}

.zx_icon1{
 max-width:100%;
 -webkit-transform-origin:top;
  transform-origin:top;
  -webkit-animation-name: icon-bounce;
  animation-name: icon-bounce;
  animation:mymove 120s infinite;

}


.wap_zixun img{
    margin: 0 auto;
	-webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
	-webkit-transform-origin: top;
  transform-origin:top;
  -webkit-animation-name: icon-bounce;
    animation-name: icon-bounce;
    animation: icon-bounce 0.8s infinite;}	
	
	
	
	

.qp_tel{width:100%; height:0.3rem; position:relative;}

.zixuntel{width:0.3rem; height:0.3rem; margin:0 auto; margin-top:16px; cursor:pointer;}

.red_zxtel{ display:none;}

.arrow_span{ display:block;

    width:0;

    height:0;

    border-width:7px 0 7px 10px;

    border-style:solid;

    border-color:transparent transparent transparent #f33;

    position:absolute;

    top:8px;

    right:-8px;

}

.qp_div{position:absolute; top:0;right:0px; width:200px; display:none;}

.red_gotop{display:none;}

.gotop_div_sum{width:100%; height:0.3rem;}

.gotop_div{width:0.3rem; height:0.3rem; margin:0 auto; margin-top:16px; cursor:pointer;}

/*右侧咨询条结束*/	
	
	
 /*领取课程*/
	.modal{width: 5rem;height:6.96rem;}
	.modal_con{width:93%; height:6.6rem}
	.kc_title{font-size: 0.3rem; height: 0.5rem;}
	.kc_title1{font-size:0.2rem;}
	.modal_form{width:90%; height:5.1rem;}
	.name_div1{font-size: 0.28rem;}
	.input_class{height:0.5rem;}
	.form_name{margin-top:0.4rem;}
	.name_input{height:0.4rem; font-size: 0.2rem;}
	.error_tip{height:0.4rem; line-height: 0.8rem;}
	.form_name1{margin-top: 0.4rem;}
	.get_now{margin-top: 0rem; height: 0.8rem; line-height: 0.8rem;}

	.modal_con1{width:93%; height:7.34rem}
	.modal_con1_title{width:90%; font-size: 0.26rem; padding-top: 0.3rem;}
	.getcode{width: 90%;font-size: 0.6rem;height: 0.8rem;margin-top: 0.2rem; border-bottom: 2px solid #e8e6e6;}
	.save_tip{width: 90%;height: 0.7rem;font-size: 0.28rem;}
	.freeewm_div{width:90%; margin-top: 0.4rem;}
	.get_way{width:90%;}
	.get_way a{font-size: 0.2rem;}
	.free_close1{width:0.4rem;}
	.eyelash_cover{width:100%;height: 100%; position:fixed; top: 0;left: 0;background-color: rgb(0, 0, 0, 0.4);z-index: 99;display:none;}	
	  .eyelash_cover_img{width:4rem; height:7rem; margin: 0 auto; position: relative;}
	  #eyelash_close{width:0.4rem; height: 0.4rem; position: absolute; top:4rem; left:1.7rem;}
	  #eyelash_get{width:4.2rem;position: absolute; top:4.4rem;} 	
	  .eyelash_small_btn{width:0.6rem;bottom:28%; display: none;}
	/*领取课程*/
	
	
	
}

#page nav

{

	display: none;

}



#header,

.header

{

	/*background: #999;*/

	font-size: 16px;

	font-weight: bold;

	color: #fff;

	text-align: center;

	line-height: 40px;

	height: 40px;

}

#header a,

.header a

{

	background: center center no-repeat transparent;

	background-image: url('/img/wap_menu.png');
    background-size: cover;
	display: block;

    width: 0.26rem;

    height: 0.22rem;
	
    position: absolute;
    top: 0.16rem;
    left: 0.16rem;

}

#header a.friends,

.header a.friends

{

	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);

}

#header a.right,

.header a.right

{

	left: auto;

	right: 10px;

}

#content,

.content

{

	padding: 20px;

}