*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;}
body {font-family: '微软雅黑';font-size: 14px;width: 100%;max-width: 1920px;margin: 0 auto;text-align: left;}
a{text-decoration: none;color: #000;}
i,em{font-style: normal;}
input,button,textarea{-webkit-appearance: none;border: 0;background-color: transparent;font-family: '微软雅黑';outline: none;}
/* 去掉右侧三角 */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none;}
input[type="number"]{-moz-appearance:textfield;}

.fl{float: left;}
.fr{float: right;}
.clearfix{*zoom: 1;}
.clearfix:after{content: '';display: block;clear: both;visibility: hidden;height: 0;}
.flex-c{width: 100%;display: inline-flex;align-items: center;justify-content: center;}
.flex-b{width: 100%;display: inline-flex;align-items: center;justify-content: space-between;}
.flex-s{width: 100%;display: inline-flex;align-items: center;justify-content: flex-start;}

.w100{width: 100%;}
.h100{height: 100%;}
.w1200{width: 1200px;margin: 0 auto;}

.fs10{font-size: 10px;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs17{font-size: 17px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.fs26{font-size: 26px;}
.fs28{font-size: 28px;}
.fs30{font-size: 30px;}
.fs32{font-size: 32px;}
.fs34{font-size: 34px;}
.fs36{font-size: 35px;}
.fs40{font-size: 40px;}
.fs48{font-size: 48px;}
.fs52{font-size: 52px;}
.fs60{font-size: 60px;}

.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}

.cr000{color: #000;}
.cr255{color: #fff !important;}
.cr222{color: #222;}
.cr333{color: #333;}
.cr666{color: #666;}
.cr999{color: #999;}
.cr3E7EFF{color: #3E7EFF !important;}
.cr000202{color: #000202;}
.crAEB5BF{color: #AEB5BF;}
.cr858C96{color: #858C96;}
.cr8C939D{color: #8C939D;}
.cr8A8A8A{color: #8A8A8A;}
.crC4C4C4{color: #C4C4C4;}
.crA7A7A7{color: #A7A7A7;}
.crBFC4CD{color: #BFC4CD;}
.cr9A9A9A{color: #9A9A9A;}
.cr818B94{color: #818B94;}
.cr828F90{color: #828F90;}
.crFB764D{color: #FB764D;}
.cr9FA3B0{color: #9FA3B0;}
.crCACACA{color: #CACACA;}
.crFF4340{color: #FF4340;}
.cr919496{color: #919496;}
.crFF781D{color: #FF781D;}
.crFF9642{color: #FF9642;}
.crE74B3D{color: #E74B3D;}
.crE93553{color: #E93553;}
.crFF741F{color: #FF741F;}
.cr2A3033{color: #2A3033;}
.crF13232{color: #F13232;}
.crF36359{color: #F36359;}
.crE0C9AD{color: #E0C9AD;}
.cr845110{color: #845110;}
.cr2D2E31{color: #2D2E31;}
.crFF5A00{color: #FF5A00;}
.cr9C9C9C{color: #9C9C9C;}
.cr3E3F67{color: #3E3F67;}
.cr6D71A0{color: #6D71A0;}
.cr3C3E5B{color: #3C3E5B;}
.crE0D7F2{color: #E0D7F2;}
.crE8D5BD{color: #E8D5BD;}
.crB7B2B1{color: #B7B2B1 !important;}
.crC0C0C0{color: #C0C0C0;}

.mask6{position: fixed;top: 0;left: 0;z-index: 8;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}

.p8{padding: 0 8px;}
.p16{padding: 0 16px;}
.mt22{margin-top: 22px;}
.mb22{margin-bottom: 22px;}

.bg255{background-color: #fff;}
.bg000{background-color: #000;}
.bgf1f1f1{background-color: #f1f1f1;}
.bgf5f5f5{background-color: #f5f5f5;}
.bgf5f6f6{background-color: #f5f6f6;}
.bgD8D8D8{background-color: #D8D8D8;}
.bg3E7EFF{background-color: #3E7EFF !important;}
.bg363A51{background-color: #363A51;}
.bgF8F9FB{background-color: #F8F9FB;}
.bgF9F9FC{background-color: #F9F9FC;}
.bgCBCBCB{background-color: #CBCBCB;}
.bgD7DBDF{background-color: #D7DBDF;}
.bgr818B94{background-color: rgba(129, 139, 148, .12 )!important;}
.bgr3E7EFF{background-color: rgba(62, 126, 255, 1);}
.bgE93553{background-color: #E93553;}
.bgA7B0B8{background-color: #A7B0B8;}
.bgr454545{background-color: rgba(69, 69, 69, .12) !important;}


.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}


.zi999{z-index: 999;}

.pa {position: absolute;}
.pr {position: relative;}
.pf{position: fixed;}
.csp{cursor: pointer;}
.hm,.vm {position: absolute;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.vm {top: 50%;}
.hm {left: 50%;}
.db {display: block;}
.dib{display: inline-block;}
.hide {display: none;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.nowrap{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/* 图片缩放 */
.package img{transition: transform .3s linear;width: 100%;height: 100%;}
.package:hover img{transform: scale(1.1);}

.empty-null{margin-top: 100px;margin-bottom: 100px;}


/* 头部 */
.fix-head{width: 100%;}
.fix-head .topbar{width: 100%;height: 54px;}
.fix-head .topbar .left{height: 54px;line-height: 54px;}
.fix-head .topbar .left img{margin-right: 8px;vertical-align: top;margin-top: 15px;}
.fix-head .topbar .right{width: 349px;height: 54px;line-height: 54px;}
.fix-head .topbar .right img{width: 28px;margin-right: 16px;vertical-align: top;margin-top: 14px;}
.fix-head .topbar .line{width: 100%;height: 1px;opacity: 0.39;}
.fix-head .menu{width: 100%;height: 96px;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.07);z-index: 2;}
.fix-head .menu .logo{width: 107px;margin-right: 30px;vertical-align: top;margin-top: 26px;}
.fix-head .menu ul{width: 814px;display: inline-block;}
.fix-head .menu ul li{float: left;margin: 0 17px;height: 96px;padding-top: 30px;}
.fix-head .menu ul li:hover > a{color: #3E7EFF;}
.fix-head .menu ul li:hover > a::after{content: '';width: 28px;height: 4px;background-color: #3E7EFF;position: absolute;left: 50%;transform: translateX(-50%);top: 30px;}
.fix-head .menu ul li a{color: #333;position: relative;}
.fix-head .menu ul li a img{vertical-align: top;margin-top: 2px;margin-right: 5px;}
.fix-head .menu ul li a.on{color: #3E7EFF;}
.fix-head .menu ul li a.on::after{content: '';width: 28px;height: 4px;background-color: #3E7EFF;position: absolute;left: 50%;transform: translateX(-50%);top: 30px;}
.fix-head .menu .search{width: 26px;margin-left: 24px;margin-right: 20px;vertical-align: top;margin-top: 32px;}
.fix-head .menu .sear-box{left: 50%;margin-left: -270px;top: 25px;width: 540px;height: 42px;background: #F4F4F5;border-radius: 21px;padding-left: 12px;}
.fix-head .menu .sear-box img{transform: scale(.8);vertical-align: top;margin-top: 10px;}

.fix-head .menu .sear-box input{width: 354px;height: 42px;line-height: 42px;margin: 0 21px 0 0;font-size: 16px;padding-left: 10px;}
.fix-head .menu .sear-box .clear-text{top: 0;right: 10px;}
.fix-head .menu .sear-box .sear-btn{top: 0;right: 0;width: 100px;height: 42px;line-height: 42px;border-radius: 21px;}

.fix-head .menu .sear-box dl{margin-left: -12px;padding-left: 20px;border-radius: 2px;padding-bottom: 12px;}
.fix-head .menu .sear-box dl dt{margin: 12px auto;}
.fix-head .menu .sear-box dl dd{line-height: 30px;}


.fix-head .menu .bell{height: 96px;padding-top: 30px;vertical-align: top;}
.fix-head .menu .bell i{right: -6px;top: 27px;padding: 0 6px;height: 18px;line-height: 18px;background: #F4533B;border-radius: 9px;}

.fix-head .menu .bell .sub-menu{top: 96px;left: -122px;width: 304px;overflow: hidden;}
.fix-head .menu .bell .sub-menu .sub-menu-li{width: 100%;border-bottom: 1px solid #EDEFF2;padding: 14px 22px;}
.fix-head .menu .bell .sub-menu .sub-menu-li .left{margin-right: 12px;}
.fix-head .menu .bell .sub-menu .sub-menu-li .left i{right: 16px !important;top: -5px !important;}
.fix-head .menu .bell .sub-menu .sub-menu-li .left img{width: 32px;height: 32px;}
.fix-head .menu .bell .sub-menu .sub-menu-li .right{overflow: hidden;}
.fix-head .menu .bell .sub-menu .sub-menu-li .right .r-t .title{height: 24px;line-height: 24px;margin-right: 16px;}
.fix-head .menu .bell .sub-menu .sub-menu-li .right .r-t span{height: 24px;line-height: 24px;}
.fix-head .menu .bell .sub-menu .bell-more{height: 58px;line-height: 58px;}

.fix-head .menu .nouser{width: 101px;height: 36px;line-height: 36px;border-radius: 18px;margin-top: 26px;margin-left: 32px;vertical-align: top;}
.fix-head .menu .nouser a{color: #fff;}

.fix-head .menu .user{min-width: 101px;height: 96px;margin-left: 32px;vertical-align: top;}
.fix-head .menu .user .por{width: 100%;height: 26px;line-height: 26px;margin-top: 30px;overflow: hidden;white-space: nowrap;}
.fix-head .menu .user .por img{width: 26px;height: 26px;vertical-align: top;margin-right: 6px;border-radius: 50%;}
.fix-head .menu .user .sub-menu{left: 0;top: 68px;width: 128px;height: 248px;background-image: url(../img/9-1.png);background-size: 128px 248px;padding-bottom: 24px;}
.fix-head .menu .user .sub-menu a{display: block;height: 24px;line-height: 24px;margin-top: 28px;}
.fix-head .menu .user .sub-menu a:hover{color: #3E7EFF;}

.fix-head .menu ul li .sub-menu{left: 0;top: 96px;width: 708px;height: 302px;}
.fix-head .menu ul li .sub-menu .sub-l{width: 132px;height: 302px;}
.fix-head .menu ul li .sub-menu .sub-l dt{width: 100%;height: 50px;line-height: 50px;cursor: pointer;}
.fix-head .menu ul li .sub-menu .sub-l dt.on{background-color: #fff;color: #3E7EFF;}
.fix-head .menu ul li .sub-menu .sub-l dt.on::before{content: '';position: absolute;left: 0;top: 0;width: 6px;height: 50px;background: #3E7EFF;}
.fix-head .menu ul li .sub-menu .sub-r{width: 576px;height: 302px;padding: 18px 46px;}
.fix-head .menu ul li .sub-menu .sub-r .r-t{height: 24px;line-height: 24px;margin-bottom: 22px;}
.fix-head .menu ul li .sub-menu .sub-r .r-t::before{content: '';position: absolute;left: -10px;top: 5px;width: 4px;height: 14px;background: #3E7EFF;}
.fix-head .menu ul li .sub-menu .sub-r .r-b a{display: inline-block;height: 24px;line-height: 24px;color: #222;margin-bottom: 12px;margin-right: 32px;}
.fix-head .menu ul li .sub-menu .sub-r .r-b a:hover{color: #3E7EFF;}
/* 底部 */
.foot{width: 100%;margin-top: 150px;}
.foot .top{padding-top: 80px;}
.foot .top .wrap{width: 122px;}
.foot .top .wrap .code{width: 122px;height: 124px;margin-top: 16px;margin-bottom: 16px;}
.foot .top .protocol .col{margin-left: 236px;}
.foot .top .protocol .col h4{font-weight: normal;margin-bottom: 10px;}
.foot .top .protocol .col a{display: block;line-height: 34px;color: #fff;opacity: 0.28;}
.foot .top .protocol .col a:hover{opacity: 1;cursor: pointer;}
.foot .top .friendlink{margin-bottom: 20px;}
.foot .top .friendlink h4{margin-left: 37px;display: inline-block;font-weight: normal;margin-bottom: 16px;}
.foot .top .friendlink a{display: inline-block;margin-right: 20px;}
.foot .bot a{height: 108px;line-height: 108px;color: #fff !important;opacity: 0.28;}

/* 授课时间 */
.fix-time-mask .fix-time{width: 543px;position: fixed;left: 50%;transform: translateX(-50%);bottom: 0;border-radius: .625rem .625rem 0 0;padding-bottom: 2.3125rem;}
.fix-time-mask .time-h{height: 1.3125rem;line-height: 1.3125rem;border-bottom: 1px solid #f9f9f9;margin-top: 1.375rem;margin-bottom: 1.375rem;}
.fix-time-mask .time-b table,.fix-time-mask .time-m tbody,.fix-time-mask .time-m tbody tr{width: 100%;}
.fix-time-mask .time-b tr th{flex: 1;height: 1.5625rem;line-height: 1.5625rem;border-right: 1px solid #C1D5FF;border-bottom: 1px solid #C1D5FF;border-top: 1px solid #C1D5FF;}
.fix-time-mask .time-b tr td{flex: 1;height: 1.5625rem;line-height: 1.5625rem;border-right: 1px solid #C1D5FF;border-bottom: 1px solid #C1D5FF;}
.fix-time-mask .time-b tr td.on{background-image: url(../img/5-12.png);background-position: center center;background-repeat: no-repeat;background-size: .875rem .875rem;}
.fix-time-mask .time-b tr th:first-child{border-left: 1px solid #C1D5FF;}
.fix-time-mask .time-b tr td:first-child{border-left: 1px solid #C1D5FF;}
/* 可授科目 */
.fix-subject{width: 543px;height: 37rem;position: fixed;left: 50%;transform: translateX(-50%);bottom: 0;border-radius: .625rem .625rem 0 0;}
.fix-subject .subject-h{padding-top: 1.3125rem;height: 6rem;}
.fix-subject .subject-h .title{height: 2.25rem;line-height: 2.25rem;}
.fix-subject .subject-h .amount{height: 1.3125rem;line-height: 1.3125rem;margin-bottom: 2.3rem;margin-top: .375rem;}
.fix-subject .subject-b{width: 100%;height: calc(100% - 6rem);overflow: hidden;}
.fix-subject .subject-b .b-left{width: 5.1875rem;height: 100%;margin-right: .375rem;}
.fix-subject .subject-b .b-left li{height: 3.3125rem;line-height: 3.3125rem;cursor: pointer;}
.fix-subject .subject-b .b-left li.on{background-color: #fff;color: #3E7EFF;}
.fix-subject .subject-b .b-left li.on:before{content: '';position: absolute;top: 0;left: 0;width: .3125rem;height: 100%;background: #3E7EFF;}
.fix-subject .subject-b .b-right{overflow: hidden;height: 100%;}
.fix-subject .subject-b .b-right ul{overflow-y: auto;height: 100%;padding-bottom: 6rem;}
.fix-subject .subject-b .b-right li{display: none;}
.fix-subject .subject-b .b-right li:first-child{display: block;}
.fix-subject .subject-b .b-right span{display: inline-block;width: 6.625rem;height: 2.375rem;line-height: 2.375rem;border-radius: 1.1875rem;border: 1px solid #CDCDCD;margin-left: .8125rem;text-align: center;margin-top: .8125rem;}
.fix-subject .subject-b .b-right span.on{color: #fff;background-color: #3E7EFF;}
.fix-subject .subject-b .b-right .mul-b{bottom: 0;left: 0;height: 5rem;}
.fix-subject .subject-b .b-right .btn{width: 48%;height: 2.5625rem;line-height: 2.5625rem;border-radius: .25rem;margin-bottom: 1.3125rem;cursor: pointer;}
.fix-subject .subject-b .b-right .btn:first-child{border: 1px solid #f9f9f9;}

/* 固定右侧 */
.fixed-right{width: 76px;right: 20px;top: 380px;}
.fixed-right ul{width: 76px;border-radius: 2px;box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);}
.fixed-right ul li{width: 100%;height: 67px;cursor: pointer;padding: 0 6px;}
.fixed-right ul li a{width: 100%;height: 100%;display: block;overflow: hidden;border-top: 1px solid #E7E7E7;}
.fixed-right ul li a img{margin-top: 10px;}
.fixed-right ul li a p{height: 18px;line-height: 18px;margin-top: 2px;}
.fixed-right ul li:last-child{height: 73px;border-top: 6px solid #f5f6f6;}
.fixed-right ul li:last-child a{border: 0;}
.fixed-right ul li:first-child a{border: 0;}
.fixed-right ul li .drop-code{right: 72px;top: -80px;width: 200px;height: 232px;background-image: url(../img/9-2.png);background-size: 200px 232px;padding: 24px 34px 0 34px;}
.fixed-right ul li .drop-code img{width: 115px;height: 115px;margin-bottom: 12px;}
.fixed-right ul li .drop-code span{width: 70px;height: 40px;line-height: 20px;}
.fixed-right ul li .drop-phone{right: 72px;top: 2px;width: 200px;height: 70px;line-height: 70px;background-image: url(../img/9-3.png);background-size: 200px 70px;}

/* 快速请家教弹框 */
.fraulein{width: 400px;border-radius: 32px;padding: 12px 11px 15px 11px;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.fraulein .fraulein-h{width: 200px;margin: 0 auto;}
.fraulein .close{right: 12px;top: 10px;}
.fraulein .fraulein-b{width: 378px;border-radius: 32px;margin-top: 12px;padding: 16px 20px 20px 26px;overflow: hidden;}
.fraulein .fraulein-b .b-w-t{height: 42px;line-height: 32px;}
.fraulein .fraulein-b input{width: 324px;height: 40px;background: #F0F5FF;border-radius: 33px;margin-bottom: 16px;font-size: 14px;padding-left: 16px;}
.fraulein .btn{width: 324px;height: 40px;line-height: 40px;box-shadow: 0px 4px 10px 0px rgba(62,126,255,0.42);border-radius: 33px;border: 1px solid #3E7EFF;margin-top: 10px;}

/* 搜索弹框 */
.identity-mask{width: 400px;height: 454px;border-radius: 20px;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.identity-mask .close{top: 10px;right: 10px;}
.identity-mask .iden-h{margin-top: 42px;margin-bottom: 32px;}
.identity-mask .iden-b a{display: block;width: 366px;height: 147px;margin-bottom: 22px;margin-left: 20px;padding-left: 36px;padding-top: 58px;}
.identity-mask .iden-b .b-1{background-image: url(../img/10-1.png);}
.identity-mask .iden-b .b-2{background-image: url(../img/10-2.png);}

/* 下拉多选 */
.pickerWrapper{position: relative;width: 543px;height: 59px;line-height: 59px;border: 1px solid #ddd;background-color: #fff;border-radius: 8px;padding-left: 20px;}
.picker-search{width:100%;color:#666;border-radius:3px;cursor:pointer;}
.picker-search-checked{position:relative;width:100%;padding-right: 5px;font-size: 20px;}
.picker-search-checked:after{border: 5px solid transparent; content: ' ';height: 0; position: absolute;width: 0; top:24px; border-top: 8px solid #666; right:8px;}
.picker-options-wrp{display:none;width:100%;border-radius: 2px;box-shadow: 0 1px 5px rgba(0,0,0,.2);top:59px;left:0;}
.picker-options-serch input{width:100%;height:32px;line-height:32px;border:1px solid #ddd;border-radius:3px;margin:12px 0 0 10px;padding-left:8px;}
.picker-options-serch input:focus{border-color: #66afe9;outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
.picker-options-list{width:100%;padding:8px 0;height: 300px;overflow-y: auto;}
.picker-options-list-item{width:100%;line-height:36px;cursor: pointer;padding:0 12px;}
.picker-options-list-item:hover{background: #ebf1f5;}
.duihao {display:inline-block;width:16px;height:16px;border-radius:3px;transform: translateY(1px);margin-right:6px;}
.duihao-checked {background: #00a0ff; position: relative;}
.duihao-checked:before, .duihao-checked::after {content:""; height:10px; width:2px;	border-radius: 10px; display:block;	background:white; position: absolute;top:3px; left:8px; transform:rotate(45deg);-ms-transform:rotate(45deg);}
.duihao-checked::before {height:6px; transform: rotate(-45deg); -ms-transform:rotate(-45deg);position: absolute; top:6px;left: 3px;}
.duihao-nocheck{border:1px solid #ddd;}

/* 首页定位 */
.map{width: 678px;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.map .map-h{height: 92px;line-height: 92px;border-radius: 2px;padding: 0 42px;}
.map .map-b{padding: 0 36px 42px 36px;overflow: hidden;}
.map .map-b .row .row-h{height: 30px;line-height: 30px;margin-top: 35px;}
.map .map-b .row .row-b p{width: 126px;height: 46px;background: #FFFFFF;border: 1px solid #E3E7ED;margin-top: 30px;margin-right: 28px;cursor: pointer;}
.map .map-b .row .row-b p:nth-child(4n){margin-right: 0;}
.map .map-b .more{margin-top: 60px;}