html{font-size:100px;}
.pre_load_box[data-v-5b5ea654] {
    position: absolute;
    top: -20px;
    left: -20px
}

.pre_load_box img[data-v-5b5ea654] {
    width: 1px;
    height: 1px
}

.top_box[data-v-5b5ea654] {
    width: 100%;
    position: relative;
    min-width: 1200px
}

.top_banner[data-v-5b5ea654] {
    position: absolute;
    width: 13rem;
    height: .675rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1000
}

.logo_img[data-v-5b5ea654] {
    margin-left: .3rem;
    margin-right: .4rem;
    width: .76rem
}

.menu_list[data-v-5b5ea654] {
    display: inline-block
}

.menu_list_item[data-v-5b5ea654] {
    margin-right: .5rem;
    display: inline-block;
    color: grey;
    vertical-align: middle
}

.menu_list_item .text[data-v-5b5ea654] {
    cursor: pointer;
    font-size: .17rem
}

.tab_text[data-v-5b5ea654] {
    display: inline-block;
    font-family: SourceHanSansSC-ExtraLight
}

.menu_list_item .text.active .tab_text[data-v-5b5ea654]:after,.menu_list_item .text:hover .tab_text[data-v-5b5ea654]:after {
    content: "";
    display: block;
    width: 95%;
    border-bottom: 2px solid #ff6c00;
    margin: 6px auto 0
}

.menu_list_item .text.active[data-v-5b5ea654],.menu_list_item .text[data-v-5b5ea654]:hover {
    font-size: .169rem;
    color: #ff6c00
}

.on_line_btn[data-v-5b5ea654] {
    display: inline-block;
    margin-left: .03rem;
    margin-right: .3rem;
    cursor: pointer
}

.on_line_btn img[data-v-5b5ea654] {
    width: 1.3rem;
    padding-top: 5px
}

.foot[data-v-5b5ea654] {
    margin-top: 120px
}

.float_box[data-v-5b5ea654] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
    text-align: center;
    padding: 10px 0;
    display: block;
    z-index: 1000
}

.float_text[data-v-5b5ea654] {
    margin-left: 2.8rem;
    width: 4rem;
    margin-right: .5rem
}

.float_box_item[data-v-5b5ea654] {
    position: relative
}

.getBtn[data-v-5b5ea654] {
    width: 2rem;
    cursor: pointer
}

.img_box[data-v-5b5ea654] {
    position: relative;
    display: inline-block;
    padding-top: 5px
}

.float_girl[data-v-5b5ea654] {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 2.4rem
}

.dialog[data-v-5b5ea654] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background: rgba(0,0,0,.4)
}

.dialog_box[data-v-5b5ea654] {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    background: #fff;
    padding: 0 20px 40px 40px;
    border-radius: 20px
}

.float_code[data-v-5b5ea654] {
    width: 3rem;
    margin-right: 20px
}

.close_icon_box[data-v-5b5ea654] {
    margin-top: 20px;
    text-align: right
}

.close_icon[data-v-5b5ea654] {
    width: .2rem;
    cursor: pointer
}

.to_top_icon[data-v-5b5ea654] {
    position: fixed;
    bottom: 200px;
    right: 50px;
    width: .4rem;
    cursor: pointer;
    display: none
}

.client-title[data-v-5b5ea654] {
    color: #ff6c00;
    font-size: .25rem
}

.content[data-v-5b5ea654] {
    padding: 0 1.2rem
}

.content .desc[data-v-5b5ea654] {
    text-align: center;
    font-size: .2rem;
    margin-top: .2rem;
    color: #333;
    font-weight: 700;
    cursor: pointer
}

.content .clientWrapper[data-v-5b5ea654] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.content .clientWrapper .client[data-v-5b5ea654] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .clientWrapper .client .imgWrapper[data-v-5b5ea654] {
    width: 1.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ffb238;
    margin: .15rem 0;
    cursor: pointer
}

.content .clientWrapper .client .imgWrapper>img[data-v-5b5ea654] {
    width: 100%
}

.content .clientWrapper .client .imgWrapper[data-v-5b5ea654]:hover {
    background-color: #f1dc60
}

.content .clientWrapper .client .guide[data-v-5b5ea654] {
    text-decoration: underline;
    color: #4e4a4a;
    cursor: pointer;
    margin-top: .1rem
}

.content .select[data-v-5b5ea654] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .2rem;
    margin-top: .2rem;
    color: #666
}

.content .select .enterBtn[data-v-5b5ea654] {
    font-size: .12rem;
    letter-spacing: .01rem;
    background-color: #ff6c00;
    color: #fff;
    padding: .12rem;
    cursor: pointer;
    margin-left: .05rem;
    border-radius: .2rem
}

.installWrapper>img[data-v-5b5ea654] {
    width: 11.5rem
}

