* {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a {
    text-decoration: none;
}

a,
button,
input,
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

div {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

input,
textarea {
    　　border: 0;
    　　-webkit-appearance: none;
}

#scroll_div1 {
    width: 84%;
    margin:0 auto;

        overflow: hidden;
        white-space: nowrap;
        flex: 1;color: #fff;font-size:.28rem
    }
    
    #scroll_begin1,
    #scroll_end1 {
        display: inline;
    }

.flex-scrol {
    overflow-y: auto;
    height: 100%;
}

html {
    　　-webkit-text-size-adjust: 100%;
}

body {
    font-size: 14px;
    font-family: '微软雅黑';
    -webkit-overflow-scrolling: touch;
}


body, html {
    /*background: rgba(21, 5, 101, 1);*/
    /*background: url('/gongminsuzhi/2022/bgc.jpg') no-repeat;*/
    background: url('/gongminsuzhi/2024/bgc.jpg') no-repeat;
    background-size: 100% 100%;
    min-height: 100vh;
}

img {
    display: block;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.clearfix:after {
    content: "";
    height: 0;
    display: block;
    clear: both;
}

*:focus {
    outline: none;
}

.clearfix {
    zoom: 1;
}

.left {
    float: left;
}

.right {
    float: right;
}
.phbtn{
    display: flex;
    padding:0 6%;
}
.phbtn a{
    width: 50%;
    background: url(../2022/bkd.png) no-repeat center center;
    background-size: 126% 100%;
    height: 2.45rem;
    line-height: 2.45rem;
    color: #fff;
    font-size: .28rem;
    text-align: center;
    position: relative;
    z-index: 11;
}
/*:-moz-placeholder {
    color: #fff;  
}

::-moz-placeholder {
    color: #fff;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #fff;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #fff;
}*/

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

.hot-mask {
	position: fixed;
	top: 50%;
	left: 24px;
	right: 24px;
	z-index: 99999;
	max-width: 435px;
	margin: 0 auto;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}
.mask-top{
	position: relative;
}
.mask-top h2{
	font-size:20px;
	color:#6430F1;
	text-align: center;
	padding: 20px 0 20px 50px;
}

.hot-mask-cont{
	padding:10px 24px 35px 24px;
}
.hot-mask-cont p{
	text-align: center;
	font-size:14px;
	font-weight:400;
	color:rgba(51,51,51,1);
	padding-bottom: 22px;
}
.hot-mask-cont>img{
	width:130px;
	box-shadow:0px 3px 6px rgba(0,0,0,0.16);
	border-radius:10px;
	-webkit-border-radius:10px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.hot-mask-cont a{
	display: block;
	width: 100%;
	cursor: pointer;
}

.closeredian{
	float: right;
	width: 26px;
	margin: 8px 12px;
}

.wrapper {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    position: relative;
}

.tipBc {
    color: #999999;
    font-size: .2rem;
    padding: .15rem 0 0 0
}

@-webkit-keyframes zoomIn1 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1.3, 1.3, 1.3);
        transform: scale3d(1.3, 1.3, 1.3);
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn1 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1.3, 1.3, 1.3);
        -ms-transform: scale3d(1.3, 1.3, 1.3);
        transform: scale3d(1.3, 1.3, 1.3);
    }
    50% {
        opacity: 1
    }
}


section {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    position: relative;
}

.index{
    /*background:url(../2022/index-bk.png) no-repeat center center;*/
    /*background-size: cover;*/
}

