html {
color: #000;
background: #FFF
}
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 {
margin: 0;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
fieldset,
img {
border: 0
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: 400
}
ol,
ul {
list-style: none
}
caption,
th {
text-align: left
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: 400
}
q:before,
q:after {
content: ''
}
abbr,
acronym {
border: 0;
font-variant: normal
}
sup {
vertical-align: text-top
}
sub {
vertical-align: text-bottom
}
input,
textarea,
select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
*font-size: 100%
}
legend {
color: #000
}
.clearfix:before,
.clearfix:after {
content: "";
display: table
}
.clearfix:after {
clear: both
}
.clearfix {
*zoom: 1
}
.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.webkit-adjust {
-webkit-text-size-adjust: none
}
input[type=text]::-ms-clear {
display: none
}
body {
color: #666;
font: 13px/1.5 'Microsoft Yahei', Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
position: relative;
min-width: 1000px;
-webkit-font-smoothing: antialiased
}
a {
color: #666;
text-decoration: none;
-webkit-transition: color 500 linear
}
a:hover {
text-decoration: none;
color: #e25353;
cursor: pointer;
transition: color .1s linear
}
a:focus,
a:active {}
#valicode::-ms-clear {
display: none!important;
width: 0;
height: 0
}
.input-error {
border-color: #e25353!important
}
.input-fucus:focus {
border-color: #aaa!important
}
em,
.em,
a.em {
color: #e25353
}
span.tint,
em.tint,
a.tint,
strong.tint {
color: #999
}
span.dark,
em.dark,
a.dark,
strong.dark {
color: #333!important
}
span.color-e6,
em.color-e6,
a.color-e6,
strong.color-e6 {
color: #e6e6e6
}
span.color-66,
em.color-66,
a.color-66,
strong.color-66 {
color: #666!important
}
span.color-3181,
em.color-3181,
a.color-3181,
strong.color-3181 {
color: #3181da!important
}
strong,
.strong {
font-weight: 700
}
em.large,
span.large,
a.large,
strong.large {
font-size: 24px!important
}
em.fs-xxxl,
span.fs-xxxl,
a.fs-xxxl,
strong.fs-xxxl {
font-size: 72px
}
em.fs-xxl,
span.fs-xxl,
a.fs-xxl,
strong.fs-xxl {
font-size: 48px
}
em.fs-xll,
span.fs-xll,
a.fs-xll,
strong.fs-xll {
font-size: 32px
}
em.fs-xl,
span.fs-xl,
a.fs-xl,
strong.fs-xl {
font-size: 30px
}
em.fs-sxl,
span.fs-sxl,
a.fs-sxl,
strong.fs-sxl {
font-size: 28px!important
}
em.fs-xxx,
span.fs-xxx,
a.fs-xxx,
strong.fs-xxx {
font-size: 20px!important
}
em.fs-xx,
span.fs-xx,
a.fs-xx,
strong.fs-xx {
font-size: 18px
}
em.fs-x,
span.fs-x,
a.fs-x,
strong.fs-x {
font-size: 16px
}
em.fs-m,
span.fs-m,
a.fs-m,
strong.fs-m {
font-size: 14px
}
em.fs-ms,
span.fs-ms,
a.fs-ms,
strong.fs-ms {
font-size: 13px
}
em.fs-s,
span.fs-s,
a.fs-s,
strong.fs-s {
font-size: 12px!important
}
em.slarge,
span.slarge,
a.slarge,
strong.slarge {
font-size: 18px!important
}
.f-14 {
font-size: 14px
}
.ffA {
font-family: Arial!important
}
.fw-n {
font-weight: 400!important
}
.dspn {
display: none
}
.dspb {
display: block
}
.ta-r {
text-align: right!important
}
.ta-c {
text-align: center!important
}
.ta-l {
text-align: left!important
}
.mgr-5 {
margin-right: 5px
}
.mgl-5 {
margin-left: 5px
}
.mgt-5 {
margin-top: 5px!important
}
.mgb-5 {
margin-bottom: 5px!important
}
.mg {
margin: 10px auto
}
.mgb-20 {
margin-bottom: 20px!important
}
.mga {
margin: 0 auto!important
}
.mgt {
margin-top: 10px!important
}
.mgt-30 {
margin-top: 30px!important
}
.mgb {
margin-bottom: 10px
}
.mgl {
margin-left: 10px
}
.mgr {
margin-right: 10px
}
.mgl-15 {
margin-left: 15px
}
.mgt-15 {
margin-top: 15px
}
.mgr-15 {
margin-right: 15px
}
.mgr-35 {
margin-right: 35px
}
.mgt-20 {
margin-top: 20px!important
}
.mgt-25 {
margin-top: 25px!important
}
.mgc {
margin-left: auto;
margin-right: auto
}
.mrn {
margin-right: 0!important
}
.mln {
margin-left: 0!important
}
.mtn {
margin-top: 0!important
}
.mbn {
margin-bottom: 0!important
}
.pdb-70 {
padding-bottom: 70px
}
.mglr {
margin-left: 10px;
margin-right: 10px
}
.rel {
position: relative
}
.abs {
position: absolute
}
.pd {
padding: 10px
}
.pdt {
padding-top: 10px
}
.pdtn {
padding-top: 0!important
}
.pdrn {
padding-right: 0!important
}
.pdt-20 {
padding-top: 20px
}
.pdt-25 {
padding-top: 25px
}
.pdt-30 {
padding-top: 30px
}
.pdb {
padding-bottom: 10px!important
}
.pdr-n {
padding-right: 0!important
}
.pdl {
padding-left: 10px
}
.pdr-15 {
padding-right: 15px
}
.pdl-20 {
padding-left: 15px!important
}
.pdl-15 {
padding-left: 15px
}
.pdr {
padding-right: 10px
}
.pd-6 {
padding: 10px 10px 0
}
.br1e6 {
border-right: 1px solid #e6e6e6!important
}
.bl1e6 {
border-left: 1px solid #e6e6e6!important
}
.bt-1 {
border-top: 1px solid #e6e6e6!important
}
.brn {
border-right: 0!important
}
.bln {
border-left: 0!important
}
.btn {
border-top: 0!important
}
.bbn {
border-bottom: 0!important
}
.fl {
float: left
}
.fr {
float: right
}
.fn {
float: none
}
.tac {
text-align: center!important
}
.tar {
text-align: right!important
}
.tal {
text-align: left!important
}
.tdlt {
text-decoration: line-through
}
.ls-29 {
word-spacing: 20px
}
.ls-0 {
word-spacing: 0;
display: inline;
text-indent: 10px
}
.ls-8 {
word-spacing: 1px
}
.ls-3 {
word-spacing: 3px
}
.ls-1em {
word-spacing: .6em
}
.ls-2em {
word-spacing: 1.7em
}
.oh {
overflow: hidden
}
.line-1 {
background: #f9f9f9
}
.line-2 {
background: #fff
}
.line-1-td td {
background: #f9f9f9
}
.lh-28 {
line-height: 28px
}
.lh-30 {
line-height: 30px
}
.lh-36 {
line-height: 36px
}
.opacity {
opacity: 1
}
.opacity0 {
opacity: 0
}
.w-auto {
width: auto!important
}
.box-shadow {
-webkit-box-shadow: 0 1px 1px rgba(112, 112, 112, .1);
-moz-box-shadow: 0 1px 1px rgba(112, 112, 112, .1);
-o-box-shadow: 0 1px 1px rgba(112, 112, 112, .1);
box-shadow: 0 1px 1px rgba(112, 112, 112, .1)
}
input::-ms-clear {
display: none
}
.center-style {
width: 1000px;
margin: 0 auto
}
.bd-inner {
width: 1000px;
margin: 0 auto
}
a {
noFocusLine: expression(this.onFocus=this.blur());
outline: 0
}
input,
button,
select,
textarea {
outline: 0
}
input[type=text],
input[type=password],
input[type=button],
input[type=submit],
button,
textarea {
-webkit-appearance: none
}
textarea {
resize: none
}
.clearButton {
border: 0;
background: 0 0
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-webkit-keyframes fadeIn-50 {
0% {
opacity: .5
}
100% {
opacity: 1
}
}
.fadeIn-1s {
-webkit-animation-name: fadeIn;
-webkit-animation-duration: .5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s
}
.fadeOut-1s {
-webkit-animation-name: fadeOut;
-webkit-animation-duration: .5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s
}
.fadeIn-2s:hover {
-webkit-animation-name: fadeIn-50;
-webkit-animation-duration: .3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s
}
.a-color {
transition: color .1s linear
}
.a-r360:hover {
-webkit-transform: rotate(360deg);
-webkit-transition: -webkit-transform .5s ease-in-out
}
.a-r180:hover {
-webkit-transform: rotate(180deg);
-webkit-transition: -webkit-transform .5s ease-in-out
}
.a-move {
transition: all .2s ease-in-out
}
.a-moveHover:hover {
transition: all .2s ease-in-out
}
.a-auto {
transition: all .2s ease-in-out
}
.a-autoHover:hover {
transition: all .2s ease-in-out
}
.icon-hdSprite {
transition: all .2s ease-in-out;
background-image: url("../images/icon_hdSprite1.png");
background-repeat: no-repeat;
overflow: hidden;
float: left;
text-indent: -9999px
}
.icon-ft-erweima {
width: 91px;
height: 91px;
background-position: -120px -60px
}
.icon-ft-email {
width: 35px;
height: 35px;
background-position: -476px -27px
}
.icon-ft-qqweibo {
width: 35px;
height: 35px;
background-position: -441px -27px
}
.icon-ft-sina {
width: 35px;
height: 35px;
background-position: -371px -27px
}
.icon-ft-weixin {
width: 35px;
height: 35px;
background-position: -336px -27px
}
.icon-ft-weixin.cur {
width: 35px;
height: 35px;
background-position: -336px -65px
}
.icon-ft-qun {
width: 35px;
height: 35px;
background: url("../images/icon_hdSprite1.png") -406px -27px no-repeat;
overflow: hidden;
float: left;
margin-right: 7px
}
.icon-ft-qun-cur {
width: 35px;
height: 35px;
background: url("../images/icon_hdSprite1.png") -406px -65px no-repeat;
overflow: hidden;
float: left
}
.icon-ft-tishi {
width: 20px;
height: 21px;
background-position: -525px -28px
}
.icon-ft-phone {
width: 68px;
height: 135px;
background-position: -219px 0
}
.icon-ft-email:hover {
width: 35px;
height: 35px;
background-position: -476px -65px
}
.icon-ft-qqweibo:hover {
width: 35px;
height: 35px;
background-position: -441px -65px
}
.icon-ft-sina:hover {
width: 35px;
height: 35px;
background-position: -371px -65px
}
.icon-ft-weixin:hover {
width: 35px;
height: 35px;
background-position: -336px -65px
}
.icon-ft-qun:hover {
width: 35px;
height: 35px;
background: url("../images/icon_hdSprite1.png") -406px -65px no-repeat;
overflow: hidden;
float: left
}
.icon-hd-qun p {
font-size: 13px;
text-align: center
}
.icon-hd-qun span {
font-size: 13px;
color: #e25353
}
.hd-save {
display: inline-block;
margin-left: 15px
}
.icon-hd-save {
width: 12px;
height: 12px;
background-position: -432px 0
}
.icon-hd-wap {
width: 8px;
height: 12px;
background-position: -211px 0
}
.icon-triangle-s {
width: 9px;
height: 5px;
background-position: -306px 0
}
.icon-triangle-x {
width: 9px;
height: 5px;
background-position: -315px 0;
position: absolute;
top: 0;
right: 0;
z-index: 99;
-webkit-transition: -webkit-transform .5s ease-in-out
}
.icon-hd-email:hover {
width: 16px;
height: 11px;
background-position: -444px 0
}
.icon-hd-email {
width: 16px;
height: 11px;
background-position: -460px 0
}
.icon-hd-qqweibo {
width: 11px;
height: 13px;
background-position: -476px 0
}
.icon-hd-qqweibo:hover {
width: 11px;
height: 13px;
background-position: -487px 0
}
.icon-hd-sina {
width: 17px;
height: 15px;
background-position: -498px 0
}
.icon-hd-sina:hover {
width: 17px;
height: 15px;
background-position: -515px 0
}
.icon-hd-tishi {
width: 25px;
height: 25px;
background-position: -324px 0
}
.icon-hd-tishi:hover {
width: 25px;
height: 25px;
background-position: -349px 0
}
.css-triangle {
-webkit-transition: -webkit-transform .5s ease-in-out;
margin-top: 14px;
height: 0;
width: 0;
border-width: 5px 6px 0;
border-style: solid dashed dashed;
border-color: #666 transparent transparent;
_font-size: 0;
_line-height: 0
}
.css-triangle-shang {
height: 0;
width: 0;
border-width: 0 7px 7px;
border-style: dashed dashed solid;
border-color: transparent transparent #c7c7c7;
_font-size: 0;
_line-height: 0
}
.icon-approve {
background-image: url("../images/icon_approve.jpg.html");
background-repeat: no-repeat;
overflow: hidden;
float: left;
text-indent: -9999px
}
.approve-1 {
width: 90px;
height: 36px;
background-position: 0 0
}
.approve-1:hover {
width: 90px;
height: 36px;
background-position: -90px 0
}
.approve-2 {
width: 99px;
height: 36px;
background-position: -180px 0
}
.approve-2:hover {
width: 99px;
height: 36px;
background-position: -279px 0
}
.approve-3 {
width: 99px;
height: 36px;
background-position: -1332px 0
}
.approve-3:hover {
width: 99px;
height: 36px;
background-position: -1431px 0
}
.approve-4 {
width: 57px;
height: 36px;
background-position: -648px 0
}
.approve-4:hover {
width: 57px;
height: 36px;
background-position: -705px 0
}
.approve-5 {
width: 100px;
height: 36px;
background-position: -762px 0
}
.approve-5:hover {
width: 100px;
height: 36px;
background-position: -862px 0
}
.approve-6 {
width: 90px;
height: 36px;
background-position: -962px 0
}
.approve-6:hover {
width: 90px;
height: 36px;
background-position: -1052px 0
}
.approve-7 {
width: 95px;
height: 36px;
background-position: -1142px 0
}
.approve-7:hover {
width: 95px;
height: 36px;
background-position: -1237px 0
}
.hd .hd-triangle,
.hd .hd-triangle-1 {
text-indent: -9999px;
background-image: url("../images/icon_hdSprite1.png");
background-repeat: no-repeat;
background-position: 0 -119px!important;
z-index: 1000
}
.hd-main-nav .hd-triangle,
.hd-main-nav .hd-triangle-1 {
background-position: 54px -119px!important
}
.hd-login .hd-triangle,
.hd-login .hd-triangle-1 {
width: 14px;
background-position: 0 -119px!important
}
.hd .hd-triangle {
color: #fff
}
.hd .hd-triangle-1 {
color: #e6e6e6;
bottom: -2px;
display: none
}
.hd {
position: relative;
z-index: 1000
}
.hd .website-important-notice {
background: #fbf0b8;
height: 60px;
width: 100%;
display: table;
*position: relative;
overflow: hidden
}
.hd .w-i-n-subwrap {
vertical-align: middle;
display: table-cell;
*position: absolute;
*top: 50%
}
.hd .w-i-n-con {
width: 1000px;
margin: 0 auto;
line-height: 21px;
font-size: 14px;
color: #83410b;
text-align: center;
*position: relative;
*top: -50%
}
.hd-inner {
margin: 0 auto;
width: 1000px
}
.hd-top {
height: 34px;
border-bottom: 1px solid #e6e6e6;
background: #fafafa;
_position: relative;
_z-index: 1000;
font-size: 13px
}
.hd-top .hd-inner {
padding-top: 11px;
height: 22px;
line-height: 14px
}
.hd-inner .icon-hd-wap {
margin: 1px 5px 0 0
}
.hd-inner .icon-hd-save {
margin: 1px 3px 0 0
}
.hd-inner .icon-triangle-x {
margin: 4px 10px 0 5px
}
.hd-website-menu {
float: left
}
.hd-quick-menu {
float: right;
z-index: 1000
}
.hd-quick-menu li {
float: left;
_display: inline;
position: relative;
z-index: 1000;
width: 74px;
height: 22px
}
.hd-quick-contact {
position: absolute;
right: -1px;
top: 24px;
border: 1px solid #e6e6e6;
border-top: 0;
_top: 22px;
height: 124px;
width: 492px;
background: #fff;
z-index: 1000
}
.hd-quick-help {
position: absolute;
top: 24px;
left: -1px;
display: none;
z-index: 1000;
border: 1px solid #e6e6e6;
border-top: 0;
padding: 10px 0;
_top: 22px;
width: 93px;
text-align: center;
background: #fff
}
.hd-quick-i-account {
text-align: left;
text-indent: 15px
}
.hd-quick-help li {
width: 100%;
height: 32px;
line-height: 32px
}
.hd-quick-help li a {
display: block
}
.hd-quick-help li a:hover {
background: #f0f0f0;
transition: background .2s linear
}
.hd-quick-menu .hd-triangle,
.hd-quick-menu .hd-triangle-1 {
background-position: center 0;
position: absolute;
left: 50%;
margin-left: -7px;
display: none;
bottom: -4px;
height: 8px;
overflow: hidden;
line-height: 23px;
width: 100%;
text-align: center;
font-size: 50px;
z-index: 1000
}
.hd-quick-menu .hd-triangle {
color: #fff
}
.hd-quick-menu .hd-triangle-1 {
color: #e6e6e6;
bottom: -4px
}
.hd-quick-menu-contact-a,
.hd-quick-menu-sub-a {
display: block;
height: 14px;
line-height: 14px;
_float: left
}
.hd-quick-menu-sub:hover .hd-quick-menu-sub-a {
color: #e25353
}
.hd-quick-menu-contact:hover .hd-quick-menu-contact-a {
color: #e25353
}
.hd-quick-menu-sub:hover .a-r180 {
-webkit-transform: rotate(180deg)
}
.hd-quick-menu-contact:hover .a-r180 {
-webkit-transform: rotate(180deg)
}
.hd-quick-menu-contact:hover .hd-quick-contact {
display: block;
transition: display 1s linear
}
.hd-quick-menu-sub:hover .hd-quick-help {
display: block;
transition: display 1s linear
}
.hd-quick-menu-contact:hover .hd-triangle-1,
.hd-quick-menu-contact:hover .hd-triangle {
display: block
}
.hd-quick-menu-sub:hover .hd-triangle,
.hd-quick-menu-sub:hover .hd-triangle-1 {
display: block
}
.hd-quick-contact {
display: none
}
.hd-quick-contact .icon-hd-erweima {
float: left;
display: inline;
margin: 20px 0 0 20px;
width: 115px;
height: 85px;
background: url("../images/icon_hdSprite1.png") no-repeat -312px -135px
}
.h-q-c-center {
display: inline;
margin: 20px 0 0 11px
}
.h-q-c-center a {
display: block;
margin-bottom: 4px;
border: 1px solid #e6e6e6;
width: 100px;
height: 23px;
line-height: 23px
}
.h-q-c-center a:hover .icon-hd-sina {
background-position: -515px 0
}
.h-q-c-center a:hover .icon-hd-qqweibo {
background-position: -487px 0
}
.h-q-c-center a:hover .icon-hd-email {
background-position: -444px 0
}
.h-q-c-center .icon-hd-sina {
margin: 4px 8px 0 10px
}
.h-q-c-center .icon-hd-qqweibo {
margin: 5px 14px 0 10px
}
.h-q-c-center .icon-hd-email {
margin: 6px 9px 0 10px
}
.h-q-c-left {
margin: 21px 0 0 8px
}
.h-q-c-left h3 {
font-size: 28px;
line-height: 26px;
margin-bottom: 4px;
font-weight: 700
}
.h-q-c-serve {
display: block;
width: 205px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 14px;
margin-top: 7px;
background: #e25353;
color: #fff
}
.h-q-c-serve .icon-hd-tishi {
margin: 3px 7px 0 33px
}
a.h-q-c-serve:hover {
color: #fff;
background: #d53737
}
a.h-q-c-serve:hover .icon-hd-tishi {
background-position: -349px 0
}
.hd-content {
min-height: 97px;
background: #fff;
_position: relative;
_z-index: 999
}
.hd-content .hd-quick-menu {
margin-top: 46px
}
.hd-content .hd-quick-help,
.hd-content .hd-quick-contact {
border-top: 1px solid #e6e6e6;
z-index: 999
}
.hd-logo {
float: left;
margin-top: 20px
}
.hd-login {
float: right;
_width: 155px
}
.hd-login-in {
width: 160px;
margin-top: 26px
}
.hd-login-in li {
float: left
}
.hd-login-btn a {
display: block;
border: 1px solid #e6e6e6;
border-right: 0;
width: 79px;
height: 33px;
line-height: 33px;
text-align: center;
font-size: 14px
}
.hd-regist-btm a {
display: block;
width: 80px;
height: 35px;
line-height: 35px;
background: #e25353;
color: #fff;
text-align: center;
font-size: 14px
}
.hd-regist-btm a:hover {
background: #d53737;
transition: all .2s ease-in-out
}
.hd-login-btn a:hover {
color: #e25353
}
.hd-login-win {
margin-top: 35px;
min-width: 135px;
_width: 220px
}
.hd-login-win a {
font-size: 18px;
color: #666
}
.hd-login-win a:hover {
color: #666
}
.h-l-w-item {
position: relative;
height: 27px;
z-index: 999
}
.h-l-w-item:hover .a-r180 {
-webkit-transform: rotate(180deg)
}
.h-l-w-item:hover .hd-login-handle {
display: block;
cursor: pointer
}
.h-l-w-item:hover .hd-triangle {
display: block
}
.h-l-w-item:hover .hd-triangle-1 {
display: block
}
.hd-login-handle {
display: none;
position: absolute;
top: 27px;
left: 0;
padding-top: 14px;
width: 100%
}
.hd-login-list {
background: #fff;
width: 100%;
border: 1px solid #e6e6e6;
padding: 10px 0
}
.h-l-h-item {
*float: left;
*width: 100%
}
.h-l-h-item a {
display: block;
padding-left: 20px;
font-size: 14px;
line-height: 36px
}
.h-l-h-item:hover {
background: #f0f0f0;
transition: background .2s linear
}
.h-l-h-item a:hover {
background: #f0f0f0;
transition: background .2s linear;
color: #e25353
}
.hd-login-win .hd-triangle,
.hd-login-win .hd-triangle-1 {
display: none;
position: absolute;
bottom: -17px;
left: 50%;
margin-left: -7px;
height: 9px;
overflow: hidden;
line-height: 23px;
width: 14px;
text-align: center;
font-size: 50px
}
.hd-login-win .hd-triangle {
color: #fff
}
.hd-login-win .hd-triangle-1 {
color: #e6e6e6;
bottom: -17px
}
.hd-nav {
width: 100%;
background: #e25453;
_position: relative
}
.hd-main-nav {}
.h-m-n-item {
position: relative;
float: left;
height: 45px;
line-height: 45px;
font-size: 18px;
cursor: pointer;
zoom: 1
}
.h-m-n-item .hd-triangle {
display: none;
position: absolute;
line-height: 24px;
bottom: -3px;
height: 9px;
overflow: hidden;
width: 100%;
_width: 120px;
text-align: center;
color: #fff;
font-size: 50px
}
.h-m-n-link {
color: #fff;
display: block;
padding: 0 25px
}
.h-m-n-item:hover {
background: #d43836
}
.h-m-n-link:hover {
background: #d43836;
color: #fff
}
.h-m-n-item.cur .h-m-n-link {
background: #d43836;
white-space: nowrap
}
.h-m-n-item:hover .hd-sub-nav {
display: block
}
.h-m-n-item:hover .hd-triangle {
display: block
}
.hd-sub-nav {
position: absolute;
top: 45px;
left: 0;
padding: 10px 0;
border: 1px solid #e6e6e6;
border-top: 0;
min-width: 120px;
_width: 120px;
background: #fff;
z-index: 1000
}
.h-s-n-item {
width: 100%;
line-height: 36px;
white-space: nowrap
}
.h-s-n-item:hover {
background: #f0f0f0
}
.h-s-n-link {
display: block;
text-align: center;
font-size: 14px;
width: 100%;
*width: 120px
}
#loveForum {
position: relative
}
#loveForum b {
position: absolute;
top: -13px;
right: -8px;
background-image: url("../images/icon_hdSprite1.png");
background-repeat: no-repeat;
background-position: 0 -93px;
width: 45px;
height: 22px;
text-indent: -9999em;
overflow: hidden
}
#loveForum s {
display: block;
position: absolute;
right: -15px;
top: 5px;
width: 37px;
height: 19px;
background: url("../images/hot.png") no-repeat
}
#indexActivity1 {
background: url("../images/icon_hdSprite1.png") -161px -173px;
width: 120px;
height: 44px
}
#indexActivity2 {
background: url("../images/icon_invite_100.png.html") no-repeat 0 0;
width: 140px;
height: 45px
}
.ft {
background: #f0f0f0;
margin-top: 20px;
z-index: 1000;
font-size: 13px
}
.ft-inner {
position: relative;
width: 1000px;
margin: 0 auto;
border-bottom: 1px solid #e6e6e6
}
.ft-helper {
float: left;
padding: 27px 0;
border-right: 1px solid #e6e6e6
}
.ft-helper dl {
float: left;
width: 111px;
line-height: 24px
}
.ft-helper dt {
font-weight: 700;
line-height: 28px;
font-size: 14px
}
.ft-helper dd {
font-size: 12px
}
.ft-helper a {
display: block
}
.help_service {
float: left;
border-right: 1px solid #e6e6e6
}
.ft-service {
float: left;
padding: 33px 24px 21px;
height: 124px
}
.ft-service .icon-ft-tishi {
margin-right: 5px
}
.ft-service dl {
width: 230px
}
.ft-service dt {
height: 19px;
line-height: 19px
}
.ft-service p {
line-height: 22px;
margin-top: 21px;
font-size: 13px
}
.ft-service p strong {
font-weight: 700;
font-family: Arial;
font-size: 30px
}
.ft-service span {
line-height: 40px
}
.ft-serv-handle {
margin-top: 8px
}
.ft-serv-handle .icon-hdSprite {
margin-right: 7px;
cursor: pointer
}
.ft-service .kefu-online {
font-size: 16px;
font-weight: 700
}
.ft-record {
padding-bottom: 30px
}
.ft-wap {
float: left;
padding: 33px 0 0 40px;
width: 225px
}
.ft-wap .icon-ft-phone {
margin-right: 30px
}
.ft-wap h6 {
font-size: 16px;
font-weight: 700;
line-height: 19px;
margin-bottom: 12px
}
.ft-wap .wechat {
margin-right: 30px
}
.ft-wap dl {
float: left;
text-align: center
}
.ft-wap dd span {
float: none!important;
display: block
}
.ft-wap dt {
margin-top: 10px
}
.ft-wap dl
.icon-wechats {
background: url("../images/icon_qcode_big.jpg") no-repeat;
background-size: contain;
background-position: center;
width: 88px;
height: 91px
}
.icon-wechats1 {
background: url("../images/xcx.jpg") no-repeat;
background-size: contain;
background-position: center;
width: 88px;
height: 91px
}
.ft-identity {
text-align: center
}
.ft-identity1 {
line-height: 30px;
text-align: center
}
.ft-icon {
vertical-align: top;
margin: 5px 5px 0 0
}
.ft-identity2 {
text-align: center
}
.footer-tmpl-1 .ft-identity2 {
margin-bottom: 28px
}
.ft-wap-title {
overflow: hidden
}
.ft-wap-title div {
float: left;
margin-right: 4px;
background-image: url("../images/icon_hdSprite1.png");
background-repeat: no-repeat;
width: 20px;
height: 20px;
background-position: -525px -55px
}
.ft-wap-title a {
font-size: 16px;
font-weight: 700;
line-height: 20px
}
.ft-approve {
width: 757px;
height: 36px;
margin: 0 auto;
padding: 30px 0 20px
}
.ft-approve a {
margin-right: 15px
}
.QRcodePop .icon-hd-erweima {
background: url("../images/icon_qcode.jpg.html") no-repeat;
width: 91px;
height: 91px;
margin-left: -2px
}
.QRcodePop {
display: none;
width: 85px;
opacity: 0;
filter: alpha(opacity=0);
_filter: alpha(opacity=100);
_display: none;
position: absolute;
top: 13px;
*top: -24px;
_top: -15px;
left: 420px;
border: 1px solid #e6e6e6;
background: #fff;
padding: 20px;
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
-o-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
}
.QRcodePop1 {
width: 105px;
top: 33px;
*top: 38px;
_top: 38px;
left: 555px;
padding: 10px
}
.QRcodePop .css-triangle {
position: absolute;
bottom: -8px;
left: 53px;
border-width: 11px 12px 0;
border-color: #fff transparent transparent
}
.footer-tmpl-1 {
padding: 28px 0;
height: 44px;
width: 100%;
color: #666;
font: 13px/14px 'Microsoft Yahei';
text-align: center
}
.footer-tmpl-1 a {
font: 13px/30px 'Microsoft Yahei';
color: #666;
text-decoration: none
}
.footer-tmpl-1 p {
line-height: 24px
}
.bd {}
.clearPop {
padding: 0!important
}
.clearPop {
background: none!important;
border: 0!important
}
.clearPop .ui-dialog-titlebar {
display: none
}
.clearPop .ui-dialog-content {
padding: 0!important
}
.pop-style-1 {
position: absolute
}
.ps1-bj {
position: absolute;
top: 0;
left: 0;
opacity: .3;
filter: Alpha(opacity=30);
width: 100%;
height: 100%;
background: #666;
z-index: -1
}
.ps1-con {
background: #fff;
margin: 5px;
font-family: 'Microsoft Yahei'
}
.ps2-con {
border-radius: 5px;
border: 1px solid #e0e0e0
}
.ps1-close {
font-size: 18px;
position: absolute;
top: 20px;
right: 15px;
font-size: 14px;
color: #d5d5d5;
cursor: pointer;
width: 16px;
height: 16px;
text-align: center;
line-height: 16px
}
.ui-dialog .ps1-close {
font-size: 24px;
color: #8f8f8f
}
.ps1-close:hover {
color: #666;
text-decoration: none
}
.ps2-con .ps1-title {
border-bottom: 1px solid #e5e5e5;
height: 40px;
line-height: 40px;
background: #f3f3f3;
border-radius: 3px 3px 0 0
}
.ps2-con .ps1-title h2 {
text-indent: 15px;
color: #333;
font-size: 14px;
font-weight: 700
}
.float-toolbars {
width: 55px;
display: none;
height: 420px;
position: fixed;
_position: absolute;
right: 10px;
z-index: 1000
}
.float-toolbars li {
float: left;
font-size: 16px;
color: #fff;
text-align: center;
height: 55px;
width: 55px;
line-height: 17px;
cursor: pointer;
margin-bottom: 5px
}
.float-toolbars .user-feedback-con {
display: none;
cursor: auto;
text-align: left;
height: 171px;
width: 260px;
background: #fff;
border: 1px solid #dbdbdb;
border-radius: 3px;
position: absolute;
top: 0;
right: 55px;
color: #333
}
.float-toolbars .user-feedback-edit h2 {
font-size: 14px;
height: 16px;
line-height: 16px;
text-indent: 10px;
margin-top: 10px
}
.float-toolbars .user-feedback-edit textarea {
background: 0 0;
border: 0;
border: 1px solid #dbdbdb;
background-color: #fff;
margin-left: 10px;
width: 232px;
height: 80px;
margin-top: 5px;
padding: 5px;
font-size: 13px;
resize: none
}
.float-toolbars .user-feedback-edit .btn-style-1 {
margin-left: 10px;
margin-top: 10px
}
.float-toolbars .user-feedback-succeed {
padding-top: 50px;
text-align: center;
height: 118px
}
.float-toolbars .user-feedback-succeed {
font-size: 1px;
color: #666
}
.float-toolbars .user-feedback-succeed strong {
font-size: 20px;
font-weight: 400;
color: #333;
line-height: 30px
}
.float-toolbars .user-feedback-succeed a {
margin-top: 10px;
color: #1468ec;
margin-top: 20px;
display: block
}
.float-toolbars .ft-user-updateLog a {
color: #fff;
text-decoration: none
}
.float-toolbars-item:hover .float-toolbars-item-sub {
display: block;
white-space: nowrap
}
.float-toolbars-item-sub {
position: absolute;
top: 0;
right: 54px;
display: none
}
.float-toolbars-item-sub a {
display: inline-block;
margin-right: 5px;
width: 55px;
height: 45px;
padding-top: 10px;
text-align: center;
color: #fff;
line-height: 0;
font-size: 0;
overflow: hidden
}
.float-toolbars-item-sub a:hover {
color: #fff;
background: #e35353;
font-size: 14px;
line-height: 16px
}
.float-toolbars .btn-global-4 {
margin-left: 10px;
margin-top: 5px
}
.float-toolbars .float-toolbars-title {
display: block;
padding-top: 10px;
height: 45px;
color: #fff;
line-height: 0;
font-size: 0;
overflow: hidden
}
.user-feedback-0,
.user-feedback-1,
.user-feedback-2,
.user-feedback-3,
.user-feedback-4,
.user-feedback-5,
.user-feedback-6,
.user-feedback-7,
.user-feedback-8,
.user-feedback-9,
.user-feedback-10,
.user-feedback-11 {
background-image: url("../images/feedback-sprite.png");
background-repeat: no-repeat
}
.float-toolbars .user-feedback-0 {
background-position: 0 0
}
.float-toolbars .user-feedback-1 {
background-position: 0 -55px
}
.float-toolbars .user-feedback-2 {
background-position: 0 -110px
}
.float-toolbars .user-feedback-3 {
background-position: 0 -165px
}
.float-toolbars .user-feedback-4 {
background-position: 0 -220px
}
.float-toolbars .user-feedback-5 {
background-position: 0 -275px
}
.float-toolbars .user-feedback-6 {
background-position: 0 -330px
}
.float-toolbars .user-feedback-7 {
background-position: 0 -385px
}
.float-toolbars .user-feedback-8 {
background-position: 0 -440px
}
.float-toolbars .user-feedback-9 {
background-position: 0 -495px
}
.float-toolbars .user-feedback-10 {
background-position: 0 -550px
}
.float-toolbars .user-feedback-11 {
background-position: 0 -605px
}
.float-toolbars .float-toolbars-title:hover,
.float-toolbars .float-toolbars-title-1:hover,
.float-toolbars .float-toolbars-title.cur {
background: 0 0;
background-color: #e35353;
font-size: 14px;
line-height: 16px
}
.btn-global-4 {
display: block;
width: 80px;
height: 28px;
line-height: 28px;
text-align: center;
color: #fff;
background: #e25353;
font-size: 14px;
cursor: pointer
}
.btn-global-4:hover {
transition: all .2s ease-in-out;
color: #fff;
background: #d53737
}
.crumb-nav {
line-height: 40px;
color: #999;
font-size: 13px
}
.crumb-nav a,
.crumb-nav span {
color: #999;
font-size: 13px
}
.crumb-nav span {
color: #ef5a50
}
.crumb-nav a:hover {
color: #e25353
}
.iShare a {
width: 16px;
height: 16px;
float: left;
overflow: hidden;
margin-right: 10px;
background-image: url("../images/iShare.png.html");
background-repeat: no-repeat;
text-indent: -9999px;
margin-top: 4px
}
.iShare span {
float: left;
line-height: 26px
}
.iShare-sinaweibo {
background-position: -4px -120px
}
.iShare-qqkongjian {
background-position: -4px -80px
}
.iShare-qqweibo {
background-position: -4px -240px
}
.iShare-renren {
background-position: -4px -200px
}
.iShare-sinaweibo:hover {
opacity: .7
}
.iShare-qqkongjian:hover {
opacity: .7
}
.iShare-qqweibo:hover {
opacity: .7
}
.iShare-renren:hover {
opacity: .7
}
.iShare-d a {
width: 32px;
height: 32px;
float: left;
overflow: hidden;
margin-right: 10px;
background-image: url("../images/iShareD.png.html");
background-repeat: no-repeat;
text-indent: -9999px
}
.iShare-d span {
float: left;
line-height: 32px;
font-size: 16px;
margin-right: 10px
}
.iShare-d .iShare-sinaweibo {
background-position: -38px 0
}
.iShare-d .iShare-qqkongjian {
background-position: 0
}
.iShare-d .iShare-qqweibo {
background-position: -114px 0
}
.iShare-d .iShare-renren {
background-position: -76px 0
}
#iShare-weixin {
width: 32px;
height: 32px;
float: left;
overflow: hidden;
margin-right: 0;
background: url("../images/icon-weixin.png.html") no-repeat;
text-indent: -9999px
}
.iShare-d .iShare-sinaweibo:hover {
opacity: .7
}
.iShare-d .iShare-qqkongjian:hover {
opacity: .7
}
.iShare-d .iShare-qqweibo:hover {
opacity: .7
}
.iShare-d .iShare-renren:hover {
opacity: .7
}
#iShare-weixin:hover {
opacity: .7
}
.iShare-weixin-Div {
width: 740px;
height: 273px;
background: url("../images/cup_weixin_dialog.png.html") no-repeat;
position: relative;
overflow: hidden
}
.weixin-close {
position: absolute;
top: 0;
right: 20px;
width: 30px;
height: 30px;
line-height: 30px;
color: #fff;
font-size: 30px;
font-weight: 700;
cursor: pointer
}
.iShare-weixin-Div .ui-dialog-titlebar-close {
display: none
}
.iShare-weixin-Div .ui-widget-header {
display: none
}
.mobile-client {
margin-right: 13px;
margin-top: 11px;
float: left
}
.mobile-client li {
width: 118px;
height: 30px;
border: 1px solid #E6E6E6;
margin-top: 8px;
background-color: #F9F9F9
}
.mobile-client li a {
display: block;
width: 100%;
height: 100%;
line-height: 30px;
font-size: 14px;
color: #8D8D8D;
text-align: center;
color: #666
}
.mobile-client a:hover {
color: #e25353;
cursor: pointer;
transition: color .1s linear
}
.mobile-client-android,
.mobile-client-iphone {
background: url("../images/icon_hdSprite1.png") no-repeat;
width: 16px;
height: 30px
}
.mobile-client-android {
background-position: -517px -99px
}
.mobile-client-iphone {
background-position: -517px -75px
}
.mobile-client-android a:hover .normal {
display: none
}
.mobile-client-android a:hover .hover {
display: block
}
.mobile-client-android a .hover {
display: none
}
.mobile-client-android a .normal {
display: block
}
.ui-autocomplete {
max-height: 286px;
overflow-y: auto;
_height: 286px;
_width: 300px
}
body .ui-autocomplete .ui-menu-item {
padding: 4px 0
}
body .ui-widget-content {
border: 1px solid #DDD
}
#forum_exchangeForm .form-style-1-submit {
width: auto;
padding-left: 155px
}
#forum_exchangeForm .btn-style-3 {
margin-right: 15px
}
#forum_exchangeForm .form-style-1-label,
#forum_exchangeForm .form-style-2-label,
#forum_exchangeForm .form-style-3-label {
width: 210px
}
.input-disabled {
background-color: #ddd!important;
color: #999!important;
text-shadow: 1px 1px 1px #fff!important
}
.iShare-d .wxShare {
background-position: -190px 0;
margin-right: 0;
border-radius: 2px
}
.iShare-d .wxShare:hover {
opacity: .7
}
.user-generalize-link-form .copy-link {
height: 30px;
line-height: 30px
}
#wxSharePop .wxPanel {
position: relative;
font-size: 14px;
width: 420px;
height: 360px;
padding: 30px;
-webkit-box-shadow: rgba(0, 0, 0, .2) 0 3px 5px, rgba(0, 0, 0, .1) 0 0 8px 1px, rgba(0, 0, 0, .1) 0 0 0 1px;
box-shadow: rgba(0, 0, 0, .2) 0 3px 5px, rgba(0, 0, 0, .1) 0 0 8px 1px, rgba(0, 0, 0, .1) 0 0 0 1px;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
background-color: #FFF
}
#wxSharePop .wxPanel h3 {
margin-bottom: 10px;
font-weight: 700;
text-align: center;
color: #747F8C
}
#wxSharePop .wxPanel img {
width: 200px;
height: 200px;
position: absolute;
margin: -100px 0 0 -100px;
left: 50%;
top: 50%
}
@-webkit-keyframes hdIcoRight {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes hdIcoRight {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.hdIcoRight {
-webkit-animation-name: hdIcoRight;
animation-name: hdIcoRight
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.countdonw-hide {
display: none
}
div.pre-countdown-hide,
span.pre-countdown-hide {
display: none
}
.zhaohui {
position: fixed;
_position: absolute;
top: 30%;
left: 30%;
z-index: 1000;
width: 546px;
height: 295px;
background: url("../newImg/zhaohuibj.png.html") no-repeat
}
.zhaohui-x {
position: absolute;
top: -10px;
right: -10px;
cursor: pointer;
width: 36px;
height: 37px;
background: url("../newImg/zhaohui-x.png.html") no-repeat
}
.zhaohui-p-1 {
color: #fff;
font-size: 16px;
text-align: center;
line-height: 30px;
position: absolute;
top: 107px;
width: 100%
}
.zhaohui-p-2 {
color: #f4db25;
font-size: 24px;
font-weight: 700;
text-align: center;
position: absolute;
top: 175px;
width: 100%
}
.reserve-cover {
position: fixed;
_position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
background: rgba(0, 0, 0, .68)
}
.reserve {
position: fixed;
_position: absolute;
top: 30%;
left: 30%;
z-index: 1000;
width: 626px;
height: 406px;
background: url("../newImg/reservebj.png.html") no-repeat
}
.reserve-p-1 {
color: #a0322f;
font-size: 20px;
text-align: center;
line-height: 30px;
position: absolute;
top: 180px;
width: 82%;
margin: auto;
left: 0;
right: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre
}
.reserve-link {
position: absolute;
top: 270px;
width: 153px;
height: 46px;
line-height: 44px;
font-size: 20px;
color: #a0322f;
text-align: center;
left: 237px;
cursor: pointer
}
.hd-quick-contact .icon-hd-erweima1 {
float: left;
display: inline;
margin: 20px 0 0 20px;
width: 100px;
height: 100px;
background: url("../images/icon_qcode_big.jpg") no-repeat;
}
.icon-ft-erweima1 {
width: 88px;
height: 91px;
}
.icon-hdSprite1 {
transition: all .2s ease-in-out;
background: url("../images/icon_qcode_big.jpg") no-repeat;
background-repeat: no-repeat;
overflow: hidden;
float: left;
text-indent: -9999px;
}