<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, select, textarea, th, td { margin: 0; padding: 0; }
body { margin: 0 auto; overflow-x: hidden;
    background:#645de9 url(../images/bg.jpg) no-repeat center 2rem / 18.5rem auto;
    color:#333; font:.7rem/1.1rem "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif;}
html,body{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
img { border:none; max-width:100%; }
a { color:#333; text-decoration:none;}
a:hover{color: #e4393c;text-decoration:none;}
a,area { blur:expression(this.onFocus=this.blur()); }
ul, li{ list-style:none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}
:focus { outline: none; }

.fl { float:left;} .fr { float:right;}
.clearfix:after {  display: block;  content: '';  clear: both; }
.clearfix { zoom: 1; }
.Width { width:17.25rem; margin:0 auto;}
.btn {
    position:relative; display:block; width:6.825rem; height: 1.65rem; margin:.75rem auto 0;
    background:#665CED; border-radius:1.65rem;
    background: linear-gradient( 90deg, #2CAEFF, #665CED, #665CED, #2CAEFF) repeat-x left / 200% 100%;
    box-shadow: 0 0 20px rgba(98, 116, 255, .6);
    color:#fff; font-size: .75rem; line-height: 1.65rem; text-align: center;
    transition: background-position .2s; }
.btn:hover {
    background-position:100% center;
    color:#fff;  }

/* 通用头部 */
.ht_top {
    width: 100%; height:2rem; overflow: hidden;
    background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x top / auto 100%;
    line-height: 2rem; }
.ht_top h1 {
    float:left;  }
.ht_top h1 a {
    float: left; width:7rem; height:2rem; overflow: hidden;
    background: url(https://www.huatu.com/images/2015css/images/mob_logo.png) no-repeat left / auto 1.3rem;
    text-indent: -100em; }

.banner {
    position:relative; height:13.65rem; padding-top:2rem; }
.banner h3 {
    margin-bottom:.5rem;
    color:#fff; font-size:.75rem; font-weight: 400; line-height:.75rem; text-align: center; }
.banner h2 {
    height:3.575rem;
    background: url(../images/title.png) no-repeat center / contain;
    text-indent:-9999em; overflow: hidden; }
.banner p {
    position:relative; width:6rem; height: 1.7rem;  padding-left:1.25rem; margin:.2rem auto 0;
    font-size:1rem; line-height:1.7rem; }
.banner p span {
    position: absolute; left:-.2rem; top:-.2rem; width:2.1rem; height:2.1rem;
    background: #4F50FD; border-radius: 100%;
    box-shadow: 0 0 1rem rgba(95, 111, 243, .4);
    color:#fff; font-size: .95rem; line-height: 2.1rem; text-align: center; }

.banner .inxTip {
    width: 7.9rem; padding-left:0;
    font-size:.75rem; }
.banner .btn:hover,
.mintitle:hover { background-position:left; }
.banner .pic {
    position: absolute; left:50%; bottom:0;
    width:4.7rem; height:7.875rem; margin-left: 2rem;
    background: url(../images/pic02.png) no-repeat center / contain; }

.title {
    color:#fff; font-size:1.25rem; line-height: 1.5rem; text-align: center; }
.zwrztitle {
    font-size:1rem; }
.title:before,
.title:after {
    content: " "; display: inline-block; width: .75rem; height: 1.5rem; margin-right: .5rem; vertical-align: middle;
    background: url(../images/pic11.png) no-repeat center / contain; }
.title:after {
    margin-right:0; margin-left: .5rem;
    background-image: url(../images/pic12.png); }
.mintitle {
    width:6.275rem; height: 1.78rem;
    box-shadow: 0 0 20px #5450e9;
    font-size:.95rem; font-weight: 400; line-height: 1.78rem; }

.conBox,
.inxDes,
.inxList .des {
    width:15.25rem; padding:1rem; margin: 1.25rem auto 1.75rem;
    background: #fff; border-radius: .4rem;
    box-shadow: inset 0 0 .75rem rgba(212, 236, 255, .9); }
.inxDes span {
    color:#5071d0; font-size: .8rem; }
/* 首页 */
.inxList li {
    margin:1.1rem auto 0; }
.inxList h4 {
    color:#fff; font-size:.95rem; font-weight: 400; line-height: 1rem; text-align: center; }
.inxList h4:before,
.inxList h4:after {
    content: " "; display: inline-block; width: .325rem; height: 1rem; margin:0 .25rem; vertical-align: middle;
    background: url(../images/pic13.png) no-repeat center / contain; }
.inxList p {
    color:#666; }
.inxList p span {
    color:#333; }

.fixNav {
    position: fixed; left:0; bottom: 0; width:100%; z-index: 3;
    background: #544adc; }
.fixNav a {
    display: block; float:left; width: 16.666%; height: 2rem;
    color:#fff; font-size: .6rem; line-height:2rem; text-align: center; }
.fixNav a:hover {
    text-decoration: underline; }
/* 内页 */
.box01 dt {
    color:#5071d0; text-align: justify; }
.box01 dd {
    font-size: .6rem; text-align: justify; }
.box01 p span {
    color:#5071d0; }
.box03 dl {
    position:relative; padding-left:.75rem; padding-bottom:.5rem; }
.box03 dl:last-child {
    padding-bottom: 0; }
.box03 dl:before {
    content:" "; display: block; position: absolute; left:-1px; top:.5rem;
    width:2px; height:100%;
    background: #449AFF;
    box-shadow: 0 0 5px rgba(68, 154, 255, .75); }
.box03 dl:last-child:before{
    display: none; }
.box03 dl:after {
    content:" "; display: block; position: absolute; left:-.25rem; top:.3rem; box-sizing: border-box;
    width:.5rem; height:.5rem;
    border:2px solid #449AFF; border-radius:100%;
    background: #fff;
    box-shadow: 0 0 5px rgba(68, 154, 255, .75); }
.box03 dd {
    color:#666; font-size: .6rem; text-align: justify; }
.box04 {
    width:17.25rem; padding: 0; }
.box04 li {
    padding:.75rem 1rem;
    background: url(../images/pic42.png) no-repeat bottom / 100% auto; }
.box04 li:last-child {
    background: none; }
.box04 .que p {
    float:left; width: 10.25rem;
    font-size: .6rem; line-height: .95rem; text-align: justify; }
.box04 .que span {
    display: block; float:right; width: 4.575rem; height:4.125rem; cursor: pointer;
    background: url(../images/pic41.png) no-repeat center / contain;
    color: #fff; line-height: 4.125rem; text-align: center;
    transition: transform .5s; }
.box04 .que span:hover {
    transform: scale(.9); }
.box04 .ans {
    display:none; margin-top:.5rem;
    color:#666; font-size: .6rem; line-height: .95rem; text-align: justify; }
.box05 a {
    display: block; float: left; width: 3rem; margin-right: 0.45rem;
    text-align: center;
    height:4.75rem;
 }
.box05 a:nth-child(6) { margin-right: 0; }
.box05 i {
    display: block; width: 3rem; height: 3rem; margin-bottom: .5rem;
    background: url(../images/icon01.png) no-repeat center / contain; }
.box05 a:nth-child(2) i { background-image:url(../images/icon02.png); }
.box05 a:nth-child(3) i { background-image:url(../images/icon03.png); }
.box05 a:nth-child(4) i { background-image:url(../images/icon04.png); }
.box05 a:nth-child(5) i { margin-bottom: .5rem; background-image:url(../images/icon05.png); }
.box05 i:hover,
.box05 a.on i { background-image:url(../images/icon01a.png); }
.box05 a:nth-child(2) i:hover,
.box05 a:nth-child(2).on i { background-image:url(../images/icon02a.png); }
.box05 a:nth-child(3) i:hover,
.box05 a:nth-child(3).on i { background-image:url(../images/icon03a.png); }
.box05 a:nth-child(4) i:hover,
.box05 a:nth-child(4).on i { background-image:url(../images/icon04a.png); }
.box05 a:nth-child(5) i:hover,
.box05 a:nth-child(5).on i { background-image:url(../images/icon05a.png); }
.box05 span {
    display: block;
    color:#fff; font-size: .55rem; line-height: .75rem; }
/* 题型分类 */
.box02 {
    padding:1.5rem 1rem 0; }
.box02 li {
    position:relative; float:left; width: 3.25rem; height: 3.25rem; margin: 0 2.1rem 1.5rem .325rem; z-index: 2;
    background: #3D58FE; border-radius: 100%;
    background: linear-gradient( 110deg, #2CAEFF, #3D58FE );
    box-shadow: 0 0 .5rem rgba(55, 115, 254, .6);
    color:#fff; font-size:.65rem; line-height:1.6rem; text-align: center; }
.box02 li:nth-child(3n) {
    margin-right:0; }
.box02 li:nth-child(4) {
    margin-left:3.17rem; }
.box02 li:before {
    content:" "; display: block; width: 3.9rem; height: 3.9rem; box-sizing: border-box;
    position: absolute; top:-0.325rem; left:-0.325rem; z-index: 1;
    border:1px dashed #42ACFF; border-radius: 100%; }
.box02 li span {
    display: block; width: 1rem; height: 1rem; margin: 0 auto;
    background: #209EFF; border-radius: 100%;
    background: linear-gradient( 110deg, #66C3FD, #209EFF );
    font-size: .7rem; line-height:1rem; }
.box02 li p {
    display:inline-block;
    line-height:.7rem; vertical-align: middle; }
.box02 li:nth-child(2) {
    background: #6CEAAA;
    background: linear-gradient( 110deg, #6CEAAA, #00BE85 );
    box-shadow: 0 0 .5rem rgba(119, 209, 162, .6); }
.box02 li:nth-child(2):before {
    border-color:#01E1AA; }
.box02 li:nth-child(2) span {
    background: #5BDC9E;
    background: linear-gradient( 110deg, #7FEDB8, #25C279 ); }
.box02 li:nth-child(3) {
    background: #0082E6;
    background: linear-gradient( 110deg, #68CCFF, #0082E6 );
    box-shadow: 0 0 .5rem rgba(127, 209, 255, .6); }
.box02 li:nth-child(3):before {
    border-color:#27B5FF; }
.box02 li:nth-child(3) span {
    background: #74CAFF;
    background: linear-gradient( 110deg, #74CAFF, #0591FD ); }
.box02 li:nth-child(4) {
    background: #FF7200;
    background: linear-gradient( 110deg, #FFB361, #FF7200 );
    box-shadow: 0 0 .5rem rgba(252, 180, 106, .6); }
.box02 li:nth-child(4):before {
    border-color:#FF7504; }
.box02 li:nth-child(4) span {
    background: #FEBC77;
    background: linear-gradient( 110deg, #FEBC77, #FD892B ); }
.box02 li:nth-child(5) {
    background: #682DEF;
    background: linear-gradient( 110deg, #A279FF, #682DEF );
    box-shadow: 0 0 .5rem rgba(148, 100, 255, .6); }
.box02 li:nth-child(5):before {
    border-color:#7943F4; }
.box02 li:nth-child(5) span {
    background: #AD89FF;
    background: linear-gradient( 110deg, #AD89FF, #8A57FF ); }
.box02 li:nth-child(6) {
    background: #3E11FF;
    background: linear-gradient( 110deg, #8484FE, #3E11FF );
    box-shadow: 0 0 .5rem rgba(148, 100, 255, .6); }
.box02 li:nth-child(6):before {
    border-color:#7943F4; }
.box02 li:nth-child(6) span {
    background: #635BFF;
    background: linear-gradient( 110deg, #635BFF, #634EFF ); }
/* 题型分类 - 情景应变 */
.qjyb02 li,
.qjyb02 li:nth-child(3n),
.qjyb02 li:nth-child(4) {
    margin:0 2.18rem 1.5rem; }
/* 题型分类 - 人际沟通 */
.rjgt02 li:nth-child(4) {
    margin-left:.325rem; }

/* 通用底部 */
.footer {
    clear:both; padding:.75rem 0 2.5rem; margin-top: 1rem;
    background:#333;
    color:#fff; text-align: center;  }
.btn b{
    color:#fcff03;
}

@media only all and ( min-width:1200px){
    body { width:100%; overflow-x: hidden;
        background-image:url(../images/PCbg.jpg);
        background-position:center 40px;
        background-size:auto;
        font-size:24px; line-height: 46px; }
    .Width {  width: 1200px; }
    .onlymob { display:none;}
    .pc,
    .onlypc {  display: block; }
    .btn {
        width:175px; height: 50px; margin:15px auto 0;
        border-radius:50px;
        font-size:16px; line-height: 50px; 
        display: block;
    }
    .des a.btn{
        display: inline-block;
    }


    .ht_top {
        height: 41px; line-height: 41px; }
    .ht_top h1 a {
        width:140px; height: 41px;
        background-size:auto 30px; }
    .ht_top .topnav {
        font-size:12px; }

    .banner {
        height:555px; padding-top:75px; }
    .banner h3 {
        margin-bottom:10px;
        font-size:34px; line-height:36px;}
    .banner h2 {
        height:163px;
        background-image: url(../images/PCtitle.png); }
    .banner p {
        width:260px; height: 68px;  padding-left:50px; margin-top:25px;
        font-size:36px; line-height:68px; }
    .banner p span {
        left:-6px; top:-6px; width:80px; height:80px;
        font-size:38px; line-height:80px; }
    .banner .inxTip {
        width:315px; padding-left:0;
        font-size:30px; }
    .banner .pic {
        width:188px; height:315px; margin-left: 145px; }

    .mintitle {
        width:240px; height:70px;
        font-size:40px; line-height:70px; }

    .conBox,
    .inxDes {
        width:1120px; padding:40px; margin: 50px auto 70px;
        border-radius:15px; }
    .inxDes span { font-size: 32px; }

    /* 首页 */
    .inxList li {
        float:left; width: 48%; margin:1.1rem 1% 0; }
    .inxList li:nth-child(5n) {
        margin-right: 0; }
    .inxList h4 {
        font-size:28px; line-height:30px;}
    .inxList h4:before,
    .inxList h4:after {
        width:10px; height:30px; margin:0 10px;}
    .inxList h4 span { display: none; }
    .inxList .des {
        width:100%; 
        padding:20px; 
        margin:20px auto 70px;
        border-radius:15px;
        font-size: 18px;
         line-height: 34px; 
        box-sizing: border-box;
        padding-bottom: 40px;
    }
    .inxList .des p {
        height: 160px;  
    }

    .fixNav {
        bottom: 20px;
        background:none; }
    .fixNav a {
        width: 176px; height: 60px; margin: 0 12px;
        background:#4D43DB; border-radius: 60px;
        background: linear-gradient( 110deg, #4D43DB, #4438DD);
        box-shadow: 0 0 20px rgba(68, 57, 221, .4);
        color:#fff; font-size:22px; line-height:60px;
        transition:box-shadow .2s; }
    .fixNav a:hover {
        background: #4634DD;
        box-shadow: 0 0 20px rgba(255, 255, 255, .4);
        text-decoration:none; }
    /* 内页 */
    .box04 {
        width:1200px; padding: 0; }
    .box04 li {
        padding:30px 40px; }
    .box04 .que p {
        width:960px;
        font-size: 22px; line-height: 40px; }
    .box04 .que span {
        width:120px; height:120px;
        font-size:18px; line-height: 120px; }
    .box04 .ans {
        margin-top:20px;
        font-size: 20px; line-height: 36px; }
    .box05 {
        width:1200px; 
        text-align: center;
    }
    .box05 a {
        width:150px; margin-right:40px; 
        display: inline-block;
       /* margin:0 15px;
       float:none;*/
    }
    .box05 a:nth-child(6) { margin-right: 0; }
    .box05 i {
        width: 150px; height: 150px; margin-bottom: 20px; 
    }
    .box05 a:nth-child(5) i{
        margin-bottom: 20px;
    }

    /* 题型分类 */
    .box02 {
        width:1200px; padding:60px 0 0;
        text-align: center; }
    .box02 li {
        display:inline-block; float:none; margin: 0 30px 60px; }
    .box02 li:nth-child(3n) {
        margin-right:30px; }
    .box02 li:nth-child(4) {
        margin-left:30px; }
    /* 题型分类 - 情景应变 */
    .qjyb02 li,
    .qjyb02 li:nth-child(3n),
    .qjyb02 li:nth-child(4) {
        margin:0 60px 60px; }
    /* 题型分类 - 人际沟通 */
    .rjgt02 li:nth-child(4) {
        margin-left:30px; }
}
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 */
}
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */
}
</pre></body></html>