@charset "utf-8";
/* CSS Document */
/* 自定义字体 */
@font-face {font-family:fonta; src:url(../images/LetterGothicMTStd-Bold.otf);} 

html {font-family: sans-serif;/* 1 */-ms-text-size-adjust: 100%;/* 2 */-webkit-text-size-adjust: 100%;/* 2 */overflow-y: scroll; overflow-x: hidden; /* 0 */-webkit-overflow-scrolling: touch/* 0 */ }
body {margin: 0;/* 1 */font-size: 12px;/* 0 */line-height: 2;/* 0 */color: #333;/* 0 */background-color: #fff/* 0 */ }

/* HTML5 display definitions
   ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block; }
audio,canvas,progress,video {*display: inline; display: inline-block;/* 1 */vertical-align: baseline;/* 2 */ /* 3 */ *zoom: 1/* 3 */ }
audio:not([controls]) {display: none; height: 0; }
[hidden],template {display: none; }

/* Links ========================================================================== */
a {background: transparent;/* 1 *//* 0 */text-decoration: none; color: #515151; }
a:active, a:hover {outline: 0/* 2 */ }
a:hover{color: #777; }
/* Text-level semantics ========================================================================== */
abbr[title] {border-bottom: 1px dotted; }
b,strong {font-weight: bold; }
dfn {font-style: italic; }
mark {background: #ff0; color: #000; }
small {font-size: 80%; }
sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {top: -0.5em; }
sub {bottom: -0.25em; }

/* Embedded content ========================================================================== */
img {border: 0; /* 1 */ vertical-align: middle; /* 0 */ -ms-interpolation-mode: bicubic/* 2 */ }
svg:not(:root) {overflow: hidden; }

/* Grouping content ========================================================================== */
hr {box-sizing: content-box; height: 0; }
pre {overflow: auto; /* 1 */ white-space: pre; /* 2 */ white-space: pre-wrap; /* 2 */ word-wrap: break-word/* 2 */ }
code,kbd,pre,samp {font-family: monospace, monospace; /* 1 */ _font-family: 'courier new', monospace; /* 1 */ font-size: 1em/* 2 */ }

/* Forms ========================================================================== */
button,input,optgroup,select,textarea {color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0 /* 3 */ }
button { overflow: visible; }
button,select { text-transform: none; }
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible/* 4 */ }

button[disabled],html input[disabled] {cursor: default; }
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0; }
textarea:focus,input:focus {outline: none; }
input {line-height: normal; }
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px /* 3 */ }
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto; }
input[type="search"] {-webkit-appearance: textfield;/* 1 */ /* 2 */ box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="text"] {-webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; /* 1 */ padding: 0; /* 2 */ *margin-left: -7px /* 3 */ }
textarea { overflow: auto; /* 1 */ resize: vertical /* 0 */ }
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td,th { padding: 0; }

q {quotes: none; }

html,button,input,select,textarea { font-family:"Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif ,"黑体"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;/*firefox*/}
*{  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;/*firefox*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }
h1, h2, h3 { line-height: 2; font-weight: normal; }
input:-moz-placeholder,textarea:-moz-placeholder {color: #ccc; }
input::-moz-placeholder,textarea::-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #ccc; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #ccc; }

.cb {clear: both; }
.vam { vertical-align:middle; }
.vat{vertical-align: top;}

.por { position: relative; }
.poa { position: absolute; }
.pof { position: fixed; }
.fl {float: left; display: inline; }
.fr {float: right; display: inline; }

.none{ display:none;}
.blok{ display:block;}
.dib { display: inline-block; }

.poa_f { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.ovh { overflow: hidden; }
.dn { display: none; }

.w_f { width: 100%; }
.h_f { height: 100%; }

.f_cb{ zoom: 1; }
.f_cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }

.scxg{position: relative;}

/*文本样式*/
.t_align{text-align:Justify;/*Firefox*/text-justify:inter-ideograph;/*IE*/}
.lwf{letter-spacing:0; word-spacing:0; font-size: 0;}
.fwn { font-weight: normal; }
.tac {text-align: center; }
*:focus { outline: none; }

.noselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.loader{ width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 10px; border-top: 1px solid rgba(0, 0, 0, 0.08); border-right: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-left: 1px solid rgba(0, 0, 0, 0.5); border-radius: 50%; -webkit-animation: spinner 700ms infinite linear; animation: spinner 700ms infinite linear; }

.loader.white { border-top: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08); border-left: 1px solid rgba(255, 255, 255, 0.5); }

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

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


/* 动画延时 */
.delay_02{-webkit-animation-delay:.2s; animation-delay:.2s;}
.delay_04{-webkit-animation-delay:.4s; animation-delay:.4s;}
.delay_06{-webkit-animation-delay:.6s; animation-delay:.6s;}
.delay_08{-webkit-animation-delay:.8s; animation-delay:.8s;}
.delay_10{-webkit-animation-delay:1s; animation-delay:1s;}
.delay_12{-webkit-animation-delay:1.2s; animation-delay:1.2s;}
.delay_14{-webkit-animation-delay:1.4s; animation-delay:1.4s;}
.delay_16{-webkit-animation-delay:1.6s; animation-delay:1.6s;}
.delay_18{-webkit-animation-delay:1.8s; animation-delay:1.8s;}
.delay_20{-webkit-animation-delay:2s; animation-delay:2s;}

/* 动画执行时间 */
.duration_a{-webkit-animation-duration:.5s; animation-duration:.5s;}
.duration_b{-webkit-animation-duration:1s; animation-duration:1s;}
.duration_c{-webkit-animation-duration:1.5s; animation-duration:1.5s;}
.duration_d{-webkit-animation-duration:2s; animation-duration:2s;}

/* hover 效果 */
/* 边框效果 */
.aniu_bk:before,.aniu_bk:after{width:101.5%; height:30px; content:" ";  position: absolute; top: -1px; left: -1px; background: no-repeat; transition:all 0.35s ease 0s; box-sizing: border-box; border-radius: 15px;}
.aniu_bk:before {border-bottom: 1px solid #d8115a; border-top: 1px solid #d8115a; transform: scale(0,1); }
.aniu_bk:after {border-left: 1px solid #d8115a; border-right: 1px solid #d8115a; transform: scale(1,0); }
.aniu_bk:hover:before,.aniu_bk:hover:after {opacity: 1; transform: scale(1); }

/*背景中心扩散*/
.hover_zx{ transition: all .6s ease 0s;}
.hover_zx i,.hover_zx span,.hover_zx em{position: relative; z-index: 2;}
.hover_zx:after{content: ""; display: block; width: 0%; height:0%; position: absolute; top: 50%; left: 50%; border-radius: 100%; transition: all .6s ease 0s;}
.hover_zx:hover:after{width: 100%; height: 100%; top: 0; left: 0; background: #fff;}

/*背景左滑动*/
.hover_bg{display: block; position: relative; text-transform: uppercase; overflow: hidden; transition:all .6s ease 0s; }
.hover_bg span{ position: relative; z-index: 2;}
.hover_bg:after{content: ""; width:0%; height: 100%; background: #d8115a; position: absolute; left: 0; top: 0; border-radius: 19px; transition: all .6s ease 0s;}
.hover_bg:hover{color: #fff; border-color: #d8115a; /*background: #d8115a;*/}
.hover_bg:hover:after{width: 100%;}