/*
@author: name
@update: name (2013-04-13 18:32)
*/
@charset "gb2312";
body{font:14px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px; background:#d3283e;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.pr{ position:relative;}
.abs{position:absolute;}
.ico,.step .con .tit,.course .tab_tit i.bg1,.course .tab_tit i.bg2,.course .tab_tit li.cur i.bg1,.course .tab_tit li.cur i.bg2,.course .tab_con .price_wrap .buy_btn{ background:url("//www.med66.com/images/zhuanti/2017wszgyhj/ico.png") no-repeat;}

/**/
.header_wrap{ width:100%; height:558px; background:url("//www.med66.com/images/zhuanti/2017wszgyhj/header.jpg") no-repeat center top;}
.header{ height:558px;}
.header .logo{ display:block; width:175px; height:55px; font-size:0; line-height:0; left:0; top:0;}
.header .time{ width:313px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff3bd; right:0; top:8px;}
.header .tex01{ left:256px; top:24px;}
.header .tex02{ left:265px; top:86px;}
.header .tex03{ left:311px; top:228px;}
.header .tex04{ left:416px; top:327px;}

/**/
.step_wrap{ width:100%; background:url("//www.med66.com/images/zhuanti/2017wszgyhj/bg06.png") no-repeat center top;}
.tit01{ height:64px; margin:0 0 20px;}
.tit01 h3{ float:left; width:398px; height:50px; line-height:50px; padding-top:14px; font-size:32px; text-align:center; color:#ff4960; font-weight:bold; background:url("//www.med66.com/images/zhuanti/2017wszgyhj/tit01.png") no-repeat;}
.tit02{ height:64px; margin:15px 0 20px;}
.tit02 h3{ float:left; width:231px; height:50px; line-height:50px; padding-top:14px; font-size:32px; text-align:center; color:#ff4960; font-weight:bold; background:url("//www.med66.com/images/zhuanti/2017wszgyhj/tit02.png") no-repeat;}
.tit03{ height:64px; margin:15px 0 20px;}
.tit03 h3{ float:left; width:180px; height:50px; line-height:50px; padding-top:14px; font-size:32px; text-align:center; color:#ff4960; font-weight:bold; background:url("//www.med66.com/images/zhuanti/2017wszgyhj/tit03.png") no-repeat;}


/**/
.step{}
.step .top{ height:19px; background:url("//www.med66.com/images/zhuanti/2017wszgyhj/bg01.png") no-repeat; overflow:hidden;}
.step .con{ background:#fff7e8; padding:24px 0 24px 80px;}
.step .con li{ float:left; _display:inline; width:253px; text-align:center;}
.step .con li.arrow{ width:88px; height:502px; background:url("//www.med66.com/images/zhuanti/2017wszgyhj/arrow.png") no-repeat center center;}
.step .con .tit{ width:160px; height:37px; line-height:37px; font-size:22px; font-weight:bold; color:#fff8dc; background-position:0 -95px; margin:0 auto 6px;}
.step .con p{ height:20px; line-height:20px; font-size:16px; text-align:center; color:#db2d43; white-space:nowrap;}
.step .bottom{ height:9px; background:url("//www.med66.com/images/zhuanti/2017wszgyhj/bg02.png") no-repeat; overflow:hidden;}

/**/
.course{}
.course .con{ padding:0 0 10px 20px; background:#fff7e8;}
.course .tab_tit{ padding:8px 0 0 20px;}
.course .tab_tit li{ float:left; _display:inline; height:40px; line-height:40px; margin:0 50px 10px 0; background:#ff4960; font-size:22px; font-weight:bold; color:#fff8dc; position:relative; cursor:pointer;}
.course .tab_tit i.bg1{ width:20px; height:40px; background-position:0 0; position:absolute; left:-20px; top:0;}
.course .tab_tit i.bg2{ width:20px; height:40px; background-position:-21px 0; position:absolute; right:-20px; top:0;}
.course .tab_tit li.cur{ background:#dc3c50;}
.course .tab_tit li.cur i.bg1{ background-position:-42px 0;}
.course .tab_tit li.cur i.bg2{ background-position:-63px 0;}
.course .tab_tit li.none{ display:none;}
.course .tab_tit .more_btn{ display:block; width:40px; height:40px; background-position:-84px 0; right:20px; top:8px;}
.course .tab_con{ display:none;}
.course .tab_con li{ float:left; _display:inline; width:520px; height:240px; padding-top:18px; background:url("//www.med66.com/images/zhuanti/2017wszgyhj/bg05.png") no-repeat; margin:20px 20px 0 0;}
.course .tab_con .course_name{ width:480px; height:130px; margin:0 auto; text-align:center; padding-top:18px;}
.course .tab_con .course_name .tags{ height:26px; text-align:center;}
.course .tab_con .course_name .tags i{ display:inline-block; height:26px; line-height:26px; font-size:16px; color:#fff8dc; padding:0 18px; background:#da495b; border-radius:50px;}
.course .tab_con .course_name h3{ font-size:60px; font-weight:bold; color:#ffeeac; line-height:70px;}
.course .tab_con .course_name p{ color:#ffeeac; font-size:16px;}
.course .tab_con .course_name.bg1{ background:url("//www.med66.com/images/zhuanti/2017wszgyhj/bg03.jpg") no-repeat;}
.course .tab_con .course_name.bg2{ background:url("//www.med66.com/images/zhuanti/2017wszgyhj/bg04.jpg") no-repeat;}
.course .tab_con .course_name.bg2 .tags i{ background:#7f50c3;}
.course .tab_con .price_wrap{ padding:20px 20px 0 20px;}
.course .tab_con .price_wrap .price{ float:left; font-size:22px; line-height:24px;}
.course .tab_con .price_wrap .price p del{ color:#999; font-weight:normal;}
.course .tab_con .price_wrap .price p{ font-weight:bold; color:#ffa63d;}
.course .tab_con .price_wrap .buy_btn{ display:block; float:right; width:160px; height:48px; line-height:48px; text-align:center; font-size:24px; font-weight:bold; color:#fff; background-position:0 -46px; text-decoration:none;}
.course .top{ height:19px; background:url("//www.med66.com/images/zhuanti/2017wszgyhj/bg01.png") no-repeat; overflow:hidden;}
.course .bottom{ height:9px; background:url("//www.med66.com/images/zhuanti/2017wszgyhj/bg02.png") no-repeat; overflow:hidden;}

/**/
.explain{ margin-bottom:10px;}
.explain .top{ height:19px; background:url("//www.med66.com/images/zhuanti/2017wszgyhj/bg01.png") no-repeat; overflow:hidden;}
.explain .con{ background:#fff7e8; padding:6px 20px;}
.explain .con p{ font-size:16px; line-height:22px; color:#666;}
.explain .bottom{ height:9px; background:url("//www.med66.com/images/zhuanti/2017wszgyhj/bg02.png") no-repeat; overflow:hidden;}

/**/
.footer_wrap{ width:100%; background:#f8f8f8;}

/**/
/*.dialog-mod{ z-index:999999; position:relative; display:none;}*/
.adCeng{ display:none; width:100%;z-index:101;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);position:fixed;top:0;left:0;_position:absolute;_height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))}
.tanchu{ display:none; overflow:hidden; width:600px; text-align:left; background-color:#fff; position:fixed; top:50%; left:50%; margin:-173px 0 0 -300px; z-index:202; -webkit-box-shadow:2px 4px 4px #333; -moz-box-shadow:2px 4px 4px #333; box-shadow:2px 4px 4px #333; border-radius:5px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.tanchu .tc-tit{ height:55px; background-color:#f2f2f2; border-bottom:1px solid #e0e0e0; position:relative;}
.tanchu .tc-tit h5{ padding-left:48px; line-height:54px; font-size:16px; background:url(/images/pro2018/hushi/icoTit.png) no-repeat 25px 20px;}
.tanchu .tc-tit .close{ width:15px; height:15px; position:absolute; top:20px; right:16px;background:url(/images/pro2018/hushi/close.png) no-repeat; cursor:pointer;}
.tanchu .tc-con{ height:180px; padding:15px 30px 0 30px; font-size:14px; color:#666; line-height:32px; overflow:auto; *position:relative; _width:540px; _overflow-x:hidden;}
.tanchu .tc-con a{ color:#ff702a;}
.tanchu .tc-con .nr01{ _width:412px; line-height:32px; clear:both; padding-left:123px; position:relative;}
.tanchu .tc-con .nr01 .nbt{ position:absolute; top:0; left:0;}
.tanchu .tc-con .on{ display: block;}
.tanchu .btn{ display:block; width:204px; height:42px; background-color:#f87157; line-height:42px; font-size:14px; text-align:center; color:#fff; margin:30px auto; font-weight:bold; cursor:pointer; border-radius:3px;}
.tanchu .btn:hover{ background-color: #f13712;}
.tanchu .btn a{ display:block; width:204px; height:42px; color:#fff; text-decoration:none;}

/**/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}


@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}


.fadeIn2{
    animation-name: fadeIn2;
    -webkit-animation-name: fadeIn2;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
}

@keyframes fadeIn2 {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }
    60% {
        transform: scale(1.1);
    }
    80% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn2 {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    60% {
        -webkit-transform: scale(1.1);
    }
    80% {
        -webkit-transform: scale(0.9);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}


@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

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

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

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

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

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

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

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

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}