.text-box{margin-left:20px;width:80px;height:70px;line-height:20px;background-image:linear-gradient(180deg,#0148c0 0,#020a14 20%,#020a14 80%,#0148c0);border:1px solid #06f;text-align:center;border-radius:4px}.text-box .box-number{margin-top:15px;font-size:20px;font-weight:400}.text-box .box-title{font-size:12px}.middle{height:100%}.panel-content{position:relative;padding:0 20px 30px;border:1px solid #1064c3;border-top-left-radius:10px;border-top-right-radius:10px}.panel-content:before{left:0;border-top-left-radius:7px;border-left:2px solid #02a6b5;border-top:2px solid #02a6b5}.panel-content:after,.panel-content:before{position:absolute;top:0;width:30px;height:30px;content:""}.panel-content:after{right:0;border-top-right-radius:7px;border-right:2px solid #02a6b5;border-top:2px solid #02a6b5}.panel-content .panel-top{height:300px;display:-ms-flexbox;display:flex}.panel-content .panel-top .panel-top-left{-ms-flex:3;flex:3;margin:auto}.panel-content .panel-top .panel-top-left .left-bottom{margin-top:30px;display:-ms-flexbox;display:flex}.panel-content .panel-top .panel-top-middle{-ms-flex:4;flex:4}.panel-content .panel-top .panel-top-right{-ms-flex:3;flex:3;margin:auto;padding-left:40px}.panel-content .panel-top .panel-top-right .right-top{display:-ms-flexbox;display:flex}.panel-content .panel-top .panel-top-right .right-bottom{display:-ms-flexbox;display:flex;margin-top:30px}.panel-content .panel-middle{margin-top:30px;height:220px}.panel-content .panel-middle .middle-title{text-align:center;color:#fff;font-size:20px;font-weight:500}.panel-content .panel-middle .middle-bottom{margin-top:30px;height:80px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.panel-content .panel-middle .middle-bottom .middle-box{width:55px;height:54px;margin-left:20px;text-align:center;line-height:54px;font-size:40px;color:#01c6c6;border:1px solid #039ea7;background-image:linear-gradient(180deg,#011951 0,#013a9e 20%,#013a9e 80%,#011951)}.bar-content{height:265px}.power-content{height:200px}.hair-content{height:255px}.use-content{height:205px}.yares-hair-content{height:458px}.dayuse-content{height:330px}.home-screen-page{background-color:#161522;width:100%;height:1088px}.home-screen-page .screen-page{background:url(../img/screen.64e98e71.png) no-repeat;height:1088px;opacity:1;box-shadow:0 2px 4px 0 rgba(0,0,0,.25);background-size:100% 100%}.home-screen-page .screen-page header{height:105px;background:red;background:url(../img/header-bg.9a33008f.png) no-repeat;background-size:100% 100%;position:relative}.home-screen-page .screen-page header h1{color:#fff;font-size:30px;font-weight:600;line-height:70px;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.home-screen-page .screen-page header .showtime{left:30px;top:50px;color:#fff;position:absolute}.home-screen-page .screen-page header .enlarge-box{position:absolute;top:0;right:0;cursor:pointer;width:20px;height:20px}.home-screen-page .screen-page header .enlarge-box img{width:100%;height:100%}.home-screen-page .screen-page .screen-content{display:-ms-flexbox;display:flex;height:100%;color:#fff;padding:10px 30px 0 30px}.home-screen-page .screen-page .screen-content .content{-ms-flex:3;flex:3}.home-screen-page .screen-page .screen-content .content:nth-child(2){margin-left:20px;-ms-flex:6;flex:6}.home-screen-page .screen-page .screen-content .content:nth-child(3){margin-left:20px}.home-screen-page .screen-page .screen-content .left-one{height:510px;border:1px solid #1064c3}.home-screen-page .screen-page .screen-content .left-two{margin-top:30px;height:383px;border:1px solid #1064c3}.home-screen-page .screen-page .screen-content .left-two .left-two-top{height:160px}.home-screen-page .screen-page .screen-content .left-two .reveal-data{display:-ms-flexbox;display:flex;margin:40px 20px;-ms-flex-pack:justify;justify-content:space-between}.home-screen-page .screen-page .screen-content .left-two .reveal-data .energy{width:118px;height:83px;padding:20px 0 0;text-align:center;border-radius:20px;border:1px solid #1064c3;background-image:linear-gradient(90deg,#2e5cc1 0,#000 45%,#000 55%,#3063cd)}.home-screen-page .screen-page .screen-content .left-two .reveal-data .energy .energy-number{color:#4fc6cf;font-size:18px;font-weight:500}.home-screen-page .screen-page .screen-content .left-two .reveal-data .energy .energy-text{color:#c4c9db}.home-screen-page .screen-page .screen-content .middle-one{height:580px}.home-screen-page .screen-page .screen-content .middle-two{margin-top:30px;height:315px;border:1px solid #1064c3;background-color:rgba(0,0,0,.3)}.home-screen-page .screen-page .screen-content .right-one{height:510px;border:1px solid #1064c3}.home-screen-page .screen-page .screen-content .right-two{margin-top:30px;height:383px;border:1px solid #1064c3}.home-title{font-size:18px;font-weight:400;margin:20px 0 0 20px}