style.css


/*主要*/

body {

	font-family: STHeiti,'Lucida Grande','Microsoft YaHei','Helvetica Neue',Helvetica,SimHei,Arial,sans-serif;

	font-size: 12px;

	background-color: #fff;

}

a img {

	border: 0 }

a {

	text-decoration: none !important;

	cursor: pointer;

	color: #666;

}

a: hover, a: focus {

	color: #ff3674;

	text-decoration: none }

.page {

	background-color: #fff;

	background-size: cover;

}

.br-img {

	height: 100px;

}

.banner ul li a img {

	border: solid 1px #fff;

}

/*导航*/

	.fixed-top {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	z-index: 999;

}

.hao-nav {

	background: #ffc300;

}

.hao-button {

	background: #ffc300;

	color: #fff;

	width: 100%;

	border-radius: 0;

	border: 0;

}

.hao-button: hover, .hao-button: focus, .hao-button.bg: hover, .hao-button.bg: focus {

	background-color: #ffc300;

}

/*移动端导航*/

	.find_nav {

	width: 100%;

	height: 45px;

	background-color: #fff;

	z-index: 99;

	border-bottom: 1px solid #ddd;

	display: -moz-box;

	display: -webkit-box;

	display: box;

	margin-bottom: 15px;

}

.find_nav_left {

	height: 46px;

	position: relative;

	overflow: hidden;

	-moz-box-flex: 1;

	-webkit-box-flex: 1;

	box-flex: 1;

}

.find_nav_list {

	position: absolute;

	left: 0;

}

.find_nav_list ul {

	position: relative;

	white-space: nowrap;

	font-size: 0;

	padding: 0;

}

.find_nav_list ul li {

	display: inline-block;

	padding: 0 13px;

}

.find_nav_list ul li a {

	display: block;

	width: 100%;

	height: 100%;

	line-height: 46px;

	font-size: 16px;

	text-align: center;

	color: #666;

}

.current-cat a {

	color: #ffc300 !important;

}

.sideline {

	display: block;

	position: absolute;

	border: 0;

	height: 2px;

	background-color: #ffc300;

	left: 0;

	top: 43px;

	pointer-events: none;

}

/*默认分类页*/

	.box {

	position: relative;

	background-color: #fff;

	overflow: hidden;

	border: 1px solid #F0F0F0;

}

.box: hover {

	-webkit-transition: border-color .5s;

	-o-transition: border-color .5s;

	-moz-transition: border-color .5s;

	transition: border-color .5s;

	border-color: #ffc300;

}

.box a img {
	padding-bottom: 20px;
}

.box-prod {

	position: relative;

	margin: 0 10px;

	border-top: 1px solid #D7D7D7;

}

.box-name dt {

	margin: 15px 0 0px;
    height: 40px;
    font-size: 14px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    text-indent: 20px;
}

.box-name dt span {

	background: #ffc300;

	color: #fff;

	font-size: 8px;

	border-radius: 2px;

	padding: 0 5px;

	margin-right: 5px;

}

.box-name dt a {

	color: #666;

	font-weight: 400;
	line-height: 20px;

}

.box-name dt a: hover {

	color: #ffc300;

}

.box-name dt a span {

	padding: 0 5px 0 0;

	color: #ffc300;

	font-weight: 700;

}

.box-price {

	height: 30px;

	line-height: 28px;

	font-size: 20px;

	color: #f50;

}

.box-price del {

	font-size: 13px;
	color: #666;
}

.box-send {

	font-size: 13px;

	color: #999;

}

.box .box-btn {

	position: absolute;
    right: 10px;
    bottom: 15px;
    width: 20px;
    height: 20px;

}

/* 首页*/

	.item-title {

	text-align: center;

}

.item-title h5 {

	height: 48px;

	border-bottom: 2px solid #333;

}

.item-title h5 strong {

	height: 48px;

	line-height: 48px;

	font-size: 24px;

	color: #FFF;

	font-weight: 400;

	background-color: #333;

	display: inline-block;

	width: 280px;

}

