﻿/* ----------------------------通用CSS开始---------------------------- */

@charset "utf-8";

/* ----------------------------全局定义---------------------------- */

/* 将具有默认margin和padding的标记置零，所有标记的margin、padding都在使用时具体定义 */
*{ margin:0;padding:0;}

/* 修正IE5.x和IE6的斜体溢出bug */
* html body{ overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}

/* 常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */
body{ color:#000; background:#FFF; font:12px/22px 微软雅黑,宋体,Arial,Verdana,sans-serif,"Times New Roman"; text-align:center;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}
input,select{ font-size:12px; vertical-align:middle;}

/* 设置内容左对齐，恢复因BODY设置剧中产生的继承 */
body div{ text-align:left;}

/* 标签属性，textarea,input 强制输入时内容超出时换行 */
textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;
	height: 20px;
}

/* 清除ul列表标记的样式，ul列表更多的用在不需要列表前置符号的样式里 */
li{ list-style-type:none;}

/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */
img{ border:0 none;}

/* 定义默认的链接样式，仅仅是作为默认样式提供，可以在各自的实例中覆盖掉 */
a:link, a:visited{ color:#04C; text-decoration:none;}
a:hover{ color:#F60; text-decoration:underline;}

/* 去掉链接的虚线框 */
a { outline:none; star:expression(this.onFocus=this.blur());}

/* 定义H系列标签，覆盖H系列标签默认属性 */
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}

/* ----------------------------通用属性定义---------------------------- */

/* 鼠标样式 */
.pointer{ cursor:pointer;}

/* 取消边框 */
.NoBorder{ border:0 none;}

/* 文本对齐方式 */
.t_l{ text-align:left;}
.t_c{ text-align:center;}
.t_r{ text-align:right;}

/* 字母和单词换行设置，强制内容换行，强制内容不换行 */
.Break{ word-break:break-all; word-wrap:break-word;}
.Nobreak{ word-break:keep-all; word-wrap:normal;}

/* 浮动定义 */
.FL{ float:left;}
.FR{ float:right;}

/* 定义文本下划线 */
.UnLine{ text-decoration:underline;}
.DisunLine{ text-decoration:none;}

/* 定位关系 */
.absolute{ position:absolute;}
.relative{ position:relative;}

/* 下划点虚线 */
.dotLine{ background:url(../image/dot01.gif) repeat-x left bottom;}


/* ul列表 */
.ul-fl li{
float:left; height:23px; line-height:23px; padding-left:20px;
}
.ul-fl-d li{
float:left; height:23px; line-height:23px; background:url(../images/dot/dot3-3.jpg) no-repeat 8px 10px; padding-left:20px;
}
.ul-no-f li{
height:23px; width:100%; overflow:hidden; line-height:23px; background:url(../images/dot/dot3-3.jpg) no-repeat 8px 10px; padding-left:20px;
}


/* ------------------------------------通用容器定义---------------------------------------- */

/* 容器 */
.wrapper{ clear:both; overflow:hidden;}

/* 隐藏元素，当元素内容内容超出元素height 或 width 时，隐藏之 */
.o-hidden{ overflow:hidden;}

/*
* 隐藏元素，visibility可以隐藏元素，但是还是会在布局中占位 */
.invisible{ visibility:hidden;}

/* 从页面布局上隐藏元素，从布局上隐藏元素 */
.hidden{ display:none;}
.block{ display:block;}


/* ------------------------------------清理元素--------------------------------------- */

/* 清理浮动元素,当浮动换行时后面元素不希望浮动，添加此属性，防止IE BUG */
.clear{ clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}



/* ------------------------------------常用样式定义---------------------------------------- */

/* 边框定义，由大写B开头,表示系统公用边框样式 */
.BTW{ border-top-width:1px;}
.BRW{ border-right-width:1px;}
.BLW{ border-left-width:1px;}
.BBW{ border:0px; border-bottom-width:1px;}
.Bord1{ border:1px solid #999;}
.Bord2{ border:2px solid #999;}

/* 边框宽度 (BW开头) */
.BW1{ border-width:1px;}
.BW2{ border-width:2px;}
.BW3{ border-width:3px;}
.BW4{ border-width:4px;}
.BW5{ border-width:5px;}

/* 边框样式 (Bs开头) */
.BsS{ border-style:solid;}
.BsD{ border-style:dotted;}

/* 边框颜色 (Bc开头) */
.BcBlue{ border-color: #00F;}
.BcBlack{ border-color: #000;}

/* 下划线 */
.BotLine{ border-bottom:1px solid #CFCFCF; overflow:hidden;}
.BotDotLine{ background: url(../image/dot01.gif) repeat-x left bottom;}
.BotDotLine01{ width:95%; margin:0 auto; background: url(../image/dot01.gif) repeat-x; height:1px; line-height:1px; overflow:hidden;}
.BotDasLine{ border-bottom:1px dashed #CFCFCF; overflow:hidden; height:1px; line-height:1px;}
.border-r-dot{ background:url(../image/dot02.gif) repeat-y right top;}

/* 宽度定义，由小写C开头,表示color */
.W1024,.W786,.W975,.W972{ width:968px; margin:0 auto;}
.W1024{ width:1024px;}
.W786{ idth:786px;}
.W975{ width:975px;}
.W972{ width:972px;}

/* 颜色功能定义，由小写C开头,表示color */
.cRed{ color:#F00;}
.cWhite{ color:#FFF;}
.cGreen{ color:#0F0;}
.cGray{ color:#666;}
.cBlue{ color:#00F;}
.cblack{ color:#000;}

/* 定义某个项目常用颜色 */
.c001{ color:#663;}

/* 定义字体样式，由大写字母F开头,表示FONT */

/* 字体样式 */
.FB{ font-weight:bold;}
.FN{ font-weight:normal;}
.FI{ font-style:italic;}

/* 字体大小 */
.F10{ font-size:10px;}
.F11{ font-size:11px;}
.F12{ font-size:12px;}
.F13{ font-size:13px;}
.F14{ font-size:14px;}
.F16{ font-size:16px;}
.F18{ font-size:18px;}

/* 定义间距,上下2个DIV间距，用DIVH开头。上下DIV有间距时使用,尽量不使用margin/padding值,防止不同浏览器出现BUG。使用下面属性可兼容大多浏览器。*/
.DivH5,.DivH10,.DivH15,.DivH20,.DivH25,.DivH30,DivH1,.DivH40{ width:100%; overflow:hidden;}
.DivH1{ height:1px;}
.DivH5{ height:5px;}
.DivH8{ height:8px;}
.DivH10{ height:10px;}
.DivH15{ height:15px;}
.DivH20{ height:20px;}
.DivH25{ height:25px;}
.DivH30{ height:30px;}
.DivH40{ height:40px;}

/* 定义行高，LH 使用较少,主要定义line-height属性 */
.LH1{ line-height:1px;}
.LH10{ line-height:10px;}
.LH15{ line-height:15px;}
.LH18{ line-height:18px;}
.LH20{ line-height:20px;}
.LH25{ line-height:25px;}
.LH30{ line-height:30px;}
.LH35{ line-height:35px;}

/* 标题样式定义 PTit 在定义p标签元素或其它元素时,需要同时定义行高和高度,一般使用在标题显示中. */

.PTit25,.PTit20,.PTit18,.PTit30,.PTit,.PTit1,.PTit22{ width:100%; overflow:hidden;}
.PTit30{ line-height:30px; height:30px;}
.PTit25{ line-height:25px; height:25px;}
.PTit22{ line-height:22px; height:22px;}
.PTit20{ line-height:20px; height:20px;}
.PTit18{ line-height:18px; height:18px;}
.PTit15{ line-height:15px; height:15px;}
.PTit10{ line-height:10px; height:10px;}
.PTit1{ line-height:1px; height:1px;}

/* 更多样式设计 MORE 显示在右侧更多/MORE样式,可根据需求扩展 */

.More{ text-align:right; position:absolute; top:0; right:3px;}
.MoreR5{ position:absolute; top:0px; right:3px; font:12px normal; }
.MoreR15{ position:absolute; top:0px; right:15px; font:12px normal;}

/* 普通列表样式定义，文章列表样，一般列表使用,ul li列表 */
.ArtList,.ArtList25,.ArtList22,.ArtList24{ width:100%; overflow:hidden; margin:0 auto;}
.ArtList li{ width:100%; height:20px; line-height:20px; overflow:hidden;}
.ArtList25 li{ width:100%; height:25px; line-height:25px; overflow:hidden;}
.ArtList24 li{ width:100%; height:24px; line-height:24px; overflow:hidden;}
.ArtList22 li{ width:100%; height:22px; line-height:22px; overflow:hidden;}

.clearContainer{overflow:hidden; clear:both; zoom:1; } 
.ovflowStyle{overflow:hidden; zoom:1;}
.topMenus{ background:url('../Images/topBG.png') repeat-x center; padding-top:2px; height:37px; top:0px; position:fixed; width:100%; z-index:50;}
/*.topStyle{background:url('../Images/topImg1.png') no-repeat center; height:61px; width:1000px; margin:0 auto;}
*/
.topStyle{background:url('../Images/newImgs/1.png') no-repeat center; position:relative; height:61px; 
          width:1000px; margin:0 auto; margin-top:49px;}
.logoStyle1{border:0px solid #efefef;}
.logoStyle2{border:1px solid #FF4500;}
.MstLeftTdStyle
{
	border-right:1px solid #8a8b8d; border-left:1px solid #8a8b8d; width:225px; 
	background:url('../Images/bottomImg.png') no-repeat 50% 90%;
	background-color:#ecf0f3; vertical-align:top; height:520px;
}
.MstRightTdStyle
{
	border-right:0px solid #8a8b8d; vertical-align:top; background-color:#fff;
}
.lftBtnContainer{margin-top:5px; padding-left:43px;}
.lftBtnContainer input{width:120px; height:35px;}   
.btnGreen,.btnRed,.btnBlue,.btnGray{height:35px; width:113px; border:0; cursor:pointer;}
.btnGreen{background:url('../Images/btn/btnGreen.png') no-repeat center; }
.btnRed{background:url('../Images/btn/btnRed.png') no-repeat center;}
.btnBlue{background:url('../Images/btn/btnBlue.png') no-repeat center;}
.btnGray{background:url('../Images/btn/btnGray.png') no-repeat center;}

.btnGreen1{height:29px; width:91px; border:0; cursor:pointer;}
.btnGreen1{background:url('../Images/btn/btnBlue1.jpg') no-repeat center; }
.btnNew1,.btnNew2,.btnNew3{height:31px; width:120px; border:0; cursor:pointer; text-align:center; line-height:31px; font-size:14px;}
.btnNew1{background:url('../Images/btn/btnNew1.jpg') no-repeat center;}
.btnNew2{background:url('../Images/btn/btnNew2.jpg') no-repeat center; color:#04C;}
.btnNew3{background:url('../Images/btn/btnNew3.jpg') no-repeat center; color:#FF4500;}
.btnRect{ height:35px; width:100px; border:0; outline:none; background:#419EC4; font-size:16px; color:#fff;}
/*-------- 新按钮样式(始) -------*/
.btnPubGray, .btnPubBlue, .btnPubUpGray, .btnPubUpBlue{height:54px; width:96px; border:0; cursor:pointer; font-size:14px;}
.btnPubGray{background:url('../Images/newImgs/4.png') no-repeat right bottom; color:#04C;}
.btnPubBlue{background:url('../Images/newImgs/5.png') no-repeat right bottom; color:#FF4500;}
.btnPubUpGray{background:url('../Images/newImgs/3.png') no-repeat right bottom; color:#04C;}
.btnPubUpBlue{background:url('../Images/newImgs/2.png') no-repeat right bottom; color:#FF4500;}

.btnBGStyle
{
	/*height:57px; width:334px; border:0;
	background:url('../Images/newImgs/18.png') no-repeat center;*/
	height:53px; width:334px;
	border:1px solid #8a8b8d;
}

.btnLittleGray, .btnLittleBlue, .btnLittleUpGray, .btnLittleUpBlue{height:23px; width:106px; border:0; cursor:pointer; font-size:14px;}
.btnLittleGray{background:url('../Images/newImgs/11.png') no-repeat right bottom; color:#04C;}
.btnLittleBlue{background:url('../Images/newImgs/10.png') no-repeat right bottom; color:#FF4500;}
.btnLittleUpGray{background:url('../Images/newImgs/13.png') no-repeat right bottom; color:#04C;}
.btnLittleUpBlue{background:url('../Images/newImgs/12.png') no-repeat right bottom; color:#FF4500;}

.btnLongGray, .btnLongBlue, .btnLongUpGray, .btnLongUpBlue{height:23px; width:321px; border:0; cursor:pointer; font-size:14px;}
.btnLongGray{background:url('../Images/newImgs/7.png') no-repeat right bottom; color:#04C;}
.btnLongBlue{background:url('../Images/newImgs/6.png') no-repeat right bottom; color:#FF4500;}
.btnLongUpGray{background:url('../Images/newImgs/9.png') no-repeat right bottom; color:#04C;}
.btnLongUpBlue{background:url('../Images/newImgs/8.png') no-repeat right bottom; color:#FF4500;}

.btnFbYl, .btnFbGray{height:38px; width:97px; border:0;cursor:pointer; font-size:14px; text-align:center; line-height:38px; color:#fff; }
.btnFbYl{background:url('../Images/newImgs/14.png') no-repeat right bottom;}
.btnFbGray{background:url('../Images/newImgs/15.png') no-repeat right bottom;}
/*-------- 上传图片按钮样式 -------*/
.btnUploadGray, .btnUploadBlue{height:35px; width:66px; border:0; cursor:pointer; font-size:14px; text-align:center;}
.btnUploadBlue{background:url('../Images/newImgs/uploadBlue.png') no-repeat top left;}
.btnUploadGray{background:url('../Images/newImgs/uploadGray.png') no-repeat top left;}
/*-------- 新按钮样式(末) -------*/

/*
.footer{width:998px; margin:0 auto 15px auto; border-top:1px solid #8a8b8d;}
.footer div{text-align:center;}
.footer a{font-size:12px; color:#585858; text-align:center; text-decoration:none;}
.footer a:hover{text-decoration:underline;}
.footer_link{margin:10px auto;}
*/
/* ------------------------------------备注---------------------------------------- */

.search_div
{
margin: 0 auto; 
position:relative; 
height:80px;
padding:10px 0;	
border-bottom:1px solid #eee;
}
.search_btn_div
{
	position:absolute; right:3px; top:-10px
}
.search_btn_div p{ height:45px; padding:3px 0;}
.msgTypeUlDiv{width:100%; margin:0 auto; padding:0; text-align:center; background:#419EC4; 
              border-bottom:1px solid #419EC4; height:40px; margin-top:10px;}
.msgTypeUlDivSub{width:998px; margin:0 auto;}
.msgTypeUl{list-style:none;width:1020px; height:40px; padding:0; margin:0 auto; }
.msgTypeUlli{float:left; display:inline; padding:0; margin:0; height:40px; line-height:40px; width:150px; text-align:center; font-size:15px;}
.msgTypeUlli a{color:#fff;}
.msgTypelicurr{background:#59B6DC; color:#000; border:1px solid #419EC4; border-bottom:0;}
.msgTypelicurr a{ color:#fff; font-weight:bold;}

.notMatchBg{background:#4D8100; color:#fff;width:50px; text-align:center; line-height:22px; height:22px; display:block; margin:3px 0;}
.matchBg{background:#A9C365; color:#fff;width:50px; text-align:center; line-height:22px; height:22px; display:block;margin:3px 0;}
.myBg{background:#A9C365; color:#fff;width:50px; text-align:center; line-height:22px; height:22px; display:block;margin:3px 0;}

.yewuBg{background:#419EC4; color:#fff;width:50px; text-align:center; line-height:22px;}
.kongcheBg{background:#A9C365; color:#fff;width:50px; text-align:center; line-height:22px;}

.emptyCarTb{border-collapse:collapse; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.emptyCarTb thead{background:#D6E7F7; color:#2C4D79; font-size:14px;}
.emptyCarTb thead tr{height:35px;}
.emptyCarTb tbody{font-size:12px;}
.emptyCarTb tbody td{text-align:center}
.emptyCarTb th,.emptyCarTb td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.headCss{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#419EC4; color:#fff; height:35px;}
.emptyCarTb td{padding:5px 0px 5px 2px;}

.itemDate{width:90px; text-align:center; line-height:15px; font-size:13px;}
.itemArrow{overflow:hidden; zoom:1; width:100px; text-align:center; line-height:15px;}

th{text-align:center;}

.login_ul{ list-style:none}
.login_ul li{float:left;}
.login_txt
{
	border:1px solid #ccc;
	width:120px;
	height:18px;
	font-size:13px;
}

.indexitembg{clear:both; overflow:hidden; zoom:1; border-bottom:1px solid #ddd; padding:8px 15px; cursor :pointer;}
.indexitembg:hover{background:#FFFEE5}
.indexitemtitle{color:#04C; font-size:15px; font-weight:normal; line-height:22px;
                 height:22px;width:700px;  float:left; }
.indexitemtitle span{font-size:12px; color:#000}
.loadMoreDiv
{
	width:100%; 
	margin:0 auto; 
	text-align:center; 
	background:#419EC4; 
	height:30px; 
	border-bottom:2px solid #ddd;
	padding-top:5px;
}
.nologinspan
{
	color:#F60;	
	padding:10px 0 0 0;
	float:left;
}

.loadMoreDiv a{font-size:15px;color:#fff; }
.mloadMore{width:100%; margin:0 auto; text-align:center; background:#419EC4; height:35px; border-bottom:2px solid #ddd; bottom:0; position:absolute; color:#fff;}

.mpagediv{width:100%; text-align:right; height:30px; background:#eee; border:1px solid #ddd; border-top:0; padding-top:5px;}
.mloadMore2{width:100%; margin:0 auto; text-align:center; background:#eee; height:35; border:1px solid #ddd; border-top:0; position:absolute; bottom:0;}
.footer{background: #eee; width: 100%; height:350px; font-size:12px; margin:0; padding:0; }
.footer_ul{width:1000px; margin:0 auto;}
.footer_ul li{ width:460px; height:140px; float:left;  margin:10px 15px;}
.footer_ios{width:220px; height:120px; float:left; position:relative; }
.footer_android{width:220px; height:120px; float:left; margin-left:10px;position:relative;}
.footer_ios i
{
    background-image: url(../Images/lsapp.png);
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    width: 60px;
    background-position: 0 -290px;
    margin-left:18px;
}
.footer_android i
{
    background-image: url(../Images/lsapp.png);
    background-repeat: no-repeat;
    background-position: 0 -80px;
    display: block;
    height: 60px;
    width: 60px;
    margin-left:18px;
}
.footer_ios img,.footer_android img{ position:absolute; top:10px; right:10px;}
.footer_ul li p{width:100px; text-align:center;color:#fff;}
.footer_ul a{color:#ccc; padding-top:5px;}
.footer_ul a:hover{color:#F60;}
.bg1{background:#AF0650}
.bg2{background:#DC4900}
.bg3{background:#4D8100}
.bg4{background:#419EC4}
    
.footer h4{font-size:13px;margin:10px 0 3px 0; color:#0e8803;position:relative; border-bottom:2px solid #0e8803; width:220px;}
.footer a{color:#444;position:absolute; right:0; top:-5px;  font-size:13px}
.moreDiv{float:left;}
.moreSearch{}
.searchbottom{border-top:1px solid #DDD; width:100%; height:30px; text-align:center; z-index:1;}
.searchbottomspan{border:1px solid #DDD; border-top:0; background:#fff; display:block; z-index:2;
                    width:200px; height:25px; text-align:center; margin:0 auto; margin-top:-1px; font-size:13px; padding-top:5px;}
.sl-e-more{ position:relative;}
.sl-e-more i {
  position: absolute;
  top: 0;
  left:20px;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #DDD;
  background-position: 4px 7px;
}
.sl-e-more i{
  background: url(../Images/search.ele.png) no-repeat 4px 6px;
  -webkit-transition: background-position .15s ease-in-out;
  -moz-transition: background-position .15s ease-in-out;
  transition: background-position .15s ease-in-out;
}

.sl-e-more i:hover
{
 border: 1px solid #F60;
  background: url(../Images/search.ele.png) no-repeat 4px -10px;
  -webkit-transition: background-position .15s ease-in-out;
  -moz-transition: background-position .15s ease-in-out;
  transition: background-position .15s ease-in-out;
}

/*
在终极页面中调用该通用样式时,应该注意显示效果的不同,因为后台上传信息时编辑器里面样式并没有调用本默认样式表.
所以在编辑器中标签会有默认的属性,用户在添加信息时,这些信息都是附带默认样式的.
如果用我们在终极页面也调用本默认CSS文件的话,许多标签如:p,td,li......标签默认样式都被取消,因此显示效不同.
解决办法:
在终极页面显示内容区域还原这些标签的默认属性.
*/

/*
ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:auto; padding:inherit;}
input,select{ font-size:inherit;}
img{border:inherit;}
ul,li{margin:auto; padding:inherit;}
li{ list-style-type:disc;}
*/

/*----------------------------------------------------------------通用CSS结束----------------------------------------- */