.shadow,.ui-btn,.ui-btn-lg,.ui-btn-s,.modal-content,.btn,.ngdialog-content,.do-pop-content,.do-element-options{-webkit-box-shadow:0 .5px 3px rgba(0,0,0,.3);box-shadow:0 .5px 3px rgba(0,0,0,.3);}
.shadow-lg{-webkit-box-shadow:0 3px 22px rgba(0,0,0,.2);-moz-box-shadow:0 3px 22px rgba(0,0,0,.2);box-shadow:0 3px 22px rgba(0,0,0,.2);}
.ov-hidden{overflow: hidden;}
.radius{border-radius:4px;}
.radius-6{border-radius:6px;}
.filter{-webkit-filter:blur(10px);-moz-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false)}
/*字符截取*/
.do-ellipsis{overflow:hidden;display: block;
white-space:nowrap; 
text-overflow:ellipsis; 
text-overflow: ellipsis;/* IE/Safari */ 
-ms-text-overflow: ellipsis; 
-o-text-overflow: ellipsis;/* Opera */ 
-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/ }
.cursor{cursor: pointer;}

.do-container{overflow: hidden;}

/*垂直居中*/
.do-middle{display: table;table-layout:fixed;width: 100%;height: 100%;vertical-align: middle;text-align: center}
.do-middle-center,.do-middle-top,.do-middle-bottom,.do-middle-centers{display: table-cell;vertical-align: middle}
.do-middle-top{vertical-align: top;}
.do-middle-bottom{vertical-align: bottom;}

img{max-width: 100%;
    max-height: 100%;}
.scale-1-1{padding-bottom: 100%}


.do-pagination{text-align: center}
.do-pagination-ul{display: inline-block}
.do-pagination ul > li {
    width: auto!important;padding: 6px!important;float: left;
}
.do-pagination ul > li > a, .do-pagination ul > li > span{    position: relative;
    float: left;
    padding: 4px 8px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #666;
    text-decoration: none;
    background-color: #fff;
    min-width: 34px;}
.do-pagination ul > li > a:before, .do-pagination ul > li > span:before{border: 1px solid #ddd;content: "";position:absolute;top: 0;left: 0;right: 0;bottom: 0}

.do-pagination ul > .disabled > span, .do-pagination ul > .disabled > span:hover, .do-pagination ul > .disabled > span:focus, .do-pagination ul > .disabled > a, .do-pagination ul > .disabled > a:hover, .do-pagination ul > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}

