html,
body {
    font-family: "Microsoft YaHei", 微软雅黑, Arial, Helvetica, sans-serif;
    font-size: 0px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #4A4A4A;
    /* background: white;
    position: fixed; */
    -webkit-text-size-adjust: none !important;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    border-spacing: 0;
    text-decoration: none;
}

div,
table {
    width: 100%;
    height: 100%;
}

div {
    display: inline-block;
    vertical-align: top;
}

img {
    display: inline-block;
}

input {
    background: none;
}

.container {
    height: 100%;
    width: 100%;
    text-align: center;
    position: relative;
}

#backBtn {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 6vh;
    line-height: 6vh;
    z-index: 1;
    background-color: #f7f7f7;
    font-size: 3.255vh;
    display: none;
}

.button0 {
    height: 8.5vh;
    background-color: #09ba07;
    color: white;
    font-size: 3.255vh;
    line-height: 8.5vh;
    width: 80%;
    border: solid 1px #D8D8D8;
    box-sizing: border-box;
}

.button1 {
    height: 8.5vh;
    background-color: #E93131;
    color: white;
    font-size: 3.255vh;
    line-height: 8.5vh;
    width: 80%;
    border: solid 1px #D8D8D8;
    box-sizing: border-box;
}

.button2 {
    height: 8.5vh;
    background-color: #4A90E2;
    color: white;
    font-size: 3.255vh;
    line-height: 8.5vh;
    width: 80%;
    border: solid 1px #D8D8D8;
    box-sizing: border-box;
}

.button3 {
    height: 7.5vh;
    background-color: #4A90E2;
    color: white;
    font-size: 3.255vh;
    line-height: 7.5vh;
    width: 40%;
    border: solid 1px #D8D8D8;
    box-sizing: border-box;
}

.button4 {
    height: 7.5vh;
    background-color: #E93131;
    color: white;
    font-size: 3.255vh;
    line-height: 7.5vh;
    width: 40%;
    border: solid 1px #D8D8D8;
    box-sizing: border-box;
}

.roundAngle {
    border-radius: 1vh;
}

.input1 {
    height: 6vh;
    width: 80%;
    font-size: 2.9vh;
    border-bottom: 1px solid #D8D8D8;
    padding: 1.5vh;
    box-sizing: border-box;
    text-align: left;
}

.input2 {
    height: 6vh;
    line-height: 6vh;
    width: 20%;
    font-size: 2.9vh;
    border-bottom: 1px solid #D8D8D8;
    box-sizing: border-box;
    text-align: center;
    margin-right: 6.66%;
}

.inputHigh {
    box-shadow: #eaeaea 0 8px 8px;
}

.job {
    width: 45%;
    background-color: white;
    height: 12.3vh;
    line-height: 12.3vh;
    font-size: 2.3vh;
    box-sizing: border-box;
    text-align: center;
}

.jobchosed {
    background-color: #fbdbdb;
    border-bottom: 2px solid #E93131;
}

.jobsplit {
    width: 1.2vh;
    height: 13.5vh;
}

.jobtitle {
    height: 10.5vh;
    line-height: 10.5vh;
    font-size: 2.4vh;
    color: #9B9B9B;
}

.ftitle {
    width: 90%;
    line-height: 7vh;
}

.finner {
    width: 60%;
    box-sizing: border-box;
    font-size: 2.7vh;
}

.funder {
    border-bottom: solid 1vh #E93131;
}

.btnline {
    width: 90%;
    height: 16.85vh;
}

.btnline .btnone {
    width: 50%;
    position: relative;
}

.btnline img {
    height: 10.85vh;
}

.btnline .btnname {
    height: 6vh;
    line-height: 6vh;
    font-size: 2.35vh;
}

.btnpurchased {
    position: absolute;
    height: 5vh;
    width: 5vh;
    border-radius: 50%;
    background-color: #ED7676;
    color: white;
    font-size: 1.8vh;
    line-height: 5vh;
    top: -1vh;
    left: 50%;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
}

