* {font-family: "华文细黑"; font-weight: 400;}
strong {font-weight: 700;}
body {font-size:16px; color:#000; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x: hidden; background: #eaeff3;}
input,textarea,select,button {outline:none;}
a {color:#000; text-decoration:none; outline:none; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}
a:hover {color: #4977fc;}



img {width: 100%; display: block;}

.Wrap {width: 1200px; margin: auto;}

.LoginFrame {position: absolute; width: 540px; height: 450px; left: 50%; top: 50%; margin: -225px 0px 0px -270px; z-index: 1;}
.Login {background: rgba(255,255,255,0.8); border-radius: 5px; padding: 30px; margin-top: 40px;}
.Login p {color: #666; font-size: 18px;}
.LoginInput {margin: 10px 0px 20px 0px; background: #fff; border: #e5e5e5 1px solid; border-radius: 5px; padding: 10px; width: 460px;}
.LoginInput:focus {border: #4877fb 1px solid;}
.LoginBtn {background: #4877fb; border-radius: 5px; color: #fff; border: none; font-size: 18px; text-align: center; display: block; width: 100%; margin-top: 30px; line-height: 50px; cursor: pointer;}
.LoginBtn:hover {opacity: 0.9;}

.LeftBar {position: fixed; width: 15%; background: #fff; z-index: 10; height: 100%;}
.LeftBar h2 {text-align: center; color: #4977fc; font-size: 20px; font-weight: 700; line-height: 70px;}
.LeftBar ul {padding-left: 30px;}
.LeftBar li a {margin-top: 40px; line-height: 40px; display: block; color: #666; padding-left: 20px;}
.LeftBar li a:hover {color: #4977fc;}
.LeftBar li a.Current {background: #ecf1ff; color: #4977fc; border-radius: 20px 0px 0px 20px;}

.Main {margin-left: 15%;}
.MainTop {height: 290px; background: #4977fc; position: relative; z-index: 1;}
.Title {border-bottom: #5e86f9 2px solid; height: 68px;}
.Title > img {float: right; width: 40px; margin: 14px 25px;}
.Title img {border-radius: 100%;}
.Title h2 {line-height: 68px; border-left: #5e86f9 2px solid; padding-left: 23px; color: #fff; font-size: 18px; float: right;}
.Title li a {position: relative; line-height: 68px; color: #fff; float: right; margin: 0px 10px 0px 0px; cursor: pointer; display: block;}
.Title span {border: #fff 1px solid; width: 4px; height: 4px; position: absolute; background: #f00; top: 23px; right: 13px; border-radius: 100%;}

.Container {margin: -180px 20px 30px 20px; position: relative; z-index: 2;}

.SelectFilter {float: left; background: #fff; border-radius: 5px; border: none; padding: 10px; margin: 0px 20px 40px 0px; font-size: 16px;}
.Search {background: #fff; float: left; width: 500px; position: relative; padding: 5px 5px 4px 5px; border-radius: 5px; margin-bottom: 20px;}
.SearchInput {float: left; background: none; border: none; font-size: 14px; height: 30px; margin-left: 10px;}
.SearchBtn {position: absolute; width: 18px; height: 18px; background: url(../image/search.svg) no-repeat; background-size: cover; right: 10px; border: none; top: 10px; cursor: pointer;}
.Dropbox {float: left; margin: 5px 0px 0px 5px; border: none; background: none; font-size: 14px;}

.Data {padding: 0px 0px 40px 0px;}
.DataTop {background: #f5f5f5; border-radius: 5px 5px 0px 0px;}
.DataTop h2 {font-size: 30px; background: url(../image/dot.png) no-repeat left center; padding-left: 30px; line-height: 70px; margin-left: 20px;}
.DataTop em a {display: block;  float: right; color: #fff; border-radius: 5px; margin: 15px 20px 0px 0px; line-height: 40px; padding: 0px 20px 0px 40px; position: relative;}
.DataTop em a.DT_1 {background: #16a6ff;}
.DataTop em a.DT_2 {background: #fdbc00;}
.DataTop > em > a > img {position: absolute; width: 20px; left: 10px; top: 10px;}

.Change {background: #eaeff7;}

.Choose {border: #ccc 1px solid; width: 20px; height: 20px; background: #fff; margin-top: 5px;}

.Export {background: #73b2f6; float: left; padding: 0px 15px; border-radius: 5px; color: #fff; cursor: pointer; line-height: 40px; margin-right: 20px;}
.Export:hover {opacity: 0.8;}
.Delete {background: #e37070; float: left; padding: 0px 15px; border-radius: 5px; color: #fff; cursor: pointer; line-height: 40px; margin-right: 20px;}
.Delete:hover {opacity: 0.8;}
.Add {background: #28a745; float: left; padding: 0px 15px; border-radius: 5px; color: #fff; cursor: pointer; line-height: 40px; margin-right: 20px;}
.Add:hover {opacity: 0.8;}

.Frame {background: #fff; padding: 30px;}
.Frame li {float: left; font-size: 20px; margin: 0px 30px 10px 0px;}
.Frame span {color: #999;}
.FrameList {background: #f8faff; margin: 20px 0px; padding: 20px;}
.FrameList h3 {font-size: 24px; font-weight: 700; border-bottom: #4977fc 3px solid; float: left; padding-bottom: 7px; margin-bottom: 10px;}
.List {border-bottom: #e2e3e5 1px solid; margin-top: 15px; padding-bottom: 14px; line-height: 40px;}
.List:last-child {border-bottom: none; padding-bottom: 0px;}
.List > input {float: left; width: 50px; margin-top: 11px;}
.List h4 {float: left; font-size: 18px;}
.List em {float: right; font-size: 14px; color: #4977fc;}

.Fill {background: #fff; border-radius: 10px; margin-top: 20px; width: 50%; padding: 10px; display: block; border: none; font-size: 16px;}

.Chart {border-left: #4977fc 3px solid; padding-left: 7px; font-size: 24px; margin-bottom: 30px;}

.Message {background: #f8f8f8; margin-bottom: 20px; padding: 15px; line-height: 30px; border-radius: 5px;}
.Message span {color: #4977fc; font-size: 14px;}