@charset "utf-8";#unit-conversion{margin:0 auto}#unit-conversion .title{text-align:center;margin:0 auto;padding:50px 0}#unit-conversion .title>h3{position:relative;display:inline-block;font-size:36px;font-weight:400;color:#333;text-align:center;padding:20px 0;margin:0 auto}#unit-conversion .title>h3:after{position:absolute;z-index:4;left:50%;bottom:0;margin-left:-20px;width:40px;height:1px;background:rgba(0,0,0,.6);content:''}#unit-conversion>.container{position:relative;width:90%;max-width:1400px;margin:20px auto 80px}#unit-conversion .box{width:80%;background:#fff;padding:50px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left}#unit-conversion .box .item{padding:20px;border-bottom:1px solid #eee;border-radius:5px;-webkit-transition:all .35s;transition:all .35s}#unit-conversion .box .item:hover{background:#f7f7f7}#unit-conversion .box .item:last-child{border-bottom:0!important}#unit-conversion .box .item .title{position:relative;padding-bottom:10px;font-weight:500;font-size:18px;text-align:left;color:#00ada9}#unit-conversion .box .item .title:after{position:absolute;z-index:3;left:0;bottom:0;width:26px;height:1px;background:#00ada9;content:''}#unit-conversion .box .item .content{padding-top:20px;margin:0 auto}#unit-conversion .box .item .content .layui-btn{background-color:#666}#unit-conversion .box .item .content .layui-form-select dl dd.layui-this{background-color:#fff;color:#00ada9}#unit-conversion .box .item .content .layui-form-mid{color:#999}#unit-conversion .box .item .content .layui-input::-webkit-input-placeholder,#unit-conversion .box .item .content .layui-select::-webkit-input-placeholder,#unit-conversion .box .item .content .layui-textarea::-webkit-input-placeholder{color:#ccc!important}#unit-conversion .box .item .content .result{display:inline-block;text-align:left;font-size:16px;color:#00ada9;padding-left:20px}#unit-conversion .nav{display:none;position:fixed;z-index:888;right:50px;top:25%;width:20%;max-width:240px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;text-align:left;background:#00ada9;-webkit-transition:all .35s;transition:all .35s}#unit-conversion .nav>.title{text-align:left;padding:0 20px}#unit-conversion .nav>.title>h3{position:relative;display:inline-block;padding:10px;color:#fff;font-size:24px;font-weight:500}#unit-conversion .nav>.title>h3:after{position:absolute;z-index:5;left:0;top:50%;width:3px;height:30px;margin-top:-15px;background:#fff;content:''}#unit-conversion .nav>.list{text-align:left;padding:20px 10px}#unit-conversion .nav>.list>a{display:block;font-size:16px;padding:5px 10px;color:#fff;-webkit-transition:all .35s;transition:all .35s}#unit-conversion .nav>.list>a.A,#unit-conversion .nav>.list>a:hover{background:rgba(255,255,255,.2)}@media only screen and (max-width:1200px){#unit-conversion .title>h3{font-size:32px}}@media only screen and (max-width:1080px){#unit-conversion .nav>.title>h3{font-size:20px}#unit-conversion .nav>.list>a{font-size:14px}#unit-conversion .nav{display:block}}@media only screen and (max-width:960px){#unit-conversion .box{width:100%;float:none}}@media only screen and (max-width:860px){#unit-conversion .title>h3{font-size:28px}#unit-conversion .nav{display:none}}@media only screen and (max-width:780px){#unit-conversion .layui-form-pane .layui-form-label{width:80px}#unit-conversion .layui-form-item .layui-input-inline{width:36%}}@media only screen and (max-width:640px){#unit-conversion .title{padding:30px 0}#unit-conversion .title>h3{font-size:24px}#unit-conversion .box{padding:30px}#unit-conversion .layui-form-item .layui-input-inline{width:32%}}@media only screen and (max-width:520px){#unit-conversion .layui-form-pane .layui-form-label{display:block;float:none;background:0 0;border:0;text-align:left;padding-left:0}#unit-conversion .layui-form-item .layui-input-inline{display:block;float:none;width:100%;margin-bottom:10px;margin-left:0}#unit-conversion .box .item .content .layui-form-mid{display:none}#unit-conversion .box .item .content .layui-btn{width:100%}}