* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    list-style-type: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
html {
    font-size: 100px;
}
body {
    margin: 0 auto;
    font-size: .24rem;
    font-family: "microsoft yahei";
    color: #000;
    background: #f7f7f7;
}
body.b {
    background: #fff;
}
a {
    color: #000;
}
img {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}
input, textarea {
    font-size: .24rem;
    font-family: "microsoft yahei";
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea {
    -webkit-appearance: none;
}
.clearfix {
    clear: both;
    zoom: 1;
}
.clearfix:after {
    display: table;
    content: "";
    clear: both;
}
header {
    position: relative;
    height: .9rem;
    padding: 0 .15rem;
    background: #3c7cdd;
}
.goback {
    font-size: .36rem;
    line-height: .9rem;
    color: #fff;
}
.search {
    float: right;
    width: 4rem;
    height: .6rem;
    margin-top: .15rem;
    padding: 0 .8rem;
    line-height: .6rem;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
}
.searchbtn {
    display: block;
    position: absolute;
    right: 3.6rem;
    top: .31rem;
    width: .26rem;
    height: .26rem;
    background: url(../images/searchbtn.png) no-repeat center center;
    background-size: 100% 100%;
}
.thisqa {
    overflow: hidden;
    border-bottom: .01rem solid #e5e5e5;
    background: #fff;
}
.thisq {
    padding-left: .65rem;
    font-size: .3rem;
    line-height: .75rem;
    background: #e0ecfd url(../images/thisq.png) no-repeat .2rem center;
    background-size: .38rem auto;
}
.thisa {
    position: relative;
    width: 90%;
    margin: .35rem auto 0;
    padding: .1rem .2rem;
    line-height: .46rem;
    color: #666;
    border: .01rem solid #e5e5e5;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
}
.triangle {
    display: block;
    position: absolute;
    left: .2rem;
    top: -.11rem;
    width: .26rem;
    height: .12rem;
    background: url(../images/triangle.png) no-repeat center center;
    background-size: 100% 100%;
}
.thisa-cont {
    overflow: hidden;
    word-break: break-all;
}
.thisa-cont * {
    max-width: 100%;
}
.qabtn {
    margin: .6rem 0;
    text-align: center;
}
.qabtn a {
    display: inline-block;
    width: 2.85rem;
    margin: 0 .2rem;
    font-size: .32rem;
    line-height: .7rem;
    color: #fff;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    box-shadow: 0 .04rem .05rem rgba(0, 0, 0, .2);
}
.unsolved {
    background: #ff6700;
}
.solved {
    background: #3c7cdd;
}
.relevant {
    margin-top: .55rem;
    border-top: .01rem solid #e5e5e5;
    background: #fff;
}
.rel-tit {
    padding-left: .2rem;
    font-size: .34rem;
    line-height: .8rem;
    border-bottom: 1px solid #ececec;
}
.rel-list {
    position: relative;
    padding-left: .65rem;
    font-size: .26rem;
    line-height: .7rem;
    color: #3c3c3c;
}
.rel-list:nth-child(2n) {
    background-color: #f6f6f6 !important;
}
.rel-list-wrap .rel-list {
    background: url(../images/circular.png) no-repeat .3rem center;
    background-size: .12rem auto;
}
.gotoonline {
    display: block;
    width: 5.5rem;
    margin: .5rem auto;
    font-size: .28rem;
    line-height: .75rem;
    text-align: center;
    color: #fff;
    background: #ff6700;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    box-shadow: 0 .04rem .05rem rgba(0, 0, 0, .2);
}
.rel-list span {
    display: block;
    position: absolute;
    left: .2rem;
    top: .2rem;
    width: .3rem;
    height: .3rem;
    font-size: .2rem;
    line-height: .3rem;
    text-align: center;
    color: #ff6700;
    border: .01rem solid #a0a0a0;
    background: #fff;
}
