@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'FZYaSong-H-GBK';
    src: url('./font/FZTYSK--GBK1-0.eot');
    src: url('./font/FZTYSK--GBK1-0.eot?#iefix') format('embedded-opentype'),
        url('./font/FZTYSK--GBK1-0.woff2') format('woff2'),
        url('./font/FZTYSK--GBK1-0.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*{margin:0px;padding:0px}
/*html{ min-width:1400px}*/
body{font-size:12px; font-family:"微软雅黑","宋体";color:#000; min-width:1200px;background: #e36146 }
img{border: 0;}
ul,li{ list-style:none;text-align:left;}
.fl{float:left;}
.fr{float:right}
.cl{clear:both;}
a{ text-decoration: none;color: #333; cursor: pointer;}
a:hover{ text-decoration:none;color:#c00!important; }
cite{ font-style:normal}
.g_width{ width:1200px; margin: 0 auto; overflow:hidden}
.main{background: url("main.png") no-repeat center top; height: 918px;margin-bottom: 20px}
.side{width: 213px;float: left;height: 918px; position: relative}
.content{width: 987px;float: right;height: 918px;}
.avatar{height: 230px; font-family: "FZYaSong-H-GBK"; text-align: center}
.avatar p{ display: block;color: #fff;font-size: 18px;}
.avatar img{margin-top: 50px;margin-bottom: 20px; width: 82px; height: 82px;}

.side li{height: 77px; line-height: 77px; text-align: center}
.side li img{ vertical-align: middle}
.side .guanliyuan{ position: absolute;bottom: 20px;width: 100%}
.content{background: #e8edf5; position: relative}
.notice{ height: 60px; line-height: 60px; background:#fff url("laba.png") no-repeat 10px center; padding-left: 50px;position: relative}
#marquee2{width:930px;height:60px;overflow:hidden; }
#marquee2 ul{width:930px}
#marquee2 li a{color: #6b6b6b;}
#marquee2 ul li{float:left; padding:0 20px; line-height:30px; border-right: 1px #6b6b6b solid;margin-top: 15px;font-size: 18px; background: url(dot.png) left center no-repeat;padding-left: 20px;margin-right: 20px;}

.notice::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100%);  pointer-events: none; /* 添加此行 */
}

.bread{height: 60px; line-height: 60px;font-size: 18px; font-weight: bold;color: #6b6b6b;margin:  0 10px}
.bread img{ vertical-align: middle;margin-right: 20px;}
.bread .back{float: left;}
.bread .back a{color: #6b6b6b;}
.breadname{float: right;}

.video{background: #403f44}
.video video{width: 100%; height: auto}
.video_wrapper{   
    margin: 0 10px;
    background: #fff;
    min-height: 20vh;border:5px #fff solid}
.video_title{
    line-height: 1.6em;
    font-size:16px;
    text-align: left;
    padding: 10px 0;
    color: #4c4c4c;
    font-family: 'FZYaSong-H-GBK';
}
.video_abs {
    clear: both;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #7f7f7f;
    text-align: left;
    border-top: 1px #e5e5e5 solid;
}

.user_point_box{    display: flex;    justify-content: space-between; background: #fff;margin: 0 10px}
.user_point{color:#7f7f7f;font-size:24px;margin-bottom:1vh;}
.user_point_num{color:#f9695d;font-size:40px;margin-bottom:1vh;font-family: 'FZYaSong-H-GBK'}
.user_function{display:block;font-family: 'FZYaSong-H-GBK';background: #da7d84;text-align: center; padding: 5px 0; border-radius: 20px;color: #fff;}
.user_function_detail{width:33%;text-align:center;margin-bottom:3vh}
.user_function_detail img{width: 50%; opacity: .6}
.user_function_detail span{display:block;font-size:3vw;color: #666;}
.user_point_colum{width: 33%; text-align: center; padding: 20px 0}
.user_point_colum:nth-child(2),.user_point_colum:nth-child(3){border-left: 1px #dfdfdf solid;border-right: 1px #dfdfdf solid; }

.kefu{ position: absolute; bottom: 10px; left: 10px; background: #fff; width: 940px; height: 120px; display: flex;  align-items: center; justify-content: flex-start; padding-left:50px;color: #666;font-size: 30px;font-family: 'FZYaSong-H-GBK' }
.kefu img{margin-right: 20px;}
.xuexi{height: 60px; line-height: 60px;font-size: 18px; ;color: #6b6b6b;margin:  0 10px}
.xuexi_info{float: left;color: #6b6b6b;}
.down{float: right;color: #f9776e;}
.down a{color: #f9776e;}
.table{height: 450px; overflow-y: scroll;margin:0 10px}
table { width: 100%;  border-collapse: collapse;  font-family: "FZYaSong-H-GBK", Arial, sans-serif;background: #fff  }
th, td { border: 1px solid #dfdfdf;  padding: 8px; color: #4b4747; font-size: 18px }
#loadMoreBtn { margin: 10px auto 0; padding: 8px 16px; background-color: #007bff; color: #fff; border: none; cursor: pointer; display: block;  }
#loadMoreBtn:hover { background-color: #0056b3;}

.index_box{margin: 10px; padding: 10px; background: #fff; overflow: hidden;}
.index_img{float: left;}
.index_img img{margin-right: 10px;}
.index_time{float: right;width: 200px;text-align: center;line-height: 45px}

.tb_ li{cursor:pointer;text-align:center;font-size: 20px;border-right: 1px #494949 solid;color: #494949;margin-left: 10px;}
.tb_ li:nth-child(5){border:0}
.tb_ img{text-align:center;float: left;}
.tb_ {margin: 10px;overflow: hidden}
.tdn{clear: both;margin: 10px; padding: 10px; background: #fff; overflow-y: scroll;height: 530px}
.hovertab{width:97px;height:31px;float:left;background: #00479d;border-radius: 15px; color: #fff!important}
.normaltab{width:97px;height:31px;float:left}
.dis{display:block}
.undis{display:none}
cite.stbg{background:url(bg_gray2.png) repeat-x;display:block; overflow:hidden; position:absolute; bottom:0; left:0; height: 32px; width:100%; }
a.txt{ font-style:normal; position: absolute; bottom:0; left:0; text-align:center; width:100%; color:#333;font-size: 16px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ablock{position: relative}
.col-pic{ width: 210px; height:160px;  position: relative;  overflow: hidden;float: left;margin: 13px}
.col-pic img{ width: 210px; height: 130px;  }
.col-pic cite.bg{ height:40px; line-height:40px}

.status {width: 100%; height: 26px;position: absolute; bottom:5px; left:10px;color: #fff;font-size: 16px;}
.status img{width: 19px; height: 26px; vertical-align: bottom;margin-right: 10px;}

.status1{color: #009b21}
.status2{color: #fdca6f}
.status3{color: #f74434}

.tdn::-webkit-scrollbar { width:2px;}
 .tdn::-webkit-scrollbar-track { background:0; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
 .tdn::-webkit-scrollbar-thumb { background-color:#c0c0c0; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em; display:none;}
.tdn:hover::-webkit-scrollbar-thumb{display:block;}

.denglu{background: url("denglu.png") no-repeat center top #D6262F; background-size: cover; }
.inputs_box{width:480px;;background:#fff;padding:10px;border-radius:20px;box-shadow:rgb(0 0 0 / 9%) 0px 2px 1px,rgb(0 0 0 / 9%) 0px 4px 2px,rgb(0 0 0 / 9%) 0px 8px 4px,rgb(0 0 0 / 9%) 0px 16px 8px,rgb(0 0 0 / 9%) 0px 32px 16px;height: 300px;position: absolute;left: 50%;margin-left: 100px;top:580px} 
#page1{ width: 100vw; height: 100vh;}
#page1 .question{padding:0 1rem}
#page1 .inputs{padding:.5rem 0 .5rem .5rem;border-bottom:1px solid #a3a3a3;background-color:#fff;height: 60px;line-height: 60px}
#page1 .inputs_title{font-size:14px;line-height:1.8em;    width: 35px;    display: contents;}
#page1 .inputs_title img{vertical-align:middle;}
#page1 .survey_form_input{background-color:#fff;border:none;padding-left:10px;padding-right:10px; padding-top:24px; line-height:24px;font-size:20px;resize:none;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;color: #606060;}
/*.survey_control{position:absolute;top:85vh;width:100%;overflow:hidden;text-align:center;bottom:inherit}*/
.survey_control{width:100%;overflow:hidden;text-align:center;bottom:inherit;margin-top: 5vh}
.survey_control .survey_btn{cursor:pointer;display:inline-block;zoom:1;background-color:transparent;border-radius:.3rem;text-align:center;margin:0 10px;width:8rem;padding:.2rem;font-size:1rem;color:#fff;border:0px;outline:none;height:inherit;font-weight:inherit;width:60%;top:50vh;left:30vw}
  
.code{   float: right; height: 40px; display: block; line-height: 40px; margin-top: 15px; padding: 0 15px; border:0px; border-radius: 0.3rem; font-size: 14px; cursor: pointer;background: #d71722;color: #fff;}
.code.disabled{ background: #ccc;}