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 @@ - - + + + + + -
- 登录 - -
-
- -
+
+
+ + + + + + \ 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