#appgame-leftside-share .appgame-leftside-top {
	background-image: url(../images/backtop.png) !important;
	background-position: -1px -395px;
	top: 200px;
	cursor: pointer;
	border: 1px #cccccc solid;
	border-radius: 50px;
}

* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	color: #666;
	font-family: "Microsoft YaHei";
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

.font {
	font-family: "Microsoft YaHei";
}

body {
	background-color: #f0f0f0;
}

.auto {
	height: auto;
}

#apptwo {
	background: #fff;
	width: 100%;
}

.like_dian_top {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.like_dian_top img {
    width: 80px;
    height: 80px;
}

.like_dian_top span {
	color: #BBBBBB;
    font-size: 14px;
    margin-top: -15px;
    font-family: MicrosoftYaHei;
}

.like_dian_bottom {
	display: flex;
	justify-content: center;
	margin: 20px 0;
}

.like_dian_bottom img {
	width: 40px;
    height: 40px;
    border-radius: 50%;
    /* margin-right: 10px; */
    margin: 0 5px;
}

.like_dian_header {
	width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #EFF3F5;
    text-align: center;
    line-height: 40px;
}

.like_dian_header span {
	color: #bbb;
	font-size: 14px;
}

 .comment{display: block; width: 100%; min-height: 150px;}
    #hdrx_box .media{padding: 0.2rem;}
    #hdrx_box .media .media-left img{width: 0.5rem;height: 0.5rem;}
    #hdrx_box .media .media-left{display: inline-block;vertical-align: top;}
    #hdrx_box .media .media-body{display: inline-block;width: 90%;padding-left: 0.2rem;margin-bottom: 2%;}
    #hdrx_box .media-list{background: #fff;}
    #hdrx_box .media .media-body .media-heading a{font-weight: normal;}
    #hdrx_box .media .media-body .media-heading a:nth-of-type(2){float: right;}
    #hdrx_box .media .media-body p{padding: 0.3rem 0;word-break: break-all;}
    .disCount{width: 100%;text-align: center;color: #ccc;}
    .mask{width: 100%;min-height: 100%;background: rgba(0,0,0,0.5);position: fixed;z-index: 100;top: 0;left: 0;}
    .mask .con{width:477px;height:627px;text-align: center;position: absolute;top: 20%;left: 36%;}
    .mask .con img:nth-of-type(1){width: 80%;height: 80%;position: relative;top: 10%;}
    .mask .con img:nth-of-type(2){width:7%;height:7%;position: relative;top: -30%;left: -10%;}
    .mask .con span{color: red;}
    .mask .con>span{font-size: 6rem;position: relative;top: -40%;left: -2%;}
    .mask .que{width: 40%;background: #fff;margin: 15rem auto;min-height: 44rem;}
    .mask .redBag{width:100%;text-align: center;position: absolute;top: 29%;}
    .mask .redBag img:nth-of-type(1){display: inline;}
    .mask .redBag img:nth-of-type(2){width:7%;display:inline;vertical-align: top;}
    .mask .redBag img:nth-of-type(3){display:inline;position: absolute;top: 74%;left: 28%;}
    .mask .redBag span{color: #d1302d;}
    .mask .redBag > span{font-size: 4em;position: absolute;top: 38%;left: 34%;}
    .mask .redBag > span span{font-size: 0.4em;}
    .mask .woo{width:100%;text-align: center;position: absolute;top: 38.9%;}
    .mask .woo img:nth-of-type(1){width: 60%;display: inline-block;}
    .mask .woo img:nth-of-type(2){width:5%;display: inline-block;vertical-align: top;}
    .mask .woo span{color: red;}
    .mask .woo>span{font-size: 6rem;position: relative;top: -40%;left: -2%;}
    * {
	    margin: 0px;
	    padding: 0px;
	}
	.answer_box a:link,
	.answer_box a:visited {
	    color: #666;
	    text-decoration: none;
	}
	.answer_box a:hover {
	    text-decoration: none !important;
	    color: #F90;
	}
	.answer_box{width: 80%;height: 10rem;background: url("../images/answer_bg.png") center center;margin: 0 auto;padding-top: 102px;margin-top:10%;padding-left: 21px;box-sizing: border-box;position: relative;background-size: 100%;background-repeat: no-repeat;}
	.answer_box .form{width: 442px;height: 434px;padding: 30px;width: 100%;box-sizing: border-box;}
	.answer_box .form p{font-size: 18px;color: #b16a35;line-height: 26px;margin-bottom: 35px;}
	
	.options div {
	    position: relative;
	    line-height: 30px;
	    margin-bottom: 10px;
	}
    .content-show-btn span{
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #1989fa;
    border-top: 0;
    border-left: 0;
    transform: rotateZ(45deg);
    top: 16px;
    margin-left: 5px;
    position: relative;
    }
    .content-show-btn:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 125px;
    background: -o-linear-gradient(rgba(255,255,255,0),#fff);
    background: linear-gradient(rgba(255,255,255,0),#fff);
    left: 0;
    bottom: 0.5rem;
    }
	.options input[type="radio"] {
	    width: 20px;
	    height: 20px;
	    opacity: 0;
	}
	
	.options label {
	    position: absolute;
	    left: 5px;
	    top: 3px;
	    width: 20px;
	    height: 20px;
	    border-radius: 50%;
	    border: 1px solid #999;
	    　　　　　　　cursor: pointer;
	}
	.options input:checked+label {
	    background-color: #f8c138;
	    border: 1px solid #f8c138;
	}
	.options input:checked+label::after {
	    position: absolute;
	    content: "";
	    width: 5px;
	    height: 10px;
	    top: 3px;
	    left: 6px;
	    border: 2px solid #fff;
	    border-top: none;
	    border-left: none;
	    transform: rotate(45deg);
	}
	.options span{
	    font-size: 18px;
	    color: #b16a35;
	    margin-left: 20px;
	}
	.answer_box .form a{
	    display: block;
	    width: 70%;
	    margin: 0 auto;
	    color: #fff;
	    background: #f8c138;
	    border-radius: 30px;
	    line-height: 44px;
	    text-align: center;
	    font-size: 22px;
	    margin-top: 35px;
	}
	.answer_box>a{
	    position: absolute;
	    right: 15px;
	    top: 15px;
	}
	[v-cloak]{
        display:none;
    }