/*
@author: name
@update: name (2020-01-15)
*/
@charset "utf-8";
body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#fff;color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;border:0;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{text-decoration:none;outline:none;}
textarea{resize:none}
input[type="text"],input[type="password"],select,textarea,button,input[type="button"],input[type="reset"],input[type="submit"]{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.wrap{min-width:320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative; background: #fbc281;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ggtit{ position: absolute; top: -0.973rem; left: 50%; margin-left: -3.813rem; width: 7.627rem; height: 1.227rem; line-height: 1.093rem; text-align: center; font-size: 0.48rem; font-weight: 700; color: #ffecd5; background:url(/images/zhuanti/15znq/tit_01.png) no-repeat; background-size: 100% auto;}
.ggsubtit{ line-height: 0.693rem; text-align: center; font-size: 0.32rem; color: #f66354; margin-bottom: 0.213rem;}

/*页头*/
.header{ overflow: hidden; z-index: 1; height: 8.467rem;}
.header .logo{ z-index: 1; top: 0.36rem; left: 0.667rem; width: 2.547rem; height: 0.667rem;}
.header .hua01{ z-index: 2; top: 1.707rem; left: -0.427rem; width: 3rem; height: 3rem; background:url(/images/zhuanti/15znq/hua_01.png) no-repeat; background-size: 100% auto; -webkit-animation:pulse 4s 0.1s infinite both; animation:pulse 4s 0.1s infinite both;}
.header .hua02{ z-index: 2; top: 0.773rem; left: 3.16rem; width: 1.467rem; height: 1.467rem; background:url(/images/zhuanti/15znq/hua_02.png) no-repeat; background-size: 100% auto; -webkit-animation:pulse 3s 0.1s infinite both; animation:pulse 3s 0.1s infinite both;}
.header .hua03{ z-index: 2; top: 2.227rem; right: 0.493rem; width: 1.893rem; height: 1.893rem; background:url(/images/zhuanti/15znq/hua_03.png) no-repeat; background-size: 100% auto; -webkit-animation:pulse 3s 0.3s infinite both; animation:pulse 3s 0.3s infinite both;}
.header .yun01{ z-index: 3; top: 6.613rem; right: 1.16rem; width: 1.893rem; height: 1.893rem; background:url(/images/zhuanti/15znq/yun_01.png) no-repeat; background-size: 100% auto; -webkit-animation:clouds2 40s 0.1s infinite linear; animation:clouds2 40s 0.1s infinite linear;}

/*名师告白*/
.teaConfession{ background:url(/images/zhuanti/15znq/bg_02.jpg) no-repeat center top; background-size: 100% auto; padding: 1.067rem 0.267rem 0;}
.teaConfession .tbg{ height: 0.4rem; background:url(/images/zhuanti/15znq/zn_01.png) no-repeat; background-size: 100% auto;}
.teaConfession .bbg{ height: 0.467rem; background:url(/images/zhuanti/15znq/zn_03.png) no-repeat; background-size: 100% auto;}
.teaConfession .cbox{ position: relative; padding: 0.32rem 0 0.133rem; background:url(/images/zhuanti/15znq/zn_02.png) repeat-y; background-size: 100% auto;}
.teaConfession .cbox .tvideo{ width: 8.133rem; height: 5.067rem; margin: 0 auto 0.4rem; padding: 0.2rem; background: #f3a354; border-radius: 0.107rem;}
.teaConfession .cbox .tvideo img{ width: 8.133rem; height: 5.067rem;}
.teaConfession .cbox .bcon{ padding: 0.293rem 0.267rem 0.173rem; background: #fff7ee; border-radius: 0.107rem; margin: 0 0.293rem 0.4rem; -webkit-box-shadow:0 0.04rem 0.093rem rgba(247, 184, 138, 0.35); -moz-box-shadow:0 0.04rem 0.093rem rgba(247, 184, 138, 0.35); box-shadow:0 0.04rem 0.093rem rgba(247, 184, 138, 0.35);}
.teaConfession .cbox .bcon .rtit{ height: 0.56rem; line-height: 0.56rem; font-size: 0.427rem; font-weight: 700; color: #e32c51; text-align: center; margin-bottom: 0.227rem; background:url(/images/zhuanti/15znq/tit_02.png) no-repeat center; background-size: 3.2rem auto;}
.teaConfession .cbox .bcon .swiper-container{ height: 2.6rem;}
.teaConfession .cbox .bcon .swiper-slide{ clear: both; position: relative; overflow: hidden; width: 100%; height: auto!important; padding-bottom: 0.227rem;}
.teaConfession .cbox .bcon .swiper-slide span{ position: absolute; left: 0; top: 0; width: 1.733rem; height: 0.48rem; font-size: 0.347rem; color: #ff6a18; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.teaConfession .cbox .bcon .swiper-slide p{ padding-left: 1.733rem; line-height: 0.48rem; font-size: 0.347rem; color: #666;}
.teaConfession .cbox .giveBlessing{ border: 0.027rem solid #fbbd75; background: #fff; border-radius: 0.067rem; margin: 0 0.293rem;}
.teaConfession .cbox .giveBlessing .iptxt{ width: 6.3rem; height: 1.44rem; border: 0; line-height: 1.44rem; font-size: 0.32rem; color: #666; margin: 0.067rem 0 0 0.267rem;}
.teaConfession .cbox .giveBlessing .btnszf{ width: 1.893rem; height: 1.573rem; line-height: 1.573rem; font-size: 0.373rem; color: #fff; text-align: center; font-weight: 700; background:url(/images/zhuanti/15znq/zn_12.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.teaConfession .cbox .giveBlessing .noLogin-bg{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1.573rem; z-index: 9;}
.teaConfession .cbox .giveBlessing .double-bg{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 1.573rem; z-index: 8;}

/*视频弹框*/
#mask{background:#000;opacity:.6;position:fixed;top:0;left:0;width:100%;height:100%;z-index:998;}
.popLayer{height:6rem;position:fixed;top:50%;left:0;width:100%;z-index:999;margin-top:-3rem;}
.popLayer video{width:100%;display:block;}
.popLayer .close{background:url(//m.med66.com/images/project/2018hushi/close.png) no-repeat;background-size:100%;height:1rem;width:100%; margin-top:.4rem;}

/*关键词*/
.keyWord{ padding: 1.067rem 0.267rem 0;}
.keyWord .tbg{ height: 0.4rem; background:url(/images/zhuanti/15znq/zn_01.png) no-repeat; background-size: 100% auto;}
.keyWord .bbg{ height: 0.467rem; background:url(/images/zhuanti/15znq/zn_03.png) no-repeat; background-size: 100% auto;}
.keyWord .cbox{ position: relative; padding: 0.32rem 0 0.133rem; background:url(/images/zhuanti/15znq/zn_02.png) repeat-y; background-size: 100% auto;}
.keyWord .cbox .tewm{ position: relative; width: 9.413rem; height: 3.627rem; background:url(/images/zhuanti/15znq/zn_05.png) no-repeat; background-size: 100% auto; margin: 0 auto 0.093rem;}
.keyWord .cbox .tewm-pic{ position: absolute; top: 0.187rem; left: 1.413rem; width: 2.933rem; height: 2.933rem;}
.keyWord .cbox .tewm-txt{ position: absolute; top: 0.68rem; right: 0.947rem; width: 3.4rem; line-height: 0.533rem; font-size: 0.373rem; text-align: center;}
.keyWord .cbox .btxt{ padding: 0 0.533rem;}
.keyWord .cbox .btxt-tit{ line-height: 0.88rem; font-size: 0.4rem; font-weight: 700;}
.keyWord .cbox .btxt-txt{ line-height: 0.667rem; font-size: 0.347rem;}

/*课程*/
.courseBox{ padding: 1.067rem 0.267rem 0;}
.courseBox .tbg{ height: 0.4rem; background:url(/images/zhuanti/15znq/zn_01.png) no-repeat; background-size: 100% auto;}
.courseBox .bbg{ height: 0.467rem; background:url(/images/zhuanti/15znq/zn_03.png) no-repeat; background-size: 100% auto;}
.courseBox .cbox{ position: relative; padding: 0.32rem 0 0.133rem; background:url(/images/zhuanti/15znq/zn_02.png) repeat-y; background-size: 100% auto;}
.courseBox .cbox ul{}
.courseBox .cbox ul li{ float: left; width: 4.387rem; height: 2.933rem; margin: 0 0 0.293rem 0.213rem;}
.courseBox .cbox ul li .ttit{ display: block; line-height: 0.747rem; text-align: center; font-size: 0.427rem; color: #d20c34; font-weight: 700; padding-top: 0.4rem;}
.courseBox .cbox ul li .ctxt{ display: block; width: 3.253rem; height: 0.48rem; font-size: 0.32rem; color: #fff1bb; line-height: 0.48rem; text-align: center; margin: 0 auto 0.427rem; background: #fd9947; border-radius: 0.067rem; -webkit-text-shadow:0 0.04rem 0.067rem #fa813b; -moz-text-shadow:0 0.04rem 0.067rem #fa813b; text-shadow:0 0.04rem 0.067rem #fa813b;}
.courseBox .cbox ul li .qgbtn{ display: block; width: 2.8rem; height: 0.667rem; text-align: center; line-height: 0.667rem; font-size: 0.347rem; color: #d20c34; font-weight: 700; border-radius: 0.333rem; margin: 0 auto; -webkit-box-shadow:0 0.067rem 0.067rem rgba(189, 4, 15, 0.5); -moz-box-shadow:0 0.067rem 0.067rem rgba(189, 4, 15, 0.5); box-shadow:0 0.067rem 0.067rem rgba(189, 4, 15, 0.5);
    background: -webkit-linear-gradient(top, #ffe6a1, #ffc24c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ffe6a1, #ffc24c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ffe6a1, #ffc24c); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ffe6a1, #ffc24c); /* 标准的语法 */}
.courseBox .cbox ul li.bg01{ background:url(/images/zhuanti/15znq/zn_06.png) no-repeat; background-size: 100% auto;}
.courseBox .cbox ul li.bg02{ background:url(/images/zhuanti/15znq/zn_07.png) no-repeat; background-size: 100% auto;}
.courseBox .cbox ul li.bg03{ background:url(/images/zhuanti/15znq/zn_08.png) no-repeat; background-size: 100% auto;}

/*榜样力量*/
.example{ padding: 1.067rem 0.267rem 0.2rem;}
.example .tbg{ height: 0.4rem; background:url(/images/zhuanti/15znq/zn_01.png) no-repeat; background-size: 100% auto;}
.example .bbg{ height: 0.467rem; background:url(/images/zhuanti/15znq/zn_03.png) no-repeat; background-size: 100% auto;}
.example .cbox{ position: relative; padding: 0.32rem 0 0.133rem; background:url(/images/zhuanti/15znq/zn_02.png) repeat-y; background-size: 100% auto;}
.example .cbox .phone{ position: relative; width: 7.6rem; height: 7.973rem; margin: 0 auto;}
.example .cbox .phone .swiper-container{ width: 4.747rem; height: 7.973rem; -webkit-box-shadow:0 0.04rem 0.173rem rgba(121, 85, 43, 0.43); -moz-box-shadow:0 0.04rem 0.173rem rgba(121, 85, 43, 0.43); box-shadow:0 0.04rem 0.173rem rgba(121, 85, 43, 0.43);}
.example .cbox .phone .swiper-slide{ width: 4.747rem; height: 7.973rem;}
.example .cbox .phone .swiper-slide img{ display: block; width: 4.747rem; height: 7.973rem;}
.example .cbox .phone .arrow-left{ position: absolute; left: 0; top: 3.333rem; width: 0.44rem; height: 0.813rem; background:url(/images/zhuanti/15znq/zn_10.png) no-repeat; background-size: 100% auto;}
.example .cbox .phone .arrow-right{ position: absolute; right: 0; top: 3.333rem; width: 0.44rem; height: 0.813rem; background:url(/images/zhuanti/15znq/zn_11.png) no-repeat; background-size: 100% auto;}

/*携手15年*/
.hand15{ background:url(/images/zhuanti/15znq/bg_03.jpg) no-repeat center top; background-size: 100% auto; height: 7.947rem;}
.hand15 .ttit{ padding: 1.28rem 0 0.293rem 0.587rem; line-height: 0.64rem; font-size: 0.453rem; color: #fff; font-weight: 700;}
.hand15 .ewm{ width: 3.92rem; padding: 0.133rem 0; background: #af132d; margin-left: 0.587rem;}
.hand15 .ewm-pic{ width: 2.853rem; height: 2.853rem; margin-left: 0.133rem;}
.hand15 .ewm-txt{ width: 0.347rem; line-height: 0.4rem; font-size: 0.347rem; color: #fff; padding: 0 0 0 0.293rem;}

/*底部浮动*/
.floatBot{ position: fixed; left: 0; bottom: 0; z-index: 70; width: 100%; height: 1.2rem;}
.floatBot .lbtn{ display: block; width: 50%; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: 0.4rem; color: #af132d;
    background: -webkit-linear-gradient(left, #ffbb4e, #ffc848); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffbb4e, #ffc848); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffbb4e, #ffc848); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffbb4e, #ffc848); /* 标准的语法 */}
.floatBot .rbtn{ display: block; width: 50%; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: 0.4rem; color: #fff;
    background: -webkit-linear-gradient(left, #ff6c4f, #ff3874); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff6c4f, #ff3874); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff6c4f, #ff3874); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff6c4f, #ff3874); /* 标准的语法 */}







@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes clouds2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50%{
        -webkit-transform: translate3d(-200%, 0, 0);
        transform: translate3d(-200%, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes clouds2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50%{
        -webkit-transform: translate3d(-200%, 0, 0);
        transform: translate3d(-200%, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.clouds2 {
    -webkit-animation-name: clouds2;
    animation-name: clouds2
}