html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p,em, img, strong,b, i,dl, dt, dd, ol, ul, li,form, label,table, caption,article, aside, canvas, details,  footer, header, menu, nav, section, time, mark, audio, video, input, select { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;font-family:"微软雅黑";box-sizing: border-box;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);}

.r{border:1px red solid;}
.b{border:1px black solid;}
.block{display:block;}
.none{display:none;}
.tran{-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

@media screen and (max-width:450px){html{font-size:16px;} }
@media screen and (max-width:375px){html{font-size:14px;} }
@media screen and (max-width:350px){html{ font-size:12px; } }
.container{ width: 1200px; margin: 0 auto;}
.navbar-default{border:none;}
i,em{font-style:normal;}
.margin_auto{margin:0 auto;}
.nav_btn{float:left;}
.nav_btn li{margin-right:1rem;}
.nav_btn li a{height:57px;line-height:57px;color:#b8b6cc;font-size:16px;padding:2px 5px;}
.nav_btn li a:hover{color:#fff;}

.navbar-brand{padding-top:5px;}
.collapsed{margin-top:20px;}
.logo_img{margin-top:15px;display:block;}
ul,li,dl,dd,dt{list-style:none;}
a{text-decoration: none;transition: all 0.5s ease-out;}
a:hover{text-decoration: none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover { text-decoration:none;}
.clearfix:after,.clearfix:before{display: table;content: " ";clear: both;}
.type_text{ float: right; position: absolute; right: 0; top: 15px; border: 1px solid #757489; color: #b8b6cc; text-indent: 1em; line-height: 30px; border-radius: 15px; width: 269px; font-size: 13px; height: 30px;}
.type_text input{ width: 200px;}
/*.navbar-default{ position: relative;}*/
.header .container{ position: relative;}
/*#btn_search{ margin-left: 10px;  margin-top: 10px; vertical-align: middle;}
#btn_search{ width: 25px; height: 25px;}*/
.peter_logo_top .banxin_1, .peter_fast_loging .banxin_1{width:1200px!important;}

.f_left{ float: left;}
.f_right{ float: right;}

/*@font-face{
    font-family: myfonts;
    src: url('http://www.longre.com/zt/171114hkhjzt/fonts/syjt.otf');
    src: local('http://www.longre.com/zt/171114hkhjzt/fonts/syjt Regular'),
         local('http://www.longre.com/zt/171114hkhjzt/fonts/syjt'),
         local('../fonts/NotoSansHebrew-Bold.woff') format('woff'),
         local('../fonts/fzjt.ttf') format('truetype'),
         local('../fonts/NotoSansHebrew-Bold.svg#fontName') format('svg');}     
   }*/

/*banner*/
.c_banner{overflow:hidden;width:100%;position: relative;}
.c_banner .banner_img{display:block;position:relative; left:50%; margin-left:-960px; width:1920px;}

.biaodan{position: absolute;bottom:32px; right: 10%; width:100%;}
.form{ float:right;padding:10px 0; background: rgba(255,255,255,1); width: 300px; height: 364px;}
.form h2{color:#000;text-align: center; font-size: 18px; padding: 40px 0 24px; font-weight: 800;}
.form h2 span{font-size:17px; display: block; background: url(/data/static/images/activity/frompbg.png) no-repeat 50% 50%; height: 36px; line-height: 30px;}

.form p{overflow:hidden;width:80%;margin:10px auto 0;height:40px;line-height:40px;box-sizing:content-box;background: #eee; margin-bottom: 10px; border-radius: 5px;}
.form p label{width:30%;float:left;height:40px;line-height:40px;font-weight: normal;text-align: center;font-size:14px;color:#8c8585; display: none;}
.form p input{width:90%;border:none;background:none;height:40px;padding-left: 5px;line-height:40px;color:#8c8585;font-size:14px;  background-color:transparent;}
.form p select{width:98%;border:none;height:40px;padding-left: 5px;line-height:40px;color:#8c8585;font-size:14px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
   background: url(/data/static/images/activity/xl.png) no-repeat right center;
   padding-right: 14px;
}
select::-ms-expand { display: none; }
.form p input.yan{width:27%;float:left;}
.form p a.code{float:right;width:40%;height:40px;line-height:40px;color:#fff; background: #353030; font-size:14px; text-align: center;}
.form a.button{width:80%;display:block;margin:0 auto 20px; background: #ff6e63; border-radius:5px;height:40px;line-height:40px;text-align: center;font-size:16px;color:#fff;}
.form a.button:hover{opacity: .8;}






/*h2.h2before span::before {
    content: " ";
    position: absolute;
    left: 0;
    margin-right: 7px;
    top: 13px;
    width: 19px;
    height: 19px;
    background: url(/data/static/images/activity/ciry.png) no-repeat center center;}
h2.h2before span::after {
    content: " ";
    position: absolute;
    right: 0;
    top: 13px;
    width: 19px;
    height: 19px;
    background: url(/data/static/images/activity/ciry.png) no-repeat center center;}*/


.box_body{ background: url(/data/static/images/activity/body_bg.jpg) no-repeat 50% 0; padding-bottom: 90px;}

.span_y{ background: url(/data/static/images/activity/titre.png) no-repeat center center; height: 70px; display: block; line-height: 70px; text-align: center; color: #890116; padding-left: 30px; font-size: 14px; margin: 48px 0;}

.h2before { text-align: center; margin: 54px 0;}
.bg_ul1{ height: 776px; background-size: 100%; position: relative; display: none;z-index: 9;}
.bg_ul1.bg_ul_1{ background: url(/data/static/images/activity/bg_box1.png) no-repeat 50% 0; background-size: 100%;}
.bg_ul1.bg_ul_2{ background: url(/data/static/images/activity/bg_box2.png) no-repeat 50% 0; background-size: 100%;}
.bg_ul1.bg_ul_3{ background: url(/data/static/images/activity/bg_box3.png) no-repeat 50% 0; background-size: 100%;}
.bg_ul1.bg_ul_4{ background: url(/data/static/images/activity/bg_box4.png) no-repeat 50% 0; background-size: 100%;}
.bg_ul1.block{ display: block;}
.bg_ul1 .yu_ul{position: absolute; top: 50px; right: 325px;}
.bg_ul1 li{ width: 421px; height: 192px; padding: 30px 20px; background: #fff9c9; margin-bottom: 22px;}
.bg_ul1 li h3{ font-size: 18px; font-weight: 800; margin-bottom: 10px;}
.bg_ul1 li h3 a{  background: #4ac0aa; border-radius: 25px; color: #fff; text-align: center; float: right; display: inline-block; width: 100px; height: 34px; line-height: 34px; font-size: 16px;}
.bg_ul1 li p{ margin-bottom: 15px; color: #ff4c4d;font-weight: 800;}
.bg_ul1 li p i{ background: #ff4c4d; height: 36px; width: 122px; line-height: 36px; text-align: center; color: #fff; display: inline-block; margin-right: 10px; float: left;}
.bg_ul1 li p b{ float: left; height: 36px; padding-top: 10px;}
.bg_ul1 li p.p_78 b{ padding-top: 0;}

.more_box{ display: block; width: 239px; height: 54px; line-height: 54px; border-radius: 25px; background: #4ac0aa; text-align: center; color: #fff; font-size: 20px; font-weight: 800; position: absolute; bottom: 120px; right: 50px;}

.bg_huan{ position: relative;}
.more_ding{ display: block; background: url(/data/static/images/activity/yake1.png) no-repeat 50% 50%; background-size: 100%; width: 190px; height: 124px; font-size: 28px; color: #ff4c4d; padding-top: 20px;  padding-left: 10px; position: absolute; right: -190px;
top: 35%;text-align: center;cursor: pointer;}
/*.more_ding:hover+.bg_ul1{ display: block;}*/

/*.bg_div div:first-child:hover+.sbox{display: block;}
.bg_div div:last-child:hover{display: block;}*/

.bg_uk{background: url(/data/static/images/activity/bg_box_ys.png) no-repeat 50% 0; height: 776px; background-size: 100%; position: relative; display: none; padding: 30px; z-index: 2;}
.bg_uk.block {display: block;}
.bg_div{ position: absolute; top: 0; left: 0;  width: 100%; height: 776px;}
/*.bg_div .:hover .bg_ul1{display: block;}*/


.h2_tc h2{ text-align: center; margin-bottom: 28px;}
.bg_huan dl{ width: 357px; height: 576px; box-shadow: 8px 8px 2px #f6c57a; border-radius: 10px; float: left; margin-right: 18px; position: relative;}
.bg_huan dl:last-child{ margin-right: 0;}
.bg_huan dl dt{ width: 357px; overflow: hidden; border-radius: 10px; position: relative;}
.bg_huan dl dt .li_span{ position: absolute; left: 0; top:20px; }
.bg_huan dl dt .li_span span{ display: block;}
.bg_huan dl dd{ padding: 0 15px;}
.bg_huan dl dd h3{ font-size: 22px; font-weight: 800; border-bottom: 1px dashed #696969; padding: 15px 0;}
.p_e p b{ font-size: 38px; color: #ff4c4d;}
.p_e p i{ font-size: 16px; text-decoration: line-through;}
.p_e{ border-bottom: 1px dashed #696969; padding-bottom: 17px;}
.p_e p{ padding: 17px 0 0;}
.p_e p:nth-child(2){ color: #666;}
.p_e p:nth-child(2) img{ position: relative; top: 3px; margin-right: 5px;}


.li_span span{ text-align: center; height: 35px; line-height: 35px; width: 150px; color: #fff; margin-bottom: 5px; display: block;}
.li_span span:nth-child(1){ background: #4ac0aa; }
.li_span span:nth-child(2){ background: #18b0b2; width: 162px;}
.li_span span:nth-child(3){ background: #15a287;}
.p_r { padding: 20px 0;}
.p_r p { color: #ff4c4d; font-size: 16px; margin-bottom: 15px; clear: both;}
.p_r p i{ float: left;}
.p_r p b{ float: left; font-weight: normal;}
.btn_oop{ margin: 0 auto; width: 200px; display: block; position: absolute; bottom: 15px; left: 20%;}
 

/* 老师  */
.bg_laoshi{background: url(/data/static/images/activity/bg_box_ys.png) no-repeat 50% 0; height: 776px; background-size: 100%; position: relative; padding: 30px;}
.bg_laoshi dl{ float: left; background: #fffce3; width: 362px; overflow: hidden; border-radius: 10px; margin-right: 10px;}
.bg_laoshi dl:last-child{ margin-right: 0;}
.bg_laoshi dl h3{ color: #ce041e; font-weight: 800; font-size: 24px; border-bottom: 1px dashed #696969;  padding-bottom: 15px;}
.bg_laoshi dl dt{ overflow: hidden; border-radius: 10px;}
.bg_laoshi dl dd{ padding: 15px; box-sizing: border-box;}
.bg_laoshi dl h3 span{ font-size: 15px; color: #000; display: block; font-weight: normal; margin-top: 10px;}
.bg_laoshi dl dd p{ font-size: 13px; line-height: 25px;}
.bg_laoshi dl dd b{ margin: 10px 0; display: block; font-size: 18px;}

.mtb_2{ margin-bottom:10px;}


.alertbg{position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999999;display:block;}
.yuyue_tan{ position: fixed; top: 25%; width: 474px; padding-bottom: 50px;  z-index: 9999998; background: #fff; border-radius: 20px; text-align: center; left: 50%; margin-left: -250px;}
.cuo_top{ position: absolute; top: -20%; right: -10%; width: 66px; height: 66px;}
.cuo_top:hover{ cursor: pointer;}
.cuo_top img{ display: block;}
.over_hidd{ overflow: hidden; margin-top: -120px; }
.yuyue_tan h2{ font-size: 34px; margin: 35px 0; }
.yuyue_tan p i{ font-size: 32px; color: #333;}
.yuyue_tan .code_img{ width: 2rem; height: 2rem; margin: 30px 0;}
.btn_copy{background: -webkit-linear-gradient(left, #65a1f3 , #3676cb);
background: -o-linear-gradient(left, #65a1f3 , #3676cb);
background: -moz-linear-gradient(left, #65a1f3 , #3676cb);
background: linear-gradient(left, #65a1f3 , #3676cb); font-size: 0.28rem; color: #fff; border-radius: 0.5rem; height: 0.8rem; display: block; line-height: 0.8rem; width: 70%; margin: 0.3rem auto;}

.poer{ position: relative;}


.yuyue_tan  p{overflow:hidden;width:80%;margin:10px auto 0;height:60px;line-height:60px;box-sizing:content-box;background: #eee; margin-bottom: 20px; border-radius: 5px; color: #666; font-size: 26px;}
.yuyue_tan  p input{width:100%;border:none;background:none;height:60px;padding-left: 10px;line-height:40px;color:#8c8585;font-size:22px;  background-color:transparent;}

.yuyue_tan  p input.yan{width:27%;float:left;}
.yuyue_tan  p a.code{float:right;width:40%;height:60px;line-height:60px;color:#fff; background: #353030; font-size:22px; text-align: center;}
.yuyue_tan  a.button{width:245px;display:block;margin:0 auto 20px; background: #ff4d4d; border-radius:50px;height:60px;line-height:60px;text-align: center;font-size:28px;color:#fff;}
.yuyue_tan  a.button:hover{opacity: .8;}

.alert_02 span{ font-size: 42px; color: #ff4d4d; margin: 84px 0; display: block;}

.alert_03 h3{ font-size: 50px; font-weight: 800; color: #ff4d4d; margin: 60px 0 30px; display: block;}
.alert_03 i{ margin-bottom: 50px; display: block; font-size: 28px; color: #787878;}
.line_wenk{ color: #666; font-size: 28px;}

.p_box_cen{ text-align: center; font-size: 16px; color: #ce041e; margin-top: 20px;}


input,button,select,textarea
{
      outline:none;
      /*-webkit-appearance:none;*/
}
textarea
{
     resize:none;
}
input:-webkit-autofill, 
 textarea:-webkit-autofill, 
 select:-webkit-autofill { 
       -webkit-box-shadow: 0 0 0 1000px white inset; 
}
 input[type=text]:focus, input[type=password]:focus, textarea:focus {
      -webkit-box-shadow: 0 0 0 1000px white inset; 
}