/*设置页面通用样式*/
body{
	font:12px "微软雅黑",Arial,Helvetica,sans-serif;
	color:#666;
	margin:0px;
	padding:0px;
}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{
	margin:0px;
	padding:0px;
	list-style:none;
}
input{
	border:none;
}
img{border:none;}
.lf{float:left;}
.rt{float:right;}
.clear{clear:both;}
a{
	color:#666;
	text-decoration:none;
}
a:hover{
	color:#FF0700;
	text-decoration:none;
}
.main{width:1320px;margin:0 auto;}

/* 国学购买页面设置 */


header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{display:block;}

*{margin:0;padding:0;}
a{ text-decoration:none;color: #333;background: transparent;}
img{border:none;}
ul li{list-style:none;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;}
input{ outline:none;}
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix{zoom:1;}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.fl{float:left;}
.fr{float:right;}
.ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
body{font-size:12px;color:#4a4a4a;font-family: '微软雅黑';}

.container{width:1005px;margin:0 auto;position:relative;}
.both-a{color:#4a4a4a;}
.both-a:hover{color:red;}


.top-one{width:100%; height:30px; line-height:30px; background:#e9e9ef;border-bottom:1px solid #e9e9ef;}
.container{width:1200px;margin:0 auto;position:relative;}
.both-a{color:#4a4a4a;}
.both-a:hover{color:red;}
.top-one-div{background:#e9e9ef;} 
.top{width:100%;}
.top-one{height:39px;line-height:39px;}
.top-one .top-xl{position:relative;padding-right:15px;display:inline;}
.top-one .top-xl p{padding-right:10px;padding-left: 10px;cursor:pointer;}
.top-one .top-xl img{position:absolute;right:8px;top:17px;}
.top-one .top-xl ul{display:none;position:absolute;padding:10px;min-width:74px;line-height:23px;background:#fff;z-index:99;top:39px;left:0;border:1px solid #e5e5e5;border-top:none;}
.top-one .top-xl ul a{color:#676767;}
.top-one .top-xl ul a:hover{color:#cf0300;}
.top-one .top-xl ul .top-xl-title{font-weight:bold;}
.top-one .top-xl ul.top-khfw{width:104px;right:0;left:auto;}
.top-one .top-xl ul.top-khfw p{margin:0; padding:0;}

.top-two{height:118px;} 
.top-two1{padding:20px 0;}
.top-search{border:2px solid #df2a0f;height:27px;width:422px;margin-left:77px;margin-top:28px;display:inline;}
.top-search input{height: 25px;margin-top: 2px;font-family: '微软雅黑';width:330px;float:left;border:none;background:none;text-indent:5px;color:#4a4a4a;}
.top-search input::-moz-placeholder{color:#84807d;}
.top-search input::-webkit-input-placeholder{color:#84807d;}
.top-search button{font-weight: 700;background:#df2a0f;color:#fff;width:84px;border:none;height:27px;font-size:15px;text-align:center;}
.top-youce{margin-top:20px;display:inline;}
.top-youce li{float:left;margin-right:5px;display:inline;}
.top-youce li a img{float:left;margin-top:3px;display:inline;}
.top-youce li a span{float:left;margin:0 5px;display:inline;}
.top-youce li a{background:#f5f5f7;font-size:14px;border:1px solid #e4e3e1;padding:11px 10px;display:block;}
.top-youce .top-youce-jt{margin-top:8px;}

/* .nav{height:40px;background:#d9010e url(../images/nav-bg.jpg) bottom repeat-x;} */
/* hc_lnav */
.hc_lnav{z-index:9999;position:relative;width:130px;}
.hc_lnav .allbtn{z-index:99999;position:relative}
.hc_lnav .allbtn h2 a{line-height:35px;position:relative;display:block;font-family:微软雅黑, 黑体;height:40px;color:#ffffff;font-size:16px;font-weight:normal}
.hc_lnav .allbtn h2 a:hover{text-decoration:none}
.hc_lnav .allbtn h2 img{position:absolute;right:18px;top:15px;}
.hc_lnav .allbtn ul{z-index:99999;position:absolute;background-color:#8e0306;width:190px;display:none;top:40px;left:0px}
.hc_home .hc_lnav .allbtn ul{display:block}
.hc_list .hc_lnav .allbtn ul{display:block}
.hc_lnav .allbtn ul li{height:49px;line-height:49px;zoom:1;clear:both;cursor:default;border-bottom:1px #fff dashed;position:relative;}
.hc_lnav .allbtn ul li:last-child{border-bottom:none;}
.hc_lnav .allbtn ul li .tx{line-height:45px;padding-left:10px;}
.hc_lnav .allbtn ul li .tx a{font-family:微软雅黑, 黑体;color:#ffffff;font-size:16px;-webkit-transition:color 0.1s ease-out 0s;-moz-transition:color 0.1s ease-out 0s;-ms-transition:color 0.1s ease-out 0s;-o-transition:color 0.1s ease-out 0s;transition:color 0.1s ease-out 0s}
.hc_lnav .allbtn ul li dl{zoom:1;color:#ffffff;clear:both;overflow:auto;padding-top:4px}
.hc_lnav .allbtn ul li dl a{line-height:22px;white-space:nowrap;float:left;color:#d9e7ce;margin-left:6px;margin-right:6px;-webkit-transition:color 0.1s ease-out 0s;-moz-transition:color 0.1s ease-out 0s;-ms-transition:color 0.1s ease-out 0s;-o-transition:color 0.1s ease-out 0s;transition:color 0.1s ease-out 0s}
.hc_lnav .allbtn ul li dt{padding-left:10px;width:30px;float:left;padding-top:1px}
.hc_lnav .allbtn ul li dd{line-height:22px;width:150px;float:left;padding-top:2px}
.hc_lnav .allbtn ul li .pop{position:absolute;padding:10px 18px;width:260px;background:#b41221;background: rgba(180, 18, 33, 0.9);line-height:25px;font-size:12px;display:none;top:0px;left:190px;}
.hc_lnav .allbtn ul li .pop a{margin-right:16px;white-space:nowrap;}
.hc_lnav .allbtn ul li .pop h3{display:none;font-size:14px}
.hc_lnav .allbtn ul li .pop dl{padding-bottom:6px;color:#666666;padding-top:6px}
.hc_lnav .allbtn ul li .pop dl:hover{background-color:#f3f3f3}
.hc_lnav .allbtn ul li .pop dl a{color:#666666;margin-left:12px;margin-right:12px}
.hc_lnav .allbtn ul li .pop dl a.un{color:#a5a5a5}
.hc_lnav .allbtn ul li .pop dt{padding-left:0px;width:72px}
.hc_lnav .allbtn ul li .pop dd{width:565px;margin-left:-12px}
.hc_lnav .allbtn ul li .pop .act{width:640px;height:80px;overflow:hidden;padding-top:10px}
.hc_lnav .allbtn:hover ul{display:block}
.hc_lnav .allbtn ul li:hover .tx{background-color:#c3000e}
.hc_lnav .allbtn ul li:hover .tx a{color:#fff}
.hc_lnav .allbtn ul li:hover .tx a:hover{color:#fff;}
.hc_lnav .allbtn ul li:hover .tx a i{background-position:0px -25px}
.hc_lnav .allbtn ul li:hover .pop{display:block;top:0px;left:190px}
.hc_lnav .allbtn ul li:hover .pop dl a.un{color:#a5a5a5;text-decoration:none}
.hc_lnav .allbtn ul li:hover dl{color:#6e6e6e}
.hc_lnav .allbtn ul li:hover a{color:#fff}
.hc_lnav .allbtn ul li:hover a:hover{color:#807e7f}






























/*zhanshi*/
#box .zhanshi {
    width: 1220px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
#box .zhanshi .left {
    width: 415px;
    height: 530px;
    float: left;
    margin-top: 40px;
}

#box .zhanshi .left .zi {
    font-size: 15px;
    color: #666565;
}
#box .zhanshi .left .product {
    background-color: #faf8f8;
    border: 1px solid #ccc;
    width: 400px;
    height: 400px;
    margin-top: 5px;
}
#box .zhanshi .left .small {
    overflow: hidden;
    margin-top: 20px;
}
#box .zhanshi .left .small li {
    list-style: none;
    float: left;
    margin-right: 15px;
}
#box .zhanshi .left .small li:hover img {
    border: 2px solid red;
}
#box .zhanshi .middle {
    width: 560px;
    height: 470px;
    float: left;
    margin-top: 80px;
}
#box .zhanshi .middle .price {
    width: 540px;
    height: 120px;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin-top: 15px;
}
#box .zhanshi .middle .price .pp {
    font-size: 14px;
    line-height: 35px;
    margin-left: 10px;
}

#box .zhanshi .middle .xiaoliang {
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    width: 530px;
    height: 40px;
    margin-left: 10px;
    margin-top: 5px;
}

#box .zhanshi .middle .xiaoliang li {
    margin-top: 10px;
    list-style: none;
    float: left;
    width: 175px;
    height: 20px;
    line-height: 20px;
    border-right: 1px solid #ccc;
    text-align: center;
}
#box .zhanshi .middle .fenlei {
    overflow: hidden;
}
#box .zhanshi .middle .fenlei li {
    list-style: none;
    float: left;
    margin-right: 10px;
}
#box .zhanshi .middle .num {
    margin-top: 10px;
    background: url("../images/num_03.png") no-repeat 60px 0;
    height: 40px;
    overflow: hidden;
}
#box .zhanshi .middle .buy .sp1{
    display: inline-block;
    background-color: #ffe4d0;
    border-radius: 5px;
    border: 1px solid #f0cab6;
    width: 130px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #db0a0a;
    float: left;
}
#box .zhanshi .middle .buy {
    overflow: hidden;
}
#box .zhanshi .middle .buy .sp2 {
    display: inline-block;
    width: 145px;
    height: 40px;
    background: url("../images/che_10.png") no-repeat;
    float: left;
    margin-left: 20px;
    padding-left: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
}
#box .zhanshi .middle .zhifu {
    margin-top: 10px;
}
#box .zhanshi .rig {
    margin-left: 40px;
    margin-top: 80px;
    float: left;
    width: 142px;
    height: auto;
}
#box .zhanshi .rig .xian {
    padding-top: 5px;
    background: url("../images/xian_03.png") no-repeat;
    height: 10px;
    width: 142px;
}

/*#box .zhanshi .rig img {*/
    /*margin-top: 10px;*/
/*}*/

/*#box .zhanshi .rig .fangxiang  .firr {*/
    /*cursor: pointer;*/
    /*margin-left: 30px;*/
/*}*/
/*#box .zhanshi .rig .fangxiang .sec {*/
    /*cursor: pointer;*/
    /*margin-left: 20px;*/
/*}*/

/* 本例子css */


.picScroll-top .bd ul{ overflow:hidden; zoom:1; height: 460px; width: 142px; }
.picScroll-top .bd ul li{ text-align:center; zoom:1; }
.picScroll-top .bd ul li .pic{ text-align:center; }
.picScroll-top .bd ul li .pic img{ width:138px; height:127px; display:block; }


.picScroll-top .bd{ padding:0px;   }
.picScroll-top .bd ul{ overflow:hidden; zoom:1; height: auto; width: 138px; float: left; margin: 0px; }
.picScroll-top .bd ul li{ float: left; list-style: none; width: 138px; height: 127px; text-align:center; zoom:1; margin:10px 0px 0px 0px; padding: 0px;}
.picScroll-top .bd ul li .pic{ text-align:center; float: left; width: 138px; height: 127px;  margin: 0px; padding: 0px;}
.picScroll-top .bd ul li .pic img{ width:138px; height:127px; display:block; }


.picScroll-top{  width:138px;  overflow:hidden; position:relative; height: auto;  }
.picScroll-top .hd{ overflow:hidden;  height:30px; padding:0 10px; }
.picScroll-top .hd .prev{ background: url("../images/duibi_06.png") no-repeat; display:block;  width:27px; height:19px; float:right; margin: 10px 15px 0px 0px;  overflow:hidden
cursor:pointer;}
.picScroll-top .hd .next{ background: url("../images/duibi_03.png") no-repeat; display:block;  width:27px; height:19px; float:left;  margin: 10px 0px 0px 15px;  overflow:hidden;
    cursor:pointer; }





#box .zhanshi .zuo {
    width:270px ;
    height: 1760px;
    float: left;
    margin-left: 0px;
}
#box .zhanshi .zuo .xinyu {
    width: 270px;
    height: 300px;
    border: 1px solid #ccc;
    overflow: hidden;
}
#box .zhanshi .zuo .xinyu .dong {
    background-color: #f7f6f6;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
}
#box .zhanshi .zuo .xinyu .xiao {
    font-size: 13px;
    color: #333333;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    margin-top: 5px;
}
#box .zhanshi .zuo .xinyu .xiao span {
    font-size: 13px;
    color: #333333;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
}
#box .zhanshi .zuo .xinyu .xian {
    width: 250px;
    margin-left:  10px;
    border-bottom: 1px solid #ccc;
    margin-right: 10px;
}
#box .zhanshi .zuo .miaoshu .pp {
    float: left;
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 20px;
}
#box .zhanshi .zuo .miaoshu .pp .miao {
    font-size: 13px;
    color: #333333;
}
#box .zhanshi .zuo .miaoshu .pp .fen {
    font-size: 13px;
    color:#e60012 ;
}
#box .zhanshi .zuo .miaoshu .action {
    overflow: hidden;
}
#box .zhanshi .zuo .miaoshu .action .jin {
    width: 90px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #ccc;
    float: left;
    margin-left: 25px;
    margin-top: 30px;
}
#box .zhanshi .zuo .miaoshu .action .jin a {
    font-size: 13px;
    color: #e60012;
    text-align: center;
    line-height: 30px;
    padding-left: 18px;
}

#box .zhanshi .zuo .kan .kk {
    font-size: 15px;
    color: #1a1a1a;
    margin-top: 20px;
}
#box .zhanshi .zuo .kan .tuu {
    width: 220px;
    height: 330px;
    background-color: #ebecee;
    margin-left: 25px;
    margin-top: 20px;
}
#box .zhanshi .zuo .kan .tuu img {
    width: 175px;
    height: 175px;
    margin-left: 25px;
    margin-top: 20px;
}

