﻿@charset "utf-8";
/* CSS Document */
/*----*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,p,th,td{margin:0;padding:0}
img{border:0;vertical-align:top}
ol,ul{list-style:none}
a,area{blr:expression(this.onFocus=this.blur())}
body{font:normal 12px/20px "微软雅黑","宋体",Tahoma,Geneva,sans-serif;background:#23222c  url("../images/bg-m-b.jpg"/*tpa=http://vip26.jd80.top:8888/images/bg-m-b.jpg*/) bottom no-repeat; }
a{color:#a9764d;text-decoration:none;outline:none}
a:hover{color:#e0cfaa;text-decoration:underline}

.wrap{width:1000px;margin:0 auto; margin-top:0px; position:relative; z-index:200;}

.ml10 { margin-left:10px;}
ul,ol,li { list-style:none;}
/*----*/

/* FLOAT */
.fr { float: right; }
.fl { float: left; }
/* DISPLAY */
.disb { display: block; }
.hid { display: none; }
.disib { display: inline-block; *display: inline;
*zoom: 1;
}
.mt12 { margin-top: 12px; }
.ti { text-indent: -999em; }
.pt100 { padding-top: 100px; }
.pt250 { padding-top: 250px; }
/* global */

/*---*/
.k3 { width:1100px; height:auto;  overflow:hidden; margin:0 auto; margin-top:10px;}


.fl{float:left}.fr{float:right}.mt10{margin-left:12px;}.ml50{margin-left:50px;}.clearfix{zoom:1}.warp{width:1200px;margin-left:auto;margin-right:auto;}.microHei{font-family:"Microsoft YaHei"}#header{background:url("../top/images/brief_01.jpg"/*tpa=http://vip26.jd80.top:8888/top/images/brief_01.jpg*/) repeat-x;height:126px;padding-top:0;width:100%;}#header a.fl{height:126px}#header .ban{float:right;width:50px;height:50px;margin-top:30px;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;}#header #demo{overflow:hidden;height:50px;line-height:50px;width:800px;color:#d2d2ca;white-space:nowrap;float:left;margin-top:30px;font-size:24px;margin-left:30px;margin-right:30px;}.an_buut{position:fixed;width:235px;height:235px;background:url("../top/images/logo.png"/*tpa=http://vip26.jd80.top:8888/top/images/logo.png*/) no-repeat;z-index:10;left:50%;margin-left:-800px;z-index:100000;margin-top:-20px}.an_buut img{margin-left:30px;margin-top:10px;}#Version{width:100%;height:900px;position:relative;overflow:hidden;}#Flash{width:1920px;height:900px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:50;}#Header{margin:0 auto -290px -960px;width:1920px;height:900px;position:relative;left:50%;}.hao123{width:260px;height:20px;top:0px;left:50%;margin-left:-550px;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;position:absolute;z-index:5000;}.float_nav{width:191px;height:442px;background:url("../top/images/spr.png"/*tpa=http://vip26.jd80.top:8888/top/images/spr.png*/) no-repeat 0 -76px;position:fixed;right:10px;top:45%;padding:62px 0 0;z-index:100000;}.float_nav li{height:50px;width:115px;margin:0 auto;padding:10px 0 0;}.float_nav li a{display:block;width:100%;height:50px;line-height:50px;text-align:center;font-size:14px;color:#fff;}.float_nav li a:hover{color:#d1b787;}.m3{width:100%;height:auto;overflow:hidden;padding-bottom:50px;}.bailu123_zb{width:1100px;height:auto;overflow:hidden;margin:0 auto;padding:20px 00px 00px 00px;}.bailu123_zb_4{width:267px;height:auto;overflow:hidden;float:left;background:url("../top/images/zb_4_z.png"/*tpa=http://vip26.jd80.top:8888/top/images/zb_4_z.png*/) repeat-y;}.bailu123_zb_4_t{width:267px;height:24px;float:left;background:url("../top/images/zb_4_t.png"/*tpa=http://vip26.jd80.top:8888/top/images/zb_4_t.png*/) no-repeat;line-height:45px;color:#ba9964;text-align:center;font-size:16px;}.bailu123_zb_4_d{width:267px;height:24px;float:left;background:url("../top/images/zb_4_d.png"/*tpa=http://vip26.jd80.top:8888/top/images/zb_4_d.png*/) no-repeat;position:relative}.bailu123_zb_4 .role-itemst{width:247px;height:auto;float:left;position:relative;padding:10px;}.bailu123_zb_4 .role-itemst img{width:237px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;border-radius:15px;}.bailu123_zb_4 .role-itemst img:hover{width:247px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:0px;padding-bottom:4px;}.bailu123_zb_3{width:360px;height:auto;overflow:hidden;float:left;background:url("../top/images/zb_3_z.png"/*tpa=http://vip26.jd80.top:8888/top/images/zb_3_z.png*/) repeat-y;}.bailu123_zb_3_t{width:360px;height:24px;float:left;background:url("../top/images/zb_3_t.png"/*tpa=http://vip26.jd80.top:8888/top/images/zb_3_t.png*/) no-repeat;line-height:45px;color:#ba9964;text-align:center;font-size:16px;}.bailu123_zb_3_d{width:360px;height:24px;float:left;background:url("../top/images/zb_3_d.png"/*tpa=http://vip26.jd80.top:8888/top/images/zb_3_d.png*/) no-repeat;position:relative}.bailu123_zb_3 .role-itemst{width:340px;height:auto;float:left;position:relative;padding:10px;}.bailu123_zb_3 .role-itemst img{width:330px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;border-radius:15px;}.bailu123_zb_3 .role-itemst img:hover{width:340px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:0px;padding-bottom:4px;}.bailu123_zb_2{width:545px;height:auto;overflow:hidden;float:left;background:url("../top/images/zb_2_z.png"/*tpa=http://vip26.jd80.top:8888/top/images/zb_2_z.png*/) repeat-y;}.bailu123_zb_2_t{width:545px;height:24px;float:left;background:url("../top/images/zb_2_t.png"/*tpa=http://vip26.jd80.top:8888/top/images/zb_2_t.png*/) no-repeat;line-height:45px;color:#ba9964;text-align:center;font-size:16px;}.bailu123_zb_2_d{width:545px;height:24px;float:left;background:url("../top/images/zb_2_d.png"/*tpa=http://vip26.jd80.top:8888/top/images/zb_2_d.png*/) no-repeat;position:relative}.bailu123_zb_2 .role-itemst{width:525px;height:auto;float:left;position:relative;padding:15px;}.bailu123_zb_2 .role-itemst img{width:500px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;border-radius:15px;}.bailu123_zb_2 .role-itemst img:hover{width:515px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;padding-bottom:4px;}.bailu123_zb_1{width:1100px;height:auto;overflow:hidden;float:left;background:url("../top/images/zb_1_z.png"/*tpa=http://vip26.jd80.top:8888/top/images/zb_1_z.png*/) repeat-y;}.bailu123_zb_1_t{width:1100px;height:24px;float:left;background:url("../top/images/zb_1_t.png"/*tpa=http://vip26.jd80.top:8888/top/images/zb_1_t.png*/) no-repeat;line-height:45px;color:#ba9964;text-align:center;font-size:16px;}.bailu123_zb_1_d{width:1100px;height:24px;float:left;background:url("../top/images/zb_1_d.png"/*tpa=http://vip26.jd80.top:8888/top/images/zb_1_d.png*/) no-repeat;position:relative}.bailu123_zb_1 .role-itemst{width:1060px;height:auto;float:left;position:relative;padding:20px;}.bailu123_zb_1 .role-itemst img{width:1040px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:10px;border-radius:25px;}.bailu123_zb_1 .role-itemst img:hover{width:1060px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:0px;padding-bottom:8px;}



#headert {width:1200px; height:630px;  margin:0 auto; margin-top:-550px; z-index:50; position:relative}
#headert h1 {width:110px; height:120px;}
#headert h1 a {display:block; float:left; overflow:hidden; text-indent:-9999px; width:163px; height:100%;}
#headert h2 {height:16px; text-indent:-9999px; overflow:hidden;}
.spr,.popup:before,.popup_wrap:before,.popup_wrap:after {background-image:url("../images/spr.png"/*tpa=http://vip26.jd80.top:8888/images/spr.png*/); background-repeat:no-repeat;}
#nav {}
#nav li {position:relative; float:left; width:78px; height:300px;}
.n4li {margin-left:724px; display:inline;}
#nav li a {display:block; width:63px; height:347px; overflow:hidden; text-indent:-9999px; position:absolute; left:15px;}
#nav li a:hover {margin-top:-10px;}
.n1 {top:0;}
.n2 {background-position:-63px 0; top:50px;}
.n3 {background-position:-126px 0; top:100px;}
.n4 {background-position:-189px 0; top:100px;}
.n5 {background-position:-252px 0; top:50px;}
.n6 {background-position:-315px 0;}






















/*m1*/
.m1 {width:1200px; height:350px; margin:0 auto; position:relative; margin-top:-100px; padding-bottom:10px; margin-bottom:10px;}
/*-------*/
/*-------*/
.buut_bg { width:330px; height:356px; position:absolute; bottom:2px; left:00px; background:url("../images/img01.jpg"/*tpa=http://vip26.jd80.top:8888/images/img01.jpg*/) no-repeat #b89251 ; z-index:10;}
.buut_box { width:270px; height:110px; overflow:hidden; float:left; margin-left:10px; margin-top:190px; background:#382916; filter:alpha(opacity=8);-moz-opacity:0.8;-khtml-opacity: 0.8;  opacity:0.8; border-radius:10px; padding:20px; }
.buut_box a{background:url("../images/btn-bg.png"/*tpa=http://vip26.jd80.top:8888/images/btn-bg.png*/) no-repeat;float:left; width:130px; height:43px; margin-left:5px; margin-top:10px; line-height:43px; text-align:center; font-size:18px; color:#2c1d18}
.buut_box a:hover { color:#900;cursor:pointer}

.buut_xiz {background:url("../images/img03.png"/*tpa=http://vip26.jd80.top:8888/images/img03.png*/); width:258px; height:165px; position:absolute; z-index:10; top:10px; left:35px;}
.logo_fb,.logo_fb:after{display:block;width:200px;height:100px;background:url("../images/img02.png"/*tpa=http://vip26.jd80.top:8888/images/img02.png*/) no-repeat;position:absolute;top:40px;left:25px}
.logo_fb:after{content:'';position:absolute;top:0;left:0}
.logo_fb:after{animation:cirZoom infinite linear 2s .5s;-moz-animation:cirZoom infinite linear 2s .5s;-webkit-animation:cirZoom infinite linear 2s .5s;-o-animation:cirZoom infinite linear 2s .5s}
@keyframes cirZoom{0%{opacity:1;transform:scale(1,1)}
70%{opacity:0;transform:scale(1.2,1.2)}
100%{opacity:0}}@-moz-keyframes cirZoom{0%{opacity:1;-moz-transform:scale(1,1)}
70%{opacity:0;-moz-transform:scale(1.2,1.2)}
100%{opacity:0}}@-webkit-keyframes cirZoom{0%{opacity:1;-webkit-transform:scale(1,1)}
70%{opacity:0;-webkit-transform:scale(1.2,1.2)}
100%{opacity:0}}@-o-keyframes cirZoom{0%{opacity:1;-o-transform:scale(1,1)}
70%{opacity:0;-o-transform:scale(1.2,1.2)}
100%{opacity:0}}.regcon{position:absolute;top:662px;left:75px;z-index:9}

/*---*/
.bouyy { float:right; width:850px; height:350px; border:#95835c 3px solid; top:0px; right:0px; position:relative}
.bouyy_pan {width:830px;height:330px;padding-left:0px;background:#382916; filter:alpha(opacity=8);-moz-opacity:0.8;-khtml-opacity: 0.8;  opacity:0.8; position:absolute; z-index:5; right:10px; top:10px; border-radius:10px; }

/*--------------------*/
/*a7*/



#Introduction{ position:absolute; width:830px;height: 330px;overflow: hidden;margin-bottom: 16px;  padding:0px; right:10px; top:10px;  z-index:500; }

#Introduction .tit{float: left;width: 830px;height: 140px;line-height: 92px;overflow: hidden;font-size: 15px;font-weight: bold;color: #d68d00;border-bottom: 1px dotted #292116}
#Introduction .tit span{float: left}
#Introduction .Tab{margin-bottom: 8px}


#Versiont .content{width: 800px; color:#fff; font-size:12px;  text-indent:30px; padding-left:15px;}
#Versiont .content ul li{height: 35px;line-height: 35px;overflow: hidden;border-bottom: 1px dotted #b89251}

#FenQu .content{width: 800px; color:#fff; font-size:12px;text-indent:30px; padding-left:15px;}
#FenQu .content ul li{height: 35px;line-height: 35px;overflow: hidden;border-bottom: 1px dotted #b89251}

#Recharge .content{width: 800px; color:#fff; font-size:12px;text-indent:30px; padding-left:15px;}
#Recharge .content ul li{height: 35px;line-height: 35px;overflow: hidden;border-bottom: 1px dotted #b89251}

#HuiShou .content{width: 800px; color:#fff; font-size:12px;text-indent:30px; padding-left:15px;}
#HuiShou .content ul li{height: 35px;line-height: 35px;overflow: hidden;border-bottom: 1px dotted #b89251}

#ProductShow{width: 800px;height: 365px;position: relative; }


.Tabt{float: left;width: 830px;height:60px;line-height: 60px; margin-top:0px;color:#432c3c;   background:url("../images/img01.jpg"/*tpa=http://vip26.jd80.top:8888/images/img01.jpg*/) no-repeat #b89251 ;  border-bottom:#ae0a04 1px solid }
.Tabt li{float: left; }
.Tabt li a{font-size: 13px;width:120px;height: 58px;text-align: center;position: relative;font-weight: bold;display: block;color:#432c3c; font-size:16px}
.Tabt li a .jiantou{width: 7px;height: 4px;position: absolute;text-indent: -99em;overflow: hidden;bottom: -4px;left: 35px}
.Tabt li a:hover{color: #fff;text-decoration: none}
.Tabt li.change a{color: #7c0000; border-bottom:#7c0000 3px solid}
.Tabt li.change a .jiantou{background: url("../images/1.gif"/*tpa=http://vip26.jd80.top:8888/images/1.gif*/) no-repeat left top}
.Tab_nr{color:#FFF; padding-top:65px;}





.bouyy_ren { width:200px; height:300px; position:absolute; z-index:6; left: -00px; top:-80px;}

/*--------*/
.m2 { width:1180px; height:310px; margin:0 auto; border:#95835c 3px solid; padding:30px 10px 30px 10px; position:relative; z-index:20;}
.fiveTu_pan {width:1135px;height:340px;padding-left:10px;background:#382916; filter:alpha(opacity=8);-moz-opacity:0.8;-khtml-opacity: 0.8;  opacity:0.8; position:absolute; z-index:5; right:28px; top:20px; border-radius:10px; }


.fiveTu{ margin-left:30px; position:absolute; z-index:100;}
.fiveTu ul{float: left;}
.fiveTu .pics{position: relative;width:870px;height:309px;}
.fiveTu .pics li{position: absolute;top:0;left:0;}
.fiveTu .circle{margin-left: 1px;width:252px;}
.fiveTu .circle li{width:250px;height:59px;margin-bottom: 1px;background:#b89251;border: 1px solid #382916;cursor: pointer;color:#fff;}
.fiveTu .circle li.on{width:100%;height:61px;background: #bb3e2a;color:#fff;}
.fiveTu .circle li p{line-height: 60px;margin-left: 37px;font-size:18px;font-weight: bold;}
.fiveTu .circle li span{margin-left: 13px;font-size:12px;font-weight: normal;}

/*--------*/



