@charset "utf-8";
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {background:#FFF;color:#4a4f5a;font: 400 14px/1.5 "微软雅黑",Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
article,aside,footer,header,nav,section,audio,canvas,video,img {display: block;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
button{outline:0;border:none;}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
textarea {resize: none;}
iframe,img {border:0;}
img{display:block;width:100%;}
ul,ol {list-style:none;}
input,select,textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clear{clear: both}
.clearfix{*zoom:1;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;position:relative;background:#141228}

/*动画组*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

/*自定义样式*/
.msf{font-family:Microsoft Yahei}
.pub_layout{padding:0 .4rem;margin-bottom: .4rem;background:#fff}
.pub_height{height:.27rem;background:#f6f2f1}
.pub_line{height:0;overflow:hidden;border-top:1px solid #e6e9eb}
.font_s60{font-size:.8rem}
.font_s48{font-size:.64rem}
.font_s42{font-size:.56rem}
.font_s40{font-size:.53rem}
.font_s38{font-size:.506rem}
.font_s36{font-size:.48rem}
.font_s34{font-size:.45rem}
.font_s32{font-size:.426rem}
.font_s30{font-size:.4rem}
.font_s28{font-size:.37rem}
.font_s26{font-size:.346rem}
.font_s24{font-size:.32rem}
.font_s22{font-size:.28rem}
/*banner*/
.banner .logo{width:3.1rem;top:.3rem;left:.26rem}
.banner p{color:#fdfdfd;font-weight:800;opacity:.2}
.banner p span{display:block}
.banner p.p01{top:1.3rem;left:.6rem}
.banner p.p02{top:5rem;left:.6rem}
.banner p.p03{top:.8rem;right:.5rem}
.banner p.p04{top:4.6rem;right:.6rem}
.banner .sec01{top:6.3rem;left:0;margin:0 .3rem}
.banner .sec02{top:7.3rem;left:0;height:1.6rem;padding:.24rem .6rem 0;background:url(/images/zhuanti/2016fdkcqklb/ban_bg01.png) no-repeat 0 0;background-size:100%;color:#fff;text-indent:.346rem}
/*优惠*/
.youhui{}
.youhui_to{color:#fff;top:1.6rem;left:3.7rem}
.youhui_to span{color:#fcf94b;margin:0 0 0 .5rem}
.youhui_bo{top:4.25rem;left:.84rem}
.youhui_bo ul li{color:#fff;line-height:.68rem}
.youhui_bo ul li span{color:#fcf94b}
.youhui_bo .ul01{width:2.66rem}
.youhui_bo .ul02{width:4rem}
.youhui_bo .ul03{width:2rem}
/*快速购课入口*/
.kuaisu{height:1.5rem;padding:0 .34rem .8rem}
.kuaisu a{display:block;height:1.5rem;padding-top:.1rem;background:#e16e11;border-bottom:.14rem solid #b55a11;border-radius:5px;color:#fff;font-weight:bold}
.kuaisu a .sp01{display:block;text-align:center;margin:0 1rem 0 0}
.kuaisu a .sp01 em{color:#fbf94b;font-weight:bold}
.kuaisu a img{width:.64rem;top:.8rem;right:.6rem}
/*底部*/
.b_footer_to{padding:.1rem 1.8rem 0}
.b_footer_to section{width:50%}
.b_footer_to section a{display:block;width:1.5rem;text-align:center;margin:0 auto;color:#636363;font-size:.37rem}
.b_footer_to section a.on{color:#0075c1}
.b_footer_to section a img{display:block;width:1rem;margin:.1rem auto}
.b_footer_bo{color:#909090;text-align:center;padding:.4rem 0;font-size:.32rem}
.bot_nav{height:1.5rem;background:#fafafa;width:100%;position:fixed;bottom:0;left:0}
.bot_nav a{display:block;height:1.25rem;padding-top:.25rem;width:25%;font-size:.32rem}
.bot_nav a img{width:.6rem;margin:0 auto}
.bot_nav a span{display:block;text-align:center;color:#666;line-height:.66rem}
.bot_nav a.on span{color:#0075c1}