body {
    margin: 0;
    padding: 0;
    background: #EEEEEE;
}

.container {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.banner {
    width: 100%;
    height: 2.2em;
    line-height: 2.2em;
    font-size: 1.2em;
    background-color: #EEEEEE;
    color: #000;
    text-align: center;
}

.banner img {
    width: 100%;
    height: 100%;
}

a {
    color: #000;
    text-decoration: none;
}

a:link {
    color: #000;
    text-decoration: none;
}

a:visited {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: none;
}

a:active {
    color: #000;
    text-decoration: none;
}

.clear {
    clear: both;
}

.footer {
    width: 100%;
    height: 3em;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: solid 1px #999999;
    background-color: #D2D2D2;
}

.footer a {
    display: inline-block;
    height: 100%;
    text-align: center;
    line-height: 40px;
    margin: 0;
    padding: 0;
    border-right: 1px solid #999999;
}

.footer a:last-of-type {
    border: 0;
}

.carousel {
    width: 100%;
}

.carousel a, .carousel img {
    width: 100%;
    height: 100%;
}

.search {
    width: 80%;
    margin: 3em auto;
    border: 1px solid #cccccc;
    border-radius: 10px;
    box-shadow: 0 0 5px #999999;
    padding: 1em 0 2em;
    background-color: #FFFFFF;
}

.main {
    width: 100%;
    margin-top: 5px;
}

.search-title {
    margin: 1em auto;
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    color: #ff9900;
    display: block;
}

.layui-form {
    width: 80%;
    margin: 0 auto;
}

.layui-btn {
    width: 100%;
    background-color: #ff9900 !important;
    font-weight: 700;
}

.advertising {
    border-top: 1px solid #cecece;
    margin-bottom: 3em;
}

.advertising ul li {
    display: inline-block;
    width: 90%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #cecece;
    padding-left: 10%;
    position: relative;
    background-color: #FFFFFF;
}

.advertising ul li a {
    display: inline-block;
    width: 100%;
}

.advertising ul li:after {
    position: absolute;
    right: 10%;
    top: 35%;
    content: '';
    height: 10px;
    width: 10px;
    border: 1px solid #999;
    border-top: none;
    border-left: none;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.hide {
    display: none;
}

/**/
.resultBox{position:fixed;top:0;width:100%;height:100%;}
.resultBox .mask{width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:absolute;z-index:100;}
.resultBox .content{position:relative;width:90%;max-height:80%;left:50%;margin-left:-45%;top:5%;background:#fff;padding-top:2em;padding-bottom:10px;transform:translate(0,0);z-index:120;
    height: 100%;}
.resultBox .content .title{width:100%;height:2em;line-height:2em;background:#EFEFEF;position: fixed;top:0;left:0;color:#999999;text-align:center;}
.resultBox .content .info{padding:15px;line-height:1.3em;overflow: hidden;position:relative;overflow-y:auto;height:90%;}
.resultBox .close{width:1.5em;height:1.5em;position:absolute;top:0.15em;right:1em;}