/**
* å˜é‡Â部åˆâ€
*/
/**
* common å…¬çâ€Â¨Ã¦Â ·å¼Â部åˆâ€
* @author：gaotonglin
*/
input,
select,
textarea {
outline: none;
}
.container {
width: 1200px;
margin: 0 auto 0 auto;
}
/**
* 组件--头部
*/
.nav {
background-color: #F7F7F7;
padding: 16px 0 16px 0;
margin: 0 0 40px 0;
}
.nav .logo {
float: left;
margin: 4px 0 0 0;
}
.nav .logo.shenbi {
width: 155px;
height: 41px;
margin-top: 0;
}
.nav .logo.zhaosheng {
margin-left: 25px;
margin-top: 14px;
}
.nav .logo_txt_big,
.nav .logo_txt_sml {
float: left;
}
.nav .logo_txt_big {
font-size: 26px;
color: #000;
margin: 6px 0 0 20px;
}
.nav .logo_ph,
.nav .logo_qy,
.nav .logo_jt {
float: left;
margin: 8px 17px 0 0;
}
.nav .logo_text {
height: 30px;
line-height: 30px;
float: left;
background: #1b5dc6;
border-radius: 6px;
padding: 0 8px;
color: #ffffff;
font-size: 16px;
letter-spacing: 1px;
margin: 8px 17px 0 0;
}
.nav .logo_txt_sml {
font-size: 14px;
color: #999;
margin: 12px 0 0 22px;
}
.nav .activity_text {
max-width: 165px;
margin-right: 14px;
color: #26622b;
padding-left: 25px;
float: right;
font-size: 16px;
line-height: 41px;
display: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-decoration: underline;
cursor: pointer;
background: url("../img/fire.png") no-repeat left center;
}
.nav .nar_r {
float: right;
position: relative;
}
.nav .nar_r a.link_jigou,
.nav .nar_r a.login_out {
font-size: 16px;
margin: 2px 0 0 0;
}
.nav .nar_r a.link_jigou {
color: #367BE8;
float: left;
margin-top: 10px;
margin-right: 14px;
}
.nav .nar_r a.login_out {
color: #FF4A3F;
float: right;
margin-top: 0;
}
.nav .nar_r .nav_application {
float: left;
margin: 10px 0 0 0px;
position: relative;
}
.nav .nar_r .nav_application li {
float: left;
margin: 0 14px 0 14px;
}
.nav .nar_r .nav_application li.on a,
.nav .nar_r .nav_application li:hover a {
color: #367BE8;
}
.nav .nar_r .nav_application li a {
font-size: 16px;
color: #C1C1C1;
display: block;
padding: 0 4px 10px 4px;
}
.nav .nar_r .nav_application li .userName {
margin-right: -30px;
}
.nav .nar_r .photo {
height: 20px;
float: right;
margin: 10px 0 0 0;
border-left: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
padding: 0 15px;
position: relative;
}
.nav .nar_r .photo:hover .layer {
display: block;
}
.nav .nar_r .photo:hover .photo_tx .photo_hao {
background-image: url("../img/up.png");
}
.nav .nar_r .photo .photo_tx .photo_kuang {
width: 40px;
height: 40px;
border-radius: 50%;
float: left;
}
.nav .nar_r .photo .photo_tx .photo_kuang img {
width: 100%;
height: 100%;
border-radius: 50%;
margin: -8px 0 0 0;
}
.nav .nar_r .photo .photo_tx .photo_hao {
max-width: 250px;
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: url("../img/down.png") no-repeat right center;
float: left;
padding: 0 20px 0 0;
margin: 0 0 0 14px;
}
.nav .nar_r .photo .photo_tx .photo_hao span {
margin-right: 8px;
}
.nav .nar_r .photo .photo_tx .photo_hao .img1 {
-webkit-transition: all 0.5;
transition: all 0.5;
float: right;
display: inline-block;
margin: 5px 0 0 0;
}
.nav .nar_r .photo .layer {
width: 160px;
background: transparent;
padding-top: 44px;
position: absolute;
top: 13px;
left: -38px;
z-index: 1000;
display: none;
}
.nav .nar_r .photo .layer:before {
border: 12px solid transparent;
content: "";
border-bottom-color: #fff;
position: absolute;
left: 62px;
top: 20px;
}
.nav .nar_r .photo .layer ul {
text-align: center;
display: block;
background: #fff;
-webkit-box-shadow: 0px 3px 15px #d3d3d3;
box-shadow: 0px 3px 15px #d3d3d3;
border-radius: 6px;
}
.nav .nar_r .photo .layer ul li {
width: 160px;
display: block;
border-bottom: 1px solid #E9E9E9;
background: url("../img/header/icon_arrow_r.png") no-repeat 140px center;
}
.nav .nar_r .photo .layer ul li.last {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.nav .nar_r .photo .layer ul li:hover {
background-image: url("../img/header/icon_arrow_r_on.png");
}
.nav .nar_r .photo .layer ul li:hover a {
color: #367BE8;
}
.nav .nar_r .photo .layer ul li:hover a.user {
background-image: url("../img/header/icon_user_on.png");
}
.nav .nar_r .photo .layer ul li:hover a.password {
background-image: url("../img/header/icon_pass_on.png");
}
.nav .nar_r .photo .layer ul li:hover a.phone {
background-image: url("../img/header/icon_phone_on.png");
}
.nav .nar_r .photo .layer ul li a {
font-size: 16px;
color: #999;
text-align: left;
line-height: 50px;
display: block;
padding: 0 0 0 40px;
background-repeat: no-repeat;
}
.nav .nar_r .photo .layer ul li a.user {
background-image: url("../img/header/icon_user.png");
background-position: 16px center;
}
.nav .nar_r .photo .layer ul li a.password {
background-image: url("../img/header/icon_pass.png");
background-position: 17px center;
}
.nav .nar_r .photo .layer ul li a.phone {
background-image: url("../img/header/icon_phone.png");
background-position: 18px center;
}
.nav .nar_r .exit {
float: right;
margin: 10px 0 0 14px;
}
.nav .nar_r .exit a {
font-family: "MicrosoftYaHei";
font-size: 16px;
color: #FF4A3F;
}
.nav .partner_zone {
float: right;
margin: 1px 0 0 0;
}
.nav .partner_zone.left {
float: left;
}
.nav .partner_zone.tengyue span,
.nav .partner_zone.standard span {
border-left: 1px solid #D6D6D6;
margin: 12px 7px 0 16px;
padding-left: 10px;
border-right: none;
padding-right: 0;
}
.nav .partner_zone .other_logo {
float: left;
}
.nav .partner_zone span {
font-size: 14px;
color: #999;
height: 20px;
line-height: 20px;
float: left;
border-right: 1px solid #D6D6D6;
margin: 9px 0 0 10px;
padding-right: 14px;
}
.nav .other_link {
float: right;
margin: 10px 0 0 0;
}
.nav .other_link a {
font-size: 16px;
height: 20px;
line-height: 20px;
border-right: 1px solid #D6D6D6;
padding: 0 14px 0 14px;
}
.nav .other_link a:hover {
color: #367BE8;
}
.logo_zhaoshengguanjia {
float: left;
}
.logo_zhaoshengguanjia.index {
margin-top: 5px;
}
.logo_zhaoshengguanjia img {
float: left;
}
.logo_zhaoshengguanjia img.logo {
width: 60px;
height: 60px;
margin-top: -10px;
}
.logo_zhaoshengguanjia img.logo_text_zhao {
width: 111.2px;
height: 27.2px;
margin: 12px 0 0 10px;
}
.logo_zhaoshengguanjia img.logo_slogn {
width: 195.5px;
height: 38.5px;
margin: 10px 0 0 -5px;
}
/**
* 组件--å•选框和å¤Â选框样å¼Â
*/
.checkbox_style {
cursor: pointer;
}
.checkbox_style.on .con {
background-image: url("../img/radio_check_box/check_1_on.png");
}
.checkbox_style.fl {
float: left;
margin-right: 20px;
}
.checkbox_style .con {
color: #666;
background: url("../img/radio_check_box/check_1.png") no-repeat left center;
padding-left: 19px;
}
.checkbox_style .check_box {
display: none;
}
.checkbox_style_no_txt {
width: 12px;
height: 12px;
background: url("../img/radio_check_box/check_1.png") no-repeat 0 0;
cursor: pointer;
}
.checkbox_style_no_txt.center {
margin: 0 auto;
}
.checkbox_style_no_txt.on {
background-image: url("../img/radio_check_box/check_1_on.png");
}
.checkbox_style_no_txt.fl {
float: left;
}
.checkbox_style_no_txt .con {
color: #666;
}
.checkbox_style_no_txt .check_box {
display: none;
}
.radiobox_style {
cursor: pointer;
}
.radiobox_style.fl {
float: left;
}
.radiobox_style.on .con {
color: #27b2fb;
background-image: url("../img/radio_check_box/radio_1_on.png");
}
.radiobox_style .mar_l_10 {
margin-left: 10px;
}
.radiobox_style .con {
color: #C1C1C1;
background: url("../img/radio_check_box/radio_icon.png") no-repeat left center;
margin-right: 10px;
padding: 0 0 0 19px;
}
.radiobox_style .radio {
display: none;
}
/**
* 组件--滑动解éâ€Â
*/
#slider {
width: 338px;
margin-top: 20px;
height: 41px;
position: relative;
border-radius: 2px;
background-color: #E9E9E9;
overflow: hidden;
text-align: center;
-ms-user-select: none;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
#slider_bg {
position: absolute;
left: 0;
top: 0;
height: 100%;
background-color: #7AC23C;
z-index: 1;
}
#label {
width: 46px;
position: absolute;
left: 0;
top: 0;
height: 38px;
line-height: 38px;
border: 1px solid #5093E9;
background: #5093E9;
z-index: 3;
cursor: move;
color: #FFFFFF;
font-size: 16px;
font-weight: 900;
}
#labelTip {
position: absolute;
left: 0;
width: 100%;
height: 100%;
font-size: 13px;
font-family: 'Microsoft Yahei', serif;
color: #787878;
line-height: 38px;
text-align: center;
z-index: 2;
}
/*www.sucaijiayuan.com*/
/**
* 组件--登录登出过渡页
*/
/* 登录注册过度页 */
.login_transition_page_box {
width: 100%;
height: 100%;
background: #f0f0f0;
position: fixed;
left: 0;
top: 0;
}
.login_transition_page_box.new {
background: #fff;
}
.login_transition_page_box.new .login_transition_page {
width: 400px;
height: 300px;
margin-left: -230px;
margin-top: -230px;
}
.login_transition_page_box.new .login_transition_page p {
margin-top: -30px;
}
.login_transition_page {
width: 213px;
height: 276px;
text-align: center;
background: #f0f0f0;
position: absolute;
left: 50%;
top: 50%;
margin: -138px 0 0 -107px;
}
.login_transition_page p {
font-size: 16px;
color: #241e24;
line-height: 1;
margin: 100px 0 0 0;
}
/**
* 组件--layer弹窗自定义-å…¬çâ€Â¨Ã©Æ’¨åˆâ€
*/
.layui-layer.msg_style_define.layui-layer-msg {
display: inline-block;
min-width: 110px;
border-radius: 4px;
border: none;
}
.layui-layer.msg_style_define .layui-layer-content {
text-align: center;
padding: 0;
}
.layui-layer.msg_style_define .layui-layer-content p.content_icon_zone {
text-align: center;
border-radius: 4px;
padding: 10px 25px;
}
.layui-layer.msg_style_define .layui-layer-content p.content_icon_zone.success {
background-color: #1ABA6F;
background-image: -webkit-linear-gradient(315deg, #27D093 0%, #1ABA6F 100%);
background-image: linear-gradient(135deg, #27D093 0%, #1ABA6F 100%);
}
.layui-layer.msg_style_define .layui-layer-content p.content_icon_zone.fail {
background-color: #DB391E;
background-image: -webkit-linear-gradient(315deg, #FC6E51 0%, #DB391E 100%);
background-image: linear-gradient(135deg, #FC6E51 0%, #DB391E 100%);
}
.layui-layer.msg_style_define .layui-layer-content span.content_icon {
color: #fff;
display: inline-block;
background-repeat: no-repeat;
background-position: center left;
}
/**
* 首页
*/
body {
background: #e9e9e9;
}
.main_index .app_index .search {
width: 526px;
margin: 0 auto 60px auto;
}
.main_index .app_index .search .l {
font-size: 18px;
color: #999;
float: left;
margin: 12px 20px 0 0;
}
.main_index .app_index .search .r {
float: left;
}
.main_index .app_index .search .r .inp {
width: 389px;
font-size: 16px;
color: #333;
height: 21px;
line-height: 21px;
border-radius: 8px;
background: url("../img/index_search.png") no-repeat 15px center #fff;
-webkit-box-shadow: 0 5px 10px #D8D8D8;
box-shadow: 0 5px 10px #D8D8D8;
padding: 13px 0 13px 43px;
}
.main_index .app_index .search .r input::-webkit-input-placeholder {
color: #c1c1c1;
}
.main_index .app_index .search .r :-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #c1c1c1;
}
.main_index .app_index .search .r ::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #c1c1c1;
}
.main_index .app_index .search .r input:-ms-input-placeholder {
color: #c1c1c1;
}
.main_index .app_index .menu_list {
width: 1135px;
padding: 0 0 0 0;
margin: 0 auto 0 auto;
}
.main_index .app_index .menu_list li {
width: 340px;
height: 266px;
border-radius: 8px;
float: left;
overflow: hidden;
-webkit-transition: all 0.5s;
transition: all 0.5s;
margin: 0 56px 56px 0;
position: relative;
}
.main_index .app_index .menu_list li.mar_b_0 {
margin-bottom: 0;
}
.main_index .app_index .menu_list li:hover {
-webkit-box-shadow: 0 5px 30px 3px #D8D8D8;
box-shadow: 0 5px 30px 3px #D8D8D8;
}
.main_index .app_index .menu_list li:hover .tip {
bottom: 0;
}
.main_index .app_index .menu_list li.fir {
background-image: -webkit-linear-gradient(315deg, #FC6E51 0%, #DB391E 100%);
background-image: linear-gradient(135deg, #FC6E51 0%, #DB391E 100%);
}
.main_index .app_index .menu_list li.sec {
background-image: -webkit-linear-gradient(315deg, #FFDA7C 0%, #F6A742 100%);
background-image: linear-gradient(135deg, #FFDA7C 0%, #F6A742 100%);
}
.main_index .app_index .menu_list li.sec .desc i {
color: #B48120;
}
.main_index .app_index .menu_list li.sec .pic {
right: 8px;
top: 48px;
}
.main_index .app_index .menu_list li.third {
background-image: -webkit-linear-gradient(315deg, #48CFAD 0%, #19A784 100%);
background-image: linear-gradient(135deg, #48CFAD 0%, #19A784 100%);
}
.main_index .app_index .menu_list li.third .desc i {
color: #138B37;
}
.main_index .app_index .menu_list li.third .pic {
right: 7px;
top: 31px;
}
.main_index .app_index .menu_list li.four {
background-image: -webkit-linear-gradient(315deg, #4FC1E9 0%, #0B9BD0 100%);
background-image: linear-gradient(135deg, #4FC1E9 0%, #0B9BD0 100%);
}
.main_index .app_index .menu_list li.four .desc i {
color: #1B609C;
}
.main_index .app_index .menu_list li.four .pic {
right: 9px;
top: 20px;
}
.main_index .app_index .menu_list li.five {
background-image: -webkit-linear-gradient(315deg, #5D9CEC 0%, #0D65D8 100%);
background-image: linear-gradient(135deg, #5D9CEC 0%, #0D65D8 100%);
}
.main_index .app_index .menu_list li.five .desc i {
color: #1B4C9C;
}
.main_index .app_index .menu_list li.five .pic {
right: 4px;
top: 15px;
}
.main_index .app_index .menu_list li.six {
background-image: -webkit-linear-gradient(315deg, #AC92EC 0%, #7455C3 100%);
background-image: linear-gradient(135deg, #AC92EC 0%, #7455C3 100%);
}
.main_index .app_index .menu_list li.six .desc i {
color: #693D8A;
}
.main_index .app_index .menu_list li.six .pic {
right: 8px;
top: 34px;
}
.main_index .app_index .menu_list li .lock {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
cursor: pointer;
position: absolute;
left: 0;
top: 0;
z-index: 11;
}
.main_index .app_index .menu_list li .lock img {
position: absolute;
left: 50%;
top: 50%;
z-index: 12;
margin: -17px 0 0 -19px;
}
.main_index .app_index .menu_list li.mar_r_0 {
margin-right: 0;
}
.main_index .app_index .menu_list li a {
height: 100%;
display: block;
overflow: hidden;
position: relative;
}
.main_index .app_index .menu_list li .desc {
padding: 95px 0 0 20px;
}
.main_index .app_index .menu_list li .desc span {
font-size: 20px;
color: #fff;
display: block;
margin: 0 0 8px 0;
}
.main_index .app_index .menu_list li .desc i {
font-size: 12px;
color: #C43B3B;
font-style: normal;
}
.main_index .app_index .menu_list li .pic {
position: absolute;
right: 30px;
top: 31px;
}
.main_index .app_index .menu_list li .tip {
width: 100%;
height: 55px;
line-height: 55px;
font-weight: normal;
color: #666;
background: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
padding: 0 0 0 20px;
position: absolute;
bottom: -55px;
left: 0;
z-index: 10;
}
.main_index .app_menu .ctrl_zone {
overflow: hidden;
padding: 0 9px 0 0;
margin: 0 0 30px 0;
}
.main_index .app_menu .ctrl_zone.transparent {
background-color: #e9e9e9;
padding-bottom: 20px;
}
.main_index .app_menu .ctrl_zone .edit,
.main_index .app_menu .ctrl_zone .save {
width: 132px;
height: 37px;
line-height: 37px;
border-radius: 36px;
text-align: center;
float: right;
}
.main_index .app_menu .ctrl_zone .edit {
color: #367BE8;
border: 1px solid #367BE8;
}
.main_index .app_menu .ctrl_zone .save {
color: #fff;
background-color: #367BE8;
}
.main_index .app_menu .quick_menu_list {
min-height: 783px;
padding: 0 9px;
}
.main_index .app_menu .quick_menu_list li {
width: 266px;
height: 211px;
border-radius: 4px;
float: left;
-webkit-transition: all 0.5;
transition: all 0.5;
background-color: #fff;
overflow: hidden;
margin: 0 39px 39px 0;
}
.main_index .app_menu .quick_menu_list li.mar_r_0 {
margin-right: 0;
}
.main_index .app_menu .quick_menu_list li:hover {
background-image: -webkit-linear-gradient(315deg, #5D9CEC 0%, #0D65D8 100%);
background-image: linear-gradient(135deg, #5D9CEC 0%, #0D65D8 100%);
-webkit-box-shadow: 0 3px 15px rgba(13, 101, 216, 0.7);
box-shadow: 0 3px 15px rgba(13, 101, 216, 0.7);
}
.main_index .app_menu .quick_menu_list li:hover a .txt {
color: #fff;
}
.main_index .app_menu .quick_menu_list li:hover a .pic {
padding-top: 10px;
margin-bottom: 10px;
}
.main_index .app_menu .quick_menu_list li a {
display: block;
height: 100%;
padding: 41px 0 0 0;
}
.main_index .app_menu .quick_menu_list li a.quick_1 .pic {
width: 80px;
height: 90px;
background-image: url("../img/index_quick_big_1.png");
}
.main_index .app_menu .quick_menu_list li a.quick_2 {
padding-top: 68px;
}
.main_index .app_menu .quick_menu_list li a.quick_2 .pic {
width: 80px;
height: 72px;
background-image: url("../img/index_quick_big_2.png");
}
.main_index .app_menu .quick_menu_list li a.quick_3 {
padding-top: 62px;
}
.main_index .app_menu .quick_menu_list li a.quick_3 .pic {
width: 76px;
height: 78px;
background-image: url("../img/index_quick_big_3.png");
}
.main_index .app_menu .quick_menu_list li a.quick_4 {
padding-top: 68px;
}
.main_index .app_menu .quick_menu_list li a.quick_4 .pic {
width: 72px;
height: 72px;
background-image: url("../img/index_quick_big_4.png");
}
.main_index .app_menu .quick_menu_list li a.quick_5 {
padding-top: 56px;
}
.main_index .app_menu .quick_menu_list li a.quick_5 .pic {
width: 64px;
height: 84px;
background-image: url("../img/index_quick_big_5.png");
}
.main_index .app_menu .quick_menu_list li a.quick_6 {
padding-top: 72px;
}
.main_index .app_menu .quick_menu_list li a.quick_6 .pic {
width: 72px;
height: 68px;
background-image: url("../img/index_quick_big_6.png");
}
.main_index .app_menu .quick_menu_list li a.quick_7 {
padding-top: 64px;
}
.main_index .app_menu .quick_menu_list li a.quick_7 .pic {
width: 68px;
height: 76px;
background-image: url("../img/index_quick_big_7.png");
}
.main_index .app_menu .quick_menu_list li a.quick_8 {
padding-top: 90px;
}
.main_index .app_menu .quick_menu_list li a.quick_8 .pic {
width: 72px;
height: 50px;
background-image: url("../img/index_quick_big_8.png");
}
.main_index .app_menu .quick_menu_list li a.quick_9 {
padding-top: 68px;
}
.main_index .app_menu .quick_menu_list li a.quick_9 .pic {
width: 72px;
height: 72px;
background-image: url("../img/index_quick_big_9.png");
}
.main_index .app_menu .quick_menu_list li a.quick_10 {
padding-top: 68px;
}
.main_index .app_menu .quick_menu_list li a.quick_10 .pic {
width: 76px;
height: 72px;
background-image: url("../img/index_quick_big_10.png");
}
.main_index .app_menu .quick_menu_list li a.quick_11 {
padding-top: 58px;
}
.main_index .app_menu .quick_menu_list li a.quick_11 .pic {
width: 74px;
height: 82px;
background-image: url("../img/index_quick_big_11.png");
}
.main_index .app_menu .quick_menu_list li a.quick_12 {
padding-top: 56px;
}
.main_index .app_menu .quick_menu_list li a.quick_12 .pic {
width: 90px;
height: 84px;
background-image: url("../img/index_quick_big_12.png");
}
.main_index .app_menu .quick_menu_list li a .pic {
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.5s;
transition: all 0.5s;
margin: 0 auto 20px auto;
}
.main_index .app_menu .quick_menu_list li a .txt {
font-size: 16px;
color: #666;
text-align: center;
}
.main_index .app_menu .quick_menu_list_edit_box {
width: 100%;
height: 100%;
background: #fff;
display: none;
position: absolute;
top: 0;
left: 0;
}
.main_index .app_menu .menu_list_on,
.main_index .app_menu .menu_list {
width: 1135px;
margin-left: auto;
margin-right: auto;
}
.main_index .app_menu .menu_list_on {
overflow: hidden;
padding: 0 0 10px 0;
}
.main_index .app_menu .menu_list_on .menu,
.main_index .app_menu .menu_list_on .total_num {
float: left;
}
.main_index .app_menu .menu_list_on .menu {
height: 30px;
line-height: 30px;
background: #FFCB3F;
border-radius: 4px;
padding: 0 6px 0 16px;
margin: 0 20px 15px 0;
}
.main_index .app_menu .menu_list_on .menu span,
.main_index .app_menu .menu_list_on .menu i {
display: inline-block;
}
.main_index .app_menu .menu_list_on .menu span {
font-size: 14px;
color: #333;
float: left;
padding: 0 7px 0 0;
}
.main_index .app_menu .menu_list_on .menu i {
width: 25px;
height: 30px;
cursor: pointer;
background: url(../img/menu_shut.png) no-repeat center center;
}
.main_index .app_menu .menu_list_on .total_num {
font-size: 14px;
color: #666;
float: left;
margin: 6px 0 0 3px;
}
.main_index .app_menu .menu_list_on .total_num .cur {
color: #FF4A3F;
}
.main_index .app_menu .menu_list {
border-top: 1px dashed #D6D6D6;
padding: 35px 0 0 0;
}
.main_index .app_menu .menu_list .list_single_box {
margin: 0 0 15px 0;
}
.main_index .app_menu .menu_list .list_single {
width: 224px;
float: left;
margin: 0 79px 0 0;
}
.main_index .app_menu .menu_list .list_single.mar_no {
margin-right: 0;
}
.main_index .app_menu .menu_list .list_single .menu_tit {
font-size: 16px;
line-height: 36px;
color: #333;
border-bottom: 1px solid #cfcfcf;
background-repeat: no-repeat;
background-position-x: 0;
padding: 0 0 3px 38px;
margin: 0 0 10px 0;
}
.main_index .app_menu .menu_list .list_single .menu_tit.icon_1 {
background-image: url("../img/index_quick_sml_1.png");
background-position-y: 3px;
}
.main_index .app_menu .menu_list .list_single .menu_tit.icon_2 {
background-image: url("../img/index_quick_sml_2.png");
background-position-y: 6px;
}
.main_index .app_menu .menu_list .list_single .menu_tit.icon_3 {
background-image: url("../img/index_quick_sml_3.png");
background-position-y: 5px;
}
.main_index .app_menu .menu_list .list_single .menu_tit.icon_4 {
background-image: url("../img/index_quick_sml_4.png");
background-position-y: 6px;
}
.main_index .app_menu .menu_list .list_single .menu_tit.icon_5 {
background-image: url("../img/index_quick_sml_5.png");
background-position-y: 6px;
}
.main_index .app_menu .menu_list .list_single .menu_tit.icon_6 {
background-image: url("../img/index_quick_sml_6.png");
background-position-y: 7px;
}
.main_index .app_menu .menu_list .list_single .menu_tit.icon_7 {
background-image: url("../img/index_quick_sml_7.png");
background-position-y: 7px;
}
.main_index .app_menu .menu_list .list_single .menu_tit.icon_8 {
background-image: url("../img/index_quick_sml_8.png");
background-position-y: 10px;
}
.main_index .app_menu .menu_list .list_single .menu_tit.icon_9 {
background-image: url("../img/index_quick_sml_9.png");
background-position-y: 5px;
}
.main_index .app_menu .menu_list .list_single .menu_tit.icon_10 {
background-image: url("../img/index_quick_sml_10.png");
background-position-y: 6px;
}
.main_index .app_menu .menu_list .list_single .menu_tit.icon_11 {
background-image: url("../img/index_quick_sml_11.png");
background-position-y: 5px;
}
.main_index .app_menu .menu_list .list_single .menu_tit.icon_12 {
background-image: url("../img/index_quick_sml_12.png");
background-position-y: 6px;
}
.main_index .app_menu .menu_list .list_single .list {
padding: 0 6px 0 0;
}
.main_index .app_menu .menu_list .list_single .list li {
color: #666;
line-height: 28px;
cursor: pointer;
background: url(../img/menu_add_on.png) no-repeat right 8px;
}
.main_index .app_menu .menu_list .list_single .list li:hover,
.main_index .app_menu .menu_list .list_single .list li.on {
color: #999;
background-image: url(../img/menu_add.png);
}
.main_index .app_menu .menu_list .list_single .list li .tip_num {
width: 100%;
font-size: 12px;
color: #fff;
text-align: center;
border-radius: 6px;
background: #FF4A3F;
padding: 0 3px;
position: absolute;
left: 0;
top: 28px;
z-index: 1000;
}
.presentationClass {
background: url(../img/index_presentation.png) no-repeat !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.presentationClass .layui-layer-content .see {
width: 142px;
height: 38px;
background: #4796fb;
font-size: 16px;
position: absolute;
left: 50%;
bottom: 39px;
margin-left: -71px;
border-radius: 38px;
color: #fff;
text-align: center;
line-height: 38px;
}
.key_wordClass {
background: url(../img/index_keyWord.png) no-repeat !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.key_wordClass .layui-layer-content div {
position: absolute;
left: 125px;
bottom: 210px;
}
.key_wordClass .layui-layer-content div p {
color: #494949;
font-size: 14px;
line-height: 27px;
}
.key_wordClass .layui-layer-content div p span {
color: #3a84e3;
font-size: 19px;
}
.key_wordClass .layui-layer-content .key_word {
font-size: 48px;
font-weight: bold;
color: #3a84e3;
position: absolute;
left: 125px;
bottom: 306px;
}
.key_wordClass .layui-layer-content img {
position: absolute;
left: 130px;
bottom: 94px;
}
.closeLayer {
display: inline-block;
background: #796436;
width: 27px;
height: 27px;
background: #fff;
position: absolute;
right: 5px;
top: 3px;
border-radius: 13.5px;
text-align: center;
line-height: 27px;
}
@media screen and (min-width: 1800px) and (max-width: 1920px) {
.main_index {
margin-top: 65px;
}
.main_index .app_index .menu_list li.fir,
.main_index .app_index .menu_list li.sec,
.main_index .app_index .menu_list li.third {
margin-bottom: 110px;
}
}
/**
* 首页
*/
.main_index .app_data .section ul {
overflow: hidden;
}
.main_index .app_data .section ul :last-child {
margin-right: 0;
float: right;
}
.main_index .app_data .section ul li {
width: 24%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
margin-right: 1.333%;
float: left;
height: 228px;
padding: 0 30px;
}
.main_index .app_data .section ul li .student_old_new {
margin-top: 25px;
float: right;
}
.main_index .app_data .section ul li .student_old_new p .new_student,
.main_index .app_data .section ul li .student_old_new p .old_student {
color: #0076FF;
font-size: 12px;
margin-right: 5px;
}
.main_index .app_data .section ul li .student_old_new p .old_student {
color: #FF4A3F;
}
.main_index .app_data .section ul li .student_old_new p i {
font-style: normal;
margin-right: 10px;
color: #c1c1c1;
}
.main_index .app_data .section ul li .today {
margin-top: 25px;
color: #333;
font-size: 18px;
}
.main_index .app_data .section ul li .look_detail {
color: #0076FF;
float: right;
margin-top: 25px;
font-size: 12px;
width: 100%;
text-align: right;
}
.main_index .app_data .section ul li .data_num {
color: #C1C1C1;
font-size: 50px;
float: right;
padding-left: 15px;
}
.main_index .app_data .section ul li .data_bar {
display: block;
width: 100%;
height: 4px;
background-image: -webkit-linear-gradient(0deg, #48cfad, #19a784);
float: left;
margin-top: 25px;
}
.main_index .app_data .section ul .invite .data_num {
background: url('../img/icon_bule_top.png') no-repeat 0px 30px;
}
.main_index .app_data .section ul .audition .data_num {
background: url('../img/icon_red_bottom.png') no-repeat 0px 30px;
}
.main_index .app_data .section ul .audition .data_bar {
background-image: -webkit-linear-gradient(0deg, #4fc1e9, #0b9bd0);
}
.main_index .app_data .section ul .apply .data_num {
background: url('../img/icon_gray_top.png') no-repeat 0px 30px;
}
.main_index .app_data .section ul .apply .data_bar {
background-image: -webkit-linear-gradient(0deg, #fc6e51, #db391f);
}
.main_index .app_data .main {
height: 476px;
margin-top: 1.333%;
}
.main_index .app_data .main ::before {
content: '';
display: table;
}
.main_index .app_data .main .title_info {
width: 100%;
position: relative;
top: 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
overflow: hidden;
}
.main_index .app_data .main .title_info span {
font-size: 18px;
color: #333;
float: left;
}
.main_index .app_data .main .title_info a {
color: #0076FF;
font-size: 12px;
float: right;
}
.main_index .app_data .main .left_content,
.main_index .app_data .main .right_content {
width: 49.333%;
float: left;
height: 100%;
}
.main_index .app_data .main .right_content {
float: right;
position: relative;
}
.main_index .app_data .main .right_content .week {
position: absolute;
top: 65px;
width: 500px;
}
.main_index .app_data .main .right_content .week li {
float: left;
margin-left: 25px;
margin-top: 10px;
cursor: pointer;
}
.main_index .app_data .main .right_content .week li span {
display: inline-block;
background: #d8d8d8;
border-radius: 50%;
margin-right: 5px;
width: 10px;
height: 10px;
}
.main_index .app_data .main .right_content .week li i {
float: right;
font-style: normal;
margin-left: 3px;
}
.main_index .app_data .main .right_content .right_top,
.main_index .app_data .main .right_content .right_bottom {
height: 47.477%;
background: #fff;
position: relative;
}
.main_index .app_data .main .right_content .right_bottom {
margin-top: 2.833%;
}
.main_index .app_data .main .right_content .right_bottom {
height: 47.1%;
}
.main_index .app_data .main .right_content .right_top {
width: 100%;
height: 49.333%;
}
.main_index .app_data .main .left_content .img_list {
height: 63px;
width: 100%;
position: relative;
margin-top: 134px;
}
.main_index .app_data .main .left_content .img_list li {
width: 63px;
height: 63px;
border-radius: 50%;
border: 1px solid #eee;
float: left;
overflow: hidden;
}
.main_index .app_data .main .left_content .img_list li .total_person {
display: block;
line-height: 63px;
text-align: center;
font-size: 30px;
color: #878787;
}
.main_index .app_data .main .left_content .img_list li img {
width: 100%;
}
.main_index .app_data .main .left_content .img_list li.left-1 {
position: absolute;
left: 50px;
}
.main_index .app_data .main .left_content .img_list li.left-2 {
position: absolute;
left: 100px;
}
.main_index .app_data .main .left_content .img_list li.left-3 {
position: absolute;
left: 150px;
}
.main_index .app_data .main .left_content .today {
margin-top: 25px;
color: #333;
font-size: 18px;
}
.main_index .app_data .main .left_content .look_detail {
color: #0076FF;
float: right;
margin-top: 25px;
font-size: 12px;
width: 100%;
text-align: right;
}
.main_index .app_data .main .left_content .data_num {
color: #C1C1C1;
font-size: 50px;
float: right;
padding-left: 15px;
background: url('../img/icon_bule_top.png') no-repeat 0px 30px;
}
.main_index .app_data .main .left_content .data_bar {
display: block;
width: 100%;
height: 4px;
background-image: -webkit-linear-gradient(0deg, #48cfad, #19a784);
float: left;
margin-top: 20px;
}
.main_index .app_data .main .left_content .detali_left,
.main_index .app_data .main .left_content .detali_right {
width: 48.6%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
margin-right: 1.333%;
float: left;
height: 300px;
padding: 0 30px;
}
.main_index .app_data .main .left_content .detali_left.fl,
.main_index .app_data .main .left_content .detali_right.fl {
float: right;
margin-right: 0;
}
.main_index .app_data .main .left_content .detali_left .data_bar {
background-image: -webkit-linear-gradient(0deg, #ffd97c, #f6a742);
}
.main_index .app_data .main .left_content .detali_right .data_bar {
background-image: -webkit-linear-gradient(0deg, #5d9cec, #0e65d7);
}
.main_index .app_data .main .left_content .detali_bottom {
margin-top: 0;
height: 159px;
position: absolute;
bottom: 0;
left: 0;
width: 49.333%;
margin-top: 17px;
background: #fff;
}
.main_index .app_data .main .left_content .detali_bottom .img_list {
margin-top: 40px;
margin-left: 25px;
}
.main_index .app_data .main .left_content .detali_bottom .img_list li {
margin-left: 4px;
overflow: hidden;
}
.main_index .app_data .main .left_content .detali_bottom .img_list li img {
width: 100%;
}
.main_index .app_data .main .left_content .detali_bottom .title_info {
width: 100%;
position: relative;
top: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
overflow: hidden;
}
.main_index .app_data .main .left_content .detali_bottom .title_info span {
font-size: 18px;
color: #333;
float: left;
}
.main_index .app_data .main .left_content .detali_bottom .title_info a {
color: #0076FF;
font-size: 12px;
float: right;
}
/**
* 登录注册页é¢
*/
.frame_body {
min-width: 0px;
}
.color_body {
background-color: #ffffff;
}
.line {
width: 100%;
height: 1px;
border-bottom: 1px solid #D6D6D6;
position: absolute;
top: 73px;
}
.head {
width: 100%;
height: 70px;
position: fixed;
top: 0px;
z-index: 100;
background: rgba(255, 255, 255, 0.9);
}
.head .head_left {
float: left;
margin: 20px 0 0 82px;
}
.head .head_left li {
float: left;
}
.head .head_left .left_li_1 {
color: #FFFFFF;
margin-top: -5px;
}
.head .head_left .left_li_2 {
color: #333;
margin-left: 15px;
margin-top: -3px;
font-size: 26px;
}
.head .head_left .left_li_3 {
margin-left: 20px;
font-size: 14px;
color: #999999;
line-height: 38px;
}
.head .head_left .left_li_3.slogen {
margin-top: 7px;
margin-left: 18px;
}
.head .head_right {
float: right;
margin: 18px 82px 0 0;
}
.head .head_right li {
float: left;
}
.head .head_right .right_li_1 {
width: 80px;
height: 32px;
margin-right: 8px;
text-align: center;
line-height: 32px;
font-size: 13px;
color: #FFFFFF;
cursor: pointer;
background-color: #367BE8;
border: 1px solid #367BE8;
border-radius: 5px;
}
.head .head_right .right_li_2 {
width: 80px;
height: 32px;
text-align: center;
line-height: 32px;
font-size: 13px;
color: #367BE8;
cursor: pointer;
border-radius: 5px;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-container .swiper-wrapper {
width: 100%;
height: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide {
width: 100%;
height: 100%;
overflow: hidden;
}
.swiper-container .swiper-wrapper .container_txt {
width: 970px;
margin-left: -485px;
position: absolute;
left: 52%;
top: 324px;
z-index: 100;
}
.swiper-container .swiper-wrapper .container_txt.fir.third .people {
width: 1065px;
height: 1432px;
position: absolute;
left: -840px;
top: -410px;
}
.swiper-container .swiper-wrapper .container_txt.fir.sec img,
.swiper-container .swiper-wrapper .container_txt.fir.sec p {
margin-left: 130px;
}
.swiper-container .swiper-wrapper .container_txt.fir p {
font-size: 15px;
letter-spacing: 1px;
color: #e5e5e5;
margin-top: 10px;
}
.swiper-container .swiper-wrapper .container_txt.container_right {
margin-left: -1%;
margin-top: 1%;
}
.swiper-container .swiper-wrapper .container_txt.container_right1 {
margin-left: -2%;
}
.swiper-container .swiper-wrapper .container_txt.container_right1 p {
margin-top: 11px;
}
.swiper-container .swiper-wrapper .container_txt.container_right5 {
margin-top: 2%;
margin-left: -26%;
}
.swiper-container .swiper-wrapper .container_txt.container_left1 {
left: 49%;
top: 36%;
}
.swiper-container .swiper-wrapper .container_txt.container_left2 {
left: 40%;
top: 36%;
}
.swiper-container .swiper-wrapper .container_fun_flolder {
width: 100%;
height: 60px;
background: #000;
opacity: 0.5;
filter: alpha(opacity=50);
position: absolute;
left: 0;
bottom: 0;
z-index: 110;
}
.swiper-container .swiper-wrapper .container_fun {
width: 1200px;
margin: 0 auto;
}
.swiper-container .swiper-wrapper .container_fun.fir p {
font-size: 18px;
color: #fff;
margin-top: 25px;
}
.swiper-container .swiper-wrapper .slide1 .bgc_pic,
.swiper-container .swiper-wrapper .slide2 .bgc_pic,
.swiper-container .swiper-wrapper .slide3 .bgc_pic,
.swiper-container .swiper-wrapper .slide4 .bgc_pic,
.swiper-container .swiper-wrapper .slide5 .bgc_pic {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
position: absolute;
left: 0;
top: 0;
}
.swiper-container .swiper-wrapper .slide1 {
position: relative;
}
.swiper-container .swiper-wrapper .slide1 .bgc_pic {
background-image: url("../img/login_regis_banner/index_beij1.jpg");
}
.swiper-container .swiper-wrapper .slide1.scale_big .bgc_pic {
-webkit-transition: all 5s;
transition: all 5s;
-webkit-transform: scale(1.02, 1.02);
-ms-transform: scale(1.02, 1.02);
transform: scale(1.02, 1.02);
}
.swiper-container .swiper-wrapper .slide1.scale_big.scale_sml .bgc_pic {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.swiper-container .swiper-wrapper .slide1.mask_ani .mask {
visibility: visible;
opacity: 0.2;
filter: alpha(opacity=20);
}
.swiper-container .swiper-wrapper .slide1 .mask {
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
background: #282d0e;
-webkit-transition: all 5s;
transition: all 5s;
position: absolute;
left: 0;
top: 0;
}
.swiper-container .swiper-wrapper .slide1 .slide1_1 {
position: absolute;
bottom: 100px;
left: 47%;
width: 120px;
}
.swiper-container .swiper-wrapper .slide1 .slide1_1 .slide1_1_d {
width: 30px;
height: 33px;
margin: 0 auto 0 auto;
background: url("../img/login_mouse_body.png") no-repeat;
background-position: 4px 0px;
}
.swiper-container .swiper-wrapper .slide1 .slide1_1 .slide1_1_d .slide_mouse_dian {
width: 5px;
height: 9px;
background: url("../img/login_mouse_dian.png") no-repeat 0 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
margin: 0 auto 0 -3px;
position: absolute;
left: 50%;
top: 12px;
}
.swiper-container .swiper-wrapper .slide1 .slide1_1 .slide1_1_p {
font-size: 12px;
color: #FFFFFF;
text-align: center;
word-spacing: 12px;
margin-top: 15px;
}
.swiper-container .swiper-wrapper .slide2 .bgc_pic {
background-image: url("../img/login_regis_banner/index_beij2.jpg");
}
.swiper-container .swiper-wrapper .slide2.scale_big .bgc_pic {
-webkit-transition: all 5s;
transition: all 5s;
-webkit-transform: scale(1.02, 1.02);
-ms-transform: scale(1.02, 1.02);
transform: scale(1.02, 1.02);
}
.swiper-container .swiper-wrapper .slide2.scale_big.scale_sml .bgc_pic {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.swiper-container .swiper-wrapper .slide3 .bgc_pic {
background-image: url("../img/login_regis_banner/index_beij3.jpg");
}
.swiper-container .swiper-wrapper .slide3.mask_ani .mask {
visibility: visible;
opacity: 0.1;
filter: alpha(opacity=10);
}
.swiper-container .swiper-wrapper .slide3 .mask {
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
background: #282d0e;
-webkit-transition: all 5s;
transition: all 5s;
position: absolute;
left: 0;
top: 0;
}
.swiper-container .swiper-wrapper .slide4 .bgc_pic {
background-image: url("../img/login_regis_banner/index_beij4.jpg");
}
.swiper-container .swiper-wrapper .slide4.scale_big .bgc_pic {
-webkit-transition: all 5s;
transition: all 5s;
-webkit-transform: scale(1.02, 1.02);
-ms-transform: scale(1.02, 1.02);
transform: scale(1.02, 1.02);
}
.swiper-container .swiper-wrapper .slide4.scale_big.scale_sml .bgc_pic {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.swiper-container .swiper-wrapper .slide5 .bgc_pic {
background-image: url("../img/login_regis_banner/index_beij5.jpg");
}
.swiper-container .swiper-wrapper .slide5.scale_big .bgc_pic {
-webkit-transition: all 5s;
transition: all 5s;
-webkit-transform: scale(1.12, 1.12);
-ms-transform: scale(1.12, 1.12);
transform: scale(1.12, 1.12);
}
.swiper-container .swiper-wrapper .slide5.scale_big.scale_sml .bgc_pic {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.swiper-container .swiper-wrapper .slide5.mask_ani .mask {
visibility: visible;
opacity: 0.2;
filter: alpha(opacity=20);
}
.swiper-container .swiper-wrapper .slide5 .mask {
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
background: #2D0E0E;
-webkit-transition: all 5s;
transition: all 5s;
position: absolute;
left: 0;
top: 0;
}
.swiper-container .swiper-wrapper .swiper-slide {
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 {
position: absolute;
bottom: 0px;
width: 100%;
height: 60px;
z-index: 103;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 {
width: 1200px;
height: 60px;
margin: 0 auto;
position: absolute;
left: 50%;
top: 19%;
z-index: 104;
margin-left: -600px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul li {
float: left;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .mar_l_icon1 {
margin-left: 4px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .mar_l_icon2 {
margin-left: 37px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .mar_l_icon3 {
margin-left: 40px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .mar_l_icon_1 {
margin-left: 68px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .mar_l_icon_2 {
margin-left: 171px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1.double_margin {
margin-left: 241px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1.double_margin.mar_less {
margin-left: 221px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1.mar_t_1 {
margin-top: 1px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1.mar_t_2 {
margin-top: 3px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1.mar_t_3 {
margin-top: 4px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1 img {
margin-top: 1px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1 .im1 {
margin-top: 1px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1 .im1_1 {
width: 26px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1 .im2 {
margin-top: 7px;
height: 23px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1 .im3_1 {
width: 31px;
height: 31px;
margin-top: 3px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1 .im4_2 {
width: 30px;
height: 27px;
margin-top: 2px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1 .im5_2 {
width: 32px;
margin-top: 3px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1 .im3_2 {
width: 30px;
height: 34px;
margin-top: 2px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1 .large {
color: #ffffff;
font-size: 16px;
letter-spacing: 1px;
margin-left: 89px;
line-height: 1;
padding-bottom: 9px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1 .large1 {
color: #ffffff;
font-size: 16px;
letter-spacing: 1px;
margin-left: 25px;
line-height: 1;
padding-bottom: 9px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1 .large2 {
color: #ffffff;
font-size: 16px;
letter-spacing: 1px;
margin-left: 231px;
line-height: 1;
padding-bottom: 9px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_1 .small {
color: #ffffff;
font-size: 12px;
letter-spacing: 1px;
line-height: 1;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_2 {
margin-left: 12px;
padding-left: 12px;
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_2 .large {
color: #ffffff;
font-size: 16px;
letter-spacing: 1px;
line-height: 1;
padding-bottom: 9px;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_1 ul .slide_ul_2 .small {
color: #ffffff;
font-size: 12px;
letter-spacing: 1px;
line-height: 1;
}
.swiper-container .swiper-wrapper .swiper-slide .slide_1 .slide_1_2 {
width: 100%;
height: 60px;
background-color: #000000;
opacity: 0.3;
}
/*v1.0.0-登录注册页é¢-登录/注册*/
.sign_in {
width: 338px;
margin: 35px 0 0 44px;
}
.sign_in.mar_t_less {
margin-top: 26px;
}
.sign_in .ctrl_p1 {
background-image: url(../img/tip_wrong.jpg);
background-repeat: no-repeat;
background-color: #fffbf8;
background-position: 9px center;
border: 1px solid #fe493f;
font-size: 12px;
line-height: 1;
padding: 5px 10px 5px 24px;
position: absolute;
top: -17px;
right: 0px;
color: #fe493f;
display: none;
}
.sign_in .ctrl_p1:before,
.sign_in .ctrl_p1:after {
border: 5px solid transparent;
content: "";
position: absolute;
left: 14px;
}
.sign_in .ctrl_p1:before {
border-top-color: #fe493f;
top: 23px;
}
.sign_in .ctrl_p1:after {
border-top-color: #ededed;
top: 22px;
}
.sign_in .sign_in_p1 {
width: 100%;
height: 35px;
font-size: 20px;
}
.sign_in .sign_in_p1 li {
line-height: 1;
float: left;
}
.sign_in .sign_in_p1 .sign_in_li1 p {
font-size: 20px;
color: #C1C1C1;
cursor: pointer;
text-align: center;
padding: 0 35px;
}
.sign_in .sign_in_p1 .sign_in_li1 p.on {
color: #367BE8;
}
.sign_in .sign_in_p1 .sign_in_li1.sign_in_li1_1 {
border-left: 1px solid #D6D6D6 ;
}
.sign_in .sign_in_p1 .sign_in_li2 {
line-height: 66px;
font-size: 16px;
color: #C1C1C1;
}
.sign_in .sign_in_1 {
display: none;
}
.sign_in .sign_in_1.mar_t {
margin-top: 70px;
}
.sign_in .sign_in_1.mar_t_yan {
margin-top: 51px;
}
.sign_in .sign_in_1 .in_2_1 .inp2 {
width: 167px;
}
.sign_in .sign_in_1 .in_2_1 .dy {
width: 117px;
height: 43px;
float: right;
cursor: pointer;
margin-top: -43px;
}
.sign_in .sign_in_1 .in_2_1 .dy1 {
background-color: #D7D7D7;
}
.sign_in .sign_in_1 .in_2_1 .dy2 {
color: #ffffff;
line-height: 41px;
text-align: center;
background-color: #367BE8;
}
.sign_in .sign_in_1.show {
display: block;
}
.sign_in .form_top_ctrl {
position: relative;
margin-top: 20px;
}
.sign_in .form_top_ctrl .icon_img {
position: absolute;
}
.sign_in .form_top_ctrl .icon_img.zhang {
left: 9px;
top: 9px;
}
.sign_in .form_top_ctrl .icon_img.mima {
left: 11px;
top: 9px;
}
.sign_in .form_top_ctrl .icon_img.xiao {
left: 11px;
top: 9px;
}
.sign_in .form_top_ctrl .icon_img.duanxin {
left: 9px;
top: 9px;
}
.sign_in .form_top_ctrl .inp1 {
width: 300px;
height: 41px;
border: 1px solid #d7d7d7;
background-position: 6px 8px;
padding-left: 36px;
}
.sign_in .form_top_ctrl .inp1::-webkit-input-placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .inp1::-moz-placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .inp1:-ms-input-placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .inp1::placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .inp2 {
width: 300px;
height: 41px;
border: 1px solid #d7d7d7;
background-position: 6px 8px;
padding-left: 36px;
}
.sign_in .form_top_ctrl .inp2::-webkit-input-placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .inp2::-moz-placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .inp2:-ms-input-placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .inp2::placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .inp3 {
width: 300px;
height: 41px;
border: 1px solid #d7d7d7;
background-position: 6px 8px;
padding-left: 36px;
}
.sign_in .form_top_ctrl .inp3::-webkit-input-placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .inp3::-moz-placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .inp3:-ms-input-placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .inp3::placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .inp4 {
width: 300px;
height: 41px;
border: 1px solid #d7d7d7;
background-position: 6px 8px;
padding-left: 36px;
}
.sign_in .form_top_ctrl .inp4::-webkit-input-placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .inp4::-moz-placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .inp4:-ms-input-placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .inp4::placeholder {
color: #C1C1C1;
}
.sign_in .form_top_ctrl .drop_down {
width: 338px;
height: 41px;
border: 1px solid #d7d7d7;
background: url("../img/zhanghao.png") no-repeat left;
background-position: 6px 8px;
padding-left: 36px;
margin: 20px 0 195px;
}
.sign_in .form_top_ctrl .drop_down option {
height: 41px;
}
.sign_in .form_top_ctrl.validate {
width: 205px;
}
.sign_in .form_top_ctr2 {
position: relative;
}
.sign_in .form_top_ctr2 .inp1 {
width: 300px;
height: 41px;
border: 1px solid #d7d7d7;
background: url("../img/zhanghao.png") no-repeat left;
background-position: 6px 8px;
padding-left: 36px;
}
.sign_in .form_top_ctr2 .stop {
width: 336px;
height: 37px;
overflow: hidden;
border: 1px solid #d7d7d7;
margin-bottom: 20px;
}
.sign_in .form_top_ctr2 .stop div {
width: 300px;
height: 37px;
padding-left: 36px;
line-height: 37px;
border-bottom: 1px solid #EFEFEF;
background-color: #FFFFFF;
z-index: 10;
}
.sign_in .form_top_ctr2 .stop div:hover {
color: #367BE8;
cursor: pointer;
}
.sign_in .form_top_ctr2 .confirm {
width: 338px;
height: 46px;
color: #FFFFFF;
text-align: center;
line-height: 46px;
cursor: pointer;
margin: 0 0 20px 0;
background-color: #367BE8;
position: absolute;
top: 185px;
z-index: -10;
}
.sign_in .drag {
width: 336px;
height: 44px;
margin-top: 20px;
background-color: #367BE8;
}
.sign_in .choice {
overflow: hidden;
margin-top: 17px;
}
.sign_in .choice .checkbox_style {
float: left;
margin-top: 3px;
}
.sign_in .choice .link_service {
font-size: 12px;
color: #367BE8;
}
.sign_in .choice .choice_1 .con {
color: #367BE8;
}
.sign_in .choice .choice_1 .con.con1 {
font-size: 12px;
color: #C1C1C1;
}
.sign_in .choice .choice_1 .con.con1 a {
font-size: 12px;
color: #367BE8;
}
.sign_in .choice .choice_a1 {
float: right;
color: #367BE8;
margin-top: 2px;
}
.sign_in .login {
width: 336px;
height: 46px;
background-color: #367BE8;
font-size: 16px;
color: #FFFFFF;
text-align: center;
line-height: 46px;
cursor: pointer;
margin-top: 48px;
}
.sign_in .login.disable_btn {
background-color: #ABABAB;
}
.sign_in .login1 {
width: 336px;
height: 46px;
background-color: #367BE8;
font-size: 16px;
color: #FFFFFF;
margin-top: 32px;
text-align: center;
line-height: 46px;
cursor: pointer;
}
.sign_in .sign_in_p2 {
color: #C1C1C1;
text-align: center;
margin: 20px 0 0 0;
}
.sign_in .sign_in_p2 a {
color: #367BE8;
}
.sign_in5 {
width: 338px;
margin: 45px 0 0 44px;
}
.sign_in5 .sign_in_p1 {
font-size: 20px;
color: #666666;
}
.sign_in5 .form_top_ctr2 {
margin-top: 40px;
position: relative;
}
.sign_in5 .form_top_ctr2 .stop {
width: 338px;
height: 189px;
max-height: 189px;
overflow: hidden;
border: 1px solid #C1C1C1;
}
.sign_in5 .form_top_ctr2 .stop .stop_2 {
line-height: 42px;
padding: 0 15px;
border-bottom: 1px solid #EFEFEF;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sign_in5 .form_top_ctr2 .stop .stop_2.on {
color: #367BE8;
}
.sign_in5 .form_top_ctr2 .confirm {
width: 340px;
height: 46px;
line-height: 46px;
text-align: center;
color: #ffffff;
cursor: pointer;
background-color: #367BE8;
margin-top: 39px;
}
.gunDong .mCSB_scrollTools .mCSB_draggerRail {
height: 0px;
}
.gunDong .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #E0E0E0;
}
.layui-layer.layui-layer-iframe.eject .layui-layer-content iframe {
border-radius: 4px;
}
/*nav B*/
.gr_r {
width: 220px;
height: 75px;
float: left;
}
.gr_r p {
float: left;
font-size: 13px;
line-height: 75px;
}
.gr_r .tx {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: pink;
float: left;
margin-left: 18px;
margin-top: 14px;
}
.gr_r .jt {
float: right;
margin-right: 10px;
margin-top: 24px;
}
/*nav E*/
/*content B*/
.gr_con {
width: 1200px;
height: 630px;
background-color: #fff;
margin: 0 auto;
}
.gr_con .gr_con_nav {
width: 100%;
height: 53px;
background-color: #fdfdfd;
border: 1px solid #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gr_con .gr_con_nav ul {
list-style-type: none;
}
.gr_con .gr_con_nav ul li {
float: left;
line-height: 51px;
background-color: #fdfdfd;
text-align: center;
}
.gr_con .gr_con_nav ul li.hover {
background-color: #367be8;
}
.gr_con .gr_con_nav ul li.hover a {
color: #fff;
}
.gr_con .gr_con_nav ul li a {
display: inline-block;
width: 132px;
height: 51px;
}
.gr_con .jb_con {
width: 323px;
height: 492px;
margin: 0 auto;
position: relative;
}
.gr_con .jb_con .gr_con_logo {
width: 114px;
height: 114px;
border: 1px solid #d2d2d2;
border-radius: 50%;
margin-top: 30px;
margin-left: -24px;
position: relative;
left: 50%;
text-align: center;
line-height: 165px;
font-size: 36px;
}
.gr_con .jb_con .gr_con_logo a {
position: absolute;
right: 0px;
bottom: 0px;
}
.gr_con .jb_con .phoneNnm {
margin-top: 24px;
position: relative;
}
.gr_con .jb_con .phoneNnm input {
padding-left: 10px;
width: 245px;
height: 44px;
border: 1px solid #e7e7e7;
margin-left: 5px;
}
.gr_con .jb_con .phoneNnm input:focus {
border: 1px solid #5093e9;
}
.gr_con .jb_con .trueName {
margin-top: 15px;
position: relative;
}
.gr_con .jb_con .trueName input {
width: 245px;
height: 44px;
border: 1px solid #e7e7e7;
margin-left: 5px;
padding-left: 10px;
}
.gr_con .jb_con .trueName input:focus {
border: 1px solid #5093e9;
}
.gr_con .jb_con .sex {
margin-top: 15px;
}
.gr_con .jb_con .sex select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 257px;
height: 44px;
border: 1px solid #e7e7e7;
margin-left: 5px;
padding-left: 10px;
background: url("../img/jt.png") no-repeat scroll 226px center transparent;
}
.gr_con .jb_con .sex select:focus {
border: 1px solid #5093e9;
}
.gr_con .jb_con .userName {
margin-top: 15px;
position: relative;
}
.gr_con .jb_con .userName input {
width: 245px;
height: 44px;
border: 1px solid #e7e7e7;
margin-left: 5px;
padding-left: 10px;
}
.gr_con .jb_con .userName input:focus {
border: 1px solid #5093e9;
}
.gr_con .jb_con .email {
margin-top: 15px;
position: relative;
}
.gr_con .jb_con .email input {
width: 245px;
height: 44px;
border: 1px solid #e7e7e7;
margin-left: 5px;
padding-left: 10px;
}
.gr_con .jb_con .email input:focus {
border: 1px solid #5093e9;
}
.gr_con .jb_con .sub {
width: 247px;
height: 45px;
color: #367be8;
background-color: rgba(54, 123, 232, 0.15);
border: 1px solid #367be8;
border-radius: 5px;
position: absolute;
bottom: -14px;
left: 50%;
margin-left: -93px;
font-size: 16px;
cursor: pointer;
}
.gr_con .jb_con .sub:hover {
background-color: #367be8;
color: #fff;
}
.gr_con .jb_con .disable_btn {
background-color: #ecf3fd;
border: 1px solid #e7e7e7;
color: #b6b6b6;
width: 247px;
height: 45px;
border-radius: 5px;
position: absolute;
bottom: -14px;
left: 50%;
margin-left: -93px;
font-size: 16px;
cursor: pointer;
}
.gr_con .jb_con .change {
width: 52px;
height: 13px;
position: absolute;
right: -55px;
top: 12px;
}
.gr_con .jb_con .change a {
color: #4c86ea;
}
.gr_con input::-webkit-input-placeholder {
/* WebKit browsers */
color: #bababa;
}
.phonedef {
position: absolute;
left: 324px;
top: 12px;
color: red;
padding-left: 10px;
width: 200px;
}
.phonedef span {
position: absolute;
top: 3px;
left: 0px;
}
.phonedef1 {
position: absolute;
left: 382px;
}
.phonedef2 {
position: absolute;
left: 432px;
}
.phonedef3 {
position: absolute;
left: 378px;
}
.phonedef5 {
position: absolute;
left: 350px;
}
.phonedef4 {
background: url(../img/tanhao.png) no-repeat left center;
}
/*content E*/
.gr_con_phone {
width: 1200px;
min-height: 630px;
background-color: #fff;
margin: 0 auto;
position: relative;
}
.gr_con_phone .gr_con_nav {
width: 100%;
height: 53px;
background-color: #fdfdfd;
border: 1px solid #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gr_con_phone .gr_con_nav ul {
list-style-type: none;
}
.gr_con_phone .gr_con_nav ul li {
float: left;
line-height: 51px;
background-color: #fdfdfd;
text-align: center;
}
.gr_con_phone .gr_con_nav ul li.hover {
background-color: #367be8;
}
.gr_con_phone .gr_con_nav ul li.hover a {
color: #fff;
}
.gr_con_phone .gr_con_nav ul li a {
display: inline-block;
width: 132px;
height: 51px;
}
.gr_con_phone .chphone {
width: 394px;
height: 242px;
margin: 0 auto;
margin-top: 54px;
position: relative;
}
.gr_con_phone .chphone .Nnm {
margin-top: 54px;
}
.gr_con_phone .chphone .Nnm input {
width: 245px;
height: 40px;
border: 1px solid #e7e7e7;
margin-left: 5px;
padding-left: 8px;
}
.gr_con_phone .chphone .Nnm input:focus {
border: 1px solid #5093e9;
}
.gr_con_phone .chphone .check {
margin-top: 15px;
position: relative;
}
.gr_con_phone .chphone .check input {
width: 122px;
height: 42px;
border: 1px solid #e7e7e7;
margin-left: 5px;
padding-left: 8px;
}
.gr_con_phone .chphone .check input:focus {
border: 1px solid #5093e9;
}
.gr_con_phone .chphone .check .check_ma {
position: absolute;
top: 0px;
right: 46px;
text-align: center;
line-height: 42px;
width: 110px;
height: 42px;
border: 1px solid #e7e7e7;
}
.gr_con_phone .chphone .auth {
margin-top: 15px;
position: relative;
}
.gr_con_phone .chphone .auth input {
width: 122px;
height: 42px;
border: 1px solid #e7e7e7;
margin-left: 5px;
padding-left: 8px;
}
.gr_con_phone .chphone .auth input:focus {
border: 1px solid #5093e9;
}
.gr_con_phone .chphone .auth .auth_ma {
position: absolute;
top: 0px;
right: 46px;
width: 112px;
height: 44px;
border: 1px solid #e7e7e7;
color: #5093e9;
background-color: #fff;
text-align: center;
line-height: 42px;
}
.gr_con_phone .chphone .auth .auth_def {
background-color: #ecf3fd!important;
color: #b6b6b6;
}
.gr_con_phone .chphone .input {
width: 243px;
height: 45px;
border: 1px solid #5093e9;
border-radius: 5px;
background-color: rgba(54, 123, 232, 0.15);
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -104px;
text-align: center;
line-height: 44px;
padding: 0px;
color: #367be8;
cursor: pointer;
font-size: 16px;
}
.gr_con_phone .chphone .input:hover {
background-color: #367be8;
color: #fff;
}
.gr_con_phone .chphone .input:hover a {
color: #fff;
}
.gr_con_phone .chphone .input a {
display: block;
width: 243px;
height: 45px;
background-color: rgba(54, 123, 232, 0.15);
color: #367be8;
font-size: 16px;
}
.gr_con_phone .phonedefin {
position: absolute;
right: 138px;
top: 120px;
width: 135px;
color: red;
}
.gr_con_phone .phonedefin1 {
position: absolute;
right: 138px;
top: 178px;
width: 135px;
color: red;
}
.gr_con_phone .phonedefin2 {
position: absolute;
right: 138px;
top: 240px;
width: 135px;
color: red;
}
.gr_con_phone .phonedefin span,
.gr_con_phone .phonedefin1 span,
.gr_con_phone .phonedefin2 span {
position: absolute;
top: 3px;
left: -16px;
}
.gr_con_phone input::-webkit-input-placeholder {
/* WebKit browsers */
color: #bababa;
}
.gr_con_phone .chphone .newNnm {
margin-top: 54px;
}
.gr_con_phone .chphone .input1 {
width: 245px;
height: 40px;
border: 1px solid #ebebeb;
margin-left: 18px;
padding-left: 10px;
}
.gr_con_phone .chphone .input1:focus {
border: 1px solid #5093e9;
}
.gr_con_phone .disable_btn {
background-color: #ecf3fd;
border: 1px solid #e7e7e7;
color: #b6b6b6;
width: 243px;
height: 45px;
border-radius: 5px;
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -104px;
cursor: pointer;
font-size: 16px;
}
.gr_con_pass {
width: 1200px;
min-height: 630px;
background-color: #fff;
margin: 0 auto;
}
.gr_con_pass .gr_con_nav {
width: 100%;
height: 53px;
background-color: #fdfdfd;
border: 1px solid #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gr_con_pass .gr_con_nav ul {
list-style-type: none;
}
.gr_con_pass .gr_con_nav ul li {
float: left;
line-height: 51px;
background-color: #fdfdfd;
text-align: center;
}
.gr_con_pass .gr_con_nav ul li.hover {
background-color: #367be8;
}
.gr_con_pass .gr_con_nav ul li.hover a {
color: #fff;
}
.gr_con_pass .gr_con_nav ul li a {
display: inline-block;
width: 132px;
height: 51px;
}
.gr_con_pass .password {
width: 505px;
height: 356px;
margin: 0 auto;
margin-top: 54px;
position: relative;
}
.gr_con_pass .password .password1 {
position: relative;
}
.gr_con_pass .password .password1 span {
color: red;
}
.gr_con_pass .password .password1 label {
margin-left: 15px;
}
.gr_con_pass .password .password1 input {
width: 245px;
height: 40px;
border: 1px solid #ebebeb;
margin-left: 10px;
padding-left: 10px;
}
.gr_con_pass .password .password1 input:focus {
border: 1px solid #5093e9;
}
.gr_con_pass .password .password2 {
margin-top: 15px;
position: relative;
}
.gr_con_pass .password .password2 span {
color: red;
}
.gr_con_pass .password .password2 label {
margin-left: 15px;
}
.gr_con_pass .password .password2 input {
width: 245px;
height: 40px;
border: 1px solid #ebebeb;
margin-left: 10px;
padding-left: 10px;
}
.gr_con_pass .password .password2 input:focus {
border: 1px solid #5093e9;
}
.gr_con_pass .password .phone {
margin-top: 15px;
position: relative;
}
.gr_con_pass .password .phone span {
color: red;
}
.gr_con_pass .password .phone label {
margin-left: 15px;
}
.gr_con_pass .password .phone input {
width: 245px;
height: 40px;
border: 1px solid #ebebeb;
margin-left: 10px;
padding-left: 10px;
}
.gr_con_pass .password .phone input:focus {
border: 1px solid #5093e9;
}
.gr_con_pass .password .check {
margin-top: 15px;
position: relative;
}
.gr_con_pass .password .check span {
color: red;
}
.gr_con_pass .password .check label {
margin-left: 15px;
}
.gr_con_pass .password .check input {
width: 122px;
height: 42px;
border: 1px solid #ebebeb;
margin-left: 10px;
padding-left: 10px;
}
.gr_con_pass .password .check input:focus {
border: 1px solid #5093e9;
}
.gr_con_pass .password .check .check_ma {
position: absolute;
top: 0px;
right: 125px;
text-align: center;
line-height: 42px;
width: 110px;
height: 42px;
border: 1px solid #ebebeb;
}
.gr_con_pass .password .auth {
margin-top: 15px;
position: relative;
}
.gr_con_pass .password .auth span {
color: red;
}
.gr_con_pass .password .auth label {
margin-left: 15px;
}
.gr_con_pass .password .auth input {
width: 122px;
height: 42px;
border: 1px solid #ebebeb;
margin-left: 10px;
padding-left: 10px;
}
.gr_con_pass .password .auth input:focus {
border: 1px solid #5093e9;
}
.gr_con_pass .password .auth .auth_ma {
position: absolute;
top: 0px;
right: 125px;
width: 110px;
height: 44px;
border: 1px solid #ebebeb;
color: #5093e9;
background-color: #fff;
text-align: center;
line-height: 42px;
}
.gr_con_pass .password .auth .auth_def {
background-color: #ecf3fd!important;
color: #b6b6b6;
}
.gr_con_pass .password .input {
width: 248px;
height: 45px;
color: #367be8;
border: 1px solid #5093e9;
border-radius: 5px;
background-color: rgba(54, 123, 232, 0.15);
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -128px;
cursor: pointer;
font-size: 16px;
}
.gr_con_pass .password .input:hover {
background-color: #367be8;
color: #fff;
}
.gr_con_pass .password .disable_btn {
background-color: #ecf3fd;
border: 1px solid #e7e7e7;
color: #b6b6b6;
width: 248px;
height: 45px;
border-radius: 5px;
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -128px;
cursor: pointer;
font-size: 16px;
}
.gr_con_pass .password .change {
width: 52px;
height: 13px;
position: absolute;
right: 68px;
top: 124px;
}
.gr_con_pass .password .change a {
color: #4c86ea;
}
.gr_con_pass input::-webkit-input-placeholder {
/* WebKit browsers */
color: #bababa;
}
@media (max-height: 940px) {
body .school_app {
background-position: 0 -70px;
height: 100%;
}
body .school_app .text_content {
margin-top: 50px;
}
body .school_app .hover_load {
margin-top: 50px;
}
}
.school_app {
width: 100%;
height: 100%;
background: #2c6af9 url('../img/app/school_bg.png') no-repeat 0 0;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
margin-top: -40px;
}
.school_app::before {
content: '';
display: table;
}
.school_app .text_content {
width: 419px;
margin: 0 auto;
text-align: center;
margin-top: 100px;
}
.school_app .text_content h1 {
font-size: 36px;
color: #fff;
margin-bottom: 20px;
}
.school_app .text_content p {
color: #fff;
line-height: 30px;
}
.school_app .hover_load {
width: 169px;
height: 53px;
margin: 0 auto;
margin-top: 130px;
}
.school_app .hover_load:hover .er_code {
display: block;
}
.school_app .hover_load > p {
color: #fff;
text-align: center;
border: 2px solid #fff;
border-radius: 10px;
height: 100%;
line-height: 53px;
letter-spacing: 3px;
}
.school_app .hover_load > p:hover {
background: #fff ;
color: #305DF4;
border-radius: 10px;
}
.school_app .hover_load .er_code {
width: 169px;
height: 230px;
background: #fff;
margin-top: 20px;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
display: none;
z-index: 1000;
}
.school_app .hover_load .er_code .triangle {
position: absolute;
top: -20px;
left: 50%;
width: 0;
height: 0;
border: 10px solid transparent;
border-bottom-color: #fff;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}
.school_app .hover_load .er_code h3 img {
width: 100%;
}
.school_app .hover_load .er_code h4 {
text-align: center;
margin-top: 10px;
line-height: 30px;
}
.school_app .hover_load .er_code span {
display: block;
width: 20px;
border-top: 2px solid #21A9FE;
margin: 0 auto;
margin-top: 15px;
}
.school_app .img_list {
position: relative;
width: 1200px;
height: 512px;
margin: 0 auto;
margin-top: 35px;
overflow: hidden;
}
.school_app .img_list .top_img {
position: absolute;
top: 512px;
left: 50%;
z-index: 15;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
-webkit-box-shadow: 2px 130px 138px 3px #bbbbbb;
box-shadow: 2px 130px 138px 3px #bbbbbb;
}
.school_app .img_list .middle_img {
position: absolute;
bottom: -445px;
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
z-index: 10;
width: 60%;
margin: 0 auto;
-webkit-box-shadow: 2px 130px 138px 13px #bbbbbb;
box-shadow: 2px 130px 138px 13px #bbbbbb;
}
.school_app .img_list .middle_img .left {
float: left;
}
.school_app .img_list .middle_img .right {
float: right;
}
.school_app .img_list .bottom_img {
position: absolute;
bottom: -358px;
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
z-index: 5;
width: 85%;
margin: 0 auto;
}
.school_app .img_list .bottom_img .left {
float: left;
}
.school_app .img_list .bottom_img .right {
float: right;
}
@media (max-height: 940px) {
body .parent_app {
background-position: 0 -70px;
height: 100%;
}
body .parent_app .text_content {
margin-top: 50px;
}
body .parent_app .img_list {
margin-top: 130px;
}
}
.parent_app {
width: 100%;
height: 913px;
background: #b40612 url('../img/app/parent_bg.png') no-repeat 0 0;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
margin-top: -40px;
}
.parent_app::before {
content: '';
display: table;
}
.parent_app .text_content {
width: 419px;
margin: 0 auto;
text-align: center;
margin-top: 100px;
}
.parent_app .text_content h1 {
font-size: 32px;
color: #fff;
margin-bottom: 20px;
}
.parent_app .text_content p {
color: #fff;
line-height: 30px;
}
.parent_app .img_list {
position: relative;
width: 1200px;
height: 512px;
margin: 0 auto;
margin-top: 35px;
overflow: hidden;
margin-top: 180px;
}
.parent_app .img_list .top_img {
position: absolute;
top: 512px;
left: 50%;
z-index: 15;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
-webkit-box-shadow: 2px 130px 138px 3px #bbbbbb;
box-shadow: 2px 130px 138px 3px #bbbbbb;
}
.parent_app .img_list .middle_img {
position: absolute;
bottom: -445px;
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
z-index: 10;
width: 60%;
margin: 0 auto;
-webkit-box-shadow: 2px 130px 138px 13px #bbbbbb;
box-shadow: 2px 130px 138px 13px #bbbbbb;
}
.parent_app .img_list .middle_img .left {
float: left;
}
.parent_app .img_list .middle_img .right {
float: right;
}
.parent_app .img_list .bottom_img {
position: absolute;
bottom: -358px;
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
z-index: 5;
width: 85%;
margin: 0 auto;
}
.parent_app .img_list .bottom_img .left {
float: left;
}
.parent_app .img_list .bottom_img .right {
float: right;
}
.login_entrance {
background: #f7fafc;
}
.login_entrance .nav {
margin-top: 0;
background: #fff;
}
.login_entrance .box_shadow {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 2;
background: rgba(29, 29, 29, 0.8);
}
.login_entrance .prompt_message {
width: auto;
border-radius: 5px;
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 5;
overflow: hidden;
padding: 40px 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.login_entrance .prompt_message p {
font-size: 25px;
margin-bottom: 20px;
color: #000;
}
.login_entrance .prompt_message a {
font-size: 20px;
color: #0066cc;
}
.login_entrance .remind {
width: 567px;
height: 400px;
background: #ffffff;
border-radius: 10px;
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
overflow: hidden;
}
.login_entrance .remind .top {
width: 100%;
height: 135px;
background: url("../img/index_study/top_remind.png") no-repeat center;
}
.login_entrance .remind .top.tip {
background-image: url("../img/index_study/top_remind_tip.png");
}
.login_entrance .remind .bottom .aixuexi_logo {
width: 100%;
margin: 50px 0 35px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.login_entrance .remind .bottom .aixuexi_logo :nth-child(2) {
margin: 0 40px;
}
.login_entrance .remind .bottom p {
text-align: center;
font-size: 17px;
color: #333;
margin-bottom: 15px;
}
.login_entrance .login_view {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 54px;
}
.login_entrance .login_view .type_module {
width: 1332px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.login_entrance .login_view .type_module .type_title {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 38px;
}
.login_entrance .login_view .type_module .type_title .type_icon {
width: 30px;
height: 30px;
margin-right: 20px;
}
.login_entrance .login_view .type_module .type_title .type_name {
font-size: 26px;
color: #434343;
font-family: SourceHanSansCN-Regular;
margin-right: 20px;
}
.login_entrance .login_view .type_module .type_title .cut_off {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border: 0.8px dashed #ccc;
margin-right: 92px;
}
.login_entrance .login_view .type_module .apps_box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.login_entrance .login_view .type_module .apps_box .rcode_box {
overflow: hidden;
}
.login_entrance .login_view .type_module .apps_box .rcode_box:hover .QRcode {
top: 0%;
}
.login_entrance .login_view .type_module .apps_box .app_view:hover {
cursor: pointer;
}
.login_entrance .login_view .type_module .apps_box .app_view {
width: 390px;
height: 188px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 34px;
margin-right: 54px;
margin-bottom: 51px;
border-radius: 10px;
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
position: relative;
-webkit-box-shadow: 5px 5px 18px #819cc1;
box-shadow: 5px 5px 18px #819cc1;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_left {
margin-right: 20px;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_left .view_icon {
width: 100px;
height: 100px;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_right {
padding-right: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_right .app_name {
font-family: MicrosoftYaHei;
font-size: 48px;
color: #fff;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_right .small {
font-size: 42px;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_right .mini {
font-size: 36px;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_right .app_explanation {
font-family: SourceHanSansCN-Regular;
font-size: 22px;
color: #fff;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_right .somini {
font-size: 19px;
}
.login_entrance .login_view .type_module .apps_box .app_view .QRcode {
width: 100%;
height: 100%;
position: absolute;
top: 100%;
left: 0px;
background: rgba(29, 29, 29, 0.8);
border-radius: 5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all .3s;
transition: all .3s;
}
.login_entrance .login_view .type_module .apps_box .app_view .QRcode .img {
width: 117px;
height: 117px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 117px 117px;
background-size: 117px 117px;
}
.login_entrance .login_view .type_module .apps_box .app_view .QRcode .img.student {
background-image: url("../img/index_study/QRcode_student.png");
}
.login_entrance .login_view .type_module .apps_box .app_view .QRcode .img.teacher {
background-image: url("../img/index_study/QRcode_teacher.png");
}
.login_entrance .login_view .type_module .apps_box .app_view .QRcode .msg {
height: 117px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.login_entrance .login_view .type_module .apps_box .app_view .QRcode .msg p {
font-size: 16px;
color: #fff;
letter-spacing: 1px;
line-height: 25px;
margin: 0 20px;
}
@media screen and (max-width: 1900px) {
.login_entrance .login_view {
padding-left: 39px;
}
.login_entrance .login_view .type_module {
width: 948px;
}
.login_entrance .login_view .type_module .type_title {
margin-bottom: 26px;
}
.login_entrance .login_view .type_module .type_title .type_icon {
width: 24px;
height: 24px;
margin-right: 16px;
}
.login_entrance .login_view .type_module .type_title .type_name {
font-size: 19px;
margin-right: 16px;
}
.login_entrance .login_view .type_module .type_title .cut_off {
margin-right: 63px;
}
.login_entrance .login_view .type_module .apps_box .app_view {
width: 277px;
height: 134px;
padding-left: 25px;
margin-right: 39px;
margin-bottom: 37px;
border-radius: 8px;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_left {
margin-right: 14px;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_left .view_icon {
width: 71px;
height: 71px;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_right {
padding-right: 12px;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_right .app_name {
font-size: 34px;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_right .small {
font-size: 28px;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_right .mini {
font-size: 24px;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_right .app_explanation {
font-size: 16px;
}
.login_entrance .login_view .type_module .apps_box .app_view .view_right .somini {
font-size: 13px;
}
.login_entrance .login_view .type_module .apps_box .app_view .QRcode .img {
width: 80px;
height: 80px;
-webkit-background-size: 80px 80px;
background-size: 80px 80px;
}
.login_entrance .login_view .type_module .apps_box .app_view .QRcode .msg {
height: 80px;
}
.login_entrance .login_view .type_module .apps_box .app_view .QRcode .msg p {
font-size: 13px;
line-height: 20px;
}
}
.index_new {
background: #f7fafc;
}
.index_new .nav {
margin: 0;
background: #fff;
}
.index_new .shade_black {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background: #000;
opacity: .8;
}
.index_new .shade_black.a {
border-radius: 5px;
}
.index_new .shade_black.body {
position: fixed;
}
.index_new > .container {
padding-top: 40px;
}
.index_new > .container .tms_app,
.index_new > .container .crm_cloud {
position: relative;
}
.index_new > .container .tms_app ul li,
.index_new > .container .crm_cloud ul li {
float: left;
border-radius: 5px;
}
.index_new > .container .tms_app ul li a,
.index_new > .container .crm_cloud ul li a {
width: 388px;
height: 186px;
display: block;
float: left;
-webkit-transition: all 200ms;
transition: all 200ms;
}
.index_new > .container .tms_app ul li .big_title,
.index_new > .container .crm_cloud ul li .big_title {
font-size: 26px;
color: #fff;
margin: 27px 0 10px 20px;
}
.index_new > .container .tms_app ul li .content,
.index_new > .container .crm_cloud ul li .content {
font-size: 16px;
margin-left: 20px;
}
.index_new > .container .tms_app a,
.index_new > .container .crm_cloud a {
border-radius: 5px;
overflow: hidden;
position: relative;
}
.index_new > .container .tms_app a.no_enlarge,
.index_new > .container .crm_cloud a.no_enlarge {
cursor: default;
}
.index_new > .container .tms_app a:not(.no_enlarge):hover,
.index_new > .container .crm_cloud a:not(.no_enlarge):hover {
-webkit-box-shadow: 0 4px 15px 0 rgba(36, 36, 36, 0.36);
box-shadow: 0 4px 15px 0 rgba(36, 36, 36, 0.36);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.index_new > .container .tms_app a .no_buy,
.index_new > .container .crm_cloud a .no_buy {
width: 100%;
height: 100%;
background: url("../img/index_new/lock.png") no-repeat right top;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
}
.index_new > .container .tms_app a .no_online_box,
.index_new > .container .crm_cloud a .no_online_box {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: url("../img/index_new/no_online.png") no-repeat right top;
}
.index_new > .container .tms_app > div,
.index_new > .container .crm_cloud > div {
float: left;
}
.index_new > .container .tms_app > div .title,
.index_new > .container .crm_cloud > div .title {
height: 28px;
line-height: 25px;
font-size: 28px;
color: #333333;
padding-left: 10px;
border-left: 7px solid #fff;
margin-bottom: 27px;
}
.index_new > .container .tms_app > div.tms,
.index_new > .container .crm_cloud > div.tms {
width: 812px;
}
.index_new > .container .tms_app > div.tms .title,
.index_new > .container .crm_cloud > div.tms .title {
border-color: #44cfbe;
}
.index_new > .container .tms_app > div.tms > div,
.index_new > .container .crm_cloud > div.tms > div {
float: left;
}
.index_new > .container .tms_app > div.tms > div.left,
.index_new > .container .crm_cloud > div.tms > div.left {
position: relative;
}
.index_new > .container .tms_app > div.tms > div.left .crm_plate,
.index_new > .container .crm_cloud > div.tms > div.left .crm_plate {
width: 388px;
height: 390px;
display: block;
border-radius: 5px;
background: url("../img/index_new3/tsm.png") no-repeat center center;
overflow: hidden;
-webkit-transition: all 200ms;
transition: all 200ms;
margin-right: 18px;
}
.index_new > .container .tms_app > div.tms > div.left .crm_plate .big_title,
.index_new > .container .crm_cloud > div.tms > div.left .crm_plate .big_title {
margin: 18px 0 0 32px;
font-size: 60px;
color: #fff;
}
.index_new > .container .tms_app > div.tms > div.left .crm_plate .content,
.index_new > .container .crm_cloud > div.tms > div.left .crm_plate .content {
font-size: 24px;
line-height: 16px;
color: #1a7171;
margin-left: 32px;
margin-top: 3px;
}
.index_new > .container .tms_app > div.tms > div.left .crm_plate.crm,
.index_new > .container .crm_cloud > div.tms > div.left .crm_plate.crm {
background: url("../img/index_new3/crm.png") no-repeat center center;
}
.index_new > .container .tms_app > div.tms > div.right,
.index_new > .container .crm_cloud > div.tms > div.right {
width: 406px;
}
.index_new > .container .tms_app > div.tms > div.right ul li,
.index_new > .container .crm_cloud > div.tms > div.right ul li {
float: left;
}
.index_new > .container .tms_app > div.tms > div.right ul li .content,
.index_new > .container .crm_cloud > div.tms > div.right ul li .content {
color: #1a7171;
}
.index_new > .container .tms_app > div.tms > div.right ul li:nth-child(1),
.index_new > .container .crm_cloud > div.tms > div.right ul li:nth-child(1) {
margin-bottom: 20px;
}
.index_new > .container .tms_app > div.tms > div.right ul li:nth-child(1) a,
.index_new > .container .crm_cloud > div.tms > div.right ul li:nth-child(1) a {
background: url("../img/index_new3/jiashicang.png") no-repeat center center;
}
.index_new > .container .tms_app > div.tms > div.right ul li:nth-child(1) a.zhaosheng,
.index_new > .container .crm_cloud > div.tms > div.right ul li:nth-child(1) a.zhaosheng {
background: url("../img/index_new3/zhaoshnegxiu.png") no-repeat center center;
}
.index_new > .container .tms_app > div.tms > div.right ul li:nth-child(1) a.crm,
.index_new > .container .crm_cloud > div.tms > div.right ul li:nth-child(1) a.crm {
background: url("../img/index_new3/crm_s.png") no-repeat center center;
}
.index_new > .container .tms_app > div.tms > div.right ul li:nth-child(2) a,
.index_new > .container .crm_cloud > div.tms > div.right ul li:nth-child(2) a {
background: url("../img/index_new3/ceping.png") no-repeat center center;
}
.index_new > .container .tms_app > div.tms > div.right ul li:nth-child(2) a.jianzhan,
.index_new > .container .crm_cloud > div.tms > div.right ul li:nth-child(2) a.jianzhan {
background: url("../img/index_new3/jianzhan.png") no-repeat center center;
}
.index_new > .container .tms_app > div.tms > div.right ul li:nth-child(2) a.souke_h,
.index_new > .container .crm_cloud > div.tms > div.right ul li:nth-child(2) a.souke_h {
background: url("../img/index_new3/soueke_h.png") no-repeat center center;
}
.index_new > .container .tms_app > div.app .title,
.index_new > .container .crm_cloud > div.app .title {
border-color: #c473e9;
}
.index_new > .container .tms_app > div.app div.content,
.index_new > .container .crm_cloud > div.app div.content {
width: 285px;
}
.index_new > .container .tms_app > div.app div.content ul li .content,
.index_new > .container .crm_cloud > div.app div.content ul li .content {
color: #662fa0;
}
.index_new > .container .tms_app > div.app div.content ul li:nth-child(1),
.index_new > .container .crm_cloud > div.app div.content ul li:nth-child(1) {
margin-bottom: 20px;
}
.index_new > .container .tms_app > div.app div.content ul li:nth-child(1) a,
.index_new > .container .crm_cloud > div.app div.content ul li:nth-child(1) a {
background: url("../img/index_new3/jiazhangapp.png") no-repeat center center;
}
.index_new > .container .tms_app > div.app div.content ul li:nth-child(1) a.zhibo,
.index_new > .container .crm_cloud > div.app div.content ul li:nth-child(1) a.zhibo {
background: url("../img/index_new3/zhibo.png") no-repeat center center;
}
.index_new > .container .tms_app > div.app div.content ul li:nth-child(2) a,
.index_new > .container .crm_cloud > div.app div.content ul li:nth-child(2) a {
background: url("../img/index_new3/aixiaoapp.png") no-repeat center center;
}
.index_new > .container .tms_app > div.app div.content ul li:nth-child(2) a.more,
.index_new > .container .crm_cloud > div.app div.content ul li:nth-child(2) a.more {
background: url("../img/index_new3/more.png") no-repeat center center;
}
.index_new > .container .tms_app > div.app div.content ul li:nth-child(2) a.more .big_title,
.index_new > .container .crm_cloud > div.app div.content ul li:nth-child(2) a.more .big_title {
margin-bottom: 0;
}
.index_new > .container .tms_app > div.app div.content ul li:nth-child(2) a.more .big_title.more_text,
.index_new > .container .crm_cloud > div.app div.content ul li:nth-child(2) a.more .big_title.more_text {
margin-top: 0;
}
.index_new > .container .crm_cloud {
margin-top: 40px;
}
.index_new > .container .crm_cloud > div.tms > div.left .crm_plate .content {
color: #d84848;
}
.index_new > .container .crm_cloud > div.tms > div.right ul li .content {
color: #d84848;
}
.index_new > .container .crm_cloud > div.tms .title {
border-color: #fd8665;
}
.index_new > .container .crm_cloud div.app div.content ul li .content {
color: #3058a4;
}
.index_new > .container .crm_cloud div.app .title {
border-color: #73aeea;
}
.index_new .app_list_folder li {
float: left;
border-radius: 5px;
margin-right: 15px;
margin-bottom: 20px;
}
.index_new .app_list_folder li:nth-child(3n+0) {
margin-right: 0;
}
.index_new .app_list_folder li.type_zhaosheng a {
background: -webkit-linear-gradient(305deg, #fca58a 0%, #fc7282 100%);
background: linear-gradient(145deg, #fca58a 0%, #fc7282 100%);
}
.index_new .app_list_folder li.type_zhaosheng .content {
color: #D84848;
}
.index_new .app_list_folder li.type_hudong a {
background: -webkit-linear-gradient(330deg, #c56fec 0%, #9265f7 100%);
background: linear-gradient(120deg, #c56fec 0%, #9265f7 100%);
}
.index_new .app_list_folder li.type_hudong .content {
color: #662fa0;
}
.index_new .app_list_folder li.type_zhibo a {
background: -webkit-linear-gradient(320deg, #75b5f3 0%, #778bf3 100%);
background: linear-gradient(130deg, #75b5f3 0%, #778bf3 100%);
}
.index_new .app_list_folder li.type_zhibo .content {
color: #3058a4;
}
.index_new .app_list_folder li a {
width: 388px;
height: 186px;
display: block;
float: left;
-webkit-transition: all 200ms;
transition: all 200ms;
border-radius: 5px;
background: -webkit-linear-gradient(330deg, #3bd8c5 0%, #21b3d6 100%);
background: linear-gradient(120deg, #3bd8c5 0%, #21b3d6 100%);
position: relative;
}
.index_new .app_list_folder li a:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.index_new .app_list_folder li .big_title {
font-size: 26px;
color: #fff;
margin: 27px 0 10px 20px;
}
.index_new .app_list_folder li .content {
font-size: 16px;
margin-left: 20px;
}
.index_new .app_list_folder li .decorate_pic {
position: absolute;
right: 0;
bottom: 0;
}
@media (max-width: 1500px) and (min-width: 1367px) {
.index_new .body_shade .container {
height: 779.2px;
overflow: hidden;
}
.index_new .body_shade .container .tms_app {
top: -52.7px;
}
.index_new .body_shade .container .tms_app,
.index_new .body_shade .container .crm_cloud {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 100% 100% 100%;
-ms-transform-origin: 100% 100% 100%;
transform-origin: 100% 100% 100%;
}
.index_new .body_shade .container .tms_app div.crm > div.left .crm_plate .content,
.index_new .body_shade .container .crm_cloud div.crm > div.left .crm_plate .content {
font-size: 18px;
}
.index_new .body_shade .container .tms_app ul li .content,
.index_new .body_shade .container .crm_cloud ul li .content {
font-size: 16px;
}
.index_new .body_shade .container .crm_cloud {
top: -150.6px;
}
}
@media (max-width: 1366px) {
.index_new .body_shade .container {
height: 653.8px;
overflow: hidden;
}
.index_new .body_shade .container .tms_app {
top: -79.05px;
}
.index_new .body_shade .container .tms_app,
.index_new .body_shade .container .crm_cloud {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-transform-origin: 100% 100% 100%;
-ms-transform-origin: 100% 100% 100%;
transform-origin: 100% 100% 100%;
}
.index_new .body_shade .container .tms_app div.crm > div.left .crm_plate .content,
.index_new .body_shade .container .crm_cloud div.crm > div.left .crm_plate .content {
font-size: 20px;
}
.index_new .body_shade .container .tms_app ul li .content,
.index_new .body_shade .container .crm_cloud ul li .content {
font-size: 18px;
}
.index_new .body_shade .container .crm_cloud {
top: -225.15px;
}
}
.index_new_hp .nav {
background: #fff;
margin: 0;
}
.index_new_hp > .content {
background: #f7fafc;
}
.index_new_hp > .content .container {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.index_new_hp > .content .container .goods {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.index_new_hp > .content .container .goods .tms,
.index_new_hp > .content .container .goods .app,
.index_new_hp > .content .container .goods .h5,
.index_new_hp > .content .container .goods .crm {
cursor: pointer;
position: relative;
-webkit-transition: all .3s;
transition: all .3s;
}
.index_new_hp > .content .container .goods .tms:not(.no_hover):hover,
.index_new_hp > .content .container .goods .app:not(.no_hover):hover,
.index_new_hp > .content .container .goods .h5:not(.no_hover):hover,
.index_new_hp > .content .container .goods .crm:not(.no_hover):hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.index_new_hp > .content .container .goods .tms .no_buy,
.index_new_hp > .content .container .goods .app .no_buy,
.index_new_hp > .content .container .goods .h5 .no_buy,
.index_new_hp > .content .container .goods .crm .no_buy {
width: 100%;
height: 100%;
cursor: default;
background: url("../img/index_new/lock.png") no-repeat right top;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
}
.index_new_hp > .content .container .goods .box .title {
height: 30px;
line-height: 30px;
font-size: 29px;
color: #333;
border-left: 7px solid #fff;
margin-bottom: 25px;
padding-left: 10px;
}
.index_new_hp > .content .container .goods .box .title.operate {
border-color: #44cfbe;
}
.index_new_hp > .content .container .goods .box .title.students {
border-color: #fd8665;
}
.index_new_hp > .content .container .goods .box .title.interaction {
border-color: #c473e9;
}
.index_new_hp > .content .container .goods .box > div {
width: 388px;
height: 390px;
}
.index_new_hp > .content .container .goods .box > div.tms,
.index_new_hp > .content .container .goods .box > div.app {
width: 358px;
padding-left: 30px;
border-radius: 5px;
overflow: hidden;
}
.index_new_hp > .content .container .goods .box > div.tms .big_title,
.index_new_hp > .content .container .goods .box > div.app .big_title {
font-size: 50px;
letter-spacing: 1px;
color: #fff;
margin-top: 20px;
}
.index_new_hp > .content .container .goods .box > div.tms .big_title span,
.index_new_hp > .content .container .goods .box > div.app .big_title span {
font-size: 45px;
}
.index_new_hp > .content .container .goods .box > div.tms .content,
.index_new_hp > .content .container .goods .box > div.app .content {
font-size: 24px;
}
.index_new_hp > .content .container .goods .box > div.tms {
background: url("../img/index_ph/tmsPH.png") no-repeat center;
}
.index_new_hp > .content .container .goods .box > div.tms .content {
color: #1a5571;
}
.index_new_hp > .content .container .goods .box > div.app {
background: url("../img/index_ph/appPH.png") no-repeat center;
}
.index_new_hp > .content .container .goods .box > div.app .content {
color: #7d43b8;
margin-top: 5px;
}
.index_new_hp > .content .container .goods .box > div.operate {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.index_new_hp > .content .container .goods .box > div.operate > div {
width: 358px;
height: 186px;
padding-left: 30px;
background: red;
}
.index_new_hp > .content .container .goods .box > div.operate > div.h5 {
background: url("../img/index_ph/h5PH.png") no-repeat center;
}
.index_new_hp > .content .container .goods .box > div.operate > div.crm {
background: url("../img/index_ph/crmPH.png") no-repeat center;
}
.index_new_hp > .content .container .goods .box > div.operate > div.parentApp {
background: url("../img/index_ph/parentApp.png") no-repeat center;
}
.index_new_hp > .content .container .goods .box > div.operate > div.aixiaoApp {
background: url("../img/index_ph/aixiaoApp.png") no-repeat center;
}
.index_new_hp > .content .container .goods .box > div.operate > div .big_title {
font-size: 26px;
color: #fff;
margin-top: 30px;
}
.index_new_hp > .content .container .goods .box > div.operate > div .content {
margin-top: 15px;
font-size: 16px;
color: #d84848;
}
.index_new_hp > .content .container .goods .box > div.operate.interaction .content {
color: #7d43b8;
}
.index_new_qy .nav {
background: #fff;
margin: 0;
}
.index_new_qy > .content {
background: #f7fafc;
}
.index_new_qy > .content .container {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.index_new_qy > .content .container .goods {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.index_new_qy > .content .container .goods .tms,
.index_new_qy > .content .container .goods .app,
.index_new_qy > .content .container .goods .h5,
.index_new_qy > .content .container .goods .crm,
.index_new_qy > .content .container .goods .station,
.index_new_qy > .content .container .goods .app_parent,
.index_new_qy > .content .container .goods .app_aixiao {
cursor: pointer;
position: relative;
-webkit-transition: all .3s;
transition: all .3s;
}
.index_new_qy > .content .container .goods .tms:not(.no_hover):hover,
.index_new_qy > .content .container .goods .app:not(.no_hover):hover,
.index_new_qy > .content .container .goods .h5:not(.no_hover):hover,
.index_new_qy > .content .container .goods .crm:not(.no_hover):hover,
.index_new_qy > .content .container .goods .station:not(.no_hover):hover,
.index_new_qy > .content .container .goods .app_parent:not(.no_hover):hover,
.index_new_qy > .content .container .goods .app_aixiao:not(.no_hover):hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.index_new_qy > .content .container .goods .tms .no_buy,
.index_new_qy > .content .container .goods .app .no_buy,
.index_new_qy > .content .container .goods .h5 .no_buy,
.index_new_qy > .content .container .goods .crm .no_buy,
.index_new_qy > .content .container .goods .station .no_buy,
.index_new_qy > .content .container .goods .app_parent .no_buy,
.index_new_qy > .content .container .goods .app_aixiao .no_buy {
width: 100%;
height: 100%;
cursor: default;
background: url("../img/index_new/lock.png") no-repeat right top;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
}
.index_new_qy > .content .container .goods .box .title {
height: 30px;
line-height: 30px;
font-size: 29px;
color: #333;
border-left: 7px solid #fff;
margin-bottom: 25px;
padding-left: 10px;
}
.index_new_qy > .content .container .goods .box .title.border_none {
border: none;
}
.index_new_qy > .content .container .goods .box .title.operate {
border-color: #44cfbe;
}
.index_new_qy > .content .container .goods .box .title.students {
border-color: #fd8665;
}
.index_new_qy > .content .container .goods .box .title.interaction {
border-color: #c473e9;
}
.index_new_qy > .content .container .goods .box > div {
height: 320px;
}
.index_new_qy > .content .container .goods .box > div.application_one_row {
float: left;
width: 348px !important;
height: 390px;
background: -webkit-linear-gradient(125deg, #38c4ef 0%, #19ffd1 100%);
background: linear-gradient(-35deg, #38c4ef 0%, #19ffd1 100%);
border-radius: 5px;
cursor: pointer;
position: relative;
}
.index_new_qy > .content .container .goods .box > div.application_one_row.center {
margin-left: 33px;
margin-right: 33px;
background: -webkit-linear-gradient(305deg, #fca58a 0%, #fc7282 100%);
background: linear-gradient(145deg, #fca58a 0%, #fc7282 100%);
}
.index_new_qy > .content .container .goods .box > div.application_one_row.center .content {
color: #D84848;
}
.index_new_qy > .content .container .goods .box > div.application_one_row:last-child {
background: -webkit-linear-gradient(125deg, #9a77f7 0%, #81c6f7 100%);
background: linear-gradient(-35deg, #9a77f7 0%, #81c6f7 100%);
}
.index_new_qy > .content .container .goods .box > div.application_one_row:last-child .content {
color: #7d3ebb;
}
.index_new_qy > .content .container .goods .box > div.application_one_row .content {
font-size: 24px;
color: #1c7769;
font-weight: normal;
margin-top: 5px;
}
.index_new_qy > .content .container .goods .box > div.application_one_row .decorate_pic {
position: absolute;
right: 0;
bottom: 0;
}
.index_new_qy > .content .container .goods .box > div.tms,
.index_new_qy > .content .container .goods .box > div.app,
.index_new_qy > .content .container .goods .box > div.crm,
.index_new_qy > .content .container .goods .box > div.application_one_row {
width: 255px;
padding-left: 30px;
border-radius: 5px;
overflow: hidden;
}
.index_new_qy > .content .container .goods .box > div.tms .big_title,
.index_new_qy > .content .container .goods .box > div.app .big_title,
.index_new_qy > .content .container .goods .box > div.crm .big_title,
.index_new_qy > .content .container .goods .box > div.application_one_row .big_title {
font-size: 50px;
letter-spacing: 1px;
color: #fff;
margin-top: 20px;
}
.index_new_qy > .content .container .goods .box > div.tms .big_title span,
.index_new_qy > .content .container .goods .box > div.app .big_title span,
.index_new_qy > .content .container .goods .box > div.crm .big_title span,
.index_new_qy > .content .container .goods .box > div.application_one_row .big_title span {
font-size: 45px;
}
.index_new_qy > .content .container .goods .box > div.tms .content,
.index_new_qy > .content .container .goods .box > div.app .content,
.index_new_qy > .content .container .goods .box > div.crm .content,
.index_new_qy > .content .container .goods .box > div.application_one_row .content {
font-size: 24px;
}
.index_new_qy > .content .container .goods .box > div.tms {
background: url("../img/index_qy/tmsQY.png") no-repeat center;
}
.index_new_qy > .content .container .goods .box > div.tms .content {
color: #1a5571;
}
.index_new_qy > .content .container .goods .box > div.app {
background: url("../img/index_qy/appQY.png") no-repeat center;
}
.index_new_qy > .content .container .goods .box > div.app .content {
color: #7d43b8;
margin-top: 5px;
}
.index_new_qy > .content .container .goods .box > div.crm {
background: url("../img/index_qy/crmQY.png") no-repeat center;
}
.index_new_qy > .content .container .goods .box > div.crm .content {
color: #d84848;
}
.index_new_qy > .content .container .goods .box > div.operate {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.index_new_qy > .content .container .goods .box > div.operate > div {
width: 255px;
height: 150px;
padding-left: 30px;
background: red;
cursor: pointer;
}
.index_new_qy > .content .container .goods .box > div.operate > div.h5 {
background: url("../img/index_qy/h5QY.png") no-repeat center;
}
.index_new_qy > .content .container .goods .box > div.operate > div.station {
background: url("../img/index_qy/stationQY.png") no-repeat center;
}
.index_new_qy > .content .container .goods .box > div.operate > div.app_parent {
background: url("../img/index_qy/app_parent.png") no-repeat center;
}
.index_new_qy > .content .container .goods .box > div.operate > div.app_parent .content {
color: #7d43b8;
}
.index_new_qy > .content .container .goods .box > div.operate > div.app_aixiao {
background: url("../img/index_qy/app_aixiao.png") no-repeat center;
}
.index_new_qy > .content .container .goods .box > div.operate > div.app_aixiao .content {
color: #7d43b8;
}
.index_new_qy > .content .container .goods .box > div.operate > div .big_title {
font-size: 26px;
color: #fff;
margin-top: 30px;
}
.index_new_qy > .content .container .goods .box > div.operate > div .content {
margin-top: 15px;
font-size: 16px;
color: #d84848;
}
.index_new_study {
background: #f7fafc;
}
.index_new_study .nav {
margin: 0;
background: #fff;
}
.index_new_study .box_shadow {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 2;
background: rgba(29, 29, 29, 0.8);
}
.index_new_study .remind {
width: 567px;
height: 400px;
background: #ffffff;
border-radius: 10px;
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
overflow: hidden;
}
.index_new_study .remind .top {
width: 100%;
height: 135px;
background: url("../img/index_study/top_remind.png") no-repeat center;
}
.index_new_study .remind .top.tip {
background-image: url("../img/index_study/top_remind_tip.png");
}
.index_new_study .remind .bottom .aixuexi_logo {
width: 100%;
margin: 50px 0 35px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.index_new_study .remind .bottom .aixuexi_logo :nth-child(2) {
margin: 0 40px;
}
.index_new_study .remind .bottom p {
text-align: center;
font-size: 17px;
color: #333;
margin-bottom: 15px;
}
.index_new_study .shade_black,
.index_new_study .QRcode {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background: rgba(29, 29, 29, 0.8);
border-radius: 5px;
}
.index_new_study .shade_black.a,
.index_new_study .QRcode.a {
border-radius: 5px;
}
.index_new_study .shade_black.body,
.index_new_study .QRcode.body {
position: fixed;
}
.index_new_study .QRcode {
top: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all .3s;
transition: all .3s;
}
.index_new_study .QRcode .img {
width: 117px;
height: 117px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 117px 117px;
background-size: 117px 117px;
}
.index_new_study .QRcode .img.student {
background-image: url("../img/index_study/QRcode_student.png");
}
.index_new_study .QRcode .img.teacher {
background-image: url("../img/index_study/QRcode_teacher.png");
}
.index_new_study .QRcode .msg {
height: 117px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.index_new_study .QRcode .msg p {
font-size: 16px;
color: #fff;
letter-spacing: 1px;
line-height: 25px;
margin: 0 20px;
}
.index_new_study > .container {
padding-top: 40px;
position: relative;
}
.index_new_study > .container .crm_app,
.index_new_study > .container .tms_cloud {
position: relative;
z-index: 1;
}
.index_new_study > .container .crm_app ul li,
.index_new_study > .container .tms_cloud ul li {
float: left;
border-radius: 5px;
}
.index_new_study > .container .crm_app ul li a,
.index_new_study > .container .tms_cloud ul li a {
width: 285px;
height: 150px;
display: block;
float: left;
-webkit-transition: all 200ms;
transition: all 200ms;
}
.index_new_study > .container .crm_app ul li .big_title,
.index_new_study > .container .tms_cloud ul li .big_title {
font-size: 24px;
color: #fff;
margin: 27px 0 10px 20px;
}
.index_new_study > .container .crm_app ul li .content,
.index_new_study > .container .tms_cloud ul li .content {
font-size: 14px;
margin-left: 20px;
}
.index_new_study > .container .crm_app a,
.index_new_study > .container .tms_cloud a {
border-radius: 5px;
overflow: hidden;
position: relative;
}
.index_new_study > .container .crm_app a:hover .QRcode,
.index_new_study > .container .tms_cloud a:hover .QRcode {
top: 0%;
}
.index_new_study > .container .crm_app a.no_enlarge,
.index_new_study > .container .tms_cloud a.no_enlarge {
cursor: default;
}
.index_new_study > .container .crm_app a:not(.no_enlarge):hover,
.index_new_study > .container .tms_cloud a:not(.no_enlarge):hover {
-webkit-box-shadow: 0 4px 15px 0 rgba(36, 36, 36, 0.36);
box-shadow: 0 4px 15px 0 rgba(36, 36, 36, 0.36);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.index_new_study > .container .crm_app a .no_buy,
.index_new_study > .container .tms_cloud a .no_buy {
width: 100%;
height: 100%;
background: url("../img/index_new/lock.png") no-repeat right top;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
}
.index_new_study > .container .crm_app a .no_online_box,
.index_new_study > .container .tms_cloud a .no_online_box {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: url("../img/index_new/no_online.png") no-repeat right top;
}
.index_new_study > .container .crm_app > div,
.index_new_study > .container .tms_cloud > div {
float: left;
}
.index_new_study > .container .crm_app > div .title,
.index_new_study > .container .tms_cloud > div .title {
height: 28px;
line-height: 25px;
font-size: 28px;
color: #333333;
padding-left: 10px;
border-left: 7px solid #fff;
margin-bottom: 27px;
}
.index_new_study > .container .crm_app > div.crm .title,
.index_new_study > .container .tms_cloud > div.crm .title,
.index_new_study > .container .crm_app > div.tms .title,
.index_new_study > .container .tms_cloud > div.tms .title {
border-color: #44cfbe;
}
.index_new_study > .container .crm_app > div.crm > div,
.index_new_study > .container .tms_cloud > div.crm > div,
.index_new_study > .container .crm_app > div.tms > div,
.index_new_study > .container .tms_cloud > div.tms > div {
float: left;
}
.index_new_study > .container .crm_app > div.crm > div .content,
.index_new_study > .container .tms_cloud > div.crm > div .content,
.index_new_study > .container .crm_app > div.tms > div .content,
.index_new_study > .container .tms_cloud > div.tms > div .content {
color: #1a7171;
}
.index_new_study > .container .crm_app > div.crm > div.left,
.index_new_study > .container .tms_cloud > div.crm > div.left,
.index_new_study > .container .crm_app > div.tms > div.left,
.index_new_study > .container .tms_cloud > div.tms > div.left {
position: relative;
}
.index_new_study > .container .crm_app > div.crm > div.left .crm_plate,
.index_new_study > .container .tms_cloud > div.crm > div.left .crm_plate,
.index_new_study > .container .crm_app > div.tms > div.left .crm_plate,
.index_new_study > .container .tms_cloud > div.tms > div.left .crm_plate {
width: 285px;
height: 320px;
display: block;
border-radius: 5px;
background: url("../img/index_new/tsm.png") no-repeat center center;
overflow: hidden;
-webkit-transition: all 200ms;
transition: all 200ms;
margin-right: 20px;
}
.index_new_study > .container .crm_app > div.crm > div.left .crm_plate .big_title,
.index_new_study > .container .tms_cloud > div.crm > div.left .crm_plate .big_title,
.index_new_study > .container .crm_app > div.tms > div.left .crm_plate .big_title,
.index_new_study > .container .tms_cloud > div.tms > div.left .crm_plate .big_title {
margin: 18px 0 0 32px;
font-size: 48px;
color: #fff;
}
.index_new_study > .container .crm_app > div.crm > div.left .crm_plate .content,
.index_new_study > .container .tms_cloud > div.crm > div.left .crm_plate .content,
.index_new_study > .container .crm_app > div.tms > div.left .crm_plate .content,
.index_new_study > .container .tms_cloud > div.tms > div.left .crm_plate .content {
font-size: 18px;
line-height: 16px;
margin-left: 32px;
margin-top: 3px;
}
.index_new_study > .container .crm_app > div.crm > div.right,
.index_new_study > .container .tms_cloud > div.crm > div.right,
.index_new_study > .container .crm_app > div.tms > div.right,
.index_new_study > .container .tms_cloud > div.tms > div.right {
width: 305px;
}
.index_new_study > .container .crm_app > div.crm > div.right ul li,
.index_new_study > .container .tms_cloud > div.crm > div.right ul li,
.index_new_study > .container .crm_app > div.tms > div.right ul li,
.index_new_study > .container .tms_cloud > div.tms > div.right ul li {
float: left;
margin-right: 20px;
}
.index_new_study > .container .crm_app > div.crm > div.right ul li:nth-child(1),
.index_new_study > .container .tms_cloud > div.crm > div.right ul li:nth-child(1),
.index_new_study > .container .crm_app > div.tms > div.right ul li:nth-child(1),
.index_new_study > .container .tms_cloud > div.tms > div.right ul li:nth-child(1) {
margin-bottom: 20px;
}
.index_new_study > .container .crm_app > div.crm > div.right ul li:nth-child(1) a,
.index_new_study > .container .tms_cloud > div.crm > div.right ul li:nth-child(1) a,
.index_new_study > .container .crm_app > div.tms > div.right ul li:nth-child(1) a,
.index_new_study > .container .tms_cloud > div.tms > div.right ul li:nth-child(1) a {
background: url("../img/index_new/jiashicang.png") no-repeat center center;
}
.index_new_study > .container .crm_app > div.crm > div.right ul li:nth-child(2) a,
.index_new_study > .container .tms_cloud > div.crm > div.right ul li:nth-child(2) a,
.index_new_study > .container .crm_app > div.tms > div.right ul li:nth-child(2) a,
.index_new_study > .container .tms_cloud > div.tms > div.right ul li:nth-child(2) a {
background: url("../img/index_study/aixuexi.png") no-repeat center center;
}
.index_new_study > .container .crm_app > div.tms .title,
.index_new_study > .container .tms_cloud > div.tms .title {
border-color: #fd8665;
}
.index_new_study > .container .crm_app > div.tms > div,
.index_new_study > .container .tms_cloud > div.tms > div {
float: left;
}
.index_new_study > .container .crm_app > div.tms > div .content,
.index_new_study > .container .tms_cloud > div.tms > div .content {
color: #d84848;
}
.index_new_study > .container .crm_app > div.tms > div.left,
.index_new_study > .container .tms_cloud > div.tms > div.left {
position: relative;
}
.index_new_study > .container .crm_app > div.tms > div.left .crm_plate,
.index_new_study > .container .tms_cloud > div.tms > div.left .crm_plate {
background: url("../img/index_qy/crmQY.png") no-repeat center center;
}
.index_new_study > .container .crm_app > div.tms > div.right,
.index_new_study > .container .tms_cloud > div.tms > div.right {
width: 285px;
}
.index_new_study > .container .crm_app > div.tms > div.right ul li,
.index_new_study > .container .tms_cloud > div.tms > div.right ul li {
float: left;
margin-right: 20px;
}
.index_new_study > .container .crm_app > div.tms > div.right ul li:nth-child(1),
.index_new_study > .container .tms_cloud > div.tms > div.right ul li:nth-child(1) {
margin-bottom: 20px;
}
.index_new_study > .container .crm_app > div.tms > div.right ul li:nth-child(1) a,
.index_new_study > .container .tms_cloud > div.tms > div.right ul li:nth-child(1) a {
background: url("../img/index_new/zhaoshengxiu.png") no-repeat center center;
}
.index_new_study > .container .crm_app > div.tms > div.right ul li:nth-child(2) a,
.index_new_study > .container .tms_cloud > div.tms > div.right ul li:nth-child(2) a {
background: url("../img/index_new/zijianzhan.png") no-repeat center center;
}
.index_new_study > .container .crm_app > div.tms div.content,
.index_new_study > .container .tms_cloud > div.tms div.content {
width: 590px;
}
.index_new_study > .container .crm_app > div.tms div.content ul li,
.index_new_study > .container .tms_cloud > div.tms div.content ul li {
float: left;
border-radius: 5px;
}
.index_new_study > .container .crm_app > div.tms div.content ul li .content,
.index_new_study > .container .tms_cloud > div.tms div.content ul li .content {
color: #d84848;
}
.index_new_study > .container .crm_app > div.tms div.content ul li:nth-child(1),
.index_new_study > .container .tms_cloud > div.tms div.content ul li:nth-child(1) {
margin-bottom: 20px;
margin-right: 20px;
}
.index_new_study > .container .crm_app > div.tms div.content ul li:nth-child(1) a,
.index_new_study > .container .tms_cloud > div.tms div.content ul li:nth-child(1) a {
background: url("../img/index_new/crm.png") no-repeat center center;
}
.index_new_study > .container .crm_app > div.tms div.content ul li:nth-child(2),
.index_new_study > .container .tms_cloud > div.tms div.content ul li:nth-child(2) {
margin-bottom: 20px;
}
.index_new_study > .container .crm_app > div.tms div.content ul li:nth-child(2) a,
.index_new_study > .container .tms_cloud > div.tms div.content ul li:nth-child(2) a {
background: url("../img/index_new/zhaoshengxiu.png") no-repeat center center;
}
.index_new_study > .container .crm_app > div.tms div.content ul li:nth-child(3),
.index_new_study > .container .tms_cloud > div.tms div.content ul li:nth-child(3) {
margin-right: 20px;
}
.index_new_study > .container .crm_app > div.tms div.content ul li:nth-child(3) a,
.index_new_study > .container .tms_cloud > div.tms div.content ul li:nth-child(3) a {
background: url("../img/index_new/zijianzhan.png") no-repeat center center;
}
.index_new_study > .container .crm_app > div.tms div.content ul li:nth-child(4) a,
.index_new_study > .container .tms_cloud > div.tms div.content ul li:nth-child(4) a {
background: url("../img/index_new/souke.png") no-repeat center center;
}
.index_new_study > .container .crm_app > div.cloud .title,
.index_new_study > .container .tms_cloud > div.cloud .title {
border-color: #cd79f5;
}
.index_new_study > .container .crm_app > div.cloud div.content ul li,
.index_new_study > .container .tms_cloud > div.cloud div.content ul li {
float: left;
border-radius: 5px;
margin-right: 20px;
}
.index_new_study > .container .crm_app > div.cloud div.content ul li .content,
.index_new_study > .container .tms_cloud > div.cloud div.content ul li .content {
color: #7d43b8;
}
.index_new_study > .container .crm_app > div.cloud div.content ul li:nth-child(1) a,
.index_new_study > .container .tms_cloud > div.cloud div.content ul li:nth-child(1) a {
background: url("../img/index_study/parentapp.png") no-repeat center center;
}
.index_new_study > .container .crm_app > div.cloud div.content ul li:nth-child(2) a,
.index_new_study > .container .tms_cloud > div.cloud div.content ul li:nth-child(2) a {
background: url("../img/index_study/aixiaoapp.png") no-repeat center center;
}
.index_new_study > .container .crm_app > div.cloud div.content ul li:nth-child(3) a,
.index_new_study > .container .tms_cloud > div.cloud div.content ul li:nth-child(3) a {
background: url("../img/index_study/student.png") no-repeat center center;
}
.index_new_study > .container .crm_app > div.cloud div.content ul li:nth-child(4),
.index_new_study > .container .tms_cloud > div.cloud div.content ul li:nth-child(4) {
margin-right: 0;
}
.index_new_study > .container .crm_app > div.cloud div.content ul li:nth-child(4) a,
.index_new_study > .container .tms_cloud > div.cloud div.content ul li:nth-child(4) a {
background: url("../img/index_study/teacher.png") no-repeat center center;
}
.index_new_study > .container .tms_cloud {
margin-top: 40px;
}
.activity {
width: 1200px;
height: 568px;
background: red;
position: fixed;
top: 50%;
left: 50%;
margin: -284px 0 0 -600px;
z-index: 99999;
background: url("../img/activity.png") no-repeat center;
}
.activity .button {
height: 38px;
width: 38px;
font-size: 17px;
text-align: center;
line-height: 38px;
color: #fff;
position: absolute;
top: 6px;
right: 10px;
background: #38aa9d;
border-radius: 50%;
cursor: pointer;
}
.activity img {
height: 129px;
width: 129px;
position: absolute;
left: 85px;
bottom: 35px;
border-radius: 5px;
}
.activity .go_now {
width: 166px;
height: 43px;
text-align: center;
line-height: 43px;
font-size: 22px;
background: #429cab;
color: #fff;
border-radius: 22px;
position: absolute;
left: 65px;
bottom: 0;
}
.shadow_black {
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99900;
background: rgba(0, 0, 0, 0.7);
}
@media (max-width: 1500px) {
.activity {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
}
.omo_login {
background: #fff;
width: 75%;
height: auto;
position: absolute;
-webkit-box-shadow: 3px 1px 5px #666;
box-shadow: 3px 1px 5px #666;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.omo_login #omo_login_left {
position: relative;
width: 50%;
height: 100%;
-webkit-background-size: cover;
background-size: cover;
}
.omo_login #omo_login_left #omo_login_left_img {
float: left;
width: 100%;
display: inline-block;
}
.omo_login .omo_login_right {
width: 50%;
height: 100%;
position: relative;
}
.omo_login .omo_login_right .omo_logo_box {
width: 100%;
height: 100px;
position: relative;
}
.omo_login .omo_login_right .omo_logo_box #omo_logo_img {
width: 242px;
position: absolute;
right: 50px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.omo_login .omo_login_right #omo_title {
width: 100%;
height: 70px;
text-align: center;
font-size: 30px;
letter-spacing: 6px;
color: #575757;
}
.omo_login .omo_login_right .omo_login_wrap_account,
.omo_login .omo_login_right .omo_login_wrap_create {
display: none;
text-align: left;
}
.omo_login .omo_login_right .omo_login_wrap_create {
-webkit-box-shadow: 3px 1px 5px #fff !important;
box-shadow: 3px 1px 5px #fff !important;
margin-top: -65px;
}
.omo_login .omo_login_right .omo_login_wrap,
.omo_login .omo_login_right .omo_login_wrap_account,
.omo_login .omo_login_right .omo_login_wrap_create {
width: 60%;
min-width: 450px;
-webkit-box-shadow: 3px 1px 5px #666;
box-shadow: 3px 1px 5px #666;
margin-left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-shadow: 0px 0px 8px skyblue;
box-shadow: 0px 0px 8px skyblue;
border-radius: 5px;
padding-top: 50px;
}
.omo_login .omo_login_right .omo_login_wrap .omo_form_top_ctrl,
.omo_login .omo_login_right .omo_login_wrap_account .omo_form_top_ctrl,
.omo_login .omo_login_right .omo_login_wrap_create .omo_form_top_ctrl {
width: 70%;
height: 50px;
line-height: 50px;
margin-left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
color: #888;
margin-top: 10px;
}
.omo_login .omo_login_right .omo_login_wrap .omo_form_top_ctrl .inp1,
.omo_login .omo_login_right .omo_login_wrap_account .omo_form_top_ctrl .inp1,
.omo_login .omo_login_right .omo_login_wrap_create .omo_form_top_ctrl .inp1,
.omo_login .omo_login_right .omo_login_wrap .omo_form_top_ctrl .inp2,
.omo_login .omo_login_right .omo_login_wrap_account .omo_form_top_ctrl .inp2,
.omo_login .omo_login_right .omo_login_wrap_create .omo_form_top_ctrl .inp2 {
border: solid 1px #d4d4d4;
height: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
text-align: left;
}
.omo_login .omo_login_right .omo_login_wrap .omo_form_top_ctrl .inp1,
.omo_login .omo_login_right .omo_login_wrap_account .omo_form_top_ctrl .inp1,
.omo_login .omo_login_right .omo_login_wrap_create .omo_form_top_ctrl .inp1 {
width: 100%;
}
.omo_login .omo_login_right .omo_login_wrap .omo_form_top_ctrl .inp2,
.omo_login .omo_login_right .omo_login_wrap_account .omo_form_top_ctrl .inp2,
.omo_login .omo_login_right .omo_login_wrap_create .omo_form_top_ctrl .inp2 {
width: 65%;
}
.omo_login .omo_login_right .omo_login_wrap .omo_form_top_ctrl .grap,
.omo_login .omo_login_right .omo_login_wrap_account .omo_form_top_ctrl .grap,
.omo_login .omo_login_right .omo_login_wrap_create .omo_form_top_ctrl .grap {
margin-left: 5px;
-webkit-transform: translateY(3px);
-ms-transform: translateY(3px);
transform: translateY(3px);
color: #323232 !important;
}
.omo_login .omo_login_right .omo_login_wrap .go_create,
.omo_login .omo_login_right .omo_login_wrap_account .go_create,
.omo_login .omo_login_right .omo_login_wrap_create .go_create {
text-align: center;
padding: 15px 0 25px 0;
color: #17bac9;
}
.omo_login .omo_login_right .omo_login_wrap .omo_pass,
.omo_login .omo_login_right .omo_login_wrap_account .omo_pass,
.omo_login .omo_login_right .omo_login_wrap_create .omo_pass {
text-align: right;
height: 10px;
line-height: 10px;
}
.omo_login .omo_login_right .omo_login_wrap .omo_pass a,
.omo_login .omo_login_right .omo_login_wrap_account .omo_pass a,
.omo_login .omo_login_right .omo_login_wrap_create .omo_pass a {
color: skyblue;
}
.omo_login .omo_login_right .omo_login_wrap .omo_enter button,
.omo_login .omo_login_right .omo_login_wrap_account .omo_enter button,
.omo_login .omo_login_right .omo_login_wrap_create .omo_enter button {
width: 100%;
background: skyblue;
height: 40px;
color: #fff;
}
.omo_login .omo_login_right .omo_login_wrap .omo_register,
.omo_login .omo_login_right .omo_login_wrap_account .omo_register,
.omo_login .omo_login_right .omo_login_wrap_create .omo_register {
text-align: center;
}
.omo_login .omo_login_right .omo_login_wrap .omo_register a,
.omo_login .omo_login_right .omo_login_wrap_account .omo_register a,
.omo_login .omo_login_right .omo_login_wrap_create .omo_register a {
color: skyblue;
}
.omo_login .omo_login_right .omo_login_wrap .validate,
.omo_login .omo_login_right .omo_login_wrap_account .validate,
.omo_login .omo_login_right .omo_login_wrap_create .validate {
position: relative;
}
.omo_login .omo_login_right .omo_login_wrap .validate .dy,
.omo_login .omo_login_right .omo_login_wrap_account .validate .dy,
.omo_login .omo_login_right .omo_login_wrap_create .validate .dy {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 1px #ccc;
width: 30%;
height: 40px;
}
.omo_login .omo_login_right .omo_login_wrap .validate .dy2,
.omo_login .omo_login_right .omo_login_wrap_account .validate .dy2,
.omo_login .omo_login_right .omo_login_wrap_create .validate .dy2 {
background: skyblue;
border: none;
width: 30.5%;
}
@media screen and (max-width: 1500px) {
.omo_login {
width: 1200px;
}
}
/*# sourceMappingURL=../map_css/style.css.map */