.item-title p {

	height: 34px;

	line-height: 34px;

	font-size: 14px;

	color: #999;

	border-bottom: 1px solid #C1C1C1;

	display: inline-block;

	width: 280px;

}

.sy-hd {

	color: #fff;

	padding: 20px;

}

.sy-txt {

	text-align: left;

	font-size: 14px;

	font-weight: 600;

}

.sy-input {

	border: 1px solid #ffc300;

	color: #777;

	height: 38px;

	width: 40%;

	padding: 0 10px;

	background: rgba(0, 0, 0, 0);

}

.sy-submit {

	background: #ffc300;

	border: none;

	cursor: pointer;

	color: #fff;

	margin-left: -5px;

	height: 40px;

	padding: 0 20px;

}

.sy-tj {

	text-align: center;

	padding: 20px 0;

}

.sy-tj p {

	height: 34px;

	line-height: 34px;

	font-size: 14px;

	color: #999;

	border-bottom: 1px solid #C1C1C1;

	display: inline-block;

	width: 280px;

}

.sy-tj strong {

	color: #666;

	padding: 0 10px;

}

/*文章页*/

	.main {

	background: #fff

}

.col1 {

	}

.col1-a {

	margin-top: 10px;

	background: #ffc300;

	text-align: center;

}

.col1-a .text {

	color: #fff;

	font-size: 18px;

	line-height: 42px;

}

.col1-a .text span {

	color: #ffc300;

	padding-left: 10px;

	font-size: 14px;

	font-weight: 600;

}

.col1-b {

	background: #e9e9e9;

	padding: 10px 20px;

	font-size: 16px;

}

.col1-b .xj {

	margin-right: 50px;

}

.col1-b .xj i {

	color: #f15482;

	padding: 0 10px;

	font-style: normal;

}

.col1-b .xj strong {

	font-size: 36px;

	padding: 5px;

}

.col1-b .yj i {

	padding: 0 10px;

	font-style: normal;

}

.col1-c {

	margin-top: 10px;

	padding: 10px 0;

	border-top: 1px dotted #C9C9C9;

	border-bottom: 1px dotted #C9C9C9;

	font-size: 16px;

	color: #8E8787;

}

.col1-c span strong {

	padding: 0 5px;

}

.col1-d {

	margin-top: 10px;

	text-align: center;

	border: 2px solid #ffc300;

	color: #ffc300;

	-webkit-transition: .3s ease;

	-moz-transition: .3s ease;

	transition: .3s ease;

}

.col1-d a {

	line-height: 52px;

	font-size: 24px;

	color: #ffc300;

}

.col1-d: hover {

	background: #ffc300;

}

.col1-d: hover a {

	color: #FFF;

}

.col1-e {

	color: #c9c9c9;

}

.col1-e p {

	margin: 5px 0;

}

.box-gg p {

	text-align: center;

	color: #ffc300;

	font-size: 14px;

	font-weight: bold;

}

.jingp {

	margin: 35px auto 20px;

}

.tkl {

	border: solid 1px #ddd;

	padding: 10px;

	margin-top: 10px;

	background: #f5f5f5;

	width: 100%;

}

.but-tkl {

	margin-top: 5px;

	text-align: center;

	border: 1px solid #ffc300;

	color: #ffc300;

	width: 100%;

	padding: 10px;

	font-size: 18px;

}

/*分页*/

	.pagenavi, #infscr-loading {

	overflow: hidden;

	width: 100%;

	text-align: center;

	padding: 20px 0;

}

.pagenavi a {

	height: 36px;

	border: 1px solid #DDD;

	-webkit-border-radius: 12px;

	-moz-border-radius: 12px;

	border-radius: 12px;

	color: #888;

	text-decoration: none;

	line-height: 36px;

	margin: 2px;

	font-size: 14px;

	padding: 3px 8px

}

