/*reset*/
body,
dl,
dt,
dd,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
tr,
th,
img,
input,
select,
a,
button {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-family: Arial;
    /* font-family: 'Microsoft Yahei', sans-serif, 'SimSun', 'SimHei'; */
}

li {
    list-style: none;
}

a {
    color: #666;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
}

/* a:hover{text-decoration: underline;} */
.auto-cut {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.auto-cut1 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wrapper {
    width: 1183px;
    margin: 0 auto;
}

input {
    outline: none;
}

* html .clearfix {
    zoom: 1;
}

/*ie6*/
*:first-child+html .clearfix {
    zoom: 1;
}

/*ie7*/
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.undis {
    display: none;
}

.dis {
    display: block !important;
}

img {
    height: auto;
    -ms-interpolation-mode: bicubic;
    border: 0;
    outline: 0;
}

.content_web {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}

.content_web_1600 {
    width: 100%;
    min-width: 1600px;
}

.transtion {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*float*/
.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
    zoom: 1;
}

.col-sub,
.col-a,
.mod-a {
    float: left;
}

.col-b,
.mod-b {
    float: left;
}

.col-main,
.col-c,
.mod-c {
    float: right;
}

/*margin*/
.mgt5 {
    margin-top: 5px;
}

.mgt10 {
    margin-top: 10px;
}

.mgt15 {
    margin-top: 15px;
}

.mgt20 {
    margin-top: 20px;
}

.mgt25 {
    margin-top: 25px;
}

.mgt30 {
    margin-top: 30px;
}

.mgt35 {
    margin-top: 35px;
}

.mgt40 {
    margin-top: 40px;
}

.mgt45 {
    margin-top: 45px;
}

.mgt50 {
    margin-top: 50px;
}

.mgl5 {
    margin-left: 5px;
}

.mgl10 {
    margin-left: 10px;
}

.mgl15 {
    margin-left: 15px;
}

.mgl20 {
    margin-left: 20px;
}

.mgl25 {
    margin-left: 25px;
}

.mgl30 {
    margin-left: 30px;
}

.mgl35 {
    margin-left: 35px;
}

.mgl40 {
    margin-left: 40px;
}

.mgb5 {
    margin-bottom: 5px;
}

.mgb10 {
    margin-bottom: 10px;
}

.mgb15 {
    margin-bottom: 15px;
}

.mgb20 {
    margin-bottom: 20px;
}

.mgb25 {
    margin-bottom: 25px;
}

.mgb30 {
    margin-bottom: 30px;
}

.mgb35 {
    margin-bottom: 35px;
}

.mgb40 {
    margin-bottom: 40px;
}

.mgb45 {
    margin-bottom: 45px;
}

.mgb50 {
    margin-bottom: 50px;
}

.mgb80 {
    margin-bottom: 80px;
}


.mgr5 {
    margin-right: 5px;
}

.mgr10 {
    margin-right: 10px;
}

.mgr15 {
    margin-right: 15px;
}

.mgr20 {
    margin-right: 20px;
}

.mgr25 {
    margin-right: 25px;
}

.mgr30 {
    margin-right: 30px;
}

.mgr35 {
    margin-right: 35px;
}

.mgr40 {
    margin-right: 40px;
}

/*font-size*/
.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}


/* 手机样式 */
@media screen and (max-width: 900px) {

    /*reset*/
    body,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    form,
    fieldset,
    table,
    td,
    tr,
    th,
    img,
    input,
    select,
    a,
    section,
    figure,
    figcaption,
    span,
    button,
    textarea {
        margin: 0;
        padding: 0;
        border: 0;
        font-family: "Microsoft Yahei";
    }

    html {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-text-size-adjust: none;
    }

    *,
    *:before,
    *:after {
        -webkit-box-sizing: inherit;
        -moz-box-sizing: inherit;
        -o-box-sizing: inherit;
        box-sizing: inherit;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: normal;
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section,
    video {
        display: block;
    }

    /*div{font-size: 0;}*/
    a {
        text-decoration: none;
        /* 在移动端中不设置a标签的字体大小， 则会继承根元素的字体大小，所以先将字体大小置为0，后面设置样式单独覆盖字体大小 */
        font-size: 0;
    }

    *,
    :focus,
    :hover,
    :active {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        /* tap-highlight-color: rgba(0, 0, 0, 0); */
        outline: 0;
    }

    ul li {
        list-style: none;
    }

    input[type="text"],
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    input[type="tel"],
    textarea,
    button {
        -webkit-appearance: none;
        appearance: none;
        outline: none;
    }

    html,
    body {
        height: 100%;
    }

    img {
        display: inline-block;
        /* margin: 0 auto; */
    }

    /*customized class*/
    .clear {
        clear: both;
        height: 0;
        overflow: hidden;
    }

    .clearfix:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .flexbox {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .cell {
        display: table-cell;
        width: 9999px;
    }

    .dis {
        display: block;
    }

    .undis,
    .hidden,
    .js-hidden {
        display: none;
    }

    .wrapper-full,
    .wrapper {
        width: 100%;
        max-width: 440px;
        margin: 0 auto;
        overflow-x: hidden;
    }

    .fixed {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    /* start */

    .mod-footer {
        background: #0090f0;
        height: 1.75rem;
    }

    .mod-footer-text {
        color: #fff;
        font-size: .3rem;
        padding-top: .65rem;
    }

    /*  */
    .pop-box {
        padding: 15px;
        min-width: 100%;
        min-height: 200px;
    }

    .pop-box .pop-header .close {
        width: .4rem;
        height: .4rem;
        background-size: 100%;
        top: 5px;
    }

    .pop-box .pop-body {
        padding-top: .2rem;
    }

    .pop-box .pop-body video {
        max-width: 100%;
        max-height: 100%;
    }

    /*  */
    .window-feedback .feedback-cnt {
        font-size: .32rem;
    }

}