.user_card{position:relative;overflow:hidden;border:1px solid #dadada;height:316px}
.user_card .item_dialog{position:absolute;bottom:-316px;left:0;transition:top .2s ease-in-out;width:100%;height:316px;background-color:rgba(0,51,102,.9);padding-top:20px;font-size:14px;color:#fff;box-sizing:border-box}
.famous-teacher-container .navigation .J-pitch-on{font-size:26px;clear:both;display:block;text-align:center;padding-top:1em;padding-bottom:1em;}
.user_card .fonts div:first-child{font-size:16px;}
.user_card .item_dialog>div:first-child{box-sizing:border-box;padding:0 15px}
.user_card .item_dialog>div:first-child>div:first-child{font-size:18px;font-family:SY;font-weight:400;margin-bottom:15px}
.user_card .item_dialog>div:first-child>div:nth-child(2){margin-bottom:10px}
.user_card .item_dialog>div:first-child>div:nth-child(3){margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user_card .item_dialog>div:first-child>div:nth-child(5){height:106px;overflow:hidden}
.user_card .item_dialog>div:last-child{height:42px;text-align:center;width:100%;line-height:42px;margin-top:20px;border-top:1px solid hsla(0,0%,100%,.1)}
.user_card .item_dialog .edit_font_justify{overflow:hidden}
.user_card .item_dialog .edit_font_justify div{width:100%;height:100%;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;word-break:break-all}
.user_card .user_img{background-size:cover;width:100%;height:216px;background-position:50%}
.user_card .fonts{height:100px;width:100%;background-color:#fff;color:#666;box-sizing:border-box;padding:7px 20px;transition:bottom .1s ease-in;font-size:14px;border-top:none}
.user_card .fonts div:first-child{font-size:18px;font-family:SY;font-weight:400;color:#333;margin-bottom:6px}
.user_card .fonts div:last-child{font-size:14px;font-family:SY;font-weight:400;color:#fff}
.user_card .fonts .fonts_item span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user_card:hover .item_dialog{height:100%;position:absolute;bottom:0;left:0;transition:bottom .2s ease-in-out;width:100%;height:316px;background-color:rgba(0,51,102,.9);padding-top:20px;font-size:14px;color:#fff}
.app_info{width:100%}
.app_info .part3{background-color:#f2f2f2;padding-top:75px;padding-bottom:110px}
.app_info .part3 ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.app_info .part3 ul .list{display:flex;flex-shrink:0;width:calc(50% - 16px);margin-bottom:20px;background-color:#fff;cursor:pointer}
.app_info .part3 ul .list .viewpoint_c{width:calc(100% - 185px);position:relative;box-sizing:border-box;padding:19px 12px}
.app_info .part3 ul .list .viewpoint_c .title{font-size:18px;font-family:SY-M;font-weight:500;color:#333;line-height:27px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app_info .part3 ul .list .viewpoint_c .content{font-size:14px;font-family:SY;font-weight:400;color:#666;line-height:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;overflow:hidden}
.app_info .part3 ul .list .viewpoint_c .time_tag{width:100%;position:absolute;bottom:4px;left:0;font-size:14px;font-family:SY;font-weight:400;color:#999;line-height:27px;display:flex;justify-content:space-between;box-sizing:border-box;padding:0 12px}
.app_info .part3 ul .list .viewpoint_c .time_tag .tag{width:80px;height:25px;line-height:25px;text-align:center;border:1px solid #d9d9d9;margin-right:20px}
.app_info .part3 ul .list .viewpoint_img{width:185px;height:130px}
.app_info .part3 ul .list .viewpoint_img img{display:table;width:100%;height:auto}
.app_info .part_2 .page_part{box-sizing:border-box;padding-top:60px}
.app_info .part_2 .page_part .get_more{margin:0 auto;font-size:14px;color:#999;width:160px;height:45px;border:1px solid rgba(0,79,194,.4);font-size:16px;font-family:SY;font-weight:400;color:#004fc2;text-align:center;line-height:45px;margin-bottom:40px;cursor:pointer}
.app_info .part_2 .page_part .get_more span{cursor:pointer}
.app_info .part_2 .page_part .title{font-size:20px;font-family:SY-M;font-weight:400;color:#333}
.app_info .part_2 .page_part .title .duty{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:SY}
.app_info .part_2 .page_part .list{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:30px}
.app_info .part_2 .page_part .list li{flex-shrink:0;width:calc(20% - 28px);box-sizing:border-box;cursor:pointer;margin-right:35px}
.app_info .part_2 .page_part .list li .imgs{width:100%}
.app_info .part_2 .page_part .list li .imgs img{width:100%;height:auto;display:table}
.app_info .part_2 .page_part .list li .title{box-sizing:border-box;padding:14px 16px;font-size:14px;font-family:SY-M;font-weight:400;color:#666;line-height:21px}
.app_info .part_2 .page_part .list li .title .name{font-size:18px;font-family:SY-M;font-weight:400;color:#333;margin-bottom:10px}
.app_info .part_2 .page_part .list li:last-child{margin-right:0}
.app_info .part_1{width:100%;background-color:#f2f2f2}
.app_info .part_1 .page_part{position:relative}
.app_info .part_1 .page_part .part_content{height:700px;width:100%;box-sizing:border-box;padding-top:96px}
.app_info .part_1 .page_part .part_content .container{width:100%;height:502px;position:relative}
.app_info .part_1 .page_part .part_content .container .info{height:378px;width:calc(100% - 472px);background-color:#fff;box-sizing:border-box;padding:40px;padding-right:10px;padding-top:30px;position:absolute;top:55px;right:0}
.app_info .part_1 .page_part .part_content .container .info>div{width:100%;height:100%;overflow-y:auto;padding-right:30px;box-sizing:border-box;scrollbar-color:rgba(0,0,0,.4) rgba(0,0,0,.1);scrollbar-width:thin}
.app_info .part_1 .page_part .part_content .container .info>div .name{font-size:32px;font-family:SY-M;font-weight:500;color:#333;margin-bottom:20px}
.app_info .part_1 .page_part .part_content .container .info>div .labels{font-size:20px;font-family:SY-M;font-weight:500;color:#333;margin-bottom:12px}
.app_info .part_1 .page_part .part_content .container .info>div .fonts{font-size:16px;font-family:SY;font-weight:400;color:#333;line-height:24px}
.app_info .part_1 .page_part .part_content .container .info>div:hover::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px #e8eafe;background:rgba(0,0,0,.4)}
.app_info .part_1 .page_part .part_content .container .info>div::-webkit-scrollbar{width:4px;background:transparent}
.app_info .part_1 .page_part .part_content .container .info>div::-webkit-scrollbar-track{border-radius:4px;background:transparent}
.app_info .part_1 .page_part .part_content .container .info>div::-webkit-scrollbar-thumb{border-radius:4px;box-shadow:inset 0 0 5px transparent;background:transparent}
.app_info .part_1 .page_part .part_content .container .imgs{width:502px;height:502px;background-size:cover}
.app_info .banners{box-sizing:border-box;width:100%;height:400px;background-image:url(/assets/img/banner.5bf5dda8.png);background-size:100% 100%;background-repeat:no-repeat}
.app_info .banners>div{width:100%;box-sizing:border-box;padding-top:152px}
.app_info .banners>div .title{font-size:40px;font-family:SY-M;font-weight:500;color:#fff;margin-bottom:10px}
.app_info .banners>div .fonts{width:552px;font-size:16px;font-family:SY;font-weight:400;color:#fff;line-height:24px}
.app_info .part_title{text-align:center}
.app_info .part_title .ch{font-size:38px;font-family:SY;font-weight:500;color:#333}
.app_info .part_title .en{font-size:20px;font-family:Arial;font-weight:400;color:#666;opacity:.5}
@media (max-width:767px){.banners,.page_part{padding:0 16px;box-sizing:border-box}
.page_part.title{font-size:26px !important;margin-bottom:10px !important;}
.app_info .part3 ul .list{display:block;width:calc(50% - 8px);margin-bottom:15px;}
.app_info .part3 ul .list .viewpoint_c{width:100%;padding:19px 8px 10px 8px;}
.app_info .part3 ul .list .viewpoint_c .title{white-space:inherit;font-size:14px !important;line-height:1.3;}
.app_info .part3 ul .list .viewpoint_c .time_tag{position:relative;margin-top:15px;bottom:0;}
.app_info .part3 ul .list .viewpoint_img{width:100%;}
.app_info .part3{padding-top:25px;padding-bottom:20px;clear:both;display:block;}
.famous-teacher-container .navigation .J-pitch-on{font-size:22px;clear:both;display:block;text-align:center;padding-top:1em;padding-bottom:1em;}
.app_info .part_2 .page_part{padding-top:30px;}
.app_info .part_2 .page_part .list{margin-top:2em;display:block;}
.app_info .part_2 .page_part .list li{width:48%;margin-right:4%;float:left;}
.app_info .part_2 .page_part .list li:nth-child(2n){margin-right:0;}
.user_card .fonts{padding:7px 10px;height:auto;}
.user_card{height:auto;margin-bottom:15px;}
.app_info .part_2 .page_part .get_more{clear:both;display:block;margin-top:3em;}
.app_info .part_1 .page_part .part_content{height:auto;padding-top:21px;}
.app_info .part_1 .page_part .part_content .container{height:auto;padding-bottom:3em;padding-left:0;padding-right:0;}
.app_info .part_1 .page_part .part_content .container .imgs{width:100%;height:400px;}
.app_info .part_1 .page_part .part_content .container .info{position:relative;width:100%;top:0;height:auto;padding:10px;}
.app_info .part_1 .page_part .part_content .container .info>div{padding-right:0px;height:auto;}
.app_info .part_1 .page_part .part_content .container .info>div .name{font-size:22px;}
}
@media (min-width:768px){.banners,.page_part{padding:0 64px;box-sizing:border-box}
}
@media (min-width:992px){.banners,.page_part{padding:0 130px;box-sizing:border-box}
}
@media (min-width:1540px){.banners,.page_part{padding:0 calc(50% - 600px);box-sizing:border-box}
}