/**
 * public
 */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,label,dl,dt,dd,fieldset,img{margin:0;padding:0;border:0;list-style:none;font-weight:normal; }
img{ border:none;padding:0;margin:0;vertical-align:top;}
input{font-family:'微软雅黑',Arial, sans-serif; font-size: 24px;}
body {
    font-family:'微软雅黑',Arial, sans-serif;
    color: #000;
    padding: 0;
    margin: 0;
    font-size: 24px;
    background-color: #fff;
}
html,body{background-color: #fff; }
a{text-decoration:underline;}
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
/*清除浮动*/
.clear{clear:both; height:0px; font-size:0px;overflow:hidden; display:block; font-size:0px;}
.m20{ margin-top:20px;}
*{ 
  margin:0; padding:0; 
  -webkit-tap-highlight-color:rgba(255,255,255,0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden; 
}

/**
 * Swiper Styles 
 */
.swiper-container {margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; } .swiper-wrapper {position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; } .swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide {float: left; } .swiper-wp8-horizontal {-ms-touch-action: pan-y; } .swiper-wp8-vertical {-ms-touch-action: pan-x; }


.banner .pagination {position: absolute; left: 0; text-align: center; bottom:0px; width: 100%; height:10px; background-color: rgba(0,0,0,.4); z-index: 1; }

.banner .swiper-pagination-switch {
  display:block;
  width: 25%;
  height:10px;
  position: relative; margin:0 auto; float: left;
  -webkit-transition: background 0.5s;
          transition: background 0.5s;
}
.banner .swiper-active-switch {
  background: #dca763;
}

.main,
.banner,
nav,
header,
.product,
.recommend,
.goodslist,
.arctile_like,
.jdlist,
.writerBanner,
.classList,
.personalTailor,
footer{ width: 640px; margin:0 auto;}

.main{/* overflow: hidden; */ position: relative;}

/*顶部banner*/
.banner{ width:600px; margin:auto; height:200px; position: relative; margin-top:20px;}


/**
 * 固定的一级导航
 */
nav{ position: fixed; height:85px; background-color: #c2003b;text-align: center; bottom:0px; z-index: 9999;  width: 100%;
  -webkit-transition: -webkit-transform 0.5s;
          transition: transform 0.5s;
}
nav.navHide{ 
  -webkit-transform:translate(0px,86px);
          transform:translate(0px,86px);
}

nav li{float: left;  margin: 0px 20px; line-height: 85px; font-size: 28px; position: relative;}
nav li:first-child{padding-left: 10px;}
nav a{color: #fff;text-decoration:none}
nav li.hot:after{content:""; width: 10px; height:10px; border-radius: 10px; background-color: #fff; position: absolute; top:50%; margin-top: -20px;
  -webkit-animation-name: hotAm;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-timing-function:linear; 
  -webkit-animation-iteration-count:infinite;
}

nav .backTop{ position: absolute; right: 0px; width:80px; height:100%; cursor:pointer}
nav .backTop span{
  display: block;
  margin-top: 30px; margin-left: 20px;
  width: 35px; height:18px; background: url(../images/public/ico2.png) no-repeat;
  -webkit-animation-name: backTopAm;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function:linear; 
  -webkit-animation-iteration-count:infinite;
}

/*内页固定导航*/
.nav{ position: fixed; height:85px; background-color: #c2003b; text-align: center; bottom:0px; z-index: 9999; width: 100%;
  -webkit-transition: -webkit-transform 0.5s;
          transition: transform 0.5s;
}
.nav li{float: left;  margin: 0px 20px; line-height: 85px; font-size: 28px; position: relative;}
.nav li:first-child{padding-left: 10px;}
.nav a{color: #fff; text-decoration:none}
.nav li.hot:after{content:""; width: 10px; height:10px; border-radius: 10px; background-color: #fff; position: absolute; top:50%; margin-top: -20px;
  -webkit-animation-name: hotAm;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-timing-function:linear; 
  -webkit-animation-iteration-count:infinite;
}

.nav .backTop{ position: absolute; right: 0px; width:80px; height:100%; cursor:pointer}
.nav .backTop span{
  display: block;
  margin-top: 30px; margin-left: 20px;
  width: 35px; height:18px; background: url(../images/public/ico2.png) no-repeat;
  -webkit-animation-name: backTopAm;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function:linear; 
  -webkit-animation-iteration-count:infinite;
}




/**
 * 头部
 */
header{height:251px;}
header .logo_search{ height:118px; }
header .logo_search .logo{margin:20px 0 0 17px; float: left;}
/*搜索*/
header .logo_search .search{ width: 336px; height:66px; background-color: #efefef; float: right; margin:25px 17px 0 0;border:2px #ccc solid; position: relative;
-webkit-box-sizing:border-box;
        box-sizing:border-box;
}
header .logo_search .search input{border:none; background:none; width: 300px; height:64px; line-height: 64px; color: #666; padding-left:10px; }
header .logo_search .search .searchBtn{width:66px; height:66px; background:url(../images/public/search.jpg) ; position: absolute; right:-2px; z-index: 1;top: -2px; cursor: pointer;}
header .logo_search .search .searchBtn span{width:26px; height:26px;background: url(../images/public/ico.png) 0px -18px no-repeat; display: block; margin:0 auto; margin-top: 20px;}

/*子导航*/
header .subnav{width:640px; height:129px; background-color: #efefef; border-top:4px solid #000;}
header .subnav ul{margin:0 auto;}
header .subnav li{width: 120px; height:0px; float: left;  margin: 12px 20px 24px; text-align: center; background:red; line-height:36px;
}
header .subnav li{color: #000;}
header .subnav a:nth-child(2) li{ background-position: -120px 0;}
header .subnav a:nth-child(3) li{ background-position: -240px 0;}
header .subnav a:last-child li{ background-position: -360px 0;}
header .subnav .snActive{color: #c2003b;}


/*news 头条*/
.newstop{margin:auto;width:600px; margin-top:30px;}
.newstop li{ line-height:38px;}
.newstop li a{ color:#333333;}
.newstop li.top{ font-size:32px; font-weight:bold; line-height:34px;color:#000; overflow:hidden; height:34px;}
.newstop li.top a{ color:#000;}
.newslist{margin:auto; width:640px; margin-top:20px;}
.newstabs,.newstabs2,.newstabs3{height:60px; width:600px;margin:auto;}
.newstabs a{display:block;float:left;width:200px;color:#333;text-align:center;background:#ececec;line-height:60px;font-size:26px; font-weight:bold;text-decoration:none;}
.newstabs a.active{color:#fff;background:#c2003b;}
.swiper-container-news,.swiper-container-news2,.swiper-container-news3{height:506px; width:600px; margin:auto; padding-top:20px;}
.swiper-slide-news{width:100%;background:none;color:#fff;}
.content-slide-news{ }
.content-slide-news p{text-indent:2em;line-height:1.9;}
.swiper-container-news,.swiper-container-news2,.swiper-container-news3 {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */	z-index:1;}
.swiper-wrapper-news,.swiper-wrapper-news2,.swiper-wrapper-news3 {position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper-news {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide-news,.swiper-slide-news2,.swiper-slide-news3 {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.tj_icon{ position:absolute; width:25px; height:42px;background: url(../images/public/tj_icon.png) no-repeat; top:1px; right:1px; z-index:9;}
.img-news{ height:286px;}
.img-news dl{ float:left; margin-left:10px; margin-right:10px; text-align:center}
.img-news dd{ width:280px; height:49px; overflow:hidden}
.img-news dd a{ color:#000; line-height:49px;}
.content-slide-news li{ line-height:38px; height:38px; overflow:hidden}
.content-slide-news li a{ color:#333333;}
.content-slide-news li.top{ font-size:32px; font-weight:bold; line-height:34px;color:#000; height:34px; overflow:hidden}
.content-slide-news li.top a{ color:#000;}
.content-slide-news2 li.top{ font-size:32px; font-weight:bold; line-height:28px;color:#000;}
.content-slide-news2 li.top a{ color:#000;}
.content-slide-news3 li.top{ font-size:32px; font-weight:bold; line-height:28px;color:#000;}
.content-slide-news3 li.top a{ color:#000;}

.newstabs2 a{display:block;float:left;width:200px;color:#333;text-align:center;background:#ececec;line-height:60px;font-size:26px; font-weight:bold;text-decoration:none;}
.newstabs2 a.active{color:#fff;background:#0090eb;}
.newstabs3 a{display:block;float:left;width:200px;color:#333;text-align:center;background:#ececec;line-height:60px;font-size:26px; font-weight:bold;text-decoration:none;}
.newstabs3 a.active{color:#fff;background:#819200;}
.content-slide-news2 li{ line-height:38px;}
.content-slide-news2 li a{ color:#333333;}
.content-slide-news3 li{ line-height:38px;}
.content-slide-news3 li a{ color:#333333;}

/*AD*/
.news_ad{ width:600px; margin:auto; margin-top:20px;}
/**



/**
 * 精品推荐
 */
.goodslist-title{ width:600px; height:60px; background:#ececec; margin:auto; margin-top:20px; }
.goodslist-title a.title{width:200px; text-align: center; line-height: 60px; background:#c2003b; height:60px; display:block; float:left; font-size: 26px;}
.goodslist-title a{ color:#fefefe}
.goodslist-title span{ float:right; padding-right:20px;}
.goodslist-title span a{ color:#000000; line-height:60px; font-size:26px;}
.goodslist ul{padding-left: 10px; margin-top: 10px;}
.goodslist li{width: 290px; height:390px; margin:10px 10px; float: left; position: relative;}
.goodslist .pic{width:290px; height: 290px;   background: url(../images/public/loading.gif) center no-repeat; overflow: hidden;}
.goodslist .pic img{
  -webkit-transition: -webkit-transform 0.7s,opacity 0.7s;
          transition: transform 0.7s,opacity 0.7s;
}
.goodslist .pic .lazy{ 
  opacity: 0;
  -webkit-transform:scale(1.1);
          transform:scale(1.1);
}

.goodslist p{margin-top: 5px; height:62px; overflow:hidden; line-height:31px;}
.goodslist p a{ color:#000}
.goodslist .new_price{ float: left; color: #c2003b;}
.goodslist .old_price{ right:0; font-size: 19px; color: #666;text-decoration:line-through; }
.goodslist .new_price,
.goodslist .old_price{position: absolute; bottom:3px;}

/*杂志*/
.zazhibox{text-align:center; margin-top:20px;}
.zazhitit{ margin:auto; height:40px;text-align:center;}
.zazhitit a{font-size: 32px;font-weight: bold;line-height: 40px;color: #000;overflow: hidden;}
/*鉴定*/
.jdlist-title{ width:600px; height:60px; background:#ececec; margin:auto; margin-top:20px; }
.jdlist-title a.title{width:200px; text-align: center; line-height: 60px; background:#00cce9; height:60px; display:block; float:left; font-size: 26px;}
.jdlist-title a{ color:#fefefe}
.jdlist-title span{ float:right; padding-right:20px; }
.jdlist-title span a{ color:#000000; line-height:60px; font-size:26px;}

.jddl{   width:600px; margin:auto; height:auto; }
.jd-img { width:100px; float: left; padding-top:15px;border-bottom:1px dotted #93929a;padding-bottom:7px;}
.jddl dl{ width:500px; height: auto; border-bottom:1px dotted #93929a; padding-top:15px; padding-bottom:15px; line-height:36px; float:left;  font-size:22px;color:#999999;}
.jddl dl span{ display:block; float:left; width:64px; text-align:left; }
.jddl dl p{ display:block; float:right; width:436px; height:36px; overflow:hidden;}
.jddl dl p a{ color:#000;}
.jddl dl dt{width:500px;}
.jddl dl dd{ width:500px;}
/**
 * 底部服务&联系方式
 */
footer{
  height:480px;
}

footer .service{width: 100%; height:100px; background-color: #f1f1f1;}
footer .service ul{padding-left: 48px; padding-top: 5px;}
footer .service li{width: 120px; margin:6px 30px; text-align: center; height:30px; color: #817770; font-weight: bold; float: left;}
footer .contact { margin-top:40px;}
footer .contact .pic{width:100%; height: 250px;  background: url(../images/public/loading.gif) center no-repeat; background-color: #fff;}
footer .contact .tel{text-align: center; height:130px; border-bottom: 1px solid #ccc; }
footer .contact .tel img{ margin-top: 30px;}

footer .copyright{text-align: center; padding-bottom: 140px; line-height: 35px; padding-top: 20px;}
footer .copyright p:first-child{margin-bottom: 20px; color: #1161ce;}
footer .copyright p:first-child a{color: #1161ce;}


/*-------------------------------------------------页面分割线--------------------------------------------------------------
 * 资讯列表页
 ------------------------------------------------------------------------------------------------------------------------*/
.page-head { height:114px;border-bottom:4px solid #000000;}
.pagelist { width:640px; margin: auto;}
.pagelist-tt{ width:100%; height:50px; line-height:50px; background:#efefef;}
.pagelist-tt dl{ width:600px; display:block; margin:auto;}
.pagelist-tt dt{ display:block; float:left; width:160px; color:#000; font-size:30px; font-weight:bold; line-height:50px; padding:0;}
.pagelist-tt dt a{color:#000;}
.pagelist-tt dd{ display:block; float:right; width:124px; background: url(../images/news/home.png) no-repeat  center left; text-align:right; font-size:22px; }
.pagelist-tt dd a{ color:#000;}
.pagelist ul { width:600px; display:block; margin: auto;}
.pagelist ul li{ line-height:52px; border-bottom:1px dotted #93929a;}
.pagelist ul li a{ color:#333333;}
.pagelist ul li span{ float:right; color:#999999}
.more{ color:#f97b00; text-align:center; padding-top:40px; height:32px; cursor:pointer;}
.load_mores{color:#f97b00; text-align:center; padding-top:40px; height:32px;}
.animation_image{color:#f97b00; text-align:center; padding-top:40px; height:32px;}
.pagelist ul li.newlist_n{ height:140px; padding:20px 0px; }
.pagelist ul li.newlist_n img{ float:left; margin-right:10px;}
.newlist_n01{ width:450px; float:right; font-weight:100}
.pagelist ul li a.newlist_n02{ font-size:26px; color:#000; line-height:35px; height:35px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newlist_n03{ color:#333333;  height:70px;line-height:35px; overflow:hidden}
.newlist_n01 span{font-size:22px; }
/*-------------------------------------------------页面分割线--------------------------------------------------------------
 * 详情页
 ------------------------------------------------------------------------------------------------------------------------*/
.xiangxi { width:640px; margin: auto;}
.xiangxi-tt{ width:100%; height:50px; line-height:50px; background:#efefef;}
.xxpage{ width:600px; margin:auto}
.xxpage dl{ height:auto; border-bottom:1px solid #cccccc;}
.xxpage dl dt{ width:100%; color:#000; font-size: 36px; font-weight:bold; text-align:left; height:auto; line-height:60px; padding-top:5px;}
.xxpage dl dd{ height:52px; line-height:52px; color:#999999;}
.content { line-height:36px; padding:10px 0px;}

.pagelist ul li{ line-height:52px; border-bottom:1px dotted #93929a;}
.pagelist ul li a{ color:#333333;}
.pagelist ul li span{ float:right}
.more{ color:#f97b00; text-align:center; padding-top:40px; height:32px; cursor:pointer;}

/*相关推荐*/
.like-list{ width:600px; margin: auto;}
.like-tt { height:60px; background:#ececec; line-height:60px;}
.like-tt span{ display:block; width:200px; background:#0090eb; text-align:center; color:#fefefe; font-size:26px; font-weight:bold;}
.like-list ul li{ line-height:52px; border-bottom:1px dotted #93929a;}
.like-list ul li a{ color:#333333;}
.like-list ul li span{ float:right}

.sub_button {
	height: 70px;
	margin-bottom: 15px;
	width: 100%;
}

.sub_button button {
	background:#999;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	height: 70px;
	line-height: 70px;
	border: 0;
	width: 100%;font-size: 28px;
}
.sub_button>div {

	height: 100%;
}
.pic input {
    display: inline-block;
    position: absolute;
    width: 100%;
     height: 100%;
    right: 0;
    top: 0;
    z-index: 4000;
    opacity: 0;

}
.upload .pic {
	width: 140px;
	
    height:165px;
	display: inline-block;
	position:relative;  
}
.upload img {
	width: 140px;
	height: 140px;border: 1px solid #f1f1f1;
}
.upload .pic {
	width: 140px;
	
    height:175px;
	display: inline-block;
	position:relative;
}
.upload img {
	width: 140px;
	height: 140px;
}
.pic>div {
  line-height: 35px;
  height: 35px;
  font-size: 16px;
  color: #999999;
  text-align: center;
}
.blockPage { height:80px; line-height:80px;}
/*slider css*/
.tabBox {
    position:relative;
   
}

.tabBox .hd{ 
    position: absolute;
    bottom: 0px;
    height: 43px; width: 100%;

}

.tabBox .hd span{
    border-radius: 15px;
margin: 0 5px;
background: none;
border: 2px solid #fff;
height: 13px;
width: 13px;display: inline-block;
    text-indent: -99999px;
}

.tabBox .hd ul .on{
    background-color: #000;
border: 2px solid #000;;
}

.tabBox .hd ul{
	margin:0 auto;
    text-align: center;
}

.tabBox .bd li img { 
    width:590px;
	height:590px;
}
/**
 * css3 animate
 */

@-webkit-keyframes backTopAm {
  0% { -webkit-transform: translate(0px,3px); }
  50% { -webkit-transform: translate(0px,-3px);}
  100% { -webkit-transform: translate(0px,3px);}
}

@-webkit-keyframes hotAm {
  0% { opacity: 1; }
  50% {  opacity: 0;}
  100% {  opacity: 1;}
}

.zanwuxinxi{ width:600px; height:170px; margin:0; float:left}
.zanwuxinxi dt{ width:400px; height:28px; margin:0; float:right; margin-top:30px; background:url(../images/product/zanwupro.jpg) no-repeat center left;font-size:20px;font-family:'Microsoft Yahei',"黑体"; font-weight:bold; color:#666; line-height:28px; padding-left:50px;}
.zanwuxinxi dd{ width:400px; height:100px; margin:0; float:right; font-size:12px; line-height:24px; color:#666; margin-top:10px;}
.ss{ display:block}






#tag {
    padding: 0 8px;
    height: 60px;
    border-bottom: 1px solid #999999;
    line-height: 56px;
    font-size: 24px;
    color: #333333;
}
#tag li {
    float: left;
    padding: 0 30px;
}
#tag li a {
    color: #333333;
}
#tag li.current {
    border-bottom: 4px solid #c2003b;
}
.proHeaders{width:100px; float:right; height:80px;font-size: 26px;
  line-height: 80px;  color: #c2003b;position: relative;}
.proHeaders span  {content:""; width: 10px; height:10px; border-radius: 10px; background-color: #c2003b; position: absolute; top:50%; margin-top: -20px; right:10px;
  -webkit-animation-name: hotAm;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-timing-function:linear; 
  -webkit-animation-iteration-count:infinite; display:block}
  #searchTag{
	z-index:1000;display:none;position:absolute;top:0px;left:0px;width:333px;padding:20px 0px 10px 0px;background:#fff;border:solid 1px #cccaca; border-top:0px;
	
	border-radius:0 0 5px 5px;
}
#searchTag p{text-align:left;line-height:22px;margin:0;border:0;}
#searchTag span{font-weight:bold;color:#3366cc;}
#searchTag em.red{color:#ff0000;font-style:normal;}
#searchTag a{ padding:0 5px; display:block; line-height:35px; color:#666}
#searchTag a:hover{ background-color:#D2DEE8}
#tagClose{font-size:12px;color:#ff6600;font-weight:800;cursor:pointer;position:absolute;top:2px;right:8px;}
.sidebar-move{height:100%;overflow:hidden;}

.recommend{ width: 600px; margin:0 auto;}
/**
 * 精品推荐
 */
.recommend .title{width:100%; height:80px; border-bottom: 2px solid #ccc; text-align: center; line-height: 80px; color: #333; font-size: 32px;}
.recommend ul{ margin-top: 10px;}
.recommend li{width: 280px; height:390px; margin:10px 10px; float: left; position: relative;}
.recommend .pic{width:280px; height: 280px; background-color: #ddd;  background: url(../images/public/loading.gif) center no-repeat; overflow: hidden;}
.recommend .pic img{
  -webkit-transition: -webkit-transform 0.7s,opacity 0.7s;
          transition: transform 0.7s,opacity 0.7s;
}
.recommend .pic .lazy{ 
  opacity: 0;
  -webkit-transform:scale(1.1);
          transform:scale(1.1);
}

.recommend p{margin-top: 5px; height:62px; overflow:hidden; line-height:31px;}
.recommend p a{ color:#000}
.recommend .new_price{ float: left; color: #c2003b; left:110px;}
.recommend .old_price{ float: left; font-size: 19px; color: #666; bottom:5px;}
.recommend .new_price,
.recommend .old_price{position: absolute; }

.gzhimg { width:258px; height:258px; float: right; }
.gzh dl { width:380px;float:left; height:178px; padding-top:40px;}
.gzh dl dd{ width:380px; line-height:44px; height:44px; text-align:center}
.biaoqian{ margin:15px 0px; font-weight:bold; font-size:26px; background: url(http://www.zhuoyixuan.com/themes/new/images/tag03.jpg) center left no-repeat; padding-left:40px;}
.biaoqian a{ padding:5px 10px; background-color:#2e8cef; color:#fff; margin:0 5px; font-weight:100}