html{
    font-size:38px;
    font-family: "Hiragino Sans GB";
    list-style:none;
    margin:0;
    padding:0;
    text-decoration: none;
    height: 100%;
    color: #333;
}
body{
    padding: 0;
    margin: 0;
    height: 100%;
    background-color: #d82a1a;
}
div,p,span,ul,li,h1,h2{
    margin:0;
    padding:0;
    list-style:none;
    font-style:normal;
    text-shadow:none;
}
a{
    text-decoration:none;
    color:#000;
    outline: none;
    -moz-outline-style: none;
}
.clear_both{
    content: " ";
    display: block;
    clear: both;
    overflow: hidden;
}


/*封面1*/
.top_banner{
    line-height: 0;
}
.top_banner img{
    width: 100%;
}

.index1_font{
    width: calc(100% - 2rem);
    height: 11.9rem;
    background-color: #fff;
    box-shadow: 0 0 .5rem rgba(219,219,219,.75);
    border-radius: .5rem;
    padding: 1rem;
    box-sizing: border-box;
    margin: -1.5rem 0 0 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    overflow: auto;
}
.index1_font h1{
    width: 100%;
    font-size: .95rem;
    line-height: 1.1rem;
    text-align: justify;
}
.index1_font p{
    width: 100%;
    font-size: .7rem;
    line-height: 1rem;
    /* max-height: 6rem; */
    /* overflow-y: auto; */
    text-align: justify;
    color: #666;
}
.index1_font img{
	max-width:80%;
}
.ksdt_btn{
    width: 100%;
    text-align: center;
    padding-top: 1.05rem;
}
.ksdt_btn button{
    width: calc(100% - 2rem);
    height: 2.35rem;
    color: #fff;
    border: 0;
    border-radius: .4rem;
    font-size: 1rem;
    font-weight: 600;
    outline: none;
}

.index_tk{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}
.index_tk .tk_row{
    width: 13.25rem;
    height: 7rem;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 11;
    margin: -4rem 0 0 -6.625rem;
    border-radius: .4rem;
    text-align: center;
}
.index_tk .tk_row p{
    font-size: .9rem;
    padding: 1.6rem 0 .9rem;
}
.index_tk .tk_row a{
    display: block;
    width: 9.55rem;
    height: 2rem;
    line-height: 2rem;
    color: #fff;
    margin: 0 auto;
    border-radius: .4rem;
    font-size: .9rem;
}