.solveWrapper[data-v-5b5ea654] {
    width: 7rem;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.solveWrapper .row[data-v-5b5ea654],.solveWrapper[data-v-5b5ea654] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.solveWrapper .row[data-v-5b5ea654] {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: .3rem
}

.solveWrapper .row .rowItem[data-v-5b5ea654] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.solveWrapper .row .rowItem>img[data-v-5b5ea654] {
    width: 3rem
}

.solveWrapper .row .rowItem .desc[data-v-5b5ea654] {
    font-size: .15rem;
    margin-top: .2rem
}

.foot1[data-v-0b1155e8] {
    padding: 40px 1.5rem;
    background: #535353;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px
}

.foot1_box[data-v-0b1155e8] {
    margin-right: 2.5rem
}

.foot1_box.last[data-v-0b1155e8] {
    margin-right: .5rem
}

.top[data-v-0b1155e8] {
    text-align: left
}

.title[data-v-0b1155e8] {
    font-size: 16px
}

.border[data-v-0b1155e8] {
    display: inline-block;
    border-bottom: 4px solid #ff8b00;
    border-radius: 10px;
    width: 20px
}

.detail[data-v-0b1155e8] {
    text-align: left;
    margin-top: 10px
}

.item[data-v-0b1155e8] {
    line-height: 35px
}

.link[data-v-0b1155e8] {
    cursor: pointer;
    color: #fff
}

.phone_box[data-v-0b1155e8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.date_box img[data-v-0b1155e8],.phone_box img[data-v-0b1155e8] {
    width: 15px;
    margin-right: 10px
}

.phone_box p[data-v-0b1155e8] {
    margin-bottom: 10px
}

.phone_box p[data-v-0b1155e8]:last-child {
    margin-bottom: 0
}

.date_box[data-v-0b1155e8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wbcode_box[data-v-0b1155e8],.wxcode_box[data-v-0b1155e8] {
    width: 96px
}

.foot2[data-v-0b1155e8] {
    padding: 10px;
    background: #7d7d7d;
    color: #fff;
    text-align: center;
    font-size: 14px
}

.foot2_box[data-v-0b1155e8] {
    margin-bottom: 5px
}

.foot2_box span[data-v-0b1155e8] {
    display: inline-block;
    margin-right: 30px
}

.foot2_box span a[data-v-0b1155e8] {
    cursor: pointer
}

.flex-box[data-v-0b1155e8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-box .regulation[data-v-0b1155e8] {
    margin-right: 55px
}

.verify-box[data-v-0b1155e8] {
    margin-right: 40px
}

.verify-box .verify-img[data-v-0b1155e8] {
    width: 110px;
    cursor: pointer
}

.el-dialog-wrapper[data-v-9a9bba0a] {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 9999
}

.el-dialog-wrapper .el-dialog[data-v-9a9bba0a] {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 3rem;
    min-height: 3.5rem;
    background-color: #fff;
    border: 3px solid #ffb238;
    border-radius: .15rem;
    padding: .2rem
}

.el-dialog-wrapper .el-dialog .el-dialog-title[data-v-9a9bba0a] {
    position: relative;
    font-size: .15rem;
    height: .3rem;
    line-height: .3rem
}

.el-dialog-wrapper .el-dialog .el-dialog-title .el-dialog-close[data-v-9a9bba0a] {
    position: absolute;
    text-align: center;
    cursor: pointer;
    right: .02rem;
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    font-size: .25rem;
    color: #f38515
}

.el-dialog-wrapper .el-dialog .el-dialog-body[data-v-9a9bba0a] {
    min-height: 2.8rem;
    margin-top: .2rem
}

.el-dialog-wrapper .el-dialog .center[data-v-9a9bba0a] {
    text-align: center
}

.banner_box[data-v-65695bb5] {
    position: relative;
    width: 100%
}

.paly_box[data-v-65695bb5] {
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAACUCAMAAABC4vDmAAAAqFBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////82TosEAAAAN3RSTlMfALTs+95fxGVxIgXlKo+kNfZu10+WVSYN2p2Zf0xHOC/UoGlbpvB3Qb57Us884Mp6rxEIh6sS+S7TtQAABlBJREFUeNrsmtl2qjAUQM8VZZRRCqhFEAe0Vdva3pX//7NrewLiUBkSeLr7sasJm+QMCUv4w4oGVig66fOJ1BFDCzTmKVmkjhslkQ59ckX/ICXK5lg+nruUL5tj8pCxKfslk/CU+nSnA1KJwdT9vB3PX0pzV2tSg/XKLQkyZindEEhtBEPPxrcg9SrdfeZI6pmTpxMTsyeN7lpLrzgDbyltcRPZh54hz3S4Qp/JRu9wE/eOxlUKlYbkgvlUjuEBsTydkwuGC42vlHeRbnZPsaACltKzL5JxyVHKkoq1cevoUBnd2faLsWVxkgqmhWmHRgQ1iYxh4ZWmAQ8ptzDlXFGhAaoyL7yWyywVmCRnJ0JjxB3JWQVsUvtzgI9kYEIenwN+zyKV5tEkvKjAiPoi5JGVNpYKPkiGGQMH4nMsfATNpNRRvtwecOJc70ZqE6koX+zEB274SR4QUX0p184Gi8AVUSCI/VpXSsxC/M0CzlhvWbiL9aTkzClRgTtqklkt6kgtslHv0Arv2Tsvqkst6RhbhJYQbfrWy6pSHnUSQmiNUKBWXjWpvU2dZtAiM2pl76tIqQJ12kCrbLLnqOVSwahknbiv1SgolaL9bh1C64Rr2gfLpNKsrkEHZBU6fSy1p//2Ap3wQpdg/0gqoE18Ah1Ba/sgeCC1ov1OhY5QaR9c/S7l0cSzoDMsmoLeb1JHem8RoUNEesc5/iI1oQcD6BT61Ml9KauPQedDp/gDzEDrrpREdxfK0L92ti1sZeADjWTpntSS3lugjOWQIFsXuEDvOMtbKQ1XUYirFTxkogMHYgHjRruRWlQs5a+kiJByLOzOtZQ2pLcxKGF88+EQmKE3zKF2JeXgI0qD1yU3JDGwItOlupLCBdhBGV/kFoG9fe/wu+illFe1lifkHm8esLG8aDZQrFFzKKVH7rOygIk5BmhRSseZleZSZP0MLCg4i16QMjD61YZSyG7JkoCY/cZZShPwL9BYCvkbQWMMzBktl3KxJUasUsT+gqZEeBxwc6kVtjJgkkLmIjRkiwmTSX2usXSxSiEfe2iEg/nySaVcXHqdRYp9D3Ub949KTck3PWCVYvy6jVNPqdQAixQfKaS3aVqqBijl4zwWTynSN1SoiYUj/R8pmbYYblLIWG7WauQfKRP3klWKfQ8xts0fqTEK8pVCDL/+qWr8LXXE8TFnKeSwgOrEOOZ4ktpg0AN3KWQ7g8pgGdicpBTc/zakkCe9XqVSTlIT3P32pMjQqXVSSE5SEsZ5S1LINqwR6dJJCn/WMGtDqu61dYbJ8Qc0PMfoLUuRoQKl6NgMNAA88UGbUohUvod4AgaIsK+3LIU8Qwl4U44gxLfoRIqUnbQw6UIQsUx1I0W8KrOL9BRjdiQ1qPKlSoEUC1ZHUmRW4ftnCs/YCrqSSuERT5gPXUsZ/6X+lXNmzQnCUBSeDFMcW7uhiLK4FGoXmCEPKv//n5VOJ7bTagnchUTvuw+STJJ77ncO5vJxb/REZ6MzHwlzrSOB+fB0tQ5P3mvG17tmWC/kreaFzPh0WU91ny5sj7xNrP/I43oO75b6z2GmxqHI2jQOLC3WJm7XYnE0o7uHls0ofdteTFu37dQCh/PeQeAgloLuVx2kIFrRrGg5n/S//gilvOjIbvJiSiLEqpUDCLE0knU5AUjWNOK+8wIQ92nGINXTLWQMQjIwKiewgRHBaG00BI7WUIeQSrCDDiHRx7WDBD6uRR5sj4YIg21cBKCKAmQEAA5LDBbosITCSrJmAEtXvodjJfoAzt3RHjNABnDgqNLbAhlVgkNdo5QO6hKeJv6WIK6cKqk+VGdQMP65cq+ooCAAqUydw9gTF6kEwaer7fixcsrhNS58ag+mKyIAIU8FNItZn+j37BQkn/cHyed22Qn4jRehMl7YZlHpycwjbbQ9mWkQEwG3lS6w1XRopj1TCJfPyOrabfkVIlW/CinM0eHBHG2/jVyI3EDDPVk0QfgdTXAuIQ5mxl3UJamCQSRShMraBW7wMThCRdXsGceDkuGEzajKsWN58nMNMDIz6umzMvNCsY7Gh/lN8WH++rcweoMftObN/7CIp4PWruBBa/BIusivK2qMpLuU8D5DYw4NDYQ0NTpT1f6/kNG96F4YcazLxPVkXJf03GSJEMf6AYMspYBhlRyyAAAAAElFTkSuQmCC);
    background-size: contain;
    width: 1.02rem;
    height: 1.02rem;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    margin-left: -.51rem
}

.paly_box[data-v-65695bb5]:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAACUCAMAAABC4vDmAAAA5FBMVEX//CgAAAD//tf///7///P///b//DL//+3//sz//sr///z///j//+r//97//sP//qz//ED//s////r//s3//tH//9r//Y///W///Uj//sf//rv///H//pP//Xf//VL///T//qD//+r//rz//qT//tf//r3//+H//YL//tL//9////X//+b//pj//+///+L//tP//sj//sD//+j//s7//sz//Vn//sP//sX//sT//sb//9///tX//tv//Yv//sn//sX//r///rf//tX//Wb//+P//rf//r3//rL//tL//sT//+P///9eLGF4AAAAS3RSTlNwAM796vJz5V/B+vTTsLyrd3D3ZHvRmYl7QxTlnI197aPkt6aUBrmSgNbv3p7p24RKEOHGxYAoAy++t46ll1AzCgmKhcGzuK/JK8L+q1B5AAAGiklEQVR42uyZaVviMBCAR1pKuZYWSksBOeVSRBBB8RZXd/fJ//8/6zLDjfRI2k/7fjbhbSaZmUQ44eV2aqt6d372xbyrq/b0lntKHqni81U6JUtsB0lOpa+ei87jhUvdGfcldpTSvXHnMIlIqVc1LTNXyGn1dX+8eKmW2s4yD2TbasthSl6pl8co80z08eWECEAql2IHSMYGkXH8xxfxcWQQS7IDpHI4g2ipN2NvZ8v5Rt/SYAfN6jfy8t6+774Jl2oZOz9Tn5ULcIRCeVZnW1SNllip3JZSIt+sgAsqzXxia2V1gVJ2iq2RejUNXKPVehJbk7IFSY3SG9Oef07AI5PP841PShdFSKlVtiJWU8AHSi22sbVUbqnRPVtxbYJvzGu2ol3kkxrK61UqAxfl9WrJQx6pucSIZEYBTpRMkhHSg2+p0U+25KYAAijcsCU/R/6kpjFGXHZAEJ1LRsSmfqTsc0bEFRCGEmdE1PYupSaWg00QihllSCLnVUpfOl1UQDCVi6WV7k3KkJxDxx9CyfAiZSxHZSAQMhJDDPdSOo3JmhAQZpa+WncrlUtQwjyFwDhNrne7G6khOUUtCBArSlZDN1J/ouT0DoHyvvydP85SoxjFzoKAsSiCsZGjFNW77CkEzmmW6qCT1AOdijKEgEmn/OG41JD+LAOhkKElGB6TGsmUxyEkKLfLoyNSbap3CoSEQnWw/b1Ujg5pBUKjQokh951UkTooE0LEpKtb8RupNMeG4t5W6cNStoS9rwKholziCbQPStHdvANOaB8X2Wwy3wcxdOhGf0hKp3sLOPFUZUhPUNanO46+L9WSseQVXCU8Iq6BAAp4AuXWnpThMpV32CbRjMDE3t2VepOxYivgQIxtM+gANwpOWn3bkeqyBWXHys7WiLs9l2mpdqRK+K4CTnywfZL8McQ3mdK2VM5tLr9hh7jgjeHTVrGBzRxVB0ci7DBjznpZx1y1KfWCMzf9S7HsL+ChibO8bEg9YlFU/EkR1088BxCbgce1VAuz1yf4lSJ+T8A3Dcx7rZWUiiVxwiHFHcMJtgPqSqqNpQx4pIi6CT7pUQtKUq941alxShERnzGs4Vq/ohRFL6HxShGJD/CDlljFD1YdZx54pThft/PYgZKUjElKiBQRefebqmSUusN5KiKlmNRQwCMVHHm3kDKoxIiSIi77/kqNsZDC/77MBEoReY8xnC1G3S+kSthJCZUiPhXvXVXpn1QRxxfEShGylxgWcEzxS+oZR4NoKaJngWswDTx/SV1h/AOQIn5o3jLV1QlQ6mwEJ8WqNU+dQvoEqOnsByPl7drap/YTKJ9bQUkRMzcxtCinwy32MVrAUuy8CY5oWAxuYYq3JAhQihg4xxAfsadgY10PVorIuLt+26DiV4QixZw6rQG2VKBjmgpHinXczK4D5s5xGFLOhWOM2RPm+NAUkhSzXLx/zuEMS0EYUs797Q/2j7OwpRr/pf6Wc26rCQNBGGYpUagQUaFKJN2qPXioXiitikgpRbT6/u/TtF6MSmlmMzPrxO4D5GZDMvMfPs7r8/2ix5gX3fMnoYj6JHj+eN6gPp5+fzMh7jfj9Ye8Qv6QPY4urSfs6OJtyKuu8UOer3F484Ifhz0tDuOl4+Igv2JV164rlvwyurl1XEbl1/axg0My3K/t0gJHqZxB4BCWgiaNDFIQp2hG97ZCEM2k5MWgTJAXWYRYul8KQqyYZD2ICZK1jLgflAniPrMNAmkFig0iYhiNYpphJGCt9TtEa43RhISbo5qQ7HbtKKbbtczGdv+OYmxbMLbZIgAgtVJe890ba1iiV2cOS0CsJH1qnaDle3qsZIoN4LR/3TELTAGcKVtUqVeXiiq9W2Soa4i+OXqoy3SRUneMvDl6/A2CgkHqGLQ+vLkP1qAgIVL5XALbkzVSSQqfNlbF611p0Cnwhk/zE9NVGWg2kT1f9NtGeQrJ66wTmOhcxYsobxUVKPPQX3Z6mQfO1n/taYsuiAXyBbEAXRAzM99VulleS4c665k6i6w6K786y9Fwg5I18quKa+G+prBwnwyigT40gTGvTUmIQ/PzcnAXyVnoA4MoRagYEz3ydFCWHLAZODV7YJhnxfK04Bm2xgEwio4ARm13gFH7GGB0uain71PRB8X6wYfZkzxGmIYPC0/xYd0HftBa1wW0NqSD1uhIunmYnPkfSLq9xvpf4H1KMYdKgZBa0ZlqIaOnONbFfXIWTDjWL7zvTO9572ddAAAAAElFTkSuQmCC)
}

.home_banner[data-v-65695bb5] {
    width: 100%;
    min-width: 996px
}

.content[data-v-65695bb5] {
    padding: 0 15%
}

.advantage_box[data-v-65695bb5] {
    margin-top: 80px
}

.pd-13[data-v-65695bb5] {
    padding: 0 1.3rem
}

.box_title[data-v-65695bb5] {
    text-align: center;
    margin-bottom: 50px
}

.box_title .title_in[data-v-65695bb5] {
    font-size: .2rem;
    color: #666
}

.box_title img[data-v-65695bb5] {
    width: 2.5rem
}

.chinese-mathematics[data-v-65695bb5] {
    padding: 15px 25px 19px;
    font-size: 34px;
    color: #fff;
    font-family: SourceHanSansSC-ExtraLight;
    background-image: url(../../static/img/titleBackgroup.401bd8c.png);
    background-size: 100% 100%;
    font-weight: 600
}

.box_title_large img[data-v-65695bb5] {
    width: 3rem
}

.box_title_large_max img[data-v-65695bb5] {
    width: 4rem
}

.news_title[data-v-65695bb5] {
    text-align: center;
    margin: 150px 0 80px
}

.news_title img[data-v-65695bb5] {
    width: 2.5rem
}

.news_title_large img[data-v-65695bb5] {
    width: 3rem
}

.news_title_large_max img[data-v-65695bb5] {
    width: 4rem
}

.advantage_item_box[data-v-65695bb5] {
    margin-bottom: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.advantage_item[data-v-65695bb5] {
    min-width: 2.2rem;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .3rem .1rem .5rem
}

.advantage_item[data-v-65695bb5]:hover {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    border-radius: .3rem
}

.advantage_item:hover .item_hover_btn[data-v-65695bb5] {
    display: block
}

.advantage_item .total_sum[data-v-65695bb5] {
    font-size: .5rem
}

.advantage_item .total_span[data-v-65695bb5] {
    font-size: .3rem
}

.advantage_item .item_name[data-v-65695bb5] {
    padding: 10px 0;
    font-size: .18rem;
    font-weight: 200
}

.advantage_item .item_hover_btn[data-v-65695bb5] {
    display: none;
    position: absolute;
    bottom: -.35rem;
    padding: .2rem;
    text-align: center;
    border-radius: .4rem;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    background: -webkit-gradient(linear,left top,left bottom,from(#fda34f),to(#fc6b1c));
    background: linear-gradient(#fda34f,#fc6b1c);
    font-size: .16rem;
    color: #fff
}

.advantage_item_box .advantage_item[data-v-65695bb5]:first-child {
    margin-left: 0
}

.teacher-card[data-v-65695bb5] {
    width: 29%;
    margin: 2%;
    -webkit-box-shadow: 3px 4px 17px #e5e5e5;
    box-shadow: 3px 4px 17px #e5e5e5;
    background-color: #fff;
    border-radius: 30px
}

.teacher-card img[data-v-65695bb5] {
    width: 100%
}

.teacher-card .title[data-v-65695bb5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 15px;
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.teacher-card .content[data-v-65695bb5] {
    font-size: 14px;
    color: #666;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 22px;
    margin: 0 5px 15px
}

.teacher-card .content div[data-v-65695bb5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.advantage_item img[data-v-65695bb5] {
    width: 100%
}

.concept_box[data-v-65695bb5] {
    position: relative;
    width: 6rem;
    margin: 0 auto;
    padding-right: .9rem
}

.concept_box .concept_banner[data-v-65695bb5] {
    width: 100%
}

.concept_icon[data-v-65695bb5] {
    position: absolute;
    width: 1.2rem
}

.concept_icon.first[data-v-65695bb5] {
    top: -.1rem;
    left: -1.4rem;
    display: inline-block
}

.concept_icon.second[data-v-65695bb5] {
    top: 2.3rem;
    right: 1.22rem;
    display: inline-block
}

.concept_icon.third[data-v-65695bb5] {
    bottom: .2rem;
    left: -1.4rem;
    display: inline-block
}

.concept_text[data-v-65695bb5] {
    position: absolute;
    width: 2.7rem;
    border-radius: 6px;
    text-align: left;
    color: #fff;
    font-size: .16rem
}

.concept_text_box[data-v-65695bb5] {
    position: relative;
    padding: 10px
}

.triangle[data-v-65695bb5] {
    width: 0;
    height: 0;
    border: .06rem solid transparent;
    border-right-color: #79d1ff;
    position: absolute;
    top: .6rem;
    left: -.12rem
}

.triangle1[data-v-65695bb5] {
    border-color: transparent #79d1ff transparent transparent
}

.triangle2[data-v-65695bb5] {
    border-color: transparent #ff9662 transparent transparent
}

.triangle3[data-v-65695bb5] {
    border-color: transparent #ffd35c transparent transparent
}

.concept_text_title[data-v-65695bb5] {
    font-size: .22rem;
    font-weight: 900
}

.concept_text_border[data-v-65695bb5] {
    margin-top: 5px;
    margin-bottom: 10px;
    width: 25px;
    border-bottom: 2px solid #fff
}

.concept_text.first[data-v-65695bb5] {
    top: -.23rem;
    left: -.1rem;
    width: 2.9rem;
    background: #79d1ff;
    -webkit-box-shadow: 0 2px 16px 0 rgba(0,173,255,.53);
    box-shadow: 0 2px 16px 0 rgba(0,173,255,.53)
}

.concept_text.second[data-v-65695bb5] {
    top: 2.2rem;
    right: -1.6rem;
    background: #ff9662;
    -webkit-box-shadow: 0 2px 16px 0 rgba(255,88,88,.53);
    box-shadow: 0 2px 16px 0 rgba(255,88,88,.53)
}

.concept_text.third[data-v-65695bb5] {
    bottom: .2rem;
    left: -.1rem;
    background: #ffd35c;
    -webkit-box-shadow: 0 2px 16px 0 rgba(255,192,92,.78);
    box-shadow: 0 2px 16px 0 rgba(255,192,92,.78)
}

.course_info_title[data-v-65695bb5] {
    margin-bottom: 40px
}

.course_info_title div[data-v-65695bb5] {
    font-size: .18rem;
    margin-bottom: 10px;
    text-align: center;
    color: #666
}

.content2[data-v-65695bb5] {
    padding: 0 10%
}

.level[data-v-65695bb5] {
    width: 100%;
    height: 71px;
    background: #fffbeb;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    border-radius: 10px;
    font-weight: 500;
    font-family: SourceHanSansSC-ExtraLight
}

.level_box[data-v-65695bb5] {
    text-align: center;
    font-family: SourceHanSansSC-ExtraLight;
    color: #4d4d4d
}

.level_box2[data-v-65695bb5] {
    display: inline-block;
    margin: 0 auto
}

.level_item[data-v-65695bb5] {
    text-align: left
}

.level_item_box[data-v-65695bb5] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto 5px
}

.level_item_box2[data-v-65695bb5] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px
}

.vertical_center[data-v-65695bb5] {
    vertical-align: middle
}

.level_item_box2 .level_item[data-v-65695bb5],.level_item_box .level_item[data-v-65695bb5] {
    margin-right: 5px
}

.level_item_box2 .level_item[data-v-65695bb5]:last-child,.level_item_box .level_item[data-v-65695bb5]:last-child {
    margin-right: 0
}

.level_item_box2 .level_item p[data-v-65695bb5] {
    line-height: 25px;
    font-size: .16rem;
    color: #4d4d4d
}

.level_item_box2 .level_item .large_size[data-v-65695bb5] {
    font-size: .16rem
}

.left_item[data-v-65695bb5] {
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    color: #4d4d4d
}

.flex1[data-v-65695bb5] {
    width: 1.6rem
}

.flex2[data-v-65695bb5] {
    width: calc(3.2rem + 5px)
}

.flex3[data-v-65695bb5] {
    width: calc(4.8rem + 10px)
}

.flex6[data-v-65695bb5] {
    width: calc(9.6rem + 25px)
}

.level_img[data-v-65695bb5] {
    width: 100%
}

.level_item_box2 .level_item[data-v-65695bb5] {
    background: #fffbeb;
    padding: 20px 10px;
    border-radius: .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.level_item_box2 .level_item.left_item[data-v-65695bb5] {
    background: #ffebdd
}

.teacher_team_box[data-v-65695bb5] {
    padding: 0 .8rem
}

.teacher_team_box img[data-v-65695bb5] {
    width: 100%
}

.align_center[data-v-65695bb5] {
    text-align: center;
    font-size: .16rem
}

.packup[data-v-65695bb5] {
    color: #ec6415!important;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -25px;
    cursor: pointer
}

.packup_icon[data-v-65695bb5] {
    margin-left: 5px;
    width: .12rem;
    margin-top: -3px
}

.isContract .level_item .text_detail_box[data-v-65695bb5] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 100px
}

.large_height[data-v-65695bb5] {
    position: relative
}

.align_left[data-v-65695bb5] {
    text-align: left
}

.shuffling_box[data-v-65695bb5] {
    position: relative
}

.feedback_box img[data-v-65695bb5] {
    width: 100%
}

.power_box[data-v-65695bb5] {
    margin-top: 40px
}

.power_box_title[data-v-65695bb5] {
    color: #4c4c4c;
    font-size: .18rem;
    font-weight: 900;
    margin-bottom: 30px
}

.has_line[data-v-65695bb5] {
    display: inline-block;
    margin-right: 15px;
    height: .2rem;
    width: 6px;
    background: #00a8ff;
    border-radius: 4px;
    position: relative;
    top: .04rem
}

.power_box_detail[data-v-65695bb5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.power_box_detail1[data-v-65695bb5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .4rem
}

.power_box_detail_item[data-v-65695bb5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.power_box_detail1 .power_box_detail_item[data-v-65695bb5] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.middle[data-v-65695bb5] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.power_box_detail_item_img[data-v-65695bb5] {
    width: .8rem
}

.power_box_detail_item_text[data-v-65695bb5] {
    font-size: .14rem;
    margin-left: 10px
}

.power_box_detail_item_text_mark[data-v-65695bb5] {
    margin-bottom: 5px;
    color: #4c4c4c;
    font-weight: 900
}

.power_box_detail_item_text_nomal[data-v-65695bb5] {
    color: #666
}

.power_box_title.intoduce[data-v-65695bb5] {
    margin-top: 50px
}

.leader_box[data-v-65695bb5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 5%
}

.leader_box2[data-v-65695bb5] {
    margin-top: 30px
}

.leader_box_img[data-v-65695bb5] {
    width: 1.2rem;
    margin-right: 20px
}

.leader_name[data-v-65695bb5] {
    font-size: .18rem;
    font-weight: 900;
    color: #4c4c4c;
    margin-bottom: 10px
}

.leader_position[data-v-65695bb5] {
    color: grey;
    font-size: .14rem;
    margin-bottom: 10px
}

.leader_introduce[data-v-65695bb5] {
    color: #4c4c4c;
    font-size: .14rem;
    width: 10rem;
    line-height: .2rem
}

.first[data-v-65695bb5],.second[data-v-65695bb5],.third[data-v-65695bb5] {
    display: none
}

.vertical_center[data-v-65695bb5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content2 .honor_box[data-v-65695bb5] {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.honorItem[data-v-65695bb5] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    padding-top: .3rem;
    cursor: pointer
}

.honorItem .imageWrap[data-v-65695bb5] {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
    border-radius: 50%
}

.honorItem .imageWrap .honorImage[data-v-65695bb5] {
    position: absolute;
    z-index: 10;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    border: 1px solid #cec8c8
}

.honorItem .Taniho[data-v-65695bb5] {
    width: 2.1rem;
    -webkit-transform: translateY(-.6rem);
    transform: translateY(-.6rem)
}

.honorItem .descWrap[data-v-65695bb5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(-.3rem);
    transform: translateY(-.3rem)
}

.honorItem .descWrap .honorTitle[data-v-65695bb5] {
    color: #333;
    text-align: center;
    font-size: .16rem;
    line-height: .3rem;
    font-weight: 500
}

.honorItem .descWrap .desc[data-v-65695bb5] {
    color: #8c8c8c
}

.leftBtn[data-v-65695bb5],.rightBtn[data-v-65695bb5] {
    position: absolute;
    width: .45rem;
    height: 100%;
    background-color: #fff;
    z-index: 10;
    top: 0
}

.leftBtn[data-v-65695bb5] {
    left: -.2rem
}

.rightBtn[data-v-65695bb5] {
    right: -.2rem
}

.swiper-button-next[data-v-65695bb5],.swiper-button-prev[data-v-65695bb5] {
    position: absolute;
    width: .42rem;
    height: .42rem;
    outline: none;
    background-size: 13px 44px;
    border: 2px solid #ddd;
    border-radius: 50%
}

.swiper-button-prev[data-v-65695bb5] {
    left: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l4.2 4.2L8.4 22l17.8 17.8L22 44 0 22z' fill='%23c1c1c1'/%3E%3C/svg%3E")
}

.swiper-button-next[data-v-65695bb5] {
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44 .8 39.8 18.6 22 .8 4.2 5 0z' fill='%23c1c1c1'/%3E%3C/svg%3E")
}

.box[data-v-0a958052] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.4);
    z-index: 2000
}

.video_box[data-v-0a958052] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2.8rem;
    margin-left: -3.5rem;
    background: hsla(0,0%,100%,.5);
    padding: 12px;
    border-radius: 10px
}

.close_video[data-v-0a958052] {
    width: .3rem;
    position: absolute;
    right: -.08rem;
    top: -.08rem;
    z-index: 10000;
    cursor: pointer
}

.video[data-v-0a958052] {
    width: 7rem!important;
    height: 4.6rem!important;
    background: #333
}

.video[data-v-0a958052] .vjs-tech,.video[data-v-0a958052] .vjs-text-track-display,.video[data-v-0a958052]:focus {
    outline: none!important
}

.video[data-v-0a958052] .vjs-picture-in-picture-control.vjs-control.vjs-button {
    display: none!important
}

.video[data-v-0a958052] .vjs-button {
    margin-top: 3px
}

.video[data-v-0a958052] .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-left: -1.5em;
    margin-top: -.8em
}

.mysliderBox[data-v-2337a1bc] {
    position: relative
}

.mySlider[data-v-2337a1bc] {
    position: absolute;
    top: 20%;
    left: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 10px 0 hsla(0,0%,78.8%,.6);
    box-shadow: 0 5px 10px 0 hsla(0,0%,78.8%,.6)
}

.shuffling_bg[data-v-2337a1bc] {
    width: 100%
}

.arrow_left[data-v-2337a1bc] {
    left: 10%
}

.arrow_left[data-v-2337a1bc],.arrow_right[data-v-2337a1bc] {
    position: absolute;
    top: 50%;
    margin-top: -.2rem;
    height: .6rem;
    cursor: pointer
}

.arrow_right[data-v-2337a1bc] {
    right: 10%
}

.container[data-v-2337a1bc] {
    font-size: 0
}

.container li[data-v-2337a1bc] {
    display: inline-block
}

.container li img[data-v-2337a1bc] {
    width: 100%
}

img[data-v-2337a1bc] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dots[data-v-2337a1bc] {
    position: absolute;
    bottom: 6%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dots li[data-v-2337a1bc] {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    margin: 0 .1rem;
    border-radius: 50%;
    background-color: #ededed;
    cursor: pointer
}

.dots .dotted[data-v-2337a1bc] {
    background-color: #00a37e
}

.box[data-v-7bb516b8] {
    width: 86%;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.box[data-v-7bb516b8] .swiper-button-prev {
    left: -100px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABeCAMAAABIHocRAAAAeFBMVEUAAACzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O1p5sJAAAAJ3RSTlMA9i4LJQbrzXZXRxGwld/a08aon/DmuTgaZk/Abl8+HxaNiIB8ax24rq6FAAABhUlEQVRYw8WYyY6CUBQFARFQxAFBAZns6f3/H3bSi44td3GgOvHsK0Es7uTNTZDFURRngbcgSeF+4n/MRtdn95vzTHa1cw/5nMWON/eYMpzBDrH7m43OBgf3lERm+/KZ1X90U0xY/yqyne8mydca27ppDoPGvltsoGmVGWwcalrlBnurJDa9GOwuldjqZLBn7T2HR4O9i0ruDVb8kreRwYpSNoZW/ma5ksV2uZJlj5SUYio5ACVHoORKYr/+W8k3T8rVUjIBStYauwFK1m6aSFQyMdi9WJ7vBnsM1eY7zalSm+80l3S5krmoZGywmdp8gZIlULJ4jZKdpWQvPrOlZKCx6clUUktjKikmmV/pOMwfezyCF+Y19l8lpgaSAD3BhwE+SVAMQBkCBRCUXlD0QbsBjQ60WKIqGyvgQMNGKTbEsfGRDa5sZGbDOlsT2ILCViO2lMF1kC2ibAVmyzdb+8nB4XWq7kMPnXfQYYmctFp0TCNnvA4dEMHpsgVH03zNzrXoUPwNw4gNOHj/YcwAAAAASUVORK5CYII=)
}

.box[data-v-7bb516b8] .swiper-button-prev:focus {
    outline: none
}

.box[data-v-7bb516b8] .swiper-button-next {
    right: -100px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABeCAMAAABIHocRAAAAgVBMVEUAAACzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7NWILA6AAAAKnRSTlMA6Pr0JQsGzVdNHRE639N3RBfuv7B+2qWelma4q4luXy4sx5HFazJ11zW+afBNAAABkUlEQVRYw9WYy3KCQBBFGUEQhzeioIggiSbz/x+YShbRZHpxJ7eKqtz9qeJxpqe7vc+MXaRUNE/eH9L45iv+3Z1tzXfa0JF9NU/ZrZ3YQJnn1KULvDE/EwUO8N38yn50f+VHVALDiW/RVYzCYW+srC4ovd0bOwNKjxLdoHQQCfSMylbWAn1AZdM7gT5pkA4PAv0CqzoLdAar2gh0esNFtaMK+ICtbNqHVY0rRtVEMapOlKpbSdXOW0TVNadqK6m69cCcKVVzSdUEpY+CbBWuqi+oukHpQgmqHlH6PTV2cpQOMoE+w6pebRi/wvVJoHtY1V6ga+2B6QQ6olR9mxhVFadqvJSqTFW9pQJdMKpeNaNqjKFyXcwpmHps4oNlJfGrYqaeMXoyB4M5kkwxYMoQUwCZ0ssUfeK6YS66f6hkwTQ0TCvFNHFM+8g0rkTLzDTr1JjADyj8aMQPZfw4yA+i/AisF1SSXzjwq44gdVWSX+/wi6WBWWnlzDLtQqzxuAWiNwCrS+hMtOGC69rHoribXLkPrkkgO+WZxsUAAAAASUVORK5CYII=)
}

.box[data-v-7bb516b8] .swiper-button-next:focus {
    outline: none
}

.item-card[data-v-7bb516b8] {
    height: 100%;
    width: 100%;
    text-align: center;
    border-radius: .3rem;
    -webkit-box-shadow: 0 2px .12rem 0 rgba(0,0,0,.1);
    box-shadow: 0 2px .12rem 0 rgba(0,0,0,.1);
    overflow: hidden
}

.item-card .title[data-v-7bb516b8] {
    font-size: .18rem;
    margin-top: .1rem;
    color: #666;
    padding: 0 10px;
    min-height: 53px
}

.item-card img[data-v-7bb516b8] {
    height: 100%;
    width: 100%
}

.swiper-container[data-v-7bb516b8] {
    width: 100%;
    height: 100%;
    padding: 10px 0
}

.swiper-slide[data-v-7bb516b8] {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

img[data-v-7bb516b8] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.home-box[data-v-710b3531] {
    position: relative
}

.home-box img[data-v-710b3531] {
    display: inline-block;
    width: 100%;
    height: 100%;
    min-width: 996px
}

.home-box img[data-v-710b3531]:hover {
    cursor: pointer
}

.home-box[data-v-710b3531] .swiper-pagination-bullet-active {
    background-color: #f46826
}

.home_banner[data-v-30c04536] {
    width: 100%;
    min-width: 996px
}

.help_content[data-v-30c04536] {
    width: 11rem;
    margin: .6rem auto;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.help_content .question_content[data-v-30c04536] {
    color: #666;
    font-size: .16rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.help_content .question_content .question_item[data-v-30c04536] {
    border-top-left-radius: .16rem;
    border-bottom-left-radius: .16rem;
    border: .01rem solid #d8d8d8;
    border-right: none;
    height: .5rem;
    margin-bottom: .1rem;
    padding: .1rem .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    width: 1.8rem;
    word-break: break-all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.help_content .question_content .question_item img[data-v-30c04536] {
    width: .2rem;
    margin-right: .1rem
}

.help_content .question_content .question_item.active[data-v-30c04536] {
    background-color: #ffb156;
    border: .01rem solid #ffb156;
    border-right: none;
    color: #fff;
    width: 2rem;
    font-size: .18rem
}

.help_content .question_content .question_item.active img[data-v-30c04536] {
    width: .24rem
}

.help_content .sub_question_content[data-v-30c04536] {
    width: 2.5rem;
    color: grey;
    font-size: .14rem;
    height: 5.4rem;
    border: .01rem solid #d8d8d8;
    overflow: hidden;
    overflow-y: auto
}

.help_content .sub_question_content .sub_question_item[data-v-30c04536] {
    border-bottom: .01rem solid #d8d8d8;
    padding: .1rem .2rem;
    height: .7rem;
    width: 2.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.help_content .sub_question_content .sub_question_item.active[data-v-30c04536] {
    background-color: #ff6c00;
    border-bottom: .01rem solid #ff6c00;
    color: #fff
}

.help_content .sub_question_content .sub_question_item .subQuestionType[data-v-30c04536] {
    width: 100%;
    text-align: center;
    font-size: .16rem;
    font-weight: 600;
    color: #333
}

.help_content .answer_content[data-v-30c04536] {
    width: 5.8rem;
    border: .01rem solid #d8d8d8;
    border-left: none;
    height: 5.42rem;
    overflow: auto;
    padding: .36rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .14rem;
    position: relative
}

.answer_content_bg[data-v-30c04536] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.answer_content_bg img[data-v-30c04536] {
    width: 100%
}

.help_content .answer_content p[data-v-30c04536],.help_content .answer_content span[data-v-30c04536] {
    padding: .04rem;
    letter-spacing: .02rem;
    line-height: .2rem;
    color: #4d4d4d;
    font-weight: 900
}

.help_content .answer_content a[data-v-30c04536] {
    padding: .04rem;
    line-height: .2rem;
    font-weight: 900
}

.help_content .answer_content .title[data-v-30c04536] {
    padding: .04rem;
    letter-spacing: .02rem;
    line-height: .24rem;
    color: #ff6c00;
    font-weight: 700
}

.help_content .answer_content .answer_img[data-v-30c04536] {
    max-width: 100%;
    margin: .2rem auto;
    text-align: center
}

.in_line[data-v-30c04536] {
    display: inline-block
}

.box[data-v-83f4229e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.download-banner[data-v-83f4229e] {
    width: 100%;
    min-width: 996px;
    height: 6rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 1600px) and (max-width:1800px) {
    .download-banner[data-v-83f4229e] {
        width:100%;
        min-width: 996px;
        height: 6.8rem;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 1801px) {
    .download-banner[data-v-83f4229e] {
        width:100%;
        min-width: 996px;
        height: 7.2rem;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.content[data-v-83f4229e] {
    /*padding: 0 1.8rem;*/
    text-align: center;
    width: 1310px;
    margin: 0 auto;
}

.content-title[data-v-83f4229e] {
    text-align: center;
    margin-top: 10%;
}

.content-title img[data-v-83f4229e] {
    width: 20%
}

.content-item[data-v-83f4229e] {
    margin-top:3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-evenly;
  
}

.need-item[data-v-83f4229e] {
    width: 21%;
    height: 100%;
   padding:5% 1.2%
}

@media screen and (min-width: 1501px) {
    .need-item[data-v-83f4229e] {
        width:21%;
        height: 100%;
        padding:5% 1.2%
    }
}

.icon-title[data-v-83f4229e] {
    font-weight: 500;
    font-size: 22px;
    white-space: nowrap;
    margin: 3% 0;
}

.circle-icon[data-v-83f4229e] {
    width: .1rem
}

.need-item-ul[data-v-83f4229e] {
    list-style: disc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: .5rem;
    line-height: .25rem;
    font-size: .14rem;
    margin-top: .1rem
}

.need-item-ul .font[data-v-83f4229e] {
    white-space: nowrap
}

.need-item-ul li[data-v-83f4229e] {
    color: #00a37e
}

.need-item-ul li div[data-v-83f4229e] {
    color: grey
}

.need-item img[data-v-83f4229e] {
    width: 100px;
    height: 100px;
}

.download-software-title[data-v-83f4229e] {
    text-align: center;
    margin-top: 10%
}

.download-software-title img[data-v-83f4229e] {
    width: 20%
}

.login-box[data-v-83f4229e] {
    margin-left: 4.8rem;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.login-box[data-v-83f4229e],.pc-login-box[data-v-83f4229e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc-login-box[data-v-83f4229e] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin-right: .9rem
}

.pc-login-box-img img[data-v-83f4229e] {
    width: 1.5rem;
    cursor: pointer
}

.pc-login-font[data-v-83f4229e] {
    margin-top: .2rem;
    cursor: pointer
}

.software-downText[data-v-83f4229e] {
    color: #fff;
    margin-top: .2rem;
    font-size: .25rem
}

.ipad-login-font[data-v-83f4229e] {
    margin: .2rem 0;
    cursor: pointer
}

.ipad-login-box[data-v-83f4229e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.software-box[data-v-83f4229e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 3%
}

.software[data-v-83f4229e] {
    width: 35%;
    height:290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #f8f8f8;
    background: #FFF;
    border-radius:8%;
    padding:3%
}

.software img[data-v-83f4229e] {
    width: 90%
}

.software-google[data-v-83f4229e] {
    width: 4rem
}

.software[data-v-83f4229e]:hover {
    background-color: #f8f8f8
}

.software-btn[data-v-83f4229e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10%
}

.software-btn-font[data-v-83f4229e] {
    color: #00a37e;
    border: 1px solid #00a37e;
    border-radius: 2rem;
    font-size: .2rem;
    white-space: nowrap;
    line-height: 35px;
    height:35px;
    width:80%;
    text-align: center;
    cursor: pointer;
    margin-bottom: .8rem
}

.software-btn-font[data-v-83f4229e]:hover {
    background: #00a37e;
    color: #fff
}

.software2-btn[data-v-83f4229e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top:10%
}

.software-btn1[data-v-83f4229e] {
    width: 35%
}

.software-btn2[data-v-83f4229e] {
    width: 35%;
    cursor: pointer
}

.installTips[data-v-83f4229e] {
    text-decoration: underline;
    color: #fff;
    cursor: pointer;
    margin-top: .02rem
}

.intruoduce_banner[data-v-488d8612] {
    width: 100%;
    min-width: 1200px
}

.content[data-v-488d8612] {
    padding: 0 15%
}

.content2[data-v-488d8612] {
    padding: 0 10%
}

.content_box[data-v-488d8612] {
    margin-top: 80px
}

.box_title[data-v-488d8612] {
    text-align: center;
    margin-bottom: 50px
}

.box_title img[data-v-488d8612] {
    width: 2.5rem
}

.box_title_dec[data-v-488d8612] {
    margin-bottom: 40px;
    font-size: .18rem;
    text-align: center;
    color: #666
}

.line_process_box[data-v-488d8612] {
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative
}

.line_process[data-v-488d8612] {
    width: 100%
}

.line_process_item[data-v-488d8612] {
    position: absolute;
    width: 1.85rem;
    display: none
}

.line_process_box1[data-v-488d8612] {
    top: .5rem
}

.line_process_box2[data-v-488d8612] {
    bottom: .5rem
}

.line_process_box3[data-v-488d8612] {
    top: .35rem
}

.line_process_box4[data-v-488d8612] {
    bottom: .1rem
}

@media screen {
    .line_process_box1[data-v-488d8612] {
        left: 2%
    }

    .line_process_box2[data-v-488d8612] {
        left: 27%
    }

    .line_process_box3[data-v-488d8612] {
        right: 28%
    }

    .line_process_box4[data-v-488d8612] {
        right: 3%
    }
}

@media screen and (min-width: 1200px) {
    .line_process_box2[data-v-488d8612] {
        left:26%
    }

    .line_process_box3[data-v-488d8612] {
        right: 26%;
        right: 28%
    }
}

@media screen and (min-width: 1440px) {
    .line_process_box2[data-v-488d8612] {
        left:27%
    }

    .line_process_box3[data-v-488d8612] {
        right: 27%
    }
}

@media screen and (min-width: 1500px) {
    .line_process_box3[data-v-488d8612] {
        right:28%
    }

    .line_process_box4[data-v-488d8612] {
        right: 3%
    }
}

@media screen and (min-width: 1600px) {
    .line_process_box2[data-v-488d8612] {
        left:28%
    }

    .line_process_box3[data-v-488d8612] {
        right: 29%
    }
}

@media screen and (min-width: 1720px) {
    .line_process_box1[data-v-488d8612] {
        left:4%
    }

    .line_process_box2[data-v-488d8612] {
        left: 29%
    }

    .line_process_box3[data-v-488d8612] {
        right: 30%
    }

    .line_process_box4[data-v-488d8612] {
        right: 4%
    }
}

.class_process_box[data-v-488d8612] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.class_process_item[data-v-488d8612] {
    width: 2.2rem;
    margin-right: .9rem;
    text-align: center
}

.class_process_item[data-v-488d8612]:last-child {
    margin-right: 0
}

.class_process_img[data-v-488d8612] {
    width: 1.8rem
}

.class_process_text[data-v-488d8612] {
    text-align: center;
    margin-top: 20px
}

.class_process_text_title[data-v-488d8612] {
    font-size: .16rem;
    font-weight: 900;
    margin-bottom: 10px;
    color: #4c4c4c
}

.class_process_text_dec[data-v-488d8612] {
    font-size: .14rem;
    display: inline-block;
    text-align: left;
    color: grey
}

.multiple_teaching_box[data-v-488d8612] {
    position: relative;
    left: -.5rem
}

.multiple_teaching_item[data-v-488d8612] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
}

.item_left_img[data-v-488d8612],.item_right_img[data-v-488d8612] {
    width: 3.8rem;
    position: relative;
    margin-right: 2.5rem
}

.item_right_img[data-v-488d8612] {
    margin-right: 0;
    margin-left: 2.5rem;
    position: relative;
    left: 1rem
}

.item_left_img img[data-v-488d8612],.item_right_img img[data-v-488d8612] {
    width: 3.8rem
}

.item_right_text[data-v-488d8612] {
    position: relative
}

.item_left_text[data-v-488d8612] {
    position: relative;
    left: 1rem
}

.item_text_title[data-v-488d8612] {
    font-weight: 900;
    font-size: .2rem;
    margin-bottom: 20px;
    color: #4c4c4c
}

.arrow_left_icon[data-v-488d8612] {
    width: .1rem;
    position: absolute;
    top: .09rem;
    left: -20px
}

.arrow_right_icon[data-v-488d8612] {
    width: .1rem;
    position: absolute;
    top: .09rem;
    left: 1.7rem
}

.icon_4[data-v-488d8612] {
    left: 1.3rem
}

.item_text_dec[data-v-488d8612] {
    color: #666;
    font-size: .16rem
}

.paly_box[data-v-488d8612] {
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAACUCAMAAABC4vDmAAAAqFBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////82TosEAAAAN3RSTlMfALTs+95fxGVxIgXlKo+kNfZu10+WVSYN2p2Zf0xHOC/UoGlbpvB3Qb57Us884Mp6rxEIh6sS+S7TtQAABlBJREFUeNrsmtl2qjAUQM8VZZRRCqhFEAe0Vdva3pX//7NrewLiUBkSeLr7sasJm+QMCUv4w4oGVig66fOJ1BFDCzTmKVmkjhslkQ59ckX/ICXK5lg+nruUL5tj8pCxKfslk/CU+nSnA1KJwdT9vB3PX0pzV2tSg/XKLQkyZindEEhtBEPPxrcg9SrdfeZI6pmTpxMTsyeN7lpLrzgDbyltcRPZh54hz3S4Qp/JRu9wE/eOxlUKlYbkgvlUjuEBsTydkwuGC42vlHeRbnZPsaACltKzL5JxyVHKkoq1cevoUBnd2faLsWVxkgqmhWmHRgQ1iYxh4ZWmAQ8ptzDlXFGhAaoyL7yWyywVmCRnJ0JjxB3JWQVsUvtzgI9kYEIenwN+zyKV5tEkvKjAiPoi5JGVNpYKPkiGGQMH4nMsfATNpNRRvtwecOJc70ZqE6koX+zEB274SR4QUX0p184Gi8AVUSCI/VpXSsxC/M0CzlhvWbiL9aTkzClRgTtqklkt6kgtslHv0Arv2Tsvqkst6RhbhJYQbfrWy6pSHnUSQmiNUKBWXjWpvU2dZtAiM2pl76tIqQJ12kCrbLLnqOVSwahknbiv1SgolaL9bh1C64Rr2gfLpNKsrkEHZBU6fSy1p//2Ap3wQpdg/0gqoE18Ah1Ba/sgeCC1ov1OhY5QaR9c/S7l0cSzoDMsmoLeb1JHem8RoUNEesc5/iI1oQcD6BT61Ml9KauPQedDp/gDzEDrrpREdxfK0L92ti1sZeADjWTpntSS3lugjOWQIFsXuEDvOMtbKQ1XUYirFTxkogMHYgHjRruRWlQs5a+kiJByLOzOtZQ2pLcxKGF88+EQmKE3zKF2JeXgI0qD1yU3JDGwItOlupLCBdhBGV/kFoG9fe/wu+illFe1lifkHm8esLG8aDZQrFFzKKVH7rOygIk5BmhRSseZleZSZP0MLCg4i16QMjD61YZSyG7JkoCY/cZZShPwL9BYCvkbQWMMzBktl3KxJUasUsT+gqZEeBxwc6kVtjJgkkLmIjRkiwmTSX2usXSxSiEfe2iEg/nySaVcXHqdRYp9D3Ub949KTck3PWCVYvy6jVNPqdQAixQfKaS3aVqqBijl4zwWTynSN1SoiYUj/R8pmbYYblLIWG7WauQfKRP3klWKfQ8xts0fqTEK8pVCDL/+qWr8LXXE8TFnKeSwgOrEOOZ4ktpg0AN3KWQ7g8pgGdicpBTc/zakkCe9XqVSTlIT3P32pMjQqXVSSE5SEsZ5S1LINqwR6dJJCn/WMGtDqu61dYbJ8Qc0PMfoLUuRoQKl6NgMNAA88UGbUohUvod4AgaIsK+3LIU8Qwl4U44gxLfoRIqUnbQw6UIQsUx1I0W8KrOL9BRjdiQ1qPKlSoEUC1ZHUmRW4ftnCs/YCrqSSuERT5gPXUsZ/6X+lXNmzQnCUBSeDFMcW7uhiLK4FGoXmCEPKv//n5VOJ7bTagnchUTvuw+STJJ77ncO5vJxb/REZ6MzHwlzrSOB+fB0tQ5P3mvG17tmWC/kreaFzPh0WU91ny5sj7xNrP/I43oO75b6z2GmxqHI2jQOLC3WJm7XYnE0o7uHls0ofdteTFu37dQCh/PeQeAgloLuVx2kIFrRrGg5n/S//gilvOjIbvJiSiLEqpUDCLE0knU5AUjWNOK+8wIQ92nGINXTLWQMQjIwKiewgRHBaG00BI7WUIeQSrCDDiHRx7WDBD6uRR5sj4YIg21cBKCKAmQEAA5LDBbosITCSrJmAEtXvodjJfoAzt3RHjNABnDgqNLbAhlVgkNdo5QO6hKeJv6WIK6cKqk+VGdQMP65cq+ooCAAqUydw9gTF6kEwaer7fixcsrhNS58ag+mKyIAIU8FNItZn+j37BQkn/cHyed22Qn4jRehMl7YZlHpycwjbbQ9mWkQEwG3lS6w1XRopj1TCJfPyOrabfkVIlW/CinM0eHBHG2/jVyI3EDDPVk0QfgdTXAuIQ5mxl3UJamCQSRShMraBW7wMThCRdXsGceDkuGEzajKsWN58nMNMDIz6umzMvNCsY7Gh/lN8WH++rcweoMftObN/7CIp4PWruBBa/BIusivK2qMpLuU8D5DYw4NDYQ0NTpT1f6/kNG96F4YcazLxPVkXJf03GSJEMf6AYMspYBhlRyyAAAAAElFTkSuQmCC);
    background-size: contain;
    width: .6rem;
    height: .6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.3rem;
    margin-top: -.3rem
}

.paly_box[data-v-488d8612]:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAACUCAMAAABC4vDmAAAA5FBMVEX//CgAAAD//tf///7///P///b//DL//+3//sz//sr///z///j//+r//97//sP//qz//ED//s////r//s3//tH//9r//Y///W///Uj//sf//rv///H//pP//Xf//VL///T//qD//+r//rz//qT//tf//r3//+H//YL//tL//9////X//+b//pj//+///+L//tP//sj//sD//+j//s7//sz//Vn//sP//sX//sT//sb//9///tX//tv//Yv//sn//sX//r///rf//tX//Wb//+P//rf//r3//rL//tL//sT//+P///9eLGF4AAAAS3RSTlNwAM796vJz5V/B+vTTsLyrd3D3ZHvRmYl7QxTlnI197aPkt6aUBrmSgNbv3p7p24RKEOHGxYAoAy++t46ll1AzCgmKhcGzuK/JK8L+q1B5AAAGiklEQVR42uyZaVviMBCAR1pKuZYWSksBOeVSRBBB8RZXd/fJ//8/6zLDjfRI2k/7fjbhbSaZmUQ44eV2aqt6d372xbyrq/b0lntKHqni81U6JUtsB0lOpa+ei87jhUvdGfcldpTSvXHnMIlIqVc1LTNXyGn1dX+8eKmW2s4yD2TbasthSl6pl8co80z08eWECEAql2IHSMYGkXH8xxfxcWQQS7IDpHI4g2ipN2NvZ8v5Rt/SYAfN6jfy8t6+774Jl2oZOz9Tn5ULcIRCeVZnW1SNllip3JZSIt+sgAsqzXxia2V1gVJ2iq2RejUNXKPVehJbk7IFSY3SG9Oef07AI5PP841PShdFSKlVtiJWU8AHSi22sbVUbqnRPVtxbYJvzGu2ol3kkxrK61UqAxfl9WrJQx6pucSIZEYBTpRMkhHSg2+p0U+25KYAAijcsCU/R/6kpjFGXHZAEJ1LRsSmfqTsc0bEFRCGEmdE1PYupSaWg00QihllSCLnVUpfOl1UQDCVi6WV7k3KkJxDxx9CyfAiZSxHZSAQMhJDDPdSOo3JmhAQZpa+WncrlUtQwjyFwDhNrne7G6khOUUtCBArSlZDN1J/ouT0DoHyvvydP85SoxjFzoKAsSiCsZGjFNW77CkEzmmW6qCT1AOdijKEgEmn/OG41JD+LAOhkKElGB6TGsmUxyEkKLfLoyNSbap3CoSEQnWw/b1Ujg5pBUKjQokh951UkTooE0LEpKtb8RupNMeG4t5W6cNStoS9rwKholziCbQPStHdvANOaB8X2Wwy3wcxdOhGf0hKp3sLOPFUZUhPUNanO46+L9WSseQVXCU8Iq6BAAp4AuXWnpThMpV32CbRjMDE3t2VepOxYivgQIxtM+gANwpOWn3bkeqyBWXHys7WiLs9l2mpdqRK+K4CTnywfZL8McQ3mdK2VM5tLr9hh7jgjeHTVrGBzRxVB0ci7DBjznpZx1y1KfWCMzf9S7HsL+ChibO8bEg9YlFU/EkR1088BxCbgce1VAuz1yf4lSJ+T8A3Dcx7rZWUiiVxwiHFHcMJtgPqSqqNpQx4pIi6CT7pUQtKUq941alxShERnzGs4Vq/ohRFL6HxShGJD/CDlljFD1YdZx54pThft/PYgZKUjElKiBQRefebqmSUusN5KiKlmNRQwCMVHHm3kDKoxIiSIi77/kqNsZDC/77MBEoReY8xnC1G3S+kSthJCZUiPhXvXVXpn1QRxxfEShGylxgWcEzxS+oZR4NoKaJngWswDTx/SV1h/AOQIn5o3jLV1QlQ6mwEJ8WqNU+dQvoEqOnsByPl7drap/YTKJ9bQUkRMzcxtCinwy32MVrAUuy8CY5oWAxuYYq3JAhQihg4xxAfsadgY10PVorIuLt+26DiV4QixZw6rQG2VKBjmgpHinXczK4D5s5xGFLOhWOM2RPm+NAUkhSzXLx/zuEMS0EYUs797Q/2j7OwpRr/pf6Wc26rCQNBGGYpUagQUaFKJN2qPXioXiitikgpRbT6/u/TtF6MSmlmMzPrxO4D5GZDMvMfPs7r8/2ix5gX3fMnoYj6JHj+eN6gPp5+fzMh7jfj9Ye8Qv6QPY4urSfs6OJtyKuu8UOer3F484Ifhz0tDuOl4+Igv2JV164rlvwyurl1XEbl1/axg0My3K/t0gJHqZxB4BCWgiaNDFIQp2hG97ZCEM2k5MWgTJAXWYRYul8KQqyYZD2ICZK1jLgflAniPrMNAmkFig0iYhiNYpphJGCt9TtEa43RhISbo5qQ7HbtKKbbtczGdv+OYmxbMLbZIgAgtVJe890ba1iiV2cOS0CsJH1qnaDle3qsZIoN4LR/3TELTAGcKVtUqVeXiiq9W2Soa4i+OXqoy3SRUneMvDl6/A2CgkHqGLQ+vLkP1qAgIVL5XALbkzVSSQqfNlbF611p0Cnwhk/zE9NVGWg2kT1f9NtGeQrJ66wTmOhcxYsobxUVKPPQX3Z6mQfO1n/taYsuiAXyBbEAXRAzM99VulleS4c665k6i6w6K786y9Fwg5I18quKa+G+prBwnwyigT40gTGvTUmIQ/PzcnAXyVnoA4MoRagYEz3ydFCWHLAZODV7YJhnxfK04Bm2xgEwio4ARm13gFH7GGB0uain71PRB8X6wYfZkzxGmIYPC0/xYd0HftBa1wW0NqSD1uhIunmYnPkfSLq9xvpf4H1KMYdKgZBa0ZlqIaOnONbFfXIWTDjWL7zvTO9572ddAAAAAElFTkSuQmCC)
}

.student-banner[data-v-024326aa] {
    width: 100%;
    min-width: 996px
}

.content[data-v-024326aa] {
    padding: 0 15%
}

.student-work[data-v-024326aa] {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 50px
}

.student-work img[data-v-024326aa] {
    width: 80%
}

.parent-box-title[data-v-024326aa] {
    margin-top: 120px;
    text-align: center;
    margin-bottom: 50px
}

.parent-box img[data-v-024326aa] {
    width: 3rem
}

.comment-item-box[data-v-024326aa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .1rem
}

.comment-item[data-v-024326aa] {
    width: 4.5rem;
    height: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.comment-item-top[data-v-024326aa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .54rem;
    margin-left: .3rem;
    margin-bottom: .16rem
}

.comment-item-font[data-v-024326aa] {
    font-size: .21rem;
    white-space: nowrap;
    width: 2rem;
    margin-left: .2rem;
    margin-top: .2rem;
    font-weight: 550
}

.comment-item-img[data-v-024326aa] {
    margin-right: .2rem
}

.comment-item-img img[data-v-024326aa] {
    width: .6rem;
    margin-top: .2rem;
    margin-right: .2rem
}

.comment-item-content[data-v-024326aa] {
    font-size: .16rem;
    line-height: .2rem;
    margin-left: .3rem;
    margin-right: .2rem;
    margin-top: .1rem;
    width: 80%;
    color: grey
}

.comment-item-font1[data-v-024326aa] {
    font-size: .21rem;
    white-space: nowrap;
    width: 2rem;
    margin-left: .2rem;
    margin-top: .2rem;
    font-weight: 550
}

.comment-item-bottom1[data-v-024326aa] {
    margin-left: .3rem;
    margin-top: .1rem;
    font-size: .16rem
}

.comment-item-bottom1 img[data-v-024326aa] {
    width: .2rem
}

.comment-item-bottom2[data-v-024326aa] {
    margin-left: .3rem;
    margin-top: .2rem;
    font-size: .16rem
}

.comment-item-bottom2 img[data-v-024326aa] {
    width: .2rem
}

@media screen and (min-width: 1200px) and (max-width:1439px) {
    .comment-item[data-v-024326aa] {
        width:4.5rem;
        height: 5.2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .comment-item-content[data-v-024326aa] {
        line-height: .2rem
    }

    .comment-item-content2[data-v-024326aa],.comment-item-content[data-v-024326aa] {
        font-size: .15rem;
        margin-left: .3rem;
        margin-right: .2rem;
        margin-top: .1rem;
        width: 80%;
        color: grey
    }

    .comment-item-content2[data-v-024326aa] {
        line-height: .23rem
    }

    .comment-item-bottom1[data-v-024326aa] {
        font-size: .18rem
    }

    .comment-item-font[data-v-024326aa] {
        font-size: .21rem;
        white-space: nowrap;
        width: 2rem;
        margin-left: .2rem;
        margin-top: .2rem;
        font-weight: 550
    }
}

@media screen and (min-width: 1440px) and (max-width:1552px) {
    .comment-item[data-v-024326aa] {
        width:4.5rem;
        height: 5.2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .comment-item-content[data-v-024326aa] {
        font-size: .16rem;
        line-height: .21rem;
        margin-left: .3rem;
        margin-right: .2rem;
        margin-top: .1rem;
        width: 80%;
        color: grey
    }

    .comment-item-bottom1[data-v-024326aa] {
        font-size: .18rem
    }

    .comment-item-font[data-v-024326aa] {
        font-size: .21rem;
        white-space: nowrap;
        width: 2rem;
        margin-left: .2rem;
        margin-top: .2rem;
        font-weight: 550
    }
}

@media screen and (min-width: 1553px) and (max-width:1596px) {
    .comment-item-content[data-v-024326aa] {
        line-height:.22rem
    }

    .comment-item-content3[data-v-024326aa],.comment-item-content[data-v-024326aa] {
        font-size: .16rem;
        margin-left: .3rem;
        margin-right: .2rem;
        margin-top: .1rem;
        width: 80%;
        color: grey
    }

    .comment-item-content3[data-v-024326aa] {
        line-height: .21rem
    }

    .comment-item-content2[data-v-024326aa] {
        font-size: .16rem;
        line-height: .24rem;
        margin-left: .3rem;
        margin-right: .2rem;
        margin-top: .1rem;
        width: 80%;
        color: grey
    }

    .comment-item-bottom1[data-v-024326aa] {
        font-size: .19rem
    }

    .comment-item-font[data-v-024326aa] {
        font-size: .21rem;
        white-space: nowrap;
        width: 2rem;
        margin-left: .2rem;
        margin-top: .2rem;
        font-weight: 550
    }
}

@media screen and (min-width: 1597px) and (max-width:1650px) {
    .comment-item-content[data-v-024326aa] {
        line-height:.25rem
    }

    .comment-item-content3[data-v-024326aa],.comment-item-content[data-v-024326aa] {
        font-size: .16rem;
        margin-left: .3rem;
        margin-right: .2rem;
        margin-top: .1rem;
        width: 80%;
        color: grey
    }

    .comment-item-content3[data-v-024326aa] {
        line-height: .24rem
    }

    .comment-item-bottom1[data-v-024326aa] {
        font-size: .18rem
    }

    .comment-item-font[data-v-024326aa] {
        font-size: .21rem;
        white-space: nowrap;
        width: 2rem;
        margin-left: .2rem;
        margin-top: .2rem;
        font-weight: 550
    }
}

@media screen and (min-width: 1651px) and (max-width:1750px) {
    .comment-item-content[data-v-024326aa] {
        line-height:.28rem
    }

    .comment-item-content3[data-v-024326aa],.comment-item-content[data-v-024326aa] {
        font-size: .16rem;
        margin-left: .3rem;
        margin-right: .2rem;
        margin-top: .1rem;
        width: 80%;
        color: grey
    }

    .comment-item-content3[data-v-024326aa] {
        line-height: .23rem
    }

    .comment-item-bottom1[data-v-024326aa] {
        font-size: .19rem
    }

    .comment-item-font[data-v-024326aa] {
        font-size: .23rem;
        white-space: nowrap;
        width: 2rem;
        margin-left: .2rem;
        margin-top: .2rem;
        font-weight: 550
    }
}

@media screen and (min-width: 1751px) and (max-width:1768px) {
    .comment-item-content[data-v-024326aa] {
        line-height:.29rem
    }

    .comment-item-content3[data-v-024326aa],.comment-item-content[data-v-024326aa] {
        font-size: .16rem;
        margin-left: .3rem;
        margin-right: .2rem;
        margin-top: .1rem;
        width: 80%;
        color: grey
    }

    .comment-item-content3[data-v-024326aa] {
        line-height: .27rem
    }

    .comment-item-bottom1[data-v-024326aa] {
        font-size: .19rem
    }

    .comment-item-font[data-v-024326aa] {
        font-size: .22rem;
        white-space: nowrap;
        width: 2rem;
        margin-left: .2rem;
        margin-top: .2rem;
        font-weight: 550
    }
}

@media screen and (min-width: 1769px) and (max-width:1849px) {
    .comment-item[data-v-024326aa] {
        width:4.5rem;
        height: 6.2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .comment-item-content[data-v-024326aa] {
        line-height: .31rem
    }

    .comment-item-content3[data-v-024326aa],.comment-item-content[data-v-024326aa] {
        font-size: .16rem;
        margin-left: .3rem;
        margin-right: .2rem;
        margin-top: .1rem;
        width: 80%;
        color: grey
    }

    .comment-item-content3[data-v-024326aa] {
        line-height: .28rem
    }

    .comment-item-bottom1[data-v-024326aa] {
        font-size: .19rem
    }

    .comment-item-font[data-v-024326aa] {
        font-size: .22rem;
        white-space: nowrap;
        width: 2rem;
        margin-left: .2rem;
        margin-top: .2rem;
        font-weight: 550
    }
}

@media screen and (min-width: 1850px) and (max-width:1924px) {
    .comment-item[data-v-024326aa] {
        width:4.5rem;
        height: 6.4rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .comment-item-content[data-v-024326aa] {
        line-height: .32rem
    }

    .comment-item-content2[data-v-024326aa],.comment-item-content[data-v-024326aa] {
        font-size: .16rem;
        margin-left: .4rem;
        margin-right: .2rem;
        margin-top: .1rem;
        width: 80%;
        color: grey
    }

    .comment-item-content2[data-v-024326aa] {
        line-height: .35rem
    }

    .comment-item-content3[data-v-024326aa] {
        font-size: .16rem;
        line-height: .32rem;
        margin-left: .4rem;
        margin-right: .2rem;
        margin-top: .1rem;
        width: 80%;
        color: grey
    }

    .comment-item-bottom1[data-v-024326aa] {
        font-size: .19rem
    }

    .comment-item-bottom1 img[data-v-024326aa] {
        width: .2rem;
        margin-left: .2rem
    }

    .comment-item-font[data-v-024326aa] {
        font-size: .23rem;
        white-space: nowrap;
        width: 2rem;
        margin-left: .2rem;
        margin-top: .2rem;
        font-weight: 550
    }

    .comment-item-img img[data-v-024326aa] {
        width: .6rem;
        margin-top: .2rem;
        margin-right: .35rem
    }
}

.teacher_banner[data-v-1da42bca] {
    width: 100%;
    min-width: 996px;
    margin-bottom: 80px
}

.content[data-v-1da42bca] {
    padding: 0 1.8rem
}

.standard-item[data-v-1da42bca] {
    text-align: center;
    margin-bottom: 50px
}

.standard-item img[data-v-1da42bca] {
    width: 10rem
}

.teacher-box[data-v-1da42bca] {
    text-align: center
}

.teacher-box-title[data-v-1da42bca] {
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.teacher-box-title img[data-v-1da42bca] {
    width: 4.5rem
}

.teacher-details[data-v-1da42bca] {
    height: 8.98rem;
    position: relative
}

.teacher-xiaochen[data-v-1da42bca] {
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 3.45rem;
    left: -.3rem
}

.teacher-dale[data-v-1da42bca] {
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 3.45rem;
    right: -.3rem
}

.teacher-yaya[data-v-1da42bca] {
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 3.4rem;
    left: 1.4rem
}

.teacher-qingwa[data-v-1da42bca] {
    width: 1.2rem;
    height: 1.8rem;
    position: absolute;
    top: 3.3rem;
    left: 5.7rem
}

.teacher-beauty[data-v-1da42bca] {
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 2.6rem;
    left: 8.4rem
}

.teacher-miaoguo[data-v-1da42bca] {
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: .1rem;
    left: .7rem
}

.teacher-aimi[data-v-1da42bca] {
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: .1rem;
    left: 4.7rem
}

.teacher-xiaojie[data-v-1da42bca] {
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: .1rem;
    left: 9.4rem
}

.teacher-xiaoyuan[data-v-1da42bca] {
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 1.2rem;
    left: 3rem
}

.teacher-wanzi[data-v-1da42bca] {
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 1.2rem;
    left: 6.5rem
}

.teacher-yutou[data-v-1da42bca] {
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 5rem;
    left: 3.4rem
}

.teacher-meixing[data-v-1da42bca] {
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 5rem;
    left: 8rem
}

.teacher-ziqi[data-v-1da42bca] {
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 6.8rem;
    left: 5.8rem
}

.teacher-dawei[data-v-1da42bca] {
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 6.8rem;
    left: .7rem
}

.teacher-haohao[data-v-1da42bca] {
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 6.8rem;
    left: 11.7rem
}

@media screen and (min-width: 1200px) and (max-width:1440px) {
    .teacher-xiaochen[data-v-1da42bca] {
        width:1rem;
        height: 1.5rem;
        position: absolute;
        top: 2.9rem;
        left: -.3rem
    }

    .teacher-dale[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.1rem;
        right: -.4rem
    }

    .teacher-yaya[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 2.9rem;
        left: 1.1rem
    }

    .teacher-qingwa[data-v-1da42bca] {
        width: 1.2rem;
        height: 1.8rem;
        position: absolute;
        top: 2.5rem;
        left: 4.7rem
    }

    .teacher-beauty[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 2.9rem;
        left: 8.4rem
    }

    .teacher-miaoguo[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: .9rem
    }

    .teacher-aimi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: 4.8rem
    }

    .teacher-xiaojie[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .1rem;
        left: 9.3rem
    }

    .teacher-xiaoyuan[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.4rem;
        left: 3.2rem
    }

    .teacher-wanzi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.4rem;
        left: 6.8rem
    }

    .teacher-yutou[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 4.1rem;
        left: 2.8rem
    }

    .teacher-meixing[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 4.1rem;
        left: 6.5rem
    }

    .teacher-ziqi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.6rem;
        left: 5rem
    }

    .teacher-dawei[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.6rem;
        left: .8rem
    }

    .teacher-haohao[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.6rem;
        left: 9.5rem
    }
}

@media screen and (min-width: 1401px) and (max-width:1450px) {
    .teacher-xiaochen[data-v-1da42bca] {
        width:1rem;
        height: 1.5rem;
        position: absolute;
        top: 2.9rem;
        left: -.3rem
    }

    .teacher-dale[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.1rem;
        right: -.4rem
    }

    .teacher-yaya[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 2.9rem;
        left: 1.1rem
    }

    .teacher-qingwa[data-v-1da42bca] {
        width: 1.2rem;
        height: 1.8rem;
        position: absolute;
        top: 2.5rem;
        left: 4.7rem
    }

    .teacher-beauty[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 2.9rem;
        left: 8.4rem
    }

    .teacher-miaoguo[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: .9rem
    }

    .teacher-aimi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: 4.8rem
    }

    .teacher-xiaojie[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .1rem;
        left: 9.7rem
    }

    .teacher-xiaoyuan[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.4rem;
        left: 3.2rem
    }

    .teacher-wanzi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.4rem;
        left: 6.8rem
    }

    .teacher-yutou[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 4.1rem;
        left: 2.8rem
    }

    .teacher-meixing[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 4.1rem;
        left: 6.5rem
    }

    .teacher-ziqi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.6rem;
        left: 5rem
    }

    .teacher-dawei[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.6rem;
        left: .8rem
    }

    .teacher-haohao[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.6rem;
        left: 9.5rem
    }
}

@media screen and (min-width: 1451px) and (max-width:1500px) {
    .teacher-xiaochen[data-v-1da42bca] {
        width:1rem;
        height: 1.5rem;
        position: absolute;
        top: 2.9rem;
        left: -.3rem
    }

    .teacher-dale[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.1rem;
        right: -.4rem
    }

    .teacher-yaya[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 2.9rem;
        left: 1.1rem
    }

    .teacher-qingwa[data-v-1da42bca] {
        width: 1.2rem;
        height: 1.8rem;
        position: absolute;
        top: 2.5rem;
        left: 4.7rem
    }

    .teacher-beauty[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 2.9rem;
        left: 8.5rem
    }

    .teacher-miaoguo[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: .9rem
    }

    .teacher-aimi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: 4.8rem
    }

    .teacher-xiaojie[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .1rem;
        left: 9.9rem
    }

    .teacher-xiaoyuan[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.4rem;
        left: 3.2rem
    }

    .teacher-wanzi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.4rem;
        left: 6.8rem
    }

    .teacher-yutou[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 4.1rem;
        left: 2.8rem
    }

    .teacher-meixing[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 4.1rem;
        left: 6.5rem
    }

    .teacher-ziqi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.6rem;
        left: 5rem
    }

    .teacher-dawei[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.6rem;
        left: .8rem
    }

    .teacher-haohao[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.6rem;
        left: 9.6rem
    }
}

@media screen and (min-width: 1501px) and (max-width:1550px) {
    .teacher-xiaochen[data-v-1da42bca] {
        width:1rem;
        height: 1.5rem;
        position: absolute;
        top: 2.9rem;
        left: -.3rem
    }

    .teacher-dale[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.1rem;
        right: -.4rem
    }

    .teacher-yaya[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 2.9rem;
        left: 1.1rem
    }

    .teacher-qingwa[data-v-1da42bca] {
        width: 1.2rem;
        height: 1.8rem;
        position: absolute;
        top: 3rem;
        left: 5rem
    }

    .teacher-beauty[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 2.9rem;
        left: 9rem
    }

    .teacher-miaoguo[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: .9rem
    }

    .teacher-aimi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: 4.8rem
    }

    .teacher-xiaojie[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .1rem;
        left: 10.4rem
    }

    .teacher-xiaoyuan[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.4rem;
        left: 3.2rem
    }

    .teacher-wanzi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.4rem;
        left: 6.8rem
    }

    .teacher-yutou[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 4.1rem;
        left: 3rem
    }

    .teacher-meixing[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 4.1rem;
        left: 7.2rem
    }

    .teacher-ziqi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.6rem;
        left: 5rem
    }

    .teacher-dawei[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.6rem;
        left: .8rem
    }

    .teacher-haohao[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.6rem;
        left: 10.3rem
    }
}

@media screen and (min-width: 1551px) and (max-width:1600px) {
    .teacher-xiaochen[data-v-1da42bca] {
        width:1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.2rem;
        left: -.3rem
    }

    .teacher-dale[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.1rem;
        right: -.4rem
    }

    .teacher-yaya[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.2rem;
        left: 1.3rem
    }

    .teacher-qingwa[data-v-1da42bca] {
        width: 1.2rem;
        height: 1.8rem;
        position: absolute;
        top: 3rem;
        left: 5.2rem
    }

    .teacher-beauty[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 2.9rem;
        left: 9.6rem
    }

    .teacher-miaoguo[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: .9rem
    }

    .teacher-aimi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: 5.4rem
    }

    .teacher-xiaojie[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .1rem;
        left: 10.8rem
    }

    .teacher-xiaoyuan[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.6rem;
        left: 3.5rem
    }

    .teacher-wanzi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.4rem;
        left: 7.3rem
    }

    .teacher-yutou[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 4.5rem;
        left: 3.4rem
    }

    .teacher-meixing[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 4.6rem;
        left: 7.5rem
    }

    .teacher-ziqi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 6rem;
        left: 5.5rem
    }

    .teacher-dawei[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 6rem;
        left: 1rem
    }

    .teacher-haohao[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 6rem;
        left: 10.6rem
    }
}

@media screen and (min-width: 1601px) and (max-width:1650px) {
    .teacher-xiaochen[data-v-1da42bca] {
        width:1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.2rem;
        left: -.3rem
    }

    .teacher-dale[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.1rem;
        right: -.4rem
    }

    .teacher-yaya[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.2rem;
        left: 1.3rem
    }

    .teacher-qingwa[data-v-1da42bca] {
        width: 1.2rem;
        height: 1.8rem;
        position: absolute;
        top: 3rem;
        left: 5.5rem
    }

    .teacher-beauty[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.2rem;
        left: 9.9rem
    }

    .teacher-miaoguo[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: .9rem
    }

    .teacher-aimi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: 5.4rem
    }

    .teacher-xiaojie[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .1rem;
        left: 11.3rem
    }

    .teacher-xiaoyuan[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.6rem;
        left: 3.7rem
    }

    .teacher-wanzi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.6rem;
        left: 7.7rem
    }

    .teacher-yutou[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 4.9rem;
        left: 3.6rem
    }

    .teacher-meixing[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 4.9rem;
        left: 7.8rem
    }

    .teacher-ziqi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 6.3rem;
        left: 5.8rem
    }

    .teacher-dawei[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 6.3rem;
        left: 1.1rem
    }

    .teacher-haohao[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 6.4rem;
        left: 11.2rem
    }
}

@media screen and (min-width: 1651px) and (max-width:1700px) {
    .teacher-xiaochen[data-v-1da42bca] {
        width:1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.5rem;
        left: -.3rem
    }

    .teacher-dale[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.3rem;
        right: -.4rem
    }

    .teacher-yaya[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.4rem;
        left: 1.5rem
    }

    .teacher-qingwa[data-v-1da42bca] {
        width: 1.2rem;
        height: 1.8rem;
        position: absolute;
        top: 3.2rem;
        left: 5.8rem
    }

    .teacher-beauty[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.3rem;
        left: 10.2rem
    }

    .teacher-miaoguo[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: .9rem
    }

    .teacher-aimi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: 5.8rem
    }

    .teacher-xiaojie[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .1rem;
        left: 11.7rem
    }

    .teacher-xiaoyuan[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.8rem;
        left: 3.7rem
    }

    .teacher-wanzi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.6rem;
        left: 7.9rem
    }

    .teacher-yutou[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.1rem;
        left: 3.6rem
    }

    .teacher-meixing[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.2rem;
        left: 8rem
    }

    .teacher-ziqi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 6.6rem;
        left: 6rem
    }

    .teacher-dawei[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 6.6rem;
        left: 1.1rem
    }

    .teacher-haohao[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 6.6rem;
        left: 11.5rem
    }
}

