* {-webkit-text-size-adjust: none;text-size-adjust: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {-webkit-text-size-adjust: none;margin: 0;padding: 0;}
body, button, input, select, textarea {font: 0.24rem/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
address, cite, dfn, em, var {font-style: normal;}
code, kbd, pre, samp {font-family: courier new, courier, monospace;}
small {font-size: 0.24rem;}
ul, ol {list-style: none;}
a {text-decoration: none;outline: 0 none}
a:hover {text-decoration: none;}
sup {vertical-align: text-bottom;}
legend {color: #000;}
fieldset, img {border: 0;}
button, input, select, textarea {font-size: 100%;resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
.mc_tab_title ul:after, .footer_links ul:after {content: '\20';display: block;height: 0;clear: both;}
i, em {font-style: normal;}
body {font-size: 0.25rem;font-family: "Microsoft Yahei";background: #EFF3FF;height: 100%;}
a {color: inherit;text-decoration: none;}
a:focus {text-decoration: none;}
textarea, a, input {outline: none}
html, body {position: relative;overflow: hidden;background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/bg.jpg) no-repeat top / cover;}
label, input {vertical-align: middle;}
body {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;align-items: center;-ms-flex-align: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

/*topNav*/
header.nav-box {
    position: fixed;
    z-index: 9991;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.2rem;
    background: #252525;
}

header .nav-logo {
    float: left;
    width: .95rem;
    margin-top: .1rem;
    margin-left: .2rem;
}

header .nav-title {
    float: left;
    margin-top: .2rem;
    margin-left: .2rem;
    color: #fff;
    font-size: .3rem;
    font-weight: bold;
    line-height: .4rem;
}

header .nav-sub {
    color: #fff;
    font-size: .22rem;
    font-weight: normal;
}

header .link {
    float: right;
    height: 0.6rem;
    margin: 0.3rem 0.2rem 0 0;
    text-align: center;
    color: #fff;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/btn-bg.png) no-repeat center;
    background-size: 100% 100%;
    font-size: 0.21rem;
    line-height: 0.6rem;
}

header .link-home {
    width: 0.6rem;
}

header .link-home-ico {
    width: 0.3rem;
    display: block;
    margin: 0.15rem auto;
}

header .link-luntan {
    width: 1.4rem;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/link-bg.png) no-repeat center;
    background-size: 100% 100%;
}

header img {
    display: block;
    max-width: 100%;
}

/* con */

.con {
    -webkit-transform-origin: top;
    transform-origin: top;
    text-align: center;
    height: calc(100% - 4.1rem);
    position: relative;
    font-size: 0.24rem;
    width: 100%;
    line-height: 0.4rem;
}

.con .logo {
    width: 6.31rem;
    height: 3.6rem;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/slogan.png) no-repeat top / 100%;
    position: absolute;
    left: 0;
    top: -3.4rem;
}

.con .part2 .logo {
    top: -4.4rem;
}

.con .part {
    width: 5.5rem;
    padding: 0.3rem 0.5rem;
    color: #fff;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/oxford.png) no-repeat top / 100% 100%;
    height: 5.4rem;
    position: absolute;
    left: 50%;
    margin-left: -3.25rem;
    opacity: 0;
    visibility: hidden;
    margin-top: 3rem;
}

.con .part.on {
    opacity: 1;
    visibility: inherit;
}

.con .group {
    width: 4.9rem;
    height: 0.5rem;
    margin: 0.22rem auto;
    text-align: left;
    color: #679ee8;
    font-size: 0.28rem;
    line-height: 0.5rem;
}

.con .sel {
    position: relative;
    margin-right: 0.2rem;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/sel-bg.png) no-repeat left center/ auto 0.23rem;
}

.con .sel.on {
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/sel-bg-on.png) no-repeat left / auto 0.24rem;
}

.con input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    border: 0.02rem solid #679ee8;
    border-radius: 0.2rem;
    background: none;
    font-size: 0.23rem;
}

