/************************************
*@描述:变量
************************************/
/*布局宽度*/
/*默认颜色值*/
/*
*MIX混合
*/
/************************************
*@描述:功能类样式(function);function.less以此为准
************************************/
/*图片垂直居中*/
/**居中**/
/**隐藏文字**/
/**圆角**/
/**投影**/
/**透明度**/
/**背景颜色渐变**/
/**对象渐隐渐显**/
/**旋转**/
/**三角箭头**/
/**纯文字**/
body div,
body span,
body p,
body li {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.m-card {
  background-color: #f6f7f7;
  width: 1190px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom:100px
}
.m-card :focus {
  outline: 0;
}
.m-card a:hover {
  outline: 0;
}
.m-card .clearfix {
  display: block;
  zoom: 1;
}
.m-card .clearfix:after {
  content: '\200B';
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  visibility: hidden;
}
.m-card .dn {
  display: none;
}
.m-card .cardTitle {
	padding-top:30px;
  height: 56px;
  /*background: url('../images/titlebg.png') 0 0 repeat-x transparent;*/
  background:#f6f7f7;
  border: 0px solid #d5d5d5;
  position: relative;
  zoom: 1;
  z-index: 10;
}
.m-card .titleLeft {
  float: right;
  display: inline;
  padding-right:200px;
}
.m-card .titleLeft .etext,
.m-card .titleLeft .epic,
.m-card .titleLeft .eline,
.m-card .titleLeft .ebg,
.m-card .titleLeft .esize {
  width: 77px;
  float: left;
  display: inline;
  height: 61px;
}
.m-card .titleLeft .etext span,
.m-card .titleLeft .epic span,
.m-card .titleLeft .eline span,
.m-card .titleLeft .ebg span,
.m-card .titleLeft .esize span {
  display: block;
  height: 24px;
  background: url('../images/opt.png') 0 0 no-repeat transparent;
  font-size: 14px;
  color: #3d4b56;
  padding-top: 32px;
  text-align: center;
  border-right: 0px solid #d5d5d5;
}
.m-card .titleLeft .etext:hover,
.m-card .titleLeft .epic:hover,
.m-card .titleLeft .eline:hover,
.m-card .titleLeft .ebg:hover,
.m-card .titleLeft .esize:hover {
  text-decoration: none;
}
.m-card .titleLeft .etext span {
  background-position: 28px 10px;
}
.m-card .titleLeft .epic span {
  background-position: -52px 10px;
}
.m-card .titleLeft .eline span {
  background-position: -129px 10px;
}
.m-card .titleLeft .ebg span {
  background-position: -204px 10px;
}
.m-card .titleLeft .esize span {
  background-position: -282px 10px;
}
.m-card .titleLeft .active {
  background: url('../images/navact.png') 0 0 no-repeat transparent;
}
.m-card .titleLeft .active span {
  color: #fff;
}
.m-card .titleLeft .etext.active span {
  background-position: 28px -117px;
}
.m-card .titleLeft .epic.active span {
  background-position: -52px -117px;
}
.m-card .titleLeft .eline.active span {
  background-position: -129px -117px;
}
.m-card .titleLeft .ebg.active span {
  background-position: -204px -117px;
}
.m-card .titleLeft .esize.active span {
  background-position: -282px -117px;
}
.m-card .titleRight {
  float: left;
  display: inline;
  padding-left: 230px;
}
.m-card .titleRight .eback,
.m-card .titleRight .erecover,
.m-card .titleRight .ereview,
.m-card .titleRight .esave,
.m-card .titleRight .eorder {
  width: 70px;
  height: 24px;
  float: left;
  display: inline;
  background: url('../images/opt.png') 0 0 no-repeat transparent;
  font-size: 14px;
  color: #3d4b56;
  padding-top: 32px;
  text-align: center;
}
.m-card .titleRight .eback {
  background-position: -851px 10px;
}
.m-card .titleRight .erecover {
  background-position: -926px 10px;
}
.m-card .titleRight .ereview {
  background-position: -1001px 10px;
}
.m-card .titleRight .esave {
  background-position: -1075px 10px;
}
.m-card .titleRight .eorder {
  background-position: -1050px 10px;
  background-color: #119cd2;
  color: #fff;
  width: 103px;
}
.m-card .cardBox {
  padding: 9px 0px;
  /*background: url('../images/navbg.png') 0 0 repeat-x transparent;*/
}
.m-card .cardBox .boxLeft {
  width: 359px;
  float: right;
  display: inline;
  margin-top: 33px;
  margin-right:150px;
  background:#eeeeee;
  height:500px;
  position:relative;
}
.m-card .cardBox .boxLeft .scroll {
  width: 359px;
  height:470px;
  overflow:hidden;
  position: absolute;
}
.m-card .cardBox .boxRight {
  width: 671px;
  float: left;
  display: inline;
  padding-top: 25px;
}
.m-card .cardBox .editor {
  display: none;
  
  padding-top: 22px;
}
.m-card .cardBox .editorTitle {
  height: 35px;
  line-height: 34px;
  border-bottom: 1px solid #d5d5d5;
  color: #3d4b56;
  font-size: 14px;
  padding-left: 17px;
}
.m-card .cardBox .editorBox {
  padding-left: 17px;
  padding-right: 17px;
  padding-bottom: 18px;
}
.m-card .cardBox .input {
  width: 306px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #d5d5d5;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  color: #3d4b56;
  font-family: 'Microsoft YaHei', SimHei, SimSun;
}
.m-card .cardBox .onfocus {
  border: 1px solid #149fd6;
}
.m-card .cardBox .add {
  display: block;
  width: 306px;
  height: 36px;
  line-height: 32px;
  background: #dbdcdc;
  padding-left: 10px;
  padding-right: 5px;
  font-size: 14px;
  color: #3d4b56;
  border:1px solid #ccc;
   text-align:center
}
.m-card .cardBox .add:hover {
  text-decoration: none;
}
.m-card .cardBox li {
  margin-top: 11px;
}
.m-card .editorPrintWrap {
  width: 381px;
  height: 227px;
  background: #fff;
  padding-left: 7px;
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 12px;
  margin-left: 173px;
  margin-right: auto;
}
.m-card .editorPrintWrap_bak {
  width: 381px;
  height: 227px;
  background: #ccc;
  padding-left: 7px;
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 12px;
  margin-left: 180px;
  margin-right: auto;
}
.m-card .editorPrint {
  width: 381px;
  height: 227px;
  position: relative;
  zoom: 1;
  background-color: #fff;
}
.m-card .printWrap {
  width: 671px;
  height: 403px;
  padding: 7px;
}
.m-card .caiqie {
  width: 88px;
  height: 25px;
  background: url('../images/caiqiexian.png') 0 0 no-repeat transparent;
  position: absolute;
  zoom: 1;
  top: -25px;
  left: 50px;
  z-index: 1000;
  display: none;
}
.m-card .print {
  width: 671px;
  height: 403px;
}
.m-card .print .textimg {
  position: absolute;
  zoom: 1;
  border: 1px solid transparent;
  cursor: move;
  z-index: 20;
}
.m-card .print div.ui-selected {
  border: 1px solid #4f80ff;
}
.m-card .print div.imgError {
  border: 1px solid yellow;
}
.m-card .print .snap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: visible;
}
.m-card .print .hline {
  position: absolute;
  width: 100%;
  background-color: transparent;
  height: 1px;
  left: 0;
  top: 0;
}
.m-card .print .vline {
  position: absolute;
  width: 1px;
  background-color: transparent;
  height: 100%;
  left: 0;
  top: 0;
}
.m-card .print .cqx .cqxt {
  position: absolute;
  zoom: 1;
  top: 7px;
  height: 1px;
  right: 7px;
  left: 7px;
  z-index: 999;
  background: url('../images/caiqieh.png') 0 0 repeat-x transparent;
}
.m-card .print .cqx .cqxr {
  position: absolute;
  zoom: 1;
  top: 7px;
  width: 1px;
  bottom: 7px;
  right: 7px;
  z-index: 999;
  background: url('../images/caiqiev.png') 0 0 repeat-y transparent;
}
.m-card .print .cqx .cqxb {
  position: absolute;
  zoom: 1;
  bottom: 7px;
  height: 1px;
  right: 7px;
  left: 7px;
  z-index: 999;
  background: url('../images/caiqieh.png') 0 0 repeat-x transparent;
}
.m-card .print .cqx .cqxl {
  position: absolute;
  zoom: 1;
  top: 7px;
  width: 1px;
  bottom: 7px;
  left: 7px;
  z-index: 999;
  background: url('../images/caiqiev.png') 0 0 repeat-y transparent;
}
.m-card .print .cqq .cqqt {
  position: absolute;
  zoom: 1;
  top: 0;
  height: 7px;
  right: 0;
  left: 7px;
  z-index: 1000;
}
.m-card .print .cqq .cqqr {
  position: absolute;
  zoom: 1;
  top: 7px;
  width: 7px;
  bottom: 0;
  right: 0;
  z-index: 1000;
}
.m-card .print .cqq .cqqb {
  position: absolute;
  zoom: 1;
  bottom: 0;
  height: 7px;
  right: 7px;
  left: 0;
  z-index: 1000;
}
.m-card .print .cqq .cqql {
  position: absolute;
  zoom: 1;
  top: 0;
  width: 7px;
  bottom: 7px;
  left: 0;
  z-index: 1000;
}
.m-card .print .cqq:hover .cqqt,
.m-card .print .cqq:hover .cqqr,
.m-card .print .cqq:hover .cqqb,
.m-card .print .cqq:hover .cqql {
  background: url('../images/errorbg.png') 0 0 repeat transparent;
}
.m-card .editorOpt {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 685px;
  padding: 6px 12px 12px 7px;
}
.m-card .editorOpt .optLeft {
  width: 440px;
  float: left;
  display: inline;
}
.m-card .editorOpt .optLeft .zheng,
.m-card .editorOpt .optLeft .fan {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 162px;
  height: 139px;
  padding-left: 1px;
  padding-right: 1px;
  background: url('../images/optbg.png') 0 0 no-repeat transparent;
}
.m-card .editorOpt .optLeft .zheng span,
.m-card .editorOpt .optLeft .fan span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 160px;
  height: 121px;
  border: 1px solid #eaeaea;
  padding-top: 12px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #3d4b56;
}
.m-card .editorOpt .optLeft .zheng i,
.m-card .editorOpt .optLeft .fan i {
  width: 135px;
  height: 83px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #eaeaea;
}
.m-card .editorOpt .optLeft .zheng {
  margin-right: 20px;
}
.m-card .editorOpt .optRight {
  overflow: hidden;
  padding-top: 32px;
}
.m-card .editorOpt .optRight .eorder {
  width: 175px;
  height: 38px;
  border: 2px solid #c40c00;
  background-color: #f1453a;
  display: block;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 36px;
}
.m-card .editorOpt .optRight .eorder:hover {
  text-decoration: none;
  background-color: #e01b0e;
  -webkit-transition: background-color 0.3s ease-in;
  -moz-transition: background-color 0.3s ease-in;
  -ms-transition: background-color 0.3s ease-in;
  -o-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}