@media screen and (min-width: 1701px) and (max-width:1750px) {
    .teacher-xiaochen[data-v-1da42bca] {
        width:1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.8rem;
        left: -.3rem
    }

    .teacher-dale[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.5rem;
        right: -.4rem
    }

    .teacher-yaya[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.6rem;
        left: 1.5rem
    }

    .teacher-qingwa[data-v-1da42bca] {
        width: 1.2rem;
        height: 1.8rem;
        position: absolute;
        top: 3.5rem;
        left: 5.9rem
    }

    .teacher-beauty[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.5rem;
        left: 10.8rem
    }

    .teacher-miaoguo[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: .9rem
    }

    .teacher-aimi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: 6rem
    }

    .teacher-xiaojie[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .1rem;
        left: 12.1rem
    }

    .teacher-xiaoyuan[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.8rem;
        left: 4rem
    }

    .teacher-wanzi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.8rem;
        left: 8.3rem
    }

    .teacher-yutou[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.2rem;
        left: 3.9rem
    }

    .teacher-meixing[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.2rem;
        left: 8.4rem
    }

    .teacher-ziqi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 6.9rem;
        left: 6.2rem
    }

    .teacher-dawei[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 7rem;
        left: 1.1rem
    }

    .teacher-haohao[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 7rem;
        left: 11.8rem
    }
}

