/******<<>>（https://www.wyeditor.com，免费软件欢迎下载使用） 样式文件*******/
html, body{margin:0cm;padding:0cm;height: 100%;width:100%}
a{color:#000000;text-decoration:none }  
a:visited{COLOR:#000000;TEXT-DECORATION:none }  
a:active{color:#000000;text-decoration:none }  
a:hover{color:#000000;text-decoration:underline }  

 /*导航部分*/ 
 .nav{width: 100%; height: 60px; box-shadow: 0 3px 3px 0 #CCC; background: #FFF; position: fixed; left: 0; top: 0; z-index: 999; overflow: hidden; transition: 0.3s} 
 .nav.index{background: rgba(255, 255, 255 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);} 
 .nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s} 
 .nav .layui-container{position: relative; transition: all 400ms ease-out;} 
 .nav .nav-logo{height: 100%; position: absolute; top: 0; left: 15px; line-height: 60px;} 
 .nav .nav-list{display: inline-block; height: 60px;} 
 .nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 20px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;} 
 .nav .nav-list button span{display: block; width: 25px; height: 2px; background: #2db5a3; margin-bottom: 6px; transition: 0.5s;} 
 .nav .nav-list button span.spa1{transform: rotate(45deg);} 
 .nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);} 
 .nav .layui-nav{width: 100%; position: absolute; top: 60px; right: 0; color: #000; background: transparent;} 
 .nav .layui-nav .layui-nav-item{display: block; line-height: 60px;} 
 .nav .layui-nav *{font-size: 18px;} 
 .nav .layui-nav .layui-nav-item a{padding: 0 0; color: #000;} 
 .nav .layui-nav-bar, 
 .nav .layui-nav .layui-this:after{height: 2px; background-color: #2db5a3;} 
 .nav .layui-nav .layui-this a 
 ,.nav .layui-nav .layui-nav-item a:hover{color: #2db5a3;} 
 /*小屏幕*/ 
 @media screen and (min-width: 768px){ 
   .nav{max-height: 60px;} 
   .nav.index{background: rgba(255, 255, 255 ,0.3);} 
   .nav .nav-list button{display: none;} 
   .nav .nav-logo{position: absolute; top: 0; left: 0;} 
   .nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 5px; border-radius: 0; margin: 0;} 
   .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 53px; line-height: 60px;} 
 } 
 @media screen and (min-width: 768px) and (max-width: 1024px){ 
   .nav .layui-nav .layui-nav-item{margin:0 33px;} 
 } 
 @media screen and (min-width: 1300px) { 
   .layui-container{width: 1200px; padding: 0;} 
   .nav .nav-logo{position: absolute; top: 0; left: 0;} 
   .layui-col-space80{margin: -40px;} 
   .layui-col-space80>*{padding: 40px;} 
 } 

.myanimLayCommPanel_767206{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes
 super-fadein{0%{opacity:0}100%{opacity:1}}@keyframes super-fadein{0%{opacity:0}100%{opacity:1}} 
 .anim-fadein{-webkit-animation-name:super-fadein;animation-name:super-fadein}  

.logo {
position:relative !important;
z-index:0;
width:230px;
height:65px;
outline: 0;
box-sizing:border-box;margin-top: -6px
}

.myanimlogo{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.myanimMenu_713292{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.indexpage {
position:absolute !important;
z-index:0;
left:29px;
width:91px;
top:0px;
height:20px;
outline: 0;
background-color: transparent;
box-sizing:border-box
}

 #indexpage:Hover 
 { 
 background-color: #FFFFFF !important; outline: 0; 

}
.docpage {
position:absolute !important;
z-index:0;
left:128px;
width:100px;
top:0px;
height:20px;
outline: 0;
background-color: transparent;
box-sizing:border-box
}

 #docpage:Hover 
 { 
 background-color: #FFFFFF !important; outline: 0; 

}
.examplepage {
position:absolute !important;
z-index:0;
left:239px;
width:100px;
top:0px;
height:20px;
outline: 0;
background-color: transparent;
box-sizing:border-box
}

 #examplepage:Hover 
 { 
 background-color: #FFFFFF !important; outline: 0; 

}
.xupage {
position:absolute !important;
z-index:0;
left:314px;
width:100px;
top:25px;
height:20px;
outline: 0;
background-color: transparent;
box-sizing:border-box
}

 #xupage:Hover 
 { 
 background-color: #FFFFFF !important; outline: 0; 

}
.Form_275840 {
position: absolute !important;
z-index:0;
overflow:hidden;
left: 50%; 
width:593px;
margin-left: -296.5px; 
top: 50%; 
height:461px;
margin-top: -230.5px; 
outline: 0;
background: -webkit-linear-gradient(-90deg, transparent;, #FFFF00); 
background: -o-linear-gradient(-90deg, transparent;, #FFFF00); 
background: -moz-linear-gradient(-90deg, transparent;, #FFFF00); 
background: linear-gradient(-90deg, transparent;, #FFFF00); 
border:0px;border-radius: 20px;box-sizing:border-box
}

.myanimForm_275840{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes
 super-scale-spring{0%{opacity:.5;-webkit-transform:scale(.5)}80%{opacity:.8;-webkit-transform:scale(1.1)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes  
 super-scale-spring{0%{opacity:.5;transform:scale(.5)}80%{opacity:.8;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}} 
 .anim-scaleSpring{-webkit-animation-name:super-scale-spring;animation-name:super-scale-spring}  

.loginall {
position: absolute !important;
z-index:0;
overflow:hidden;
left: 50%; 
width:374px;
margin-left: -187px; 
top: 50%; 
height:356px;
margin-top: -178px; 
outline: 0;
background-color: #FFFFFF;
border: 1px solid #EAEAEA;border-radius: 10px;box-sizing:border-box
}

.myanimloginall{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes
 super-lubit{from{-webkit-transform:translate3d(-40px,-40px,0);opacity:.2}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes  
 super-lubit{from{transform:translate3d(-40px,-40px,0);opacity:.2}to{transform:translate3d(0,0,0);opacity:1}} 
 .anim-lubit{-webkit-animation-name:super-lubit;animation-name:super-lubit}  

.title {
position:relative !important;
z-index:0;
left: 50%; 
width:124px;
margin-left: -62px; 
height:30px;
outline: 0;
background-color: transparent;
font-size: 25px;
color: #0000FF;
text-align: center;box-sizing:border-box;margin-top: 20px;line-height:50px
}

.text_tb{overflow-x:hidden;overflow-y:hidden;display: table}
.title_b{text-align: center;display: table-cell;vertical-align: middle}
.uspanel {
position:relative !important;
z-index:0;
overflow:hidden;
left: 50%; 
width:296.5px;
margin-left: -148.25px; 
height:44px;
outline: 0;
background-color: #FFFFFF;
border: 1px solid #EAEAEA;border-radius: 22.5px;box-sizing:border-box;margin-top: 20px
}

.username {
position:relative !important;
display:inline-block;
z-index:0;
text-align:middle;
width:247px;
height:31.7000007629395px;
outline: 0;
background-color: #FFFFFF;
font-family: "宋体";
font-size: 15px;
border:0px;border-radius: 5px;box-sizing:border-box;margin-left: 35px;margin-top: 5px;margin-right: 5px
}

.unico {
position:absolute !important;
display:inline-block;
z-index:0;
left:2px;
width:25px;
height:25px;
outline: 0;
box-sizing:border-box;margin-left: 8px;margin-top: 8px
}

.unico_img {
position:absolute !important;
display:inline-block;
z-index:0;
left:0,px;
width:25px;
height:25px;
outline: 0;
font-family: "宋体";
font-size: 14px;
box-sizing:border-box;margin-left: 8px;margin-top: 8px
}

.pspanel {
position:relative !important;
z-index:0;
overflow:hidden;
left: 50%; 
width:296.5px;
margin-left: -148.25px; 
height:44px;
outline: 0;
background-color: #FFFFFF;
border: 1px solid #EAEAEA;border-radius: 22.5px;box-sizing:border-box;margin-top: 10px
}

.password {
position:relative !important;
display:inline-block;
z-index:0;
width:246.100006103516px;
height:31.7000007629395px;
outline: 0;
background-color: #FFFFFF;
font-family: "宋体";
font-size: 15px;
border:0px;border-radius: 5px;box-sizing:border-box;margin-left: 35px;margin-top: 5px;margin-right: 5px
}

.psico {
position:absolute !important;
display:inline-block;
z-index:0;
left:2px;
width:31px;
height:28px;
outline: 0;
box-sizing:border-box;margin-left: 4px;margin-top: 6px
}

.psico_img {
position:absolute !important;
display:inline-block;
z-index:0;
left:0,px;
width:31px;
height:28px;
outline: 0;
font-family: "宋体";
font-size: 14px;
box-sizing:border-box;margin-left: 4px;margin-top: 6px
}

.btnpost {
position:relative !important;
z-index:0;
left: 50%; 
width:296.5px;
margin-left: -148.25px; 
height:44px;
outline: 0;
background-color: #4D4DFF;
font-family: "宋体";
font-size: 20px;
color: #FFFFFF;
border:0px;font-weight: bold;border-radius: 22px;box-sizing:border-box;margin-top: 20px
}

.regfor {
position:relative !important;
z-index:0;
overflow:hidden;
left: 50%; 
width:296.5px;
margin-left: -148.25px; 
height:30px;
outline: 0;
background-color: #FFFFFF;
border:0px;box-sizing:border-box;margin-top: 20px
}

.register {
position:relative !important;
z-index:0;
left:15px;
width:91px;
height:30px;
outline: 0;
background-color: transparent;
font-size: 14px;
color: #0000FF;
box-sizing:border-box
}

.register_b{display: table-cell;vertical-align: middle}
.forgot {
position:absolute !important;
z-index:0;
right:0px; 
width:66px;
top:0px;
height:30px;
outline: 0;
background-color: transparent;
font-size: 14px;
color: #0000FF;
text-align: justify;box-sizing:border-box;margin-bottom: 0px
}

.forgot_b{text-align: justify;display: table-cell;vertical-align: middle}
.text_121292 {
position:absolute !important;
z-index:0;
left:0px;
width:374px;
top:321px;
height:30px;
outline: 0;
background-color: transparent;
font-size: 20px;
color: #FF0000;
font-weight: bold;text-align: center;box-sizing:border-box
}

.DB_Login_825394 {
position:absolute !important;
z-index:0;
left:118px;
width:100px;
top:0px;
height:29px;
outline: 0;
box-sizing:border-box
}