#box .zhanshi .zuo .kan .tuu span {
    display: block;
    padding-left: 25px;
    width: 108px;
    height: 25px;
    line-height: 25px;
    margin-top: 0px;
}
#box .zhanshi .zuo .kan .tuu .ming {
    font-size: 15px;
}
#box .zhanshi .zuo .kan .tuu .pri {
    font-size: 17px;
    color: #cf1515;
    padding-left: 22px;
}
#box .zhanshi .zuo .kan .che {
    overflow: hidden;
}
#box .zhanshi .zuo .kan .che .che_1 {
    width: 85px;
    height: 25px;
    background-color: #db0a0a;
    float: left;
    margin-right: 10px;
    text-align: center;
    margin-top: 30px;
    margin-left: 12px;
}
#box .zhanshi .zuo .kan .che .che_1 a {
    color: #fff;
    font-size: 13px;
    line-height: 25px;
}


#box .zhanshi .you {
    margin-left: 5px;
    width: 940px;
    height: 1760px;
    float: left;
}
#box .zhanshi .you .big {
    width: 920px;
    height: 50px;
    border: 1px solid #ccc;
    cursor: pointer;
}
#box .zhanshi .you .big span {
    color: #333333;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 91px;
    float: left;
    border-right: 1px solid #ccc;
}

