@charset "utf-8";
body,html{min-width:1200px;font-family:'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1',Arial,'Hiragino Sans GB','\5B8B\4F53';margin:0;padding:0;font-size:12px;color:#333;}
em,i{font-style:normal;}
body{background:#f4f4f4;}
button,dd,div,dl,dt,form,img,input,li,ol,p,td,th,ul{margin:0 auto;padding:0;border:0}
li{list-style-type:none}
img{vertical-align:top}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:14px;font-weight:500}
input{font-size:12px;vertical-align:middle;color:#333;outline:0}
table{border-collapse:collapse;border-spacing:0}
a{cursor:pointer;outline:0;color:#333;text-decoration:none;}
a:hover{text-decoration:none;color:#e3393c;}
.white{color:#fff}
.red1{color:#ea544a}
.blue1{color:#474e5d}
.blue2{color:#8cb5de}
.grey1{color:#62aa3a}
.grey2{color:#5e5e5e}
.grey3{color:#323232}
.pink1{color:#f3a6a2}
.pink2{color:#fce5e4}
.money-color1{color: #fb6319!important;;}
.size12{font-size:12px}
.size14{font-size:14px}
.size16{font-size:14px}
.size18{font-size:18px}
.size20{font-size:20px}
.size24{font-size:24px}
.size30{font-size:30px}
.size36{font-size:36px}
.size40{font-size:40px}
.size48{font-size:48px}
.font-bold{font-weight:700}
.font-normal{font-weight:400}
.mt5{margin-top:5px}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px!important;}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.ta-l{text-align:left}
.hide{display: none;}
.ta-c{text-align:center}
.ta-r{text-align:right}
.clearfix{display:inline-table;display:block;zoom:1}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}

.main{width: 1200px; margin: 0 auto;}
.main i{display: inline-block;background: url("../img/icon.png") no-repeat;}

/*头部*/
.head-top{background: #f9f9f9;height: 32px;line-height: 32px;}
.head-top .home{color: #fa611e;font-family: "宋体"}
.head-top .home i{background-position: 0 0;width: 18px;height: 15px;margin-bottom: -4px;}
.head-top .fr span{color: #666666;}
.head-top .fr em{display: inline-block;width: 1px; height: 14px;border-left: 1px solid #e1e1e1;margin: 0 10px -2px;}
.head-top .fr .phone{background-position: -24px 0;width: 18px;height: 17px; margin-bottom: -3px;}
.head-top .fr .weixin{background-position: -44px 0;width: 22px;height: 17px; margin-bottom: -3px;}

.head{height: 100px;background: #fff;}
.head .menu{padding-left: 45px;line-height: 100px;}
.head .menu a{margin: 0 25px;font-size: 14px; font-family: "宋体";color: #666;}
.head .menu a em{width: 15px;height: 15px;display: block;background: #ff8b2d;border-radius: 100%;color: #fffefe;font-size: 12px;line-height: 15px;text-indent:5px;position: absolute;right: -18px;top: -8px;}
.head .search{width: 422px;margin-top: 30px;}
.head .search .search-txt{height: 34px;width: 320px;border: 1px solid #e1e1e1;float: left;text-indent: 10px;}
.head .search .search-but{display: inline-block;border: 1px solid #eeeeee;background: #eeeeee;color: #666;height: 34px;text-align: center;line-height: 34px;width: 98px;float: left;}


/*公用商品列表*/
.category-name{height: 42px;}
.category-name span{color: #333333;font-size: 18px;}
.category-name em{color: #666666;font-size: 14px;margin-left: 10px;}
.category-name i{background-position:-188px -48px;width: 42px;height: 42px;margin-bottom: -15px;margin-right: 10px;}
.category-name i.icon-1{background-position: -188px -97px;}

.product-list{}
.product-list .item{display: block;width: 233px;background: #ffffff;padding-bottom: 15px; overflow: hidden;position: relative;float: left;margin-left: 8px;margin-bottom: 10px;}
.product-list .item.line-first{margin-left: 0;}
.product-list .item.line-last{margin-left: 0;}
.product-list .item .name{font-size: 14px;color: #666666;line-height: 20px;padding:14px 10px 0;}
.product-list .item .price{margin-top: 10px;padding:0 10px ;font-size: 16px;color: #fa5a14;}
.product-list .item .sales{padding: 0 10px;margin-bottom: 14px;}
.product-list .item .sales span{color: #999;}
.product-list .item .sales i{float: right;background-position: -219px -2px;width: 20px;height: 20px;margin-top: -4px;}
.product-list .item .sales i.tb{float: right;background-position: -181px -1px;width: 20px;height: 20px;margin-top: -4px;}
.product-list .item .but{margin-top: 10px;padding: 0 10px;}
.product-list .item .but span{width: 100%;height:35px;line-height: 35px;text-align: center;color: #fff;font-size: 14px;background: #fa5a14;display: block;}
.product-list .item .expect{font-size: 12px; color: #999;padding: 0 10px;}
.product-list .item .info-con .info{background: rgba(255,255,255,0.8);}
.product-list .item .info-con .but_buy{background: #fff;padding-top: 16px;}
.product-list .item .price .fr{color: #999;font-size: 12px;margin-top: 2px;}
.product-list .item .shop{background: #f5f5f5;margin:10px 10px 0;}
.product-list .item .shop i{background-position: -181px 0;width: 22px; height: 22px;}
.product-list .item .shop .fr{font-size: 14px;line-height: 24px;color: #999;}


.product-list .item:hover{text-decoration: none;}
.product-list .item .info-con{position: absolute;animation: optionNoneTop 0.5s ease-in-out; -webkit-animation:optionNoneTop 0.5s ease-in-out; bottom: -182px;}
@keyframes optionNoneTop
{
    from {bottom: 19px;display: block;}
    to {bottom: -182px;display: none;}
}
@-webkit-keyframes optionNoneTop
{
    from {bottom: 19px;display: block;}
    to {bottom: -182px;display: none;}
}

.product-list .item:hover .info-con{animation: optionBlockTop 0.5s ease-in-out; -webkit-animation:optionBlockTop 0.5s ease-in-out;bottom:19px;display: block;}
@keyframes optionBlockTop
{
    from {bottom: -182px;display: none;}
    to {bottom: 19px;display: block;}
}
@-webkit-keyframes optionBlockTop
{
    from {bottom: -182px;display: none;}
    to {bottom: 19px;display: block;}
}

.product-list .item:hover .info-con .info{background: rgba(255,255,255, .8);}

/*页脚*/
.foot{ width:100%; background:#fff;  margin-top:20px; overflow:hidden; height:auto; padding-bottom:10px;}
.foot .contact{ width:1200px; margin:20px auto 0;text-align:center; border-top:1px solid #f1f1f1;padding-top:20px;  color:#ccc;  }
.foot .contact span{ line-height:40px; color:#666;  }

/*左边菜单栏目*/
.right-tip .new-guide i{background:url("../img/icon.png") no-repeat; background-position: 0 -171px; width: 105px;height: 84px;position: absolute;right: -105px;top:20px;}
.right-tip a.new-guide:hover i{background-position: -7px -260px;width: 178px;height: 84px;right: -178px;animation: optionRightGuide 0.3s ease-in-out; -webkit-animation:optionRightGuide 0.3s ease-in-out;}
@keyframes optionRightGuide
{
    from {right:-105px;width: 105px;}
    to {right: -178px;width: 178px;}
}
@-webkit-keyframes optionRightGuide
{
    from {right:-105px;width: 105px;}
    to {right: -178px;width: 178px;}
}
.right-tip .order-entering i{background:url("../img/icon.png") no-repeat;background-position: 0 -353px; width: 112px;height: 88px;position: absolute;right: -112px;top:240px;}
.right-tip a.order-entering:hover i{top: 252px; background-position: -5px -453px;width: 180px;height: 75px;right: -180px;animation: optionRightEntering 0.3s ease-in-out; -webkit-animation:optionRightEntering 0.3s ease-in-out;}
@keyframes optionRightEntering
{
    from {right:-112px;width: 112px;}
    to {right: -180px;width: 180px;}
}
@-webkit-keyframes optionRightEntering
{
    from {right:-112px;width: 112px;}
    to {right: -180px;width: 180px;}
}

/*翻页*/
.pager{
    text-align:center;
    display:block;
    margin:0 auto;
    padding:15px 0;
}
.pager ul{
    font-size:0;
    *word-spacing:-1px;
}
.pager ul li{
    vertical-align:top;
    letter-spacing:normal;
    word-spacing:normal;
    display:inline-block;
    margin:0 0 0 -1px;
}
.pager ul li{
    *display:inline;
    *zoom:1;
}
.pager li span{
    font:600 12px/20px Verdana, Tahoma, Arial;
    color:#AAA;
    background-color:#FFF;
    text-align:center;
    display:block;
    min-width:20px;
    padding:8px;
    border:1px solid #E6E6E6;
    position:relative;
    z-index:1;
}
.pager li a span ,
.pager li a:visited span{
    color:#555;
    text-decoration:none;
    background-color:#FFF;
    position:relative;
    z-index:1;
}
.pager li a:hover span,
.pager li a:active span{
    color:#ED5564;
    text-decoration:none;
    border-color:#DB4453;
    position:relative;
    z-index:9;
    cursor:pointer;
}
.pager li a:hover{
    text-decoration:none;
}
.pager li span.currentpage{
    color:#FFF;
    font-weight:bold;
    background-color:#ED5564;
    border-color:#DB4453;
    position:relative;
    z-index:2;
}
.pager li:first-child{
    margin-right:8px;
}
.pager li:last-child{
    margin-left:8px;
}




.cpm-dialog-mod{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;-ms-flex-direction:column;-ms-flex-pack:center;-ms-flex-align:center}
.cpm-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:96;width:100%;height:100%;background:rgba(0,0,0,.8)}


/*表单*/
.form-group .item-group{margin-bottom: 20px;position: relative;}
.form-group .item-group label{display: block;line-height: 20px;font-size: 14px;color: #666;}
.form-group .item-group label em{font-size: 12px; color: #999;margin-left: 5px;}
.form-group .item-group input{height: 26px;border: 1px solid #e1e1e1;width: 420px;margin-top: 8px;text-indent: 10px;border-radius: 3px;}
.form-group .item-group .submit{border: 0px;display: inline-block;background: #ff8b2d;color: #fff;width: 100px;height: 28px;line-height: 28px;text-align: center;border-radius: 3px;}
.form-group .item-group.code{display: inline-block;}
.form-group .item-group.code input{width: 308px;float: left;}
.form-group .item-group.code a{float: left;height: 26px;line-height: 26px;border: 1px solid #ff8b2d;color: #ff8b2d;border-radius: 3px;text-align: center;width: 98px;margin: 8px 0 0 10px;}
.form-group .edit-uphoto{position: absolute;bottom: 0px;height: 30px;width: 100px; text-align: center;line-height: 30px;color: #f0f0f0;background: rgba(0,0,0,.2);font-family: "宋体";}
.form-group .item-group label span{margin-left:20px;}
.form-group .item-group p{height: 20px;line-height:20px;}