.m-card .editorOpt .optRight p {
  width: 175px;
  margin-top: 20px;
  color: #666666;
  text-align: center;
}
.m-card .editerInfo {
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  width: 685px;
  padding: 6px 12px 12px 7px;
}
.m-card .editerInfo .infoBox {
  padding: 15px 19px 30px;
  border: 1px solid #e2e2e2;
}
.m-card .editerInfo .list {
  margin-top: 30px;
}
.m-card .editerInfo .list .title {
  height: 14px;
  border-left: 2px solid #c40000;
  padding-left: 19px;
  font-size: 14px;
  color: #323232;
  margin-left: -20px;
  line-height: 14px;
}
.m-card .editerInfo .list .content {
  color: #919191;
  line-height: 22px;
  margin-top: 10px;
}
.m-card .editerInfo .list .kf {
  color: #666666;
  margin-top: 10px;
}
.m-card .editerInfo .list .kf .qq {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 77px;
  height: 22px;
  background: url('../images/qq.png') 0 0 no-repeat transparent;
  margin-bottom: -7px;
  margin-right: 8px;
}
.m-card .editerInfo .list0 {
  margin-top: 0;
}
.m-card .editorBg .bgList {
  width: 273px;
  background: url('../images/dise.png') 0 9px no-repeat transparent;
}
.m-card .editorBg .bgList li {
  float: left;
  display: inline;
  width: 40px;
  height: 40px;
  font-size: 0;
  margin-right: 18px;
  margin-top: 9px;
  cursor: pointer;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.m-card .editorBg .bgList li.l5 {
  margin-right: 0;
}
.m-card .editorBg .bgFoot {
  margin-top: 20px;
  text-align: right;
  line-height: 24px;
  position: relative;
  zoom: 1;
}
.m-card .editorBg .bgFoot .shise {
  position: absolute;
  zoom: 1;
  right: -18px;
  width: 308px;
  top: 30px;
  border: 1px solid #ddd;
  background-color: #fff;
  z-index: 10;
  height: 215px;
}
.m-card .editorBg .bgFoot .shise .shiseLeft {
  width: 173px;
  float: left;
  display: inline;
  padding: 15px 20px;
}
.m-card .editorBg .bgFoot .shise .shiseRight {
  overflow: hidden;
  padding: 5px 5px 15px;
}
.m-card .editorBg .bgFoot .shise .shiseC,
.m-card .editorBg .bgFoot .shise .shiseM,
.m-card .editorBg .bgFoot .shise .shiseY,
.m-card .editorBg .bgFoot .shise .shiseK {
  width: 50px;
  height: 26px;
  margin-top: 14px;
  margin-right: 8px;
}
.m-card .editorBg .bgFoot .shise .shiseC span,
.m-card .editorBg .bgFoot .shise .shiseM span,
.m-card .editorBg .bgFoot .shise .shiseY span,
.m-card .editorBg .bgFoot .shise .shiseK span {
  float: left;
  display: inline;
  width: 16px;
  line-height: 26px;
  text-align: center;
}
.m-card .editorBg .bgFoot .shise .shiseC input,
.m-card .editorBg .bgFoot .shise .shiseM input,
.m-card .editorBg .bgFoot .shise .shiseY input,
.m-card .editorBg .bgFoot .shise .shiseK input {
  width: 32px;
  height: 24px;
  border: 1px solid #abadb3;
  text-align: center;
  padding: 0;
}
.m-card .editorBg .bgFoot .shise .minicolors-slider,
.m-card .editorBg .bgFoot .shise .minicolors-opacity-slider {
  left: 173px;
}
.m-card .editorBg .bgFoot .shise .hexval {
  float: right;
  display: inline;
  padding-right: 40px;
  margin-top: -8px;
}
.m-card .editorBg .bgFoot .shise .hexval input {
  width: 75px;
  height: 24px;
  border: 1px solid #abadb3;
  padding: 0;
}
.m-card .editorSize .sizeList li {

  height: 40px;
  margin-bottom: 11px;
  margin-top: 0;
  cursor: pointer;
}
.m-card .editorSize .sizeList li div {
  border: 1px solid #e8e8e8;
  height: 36px;
  line-height: 34px;
  text-align: center;
  background: url('../images/sizelist.png') 0 0 repeat-x transparent;
  font-size: 16px;
  color: #7a7a7a;
}
.m-card .editorSize .sizeList li p {
  height: 2px;
  overflow: hidden;
  background-color: #e2e2e2;
}
.m-card .editorSize .sizeList .active div {
  border: 1px solid #949494;
  color: #3d4b56;
}
.m-card .editorSize .sizeList .active p {
  background-color: #cacaca;
}
.m-card .editorLine .editorBox {
  padding-top: 4px;
}
.m-card .editorLine .lineList li {
  width: 126px;
  height: 126px;
  border: 1px dashed #d4d4d4;
  float: left;
  display: inline;
  margin-right: 16px;
  margin-top: 14px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
}
.m-card .editorLine .lineList li span {
  width: 77px;
  height: 58px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: 25px;
  margin-bottom: 15px;
}
.m-card .editorLine .lineList li.l2,
.m-card .editorLine .lineList li.l4,
.m-card .editorLine .lineList li.l6 {
  margin-right: 0;
}
.m-card .editorLine .lineList .l1 span {
  background: url('../images/line1.png') 0 50% repeat-x transparent;
}
.m-card .editorLine .lineList .l2 span {
  background: url('../images/line2.png') 50% 0 repeat-y transparent;
}
.m-card .editorLine .lineList .l3 span {
  background: url('../images/line3.png') 0 50% repeat-x transparent;
}
.m-card .editorLine .lineList .l4 span {
  background: url('../images/line4.png') 50% 0 repeat-y transparent;
}
.m-card .editorLine .lineList .l5 span {
  background: url('../images/line5.png') 50% 0 repeat-y transparent;
}
.m-card .editorLine .lineList .l6 span {
  background: url('../images/line6.png') 50% 0 no-repeat transparent;
}
.m-card .resizeLine {
  position: absolute;
  zoom: 1;
  width: 338px;
  height: 27px;
  border: 1px solid transparent;
  z-index: 20;
}
.m-card .resizeLine .ui-resizable-handle {
  width: 20px;
  height: 20px;
  background: url('../images/dot.png') 0 0 no-repeat transparent;
  position: absolute;
  zoom: 1;
  left: -10px;
  top: 50%;
  margin-top: -10px;
  margin-left: -10px;
  display: none;
}
.m-card .resizeLine.ui-selected {
  border: 1px solid #4f80ff;
}
.m-card .resizeLine .ui-resizable-n {
  left: 50%;
  top: 0;
}
.m-card .resizeLine .ui-resizable-e {
  left: 100%;
  top: 50%;
}
.m-card .resizeLine .ui-resizable-s {
  left: 50%;
  top: 100%;
}
.m-card .resizeLine .ui-resizable-w {
  left: 0;
  top: 50%;
}
.m-card .resizeLine .ui-resizable-ne {
  left: 100%;
  top: 0;
}
.m-card .resizeLine .ui-resizable-se {
  left: 100%;
  top: 100%;
}
.m-card .resizeLine .ui-resizable-sw {
  left: 0%;
  top: 100%;
}
.m-card .resizeLine .ui-resizable-nw {
  left: 0;
  top: 0;
}
.m-card .resizeLine .line {
  width: 100%;
  height: 100%;
}
.m-card .resizeLineOn .ui-resizable-handle {
  display: block;
}
.m-card .editorPic .picTab .picTabTitle {
  border-bottom: 1px solid #d5d5d5;
  height: 30px;
}
.m-card .editorPic .picTab .picTabTitle a {
  color: #129cd2;
  font-size: 14px;
}
.m-card .editorPic .picTab .picTabTitle span {
  padding: 0px 14px;
  color: #a9a9a9;
}
.m-card .editorPic .picTab .picTabTitle .active {
  color: #3d4b56;
}
.m-card .editorPic .u-upload {
  display: block;
  width: 273px;
  height: 36px;
  line-height: 32px;
  margin-top: 15px;
}
.m-card .editorPic .u-upload button {
  display: block;
  width: 273px;
  height: 36px;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 5px;
  background: url('../images/add.png') 0 0 no-repeat transparent;
  font-size: 14px;
  color: #3d4b56;
  cursor: pointer;
  text-align: left;
  border: 0;
  font-family: "Microsoft YaHei", SimHei, SimSun;
}
.m-card .editorPic .u-upload span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: -4px;
}
.m-card .editorPic .u-upload:hover {
  text-decoration: none;
}
.m-card .editorPic .picInfo {
  color: #a5a5a5;
  line-height: 18px;
  text-align: justify;
}
.m-card .editorPic .picInfo strong {
  color: #666666;
}
.m-card .editorPic .mypic,
.m-card .editorPic .bgpic {
  margin-top: 12px;
}
.m-card .editorPic .mypic .picListWrap,
.m-card .editorPic .bgpic .picListWrap {
  width: 100%;
  overflow: hidden;
  margin-top: 6px;
}
.m-card .editorPic .mypic ul,
.m-card .editorPic .bgpic ul {
  width: 110%;
}
.m-card .editorPic .mypic li,
.m-card .editorPic .bgpic li {
  width: 126px;
  height: 126px;
  border: 1px dashed #d4d4d4;
  float: left;
  display: inline;
  margin-right: 17px;
  position: relative;
  zoom: 1;
  text-align: center;
}
.m-card .editorPic .mypic li:hover .tip,
.m-card .editorPic .bgpic li:hover .tip {
  display: block;
}
.m-card .editorPic .mypic .upImg,
.m-card .editorPic .bgpic .upImg {
  max-width: 126px;
  max-height: 126px;
}
.m-card .editorPic .mypic .tip,
.m-card .editorPic .bgpic .tip {
  height: 35px;
  position: absolute;
  zoom: 1;
  top: 1px;
  left: 1px;
  right: 1px;
  background: url('../images/mask.png') 0 0 repeat transparent;
  text-align: center;
  color: #fff;
  line-height: 34px;
  display: none;
}
.m-card .editorPic .mypic .insert,
.m-card .editorPic .bgpic .insert {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 15px;
  height: 35px;
  background: url('../images/indel.png') 0 8px no-repeat transparent;
  margin-right: 8px;
  cursor: pointer;
}
.m-card .editorPic .mypic .del,
.m-card .editorPic .bgpic .del {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 15px;
  height: 35px;
  background: url('../images/indel.png') 0 -27px no-repeat transparent;
  cursor: pointer;
}
.m-card .editorPic .mypic .uping,
.m-card .editorPic .bgpic .uping {
  margin-top: 40px;
  text-align: center;
}
.m-card .editorPic .mypic .uping .text,
.m-card .editorPic .bgpic .uping .text {
  color: #a5a5a5;
}
.m-card .editorPic .mypic .uping .process,
.m-card .editorPic .bgpic .uping .process {
  width: 110px;
  height: 11px;
  background-color: #e7e7e7;
  margin-top: 8px;
  position: relative;
  zoom: 1;
  margin-left: auto;
  margin-right: auto;
}
.m-card .editorPic .mypic .uping .process span,
.m-card .editorPic .bgpic .uping .process span {
  display: block;
  float: left;
  display: inline;
  height: 11px;
  background-color: #129cd2;
}
.m-card .editorPic .mypic .pages,
.m-card .editorPic .bgpic .pages {
  font-size: 0;
  margin-top: 20px;
  text-align: center;
}
.m-card .editorPic .mypic .pages .pprev,
.m-card .editorPic .bgpic .pages .pprev,
.m-card .editorPic .mypic .pages .pnext,
.m-card .editorPic .bgpic .pages .pnext,
.m-card .editorPic .mypic .pages .pnum,
.m-card .editorPic .bgpic .pages .pnum,
.m-card .editorPic .mypic .pages .pdot,
.m-card .editorPic .bgpic .pages .pdot {
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: 1px solid #d5d5d5;
  margin-right: 6px;
  font-size: 12px;
  color: #3d4b56;
  background-color: #fff;
}
.m-card .editorPic .mypic .pages .pprev,
.m-card .editorPic .bgpic .pages .pprev,
.m-card .editorPic .mypic .pages .pnext,
.m-card .editorPic .bgpic .pages .pnext {
  width: 56px;
}
.m-card .editorPic .mypic .pages .pdot,
.m-card .editorPic .bgpic .pages .pdot {
  width: 10px;
  border: 1px solid transparent;
  background-color: transparent;
}
.m-card .editorPic .bgpic .bglist {
  margin-top: 17px;
}
.m-card .editorPic .bgpic .bglist li {
  width: auto;
  height: auto;
  float: none;
  margin-right: 0;
  border: none;
}
.m-card .editorPic .bgpic .bglist img {
  width: 271px;
  height: 164px;
  border: 1px dashed #d4d4d4;
}
.m-card .editorPic .bgpic .bglist .sel {
  margin-top: 17px;
  font-size: 14px;
  color: #3d4b56;
}
.m-card .editorPic .icopic .shise {
  background-color: #fff;
  margin-top: 10px;
  height: 220px;
}
.m-card .editorPic .icopic .shise .shiseLeft {
  width: 165px;
  float: left;
  display: inline;
  padding: 15px 20px;
}
.m-card .editorPic .icopic .shise .shiseRight {
  overflow: hidden;
  padding: 5px 5px 15px;
}
.m-card .editorPic .icopic .shise .shiseC,
.m-card .editorPic .icopic .shise .shiseM,
.m-card .editorPic .icopic .shise .shiseY,
.m-card .editorPic .icopic .shise .shiseK {
  width: 50px;
  height: 26px;
  margin-top: 14px;
  margin-right: 8px;
}
.m-card .editorPic .icopic .shise .shiseC span,
.m-card .editorPic .icopic .shise .shiseM span,
.m-card .editorPic .icopic .shise .shiseY span,
.m-card .editorPic .icopic .shise .shiseK span {
  float: left;
  display: inline;
  width: 16px;
  line-height: 26px;
  text-align: center;
}
.m-card .editorPic .icopic .shise .shiseC input,
.m-card .editorPic .icopic .shise .shiseM input,
.m-card .editorPic .icopic .shise .shiseY input,
.m-card .editorPic .icopic .shise .shiseK input {
  width: 32px;
  height: 24px;
  border: 1px solid #abadb3;
  text-align: center;
  padding: 0;
}
.m-card .editorPic .icopic .shise .minicolors-panel {
  background: none;
  width: 165px;
}
.m-card .editorPic .icopic .shise .minicolors-slider,
.m-card .editorPic .icopic .shise .minicolors-opacity-slider {
  left: 165px;
}
.m-card .editorPic .icopic .shise .hexval {
  float: right;
  display: inline;
  padding-right: 15px;
  margin-top: -8px;
}
.m-card .editorPic .icopic .shise .hexval input {
  width: 75px;
  height: 24px;
  border: 1px solid #abadb3;
  padding: 0;
}
.m-card .editorPic .icopic .icoList {
  margin-top: 10px;
  width: 100%;
  overflow: hidden;
}
.m-card .editorPic .icopic .icoList .list {
  width: 285px;
  height: 630px;
}
.m-card .editorPic .icopic .icoList .list li {
  width: 62px;
  height: 62px;
  float: left;
  display: inline;
  margin-top: 9px;
  margin-right: 9px;
  background-color: #3e3938;
  cursor: pointer;
}
.m-card .editorPic .icopic .icoList .list li span {
  display: block;
  width: 62px;
  height: 62px;
  background: url('../images/icobg.png') 0 0 no-repeat transparent;
}
.m-card .editorPic .icopic .icoList .list .s01 {
  background-position: 0 0;
}
.m-card .editorPic .icopic .icoList .list .s02 {
  background-position: -71px 0;
}
.m-card .editorPic .icopic .icoList .list .s03 {
  background-position: -142px 0;
}
.m-card .editorPic .icopic .icoList .list .s04 {
  background-position: -213px 0;
}
.m-card .editorPic .icopic .icoList .list .s05 {
  background-position: 0 -71px;
}
.m-card .editorPic .icopic .icoList .list .s06 {
  background-position: -71px -71px;
}
.m-card .editorPic .icopic .icoList .list .s07 {
  background-position: -142px -71px;
}
.m-card .editorPic .icopic .icoList .list .s08 {
  background-position: -213px -71px;
}
.m-card .editorPic .icopic .icoList .list .s09 {
  background-position: 0 -142px;
}
.m-card .editorPic .icopic .icoList .list .s10 {
  background-position: -71px -142px;
}
.m-card .editorPic .icopic .icoList .list .s11 {
  background-position: -142px -142px;
}
.m-card .editorPic .icopic .icoList .list .s12 {
  background-position: -213px -142px;
}
.m-card .editorPic .icopic .icoList .list .s13 {
  background-position: 0 -213px;
}
.m-card .editorPic .icopic .icoList .list .s14 {
  background-position: -71px -213px;
}
.m-card .editorPic .icopic .icoList .list .s15 {
  background-position: -142px -213px;
}
.m-card .editorPic .icopic .icoList .list .s16 {
  background-position: -213px -213px;
}
.m-card .editorPic .icopic .icoList .list .s17 {
  background-position: 0 -284px;
}
.m-card .editorPic .icopic .icoList .list .s18 {
  background-position: -71px -284px;
}
.m-card .editorPic .icopic .icoList .list .s19 {
  background-position: -142px -284px;
}
.m-card .editorPic .icopic .icoList .list .s20 {
  background-position: -213px -284px;
}
.m-card .editorPic .icopic .icoList .list .s21 {
  background-position: 0 -355px;
}
.m-card .editorPic .icopic .icoList .list .s22 {
  background-position: -71px -355px;
}
.m-card .editorPic .icopic .icoList .list .s23 {
  background-position: -142px -355px;
}
.m-card .editorPic .icopic .icoList .list .s24 {
  background-position: -213px -355px;
}
.m-card .editorPic .icopic .icoList .list .s25 {
  background-position: 0 -426px;
}
.m-card .editorPic .icopic .icoList .list .s26 {
  background-position: -71px -426px;
}
.m-card .editorPic .icopic .icoList .list .s27 {
  background-position: -142px -426px;
}
.m-card .editorPic .icopic .icoList .list .s28 {
  background-position: -213px -426px;
}
.m-card .editorPic .icopic .icoList .list .s29 {
  background-position: 0 -497px;
}
.m-card .editorPic .icopic .icoList .list .s30 {
  background-position: -71px -497px;
}
.m-card .editorPic .icopic .icoList .list .s31 {
  background-position: -142px -497px;
}
.m-card .editorPic .icopic .icoList .list .s32 {
  background-position: -213px -497px;
}
.m-card .editorPic .icopic .icoList .list .s33 {
  background-position: 0 -568px;
}
.m-card .editorPic .icopic .icoList .list .s34 {
  background-position: -71px -568px;
}
.m-card .editorPic .icopic .icoList .list .s35 {
  background-position: -142px -568px;
}
.m-card .editorPic .icopic .icoList .list .s36 {
  background-position: -213px -568px;
}
.m-card .editorPic .mypicTitle {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #eaeaea;
  color: #3d4b56;
}
.m-card .editorPic .picFoot {
  height: 31px;
  background: url('../images/foot.png') 0 0 repeat-x #f3f1f3;
  text-align: center;
  margin-left: -17px;
  margin-right: -17px;
  margin-bottom: -18px;
  margin-top: 16px;
  border-top: 1px solid #d5d5d5;
}
.m-card .editorPic .picFoot span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 31px;
  height: 31px;
  background: url('../images/arrow.png') 50% 50% no-repeat transparent;
}
.m-card .resizeUpimg {
  position: absolute;
  zoom: 1;
  width: 137px;
  height: 89px;
  z-index: 20;
  border: 1px solid transparent;
}
.m-card .resizeUpimg .ui-resizable-handle {
  width: 20px;
  height: 20px;
  background: url('../images/dot.png') 0 0 no-repeat transparent;
  position: absolute;
  zoom: 1;
  left: -10px;
  top: 50%;
  margin-top: -10px;
  margin-left: -10px;
  display: none;
}
.m-card .resizeUpimg.ui-selected {
  border: 1px solid #4f80ff;
}
.m-card .resizeUpimg .ui-resizable-n {
  left: 50%;
  top: 0;
}
.m-card .resizeUpimg .ui-resizable-e {
  left: 100%;
  top: 50%;
}
.m-card .resizeUpimg .ui-resizable-s {
  left: 50%;
  top: 100%;
}
.m-card .resizeUpimg .ui-resizable-w {
  left: 0;
  top: 50%;
}
.m-card .resizeUpimg .ui-resizable-ne {
  left: 100%;
  top: 0;
}
.m-card .resizeUpimg .ui-resizable-se {
  left: 100%;
  top: 100%;
}
.m-card .resizeUpimg .ui-resizable-sw {
  left: 0%;
  top: 100%;
}
.m-card .resizeUpimg .ui-resizable-nw {
  left: 0;
  top: 0;
}
.m-card .resizeUpimgOn {
  border: 1px dashed #f1453a;
}
.m-card .resizeUpimgOn .dot1,
.m-card .resizeUpimgOn .dot2,
.m-card .resizeUpimgOn .dot3,
.m-card .resizeUpimgOn .dot4,
.m-card .resizeUpimgOn .dot5,
.m-card .resizeUpimgOn .dot6,
.m-card .resizeUpimgOn .dot7,
.m-card .resizeUpimgOn .dot8,
.m-card .resizeUpimgOn .dot9 {
  display: block;
}
.m-card .resizeUpimgLock .ui-resizable-handle {
  display: none;
}
.m-select {
  border: 1px solid #4f80ff;
  position: absolute;
  zoom: 1;
  z-index: 1000;
  visibility: hidden;
  cursor: move;
  background: url('../images/t.gif') 0 0 no-repeat transparent;
}
.m-select.ui-resizable {
  position: absolute;
  zoom: 1;
}
.m-select .handle {
  width: 100%;
  height: 100%;
}
.m-select .ui-resizable-handle {
  width: 8px;
  height: 8px;
  background: url('../images/dot2.png') 0 0 no-repeat transparent;
  position: absolute;
  zoom: 1;
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: -4px;
  display: none;
}
.m-select .ui-resizable-n {
  left: 50%;
  top: 0;
}
.m-select .ui-resizable-e {
  left: 100%;
  top: 50%;
}
.m-select .ui-resizable-s {
  left: 50%;
  top: 100%;
}
.m-select .ui-resizable-w {
  left: 0;
  top: 50%;
}
.m-select .ui-resizable-ne {
  left: 100%;
  top: 0;
}
.m-select .ui-resizable-se {
  left: 100%;
  top: 100%;
}
.m-select .ui-resizable-sw {
  left: 0%;
  top: 100%;
}
.m-select .ui-resizable-nw {
  left: 0;
  top: 0;
}
.m-cardText {
  width: 520px;
  height: 85px;
  border: 1px solid #b5babf;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  display: none;
  position: absolute;
  z-index: 10000;
}
.m-cardText .textTop {
  height: 30px;
  border-bottom: 1px solid #dadcdf;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 8px;
}
.m-cardText .textTop .front,
.m-cardText .textTop .frontSize,
.m-cardText .textTop .align,
.m-cardText .textTop .color,
.m-cardText .textTop .bold,
.m-cardText .textTop .italic,
.m-cardText .textTop .copy,
.m-cardText .textTop .del {
  float: left;
  display: inline;
  height: 30px;
  background: url('../images/textopt.png') 0 0 no-repeat transparent;
  position: relative;
  zoom: 1;
  cursor: pointer;
  color: #3d4b56;
  line-height: 30px;
}
.m-cardText .textTop .front.active,
.m-cardText .textTop .frontSize.active,
.m-cardText .textTop .align.active,
.m-cardText .textTop .bold.active,
.m-cardText .textTop .italic.active {
  background-image: url('../images/textopt2.png');
}
.m-cardText .textTop .front {
  width: 131px;
  background-position: 0 50%;
  margin-right: 5px;
}
.m-cardText .textTop .front .frontBtn {
  padding-left: 13px;
}
.m-cardText .textTop .frontSize {
  width: 67px;
  background-position: -136px 50%;
  margin-right: 5px;
}
.m-cardText .textTop .frontSize .frontSizeBtn {
  padding-left: 13px;
}
.m-cardText .textTop .align {
  width: 89px;
  background-position: -208px 50%;
  margin-right: 17px;
}
.m-cardText .textTop .align .frontAlignBtn {
  padding-left: 13px;
}
.m-cardText .textTop .color {
  width: 28px;
  background-position: -314px 50%;
  margin-right: 13px;
}
.m-cardText .textTop .color .frontColorBtn {
  width: 28px;
  height: 30px;
}
.m-cardText .textTop .bold {
  width: 30px;
  background-position: -355px 50%;
  margin-right: 7px;
}
.m-cardText .textTop .italic {
  width: 30px;
  background-position: -392px 50%;
  margin-right: 12px;
}
.m-cardText .textTop .copy {
  width: 22px;
  background-position: -434px 50%;
  margin-right: 20px;
}
.m-cardText .textTop .del {
  width: 19px;
  background-position: -473px 50%;
}
.m-cardText .textBot {
  height: 42px;
}
.m-cardText .textBot .input {
  width: 480px;
  height: 28px;
  border: 1px solid #b5babf;
  line-height: 28px;
  margin-top: 6px;
  margin-left: 8px;
  color: #3d4b56;
  padding-left: 10px;
  padding-right: 10px;
  font-family: 'Microsoft YaHei', SimHei, SimSun;
}
.m-cardText .selectTab {
  border: 1px solid #b5babf;
  height: 158px;
  position: absolute;
  zoom: 1;
  left: -9px;
  top: -166px;
  width: 520px;
  background-color: #fff;
  display: none;
}
.m-cardText .selectTab .selectTitle {
  height: 20px;
  background: url('../images/sizebg.png') 0 0 repeat-x transparent;
  border-bottom: 1px solid #b5babf;
}
.m-cardText .selectTab .selectTitle span {
  display: block;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 17px;
  background: url('../images/size.png') 0 50% no-repeat transparent;
}
.m-cardText .selectTab .tabBox {
  background: url('../images/vline.png') 117px 0 repeat-y transparent;
  position: absolute;
  zoom: 1;
  top: 21px;
  bottom: 0px;
  width: 100%;
}
.m-cardText .selectTab .selectLeft {
  width: 117px;
  float: left;
  display: inline;
}
.m-cardText .selectTab .selectLeft li {
  width: 105px;
  height: 34px;
  line-height: 34px;
  padding-left: 12px;
  border-bottom: 1px solid #b5babf;
  color: #3d4b56;
  cursor: pointer;
}
.m-cardText .selectTab .selectLeft li.active {
  background-color: #6f767d;
  color: #fff;
}
.m-cardText .selectTab .selectRight {
  overflow: hidden;
  height: 100%;
}
.m-cardText .selectTab .selectRight .listWrap {
  width: 100%;
  height: 100%;
  *height: 137px;
  position: relative;
  zoom: 1;
  left: 0;
  right: 0;
  overflow-y: auto;
}
.m-cardText .selectTab .selectRight ul {
  padding-left: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.m-cardText .selectTab .selectRight .bzsList {
  padding-left: 8px;
}
.m-cardText .selectTab .selectRight li {
  width: 164px;
  height: 36px;
  border: 1px solid #f1f1f1;
  background-color: #f1f1f1;
  line-height: 36px;
  padding-left: 12px;
  font-size: 16px;
  color: #2c2c2c;
  margin-right: 10px;
  margin-top: 2px;
  float: left;
  display: inline;
  font-size: 0;
}
.m-cardText .selectTab .selectRight li.active {
  background-color: #d1d1d1;
}
.m-cardText .selectTab .selectRight .a1,
.m-cardText .selectTab .selectRight .a2,
.m-cardText .selectTab .selectRight .a3,
.m-cardText .selectTab .selectRight .a4,
.m-cardText .selectTab .selectRight .a5,
.m-cardText .selectTab .selectRight .a6,
.m-cardText .selectTab .selectRight .a7,
.m-cardText .selectTab .selectRight .a8,
.m-cardText .selectTab .selectRight .a9,
.m-cardText .selectTab .selectRight .a10,
.m-cardText .selectTab .selectRight .a11,
.m-cardText .selectTab .selectRight .a12,
.m-cardText .selectTab .selectRight .a13,
.m-cardText .selectTab .selectRight .a14,
.m-cardText .selectTab .selectRight .a15,
.m-cardText .selectTab .selectRight .a16,
.m-cardText .selectTab .selectRight .a17,
.m-cardText .selectTab .selectRight .a18,
.m-cardText .selectTab .selectRight .a19,
.m-cardText .selectTab .selectRight .a20,
.m-cardText .selectTab .selectRight .a21,
.m-cardText .selectTab .selectRight .a22,
.m-cardText .selectTab .selectRight .a23,
.m-cardText .selectTab .selectRight .a24,
.m-cardText .selectTab .selectRight .a25,
.m-cardText .selectTab .selectRight .a26 {
  background: url('../images/jt.png') 0 0 no-repeat #f1f1f1;
}
.m-cardText .selectTab .selectRight .a1 {
  background-position: 12px 0px;
}
.m-cardText .selectTab .selectRight .a2 {
  background-position: 12px -40px;
}
.m-cardText .selectTab .selectRight .a3 {
  background-position: 12px -80px;
}
.m-cardText .selectTab .selectRight .a4 {
  background-position: 12px -120px;
}
.m-cardText .selectTab .selectRight .a5 {
  background-position: 12px -160px;
}
.m-cardText .selectTab .selectRight .a6 {
  background-position: 12px -200px;
}
.m-cardText .selectTab .selectRight .a7 {
  background-position: 12px -240px;
}
.m-cardText .selectTab .selectRight .a8 {
  background-position: 12px -280px;
}
.m-cardText .selectTab .selectRight .a9 {
  background-position: 12px -320px;
}
.m-cardText .selectTab .selectRight .a10 {
  background-position: 12px -360px;
}
.m-cardText .selectTab .selectRight .a11 {
  background-position: 12px -400px;
}
.m-cardText .selectTab .selectRight .a12 {
  background-position: 12px -440px;
}
.m-cardText .selectTab .selectRight .a13 {
  background-position: 12px -480px;
}
.m-cardText .selectTab .selectRight .a14 {
  background-position: 12px -520px;
}
.m-cardText .selectTab .selectRight .a15 {
  background-position: 12px -560px;
}
.m-cardText .selectTab .selectRight .a16 {
  background-position: 12px -600px;
}
.m-cardText .selectTab .selectRight .a17 {
  background-position: 12px -640px;
}
.m-cardText .selectTab .selectRight .a18 {
  background-position: 12px -680px;
}
.m-cardText .selectTab .selectRight .a19 {
  background-position: 12px -720px;
}
.m-cardText .selectTab .selectRight .a20 {
  background-position: 12px -760px;
}
.m-cardText .selectTab .selectRight .a21 {
  background-position: 12px -800px;
}
.m-cardText .selectTab .selectRight .a22 {
  background-position: 12px -840px;
}
.m-cardText .selectTab .selectRight .a23 {
  background-position: 12px -880px;
}
.m-cardText .selectTab .selectRight .a24 {
  background-position: 12px -920px;
}
.m-cardText .selectTab .selectRight .a25 {
  background-position: 12px -960px;
}
.m-cardText .selectTab .selectRight .a26 {
  background-position: 12px -1000px;
}
.m-cardText .selectTab .selectRight .b1,
.m-cardText .selectTab .selectRight .b2,
.m-cardText .selectTab .selectRight .b3,
.m-cardText .selectTab .selectRight .b4,
.m-cardText .selectTab .selectRight .b5,
.m-cardText .selectTab .selectRight .b6,
.m-cardText .selectTab .selectRight .b7,
.m-cardText .selectTab .selectRight .b8 {
  background: url('../images/ft.png') 0 0 no-repeat #f1f1f1;
}
.m-cardText .selectTab .selectRight .b1 {
  background-position: 12px 0px;
}
.m-cardText .selectTab .selectRight .b2 {
  background-position: 12px -40px;
}
.m-cardText .selectTab .selectRight .b3 {
  background-position: 12px -80px;
}
.m-cardText .selectTab .selectRight .b4 {
  background-position: 12px -120px;
}
.m-cardText .selectTab .selectRight .b5 {
  background-position: 12px -160px;
}
.m-cardText .selectTab .selectRight .b6 {
  background-position: 12px -200px;
}
.m-cardText .selectTab .selectRight .b7 {
  background-position: 12px -240px;
}
.m-cardText .selectTab .selectRight .b8 {
  background-position: 12px -280px;
}
.m-cardText .selectTab .selectRight .b9 {
  background-position: 12px -320px;
}
.m-cardText .selectTab .selectRight .c1,
.m-cardText .selectTab .selectRight .c2,
.m-cardText .selectTab .selectRight .c3,
.m-cardText .selectTab .selectRight .c4,
.m-cardText .selectTab .selectRight .c5,
.m-cardText .selectTab .selectRight .c6,
.m-cardText .selectTab .selectRight .c7,
.m-cardText .selectTab .selectRight .c8,
.m-cardText .selectTab .selectRight .c9,
.m-cardText .selectTab .selectRight .c10,
.m-cardText .selectTab .selectRight .c11,
.m-cardText .selectTab .selectRight .c12 {
  background: url('../images/yw.png') 0 0 no-repeat #f1f1f1;
}
.m-cardText .selectTab .selectRight .c1 {
  background-position: 12px 0px;
}
.m-cardText .selectTab .selectRight .c2 {
  background-position: 12px -40px;
}
.m-cardText .selectTab .selectRight .c3 {
  background-position: 12px -80px;
}
.m-cardText .selectTab .selectRight .c4 {
  background-position: 12px -120px;
}
.m-cardText .selectTab .selectRight .c5 {
  background-position: 12px -160px;
}
.m-cardText .selectTab .selectRight .c6 {
  background-position: 12px -200px;
}
.m-cardText .selectTab .selectRight .c7 {
  background-position: 12px -240px;
}
.m-cardText .selectTab .selectRight .c8 {
  background-position: 12px -280px;
}
.m-cardText .selectTab .selectRight .c9 {
  background-position: 12px -320px;
}
.m-cardText .selectTab .selectRight .c10 {
  background-position: 12px -360px;
}
.m-cardText .selectTab .selectRight .c11 {
  background-position: 12px -400px;
}
.m-cardText .selectTab .selectRight .c12 {
  background-position: 12px -440px;
}
.m-cardText .selectTab .close {
  display: block;
  width: 19px;
  height: 19px;
  background: url('../images/close.png') 0 0 no-repeat transparent;
  position: absolute;
  zoom: 1;
  top: -9px;
  right: -9px;
}
.m-cardText .selectTab.selectSize {
  left: -145px;
}
.m-cardText .selectTab .tabBox2 {
  position: absolute;
  zoom: 1;
  top: 21px;
  bottom: 0px;
  width: 100%;
  overflow-y: auto;
}
.m-cardText .selectTab .tabBox2 ul {
  padding-left: 16px;
  padding-top: 9px;
}
.m-cardText .selectTab .tabBox2 li {
  width: 44px;
  height: 28px;
  border: 1px solid #b5babf;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  color: #3d4b56;
  float: left;
  display: inline;
  margin-top: 7px;
  margin-right: 8px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.m-cardText .selectTab .tabBox2 li.active {
  background-color: #8a8e91;
  border: 1px solid #8a8e91;
  color: #fff;
}
.m-cardText .selectTab.selectAlign {
  left: -217px;
  height: 112px;
  top: -120px;
}
.m-cardText .selectTab .tabBox3 {
  position: absolute;
  zoom: 1;
  top: 21px;
  bottom: 0px;
  width: 100%;
}
.m-cardText .selectTab .tabBox3 ul {
  padding-top: 10px;
}
.m-cardText .selectTab .tabBox3 li {
  width: 73px;
  height: 57px;
  border-right: 1px solid #dcdee0;
  float: left;
  display: inline;
  text-align: center;
  margin-top: 5px;
}
.m-cardText .selectTab .tabBox3 li .p1 {
  width: 33px;
  height: 33px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.m-cardText .selectTab .tabBox3 li .active {
  background: url('../images/alignbg.png') 0 0 no-repeat transparent;
}
.m-cardText .selectTab .tabBox3 li i {
  width: 33px;
  height: 33px;
  display: block;
  background: url('../images/align.png') 0 0 no-repeat transparent;
}
.m-cardText .selectTab .tabBox3 li .p2 {
  height: 24px;
  line-height: 24px;
}
.m-cardText .selectTab .tabBox3 li .i1 {
  background-position: 6px 8px;
}
.m-cardText .selectTab .tabBox3 li .i2 {
  background-position: -67px 7px;
}
.m-cardText .selectTab .tabBox3 li .i3 {
  background-position: -142px 8px;
}
.m-cardText .selectTab .tabBox3 li .i4 {
  background-position: -215px 8px;
}
.m-cardText .selectTab .tabBox3 li .i5 {
  background-position: -290px 8px;
}
.m-cardText .selectTab .tabBox3 li .i6 {
  background-position: -365px 8px;
}
.m-cardText .selectTab .tabBox3 li .i7 {
  background-position: -440px 8px;
}
.m-cardText .selectTab .tabBox3 li.last {
  border-right: 0;
}
.m-cardText .selectTab .tabBox3 li.active {
  background-color: #8a8e91;
  border: 1px solid #8a8e91;
  color: #fff;
}
.m-cardText .selectTab.selectColor {
  left: -323px;
  height: 212px;
  top: -220px;
}
.m-cardText .selectTab.selectColor .selectRight .biaozhun {
  height: 190px;
  overflow-y: auto;
  padding-left: 15px;
}
.m-cardText .selectTab.selectColor .selectRight .bzsList {
  width: 350px;
  height: 488px;
  background: url('../images/biaozhunse.png') 16px 13px no-repeat transparent;
}
.m-cardText .selectTab.selectColor .selectRight .bzsList li {
  width: 58px;
  height: 58px;
  border: 1px solid #fff;
  float: left;
  display: inline;
  margin-right: 12px;
  overflow: hidden;
  font-size: 0;
  padding-left: 0;
  line-height: 0;
  margin-top: 0px;
  cursor: pointer;
  background-color: transparent;
}
.m-cardText .selectTab.selectColor .selectRight .bzsList li.l5 {
  margin-right: 0;
}
.m-cardText .selectTab.selectColor .selectRight .bzsList li.active {
  border: 1px solid #656565;
}
.m-cardText .selectTab.selectColor .selectRight .shiseLeft {
  width: 210px;
  float: left;
  display: inline;
  padding: 15px 20px;
}
.m-cardText .selectTab.selectColor .selectRight .shiseRight {
  overflow: hidden;
  padding: 7px 5px 15px;
}
.m-cardText .selectTab.selectColor .selectRight .shiseC,
.m-cardText .selectTab.selectColor .selectRight .shiseM,
.m-cardText .selectTab.selectColor .selectRight .shiseY,
.m-cardText .selectTab.selectColor .selectRight .shiseK {
  width: 50px;
  height: 26px;
  float: left;
  display: inline;
  margin-top: 8px;
  margin-right: 8px;
}
.m-cardText .selectTab.selectColor .selectRight .shiseC span,
.m-cardText .selectTab.selectColor .selectRight .shiseM span,
.m-cardText .selectTab.selectColor .selectRight .shiseY span,
.m-cardText .selectTab.selectColor .selectRight .shiseK span {
  float: left;
  display: inline;
  width: 16px;
  line-height: 26px;
  text-align: center;
}
.m-cardText .selectTab.selectColor .selectRight .shiseC input,
.m-cardText .selectTab.selectColor .selectRight .shiseM input,
.m-cardText .selectTab.selectColor .selectRight .shiseY input,
.m-cardText .selectTab.selectColor .selectRight .shiseK input {
  width: 32px;
  height: 24px;
  border: 1px solid #abadb3;
  text-align: center;
  padding: 0;
}
.m-cardText .selectTab.selectColor .selectRight .hexval {
  width: 108px;
  height: 18px;
  margin-top: 7px;
}
.m-cardText .selectTab.selectColor .selectRight .hexval span {
  width: 16px;
  height: 18px;
  float: left;
  display: inline;
  line-height: 18px;
  color: #666;
}
.m-cardText .selectTab.selectColor .selectRight .hexval input {
  width: 83px;
  height: 16px;
  border: 1px solid #abadb3;
  padding-left: 5px;
}
.m-cardText .selectTab.selectColor .selectRight .hex {
  width: 90px;
  height: 25px;
  border: 1px solid #abadb3;
  margin-top: 7px;
  margin-left: 16px;
}
.m-cardText .selectTab.selectColor .selectRight .shiseBtn {
  display: block;
  width: 92px;
  height: 26px;
  background-color: #f1453a;
  margin-top: 7px;
  margin-left: 16px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.m-cardText .selectTab.selectColor .selectRight .shiseBtn:hover {
  text-decoration: none;
}
.m-cardPic {
  width: 365px;
  height: 55px;
  border: 1px solid #b5babf;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  display: none;
  position: absolute;
  z-index: 10000;
}
.m-cardPic .pcrop,
.m-cardPic .pcopy,
.m-cardPic .pdel,
.m-cardPic .pchange,
.m-cardPic .pup,
.m-cardPic .pdown {
  width: 72px;
  height: 20px;
  float: left;
  display: inline;
  border-right: 1px solid #b5babf;
  background: url('../images/uppic.png') 0 0 no-repeat transparent;
  padding-top: 35px;
  text-align: center;
  color: #3d4b56;
  cursor: pointer;
}
.m-cardPic .pchange {
  background-position: 25px 9px;
}
.m-cardPic .pcrop {
  background-position: -48px 9px;
}
.m-cardPic .pcopy {
  background-position: -121px 9px;
}
.m-cardPic .pdel {
  background-position: -194px 9px;
}
.m-cardPic .pup {
  background-position: -266px 9px;
}
.m-cardPic .pup.disabled {
  background-position: -266px -48px;
  color: #999;
}
.m-cardPic .pdown {
  border-right: 0;
  background-position: -338px 9px;
}
.m-cardPic .pdown.disabled {
  border-right: 0;
  background-position: -338px -48px;
  color: #999;
}
.m-cardLine {
  width: 291px;
  height: 55px;
  border: 1px solid #b5babf;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  display: none;
  position: absolute;
  z-index: 10000;
}
.m-cardLine .lineType,
.m-cardLine .lineSpace,
.m-cardLine .lineColor,
.m-cardLine .lcopy,
.m-cardLine .ldel,
.m-cardLine .lup,
.m-cardLine .ldown {
  width: 72px;
  height: 20px;
  float: left;
  display: inline;
  border-right: 1px solid #b5babf;
  background: url('../images/lineopt.png') 0 0 no-repeat transparent;
  padding-top: 35px;
  text-align: center;
  color: #3d4b56;
  cursor: pointer;
}
.m-cardLine .lineType {
  background-position: 29px 9px;
}
.m-cardLine .lineSpace {
  background-position: 25px -66px;
  display: none;
}
.m-cardLine .lineColor {
  background-position: -44px 9px;
}
.m-cardLine .lcopy {
  background-position: -117px 9px;
}
.m-cardLine .ldel {
  border-right: 0;
  background-position: -190px 9px;
}
.m-cardLine .lup {
  border-left: 1px solid #b5babf;
  background-position: -262px 9px;
}
.m-cardLine .lup.disabled {
  background-position: -262px -66px;
  color: #999;
}
.m-cardLine .ldown {
  border-right: 0;
  background-position: -334px 9px;
}
.m-cardLine .ldown.disabled {
  background-position: -334px -66px;
  color: #999;
}
.m-cardLine .selectTab {
  border: 1px solid #b5babf;
  height: 158px;
  position: absolute;
  zoom: 1;
  left: -1px;
  top: -160px;
  width: 291px;
  background-color: #fff;
  display: none;
}
.m-cardLine .selectTab .selectTitle {
  height: 20px;
  background: url('../images/sizebg.png') 0 0 repeat-x transparent;
  border-bottom: 1px solid #b5babf;
}
.m-cardLine .selectTab .selectTitle span {
  display: block;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 17px;
  background: url('../images/size.png') 0 50% no-repeat transparent;
}
.m-cardLine .selectTab .tabBox {
  position: absolute;
  zoom: 1;
  top: 21px;
  bottom: 0px;
  width: 100%;
}
.m-cardLine .selectTab .close {
  display: block;
  width: 19px;
  height: 19px;
  background: url('../images/close.png') 0 0 no-repeat transparent;
  position: absolute;
  zoom: 1;
  top: -9px;
  right: -9px;
}
.m-cardLine .selectTab.selectType ul {
  padding-left: 9px;
}
.m-cardLine .selectTab.selectType li {
  width: 89px;
  height: 30px;
  background: url('../images/linebg.png') 0 0 no-repeat transparent;
  float: left;
  display: inline;
  margin-right: 4px;
  margin-top: 12px;
  cursor: pointer;
}
.m-cardLine .selectTab.selectType li span {
  display: block;
  height: 30px;
  background: url('../images/linetype.png') 0 0 no-repeat transparent;
}
.m-cardLine .selectTab.selectType li .s1 {
  background-position: 13px 15px;
}
.m-cardLine .selectTab.selectType li .s2 {
  background-position: -81px 14px;
}
.m-cardLine .selectTab.selectType li .s3 {
  background-position: -175px 13px;
}
.m-cardLine .selectTab.selectType li .s4 {
  background-position: 13px -27px;
}
.m-cardLine .selectTab.selectType li .s5 {
  background-position: -81px -27px;
}
.m-cardLine .selectTab.selectType li .s6 {
  background-position: -175px -27px;
}
.m-cardLine .selectTab.selectType li .s7 {
  background-position: 13px -67px;
}
.m-cardLine .selectTab.selectType li .s8 {
  background-position: -81px -67px;
}
.m-cardLine .selectTab.selectType li .s9 {
  background-position: -175px -67px;
}
.m-cardLine .selectTab.selectSpace ul {
  padding-left: 17px;
  padding-top: 4px;
}
.m-cardLine .selectTab.selectSpace li {
  width: 260px;
  height: 23px;
  background: url('../images/linebg2.png') 0 0 no-repeat transparent;
  margin-top: 5px;
  cursor: pointer;
}
.m-cardLine .selectTab.selectSpace li span {
  display: block;
  height: 23px;
  background: url('../images/linespace.png') 0 0 no-repeat transparent;
}
.m-cardLine .selectTab.selectSpace li .s1 {
  background-position: 15px 11px;
}
.m-cardLine .selectTab.selectSpace li .s2 {
  background-position: 15px -17px;
}
.m-cardLine .selectTab.selectSpace li .s3 {
  background-position: 15px -45px;
}
.m-cardLine .selectTab.selectSpace li .s4 {
  background-position: 15px -73px;
}
.m-cardLine .selectTab.selectSpace li .s5 {
  background-position: 15px -102px;
}
.m-cardLine .selectTab.selectColor {
  /*left:-323px;height:212px;top:-212px - 8px;*/
}
.m-cardLine .selectTab.selectColor .shiseLeft {
  width: 150px;
  float: left;
  display: inline;
  padding: 10px 10px;
}
.m-cardLine .selectTab.selectColor .shiseRight {
  overflow: hidden;
  padding: 7px 5px 15px 25px;
}
.m-cardLine .selectTab.selectColor .shiseC,
.m-cardLine .selectTab.selectColor .shiseM,
.m-cardLine .selectTab.selectColor .shiseY,
.m-cardLine .selectTab.selectColor .shiseK {
  width: 40px;
  height: 26px;
  float: left;
  display: inline;
  margin-top: 8px;
  margin-right: 4px;
}
.m-cardLine .selectTab.selectColor .shiseC span,
.m-cardLine .selectTab.selectColor .shiseM span,
.m-cardLine .selectTab.selectColor .shiseY span,
.m-cardLine .selectTab.selectColor .shiseK span {
  float: left;
  display: inline;
  width: 16px;
  line-height: 26px;
  text-align: center;
}
.m-cardLine .selectTab.selectColor .shiseC input,
.m-cardLine .selectTab.selectColor .shiseM input,
.m-cardLine .selectTab.selectColor .shiseY input,
.m-cardLine .selectTab.selectColor .shiseK input {
  width: 22px;
  height: 24px;
  border: 1px solid #abadb3;
  text-align: center;
  padding: 0;
}
.m-cardLine .selectTab.selectColor .hexval {
  width: 84px;
  height: 18px;
  margin-top: 7px;
}
.m-cardLine .selectTab.selectColor .hexval span {
  width: 16px;
  height: 18px;
  float: left;
  display: inline;
  line-height: 18px;
  color: #666;
}
.m-cardLine .selectTab.selectColor .hexval input {
  width: 59px;
  height: 16px;
  border: 1px solid #abadb3;
  padding-left: 5px;
}
.m-cardLine .selectTab.selectColor .hex {
  width: 66px;
  height: 25px;
  border: 1px solid #abadb3;
  margin-top: 7px;
  margin-left: 16px;
}
.m-cardLine .selectTab.selectColor .shiseBtn {
  display: block;
  width: 68px;
  height: 26px;
  background-color: #f1453a;
  margin-top: 10px;
  margin-left: 16px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.m-cardLine .selectTab.selectColor .shiseBtn:hover {
  text-decoration: none;
}
.m-cardLine .selectTab.selectColor .minicolors-panel {
  width: 150px;
}
.m-cardLine .selectTab.selectColor .minicolors-slider,
.m-cardLine .selectTab.selectColor .minicolors-opacity-slider {
  left: 160px;
}
body .m-cardLayer {
  width: 478px;
  height: 478px;
  border: 1px solid #b5babf;
}
body .m-cardLayer .layui-layer-title {
  height: 36px;
  background: #3d4b56;
  color: #fff;
  border: none;
}
body .m-cardLayer .layerBox {
  width: 338px;
  height: 338px;
  border: 1px dashed #d5d5d5;
  margin-top: 29px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
body .m-cardLayer .layerBot {
  margin-top: 20px;
  text-align: center;
}
body .m-cardLayer .layerBot .ok,
body .m-cardLayer .layerBot .cancel {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 88px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #b5babf;
  border-bottom: 2px solid #b5babf;
  color: #3d4b56;
}
body .m-cardLayer .layerBot .ok:hover,
body .m-cardLayer .layerBot .cancel:hover {
  text-decoration: none;
}
body .m-cardLayer .layerBot .ok {
  border: 1px solid #f1453a;
  border-bottom: 2px solid #b62219;
  color: #fff;
  background-color: #f1453a;
  margin-left: 15px;
}
body .m-cardLayer .cropper-crop-box .cropper-point {
  width: 20px;
  height: 20px;
  background: url('../images/dot.png') 0 0 no-repeat transparent;
  position: absolute;
  zoom: 1;
  left: -10px;
  top: 50%;
  margin-top: -10px;
  margin-left: -10px;
}
body .m-cardLayer .cropper-crop-box .point-n {
  left: 50%;
  top: 0;
}
body .m-cardLayer .cropper-crop-box .point-e {
  left: 100%;
  top: 50%;
}
body .m-cardLayer .cropper-crop-box .point-s {
  left: 50%;
  top: 100%;
}
body .m-cardLayer .cropper-crop-box .point-w {
  left: 0;
  top: 50%;
}
body .m-cardLayer .cropper-crop-box .point-ne {
  left: 100%;
  top: 0;
}
body .m-cardLayer .cropper-crop-box .point-se {
  left: 100%;
  top: 100%;
}
body .m-cardLayer .cropper-crop-box .point-sw {
  left: 0%;
  top: 100%;
}
body .m-cardLayer .cropper-crop-box .point-nw {
  left: 0;
  top: 0;
}
body .m-cardLayerPreview1 {
  width: 478px;
  height: 488px;
  border: 1px solid #b5babf;
}
body .m-cardLayerPreview1 .previewBox {
  width: 340px;
  height: 420px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
body .m-cardLayerPreview1 .previewBox img {
  border: 1px solid #d5d5d5;
  max-height: 203px;
}
body .m-cardLayerPreview2 {
  width: 560px;
  height: 488px;
  border: 1px solid #b5babf;
}
body .m-cardLayerPreview2 .previewBox {
  width: 514px;
  height: 420px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  text-align: center;
}
body .m-cardLayerPreview2 .previewBox img {
  border: 1px solid #d5d5d5;
  max-width: 250px;
}
body .loadingLayer {
  background: url('../images/loadingbg.png') 0 0 no-repeat transparent;
  background-color: transparent;
  box-shadow: none;
}
.minicolors {
  position: relative;
}
.minicolors-sprite {
  background: url('../images/colorpiker.png') 0 0 no-repeat transparent;
}
.minicolors-no-data-uris .minicolors-sprite {
  background-image: url(jquery.minicolors.png);
}
.minicolors-swatch {
  position: absolute;
  vertical-align: middle;
  background-position: -80px 0;
  cursor: text;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.minicolors-swatch-color {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.minicolors input[type=hidden] + .minicolors-swatch {
  width: 28px;
  position: static;
  cursor: pointer;
}
/* Panel */
.minicolors-panel {
  position: absolute;
  width: 173px;
  height: 152px;
  background: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  z-index: 99999;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: none;
}
.minicolors-panel.minicolors-visible {
  display: block;
}
/* Panel positioning */
.minicolors-position-top .minicolors-panel {
  top: -154px;
}
.minicolors-position-right .minicolors-panel {
  right: 0;
}
.minicolors-position-bottom .minicolors-panel {
  top: auto;
}
.minicolors-position-left .minicolors-panel {
  left: 0;
}
.minicolors-with-opacity .minicolors-panel {
  width: 194px;
}
.minicolors .minicolors-grid {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 150px;
  height: 150px;
  background-position: -120px 0;
}
.minicolors .minicolors-grid-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
}
.minicolors-slider-saturation .minicolors-grid {
  background-position: -420px 0;
}
.minicolors-slider-saturation .minicolors-grid-inner {
  background-position: -270px 0;
  background-image: inherit;
}
.minicolors-slider-brightness .minicolors-grid {
  background-position: -570px 0;
}
.minicolors-slider-brightness .minicolors-grid-inner {
  background-color: black;
}
.minicolors-slider-wheel .minicolors-grid {
  background-position: -720px 0;
}
.minicolors-slider,
.minicolors-opacity-slider {
  position: absolute;
  top: 1px;
  left: 182px;
  width: 20px;
  height: 150px;
  background-color: white;
  background-position: 0 0;
}
.minicolors-slider-saturation .minicolors-slider {
  background-position: -60px 0;
}
.minicolors-slider-brightness .minicolors-slider {
  background-position: -20px 0;
}
.minicolors-slider-wheel .minicolors-slider {
  background-position: -20px 0;
}
.minicolors-opacity-slider {
  left: 173px;
  background-position: -40px 0;
  display: none;
}
.minicolors-with-opacity .minicolors-opacity-slider {
  display: block;
}
/* Pickers */
.minicolors-grid .minicolors-picker {
  position: absolute;
  top: 70px;
  left: 70px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  margin-top: -10px;
  margin-left: -10px;
}
.minicolors-grid .minicolors-picker > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: solid 1px white;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.minicolors-picker {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-radius: 100%;
  border: solid 1px white;
}
/* Inline controls */
.minicolors-inline {
  display: inline-block;
}
.minicolors-inline .minicolors-input {
  display: none !important;
}
.minicolors-inline .minicolors-panel {
  position: relative;
  top: auto;
  left: auto;
  box-shadow: none;
  z-index: auto;
  display: inline-block;
}
/* Default theme */
.minicolors-theme-default .minicolors-swatch {
  top: 5px;
  left: 5px;
  width: 18px;
  height: 18px;
}
.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
  left: auto;
  right: 5px;
}
.minicolors-theme-default.minicolors {
  width: auto;
  display: inline-block;
}
.minicolors-theme-default .minicolors-input {
  height: 20px;
  width: auto;
  display: inline-block;
  padding-left: 26px;
}
.minicolors-theme-default.minicolors-position-right .minicolors-input {
  padding-right: 26px;
  padding-left: inherit;
}
/* Bootstrap theme */
.minicolors-theme-bootstrap .minicolors-swatch {
  z-index: 2;
  top: 3px;
  left: 3px;
  width: 28px;
  height: 28px;
  border-radius: 3px;
}
.minicolors-theme-bootstrap .minicolors-swatch-color {
  border-radius: inherit;
}
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch {
  left: auto;
  right: 3px;
}
.minicolors-theme-bootstrap .minicolors-input {
  float: none;
  padding-left: 44px;
}
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
  padding-right: 44px;
  padding-left: 12px;
}
.minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
  top: 4px;
  left: 4px;
  width: 37px;
  height: 37px;
  border-radius: 5px;
}
.minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
  width: 24px;
  height: 24px;
}
.input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.cropper-container {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.cropper-container img {
  display: block;
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;
  image-orientation: 0deg !important;
}
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cropper-drag-box {
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  filter: alpha(opacity=50);
  opacity: .5;
}
.cropper-view-box {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 1px solid #69f;
  outline-color: rgba(102, 153, 255, 0.75);
}
.cropper-dashed {
  position: absolute;
  display: block;
  filter: alpha(opacity=50);
  border: 0 dashed #fff;
  opacity: .5;
}
.cropper-dashed.dashed-h {
  top: 33.33333333%;
  left: 0;
  width: 100%;
  height: 33.33333333%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333333%;
  width: 33.33333333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=10);
  opacity: .1;
}
.cropper-face {
  top: 0;
  left: 0;
  cursor: move;
  background-color: #fff;
}
.cropper-line {
  background-color: #69f;
}
.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}
.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}
.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}
.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}
.cropper-point {
  width: 5px;
  height: 5px;
  background-color: #69f;
  filter: alpha(opacity=75);
  opacity: .75;
}
.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}
.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}
.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}
.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}
.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}
.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}
.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}
.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  filter: alpha(opacity=100);
  opacity: 1;
}
.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: " ";
  background-color: #69f;
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.cropper-invisible {
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-hide {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: auto!important;
  min-width: 0!important;
  max-width: none!important;
  height: auto!important;
  min-height: 0!important;
  max-height: none!important;
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
body .ui-selectable-helper {
  background: url('../images/selbg.png') 0 0 repeat transparent;
  border: 1px solid #2ba8e0;
}

.eorder_content{ background:#f6f7f7; position:absolute; bottom:-70px; width:100%}
.eorder{ font-size:16px; padding:10px 15px; border:1px solid #ccc; background:#eee; float:left; margin-left:20px}