@charset "utf-8";
/*********************************************************************************
**项目名：移动后台
** 描述：移动后台
** 创建时间：2019/8/5
** 最后修改人：（无）
** 最后修改时间：（无）
**********************************************************************************/
/* CSS Document */
/*********************************************************************************
**项目名：某某某
** 描述：自定义消息框类
** 创建时间：2018/8/21
** 最后修改人：（无）
** 最后修改时间：（无）

**********************************************************************************/
/* CSS Document */
/*********************************************************************************
**项目名：某某某
** 描述：自定义消息框类
** 创建时间：2018/8/21
** 最后修改人：（无）
** 最后修改时间：（无）
**********************************************************************************/
/* CSS Document */
.ios .g-scrollview {
  margin-top: 1px;
}
.hairline .g-scrollview {
  margin-top: 0.5px;
}
.m-list {
  overflow: hidden;
  position: relative;
}
.m-list .list-item:active {
  background: none;
  /* for firefox */
}
textarea {
  resize: none;
  font-size: 15px;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
:focus {
  outline: 0;
}
body {
  font-family: 微软雅黑;
  font-size: 12px;
  -webkit-text-size-adjust: none;
  height: 100%;
}
ul,
li {
  list-style-type: none;
  list-style: none;
  text-decoration: none;
}
img {
  border: 0px;
  vertical-align: middle;
}
a {
  text-decoration: none;
  border: 0;
  color: #000;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
  outline: none;
}
html,
body,
div,
ul,
li,
a,
span,
i,
em,
strong,
h1,
h2,
h3,
h4,
h5,
p,
br,
font,
img,
header,
nav,
ol,
dl,
dd,
dt,
footer,
form,
fieldset,
legend {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  width: 100%;
  min-height: 100%;
}
body {
  height: 100%;
  background: #ffffff;
}
em {
  font-style: normal;
  font-weight: normal;
}
div,
span,
nav,
header,
footer,
a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
input,
textarea {
  background: none;
  border: none;
}
input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input::-moz-focus-inner {
  border: none;
  padding: 0;
}
select,
input {
  vertical-align: middle;
}
body.bgf5 {
  background: #f5f5f5;
}
.flexview {
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 750px;
  min-width: 320px;
  justify-content: flex-start;
  padding-bottom: 50px;
}
.color2 {
  color: #999999;
}
.bgff {
  background: #ffffff;
}
.mt10 {
  margin-top: 10px;
}
.mlr20 {
  margin: 0px 20px;
}
.mt30 {
  margin-top: 30px;
}
.mtb10 {
  margin: 10px 0;
}
.mtb8 {
  margin: 8px auto;
}
.mt16 {
  margin-top: 16px;
}
.mtb14 {
  margin: 14px 0px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.pd4s {
  padding: 0px 4% 24px;
}
.ptb10 {
  padding: 10px 0px;
}
.pt60 {
  padding-top: 60px;
}
.pt30 {
  padding-top: 30px;
}
.pb30 {
  padding-bottom: 30px;
}
.pd4d {
  padding: 4px 4%;
}
.pds10 {
  padding: 10px 20px;
}
.pb16 {
  padding: 16px;
}
.pad2 {
  padding: 16px 0px;
}
.pd10 {
  padding: 10px 0px;
}
.bgff.pd16 {
  padding: 0px 10px;
}
.pd16 {
  padding: 16px 0px;
}
.pd4 {
  padding: 0px 4%;
}
.pd20 {
  padding: 20px 0px 0px;
}
.ml10 {
  margin-left: 10px;
}
.gay2 {
  color: #999999;
}
.gay {
  color: #666666;
}
.rel {
  position: relative;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex.sp1 {
  justify-content: space-between;
}
.w33 {
  width: 33.3%;
  position: relative;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.hide {
  display: none !important;
}
.borderTop {
  border-top: 1px solid #dddddd;
}
.borderBottom {
  border-bottom: 1px solid #dddddd;
}
.text1 {
  height: 30px;
  line-height: 30px;
  padding: 0px 10px;
}
.text2 {
  width: 92px;
  padding-left: 10px;
}
.text3 {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0px 10px;
}
.fxpic,
.w100 {
  width: 100%;
}
.fptbox {
  padding: 0px 10px 0px;
  background: #ffffff;
}
.fptbox img {
  width: 100%;
  margin-bottom: 10px;
}
.blueText {
  color: #376bce;
}
.fontSixze15 {
  font-size: 15px;
}
.btn1 {
  width: 50px;
  height: 28px;
  line-height: 28px;
  background-color: #376bce;
  border-radius: 5px;
  display: inline-block;
  color: #ffffff;
  border: 0px;
  font-size: 15px;
}
.btn2 {
  font-size: 14px;
  background: #376bce;
  border-radius: 5px;
  padding: 10px 14px;
  color: #ffffff;
  vertical-align: middle;
}
.btn3 {
  display: block;
  width: 100%;
  border-radius: 5px;
  background: #376bce;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  padding: 10px 0px;
}
.btn4 {
  border-radius: 5px;
  background: #376bce;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  padding: 10px 40px;
}
.btn5 {
  background-color: #3c6ece;
  border-radius: 15px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
}
.ma .btn5 {
  width: 100px;
  height: 30px;
  line-height: 30px;
  margin: 0px auto;
  display: block;
}
.center {
  text-align: center;
}
.center .btn5 {
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  margin: 0px 10px;
}
.input1,
.input2 {
  border: 0px;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 98px;
  height: 30px;
}
.input2 {
  max-width: 200px;
}
.cell {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px 15px;
}
.cell.sp1 {
  justify-content: space-between;
}
.cell.bgff {
  color: #666666;
}
.line:before {
  content: " ";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 1px;
  border-top: 1px solid #e5e5e5;
  color: #e5e5e5;
  z-index: 2;
}
.cell-bd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.cell-ft {
  text-align: right;
  color: #999999;
  padding-right: 13px;
  position: relative;
}
.arrowr {
  position: relative;
}
.arrowr:after {
  content: " ";
  display: block;
  height: 8px;
  width: 8px;
  border-width: 1px 1px 0 0;
  border-color: #999999;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 2px;
}
.arrowDown {
  position: relative;
}
.arrowDown:after {
  content: " ";
  display: block;
  width: 8px;
  height: 8px;
  border-width: 1px 1px 0 0;
  border-color: #999999;
  border-style: solid;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 5%;
  margin-top: 10px;
  right: -8px;
}
.box1 {
  width: 100%;
}
.box1 .cell {
  background: #ffffff;
}
.box2 {
  width: 100%;
  padding: 0px 4%;
  background: #ffffff;
}
.box2.fxtype2 .cell {
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
}
.box2.fxtype2 .w33 {
  padding: 10px 15px;
}
.box2.type2 .cell {
  min-height: 70px;
}
.box2 .cell {
  padding: 15px 0px;
}
.box2.mt0 {
  margin-top: 0px;
}
.box2 .cell {
  align-items: flex-start;
  justify-content: space-between;
}
.box2 .cell.top {
  align-items: self-start;
}
.box2 .cell-bd {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.box2 .cell-ft {
  padding-right: 0px;
  font-size: 13px;
}
.new_wrapper {
  width: 100%;
  padding: 0px 4%;
}
.new_wrapper .new_title {
  font-size: 18px;
}
.new_wrapper .new_time {
  font-size: 15px;
  color: #999999;
  padding-left: 18px;
  background: url(../img/time.png?da66ce3946bb7797d4705266877fa2f7) left center no-repeat;
  background-size: 12px 12px;
  height: 36px;
  line-height: 36px;
}
.new_top {
  margin-top: 10px;
}
.new_detail {
  width: 100%;
  padding-top: 10px;
}
.new_detail p {
  font-size: 14px;
  line-height: 20px;
  margin: 0px;
  word-break: break-word;
}
.new_detail img {
  max-width: 100%;
  vertical-align: top;
}
.new_detail table#table tbody tr td {
  border: 0px;
}
.new_detail table tbody tr td {
  border: 1px solid #999999;
}
.new_detail video {
  max-width: 100%;
}
.mask-black2 {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  z-index: 999;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.mask-black2 .playBtn {
  width: 20px;
  height: 20px;
}
.dplayer-video {
  width: 100%;
}
.playBtn {
  display: block;
  width: 54px;
  height: 54px;
  background: url(../img/playIcon.png?e63413704b22af95e898a6ca12b51dfb) no-repeat;
  background-size: 100% 100%;
  z-index: 99999;
}
.video_top {
  position: relative;
  width: 100%;
}
video {
  height: 100%;
  object-fit: fill;
}
.classEnter {
  padding: 25px 0px;
}
.classEnter-item {
  width: 25%;
  text-align: center;
}
.fxicon {
  width: 35px;
  height: 35px;
}
.classText {
  margin-top: 10px;
  font-size: 13px;
}
.common-title {
  height: 50px;
  line-height: 50px;
  background: #f5f5f5;
  padding: 0px 4%;
  font-size: 18px;
}
.common-title .common-title-inner {
  position: relative;
  padding-left: 10px;
}
.common-title .common-title-inner:after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 2px;
  background: #376bcc;
  width: 2px;
  height: 20px;
}
.pb8 {
  padding: 8px;
}
.uploader {
  display: inline-block;
  position: relative;
  margin-right: 8px;
  width: 96px;
  height: 96px;
  box-sizing: border-box;
  background-color: #EDEDED;
}
.uploader:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #A3A3A3;
  width: 2px;
  height: 32px;
}
.uploader:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #A3A3A3;
  width: 32px;
  height: 2px;
}
.uploader_img {
  width: 96px;
  height: 96px;
  z-index: 99;
}
.uploader_input {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.bosshow {
  width: 100%;
  height: 40px;
  vertical-align: top;
}
.item2,
.item1 {
  width: 100%;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 14px 0px 0px;
}
.item2 .item1-inner {
  width: 33.3%;
  margin-bottom: 8px;
}
.item1 {
  position: relative;
}
.item1 .item1-inner {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.item1 {
  padding: 14px 0px 10px;
  justify-content: center;
}
.defaultPic {
  width: 76px;
}
.item1-inner {
  text-align: center;
  position: relative;
}
.item1-inner:nth-child(3n-1):after {
  top: 20px;
  content: "";
  display: block;
  position: absolute;
  background: #dddddd;
  width: 1px;
  height: 70px;
  left: 0px;
}
.item1-inner:nth-child(3n-1):before {
  top: 20px;
  content: "";
  display: block;
  position: absolute;
  background: #dddddd;
  width: 1px;
  height: 70px;
  right: 0px;
}
.item1-text {
  font-size: 13px;
  line-height: 30px;
  font-weight: bold;
}
.fxtype1,
.fxtype2 {
  text-align: center;
  padding: 25px 0px;
  flex-wrap: wrap;
}
.fxtype2 {
  padding: 0px;
}
.fxtype3 {
  text-align: center;
  padding: 16px 20px;
  flex-wrap: wrap;
}
.fxtype4 {
  padding: 8px 4% 0px;
}
.fxtype4 .sahow {
  top: 14px;
  height: 22px;
}
.item3 {
  width: 25%;
  margin-bottom: 20px;
}
.scroll {
  width: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  padding: 8px 0px;
}
.scroll::-webkit-scrollbar {
  display: none;
}
.sahow {
  height: 45px;
  position: absolute;
  top: 0px;
}
.sahow.left {
  left: 8px;
}
.sahow.right {
  right: 8px;
}
.sahow2 {
  height: 90px;
  position: absolute;
  top: 0px;
}
.sahow2.left {
  left: 4px;
}
.sahow2.right {
  right: 4px;
}
.button2 {
  width: 96%;
  height: 50px;
  line-height: 50px;
  background: #376bce;
  margin: 20px auto;
  color: #ffffff;
  text-align: center;
  border-radius: 10px;
  font-size: 18px;
  border: 0px;
}
.scroll-item {
  display: inline-block;
}
.scroll-item.on {
  color: #376bce;
  border: 1px solid #376bce;
}
.dot {
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: -10px;
  top: 46%;
  background: #376bce;
  border-radius: 50%;
}
.flexDown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 20px;
}
.flexDown.sp1 {
  justify-content: space-between;
}
.messageBox {
  width: 20px;
}
.messageBox_wrapper {
  width: 110px;
  text-align: center;
  margin-bottom: 10px;
  color: #376bce;
  height: 35px;
  line-height: 35px;
  background: #f5f5f5;
}
.head-border {
  border: 1px solid #eeeeee;
  background: #ffffff;
  padding: 10px;
}
.headPic {
  width: 105px;
  height: 138px;
}
.fxtitle2 {
  color: #111111;
  font-size: 20px;
  font-weight: 400;
}
.fxtitle3 {
  font-size: 15px;
  color: #111111;
  font-weight: bold;
}
.fxtab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  justify-content: center;
  height: 40px;
  line-height: 40px;
  background: #ffffff;
  margin-bottom: 10px;
}
.fxtab.sp1 {
  justify-content: space-between;
}
.fxtab-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
}
.fxtab-item span {
  position: relative;
  padding: 8px 0px;
}
.active {
  color: #376bce;
}
.active .borderLine {
  display: block;
}
.borderLine {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
  display: none;
  border-bottom: 1px solid #376bce;
}
.lookMore {
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  color: #999999;
  background: #ffffff;
  font-size: 13px;
}
.scroll-item2 {
  font-size: 15px;
  margin-left: 10px;
  display: inline-block;
  width: 200px;
  color: #666666;
}
.fxbtn {
  font-size: 15px;
  border-radius: 5px;
  border: solid 1px #999999;
  padding: 4px 14px;
  color: #999999;
  margin: 0px 10px;
}
.fxbtn.on {
  border: solid 1px #376bce;
  color: #376bce;
}
.tc {
  justify-content: center;
}
.enter {
  color: #376bce;
  font-size: 18px;
  box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.05);
  padding: 10px 20px;
  border-radius: 10px;
}
.enterPic {
  height: 24px;
  margin-left: 10px;
}
.enter_link {
  padding: 4px 0px;
  border-bottom: 1px solid #376bce;
}
.ddText {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: 100px;
  overflow: hidden;
}
.layui-m-layercont {
  overflow-y: scroll;
  height: 100vh;
}
.layui-m-layercont .ddText {
  max-height: 100%;
}
.redText {
  color: #b02727;
  vertical-align: middle;
}
.common-title2 {
  text-align: center;
  font-size: 18px;
  color: #111111;
  height: 50px;
  line-height: 50px;
}
.downIcon {
  display: block;
  width: 12px;
  height: 7px;
  position: absolute;
  right: 20px;
  top: 58%;
  margin-top: -7px;
  background: url(../img/arrow.png?cf5c803cc031ebf54ae66da399377c57) no-repeat;
  background-size: 100% 100%;
}
.actionsheet-item {
  display: block;
  position: relative;
  font-size: 15px;
  color: #555;
  height: 50px;
  line-height: 50px;
  background-color: #FFF;
}
.actionsheet-item:after {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #dddddd;
}
.actionsheet-item.on {
  color: #195ddc;
}
.actionsheet-item.on .ok {
  display: inline-block;
}
.ok {
  margin-right: 8px;
  width: 13px;
  height: 13px;
  background: url(../img/duihao.png?fa8b3e5ae51d97f0ce3f38ecb5ba8896) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}
