body {background: #F5F5F5;}
.inbanner {background: url(../img/rzbanner.png) no-repeat;background-size: cover;padding: 60px 0;margin-top: -16px;}
.inbanner .w {height: 408px;background: url(../img/inbannerw.png) no-repeat center;}
.inbanner h3,.rz-form .hd h3 {padding-top: 36px;font-size: 32px;text-align: center;color: #363636;}
.inbanner .w>p,.rz-form .hd p {margin-top: 6px;font-size: 22px;text-align: center;color: #acb8c1;}
.inbanner ul {margin-top: 22px;padding-bottom: 46px;width: 1120px;margin: 22px auto 0;}
.inbanner ul li {width: 200px;height: 228px;background-color: #fbfbfb;padding-left: 30px;padding-right: 30px;float: left;margin:0 10px;}
.inbanner ul li img {width: 96px;height: 84px;display: block;margin: auto;margin-top: 22px;}
.inbanner ul li b {font-size: 18px;color: #363636;text-align: center;margin-bottom: 12px;display: block;}
.inbanner ul li p {font-size: 15px;color: #acb8c1;line-height: 26px;}
.join {background: #fff;}
.join .join-title{text-align:center;font-size:34px;color:#333;font-weight:600;padding:40px 0 10px}
.join .join-list img{width:100%;margin:20px auto}
.join .join-pub{text-align:center;padding:30px 0 50px}
.join .join-pub .join-pub-link{height:40px;background-color:#07f;border-radius:3px;padding:0 53px;line-height:40px;display:inline-block;color:#fff;font-size:16px;font-weight:100}
.join .join-pub .join-pub-link:hover{text-decoration:none;opacity:.8}
.join .join-pub .join-pub-desc{display:block;font-size:12px;line-height:20px;color:#999;margin-top:5px}


.techerlist .teacher-nav{margin-top: 30px;background: #fff;position: relative;padding:8px 30px 8px 105px;}
.techerlist .teacher-nav .nav-l{position: absolute;left: 30px;top: 20px;color:#ff7700;width: 85px;}
.techerlist .teacher-nav .nav-m{line-height: 34px;overflow: hidden;}
.techerlist .teacher-nav .nav-m a{padding:0 15px;color:#666;display: inline-block;}
.techerlist .teacher-nav .nav-m a:hover,.techerlist .teacher-nav .nav-m a.curr{color:#ff7700;}

.techerlist .subnav{margin-top: 20px;height: 52px;background: #fff;margin-bottom: 1px;}
.techerlist .subnav .sub-l{padding-left: 30px;line-height: 50px;}
.techerlist .subnav .sub-l a{display: inline-block;margin-right: 39px;height: 53px;color:#666;}
.techerlist .subnav .sub-l a:hover{color: #FF7700;}
.techerlist .subnav .sub-l a.active{color: #FF7700;border-bottom:1px #FF7700 solid; }

.techerlist .teacher-con{background: #fff;}
.techerlist .teacher-con .list{padding:22px 15px;border-bottom: 1px #e8e8e8 solid;}
.techerlist .teacher-con .list:last-child{border:none;}
.techerlist .teacher-con .list .teacher-avatar{width: 80px;margin-right: 20px; position: relative;}
.techerlist .teacher-con .list .teacher-avatar img{border-radius: 50%;width: 80px;height: 80px;}
.techerlist .teacher-con .list .teacher-info{width: 205px;}
.techerlist .teacher-con .list .teacher-name{height: 28px;line-height: 28px;}
.techerlist .teacher-con .list .teacher-name a{color:#333333;font-size: 16px;position: relative;}

.techerlist .teacher-con .list .speciality{color:#999999;font-size: 12px;line-height: 20px;padding-top: 5px;overflow: hidden;height: 28px;}
.techerlist .teacher-con .list .speciality span{padding-right: 10px;}
.techerlist .teacher-con .list .num{ line-height: 26px;color:#666; }
.techerlist .teacher-con .list .num span{padding-right: 18px;}
.techerlist .teacher-con .list .num span i{font-size: 12px;}
.techerlist .teacher-con .list .con{ font-size: 12px;color:#999;line-height: 14px;height: 28px;overflow: hidden;}
.techerlist .teacher-con .list .btn a{ width: 95px; height: 34px;line-height: 34px;text-align: center;border-radius: 6px;font-size: 14px; background: #1F40C5;display: block;color:#fff;transition: all .2s}
.techerlist .teacher-con .list .btn a:hover{opacity: .8}
.techerlist .teacher-con .list .btn a.followed{border:1px #e8e8e8 solid;background: #fff;color:#666;line-height: 32px;}
.techerlist .teacher-con .list .btn a.refollow{background: #e8e8e8;display: none;}
.techerlist .teacher-con .list .btn:hover a.followed{display: none;}
.techerlist .teacher-con .list .btn:hover a.refollow{display: block;}
.techerlist .teacher-con .list .btn .yesfollow a{ background-color: #ccc; color: #fff;}
.techerlist .teacher-con .list .btn .yesfollow span {display: none;}
.techerlist .teacher-con .list .btn .yesfollow em {display: block;}
.techerlist .teacher-con .list .btn .yesfollow a:hover span {display: block;}
.techerlist .teacher-con .list .btn .yesfollow a:hover em {display: none;}

.techerlist .teacher-con .list .teacher-video{width: 252px;height: 154px;margin-left: 19px;position: relative;}
.techerlist .teacher-con .list .teacher-video .lazy{width: 252px;height: 154px;display: block;}
.techerlist .teacher-con .list .teacher-video .time-length { display: block; padding: 0 6px; height: 15px; line-height: 15px; background: rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); text-align: center; font-size: 12px; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; position: absolute; right: 8px; bottom: 10px; -webkit-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; }
.techerlist .teacher-con .list .teacher-video .play-btn { display: block; width: 60px; height: 60px; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -ms-filter: Alpha(Opacity=0); filter: Alpha(Opacity=0); position: absolute; left: 50%; top: 50%; margin: -30px -30px; z-index: 1; background: url("https://js.huke88.com/assets/revision/images/hk_new_index_icons3.png?111") no-repeat 0 -115px; -webkit-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; }
.techerlist .teacher-con .list .show-mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); opacity: 0; -ms-filter: Alpha(Opacity=0); filter: Alpha(Opacity=0); -webkit-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in;z-index: 5 }
.techerlist .teacher-con .list .teacher-video:hover .play-btn { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; -ms-filter: Alpha(Opacity=100); filter: Alpha(Opacity=100); }
.techerlist .teacher-con .list .teacher-video:hover .show-mask { opacity: 1; -ms-filter: Alpha(Opacity=100); filter: Alpha(Opacity=100); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); }
.techerlist .teacher-con .list .teacher-video:hover .time-length { opacity: 0; filter: alpha(opacity=0); }

.space-hd .followTeacher .success-tips{width:220px;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1);border:1px solid #ddd;background:#fff;position:absolute;top:36px;left:50%; margin-left:-190px; z-index:9}
.space-hd .followTeacher .success-tips:before{content:"";width:8px;height:8px;border-top:1px solid #ddd;border-right:1px solid #ddd;position:absolute;top:-5px;right:25px;background:#fff;transform:rotate(-45deg)}
.space-hd .followTeacher .success-tips span{display:block;font-size:12px;color:#333;height:32px;line-height:32px;text-align:center}
.space-hd .followTeacher .success-tips span .a-per{color:#ff701d;text-decoration:underline}
.space-hd .followTeacher .success-tips span i{display:inline-block;width:12px;height:12px;color:#333;margin-left:5px;margin-right:-3px;position:relative;cursor:pointer}
.space-hd .followTeacher .success-tips span i:after,.space-hd .followTeacher .success-tips span i:before{content:'';width:12px;height:1px;background:#999;position:absolute;top:7px;left:0}
.space-hd .followTeacher .success-tips span i:before{transform:rotate(45deg)}
.space-hd .followTeacher .success-tips span i:after{transform:rotate(-45deg)}

.space-hd{ padding-top: 40px; height: 300px; background: url(../img/teacherBanner.jpg) no-repeat center top; text-align: center; color: #333;margin-top: -16px;}
.space-hd .teacherPhoto{ display: block; width: 80px; height: 80px; border-radius: 50%; margin: 0 auto;}
.space-hd .teacherName{ font-size: 22px; font-weight: bold; line-height: 22px; padding: 10px 0;}
.space-hd .teacherInfo{font-size: 16px;width: 700px;margin: 0 auto;text-align: center;line-height: 24px;height:48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.space-hd .fansNum{ font-size: 14px;padding-bottom: 10px;color: #9E8700}
.space-hd .followTeacher{ position: relative; margin-bottom: 6px;}
.space-hd .followTeacher .unPgcFallow{ position: relative; display: inline-block;}
.space-hd .followTeacher .unComPgcBtn{display: inline-block; margin-left: 10px; width: 90px; height: 30px; line-height: 30px; text-align: center; background-color: #fff; border-radius: 5px; font-size: 14px;}
.space-hd .followTeacher .unComPgcBtn a{ color: #333;}
.space-hd .followTeacher .unComPgcBtn:hover{ background-color: #E5E5E5;}
.space-hd .followTeacher .follow a{ display: block; width: 90px; height: 30px; line-height: 30px; background-color: #fff; border-radius: 5px; cursor: pointer; font-size: 14px;}
.space-hd .followTeacher .follow a:hover{ background-color: #E5E5E5;}
.space-hd .followTeacher .yesfollow a{ background-color: #ccc; color: #fff;}
.space-hd .followTeacher .yesfollow span {display: none;}
.space-hd .followTeacher .yesfollow em {display: block;}
.space-hd .followTeacher .yesfollow a:hover span {display: block;}
.space-hd .followTeacher .yesfollow a:hover em {display: none;}


/* .nbox */
.nbox {margin-bottom: 20px;}
.nbox .hd {height: 40px;line-height: 40px;position: relative;}
.nbox .hd b {float: left;font-size: 22px;font-weight: 700;}
.nbox .hd b em {color: #999;font-size: 16px;font-weight: 400;}
.nbox .hd span {float: right;}
.nbox .hd span a {color: #aaa;}

.teacher-search{position: absolute;right: 0;top: 0px;width: 160px;height: 30px;}
.teacher-search input{display: block;height: 30px;border:1px #ddd solid;border-radius: 5px;transition:all .2s;color:#333;padding:0 40px 0 15px;font-size: 14px;width:103px ;outline: none;}
.teacher-search input:focus{border-color: #999;}
.teacher-search .search-btn{width: 15px;height: 14px;position: absolute;top: 8px;right: 15px;cursor: pointer;background:url(../img/sideser.png) no-repeat center}

.item {margin-left: -20px;}
.item li {float: left;width: 272px; height: 250px; margin:10px 0 10px 20px;overflow: hidden;background-color: #fff;box-shadow: 0px 0px 15px 0px #d9d9d9;border-radius: 10px;transform: translateZ(0);}
.item li .pic {width: 100%;height: 157px;overflow: hidden;position:relative;}
.item li .pic img {transition: all 0.5s;display: block;width: 100%;height: 157px;}
.item li .pic i {background:rgba(0,0,0,0.4);position: absolute;top:0;right: 0;width: 100%;height: 100%;}
.item li .pic .playico,.item li .pic i {opacity: 0;filter: alpha(opacity=0);transition: all 500ms ease-out;-webkit-transition: all 500ms ease-out;-moz-transition: all 500ms ease-out;}
.item li:hover .pic img {transform: scale(1.1);}
.item li:hover .playico,.item li:hover .pic i {opacity: 1;filter: alpha(opacity=100);z-index: 1;}
.item li p.name {padding: 14px 12px 0px 12px;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 40px;}
.item li p.inf {color: #999;font-size: 12px}
.item li p.inf em {margin-left: 1em;}
.item li p.inf span {margin:0 .5em;}
.item li p.inf span::before {content: ".";display: inline-block;margin: -12px 4px 0 6px;vertical-align: middle;}


.gbook{padding:30px 30px 15px;background:#fff;border-radius:5px}
.gbook .textareaModule{ width: 100%; margin-bottom: 20px; position: relative;min-height: 100px;}

.gbook .textareaModule textarea{ display: block;line-height:22px;background:#F2F2F2;border-radius: 5px; border:1px solid #ddd; width: 98%; height: 100px; padding:10px 15px; font-size: 14px;}
.gbook .textareaModule textarea::-webkit-input-placeholder{color:#999}
.gbook .textareaModule textarea::-moz-placeholder{color:#999}
.gbook .textareaModule textarea:-moz-placeholder{color:#999}
.gbook .textareaModule textarea:-ms-input-placeholder{color:#999}
.gbook .textareaModule .d-critiqueCen{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 11;}
.gbook .textareaModule .d-critiqueCen .d-critiqueMain{width: 100%; height: 100px; line-height: 98px; text-align: center; border: 1px #ddd solid; border-radius: 5px; background-color: #f2f2f2;}
.gbook .textareaModule .d-critiqueCen .d-critiqueMain a{color: #FF701D;}
.gbook .textareaModule .textareaBot{ margin-top: 15px;}
.gbook .textareaModule .textareaBot .speakBtn{ cursor: pointer; font-size: 16px; color: #fff; width: 120px; height: 40px; line-height: 40px; text-align: center; background-color: #1F40C5; border-radius: 5px;}
.gbook .textareaModule .textareaBot .speakBtn:hover{ opacity: .9;}
.gbook .textareaModule .textareaBot .key {float: left;}
.gbook .textareaModule .textareaBot .key input {float: left;line-height: 40px;height: 40px;border: 1px solid #E8E8E8;padding: 0 8px;border-radius: 3px;width: 80px;}
.gbook .textareaModule .textareaBot .key img {float: left;margin-left: 10px;}

.speak-tips{ padding-bottom: 20px; border-bottom: 1px solid #eee; font-size: 16px; color: #333;}
.speak-list .list-speak{ padding-top: 30px; position: relative;}
.speak-list .list-speak .userPhoto{ width: 46px; height: 46px; border-radius: 50%; position: absolute; left: 0; top: 30px;}
.speak-list .list-speak .rightCont{ margin-left: 66px; border-bottom: 1px solid #eee;padding-bottom: 30px; font-size: 14px; color: #333;}
.speak-list .list-speak .rightCont .userName{font-size: 16px;padding: 5px 0 20px}
.speak-list .list-speak .rightCont.noPage{ border-bottom: 0;}

.list-speak .rightCont .speakDetail{line-height:22px;padding: 0 0 20px;word-break: break-all;color: #666}
.list-speak .rightCont .botCont{ font-size: 12px; color: #999; line-height: 12px;}
.list-speak .rightCont .botCont .time-b{margin-right:20px}
.list-speak .rightCont .botCont .reply-btn{ cursor: pointer;}
.list-speak .rightCont .botCont .del-btn{cursor: pointer;margin:0 20px}
.list-speak .rightCont .botCont .reply-btn:hover,.list-speak .rightCont .botCont .del-btn:hover{ color: #e3ad13;}
.list-speak .rightCont .botCont .zan-btn{ position: relative; padding-left: 15px; margin: 0 20px;cursor: pointer;}
.list-speak .rightCont .botCont .zan-btn:before{content:'';display:block;position:absolute;left:-8px;top:-9px;width:28px;height:28px;background:url(/assets/revision/images/teacher/teacher-icon-v4.png) no-repeat -68px -16px;-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5)}
.list-speak .rightCont .botCont .zan-btn.on{ color: #FFD305;}
.list-speak .rightCont .botCont .zan-btn.on:before{ background-position: -98px -16px;}
.list-speak .rightCont .botCont .more-btn{ position: relative;}
.list-speak .rightCont .botCont .more-btn .spots{ line-height: 2px; margin-top: -4px; display: block; cursor: pointer;}
.list-speak .rightCont .botCont .more-btn .spots:before{content:".\A.\A.";white-space:pre-wrap;font-size:18px}
.list-speak .rightCont .botCont .more-btn .report-pro{position:absolute;right:0;top:16px;background:#fff;border-radius:4px;border:1px #ddd solid;width:54px;padding:4px 0;z-index:3;text-align:center;cursor:pointer;font-size:12px;color:#999;display:none}
.list-speak .rightCont .botCont .more-btn .report-pro:hover{background:#f8f8f8;color:#f70}
.list-speak .rightCont .two-module{ padding: 0 70px 0 35px; position: relative; margin-top: 14px;}
.list-speak .rightCont .two-module .avatar{}
.list-speak .rightCont .two-module .avatar .userPhoto{ width: 30px; height: 30px; top: 0;}
.list-speak .rightCont .two-module .textarea-two{}
.list-speak .rightCont .two-module .textarea-two textarea{border:1px #ddd solid;border-radius:4px;padding:5px 9px;height:65px;width:100%;line-height:18px;font-size:12px;transition:all .2s}
.list-speak .rightCont .two-module .submit-btn{position:absolute;right:0;top:0;width:65px;height:65px;border-radius:4px;background:#ffd500;cursor:pointer;line-height:16px;padding:15px 15px 0;display:block;color:#333;border:1px #ffd500 solid;text-align:center}
.list-speak .rightCont .two-module .submit-btn:hover{ opacity: .8;}
.list-speak .rightCont .list-module{ position: relative; padding-left: 40px; margin-top: 20px;}
.list-speak .rightCont .list-module .reply-detail{padding:5px 0 20px;color: #666; line-height:22px;font-size: 12px; word-break: break-all;}
.list-speak .rightCont .list-module .reply-detail a{ color: #6C8DD5;margin-right: 10px}
.list-speak .rightCont .list-module .reply-detail span{ margin-right:10px;}
.list-speak .rightCont .list-module .avatar .userPhoto{ width: 30px; height: 30px; top: 0;}


.form-content {width: 888px;margin: auto;padding-bottom: 100px;}
.form-text {font-size: 15px;color: #acb8c1;margin-top: 28px;}
.form-cell {width: 262px;}
.el-form-item__label {text-align: right;vertical-align: middle;float: left;font-size: 14px;color: #48576a;line-height: 1;padding: 11px 12px 11px 0;box-sizing: border-box;}
.el-form-item.is-required .el-form-item__label:before {content: '*';color: #ff4949;margin-right: 4px;}
.el-form-item__content {line-height: 36px;position: relative;font-size: 14px;}
.el-breadcrumb:after, .el-breadcrumb:before, .el-button-group:after, .el-button-group:before, .el-form-item:after, .el-form-item:before, .el-form-item__content:after, .el-form-item__content:before {display: table;content: "";}
.el-input {position: relative;font-size: 14px;}
.el-input, .el-input__inner {width: 100%;display: inline-block;}
.el-input__inner {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #fff;background-image: none;border-radius: 4px;border: 1px solid #bfcbd9;box-sizing: border-box;color: #1f2d3d;font-size: inherit;height: 36px;line-height: 1;outline: 0;padding: 3px 10px;transition: border-color .2s cubic-bezier(.645,.045,.355,1);}
.el-input, .el-input__inner {width: 100%;display: inline-block;}
.el-form-item__error {color: #ff4949;font-size: 12px;line-height: 1;padding-top: 4px;position: absolute;top: 100%;left: 0;}
.el-textarea {display: inline-block;width: 100%;vertical-align: bottom;}
.el-textarea__inner {display: block;resize: vertical;padding: 5px 7px;line-height: 1.5;width: 100%;color: #1f2d3d;background-color: #fff;background-image: none;border: 1px solid #bfcbd9;border-radius: 4px;transition: border-color .2s cubic-bezier(.645,.045,.355,1);}
.el-button, .el-textarea__inner {font-size: 14px;box-sizing: border-box;}
.el-button {display: inline-block;line-height: 1;white-space: nowrap;cursor: pointer;background: #fff;border: 1px solid #c4c4c4;color: #1f2d3d;margin: 0;padding: 10px 15px;border-radius: 4px;}
.el-button--primary {color: #fff;background-color: #20a0ff;border-color: #20a0ff;}

@media only screen and (min-width:1290px){
.w,.head,.main {width: 1280px;}
.techerlist .teacher-con .list{padding:22px 30px;}
.techerlist .teacher-con .list .teacher-info{width: 300px;}
.item {margin-left: -32px;}
.item li {float: left;width: 296px; height: 268px; margin:17px 0 17px 32px;}
.item li .pic {height: 171px;}
.item li .pic img {height: 171px;}
}