.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; }/*栅格*/ .do-row{position:relative;} .do-row:after,.do-row:before{content:"";display:table} .do-row:after{clear:both} /*间隔*/ [class*=do-col-]{position:relative;padding:0 17px;vertical-align: top;float: left;} [class*=do-col-] .do-panelcol > *{z-index: 1} [class*=do-col-] .do-area-bg{z-index:0} /*自定义间隔*/ .spacing1 > [class*=do-col-]{padding: 0} .spacing2 > [class*=do-col-]{padding: 0 3px} .spacing3 > [class*=do-col-]{padding: 0 6px} .spacing4 > [class*=do-col-]{padding: 0 9px} .spacing5 > [class*=do-col-]{padding: 0 12px} .spacing6 > [class*=do-col-]{padding: 0 15px} .spacing7 > [class*=do-col-]{padding: 0 18px} .spacing8 > [class*=do-col-]{padding: 0 21px} .spacing9 > [class*=do-col-]{padding: 0 24px} .spacing10 > [class*=do-col-]{padding: 0 27px} .spacing11 > [class*=do-col-]{padding: 0 30px} .spacing12 > [class*=do-col-]{padding: 0 33px} .spacing13 > [class*=do-col-]{padding: 0 36px} /*干掉左右间隔*/ [class*=do-col-]:first-child{padding-left:0} [class*=do-col-]:last-child{padding-right:0} /*面板间隔与间隔一致*/ .do-body [class*=do-col-]:before{margin:0 17px;} .do-body .spacing1 > [class*=do-col-]:before{margin: 0} .do-body .spacing2 > [class*=do-col-]:before{margin: 0 3px} .do-body .spacing3 > [class*=do-col-]:before{margin: 0 6px} .do-body .spacing4 > [class*=do-col-]:before{margin: 0 9px} .do-body .spacing5 > [class*=do-col-]:before{margin: 0 12px} .do-body .spacing6 > [class*=do-col-]:before{margin: 0 15px} .do-body .spacing7 > [class*=do-col-]:before{margin: 0 18px} .do-body .spacing8 > [class*=do-col-]:before{margin: 0 21px} .do-body .spacing9 > [class*=do-col-]:before{margin: 0 24px} .do-body .spacing10 > [class*=do-col-]:before{margin: 0 27px} .do-body .spacing11 > [class*=do-col-]:before{margin: 0 30px} .do-body .spacing12 > [class*=do-col-]:before{margin: 0 33px} .do-body .spacing13 > [class*=do-col-]:before{margin: 0 36px} [class*=do-col-] .do-block > [class*=do-element]{min-height: 5px} .do-col-12{width:100%} .do-col-12 .do-col-12{width:100%} .do-col-12 .do-col-11{width:91.6667%} .do-col-12 .do-col-10{width:83.3333%} .do-col-12 .do-col-9{width:75%} .do-col-12 .do-col-8{width:66.6667%} .do-col-12 .do-col-7{width:58.3333%} .do-col-12 .do-col-6{width:50%} .do-col-12 .do-col-5{width:41.6667%} .do-col-12 .do-col-4{width:33.3333%} .do-col-12 .do-col-3{width:25%} .do-col-12 .do-col-2{width:16.6667%} .do-col-12 .do-col-1{width:8.3333%} .do-col-11{width:91.6667%} .do-col-11 .do-col-11{width:100%} .do-col-11 .do-col-10{width:90.9091%} .do-col-11 .do-col-9{width:81.8182%} .do-col-11 .do-col-8{width:72.7273%} .do-col-11 .do-col-7{width:63.6364%} .do-col-11 .do-col-6{width:54.5455%} .do-col-11 .do-col-5{width:45.4545%} .do-col-11 .do-col-4{width:36.3636%} .do-col-11 .do-col-3{width:27.2727%} .do-col-11 .do-col-2{width:18.1818%} .do-col-11 .do-col-1{width:9.0909%} .do-col-10{width:83.3333%} .do-col-10 .do-col-10{width:100%} .do-col-10 .do-col-9{width:90%} .do-col-10 .do-col-8{width:80%} .do-col-10 .do-col-7{width:70%} .do-col-10 .do-col-6{width:60%} .do-col-10 .do-col-5{width:50%} .do-col-10 .do-col-4{width:40%} .do-col-10 .do-col-3{width:30%} .do-col-10 .do-col-2{width:20%} .do-col-10 .do-col-1{width:10%} .do-col-9{width:75%} .do-col-9 .do-col-9{width:100%} .do-col-9 .do-col-8{width:88.8889%} .do-col-9 .do-col-7{width:77.7778%} .do-col-9 .do-col-6{width:66.6667%} .do-col-9 .do-col-5{width:55.5556%} .do-col-9 .do-col-4{width:44.4444%} .do-col-9 .do-col-3{width:33.3333%} .do-col-9 .do-col-2{width:22.2222%} .do-col-9 .do-col-1{width:11.1111%} .do-col-8{width:66.6667%} .do-col-8 .do-col-8{width:100%} .do-col-8 .do-col-7{width:87.5%} .do-col-8 .do-col-6{width:75%} .do-col-8 .do-col-5{width:62.5%} .do-col-8 .do-col-4{width:50%} .do-col-8 .do-col-3{width:37.5%} .do-col-8 .do-col-2{width:25%} .do-col-8 .do-col-1{width:12.5%} .do-col-7{width:58.3333%} .do-col-7 .do-col-7{width:100%} .do-col-7 .do-col-6{width:85.7143%} .do-col-7 .do-col-5{width:71.4286%} .do-col-7 .do-col-4{width:57.1429%} .do-col-7 .do-col-3{width:42.8571%} .do-col-7 .do-col-2{width:28.5714%} .do-col-7 .do-col-1{width:14.2857%} .do-col-6{width:50%} .do-col-6 .do-col-6{width:100%} .do-col-6 .do-col-5{width:83.3333%} .do-col-6 .do-col-4{width:66.6667%} .do-col-6 .do-col-3{width:50%} .do-col-6 .do-col-2{width:33.3333%} .do-col-6 .do-col-1{width:16.6667%} .do-col-5{width:41.6667%} .do-col-5 .do-col-5{width:100%} .do-col-5 .do-col-4{width:80%} .do-col-5 .do-col-3{width:60%} .do-col-5 .do-col-2{width:40%} .do-col-5 .do-col-1{width:20%} .do-col-4{width:33.3333%} .do-col-4 .do-col-4{width:100%} .do-col-4 .do-col-3{width:75%} .do-col-4 .do-col-2{width:50%} .do-col-4 .do-col-1{width:25%} .do-col-3{width:25%} .do-col-3 .do-col-3{width:100%} .do-col-3 .do-col-2{width:66.6667%} .do-col-3 .do-col-1{width:33.3333%} .do-col-2{width:16.6667%} .do-col-2 .do-col-2{width:100%} .do-col-2 .do-col-1{width:50%} .do-col-1{width:8.3333%} .do-col-1 .do-col-1{width:100%} .do-layout{padding:17px} .do-layout>.do-row{margin-left:-17px;margin-right:-17px} [editor-role='banner']{min-height: 100px} [editor-role='body'] > .do-row,footer > .do-row{width: 1100px;margin: auto} .do-header{position: relative;z-index: 10} .do-header .do-area:hover{z-index: 3} .do-header .do-row{display: table;table-layout: fixed;width: 100%} .do-header [class*=do-col]{vertical-align: middle;display: table-cell;float: none;} .do-header [class*=do-col] .do-block{padding: 0} .do-header[do-header-fixed=true] > .do-area,.do-header[do-header-fixed='fixed'] > .do-area,.do-header[do-header-fixed='absolute'] > .do-area {position: fixed;left: 0;right: 0;top: 0;z-index: 999;} .do-header[do-header-fixed='absolute'] > .do-area{position: absolute;} /* [do-nav] *{height: 100%} */ .do-banner{position:relative;z-index:9} /*面板基础样式*/ [class*=do-col-]{vertical-align: top;z-index: 1} [class*=do-col-]:hover{z-index: 2} [class*=do-col-]:before{position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 1;content: " ";} [class*=do-col-] > *{z-index: 2;position: relative;} [class*=do-col-]:first-child:before{margin-left: 0} [class*=do-col-]:last-child:before{margin-right: 0} .do-area{position: relative;} .do-area-bg,.do-slide-bg{position: absolute;z-index: 1;top: 0;left: 0;bottom: 0;right: 0;overflow: hidden} .do-area,.do-area-bg-conter,.do-slide-bg-conter{background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;behavior: url(/backgroundsize.htc);-ms-behavior: url(/backgroundsize.htc);} .do-area-bg-conter,.do-slide-bg-conter{position:absolute;top:-20px;left:-20px;bottom:-20px;right:-20px;} .do-area-videobg .do-area-bg-conter{left: 0;right: 0;bottom: 0;top: 0;} .do-area-videobg .video-background{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);min-width: 100%;min-height: 100%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); object-fit: cover; width: 100%} .do-area-bg-conter:before, .do-slide-bg-conter:before, .do-area-bg-conter .bgcolor, .do-slide-bg-conter .slide-bgcolor{position:absolute;width: 100%;height: 100%;top: 0;left: 0} .do-area-bg-conter:before, .do-slide-bg-conter:before{content: "";} .do-area > .do-row,.do-productContent .do-row-one{z-index: 2;width: 1000px;margin: auto;position:relative;} /*fix 全屏滚动中全屏宽度 http://lyyx.s.cn.vc/#P2*/ /*.do-area > .fp-tableCell > .do-row{z-index: 2;width: 1000px;margin: auto;position:relative;}*/ .do-row-one{margin: auto;z-index: 2} [do-page-width='1'] .do-row-one{max-width: 1200px;width: 100%;} [do-page-width='2'] .do-row-one{max-width: 1400px;width: 100%;} [do-page-width='3'] .do-row-one,.do-area-full .do-row-one{width: 100%;max-width:100%} /*板块高度全屏*/ .do-area-fullHeight .do-row-one, .do-area-fullHeight .do-row-one > .do-row,.do-slide-full{min-height:100vh} .do-area-fullHeight .do-row-one, .do-area-fullHeight .do-row-one > .do-row{display: block;overflow: hidden;z-index: 2} .do-area-fullHeight .do-row-one > .do-col-12, .do-area-fullHeight .do-row-one > .do-row > .do-col-12{display:table!important;height:100vh;table-layout: fixed;} .do-area-fullHeight .do-row-one > .do-col-12 > .do-panelcol, .do-area-fullHeight .do-row-one > .do-row > .do-col-12 > .do-panelcol{display:table-cell;vertical-align:middle;width: 100%} /*组件单独配置*/ .do-slide{padding: 0!important;} /*默认导航样式*/ .do-nav{position: relative;z-index: 1} .z-nav{font-size: 16px;white-space:nowrap;} .z-nav-bar,.z-nav-conter a > *{display: inline-block;vertical-align:middle} .z-nav-container{height: inherit;margin: 0;display: table;table-layout:fixed} .z-nav-conter{display: table-cell;vertical-align: middle;padding: 0} .z-nav-conter > li{height: inherit;display:inline-block;position: relative;padding: 0!important;vertical-align: top;} .z-nav-conter > li > a{color: #333;padding: 8px 22px;display: block;text-align: center;} .z-nav-conter > li > a:hover{color: #444} .z-nav-conter li > ul{padding: 0;margin: 0;height: auto;} .z-nav-conter li > ul li{position: relative;line-height: 44px;height: 44px;text-align: left;min-width:140px} .z-nav-conter li > ul,.z-subnav-conter li ul{display: none;position: absolute;top:100%;left: 0; background-color: #fff;border: 1px solid #eee;border-radius: 4px;color: #666;font-size: 14px;} .z-nav-conter li > ul a,.z-nav-sub > li a{color: inherit;padding:0 18px;display: block} .z-nav-conter li > ul a:hover,.z-nav-sub > li a:hover{background-color:#eee;} .z-nav-conter li:hover > ul{display: block} .z-nav-conter li > ul li ul{left: 100%;top: 0;background-color: #fff;} .z-nav-container li > ul,.z-nav-conter li > ul li ul{ opacity: 0; display: block;display/*\**/:none\9;z-index: 1} .z-nav-container li:hover > ul, .z-nav-conter li > ul li:hover > ul, .z-subnav-conter li:hover ul { opacity: 1;display/*\**/:block\9;z-index: 2} .z-nav-container li { -webkit-transition: all 0.2s;transition: all 0.2s; } .z-nav-container li ul li {height: 0; line-height: 0; background: none; } .z-nav-container li:hover ul li { height: 36px; line-height: 36px; } .z-nav-container li a { -webkit-transition: all 0.5s;transition: all 0.5s; } .z-nav-container li ul { -webkit-transition: all 1s;transition: all 1s; } .z-nav-container li ul li { -webkit-transition: height 0.5s;transition: height 0.5s; } .z-nav-conter > li:last-child > ul li ul{left: auto;right: 100%} .z-nav-bar .pageicon{margin-right: 8px} .z-nav-bar .pageicon img{max-width: 32px;max-height: 32px} .z-nav .z-nav-btn{display: none;} /*子导航*/ .z-sub-nav li{position: relative;} /*英文导航*/ .z-nav .catname{display: inline-block;line-height: 1.4;vertical-align: middle;} .z-nav a em{display: none;} .z-nav.en a em{display: block;font-size: 13px;font-style: normal;} .z-nav.en a:hover em,.z-nav.en li.active a em{color: inherit;opacity: 0.5!important;} .en.do-nav-up em{-webkit-transition:all 0.25s;transition:all 0.25s;opacity: 0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);} .en.do-nav-up a:hover em,.en.do-nav-up li.active a em{-webkit-transform:translate3d(0,0,0);opacity: 1;} .en.do-nav-turn a{overflow: hidden;position: relative;} .en.do-nav-turn em{position: absolute;left: 0;top: 0;bottom: 0;right: 0;padding: inherit;} .en.do-nav-turn em,.en.do-nav-turn span{-webkit-transition:all .4s;transition:all .4s;opacity: 0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);} .en.do-nav-turn span{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: 1;display: inline-block;} .en.do-nav-turn a:hover span{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);opacity: 0} .en.do-nav-turn a:hover em{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: 1;} /*logo 大小*/ .z-logo{width: 100%;padding: 8px} .z-logo img{height:40px;width: auto!important;max-width:initial!important} .z-logo.size1 img{height:24px} .z-logo.size2 img{height:28px} .z-logo.size3 img{height:32px} .z-logo.size4 img{height:36px} .z-logo.size5 img{height:40px} .z-logo.size6 img{height:44px} .z-logo.size7 img{height:48px} .z-logo.size8 img{height:52px} .z-logo.size9 img{height:56px} .z-logo.size10 img{height:60px} .z-logo.size11 img{height:64px} .z-logo.size12 img{height:68px} .z-logo.size13 img{height:72px} .z-logo.size14 img{height:76px} .z-logo.size15 img{height:80px} .z-logo.size16 img{height:90px} .z-logo.size17 img{height:100px} .z-logo.size18 img{height:120px} .z-logo.size19 img{height:140px} .z-logo.size20 img{height:160px} .z-logo.size21 img{height:180px} .z-logo.size22 img{height:200px} .z-logo a{color: inherit;} .z-logo i.icon-logo{font-size: 32px;color: inherit;} .z-logo h1{line-height:inherit} /*blog*/ .do-body-list,.do-body-content{color: #333;padding: 40px 0} .do-body-list .do-row-one,.do-body-content .do-row-one{margin: auto} .do-body-left{overflow: hidden;} .do-body-right{float: right;margin-left:25px;width: 400px;min-height: 100px} /*m*/ .do-nav-mwp{display: none;} .do-time,.do-tags{color: #888;font-size: 13px} .do-tag-item{padding: 0 6px} /*caiyichen ie10以下兼容:*/ /*.lt-ie10*/ @media screen and (max-width: 1210px){ .z-nav-conter > li > a{padding: 8px 14px} } @media screen and (max-width: 1050px){ .z-nav-conter > li > a{padding: 8px 10px} } @media screen and (max-width: 992px){ .container { width: 100%!important; padding: 30px 20px; box-sizing: border-box; } .z-nav-conter > li > a{padding: 8px} } input.do-m-menustate,.do-m-menustate,.icon-isSub{display: none;} @media only screen and (max-width:800px){ [editor-role='body'] > .do-row,footer > .do-row{width:auto} .do-area > .do-row,#view-container .do-row-one,.do-productContent .do-row-one{width:100%!important;padding: 0 15px} .do-header{display: none!important;} /*body{padding-top: 46px!important;}*/ .do-nav-mwp{height: 46px;display: block;} .do-nav-phone .do-nav-mwp{height:50px} .do-nav-m{display:block;position: relative;position: fixed;top: 0;left: 0;right: 0;z-index: 999;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-shadow:rgba(0,0,0,.2) 0px 2px 5px;-moz-box-shadow:rgba(0,0,0,.2) 0px 2px 5px;box-shadow:rgba(0,0,0,.2) 0px 2px 5px;} .do-nav-m,.do-site-name{height: 46px;} .do-nav-m > *{position: relative;z-index: 1} .do-nav-m .do-site-name{padding: 5px;} .do-nav-m .do-site-name,.do-nav-m .do-site-name h3{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .do-nav-m .do-site-name,.do-nav-m .do-site-name h3,.do-nav-m .do-site-name h3 a{width: 100%;line-height: 1} .do-nav-m .do-site-name h3{display: initial;} .do-nav-m .do-site-name img{height:23px;max-width: 200px} .do-nav-m.open{} .do-site-name *{color: #fff;font-size: 18px;line-height: inherit;} .do-nav-m:before{} .do-nav-m-bar{padding:20px;} .do-nav-m-ul{padding:0} .do-nav-m-ul li {} .do-nav-m-ul li a{padding: 8px 12px; color: #999} .do-nav-m-ul li a:active{background-color: rgba(0,0,0,.5);color: #fff} .do-nav-m-ul li > ul{display: none;} /*收缩*/ .do-nav-phone .do-nav-m{min-height: 46px;height: auto;} .do-nav-m.open,.do-nav-m.open .do-site-name{height: 46px!important;} .do-nav-m.open .do-site-name img{height: 23px!important;} .do-nav-phone .do-nav-m.open,.do-nav-phone .do-nav-m.open .do-site-name{height: 40px!important;} .do-nav-phone .do-nav-m.open .do-site-name img{height: 30px!important;} /*导航*/ .do-m-menustate{position: absolute;right: 0;top: 0; width: 46px;height: 46px;display: table;vertical-align: middle; cursor: pointer; -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-tap-highlight-color: transparent;} .do-m-menustate-span{height: 100%;width: 100%;display: table-cell;vertical-align: middle;} .do-m-menustate-span:before,.do-m-menustate-span:after{content: "";height: 1px;width:17px;background-color: #fff;display:block;margin:auto;} .do-m-menustate-span:before,.do-m-menustate .do-m-menustate-span:after{ margin-bottom:5px; -webkit-transition: all 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transform: rotate(0deg) translateY(0px); -ms-transform: rotate(0deg) translateY(0px); transform: rotate(0deg) translateY(0px); z-index: 4;} #do-m-menustate:checked ~ .do-nav-m .do-m-menustate .do-m-menustate-span:before{ -webkit-transition:all 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transform: rotate(135deg) translate3d(4px,-4px,0); -ms-transform: rotate(135deg) translate3d(4px,-4px,0); transform: rotate(135deg) translate3d(4px,-4px,0); } #do-m-menustate:checked ~ .do-nav-m .do-m-menustate .do-m-menustate-span:after{ -webkit-transition: all 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transform: rotate(45deg) translate3d(0,0,0); -ms-transform: rotate(45deg) translate3d(0,0,0); transform: rotate(45deg) translate3d(0,0,0); } #do-m-menustate ~ .do-nav-m{ background-color: #000; -webkit-transition: background 0.35s linear,height 0.35s ease-in; transition: background 0.35s linear,height 0.35s ease-in; } #do-m-menustate:checked ~ .do-nav-m{ height: 150%!important; background: #000!important; -webkit-transition: background 0.35s linear,height 0.35s ease-in 200ms; transition: background 0.35s linear,height 0.35s ease-in 200ms; } #do-m-menustate:checked ~ .do-nav-m .do-site-name{ height: 46px; } .do-nav-phone #do-m-menustate:checked ~ .do-nav-m{ height: auto!important; } #do-m-menustate:checked ~ .do-nav-m .do-site-name img{ height: 23px; } .do-nav-phone #do-m-menustate:checked ~ .do-nav-m .do-site-name img{ height: 30px; } .do-nav-m.do-nav-no-fixed{ position: absolute!important; } .do-nav-m .do-nav-m-bar{ position: absolute; right: 0; bottom: 0; left: 0; margin: 0; padding: 0 48px; box-sizing: border-box; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; visibility: hidden; top: 70px; width: 100%; height: calc(100vh - 48px); /*高度全屏*/ border-width: 0; } /*caiyichen 手机导航样式:*/ /*.do-nav-btn{padding: 5px 0}*/ .do-nav-btn,.do-subNav-btn{ width: auto;padding: 0 14px } /*.do-nav-phone #do-m-menustate:checked ~ .do-nav-m .do-site-name{height: auto}*/ /*导航按钮的位置:*/ [do-phoneNav-btnAlign='do-navBtn-left'] .do-m-menustate{ right: auto; left:0; } [do-phoneNav-btnAlign='do-navBtn-left'] .do-site-name{ text-align: right; } [do-phoneNav-btnAlign='do-navBtn-center'] .do-m-menustate{ margin: 0 auto; } [do-phoneNav-btnAlign='do-navBtn-center'] .do-site-name{ text-align: center; } [do-phoneNav-btnAlign='do-navBtn-right'] .do-m-menustate{ left:auto; right: 0; } [do-phoneNav-btnAlign='do-navBtn-right'] .do-site-name{ text-align: left; } .do-navBtn-prompt{cursor: pointer} [do-phoneNav-btnAlign='do-navBtn-right'] .do-navBtn-prompt, [do-phoneNav-btnAlign='do-navBtn-left'] .do-navBtn-prompt{ white-space: nowrap; display: table-cell; vertical-align: middle; padding: 0 10px 0 0; color:white; font-size: 15px; padding-left: 2px; } [do-phoneNav-btnAlign='do-navBtn-center'] .do-navBtn-prompt{ display:none } [do-phone-nav='do-half-slip'] .do-nav-m-ul, [do-phone-nav='do-full-screen-slip'] .do-nav-m-ul { padding: 15px 0; } #do-m-menustate:checked ~ .do-nav-m .do-nav-m-bar{ visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; } .do-nav-m-ul > li > a{ border-bottom: 1px solid #333; height: 47px; display: block; line-height: 34px; } .do-nav-m-ul li > a:active{background-color: rgba(255,255,255,.1);} .do-nav-m-ul li{ display: block; } /*子菜单*/ .do-nav-m-ul > li > ul{ padding:10px 0 10px 20px; border-bottom: 1px solid #333; } .do-nav-m-ul li ul li{ font-size: 13px; } .do-nav-m-ul li ul li a{height: 34px;line-height: 34px} .do-nav-m-ul li{position: relative;} .icon-isSub{position: absolute;top: 0;right: 0;height: 47px; width: 47px;z-index: 2;margin: 0;text-align: center;display: block;} .icon-isSub:before{content: "\e208";color: #888;font-size: 18px;position: absolute;top: 50%;margin-top: -10px; -webkit-transform: rotate(0deg); transform: rotate(0deg); pointer-events: none; -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .do-m-sub:checked ~ .icon-isSub:before{ -webkit-transform: rotate(90deg); } .do-nav-m-ul li ul li .icon-isSub{height: 34px;width: 34px} .do-m-sub ~ .z-nav-sub,.do-m-sub ~ .nav-checked{ display: block; opacity: 0;height: 0;padding: 0; -webkit-transition: opacity 0.35s linear,height 0.35s ease-in; transition: opacity 0.35s linear,height 0.35s ease-in; } .do-m-sub:checked ~ .z-nav-sub,.do-m-sub:checked ~ .nav-checked{ height:auto; opacity: 1; padding: 6px 0 6px 15px; -webkit-transition: opacity 0.35s linear,height 0.35s ease-in 200ms; transition: opacity 0.35s linear,height 0.35s ease-in 200ms; } .do-nav-m-ul > li,.z-nav-sub > li,.nav-checked > li{ opacity: 0; -webkit-transform: scale(1.1) translateY(-24px); -ms-transform: scale(1.1) translateY(-24px); transform: scale(1.1) translateY(-24px); -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out; transition: opacity 0.35s ease-out, transform 0.35s ease-out; } /*caiyichen 手机下导航特效 2016-10-12:*/ .do-nav-m-bar ul li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative;z-index: 2 } .do-nav-m .do-phoneNav-overlay{ width: 100%; height: 100vh; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(1,1,1,0.5); display: none; } .do-nav-phone .do-nav-m,.do-nav-phone .do-nav-m-title{line-height: 0!important;} /*打开遮罩:*/ [do-phone-nav='do-half-slip'] #do-m-menustate:checked ~ .do-nav-m .do-phoneNav-overlay, [do-phone-nav='do-drop-half'] #do-m-menustate:checked ~ .do-nav-m .do-phoneNav-overlay{ display: block; } /*子菜单中的"导航"按钮:*/ .do-nav-m .do-nav-m-bar .do-m-menustate{ display:none; } [do-phone-nav='do-half-slip'] #do-m-menustate:checked ~ .do-nav-m .do-nav-m-bar .do-subNav-btn, [do-phone-nav='do-full-screen-slip'] #do-m-menustate:checked ~ .do-nav-m .do-nav-m-bar .do-subNav-btn{ display: table!important; } /*半边\满屏滑出:*/ [do-phone-nav='do-half-slip'] .do-nav-m-bar, [do-phone-nav='do-full-screen-slip'] .do-nav-m-bar { position: absolute; top: 0; padding-top: 20px!important; } /*1、半边滑出:*/ [do-phone-nav='do-half-slip'] .do-nav-m-bar{ padding: 20px 30px!important; } [do-phone-nav='do-half-slip'] .do-nav-m-bar { width:calc(100vw - 50px)!important; } /*从左往右:*/ [do-phone-nav='do-half-slip'] [do-phoneNav-slip-direction='left-to-right'] .do-nav-m-bar{ /*left: -85%;*/ } [do-phone-nav='do-half-slip'] [do-phoneNav-slip-direction='left-to-right'] #do-m-menustate:checked ~ .do-nav-m .do-nav-m-bar, [do-phone-nav='do-full-screen-slip'] [do-phoneNav-slip-direction='left-to-right'] #do-m-menustate:checked ~ .do-nav-m .do-nav-m-bar { /*left:0!important;*/ } /*从右往左:*/ [do-phone-nav='do-half-slip'] [do-phoneNav-slip-direction='right-to-left'] .do-nav-m-bar{ /*right: -85%;*/ /*left: auto;*/ } [do-phone-nav='do-half-slip'] [do-phoneNav-slip-direction='right-to-left'] #do-m-menustate:checked ~ .do-nav-m .do-nav-m-bar, [do-phone-nav='do-full-screen-slip'] [do-phoneNav-slip-direction='right-to-left'] #do-m-menustate:checked ~ .do-nav-m .do-nav-m-bar{ /*right:0!important;*/ } /*2、满屏滑出:*/ [do-phone-nav='do-full-screen-slip'] .do-nav-m-bar{ width: 100%; } [do-phone-nav='do-full-screen-slip'] [do-phoneNav-slip-direction='left-to-right'] .do-nav-m-bar{ left: -100%; } [do-phone-nav='do-full-screen-slip'] [do-phoneNav-slip-direction='right-to-left'] .do-nav-m-bar{ right: -100%; left: auto; } /*3、从上往下半滑 从上往下满屏滑:*/ [do-phone-nav='do-drop-half'] .do-nav-m-bar, [do-phone-nav='do-drop-full'] .do-nav-m-bar{ position: absolute; left:0; top: -100vh!important; padding-top: 20px; } [do-phone-nav='do-drop-full'][do-phonenav-btnalign='do-navBtn-center'] .do-m-menustate{position: relative;} [do-phone-nav='do-drop-half'] .do-nav-m-bar { height: 50vh!important; } [do-phone-nav='do-drop-half'] #do-m-menustate:checked ~ .do-nav-m .do-nav-m-bar, [do-phone-nav='do-drop-full'] #do-m-menustate:checked ~ .do-nav-m .do-nav-m-bar, [do-phone-nav='do-drop-half'] .do-nav-m .do-phoneNav-overlay{ top: 50px!important; } [do-phone-nav='do-drop-half'][do-phoneNav-btnAlign='do-navBtn-center'] #do-m-menustate:checked ~ .do-nav-m .do-nav-m-bar, [do-phone-nav='do-drop-full'][do-phoneNav-btnAlign='do-navBtn-center'] #do-m-menustate:checked ~ .do-nav-m .do-nav-m-bar, [do-phone-nav='do-drop-half'][do-phoneNav-btnAlign='do-navBtn-center'] .do-nav-m .do-phoneNav-overlay{ top: 94px!important; } [do-phone-nav='do-drop-half'] .do-nav-m-bar, [do-phone-nav='do-drop-full'] .do-nav-m-bar, [do-phone-nav='do-drop-half'] .do-phoneNav-overlay{ z-index: 0; /*降层级*/ } [do-phone-nav='do-drop-half'][do-phoneNav-btnAlign='do-navBtn-center'] .do-nav-m, [do-phone-nav='do-drop-full'][do-phoneNav-btnAlign='do-navBtn-center'] .do-nav-m{ height: auto!important; min-height: 50px; } /*[do-phone-nav='do-drop-half'][do-phoneNav-btnAlign='do-navBtn-center'] .do-site-name, [do-phone-nav='do-drop-full'][do-phoneNav-btnAlign='do-navBtn-center'] .do-site-name{ height:auto; }*/ [do-phone-nav='do-drop-half'][do-phoneNav-btnAlign='do-navBtn-center'] .do-nav-m .do-site-name h3, [do-phone-nav='do-drop-full'][do-phoneNav-btnAlign='do-navBtn-center'] .do-nav-m .do-site-name h3{ position: initial; } [do-phone-nav='do-drop-half'][do-phoneNav-btnAlign='do-navBtn-center'] .do-nav-btn, [do-phone-nav='do-drop-full'][do-phoneNav-btnAlign='do-navBtn-center'] .do-nav-btn{ position: initial; } .do-nav-m-title{ width:100%;position: absolute; position: relative;z-index: 2 } .do-nav-phone .do-nav-m-title{padding:5px;min-height: 50px} .do-nav-phone .do-nav-m,.do-nav-phone .do-site-name,.do-nav-phone .do-nav-btn,.do-nav-phone .do-nav-mwp{ min-height: 46px; } /*手机导航按钮三条杠变叉叉特效 start:*/ .do-m-menu-btn { height: 50px; display: table-cell; vertical-align: middle; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; } .do-m-menu-btn span{ height: 1px; width: 22px; display: block; margin: 5px auto; position: relative; background-color: #fff; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; } #do-m-menustate:checked ~ .do-nav-m .do-m-menustate .do-m-menu-btn span:nth-of-type(1) { -moz-transform: translateY(6px) rotate(45deg); -ms-transform: translateY(6px) rotate(45deg); -webkit-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); } #do-m-menustate:checked ~ .do-nav-m .do-m-menustate .do-m-menu-btn span:nth-of-type(2) { opacity: 0; } #do-m-menustate:checked ~ .do-nav-m .do-m-menustate .do-m-menu-btn span:nth-of-type(3) { -moz-transform: translateY(-6px) rotate(-45deg); -ms-transform: translateY(-6px) rotate(-45deg); -webkit-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); } /*手机导航按钮特效 end!*/ .do-nav-m-bar-name{display: none!important;} [do-phone-nav='do-half-slip'] .do-nav-m-bar-name, [do-phone-nav='do-full-screen-slip'] .do-nav-m-bar-name{ display: table!important;} #do-m-menustate:checked ~ .do-nav-m .do-nav-m-bar-name img { height: 45px!important; } /*下滑 居中显示时,显示的当前页的名字:*/ .do-nav-page-name{ display: none; white-space: nowrap; vertical-align: middle; font-size: 17px; cursor: pointer;display: table-cell;padding-left: 8px } [do-phone-nav='do-drop-half'] [do-phoneNav-btnAlign='do-navBtn-center'] .do-nav-page-name, [do-phone-nav='do-drop-full'] [do-phoneNav-btnAlign='do-navBtn-center'] .do-nav-page-name{ display: table-cell!important; } /*caiyichen 手机下导航特效 end!*/ } #do-m-menustate:checked ~ .do-nav-m .do-nav-m-ul > li, .do-m-sub:checked ~ .z-nav-sub > li,.do-m-sub:checked ~ .nav-checked > li{ opacity: 1; pointer-events: auto; -webkit-transform: none; -ms-transform: none; transform: none; } #do-m-menustate:checked ~ .do-nav-m .do-nav-m-ul li:nth-child(1), .do-m-sub:checked ~ .z-nav-sub li:nth-child(1),.do-m-sub:checked ~ .nav-checked > li:nth-child(1){ -webkit-transition-delay: 300ms,300ms; transition-delay: 300ms,300ms } #do-m-menustate:checked ~ .do-nav-m .do-nav-m-ul li:nth-child(2), .do-m-sub:checked ~ .z-nav-sub li:nth-child(2),.do-m-sub:checked ~ .nav-checked > li:nth-child(2){ -webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms } #do-m-menustate:checked ~ .do-nav-m .do-nav-m-ul li:nth-child(3), .do-m-sub:checked ~ .z-nav-sub li:nth-child(3),.do-m-sub:checked ~ .nav-checked > li:nth-child(3){ -webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms } #do-m-menustate:checked ~ .do-nav-m .do-nav-m-ul li:nth-child(4), .do-m-sub:checked ~ .z-nav-sub li:nth-child(4),.do-m-sub:checked ~ .nav-checked > li:nth-child(4){ -webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms } #do-m-menustate:checked ~ .do-nav-m .do-nav-m-ul li:nth-child(5), .do-m-sub:checked ~ .z-nav-sub li:nth-child(5),.do-m-sub:checked ~ .nav-checked > li:nth-child(5){ -webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms } #do-m-menustate:checked ~ .do-nav-m .do-nav-m-ul li:nth-child(6), .do-m-sub:checked ~ .z-nav-sub li:nth-child(6),.do-m-sub:checked ~ .nav-checked > li:nth-child(6){ -webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms } #do-m-menustate:checked ~ .do-nav-m .do-nav-m-ul li:nth-child(7), .do-m-sub:checked ~ .z-nav-sub li:nth-child(7),.do-m-sub:checked ~ .nav-checked > li:nth-child(7){ -webkit-transition-delay: 550ms,550ms; transition-delay: 550ms,550ms } #do-m-menustate:checked ~ .do-nav-m .do-nav-m-ul li:nth-child(8), .do-m-sub:checked ~ .z-nav-sub li:nth-child(8),.do-m-sub:checked ~ .nav-checked > li:nth-child(8){ -webkit-transition-delay: 600ms,600ms; transition-delay: 600ms,600ms; } /*效果*/ [do-phonenav-slip-direction='left-to-right'][do-phone-nav='do-half-slip'] .do-nav-m-bar, [do-phonenav-slip-direction='left-to-right'][do-phone-nav='do-full-screen-slip'] .do-nav-m-bar{-webkit-transform: translate3d(-100%,0,0)} .do-nav-m-title, body.navOpen[do-phone-nav='do-full-screen-slip'] .do-nav-m-bar, body.navOpen[do-phone-nav='do-half-slip'] .do-nav-m-bar{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)} body.navOpen[do-phonenav-slip-direction='left-to-right'][do-phone-nav='do-full-screen-slip'] .do-container, body.navOpen[do-phonenav-slip-direction='left-to-right'][do-phone-nav='do-full-screen-slip'] .do-nav-m-title, body.navOpen[do-phonenav-slip-direction='left-to-right'][do-phone-nav='do-half-slip'] .do-container, body.navOpen[do-phonenav-slip-direction='left-to-right'][do-phone-nav='do-half-slip'] .do-nav-m-title{-webkit-transform: translate3d( calc(100vw - 50px) ,0,0)} [do-phonenav-slip-direction='right-to-left'] .do-nav-m-bar{left: auto;right: 0} [do-phonenav-slip-direction='right-to-left'][do-phone-nav='do-half-slip'] .do-nav-m-bar, [do-phonenav-slip-direction='right-to-left'][do-phone-nav='do-full-screen-slip'] .do-nav-m-bar{-webkit-transform: translate3d(100%,0,0)} body.navOpen[do-phonenav-slip-direction='right-to-left'][do-phone-nav='do-half-slip'] .do-nav-m-bar, body.navOpen[do-phonenav-slip-direction='right-to-left'][do-phone-nav='do-full-screen-slip'] .do-nav-m-bar{-webkit-transform: translate3d(0,0,0)} body.navOpen[do-phonenav-slip-direction='right-to-left'][do-phone-nav='do-full-screen-slip'] .do-container, body.navOpen[do-phonenav-slip-direction='right-to-left'][do-phone-nav='do-full-screen-slip'] .do-nav-m-title, body.navOpen[do-phonenav-slip-direction='right-to-left'][do-phone-nav='do-half-slip'] .do-container, body.navOpen[do-phonenav-slip-direction='right-to-left'][do-phone-nav='do-half-slip'] .do-nav-m-title{-webkit-transform: translate3d( calc(50px - 100vw) ,0,0)} /**/ /* body.navOpen .right-to-left .do-nav-m-bar, body.navOpen .right-to-left .do-nav-m-title,{-webkit-transform: translate3d(100%,0,0)} body.navOpen .right-to-left .do-nav-m-bar{-webkit-transform: translate3d(0,0,0)} body.navOpen .right-to-left .do-nav-m-title{-webkit-transform: translate3d(-290px,0,0)} */ @media only screen and (max-width: 640px){ [editor-role='body'] > .do-row,footer > .do-row{width:auto} .do-row{display: block!important;table-layout: auto!important;} .do-row [class*=do-col] { float: none !important; width: 100% !important; display: block!important; padding: 0!important;margin: 15px 0; } .do-row [class*=do-col-]:first-child{margin-top: 0} .do-row [class*=do-col-]:last-child{margin-bottom: 0} .do-area > .do-row,#view-container .do-row-one{width:auto!important;padding: 0 15px} .do-area-full .do-row-one{padding: 0;overflow: hidden;} .do-body [class*=do-col-]{vertical-align: top;z-index: 1} .do-body [class*=do-col-]:before{position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 1;content: " ";} .do-body [class*=do-col-]:before{margin:0;} .z-nav-body{padding: 0!important;} .do-area-bg-conter{background-attachment: initial!important} }dd,dl,dt{margin:0;padding:0} p{margin:8px 0} p:first-child{margin-top:0} p:last-child{margin-bottom:0;} p{word-wrap:break-word;} figure{margin:0} img{vertical-align:middle} .img-responsive{display:block;max-width:100%;height:auto} .img-rounded{border-radius:6px} .img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto} .img-circle{border-radius:50%} .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0} .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} [role=button]{cursor:pointer} table{background-color:transparent} caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left} th{text-align:left} .table{width:100%;max-width:100%;margin-bottom:20px;word-wrap: break-word; word-break: break-all;} .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd} .table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd} .table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0} .table>tbody+tbody{border-top:2px solid #ddd} .table .table{background-color:#fff} .table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px} .table-bordered{border:1px solid #ddd} .table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd} .table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px} .table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9} .table-hover>tbody>tr:hover{background-color:#f5f5f5} table col[class*=col-]{position:static;float:none;display:table-column} table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell} .table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5} .table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8} .table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8} .table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6} .table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7} .table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3} .table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3} .table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc} .table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede} .table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc} .table-responsive{overflow-x:auto;min-height:.01%} @media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd} .table-responsive>.table{margin-bottom:0} .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap} .table-responsive>.table-bordered{border:0} .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0} .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0} .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0} } fieldset{padding:0;margin:0;border:0;min-width:0} legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5} label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700} input{outline:0} input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal} input[type=file]{display:block} input[type=range]{display:block;width:100%} select[multiple],select[size]{height:auto} output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555} .form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} .form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)} .form-control::-moz-placeholder{color:#999;opacity:1} .form-control:-ms-input-placeholder{color:#999} .form-control::-webkit-input-placeholder{color:#999} .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1} .form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed} textarea.form-control{height:auto} input[type=search]{-webkit-appearance:none} @media screen and (-webkit-min-device-pixel-ratio:0){input[type=month].form-control,input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control{line-height:34px} .input-group-sm input[type=month],.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],input[type=month].input-sm,input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm{line-height:30px} .input-group-lg input[type=month],.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],input[type=month].input-lg,input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg{line-height:46px} } .form-group{margin:15px 0} .form-group:first-child{margin-top:0} .form-group:last-child{margin-bottom:0} .checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px} .checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer} .checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px;margin-top:4px \9} .checkbox+.checkbox,.radio+.radio{margin-top:-5px} .checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer} .checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px} fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox],input[type=radio].disabled,input[type=radio][disabled],input[type=checkbox].disabled,input[type=checkbox][disabled]{cursor:not-allowed} .checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed} .checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed} .form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0;min-height:34px} .form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0} .input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px} select.input-sm{height:30px;line-height:30px} select[multiple].input-sm,textarea.input-sm{height:auto} .form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px} .form-group-sm select.form-control{height:30px;line-height:30px} .form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto} .form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5} .input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px} select.input-lg{height:46px;line-height:46px} select[multiple].input-lg,textarea.input-lg{height:auto} .form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px} .form-group-lg select.form-control{height:46px;line-height:46px} .form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto} .form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333} .has-feedback{position:relative} .has-feedback .form-control{padding-right:42.5px} .form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none} .form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px} .form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px} .has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d} .has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)} .has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168} .has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8} .has-success .form-control-feedback{color:#3c763d} .has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b} .has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)} .has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b} .has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3} .has-warning .form-control-feedback{color:#8a6d3b} .has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442} .has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)} .has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483} .has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede} .has-error .form-control-feedback{color:#a94442} .has-feedback label~.form-control-feedback{top:25px} .has-feedback label.sr-only~.form-control-feedback{top:0} .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373} @media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle} .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle} .form-inline .form-control-static{display:inline-block} .form-inline .input-group{display:inline-table;vertical-align:middle} .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto} .form-inline .input-group>.form-control{width:100%} .form-inline .control-label{margin-bottom:0;vertical-align:middle} .form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle} .form-inline .checkbox label,.form-inline .radio label{padding-left:0} .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0} .form-inline .has-feedback .form-control-feedback{top:0} .select-area.form-inline {display: flex} } .form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:7px} .form-horizontal .checkbox,.form-horizontal .radio{min-height:27px} .form-horizontal .form-group{margin-left:-15px;margin-right:-15px} @media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px} } .form-horizontal .has-feedback .form-control-feedback{right:15px} @media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.33px;font-size:18px} } @media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px} } .btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none} .btn.active,.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)} .btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none} a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none} .btn-default{color:#333;background-color:#eee;border-color:#ccc} .btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c} .btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad} .btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad} .btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c} .btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none} .btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc} .btn-default .badge{color:#fff;background-color:#333} .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4} .btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40} .btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74} .btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74} .btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40} .btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none} .btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4} .btn-primary .badge{color:#337ab7;background-color:#fff} .btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c} .btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625} .btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439} .btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439} .btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625} .btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none} .btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c} .btn-success .badge{color:#5cb85c;background-color:#fff} .btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da} .btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85} .btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc} .btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc} .btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85} .btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none} .btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da} .btn-info .badge{color:#5bc0de;background-color:#fff} .btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236} .btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d} .btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512} .btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512} .btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d} .btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none} .btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236} .btn-warning .badge{color:#f0ad4e;background-color:#fff} .btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a} .btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19} .btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925} .btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925} .btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19} .btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none} .btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a} .btn-danger .badge{color:#d9534f;background-color:#fff} .btn-link{color:#337ab7;font-weight:400;border-radius:0} .btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none} .btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent} .btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent} .btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none} .btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px} .btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px} .btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px} .btn-block{display:block;width:100%} .btn-block+.btn-block{margin-top:5px} input[type=button].btn-block,input[type=submit].btn-block,input[type=reset].btn-block{width:100%} .btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle} .btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left} .btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2} .btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px} .btn-toolbar{margin-left:-5px} .btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left} .btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px} .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0} .btn-group>.btn:first-child{margin-left:0} .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0} .btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0} .btn-group>.btn-group{float:left} .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0} .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0} .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0} .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0} .btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px} .btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px} .btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)} .btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none} .btn .caret{margin-left:0} .btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0} .dropup .btn-lg .caret{border-width:0 5px 5px} .btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%} .btn-group-vertical>.btn-group>.btn{float:none} .btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0} .btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0} .btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0} .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0} .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0} .btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate} .btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%} .btn-group-justified>.btn-group .btn{width:100%} .btn-group-justified>.btn-group .dropdown-menu{left:auto} [data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox]{position:absolute;clip:rect(0,0,0,0);pointer-events:none} .input-group{position:relative;display:table;border-collapse:separate} .input-group[class*=col-]{float:none;padding-left:0;padding-right:0} .input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0} .input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px} select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px} select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto} .input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px} select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px} select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto} .input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell} .input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0} .input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle} .input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px} .input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px} .input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px} .input-group-addon input[type=radio],.input-group-addon input[type=checkbox]{margin-top:0} .input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0} .input-group-addon:first-child{border-right:0} .input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0} .input-group-addon:last-child{border-left:0} .input-group-btn{position:relative;font-size:0;white-space:nowrap} .input-group-btn>.btn{position:relative;padding: 10px 20px} .input-group-btn>.btn+.btn{margin-left:-1px} .input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2} .input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px} .input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px} .label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em} a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer} .label:empty{display:none} .btn .label{position:relative;top:-1px} .label-default{background-color:#777} .label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e} .label-primary{background-color:#337ab7} .label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090} .label-success{background-color:#5cb85c} .label-success[href]:focus,.label-success[href]:hover{background-color:#449d44} .label-info{background-color:#5bc0de} .label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5} .label-warning{background-color:#f0ad4e} .label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f} .label-danger{background-color:#d9534f} .label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c} .media{margin-top:15px} .media:first-child{margin-top:0} .media,.media-body{zoom:1;overflow:hidden} .media-body{width:10000px} .media-object{display:block} .media-object.img-thumbnail{max-width:none} .media-right,.media>.pull-right{padding-left:10px} .media-left,.media>.pull-left{padding-right:10px} .media-body,.media-left,.media-right{display:table-cell;vertical-align:top} .media-middle{vertical-align:middle} .media-bottom{vertical-align:bottom} .media-heading{margin-top:0;margin-bottom:5px} .media-list{padding-left:0;list-style:none} .panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)} .panel-body{padding:15px} .panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px} .panel-heading>.dropdown .dropdown-toggle{color:inherit} .panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit} .panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit} .panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px} .panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0} .panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0} .panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px} .panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px} .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0} .panel-heading+.list-group .list-group-item:first-child{border-top-width:0} .list-group+.panel-footer{border-top-width:0} .panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0} .panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-left:15px;padding-right:15px} .panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px} .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px} .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px} .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px} .panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px} .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px} .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px} .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px} .panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd} .panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0} .panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0} .panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0} .panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0} .panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0} .panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0} .panel>.table-responsive{border:0;margin-bottom:0} .panel-group{margin-bottom:20px} .panel-group .panel{margin-bottom:0;border-radius:4px} .panel-group .panel+.panel{margin-top:5px} .panel-group .panel-heading{border-bottom:0} .panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd} .panel-group .panel-footer{border-top:0} .panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd} .panel-default{border-color:#ddd} .panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd} .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd} .panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333} .panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd} .panel-primary{border-color:#337ab7} .panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7} .panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7} .panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff} .panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7} .panel-success{border-color:#d6e9c6} .panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6} .panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6} .panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d} .panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6} .panel-info{border-color:#bce8f1} .panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1} .panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1} .panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f} .panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1} .panel-warning{border-color:#faebcc} .panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc} .panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc} .panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b} .panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc} .panel-danger{border-color:#ebccd1} .panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1} .panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1} .panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442} .panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1} .tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:12px;opacity:0;filter:alpha(opacity=0)} .tooltip.in{opacity:.9;filter:alpha(opacity=90)} .tooltip.top{margin-top:-3px;padding:5px 0} .tooltip.right{margin-left:3px;padding:0 5px} .tooltip.bottom{margin-top:3px;padding:5px 0} .tooltip.left{margin-left:-3px;padding:0 5px} .tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px} .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid} .tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000} .tooltip.top-left .tooltip-arrow{bottom:0;right:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000} .tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000} .tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000} .tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000} .tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000} .tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000} .tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000} .popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:14px;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)} .popover.top{margin-top:-10px} .popover.right{margin-left:10px} .popover.bottom{margin-top:10px} .popover.left{margin-left:-10px} .popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0} .popover-content{padding:9px 14px} .popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid} .popover>.arrow{border-width:11px} .popover>.arrow:after{border-width:10px;content:""} .popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px} .popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff} .popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)} .popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff} .popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px} .popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff} .popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)} .popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px} .btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.panel-body:after,.panel-body:before{content:" ";display:table} .btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.form-horizontal .form-group:after,.panel-body:after{clear:both} .center-block{display:block;margin-left:auto;margin-right:auto} .pull-right{float:right!important} .pull-left{float:left!important} .hide{display:none!important} .show{display:block!important} .invisible{visibility:hidden} .text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0} .hidden{display:none!important} .affix{position:fixed} .popover.bottom>.arrow,.ui-border-t{border-top:1px solid #e0e0e0} .ui-border-b{border-bottom:1px solid #e0e0e0} .ui-border-tb{border-top:#e0e0e0 1px solid;border-bottom:#e0e0e0 1px solid;background-image:none} .ui-border-l{border-left:1px solid #e0e0e0} .ui-border-r{border-right:1px solid #e0e0e0} .ui-border{border:1px solid #e0e0e0} .ui-border-radius{border:1px solid #e0e0e0;border-radius:4px} @media screen and (-webkit-min-device-pixel-ratio:2){.ui-border-radius{position:relative;border:0} .ui-border-radius:before{content:"";width:200%;height:200%;position:absolute;top:0;left:0;border:1px solid #e0e0e0;-webkit-transform:scale(.5);-webkit-transform-origin:0 0;padding:1px;-webkit-box-sizing:border-box;border-radius:8px;pointer-events:none} } @media screen and (-webkit-min-device-pixel-ratio:2){.ui-border{position:relative;border:0} .ui-border-b,.ui-border-l,.ui-border-r,.ui-border-t,.ui-border-tb{border:0} .popover.bottom>.arrow,.ui-border-t{background-position:left top;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.5,transparent),color-stop(.5,#e0e0e0))} .ui-border-b{background-position:left bottom;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(.5,transparent),color-stop(.5,#e0e0e0))} .popover.bottom>.arrow,.ui-border-b,.ui-border-t,.ui-border-tb{background-repeat:repeat-x;-webkit-background-size:100% 1px} .ui-border-tb{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.5,transparent),color-stop(.5,#e0e0e0)),-webkit-gradient(linear,left top,left bottom,color-stop(.5,transparent),color-stop(.5,#e0e0e0));background-position:top,bottom} .ui-border-l{background-position:left top;background-image:-webkit-gradient(linear,right top,left top,color-stop(.5,transparent),color-stop(.5,#e0e0e0))} .ui-border-r{background-position:right top;background-image:-webkit-gradient(linear,left top,right top,color-stop(.5,transparent),color-stop(.5,#e0e0e0))} .ui-border-l,.ui-border-r{background-repeat:repeat-y;-webkit-background-size:1px 100%} .ui-border:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.5,transparent),color-stop(.5,#e0e0e0)),-webkit-gradient(linear,left top,right top,color-stop(.5,transparent),color-stop(.5,#e0e0e0)),-webkit-gradient(linear,left top,left bottom,color-stop(.5,transparent),color-stop(.5,#e0e0e0)),-webkit-gradient(linear,right top,left top,color-stop(.5,transparent),color-stop(.5,#e0e0e0));-webkit-background-size:100% 1px,1px 100%,100% 1px,1px 100%;background-size:100% 1px,1px 100%,100% 1px,1px 100%;background-size:100% 1px,1px 100%,100% 1px,1px 100%;background-repeat:no-repeat;background-position:top,right,bottom,left;padding:1px;-webkit-box-sizing:border-box;z-index:10;pointer-events:none} } input[type=radio],input[type=checkbox]{margin:auto} label{color:#888} .ui-form-item-order.active{background-color:#e5e6e7} .ui-form-item{position:relative;height:44px;line-height:44px} .ui-form-item label:not(.ui-switch):not(.ui-checkbox):not(.ui-radio){width:95px;position:absolute;text-align:left;box-sizing:border-box} .ui-form-item input,.ui-form-item textarea{width:100%;box-sizing:border-box;-webkit-appearance:none;border:0;background:0 0;padding-left:95px} .ui-form-item input[type=checkbox],.ui-form-item input[type=radio]{padding-left:0} .ui-form-item .ui-icon-close{position:absolute;top:0;right:6px} @media (max-width:320px){.ui-form-item .ui-icon-close{right:1px} } @media (max-width:320px){.ui-form-item{padding-left:10px;padding-right:10px} } .ui-form-item-textarea{height:65px} .ui-form-item-textarea label{vertical-align:top} .ui-form-item-textarea textarea{margin-top:15px;border:0} .ui-form-item-textarea textarea:focus{outline:0} .ui-form-item-link>li:after{font-family:iconfont!important;font-size:32px;line-height:44px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;display:block;color:rgba(0,0,0,.5);color:#c7c7c7;content:"";position:absolute;right:15px;top:50%;margin-top:-22px;margin-right:-10px} @media (max-width:320px){.ui-form-item-link>li:after{right:10px} } .ui-form-item-l label,.ui-form-item-r button{color:#00a5e0;text-align:center} .ui-form-item-r .ui-icon-close{right:125px} .ui-form-item-l input:not([type=checkbox]):not([type=radio]){padding-left:115px;-webkit-box-sizing:border-box;box-sizing:border-box} .ui-form-item-r{padding-right:0} .ui-form-item-r input:not([type=checkbox]):not([type=radio]){padding-left:0;padding-right:150px;-webkit-box-sizing:border-box;box-sizing:border-box} .ui-form-item-r button{width:110px;height:44px;position:absolute;top:0;right:0} .ui-form-item-r button.disabled{color:#bbb} .ui-form-item-r button:not(.disabled):active{background-color:#e5e6e7} .ui-form-item-pure input,.ui-form-item-pure textarea{padding-left:0} .ui-form-item-show label{color:#777} .ui-form-item-link:after{font-family:iconfont!important;font-size:32px;line-height:44px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;display:block;color:rgba(0,0,0,.5);color:#c7c7c7;content:"";position:absolute;right:15px;top:50%;margin-top:-22px;margin-right:-10px} @media (max-width:320px){.ui-form-item-link:after{right:10px} } .ui-form-item-checkbox,.ui-form-item-radio,.ui-form-item-switch{display:-webkit-box;-webkit-box-align:center} .ui-select{position:relative;margin-right:6px} .ui-select select{-webkit-appearance:none;border:0;background:0 0;width:100%;padding-right:14px} .ui-select:after{position:absolute;top:50%;right:0;margin-top:-4px;width:0;height:0;border-top:6px solid;border-right:5px solid transparent;border-left:5px solid transparent;color:#a6a6a6;content:"";pointer-events:none} .ui-select-group{margin-left:95px;overflow:hidden} .ui-select-group .ui-select{float:left} .ui-form-item>.ui-select{margin-left:95px} .ui-input-wrap{background-color:#ebeced;height:44px;display:-webkit-box;-webkit-box-align:center} .ui-input-wrap .ui-btn,.ui-input-wrap i{margin-right:10px} .ui-input{height:30px;line-height:30px;margin:7px 10px;background:#fff;padding-left:10px;-webkit-box-flex:1} .ui-input input{width:100%;height:100%;border:0;background:0 0;-webkit-appearance:none;outline:0} .ui-checkbox,.ui-checkbox-s{display:inline-block} .ui-checkbox input,.ui-checkbox-s input{display:inline-block;width:25px;height:1px;position:relative;overflow:visible;border:0;background:0 0;-webkit-appearance:none;outline:0;margin-right:8px;vertical-align:middle} .ui-checkbox input:before,.ui-checkbox-s input:before{font-family:iconfont!important;font-size:32px;line-height:44px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;display:block;color:rgba(0,0,0,.5);content:"";color:#18b4ed;position:absolute;top:-22px;left:-4px;color:#dedfe0} .ui-checkbox input:checked:before,.ui-checkbox-s input:checked:before{content:"";color:#18b4ed} .ui-checkbox-s input:before{content:""} .ui-checkbox-s input:checked:before{content:""} .ui-switch{position:absolute;font-size:16px;right:0;top:50%;margin-top:-16px;width:52px;height:32px;line-height:32px} .ui-switch input{width:52px;height:32px;position:absolute;z-index:2;border:0;background:0 0;-webkit-appearance:none;outline:0} .ui-switch input:before{content:'';width:50px;height:30px;border:1px solid #dfdfdf;background-color:#fdfdfd;border-radius:20px;cursor:pointer;display:inline-block;position:relative;vertical-align:middle;-webkit-box-sizing:content-box;border-color:#dfdfdf;-webkit-box-shadow:#dfdfdf 0 0 0 0 inset;-webkit-transition:border .4s,-webkit-box-shadow .4s;-webkit-background-clip:content-box} .ui-switch input:checked:before{border-color:#64bd63;-webkit-box-shadow:#64bd63 0 0 0 16px inset;background-color:#64bd63;-webkit-transition:border .4s,-webkit-box-shadow .4s,background-color 1.2s;background-color:#64bd63} .ui-switch input:checked:after{left:21px} .ui-switch input:after{content:'';width:30px;height:30px;position:absolute;top:1px;left:0;border-radius:100%;background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-webkit-transition:left .2s} .ui-switch-s{height:26px;line-height:26px;width:auto} .ui-switch-s input{height:22px;width:42px;position:relative;vertical-align:middle} .ui-switch-s input:before{width:40px;height:20px;vertical-align:top} .ui-switch-s input:after{width:20px;height:20px;top:1px} .ui-switch-s span{font-size:13px;display:inline-block;vertical-align:middle;padding-left:6px} .do-radio{line-height:25px;display:inline-block;white-space:nowrap;padding-right: 15px} .do-checkbox{padding-right: 15px} .do-radio:last-child,.do-pop-content .do-radio,.do-checkbox:last-child{padding-right: 0} .do-checkbox input[type=checkbox],.do-radio input[type=radio]{display:inline-block;width:26px;height:26px;position:relative;overflow:visible;border:0;background:0 0;-webkit-appearance:none;outline:0;vertical-align:middle} .do-radio input[type=radio]:before{content:'';display:block;width:24px;height:24px;border:1px solid #dfe0e1;background-color:#fff;border-radius:13px;background-clip:padding-box;position:absolute;left:0;top:0} .do-radio input[type=radio]:checked:after{content:'';display:block;width:12px;height:12px;background:#5cb85c;border-radius:7px;position:absolute;left:6px;top:6px} .do-radio input[type=radio]:checked+span{color:#5cb85c} .btn{border:none;padding:6px 18px;border-radius:3px} .btn-lg{font-size:15px;padding:8px 18px} .btn-lgs{font-size:18px;padding:12px 28px;min-width:200px} .btn-default{background-color:#f7f7f7} .caret{border-top:7px solid #c2c2c2;border-right:5px solid transparent;border-left:5px solid transparent} .btn .caret{margin-right:-5px#449d44} .btn-success:hover{color:#fff!important} button,input,select{-webkit-tap-highlight-color:transparent;outline:0} label{font-weight:400;margin-bottom:10px;color:#888;display:inline-block} .do-form-group{margin-bottom:15px;text-align:left;position:relative} .do-btn{display:inline-block;font-size:14px;text-align:center;height:34px;line-height:34px;background-color:#ccc;width:100%} .do-btn-success{background-color:#449d44;color:#fff} .color-picker-input,.do-form-control{border-radius:4px;height:40px;display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #e0e0e0} textarea.do-form-control{height:auto} .do-select{position:relative;line-height:32px} .do-select:before{display:none} .do-checkbox input.icon-checkbox{font-size:24px;vertical-align:middle} .do-checkbox input.icon-checkbox:before{content:"\e25d";color: #ccc} .do-checkbox input.icon-checkbox:checked:before{content:"\e25c";color:#53bf6b} .do-checkbox{display:block} .do-checkbox>*,.do-radio>*{display:inline-block;vertical-align:top} .do-checkbox .title{font-size:14px;padding-top:2px} .do-checkbox .des{font-size:12px;margin:0} .do-listsubinput{position:relative;margin-bottom:15px} .do-listsubinput .icon-del{cursor:pointer;z-index:3;position:absolute;top:50%;right:0;width:32px;height:inherit;line-height:inherit;font-size:16px;color:#888;text-align:center;line-height:32px;height:32px;margin-top:-16px} .do-listsubinput .icon-del:hover{color:#ff4343} .form-control.upload{text-align:center;line-height:28px;color:#666;position:relative;height: auto} .form-control.upload>i{font-size:20px;margin-right:8px} .form-control.upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1} .form-control.upload>*{vertical-align:middle} .forms-progress{position:absolute;bottom:-16px;left:0;right:0;height:12px;font-size:8px;line-height:12px} .forms-progress progress{height:8px;line-height:8px} .forms-progress span{padding:0 8px} rzslider{position:relative;display:inline-block;width:100%;height:2px;margin:20px 0 15px 0;vertical-align:middle} rzslider span{position:absolute;display:inline-block;white-space:nowrap} rzslider span.rz-base{width:100%;height:100%;padding:0} rzslider span.rz-bar-wrapper{left:0;width:100%;height:32px;padding-top:16px;margin-top:-16px;box-sizing:border-box} rzslider span.rz-bar{left:0;z-index:0;width:100%;height:2px;background:#d8e0f3;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} rzslider span.rz-bar.rz-selection{z-index:1;background:#0db9f0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} rzslider span.rz-pointer{top:-5px;z-index:2;width:11px;height:11px;cursor:pointer;background-color:#5cb85c;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px} rzslider span.rz-pointer:hover:after{background-color:#fff} rzslider span.rz-pointer.rz-active:after{background-color:#451aff} rzslider span.rz-bubble{top:-22px;padding:1px 3px;color:#55637d;cursor:default;font-size:10px} rzslider span.rz-bubble.rz-selection{top:16px} rzslider span.rz-bubble.rz-limit{color:#55637d} /*! * angular-color-picker v0.6.8 * https://github.com/ruhley/angular-color-picker/ * * Copyright 2015 ruhley * * 2015-09-28 08:53:52 * */.color-picker-wrapper{position:relative} .color-picker-wrapper .input-group{width:100%} .color-picker-wrapper .input-group .color-picker-input-swatch{padding-left:12px} .color-picker-wrapper .color-picker-input-swatch{padding-left:36px} .color-picker-wrapper .color-picker-swatch{cursor:pointer} .color-picker-wrapper .color-picker-swatch:not(.input-group-addon){position:absolute;top:6px;width:28px;height:28px;border-radius:3px;vertical-align:middle;background-position:-80px 0;border:solid 1px #ccc;padding:0;margin:0;display:inline-block} .color-picker-swatch-color{display:block;height:100%} .color-picker-wrapper .color-picker-swatch:not(.input-group-addon).color-picker-swatch-left{left:3px} .color-picker-wrapper .color-picker-swatch:not(.input-group-addon).color-picker-swatch-right{right:3px} .color-picker-wrapper .color-picker-panel{position:absolute;width:194px;height:152px;background:#fff;border:solid 1px #CCC;box-shadow:0 0 20px rgba(0,0,0,.2);border-radius:4px;z-index:99999;box-sizing:content-box;padding:12px} .color-picker-wrapper .color-picker-panel .color-picker-hue,.color-picker-wrapper .color-picker-panel .color-picker-opacity{position:absolute;top:1px;width:20px;height:150px;background-color:#fff;cursor:row-resize} .color-picker-wrapper .color-picker-panel .color-picker-hue{left:164px;top:12px;background-position:0 0} .color-picker-wrapper .color-picker-panel .color-picker-opacity{left:185px;top:12px;background-position:-40px 0} .color-picker-wrapper .color-picker-panel .color-picker-slider{position:absolute;top:0;left:0;width:18px;height:2px;background:#fff;border:solid 1px #000;margin-top:-2px;box-sizing:content-box} .color-picker-wrapper .color-picker-panel .color-picker-grid{position:absolute;top:12px;left:12px;width:150px;height:150px;background-position:-120px 0;cursor:crosshair} .color-picker-wrapper .color-picker-panel .color-picker-grid .color-picker-grid-inner{position:absolute;top:0;left:0;width:150px;height:150px} .color-picker-wrapper .color-picker-panel .color-picker-grid .color-picker-picker{position:absolute;top:70px;left:70px;width:12px;height:12px;border:solid 1px #000;border-radius:10px;margin-top:-6px;margin-left:-6px;background:0 0;box-sizing:content-box} .color-picker-wrapper .color-picker-panel .color-picker-grid .color-picker-picker>div{position:absolute;top:0;left:0;width:8px;height:8px;border-radius:8px;border:solid 2px #fff;box-sizing:content-box} .color-picker-wrapper .color-picker-panel .color-picker-sprite{background-image:url("img/colorpicker.png")} .color-picker-wrapper .color-picker-panel.color-picker-panel-bottom{top:auto} .color-picker-wrapper .color-picker-panel.color-picker-panel-top{top:-154px} .color-picker-wrapper .color-picker-panel.color-picker-panel-left{left:0} .color-picker-wrapper .color-picker-panel.color-picker-panel-right{right:0} .color-picker-wrapper .color-picker-hidden{display:none} .color-picker-wrapper.color-picker-swatch-only{width:35px} .color-picker-wrapper.color-picker-swatch-only .color-picker-input{padding-left:33px;padding-right:0;width:35px} .color-picker-wrapper.color-picker-swatch-only .input-group .input-group-addon{width:35px;border-right:1px solid #ccc;border-top-right-radius:4px;border-bottom-right-radius:4px} .color-picker-wrapper.color-picker-swatch-only .input-group .color-picker-input{padding:0;width:0;border:none} color-picker.mini{position:absolute;top:50%;right:0;margin-top:-10px} color-picker.mini .color-picker-wrapper{width:20px;height:20px} color-picker.mini .color-picker-wrapper>div:first-child{overflow:hidden;width:24px;height:20px} color-picker.mini .color-picker-input{border:none;background-color:transparent;text-indent:-200px} color-picker.mini .color-picker-wrapper .color-picker-swatch{top:0;width:100%;height:100%;border-color:#ccc;border-radius:15px;overflow:hidden} color-picker .color-panel-bar{display:none} color-picker.mini .color-panel-bar{display:block;position:absolute;bottom:10px;left:10px;right:10px} color-picker.mini .color-panel-input{padding-left:10px;height:30px;font-size:13px} color-picker.mini .color-picker-wrapper .color-picker-panel{height:190px} .select-area select{margin-right: 10px;} @media only screen and (max-width: 640px){ .select-area select{margin-bottom:10px } } .lt-ie9 .form-control{padding: 0 10px;line-height:40px;height: 40px;min-height: auto;} .lt-ie9 select.form-control{line-height:1;padding:8px;height: auto;display: inline-block;min-width: auto} .lt-ie9 .select-area select.form-control{width:116px} .lt-ie9 .layer-btnRight .layui-layer-btn1{border-color: #4898d5;background-color: #2e8ded;color: #fff;} /*搜索组件*/ .do-element-blogs-search .form-control, .blogs-search-btn{ border-color: #cfdadd; border-radius:0; } .do-element-blogs-search .input-lg{ height: 45px; } .blogs-search-input, .blogs-search-btn{ -webkit-box-shadow: 1px 1px 1px rgba(90, 90, 90, 0.1); box-shadow: 1px 1px 1px rgba(90, 90, 90, 0.1); } .blogs-search-btn{ background-color: #fff; border: 1px solid #cfdadd; } .blogs-search-btn.btn{ padding: 6px 12px; } .blogs-search-btn.btn-sm{ padding: 6px 10px; } .do-element-blogs-search .btn-lg{ padding: 10px 16px; font-size: 18px; line-height: 1.33; } .blogs-search-btn-no-bl{ border-left-width: 0!important; } .btn-hover-5b5:hover{background-color: #449d44;border-color: #398439;color:#fff} .highTop{z-index:1000;} .ngdialog{z-index: 1000;} .zz-service{margin-bottom:12px;cursor: pointer;font-size: 13px;color:#888} .zz-service > *{vertical-align: middle;} .zz-service:hover i{color: #24bf00} .daodream-launcher-button{display: none!important;} .text-primary{color:#5cb85c}/* do-html */ body{color:rgba(31,37,38,.75)} .do-html{position: relative;z-index: 1;} :focus{outline: 0} /*.do-blocks{margin: 10px 0}*/ .do-html-content>*{margin-top: 8px;margin-bottom: 8px} .do-html-content>*:first-child,.do-blocks:first-child {margin-top: 0} .do-html-content>*:last-child,.do-blocks:last-child {margin-bottom: 0} .do-html-content>* {word-wrap: break-word;} .do-slide-text p{line-height: 1.1;margin-top: 6px;margin-bottom: 6px} /**/ [type="text"], [type="password"], [type="search"], [type="email"], [type="url"], [type="number"], [type="tel"], textarea, select, .input-prefix, .input-suffix{ padding: 8px 10px;min-height:32px;min-width: 120px} p{font-size: 14px} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;margin: 0;line-height: 1.8em} h1{font-size:36px;} h2{font-size:32px;} h3{font-size:28px;} h4{font-size:22px;} h5,.ui-txt-sub{font-size:16px} h6,.ui-txt-tips{font-size:14px} /*ie8背景*/ .ieBgSize{behavior: url(/backgroundsize.htc);-ms-behavior: url(/backgroundsize.htc);} /*对齐*/ .align-left{text-align: left} .align-center{text-align: center} .align-right{text-align: right} .do-block{position: relative;} .do-block:hover{z-index: 3} /*图片*/ .do-image{position: relative;width: 100%} .do-image img{position: absolute;top:0;left:0;width: 100%;max-height: none!important;max-width: none!important;} /*图片*/ .do-element-image,.do-element-image-content,.do-element-map{position: relative} .do-element-image-content .do-image-href,.do-element-map-content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden} .do-element-image .do-title{margin-top: .6em;} .do-element-image .do-title p{font-size:1.1em;line-height: 1.4em;color: inherit} .do-media-image-conter img,.do-element-image-content img{max-width:none;max-height:none;} /*fixbug: 图片会变形*/ .do-media-image-conter>img{height: auto !important} /*.do-element-image .do-middle-center img,.do-media-image-conter .do-middle-center img{max-width: 100%;max-height: 100%}*/ /*图片大小*/ .sizeimg0 img{width: 10%;max-height: none!important} .sizeimg1 img{width: 20%;max-height: none!important} .sizeimg2 img{width: 40%;max-height: none!important} .sizeimg3 img{width: 60%;max-height: none!important} .sizeimg4 img{width: 80%;max-height: none!important} .sizeimg5 img{width: 100%;max-height: none!important} /*图片样式*/ .do-caption .do-title{margin: 0.9em 0 0;} .do-caption-overlay .do-title{position: absolute;left: 0;right: 0;bottom: 0;z-index:2;background-color:rgba(0,0,0,.5);color:rgba(255,255,255,.9);padding:8px 10px} .do-caption-overlay-hover .do-title{visibility: hidden;opacity: 0;position: absolute;left: 0;right: 0;bottom: 0;z-index:2;background-color:rgba(0,0,0,.5);color:rgba(255,255,255,.9);padding:8px 10px} .do-caption-overlay-hover:hover .do-title{visibility:visible;opacity: 1} .do-caption-overlay-hover-cover .do-title{visibility: hidden;opacity: 0; margin: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index:2;background-color:rgba(0,0,0,.5);color:rgba(255,255,255,.9);} .do-caption-overlay-hover-cover:hover .do-title{visibility: visible;opacity: 1} .do-caption-overlay-hover-cover .do-title *{text-align: center;color: inherit} .do-caption-overlay-hover{overflow: hidden;} /*动画*/ .do-caption-overlay-hover-cover .do-title, .do-img-animation img, .do-caption-overlay-hover-cover .title, .do-caption-overlay-hover .do-title{ transition: all 0.3s ease-out; } .do-caption-overlay-hover-cover .title, .do-caption-overlay-hover-cover .des, .do-caption-overlay-hover .do-title{ margin: 0; visibility: hidden; opacity: 0; transform: translate3d(0,60%,0); } .do-caption-overlay-hover-cover .des{ transition: all 0.3s .15s ease-out; transform: translate3d(0,100%,0); } .do-caption-overlay-hover-cover:hover .title, .do-caption-overlay-hover-cover:hover .des, .do-caption-overlay-hover:hover .do-title{ opacity: 1; visibility: visible; transform: translate3d(0,0,0); } .do-img-animation img{ transform:scale(1); } .do-img-animation:hover img{ transform:scale(1.2); } .inside-hover .do-element-media-li .title, .inside-hover .do-element-media-li .des, .inside-hover .do-caption-overlay-hover-cover .do-title, .inside-hover .do-caption-overlay-hover-cover .do-title > *, .inside-hover .do-caption-overlay-hover .do-title, .inside-hover .do-caption-overlay-hover .do-title > *{ -webkit-transform: none;transform: none;opacity: 1;visibility: visible; } .do-title-body{display: table;vertical-align:middle;width:100%;height:100%;table-layout:fixed} .do-title-body >a {display:none} .do-title-content{display:table-cell;vertical-align: middle;} /*文本组件*/ .do-element-text{padding: 5px 0} .do-element-text ul{padding-left:18px} .do-element-text li{list-style:disc} .do-element-text ol li {list-style: inherit;} .do-element-text-content * {color: inherit;} .do-element-text-content img{margin-top: -0.2em;display: inline-block;} /*引用*/ .do-element-quote{} .do-element-quote-content{border-left: 3px solid #eee} .do-element-quote-content figure{position: relative} .do-element-quote-content figcaption{text-align: right;margin-top: 10px} .do-element-quote-content blockquote{padding: 0;margin: 0} .do-element-quote-mark blockquote:before{content:'“';font-size:52px;color:#bbb;position: absolute;left: -26px;top: -20px} /*按钮*/ .do-element-button{min-height:50px!important;position: relative;white-space: nowrap;} .do-element-button-content{position: absolute;top: 0;bottom: 0;left: 0;right: 0;} .do-element-button-content.no{position: relative;top:auto;bottom: auto;left: auto;right: auto;} .do-element-button-content .do-btn{display:inline-block;vertical-align: middle;text-align: center;padding: 14px 30px;height:auto;width:auto;line-height: 100%} .do-element-button-content .do-btn span{display: table-cell;vertical-align: middle} .do-element-button-content .do-btn > *{display: inline-block;vertical-align: middle;color: inherit} .do-element-button-content .do-btn img{margin-right: 8px;max-width: 26px;max-height: 26px;} .do-element-button-content .do-btn:hover{opacity:.8} .do-element-button-content .do-btn.radius{border-radius:5px;overflow: hidden} .do-element-button-content .do-btn.lg{padding: 18px 30px} .do-element-button-content .do-btn.sm{padding: 10px 30px} .do-element-button-content .do-btn.xs{padding: 8px 30px} .do-element-button-content .do-btn.line{background-color: transparent;border:#333 2px solid;color:#333} /*caiyichen slide幻灯片轮播组件:*/ .do-element-button-content .do-middle-forhover > a{vertical-align: top} /*slide幻灯片中按钮的“编辑”按钮样式:*/ .do-element-image .do-slide-image-edit, .do-element-video .do-slide-video-edit, .do-element-button-content .do-slide-btn-edit{display:none;height:28px;line-height:28px;padding:0px 10px;background:black;color:white;font-size:12px;text-align:left;z-index:1000} .do-slide-image-edit,.do-slide-video-edit{position:absolute;top:0;right:0;z-index:1000} .do-middle-video .do-showAbove{z-index: 1000} /*caiyichen end!*/ /*下拉框*/ .do-element-select-content select{ border: none; background-color: #565a5c; border: 0; color: #fff;padding-top: 8px; padding-bottom: 8px; padding-right: 2em;height:36px; } /*列表*/ .do-element-list h2{font-size: 16px;margin: 0 0 10px} .do-element-list-ul{padding: 0;line-height: 1.8} .do-element-list-ul a{color: inherit;line-height:inherit} .do-element-list-ul a:hover{opacity: .8} .do-element-list-ul{} .do-element-list-item{float: left;} .do-element-list-item .heading{font-size: 14px} .do-element-list-item .heading a{padding-right: 20px} .do-element-list-item .heading b{font-weight: bold;opacity: .5} .do-element-list-item .do-time{float: right;color: inherit;opacity: .5} .do-element-list.sm ul{margin:0 -8px} .do-element-list.md ul{margin:0 -12px} .do-element-list.lg ul{margin:0 -16px} .do-element-list.sm ul li{padding:0 8px;} .do-element-list.md ul li{padding:0 12px;} .do-element-list.lg ul li{padding:0 16px;} /*行高*/ .do-element-list h4{line-height: inherit;} .do-element-list h4 > *{vertical-align: middle;} .do-element-list li{line-height: 1.8} .do-lineHeight-sm li{line-height: 2.2} .do-lineHeight-md li{line-height: 2.6} .do-lineHeight-lg li{line-height: 3} /*媒体对象*/ .do-element-media{position: relative} .do-element-media-conter {position: relative} .do-element-media-li{vertical-align: top;} .do-element-media-li a:not(.do-btn){color: inherit;}/*caiyichen 修改——not(.do-btn) 让slide幻灯片里的按钮颜色不继承而显示正常的文字颜色*/ .do-element-media .title{font-size: 18px;} .do-element-media .title p{font-size: inherit;} /*.do-element-media.x{overflow: hidden}*/ .do-swiper{overflow: visible!important;} .do-element-media .do-element-media-ul{display: table;width: 100%;padding: 0;margin: 0;table-layout:fixed} .do-element-media .do-element-media-li{display: inline-block;} .do-element-media .do-media-body{padding-top:1em} .do-element-media.num1 .do-element-media-li,.num1 .do-element-list-item{width: 100%} .do-element-media.num2 .do-element-media-li,.num2 .do-element-list-item{width: 50%} .do-element-media.num3 .do-element-media-li,.num3 .do-element-list-item{width: 33.333333333333333%} .do-element-media.num4 .do-element-media-li,.num4 .do-element-list-item{width: 25%} .do-element-media.num5 .do-element-media-li,.num5 .do-element-list-item{width: 20%} .do-element-media.num6 .do-element-media-li,.num6 .do-element-list-item{width: 16.666666666666666%} .do-element-media.num7 .do-element-media-li,.num7 .do-element-list-item{width: 14.285671428571429%} .do-element-media.num8 .do-element-media-li,.num8 .do-element-list-item{width: 12.5%} .do-element-media.num9 .do-element-media-li,.num9 .do-element-list-item{width: 11.111111111111111%} .do-element-media.num10 .do-element-media-li,.num10 .do-element-list-item{width: 10%} .do-element-media-content.sm{margin:-8px} .do-element-media-content.md{margin:-12px} .do-element-media-content.lg{margin:-16px} .do-element-media-content.sm ul li{padding:8px;} .do-element-media-content.md ul li{padding:12px;} .do-element-media-content.lg ul li{padding:16px;} .do-media-image{position: relative;padding-top: 62%} .do-media-image-conter{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden} .do-element-media .do-block-image{position:inherit;width: 100%;left: inherit;top: inherit;} .do-media-body h2{color: inherit} .do-media-body p{color: inherit;opacity: .8} .do-middle.do-media-image-box{overflow: hidden;} /*并列图文*/ .do-content-list .do-media-image-box{float: left!important;width: 36%;margin-right:12px;position: relative;} .do-content-list .do-title{overflow: hidden;margin: 0} .do-content-list .do-element-media-conter{} .do-element-media-content.sm .do-content-list .do-media-image-box{width: 30%;margin-right:14px} .do-element-media-content.md .do-content-list .do-media-image-box{width: 36%;margin-right:18px} .do-element-media-content.lg .do-content-list .do-media-image-box{width: 42%;margin-right:22px} .do-element-media .do-time-left{display: none;} /*分割线*/ .do-element-line{padding-top:2%;position:relative;min-height: 5px!important;} .do-element-line-content{position: absolute;top: 0;left: 0;right: 0;bottom: 0} .do-element-line-content-bar{display: table;height: 100%;width: 100%;vertical-align: middle;table-layout:fixed} .do-element-line-content-hr{display: table-cell;vertical-align: middle} .do-element-line hr{height: 0px;border: none;margin: 0;padding: 0;border-width: 0px;border-bottom-width: 1px} .do-element-line.default hr{border-bottom:1px #eee solid} .do-element-line.dotted hr{border-style: dotted} .do-element-line.dashed hr{border-style: dashed} .do-element-line.sm hr{border-bottom-width: 1px} .do-element-line.md hr{border-bottom-width: 2px} .do-element-line.lg hr{border-bottom-width: 3px} /*社交网络*/ .do-element-sns-content{display: inline-block;height: 100%} .do-element-sns-ul{padding: 0;margin: 0;display: table;height: 100%;vertical-align: middle;table-layout:fixed} .do-element-sns-ul > li{display:inline-block;font-size:22px;vertical-align: middle;padding:0;} .do-element-sns-ul > li a{display: block;font-size: 20px;color: inherit} .do-element-sns.sm li a{width: 36px;height: 36px;line-height: 36px;font-size: 22px} .do-element-sns.md li a{width: 42px;height: 42px;line-height: 42px;font-size: 26px} .do-element-sns.lg li a{width: 52px;height: 52px;line-height: 52px;font-size: 30px} .do-element-sns.round-solid li a{border-radius: 100%;border: 2px solid #333} /*视频*/ .do-element-video{position: relative} .do-element-video.do-caption-overlay-hover-cover:hover .do-element-video-url .do-playbtn,.inside-hover .do-element-video-url .do-playbtn{display: none} .do-element-video-content{padding-top: 60%;position: relative} .do-element-video-url{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden} .do-element-video-url .do-playbtn{cursor: pointer; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANAAAADQCAQAAADcrSf/AAAJZElEQVR4Ae2dhVOdVxqHX0IY0glzI7C+G1/3uruXEM/qaL3EZqZOGrfKeN3HqqSu1IntFhrIGrdcaEKW79Td9VkhZyYM6YXr55zv/T1/wnPlfL/vnPeIj+Fb7MN06lnOVdzOI2xiKx1sx+xiOx1sZROPcDtXsZx6prMP3xJNocIwJlLLudxEsxWRBdtp5ibOpZaJDBNN7uEb1LKE++nG5Jlu7mcJtXxDNJmHBCeyhmZMEWhmLSeSkKFEw3jO4m52YorMTu7mLMaL5uvCOBbShCkxTSxknGh2DyP5Ew8SYRwh4kH+xEgR0bA3l5PCOEiKy9k7zmoqmEUTxnGamENFHFdp9bRhPKGN+hit8hhDA50Yz+ikgTFx+Oac676cNJLODfibxAgWkMR4TpIFjAhRz3RaMIHQwnTKQpLzCxoxgdHIL0J5CF1FLyZAelnl/cMsx9CCCZgWjvVXTjVXYWLA1VT7qOcI2jAxoZ0j/JJTyXIiTIyIWE6lL3p+yFOYGPIUPxL3Qx0pTExJUee2nOEsIcLEmIglDHdVz1gaMSiN1LioZzKbVc4uNjPZNT0H8i8MFuVfHOSSnhnswPRD2cFMV/ScRoQZgBJxmgt6FqqKNCwstZ6LMWlRLi6lnpWYQVFW6LfHdS6S4odFmCGjLCr+ys0oGXF6MfXM1IV1xkRFey7iUHowSsb0cGgx9Ezgn5isUDqYUGg91VqJ5sRmqgupp1xfKOTMesoLJ2gpRsmZpYXSM1XXbnkhYqrkP/wob3sNlK68by+hMq87dZSnqMyvoBUYxdkKlSNL+++TfOPLEP+Jjsrfs087ppQ0v/PCWx++HOCG4er8CLoaU2pBze9sevv1V8Pbdi+5h2MxpRfUR/frX4Wm6Nhc9VTR6oIgS/tbn4b1U9dKVW6CVmPcEGT5y9tvh/VTtzoXPb+i1x1Blg3v7Hw9qIOUv85WTxn3YtwSZPnHm5+H81N3L2XZHiQx7gmy/PXt918JRlFddmMnWtwUZNn4jnktmKPIe2UuaAHGXUGWYDqGBZnqGU3SB0HBdAxJRmcmaDHGB0EBdQyLM9FTQ5cfggLqGLqoyeH747Yg2zHE5DtEgpQvgoLqGFIkhibobIwvggLrGM4e2qjXrf4ICqxjaKNicEFzMP4ICq5jmDO4oCafBAXXMTRJ+vAbjE+CAuwY9k4v6Aq/BAXYMVyRfnxlyi9BAXYMqTRjNvkjxi9BQXYMf/56QQ+EJch2DJ/49VP3gOw5fI/IN0FBdgwR39uzoLMwAQgKoWM4a8+CHg5AUBgdwyMyMIwjCkBQKB3D+PQ/cIEKsh2Dlz9y3B2AoHA6hrsHvgPqCV+QpdX9jqGHRH9BJ2ECEBRSx3BSf0Fr4yPI0vWG0x3D2v6CngtAUFgdw7P9r/2L4iXIssXdjiFitNhwHCZ+gmzH0ONqx3Cc2NAQV0G2Y/jMxZ+6BrHhvvgKsh3De+51DPdaPcPoCkBQeB1DF8P6BE3CqCAnO4aJfYJqVZCjHUNtn6BzVdDuHcNr7iy8z+0TdJMKcrRjuKlP0AYV5GjHsEFEKKdHBTnaMfRQLozDqCBnO4ZxwkEqyOGO4WBhtgpyuGOYLcxTQQ53DPOF5SpocDpK1TEsF65RQQ53DFcLd6gghzuGO4RHVJDDHcMjwiYVlAltxe0YNgmtKijTjuGt4v3UtQhJFeRwx7BN6FJBDncMScGoIIc7hpQKyqljiAreMaignAS97K4gFfR8MY6DpXSRkCX/LM6ByqQus90+krxNH1SzONT/TvHeELVo1TMQl0ZvbtKy1O3BMo/o6wa3j03eIVyrgoY23OzjEr2wW66CBufFkr3y1k0jDvQFaZiv264c6AvSMFs3LjrQF6ThYN366/YIs3G6eT5dX+DA5nk9fuLyVR0b9ADXHnnJlUG0t+oRSLfHLF2sh4jT9AUOMKNP0GQVNKAvcIMf9QkqpwujgyxecW2QRTflOgpmQF/gEPcOuLPOVULuC9LQoOPI3B55fpwO9LN9gaMD/WI/EnPbmw5f7flcvIfK2r7AXdaKjmV2mpNiPNjc9gXuDzaP5dUAL/p4NUB8Ltd4xdvLNcaHL+h5n6+nEYf3mIbZF6ThkRhekfbvAK5IC/SSQdsXeEPE9+JyTaftC8K4plOEP4Un6KWgLroN7qroN3y8KroqNpetfxzOZes2/DYIQbYv8JG9JX1o8l2Q7Qu8pEkGC3P8FmT7Ak+ZM7igCtr8FWT7Ak9po0IGD2f7Kcj2BR5ztgwlJFxbbAfZFwwkRULSx9VtWEH2BQNZLEMNNW7tNQ2wLxhIFzVi49t3yIG+wJXvjw2jSfogyPYF3pNktGQWFjgvyPYFIbBAMg0jaHFZkO0LgqCFvSTzUOeuINsXBEKdZBPKuNdNQbYvCIR7KZPswq/pdUqQ7QtewwRDL7+W7MNqtwTZviAg1kguoYpWdwTZviAgXqBKcgvHOiLI9gVhcZzkHq52QJDtC8LiGslHqKa9xIJsXxAW7VRLfsJRpd3S2Gn7gpCIOFryF1Zg8oqyQvIZKnkKkzeUp6mU/IYf5e0dkdLFjyT/oY4IoxSte8s8LMUoObNMChXKWY9RcmI95VK4UM1mjJI1m6mWwoYJWb8MV5JMlMKHQ7OaqaD0cKgUJ8zU9VzGRMyU4oXTMUpGnC7FDYswypBZJMUPDRhlSDRIacJKjJJBLVr8cDFGScvFUtqwUCWkYaGUPpxOhBmAEnG6uBFmsgPTD6WHWeJOOIh/YbAo/+IgcStMYYuK2cUWpoh7oYZGDMp6asTNMJwlsdezlOHicqgjFVs5KerE/fDjmO4Aeoofix+hkhVEMXvmWUml+BSOoj02eto5SvwL1VwTCz3XUC2+hmNpDVpOK8eK36GKVfQGKaeX1VRJCOEXAe6nu4dfSDihjOm0BCOnhemUSWhhBAtIBrC3bQEjJNSQ4Fw6vZXTyXkkJPQwlgY6PZSzmLESl5CgnjaPZonWk5C4hQrm0OS8nCbmUiHxDXtzBSlHu+kr2Fs0IozkzzzoVL36IH9mpGh2D+NZyJMlV/MkCxkvmjTnj86mkZ1FF7OTRs5hgmiGEhKcxDqai6JmA+s4OatVmoZvMpVlPEB33rV08wDLmMo3RZN7KGcStZzLTTSzPWsp22nmJs6llkmUS6Gi4Vvsx0zms4KruINH2EQbHdj/rS466GALm3iEO7iKFcxnJvvxLfEw/wGAbj5UKLcDwgAAAABJRU5ErkJggg==') no-repeat; background-size: 100% auto; width: 60px;height: 60px;position: absolute;top: 50%;left: 50%;margin: -30px 0 0 -30px;z-index: 10;opacity: .8} .do-element-video-url .do-playbtn:hover{opacity: 1} .do-element-video img{max-height: initial;max-width: initial;} .do-space-no{border: 2px dashed #eee;} .do-space-no [class*="icon-"]{font-size:3em;color: #bbb} /*间隔*/ .do-element-space{position: relative;min-height:5px} .do-element-space-content{position:absolute;top:0;left: 0;right: 0;bottom: 0;} .do-element-space-content .do-space-no{border: none;visibility: hidden} /*.do-element-space-content .do-helper{opacity: 0}*/ .do-element-space-content:hover .do-space-no{visibility: visible} /*.do-element-space-content:hover .do-helper{opacity: 1}*/ /*分享*/ .do-element-share{position: relative;} .do-element-share ul{padding: 0;margin: 0} /*do-full*/ .do-full{width: auto!important;} /*标题*/ .do-element-title{color: inherit} .do-element-title.sm{font-size: 14px;padding:0 10px;margin-bottom: 8px} .do-element-title,.do-element-title.md{font-size: 16px;padding:12px;margin-bottom: 12px} .do-element-title.lg{font-size: 18px;padding:14px;margin-bottom: 14px} .do-element-title-content{height: inherit} .do-element-title .title-name, .do-element-title .title-name > *{display: inline-block;position: relative;} .do-element-title .title-name-conter{font-size: 15px;min-width: 80px;min-height: 14px;color: inherit;padding: 2px 0} .do-element-title .title-name-conter *{line-height:100%;color: inherit} .do-element-title .title-more{position: absolute;top: 0;bottom: 0;right: 0} .do-element-title .title-more .do-middle{width: auto} .do-element-title .title-name img{max-width: 20px} /*tab*/ .do-tabtext-nav ul{padding: 0;margin: 0} .do-tabtext-nav ul li{padding:10px 18px;cursor:pointer;color: #666;position: relative;display: inline-block;vertical-align: middle;} .do-element-tabtext-content{padding: 12px 0} /*幻灯片*/ .swiper-container,.swiper-container-horizontal{margin:0 auto;position:relative;overflow:hidden;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrappoer{-webkit-box-orient:vertical;-moz-bx-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column} .swiper-wrapper,.swiper-container-horizontal .do-element-media-ul{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex!important;display:flex!important;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper,.swiper-container-horizontal .do-element-media-ul{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide,.swiper-container-horizontal .do-element-media-li{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y} .swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:48px;margin-top:-24px;z-index:10;cursor:pointer;-moz-background-size:14px auto;-webkit-background-size:14px auto;background-size:14px auto;background-position:center;background-repeat:no-repeat} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto} .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto} .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2} button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-white .swiper-pagination-bullet{background:#fff} .swiper-pagination-bullet-active{opacity:1;background:rgba(0,0,0,.8);} .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000} .swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block} .swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%} /*.do-swiper{padding: 0 0 28px;}*/ .do-swiper > .swiper-pagination{bottom:0px;left:0;width:100%} .swiper-pagination .swiper-pagination-bullet{margin:0 5px} .swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .do-element-swiper .swiper-button-prev{left: 0!important} .do-element-swiper .swiper-button-next{right: 0!important} .do-swiper .swiper-button-next,.do-swiper .swiper-button-prev{background-color: rgba(0,0,0,.5);} .swiper-button-prev:hover,.swiper-button-next:hover{background-color:rgba(0,0,0,.7);} .do-element-swiper{padding-top: 40%;min-height:100px;position: relative} .do-element-swiper .swiper-container{overflow: hidden} .do-element-swiper .swiper-container,.do-element-swiper .bgimg{position: absolute;left: 0;top: 0;width: 100%;height: 100%} .do-element-swiper .bgimg,.do-element-slide-img{background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;behavior: url(/backgroundsize.htc);-ms-behavior: url(/backgroundsize.htc);} .do-slide-textbox{overflow: hidden;*zoom:1;_float: left;} .do-slide-text .fr-element > *,.do-slide-text .fr-element{text-align: inherit;} .do-slide-text>p{text-align:inherit;} .do-slide-btn .do-middle-forhover{display:inline-block;position: relative;}/*内联块级元素,这样悬停就仅仅是按钮的宽度就有效*/ .do-slide-btn .do-middle-forhover:hover .do-slide-btn-edit, .do-middle-floatRight:hover .do-slide-image-edit, .do-middle-floatRight:hover .do-slide-video-edit, .do-middle-floatLeft:hover .do-slide-image-edit, .do-middle-floatLeft:hover .do-slide-video-edit{display:inline-block;cursor: pointer}/*btn按钮悬停时右边出现“编辑”按钮*/ .do-slide-btn-edit{position: absolute;left:0;bottom:100%;z-index: 1;white-space: nowrap;} .do-checkbox-bgPrompt{color:#B71E39;font-size: 14px;margin-left: 5px} /*小龙哥新增加*/ .do-element-slide{position: relative;padding-top: 40%} .do-element-slide ul{padding: 0;margin: 0} .do-element-slide-content, .do-element-slide-toys, .do-element-slide-img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1} .do-element-slide-toys{z-index: 3} .do-slide-btn-box{padding-top: 20px} .do-slide-btn-box > .do-slide-btn{display: inline-block;margin-left:15px } .do-slide-btn-box > .do-slide-btn:first-child{margin: 0} .do-element-slide-toys{margin: 0 80px} /*tool 用,需要移动*/ .do-element-slide .do-block-image{position: absolute;width:200px;height:26px;right: 12px;bottom: 12px; z-index: 6} .do-element-slide .do-block-image .do-block-image-edit{top: 0;} .do-element-slide .do-block-image img{display: none;} .do-element-slide .swiper-container{height: 100%} .do-element-slide-thumbs{position: relative;margin-top:12px;padding-top: 22%} .do-element-slide-thumbs .swiper-container{height: 100%} .do-element-slide-thumbs .gallery-thumbs{height:100%;} .do-element-slide-thumbs .gallery-thumbs,.gallery-thumbs ul{padding: 0;} .do-element-slide-thumbs .gallery-thumbs li{width: 20%} .do-element-slide-thumbs .gallery-thumbs .swiper-slide{opacity: .5;background-size:cover} .do-element-slide-thumbs .gallery-thumbs .swiper-slide-active{opacity:1} .do-slide-full{padding-top:initial!important;height: 100vh} .do-code{position: initial;} .do-element-qrcode .title{margin-top:8px} .do-tip-horizontal{position:fixed;top:0;left:0;right: 0;bottom: 0;z-index: 9999;background-color: #fff;display: none} .do-tip-horizontal .tipbtn{display: inline-block;padding: 6px 12px 4px;border-radius:3px; font-size: 13px; line-height: 100%;background-color: #999;color: #fff} /*图片、视频小模块:*/ .do-slide-btn .do-middle-noCenter{text-align: left} .do-middle-floatRight .do-slide-btn .do-middle-noCenter{text-align: right} @media only screen and (min-width: 800px){ .do-middle-floatRight{position: absolute;top: 0;right: 0;bottom: 0}/*为了让图片能浮到右边,图文都在一行*/ .do-middle-floatLeft{position: absolute;top: 0;left: 0;bottom: 0}/*为了让图片能浮到左边,图文都在一行*/ .defaultSize .do-slide-mediabox{width:350px} .defaultSize .do-slide-textbox.align-left{padding-right: 380px} .defaultSize .do-slide-textbox.align-right{padding-left: 380px} .imageSm .do-slide-mediabox{width:300px} .imageSm .do-slide-textbox.align-left{padding-right: 330px} .imageSm .do-slide-textbox.align-right{padding-left: 330px} .imageMd .do-slide-mediabox{width:400px} .imageMd .do-slide-textbox.align-left{padding-right: 430px} .imageMd .do-slide-textbox.align-right{padding-left: 430px} .imageLg .do-slide-mediabox{width:500px} .imageLg .do-slide-textbox.align-left{padding-right: 530px} .imageLg .do-slide-textbox.align-right{padding-left: 530px} } .do-middle-hidden{display:none}/*当模板为“do-empty"空模板时,不显示文本、按钮*/ .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; /*幻灯片切换效果为flip时解决闪屏bug*/ /* 2019/7/19 以下代码会让3d方块效果无法点击到按钮, 故删除之*/ /*-webkit-backface-visibility: hidden!important;*/ /*-moz-backface-visibility: hidden!important;*/ /*-ms-backface-visibility: hidden!important;*/ /*backface-visibility: hidden!important;*/ } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } /*幻灯片切换效果:flip*/ .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /*地图*/ .do-element-map{padding-top:46%;min-height: 250px !important;} .do-element-map-content{position: absolute!important;} .do-element-map img{max-height:initial;max-width: initial;} /*评论*/ .do-comment{padding: 20px 0} /*子导航*/ .do-subnav:hover{position: relative;z-index: 999} .z-subnav{line-height: 0} .z-subnav .title{font-size: 18px;line-height: 40px;} .z-subnav-conter{display: inline-block;} .z-subnav-conter > .z-sub-nav{padding: 0;margin: 0} .z-subnav-conter > .z-sub-nav li a{line-height: 40px;display: block;} .z-subnav-conter > .z-sub-nav li a:hover{} .z-subnav-conter li:hover > ul{display: block} .z-subnav-conter li > ul li ul{left: 100%;top: 0;background-color: #666;} .z-subnav-conter li > ul,.z-subnav-conter li > ul li ul{ opacity: 0; display: block;display/*\**/:none\9;z-index: 1;position: absolute;padding:0;margin: 0;min-width:120px;overflow: hidden;} .z-subnav-conter li:hover > ul,.z-subnav-conter li > ul li:hover ul { opacity: 1;display/*\**/:block\9;z-index: 2} .z-subnav-conter li { -webkit-transition: all 0.2s; white-space:nowrap;} .z-subnav-conter li ul li {height: 0; line-height: 0; background: none; } .z-subnav-conter li:hover ul li { height: 36px; line-height: 36px; } .z-subnav-conter li a { -webkit-transition: all 0.5s;padding: 0 16px} .z-subnav-conter li ul { -webkit-transition: all 1s; } .z-subnav-conter li ul li { -webkit-transition: height 0.5s; } .z-subnav-conter > li:last-child > ul li ul{left: auto;right: 100%} .do-vertical .z-subnav-conter li > ul,.do-vertical .z-subnav-conter li > ul li ul{left: 100%;top: 0} .z-subnav.do-level .z-sub-nav{display: table;table-layout:fixed} .z-subnav.do-level .z-sub-nav .do-subset{padding-right: 10px} .z-subnav.do-level .z-sub-nav > li{display:inline-table;line-height: 47px} .z-subnav.do-level .z-sub-nav > li a{display: block;padding: 0 15px;line-height: 36px;height: 36px} .z-subnav.do-level .z-sub-nav > li ul li{text-align: left!important;} /*在线客服*/ .do-online-service{position: fixed;right:10px;bottom:65px;z-index:900} .do-online-service label{margin: 0} .do-online-service .do-open{ pointer-events: auto; -webkit-transform: none; -ms-transform: none; transform: none; transition: transform 0.35s ease-out; -webkit-transition: transform 0.35s ease-out; transform: translateX(0); -webkit-transform: translateX(0); color: #fff; background-color:#5cb85c; width: 34px; height: 34px; text-align: center; line-height: 34px;cursor: pointer;display: block; } .do-online-service .do-close{cursor: pointer;position: absolute;right: 0;width: 38px;height: 38px;line-height: 38px; text-align: center;color: #fff;font-size: 18px} #do-online-service:checked ~ .do-online-service .do-open{ -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; -webkit-transform: translateX(200px); transform: translateX(200px); } .do-online-service.open .do-open{display: none;} .do-online-service .do-box{ background-color: #fff;border-radius: 6px;overflow: hidden; position: absolute;right: 0;bottom: 0; width:200px;min-height: 100px; -webkit-box-shadow: 0 5px 9px rgba(4,0,0,.17); box-shadow: 0 5px 9px rgba(4,0,0,.17); pointer-events: auto; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform: translateX(200%); transform: translateX(200%); transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; } .lt-ie9 .do-online-service .do-box{display: none;} .lt-ie9 .do-online-service.open .do-box{display: block;} #do-online-service:checked ~ .do-online-service .do-box, .do-online-service.open .do-box{ -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; -webkit-transform: translateX(0); transform: translateX(0); } .do-online-service .do-box-title{background-color:#5cb85c;color: #fff;padding: 0 12px;line-height: 38px;} .do-online-service .do-box-con{padding:1px;} .do-online-service .do-box-item a{white-space:nowrap;text-overflow:ellipsis;text-overflow: ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;} .do-online-service .do-box-item a.on i{font-size: 16px;position: relative;bottom: -1px} .do-online-service .do-box-item a.on{padding:6px 15px;background-color: #eee;display: block;} .do-online-service .do-box-item a.on:hover{background-color:#e5e5e5} .do-online-service .do-box-item a.on:hover i{color: #0c9ef2} .do-online-service .do-box-item.tel{padding: 6px 15px} .do-box-item.tel h4 a{color: #333;letter-spacing:1px;justify;display: block;font-size: 18px;font-weight: bold;} .do-online-service p{margin: 0} .do-box-item.qr,.do-box-item.pre{padding:15px;text-align: center;border-top: 1px solid #eee} .do-box-item.qr img {max-width: 100%;} .do-box-item.qr p{padding-top: 10px;text-align: center;font-size: 14px;} .do-box-item.pre{text-align: left;} .wxpc{display: block;} .wxphone{display: none;} .phone.do-kf-phoneRight .do-box-item,.mobile .do-kf-phoneRight .do-box-item{width: 46px;height: 46px;line-height: 46px;text-align: center;} /*返回顶部*/ .do-gotop{display: none; position: fixed;cursor: pointer; z-index: 901; bottom:20px;right: 10px;width:34px;height: 34px;line-height: 34px;text-align: center;background-color: #888} .do-gotop i{color: #fff; /*transform:rotate(-45deg);*/ /*-ms-transform:rotate(-45deg);*/ /*-moz-transform:rotate(-45deg);*/ /*-webkit-transform:rotate(-45deg);*/ display: inline-block; position: relative; /*bottom: -3px;*/ } /*alert*/ .sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.6);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10009}.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;text-align:center;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:1.6em}.sweet-alert fieldset{border:none;position:relative}.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding .15s,max-height .15s;transition:padding .15s,max-height .15s}.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding .2s,max-height .2s;transition:padding .25s,max-height .25s}.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:3px}.sweet-alert .sa-error-container p{display:inline-block}.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);padding:0 12px;display:none;-webkit-transition:all .3s;transition:all .3s}.sweet-alert input:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert input:focus::-moz-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input:focus:-ms-input-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input:focus::-webkit-input-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input::-moz-placeholder{color:#bdbdbd}.sweet-alert input:-ms-input-placeholder{color:#bdbdbd}.sweet-alert input::-webkit-input-placeholder{color:#bdbdbd}.sweet-alert.show-input input{display:block}.sweet-alert .sa-confirm-button-container{display:inline-block;position:relative}.sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:4px;opacity:0;visibility:hidden}.sweet-alert button{background-color:#8CD4F5;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0 5px;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#7ecff4}.sweet-alert button:active{background-color:#5dc2f1}.sweet-alert button.cancel{background-color:#C1C1C1}.sweet-alert button.cancel:hover{background-color:#b9b9b9}.sweet-alert button.cancel:active{background-color:#a8a8a8}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button[disabled]{opacity:.6;cursor:default}.sweet-alert button.confirm[disabled]{color:transparent}.sweet-alert button.confirm[disabled]~.la-ball-fall{opacity:1;visibility:visible;transition-delay:0s}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{transform:scale(.7);-webkit-transform:scale(.7);width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';-webkit-border-radius:40px;border-radius:40px;border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@-webkit-keyframes slideFromTop{0%{top:0}100%{top:50%}}@keyframes slideFromTop{0%{top:0}100%{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}100%{top:0}}@keyframes slideToTop{0%{top:50%}100%{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}100%{top:70%}}@keyframes slideToBottom{0%{top:50%}100%{top:70%}}.showSweetAlert[data-animation=pop]{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.showSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideFromTop .3s;animation:slideFromTop .3s}.showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideFromBottom .3s;animation:slideFromBottom .3s}.hideSweetAlert[data-animation=pop]{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideToTop .4s;animation:slideToTop .4s}.hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideToBottom .3s;animation:slideToBottom .3s}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-ms-transform:rotate(45deg) \9}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-ms-transform:rotate(-45deg) \9}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{-ms-transform:rotate(45deg) \9}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{-ms-transform:rotate(-45deg) \9}/*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ /*caiyichen:*/ .layui-layer{border-radius: 8px!important;-moz-border-radius: 5px;-webkit-border-radius: 5px; } .do-sweet-alert{display: block;width:100%;position:absolute;left:0;top:45px;top:85px\9;margin:0;} .sweet-alert .do-icon{display:block;display:none\9;} .sweet-alert .do-iconIE{display:none;display:block\9;text-align:center;}/*IE9及其以下显示*/ .do-iconIE-content{display: inline-block;} .sweet-alert h2,.sweet-alert p{font-weight:400;font-family:"Microsoft YaHei";} .sweet-alert h2{margin:20px 0} /*caiyichen end!*/ .sweet-alert.blank-space{width: 760px;height: auto;padding:0px!important;min-height: 460px;margin-left:-380px;overflow:visible;} .sweet-alert.blank-space>h2,.sweet-alert.blank-space .sa-button-container{display: none;} .sweet-alert.blank-space iframe{display: block;} .sweet-alert.blank-space .icon-close{cursor: pointer; position: absolute;left: 100%;top: 0;width: 40px;height: 40px;line-height: 40px;text-align:center;color: #fff;font-size:30px;background-color: #ff4444} .sweet-alert.blank-space .icon-close:hover{opacity: .8} .sweet-alert.blank-space .do-video{padding-top:60%;position: relative;} .sweet-alert.blank-space .do-video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%} /*背景色块*/ [class*=do-bg-]{color: #fff} .do-bg-white,.do-pagination.do-bg-white ul > .active > a{background-color: #fff!important;color:#fff!important;} .do-bg-black,.do-pagination.do-bg-black ul > .active > a {background-color: #000!important;} .do-bg-black1,.do-pagination.do-bg-black1 ul > .active > a{background-color: #222!important;} .do-bg-black2,.do-pagination.do-bg-black2 ul > .active > a{background-color: #444!important;} .do-bg-black3,.do-pagination.do-bg-black3 ul > .active > a{background-color: #666!important;} .do-bg-black4,.do-pagination.do-bg-black4 ul > .active > a{background-color: #888!important;color:#444} .do-bg-black5,.do-pagination.do-bg-black5 ul > .active > a{background-color: #bfbfbf!important;color:#444} .do-bg-black6,.do-pagination.do-bg-black6 ul > .active > a{background-color: #d9d9d9!important;color:#444} .do-bg-black7,.do-pagination.do-bg-black7 ul > .active > a{background-color: #f2f2f2!important;color:#444} .do-bg-black8,.do-pagination.do-bg-black8 ul > .active > a{background-color: #000!important;} .do-bg-blue,.do-pagination.do-bg-blue ul > .active > a{background-color: #1e4b7f!important;} .do-bg-blue1,.do-pagination.do-bg-blue1 ul > .active > a{background-color: #0072c2!important;} .do-bg-blue2,.do-pagination.do-bg-blue2 ul > .active > a{background-color: #4e83bf!important;} .do-bg-blue3,.do-pagination.do-bg-blue3 ul > .active > a{background-color: #00b1f2!important;} .do-bg-blue4,.do-pagination.do-bg-blue4 ul > .active > a{background-color: #4bacc7!important;} .do-bg-green,.do-pagination.do-bg-green ul > .active > a{background-color: #13ae47!important;} .do-bg-green1,.do-pagination.do-bg-green1 ul > .active > a{background-color: #94cf43!important;} .do-bg-green2,.do-pagination.do-bg-green2 ul > .active > a{background-color: #9cba51!important;} .do-bg-green3,.do-pagination.do-bg-green3 ul > .active > a{background-color: #46b830!important;} .do-bg-green4,.do-pagination.do-bg-green4 ul > .active > a{background-color: #69ca72!important;} .do-bg-red,.do-pagination.do-bg-red ul > .active > a{background-color: #bf0303!important;} .do-bg-red1,.do-pagination.do-bg-red1 ul > .active > a{background-color: #f34949!important;} .do-bg-red2,.do-pagination.do-bg-red2 ul > .active > a{background-color: #d44545!important;} .do-bg-red3,.do-pagination.do-bg-red3 ul > .active > a{background-color: #c0514e!important;} .do-bg-red4,.do-pagination.do-bg-red4 ul > .active > a{background-color: #ff8383!important;} .do-bg-purple,.do-pagination.do-bg-purple ul > .active > a{background-color: #723cbc!important;} .do-bg-purple1,.do-pagination.do-bg-purple1 ul > .active > a{background-color: #9b46e4!important;} .do-bg-purple2,.do-pagination.do-bg-purple2 ul > .active > a{background-color: #5f4a7c!important;} .do-bg-purple3,.do-pagination.do-bg-purple3 ul > .active > a{background-color: #7f66a4!important;} .do-bg-purple4,.do-pagination.do-bg-purple4 ul > .active > a{background-color: #9c7cca!important;} .do-bg-pink4,.do-pagination.do-bg-pink4 ul > .active > a{background-color: #e92dde!important;} .do-bg-yellow,.do-pagination.do-bg-yellow ul > .active > a{background-color: #e36c00!important;} .do-bg-yellow1,.do-pagination.do-bg-yellow1 ul > .active > a{background-color: #e3921f!important;} .do-bg-yellow2,.do-pagination.do-bg-yellow2 ul > .active > a{background-color: #ffa200!important;} .do-bg-yellow3,.do-pagination.do-bg-yellow3 ul > .active > a{background-color: #ff9000!important;} .do-bg-yellow4,.do-pagination.do-bg-yellow3 ul > .active > a{background-color: #ffbf00!important;} .hollow{background-color: transparent!important;border: 2px solid #ccc;color: inherit} .hollow.do-bg-white{border-color: #fff!important;color: #fff!important} .hollow.do-bg-black {border-color: #000!important;} .hollow.do-bg-black1{border-color: #222!important;} .hollow.do-bg-black2{border-color: #444!important;} .hollow.do-bg-black3{border-color: #666!important;} .hollow.do-bg-black4{border-color: #888!important} .hollow.do-bg-black5{border-color: #bfbfbf!important} .hollow.do-bg-black6{border-color: #d9d9d9!important} .hollow.do-bg-black7{border-color: #f2f2f2!important} .hollow.do-bg-black8{border-color: #000!important;} .hollow.do-bg-blue{border-color: #1e4b7f!important;color: #1e4b7f} .hollow.do-bg-blue1{border-color: #0072c2!important;color: #0072c2} .hollow.do-bg-blue2{border-color: #4e83bf!important;color: #4e83bf} .hollow.do-bg-blue3{border-color: #00b1f2!important;color: #00b1f2} .hollow.do-bg-blue4{border-color: #4bacc7!important;color: #4bacc7} .hollow.do-bg-green{border-color: #13ae47!important;color: #13ae47} .hollow.do-bg-green1{border-color: #94cf43!important;color: #94cf43} .hollow.do-bg-green2{border-color: #9cba51!important;color: #9cba51} .hollow.do-bg-green3{border-color: #46b830!important;color: #46b830} .hollow.do-bg-green4{border-color: #69ca72!important;color: #69ca72} .hollow.do-bg-red{border-color: #bf0303!important;color: #bf0303} .hollow.do-bg-red1{border-color: #f34949!important;color: #f34949} .hollow.do-bg-red2{border-color: #d44545!important;color: #d44545} .hollow.do-bg-red3{border-color: #c0514e!important;color: #c0514e} .hollow.do-bg-red4{border-color: #ff8383!important;color: #ff8383} .hollow.do-bg-purple{border-color: #723cbc!important;color: #723cbc} .hollow.do-bg-purple1{border-color: #9b46e4!important;color: #9b46e4} .hollow.do-bg-purple2{border-color: #5f4a7c!important;color: #5f4a7c} .hollow.do-bg-purple3{border-color: #7f66a4!important;color: #7f66a4} .hollow.do-bg-purple4{border-color: #9c7cca!important;color: #9c7cca} .hollow.do-bg-pink4{border-color: #e92dde!important;color: #e92dde} .hollow.do-bg-yellow{border-color: #e36c00!important;color: #e36c00} .hollow.do-bg-yellow1{border-color: #e3921f!important;color: #e3921f} .hollow.do-bg-yellow2{border-color: #ffa200!important;color: #ffa200} .hollow.do-bg-yellow3{border-color: #ff9000!important;color: #ff9000} .hollow.do-bg-yellow4{border-color: #ffbf00!important;color: #ffbf00} .do-text-color[class*=do-bg-]{background-color:transparent!important;} .do-text-color.do-bg-black {color: #000} .do-text-color.do-bg-black1{color: #222} .do-text-color.do-bg-black2{color: #444} .do-text-color.do-bg-black3{color: #666} .do-text-color.do-bg-black4{color: #888} .do-text-color.do-bg-black5{color: #bfbfbf} .do-text-color.do-bg-black6{color: #d9d9d9} .do-text-color.do-bg-black7{color: #f2f2f2} .do-text-color.do-bg-black8{color: #000} .do-text-color.do-bg-blue{color: #1e4b7f} .do-text-color.do-bg-blue1{color: #0072c2} .do-text-color.do-bg-blue2{color: #4e83bf} .do-text-color.do-bg-blue3{color: #00b1f2} .do-text-color.do-bg-blue4{color: #4bacc7} .do-text-color.do-bg-green{color: #13ae47} .do-text-color.do-bg-green1{color: #94cf43} .do-text-color.do-bg-green2{color: #9cba51} .do-text-color.do-bg-green3{color: #46b830} .do-text-color.do-bg-green4{color: #69ca72} .do-text-color.do-bg-red{color: #bf0303} .do-text-color.do-bg-red1{color: #f34949} .do-text-color.do-bg-red2{color: #d44545} .do-text-color.do-bg-red3{color: #c0514e} .do-text-color.do-bg-red4{color: #ff8383} .do-text-color.do-bg-purple{color: #723cbc} .do-text-color.do-bg-purple1{color: #9b46e4} .do-text-color.do-bg-purple2{color: #5f4a7c} .do-text-color.do-bg-purple3{color: #7f66a4} .do-text-color.do-bg-purple4{color: #9c7cca} .do-text-color.do-bg-pink4{color: #e92dde} .do-text-color.do-bg-yellow{color: #e36c00} .do-text-color.do-bg-yellow1{color: #e3921f} .do-text-color.do-bg-yellow2{color: #ffa200} .do-text-color.do-bg-yellow3{color: #ff9000} .do-text-color.do-bg-yellow4{color: #ffbf00} .radius-xs{border-radius:5px;} .radius-lg{border-radius:100px;} .breadcrumb { padding: 8px 0; list-style: none;margin: 0 } .breadcrumb > li { display: inline-block;font-size: 14px } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > li:last-child,.breadcrumb > li:last-child > a { color: #777; } .do-productContent .do-element-crumb,.do-article .do-element-crumb{margin-bottom:20px;border-bottom: 1px solid #eee } /*分页*/ .do-pagination{line-height: 100%;background-color: transparent!important;margin-bottom: 12px;} .do-pagination-ul{margin: 0} .do-pagination-ul a{border: none!important;} /*.do-element-media .do-pagination{margin-top: 50px}*/ /*文章*/ .do-article{border-right:1px solid #eee;padding-right:35px } .do-article-title h1{color: #333} .do-article-title .do-bar{padding: 15px 0;margin-bottom: 20px} .do-article-content p{font-size: 15px;line-height: 1.8} .scrollLoading{background: url("img/loading.gif") no-repeat 50% 50%;} .loadingEnd{background:transparent;} .gt_holder.gt_popup .gt_mask{z-index: 1005} /*默认面板*/ .in-panel:before { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); } .in-panel > .do-panelcol{padding: 12px} /*解决 */ .o-mask{ -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } .fr-view img{cursor:initial!important;} /* 在线表单 */ .do-forms label,.do-forms .do-checkbox .title{color: inherit;} .do-element-media-li .do-title{z-index: 3;} .form-captcha{display: none!important;} .gt_holder.popup .gt_mask,.gt_holder.popup{z-index: 999999} .do-forms-label-hide .do-form-group > label:nth-child(1){display: none;} /*不自适应时有效start*/ /*对齐:*/ /*.do-element-forms >div{text-align: left}*/ .do-noAdaptive > .align-left{text-align: left} .do-noAdaptive > .align-center{text-align: center} .do-noAdaptive > .align-right{text-align: right} /*产品*/ .do-productContent{padding: 30px 0} .do-product-slide{float: left;width:520px;margin-right:50px} .do-product-slideCon{position: relative} .do-productCurimg{height: 360px;overflow: hidden;margin-bottom: 20px} .do-productCurimg img{max-height: 100%;max-width: 100%} .do-product-slideThumbs ul{padding: 0;margin:0} .do-product-slideThumbs li{height: 60px;background-repeat: no-repeat;background-position:50% 50%;background-size: cover;} .do-product-info{overflow: hidden;*float: left;zoom:1;} .do-product-info > *{margin:0;padding: 16px 0} .do-product-info > *:first-child{padding-top:0;} .do-product-info > *:last-child{padding-bottom:0} .do-product-info .title-item h1{line-height: 1.4;} .title-item{border-bottom: 1px solid #eee;} .des-item{line-height: 1.8} .price-item strong{font-size: 22px;color: #ff720b} .profile-item dl{line-height: 32px;} .profile-item dl dt{float: left;min-width: 100px;} .profile-item dl dd{overflow: hidden;} .profile-item .item{display: inline-block;border:2px solid #eee;padding: 7px 12px;margin-right:10px;line-height: 100%;margin-top: 10px} .profile-item .item:last-child{margin: 0} .profile-shopbtn{padding-top:30px;border-top: 1px solid #eee;} .profile-shopbtn .shopbtn{margin-right: 14px; display: inline-block; border-radius:4px;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f25053), to(#e03336));padding: 10px 24px;color: #fff;font-size: 16px;font-weight: bold;} .profile-shopbtn .shopbtn:last-child{margin-right: 0} .do-productContent .do-product-detail{margin-top:60px;padding-top:60px;border-top: 1px solid #eee;line-height: 1.6} .do-product-slide .swiper-slide { background-size: cover; background-position: center; } .do-product-slide .gallery-top { height: 340px; width: 100%; } .do-product-slide .gallery-thumbs { height: 120px; box-sizing: border-box; padding: 26px 0 0; } .do-product-slide .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .do-product-slide .gallery-thumbs .swiper-slide-active { opacity: 1; } /*产品内容风格*/ .do-pageStyle2 .do-product-slide{float: right;margin: 0 0 0 50px} .fullpageScrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } .fullpageScrollbar::-webkit-scrollbar { width: 2px; background-color: #F5F5F5; } .fullpageScrollbar::-webkit-scrollbar-thumb { background-color: #000000; border: 2px solid #555555; } /*lightbox*/ .do-swiperImgPreview{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999} .do-swiperImgPreview .swiper-container{position: absolute;width: 100%;height: 100%;left: 0;top: 0;text-align: center;z-index: 99} .do-swiperImgPreview .do-swiper-button-close{display:block;white-space:nowrap;position:absolute;top:0;right:0;width:30px;padding:4px 6px;background:#FF4343;z-index:99999999999;text-align:center;cursor:pointer} .do-swiperImgPreview .do-swiper-button-close .icon-close{font-size:22px;color:#fff} .do-swiperImgPreview .swiper-slide img{max-width:100%;max-height:100vh} .do-element-code{min-height: initial!important;} /*ie8动画去掉*/ .lt-ie9 .wow{visibility: visible!important;} .lt-ie9 .swiper-container .do-element-media-ul, .lt-ie9 .swiper-container .do-element-media-li{height: auto!important;padding: 0!important} .lt-ie9 .swiper-container.sm ul li>*{padding:8px;} .lt-ie9 .swiper-container.md ul li>*{padding:12px;} .lt-ie9 .swiper-container.lg ul li>*{padding:16px;} .lt-ie9 .do-online-service .do-box{border:solid 1px #ccc} .lt-ie9 .do-online-service .do-box-con { background: transparent!important; color: inherit; } /*panel-concise*/ .panel-concise{-webkit-box-shadow:none;box-shadow:none} .panel-concise .panel-heading{padding: 10px 0;font-size: 15px;color: #000;margin-bottom: 15px;border-bottom: 1px solid #eee;} .panel-concise .panel-body{padding: 0} /*layer-btnRight*/ .layer-btnRight .layui-layer-btn a{background-color: #f1f1f1;color: #333;border-color: #dedede;height:auto;line-height:1;padding:10px 18px;} .layer-btnRight .layui-layer-btn a:last-child{border-color: #4898d5;background-color: #2e8ded;color: #fff;} .layui-layer-dialog .layui-layer-content{-webkit-overflow-scrolling : touch} /*表单订单样式*/ .do-list-dl .dl-item{padding:8px 0;} .do-list-dl dt{min-width: 100px;float: left;} .do-list-dl dd{overflow:hidden;} .do-orderPaypop{padding: 20px 0;} .do-payTypeBtn > a{display: inline-block;border:2px solid #eee;padding: 10px;height: 60px;width: 140px;} .do-payTypeBtn > a.cur{border-color:#17abe3} .do-payTypeBtn > a img{max-width:100%;max-height: 100%;} .form-product:hover{background-color: rgba(237,237,237,.3);} .form-product{padding: 10px;width: 100%} .form-product .media-img .img{padding-top:62%;position: relative;} .form-product .media-img .img img{max-width: none;max-height: none} .form-product .tip{position: absolute;bottom: 0;left: 0;right: 0;line-height: 1;padding:10px 0;text-align: center;background-color: rgba(0,0,0,.6);color: #fff} .form-product .media-img .imgcon{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;} .form-product .media-body{display: block;width: auto;} .form-product .media-body .title{font-size: 18px;color: inherit;line-height: 1.2;font-weight: bold;} .form-product .media-body .title .sub{font-size: 13px;color: #999} .form-product .form-control{width: 46px!important;padding: 0;min-width: auto;text-align: center;} .do-product-box.list .media-img{float: left;width:36%;max-width: 240px;margin-right:18px;position: relative;} .do-product-box.list .media-body{overflow: hidden;} .do-product-box.grid .form-product{display: inline-block; width: 50%;vertical-align: top;} .do-product-box.grid .media-img{margin-bottom: 12px} /* @media screen and (min-width:1000px){ .do-swiperImgPreview .swiper-slide img{max-width:700px} } @media screen and (min-width:1300px){ .do-swiperImgPreview .swiper-slide img{max-width:800px} } */ .do-swiperImgPreview .swiper-slide{background:rgba(1,1,1,.9)} .do-swiperImgPreview .swiper-pagination-bullet{background:#fff} .do-swiperImgPreview .swiper-pagination-bullet-active{background:#FFF} .do-swiperImgPreview .do-swiperImgPreview .swiper-pagination-bullet{width:10px;height:10px} @media only screen and (min-width: 640px){ /*大小:*/ .do-noAdaptive .sm{width:300px} .do-noAdaptive .md{width:400px} .do-noAdaptive .lg{width:500px} .do-noAdaptive .do-noAdapt-content{display:inline-block;text-align: initial} .do-element-forms .btn-success{width:100%;} .do-element-media .do-time-left{float: left;width: 200px;text-align: right;padding-right:2%;display: none;} .do-content-list .do-time-left > *{line-height: 100%;margin:auto;text-align: inherit;} .do-content-list .do-time-left h2{font-size: 46px;} .do-content-list .do-time-left p{margin-top: 5px;font-size: 14px;color: #999} .num1.do-time-open .do-time-left{display: block;} .num1.do-time-open .do-media-image-box{width: 22%!important} .num1.do-time-open .lg{margin:-32px} .num1.do-time-open .lg .do-element-media-li{padding:32px!important;} .do-centered .swiper-slide,.do-centered .do-element-media-li{ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; transform:scale(.8); -webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s } .do-centered .swiper-slide-active{transform:scale(1)} .do-online-service .do-box-con{background: transparent!important;color: inherit;} /*在线表单样式:2016-10-19*/ .do-element-forms .do-form-item{display: inline-table;width: 100%} .do-form-content .do-select{display: block} .do-form-content .do-checkbox, .do-form-content .do-radio, .do-element-forms .form-checkbox .do-checkbox, .do-element-forms .form-radio .do-radio{display: inline-table;} .do-element-forms .form-button{display: block} .form-button input{margin: 0!important} .do-form-content .do-radio-margin,.do-element-forms .do-radio-margin{margin:0 0 10px 0} .do-element-forms .form-select .do-form-control{height: 34px;} .do-element-forms .do-checkbox>*,.do-radio>*{vertical-align:baseline} /*一行多列时的提交按钮大小:*/ .do-element-forms .form-inline .do-form-group{display:inline-block;} .do-element-forms .form-inline .btn-success{width:auto} .do-element-forms .form-inline .form-checkbox .do-checkbox, .do-element-forms .form-inline .form-radio .do-radio{width:auto!important;margin:0 15px 10px 0!important;} .do-element-forms .form-inline .form-number .input-group{width:auto!important;} .do-element-forms .form-inline .do-select, .do-element-forms .form-inline .do-form-item-content{display: inline-block;} .do-element-forms .form-inline select.do-form-control{width:auto} .do-element-forms .form-inline.submit-btn-sm .btn-success{padding: 6px 22px} .do-element-forms .form-inline.submit-btn-md .btn-success{padding: 6px 32px} .do-element-forms .form-inline.submit-btn-lg .btn-success{padding: 6px 52px} .do-element-forms .form-inline .do-form-item{width:auto!important;} .do-element-forms .form-inline .do-listsubinput{min-width: 260px;margin-bottom: 0;} .pcWidth1>label{width:100%} .pcWidth2>label{width:50%} .pcWidth3>label{width:33%} .pcWidth4>label{width:25%} .pcWidth5>label{width:20%} .pcWidth6>label{width:16%} .pcWidth7>label{width:14%} .pcWidth8>label{width:12%} .pcWidth9>label{width:11%} .pcWidth10>label{width:10%} } @media only screen and (min-width: 1500px){ .do-area-full .do-element-slide-toys{margin: 0 120px;} } @media only screen and (max-width: 800px){ #do-m-menustate ~ .do-nav-m.open{background-color: rgba(0,0,0,.8)} /*默认*/ .m-user-nav .do-nav-m-ul > li > a,.m-user-nav .do-nav-m-ul > li > ul{border-bottom: 1px solid rgba(255,255,255,.5);} .m-user-nav .do-nav-m-ul > li > a,.m-user-nav .icon-isSub:before{color: rgba(255,255,255,.9);} /*白色*/ .do-bg-white-pn .do-m-menustate-span:before,.do-bg-white-pn .do-m-menustate-span:after{background-color: rgba(255,255,255,.5);} .do-bg-white-pn .do-nav-m-ul > li > a,.do-bg-white-pn .icon-isSub:before{color:#999;} #do-m-menustate ~ .do-nav-m.do-bg-white-pn {background-color: rgba(255,255,255,.9)!important;} #do-m-menustate:checked ~ .do-nav-m.do-bg-white-pn{background: #fff!important;} .do-bg-white-pn .do-m-menustate-span:before,.do-bg-white-pn .do-m-menustate-span:after{background-color: #666;} .do-bg-white-pn .do-nav-m-ul > li > a,.do-bg-white-pn .do-nav-m-ul > li > ul{border-bottom: 1px solid #eee;} /*蓝色*/ #do-m-menustate:checked ~ .do-nav-m.do-bg-blue-pn,#do-m-menustate ~ .do-nav-m.do-bg-blue-pn{background: #1e4b7f!important;} #do-m-menustate ~ .do-bg-blue-pn.open {background-color: rgba(30,75,127,.9)!important;} /*橘黄*/ #do-m-menustate:checked ~ .do-nav-m.do-bg-yellow3-pn,#do-m-menustate ~ .do-nav-m.do-bg-yellow3-pn{background: #ff9000!important;} #do-m-menustate ~ .do-bg-yellow3-pn.open {background-color: rgba(255,144,0,.9)!important;} /*红色*/ #do-m-menustate:checked ~ .do-nav-m.do-bg-red-pn,#do-m-menustate ~ .do-nav-m.do-bg-red-pn{background: #bf0303!important;} #do-m-menustate ~ .do-nav-m.do-bg-red-pn.open {background-color: rgba(191,3,3,.9)!important;} /*列表优化*/ /*.do-element-media-ul.do-content-grid .do-element-media-li{width: 33.3333333%} .do-element-media-ul.do-content-list .do-element-media-li{width: 50%}*/ /*.do-title-body .title *{font-size: 16px} .do-title-body .des *{font-size: 14px} 王俊让去掉限制*/ .do-html-content>*{margin: 4px 0} .do-content-list .do-media-image-box{margin-right: 12px!important} /*手机处理新幻灯片*/ .do-element-slide.do-slide-height{padding-top:initial!important; height: 80vh;min-height: 400px!important;} #fullpage .do-element-slide.do-slide-height{height:100vh;} /*.do-element-slide.do-slide-height .do-element-swiper-content{position:relative;}*/ .do-slide-mediabox{float:none!important;overflow: hidden;margin-bottom:10px} .do-slide-text *,.do-slide-btn-box{text-align: center!important;} .do-slide-text h1 span{font-size:24px!important} .do-slide-text p{margin-top:10px } .do-slide-text p span{font-size:15px!important} .defaultSize .do-slide-mediabox,.imageSm .do-slide-mediabox,.imageMd .do-slide-mediabox,.imageLg .do-slide-mediabox{width: 100%;padding:0 40px} .do-slide-btn-box{padding-top:15px} .do-slide-btn .do-btn{padding: 10px 25px} .do-article-content img{height:auto !important} } .do-box-item.tel a .icon-phone, .do-box-item.sms,.do-box-item em,.phoneOff{display: none;} [class*=do-element-].phone{display: none;} html.ios .do-area{background-attachment:initial!important;} @media only screen and (max-width: 640px){ .do-element-forms .do-checkbox{display: inline-block!important;} .do-element-forms .do-radio-margin { margin: 0 0 10px 0; } .phoneWidth1>label{width:100%} .phoneWidth2>label{width:50%} .phoneWidth3>label{width:33%} .phoneWidth4>label{width:25%} /*手机下在线表单宽度*/ .do-element-forms .do-form-group{ width:100%!important} .do-element-forms .do-form-item-content{display: block;} .do-element-forms .do-form-item{ padding-right: 0!important} .do-element-forms .forms_number input.product{width: 100%!important;} [class*=do-element-].phone{display:block;} [class*=do-element-].pc,.phoneHide{display: none!important;} .fr-video iframe{width: 100%!important;height:260px!important} /*.do-slide{margin: 0 -15px}*/ .do-article{padding: 0;border:none;} .do-element-space{position: relative;min-height:10px} /*.do-content-list .do-media-image-box{float: none!important;width: 100%!important;margin-bottom: 15px}*/ .do-element-button-content .do-btn.lg{padding: 18px 30px} .do-element-button-content .do-btn.sm{padding: 10px 30px} .do-element-button-content .do-btn.xs{padding: 8px 30px} .do-element-button-content .align-right,.do-element-button-content .align-left{text-align:center;} /*.do-element-swiper{min-height:460px!important}*/ .swiper-container img{max-width: auto!important;} .swiper-button-prev,.swiper-button-next{display: none!important;} .do-list .swiper-button-prev,.do-list .swiper-button-next{display:block!important;} /*在线客服*/ .do-online-service{z-index: 999} .do-online-service .do-box{position: fixed;top: 0;left: 0;right: 0;bottom:0;border-radius:0;width: auto} .do-online-service .do-box-con{overflow:auto;height: calc(100% - 38px);-webkit-overflow-scrolling:touch} .wxpc{display: none;} .wxphone{display: block;} /*视频*/ .sweet-alert.blank-space{width:inherit;margin-left: inherit;min-height:160px;margin-top: -25%!important } /*图文列表*/ .swiper-container-horizontal .do-element-media-ul,.swiper-container-horizontal .swiper-wrapper{width:30000px!important} .swiper-container-horizontal.swiper-container-cube .swiper-wrapper { width: 100%!important; } .do-element-slide-toys{margin: 0 20px} .sweet-alert.blank-space .icon-close{left: auto; right:-8px;top:-12px;font-size: 22px;height: 30px;width: 30px;border-radius: 100%;line-height: 30px;z-index: 9} /*移动字体大小优化*/ h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;margin: 0;line-height:1.6em} h1{font-size:24px} h2{font-size:24px} h3{font-size:20px} h4{font-size:18px} h5{font-size:16px} h6{font-size:14px} /*在手机下,只处理文本编辑器字体大小*/ span[style*="font-size: 12px"]{font-size: 10px!important} span[style*="font-size: 14px"]{font-size: 12px!important} span[style*="font-size: 16px"]{font-size: 14px!important} span[style*="font-size: 18px"]{font-size: 16px!important} span[style*="font-size: 20px"], span[style*="font-size: 22px"]{font-size: 18px!important} span[style*="font-size: 24px"]{font-size: 20px!important} span[style*="font-size: 26px"]{font-size: 22px!important} span[style*="font-size: 28px"]{font-size: 24px!important} span[style*="font-size: 30px"], span[style*="font-size: 34px"], span[style*="font-size: 36px"], span[style*="font-size: 48px"], span[style*="font-size: 60px"], span[style*="font-size: 72px"], span[style*="font-size: 96px"]{font-size: 26px!important} /*.do-slide-mediabox{display: none}*/ .do-element-media-content.sm{margin:-1px} .do-element-media-content.md{margin:-4px} .do-element-media-content.lg{margin:-8px} .do-element-media-content.sm ul li{padding:1px;margin-bottom: 8px} .do-element-media-content.md ul li{padding:4px;margin-bottom: 8px} .do-element-media-content.lg ul li{padding:8px;margin-bottom: 8px} /*caiyichen 手机处理表单提交弹框大小:*/ .do-sweet-alert{top:25px!important} .sweet-alert h2{font-size: 24px!important;font-weight:600;} .sweet-alert p{font-size: 18px!important} .layui-layer{width:90%!important;}/*layer大弹框*/ /*caiyichen end!*/ .do-caption .do-title{margin: 0.6em 0 0;} .do-content-list .do-title{margin:0;} .do-product-slide{width: 100%;float: none;} .gallery-thumbs,.do-element-slide-thumbs{display: none;} .profile-shopbtn{text-align: center;} .do-product-info,.do-product-detail{padding: 15px} .do-product-detail{margin-top: 20px} .title-item h1{font-size: 22px} /*图文列表*/ .do-element-media-ul.do-content-grid .do-element-media-li{width: 50%} .do-element-media-ul.do-content-list .do-element-media-li{width: 100%} .do-element-media.phoneRows1 .do-element-media-ul.do-content-grid .do-element-media-li, .do-element-list.phoneRows1 .do-element-list-item{width: 100%} .do-element-media.phoneRows2 .do-element-media-ul.do-content-grid .do-element-media-li, .do-element-list.phoneRows2 .do-element-list-item{width: 50%} .do-element-media.phoneRows3 .do-element-media-ul.do-content-grid .do-element-media-li, .do-element-list.phoneRows3 .do-element-list-item{width: 33.333333%} .do-element-media.phoneRows4 .do-element-media-ul.do-content-grid .do-element-media-li, .do-element-list.phoneRows4 .do-element-list-item{width: 25%} .do-element-media.phoneRows5 .do-element-media-ul.do-content-grid .do-element-media-li, .do-element-list.phoneRows5 .do-element-list-item{width: 20%} .do-col-12 > .do-panelcol > .do-slide{margin: 0 -15px} /*手机下客服效果*/ .do-online-service .do-box-con{background-color:#5cb85c;color: #fff;} .do-kf-phoneBottom{padding-bottom: 60px} .do-kf-phoneBottom .do-online-service,body.zhuziAd.do-kf-phoneBottom .do-online-service{left: 0;right: 0;bottom: 0;width: 100%;z-index: 990} .do-kf-icon-box .do-online-service .do-box-title,.do-kf-icon-box .do-online-service .icon-bubbles{display: none;} .do-kf-phoneBottom .do-online-service .do-box{position:relative;top:auto;-webkit-transform:translateX(0);transform:translateX(0);min-height:60px} .do-kf-phoneBottom .do-box-con{height:auto;display:-moz-box;display:-webkit-box;display:-o-box;display:box;width:100%} .do-kf-phoneBottom .do-box-item{height:60px;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;-moz-box-ordinal-group:1;-webkit-box-ordinal-group:1;box-ordinal-group:1;width:1%;padding:8px 0 0!important;-webkit-align-self:center;-ms-flex-item-align:center;text-align:center} .do-kf-icon-box .do-box-item *,.phoneOff{display:block;} .do-kf-icon-box .do-box-item span{display: none;} .do-kf-icon-box .do-box-item h6{display: none;} .do-kf-icon-box .do-box-item.tel a .icon-phone{display: inline-block;} .do-kf-icon-box .do-box-item i{font-size: 24px!important;color: #fff;height: 30px} .do-kf-icon-box .do-online-service .do-box-item a{padding: 0;background-color: transparent;} .do-kf-icon-box .do-box-item.tel{-webkit-box-ordinal-group : 1;box-ordinal-group : 1;} .do-kf-icon-box .do-box-item.sms{display:block;-webkit-box-ordinal-group : 2;box-ordinal-group : 2;} .do-box-item .wximg .do-wx-prompt{display: none} /*.do-kf-phoneBottom .do-box-item.qq{-webkit-box-ordinal-group : 3;box-ordinal-group : 3;}*/ .do-kf-icon-box .do-box-item.qr{-webkit-box-ordinal-group : 3;box-ordinal-group : 3;border-top:none;} .do-kf-icon-box .phoneNone,.do-kf-icon-box .do-box-item.mail,.do-kf-icon-box .do-box-item.qq{display: none;} .do-kf-phoneBottom .do-box-item em{display: block;font-size: 12px;color: #fff;line-height:1;font-weight: normal;font-style:normal} .do-kf-icon-box .do-popwximg{-moz-user-select:none;-webkit-user-select:none;display: block;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,.95);z-index:999;text-align: center;color: #fff} .do-kf-icon-box .do-popwximg .do-close{position: absolute;bottom: 50px;left:50%;margin-left: -18px; width: 36px;height: 36px;color: #fff;font-size: 32px;line-height: 36px} .do-area{padding:0!important} /*新闻手机二维码隐藏*/ .qrcode-box{display: none;} /*弹出框*/ .layui-layer:not(.do-video-alert){width: 100%!important;border-radius:0px!important;left: 0!important} /*caiyichen 手机下在线客服:默认风格:*/ .do-kf-phoneDefault .do-online-service .do-box-con,.do-kf-phoneDefault .do-box-item,.do-kf-phoneBottom .do-box-item{background:transparent!important;color: inherit;} /* 底部显示*/ .do-kf-icon-box .do-box-item.pre{display:none} .do-kf-phoneBottom .do-box-item.navigation{-webkit-box-ordinal-group: 5;box-ordinal-group: 5} .do-kf-icon-box .do-online-service .weixinBtn,.do-kf-icon-box .do-online-service .mapAddress{display: block} .do-kf-icon-box .do-online-service .mapAddress{-webkit-box-ordinal-group :4;box-ordinal-group : 4;border-top:none;} /*右边显示*/ .do-kf-phoneRight .do-online-service{right:0;bottom:0;z-index:990} .do-kf-phoneRight .do-box-con{display:block;width:100%;height:auto} .do-kf-phoneRight .do-online-service .do-box{position:fixed;top:initial!important;right:5px;bottom:60px;left:initial!important;width:auto;min-height:60px;border-radius:0;box-shadow:initial;-webkit-transform:translateX(0);transform:translateX(0)} .do-kf-phoneRight .do-box-item em{display:none} .do-kf-phoneRight .do-box-item{margin-bottom:1px;padding:10px!important;margin: 6px 0; -moz-box-ordinal-group:1;-webkit-box-ordinal-group:1;box-ordinal-group:1} .do-kf-phoneRight .do-box-con{padding:0} .do-kf-phoneRight .do-box,.do-kf-phoneRight .do-box-con{background:0 0!important} .do-kf-phoneRight .do-box-item i{height:initial} } .do-online-service .weixinBtn,.do-online-service .mapAddress{display: none} /*caiyichen 2016-8-10 社区分享:*/ .bd_weixin_popup{height:290px!important;} .bd_weixin_popup .bd_weixin_popup_main{padding: 10px!important}.bd_weixin_popup .bd_weixin_popup_foot{line-height: 1.4!important} .do-element-sns-content,.do-element-sns-ul{display: block} .do-element-share-content .do-share-li{display:inline-block;height: auto;float: none;background:none;padding: 0;margin:0 0 12px 0} .do-element-share-content .do-share-icon,.do-element-sns-content .do-share-icon{padding:6px;display: inline-block;} .do-element-share-content .do-share-li > *,.do-element-sns-content .do-sns-li > *{vertical-align: middle;} .do-share-title{padding-left:8px} .do-element-share-content .do-share-li > *{position: relative;z-index: -1;pointer-events: none;} /*默认背景:*/ .do-icon-default-bg .do-share-icon{color: white;} .do-icon-default-bg .icon-qq{background-color: #5ac7f9;} .do-icon-default-bg .icon-weixin{background-color: #49d5b2;} .do-icon-default-bg .icon-weibo{background-color: #ff5549;} .do-icon-default-bg .icon-kongjian{background-color: #f6b434;} .do-icon-default-bg .icon-facebook{background-color:#3b5999} .do-icon-default-bg .icon-twitter{background-color:#1cb2e8} .do-icon-default-bg .icon-huaban{background-color:#ee4c59} .do-icon-default-bg .icon-email{background-color:#69c127} .do-icon-default-bg .icon-phone{background-color:#F1B109} .do-icon-default-bg .icon-fax{background-color:#1658E4} .do-icon-default-bg .icon-kongjian{background-color: #fecc31} .do-icon-default-bg .icon-skype{background-color: #1cb0ee} .do-icon-default-bg .icon-whatsapp{background-color: #66c731} /*默认前景:*/ .do-icon-default-fore .do-share-icon{border:1px solid transparent} .do-icon-default-fore .icon-qq{border-color: #5ac7f9;color:#5ac7f9;} .do-icon-default-fore .icon-weixin{border-color: #49d5b2;color:#49d5b2;} .do-icon-default-fore .icon-weibo{border-color: #ff5549;color:#ff5549;} .do-icon-default-fore .icon-kongjian{border-color: #f6b434;color: #f6b434;} .do-icon-default-fore .icon-facebook{border-color: #3b5999;color: #3b5999;} .do-icon-default-fore .icon-twitter{border-color: #1cb2e8;color: #1cb2e8;} .do-icon-default-fore .icon-huaban{border-color:#f8b5ba;color:#ee4c59;} .do-icon-default-fore .icon-email{border-color:#69c127;color:#69c127;} .do-icon-default-fore .icon-phone{border-color:#F1B109;color:#F1B109;} .do-icon-default-fore .icon-fax{border-color:#1658E4;color:#1658E4;} .do-icon-default-fore .icon-kongjian{border-color:#fecc31;color:#fecc31;} .do-icon-default-fore .icon-skype{border-color: #1cb0ee;color:#1cb0ee;} .do-icon-default-fore .icon-whatsapp{border-color: #66c731;color:#66c731;} /*默认:*/ .do-icon-default .icon-qq{color:#5ac7f9;} .do-icon-default .icon-weixin{color:#49d5b2;} .do-icon-default .icon-weibo{color:#ff5549;} .do-icon-default .icon-kongjian{color: #f6b434;} .do-icon-default .icon-facebook{color: #3b5999;} .do-icon-default .icon-twitter{color: #1cb2e8;} .do-icon-default .icon-huaban{color:#ee4c59;} .do-icon-default .icon-email{color:#69c127;} .do-icon-default .icon-phone{color:#F1B109;} .do-icon-default .icon-fax{color:#fecc31;} .do-icon-default .icon-skype{color: #1cb0ee} .do-icon-default .icon-whatsapp{color: #66c731} /*背景:*/ .do-element-share-content .do-icon-bg .do-share-icon, .do-element-sns-content .do-icon-bg .do-share-icon{ color:white;background-color: darkgray} /*前景:*/ .do-element-share-content .do-icon-fore .do-share-icon, .do-element-sns-content .do-icon-fore .do-share-icon{ border: 1px solid darkgray;color:darkgray} /*图标:*/ .do-element-share-content .do-icon .do-share-icon, .do-element-sns-content .do-icon .do-share-icon {color:darkgray;} /*删除老样式:*/ .do-element-sns.round-solid li a{border-radius:0;border-width:0} /*caiyichen 图文列表 批量设置,区 块,text样式设置*/ .do-content-grid .do-element-media-conter, .do-content-grid .do-media-image-box, .do-content-list .do-media-image-box, .do-element-image .do-element-image-content{overflow: hidden} /*按钮组:2016-10-26*/ .do-element-buttons{min-height:50px!important;position: relative;white-space: nowrap;} .do-element-buttons ul{padding-left: 0} .do-element-buttons ul li{display:inline-block;padding: 5px;position: relative;} .do-element-buttons ul li:hover .do-cog,.do-element-buttons ul li:hover .do-del{display: block} .do-element-buttons .fr-view img.fr-dib {display: inline-block;vertical-align: middle;} .do-element-buttons .fr-wrapper .fr-placeholder{display: none} .do-element-buttons .do-cog,.do-element-buttons .do-del{padding: 4px 7px!important;font-size: 13px;} .do-element-buttons .do-cog{right: 48px!important;} .do-element-buttons .do-del{right: 5px!important;} .do-element-buttons .do-element-button-content .do-btn img{max-width: 30px;max-height: 30px;} .do-imgList .do-title .des{color:#888}/*tabText 头部切换特效 */ /* Default tab style */ /*标签居上do-lable-row时:*/ .do-tabtext-nav .do-lable-row .do-display{display:inline-block} .do-tabtext-nav .do-lable-row.do-lable-row-left{text-align: left} .do-tabtext-nav .do-lable-row.do-lable-row-middle{text-align: center} .do-tabtext-nav .do-lable-row>ul>li {top:0} /*.do-textTab{border:0}*/ /*!*标签居左do-lable-column时:*!*/ .do-nav-float{width: 150px;float:left;position: relative;} .do-nav-float + div.do-element-tabtext-content{padding-left: 165px; /*overflow-y:auto;*/ } .do-tabtext-nav .do-lable-column .do-display{text-align: center;} .do-tabtext-nav .do-lable-column>ul>li{display: block;} .do-tabtext-nav .do-lable-column .do-addTab-Btn ul li{width:100%} .do-lableStyle-col2>ul>li.cur{border-left:5px solid gray} /*列1样式:*/ .do-tabtext-nav .do-lableStyle-col1>ul>li.cur,.do-tabtext-nav .do-lableStyle-col1>ul>li.cur .do-padding{background-color: transparent!important;-webkit-transition:all .2s linear;transition:all .2s linear;} .do-lableStyle-col1>ul>li{border: 1px solid #E4E4E4;border-top-width: 0} .do-lableStyle-col1>ul>li:first-child{border-top-width: 1px} .do-lableStyle1>ul>li,.do-lableStyle3>ul>li,.do-lableStyle4>ul>li,.do-lableStyle-col1>ul>li, .do-lableStyle-col2>ul>li,.do-lableStyle-col3>ul>li{transition:all 0.2s linear;} /*tab头部小图片:*/ .do-textTab .do-tabtext-nav .des > * {display: inline-block;vertical-align: middle;color: inherit;} .do-tabText-headImg .do-checkbox {display: inline;} .do-tabText-headImg >span{float:right;margin-right: 10px;} /*标签大小:*/ .do-lableSize-big>ul>li .do-padding{padding: 12px 20px;!important} .do-lableSize-mid>ul>li .do-padding{padding: 10px 16px;!important} .do-lableSize-small>ul>li .do-padding{padding: 8px 15px;!important} /*标签上的图片大小:*/ .do-lableImgSize-big .des img{max-width: 22px;!important} .do-lableImgSize-mid .des img{max-width: 20px;!important} .do-lableImgSize-small .des img{max-width: 17px;!important} .do-textTab-edit .do-color-group{right: 10px;} .do-textTab .do-tabtext-nav ul li{padding:0} .do-textTab-edit .do-form-group{font-size: 13px;color: #666;} .do-textTab-edit .do-form-group>span{cursor: pointer;font-size: 12px;color: #ADA5A5;} .do-textTab-edit .do-system-colorStyle{margin-bottom: 0;} .do-textTab-edit .do-system-colorStyle .do-form-size li > div{border:0;display:inline-block;width: 50px;padding-top: 0;} .do-textTab-edit .do-system-colorStyle .do-form-size li > div p{width:45px;height:25px;} .do-textTab-edit .do-system-colorStyle .do-form-size li .cur p{border:1px solid black} .do-textTab-edit .do-tabTextPrompt>p{color:#B9252B;font-size: 12px;margin-bottom: 15px;} .do-textTab-edit .do-group-width select{min-width:auto!important;} .do-textTab-edit .do-popover-content{padding:9px 10px;} .do-textTab-edit .do-tabTextPrompt{padding:0 18px;} .do-textTab-edit .do-group-width{width: 47%;display: inline-block;margin:0 0 7px 5px;} .do-textTab-edit .do-group-width:nth-child(1),.do-textTab-edit .do-group-width:nth-child(3){margin-left: 0} .do-textTab-edit .do-openSelf-bottom,.do-textTab-edit .do-openSelf-bottom label{margin-bottom:3px} .do-textTab-edit .do-form-size li p{margin-top: 0;} .do-textTab .do-tabtext-nav {background-color:transparent!important;} .do-textTab-edit .do-clear-style{float:right;cursor: pointer;} .do-textTab-edit .do-system-colorStyle ul li>div{position: relative;} .do-textTab-edit .do-selected-box{position: absolute;top:3px;left:15px;color: white;font-size: 18px;} /* 有外边距,实心方块 */ /*****************************/ /*.tabs-style-bar{background-color:rgba(40,44,42,.05)}*/ .tabs-style-bar ul{border:4px solid transparent} .tabs-style-bar ul li{margin:0 2px;background-color:#f7f7f7;color:#74777b;text-transform:uppercase;letter-spacing:1px;font-weight:500;font-size:1em;transition:background-color .2s linear,color .2s linear} /*****************************/ /* 下划线下划线伸缩特效 */ /*****************************/ .do-tabtext-nav .do-lableStyle4 ul li.cur{background-color:transparent!important} .do-lableStyle4{-webkit-transition:color .3s cubic-bezier(.7,0,.3,1);transition:color .3s cubic-bezier(.7,0,.3,1)} .do-lableStyle4 li::before{position:absolute;bottom:0;left:33%;width:35%;height:1px;background-color:#bcb8b8;content:'';opacity:0;-webkit-transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1)} .do-lableStyle4 ul li.cur::before{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} .do-lableStyle4 ul li.cur .des{-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0)} .do-lableStyle4 .des{-webkit-transition:color .3s,-webkit-transform .3s;transition:color .3s,transform .3s} /*****************************/ /* Circle 圆角,边框放大特效*/ /*****************************/ .do-tabtext-nav .do-lableStyle2 ul li.cur{background-color:transparent!important} .do-lableStyle2 ul li::before{position:absolute;left:0;width:100%;height:100%;border:1px solid #bcb8b8;border-radius:30px;content:'';opacity:0;-webkit-transition:-webkit-transform .2s,opacity .2s;transition:transform .2s,opacity .2s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1);-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1)} .do-lableStyle2 ul li.cur::before{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} .do-lableStyle2 ul .des{overflow:visible;-webkit-transition:color .3s cubic-bezier(.7,0,.3,1);transition:color .3s cubic-bezier(.7,0,.3,1)} .do-lableStyle2 ul .des{display:inline-block} .do-lableStyle2 img::before,.do-lableStyle2 ul .des{-webkit-transition:-webkit-transform .3s cubic-bezier(.7,0,.3,1);transition:transform .3s cubic-bezier(.7,0,.3,1)} .do-lableStyle2 ul li.cur .des{-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0)} .do-lableStyle2 .icon::before{display:block;margin:0;pointer-events:none} .do-lableStyle2 ul li.cur .des img::before{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)} .do-tabtext-nav .do-lableStyle2 li.cur .do-padding{background-color:transparent!important;} /*****************************/ /* Line Box 上滑特效*/ /*****************************/ .tabs-style-linebox ul li{-webkit-flex:none;flex:none;color:rgba(105, 202, 114, 0.8);-webkit-transition:color .3s;transition:color .3s;vertical-align: middle;} .tabs-style-linebox ul li:hover{color:rgb(105, 202, 114)} .tabs-style-linebox ul li .do-padding{position:relative;overflow:hidden} .tabs-style-linebox ul li .do-padding::after{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;content:'';-webkit-transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,transform .3s;-webkit-transition-timing-function:ease,cubic-bezier(.7,0,.3,1);transition-timing-function:ease,cubic-bezier(.7,0,.3,1);-webkit-transform:translate3d(0,100%,0) translate3d(0,-3px,0);transform:translate3d(0,100%,0) translate3d(0,-3px,0)} .tabs-style-linebox ul li.cur .do-padding::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .tabs-style-linebox ul li:hover .do-padding::after{background-color:rgb(105, 202, 114)} .tabs-style-linebox ul li.cur{color:#fff;background-color:rgb(105, 202, 114);-webkit-transition:background-color 1s,-webkit-transform 1s} .do-lableStyle-col2 ul li{border:0} .do-lableStyle-col2 ul li.cur{border-left:3px solid gray;-webkit-transition:border-left .1s linear} /*标签间距:*/ .do-lableMargin-big>ul>li {margin-right: 30px;!important;} .do-lableMargin-mid>ul>li{margin-right: 20px;!important;} .do-lableMargin-small>ul>li{margin-right: 10px!important;} .do-lableMargin-null>ul>li{margin-right: 0;!important;} /*标签在边框样式为“有边框”下的间距(单独设置):*/ .do-lableStyle3.do-lableMargin-big>ul>li, .do-lableStyle3.do-lableMargin-mid>ul>li, .do-lableStyle3.do-lableMargin-small>ul>li, .do-lableStyle3.do-lableMargin-null>ul>li{border:1px solid gray} /*间距:无:*/ .do-lableStyle3.do-lableMargin-null>ul>li:not(:first-child){border-left-width:0;margin-left:0;!important;} .do-textTab .do-tabText-border{border: 1px solid #EFE7E7;}/*整个tabText的边框色*/ @media only screen and (max-width: 640px){ .do-nav-float{width:inherit;float:none;} .do-nav-float + div.do-element-tabtext-content{margin-left:0; /*overflow-y:auto;*/ } .do-tabtext-nav .do-lable-column>ul>li{display: inline-block;} .do-lableStyle-col2 ul li.cur{border-left:none;border-bottom: 3px solid gray} .do-element-tabtext-content {padding-left: 0!important;} .do-lableStyle-col1>ul>li {border-top-width: 1px;} .do-element-tabtext-content {padding-top: 12px!important;} } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}