*{margin: 0;padding: 0}
body, button, input, keygen, legend, select, textarea {
    font: 12px/1.14 Microsoft YaHei \5FAE\8F6F\96C5\9ED1;
    color:#333;
    outline: 0;
}
body {
    font-size: 0.28rem;
    position: relative;
    background: #940006;
    height: 100%;
}

body{
    width: 7.5rem;
    margin: 0 auto;
}
textarea {
    resize: none
}

iframe, img {
    border: 0
}

iframe {
    max-width: 100%
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
}

input, select, textarea {
    outline: 0;
    -webkit-user-modify: read-write-plaintext-only
}
input::-webkit-input-placeholder {
    color: #ccc;
}

input {
    -webkit-appearance: none
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

button:focus {
    outline: none
}

button, input {
    background: none;
    border: none;
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    outline: none
}

a {
    color:#666
}

img {
    width: 100%;
    height: 100%
}

em, i {
    font-style: normal
}


p {
    margin: 0;
    letter-spacing: 0.01rem;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #313131;
    font-size: 14px;
    margin: 0
}

*, :after, :before {
    box-sizing: border-box
}
.clearfix {
    *zoom: 1;
}
input{

}
.clearfix:after, .clearfix:before {
    display: table;
    content: "";
    line-height: 0;
}
.clearfix:after {
    clear: both;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.banner img {
    width: 100%;
}
.bg {
    background: rgb(255, 255, 255);
    position: relative;
    margin: 0.2rem 0.2rem;
    padding: 0.2rem 0;
    -moz-box-shadow:0 0 10px #cacaca;
    -webkit-box-shadow: 0 0 10px #cacaca;
    box-shadow: 0 0 10px #cacaca;
}
.bg .time {
    text-align: center;
}

.bg .time span {
    display: inline-block;
    color: #0487be;
    border-radius: 5px;
    font-size: 0.32rem;
    font-weight: bold;
}
.bg p{
    text-align: center;
    line-height: 0.5rem;
}
.tit{
    display: inline-block;
    padding: 0.15rem 0.7rem;
    vertical-align: top;
    height: auto;
    border-style: solid;
    border-width: 3px;
    font-size: 0.29rem;
    color: #0486bf;
    font-weight: bold;
    border-radius: 0px;
    /* background: #0486bf; */
    margin: 0.4rem 0.3rem;
    border-color: rgb(4, 134, 191);
    box-shadow: rgb(151, 180, 193) 3px 3px 0px;
}
.bg p.text{
    padding: 0 0.3rem;
    text-align: justify;
}
.bg p.p-d{
    text-align: justify;
    padding: 0.3rem;
}
.tc{
    text-align: center;
}


.award span{
    color: #0588c0;
}
.search-panel .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0 0.25rem;
    font-size: 0.28rem;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    height: 0.8rem;
    line-height: 0.8rem;border-radius: 0.1rem;

}
.search-panel .form-control {
    border-radius: inherit;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 0 0 0.7rem;
    background: #fff url(../image/icon-search.png) no-repeat 12px;
    background-size: 0.35rem auto;
    border-right: none;
    /*border-top-left-radius: 0.1rem;*/
    /*border-bottom-left-radius: 0.1rem;*/


}
.bg.first{
    height: 0.9rem;
    line-height: 1rem;
    padding: 0;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.p-0{
    padding: 0;
}
.btn-search img{
    width: 0.4rem;
    margin-right: 0.2rem;
}
.wrap{
    padding:0.3rem 0.3rem 0.3rem;
}
.bg .row{
    display: block;
    margin: 5px;
    padding: 5px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}




.vote {
    height: 0.55rem;
    line-height: 0.55rem;
    background: #5db9e3;
    text-align: center;
    flex: 1;
    font-size: 0.26rem;
    border-radius: 5px;
    color: #fff;

}
.vote.on{
    color: #ffffff;
    /* border: 1px solid #0486bf; */
    background: #0486bf;
}
.flex{
    display: flex;    margin: 0.15rem;
}
.look{
    border: 1px solid #5db9e3;
    text-align: center;
    color: #5db9e3;
    flex: 1;
    /* margin-right: 0.15rem; */
    height: 0.55rem;
    line-height: 0.55rem;
    font-size: 0.26rem;
    width: 100%;
    display: inline-block;
    margin-top: 0.15rem;
    border-radius: 5px;
}
.sub{
    width: 90%;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    background: #fe784a;
    border: navajowhite;
    margin-top: 15px;
    border-radius: 5px;
    margin-bottom: 20px;

}
.pt-0{
    padding-top: 0;
}

.page {
    margin: 15px auto;
    text-align: center
}

.page a {
    display: inline-block;
    padding: 6px 11px;
    background: #fff;
    border: 1px solid #fe454d;
    color: #fe454d;
    border-radius: 4px;
    box-sizing: content-box;
    margin: 0 3px;
}

.page a.current {
    background: #fe454d;
    color: #fff;
}
.article {
    margin-right: 0.2rem;
    margin-bottom: 0.4rem;
    width: 3.35rem;
    float: left;
    /* border: 1px solid #eee; */
    background: #fff;
}
.article:nth-child(2n){
    margin-right: 0;
}


.article img {
    display: block;
    width: 100%;
    height: 138px;
}
.detail {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0.2rem 0 0.1rem;    padding: 0 0.15rem;font-size: 0.26rem;
}
.detail em{
    font-weight: bold;
}
.detail span:first-child{
    float: left;
}
.infos {
    color: #666;
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.do_vote {
    font-size: 16px;
    display: block;
    width: 100%;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    position: relative;
    margin-top: 8px;
}
.do_vote {
    background-color: #ffb001;
    color: #ffffff;
}
.article a.do_vote {
    color: #fff;
}
.article .row{
    position: relative;
}
.index-voteNum {
    font-size: 12px;
    position: absolute;
    left: 4%;
    top: 3%;
    padding: 4px;
    background-color: #33333394;
    color: #fff;
    text-align: center;
}

.piao{
    color: #0588be;
    font-size: 0.26rem;
}
.piao em{
    font-weight: bold;
}
.title{
    text-align: center;
    border-top: 1px solid #eee;
    padding: 0.15rem 0;
    border-bottom: 1px solid #eee;
}
#msg {
    text-align: center;
    position: fixed;
    bottom: 10%;
    width: 100%;
    left: 0;
    z-index: 10000;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#msg span{
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    display: inline-block;
    padding: 10px;
    border-radius: 6px;
    font-size: 15px;
    z-index: 10000;
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}
.disabled { pointer-events: none; }
.bj{
    color: #0488c0;
}
.search-panel .btn-search {
    color: #940006;
    background: #f1e0be;
    border: none;
    width: 1.2rem;
    font-size: 0.29rem;
    /*border-top-right-radius: 0.1rem;*/
    /*border-bottom-right-radius: 0.1rem;*/
}
.search-panel{
    border-radius: 0.1rem;
    margin-bottom: 0.3rem;

}
.bt{
    text-align: center;
    margin: 0.2rem;
    line-height: 0.35rem;
}
.card{
    margin: 0.2rem;
}
.card .tops{
    display: flex;
    text-align: center;
    padding: 0.1rem 0;
}
.card .tops .info{
    flex: 1;
    line-height: 0.4rem;
    border-right: 1px solid #fff;
    color: #fff;
}
.card .tops .info:last-child{
    border-right: none;
}
.timer_wrap{
    text-align: center;
    padding: 0.2rem;
}
.data-show-box{
    display: inline-block;
    font-size: 0.26rem;
    color: #999;
}
.data-show-box div{
    float: left;
    margin-right: 0.1rem;
}
.p-2{
    padding: 0.2rem;
}
.con{
    line-height: 0.45rem;
}
.rule{
    margin-bottom: 0.1rem;
}
.rule p{
    margin-left: 0.5rem;
    text-align: justify;
}
.award p{
    text-indent: 0.6rem;
}
.mt1{
    margin: 0.1rem 0;
}

.data-show-box span{
    display: inline-block;
    width: 0.3rem;

    margin-right: 0.1rem;
}
.icon{
    width: 0.3rem;
    display: inline-block;
    vertical-align: sub;
    margin-right: 0.1rem;
}
.icon.gz{
    width: 0.28rem;
    margin-right: 0.15rem;
}
.biaohao{
    position: absolute;
    top: 0;
    padding: 0.1rem 0.2rem;
    font-size: 0.24rem;
    color: #fff;
    background: rgba(59, 59, 59, 0.5);
}
.article P{
    text-align: center;
    margin: 0.15rem 0;
    color:#6c757d !important;
}
.btn-on{
    padding:0.2rem;
    padding-top: 0;
}
.overly{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    display: none;z-index: 111;
}
.alert{
    display: none;
    width: 6rem;
    /* height: 3.5rem; */
    position: fixed;
    top: 50%;
    margin-top: -1.5rem;
    left: 50%;
    margin-left: -3rem;
    background: #fff;
    border-radius: 0.2rem;
    text-align: center;
    z-index: 112;
}
.suceess{
    margin: 0.3rem auto;
    width: 1.2rem;
}
.alert p{
    font-size: 0.3rem;
}
.ok{
    padding: 0.2rem 0;
    background: #fe5c2d;
    width: 3rem;
    margin: 0.3rem auto;
    color: #fff;
    border-radius: 0.1rem;
}
.foot{
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    color: #fff;
    font-size: 0.32rem;
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 12;
}
.foot ul{
    display: flex;
    width: 100%;
}
.foot ul li{
    flex: 1;
    font-size: 0.26rem;
    color: #888;
}
.foot i{
    width: 0.55rem;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.05rem;
}
.foot ul li.select{
    color: #5db9e3;
}
.word{
    margin-top: 0.3rem;
    font-size: 0.24rem;
    color: #999;
    line-height: 0.4rem;
    text-align: justify;
    border: 1px solid #eee;
    padding: 0.2rem;
}
.word .title2{
    color: #666;
    margin-top: 0.1rem;
}
.mb-3{
    margin-bottom: 1.5rem;
}
.top-tit{
    display: flex;
    padding: 0.2rem 0;
    background: #5ab8e2;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.top-tit div{
    flex: 1;
}
.pm-li{
    display: flex;
    padding: 0.2rem 0;
    text-align: center;
    color: #6c757d !important;
    border-bottom: 1px solid #eee;
    font-size: 0.24rem;
    line-height: 0.45rem;
}
.pm-li div{
    flex: 1;
}
.pm-li div:first-child{font-weight: bold}

.img img{
    margin-bottom: 0.2rem;
}

.btn-de a{
    width: 100%;
    display: inline-block;
    border: 1px solid;
    padding: 0.15rem;
    text-align: center;
    color: #00aaf8;
    font-size: 0.28rem;
    background: #fff;
    border-radius: 0.1rem;
}
.btn-de{
    color: #59b7e2;
    width: 3.2rem;
    margin: 0 auto 1.5rem;
    display: block;
    border: 1px solid #59b7e2;
    padding: 0.1rem 0;
    text-align: center;
    font-size: 0.28rem;
    border-radius: 0.1rem;
}
.btn-f{
    display: flex;
}
.btn-f i{
    width: 0.4rem;
    display: inline-block;
    vertical-align: sub;
    margin-right: 0.1rem;
}
.haibao{
    width: 7rem;
    position: fixed;
    top: 50%;
    margin-top: -4.5rem;
    margin-left: -3.5rem;
    left: 50%;
    display: none;
    z-index: 11;
}
.h-info{
    position: absolute;
    top: 4.2rem;
    width: 100%;
    text-align: center;
    line-height: 0.45rem;
}
.h-info .bh{
    font-size: 0.3rem;
    color: #333;
}

.toupiao i{
    width: 0.3rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.1rem;
}
.del{
    width: 0.6rem;
    height: 0.6rem;
    /* position: fixed; */
    /* bottom: 0.3rem; */
    /* left: 50%; */
    /* margin-left: -0.3rem; */
    z-index: 2;
    margin: 0.2rem auto;
}
.text{
    font-size: 0.4rem;
    font-weight: bold;
    color:#eed0a2;
    margin-top: 0.2rem;
}
.fwl{
    font-size: 0.4rem;
    font-weight: bold;
    margin-top: 0.2rem;
    color:#eed0a2
}
.mt-2{
    margin-top: 0.2rem;
}
.titles{
    display: flex;
    padding: 0 0.2rem;
}
.zxcj{
    flex: 1;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.3rem;
    background:#fff;
}
.zxcj.on{
    flex: 1;
    height: 0.9rem;
    background: #f1e0be;
    color: #940006;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.3rem;
}


.swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top {
    height: 80%;
    width: 100%;
}
.gallery-thumbs {
    height: 1.5rem;
    box-sizing: border-box;
    padding: 10px ;
    overflow: hidden;
}
.gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.list{
    margin-top: 0.2rem;
}
.lp-info{
    padding: 0 0.2rem;
    display: inline-block;
    width: 100%;
    height: 0.8rem;
    line-height: 0.9rem;

}
.lp-info .lp-name{
    font-size: 0.32rem;
    font-weight: bold;
    float: right;
    color: #940006;
}
.lp-info .price span{
    font-size: 0.34rem;
    font-weight: bold;
    color:#940006;
}
.price {
    float: right;
}
.content{
    display: flex;
    justify-content: space-between;
    font-size: 0.28rem;
    font-weight: normal;
}
.content span{
    font-size: 0.3rem;
}

.mt-4{
    margin-top: 0.4rem;
}
.zxcj-info .content{
    height: 0.9rem !important;
    font-size: 0.3rem !important;
}
.biaoti{
    width: 2rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.5rem;
    font-weight: bold;
    position: relative;
    margin-bottom: 0.1rem;
}
.biaoti img{
    position: absolute;
    width: 2.2rem;
    height: auto;
    left: 50%;
    margin-left: -1.1rem;
    bottom: 0.05rem;
    z-index: -1;
}
.gallery-thumbs img{
    height: auto;
}

.content{
    display: flex;
    justify-content: space-between;
    font-size: 0.29rem;
    line-height: 0.55rem;
    height: 0.8rem;
}

.content .name{
    font-size: 0.33rem;

}
.content em{
    font-size: 0.29rem;
    font-weight: bold;
    color:#940006;
}


.dianzan{
    width: 100%;
    height: 0.8rem;
    background-size: 100%;
    margin-top: 0.2rem;
    background: #940006;
    text-align: center;
    line-height: 0.8rem;
    color: #fff;
    font-size: 0.3rem;
}
.dianzan.on{
    width: 100%;
    height: 0.9rem;
    background-size: 100%;
    margin-top: 0.2rem;
}
.zxcj-info{
    margin-bottom: 0.5rem;
    border-radius: 0.1rem;
    background: #fff;
}
.list .rqpm-info{
    display: inline-block;
    width: 3.63rem;
    padding: 0 0.1rem;
    margin-bottom: 0.2rem;
}
.content1{
    color: #333;
    display: flex;
    font-size: 0.29rem;
    justify-content: space-between;
}
.zuo-name{
    margin-top: 0.1rem;
    margin-left: -0.1rem;
    font-size: 0.26rem;
    color: #999;
}

.kuang{
    border:1px solid #eee;
    padding: 0.2rem;
    border-top: none;
}

.list2 img{
    height: auto;
    display: block;
}
.wall-column {
    display: block;
    position: relative;
    width: 50%;
    float: left;
    padding: 0 0.1rem;
    box-sizing: border-box;
}
.mt-3{
    margin-top: 0.3rem;
}
.back {
    position: fixed;
    top: .4rem;
    left: .3rem;
    width: .6rem;
}
.wrap .top {
    display: flex;
    padding-bottom: .2rem;
    border-bottom: 1px solid #eee;
    margin-top: 1rem;
    margin-bottom: 0.1rem;
    margin-bottom: 0.3rem;
}

.wrap .top span.name {
    text-align: center;
    font-size: .35rem;
    flex: 1;
    font-weight: bold;
}
.number{
    float: left;
    font-size: 0.28rem;
    margin-top: 0.1rem;
}
.paiming{
    font-size: 0.29rem;
}
.paiming em{
    color:#940006;
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0 0.1rem;
}
.jiedu{
    margin-top: 0.1rem;
    font-size: 0.28rem;
    line-height: 0.5rem;
    text-align: justify;
    margin-bottom: 0.2rem;
}
.jiedu span{
    color: #940006;
    font-size: 0.29rem;
}
.code {
    text-align: center;
    margin-top: .5rem;
}
.code-img {
    width: 4.4rem;
    margin: .2rem auto;
}
.form{
    padding: 0.3rem;
    /* font-size: 0.29rem; */
    font-weight: bold;
    background: #fff;
}
.input{
    border: 1px solid #ddd;
    margin-top: 0.2rem;
    border-radius: 0.1rem;
    padding: 0.15rem 0.25rem;
    /* line-height: 0.8rem; */
    display: flex;
    margin-bottom: 0.3rem;
}
.input span{
    width: 0.4rem;
    display: inline-block;
    /* padding: 0.2rem; */
    margin-right: 0.2rem;
}
.input input{
    font-size: 0.28rem;
}
.z_photo {
    /* width: 5rem; */
    /* height: 5rem; */
    padding: 0.3rem 0;
    overflow: auto;
    clear: both;
    margin: 0rem auto;
    /* border: 1px dotted #eaecf2; */
}

.z_photo img {
    width: 1.3rem;
    height: 1.3rem;
}

.z_addImg {
    float: left;	/*左浮动*/
    margin-right: 0.2rem;	/*设置右外边距*/
}

.z_file {
    width: 1.3rem;
    height: 1.3rem;
    background: url(../image/tianjia.png) no-repeat;
    background-size: 100% 100%;	/*图片尺寸*/
    float: left;
    margin-right: 0.2rem;
}

.z_file input::-webkit-file-upload-button {
    width: 1.3rem;
    height: 1.3rem;
    border: none;	/*设置边框没有*/
    position: absolute;	/*绝对定位*/
    outline: 0;	/*边框边缘我的外围轮廓大小为0px*/
    opacity: 0;	/*设置元素不透明级别*/
}

.z_file input#file {
    display: block;	/*此元素将会被显示为块级元素，此元素前后会带有换行符*/
    width: auto;
    border: 0;
    vertical-align: middle;	/*此元素垂直居中*/
    opacity: 0;
}

/*遮罩层*/

.z_mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /*渐变    R红色值 G绿色值 B蓝色值 A透明度*/
    position: fixed;	/*生成绝对定位 相对于浏览器窗口进行定位*/
    top: 0;
    left: 0;
    z-index: 999;	/*设置元素的堆叠顺序*/
    display: none; /*此元素不会被显示*/
}

