body,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,p,span,div,object,iframe,pre,a,abbr,cite,input,button,select,option{margin:0;padding:0;font-weight:normal;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}ul,li,ol,dl,dd,dt,form{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:'PingFang SC','Microsoft YaHei','SimHei','Arial','SimSun'}html{height:100%}body{background-color:#f5f6f7;line-height:24px;font-size:16px;font-family:'PingFang SC','Microsoft YaHei','SimHei','Arial','SimSun'}img{border:0;outline:none}em,i{font-style:normal}button,input,textarea{outline:none;border:0}textarea{resize:none}a{outline:none;text-decoration:none}a:link,a:visited{color:#4f4f4f}a:hover,a:active,a:focus{text-decoration:none}
body{
	width:100%;
	
	background-image: linear-gradient(#f6ffff, #e9e9e9);
	background: url(../bg3.jpg) repeat center;
	background-size: auto 100%;
}
.call_body{
	width:100%;
	background-size: 100%;
	background-image: linear-gradient(#f6ffff, #e9e9e9);
	background: url(../bg3.jpg) no-repeat center;
}
.calltop{display:flex;flex-direction:row;width:100%; height:60px; background-color:#1d68a2; float:left;}
.calltop>span{width:100%; float:left; text-align:left; margin-left: 20px; line-height:60px; font-size:26px; color:#fff;text-shadow: 3px 2px 4px #000}
.calltop>span>i{display: block; width: 50px; height: 50px; background: url(../logo.jpg) no-repeat center; background-size: 100%; border-radius: 100%; overflow: hidden; float: left; margin-top: 5px; margin-right: 10px;}
.calltop #nowtime{width:100%; float:right; text-align:right; margin-right: 20px; line-height:30px; font-size:18px; color:#fff;text-shadow: 3px 2px 4px #000}
.callbox{ width:100%; height: auto; overflow:hidden;margin:0%; float:left;display:flex;flex-direction:row;}
.callbox .title{ height:40px; width:100%; font-weight: bold; text-align:center; line-height:40px; font-size:22px; color:#fff; border-bottom:1px solid #fff;background-image: linear-gradient(#438bc5, #1e649f);}
.callbox .h3{ height:30px; width:100%; text-align:center; line-height:30px; font-size:22px; color:#fff; }
.callbox .h3 span{border: 1px solid #fff;}
.callbox .h3 span:nth-child(1){ height:30px; width:calc(25% - 0.5px); text-align:center; line-height:30px; font-size:16px; font-weight: bold; color:#fff; float: left;background-image: linear-gradient(#1694dd, #1694dd);}
.callbox .h3 span:nth-child(2){ height:30px; width:calc(45% - 0.5px); text-align:center; line-height:30px; font-size:16px; font-weight: bold; color:#fff; float: left;background-image: linear-gradient(#1da09a, #1a8e7b);}
.callbox .h3 span:nth-child(3){ height:30px; width:calc(30% - 0.5px); text-align:center; line-height:30px; font-size:16px; font-weight: bold; color:#fff; float: left;background-image: linear-gradient(#FFC107, #FF9800);}
.callbox .tis{ height:30px; width:100%; text-align:center; line-height:28px; font-size:16px; color:#fff;background-image: linear-gradient(#fc9f40, #db841d); border: 1px solid #e08c34;}
.callbox .box{flex:1; width:100%; height:auto; overflow:hidden; background-color:#fff; float:left; margin:1%; border: 1px solid #ddd;max-width: 30%;}
.callbox .box ul{ width:100%; min-height:500px; height:auto; overflow:hidden;  }
.callbox .box ul li{ width:100%; height:30px; text-align:center; line-height:30px; font-size:16px; color:#456b7e; border:1px solid #fff; float:left;background-image: linear-gradient(#f7ffff, #e9e9e9);}
.callbox .box ul li span:nth-child(1){display: block; font-weight: bold; width: calc(25% - 0.5px); float: left; border: 1px solid #fff; background-color: #e1f1ff;}
.callbox .box ul li span:nth-child(2){display: block; font-weight: bold; width: calc(45% - 0.5px); float: left; border: 1px solid #fff; background-color: #d6f6f3; color:#418e7e}
.callbox .box ul li span:nth-child(3){display: block; font-weight: bold; width: calc(30% - 0.5px); float: left; border: 1px solid #fff; background-color: #d6f6f3; color:#FF9800}
.call_foot{position: absolute; background-color:#1d68a2;color: #fff; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 40px; line-height: 40px;text-align: center;}
.call_foot span{background: url(../msgico.png) no-repeat left center; background-size: 25px 25px; padding-left: 30px;  font-size: 20px;}

.yy_box{width:100%;margin:auto;}
.nav{width:100%; height:45px; overflow: hidden; background-color:#1d68a2; text-align:center;position: relative;}
.nav>span{width:100%; float:left; text-align:center; line-height:45px; font-size:20px; color:#fff;text-shadow: 3px 2px 4px #000}
.nav a{position: absolute; top: 10px; left: 10px; color: #fff;}
.yy_box ul{width:96%; height:auto; overflow:hidden; margin: auto;}
.yy_box ul li{width:100%; height:80px; overflow:hidden; background-color:#fff; margin-top:5px; font-size:16px; line-height:33px; padding:2%;    border-radius: 5px; color: #4f4f4f;}
.yy_box ul li span{float:right; display:block;width:75px; font-size: 14px; height:30px; color:#fff;border-radius: 10px;text-align: center;line-height: 30px;margin-top: 0px; margin-right: 10px;background-color:#4caf50;}
.yy_box .click_yy{ display:block; width:96%; height:60px; margin: auto; line-height:60px; text-align:center; color:#fff; background-color:green; border-radius:5px; margin-top:10px; margin-bottom:10px;}
.yy_box .click_yy2{ display:block; width:100%; height:60px; line-height:60px; text-align:center; color:#fff; background-color:rgb(160, 163, 160); border-radius:5px; margin-top:10px; margin-bottom:10px;}
.yy_box .desc{ width:96%; margin:auto; height:auto; overflow:hidden; color:#000; line-height:20px;}
.yy_box .input{ width: 100%; height: 50px; overflow: hidden; float: left; }
.yy_box .input a{ display:block;width:75px; font-size: 14px; height:30px;float:right;color:#fff;border-radius: 10px;text-align: center;line-height: 30px;margin-top: 10px; margin-right: 10px;}
.yy_box .hide{display: none;border-bottom: 1px dashed #3333335e;padding-bottom: 10px;}
.yy_box .hide li{background-color: #9e9e9e66;}

.footnav{ width:100%; height:40px; line-height:40px; background-color:#fff; position:fixed; bottom:0; left:0;}
.footnav ul{ width:100%; height:40px; line-height:40px;display:flex;flex-direction:row;}
.footnav ul>li{ border-right:1px solid #ddd}
.footnav ul li{ width:35%; float:left; text-align:center; line-height:40px; font-size:16px;color:#000;background-color: #1d68a2;}
.footnav ul li a{ color: #fff;}

.login_box{width:100%;margin:auto;}
.login_box .nav{width:100%; height:45px; background-color:#4ea0e3; float:left;text-align:center; margin-bottom:30px;}
.login_box .nav>span{width:100%; float:left; text-align:center; line-height:45px; font-size:20px; color:#fff;text-shadow: 3px 2px 4px #000}
.login_box ul{width:90%; height:auto; overflow:hidden; margin:auto;}
.login_box ul li{width:100%; height:50px; overflow:hidden; background-color:rgb(255, 255, 255); margin-top:20px; font-size:18px; line-height:50px; border-radius: 5px;}
.login_box ul li input{width:98%; height:100%; margin-left:2% }
.login_box .click_login{ display:block; width:90%; height:50px; line-height:50px; text-align:center; color:#fff; background-color:green; border-radius:5px; margin:auto; margin-top:20px; margin-bottom:10px;}
.login_box .click_zc{ display:block; width:90%; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#4ea0e3; border-radius:5px; margin:auto; margin-top:20px; margin-bottom:20px;}
.login_box .desc{ width:90%; margin:auto; height:auto; overflow:hidden; color:#000000c2; line-height:20px;font-size: 14px;}
.login_box .logo{width: 110px; height: 110px; background: url(../logo.jpg) no-repeat center; background-size: 100%; border-radius: 100%; overflow: hidden;  margin: auto; margin-top: 5px; }

.member_box{width:100%;margin:auto;}
.member_box ul{width:100%; height:auto; overflow:hidden}
.member_box ul li{width:96%; min-height:80px; height: auto; margin: auto; overflow:hidden; background-color:#fff; margin-top:5px; font-size:14px; line-height:33px; padding:2%;    border-radius: 5px; position: relative;}
.member_box ul li span{float:right; color:green}
.member_box .click_yy{ display:block; width:100%; height:60px; line-height:60px; text-align:center; color:#fff; background-color:green; border-radius:5px; margin-top:10px; margin-bottom:10px;}
.member_box .click_yy2{ display:block; width:100%; height:60px; line-height:60px; text-align:center; color:#fff; background-color:rgb(160, 163, 160); border-radius:5px; margin-top:10px; margin-bottom:10px;}
.member_box .desc{ width:96%; margin:auto; height:auto; overflow:hidden; color:#000; line-height:20px;}
.member_box .nav_box{ width:96%; height:auto; overflow:hidden; margin:auto; padding-top:10px;display:flex;flex-direction:row;}
.member_box .nav_box div{width:50%; height:100px; margin:2%; overflow:hidden; padding:1%; border-radius:5px;background-color:#4ea0e3; float:left; color:#fff; text-align:center; font-size:16px; line-height:30px;}
.member_box .nav_box div a{display:block; width:100%; height:100%;color:#fff; padding-top:60px;}
.member_box .card_add{display: block; width: 96%; height: 80px; margin: auto; border-radius: 5px; border: 1px solid #bfbfbf; background: url(../addicon.png) no-repeat center; background-size: auto 80%;margin-top: 10px;}
.member_box .delicon{ display: block; width: 25px; height: 25px; background: url(../delicon.png) no-repeat center;background-size: 100%; position: absolute; top: 10px; right: 10px;}
.member_box .card_add_box_bg{ position: fixed; width: 100%; height: 100%; z-index: 999; background-color: #000; top: 0; left: 0; opacity:0.7;display: none;}
.member_box .card_add_box{ position: fixed; width: 90%; height: 300px; z-index: 99999; background-color: #fff; border-radius: 10px; top: 20%; left: 50%; margin-left: -45%;text-align: center;display: none;}
.member_box .card_add_box input{width: 90%; height: 35px; padding: 2%; border: 1px solid #ddd; border-radius: 5px; margin-top: 10px;}
.member_box .card_add_box h3{ line-height: 40px; color: #333;}
.member_box .card_add_box a{ display: block; width: 100px; height: 30px; border-radius: 5px; border: 1px solid #ddd; margin: auto; margin-top: 10px; background-color: #418e7e; color: #fff;}
.member_box .card_add_box .close{position: absolute; top: 5px; right: 10px; color: #f44336;}

.member_box .nav_box .usericon{background:url(../usericon.png) no-repeat center 15px;background-size: 40%; background-color:#4ea0e3}
.member_box .nav_box .zjicon{background:url(../zjicon.png) no-repeat center 4px;background-size: 60%; background-color:#4ea0e3}
.member_box .nav_box .loginouticon{background:url(../loginouticon.png) no-repeat center 15px;background-size: 40%; background-color:#4ea0e3}
.member_box .nav_box .abouticon{background:url(../abouticon.png) no-repeat center 15px;background-size: 40%; background-color:#4ea0e3}
.member_box .nav_box .helpicon{background:url(../helpicon.png) no-repeat center 15px;background-size: 40%; background-color:#4ea0e3}
.member_box .nav_box .shareicon{background:url(../shareicon.png) no-repeat center 15px;background-size: 40%; background-color:#4ea0e3}
.member_box .nav_box .telicon{background:url(../telicon.png) no-repeat center 15px;background-size: 40%; background-color:#4ea0e3}
.member_box .nav_box .joinicon{background:url(../joinicon.png) no-repeat center 15px;background-size: 50%; background-color:#4ea0e3}
.member_box .nav_box .workicon{background:url(../workicon.png) no-repeat center 15px;background-size: 50%; background-color:#4ea0e3}
.member_box .nav_box .csicon{background:url(../csicon.png) no-repeat center 5px;background-size: 35%; background-color:#4ea0e3}
.member_box .nav_box .fsicon{background:url(../fsicon.png) no-repeat center 5px;background-size: 35%; background-color:#4ea0e3}
.member_box .text_box{width:93%; min-height:500px; height: auto; overflow:hidden; margin:auto; margin-top:10px; background-color: #fff;border-radius: 5px; padding: 3%; font-size: 14px;color: #333;}
.member_box .text_box img{ width: 100%; height: auto;}
/**/
.application_box{width:100%;margin:auto;}
.application_box ul{width:100%; height:auto; overflow:hidden}
.application_box ul li{width:96%; min-height:40px; height: auto; margin: auto; overflow:hidden; background-color:#fff; margin-top:5px; font-size:14px; line-height:33px; padding:2%;    border-radius: 5px; position: relative;}
.application_box ul li span{float: left;color: green;display: block;width: 25%;text-align: right;}
.application_box ul li input[type="text"]{ padding-left:5px;border: 1px solid #ddd;border-radius: 5px;height: 30px;margin-left: 10px;width: 70%;float: left;}
.application_box ul li select{margin-left: 10px;border: 1px solid #ddd;border-radius: 5px;width: 70%;height: 30px;text-align:center}
.application_box ul li label{margin-left: 10px;margin-right: 10px;font-size: 20px;}
.application_box ul li input[type="radio"]{margin: 10px;}
.application_box ul .nextbutton{text-align: center;background-color: #1d68a2;color: #fff;font-size: 24px;}
.loading{ width:100%; height:100%; position:fixed; z-index:99999; background-color:#fff;text-align:center;line-height:50%; top:0; left:0; display:none}
.loading .icon{width:20%; margin-top:40%}
@-webkit-keyframes rotation{

    from {-webkit-transform: rotate(0deg);}

    to {-webkit-transform: rotate(360deg);}

}

.an{

    -webkit-transform: rotate(360deg);

    animation: rotation 3s linear infinite;

    -moz-animation: rotation 3s linear infinite;

    -webkit-animation: rotation 3s linear infinite;

    -o-animation: rotation 3s linear infinite;

}
/*签名*/
.canvasDiv{
    height: 250px;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}
.imgDiv{
    height: 50px;
    width: 80px;
    border: 1px solid #ddd;
    margin-top: 15px;
    background-color: #fff;
    line-height: 45px;
    color: #ddd;
}
.canvasDiv_top{
    width:100%; height:40px;background: #cab684;line-height: 40px;
}
.btnDiv{
    height: 40px;
    width: 100%;
    background: #efeff1;
    padding-top: 8px;
}
.clearBtn{
    font-size: 12pt;
    background: #fff;
    color: #333;
    border-radius: 3px;
    padding: 3px 40px 3px 40px;
    margin-right: 20%;
}
.okBtn{
    font-size: 12pt;
    background: #cab684;
    color: #333;
    border-radius: 3px;
    padding: 3px 40px 3px 40px;
 
}
/**/
.bq{ margin-top: 90px; width: 100%; text-align: center; height: 50px; line-height: 25px; color: #4f4f4f;font-size: 12px;}

.nulltis{ text-align: center; line-height: 70px; color: #9e9e9e; font-size: 14px;}