@charset "utf-8";
/* CSS 代码编写的优先级原则 */

/* 1. 定义大容器，解决页面上下左右大的布局  */

/* 上 ：.head, 中间 ：.main , 底部 ：.foot, 中间左 ：.main_left , 中间右 ：.main_right, 中间主体 ：.main_content */

/* 2. 定义中容器，.hang，全部应该是relative, width: 100%的定位方式 */

/* 3. 找出并配置a, p, div, span, i, h1, h2, h3, ul, li等的默认样式 */

/* 4. HTML代码优先用a, div, p, h1, h2等区分 */

/* 5. 一般而言A是用户操作的主要对象，因此，需要找出A的各种不同情况，并用特例方式来通用的定义样式，最后效果是，只需设置一个class的值，就能够实现要求的特效，与.check_box的实现类似 */

/* 6. 定义小容器，.gezi-xxx，将小容器左右排版进行归类，并特例方式通用的定义样式，然后重复使用。比如左右各50%，可以定义.gezi-50-50 */

/* 7. 利用常用的定位类来对小容器中的元素进行大致排版。靠上的标题，靠下的标题，都可以通过带absolute的通用类来定位 */

/* 8. 利用特例类来解决细微局部，通常是利用margin-left: margin-top等方式来细微调整位置 */

/* 9. 定位问题解决后，优先使用单一属性缩写通用类来解决,ml20 代表 margin-left: 20px，font14代表font-size: 14px */

/* 10. 以上1-9都放在base.css。实在是特例了，自定义的类，一个类标记，放所有样式，保存在 custom.css中 */

/* CSS Document */
/*任意元素（全部）的外边距和内边距都调整为0*/
* {
	margin: 0;
	padding: 0;
}

/* 大容器 */
.head {}
.main {}
.foot {}

/* 中容器 */
.hang:before,
.hang:after {
  content: " ";
  display: table;
}
.hang:after {clear: both;}

/* 小容器 */
.gezi, .gezi-1-2, .gezi-1-4, .gezi-3-4, .gezi-1-3, .gezi-2-3, .gezi-1-5, .gezi-2-5, .gezi-3-5, .gezi-4-5, .gezi-1-6, .gezi-5-6, .gezi-1-10, .gezi-3-10, .gezi-7-10, .gezi-9-10, .gezi-1-12, .gezi-5-12, .gezi-7-12, .gezi-11-12, .gezi-236, .gezi-808 {
position: relative;
  min-height: 1px;
  float:left;
  }