@media screen and (min-width: 1751px) and (max-width:1800px) {
    .teacher-xiaochen[data-v-1da42bca] {
        width:1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.9rem;
        left: -.3rem
    }

    .teacher-dale[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.8rem;
        right: -.4rem
    }

    .teacher-yaya[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.6rem;
        left: 1.5rem
    }

    .teacher-qingwa[data-v-1da42bca] {
        width: 1.2rem;
        height: 1.8rem;
        position: absolute;
        top: 3.5rem;
        left: 6.1rem
    }

    .teacher-beauty[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.5rem;
        left: 11.2rem
    }

    .teacher-miaoguo[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .3rem;
        left: .9rem
    }

    .teacher-aimi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .3rem;
        left: 6.3rem
    }

    .teacher-xiaojie[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .3rem;
        left: 12.7rem
    }

    .teacher-xiaoyuan[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.9rem;
        left: 4rem
    }

    .teacher-wanzi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 1.9rem;
        left: 8.6rem
    }

    .teacher-yutou[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.4rem;
        left: 3.9rem
    }

    .teacher-meixing[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.4rem;
        left: 8.9rem
    }

    .teacher-ziqi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 7.2rem;
        left: 6.6rem
    }

    .teacher-dawei[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 7.2rem;
        left: 1.1rem
    }

    .teacher-haohao[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 7.2rem;
        left: 12.5rem
    }
}