.circle {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.circle:before {
    content: '';
    position: absolute;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/circle.png) no-repeat top/100%;
    width: 5rem;
    height: 5rem;
    top: -1rem;
    left: -3rem;
    -webkit-animation: rotate 16s linear infinite;
    animation: rotate 16s linear infinite;
}

.circle:after {
    content: '';
    position: absolute;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/circle.png) no-repeat top/100%;
    width: 5rem;
    height: 5rem;
    bottom: -1rem;
    right: -3rem;
    -webkit-animation: rotate 16s linear infinite;
    animation: rotate 16s linear infinite;
}

.part {
    transition: all 0.2s linear;
}

/* part1 */

.part1 .mes {
    position: absolute;
    color: white;
    width: 5rem;
    top: 0.5rem;
    left: 50%;
    font-size: 0.28rem;
    margin-left: -2.5rem;
    z-index: 1;
}

.part1 .mes::before {
    content: '';
    position: absolute;
    bottom: -0.4rem;
    width: 100%;
    left: 0;
    height: 0.02rem;
    margin: 0.1rem auto;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/line.png) no-repeat;
    background-size: 100%;
}

.part1 .group.spe {
    margin-top: 1.7rem;
}

.part1 .group.spe .sel:nth-child(1) {
    margin-left: 0.2rem;
}

.part1 .sel input {
    visibility: hidden;
    margin-right: 0.07rem;
    width: 0.24rem;
    /* height: 0.14rem; */
}
.landscape .part1 .sel input{
    width: 0.14rem;
}
.part1 .phone {
    width: 3.6rem;
    margin-left: 0.1rem;
    padding: 0 0.14rem;
}

.part1 .code {
    width: 1.3rem;
    margin-left: 0.1rem;
    padding: 0 0.14rem;
}

.part1 .get {
    width: 2rem;
    height: 0.5rem;
    text-align: center;
    color: white;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/btn-bg.png) no-repeat center / 100%;
    line-height: 0.5rem;
    display: inline-block;
    margin-left: 0.13rem;
}

.part1 span.spe {
    display: block;
    margin: 0.1rem 0;
}

.part1 label.spe {
    margin: 0 0.1rem 0 0;
}

.part1 .connect {
    width: 2.3rem;
    padding: 0 0.14rem;
}

.part1 .begin {
    display: block;
    width: 5.26rem;
    height: 0.75rem;
    margin: 1.7rem auto 0;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/btn-begin.png) no-repeat center / 100%;
}

/* part2 */

.con .part2 {
    top: 1rem;
    height: 4.8rem;
}

.part2 .answer {
    color: #1e7be2;
}

.part2 .answer-num-box {
    position: absolute;
    top: -0.4rem;
    left: 50%;
    width: 2rem;
    margin-left: -1rem;
    font-size: 0.26rem;
}

.part2 .answer-num {
    color: #fff;
    font-size: 0.33rem;
}

.part2 .pro {
    position: absolute;
    top: -0.54rem;
    left: 50%;
    width: 6.5rem;
    height: 0.29rem;
    margin-left: -3.25rem;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/pro.png) no-repeat center/ 100%;
}

.part2 .pro-rate {
    display: block;
    width: 0;
    height: 0.28rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/pro-bg.png) repeat-x left / 6.1rem auto;
}

.part2 .test-box.on {
    visibility: inherit;
    opacity: 1;
}

.part2 .test-box {
    position: absolute;
    visibility: hidden;
    width: 5.5rem;
    font-size: 0.25rem;
    text-align: left;
    text-align: justify;
    opacity: 0;
}

.part2 .tit {
    position: absolute;
}

.part2 .tit::before {
    content: '';
    position: absolute;
    bottom: -0.3rem;
    width: 100%;
    left: 0;
    height: 0.02rem;
    margin: 0.1rem auto;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/line.png) no-repeat;
    background-size: 100%;
}

.part2 .scroll {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 3.23rem;
    padding-right: 0.2rem;
    margin-top: 1.3rem;
}

