html,
body,
div {margin: 0;padding: 0;}
body {margin: auto;background-color: #fff;font-family: "microsoft yahei", "微软雅黑";}
.header {width: 1000px;margin: auto;/*padding-top: 10px;padding-bottom: 6px;*/}
.logo {width: 356px;height: 48px;}
.app {float: right;background-image: url("../res/login/login_temp/app.png");width: 61px;height: 27px;margin-top: 9px;margin-left: 16px;position: relative;cursor: pointer;}
#downloadAPP {display: none;background-color: white;width: 447px;min-height: 249px;height: auto;position: absolute;right: 0;top: 30px;border: 1px solid #CCCCCC;z-index: 50;}
.label {font-size: 13px;float: right;height: 44px;line-height: 44px;}
.banner {min-width: 1100px;width: 100%;height: auto;position: relative;overflow: hidden;}
.loginHeader .small_text {font-size: 16px;}
.login {width: 291px;overflow: hidden;position: absolute;top: 50%;margin-top: -155px;right: 25%;margin-right: -200px;}
.login_area {float: right;width: 291px;height: 310px;}
#login_tab {width: 291px;height: 41px;background-image: url("../res/login/login_temp/login_tab.png");}
#login_body {width: 291px;height: 269px;background-image: url("../res/login/login_temp/login_body.png");}
.newsAndBtns,
.schoolList,
.productList,
.features {margin: auto;width: 1000px;/*background-color: yellow;*/margin-top: 24px;}
.buttons {width: 356px;height: 266px;float: right;padding-top: 46px;}
.buttons a {display: block;text-decoration: none;margin-bottom: 25px;}
#introduce {background-image: url("../res/login/login_temp/intro.jpg");height: 95px;width: 342px;cursor: pointer;}
#introduce:hover {background-image: url("../res/login/login_temp/intro_p.jpg");}
#bearau {background-image: url("../res/login/login_temp/bearau.jpg");height: 95px;width: 342px;cursor: pointer;}
#bearau:hover {background-image: url("../res/login/login_temp/bearau_p.jpg");}
.news {width: 581px;height: 266px;}
.title1 {background-image: url("../res/login/login_temp/title1.png");width: 581px;height: 44px;margin-bottom: 22px;}
.title1 a {display: block;float: right;padding-top: 20px;padding-right: 32px;color: #969696;font-size: 13px;text-decoration: none;}
.title1 a:hover {color: #0095f8;}
.title1 h2 {font-size: 18px;color: #323232;line-height: 44px;padding-left: 40px;}
.list_item {background-image: url("../res/login/login_temp/item_bullet.png");background-repeat: no-repeat;line-height: 24px;padding-left: 24px;font-size: 15px;margin-bottom: 14px;padding-right: 10px;}
.item_time {float: right;color: #969696;}
.item_title {color: #323232;cursor: pointer;width: 440px;height: 24px;overflow: hidden;}
.item_title:hover {color: #0095f8;}
.schoolList {margin-top: 50px;min-height: 240px;overflow: hidden;}
.title2 {background-image: url("../res/login/login_temp/title2.png");height: 44px;padding-left: 30px;margin-bottom: 30px;color: #969696;}
.title2 div {float: left;width: 80px;height: 44px;line-height: 44px;font-size: 17px;text-align: center;cursor: pointer;}
.tabbold {font-size: 18px;font-weight: bold;color: #323232;}
.schools {width: 1000px;}
.elementarySchool,
.college,
.kindergarten {display: none;}
.productList {margin-top: 0px;height: 350px;}
.title3 {background-image: url("../res/login/login_temp/title3.png");height: 44px;line-height: 44px;padding-left: 44px;margin-bottom: 20px;}
.product_tabs {background-image: url("../res/login/login_temp/product_tabs.png");width: 115px;height: 140px;margin-left: 6px;float: left;color: #969696;}
#p_1 {margin-top: 11px;}
#p_2,
#p_3 {margin-top: 2px;}
.p_title {font-size: 16px;width: 115px;height: 38px;line-height: 38px;text-align: center;cursor: pointer;}
.p_se {background-image: url("../res/login/login_temp/product_tab_se.png");color: white;}
.products {width: 842px;height: 249px;float: left;margin-left: 30px;}
.product_1 {background-image: url("../res/login/login_temp/p_1.jpg");}
.product_2 {background-image: url("../res/login/login_temp/p_2.jpg");}
.product_3 {background-image: url("../res/login/login_temp/p_3.jpg");}
.features {background-image: url("../res/login/login_temp/feature.png");height: 114px;}
.footer {height: 34px;margin-top: 22px;background-color: #f7f7f7;color: #585858;font-size: 12px;line-height: 34px;text-align: center;width: 100%;}
.qcode_wrapper {width: 100%;height: auto;overflow: hidden;}
.qcode_item {width: 50%;min-height: 200px;height: auto;float: left;padding: 10px 20px 5px 20px;}
.qcode_item .qcodeItem_title {width: 100%;font-size: 16px;text-align: center;}
.qcode_item img {width: 100%;}
.qcode_tips {width: 100%;height: 20px;text-align: center;color: #cccccc;}
.loginHeader {/* font-size: 16px; *//* border-left: 5px solid #ff7e00; *//* margin-left: -20px; *//* padding-left: 15px; */}
.districtItem {width: 100%;height: auto;float: left;margin-bottom: 20px;overflow: hidden;}
.district_name {color: #969696;cursor: default;}
.school_name {width: 165px !important;color: #323232;cursor: pointer;}
.district_name,
.school_name {display: block;margin-right: 0px;margin-bottom: 5px;/*margin-right: 30px;*/min-width: 100px;width: auto;text-decoration: none;font-size: 15px;float: left;overflow: hidden;}
.school_name:hover {opacity: 0.5;}
/***********忘记密ç Âdiv****************************/
.forgotpwd_wrapper {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);position: fixed;top: 0;left: 0;}
.forgotpwd {width: 582px;height: 303px;background-color: white;margin-left: auto;margin-right: auto;padding-left: 250px;position: relative;top: 50%;margin-top: -151px;}
.btn_forgotpwdClose {width: 20px;height: auto;position: absolute;right: 18px;top: 13px;cursor: pointer;}
.forgotpwd .leftImage {width: 250px;height: 100%;margin-left: -250px;float: left;}
.forgotpwd .leftImage img {width: 220px;height: auto;margin: 68px auto;display: block;}
.forgotpwd .forgotpwd_tipsWrapper {width: 100%;height: 100%;float: left;padding-top: 45px;}
.forgotpwd_tipsWrapper .tipsLine {line-height: 30px;}
.forgotpwd_tipsWrapper .tipsTitle {font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.tipsLine a {color: #0095f8;text-decoration: none;}
/***************************************/
.header {width: 1000px;height: 70px;background-color: transparent;margin: 0 auto;}
.header .title {height: 40px;}
.footer {/* margin-bottom: 30px;*/width: 100%;height: 34px;line-height: 32px;overflow: hidden;text-align: center;background-color: #f7f7f7;}
.footer span {padding-left: 20px;background: url(../res/login/company_logo.png);background-repeat: no-repeat;background-position-x: left;background-position-y: middle;}
.content {width: 100%;/*height: 566px;background-color: #0095f8;*/
}
.content-header {width: 100%;height: 69px;background-color: white;line-height: 67px;}
.contentHeader-left {width: 50%;height: 100%;float: left;font-size: 18px;font-weight: bold;text-align: left;padding-left: 40px;}
.contentHeader-left-schoolLogo {float: left;width: 40px;height: 100%;margin-left: -40px;}
.bg_set {width: 42px;height: 42px;margin-top: 14px;border-radius: 20px;/*background-color: white;*/}
.contentHeader-left-schoolLogo img {width: 38px;height: 38px;margin: 2px;border-radius: 20px;}
.contentHeader-left-schoolName {float: left;width: 100%;height: 100%;padding-left: 10px;}
.contentHeader-right {width: 50%;height: 100%;float: right;text-align: right;}
.contentHeader-right a {text-decoration: none;color: #4e4e4e;cursor: pointer;}
.contentHeader-right a:hover {text-decoration: underline;}
.content-panel {width: 100%;height: 497px;background: url(../res/login/dl_bg.jpg);background-repeat: no-repeat;}
.contentPanel-left {float: left;width: 615px;height: 100%;padding-top: 40px;}
.ImageShown {width: 585px;height: 340px;margin: 0 auto;background-color: #ffffff;padding: 13px;position: relative;}
.ImageShown .schoolShown {width: 100%;height: 100%;}
.ImageShown .ImageShown_layout {width: 636px;height: 98px;margin: -13px;background: url(../res/login/sticker.png);background-repeat: no-repeat;position: absolute;top: -17px;left: -12px;}
.contentPanel-right {float: left;width: 380px;height: 100%;margin-left: 5px;padding-top: 40px;}
.loginTitle {width: 350px;height: 50px;line-height: 50px;background: url(../res/login/login_title.png) left;background-repeat: no-repeat;margin: 0 auto;}
.loginPanel {
/*width: 350px;height: 340px;margin: 0 auto;*/
width: 100%;
height: 100%;
background: #fff;
/* background: url(../res/login/login_temp/login_body.png); */
padding: 17px 28px 7px 28px;
}
.loginPanel_type {width: 100%;height: 50px;text-align: center;font-size: 16px;}
.loginPanel_type .type_choose {width: 50%;height: 100%;float: left;cursor: pointer;}
.loginPanel_type .type_choosed {border-top: 5px solid #ff7e00;color: #ff7e00;line-height: 40px;}
.loginPanel_type .type_normal {background-color: #f6f6f6;border: 1px solid #e1e1e1;line-height: 48px;}
.loginPanel_input {width: 100%;height: auto;overflow: hidden;/*padding-left: 25px;padding-right: 25px;*/
}
.loginPanel_input .inputs_item {width: 100%;height: 40px;margin-top: 20px;}
.loginPanel_input .input_wrapper {width: 100%;padding-left: 39px;border: 1px solid #d7d7d7;background-color: #f7f7f7;overflow: hidden;}
.loginPanel_input .input_wrapper .input_icon,
.loginPanel_input .input_wrapper .input_set {width: 100%;height: 100%;line-height: 36px;float: left;}
.loginPanel_input .input_wrapper .input_icon {width: 38px;margin-left: -39px;border-right: 1px solid #d7d7d7;}
.icon_phone {background: url(../res/login/icon_phone.png);background-repeat: no-repeat;background-position-x: center;background-position-y: center;background-position: center center;}
.icon_lock {background: url(../res/login/icon_lock.png);background-repeat: no-repeat;background-position-x: center;background-position-y: center;background-position: center center;}
.loginPanel_input input {width: 100%;outline: none;border: none;background-color: rgb(255, 255, 255)!important;padding: 0px 5px;font-family: "microsoft yahei";}
.loginPanel_button {width: 100%;height: 70px;}
.loginPanel_button .login_button,.loginPanel_button .jump_button {/* width: 300px;*/
width: 100%;height: 44px;background-color: #ff7e00;border-radius: 5px;color: #ffffff;margin: 3px auto;font-size: 18px;text-align: center;line-height: 42px;cursor: pointer;text-decoration: none;display: block;}
.inputs_item .loginAuto {width: 50%;float: left;cursor: pointer;}
.checks {width: 15px;margin-right: 3px;}
.checked {width: 15px;margin-right: 3px;}
.btn_register {color: #ff881f;display: inline-block;cursor: pointer;float: right;text-decoration: none;}
.inputs_item .losePasswrd {width: 50%;float: right;text-align: right;}
.losePasswrd .btn-losePasswrd {cursor: pointer;}
.losePasswrd .btn-losePasswrd:hover {color: #0095f8;}
.container {width: 1000px;height: 100%;margin: 0 auto;}
.loginPanel.jump .split{height:1px;border-top: 1px dashed #bfbfbf;margin-top:12px;margin-left: -18px;margin-right: -18px;}
.loginPanel.jump .accountInfo{height: 138px;padding-top: 0px;line-height: 30px;overflow: hidden;}
.loginPanel.jump .logout_btn img{margin-left:5px}
.loginPanel.jump .logout_btn{cursor: pointer;color: #585858;background-color: #f7f7f7;margin-left: -19px;margin-right: -18px;height: 32px;line-height: 32px;padding-left: 18px;font-size: 12px;}
.loginPanel.jump .loginHeader{line-height:25px}
.schools>*{overflow:hidden;}
.headerImg{text-align: center;width:100%;height: 56px;margin-top: 17px;}
.headerImg img{height: 56px;width: 56px;}
.accountInfo .empName{text-align:center;line-height:36px}
.accountInfo .tip{line-height: 13px;height: 13px;margin-top: 13px;}
.logout_btn .arrow{font-size: 13px;}
.banner-bulletin { width: 1000px; margin: 30px auto 0 auto; }
.banner-bulletin-icon { width: 1000px; height: 70px; cursor: pointer; }
.subnav_link { margin: 0 0 0 30px; }
.loginPanel_type {width: 100%;height: 50px;text-align: center;font-size: 16px;}
.loginPanel_type .type_choose {width: 50%;height: 100%;float: left;cursor: pointer;}
.loginPanel_type .type_choosed {border-top: 5px solid #ff7e00;color: #ff7e00;line-height: 40px;}
.loginPanel_type .type_normal {background-color: #f6f6f6;border: 1px solid #e1e1e1;line-height: 48px;}
.loginPanel_input {width: 100%;height: auto;overflow: hidden;/*padding-left: 25px;padding-right: 25px;*/
}
.loginPanel_input .inputs_item {width: 100%;height: 40px;margin-top: 20px;}
.loginPanel_input .input_wrapper {width: 100%;padding-left: 39px;border: 1px solid #d7d7d7;background-color: #f7f7f7;overflow: hidden;}
.loginPanel_input .input_wrapper .input_icon,
.loginPanel_input .input_wrapper .input_set {width: 100%;height: 100%;line-height: 36px;float: left;}
.loginPanel_input .input_wrapper .input_icon {width: 38px;margin-left: -39px;border-right: 1px solid #d7d7d7;}
.icon_phone {background: url(../res/login/icon_phone.png);background-repeat: no-repeat;background-position-x: center;background-position-y: center;background-position: center center;}
.icon_lock {background: url(../res/login/icon_lock.png);background-repeat: no-repeat;background-position-x: center;background-position-y: center;background-position: center center;}
.loginPanel_input input {width: 100%;outline: none;border: none;background-color: rgb(255, 255, 255)!important;padding: 0px 5px;font-family: "microsoft yahei";}
.loginPanel_button {width: 100%;height: 70px;}
.loginPanel_button .login_button,.loginPanel_button .jump_button {/* width: 300px;*/
width: 100%;height: 44px;background-color: #ff7e00;border-radius: 5px;color: #ffffff;margin: 3px auto;font-size: 18px;text-align: center;line-height: 42px;cursor: pointer;text-decoration: none;display: block;}
.inputs_item .loginAuto {width: 50%;float: left;cursor: pointer;}
.checks {width: 15px;margin-right: 3px;}
.checked {width: 15px;margin-right: 3px;}
.btn_register {color: #ff881f;display: inline-block;cursor: pointer;float: right;text-decoration: none;}
.inputs_item .losePasswrd {width: 50%;float: right;text-align: right;}
.losePasswrd .btn-losePasswrd {cursor: pointer;}
.losePasswrd .btn-losePasswrd:hover {color: #0095f8;}
.container {width: 1000px;height: 100%;margin: 0 auto;}
.loginPanel.jump .split{height:1px;border-top: 1px dashed #bfbfbf;margin-top:12px;margin-left: -18px;margin-right: -18px;}
.loginPanel.jump .accountInfo{height: 138px;padding-top: 0px;line-height: 30px;overflow: hidden;}
.loginPanel.jump .logout_btn img{margin-left:5px}
.loginPanel.jump .logout_btn{cursor: pointer;color: #585858;background-color: #f7f7f7;margin-left: -19px;margin-right: -18px;height: 32px;line-height: 32px;padding-left: 18px;font-size: 12px;}
.loginPanel.jump .loginHeader{line-height:25px}
.schools>*{overflow:hidden;}
.headerImg{text-align: center;width:100%;height: 56px;margin-top: 17px;}
.headerImg img{height: 56px;width: 56px;}
.accountInfo .empName{text-align:center;line-height:36px}
.accountInfo .tip{line-height: 13px;height: 13px;margin-top: 13px;}
.logout_btn .arrow{font-size: 13px;}
.login_area>.loginHeader{width: 100%;height: 42px;line-height: 20px;padding-top: 14px;border-bottom: 1px solid #e2e2e2;background: #fff;color:#aeaeae;}
.login_area>.loginHeader>*{width:33.33333%;text-align: center ; font-size: 20px;display: block;float: left;height: 100%;cursor: pointer;}
.login_area>.loginHeader>.active{border-bottom:2px solid #ff7e00;margin-bottom: -1px;color:#838383;}