@charset "UTF-8";
/*颜色变量*/
.input-group .input-group-text > input[type='text'], .input-group .input-group-btn > button, .input-group .input-group-btn > input[type='submit'], .input-group .input-group-btn > input[type='button'], .table, .pages li.pageNum input[type="number"], .head-nav .home-nav ul li, .storey-title, .storey-list, .storey-list .storey-list-classify .storey-list-classify-left, .storey-list .storey-list-classify .storey-list-classify-right { box-sizing: border-box; }

/*字体*/
/*常用外包围盒子padding*/
/*设置全部border*/
/*设置阴影*/
/*设置块级*/
/*省略字体*/
.left { float: left; }

.right { float: right; }

.warp-box { padding: 10px; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-default { color: #000; }

.text-primary { color: #42bcd2; }

.text-success { color: #45ad01; }

.text-info { color: #6ee8fe; }

.text-warning { color: #edcf51; }

.text-danger { color: #f16f6f; }

.box-shadow-default { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }

.block { display: block; }

.inline-block { display: inline-block; }

.hide { display: none; }

.text-overflow { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.btn { color: #000; border: 1px #e5e5e5 solid; border-radius: 5px; display: inline-block; padding: 6px 12px; background-color: #fff; outline: none; }

.btn.btn-default { bgColor: #fff; color: #000; }

.btn.btn-default:hover { background-color: #fafafa; }

.btn.btn-default:active { background-color: #e9e9e9; }

.btn.btn-primary { background-color: #42bcd2; color: #fff; }

.btn.btn-primary:hover { background-color: #3db7cd; }

.btn.btn-primary:active { background-color: #2ca6bc; }

.btn.btn-success { background-color: #45ad01; color: #fff; }

.btn.btn-success:hover { background-color: #40a800; }

.btn.btn-success:active { background-color: #2f9700; }

.btn.btn-info { background-color: #6ee8fe; color: #fff; }

.btn.btn-info:hover { background-color: #69e3f9; }

.btn.btn-info:active { background-color: #58d2e8; }

.btn.btn-warning { background-color: #edcf51; color: #fff; }

.btn.btn-warning:hover { background-color: #e8ca4c; }

.btn.btn-warning:active { background-color: #d7b93b; }

.btn.btn-danger { background-color: #db5959; color: #fff; }

.btn.btn-danger:hover { background-color: #ec6a6a; }

.btn.btn-danger:active { background-color: #db5959; }

/* <div class="input-group"> <div class="input-group-text"> <input type="text" name="" id="" value="" /> </div> <div class="input-group-btn"> <button class="btn btn-primary">搜索</button> </div> </div> */
.input-group { display: inline-block; }

.input-group:after, .input-group:before { display: block; content: ''; clear: both; }

.input-group .input-group-text, .input-group .input-group-btn { display: inline-block; float: left; }

.input-group .input-group-text:after, .input-group .input-group-text:before { display: block; content: ''; clear: both; }

.input-group .input-group-text > input[type='text'] { padding: 6px 12px; border-left: 1px solid #e5e5e5; border-right: 0 solid #e5e5e5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-radius: 0; border: 1px solid #ccc; border-top-left-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 5px; }

.input-group .input-group-btn:after, .input-group .input-group-btn:before { display: block; content: ''; clear: both; }

.input-group .input-group-btn > button, .input-group .input-group-btn > input[type='submit'], .input-group .input-group-btn > input[type='button'] { border: 1px solid #ccc; border-top-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0; }

/*面包导航 <ul class="location-nav"> <li><a href="">首页</a><small>》</small></li> <li><a href="">第一</a><small>》</small></li> <li><a href="">第二</a><small>》</small></li> <li><a href="">第三</a></li> </ul> */
.location-nav { list-style-type: none; padding: 0; }

.location-nav a { text-decoration: none; color: #000; background-color: #fff; display: inline-block; }

.location-nav li { display: inline-block; }

.table { table-layout: fixed; }

.table th, .table tr { line-height: 2; }

.table > thead { border-left: 0 solid #e5e5e5; border-right: 0 solid #e5e5e5; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; border-radius: 0; }

.table > thead th { line-height: 2; }

.table > tbody tr:not(:last-child) { border-left: 0 solid #e5e5e5; border-right: 0 solid #e5e5e5; border-top: 0 solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-radius: 0; }

.table > tfoot tr { border-left: 0 solid #e5e5e5; border-right: 0 solid #e5e5e5; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; border-radius: 0; }

.table.table-stripe > tbody tr:nth-child(odd) { background-color: #E5E5E5; }

.table.table-stripe.table-primary > tbody tr:nth-child(odd) { background-color: #42bcd2; }

.table.table-stripe.table-success > tbody tr:nth-child(odd) { background-color: #45ad01; }

.table.table-stripe.table-info > tbody tr:nth-child(odd) { background-color: #6ee8fe; }

.table.table-stripe.table-warning > tbody tr:nth-child(odd) { background-color: #edcf51; }

.table.table-stripe.table-danger > tbody tr:nth-child(odd) { background-color: #f16f6f; }

.middle { display: inline-block; margin: 0 auto; }

/*分页 <ul class="pages"> <li class="page"> <a href="">首页</a> </li> <li class="page"> <a href="">1</a> </li> <li class="page"> <a href="" class="active">2</a> </li> <li class="page"> <a href="">3</a> </li> <li class=""> <a class="more">...</a> </li> <li class="pageNum"> <form action="" method="post"> <input type="number" min="1"/> </form> </li> <li class="page"> <a href="">末页</a> </li> </ul> */
.pages { list-style-type: none; padding: 0; }

.pages li { display: inline-block; overflow: hidden; }

.pages li a { border: 1px #42bcd2 solid; border-radius: 5px; text-decoration: none; color: #42bcd2; background-color: #fff; display: inline-block; height: 100%; padding: 6px 12px; }

.pages li a:hover { background-color: #42bcd2; color: #fff; }

.pages li a.active { text-decoration: none; color: #fff; background-color: #42bcd2; display: inline-block; }

.pages li a.more { text-decoration: none; color: #42bcd2; background-color: #fff; display: inline-block; }

.pages li.pageNum { width: 40px; }

.pages li.pageNum input[type="number"] { outline: none; border: 1px #42bcd2 solid; border-radius: 5px; display: inline-block; width: 100%; padding: 6px 2px; }

.color-org { color: #ff8400; }

.container-fluid { margin-right: auto; margin-left: auto; }

.container { margin-right: auto; margin-left: auto; }

.container-1200 { width: 100%; min-width: 1200px; }

/*居中*/
.vertical-middle * { vertical-align: middle; }

.fixed { width: 1200px; margin: 0 auto; position: relative; }

.left-nav { position: fixed; margin-left: -680px; left: 50%; top: 25%; display: none; }

.left-nav li { width: 50px; height: 50px; border-bottom: 1px solid #fff; }

.left-nav li a { display: inline-block; width: 100%; height: 100%; text-align: center; line-height: 50px; background-color: #45ae00; color: #fff; }

.left-nav li a.active { background-color: #ff8400; }

.left-nav li a:hover:not(.active) { background-color: #2f9800; }

.left-nav li .goTop { background-color: #acacac; }

.left-nav li .goTop a:hover { background-color: #969696; }

.left-nav li .nav-login { background-color: #ff8400; }

.left-nav li .nav-user { background-image: url(../images/index/head.png); background-position: center; background-repeat: no-repeat; border-radius: 50%; background-color: #ff8400; }

.left-nav li .nav-user img { border-radius: 50%; width: 50px; height: 50px; box-sizing: border-box; }

@media (max-width: 1380px) { .left-nav { display: none; } }

.head-nav { border-bottom: 2px solid #45ae00; }

.head-nav .home-nav ul { list-style-type: none; padding: 0; }

.head-nav .home-nav ul:after, .head-nav .home-nav ul:before { display: block; content: ''; clear: both; }

.head-nav .home-nav ul li { width: 10.9%; display: inline-block; float: left; }

.head-nav .home-nav ul li a { float: left; font-size: 16px; color: #45ae00; padding: 6px 12px; display: block; width: 100%; }

.head-nav .home-nav ul li a.active, .head-nav .home-nav ul li a:hover { color: #fff; background-image: url("../images/index/nav-bg.png"); background-repeat: no-repeat; background-size: 100% 100%; }

.help-header { border-bottom: 1px dashed #45ae00; margin-bottom: 20px; }

.help-header li { width: 11.1111111111%; display: inline-block; float: left; }

.help-header li a { color: #666; display: inline-block; font-size: 16px; padding: 6px 30px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; }

.help-header li a.active, .help-header li a:hover { background-color: #45ae00; color: #fff; }

.slide-img img { width: 100%; min-width: 1200px; }

.storey-title { margin-top: 1.5rem; padding-left: 2.5rem; line-height: 2.5rem; height: 2.5rem; background-image: url(../images/index/banner_floor_03.jpg); background-size: 100% 2.5rem; background-repeat: no-repeat; }

.storey-title h2 { font-weight: bold; color: #45ae00; display: inline-block; float: left; }

.storey-title .storey-title-dep { padding-left: 1.5rem; line-height: 2.5rem; float: left; }

.storey-list { margin-top: 1.5rem; }

.storey-list .storey-list-classify { position: relative; border: 1px solid #949494; background-color: #f3f3f3; }

.storey-list .storey-list-classify .storey-list-classify-title { position: absolute; top: 0.5rem; left: 1rem; color: #45ae00; font-weight: bold; font-size: 16px; }

.storey-list .storey-list-classify .storey-list-classify-left { float: left; width: 201px; border-right: 1px solid #949494; }

.storey-list .storey-list-classify .storey-list-classify-left img { width: 200px; height: 200px; }

.storey-list .storey-list-classify .storey-list-classify-right { float: left; width: 395px; height: 200px; line-height: 1rem; }

.storey-list .storey-list-classify .storey-list-classify-right ul { height: 100%; }

.storey-list .storey-list-classify .storey-list-classify-right ul li { height: 25%; display: inline-block; float: left; padding: 10px 14px; }

.storey-list .storey-list-classify .storey-list-classify-right ul li a { display: inline-block; width: 85%; padding: 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.storey-list .storey-list-classify .storey-list-classify-right ul li a:hover { background-color: #45ae00; border-radius: 5px; color: #fff; }

.storey-list .storey-list-classify:nth-child(even) { border-left: none; }

.storey-list .storey-list-classify:nth-child(1n + 3) { border-top: none; }

.two-level .two-level-classify:nth-of-type(1) { margin-top: 1rem; }

.two-level .two-level-classify:nth-of-type(2) { margin-bottom: 1rem; }

.two-level .two-level-classify ul { list-style-type: none; padding: 0; padding: 6px 12px; }

.two-level .two-level-classify ul:after, .two-level .two-level-classify ul:before { display: block; content: ''; clear: both; }

.two-level .two-level-classify ul li { display: inline-block; float: left; }

.two-level .two-level-classify ul li a { display: inline-block; padding: 6px 12px; margin: 0 3px; border-radius: 5px; }

.two-level .two-level-classify ul li a:hover, .two-level .two-level-classify ul li a.active { background-color: #45ae00; color: #fff; }

.two-level .two-level-filter { width: 100%; height: 40px; background: #eee; margin-top: 10px; }

.two-level .two-level-filter h3 { height: 40px; width: 88px; text-align: center; font-size: 12px; color: #FFFFFF; background: #40a100; line-height: 40px; }

.two-level .two-level-article { margin-top: 0.6rem; }

.two-level .two-level-article ul { border-top: 2px solid #45ae00; border-bottom: 2px solid #45ae00; padding: 12px 12px; }

.two-level .two-level-article ul li { padding-top: 0.5rem; padding-bottom: 0.5rem; background-image: url(../images/index/book.jpg); background-repeat: no-repeat; background-position-x: -1px; background-position-y: 10px; background-size: 15px; padding-left: 20px; }

.two-level .two-level-article ul li a { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; color: #45ae00; }

.two-level .two-level-price { margin-top: 0.3rem; }

.two-level .two-level-price ul { list-style-type: none; padding: 0; background-color: #eeeeee; }

.two-level .two-level-price ul:after, .two-level .two-level-price ul:before { display: block; content: ''; clear: both; }

.two-level .two-level-price ul li { display: inline-block; padding: 8px 16px; float: left; }

.two-level .two-level-price ul li a:hover { color: #45ae00; }

.two-level .two-level-price ul li a.active { color: #45ae00; }

.two-level .two-level-price ul li.two-level-sort { background: url(../images/icon2_03.png) no-repeat right; }

.two-level .two-level-price ul li.two-level-sort-1 { background: url(../images/icon2_04.png) no-repeat right; }

.two-level .two-level-price ul li.price-sort > a, .two-level .two-level-price ul li.price-sort > form { float: left; }

.two-level .two-level-price ul li.price-sort > form input { width: 60px; border-radius: 5px; border: 1px solid #e5e5e5; }

.two-level .two-level-price ul li.price-sort > form input[type="button"] { background-color: #45ae00; color: #fff; }

.two-level .two-level-price ul li:nth-of-type(1) { background-color: #45ae00; color: #fff; }

.two-level .two-level-store-list { margin-top: 1.5rem; }

.two-level .two-level-store-list ul { list-style-type: none; padding: 0; }

.two-level .two-level-store-list ul:after, .two-level .two-level-store-list ul:before { display: block; content: ''; clear: both; }

.two-level .two-level-store-list ul li { position: relative; }

.two-level .two-level-store-list ul li img { width: 220px; height: 220px; }

.two-level .two-level-store-list ul li a.two-level-store-name { display: inline-block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #79838d; }

.two-level .two-level-store-list ul li > span { display: block; }

.two-level .two-level-store-list ul li > span.two-level-store-preferential span:nth-of-type(2) { color: #ff8202; }

.two-level .two-level-store-list ul li > span.two-level-store-market span:nth-of-type(2) { color: #a9b4c8; }

.two-level .two-level-store-list ul li > span.two-level-store-contact { display: inline-block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #8b8786; }

.two-level .two-level-store-list ul li .isA, .two-level .two-level-store-list ul li .is3A { position: absolute; top: 5px; left: -5px; display: inline-block; width: 38px; height: 39px; }

.two-level .two-level-store-list ul li .isA { background: url(../images/3A_04.png); }

.two-level .two-level-store-list ul li .is3A { background: url(../images/3A_03.png); }

.browsing-record > ul li { display: inline-block; background-color: #45ae00; padding: 6px 12px; color: #FFF; }

.browsing-record .browsing-record-slide { position: relative; height: 350px; border: 2px solid #45ae00; overflow: hidden; }

.browsing-record .browsing-record-slide ul { position: absolute; width: 100%; height: 350px; left: 0; top: 0; list-style-type: none; padding: 0; }

.browsing-record .browsing-record-slide ul:after, .browsing-record .browsing-record-slide ul:before { display: block; content: ''; clear: both; }

.browsing-record .browsing-record-slide ul li { position: relative; float: left; width: 219px; }

.browsing-record .browsing-record-slide ul li img { width: 220px; height: 220px; }

.browsing-record .browsing-record-slide ul li span { padding: 2px 0; display: inline-block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.browsing-record .browsing-record-slide ul li span:nth-of-type(1) { font-size: 1.05rem; color: #ff5508; }

.browsing-record .browsing-record-slide ul li span:nth-of-type(3) { color: #a2a2a2; }

.browsing-record .browsing-record-slide ul li .isA, .browsing-record .browsing-record-slide ul li .is3A { position: absolute; top: 5px; left: -1px; display: inline-block; width: 38px; height: 39px; }

.browsing-record .browsing-record-slide ul li .isA { background: url(../images/3A_04.png) no-repeat; }

.browsing-record .browsing-record-slide ul li .is3A { background: url(../images/3A_03.png) no-repeat; }

.browsing-record .btn-left, .browsing-record .btn-right { position: absolute; display: inline-block; padding: 20px; color: #fff; background-color: rgba(0, 0, 0, 0.5); top: 40%; font-size: 2rem; }

.browsing-record .btn-left:hover, .browsing-record .btn-right:hover { background-color: rgba(0, 0, 0, 0.8); }

.browsing-record .btn-left { left: 0; }

.browsing-record .btn-right { right: 0; }