.animate,.do-pop {
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -o-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;font: 14px/1.5   'Helvetica Neue', 'Helvetica', "Hiragino Sans GB",Arial,"Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei",'PingFang SC', SimSun, sans-serif;-webkit-font-smoothing: antialiased;margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
pre,.pre{display: block;white-space:pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
[placeholder]:not(.timepicker):empty:before {
    content: attr(placeholder);
    color: #999;
}

[placeholder]:empty:focus:before {
    content: "";
}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

.align-left{text-align: left}
.align-center{text-align: center}
.align-right{text-align: right}

.do-hide{display: none;}
.do-show{display: block;}
ul, ol {
    margin: 0 0 20px 0;
    list-style-position: inside;
}
ul {
    list-style: none;
}
ul li {
    list-style: none;
}
ol {
    list-style-type: decimal;
}
ol ol {
    list-style: upper-alpha;
}
ol ol ol {
    list-style: lower-roman;
}
ol ol ol ol {
    list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
    margin-bottom: 0;
}
cite, em, i {
    font-style: italic;
}
button{border: none;padding: 0;margin: 0}


*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* Clear Fix Styles */
.clearfix {*zoom: 1;}
.clearfix:before,
.clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both}
a {color: #333;text-decoration: none;}
.do-left{float: left}
.do-right{float: right}
.do-auto{overflow: hidden;*zoom:1;}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f24{font-size:24px}
.f26{font-size:26px}
.f28{font-size:28px}
.f32{font-size:32px}
.f34{font-size:34px}
.f36{font-size:36px;border-top: 1px solid}

.c666{color: #666}
.c999{color: #999}
.caaa{color: #aaa}
.cf70{color: #f70}
.text-danger {color: #f05050;}
.inline{display:-moz-inline-stack;display:inline-block;*zoom:1;vertical-align:middle}
.none{-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;text-decoration: none;}
.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;
}