/*!	* base.css * CSS Document * The site is designed by Lxh,Inc 11/2017 */

/* ==========================================================================

Base styles: opinionated defaults

========================================================================== */

@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, caption { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit;vertical-align: baseline;font: "Microsoft YaHei",Arial,Helvetica,sans-serif;} 

body{ font-size:12px;background:#fff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; min-width:320px; 
    overflow-x:hidden; }

:focus { outline:0; }

html{ width:100%; /*min-width:1200px;*/ }

body{ position:relative; margin:0 auto; max-width: 100%; /*min-width:1200px;*/ } 

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

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


a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); outline:none; color:#5a5a5a;   } 

/*a:hover{ color:#00a25f; }*/

img{ border:none; vertical-align:middle; -ms-interpolation-mode:bicubic; }

ul,ol{ list-style:none; }

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



/* Form */

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

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

select {

      border: solid 1px #000;

      appearance:none;

      -moz-appearance:none;

      -webkit-appearance:none;

      background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll rightright center transparent;

      padding-right: 14px;

      cursor:pointer;

    }

    select::-ms-expand { display: none;

 }

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; }



/* 过渡 */

.transtion{ 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; }

.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



/* 文字移除隐藏 */

.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,

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

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

.msg-pop-main{background:rgba(0,0,0,0.5);max-width:250px;position:fixed;left:50%;top:50%;z-index:10000;display:none;border-radius:3px;font-size:12px;}

.msg-pop-main p{padding:10px;line-height:24px;font-size:14px;color:#fff;}



/* table布局 */

.table{display:table;}

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

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

.center { text-align: center; }



/* 文档宽度小于 480 像素 */



@media screen and (max-width: 1024px) {

     ::-webkit-scrollbar {

        -webkit-appearance: none;

    }

     ::-webkit-scrollbar:vertical {

        width: 6px;

    }

     ::-webkit-scrollbar:horizontal {

        height: 6px;

    }

     ::-webkit-scrollbar-thumb {

        background-color: rgba(0, 0, 0, .5);

        border-radius: 10px;

        border: 2px solid #ffffff;

    }

     ::-webkit-scrollbar-track {

        border-radius: 10px;

        background-color: #ffffff;

    }

}



/*旋转动画*/

@-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;

}