@CHARSET "utf-8";
html {font-size: 12px; } 
body {background: #383838; font-family: "微软雅黑"; }

.header{background: #383838; padding: 0 44px 0 20px; height: 70px; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.header .logo{width: 54px; height: 48px;}
.header .menu a, .header .register,.header .login{color: #cdfcff; font-size: 22px; font-weight: bold;}
.header .login{margin-left:20px;}
.header .menu a.upload-pic{background: #1e66f9; width: 54px; height: 28px; line-height: 28px; display: inline-block; border-radius: 6px; color: #fff; font-size: 18px; font-weight: normal; text-align: center; margin: 0 48px 0 32px;}
.container{background: #232435;}
.container .banner{width: 100%;}
.container .text{background: url('../img/text.png') no-repeat 0 -10px; width: 100%; height: 172px;}
.container .understand-btn{padding-top: 110px; color: #e63914; font-size: 12px; display: block; text-align: center; width: 100%;}
.container .understand-btn span{font-size: 20px;}

.case-container{background: #e3e3e3; height: 842px; overflow: hidden;}
.case-container .case-bg{margin: 50px auto 0; background: url('../img/case-bg.png') no-repeat right; width: 1278px; height: 748px;}
.case-container .xian{position: relative; background: url('../img/case-bg-2.png') no-repeat left 220px; width: 1281px; height: 748px;}
.case-container .case-top{height: 84px; margin-left: 132px; width: 1145px;overflow: hidden;}
.case-top li{width: 100%; clear: both;}
.case-top li p{width: 190px; text-align: center; float: left;}
.case-top li.title{height: 25px; padding-top: 15px;}
.case-top li.title p{font-size: 22px; line-height: 24px; color: #fff;}
.case-top li.desc{height: 18px;}
.case-top li.desc p{font-size: 12px; line-height: 16px; color: #484848;}
.case-top li.price{background: rgba(0, 0, 0, 0.2); height: 28px;}
.case-top li.price p{font-size: 16px; line-height: 28px; color: #96ff0d;}
.case-container .case-btns{padding-top: 48px; overflow: hidden;}
.case-container .case-btns li{float: left; width: 190px;}
.case-container .case-btns li p{font-size: 16px; color: #262626; padding-top: 12px;}
.case-container .case-btns li a{ display: block; margin: 0 auto; text-align: center; width: 78px; height: 32px; border-radius: 8px; line-height: 32px; font-size: 16px; color: #ff2c16; border: #d4afac solid 2px;}
.case-container .case-content{padding-top: 12px; background: url('../img//case-bg-4.png') no-repeat 218px 146px;}
.case-container .case-content li{clear: both; height: 40.5px; line-height: 40.5px; overflow: hidden;}
.case-container .case-content li span{display: block; width: 132px; font-size: 16px; color: #262626; float: left;}
.case-container .case-content li p{ float: left; text-align: center; width: 190px; font-size: 16px; color: #262626;}
p.mgl-51{margin-left: 51px;}
p.mgl-53{margin-left: 53px;}
p.mgl-50{margin-left: 50px;}
p.mgl-40{margin-left: 40px;}
.last-desc { font-size: 16px; color: #c4c4c4; line-height: 28px; width: 161px; text-indent: 25px; position: absolute; top: 200px; right: 0; padding: 20px; }

.footer{height: 104px; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 100px;}
.footer .footer-logo{width: 64px; height: 62px;}
.footer .about-me li{font-size: 10px; line-height: 17px; color: #fff;}
.footer .code-content li{float: left; padding: 0 15px;}
.footer .code-content li img{width: 54px;}
.footer .code-content li p{text-align: center; font-size: 10px; line-height: 16px; margin-top: 5px; color: #fff;}