/* ===========================  样式重置 开始 ================================= */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
    
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

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

img {
    vertical-align: top;
    width: 100%;
}
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

em, i {
    font-style: normal;
}
html {
    height: 100%;
    box-sizing: border-box;
    font-size: 62.5%;
}
body {
    font: 1.2rem 'STHeiti Light','HiraginoSansGB', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
    .font-smoothing;
}

* {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}


*:focus {outline:none !important;}

/* ===========================  样式重置 结束 ================================= */


/* ===========================    通用样式  开始  ============================== */

.through{text-decoration:line-through;}
/* 清理浮动 */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.absolute{
	position: absolute;
	z-index: 2;
}
.hide{
    display: none !important;
}
.hidden{
    visibility: hidden !important;
}
.h_full{
	height: 100%;
}
.box{
    display: -moz-box;
    display: -webkit-box;
    display: -o-box;
    display: -ms-box;
    display: box;
}
.box-horizontal{
    -webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;
    -ms-box-orient:horizontal;
    box-orient:horizontal;
}
.box-vertical{
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -ms-box-orient:vertical;
    box-orient:vertical;
}

.flex-item-1,.flex-1{
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
}
.flex-item-2,.flex-2{
    -moz-box-flex: 2;
    -webkit-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
}
.flex-item-3,.flex-3{
    -moz-box-flex: 3;
    -webkit-box-flex: 3;
    -ms-box-flex: 3;
    box-flex: 3;
}


/*  文字对齐方式  */
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}

.no-event{
    pointer-events: none;
}

.text-ellipsis{
    text-overflow: ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.position-middle{
	position: absolute;
	top:50%; 
	left:50%; 
	z-index: 9;
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.no-decoration,.no-decoration:active{
	text-decoration: none;
	outline: none;
}
/* 不能选中，禁止手机选中图片  */
.no-select{
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

/* ===========================    通用样式  结束  ============================== */

/* ===========================    通用布局样式  开始  ============================== */
#mask{ 
	position: fixed;
 	display: none; 
 	left: 0px;
 	right: 0px;
 	top: 0px;
 	bottom: 0px;
 	z-index: 99;
 	background: rgba(0, 0, 0, 0.5);
}
#tips { 
	display: none;
	position: fixed;
	z-index: 2000;
	padding: 10px; 
	background: rgba(0, 0, 0, 0.7); 
	border-radius: 4px; 
	text-align: center; 
}
#tips .loading-img { 
	margin: 0 auto; 
	width: 20px; 
	height: 20px;
	background: url(../images/loading.gif?v=HCGwVKUZS0xMroAs3g%2BMyQ%3D%3D) no-repeat;
	background-size:100% 100%;
}
#tips .msg { 
	max-width: 180px;
    font-size: 1.4rem;
	color: #fff; 
}

.tel-input-box{
    position: relative;
}
.tel-input-box .tel-input{
    width: 100%;
    border: none;
    font-size: 1.6rem;
}
.tel-input-box .tel-input::-webkit-input-placeholder{
    font-size: 1.4rem;
    letter-spacing: normal;
    font-weight:normal;
}

#basis-alert {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
}
#basis-alert .alert-main {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    margin: auto;
    padding: 0.5rem 0;
    width: 78%;
    border-radius: 0.5rem;
    background: #fff;
}
#basis-alert .alert-main .alert-content {
    padding: 1.5rem;
}
#basis-alert .alert-main .alert-content .alert-img {
    width: 5rem;
}
#basis-alert .alert-main .alert-content .alert-img .plaint {
    float: right;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50px;
    background: #d0d0d0;
    font-weight: bold;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
}
#basis-alert .alert-main .alert-content .alert-title {
    padding: 0 0 0 0.8rem;
    line-height: 25px;
    font-size: 1.4rem;
    color: #333;
}
#basis-alert .alert-main .alert-content .alert-text {
    padding: 0.5rem 1rem 0 4.8rem;
    /*text-indent: 4.8rem;*/
    font-size: 1.2rem;
    color: #aaa;
}
#basis-alert .alert-main .alert-foot {
    padding: 0.8rem 0 0.5rem;
    font-size: 1.4rem;
    color: #f20e69;
    border-top: 0.1rem solid #d0d0d0;
    text-align: center;
}

.load-tip{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    padding-top: 30%;
    text-align: center;
    font-size: 1.6rem;
    color: #999;
    background: #f5f5f5;
}
.load-img{
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
}
 
/* ===========================    通用布局样式  结束  ============================== */