﻿
/*
    飞驰CMS默认样式框架 Ver FvceCMS 2020
    本框架是对系统页面的默认设置，您可根据情况修改
    最后更新：2020-07-21  畅宇驰

    使用建议：本样式表仅涉及页面零部件的基础定义，例如：幻灯、区块列表、栏目列表等核心样式
    关于页面结构布局等内容不推荐使用本css，请重新引入页面布局样式表
*/

*{padding:0; margin:0; margin:0 auto; text-align:left;font-family:"微软雅黑","FontAwesome"; color:#666666;box-sizing:border-box;}
section,article,nav,header,footer{display:block;}
html,body{height:100%;}
body {width: 100%;background-color: #ffffff;background-repeat: repeat-x;background-repeat: repeat-x;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,ol,ul,li,table,th,td,p,span,a,img{border:0;}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,b{font-weight:normal;}

/*容器对其*/
.left {float:left}
.right {float:right}
.center {margin-left: auto;margin-right: auto; }

/*边框*/
.border {border:1px solid #eeeeee;}

/*背景渐变色*/
.bgc {
  background: -webkit-linear-gradient(#e8e8e8, #ffffff);    /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e8e8e8, #ffffff);         /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e8e8e8, #ffffff);       /* Firefox 3.6 - 15 */
  background: linear-gradient(#e8e8e8, #ffffff);            /* 标准的语法 */
}

/*超级链接*/
a {text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none;color:#ff0000;}

/*表单样式基础定义*/
input { height:30px; border:1px solid #e7e7e7; text-indent:5px;outline:none;border-radius:3px;}
textarea { border:1px solid #e7e7e7; padding:5px;outline:none;border-radius:3px;}
select {width:150px; height:30px; text-indent:5px;border:1px solid #e7e7e7;border-radius:3px;}
select:focus{border:0;outline: none;}
.check {height:25px;margin:0px 5px 0px 5px;text-indent:5px}
.check input {width:15px;height:15px;margin-top:5px;}
.but,.But,#But,#but { display:inline-block; border:0;border-radius:4px;background-color:#1aad19;color:#ffffff;text-align:center;text-indent:0px;cursor:pointer;}
.but i,.But i,#But i,#but i {color:#ffffff; margin-right:10px;}
.but b,.But b,#But b,#but b { color:#ffffff;}

/*通用提交表单*/
.form {color:#666666; margin-bottom:10px;}
.form .title{ width:100%;line-height:20px;font-weight:normal; border-left:8px solid #cd0000; text-indent:10px; margin-bottom:10px;}
.form ul {font-size:14px;margin-bottom:20px;}
.form ul li { height:40px; margin-bottom:10px}
.form ul li b {display:block;width:100px;margin-left:20px; line-height:40px; float:left;}
.form ul li p {display:block;width:300px;line-height:40px; float:left; background:#f1f1f1; text-indent:10px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}

.form ul li input { width:300px; height:40px;margin-right:10px;float:left;}
.form ul li input:read-only { background-color:#f6f6f6;}
.form ul li select { width:200px; height:40px;margin-right:10px;}
.form .check {height:25px;margin:0px 5px 0px 5px;}
.form .check input {width:15px;height:15px;margin-top:5px;}
.form textarea {width:500px;height:200px;}
.form ul li span { font-size:12px; line-height:40px; }
.form ul li .small_but {width:60px;height:30px;margin-right:10px;text-indent:0px;text-align:center; }
.form #but,.form #But {width:200px;height:40px; line-height:40px;}

.form ul li .CodeBox { width:300px; height:40px; float:left;  }
.form ul li .CodeBox input { width:100px; }
.form ul li .CodeBox img { display:block; width:120px;  height:40px; float:left;cursor:pointer; margin-right:10px; }
.form ul li .CodeBox i { display:block; width:50px; height:40px; line-height:40px; color:#ffffff; background-color:#047df2;float:right; text-align:center; font-size:20px;cursor:pointer; border-radius:3px;}


/* ==================================================== 【区块列表集中定义】 ====================================================*/


.bit {margin-bottom:10px; overflow:hidden;font-size:12px;}
.bit p {font-size:12px;}

/*【横向】切换卡栏目*/
.bit .lt_tab  {padding:0; overflow:hidden;height: 30px;margin-bottom:10px;border-bottom:1px solid #f1f1f1;}
.bit .lt_tab li { width:100px; float:left; text-align:center; height:30px; line-height:30px;color:#ffffff; background:#333333;margin-right:1px}
.bit .lt_tab li.hover {background-color:#e8390e;color:#ffffff;cursor:pointer;font-weight:bold;}

/*【侧向】切换卡栏目*/
.bit .lt_tab_s {float:left; width:100px; height:300px;background-color:#f1f1f1;}
.bit .lt_tab_s ul{margin:0px;padding:0px;list-style:none; position:absolute; width:100px; height:30px;text-align:center;}
.bit .lt_tab_s li{display:block;cursor:pointer;color:#949694; margin-bottom:1px;height:30px;line-height:30px; background-color:#333333; text-align:center;}
.bit .lt_tab_s li.hover{padding:0px;background-color:#e8390e;width:100px;color:#ffffff; font-weight:bold;}
.bit .lt_tab_s_content{margin-top:0px; border-top:none;padding:0px; border-left:0; margin-left:100px;}

/*固定栏目*/
.bit .lt {width:100%;height:30px;line-height:30px;color:#ffffff;border-bottom:1px solid #f1f1f1; margin-bottom:10px;}
.bit .lt a {color:#8e8e8e; float:right; margin-right:5px;}
.bit .lt h3 {width:100px;text-align:center;float:left;background-color:#e8390e;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; color:#ffffff;}
.bit .lt span {float:right;margin-right:10px}

/*【1、单页类】*/
.bit .style1 { width:100%; height:400px;padding:0 10px 10px 10px; overflow:hidden;line-height:21px; text-indent:2em;}
.bit .style1 p { text-indent:2em; line-height:21px;}
.bit .style1 img {}

/*【2、多页类】*/
.bit .style2 {}
.bit .style2 ul {}
.bit .style2 ul li {height:28px;border-bottom:1px dashed #f1f1f1; line-height:27px;margin:0 5px}
.bit .style2 ul li a { display:block; width:79%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; float:left;}
.bit .style2 ul li a:before {content: '\f105'; margin:0 10px 0 0; color:#e8390e;}
.bit .style2 ul li span {float:right; margin-right:10px;}
.bit .style2 ul li .vip {color:#cd0000}
.bit .style2 ul li:last-child {border-bottom:0}

/*【2、多页类】 扩展：标题加导读*/
.bit .style210 {}
.bit .style210 ul {margin:10px 10px 0px 10px;}
.bit .style210 ul li { height:60px; margin-bottom:10px;border-bottom:1px dashed #f1f1f1; overflow:hidden;}
.bit .style210 ul li img {display:none;}
.bit .style210 ul li a {display:inline-block;width:100%;height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.bit .style210 ul li p {width:100%; height:35px; overflow:hidden; text-align:left;line-height:18px;color:#bfbfbf; margin-bottom:5px;}
.bit .style210 ul li span i{ margin-right:20px; font-style:normal; }
.bit .style210 ul li:last-child {border-bottom:0}
.bit .style210 ul li ul {display: none;}  /*进行栏目列表时可能会有子栏目容器，必须隐藏*/

/*【2、多页类】 扩展：日期图标列表样式（需要jqurey配合拆分日期）*/
.bit .style211 {}
.bit .style211 ul {}
.bit .style211 ul li { width: 100%; height: 80px; position: relative; margin-bottom:10px; overflow: hidden;}
.bit .style211 ul li span:first-child { display:block; width:80px; height:80px; background:#f5f5f5; color:#666666; padding-top:20px; position: absolute; left:0;}
.bit .style211 ul li span:first-child  pre:first-child {font-size:22px; text-align:center; line-height:30px;}
.bit .style211 ul li span:first-child  pre:last-child {text-align:center;}
.bit .style211 ul li a { display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; position: absolute; left:100px;top:5px;}
.bit .style211 ul li p { display:block; height:45px; overflow:hidden; color:#9b9b9b; line-height:22px;position: absolute; left:100px; top:25px}
.bit .style211 ul li span:nth-last-child(2) {display: none;}
.bit .style211 ul li span:nth-last-child(1) {display: none;}

/*【2、多页类】 扩展：门户网站 头条新闻*/
.bit .style212 {width:1160px;height:80px;margin-bottom:10px;border:1px solid #f1f1f1; overflow:hidden;}
.bit .style212 h3 {}
.bit .style212 h3 span {display:block; width:100px; height:80px; color:#ffffff; background:#cd0000; font-size:22px; text-align:center; float:left; padding:8px 20px; }    
.bit .style212 h3 i { display:block; width: 0;height: 0;border-top: 40px solid transparent;border-left: 30px solid #cd0000;border-bottom: 40px solid transparent; float:left;}
.bit .style212 ul {width:1000px;float:right;}
.bit .style212 ul li {height:88px;text-align:center;}
.bit .style212 ul li img { display:none;}
.bit .style212 ul li a {font-size:34px;color:#0d8b97;font-weight:bold;line-height:50px;}
.bit .style212 ul li p {font-size:14px;color:#8a8a8a;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.bit .style212 ul li span {display:none;}


/*【3、相册类】 默认：文字以遮罩形式显示在图片框内*/
.bit .style3 {}
.bit .style3 ul {}
.bit .style3 ul li {display:inline-block;width:200px;height:140px;margin:0px 5px 10px 5px;}
.bit .style3 ul li a:first-child {display: block; width:100%;height:100%; overflow: hidden; background:#f1f1f1;}
.bit .style3 ul li a:first-child img {width: 100%;transition: all 1s;}
.bit .style3 ul li a:first-child:hover img {transform:scale(1.5);}
.bit .style3 ul li a:first-child i { display: block; width: 100%; height: 100%; text-align: center; line-height: 140px; color: #ffffff; font-size: 80px;transition: all 0.5s; background-color: #296cac;}
.bit .style3 ul li:hover a:first-child i {font-size: 100px;}
.bit .style3 ul li a:nth-child(2) { display: block; width:100%;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;position: relative;bottom:20px;background:rgba(0,0,0,0.5);color:#ffffff;}
.bit .style3 ul li a.vip {color:#ff0000;}
.bit .style3 ul li span:nth-last-child(2) {display: none;}
.bit .style3 ul li span:nth-last-child(1) {display: none;}
.bit .style3 ul li ul {display: none;}  /*进行栏目列表时可能会有子栏目容器，必须隐藏*/

/*【3、相册类】 扩展：文字明文显示在图片下方*/
.bit .style310 {}
.bit .style310 ul {}
.bit .style310 ul li {display:inline-block;width:200px; height: 195px; margin:0px 5px 10px 5px; position: relative;}
.bit .style310 ul li a:first-child {display: block; width:100%;height:140px; margin-bottom: 10px; overflow: hidden; background:#f1f1f1;}
.bit .style310 ul li a:first-child img {width: 100%;transition: all 1s;}
.bit .style310 ul li a:first-child:hover img {transform:scale(1.5);}
.bit .style310 ul li a:first-child i { display: block; width: 100%; height: 100%; text-align: center; line-height: 140px; color: #ffffff; font-size: 80px;transition: all 0.5s; background-color: #296cac;}
.bit .style310 ul li:hover a:first-child i {font-size: 100px;}
.bit .style310 ul li a:nth-child(2) { display: block; width:100%;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center; font-size: 14px; font-weight: bold;}
.bit .style310 ul li a.vip {color:#ff0000;}
.bit .style310 ul li span { display: block;  line-height: 25px;position: absolute;}
.bit .style310 ul li span:first-child { width: 50%;left: 0; text-align: left;}
.bit .style310 ul li span:last-child {width: 40%; right: 0; text-align: right;}
.bit .style310 ul li span:nth-last-child(2):before {content:'日期：'}
.bit .style310 ul li span:nth-last-child(1):before {content:'人气：'}
.bit .style310 ul li ul {display: none;}  /*进行栏目列表时可能会有子栏目容器，必须隐藏*/

/*【4、图文类】 默认：左图右字*/
.bit .style4 {}
.bit .style4 ul {}
.bit .style4 ul li {height:75px; position: relative;border-bottom:1px dashed #f1f1f1; padding: 5px 0;}
.bit .style4 ul li:last-child {border:0;}
.bit .style4 ul li a:first-child { display: block; width:90px;height:60px; background:#f1f1f1; position: absolute; left: 0; overflow: hidden;}
.bit .style4 ul li a:first-child img { width:100%;}
.bit .style4 ul li a:first-child i { display: block; width: 100%; height: 100%; text-align: center; line-height: 60px; color: #ffffff; font-size: 30px;transition: all 0.5s; background-color: #296cac;}
.bit .style4 ul li:hover a:first-child i {font-size: 40px;}
.bit .style4 ul li a:nth-child(2) {display:block;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold; position: absolute; left:100px; top:10px}
.bit .style4 ul li p {display:block;height:20px;text-align:left;line-height:20px;color:#a4a4a4;position: absolute; left:100px; top:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.bit .style4 ul li span {position: absolute; top:50px; left:100px;color:#a4a4a4;}
.bit .style4 ul li span:nth-last-child(1) { left: 180px; }
.bit .style4 ul li span:nth-last-child(2):before {content:''}
.bit .style4 ul li span:nth-last-child(1):before {content:'人气：'}
.bit .style4 ul li ul {display: none;}  /*进行栏目列表时可能会有子栏目容器，必须隐藏*/

/*【4、图文类】 扩展：上图下字*/
.bit .style410 {}
.bit .style410 ul {}
.bit .style410 ul li { display: inline-block; width:200px;margin-bottom:10px;}
.bit .style410 ul li a:first-child { display: block; height:140px; background:#f1f1f1; margin-bottom: 10px; overflow: hidden;}
.bit .style410 ul li a:first-child img { width:100%;transition: all 0.5s;}
.bit .style410 ul li a:first-child i { display: block; width: 100%; height: 100%; text-align: center; line-height: 140px; color: #ffffff; font-size: 80px;transition: all 0.5s; background-color: #296cac;}
.bit .style410 ul li:hover a:first-child i {font-size: 100px;}
.bit .style410 ul li a:nth-child(2) {display:block;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;}
.bit .style410 ul li p {display:block; height:40px;line-height:20px;color:#a4a4a4;overflow:hidden;}
.bit .style410 ul li span { display:none;}
.bit .style410 ul li:hover img {transform:scale(1.5);}
.bit .style410 ul li ul {display: none;}  /*进行栏目列表时可能会有子栏目容器，必须隐藏*/

/*【4、图文类】 扩展：上图下字*/
.bit .style411 {}
.bit .style411 ul {text-align: center;}
.bit .style411 ul li { display: inline-block; width:200px;margin-bottom:10px;}
.bit .style411 ul li a:first-child { display: block;width:140px; height:140px; background:#f1f1f1; margin-bottom: 10px; overflow: hidden; border-radius:150px;}
.bit .style411 ul li a:first-child img { width:100%;transition: all 0.5s;}
.bit .style411 ul li a:first-child i { display: block; width: 100%; height: 100%; text-align: center; line-height: 140px; color: #ffffff; font-size: 80px;transition: all 0.5s; background-color: #296cac;}
.bit .style411 ul li:hover a:first-child i {font-size: 100px;}
.bit .style411 ul li a:nth-child(2) {display:block;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;text-align: center;}
.bit .style411 ul li p {display:block; height:40px;line-height:20px;color:#a4a4a4;overflow:hidden;text-align: center;}
.bit .style411 ul li span { display:none;}
.bit .style411 ul li:hover img {transform:scale(1.5);}
.bit .style411 ul li ul {display: none;}  /*进行栏目列表时可能会有子栏目容器，必须隐藏*/


/*【4、图文类】 扩展：大图遮罩悬停显示导读*/
.bit .style420 {}
.bit .style420 ul {}
.bit .style420 ul li { display: inline-block; width:500px; height: 300px; margin-bottom:10px; position: relative; overflow: hidden;}
.bit .style420 ul li a:first-child { display: block; width: 100%; height:100%; background:#f1f1f1; margin-bottom: 10px; position: absolute; top:0; z-index:10;}
.bit .style420 ul li a:first-child img { width:100%;transition: all 1s;}
.bit .style420 ul li a:first-child i { display: block; width: 100%; height: 100%; text-align: center; line-height: 300px; color: #ffffff; font-size: 100px;transition: all 0.5s; background-color: #296cac;}
.bit .style420 ul li:hover a:first-child i {font-size: 150px;}
.bit .style420 ul li a:nth-child(2) {display:block; width: 100%; height:100%;background-color: rgba(0,0,0,0.6); font-size: 20px; text-align: center; position: absolute; z-index:20; top:0; color: #ffffff; padding: 100px 30px;}
.bit .style420 ul li p {display:block; width: 100%; height:50px;line-height:20px; background-color: rgba(0,0,0,0.8);transition: all 1s; color:#ffffff;overflow:hidden;position: absolute; z-index:20; bottom:-50px; padding: 5px;}
.bit .style420 ul li span { display:none;}
.bit .style420 ul li:hover p {bottom:0;}
.bit .style420 ul li:hover a:nth-child(2) {background-color: rgba(0,0,0,0.1);}
.bit .style420 ul li:hover img {transform:scale(1.1);}
.bit .style420 ul li ul {display: none;}  /*进行栏目列表时可能会有子栏目容器，必须隐藏*/

/*【8、链接类】 扩展：文字友情链接*/
.bit .style81  {width:1158px;line-height:30px;}
.bit .style81  ul{margin-left:5px;}
.bit .style81  ul li{display:inline-block;width:75px;margin-right:13px;overflow:hidden;white-space:nowrap;}
.bit .style81  ul li a{}

/*【8、链接类】 扩展：图片友情链接*/
.bit .style82 {width:1160px;height:100px; }
.bit .style82 ul {margin:10px 0px 0px 10px;}
.bit .style82 ul li {display:inline-block;width:210px;margin:0px 10px 10px 0px;overflow:hidden;}
.bit .style82 ul li a {display: block; width:200px;height:50px; background-color: #f5f5f5;}
.bit .style82 ul li a img {width:200px;height:50px;}
.bit .style82 ul li b {display: none;}

/*【8、链接类】 扩展：优化友情链接*/
#seo {width:1178px;line-height:20px;}
#seo ul{}
#seo ul li{display:inline-block;width:75px;margin-right:13px;overflow:hidden;white-space:nowrap;}
#seo ul li a {color:#333333;font-size:12px}





/*【区块列表辅助】 滚动图片 */
.scrollleft {}


/*【区块列表辅助】 滚动文本 横向*/
.scrollleft h3 { width:100px;float:left;background-color: #e8390e; color:#ffffff; text-align:center; line-height:30px; margin-right:10px;}
.scrollleft ul li{display:inline; line-height:30px; margin-right:20px;}
.scrollleft ul li span { margin-left:5px;}

/*【区块列表辅助】 含左右切换的滚动图片*/
.scroll_sw { position:relative; margin:20px auto; width:1180px;}
.scroll_sw .prev,.scroll_sw .next {position:absolute; display:block; width:50px; height:100%; background-color:#000; top:0; color:#FFF; text-align:center; z-index:99;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;  line-height:130px; font-size:50px;}
.scroll_sw .prev { left:0;cursor:pointer;display:none;}
.scroll_sw .next { right:0;cursor:pointer;display:none;}
.scroll_sw:hover .prev{display:block;}
.scroll_sw:hover .next{display:block;}
.scroll_sw div { position:relative; width:100%; height:130px; overflow:hidden;}
.scroll_sw div ul { width:9999px;}
.scroll_sw div ul li {display:inline; margin-right:10px;text-align:center; border:1px solid #cccccc}
.scroll_sw div ul li  a img {width:100%;height:100%;float:left;}
.scroll_sw div ul li  .a {width:100%;height:20px;line-height:20px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;background-color:#000000;position: relative;bottom:20px;filter: alpha(opacity=80);opacity: 0.8;color:#ffffff;font-size:12px}
.scroll_sw div ul li  .vip {width:100%;height:20px;line-height:20px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;background-color:#000000;position: relative;bottom:20px;filter: alpha(opacity=80);opacity: 0.8;color:#ff0000;;font-size:12px}





/*===============================================【栏目页列表】集中定义============================================*/

/*【1、单页类】 默认*/
.list .style1 {font-size: 14px;}
.list .style1 p {text-indent:2em;margin-bottom:1em; line-height: 25px;}
.list .style1 a { color:#136ec2;}
.list .style1 img { display:block; max-width:100%; }

/*【2、多页类】 默认*/
.list .style2 {}
.list .style2 ul { }
.list .style2 ul li { line-height:40px; border-bottom:1px dashed #d4d4d4;}
.list .style2 ul li:hover {background-color: #f1f1f1;}
.list .style2 ul li a { font-size:14px;}
.list .style2 ul li a:before {content: '\f0da';margin:0 10px 0 10px; color:#21678f; font-size: 5px; transform: scale(0.2);}
.list .style2 ul li span { font-size:12px; color:#999999; float:right; margin-right:10px;}
.list .style2 ul li .vip { color: #cd0000;}
.list .style2 ul li:last-child {margin-bottom: 10px;}

/*【2、多页类】 扩展：标题、导读*/
.list .style210 {}
.list .style210 ul {margin:10px 10px 0px 10px;}
.list .style210 ul li { height:100px; margin-bottom:10px;border-bottom:1px dashed #f1f1f1; overflow:hidden;}
.list .style210 ul li img {display:none;}
.list .style210 ul li a {display:block;width:100%;height:20px; margin-bottom: 5px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list .style210 ul li p {width:100%; height:40px; overflow:hidden; font-size: 12px; text-align:left;line-height:22px;color:#bfbfbf; margin-bottom:5px;}
.list .style210 ul li span {font-size: 12px;color:#bfbfbf; }
.list .style210 ul li span:last-child {margin-left:20px;}
.list .style210 ul li span i{ margin-right:20px; font-style:normal; }
.list .style210 ul li span:nth-last-child(2):before {content:'日期：'}
.list .style210 ul li span:nth-last-child(1):before {content:'浏览：'}
.list .style210 ul li:last-child {border-bottom:0}

/*【2、多页类】 扩展：基于210样式的二次扩展、日期图标列表样式（需要jqurey配合拆分日期）*/
.list .style211 {}
.list .style211 ul {}
.list .style211 ul li { width: 100%; height: 80px; position: relative; margin-bottom:10px; overflow: hidden;}
.list .style211 ul li span:first-child { display:block; width:80px; height:80px; background:#f5f5f5; color:#666666; padding-top:15px; position: absolute; left:0;}
.list .style211 ul li span:first-child  pre:first-child {font-size:25px; text-align:center; line-height:30px; font-weight: bold;}
.list .style211 ul li span:first-child  pre:last-child {text-align:center;}
.list .style211 ul li a { display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; position: absolute; left:100px;top:5px;}
.list .style211 ul li p { display:block; height:45px; overflow:hidden; color:#9b9b9b; line-height:20px;position: absolute; left:100px; top:30px; font-size: 12px;}
.list .style211 ul li span:nth-last-child(2) {display: none;}
.list .style211 ul li span:nth-last-child(1) {display: none;}

/*【3、相册类】 默认*/
.list .style3 {}
.list .style3 ul {text-align:center;}
.list .style3 ul li { display:inline-block; width:265px; height:230px; vertical-align:middle; margin:0 0 10px 10px; padding:10px; overflow:hidden; 
  text-align:center; box-shadow: 0px 0px 5px 1px #f1f1f1; position: relative;}
.list .style3 ul li a:first-child { display:block; width:245px; height:150px; overflow:hidden;}
.list .style3 ul li a:first-child img { width:100%; font-size:14px; color:#ff6c00; border:1px solid #f1f1f1;margin-bottom:5px;transition: all 1s;}
.list .style3 ul li:hover img {transform:scale(1.2);}
.list .style3 ul li a:first-child i { display: block; width: 100%; height: 150px; text-align: center; line-height: 150px; color: #ffffff; font-size: 80px;transition: all 0.5s; background-color: #296cac;}
.list .style3 ul li:hover a:first-child i {font-size: 100px;}
.list .style3 ul li a:nth-child(2) { display:block;width:100%; height:30px; font-size:14px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; line-height:25px; margin-bottom:5px; text-align:center; }
.list .style3 ul li span {display:inline-block; font-size:12px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; line-height:15px; margin-right:10px; background:#f3faff; color:#7ad3a6; padding:0px 5px;border-radius:3px; border:1px solid #7ad3a6}
.list .style3 ul li span:nth-last-child(1){margin-right:0; }
.list .style3 ul li a.vip {color:#ff0000;}
.list .style3 ul li span { display: block;  line-height: 20px;position: absolute;}
.list .style3 ul li span:first-child { width: 50%;left: 0; text-align: center;}
.list .style3 ul li span:last-child {width: 40%; right: 10px; text-align: center;}
.list .style3 ul li span:nth-last-child(2):before {content:'日期：'}
.list .style3 ul li span:nth-last-child(1):before {content:'浏览：'}


/*【4、图文类】 默认*/
.list .style4 {}
.list .style4 ul { }
.list .style4 ul li {height:140px;position: relative;border-bottom:1px dashed #f1f1f1; overflow: hidden; margin-bottom: 20px;}
.list .style4 ul li a , .list .style4 ul li p ,.list .style4 ul li span {position: absolute;}
.list .style4 ul li a:first-child { display: block; width:200px;height:120px; background:#f1f1f1; left: 0; overflow: hidden;}
.list .style4 ul li a:first-child img { width:100%;transition: all 1s;}
.list .style4 ul li:hover img {transform:scale(1.2);}
.list .style4 ul li a:first-child i { display: block; width: 100%; height: 120px; text-align: center; line-height: 120px; color: #ffffff; font-size: 80px;transition: all 0.5s; background-color: #296cac;}
.list .style4 ul li:hover a:first-child i {font-size: 100px;}
.list .style4 ul li a:nth-child(2) {display:block;height:30px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; left:220px; top:0;font-size: 18px; color: #5b7ca7;}
.list .style4 ul li p {display:block;height:20px;text-align:justify;line-height:22px;color:#a4a4a4;left:220px; top:30px;font-size: 14px;}
.list .style4 ul li span {top:105px; left:220px;color:#a4a4a4; font-size: 12px;}
.list .style4 ul li span:nth-last-child(1) { left: 350px; }
.list .style4 ul li span:nth-last-child(2):before {content:'日期：'}
.list .style4 ul li span:nth-last-child(1):before {content:'浏览：'}
.list .style4 ul li .more { display: block; width: 100px; height: 25px; font-size: 14px; line-height: 23px; border: 1px solid #85a4cc; color: #85a4cc; text-align: center;border-radius: 3px; 
  position: absolute; top:100px; right:10px}
  .list .style4 ul li .more:hover { background-color: #85a4cc; color:#ffffff;}

/*【4、图文类】 扩展：上图下字（两列）*/
.list .style410 {width:100%; overflow: hidden;}
.list .style410 ul { text-align: center;}
.list .style410 ul li { display: inline-block; width:400px;margin-bottom:10px;overflow: hidden; margin-bottom: 20px;}
.list .style410 ul li:nth-child(odd) { margin-right: 20px;}
.list .style410 ul li a:first-child { display: block; height:260px; background:#f1f1f1; margin-bottom: 10px;overflow: hidden;}
.list .style410 ul li a:first-child img { width:100%;}
.list .style410 ul li a:nth-child(2) {display:block;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list .style410 ul li p {display:block; height:40px;line-height:20px;color:#a4a4a4;overflow:hidden; font-size: 12px;}
.list .style410 ul li span {color:#a4a4a4; font-size: 12px;}
.list .style410 ul li span:nth-last-child(1) {margin-left: 10px; }
.list .style410 ul li span:nth-last-child(2):before {content:'日期：'}
.list .style410 ul li span:nth-last-child(1):before {content:'浏览：'}

/*【4、图文类】 扩展：上图下字（两列、遮罩）*/
.list .style420 {width:100%; overflow: hidden;}
.list .style420 ul { text-align: center;}
.list .style420 ul li { display: inline-block; width:400px; height: 300px; margin-bottom:10px; position: relative; overflow: hidden;}
.list .style420 ul li a:first-child { display: block; width: 100%; height:100%; background:#f1f1f1; margin-bottom: 10px; position: absolute; top:0; z-index:10;}
.list .style420 ul li a:first-child img { width:100%;transition: all 1s;}
.list .style420 ul li a:first-child i { display: block; width: 100%; height: 100%; text-align: center; line-height: 300px; color: #ffffff; font-size: 80px;transition: all 0.5s; background-color: #296cac;}
.list .style420 ul li:hover a:first-child i {font-size: 100px;}
.list .style420 ul li a:nth-child(2) {display:block; width: 100%; height:100%;background-color: rgba(0,0,0,0.6); font-size: 16px; text-align: center; 
  position: absolute; z-index:20; top:0; color: #ffffff; padding: 130px 30px;}
.list .style420 ul li p {display:block; width: 100%; height:48px;line-height:20px; background-color: rgba(0,0,0,0.8);transition: all 1s; 
  color:#ffffff;overflow:hidden;position: absolute; z-index:20; bottom:-50px; padding: 5px; font-size: 14px;}
.list .style420 ul li span { display:none;}
.list .style420 ul li:hover p {bottom:0;}
.list .style420 ul li:hover a:nth-child(2) {background-color: rgba(0,0,0,0.1);}
.list .style420 ul li:hover img {transform:scale(1.1);}

/*【4、图文类】 扩展：上图下字（单列大图、遮罩）*/
.list .style421 {width:100%; overflow: hidden;}
.list .style421 ul { text-align: center;}
.list .style421 ul li { display: inline-block; width:700px; height: 450px; margin-bottom:10px; position: relative; overflow: hidden;}
.list .style421 ul li a:first-child { display: block; width: 100%; height:450px; background:#f1f1f1; margin-bottom: 10px; position: absolute; top:0; z-index:10;}
.list .style421 ul li a:first-child img { width:100%;transition: all 1s;}
.list .style421 ul li a:first-child i { display: block; width: 100%; height: 100%; text-align: center; line-height: 300px; color: #ffffff; font-size: 80px;transition: all 0.5s; background-color: #296cac;}
.list .style421 ul li:hover a:first-child i {font-size: 100px;}
.list .style421 ul li a:nth-child(2) {display:block; width: 100%; height:100%;background-color: rgba(0,0,0,0.6); font-size: 20px; text-align: center; 
  position: absolute; z-index:20; top:0; color: #ffffff; padding: 30% 30px;}
.list .style421 ul li p {display:block; width: 100%; height:50px;line-height:20px; background-color: rgba(0,0,0,0.8);transition: all 1s; color:#ffffff;overflow:hidden;position: absolute; z-index:20; bottom:-50px; padding: 5px;}
.list .style421 ul li span { display:none;}
.list .style421 ul li:hover p {bottom:0;}
.list .style421 ul li:hover a:nth-child(2) {background-color: rgba(0,0,0,0.1);}
.list .style421 ul li:hover img {transform:scale(1.1);}




/*【5、下载类】*/
.list .style5 {margin-bottom:1em;}
.list .style5 ul li {height:130px;border-bottom:1px dashed #f1f1f1;padding-top:15px;}
.list .style5 ul li:hover {background:#f9f9f9}
.list .style5 ul li .pic { display:block; width:150px;height:100px;float:left;margin:0 10px; font-size:0.3em;border:5px solid #f1f1f1;}
.list .style5 ul li img {width:150px;height:100px;border:1px solid #ffffff; }
.list .style5 ul li a {display:block; width:650px;float:left;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;line-height:25px;font-size:18px;}
.list .style5 ul li a b {display:block; width:650px;font-size:18px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; line-height:25px; margin:5px 0;float:left; color:#606060 }
.list .style5 ul li p {width:650px; height:40px;float:left; line-height:1.5em; font-size:12px;color:#9d9d9d;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:5px;}
.list .style5 ul li span {display:inline-block; font-size:12px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; margin-right:10px;color:#7ad3a6;}
.list .style5 ul li span i {font-size:10px; font-style:normal; margin-right:10px;color:#7ad3a6;padding:0px 5px;border-radius:3px; border:1px solid #7ad3a6;background:#f3faff; }

/*【7、视频类】*/
.ListStyle_7 {}
.ListStyle_7 ul {text-align:center;}
.ListStyle_7 ul li { display:inline-block; width:265px; height:435px; vertical-align:middle; margin:0 0 10px 10px; border:1px solid #f1f1f1; padding:10px; overflow:hidden; text-align:center; }
.ListStyle_7 ul li a img { display:block; width:100%; height:360px; font-size:14px; color:#ff6c00;}
.ListStyle_7 ul li a b { display:block; font-size:18px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; line-height:30px; text-align:center; margin-top:5px; }
.ListStyle_7 ul li span {display:inline-block; font-size:12px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; line-height:20px; margin-right:20px; margin-bottom:10px;}
.ListStyle_7 ul li p{ display:block;position:relative;left:0;top:0px;width:100%;background:rgba(0,0,0,0.5);text-align:center;color:#ffffff;overflow:hidden;-webkit-transition: 0.5s;	transition:0.8s ;}
.ListStyle_7 ul li p i { display:block; color:#f1f1f1; font-size:120px; margin-top:50px;  text-align:center;}
.ListStyle_7 ul li:hover p { display:block; height:360px;line-height:120px; top:-427px; font-weight:normal;word-wrap:break-word}
.ListStyle_7 ul li p a { background:#08a935; color:#ffffff;border-radius:4px; padding:10px 40px;}

/*【450、标签类】*/
.ListStyle_11 ul {}
.ListStyle_11 ul li { width:825px; height:130px; vertical-align:middle; margin:0 0 0 10px; border-bottom:1px dashed #f1f1f1; padding-top:10px; overflow:hidden; }
.ListStyle_11 ul li a:first-child { display:block; width:210px; height:110px; float:left; overflow:hidden; }
.ListStyle_11 ul li:hover { background:#f6f6f6;}
.ListStyle_11 ul li  img { width:195px; height:110px; font-size:14px; color:#ff6c00;  margin-right:10px; border:5px solid #f1f1f1; }
.ListStyle_11 ul li  b { display:block; width:610px;font-size:18px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; line-height:25px; margin:5px 0;float:left; color:#606060 }
.ListStyle_11 ul li  p { display:block; width:610px; height:50px; overflow:hidden; font-size:14px; float:left; color:#c1c1c1; line-height:23px;}
.ListStyle_11 ul li span {display:inline-block; font-size:12px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; line-height:20px; margin-bottom:10px; margin-right:10px; background:#f3faff; color:#6794b7; padding:1px 5px;border-radius:4px; border:1px solid #89bfe9}
.ListStyle_11 ul li span:nth-last-child(1){margin-right:0px; }



/*【9、商城类】 扩展：上图下字（两列）*/
.list .style9 {width:100%; overflow: hidden;}
.list .style9 ul { text-align: center;}

.list .style9 ul li { display: inline-block; width:400px;margin-bottom:10px;overflow: hidden; margin-bottom: 20px; position: relative;}
.list .style9 ul li:nth-child(odd) { margin-right: 20px;}
.list .style9 ul li a:first-child { display: block; height:260px; background:#f1f1f1; margin-bottom: 10px;overflow: hidden;}
.list .style9 ul li a:first-child img { width:100%;}
.list .style9 ul li a:nth-child(2) {display:block;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list .style9 ul li p {display:block; height:40px;line-height:20px;color:#a4a4a4;overflow:hidden; font-size: 12px;}
.list .style9 ul li span {color:#a4a4a4; font-size: 12px;}

.list .style9 ul li span:nth-last-child(5) {margin-right: 10px;}
.list .style9 ul li span:nth-last-child(5):before {content:'日期：'}
.list .style9 ul li span:nth-last-child(4):before {content:'人气：'}
.list .style9 ul li span:nth-last-child(3):before {content:'￥：'; font-size: 12px;}
.list .style9 ul li span:nth-last-child(3){ padding: 0 5px; position: absolute; top:238px; right:0px;font-size: 18px; background-color: #cd0000; color: #ffffff;}
.list .style9 ul li span:nth-last-child(2) {display: none;}
.list .style9 ul li span:nth-last-child(1) {display: none;}

/*【未使用：用户列表样式】*/
.ListStyle_UserList {}
.ListStyle_UserList ul {text-align:center;}
.ListStyle_UserList ul li { display:inline-block; width:150px; height:220px; vertical-align:middle; margin:0 0 10px 10px; border:1px solid #f1f1f1; padding:20px 10px; overflow:hidden; text-align:center; box-shadow: 0px 0px 5px 1px #f1f1f1;}
.ListStyle_UserList ul li a img { display:block; width:100px; height:100px; border-radius:100px;font-size:14px; color:#ff6c00; border:1px solid #f1f1f1;margin-bottom:5px;}
.ListStyle_UserList ul li b { display:block; font-size:16px;line-height:25px; margin-bottom:5px; text-align:center; }
.ListStyle_UserList ul li span {display:inline-block; font-size:12px;line-height:15px;  background:#f3faff; color:#7ad3a6; padding:0px 5px;border-radius:3px; border:1px solid #7ad3a6}





/*==========================================广告组件区==========================================*/

/*系统内置幻灯组件样式集中*/
.ClassTopBanner { width:100%; background-color:#f1f1f1; overflow:hidden; position: relative; z-index: 10;}
.ClassTopBanner article { width:1180px; height:200px;position:absolute; left:50%; margin-left:-590px}
.ClassTopBanner .word{ display:block; width:500px; height:80px; background:rgba(0,0,0,0.5); color:#ffffff; padding:20px; position:absolute;top:30%; z-index:99; 
  animation: ClassTopBanner_ani 0.5s linear 1; animation-fill-mode:forwards;
}
.ClassTopBanner .word h3 { color:#ffffff; font-size:24px; border-left:5px solid #cd0000; text-indent:10px;}
@keyframes ClassTopBanner_ani {
  0% { left:-100px;  }
  100% {  left:100px }
}

/*一号幻灯（flash已淘汰）*/
.PicPlay_style1 { display:block; overflow:hidden; background-position:center center; overflow:hidden;position:relative;}
.PicPlay_style1 span { width:100%; height:40px; background:rgba(0,0,0,0.5); color:#ffffff;position:absolute; z-index:100; bottom:-40px; transition: all 1s;
                       text-align:center; line-height:40px;}
.PicPlay_style1:hover span { bottom:0 }

/*三号对联广告*/
#AD_couplet_left {position:fixed; top:100px;left:0px; z-index:999; background:#f5f5f5}
#AD_couplet_right{position:fixed;top:100px;right:0px;z-index:999;background-color:#f5f5f5}
#AD_couplet_left img ,#AD_couplet_right img { display:block;}
#AD_couplet_left span ,#AD_couplet_right span { display:block; background-color:#f1f1f1;cursor:pointer; line-height:20px;}
#AD_couplet_left span i ,#AD_couplet_right span i { margin:0 5px 0 5px}

/*四号幻灯样式*/
.PicPlay_style4{ position:relative; }  
.PicPlay_style4 .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.PicPlay_style4 .btn a{position:relative; display:block; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0; text-decoration:none; text-align:center; outline:0; float:left; background-color:#D9D9D9; }  
.PicPlay_style4 .btn a:hover,.focus .btn a.current{  cursor:pointer;background-color:#fc114a;}  
.PicPlay_style4 ul.PicBox { width: 100%; height: 100%; position:absolute; left:0px; top:0px; margin: 0; padding: 0;  }  
.PicPlay_style4 ul.PicBox li.fcon { position:relative; width:100%; height: 100%; float:left;  display:none;overflow: hidden;}  
.PicPlay_style4 ul.PicBox li img { display:block; width:100%; }  
.PicPlay_style4 ul.PicBox li.fcon a { display:block; width:100%; height:100%;}
.PicPlay_style4 b { width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background-color:rgb(51, 103, 133); display:block;  text-align:left; }  
.PicPlay_style4 b { text-decoration:none; color:#fff; font-size:16px; overflow:hidden; text-indent:10px; font-weight: normal;} 
.PicPlay_style4 .Bar {margin:4px auto 0;overflow:hidden;zoom:1;height:18px;bottom:10px; right:10px; position:absolute;z-index: 200;}    
.PicPlay_style4 .Bar li {position:relative; display:inline-block; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;text-decoration:none; text-align:center; outline:0; background-color:#D9D9D9; }    
.PicPlay_style4 .Bar li:last-child { margin-right:0;}
.PicPlay_style4 .Bar .current,.focus .Bar a:hover{background-color:#fc114a;}    
.PicPlay_style4 .Bar img{display:none}    
.PicPlay_style4 .Bar i{display:none; font-style:normal; }    
.PicPlay_style4 .prev,.PicPlay_style4 .next{display:none; position:absolute;width:40px;height:74px;background-image:url(focus_btn.png) no-repeat;}
.PicPlay_style4:hover .prev {display:block;}
.PicPlay_style4:hover .next {display:block;}
.PicPlay_style4 .prev{top:50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.PicPlay_style4 .next{top:50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.PicPlay_style4 .prev:hover{ background-position:0 0; }  
.PicPlay_style4 .next:hover{ background-position:-40px 0;}   

/*五号幻灯样式*/
.PicPlay_style5 {display:none}
.PicPlay_style5 .focus { }
.PicPlay_style5 .focus div { margin:5px auto;}
.PicPlay_style5 .focus span { display:inline-block;background-color:#ffffff;width:10px;height:10px;margin-right:10px;border-radius:50%;}
.PicPlay_style5 .focus span:last-child { margin:0;}
.PicPlay_style5 .focus span.current { background-color:#cd0000;}

/*六号幻灯样式*/
.PicPlay_style6 {width:100%; height: 100%; overflow:hidden; position: relative;}
.PicPlay_style6 .Pl6_PicBox {position:relative; z-index: 10;}
.PicPlay_style6 .Pl6_PicBox li {position:absolute; width:100%; display:none; background-repeat:no-repeat; background-position:center center;background-size:auto 100%;}
.PicPlay_style6 .Pl6_PicBox li a {display: block; width: 1200px; height: 100%;}

.PicPlay_style6 .Pl6_Tips {position:absolute; width:100%; max-width:1200px; height: 100%;}
.PicPlay_style6 .Pl6_Tips li {width:100%;max-width:1200px;}
.PicPlay_style6 .Pl6_Tips li div { display:block; width:740px; height:200px; background-color:rgba(0,0,0,0.5); padding:20px; position: absolute; top:50%; margin-top: 100px; }
.PicPlay_style6 .Pl6_Tips li div h3 {font-size:48px; color:#ffffff; margin-bottom:10px;}
.PicPlay_style6 .Pl6_Tips li div p {font-size:24px; color:#ffffff; line-height:35px; }
.PicPlay_style6 .Pl6_Tips li div.Pl6_left {position:absolute;left:80px;z-index: 20;}
.PicPlay_style6 .Pl6_Tips li div.Pl6_right {position:absolute;left:450px;top:100px;z-index: 20;}
.PicPlay_style6 .Pl6_Tips li a {display: block; width: 100%; height: 100%; position: absolute; top:0; left:0;}

.PicPlay_style6 .Pl6_Bar {position:absolute;width:100%; bottom:20px;z-index: 50;}
.PicPlay_style6 .Pl6_Bar ul { width:200px; height:20px; text-align:center;font-size:0;}
.PicPlay_style6 .Pl6_Bar ul li{ display:inline-block; width:20px; height:20px; background-color:#ffffff; cursor:pointer;margin:0 3px;border-radius:20px;}
.PicPlay_style6 .Pl6_Bar ul li.select { background-color:#cd0000;}



/*==========================================公共组件区==========================================*/


/*当前位置*/
.map { width: 100%; max-width: 1180px; height:40px; color:#666666; line-height:40px; text-indent:10px;font-size:15px;}
.map:before {content:'\f015'; color: #004ea2; font-size: 16px; margin-right: 10px;}
.map a { color:#666666}

/*翻页*/
#PageNumBox {background-color:#f1f1f1; font-size:12px;}
#PageNumBox ul {text-align: center;height:40px;}
#PageNumBox ul li {display:inline-block;margin-left:10px;line-height:40px;}
#PageNumBox ul li a {background-color:#92a7c2; padding:3px 10px 5px 10px;border-radius:4px; color:#ffffff;}
#PageNumBox ul li a:hover {background-color:#004ea2; color:#ffffff;}
#PageNumBox ul li select{width:40px;height:25px;}
#PageNumBox ul li:nth-child(1) {display: none;}
#PageNumBox ul li:nth-child(2) {display: none;}
#PageNumBox ul li:nth-child(3) {display: none;}

/*顶部操作提示; */
#TopAlert { display:none; width:100%; height:50px; background-color:rgba(13,121,205,0.8);position:fixed; top:0; z-index:999;  padding-top:10px;}
#TopAlert p i { display:inline-block; width:50px; font-size:24px; color:#ffffff; text-align:center;}
#TopAlert p { display:block;   color:#ffffff;text-align:center;}
#TopAlert p span { color:#ffffff;font-size:18px;}

/*提示框*/
.tips{width:96%;border:1px solid #139e00;background-color:#d0edcc;color:#139e00;margin-bottom:10px;font-size:12px; }
.tips p{width:98%;line-height:30px;color:#139e00;}
.tips b{color:#139e00; font-weight:bold;}

/*警告框*/
.warning { width:100%; height:30px; background-color:#cd0000; color:#ffffff; text-align:center; font-size:14px; line-height:30px;}
.warning a { background-color:#960909; color:#ffffff; padding:0 5px;}

/*等待旋转图标*/
#loading { display:none; position:relative; z-index:99999; }
#loading div { width:500px; height:300px; position:fixed;top:10%; left:50%; margin-left:-250px; text-align:center;}
#loading div i { font-size:150px; color:#ffffff; margin-bottom:20px;}
#loading div p { text-align:center; color:#ffffff;}

/*背景锁定遮罩*/
#lock_bg { width:100%; height:100%; position: absolute; top: 0px; left: 0px; background-color:rgba(0,0,0,0.8);z-index:9999; display:none;} 


/*全局用户登录层遮罩*/
#user_login { display:none; width:400px; height:300px; position: fixed; border:10px solid #ffffff; top:20%; left:50%; margin-left:-250px; background-color:#f1f1f1;box-shadow: 0px 0px 0px 1px #d9d9d9;z-index:99999;}
#user_login h3 { width:100%; line-height:50px; font-size:24px;  background-color:#3c6da7; margin-bottom:20px; color:#ffffff; text-indent:10px;}
#user_login h3 i{ float:right;line-height:50px; margin-right:10px;cursor:pointer; color:#ffffff;}
#user_login .form { width:280px; height:180px; text-align:center;}
#user_login .form li { height:30px;text-align:left;}
#user_login .form input { width:100%; height:30px;}
#user_login .form #UserCode { width:130px; margin-right:20px;}
#user_login .form .but{ display:inline-block; width:80px; margin:0; line-height:35px; margin-right:10px; font-size:12px;}
#user_login .form .but i { margin-right:5px;color:#ffffff; }
#user_login ul li img { width:100px; height:30px; cursor:pointer;vertical-align:middle; }
#user_login p { width:90%; text-align:right; margin-top:5px;}
#user_login p a { }


/*进入手机端弹出层*/
#MobiQRcode { width:1000px; height:500px; position:absolute; z-index:99999; left:50%; margin-left:-500px; text-align:center; display:none;}
#MobiQRcode i { font-size:18px; color:#ffffff;position:absolute; z-index:99999; top:-20px; left:50%; margin-left:130px; cursor:pointer; }
#MobiQRcode img { width:250px; height:250px; border:10px solid #ffffff; margin-bottom:10px;}
#MobiQRcode p { font-size:18px; color:#ffffff; text-align:center;}

/*页脚浮动窗口*/
#FloatWindowBottom{ display:none; width:300px;min-width:300px; height:200px; border:1px solid #c5c5c5; position:fixed; bottom:0px; right:0px;border-top-left-radius:5px;border-top-right-radius:5px; overflow:hidden;}
#FloatWindowBottom header {width:100%; height:30px; background-color:#cd0000;margin:0;}
#FloatWindowBottom header h3 { width:250px; height:30px; float:left; padding:0; text-indent:0; text-align:left; text-overflow:ellipsis;white-space:nowrap; overflow:hidden; color:#ffffff; font-size:14px; line-height:30px; text-indent:10px;}
#FloatWindowBottom header i { color:#ffffff; float:right; margin-right:10px; line-height:30px;}
#FloatWindowBottom article { width:300px; height:195px; font-size:12px; overflow:hidden; overflow-y:scroll; padding-left:8px; line-height:22px; background-color:#f1f1f1;}
#FloatWindowBottom article p { margin-bottom:10px;}


/*页脚漂浮留言板（快速咨询通道）*/
.gform {width:300px; background-color:#f8f9f9; border-top-left-radius:4px;border-top-right-radius:10px;position: fixed;left:0px;z-index: 88;bottom:0; padding-bottom:20px;display:none }
.gform .big{ width:300px; height:35px; line-height:35px;background-color:#004ea2; margin-bottom:10px;border-top-left-radius:4px;border-top-right-radius:10px }
.gform .big h3{width:200px;color:#ffffff; font-size:14px;text-indent:10px; margin-left:0; float:left }
.gform .big i{ color:#ffffff; float:right; line-height:30px; margin-right:15px;cursor:pointer}
.gform ul { margin-bottom:20px;}
.gform ul li { margin-bottom:5px;padding-left:25px}
.gform ul li span { display:inline-block; width:100px;border:0}
.gform ul li input { width:250px; height:30px;text-indent:10px; border:0}
.gform ul li textarea { width:250px; height:100px; padding:10px; border:0}
.gform .But {width:250px; height:30px; line-height:30px; text-align:center; margin-left:25px; font-size:16px; border:0;border-radius:4px;cursor:pointer}
.gform_2{width:40px;  height:180px;background-color:#cd0000; border-bottom-right-radius:10px;border-top-right-radius:10px;position: fixed;left:0px;z-index: 88;bottom:10px;cursor:pointer}
.gform_2 .small{ width:20px;margin:10px 0 0 10px; text-align:center; }
.gform_2 .small i{ display:block; width:20px; color:#ffffff; line-height:30px; margin:0px; font-size:20px;animation:bounce-right 1.4s linear infinite;}
.gform_2 .small h3{width:20px;color:#ffffff; font-size:14px; line-height:20px; }
@keyframes bounce-right {
  25% {transform: translateX(5px);}
  50%, 100% {transform: translateX(0);}
  75% {transform: translateX(-5px);}
}




/*===============================【左右分栏】栏目页（二级）、内容页（三级）基础页面结构========================*/


/*栏目页定义*/

/*公共左右分栏*/
.public_box {width:1180px;margin:0 auto; overflow:hidden; position: relative;}
.public_box .main{width:846px;margin:0px 0px 0px 10px;}
.public_box .side{width:300px;height:100%; margin-top:0px; margin-right:12px; margin-left:0px; padding-top: 0px; border-bottom:10px solid #ffffff; }
.public_box .side .ad_show { margin-bottom:10px;}
.public_box .full { width:1160px; }


/*侧位：栏目树主容器*/
.public_box .side #MenuListBox { width:280px; background-color:#ffffff; margin-bottom: 20px;}
.public_box .side #MenuListBox .lt { height:80px; padding-top:10px; background-color:#004ea2; margin:0;}
.public_box .side #MenuListBox .lt h3 { width:200px; height:60px; text-align:left; margin-left:30px; background:none; }
.public_box .side #MenuListBox .lt h3 b { display:block;font-size:24px; color:#ffffff;}
.public_box .side #MenuListBox .lt h3 i { display:block;font-size:16px; color:#ffffff;}

/*侧位：二级栏目树*/
.public_box .side #MenuListBox #MenuTree {  margin:0 auto; border: 1px solid #f1f1f1; background-color: #f1f1f1;}
.public_box .side #MenuListBox #MenuTree ul li { margin-bottom:1px;border-radius:3px;}
.public_box .side #MenuListBox #MenuTree ul li a { display:block; width: 100%; line-height:50px; font-size:16px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; border-bottom: 1px dashed #ffffff; }
.public_box .side #MenuListBox #MenuTree ul li a:before { content:'\f0a9';color:#21678f; margin:0 30px; }
.public_box .side #MenuListBox #MenuTree ul li a:after { content:'';color:#adadad; float: right; line-height: 40px; margin-right: 10px;}
.public_box .side #MenuListBox #MenuTree ul li a:hover { background-color: #f1f1f1;}
.public_box .side #MenuListBox #MenuTree ul li ul li a:before { content:'\f10c';color:#adadad; margin:0 30px; }

/*侧位：二维码关注*/
.public_box .side .QR { width:250px; height:120px; background-color:#ffffff;border:1px solid #f1f1f1; margin-bottom:10px;}
.public_box .side .QR img { width: 100px; height:100px; margin:10px; float:left;}
.public_box .side .QR b { display:block; width:120px; height:30px; line-height:30px; font-weight:bold; text-align:center; margin-top:20px; color:#9d7544; float:right;}
.public_box .side .QR p { display:block; width:120px; height:40px; line-height:40px; color:#9d7544;float:right;}

/*侧位：区块列表重载*/
.public_box .side .bit { width:100%;  border:1px solid #f1f1f1;}
.public_box .side .bit .mage_pic ul li span { display:none;}
.public_box .side .bit .style4 { width:280px;}
.public_box .side .bit .style4 ul li a:nth-child(2) { display:block; width:170px; height: 40px; white-space:normal; line-height: 20px; top:5px;}
.public_box .side .bit .style4 ul li p {display: none;}

/*侧位：搜索框*/
.public_box .side .search { text-align:center; margin-bottom:10px; width:250px; height:40px; }
.public_box .side .search #searchKey { display:block; width:150px; height:30px; float:left;}
.public_box .side .search #searchBut { display:block; background-color:#ff6c00; color:#ffffff; line-height:30px; width:80px; text-align:center;border-radius:4px; float:right;}
.public_box .side .search #searchBut i { margin-right:10px;color:#ffffff;}

/*侧位：广告框*/
.public_box .side .banner { width: 300px; height: 300px; border: 1px solid #f1f1f1;margin-bottom:10px;}




/*详情页，与单页类栏目共享使用*/
.public_box .content {width:90%;min-height:750px;margin-bottom:10px;}
.public_box .content h1 {text-align: center;line-height:40px; font-size:24px; margin: 20px auto;}
.public_box .content #c_Title_son { text-align:center; margin-bottom:30px; font-size:20px;}

/*扩展信息：发布时间、点击次数等*/
.public_box .content #share {height: 30px;margin-bottom: 30px;text-align: right;}
.public_box .content #bar { height: 50px; text-align: center;margin-bottom:50px; border-bottom: 1px solid #cccccc;}
.public_box .content #bar * {font-size:12px}
.public_box .content #bar li {display:inline-block;margin-left:20px;}
.public_box .content #bar li span { font-size: 14px;}
.public_box .content #bar #favorites {cursor:pointer;}
.public_box .content #bar #c_id:before {content:'索引：'}
.public_box .content #bar #c_date:before {content:'日期：'}
.public_box .content #bar #c_hits:before {content:'点击：'}
.public_box .content #bar #c_author:before {content:'作者：'}
.public_box .content #bar #c_user:before {content:'编辑：'}
/*内容主显示容器*/
.public_box .content .text {min-height:400px;line-height:25px; font-size: 14px;}
.public_box .content .text p {text-indent:2em;margin-bottom:1em;}
.public_box .content .text a { color:#136ec2;}
.public_box .content .text img { display:block; max-width:100%; }
.public_box .content .text .shuiyin {background-image:transparent url('/UploadFile/image/logo.png') no-repeat;}
.public_box .content video {clear:both;display:block; width:100%; margin:auto; border:1px solid #f1f1f1;box-shadow: 0px 0px 10px 3px #d9d9d9; background-color:#000000; margin-bottom: 20px;}
.public_box .content audio {clear:both;display:block; width:60%; margin:auto}
.public_box .content .wrapper { margin-bottom: 20px;}

/*在线客服组件*/
#OnlineService { width: 160px;  position: fixed; top:150px; right: 10px; background-color:#29a7e2; padding: 10px; border-radius: 5px;z-index:9999;}

#OnlineService_mini {}

#OnlineService_max { background-color: #ffffff; border-radius: 5px;}
#OnlineService_max dl { width: 120px; margin-bottom:10px; border-bottom:1px solid #f1f1f1 ;}
#OnlineService_max dl dt { text-align: center; height: 35px; line-height: 35px; font-weight: bold; font-size: 14px;}
#OnlineService_max dl dd { height: 35px; text-align: center;}
#OnlineService_max dl dd a {display: block; width: 100px; height: 25px; line-height: 25px;border-radius: 5px; border: 1px solid #b9cfdd; background: linear-gradient(180deg,#eaf7ff 0,#bddbf7 100%); color: #43729c; text-align: center; font-size: 12px;}
#OnlineService_max dl dd a.ol_qq:before {content: "\f1d6"; color:#0652b0; margin-right: 5px; font-size: 12px;}
#OnlineService_max dl dd a.ol_wangwang:before {content: "\f27a"; color:#0652b0; margin-right: 5px; font-size: 12px;}

#OnlineService_wechat {width: 120px; text-align: center;}
#OnlineService_wechat h3 {text-align: center;font-weight: bold; font-size: 14px;}
#OnlineService_wechat img { width: 100px; margin: 10px;}

#OnlineService_tel {display: block; width: 100px; height: 25px; line-height: 25px; font-size: 12px;  
  background-color: #0652b0; color: #ffffff; border-radius: 5px;text-align: center; margin-bottom: 20px; position: relative;}
#OnlineService_tel:before {content: "\f095"; color:#ffffff; margin-right: 5px; font-size: 12px;}

#OnlineService_tel_box { display: none; width: 500px; height: 280px; background-color: #ffffff; position: fixed; left: 50%; top:20%; margin-left:-250px; padding: 30px; border:10px solid #cccccc;z-index:9999;}
#OnlineService_tel_box i {position: absolute; right:10px; top:10px;cursor:pointer;}
#OnlineService_tel_box h3 {  margin-bottom: 10px; border-left:10px solid #cd0000; text-indent: 10px; margin-bottom: 20px;}
#OnlineService_tel_box ul {width: 430px;}
#OnlineService_tel_box textarea {width: 100%; height: 60px;margin-bottom: 10px;}
#OnlineService_tel_box #tel_name { width: 260px; margin-bottom: 10px;}
#OnlineService_tel_box #tel_mobi { width: 260px;}

#tel_but { display: block; width: 150px; height: 70px; border-radius: 5px; background-color: #1aad19; line-height: 70px; text-align: center; 
  color: #ffffff; position: absolute; right:20px; bottom:43px;cursor:pointer; text-indent: 20px;}

#tel_but:before { content:"\f095"; margin-right: 5px; font-size: 22px; position: absolute; top:2px; left:10px}