/* V2.10_20161123 */ @import url(../../share.css?v=1.59); .clearfix{*zoom:1} .clearfix:before,.clearfix:after{display:table;line-height:0;content:""} .clearfix:after{clear:both} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{margin:0;padding:0} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block;*display:inline;*zoom:1;vertical-align:baseline} audio:not([controls]){display:none;height:0}[hidden],template{display:none} html{font-family:sans-serif;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} a{background-color:transparent;text-decoration:none;} a:active,a:hover{outline:0;text-decoration:none;} a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} abbr,acronym{border:0;font-variant:normal} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500} del{text-decoration:line-through} dfn{font-style:italic} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500} mark{background:#ff0;color:#000} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em} img{height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic} hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} iframe{display:block} pre{overflow:auto} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} button,input,optgroup,select,textarea{margin:0;font-size:100%;color:inherit;vertical-align:middle} button,input{*overflow:visible;line-height:normal} button,select{text-transform:none} button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer} input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield} input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none} textarea{overflow:auto;vertical-align:top} @media print{*,*:before,*:after{color:#000 !important;text-shadow:none !important;background:transparent !important;-webkit-box-shadow:none !important;box-shadow:none !important} a,a:visited{text-decoration:underline} a[href]:after{content:" (" attr(href) ")"} abbr[title]:after{content:" (" attr(title) ")"} pre,blockquote{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} tr,img{page-break-inside:avoid} img{max-width:100% !important} p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid} } body{margin:0;line-height:20px;background-color:#fff;color:#333;font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Tahoma,Arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} input,button,select,textarea{line-height:inherit;font-family:inherit;font-size:inherit} a{color:#08c;text-decoration:none} a:hover,a:focus{color:#005580;text-decoration:underline} a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} figure{margin:0} img{vertical-align:middle} .row{*zoom:1} .row:before,.row:after{display:table;line-height:0;content:""} .row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px} .boxDiv{ width: 1280px; margin: 0 auto; } .shareDiv{display:inline;float:left;width:100%;min-height:1px;} .boxDiv{margin-right:auto;margin-left:auto;*zoom:1} .boxDiv:before,.boxDiv:after{display:table;line-height:0;content:""} .boxDiv:after{clear:both} p{margin:0 0 10px} .fade{opacity:0;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear} .fade.in{opacity:1} .collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease} .collapse.in{height:auto} .close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)} .close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none} .btn{display:inline-block;*display:inline;padding:4px 12px;margin-bottom:0;*margin-left:.3em;font-size:14px;line-height:20px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;*background-color:#e6e6e6;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;*border:0;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);*zoom:1;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)} .btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333;background-color:#e6e6e6;*background-color:#d9d9d9} .btn:active,.btn.active{background-color:#ccc \9} .btn:first-child{*margin-left:0} .btn:hover,.btn:focus{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear} .btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)} .btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none} .alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .alert,.alert h4{color:#c09853} .hide{display:none} .show{display:block} .newBtn1{display: inline-block;background: #fff;border: 1px solid #eeeeee;border-radius: 3px;text-align: center;line-height: 30px; margin:30px 5px 0 0;padding: 2px 35px;cursor: pointer;} .newBtn1.blue {background: #00a2ca;color: #FFF; border:1px solid #0090b4;} .newBtn1.green {background: #00ca02;color: #FFF; border:1px solid #00b403;} .newBtn1.red {background: #ca2700;color: #FFF; border:1px solid #b42400;} .newBtn1 { padding:3px; } .donghua{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .donghua.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .donghua.hinge{-webkit-animation-duration:2s;animation-duration:2s} .donghua.bounceIn,.donghua.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s} .donghua.flipOutX,.donghua.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-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%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-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%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}} .flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} .pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} .rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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 swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}} .swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,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) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}} .wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%{-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(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}@keyframes jello{11.1%{-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(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}} .jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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)}100%{-webkit-transform:none;transform:none}} .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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)}100%{-webkit-transform:none;transform:none}} .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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)}100%{-webkit-transform:none;transform:none}} .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}} .fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}} .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{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) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-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) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}} .donghua.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-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) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-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) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,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) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,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);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-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);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-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}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-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%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}} .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}} .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}} .rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}} .rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}} .rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}} .rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}} .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}} .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}} .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}} .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,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}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,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}100%{-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) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}} .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}} .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,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)}100%{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)}100%{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)}100%{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)}100%{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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{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(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,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}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{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:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{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:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{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:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}} .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.lead{margin:0;padding:0;color:inherit;font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Tahoma,Arial,Verdana,sans-serif,"WenQuanYi Micro Hei",\5B8B\4F53}form{margin:0;padding:0}ol,ul{margin:0;padding:0;list-style:none}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{margin-bottom:0}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{outline:0;outline:0 none\9}a{color:#333;text-decoration:none;outline:0}a:hover{color:#0083ce;text-decoration:underline}a:active,a:focus,a img{outline:0}::-moz-selection{background:#39f;color:#fff;text-shadow:none}::selection{background:#39f;color:#fff;text-shadow:none} .boxDiv{padding-right:0;padding-left:0} .fn-cb:after,.fn-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."} .fn-cb,.fn-cbli li{zoom:1} .fn-ib{display:inline-block;*display:inline;*zoom:1} .fn-dn{display:none} .fn-db{display:block} .fn-fl{float:left} .fn-fr{float:right} .fn-pr{position:relative} .fn-prz{position:relative;zoom:1} .fn-oh{overflow:hidden} .fn-ff0{font-family:Arial,\5b8b\4f53,sans-serif} .fn-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,Arial,\5b8b\4f53,sans-serif} .fn-ff2{font-family:\5b8b\4f53,Arial,sans-serif} .fn-fs12{font-size:12px} .fn-fs14{font-size:14px} .fn-fs16{font-size:16px} .fn-fs18{font-size:18px} .fn-fs24{font-size:24px} .fn-fs30{font-size:30px} .fn-fs36{font-size:36px} .fn-fwn{font-weight:normal} .fn-fwb{font-weight:bold} .fn-tal{text-align:left} .fn-tac{text-align:center} .fn-tar{text-align:right} .fn-taj{text-align:justify;text-justify:inter-ideograph} .fn-vam,.fn-vama *{vertical-align:middle} .fn-wsn{word-wrap:normal;white-space:nowrap} .fn-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all} .fn-wwb{white-space:normal;word-wrap:break-word;word-break:break-all} .fn-ti{overflow:hidden;text-indent:-30000px} .fn-ti2{text-indent:2em} .fn-lhn{line-height:normal} .fn-tdu,.fn-tdu:hover{text-decoration:underline} .fn-tdn,.fn-tdn:hover{text-decoration:none} .fn-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis} .fn-csp{cursor:pointer} .fn-csd{cursor:default} .fn-csh{cursor:help} .fn-csm{cursor:move} .fn-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none} .fn-clear{display:block;visibility:hidden;overflow:hidden;clear:both;width:0;height:0;line-height:0;font-size:0} .clearFix:after{display:block;visibility:hidden;content:"\0020";clear:both;height:0;font-size:0} * html .clearFix{zoom:1}*+html .clearFix{zoom:1} .transition{-moz-transition:all .5s linear;-webkit-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;overflow:hidden} .fontTrans{-webkit-transition:all .25s linear .01s;-moz-transition:all .25s linear .01s;-ms-transition:all .25s linear .01s;-o-transition:all .25s linear .01s;transition:all .25s linear .01s} .topBarArea{width:100%;height:auto;background:#fff} .topBarArea:after{display:block;visibility:hidden;clear:both;content:".";height:0} .topBarArea *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .topBarArea .fleft{display:inline;float:left} .topBarArea .fright{display:inline;float:right} .topBarArea .topBarBox{width:100%;background:#333} .topBarArea .topBarRow{margin:0 auto;width:1280px;height:40px;line-height:40px;background:#333;color:#fff;font-size:12px;text-align:left} .topBarArea .topBarRow a{color:#eee;text-decoration:none} .topBarArea .topBarRow a:hover{color:#7ed1e8;text-decoration:none} .topBarArea p{margin:0;padding:0} .topBarArea .sprt{padding:0 8px;color:#fff} .topBarArea .topMenuBox,.topBarArea .topMenuBox .menu{display:inline;float:left} .topBarArea .topMenuBox{ *zoom:1; height:40px; } .topBarArea .topMenuBox .menu{position:relative;text-align:left;vertical-align:middle} .topBarArea .topMenuBox .menu .menuDiv{display:inline-block;*display:inline;*zoom:1;position:relative;z-index:1002;padding:0 10px;height:40px;line-height:40px;background:url(topMenuLine.png) no-repeat left center;font-weight:normal;text-align:center} .topBarArea .topMenuBox .menu:first-child .menuDiv{background:0 none} .topBarArea .topMenuBox .menu a{display:inline-block;zoom:1} .topMenuBox .currency{ width: 80px; } .topMenuBox .currency span{ cursor: pointer; } .topMenuBox .currency img{ margin-right: 5px; max-width: 22px; vertical-align: middle; border-radius: 5px; } .topMenuBox .currency .sub_menu{ display: none; } .topMenuBox .currency:hover .sub_menu{ display: block; background-color: #fff; z-index: 1; position: absolute; width: 160px; left: -80px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); border-radius: 6px; padding: 10px 0; } .topMenuBox .currency:hover .sub_menu li{ cursor: pointer; color: #000; padding: 8px 20px; line-height: 1; } .topMenuBox .currency:hover .sub_menu li:hover{ background-color: rgba(0, 0, 0, 0.1); } #navMenuArea{clear:both;width:100%;background:#fff;border-bottom: 1px solid #efefef;zoom:1} #navMenuArea:after{display:block;visibility:hidden;clear:both;content:".";height:0} #navMenuArea .navMenuMain{position:relative;margin:0 auto;width:1280px;height:80px;background:#fff;text-align:left} #navMenuArea .logoBox{position:absolute;top:10px;left:0;width:200px} #navMenuArea .logoBox a{display:block;width:200px;height:60px;line-height:0;background:url(logo.png) no-repeat left center;font-size:0;text-decoration:none} #navMenuBox{ float: right;;max-width:970px} .navItem,.navItem .itemLi{display:inline;float:left} .navItem{*zoom:1} .navItem .itemLi{position:relative;letter-spacing:normal;word-spacing:normal;vertical-align:middle} .navItem .itemLi h2{display:block;color:#fff;font-size:16px;font-weight:normal;cursor:pointer;overflow:hidden} .navItem .itemLi h2 a{display:block;padding:0 10px;width:fit-content;height:80px;line-height:80px;color:#333;font-weight:500;text-align:center;text-decoration:none;outline:0 none} /* .navItem .itemLi h2 a{width:76px;} 10个菜单 */ .navItem .active h2{background-color:#0078db} .navItem .nav-up-selected h2{background-color:#31CB83;} .navItem .nav-up-selected h2 a{color: #fff} .navItem:hover a {color:#fff;} .subMenuBox{position:absolute;top:120px;left:0;width:100%} .subMenuBox dl,.subMenuBox dt,.subMenuBox dd{margin:0;padding:0;font-style:normal;font-weight:normal} .subMenuBox .subMenuDiv{position:absolute;top:0;margin:0;padding:0;width:100%;background:#31CB83;-webkit-box-shadow:0 2px 2px #0071cc;-moz-box-shadow:0 2px 2px #0071cc;box-shadow:0 2px 2px #0071cc} .subMenuBox .subMenuItem{position:relative;margin:0 auto;width:1180px} .subMenuDiv .subMenuOne{margin:20px 40px 20px 240px;overflow:hidden} .subMenuDiv .subMenuOne dl{margin-top:10px;padding-top:10px;border-top:1px dashed #0083ce;overflow:hidden} .subMenuDiv .subMenuOne dl:after{display:block;visibility:hidden;clear:both;content:"\0020";height:0} .subMenuDiv .subMenuOne dl:first-child{margin-top:0;padding-top:0;border-top:0 none} .subMenuDiv .subMenuOne dt,.subMenuDiv .subMenuOne dd{display:inline-block;float:left;color:#fff;font-size:14px} .subMenuDiv .subMenuOne dt{width:100px;height:30px;line-height:30px;color:#9ad0ff;font-size:14px;font-weight:700;text-align:right} .subMenuDiv .subMenuOne dd{margin-left:20px;width:auto;line-height:30px;text-align:left} .subMenuDiv .subMenuOne .aFont{display:inline-block;*display:inline;*zoom:1;color:#ebebeb;text-decoration:none} .subMenuDiv .subMenuOne .aFont:hover{color:#f9b905;text-decoration:none} .subMenuDiv .subMenuOne .subOneList{overflow:hidden;*zoom:1;margin-left:-20px} .subMenuDiv .subMenuOne .subOneList>li{display:inline-block;float:left;margin-left:20px;line-height:30px;color:#fff;font-size:14px} .subMenuDiv.menuDz .subMenuOne dd{width:780px} #bottomArea{clear:both;width:100%;height:auto;cursor:default} #bottomArea .bottomNav{background-color:#fff; border-top: 1px solid #efefef;} #bottomArea .copyrightBox{background-color:#fff} #bottomArea .logo{text-align: center; margin-top: 40px; } .bottomNavMain{padding:40px 0 20px;width:1180px;background-color:#f9f9f9;overflow:hidden} .bottomNavMain .aFont{display:inline-block;*display:inline;*zoom:1;color:#666;text-decoration:none} .bottomNavMain .aFont:hover{text-decoration:underline} .bottomNavMain .navList{margin:0;padding:0;margin-bottom:20px;line-height:20px;color:#333;font-size:14px;text-align:center} .bottomNavMain .navList a{color:#333;text-decoration:none} .bottomNavMain .navList a:hover{color:#666;text-decoration:underline} .bottomNavMain .navList .spr{padding:0 8px;color:#ccc;font-size:12px} .bottomNavMain .subList{overflow:hidden;*zoom:1;padding-top:20px;border-top:1px solid #ddd;text-align:left} .bottomNavMain .subList>li{display:inline;float:left;margin-left:20px;width:220px} .bottomNavMain .subList>li:first-child{margin-left:0} .bottomNavMain .subList>li strong{display:inline-block;*display:inline;*zoom:1;margin-bottom:10px;line-height:30px;font-weight:700} .bottomNavMain .subList>li p{line-height:20px;color:#666;font-size:14px} .bottomNavMain .subList>li.contactBox i[class*="fa"]{margin-right:10px;color:#666;font-size:18px;font-weight:normal !important} .bottomNavMain .subList>li.contactBox em{font-style:normal;font-family:Arial,Helvetica,sans-serif} .bottomNavMain .linkBox{margin-top:20px;padding-top:20px;border-top:1px solid #ddd} .bottomNavMain .linkBox strong{display:inline-block;*display:inline;*zoom:1;float:left;width:110px;height:30px;line-height:30px;color:#333;font-weight:700;text-align:left} .bottomNavMain .linkBox strong i[class*="fa"]{margin-right:10px;font-size:18px;font-weight:normal !important} .bottomNavMain .linkBox p{display:inline;float:left;width:1070px;line-height:30px} .bottomNavMain .linkBox p a{margin-right:20px} .copyrightMain{padding:10px 0 20px;line-height:24px;color:#000;font-size:14px;text-align:center} .copyrightMain a{display:inline-block;color:#ccc;text-decoration:none} .copyrightMain a:hover{color:#f9b905;text-decoration:underline} .searchBox { float:right; margin-bottom:10px; } .searchBox .searchInput { border:1px #e6e6e6 solid; background:#f6f6f6; width:223px; height:26px; line-height:26px; padding:0 5px; } .searchBox .searchBtn { width:60px; height:26px; background:#0068c1; color:#fff; } .bannerArea{position:relative;width:100%;overflow:hidden} .bannerArea dd,.bannerArea dl,.bannerArea dt,.bannerArea ol,.bannerArea ul{margin:0;padding:0} .sliderBox .hd{position:absolute;bottom:20px;z-index:1;width:100%!important;height:14px;overflow:hidden} .sliderBox .hd ul{overflow:hidden;zoom:1;margin-left:-10px;text-align:center} .sliderBox .hd ul>li{display:inline-block;margin:0 0 0 10px;width:14px;height:14px;background:#000;filter:alpha(opacity=40);opacity:.4;cursor:pointer} .sliderBox .bd li,.sliderBox .bd ul{width:100%!important} .sliderBox .hd ul>li.on{background:#026fcc} .sliderBox .bd{position:relative;z-index:0} .sliderBox .bd li{position:relative;zoom:1;height:350px;vertical-align:middle} .sliderBox .bd li .contDiv{position:relative;height:350px;color:#333;font-size:14px;overflow:hidden} .sliderBox .bd li .contDiv dd{display:none;position:absolute} .sliderBox .next,.sliderBox .prev{display:none;position:absolute;top:50%;left:3%;margin-top:-30px;width:30px;height:60px;line-height:60px;background:#000;filter:alpha(opacity=40);opacity:.4;color:#fff;font-size:18px;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .sliderBox .next{right:3%;left:auto} .sliderBox .next:hover,.sliderBox .prev:hover{filter:alpha(opacity=60);opacity:.6} .sliderBox .nextStop,.sliderBox .prevStop{display:none} .modeArea .titleBox:after{display:block} .boxArea{position:relative;width:100%;height:auto} #newsArea .newsDiv{top:0;width:100%;position:absolute;left:0;z-index:1;height:80px;line-height:0;font-size:0} #domainArea{background-color:#fff} #proArea{background-color:#fff;} #proArea>.proBox {position:relative;z-index:2;background:#fff;} #proArea:before { position:absolute; width:100%; height:70%; background:#31cb83; left:0px; bottom:0px; content:" "; z-index:0; } #newsArea{background-color:#fff} #newsArea .newsDiv{background-color:#f9f9f9} .modeArea{padding:40px 0;text-align:left} .modeArea .titleBox{position:relative;height:40px;vertical-align:middle} .modeArea .titleBox:after{visibility:hidden;clear:both;content:"\0020";height:0} .modeArea .titleBox h2{display:inline-block;float:left;line-height:40px;color:#333;font-size:14px;font-weight:400;cursor:default} .modeArea .titleBox h2 em,.modeArea .titleBox h2 span{display:inline-block;margin:0;padding:0;font-style:normal} .modeArea .titleBox h2 span{font-size:24px;font-weight:500;letter-spacing:5px;padding: 0 15px;} .modeArea .titleBox h2 em{margin-left:14px;color:grey;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:500} .modeArea .titleBox .moreBtn{position:absolute;top:0;right:20px;width:auto} .domainSearch{padding:40px 0 20px 0;text-align:left} .domainSearch hgroup{margin-bottom:20px; border-left:1px solid #ddd; overflow:hidden} .domainSearch hgroup a{border:1px solid #ddd; width:195px; height:53px; display:block; text-align:center; line-height:53px; overflow:hidden; float:left; margin-left:-1px; background:#eeeeee; color:#333333} .domainSearch hgroup a:hover , .domainSearch hgroup a.active{background:#0492e8; color:#FFF; text-decoration:none; border:1px solid #0492e8} .domainSearch .searchForm{position:relative;z-index:20;width:1178px;height:66px} .domainSearch .searchForm .s>li{display:inline-block;float:left;vertical-align:middle} .domainSearch .searchForm .s>li.searInput{height:64px;border:1px solid #dcdcdc;border-right:0 none;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px} .domainSearch .searchForm .s>li.drop{height:64px;border:1px solid #dcdcdc} .domainSearch .searchForm .s>li.domainBtnBox{border:0;height:66px} .domainSearch .searchForm .domainInput{padding:10px;width:730px;height:44px;line-height:44px;border:0;background-color:#fff;color:#333;font-size:14px;box-shadow:none;transition:none;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px} .domainSearch .searchForm .subBtn{width:280px;height:66px;line-height:66px;border:none;background:#026fcc;color:#fff;font-size:18px;font-weight:500;cursor:pointer;transition:all .3s linear 0s;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0} .domainSearch .searchForm .subBtn:hover{background:#0492e8} .domainSearch .searchForm .defaultKey{position:absolute;top:10px;left:20px;line-height:44px;color:#999;font-size:14px;cursor:text} .domainSearch .domainOption{position:relative;width:144px;text-align:left} .domainSearch .domainOption .defSel{display:block;position:relative;padding:0 24px 0 14px;width:106px;height:64px;line-height:64px;background:#f5f5f5;color:#666;font-size:18px;font-weight:700;text-align:center;cursor:pointer;overflow:hidden} .domainSearch .domainOption .defSel i.fa{position:absolute;top:24px;right:14px;left:auto;color:#999;font-size:18px;font-weight:400!important;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease} .domainSearch .domainOption dl{display:none;position:absolute;top:64px;left:0;margin:0;padding:1px 1px 0;width:142px;background:#dcdcdc;text-align:center;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px} .domainSearch .domainOption dd{margin:0;padding:0 10px;background:#fff;line-height:40px;border-bottom:1px solid #ddd;color:#666;font-size:16px;text-align:left;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .domainSearch .domainOption dd.current{background-color:#eee;color:#c00} .domainSelBox{overflow:hidden;margin-top:20px;} .domainSelBox p{margin-left:-20px;} .domainSelBox p label{width:100px; margin-left:20px; font-size:18px;float:left; margin-bottom:20px; display:block;} .domainSelBox p div{float:left; margin-right:10px} .domainSelBox p .all{font-size:14px} /* 域名产品 */ .domainProArea{ background-color:#fff;margin:0 auto; } .hostList .productTitle,.webBox .productTitle{ font-size: 24px; line-height: 50px; font-weight: 500; } .hostList .productIntro,.webBox .productIntro{ max-width: 480px; font-size: 16px; line-height: 2; margin-bottom: 30px; } .hostList .productIntro_1,.webBox .productIntro_1{ font-size: 16px; line-height: 2; margin-bottom: 30px; } .hostList .productIntro_1 h3,.webBox .productIntro_1 h3{ font-weight: bold; padding: 20px 0 10px; } .domainProBox{ padding:0 0 20px 0; background-color:#fff; text-align:left; } .domainProList{ position:relative; overflow:hidden; } .domainProList .proTab{ margin:0; padding:0; width:100%; color:#333; font-family:Arial,\5b8b\4f53,sans-serif; font-size:14px; table-layout:fixed; } .domainProList .proTab .w0{ width:40px; } .domainProList .proTab .w1{ width:200px; } .domainProList .proTab .w2{ width:155px; } .domainProList .proTab .tabTd{ padding:5px 10px; height:40px; line-height:40px; border-left:1px solid #dcdcdc; background:#0492e8; color:#fff; font-size:14px; font-weight:normal; text-align:center; vertical-align:middle; cursor:default; } .domainProList .proTab .tabTd:first-child{ border-left:0 none; } .domainProList .proTab .tabTd strong, .domainProList .proTab .tabTd span{ display:block; line-height:20px; } .domainProList .proTab .tabTd strong{ color:#fff; font-size:14px; font-weight:700; } .domainProList .proTab .tabTd span{ color:#eee; font-size:12px; font-weight:normal; } .domainProList .proTab .tabCont{ padding:10px 10px; line-height:20px; border:#dcdcdc solid; border-width:0px 0px 1px 1px; background-color:#fcfcfc; color:#4b4b4b; font-size:14px; vertical-align:middle; } .domainProList .proTab .tabCont:first-child{ border-left:0 none; } .domainProList .proTab div[class*="con-"]{ padding-right:5px; padding-left:5px; } .domainProList .proTab div[class*="con-"] span{ display:inline-block; line-height:20px; text-align:left; vertical-align:middle; } .domainProList .proTab .tabCont .nameTd{ margin-left:5px; width:80px; } .domainProList .proTab .tabCont .nameTd a{ color:#333; font-size:16px; font-weight:700; text-decoration:underline; } .domainProList .proTab .tabCont .nameTd a:hover{ color:#0083ce; text-decoration:none; } .domainProList .proTab .tabCont .descTd{ margin-left:5px; width:220px; color:#999; } .domainProList .proTab .tabCont .price{ position:relative; color:#333; font:normal 14px "Hiragino Sans GB","Microsoft Yahei"; } .domain_service{ display: flex; flex-wrap: wrap; } .domain_service .item{ width: calc(50% - 60px); padding: 15px; background-color: #e0fff1; margin: 15px; border-radius: 15px; } .domain_service .item .img{ float: left; border-radius: 50%; padding: 29px; background-color: #42B681; text-align: center; width: 64px; height: 64px; margin-right: 20px; } .domain_service .item img{ width: 100%; filter: invert(100%); } .domain_service .item h3{ font-size: 18px; font-weight: 500; } .domain_service .item p{ } /* 域名结果页 */ .domainCheckArea{margin-top:20px; overflow:hidden; min-width:1180px; margin-bottom:20px} .domainCheckArea a{ text-decoration:none;} .domainCheckArea .ce {color: #ff0305 ; font-weight:600; padding-right:10px} .domainCheckArea .tx { margin-top:1px;} .domainCheckArea .tt { padding:0 10px;} .domainCheckArea .te{text-align:center;} .domainCheckArea h3 {color: #00a2ca; padding:10px 0;font-size:16px;} .domainCheckArea h5{padding:10px;border-bottom: 1px solid #cfcfcf;background: #f3f3f3; font-weight:600;} .domainCheckArea .bd {margin-left:16px;border: 1px solid #cfcfcf;min-height:300px;} .domainCheckList {width:798px;} .domainCheckList .list {padding: 20px;color: #333;} .domainCheckList .list .rs {border-bottom: 1px dashed #eee;} .domainCheckList .list .item {line-height: 25px;padding:10px 5px;overflow:hidden} .domainCheckList .list .w-fl {float: left !important;display: inline;width:400px;word-break:break-all;} .domainCheckList .list .w-fl .ok{color: #390;} .domainCheckList .list .w-fl .failure{color:#989898;} .domainCheckList .list .w-fr {float: right !important;display: inline;} .domainCheckList .list .w-fr .tip{color:#acacac; font-size:12px; padding-right:10px} .domainCheckList .list .w-fr .tip a{color:#06c; font-weight:bold; font-size:12px} .domainCheckList .list a{margin-left:5px;} .domainCheckList .list .btn { display: inline-block;height:20px; line-height: 20px;width:75px;text-align: center;border-radius: 3px;color: #00a2ca; border: 1px solid #00a2ca; background:#FFF;border-radius:3px;} .domainCheckList .list .btn-add:hover {background: #00a2ca;color: #fff;border-color: #00a2ca;border-radius:3px;} .domainCheckList .list .btn-disabled{background:#f8f8f8; color:#00a2ca} .domainCheckNews {border: 1px solid #cfcfcf;padding-bottom:10px; margin-bottom:20px; background:#FFF;width:360px;} .domainCheckNews ul li{height: 35px;line-height: 35px;overflow: hidden; border-bottom: 1px dashed #a1a1a1;white-space: nowrap;text-overflow:ellipsis; padding-right:10px;} .domainCheckNews ul li:last-child{border-bottom:none} /* whois查询 */ .whois{margin:25px 0; overflow:hidden; min-width:1180px;} .whois .tt{color: #FF6633;} .whoisTitle{height: 56px;border-bottom: solid 1px #e5e5e5;} .whoisTitle h1 {float: left; display: inline;height: 25px; margin-top: 18px; border-left: solid 3px #00a2ca;padding-left: 10px;font-size: 28px;line-height: 22px;color: #00a2ca;} .whoisCont{margin-top: 15px;border: 1px solid #E6E6E6;padding: 20px;} .whoisCont a{text-decoration:none;} .whoisCont .whoisRef strong{font-weight: 700; color: #555;font-size:16px;} .whoisCont .whoisRef .input { width: 350px; height: 28px;line-height: 20px;padding: 4px 10px;border: 1px solid #c2c2c2; margin-right: 10px;} .whoisCont .whoisRef .subBtn {width: 65px;height: 36px;text-align: center;cursor: pointer;line-height: 28px;color: #FFF;border: none; background:#F90; border-radius:2px;font-size:16px; } .whoisCont .whoisInfo{padding-top:35px;} .whoisCont .whoisInfo .baseinfo{line-height:180%} .whoisCont .whoisInfo .baseinfo a{ color: #00F;} .whoisCont .whoisInfo .baseinfo a:hover{ color: #FF6633;} .whoisCont .whoisInfo .moreinfo{line-height:180%} /* 域名扩展名选择 */ .icheckbox_blue,.iradio_blue{display:inline-block;vertical-align:middle;margin:0;padding:0;width:22px;height:22px;background:url(blue.png) no-repeat;border:none;cursor:pointer} .icheckbox_blue{background-position:0 0} .icheckbox_blue.hover{background-position:-24px 0} .icheckbox_blue.checked{background-position:-48px 0} .icheckbox_blue.disabled{background-position:-72px 0;cursor:default} .icheckbox_blue.checked.disabled{background-position:-96px 0} .iradio_blue{background-position:-120px 0} .iradio_blue.hover{background-position:-144px 0} .iradio_blue.checked{background-position:-168px 0} .iradio_blue.disabled{background-position:-192px 0;cursor:default} .iradio_blue.checked.disabled{background-position:-216px 0} @media (-o-min-device-pixel-ratio:5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi),(min-resolution:1.25dppx){.icheckbox_blue,.iradio_blue{background-image:url(blue2x.png);-webkit-background-size:240px 24px;background-size:240px 24px}} /* 域名注册 */ .domainOrderTop{background:#fafafa;border-bottom:1px solid #eeeeee;overflow: hidden;} .domainTpl {margin:15px 0; color:#4c4c4c; font-size:16px;} .domainTpl input, .domainTpl a {display: inline-block;background: #fff;border: 1px solid #eeeeee;border-radius: 3px;text-align: center;line-height: 30px; margin-right:5px;padding: 2px 15px;cursor: pointer;} .domainTpl .active {background: #00a2ca;color: #FFF; border:1px solid #0090b4;} .domainTpl .tplItem { font-size:20px;padding-top:20px; } .domainOrder {padding:0 25px; margin-bottom:30px;} .domainOrder .titleBox {height: 50px; line-height:50px;border-bottom: 1px solid #0068c1; margin:0; margin-top:30px; font-size:20px; color:#4c4c4c; } .domainOrder .res {color: #F73500;font-size: 16px;padding: 0px 10px;} .domainOrder .btnBox { text-align:center; } .domainOrder .btnBox input{display: inline-block;background: #fff;border: 1px solid #eeeeee;border-radius: 3px;text-align: center;line-height: 30px; margin:30px 5px 0 0;padding: 2px 35px;cursor: pointer;} .domainOrder .btnBox .active {background: #00a2ca;color: #FFF; border:1px solid #0090b4;} .domainOrder .domTplTitle {background: #fafafa; border:1px solid #eee; color:#00a2ca;height:45px; line-height:45px; font-size:16px; font-weight:normal; overflow:hidden; padding-left:20px; margin:0; margin-top:20px;} .domainOrder .domTplTitle a{float: right;cursor: pointer;line-height: 45px;margin-right: 20px; font-size:14px; color:#00a2ca;} .domainOrder .open a{font-size:14px; color:#fff;} .domainOrder .open {background: #00a2ca !important; color:#fff !important;} .domainOrder label { display:inline-block;} .domainOrder .input {height: 35px;line-height: 35px;border: 1px solid #D1D1D1;padding: 0 10px;} .domainOrder .txtWidth{ width:380px;} .domainOrder .btn1{ width:100px;height:37px;line-height:1; } .domainOrder .payMode { font-size:18px;padding-top:25px; } .domainInfo{border:1px solid #eee; border-top:none; padding:20px 0} .domainInfo .twolie{ float:left;} .domainInfo .twolie select{ width:230px;} .domainInfo .twolie .rowTitle1{ margin-left:20px;} .domainInfo ul li{ clear:both;line-height:30px;font-size: 14px;color: #656565; } .domainInfo ul li .rowTitle { clear:both;display: inline-block;width: 200px; height: 30px;line-height:30px;text-align: right;} .domainInfo .agree {color: #666;display: block;margin: 10px 0 20px 200px;cursor: pointer;} .domainInfo .agree input {margin: 0 5px 0 0;} .domainTab { height:50px;background: #00a2ca; margin-top:20px; padding:0 30px; position:relative;} .domainTab li{ float:left;line-height:50px;color:#fff;} .td1{ width:35%;text-align:left;} .td2{ width:35%;text-align:left;} .td3{ width:30%;} .domainRow{padding:0 10px;border: 1px solid #eeeeee; overflow:hidden;} .domainRow ul{border-bottom: 1px solid #eeeeee;padding:25px 20px 10px 20px; overflow:hidden;} .domainRow ul:last-child{border-bottom:none;} .domainRow ul li{float:left; margin-top:-10px; overflow:hidden;} .domainRow ul li span{color: #FF3601;} .domainRow ul li a:hover{color: #FF3601;} .domainRow ul li a{color:#00a2ca;} .domainRow .null{ margin:10px 0; text-align:center;} .domainRow .null a{color:#00A2CA; margin-left:10px;} .domainRow .domName { font-size:16px; } .proBox{background-color:#fff} .proList{margin-top:20px;text-align:left} .proList>ul{display: flex; flex-wrap: wrap; position: relative; } .proList .proItem{display:inline;float:left;margin: 0 10px 20px 10px;padding:20px;width:calc(25% - 62px);border:1px solid #dcdcdc;background:#fff;vertical-align:middle;overflow:hidden;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .proList .proItem.hover{border-color:#0070cc;cursor:pointer} .proList .proItem .proIco{margin:10px auto;text-align:center} .proList .proItem .proIco i{display:inline-block;width:102px;height:88px;background-image:url(proIco.png);background-repeat:no-repeat} .proList .proItem .proIco .icon-1{width:88px;background-position:-10px 0} .proList .proItem .proIco .icon-2{width:76px;background-position:-118px 0} .proList .proItem .proIco .icon-3{width:89px;background-position:-214px 0} .proList .proItem .proIco .icon-4{width:72px;background-position:-323px 0} .proList .proItem .proIco .icon-5{width:85px;background-position:-10px -107px} .proList .proItem .proIco .icon-6{background-position:-115px -107px} .proList .proItem .proIco .icon-7{width:62px;background-position:-236px -107px} .proList .proItem .proIco .icon-8{width:100px;background-position:-318px -107px} .proList .proItem h3{margin-bottom:10px;padding-bottom:10px;line-height:30px;border-bottom:1px dashed #b4b4b4;color:#27303f;font-size:18px;font-weight:400;text-align:center} .proList .proItem .proNote{margin:0;padding:0;line-height:20px;color:#ababab;font-size:14px;text-align:center} .proList .proItem .proNote p{margin:0;} .proList .proItem .proPrice{margin:10px auto 0;line-height:40px;text-align:center} .proList .proItem .proPrice .price{position:relative;color:#333;font:400 30px "Hiragino Sans GB","Microsoft Yahei",Arial,sans-serif} .proList .proItem .proPrice .price .unit{font-style:normal} .proList .proItem .proPrice .text{color:#404040;font:400 16px "Hiragino Sans GB","Microsoft Yahei",Arial,sans-serif} .proList .proItem .proBtn{margin:10px 0;text-align:center;overflow:hidden} .newsMain{position:relative;top:0;left:0;z-index:2;width:100%;height:auto} .newsBox{padding:0;text-align:left} .newsBox .titleBox{height:80px;background-color:#f9f9f9;overflow:hidden} .newsBox .titleBox h2{line-height:80px;color:#333} .newsBox .titleBox .moreBtn .defBtn{margin-top:25px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .newsList{overflow:hidden;margin:40px 0 60px} .newsList dd,.newsList dl,.newsList dt{margin:0;padding:0;font-style:normal} .newsList .aiL-main{position:relative;width:1180px} .newsList .newsTabs{position:relative;height:40px;text-align:center} .newsList .newsTabs ul{overflow:hidden;margin-left:-20px} .newsList .newsTabs li{display:inline-block;position:relative;margin-left:20px;vertical-align:middle} .newsList .newsTabs li a{display:block;padding:10px 20px;height:20px;line-height:20px;background-color:#e5e5e5;color:#666;font-size:14px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .newsList .newsCont .dateBox,.newsList .newsCont .txtBox,.newsList .newsCont li{display:inline;float:left} .newsList .newsTabs li a:hover{color:#c00;text-decoration:none} .newsList .newsTabs li.on a{background-color:#31CB83;color:#fff} .newsList .newsCont{position:relative;padding:40px 0 0} .newsList .newsCont ul{overflow:hidden;margin:0 0 -40px -60px} .newsList .newsCont li{position:relative;margin:0 0 40px 60px;width:560px;overflow:hidden} .newsList .newsCont .dateBox{padding:20px;width:60px;height:60px;background:url(newsIco.png) -10px -20px no-repeat} .newsList .newsCont .dateBox span{display:block;width:60px;line-height:30px;color:#eef9ff;font-family:Arial,Helvetica,sans-serif;font-size:14px;text-align:center;overflow:hidden} .newsList .newsCont .dateBox span[data-sign=day]{font-size:30px;font-weight:700} .newsList .newsCont .dateBox span[data-sign=yyyymm]{font-size:16px;font-weight:500} .newsList .newsCont .txtBox{margin-left:20px;width:440px} .newsList .newsCont .txtBox dl{display:block;width:440px;overflow:hidden} .newsList .newsCont .txtBox dd,.newsList .newsCont .txtBox dt{display:block;text-align:left} .newsList .newsCont .txtBox dt{padding:5px 0;width:100%;line-height:30px;color:#333;font-size:16px;font-weight:700;overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis} .newsList .newsCont .txtBox dt a{color:#666;text-decoration:none;outline:0} .newsList .newsCont .txtBox dt a:hover{color:#0083ce;text-decoration:underline} .newsList .newsCont .txtBox dd{height:40px;line-height:20px;color:#999;font-size:14px;overflow:hidden} .newsList .newsCont li.hover .dateBox{background-position:-130px -20px} .newsList .newsCont li.hover .dateBox span{color:#0492e8} .newsList .newsCont li.hover .txtBox dt a{color:#0083ce;text-decoration:underline} .defBtn{display:inline-block;*display:inline;*zoom:1;*overflow:visible;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:0 12px;height:28px;line-height:28px;border:1px solid #2772ee;background-color:#2772ee;font-size:14px;text-align:center;word-spacing:normal;vertical-align:middle;cursor:pointer}button.defBtn{*height:30px;_line-height:25px} .defBtn,.defBtn:hover{color:#fff;text-decoration:none} .defBtn:hover,.defBtn:focus{border-color:#113C65;color:#fff;text-decoration:none;background:#113C65} .defBtn::-moz-focus-inner{margin:0;padding:0;border:0} .defBtn .btntxt{margin-right:3px;_vertical-align:middle} .defBtn .btnsel{display:inline-block;*display:inline;*zoom:1;width:0;height:0;border-style:solid dashed dashed;border-width:4px 4px 0;border-color:#fff transparent transparent;vertical-align:middle;overflow:hidden} .defBtn-lg{padding:0 15px;height:36px;line-height:36px;font-size:18px}button.defBtn-lg{*height:38px;_line-height:33px} .defBtn-lg .btnsel{border-width:5px 5px 0} .defBtn-sm{padding:0 10px;height:22px;line-height:22px;font-size:12px}button.defBtn-sm{*height:24px;_line-height:19px;font-size:12px} .defBtn1{border-color:#113C65;background-color:#113C65} .defBtn1:hover,.defBtn1:focus{border-color:#bb0e39;background-color:#c90f3d;border-radius:50px;} .defBtn2{border-color:#31CB83;background-color:#31CB83;border-radius:50px;} .defBtn2:hover,.defBtn2:focus{border-color:#da6f06;background-color:#e97607 !important;border-radius:50px;} .defBtn3{border-color:#31CB83;background-color:#31CB83} .defBtn3:hover,.defBtn3:focus{border-color:#3d941c;background-color:#42a11e} .defBtn4{border-color:#ccc;background:#fff} .defBtn4,.defBtn4:hover{color:#333} .defBtn4:hover,.defBtn4:focus{border-color:#cdd1d4;background:#e9e9e9} .defBtn4 .btnsel{border-top-color:#555} .defBtn4:hover .btnsel,.defBtn4:focus .btnsel{border-top-color:#000} .mainCont{position:relative;margin:0 auto;width:1180px} .sliderCont,.ld-dcont{margin:0 auto;width:1180px;text-align:left} .sliderCont:after,.ld-dcont:after{display:block;visibility:hidden;clear:both;content:"\0020";height:0;*zoom:1} /* 文章内容页 */ .category a , .category a:hover , .article_list a , .article_list a:hover{text-decoration:none} .newsArea{} .newsArea .main{background:#FFF; padding:20px 10px; min-height:300px;} .newsArea .point{ width:1110px;margin-bottom:8px; padding:0 20px; } .newsArea .newsLeftArea{width:760px; float:left; padding:0 25px} .newsArea .newsRightArea{width:300px; float:left; margin-left:20px} .listArea.newsLeftArea .font1_1, .listArea.newsLeftArea .font1_1:hover{font-size:16px;} .newsLeftArea h1{font-size:28px; color:#000; text-align:center; font-weight:normal} .newsLeftArea .showother{text-align:center; margin:20px 0; border-bottom:1px solid #d9d9d9; color:#6b6b6b; padding-bottom:20px} .newsLeftArea .showinfo{line-height:180%; font-size:16px;} .newsLeftArea .showinfo pre{overflow:visible} .newsLeftArea .showinfo a{color:#00F; font-size:16px} .newsLeftArea .showinfo img{border:1px solid #CCC;} .newsLeftArea .content_ad{text-align:center; margin-bottom:20px} .newsLeftArea .share{margin-bottom:20px; float:right} .newsLeftArea .pre_next{margin-top:20px; border-top:1px solid #d9d9d9; padding-top:20px} .newsLeftArea .pre_next ul li{height:30px; line-height:30px; overflow:hidden} .newsRightArea .subRightBox{border:1px solid #e6e6e6; border-top:2px solid #0c29d0; padding:10px 15px; margin-bottom:20px} .newsRightArea .subRightBox h3{font-size:16px; color:#0068c1; font-weight:700; margin-bottom:10px;} .newsRightArea .list i{display:inline-block; padding-right:10px;} .category{position:fixed; left:0px; top:120px;} .category a{display:block; width:38px; height:38px; background:#f35e71; color:#FFF; margin-bottom:5px; padding:10px; text-align:center} .category .a1{background:#e5b93c} .category .a2{background:#68b611} .category .a3{background:#5562ff} .category .a4{background:#c04dca} .category .a5{background:#f35e71} .category .a6{background:#66babe} .category .a7{background:#f88311} .replyBox,.markBox { width:760px; } .replyBox dt,.markBox dt { background:url(reply.gif) no-repeat;color:#0068c1; } .replyBox dd,.markBox dd { width:748px; } .newsFullBox { width:1160px; } .newsFullBox dt { width:1160px; background:url(replyFull.gif) no-repeat; } .newsFullBox dd { width:1148px; } .markFullBox li { width:350px; } /* 列表页 START */ .listBox2 ul li { padding:16px 0; } .listBox2 ul li .a .img,.listBox2 ul li .a .img img{ width:150px;height:110px; } .listBox2 ul li .b { width:585px; } .listBox2 ul li .b .addi { font-size:12px; } .listBox2 ul li .b .note { font-size:14px; } .listBox3 ul li { float:left; width:180px; text-align:center; margin:8px 5px; } .listBox3 ul li .a { width:160px;height:120px; } .listBox3 ul li .a img { width:160px; height:120px; } .listBox3 .f14.font1_1, .listBox3 .f14.font1_1:hover{font-size:14px;} .listh1{padding:30px 0; border-bottom:1px solid #d9d9d9; overflow:hidden; margin-bottom:20px} .article_list a{display:block;} .article_list ul li{padding:10px; border-bottom:1px dashed #CCCCCC; margin-bottom:10px} .article_list h4{color:#434343; margin-bottom:20px} .article_list .desc{color:#a3a3a3} .article_list .time{text-align:right; font-size:12px;} .article_list .time span{color:#f88311} .article_list ul li:hover{background:#f9f9f9} .article_list ul li:hover h4{color:#f88311;} /* 列表页 END */ /* 虚拟主机 */ .hostMenu{margin:15px 0; color:#4c4c4c; font-size:16px;text-align:center;} .hostMenu input, .hostMenu a {display: inline-block;border-radius: 3px;text-align: center;line-height: 30px; padding: 2px 15px;cursor: pointer;color: #FFF;background: #00a2ca; border:1px solid #0090b4;padding-left:20px;padding-right:20px;margin-right:15px;margin-bottom:6px;} .hostMenu .active {color: #FFF;background:#ca2700; border:1px solid #b42400;padding-left:20px;padding-right:20px;} .hostType{margin: 0px auto; overflow: hidden; background-color: #31CB83; color: #fff; } .hostTypeTitle{ line-height: 140px; overflow: hidden; max-width: 1280px; margin: 0 auto; } .hostTypeTitle h2{ font-size:30px; text-align:left; font-weight:normal; } .hostTypeLink{ font-size:14px; color:#999; line-height:40px; padding-top:6px;} .hostTypeLink a{ color:#666; margin:0 8px;} .hostList{width:1280px; margin:20px auto; overflow:hidden;} .hostListWidth{width: 100%; margin: 0 auto;} .hostList ul li{ width: calc(25% - 20px); overflow: hidden; float: left; margin: 0 9px 30px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); border-radius: 6px; min-height: 420px; } .hostListTitle{height:72px; line-height:60px; color:#000; text-align:center; font-size:22px;background: none} .hostListPrice{line-height:30px; background:#fff; color:#000;font-size:14px; overflow:hidden; text-align:center} .hostListImg{height:90px; line-height:90px; margin-top:10px; text-align:center;padding: 15px;} .hostListCont{ border-top:1px dotted #efefef; margin:0 15px; } .hostListCont p{ font-size: 14px; padding-top: 10px; color: #999; } .hostListBtn{ height:80px; line-height:80px; text-align:center; overflow:hidden} .hostListBtn a{padding:10px 30px; background:#31CB83; color:#FFF; font-size:16px;border-radius: 20px} .hostNote1{ float:left; height:100px; width:290px; overflow:hidden; margin-right:10px; font-size:16px; text-align:center;} .hostNote1 img{ vertical-align:middle;} .hostNote1 span{ vertical-align:middle; margin:0 30px 0 10px;} .hostNote2{width:1180px; margin:0px auto; margin-bottom:20px; overflow:hidden; border:1px solid #dfdfdf} .hostNote2 h5{height:34px; line-height:34px; border-bottom:1px solid #dfdfdf; background:#efefef; padding-left:10px;} .hostNote2 p{line-height:30px; padding-left:10px; color:#F00} .serverDetail{ position: relative; width: 100%; } .serverDetail .item{ width: calc(33% - 46px); position: relative; float: left; background-color:#e0fff1; margin: 9px; padding: 15px; border-radius: 15px; text-align: center; min-height: 240px; } .serverDetail .item .title{ line-height: 3; font-weight: bold; font-size: 16px; } .serverDetail .item .intro{ text-align: left; line-height: 1.5; } .serverDetail .item img{ } /* 虚拟主机 */ /* 云服务器 */ .vpsTab{ width:1180px; height:140px; margin:40px auto 0 auto;} .vpsTab li{ float:left; width:194px;line-height:50px; background:#ebebeb; text-align:center; margin:0 1px; font-size:18px;} .vpsTab li a{ display:block; height:50px; color:#757575; } .vpsTab li a.active,.vpsTab li a:hover{ display:block; color:#fff; background:url(vpsItemActive.jpg) no-repeat center 0; height:60px; text-decoration:none;} .vpsListArea{width:1150px; height:auto; padding-top:20px; margin:0 auto;} .vpsList{ width:1100px;height:auto; margin:0 auto;} .vpsList li{float:left;width:315px; padding:0 25px 25px 25px;} /* height:620px; */ .vpsItem{ background:url(vpsItemBg.jpg) repeat-y; width:314px; } /* height:585px; */ .vpsItem .money{ text-align:center; font-size:20px; color:#F00;} .vpsItem .money em{ font-size:14px; color:#555; font-style:normal;} .vpsItem .money{height:46px; border-bottom:1px dashed #dadada; padding:0px; margin:0px;} .vpsItem .btnBox{padding-top:12px; text-align:center;} .itemTop{ background:url(vpsItemTop.jpg) no-repeat; width:314px; height:83px;} .itemTop p{ float:left; width:300px; text-align:center;} .itemTop p span{ padding-left:10px;font-size:20px; color:#04669e; font-weight:bold; line-height:80px;} .itemTop p .p_01{ float:left; padding-top:15px; padding-left:30px;} .itemBottom{ background:url(vpsItemBottom.jpg) no-repeat;width:314px; height:15px;} .vpsItem dl{padding:10px;} .vpsItem dl dt{height:46px; border-bottom:1px dashed #dadada; padding:0px; margin:0px;} .vpsItem dl dt span{float:left; display:block; height:46px; line-height:46px;} .vpsItem dl dt span.i{ width:46px;background-repeat:no-repeat; background-position:center center} .vpsItem dl dt span.n{width:60px} .vpsItem dl dt span.p{width:140px; background-repeat:no-repeat; background-position:left center} .vpsItem dl dt.cpu span.i{background-image:url(vpsItem_cpu.jpg)} .vpsItem dl dt.ram span.i{background-image:url(vpsItem_ram.jpg)} .vpsItem dl dt.disk span.i{background-image:url(vpsItem_disk.jpg)} .vpsItem dl dt.bandwidth span.i{background-image:url(vpsItem_wlan.jpg)} .vpsItem dl dt.ip span.i{background-image:url(vpsItem_ip.jpg)} .vpsItem dl dt.line span.i{background-image:url(vpsItem_huodong.jpg)} .vpsItem dl dt.system span.i{background-image:url(vpsItem_system.jpg)} .vpsItem dl dt.jf{font-size:12px;} .vpsItem dl dt.jf span.i{background-image:url(vpsItem_room.jpg)} .vpsNote1{width:1000px;height:500px;padding-top:15px; background:#fff; margin:0 auto;} .vpsNote1 .title{ width:990px; height:40px; padding-left:10px;} .vpsNote1 .title h1{ color:#555; font-size:22px; font-weight:normal; line-height:35px;} .vpsNote1 .cont{} .vpsNote1 .cont .box{float:left; width:495px; height:120px; padding-top:15px;} .vpsNote1 .cont .box .leftDiv{width:95px; height:110px; padding-top:15px; float:left} .vpsNote1 .cont .box .rightDiv{width:380px; padding-left:10px; height:110px; float:left;} .vpsNote1 .cont .box .rightDiv dl dt{height:40px; line-height:40px; font-size:18px; font-weight:normal} .vpsNote1 .cont .box .rightDiv dl p{ font-size:14px;color:#666} /* 云服务器 */ /* 服务器租用 */ .servArea{ font-size:18px; color:#2d2d2d; margin:0px auto} .servArea h2{ padding-bottom:20px;height:50px; line-height:50px; text-align:center; font-size:36px; font-weight:normal; margin-top:50px;} .servArea p{ line-height:30px; font-size:22px;text-align:center;} .servTab{ width:1000px; margin:0px auto; margin-top:50px;} .servTab dl{ padding:15px 0 10px; background:#eee; overflow:hidden; margin-bottom:1px;} .servTab dt{ float:left; width:170px; font-size:16px; height:42px; line-height:42px; font-weight:bold; text-align:center;} .servTab dd{ float:left; width:800px;} .servTab a{ float:left; height:42px; text-align:center; line-height:42px; color:#2d2d2d; background:#fff; padding:0 20px; margin:0 20px 5px 0; text-decoration:none;} .servTab a:hover,.servTab a.current{ background:#fb645d; color:#fff;} .servData{ width:1000px; margin:65px auto 0px ; position:relative;} .servData .tip{ position:absolute; left:0; top:-32px; font-size:14px; color:#666;} .servData .tip span{ padding-right:20px;} .servData .tip a{ color:#fb736d; text-decoration:underline;} .servData table{ width:1000px; border:1px solid #e6e6e6; border-collapse:collapse; } .servData th,.servData td{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;} .servData th{ line-height:47px; background:#f9f9f9; font-weight:bold; text-align:center;} .servData .th1{ text-align:center; padding-left:10px;} .servData td{ padding:10px 0; font-size:12px; text-align:center;} .servData tr:hover{ background:#f9f9f9;} .servNote2{ width:1000px; padding-top:75px; background:#fafafa; margin:50px auto 0px; overflow:hidden ;color:#2d2d2d; font-size:18px; } .servNote2 h2{ padding-bottom:50px; text-align:center} .servNote2 li{ border-top:1px solid #ededed; line-height:24px;} .servNote2 .li1{ background:url(servNote1.jpg) no-repeat 65px 70px; padding:130px 0 0 627px; height:220px; border-top:0 none;} .servNote2 .li2{ background:url(servNote2.jpg) no-repeat 592px 100px; padding:137px 0 0 46px; height:220px;} .servNote2 .li3{ background:url(servNote3.jpg) no-repeat 65px 110px; padding:130px 0 0 627px; height:220px;} .servNote2 .li4{ background:url(servNote4.jpg) no-repeat 592px 140px; padding:137px 0 0 46px; height:220px;} .servNote2 .li5{ background:url(servNote5.jpg) no-repeat 65px 70px; padding:160px 0 0 627px; height:220px;} .servNote2 .li6{ background:url(servNote6.jpg) no-repeat 592px 137px; padding:137px 0 0 46px; height:220px;} .servNote2 h3{ font-size:28px; font-weight:normal;} .servNote2 p{ padding-top:20px; color:#757575;} .servNote2 span{ color:#fb645d;} .servTab1 { border-top:1px #e4dcdc solid; border-left:1px #e4dcdc solid; margin-top:6px; } .servTab1 .title { margin:12px; height:35px; text-align:left; padding-left:15px; color:#fff; font-size:16px; font-weight:bold; } .servTab1 .th { margin:12px; color:#ffffff; font-size:14px; padding:8px; height:10px; } .servTab1 .bgf1 { background:#660000; } .servTab1 .bgf2 { background:#013D4C; } .servTab1 .bgf3 { background:#003300; } .servTab1 .paddLeft { text-align:left; padding-left:20px; } .servTab1 .paddLeft2 { text-align:left; padding-left:52px; } .servTab1 td { border-right:1px #e4dcdc solid; border-bottom:1px #e4dcdc solid; padding:5px;text-align:center; height:10px; } .servTab1 .top td { background:#0099FF;color:#ffffff; font-size:18px; padding:8px; height:10px; } .servTab1 .bg1 td { font-size:14px; } .servTab1 .bg11 td { font-size:14px;color:red; } .servTab1 .bg2 td { background:#E9E9E9;font-size:14px; } .servTab1 .bg21 td { background:#E9E9E9;font-size:14px; color:red; } .servTab1 .bg3 td { background:#ffffcc;font-size:14px; } .servTab1 .bgOver td{ background:#ffffcc; } /* 服务器租用 */ /* 右侧导航菜单 */ .rMiniNavMain{position:fixed;top:0;right:-74px;z-index:99999;width:44px;height:100%;background:#133e64 url(rMiniNavBg.png) no-repeat;text-align:center} .rMiniNavMain ul{list-style:none;margin:0;padding:0;width:44px;border-bottom:1px solid #184e7e;vertical-align:middle;overflow:hidden} .rMiniNavMain ul:after{display:block;visibility:hidden;clear:both;content:"\0020";height:0} .rMiniNavMain li{position:relative;border-top:1px solid #184e7e;color:#fff;font-size:14px;vertical-align:middle} .rMiniNavMain li a,.rMiniNavMain li a span{display:block} .rMiniNavMain li a{padding:10px 0;width:44px;line-height:20px;color:#fff;font-size:12px;text-align:center;text-decoration:none;outline:0 none;overflow:hidden} .rMiniNavMain li a span{vertical-align:baseline} .rMiniNavMain li .miniNavIco i[class*="fa"]{font-size:18px;font-weight:normal !important} .rMiniNavMain p a{color:#fff;font-size:12px;text-decoration:none} .rMiniNavMain p a i[class*="fa"]{font-size:18px;font-weight:normal !important} .rMiniNavMain .vm_cart{position:absolute;bottom:220px;left:0;z-index:10;width:100%} .rMiniNavMain .vm_cart a{display:block;width:44px;height:100%;text-align:center} .rMiniNavMain .vm_cart b{display:inline-block;position:absolute;top:-147px;left:-168px;width:178px;height:197px;display:none} .rMiniNavMain .vm_qrCode{position:absolute;bottom:160px;left:0;z-index:10;width:100%} .rMiniNavMain .vm_qrCode a{display:block;width:44px;height:100%;text-align:center} .rMiniNavMain .vm_qrCode b{display:inline-block;position:absolute;top:-147px;left:-168px;width:178px;height:197px;background:url(rMiniNavSubWeixin.png) no-repeat -4px -4px;display:none} .rMiniNavMain .vm_exit{position:absolute;bottom:100px;left:0;margin-top:20px;width:100%} .rMiniNavMain .vm_exit a{display:block;padding:10px 0;width:44px;line-height:20px;text-align:center;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .rMiniNavMain .vm_exit a:hover{background:#c61412} .rMiniNavMain .vm_goTop{display:none;position:absolute;right:0;bottom:0;z-index:99999} .rMiniNavMain .vm_goTop a,.rMiniNavMain .vm_goTop a span{display:block} .rMiniNavMain .vm_goTop a{padding:10px 0;width:44px;line-height:20px;text-align:center;vertical-align:middle} .rMiniNavMain .vm_goTop a:hover{background-color:#1c588e;text-decoration:none} .rMiniNavImg{position:fixed;right:-30px;bottom:40px;z-index:99999;width:30px;height:120px;overflow:hidden} .rMiniNavImg a,.rMiniNavImg a span{display:block} .rMiniNavImg a{padding:10px 5px;width:20px;line-height:20px;background:#1c588e;color:#fff;font-size:14px;text-align:center;text-decoration:none;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px} .rMiniNavImg a i[class*="fa"]{font-size:18px;font-weight:normal !important} .rMiniNavImg a:hover{background:#c40000;color:#fff;text-decoration:none} .miniNavPop{position:fixed;top:0;right:-291px;z-index:10000;width:291px;height:100%;background:url(rMiniNavSubBg.png) repeat-y} .miniNavPop .kefuDiv{padding:20px 0 20px;margin-left:11px;width:280px;background:#e8e8e8} .miniNavPop .kefuDiv h3{margin:0;padding:0 20px;color:#333;font-size:14px;font-weight:normal;cursor:default} .miniNavPop .kefuDiv h3 span{display:block} .miniNavPop .kefuDiv h3 .kefuTitle{line-height:30px;color:#ff6800;font-size:24px;font-weight:500} .miniNavPop .kefuDiv h3 .kefuTime{line-height:20px;color:#aaa;font-size:14px;font-weight:500} .miniNavPop .kefuImg{display:inline-block;float:right;margin:0 20px 8px 0;width:22px;height:22px;background:url(rMiniNavSubImg.png) -10px -10px;text-decoration:none;cursor:pointer} .miniNavPop .kefuImg i[class*="fa"]{color:gray;font-size:24px;font-weight:normal !important} .kefuMain{position:relative;margin-left:11px;width:280px;overflow:hidden} .kefuMain h4{margin:0;padding:10px 0;line-height:20px;color:#555;font-size:16px;text-indent:20px;font-weight:normal} .kefuMain .line{margin:10px auto 10px auto;width:240px;height:1px;line-height:0;background:#e8e8e8;font-size:0} .kefuMainDiv{margin-top:10px;overflow:hidden} .kefuMainDiv li{width:100%;height:30px;line-height:30px;text-align:left} .kefuMainDiv li a{display:block;margin:0 20px;padding-left:20px;color:#555;font-size:14px;text-decoration:none} .kefuMainDiv li a i[class*="fa"]{margin-right:10px;color:#ff6800;font-size:18px;font-weight:normal} .kefuMainDiv li.on a{background:#ff6800} .kefuMainDiv li.on a,.kefuMainDiv li.on a i[class*="fa"]{color:#fff} .kefuNews{margin-bottom:10px} .kefuNews li{padding-left:20px;line-height:24px;text-align:left} .kefuNews li a{color:#666;font-size:14px;text-decoration:none} .kefuNews li a:hover{color:#ff6800;text-decoration:none} .kefuNews li i{display:inline-block;*display:inline;*zoom:1;margin:0 10px 4px 0;width:4px;height:4px;line-height:0;background-color:#c5c5c5;font-size:0;vertical-align:middle;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} .kefuPhone{position:absolute;bottom:0;left:11px;padding:20px 0;width:280px;background:#e8e8e8} .kefuPhone .p1{padding-left:30px;margin:0 0 10px 20px;line-height:24px;color:#555;font-size:24px;background:url(rMiniNavSubImg.png) no-repeat -10px -46px;cursor:default} .kefuPhone .p1 span{color:#aaa;font-size:14px} .kefuPhone .p2{padding-left:30px;line-height:30px;color:#ff7600;font-size:24px;font-style:italic;font-weight:500} /* 二维码 */ .hbg{ background:#ffffff; color:#333;} .qrCodeBox{ /* margin-left:20px; */cursor: pointer;} .qrCodeBox .pd{ display:block; width:120px; text-align:center;} .qrCodeBox .pd img{ margin-top:-1px; margin-right:5px;} .qrCodeDiv{ width:325px; height:170px; position:absolute; border:1px solid #ddd; border-top:none;box-shadow: 2px 2px 2px #EEE; background: #FFF; padding:0 10px 0 18px; z-index:999999999;} .qrCodeDiv dl{ float:left;} .qrCodeDiv dl dd { line-height:10px; color:#287928; text-align:center; } .listArrow1 ul { margin:0; padding:0; list-style:none; } .listArrow1 ul li { background:url(arrow1.gif) no-repeat 0 8px; line-height:2; overflow:hidden; height:30px; padding-left:16px; } .listArrow2 ul { margin:0; padding:0; list-style:none; } .listArrow2 ul li { background:url(arrow2.gif) no-repeat 0 8px; line-height:2; overflow:hidden; height:30px; padding-left:18px; } .listArrow3 ul { margin:0; padding:0; list-style:none; } .listArrow3 ul li { background:url(arrow3.gif) no-repeat 0 8px; line-height:2; overflow:hidden; height:30px; padding-left:16px; } #uebox_img { margin-top:8px; } #uebox_welcome { color:#fff; } #uebox_center a.font2_1 { color:#fea7a7; } #topUserBox, #topUserBox a { color:#7ed1e8; } #topUserBox {display:none !important;} /* 内容页左右侧翻页 START */ a.pagePrev,a.pageNext{ background:url(arrow.gif) no-repeat; } a.pageNext{ background-position:0 -300px; } /* 内容页左右侧翻页 END */ /* 评论区、相关文章区 START */ .replyBox dt,.markBox dt { background:url(reply.gif) no-repeat; color:#0078bf; } .replyBox .replyBtn { background:url(replyBtn.gif); } .newsFullBox dt { background:url(replyFull.gif) no-repeat; } /* 评论区、相关文章区 END */ /* 留言本 START */ .messageBox .replyBtn { background:url(messageBtn.gif); } /* 留言本 END */ /* 内页右侧二级导航 START */ .liBox1 ul { margin:0; padding:0; list-style:none; } .liBox1 ul li { float:left; width:128px; height:25px; line-height:24px; text-align:center; overflow:hidden; margin:0 3px 5px 3px;_margin:0 4px 5px 2px; } .liBox1 ul li a { float:left; width:131px; height:25px; background:#028ada; color:#ffffff; } .liBox1 ul li a:hover { float:left; width:131px; height:25px; background:#0177bd; color:#ffffff; } .liBox2 ul { margin:0; padding:0; list-style:none; } .liBox2 ul li { float:left; width:262px; height:25px; line-height:24px; text-align:center; overflow:hidden; margin:0 3px 5px 3px;_margin:0 0 5px 1px; } .liBox2 ul li a { float:left; width:265px; height:25px; background:#028ada; color:#ffffff; } .liBox2 ul li a:hover { float:left; width:265px; height:25px; background:#0177bd; color:#ffffff; } /* 内页右侧二级导航 END */ /* 代理合作 START */ .agentTitle1{ width:1180px; height:46px; line-height:46px; margin:20px auto 0px; font-size:18px; color:#FFF; text-align:left; background:#27a9e3; padding-left:20px; } .agentTitle2{ width:1180px; height:46px; line-height:46px; margin:0 auto; font-size:18px; color:#FFF; text-align:left; background:#2ab679; padding-left:20px; } .agentTitle3{ width:1180px; height:46px; line-height:46px; margin:0 auto; font-size:18px; color:#FFF; text-align:left; background:#ffb748; padding-left:20px; } .agentTitle4{ width:1180px; height:46px; line-height:46px; margin:0 auto; font-size:18px; color:#FFF; text-align:left; background:#ff8b04; padding-left:20px; } .agentCont{ clear:both; width:1200px; overflow:hidden; margin:10px auto 30px; padding:10px 0px; background:#f7f7f7; border:#CCC 1px solid;} .agentCont .item{ margin:0px 20px; text-align:left;} .agentCont .a{ margin:0px 20px; color:#666; text-align:left; line-height:35px;} .agentCont1{ width:1200px; height:180px; margin:40px auto; background:url(../../../temp/agent/liucheng.png) no-repeat center top;} .agentCont1 .a{ float:left; width:300px; padding-top:140px; color:#999; font-size:16px; text-align:center;} /* 代理合作 END */ .app_solution { padding: 30px; } .app_solution .home-title1 h2,.app_platform .home-title1 h2,.app_service .home-title1 h2 { font-size: 24px; line-height: 50px; font-weight: 500; text-align: center; } .app_solution .content-wrap { display: flex; margin-top: 20px; padding: 20px; border-radius: 20px; background-color: #F7F7F7; } .app_solution .content-wrap .app_solution-top { width: 150px; height: 487px; border-right: 1px solid #ccc; } .app_platform .home-title1 p,.app_service .home-title1 p{ text-align: center; margin: 0 auto; max-width: 75%; } .app_solution .content-wrap .app_solution-top ul { display: flex; flex-direction: column; margin-top: 10px; width: 112px; } .app_solution .content-wrap .app_solution-top ul li { margin-bottom: 32px; cursor: pointer; } .app_solution .content-wrap .app_solution-top ul li.active { border-right: 1px solid #31CB83; } .app_solution .content-wrap .app_solution-top ul li span { font-size: 18px; font-weight: 400; color: #000; line-height: 18px } .app_solution .content-wrap .app_solution-top ul li.active span { color: #31CB83; } .app_solution .app_solution-bottom { margin-left: 40px; } .app_solution .app_solution-bottom .app_solution-bottom2 { display: none; margin-top: 10px; } .app_solution .app_solution-bottom .scheme-bottom2-top h2 { font-size: 18px; font-weight: 400; margin-bottom: 22px; } .app_solution .app_solution-bottom .scheme-bottom2-top p { font-size: 15px; font-weight: 300; line-height: 2; } .app_solution .app_solution-bottom .scheme-bottom2-middle { display: flex; flex-direction: row; margin-top: 59px; flex-wrap: wrap; } .app_solution .app_solution-bottom .scheme-bottom2-middle div { display: flex; flex-direction: column; align-items: center; background-color: #31CB83; width: 88px; height: 88px; border-radius: 10px; padding: 10px; justify-content: center; margin: 5px; } .app_solution .app_solution-bottom .scheme-bottom2-middle div:hover { transform: translateY(-20px); transition: all .5s; } .app_solution .app_solution-bottom .scheme-bottom2-middle div span { font-size: 13px; font-weight: 300; color: #FFFFFF; line-height: 18px; margin-top: 25px; } .app_platform { margin-top: 40px; } .app_platform .app_platform-box { margin-top: 58px; display: flex; flex-direction: row; justify-content: space-between; } .app_platform .app_platform-box .terminal-item { display: flex; flex-direction: column; align-items: center; max-width: 288px; height: 358px; width: calc(50% - 20px); margin:0 10px; border-radius: 8px; } .app_platform .app_platform-box .terminal-item:hover { transform: translateY(-20px); transition: all .5s; } .app_platform .app_platform-box .terminal-item:nth-child(1) { background: url("/inc_img/app/ic-ios-bg.png"); } .app_platform .app_platform-box .terminal-item:nth-child(2) { background: url("/inc_img/app/ic-h5-bg.png"); } .app_platform .app_platform-box .terminal-item:nth-child(3) { background: url("/inc_img/app/ic-wechat-bg.png"); } .app_platform .app_platform-box .terminal-item:nth-child(4) { background: url("/inc_img/app/ic-android-bg.png"); } .app_platform .app_platform-box .terminal-item img { margin-top: 32px; } .app_platform .app_platform-box .terminal-item h2 { margin-top: 34px; font-size: 18px; font-weight: 400; color: #FFFFFF; } .app_platform .app_platform-box .terminal-item span { display: block; width: 32px; height: 3px; background: #FFFFFF; margin-top: 24px; } .app_platform .app_platform-box .terminal-item p { width: calc(100% - 20px); font-size: 16px; font-weight: 400; color: #FFFFFF; line-height: 26px; margin-top: 26px; text-align: center; padding: 0 10px; } .home-section7 { margin-top: 82px; } .home-section7 .home-title1 { margin-top: 115px; } .home-section7 .home-title1 h2 { color: #113C65; } .home-section7 .home-title1 h2::after { position: absolute; left: 50%; transform: translate(-50%); content: ''; width: 143px; height: 5px; background: #FFCE29; display: inline-block; margin-top: -40px; } .home-section7 .content-wrap { display: flex; margin-top: 70px; } .home-section7 .content-wrap .app_service-bottom { display: flex; flex-direction: row; justify-content: space-between; margin-top: 70px; } .home-section7 .content-wrap .app_service-bottom ul { display: flex; flex-direction: row; justify-content: space-between; width: 1200px; margin-left: 100px; } .home-section7 .content-wrap .app_service-bottom ul li { width: 288px; height: 358px; background-size: cover; background-position: center; position: relative; } .home-section7 .content-wrap .app_service-bottom ul li:hover { transform: translateY(-20px); transition: all .5s; } .home-section7 .content-wrap .app_service-bottom ul li img { margin-top: 32px; } .home-section7 .content-wrap .app_service-bottom ul li h2 { margin-top: 34px; font-size: 24px; font-weight: 400; color: #FFFFFF; } .home-section7 .content-wrap .app_service-bottom ul li span { display: block; width: 32px; height: 3px; background: #FFFFFF; margin-top: 24px; } .home-section7 .content-wrap .app_service-bottom ul li p { width: 255px; font-size: 16px; font-weight: 400; color: #FFFFFF; line-height: 26px; margin-top: 26px; text-align: center; } .app_service{ margin-top: 82px; } .app_service .content-wrap { display: flex; } .app_service .content-wrap .app_service-bottom { display: flex; flex-direction: row; justify-content: space-between; margin-top: 70px; } .app_service .content-wrap .app_service-bottom ul { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .app_service .content-wrap .app_service-bottom ul li { width: 288px; height: 358px; background-size: cover; background-position: center; position: relative; text-align: center; cursor: pointer; } .app_service .content-wrap .app_service-bottom ul li:hover { transform: translateY(-20px); transition: all .5s; } .app_service-bottom li:nth-child(2n+5),.app_service-bottom li:nth-child(2n) { background-color: #e0fff1; } .app_service-bottom li:nth-child(2n+6) { background-color: #fff; } .app_service .content-wrap .app_service-bottom ul li img { margin-top: 32px; width: 100%; max-width: 180px; } .app_service .content-wrap .app_service-bottom ul li h2 { margin-top: 34px; font-size: 24px; font-weight: 400; color: #FFFFFF; } .app_service .content-wrap .app_service-bottom ul li span { display: block; width: 80px; height: 3px; background: #42B681; margin: 10px auto; } .app_service .content-wrap .app_service-bottom ul li p { font-size: 16px; font-weight: 400; line-height: 26px; margin-top: 26px; text-align: center; } @media (min-width: 992px) { .navbar-toggler { display: none; } } @media (max-width: 1300px) { .boxDiv,.topBarArea .topBarRow,#navMenuArea .navMenuMain,.hostList,.hostType h2{ width: calc(100% - 30px); margin: 0 15px; } .sliderBox .bd li { background-size: auto 30vw !important; } .sliderBox .bd ul { height: 30vw !important; } .navItem .itemLi h2 { font-size: 14px; } .webBox .web .cover_img{ max-width: 100%; } } @media (max-width: 1242px) and (min-width:768px) { .app_service-bottom li{ background-color: #fff !important; } .app_service-bottom li:nth-child(1),.app_service-bottom li:nth-child(3),.app_service-bottom li:nth-child(5),.app_service-bottom li:nth-child(7) { background-color: #e0fff1 !important; } .app_service .content-wrap .app_service-bottom ul{ justify-content: flex-start; } .app_service .content-wrap .app_service-bottom ul li{ width: 33.3%; } } @media (max-width: 992px) { .navItem .itemLi h2 { font-size: 13px; } .proList .proItem{ width: calc(33.333% - 62px); } .navbar-toggler { display: block; border: 2px solid #31CB83; border-radius: 5px; padding: 9px; float: right; margin: 18px 0 0 0; background-color: #e0fff1; } .navbar-toggler span { background-color: #31CB83; border-radius: 5px; display: block; height: 3px; margin:4px 0; width: 25px; } #navMenuBox{ display: none; } #navMenuBox.active{ display: block; position: absolute; background-color: #fff; width: 100%; z-index: 999; margin: 69px -15px 0; padding: 0 15px; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); } .navItem { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; width: 100%; } .navItem .itemLi { border-bottom: 1px solid #ddd; } .navItem .itemLi:last-child{ border-bottom: none; } .navItem .itemLi h2 a{ height: 45px; line-height: 45px; width: 100%; text-align: left; display: block; } .hostList ul li { width: calc(50% - 20px); } .serverDetail .item{ min-height: 280px; } .app_platform .app_platform-box{ flex-wrap: wrap; } .app_platform .app_platform-box .terminal-item{ margin-bottom: 39px; width: calc(50% - 8px); max-width: 288px; } .app_solution{ padding: 0; } .app_solution .content-wrap{ flex-wrap: wrap; } .app_solution .content-wrap .app_solution-top{ width: 100%; height: 50px; overflow-x: auto; overflow-y: hidden; border: unset; } .app_solution .content-wrap .app_solution-top ul{ flex-direction: row; width: 760px; } .app_solution .content-wrap .app_solution-top ul li{ margin: 0 10px; cursor: pointer; } .app_solution .content-wrap .app_solution-top ul li.active{ border-right:unset; border-bottom: 1px solid #31CB83; } .app_solution .app_solution-bottom .scheme-bottom2-middle{ flex-wrap: wrap; } .app_solution .app_solution-bottom .scheme-bottom2-middle div{ margin-bottom: 20px; } .app_solution .app_solution-bottom{ margin-left:unset; } } @media (max-width: 768px) { .proList .proItem{ width: calc(50% - 36px); margin: 0 5px 10px 5px; padding: 12px; } .hostList ul li { width: calc(50% - 20px); } .serverDetail .item{ width: calc(50% - 28px); margin: 5px; padding: 8px; min-height: 286px; } .serverDetail .item .title { line-height: 1.8; font-size: 15px; min-height: 54px; } .domainProArea .boxDiv{ margin:0; width: 100%; } .hostListTitle { height: 51px; line-height: 46px; } .hostList ul li{ margin: 0 9px 18px; min-height: 368px; font-size: 20px; } .proList .proItem .proIco img,.hostListImg img{ width: 45%; } .proList .proItem .proPrice .price{ font-size: 22px; } .proList .proItem .proPrice .text{ font-size: 14px; } .hostListImg{ height: unset; line-height: unset; } .webBox .web{ margin: 0px -25px; } .domain_service .item{ width: calc(50% - 32px); padding: 10px; margin: 6px; } .domain_service .item .img{ float: unset; width: 40px; height: 40px; margin: 0 auto; padding: 20px; } .domain_service .item h3{ text-align: center; line-height: 3; } .domain_service .item p{ line-height: 1.5; font-size: 14px; } .app_platform .app_platform-box .terminal-item{ margin: 6px; height: unset; border-radius: 8px; width: calc(50% - 12px); } .app_platform .app_platform-box .terminal-item h2{ font-size: 16px; } .app_platform .app_platform-box .terminal-item p{ font-size: 14px; margin: 10px 0; } .app_platform .app_platform-box .terminal-item span{ margin-top: 12px; } .app_service .content-wrap .app_service-bottom ul li img{ max-width: 80px; } .app_service .content-wrap .app_service-bottom ul li{ width: 50%; height: unset; } .app_service-bottom li{ background-color: #fff !important; } .app_service-bottom li:nth-child(1),.app_service-bottom li:nth-child(4),.app_service-bottom li:nth-child(5),.app_service-bottom li:nth-child(8) { background-color: #e0fff1 !important; } .app_service,.app_platform{ margin-top: 20px; } .app_service .content-wrap .app_service-bottom{ margin-top: 36px; } .app_solution .app_solution-bottom .scheme-bottom2-middle div{ width: 78px; height:78px; } .app_solution .home-title1 h2, .app_platform .home-title1 h2, .app_service .home-title1 h2{ font-size: 21px; text-align: left; } .app_platform .home-title1 p, .app_service .home-title1 p{ text-align: left; width: 100%; } }