/* dnf shop */
/* 2014.3.5 */
/* by Ryuuna */

body { min-width:1000px; background:url(http://ue2.17173cdn.com/a/dnf/zt/2014/shop/img/bg-re0.png) repeat;}
.header { background:url(http://ue2.17173cdn.com/a/dnf/zt/2014/shop/img/bg-header.jpg) no-repeat center top; position:relative; z-index:401;}
.header-in { height:113px; width:1000px; margin:auto; position:relative;}
.header .span0 { display:inline-block; *zoom:1; *display:inline; /*vertical-align:top;*/ color:#787878; font-size:12px; position:absolute; left:357px; top:67px; height:18px; line-height:18px; padding:10px 5px 1px; background:url(../img/bg-bubble0-mid.png) repeat-x 0 0;}
.header .span0 .icon-right { display:block; height:29px; width:20px; background:url(../img/bg-bubble0-right.png) no-repeat right top; position:absolute; right:-5px; top:0;}
.header .span0 .icon-left { display:block; height:29px; width:20px; background:url(../img/bg-bubble0-left.png) no-repeat left top; position:absolute; left:-5px; top:0;}

/*box-nav0*/
.box-nav0 { height:45px; background:#3c2134; position:relative;}
.box-nav0 .box-in { width:1000px; margin:auto; position:relative;}
/*nav3*/
.nav3 { *zoom:1; width:1000px; margin:auto; height:45px; padding:0 10px; background:#3c2134; /*position:absolute; left:0; bottom:0; _bottom:-1px;*/ position:relative; z-index:410;}
.nav3 .li { display:inline-block; *zoom:1; *display:inline; float:left; height:45px; position:relative; vertical-align:top; *zoom:1; border-left:1px solid #4f2b44;}
.nav3 .li-first { border-left:0;}
.nav3 .li a { display:inline-block; *zoom:1; *display:inline; vertical-align:top; height:; padding:2px 30px 1px; text-align:center; line-height:42px; font-size:16px; font-family:"Microsoft Yahei",Arial; color:#fff; position:relative;}
.nav3 .li a span { margin-right:5px;}
.nav3 .li a i { display:none; /*margin-top:14px;*/ position:absolute; right:30px; top:16px; width:15px; height:15px; overflow:hidden; margin-left:5px; background:url(http://ue3.17173cdn.com/a/dnf/zt/2014/shop/img/bg-icon0.jpg) no-repeat 0 0; cursor:pointer;}

.nav3 li.has-sub a { padding-right:45px;}
.nav3 .has-sub a i { display:inline-block; *zoom:1; *display:inline; vertical-align:top;}

.nav3 .li a:hover { text-decoration:none; color:#f58023;}

.nav3 .li-on a { background:#2e262b; color:#f58023;}
.nav3 .li-on a i { background-position:0 -16px;}

.nav3 .sub-nav { width:92%; background:#2e262b; position:absolute; left:0; top:45px; display:none; margin:0; padding:5px; z-index:420; overflow:hidden; *zoom:1;}
.nav3 .sub-nav .sub-li { width:126px; padding:0;}
.nav3 .sub-nav .sub-li-first { border-top:0;}
.nav3 .sub-nav .sub-li a { display:block; height:32px; line-height:32px; color:#c9c9c9; padding:0 10px; font-family:"Microsoft Yahei",Arial; font-size:14px; text-align:left;}
.nav3 .sub-nav .sub-li a:hover { text-decoration:underline;}

/*box-share*/
.box-share { display:block; position:absolute; right:0; top:12px; z-index:450;}
.box-share .share-box { display:inline-block; *zoom:1; *display:inline; /*vertical-align:top;*/}

/*contenta*/
.content { padding-top:15px; position:relative; z-index:0;}

/*box0*/
.box0 { position:relative; overflow:hidden; margin-bottom:10px; *zoom:1;}
.box0 .box-in { width:1000px; margin:auto;}
.box0 .box-hd { width:310px; height:50px; background:url(http://ue2.17173cdn.com/a/dnf/zt/2014/shop/img/bg-deco0.png) no-repeat; position:absolute; left:0; top:0;}
.box0 .box-hd h2 { display:inline-block; *zoom:1; *display:inline; /*vertical-align:top;*/ font-size:20px; color:#fff; font-family:"Microsoft Yahei",Arial; padding:0 15px; line-height:40px;}

.box0 .box-footer { width:310px; height:4px; background:url(http://ue3.17173cdn.com/a/dnf/zt/2014/shop/img/bg-deco1.png) no-repeat center bottom; position:absolute; left:0; bottom:0;}

.box0 .box-left { width:659px; background:#eee; float:left; position:relative; *zoom:1;}
.box0 .box-right { width:310px; padding:0 0 4px; height:346px; float:left; margin-left:30px; position:relative; *zoom:1; }
.box0 .box-right .box-bd { padding:50px 10px 10px; height:285px; background:#fff; border:1px solid #e5e5e5;}

.box0 .more { color:#0f4792; font-size:12px; position:absolute; right:10px; top:10px;}
.box0 .more a { color:#0f4792;}
.box0 .more a:hover { text-decoration:underline;}

/*box1*/
.box1 { position:relative; overflow:hidden; margin-bottom:10px;}
.box1 .box-in { width:1000px; margin:auto; position:relative;}
.box1 .box-hd { height:32px; border-bottom:1px solid #dcdcdc; margin-bottom:15px; padding:10px 0;}
.box1 .box-hd h2 { display:inline-block; *zoom:1; *display:inline; /*vertical-align:top;*/ padding-left:36px; background:url(http://ue3.17173cdn.com/a/dnf/zt/2014/shop/img/bg-icon0.jpg) no-repeat 0 -32px; font-size:24px; color:#3c2134; font-family:"Microsoft Yahei",Arial; font-weight:bold; line-height:32px;}
.box1 .box-bd { overflow:hidden;}

.box1 .more { color:#858585; font-size:12px; position:absolute; right:10px; top:25px;}
.box1 .more a { color:#858585;}
.box1 .more a:hover { text-decoration:underline;}

/*mod-tab0*/
.mod-tab0 {	height:350px; overflow:hidden; position:relative; width:659px; z-index:10;}
.mod-tab0 .gb-tab-pn { overflow:hidden; width:659px; height:350px; position:relative; background:#999;}
.mod-tab0 .gb-tab-pn .tab-con {	position:absolute; left:0; top:0;}
.mod-tab0 .gb-tab-pn .tab-con span { display:block;}
.mod-tab0 .gb-tab-pn .tab-con img {	width:659px; height:350px; vertical-align:top;}
.mod-tab0 .gb-tab { overflow:hidden; position:absolute; z-index:12; left:0; bottom:0; height:20px; width:666px;}
.mod-tab0 .gb-tab a { display:inline-block; *zoom:1; *display:inline; vertical-align:top; width:131px; height:13px; border-bottom:7px solid #d7393a; margin-left:1px; overflow:hidden;}
.mod-tab0 .gb-tab a.first { margin-left:0;}
.mod-tab0 .gb-tab a:hover, .mod-tab0 .gb-tab a.on { border-bottom-color:#f0f0f0;}

.mod-tab0 .btn-ctrl { display:non; width:30px; height:30px; color:#000; font-size:14px; font-family:"Microsoft Yahei",Arial; position:absolute; top:50px;}
.mod-tab0 .btn-prev { left:10px;}
.mod-tab0 .btn-next { right:10px;}

/*list-con1*/
.list-con1 { overflow:hidden; *zoom:1; width:102%;}
.list-con1 li { width:33.3%; display:inline-block; *zoom:1; *display:inline; float:left; vertical-align:top; margin-bottom:10px;}
.list-con1 .li-in { display:block; width:320px;}
.list-con1 .pic { display:block; width:320px; height:240px; margin:0 auto;}
.list-con1 .pic a { display:block; width:320px; height:240px;}
.list-con1 .pic img { vertical-align:top; width:100%; height:100%;}

.list-con1 .txt { display:block; width:298px; margin:auto; padding:20px 10px 10px; border:1px solid #eee; border-top:0; background:#fff;}
.list-con1 .txt .tit { display:block; font-size:18px; color:#333; font-family:"Microsoft Yahei",Arial; border-left:4px solid #a40000; padding:0 0 0 5px; height:20px; line-height:20px; margin-bottom:10px; font-weight:bold;}
.list-con1 .txt .summary { display:block; color:#4B4B4B; font-size:12px; line-height:1.8; margin-bottom:15px;}
.list-con1 .txt a { display:block; color:#a40000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list-con1 .txt a:hover { text-decoration:underline;}

.list-con1 .buy { display:block; height:30px; line-height:30px; position:relative; border:1px solid #eee; border-top:0; padding:15px 10px; background:#fff;}
.list-con1 .buy .price { color:#8d0000; font-size:14px; font-family:"Microsoft Yahei",Arial;}
.list-con1 .buy .price em { font-size:30px; margin:0 2px;}
.list-con1 .buy .btn-buy { display:inline-block; *zoom:1; *display:inline; /*vertical-align:top;*/ height:30px; line-height:30px; font-size:18px; color:#fff; font-family:"Microsoft Yahei",Arial; background:#8d0000; padding:0 25px; border-radius:5px; position:absolute; right:10px; top:15px; /*height:24px; *line-height:24px; *padding-top:6px; _height:28px; _line-height:28px; _padding-top:2px;*/}
.list-con1 .buy .btn-buy:hover { background:#aa0000;}

/*list-con3*/
.list-con3 { overflow:hidden; *zoom:1; padding-top:10px;}
.list-con3 li { display:inline-block; *zoom:1; *display:inline; vertical-align:top; float:left; border-top:1px dotted #d3d3d3; padding:10px 6px;}
.list-con3 li.first { border-top:0;}
.list-con3 .pic { width:70px; height:70px; float:left;}
.list-con3 .pic a { display:block; width:70px; height:70px;}
.list-con3 .pic img { vertical-align:top; width:100%; height:100%;}
.list-con3 .txt { display:block; margin:0 0 0 80px; font-size:12px;}
.list-con3 .tit { display:block; font-size:14px; font-weight:bold; line-height:16px; height:32px; overflow:hidden;}
.list-con3 .tit a { color:#a40000;}
.list-con3 .tit a:hover { text-decoration:underline;}

.list-con3 .summary { font-size:12px; color:#898989;}
.list-con3 .summary .readmore { color:#007eff; margin:0 3px;}
.list-con3 .summary .readmore a { color:#007eff;}
.list-con3 .summary .readmore a:hover { text-decoration:underline;}

/*footer*/
.global-footer { /*background:#303030;*/ padding:30px 0; color:#c2c2c2; background:#3c2134;}
.global-footer a:link, .global-footer a:hover, .global-footer a:visited { margin:0 10px; color:#c2c2c2;}