.bobao{
    background:url(../2022/paoma.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 2.6rem;
    padding-left: 1.6rem;
    padding-right: .8rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: .32rem;
    font-weight: 500;
    margin:-.5rem 0;
}
.indexBtn{
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 1.8rem;
    overflow: hidden;
    padding:0 6%;
    box-sizing: border-box;
    z-index: 2;
}
.indexBtn a{
    /*width: 50%;*/
    width: 4rem;
    background: url(../2022/bkd.png) no-repeat center center;
    background-size: 100% 100%;
    height: 1.8rem;
}
.indexBtn a span{
    display: block;
    /*padding-top: .8rem;*/
    padding-top: .5rem;
    font-size: .34rem;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.indexBtn a i{
    display: block;
    font-size: .2rem;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.65;
    font-style: normal;
    text-align: center;
}

.morezt{
    position: relative;
    display: block;
    background: url(../2022/bkc.png) no-repeat;
    background-size: 100% 100%;
    height: 1.98rem;
    width: 89%;
    margin: 0 auto;
    /*margin-top: -.6rem;*/
    z-index: 1;
}
.morezt span{
    position:absolute;
    top: .86rem;
    width: .45rem;
    right: .98rem;

}
.morezt p{
    font-size: .28rem;
    font-weight: 500;
    text-align: center;
    color: #99F2FF;
    line-height: 1.98rem;
}
.successCJ, .errCJ {
    display: none;
}

.successCJ .backgroudCenter {

    background: #fff;
}

.errTxt {
    text-align: center;
    font-size: .3rem;
    color: #666;
    line-height: .45rem;
    padding-top: .2rem;
}

.errTxt span {
    display: block;
    font-size: .26rem;
    line-height: .4rem;
}

.errImg {
    display: block;
    margin: 0 auto;
    width: 1.6rem;
}

.successTitle {
    text-align: center;
    font-size: .4rem;
    color: #fff;
    line-height: .7rem;
    padding-top: 1.75rem;
    font-style: oblique;
    font-weight: bold;
    padding-bottom: .3rem;
}

.successTitle strong {
    display: block;

}

.tiaozhanBtn {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-bottom: .3rem;
}

.tiaozhanBtn a {
    width: 48.5%;
    height: 1.29rem;
}

.tiaozhanBtn a img {
    height: 100%;
}

.jiangImg {
    display: block;
    width: 37%;
    padding-left: 7%;
    margin: .2rem auto;
}

.tip {
    font-size: .24rem;
    color: #f08e75;
    line-height: .38rem;
}

.goindex {
    width: 66%;
    height: .88rem;
    background: #dc3567;
    display: block;
    margin: 0 auto;
    margin-top: -.8rem;
    position: relative;
    z-index: 11;
    text-align: center;
    line-height: .88rem;
    color: #fff;
    font-size: .28rem;

}

.logoChoujiang {
    width: 50%;
    position: absolute;
    top: .25rem;
    left: .25rem;
}

.choujiangTitle {
    width: 64%;
    margin: 0 auto;
    padding: 1rem 0 .3rem 0;
}

.choujiang {
    width: 100%;
    min-height: 100%;
    background: url(../img/a1.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.yqzp {
    width: 100%;
    min-height: 100%;
    background: url(../img/zpbk.png) no-repeat;
    background-size: 100% auto;
}

.choujiangBackground {
    background: url(../img/a6.png) no-repeat;
    background-size: 100% 100%;
    height: 7.7rem;
    width: 100%;
    margin-top: -1.3rem;
    padding-top: 1.5rem;


}

.g-lottery-box {
    width: 6.15rem;
    height: 6.15rem;
    margin: 0 auto;
    position: relative;
}

.g-lottery-box .g-lottery-img {
    width: 100%;
    height: 100%;
    background: url(../img/a7.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.successBK {
    background: url(../img/d1.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    padding: 0 18% .7rem 18%;
}

.errBK {
    width: 80%;
    margin: 0 auto;
}

.closeErr {
    width: 10%;
    display: block;
    margin: .5rem auto 0 auto;
}

.zpMask {
    width: 100%;
    position: fixed;
    max-width: 750px;
    top: 50%;
    left: 50%;
    z-index: 999;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.g-lottery-box .playbtn {
    width: 2.4rem;
    height: 2.4rem;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    top: 1.88rem;
    left: 1.88rem;
    background: url(../img/a13.png) no-repeat center;
    background-size: 100% 100%;
}

.zpBottom {
    text-align: center;
    font-size: .28rem;
    color: #fff;
    font-weight: bold;
    margin-top: -.8rem;
    padding-bottom: .2rem
}

.zpBottom strong {
    font-size: .3rem;
    color: #ff1
}

.Login {
    display: none;
}

.content-wrapper {
    width: 86%;
    margin: 0 auto;
}

.backgroundBottom {
    width: 80%;
    position: fixed;
    max-width: 6rem;
    max-height: 100%;
    overflow-y: auto;
    top: 50%;
    left: 50%;
    z-index: 999;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background: #fff;
    z-index: 9999999;
}


.backgroudCenter {
    width: 100%;
    height: 100%;
    padding: .3rem .6rem;
    box-sizing: border-box;
}


.gerenBtn {
    padding: 10px 0;
}

.gerentip {
    background: url("../img/e1.png") no-repeat;
    height: 1rem;
    width: 100%;
    margin: 0 auto;
    max-width: 750px;
    background-size: 100% 100%;
    text-align: center;
    padding-top: .7rem;
    color: #fff;
    font-size: .24rem;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    line-height: .42rem;
    z-index: 999;
}

.gerentip strong {
    color: #ff1;
}

.gerenBtn a {
    float: left;
    height: 1.29rem;
    overflow: hidden;
}

.gerenBtn a img {
    height: 100%;
}

.gerenBtn a:nth-child(1) {
    width: 32%;
}

.gerenBtn a:nth-child(2) {
    width: 38%;
    margin: 0 3%;
}

.gerenBtn a:nth-child(3) {
    width: 24%;
}


.paihang {
    width: 100%;
    overflow: hidden;
}

.page {
    text-align: center;
    padding-bottom: 15px;
}

.page span {
    margin: 0 5px;
}

.pmList {
    padding-bottom: .2rem !important;
    padding-top: .3rem !important;
}


.PHtitleBar strong{
    color: rgba(114, 206, 255, 1);
    font-size: 40px;
}


.PHtitleBar span {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}

.PHtitleBar a {
    float: right;
    font-size: .24rem;
    color: #fff;
    padding: .02rem .07rem;
    background: #3391e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.tabTop {
    width: 100%;
    margin: 0 auto;
    padding-bottom: .4rem;
}
.loading{
    height: 4px;
    background: rgba(255, 255, 255, 1);
    border-radius: 11px;
    margin: .2rem auto;
    position: relative;
}
.loading span{
    position: absolute;
    top: -1px;
    height: 6px;
    display: block;
    border-radius: 11px;
    background:rgba(114, 206, 255, 1)
}

/*index*/
.chengji {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.jd {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    background: url(../img/jdbk.png) no-repeat;
    background-size: 100% auto;
}

.tabCont {
    background: #FFFFFF;
    width: 88%;
    margin: 0 auto;
    flex: 1;
    overflow-y: auto;
}

.tabCont li {
    display: block;
    padding: 20px;
}

.guizheTItle {
    padding-bottom: .3rem;
    width: 88%;
    margin: 0 auto;
    position: relative;
}

.guizheTItle span {
    float: left;
    width: 26%;
    line-height: .72rem;
    color: #fff;
    opacity: 0.5;
    text-align: center;
    font-size: .32rem;
    position: relative;
}

.guizheTItle:before {
    content: "";
    background: url(../img/setting.png) no-repeat;
    width: .9rem;
    height: .9rem;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: .3rem;
}


.guizheTItle span.active {
    opacity: 1;
}

.guizheTItle span.active:after {
    content: "";
    width: .38rem;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    border: 2px solid rgba(255, 255, 255, 1);
}

.tabCont li p {
    font-size: .3rem;
    color: #333;
    line-height: .6rem;
}

.tabCont li i {
    display: block;
    font-size: .34rem;
    font-style: normal;
    color: #00529F;
}

.tabCont li strong {
    display: block;
    font-size: .24rem;
    color: #333;
    line-height: .5rem;
    font-weight: normal;

}

.flex-wrapper {
    flex: 1;
    overflow-y: auto;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}
.jiucuo{
    width: 47px;
    position:absolute;
    right: 0;
    top:0;
}
.main{
    /*background: url(../2022/bk.png?v=20230906) no-repeat bottom;*/
    /*background-size: 100% auto;*/
}
.indexTop {
    width: 53%;
    padding: .3rem 0 .16rem .4rem;
    box-sizing: border-box;
    position: relative;
    z-index: 111;
}

.indexImg {
    /*width: 94%;*/
    width: 100%;
    margin: 1.4rem 0;
}
.top-right{
    position: absolute;
    right: 0;
    top: 18px;
    width: 115px;
}
.top-right a{
    display: flex;
    width: 100%;
    align-items: center;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #0000ff;
    margin-bottom: 10px;
    border: 1px solid #b82dfb;
    height: 35px;
    border-radius: 20px 0 0 20px;
}
.top-right a i{
    width: 12px;
    margin-right: 5px;
}

.dati-btn a{
    display: block;
    width: 100%;
    height: 1.7rem;
    overflow: hidden;
}
.dati-btn a img{
    object-fit: cover;
    height: 100%;
}
.flex-btn{
    display: flex !important;
    padding: 0 3%;
    width: 100%;
    box-sizing: border-box;
}
.flex-btn a{
    flex: 1;
    overflow: hidden;
    height: 1.7rem;
}
.flex-btn a img{
    object-fit: cover;
    height: 100%;
    width: 112%;
    margin: 0 -6%;
}
.dati-btn-bottom{
    margin-top: -.2rem;
}
.dati-btn-bottom a{
    display: block;
    width: 100%;
    height: 1.3rem;
    overflow: hidden;
}
.dati-btn-bottom a img{
    object-fit: cover;
    height: 100%;
}


.jd-main1{
    padding:1rem  .4rem .35rem .4rem;
    background: #fff;
}
.jd-main1 h3{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding-bottom:20px ;
    color: #4627EE;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px;
}
.jd-main1 p{
    font-size: 16px;
    line-height: 36px;
    color: #313131;
    max-height: 250px;
    overflow-y: auto;
}
.jd-main1 div a{
    background: #D643CB !important;
}
.indexBtnTop {
    margin-top: -1.3rem;
    padding-bottom: .2rem;
}

.indexBtnTop a {
    display: block;
    height: 1.15rem;
    background: #E866EA;
    width: 100%;
    /*margin-bottom: .2rem;*/
    position: relative;
}

.indexBtnTop a strong {
    display: block;
    padding: .2rem .4rem 0 .4rem;
    font-size: .32rem;
    color: #fff;
}

.indexBtnTop a span {
    display: block;
    padding: 0 .4rem;
    color: #fff;
    font-size: .24rem;
}

.indexBtnTop a img {
    position: absolute;
    width: .65rem;
    right: .4rem;
    top: .4rem;
}


.zt-list {
    width: 82%;
    margin: 0 auto;
    position: relative;
}

.zt-list li {
    display: block;
    width: 100%;
    margin-top: 5px;
}

.zt-list li a {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 17px 5px 6px;
    border: 1px solid #b82dfb;
    /*background: rgba(45, 0, 194, .5);*/
}

.zt-list li a i {
    width: 53px;
    height: 35px;
    flex: 0 0 53px;
    overflow: hidden;
}

.zt-list li a i img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cj-btn {
    position: relative;
    z-index: 1;
}

.zt-list li a p {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    padding-left: 14px;
}

.zt-list li a span {
    width: 43px;
}

.index-more {
    display: block;
    text-align: center;
    font-size: .24rem;
    font-weight: 400;
    color: #0204ff;
    position: relative;
    margin-top: .2rem;
    z-index: 2;
}


/*.index:after{
    content: "";
    position: fixed;
    top: 1.15rem;
    background: url(../img/topBK.png) no-repeat;
    height: 6.85rem;
    width: 7.5rem;
    background-size: 100%;
}
.index:before{
    content: "";
    position: fixed;
    bottom:0;
    background: url(../img/bottomBK.png) no-repeat;
    height: 1.6rem;
    width: 7.5rem;
    background-size: 100%;
}*/

.formList {
    width: 100%;
    margin: 0 auto;

}

.formList > li {
    float: left;
    width: 100%;
    margin-bottom: .1rem;
    position: relative;
    border-bottom: 1px solid #B4B4B4

}
.formList >li.b label::before{
    content: '*';
    color:#f73131 ;
    position: absolute;
    left: -.1rem;
    top: 30%;
    font-size: 12px;
}
.formList > li label {
    float: left;
    position: relative;
    width: 12%;
    padding: .1rem 0;
}

.formList > li label img {
    display: block;
    width: 100%;
    margin: 0 auto;
}


.formList > li.sex label:after {
    content: "";
    background: none;
    border: none;
}

.formList > li > input, .formList > li > select {
    float: left;
    width: 82%;
    border: none;
    background: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: .28rem;
    font-size: 13px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    padding: .25rem 0;

}


.formList > li > div.nice-select {
    position: relative;
    float: left;
    width: 75%;

}

.formList > li > div.nice-select input {
    width: 100%;
    float: left;
    padding: .28rem 0;
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: .28rem;
    background: url(../img/button_information_list.png) right no-repeat #ebebeb;
    background-position: 3.3rem 0.35rem;
    background-size: .26rem auto;
    color: #666;
}

.nice-select ul {
    width: 100%;
    display: none;
    position: absolute;
    left: 0px;
    top: .8rem;
    overflow: hidden;
    background-color: #ebebeb;
    max-height: 150px;
    overflow-y: auto;
    z-index: 9999;
}

.nice-select ul li {
    font-size: .26rem;
    padding: .15rem 0;
    overflow: hidden;
    text-indent: 0.2rem;
    color: #fff;
    cursor: pointer;
}

.nice-select ul li.on {
    background-color: #e0e0e0;
}

.Masktitle {
    font-size: .44rem;
    color: rgba(20, 141, 249, 1);
    /*font-weight: normal;*/
    text-align: center;
    padding-bottom: .4rem;
}

.Masktitle small {
    display: block;
    font-size: .24rem;
    font-weight: normal;
    color: #000000;
    font-weight: 400;
}

.btnInfor {
    padding-top: .3rem;
}

.btnInfor a {
    display: block;
    /*height: .88rem;*/
    /*line-height: .88rem;*/
    /*text-align: center;*/
    /*color: #fff;*/
    /*background:url(../img/btnbk.png) no-repeat;*/
    /*background-size: 100% 100%;*/
    cursor: pointer;
    font-size: .3rem;
}


.Chengji-title {
    width: 86%;
    margin: 0 auto;
}

.cjt {
    display: block;
    width: 100%;
    position: relative;
    margin: 20px auto;
}

.cjf {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.cjf strong {
    font-size: 50px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 9px 8px rgba(0, 0, 0, 0.24);
}

.cjf strong:after {
    content: "分";
    font-size: 20px;
    font-weight: normal;
    color: #fff;
}

.jcbtn {
    width: 217px;
    height: 32px;
    background: #0D8AF9;
    opacity: 1;
    border-radius: 23px;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
}

/*.cjt{*/
/*	display: block;*/
/*	width: 100%;*/
/*	position: relative;*/
/*	margin: 20px auto;*/
/*}*/

/*.cjt:after{*/
/*	content: "";*/
/*	position:absolute;*/
/*	right: .3rem;*/
/*	bottom: .4rem;*/
/*	width: .9rem;*/
/*	background: url("../img/shou.png") no-repeat;*/
/*	background-size: 100% 100%;*/
/*	height: .84rem;*/
/*	-webkit-animation: zoomInS .5s ease infinite alternate;*/
/*	-moz-animation: zoomInS .5s ease infinite alternate;*/
/*	animation: zoomInS .5s ease infinite alternate;*/
/*}*/


@-webkit-keyframes zoomInS {
    0%, 50% {

    }
    100% {
        -webkit-transform: scale3d(.8, .8, .8);
        transform: scale3d(.8, .8, .8);
    }
}

@keyframes zoomInS {
    0%, 50% {

    }
    100% {
        -webkit-transform: scale3d(.8, .8, .8);
        -ms-transform: scale3d(.8, .8, .8);
        transform: scale3d(.8, .8, .8);
    }
}

.zoomInS {
    -webkit-animation-name: zoomInS;
    animation-name: zoomInS
}


.cjl {
    float: left;
    width: 50%;

}

.cjl a {
    display: block;
    width: 100%;
}

.cjr {
    float: right;
    width: 50%;
    background: #24A0FF;
    color: #fff;
    height: 2.48rem;
    overflow: hidden;
    font-size: .28rem;
    color: rgba(255, 255, 255, 1);
    padding: .3rem;
    box-sizing: border-box;
}

.cjr div {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: .3rem;

}

.cjr div img {
    width: .6rem;
    height: .6rem;
    overflow: hidden;
    border-radius: 1rem;
    margin-right: .2rem;
}


.clock {
    position: absolute;
    top: 1.8rem;
    right: .9rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    /*background: #2774EE;*/
    z-index: 2;
}

.clock img {
    width: .4rem;
    margin-right: 5px;

}

.clock strong {
    font-size: .34rem;
    font-weight: normal;
    color: #fff;
}

.clock strong:after {
    content: "s";
}

.scoreBarBk {
    width: 86%;
    margin: 0 auto;
    /*-webkit-transform: rotate(-2deg);
     transform:rotate(-2deg);
     background: rgba(255,255,255,.5);*/
}


.scoreBarTop {
    width: 100%;
    height: 100%;
    /*box-sizing: border-box;
    -webkit-transform:rotate(2deg);
     transform:rotate(2deg);
     background:#fff;*/
}

.scoreBarBk1 {
    width: 86%;
    margin: 0 auto;
    background: #fff;
}


.scoreBarTop1 {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: #fff;
}

.scores {
    padding: 0 .4rem .2rem .4rem;
}

.guanTitle {
    font-size: 20px;
    font-weight: bold;
    color: #00f;
    padding: .2rem 0;
}

.answerTitle {
    font-size: .38rem;
    color: #00f;
    line-height: .6rem;
    font-weight: normal;
    margin-bottom: 28px;
}

.answerTitle strong, .answerTitle b {
    font-weight: normal;
}

.choose {
    display: block;
    width: 100%;
}

.jd-mask {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 285px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 999;
    background: #fff;
    display: none;


}

.jd-mask > img {
    width: 175px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -11px;
    position: absolute;
}

.jd-main {
    padding-bottom: 40px;
}

.jd-main i {
    display: block;
    margin: 0 auto;
}

.jd-main p {
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: #333333;
}

.ja-btn {
    padding-top: 20px;
}

.ja-btn a {
    display: block;
    width: 215px;
    height: 40px;
    background: #0D8AF9;
    border-radius: 48px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    margin: 0 auto;
    margin-bottom: 15px;
}

.ja-btn a:nth-child(2) {
    background: #D643CB;
}

.choose li {
    display: block;
    width: 100%;
    padding: .4rem .45rem;
    /*border-radius: 50px;*/
    /*-webkit-border-radius: 50px;*/
    background: url(../2022/datibk.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
    font-size: .32rem;
    color: #00f;
}

.choose li.active {
    color: #fff;
    background: url(../2022/datibkc.png) no-repeat;
    background-size: 100% 100%;
}

.anwersTop {
    padding: .48rem .3rem .44rem .3rem;
}

.anwersTop a {
    float: left;
    width: 50%;
}

.anwersTop strong {
    float: right;
    width: 45%;
}


.jiexiD {
    padding: .3rem 0 0 0;
    display: none;
}

.jiexiD h2 {
    font-size: .28rem;
    color: #313131;
    font-weight: normal;
    margin-bottom: .1rem;
}

.daan span {
    font-size: .24rem;
    color: #313131;
    margin-right: .2rem;
    display: inline-block;
    line-height: .48rem;

}

.jiexiD p {
    font-size: .24rem;
    color: #313131;
    line-height: .48rem;
}


.ChengjiTitle {
    padding: .75rem 0;
    text-align: center;
    font-size: .28rem;
    color: #707070;

}

.ZhPaiCj {
    text-align: center;
    font-size: .28rem;
    color: #707070;
    padding: .3rem 0 0 0;
    margin-bottom: -.2rem;
}

.ZhPaiCj strong {
    font-size: .34rem;
    color: #f75884;
    margin: 0 .1rem;
    font-weight: normal;
}

.ChengjiTitle strong {
    font-size: .34rem;
    color: #f75884;
    margin: 0 .1rem;
    font-weight: normal;
}

.ChengjiTop {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 .5rem 0;
}

.ChengjiTop a:nth-child(1) {
    float: left;
    width: 60%;
}

.ChengjiTop a:nth-child(2) {
    float: right;
    width: 38%;
}

.tubiao {
    width: 90%;
    margin: 0 auto;
    padding-bottom: .7rem;
    background: #f3f3f3;
}

.duibi {
    background: #e5e5e5;
    height: .58rem;
    line-height: .58rem;
    text-align: center;
    font-size: .24rem;
    color: #707070;
}

.paihangTitle {
    padding: 0 .45rem;
    position: relative;
    width: 100%;
    box-sizing: border-box;

}

.jiluTItle {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 0 .3rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.jiluTItle img {
    width: .56rem;
    height: .56rem;
    margin-right: 5px;
}

.jiluTItle span {
    font-size: .4rem;
    display: block;
    color: #fff;
    font-weight: bold;
}

.paihangTitle span {
    display: block;
    width: 2.7rem;
    height: .72rem;
    line-height: .72rem;
    color: #fff;
    padding-left: .35rem;
    font-size: .3rem;
    background: url(../img/background_image_rank.png) no-repeat right bottom #2f8fea;
    background-size: .8rem auto;

}

.cjList {
    width: 100%;
    padding: 0 0 .2rem 0;
}

.cjList li {
    float: left;
    width: 20%;
}

.cjList li strong {
    display: block;
    width: 100%;
    text-align: center;
    font-size: .4rem;
    font-weight: bold;
    /*color:#f9f7f7;*/
    color: black;
}

.cjList li span {
    display: block;
    text-align: center;
    font-size: .24rem;
    /*color: #f9f7f7;*/
    color: black;
}

.geren {
    width: 20%;
    position: absolute;
    top: .2rem;
    right: 0;
    z-index: 111;
}

.geren a {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.cyBtn {
    width: 25%;
    position: absolute;
    top: 1rem;
    right: 0;
    z-index: 111;
}

.paihang-bk {
    background: #fff;
}

.paiHBanner {
    background: url(../img/paihang123.png) no-repeat right bottom #24A0FF;
    background-size: 2.18rem;
    height: 2rem;
    padding: .3rem 0 0 .5rem;
    box-sizing: border-box;
}

.paiHBanner h2 {
    font-size: .32rem;
    color: #fff;
    font-weight: normal;
}

.paiHBanner p {
    font-size: .24rem;
    color: #fff;
    padding: .2rem 0 .1rem 0;
}

.paiHBanner span {
    display: block;
    width: 2.9rem;
    height: .4rem;
    line-height: .4rem;
    padding: 0 .1rem;
    font-size: .22rem;
    color: #fff;
    background: rgba(0, 0, 0, .2);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}


.pmList {
    padding: .5rem .1rem;

}

.pmList li {
    float: left;
    width: 100%;
    padding: .1rem 0;
}

.pmList li strong {
    float: left;
    width: 25%;
    text-align: center;
    font-size: .28rem;
    color: #333;
    font-weight: normal;
}

.pmList li span {
    float: left;
    width: 25%;
    font-size: .26rem;
    color: #434343;
    text-align: center;
}

.pmList li span img {
    display: block;
    width: .4rem;
    margin: 0 auto;
}

.jiexi-title1 {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    padding-bottom: .36rem;
}

.jiexi-title1 img {
    width: .6rem;
    height: .43rem;
    margin-right: 5px;
}

.succerr span.suc {
    color: #FF8416;
}

.jiexi-title1 span {
    font-size: .4rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
}

.jiexi-flex {
    display: flex;
    display: -webkit-flex;
    height: 100%;
    overflow: hidden;
    flex-direction: column;
}

.jiexi-bk {
    flex: 1;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    width: 86%;
    margin: 0 auto;
}

.jiexiList {
    flex: 1;
    overflow-y: auto;
    background: #fff;
    padding: .3rem .45rem;
}


.paBtn2 {
    width: 86%;
    margin: 0 auto;
    padding: .4rem 0;

}

.paBtn2 a {
    width: 49%;
}

.paBtn2 a:nth-child(1) {
    float: left;
    width: 47%;
}

.paBtn2 a:nth-child(2) {
    float: right;
}

.paBtn {
    width: 86%;
    margin: 0 auto;
    padding: .45rem 0 .2rem 0;
}

.paBtn a:nth-child(1) {
    float: left;
    width: 47%;
}

.paBtn a:nth-child(2) {
    float: right;
    width: 49%;
}


.fromList1 {
    padding: 0 24px;
}

.fromList1 li {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 15px;
}

.fromList1 label {
    display: block;
    width: 32px;
    font-size: 15px;
    color: #CF8300;
}

.fromList1 input, .fromList1 textarea {
    flex: 1;
    width: 100%;
    border: none;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    padding: 10px;
}

.jiexiList li {
    display: block;
    width: 100%;
    margin-bottom: .5rem;
    padding-bottom: .4rem;
    border-bottom: 1px solid #707070;
}

.jiexiList li p {
    font-size: .3rem;
    color: #333;
    line-height: .6rem;
}

.jiexiList li i {
    display: block;
    font-size: .34rem;
    font-style: normal;
    color: #00529F;
}

.succerr span {
    display: inline-block;
    margin-right: .2rem;
    font-size: .24rem;
    color: #333;
    line-height: .5rem;
}

.jiexiList li strong {
    display: block;
    font-size: .24rem;
    color: #333;
    line-height: .5rem;
    font-weight: normal;

}



.gr-top {
    width: 100%;
    background: #fff;
    border-radius: .72rem 0px .72rem 0px;
    -webkit-border-radius: .72rem 0px .72rem 0px;
}

.gr-Title {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    padding: .2rem;

}

.TItleImg {
    width: 1rem;
    height: 1rem;
    overflow: hidden;
    margin-right: 5px;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
}

.gr-Title b {
    flex: 1;
    font-size: .28rem;
    /*color: rgb(255, 255, 255);*/
    color:black;
}

.gr-right {
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
}

.gr-right span {
    font-size: .22rem;
    color: rgb(255, 255, 255);
    margin-right: 5px;
}

.gr-right strong {
    font-size: .6rem;
    font-weight: bold;
    color: rgb(255, 255, 255);
}

.shop-top {
    position: relative;
}

.shop-top span {
    position: absolute;
    bottom: 25px;
    left: 32px;
    font-size: 14px;
    color: rgba(255, 255, 255, .6);
}

.shop-top span strong {
    font-size: 20px;
    color: #fff;
}

.shopList {
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
}

.shopList li {
    float: left;
    width: 48%;
    padding-bottom: 17px;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.shopList li:nth-child(2n) {
    float: right;
}

.shopList li strong {
    display: block;
    width: 100%;
    height: 2.4rem;
    background: #EBF2FE;
    margin-bottom: 5px;
}

.shopList li strong img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shopList li p {
    margin: 0 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    text-align: center;
    margin-bottom: 5px;
}

.shopList li p span {
    color:rgba(13, 138, 249, 1);
}

.shopList li a {
    display: block;
    height: 34px;
    margin: 0 13px;
    background:rgba(13, 138, 249, 1);
    opacity: 1;
    border-radius: 17px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin-top: 5px;
}

.shopMask {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 9999999999999;
    background: #fff;
}

.jiucuoTxt {
    font-size: 11px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    text-align: center;
    padding-bottom: 12px;
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
}

.shopMainMask {
    position: relative;
}

.MaskTitle {
    text-align: center;
    font-size: 20px;
    padding: 22px 0 8px 0;
    color: rgba(20, 141, 249, 1);
}

.fromList {
    padding: 0 24px;
}

.fromList li {
    display: block;
    margin-bottom: 15px;
}

.fromList label {
    display: block;
    font-size: 15px;
    color: #CF8300;
}

.fromList input, .fromList textarea {
    display: block;
    width: 100%;
    border: none;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    padding: 10px;
    background: rgba(248, 248, 248, 1);
}


.fromList1 {
    padding: 0 24px;
}

.fromList1 li {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 15px;
}

.fromList1 label {
    display: block;
    width: 32px;
    font-size: 15px;
    color: #CF8300;
}

.fromList1 input, .fromList1 textarea {
    flex: 1;
    width: 100%;
    border: none;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    padding: 10px;
}

.ShopdetailTxt {
    padding: 0 20px;
}

.ShopdetailTxt strong {
    display: block;
    width: 100px;
    margin: 0 auto;
    margin-bottom: 10px;
}


/*抽奖*/
.choujiang-mask {
    /* display: none; */
    position: fixed;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 99999;
}

.turntable-bg {
    margin: 0 auto;
    width: 6.84rem;
    height: 6.84rem;
    position: relative;
}

.pointer {
    width: 2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 22;
}

.pointer:after {
    content: "开始";
    position: absolute;
    top: .8rem;
    left: 0;
    right: 0;
    text-align: center;
    font-size: .4rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
}

.pointer.active:after {
    content: "";
}

.rotate {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}

.choujiang-mask h2 {
    padding: 30px 0 7px 0;
    color: #fff;
    text-align: center;
    font-size: 26px;
}

.choujiang-mask p {
    font-size: 26px;
    font-weight: bold;
    color: rgba(255, 213, 46, 1);
    text-align: center;
    padding-bottom: 42px;
}

.choujiang-mask p.wu {
    color: #75ABFF;
}

.choujiang-mask p.zj {
    color: #FFA090;
}

.cj-bottom {
    position: absolute;
    right: .2rem;
    bottom: -.6rem;
    width: 5.8rem;
}

.cj-wu {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2.1rem;
    z-index: 22;
    display: none;
}

.cj-zj {
    position: absolute;
    right: -.2rem;
    bottom: -.2rem;
    left: -.2rem;
    top: -.2rem;
    display: none;
}

.cj-btn {
    display: none;
}

.cj-btn a {
    display: block;
    margin: 0 auto;
    width: 281px;
    height: 40px;
    background: rgba(33 135 241);
    opacity: 1;
    border-radius: 48px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin-top: 20px;
}


.chuti-title {
    position: relative;
    margin-top: -1rem;
}

.chuti-title span {
    position: absolute;
    top: 71px;
    left: 24px;
    font-size: 28px;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
}

.chuti-title img {
    display: block;

}

.succxuanxiang {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.succxuanxiang label {
    flex: 1;
    font-size: 15px;
    color: #333;
    display: inline-flex;
    align-items: center;
    display: -webkit-inline-flex;

}

.succxuanxiang label input {
    margin-right: 10px;
}

.btnMain {
    margin: 40px 24px;
}

.btnMain a {
    display: block;
    width: 100%;
    height: 40px;
    background: #0D8AF9;
    border-radius: 48px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.radio-ui {
    display: inline-block;
    width: 16px;
    height: 16px;
    appearance: none; /*清楚默认样式*/
    -webkit-appearance: none;
    border: 1px solid #A0A0A0;
    border-radius: 50px;
    outline: none;
    position: relative;
}

.radio-ui:checked {
    border-color: #3660D9;
}

.radio-ui:checked:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background: #3660D9;
    border-radius: 50px;
}

.chutiCenter {
    margin: 0 24px;
    margin-top: -1.1rem;
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0 13px 10px;
}

.chutiCenter li {
    display: block;
    margin-bottom: 15px;
}

.chutiCenter li > span {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: rgba(207, 131, 0, 1);
    padding: 15px 0;
}

.chutiCenter li > textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: none;
    height: 150px;
    resize: none;
    padding: 10px;
    font-size: 14px;
    background: rgba(248, 248, 248, 1);
}

.chutiCenter li > input {
    border: none;
    padding: 15px 10px;
    display: block;
    font-size: 14px;
    color: #333;
    width: 100%;
    box-sizing: border-box;
    background: rgba(248, 248, 248, 1);
}

.xuanxiang {
    display: flex;
    display: -webkit-flex;
    background: rgba(248, 248, 248, 1);
    padding: 10px 10px;
}

.xuanxiang span {
    font-size: 15px;
    font-weight: 400;
    color: rgba(25, 22, 25, 1);
    margin-right: 10px;
}

.xuanxiang textarea {
	flex: 1;
	font-size: 14px;
	font-weight: 400;
	background: none;
	resize: none;
	border: none;
	color: rgba(25, 22, 25, 1);
}


.ztmain {
    padding: 20px 25px;
}

.toplist {
    padding-bottom: 5px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.toplist div {
    width: 203px;
}

.toplist a {
    width: 32px;
}



.tipMask{
    background: rgba(0,0,0,.5);
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
}
.tipMaskContent{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 84%;
    background: #fff;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.tialzhanContent{
    position: relative;
    padding: 30px;
}
.tipclose{
    position: absolute;
    width: 30px;
    right: 10px;
    top: 10px;
}
.tipTxt{
    text-align: center;
    font-size: 14px;
    color: #333;
}


/*答题记录 */
.datijilu{
    padding-top: .3rem;
}
.datijilu li{
    display: block;
    margin-bottom: .2rem;
}
.datijilu li a{
    display: flex;
    width: 100%;
    justify-content: space-between;
    background: url(../2022/datibkc.png) no-repeat;
    background-size: 100% 100%;
    align-items: center;
    height: 1.5rem;
    padding: 0 .4rem;
    box-sizing: border-box;
}
.datijilu li a strong{
    width: .64rem;
    margin-right: .1rem;
}
.datijilu li a span{
    flex: 1;
    overflow: hidden;
    font-size: .34rem;
    font-weight: bold;
    color: #FFFFFF;
}
.datijilu li a div{
    font-size: .32rem;
    font-weight: 400;
    color: rgba(0, 245, 255, 1);
}

.datijilu li a div strong{
    color: #F5FF00;
    font-weight: bold;

}

/* zhuanxiang */
.ztjllist{
    padding:.2rem .4rem;
    box-sizing: border-box;
    margin: .3rem auto;
    background: #fff;
}
.ztjllist li{
    display: block;
    border-bottom: 1px solid rgba(112, 112, 112, 1);
    padding: .25rem 0;
}
.ztjllist li p{
    font-size: .3rem;
    color: #191619;
}
.ztjllist li span{
    display: block;
    text-align: right;
    font-size: .3rem;
    color: #0D8AF9;
}

.grzx{
    width: 90%;
    margin: .3rem auto;
    background: url(../2022/grbk.png) no-repeat;
    background-size: 100% 100%;
    padding-bottom: .4rem;
}
.grzx h2{
    font-size:.3rem;
    padding-top: .08rem;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}
.grzxList{
    margin: 0 .4rem;
    padding: .2rem 0;
}
.grzxList li{
    display: flex;
    align-items: center;
    padding: .2rem 0;
}
.grzxList li i{
    width: .23rem;
    margin-right: 14px;
}
.grzxList li span{
    flex: 1;
    font-size: .3rem;
    font-weight: 500;
    color: #FFFFFF;
}
.grzxList li strong{
    font-size: .3rem;
    font-weight: 500;
    color: #FFFFFF;
}
.wj{
    padding: .3rem .5rem;
    margin-top: .4rem;
    height: 8rem;
    overflow-y: auto;
}
.wj li{
    display: flex;
    flex-direction: column;
    padding:.2rem 0;
}
.wj li p{
    font-size: .3rem;
    color: #fff;
    line-height: 1.8;
    padding-bottom: .2rem;
}
.wj li div{
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
}
.wj li div label{
    /* width: 25%; */
    display: inline-flex;
    align-items: center;
    padding: .1rem .25rem;
    box-sizing: border-box;
    width: 100%;
    font-size: .28rem;
    color: #fff;

}
.wj li div label input{

    margin-right: 10px;
}
.wj li div label .other{
    border: none;
    border-bottom: 1px solid #eee;
    background:none;
    font-size: .28rem;
    color: #fff;
    margin-left: .2rem;
}
.wj li div textarea{
    background: none;
    border: 1px solid #eee;
    font-size: .28rem;
    color: #fff;
    padding: .2rem;
    display: block;
    width: 100%;
    box-sizing: border-box;

}