/*!src/assets/scss/common.scss*/

/*!
 * Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */
.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}
.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}
.cropper-wrap-box,.cropper-canvas{overflow:hidden}
.cropper-drag-box{background-color:#fff;opacity:0}
.cropper-modal{background-color:#000;opacity:.5}
.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}
.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}
.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}
.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}
.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}
.cropper-center::before,.cropper-center::after{background-color:#eee;content:' ';display:block;position:absolute}
.cropper-center::before{height:1px;left:-3px;top:0;width:7px}
.cropper-center::after{height:7px;left:0;top:-3px;width:1px}
.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}
.cropper-face{background-color:#fff;left:0;top:0}
.cropper-line{background-color:#39f}
.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}
.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}
.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}
.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}
.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}
.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}
.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}
.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}
.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}
.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}
.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}
.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}
.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}
@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}
@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}
@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}
.cropper-point.point-se::before{background-color:#39f;bottom:-50%;content:' ';display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}
.cropper-invisible{opacity:0}
.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}
.cropper-hide{display:block;height:0;position:absolute;width:0}
.cropper-hidden{display:none!important}
.cropper-move{cursor:move}
.cropper-crop{cursor:crosshair}
.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
.ff7-uploadimg-item{position:relative;float:left;width:calc((100% - .3rem)/4);padding:.1rem;margin-right:.2rem;margin-top:.2rem;border:1px solid #eee}
.ff7-uploadimg-item .ff7-uploadimg-pic{position:relative;padding-bottom:100%;background-size:contain;background-repeat:no-repeat;background-position:center}
.ff7-uploadimg-item .ff7-uploadimg-close{position:absolute;top:-.18rem;right:-.18rem;width:.36rem;height:.36rem;background-color:#dc143c;border-radius:50%;z-index:2}
.ff7-uploadimg-item .ff7-uploadimg-close::after,.ff7-uploadimg-item .ff7-uploadimg-close::before{position:absolute;content:'';background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.ff7-uploadimg-item .ff7-uploadimg-close::after{top:.06rem;left:.16rem;width:.04rem;height:.24rem}
.ff7-uploadimg-item .ff7-uploadimg-close::before{left:.06rem;top:.16rem;width:.24rem;height:.04rem}
.ff7-uploadimglist{margin-top:-.1rem}
.ff7-uploadimglist ul{height:auto!important}
.ff7-uploadimglist+.ff7-uploadimg-item{margin-right:0}
.ff7-uploadimg-ctrl{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;text-align:center;cursor:pointer}
img{display:block;max-width:100%}
.popup-uploadimg .uploadimg-pic{height:calc(100% - 1rem)}
.popup-uploadimg .uploadimg-ctrl .button{height:1rem;color:#fff;background-color:#000;line-height:1rem;border:0!important;border-radius:0!important}
.ff7-uploadfile-item{position:relative;float:left;width:calc((100% - .3rem)/4);margin-right:.2rem;margin-top:.2rem;border:1px solid #eee}
.ff7-uploadfile-item .ff7-uploadfile-pic{position:relative;padding-bottom:100%;background-size:contain;background-repeat:no-repeat;background-position:center;overflow:hidden}
.ff7-uploadfile-item .ff7-uploadfile-pic video{position:absolute;top:0;left:0;width:100%;height:100%}
.ff7-uploadfile-item .ff7-uploadfile-close{position:absolute;top:-.18rem;right:-.18rem;width:.36rem;height:.36rem;background-color:#dc143c;border-radius:50%;z-index:2}
.ff7-uploadfile-item .ff7-uploadfile-close::after,.ff7-uploadfile-item .ff7-uploadfile-close::before{position:absolute;content:'';background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.ff7-uploadfile-item .ff7-uploadfile-close::after{top:.06rem;left:.16rem;width:.04rem;height:.24rem}
.ff7-uploadfile-item .ff7-uploadfile-close::before{left:.06rem;top:.16rem;width:.24rem;height:.04rem}
.ff7-uploadfilelist{margin-top:-.1rem}
.ff7-uploadfilelist ul{height:auto!important}
.ff7-uploadfilelist+.ff7-uploadfile-item{margin-right:0}
.ff7-uploadfile-ctrl{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;text-align:center}
img{display:block;max-width:100%}
.popup-uploadfile .uploadfile-pic{height:calc(100% - 1rem)}
.popup-uploadfile .uploadfile-ctrl .button{height:1rem;color:#fff;background-color:#000;line-height:1rem;border:0!important;border-radius:0!important}
[data-page=signature] #signature1,[data-page=signature] #signature2{position:relative;width:100%;height:50%;overflow:hidden}
[data-page=signature] .buttons-row{position:absolute;bottom:0;width:100%;margin:0}
[data-page=html2canvas] .buttons-row{position:absolute;bottom:0;width:100%;margin:0}
[data-page=html2canvas] #html2canvas{position:relative}
[data-page=html2canvas] img{max-width:100%}
[data-page=html2canvas] .text{position:absolute;top:0;width:100%;padding:.1rem;text-align:center}
[data-page=cascade] .page-content{padding-left:.2rem;padding-right:.2rem}
[data-page=cascade] .list-block .item-content{padding-left:0}
*{margin:0;padding:0}
@media screen and (max-width:1024px){html{font-size:136.53333px}}
@media screen and (max-width:800px){html{font-size:106.66667px}}
@media screen and (max-width:768px){html{font-size:102.4px}}
@media screen and (max-width:720px){html{font-size:96px}}
@media screen and (max-width:414px){html{font-size:55.2px}}
@media screen and (max-width:412px){html{font-size:54.93333px}}
@media screen and (max-width:384px){html{font-size:51.2px}}
@media screen and (max-width:375px){html{font-size:50px}}
@media screen and (max-width:360px){html{font-size:48px}}
@media screen and (max-width:320px){html{font-size:42.66667px}}
.page{width:100%}
.navbar{position:relative;width:100%;height:auto;padding-top:.15rem;padding-bottom:.2rem;background-color:#fff}
.navbar::after{height:.01rem;background-color:#ececec}
.navbar a{display:block}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.center-block{display:block;margin-left:auto;margin-right:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hide{display:none!important}
.show{display:block!important}
.mt{margin-top:20px!important}
.mb{margin-bottom:20px!important}
.ml{margin-left:20px!important}
.mr{margin-right:20px!important}
li{list-style:none}
*{box-sizing:border-box}
:before,:after{box-sizing:border-box}
body{width:100%;height:100%;position:relative;line-height:1.5;font-family:Tahoma,"Helvetica Neue","Lantinghei SC",Arial,"Microsoft Yahei","Hiragino Sans GB",STXihei,Helvetica,sans-serif;font-size:14px;color:#585858}
body.gray-bg{background-color:#f9f9f9}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#585858;text-decoration:none}
a:hover,a:focus{color:#ff5b5a;outline:0}
figure{margin:0}
img{vertical-align:middle}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
pre code{font-family:Consolas,Monaco,monospace}
.page-content{background-color:#f5f5f5}
.page-wrapper{transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}
.container{position:relative}
@media screen and (min-width:1000px){.container{margin:0 auto;max-width:960px;width:960px}
.container.is-fluid{margin:0 20px;max-width:none;width:auto}}
@media screen and (min-width:1192px){.container{max-width:1152px;width:1152px}}
@media screen and (min-width:1384px){.container{max-width:1344px;width:1344px}}
@media screen and (max-width:768px){.container{padding:0 20px}}
.wrapper{position:relative;display:block;margin-left:auto;margin-right:auto;width:1200px}
.li-spacing{display:inline-block;vertical-align:middle;margin:0 10px;height:12px;width:1px;background-color:silver}
.li-bull{vertical-align:middle;display:inline-block;margin:0 10px;height:3px;width:3px;border-radius:50%;background-color:#ccc}
.nodata{margin:20px auto;width:140px;text-align:center}
.nodata img{width:140px;height:auto}
.nodata p{margin:0;padding-top:5px;font-size:16px;color:gray}
.bgBox{position:relative;width:100%;height:100%;background:url(/prototype/business-component-fis-mobile/static/assets/images/background-img.png) no-repeat;background-position:left bottom;background-size:100% auto}
.bgBox .blank-warp{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:3.25rem;height:2.08rem;background:url(/prototype/business-component-fis-mobile/static/assets/images/have-no.png) no-repeat;background-size:cover}
.pageall{width:100%;height:auto;background-color:#f5f5f5}
.pagecontent{width:100%;height:auto}
.page-main{height:auto;width:100%;overflow:scroll;background-color:#f5f5f5}
.page-tab{position:relative;width:100%;height:auto;background-color:#fff}
.page-tab a{display:block}
.navbar-image{width:.45rem;height:.45rem;margin-top:.1rem;margin-left:.3rem;background-image:url(/prototype/business-component-fis-mobile/static/assets/images/message.png);background-repeat:no-repeat;background-size:cover;background-position:center}
.navbar-search{position:absolute;left:0;right:0;margin:auto;width:5.4rem;height:.63rem;border-radius:.4rem;background-color:#f5f5f5}
.navbar-search-image{width:.4rem;height:.4rem;margin-top:.12rem;margin-left:.45rem;background-image:url(/prototype/business-component-fis-mobile/static/assets/images/search.png);background-repeat:no-repeat;background-size:cover;background-position:center}
.navbar-lesson{width:4rem!important;height:.63rem!important;padding-left:.2rem;outline:0;border:0;background-color:#f5f5f5!important}
.navbar-picture{width:.45rem;height:.45rem;margin-top:.1rem;margin-right:.3rem;background-image:url(/prototype/business-component-fis-mobile/static/assets/images/clock.png);background-repeat:no-repeat;background-size:cover;background-position:center}
.banner-content{width:100%;height:3.9rem}
.banner-content .swiper-container{width:100%;height:3.9rem}
.banner-content .swiper-slide{width:100%;height:100%;background-image:url(/prototype/business-component-fis-mobile/static/assets/images/banner1.png);background-size:cover;background-repeat:no-repeat;background-position:center}
.swiper-pagination-bullet{width:.16rem!important;height:.16rem!important;border:.02rem solid #cca470!important;border-radius:50%!important}
.share-content{width:100%;height:auto;padding-top:.25rem;padding-bottom:.25rem;background-color:#fff}
.share-content .share-box{width:6.9rem;height:1.3rem;margin:auto;border-radius:.04rem;background-image:url(/prototype/business-component-fis-mobile/static/assets/images/share.png);background-size:cover;background-position:center}
.offline-content{width:100%;height:auto;margin-top:.1rem;padding-top:.25rem;padding-bottom:.25rem;text-align:center;font-size:.36rem;color:#000;background-color:#fff}
.sign-content{width:100%;height:auto;text-align:center;background-color:#fff}
.sign-content .swiper-container{position:relative;width:100%;height:4rem;padding-top:.35rem;padding-bottom:.4rem;background-image:url(/prototype/business-component-fis-mobile/static/assets/images/offline.png);background-size:contain;background-repeat:no-repeat;background-position:center}
.sign-content .swiper-wrapper{width:100%;height:2.9rem;margin-left:.8rem}
.sign-content .swiper-slide{height:100%}
.sign-content .swiper-content{width:5.4rem;height:100%;margin:auto;background-image:url(/prototype/business-component-fis-mobile/static/assets/images/banner2.png);background-size:cover;background-repeat:no-repeat;background-position:center}
.sign-content .swiper-pagination{position:absolute;bottom:.1rem;width:100%;height:.4rem!important;background-color:#fff}
.daily-share{width:100%;height:auto}
.daily-bar{width:100%;height:auto;padding-top:.4rem;padding-bottom:.35rem;background-color:#fff}
.daily-bar .daily-left{width:3rem;height:auto;padding-left:.3rem;font-size:.36rem;line-height:100%;color:#000}
.daily-bar .daily-right{width:1.5rem;height:auto;margin-right:.3rem;font-size:.26rem;line-height:.36rem;color:#a0a0a0}
.daily-bar .daily-right .daily-icon{width:.29rem;height:.36rem;background-image:url(/prototype/business-component-fis-mobile/static/assets/images/more.png);background-repeat:no-repeat;background-size:cover;background-position:center}
.daily-box{width:100%;height:auto;padding:.3rem}
.daily-content{width:100%;height:auto;padding:.3rem;border-radius:.1rem;background-color:#fff}
.daily-image{position:relative;width:100%;height:3.45rem;border-radius:.1rem;background-image:url(/prototype/business-component-fis-mobile/static/assets/images/daily1.png);background-repeat:no-repeat;background-position:center}
.daily-image .daily-time{position:absolute;right:.2rem;bottom:.3rem;width:1.1rem;height:.4rem;text-align:center;font-size:.24rem;line-height:.4rem;background-color:#000;color:#fff}
.daily-name{width:100%;height:auto;padding-top:.2rem;font-size:.32rem;color:#000}
.daily-intro{width:100%;height:auto;padding-top:.3rem;font-size:.24rem;color:#999}
.quality-lesson{width:100%;height:auto;padding-top:.1rem}
.quality-lesson .quality-box{width:100%;height:auto;padding-top:.1rem;background-color:#fff}
.qulity-detail{position:relative;width:100%;height:auto}
.qulity-detail a{display:block}
.qulity-detail:after{position:absolute;left:0;bottom:0;width:100%;height:1px;content:" ";-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;background-color:#ececec}
.quality-content{width:100%;height:auto;padding:.3rem}
.quality-image{width:2.8rem;height:2rem;background-image:url(/prototype/business-component-fis-mobile/static/assets/images/quality1.png);background-size:cover;background-repeat:no-repeat;background-position:center}
.quality-intro{width:3.8rem;height:auto;padding-left:.3rem}
.quality-intro .quality-title{width:100%;height:auto;font-size:.32rem;color:#000}
.quality-intro .quality-name{width:100%;height:auto;line-height:100%;padding-top:.15rem;font-size:.26rem;color:#999}
.quality-intro .quality-grade{width:100%;height:auto;padding-top:.2rem}
.quality-intro .quality-grade .quality-number{width:auto;height:auto;max-width:1.5rem;font-size:.3rem;line-height:100%;color:#cca470}
.daily-browse{height:auto;width:1.5rem;font-size:.24rem;line-height:.35rem;color:#999}
.daily-browse .quality-icon{width:.45rem;height:.35rem;margin-right:.2rem;line-height:.35rem;background-image:url(/prototype/business-component-fis-mobile/static/assets/images/browse.png);background-size:contain;background-repeat:no-repeat;background-position:center}
.daily-add{width:auto;height:auto;line-height:.35rem;font-size:.24rem;line-height:.35rem;color:#999;text-align:right}
.daily-add .quality-icon{width:.45rem;height:.35rem;margin-right:.15rem;background-image:url(/prototype/business-component-fis-mobile/static/assets/images/add.png);background-size:contain;background-repeat:no-repeat;background-position:center left}
.quality-browse{height:auto;width:1.5rem;font-size:.24rem;line-height:.3rem;color:#999}
.quality-browse .quality-icon{width:.45rem;height:.29rem;margin-right:.2rem;background-image:url(/prototype/business-component-fis-mobile/static/assets/images/browse.png);background-size:contain;background-repeat:no-repeat;background-position:center left}
.toolbar{width:100%;height:auto;background-color:#fff}
.toolbar .boolbar-box{width:100%;height:auto;padding-top:.1rem}
.toolbar-detail{display:inline-block;width:.7rem;height:100%;margin-left:.85rem;margin-right:.85rem;text-align:center}
.toolbar-detail a{width:.7rem;display:inline-block}
.toolbar-detail.active .toolbar-name{color:#cca470}
.toolbar-detail.active .toolbar-icon-before{display:none}
.toolbar-detail.active .toolbar-icon-after{display:block}
.toolbar-detail .toolbar-name{width:.7rem;height:auto;margin:auto;padding-top:.1rem;font-size:.24rem;line-height:100%;color:#4d4d4d}
.toolbar-icon-before{width:.7rem;height:.4rem;margin:auto;background-repeat:no-repeat;background-size:contain;background-position:center center}
.toolbar-icon-after{display:none;width:.7rem;height:.4rem;margin:auto;background-repeat:no-repeat;background-size:contain;background-position:center center}