.header{width: 100%;height: 80px;background-color: #1a1a1a;position: fixed;top:0;left: 0;z-index: 10;}
.header1{width: 100%;height: 80px;background-color: #fff;position: fixed;top:0;left: 0;z-index: 10;}
.header_box{width: 1200px;margin: 0 auto;height: 80px;}
.header_logo{display:table-cell;line-height: 80px;height: 80px;float: left}
.header_logo img{vertical-align: middle}
.header_nav{float: right;cursor: pointer}
.header_nav li{float:left;line-height: 80px;font-size: 16px;position: relative;margin-right: 70px;}
.header_nav li:last-child{margin-right: 0;}
.header_nav li a{color: #333333;height: 100%;display: inline-block;}
.header_nav li.active a{color: #d8112d;font-weight: bold;}
.header_nav li.active::after{color: #d8112d;font-weight: bold;content: "";height:2px;width: 100%;background-color: #d8112d;position: absolute;left: 0;top:0;}
.header_nav li::after{color: #d8112d;font-weight: bold;content: "";height:2px;width:0;background-color: #d8112d;position: absolute;left: 0;top:0;}
.header_nav li:hover::after{color: #d8112d;font-weight: bold;content: "";height:2px;width: 100%;background-color: #d8112d;position: absolute;left: 0;top:0;transition: all 0.5s ease 0s;}
.header_nav li span{color: #fff;vertical-align: middle}
.header_nav li span:nth-child(2){padding: 0 10px}
.btn_czu{display: inline-block;padding: 5px 10px;background-image: -moz-linear-gradient( 142deg, rgb(255,120,11) 0%, rgb(255,155,11) 100%);
  background-image: -webkit-linear-gradient( 142deg, rgb(255,120,11) 0%, rgb(255,155,11) 100%);
  background-image: -ms-linear-gradient( 142deg, rgb(255,120,11) 0%, rgb(255,155,11) 100%);height: 36px;line-height: 36px;border-radius: 25px;text-align: center;}
.btn span,.btn img{vertical-align: middle;}
.WritingCenter{position: relative;}  /* */
.downShow{border-radius: 10px;background-color: #f5f5f5;height: 255px;position: absolute;width: 330px;left: -50px;top:95px;visibility: hidden;box-shadow: 0 4px 10px 0 hsl(0deg 0% 45% / 30%);}
.WritingCenter:hover .downShow{visibility: initial; animation: slidein 0.25s linear reverse;height: 255px;}
.downShow .nav_t_box{overflow: hidden;width: 100%;}
.downShow .nav_t_box .nav_t_btn{width: 165px;float: left;padding: 0;text-align: center;line-height: 30px;height: 255px;}
.downShow .nav_t_box::after{content: "";width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 15px;cursor: pointer;border-style: dashed dashed solid;border-color: transparent transparent #ffffff;border-top: none;position: absolute;top: -15px;left: 20%;margin-left: -10px;z-index: 99;}
.downShow .nav_t_box::before{content: "";width: 100%;height:20px;line-height: 0;font-size: 0;overflow: hidden;border-width: 15px;cursor: pointer;border-top: none;position: absolute;z-index: 99;top:-15px;}
.WritingCenter .downShow .nav_t_box .nav_t_btn:hover{background-color: #fff;border-radius: 10px;}
.downShow .nav_t_box .nav_t_btn img{margin-top: 30px;}
.downShow .nav_t_box .nav_t_btn h3{font-size: 18px;color: #FF7608;height: 40px;position: relative;}
.downShow .nav_t_box .nav_t_btn h3::after{content: " ";position: absolute;z-index: 2;background-color:#FF7608;width: 50px;height: 3px;left:50%;bottom: 0;margin-left: -20px;}
.downShow .nav_t_box .nav_t_btn p{width: 75%;margin: 10px auto;color:#666;line-height:30px;font-size: 16px;}
.downShow .nav_t_box .nav_t_btn a{display: block;width:80%;height: 35px;margin: 0 auto;border-radius: 25px;color: #FF7608;border: 1px solid #FF7608;}
.downShow .nav_t_box .nav_t_btn a img{margin-top: 0;vertical-align: middle;}
.downShow .nav_t_box .nav_t_btn a span{font-size: 14px;vertical-align: middle;color: #FF7608 !important;}
.hidder_iocn{display: none;}
.WritingCenter .downShow .nav_t_box .nav_t_btn:hover .hidder_iocn{display: inline-block;}
.WritingCenter .downShow .nav_t_box .nav_t_btn:hover .show_iocn{display: none;}
.WritingCenter .downShow .nav_t_box .nav_t_btn:hover a{background-image: -moz-linear-gradient( 142deg, rgb(255,120,11) 0%, rgb(255,155,11) 100%);  background-image: -webkit-linear-gradient( 142deg, rgb(255,120,11) 0%, rgb(255,155,11) 100%); background-image: -ms-linear-gradient( 142deg, rgb(255,120,11) 0%, rgb(255,155,11) 100%);border-radius: 25px;}
.WritingCenter .downShow .nav_t_box .nav_t_btn:hover a span{color: #fff !important;}
/* 头像信息展示 */
.WritingPortrait{position: relative;height: 80px;}
.Portrait-box{border-radius: 10px;position: absolute;width: 255px;right:38px;top:95px;box-shadow: 0 4px 10px 0 hsl(0deg 0% 45% / 30%);padding: 10px;visibility: hidden;background-color: #ffffff;line-height: 20px;}
.Portrait-box::after{content: "";width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 15px;cursor: pointer;border-style: dashed dashed solid;border-color: transparent transparent #ffffff;border-top: none;position: absolute;top: -15px;right: 26%;margin-right: -56px;z-index: 99;}
.Portrait-box::before{content: "";width: 100%;height:20px;line-height: 0;font-size: 0;overflow: hidden;border-width: 15px;cursor: pointer;border-top: none;position: absolute;z-index: 99;top:-15px;}
.WritingPortrait:hover .Portrait-box{visibility: initial; animation: slidein 0.25s linear reverse;}
.Writing—img{text-align: center;position: relative;width: 60px;height: 40px;margin-top: 22px;}
.Writing—img .Writing—mngt{width: 38px;height: 38px;border: 1px solid #fff;line-height: 50px;margin: 0 auto;border-radius: 50%;}
.Writing—img .Writing—mngt img{width: 100%;height: 100%}
.Writing—img span{display: block;width: 12px;height: 12px;background-color: red;position: absolute;top:-5px;right:8px;padding: 0 !important;border-radius: 50%;border-radius: 50%;border: 2px solid #fff;}
.Portrait-iocn{overflow: hidden;;border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;padding: 15px 0 0 0;}
.Portrait-iocn .Portrait-img{ width: 33%;float: left;text-align: center;margin-bottom: 15px;}
.Portrait-iocn .Portrait-img div{height: 26px;line-height: 26px;}
.Portrait-iocn .Portrait-img a{color: #999999 !important;font-size: 12px;margin:20px 0;}
.Portrait-end{text-align: center;color: #cccccc;font-size: 14px;padding: 10px 0;letter-spacing: 1px;}
.Portrait-end a{color: #cccccc !important;}
.Portrait-head{overflow: hidden;padding-top: 10px;}
.Portrait-head div{float: left;}
.Portrait-head div:last-child{float: right;}
.Portrait-head div:first-child{width:50px;height: 50px;margin-right: 10px;border-radius: 50%;overflow: hidden;}
.Portrait-name{margin-bottom: 15px;}
.Portrait-name h3{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 6px;}
.Portrait-name div span{font-size: 14px;color: #999 !important;vertical-align: middle;}
.Portrait-name div img{vertical-align: middle;}