﻿/*清除元素默认的内外边距  */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/*让所有斜体 不倾斜*/
em,
i {
    font-style: normal;
}
/*去掉列表前面的小点*/
li {
    list-style: none;
}
/*图片没有边框   去掉图片底侧的空白缝隙*/
img {
    border: 0;  /*ie6*/
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
}
/*让button 按钮 变成小手*/
button {
    cursor: pointer;
}
/*取消链接的下划线*/
a {
    text-decoration: none;
    color: #000;
    outline:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}



button,
input {
    font-family: 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
}

body {
    background-color: #fff;
    font: 12px/1.5 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
}

.hide,
.none {
    display: none;
}
/*清除浮动*/
.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0;
}

.clearfix {
    *zoom: 1;
}
input{  
	background-color: #fff;  
	outline:none;  
	border:1px solid #ccc;
}

/* 去掉input type=number 上下按钮 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}

.lazy:not(.loaded) {
    background-image: none !important;
}

body {
    max-width: 1920px;
    margin: 0 auto;
    background: url(../addimages/body-bg.jpg) repeat 0 0 / 100% auto;
}
.pointer {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
img {
    width: 100%;
    height: 100%;
}
:root {
    --theme-color: #FFD500;
}

.bind-popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    background-color: rgba(0,0,0,0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.bpc-tit {
    font-size: .4rem;
    font-weight: 700;
    margin-bottom: .12rem;
}
.bpc-tit.success {
    color: #F6C660;
}
.bpc-tit.error {
    color: #fff;
}
.bpc-img {
    width: 4.42rem;
    height: 4.42rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.bpc-img.success {
    background-image: url(../addimages/bind-success.png);
}
.bpc-img.error {
    background-image: url(../addimages/bind-fail.png);
}
.bpc-btns {
    margin-top: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bpc-btns a {
    width: 2.52rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    border-radius: 2rem;
    background-color: var(--theme-color);
    font-size: .32rem;
    color: #1B191A;
}
.bpc-btns a:active {
    opacity: 0.9;
}
.bpc-btns a.rebind {
    margin-left: .4rem;
    background-color: #acacac;
}