.pagenavi a: hover,.page_navi a.current {

	border: 1px solid #FFBB76;

	color: #FF7200;

	font-weight: bolder

}

/*底部*/

	.footer {

	background-color: #373737;

	width: 100%;

	border-top: 3px solid #ffc300;

}

.footer p {

	text-align: center;

	color: #ffc300;

	font-size: 14px;

	font-weight: bold;

}

#gotop {

	position: fixed;

	bottom: 20px;

	right: 10px;

	display: none;

}

.toTop {

	color: #666;

	font-size: 30px;

	padding: 20px;

}

.toTop: hover {

	color: #ffc300;

}

@media only screen and (max-width: 760px) {

	.text-float {

	text-align: center;

}

.col1 {

	padding-top: 10px

}

.col1-b .xj {

	margin-right: 10px;

}

.box-img {

	float: left;

	width: 40%;

}

.box-prod {

	border: 0;

	float: right;

	width: 56%;

	margin: 0 5px;

}

.box-txt {

	margin: 0;

	position: inherit;

	border: 0;

	text-align: left;

}

.box a img {

	padding: 0;

	padding-bottom: 0;

}

}

@media only screen and (max-width: 420px) {

	.box-name dt {

	margin: 5px 0;

}

.box-send {

	display: none;

}

.box-price {

	font-size: 24px;

}

.box .box-btn {

	display: none;

}

}

.pt_9 {

	background-color: #000000;

}

/* 美妆*/

	.pt_cloth {

	background-color: #974676;

}

/* 美妆*/

	.pt_beauty {

	background-color: #cd375e;

}

/* 女装*/

	.pt_electronic {

	background-color: #78538e;

}

/* 鞋包配饰*/

	.pt_phone {

	background-color: #5e6c90;

}

/* 运动户外*/

	.pt_3c {

	background-color: #3aaba9;

}

/* 男装*/

	.pt_sport {

	background-color: #568e7d;

}

/* 母婴*/

	.pt_baby {

	background-color: #e16c46;

}

/* 零食茶饮*/

	.pt_family {

	background-color: #a56741;

}

/* 内衣*/

	.pt_game {

	background-color: #6467a0;

}

/* 数码家电*/

	.pt_travel {

	background-color: #5981a3;

}

/* 家居用品*/

	.pt_finance {

	background-color: #5a7259;

}

