html { font-size: 16px; }

body { overflow-x: hidden; }

.layui-fluid { width: 100%; padding: 0 !important; margin: 0 !important; }

.itemHead { background: #fff; }

.itemHead .headTop { width: 100%; height: 5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemHead .headTop .headLogo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemHead .headTop .headLogo img { margin-left: 3rem; margin-right: 1rem; }

.itemHead .headTop .headLogo h2 { font-size: 1.4rem; }

.itemHead .headTop .headBtn { margin-right: 3rem; height: 5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemHead .headTop .headBtn .language span { font-size: 0.85rem; color: #333; cursor: pointer; margin: 0rem 0.3rem; }

.itemHead .headTop .headBtn .userbtnCon { display: block; }

.itemHead .headTop .headBtn .userbtnCon button { width: 5rem; height: 1.9rem; margin: 0rem 0.2rem; font-size: 0.8rem; color: #fff; border: 0; border-radius: 1rem; }

.itemHead .headTop .headBtn .userbtnCon .headLogin { background: #00d300; }

.itemHead .headTop .headBtn .userbtnCon .headRegister { background: #ff5e00; }

.itemHead .headTop .headBtn .userItem { display: none; }

.itemHead .headTop .headBtn .userItem .userContainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

.itemHead .headTop .headBtn .userItem .userContainer .userTitle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemHead .headTop .headBtn .userItem .userContainer .userTitle .userName { font-size: 1rem; color: #333; }

.itemHead .headTop .headBtn .userItem .userContainer .userTitle .userImg { width: 2.5rem; height: 2.5rem; border-radius: 50%; margin-left: 0.3rem; }

.itemHead .headTop .headBtn .userItem .userContainer .userNav { display: none; overflow: hidden; position: absolute; top: 2.5rem; z-index: 100; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 0.5rem; }

.itemHead .headTop .headBtn .userItem .userContainer .userNav li a { width: 7rem; height: 2.5rem; background: #787fff; font-size: 0.9rem; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.8); }

.itemHead .headBottom { width: 100%; height: 2.8rem; }

.itemHead .headBottom ul { width: 100%; background: #787fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.itemHead .headBottom ul li { width: 11rem; position: relative; }

.itemHead .headBottom ul li a { width: 11rem; height: 2.7rem; background: #787fff; font-size: 1rem; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0); }

.itemHead .headBottom ul li dl { display: none; width: 11.5rem; position: absolute; top: 2.8rem; left: 0; z-index: 100; }

.itemHead .headBottom ul li dl a { border-top: 0; }

.itemFooter { width: 100%; height: 9rem; background: #eee; /* position: fixed; */ bottom: 0; z-index: 100; }

.itemFooter .footer { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemFooter .footer .footerContent { width: 100%; }

.itemFooter .footer .footerContent .footerNav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.itemFooter .footer .footerContent .footerNav a { font-size: 0.8rem; color: blue; cursor: pointer; margin: 0rem 2rem; }

.itemFooter .footer .footerContent .footerContract { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemFooter .footer .footerContent .footerContract .contractBar { padding: 0.1rem 0rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemFooter .footer .footerContent .footerContract .contractBar i { font-size: 1.5rem; color: #3ed1c1; }

.itemFooter .footer .footerContent .footerContract .contractBar p { font-size: 0.8rem; color: #333; padding-left: 0.3rem; }

.itemFooter .footer .footerTop { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.itemFooter .footer .footerTop a { font-size: 0.8rem; color: #333; cursor: pointer; margin: 0rem 1rem; }

.itemFooter .footer .footerBottom { margin-top: 0.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.itemFooter .footer .footerBottom p { font-size: 0.8rem; color: #333; }

/*# sourceMappingURL=index.css.map */