/**********结构UI**********/
body{ height:100%;  background:url(../images/bg5.jpg);}
.Constr{ width: 1200px; margin: 0 auto;}
.Bg{position:absolute; left:0; top:0; width:100%; height:100%;}
.Main_scroll{ margin:0 auto; width:1000px; position:relative; font-size:12px;}
.foot{ color: #fff; background: #1b2527; line-height: 45px;}


/**********公共类UI**********/
/*选项卡--T(tab,简写成T)*/
.T_pd{padding:20px 0 10px;}
.T_area{font-family:'微软雅黑'; color:#000; letter-spacing:-4px;}
.T_item{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: -1px }
.T{}

.T_few{ display: block; padding: 10px; height: 50px;}
.wf_TbI .off .u111{background-position: -35px 0;}
.wf_TbI .off .u112{ background-position: -35px -36px;}
.wf_TbI .off .u119{ background-position: -174px -52px;}
.wf_TbI .off .u113{  background-position: -35px -72px;}
.wf_TbI .off .u114{  background-position: -35px -108px;}
.wf_TbI .off .u115{ background-position: -35px -144px;}
.wf_TbI .off { color: #fff;}

.wf_TbI .off{ background:#1b2527;}

/*按钮button--B*/
.B_l,.B_m,.B_s{}
.B_d,.B_f,.B_h{}
.C{ color:#FF5C19;}

/*背景色Bg*/
.BgI{ background-color:#245a5c}

/***时间节点Tnode***/

.Tnode_dot,.Tnode_dot_new{width:25px; position:absolute; height:26px; text-align: center; color: #fff; left:1px; top:0px; z-index:3; background:url(../images/Sprite_1.png) no-repeat -175px -21px; }
.Tnode_dot_new{ background-position:-175px 5px }
.Tnode_v_line{position:absolute; height:8px; width:2px; overflow:hidden; background:#fff; z-index:2; left:0; top:0;}
.Tnode_vertical{height:100%; width:2px; overflow:hidden;  background:#e8e8e8; position:absolute; left:0; top:0;}
/*.Tnode_new{line-height:20px; padding:0 0.5em; color:#fff; position:absolute; left:-45px; top:0; background:#27979b;}*/
.Tnode_star{border-left:2px solid #fff; padding-left:28px; z-index:2;}
.Tnode_star .Tnode_dot{left:-15px;}
.Tnode_star .Tnode_v_line{ left:-2px; background:#e8e8e8;}

/*翻页P(page,简写成P)*/
.P{}

/*小提示Tps(网站经常用到页面需要及时解释的贴士)*/
.Tps_area{ z-index: 3; position: absolute;  display: none;}
.Tps_in{
	font-weight:normal; padding:10px;  width:250px; font-size:12px; line-height:12px;background:#fff; color: #666; border:1px solid #1abc9c;  box-shadow: 0 0 10px #f6f6f6 inset; text-shadow:none; text-align:left;  
}

/*弹出层popup，网站弹出层啦*/
.Popup_area{position:fixed; border: 2px solid #ccc; box-shadow: 0 0 5px #ccc; width:270px; display: none; line-height:150px; height:150px; left:50%; top:50%; margin:-75px 0 0 -136px; background: #fff; z-index:20; text-align:center;}


/*般透明层，一般是弹出层的父标签，一般也是黑色半透明Translucent，因为这个就只是一层，所以长点儿没关系*/
.Translucent{}


/**********系统自带UI**********/
/*radio--Radio*/
.Radio{}

/*check--Check*/
.Check{}

/*text Insert简写成Ist*/
.Ist_s,.Ist_m,.Ist_l,.Ist_ss{}
.Ist_d{}
.Ist_h{}
.Ist_f{}

/*Step*/
.Step{}

/*输入框前面的主题文字，Insert word 简写成 Istw*/
.IstW{}

/*textarea--Textarea*/
.Textarea{}

/*上传按钮fileField*/
.fileField{}


/**********自己挖掘的公共UI**********/
/*Sw(shadow)--阴影*/
.Sw{ box-shadow: 1px 1px 3px #ddd;}

/*主要背景色*/
.bgI{ background: #213246}

/*Tt title*/
.Tt{line-height:40px; background:#f9f9f9; color:#fff; font-size:16px; padding-left:15px; color:#1abc9c; border-bottom: 1px solid #ccc;}

/*Br(border-radius)--圆角*/
.Br{}
/*下拉菜单 active*/
.active{ position:relative; z-index:4; cursor:pointer; display:inline-block; line-height:35px; z-index:4; background:#f9f9f9;}
.warp{position:absolute; top:70px; left:0; width:100%; background:#FFF; display:none; }
.warp2 {position: absolute;top:35px;left: 0;width: 100%;background: #FFF;display: none;}
.warp ul{ border:1px solid #ccc;}
.warp2 ul{ border:1px solid #ccc;}
.active_{vertical-align:middle; color:#444444; display: block;; border: 1px solid #ccc;}
.active_ a{position:absolute; right:2px; top:2px; width:22px; height:24px; }
.active_ .Trigon{margin-right: 7px; margin-top: 15px;float: right;}
.active   .Trigon{ border-color: #ccc #fff #fff #fff; transition: all .3s ease;}
.active:hover  .Trigon{-webkit-transform-origin: 50% 30%;transform-origin: 50% 30%;transition: all .3s ease;-webkit-transform: rotate(180deg)}
/*Trigon--三角，经常是鼠标一经过，然后就180顺滑过度*/
.Trigon{ width:0; height:0;  display:inline-block; overflow:hidden; border-style:solid; border-width: 5px ; position:relative;}

/*Dmd（diamond单词解释是菱形)*/
.Dmd_abs{position:absolute; line-height:26px; left:-2px; width:20px; text-align:center;  top:-11px;}
.Dmd_out{color:#1abc9c; position:absolute; font-size:26px; top:0;  margin-top: -1px; }
.Dmd_in{ color:#fff; position: absolute;  font-size:26px; top:0;  z-index: 3;}

/*垂直对齐*/
.Dib_vm{vertical-align:middle; height:100%; width:0; overflow:hidden; display:inline-block;}

/*Part，段落*/
.Part{}

/*Link：连接*/
.db_Link{ display:block; padding-left: 1em;}
.db_Link:hover{ background:#f9f9f9; }

/*弹出层*/
.Active{position:absolute; right:-14px; top:-0.5em; width:12px; height:12px; background:#1b2527; color:#fff; text-align:center; border-radius:6px; line-height:12px;}
.Active_{}
.Warp{}

/*两端自适应*/
.D{}