


/*header*/
.headder{height: 45px; width:100%; background: #000; position: relative;}
.headder h1{text-align: center; line-height:45px; font-size: 1.125rem; color:#fff;}
.headder p{ font-size: 1rem; color:#fff; position:absolute; left:28px; top:13px;}
.headder>span{width: 22px; height: 39px; background: url(../images/sanjiao.png) no-repeat; display: block; background-size:50% 50%; position:absolute; left:10px; top:15px;}
.headder a{ position:absolute; right:13px; top:20px;}
.headder a span{width: 7px; height: 7px; background: #fff; display: block; border-radius: 50%; float: left; margin-right:3px;}


/*bg*/
.bg{width:100%; padding-bottom: 39.0625%; background: url(../images/bg.jpg) no-repeat; background-size:100% 100%;}
/*640*250 100%*/



/*logo*/
.nav .logo{width: 94px; height: 94px; background: #fff; border-radius:50%; position:absolute; left:18px; top:-50px;}
.nav .logo img{position:absolute; left:0px; top:0px;}


/*nav*/
.nav{width:100%; height:100px; position:relative;}
.nav .nav-top{width:100%; height:50px;}
.nav .nav-top ul{float:right;}
.nav .nav-top ul li{float:left; font-size: .75rem; width: 64px; height: 50px; position:relative;}
.nav .nav-top ul li:nth-of-type(2):before{content:''; border-left: 1px solid #cecece; padding-top:25px; position:absolute;left:0; top:10px;}
.nav .nav-top ul li:nth-of-type(2):after{content:''; border-left: 1px solid #cecece; padding-top:25px; position:absolute;right:0; top:10px;}

/*one*/
.nav .nav-top ul li a.nav-one{width:18px;  height:18px; background: url(../images/quanbu.png) no-repeat; display: block; background-size:100% 100%; position:absolute; left:23px; top:7px;}
.nav .nav-top ul li a.nav-one:hover{width:18px;  height:18px; background: url(../images/qb.png) no-repeat; display: block; background-size:100% 100%;}
.nav .nav-top ul li  a p{width:64px; line-height:32px; text-align: center; position:absolute; left:-24px; top:14px; color:#414141;}


/*two*/
.nav .nav-top ul li a.nav-two{width:18px;  height:18px; background: url(../images/cang1.png) no-repeat; display: block; background-size:100% 100%; position:absolute; left:23px; top:7px;}
.nav .nav-top ul li a.nav-two:hover{width:18px;  height:18px; background: url(../images/cang2.png) no-repeat; display: block; background-size:100% 100%;}


/*three*/
.nav .nav-top ul li a.nav-three{width:18px;  height:18px; background: url(../images/erwei1.png) no-repeat; display: block; background-size:100% 100%; position:absolute; left:23px; top:7px;}
.nav .nav-top ul li a.nav-three:hover{width:18px;  height:18px; background: url(../images/erwei2.png) no-repeat; display: block; background-size:100% 100%;}



.nav .nav-bottom{width:100%; height:50px; padding:7px 76px 0 15px; box-sizing: border-box; position:relative;}
.nav-bottom .search{line-height:30px; background: #fff; border: 1px solid #a1a1a1; border-radius: 35px;  box-sizing: border-box; padding-left:15px; font-size: .875rem;}
.nav-bottom .search input{color:#cdcdcd;}
.nav-bottom a{width: 57px; line-height: 35px; background: #b12923;position:absolute; right:10px; top:7px; border-radius: 35px; color:#fff; text-align: center; }
.nav-bottom a:hover{ background: #7c1d18; border-radius: 35px;}



/*main*/
.main{width: 100%; height: 22px; margin-bottom:10px; border-bottom: 1px solid #b12a23; position:relative;}
.main .main-left{width:89px; height: 22px; background:url(../images/zuixin.png) no-repeat; background-size: 100% 100%; font-size: 1rem; color:#fff;}
.main p a{font-size: .75rem; color:#eb6100; position:absolute; right:28px; top:5px;}
.main p a:after{content:''; width:20px; height:13px; background:url(../images/gengduo.png) no-repeat; display: inline-block; background-size: 100% 100%; position:absolute; right:-21px; top:1px;}



/*hot*/
.hot{width:100%;  padding:0px 5px 5px 10px;  margin-bottom:8px; box-sizing: border-box;}
.hot ul{width:100%; display:table;}
.hot ul li{display: table-cell;width: 33%;float: left;}
.hot ul li a{display:block;  margin-right:5px; background-size:cover;}

.hot ul li a .hot-one{width:100%; padding-top:100%; position:relative; margin-right:5px;}

/*page1*/
.page{width:100%;  padding:0px 0px 0px 10px;  margin-bottom:8px; box-sizing: border-box;}
.page ul{width:100%; display:table;margin-bottom:8px;}
.page ul li{display:table-cell;width:50%;float:left;margin-bottom:8px;}
.page ul li a{display:block;  margin-right:10px; }

.page ul li a .hot-one{width:100%; padding-top:98%;background-size:cover; position:relative; margin-right:5px; }
.wenzi{padding-top:54px; background: #fff; position:relative;}
.wenzi h2{position:absolute; left:6px; top:5px; font-size: .875rem; color:#000;}
.wenzi .money{position:absolute; left:5px; top:30px;}
.wenzi .money p:nth-of-type(1){float:left; font-size: .875rem; color:#b22923; font-weight: bold;}
.wenzi .money p:nth-of-type(2){float:left; font-size: .75rem; color:#6b6b6b;  text-decoration:line-through; margin-top:5px; margin-left: 3px;}
.wenzi>p{position:absolute; right:6px; top:33px; font-size: .75rem; color:#a7a7a7;}


/*page2*/
/*.page2{width:100%;  padding:0px 0px 0px 10px;  margin-bottom:8px; box-sizing: border-box;}
.page2 ul{width:100%; display:table;}
.page2 ul li{display:table-cell;}
.page2 ul li a{display:block;  margin-right:10px; }

.page2 ul li a .hot-one{width:100%; padding-top:98%;background-size:cover; position:relative; margin-right:5px; }
.wenzi-two{padding-top:54px; background: #fff; position:relative;}
.wenzi-two h2{position:absolute; left:6px; top:5px; font-size: .875rem; color:#000;}
.wenzi-two p:nth-of-type(1){position:absolute; left:6px; top:30px; font-size: 1rem; color:#b22923; font-weight: bold;}
.wenzi-two p:nth-of-type(2){position:absolute; left:55px; top:36px; font-size: .75rem; color:#6b6b6b;  text-decoration:line-through;}
.wenzi-two p:nth-of-type(3){position:absolute; right:6px; top:33px; font-size: .75rem; color:#a7a7a7;}*/


/*show*/
.show{width:100%;  padding:0px 5px 5px 10px;  margin-bottom:8px; box-sizing: border-box;}
.show ul{width:100%;}
.show ul li{float:left; margin-bottom:5px;}
.show ul li.showImg{width:66.67%; padding-right:5px; box-sizing: border-box;}
.show ul li.showThumbnail{width:33.33%; padding-right:6px; box-sizing: border-box;}
.show ul li.showThumbnail a.show-Thumbnail-top{  width: 100%;
  padding-top: 121%;
  display: block;
  background: no-repeat;
  background-size: cover;
  margin-bottom: 5px; }
.show ul li.showThumbnail a.show-Thumbnail-bottom{width:100%; padding-top:121%;display: block; background: no-repeat; background-size: cover;}

.show ul li.showImg a{width:100%; padding-top:118%;display: block;  background-size: cover;}



/*page4*/
/*
.page4{width:100%;  padding:0px 5px 0px 10px;  margin-bottom:8px; box-sizing: border-box;}
.page4 ul{width:100%; display:table;}
.page4 ul li{display:table-cell;}
.page4 ul li a{display:block;  margin-right:5px; background-size:cover;}

.page4 ul li a .hot-one{width:100%; padding-top:100%; position:relative; margin-right:5px;}*/



/*show*/
/*.show{width:100%;  padding:0px 5px 5px 10px;  margin-bottom:8px; box-sizing: border-box;}
.show ul{width:100%;}
.show ul li{float:left; margin-bottom:5px;}
.show ul li.showImg{width:66.67%; padding-right:5px; box-sizing: border-box;}
.show ul li.showThumbnail{width:33.33%; padding-right:5px; box-sizing: border-box;}
.show ul li.showThumbnail a.show-Thumbnail-top{width:100%; padding-top:118%;display: block;  background-size: cover; margin-bottom:5px;}
.show ul li.showThumbnail a.show-Thumbnail-bottom{width:100%; padding-top:118%;display: block;  background-size: cover;}

.show ul li.showImg a{width:100%; padding-top:118%;display: block; background-size: cover;}*/




/*page6*/
.thumbnail{width:100%;  padding:0px 5px 0px 10px;  margin-bottom:8px; box-sizing: border-box;}
.thumbnail ul{width:100%; display:table;}
.thumbnail ul li{display:table-cell;}
.thumbnail ul li a{display:block;  margin-right:5px; background-size:cover;}

.thumbnail ul li a .hot-one{width:100%; padding-top:100%; position:relative; margin-right:5px;}



/*main-anther*/
.main-anther{width: 100%; height: 22px; margin-bottom:10px; border-bottom: 1px solid #eb6100; position:relative;}
.main-anther .main-anther-left{width:89px; height: 22px; background:url(../images/remai.png) no-repeat; background-size: 100% 100%; font-size: 1rem; color:#fff;}
.main-anther p a{font-size: .75rem; color:#eb6100; position:absolute; right:28px; top:5px;}
.main-anther p a:after{content:''; width:20px; height:13px; background:url(../images/linyige.png) no-repeat; display: inline-block; background-size: 100% 100%; position:absolute; right:-21px; top:1px;}





/*menu*/
.menu{width:100%; height:49px; background: rgba(0,0,0,0.7); position:fixed; left:0; bottom:0px; z-index: 999; min-width: 320px; box-sizing: border-box; padding-top:3px;}
.menu ul li a{width:25%; height:48px;  float:left; text-align: center;color:#fff; font-size: .625rem;}
.menu ul li a.shouye:before{content:''; display:block;width: 30px; height: 30px;background:url(../images/w2.png) no-repeat; background-size: 100% 100%;margin:0 auto;}
.menu ul li a.lianxi:before{content:''; display: block; width: 30px; height: 30px;background:url(../images/x2.png) no-repeat; background-size: 100% 100%; margin:0 auto;}
.menu ul li a.fenlei:before{content:''; display: block; width: 30px; height: 30px;background:url(../images/g2.png) no-repeat; background-size: 100% 100%; margin:0 auto;}
.menu ul li a.wode:before{content:''; display: block; width: 30px; height: 30px;background:url(../images/m2.png) no-repeat; background-size: 100% 100%; margin:0 auto;}

.menu ul li.current a{color:#e32624;}
.menu ul li.current a.shouye:before{content:''; display:block;width: 30px; height: 30px;background:url(../images/w1.png) no-repeat; background-size: 100% 100%;margin:0 auto;}


