@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-size: 14px;}
body, html{height:100%;}
a{ text-decoration:none; color:#222; outline:none;}
a:hover{ color:#2ba683;}
ul,li{ list-style-type:none;}
img{ border:0;vertical-align:top;}
input,textarea,select{ vertical-align:middle;outline:0;font-family:"Microsoft YaHei";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,br,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,select,input,a,div,strong,span,b{ margin: 0; padding: 0; }
body{width:100%;font-family:"Microsoft YaHei","SimHei",Arial;font-size:14px;/* min-width:320px; */overflow-x:hidden;color:#222;line-height: 1.75; background:#0e8162;}
.float_l{ float:left;}
.float_r{ float:right;}
.clear{ clear:both;}

input::-o-input-placeholder{
    color:rgba(255,255,255,.8);
}
input::-ms-input-placeholder{
    color:rgba(255,255,255,.8);
}
input::-moz-input-placeholder{
    color:rgba(255,255,255,.8);
}
input::-webkit-input-placeholder{
    color:rgba(255,255,255,.8);
}
input::input-placeholder{
    color:rgba(255,255,255,.8);
}
textarea::-o-input-placeholder{
    color:rgba(255,255,255,.8);
}
textarea::-ms-input-placeholder{
    color:rgba(255,255,255,.8);
}
textarea::-moz-input-placeholder{
    color:rgba(255,255,255,.8);
}
textarea::-webkit-input-placeholder{
    color:rgba(255,255,255,.8);
}
textarea::input-placeholder{
    color:rgba(255,255,255,.8);
}

@-webkit-keyframes bgbody {
    0%{
        top: 100%; 
    }
    100%{
        top: 0%; 
    }
}
@keyframes bgbody {
    0%{
        top: 100%; 
    }
    100%{
        top: 0%; 
    }
}

@-webkit-keyframes bgbody02 {
    0%{
        bottom: 100%; 
    }
    100%{
        bottom: 20px; 
    }
}
@keyframes bgbody02 {
    0%{
        bottom: -100%; 
    }
    100%{
        bottom: 20px; 
    }
}

@-webkit-keyframes bgbody03 {
    0%{
        top: 100%; 
    }
    100%{
        top: 24%; 
    }
}
@keyframes bgbody03 {
    0%{
        top: 100%; 
    }
    100%{
        top:24%; 
    }
}


.time_first{
    position:relative;
    -webkit-animation: bgbody 1s ease;
    -o-animation: bgbody 1s ease;
    animation: bgbody 1s ease;
}
.time_second{
    position:relative;
    -webkit-animation: bgbody 1.5s ease;
    -o-animation: bgbody 1.5s ease;
    animation: bgbody 1.5s ease;
}
.time_third{
    position:relative;
    -webkit-animation: bgbody 2s ease;
    -o-animation: bgbody 2s ease;
    animation: bgbody 2s ease;
}
.time_fourth{
    -webkit-animation: bgbody02 2.5s ease;
    -o-animation: bgbody02 2.5s ease;
    animation: bgbody02 2.5s ease;
}
.time_fifth{
    -webkit-animation: bgbody03 3s ease;
    -o-animation: bgbody03 3s ease;
    animation: bgbody03 3s ease;
}
/* header */
.login_body{ background:url(/res/images/show/index/login_body_bg.jpg) #0e8162 center bottom no-repeat; }
header{height:92px; line-height: 92px; width:100%; background:#139070; overflow:hidden; }
header .logo{height: 54px;float:left;margin: 18px 10px 0 40px;}
header .logo img{display:block; height: 54px;}
header .top_nav{ float:left;}
header .top_nav a{display:inline-block;padding: 0 12px 0 45px;position:relative;color:#fff;font-size:22px;}
header .top_nav a.no1{background:url(/res/images/show/index/header_icon1.png) left 12px center no-repeat;}
header .top_nav a.no2{ background:url(/res/images/show/index/header_icon2.png) left 12px center no-repeat;}

@keyframes widthAll{ from{width:0;} to{width:100%;}}
@-webkit-keyframes widthAll{  from{width:0;}  to{ width:100%;}}
header .top_nav a:hover::after, header .top_nav a.on::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:8px; background:#feb42f;}
header .top_nav a:hover, header .top_nav a.on{ background-color: #0e8162;}
header .top_nav a:hover::after{animation:widthAll .3s 1; -webkit-animation:widthAll .3s 1;}

.search_box{float:right;width:auto;margin: 30px 60px 0 0;}
.search_box input{ border:none; border-radius: 18px; color:#fff;}
.search_input{float:left;margin-right:9px;display:block;width: 240px;padding: 0 10px 0 40px;height:36px;line-height: 36px;color:#fff;background: url(/res/images/show/index/header_iconSearch.png) #2f9d82 left 17px center no-repeat;}
.search_btn{display:block;background:#40dbb9;width:78px;height:36px;color:#fff;font-size: 15px;cursor: pointer;background: #40dbb9;background: linear-gradient(70deg, #45e6c3 0%, #3ed9b7 100%);}
.search_btn:hover{ background:#37d4b2; box-shadow: 0 0 20px rgba(21,114,88, .5); }

.user_before{float:right;width:30px;height:30px;background:url(/res/images/show/index/login_user.png) no-repeat;margin: 32px 40px 0 0;display:block;}
.user_after{float:right;width:auto;height:32px;line-height: 32px;margin: 32px 40px 0 0;}
.user_after .img_box{float:left;width:32px;height:32px;margin-right: 10px;border-radius: 16px;background:#2f9d82;overflow:hidden;}
.user_after .img_box img{ width:100%; height:100%;}
.user_after span, .user_after a{display:inline-block;color:#fff;margin-right: 15px;}
.user_after span, .user_after a:hover{ color:#45e5c2;}
.user_after span.name{  color:#45e6c4;}
.user_after a.notice{background:url(/res/images/show/index/login_news.png) left center no-repeat;padding-left: 18px;position:relative;margin-right: 20px;}
.user_after a.notice:hover{ background-image:url(/res/images/show/index/login_news_on.png) ;}
.user_after a.notice em{position:absolute;top: -1px;right:-10px;min-width: 16px;height: 16px;line-height: 16px;text-align: center;background:#ff0101;color:#fff;font-size: 10px;font-style: normal;border-radius: 8px;}

/* header end */

.login_name{display:block;width:900px;height:auto;margin: 140px auto 90px;}
.login_name img{ display:block; width:100%;}

.login_button{display:block;width:240px;height:58px;line-height: 58px;font-size:18px;color:#fff;background:#40dbb9;background: linear-gradient(70deg, #45e6c3 0%, #3ed9b7 100%);margin: 0 auto;text-align: center;border-radius: 29px; box-shadow: 0 0 15px rgba(21,114,88, .2); margin-top:0;}
.login_button i{display:inline-block;width:16px;height: 8px;background: url(/res/images/show/index/login_arrows.png) right top no-repeat;}
.login_button:hover{ color:#fff; box-shadow: 0 0 20px rgba(21,114,88, .5); }

/* 20200622add */
.ewm_box{ position:fixed; right:10px; top:24%; background:#fff; border:8px solid #3ab890; border-radius:12px; overflow:hidden; z-index:999;}
.ewm_box .top_line{ width:30%; height:7px; margin:0 auto; background:#3ab890; border-radius:4px;}
.ewm_box .ewm_img_box{width:100px;height:auto;margin: 25px 20px 15px;}
.ewm_box .ewm_img_box img{ display:block; width:100%;}
.ewm_box p{font-size:14px;color:#999;line-height:1.5;text-align:center;margin-bottom: 20px;}

@keyframes mymove{ from{width:16px;} to{width:36px;}}
@-webkit-keyframes mymove{  from{width:16px;}  to{ width:36px;}}
.login_button:hover i {width:36px; animation:mymove .2s 1; -webkit-animation:mymove .2s 1;}

footer{position: fixed !important;bottom:15px;text-align: center;color:#fff;text-shadow: 0 0 2px #2d4040;width: 100%;}

@media (max-width: 1360px){ 
    .search_input{ width:160px;}
    .search_box{ margin-right: 20px;}
}
/*20200724 add*/
header{
    display:block;
    background:none;
}
header .logo{
    height:auto;
    margin: 8px 10px 0 16px;
}
header .logo img{
    height:88px;
}
.user_after{
    margin: 32px 36px 0 0;
}
.user_after a{
    margin-right: 0;
    width: 30px;
    height: 30px;
    font-size: 0;
    background: url(/res/images/show/index/loginicon.png) center no-repeat;
    border-radius: 100%;
}
.login_body {
    background: url(/res/images/show/index/login_body_bg.jpg) #0e8162 center top no-repeat;
}
footer{
    text-shadow: #333 1px 0 1px, #333 0 1px 1px, #333 -1px 0 1px, #333 0 -1px 1px;
}
.login_name{
    margin-top: 11%;
    margin-bottom: 6%;
}