* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
a {
    text-decoration: none!important;
}
ul,ol,li {
    list-style: none;
}

/* 定宽布局 */
.w {
    width: 1200px;
    margin: 0 auto;
}

/* body 样式 */
.my-body {
    /* background: url() no-repeat center; */
    background-color: #fff;
    background-size: cover;
}

/* 标题 */
.my-title {
    text-align: center;
}

.my-title h2 {
    font-size: 40px;
    color: #000;
}



/*banner ------------------------------------------------------------------------------------------------------*/
.banner1 {
    width: 100%;
    height: 500px;
    position: relative;
}

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

.banner2 {
    width: 100%;
    height: 250px;
    position: relative;
    margin: 60px auto;
}
.banner2 img {
    width: 100%;
    height: 100%;
}


/*登录注册样式 -----------------------------------------------------------------------------------*/
.m-con {
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
}

/*input 框*/
.m-list {
    margin: 25px auto;
    color: #555!important;
}
.m-list input {
     color: #555!important;
}
/*用户协议*/
.m-info p {
    font-size: 14px!important;
    color: #555!important;
}

/*按钮*/
.m-btn {
    width: 100px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    /*background-color: pink;*/
    margin-top: 30px;
    cursor: pointer;
    font-size: 14px!important;
    border: 1px solid #555;
    border-radius: 10px;
    transition: all .3s;
    color: #555!important;
}
.m-btn:hover {
    background-color: #00c0ff;
    color: #fff!important;
    border: 1px solid #00c0ff; 
}





/*支付页========================*/
.pay-con {
    width: 100%;
    position: relative;
    margin: 40px 0; 
    background-color: #fcfcfc;
}

.pay-con .w {
    background-color: #fff;
}

.pay-title h3 {
    font-size: 21px;
    text-align: left;
}

.pay-title2 {
    border-bottom: 1px dashed #2f2f2f ;
    margin: 30px 0;
}

.pay-title2 h3 {
    font-size: 18px;
    text-align: left;
    color: #888;
}


/*上层*/
.pay-s {
    width: 100%;
    height: 80px;
    /*background-color: #c60023;*/
}


.pay-s img {
    width: 100%;
    height: 100%;
   
}

/*充值容器*/
.pay-box {
    width: 100%;
    display: flex;
    align-items: center;
}

/*循环项*/
.pay-item {
    width: 155px;
   float:left;
    border: 1px solid #2f2f2f ;
    margin: 10px 15px;
    padding: 10px 0;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 15px;
    text-align: center;
}


.pay-item:hover {
    background-color: #2f2f2f;
}

.pay-item:hover h2 {
    color: #fff;
}
.pay-item:hover h4 {
    color: #fff;
}
.pay-item:hover .blink {
    background-color: #fff;
}

.pay-item h2 {
    color: #2f2f2f;
    font-size: 18px;
}
.pay-item .blink {
    width: 80%;
    height: 1px;
    background-color: #2f2f2f;
    margin: 10px auto;
}

.pay-item h4 {
     color: #2f2f2f;
    font-size: 16px;
}



.pay-mode {
    width: 100%;
    display: flex;
    align-items: center;
}

.pmode-img {
    width: 200px;
    height: 40px;
    margin-right: 60px;
    cursor: pointer;
}

.pmode-img img {
    width: 100%;
    height: 100%;
}









/*其他样式 -------------------------------------------------------------------------------------------------------*/
/*鼠标移入 图片放大*/
.scale-img{overflow: hidden;}
.scale-img img{
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    object-fit: cover;    
    transition: .5s all linear;
    -ms-transition: .5s all linear; /* IE 9 */
    -moz-transition: .5s all linear; /* Firefox */
    -webkit-transition: .5s all linear; /* Safari 和 Chrome */
    -o-transition: .5s all linear; /* Opera */
}
.scale-img:hover img{
    transform: scale3d(1.1,1.1,1.1);
    -ms-transform: scale3d(1.1,1.1,1.1);
    -moz-transform: scale3d(1.1,1.1,1.1);
    -webkit-transform: scale3d(1.1,1.1,1.1);
    -o-transform: scale3d(1.1,1.1,1.1);
}