body{   margin:0px; padding:0px;  color: #000;   background: #f3f5f7; font-size: 14px;}
body, button, input, select, textarea {  font-family: "微软雅黑","Microsoft Yahei", "Arial","黑体", "PingFang SC Regular",  "Helvetica", "SimHei",  "STXihei", "华文细黑", sans-serif;}
 *{ margin:0px; padding:0px;}
.clear{clear:both;height:0;overflow:hidden; font-size:0px;}
.clear10{height:10px;overflow:hidden;clear:both;}
.clear20{height:20px;overflow:hidden;clear:both;}
.clear30{height:30px;overflow:hidden;clear:both;}
.clear40{height:40px;overflow:hidden;clear:both;}
.clear150{height:150px;overflow:hidden;clear:both;}
.clearfix:after {content: "";display: block;clear: both;width: 100%;height: 0;line-height: 0;font-size: 0;}
ol,ul,li{list-style:none outside none;}
a{color:#000;  text-decoration:none}
a img{border:0 none;}
a:hover{ color: #e84d65}
table,tr,td,th{border-collapse:collapse;padding:0; margin:0;}
img{vertical-align: middle;}
  input,textarea,button{padding:0 2px; resize:none;-webkit-appearance: none !important;outline: none; border:none; background:none;}
.logo input::-webkit-input-placeholder,.logo  textarea::-webkit-input-placeholder {color:#000;font-size: 16px;}
.logo input:-moz-placeholder,.logo  textarea:-moz-placeholder {color:#000;font-size: 16px;}
.logo input::-moz-placeholder,.logo  textarea::-moz-placeholder {color:#000;}
.logo  input:-ms-input-placeholder,.logo  textarea:-ms-input-placeholder {color: #000;font-size: 16px;}

/* .main{ max-width:1520px; margin:0px auto;  position: relative; min-width: 1200px; } */
.main{ width:1520px; margin:0px auto;  position: relative;   }

 

h2,h3,h4,h5,h6{ font-weight: normal;}

.fl{ float:left;}
.fr{ float:right;}
.padding{ padding:10px;}
.info{ line-height:2; text-align:left; }
.color{ color:#e84d65; ; font-weight: normal;}
.dis-flex{ display: flex; justify-content: space-between; align-items: center;}
.dis-flex-cen{ display: flex; justify-content: center; align-items: center;}
 

/*分页样式*/

/* 变色 */

.bg{ background: url(../images/bh.jpg) center  top no-repeat; background-size: cover;   height: 100vh;  width: 100vw; overflow: hidden; position: relative;  }
.logo{ text-align: center;   padding-top:40px; color: #e84d65; font-size: 30px; line-height: 2;}
.bg nav{ width: 793px;  position: absolute; left: 50%; bottom: 80px; margin-left: -396px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
  
.bg nav a{   width: 231px; height: 73px; display: flex; align-items: center; justify-content: center; margin-top: 25px; font-size: 24px; background: url(../images/nav-btn-bg3.png) center center no-repeat; background-size: cover;    border-radius: 20px; box-shadow:0 10px 30px rgb(0,0,0,0.5); transition: all .1s;}
.bg nav a:hover,.bg nav a:active{ transform: translateY(5px); box-shadow: 0 0 30px rgb(0,0,0,0.5);}

.bg nav dl{ display: none;}

.bg nav a.Onelink{background: url(../images/nav-btn-bg2.png) center center no-repeat;}

.g5tan{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index: 9999;  display: none; align-items: center; justify-content: center;}
.tancon{ width: 650px;}

.tancoiii{ border-radius: 0px; width: 100%;   overflow: hidden;  background: #f7f8f5;max-height:500px; overflow-y: scroll;}
.tancoiii a{ height: 99px; width: 100%; display: flex; align-items: center; justify-content: center;  font-size: 30px; color: #e84d65; border-bottom: 1px solid #ddd;}
.tancoiii a:hover{ color: #fff; font-weight: bold; background: #a4cf9a;}
.tancoiii::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 3px;}
.tancoiii::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #e84d65; width: 5px; }
.tancoiii::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #f7f8f5; width: 5px; }

.tancon .colose{ height: 99px; width: 100%; display: flex; align-items: center; justify-content: center;  font-size: 30px; color: #e84d65;background: #f7f8f5;border-radius: 15px;  margin-top: 10px; cursor:pointer;}

header{  background: #e84d65; color: #fff; height: 80px; }
header .main{ height: 100%;}
header .main .left{ display: flex; height: 100%; align-items: center;}

header .main .left .release{ color: #fff; font-size: 16px; width: 140px; height: 40px; border: 1px  solid rgb(255,255,255,0.2);   margin-left: 50px;  transition: all .3s;}
header .main .left .release img{ transition: all .3S;}
header .main .left .release:hover  {box-shadow: 0 0 10px rgb(255,255,255,0.2); transform: scale(1.05);}

header .main  .rgiht{  }
header .main  .rgiht .notice{ margin-right: 50px; position: relative;}
header .main  .rgiht .notice span{ width: 8px; height: 8px; border-radius: 50%; position: absolute; right: 0; top: 0; background:#7ab6d5 ;animation: warnwap 1s linear 0.4s infinite;}


header .main  .rgiht .login-user { background: url(../images/user-bg.png) no-repeat center right; width: 180px; position: relative; cursor: pointer;}
header .main  .rgiht .login-user .img{ position: relative;}
header .main  .rgiht .login-user .img img{ border-radius: 50%; width: 36px; height: 36px; position: relative; }
header .main  .rgiht .login-user .img::before{ display: block; content: ''; width: 40px; height: 40px;  position: absolute; top: -2px; left: -2px; background: rgb(255,255,255,0.7); border-radius: 50%;}
header .main  .rgiht .login-user .txt{ display:block;white-space: nowrap; width: calc(100% - 70px);  overflow: hidden;text-overflow:ellipsis; font-size: 18px;}
header .main  .rgiht .login-user  dl{ color: #333; font-size: 14px; z-index: 999;}
header .main  .rgiht .login-user  dl {position: absolute; ;width: 180px; top:60px;background: #fff;left: 50%;margin-left: -90px;-webkit-box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px}
header .main  .rgiht .login-user  dl dd {height: 40px;  padding-left: 25px; transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;-moz-transition: all .36s ease}
header .main  .rgiht .login-user  dl dd:last-child {border-bottom: 0}
header .main  .rgiht .login-user  dl dd a {font-size: 14px;color: #333  ;font-weight: normal ;transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;-moz-transition: all .36s ease;display: block}
header .main  .rgiht .login-user  dl dd {  display: flex; align-items: center; }
header .main  .rgiht .login-user  dl .line{ width: 100%; background: #ccc; height: 1px; margin: 5px 0;}
header .main  .rgiht .login-user  dl dd img{ height: 15px; width: auto; margin-right: 15px; }
header .main  .rgiht .login-user  dl dd a:hover {color: #e84d65 ; font-weight: bold;transform: translateX(6px);}
header .main  .rgiht .login-user  dl:before {content: "";position: absolute;border-width: 0 9px 9px;border-style: solid;border-color: transparent transparent #fff;top: -9px;left: 50%;margin-left: -9px}
header .main  .rgiht .login-user  dl {visibility: hidden;opacity: 0;filter: alpha(opacity=0);transform: translateY(20px);-ms-transform: translateY(20px);-o-transform: translateY(20px);-webkit-transform: translateY(20px);-moz-transform: translateY(20px);transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease}
header .main  .rgiht .login-user:hover dl {visibility: visible;opacity: 1;filter: alpha(opacity=100);transform: none;-ms-transform: none;-o-transform: none;-webkit-transform: none;-moz-transform: none}

.location{ background: #ffffff;}
.location .main{  height: 80px; }
.location .main .left h2{ font-size: 22px;}
.location .main .right{ display: flex; align-items: center; transition: all .3s;}
.location .main .right:hover {color: #e84d65 ; font-weight: bold;transform: translateX(6px);}

.class{ background: #fff; height: 70px; margin: 30px 0; display: flex; align-items: center;}
.class .main{  }
.class .main span,.class .main a{ margin-right: 28px; font-size: 20px;}
.class .main a{ color: #666666;  width: 80px; height: 30px; border-radius: 15px; display: inline-block; text-align: center; line-height: 30px;}
.class .main a.on,.class .main a:hover{ background: #e84d65; color: #fff; }

.newslist{display: grid; grid-gap: 1px; grid-template-columns: repeat(2,1fr);}
.newslist li{ background: #fff; padding: 0 30px ; height: 130px; transition: all .3s; }
.newslist li a{ display: flex; align-items: center; justify-content: space-between; height: 100%;  }
.newslist li h2{ font-size: 24px;}
.newslist li h5{ color: #666666; font-size: 16px; margin-top: 20px;}
.newslist li .img{ width: 36px; height: 36px; background: url(../images/right-jian.png) no-repeat center right;  transition: all .3s;}
.newslist li:hover .img{  background: url(../images/right-jian.png) no-repeat center left;}
.newslist li:hover{   transform: scale(1.04); background: #e84d65;  }
.newslist li:hover h2{ color: #fff;}
.newslist li:hover h5{ color: rgb(255,255,255,0.7);}

.list{ margin-bottom: 140px;}
.pages{ height: 80px; display: flex; align-items: center; background: #fff; font-size: 18px;}
.pglist { width: 100%;text-align: center;clear: both;}
.pglist a {color: #333;padding: 0 10px;margin: 0 10px;background: #fff; border-radius: 5px; }
.pglist a.close {background: #e84d65 !important;}
.pglist * {display: inline-block;vertical-align: middle;line-height: 28px;padding-bottom: 1px;}
.pglist a:hover,.pglist .hover {display: inline-block;color: #fff;background: #e84d65; }

.pglist .pre{ width: 10px; height: 16px; background: url(../images/page-pre.png) no-repeat center right; padding: 0;}
.pglist .pre:hover{background: url(../images/page-pre.png) no-repeat center left; }

.pglist .next{ width: 10px; height: 16px; background: url(../images/page-pre.png) no-repeat center right; padding: 0;transform: rotateY(180deg);}
.pglist .next:hover{background: url(../images/page-pre.png) no-repeat center left; }

footer{ background: #444444; color: #fff; padding: 15px 0;line-height: 40px;}
footer a{ color: #fff;}
footer .main{ }
footer .main .left{   font-size: 14px;}
footer .main .right{ text-align: center; width: 515px;}

.detidal-desc{ background: #fff; margin: 40px  auto; position: relative; border-radius: 10px;  }
.detidal-desc .txt{padding: 30px;}
.detidal-desc .ico{ position: absolute; right: 0; top: 0; height: 30px; line-height: 30px; background: #7ab6d5; padding:  0 15px; border-radius: 0 10px 0 10px; color:#ffffff;
}
.detidal-desc .tit{ font-size: 28px; font-weight: bold;}
.detidal-desc .desc{ color: #333333; font-size: 16px;  margin-right: 20px; }
.detidal-desc  .info{ font-size: 16px; line-height: 34px; color: #888888; transition: all .36s;  }
.detidal-desc  .info .two{ display: none;}
.detidal-desc  .info .two h1{ font-size: 16px; color: #000;}
.detidal-desc .more{ color: #e84d65; cursor: pointer; margin:18px 0 25px 0; }
.detidal-desc .more:hover{font-weight: bold;}
.detidal-desc  .down{ display: flex; align-items: center; color: #b2b2b2; font-size: 15px;}
.dis-block{ display: block !important;}

.con{ background: #fff; padding: 45px 0;}
.text-center{ text-align: center;}

.logo-bg{ width: 100vw; height: 100vh; background: url(../images/logo-bg.jpg) no-repeat center center; background-size: cover;}
.logo-bg .main{ height: 100%;}
.logo-bg .main .left{ color: #fff; font-size: 20px; line-height: 2; width: 607px;}
.logo-bg .main .left .img{ margin-bottom: 96px;}
.logo-bg .main  .right{ width: 650px; height: 676px; background: url(../images/login-bg-small2.png) no-repeat center center;background-size: cover; position: relative; }

.login{ position: absolute; top: 120px; left: 70px;}
.login h2{ font-size: 40px; margin-bottom: 40px;}

.login  .input{ width: 500px;}
.login  .input input{ height: 80px; line-height: 80px; border-bottom: 1px solid #e5e5e5; width: 100%;font-size: 16px; }
.login  button{ width: 500px; height: 60px; line-height: 60px; text-align: center;  background: #e84d65; font-size: 18px; color: #fff; letter-spacing: 2px; margin: 45px 0 25px ;}
 
.login  .text-center{}

.tabs{ width: 760px; margin: 0px auto;  }
.tabs a{ font-size: 18px; color: #333;   padding-bottom: 5px; position: relative;}
.tabs a:hover ,.tabs a.active{ color: #e84d65;  }
.tabs a::before{ content: ''; display: block; width: 100%; height: 2px; background: #e84d65; position: absolute; left: 0; bottom: 0; transition: all .3s; transform: scale(0);}
.tabs a:hover::before ,.tabs a.active::before{   transform: scale(1); }

.class-info{}
.class-info .left{ width: 360px; box-shadow: 0 0 10px rgb(0,0,0,0.2); border-radius: 10px;}
.class-info .left .tit{ height: 75px; line-height: 75px; padding-left: 20px; font-size: 24px; position: relative; }
.class-info .left .tit::before{ content: ''; display: block; width: 4px; height: 20px; position: absolute; top: 27.5px; left: 0; background: #e84d65;}

/*删 */
.tabbox{ width: 100%; }
 

#all { width: 100%;  }
#title{     width: calc(100% - 20px);   height: 60px; padding: 0 10px; }
#title  ul{ justify-content: flex-start;}
#title li {  margin-right: 6vw; font-size: 18px; color: #333;   padding-bottom: 5px; position: relative; cursor: pointer;}
#title li:hover ,#title li.newss{ color: #e84d65;  }
#title li::before{ content: ''; display: block; width: 50%; height: 2px;  background: #e84d65; position: absolute; left: 25%; bottom: -10px; transition: all .3s; transform: scale(0);}
#title li:hover::before ,#title li.newss::before{   transform: scale(1); }

.tabTwo{ display: flex; align-items: center;}
.tabTwo li{ cursor: pointer; color: #333333; background: #f3f5f7; border-radius: 5px;  height: 40px; line-height: 40px; text-align: center; padding: 0 20px; margin-right: 20px; margin-bottom: 20px; }
.tabTwo li.on,.tabTwo li:hover{ color: #fff; background: #e84d65;}

#content { width: 100%;   margin-top: 45px; display: flex; justify-content: space-between; }
#content .childrenUl { width: 360px;  box-shadow: 0 0 10px rgb(0,0,0,0.12); border-radius: 5px;    padding-bottom: 25px;}
#content .childrenUl .span{ height: 75px; line-height: 75px; padding-left: 20px; font-size: 24px; position: relative; display: block; border-bottom: 1px solid #e5e5e5;  }
#content .childrenUl .span::before{ content: ''; display: block; width: 4px; height: 20px; position: absolute; top: 27.5px; left: 0; background: #e84d65;}
#content .childrenUl li { margin: 15px 20px 0; transition: all .3s; cursor: pointer;}
#content .childrenUl li a.abc{padding: 15px;  display: block;background: #f3f5f7; }
#content .childrenUl li dl{   transition: all .3s;    display: none;}
#content .childrenUl li:hover dl{    display: block; }
#content .childrenUl li dt{ margin-top:10px}
#content .childrenUl li dt a{padding: 15px;  display: block;background: #f3f5f7; }
#content .childrenUl li dt a:hover{background: #e84d65; color: #fff;}
#content .childrenUl li .top{}
#content .childrenUl li .top span{ width: 34px; height: 34px; background: url(../images/class-ico.png) no-repeat center right; transition: all .3s;}
#content .childrenUl li .top  h2{ width: calc(100% - 45px); font-size: 16px; line-height: 22px;}
#content .childrenUl li .top .bot{ color: 666666;}
#content .childrenUl li.cur,#content .childrenUl li:hover{  color: #fff;}
#content .childrenUl li.cur a.abc,#content .childrenUl li:hover a.abc{   background: #e84d65; color: #fff;}
#content .childrenUl li.curold{ background: #f3f5f7; color: #000;}

#content .childrenUl li.cur  .top span,#content .childrenUl li:hover  .top span{ width: 34px; height: 34px; background: url(../images/class-ico.png) no-repeat center left;}
#content .childrenUl li.curold  .top span{ width: 34px; height: 34px; background: url(../images/class-ico.png) no-repeat center right; transition: all .3s;}
 
.tabcon{ width: calc(100% - 400px);  }
/* width: 1120px; */
#content .right{ width: 100%;   box-shadow: 0 0 10px rgb(0,0,0,0.12); border-radius: 5px;} 
#content .right .tit{ padding: 25px;; border-bottom: 1px solid #e5e5e5; position: relative;}
#content .right .tit h2{ display: flex; align-items: center;  font-size: 22px; color: #000;}
#content .right .tit h5{ color: #888888;  font-size: 14px; display: flex; align-items: center; }
#content .right .tit  a{ width: 120px; height: 42px; border-radius: 21px; background: #d7ebd7; color: #e84d65; display: flex; align-items: center; justify-content: center; position: absolute; right:25px; bottom: 25px;}
 
#content .right  .inContent .info-con{ padding: 25px;;}

.tabOne figure{display: none;}
.tabOne figure.on{ display: block;}

#content .right .inContent{ display: none;}
#content .right .inContent.on{ display: block;}


/* #content figure,#content .right .inContent { display: none;}
#content figure:first-child,#content .right .inContent:first-child { display: block;} */



/* 
 .plyr__video-wrapper{ position: relative;}

 .plyr__poster{ width: 50px; height: 50px; background: rgb(54, 155, 53,0.6);; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; border-radius: 50%;  display: flex; align-items: center; justify-content: center; cursor: pointer;}
 .plyr__poster:hover{ background: #e84d65;} */
 #video {
	width: 970px;
	height: 594px;
	margin: 0 auto;
	position: relative;
}

#video video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.VideoBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 10;
}
/* 删 end */

.mainbg{ background: #fff; margin: 40px auto; }
.main-location{ font-size: 30px; border-bottom: 5px solid #f3f9f3; line-height: 125px;}
/* .input-box{ margin-left: 35px; font-size: 16px;  padding: 90px 0;}
 
.input-box input::-webkit-input-placeholder, .input-box textarea::-webkit-input-placeholder {color:#999;font-size: 16px;}
.input-box input:-moz-placeholder, .input-box textarea:-moz-placeholder {color:#999;font-size: 16px;}
.input-box input::-moz-placeholder,.input-box  textarea::-moz-placeholder {color:#999;}
.input-box input:-ms-input-placeholder,.input-box  textarea:-ms-input-placeholder {color: #999;font-size: 16px;}

.input-box .input-item{ display: flex; margin-bottom: 30px; }
.input-box .input-item span.left{ width: 100px; line-height: 52px; display: inline-block;}
.input-box .input-item  label input.txt{ width: 400px; height: 50px; border: 1px solid #e5e5e5; padding-left:20px;}

.input-box .input-item select{width: 420px; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; padding-left:20px;font-size: 16px; background: url(../images/bottom-jiantou2.png) no-repeat center right 30px;}
.input-box .input-item select option{ height: 50px; line-height: 50px;}

.fileerrorTip {
    line-height: 60px;
    font-size: 14px;
}

.input-box .input-item .file {
    position: relative;
    display: inline-flex;
    background: url(../images/ico11.png) center center no-repeat;

    width: 120px;
    height: 50px;
    padding-left:80px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    text-indent: 0;
    line-height: 50px;
   

    position: relative; margin-right: 20px;
}

.input-box .input-item .file input {
    position: absolute;
    font-size: 30px;
    right: 0;
    top: 0;
    opacity: 0;
}

.input-box .input-item .file:hover {
    color: #fff;
    opacity: 0.8;
}
.showFileName{ display: inline-block; color: #666666; font-size: 14px; line-height: 20px; height: 50px; display:inline-flex; align-items: center; }
.fileerrorTip{ color: red;}

.input-box .input-item  .tures{ background: #e84d65; height: 52px;  width: 140px;  border-radius: 5px; color: #fff; font-size: 16px; display:inline-flex; align-items: center; justify-content: center;}
.input-box .input-item  .flases{display:inline-flex; align-items: center; justify-content: center; margin-left: 30px; width: 120px; height: 50px; border: 1px solid #e5e5e5; font-size: 16px;} */

.testbox .layui-form-label{ font-size: 16px; line-height: 30px;}
.testbox .layui-input,.testbox  .layui-select,.testbox  .layui-textarea,.testbox  .layui-btn { height: 50px; font-size: 16px;}
.testbox .layui-form-item{margin-bottom: 30px;}

.fileup{ width: 164px; height: 50px; line-height: 50px; font-size: 16px;}
.testbox  .layui-icon{ font-size: 28px; margin-right: 12px;}
.tishi{   font-size: 14px;}

.testbox  .layui-form-select{ width: 400px;}
.w400{ width: 400px;}
.w140{ width: 140px;}
.w120{ width: 120px;}

.main-left{ width: 300px; border-right: 1px solid #e5e5e5; min-height: 900px;}
.main-left .top{ height: 240px; background: #ebf5ea;  font-size: 22px; text-align: center;}
.adminAvatarimg{}
.adminAvatarimg{ width: 110px; height: 110px; border: 2px  dashed #e84d65 ; border-radius: 50%; margin-bottom: 30px;}
.adminAvatarimg img{ width: 92px; height: 92px; border-radius: 50%;}

.adminnav{}
.adminnav li{ line-height: 100px; height: 100px; padding-left: 40px; font-size: 22px; background: url(../images/jian.png) no-repeat center right -30px; transition: all .3s;}
.adminnav li img{ margin-right: 30px; transition: all .3s;}
.adminnav li:hover img,.adminnav li.cur img{ margin-right: 30px;}
.adminnav li:hover,.adminnav li.cur{ background: url(../images/jian.png) no-repeat center right 30px;}

.main-right { width: calc(100% - 301px);}
.main-location { position: relative;}
.main-location span{ padding-left: 40px;}
.main-location  a.over{ position: absolute; right: 20px; top:50%; margin-top: -22px;  width: 180px; height: 44px; color: #e84d65; font-size: 20px; background: #ebf5ea; border-radius: 22px; transition: all .36s;}
.main-location  a.over:hover{  box-shadow: 0 0 10px rgb(54,155,53,0.1); }

.user-info-eit{ width: 970px; margin: 70px auto;}
.user-info-eit .left{ width: 555px;}

.user-info-eit .layui-form-label{ font-size: 16px; line-height: 30px;}
.user-info-eit  .layui-input,.user-info-eit  .layui-select,.user-info-eit  .layui-textarea,.user-info-eit   .layui-btn { height: 50px; font-size: 16px;}
.user-info-eit .layui-form-item{margin-bottom: 30px;}
.user-info-eit input::-webkit-input-placeholder,.user-info-eit  textarea::-webkit-input-placeholder {font-size: 16px;}
/* color:#000; */

.user-info-eit  .right div:nth-child(1){ cursor: pointer;}
.user-info-eit  .right div:nth-child(2){ width: 220px; height: 40px; background: #e84d65; color: #fff; font-size: 16px; border-radius: 5px; margin: 22px 0;}
.user-info-eit  .right div:nth-child(3){ text-align: center;  color: #555555;}

.disflex{display: flex; align-items: flex-start; justify-content: space-between;}
.w645{ width:645px ;}
.gre{ background: #e84d65;  border-color: #e84d65; color: #fff;}

.main-location figure{padding-left: 40px; position: relative; }
.main-location figure::before{ display: block; content: ''; width: 5px; height: 22px; border-radius: 3px; background: #e84d65; top: 50%; margin-top: -10px; left: 0; position: absolute;}
.main-location  nav{ width: 415px; font-size: 18px;}
.main-location  nav a{ background: url(../images/navlia.png) no-repeat left center; padding-left: 35px; height: 25px; line-height: 25px; display: inline-block; }
.main-location  nav a:hover,.main-location  nav a.cur{background: url(../images/navliah.png) no-repeat left center;}

.information-ul li{ border-bottom: 1px solid #e5e5e5; padding: 25px 0;}
.information-ul li a{ display: flex; justify-content: space-between; align-items: flex-start;}
.information-ul li .left{ width: 80px; position: relative; }
.information-ul li .left img{ width: 80px; height: 80px; border-radius: 50%;}
.information-ul li .left  span{ width: 22px; height: 22px;  position: absolute; top:5px; right: -5px;animation: warnwap 1s linear 0.4s infinite;}
.information-ul li .left  span img{ width: 22px; height: 22px;}
.information-ul li .right{ width: calc(100% - 116px);}
.information-ul li .right div:nth-child(1){ font-size: 24px; display: inline-block;white-space: nowrap; width: 100%;  overflow: hidden;text-overflow:ellipsis;}
.information-ul li .right div:nth-child(2){ font-size: 15px; line-height: 24px; color: #888888;margin: 15px 0 20px;}
.information-ul li .right div:nth-child(3) {font-size: 15px; color: #666666; }
.information-ul li .right div:nth-child(3)  span{ color: #e84d65;}

.admin-newsul{ padding: 0 35px;}
.admin-newsul li{border-bottom: 1px solid #e5e5e5; padding: 25px 0;}
.admin-newsul li div:nth-child(1){ font-size: 24px; display: inline-block;white-space: nowrap; width: 100%;  overflow: hidden;text-overflow:ellipsis;}
.admin-newsul li div:nth-child(2){ font-size: 15px; line-height: 24px; color: #888888;margin: 15px 0 20px;}
.admin-newsul li div:nth-child(3) {font-size: 15px; color: #666666; }
.admin-newsul li div:nth-child(3)  span{ color: #e84d65;}

.information-detail{ padding: 60px;}
.information-detail div:nth-child(1){ font-size: 30px; text-align: center;}
.information-detail div:nth-child(2) { font-size: 16px; color: #666666; text-align: center; margin: 35px 0 60px;}
 
.information-detail div:nth-child(3){ line-height: 2; font-size: 16px;}


.logoutT{width: 110PX; height: 31PX; display: flex; align-items: center; justify-content: center; border: 1px solid #fff;color: #fff;
    border-radius: 25px; margin-right: 40px;}
    .logoutT img{ margin-right: 8px;filter: grayscale(100%) brightness(500%);}
    .logoutT:hover{ color: #fff; opacity: 0.8;}

    .tan{ width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.2); position: fixed; top: 0; left: 0;  z-index: 999;  display: none; align-items: center; justify-content: center; color: #333;}
    .tanbox{ width: 410px;   padding: 30px; border-radius: 30px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: relative;}
    .tanbox .tit{ font-size: 20px;}
    .tanbox .tit span{ color: #e84d65; }
    .tanbox .xuze{ display: flex; align-items: flex-start; font-size: 18px; margin: 50px 0;}
    .tanbox .xuze .left{  white-space: nowrap;}
    .tanbox .xuze .right{ display: flex; flex-wrap: wrap; margin-left: 25px;}
    .tanbox .xuze .right label{ width: 50%; margin-bottom: 20px;}
    .tanbox .btn{ display: flex; justify-content: space-between; align-items: center;}
    .tanbox .btn button{ width: 180px; height: 50px; border: 2px solid #e84d65; color: #e84d65; display: inline-flex; align-items: center; justify-content: center; font-size: 20px;border-radius: 5px;}
    .tanbox .btn button:first-child{ background: #e84d65; color: #fff;   }

  .close{  position: absolute; top: 30px; right: 30px; cursor: pointer;transition: opacity .3s, transform .3s;}
  .close:hover{opacity: 1;
		transform: rotate(180deg)}
    .radio_type {
                            width: 38px;
                            height: 30px;
                            appearance: none;
                            position: relative;
                            outline: none;

                        }

                        .radio_type:before {
                            content: "";
                            width: 25px;
                            height: 25px;
                            border: 2px solid #ddd;
                            display: inline-block;
                            border-radius: 50%;
                            vertical-align: middle;
                        }

                        .radio_type:checked {}

                        .radio_type:checked:before {
                            background: #e84d65;
                            content: "";
                            width: 25px;
                            height: 25px;
                            border-color: #e84d65;
                            display: inline-block;
                            border-radius: 50%;
                            vertical-align: middle;
                        }

                        .radio_type:checked:after {
                            content: "";
                            width: 12px;
                            height: 12px;
                            text-align: center;
                            background: #fff;
                            border-radius: 50%;
                            display: block;
                            position: absolute;
                            top: 8px;
                            left: 10px;
                        }