* {
    word-wrap: break-word;
}



body, div, dl, dt, dd, p, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td, article, aside, details, section, a:focus, img, a img {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

img {
    vertical-align: bottom;
}
html{font-size:10px}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
@media screen and (min-width:800px){html{font-size:25px}}
html {
    _text-overflow: ellipsis;
}
/*解决IE6下绝对定位图片抖动*/
/* 去掉各Table  cell 的边距并让其边重合 */
table {
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0;
}
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
    border: none;
    font-variant: normal;
}
/* 去除默认边框 */
img {
    border: medium none;
}
/* 去掉列表前的标识, li 会继承 */
ul, ol, li, dl, dd, dt, div, p {
    list-style-type: none;
}
/* 要注意表单元素并不继承父级 font 的问题 */
textarea {
    resize: none;
}
/* IE bug fixed: th 不继承 text-align*/
th {
    text-align: inherit;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display: block;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
    text-align: left;
}

th, td {
    text-align: left;
    vertical-align: top;
}
/* 手指 */
label, button {
    cursor: pointer;
}
/*引用*/
q:before, q:after, blockquote:before, blockquote:after {
    content: '';
}

/*
	Name:			文本格式样式重设
	Explain:		一致的 del 文字样式
*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 1px;
}

del {
    text-decoration: line-through;
}

ins {
    text-decoration: none;
}

em, cite, i, address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    *font-size: 100%;
    background: none;
}

input {
    vertical-align: middle;
}
/*
	Name:			input重设
	Explain:		input和botton
*/

:focus {
    outline: none;
    border: none;
}
/*for IE*/
::-moz-focus-inner {
    outline: none;
    border: none;
}
/*for mozilla*/

/*
	Name:			链接样式
	Explain:		重设
*/

a {
    color: #666;
    -moz-transition: color 0.3s ease-out 0s;
    outline: none;
    text-decoration: none;
}

    a:link {
    }

    a:visited {
    }

    a:hover {
        text-decoration: none;
    }

    a:active, a:focus {
        text-decoration: none;
    }

/* 文本属性：字号、颜色、粗细 */

.xs1 {
    font-size: 12px !important;
}

.xs2 {
    font-size: 14px !important;
}

.xs3 {
    font-size: 16px !important;
}

.xg0, .xg0 a {
    color: #444 !important;
}

.xg1, .xg1 a {
    color: #666 !important;
}

.xg2, .xg2 a {
    color: #999 !important;
}

.xg3, .xg3 a {
    color: #33bbff !important;
}

.xw0 {
    font-weight: 300;
}

.xw1 {
    font-weight: 700;
}

.xi1 {
    text-decoration: line-through;
}
/*
	Name:			mod_clearfix
	Level:			Global
	Sample:			class="cl"
	Explain:		Clearfix,避免因子元素浮动而导致的父元素高度缺失能问题
	Last Modify:	lushnis
*/
.cl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cl {
    zoom: 1;
}

.cl {
    display: inline-block;
    display: block;
}
/*
	Name:			mod_float
	Sample:			class="z/y"
	Explain:		.z/.y 浮动 left/right
*/
.z {
    float: left;
}

.y {
    float: right;
}


/* 行内分割竖线 */
.pipe {
    margin: 0 5px;
    color: #AAAAAA;
}
/*
	Explain:		外边距样式，作用于元素的上下外边距，上下各具有 n, m, w 三个级别
*/
.bm {
    margin-bottom: 10px;
    border: 1px solid #DEDEDE;
}

.mtn {
    margin-top: 5px !important;
}

.mbn {
    margin-bottom: 5px !important;
}

.mtm {
    margin-top: 10px !important;
}

.mbm {
    margin-bottom: 10px !important;
}

.mbs {
    margin-bottom: 15px !important;
}

.mtw {
    margin-top: 20px !important;
}

.mbw {
    margin-bottom: 20px !important;
}
/*
	Explain:		内边距样式，作用于元素的上下内边距，上下各具有 n, m, w 三个级别
*/
.ptn {
    padding-top: 5px !important;
}

.pbn {
    padding-bottom: 5px !important;
}

.pln {
    padding-left: 5px !important;
}

.prn {
    padding-right: 5px !important;
}

.ptm {
    padding-top: 10px !important;
}

.pbm {
    padding-bottom: 10px !important;
}

.ptw {
    padding-top: 20px !important;
}

.pbw {
    padding-bottom: 20px !important;
}

.bm_c {
    padding: 10px;
}

.bm_d {
    padding: 0 10px;
}
/*
	Name:			mod_cursor
	Level:			Global
	Sample:			class="cur1"
	Explain:		鼠标样式，可以根据需要按序添加
	Last Modify:	Pony
*/
.cur1 {
    cursor: pointer;
}

.none {
    display: none;
}
/* 通用容器，定义页面宽度 */
.wp {
    width: 1096px;
    margin: 0 auto;
    /*overflow: hidden;*/
}

.inwp {
    width: 1096px;
    margin: 0 auto;
    /*overflow: hidden;*/
}
/*去除padding的*/
.nopadding {
    padding: 0;
}

.clear {
    clear: both;
}
.blank_15 { width: 100%;clear: both;display: block;  font-size: 1px; height: 24px; overflow: hidden;}
.blank_20 { width: 100%;clear: both;display: block;  font-size: 1px; height: 20px; overflow: hidden;}
.blank_30 { width: 100%;clear: both;display: block;  font-size: 1px; height: 30px; overflow: hidden;} 
   
@-webkit-keyframes move1{
    0%{ 
        opacity: 0;
        transform:scale(0);
        -webkit-transform:scale(0);
    }
    60%{ 
        opacity: 1;
        transform:scale(2);
        -webkit-transform:scale(2);
    }
    100%{ 
        opacity: 1;
        transform:scale(1); 
        -webkit-transform:scale(1);
    }
}

@keyframes move1{
    0%{ 
        opacity: 0;
        transform:scale(0);
        -webkit-transform:scale(0);
    }
    60%{ 
        opacity: 1;
        transform:scale(2);
        -webkit-transform:scale(2);
    }
    100%{ 
        opacity: 1;
        transform:scale(1); 
        -webkit-transform:scale(1);
    }
}

.move1{animation: move1 1s linear;-webkit-animation: move1 1s linear;}

/* Edit by Mark
 spinner style
*/
.u-mask {
    position: fixed;
    z-index: 10;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    /* color: #409eff; */
    color: #fff;
    font-size: 14px;

    display: none;
}

.u-spinner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.u-icon-loading {
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50%;
    border-bottom: none;
    border-right: none;
    animation: rotating 2s linear infinite;
}

@keyframes rotating {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1turn);
    }
}