@charset "utf-8";
/* -------------@ reset css------------ */
* {-webkit-tap-highlight-color:rgba(0,0,0,0);}
html, body, div, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, input, table, textarea { margin: 0; padding: 0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset, img { border:none;}
address,caption,cite,code,dfn,em,strong,th,var,b,i { font-style:normal; font-weight:normal;}
ol, ul, li { list-style:none;}
caption,th,td { text-align: center;}
em, i { font-style: normal;}
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal;}
img { border:0; vertical-align:middle; -ms-interpolation-mode:bicubic;}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    border:none;
    outline:none;
    background: #fff;
    cursor:pointer;
    -webkit-appearance:button;
    -moz-appearance:button;
    *overflow:visible}
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0;}
input[type="search"] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    -moz-appearance:textfield;
    -moz-box-sizing:content-box;
    box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}

p:before, p:after { content:'';}
body {
    -ms-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	background:#eee;
	color:#000;
}

/*a{text-decoration: none;}*/

@font-face {
	font-family: DINMedium;
	src: url('../font/DIN Medium.ttf');
}
@font-face {
	font-family: DINLight;
	src: url('../font/DIN-Light.otf');
}

/*------------------@ global HTML Element style--------------------*/
body,button,input,select,textarea{font:1em/1.5 "Helvetica Neue",Helvetica,STHeiTi,sans-serif;}

textarea:focus {
	outline:none medium;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-moz-tap-highlight-color: rgba(0,0,0,0);
}

textarea{
/*
	-webkit-user-modify:read-write-plaintext-only;
	-moz-user-modify:read-write-plaintext-only;
*/
	outline:none medium;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-moz-tap-highlight-color: rgba(0,0,0,0);
}

/*-------------------@ global style------------------------------------*/
.mt5{
	margin-top:5px;
}

.pt5{
	padding-top:5px;
}

.clearfix:after { content: "";display: block; height: 0;clear: both;visibility: hidden;}
.clearfix{ display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix{ display:block;}
/* End hide from IE-mac */
.bdbox { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.bcbox { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
.tr { text-align: right;}
.tl { text-align: left;}
.tc { text-align: center;}
.show { display: block;}
.hide { display: none;}
.inblock{display: inline-block;}
.fr {float: right;}
.fl {float: left;}
.fb{font-weight:bold;}
.lh2{text-indent:2em;}

.pr{position:relative;}

.pt12{padding-top:12px;}

.mb10{margin-bottom: 10px;}

.overHide{overflow: hidden;}

@media screen and (max-width: 350px) {
	.back_test_graph_lg>li:after{
		margin:6px 3px 0 2px;
	}
}

/* 样式放在结尾，防止 base64 图片造成拥塞 */
@-webkit-keyframes rotation {
    10% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    50%, 60% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    90% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    100% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes rotation {
    10% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    50%, 60% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    90% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    100% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

.f12{font-size:0.48rem;}
.f14{font-size:0.56rem;}