@charset "utf-8";
/* CSS Document */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
img {display: block; margin: 0 auto}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}
input[type="submit"],
input[type="text"],
input[type="password"],
input[type="button"],
select,textarea,
button {
-webkit-appearance: none;
-webkit-tap-highlight-color:rgba(255,255,255,0);
font-family :'Microsoft Yahei',SimHei, Helvetica, Arial, Sans-Serif;
}
body {
	font-family :'Microsoft Yahei',SimHei, Helvetica, Arial, Sans-Serif;
	background:#fff;
	color:#666;
	font-size:14px;
	-webkit-text-size-adjust:none; 
}
body p {margin:10px 0;}
a {cursor: pointer; text-decoration:none; color:#666}
a:hover {text-decoration:none;}
a:visited {color: #666}
a.block {display: block; overflow: hidden;}
a.link {display: block; overflow: hidden; position: relative; padding-right:30px;}
a.link .arrow {position:absolute; z-index:2; right:10px; top:50%; margin-top:-10px; color: #999}

/*common*/
.clear{clear:both;}
.clearfix {*overflow: hidden;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.f_l {float:left;}
.f_r {float:right;}
.left {text-align:left}
.right {text-align:right;}
.center {text-align:center;}
.underline {text-decoration:underline;}
.inblock {display: inline-block;}

.bold {font-weight:bold;}
.sim {font-weight:normal; font-style:normal}
.italic {font-style:italic;}
.C0 {color:#000;}
.C3 {color:#333;}
.C6 {color:#666;}
.C9 {color:#999;}
.CF {color:#ffffff;}
.CG {color:#f66c40;}
.CY {color:#FFFF00;}
.CR {color:#b71201}
.CB {color:#4f59d3}

.F10 {font-size:10px;}
.F11 {font-size:11px;}
.F12 {font-size:12px;}
.F14 {font-size:14px;}
.F16 {font-size:16px;}
.F18 {font-size:18px;}
.F24 {font-size:24px;}
.Hei {font-family:'Microsoft Yahei',SimHei;}

.P_R {position:relative;}
.P_F {position:fixed;}
.P_A {position:absolute;}
.P_T_L {position:absolute; left:0; top:0;}
.P_T_R {position:absolute; right:0; top:0;}
.P_B_L {position:absolute; left:0; bottom:0;}
.P_B_R {position:absolute; right:0; bottom:0;}
.M0 {margin:0;}
.M5 {margin:5px;}
.MT5 {margin-top:5px;}
.MR5 {margin-right:5px;}
.MB5 {margin-bottom:5px;}
.ML5 {margin-left:5px;}
.M10 {margin:10px;}
.MT10 {margin-top:10px;}
.MR10 {margin-right:10px;}
.MB10 {margin-bottom:10px;}
.ML10 {margin-left:10px;}
.M15 {margin:15px;}
.MT15 {margin-top:15px;}
.MR15 {margin-right:15px;}
.MB15 {margin-bottom:15px;}
.ML15 {margin-left:15px;}

.P0 {padding:0;}
.P5 {padding:5px;}
.PT5 {padding-top:5px;}
.PR5 {padding-right:5px;}
.PB5 {padding-bottom:5px;}
.PL5 {padding-left:5px;}
.P10 {padding:10px;}
.PT10 {padding-top:10px;}
.PR10 {padding-right:10px;}
.PB10 {padding-bottom:10px;}
.PL10 {padding-left:10px;}
.P15 {padding:15px;}
.PT15 {padding-top:15px;}
.PR15 {padding-right:15px;}
.PB15 {padding-bottom:15px;}
.PL15 {padding-left:15px;}

/* form */
.outer {position:absolute; color:#000; font-size:16px; margin:0;}
.inputer {position:relative; display:block;}
.txt {height:34px; line-height:34px; background:#fff; border:1px #ddd solid; font-size:14px;color:#666; border-radius:3px; text-indent:4px;}
.lab {position:absolute; z-index:2; top:50%; margin-top:-11px; color:#999; cursor:text; font-size:14px; text-indent:5px;}
.sel {border-width:1px; border-style:solid; border-color:#ddd; height:36px; line-height:24px; padding:4px 0; background:none; font-size:14px; color:#666; position:relative; z-index:3; border-radius:3px;}
.textar{padding:5px 0;line-height:20px; border:none; color:#666; font-size:14px; background:none}

.forms li {position:relative; margin:15px 0}

.btn {display:inline-block; cursor:pointer; text-align:center; border-radius:3px;}
.btn:hover {text-decoration:none; filter:alpha(Opacity=90);opacity: 0.9;}

.btn_1 {padding:1px 2px; font-size:12px;}
.btn_2 {padding:4px 6px; font-size:14px}
.btn_3 {padding:7px 12px; font-size:16px; line-height: 22px}
.btn_4 {padding:8px 16px; font-size:18px}
.btn_5 {padding:10px 20px; font-size:20px}

.btn_green {background:#009900; color:#fff; border:1px #009900 solid}
.btn_brown {background:#ff6600; color:#fff; border:1px #ff6600 solid}
.btn_blue {background:#9783d0; color:#fff; border:1px #9783d0 solid}
.btn_gray {background:#f0f0f0; color:#333; border:1px #ccc solid;}
.btn_grey {background:#c0c0c0; color:#fff; border:1px #c0c0c0 solid;}

.submitBrown {display:block; width:100%; padding:10px 0; font-size:20px; line-height:20px; background:#ff6600; color:#fff; border:1px #ff6600 solid;  cursor:pointer; text-align:center}

.checker {display: inline-block; overflow: hidden; height: 20px; line-height: 20px; position: relative;}
.checker input[type="checkbox"] {position: absolute; left: -20px;}
.checker input[type="checkbox"] + label {padding-left: 25px;}
.checker input[type="checkbox"] + label i {display: inline-block; width: 18px; height: 18px; position:absolute; left: 0; top:0; border-radius: 3px; border:1px #ddd solid; background: #fff}
.checker input[type="checkbox"]:checked + label i {border-color:#ff6600;}
.checker input[type="checkbox"]:checked + label i:after {content: ""; display: block; 
    width: 18px; 
    height: 2px;  
    background: #ff6600;
    position: absolute;
    top: 6px;
    left: 6px;
    -ms-transform:rotate(-45deg); 
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform: rotate(-45deg);
}
input[type="checkbox"]:checked + label i:before {
    content: '';
    width: 10px;
    height: 2px;
    background: #ff6600;
    position: absolute;
    top: 8px;
    left: 1px;
    -ms-transform:rotate(45deg); 
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform: rotate(45deg);
}