body,ul,li,ol,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0}
body{color: #000;font-family: "Microsoft YaHei";width: 100%;height: 100%;}
img{border: none;}
li{list-style: none;}
input,select,textarea{outline: none;border: none;background: none;}
textarea{resize: none;}
fieldset, img {border: 0 none;}
em,i{font-style: normal;}
a{text-decoration: none;color: #000;cursor: pointer;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
/*清除浮动*/
.clearfix:after{content: "";display: block;clear: both;}
.clearfix{zoom:1;}
.fl{float: left;}
.fr{float: right;}

.padding{
    padding: 20px;
}
.margin{
    margin: 20px;
}
.bg-white{
    background: #fff;
}
.text-center{
    text-align: center;
}

input::-webkit-input-placeholder { 
    /* WebKit browsers */ 
    color: #ccc; 
    } 
    input:-moz-placeholder { 
    /* Mozilla Firefox 4 to 18 */ 
    color: #ccc; 
    } 
    input::-moz-placeholder { 
    /* Mozilla Firefox 19+ */ 
    color: #ccc; 
    } 
    input:-ms-input-placeholder { 
    /* Internet Explorer 10+ */ 
    color: #ccc; 
    }





    *{
        margin: 0;
        padding:0;
        list-style: none;
        font-size: 16px;
        color: rgba(0,0,0,.8);
    }
    a{
        text-decoration: none;
    }

    /*jq-alert寮瑰嚭灞傚皝瑁呮牱寮�*/
    .jq-alert{
        position: fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        justify-content: center;
        align-items: center;
        background-color: rgba(0,0,0,.3);
        z-index: 99;
    }
    .jq-alert .alert{
        background-color: #FFF;
        width:80%;
        height:auto;
        border-radius: 4px;
        overflow: hidden;
    }
    .jq-alert .alert .title{
        position: relative;
        margin: 0;
        font-size: 14px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-weight: normal;
        color: rgba(0,0,0,.8);
    } 
    .jq-alert .alert .content{
        padding: 20px;
        font-size: 14px;
        color: rgba(0,0,0,.6);
    }
    .jq-alert .alert .content .prompt{
        width:100%;
    }
    .jq-alert .alert .content .prompt .prompt-content{
        font-size: 14px;
        color: rgba(0,0,0,.54);
    }
    .jq-alert .alert .content .prompt .prompt-text{
        background:none;
        border:none;
        outline: none;
        width: 100%;
        height: 35px;
        box-sizing: border-box;
        margin-top: 20px;
        background-color: #FFF;
        border:1px solid #dcdcdc;
        text-indent:5px;
    }
    .jq-alert .alert .content .prompt .prompt-text:focus{
        border: 1px solid #2196F3;
        background-color: rgba(33,150,243,.08);
    }
    .jq-alert .alert .fd-btn{
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        justify-content: center;
        align-items: center;
    }
    .jq-alert .alert .fd-btn:after{
        position: absolute;
        content: "";
        top:0;
        left:0;
        width:100%;
        height: 1px;
        background-color: #F3F3F3;
    }
    .jq-alert .alert .fd-btn a{
        width:100%;
        height: 45px;
        font-size: 14px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        color: rgba(0,0,0,.8);
    }
    .jq-alert .alert .fd-btn a.cancel{
        position: relative;
        color: rgba(0,0,0,.5);
    }
    .jq-alert .alert .fd-btn a.cancel:after{
        content: "";
        position: absolute;
        top:10px;
        right:0;
        width: 1px;
        height: 35px;
        background-color: #F3F3F3;
    }
    .jq-alert .alert .fd-btn a.confirm{
        color: #2196F3;
    }
    .jq-alert .alert .fd-btn a.confirm:active{
        background-color: #2196F3;
        color: #FFF;
    }

    /*toast寮瑰嚭灞�*/
    .jq-toast{
        z-index: 999;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
    }
    .jq-toast .toast{
        max-width: 80%;
        padding: 10px 20px;
        background-color: rgba(0,0,0,.48);
        color: #FFF;
        border-radius: 4px;
        font-size: 14px;
    }