@media screen and (min-width: 1801px) and (max-width:1850px) {
    .teacher-xiaochen[data-v-1da42bca] {
        width:1rem;
        height: 1.5rem;
        position: absolute;
        top: 4rem;
        left: -.3rem
    }

    .teacher-dale[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.8rem;
        right: -.4rem
    }

    .teacher-yaya[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.8rem;
        left: 1.9rem
    }

    .teacher-qingwa[data-v-1da42bca] {
        width: 1.2rem;
        height: 1.8rem;
        position: absolute;
        top: 3.6rem;
        left: 6.5rem
    }

    .teacher-beauty[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.8rem;
        left: 11.5rem
    }

    .teacher-miaoguo[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: 1.2rem
    }

    .teacher-aimi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .2rem;
        left: 6.6rem
    }

    .teacher-xiaojie[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .4rem;
        left: 13.4rem
    }

    .teacher-xiaoyuan[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 2rem;
        left: 4.1rem
    }

    .teacher-wanzi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 2rem;
        left: 8.9rem
    }

    .teacher-yutou[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.5rem;
        left: 4rem
    }

    .teacher-meixing[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.7rem;
        left: 9rem
    }

    .teacher-ziqi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 7.5rem;
        left: 6.7rem
    }

    .teacher-dawei[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 7.4rem;
        left: 1.1rem
    }

    .teacher-haohao[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 7.4rem;
        left: 13rem
    }
}

