.container{
    max-width: 750px;
}


.container.teacher{
    background-color: #f25d21;
}
.teacher-title{
    border-top:1px dashed #f25d21;

}

.teacher .item{
    background-color: #f25d21;
    position: relative;
    padding-left:3vw;
    padding-right:3vw;
    margin-bottom: 8vw;
}
.teacher .item1 .img{
    position: absolute;
}
.teacher .item img{
    width:27vw;
    border-radius: 10px;
    box-shadow: 0 0 3px #555;
    border:1px solid #aaa;
}
.teacher .item1 .info{
    margin-left:12vw;
    padding:3vw 3vw 3vw 18vw;
    background-color: #f1f5f9;
    border-bottom: 2vw #323f99 solid;
    font-size: 3.5vw;
    border-radius: 3vw;
    margin-top:3vw;
    color: #666;
    text-indent:2em;
} 
.teacher .item1 .title{
    margin-left:30vw;
}
.teacher .item .title span:nth-child(1){
    font-size: 5vw;
    color: #fff;
    font-weight: bold;
}

.teacher .item .title span:nth-child(2){
    font-size: 3.5vw;
    color: #f1f1f1;
    padding-left:2vw;
}
.teacher .item1 .title-line{
    margin-top:-2vw;
    margin-left:30vw;
    height: 1.5vw;
    width:32vw;
    background-color: rgb(0, 0, 0,0.2);
}


.teacher .item2 .img{
    position: absolute;
    top:0;
    right:3vw;
}

.teacher .item2 .info{
    margin-right:12vw;
    padding:3vw 18vw 3vw 3vw;
    background-color: #f1f5f9;
    border-bottom: 2vw #323f99 solid;
    font-size: 3.5vw;
    border-radius: 3vw;
    margin-top:3vw;
    color: #666;
    text-indent:2em;
} 
.teacher .item2 .title{
    margin-left:3vw;
}
.teacher .item2 .title-line{
    margin-top:-2vw;
    margin-left:3vw;
    height: 1.5vw;
    width:32vw;
    background-color: rgb(0, 0, 0,0.2);
}

.yuyue .form{
    padding:2vw 6vw;
}
.yuyue{
    border-bottom: #f1f1f1 1px dashed;
}
.kaiban{
    border-top: #f1f1f1 1px dashed;
    margin-top:3vw;
}

.huiliu-shuoming{
    font-size: 3vw;
    background-color: #f1f1f1;
    border-top:1.5vw solid #323f99;
    background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.015) 50%, rgba(255, 255,255, 1) 100% );
    line-height: 3em;
    padding-bottom: 3vw;
}



.wenti h3 {
    color: #323f99;
    font-weight: bold;
}
.wenti .item {
    position: relative;
}
.wenti .question {
    font-size: 4vw;
    color: #333;
    margin-bottom: 0rem;
    line-height: 1.8em;
}
.wenti .answer {
    font-size: 3vw;
    color: #666;
    margin-bottom: 0.5rem;
    line-height: 1.5em;
}
.wenti .question i {
    font-size: 4vw;
    color: #db241d;
}
.wenti .answer p {
    height:4.5em;
    overflow: hidden;
    position: relative;
}
.wenti .answer p .more {
    position: absolute;
    display: inline-block;
    font-size:3vw;
    line-height: 1.3em;
    text-decoration: none;
    width: 5.9em;
    color: #f64;
    text-align: right;
    right: 1vw;
    bottom: 0;
    background-image: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 100% );
}
.wenti .answer i {
    font-size: 4vw;
    color: #333;
}
.wenti-tel a {
    display: block;
    padding: 2px 10px;
    border-radius: 100px;
    font-size: 3vw;
}
.wenti-tel {
    position: absolute;
    top: 0px;
    right: 2vw;
    display: block;
}

.plusmore{
    position: relative;
}
.plusmore-main{
    position: absolute;
    bottom: 0vw;
    height:120vw;
    z-index: 1000;
    width: 100%;
    background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.9) 55%, rgba(255, 255, 255, 1) 100% );
}


.foot{
    background-color:rgba(0, 0, 0, 0.5);
}
.footer{
    background-color:#323f99;
}


.foot-lianxi{
    color: #fff;
}
.foot-lianxi h3{
    font-size: 5vw;
    margin-bottom: 3vw;
}
.foot-lianxi p{
    font-size: 3.5vw;
    margin-bottom: 1.5vw;
}
.foot-lianxi p a{
    color: #f2e421;
    text-decoration: none;
}
.kouhao{
    background-color:#323f99;

}

.win { display: none; }
.mask-layer { position: fixed; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); background-color: black; z-index: 99998; top: 0px; left: 0px; }
.window-panel { position: fixed; z-index: 99999; top: 50%; left: 50%; background-color: white; border-radius: 4px; }
.window-panel .title-panel { position: absolute; height: 36px; width: 70%; border-radius: 4px 4px 0 0; }
.window-panel .title { position: absolute; height: 36px; width: 100%; text-align: center; border-radius: 4px 4px 0 0; line-height: 36px; vertical-align: middle; background-color: whitesmoke; /*标题背景色*/ border-bottom: 1px solid rgb(233, 233, 233); z-index: 1; }
.window-panel h3 { font-size: 16px; margin: 0; line-height:36px}
.window-panel .close-btn { display: block; text-align: center; vertical-align: middle; position: absolute; width: 36px; height: 36px; line-height: 36px; right: 0px; text-decoration: none; font-size: 24px; color: black; background-color: #DBDBDB; border-radius: 2px; z-index: 1; }
.window-panel .close-btn:hover { background-color: #ccc; }
.window-panel .body-panel { position: absolute; width: 100%; top: 36px; border-radius: 0 0 4px 4px; z-index: 1;background: #fff;background-image: url(../images/wenli.png); }
.window-panel .body-panel.toast-panel{ position: absolute;color:#fff;background:rgba(0,0,0,0.3); }
.window-panel .content, .window-panel .btns { text-align: center; }
.window-panel .content { padding: 20px 10px 0px 10px; font-size: 16px; min-height: 40px; line-height: 22px; }
.window-panel .content.toast-content{padding:0;min-height:0;}
.window-panel .w-btn { display: inline-block; width: 90px; height: 36px; line-height: 26px; background-color: #DE5923; color: white; cursor: pointer; text-align: center; border-radius: 2px; text-decoration: none; margin: 0 10px 0px 10px; border: none; }
.window-panel .w-btn:hover { background-color: #DA3E00; }
.window-panel .w-btn:focus { outline: 0 none; }