#wrap {clear:both;overflow:hidden;background:#444444; position: relative;}

#header {clear:both;overflow:hidden;width:calc(100% - 32px) !important;padding:13px 16px;z-index:99999; display: flex; justify-content: space-between;}

#header >  div > a {float:left;display:inline-block;font-size:0;width:120px;height:24px;background:url(/image/landing/m_logo.png) no-repeat; background-size: contain;}
#header >  ul {display: flex;}
#header >  ul > li:first-child {margin-right: 10px;}
#header >  ul > li {float:left;}
#header >  ul > li > a {display:inline-block;font-size:14px;font-weight:600;line-height:1;letter-spacing:-0.56px;color:#FFF;border:1px solid #fff;border-radius:4px;padding:8px 15px;}
#header > span {width: 24px; height: 24px; background: url(/image/button/menu_hamburger.png?ver=1) center; background-size: contain;}

#body {clear:both;overflow:hidden;display: flex; justify-content: space-between; min-height: calc(100vh - 121px); }
#body-left {clear:both;overflow:hidden;width:360px;height:100%;transition: 0.6s; position: absolute; top: 0; background: #444444; transform: translateX(-360px); z-index: 999;}
#body-left > div:nth-child(1) {margin: 13px 16px; display: flex; justify-content: space-between; width: calc(100% - 32px);}
#body-left > div:nth-child(1) > a {font-size:0;width:120px;height:24px;background:url(/image/landing/m_logo.png) no-repeat; background-size: contain;}
#body-left > div:nth-child(1) > span {width: 24px; height: 24px; background: url(/image/button/close_btn.png) center; background-size: contain;}
#body-left > ul {display: flex; box-shadow: 2px 6px 6px #00000033; }
#body-left > ul li {height: 60px; text-align: center; width: 50%; line-height: 60px; position: relative;}
#body-left > ul li:nth-child(1)::after {content: ''; width: 1px; height: 12px; background:#FFFFFF; position: absolute; top: 24px; right: 0;}

#body-left > div {clear:both;overflow:hidden;width:100%;text-align:center;}
#body-left > div > h1 {display:none;}
#body-left > div > div {clear:both;overflow:hidden;width:136px;text-align:center; margin: 0 auto;}
#body-left > div > div > a {display:inline-block;width:100%;font-size:16px;line-height:18px;color:#ffffff;font-weight:normal;padding:8px 0;margin:14px 0;}
#body-left > div > div:first-child > a {margin:0 0 14px 0;}
#body-left > div > div > div {display:none;}
#body-left > div > div > div > a {display:inline-block;width:100%;font-size:16px;line-height:18px;color:#999; padding: 10px 0;}

#body-left > div > div.over > a {background:#6CCFBE;color:#FFF;border-radius:21px;}
#body-left > div > div.over > div {display:block;}
#body-left > div > div.over > div.over > a {font-weight:bold;color:#333;}

#body-left > div.over > div {display:block;}
#body-content {clear:both;overflow-y:auto;width:100%;height:auto;margin:0 auto;padding:0;}
#body-content > div {clear:both;overflow-y:auto;}
#body-content .head {clear:both;overflow:hidden;text-align:right;}
#body-content .head h1 {float:left;font-size:20px;color:#6CCFBE;}
#body-content .head h2 {float:left;font-size:18px;}
#body-content .head h3 {float:left;font-size:15px;}
#body-content .head h4 {float:left;font-size:14px;}
#body-content .body {clear:both;overflow:hidden;}
#body-content .foot {clear:both;overflow:hidden;text-align:center;padding:25px 0;}

/* footer */
#footer {clear:both;overflow:hidden; box-sizing: border-box; background: #444444;padding:16px; display: flex; flex-direction: column;border-top:1px solid #ffffff;}
#footer > div:nth-child(1) {float:left; margin-bottom: 6px;}
#footer > div:nth-child(1) > a {float:left;display:inline-block;font-size:0;width:118px;height:24px;background:url(/image/landing/f_logo.png) no-repeat;}
#footer > div:nth-child(2) {float:left;font-size: 11px; line-height:16px;color: #fff;}
#footer > div:nth-child(2) div span {margin-right: 16px;}

#loading {display:none;}

#url {display: flex;  width: 312px; position: fixed; bottom: 100px; transition: 0.6s; transform: translateX(-280px);}
#url ul {display: flex; padding: 14px 21px; background: #fff; width: 238px; justify-content: space-between;}
#url > ul > li {display: flex; flex-direction: column; justify-content: center;}
#url > ul > li > a {font-size: 0;}
#url > ul > li > a img {width: 32px;}
#url span {width: 32px; background: #6CCFBE; border-top-right-radius: 30px; border-bottom-right-radius: 30px; display: flex; align-items: center;}
#url span img {width: 100%;}
.urlslide {transform: translateX(0) !important;}

#floatingBanner {position:absolute;top:120px;right:60px;}

