path { stroke-dasharray: 4; animation: 30s linear 0s infinite normal none running dash; }
@-webkit-keyframes dash { 
  0% { stroke-dashoffset: 1000; }
  100% { stroke-dashoffset: 600; }
}
@keyframes dash { 
  0% { stroke-dashoffset: 1000; }
  100% { stroke-dashoffset: 600; }
}
@-webkit-keyframes Flash { 
  0% { opacity: 0.6; transform: scale(0.7); }
  100% { opacity: 1; transform: scale(0.8); }
}
@keyframes Flash { 
  0% { opacity: 0.6; transform: scale(0.7); }
  100% { opacity: 1; transform: scale(0.8); }
}
.animated { animation-duration: 1s; animation-fill-mode: both; }
.wrap .t-title { position: absolute; display: block; left: 0px; top: -80px; width: 100%; height: 80px; z-index: 2; line-height: 80px; }
.wrap .t-title i { background: url("index-icon.png") no-repeat; position: absolute; display: block; left: 0px; top: 50%; }
.wrap .t-title a { position: absolute; display: block; right: 0px; width: 62px; height: 20px; bottom: 16px; background: url("index-icon.png") -764px -384px no-repeat; }
.wrap .t-title a:hover { background-position: -764px -413px; }
.wrap1 { background: url("bg20200618.jpg") center top no-repeat; height: 1000px; z-index: 1; }
.wrap1 a { position: absolute; display: block; width: 100%; height: 580px; left: 0px; top: 90px; z-index: 1; }
.wrap .play-video { position: absolute; width: 69px; height: 138px; left: 50%; top: 370px; margin-left: -34.5px; cursor: pointer; z-index: 2; background-image: url("play-video.png"); }
.wrap2 { background: url("index-wrap2.jpg?sdsd") center top no-repeat; height: 846px; overflow: visible; z-index: 2; }
#downloads { width: 855px; height: 121px; position: absolute; top: 756px; left: 50%; margin-left: -516px; z-index: 1500; }
#downloada { float: left; width: 1280px; height: 286px; overflow: hidden; margin-right: 20px; }
#downloada .btn_downa { float: left; width: 340px; height: 132px; position: relative; text-indent: -9999em; background: url("../images/btn-1.png") left bottom no-repeat; display: block; }
#downloada .btn_downa:hover { text-decoration: none; background: url("../images/btn-1_hover.png") left top no-repeat; }
#downloada .btn_downb { float: left; width: 340px; height: 132px; position: relative; text-indent: -9999em; background: url("../images/btn-2.png") left bottom no-repeat; display: block; margin-left: 10px; }
#downloada .btn_downb:hover { text-decoration: none; background: url("../images/btn-2_hover.png") left top no-repeat; }
#downloada .btn_downc { float: left; width: 340px; height: 132px; position: relative; text-indent: -9999em; background: url("../images/btn-3.png") left bottom no-repeat; display: block; margin-left: 10px; }
#downloada .btn_downc:hover { text-decoration: none; background: url("../images/btn-3_hover.png") left top no-repeat; }
.wrap2 .top-wrap { width: 100%; height: 344px; position: absolute; z-index: 2; left: 0px; top: -130px; }
.wrap2 .top { position: absolute; display: block; width: 100%; animation-name: bottomIn; animation-duration: 0.8s; animation-delay: 0.2s; }
.wrap2 .col { float: left; height: 344px; font-size: 14px; position: relative; }
.wrap2 .col1 { width: 236px; background: rgb(26, 30, 25); }
.wrap2 .col1 .row1 { height: 162px; position: relative; background: url("index-icon.png") -342px 0px no-repeat; }
.wrap2 .col1 .row1 a { position: absolute; bottom: 18px; color: rgb(255, 234, 206); z-index: 1; }
.wrap2 .col1 .row1 a:hover { text-decoration: underline; }
.wrap2 .col1 .row1 .dl0 { display: block; width: 148px; height: 58px; bottom: 74px; left: 50%; margin-left: -74px; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-duration: 0.4s; transition-timing-function: ease; background: url("index-icon.png") -3px -189px no-repeat; }
.wrap2 .col1 .row1 .dl0:hover { background-position: -3px -124px; transform: scale(1.04); }
.wrap2 .col1 .row1 .dl1 { left: 28px; }
.wrap2 .col1 .row1 .dl1 span { position: absolute; right: -6px; top: -16px; font-size: 12px; background-color: rgb(255, 174, 0); color: rgb(0, 0, 0); padding: 0px 6px; transform: scale(0.8); border-radius: 13px; animation-name: Flash; animation-direction: alternate; animation-iteration-count: infinite; animation-duration: 0.6s; }
.wrap2 .col1 .row1 .dl2 { right: 16px; }
.wrap2 .col1 .row2 { height: 180px; position: relative; background: url("index-icon.png") -610px 0px no-repeat; }
.wrap2 .col1 .row2 a { position: absolute; top: 34px; z-index: 1; color: rgb(255, 234, 206); }
.wrap2 .col1 .row2 a.lk1 { left: 32px; }
.wrap2 .col1 .row2 a.lk2 { right: 32px; }
.wrap2 .col1 .row2 a i { display: block; margin: 0px auto 2px; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-duration: 0.3s; transition-timing-function: ease-out; background: url("index-icon.png") no-repeat; }
.wrap2 .col1 .row2 a:not(.lk3):hover i { transform: translateY(-4px); }
.wrap2 .col1 .row2 a.lk1 i { width: 26px; height: 24px; background-position: -864px 0px; }
.wrap2 .col1 .row2 a.lk2 i { width: 26px; height: 26px; background-position: -907px 0px; }
.wrap2 .col1 .row2 .lk3 { color: rgb(255, 234, 206); font-weight: 400; position: absolute; top: 134px; left: 64px; padding-left: 28px; }
.wrap2 .col1 .row2 .lk3 i { width: 22px; height: 24px; position: absolute; left: 0px; top: 0px; background: url("index-icon.png") -950px 0px no-repeat; }
.wrap2 .col1 .row2 a.lk3:hover i { transform: translateX(-2px); }
.wrap2 .col2 { width: 964px; overflow: hidden; background: rgb(227, 154, 115); }
.wrap2 .col2 .row { position: relative; height: 100%; background: rgb(255, 255, 255); overflow: hidden; top: 0px; }
.wrap2 .col2 .row-wrap { position: relative; left: 0px; width: 1784px; transition-property: left; transition-duration: 0.6s; transition-timing-function: ease-out; transform: translateZ(0px); }
.wrap2 .col2 .nav { position: absolute; display: block; width: 72px; height: 100%; right: 0px; top: 0px; }
.wrap2 .col2 .item { height: 172px; cursor: pointer; position: relative; background: rgb(214, 171, 105); }
.wrap2 .col2 .item.current { background: rgb(250, 194, 88); }
.wrap2 .col2 .item h1 { font-size: 22px; text-align: center; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; color: rgb(18, 2, 0); position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-duration: 0.4s; transition-timing-function: ease-out; }
.wrap2 .col2 .item.current h1 { color: rgb(164, 43, 30); font-weight: 700; }
.wrap2 .col2 .item i { position: absolute; left: 50%; top: 20px; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-duration: 0.4s; transition-timing-function: ease-out; background: url("iconO.png") no-repeat; }
.wrap2 .col2 .item em { position: absolute; display: block; left: 0px; top: 50%; opacity: 0; transition-property: left; transition-duration: 0.4s; transition-timing-function: ease-out; margin-top: -19px; width: 0px; height: 0px; border-top: 10px solid transparent; border-right: 10px solid rgb(250, 194, 88); border-bottom: 10px solid transparent; }
.wrap2 .col2 .item.current em { opacity: 1; left: -8px; }
.wrap2 .col2 .item i.i1 { width: 32px; height: 38px; margin-left: -16px; background-position: 0px 0px; }
.wrap2 .col2 .current i.i1 { background-position: -33px 0px; }
.wrap2 .col2 .item i.i2 { width: 34px; height: 32px; margin-left: -17px; background-position: -66px 0px; }
.wrap2 .col2 .item.clicktips i.i2 { animation: 2s linear 0s infinite normal none running scale; }
.wrap2 .col2 .current i.i2 { background-position: -100px 0px; }
.wrap2 .col2 .item:not(.current):hover i { transform: rotateY(180deg); }
.wrap2 .col2 .nav .return { display: block; height: 50px; text-align: center; color: rgb(255, 234, 206); line-height: 50px; transition-property: all; transition-duration: 0.4s; transition-timing-function: ease-out; background: rgb(0, 0, 0); }
.wrap2 .col2 .nav .return:hover { color: red; }
.wrap2 .slide-news .slide-wrap { position: relative; display: block; width: 496px; height: 344px; float: left; overflow: hidden; }
.wrap2 .slide-news .slide-wrap ul { position: relative; width: 100%; height: 100%; overflow: hidden; }
.wrap2 .slide-news .slide-wrap li { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; opacity: 0; overflow: hidden; transform: scale(1); transition-duration: 0.8s; transition-timing-function: ease; transition-property: transform, opacity, -webkit-transform, -moz-transform, -o-transform; }
.wrap2 .slide-news .slide-wrap li.on { opacity: 1; z-index: 3; transform: scale(1); }
.wrap2 .slide-news .slide-wrap li.fadeout { opacity: 0; transform: scale(1.12); z-index: 4; }
.wrap2 .slide-news .slide-wrap h2 { position: absolute; display: block; width: 100%; color: rgb(242, 242, 242); left: 0px; z-index: 1; bottom: 6px; padding: 6px 20px; background: rgba(0, 0, 0, 0.75); }
.wrap2 .slide-news .slide-nav { position: absolute; display: block; width: 100%; bottom: 0px; left: 0px; z-index: 6; height: 8px; transform: translateZ(0px); }
.wrap2 .slide-news .slide-nav span { display: block; width: 0%; cursor: pointer; height: 100%; float: left; margin-left: 1px; background: rgba(255, 255, 255, 0.7); }
.wrap2 .slide-news .slide-nav span.current { background: rgb(255, 185, 74); }
.wrap2 .col3 { width: 468px; }
.wrap2 .slide-news .news-wrap { float: left; width: 396px; position: relative; height: 344px; overflow: hidden; }
.wrap2 .slide-news .news { padding: 14px 24px; position: relative; }
.wrap2 .slide-news .news a.more { position: absolute; display: block; width: 12px; height: 12px; right: 24px; top: 24px; z-index: 2; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-duration: 0.4s; transition-timing-function: ease-out; background: url("index-icon.png") -401px -1124px no-repeat; }
.wrap2 .slide-news .news a.more:hover { transform: rotate(180deg); }
.wrap2 .news .tab { border-bottom: 1px solid rgb(228, 228, 228); padding-bottom: 4px; }
.wrap2 .news .tab li { float: left; width: 78px; cursor: pointer; font-size: 16px; margin: 0px 4px; padding: 6px 0px; text-align: center; transition-property: color; transition-duration: 0.2s; transition-timing-function: ease-out; }
.wrap2 .news .tab li.current { color: rgb(255, 185, 74); }
.wrap2 .news .line { position: absolute; display: block; width: 40px; height: 2px; background: rgb(255, 185, 74); left: 46px; top: 50px; transition-property: left; transition-duration: 0.2s; transition-timing-function: ease-out; }
.wrap2 .top-news { padding: 14px 0px; border-bottom: 1px dashed rgb(228, 228, 228); }
.wrap2 .top-news a { font-size: 16px; color: rgb(255, 185, 74); }
.wrap2 .top-news p { font-size: 12px; color: rgb(148, 148, 148); padding-top: 8px; line-height: 1.6; position: relative; }
.wrap2 .news-list .list { padding-top: 6px; }
.wrap2 .news-list .list a { color: rgb(148, 148, 148); display: block; font-size: 13px; position: relative; padding: 6px 0px 6px 12px; }
.wrap2 .news-list .jdlist a { padding-left: 0px; }
.wrap2 .news-list .list a i { display: inline-block; width: 42px; height: 16px; text-align: center; line-height: 16px; color: rgb(255, 255, 255); font-style: normal; font-size: 12px; margin-right: 6px; border-radius: 3px; }
.wrap2 .news-list .list a i.i1 { background-color: rgb(142, 181, 163); }
.wrap2 .news-list .list a i.i2 { background-color: rgb(202, 121, 121); }
.wrap2 .news-list .list a i.i3 { background-color: rgb(117, 117, 117); }
.wrap2 .news-list .list a:hover { color: rgb(0, 0, 0); }
.wrap2 .news-list .list a span { position: absolute; right: 0px; top: 6px; }
.wrap2 .news-list .list a::before { position: absolute; display: block; content: ""; width: 4px; height: 8px; left: 0px; top: 11px; background: url("common.png?v=123") -368px -642px no-repeat; font-size: 16px; }
.wrap2 .news-list .jdlist a::before { display: none; }
.wrap2 .news-list .list a:hover::before { background-position: -368px -619px; }
.wrap2 .news-list .list-item { float: left; width: 348px; }
.wrap2 .news-list-wrap { width: 348px; overflow: hidden; }
.wrap2 .news-list { width: 1392px; position: relative; left: 0px; transform: translateZ(0px); transition-property: left; transition-duration: 0.4s; transition-timing-function: ease-out; }
.wrap2 .slide-news { width: 892px; float: left; }
.wrap2 .lives-center { width: 828px; float: left; padding: 22px 32px; }
.wrap2 .game-center { float: left; width: 418px; }
.wrap2 .live-center { float: right; width: 354px; }
.wrap2 .game-center h1, .wrap2 .live-center h1 { display: block; height: 30px; position: relative; padding-bottom: 18px; }
.wrap2 .lives-center i { position: absolute; left: 0px; top: 6px; background: url("index-icon.png") no-repeat; }
.wrap2 .lives-center i.i1 { width: 118px; height: 22px; background-position: -853px -145px; }
.wrap2 .lives-center i.i2 { width: 120px; height: 22px; background-position: -853px -177px; }
.wrap2 .game-center h1 .more, .wrap2 .live-center h1 .more { position: absolute; width: 42px; height: 14px; right: 0px; top: 12px; background: url("index-icon.png") -936px -46px no-repeat; }
.wrap2 .game-center h1 .more:hover, .wrap2 .live-center h1 .more:hover { background-position: -936px -68px; }
.wrap2 .lives-center .slide-wrap { height: 104px; overflow: hidden; }
.wrap2 .lives-center .news-wrap { margin-top: 20px; padding-top: 8px; border-top: 1px dashed rgb(221, 221, 221); }
.wrap2 .game-center .list-wrap { float: left; width: 274px; }
.wrap2 .lives-center .list a { color: rgb(148, 148, 148); display: block; font-size: 13px; position: relative; padding: 6px 0px 6px 10px; }
.wrap2 .lives-center .list a:hover { color: rgb(0, 0, 0); }
.wrap2 .lives-center .list a span { position: absolute; right: 6px; top: 6px; }
.wrap2 .live-center .list a span { display: none; }
.wrap2 .lives-center .list a::before { position: absolute; display: block; content: ""; left: 0px; top: 11px; width: 4px; height: 8px; background: url("common.png?v=123") -368px -642px no-repeat; font-size: 16px; }
.wrap2 .lives-center .list a:hover::before { background-position: -368px -619px; }
.wrap2 .live-center .list-wrap { width: 150px; float: left; }
.wrap2 .lives-center .pics-slide { float: right; width: 130px; height: 106px; overflow: hidden; margin-top: 4px; position: relative; }
.wrap2 .lives-center .pics-slide ul { position: relative; top: 0px; }
.wrap2 .pics-slide .nav-wrap { position: absolute; display: block; width: 100%; height: 4px; left: 0px; bottom: 0px; }
.wrap2 .pics-slide .nav-wrap span { display: block; cursor: pointer; width: 42px; height: 4px; float: left; margin-right: 1px; background: rgba(255, 255, 255, 0.7); }
.wrap2 .pics-slide .nav-wrap span.current { background: rgb(255, 185, 74); }
.wrap2 .game-center .pics-slide li { position: relative; overflow: hidden; }
.wrap2 .game-center .pics-slide li span { display: block; width: 100%; font-size: 12px; color: rgb(255, 255, 255); text-align: center; height: 20px; line-height: 20px; background: rgba(255, 185, 74, 0.85); position: absolute; bottom: -30px; left: 0px; transition-property: bottom; transition-timing-function: ease-out; transition-duration: 0.4s; }
.wrap2 .game-center .pics-slide li a:hover span { bottom: 0px; }
.wrap2 .game-center .pics-slide li strong { position: absolute; width: 12px; height: 12px; text-align: center; line-height: 12px; color: rgb(255, 255, 255); background: rgb(39, 39, 39); right: 16px; bottom: 14px; display: none; }
.wrap2 .game-center .pics-slide li a:hover strong { background: rgb(216, 148, 39); }
.wrap2 .game-center .pics-slide li strong::after { position: absolute; display: block; width: 5px; content: ""; left: 4px; top: 3px; height: 10px; background: url("index-icon.png") -948px -95px no-repeat; }
.wrap2 .bottom-wrap { padding-top: 270px; position: relative; z-index: 1; }
.wrap2 .bottom { height: 420px; animation-name: bottomIn; animation-duration: 0.8s; animation-delay: 0.4s; }
.wrap2 .bottom .tabs li { float: left; width: 25%; height: 120px; line-height: 120px; position: relative; overflow: hidden; text-align: center; }
.wrap2 .bottom .tabs i { position: absolute; display: block; background: url("index-icon.png") no-repeat; }
.wrap2 .bottom li .txt { position: absolute; display: block; background: url("index-icon.png") no-repeat; left: 50%; top: 50%; transition-property: margin-left; transition-duration: 0.6s; transition-timing-function: ease-out; width: 98px; height: 24px; margin-left: -34px; margin-top: -12px; transform: translateZ(0px); }
.wrap2 .bottom li.current .txt { width: 112px; height: 28px; margin-left: -56px; margin-top: -14px; }
.wrap2 .bottom .li1 .txt { background-position: -127px -485px; }
.wrap2 .bottom li.li1.current .txt { background-position: 0px -486px; }
.wrap2 .bottom .li2 .txt { background-position: -126px -544px; }
.wrap2 .bottom li.li2.current .txt { background-position: 0px -544px; }
.wrap2 .bottom .li3 .txt { background-position: -129px -602px; }
.wrap2 .bottom li.li3.current .txt { background-position: 0px -602px; }
.wrap2 .bottom .li4 .txt { margin-left: -30px; background-position: -129px -660px; }
.wrap2 .bottom li.li4.current .txt { background-position: 0px -660px; }
.wrap2 .bottom .tabs li em { position: absolute; display: block; width: 2px; height: 32px; top: 50%; margin-top: -16px; right: 0px; border-right: 1px dashed rgb(0, 0, 0); }
.wrap2 .bottom .i-o { position: absolute; display: block; width: 28px; height: 26px; top: 50%; margin-top: -13px; left: 84px; opacity: 1; transition-property: opacity, left, transform, -webkit-transform, -moz-transform, -o-transform; transition-duration: 0.6s; transition-timing-function: ease-out; }
.wrap2 .bottom .current .i-o { opacity: 0; left: 64px; transform: scale(0.1); }
.wrap2 .bottom .li1 .i-o { background-position: 0px -431px; }
.wrap2 .bottom .li2 .i-o { background-position: -48px -431px; }
.wrap2 .bottom .li3 .i-o { background-position: -89px -431px; }
.wrap2 .bottom .li4 .i-o { background-position: -128px -431px; }
.wrap2 .bottom .i-t { width: 38px; height: 36px; left: 50%; margin-left: -19px; top: 10px; opacity: 0; transform: translateZ(0px); transition-property: opacity, top; transition-duration: 0.6s; transition-timing-function: ease-out; }
.wrap2 .bottom .current .i-t { opacity: 1; top: 0px; }
.wrap2 .bottom .li1 .i-t { background-position: 0px -386px; }
.wrap2 .bottom .li2 .i-t { background-position: -44px -385px; }
.wrap2 .bottom .li3 .i-t { background-position: -84px -385px; }
.wrap2 .bottom .li4 .i-t { background-position: -127px -385px; }
.wrap2 .bottom .tabs .i-b { width: 30px; height: 16px; left: 50%; display: block; margin-left: -15px; bottom: 20px; opacity: 0; transition-property: opacity, bottom; transition-duration: 0.6s; transform: translateZ(0px); transition-timing-function: ease-out; background-position: -176px -386px; }
.wrap2 .bottom .tabs a.i-b { left: 50%; margin-left: -15px; position: absolute; background: url("index-icon.png") -217px -386px no-repeat; }
.wrap2 .bottom .tabs a.i-b:hover { background-position: -258px -386px; }
.wrap2 .bottom .current .i-b { opacity: 1; bottom: 14px; }
.wrap2 .bottom .tabs .i-l { width: 72px; height: 16px; top: 50%; margin-top: -8px; left: 0px; transition-property: left, opacity; transition-duration: 0.5s; transition-timing-function: ease-out; background-position: -1px -718px; opacity: 0; }
.wrap2 .bottom .current .i-l { opacity: 1; left: 12px; }
.wrap2 .bottom .tabs .i-r { width: 72px; height: 16px; top: 50%; margin-top: -8px; right: 0px; transition-property: right, opacity; transition-duration: 0.5s; transition-timing-function: ease-out; background-position: -129px -718px; opacity: 0; }
.wrap2 .bottom .current .i-r { opacity: 1; right: 12px; }
.sld { position: relative; }
.sld1 .line { position: absolute; display: block; background: url("index-cszc-line.png") center top no-repeat; width: 1167px; height: 34px; left: 50%; margin-left: -583px; top: 70px; z-index: 0; }
.cszc { width: 1200px; overflow: hidden; position: relative; z-index: 2; }
.cszc ul { position: relative; display: block; transform: translateZ(0px); left: 0px; }
.cszc li { width: 1200px; height: 204px; overflow: hidden; position: relative; float: left; }
.cszc li .img-wrap { position: absolute; display: block; width: 902px; height: 160px; left: 50%; top: 50%; z-index: 1; margin-top: -80px; margin-left: -451px; opacity: 0; transform: scale(0.2); transition-property: opacity, transform, -webkit-transform, -moz-transform, -o-transform; transition-duration: 0.6s; transition-timing-function: ease-out; }
.cszc li.current .img-wrap { opacity: 1; transform: scale(1); }
.sld1 .filter { position: absolute; display: block; width: 120px; height: 204px; z-index: 4; background: url("index-cszc-filter.png") no-repeat; }
.sld1 .filter-l { left: 0px; top: 0px; background-position: 0px 0px; }
.sld1 .filter-r { right: 0px; top: 0px; background-position: 0px -224px; }
.sld1 .nav { position: absolute; display: block; z-index: 6; cursor: pointer; width: 38px; height: 38px; top: 50%; margin-top: -19px; background: url("index-icon.png") no-repeat; }
.sld1 .nav-l { left: 0px; background-position: -342px -386px; }
.sld1 .nav-l:hover { background-position: -342px -436px; }
.sld1 .nav-r { right: 0px; background-position: -399px -386px; }
.sld1 .nav-r:hover { background-position: -401px -436px; }
.sld1 .year { font-weight: 400; color: rgb(143, 143, 143); font-size: 14px; width: 60px; text-align: center; position: absolute; display: block; z-index: 5; bottom: 119px; }
.sld1 .year i { position: absolute; display: block; width: 18px; height: 18px; bottom: -22px; left: 50%; margin-left: -9px; background: url("index-icon.png") -459px -386px no-repeat; }
.sld1 .y-l { left: 60px; }
.sld1 .y-r { right: 60px; }
.cszc li .txt-wrap { position: absolute; display: block; width: 456px; height: 204px; left: 50%; margin-left: -228px; text-align: center; top: 0px; z-index: 2; }
.cszc li .txt-txt { position: absolute; top: 38px; width: 390px; left: 50%; z-index: 2; margin-left: -195px; }
.cszc li svg { position: absolute; z-index: 1; left: 10px; top: 10px; }
.cszc li .txt-wrap h1 { font-size: 22px; color: rgb(255, 185, 74); }
.cszc li .txt-wrap h2 { color: rgb(255, 185, 74); font-size: 16px; }
.cszc li .txt-wrap p { font-size: 12px; color: rgb(184, 179, 171); }
.cszc li .txt-wrap .split { width: 10px; height: 2px; margin: 14px auto; background: rgb(255, 185, 74); }
.tabs-slide { width: 100%; overflow: hidden; }
.sld-wrap { position: relative; display: block; width: 4880px; left: 0px; transform: translateZ(0px); transition-property: left; transition-duration: 0.6s; transition-timing-function: ease-out; }
.sld-wrap .sld { float: left; width: 1200px; margin-right: 20px; }
.sld2 .sld2-wrap { margin-left: -9px; margin-right: -9px; }
.sld2 .col { float: left; padding: 20px 30px; width: 330px; height: 260px; background: rgb(255, 255, 255); margin: 0px 8px; }
.sld2 .col h1 { font-size: 20px; position: relative; padding-bottom: 10px; }
.sld2 .col h1 a { position: absolute; width: 42px; height: 14px; right: 0px; top: 8px; background: url("index-icon.png") -936px -46px no-repeat; }
.sld2 .col h1 a:hover { background-position: -936px -68px; }
.sld2 .list a { color: rgb(148, 148, 148); display: block; font-size: 13px; position: relative; padding: 10px 0px; border-top: 1px dashed rgb(222, 222, 222); }
.sld2 .list a:hover { color: rgb(0, 0, 0); }
.sld2 .list a span { position: absolute; right: 0px; top: 9px; }
.sld2 .col2 .ul-wrap { border-top: 1px dashed rgb(222, 222, 222); padding-top: 28px; }
.sld2 .col2 ul { margin-left: -6px; margin-right: -6px; }
.sld2 .col2 li { float: left; width: 50%; margin-bottom: 36px; }
.sld2 .col2 .img-wrap { float: left; width: 64px; border-radius: 50%; overflow: hidden; margin-right: 4px; }
.sld2 .col2 .info-wrap { font-size: 12px; color: rgb(148, 148, 148); padding-top: 4px; line-height: 1.6; }
.sld2 .col3 .ul-wrap { border-top: 1px dashed rgb(222, 222, 222); padding-top: 16px; }
.sld2 .col3 li { float: left; }
.sld2 .col3 li .img-wrap { width: 170px; }
.sld2 .col3 li.li2 { width: 140px; margin-left: 20px; }
.sld2 .col3 li h1 { position: relative; height: 44px; font-size: 20px; padding-bottom: 0px; text-indent: 32px; line-height: 44px; color: rgb(148, 148, 148); border-bottom: 1px solid rgb(148, 148, 148); }
.sld2 .col3 li h1 i { position: absolute; display: block; left: 0px; top: 50%; background: url("index-icon.png") no-repeat; }
.sld2 .col3 li h1 i.i1 { width: 28px; height: 32px; margin-top: -16px; background-position: -521px -386px; }
.sld2 .col3 li h1 i.i2 { width: 22px; height: 24px; margin-top: -12px; background-position: -560px -386px; }
.sld2 .col3 li h3 { color: rgb(148, 148, 148); line-height: 24px; height: 24px; font-size: 13px; position: relative; padding-left: 12px; }
.sld2 .col3 li h3.h3-1 { margin-top: 8px; }
.sld2 .col3 li h3::before { position: absolute; display: block; content: ""; width: 5px; height: 12px; left: 2px; top: 6px; background: url("index-icon.png") -601px -387px no-repeat; }
.sld2 .col3 li a:hover { color: rgb(81, 32, 23); text-decoration: underline; }
.sld .list-ul { margin-left: -4px; margin-right: -4px; }
.sld .list-ul li { float: left; width: 290px; margin: 0px 6px; cursor: pointer; position: relative; }
.sld .list-ul li img { transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-duration: 0.6s; transition-timing-function: ease-out; }
.sld .list-ul li:hover img { transform: scale(1.14, 1.14); }
.sld .list-ul h2 { line-height: 36px; height: 36px; color: rgb(85, 81, 76); font-size: 16px; padding-left: 16px; position: relative; }
.sld .list-ul h2::before { position: absolute; display: block; content: ""; width: 10px; height: 10px; left: 2px; top: 13px; background: url("index-icon.png") -622px -386px no-repeat; }
.sld .list-ul .hover { position: absolute; display: block; width: 100%; left: 0px; top: 0px; z-index: 1; height: 252px; opacity: 0; background: rgba(0, 0, 0, 0.65); transition-property: opacity; transition-duration: 0.6s; transition-timing-function: ease-out; }
.sld .list-ul li:hover .hover { opacity: 1; }
.sld .list-ul .play { position: absolute; display: block; width: 64px; height: 64px; left: 50%; top: 50%; margin-left: -32px; margin-top: -48px; z-index: 3; opacity: 0; transform: scale(1.6, 1.6); transition-property: transform, opacity, -webkit-transform, -moz-transform, -o-transform; transition-duration: 0.4s; transition-timing-function: ease-out; background: url("common.png") 0px -92px no-repeat; }
.sld .list-ul li:hover .play { opacity: 1; transform: scale(1, 1); }
.sld .list-ul .arrow { position: absolute; display: block; z-index: 3; width: 20px; height: 26px; left: 50%; margin-left: -7px; top: 112px; background: url("index-icon.png") -723px -386px no-repeat; }
.wrap3 { background: url("index-wrap3.jpg") center top no-repeat; height: 1780px; z-index: 3; overflow: visible; }
.wrap3 .t-title i { width: 154px; height: 32px; margin-top: -16px; background-position: -459px -557px; }
.wrap3 .wrap3-1 { height: 770px; position: relative; animation-name: bottomIn; animation-duration: 0.8s; animation-delay: 0.4s; }
.wrap3 .role-slide { display: block; position: absolute; width: 1920px; left: 50%; z-index: 2; top: 0px; margin-left: -960px; }
.wrap3 .role-slide .role { display: none; }
.wrap3 .bg-wrap { position: absolute; display: block; width: 1920px; height: 770px; left: 50%; top: 0px; z-index: 0; margin-left: -960px; }
.wrap3 .bg-wrap .bg-item { position: absolute; width: 320px; height: 770px; top: 0px; overflow: hidden; }
.wrap3 .bg-wrap .bgimg { position: absolute; display: block; width: 100%; height: 100%; z-index: 1; background: url("index-role-bg.png") 0px 0px no-repeat; }
.wrap3 .bg-wrap .bg0 .bgimg { background-position: 0px 0px; }
.wrap3 .bg-wrap .bg1 .bgimg { background-position: 0px -770px; }
.wrap3 .bg-wrap .bg2 .bgimg { background-position: 0px -1540px; }
.wrap3 .bg-wrap .bg3 .bgimg { background-position: 0px -2310px; }
.wrap3 .bg-wrap .bg4 .bgimg { background-position: 0px -3080px; }
.wrap3 .bg-wrap .bg-item1 { left: 0px; }
.wrap3 .bg-wrap .bg-item2 { left: 320px; }
.wrap3 .bg-wrap .bg-item3 { right: 320px; }
.wrap3 .bg-wrap .bg-item4 { right: 0px; }
.wrap3 .bg-item i { position: absolute; width: 2px; right: 0px; top: 50%; margin-top: -370px; height: 740px; display: block; z-index: 2; background: url("index-icon.png") -273px -1230px no-repeat; }
.wrap3 .nav { position: absolute; display: block; width: 126px; height: 114px; z-index: 4; top: 312px; color: rgb(253, 206, 105); font-size: 20px; cursor: pointer; background: url("index-icon.png") no-repeat; }
.wrap3 .nav-l { left: 0px; background-position: 0px -778px; }
.wrap3 .nav-l:hover { background-position: -275px -778px; }
.wrap3 .nav-r { right: 0px; background-position: -137px -778px; }
.wrap3 .nav-r:hover { background-position: -412px -778px; }
.wrap3 .nav-l span { position: absolute; left: 50px; top: 36px; }
.wrap3 .nav-r span { position: absolute; right: 50px; top: 36px; }
.wrap3 .nav i { position: absolute; display: block; width: 30px; height: 12px; bottom: 36px; transform: translateZ(0px); transition-property: left, right; transition-duration: 0.4s; transition-timing-function: ease-out; background: url("index-icon.png") no-repeat; }
.wrap3 .nav-l i { left: 60px; background-position: 0px -938px; }
.wrap3 .nav-l:hover i { left: 53px; }
.wrap3 .nav-r i { right: 60px; background-position: -48px -938px; }
.wrap3 .nav-r:hover i { right: 54px; }
.wrap3 .r-img { position: absolute; z-index: 1; transform: translateZ(0px); }
.wrap3 .r-img2 { display: none; }
.wrap3 .role-lj .r-img1 { left: 440px; top: -230px; }
.wrap3 .role-lj .r-img2 { right: 350px; top: -200px; }
.wrap3 .role-zs .r-img1 { left: 440px; top: -160px; }
.wrap3 .role-zs .r-img2 { left: 406px; top: -160px; }
.wrap3 .role-fs .r-img1 { left: 475px; top: -200px; }
.wrap3 .role-fs .r-img2 { left: 490px; top: -200px; }
.wrap3 .role-ds .r-img1 { left: 530px; top: -200px; }
.wrap3 .role-ds .r-img2 { left: 500px; top: -160px; }
.wrap3 .role-ys .r-img1 { left: 128px; top: -150px; }
.wrap3 .role-ys .r-img2 { left: 140px; top: -154px; }
.wrap3 .r-desc { position: absolute; z-index: 2; transform: translateZ(0px); }
.wrap3 .role-lj .r-desc { left: 566px; top: -80px; }
.wrap3 .role-zs .r-desc { right: 550px; top: -80px; }
.wrap3 .role-fs .r-desc { right: 550px; top: -80px; }
.wrap3 .role-ds .r-desc { left: 556px; top: -80px; }
.wrap3 .role-ys .r-desc { left: 556px; top: -80px; }
.wrap3 .gif-wrap { position: absolute; display: block; width: 300px; z-index: 2; border: 2px solid rgb(255, 185, 74); }
.wrap3 .gif-wrap i { position: absolute; display: block; width: 304px; height: 150px; left: -10px; top: -10px; background: url("index-icon.png") -342px -1457px no-repeat; }
.wrap3 .role-lj .gif-wrap { right: 566px; top: 400px; }
.wrap3 .role-zs .gif-wrap { left: 570px; top: 420px; }
.wrap3 .role-fs .gif-wrap { left: 570px; top: 420px; }
.wrap3 .role-ds .gif-wrap { right: 570px; top: 420px; }
.wrap3 .role-ys .gif-wrap { right: 670px; top: 400px; }
.wrap3 .gif-wrap img { max-width: 100%; }
.wrap3 .r-toggle { position: absolute; width: 30px; height: 56px; background: url("index-icon.png") -764px -456px no-repeat; }
.wrap3 .r-toggle span { position: absolute; display: block; width: 25px; height: 25px; left: 2px; cursor: pointer; opacity: 0; transition-property: opacity; transition-duration: 0.4s; transition-timing-function: ease-out; background: url("index-icon.png") no-repeat; }
.wrap3 .r-toggle span.current { opacity: 1; cursor: default; }
.wrap3 .r-toggle span.s-1 { top: 2px; background-position: -795px -456px; }
.wrap3 .r-toggle span.s-2 { bottom: 2px; background-position: -795px -484px; }
.wrap3 .r-toggle { right: 30px; bottom: 80px; }
.wrap3 .wrap3-2 { position: relative; padding-top: 70px; z-index: 2; animation-name: bottomIn; animation-duration: 0.8s; animation-delay: 1.2s; }
.wrap3-2 .t-title { position: relative; top: 0px; }
.wrap3-2 .t-title i { background-position: -457px -607px; }
.wrap3-2 .ul-wrap { margin-left: -4px; margin-right: -4px; }
.wrap3-2 li { float: left; width: 290px; height: 185px; margin: 0px 6px; position: relative; overflow: hidden; }
.wrap3-2 li h1 { position: absolute; display: block; width: 100%; height: 34px; line-height: 34px; text-align: center; color: rgb(255, 255, 255); left: 0px; z-index: 1; bottom: 0px; background: rgba(0, 0, 0, 0.65); transition-property: bottom; transition-duration: 0.4s; transition-timing-function: ease-out; }
.wrap3-2 li:hover h1 { bottom: -36px; }
.wrap3-2 li .hover { position: absolute; display: block; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 2; opacity: 0; transition-property: opacity; transition-duration: 0.4s; transition-timing-function: ease-out; background: rgba(0, 0, 0, 0.65); }
.wrap3-2 li .hover span { display: block; position: absolute; width: 66px; height: 86px; left: 50%; top: 50%; margin-left: -33px; margin-top: -43px; opacity: 0; transform: scale(1.6); transition: all 0.4s ease-out 0s; background: url("index-icon.png") -112px -937px no-repeat; }
.wrap3-2 li:hover .hover { opacity: 1; }
.wrap3-2 li:hover .hover span { opacity: 1; transform: scale(1); }
.wrap3-2 li img { transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-duration: 0.4s; transform: scale(1, 1); transition-timing-function: ease-out; }
.wrap3-2 li:hover img { transform: scale(1.12, 1.12); }
.wrap3-2 li h1::after, .wrap3-2 li h1::before { position: absolute; display: block; width: 10px; height: 10px; top: 12px; content: ""; background: url("index-icon.png") -91px -937px no-repeat; }
.wrap3-2 li h1::before { left: 106px; }
.wrap3-2 li h1::after { right: 106px; }
.wrap3-3 { padding-top: 10px; display: none; animation-name: bottomIn; animation-duration: 0.8s; animation-delay: 0.2s; }
.wrap3-3 .t-title { position: relative; top: 0px; }
.wrap3-3 .t-title i { background-position: -457px -656px; }
.wrap3-3 .slide > li { float: left; width: 101px; height: 258px; overflow: hidden; transition-property: width, transform, -webkit-transform, -moz-transform, -o-transform; transition-duration: 0.6s; transition-timing-function: ease; position: relative; transform: translateZ(0px); }
.wrap3-3 .slide > li:not(.current):hover { transform: scale(1.06, 1.06); z-index: 2; }
.wrap3-3 .slide li.current { width: 695px; }
.wrap3-3 .slide li .s-t { position: absolute; display: block; left: 0px; top: 0px; width: 101px; height: 258px; cursor: pointer; background: url("index-icon.png") 0px -1046px no-repeat; }
.wrap3-3 .slide li.current .s-t { cursor: default; background-position: -123px -1046px; }
.wrap3-3 .slide li .s-c { width: 594px; left: 101px; position: absolute; display: block; height: 258px; background: rgb(157, 135, 131); }
.wrap3-3 .s-t h1 { color: rgb(255, 255, 255); font-size: 20px; left: 40px; top: 96px; position: absolute; }
.wrap3-3 .current .s-t h1 { color: rgb(255, 185, 74); }
.wrap3-3 .slide li i { position: absolute; display: block; width: 30px; height: 30px; left: 50%; margin-left: -15px; top: 50px; background: url("index-icon.png") no-repeat; transition-property: top; transition-duration: 0.4s; transition-timing-function: ease-out; }
.wrap3-3 .slide li:not(.current):hover i { top: 44px; }
.wrap3-3 .slide li em { position: absolute; display: block; width: 2px; height: 14px; left: 48px; bottom: 76px; background: rgb(255, 255, 255); transition-property: bottom; transition-duration: 0.4s; transition-timing-function: ease-out; }
.wrap3-3 .slide li:not(.current):hover em { bottom: 70px; }
.wrap3-3 .slide li.current em { background: rgb(255, 185, 74); }
.wrap3-3 .slide li.li1 i { background-position: -275px -1046px; }
.wrap3-3 .slide li.li2 i { background-position: -309px -1046px; }
.wrap3-3 .slide li.li3 i { background-position: -343px -1046px; }
.wrap3-3 .slide li.li4 i { background-position: -377px -1046px; }
.wrap3-3 .slide li.li5 i { background-position: -411px -1046px; }
.wrap3-3 .slide li.li6 i { background-position: -445px -1046px; }
.wrap3-3 .slide li.li1.current i { background-position: -275px -1085px; }
.wrap3-3 .slide li.li2.current i { background-position: -309px -1085px; }
.wrap3-3 .slide li.li3.current i { background-position: -343px -1085px; }
.wrap3-3 .slide li.li4.current i { background-position: -377px -1085px; }
.wrap3-3 .slide li.li5.current i { background-position: -411px -1085px; }
.wrap3-3 .slide li.li6.current i { background-position: -445px -1085px; }
.wrap3-3 .sc-wrap { font-size: 14px; padding: 8px 24px; }
.wrap3-3 .c-wrap { padding-top: 12px; }
.wrap3-3 .sc-wrap .list { float: left; width: 300px; }
.wrap3-3 .sc-wrap h1 { color: rgb(255, 255, 255); font-size: 20px; position: relative; height: 40px; line-height: 40px; border-bottom: 1px solid rgb(196, 183, 181); }
.wrap3-3 .sc-wrap h1::after { position: absolute; display: block; width: 82px; height: 2px; content: ""; background: rgb(255, 255, 255); left: 0px; bottom: 0px; }
.wrap3-3 .sc-wrap h1 a.more { position: absolute; display: block; width: 17px; height: 17px; right: 0px; top: 13px; background: url("index-icon.png") -349px -1124px no-repeat; }
.wrap3-3 .sc-wrap h1 a.more:hover { background-position: -372px -1124px; }
.wrap3-3 .sc-wrap li { position: relative; }
.wrap3-3 .list a { display: block; width: 100%; line-height: 2.6; color: rgb(0, 0, 0); }
.wrap3-3 .sc-wrap li:hover a, .wrap3-3 .sc-wrap li:hover span { color: rgb(255, 255, 255); }
.wrap3-3 .sc-wrap li span { position: absolute; right: 0px; top: 8px; }
.wrap3-3 .focus { float: right; }
.wrap3-3 .focus .f { position: relative; overflow: hidden; width: 232px; height: 76px; margin: 8px 0px; background: rgb(97, 75, 68); }
.wrap3-3 .focus a { width: 232px; height: 76px; z-index: 1; left: 0px; top: 0px; display: block; position: relative; }
.wrap3-3 .focus img { position: absolute; right: -60px; top: 0px; z-index: 1; transition-property: right; transition-duration: 0.4s; transition-timing-function: ease-out; }
.wrap3-3 .focus a:hover img { right: -40px; }
.wrap3-3 .focus .desc { position: absolute; left: 8px; top: 8px; color: rgb(255, 185, 74); transition-property: left; transition-duration: 0.4s; transition-timing-function: ease-out; }
.wrap3-3 .focus .desc strong { display: block; line-height: 1.2; font-size: 16px; font-weight: 400; }
.wrap3-3 .focus .desc b { font-size: 12px; font-weight: 400; line-height: 1.2; }
.wrap3-3 .focus .desc .view { display: block; width: 16px; height: 16px; margin-top: 6px; background: url("index-icon.png") -275px -1124px no-repeat; }
.wrap3-4 { position: relative; display: block; padding-top: 130px; animation-name: bottomIn; animation-duration: 0.8s; animation-delay: 0.4s; }
.wrap3-4 .wx-img { width: 124px; margin: 0px auto; }
.wrap3-4 .tips-wrap { width: 916px; margin: 80px auto 0px; position: relative; }
.wrap3-4 .tips-wrap::before { position: absolute; display: block; width: 0px; height: 100%; border-left: 1px dashed rgb(49, 49, 49); left: 50%; top: 0px; content: ""; }
.wrap3-4 .tips-wrap .l { float: left; width: 418px; height: 82px; margin: 0px 20px; position: relative; }
.wrap3-4 .tips-wrap .l-l i { position: absolute; background: url("index-wrap3-2-tips.png") center top no-repeat; width: 398px; height: 69px; top: 6px; right: 0px; }
.wrap3-4 .tips-wrap .l-r a { display: block; height: 32px; line-height: 32px; text-align: center; position: absolute; color: rgb(49, 49, 49); font-size: 14px; border-radius: 2px; border: 1px solid rgb(49, 49, 49); transition: all 0.6s ease-out 0s; text-indent: 20px; }
.wrap3-4 .tips-wrap .l-r a:hover { background: rgb(49, 49, 49); color: rgb(255, 255, 255); }
.wrap3-4 .tips-wrap .l-r a.a1, .wrap3-4 .tips-wrap .l-r a.a2 { width: 204px; top: 4px; }
.wrap3-4 .tips-wrap .l-r a.a2 { right: 0px; }
.wrap3-4 .tips-wrap .l-r a.a3, .wrap3-4 .tips-wrap .l-r a.a4 { width: 121px; bottom: 4px; }
.wrap3-4 .tips-wrap .l-r a.a4 { left: 130px; }
.wrap3-4 .tips-wrap .l-r a.a5 { width: 156px; right: 0px; bottom: 4px; }
.wrap3-4 .tips-wrap .l-r a i { width: 7px; height: 12px; position: absolute; display: block; top: 10px; background: url("index-icon.png") -313px -1124px no-repeat; }
.wrap3-4 .tips-wrap .l-r a.a1 i { left: 58px; }
.wrap3-4 .tips-wrap .l-r a.a2 i { left: 50px; }
.wrap3-4 .tips-wrap .l-r a.a3 i, .wrap3-4 .tips-wrap .l-r a.a4 i { left: 30px; }
.wrap3-4 .tips-wrap .l-r a.a5 i { left: 34px; }
.wrap3-4 .tips-wrap .l-r a:hover i { background-position: -331px -1124px; }
#videoPop .content { width: 780px; height: 440px; margin-left: -390px; margin-top: -220px; }
.ven { position: absolute; z-index: 1111; width: 594px; height: 196px; background-color: rgba(53, 26, 5, 0.8); padding: 20px; font-family: 微软雅黑; line-height: 1.8; font-size: 16px; border-radius: 10px; left: 50%; margin-left: -423px; margin-top: -73px; top: 603px; }
.venr {position: absolute;z-index: 1111;width: 180px;height: 196px;background-color: rgba(53, 26, 5, 0.8);padding: 20px;font-family: 微软雅黑;line-height: 1.8;font-size: 16px;border-radius: 10px;left: 50%;margin-left: 223px;margin-top: -73px;top: 603px;}


	/*浮动条*/
	#Floatingbars{width:146px;height:404px;position:fixed;top:20%;right:0px;z-index:10000;background: url(../logo50images/icon29.png) no-repeat center center;}
	#Floatingbars ._btn_qqqun{display:block;text-align:center;margin-top:13px;}


	#Floatingbars .btn_showhide{width:27px; height:95px; position:absolute;top:46px;right:100%;cursor:pointer;background:url(../logo50images/icon25.png) no-repeat left top;}
	#Floatingbars .btn_showhide.off{background:url(../logo50images/icon33.png) no-repeat left top;}