.index1_bottom{
    width: calc(100% - 2rem);
    background-color: #fff;
    margin: 0 auto;
}
.index2_bottom_row{
    padding-top: 1.25rem;
}
.index2_bottom_row .index1_img{
    float: left;
}
.index2_bottom_row .index1_img img{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
}
.index2_bottom_row .index1_name{
    width: 5.6rem;
    height:50px;
    float: left;
    padding: .3rem 0 .1rem .5rem;
}
.index2_bottom_row .index1_name p{
    font-size: .75rem;
    padding-right: .3rem;
}
.index2_bottom_row .index1_name span{
    display: block;
    width: 2.8rem;
    height: 1rem;
    line-height: 1rem;
    background-image: linear-gradient(to right,#ead5a0,#d4b680);
    font-size: .6rem;
    color: #6e4700;
    text-align: center;
    border-radius: 4px;
}
.index2_bottom_row .index1_score{
    width: 4rem;
    float: right;
    font-size: .75rem;
    padding-top: .1rem;
    line-height: 1.3rem;
    text-align:center;
}
.index2_bottom_row .index1_score span{
    font-size: 1.2rem;
    display: block;
    text-align: center;
    color:#e74b3a;
}
.index2_bottom_row .index1_score p{
    text-align: center;
}
.index1_ranking{
    padding: .65rem 0;
    display: flex;
    justify-content: center;
    background-color: #FFF;
}
.index1_ranking a{
    display: block;
    width: 4.5rem;
    height: 1.75rem;
    line-height: 1.5rem;
    background: url("../images/king-button.jpg") no-repeat;
    background-size: 100%;
}






/*答题过程页面*/
.main_wrap{
	position: absolute;
	top: 220px;
	left: 2%;	
	width: 96%;
	margin: 0 auto;
}
.answer_bg {
	position: relative;
	/* top: 220px;
	left: 2%; */
	background-color: #ffefb1;
	width: 100%;
	margin: 0 auto;
	border-radius: 10%;
}
.answer_bg_in {
	background: url("../images/dati-box-bg.png") no-repeat;
	background-size: cover;
	min-height: 100%;
	padding:0px;
	padding-bottom:1rem;
	background-color:#ffefb1;
	border-radius:1rem;
}

.box-left-top {
	height: 2.4rem;
	width: 50%;
	padding-left: 1rem;
	padding-top: 10px;
}
.box-left-top label{
	color:#ffffff;
	font-size:24px;
}

.answer_top{
    width: calc(100% - 1.2rem);
    height: 3.5rem;
    border-radius: 1.75rem;
    margin: 0 auto;
    color: #fff;
}
.answer_top>img{
    float: left;
    width: 2.62rem;
    height: 2.62rem;
    border-radius: 50%;
    border: 3px solid #fff;
    margin: .26rem 0 0 .5rem;
}

.answer_top .answer_t_center{
	width: 7.0rem;
	float: left;
	margin: 0 0 0 .35rem;
}
.answer_top .answer_t_center p {
	font-size: .75rem;
	padding-top: .7rem;
	display: block;
	height: 22px;
	overflow: hidden;
}
.answer_top .answer_t_center span{
    display: block;
    font-size: 0.7rem;
}
.answer_top .answer_t_center span em{
    font-style: normal;
}
.answer_top .answer_t_center span.time{
    padding-top: 0.2rem;
}

.answer_top .answer_t_right{
    width: 3.2rem;
    text-align: center;
    font-size: .65rem;
    float: right;
    margin-right: 1.2rem;
}
.answer_top .answer_t_right p{
    padding-top: .76rem;
}


.question_row{
    width: 90%;
    margin: 0 auto;
    padding-top: 0.75rem;
}
.question_top {
	font-size: 1rem;
	color: #000;
	line-height: 1.5rem;
	text-align: justify;
	font-weight: bolder;
	padding-bottom: 1rem;
}
.question_top span{
    color: #ff0000;
}

.que_item{ 
	position:relative;
	background:url("../images/dati-item-default.png") no-repeat;
	background-size: 100%;
	font-size: .8rem;
	color: #000;
	padding-top: 0.9rem;
	height: 2rem;
	/* padding-left: 1rem; */
	line-height: 1rem;
	margin-bottom: 1rem;
}
.que_item label {
	position: absolute;
	top: 15px;
	left: 30px;
	font-size: 1.2rem;
	color: #FFF;
}
.que_item p {
	color: #73211c;
	font-size: 0.8rem;
	text-align: center;
	width: 80%;
	float: right;
	line-height: 1rem;
	margin: 0px;
	padding-right: 12px;
	max-height: 3rem;
	overflow: auto;
}

.que_item.right{
	background:url("../images/dati-item-right.png") no-repeat;
	background-size: 100%;
}
.que_item.error{
	background:url("../images/dati-item-error.png") no-repeat;
	background-size: 100%;	
}
.que_item.selected{
	background:url("../images/dati-item-selected.png") no-repeat;
	background-size: 100%;	
}

.question_center{}

.question_center input{
    display: none;
}

.question_center input:checked+label::after{
    display: inline-block;
    content: "";
    width: 5rem;
    height: 5rem;
    position: absolute;
    left: 0;
    top: 0;
}

.question_center.question_dx label{
    background: url("../images/z-img1.png") 1.26rem .18rem no-repeat;
    background-size: .775rem .775rem;
}
.answer_btn_row{
    padding-top: 1.65rem;
}
.answer_btn_row a{
    display: block;
    height: 2.15rem;
    line-height: 2.15rem;
    border-radius: 1.1rem;
    color: #fff;
    text-align: center;
    font-size: .95rem;
}

#btn_nexttopic{ background-color:inherit; }
#btn_nexttopic  img{ width:60%; }

.answer_btn_row a.answer_btn2{
    width: 7.8rem;
    background-color: rgba(255,255,255,.5);
    box-sizing: border-box;
    margin-right: 1.05rem;
}
.answer_btn3{
    width: 7.8rem;
}
button.answer_btn3{
    width: 7.8rem;
    height: 2.15rem;
    border-radius: 1.1rem;
    color: #fff;
    font-size: .95rem;
    border: 0;
    outline: none;
}


.answer_tk{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: rgba(0,0,0,.6);
    display: flex;
    align-items: center;
    justify-content: center;
}
.answer_tk_in{
    width: 14rem;
    background-color: #fff;
    border-radius: .4rem;
    padding: 1rem 0 0;
}
.answer_tk_in h1{
    font-size: .85rem;
    padding: 0 1.25rem;
}
.answer_tk_in h2{
    font-size: .7rem;
    line-height: 1rem;
    padding: .4rem 1.25rem 0;
    text-align: justify;
    color: #333;
}
.answer_tk_in p{
    font-size: .7rem;
    line-height: 1rem;
    text-align: justify;
    color: #666;
    padding: .2rem 1.25rem 0;
}
.answer_tk_in a{
    font-size: .7rem;
    line-height: 2.2rem;
    border-top: 1px solid #d2d2d2;
    text-align: center;
    display: block;
    margin-top: .5rem;
    font-weight: 600;
}


/*答题成绩页面*/
.answer_end_bg {
	min-height: 100%;
	background-color: #fff9dd;
	border-radius: 1rem;
	padding-bottom: 1rem;
}
.answer_end_banner{
    height: 17.075rem;
}
.answer_end_img{
    text-align: center;
    padding-top: 2.0rem;
}
.answer_end_img a{
	line-height: 1.5rem;
    color:#d32d2a;
    font-size:1rem;	
}

.answer_end_center{
    width: calc(100% - 1.2rem);
    height: 10.5rem;
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 0 0 .5rem rgba(219,219,219,.75);
    margin: 1.15rem auto 0;
    box-sizing: border-box;
    position: relative;
}
.score_row{
    text-align: center;
}
.score_row h1{
    font-size: 2.6rem;
    padding-top: 1rem;
    line-height: 3.5rem;
}
.score_row p{
    font-size: .975rem;
}

ul.answer_time{
    width: 100%;
    border-top: 1px solid #e8e8e8;
    padding-top: .1rem;
    padding-bottom: .45rem;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
}
ul.answer_time li{
    text-align: center;
    width: 100%;
    height: 3.2rem;
}
ul.answer_time li+li{
    border-left: 1px solid #e8e8e8;
}
ul.answer_time li h2{
    font-size: .85rem;
    padding-top: .5rem;
}
ul.answer_time li p{
    font-size: .7rem;
    color: #939393;
}

/* 抽奖 */
.cj_row{
    padding-top: 1.5rem;
}
.cj_row p {
	text-align: center;
	font-size: .7rem;
	color: #d32d2a;
	line-height: 1.3rem;
}

.cj_row a{
    display: block;
    width: 5.5rem;
    height: 5.5rem;
    margin: .5rem auto 0;
    background: url("../images/cycj.gif") no-repeat;
    background-size: 100%;
}

.answer_end_bottom{
    width: calc(100% - 1.2rem);
    height: .85rem;
    line-height: .85rem;
    margin: 1.0rem auto 0 auto;
    position: relative;
    background-color:#fff9dd;
}
.answer_end_bottom p{
    width: 100%;
    height: 1px;
    background-color: #d2d2d2;
    position: absolute;
    top: .42rem;
    z-index: 1;
}
.answer_end_bottom a {
	width: 5.25rem;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -2.62rem;
	font-size: .8rem;
	background-color: #fff9dd;
	z-index: 2;
}
.answer_end_bottom a:active{
    color: #ff3939;
}


/*答案解析*/
.dajx_content{
    padding: 1rem 1rem;
    min-height: 100%;
	background-color: #fff9dd;
	border-radius: 1rem;
	/* padding-bottom: 1rem; */
}

.dajx_content>h1{
    font-size: .85rem;
    padding-top: 1rem;
}

ul.dajx_row{}
ul.dajx_row li{
    border-bottom: 1px dashed #535353;
    padding: 1rem 0 .8rem;
}
ul.dajx_row li h2{
    font-size: .75rem;
    line-height: 1rem;
    font-weight: normal;
}
ul.dajx_row li .ndhd_row{
    font-size: .7rem;
    color: #999;
    padding-top: .3rem;
}
ul.dajx_row li .ndhd_row i{
    display: inline-block;
    float: left;
    font-style: normal;
}

ul.dajx_row li .ndhd_row p span{
    padding: 0 .4rem 0 0;
    float: left;
    display: inline-block;
}
ul.dajx_row li .ndhd_row p img{
    float: left;
    width: .75rem;
    padding: .2rem 0 0 0;
}
ul.dajx_row li .ndhd_row p b{
    font-weight: normal;
}
ul.dajx_row li .zqda_row{
    font-size: .7rem;
}
ul.dajx_row li .zqda_row i{
    display: inline-block;
    float: left;
    font-style: normal;
}
ul.dajx_row li .zqda_row p{
    display: inline-block;
    float: right;
    width: 79%;
}
ul.dajx_row li .zqda_row p span{
    padding: 0 .4rem 0 0;
    float: left;
    display: inline-block;
}
ul.dajx_row li .dajx_row{
    font-size: .7rem;
    line-height: 1rem;
    color: #999;
    text-align: justify;
}
ul.dajx_row li .dajx_row span{
    color: #535353;
}






/*新增*/
.tjbm_row{
    border-top: 1px solid #dbdbdb;
}
.ksxx_left1{
    font-size: .85rem;
    padding: .6rem .25rem 0;
    box-sizing: border-box;
}

.question_center1{
    padding-bottom: .5rem;
}

.question_center1 div {
    font-size: .75rem;
    color: #333;
    padding: .8rem 0 0 .95rem;
}
.question_center1 div input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.question_center1 div input[type="radio"] + .radio-label:before {
    content: '';
    background: #fff;
    border-radius: 100%;
    border: 1px solid #b5b5b5;
    display: inline-block;
    width: .7rem;
    height: .7rem;
    position: relative;
    top: .2rem;
    margin-right: .75rem;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}
.question_center1 div input[type="radio"]:checked + .radio-label:before {
    box-shadow: inset 0 0 0 3px #fff;
}
.question_center1 div input[type="radio"]:focus + .radio-label:before {
    outline: none;
}


.question_center1.question_dx div input[type="checkbox"]{
    position: absolute;
    opacity: 0;
}
.question_center1.question_dx div input[type="checkbox"] + label:before {
    content: '';
    background: #fff;
    border: 1px solid #b5b5b5;
    display: inline-block;
    width: .7rem;
    height: .7rem;
    position: relative;
    top: .2rem;
    margin-right: .75rem;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    color: #fff;
}
.question_center1.question_dx div input[type="checkbox"]:checked +label:before{
    display: inline-block;
    text-align: center;
    content: "\2714";
    font-size: .4rem;
    color: #fff;
}

.ksxx_right textarea{
    width: 100%;
    border: none;
    outline: none;
    font-size: .7rem;
    color: #999;
    margin-top: .7rem;
    padding: .1rem 0;
}
.ksxx_right textarea:-moz-placeholder {
    color: #999;
}
.ksxx_right textarea::-moz-placeholder {
    color: #999;
}
.ksxx_right textarea:-ms-input-placeholder {
    color: #999;
}
.ksxx_right textarea::-webkit-input-placeholder {
    color: #999;
}




/*个人中心*/
.grzx_row{}
.grzx_in{
    height: 3.05rem;
    border-bottom: 1px solid #e9e9e9;
    padding: 0 1rem;
}
.grzx_in a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.grzx_left{
    display: flex;
    align-items: center;
}
.grzx_left img{
    float: left;
    padding-right: .7rem;
    width: .875rem;
}
.grzx_left p{
    font-size: .75rem;
    color: #333;
}
.grzx_right img{
    width: .35rem;
}




/*我的答题*/
.wddt_row{
    padding: 1rem;
}
.wddt_in{
    height: 3.75rem;
    background: url("../images/wddt-bg.jpg") no-repeat;
    background-size: cover;
    margin-bottom: .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .75rem;
    box-sizing: border-box;
}
.wddt_left{}
.wddt_left img{
    width: 2.55rem;
    padding-top: .4rem;
}
.wddt_left p{
    font-size: .6rem;
    color: #b08d48;
    padding-top: .1rem;
}
.wddt_right{
    font-size: .7rem;
    color: #fff5e2;
}
.wddt_right span{
    font-size: .9rem;
    color: #fff;
    font-weight: bold;
}



/*我的奖品*/
.wdjp_row{
    padding: .75rem 1rem;
}
.wdjp_in{
    height: 4.5rem;
    display: flex;
    align-items: center;
    margin-bottom: .75rem;
}
.wdjp_left{
    width: 4.5rem;
    height: 4.5rem;
    background: url("../images/wdjp-bg.jpg") no-repeat;
    background-size: cover;
}
.wdjp_left p{
    height: 2.6rem;
    color: #a87a26;
    font-size: .75rem;
    line-height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .75rem;
    font-weight: bold;
    text-align: center;
    padding: 0 .1rem;
}
.wdjp_right{
    width: calc(100% - 4.5rem);
    height: 3.75rem;
    background-color: #f7f7f7;
    border-radius: 0 .25rem .25rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.djm_left{
    width: 8.7rem;
    height: 2.75rem;
    border-right: 1px solid #e4e4e4;
    padding: 0 1rem;
    box-sizing: border-box;
}
.djm_left h1{
    font-size: .7rem;
    color: #cdb17f;
    padding-top: .4rem;
}
.djm_left .djm_font{
    padding-top: .2rem;
}
.djm_left .djm_font p{
    font-size: .6rem;
    font-weight: bold;
    color: #90671c;
    float: left;
    padding-right: .15rem;
}
.djm_left .djm_font img{
    width: .525rem;
    margin-top: .2rem;
}
.djm_right{
    width: 3.5rem;
    text-align: center;
}
.djm_right img{
    width: 1.75rem;
}

/* 排行榜调整 */
.table_bang th{ text-align:center; font-size:.75rem; color:#666666; border-bottom: 1px solid #e4e4e4;height: 3rem;}
.rank_my {
	width: 18.254166rem;
	height: 4rem;
	background-color: #f7f7f7;
	box-shadow: 0.078125rem 0.104166rem 0.130208rem 0px rgba(13, 49, 87, 0.16);
	border-radius: 0.286458rem;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0.377083rem;
	z-index: 9;
	padding: 0.3rem 1.145833rem;
}
.rank_my > h1 {
	font-size: 0.755208rem;
	color: #666666;
	margin-top: 11px;
	font-weight: bold;
}
.rank_my > div {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.78125rem;
	color: #666666;
	margin-top: 0.520833rem;
}

red{ color:red; }
green{ color:green; }

a.link{ color:#f7600e; text-decoration: underline; }

/* 悬浮固定的返回按钮 */
a.return_btn {
	position: fixed;
	top: 3rem;
	right: 0rem;
	font-size: 16px;
	background-color: #95380c;
	border-radius: 10px 0px 0px 10px;
	padding: 8px;
	color: #FFF;
}