@charset "utf-8";
body{ background: #f0f2f5; }
.header{ width: 100%;height: 60px;background:#fff;box-shadow: 0 0 6px rgba(0,0,0,.4);line-height: 60px;position: fixed;top: 0;left: 0;box-sizing: border-box;z-index: 99; }
.header .header-box{ display: flex;width: 1200px;margin: 0 auto;justify-content: flex-start;position: relative; }
.header .logo{ width: 180px; }
.header .logo img{ width: 100%;margin-top: -5px; }
.header .header-nav{ margin-left: 50px; }
.header .header-nav ul{ display: flex;width: 100%;justify-content: flex-start; }
.header .header-nav ul li{ box-sizing: border-box;height: 60px;transition:all 0.1s linear;cursor: pointer;position: relative;margin-right: 20px; }
.header .header-nav ul li a{ display: block; }
.header .header-nav ul li a.header_nav_a i{ color: rgba(0,0,0,.6);font-size: 15px;margin-left: 4px;transition:all 0.1s linear; }
.header .header-nav ul li:hover{ border-bottom: 3px solid #ff9100; }
.header .header-nav ul li:hover a.header_nav_a{ color: #ff9100; }
.header .header-nav ul li:hover a.header_nav_a i{ color: #ff9100;transform: rotate(180deg); }
.header .nav_bas{ display: none;position: absolute;right: 10px;top: 0; }
.header .nav_bas i{ color: rgba(0,0,0,.65);font-size: 32px;transform: rotateY(180deg); }
.busi-server{ background: #fff;box-shadow: 0px 0 6px rgba(0,0,0,.6);position: absolute;width: 114px;top: 60px;left: 0;display: none;border-radius: 2px; }
.busi-server>div{ height: 40px;font-size: 15px;line-height: 40px;text-align: center; }
.busi-server2{ width: 160px; }
.header .login-box{ display: flex;justify-content: flex-end;position: absolute;right: 0;top: 0; }
.login-box .btn{ height: 32px;padding: 0 15px;font-size: 14px;border-radius: 2px;margin-top: 14px;line-height: 32px;cursor: pointer; }
.login-box .go-login-btn{ background: #ff9100;color: #fff; }
.login-box .go-busi-btb{ background: #fff;color: #ff9100;border: 1px solid #ff9100;box-sizing: border-box;display: none; }
.active{ border-bottom: 3px solid #ff9100; }
.active a.header_nav_a{ color: #ff9100; }
.active .header_nav_a i{ color: #ff9100 !important; }
.header_more_tips:hover a{ color: #ff9100; }

.logined_box{ display: flex;width: 96px;height: 60px;align-items: center;justify-content: space-around;position: absolute;right: 0;top: 0; }
.logined_message{ font-size: 32px;position: relative; }
.logined_message i{ color: rgb(204,204,204);width: auto;cursor: pointer;font-size: 32px; }
.logined_message_num{ width: 20px;height: 20px;background: #f5222d;color: #fff;font-size: 12px;border-radius: 50%;text-align: center;line-height: 20px;position: absolute;top: 5px;right: -11px; }
.logined_user_portrait_box{ width: 32px;height: 60px;position: relative; }
.logined_user_portrait{ cursor: pointer;margin-top: 14px;border-radius: 50%; }

.user_info_box{ width: 200px;background: #fff;position: absolute;right: 0;top: 60px;box-shadow: 0 2px 8px rgb(0 0 0 / 15%);text-align: center;line-height: 1.5;font-size: 14px;display: none; }
.user_info_title{ height: 44px;line-height: 44px;border-bottom: 1px solid rgb(223, 223, 223);color: rgb(51, 51, 51); }
.user_credit_box{ color: rgb(51,51,51);padding:8px 0 5px 49px;box-sizing: border-box;height: 61px; }
.user_credit1,.user_credit2{ text-align: left; }
.user_credit2{ padding-top: 4px; }
.user_credit_box span{ color: #ff9100; }
.go_user_center,.Log_out{ height: 32px;color: rgb(51,51,51);cursor: pointer;line-height: 32px; }
.go_user_center:hover,.Log_out:hover{ background-color: #ffe9cc }

.goEn{
  position: absolute;
  right: -80px;
  top: 15px;
  width: 70px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  box-sizing: border-box;
  border: 1px solid #ff9100;
  border-radius: 2px;
  color: #ff9100;
  font-size: 14px;
}
.goEn a{
  color: #ff9100;
  display: block;
}

.user_message_box{ position: absolute;background-color: #fff;background-clip: padding-box;border-radius: 4px;box-shadow: 0 2px 8px rgb(0 0 0 / 15%);font-size: 14px;width: 333px;right: -20px;top: 60px;padding-bottom: 10px;display: none; }
.user_message_header{ padding: 5px 16px 4px;color: rgba(0,0,0,.85);font-weight: 500;border-bottom: 1px solid #e8e8e8;height: 32px;line-height: 32px;position: relative; }
.user_message_header>i{ font-size: 16px;position: absolute;right: 10px;top: 6px; }
.user_message_header p span{ color: red;font-size: 12px; }
.user_message_header p span i{ color: red;font-style: normal;font-size: 12px; }
.user_message_content{ padding: 12px 0; }
.user_message_item{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 50px;line-height: 50px;border-bottom: 1px solid rgb(238, 238, 238); }
.go_read_all{ color: blue;display: block;text-align: center;height: 32px;line-height: 32px; }
.user_message_null{ display: block;text-align: center;padding-top: 36px;padding-bottom: 20px;border-bottom: 1px solid rgba(0,0,0,.1);line-height: 36px;color: rgba(0,0,0,.65); }
.user_message_null i{ font-size: 50px; }

.nav_box{ width: 100%;height: 100%;background: rgba(0,0,0,.8);position: fixed;left: 0;top: 0;z-index: 999;display: none; }
.nav_list{ width: 160px;height: 100%;background: #fff;box-sizing: border-box;position: relative; }
.nav_list_item{ width: 100%;height: auto;line-height: 35px;box-sizing: border-box;position: relative;font-size: 14px; }
.nav_list_item span{ display: block;box-sizing: border-box;padding-left: 20px; }
.nav_list_item i{ color: rgba(0,0,0,.65);position: absolute;right: 10px;top: 0;transition: all .2s; }
.nav_list_item ul{ display: none; }
.nav_list_item li{ padding-left: 40px;box-sizing: border-box; }
.nav_list_item_active{ color: #ff9100;background: #f5f5f5; }
.nav_list_item_active a{ color: #ff9100; }

.mobile_nav_icon{ display: none;padding-left: 10px;margin-right: 10px; }
.mobile_nav_icon i{ font-size: 22px; }
.logo_mobile{ display: none; }
.back_home_href{ color: #ff9100; }

/*ipad*/
@media screen and (max-width: 1199px) and (min-width: 750px)
{
  body {min-width: 750px;margin:0 auto;padding-bottom: 291px;}
  /*顶部导航*/
  .header .header-box{ width: 100%; }
  .header .header-nav{ display: none; }
  .header .login-box{ right: 50px; }
  .header .nav_bas{ display: block; }
  .logined_box{ display: flex;right: 60px;width: 75px;justify-content: space-between; }

  .nav_bas{ display: block !important; }
  .Grzx_container{ width: 100%; }
  .logo{ display: block; }
}
/*mobile*/
@media screen and (max-width: 750px)
{
  body {max-width: 750px;margin:0 auto;padding-bottom: 123px;}
  /*顶部导航*/
  .header .header-box{ width: 100%; }
  .header .header-nav{ display: none; }
  .header .login-box{ right: 52px;top: 3px; }
  .login-box .go-login-btn{ font-size: 12px;padding: 0 10px;height: 28px;line-height: 28px; }
  .header .nav_bas{ display: block; }
  .header .logo{ width: 140px; }
  .header .logo img{ margin-top: 4px; }
  .logined_box{ display: flex;margin-right: 47px;width: 68px;justify-content: space-between; }
  .logined_message i{ font-size: 30px; }
  .logined_message_num{ transform: scale(.7);right: -7px;top: 6px; }
  .logined_user_portrait{ width: 28px;height: 28px;margin-top: 17px; }

  .mobile_nav_icon{ display: block; }
  .logo_mobile{ display: block; }
  .logo{ display: none; }

  .Grzx_mune{ display: none;position: fixed;z-index: 9;width: 195px;height: 100%;overflow-y: scroll;width: 100%;background: rgba(0,0,0,.8);padding-top: 0; }
  .Grzx_mune_top{ width: 195px;background: #f5f5f5;padding-bottom: 10px;padding-top: 14px; }
  .user_pic{ width: 85px;height: 85px; }
  .user_pic img{ width: 76px;height: 76px; }
  .vip{ width: 90px;height: 22px;font-size: 12px;line-height: 22px;left: 1px;top: 77px; }
  .vip i{ font-size: 22px; }
  .Grzx_nav_list{ width: 195px;top: 190px;top: 166px;height: calc(100% - 166px); }
  .Grzx_nav_list li{ width: 195px;height: 44px;line-height: 44px;font-size: 14px;font-weight: 500; }
  .Grzx_box{ padding-top: 0; }
  .Grzx_container{ width: 100%; }
  .Grzx_content{ width: 100%; }
}