.m-actionsheet {
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #EFEFF4;
  transform: translate(0, 107%);
  transition: transform .3s;
  box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.1);
}
.actionsheet-toggle {
  transform: translate(0, 0);
}
.mask-black {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 500;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alicen {
  align-items: center;
}
.scroll-item {
  font-size: 15px;
  border-radius: 5px;
  border: solid 1px #999999;
  padding: 4px 14px;
  color: #999999;
  margin: 0px 10px;
}
.messagePic {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 14px;
  background: url(../img/messageIcons.png?60e1d46322eb631ca0aefa64d2e39e13) no-repeat;
  background-size: 100% 100%;
}
.enterIcon {
  display: inline-block;
  width: 5px;
  height: 12px;
  vertical-align: middle;
  background: url(../img/enterIcon.png?31c71186848161c9b4fc5feada046d58) no-repeat;
  background-size: 100% 100%;
}
.list3 {
  width: 100%;
}
.list3 li {
  padding-bottom: 14px;
  padding-top: 14px;
}
.list3-left {
  width: 140px;
  position: relative;
  padding: 40px 0px;
  overflow: hidden;
  height: 0px;
}
.list3-left .list3-img {
  width: 100%;
  margin-top: -40px;
}
.list3-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 20px;
  font-size: 13px;
}
.list3-right.sp1 {
  justify-content: space-between;
}
.list3-right-word {
  font-size: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.red .common-title-inner:after {
  background: #cb3520;
}
.rel .scroll {
  padding: 8px 10px;
}
.foot {
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: fixed;
  z-index: 500;
  bottom: 0px;
  left: 0px;
  background-color: #ffffff;
}
.boxShadow {
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.foot.small .foot_icon {
  width: 18px;
  height: 18px;
}
.foot .foot_item {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 7px 0 7px;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  text-align: center;
}
.foot_icon {
  margin: 0 auto;
  width: 20px;
  height: 20px;
  position: relative;
}
.foot_item .ficon1 {
  background: url(../img/footIcon1.png?24ca20565555d446d096a9396aeb3bbc) no-repeat;
  background-size: 100% 100%;
}
.foot_item .ficon2 {
  background: url(../img/footIcon2.png?f0705b5d76d72900b378ecda9d28d252) no-repeat;
  background-size: 100% 100%;
}
.foot_item .ficon3 {
  background: url(../img/footIcon3.png?b8ead56fd3e9bdbf96711219bed225d3) no-repeat;
  background-size: 100% 100%;
}
.on.foot_item .ficon1 {
  background: url(../img/footIcon1s.png?72e1f99ebbe02a0a1afc249ec6a6c58b) no-repeat;
  background-size: 100% 100%;
}
.on.foot_item .ficon2 {
  background: url(../img/footIcon2s.png?44bd3c19d7c280751b6c60dd9fd3c482) no-repeat;
  background-size: 100% 100%;
}
.on.foot_item .ficon3 {
  background: url(../img/footIcon3s.png?eb30a694880b87780ea06b81954051b8) no-repeat;
  background-size: 100% 100%;
}
.on .foot_label {
  color: #2161f1;
}
.foot_label {
  text-align: center;
  color: #999999;
  font-size: 12px;
  margin-top: 2px;
}
.login_top {
  width: 100%;
  height: 148px;
  background: #ffffff;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.login-text {
  width: 100%;
  font-size: 16px;
  text-align: center;
  margin-top: 10px;
}
.defaultHead {
  width: 47px;
  height: 47px;
}
.arrowRight {
  position: relative;
}
.arrowRight:after {
  content: " ";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
  border-color: #C8C8CD;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 2px;
}
.cell_access {
  width: 100%;
  padding: 10px 15px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #ffffff;
}
.cell_access.cell_top {
  align-items: self-start;
}
.cell_bd,
.foot_item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.centerIcon {
  width: 18px;
  height: 18px;
}
.keyText {
  font-size: 15px;
  vertical-align: middle;
  margin-left: 8px;
}
.loginname {
  display: none;
}
.logined .loginname {
  display: block;
}
.logined .loginlink {
  display: none;
}
.footLink {
  position: absolute;
  bottom: 78px;
  left: 0px;
  right: 0px;
  text-align: center;
}
.footLink .footLink_item {
  color: #376bce;
}
.footLink .footLink_item span {
  vertical-align: middle;
}
.footLinkIcon {
  width: 26px;
  vertical-align: middle;
}
.login {
  padding: 0px 4%;
  width: 100%;
}
.login .cell-ft {
  font-size: 15px;
  color: #000000;
  padding-right: 0px;
  width: 102px;
  text-align: left;
}
.login .cell_access {
  background: #f5f5f5;
  padding: 10px 0px;
}
.login .sp1 {
  justify-content: space-between;
}
.code {
  height: 30px;
}
.login_link2 {
  color: #376bce;
  font-size: 15px;
}
.sendCode {
  background: #bbbbbb;
  color: #ffffff;
  width: 100px;
  padding: 10px 0px;
  text-align: center;
  font-size: 15px;
}
h1 {
  font-size: 30px;
}
.form-control[readonly] {
  background: none;
}
.about {
  text-align: center;
}
.logo {
  width: 90px;
  height: 100px;
  margin: 20px auto;
}
.about_bottom {
  position: fixed;
  left: 0px;
  bottom: 20px;
  width: 100%;
  padding: 0px 4%;
}
.about_line {
  border-bottom: 1px solid #dddddd;
  position: absolute;
  left: 0px;
  display: block;
  right: 0px;
  bottom: 6px;
}
.about_bgff {
  background: #ffffff;
  padding: 0px 10px;
  color: #999999;
  position: relative;
  z-index: 99;
}
.recommend {
  width: 100%;
}
.recommend .flex {
  text-align: center;
  width: 100%;
}
.recommend_img {
  width: 168px;
  height: 168px;
  border: 1px solid #397fff;
  margin: 100px auto;
}
.recommend_img img {
  width: 100%;
  height: 100%;
}
.imgIcon {
  width: 36px;
  height: 36px;
  margin: 0px 10px;
}
.recommend_bottom {
  position: absolute;
  bottom: 30px;
  left: 0px;
  right: 0px;
  text-align: center;
}
.recommend_line {
  border-bottom: 1px solid #dddddd;
  position: absolute;
  left: 0px;
  right: 0px;
}
.recommend_text {
  background: #ffffff;
  color: #999999;
  padding: 0px 20px;
  top: -10px;
  position: relative;
  z-index: 999;
}
.js-category {
  width: 96%;
  font-size: 15px;
  color: #111111;
  padding: 10px;
}
.collapse {
  width: 100%;
}
.collapse li {
  padding: 15px 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.js-categoryInner {
  height: 0;
  overflow: hidden;
}
.js-show > .js-categoryInner {
  height: auto;
  overflow: auto;
}
.js-show .page-category-content {
  opacity: 1;
  transform: translateY(0px);
}
.js-show .arrowDown:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: 18px;
}
.js-show > .js-category {
  color: #376bce;
}
.second .weui-flex__item {
  margin-left: 20px;
}
.pl30 {
  padding-left: 30px;
}
.page-category-content {
  width: 100%;
  line-height: 1.47058824;
  overflow: hidden;
  position: relative;
  font-size: 14px;
  opacity: 0;
  transform: translateY(-50%);
  transition: 0.3s;
}
.page-category-content .textLink {
  display: block;
  color: #999999;
}
.select1 {
  background: transparent;
  border: 0px;
}
.form2,
.textarea1 {
  width: 100%;
}
.textarea1 {
  height: 80px;
  padding: 20px;
  color: #bbbbbb;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form2-title {
  font-size: 18px;
  color: #111111;
  line-height: 40px;
}
.form2-content {
  background: #ffffff;
}
.head {
  width: 100%;
  height: 50px;
  position: relative;
  background: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.head.sp1 {
  justify-content: space-between;
}
.head .logo2 {
  height: 80%;
}
.search2 {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 20px;
}
.search2 img {
  width: 20px;
  height: 20px;
}
.enterItem {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  border: solid 1px #2864d8;
  color: #666666;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.enterItem.sp1 {
  justify-content: space-between;
}
.enter_left {
  width: 140px;
}
.enter_left img {
  width: 100%;
}
.flexItem {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.liner {
  position: relative;
}
.liner:after {
  display: block;
  content: "";
  width: 1px;
  background: #dddddd;
  height: 12px;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -4px;
}
.bgff .fxtype2.flex {
  line-height: 40px;
  color: #111111;
  font-size: 13px;
}
.bsIcon {
  height: 14px;
  margin-right: 10px;
  vertical-align: middle;
  margin-top: -1px;
}
.indexTitle {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.indexTitle img {
  height: 20px;
  margin: 0px auto;
}
.indexEnter {
  width: 35px;
  height: 35px;
}
.enter-text {
  line-height: 30px;
}
.newContent {
  width: 100%;
  position: relative;
}
.noticeIcons {
  width: 100%;
}
.newContentRight {
  width: 100%;
  padding-left: 100px;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
}
.ul2 {
  width: 100%;
}
.ul2 li {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  align-items: center;
  height: 60px;
  padding-right: 20%;
  overflow: hidden;
}
.ul2 li.sp1 {
  justify-content: space-between;
}
.ul2 li a {
  display: block;
}
.newDec {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 14px;
  width: 262px;
}
.newTime {
  margin-top: 4px;
  padding-left: 20px;
  background: url(../img/time.png?da66ce3946bb7797d4705266877fa2f7) left center no-repeat;
  background-size: 14px 14px;
}
.project {
  width: 100%;
}
.project .arrowr:after {
  right: 10px;
}
.project .js-show > .arrowr:after {
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  /* IE 9 */
  -moz-transform: rotate(135deg);
  /* Firefox */
  -webkit-transform: rotate(135deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(135deg);
}
.project_img {
  width: 200px;
  border: 0px;
  margin-right: 30px;
}
.scroll-item3 {
  display: inline-block;
}
.collapse2 {
  position: relative;
  z-index: 99;
}
.collapse2 li {
  background-color: #fff;
  cursor: pointer;
  overflow: hidden;
  vertical-align: bottom;
}
.collapse2 .js-category {
  width: 100%;
}
.collapse2 .arrowDown:after {
  right: 18px;
}
.weui-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 10px;
  transition: all 0.3s ease 0s;
}
.weui-flex.sp1 {
  justify-content: space-between;
}
.weui-flex__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.weui-cells {
  background-color: #FFFFFF;
  line-height: 1.47058824;
  font-size: 17px;
  overflow: hidden;
  position: relative;
}
.weui-cells:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #f5f5f5;
  color: #f5f5f5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  z-index: 2;
}
.weui-cells .wei-cell_access {
  padding: 10px 15px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.weui-cells .wei-cell_access.sp1 {
  justify-content: space-between;
}
.weui-cell__ft {
  padding-right: 13px;
  position: relative;
  text-align: right;
  color: #999999;
}
.weui-cell__ft:after {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-width: 2px 2px 0 0;
  border-color: #999999;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 2px;
}
.weui-cell__bd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.weui-cell__bd p {
  font-size: 15px;
}
.weui-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  position: relative;
}
.weui-cell.sp1 {
  justify-content: space-between;
}
.weui-cell:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #f5f5f5;
  color: #f5f5f5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  left: 15px;
  z-index: 2;
}
.y-mask {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  z-index: 1500;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  align-items: start;
}
.search_top {
  width: 100%;
  padding: 8px 4%;
  align-items: center;
  height: 50px;
  line-height: 50px;
  background: #ffffff;
  position: relative;
  justify-content: space-between;
}
.search_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  height: 100%;
  background: #eeeeee;
  border-radius: 20px;
}
.searchIcon {
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  background: url(../img/search2.png?9a2d576f2a0a3fbc208451ed0bb6a8f7) no-repeat;
  background-size: 100% 100%;
}
.cancal {
  margin-left: 20px;
  color: #666666;
  font-size: 14px;
}
.text4 {
  margin-left: 30px;
  height: 30px;
  line-height: 30px;
  margin-top: -18px;
}
.list1 {
  width: 100%;
}
.list1 li {
  padding: 10px 0px;
}
.list1-left {
  width: 140px;
}
.list1-left-box {
  width: 140px;
  position: relative;
  padding: 42px 0px;
  overflow: hidden;
  height: 0px;
}
.list1-img {
  width: 100%;
  margin-top: -42px;
}
.list1-right {
  padding-left: 10px;
  font-size: 15px;
}
.list1-right dt {
  width: 50px;
}
.list1-right dl {
  margin-bottom: 4px;
}
.list1-right .ddText {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.list-p {
  text-align: center;
  font-size: 14px;
  color: #666666;
  margin-top: 10px;
}
.ftdetail {
  line-height: 30px;
  font-size: 15px;
}
.ftdetail.type1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 360px) {
  .form-control {
    font-size: 10px;
    padding: 0 5px;
  }
}
@media (max-width: 320px) {
  .col-xs-6 {
    padding: 0 5px;
  }
}
.btn_right img {
  width: 16px;
}
.btn_left img {
  width: 16px;
}
.list1 .lookMore {
  background: transparent;
}
.breadcrumbs {
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.breadcrumbs .cen {
  width: 100%;
  text-align: left;
}
.breadcrumbItem.on {
  color: #b02727;
}
.head-text {
  color: #cb3520;
  font-size: 24px;
}
.list2 .list2-item {
  display: block;
  width: 100%;
  color: #666666;
  font-size: 15px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.banner {
  width: 100%;
}
.banner .bannerImg {
  width: 100%;
}
.playList li {
  margin-bottom: 10px;
  position: relative;
}
.list-img {
  padding: 23% 0px;
  height: 0px;
  overflow: hidden;
}
.list-img img {
  width: 100%;
  margin-top: -29%;
}
.playBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.3);
}
.playBox .playBtn {
  margin: 15% auto;
  line-height: 100%;
}
.list-tel,
.list-tel dl {
  width: 100%;
  color: #666666;
  font-size: 15px;
  padding: 0px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.list-tel dt,
.list-tel dd {
  float: left;
  line-height: 24px;
}
.contentItem .cell {
  align-items: flex-start;
}
.contentItem .cell-bd {
  height: 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.layer {
  display: none;
}
.layui-m-layerchild {
  width: 90% !important;
  padding: 10px;
}
.textarea2 {
  border: 0px;
  width: 100%;
  padding: 0px 10px;
  display: inline-block;
  vertical-align: top;
}
.top.cell {
  align-items: start;
  -webkit-box-align: start;
}
.f13 .fxbtn {
  font-size: 13px;
}
.tab.fxbtn {
  padding: 10px 0px;
}
.input_group {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.input_group.sp1 {
  justify-content: space-between;
}
.input_group.bgff {
  margin-bottom: 0px;
}
.input_label {
  width: 30%;
  text-align: right;
  padding-right: 20px;
  font-size: 15px;
  color: #333333;
}
.input_text1 {
  width: 150px;
  height: 30px;
  border: solid 1px #cccccc;
  font-size: 15px;
}
.loginStatus {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(7, 184, 174, 0.9);
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.login-btn {
  border-radius: 5px;
  font-size: 15px;
  border: 1px solid #eeeeee;
  padding: 2px 10px;
  color: #ffffff;
  line-height: 20px;
}
.nologin {
  text-align: center;
}
.logined {
  font-size: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: #ffffff;
  padding: 0px 20px;
}
.logined.sp1 {
  justify-content: space-between;
}
.logined-flex {
  flex: 1;
}
.avatar {
  width: 30px;
  height: 30px;
}
.service-title {
  font-size: 18px;
  text-align: center;
  font-weight: bolder;
  line-height: 62px;
  background: #ffffff;
}
.service-content {
  width: 100%;
}
.service-flex {
  padding: 14px  10px;
  width: 100%;
  -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;
}
.service-flex.sp1 {
  justify-content: space-between;
}
.service-flex.bgff {
  background: #ffffff;
}
.service-flex dt {
  width: 75px;
  height: 75px;
  border-radius: 10px;
  color: #ffffff;
  font-size: 20px;
  line-height: 22px;
  padding: 15px 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 4px;
}
.service-flex dt.color1 {
  background-color: #99cb72;
}
.service-flex dt.color2 {
  background-color: #61c4af;
}
.service-flex dt.color3 {
  background: #f0b662;
}
.service-flex dt.color4 {
  background: #8ca5d7;
}
.service-flex dt.color5 {
  background: #f78b8b;
}
.service-flex dd {
  flex: 1;
  font-size: 0px;
  padding-left: 30px;
  width: calc(100% - 75px);
  -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;
  flex-flow: row wrap;
  justify-content: flex-start;
  justify-content: space-between;
}
.service-flex dd.sp1 {
  justify-content: space-between;
}
.service-flex dd a {
  display: inline-block;
  width: 45%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  color: #333333;
  margin: 4px 0px;
}
.book-code {
  height: 30px;
  width: 70px;
}
.info-btngroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  width: 100%;
  justify-content: space-between;
  padding: 0px 22px;
}
.info-btngroup.sp1 {
  justify-content: space-between;
}
.info-btngroup .fbtn1 {
  width: 47%;
  height: 43px;
  line-height: 43px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 7px;
  font-size: 18px;
  border: solid 1px #376bce;
  color: #376bce;
  background: #ffffff;
}
.fx-breadcrumb {
  height: 40px;
  line-height: 40px;
  width: 100%;
  padding: 0px 4%;
  color: #999999;
}
.fx-breadcrumb a {
  color: #999999;
}
.fx-breadcrumb a.cur {
  color: #a2352f;
}
.fx-footer {
  text-align: center;
  width: 100%;
  padding-top: 27px;
  line-height: 30px;
}
.fx-badge {
  height: 32px;
  margin-bottom: 16px;
}
.fx-breadcrumb-arrow {
  margin: 0px 9px;
}
.fx-breadcrumb-title {
  margin-right: 16px;
}
.fx-tabs {
  line-height: 43px;
  padding: 0px 4%;
  background: #446ac5;
}
.fx-tabs a {
  color: #ffffff;
  font-size: 16px;
  margin-right: 28px;
}
.fx-second-tab {
  padding: 10px 4% 0px;
  font-size: 24px;
  line-height: 50px;
  color: #446ac5;
}
.fx-page-wrapper {
  height: 102px;
  text-align: center;
  line-height: 102px;
}
.fx-page-wrapper a {
  font-size: 14px;
  padding: 6px 10px;
  border-radius: 12px;
  background: #dddddd;
  margin: 0px 2px;
}
.fx-page-wrapper a.current {
  background: #6488e0;
  color: #ffffff;
}
.fx-space {
  margin: 0px 10px;
  font-size: 14px;
}
.textarea3 {
  height: 100px;
  width: 86%;
  margin-left: 4%;
}
@media (max-width: 414px) {
  .form-control {
    font-size: 12px;
  }
}