.kv-music {position:fixed;z-index:50;top:50px;left:50px; background:url(../logo50images/mp3.png); width:70px; height:70px;}
.kv-music a { display:block; font-size:14px; color:#FFF; letter-spacing:5.0pt; padding:45px 0 0 15px;}


	/*客服列表*/
	.kefulist{}
	.kefulist li{font-size:14px;padding-right:19px;padding-left:19px;list-style: none;}
	.kefulist li a{height:48px;line-height:48px;color: #dcb86b;text-decoration:none;display:block;width: 108px;text-align: center;}
	.kefulist li a [class^='icon']{margin-right:10px;vertical-align:middle;}
	.kefulist li:nth-last-of-type(1) a{border:none;}
	.kefulist li:hover .icon_qq{background-position:right top;}
	.kefulist li:hover a{color:#fff;}
	.icon_kefu{width:15px;/* height:15px; *//* background:url(../logo50images/icon_kefu.png) no-repeat left top; */display:inline-block;}
	.icon_kefu.icon_kefu1x1{/* background-position:0 0; */}
	.icon_kefu.icon_kefu2x1{background-position:-15px 0;}
	/*QQ群*/
	.qq_qunList{overflow:hidden;padding-top:10px;padding-bottom:12px;}
	.qq_qunList li{width:92px;margin:0 auto 15px auto;}
	.qq_qunList li a{width:90px;height:22px;display:block;}
	.qq_qunList li a img{width:100%;height:100%;}
	/*更多*/
	._more{width:36px;height:36px;position:absolute;text-indent:-999em;top:25px;right:10px;background:url(../logo50images/icon_add.html) no-repeat center center;}
	/*返回顶部*/
	.btn_backtop{height:30px;line-height:30px;text-align:center;font-size:14px;color:#fce6ac;display:block;}
	.btn_backtop:hover{color:#a6935b;text-decoration:none;}
	/*二维码*/
	.RQcodes{padding-top:17px;padding-bottom:17px;}
	.RQcodes strong{line-height:24px;font-size:16px;font-weight:normal;color:#dcb86b;display:block;padding-left:20px;padding-right:12px;}
	.RQcodes span{line-height:20px;color:#dcb86b;margin-bottom:10px;display:block;padding-left:20px;padding-right:12px;}
	.RQcodes .pic{width:108px;height:108px;margin:0 auto;}
	.RQcodes .pic img{width:100%;height:100%;}