.header { width: 100%; height: 80px; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(142, 142, 142, 0.3); box-shadow: 0 0 10px rgba(142, 142, 142, 0.3); }
.header .container { height: 44px; padding: 18px 0; }
.header .logo { float: left; width: 300px; height: 43px; overflow: hidden; margin-right: 54px; line-height: 500px; background: url(../images/icons.png) no-repeat; background-position: 0 0; }
.header .header-city-position { position: relative; float: left; height: 28px; line-height: 28px; font-size: 16px; border: 1px solid #eaeaea; margin-top: 7px; margin-right: 46px; }
.header .header-city-position .selected-city-text { position: relative; top: 0; left: 0; z-index: 3; padding: 0 27px 0 10px; background-color: #fff; cursor: pointer; }
.header .header-city-position .selected-city-text .icon-arrow1 { position: absolute; top: 12px; right: 10px; display: inline-block; width: 10px; height: 5px; background: url(../images/icons.png) no-repeat; background-position: -188px -54px; }
.header .header-city-position .selected-city-text span { display: block; white-space: nowrap; }
.header .header-city-position .header-city-layer { position: absolute; top: 27px; left: -1px; z-index: 2; width: 598px; height: 283px; overflow: hidden; border: 1px solid #eaeaea; background-color: #fff; display: none; }
.header .header-city-position.on { color: #ff6c00; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.header .header-city-position.on .icon-arrow1 { background-position: -229px -54px; }
.header .header-city-position.on .header-city-layer { display: block; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.header .nav { float: left; height: 44px; line-height: 44px; font-size: 16px; }
.header .nav li { float: left; margin-right: 55px; }
.header .nav li:last-child { margin-right: 0; }
.header .nav li a { position: relative; display: block; height: 44px; }
.header .nav li a::after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 2px; background-color: #ff6c00; display: none; }
.header .nav li.current a { color: #ff6c00; }
.header .nav li.current a::after { display: block; }
.header .nav li.app-download .show-app-download-qrcode { position: absolute; top: 80px; left: -40px; z-index: 10; width: 120px; height: 120px; padding: 10px; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); display: none; }
.header .nav li.app-download .show-app-download-qrcode img { width: 120px; height: 120px; }
.header .nav li.app-download .show-app-download-qrcode i { position: absolute; top: -20px; left: 50%; z-index: 1; width: 0; height: 0; margin-left: -10px; border-width: 10px; border-style: dashed dashed solid dashed; border-color: transparent transparent #fff transparent; }
.header .nav li.app-download:hover .show-app-download-qrcode { display: block; }
.header .hotline { float: right; font-size: 22px; font-weight: 700; line-height: 44px; color: #ff6c00; }
.header .hotline .icon-tel { float: left; width: 20px; height: 19px; margin-top: 12px; margin-right: 10px; background: url(../images/icons.png) no-repeat; background-position: -239px -73px; }

.header-city-province { width: 100%; height: 100%; }
.header-city-province h5 { padding: 20px 20px 16px; font-size: 14px; font-weight: 400; line-height: 1; color: #999; }
.header-city-province .header-city-province-tit { padding: 20px 20px 10px; }
.header-city-province .header-city-province-tit a { float: left; width: 20px; height: 20px; margin-right: 12px; line-height: 20px; text-align: center; font-size: 14px; border-radius: 10px; }
.header-city-province .header-city-province-tit a.current { color: #fff; background-color: #ff6c00; }
.header-city-province .header-city-province-main { height: 232px; overflow-y: auto; border-top: 1px solid #eaeaea; }
.header-city-province .header-city-province-main ul { position: relative; padding: 2px 0 20px 20px; clear: both; }
.header-city-province .header-city-province-main ul li { position: relative; display: block; margin-top: 10px; padding: 0 15px 0 100px; line-height: 20px; font-size: 14px; clear: both; }
.header-city-province .header-city-province-main ul li i { position: absolute; left: 0; top: 1px; float: left; display: inline-block; width: 20px; text-align: center; font-style: normal; color: #333; }
.header-city-province .header-city-province-main ul li strong { position: absolute; left: 34px; top: 0; float: left; display: inline-block; width: 60px; font-weight: normal; color: #333; }
.header-city-province .header-city-province-main ul li .header-city-province-text { display: block; width: 100%; clear: both; }
.header-city-province .header-city-province-main ul li .header-city-province-text a { float: left; margin-right: 20px; display: inline; margin-bottom: 10px; color: #666; white-space: nowrap; }
.header-city-province .header-city-province-main ul li .header-city-province-text a.current { color: #ff6c00; }

.footer { height: 286px; background-color: #363b3f; }
.footer .container { position: relative; padding: 58px 0; }
.footer .footer-logo { float: left; width: 177px; height: 77px; overflow: hidden; margin-right: 132px; line-height: 500px; background: url(../images/icons.png) no-repeat; background-position: 0 -48px; }
.footer .footer-info { float: left; width: 80px; margin-right: 132px; font-size: 14px; }
.footer .footer-info .footer-nav { padding-top: 5px; }
.footer .footer-info .footer-nav li { float: left; line-height: 1; padding-bottom: 36px; }
.footer .footer-info .footer-nav li a { color: #d7d8d9; }
.footer .footer-info .footer-nav li a:hover { color: #ff6c00; }
.footer .footer-contact-us { float: left; }
.footer .footer-contact-us h2 { font-size: 28px; font-weight: 700; line-height: 1; color: #d7d8d9; }
.footer .footer-contact-us p { line-height: 1; color: #737679; padding-top: 20px; }
.footer .qrcode-wrap { position: absolute; top: 50px; width: 150px; font-size: 12px; text-align: center; color: #afb1b2; }
.footer .qrcode-wrap img { width: 148px; height: 148px; border: 1px solid #f3f3f4; }
.footer .qrcode-wrap p { padding-top: 10px; }
.footer .qrcode-wrap.app-download-show { right: 200px; }
.footer .qrcode-wrap.weixin { right: 0; }
.footer .copyright { color: #737679; height: 20px; padding: 15px 0; line-height: 20px; text-align: center; white-space: nowrap; background-color: #1c1e20; }
.footer .copyright .wangan { position: relative; top: 4px; display: inline-block; width: 18px; height: 20px; margin-right: 5px; background: url(../images/icons.png) no-repeat; background-position: -281px -117px; }
.footer .copyright a { color: #737679; }
.footer .copyright a:hover { color: #ff6c00; }


.tags { position: absolute; right: -50px; top: -25px; }
.tags em { padding: 3px 5px; background: #ff6c00; color: #fff; position: relative; font-size: 12px; }
.tags .triangle-topleft { width: 0; height: 0; border-top: 10px solid #ff6c00; border-right: 10px solid transparent; position: absolute; bottom: 3px; left: 8px; }