* {
    margin:0;
    padding:0;
}
.tarin_div {
    width: 1170px;
    margin:0 auto;
    font-size:14px;
    margin-top:10px;
    overflow:hidden;
}


.srch {
    width:100%;
    margin:20px 0;
    border: 1px solid #999999;
    border-radius:5px;
    overflow:hidden;
    font-size:12px;
}
    .srch input {
        width:84%;
        height:46px;
        box-sizing:border-box;
        border:none;
        padding-left:10px;
        outline:none;

    }
    .srch button {
        width:182px;
        height:46px;
        line-height:46px;
        border:none;
        background-color:#99989d;
        color:#fff;
        float:right;
    }
    .srch button:hover {
        background: #5f5c5c;
        color: #ddd;
    }
.tarin_div a {
    text-decoration:none;
    color:#000;
}
    .tarin_div a :hover {
        color:#000;
    }
i {
    font-style:normal;
}
ul li {
list-style:none;

}
.train_msg {
    width:830px;
    margin-bottom:10px;
    float:left;
}
.msgpart {
    width:45%;
    float:left;
    padding:20px 0;
}
.msgpart2 {
    margin-left:40px;
}
    .msgpart li:hover {
        opacity:0.7;
    }
.titlep {
    font-size:16px;
    height:42px;
    line-height:41px;
    border-bottom:1px solid #ccc;
}
    .titlep a {
        cursor:text;
    }
.spn-w {
    font-weight:bold;
    font-size:14px;
    border-bottom:1px solid #000;
    display:inline-block;
    width:57%;
}
    .spn-w i {
        display:inline-block;
        width:30px;
        height:36px;
        vertical-align:middle;
    }
    .spn-w .imssg {
        background:url("../Images/ionic_mssg.png") center center no-repeat;
    }
    .spn-w .iscene {
        background:url("../Images/ionic_scene.png") center center no-repeat;
    }
    .spn-w .iteacher {
        background:url("../Images/ionic_teacher.png") center center no-repeat;
    }
    .spn-w .ivideo {
        background:url("../Images/ionic_video.png") center center no-repeat;
    }
    .spn-w .ivoice {
        background:url("../Images/ionic_voice.png") center center no-repeat;
    }
.spn-more {
    float:right;
    font-size:14px;
    font-weight:bold;
    color:#676767;
    cursor:pointer;
}
    .spn-more:hover {
        opacity:0.7;
    }
.msgpart ul {
    padding-left:3px;
}
.msgpart li {
    /*height:21px;
    line-height:21px;*/
    line-height:1.6;
    overflow:hidden;
    margin:5px 0;
    color:#676767;
    position:relative;
}
    .msgpart li a {
        color:#676767;
        display:block;
    }
    .msgpart li i {
        float:right;
        margin-right:5px;
        position:absolute;
        right:0;
        top:0;
        z-index:-1;
    }
.train_vido {
    /*min-height:522px;*/
}
.train_vido .msgpart {
    float:none;
    width:95%;
    overflow:hidden;
}
.train_vido .titlep {
    margin-bottom:20px;
}
.train_vido ul {
    overflow:hidden;
    max-height: 512px;
}
.train_vido .vidop {
    color:#383636;
    font-weight:bold;
}
    .train_vido .msgpart li {
        display:inline-block;
        width:126px;
        text-align:center;
        margin-right:24px;
        vertical-align:top;
        position:relative;
        float:left;
    }
        .activeLi::after {
            display:block;
            content: "";
            width: 50px;
            height: 50px;
            position: absolute;
            top:0;
            right: 0;
            background:url(../Images/promotion.png) right top no-repeat;
            background-size: 100%;
        }

        .train_vido .msgpart li img {
            /*width:126px;*/
            width: 100%;
            height:90px;
        }
        .train_vido .msgpart li .pimg {
            position:absolute;
            width:30px;
            height:30px;
            top:30px;
            left:48px;
            cursor:pointer;
        }
.train_tach {
    float:right;
    width:312px;
    /*height:380px;*/
}
    .train_tach .msgpart {
        width:100%;
    }
        .train_tach .msgpart ul {
            padding:0;
        }
    .train_tach li {
        height:92px;
        overflow:hidden;
        margin:16px 0;
        border-bottom:1px solid #ccc;
    }
    .train_tach img {
        width:80px;
        height:80px;
        border-radius:50%;
    }
.tachp {
    float:right;
    width:200px;
    font-size:14px;
}
.tachname {
    display:block;
    font-size:16px;
    color:#000;
}
.train_voice {
    float:left;
    width:785px;
}
.train_voice .msgpart {
        width:100%;
        padding-bottom:0;
        min-height:293px;
        max-height:428px;
        overflow:hidden;
    }
    .train_voice .msgpart ul {
        padding:0;
    }
    .train_voice a .voicei {
        display:inline-block;
        width:18px;
        height:20px;
        background:url(../Images/ion_voic1.png) center center no-repeat;
        background-size:100%;
        vertical-align:middle;
        margin-right:5px;
    }
.train_btn {
    width:1170px;
    margin:0 auto;
    overflow:hidden;
}
    .train_btn button {
        border:none;
        height:147px;
        width:574px;
        font-size:20px;
        font-weight:bold;
        margin:10px auto;
        cursor:pointer;
    }
    .train_btn .button1 {
        display:inline-block;
        margin:10px auto;
        height:147px;
        width:574px;
        float:left;
        background:url("../Images/conLineLeft112.png") center center no-repeat;
    }
    .train_btn .button2 {
        float:right;
        background:url("../Images/conLineRight222.png") center center no-repeat;
    }

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #cdcdcd;
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #cdcdcd;
}

input:-moz-placeholder,textarea:-moz-placeholder {
    color: #cdcdcd;
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #cdcdcd;
}