@media screen and (min-width: 1851px) {
    .teacher-xiaochen[data-v-1da42bca] {
        width:1rem;
        height: 1.5rem;
        position: absolute;
        top: 4.1rem;
        left: -.3rem
    }

    .teacher-dale[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 4.1rem;
        right: -.1rem
    }

    .teacher-yaya[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 4.1rem;
        left: 1.9rem
    }

    .teacher-qingwa[data-v-1da42bca] {
        width: 1.2rem;
        height: 1.8rem;
        position: absolute;
        top: 3.8rem;
        left: 6.7rem
    }

    .teacher-beauty[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 3.9rem;
        left: 12.2rem
    }

    .teacher-miaoguo[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .4rem;
        left: 1.2rem
    }

    .teacher-aimi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .3rem;
        left: 6.7rem
    }

    .teacher-xiaojie[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: .3rem;
        left: 13.3rem
    }

    .teacher-xiaoyuan[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 2.1rem;
        left: 4.4rem
    }

    .teacher-wanzi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 2.1rem;
        left: 9.2rem
    }

    .teacher-yutou[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.6rem;
        left: 4.3rem
    }

    .teacher-meixing[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 5.8rem;
        left: 9.5rem
    }

    .teacher-ziqi[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 7.6rem;
        left: 7rem
    }

    .teacher-dawei[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 7.6rem;
        left: 1.2rem
    }

    .teacher-haohao[data-v-1da42bca] {
        width: 1rem;
        height: 1.5rem;
        position: absolute;
        top: 7.6rem;
        left: 13.5rem
    }
}