.btnleft {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.absoluteCenter {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.buyprice {
    height: 5.5vh;
    line-height: 5.5vh;
    border-radius: 3.075vh;
    color: white;
    font-size: 3vh;
    background: #9b9b9b;
    width: 26%;
    position: relative;
    cursor: pointer;
}

.buyprice a {
    font-size: 2.4vh;
}

.buypriceH {
    background-color: #ee7777;
}

.searchChap {
    font-size: 2.89vh;
    width: auto;
    margin-right: 4.2vh;
    height: 5vh;
}

.searchLib {
    height: 16.1vh;
    border-bottom: solid 1px #D8D8D8;
    text-align: left;
    padding: 0 5%;
    box-sizing: border-box;
}

.searchLib a {
    font-size: 2.2vh;
    line-height: 3vh;
}

.searchLib span {
    font-size: 2vh;
    color: #9B9B9B;
    height: 3vh;
    width: 20vh;
}

.searchLib .price {
    text-align: right;
    width: 8vh;
}

.searchLib .price div {
    width: 8vh;
    height: 4.52vh;
    line-height: 4.52vh;
    border-radius: 2.26vh;
    text-align: center;
    color: #E93131;
    border: solid 1px #E93131;
    font-size: 2.35vh;
}

.qtitle {
    height: 7.23vh;
    line-height: 7.23vh;
    color: #9B9B9B;
    font-size: 2.53vh;
    border-bottom: solid 1px #D8D8D8;
    padding: 0 8%;
    box-sizing: border-box;
    text-align: left;
}

.qtitle span {
    color: #D8D8D8;
}

.qinfo .detail {
    font-size: 2.53vh;
    text-align: left;
    padding: 0 8%;
    box-sizing: border-box;
    height: auto;
}

.qinfo table {
    font-size: 2.53vh;
    height: auto;
    text-align: left;
    padding: 0 8%;
    box-sizing: border-box;
    margin-bottom: 3vh;
}

.qinfo td {
    font-size: 2.53vh;
}

.qreview {
    color: #9B9B9B;
    font-size: 2.53vh;
    line-height: 4vh;
    text-align: left;
    padding: 0 8%;
    box-sizing: border-box;
    height: auto;
}

.qfuncs {
    height: 9vh;
    border: solid 1px #D8D8D8;
    position: absolute;
    left: 0;
    bottom: 0;
}

.choosebtn {
    width: 10vh;
}

.choosebtn .cinner {
    border: solid 1px #4A90E2;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    width: 4.7vh;
    height: 4.7vh;
    font-size: 2.53vh;
    line-height: 4.7vh;
    user-select: none;
    -webkit-user-select: none;
}

.chooseright {
    border: solid 1px #D8D8D8;
    color: white;
    background-color: #4A90E2;
}

.choosewrong {
    border: solid 1px #D8D8D8;
    background-color: #E93131;
}

.ansline {
    padding-top: 2vh;
    height: auto;
}

.ansline span {
    font-size: 2.53vh;
}

.ansline table {
    height: auto;
    padding: 3vh 0;
    text-align: center;
}

.ansbtn {
    border: solid 1px #D8D8D8;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    width: 6.33vh;
    height: 6.33vh;
    font-size: 3vh;
    line-height: 6.33vh;
    color: #4A90E2;
    margin-bottom: 3vh;
}

.ansline .ansright {
    color: white;
    background-color: #4A90E2;
}

.ansline .answrong {
    color: white;
    background-color: #E93131;
}

.profileline {
    height: 7.96vh;
    background: white;
    font-size: 2.53vh;
    text-align: left;
    padding: 0 5%;
    box-sizing: border-box;
}

.ptopline {
    border-top: solid 2px #E9E9E9;
}

.bottomshadow {
    box-shadow: #eaeaea 0 8px 8px;
}

.boughtline {
    height: 12vh;
    border-bottom: solid 2px #D8D8D8;
    box-sizing: border-box;
    font-size: 2.17vh;
    padding: 0 5%;
    text-align: left;
}

.wrongline {
    height: 8.13vh;
    padding: 0 5%;
    box-sizing: border-box;
    text-align: left;
    line-height: 3vh;
    border-bottom: solid 1px #D8D8D8;
    line-height: 8.13vh;
    position: relative;
}

.wrongline div {
    vertical-align: middle;
    font-size: 2.53vh;
}

.wrongline .point {
    border: 2px solid red;
    height: 2.53vh;
    width: 2.53vh;
    border-radius: 50%;
    margin-right: 2vh;
}

.wrongline .pointfill {
    border: 2px solid red;
    height: 2.53vh;
    width: 2.53vh;
    border-radius: 50%;
    margin-right: 2vh;
    background: red;
}

.wrongline .arrow {
    color: #9B9B9B;
    width: 20vh;
    float: right;
    text-align: right;
    position: absolute;
    right: 5%;
}

.disabled {
    background-color: #BFBFBF;
}