/* 汽车用品*/

	.pt_9 {

	background-image: -webkit-linear-gradient(90deg,#757575,#000000);

	background-image: -webkit-linear-gradient(left,#757575,#000000);

	background-image: -moz-linear-gradient(left,#757575,#000000);

	background-image: linear-gradient(90deg,#757575,#000000);

}

.pt_cloth {

	background-image: -webkit-linear-gradient(90deg,#974676,#9e4075);

	background-image: -webkit-linear-gradient(left,#974676,#9e4075);

	background-image: -moz-linear-gradient(left,#974676,#9e4075);

	background-image: linear-gradient(90deg,#974676,#9e4075);

}

.pt_beauty {

	background-image: -webkit-linear-gradient(90deg,#cd375e,#c1314d);

	background-image: -webkit-linear-gradient(left,#cd375e,#c1314d);

	background-image: -moz-linear-gradient(left,#cd375e,#c1314d);

	background-image: linear-gradient(90deg,#cd375e,#c1314d);

}

.pt_electronic {

	background-image: -webkit-linear-gradient(90deg,#78538e,#674083);

	background-image: -webkit-linear-gradient(left,#78538e,#674083);

	background-image: -moz-linear-gradient(left,#78538e,#674083);

	background-image: linear-gradient(90deg,#78538e,#674083);

}

.pt_phone {

	background-image: -webkit-linear-gradient(90deg,#5e6c90,#4c5e8c);

	background-image: -webkit-linear-gradient(left,#5e6c90,#4c5e8c);

	background-image: -moz-linear-gradient(left,#5e6c90,#4c5e8c);

	background-image: linear-gradient(90deg,#5e6c90,#4c5e8c);

}

.pt_3c {

	background-image: -webkit-linear-gradient(90deg,#3aaba9,#299b9a);

	background-image: -webkit-linear-gradient(left,#3aaba9,#299b9a);

	background-image: -moz-linear-gradient(left,#3aaba9,#299b9a);

	background-image: linear-gradient(90deg,#3aaba9,#299b9a);

}

.pt_sport {

	background-image: -webkit-linear-gradient(90deg,#568e7d,#447e6c);

	background-image: -webkit-linear-gradient(left,#568e7d,#447e6c);

	background-image: -moz-linear-gradient(left,#568e7d,#447e6c);

	background-image: linear-gradient(90deg,#568e7d,#447e6c);

}

.pt_baby {

	background-image: -webkit-linear-gradient(90deg,#e16c46,#e85629);

	background-image: -webkit-linear-gradient(left,#e16c46,#e85629);

	background-image: -moz-linear-gradient(left,#e16c46,#e85629);

	background-image: linear-gradient(90deg,#e16c46,#e85629);

}

.pt_family {

	background-image: -webkit-linear-gradient(90deg,#a56741,#925937);

	background-image: -webkit-linear-gradient(left,#a56741,#925937);

	background-image: -moz-linear-gradient(left,#a56741,#925937);

	background-image: linear-gradient(90deg,#a56741,#925937);

}

.pt_game {

	background-image: -webkit-linear-gradient(90deg,#6467a0,#544b8f);

	background-image: -webkit-linear-gradient(left,#6467a0,#544b8f);

	background-image: -moz-linear-gradient(left,#6467a0,#544b8f);

	background-image: linear-gradient(90deg,#6467a0,#544b8f);

}

.pt_travel {

	background-image: -webkit-linear-gradient(90deg,#5981a3,#41698b);

	background-image: -webkit-linear-gradient(left,#5981a3,#41698b);

	background-image: -moz-linear-gradient(left,#5981a3,#41698b);

	background-image: linear-gradient(90deg,#5981a3,#41698b);

}

.pt_finance {

	background-image: -webkit-linear-gradient(90deg,#5a7259,#425f41);

	background-image: -webkit-linear-gradient(left,#5a7259,#425f41);

	background-image: -moz-linear-gradient(left,#5a7259,#425f41);

	background-image: linear-gradient(90deg,#5a7259,#425f41);

}

.box:hover {
    border-color: #ffc300;
    box-shadow: 0 0 10px 0 rgba(170,170,170,.63);
}

#headerC {
	padding: 0;
}

.current-menu-item {
	background-color: rgba(0, 0, 0, .20);
}

.mNav li.current-menu-item {
	background-color: rgba(0, 0, 0, 0);
}

.nav-split li {
	border-right: none;
}

#nav ul {
    margin: 0 auto;
    padding: 0 10px;
}

@media only screen and (max-width: 420px) {

	.box-prod {
	    position: relative;

	}

}

@media only screen and (max-width: 760px) {

	.box-prod {
	    position: relative;

	}
	#cate .slider{
		display: none;
	}
	.cate-list{
		display: none;
	}

	.box-txt{
	    bottom: -38px !important;
	}

	.layout{
	    margin-bottom: 8px;
	}
	body{
		background-color: #fff4d1;
	}

}
@media (min-width: 300px){
	.post {
		height: auto;
	}
	.box-prod {
	    position: relative;

	}
	
}


@media (min-width: 760px){
	#nav ul {
		width: 760px;
	}
	.box {
		height: 355.5px;
	}
	.box-prod {
	    position: absolute;
	    bottom: 0;
	}

	#cate .slider{
		width: 75%;
	}
	.cate-list{
		width: 25%;
	}
}

@media (min-width: 1000px){
	#nav ul {
		width: 1000px;
	}
	.box {
		height: 360.66px;
	}
	.box-prod {
	    position: absolute;
	    bottom: 0;
	}

	#cate .slider{
		width: 80%;
	}
	.cate-list{
		width: 20%;
	}
}

@media (min-width: 1200px){
	#nav ul {
		width: 1200px;
	}
	.box {
		height: 408.5px;
	}
	.box-prod {
	    position: absolute;
	    bottom: 0;
	}
	#cate .slider{
		width: 80%;
	}
	.cate-list{
		width: 20%;
	}
}

.search form{
	position: relative;
    padding-top: 36px;
}

.search form.s>* {
    float: right;
}

.cate-list{
	background: #fff5d4;
    padding-left: 0;
}

ul.cate-list li {
    color: #fff;
    height: 35px;
    text-align: left;
    padding-left: 40px;
    line-height: 32px;
    list-style-type: none;
    cursor: pointer;
}

ul.cate-list li:hover{
	background: rgba(0, 0, 0, 0.08);
}

ul.cate-list li a {
    color: #000;
}

.nav-split li {
    font-size: 16px;
}

.beian{
	color: #fff;
    font-size: 14px;
}

div#cate>* {
	float: left;
}

ol.flex-control-nav.flex-control-paging{
	position: absolute;
    bottom: 15px;
    z-index: 1000;
} 

#cate .slider{
    height: 350px;
}

.sliderImg {
	width: 100%;
    height: 352px;
    background-repeat: no-repeat;
    background-size: 100%;
}

#img1{
	background-image: url(http://chuantu.biz/t5/133/1499932182x1700429215.png);
}

#img2{
	background-image: url(http://chuantu.biz/t5/133/1499932674x3394041611.png);
}

#img3{
	background-image: url(http://chuantu.biz/t5/133/1499932686x3394041611.png);
}

#cate ul.cate-list li .iconfont{
	font-size: 18px;
    line-height: 35px;
    margin-right: 10px;
    width: 30px;
    height: 35px;
    display: inline-block;
    color: #e6b822;
    vertical-align: middle;
}

#cate ul.cate-list li>* {
    /*float: left;*/
}
#cate ul.cate-list li span:nth-child(2){
	font-size: 14px;
}

.box .box-btn {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 17px;
    left: 2px;
}

.box-btn img {
    width: 15px;
}

.box-txt{
	position: absolute;
    bottom: 15px;
    right: 4px;
    margin-left: -75px;
    width: 90px;
    line-height: 28px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #ffc300;
    background-color: #FFF;
    color: #ffc300;
    border-radius: 6px;
}

.box-txt .box-juan-price{
	float: left;
	width: 60px;
    border-right: 2px dotted #fff;
    background-color: #ffc300;
    color: #582c1a;
    border-radius: 4px;
}

.box-txt .box-juan{
	float: left;
	width: 28px;
	color: #ff5f5f;
}

.box-prod {
	border-top: none;
}

.m-header{
	position: fixed;
    top: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #ffc300;
    z-index: 100;
}
.m-header>*{
	float: left;
}
.m-logo a {
	color: #fff;
    width: 60px;
    display: block;
    text-align: center;
    font-size: 16px;
    text-shadow: 2px 1px 2px #666;
    font-style: italic;
}
.m-header .m-search form{
	margin-left: 14px;
}
.m-header .m-search input{
	-webkit-appearance : none ;
	 margin-right: -2px;
	background: #fff;
    height: 30px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    width: 72%;
    padding: 0 2%;
}

.m-header .m-search button{
	background: #fff;
    height: 30px;
    vertical-align: top;
    margin-top: 5px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 18%;
}
.m-header .m-search{
	width: 70%;
    position: absolute;
    left: 50%;
    transform: translate( -50%, 0);
}
.m-header .m-search .icon-search:before{
	content: "\f002";
    color: #888;
    font-size: 13px;
    line-height: 13px;
    vertical-align: super;
}
.m-slider{
	margin-top: 40px;
}
.m-slider .banner{
	height: 170px;
}
.m-slider .carousel{
	height: 100%;
}
.m-slider .item{
	height: 100%;
}
.m-slider .sliderImg{
	height: 100%;
	background-size: 100% 170px;
}
.m-cate{
	height: 40px;
    position: absolute;
    right: 8px;
}
.m-cate img{
	height: 30px;
    width: 30px;
    vertical-align: middle;
}
.m-cate-drop{
	position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    top: 40px;
    left: 0;
    z-index: 1000;
}
.m-cate-container{
	background: #fff;
    width: 100%;
    height: 200px;
}
ul.m-cate-list{
	padding-left: 0;
}
ul.m-cate-list li span {
    font-size: 12px;
    margin-right: 2px;
}
ul.m-cate-list li {
    list-style-type: none;
    height: 45px;
    width: 25%;
    float: left;
    border-bottom: #eee 1px solid;
    border-right: #eee 1px solid;
    text-align: center;
}
ul.m-cate-list li  .iconfont{
	line-height: 45px;
}
ul.m-cate-list li.current-menu-item span {
    color: #ffc300;
}
.m-packup {
    width: 20%;
    margin: 0 40%;
    line-height: 28px;
    text-align: center;
    border: 1px solid #ffc300;
    position: absolute;
    top: 150px;
}
.m-packup span{
	font-size: 14px;
	color: #ffc300;
}
.hide{
	display: none;
}
.m-back{
	margin-top: 7px;
    position: relative;

}
.m-back:before{
	    content: " ";
    height: 0;
    width: 0;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 12px;
    border-right-color: #fff;
    position: absolute;
}
.m-back:after{
	content: " ";
    height: 0;
    width: 0;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 12px;
    border-right-color: #ffc300;
    position: absolute;
    margin-left: 3px;
}
.m-main-cate{
	background: #fff;
    height: 80px;
    padding: 10px;
}
.m-main-cate ul{
	padding-left: 0;
    margin-top: 10px;
}
.m-main-cate ul li {
    list-style: none;
    float: left;
    background: #ffc300;
    margin-right: 6px;
    width: 18%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
}
.m-main-cate ul li a {
    color: #582c1a;
    font-size: 11px;
}
.m-main-cate ul li.current-menu-item{
	background: #f50;
    box-shadow: 0px 4px 8px 0px #501b00;
    transform: translateY(-4px);
}
.m-main-cate ul li.current-menu-item a{
	color: #fff;
}
.single-title{
	font-size: 14px;
	line-height: 16px;
	color: #666;
}
.col1-a {
    margin-top: 10px;
    background: #fff;
    text-align: left;
}
.col1-a .text {
    color: #ffc300;
    font-size: 14px;
    line-height: 42px;
}
.col1-b .xj strong {
    font-size: 28px;
    padding: 4px;
}
.col1-b {
    background: #fff;
    padding: 6px 0px;
    font-size: 16px;
}
.col1-d {
    background: #ffc300;
}
.col1-d a{
	color: #fff
}
.m-back img{
	position: absolute;
    left: 14px;
    top: 0px;
    width: 26px;
}
.m-back.home:before{
	content: '';
	display: none;
}
.m-back.home:after{
	content: '';
	display: none;
}
#kouling{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    background: rgba(0, 0, 0, 0.4);
}
#kouling>.col1-tkl{
	margin-top: 50%;
    transform: translate(0, -50%);
    background: #fff;
    border-radius: 10px;
}
.tkl{
	height: 150px;
}

.kouling-title{
	height: 40px;
    line-height: 40px;
    background: #f50;
    text-align: center;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 16px;
}
.kouling-content{
	padding: 10px
}
.but-tkl {
    margin-top: 5px;
    text-align: center;
    border: 1px solid #f50;
    color: #fff;
    background: #f50;
    width: 50%;
    margin-left: 25%;
    padding: 10px;
    font-size: 14px;
    border-radius: 20px;
}
.invisible{
	visibility: hidden;
}