*{margin: 0;padding: 0;} html,body{ width: 100%;height: 100%;position: relative;font-family: PingFangSC-Medium; background: #fff; } .welCome{ width: 100%;height: 100%;background: url(../img/Group_8@3x.png) center center no-repeat; background-size: 100%; } .scanFoot{ width: 100%;background:url("../img/bbg@3x.png") no-repeat; background-size: 100%;position: fixed;bottom: 0;left: 0;height: 8rem; } .scanCard{ position: absolute;left: 5rem;top: 3.8rem;font-size: 1.2rem;text-align: center;display: inline-block; } .scanCard span{ width: 2.5rem; height: 2.5rem; background: url(../img/poli@3x.png) no-repeat;display: block; background-size: 2.5rem; } .scanCard span.this{ width: 2.5rem; height: 2.5rem; background: url(../img/poli02@3x.png) no-repeat;display: block; background-size: 2.5rem; } .scanScore{ position: absolute;right: 5rem;top: 3.8rem;font-size: 1.2rem;text-align: center;display: inline-block; } .scanScore i{ width: .6rem;height: .6rem;background: red;position: absolute;right: 0;top: 0;border-radius: 50%; } .scanScore span{ width: 2.5rem; height: 2.5rem; background: url(../img/cr2d_Jin_01@3x.png) no-repeat;display: block; background-size: 2.5rem; position: relative; } .scanScore span.this{ width: 2.5rem; height: 2.5rem; background: url(../img/cr2d_Jin_02@3x.png) no-repeat;display: block; background-size: 2.5rem; position: relative; } .scanBtn{ width: 5.6rem;height: 5.6rem;background: #3992CE url(../img/Group_7@3x.png);background-size: 5.6rem; position: absolute;left: 50%;-webkit-transform:translateX(-50%);top: 1.4rem;border-radius: 50%; } .battery{ padding: 1rem 1rem 1rem 2rem; font-size: 1.6rem; padding-bottom: 0rem; } .battery em{ width: 2rem; height: 2rem; background: url(../img/battery@3x.png) no-repeat; background-size: 2rem; display: inline-block; position: relative; margin-left: 1rem; top: .5rem; } .battery span{ border:solid 1px #037FC4;display: inline-block;margin-left: 1rem;width: 17rem; border-radius: 1.5rem;padding: .5rem 1rem;position: relative; font-size: 1.2rem; } .battery span i{ width: 2rem;height: 2rem;background: url(../img/add@3x.png) no-repeat; background-size: 2rem;position: absolute;right: .3rem;top:50%;-webkit-transform:translateY(-50%); } .telonline{ position: relative;z-index: 9; } .driveCard{ width: 28rem;margin: 0 auto;padding: 1rem; border-radius: 5px;position: relative;position: relative;left: .2rem; border:solid 1px #0277BE; margin-top: 1rem; } .driveCardCon{ padding: 2rem; } .driveCard.new{ background: url(../img/bg@3x.png) no-repeat;padding: 0rem; background-size: cover; border:0; width: 32rem; background-size: 32rem; left: 0rem; height: 18rem; margin-top: 0rem; } .driveCard.level1{ background: url(../img/bg3@3x.png);padding: 0rem; background-size: cover; border:0; width: 32rem; background-size: 32rem; left: 0rem; height: 18rem; margin-top: 0rem; } .driveCard.level2{ background: url(../img/bg2@3x.png);padding: 0rem; background-size: cover; border:0; width: 32rem; background-size: 32rem; left: 0rem; height: 18rem; margin-top: 0rem; } .driveCard.level3{ background: url(../img/bg1@3x.png);padding: 0rem; background-size: cover; border:0; width: 32rem; background-size: 32rem; left: 0rem; height: 18rem; margin-top: 0rem; } .driveCard h4{ font-weight: normal;font-size: 1.4rem;text-align: center;padding-bottom: 1rem; } .driveCard p{ font-size: 1.2rem;padding-bottom: 0.3rem; } .driveCard p input{ border:0;width: 5rem;border-bottom: solid 1px #4a4a4a;background: none; } .driveCard img{ width: 9rem;height: 9rem;border-radius: 50%;position: absolute;right: 2rem;bottom: 2rem;border:solid 2px #495969; } .driveCard p span{ width: 4rem;height:2.4rem;line-height: 2.4rem; border: solid 1px #4a4a4a;display: inline-block;position: relative;top: .1rem;background: #fff;text-align: center; } .driveCard span.img{ width: 6rem; height: 4rem; display: block; position: absolute; right: 3.5rem; top: 4.3rem; background-size: 6rem; } .driveCard p em{ font-style: normal; display: inline-block; width: 7rem; border-bottom: solid 1px; } .driveCard i.male{ width: 1.2rem;height: 1.2rem;background: url(../img/male@3x.png) no-repeat; background-size: 1.2rem;display: inline-block;position: relative;margin-left: .2rem;top: .1rem; } .driveCard i.female{ width: 1.2rem;height: 1.2rem;background: url(../img/female@3x.png) no-repeat; background-size: 1.2rem;display: inline-block;position: relative;margin-left: .2rem;top: .1rem; } .telonline a{ font-size: 1rem;padding: 1rem 0;text-align: center;color:#495969; display: block;text-decoration: none; } .starwall{ width: 30rem;background: #285297; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50); border-radius: 17px;height: 2.4rem;margin: 0 auto;position: relative; font-size: 1.2rem;color: #fff;display: none; } .starwall span{ position: absolute;left: 1rem;line-height: 2.4rem;top: 0; } .starwall i{ position: absolute;right: 3rem;line-height: 2.4rem;top: 0;font-style: normal; } .starwall b{ width: 2rem;height: 2rem;background: url(../img/wallstar@3x.png) no-repeat; background-size: 2rem;display: block;position: absolute;right: .5rem;top: .3rem; } .starwall em{ width: 1.2rem;height: 1.2rem;background: url(../img/more1@3x.png) no-repeat; background-size: 1.2rem;display: block;position: absolute;left: 50%;-webkit-transform:translateX(-50%);top: .9rem; } .starwall strong{ width: .8rem;height: .8rem;background: url(../img/more1@3x.png) no-repeat; background-size: .8rem;display: block;position: absolute;left: 50%;-webkit-transform:translateX(-50%);top: .7rem; } /*scanFail*/ .scanFail{ width: 100%;text-align: center;position: absolute;top: 50%;left: 0;-webkit-transform:translateY(-50%); } .scanSuc{ width: 100%;text-align: center;position: absolute;top: 50%;left: 0;-webkit-transform:translateY(-50%); } .scanFail span{ width: 16rem;height: 16rem;background: url(../img/fail@3x.png) no-repeat; background-size: 16rem;position: relative;display: block;margin: 0 auto; } .scanSuc span{ width: 16rem;height: 16rem;background: url(../img/suc@3x.png) no-repeat; background-size: 16rem;position: relative;display: block;margin: 0 auto; } .scanSuc span.suc2{ width: 24rem;height: 20rem;background: url(../img/suc2@3x.png) no-repeat; background-size: 24rem;position: relative;display: block;margin: 0 auto; } .scanSuc span.suc2 i{ font-style: normal;color: #fff;position: absolute;top: 15.5rem;left: 0rem; font-size: 1.5rem;text-align: center;display: block;width: 100%;line-height: 2.4rem; } .scanFail h4{ font-size: 2rem;color: #195562;text-align: center;padding: 2rem 0;font-weight: normal; } .scanFail p{ font-size: 1.4rem;color: #697684;text-align: center;padding: 0 0 2rem 0;font-weight: normal; } .scanFail a{ font-size: 1.4rem;color: #0D569B;text-align: center;padding: 2rem 0;font-weight: normal;display: block; } .scanFail p a{ display: inline; } .scanSuc h4{ font-size: 2rem;color: #195562;text-align: center;padding: 2rem 0;font-weight: normal; } .scanSuc p{ font-size: 1.4rem;color: #697684;text-align: center;padding: 0 0 2rem 0;font-weight: normal; } .scanSuc a{ font-size: 1.4rem;color: #0D569B;text-align: center;padding: 2rem 0;font-weight: normal;display: block; } .scanSuc p a{ display: inline; } .editBtn{ width: 1.5rem;height: 1.5rem;padding: 1rem;background: url(../img/edit@3x.png) no-repeat; background-size: 1.5rem;display: block;position: absolute;right: 1rem;top: 2rem; } .sbg{ width: 100%;height: 26rem;background: url(../img/sbg@3x.png) no-repeat; background-size: 100%;position: relative;padding-bottom: 4rem; } .sbg i{ position: absolute;right: 5rem;line-height: 2.4rem;top: 1.5rem;font-style: normal;font-size: 1.2rem;color: #fff } .sbg b{ width: 2rem;height: 2rem;background: url(../img/wallstar@3x.png) no-repeat; background-size: 2rem;display: block;position: absolute;right: 2.5rem;top: 1.8rem; } .arrTop{ width: 1.6rem;height: 2rem;background: url(../img/top@3x.png) center center no-repeat; background-size: 1.6rem;position: absolute;top: 0rem;left: 50%;-webkit-transform:translateX(-50%); } .starBgsCon{ position: absolute;top: 6.5rem;left: 3.5rem;height: 16rem;overflow: auto; } .starBgs { padding-bottom: 1rem; } .starBgs span{ display: inline-block;width: 3rem;height: 3rem;background: url(../img/defaultstart.png) no-repeat; background-size: 3rem;margin-right: 1rem;position: relative; } .starBgs span.starunread{ display: inline-block;width: 3rem;height: 3rem;background: url(../img/star.gif) no-repeat; background-size: 3rem;margin-right: 1rem; } .starBgs span.star{ display: inline-block;width: 3rem;height: 3rem;background: url(../img/wallstar@3x.png) no-repeat; background-size: 3rem;margin-right: 1rem; } .starBgs span.new{ display: inline-block;width: 3rem;height: 3rem;margin-right: 1rem;position: relative;top: .2rem; } .starBgs span.gift{ display: inline-block;width: 3rem;height: 3rem;background: url(../img/box.gif) no-repeat; background-size: 3rem;margin-right: 1rem; } .starBgs span.badge{ display: inline-block;width: 3rem;height: 3rem;background: url(../img/opengift@3x.png) no-repeat; background-size: 3rem;margin-right: 1rem; } .starBgs span.badge i{ width:3rem;height: 3rem;background: url(../img/Group5@3x.png) no-repeat; background-size:3rem;position: absolute;right: -1.5rem;top: -1.5rem;display: block; } .msgTips{ width: 100%;background: #028DD0;color: #fff;font-size: 1.2rem;line-height: 3rem;position: fixed;left: 0;top: 0; text-indent: 1rem; } .msgCon{ padding-top: 7rem; } .head{ width: 11rem;height: 11rem;margin: 0 auto;position: relative; } .head img{ width: 11rem;height: 11rem;border-radius: 50%;border:solid 2px #495969; } .head span{ display: block;position: absolute;left: 50%;-webkit-transform:translateX(-48%);background-size: 6rem;top: -2.5rem;height: 5rem;width: 6rem; background-repeat: no-repeat; } .head span.royi{ background: url(../img/royik@3x.png) no-repeat; } .head span.abk{ background: url(../img/abk@3x.png) no-repeat; background-size: 6rem;top: -2.5rem;height: 5rem;width: 6rem; } .head span.poli{ background: url(../img/polik@3x.png) no-repeat; background-size: 6rem;top: -2.5rem;height: 5rem;width: 6rem; } .msgCon .line{ width: 30rem;height: 1px;background: #C7EAFB;margin: 0 auto;margin-top: 2rem;margin-bottom: 3rem;opacity:1; } .msgBd{ padding: 0rem 1rem;font-size: 1.4rem; } .msgBd p{ padding-bottom: 3rem;color: #195562;position: relative;padding-left: 1rem; } .msgBd em{ font-style: normal;float: right;padding-right: 2rem;color: #697684; } .msgBd i{ color: #D7191F;font-size: 1rem;position: absolute;left: 0;top: 0.5rem;font-style: normal; } .msgBd strong{ width: .8rem;height: 2rem;background: url(../img/more@3x.png) center center no-repeat; background-size: .8rem;padding: .5rem;position: absolute;right: 0rem;top: -.5rem; } .saveBtn{ width: 120px;height: 40px;background: #C7EAFB;border:solid 1px #028DD0;border-radius: 5px;line-height: 20px; font-size: 16px;position: fixed;bottom: 2rem;left: 50%;-webkit-transform:translateX(-50%);display: block; line-height: 40px;text-align: center; } #start_date{background: none;width: auto;border:0;text-align: right;font-size: 1.4rem;color: #697684;} .layOut{ width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);z-index: 10;display: none; } .sexLay{ width: 28rem;padding: 2rem 0;position: absolute;left: 2rem;top: 50%;-webkit-transform:translateY(-50%); background: #fff;text-align: center; } .sexLay p{ padding: .8rem 2rem;font-size: 1.4rem;color: #697684;text-align:center;; } .sexLay span{ margin-left: .5rem;margin-right: 1rem;border-radius: 5px;padding: 1rem;border:solid 1px #fff; display: inline-block; background-size: 5rem;height: 5rem;width: 5rem; } .sexLay span img{ width: 5rem;height: 5rem; } .sexLay span.cur{ border:solid 1px #0D569B; } .sexLay span.royi{ display: inline-block; background-size: 5rem;height: 5rem;width: 5rem; } .sexLay span.abk{ display: inline-block; background-size: 5rem;height: 5rem;width: 5rem; } .sexLay span.poli{ } .changename{ padding: 1rem; } .changename h4{ font-weight: normal;color: #697684;font-size: 1.3rem;padding-bottom: 1rem; } .changename input{ font-weight: normal;color: #697684;font-size: 1.2rem;border:0;border-bottom:solid 1px #C7EAFB;background: none;height: 2.4rem;width: 100%; } .changename p{ font-weight: normal;color: #697684;font-size: 1rem;padding-top: .5rem; } .payCon{ padding: 1rem; } .payCon p{ color: #9B9B9B;font-size: 1.2rem;line-height: 2rem; } .payBd{ border: 1px solid #028DD0;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);border-radius: 8px;position: relative;padding: 2rem; margin: 1rem 0;margin-bottom: 2rem; } .payBd strong{ font-weight: normal;color: #195562; } .payBd .price{ position: absolute;right: 2rem;top: 50%;-webkit-transform:translateY(-50%); color: #195562;font-size: 1.5rem;text-align: right; } .payBd .price del{ font-size: 1.2rem;color: #9b9b9b; } .payBd span{ display: inline-block;padding: .2rem 1rem;color: #fff;font-size: .6rem;position: absolute; top: 50%;-webkit-transform:translateY(-50%);left: 9rem;background:#D7191F;border-radius: 1rem; } .payKnow{ background: rgba(255,255,255,0.35); box-shadow: inset 0 0 5px 0 rgba(73,89,105,0.54); border-radius: 2.5px;height: .25rem;position: relative;margin-bottom: 2rem; width: 100%;top: 1rem; } .payKnow span{ display: inline-block;padding: 0 2rem;color: #fff;top: 0rem;left: 50%;-webkit-transform:translate(-50%,-50%); position: absolute;font-size: 1.2rem; } .payList{ font-size: 1.2rem;color: #5A5A5A;padding-left:2rem;line-height: 1.6rem; } .payList li{ padding: 1rem 0 0 0; } .noScore{ width: 100%;height: 100%; } .noScore .bd{ width: 100%;height: 100%;background: url(../img/scoreBg@3x.png) no-repeat center center; background-size: 100%;position: absolute;left: 0;top: 0;opacity: .3; } .noScore h4{ font-size: 24px; color: #0D569B; letter-spacing: -0.58px; text-align: center;padding-top: 60px;line-height: 36px; } .noScore img{ width: 55%;position: absolute;left: 19%;bottom: 17rem } .scoreList{ width: 100%;height: 100%; } .scoreList .bd{ width: 100%;height: 96%;background: url(../img/scoreBg@3x.png) no-repeat center center; background-size: 100%;position: absolute;left: 0;top: 0; } .scoreCon{ padding-top: 6rem; margin-left: 8%; } .scoreCon p{ color: #195562;font-size: 1.2rem;line-height: 2rem; } .scoreConBd{ position: relative;padding: 1rem; margin: 1rem 0;margin-bottom: 2rem; background: url(../img/scorecell.png) no-repeat; background-size: 27rem; } .scoreConBd .pj{ position: absolute; right: 6rem; top: 50%; -webkit-transform: translateY(-50%); color: #195562; font-size: 1.5rem; text-align: right; width: 3rem; } .scoreConBd .pj img{ width: 3rem; } .scoreConBd span{ width: 1.8rem; height: 1.8rem; background: url(../img/more@3x.png) center center no-repeat; background-size: 1.8rem; padding: .5rem; position: absolute; right: 3rem; top: 46%; -webkit-transform: translateY(-50%); } .scoreConBd i{ width: .5rem;height: .5rem;background: #FF0000;border-radius: 50%; position: absolute;right: .5rem;top: .5rem;display: block; } .detailCon{ padding-top: 1rem;padding-bottom: 2rem; } .detailtop{ width: 100%;position: relative; } .detailtop img{ width: 100%; } .detailCon .bd{ border:solid 2px #C7EAFB;width: 30rem;margin: 0 auto;margin-top: 1rem; } .detailCon p{ font-size: 2rem;color: #000;padding: .3rem 2rem; } .detailCon p span{ width: 3rem;height:3rem;background: url(../img/star@3x.png) no-repeat; background-size:3rem;display: inline-block;position: relative;top: .8rem;margin-left: .5rem; } .detailCon .rccontent .scores{ text-align: right;padding-right: 1rem; font-size: 4rem; color: #F99D1C; text-shadow:2px 2px #000; position: absolute; right: 1rem;top: .1rem; } .detailCon .recommond{ opacity: 0.84; background: #D8D8D8; line-height: 2rem;text-align: center;color:#195562;font-size: 1.2rem; margin-top: 0rem; } .rccontent{ padding-top: 1rem;padding-left: 1rem;padding-right: 1rem;position: relative; padding-bottom: 1rem; } .rccontent img{ width: 80%;position: relative;top: 0.3rem; } .rechargeBg{ width: 100%;height: 100%;background: url(../img/scoreBg@3x.png) no-repeat center center; background-size: 100%;position: absolute;left: 0;top: 0;opacity: .3; } .rechargeCon{ padding-bottom: 5rem;padding-left: 1rem;padding-top: 1rem;padding-right: 1rem; } .rechargeFoot{ } .getStarBtn{ width: 120px;height: 40px;background: #C7EAFB;border:solid 1px #028DD0;border-radius: 5px;line-height: 20px; font-size: 16px;display: block; line-height: 40px;text-align: center;margin: 0 auto;margin-top: 2rem; } .getStarBtn.grey{ background: #A1A1A1;border: 1px solid #515151;color: #fff; } .getStarBtn.blue2{ background: #00b0ea;border: 0;color: #fff; } .imgBg{ width: 100%;height: 19rem;background: url(../img/imgBg.png) no-repeat; background-size: 100%;position: relative;margin-top: 1rem;margin-bottom: 2rem;overflow: hidden; z-index: 5; } .imgBd{ width: 25rem;position: absolute;left: 3.5rem;top: 1.5rem;height: 14.5rem;overflow: hidden;background: #fff; } .saveImg{ width: 100%;height:22rem;position: absolute;top: 1rem;overflow: hidden; z-index: 10;opacity: 0;left:0; } .gearDate{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;background-color:rgba(0,0,0,.2);display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9900;overflow:hidden;-webkit-animation-fill-mode:both;animation-fill-mode:both}.date_ctrl{vertical-align:middle;background-color:#d5d8df;color:#000;margin:0;height:auto;width:100%;position:absolute;left:0;bottom:0;z-index:9901;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slideInUp{-webkit-animation:slideInUp .3s;animation:slideInUp .3s}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.ym_roll,.date_roll,.datetime_roll,.time_roll{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:auto;overflow:hidden;background-color:transparent;-webkit-mask:-webkit-gradient(linear,0% 50%,0% 100%,from(#debb47),to(rgba(36,142,36,0)));-webkit-mask:-webkit-linear-gradient(top,#debb47 50%,rgba(36,142,36,0))}.ym_roll>div,.date_roll>div,.datetime_roll>div,.time_roll>div{font-size:2.3em;height:10em;float:left;background-color:transparent;position:relative;overflow:hidden;-webkit-box-flex:4;-webkit-flex:4;-ms-flex:4;flex:4}.ym_roll>div .gear,.date_roll>div .gear,.datetime_roll>div .gear,.time_roll>div .gear{width:100%;float:left;position:absolute;z-index:9902;margin-top:-4em}.date_roll_mask{-webkit-mask:-webkit-gradient(linear,0% 40%,0% 0%,from(#debb47),to(rgba(36,142,36,0)));-webkit-mask:-webkit-linear-gradient(bottom,#debb47 50%,rgba(36,142,36,0));padding:0}.date_roll>div:nth-child(2){-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}.date_roll>div:nth-child(1),.datetime_roll>div:nth-child(1){-webkit-box-flex:4;-webkit-flex:4;-ms-flex:4;flex:4}.datetime_roll>div:first-child{-webkit-box-flex:6;-webkit-flex:6;-ms-flex:6;flex:6}.datetime_roll>div:last-child{-webkit-box-flex:6;-webkit-flex:6;-ms-flex:6;flex:6}.date_grid{position:relative;top:4em;width:100%;height:2em;margin:0;box-sizing:border-box;z-index:0;border-top:1px solid #abaeb5;border-bottom:1px solid #abaeb5}.date_grid>div{color:#000;position:absolute;right:0;top:0;font-size:.8em;line-height:2.5em}.date_roll>div:nth-child(3) .date_grid>div{left:42%}.datetime_roll>div .date_grid>div{right:0}.datetime_roll>div:first-child .date_grid>div{left:auto;right:0%}.datetime_roll>div:last-child .date_grid>div{left:50%}.time_roll>div:nth-child(1) .date_grid>div{right:1em}.ym_roll>div:nth-child(1) .date_grid>div{right:.1em}.ym_roll>div .date_grid>div,.time_roll>div .date_grid>div{right:5em}.date_btn{color:#0575f2;font-size:1.6em;line-height:1em;text-align:center;padding:.8em 1em}.date_btn_box:before,.date_btn_box:after{content:'';position:absolute;height:1px;width:100%;display:block;background-color:#96979b;z-index:15;-webkit-transform:scaleY(.33);transform:scaleY(.33)}.date_btn_box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:#f1f2f4;position:relative}.date_btn_box:before{left:0;top:0;-webkit-transform-origin:50% 20%;transform-origin:50% 20%}.date_btn_box:after{left:0;bottom:0;-webkit-transform-origin:50% 70%;transform-origin:50% 70%}.date_roll>div:nth-child(1) .gear{text-indent:20%}.date_roll>div:nth-child(2) .gear{text-indent:-20%}.date_roll>div:nth-child(3) .gear{text-indent:-55%}.datetime_roll>div .gear{width:100%;text-indent:-25%}.datetime_roll>div:first-child .gear{text-indent:-10%}.datetime_roll>div:last-child .gear{text-indent:-50%}.ym_roll>div .gear,.time_roll>div .gear{width:100%;text-indent:-70%}.ym_roll>div:nth-child(1) .gear,.time_roll>div:nth-child(1) .gear{width:100%;text-indent:10%}.tooth{height:2em;line-height:2em;text-align:center} ul, li { padding: 0; margin: 0; list-style: none; } em, u { font-style: normal; } .l { float: left; } .r { float: right; } .center-block { display: block; margin-left: auto; margin-right: auto; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .hidden { display: none !important; } .invisible { visibility: hidden; } .can-select { -webkit-user-select: text; } .fullscreen { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .bg-gray { background-color: #f5f5f5; } .bg-white { background-color: #fff; } .padding10 { padding: 10px; } .padding0 { padding: 0; } .pt10 { padding: 10px; } .pl10 { padding-left: 10px; } .pr10 { padding-right: 10px; } .pb10 { padding-bottom: 10px; } .margin10 { margin: 10px; } .margin0 { margin: 0; } .mt10 { margin-top: 10px; } .ml10 { margin-left: 10px; } .mb10 { margin-bottom: 10px; } .mr10 { margin-right: 10px; } .border-none { border: none; } .clamp2 { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .upload-container { position: absolute; left: 50%; top: 50%; margin-left: -57px; margin-top: -57px; } /** * 鏂囦欢閫夋嫨鎸夐挳缇庡寲 */ .upload-pretty { position: relative; left: 0; top: 0; /*鐩掓ā鍨�*/ display: block; /*padding: 10px;*/ overflow: hidden; /*鏂囧瓧鎺掔増*/ /*font-size: 16px; color: #000000;*/ /*瑙嗚澶栬*/ /*background: #fafafa; border: 1px solid #eee; border-radius: 5px;*/ } .upload-pretty:hover { /*color: #333; background: #eee; border-color: #ccc; text-decoration: none;*/ } .upload-pretty input { /*瀹氫綅鐩稿叧*/ position: absolute; top: 0; right: 0; /*鏂囧瓧鎺掔増*/ /*杩欎竴鐐瑰緢閲嶈,璁剧疆瀛椾綋鍚�,input瀹藉害浼氬彉瀹�,鍚﹀垯鏃犳硶鍏呮弧鐖剁骇div 鍏蜂綋涓篺ont-size瓒婂ぇ,瓒婂,涓€鑸涓�100px灏辫冻鐭�*/ font-size: 100px; /*鍏跺畠*/ opacity: 0; cursor: pointer; } /** * tab甯冨眬锛屼笉閲囩敤mui閲嶆柊鍐� */ .nav-bar { position: fixed; z-index: 10; right: 0; left: 0; height: 44px; padding-right: 10px; padding-left: 10px; border-bottom: 0; background-color: #f7f7f7; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.85); box-shadow: 0 0 1px rgba(0,0,0,.85); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .nav-bar-tab { bottom: 0; display: table; width: 100%; height: 50px; padding: 0; table-layout: fixed; border-top: 0; border-bottom: 0; -webkit-touch-callout: none; } .tab-item { display: table-cell; overflow: hidden; width: 1%; height: 50px; text-align: center; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; color: #000; } .nav-bar-tab .tab-item:active { background: #D3D3D3; } .nav-bar-tab .tab-icon { font-size: 28px; position: relative; z-index: 20; top: 3px; width: 24px; height: 24px; padding-top: 0; padding-bottom: 0; } .nav-bar-tab .tab-item .mui-icon~.tab-label { font-size: 11px; display: block; overflow: hidden; text-overflow: ellipsis; } .nav-bar-tab .tab-item .mui-icon.rotate90 { -webkit-transform:scaleX(-1); transform:scaleX(-1); } /** * 绔嬩綋椋庢牸鎸夐挳 */ .button-three-dimen { display: block; zoom: 1; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); } .button-three-dimen:hover { text-decoration: none; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); } .button-three-dimen:active { position: relative; top: 1px; color: #999; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); } .img-clip { position: relative; width: 80%; margin: 0 auto; padding: 0; } .img-clip canvas { display: block; } .img-clip .magnifier { position: absolute; top: -90px; right: 0; /** * 鏄剧ず鐨勫€硷紝鐪熷疄鐨勫楂樺唴閮ㄤ細璁剧疆 */ width: 80px; height: 80px; border-radius: 50%; border: 2px solid #fff; } .img-clip .clip-hidden { display: none; } .img-clip .clip-rect { position: absolute; border: 1px dashed #de3c50; top: 10px; left: 10px; width: 100px; height: 100px; cursor: move; } .img-clip .clip-rect .clip-tips { position: absolute; top: -40px; left: 0; padding: 5px; font-size: 13px; background-color: #333; border-radius: 5px; color: #fff; } .img-clip .clip-rect-horn { position: absolute; display: block; background-color: rgba(222,60,80,0.7); border-radius: 50%; width: 20px; height: 20px; } .img-clip .horn-n { top: -10px; left: 50%; margin-left: -10px; cursor: n-resize; } .img-clip .horn-s { bottom: -10px; left: 50%; margin-left: -10px; cursor: s-resize; } .img-clip .horn-w { top: 50%; left: -10px; margin-top: -10px; cursor: w-resize; } .img-clip .horn-e { top: 50%; right: -10px; margin-top: -10px; cursor: e-resize; } .img-clip .horn-nw { top: -10px; left: -10px; cursor: nw-resize; } .img-clip .horn-ne { top: -10px; right: -10px; cursor: ne-resize; } .img-clip .horn-sw { bottom: -10px; left: -10px; cursor: sw-resize; } .img-clip .horn-se { bottom: -10px; right: -10px; cursor: se-resize; } .upload-container { position: absolute; left: 50%; top: 50%; margin-left: -57px; margin-top: -57px; } .hidden { display: none !important; } /** * 鏂囦欢閫夋嫨鎸夐挳缇庡寲 */ .upload-pretty { position: relative; left: 0; top: 0; /*鐩掓ā鍨�*/ display: block; /*padding: 10px;*/ overflow: hidden; /*鏂囧瓧鎺掔増*/ /*font-size: 16px; color: #000000;*/ /*瑙嗚澶栬*/ /*background: #fafafa; border: 1px solid #eee; border-radius: 5px;*/ } .upload-pretty:hover { /*color: #333; background: #eee; border-color: #ccc; text-decoration: none;*/ } .upload-pretty input { /*瀹氫綅鐩稿叧*/ position: absolute; top: 0; right: 0; /*鏂囧瓧鎺掔増*/ /*杩欎竴鐐瑰緢閲嶈,璁剧疆瀛椾綋鍚�,input瀹藉害浼氬彉瀹�,鍚﹀垯鏃犳硶鍏呮弧鐖剁骇div 鍏蜂綋涓篺ont-size瓒婂ぇ,瓒婂,涓€鑸涓�100px灏辫冻鐭�*/ font-size: 100px; /*鍏跺畠*/ opacity: 0; cursor: pointer; } /** * tab甯冨眬锛屼笉閲囩敤mui閲嶆柊鍐� */ .nav-bar { position: fixed; z-index: 10; right: 0; left: 0; height: 44px; padding-right: 10px; padding-left: 10px; border-bottom: 0; background-color: #f7f7f7; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85); box-shadow: 0 0 1px rgba(0, 0, 0, .85); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .nav-bar-tab { bottom: 0; display: table; width: 100%; height: 50px; padding: 0; table-layout: fixed; border-top: 0; border-bottom: 0; -webkit-touch-callout: none; } .tab-item { display: table-cell; overflow: hidden; width: 1%; height: 50px; text-align: center; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; color: #000; } .nav-bar-tab .tab-item:active { background: #D3D3D3; } .nav-bar-tab .tab-icon { font-size: 28px; position: relative; z-index: 20; top: 3px; width: 24px; height: 24px; padding-top: 0; padding-bottom: 0; } .nav-bar-tab .tab-item .mui-icon~.tab-label { font-size: 11px; display: block; overflow: hidden; text-overflow: ellipsis; } .nav-bar-tab .tab-item .mui-icon.rotate90 { -webkit-transform: scaleX(-1); transform: scaleX(-1); } /** * 绔嬩綋椋庢牸鎸夐挳 */ .button-three-dimen { display: block; zoom: 1; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2); color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); } .button-three-dimen:hover { text-decoration: none; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); } .button-three-dimen:active { position: relative; top: 1px; color: #999; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); } .img-clip { margin-top: 100px; } .clip-content { position: absolute; width: 100%; top: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.6); display: none; } .show-content { position: relative; margin: 0 auto; text-align: center; vertical-align: middle; } .img-wrap { margin: 0 auto; } .choose-gallery { margin-top: -10px; } .choose-camera { margin-top: 50px; } /*! * ===================================================== * Mui v3.6.1 (http://dev.dcloud.net.cn/mui) * ===================================================== */ /** * vConsole杩愯澶嶅埗 */ .vc-toggle *{ -webkit-user-select: text; } .mui-content { background-color: #efeff4; -webkit-overflow-scrolling: touch; } .mui-bar-nav~.mui-content { padding-top: 44px; } .mui-bar-nav~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical { top: 44px; } .mui-bar-header-secondary~.mui-content { padding-top: 88px; } .mui-bar-header-secondary~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical { top: 88px; } .mui-bar-footer~.mui-content { padding-bottom: 44px; } .mui-bar-footer~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical { bottom: 44px; } .mui-bar-footer-secondary~.mui-content { padding-bottom: 88px; } .mui-bar-footer-secondary~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical { bottom: 88px; } .mui-bar-tab~.mui-content { padding-bottom: 50px; } .mui-bar-tab~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical { bottom: 50px; } .mui-bar-footer-secondary-tab~.mui-content { padding-bottom: 94px; } .mui-bar-footer-secondary-tab~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical { bottom: 94px; } .mui-content-padded { margin: 10px; } .mui-inline { display: inline-block; vertical-align: top; } .mui-block { display: block !important; } .mui-visibility { visibility: visible !important; } .mui-hidden { display: none !important; } .mui-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mui-ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .mui-table { display: table; width: 100%; table-layout: fixed; } .mui-table-cell { position: relative; display: table-cell; } .mui-text-left { text-align: left !important; } .mui-text-center { text-align: center !important; } .mui-text-justify { text-align: justify !important; } .mui-text-right { text-align: right !important; } .mui-pull-left { float: left; } .mui-pull-right { float: right; } .mui-list-unstyled { padding-left: 0; list-style: none; } .mui-list-inline { margin-left: -5px; padding-left: 0; list-style: none; } .mui-list-inline>li { display: inline-block; padding-right: 5px; padding-left: 5px; } .mui-clearfix:before, .mui-clearfix:after { display: table; content: ' '; } .mui-clearfix:after { clear: both; } .mui-bg-primary { background-color: #007aff; } .mui-bg-positive { background-color: #4cd964; } .mui-bg-negative { background-color: #dd524d; } .mui-error { margin: 88px 35px; padding: 10px; border-radius: 6px; background-color: #bbb; } .mui-subtitle { font-size: 15px; } h1, h2, h3, h4, h5, h6 { line-height: 1; margin-top: 5px; margin-bottom: 5px; } h1, .mui-h1 { font-size: 36px; } h2, .mui-h2 { font-size: 30px; } h3, .mui-h3 { font-size: 24px; } h4, .mui-h4 { font-size: 18px; } h5, .mui-h5 { font-size: 14px; font-weight: normal; } h6, .mui-h6 { font-size: 12px; font-weight: normal; } p { font-size: 14px; margin-top: 0; margin-bottom: 10px; } .mui-row:before, .mui-row:after { display: table; content: ' '; } .mui-row:after { clear: both; } .mui-col-xs-1, .mui-col-sm-1, .mui-col-xs-2, .mui-col-sm-2, .mui-col-xs-3, .mui-col-sm-3, .mui-col-xs-4, .mui-col-sm-4, .mui-col-xs-5, .mui-col-sm-5, .mui-col-xs-6, .mui-col-sm-6, .mui-col-xs-7, .mui-col-sm-7, .mui-col-xs-8, .mui-col-sm-8, .mui-col-xs-9, .mui-col-sm-9, .mui-col-xs-10, .mui-col-sm-10, .mui-col-xs-11, .mui-col-sm-11, .mui-col-xs-12, .mui-col-sm-12 { position: relative; min-height: 1px; } .mui-row>[class*='mui-col-'] { float: left; } .mui-col-xs-12 { width: 100%; } .mui-col-xs-11 { width: 91.66666667%; } .mui-col-xs-10 { width: 83.33333333%; } .mui-col-xs-9 { width: 75%; } .mui-col-xs-8 { width: 66.66666667%; } .mui-col-xs-7 { width: 58.33333333%; } .mui-col-xs-6 { width: 50%; } .mui-col-xs-5 { width: 41.66666667%; } .mui-col-xs-4 { width: 33.33333333%; } .mui-col-xs-3 { width: 25%; } .mui-col-xs-2 { width: 16.66666667%; } .mui-col-xs-1 { width: 8.33333333%; } @media (min-width: 400px) { .mui-col-sm-12 { width: 100%; } .mui-col-sm-11 { width: 91.66666667%; } .mui-col-sm-10 { width: 83.33333333%; } .mui-col-sm-9 { width: 75%; } .mui-col-sm-8 { width: 66.66666667%; } .mui-col-sm-7 { width: 58.33333333%; } .mui-col-sm-6 { width: 50%; } .mui-col-sm-5 { width: 41.66666667%; } .mui-col-sm-4 { width: 33.33333333%; } .mui-col-sm-3 { width: 25%; } .mui-col-sm-2 { width: 16.66666667%; } .mui-col-sm-1 { width: 8.33333333%; } } .mui-scroll-wrapper { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; overflow: hidden; width: 100%; } .mui-scroll { position: absolute; z-index: 1; width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } .mui-scrollbar { position: absolute; z-index: 9998; overflow: hidden; -webkit-transition: 500ms; transition: 500ms; transform: translateZ(0px); pointer-events: none; opacity: 0; } .mui-scrollbar-vertical { top: 0; right: 1px; bottom: 2px; width: 4px; } .mui-scrollbar-vertical .mui-scrollbar-indicator { width: 100%; } .mui-scrollbar-horizontal { right: 2px; bottom: 0; left: 2px; height: 4px; } .mui-scrollbar-horizontal .mui-scrollbar-indicator { height: 100%; } .mui-scrollbar-indicator { position: absolute; display: block; box-sizing: border-box; -webkit-transition: .01s cubic-bezier(.1, .57, .1, 1); transition: .01s cubic-bezier(.1, .57, .1, 1); transform: translate(0px, 0px) translateZ(0px); border: 1px solid rgba(255, 255, 255, .80196); border-radius: 2px; background: rgba(0, 0, 0, .39804); } .mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll-wrapper, .mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll-wrapper { position: absolute; top: 0; bottom: 0; left: 0; overflow: hidden; width: 100%; } .mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll, .mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll { position: absolute; width: 100%; } .mui-plus-pullrefresh .mui-scroll-wrapper, .mui-plus-pullrefresh .mui-slider-group { position: static; top: auto; bottom: auto; left: auto; overflow: auto; width: auto; } .mui-plus-pullrefresh .mui-slider-group { overflow: visible; } .mui-plus-pullrefresh .mui-scroll { position: static; width: auto; } .mui-off-canvas-wrap .mui-bar { position: absolute !important; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-box-shadow: none; box-shadow: none; } .mui-off-canvas-wrap { position: relative; z-index: 1; overflow: hidden; width: 100%; height: 100%; } .mui-off-canvas-wrap .mui-inner-wrap { position: relative; z-index: 1; width: 100%; height: 100%; } .mui-off-canvas-wrap .mui-inner-wrap.mui-transitioning { -webkit-transition: -webkit-transform 350ms; transition: transform 350ms cubic-bezier(.165, .84, .44, 1); } .mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mui-off-canvas-wrap.mui-active { overflow: hidden; height: 100%; } .mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop { position: absolute; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; display: block; transition: background 350ms cubic-bezier(.165, .84, .44, 1); background: rgba(0, 0, 0, .4); box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5); -webkit-tap-highlight-color: transparent; } .mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-right { z-index: 10000 !important; -webkit-transform: translate3d(100%, 0px, 0px); } .mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left { z-index: 10000 !important; -webkit-transform: translate3d(-100%, 0px, 0px); } .mui-off-canvas-left, .mui-off-canvas-right { position: absolute; z-index: -1; top: 0; bottom: 0; visibility: hidden; box-sizing: content-box; width: 70%; min-height: 100%; background: #333; -webkit-overflow-scrolling: touch; } .mui-off-canvas-left.mui-transitioning, .mui-off-canvas-right.mui-transitioning { -webkit-transition: -webkit-transform 350ms cubic-bezier(.165, .84, .44, 1); transition: transform 350ms cubic-bezier(.165, .84, .44, 1); } .mui-off-canvas-left { left: 0; } .mui-off-canvas-right { right: 0; } .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable { background-color: #333; } .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-left, .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-right { width: 80%; -webkit-transform: scale(.8); transform: scale(.8); opacity: .1; } .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-left.mui-transitioning, .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-right.mui-transitioning { -webkit-transition: -webkit-transform 350ms cubic-bezier(.165, .84, .44, 1), opacity 350ms cubic-bezier(.165, .84, .44, 1); transition: transform 350ms cubic-bezier(.165, .84, .44, 1), opacity 350ms cubic-bezier(.165, .84, .44, 1); } .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-left { -webkit-transform-origin: -100%; transform-origin: -100%; } .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-right { -webkit-transform-origin: 200%; transform-origin: 200%; } .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active>.mui-inner-wrap { -webkit-transform: scale(.8); transform: scale(.8); } .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active>.mui-off-canvas-left, .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active>.mui-off-canvas-right { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .mui-loading .mui-spinner { display: block; margin: 0 auto; } .mui-spinner { display: inline-block; width: 24px; height: 24px; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: spinner-spin 1s step-end infinite; animation: spinner-spin 1s step-end infinite; } .mui-spinner:after { display: block; width: 100%; height: 100%; content: ''; background-image: url('data:image/svg+xml;charset=utf-8,'); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .mui-spinner-white:after { background-image: url('data:image/svg+xml;charset=utf-8,'); } @-webkit-keyframes spinner-spin { 0% { -webkit-transform: rotate(0deg); } 8.33333333% { -webkit-transform: rotate(30deg); } 16.66666667% { -webkit-transform: rotate(60deg); } 25% { -webkit-transform: rotate(90deg); } 33.33333333% { -webkit-transform: rotate(120deg); } 41.66666667% { -webkit-transform: rotate(150deg); } 50% { -webkit-transform: rotate(180deg); } 58.33333333% { -webkit-transform: rotate(210deg); } 66.66666667% { -webkit-transform: rotate(240deg); } 75% { -webkit-transform: rotate(270deg); } 83.33333333% { -webkit-transform: rotate(300deg); } 91.66666667% { -webkit-transform: rotate(330deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spinner-spin { 0% { transform: rotate(0deg); } 8.33333333% { transform: rotate(30deg); } 16.66666667% { transform: rotate(60deg); } 25% { transform: rotate(90deg); } 33.33333333% { transform: rotate(120deg); } 41.66666667% { transform: rotate(150deg); } 50% { transform: rotate(180deg); } 58.33333333% { transform: rotate(210deg); } 66.66666667% { transform: rotate(240deg); } 75% { transform: rotate(270deg); } 83.33333333% { transform: rotate(300deg); } 91.66666667% { transform: rotate(330deg); } 100% { transform: rotate(360deg); } } button, .mui-btn { font-size: 14px; font-weight: 400; line-height: 1.42; position: relative; display: inline-block; margin-bottom: 0; padding: 6px 12px; cursor: pointer; -webkit-transition: all; transition: all; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .2s; transition-duration: .2s; text-align: center; vertical-align: top; white-space: nowrap; color: #333; border: 1px solid #ccc; border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-color: #fff; background-clip: padding-box; } .mui-btn-positive, .mui-btn-success, .mui-btn-green { color: #fff; border: 1px solid #4cd964; background-color: #4cd964; } .mui-btn-positive:enabled:active, .mui-btn-positive.mui-active:enabled, .mui-btn-success:enabled:active, .mui-btn-success.mui-active:enabled, .mui-btn-green:enabled:active, .mui-btn-green.mui-active:enabled { color: #fff; border: 1px solid #2ac845; background-color: #2ac845; } .mui-btn-warning, .mui-btn-yellow { color: #fff; border: 1px solid #f0ad4e; background-color: #f0ad4e; } .mui-btn-warning:enabled:active, .mui-btn-warning.mui-active:enabled, .mui-btn-yellow:enabled:active, .mui-btn-yellow.mui-active:enabled { color: #fff; border: 1px solid #ec971f; background-color: #ec971f; } .mui-btn-negative, .mui-btn-danger, .mui-btn-red { color: #fff; border: 1px solid #dd524d; background-color: #dd524d; } .mui-btn-negative:enabled:active, .mui-btn-negative.mui-active:enabled, .mui-btn-danger:enabled:active, .mui-btn-danger.mui-active:enabled, .mui-btn-red:enabled:active, .mui-btn-red.mui-active:enabled { color: #fff; border: 1px solid #cf2d28; background-color: #cf2d28; } .mui-btn-royal, .mui-btn-purple { color: #fff; border: 1px solid #8a6de9; background-color: #8a6de9; } .mui-btn-royal:enabled:active, .mui-btn-royal.mui-active:enabled, .mui-btn-purple:enabled:active, .mui-btn-purple.mui-active:enabled { color: #fff; border: 1px solid #6641e2; background-color: #6641e2; } .mui-btn-grey { color: #fff; border: 1px solid #c7c7cc; background-color: #c7c7cc; } .mui-btn-grey:enabled:active, .mui-btn-grey.mui-active:enabled { color: #fff; border: 1px solid #acacb4; background-color: #acacb4; } .mui-btn-outlined { background-color: transparent; } .mui-btn-outlined.mui-btn-primary, .mui-btn-outlined.mui-btn-blue { color: #007aff; } .mui-btn-outlined.mui-btn-positive, .mui-btn-outlined.mui-btn-success, .mui-btn-outlined.mui-btn-green { color: #4cd964; } .mui-btn-outlined.mui-btn-warning, .mui-btn-outlined.mui-btn-yellow { color: #f0ad4e; } .mui-btn-outlined.mui-btn-negative, .mui-btn-outlined.mui-btn-danger, .mui-btn-outlined.mui-btn-red { color: #dd524d; } .mui-btn-outlined.mui-btn-royal, .mui-btn-outlined.mui-btn-purple { color: #8a6de9; } .mui-btn-outlined.mui-btn-primary:enabled:active, .mui-btn-outlined.mui-btn-blue:enabled:active, .mui-btn-outlined.mui-btn-positive:enabled:active, .mui-btn-outlined.mui-btn-success:enabled:active, .mui-btn-outlined.mui-btn-green:enabled:active, .mui-btn-outlined.mui-btn-warning:enabled:active, .mui-btn-outlined.mui-btn-yellow:enabled:active, .mui-btn-outlined.mui-btn-negative:enabled:active, .mui-btn-outlined.mui-btn-danger:enabled:active, .mui-btn-outlined.mui-btn-red:enabled:active, .mui-btn-outlined.mui-btn-royal:enabled:active, .mui-btn-outlined.mui-btn-purple:enabled:active { color: #fff; } .mui-btn-link { padding-top: 6px; padding-bottom: 6px; color: #007aff; border: 0; background-color: transparent; } .mui-btn-link:enabled:active, .mui-btn-link.mui-active:enabled { color: #0062cc; background-color: transparent; } .mui-btn-block { font-size: 18px; display: block; width: 100%; margin-bottom: 10px; padding: 15px 0; } .mui-btn .mui-badge { font-size: 14px; margin: -2px -4px -2px 4px; background-color: rgba(0, 0, 0, .15); } .mui-btn .mui-badge-inverted, .mui-btn:enabled:active .mui-badge-inverted { background-color: transparent; } .mui-btn-primary:enabled:active .mui-badge-inverted, .mui-btn-positive:enabled:active .mui-badge-inverted, .mui-btn-negative:enabled:active .mui-badge-inverted { color: #fff; } .mui-btn-block .mui-badge { position: absolute; right: 0; margin-right: 10px; } .mui-btn .mui-icon { font-size: inherit; } .mui-btn.mui-icon { font-size: 14px; line-height: 1.42; } .mui-btn.mui-fab { width: 56px; height: 56px; padding: 16px; border-radius: 50%; outline: none; } .mui-btn.mui-fab.mui-btn-mini { width: 40px; height: 40px; padding: 8px; } .mui-btn.mui-fab .mui-icon { font-size: 24px; line-height: 24px; width: 24px; height: 24px; } .mui-btn .mui-spinner { width: 14px; height: 14px; vertical-align: text-bottom; } .mui-btn-block .mui-spinner { width: 22px; height: 22px; } .mui-bar { position: fixed; z-index: 10; right: 0; left: 0; height: 44px; padding-right: 10px; padding-left: 10px; border-bottom: 0; background-color: #f7f7f7; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85); box-shadow: 0 0 1px rgba(0, 0, 0, .85); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mui-bar .mui-title { right: 40px; left: 40px; display: inline-block; overflow: hidden; width: auto; margin: 0; text-overflow: ellipsis; } .mui-bar .mui-backdrop { background: none; } .mui-bar-header-secondary { top: 44px; } .mui-bar-footer { bottom: 0; } .mui-bar-footer-secondary { bottom: 44px; } .mui-bar-footer-secondary-tab { bottom: 50px; } .mui-bar-footer, .mui-bar-footer-secondary, .mui-bar-footer-secondary-tab { border-top: 0; } .mui-bar-transparent { top: 0; background-color: rgba(247, 247, 247, 0); -webkit-box-shadow: none; box-shadow: none; } .mui-bar-nav { top: 0; -webkit-box-shadow: 0 1px 6px #ccc; box-shadow: 0 1px 6px #ccc; } .mui-bar-nav~.mui-content .mui-anchor { display: block; visibility: hidden; height: 45px; margin-top: -45px; } .mui-bar-nav.mui-bar .mui-icon { margin-right: -10px; margin-left: -10px; padding-right: 10px; padding-left: 10px; } .mui-title { font-size: 17px; font-weight: 500; line-height: 44px; position: absolute; display: block; width: 100%; margin: 0 -10px; padding: 0; text-align: center; white-space: nowrap; color: #000; } .mui-title a { color: inherit; } .mui-bar-tab { bottom: 0; display: table; width: 100%; height: 50px; padding: 0; table-layout: fixed; border-top: 0; border-bottom: 0; -webkit-touch-callout: none; } .mui-bar-tab .mui-tab-item { display: table-cell; overflow: hidden; width: 1%; height: 50px; text-align: center; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; color: #929292; } .mui-bar-tab .mui-tab-item.mui-active { color: #007aff; } .mui-bar-tab .mui-tab-item .mui-icon { top: 3px; width: 24px; height: 24px; padding-top: 0; padding-bottom: 0; } .mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label { font-size: 11px; display: block; overflow: hidden; text-overflow: ellipsis; } .mui-bar-tab .mui-tab-item .mui-icon:active { background: none; } .mui-focusin>.mui-bar-nav, .mui-focusin>.mui-bar-header-secondary { position: absolute; } .mui-focusin>.mui-bar~.mui-content { padding-bottom: 0; } .mui-bar .mui-btn { font-weight: 400; position: relative; z-index: 20; top: 7px; margin-top: 0; padding: 6px 12px 7px; } .mui-bar .mui-btn.mui-pull-right { margin-left: 10px; } .mui-bar .mui-btn.mui-pull-left { margin-right: 10px; } .mui-bar .mui-btn-link { font-size: 16px; line-height: 44px; top: 0; padding: 0; color: #007aff; border: 0; } .mui-bar .mui-btn-link:active, .mui-bar .mui-btn-link.mui-active { color: #0062cc; } .mui-bar .mui-btn-block { font-size: 16px; top: 6px; margin-bottom: 0; padding: 5px 0; } .mui-bar .mui-btn-nav.mui-pull-left { margin-left: -5px; } .mui-bar .mui-btn-nav.mui-pull-left .mui-icon-left-nav { margin-right: -3px; } .mui-bar .mui-btn-nav.mui-pull-right { margin-right: -5px; } .mui-bar .mui-btn-nav.mui-pull-right .mui-icon-right-nav { margin-left: -3px; } .mui-bar .mui-btn-nav:active { opacity: .3; } .mui-bar .mui-icon { font-size: 24px; position: relative; z-index: 20; padding-top: 10px; padding-bottom: 10px; } .mui-bar .mui-icon:active { opacity: .3; } .mui-bar .mui-btn .mui-icon { top: 1px; margin: 0; padding: 0; } .mui-bar .mui-title .mui-icon { margin: 0; padding: 0; } .mui-bar .mui-title .mui-icon.mui-icon-caret { top: 4px; margin-left: -5px; } .mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-clear~.mui-icon-clear, .mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-speech~.mui-icon-speech { top: 0; right: 0; } .mui-bar .mui-segmented-control { top: 7px; width: auto; margin: 0 auto; } .mui-bar.mui-bar-header-secondary .mui-segmented-control { top: 0; } .mui-badge { font-size: 12px; line-height: 1; display: inline-block; padding: 3px 6px; color: #333; border-radius: 100px; background-color: rgba(0, 0, 0, .15); } .mui-badge.mui-badge-inverted { padding: 0 5px 0 0; color: #929292; background-color: transparent; } .mui-badge-primary, .mui-badge-blue { color: #fff; background-color: #007aff; } .mui-badge-primary.mui-badge-inverted, .mui-badge-blue.mui-badge-inverted { color: #007aff; background-color: transparent; } .mui-badge-success, .mui-badge-green { color: #fff; background-color: #4cd964; } .mui-badge-success.mui-badge-inverted, .mui-badge-green.mui-badge-inverted { color: #4cd964; background-color: transparent; } .mui-badge-warning, .mui-badge-yellow { color: #fff; background-color: #f0ad4e; } .mui-badge-warning.mui-badge-inverted, .mui-badge-yellow.mui-badge-inverted { color: #f0ad4e; background-color: transparent; } .mui-badge-danger, .mui-badge-red { color: #fff; background-color: #dd524d; } .mui-badge-danger.mui-badge-inverted, .mui-badge-red.mui-badge-inverted { color: #dd524d; background-color: transparent; } .mui-badge-royal, .mui-badge-purple { color: #fff; background-color: #8a6de9; } .mui-badge-royal.mui-badge-inverted, .mui-badge-purple.mui-badge-inverted { color: #8a6de9; background-color: transparent; } .mui-icon .mui-badge { font-size: 10px; line-height: 1.4; position: absolute; top: -2px; left: 100%; margin-left: -10px; padding: 1px 5px; color: white; background: red; } .mui-card { font-size: 14px; position: relative; overflow: hidden; margin: 10px; border-radius: 2px; background-color: #fff; background-clip: padding-box; box-shadow: 0 1px 2px rgba(0, 0, 0, .3); } .mui-content>.mui-card:first-child { margin-top: 15px; } .mui-card .mui-input-group:before, .mui-card .mui-input-group:after { height: 0; } .mui-card .mui-input-group .mui-input-row:last-child:before, .mui-card .mui-input-group .mui-input-row:last-child:after { height: 0; } .mui-card .mui-table-view { margin-bottom: 0; border-top: 0; border-bottom: 0; border-radius: 6px; } .mui-card .mui-table-view .mui-table-view-divider:first-child, .mui-card .mui-table-view .mui-table-view-cell:first-child { top: 0; border-top-left-radius: 6px; border-top-right-radius: 6px; } .mui-card .mui-table-view .mui-table-view-divider:last-child, .mui-card .mui-table-view .mui-table-view-cell:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .mui-card .mui-table-view:before, .mui-card .mui-table-view:after { height: 0; } .mui-card>.mui-table-view>.mui-table-view-cell:last-child:before, .mui-card>.mui-table-view>.mui-table-view-cell:last-child:after { height: 0; } .mui-card-header, .mui-card-footer { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; min-height: 44px; padding: 10px 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .mui-card-header .mui-card-link, .mui-card-footer .mui-card-link { line-height: 44px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; height: 44px; margin-top: -10px; margin-bottom: -10px; -webkit-transition-duration: .3s; transition-duration: .3s; text-decoration: none; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .mui-card-header:after, .mui-card-footer:before { position: absolute; top: 0; right: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc; } .mui-card-header { font-size: 17px; border-radius: 2px 2px 0 0; } .mui-card-header:after { top: auto; bottom: 0; } .mui-card-header>img:first-child { font-size: 0; line-height: 0; float: left; width: 34px; height: 34px; } .mui-card-footer { color: #6d6d72; border-radius: 0 0 2px 2px; } .mui-card-content { font-size: 14px; position: relative; } .mui-card-content-inner { position: relative; padding: 15px; } .mui-card-media { vertical-align: bottom; color: #fff; background-position: center; background-size: cover; } .mui-card-header.mui-card-media { display: block; padding: 10px; } .mui-card-header.mui-card-media .mui-media-body { font-size: 14px; font-weight: 500; line-height: 17px; margin-bottom: 0; margin-left: 44px; color: #333; } .mui-card-header.mui-card-media .mui-media-body p { font-size: 13px; margin-bottom: 0; } .mui-table-view { position: relative; margin-top: 0; margin-bottom: 0; padding-left: 0; list-style: none; background-color: #fff; } .mui-table-view:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc; } .mui-table-view:before { position: absolute; top: 0; right: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc; } .mui-table-view:before { top: -1px; } .mui-table-view-icon .mui-table-view-cell .mui-navigate-right .mui-icon { font-size: 20px; margin-top: -1px; margin-right: 5px; margin-left: -5px; } .mui-table-view-icon .mui-table-view-cell:after { left: 40px; } .mui-table-view-chevron .mui-table-view-cell { padding-right: 65px; } .mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) { margin-right: -65px; } .mui-table-view-radio .mui-table-view-cell { padding-right: 65px; } .mui-table-view-radio .mui-table-view-cell>a:not(.mui-btn) { margin-right: -65px; } .mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after { font-size: 30px; font-weight: 600; right: 9px; content: ''; color: #007aff; } .mui-table-view-radio .mui-table-view-cell.mui-selected .mui-navigate-right:after { content: '\e472'; } .mui-table-view-inverted { color: #fff; background: #333; } .mui-table-view-inverted:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #222; } .mui-table-view-inverted:before { position: absolute; top: 0; right: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #222; } .mui-table-view-inverted .mui-table-view-cell:after { position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #222; } .mui-table-view-inverted .mui-table-view-cell.mui-active { background-color: #242424; } .mui-table-view-inverted .mui-table-view-cell>a:not(.mui-btn).mui-active { background-color: #242424; } .mui-table-view-cell { position: relative; overflow: hidden; padding: 11px 15px; -webkit-touch-callout: none; } .mui-table-view-cell:after { position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc; } .mui-table-view-cell.mui-radio input[type=radio], .mui-table-view-cell.mui-checkbox input[type=checkbox] { top: 8px; } .mui-table-view-cell.mui-radio.mui-left, .mui-table-view-cell.mui-checkbox.mui-left { padding-left: 58px; } .mui-table-view-cell.mui-active { background-color: #eee; } .mui-table-view-cell:last-child:before, .mui-table-view-cell:last-child:after { height: 0; } .mui-table-view-cell>a:not(.mui-btn) { position: relative; display: block; overflow: hidden; margin: -11px -15px; padding: inherit; white-space: nowrap; text-overflow: ellipsis; color: inherit; /*&:active { background-color: #eee; }*/ } .mui-table-view-cell>a:not(.mui-btn).mui-active { background-color: #eee; } .mui-table-view-cell p { margin-bottom: 0; } .mui-table-view-cell.mui-transitioning>.mui-slider-handle, .mui-table-view-cell.mui-transitioning>.mui-slider-left .mui-btn, .mui-table-view-cell.mui-transitioning>.mui-slider-right .mui-btn { -webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease; } .mui-table-view-cell.mui-active>.mui-slider-handle { background-color: #eee; } .mui-table-view-cell>.mui-slider-handle { position: relative; background-color: #fff; } .mui-table-view-cell>.mui-slider-handle.mui-navigate-right:after, .mui-table-view-cell>.mui-slider-handle .mui-navigate-right:after { right: 0; } .mui-table-view-cell>.mui-slider-handle, .mui-table-view-cell>.mui-slider-left .mui-btn, .mui-table-view-cell>.mui-slider-right .mui-btn { -webkit-transition: -webkit-transform 0ms ease; transition: transform 0ms ease; } .mui-table-view-cell>.mui-slider-left, .mui-table-view-cell>.mui-slider-right { position: absolute; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; } .mui-table-view-cell>.mui-slider-left>.mui-btn, .mui-table-view-cell>.mui-slider-right>.mui-btn { position: relative; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; padding: 0 30px; color: #fff; border: 0; border-radius: 0; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .mui-table-view-cell>.mui-slider-left>.mui-btn:after, .mui-table-view-cell>.mui-slider-right>.mui-btn:after { position: absolute; z-index: -1; top: 0; width: 600%; height: 100%; content: ''; background: inherit; } .mui-table-view-cell>.mui-slider-left>.mui-btn.mui-icon, .mui-table-view-cell>.mui-slider-right>.mui-btn.mui-icon { font-size: 30px; } .mui-table-view-cell>.mui-slider-right { right: 0; -webkit-transition: -webkit-transform 0ms ease; transition: transform 0ms ease; -webkit-transform: translateX(100%); transform: translateX(100%); } .mui-table-view-cell>.mui-slider-left { left: 0; -webkit-transition: -webkit-transform 0ms ease; transition: transform 0ms ease; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .mui-table-view-cell>.mui-slider-left>.mui-btn:after { right: 100%; margin-right: -1px; } .mui-table-view-divider { font-weight: 500; position: relative; margin-top: -1px; margin-left: 0; padding-top: 6px; padding-bottom: 6px; padding-left: 15px; color: #999; background-color: #fafafa; } .mui-table-view-divider:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc; } .mui-table-view-divider:before { position: absolute; top: 0; right: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc; } .mui-table-view .mui-media, .mui-table-view .mui-media-body { overflow: hidden; } .mui-table-view .mui-media-large .mui-media-object { line-height: 80px; max-width: 80px; height: 80px; } .mui-table-view .mui-media .mui-subtitle { color: #000; } .mui-table-view .mui-media-object { line-height: 42px; max-width: 42px; height: 42px; } .mui-table-view .mui-media-object.mui-pull-left { margin-right: 10px; } .mui-table-view .mui-media-object.mui-pull-right { margin-left: 10px; } .mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object { line-height: 29px; max-width: 29px; height: 29px; margin: -4px 0; } .mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object img { line-height: 29px; max-width: 29px; height: 29px; } .mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object.mui-pull-left { margin-right: 10px; } .mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object .mui-icon { font-size: 29px; } .mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-body:after { position: absolute; right: 0; bottom: 0; left: 55px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc; } .mui-table-view .mui-table-view-cell.mui-media-icon:after { height: 0 !important; } .mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view { display: block; } .mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:before, .mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:after { height: 0 !important; } .mui-table-view.mui-unfold .mui-table-view-cell.mui-media-icon.mui-collapse .mui-media-body:after { position: absolute; right: 0; bottom: 0; left: 70px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc; } .mui-table-view-cell>.mui-btn, .mui-table-view-cell>.mui-badge, .mui-table-view-cell>.mui-switch, .mui-table-view-cell>a>.mui-btn, .mui-table-view-cell>a>.mui-badge, .mui-table-view-cell>a>.mui-switch { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mui-table-view-cell .mui-navigate-right>.mui-btn, .mui-table-view-cell .mui-navigate-right>.mui-badge, .mui-table-view-cell .mui-navigate-right>.mui-switch, .mui-table-view-cell .mui-push-left>.mui-btn, .mui-table-view-cell .mui-push-left>.mui-badge, .mui-table-view-cell .mui-push-left>.mui-switch, .mui-table-view-cell .mui-push-right>.mui-btn, .mui-table-view-cell .mui-push-right>.mui-badge, .mui-table-view-cell .mui-push-right>.mui-switch, .mui-table-view-cell>a .mui-navigate-right>.mui-btn, .mui-table-view-cell>a .mui-navigate-right>.mui-badge, .mui-table-view-cell>a .mui-navigate-right>.mui-switch, .mui-table-view-cell>a .mui-push-left>.mui-btn, .mui-table-view-cell>a .mui-push-left>.mui-badge, .mui-table-view-cell>a .mui-push-left>.mui-switch, .mui-table-view-cell>a .mui-push-right>.mui-btn, .mui-table-view-cell>a .mui-push-right>.mui-badge, .mui-table-view-cell>a .mui-push-right>.mui-switch { right: 35px; } .mui-content>.mui-table-view:first-child { margin-top: 15px; } .mui-table-view-cell.mui-collapse .mui-table-view:before, .mui-table-view-cell.mui-collapse .mui-table-view:after { height: 0; } .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:last-child:after { height: 0; } .mui-table-view-cell.mui-collapse>.mui-navigate-right:after, .mui-table-view-cell.mui-collapse>.mui-push-right:after { content: '\e581'; } .mui-table-view-cell.mui-collapse.mui-active { margin-top: -1px; } .mui-table-view-cell.mui-collapse.mui-active .mui-table-view, .mui-table-view-cell.mui-collapse.mui-active .mui-collapse-content { display: block; } .mui-table-view-cell.mui-collapse.mui-active>.mui-navigate-right:after, .mui-table-view-cell.mui-collapse.mui-active>.mui-push-right:after { content: '\e580'; } .mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell>a:not(.mui-btn).mui-active { margin-left: -31px; padding-left: 47px; } .mui-table-view-cell.mui-collapse .mui-collapse-content { position: relative; display: none; overflow: hidden; margin: 11px -15px -11px; padding: 8px 15px; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; background: white; } .mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-input-group, .mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-slider { width: auto; height: auto; margin: -8px -15px; } .mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-slider { margin: -8px -16px; } .mui-table-view-cell.mui-collapse .mui-table-view { display: none; margin-top: 11px; margin-right: -15px; margin-bottom: -11px; margin-left: -15px; border: 0; } .mui-table-view-cell.mui-collapse .mui-table-view.mui-table-view-chevron { margin-right: -65px; } .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell { padding-left: 31px; background-position: 31px 100%; } .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after { position: absolute; right: 0; bottom: 0; left: 30px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc; } .mui-table-view.mui-grid-view { font-size: 0; display: block; width: 100%; padding: 0 10px 10px 0; white-space: normal; } .mui-table-view.mui-grid-view .mui-table-view-cell { font-size: 17px; display: inline-block; margin-right: -4px; padding: 10px 0 0 14px; text-align: center; vertical-align: middle; background: none; } .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object { width: 100%; max-width: 100%; height: auto; } .mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn) { margin: -10px 0 0 -14px; } .mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn):active, .mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn).mui-active { background: none; } .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body { font-size: 15px; line-height: 15px; display: block; width: 100%; height: 15px; margin-top: 8px; text-overflow: ellipsis; color: #333; } .mui-table-view.mui-grid-view .mui-table-view-cell:before, .mui-table-view.mui-grid-view .mui-table-view-cell:after { height: 0; } .mui-grid-view.mui-grid-9 { margin: 0; padding: 0; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f2f2f2; } .mui-grid-view.mui-grid-9:before, .mui-grid-view.mui-grid-9:after { display: table; content: ' '; } .mui-grid-view.mui-grid-9:after { clear: both; } .mui-grid-view.mui-grid-9:after { position: static; } .mui-grid-view.mui-grid-9 .mui-table-view-cell { margin: 0; padding: 11px 15px; vertical-align: top; border-right: 1px solid #eee; border-bottom: 1px solid #eee; } .mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active { background-color: #eee; } .mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) { margin: 0; padding: 10px 0; } .mui-grid-view.mui-grid-9:before { height: 0; } .mui-grid-view.mui-grid-9 .mui-media { color: #797979; } .mui-grid-view.mui-grid-9 .mui-media .mui-icon { font-size: 2.4em; position: relative; } .mui-slider-cell { position: relative; } .mui-slider-cell>.mui-slider-handle { z-index: 1; } .mui-slider-cell>.mui-slider-left, .mui-slider-cell>.mui-slider-right { position: absolute; z-index: 0; top: 0; bottom: 0; } .mui-slider-cell>.mui-slider-left { left: 0; } .mui-slider-cell>.mui-slider-right { right: 0; } input, textarea, select { font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 17px; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; } input:focus, textarea:focus, select:focus { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; } textarea { height: auto; resize: none; } select { font-size: 14px; height: auto; margin-top: 1px; border: 0 !important; background-color: #fff; } select:focus { -webkit-user-modify: read-only; } .mui-input-group { position: relative; padding: 0; border: 0; background-color: #fff; } .mui-input-group:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc; } .mui-input-group:before { position: absolute; top: 0; right: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc; } .mui-input-group input, .mui-input-group textarea { margin-bottom: 0; border: 0; border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .mui-input-group input[type='search'] { background: none; } .mui-input-group input:last-child { background-image: none; } .mui-input-row { clear: left; overflow: hidden; } .mui-input-row select { font-size: 17px; height: 37px; padding: 0; } .mui-input-row:last-child, .mui-input-row label+input, .mui-input-row .mui-btn+input { background: none; } .mui-input-group .mui-input-row { height: 40px; } .mui-input-group .mui-input-row:after { position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc; } .mui-input-row label { font-family: 'Helvetica Neue', Helvetica, sans-serif; line-height: 1.1; float: left; width: 35%; padding: 11px 15px; } .mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea { float: right; width: 65%; margin-bottom: 0; padding-left: 0; border: 0; } .mui-input-row .mui-btn { line-height: 1.1; float: right; width: 15%; padding: 10px 15px; } .mui-input-row .mui-btn~input, .mui-input-row .mui-btn~select, .mui-input-row .mui-btn~textarea { float: left; width: 85%; margin-bottom: 0; padding-left: 0; border: 0; } .mui-button-row { position: relative; padding-top: 5px; text-align: center; } .mui-input-group .mui-button-row { height: 45px; } .mui-input-row { position: relative; } .mui-input-row.mui-input-range { overflow: visible; padding-right: 20px; } .mui-input-row .mui-inline { padding: 8px 0; } .mui-input-row .mui-input-clear~.mui-icon-clear, .mui-input-row .mui-input-speech~.mui-icon-speech, .mui-input-row .mui-input-password~.mui-icon-eye { font-size: 20px; position: absolute; z-index: 1; top: 10px; right: 0; width: 38px; height: 38px; text-align: center; color: #999; } .mui-input-row .mui-input-clear~.mui-icon-clear.mui-active, .mui-input-row .mui-input-speech~.mui-icon-speech.mui-active, .mui-input-row .mui-input-password~.mui-icon-eye.mui-active { color: #007aff; } .mui-input-row .mui-input-speech~.mui-icon-speech { font-size: 24px; top: 8px; } .mui-input-row .mui-input-clear~.mui-icon-clear~.mui-icon-speech { display: none; } .mui-input-row .mui-input-clear~.mui-icon-clear.mui-hidden~.mui-icon-speech { display: inline-block; } .mui-input-row .mui-icon-speech~.mui-placeholder { right: 38px; } .mui-input-row.mui-search .mui-icon-clear { top: 7px; } .mui-input-row.mui-search .mui-icon-speech { top: 5px; } .mui-radio, .mui-checkbox { position: relative; } .mui-radio label, .mui-checkbox label { display: inline-block; float: none; width: 100%; padding-right: 58px; } .mui-radio.mui-left input[type='radio'], .mui-checkbox.mui-left input[type='checkbox'] { left: 20px; } .mui-radio.mui-left label, .mui-checkbox.mui-left label { padding-right: 15px; padding-left: 58px; } .mui-radio input[type='radio'], .mui-checkbox input[type='checkbox'] { position: absolute; top: 4px; right: 20px; display: inline-block; width: 28px; height: 26px; border: 0; outline: 0 !important; background-color: transparent; -webkit-appearance: none; } .mui-radio input[type='radio'][disabled]:before, .mui-checkbox input[type='checkbox'][disabled]:before { opacity: .3; } .mui-radio input[type='radio']:before, .mui-checkbox input[type='checkbox']:before { font-family: Muiicons; font-size: 28px; font-weight: normal; line-height: 1; text-decoration: none; color: #aaa; border-radius: 0; background: none; -webkit-font-smoothing: antialiased; } .mui-radio input[type='radio']:checked:before, .mui-checkbox input[type='checkbox']:checked:before { color: #007aff; } .mui-radio.mui-disabled label, .mui-radio label.mui-disabled, .mui-checkbox.mui-disabled label, .mui-checkbox label.mui-disabled { opacity: .4; } .mui-radio input[type='radio']:before { content: '\e411'; } .mui-radio input[type='radio']:checked:before { content: '\e441'; } .mui-checkbox input[type='checkbox']:before { content: '\e411'; } .mui-checkbox input[type='checkbox']:checked:before { content: '\e442'; } .mui-select { position: relative; } .mui-select:before { font-family: Muiicons; position: absolute; top: 8px; right: 21px; content: '\e581'; color: rgba(170, 170, 170, .6); } .mui-input-row .mui-switch { float: right; margin-top: 5px; margin-right: 20px; } .mui-input-range { /*input[type="range"] { -webkit-appearance: none; background: #999; height: 36px; border-radius: 1px; overflow: hidden; margin-top: 2px; margin-bottom: 2px; outline:none; position:relative; width:100%; }*/ /*input[type='range']::-webkit-slider-thumb { -webkit-appearance: none!important; opacity: 0.5; height:28px; width:28px; border-radius: 50%; background:#00b7fb; position: relative; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; &:before{ position: absolute; top: 13px; left: -2000px; width: 2000px; height: 2px; background: #00b7fb; content:' '; } }*/ } .mui-input-range input[type='range'] { position: relative; width: 100%; height: 2px; margin: 17px 0; padding: 0; cursor: pointer; border: 0; border-radius: 3px; outline: none; background-color: #999; -webkit-appearance: none !important; } .mui-input-range input[type='range']::-webkit-slider-thumb { width: 28px; height: 28px; border-color: #0062cc; border-radius: 50%; background-color: #007aff; background-clip: padding-box; -webkit-appearance: none !important; } .mui-input-range label~input[type='range'] { width: 65%; } .mui-input-range .mui-tooltip { font-size: 36px; line-height: 64px; position: absolute; z-index: 1; top: -70px; width: 64px; height: 64px; text-align: center; opacity: .8; color: #333; border: 1px solid #ddd; border-radius: 6px; background-color: #fff; text-shadow: 0 1px 0 #f3f3f3; } .mui-search { position: relative; } .mui-search input[type='search'] { padding-left: 30px; } .mui-search .mui-placeholder { font-size: 16px; line-height: 34px; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: inline-block; height: 34px; text-align: center; color: #999; border: 0; border-radius: 6px; background: none; } .mui-search .mui-placeholder .mui-icon { font-size: 20px; color: #333; } .mui-search:before { font-family: Muiicons; font-size: 20px; font-weight: normal; position: absolute; top: 50%; right: 50%; display: none; margin-top: -18px; margin-right: 31px; content: '\e466'; } .mui-search.mui-active:before { font-size: 20px; right: auto; left: 5px; display: block; margin-right: 0; } .mui-search.mui-active input[type='search'] { text-align: left; } .mui-search.mui-active .mui-placeholder { display: none; } .mui-segmented-control { font-size: 15px; font-weight: 400; position: relative; display: table; overflow: hidden; width: 100%; table-layout: fixed; border: 1px solid #007aff; border-radius: 3px; background-color: transparent; -webkit-touch-callout: none; } .mui-segmented-control.mui-segmented-control-vertical { border-collapse: collapse; border-width: 0; border-radius: 0; } .mui-segmented-control.mui-segmented-control-vertical .mui-control-item { display: block; border-bottom: 1px solid #c8c7cc; border-left-width: 0; } .mui-segmented-control.mui-scroll-wrapper { height: 38px; } .mui-segmented-control.mui-scroll-wrapper .mui-scroll { width: auto; height: 40px; white-space: nowrap; } .mui-segmented-control.mui-scroll-wrapper .mui-control-item { display: inline-block; width: auto; padding: 0 20px; border: 0; } .mui-segmented-control .mui-control-item { line-height: 38px; display: table-cell; overflow: hidden; width: 1%; -webkit-transition: background-color .1s linear; transition: background-color .1s linear; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: #007aff; border-color: #007aff; border-left: 1px solid #007aff; } .mui-segmented-control .mui-control-item:first-child { border-left-width: 0; } .mui-segmented-control .mui-control-item.mui-active { color: #fff; background-color: #007aff; } .mui-segmented-control.mui-segmented-control-inverted { width: 100%; border: 0; border-radius: 0; } .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item { border-bottom: 1px solid #c8c7cc; } .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active { border-bottom: 1px solid #c8c7cc; } .mui-segmented-control.mui-segmented-control-inverted .mui-control-item { color: inherit; border: 0; } .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active { color: #007aff; border-bottom: 2px solid #007aff; background: none; } .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar { background-color: #007aff; } .mui-segmented-control-positive { border: 1px solid #4cd964; } .mui-segmented-control-positive .mui-control-item { color: #4cd964; border-color: inherit; } .mui-segmented-control-positive .mui-control-item.mui-active { color: #fff; background-color: #4cd964; } .mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active { color: #4cd964; border-bottom: 2px solid #4cd964; background: none; } .mui-segmented-control-positive.mui-segmented-control-inverted~.mui-slider-progress-bar { background-color: #4cd964; } .mui-segmented-control-negative { border: 1px solid #dd524d; } .mui-segmented-control-negative .mui-control-item { color: #dd524d; border-color: inherit; } .mui-segmented-control-negative .mui-control-item.mui-active { color: #fff; background-color: #dd524d; } .mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active { color: #dd524d; border-bottom: 2px solid #dd524d; background: none; } .mui-segmented-control-negative.mui-segmented-control-inverted~.mui-slider-progress-bar { background-color: #dd524d; } .mui-control-content { position: relative; display: none; } .mui-control-content.mui-active { display: block; } .mui-popover { position: absolute; z-index: 999; display: none; width: 280px; -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transform: none; transform: none; opacity: 0; border-radius: 7px; background-color: #f7f7f7; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); } .mui-popover .mui-popover-arrow { position: absolute; z-index: 1000; top: -25px; left: 0; overflow: hidden; width: 26px; height: 26px; } .mui-popover .mui-popover-arrow:after { position: absolute; top: 19px; left: 0; width: 26px; height: 26px; content: ' '; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 3px; background: #f7f7f7; } .mui-popover .mui-popover-arrow.mui-bottom { top: 100%; left: -26px; margin-top: -1px; } .mui-popover .mui-popover-arrow.mui-bottom:after { top: -19px; left: 0; } .mui-popover.mui-popover-action { bottom: 0; width: 100%; -webkit-transition: -webkit-transform .3s, opacity .3s; transition: transform .3s, opacity .3s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); border-radius: 0; background: none; -webkit-box-shadow: none; box-shadow: none; } .mui-popover.mui-popover-action .mui-popover-arrow { display: none; } .mui-popover.mui-popover-action.mui-popover-bottom { position: fixed; } .mui-popover.mui-popover-action.mui-active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mui-popover.mui-popover-action .mui-table-view { margin: 8px; text-align: center; color: #007aff; border-radius: 4px; } .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc; } .mui-popover.mui-popover-action .mui-table-view small { font-weight: 400; line-height: 1.3; display: block; } .mui-popover.mui-active { display: block; opacity: 1; } .mui-popover .mui-bar~.mui-table-view { padding-top: 44px; } .mui-backdrop { position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .3); } .mui-bar-backdrop.mui-backdrop { bottom: 50px; background: none; } .mui-backdrop-action.mui-backdrop { background-color: rgba(0, 0, 0, .3); } .mui-bar-backdrop.mui-backdrop, .mui-backdrop-action.mui-backdrop { opacity: 0; } .mui-bar-backdrop.mui-backdrop.mui-active, .mui-backdrop-action.mui-backdrop.mui-active { -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 1; } .mui-popover .mui-btn-block { margin-bottom: 5px; } .mui-popover .mui-btn-block:last-child { margin-bottom: 0; } .mui-popover .mui-bar { -webkit-box-shadow: none; box-shadow: none; } .mui-popover .mui-bar-nav { border-bottom: 1px solid rgba(0, 0, 0, .15); border-top-left-radius: 12px; border-top-right-radius: 12px; -webkit-box-shadow: none; box-shadow: none; } .mui-popover .mui-scroll-wrapper { margin: 7px 0; border-radius: 7px; background-clip: padding-box; } .mui-popover .mui-scroll .mui-table-view { max-height: none; } .mui-popover .mui-table-view { overflow: auto; max-height: 300px; margin-bottom: 0; border-radius: 7px; background-color: #f7f7f7; background-image: none; -webkit-overflow-scrolling: touch; } .mui-popover .mui-table-view:before, .mui-popover .mui-table-view:after { height: 0; } .mui-popover .mui-table-view .mui-table-view-cell:first-child, .mui-popover .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn) { border-top-left-radius: 12px; border-top-right-radius: 12px; } .mui-popover .mui-table-view .mui-table-view-cell:last-child, .mui-popover .mui-table-view .mui-table-view-cell:last-child>a:not(.mui-btn) { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } .mui-popover.mui-bar-popover .mui-table-view { width: 106px; } .mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell { padding: 11px 15px 11px 15px; background-position: 0 100%; } .mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell>a:not(.mui-btn) { margin: -11px -15px -11px -15px; } .mui-popup-backdrop { position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 400ms; transition-duration: 400ms; opacity: 0; background: rgba(0, 0, 0, .4); } .mui-popup-backdrop.mui-active { opacity: 1; } .mui-popup { position: fixed; z-index: 10000; top: 50%; left: 50%; display: none; overflow: hidden; width: 270px; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.185); transform: translate3d(-50%, -50%, 0) scale(1.185); text-align: center; opacity: 0; color: #000; border-radius: 13px; } .mui-popup.mui-popup-in { display: block; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1; } .mui-popup.mui-popup-out { -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); opacity: 0; } .mui-popup-inner { position: relative; padding: 15px; border-radius: 13px 13px 0 0; background: rgba(255, 255, 255, .95); } .mui-popup-inner:after { position: absolute; z-index: 15; top: auto; right: auto; bottom: 0; left: 0; display: block; width: 100%; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; background-color: rgba(0, 0, 0, .2); } .mui-popup-title { font-size: 18px; font-weight: 500; text-align: center; } .mui-popup-title+.mui-popup-text { font-family: inherit; font-size: 14px; margin: 5px 0 0; } .mui-popup-buttons { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; height: 44px; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .mui-popup-button { font-size: 17px; line-height: 44px; position: relative; display: block; overflow: hidden; box-sizing: border-box; width: 100%; height: 44px; padding: 0 5px; cursor: pointer; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: #007aff; background: rgba(255, 255, 255, .95); -webkit-box-flex: 1; } .mui-popup-button:after { position: absolute; z-index: 15; top: 0; right: 0; bottom: auto; left: auto; display: block; width: 1px; height: 100%; content: ''; -webkit-transform: scaleX(.5); transform: scaleX(.5); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; background-color: rgba(0, 0, 0, .2); } .mui-popup-button:first-child { border-radius: 0 0 0 13px; } .mui-popup-button:first-child:last-child { border-radius: 0 0 13px 13px; } .mui-popup-button:last-child { border-radius: 0 0 13px 0; } .mui-popup-button:last-child:after { display: none; } .mui-popup-button.mui-popup-button-bold { font-weight: 600; } .mui-popup-input input { font-size: 14px; width: 100%; height: 26px; margin: 15px 0 0; padding: 0 5px; border: 1px solid rgba(0, 0, 0, .3); border-radius: 0; background: #fff; } .mui-plus.mui-android .mui-popup-backdrop { -webkit-transition-duration: 1ms; transition-duration: 1ms; } .mui-plus.mui-android .mui-popup { -webkit-transition-duration: 1ms; transition-duration: 1ms; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); } /* === Progress Bar === */ .mui-progressbar { position: relative; display: block; overflow: hidden; width: 100%; height: 2px; -webkit-transform-origin: center top; transform-origin: center top; vertical-align: middle; border-radius: 2px; background: #b6b6b6; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .mui-progressbar span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 150ms; transition: 150ms; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); background: #007aff; } .mui-progressbar.mui-progressbar-infinite:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; -webkit-animation: mui-progressbar-infinite 1s linear infinite; animation: mui-progressbar-infinite 1s linear infinite; background: #007aff; } body>.mui-progressbar { position: absolute; z-index: 10000; top: 44px; left: 0; border-radius: 0; } .mui-progressbar-in { -webkit-animation: mui-progressbar-in 300ms forwards; animation: mui-progressbar-in 300ms forwards; } .mui-progressbar-out { -webkit-animation: mui-progressbar-out 300ms forwards; animation: mui-progressbar-out 300ms forwards; } @-webkit-keyframes mui-progressbar-in { from { -webkit-transform: scaleY(0); opacity: 0; } to { -webkit-transform: scaleY(1); opacity: 1; } } @keyframes mui-progressbar-in { from { transform: scaleY(0); opacity: 0; } to { transform: scaleY(1); opacity: 1; } } @-webkit-keyframes mui-progressbar-out { from { -webkit-transform: scaleY(1); opacity: 1; } to { -webkit-transform: scaleY(0); opacity: 0; } } @keyframes mui-progressbar-out { from { transform: scaleY(1); opacity: 1; } to { transform: scaleY(0); opacity: 0; } } @-webkit-keyframes mui-progressbar-infinite { 0% { -webkit-transform: translate3d(-50%, 0, 0) scaleX(.5); } 100% { -webkit-transform: translate3d(100%, 0, 0) scaleX(.5); } } @keyframes mui-progressbar-infinite { 0% { transform: translate3d(-50%, 0, 0) scaleX(.5); } 100% { transform: translate3d(100%, 0, 0) scaleX(.5); } } .mui-pagination { display: inline-block; margin: 0 auto; padding-left: 0; border-radius: 6px; } .mui-pagination>li { display: inline; } .mui-pagination>li>a, .mui-pagination>li>span { line-height: 1.428571429; position: relative; float: left; margin-left: -1px; padding: 6px 12px; text-decoration: none; color: #007aff; border: 1px solid #ddd; background-color: #fff; } .mui-pagination>li:first-child>a, .mui-pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background-clip: padding-box; } .mui-pagination>li:last-child>a, .mui-pagination>li:last-child>span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; background-clip: padding-box; } .mui-pagination>li:active>a, .mui-pagination>li:active>a:active, .mui-pagination>li:active>span, .mui-pagination>li:active>span:active, .mui-pagination>li.mui-active>a, .mui-pagination>li.mui-active>a:active, .mui-pagination>li.mui-active>span, .mui-pagination>li.mui-active>span:active { z-index: 2; cursor: default; color: #fff; border-color: #007aff; background-color: #007aff; } .mui-pagination>li.mui-disabled>span, .mui-pagination>li.mui-disabled>span:active, .mui-pagination>li.mui-disabled>a, .mui-pagination>li.mui-disabled>a:active { opacity: .6; color: #777; border: 1px solid #ddd; background-color: #fff; } .mui-pagination-lg>li>a, .mui-pagination-lg>li>span { font-size: 18px; padding: 10px 16px; } .mui-pagination-sm>li>a, .mui-pagination-sm>li>span { font-size: 12px; padding: 5px 10px; } .mui-pager { padding-left: 0; list-style: none; text-align: center; } .mui-pager:before, .mui-pager:after { display: table; content: ' '; } .mui-pager:after { clear: both; } .mui-pager li { display: inline; } .mui-pager li>a, .mui-pager li>span { display: inline-block; padding: 5px 14px; border: 1px solid #ddd; border-radius: 6px; background-color: #fff; background-clip: padding-box; } .mui-pager li:active>a, .mui-pager li:active>span, .mui-pager li.mui-active>a, .mui-pager li.mui-active>span { cursor: default; text-decoration: none; color: #fff; border-color: #007aff; background-color: #007aff; } .mui-pager .mui-next>a, .mui-pager .mui-next>span { float: right; } .mui-pager .mui-previous>a, .mui-pager .mui-previous>span { float: left; } .mui-pager .mui-disabled>a, .mui-pager .mui-disabled>a:active, .mui-pager .mui-disabled>span, .mui-pager .mui-disabled>span:active { opacity: .6; color: #777; border: 1px solid #ddd; background-color: #fff; } .mui-modal { position: fixed; z-index: 999; top: 0; overflow: hidden; width: 100%; min-height: 100%; -webkit-transition: -webkit-transform .25s, opacity 1ms .25s; transition: transform .25s, opacity 1ms .25s; -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); transition-timing-function: cubic-bezier(.1, .5, .1, 1); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; background-color: #fff; } .mui-modal.mui-active { height: 100%; -webkit-transition: -webkit-transform .25s; transition: transform .25s; -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); transition-timing-function: cubic-bezier(.1, .5, .1, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .mui-android .mui-modal .mui-bar { position: static; } .mui-android .mui-modal .mui-bar-nav~.mui-content { padding-top: 0; } .mui-slider { position: relative; z-index: 1; overflow: hidden; width: 100%; } .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active { border-bottom: 0; } .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item { border-top: 1px solid #c8c7cc; border-bottom: 1px solid #c8c7cc; } .mui-slider .mui-slider-group { font-size: 0; position: relative; -webkit-transition: all 0s linear; transition: all 0s linear; white-space: nowrap; } .mui-slider .mui-slider-group .mui-slider-item { font-size: 14px; position: relative; display: inline-block; width: 100%; height: 100%; vertical-align: top; white-space: normal; } .mui-slider .mui-slider-group .mui-slider-item>a:not(.mui-control-item) { line-height: 0; position: relative; display: block; } .mui-slider .mui-slider-group .mui-slider-item img { width: 100%; } .mui-slider .mui-slider-group .mui-slider-item .mui-table-view:before, .mui-slider .mui-slider-group .mui-slider-item .mui-table-view:after { height: 0; } .mui-slider .mui-slider-group.mui-slider-loop { -webkit-transform: translate(-100%, 0px); transform: translate(-100%, 0px); } .mui-slider-title { line-height: 30px; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; margin: 0; text-align: left; text-indent: 12px; opacity: .8; background-color: #000; } .mui-slider-indicator { position: absolute; bottom: 8px; width: 100%; text-align: center; background: none; } .mui-slider-indicator.mui-segmented-control { position: relative; bottom: auto; } .mui-slider-indicator .mui-indicator { display: inline-block; width: 6px; height: 6px; margin: 1px 6px; cursor: pointer; border-radius: 50%; background: #aaa; -webkit-box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7); box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7); } .mui-slider-indicator .mui-active.mui-indicator { background: #fff; } .mui-slider-indicator .mui-icon { font-size: 20px; line-height: 30px; width: 40px; height: 30px; margin: 3px; text-align: center; border: 1px solid #ddd; } .mui-slider-indicator .mui-number { line-height: 32px; display: inline-block; width: 58px; } .mui-slider-indicator .mui-number span { color: #ff5053; } .mui-slider-progress-bar { z-index: 1; height: 2px; -webkit-transform: translateZ(0); transform: translateZ(0); } .mui-switch { position: relative; display: block; width: 74px; height: 30px; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: background-color, border; transition-property: background-color, border; border: 2px solid #ddd; border-radius: 20px; background-color: #fff; background-clip: padding-box; } .mui-switch.mui-disabled { opacity: .3; } .mui-switch .mui-switch-handle { position: absolute; z-index: 1; top: -1px; left: -1px; width: 28px; height: 28px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: -webkit-transform, width, left; transition-property: transform, width, left; border-radius: 16px; background-color: #fff; background-clip: padding-box; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4); box-shadow: 0 2px 5px rgba(0, 0, 0, .4); } .mui-switch:before { font-size: 13px; position: absolute; top: 3px; right: 11px; content: 'Off'; text-transform: uppercase; color: #999; } .mui-switch.mui-dragging { border-color: #f7f7f7; background-color: #f7f7f7; } .mui-switch.mui-dragging .mui-switch-handle { width: 38px; } .mui-switch.mui-dragging.mui-active .mui-switch-handle { left: -11px; width: 38px; } .mui-switch.mui-active { border-color: #4cd964; background-color: #4cd964; } .mui-switch.mui-active .mui-switch-handle { -webkit-transform: translate(43px, 0); transform: translate(43px, 0); } .mui-switch.mui-active:before { right: auto; left: 15px; content: 'On'; color: #fff; } .mui-switch input[type='checkbox'] { display: none; } .mui-switch-mini { width: 47px; } .mui-switch-mini:before { display: none; } .mui-switch-mini.mui-active .mui-switch-handle { -webkit-transform: translate(16px, 0); transform: translate(16px, 0); } .mui-switch-blue.mui-active { border: 2px solid #007aff; background-color: #007aff; } .mui-content.mui-fade { left: 0; opacity: 0; } .mui-content.mui-fade.mui-in { opacity: 1; } .mui-content.mui-sliding { z-index: 2; -webkit-transition: -webkit-transform .4s; transition: transform .4s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mui-content.mui-sliding.mui-left { z-index: 1; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mui-content.mui-sliding.mui-right { z-index: 3; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after { font-family: Muiicons; font-size: inherit; line-height: 1; position: absolute; top: 50%; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; color: #bbb; -webkit-font-smoothing: antialiased; } .mui-push-left:after { left: 15px; content: '\e582'; } .mui-navigate-right:after, .mui-push-right:after { right: 15px; content: '\e583'; } .mui-pull-top-pocket, .mui-pull-bottom-pocket { position: absolute; left: 0; display: block; visibility: hidden; overflow: hidden; width: 100%; height: 50px; } .mui-plus-pullrefresh .mui-pull-top-pocket, .mui-plus-pullrefresh .mui-pull-bottom-pocket { display: none; visibility: visible; } .mui-pull-top-pocket { top: 0; } .mui-bar-nav~.mui-content .mui-pull-top-pocket { top: 44px; } .mui-bar-nav~.mui-bar-header-secondary~.mui-content .mui-pull-top-pocket { top: 88px; } .mui-pull-bottom-pocket { position: relative; bottom: 0; height: 40px; } .mui-pull-bottom-pocket .mui-pull-loading { visibility: hidden; } .mui-pull-bottom-pocket .mui-pull-loading.mui-in { display: inline-block; } .mui-pull { font-weight: bold; position: absolute; right: 0; bottom: 10px; left: 0; text-align: center; color: #777; } .mui-pull-loading { margin-right: 10px; -webkit-transition: -webkit-transform .4s; transition: transform .4s; -webkit-transition-duration: 400ms; transition-duration: 400ms; vertical-align: middle; } .mui-pull-loading.mui-reverse { -webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0); } .mui-pull-caption { font-size: 15px; line-height: 24px; position: relative; display: inline-block; overflow: visible; margin-top: 0; vertical-align: middle; } .mui-pull-caption span { display: none; } .mui-pull-caption span.mui-in { display: inline; } .mui-toast-container { line-height: 17px; position: fixed; z-index: 9999; bottom: 50px; left: 50%; -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0; } .mui-toast-container.mui-active { opacity: .9; } .mui-toast-message { font-size: 14px; padding: 10px 25px; text-align: center; color: #fff; border-radius: 6px; background-color: #323232; } .mui-numbox { position: relative; display: inline-block; overflow: hidden; width: 120px; height: 35px; padding: 0 40px 0 40px; vertical-align: top; vertical-align: middle; border: solid 1px #bbb; border-radius: 3px; background-color: #efeff4; } .mui-numbox [class*=numbox-btn], .mui-numbox [class*=btn-numbox] { font-size: 18px; font-weight: normal; line-height: 100%; position: absolute; top: 0; overflow: hidden; width: 40px; height: 100%; padding: 0; color: #555; border: none; border-radius: 0; background-color: #f9f9f9; } .mui-numbox [class*=numbox-btn]:active, .mui-numbox [class*=btn-numbox]:active { background-color: #ccc; } .mui-numbox [class*=numbox-btn][disabled], .mui-numbox [class*=btn-numbox][disabled] { color: #c0c0c0; } .mui-numbox .mui-numbox-btn-plus, .mui-numbox .mui-btn-numbox-plus { right: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .mui-numbox .mui-numbox-btn-minus, .mui-numbox .mui-btn-numbox-minus { left: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .mui-numbox .mui-numbox-input, .mui-numbox .mui-input-numbox { display: inline-block; overflow: hidden; width: 100% !important; height: 100%; margin: 0; padding: 0 3px !important; text-align: center; text-overflow: ellipsis; word-break: normal; border: none !important; border-right: solid 1px #ccc !important; border-left: solid 1px #ccc !important; border-radius: 0 !important; } .mui-input-row .mui-numbox { float: right; margin: 2px 8px; } @font-face { font-family: Muiicons; font-weight: normal; font-style: normal; src: url('mui.ttf') format('truetype'); } .mui-icon { font-family: Muiicons; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased; } .mui-icon.mui-active { color: #007aff; } .mui-icon.mui-right:before { float: right; padding-left: .2em; } .mui-icon-contact:before { content: '\e100'; } .mui-icon-person:before { content: '\e101'; } .mui-icon-personadd:before { content: '\e102'; } .mui-icon-contact-filled:before { content: '\e130'; } .mui-icon-person-filled:before { content: '\e131'; } .mui-icon-personadd-filled:before { content: '\e132'; } .mui-icon-phone:before { content: '\e200'; } .mui-icon-email:before { content: '\e201'; } .mui-icon-chatbubble:before { content: '\e202'; } .mui-icon-chatboxes:before { content: '\e203'; } .mui-icon-phone-filled:before { content: '\e230'; } .mui-icon-email-filled:before { content: '\e231'; } .mui-icon-chatbubble-filled:before { content: '\e232'; } .mui-icon-chatboxes-filled:before { content: '\e233'; } .mui-icon-weibo:before { content: '\e260'; } .mui-icon-weixin:before { content: '\e261'; } .mui-icon-pengyouquan:before { content: '\e262'; } .mui-icon-chat:before { content: '\e263'; } .mui-icon-qq:before { content: '\e264'; } .mui-icon-videocam:before { content: '\e300'; } .mui-icon-camera:before { content: '\e301'; } .mui-icon-mic:before { content: '\e302'; } .mui-icon-location:before { content: '\e303'; } .mui-icon-mic-filled:before, .mui-icon-speech:before { content: '\e332'; } .mui-icon-location-filled:before { content: '\e333'; } .mui-icon-micoff:before { content: '\e360'; } .mui-icon-image:before { content: '\e363'; } .mui-icon-map:before { content: '\e364'; } .mui-icon-compose:before { content: '\e400'; } .mui-icon-trash:before { content: '\e401'; } .mui-icon-upload:before { content: '\e402'; } .mui-icon-download:before { content: '\e403'; } .mui-icon-close:before { content: '\e404'; } .mui-icon-redo:before { content: '\e405'; } .mui-icon-undo:before { content: '\e406'; } .mui-icon-refresh:before { content: '\e407'; } .mui-icon-star:before { content: '\e408'; } .mui-icon-plus:before { content: '\e409'; } .mui-icon-minus:before { content: '\e410'; } .mui-icon-circle:before, .mui-icon-checkbox:before { content: '\e411'; } .mui-icon-close-filled:before, .mui-icon-clear:before { content: '\e434'; } .mui-icon-refresh-filled:before { content: '\e437'; } .mui-icon-star-filled:before { content: '\e438'; } .mui-icon-plus-filled:before { content: '\e439'; } .mui-icon-minus-filled:before { content: '\e440'; } .mui-icon-circle-filled:before { content: '\e441'; } .mui-icon-checkbox-filled:before { content: '\e442'; } .mui-icon-closeempty:before { content: '\e460'; } .mui-icon-refreshempty:before { content: '\e461'; } .mui-icon-reload:before { content: '\e462'; } .mui-icon-starhalf:before { content: '\e463'; } .mui-icon-spinner:before { content: '\e464'; } .mui-icon-spinner-cycle:before { content: '\e465'; } .mui-icon-search:before { content: '\e466'; } .mui-icon-plusempty:before { content: '\e468'; } .mui-icon-forward:before { content: '\e470'; } .mui-icon-back:before, .mui-icon-left-nav:before { content: '\e471'; } .mui-icon-checkmarkempty:before { content: '\e472'; } .mui-icon-home:before { content: '\e500'; } .mui-icon-navigate:before { content: '\e501'; } .mui-icon-gear:before { content: '\e502'; } .mui-icon-paperplane:before { content: '\e503'; } .mui-icon-info:before { content: '\e504'; } .mui-icon-help:before { content: '\e505'; } .mui-icon-locked:before { content: '\e506'; } .mui-icon-more:before { content: '\e507'; } .mui-icon-flag:before { content: '\e508'; } .mui-icon-home-filled:before { content: '\e530'; } .mui-icon-gear-filled:before { content: '\e532'; } .mui-icon-info-filled:before { content: '\e534'; } .mui-icon-help-filled:before { content: '\e535'; } .mui-icon-more-filled:before { content: '\e537'; } .mui-icon-settings:before { content: '\e560'; } .mui-icon-list:before { content: '\e562'; } .mui-icon-bars:before { content: '\e563'; } .mui-icon-loop:before { content: '\e565'; } .mui-icon-paperclip:before { content: '\e567'; } .mui-icon-eye:before { content: '\e568'; } .mui-icon-arrowup:before { content: '\e580'; } .mui-icon-arrowdown:before { content: '\e581'; } .mui-icon-arrowleft:before { content: '\e582'; } .mui-icon-arrowright:before { content: '\e583'; } .mui-icon-arrowthinup:before { content: '\e584'; } .mui-icon-arrowthindown:before { content: '\e585'; } .mui-icon-arrowthinleft:before { content: '\e586'; } .mui-icon-arrowthinright:before { content: '\e587'; } .mui-icon-pulldown:before { content: '\e588'; } .mui-fullscreen { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mui-fullscreen.mui-slider .mui-slider-group { height: 100%; } .mui-fullscreen .mui-segmented-control~.mui-slider-group { position: absolute; top: 40px; bottom: 0; width: 100%; height: auto; } .mui-fullscreen.mui-slider .mui-slider-item>a { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mui-fullscreen .mui-off-canvas-wrap .mui-slider-item>a { top: auto; -webkit-transform: none; transform: none; } .mui-bar-nav~.mui-content .mui-slider.mui-fullscreen { top: 44px; } .mui-bar-tab~.mui-content .mui-slider.mui-fullscreen .mui-segmented-control~.mui-slider-group { bottom: 50px; } .mui-android.mui-android-4-0 input:focus, .mui-android.mui-android-4-0 textarea:focus { -webkit-user-modify: inherit; } .mui-android.mui-android-4-2 input, .mui-android.mui-android-4-2 textarea, .mui-android.mui-android-4-3 input, .mui-android.mui-android-4-3 textarea { -webkit-user-select: text; } .mui-ios .mui-table-view-cell { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .mui-plus-visible, .mui-wechat-visible { display: none !important; } .mui-plus-hidden, .mui-wechat-hidden { display: block !important; } .mui-tab-item.mui-plus-hidden, .mui-tab-item.mui-wechat-hidden { display: table-cell !important; } .mui-plus .mui-plus-visible, .mui-wechat .mui-wechat-visible { display: block !important; } .mui-plus .mui-tab-item.mui-plus-visible, .mui-wechat .mui-tab-item.mui-wechat-visible { display: table-cell !important; } .mui-plus .mui-plus-hidden, .mui-wechat .mui-wechat-hidden { display: none !important; } .mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav { height: 64px; padding-top: 20px; } .mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav~.mui-content { padding-top: 64px; } .mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav~.mui-content .mui-pull-top-pocket { top: 64px; } .mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary { top: 64px; } .mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary~.mui-content { padding-top: 94px; } .mui-iframe-wrapper { position: absolute; right: 0; left: 0; -webkit-overflow-scrolling: touch; } .mui-iframe-wrapper iframe { width: 100%; height: 100%; border: 0; } .lotBg{ width: 80%;position: absolute; top: 50%;left: 10%;-webkit-transform:translateY(-50%); text-align: center; } .lotBg p{ color: #fff;padding: 20px 0; } .lotBg img{ width: 100%;max-width: 10rem; } /*新增*/ .newIndexBg{ width: 29.7rem;border:solid 1px #82e0ff;border-radius: 5px;margin: 0 auto;margin-top: 1rem;padding-bottom: 1rem; } .newTops{ width: 100%;height: 4rem;background: #82e0ff;border-top-left-radius: 5px;border-top-right-radius: 5px;position: relative; } .newMsgBg{ width: 28rem;height: 17.5rem;background: url(../img/nR8.png) no-repeat; background-size: 28rem;margin: 0 auto;margin-top: 1rem;position: relative; } .newMsgBg p{ position: absolute;color: #fff;font-size: .8rem; } .newMsgBg p:nth-of-type(1){ top: 13.6rem;left: 1.5rem;width: 5rem; } .newMsgBg p:nth-of-type(2){ top: 13.6rem;left: 7.5rem;width: 5rem; } .newMsgBg p:nth-of-type(3){ top: 15.8rem;left: 1.5rem;; } .newMsgBg p:nth-of-type(4){ top: 15.8rem;left: 12rem;width: 14rem; } .newMsgBg img{ width: 7.6rem;height: 7.6rem;border-radius: 50%;position: absolute;top: 5.7rem;left: 2.9rem; } .newStars{ width: 28rem;margin: 0 auto;margin-top: 1rem;height: 10rem;position: relative;background: #fff495;border-radius: 5px; } .newRun{ width: 8.4rem;height: 2rem;background: #fff;border-radius: 1rem;border:solid 1px #00b0ea;position: absolute;top: 1rem;left: .9rem; } .newRunStar{ width: 8.4rem;height: 2rem;background: #fff;border-radius: 1rem;border:solid 1px #00b0ea;position: absolute;top: 1rem;left: 10.5rem; } .newRunBattery{ width: 8.4rem;height: 2rem;background: #fff;border-radius: 1rem;border:solid 1px #00b0ea;position: absolute;top: 1rem;right: 0.9rem; } .newRun i,.newRunStar i,.newRunBattery i{ font-style: normal;font-size: 1.3rem;position: absolute;right: 1.2rem;top: .2rem; } .newRunBattery i{ right: 2.2rem; } .newRun span{ width: 2.7rem;height: 2.7rem;background: url(../img/nR1.png) no-repeat; background-size: 2.7rem;border-radius: 50%;display: block;position: absolute;left: 0;top: -.35rem; } .newRunStar span{ width: 2.7rem;height: 2.7rem;background: url(../img/nR2.png) no-repeat; background-size: 2.7rem;border-radius: 50%;display: block;position: absolute;left: -.5rem;top: -.35rem; } .newRunBattery span{ width: 2.7rem;height: 2.7rem;background: url(../img/nR3.png) no-repeat; background-size: 2.7rem;border-radius: 50%;display: block;position: absolute;left: -.5rem;top: -.35rem; } .newRunBattery em{ width: 2rem;height: 2rem;background: url(../img/nR4.png) no-repeat; background-size: 2rem;border-radius: 50%;display: block;position: absolute;right:0rem;top:0rem; } .newStars span{ width: 7.5rem;height: 7rem;background: url(../img/nR5.png) no-repeat; background-size: 7.5rem;position: absolute;display: block;top: 1rem;left: 1rem; } .newTxt1{ font-size: .7rem;position: absolute;color: #f49e1e;top: 7.8rem;left: 2.2rem; } .newTxt1 strong{ font-weight: normal;font-size: 1.5rem;display: inline-block;padding-left: .4rem; } .newStars p{ width: 15rem;height: .7rem;background: #fff;border-radius: .5rem;border:solid 1px #00b0ea; position: absolute;right: 2rem;top: 3.4rem; } .newStars p em{ display: block;width:0%;height: 100%;background: #00b0ea;border-radius: .5rem; } .newStars p img{ width: 1.5rem;position: absolute;left: 0;top: -1.3rem;margin-left: -.75rem; } .newTxt2{ color: #00b0ea;font-size: 1.2rem;position: absolute;top: 5rem;left: 12.4rem;line-height: 1.8rem; } .newTxt2 i{ display: inline-block;background: #00b0ea;color: #fff;line-height: 1.8rem;padding: 0 .5rem;font-style: normal;margin-left: .4rem; border-radius: 3px; } .newTxt3{ font-style: italic;;font-size: .8rem;color: #00b0ea;position: absolute;left: 12.4rem;top: 7.4rem; } .newGold{ width: 28rem;margin: 0 auto;margin-top: 1rem;height: 18rem;position: relative;background: #fff495;border-radius: 5px; } .newGold span{ width: 7.5rem;height: 8rem;background: url(../img/nR6.png) no-repeat; background-size: 7.5rem;position: absolute;display: block;top: 1.8rem;left: 1rem; } .newTxt12{ top: 9.7rem;left: 2.2rem; } .newGold p{ font-size: 1.2rem;color: #00b0ea;width: 15rem;background: #fff;border-radius: 5px;border:solid 1px #00b0ea;overflow: hidden;position: absolute; right: 1rem;line-height: 2rem;text-indent: 1rem; } .newGold p em{ color: #fff;background: #00b0ea;color: #fff;text-align: center;display: block;width: 9rem;position: absolute;right: 0;top: 0; font-style: normal; } .newGold p:nth-of-type(1){ top: .8rem; } .newGold p:nth-of-type(2){ top: 3.8rem; } .newGold p:nth-of-type(3){ top: 6.8rem; } .newGold p:nth-of-type(4){ top: 9.8rem; } .newGold p:nth-of-type(5){ top: 12.8rem; } .detailCon .bd2{ border:solid 1px #8dd8f8;width: 30rem;margin: 0 auto;margin-top: 0rem;padding-bottom: 2rem; position: relative; } .bdTitle{ color: #eda443;font-size: 2.1rem;text-align: center;padding: 1rem; } .gameGold{ position: relative;padding:1rem 1rem .5rem 1rem;font-size: 2rem; } .gameGold span{ width: 2.4rem;height: 2.4rem;background: url(../img/rBig.png) no-repeat;background-size: 2.4rem;display: inline-block; position: relative;top: .6rem;margin-left: 1rem; } .gameGold i{ width: 2.8rem;height: 2.8rem;background: url(../img/star@3x.png) no-repeat;background-size: 2.8rem;display: inline-block; position: relative;top: .6rem;margin-left: 1rem; } .gameGold em{ color: #ffcd00;display: inline-block;margin-left: .5rem; } .gameGold strong{ display: block;font-weight: normal;color: #ffce05;font-size: 1.4rem;padding-top: .5rem; } .bigR{ position: absolute;right: 1rem; top: 5rem;width: 11rem; } .bigR span{ width: 10rem;height:10rem;background: url(../img/rBig.png) no-repeat;background-size: 10rem; display:block;margin:0 auto; } .bigR p{ color: #f5a024;font-size: 1.4rem;text-align: center;padding: 0; } .testScore{ font-size:8rem;text-shadow: 5px 5px 5px #000;color: #ffa420;text-align: center; } .ssCar{ width: 1.1rem;height: .9rem;background: url(../img/nR7s.png) no-repeat; background-size: 1.1rem;display:block;position: relative;left: 0%;margin-bottom: .3rem; } .testProcess{ widows: 100%;height: 1rem;background: #fff;border:solid 1px #f5a024;border-radius: 1rem; } .testProcess div{ display: block;background: #f5a024;height: 1rem; border-radius: 1rem; } .sTips{ padding-top: .5rem;color: #f5a024; text-align: center;font-size: .9rem; } .sTips i{ font-style: normal;padding: .2rem .5rem;background: #f5a024;color:#fff;border-radius: 3px;; } .blueTips{ text-align: center;margin-top: 1rem;color: #00b0ea;font-size: 1.4rem; }