.part2 .options {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 5.2rem;
    height: 0.7rem;
    margin: 0.05rem auto;
    padding: 0 0.3rem;
    color: #bbb8b8;
    line-height: 0.7rem;
}

.part2 .options.on {
    color: #fff;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/option-bg.png) no-repeat center / 100% 100%;
    font-weight: bold;
}

.part2 .scroll::-webkit-scrollbar {
    width: .08rem;
}

.part2 .scroll::-webkit-scrollbar-thumb {
    border-radius: .1rem;
    background: #409fee;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

.part2 .scroll::-webkit-scrollbar-track {
    border-radius: .1rem;
    background: #25418f;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

.part2 .btn {
    height: 0.74rem;
    color: #fff;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/btn-bg.png) no-repeat center /100% 100%;
    line-height: 0.74rem;
    position: absolute;
}

.part2 .completed {
    width: 2.65rem;
    top: 5.7rem;
    right: 0.02rem;
    display: none;
}

.part2 .back {
    width: 2.65rem;
    top: 5.7rem;
    left: 0.02rem;
}

.part2 .next {
    width: 2.65rem;
    top: 5.7rem;
    right: 0.02rem;
}

.part2 .text-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 3rem;
    padding: 0.2rem 0.2rem;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/textarea-bg.png) no-repeat center / 100% 100%;
    margin-top: 1.7rem;
}

.part2 .textarea {
    width: 100%;
    height: 100%;
    color: #fff;
    border: none;
    background: none;
}

/* landscape */

.landscape header {
    display: none;
}

.landscape .con {
    height: 4rem;
    margin-top: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.landscape .part {
    height: 7.5rem;
    width: 5rem;
}

.landscape .part1 .logo {
    width: 3.2rem;
    height: 3.2rem;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/slogan-landscape.png) no-repeat top/100%;
    position: absolute;
    left: -3.4rem;
    top: 50%;
    margin-top: -1.3rem;
}

.landscape .part1 {
    height: 2.1rem;
    width: 3rem;
    top: 50%;
    padding: 0.3rem;
    margin-top: -1.7rem;
    right: 0.2rem;
    left: auto;
}

.landscape .part1 .mes {
    display: none;
}

.landscape .con .group {
    width: 4.9rem;
    height: 0.3rem;
    margin: 0.1rem auto;
    font-size: 0.16rem;
    line-height: 0.3rem;
}

.landscape .con input {
    font-size: 0.13rem;
}

.landscape .part1 .phone {
    width: 2.3rem;
    margin-left: 0.1rem;
    padding: 0 0.14rem;
}

.landscape .part1 .get {
    line-height: 0.3rem;
    display: inline;
    margin-left: 0.1rem;
    padding: 0.12rem 0.13rem;
}

.landscape .part1 .connect {
    width: 1.7rem;
}

.landscape .sel {
    /* margin: 0 0.1rem; */
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/sel-bg.png) no-repeat left center/ auto 0.14rem;
    /* height: 5.14rem; */
}

.landscape .sel.on {
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/sel-bg-on.png) no-repeat left center/ auto 0.14rem;
}

.landscape .part1 .begin {
    position: absolute;
    top: 2.9rem;
    width: 3rem;
    margin: 0;
    height: 0.5rem;
}

.ele-landscape {
    display: none;
}

/* landscape part2 */

.landscape .part2 {
    height: 2.2rem;
    width: 6rem;
    top: 50%;
    padding: 0.23rem;
    margin-top: -1.4rem;
}

.landscape .test-box {
    width: 5.9rem;
    line-height: 0.24rem;
    font-size: 0.17rem;
}

.landscape .tit {
    display: none;
}

.landscape .ele-landscape {
    display: block;
}

.landscape .scroll {
    height: 1.6rem;
    padding-right: 0.2rem;
    margin-top: 0.52rem;
}

.landscape .part2 .scroll::-webkit-scrollbar {
    width: .05rem;
}

