.header .citygo i, .nav i, .nav a, .hotline .title ul li a, input[type="button"].searchGo, .focusWord ul li.allClass a i, .footer a, .showMoreLine i, .banner .icon a { display: inline-block; vertical-align: middle; }

.header { padding: 1rem 3% 0.7rem 3%; }
.header .logo { width: 60%; margin: 0; }
.header .logo img { width: 100%; }

.header .citygo { float: right; padding-top: 0.3rem; }

.header .citygo i, input[type="button"].searchGo, .focusWord ul li.allClass a i, .showMoreLine i { background-image: url(../images/icon_bg_1.png); background-size: 10em 15em; }
.header .citygo i { width: 0.58em; height: 0.286em; margin-left: 0.3em; }
.header .citygo a { color: #000; }

/*  banner */
.banner { width: 100%; position: relative; overflow: hidden;height: 11rem; }
.banner .box { position: absolute; }
.banner .box ul li { float:left; }
.banner .icon { position: absolute; width: 100%; height: 1.2rem; bottom: 0; text-align: center; line-height: 0.4rem; }
.banner .icon a { margin: 0 0.3rem; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; border: 1px solid #fff; }
.banner .icon a.this { background-color: #fff; }
.banner img { width: 100%; }
/* global width*/
.searchM, .nav, .hotline, .mdd-show-m { width: 96%; }
.searchM, .nav { margin-top: 0.5rem; }

.nav { color: #fff; text-align: center; }
.nav a { color: #fff; padding: 0.8rem 0.5rem 0.5rem 0.5rem; }

.nav .top, .nav .bottom { overflow: hidden; }
.nav i { width: 3rem; height: 3rem; border-radius: 4rem; background-color: #fff; background-image: url(../images/bg.png); background-position: 0 0; background-size: 10rem 10rem; }
.nav .top p { margin-top: 0.4rem; }
.nav .top p + p { margin-top: 0; font-size: 0.85rem; line-height: 1rem; height: 1.3rem; }
.nav .surrounding, .nav .domestic, .nav .exit, .nav .free, .nav .grounp, .nav .topic { margin-bottom: 0.5rem; float: left; width: 32%; margin-left: 2%; }
.nav .surrounding, .nav .free { margin-left: 0; }

.nav .exit { background-color: #4297E7; }
.nav .surrounding { background-color: #58B942; }
.nav .domestic { background-color: #E8619D; }

.nav .free { background-color: #FFC000; }
.nav .grounp { background-color: #00B293; }
.nav .topic { background-color: #FF9649; }

.nav .exit i { }
.nav .surrounding i { background-position: -3rem 0; }
.nav .domestic i { background-position: -6rem 0; }

.nav .bottom i { width: 2.4rem; height: 2.4rem; border: 0.2rem solid #fff; }
.nav .bottom p { margin-top: 0.2rem; }

.nav .free i { background-position: 0 -3rem; }
.nav .grounp i { background-position: -2rem -3rem; }
.nav .topic i { background-position: -4em -3rem; }

.hotline { }
.hotline .title { height: 2.3em; border-bottom: 1px solid #dcdcdc; }
.hotline .title ul { width: 100%; height: 2.3em; margin-bottom: -1px; }
.hotline .title ul li { float: left; height: 2.3em; margin-right: 1.2em; }
.hotline .title ul li a { color: #000; padding: 0 0.1em; line-height: 2em; }
.hotline .title ul li.this a { color: #41C130; font-weight: bold; }
.hotline .title ul li.this { border-bottom: 0.2em solid #41C130; }

.hotline .content { }
ul.lineList1 { width: 100%; overflow: hidden; }
ul.lineList1 li { width: 49%; float: left; margin-top: 0.85em; }
ul.lineList1 li:nth-child(2n) { margin-left: 2%; }
ul.lineList1 li img { width: 100%; }
ul.lineList1 li p { color: #f50; margin-top: 0.4em; font-weight: 300; }
ul.lineList1 li p a { display: block; margin-bottom: 0.4em; height: 3em; overflow: hidden; color: #333; }

.showMoreLine { text-align: center; padding: 0.5em 0 0 0; line-height: 2em; }
.showMoreLine i { width: 2em; height: 2em; background-position: -6.85em -10.35em; }
.showMoreLine i.todown { background-position: -6.85em -12.35em; }
.showMoreLine a { color: #969696; }

.searchM { height: 2.857em; border: 1px solid #c8c8c8; background-color: #fff; }

input[type="text"].keyIn { width: 83%; vertical-align: middle; font-size: 1em; height: 1.5rem; color: #969696; margin: 0.67em 0 0.6em 0.67em; border-right: 1px solid #c8c8c8; -webkit-appearance: none; border-radius: 0; }
input[type="text"].keyIn:focus { color: #000; }
input[type="button"].searchGo { cursor: pointer; font-size: 1em; width: 2.785em; height: 2.785em; background-position: 0 -5.428em; }

.fw-title { border-left: 0.25rem solid #41C130; font-weight: bold; line-height: 0.9rem; height: 1rem; padding-left: 0.4rem; margin-top: 1rem; }
.focusWord { overflow: hidden; margin-top: 0.2rem; }
.focusWord ul { width: 32%; margin-left: 2%; float: left; }
.focusWord ul li { width: 100%; margin-top: 0.5em; }
.focusWord ul li a { display: block; text-align: center; color: #333; line-height: 3.5em; height: 3.5em; border: 1px solid #c8c8c8; background: #FAFAFA; background: -webkit-gradient(linear,0 0,0 100%, color-stop(0,#fff),color-stop(100%,#fafafa)); background: -moz-linear-gradient(top,#fff,#fafafa); background: -o-linear-gradient(top,#fff,#fafafa); background: -ms-linear-gradient(top,#fff,#fafafa); background: linear-gradient(top,#fff,#fafafa); }
.focusWord ul:first-child { margin-left: 0; width: 32%; }
.focusWord ul li.allClass { }
.focusWord ul li.allClass a { color: #505050; line-height: 1em; height: 7.5em; background: #fff; }
.focusWord ul li.allClass a i { width: 2.857em; height: 2.857em; background-position: 0 -8.214em; margin-top: 1em; }