@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, img {border:0;margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-size:100%}
em{font-style:normal}
ul, ol, li{list-style:none}
a,a:hover{text-decoration:none;}
img{border:0}
table{	border-collapse:collapse;border-spacing:0}
*{margin:0;padding:0;outline: none;}
body{ font-family:"微软雅黑";font-size:14px;}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.ttf') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.clear{clear: both;}
a{cursor: pointer;}
input{outline:none;}

.forget_bg{background: #eaf2f9; overflow: hidden;}
.content{width: 1200px;margin: 0 auto;}


/****************找回密码**************/
.forget_nav{ border-bottom: 1px solid #e8e8e8; height: 65px;
    background: -moz-linear-gradient(left, #4faafd 0%, #2b77ff 100%);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%,#4faafd), color-stop(100%,#2b77ff));
    background: -webkit-linear-gradient(left, #4faafd 0%,#2b77ff 100%);
    background: -o-linear-gradient(left, #4faafd 0%,#2b77ff 100%);
    background: -ms-linear-gradient(left, #4faafd 0%,#2b77ff 100%);
    background: linear-gradient(to right, #4faafd 0%,#2b77ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4faafd', endColorstr='#2b77ff',GradientType=0 );
}
.forget_logo{height: 23px; margin-top:21px; float: left;}
.head_right_cjwt{float: right; margin-right:10px;}
.forget_nav a{text-align: right; line-height: 65px; font-size: 14px; color:#fff; margin-left:20px;}
.forget_nav a:hover{color: #fdf0c7;transition: all 0.3s; }
.register_dqwz{color: #666;
    background: #fff;
    padding: 14px 0 14px 40px;
    border-bottom: 1px solid #e7eaec;
    border-top: 3px solid #d5e6f4;
}


.forget_main{width: 650px; min-height: 400px;padding-bottom: 1%;margin:0 auto; background: #fff;box-shadow:7px 7px 10px #e9e9e9; border-radius: 20px; margin-top:7%;}
.forget_main h1{background: #2883ff; text-align: center; color: #fff; line-height: 65px; font-size: 24px; font-weight: normal; border-radius: 20px 20px 0 0;}
.forget_main h2{text-align: center; color: #333; font-size: 18px; font-weight: normal; line-height:80px;}
.forget_center{width: 385px; margin: 0 auto;}
.srzh{margin-bottom: 20px;}
.srzh1{width: 380px; border: 1px solid #e5e7ec; height: 38px; line-height: 38px; border-radius: 5px; padding-left: 3px; margin-bottom: 20px; font-size: 14px;}
.srzh input[type="text"]{width: 370px; border: 1px solid #e5e7ec; height: 38px; line-height: 38px; border-radius: 5px; padding-left: 13px;  font-size: 14px;}
.srzh input[type="password"]{width: 370px; border: 1px solid #e5e7ec; height: 38px; line-height: 38px; border-radius: 5px; padding-left: 13px;  font-size: 14px;}
.srzh1 input[type="text"]{height: 38px; line-height: 38px;  padding-left: 13px;  font-size: 14px;}
.qhao{display: inline-block;color: #2883ff; line-height: 38px; margin-left: 8px;}
.next{margin-top: 20px; display: block; width: 385px; border:0; border-radius: 5px;color: #fff; text-align: center; height: 40px; line-height: 40px; font-size: 16px;
 background: -webkit-linear-gradient(left, #4181ff, #4a97ff); /* Chrome 10+, Safari 5.1+ */
  background:    -moz-linear-gradient(left, #4181ff, #4a97ff); /* Firefox 3.6+ */
  background:     -o-linear-gradient(left, #4181ff, #4a97ff); /* Opera 11.10+ */
  background:        linear-gradient(to right, #4181ff, #4a97ff); /* 标准语法; 必须放在最后 */
  transition: opacity 1s ease-in-out; /* 设置透明度变化的过渡效果 */
  opacity: 1; /* 初始透明度为1（不透明） */
}
.next:hover{opacity:0.8; cursor: pointer;}
/*手机号验证*/
.forget_tips{ color: #333; font-size: 14px; margin-bottom: 10px;}
.forget_tips span{color: #fe9024;}
.code_btn{background: #4a96ff; color: #fff; display: inline-block;width: 109px; height: 38px; line-height: 38px; margin-left: 20px; border-radius: 5px; float: left; text-align: center;}
.code_btn1{background: #2883ff; color: #fff; display: inline-block;width: 109px; height: 38px; line-height: 38px; margin-left: 20px; border-radius: 5px;float: left;text-align: center;}
.code_btn:hover{ cursor: pointer;}
.wfsy{color:#2883ff; display: block; text-align: center; margin-top: 15px; font-size: 13px;}
.wfsy:hover{cursor: pointer; text-decoration: underline;}
/*设置新密码*/
.mmzc{color:#acafbb;}
.mmzc img{position: relative; top:2px; margin-right:5px;}
.aqts{display: block; text-align: center; color: #888;font-size:13px; margin-top: 15px;}
.forget_bottom{background: #fff; position: absolute; bottom:0; width: 100%; text-align:center; font-size: 13px; color: #888; padding: 13px 0 8px 0; }
.forget_bottom p{line-height: 24px;font-size:13px; }


@media screen and (max-width: 1366px) {
	.forget_main{margin-top:1%;transform: scale(0.9);}
}
/*登录*/
.login_main{width: 1000px; margin:0 auto; background: #fff; margin-top:5%; border-radius: 5px; padding-bottom:80px;box-shadow: 0px 4px 10px 0px rgba(107, 131, 193, 0.4)}
.login_left {float: left; width:370px; _margin-top:7%; text-align: center; padding:70px 30px 0 40px;}
.login_left h2{ text-align: left; font-size: 20px; padding-bottom: 20px; background: url(../images/yqts_bg.png)no-repeat; height: 38px;}
.login_left h2 span{ display: inline-block;text-align: left; font-size: 20px; color: #fff; line-height: 36px;margin-left: 20px;
    letter-spacing: 1px;}
.login_left h1{font-size: 24px; font-weight: normal; margin-top:30px;}
.login_left h1 span{color: #f95f5f;}
.login_left p {color: #666;font-size: 15px; margin-top:20px; text-align: left; line-height: 24px;}
.login_left p a{color: #e91a1e;}
.login_left img{width: 350px; display: block; margin: 0 auto; margin-top:10%;}
.login_right{width: 500px; float: right;background: #fff; border-radius: 5px;padding-bottom: 1%;}
.login_right h1{color: #333; font-size: 26px; font-weight: normal; text-align: center; padding: 65px 0 45px 0;}
.zhmm_text{margin-bottom: 30px;}
.zhmm_text h2{font-size: 16px; color: #1366ff; text-align: center; font-weight: normal;}
.zhmm_text span{display: block;width: 34px; height: 3px; margin: 0 auto;border-radius: 5px; background: #1366ff; margin-top:5px;}
.login_list{height: 43px; line-height: 43px; border: 1px solid #e5e7ec; border-radius: 5px;width: 368px;margin: 0 auto; margin-bottom: 25px;}
.login_img{ margin: 10px 10px 0 15px; float: left;}
.login_list input{width: 315px; height: 41px;line-height: 42px;float: left;
}
.code{width: 150px; float: right;}
.code img{display: block; margin:0 auto; width: 107px; height: 36px; position: relative; top:4px;}
.login_jzmm{width: 370px; margin: 0 auto; margin-bottom: 40px;}
.login_an{ display: block; width: 370px;  margin: 0 auto;border:0; border-radius: 5px;color: #fff; text-align: center; height: 40px; line-height: 40px; font-size: 16px;
 background: #4a97ff;
    background: -webkit-linear-gradient(left, #4181ff, #4a97ff); /* Chrome 10+, Safari 5.1+ */
  background:    -moz-linear-gradient(left, #4181ff, #4a97ff); /* Firefox 3.6+ */
  background:     -o-linear-gradient(left, #4181ff, #4a97ff); /* Opera 11.10+ */
  background:        linear-gradient(to right, #4181ff, #4a97ff); /* 标准语法; 必须放在最后 */
  transition: opacity 1s ease-in-out; /* 设置透明度变化的过渡效果 */
  opacity: 1; /* 初始透明度为1（不透明） */  transition: 0.5s;}
  .login_an:hover{opacity:0.8; cursor: pointer;
  transform: scale(1.1);
}
.remember{display: inline-block; font-size: 13px; color: #888;}
.remember input[type="checkbox"]{position: relative; top:2px; margin:0 3px 0 5px;}
.wjma{position: relative; float: right; color: #ae0101;}
.wjma:hover{opacity:0.8; cursor: pointer; text-decoration: underline;}

@media (min-width: 1440px) and (max-width: 1600px) {

	.login_main{ padding-bottom:50px;}
	.login_left img{width:400px;margin-top:5%;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .login_main{ padding-bottom:50px;}
	.login_main{transform: scale(0.9);}
	.login_jzmm{margin-bottom: 20px;}
}


/* 点击时边框颜色 */
.login_list.clicked {
  border-color: #4A90E2;
}
.register_text{display: block;text-align: center;color: #4181ff; line-height: 30px; margin-top: 10px;}
/*注册*/
.login_center{ margin:0 auto;padding-bottom:100px; width:1000px;}
.dl {background: #fff;border-radius: 3px;padding: 0 27px;overflow: hidden;_box-shadow: 7px 7px 10px #e9e9e9;margin-top:10px;}
.dl img{ margin-top:35px; margin-bottom:15px;}
.dlzc_int01{ width:418px; border:1px solid #cccccc; height:38px; line-height:38px; border-radius:3px; color:#666; text-indent:15px; float:left;}
.dl div{ overflow:hidden; margin-bottom:8px;margin-left: 40px;position: relative;}
.dl div p{float:left; width:130px; margin-right:20px; line-height:38px; height:38px; margin-bottom:15px; font-weight: bold; font-size: 14px;}

.dlzc_int02{ width:275px; border:1px solid #cccccc; height:40px; line-height:44px; border-radius:4px; margin-bottom:20px; color:#666; text-indent:15px; float:left}
.dlzc .dl div img{ float:left; margin:0 0 0 3px;}
.dlzc_but01 {
    width: 337px;
    height: 44px;
    line-height: 44px;
    position: relative;
    left: 50%;
    margin-left: -168px;
    border-radius: 6px;
    margin-bottom: 20px;
    color: #fff;
    background: #398bfe;
    text-align: center;
    letter-spacing: 8px;
    padding-left: 8px;
    cursor: pointer;
    font-size: 15px;
}
.dl p{ color:#666; text-align:right; line-height:20px; height:20px; margin:0 0 20px 0; overflow:hidden}
.dl p a {color: #4181ff;}
.Validform_checktip {
    display: inline-block;
    margin-top: 10px;
    text-align: left;
    position: absolute;
    left: 320px;
    top: 0px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: #999;
    font-size: 12px;
}

.login_center h1{    background: #2883ff;
    text-align: center;
    color: #fff;
    line-height: 65px;
    font-size: 24px;
    font-weight: normal;
    border-radius: 20px 20px 0 0;}

::-webkit-input-placeholder { color:#bfbfbf; }
.send{cursor: pointer; height: 40px; line-height: 40px; width: 130px; border-radius: 4px; display: inline-block; text-align: center; position: absolute; top: 1px; left: 438px; color: #fff; background-color: #398bfe;}
.address{border: 1px solid #cccccc;height: 38px;line-height: 38px; border-radius: 3px; color: #666; padding:0 6px; min-width:137px;}
/*注册弹窗*/
.qrxx{background: #f1f7fd; padding:15px 0 15px 30px; color: #555; border-radius: 5px 5px 0 0;}
.modal {
    display: none; /* 默认隐藏 */
    position: fixed; /* 固定定位 */
    z-index: 1; /* 位于顶层 */
    left: 0;
    top: 0;
    width: 100%; /* 宽度100% */
    height: 100%; /* 高度100% */
    overflow: auto; /* 启用滚动条 */
    background-color: rgb(0,0,0); /* 背景颜色 */
    background-color: rgba(0,0,0,0.4); /* 背景颜色，带有透明度 */
}

/* 模态内容框 */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% 从顶部和自动水平居中 */
    _padding: 20px;
    border: 1px solid #888;
    width: 600px; /* 宽度 */
    border-radius:5px;
}

/* 关闭按钮 */
.close {
    color: #aaa;
    float: right;
    font-size: 22px;
    margin-right: 12px;
    margin-top: 8px;
}


.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
/*系统选择*/
.xtxz_content{width: 1100px; margin:0 auto;}
.xtxz_bt{_background:url(../images/xtxz_bg.png)center no-repeat;text-align:center; color: #09378d; font-size: 24px; padding:5% 0 8% 0; }
.xtxz_bt p{position: relative; top:35px;}
.xtxz_bt img{ }
.xtxz_left{width:290px;background: #fff; border: 1px solid #ddd;border-radius: 5px;  display: inline-block; _margin: 0 20px }
.xtxz_left:hover{box-shadow: 5px 6px 11px #bbd1ec; transition: all 0.3s; }

.xtxz_left img{display: block; margin:0 auto; padding: 15% 0 10% 0; width:275px;}
.xtxz_name{color: #0459f6; font-size: 17px; font-weight: bold;text-align: center;letter-spacing:1px;padding:6% 0 15% 0;}

.xtxz_footer{background: #1c1c1c; color: #fff; text-align: center; padding:20px 0; line-height: 30px; font-size: 13px; width: 100%; position: fixed; bottom:0;}

@media  screen and (max-width: 1600px) {
    .xtxz_bt{padding:2% 0 6% 0;}
    .xtxz_left img{padding:13% 0 8% 0;}
}
@media screen  and (max-width: 1440px) {
    .xtxz_bt{padding:2% 0 6% 0;}
    .xtxz_left img{padding:10% 0 5% 0;}
}
@media screen  and (max-width: 1366px) {
    .xtxz_content{width: 1000px; margin:0 auto;}
    .xtxz_bt{padding:0 0 6% 0;transform:scale(0.9);}
    .xtxz_left img{padding:13% 0 8% 0;}
    .xtxz_left{transform:scale(0.9);margin:0 5px;}
}
.sex{position: relative; top:10px;}
.sex label{position: relative;top: -2px;margin-right: 15px; margin-left:6px;}



/**常见问题**/
.cjwt_main{padding:0 40px; margin-top: 20px;}
.cjwt_list{color: #555; border-bottom: 1px dashed #ddd;padding-bottom: 13px;margin-bottom: 15px;}
.cjwt_list h3{font-size: 15px; margin: 5px 0 10px 0;}
.cjwt_answer{font-size: 13px; line-height: 22px; color: #888;}



/* 滚动条轨道样式 */
::-webkit-scrollbar {
    width: 8px; /* 设置滚动条宽度 */
}

/* 滚动条滑块样式 */
::-webkit-scrollbar-thumb {
    background-color: #b9b8b8; /* 设置滑块背景颜色 */
    border-radius: 4px; /* 设置滑块圆角 */
}

/* 滚动条轨道hover状态样式 */
::-webkit-scrollbar-track:hover {
    background-color: #f1f1f1; /* 设置轨道hover状态时的背景颜色 */
}

/* 滚动条滑块hover状态样式 */
::-webkit-scrollbar-thumb:hover {
    background-color: #999; /* 设置滑块hover状态时的背景颜色 */
}
/*系统选择*/
.cloud-product-wrapper{margin:0 auto;width:1200px}
.cloud-product{position:relative;z-index:9;padding:110px 0 80px}
.cloud-product-title{height:32px;text-align:center;line-height:32px;font-size:32px;color:#333}

.cloud-product-ul{width:100%;text-align: center;}
.cloud-product-ul li{display:inline-block;position:relative;margin-left:12px;width:212px;height:522px;background:#fff}
.cloud-product-ul li:first-child{margin-left:0}


.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}

.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.cloud-product-ul li.active{z-index:9;width:304px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2);top:-23px;}
.normal-inner, .active-inner {
    transition: all 0.3s ease-in-out;
    _position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}
.cloud-product-ul li {
    perspective: 1000px;
    position: relative;
}
/**/
.system_list{}
.system_list .sys_img{height: 64px; display: block; margin:0 auto; padding-top:50px; margin-bottom: 30px;}
.sys_title1{text-align: center; color: #333; font-size:22px;}
.sys_title2{text-align: center; color: #888; font-size: 14px; margin-top:10px;}
.select_line1{background:#f1f1f1;width:180px; height: 1px; margin: 20px auto;}
.sys_bmsj{background: #3cb5fe; display: block; width:95px; height: 28px; line-height: 28px;margin:0 auto; color: #fff; border-radius: 3px; font-size:14px; text-align:center; margin-top:30px;}
.sys_bmsj_text{text-align: center; color: #333; font-size:16px; margin-top:35px; padding-bottom:30px; height:83px;}
.sys_bmsj_text span{display:block;}
.sys_bmsj_text span:nth-child(2){padding:10px 0;}
.sys_zxdh{text-align:center;color: #888; font-size:14px;}

.active_list{background: #569dfd;}
.active_list .sys_img{height: 64px; display: block; margin:0 auto; padding-top:50px; margin-bottom: 30px;}
.active_title{text-align: center; color: #fff; font-size:18px; padding-bottom:12px;}
.select_line2{background:#89bbfe;width:255px; height: 1px; margin: 20px auto;}
.active_xtjs{width:255px;margin:0 auto;font-size: 14px; color: #fff; line-height:22px; display: -webkit-box; /* 必须设置，用于多行溢出 */
    -webkit-box-orient: vertical; /* 设置盒子排列方向为垂直 */
    -webkit-line-clamp: 3; /* 限制显示的行数，例如显示3行 */
    overflow: hidden; /* 隐藏超出的内容 */;height:22px;}
.active_bmsj{color: #fff;text-align: center;  height:152px}
.active_bmsj1{ font-size:14px; }
.active_bmsj p{font-size:16px; margin:20px 0 30px 0;}
.active_bmsj p span{display: block;}
.active_bmsj p span:nth-child(2){padding: 10px 0;}
.active_ljbm{display: block;width:275px; height:42px;line-height:42px; margin:0 auto; background: #fece4c; text-align: center; color: #fff;font-size:14px; border-radius:5px;}
.active_ljbm1{display: block;width:275px; height:42px;line-height:42px; margin:0 auto; background: #ddd; text-align: center; color: #555;font-size:14px; border-radius:5px;}


.zpcl_download{width: 900px;margin: 0 auto;font-size: 15px;     color: #a94442;background-color: #f2dede;border: 1px solid #ebccd1;margin-top: 14px;padding: 10px 10px;border-radius: 3px;}
.zpcl_download span{width: 4px; height: 4px; display: inline-block; float: left;margin-top: 9px;margin-right: 5px;border-radius: 4px;}
.zpcl_download a{color: #e91a1e;}


/*顶部logo加学校*/
.logo_sc {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    position: relative;
 
    margin-left: 13px;
    line-height: 65px;
}

    .logo_sc span {
        font-size: 12px;
        margin-right: 10px;
        position: relative;
        top: -1px;
    }