/*Yahoo css reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, 
form,fieldset,input,textarea,p,blockquote,th,td{ 
    padding:0; 
    margin:0; 
} 
table{ 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img{ 
    border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var{ 
    font-weight:normal; 
    font-style:normal; 
} 
ol,ul{ 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6{ 
    font-weight:normal; 
    font-size:100%; 
} 
q:before,q:after{ 
    content:""; 
} 
abbr,acronym{
    border:0; 
}
input:focus{
    outline:none;
}
.text-right{text-align: right;}
/**:before,
*:after{
    content: " ";
    display: block;
}*/
a,a:hover{
    text-decoration: none;
}
/* layout */
body{
	/*font-size: 100%;*/
    font-family: 'Microsoft YaHei';
}
.main{
    width:100%;
    background-color: #41424c;
}
.fixed-img{
    width: 100%;
    position: fixed;
    top:0;
    /*right: 0;
    bottom: 0;*/
    left: 0;
    z-index: -1;
}
/*.fixed-img > img{
    width: 100%;
}*/
.viewport-img{
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
#header{
    position: fixed;
    z-index: 10;
    height: 2.4533rem;/*57px*/
    width: 100%;
    background-color: #2e3040;
    font-size: 0.78592rem;/*23.42px*/
}
.g-has-header{
    padding-top:1rem;
}
.g-h2{
    /*position: relative;*/
    bottom: 0.8em;
    width: 100%;
    font-size: 0.5973rem;
    color: #fff;
    text-align: center;
}
.g-h2 > em{
    display: inline-block;
    /*position: relative;*/
}
.g-h2 > em > i{
    display: inline-block;
    height: 0.0285rem;
    width: 0.8533rem;
    margin: 0 0.256rem;
    background-color: #fff;
    vertical-align: middle;
}
/*.g-h2 > em:before,
.g-h2 > em:after{
    content: "—— ";
    display: block;
    position: absolute;
    top: 50%;
    margin-top:-0.0142rem;
    width: 0.8533rem;
    height: 0.0285rem;
    background-color: #fff;
}
.g-h2 > em:before{
    left: -1.1533rem;
}
.g-h2 > em:after{
    right: -1.1533rem;
}*/
#header .h1{
    padding-left: 3rem;
    line-height: 2.4533rem;
    color: #fff;
    text-align: center;
}
#header .g-link{
    position: absolute;
    top:0;
    line-height: 2.4533rem;
}
#header .g-link a{
    display: inline-block;
    color: #fff;
    text-decoration: none;
}
#header .g-link a.back{
    position: relative;
    padding-left:1.1947rem ;/*28px*/
    padding-right: 0.3rem;

}
#header .g-link a.back:after{
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0.5rem;
    margin-top: -0.3423rem;
    height: 0.6827rem;/*16px*/
    width: 0.6827rem;/*16px*/
    border-top: 0.1067rem solid #fff;/*2.5px*/
    border-left: 0.1067rem solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);

}
/*===================== icon ==================*/
.icon-menu,
.icon-menu:after,
.icon-menu:before{
    position: absolute;
    width: 0.256rem ;/*6px*/
    height: 0.256rem;
    background-color: #fff;
    border-radius: 50%;
}
.icon-menu{
    top: 1.1rem;/*16px*/
    right: 0.4267rem;/*10px*/
}
.icon-menu:after,
.icon-menu:before{
    content: " ";
    display: block;
    top:0;
    left: -0.384rem;
}
.icon-menu:before{
    left: -0.768rem;
}
.icon-list,
.icon-grid{
    position: absolute;
    top: 0.65rem;
    left: 0.768rem;
    cursor: pointer;
}
.icon-list > i,
.icon-grid > i{
    display: block;
    position: relative;
    height: 0.256rem;
    width: 1.152rem;
    margin-bottom: 0.1706rem;
    background-color: #fff;
    border-radius: 0.128rem;
}
.icon-list > i:nth-child(2),
.icon-grid > i:nth-child(2){
    width: 0.704rem;
}
.icon-list > i:after{
    content: " ";
    display: block;
    position: absolute;
    top:0;
    left: -0.384rem;
    width: 0.256rem ;/*6px*/
    height: 0.256rem;
    background-color: #fff;
    border-radius: 50%;
}
/*.icon-grid > li:after{
    left:-9999rem;
}*/
/*===================== icon ==================*/
.g-list{
    width: 100%;

}
.g-list > li{
    border-bottom: 1px solid #61626e;
}
.g-list > li > a{
    position: relative;
    display: block;
    height: 3.8827rem;/*91px*/
    color: #fff;
    text-decoration: none;
    
}
.g-list > li > a:after{
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.3423rem;
    height: 0.6827rem;/*16px*/
    width: 0.6827rem;/*16px*/
    border-top: 0.1067rem solid #fff;/*2.5px*/
    border-left: 0.1067rem solid #fff;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}
.g-list > li > a em,
.g-middle-img{
    display:inline-block;
    height: 3.8827rem;
    line-height: 3.8827rem;
    vertical-align: middle;
}
.g-middle-img{
    width: 4.6933rem;/*110px*/
    margin-left: 0.768rem;
    margin-right: 0.6827rem;
}
.g-middle-img > img{
    height: 100%;
    max-width: 100%;
    max-height: 100%;

}
.title-city{
    position: relative;
    height: 2.1333rem;
    line-height: 2.1333rem;
    padding-left: 1.3866rem;
    font-size: 0.6826rem;
    color: #000;
    background-color: #f2f2f2;
    border-bottom: 0.0567rem solid #646362;
}
.title-city a.back{
    position: absolute;
    left: 0;
    display: block;
    width: 1.0666rem;
    height: 100%;
    color: transparent;
}
.title-city a.back:after{
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0.5rem;
    margin-top: -0.2423rem;
    height: 0.4827rem;
    width: 0.4827rem;
    border-top: 0.0567rem solid #646362;
    border-left: 0.0567rem solid #646362;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*遮罩层*/
.layer{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    /*background-color: #6c6b6a;*/
    background-color: #41424c;
    opacity: 0.8;
}
.prompt-box{
    position: fixed;
    z-index: 1001;
}