.z_alert {
    width: 4rem;
    /* height: 2rem; */
    /* border-radius: .2rem; */
    background: #fff;
    font-size: .28rem;
    text-align: center;
    position: absolute;
    /* margin-left: -2rem; */
    /* margin-top: -1rem; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.z_alert p:nth-child(1) {
    height: 1rem;
    line-height: 1.2rem;	/*设置行间的距离(行高)*/
}


.z_cancel {
    /* border-right: 1px solid #ddd;*/
}

.p_mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /*渐变    R红色值 G绿色值 B蓝色值 A透明度*/
    position: fixed;	/*生成绝对定位 相对于浏览器窗口进行定位*/
    top: 0;
    left: 0;
    z-index: 999;	/*设置元素的堆叠顺序*/
    display: none; /*此元素不会被显示*/
}

.p_alert {
    width: 6rem;
    text-align: center;	/*对齐方式 居中*/
    position: absolute; /*生成绝对定位，相对于 static 定位以外的第一个父元素进行定位*/
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.form p{
    font-size: 0.28rem;
}
.form span{
    font-size: 0.22rem;
    font-weight: normal;
    color: #999;
}

.z_alert p:nth-child(2) span {
    display: inline-block;	/*使段落生出行内框 行内块元素*/
    width: 49%;
    height: .7rem;
    line-height: .7rem;
    float: left;
    border-top: 1px solid #ddd;
    font-size: 0.28rem;
}
.form textarea{
    width: 100%;
    border: none;
    border-radius: .1rem;
    /* margin-top: 0.2rem; */
    /* padding: 0.2rem; */
    font-size: 0.28rem;
    height: .7rem;
}
.shuzi{
    padding: 0.1rem 0.2rem;
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    color: #fff;
    font-size: 0.29rem;
}
.mb-2{
    margin-bottom: 1.2rem;
}
.pagination-wrap {
   margin-bottom: 0.5rem;
    text-align: center;
}

.container:after, .container:before {
    content: " ";
    display: table;
}
.pagination-wrap .pagination {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
.pagination>li {
    display: inline;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.5;
    color: #0275d8;
    text-decoration: none;
    background-color: #fff;
    border:1px solid #87c0e3;
}
.pagination-wrap .pagination>li>a {
    padding: 0.15rem 0.24rem;
    font-size: 0.28rem;
    line-height: 0.3rem;
    color: #f6843f;
}
.pagination-wrap .pagination>li.active>a {
    color: #fff;
    background: #f6843f;
    border-color: #f6843f;
}
.yuan{
    width: 0.55rem;
    height: 0.55rem;
    background: url(../image/dianzan1.png) no-repeat;
    background-size: 100%;
}
.yuan.on{
    width: 0.55rem;
    height: 0.55rem;
    background: url(../image/dianzan2.png) no-repeat;
    background-size: 100%;
}
.demo img{ width: 20px; height: 20px; position: absolute; bottom: 30px; left: 5px; z-index: 1111}
.num {
    text-align: center;
     margin-left: 0.1rem;
    font-size: 0.26rem;
}
.zan {
    display: flex;
    align-items: center;
    position: relative;
}
.more {
    width: 3rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    display: block;
    margin: 0.5rem auto;
    font-size: 0.3rem;
}
.top{
    display: flex;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.34rem;
    position: relative;
    background: #940006;
}

.top p{
    text-align: center;
    flex: 1;
    color: #fff;
}
.top a{
    width: 0.4rem;
    position: absolute;
    top: 0.1rem;
    left: 0.2rem;
}
.baoming{
    width: 7rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 112;
    display: none;
}
.btn-bm{
    height: 0.8rem;
    width: 100%;
    text-align: center;
    line-height: 0.8rem;
    color: #fff;
    background: #940006;
    font-size: 0.3rem;
    font-weight: normal;

}
.numbers{
    font-size: 0.32rem;
    font-weight: bold;
    color: #940006;
}
.b-tab {
    display: flex;
    justify-content: space-between;
    /* max-width: 0.2rem; */
    /* padding: 0.2rem; */
    background: #fff;
    padding: 0 .3rem 0;

}
.b-tab-item{
    flex: 0 0 2.9rem;
    font-size: .3rem;
    text-align: center;
    line-height: .9rem;
}
.b-tab-item.on{
    color: #940006;
    border-bottom: 2px solid;
    font-weight: bold;
}
.form p.text-red{
    font-weight: normal;
    color: #940006;
    margin-bottom: .2rem;
    font-size: .27rem;
}
.guize{
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    background: #f1e0be;
    text-align: center;
    color: #940006;
    position: fixed;
    right: .4rem;
    top: 4rem;
    padding: .1rem;
    z-index: 111;
	animation: rubberBand 1s infinite linear;
    transform: translateZ(0);

}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

.guize-con{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 112;
    width: 7rem;
    display: none;

}
.guize-con .tops{
    background: #fff;
    padding: .3rem;
    margin-bottom: .3rem;
    height: 9rem;
}
.guize-con .tops h1{
    font-size: .34rem;
    text-align: center;
    margin-bottom: .3rem;
    color: #940006;
}