#main{
	width: 100%;
	min-height: calc(100vh - 5.2rem);
}
#main .banner{
	width: 100%;
	height: 3rem;
	position: relative;
}
#main .banner img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#main .story-detail {
	width: 100%;
}
#main .preview-dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #000;
    text-align: center;
    z-index: 9999;
}
#main .preview-dialog .close-preview {
	text-align: right;
    margin-right: 10%;
    font-size: 0.46rem;
    position: absolute;
    right: 0%;
    color: #fff;
	cursor: pointer;
}
#main .preview-dialog .preview-img {
    max-height: 100%;
    max-width: 100%;
}
#main .banner p{
	position: absolute;
	min-width: 2.7rem;
	height: .9rem;
	background-color: rgba(161, 41, 22, .9);
	color: #fff;
	font-size: .4rem;
	bottom: 0;
	text-align: center;
	font-weight: 400;
	line-height: .9rem;;
  	padding: 0 0.2rem;
}

.detail-content td {
  border: 1px solid #ddd;
}
#main .content-box{
	position: relative;
	padding-bottom: 1.2rem;
}
#main .Title{
	text-align: center;
	color: #333333;
	font-size: .28rem;
	font-weight: bold;
	margin-top: .5rem;
}
#main .msg{
	margin-top: .4rem;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	border-bottom: #D0D4D7 1px solid;
	margin-bottom: .46rem;
	padding-bottom: .16rem;
}
#main .msg p{
	color: #888888;
	font-weight: 400;
	font-size: .18rem;
	margin-right: .4rem;
}
#main .backBtn{
	width: 1.16rem;
	height: .34rem;
	background-color: #A12916;
	border-radius: .18rem;
	position: absolute;
	right: 0;
	bottom: .4rem;
}
#main .backBtn a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
#main .backBtn a img{
	width: .2rem;
	height: .16rem;
	margin-right: .04rem;
}
#main .backBtn a p{
	color: #fff;
}



#main .guess{
	width: 100%;
	border-top: #D0D4D7 1px solid;
	padding-top: .32rem;
	padding-bottom: .6rem;
}
#main .g-title{
	display: flex;
	align-items: center;
	margin-bottom: .34rem;
}
#main .g-title img{
	width: .1rem;
	height: .14rem;
	margin-right: .1rem;
}
#main .g-title p{
	color: #333333;
	font-size: .2rem;
	font-weight: bold;
}
#main .g-item{
	width: 100%;
	height: .56rem;
}
#main .g-item a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding-left: .2rem;
}
#main .g-item span{
	color: #888888;
	font-size: .2rem;
	font-weight: 400;
	display: block;
	margin-right: .2rem;
	padding-right: .2rem;
	border-right: #A12916 1px solid;
}
#main .g-item p{
	color: #333333;
	font-size: .2rem;
	font-weight: 400;
	width: calc(100% - 1.6rem);
}
#main .g-item a:hover{
	background-color: #A12916;
	cursor: pointer;
}
#main .g-item a:hover span,
#main .g-item a:hover p{
	color: #fff;
	border-color: #fff;
}
#main .detail-content *{
	font-size: 14px;
}
#main .detail-content strong{
	font-size: inherit;
}
#main .detail-content p{
	line-height: 2;
	margin: 5px 0;
}
#main .detail-content table{
	margin: auto;
}
#main ul {
	height: auto;
}
#main .fixed-list{
	position: fixed;
	top: 4rem;
	right: 1.86rem;
	z-index: 666;
	width: unset;
    display: unset;
    left: unset;
overflow: unset;
}
#main .fixed-item{
	margin-bottom: .16rem;
	position: relative;
	height: unset;
	border: none;
}
#main .fixed-item .icon{
	width: .45rem;
	height: .45rem;
}
#main .fixed-item div{
	position: absolute;
	width: 1.42rem;
	height: 1.51rem;
	background-image: url(../img/xfk.png);
	background-size: 100% 100%;
	bottom: .5rem;
	left: calc(50% - .80rem);
	text-align: center;
	display: none;
}
#main .fixed-list .fixed-item div img{
	width: 1rem;
	height: 1rem;
	margin-top: .2rem;
}
#main .fixed-item:hover{
	cursor: pointer;
}
#main .fixed-item:hover div{
	display: block;
}