* {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-style: normal;
	font-family: 'Avenir', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
/* *:not(input, textarea, i) {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
} */
:focus{
  outline: none;
}
::-moz-focus-inner{
  border: 0;
}
input,textarea{
  outline:medium;
}
ul li {
	list-style: none;
}
i {
	font-style: normal;
}.anchorBL{
  display: none;
}
UL {
	list-style-image: none;
	list-style-type: none;
}
body {
  font-size:14px;
  color:#162029;
	background-color: #EFF4F8;
}
button{
  border:0;
  border-radius:3px;
  cursor: pointer;
}
a{
  text-decoration: none;
}
.box{
	padding:25px;
}
.FullScreen{
  margin:-60px 0 0 -180px;
}
.NoSelect{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
button{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.btnArray{
  position: relative;
  overflow: hidden;
}
.btnArray a{
  float: left;
  margin-right:15px;
  margin-bottom: 5px;
}
.btnArray a:last-child{
  margin-right:0;
}
.clear{
  clear:both;
}
.transition{
  transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  -o-transition:.3s;
}
.gradient{
  background: -moz-linear-gradient(to right, #3595FF 0%, #098CDE 100%);
  background: -webkit-linear-gradient(to right, #3595FF 0%,#098CDE 100%);
  background: -o-linear-gradient(to right, #3595FF 0%,#098CDE 100%);
  background: -ms-linear-gradient(to right, #3595FF 0%,#098CDE 100%);
  background: linear-gradient(to right, #3595FF 0%,#098CDE 100%);
}
.backImg{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.backImgNull{
  background-image: url(../images/nullimg.png);
}
.HomePageMainBox{
  margin:20px;
  min-width:1000px;
}
.MainBox{
  margin:20px;
  min-width:1000px;
  border-radius: 5px;
  border:1px solid #E4E8EB;
  background-color: #FFF;
  overflow: hidden;
}
.FocusA{
  color:#278BF5;
  cursor: pointer;
  text-decoration: underline;
}
.link{
  cursor: pointer;
  &:hover{
    color: #278BF5;
  }
}

.blueColor{
  color:#3595FF !important;
}
.orangeColor{
  color:#FB8303 !important;
}
.orangeTwoColor{
  color:#ff6a00 !important;
}
.greenColor{
  color:#28A745 !important;
}
.violetColor{
  color:#9C50B2;
}
.cyanColor{
  color:#00BCD4;
}
.pinkColor{
  color:#E91E64;
}
.redColor{
  color:#FF272D !important;
}
.redTwoColor{
  color:#FF5722 !important;
}
.grayColor{
  color:#999;
}
.blueBackColor{
  color:#FFF;
  background-color:#3595FF;
}
.blueBackColor:hover{
  background-color:#278BF5;
}
.orangeBackColor{
  color:#FFF;
  background-color:#FF5722;
}
.greenBackColor{
  color:#FFF;
  background-color:#28A745;
}
.greenBackColor:hover{
  background-color:#209E3D;
}
.violetBackColor{
  color:#FFF;
  background-color:#9C50B2;
}
.cyanBackColor{
  color:#FFF;
  background-color:#00BCD4;
}
.cyanBackColor:hover{
  background-color:#00B2C9;
}
.pinkBackColor{
  color:#FFF;
  background-color:#E91E64;
}
.redBackColor{
  color:#FFF;
  background-color:#DD4B39;
}
.redBackColor:hover{
  background-color:#D43E2A;
}
.redTwoBackColor{
  color:#FFF;
  background-color:#FF5722;
}
.grayBackColor{
  color:#646B71;
  background-color:#EFF4F8;
  border:1px solid #D8E4ED;
}
.grayBackColor:hover{
  background-color:#E4ECF2;
}
.grayBackTwoColor{
  background-color: #FAFAFA;
}
.grayBackTwoColor:hover{
  background-color: #F3F3F3;
}
.ProhibitBtn{
  color:#FFF;
  cursor: not-allowed !important;
  background-color:#CCC;
}
.ProhibitBtn:hover{
  background-color:#CCC;
}
.grayBorder{
  border:2px solid #D8E4ED;
}
.blueBorder{
  border:2px solid #3595FF;
}
.orangeBorder{
  border:2px solid #FF5722;
}
.redTwoBorder{
  border:2px solid #FF5722;
}
.greenBorder{
  border:2px solid #28A745;
}
.violetBorder{
  border:2px solid #9C50B2;
}
.cyanBorder{
  border:2px solid #00BCD4;
}
.pinkBorder{
  border:2px solid #E91E64;
}
.onlyOneRow{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space:nowrap;
}
.feedback:hover{
  opacity: 0.8;
}
.FloatBox{
  overflow: hidden;
}
.FloatBoxRow{
  float: left;
}
.FloatBoxRow1{
  width:10%;
}
.FloatBoxRow2{
  width:20%;
}
.FloatBoxRow3{
  width:30%;
}
.FloatBoxRow4{
  width:40%;
}
.FloatBoxRow5{
  width:50%;
}
.FloatBoxRow6{
  width:60%;
}
.FloatBoxRow7{
  width:70%;
}
.FloatBoxRow10{
  width:100%;
}
.btnStyleOne{
  cursor: pointer;
  color:#868E99;
  padding:8px 10px;
  border-radius: 3px;
  border:1px solid #D8E4ED;
  background-color: #EFF4F8;
}
.btnStyleOne:hover{
  background-color: #E4ECF2;
}

.btnStyleTwo{
  cursor: pointer;
  padding:10px 12px;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.btnStyleTwo span{
  padding-right:5px;
  font-size:14px !important;
}
.btnRadius{
  border-radius: 5px;
}

/* 表单样式一 */
.FormStyleOne{
  margin-top:30px;
  padding-left:90px;
  position: relative;
}
.FormStyleOne:first-child{
  margin-top:0;
}
.FormStyleOneTitle{
  position: absolute;
  top:10px;
  left:0;
  color:#646B71;
  width:80px;
  line-height:20px;
  word-wrap: break-word;
}
.FormStyleOne input,.FormStyleOne select,.SelectStyle{
  height:38px;
  padding:0 10px;
  font-size:14px;
  border-radius: 3px;
  border:1px solid #D8E4ED;
}
.FormStyleOne select,.SelectStyle{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.FormStyleOne textarea{
  width:300px;
  padding:10px;
  font-size:14px;
  border-radius: 3px;
  border:1px solid #D8E4ED;
}
.FormStyleOneHint{
  color:#868E99;
  margin-top:10px;
  width: 380px;
  line-height:20px;
}
.FormStyleOneBtn{
  position: absolute;
  top:0;
  left:510px;
  line-height:19px;
}

.SelectStyle{
  color:#585A64;
  line-height: 35px;
  position: relative;
}
.SelectStyleValue{
  width: 100px;
  height:35px;
  overflow: hidden;
}
.OptionStyleBox{
  position: absolute;
  width: 100%;
  left:-1px;right:0;
  background-color: #FFF;
  border: 1px solid #D8E4ED;
  border-top:0;
  z-index: 99;
  margin-top:1px;
  box-shadow:0 1px 5px rgba(0,0,0,0.1);
}
.OptionStyleMain{
  max-height:246px;
  overflow-y: auto;
}
.OptionStyleQuery{
  padding:10px;
  position: relative;
  border-bottom: 1px solid #F3F3F3;
}
.OptionStyleQuery input{
  width:492px !important;
}
.OptionStyleQueryBtn{
  position: absolute;
  right:12px;top:11px;
  line-height:35px;
  width:70px;
  border-radius: 0 3px 3px 0;
  display: block;
  text-align: center;
  cursor: pointer;
  background-color: #EFF4F8;
  border-left:1px solid #D8E4ED;
}
.OptionStyleQueryBtn:hover{
  background-color: #E4ECF2;
}
.OptionStyleRow{
  padding:3px 10px;
  color:#585A64;
}
.OptionStyleRowActive{
  color:#FFF !important;
  background-color: #3399FF !important;
}
.OptionStyleRow:hover{
  background-color: #f9f9f9;
}
.OptionStyleLoading{
  padding:5px 0;
  cursor: pointer;
  text-align: center;
  border-top:1px solid #F3F3F3;
}
.OptionStyleLoading:hover{
  background-color: #F9F9F9;
}
.iconfont{
  -webkit-font-smoothing: antialiased;
}
.OptionStyleIcon{
  position: absolute;
  right:0;
  bottom:0;
  top:0;
  width:40px;
  color:#868E99;
  text-align: center;
  line-height:38px;
  cursor: pointer;
  border-left:1px solid #D8E4ED;
  background-color: #EFF4F8;
}
.OptionStyleIcon:hover{
  background-color: #E4ECF2;;
}
.FormStyleOneImgs{
  overflow: hidden;
}
.FormStyleOneImgs a{
  display: block;
  float: left;
  width:100px;
  height:100px;
  border:1px solid #D8E4ED;
  float: left;
  background-image: url('/static/images/add.png');
  background-size: 100%;
  margin-right:15px;
}
.FormStyleOneImgs a:last-child{
  margin-right:0;
}
.FormStyleOneImgs a img{
  width: 100%;
  display: block;
}
.TableHeadRight > .SelectStyle{
  width:150px;
  height:38px;
  line-height:38px;
}
.TableHeadRight > .SelectStyle > .OptionStyleIcon{
  height:38px;
  line-height:38px;
}
.UploadFinishImg{
  position: absolute;
  left:0;right:0;
  top:0;bottom:0;
}
.UploadHint{
  line-height: 100px;
}
.RemoveImgIcon{
  position: absolute;
  top:5px;right:5px;
  color:#FFF;
  font-size:17px;
  cursor: pointer;
  z-index: 5;
  text-shadow:0 0 2px #000;
}
.RemoveImgIcon:hover{
  opacity: .8;
}

/* 搜索框 */
.SearchBox{
  width:230px;
  height:38px;
  position: relative;
  border-radius: 5px;
  border:1px solid #D8E4ED;
}
.SearchBox input{
  width: 140px;
  height:38px;
  border:0;
  border-radius: 5px;
  padding:0 10px;
}
.SearchBtn{
  right:0;
  top:0;
  padding:0 10px;
  color:#868E99;
  cursor: pointer;
  text-align: center;
  line-height:38px;
  position: absolute;
  border-radius: 0 5px 5px 0;
  background-color: #EFF4F8;
  border-left:1px solid #D8E4ED;
}
.SearchBtn:hover{
  background-color: #E4ECF2;
}

.TableHint{
  color:#646B71;
  padding:0 20px;
  padding-bottom:10px;
}
.TableHint i{
  color:#FF272D;
}
.TableMain{
  padding-bottom:15px;
}
.table{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size:13px;
}
.table > thead > tr > th {
  text-align: left;
  padding: 10px 20px 20px 20px;
  border-bottom: 2px solid #D8E4ED;
  vertical-align: bottom;
  color:#162029;
}
.StripeTable > tbody > tr:nth-child(2n){
  background-color: #F9F9F9;
}
.table > tbody > tr > td{
  border-bottom:1px solid #F3F3F3;
  line-height:1.42857;
  padding:10px 20px;
  color:#585A64;
}
.tableImg{
  width:60px;
  height:60px;
  border-radius:3px;
  position: relative;
}
.tableImgShow{
  position: absolute;
  display: block;
  top: 0;left: 0;
  right: 0;bottom: 0;
  opacity: 0;
  width: 100%;
  height:100%;
  z-index: 4;
}
.TRHoverStyle tr:hover{
  background-color: #F6F6F6 !important;
}
.LastTdWidth{
  width:245px;
}
.whether{
  color:#AAA;
  font-size:13px !important;
  padding-left:15px;
}
.ModalMainImgHead{
  border-bottom: 1px solid #f3f3f3;
}
.ModalMaiImgIcon{
  line-height:70px;
  color:#888;
  cursor: pointer;
}
.ModalMaiImgMainBox{
  width:80px;
}
.ModalMaiImgIconBox{
  width:30px;
}
.ModalMaiImgMain{
  height:70px;
  width:70px;
  border:1px solid #F3F3F3;
  background-image: url('/static/images/nullimg.png');
}

/* 分页器 */
.PagingBox{
  display: table;
  margin:30px auto;
  overflow: hidden;
}
.PagingMain{
  float: left;
  overflow: hidden;
}
.PagingMain li{
  min-width:30px;
  padding: 0 5px;
  box-sizing: border-box;
  height:30px;
  overflow: hidden;
  line-height:30px;
  text-align: center;
  float: left;
  cursor: pointer;
}
.PagingNunber{
  color:#646B71;
}
.PagingArrows{
  font-size:10px !important;
  color:#C5C5C5;
  line-height: 32px !important;
}
.PagingArrows:first-child{
  border-radius: 3px 0 0 3px;
}
.PagingArrows:last-child{
  border-radius: 0 3px 3px 0;
}
.PagingMore a{
  overflow: hidden;
  display: table;
  margin:0 auto;
}
.PagingMore i{
  float: left;
  width:3px;
  height:3px;
  margin-left:3px;
  border-radius: 5px;
  background-color: #C5C5C5;
  margin-top:calc(100% - 1.5px);
}
.PagingMore i:first-child{
  margin-left:0;
}
.PagingNormal{
  border:1px solid #DDD;
  border-right: 0;
}
.PagingNormal:first-child{
  border-right: 0;
}
.PagingNormal:last-child{
  border-right: 1px solid #D8D8D8;
}
.PagingNormal:hover{
  background-color: #F9F9F9;
}
.PagingNunberActive{
  color:#FFF;
  border:1px solid #3595FF;
  background-color: #3595FF;
  box-shadow:0 0 5px rgba(53,149,255,0.6);
}
.PagingNunberActive:hover{
  background-color: #278BF5;
}
.PagingArrowsHight{
  color:#646B71;
}
.PagingArrowsDisabled{
  cursor: not-allowed !important;
}

/* 更多功能列表 */
.FunctionListBox{
  position: fixed;
  top:60px;
  right:0;
  bottom:0;
  background:rgba(0,0,0,0.5);
  z-index: 99;
  box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.FunctionListBoxOne{
  left:180px;
}
.FunctionListBoxTwo{
  left:60px;
}
.FunctionListMain{
  margin:20px;
  padding:20px;
  background-color: #FFF;
  border-radius: 5px;
}
.FunctionListHeadBox{
  height:50px;
  border-bottom:1px solid #D8E4ED;
}
.FunctionListHead{
  overflow: hidden;
  position: relative;
}
.FunctionListHeadClose{
  position: absolute;
  right:0;
  font-size:20px;
  color:#585A64;
  cursor: pointer;
}
.FunctionListHeadClose:hover{
  opacity: 0.8;
}
.FunctionListHeadRow{
  height:48px;
  line-height:48px;
  float: left;
  color:#8B8B8C;
  cursor: pointer;
  padding:0 15px;
  border-top:2px solid #FFF;
  border-left:1px solid #FFF;
  border-right:1px solid #FFF;
  background-color: #FFF;
}
.FunctionListHeadActive{
  color:#3670FC;
  border-bottom:1px solid #FFF;
  border-left:1px solid #D8E4ED;
  border-right:1px solid #D8E4ED;
  border-top:2px solid #3670FC;
}
.FunctionListContentRow{
  padding:20px 15px;
  font-size:13px;
  position: relative;
  padding-right:80px;
  border-bottom:1px solid #E4ECF2;
}
.FunctionListContentRow:last-child{
  border-bottom:0;
}
.FunctionListContentTitle{
  color:#444;
}
.FunctionListContentMsg{
  margin-top:8px;
  color:#8B8B8C;
}
.slidebtnBox{
  position: relative;
}
.slidebtn{
  display: block;
  width: 38px;
  height: 21px;
  border-radius: 100px;
  position: absolute;
  cursor: pointer;
  margin-top: 12px;
  top:calc(50% - 25px);
  background-color: #FFFFFF;
  border: 2px solid #F3F3F3;
}
.slidebtnLeft{
  left:0;
}
.slidebtnRight{
  right:0;
}
.slidebtn i {
  height: 21px;
  width: 21px;
  top: -1px;
  display: block;
  position: absolute;
  border-radius: 26px;
  background-color: #FFFFFF;
  box-shadow: 1px 0px 1px rgba(100, 100, 100, 0.1);
}
.slidebtnOpen {
  background-color: #4bed90;
  border: 2px solid #4bed90;
}
.slidebtnOpen i{
  transform:translateX(16px);
  -webkit-transform:translateX(16px);
  -moz-transform:translateX(16px);
  border: 1px solid #4bed90;
}
.slidebtnClose i{
  transform:translateX(-1px);
  -webkit-transform:translateX(-1px);
  -moz-transform:translateX(-1px);
  border: 1px solid rgb(227, 227, 227);
}
.slidebtnClose{
  background-color: rgb(255, 255, 255);
  border: 2px solid rgb(227, 227, 227);
}
.FunctionListContentMsg input{
  border:1px solid #D8E4ED;
  height:37px;
  padding:0 10px;
  width:250px;
  margin-top:3px;
  border-radius: 3px;
}
.FunctionListContentMsg input:first-child{
  margin-right:15px;
}

/* 表格头部 */
.TableHead{
  padding:20px;
  height:40px;
}
.TableHeadLeft{
  float: left;
  overflow: hidden;
}
.TableHeadLeftRow{
  float: left;
  margin-right:15px;
  position: relative;
  line-height: 20px;
}
.TableHeadLeftRow:last-child{
  margin-right:0;
}
.TableHeadRight{
  float: right;
}
.TableHeadHint{
  color:#646B71;
  margin-top:10px;
  padding-left:10px;
}

/* 表单样式二 */
.FormStyleTwoLeft{
  min-width: 380px;
}
.FormStyleTwoRight{
  min-width: 620px;
}
.FormStyleTwo{
  position: relative;
}
.FormStyleTwoRow{
  margin-top:20px;
  position: relative;
}
.FormStyleTwoRow:first-child{
  margin-top:0;
}
.FormStyleTwoRightBtn{
  position: absolute;
  top: 0;
  right: 0;
  line-height: 19px;
  cursor: pointer;
  padding: 9px 10px;
  border-radius: 3px;
}
.SelectStyleArr{
  position: relative;
}
.FormStyleTwoUploadImg{
  position: absolute;
  right:0;
  bottom:0;
  height:37px;
  line-height: 37px;
  width:90px;
  text-align: center;
}
.FormStyleTwoTitle{
  color:#585A64;
  padding-bottom:8px;
}
.FormStyleTwoTitle i{
  padding-right:5px;
  color:#FF272D;
}
.FormStyleTwo input,.FormStyleTwo select{
  width:300px;
  height:35px;
  padding:0 10px;
  font-size:14px;
  border-radius: 3px;
  border:1px solid #D8E4ED;
}
.cascader input{
    width: 323px;
}
.FormStyleTwo textarea{
  width:300px;
  padding:10px;
  font-size:14px;
  border-radius: 3px;
  border:1px solid #D8E4ED;
}
.FormStyleTwoImgBox{
  overflow: hidden;
}
.FormStyleTwoImg{
  width:85px;
  height:85px;
  float: left;
  position: relative;
  border:1px solid #D8E4ED;
  background-image: url('/static/images/add.png');
  border-radius: 3px;
}
.FormStyleTwoImgTwo{
  width:85px;
  height:85px;
  display: block;
  border:1px solid #D8E4ED;
  background-image: url('/static/images/add.png');
  border-radius: 3px;
  position: relative;
}
.FormStyleTwoImgMore{
  float: left;
  margin-left: 15px;
}
.notice{
  position: absolute;
  left:-10px;
  top:0;
  color:#FF272D;
}
.hint{
  color:#868E99;
  margin-bottom:10px;
}
.hint i {
  color:#FF272D;
  margin-right:5px;
  line-height:20px;
}
.FormStyleTwoInputLeft{
  width:150px !important;
  margin-right:10px;
}
.FormStyleTwoInputRight{
  width:220px !important;
}
.FormStyleTwoImgBtnArrAbsolute{
  position: absolute;
  top:0;
  left:450px;
}
.FormStyleTwoRelative{
  position: relative;
}
.AddDefine{
  display: table;
  margin-top:15px;
}
.formFootBtnArr{
  display: table;
  margin:20px auto;
  position: relative;
}
.formFootBtnArr > .btnStyleTwo{
  padding:12px 15px;
  font-size:16px;
}
.FormUpFileHint{
  margin-left:5px;
  color:#585A64;
  line-height:38px;
  width: 300px;
}


/* 模态框 */
.ModalBox{
  left:0;top:0;
  right:0;bottom:0;
  position: fixed;
  z-index: 99;
  background: rgba(0,0,0,0.6);
  overflow-x: hidden;
  overflow-y: auto;
}
.ModalMain{
  width: 585px;
  display: table;
  margin:35px auto;
  background-color: #FFF;
  border-radius: 5px;
}
.ModalMainImgBox{
  padding:0 !important;
}
.ModalMainHead{
  color:#646B71;
  padding:15px 20px;
  font-size:15px;
  position: relative;
  border-bottom: 1px solid #F3F3F3;
}
.ModalMainHeadClose{
  position: absolute;
  right:20px;
  color:#C5C5C5;
  top:calc(50% - 8px);
  font-size:13px;
  cursor: pointer;
}
.ModalMainBox{
  padding:25px;
}
.ModalSelect{
  width:150px !important;
}
.ModalMainBoxScroll{
  height:500px;
  overflow-y: scroll;
}
.ModalMainFoot{
  overflow: hidden;
  padding:15px 20px;
  border-top:1px solid #F3F3F3;
}
.ModalMainFootLeft{
  float: left;
  color:#646B71;
  line-height:35px;
  cursor: pointer;
}
.ModalMainFootLeft span{
  padding-right:5px;
  position: relative;
  top:1px;
}
.ModalMainFootRight{
  float: right;
}
.ModalMainFootRight > .grayBackColor{
  border:1px solid #D8E4ED;
}
.ModalMainFootRight > .blueBackColor{
  border:1px solid #278BF5;
}
.ModalMainFootRight > .btnStyleTwo{
  padding:7px 15px;
}
.ModalMainBox > .FormStyleTwo input, .ModalMainBox > .FormStyleTwo > .FormStyleTwoRow > .SelectStyle ,.ModalMainBox > .FormStyleTwo textarea{
  width: 515px;
}

/* 图片列表 */
.ImagesSpaceHint{
	color:#646B71;
	font-size:15px;
	background-color: #F9F9F9;
	padding:15px 25px;
	position: relative;
}
.IconArray{
	position: absolute;
	right:25px;
	font-size:14px;
	top:calc(50% - 10px);
}
.IconArrayRow{
	cursor: pointer;
	margin-right:20px;
}
.IconArrayRow:last-child{
	margin-right:0;
}
.ImagesList{
	float: left;
	margin-top:25px;
	margin-left:25px;
}
.ImagesListImg{
	width:158px;
	height:158px;
  overflow: hidden;
	cursor: pointer;
	position: relative;
  background-color: #F9F9F9;
}
.ImagesListImgPlay{
	position: absolute;
	top:calc(50% - 25px);
	left:calc(50% - 25px);
  width:45px;
  height:45px;
  z-index: 3;
}
.ImagesListImgHover{
	position: absolute;
	top:0;left:0;
  right:0;
  height:25px;
  z-index: 5;
}
.ImagesImgData{
  position: absolute;
  display: block;
  top: 25px;left: 0;
  right: 0;bottom: 0;
  opacity: 0;
  width: 100%;
  height:100%;
  z-index: 4;
}
.ImagesListImgShade{
  position: absolute;
  top:0;left:0;
  bottom:0;right:0;
  background: rgba(0,0,0,0.2);
  z-index: 3;
}
.ImagesListSelect{
	color:#FFF;
	position: absolute;
	left:5px;
	top:5px;
}
.ImagesListEdit{
	color:#FFF;
	position: absolute;
	right:5px;
	top:5px;
  line-height:22px;
  font-size:14px;
  text-shadow:0 0 2px #000;
}
.ImagesListTitle{
	text-align: center;
	padding-top:8px;
	color:#585A64;
  height:20px;
  width:158px;
}
.ImagesListImgFoot{
  position: absolute;
  bottom: 5px;
  left:5px;
  right:5px;
  color:#FFF;
  font-size:12px;
  overflow: hidden;
  z-index: 3;
  text-shadow:0 0 2px #000;
}
.ImagesListImgSize{
  float: left;
  width:74px;
}
.ImagesListImgDate{
  float: right;
  width:74px;
  text-align: right;
}

.MusicsList{
  width:140px;
  float: left;
  margin-top:25px;
  margin-left:25px;
  border-radius: 5px;
  padding:15px 20px;
  padding-left:70px;
  padding-right:40px;
  position: relative;
  box-shadow: 0 0 8px rgba(100,100,100,0.2);
}
.MusicsListTitle{
  color:#1D2B36;
  height:20px;
  border:1px solid #FFF;
  width:135px;
  font-size:15px;
}
.MusicsListTxt{
  color:#646B71;
  margin-top:4px;
}
.MusicsListTxt a:first-child{
  margin-right: 10px;
}
.MusicsListIcon{
  position: absolute;
  left:15px;
  top:calc(50% - 22px);
  font-size:41px !important;
  color:#3595FF;
  cursor: pointer;
}
.MusicsListIcon:hover{
  color: #278BF5;
}

.CodeQueryBox{
  padding:20px;
}
.CodeQueryLeft,.CodeQueryRight{
  float: left;
}
.FormStyleThree input{
  height:45px;
  width:380px;
  padding:0 10px;
  border:1px solid #D8E4ED;
}
.FormStyleThreeQuery{
  width: 402px;
  position: relative;
}
.FormStyleThreeBtn{
  height:46px;
  line-height:45px;
  position: absolute;
  right:0;top:0;
  padding:0 20px;
  cursor: pointer;
}
.CodeQueryProductTitle{
  padding:10px 0;
  margin-top:20px;
  position: relative;
  border-bottom:1px solid #F3F3F3;
}
.CodeQueryProductTitleBtn{
  position: absolute;
  right:0;
  cursor: pointer;
}
.CodeQueryProductTitleBtn:hover{
  text-decoration: underline;
}
.CodeQueryProductTitle span{
  font-size:14px !important;
  margin-right:5px;
}

.FormStyleFour li{
  margin-top:18px;
  overflow: hidden;
  background-color: #F3F3F3;
  border:1px solid #E3E3E3;
}
.FormStyleFourKey{
  padding:10px;
  display: block;
  color:#585A64;
  width:100px;
  float: left;
  border-right:1px solid #E3E3E3;
}
.FormStyleFourValue{
  padding:10px;
  padding-left:15px;
  float: left;
  display: block;
  width: 250px;
}

/* 采集列表 */
.CodeActiveListBox{
  margin-top:25px;
}
.CodeActiveListTitle{
  display: block;
  height:32px;
  color:#292728;
  position: relative;
  border-bottom: 1px solid #F3F3F3;
}
.CodeActiveListTitle i {
  color:#FF272D;
  padding:0 5px;
}
.CodeActiveList li{
  padding:12px 10px;
  color:#585A64;
  font-size:13px;
  position: relative;
}
.CodeActiveList li:nth-child(2n-1){
  background-color: #F9F9F9;
}
.CodeActiveListRomoveAll{
  position: absolute;
  right:0px;
  top:0;
  color:#585A64;
  cursor: pointer;
}
.CodeActiveListRomove{
  position: absolute;
  right:10px;
  color:#646B71;
  font-size:18px;
  top:calc(50% - 9px);
  cursor: pointer;
}
.CodeActiveListPacket li:first-child{
  background-color: #FFD5D1;
}

/* 表格样式二 */
.tableTwo{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top:15px;
}
.tableTwo > thead > tr{
  border: 1px solid #E1E6EB;
}
.tableTwo > thead > tr > th{
  text-align: left;
  padding:10px 20px;
  color:#646B71;
  background-color: #F5F6FA;
}
.tableTwo > tbody > tr{
  border: 1px solid #E1E6EB;
}
.tableTwo > tbody > tr > td{
  text-align: left;
  padding:18px 20px;
  font-size:13px;
}
.read{
  color:#999;
}
.HighlightTitle{
  cursor: pointer;
}
.HighlightTitle:hover{
  color:#278BF5;
  text-decoration: underline;
}

/* 表格样式三 */
.tableThree{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.tableThree > thead{
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
.tableThree > thead > tr > th{
  text-align: left;
  padding:15px 20px;
  color:#FFF;
}
.tableThree > tbody > tr > td{
  text-align: left;
  padding:0 20px;
  padding-top: 18px;
  font-size:13px;
  color: #FFF;
}
.tbodyStyle > tr > td{
  text-align: left;
  padding:0 20px;
  padding-top: 18px;
  font-size:13px;
  color: #FFF;
}

/* 费用中心 */
.HomeExpenseBox{
  margin-top:20px;
}
.NavbarStyleOne{
  position: relative;
  padding:15px 20px;
  border-bottom:1px solid #F3F3F3;
}
.NavbarStyleOneMore{
  position: absolute;
  right:20px;
  top:15px;
  color:#585A64;
  cursor: pointer;
}
.NavbarStyleOneMore i{
  font-size:12px;
  padding-left:5px;
  position: relative;
  top:-1px;
}
.HomeExpenseMain{
  border-right:1px solid #F3F3F3;
}
.HomeExpenseMainOneBalance{
  padding:20px 0;
  font-size:25px;
}
.HomeExpenseMainOneBalance i {
  font-size:16px;
}
.HomeExpenseMainOneBtnArray{
  overflow: hidden;
}
.HomeExpenseMainOneBtnArray a{
  float: left;
  padding:6px 18px;
  background-color: #EFF4F8;
  border:1px solid #D8E4ED;
  border-radius: 3px;
  margin-left:15px;
  cursor: pointer;
}
.HomeExpenseMainOneBtnArray a:first-child{
  margin-left:0;
}
.HomeExpenseMainOneBtnArray a:hover{
  background-color: #E4ECF2;
}
.HomeExpenseMainOneTop{
  padding:20px;
}
.HomeExpenseMainOneBottom{
  border-top:1px solid #F3F3F3;
}
.HomeExpenseMainOneBottom li{
  padding:20px 0;
  border-right: 1px solid #F3F3F3;
}
.HomeExpenseMainOneBottom p{
  text-align: center;
  line-height:25px;
  padding:2px 0;
}
.HomeExpenseMainOneBottom p:last-child{
  color:#585A64;
}

.HomeExpenseMainTwo,.HomeExpenseMainThree{
  padding:20px;
  height:220px;
}
.HomeExpenseMainThree{
  border-right:0;
}
.HomeExpenseMainTwoBalance{
  background-color: #EFF4F8;
  border:1px solid #D8E4ED;
  padding:15px;
  margin:20px 0;
  position: relative;
}
.HomeExpenseMainTwoBalanceBtn{
  position: absolute;
  right:15px;
  top:calc(50% - 10px);
  color:#3595FF;
  cursor: pointer;
}
.HomeExpenseMainTwoBalance p{
  color:#585A64;
}
.HomeExpenseMainTwoBalance p:last-child{
  color:#1D2B36;
  margin-top:10px;
  font-size:15px;
}
.HomeExpenseMainTwoBtnArray{
  overflow: hidden;
}
.HomeExpenseMainTwoBtnArray a{
  float: left;
  padding:10px 18px;
  border:1px solid #D8E4ED;
  margin-left:15px;
  border-radius: 5px;
  color:#585A64;
  cursor: pointer;
}
.HomeExpenseMainTwoBtnArray a:first-child{
  margin-left:0;
}
.HomeExpenseMainTwoBtnArray a:hover{
  background-color: #E4ECF2;;
}
#HomeChartBottomMain{
  height:220px;
}

/* 列表样式一 */
.ListStyleOneTitle{
  display: block;
  font-size:16px;
  color:#000000;
  position: relative;
}
.ListStyleOneTitleTop{
  margin-top:25px;
}
.ListStyleOne{
  padding:20px 0;
  margin-top:20px;
}
.ListStyleOne li{
  overflow: hidden;
  margin-bottom:30px;
}
.ListStyleOne li:last-child{
  margin-bottom: 0;
}
.ListStyleOneLeft,.ListStyleOneRight{
  float: left;
}
.ListStyleOneLeft{
  width:170px;
}
.ListStyleOneRight{
  margin-left:20px;
  width: calc(100% - 190px);
}
.ListStyleOneRight p{
  margin-bottom:10px;
}
.ListStyleOneBtn{
  cursor: pointer;
}
.ListStyleOneBtn:hover{
  text-decoration: underline;
}
.ListStyleOneRTxt{
  color:#646B71;
}
.DeveloperBtnArray{
  overflow: hidden;
  position: absolute;
  top:0;right:0;
}
.DeveloperBtnEdit,.DeveloperBtnStar{
  float: left;
  width:90px;
  font-size:14px;
  text-align: center;
  height:35px;
  cursor: pointer;
  line-height: 35px;
  border-radius: 3px;
}
.DeveloperBtnEdit{
  color:#858585;
  background-color: #FBFBFB;
  border:1px solid #e4e8eb;
}
.DeveloperBtnEdit:hover{
  border:1px solid #e4e8eb;
  background-color: #eff0f2;
}
.DeveloperBtnStar{
  color:#FFF;
  background-color: #3399FF;
  border:1px solid #3399FF;
  margin-left:20px;
}
.DeveloperBtnStar:hover{
  border:1px solid #278BF5;
  background-color: #278BF5;
}

/* 分步式导航 */
.SiginBoxHead{
  padding:30px 0;
  padding-top:50px;
  border-bottom:1px solid #EFF4F8;
}
.SiginBoxHeadMain{
  display: table;
  margin:0 auto;
  overflow: hidden;
}
.SiginBoxHead li{
  float: left;
  font-size:15px;
  line-height: 20px;
}
.SiginBoxHeadLine{
  width:30px;
  height:2px;
  margin:0 15px;
  margin-top:10px;
  background-color: #e4e8eb;
}
.SiginBoxHeadTxt{
  color:#646B71;
}
.ActiveNav{
  color:#3595FF;
}

/* 注册底部导航 */
.SiginButton{
  padding:25px 0;
  border-top:1px solid #EFF4F8;
}
.SiginButtonBox{
  display: table;
  margin:0 auto;
  overflow: hidden;
}
.SiginButtonLeft,.SiginButtonRight{
  cursor: pointer;
  border-radius: 5px;
  padding:10px 15px;
  display: block;
  float: left;
}
.SiginButtonLeft{
  margin-right:20px;
}
.SiginButtonRight{
  color:#FFF;
  background-color: #3595FF;
}
.SiginButtonRight:hover{
  background-color: #288EFA;
}


.iconTitle{
  padding:20px 20px 5px 20px;
  font-size:16px;
}
.iconTitle span{
  margin-right: 5px;
  font-size:18px;
  position: relative;
  top:1px;
}

/* 表格状态样式 */
.TdStatus i{
  width: 8px;
  height:8px;
  top:3px;left:0;
  display: block;
  position: absolute;
}
.TdStatus a{
  position: relative;
  padding-left:13px;
}
.pass{
  background-color: #209E3D;
}
.wait{
  background-color: #FFAF18;
}
.reject{
  background-color: #DD4B39;
}

.FunctionPackageRight{
  padding:30px 50px;
}
.FunctionPackageRightTitle{
  font-size:17px;
}
.FunctionPackageRightTitle span{
  margin-right:8px;
  color:#00C701;
  font-size:22px;
}
.FunctionPackageRightQr{
  padding:15px 0;
  width:190px;
  height:190px;
}
.FunctionPackageRightQr img{
  width: 100%;
  display: block;
  position: relative;
  left:-15px;
}
.FunctionPackageRightMoney{
  font-size:15px;
}
.FunctionPackageRightMoney a{
  color:#FF272D;
  font-size:20px;
  padding:0 5px;
}
.FunctionPackageRightDate{
  padding-top:15px;
}
.FunctionPackageRightDate a{
  float: left;
  display: block;
  line-height: 20px;
  color:#666;
}
.countdown{
  width:35px;
  color:#FF3300 !important;
  text-align: center;
}
.being{
  position: absolute;
  right:-60px;
  top:12px;
  width:60px;
}
.loadingBtn{
  opacity: 0.8;
}
.agreementBox span{
  line-height:25px;
}


/* 上传图片 */
.UploadBtn{
  position: relative;
  cursor: pointer;
}
.upload{
  position: absolute;
  top:0;left:0;
  bottom:0;right:0;
  width: 100% !important;
  padding:0 !important;
  height:100% !important;
  opacity: 0;
}

.StatsListBox{
  overflow: hidden;
  margin:0 -10px;
}
.StatsListBox li{
  float: left;
  margin-bottom:10px;
}
.StatsListMainBox{
  margin:0 10px;
  cursor: pointer;
  overflow: hidden;
  background-color: #FFF;
  border:1px solid #E4ECF2;
  border-radius: 5px;
}
.StatsListMainBox:hover{
  background-color: #FBFBFB;
}
.StatsListRow{
  float: left;
}
.StatsListIcon{
  width:58px;
  height:58px;
  border-radius: 58px;
  margin:15px;
}
.StatsListIcon span{
  display: table;
  font-size:25px;
  margin:15px auto;
}
.StatsListMain{
  margin-top:25px;
  width: calc(100% - 95px);
}
.StatsListMain a{
  display: block;
}
.StatsListName{
  color:#868E99;
  font-size:14px;
  line-height:18px;
  padding-right:10px;
}
.StatsListNumber{
  margin-top:8px;
  font-size:15px;
  padding-bottom:10px;
}

.NotificationsBottom{
  overflow: hidden;
  border:1px solid #E1E6EB;
  border-top:0;
  padding:10px 20px;
}
.NotificationsBottom input{
  position: relative;
  top:15px;
}
.NotificationsBottomLeft{
  float: left;
  overflow: hidden;
}
.NotificationsBottomLeft li{
  float: left;
}
.NotificationsBottomLeftCheck{
  margin-right:5px;
}
.NotificationsBottomLeftBtn{
  padding:10px 15px;
  color:#333;
  margin-left:10px;
  cursor: pointer;
  border: 1px solid #DDD;
  background-color: #F7F7F7;
}
.NotificationsBottomLeftBtn:hover{
  background-color: #F3F3F3;
}
.NoClick{
  color:#BBB;
}
.NotificationsBottomRight{
  float: right;
  overflow: hidden;
  margin-top:4px;
}
.NotificationsBottomRight li{
  float: left;
  height:30px;
  line-height: 30px;
  width:30px;
  text-align: center;
  border: 1px solid #CCC;
  border-right: 0;
  color:#333;
  cursor: pointer;
}
.NotificationsBottomRight li:first-child{
  border-radius:3px 0 0 3px;
}
.NotificationsBottomRight li:last-child{
  border-right:1px solid #CCC;
  border-radius: 0 3px 3px 0;
}
.NotificationsBottomArrows{
  font-size:11px;
}
.NotificationsBottomPage{
  font-size:13px;
}
.NotificationsBottomActive{
  color:#FFF !important;
  box-shadow:0 0 5px rgba(53,149,255,0.6);
  border:1px solid #3595FF !important;
  background-color: #3595FF;
}

.BasicInfoOneBoxImgs{
  overflow: hidden;
}
.BasicInfoOneBoxImgs li{
  float: left;
  margin-left: 30px;
}
.BasicInfoOneBoxImgs li:first-child{
  margin-left: 0;
}
.BasicInfoOneBoxImg{
  height:120px;
  width:120px;
  position: relative;
  border: 1px dashed #DDD;
  background-image: url('/static/images/add.png');
}
.PreviewsImgBox{
  position: absolute;
  left:0;right:0;
  top:0;bottom:0;
}
.BasicInfoOneBoxTxt{
  margin-top:10px;
  color:#333;
  text-align: center;
}
.BasicInfoOneBoxBtn{
  display: table;
  margin:13px auto;
  font-size:13px;
  cursor: pointer;
  padding:8px 12px;
  color:#278BF5;
  border-radius: 3px;
  border:1px solid #278BF5;
}

.BasicInfoHead{
  padding-top:20px;
  padding-bottom: 20px;
  padding-left:115px;
  position: relative;
  height:70px;
}
.BasicInfoHeadLogo{
  height:75px;
  width:75px;
  border-radius: 3px;
  overflow: hidden;
  position: absolute;
  left:20px;
  top:20px;
  border:1px solid #F3F3F3;
  background-image: url('/static/images/nullimg.png');
}
.authenticated{
  font-size:11px;
  padding:2px 4px;
  position: relative;
  top:-2px;
  margin-left:5px;
  border-radius: 3px;
}
.BasicInfoHeadDate{
  color:#585A64;
  margin-top:7px;
}
.BasicInfoHeadExpire{
  margin-top:7px;
  color:#FF272D;
}
.BasicInfoHeadUpLogo{
  position: absolute;
  right:20px;
  top:20px;
  font-size:13px;
  cursor: pointer;
  padding:8px 12px;
  color:#278BF5;
  border-radius: 3px;
  border:1px solid #278BF5;
}
.BasicInfoHeadUpLogo:hover,.BasicInfoOneBoxBtn:hover{
  color:#FFF;
  background-color: #278BF5;
}

.BasicInfoNav{
  overflow: hidden;
  border-bottom: 1px solid #F3F3F3;
}
.BasicInfoNav a{
  display: block;
  float: left;
  padding:15px 25px;
  cursor: pointer;
}
.NavActive{
  color:#278BF5;
  border-bottom: 2px solid #278BF5;
}

.BasicInfoBox{
  padding:20px;
}
.BasicInfoOneBox{
  overflow: hidden;
}
.BasicInfoOneBoxLeft,.BasicInfoOneBoxRight{
  float: left;
}
.BasicInfoOneBoxLeft{
  width: 412px;
}
.BasicInfoOneBoxRight{
  width: calc(100% - 462px);
}
.BasicInfoOneBoxRight{
  margin-left:50px;
}
.BlueState{
  color:#3399FF;
  border:1px solid #3399FF;
}
.RedState{
  color:#FF272D;
  border:1px solid #FF272D;
}
.MTERight{
  float: left;
  margin-left:30px;
  width: calc(100% - 365px);
  border:1px solid #F3F3F3;
  min-width: 580px;
}
.MTERightOn-Off{
  position: relative;
  padding:15px 20px;
  color:#646B71;
  border-bottom: 1px solid #F3F3F3;
}
.MTERightHeadBox{
  height:50px;
  position: relative;
  min-width: 580px;
  overflow: hidden;
  border-bottom: 1px solid #F3F3F3;
}
.MTERightHeadLeft,.MTERightHeadRight{
  position: absolute;
  top:0;
  height:50px;
  width:50px;
  line-height:50px;
  text-align: center;
  cursor: pointer;
  background-color: #FFF;
}
.MTERightHeadLeft{
  left:0;
  border-right: 1px solid #F3F3F3;
}
.MTERightHeadLeft:hover span,.MTERightHeadRight:hover span{
  color:#585A64;
}
.MTERightHeadRight{
  right:0;
  border-left: 1px solid #F3F3F3;
}
.MTERightHeadLeft span,.MTERightHeadRight span{
  font-size: 16px;
  color:#868E99;
}
.MTERightHeadMain li{
  float: left;
  line-height:50px;
  width: 90px;
  text-align: center;
  color:#585A64;
  border-right: 1px solid #F3F3F3;
  cursor: pointer;
}

.CustomMenuBox,.CustomBannerBox,.CustomRefBox{
  overflow: hidden;
  margin-top:20px;
}
.CustomMenuRow{
  float: left;
  padding:20px;
  position: relative;
  padding-right:200px;
  border:1px solid #EEE;
  margin-right:20px;
}
.CustomMenuBtnArr{
  overflow: hidden;
  position: absolute;
  right:10px;top:12.5px;
  overflow: hidden;
}
.CustomMenuBtnArr li{
  float: left;
  color: #404A59;
  padding: 6px 18px;
  border-radius: 3px;
  border: 1px solid #D8E4ED;
  background-color: #EFF4F8;
  cursor: pointer;
}
.CustomMenuBtnArr li:hover{
  background-color: #E4ECF2;
}
.CustomMenuBtnArr li:first-child{
  margin-right:10px;
}

.CustomRefRow{
  float: left;
  border:1px solid #EEE;
  margin-right:20px;
  margin-top:20px;
}
.CustomRefHead{
  padding:20px 15px;
  padding-right:160px;
  position: relative;
  border-bottom: 1px solid #EEE;
}
.CustomRefTitle{
  width: 160px;
}
.CustomRefBtnArr{
  position: absolute;
  right:15px;top:12.5px;
  overflow: hidden;
}
.CustomRefBtnArr li{
  float: left;
  padding: 6px 18px;
  border-radius: 3px;
  cursor: pointer;
}
.CustomRefBtnArrStyle li{
  color: #404A59;
  border: 1px solid #D8E4ED;
  background-color: #EFF4F8;
}
.CustomRefBtnArrStyle li:hover{
  background-color: #E4ECF2;
}
.CustomRefBtnArr li:first-child{
  margin-right:10px;
}
.CustomRefMaiBox{
  padding:0 15px;
  padding-bottom:15px;
}
.CustomRefMain{
  margin-top:15px;
  border-top: 1px solid #EEE;
  border-left: 1px solid #EEE;
  border-right: 1px solid #EEE;
}
.CustomRefBtnAdd{
  display:table;
  margin:0 auto;
  margin-top:15px !important;
}

.CustomBannerRow{
  float: left;
  position: relative;
  padding-right:180px;
  border:1px solid #EEE;
  margin-right:20px;
  padding-left:85px;
  height:80px;
  margin-bottom:15px;
}
.CustomBannerImg{
  position: absolute;
  left:10px;
  top:10px;
  width:60px;
  height:60px;
  border:1px solid #F3F3F3;
  background-image: url('/static/images/nullimg.png');
}
.CustomBannerMain{
  margin-top:10px;
  width: 120px;
}
.CustomBannerMain p:last-child{
  margin-top:5px;
}


.tableHead,.tableBox{
  overflow: hidden;
}
.tableHead{
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
.tableHead li,.tableBox li{
  float: left;
}
.row-30 li{
  width: calc(33.33% - 40px);
  color: #FFF;
}
.row-40 li{
  width: calc(25% - 40px);
  color: #FFF;
}
.row-60 li{
  width: calc(14% - 40px);
  color: #FFF;
}
.row-60 li:nth-child(2){
  width: calc(30% - 40px);
}
.tableHead li{
  padding: 15px 20px;
}
.tableBox li{
  padding:0 20px;
  line-height: 20px;
  /* word-break: break-all; */
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.mapbox{
  position: fixed;
  top:0;bottom:0;
  right:0;
  left:0;
  z-index: 1000;
}
.mapShade{
  position: absolute;
  top:0;bottom:0;
  right:0;
  left:0;
  background: rgba(0,0,0,0.3);
}
.MapMain{
  width: 600px;
  height:600px;
  position: relative;
  left:calc(50% - 300px);
  top:calc(50% - 330px);
}


/* 弹出层样式 */
.dialog-Alsace .el-dialog{
  background: url("/static/images/live-back.png");
  background-size: 100% 100%;
}
.dialog-Alsace-height .el-dialog{
  height: calc(90vh - 5px);
}

.dialog-Alsace .el-dialog__header{
  display: none;
}

.dialog-Alsace .el-dialog__body{
  padding: 0;
  height: 100%;
}

/* 自定义播放控件 */
.ez-iframe-footer-container{
  margin-top: 0 !important;
}
.footer-controls{
  height: 48px !important;
  background-color: black !important;
}
.theme-icon-item > span > div{
  height: 48px !important;
}
.footer-controls svg{
  width: 48px;
  height: 48px;
}