/* 公共样式 */

/* <!-- zindex
header 10 
轮播小圆点 1
轮播下面的一块 1
选择人物 2
手 1
联系方式 10

--> */

/* transition IE 10 以下不支持

transform IE 9 以下不支持

*/


@font-face {
    font-family: 'SourceHanSansCN-Heavy';
    src        : url('https://cdn.nfgood.com/SourceHanSansCN-Heavy.ttf') format('truetype');
    font-weight: normal;
    font-style : normal;
}

.font-han-sans {
    font-family: 'SourceHanSansCN-Heavy';
}



* {
    margin : 0;
    padding: 0;
}

body,
html {
    height          : 100%;
    width           : 100%;
    background-color: #fff;
    font-family     : -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
        sans-serif;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* html {overflow-x:hidden;} */

#root {
    overflow: hidden;
    position: relative;
}

img {
    /* width: 100%; */
    background-size: cover;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

button {
    outline    : none;
    /* behavior: url(../js/ie-css3.htc); */
}


.console-body {
    padding : 10px 20px;
    position: fixed;
    top     : 0;
    left    : 0;
    z-index : 999;
}






.dialog .dialog-bg {
    background-color          : rgba(0, 0, 0, 0.6);
    /* backdrop-filter        : blur(40px);
    -webkit-backdrop-filter   : blur(40px); */
    position                  : fixed;
    top                       : 0;
    right                     : 0;
    bottom                    : 0;
    left                      : 0;
    z-index                   : 98;
}

.dialog.seller .dialog-bg {
    background-color: rgba(238, 254, 241, 0.271);
}

.dialog.supplier .dialog-bg {
    background-color: rgba(235, 250, 255, 0.271);
}

.dialog .dialog-modal {
    position : fixed;
    bottom   : 0;
    left     : 0;
    right    : 0;
    transform: translate(0, 0);
    z-index  : 99;
}

.dialog .dialog-modal .dialog-modal-bg {
    display : block;
    width   : 760px;
    height  : 510px;
    position: absolute;
    top     : 0;
    left    : 0;
}

.dialog .dialog-modal .dialog-body {
    padding         : 60px 50px 80px;
    width           : 375px;
    border-radius   : 15px 15px 0 0;
    background      : #fff;
    transform-origin: bottom left;
    box-sizing      : border-box;
    position        : relative;
    overflow        : hidden;
}

.dialog .dialog-modal .qr-code {
    margin : 10px auto 0;
    display: block;
    width  : 156px;
    height : 156px;
}

.dialog .dialog-modal .qr-title {
    font-weight: 700;
    font-size  : 17px;
    line-height: 25px;
    text-align : center;
    color      : #333;
}

.dialog .dialog-close {
    cursor  : pointer;
    position: absolute;
    right   : 24px;
    top     : 24px;
}

.dialog .dialog-close img {
    display: block;
    width  : 30px;
    height : 30px;
    opacity: 0.2;
}

.dialog .dialog-bg {
    opacity   : 0;
    transition: all ease-out 300ms;
}

.dialog .dialog-modal {
    opacity   : 0;
    transform : translate(0, 100%);
    transition: all ease-out 300ms;
}

.dialog.seller .dialog-modal {
    transform: translate(0, 50%) scale(0);
}

.dialog.supplier .dialog-modal {
    transform: translate(0, 50%) scale(0);
}

.dialog.show .dialog-bg {
    opacity: 1;
}

.dialog.show .dialog-modal {
    opacity  : 1;
    transform: translate(0, 0);
}






/* //滚动条凹槽的颜色，还可以设置边框属性 */
/* ::-webkit-scrollbar-track-piece{
    background-color: #f8f8f8
} */
/* //滚动条的宽度 */
/* ::-webkit-scrollbar{
    width: 8px;
    height: 8px
}  */
/* //滚动条的设置 */
/* ::-webkit-scrollbar-thumb{
    background-color: #dddddd;
    background-clip: padding-box;
    min-height: 28px;
    border-radius: 10px
}  */


/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width : 6px;
    /*对垂直流动条有效*/
    height: 6px;
    /*对水平流动条有效*/
}

/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track {
    background-color: transparent;
}

/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb {
    border-radius   : 3px;
    background-color: rgba(0, 0, 0, 0.15);
}

/*定义两端按钮的样式*/
::-webkit-scrollbar-button {
    width           : 6px;
    height          : 6px;
    border-radius   : 3px;
    background-color: transparent;
}

/*定义右下角汇合处的样式*/
::-webkit-scrollbar-corner {
    background-color: transparent;
}