/**
 * 鍙橀噺閮ㄥ垎
 */
/**
 * common 鍏敤鏍峰紡閮ㄥ垎
 * @author锛歡aotonglin
 */
 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 */