.associated_wrap {
    display: none;
    position: fixed;
    width: 800px;
    top: 50%;
    left: 50%;
    margin-top: -320px;
    margin-left: -400px;
    z-index: 9999;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight/2));
    _left: expression(eval(document.documentElement.scrollLeft + document.documentElement.clientWidth/2));
}
.associated_wrap .associated_head {
    width: 100%;
    height: 81px;
    background: url('../images/associated/associated-title.png') no-repeat center;
    position: relative;
}
.associated_head .associated_close {
    position: absolute;
    width: 40px;
    height: 40px;
    right: -5px;
    top: -40px;
    background: url("../images/index/close-btn.png") no-repeat center;
}
.associated_wrap .associated_content {
    width: 100%;
    background: url('../images/associated/associated-repeat.png') repeat-y center;
}
.associated_wrap .associated_foot {
    width: 100%;
    height: 49px;
    background: url('../images/associated/associated-bottom.png') no-repeat center;
}
.associated_no_wrap {
    text-align: center;
    width: 760px;
    margin: 0 auto;
    overflow-y: scroll;
    overflow-x: hidden;
    display: none;
    position:relative
}
.associated_no_wrap .associated_no {
    height: 312px;
    background: url('../images/associated/no-associated-bg.jpg') no-repeat center;
    position: relative;
}
.associated_no_wrap .associated_no .qrcode {
    width: 160px;
    height: 160px;
    position: absolute;
    top: 94px;
    right: 126px;
}
.associated_no_wrap .associated-btn {
    width: 115px;
    height: 33px;
    cursor: pointer;
    margin: 0 auto;
    background: url('../images/associated/associated-down.png') no-repeat center;
}
.associated_no_wrap .associated-btn.upbtn {
    background: url('../images/associated/associated-up.png') no-repeat center;
}
.associated_no_wrap .associated_course_wrap {
    display: none;
}
.associated_course1 {
    height: 750px;
    background: url('../images/associated/associated-course1.jpg') no-repeat center;
}
.associated_course2 {
    height: 480px;
    background: url('../images/associated/associated-course2.jpg') no-repeat center;
    position: relative;
}
.associated_no_wrap .associated_course2 .qrcode {
    width: 160px;
    height: 160px;
    position: absolute;
    top: 180px;
    left: 126px;
}
.associated_success_wrap {
    text-align: center;
    width: 760px;
    height: 500px;
    margin: 0 auto;
    overflow-y: scroll;
    overflow-x: hidden;
    display: none;
    position:relative
}
.associated_success {
    height: 285px;
    background: url('../images/associated/associated-success.jpg') no-repeat center;
    position: relative;
}
.associated_success .userInfo {
    width: 120px;
    position: absolute;
    top: 75px;
}
.associated_success .userInfo.left {
    left: 235px;
}
.associated_success .userInfo.right {
    right: 232px;
}
.associated_success .userInfo .userphoto {
    width: 74px;
    height: 74px;
    margin: 0 auto 6px;
    border-radius: 50%;
    behavior: url(ie-css3.htc);
}
.associated_success .userInfo .userphoto img {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    behavior: url(ie-css3.htc);
}
.associated_success .userInfo .username {
    font-size: 16px; 
    color: #f43728;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    _display: -webkit-box;
    _max-width: 120px;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    word-break: normal;
    word-wrap: break-word;
}
.associated_success .userInfo .userid {font-size: 14px; color: #bb4d45;}
.associated_success1 {
    height: 726px;
    background: url('../images/associated/associated-success1.jpg') no-repeat center;
}
.associated_success2 {
    position: relative;
    height: 810px;
    background: url('../images/associated/associated-success2.jpg') no-repeat center;
}
.associated_success2 .qrcode_wrap {
    position: absolute;
    bottom: -47px;
    right: 20px;
    width: 300px;
    height: 300px;
}
.associated_success3 {
    height: 640px;
    background: url('../images/associated/associated-success3.jpg') no-repeat center;
}
.associated_success4 {
    height: 280px;
    background: url('../images/associated/associated-success4.jpg') no-repeat center;
}