.do-pagination ul > .disabled > span:before, .do-pagination ul > .disabled > span:hover, .do-pagination ul > .disabled > span:focus, .do-pagination ul > .disabled > a, .do-pagination ul > .disabled > a:hover, .do-pagination ul > .disabled > a:focus 
{border-color: #ddd;}

.do-pagination ul > .active > a, .do-pagination ul> .active > span, .do-pagination ul > .active > a:hover, .do-pagination ul > .active > span:hover, .do-pagination ul > .active > a:focus, .do-pagination ul > .active > span:focus{z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #00c75c;
}
.do-pagination ul > .active > a:before, .do-pagination ul> .active > span:before, .do-pagination ul > .active > a:hover, .do-pagination ul > .active > span:hover, .do-pagination ul > .active > a:focus, .do-pagination ul > .active > span:focus
{border-color: #00c75c;}

.do-pagination ul > .active > a:before{display: none;}


.progress {
    margin: 0 0 25px 25px;
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 10px;
    color: #fff;
    text-align: center;
    background-color: #5cb85c;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
}


.loader {
  margin:auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 2px solid rgba(76, 147, 76, 0.2);
  border-right: 2px solid rgba(76, 147, 76, 0.2);
  border-bottom: 2px solid rgba(76, 147, 76, 0.2);
  border-left: 2px solid #4CAE4C;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.do-font{
    font-size: 14px;
    color:gray;
}


@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.do-checkmark {
  width: 60px;
  margin: 0 auto 10px;
}
.do-checkmark.mini{width:18px;display: inline-block;margin: 0}
.do-checkmark.mini > *{vertical-align: middle;}

.do-checkmark .path {
  stroke-dasharray: 300;
  stroke-dashoffset: 0;
  -webkit-animation-name: load, spin;
  -webkit-animation-duration: 3s, 3s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-name: load, spin;
  animation-duration: 3s, 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50px 50px;
}

.do-checkmark .path-complete {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.do-checkmark .check
{
    stroke-dasharray: 110;
    stroke-dashoffset: -110;
    stroke-width: 0;
}

.do-checkmark .check-complete
{
    -webkit-animation: check 1s ease-in forwards;
    animation: check 1s ease-in forwards;
    stroke-width: 4;
    stroke-dashoffset: 0;
}

.do-checkmark .fill
{
    stroke-dasharray: 285;
    stroke-dashoffset: -257;
    -webkit-animation: spin-fill 3s cubic-bezier(0.700, 0.435, 0.120, 0.600) infinite forwards;
    animation: spin-fill 3s cubic-bezier(0.700, 0.465, 0.120, 0.600) infinite forwards;
    -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50px 50px;
}

.do-checkmark .fill-complete
{
    -webkit-animation: fill 1s ease-out forwards;
    animation: fill 1s ease-out forwards;
}

@-webkit-keyframes load {
 0% {
   stroke-dashoffset: 300;
   -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 }
 50% {
     stroke-dashoffset: 0;
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 }
 100% {
   stroke-dashoffset: -300;
 }
}
@keyframes load {
 0% {
   stroke-dashoffset: 285;
   animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 }
 50% {
     stroke-dashoffset: 0;
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 }
 100% {
   stroke-dashoffset: -285;
 }
}

@-webkit-keyframes check {
 0% {
   stroke-dashoffset: -110;
}
 100% {
   stroke-dashoffset: 0;
 }
}
@keyframes check {
 0% {
   stroke-dashoffset: -110;
}
 100% {
   stroke-dashoffset: 0;
 }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin-fill {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(720deg);
  }
}
@keyframes spin-fill {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(720deg);
  }
}

@-webkit-keyframes fill {
  0% {
    stroke-dashoffset: 285;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes fill {
  0% {
    stroke-dashoffset: 285;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.do-checkmark .success
{
    stroke: #009900;
    transition: stroke .6s;
}
.do-checkmark.mini .path,.do-checkmark.mini .fill{stroke: #888888;}
.do-checkmark.mini .success{stroke-width:6;stroke: #888888;}






@-webkit-keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ngdialog-fadeinUp {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes ngdialog-fadeinUpOut {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    transform: translateY(-30px);
  }
}


@keyframes ngdialog-fadeinHeight {
  0% {
    opacity: 0;
    /*height: 0;*/
  }

  100% {
    opacity: 1;
    /*height: 136px;*/
    /*transform: translateY(0px);*/
  }
}
@keyframes ngdialog-fadeinHeightOut {
  0% {
    opacity: 1;
    /*height: 136px;*/
  }

  100% {
    opacity: 0;
    /*height: 0;*/
  }
}



.do-pop-content{background-color: #f2f2f2;border-radius: 4px;overflow:hidden; -webkit-backface-visibility: hidden;pointer-events: all;}

.do-pop.do-pop-disabled-animation,
.do-pop.do-pop-disabled-animation .do-pop-overlay,
.do-pop.do-pop-disabled-animation .do-pop-content {
  -webkit-animation: none!important;
  animation: none!important;
}

.do-pop-no-overlay {
  pointer-events: none;
}
.do-pop .do-pop-overlay{
  background-color: rgba(0,0,0,.1);
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein 0.5s;
    animation: ngdialog-fadein 0.5s;
    pointer-events: all;
}

.do-pop.do-pop-closing .do-pop-overlay {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s;
}

.do-pop.do-pop-closing .do-pop-content {-webkit-backface-visibility: hidden;}

.do-pop-theme-default .do-pop-content{animation: ngdialog-fadeinUp 0.2s;}
.do-pop-theme-default.do-pop-closing .do-pop-content{animation: ngdialog-fadeinUpOut 0.2s;}

.do-popElement .do-pop-content{animation: ngdialog-fadeinHeight 0.4s;}
.do-popElement.do-pop-closing .do-pop-content{animation: ngdialog-fadeinHeightOut 0.4s;}



@-webkit-keyframes doloading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes doloading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loading {
  pointer-events: none;
  position: relative;
  opacity:1!important;
}
.loading::before {
  -webkit-animation: doloading 500ms infinite linear;
  animation: doloading 500ms infinite linear;
  border: 1.6px solid #5764c6;
  border-radius: 16px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: inline-block;vertical-align: middle;
  height: 16px;
  width: 16px;margin-right:5px  
}
.loading.white::before{border-color: #fff;
    border-right-color: transparent;
    border-top-color: transparent;}
.loading.green::before{border-color: #5cb85c;
  border-right-color: transparent;
  border-top-color: transparent;}

/*forms*/
.formsData-deled{background:url("img/deled.png");position: absolute; top: 100px; right: 10px;width: 304px;height:200px;}


/*文章、产品：ul样式恢复默认*/
.do-article-content ul,
.do-product-detail ul,
.do-article-content ul li ,
.do-product-detail ul li{
    list-style: initial;
}

.do-element-text ul,.do-element-text ul li,
.do-textTab ul,.do-textTab ul li{
    list-style: initial;
}