*{ margin:0; padding:0; border:0; outline:0; list-style:none; vertical-align: baseline; }
::-webkit-scrollbar{ width: 4px; height: 4px; background-color: #F5F5F5; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5; }
::-webkit-scrollbar-thumb{ border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); /*background-color: #4977f7;*/background-color:rgb(7,223,135); background-color:#fe4365; }

html{ height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; /*font-size: .5rem;*/ font-size: 52px;  -webkit-tap-highlight-color: transparent; }
body{ overflow-x: hidden; width: 100%; height: 100%; font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;}
#app{ height: 100%; font-size: .373333rem; color: #151515; overflow-x: hidden; overflow-y: auto; position: relative; background:#000; }
[v-cloak]{ display:none; }
/*头图*/
.banners{ overflow:hidden; }
.banners img{ float:left; width:100%; }
/*选中套餐*/
#packageTextBox{ overflow:hidden; }
.packageText{width: 92%; height: 1.066667rem;line-height: 1.066667rem; text-align: center; margin: 0.266667rem auto; background-color: #fff; border-radius: 0.2rem;}
.packageText span{ color: red; font-weight: 700;}
/*选号区域*/
.numMain{ width: 100%; padding: 0.4rem 0.4rem 0.133333rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: #000; }
.numInner{ background: #fff; padding: 0.266667rem; border-radius: 0.266667rem; }

.fx{ display: -webkit-box; display: -ms-flexbox; display: flex; }
.fc{ -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.f1{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.yt{ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.yc{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.xc{ justify-content:center; }

/*号码搜索*/
.search{ border-radius: 0.346667rem; border: 1px solid #ec5468; margin-bottom: 0.666667rem; }
.search .left{ width: 2rem; font-size: .4rem; text-align: center;}
.search .left img{ width: 0.666667rem; height: 0.666667rem;}
.search .right{ position: relative; height: 1.066667rem; border-radius: 0.266667rem; color: #fff; }
.search .right .inp{  }
.search .right .inp input{ background-color: transparent; display: block; width: 100%; outline: 0; font-size: .4rem; height: 1.066667rem; line-height: 1.066667rem; border: 0; color: #000;  }
.search .right .btn{ height: 100%; background: #fe4365; padding: 0 0.666667rem; line-height: 1.066667rem; color: #fff; border-radius: 0.266667rem; font-weight: 700; font-size: .4rem; cursor: default; }
/*号码列表*/
.numList{ border-radius: 0.266667rem; margin-top: 0.266667rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.numList .item{ background-color: #eee; position: relative; width: 48%; border-radius: 0.133333rem; -webkit-box-shadow: 0 0.026667rem 0.2rem rgba(0,0,0,.3); box-shadow: 0 0.026667rem 0.2rem rgba(0,0,0,.3); margin-bottom: 0.56rem; font-size: 0; line-height: .933333rem; color: #000; }
.numList .item img{ display:block; position: absolute; width: 0.4rem; height: 0.466667rem; left: 0.133333rem;top: 0.306667rem;}
.numList .item .num{ background-color: #eee;
    padding: 0 0.32rem 0;
    font-size: .466667rem;
    font-weight: 500;
    height: 0.933333rem;
    line-height: .933333rem;
    text-align: center;
}
.numList .item p{
    margin: 0;
    padding: 0 0.32rem 0.133333rem;
    color: #d9717d;
    font-size: .346667rem;
    line-height: .533333rem;
    overflow: hidden;
}
.numList .item p span{
    margin-left: 0.733333rem;
    color: #2575b0;
}
.numEmpty{ padding:0.2rem 0 0.4rem; }
.numEmpty span{ color:#eee; }
/*上下页*/
.pager{
    margin: 0.266667rem 0;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    cursor: default;
}
.pager span{
    display: block;
    width: 2.4rem;
    height: 0.8rem;
    text-align: center;
    line-height: .8rem;
    font-size: .346667rem;
    color: #fff;
    background: #fe4365;
    border-radius: 0.4rem;
}
.pager span.disable{
    color: #fff;
    border-color: #27231b;
    border-width: 0;
    background-color: #cec9c9;
    border-style: solid;
}
/*详情图*/
.details{ overflow:hidden; }
.details img{ float:left; width:100%; }

/*底部漂浮按钮*/
.bottom-btns{
    position:fixed; z-index:100; left:50%; bottom:0; width:86%; transform:translateX(-50%);
    box-sizing:border-box;
}
.bottom-btns a{
    width: 100%;
    display: block;
    text-decoration: none;
    height: 1.066667rem;
    border-radius: 0.533333rem;
    background: #fe4365;
    text-align: center;
    line-height: 1.066667rem;
    font-size: .4rem;
    color: #fff;
    margin: 0 0 0.266667rem;
    border: 0.013333rem solid #fff;
    font-weight: 700;
    cursor:default;
    -webkit-animation-name: scaleDraw;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 3s;
}
@-webkit-keyframes scaleDraw{
    0%{
        -webkit-transform:scale(1);transform:scale(1);
    }
    25%{
        -webkit-transform:scale(1.1);transform:scale(1.1);
    }
    50%{
        -webkit-transform:scale(1);transform:scale(1)
    }75%{
        -webkit-transform:scale(1.1);transform:scale(1.1)
    }
}

/*弹窗*/
.popBox{
    width: 90%;
    max-height: 90%;
    font-size: .266667rem;
    position: absolute;
    left:50%; top:50%;
    transform: translate(-50%,-50%);
    background:#f9f9f9;
    border-radius: 0.4rem;
}
.popBox .close{
    position: absolute;
    right: 0.133333rem;
    top: -0.8rem;
    width: 0.666667rem;
    height: 0.666667rem;
}
.popInner{
    font-size: .266667rem;
    background: #f9f9f9;
    margin: 0.333333rem;
    position: relative;
    box-sizing:border-box;
    overflow-y:auto;
}

.orderForm{ }
.orderForm .title{
    padding-top: 0.533333rem;
    font-size: .36rem;
    line-height: .8rem;
    vertical-align: middle;
    position: relative;
}
.orderForm .title span{
    font-size: .453333rem;
    font-weight: 700;
}

.orderForm .title div{
    display: inline-block;
    height: 2rem;
}

.orderForm .title .taocan1{
    line-height: .4rem;
    display: inline-block;
    width: 76%;
    position: absolute;
    top: 1.426667rem;
    left: 1.693333rem;
}
.orderForm .title span:nth-of-type(2){
    margin-left: 0.133333rem;
    font-size: .32rem;
    color: #0d8709;
}

.orderForm .info{
    font-size: .32rem;
    margin: 0.4rem auto;
    margin-top: 0.5rem;
    width: 80%;
    text-align: center;
    color: #000;
    line-height: .533333rem;
}
.orderForm .formBox{
    border-radius: 0.133333rem;
    background: #fff;
}
.orderForm .formBox .ipt-item{
    position: relative;
    height: 1.333333rem;
    margin: 0 0.266667rem;
    background-color: #fff;
    border-bottom: 0.006667rem solid #ebedf0;
}
.orderForm .formBox .ipt-item .label{
    width: 1.933333rem;
    font-size: .373333rem;
    color: #000;
}
.orderForm .formBox .ipt-item:last-child{
    border:0;
}
.orderForm .formBox .ipt-item .ipt-box{ }
.orderForm .formBox .ipt-item .ipt-box input{
    background-color: transparent;
    display: block;
    width: 100%;
    outline: 0;
    font-size: .346667rem;
    height: 1.066667rem;
    line-height: 1.066667rem;
    border: 0;
}
.orderForm .orderBtn{
    color: #fff;
    width: 85%;
    margin: 0 auto 0.466667rem;
    text-align: center;
    line-height: 1.066667rem;
    font-size: .48rem;
    border-radius: 0.133333rem;
    overflow:hidden;
}
.orderForm .orderBtn img{
    width:100%; float:left;
}

/*协议列表*/
.agreement{}
.agreement .items{
    margin-left: 0.213333rem;
    color: #323233;
    line-height: .533333rem;
}
.agreement .items span{
    color:#3b9cfd; cursor:default;
}
.agreement .items span:first-child{
    color: #999;
}
/*协议弹窗*/
.popAg{
    background:#fff; border-radius:0.4rem; position:absolute;left:0; top:0; width:100%; height:100%;
}
.popAg .title{
    height: 1.333333rem;
    line-height: 1.333333rem;
    text-align: center;
    font-size: .426667rem;
    font-weight: 400;
}
.popAg .content{
    line-height: .613333rem;
    text-indent: 0.64rem;
    height: 100%;
    padding: 0 0.266667rem ;
    overflow: auto;
    font-size: .32rem;
    color: #444;
}
.popAg .isee{
    height: 1.2rem;
    line-height: 1.2rem;
    color: #1989fa;
    font-size: .373333rem;
    text-align: center;
    border-top: 1px solid #ddd;
}
/*收货地区选择器*/
.areaPicker{
    height: 100vh;
    width: 8rem;
    background-color: #fff;
    overflow: hidden;
}
.areaPicker ul{
    height: 100%;
    overflow: auto;
    -webkit-box-shadow: 0 0.053333rem 0.026667rem 0 rgba(58,116,184,.22);
    box-shadow: 0 0.053333rem 0.026667rem 0 rgba(58,116,184,.22);
    padding-left: 0.266667rem;
}
.areaPicker ul li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.266667rem;
    line-height: .533333rem;
    min-height: 0.533333rem;
    font-size: .4rem;
    color: #333;
}
.areaPicker ul li.active{
    color: #1989fa;
}