html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}

body { margin: 0 auto; background-color: #f2f5f4;}

header {box-shadow: 0 15px 20px -18px rgba(0, 0, 0, .1);vertical-align: top; background-color: #fff; }
header .top { background: #f2f2f2; word-spacing: -5px; color: #767676;}
header .top .nav_top { width: 1200px; margin: 0 auto;}
header .top .nav_top .location { display: inline-block; width: 50%; }
header .top .nav_top .location li { line-height: 3rem; color: #767676; word-spacing: 0;}

header .top .nav_top .user { display: inline-block; width: 50%; text-align: right; cursor: pointer;}
header .top .nav_top .user li { display: inline-block; line-height: 3rem; color: #767676; padding: 0 0.5rem 0 0.5rem; word-spacing: 0}

header .menu { width: 1200px; margin: 0 auto; word-spacing: -5px; line-height: 5rem;}
header .menu .logo { width: 20%; display: inline-block; vertical-align: top; padding-top: 1rem;}

header .menu ul.nav_menu { display: inline-block; cursor: pointer;}
header .menu ul.nav_menu li { display: inline-block; margin-left: 1rem; text-align: center; border-bottom: none; padding: 0 1rem 0 1rem; }
header .menu ul.nav_menu li p { font-size: 1.5rem; font-weight: bold; line-height: 5rem; color: #767676;}

header .menu ul.nav_menu li:hover { border-bottom: solid 2px #84E567; }
header .menu ul.nav_menu li:hover p { color: #84E567;}

.userLogout, .signUp { color: green; font-weight: bold;}

.page { width: 1200px; margin: 1.5rem auto; position: relative;}

.page .space { display: block; height: 18em;}

.page .map { height: 500px; background-color: #c4c4c4;}
.page .section {margin-top: 1rem;}
.page .section:first-child { margin-top: 0;}

.page .section .title { position: relative; line-height: 3rem;}

.page .section .title h1 { text-indent: 1.5ch;}
.page .section .title h1 a { float: right; font-size: 1rem; line-height: 3rem; color: #c4c4c4; font-weight: normal; }
.page .section .title span { display: block; width: 5px; height: 25px; position: absolute; background: #6AD14C; left: 0; top: 50%; transform: translate(0, -50%)}

/*
.page .section h1 { font-size: 1rem; line-height: 3rem; text-indent: 2ch;  }
.page .section h1 a { float: right; font-size: 1rem; line-height: 3rem; color: #c4c4c4; font-weight: normal;}
*/

.page .section ul.list { display: block; word-spacing: -5px; }
.page .section ul.list > li { width: 21.5%; word-spacing: 0; display: inline-block; margin-top: 1rem; margin-left: 2%; background: #fff; border-radius: 10px; overflow: hidden; cursor: pointer; }

/*.page .section ul.list > li:first-child { margin-left: 0;}
.page .section ul.list > li.left { margin-left: 0}*/
.page .section ul.list > li:hover { box-shadow: 0 15px 20px -18px rgba(0, 0, 0, .1); }

.page .section ul.list > li .photo { display: block; width: 100%; overflow: hidden;}
.page .section ul.list > li .photo img { width: 100%; height: 12rem; transition: transform 0.3s ease}
.page .section ul.list > li:hover .photo img { transform: scale(1.1)}

.page .section ul.list > li .text { display: inline-block; width: 80%; word-spacing: 0;}
.page .section ul.list > li .text p { padding: 0 0.75rem 0 0.75rem; line-height: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.page .section ul.list > li .text p i { color: #6AD14C}

.page .section ul.list > li .flag { display: inline-block; width: 18%; background: #6AD14C; color: #fff; vertical-align: top; text-align: center; line-height: 3rem; margin-top: 0.5rem; border-radius: 10px; font-size: 0.9rem}
.page .section ul.list > li .flag.end { background: #c4c4c4; color: #fff; }

.page .section ul.list > li > p { vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page .section ul.list > li > p > img { width: 100%; height: 12rem;}
.page .section ul.list > li > p.text {font-size: 1.2rem; line-height: 2rem; }
.page .section ul.list > li > p.text i { color: #6AD14C }

/* 商户详情 */
.page .company { width: 70%; display: block; word-spacing: -5px; background: #fff; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);border-radius: 5px;}

.page .company .info { display: inline-block; width: 50%; vertical-align: top; padding: 1rem;}
.page .company .info h1 { line-height: 3rem; font-size: 1.5rem; font-weight: bold;}
.page .company .info p { line-height: 2rem; word-spacing: 0; }
.page .company .info p i { font-size: 0.8rem;}

.page .company .photo { display: inline-block;width: 45%; vertical-align: top;}
.page .company .photo img { width: 90%; height: 15rem; margin: 5%;}

.page .description { width: 70%; margin-top: 2rem; }
.page .description .title { border-bottom: solid 2px #6AD14C}
.page .description .title h1 { display: inline-block; width: 10rem; height: 3rem; background: #6AD14C; text-align: center; line-height: 3rem; color: #fff; font-size: 1.2rem; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.page .description .content { background: #fff; padding: 1rem;}
.page .description .content p { line-height: 180%; text-align: justify;}

.page .description .content img { width: 90%; margin: 0 5% 0 5%; border-radius: 5px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)}

.page .description .item { background: #fff; }
.page .description .item li {}
.page .description .item li p.login { line-height: 3rem; text-align: center;}

.page .slide { width: 28%; background: #fff; position: absolute;right: 0; top: 0; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); border-radius: 5px; }

ul.item_list { width: 100%; background: #fff; display: block; }
ul.item_list li {display: block; word-spacing: -5px;}
ul.item_list li .photo { width: 40%; display: inline-block; }
ul.item_list li .photo img { width: 90%; margin: 5%; border-radius: 10px;}
ul.item_list li .info { width: 60%; display: inline-block; vertical-align: top;}
ul.item_list li .info p { font-size: 1.2rem; line-height: 2.5rem; padding: 0.5rem;}
ul.item_list li .info p.name { font-size: 1.5rem; font-weight: bold; }
ul.item_list li .info p.order { text-align: right; }
ul.item_list li .info p.price { text-align: right; color: #ff5722; }


ul.hot_list { width: 100%;}
ul.hot_list li {display: block; word-spacing: -5px; width: 100%; margin-top: 1rem; border-bottom: dotted 1px #ccc; cursor: pointer; }
ul.hot_list li:last-child { border-bottom: none;}
ul.hot_list li .photo { width: 30%; display: inline-block; overflow: hidden; }
ul.hot_list li .photo img { width: 90%; height: 5rem; margin: 5%; border-radius: 10px; transition: transform 0.3s ease}
ul.hot_list li:hover .photo img { transform: scale(1.1)}

ul.hot_list li .info { width: 70%; display: inline-block; vertical-align: top; word-spacing: 0;}
ul.hot_list li .info p { line-height: 1.5rem; padding: 0 0.5rem 0 0.5rem;}
ul.hot_list li .info p i {font-size: 0.8rem; color: #6AD14C;}
ul.hot_list li .info p.name { font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 底部菜单 */

footer { width: 100%; background: #fff; box-shadow: 0 -15px 20px -18px rgba(0, 0, 0, .10196078431372549);position: fixed; bottom: 0;}

footer p { line-height: 3rem; font-size: 0.8rem; color: #767676; text-align: center; word-spacing: 0;}

footer .copyright { width: 1200px; margin: 0 auto; word-spacing: -5px; }

footer .copyright .company { width: 40%; display: inline-block;vertical-align: top;margin-top: 1.5%;}
footer .copyright .company h1 { line-height: 3rem;}
footer .copyright .company p { text-align: left; line-height: 250%; text-indent: 4ch;}

footer .copyright .contact { width: 25%; display: inline-block; vertical-align: top; margin-left: 5%; margin-top: 1.5%;}
footer .copyright .contact h1 { line-height: 3rem;}
footer .copyright .contact p { text-align: left; line-height: 2rem;}

footer .copyright .qrcode { width: 25%; display: inline-block; margin-left: 5%; margin-top: 1.5%; }
footer .copyright .qrcode ul.qrcode_list { display: block; word-spacing: -5px; }
footer .copyright .qrcode ul.qrcode_list li { display: inline-block; width: 50%; }
footer .copyright .qrcode ul.qrcode_list li p { text-align: center; line-height: 1.5rem; color: #767676; font-size: 0.8rem;}
footer .copyright .qrcode ul.qrcode_list li p img { width: 80%; margin: 5% 10% 5% 10%}

/* layui */
.layui-input[readonly], .layui-textarea[readonly] {background: #f2f2f2; color: #666;}
.layui-form-pane .layui-word-aux { text-indent: 0.5em; line-height: 180%; text-align: justify; }