﻿
/*
    飞驰CMS默认样式框架 Ver FvceCMS 2020
*/

*{padding:0; margin:0; margin:0 auto; text-align:left;font-family:Tahoma,Arial,Helvetica,"微软雅黑"; color:#666666;box-sizing:border-box;}
section,article,nav,header,footer{display:block;}
html,body{height:100%;}
body {width: 100%;background: #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:#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:hover {background:#f5f5f5}
.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:#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:#047df2;float:right; text-align:center; font-size:20px;cursor:pointer; border-radius:3px;}


/*==========================================广告组件区==========================================*/

/*系统内置幻灯组件样式集中*/
.ClassTopBanner { width:100%; height:200px; background:#f1f1f1; overflow:hidden; }
.ClassTopBanner article { width:1180px; height:200px;position:absolute; left:50%; margin-left:-590px}
.ClassTopBanner .word{ display:none; width:500px; height:80px; background:rgba(0,0,0,0.5); color:#ffffff; position:absolute;top:50px; left:-100px; padding:20px;z-index:9; }
.ClassTopBanner .word h3 { color:#ffffff; font-size:24px; border-left:5px solid #cd0000; text-indent:10px;}

/*一号幻灯样式*/
.PicPlay_style1 { display:block; overflow:hidden; background-position:center center; overflow:hidden;}
.PicPlay_style1 span { display:none; width:100%; height:40px; background:rgba(0,0,0,0.5); color:#ffffff;position:relative; z-index:100; top:-40px; text-align:center; line-height:40px;}
.PicPlay_style1:hover span { display:block; }

/*三号对联广告*/
#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:#f5f5f5}
#AD_couplet_left img ,#AD_couplet_right img { display:block;}
#AD_couplet_left span ,#AD_couplet_right span { display:block; background:#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:#D9D9D9; }  
.PicPlay_style4 .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#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:rgba(0,0,0,0.6); display:block;  text-align:left; }  
.PicPlay_style4 b { text-decoration:none; color:#fff; font-size:18px; 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:#D9D9D9; }    
.PicPlay_style4 .Bar li:last-child { margin-right:0;}
.PicPlay_style4 .Bar .current,.focus .Bar a:hover{background:#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: 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 {text-align:center; margin:0 auto; margin-bottom:0.5em;}
.PicPlay_style5 img { width:100%; height:100%;}
.PicPlay_style5 .slide-prev {cursor: pointer;height: 48px; width: 48px;position: absolute;left: 0;top: 50%;margin-top: -24px;background-color: rgba(255,255,255,0.8);padding: 0px;}
.PicPlay_style5 .slide-next {cursor: pointer;height: 48px;width: 48px;position: absolute;right: 0;top: 50%;margin-top: -24px;background-color: rgba(255,255,255,0.8);padding: 0px;}
.PicPlay_style5 .slide-next:hover, .slider .slide-prev:hover {background-color: rgba(255,255,255,0.9);}
.PicPlay_style5 .slide-next img, .slider .slide-prev img {position: relative;top: 0;left: 0;max-height: 100%; max-width: 100%;}
/*按钮*/
.PicPlay_style5 .es-caption {position: absolute;text-align: center;background-color: rgba(0,0,0,0.5);color: #ffffff;width: 100%;height:30px;line-height:30px;left: 0;right: 0;bottom:0;}
/*文字遮罩*/
.PicPlay_style5 ul.es-pager {display:block;width: 100%;text-align: center;margin: 5px 0 0 0;padding: 0;line-height: 0px;}
.PicPlay_style5 ul.es-pager li {display: inline-block;margin: 0;padding: 0;height: 16px;width: 16px;background-repeat: no-repeat;background-position: 0 -16px;cursor: pointer;}
.PicPlay_style5 ul.es-pager li:hover, ul.es-pager li.act {background-position: 0 0;}
.PicPlay_style5 ul.es-pager li.act {cursor: default;}

/*六号幻灯样式*/
.PicPlay_style6 {width:100%;height:450px;position:relative;overflow:hidden;position: relative;}
.PicPlay_style6 .Pl6_PicBox{position:relative;}
.PicPlay_style6 .Pl6_PicBox li{position:absolute;width:100%;height:450px;display:none;}
.PicPlay_style6 .Pl6_PicBox ul li{list-style-type: none;}
.PicPlay_style6 .Pl6_Tips{position:absolute;width:100%;max-width:1200px;left:50%;margin-left:-500px;}
.PicPlay_style6 .Pl6_Tips li{width:100%;max-width:1200px;}
.PicPlay_style6 .Pl6_Tips a { display:block;width:550px; height:180px; background:rgba(0,0,0,0.5); padding:20px;  }
.PicPlay_style6 .Pl6_Tips h3 {font-size:28px; color:#ffffff; margin-bottom:10px;}
.PicPlay_style6 .Pl6_Tips p {font-size:14px; color:#ffffff; line-height:25px; }
.PicPlay_style6 .Pl6_Tips .Pl6_left {position:absolute;left:0;top:100px;}
.PicPlay_style6 .Pl6_Tips .Pl6_right {position:absolute;left:450px;top:100px;}
.PicPlay_style6 .Pl6_Bar {position:absolute;width:100%; bottom:20px;}
.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:#ffffff; cursor:pointer;margin:0 3px;border-radius:20px;}
.PicPlay_style6 .Pl6_Bar ul li.select { background:#cd0000;}



/*==========================================自建公共组件区==========================================*/

/*提示框*/
.tips{width:96%;border:1px solid #139e00;background:#d0edcc;color:#139e00;margin-bottom:10px; }
.tips p{width:98%;line-height:30px;color:#139e00;}
.tips b{color:#139e00;}

/*警告框*/
.warning { width:100%; height:30px; background:#cd0000; color:#ffffff; text-align:center; font-size:14px; line-height:30px;}
.warning a { background:#960909; color:#ffffff; padding:0 5px;}

/*当前位置*/
.map { height:30px; color:#666666; line-height:30px; text-indent:10px; border-bottom:1px solid #eeeeee; margin-bottom:10px;font-size:12px;}
.map a { color:#666666}

/*翻页*/
#page_num {}
#page_num {margin:10px 0px 0px 0px;background:#f1f1f1; font-size:12px;}
#page_num ul {text-align: center;height:40px;}
#page_num ul li {display:inline-block;margin-left:10px;line-height:40px;}
#page_num ul li a {background:#92a7c2; padding:3px 10px 5px 10px;border-radius:4px; color:#ffffff;}
#page_num ul li a:hover {background:#004ea2; color:#ffffff;}
#page_num .null  {display:inline-block;width:30%;}
#page_num ul li select{width:40px;height:25px;}

/*页脚浮动窗口*/
#FloatWindowBottom{ display:none; width:300px;min-width:300px; height:200px; background:#f1f1f1;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:#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;}
#FloatWindowBottom article p { margin-bottom:10px;}


/*页脚漂浮留言板*/
.gform {width:300px; background:#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:#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:#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;}
.gform_2 .small h3{width:20px;color:#ffffff; font-size:14px; line-height:20px; }



/*等待旋转图标*/
#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;}

/*顶部操作提示; */
#TopAlert { display:none; width:100%; height:50px; background: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;}

/*背景锁定遮罩*/
#lock_bg { width:100%; height:100%; position: absolute; top: 0px; left: 0px; background: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;}