@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, 

h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 

small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 

fieldset, form, label, legend, table, caption, tbody, tfoot, 

thead, tr, th, td { margin:0; padding:0; border:0; outline:0;} 

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before,

*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body{background:#fff;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-smoothing: antialiased;font-size:14px;color: #282828;font-family: 'arial','microsoft yahei';}

:focus { outline:0; }

html{ width:100%;}

body{ position:relative; margin:0 auto;} 

table { border-collapse: separate; border-spacing: 0; } 

hr{ border:none; height:1px; }

caption, th, td { text-align: left; font-weight: normal; }

a{text-decoration:none;outline:none;color: #282828;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;} 
a:hover{ color:#1D72BA; text-decoration:none;}

img{ border:none; vertical-align:middle; -ms-interpolation-mode:bicubic; max-width:100%;}

ul,ol{ list-style:none; }

ul,li{ padding:0; margin:0; list-style:none; }



/* Form */

label,input,select{ vertical-align:middle; }

button,input,select,textarea{ font-family:"Microsoft Yahei"; }


input[type=submit],input[type=button],input[type=reset]{ cursor:pointer; }

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"],select,textarea{ -webkit-appearance:none; font-family:"Microsoft Yahei","Arial", Helvetica, sans-serif; }*:focus{ outline:none; }

textarea,select{ -webkit-appearance:none; }



/* Clear float */

.clearfix:before,.clearfix:after{ content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0; }

.clearfix:after{ clear:both; }

.clearfix{ zoom:1; }

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

.fl{ float:left; }

.fr{ float:right; }



/* 过渡 */

.transition{ transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }

.img-transition { -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; }



/* 文字移除隐藏 */

.omit{ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block; }



/* 遮盖层 */

.base-layer{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000; top:0; right:0; bottom:0; left:0; display:none; -webkit-transition: visibility 0.25s ease, opacity 0.25s ease;

    -moz-transition: visibility 0.25s ease, opacity 0.25s ease;

    -ms-transition: visibility 0.25s ease, opacity 0.25s ease;

    -o-transition: visibility 0.25s ease, opacity 0.25s ease;

    transition: visibility 0.25s ease, opacity 0.25s ease; }

.base-layer.show{ display:block; }

.base-layer.is-visible{visibility:visible; opacity:1; animation:elastic .5s;}



/* 背景图片 */

.background{background-repeat:no-repeat; background-position:center center; background-size:cover; }



/* table布局 */

.table{display:table;}

.table-cell{display:table-cell; vertical-align: middle; height:100%;}

.inline-block{ display:inline-block; }

.center { text-align: center; }
.txtleft{text-align: left;}
.txtright{text-align: right;}





/*旋转动画*/

@-webkit-keyframes spin {

  form {

    -webkit-transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

  }

}

@keyframes spin {

  form {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}



/* 窗口弹性动画 */ 

@keyframes elastic {

    0% {

        -webkit-transform: scale(0);

        -moz-transform: scale(0);

        -ms-transform: scale(0);

        -o-transform: scale(0);

        transform: scale(0);

    }

    

    55% {

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

    }

    

    70% {

        -webkit-transform: scale(0.98);

        -moz-transform: scale(0.98);

        -ms-transform: scale(0.98);

        -o-transform: scale(0.98);

        transform: scale(0.98);

    }

    

    100% {

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes btn-pudding {

    12%,

    15% {

        transform: scale(0.93, 1.07)

    }

    16%,

    17% {

        transform: scale(0.94, 1.06)

    }

    10%,

    18% {

        transform: scale(0.95, 1.05)

    }

    19% {

        transform: scale(0.96, 1.04)

    }

    20% {

        transform: scale(0.98, 1.02)

    }

    21%,

    40%,

    48% {

        transform: scale(0.99, 1.01)

    }

    22%,

    23%,

    37%,

    39%,

    49% {

        transform: scale(1, 1)

    }

    7%,

    24%,

    34%,

    36% {

        transform: scale(1.01, 0.99)

    }

    25%,

    27%,

    30%,

    33% {

        transform: scale(1.02, 0.98)

    }

    28%,

    29% {

        transform: scale(1.03, 0.97)

    }

    2% {

        transform: scale(1.16, 0.84)

    }

    0% {

        transform: scale(1.2, 0.8)

    }

}



.hot_line{

    font-size: 15px;

    margin-top: 15px;

    margin-bottom: 15px;

    color: #FFC125;

    font-weight:bold;

}


.imgBg{background-position:center center;background-repeat:no-repeat;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.msg_pop_main{background:rgba(0,0,0,0.5);max-width:250px;position:fixed;left:50%;top:50%;z-index:1001;display:none;border-radius:3px;font-size:12px;}
.msg_pop_main p{padding:10px;line-height:24px;font-size:14px;color:#fff;}
.motion{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}