#box .zhanshi .you .big span:hover {
    background: url("../images/gg_03.png") no-repeat;
    background-position: top center;
    float: left;
    width: 91px;
}
#box .zhanshi .you .jieshao {
    width: 910px;
    height: 105px;
    font-size: 13px;
    line-height: 25px;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
    padding-left: 10px;
}
#box .zhanshi .you .da img {
    margin-top: 10px;
    width: 925px;
    height: 780px;
}
/*footer*/
.ydkb{ width:1200px; margin:auto; margin-top:150px;background-color: white;}

.di{ background:#fafafa; height:343px;margin-top: 10px; }
.di_box{ width:1220px; margin:auto; padding-top:17px;}
.di_box .di_shop{ width:202px; height:167px; border-right:1px solid #e8e6e6; border-bottom:1px solid #e8e6e6}
.di_shop{ float:left;}
.di_shop_current{width:202px; height:158px;width: 144px;height: 312px;background: url("../images/bottom1.png");background-size: 143px 311px;margin-left: 20px;    margin-left: 1035px;}
.biaoti a{ font-size:16px; padding-left:50px;}
.di_shop .zi{ font-size:13px; display:block; padding-left:50px;margin-top: 5px;}
.di_shop .zi1{ font-size:13px; display:block; padding-left:50px;margin-top: 15px;}
.di_shop_current .zi{ font-size:13px; display:block; padding-left:50px;margin-top: 5px;}
.di_shop_current .zi1{ font-size:13px; display:block; padding-left:50px;margin-top: 15px;}

/*右下角图片*/
.di_right{width: 35px;height: 68px;float: right;margin-right: -40px;margin-top: -310px;}
/*最下边的文字*/
.di_wenzi{margin-top: -160px;}
.di_wenzi_1{ margin:auto; width:630px; padding-top:20px;}
.di_wenzi_2{ margin:auto; width:380px;margin-top: 5px;}
.di_wenzi_3{ margin:auto; width:420px;margin-top: 5px;}
.di_wenzi_4{ margin:auto; width:400px;margin-top: 5px;}
.di_wenzi_5{ margin:auto; width:360px; padding-top:5px;margin-top: 5px; }
.di_wenzi_5 a{ padding-left:5px; padding-right:5px;float:left;}
.biaoti{margin-bottom: 10px;}
.di_right{
    width: 35px;
    height: 68px;
    float: right;
    margin-right: -40px;
    margin-top: -313px;
}


#bb{
    position: fixed;
    left: 49%;
    top: 50%;
    display: none;
    width: 80px;
    height: 480px;
    margin: -280px 0 0px -674px;
    z-index: 3333;
    overflow: visible;
    background: url("../images/background2.png") no-repeat;
}
#bb ul li{
    width: 80px;
    height: 25px;
    line-height: 35px;
    /*border: 1px dotted #666;*/
    text-align: center;
    border-bottom:none;
}
#bb ul li.last{
    border-bottom: 1px dotted #666;
}
#bb ul li .num{
    color: #666;
    /*display: none;*/
}
#bb ul li .word{
    display: none;
    color: #CB1C39;
}
.di_wenzi{
    margin-top:-160px;
}