@charset "utf-8";
/* CSS Document */
html { height: 100%; font-size:68.8%;}

*{ margin: 0; padding: 0; list-style: none; font-style: normal;}
body, a, input { color:#333;     font-size: 1.2rem;  font-family: "Microsoft Yahei", "Droid Sans Fallback", "Arial", "Helvetica", "sans-serif", "宋体"; color:#333; font-size: 1.2rem; }
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p, div {margin: 0; padding: 0;border: none; list-style-type: none; font-weight: normal;}

:focus {outline:none !important;} /*focus获得焦点，outline轮廓线（边框）不会占据空间*/  /*for IE*/  
::-moz-focus-inner {border-color: transparent !important;} /*点击蓝色边框*/  /*for firefox*/  

a{text-decoration:none;color: #333; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none;}/*--手机点击时，灰色阴影--*/
a:focus{color: #333;}

img {border: 0; display:inline-block; max-width: 100%;}

.hidden { display: none !important;}
.clear{ clear:both; display:block; overflow:hidden;}
.fl{ float:left !important;}
.fr{ float:right !important;}

body{ max-width: 640px; margin: 0 auto;}
/*------------布局--------------*/
.flexBox{display: -webkit-flex; /* Safari */  display: flex; justify-content: space-between; align-items: center;}
.flex-1{flex:1; }
.flex-auto{ flex:auto;}
.flex-none{ flex:none;} 

.text-hidden{display: -webkit-box;
	    -webkit-line-clamp:1 !important;
	    -webkit-box-orient: vertical;
	    text-overflow: ellipsis;
	    overflow: hidden;}
/*------------公共代码--------------*/
.mt19-bfb{ margin-top:-19% !important;}

/*----------标题----------*/
.title{ margin:20px 0; position: relative; text-align: center; font-size: 1.6rem; font-weight: bold;}
.title::before,.title::after{
	width: 33px; height: 24px; display: inline-block; content: '';  margin: 0 10px;
}
.title::before{  
	background: url(../images/xtb-l.png) no-repeat left center;
	background-size: 33px auto;}
.title::after{ 
	background: url(../images/xtb-r.png) no-repeat right center;
	background-size: 33px auto; vertical-align: bottom;}
/*----------end 标题----------*/

@media only screen and (max-width: 1920px) {
    html {
        font-size:75%;
    }
}

@media only screen and (max-width: 435px) {
    html {
        font-size:66.8%;
    }
}

@media only screen and (max-width: 384px) {
    html {
        font-size:64.8%;
    }
}

@media only screen and (max-width: 360px) {
    html {
        font-size:62.5%;
    }
}

@media only screen and (max-width: 320px) {
    html {
        font-size:52.5%;
    }
}