diff --git a/index.html b/index.html
index 72822eb..bc5c0d1 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
-
-
+
+
@@ -7,41 +7,1310 @@
-
-
+
+
+
+
+
-
+
+
+
+
+
+
+
+
友情链接
+
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
乡村动力
+
+
+ 鲁公网安备12011502000077号京ICP备 17061038号-1
+
+
+ 左云县农村产权交易网联系地址:北京紫竹书院技术基地联系电话:400-060-123
+
+
+
+

+
关注公众号 了解详情
+
+
+
+
+
+
\ No newline at end of file
diff --git a/static/css/index.css b/static/css/index.css
new file mode 100644
index 0000000..3cf49e8
--- /dev/null
+++ b/static/css/index.css
@@ -0,0 +1,1045 @@
+/*顶部标题*/
+.topTit {
+ color: #adadad;
+ width: 50%;
+ text-align: left;
+ font-size: 12px;
+ padding: 10px 0;
+}
+
+.topDress .el-input__inner {
+ background: none;
+ height: 25px;
+ font-size: 12px;
+}
+
+.topDress .el-select {
+ border: 1px solid #dbdbdb;
+ height: 25px;
+ width: 110px;
+ background: url("../images/icon3.png") 8px no-repeat;
+ padding-left: 10px;
+}
+
+.topDress .el-input__suffix {
+ top: 5px !important;
+}
+
+.topDress .el-input__icon {
+ line-height: 15px !important;
+}
+
+.topDress .el-input__suffix-inner {
+ display: inline-block !important;
+}
+
+.topTit02 {
+ border: 1px solid #dbdbdb;
+ font-size: 12px;
+ line-height: 23px;
+ padding: 0px 15px;
+ margin-left: 15px;
+}
+
+/*logo和搜索*/
+.logoSearch {
+ padding: 20px 0px;
+}
+
+.logoSearch .logoSearch-div {
+ height: 72px;
+ line-height: 72px;
+}
+
+.logoSearch-div a {
+ margin-left: 20px;
+ color: #b8b8b8;
+}
+
+.logoSearch-div a:hover {
+ color: #007b76;
+}
+
+.logoSearch-div h1 {
+ line-height: 72px;
+ margin-left: 15px;
+}
+
+.logoSearch .searchClass {
+ border: 2px solid #007b76;
+ border-radius: 20px;
+ background: transparent;
+ padding: 6px 10px;
+ width: 100%;
+}
+
+.searchDiv {
+ position: relative;
+ width: 270px;
+ transform: translate(0, 20px);
+ margin-left: 120px;
+}
+
+.searchButton {
+ background-color: #007b76 !important;
+ color: #ffffff !important;
+ width: 65px !important;
+ border: 2px solid #007b76;
+ border-radius: 25px;
+ padding: 4px 0px;
+ position: absolute;
+ right: 0;
+}
+
+/*导航栏*/
+.top .active {
+ background-color: #007b76;
+}
+
+.top .active a {
+ color: #FFFFFF;
+
+}
+
+.top {
+
+}
+
+.top ul {
+ padding-bottom: 5px;
+ border-bottom: 2px solid #007b76;
+}
+
+.top ul li {
+ border-radius: 20px;
+ display: inline-block;
+}
+
+.top ul li a {
+ line-height: 30px;
+ padding: 0 20px;
+ display: block;
+ font-size: 16px;
+}
+
+.top ul li:hover {
+ background-color: #007b76;
+ color: #FFFFFF;
+}
+
+.top ul li:hover a {
+ color: #FFFFFF;
+}
+
+/*banner*/
+.banner {
+ margin-top: 15px;
+}
+
+/*banner左侧导航*/
+
+.bannerLeft {
+ padding: 0px 0px 30px 20px;
+ border: 1px solid #e3e3e3;
+ width: 400px;
+ height: 300px;
+}
+
+.bannerLeft-top ul li {
+ margin: 12px 40px 0px 0px;
+ display: inline-block;
+}
+
+.bannerLeft-tit01 {
+ background: url("../images/icon1.png") 0px no-repeat;
+ padding-left: 28px;
+ margin-top: 26px;
+}
+
+.bannerLeft-tit02 {
+ background: url("../images/icon2.png") 0px no-repeat;
+ padding-left: 28px;
+ margin-top: 26px;
+}
+
+.bannerLeft a {
+ color: #626262;
+ font-size: 16px;
+}
+
+.bannerLeft-top a:hover {
+ color: #007b76;
+}
+
+.bannerLeft-top ul li:last-child a {
+ color: #adadad;
+}
+
+
+.bannerLeft-buttom ul li {
+ margin: 12px 15px 0px 0px;
+ padding: 3px 6px;
+ background-color: #f1f1f1;
+ border-radius: 3px;
+ display: inline-block;
+}
+
+.bannerLeft-buttom li:hover {
+ background-color: #007b76;
+}
+
+.bannerLeft-buttom li:hover a {
+ color: #FFFFFF;
+}
+
+.bannerLeft-buttom ul li:last-child {
+ background: none;
+}
+
+.bannerLeft-buttom ul li:last-child a {
+ color: #adadad;
+}
+
+.bannerRight {
+ width: 800px;
+}
+
+/*内容区*/
+.centerLeft {
+
+}
+
+.centerLeft-top {
+ border-bottom: 1px solid #adadad;
+}
+
+.center .centerLeft-top-tit01 {
+ font-size: 28px;
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.center .centerLeft-top-tit01 span {
+ color: #d21313;
+}
+
+.center .centerLeft-top-tit02 {
+ font-size: 14px;
+ color: #d21313;
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.center .centerLeft-top-tit02 span {
+ font-size: 18px;
+ background: #d21313;
+ color: #FFFFFF;
+ display: inline-block;
+ padding: 0px 2px;
+}
+
+.centerLeft-center .centerleft-center-tit01 {
+ color: #626262;
+ margin: 24px 0px 14px 0px;
+}
+
+.centerLeft-center .centerleft-center-tit01 span:last-child {
+ float: right;
+}
+
+.centerLeft-center-middle {
+ position: relative;
+ width: 252px;
+ border: 1px solid #e3e3e3;
+ display: inline-block;
+}
+
+.centerLeft-center-middle div {
+ padding: 12px 10px;
+}
+
+.centerLeft-center-middle .centerLeft-center-lable {
+ width: 44px;
+ /* height: 46px; */
+ background: #007b76;
+ color: #FFF;
+ text-align: center;
+ border-bottom-left-radius: 18px;
+ border-bottom-right-radius: 18px;
+ font-size: 14px;
+ padding: 4px 0px;
+ position: absolute;
+ right: 10px;
+}
+
+.centerLeft-center-middle-tit01 {
+ font-size: 16px;
+ color: #626262;
+}
+
+.centerLeft-center-middle-tit01 span {
+ font-size: 12px;
+ color: #007b76;
+ border: 1px solid #007b76;
+ padding: 1px 2px;
+ margin-right: 6px;
+}
+
+.centerLeft-center-middle-ul li p {
+ font-size: 14px;
+ color: #626262;
+ margin-top: 12px;
+}
+
+.centerLeft-center-middle-ul li:first-child p {
+ font-size: 14px;
+ color: #d21313;
+}
+
+.centerLeft-center-middle-ul li p span {
+ display: inline-block;
+ width: 4em;
+ font-size: 12px;
+ color: #adadad;
+ margin-right: 12px;
+}
+
+.centerLeft-center-middle-ul li p span i {
+ display: inline-block;
+ width: 0.5em;
+}
+
+.centerLeft-center-bottom p:first-child {
+ background: url("../images/icon3.png") 0px no-repeat;
+ padding-left: 16px;
+ width: 70%;
+ border-right: 1px solid #e3e3e3;
+}
+
+.centerLeft-center-bottom p {
+ font-size: 12px;
+ color: #adadad;
+ display: inline-block;
+}
+
+.centerLeft-center-bottom {
+ border-top: 1px solid #e3e3e3;
+ padding: 0 10px !important;
+ line-height: 40px;
+}
+
+.centerRight {
+}
+
+.centerRight-list0 {
+ padding: 26px 30px;
+ background-color: #f7f7f7;
+ border: 1px solid #e3e3e3;
+}
+
+.centerRight-list0 p:first-child {
+ font-size: 20px;
+ color: #626262;
+}
+
+.centerRight-list0 p:first-child span:first-child {
+ font-size: 12px;
+ color: #007b76;
+ border: 1px solid #007b76;
+ padding: 1px 6px;
+ margin-right: 6px;
+}
+
+.centerRight-list0 p:first-child span {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.centerRight-list0 p {
+ font-size: 14px;
+ color: #626262;
+ margin-bottom: 20px;
+}
+
+.centerRight-list0 p i {
+ display: inline-block;
+ width: 1em;
+}
+
+.centerRight-list0 p:nth-child(3) span {
+ color: #d21313;
+}
+
+.centerRight-list0 p:last-child {
+ text-align: center;
+ color: #adadad;
+ font-size: 12px;
+ margin-bottom: 0;
+}
+
+.centerRight-list1 {
+ margin-top: 25px;
+ background-color: #f7f7f7;
+ border: 1px solid #e3e3e3;
+ padding-bottom: 15px;
+}
+
+.centerRight-list1-tit01 {
+ text-align: center;
+ color: #ffffff;
+ font-size: 20px;
+ line-height: 42px;
+ background-color: #007b76;
+}
+
+.centerRight-list1-tit02 {
+ text-align: center;
+ color: #007b76;
+ font-size: 16px;
+ margin-top: 15px;
+}
+
+.centerRight-list1-div01 {
+ text-align: center;
+ margin-top: 15px;
+}
+
+.centerRight-list1-div02 {
+ margin: 0 auto;
+ margin-top: 15px;
+ width: 80%;
+ margin-bottom: 18px;
+ position: relative;
+}
+
+.centerRight-list1-div02 .searchClass {
+ border: 2px solid #007b76;
+ border-radius: 20px;
+ background: transparent;
+ padding: 6px 10px;
+ width: 100%;
+}
+
+.searchClass .el-input-group__append {
+ border: none;
+ background-color: #007b76;
+ border-radius: 20px;
+ color: #FFFFFF;
+ LEFT: 4PX;
+}
+
+.searchClass .el-input-group__prepend {
+ border: none;
+ background-color: transparent;
+ padding: 0 10px 0 30px;
+}
+
+.searchClass .el-input__inner {
+ height: 36px;
+ line-height: 36px;
+ border: none;
+ background-color: transparent;
+}
+
+.searchClass .el-icon-search {
+ font-size: 16px;
+ line-height: 35px;
+}
+
+.searchClass .centerClass {
+ height: 100%;
+ line-height: 100%;
+ display: inline-block;
+ vertical-align: middle;
+ text-align: right;
+}
+
+.searchClass .line {
+ width: 1px;
+ height: 26px;
+ background-color: #c5c5c5;
+ margin-left: 14px;
+}
+
+.centerRight-list1-div03 {
+ border-top: 1px solid #e3e3e3;
+ text-align: center;
+}
+
+.centerRight-list1-form {
+ width: 80%;
+ margin: 0 auto;
+ margin-top: 15px;
+}
+
+.centerRight-list1-form tr{
+ display: block;
+ margin-bottom: 10px;
+}
+
+.centerRight-list1-form table{
+ margin: 0 auto;
+}
+
+.centerRight-list1-form input,select {
+ background-color: transparent;
+ border: 1px solid #bfbfbf;
+ height: 26px;
+ padding-left: 5px;
+ width: 196px;
+}
+
+.searchbtn {
+ background-color: #007b76;
+ color: #ffffff;
+ margin: 0 auto;
+ width: 66px;
+ padding: 5px 0px;
+ border: none;
+ border-radius: 30px;
+}
+
+.centerRight-list2 {
+ margin-top: 26px;
+ background-color: #f7f7f7;
+ border: 1px solid #e3e3e3;
+ padding: 26px 20px;
+}
+
+.centerRight-list2-tit01 {
+ font-size: 20px;
+ color: #626262;
+}
+
+.centerRight-list2-tit01 span:last-child {
+ font-size: 14px;
+ float: right;
+}
+
+.centerRight-list2-tit01 span:last-child:hover {
+ color: #007b76;
+ cursor: pointer;
+}
+
+.centerRight-list2 ul li p:first-child {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ margin-bottom: 10px;
+}
+
+.centerRight-list2 ul li p:last-child {
+ display: flex !important;
+ display: -webkit-box !important;
+ display: -webkit-flex !important;
+ justify-content: space-between;
+ -webkit-justify-content: space-between;
+}
+
+.centerRight-list2 ul li p:last-child span {
+ color: #adadad;
+}
+
+.centerRight-list2 ul li p:last-child span:nth-child(1) span {
+ color: #000;
+}
+
+.centerRight-list2 ul li {
+ margin-top: 28px;
+}
+
+.centerRight-list2 ul li a:hover {
+ color: #007b76;
+}
+
+.centerRight-list3 {
+ background-color: #f7f7f7;
+ border: 1px solid #e3e3e3;
+ padding: 26px 20px;
+}
+
+.centerRight-list3-tit01 {
+ font-size: 20px;
+ color: #626262;
+}
+
+.centerRight-list3-tit01 span {
+ font-size: 14px;
+}
+
+.centerRight-list3-tit01 span:hover {
+ color: #007b76;
+ cursor: pointer;
+}
+
+.centerRight-list3 ul li p:first-child {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ margin-bottom: 10px;
+}
+
+.centerRight-list3 ul li p:last-child {
+ color: #adadad;
+}
+
+.centerRight-list3 ul li p:last-child span {
+ color: #000;
+}
+
+.centerRight-list3 ul li {
+ margin-top: 28px;
+}
+
+.centerRight-list3 ul li a:hover {
+ color: #007b76;
+}
+
+.el-table__body-wrapper::-webkit-scrollbar {
+ width: 0px;
+ height: 0px;
+}
+
+
+.bottom .bottomNews-tit01 {
+ font-size: 28px;
+ display: inline-block;
+}
+
+.bottom .bottomNews-tit01 span {
+ color: #007b76;
+}
+
+.bottom .bottomNews-tit02 {
+ font-size: 16px;
+ color: #626262;
+ display: inline-block;
+}
+
+.bottom .bottomNews-tit02:hover {
+ color: #007b76;
+ cursor: pointer;
+}
+
+.bottomNews {
+ border-bottom: 1px solid #adadad;
+ margin-bottom: 18px;
+}
+
+.bottomNews-list {
+ width: 32%;
+ padding: 30px;
+ background-color: #f7f7f7;
+ border: 1px solid #e3e3e3;
+ display: inline-block;
+}
+
+.bottomNews-list p {
+ font-size: 20px;
+ color: #626262;
+}
+
+.bottomNews-list p span {
+ font-size: 16px;
+ color: #626262;
+ float: right;
+}
+
+.bottomNews-list p span:hover {
+ color: #007b76;
+ cursor: pointer;
+}
+
+.bottomNews-list ul {
+ margin-top: 10px;
+}
+
+.bottomNews-list ul li {
+ margin-top: 25px;
+}
+
+.bottomNews-list ul li a {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ display: block;
+}
+
+.bottomNews-list ul li a:hover {
+ color: #007b76;
+}
+
+.bidding{
+ overflow: hidden;
+}
+
+.biddingTit {
+ border-bottom: 1px solid #adadad;
+ margin-bottom: 18px;
+}
+
+.biddingTit p{
+ display: inline-block;
+}
+
+.bidding .biddingTit-tit01 {
+ font-size: 28px;
+}
+
+.bidding .biddingTit-tit01 span {
+ color: #007b76;
+}
+
+.bidding .biddingTit-tit02 {
+ font-size: 16px;
+ color: #626262;
+}
+
+.bidding .biddingTit-tit02:hover {
+ color: #007b76;
+ cursor: pointer;
+}
+
+.now-row {
+ color: #d21313;
+}
+
+.notStart-row {
+ color: #007b76;
+}
+
+.tableType {
+ background-color: #e4e4e4;
+ padding: 10px 25px;
+ text-align: right;
+}
+
+.tableType i {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ margin-right: 5px;
+}
+
+.tableType p {
+ margin-left: 45px;
+ display: inline-block;
+}
+
+.tableType p:nth-child(1) {
+ color: #007b76;
+}
+
+.tableType p:nth-child(2) {
+ color: #d21313;
+}
+
+.tableType p:nth-child(3) {
+ color: #797979;
+}
+
+.tableType p:nth-child(1) i {
+ background-color: #007b76;
+}
+
+.tableType p:nth-child(2) i {
+ background-color: #d21313;
+}
+
+.tableType p:nth-child(3) i {
+ background-color: #797979;
+}
+
+.personalTit {
+ border-bottom: 1px solid #adadad;
+ margin-bottom: 18px;
+}
+
+.personal .personalTit-tit01 {
+ font-size: 28px;
+ display: inline-block;
+}
+
+.personal .personalTit-tit01 span {
+ color: #007b76;
+}
+
+.personal .personalTit-tit02 {
+ font-size: 16px;
+ color: #626262;
+ display: inline-block;
+}
+
+.personal .personalTit-tit02:hover {
+ color: #007b76;
+ cursor: pointer;
+}
+
+.personalTit-banner {
+ width: 400px;
+}
+
+.personalTit-Tab {
+ width: 775px;
+ position: relative;
+}
+
+.personalTit-Tab .perBtn {
+ position: absolute;
+ right: 0;
+ color: #FFFFFF !important;
+ border: none !important;
+ background-color: #007b76 !important;
+}
+
+.el-tabs--card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
+ color: #007b76 !important;
+}
+
+.el-tabs--card > .el-tabs__header {
+ margin: 0 !important;
+}
+
+.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
+ color: #007b76 !important;
+ background: #f6f5f5 !important;
+}
+
+.el-tabs--card {
+ box-shadow: none !important;
+}
+
+.el-tabs--card > .el-tabs__content {
+ padding: 0 !important;
+}
+
+.personalTit-Tab .el-table td, .el-table th {
+ padding: 10px 0px !important;
+}
+
+.el-table td.gutter, .el-table th.gutter {
+ background: #e4e4e4 !important;
+}
+
+.interactionTit {
+ border-bottom: 1px solid #adadad;
+ margin-bottom: 18px;
+}
+
+.interaction .interactionTit-tit01 {
+ font-size: 28px;
+}
+
+.interaction .interactionTit-tit01 span {
+ color: #007b76;
+}
+
+.interaction .interactionTit-tit02 {
+ font-size: 16px;
+ color: #626262;
+}
+
+.interaction .interactionTit-tit02:hover {
+ color: #007b76;
+ cursor: pointer;
+}
+
+.interaction .searchClass {
+ border: 2px solid #007b76;
+ border-radius: 20px;
+ background: transparent;
+ width: 500px;
+ padding: 6px 15px;
+}
+
+.interaction .searchClass .el-input__inner {
+ height: 30px;
+}
+
+.interaction .searchClass .el-icon-search {
+ line-height: 28px;
+}
+
+.interaction .seaBtn {
+ color: #FFFFFF ;
+ border: 1px solid #007b76 ;
+ background-color: #007b76 ;
+ padding: 0px 40px ;
+ border-radius: 16px;
+ line-height: 32px;
+ height: 32px;
+}
+
+.bottomLink {
+ background: #e8e8e8;
+ margin-top: 40px;
+ padding: 30px 0 40px;
+}
+
+.bottomLink-tit {
+ font-size: 12px;
+ color: #7f7f7f;
+}
+
+.bottomLink-linkList {
+ font-size: 12px;
+ color: #7f7f7f;
+ width: 1000px;
+}
+
+.bottomLink-linkList p {
+ width: 90px;
+ margin-top: 15px;
+ display: inline-block;
+}
+
+.ba {
+ font-size: 12px;
+ color: #7f7f7f;
+ margin-top: 20px;
+}
+
+.ba span {
+ margin-left: 20px;
+}
+
+.ewm {
+ padding: 25px 25px 0;
+}
+
+.ewmtit {
+ font-size: 12px;
+ color: #7f7f7f;
+ margin-top: 5px;
+}
+
+input[type="radio"] {
+ appearance: none;
+ -webkit-appearance: none;
+ outline: none;
+ display: none
+}
+
+label {
+ display: inline-block;
+ cursor: pointer;
+ margin-right: 10px;
+}
+
+label input[type="radio"] + span {
+ width: 12px;
+ height: 12px;
+ display: inline-block;
+ border: 1px solid #007b76;
+ background:url('../images/check.png') no-repeat;
+ background-position: 0 0;
+ position: relative;
+ top: 2px;
+ margin-right: 5px;
+}
+
+label input[type="radio"]:checked + span {
+ background-position:0 -12px
+}
+
+.tableHead {
+ background-color: #e4e4e4;
+ color: #000000;
+ text-align: center;
+ font-size: 16px;
+ padding: 10px 0px;
+ font-weight: 600;
+ margin-top: 10px;
+}
+
+.tableHead tr td{
+ width: 12%;
+}
+
+.tableHead tr td:last-child{
+ width: 16%;
+}
+
+.tableList{
+ height: 198px;
+ overflow-y:auto;
+ width: 1218px;
+}
+
+.tableList table tr td{
+ width: 12%;
+ text-align: center;
+ padding: 10px 0px;
+}
+
+.tableList table tr td:last-child{
+ width: 16%;
+}
+
+.tableList table tr:nth-child(2n){
+ background-color: #f6f5f5;
+}
+
+.bidding input[type='button']{
+ border: 1px solid #a6a6a6;
+ border-radius: 20px;
+ padding: 4px 10px;
+}
+
+.bidding input[type='button']:hover {
+ color: #FFFFFF !important;
+ border-color: #007b76 !important;
+ background-color: #007b76 !important;
+}
+
+.tabList table{
+ border: 1px solid #e3e3e3;
+ border-top: none;
+}
+
+.tabList table tr td{
+ text-align: center;
+ padding: 10px;
+ border-top: 1px solid #e3e3e3;
+ border-right: 1px solid #e3e3e3;
+}
+
+.tabList table tr td:last-child{
+ border-right: none;
+}
+
+.tabList table tr:first-child td{
+ padding: 12px 10px;
+ border-right: none;
+}
+
+.tabList table tr:first-child{
+ background-color: #f6f5f5;
+}
+
+.tabList p.active{
+ border: 1px solid #e3e3e3;
+ border-bottom: none;
+ background-color: #f6f5f5;
+}
+
+.tabList p{
+ display: inline-table;
+ width: 128px;
+ height: 45px;
+ line-height: 45px;
+ text-align: center;
+}
+
+.interactionTableLeft tr td{
+ border-bottom: 1px dashed #e3e3e3;
+ padding: 10px 0px;
+}
+
+.interactionTableLeft tr td:last-child{
+ text-align: right;
+}
+
+.interactionTableLeft tr:hover{
+ color: #007b76;
+}
diff --git a/static/css/main.css b/static/css/main.css
index 8708f28..0353ab4 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -11,3 +11,574 @@
.nprogress-custom-parent #nprogress .bar { position: absolute; }
@-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
+html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,i,b,s{
+ margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:Helvetica,Arial; word-break: break-all;
+}
+html,body{height: 100%;overflow: hidden;}
+.font-yahei{font-family: "微软雅黑";}
+
+body>.main{overflow-y: auto;height: 100%;}
+
+ul,ol{list-style:none}
+a img{border:none;}
+a,a:link{text-decoration:none;color: #333}
+button{overflow:visible;padding:0;margin:0;border:0 none;background-color:transparent;appearance: none;-webkit-appearance:none;}
+button::-moz-focus-inner{padding:0}
+textarea,input{background:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+input[type=number]{appearance: none;-webkit-appearance: none; border: 0;}
+input[type=search]{appearance: none;-webkit-appearance: none; border: 0;}
+input[type=text]{appearance: none;-webkit-appearance: none; border: 0;}
+input[type=tel]{appearance: none;-webkit-appearance: none; border: 0;}
+input[type=button]{appearance: none;-webkit-appearance: none;}
+input[type=password]{-webkit-text-security:disc;appearance: none;-webkit-appearance: none; border: 0;}
+input[type=submit]{appearance: none;-webkit-appearance: none; border: 0;}
+textarea:focus,input:focus,button:focus{outline:none}
+body{word-wrap:break-word;font-size:14px;color:#000;line-height:1.5;font-family:Helvetica}
+*{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-scrolling: touch;-webkit-overflow-scrolling: touch;backface-visibility: hidden;-webkit-backface-visibility: hidden;box-sizing: border-box;}
+[v-cloak]{opacity: 0!important;}
+
+.w-1200{width: 1200px;margin: 0 auto;}
+.w-1000{width: 1000px;}
+.w-800{width: 800px;}
+.w-372{width: 372px;}
+.inline_div{ display: inline-block;}
+.block{ display: block!important;}
+.txc{text-align: center;}
+.fl{float: left;}
+.fr{float: right;}
+.clear{clear: both;height: 0;!important;}
+
+/*全局CSS*/
+.hide{ display: none;}
+.show{ display: block;}
+.bgimg_mid{background-position: center; background-repeat: no-repeat;}
+.overflow_auto{overflow: auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch; }
+.overflow_hide{overflow: hidden;}
+
+/*IE8伪flex布局*/
+.container {text-align: justify;}
+.container:after {content: '';display: inline-block;width: 100%;}
+.container-item {display: inline-block;}
+
+/*flex布局*/
+.flex_dom{display: flex!important;display: -webkit-box!important;display: -webkit-flex!important;}
+.flex_column{display: flex!important;display: -webkit-box!important;display: -webkit-flex!important;flex-direction: column;-webkit-flex-direction: column;}
+.flex_1{flex: 1;-webkit-flex:1;display: block;min-width: 0;}
+.flex_2{flex: 2;-webkit-flex:2;display: block;min-width: 0;}
+.flex_3{flex: 3;-webkit-flex:3;display: block;min-width: 0;}
+.flex_4{flex: 4;-webkit-flex:4;display: block;min-width: 0;}
+.flex_5{flex: 5;-webkit-flex:5;display: block;min-width: 0;}
+.flex_item_between{justify-content: space-between;-webkit-justify-content: space-between;}
+.flex_item_around{justify-content: space-around;-webkit-justify-content: space-around;}
+.flex_item_end{justify-content: flex-end;-webkit-justify-content: flex-end;}
+.flex_item_mid{align-items:center;-webkit-align-items: center;}
+.flex_item_stretch{align-items: stretch;-webkit-align-items: stretch;}
+.flex_item_center{ justify-content:center;-webkit-justify-content:center;}
+.flex_wrap{flex-wrap: wrap;-webkit-flex-wrap: wrap;}
+
+/*三角*/
+.sanjiao-top{display: inline-block;border-bottom: 8px solid #000;border-bottom-color:initial; border-left: 5px solid transparent;border-right: 5px solid transparent;}
+.sanjiao-bottom{display: inline-block;border-top: 8px solid #000;border-top-color:initial; border-left: 5px solid transparent;border-right: 5px solid transparent;}
+.sanjiao-left{display: inline-block;border-right: 8px solid #000;border-right-color:initial; border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
+.sanjiao-right{display: inline-block;border-left: 8px solid #000;border-left-color:initial; border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
+
+/*字体和背景颜色库*/
+.bg-fff{background-color: #fff;!important}
+.bg-f1{background-color: #f1f1f1;!important}
+.bg-f7{background-color: #F7F7F7;!important}
+.bg-000{background-color: #000000;!important}
+.bg-333{background-color: #333333;!important}
+.bg-ddd{background-color: #DDDDDD;!important}
+.bg-666{background-color: #666666;!important}
+.bg-999{background-color: #999999;!important}
+.bg-eee{background-color: #EEEEEE;!important}
+.bg-f5{background-color: #f5f5f5;}
+
+.bg-red{background-color: #FF0000;!important}
+.bg-orange{background-color: #ffa127;!important}
+.bg-yellow{background-color: #f5bc24;!important}
+.bg-green{background-color: #008000 !important;}
+.bg-lightgreen{background-color: #90EE90 !important;}
+.bg-blue{background-color: #0a669b !important;}
+.bg-purple{background-color: #800080 !important;}
+.bg-mengban{background-color:rgba(68,68,68,0.6);}
+
+/**********阴影色***********/
+.shadow_fff{box-shadow: 0px 2px 3px #fff;}
+.shadow_f1{box-shadow: 0px 2px 3px #f1f1f1;}
+.shadow_f7{box-shadow: 0px 2px 3px #f7f7f7;}
+.shadow_000{box-shadow: 0px 2px 3px #000;}
+.shadow_333{box-shadow: 0px 2px 3px #333;}
+.shadow_ddd{box-shadow: 0px 2px 3px #ddd;}
+.shadow_666{box-shadow: 0px 2px 3px #666;}
+.shadow_999{box-shadow: 0px 2px 3px #999;}
+
+.shadow_red{box-shadow: 0px 2px 3px #FF0000;}
+.shadow_orange{box-shadow: 0px 2px 3px #f8b03f;}
+.shadow_yellow{box-shadow: 0px 2px 3px #f5bc24;}
+.shadow_green{box-shadow: 0px 2px 3px #008000;}
+.shadow_lightgreen{box-shadow: 0px 2px 3px #90EE90;}
+.shadow_purple{box-shadow: 0px 2px 3px #800080;}
+.shadow_orange{box-shadow: 0px 2px 3px #f8b03f;}
+
+/*字体样式库*/
+.fw_600{font-weight: 600;}
+.fw_700{font-weight: 700;}
+.font-w5{ font-weight: 500;}
+.font-w6{ font-weight: bold;}
+.color-ccc{ color:#ccc!important}
+.color-eee{ color:#eee!important}
+.color-fff{color:#fff!important}
+.color-000{color: #000!important}
+.color-333{ color:#333!important}
+.color-555{ color:#555!important}
+.color-666{ color:#666!important}
+.color-999{ color:#999!important}
+.color-parent{color:inherit!important}
+
+
+.color-red{color: #f35e57!important}
+.color-orange{color: #ffa127!important}
+.color-yellow{color: #f5bc24!important;}
+.color-green{color: #32c52a!important;}
+.color-lightgreen{color:#90EE90!important;}
+.color-blue{color: #3569c5!important;}
+.color-gray{color: #999999!important;}
+
+
+.font0{font-size: 0px!important;}
+.font0>*{ font-size: initial;display: inline-block;}
+.font10{font-size: 10px!important;}
+.font12{font-size: 12px!important;}
+.font14{font-size: 14px!important;}
+.font16{font-size: 16px!important;}
+.font18{font-size: 18px!important;}
+.font20{font-size: 20px!important;}
+.font24{font-size: 24px!important;}
+.font26{font-size: 26px!important;}
+.font30{font-size: 30px!important;}
+.font32{font-size: 32px!important;}
+.font34{font-size: 34px!important;}
+.font36{font-size: 36px!important;}
+.font38{font-size: 38px!important;}
+.font40{font-size: 40px!important;}
+.font42{font-size: 42px!important;}
+.font44{font-size: 44px!important;}
+/*rem*/
+.font14r{font-size: .14rem!important;}
+.font15r{font-size: .15rem!important;}
+.font16r{font-size: .16rem!important;}
+.font18r{font-size: .18rem!important;}
+.font20r{font-size: .2rem!important;}
+.font22r{font-size: .22rem!important;}
+.font24r{font-size: .24rem!important;}
+.font25r{font-size: .25rem!important;}
+.font26r{font-size: .26rem!important;}
+.font28r{font-size: .28rem!important;}
+.font30r{font-size: .3rem!important;}
+.font32r{font-size: .32rem!important;}
+.font34r{font-size: .34rem!important;}
+.font36r{font-size: .36rem!important;}
+.font38r{font-size: .38rem!important;}
+.font40r{font-size: .40rem!important;}
+.font42r{font-size: .42rem!important;}
+.font44r{font-size: .44rem!important;}
+
+/*width,height */
+.wid5{width: 5%!important;overflow-x: hidden;}
+.wid10{width: 10%!important;overflow-x: hidden;}
+.wid20{width: 20%!important;overflow-x: hidden;}
+.wid25{width: 25%!important;overflow-x: hidden;}
+.wid30{width: 30%!important;overflow-x: hidden;}
+.wid33{width: 33%!important;overflow-x: hidden;}
+.wid40{width: 40%!important;overflow-x: hidden;}
+.wid45{width: 45%!important;overflow-x: hidden;}
+.wid50{width: 50%!important;overflow-x: hidden;}
+.wid55{width: 55%!important;overflow-x: hidden;}
+.wid60{width: 60%!important;overflow-x: hidden;}
+.wid66{width: 66%!important;overflow-x: hidden;}
+.wid70{width: 70%!important;overflow-x: hidden;}
+.wid75{width: 75%!important;overflow-x: hidden;}
+.wid80{width: 80%!important;overflow-x: hidden;}
+.wid84{width: 84%!important;overflow-x: hidden;}
+.wid86{width: 86%!important;overflow-x: hidden;}
+.wid88{width: 88%!important;overflow-x: hidden;}
+.wid90{width: 90%!important;overflow-x: hidden;}
+.wid92{width: 92%!important;overflow-x: hidden;}
+.wid94{width: 94%!important;overflow-x: hidden;}
+.wid96{width: 96%!important;overflow-x: hidden;}
+.wid98{width: 98%!important;overflow-x: hidden;}
+.wid100{width:100%!important;overflow-x: hidden;}
+
+.wid01rem{width:0.1rem!important}
+.wid02rem{width:0.2rem!important}
+.wid03rem{width:0.3rem!important}
+.wid04rem{width:0.4rem!important}
+.wid05rem{width:0.5rem!important}
+.wid06rem{width:0.6rem!important}
+.wid07rem{width:0.7rem!important}
+.wid08rem{width:0.8rem!important}
+.wid09rem{width:0.9rem!important}
+.wid10rem{width:1rem!important}
+.wid11rem{width:1.1rem!important}
+.wid12rem{width:1.2rem!important}
+.wid13rem{width:1.3rem!important}
+.wid14rem{width:1.4rem!important}
+.wid15rem{width:1.5rem!important}
+.wid16rem{width:1.6rem!important}
+.wid17rem{width:1.7rem!important}
+.wid18rem{width:1.8rem!important}
+.wid19rem{width:1.9rem!important}
+.wid20rem{width:2rem!important}
+.wid21rem{width:2.1rem!important}
+.wid22rem{width:2.2rem!important}
+.wid23rem{width:2.3rem!important}
+.wid24rem{width:2.4rem!important}
+.wid25rem{width:2.5rem!important}
+.wid26rem{width:2.6rem!important}
+.wid27rem{width:2.7rem!important}
+.wid28rem{width:2.8rem!important}
+.wid29rem{width:2.9rem!important}
+.wid30rem{width:3rem!important}
+
+
+.hgt20{ height: 20px!important;overflow-y: hidden;white-space: nowrap;text-overflow: ellipsis;}
+.hgt25{ height: 25px!important;overflow-y: hidden;white-space: nowrap;text-overflow: ellipsis;}
+.hgt30{ height: 30px!important;overflow-y: hidden;white-space: nowrap;text-overflow: ellipsis;}
+.hgt35{ height: 35px!important;overflow-y: hidden;white-space: nowrap;text-overflow: ellipsis;}
+.hgt40{ height: 40px!important;overflow-y: hidden;}
+.hgt45{ height: 45px!important;overflow-y: hidden;}
+.hgt50{ height: 50px!important;overflow-y: hidden;}
+.hgt60{ height: 60px!important;overflow-y: hidden;}
+.hgt70{ height: 70px!important;overflow-y: hidden;}
+.hgt80{ height: 80px!important;overflow-y: hidden;}
+.hgt90{ height: 90px!important;overflow-y: hidden;}
+.hgt100{ height: 100px!important;overflow-y: hidden;}
+.hgt150{ height: 150px!important;overflow-y: hidden;}
+.hgt_25{ height: 25%!important;overflow-y: hidden;}
+.hgt_50{ height: 50%!important;overflow-y: hidden;}
+.hgt_60{ height: 60%!important;overflow-y: hidden;}
+.hgt_70{ height: 70%!important;overflow-y: hidden;}
+.hgt_80{ height: 80%!important;overflow-y: hidden;}
+.hgt_90{ height: 90%!important;overflow-y: hidden;}
+.hgt_full{ height: 100%!important;overflow-y: hidden;}
+
+
+.hgt03rem{ height: 0.3rem!important;overflow-y: hidden;}
+.hgt04rem{ height: 0.4rem!important;overflow-y: hidden;}
+.hgt05rem{ height: 0.5rem!important;overflow-y: hidden;}
+.hgt06rem{ height: 0.6rem!important;overflow-y: hidden;}
+.hgt07rem{ height: 0.7rem!important;overflow-y: hidden;}
+.hgt08rem{ height: 0.8rem!important;overflow-y: hidden;}
+.hgt09rem{ height: 0.9rem!important;overflow-y: hidden;}
+.hgt1rem{ height: 1rem!important;overflow-y: hidden;}
+.hgt11rem{ height: 1.1rem!important;overflow-y: hidden;}
+.hgt12rem{ height: 1.2rem!important;overflow-y: hidden;}
+.hgt13rem{ height: 1.3rem!important;overflow-y: hidden;}
+.hgt14rem{ height: 1.4rem!important;overflow-y: hidden;}
+.hgt15rem{ height: 1.5rem!important;overflow-y: hidden;}
+.hgt16rem{ height: 1.6rem!important;overflow-y: hidden;}
+.hgt17rem{ height: 1.7rem!important;overflow-y: hidden;}
+.hgt18rem{ height: 1.8rem!important;overflow-y: hidden;}
+.hgt19rem{ height: 1.9rem!important;overflow-y: hidden;}
+.hgt20rem{ height: 2rem!important;overflow-y: hidden;}
+.hgt21rem{ height: 2.1rem!important;overflow-y: hidden;}
+.hgt22rem{ height: 2.2rem!important;overflow-y: hidden;}
+.hgt23rem{ height: 2.3rem!important;overflow-y: hidden;}
+.hgt24rem{ height: 2.4rem!important;overflow-y: hidden;}
+.hgt25rem{ height: 2.5rem!important;overflow-y: hidden;}
+.hgt26rem{ height: 2.6rem!important;overflow-y: hidden;}
+.hgt27rem{ height: 2.7rem!important;overflow-y: hidden;}
+.hgt28rem{ height: 2.8rem!important;overflow-y: hidden;}
+.hgt29rem{ height: 2.9rem!important;overflow-y: hidden;}
+.hgt30rem{ height: 3rem!important;overflow-y: hidden;}
+.hgt35rem{ height: 3.5rem!important;overflow-y: hidden;}
+.hgt40rem{ height: 4rem!important;overflow-y: hidden;}
+.hgt45rem{ height: 4.5rem!important;overflow-y: hidden;}
+.hgt50rem{ height: 5rem!important;overflow-y: hidden;}
+.hgt60rem{ height: 6rem!important;overflow-y: hidden;}
+.hgt70rem{ height: 7rem!important;overflow-y: hidden;}
+.hgt80rem{ height: 8rem!important;overflow-y: hidden;}
+.hgt90rem{ height: 9rem!important;overflow-y: hidden;}
+.hgt100rem{ height: 10rem!important;overflow-y: hidden;}
+
+
+.min_hgt20{min-height: 20px;}
+.min_hgt25{min-height: 25px;}
+.min_hgt30{min-height: 30px;}
+.min_hgt35{min-height: 35px;}
+.min_hgt40{min-height: 40px;}
+.min_hgt50{min-height: 50px;}
+.min_hgt100{min-height:100px;}
+
+
+/****行高*****/
+.l-h-02rem{line-height: 0.2rem;}
+.l-h-03rem{line-height: 0.3rem;}
+.l-h-04rem{line-height: 0.4rem;}
+.l-h-05rem{line-height: 0.5rem;}
+.l-h-055rem{line-height: 0.55rem;}
+.l-h-06rem{line-height: 0.6rem;}
+.l-h-065rem{line-height: 0.65rem;}
+.l-h-07rem{line-height: 0.7rem;}
+.l-h-075rem{line-height: 0.75rem;}
+.l-h-08rem{line-height: 0.8rem;}
+.l-h-085rem{line-height: 0.85rem;}
+.l-h-09rem{line-height: 0.9rem;}
+.l-h-095rem{line-height: 0.95rem;}
+.l-h-10rem{line-height: 1rem;}
+.l-h-10rem{line-height: 1rem;}
+.l-h-11rem{line-height: 1.1rem;}
+.l-h-12rem{line-height: 1.2rem;}
+.l-h-13rem{line-height: 1.3rem;}
+.l-h-14rem{line-height: 1.4rem;}
+.l-h-15rem{line-height: 1.5rem;}
+.l-h-16rem{line-height: 1.6rem;}
+.l-h-17rem{line-height: 1.7rem;}
+.l-h-18rem{line-height: 1.8rem;}
+.l-h-19rem{line-height: 1.9rem;}
+.l-h-20rem{line-height: 2rem;}
+.l-h-21rem{line-height: 2.1rem;}
+.l-h-22rem{line-height: 2.2rem;}
+.l-h-23rem{line-height: 2.3rem;}
+.l-h-24rem{line-height: 2.4rem;}
+.l-h-25rem{line-height: 2.5rem;}
+.l-h-26rem{line-height: 2.6rem;}
+.l-h-27rem{line-height: 2.6rem;}
+.l-h-28rem{line-height: 2.6rem;}
+.l-h-29rem{line-height: 2.6rem;}
+.l-h-30rem{line-height: 2.6rem;}
+/*margin,padding 相关*/
+.m-b-no{ margin-bottom: 0!important;}
+.m-t-no{ margin-top: 0!important;}
+.m-l-no{ margin-left:0!important ;}
+.m-r-no{ margin-right: 0!important;}
+
+.marg0{ margin: 0!important;}
+.marg5{ margin: 5px!important;}
+.marg10{ margin: 10px!important;}
+.marg15{ margin: 15px!important;}
+.marg20{ margin: 20px!important;}
+.marg25{ margin: 25px!important;}
+.marg30{ margin: 30px!important;}
+
+.m-l-5{margin-left: 5px!important;}
+.m-l-10{margin-left: 10px!important;}
+.m-l-15{margin-left: 15px!important;}
+.m-l-20{margin-left: 20px!important;}
+.m-l-25{margin-left: 25px!important;}
+.m-l-30{margin-left: 30px!important;}
+.m-r-5{margin-right: 5px!important;}
+.m-r-10{margin-right: 10px!important;}
+.m-r-15{margin-right: 15px!important;}
+.m-r-20{margin-right: 20px!important;}
+.m-r-25{margin-right: 25px!important;}
+.m-r-30{margin-right: 30px!important;}
+.m-t-5{margin-top: 5px!important;}
+.m-t-10{margin-top: 10px!important;}
+.m-t-15{margin-top: 15px!important;}
+.m-t-20{margin-top: 20px!important;}
+.m-t-25{margin-top: 25px!important;}
+.m-t-30{margin-top: 30px!important;}
+.m-t-35{margin-top: 35px!important;}
+.m-t-40{margin-top: 40px!important;}
+.m-t-45{margin-top: 45px!important;}
+.m-t-50{margin-top: 50px!important;}
+.m-b-5{margin-bottom: 5px!important;}
+.m-b-10{margin-bottom: 10px!important;}
+.m-b-15{margin-bottom: 15px!important;}
+.m-b-20{margin-bottom: 20px!important;}
+.m-b-25{margin-bottom: 25px!important;}
+.m-b-30{margin-bottom: 30px!important;}
+
+.m-v-5{margin-top: 5px!important;margin-bottom: 5px!important;}
+.m-v-10{margin-top: 10px!important;margin-bottom: 10px!important;}
+.m-v-15{margin-top: 15px!important;margin-bottom: 15px!important;}
+.m-v-20{margin-top: 20px!important;margin-bottom: 20px!important;}
+.m-v-25{margin-top: 25px!important;margin-bottom: 25px!important;}
+.m-v-30{margin-top: 30px!important;margin-bottom: 30px!important;}
+
+.m_both5{margin-left: 5px!important;margin-right: 5px!important;}
+.m_both10{margin-left: 10px!important;margin-right: 10px!important;}
+.m_both15{margin-left: 15px!important;margin-right: 15px!important;}
+.m_both20{margin-left: 20px!important;margin-right: 20px!important;}
+.m_both25{margin-left: 25px!important;margin-right: 25px!important;}
+.m_both30{margin-left: 30px!important;margin-right: 30px!important;}
+
+.m-l-5r{margin-left: 0.05rem!important;}
+.m-l-10r{margin-left: .1rem!important;}
+.m-l-15r{margin-left: .15rem!important;}
+.m-l-20r{margin-left: .20rem!important;}
+.m-l-25r{margin-left: .25rem!important;}
+.m-l-30r{margin-left: .30rem!important;}
+.m-r-5r{margin-right: .05rem!important;}
+.m-r-10r{margin-right: .10rem!important;}
+.m-r-15r{margin-right: .15rem!important;}
+.m-r-20r{margin-right: .20rem!important;}
+.m-r-25r{margin-right: .25rem!important;}
+.m-r-30r{margin-right: .30rem!important;}
+.m-t-5r{margin-top: .05rem!important;}
+.m-t-10r{margin-top: .10rem!important;}
+.m-t-15r{margin-top: .15rem!important;}
+.m-t-20r{margin-top: .20rem!important;}
+.m-t-25r{margin-top: .25rem!important;}
+.m-t-30r{margin-top: .30rem!important;}
+.m-t-35r{margin-top: .35rem!important;}
+.m-t-40r{margin-top: .40rem!important;}
+.m-t-45r{margin-top: .45rem!important;}
+.m-t-50r{margin-top: .50rem!important;}
+.m-t-60r{margin-top: .60rem!important;}
+.m-t-70r{margin-top: .70rem!important;}
+.m-t-80r{margin-top: .80rem!important;}
+.m-t-90r{margin-top: .90rem!important;}
+.m-b-5r{margin-bottom: .05rem!important;}
+.m-b-10r{margin-bottom: .10rem!important;}
+.m-b-15r{margin-bottom: .15rem!important;}
+.m-b-20r{margin-bottom: .20rem!important;}
+.m-b-25r{margin-bottom: .25rem!important;}
+.m-b-30r{margin-bottom: .30rem!important;}
+.m-b-35r{margin-bottom: .35rem!important;}
+.m-b-40r{margin-bottom: .40rem!important;}
+.m-b-45r{margin-bottom: .45rem!important;}
+
+.m-v-5r{margin-top: .05rem!important;margin-bottom: .05rem!important;}
+.m-v-10r{margin-top: .10rem!important;margin-bottom: .10rem!important;}
+.m-v-15r{margin-top: .15rem!important;margin-bottom: .15rem!important;}
+.m-v-20r{margin-top: .20rem!important;margin-bottom: .20rem!important;}
+.m-v-25r{margin-top: .25rem!important;margin-bottom: .25rem!important;}
+.m-v-30r{margin-top: .30rem!important;margin-bottom: .30rem!important;}
+
+.m_both02r{margin-left: .2rem!important;margin-right: .2rem!important;}
+.m_both5r{margin-left: .05rem!important;margin-right: .05rem!important;}
+.m_both10r{margin-left: .10rem!important;margin-right: .10rem!important;}
+.m_both15r{margin-left: .15rem!important;margin-right: .15rem!important;}
+.m_both20r{margin-left: .20rem!important;margin-right: .20rem!important;}
+.m_both25r{margin-left: .25rem!important;margin-right: .25rem!important;}
+.m_both30r{margin-left: .30rem!important;margin-right: .30rem!important;}
+
+/*rem margin*/
+.mb01{margin-bottom: .1rem;}
+.mb015{margin-bottom: .15rem;}
+.mb02{margin-bottom: .2rem;}
+.mb03{margin-bottom: .3rem;}
+.mb04{margin-bottom: .4rem;}
+.mb05{margin-bottom: .5rem;}
+.ml01{margin-left: .1rem;}
+.ml02{margin-left: .2rem;}
+.ml03{margin-left: .3rem;}
+.mr01{margin-right: .1rem;}
+.mr02{margin-right: .2rem;}
+.mr03{margin-right: .3rem;}
+.mt01{margin-top: .1rem;}
+.mt02{margin-top: .2rem;}
+.mt03{margin-top: .3rem;}
+.mt04{margin-top: .4rem;}
+
+.p-l-no{ padding-left: 0!important;}
+.p-r-no{ padding-right: 0!important;}
+.p-t-no{ padding-top: 0!important;}
+.p-b-no{ padding-bottom: 0!important;}
+
+/*rem padding*/
+.pv01{padding-top: .1rem;padding-bottom: .1rem;}
+.pv02{padding-top: .2rem;padding-bottom: .2rem;}
+.pv03{padding-top: .3rem;padding-bottom: .3rem;}
+.ph01{padding-left: .1rem;padding-right: .1rem;}
+.ph02{padding-left: .2rem;padding-right: .2rem;}
+.ph03{padding-left: .3rem;padding-right: .3rem;}
+.pa01{padding: .1rem;}
+.pa02{padding: .2rem;}
+.pa03{padding: .3rem;}
+.p0102{padding: .1rem .2rem;}
+.p0203{padding: .2rem .3rem;}
+
+.p-l-5{ padding-left:5px!important;}
+.p-l-10{ padding-left:10px!important;}
+.p-l-15{ padding-left:15px!important;}
+.p-l-20{ padding-left:20px!important;}
+.p-l-25{ padding-left:25px!important;}
+.p-l-30{ padding-left:30px!important;}
+.p-l-35{ padding-left:35px!important;}
+.p-l-40{ padding-left:40px!important;}
+.p-l-45{ padding-left:45px!important;}
+.p-l-50{ padding-left:50px!important;}
+
+.p-r-5{ padding-right:5px!important;}
+.p-r-10{ padding-right:10px!important;}
+.p-r-15{ padding-right:15px!important;}
+.p-r-20{ padding-right:20px!important;}
+.p-r-25{ padding-right:25px!important;}
+.p-r-30{ padding-right:30px!important;}
+.p-r-35{ padding-right:35px!important;}
+.p-r-40{ padding-right:40px!important;}
+.p-r-45{ padding-right:45px!important;}
+.p-r-50{ padding-right:50px!important;}
+
+.p-t-5{ padding-top:5px!important;}
+.p-t-10{ padding-top:10px!important;}
+.p-t-15{ padding-top:15px!important;}
+.p-t-20{ padding-top:20px!important;}
+.p-t-25{ padding-top:25px!important;}
+.p-t-30{ padding-top:30px!important;}
+.p-t-35{ padding-top:35px!important;}
+.p-t-40{ padding-top:40px!important;}
+.p-t-45{ padding-top:45px!important;}
+.p-t-50{ padding-top:50px!important;}
+.p-t-full{padding-top: 100%!important;}
+
+.p-b-5{ padding-bottom:5px!important;}
+.p-b-10{ padding-bottom:10px!important;}
+.p-b-15{ padding-bottom:15px!important;}
+.p-b-20{ padding-bottom:20px!important;}
+.p-b-25{ padding-bottom:25px!important;}
+.p-b-30{ padding-bottom:30px!important;}
+.p-b-35{ padding-bottom:35px!important;}
+.p-b-40{ padding-bottom:40px!important;}
+.p-b-45{ padding-bottom:45px!important;}
+.p-b-50{ padding-bottom:50px!important;}
+
+.min_hgt02r{min-height: 0.2rem;}
+.min_hgt03r{min-height: 0.3rem;}
+.min_hgt04r{min-height: 0.4rem;}
+.min_hgt05r{min-height: 0.5rem;}
+.min_hgt06r{min-height: 0.6rem;}
+.min_hgt07r{min-height: 0.7rem;}
+.min_hgt08r{min-height: 0.8rem;}
+.min_hgt09r{min-height: 0.9rem;}
+.min_hgt10r{min-height:1rem;}
+.min_hgt20r{min-height:2rem;}
+.min_hgt30r{min-height:3rem;}
+.min_hgt40r{min-height:4rem;}
+.min_hgt50r{min-height:5rem;}
+.min_hgt60r{min-height:6rem;}
+.min_hgt70r{min-height:7rem;}
+.min_hgt80r{min-height:8rem;}
+.min_hgt90r{min-height:9rem;}
+.min_hgt100r{min-height:10rem;}
+
+.max_hgt20{max-height: 20px;}
+.max_hgt25{max-height: 25px;}
+.max_hgt30{max-height: 30px;}
+.max_hgt35{max-height: 35px;}
+.max_hgt40{max-height: 40px;}
+.max_hgt50{max-height: 50px;}
+.max_hgt100{max-height:100px;}
+
+.max_hgt02r{max-height: 0.2rem;}
+.max_hgt03r{max-height: 0.3rem;}
+.max_hgt04r{max-height: 0.4rem;}
+.max_hgt05r{max-height: 0.5rem;}
+.max_hgt06r{max-height: 0.6rem;}
+.max_hgt07r{max-height: 0.7rem;}
+.max_hgt08r{max-height: 0.8rem;}
+.max_hgt09r{max-height: 0.9rem;}
+.max_hgt10r{max-height:1rem;}
+.max_hgt20r{max-height:2rem;}
+.max_hgt30r{max-height:3rem;}
+.max_hgt40r{max-height:4rem;}
+.max_hgt50r{max-height:5rem;}
+.max_hgt60r{max-height:6rem;}
+.max_hgt70r{max-height:7rem;}
+.max_hgt80r{max-height:8rem;}
+.max_hgt90r{max-height:9rem;}
+.max_hgt100r{max-height:10rem;}
diff --git a/static/images/banner.jpg b/static/images/banner.jpg
new file mode 100644
index 0000000..9ecfc18
Binary files /dev/null and b/static/images/banner.jpg differ
diff --git a/static/images/banner2.jpg b/static/images/banner2.jpg
new file mode 100644
index 0000000..88af90c
Binary files /dev/null and b/static/images/banner2.jpg differ
diff --git a/static/images/bannerBottom.jpg b/static/images/bannerBottom.jpg
new file mode 100644
index 0000000..67e5580
Binary files /dev/null and b/static/images/bannerBottom.jpg differ
diff --git a/static/images/centerBanner.jpg b/static/images/centerBanner.jpg
new file mode 100644
index 0000000..44a3ca8
Binary files /dev/null and b/static/images/centerBanner.jpg differ
diff --git a/static/images/check.png b/static/images/check.png
new file mode 100644
index 0000000..ac74c7d
Binary files /dev/null and b/static/images/check.png differ
diff --git a/static/images/ewm.jpg b/static/images/ewm.jpg
new file mode 100644
index 0000000..2de4f74
Binary files /dev/null and b/static/images/ewm.jpg differ
diff --git a/static/images/icon1.png b/static/images/icon1.png
new file mode 100644
index 0000000..818ccee
Binary files /dev/null and b/static/images/icon1.png differ
diff --git a/static/images/icon2.png b/static/images/icon2.png
new file mode 100644
index 0000000..ad9d43a
Binary files /dev/null and b/static/images/icon2.png differ
diff --git a/static/images/icon3.png b/static/images/icon3.png
new file mode 100644
index 0000000..881c300
Binary files /dev/null and b/static/images/icon3.png differ
diff --git a/static/images/icon4.png b/static/images/icon4.png
new file mode 100644
index 0000000..e26cc70
Binary files /dev/null and b/static/images/icon4.png differ
diff --git a/static/images/logo.png b/static/images/logo.png
new file mode 100644
index 0000000..c2af46d
Binary files /dev/null and b/static/images/logo.png differ
diff --git a/static/images/material1.jpg b/static/images/material1.jpg
new file mode 100644
index 0000000..628629a
Binary files /dev/null and b/static/images/material1.jpg differ
diff --git a/static/images/material2.jpg b/static/images/material2.jpg
new file mode 100644
index 0000000..2705b29
Binary files /dev/null and b/static/images/material2.jpg differ
diff --git a/static/images/web(1)_31.jpg b/static/images/web(1)_31.jpg
new file mode 100644
index 0000000..4a489c9
Binary files /dev/null and b/static/images/web(1)_31.jpg differ