.teacher-aimi[data-v-1da42bca]:hover,.teacher-beauty[data-v-1da42bca]:hover,.teacher-dale[data-v-1da42bca]:hover,.teacher-dawei[data-v-1da42bca]:hover,.teacher-haohao[data-v-1da42bca]:hover,.teacher-meixing[data-v-1da42bca]:hover,.teacher-miaoguo[data-v-1da42bca]:hover,.teacher-qingwa[data-v-1da42bca]:hover,.teacher-wanzi[data-v-1da42bca]:hover,.teacher-xiaochen[data-v-1da42bca]:hover,.teacher-xiaojie[data-v-1da42bca]:hover,.teacher-xiaoyuan[data-v-1da42bca]:hover,.teacher-yaya[data-v-1da42bca]:hover,.teacher-yutou[data-v-1da42bca]:hover,.teacher-ziqi[data-v-1da42bca]:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@-webkit-keyframes expand-data-v-1da42bca {
    0% {
        transform: scale(.3);
        -webkit-transform: scale(.3);
        opacity: 0
    }

    25% {
        transform: scale(.3);
        -webkit-transform: scale(.3);
        opacity: .1
    }

    50% {
        transform: scale(.5);
        -webkit-transform: scale(.5);
        opacity: .3
    }

    75% {
        transform: scale(.8);
        -webkit-transform: scale(.8);
        opacity: .5
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes expand-data-v-1da42bca {
    0% {
        transform: scale(.3);
        -webkit-transform: scale(.3);
        opacity: 0
    }

    25% {
        transform: scale(.3);
        -webkit-transform: scale(.3);
        opacity: .1
    }

    50% {
        transform: scale(.5);
        -webkit-transform: scale(.5);
        opacity: .3
    }

    75% {
        transform: scale(.8);
        -webkit-transform: scale(.8);
        opacity: .5
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.circle-animate[data-v-1da42bca] {
    width: 1.5rem;
    height: 1.5rem;
    left: -.27rem;
    top: -.27rem
}

.circle-animate2[data-v-1da42bca],.circle-animate[data-v-1da42bca] {
    position: absolute;
    border: 5px solid #fc6;
    border-radius: 50%;
    z-index: 1000;
    opacity: 0
}

.circle-animate2[data-v-1da42bca] {
    width: 1.8rem;
    height: 1.8rem;
    left: -.32rem;
    top: -.31rem
}

.circle-animate2[data-v-1da42bca]:hover,.circle-animate[data-v-1da42bca]:hover {
    -webkit-animation: expand-data-v-1da42bca .8s;
    animation: expand-data-v-1da42bca .8s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: cubic-bezier(.95,.95,.14,.14);
    -moz--animation-timing-function: cubic-bezier(.95,.95,.14,.14);
    animation-timing-function: cubic-bezier(.95,.95,.14,.14);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.box[data-v-15e757f0] {
    margin: 5vh 15% 0;
    position: relative
}

.home_banner[data-v-15e757f0] {
    width: 100%;
    height: 90vh
}

.text_content[data-v-15e757f0] {
    position: absolute;
    top: 6vh;
    left: .7rem;
    right: .7rem;
    bottom: 60px;
    overflow: hidden
}

.scroll_box[data-v-15e757f0] {
    height: 100%;
    overflow: auto;
    width: 100%;
    padding-right: 20px
}

.agreement_icon[data-v-15e757f0] {
    width: .5rem;
    position: relative;
    left: 50%;
    margin-left: -.25rem
}

.title_text[data-v-15e757f0] {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 20px;
    font-size: .24rem;
    color: #ff9200
}

.point[data-v-15e757f0] {
    margin-top: 20px
}

.left[data-v-15e757f0] {
    margin-left: 20px
}

.largeLeft[data-v-15e757f0] {
    margin-left: 40px
}

.multipLargeLeft[data-v-15e757f0] {
    margin-left: 60px
}

.content[data-v-4e68ff56] {
    padding: 0 34%
}

.content img[data-v-4e68ff56] {
    width: 100%
}

.content[data-v-46da666c] {
    padding: 0 34%
}

.content img[data-v-46da666c] {
    width: 100%
}

.news-box[data-v-2ac7a676] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.download-banner[data-v-2ac7a676] {
    position: relative;
    width: 100%;
    min-width: 996px;
    height: 6rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.download-banner .paly_box[data-v-2ac7a676] {
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAACUCAMAAABC4vDmAAAAqFBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////82TosEAAAAN3RSTlMfALTs+95fxGVxIgXlKo+kNfZu10+WVSYN2p2Zf0xHOC/UoGlbpvB3Qb57Us884Mp6rxEIh6sS+S7TtQAABlBJREFUeNrsmtl2qjAUQM8VZZRRCqhFEAe0Vdva3pX//7NrewLiUBkSeLr7sasJm+QMCUv4w4oGVig66fOJ1BFDCzTmKVmkjhslkQ59ckX/ICXK5lg+nruUL5tj8pCxKfslk/CU+nSnA1KJwdT9vB3PX0pzV2tSg/XKLQkyZindEEhtBEPPxrcg9SrdfeZI6pmTpxMTsyeN7lpLrzgDbyltcRPZh54hz3S4Qp/JRu9wE/eOxlUKlYbkgvlUjuEBsTydkwuGC42vlHeRbnZPsaACltKzL5JxyVHKkoq1cevoUBnd2faLsWVxkgqmhWmHRgQ1iYxh4ZWmAQ8ptzDlXFGhAaoyL7yWyywVmCRnJ0JjxB3JWQVsUvtzgI9kYEIenwN+zyKV5tEkvKjAiPoi5JGVNpYKPkiGGQMH4nMsfATNpNRRvtwecOJc70ZqE6koX+zEB274SR4QUX0p184Gi8AVUSCI/VpXSsxC/M0CzlhvWbiL9aTkzClRgTtqklkt6kgtslHv0Arv2Tsvqkst6RhbhJYQbfrWy6pSHnUSQmiNUKBWXjWpvU2dZtAiM2pl76tIqQJ12kCrbLLnqOVSwahknbiv1SgolaL9bh1C64Rr2gfLpNKsrkEHZBU6fSy1p//2Ap3wQpdg/0gqoE18Ah1Ba/sgeCC1ov1OhY5QaR9c/S7l0cSzoDMsmoLeb1JHem8RoUNEesc5/iI1oQcD6BT61Ml9KauPQedDp/gDzEDrrpREdxfK0L92ti1sZeADjWTpntSS3lugjOWQIFsXuEDvOMtbKQ1XUYirFTxkogMHYgHjRruRWlQs5a+kiJByLOzOtZQ2pLcxKGF88+EQmKE3zKF2JeXgI0qD1yU3JDGwItOlupLCBdhBGV/kFoG9fe/wu+illFe1lifkHm8esLG8aDZQrFFzKKVH7rOygIk5BmhRSseZleZSZP0MLCg4i16QMjD61YZSyG7JkoCY/cZZShPwL9BYCvkbQWMMzBktl3KxJUasUsT+gqZEeBxwc6kVtjJgkkLmIjRkiwmTSX2usXSxSiEfe2iEg/nySaVcXHqdRYp9D3Ub949KTck3PWCVYvy6jVNPqdQAixQfKaS3aVqqBijl4zwWTynSN1SoiYUj/R8pmbYYblLIWG7WauQfKRP3klWKfQ8xts0fqTEK8pVCDL/+qWr8LXXE8TFnKeSwgOrEOOZ4ktpg0AN3KWQ7g8pgGdicpBTc/zakkCe9XqVSTlIT3P32pMjQqXVSSE5SEsZ5S1LINqwR6dJJCn/WMGtDqu61dYbJ8Qc0PMfoLUuRoQKl6NgMNAA88UGbUohUvod4AgaIsK+3LIU8Qwl4U44gxLfoRIqUnbQw6UIQsUx1I0W8KrOL9BRjdiQ1qPKlSoEUC1ZHUmRW4ftnCs/YCrqSSuERT5gPXUsZ/6X+lXNmzQnCUBSeDFMcW7uhiLK4FGoXmCEPKv//n5VOJ7bTagnchUTvuw+STJJ77ncO5vJxb/REZ6MzHwlzrSOB+fB0tQ5P3mvG17tmWC/kreaFzPh0WU91ny5sj7xNrP/I43oO75b6z2GmxqHI2jQOLC3WJm7XYnE0o7uHls0ofdteTFu37dQCh/PeQeAgloLuVx2kIFrRrGg5n/S//gilvOjIbvJiSiLEqpUDCLE0knU5AUjWNOK+8wIQ92nGINXTLWQMQjIwKiewgRHBaG00BI7WUIeQSrCDDiHRx7WDBD6uRR5sj4YIg21cBKCKAmQEAA5LDBbosITCSrJmAEtXvodjJfoAzt3RHjNABnDgqNLbAhlVgkNdo5QO6hKeJv6WIK6cKqk+VGdQMP65cq+ooCAAqUydw9gTF6kEwaer7fixcsrhNS58ag+mKyIAIU8FNItZn+j37BQkn/cHyed22Qn4jRehMl7YZlHpycwjbbQ9mWkQEwG3lS6w1XRopj1TCJfPyOrabfkVIlW/CinM0eHBHG2/jVyI3EDDPVk0QfgdTXAuIQ5mxl3UJamCQSRShMraBW7wMThCRdXsGceDkuGEzajKsWN58nMNMDIz6umzMvNCsY7Gh/lN8WH++rcweoMftObN/7CIp4PWruBBa/BIusivK2qMpLuU8D5DYw4NDYQ0NTpT1f6/kNG96F4YcazLxPVkXJf03GSJEMf6AYMspYBhlRyyAAAAAElFTkSuQmCC);
    background-size: contain;
    width: 1.02rem;
    height: 1.02rem;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    margin-left: -.51rem
}

@media screen and (min-width: 1600px) and (max-width:1800px) {
    .download-banner[data-v-2ac7a676] {
        width:100%;
        min-width: 996px;
        height: 6.8rem;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 1801px) {
    .download-banner[data-v-2ac7a676] {
        width:100%;
        min-width: 996px;
        height: 7.2rem;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.content-wrapper[data-v-2ac7a676] {
    padding: 0 10%;
    color: #333
}

.content-wrapper .content-title[data-v-2ac7a676] {
    font-size: .24rem;
    font-weight: 200
}

.content-wrapper .content-title .title-left[data-v-2ac7a676] {
    color: grey;
    cursor: pointer
}

.content-wrapper .content-body[data-v-2ac7a676] {
    padding: 0 9%
}

.content-wrapper .content-body .body-title[data-v-2ac7a676] {
    text-align: center;
    padding: 50px 0;
    font-size: .36rem;
    border-bottom: 1px solid #bfbfbf
}

.content-wrapper .content-body .body-tips .tips-right[data-v-2ac7a676] {
    text-align: right;
    padding-top: 20px;
    font-size: .2rem;
    color: #9e9b9b
}

.content-wrapper .content-body .body-tips .tips-right .heart[data-v-2ac7a676] {
    color: #ff3a3a
}

.content-wrapper .content-body .body-tips .tips-right .heart img[data-v-2ac7a676] {
    width: none
}

.content-wrapper .content-body .body-content img[data-v-2ac7a676] {
    width: 100%;
    border-radius: 25px
}

.content-wrapper .content-body .body-content[data-v-2ac7a676] p {
    margin: 15px 0;
    line-height: 1.8em;
    font-size: .18rem;
    color: #333
}

.content-wrapper .content-body .body-content[data-v-2ac7a676] p img {
    display: block;
    margin: 20px auto;
    max-width: 1110px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.content-wrapper .content-body .body-content .article[data-v-2ac7a676] {
    padding: 50px 0
}

.content-wrapper .content-body .pr-30[data-v-2ac7a676] {
    padding-right: 30px
}

.content-wrapper .content-footer[data-v-2ac7a676] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 60px;
    font-size: .2rem;
    color: #777;
    font-weight: 200
}

.content-wrapper .content-footer .text[data-v-2ac7a676] {
    padding-bottom: 5px
}

.content-wrapper .content-footer .left-title[data-v-2ac7a676] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #bdb3b3
}

.content-wrapper .content-footer .footer-left[data-v-2ac7a676],.content-wrapper .content-footer .footer-right[data-v-2ac7a676] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.content-wrapper .content-footer .footer-left img[data-v-2ac7a676],.content-wrapper .content-footer .footer-right img[data-v-2ac7a676] {
    width: 12px;
    height: 22px
}

.content-wrapper .content-footer .footer-left[data-v-2ac7a676]:hover,.content-wrapper .content-footer .footer-right[data-v-2ac7a676]:hover {
    color: #3e3c3c
}

.content-wrapper .content-footer .footer-wrap[data-v-2ac7a676] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .content-footer .ml-10[data-v-2ac7a676] {
    margin-left: 10px
}

.content-wrapper .content-footer .mr-10[data-v-2ac7a676] {
    margin-right: 10px
}

.content-wrapper .content-footer .ml-20[data-v-2ac7a676] {
    margin-left: 20px
}

.content-wrapper .content-footer .mr-20[data-v-2ac7a676] {
    margin-right: 20px
}

.content-list[data-v-2ac7a676] {
    padding: 0 10%;
    color: #333
}

.content-list .news-list .item[data-v-2ac7a676] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.content-list .news-list .item .item-title[data-v-2ac7a676],.content-list .news-list .item[data-v-2ac7a676] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-list .news-list .item .item-title[data-v-2ac7a676] {
    margin-bottom: 40px;
    font-size: .24rem;
    color: grey
}

.content-list .news-list .item .item-title .border[data-v-2ac7a676] {
    width: 55px;
    height: 1px;
    background: grey
}

.content-list .news-list .item .item-title .time[data-v-2ac7a676] {
    padding: 0 30px
}

.content-list .news-list .item .item-body[data-v-2ac7a676] {
    width: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 25px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.2);
    cursor: pointer
}

.content-list .news-list .item .item-body[data-v-2ac7a676]:hover {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.4);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.4)
}

.content-list .news-list .item .item-body .img-box[data-v-2ac7a676],.content-list .news-list .item .item-body .img-box img[data-v-2ac7a676] {
    width: 100%;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px
}

.content-list .news-list .item .item-body .inner-box[data-v-2ac7a676] {
    margin-top: 15px;
    padding: 0 15px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content-list .news-list .item .item-body .inner-box .title[data-v-2ac7a676] {
    margin-bottom: 16px;
    color: #333;
    font-size: .26rem
}

.content-list .news-list .item .item-body .inner-box .text[data-v-2ac7a676] {
    width: 100%;
    color: grey;
    font-size: .18rem
}

.content-list .news-list .item .more-text[data-v-2ac7a676] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content-list .news-list .mt-40[data-v-2ac7a676] {
    margin-top: 40px
}

.content-list .new-more[data-v-2ac7a676] {
    text-align: center;
    padding: 65px 0
}

.content-list .new-more .btn[data-v-2ac7a676] {
    display: inline-block;
    height: 48px;
    width: 48px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAB40lEQVRoQ+3ZPVKEMBQH8JcCam+iewM9iXoCoSBptYQGvcF6g72B3mDxJtZQxHkzOMMGEvLF8DKzqSH7/yUB8jYMEm8s8fxwBew9g7MZqOu6YIw9AkCXZVlZluWvb8i6ro+MsVvG2Kmqqjfffkz3XQCaprkDgPPkBkQ8+CDGgWgnfR0558+xEWsA/D0vxAIA+4qOmC2hpmneAeBFGSlfRIdLSOkrKmLxLTSuXXwOps0Z0bbtTd/331sitK/RVBDG70AKiNUPGXXEKgAfAsoIKwBlhDWAKsIJQBHhDKCG8AJQQngDqCCCABQQwYC9EVEAeyKiAUwIzvnBpZAx7GI/OOfFtK+oAB1CSlkKIbDOsG4GxIFz3v13RBowDMMXAGCZO23bAZY2fVLKHyGEGsI4Ezj6mvDbLSFd+DzP713+FNCFl1J+CiGeVHmUJbRXeMQEA/YMHwzYO3wQgEJ4bwCV8F4ASuGdAdTCOwEohrcGUA1vBaAcfhVAPbwRkEJ4LSCV8IuApQMO3BK77irH4mZ2wKHbVVpXOsqFq0dMAeHxsHB6Rgaxw89mQD3k8w0/jv4FYIvwi0sID+cAAAuHLs/zwqUYUZcBPktjSXgSQrz6LhPTfcH1wBahXPq8AlxGa4trk5+BP1gdg08Gnwv2AAAAAElFTkSuQmCC) no-repeat
}

.slide-fade-enter-active[data-v-2ac7a676] {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.slide-fade-leave-active[data-v-2ac7a676] {
    -webkit-transition: all .5s cubic-bezier(1,.5,.8,1);
    transition: all .5s cubic-bezier(1,.5,.8,1)
}

.slide-fade-enter[data-v-2ac7a676],.slide-fade-leave-to[data-v-2ac7a676] {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0
}

.home_banner[data-v-b2b490f2] {
    width: 100%;
    min-width: 996px
}

.help_content[data-v-b2b490f2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5% 12%
}

.help_content img[data-v-b2b490f2] {
    width: 40%
}

.help_content .info[data-v-b2b490f2] {
    width: 50%;
    margin-left: 10%;
    padding-top: 45px
}

.help_content .info .title[data-v-b2b490f2] {
    width: 270px;
    height: 102px;
    font-size: 54px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-left: 15px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%
}

.help_content .info .content[data-v-b2b490f2] {
    padding-left: 15px;
    font-size: 22px;
    line-height: 45px;
    color: #4c4c4c
}

.download-banner[data-v-a29edd9e] {
    width: 100%;
    min-width: 996px;
    height: 6rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 1600px) and (max-width:1800px) {
    .download-banner[data-v-a29edd9e] {
        width:100%;
        min-width: 996px;
        height: 6.8rem;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 1801px) {
    .download-banner[data-v-a29edd9e] {
        width:100%;
        min-width: 996px;
        height: 7.2rem;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.content[data-v-a29edd9e] {
    padding: 0 15%
}

.box_title[data-v-a29edd9e] {
    text-align: center;
    margin-bottom: 50px
}

.img_margin_top[data-v-a29edd9e] {
    margin-top: 100px
}

.box_title img[data-v-a29edd9e] {
    width: 3rem
}

.about_us[data-v-a29edd9e] {
    font-size: .18rem;
    line-height: .2475rem;
    color: #333
}

.about_us p[data-v-a29edd9e] {
    margin-bottom: 22px
}

.leader_box[data-v-a29edd9e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .7725rem
}

.leader_box_img[data-v-a29edd9e] {
    margin-right: .705rem
}

.leader_box_img[data-v-a29edd9e],.leader_box_img_right[data-v-a29edd9e] {
    width: 2.25rem;
    -webkit-box-shadow: 0 5px 15px 0 rgba(54,56,69,.4);
    box-shadow: 0 5px 15px 0 rgba(54,56,69,.4);
    border-radius: .375rem
}

.leader_box_img_right[data-v-a29edd9e] {
    margin-left: .705rem
}

.leader_name[data-v-a29edd9e] {
    font-size: .3rem;
    font-weight: 900;
    color: #4c4c4c;
    margin-bottom: 20px
}

.leader_position[data-v-a29edd9e] {
    color: grey;
    font-size: .18rem;
    margin-bottom: 20px
}

.leader_introduce[data-v-a29edd9e] {
    color: #4c4c4c;
    font-size: .18rem;
    line-height: .3rem
}

.develop[data-v-a29edd9e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.develop-icon[data-v-a29edd9e] {
    width: 70px;
    height: 1180px;
    display: inline-block;
    margin: 0 .495rem;
    background-image: url(data:image/png;base64,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)
}

.develop .develop_month[data-v-a29edd9e] {
    color: #fd7218;
    font-size: .3rem;
    font-weight: 700
}

.develop .develop_detail[data-v-a29edd9e] {
    font-size: .17rem;
    font-weight: 700;
    color: #333;
    letter-spacing: 1px
}

.develop .develop_detail span[data-v-a29edd9e] {
    font-size: .3rem;
    color: #ff5858;
    font-weight: 700
}

.develop img[data-v-a29edd9e] {
    height: 800px;
    margin: 0 .495rem
}

.text_right[data-v-a29edd9e] {
    text-align: right
}

.text_left[data-v-a29edd9e] {
    text-align: left
}

.top_2015[data-v-a29edd9e] {
    margin-top: 180px
}

.top_2016[data-v-a29edd9e] {
    margin-top: 260px
}

.top_2017[data-v-a29edd9e] {
    margin-top: 258px
}

.top_2018[data-v-a29edd9e],.top_2019[data-v-a29edd9e] {
    margin-top: 250px
}

.year_bottom[data-v-a29edd9e] {
    margin-bottom: 10px
}

.core_idea[data-v-a29edd9e] {
    text-align: center;
    width: 8.4rem;
    margin: 0 auto;
    height: .8775rem;
    line-height: .8775rem;
    font-size: .42rem;
    letter-spacing: 2px;
    color: #fd7217
}

.course_system[data-v-a29edd9e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.system_title[data-v-a29edd9e] {
    text-align: center;
    font-size: .18rem;
    color: #4d4d4d
}

.course_system .system_box[data-v-a29edd9e] {
    width: 1.6225rem;
    height: .6825rem;
    background-color: #ffebdd;
    font-weight: 600;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.system_box_bottom[data-v-a29edd9e] {
    margin-bottom: .51rem
}

.course_system .level_box[data-v-a29edd9e] {
    color: #fff;
    width: 2.1rem;
    text-align: center;
    margin-left: .15rem
}

.level_box .level_title[data-v-a29edd9e] {
    height: .5625rem;
    line-height: .5625rem;
    font-size: .27rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.level_box .level1_title[data-v-a29edd9e] {
    background-color: #ffc269
}

.level_box .level2_title[data-v-a29edd9e] {
    background-color: #ffaf3b
}

.level_box .level3_title[data-v-a29edd9e] {
    background-color: #ffa63b
}

.level_box .level4_title[data-v-a29edd9e] {
    background-color: #ff943b
}

.level_box .level_high[data-v-a29edd9e] {
    background-color: #ff7765
}

.level_box .level_content[data-v-a29edd9e] {
    position: relative;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.level_box .level1_content[data-v-a29edd9e] {
    height: 2.335rem;
    background-color: #ffaf3b
}

.level_box .level2_content[data-v-a29edd9e] {
    height: 2.74rem;
    background-color: #ff9600
}

.level_box .level3_content[data-v-a29edd9e] {
    height: 3.1725rem;
    background-color: #ff8a00
}

.level_box .level4_content[data-v-a29edd9e] {
    height: 3.5375rem;
    background-color: #ff7200
}

.level_box .level_high_content[data-v-a29edd9e] {
    height: 3.9375rem;
    background-color: #ff4b38
}

.level_box .level_year[data-v-a29edd9e] {
    font-size: .225rem;
    padding-top: .05rem
}

.level_box .level1_course[data-v-a29edd9e] {
    margin-top: .13rem
}

.level_box .level2_course[data-v-a29edd9e] {
    margin-top: .3rem
}

.level_box .level3_course[data-v-a29edd9e] {
    margin-top: .5rem
}

.level_box .level4_course[data-v-a29edd9e] {
    margin-top: .7rem
}

.level_box .level_course[data-v-a29edd9e] {
    margin-bottom: .08rem;
    font-size: .18rem
}

.level_box .level_detail[data-v-a29edd9e] {
    font-size: .15rem;
    line-height: .2475rem
}

.level_box .level_g[data-v-a29edd9e] {
    position: absolute;
    width: 100%;
    bottom: .2rem;
    font-size: .225rem
}

.level_box_footer[data-v-a29edd9e] {
    margin: 10px 0;
    width: 100%
}

.showHonor[data-v-a29edd9e] {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    letter-spacing: 2px
}

.showHonor .honorWrapper[data-v-a29edd9e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .3rem
}

.showHonor .honorWrapper .container[data-v-a29edd9e] {
    width: 33.3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.showHonor .honorWrapper .container .honorItem[data-v-a29edd9e] {
    width: 80%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    padding-top: .3rem;
    cursor: pointer
}

.showHonor .honorWrapper .container .honorItem .imageWrap[data-v-a29edd9e] {
    width: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
    border-radius: 50%
}

.showHonor .honorWrapper .container .honorItem .imageWrap .honorImage[data-v-a29edd9e] {
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    border: 1px solid #cec8c8
}

.showHonor .honorWrapper .container .honorItem .Taniho[data-v-a29edd9e] {
    width: 1.9rem;
    -webkit-transform: translateY(-.35rem);
    transform: translateY(-.35rem)
}

.showHonor .honorWrapper .container .honorItem .descWrap[data-v-a29edd9e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(-.3rem);
    transform: translateY(-.3rem)
}

.showHonor .honorWrapper .container .honorItem .descWrap .honorTitle[data-v-a29edd9e] {
    color: #333;
    text-align: center;
    font-size: .16rem;
    line-height: .3rem;
    font-weight: 600;
    letter-spacing: .01rem
}

.showHonor .honorWrapper .container .honorItem .descWrap .desc[data-v-a29edd9e] {
    color: #8c8c8c;
    letter-spacing: 0
}

.showHonor .honorWrapper .container .honorItem[data-v-a29edd9e]:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    border-radius: 10%;
    -webkit-transition: -webkit-transform ease;
    transition: -webkit-transform ease;
    transition: transform ease;
    transition: transform ease,-webkit-transform ease;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

html {
    font-size: 14px
}

body,div,h1,h2,li,p,ul {
    margin: 0;
    padding: 0
}

ol,ul {
    list-style: none
}

a {
    color: #06c
}

a,a:hover {
    text-decoration: none
}

img {
    border: 0;
    vertical-align: middle
}

body {
    font-size: 14%;
    min-width: 1200px
}

@media (min-width: 1680px) {
    .menu_list_item .text {
        font-size:18.7px!important
    }

    .top_banner {
        width: 1550px!important;
        height: 74.25px!important
    }

    .logo_img {
        margin-left: 40px!important;
        margin-right: 59.225px!important;
        width: 83.6px!important
    }

    .menu_list_item {
        margin-right: 70px!important
    }

    .on_line_btn {
        margin-left: 3.3px;
        margin-right: 40px!important
    }

    .on_line_btn img {
        width: 143px!important
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s,-webkit-transform .2s;
    transition: top .2s,-webkit-transform .2s;
    -webkit-transition: transform .2s,top .2s;
    transition: transform .2s,top .2s;
    -webkit-transition: transform .2s,top .2s,-webkit-transform .2s;
    transition: transform .2s,top .2s,-webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s,-webkit-transform .2s;
    transition: left .2s,-webkit-transform .2s;
    -webkit-transition: transform .2s,left .2s;
    transition: transform .2s,left .2s;
    -webkit-transition: transform .2s,left .2s,-webkit-transform .2s;
    transition: transform .2s,left .2s,-webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s,-webkit-transform .2s;
    transition: right .2s,-webkit-transform .2s;
    -webkit-transition: transform .2s,right .2s;
    transition: transform .2s,right .2s;
    -webkit-transition: transform .2s,right .2s,-webkit-transform .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0,0%,100%,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),(print) {
    .animated {
        -webkit-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
        -webkit-transition-duration: 1ms!important;
        transition-duration: 1ms!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important
    }
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before {
    content: "\F101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\F102"
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before {
    content: "\F103"
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before {
    content: "\F104"
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before {
    content: "\F105"
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before {
    content: "\F106"
}

.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before {
    content: "\F107"
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before {
    content: "\F108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before {
    content: "\F109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\F10A"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\F10B"
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before {
    content: "\F10C"
}

.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before {
    content: "\F10D"
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before {
    content: "\F10E"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\F10F"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\F110"
}

.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: "\F111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\F112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\F113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\F114"
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before {
    content: "\F115"
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before {
    content: "\F116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\F117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\F118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\F119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\F11A"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\F11B"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\F11C"
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before {
    content: "\F11D"
}

.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before {
    content: "\F11E"
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\F11F"
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\F120"
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before {
    content: "\F121"
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before {
    content: "\F122"
}

.video-js {
    display: block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial,Helvetica,sans-serif;
    word-break: normal
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100%!important;
    height: 100%!important
}

.video-js[tabindex="-1"] {
    outline: none
}

.video-js *,.video-js :after,.video-js :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-4-3,.video-js.vjs-16-9,.video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill,.video-js .vjs-tech {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100%!important;
    height: 100%!important;
    padding-top: 0!important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none!important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block!important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    border-radius: .3em;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.81666em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5);
    -webkit-transition: all 0s;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0,0,0,.8);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(hsla(0,0%,100%,0)));
    background: linear-gradient(180deg,rgba(0,0,0,.8),hsla(0,0%,100%,0));
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115,133,159,.5)
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43,51,63,.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7)
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s,opacity .1s;
    transition: visibility .1s,opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s,opacity 1s;
    transition: visibility 1s,opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar {
    display: none!important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em;
    -ms-touch-action: none;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    top: -.3333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115,133,159,.5)
}

.video-js .vjs-load-progress div {
    background: rgba(115,133,159,.75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s,opacity 1s;
    transition: visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0,0,0,.8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5)
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    -webkit-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    -webkit-transition: width 1s;
    transition: width 1s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;
    transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
    left: -3.5em;
    -webkit-transition: left 0s;
    transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
    width: 10em;
    -webkit-transition: width .1s;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    -webkit-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;
    transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    -webkit-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;
    transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: none;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.video-js .vjs-time-control {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time,.video-js .vjs-duration,.vjs-live .vjs-time-control,.vjs-no-flex .vjs-current-time,.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control,.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial,Helvetica,sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43,51,63,.7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear .3s forwards;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:after,.vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: #fff transparent transparent
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\F10D";
    font-size: 1.5em;
    line-height: inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \F11D";
    font-size: 1.5em;
    line-height: inherit
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control {
    display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button {
    display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: block
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control {
    display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43,51,63,.75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-track-setting>select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    display: block;
    margin: 0 0 5px;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(88%,#fff),to(#73859f));
    background-image: linear-gradient(0deg,#fff 88%,#73859f)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43,51,63,.75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(88%,#fff),to(#73859f));
    background-image: linear-gradient(-180deg,#fff 88%,#73859f);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible),.video-js .vjs-menu :focus:not(:focus-visible),.video-js :focus:not(:focus-visible) {
    outline: none;
    background: none
}

/*# sourceMappingURL=app.863f8666af6460a9965e88ba504190e9.css.map */
