content{
	height: 100%;	
}
.wrapper{
	background: url(../images/FAQ_list_bg.jpg) center top repeat-y scroll;
	background-size: 100% 100%;
}
.faq-list-d{	
    max-height: 100%;
    overflow-y:auto; 
    border: 1px solid #1e2d40;
    background-color: #151f2e;
}
.faq-list-d ul{
	padding: 0 .2rem;	
}
.faq-list-d ul li{
	height: .82rem;
    line-height: .82rem;
    border-bottom: 1px solid #1e2d40;
}
.faq-list-d ul li:last-child{
	border-bottom: none;
}
.faq-list-d ul li>a{
	display: block;
    width: 100%;
    height: 100%;
    color: #bac3d2;
    padding-right: .4rem;
    font-size: .26rem;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.faq-list-d ul li>a:after{
    content: "";
    display: block;
    width: .18rem;
    height: .3rem;
    background: url(../images/icon_arrow.png) 0 0 no-repeat scroll;
    background-size: cover;
    position: absolute;
    right: .15rem;
    top: 50%;
    margin-top: -.15rem;
}
.faq-detail-d{
	height: 100%;
	overflow-y: auto;
	border: 1px solid #1e2d40;
    background-color: #151f2e;
    padding: 0 .2rem .2rem .2rem;
}
.faq-detail-title{
	display: flex;
	padding: .3rem 0;
	border-bottom: 1px solid #1e2d40;
}
.faq-detail-title .title{
	width: 80%;
	color: #ecc472;
	font-size: .32rem;	
}
.faq-detail-title .to-home{
	width: 25%;
	border-left: 2px solid #3e4249;
	text-align: center;
	height: .45rem;
	line-height: .45rem;
}
.faq-detail-title .to-home>a{
	display: block;
	height: 100%;
	color: #bac3d2;
	position: relative;
	padding-left: .4rem;
}
.faq-detail-title .to-home>a:before{
	content: "";
    display: block;
    width: .31rem;
    height: .31rem;
    background: url(../images/icon_home.png) 0 0 no-repeat scroll;
    background-size: cover;
    position: absolute;
    left: .35rem;
    top: 50%;
    margin-top: -.155rem;
}
.faq-detail-page>p{
    font-size: .26rem;
    color: #bac3d2;
    line-height: .46rem;
    margin-top: .25rem;
}
.faq-detail-page>p p{
    font-size: .26rem;
    color: #bac3d2;
}
.faq-detail-page>p img{

}
.faq-detail-page>p h1{
    font-size: .26rem;
}
.faq-detail-page .to-contact{
	margin-top: .25rem;
	color: #757c89;
}
.faq-detail-page .to-contact>a{
	color: #ecc472;
	font-size: .26rem;
	text-decoration: underline;
}
.ding-and-cai{
	margin-top: .25rem;
}
.ding-and-cai>a{
	display: inline-block;
	width: 2.4rem;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	border:1px solid #293e58;
	background-color: #1f2d3f;
	color: #bac3d2;
	font-size: .26rem;
	position: relative;
	padding-left: .3rem;
	margin-right: .2rem;
}
.ding-and-cai>a.ding:before{
	content: "";
    display: block;
    width: .31rem;
    height: .33rem;
    background: url(../images/icon_ding.png) 0 0 no-repeat scroll;
    background-size: cover;
    position: absolute;
    left: .45rem;
    top: 50%;
    margin-top: -.165rem;
}
.ding-and-cai>a.cai:before{
	content: "";
    display: block;
    width: .31rem;
    height: .33rem;
    background: url(../images/icon_cai.png) 0 0 no-repeat scroll;
    background-size: cover;
    position: absolute;
    left: .45rem;
    top: 50%;
    margin-top: -.165rem;
}
.faq-detail-page .feedback{
	margin-top: .25rem;
	position: relative;
	padding-left: .4rem;
}
.faq-detail-page .feedback:before{
	content: "";
    display: block;
    width: .3rem;
    height: .3rem;
    background: url(../images/icon_yes.png) 0 0 no-repeat scroll;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.15rem;
}
.faq-detail-nodate{
	height: 100%;
	overflow-y: auto;
	border: 1px solid #1e2d40;
    background-color: #151f2e;
    padding: 0 .2rem .2rem .2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.faq-detail-nodate .icon{
	text-align: center;
}
.faq-detail-nodate .icon>i{
	display: inline-block;
	width: 1.21rem;
	height: 1.21rem;
	background: url(../images/icon_alert2.png) 0 0 no-repeat scroll;
	background-size: cover;
}
.faq-detail-nodate .icon>span{
	display: inline-block;
	margin: .3rem 0;
}
.faq-detail-nodate .icon>a{
	display: inline-block;
	width: 2.4rem;
	height: .8rem;
	line-height: .8rem;
    text-align: center;
    border: 1px solid #293e58;
    background-color: #1f2d3f;
    color: #bac3d2;
    font-size: .26rem;
}

/*横版样式*/
@media screen and (orientation: landscape) {
.wrapper{
	background: url(../images/FAQ_list_bg2.jpg) center top repeat-y scroll;
	background-size: 100% auto;
}	
.faq-list-d ul li {
    height: .45rem;
    line-height: .45rem;
    border-bottom: 1px solid #1e2d40;
}	
.faq-list-d ul li>a{
	font-size: .14rem;
}
.faq-list-d ul li>a:after {
    content: "";
    display: block;
    width: .09rem;
    height: .15rem;
    background: url(../images/icon_arrow.png) 0 0 no-repeat scroll;
    background-size: cover;
    position: absolute;
    right: .15rem;
    top: 50%;
    margin-top: -.075rem;
}
.faq-detail-title{
	padding: .1rem 0;
}
.faq-detail-title .title{
	font-size: .2rem;
}
.faq-detail-title .to-home{
	height: .3rem;
    line-height: .3rem;
}

.faq-detail-title .to-home>a{
	font-size: .14rem;
	padding-left: .1rem;
}
.faq-detail-title .to-home>a:before{
	width: .2325rem;
    height: .2325rem;
    left: .4rem;
    margin-top: -.11625rem;
}
.faq-detail-page>p{
	font-size: .14rem;
	margin-top: .15rem;
	line-height: .3rem;
}
.faq-detail-page>p p,.faq-detail-page>p p a{
    font-size: .14rem;
}
.faq-detail-page .to-contact{
	margin-top: .15rem;
}
.faq-detail-page .to-contact>a{
	font-size: .14rem;
}
.ding-and-cai{
	margin-top: .15rem;
}
.ding-and-cai>a{
	width: 1.4rem;
	height: .5rem;
	line-height: .5rem;
	font-size: .14rem;
	margin-right: .05rem;
}
.ding-and-cai>a.ding:before{
    width: .186rem;
    height: .198rem;
    left: .35rem;
    margin-top: -.099rem;
}
.ding-and-cai>a.cai:before{
	width: .186rem;
    height: .198rem;
    left: .35rem;
    margin-top: -.099rem;
}
.faq-detail-page .feedback{
	padding-left: .24rem;
	margin-top: .15rem;
}
.faq-detail-page .feedback:before {
    width: .18rem;
    height: .18rem;
    top: 50%;
    margin-top: -.09rem;
}
.faq-detail-nodate .icon>i{
	width: .726rem;
    height: .726rem;
}
.faq-detail-nodate .icon>span{
	    margin: .16rem 0;
}
.faq-detail-nodate .icon>a{
    width: 1.4rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .14rem;
}

}