html,body{
    /* max-width: 54.6rem; */
    padding: 0!important;
    margin: 0!important;
    color:rgba(35,35,35,1);
    height: 100%;
    font-family: Microsoft YaHei;
    font-weight: 400;
    -moz-user-select:none; /* Firefox私有属性 */
    -webkit-user-select:none; /* WebKit内核私有属性 */
    -ms-user-select:none; /* IE私有属性(IE10及以后) */
    -khtml-user-select:none; /* KHTML内核私有属性 */
    -o-user-select:none; /* Opera私有属性 */
    user-select:none; /* CSS3属性 */
}

input{
    box-shadow:none;
    outline: none;
    resize: none; 
    border: none; 
    /*-webkit-appearance: none;*/
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
}


a:link { text-decoration: none;color: black}
a:active { text-decoration:blink}
a:hover { text-decoration:underline;color: black}
a:visited { text-decoration: none;color: black}

a{
    text-decoration:none !important;
    color:#333;
}



textarea:focus {
    outline: none;
}

.content{
    width: 17.3rem;
    border-radius: 0.25rem;
    margin: auto;
}
.content-w{
    width: 15.04rem;
    height:auto!important;
    border-radius: 0.25rem;
    padding: 0.63rem 1.13rem;
    box-shadow:0rem 0rem 1rem 0rem rgba(181,181,181,0.21);
    margin: auto;
}

.center{
    text-align: center!important;
}
.blod{
    font-weight: bold;
}
/*  */
.r{
    color: #F3565C!important;
}
.w{
    color: white!important;
}
.b{
    color: rgba(0,175,255,1)!important;
}
.black{
    color:rgba(35,35,35,1)!important;
}
.qg{
    color: #6A6A6A!important;
}
.bg-g{
    background-color: #EDEDED;
}
.maj-t15{
    margin-top: 15px;
}
/* 盒子  */
.box{
    display: flex;
    justify-content: center;
    align-items: center;
}
.box2{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box2-n{
    display: flex;
    justify-content: space-between;
}
.boxl{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.boxl_{
    display: flex;
    justify-content: flex-start;
}
.boxl2{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}
.boxr{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.box2_{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.f10{
    font-size: 10px;
}
.f14{
    font-size: 14px;
}
.f16{
    font-size: 16px;
}
.f18{
    font-size: 18px;
}
.f20{
    font-size: 20px;
}
.f24{
    font-size: 24px;
}
.f26{
    font-size: 26px;
}


/*  */
.pos-r{
    position: relative;
}


/*  */

.bg-w{
    background-color: white!important;
}



.maj-t30{
    margin-top: 30px;
}


/*  */
.hr-b{
    border-bottom: 0.02rem solid rgba(0, 0, 0, .2);
    /* height: 1px!important; */
}


/*  */
.none{
    display: none;
}


/* 弹窗 */
.modal-bg{
    background-color: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 100;
    overflow: hidden;
}
.ovf-h{
    overflow: hidden;
}

.top-hight{
    height: 1.5rem!important;
}


.right-btn {
    position: fixed;
    right: 80px;
    bottom: 80px;
}
.right-btn img {
    width: 62px;
    height: 61px;
    margin-bottom: 15px;
}
/*  */
.text2{
    text-indent:2em
}

.border-b{
    border-bottom: 1px solid #DCDCDC;
}
.maj-b30{
    margin-bottom: 30px;
}
.padding-no{
    padding: 0px!important;
}




.flip-container {
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -ms-transform: perspective(500px);
    -moz-transform: perspective(500px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    /* margin: 30px; */
    display: inline-block;
    /* border: 1px solid #aaa; */
    position: relative;
}
/*由于内层绝对定位导致高度缺少，这里显式设置了宽高*/
.flip-container, .front, .back {
    /* width: 200px;
    height: 200px; */
    width: 90px;
    height: 90px;
}

.flip-container:hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-container:hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 3; /* 降级处理不支持CSS3的浏览器，只是简单的将back上升盖住front */
}

.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;
    position: absolute;
    top: 0px;
    left: 0px;
}
.front {
    /* background: red; */
    z-index: 2;
}
.back {
    /* background: green; */
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.outer {
    width: 90px;
    height: 90px;
}
.inner {
    transition: 0.6s;
}
.outer:hover .inner{
    transform: rotateY(180deg);
}

.inner {
    width: 90px;
    height: 90px;
    transition: 0.6s;
}
.inner:hover{
    transform: rotateY(180deg);
}