.height48{ height:48px;}
.gezi input:hover, .gezi input:focus, .gezi input:active{border:1px solid #f90;}


/* 一分天下 */
.gezi {width:100%;}

/* 二分天下 */
.gezi-1-2 {width:50%;}

/* 四分天下 */
.gezi-1-4 {width:25%;}
.gezi-3-4 {width:75%;}

/* 三分天下 */
.gezi-1-3 {width:33.33333333%;}
.gezi-2-3 {width:66.66666667%;}

/* 五分天下 */
.gezi-1-5 {width:20%;}
.gezi-2-5 {width:40%;}
.gezi-3-5 {width:60%;}
.gezi-4-5 {width:80%;}

/* 六分天下 */
.gezi-1-6 {width:16.66666667%;}
.gezi-5-6 {width:83.33333333%;}

/* 十分天下 */
.gezi-1-10 {width:10%;}
.gezi-3-10 {width:30%;}
.gezi-7-10 {width:70%;}
.gezi-9-10 {width:90%;}


/* 十二分天下 */
.gezi-1-12 {width:8.33333333%;}
.gezi-5-12 {width:41.66666667%;}
.gezi-7-12 {width:58.33333333%;}
.gezi-11-12 {width:91.66666667%;}

/* 五十天下 */
.gezi-236 {width:234px;}
.gezi-808 {width:808px;}


.z-xian{border-left:1px solid #ebebeb;}

.y-xian{border-right:1px solid #ebebeb;}

.top-xian{border-top:1px solid #ebebeb;}

.foot-xian{border-bottom:1px solid #ebebeb;}



.bg{ background:rgba(255,0,0,0.5);}
.eb-bg{ background:#ebebeb;}
.bai-bg{ background:#fff;}


#main2 .bg-ty{box-shadow:0 0 5px 5px #c4c4c4;}


/*常用的会显示文字的元素外边距和内边距都调整为0，文字居于底部*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blackquote, th, td, span, a {
	vertical-align: baseline;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

/* A的默认特效 */
/* Grow - 所有a标签鼠标指上去元素放大的效果 */
a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

/*a{
	overflow:hidden;
	}*/

a img{
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
/*	-webkit-transition-duration: 0.3s;
 	transition-duration: 0.3s;*/
	-webkit-transition-property: transform;
  	transition-property: transform;
	}
	
a:hover figure img, a:focus figure img, a:active figure img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* A的不动特效 */
/* 让a标签鼠标指上去不放大 */
a.budong {
  -webkit-transform: none;
  transform: none;
  -webkit-transition-duration: none;
  transition-duration: none;
  -webkit-transition-property: none;
  transition-property: none;
}
a.budong:hover, a.budong:focus, a.budong:active {
  -webkit-transform: none;
  transform: none;
}

/* A的默认特效 -- 文字变黄 */
/* 所有A标签，鼠标指上去时文字变色 */
a:hover, a:hover div, a:hover span,a:hover i{color:#f90;}
div a:hover {font-width:700; color:#ff5c00;}
/* 所有A标签，点击时文字变色 */
a:active, a:active div, a:active span,a:active i{color:#f90;}
/* 所有A标签，默认的文字颜色 */
a, a div, a span,a i{color:#333;}


/* A的文字变白特效 */
/* font-bai的A标签的子元素，以及设置了font-bai的div，鼠标指上去时文字变白色 */
a.font-bai:hover, a.font-bai:hover div,a.font-bai:hover i, a:hover span.font-bai,a:hover i.font-bai, a:hover div.font-bai, a:hover span.font-bai,a:hover i.font-bai{color:#fff;}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 { color:#f90;}



/* 鼠标指上去、位置右移5px */
a.hover-yy5:hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
a.hover-yy5:hover, a.hover-yy5:focus, a.hover-yy5:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
	-webkit-transform: translateX(5px);
    transform: translateX(5px);
}


/* 文字选中的默认特效 -- 文字变黄，底色反白 */
::selection {
background:#f90;
color:#fff;
}
::-moz-selection {
background:#f90;
color:#fff;
}
::-webkit-selection {
background:#f90;
color:#fff;
}



/*主体内容*/
#main{width:100%; background:#fff;}
#main2{width:100%; background:#e6e6e6;}
/*撑满*/
.cm {width: 100%;height: 100%;display: block;position: absolute;}
.cm1 {width: 100%;height: 100%;display: block;}

/*居中撑满*/
.jzcm {height: 100%;display: block;position: absolute;}
/*组*/
.zu {position:relative;width:100%;height:100%;display:block;}
/*隐藏*/
.hidden,.yc {display:none;}
/*蒙版*/
.mengban {position:fixed;z-index:200;top:0px;left:0px;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.mengban-xt {margin-top:-29px position:relative;z-index:0;width: 100%;height: 100%;background: rgba(0,0,0,0);}
/*组居中*/
.zu.jz {position:absolute;top:50%;left:50%;z-index:3000;}
/*文字居中*/
.wzjz {text-align:center;}
/*文字居左*/
.wzzo {text-align:left;}
/*文字居右*/
.wzyo {text-align:right;}
/*文字隐藏*/
.wzyc {text-indent:-10000px;}

figure{overflow:hidden;}

.ovf{
	overflow:hidden;
	}

.tem{ line-height:150%;}

.block{display:block;}
.relative{position:relative; overflow:visible;}

.xfdb {position:absolute;z-index:200px; bottom:0px; width:100%;}

.jy100{
	display:block;
	position:absolute;
	z-index:300;
	width:71px;
	right:0px;
	}

.jz100 {
	display:block;
	position:absolute;
	width: 100px;
	left:50%;
	margin-left:-50px;
	z-index:200;
}

.jz200 {
	display:block;
	position:absolute;
	width: 200px;
	left:50%;
	margin-left:-100px;
	z-index:200;
}

.jz300 {
	display:block;
	position:absolute;
	width: 300px;
	left:50%;
	margin-left:-150px;
	z-index:200;
}

.ipt-default {

}

textarea{
	color:#000;
	outline: 0;
	-webkit-appearance:none; /*去除chrome、safari等webikt内核浏览器对控件默认样式*/
}


textarea{
	display:table;
	width: 100%;
	height: 100%;
	border:none;
	line-height: normal !important; /* for non-ie */
	padding:3px 5px 3px 5px;
}

.ipt-focus, .hang.ipt-focus .ipt-box {
	border: 1px solid #F90 !important;
}

.hang.ipt-focus .ipt-label {
	color:#F90 !important;
}

.hang.ipt-focus {
	border: none !important;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
table tr,
table td{
	vertical-align: middle;
	text-align: center;
}
fieldset, img {
	border: 0;
}
img {
	vertical-align: middle;
}
address, caption, cite, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul, li, dl {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

input::-webkit-input-placeholder { /* WebKit browsers */
  line-height: 1.5em;
}

h1{font-size:42px; font-weight:400;}
h2{font-size:38px; font-weight:400;}
h3{font-size:32px; font-weight:400;}
h4{font-size:26px; font-weight:400;}
h5{font-size:20px; font-weight:400;}
h6{font-size:14px; font-weight:400;}

p{font-size:14px;}

/*body, button, ul, p, dl, dd, form, input, textarea, select {
	font: 14px/1.125  "微软雅黑", tahoma, Arial, Helvetica, sans-serif;
	*font-family: Tahoma, Verdana;
}*/

body, button, ul, p, label, span, strong, dl, dd, form, input, textarea, select {
	*font-family: Tahoma, Verdana;
	font: 14px/1.125  "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
	font-weight:400;
}

textarea {
	resize: none;
}
body {
	word-wrap: break-word;
	word-break:break-all;
    background:#fff;
}
a {
	cursor: pointer;
	text-decoration: none;
}
*, :after, :before {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
li {
	list-style: none;
}
img {
	border: none;
}
a {
	text-decoration: none;
}
/* 清除浮动 */
.clear {
	zoom: 1;
}
*html .clear {
	zoom: 1;
}

/* IE6 */
*+html .clear {
	zoom: 1;
}

/* IE7 */
.clear:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.strong{
	font-weight: bolder;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.red{color: red;}
.hide{display: none;}

.rem{
	font-size: 1rem!important;
}
.rem15{
	font-size: 1.5rem!important;
}
.rem2{
	font-size: 2rem!important;
}
.rem25{
	font-size: 2.5rem!important;
}
.rem3{
	font-size: 3rem!important;
}

.ft12{
	font-size: 12px!important;
}
.ft14{
	font-size: 14px!important;
}
.ft16{
	font-size: 16px!important;
}
.ft18{
	font-size: 18px!important;
}
.ft20{
	font-size: 20px!important;
}
.ft24{
	font-size: 24px!important;
}

.lh15{
	line-height: 1.5!important;
}

.jd{ position:absolute;}
.jd-you{ right:0px;}
.jd-zuo{ left:0px;}
.jd-shang{ top:0px;}
.jd-xia{ bottom:0px;}

.bt1{border-top:1px solid #ddd;}
.bb1{border-bottom:1px solid #ddd;}
.bl1{border-left:1px solid #ddd;}
.br1{border-right:1px solid #ddd;}
	
	


.w60{width:60px;}
.w66{width:66px;}
.w255{width:255px;}
.w400{width:404px;}
.h34{min-height:34px;}
.h190{min-height:190px;}
.flow{ overflow:auto;}

.mr1{
	margin-right: 1px!important;
}
.mr2{
	margin-right: 2px!important;
}
.mr5{
	margin-right: 5px!important;
}
.mr10{
	margin-right: 10px!important;
}
.mr20{
	margin-right: 20px!important;
}
.ml1{
	margin-left: 1px!important;
}
.ml10{
	margin-left: 10px!important;
}
.ml15{
	margin-left: 15px!important;
}
.ml14{
	margin-left: 14px!important;
}
.ml20{
	margin-left: 20px!important;
}
.ml30{
	margin-left: 30px!important;
}
.ml40{
	margin-left: 40px!important;
}
.ml60{
	margin-left: 60px!important;
}
.mb1{
	margin-bottom: 1px!important;
}
.mb10{
	margin-bottom: 10px!important;
}
.mb20{
	margin-bottom: 20px!important;
}
.mb25{ margin-bottom: 25px !important;}
.mt-3{
	margin-top: -3px!important;
}
.mt-1{
	margin-top: -1px!important;
}
.mt1{
	margin-top: 1px!important;
}
.mt2{
	margin-top: 2px!important;
}
.mt4{
	margin-top: 4px!important;
}
.mt0{
	margin-top: 0px!important;
}
.mt5{
	margin-top: 5px!important;
}
.mt8{
	margin-top: 8px!important;
}
.mt-29{margin-top:-29px;}
.mt10{
	margin-top: 10px!important;
}
.mt12{
	margin-top: 12px!important;
}
.mt15{
	margin-top: 15px!important;
}
.mt20{
	margin-top: 20px!important;
}
.mt-20{
	margin-top: -20px!important;
}
.mt25{
	margin-top: 25px!important;
}
.mt30{
	margin-top: 30px!important;
}
.mt35{
	margin-top: 35px!important;
}
.mt40{
	margin-top: 40px!important;
}
.mt50{
	margin-top: 50px!important;
}

.mt60{
	margin-top: 60px!important;
}
.mt90{
	margin-top: 90px!important;
}

.margin-jz{ margin:0 auto;}

.pt1{padding-top:1px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}

.pb50{padding-bottom:50px !important;}



.w450{
	width: 450px!important;
}

.w60{
	width: 60px!important;
}
.textr{
	text-align: right!important;
}
.p20 {padding:20px;}

a:hover{color:#f90;}



/* 复选框变成2张图片的切换 -- 单选效果的两张图片 */
.check_box {
    /*display:none;*/
	opacity: 0;

   position:absolute;
   z-index:100;
    width: 18px;
	height:18px;
}

.check_box + label{
	clear: none;
	cursor: pointer;
    background:url(../img/check-box.png) no-repeat 0px 1px;
    height: 24px;
    width: 240px;
    display:inline-block;
    padding-left: 20px;
}

.check_box:checked + label{
	background:url(../img/check-box-checked-huang.png) no-repeat 0px 1px;
	color:#f90;
}



/* Push -- 元素从小变大一次的动画效果 */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
a:hover, a:focus, a:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}*/

.line26{ line-height:26px;}
.line28{ line-height:28px;}
.line32{ line-height:32px;}
.line34{ line-height:34px;}
.line35{ line-height:35px;}
.line36{ line-height:36px;}
.line40{ line-height:40px;}
.line42{ line-height:42px;}
.line44{ line-height:44px;}
.line46{ line-height:46px;}
.line54{ line-height:54px;}
.line66{ line-height:66px;}
.line68{ line-height:68px;}
.line-100{ line-height:100%;}
.line-150{ line-height:150%;}


.bor-hui{ border-right:1px solid #ccc;}
.bot-hui{ border-top:1px solid #ccc;}
.bob-hui{ border-bottom:1px solid #ccc;}
.bol-hui{ border-left:1px solid #ccc;}




.gd42{height:42px;}
.gd194{height:194px;}

.wzmb{
	text-stroke:1px #333;
	-webkit-text-stroke: 1px #333;
	}