.landscape .options {
    width: 50%;
    height: 0.3rem;
    margin: 0.05rem 0;
    padding: 0 0.15rem;
    line-height: 0.3rem;
    float: left;
}

.landscape .test-box:nth-child(1) .options {
    width: 33%;
}

.landscape .test-box:nth-child(2) .options {
    width: 33%;
}

.landscape .pro {
    position: absolute;
    top: -0.3rem;
    left: 50%;
    width: 3.4rem;
    height: 0.15rem;
    margin-left: -1.7rem;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/pro.png) no-repeat center/ 100%;
}

.landscape .answer-num-box {
    position: absolute;
    top: -0.35rem;
    left: 50%;
    width: 2rem;
    margin-left: -1.rem;
    font-size: 0.16rem;
}

.landscape .answer-num {
    font-size: 0.2rem;
}

.landscape .pro-rate {
    width: 0;
    height: 82%;
    margin: 0.01rem 0 0 0.02rem;
}

.landscape .btn {
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.2rem;
}

.landscape .back {
    width: 1.9rem;
    top: 2.8rem;
    left: 1.12rem;
}

.landscape .next {
    width: 1.9rem;
    top: 2.8rem;
    right: 1.12rem;
}

.landscape .completed {
    width: 1.9rem;
    top: 2.8rem;
    right: 1.12rem;
}

.landscape .text-box {
    height: 1.3rem;
    background: none;
    margin-top: 0.9rem;
    border: 0.01rem solid #233a70;
    border-radius: 0.13rem;
}

.landscape .part2 .logo {
    width: 1rem;
    left: 0;
    top: -0.6rem;
    margin-top: 0;
    height: 0.6rem;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/slogan-landscape-small.png) no-repeat top / 100%;
}

.landscape .circle::before {
    width: 3rem;
    height: 3rem;
    top: -1.5rem;
    left: -1.5rem;
}

.landscape .circle::after {
    width: 3rem;
    height: 3rem;
    bottom: -1.5rem;
    right: -1.5rem;
}

/* pop */

.pop {
    position: relative;
    display: none;
    overflow: hidden;
    width: 5.96rem;
    height: 3.96rem;
    margin: -1.97rem 0 0 -2.98rem !important;
    text-align: center;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/pop-bg1.png) no-repeat center /100%;
}

.pop .pop-title {
    margin-top: .6rem;
    color: #fff;
    font-size: .26rem;
    font-weight: bold;
}

.pop .btn-close {
    position: absolute;
    top: .2rem;
    right: .2rem;
    width: .6rem;
    height: .6rem;
}

/* pop1 */

.pop1 .system-tab {
    overflow: hidden;
    width: 3.4rem;
    margin: .65rem auto 0;
}

.pop1 .system-tab a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 1.33rem;
    height: 1.8rem;
}

.pop1 .btn-weixin {
    float: left;
}

.pop1 .btn-qq {
    float: right;
}

.pop1 .system-tab a p {
    margin-top: 1.4rem;
    color: #9198ba;
    font-size: .24rem;
}

.pop1 .system-tab i {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.33rem;
    height: 1.33rem;
    -webkit-animation: rotate 12s infinite linear;
    animation: rotate 12s infinite linear;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/round.png) no-repeat center /100%;
}

.pop1 .btn-weixin span {
    position: absolute;
    top: .48rem;
    left: .4rem;
    width: .54rem;
    height: .44rem;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/wx-icon.png) no-repeat center / 100%;
}

.pop1 .btn-qq span {
    position: absolute;
    top: .46rem;
    left: .47rem;
    width: .39rem;
    height: .45rem;
    background: url(//game.gtimg.cn/images/xiawa/cp/a20181211dcwj/qq-icon.png) no-repeat center /100%;
}

.landscape .pop1 {
    -webkit-transform: scale(0.67);
    transform: scale(0.67);
    -webkit-transform-origin: center;
    transform-origin: center;
}

/* animate */

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}