/*首页 s*/
.Home .Category dd{ display:block;}
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/common/loading.gif) center center no-repeat; width:761px; float:left; margin:0 0 0 240px;}
.HomeBan .slides img{ height:440px;}
.HomeBan .flex-control-nav{bottom:4.2%; z-index:10;}
.HomeBan .flex-control-nav li{ margin:0 7px 0 7px; vertical-align:middle;}
.HomeBan .flex-control-nav li a{ opacity:1; width:9px; height:9px; background:#fff; border-radius:50%; cursor:pointer;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:url(../images/home/bandot.png) no-repeat;width:17px; height:17px;}
.HomeBan .flex-direction-nav a { opacity: 0; color:#fff; width:54px; height:54px; line-height:54px; font-size:30px; background:rgba(255,255,255,0.24);}
.HomeBan .flex-direction-nav .flex-prev {left:-50px;}
.HomeBan .flex-direction-nav .flex-next {right:-50px;}
.HomeBan:hover .flex-direction-nav .flex-prev { opacity:1; left:5%;}
.HomeBan:hover .flex-direction-nav .flex-next { opacity:1; right:5%;}
.HomeBan .flex-direction-nav a:hover { background:#fd4a1d; color:#fff;}
.HomeBan.jf { width:1000px; margin-left:0;}

.HomeTop{ width:230px; float:right; padding-top:0;}
.HomeTop .box{ padding:10px 10px 0; height:440px; margin-bottom:0; background:#eeeeee;}
.HomeTop .img{ display:none;}

.HomeTop .member{ background:#fff; border-radius:5px; padding:15px 0 0 16px; height:130px; color:#999999;}
.HomeTop .member .wel{ display:block; line-height:27px; font-size:18px; color:#333333;}
.HomeTop .member .btn{ padding-top:11px;}
.HomeTop .member a{ display:inline-block;border-radius:4px; font-size:16px; text-align:center;}
.HomeTop .member a.reg{ margin-right:10px; background:#fd4a1d; color:#fff; line-height:30px; width:90px;}
.HomeTop .member a.reg:hover{ background:#d82b00;}
.HomeTop .member a.login{ border:1px solid #fd4a1d; width:80px; line-height:28px; color:#fd4a1d;}
.HomeTop .member a.login:hover{ background:#ffefeb;}
.HomeTop .member .jf{ padding-left:7px; line-height:44px; border-radius:6px; background:#f5f2f1; font-size:12px; position:relative;}
.HomeTop .member .jf a.qian{ color:#fff; position:absolute; right:0; top:0; width:56px; border-radius:0 6px 6px 0; background:#fd4a1d; font-size:16px;}
.HomeTop .member .jf a.qian:hover{ background:#f83200;}
.HomeTop .jfbox{ background:#fff; border-radius:5px; height:124px;}
.HomeTop .jfbox .ti{ font-weight:bold; padding:15px 0 0 9px; font-size:16px; color:#333333;}
.HomeTop .jfbox .ti .iconfont{ font-weight:normal;color:#fd633c; margin-right:5px;}
.HomeTop .jfbox .jf{ text-align:center; line-height:65px; font-size:36px; color:#fd4a1d;}

.HomeTop .Tithead{ margin-top:6px; height:36px; line-height:34px; border-bottom:2px solid #e9e9e9;}
.HomeTop .Tithead h2{ font-size:16px; float:left; color:#333333; border-bottom:2px solid #fd4a1d;}
.HomeTop .Tithead a.more{ float:right; color:#999999;}.HomeTop .Tithead a:hover.more{color:#333;}
.HomeTop .notice{ margin-top:8px;}
.HomeTop .notice li{ padding-left:8px; background:url(../images/common/dot.gif) 0px center no-repeat;}
.HomeTop .notice li a{ font-size:12px; color:#666666;}.HomeTop .notice li a:hover{color:#fd4a1d;}
.HomeTop .img a:hover{ opacity:0.8;}


.HomeTit{ clear:both; padding-top:28px; line-height:40px;}
.HomeTit h2{color:#333333; font-size:20px;}
.HomeTit .num{ font-size:16px; color:#fff; width:38px; padding-right:12px; line-height:26px; vertical-align:middle; display:inline-block; margin-right:4px;}

.ItemList{ margin-left:-8px;}
.ItemList li{ float:left;}
.ItemList li a{ background-position:center top; background-repeat:no-repeat; background-size:cover; display:block; margin-left:8px; padding-left:20px; width:200px; height:100px; font-size:18px;display: flex;align-items: center; color:#fff;}

.HomeNav{ width:330px; float:left;}
.HomeNav .imgbox{ background:url(../images/home/probg.jpg); height:230px;display: flex;align-items: center;justify-content: center;}
.HomeNav .imgbox img{ max-height:230px;}
.HomeNav .nav{ height:230px; padding:18px 28px 0 10px;}
.HomeNav .nav li{ text-align:center; width:50%; float:left; line-height:26px;}
.HomeNav .nav li a{ display:block; border-radius:6px; margin:0 0 12px 16px; border:1px solid rgba(255,255,255,0.3); color:#fff;}
.HomeNav .nav li.on a{ background:#fff; box-shadow:0 0 6px rgba(0,0,0,0.16); color:#333;}
.HomeList{ width:901px; float:right; height:460px; overflow:hidden;}
.HomeList li{ width:25%; float:left; border:1px solid #e5e4e3; margin:0 -1px -1px 0; height:230px; position:relative; overflow:hidden;}
.HomeList li .info{ position:absolute; left:15px; top:15px; z-index:1; font-size:12px; line-height:20px;}
.HomeList li .price{ font-weight:bold; font-size:15px; color:#fd4a1d; padding-top:11px;}
.HomeList li .imgbox { padding-top:230px; position:relative;}
.HomeList li .imgbox img{ width:165px; height:165px; position:absolute; right:0; bottom:0;}
.HomeList li:hover{ border:1px solid #fd4a1d; box-shadow:0 0 20px rgba(253,74,29,0.2); z-index:1;}

.HomeAd{ clear:both; padding-top:20px;}
.Floor1 .HomeTit .num{ background:url(../images/home/numbg1.png);}
.Floor1 .HomeNav .nav{ background:#5ca2e0 url(../images/home/boxbg1.jpg) 0 top repeat-x;}
.Floor1 .HomeNav .nav li a:hover{ color:#65a9e4;}

.Floor2 .HomeTit .num{ background:url(../images/home/numbg2.png);}
.Floor2 .HomeNav .nav{ background:#d3ad82 url(../images/home/boxbg2.jpg) 0 top repeat-x;}
.Floor2 .HomeNav .nav li a:hover{ color:#d3ad82;}

.Floor3 .HomeTit .num{ background:url(../images/home/numbg3.png);}
.Floor3 .HomeNav .nav{ background:#c5c262 url(../images/home/boxbg3.jpg) 0 top repeat-x;}
.Floor3 .HomeNav .nav li a:hover{ color:#d0cd77;}

.Floor4 .HomeTit .num{ background:url(../images/home/numbg4.png);}
.Floor4 .HomeNav .nav{ background:#c8a85c url(../images/home/boxbg4.jpg) 0 top repeat-x;}
.Floor4 .HomeNav .nav li a:hover{ color:#d2b771;}

.Floor5 .HomeTit .num{ background:url(../images/home/numbg5.png);}
.Floor5 .HomeNav .nav{ background:#71b987 url(../images/home/boxbg5.jpg) 0 top repeat-x;}
.Floor5 .HomeNav .nav li a:hover{ color:#85c59a;}

.Floor6 .HomeTit .num{ background:url(../images/home/numbg6.png);}
.Floor6 .HomeNav .nav{ background:#55b6d6 url(../images/home/boxbg6.jpg) 0 top repeat-x;}
.Floor6 .HomeNav .nav li a:hover{ color:#61bedc;}

.Floor7 .HomeTit .num{ background:url(../images/home/numbg7.png);}
.Floor7 .HomeNav .nav{ background:#b78c70 url(../images/home/boxbg7.jpg) 0 top repeat-x;}
.Floor7 .HomeNav .nav li a:hover{ color:#c49e84;}

.Floor8 .HomeTit .num{ background:url(../images/home/numbg8.png);}
.Floor8 .HomeNav .nav{ background:#6793ce url(../images/home/boxbg8.jpg) 0 top repeat-x;}
.Floor8 .HomeNav .nav li a:hover{ color:#709cd3;}

.Floor9 .HomeTit .num{ background:url(../images/home/numbg9.png);}
.Floor9 .HomeNav .nav{ background:#92c159 url(../images/home/boxbg9.jpg) 0 top repeat-x;}
.Floor9 .HomeNav .nav li a:hover{ color:#a4cd6e;}



.FloorNav{ position:fixed; display:table; height:100%; top:0; left:50%; margin-left:-700px; text-align:center; width:50px; z-index:900;}
.FloorNav ul{ display:table-cell; vertical-align:middle; opacity:0; margin-bottom:-100px;transition: all ease 0.3s;}
.FloorNav li a{ font-size:12px; background:#f7f7f7; display:block; padding:7px; line-height:18px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;/*-webkit-line-clamp: 2;*/-webkit-box-orient: vertical; color:#666; border-radius:6px; margin-bottom:2px;}
.FloorNav li.active a{ color:#fff; background:#fd4a1d;}
.FloorNav.wedding_fix ul{ margin-bottom:0; opacity:1;}

/*首页 end*/



/*栏目页公用 s*/
.SubPage{ height:auto !important; height:280px; min-height:280px; padding-bottom:40px;}
.Position{ clear:both; padding-top:0; line-height:44px; color:#333333;}
.Position a{ color:#333333;}.Position a:hover,.Position span{ color:#fd4a1d;}

.SinglePage{ line-height:30px; padding-top:35px;}


/*栏目页公用 end*/

/*产品列表*/
.ProCatalog{ position:relative; display:table; width:100%; border-collapse: collapse; margin-bottom:61px;}
.ProCatalog .itemrow{ display:table-row;}
.ProCatalog .itemrow.hide{ display:none;}
.ProCatalog .itemtd{ position:relative; display:table-cell; border:1px solid #e5e5e5; padding:10px 0; line-height:28px; vertical-align:middle;}
.ProCatalog .itemtd.ti{ color:#000000; width:140px; text-align:center;}
.ProCatalog .menu-list{ padding:0 105px 0 29px; position:relative; height:28px; overflow:hidden;}
.ProCatalog .menu-list a{ display:inline-block; margin-right:24px; color:#666666;}
.ProCatalog .menu-list a:hover,.ProCatalog .menu-list a.on{ color:#fd4a1d;}
.ProCatalog .more{ cursor:pointer; position:absolute; width:58px; line-height:20px; text-align:center; border:1px solid #e5e5e5; border-radius:4px; color:#999999; font-size:12px; right:20px; top:13px;}
.ProCatalog .more i,#moreitemrow i{ display:inline-block;transition: all ease 0.3s;}
.ProCatalog .more.on{ color:#fd4a1d; border:1px solid #fd4a1d;}
.ProCatalog .more.on i,#moreitemrow.on i{dis-moz-transform: translate(0, 0) rotate(-180deg);
	-ms-transform: translate(0, 0) rotate(-180deg);
	-o-transform: translate(0, 0) rotate(-180deg);
	transform: translate(0, 0) rotate(-180deg);}
.ProCatalog .iconfont{ font-size:18px; margin-left:4px;}
.ProCatalog .menu-list.on{ height:auto;}
.ProCatalog.on .itemrow.hide{ display:table-row; !important}
.ProCatalog.sl {border:1px solid #e5e5e5; margin-bottom:22px;}
.ProCatalog.sl .itemtd{ border:0;border-bottom:1px solid #e5e5e5; vertical-align:top;}
.ProCatalog.sl .itemtd.ti{ width:55px; font-weight:bold; color:#444444; padding-left:10px;}
.ProCatalog.sl .menu-list { padding-left:20px;}


#moreitemrow{ position:absolute; width:158px; text-align:center; line-height:41px; border:1px solid #e5e5e5; border-top:0; left:50%; margin-left:-79px; bottom:-41px; background:#fff; color:#999999; cursor:pointer;}
#moreitemrow .m2{ display:none;}
#moreitemrow.on .m1{ display:none;}
#moreitemrow.on .m2{ display:inline-block;}

.Probar{ background:#f8f8f8; border:1px solid #e5e5e5; height:38px; line-height:36px; color:#333;}
.Probar .bar{ float:left;}
.Probar .bar li{ float:left; text-align:center;}
.Probar .bar .iconfont{ font-size:14px; color:#999999;}
.Probar .bar a{ display:block; width:90px;border-right:1px solid #e5e5e5; color:#333333;}
.Probar .bar li.on a{ background:#fd4a1d; color:#fff;}
.Probar .bar li.on .iconfont{color:#fff;}
.Probar .bar span { display:inline-block; line-height:9px; width:15px; vertical-align:middle;}
.Probar .bar span i{ display:block;}
.Probar .form{ float:left; padding:0 20px; border-right:1px solid #e5e5e5; width:346px;}
.Probar .form label{ float:left;}
.Probar .form .city{ float:right;}
.area{ display:inline-block; vertical-align:middle; background:#fff; border:1px solid #e5e5e5; padding-left:10px; width:132px; line-height:24px; border:1px solid #e5e5e5; border-radius:3px;}
.area .area-name{ font-size:12px; display:block; position:relative; color:#666666;}
.area .area-name .iconfont{ font-size:16px; position:absolute; right:6px;}
.Probar .all{ padding-left:22px; float:left;}
.Probar .btn{ float:right; padding-right:20px;}
.Probar .btn a{ display:inline-block; margin-left:7px; color:#999999;}
.Probar .btn a.on{color:#fd4a1d;}
.Probar .btn .iconfont{ font-size:19px;}
.Probar#content{ margin-top:33px;}

.ProList{ clear:both; padding:21px 0 30px 0;}
.ProList li{ width:20%; float:left; transition: all ease 0.3s;}
.ProList .box{ padding:17px 17px 24px; line-height:20px; font-size:12px; color:#999999;}
.ProList .imgbox{ border:1px solid #e5e5e5; padding-top:100%;}
.ProList .imgbox img{ max-height:210px;}
.ProList .price{ color:#fd4a1d; font-size:16px; padding:14px 0 7px; color:#fd4a1d;}
.ProList .price a{ color:#fd4a1d;}.ProList .price .iconfont{ font-size:18px; margin-top:-11px; display:inline-block;}
.ProList .pricenews{ font-size:16px; font-weight:bold; padding:14px 0 7px;}
.ProList .pricenews a{ color:#fd4a1d;}
.ProList .priceold{ color:#999999; text-decoration:line-through; font-size:14px; margin-bottom:5px;}
.ProList .ti{ color:#333333; height:40px; overflow:hidden;}
.ProList .brand{ padding-bottom:5px; color:#333333;}
.ProList .car{ float:right; margin-top:11px; width:100px; line-height:26px; text-align:center; color:#fff; background:#fd4a1d; border-radius:3px;}
.ProList .car .iconfont{ font-size:18px;}
.ProList .car:hover{ background:#f43100;}
.ProList .collect{ opacity:0; z-index:2; position:absolute; right:0px; top:0px; text-align:center; width:32px; padding:4px 0; color:#fff; font-size:12px; background:#fd4a1d;}
.ProList .collect .iconfont{ font-size:18px; display:block;}
.ProList li:hover .collect{ opacity:1;}
.ProList .order{ display:block; text-align:center; color:#fff; font-size:16px; background:#fd4a1d; border-radius:4px; line-height:36px; margin-top:13px;}
.ProList .order:hover{ background:#f33100;}
.ProList.sl li{ width:25%;}
.ProList li:nth-child(4n+1){ clear:both;}

.ProList2{ clear:both; padding:21px 0 25px 0;}
.ProList2 .thead{ background:#f1f1f1; line-height:40px;border:1px solid #e2e2e2; padding:0 0 0 26px;}
.ProList2 .td{ float:left; text-align:center;}
.ProList2 .td1{ width:12%; text-align:left;}
.ProList2 .td2{ width:22%; text-align:left;}
.ProList2 .td3{ width:18%;justify-content: center;}
.ProList2 .td4{ width:16%;justify-content: center;}
/*.ProList2 .td5{ width:14%;justify-content: center;}*/
.ProList2 .td6{ width:16%;justify-content: center;}
.ProList2 .td7{ width:16%;justify-content: center;}
.ProList2 li{ border:1px solid #e2e2e2; margin-top:-1px; padding:17px 0 17px 26px;}
.ProList2 li .td{ height:80px;display: flex;align-items: center;}
.ProList2 .imgbox{ border:1px solid #e5e5e5; padding-top:80px; width:80px;}
.ProList2 .imgbox img{ max-height:80px;}
.ProList2 .price{ color:#fd4a1d; font-size:16px; color:#fd4a1d;}
.ProList .price a{ color:#fd4a1d;}.ProList .price .iconfont{ font-size:18px; margin-top:-11px; display:inline-block;}
.ProList2 .ti{ color:#333333;}
.ProList2 .brand{color:#333333;}
.ProList2 .car{ display:block; background:#fd4a1d; color:#fff;}
.ProList2 .car:hover{ background:#f43100;}
.ProList2 .collect{ opacity:0; z-index:2; position:absolute; right:0px; top:0px; text-align:center; width:32px; padding:4px 0; color:#fff; font-size:12px; background:#fd4a1d;}
.ProList2 .collect .iconfont{ font-size:18px; display:block;}
.ProList2 li:hover .collect{ opacity:1;}
.ProList2 .numbox{ margin-top:0;}{ opacity:1;}
.ProList2.cx .td3{ width:18%;}
.ProList2.cx .td4{ width:18%;}
.ProList2.cx .td5{ width:18%;}
.ProList2 .pricenew{ color:#fd4a1d; font-size:16px; font-weight:bold; padding:14px 0 7px;}
.ProList2 .priceold{ color:#999999; text-decoration:line-through; font-size:14px; margin-bottom:5px;}
.ProList2 .order{ display:inline-block; text-align:center; color:#fff; font-size:16px; background:#fd4a1d; border-radius:4px; line-height:36px; padding:0 8px;}
.ProList2 .order:hover{ background:#f33100;}

.numbox{ width:66px; height:26px; line-height:24px; margin-top:11px; border:1px solid #e5e5e5; border-radius:3px; float:left; padding-left:6px; position:relative;}
.numbox .J_input{ height:22px; line-height:22px; width:38px; color:#999999; font-size:12px;}
.numbox .iconfont{ font-size:14px; position:absolute;}
.numbox .J_add,.numbox .J_minus{ line-height:8px; color:#999999;}
.numbox .J_add:hover,.numbox .J_minus:hover{color:#fd4a1d;}
.numbox .iconjt{ right:4px; top:4px;}
.numbox .iconjt2{ right:4px; bottom:4px;}
.numbox.big{ width:184px; height:50px; line-height:48px; margin-top:0;}
.numbox.big .J_input{ height:48px; line-height:48px; width:150px; color:#333333; font-size:14px; padding-left:10px;}
.numbox.big  .iconfont{ font-size:19px;}
.numbox.big .iconjt{ top:13px; right:7px;}
.numbox.big .iconjt2{ bottom:13px; right:7px;}

.numbox2{ width:110px; height:26px; line-height:24px; text-align:center; border:1px solid #e5e5e5; border-radius:3px; display:inline-block; vertical-align: middle; padding-left:6px; position:relative;}
.numbox2 .J_input{ vertical-align:top; height:24px; line-height:24px; width:58px; color:#666666; text-align:center;}
.numbox2 .J_add:hover,.numbox2 .J_minus:hover{color:#fd4a1d;}
.numbox2 .J_add{ position:absolute; width:24px; line-height:23px; border-right:1px solid #e5e5e5; left:0; color:#666666;}
.numbox2 .J_minus{ position:absolute; width:24px; line-height:px; border-left:1px solid #e5e5e5; right:0; color:#666666;}


/*产品详情*/
.ProImg{ width:390px; float:left; padding-top:10px; padding-bottom:34px;}
.ProImg .btn{}
.ProImg .btn a{ display:inline-block; margin:0 15px;}
.ProImg .btn a.on{ color:#fd4a1d;}

#bigpro{ border:1px solid #e5e5e5; overflow:hidden; margin-bottom:20px;}
#bigpro .slides li{ position:relative; height:388px;display: flex;align-items: center;justify-content: center;}
#bigpro .slides li img{ max-height:388px;}
#bigpro .flex-direction-nav{ display:none;}

#smallpro{ overflow:hidden; position:relative;height:72px; margin-bottom:23px;}
#smallpro .flexslider{ margin:0px 14px;}
#smallpro .slides li{ cursor:pointer;}
#smallpro .slides .imgbox{ margin:0 10px; width:70px; border:1px solid #fff;display: flex;align-items: center;justify-content: center; height:70px;}
#smallpro .slides .imgbox img{ max-height:70px;}
#smallpro .slides li.flex-active-slide .imgbox{ border:1px solid #fd4a1d;}

#smallpro .flex-direction-nav a{ width:14px; height:25px; line-height:25px; font-size:28px; background:none;}
#smallpro .flex-direction-nav .flex-prev{left:-14px; margin-top:-10px;}
#smallpro .flex-direction-nav .flex-next{right:-14px; margin-top:-10px;}
#smallpro .flexslider:hover .flex-next:hover, #smallpro .flexslider:hover .flex-prev:hover {color:#fd4a1d;}
#smallpro .flex-direction-nav .flex-disabled{ opacity:1 !important;}

.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.zoomDiv img{ max-width:none;}
.zoomMask{position:absolute;cursor:move;z-index:1;}

.ProInfo{ width:801px; float:right; padding-bottom:34px;}
.ProInfo .ti{ line-height:43px; font-size:24px; color:#333333;}
.ProInfo .price{ line-height:46px; color:#333333;}
.ProInfo .price span{ display:inline-block; color:#fd4a1d; font-size:30px; margin-right:46px;}
.ProInfo .price img{ display:inline-block; vertical-align:middle; margin-left:20px;}
.ProInfo .jf{ line-height:38px; color:#333;}
.ProInfo .item{ border-top:1px dashed #e5e5e5; border-bottom:1px dashed #e5e5e5; line-height:26px; margin-top:18px; padding:10px 167px 28px 0; position:relative;}
.ProInfo .item .dl{ position:relative; padding:7px 0 8px; display:inline-block; min-width:167px;}
.ProInfo .item .dl.size{ display:block;}
.ProInfo .item .dl.size dt{ display:inline-block; vertical-align:top;}
.ProInfo .item .dl.size dd{ display:inline-block; vertical-align:top;}
.ProInfo .item .dl.size dd span{ margin:0 10px 8px 0; cursor:pointer; display:inline-block; min-width:85px; text-align:center; border-radius:3px; padding:0 8px; border:1px solid #e5e5e5;}
.ProInfo .item .dl.size dd span.NuNon{ margin-right:10px; cursor:pointer; display:inline-block; min-width:85px; text-align:center; border-radius:3px; padding:0 8px; border:1px solid #e5e5e5;}
.ProInfo .item .dl.size dd span.on{ border:1px solid #fd4a1d; color:#fd4a1d;}
.ProInfo .item .dl.size dd span.removeon {background-color: #eee;}
.ProInfo .item .dl.num{ display:block;}
.ProInfo .ewm{ position:absolute; text-align:center; top:8px; width:110px; right:0;}
.ProInfo .ewm img{ display:block; width:100px; height:100px; margin-bottom:5px;}
.ProInfo .ewm a{ font-size:12px; color:#999999;}
.ProInfo .ewm .iconfont{ font-size:19px; color:#fd4b1e;}
.ProInfo .btnbox{ padding:37px 0 0 0;}
.ProInfo .btnbox .btn{ text-align:center; display:inline-block; width:128px; line-height:34px; font-size:16px; color:#fd4a1d; border:1px solid #fd4a1d; border-radius:6px; margin-right:20px;}
.ProInfo .btnbox .btn:hover{ background:#f9eae6;}
.ProInfo .btnbox .buy{ color:#fff; background:#fd4a1d;}
.ProInfo .btnbox .buy:hover{background:#e32e00;}

.waitprice{ background:url(../images/goodbackground.png); height:86px; line-height:55px; padding-left:9px;}
.waitprice span{ color:#e50012;}
.waitprice span b{ color:#e50012;color: #E50012; font-size: 24px;}

.ProRec{ border:1px solid #e5e5e5; height:210px; margin-bottom:50px;}
.ProRec .tithead{ cursor:pointer; color:#333333; border-bottom:1px solid #eeeeee; line-height:48px; font-size:16px; background:#f8f8f8;}
.ProRec .tithead li{float:left; padding:0 36px;}
.ProRec .tithead li.on{ background:#fd4a1d; color:#fff;}
.Proreclist{ padding:20px 0 0 20px;}
.Proreclist li{ float:left; width:304px; height:139px;}
.Proreclist .imgbox{ float:left; width:118px; height:118px; margin-right:14px; border:1px solid #e5e5e5;display: flex;align-items: center;justify-content: center;}
.Proreclist .imgbox img{ max-width:118px;}
.Proreclist .info{ line-height:20px; font-size:12px; color:#333; float:left; width:155px;}
.Proreclist .price{ font-size:16px; line-height:31px; color:#fd4a1d;}
.Proreclist .price a{ color:#fd4a1d;}.Proreclist .price .iconfont{ font-size:18px; margin-top:-11px; display:inline-block;}
.Proreclist .car{ margin-top:11px; width:100px; display:block; line-height:24px; text-align:center; color:#fd4a1d; border:1px solid #fd4a1d; border-radius:3px;}
.Proreclist .car .iconfont{ font-size:18px;}
.Proreclist .car:hover{ background:#fd4a1d; color:#fff;}
.Proreclist .zan{ background:url(../images/zan.png); width:21px; text-align:center; line-height:21px; height:27px; color:#fff; position:absolute; right:0; top:0; z-index:2;}
.Proreclist .zan .iconfont{ font-size:17px;}
.Proreclist li:hover .imgbox{ border:1px solid #fd4a1d;}

.ProRecord{ border:1px solid #eeeeee; width:248px; float:left;}
.ProRecord .tithead{ text-align:center; line-height:48px; background:#f8f8f8;border-bottom:1px solid #eeeeee; color:#333333; font-size:16px; font-weight:bold;}
.ProRecord .tithead .iconfont{ font-size:36px; color:#fd4a1d; font-weight:normal;}
.Recordlist{}
.Recordlist li{ background:#fff; position:relative; border-bottom:1px solid #eeeeee; margin-bottom:-1px; color:#555555;transition: all ease 0.3s;}
.Recordlist li .info{ position:absolute; left:18px; top:18px; z-index:1; font-size:12px; line-height:20px;}
.Recordlist li .price{ font-weight:bold; font-size:15px; color:#fd4a1d; padding-top:11px;}
.Recordlist li .imgbox { height:246px; position:relative;}
.Recordlist li .imgbox img{ width:165px; height:165px; position:absolute; right:0; bottom:0;}
.Recordlist li:hover{ z-index:2;}
.Recordlist.hot li{border:1px solid #eeeeee;}

.ProDetail{ width:974px; float:right;}
.ProDetail .tithead{ cursor:pointer; color:#333333; line-height:48px; font-size:16px; background:#f8f8f8; border:1px solid #eeeeee;}
.ProDetail .tithead li{float:left; padding:0 36px;}
.ProDetail .tithead li.hover{ background:#fd4a1d; color:#fff;}
.ProDetail .tithead.Fixed{ position:fixed; top:0; width:974px; left:50%; z-index:100; margin-left:-354px;}

.ProDetail .iteminfo{ font-size:12px; padding:13px 0 16px; border-bottom:1px dashed #eeeeee;}
.ProDetail .iteminfo dd{ display:inline-block; padding-right:94px;}
.ProDetail .iteminfo dd.d1{ display:block;}
.ProDetail .iteminfo dd.d4{ width:511px;}
.ProTit{ background:url(../images/line.gif) 0px center no-repeat; padding-left:11px; line-height:38px; margin-top:9px; color:#333333; font-weight:bold;}
.proslide{ font-size:12px;}
.proslide2{ padding-top:25px; font-size:12px;}
.Protxt{ padding-bottom:20px;}
.Protxt.company{ border-top:1px dashed #eeeeee; margin-top:33px; padding-top:45px;}
.downlist{}
.downlist li{ border-bottom:1px solid #eee; padding:4px 0;}

.Video{ position:relative;}
.Video .play{ width:100%; height:100%;background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:10;cursor:pointer;}
.Video .play span{ text-align:center; background:rgba(0,0,0,0.36); position:absolute; left:0; top:0;width:100%; height:100%;display: flex;align-items: center;justify-content: center;z-index:3;transition: all ease 0.3s;}
.Video .play span .iconfont{ font-size:70px; color:#fff; opacity:0.8;}
.Video video{ position:relative; z-index:2; width:100%; height:450px;object-fit: fill; background:#000;}


/*积分商城*/
.Shophead{ background:#f3f3f3; margin-top:30px; line-height:50px; font-size:22px; color:#333333; padding-left:18px;}
.Shophead .iconfont{ color:#fd4a1d; font-size:28px; margin-right:4px;}

.ShopList{ margin:0 0 35px 1px; width:100.26%;}
.ShopList li{ width:20%; float:left; margin:-1px 0 0 -1px; border:1px solid #e5e5e5; height:316px; position:relative; overflow:hidden;}
.ShopList .imgbox{ text-align:center; padding-top:10px;}
.ShopList .imgbox img{ height:199px; width:199px;}
.ShopList .info{ padding:0 10px 0 19px;}
.ShopList .info .tit{ font-size:16px; color:#333333;}
.ShopList .info .priceold{ color:#999999; text-decoration:line-through; margin-bottom:18px;}
.ShopList .info .jf{ color:#999999; color:#75d3ac;}
.ShopList .btn{ position:absolute; left:0; text-align:center; bottom:-45px; visibility:hidden; opacity:0; font-size:16px; color:#fff; line-height:45px; background:#fd4a1d; z-index:2;transition: all ease 0.3s; width:100%;}
.ShopList li:hover{ border:1px solid #fd4a1d; z-index:1;}
.ShopList li:hover .btn{ visibility:visible; opacity:1; bottom:0;}


/*饲料产品综合*/
.FeedBan{ position:relative; margin-bottom:4px;}
.FeedBan .info{ top:62px; right:90px; background:rgba(255,255,255,0.9); padding:30px; width:520px; z-index:2; color:#444444; position:absolute;}
.FeedBan .info h2{ line-height:30px; margin-bottom:6px; font-size:18px; color:#333333;}
.FeedBan .info h2 img{ display:inline-block; vertical-align:middle; margin-right:5px;}
.Feedleft{ width:974px; float:left;}
.Feedright{ width:248px; float:right;}
.Feedtit{ line-height:60px; padding-top:9px; color:#444444; font-size:20px;}
.Feedtit .iconfont{ font-weight:normal; font-size:36px; color:#fd4a1d; margin-right:5px;}
.Goodkh .slides li:first-child .imgbox{ margin-left:0;}
.Goodkh .slides li:hover .imgbox{ border:1px solid #fd4a1d; z-index:2;}
.Goodkh .imgbox{ border:1px solid #eeeeee; height:88px; margin-left:-1px;}
.Goodkh .imgbox img{ max-height:88px;}
.Goodkh .flex-direction-nav a{ display:none; width:25px; height:50px; background:rgba(0,0,0,0.2); border-radius:0; line-height:50px; font-size:28px;}
.Goodkh .flex-direction-nav .flex-prev{left:0px; margin-top:-25px;}
.Goodkh .flex-direction-nav .flex-next{right:0px; margin-top:-25px;}
.Goodkh .flexslider:hover .flex-next:hover, .Goodkh .flexslider:hover .flex-prev:hover {color:#fff;}
.Goodkh .flex-direction-nav .flex-disabled{ opacity:1 !important;}

.HorBrand{}
.HorBrand li{ margin-bottom:14px; position:relative;}
.HorBrand .imgbox{ height:66px; border:1px solid #eeeeee;}
.HorBrand .imgbox .imgbox{ max-height:66px;}
.HorBrand span{ background:rgba(253,74,29,0.9); font-size:16px; color:#fff; position:absolute; opacity:0;transition: all ease 0.3s;}
.HorBrand li:hover .imgbox{ border:1px solid #fff;}
.HorBrand li:hover span{ opacity:1;}


/*登录注册*/
.LoginTop{ height:98px;}
.LoginTop.Header .Logo{ padding-top:23px;}
.LoginTop.Header .Logo span { top:28px; color:#333333;}
.LoginTop.Header .right{ float:right; padding-top:36px; font-size:18px; color:#333333;}

.LoginFooter{ text-align:center; padding-top:0; padding-bottom:37px; background:none; margin-top:0;}
.LoginFooter .nav{ color:#333333; padding:0 0 9px;}
.LoginFooter .nav a{ display:inline-block; margin:0 7px;}
.LoginFooter .copy a{ color:#666666;}
.LoginFooter .copy a:hover{ color:#fd4e22;}
.Loginbg{ padding:97px 0; background-position:center top; background-repeat:no-repeat; background-size:;}
.Loginbg2{ height:60px; background:url(../images/member/loginbg2.jpg) center top no-repeat;}
.Loginbox{  width:360px; float:right; background:#fff; border-radius:5px; padding-bottom:35px; height:auto !important; height:352px; min-height:352px;}
.Loginbox .tithead{ padding-top:6px; line-height:63px; height:71px; background:#f8f8f8; border-radius:5px 5px 0 0;}
.Loginbox .tithead li{ margin:0 4%; width:24%; float:left; text-align:center; font-size:16px;}
.Loginbox .tithead li.on{ border-bottom:2px solid #fd4a1d;}
.Loginbox .form{ margin:4px 30px 0;display:none;}
.Loginbox .form dl{ padding-top:28px;}
.Loginbox .form dl.other{ font-size:12px; padding-top:15px;}
.Loginbox .form dl.other dd a{ display:inline-block; margin-left:13px;}
.Loginbox .form .inputbox{ border-bottom:1px solid #e5e5e5; line-height:34px; padding-left:40px; position:relative;}
.Loginbox .form .inputbox .iconfont{ left:10px; position:absolute; color:#333333;}
.Loginbox .form .inputbox input{ width:100%; height:34px; line-height:34px;}
.Loginbox .form .inputbox .eye{ position:absolute; right:0; top:8px; cursor:pointer;}
.Loginbox .form .yzbtn{ position:absolute; right:0; top:0; padding:0 5px; border:1px solid #e5e5e5; background:#eee; line-height:28px; border-radius:5px;}

.Loginbox .yzmform{}


.Loginbox .ewmbox{ text-align:center; color:#333; padding-top:5px;}
.Loginbox .ewmbox img{ display:block; width:180px; height:180px; margin:0px auto 9px; border:1px solid #d2d2d2; padding:11px;}


.Regbg{ padding:20px 0 60px; background:url(../images/member/regbg.jpg) center bottom no-repeat; background-size:cover;}
.Regbg .content{ padding:55px; width:1240px; margin:0px auto; background:#fff; box-shadow:0 12px 20px rgba(0,0,0,0.12);}
.Regbg .tithead{ text-align:center; padding-bottom:30px; border-bottom:1px solid #e5e5e5;}
.Regbg .tithead a{ display:inline-block; margin:0 20px; border:1px solid #e5e5e5; border-radius:5px; line-height:62px; width:218px; color:#999999; font-size:18px;}
.Regbg .tithead .iconfont{ font-size:32px;}
.Regbg .tithead a:hover,.Regbg .tithead a.on{ color:#fff; border:1px solid #fd4a1d; background:#fd4a1d;}
.Regbg.xj .tithead { color:#333; font-size:18px;}
.Regbg.xj .tithead .iconfont{ color:#fd623b;}

.formbox{ padding-top:27px; max-width:722px; margin:0px auto;}
.formbox .item{ position:relative; padding-left:136px; color:#333333;}
.formbox .item .ti{ position:absolute; left:0; line-height:50px; width:120px; text-align:right; top:0;}
.formbox .tip{ color:red; font-size:12px; line-height:22px; clear:both; height:auto !important; height:33px; min-height:33px;}
.formbox .yzinput{ width:60%; float:left;}
.formbox .yzbtn{border-radius:5px; width:36%; float:right; border:1px solid #fd4a1d; color:#fd4a1d; display:block; text-align:center; line-height:48px;}
.formbox .yzbtn:hover{ background:#fbdfd8;}
.formbox .yzbox{ line-height:48px; border:1px solid #e5e5e5; border-radius:5px; background:#f2f2f2; text-align:center; cursor:pointer; color:#999999; margin-bottom:17px;}
.Regbg .agree{ color:#999999;}

/*找回密码*/
.Process{ background:url(../images/member/line.gif) 0 9px repeat-x; text-align:center; font-size:12px; margin:22px 0 34px;}
.Process li{ position:relative; width:33.333%; float:left; padding-top:28px;}
.Process li i{ width:24px; line-height:24px; border-radius:50%; background:#eeeeee; position:absolute; top:0; left:50%; margin-left:-12px;}
.Process li.on{ background:url(../images/member/line2.gif) 0px 9px repeat-x; color:#fd4a1d;}
.Process li.on i{ color:#fff; background:#fd4a1d;}
.findpass{ margin:0px auto; border:1px solid #e5e5e5; width:930px; padding:50px 140px 50px 113px;}
.findpass .formbox{ padding-top:0; max-width:none;}


/*购物车*/
.CarAll{ padding:0 30px; border:1px solid #e5e5e5; border-bottom:0; font-size:18px; line-height:48px; display:inline-block;}
.CarList { border:1px solid #e5e5e5; margin-bottom:20px; position:relative;}
.CarList .thead{ background:#f8f8f8;border-bottom:1px solid #e5e5e5; height:48px; line-height:48px; text-align:center; color:#333333; padding:0 30px; position:relative;}
.CarList .thead .check{ position:absolute; left:30px;}
.CarList li{ float:left;}
.CarList .td1{ width:36%; text-align:left; padding-left:142px;}
.CarList .td2{ width:22%;}
.CarList .td3{ width:14%;}
.CarList .td4{ width:14%;}
.CarList .td5{ width:14%;}
.CarList .item{ position:relative; margin:20px 30px 0; border-bottom:1px solid #e5e5e5; height:140px; padding-bottom:20px;}
.CarList .item li{display:flex;justify-content:center;align-items:center;flex-direction: column; height:120px;}
.CarList .item .td1{ height:auto; padding-left:40px; display:block;}
.CarList .item .pro{ padding-left:136px; height:120px; line-height:20px; position:relative; font-size:12px;}
.CarList .item .pro .imgbox{ position:absolute; left:0; border:1px solid #e5e5e5; height:118px; width:118px; top:0;}
.CarList .item .pro .ti{ padding:25px 0 10px; color:#333333;}
.CarList .item .pro p{color:#666;}
.CarList .item .price{ text-align:center; font-size:12px;}
.CarList .item .price span{ display:block; color:#fd4a1d; font-size:16px; margin-bottom:;}
.CarList .item .price2{ font-weight:bold; font-size:16px;color:#fd4a1d;}
.CarList .item .set{ text-align:left;}
.CarList .item .check{ position:absolute; left:0px;}
.CarList .item:last-child{ border-bottom:0;}

.Cartotal{ background:#eeeeee; color:#333; padding:0 152px 0 30px; position:relative;}
.Cartotal li{ height:60px; line-height:60px; float:left;}
.Cartotal li .check{ margin-right:28px;}
.Cartotal li.li{ width:275px; float:right;}
.Cartotal li.all{line-height:60px;}
.Cartotal li.all span{ display:block; font-size:12px; color:#666666;}
.Cartotal li.all b{ color:#fd4a1d; font-size:18px;}
.Cartotalpay{ color:#fff; line-height:60px; text-align:center; font-size:18px; font-weight:bold; position:absolute; right:0; bottom:-81px; z-index:100; width:150px; line-height:60px; background:#fd4a1d;}
.Cartotalpay:hover {background: #e42e00;}

.Cartit{ padding-top:20px; line-height:40px;}
.Cartit h2{ color:#333333; font-size:16px; float:left;}
.Cartit .back{ float:right; font-size:12px;}
.Cartit .back a{ color:#999999;}.Cartit .back a:hover{ color:#fd4a1d;}

.Addbox{ line-height:28px; border:1px solid #e5e5e5; background:#f8f8f8; padding:10px 20px; color:#333; position:relative;}
.Addbox .set{ top:10px; right:20px; position:absolute;}
.Addbox .set a{ display:inline-block; margin-left:19px;}
.Paybox{}
.Paybox a{ display:inline-block; width:144px; line-height:49px; margin-right:20px; text-align:center; border:1px solid #e5e5e5; border-radius:5px;}
.Paybox .iconfont{ color:#fd4a1d; margin-right:5px; font-size:26px;}
.Paybox a:hover{ border:1px solid #fd4a1d;}

.Fapiaobox{}
.Fapiaobox .nav{ margin-bottom:16px;}
.Fapiaobox .nav span{ display:inline-block; cursor:pointer; margin-right:20px; border:1px solid #e5e5e5; border-radius:5px; color:#333; padding:0 14px; line-height:27px;}
.Fapiaobox .nav span.on{ color:#fff; background:#fd4a1d; border:1px solid #fd4a1d;}
.Fapiaobox .info{ position:relative; border:1px solid #fd4a1d; line-height:28px; font-size:12px; padding:15px 20px;}
.Fapiaobox .info .set{ position:absolute; right:20px; bottom:15px;}
.Fapiaobox .info .set a { color:#0cd58f;}.Fapiaobox .info .set a:hover { color:#fd4a1d;}

.Beibox{ padding:0 0 19px 87px; position:relative;}
.Beibox dt{ position:absolute; left:29px; line-height:37px; font-size:16px; color:#333333; font-weight:bold;}
.Beibox textarea{ padding:10px; border:1px solid #e5e5e5; width:480px; height:95px;}

.OrderPrice2{ clear:both; color:#333; line-height:36px; width:225px; float:right; padding-bottom:20px;}
.OrderPrice2 p{ height:36px; text-align:right;}
.OrderPrice2 p span{ width:75px; float:left;}
.OrderPrice2 p i{ float:right;}
.OrderPrice2 .price{ color:#fd4a1d; font-size:18px; font-weight:bold;}
.Ordergo{ text-align:right; clear:both; border-top:1px solid #e5e5e5; padding-top:30px;}
.Ordergo a{ margin-left:20px;}
.Ordergo a.back .iconfont{ color:#fd4f23;}


/*会员中心*/
.tabcss { margin-bottom:20px;display: table;width: 100%; border:1px solid #e5e5e5;}
.tabcss .td1{ text-align:left; padding-left:28px;}
.tabcss label{ margin-right:4px;}
.table-tr,.table-thead {display: table-row;}
.table-th {display: table-cell;height: 100%;text-align: center;vertical-align: middle; padding:5px; height:48px; color:#333;background-color: #f8f8f8;}
.table-td {display: table-cell;height: 100%;border-top: 1px solid #e5e5e5;text-align: center;vertical-align: middle; height:48px; padding:5px;}

.MemberLeft{ border:1px solid #e5e5e5; float:left; width:230px; margin-top:12px;}
.MemberLeft .tithead{ text-align:center; border-bottom:1px solid #e5e5e5; line-height:46px; font-size:18px;}
.MemberLeft .menu li span a{ border-left:2px solid #f8f8f8; line-height:46px; padding-left:20px; display:block; background:#f8f8f8;}
.MemberLeft .menu li span a:hover .iconfont{ color:#fd4a1d;}
.MemberLeft .menu li .iconfont{ color:#b7b7b7; font-size:28px; margin-right:4px;}
.MemberLeft .menu li.onli span a{ border-left:2px solid #fd4a1d;}
.MemberLeft .menu li.onli .iconfont{ color:#fd4a1d;}
.MemberLeft .menu dl{ padding:7px 0; line-height:30px; padding-left:48px;}
.MemberLeft .menu dl a{ color:#666666;}
.MemberLeft .menu dl a:hover,.MemberLeft .menu dl a.on{ color:#fd4a1d;}
.MemberLeft .menu li.m1 span a{ background:none; border-left:0; padding-left:22px;}
.MemberLeft .menu li.m1.onli span a{border-left:2px solid #fd4a1d; padding-left:20px;}

.MemberCon{ width:990px; float:right; padding-top:10px;}
.Membernav{ margin-bottom:20px; line-height:37px; position:relative;}
.Membernav li{ float:left;}
.Membernav li a{ display:block; padding:0 28px; color:#666666; border:1px solid #e5e5e5; margin-right:-1px;}
.Membernav li a:hover,.Membernav li a.on{ color:#fff; background:#fd4a1d; border:1px solid #fd4a1d;}
.Membernav .setting{ line-height:26px; font-size:12px; color:#999999; position:absolute; right:0; top:0; text-align:right;}

.linebox{ border:1px solid #e5e5e5; margin-bottom:20px; padding:20px;}

.m-formbox{ position:relative;}
.m-formbox .item{ padding:0 0 12px 128px; position:relative;line-height:36px; color:#333333;}
.m-formbox .item .ti{ position:absolute; left:0; top:0; text-align:right; width:122px;}
.m-formbox .item.btn{ padding-top:10px;}
.m-formbox .input-txt{ height:36px; line-height:34px; width:328px;}
.m-formbox .input-txt.date{ padding-left:42px; background:url(../images/member/date.gif) 12px center no-repeat;}
.m-formbox .label{ margin-right:20px;}
.m-formbox .select{ margin-left:-10px;}
.m-formbox .select li{ margin-left:10px; float:left;}
.m-formbox .head{ width:120px; height:120px; z-index:10; text-align:center; padding:0; border-radius:50%; overflow:hidden; position:absolute; right:140px; top:40px;}
.m-formbox .head img{ width:120px; height:120px;}
.m-formbox .head span{ position:absolute; left:0; bottom:0; width:100%; color:#fff; background:rgba(0,0,0,0.3);}
.m-formbox .head:hover span{ color:#ffcc00;}
.m-formbox .tip{ color:#999999; font-size:12px;}
.m-formbox .useprice{ font-size:16px;}
.m-formbox .useprice dd{ font-weight:bold; color:#fd4a1d;}

.AddressList{ margin:0 0 0 -1.5%;}
.AddressList .item{ float:left; padding:0 20px; height:248px; line-height:36px; border:1px solid #e5e5e5; height:246px; width:48.5%; margin:0 0 12px 1.5%;}
.AddressList .item .name{ margin-bottom:7px; border-bottom:1px solid #e5e5e5; padding-top:5px; line-height:49px; border-bottom:1px solid #e5e5e5; color:#333333; font-size:16px;}
.AddressList .item .onbtn{ opacity:0; padding:0 7px; display:inline-block; line-height:21px; color:#fff; font-size:12px; border-radius:4px; background:#fd4a1d; margin-right:26px;}
.AddressList .item .set{ opacity:0; font-size:12px; line-height:24px;}
.AddressList .item .set a{ display:inline-block; color:#70deb0; margin-right:8px;}
.AddressList .item .set a:hover{ color:#fd4a1d;}
.AddressList .item.show{ border:1px solid #fd4a1d;}
.AddressList .item.show .onbtn,.AddressList .item .set{ opacity:1;}

.FapiaoList{}
.FapiaoList .item{ border:1px solid #e5e5e5; margin-bottom:20px; padding:30px; line-height:30px; color:#333333; position:relative;}
.FapiaoList .set{ position:absolute; right:30px; bottom:20px;}
.FapiaoList .set a{ display:inline-block; vertical-align:middle; margin-left:30px; color:#19d998;}
.FapiaoList .set a:hover{ color:#fd4a1d;}
.FapiaoList .set a.onbtn{line-height:21px; color:#fff; font-size:12px; border-radius:4px; background:#fd4a1d; padding:0 7px;}

.Fapiao{ border:1px solid #e5e5e5;}
.Fapiao .td1{ width:40%;}
.Fapiao .td2{ width:30%; text-align:center;}
.Fapiao .td3{ width:30%; text-align:right; padding-right:28px;}
.Fapiao .set a{ display:inline-block; margin-left:8px; color:#666666; padding:0 8px;}
.Fapiao .set a:hover{color:#fd4a1d;}
.Fapiao .set .onbtn{color:#fff !important; border-radius:5px; padding:0 7px; line-height:22px; background:#fd4a1d;}

.EditTel{ max-width:530px; margin:0px auto;}
.EditTel .input-txt{ width:160px; margin-right:15px;}

.Warmtxt{ font-size:12px; line-height:20px; padding-top:60px;}
.Warmtxt h3{ font-size:12px;}

.successbox{ background:#f8f8f8; padding:65px 0;}
.successbox .box{ max-width:625px; margin:0px auto; padding-left:91px; position:relative;}
.successbox .ico{ position:absolute; left:0; top:0; line-height:56px;}
.successbox .ico .iconfont{ font-size:56px; color:#fd4a1d;}
.successbox .ok{ font-size:24px; color:#fd4a1d; line-height:35px;}
.successbox .over{ color:#333;}.successbox .over span{ display:inline-block; margin-left:20px;}
.successbox .tip{ color:#999999; padding:1px 0 35px; font-size:12px;}
.successbox .other{ line-height:36px;}
.successbox .other a.go{ width:112px; line-height:36px; margin:0 20px; vertical-align:middle;}
.successbox .other a.a{ display:inline-block; margin-right:17px; font-size:12px; text-decoration:underline; color:#fd4a1d;}
.successbox .other a:hover.a{ text-decoration:none;}


/*我的订单*/
.orderbody .Membernav{ margin-bottom:0;}
.orderbody .Membernav li a{ border-bottom:0;}
.OrderForm{ margin-bottom:30px;}
.OrderForm .item{ line-height:31px; padding:0 39px 20px 70px; position:relative; float:left; color:#333;}
.OrderForm .ti{ position:absolute; left:0; top:0;}
.OrderForm .input-txt{ height:31px; line-height:31px;}
.OrderForm .input-txt.name{ width:376px;}
.OrderForm .datebox{ float:left; border:1px solid #d8d8d8; border-radius:5px; height:31px; width:290px; position:relative;}
.OrderForm .datebox .input{ width:50%; height:29px; line-height:29px; vertical-align:top; float:left; padding-left:35px; background:url(../images/member/date.gif) 14px center no-repeat;}
.OrderForm .datebox span{ position:absolute; left:45%;}
.OrderForm .date{float:left;}
.OrderForm .date a{ display:inline-block; width:46px; line-height:21px; text-align:center; vertical-align:middle; border-radius:3px; margin-left:10px; border:1px solid #fd4a1d; color:#fd4a1d; font-size:12px;}
.OrderForm .date a:hover{ background:#fef3f0;}
.OrderForm select{ height:31px; color:#999999;}

.OrderList{position:relative;}
.OrderList .tithead{ background:#f8f8f8; text-align:center; line-height:48px; border:1px solid #e5e5e5; color:#333; margin-bottom:20px;}
.OrderList .tithead li{ float:left;}
.OrderList .tithead .td1{ width:40%; padding-left:31px; text-align:left;}
.OrderList .tithead .td2{ width:17%;}
.OrderList .tithead .td3{ width:15%;}
.OrderList .tithead .td4{ width:17%;}
.OrderList .tithead .td5{ width:11%;}

.OrderList .tithead2{ background:#f8f8f8; text-align:center; line-height:32px; border:1px solid #e5e5e5; color:#333;}
.OrderList .tithead2 li{ float:left;}
.OrderList .tithead2 .td1{ padding-left:20px; width:35%; text-align:left;}
.OrderList .tithead2 .td2{ width:25%;}
.OrderList .tithead2 .td3{ width:20%;}
.OrderList .tithead2 .td4{ width:20%;}

.OrderList .item{ border:1px solid #e5e5e5; padding-bottom:10px; margin-bottom:20px;}
.OrderList .item .top{ padding:0 19px; line-height:32px; background:#f8f8f8; font-size:12px; margin-bottom:10px;}
.OrderList .item .top i{ margin-left:14px;}
.OrderList .item .top .set{ float:right;}
.OrderList .item .top .set a{ display:inline-block; margin-left:8px; color:#9a9a9a;}
.OrderList .item .top .set a:hover{color:#fd4a1d;}
.OrderList .item .top .set a:hover{color:#fd4a1d;}
.OrderList .item li{float:left; height:120px;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.OrderList .item .td1{ width:40%; display:block; padding-left:20px;}
.OrderList .item .td2{ width:17%;}
.OrderList .item .td3{ width:15%;}
.OrderList .item .td4{ width:17%;}
.OrderList .item .td5{ width:11%; color:#333;}
.OrderList .item .pro{ padding-left:136px; height:120px; line-height:20px; position:relative; font-size:12px;}
.OrderList .item .pro .imgbox{ position:absolute; left:0; border:1px solid #e5e5e5; height:118px; width:118px; top:0;}
.OrderList .item .pro .ti{ padding:6px 0 10px; color:#333333;}
.OrderList .item .pro p{color:#666;}
.OrderList .item .price{ text-align:center; font-size:12px;}
.OrderList .item .price span{ display:block; color:#fd4a1d; font-size:16px; margin-bottom:;}
.OrderList .item .price2{ font-weight:bold; font-size:16px;color:#fd4a1d;}
.OrderList .item .jf{ color:#fd4a1d;}
.OrderList .item .jf i{ color:#b9b9b9;}
.OrderList .item.info{ padding-top:10px; border-top:0;}
.OrderList .item.info .price span{ color:#333;}
.OrderList .item.info .price2{ color:#333; font-weight:normal; font-size:14px;}
.OrderList .item.info .price2 span{ color:#666666; text-decoration:line-through; display:block;}
.OrderList .item.info .td1{ padding-left:20px; width:35%; text-align:left;}
.OrderList .item.info .td2{ width:25%;}
.OrderList .item.info .td3{ width:20%;}
.OrderList .item.info .td4{ width:20%; font-size:12px; color:#333;}

.OrderList.jf .tithead{ margin-bottom:0; border-bottom:0;}
.OrderList.jf .item{ padding-top:10px;}
.OrderList.jf .tithead .td1,.OrderList.jf .item .td1{ width:44%;}
.OrderList.jf .tithead .td2,.OrderList.jf .item .td2{ width:28%;}
.OrderList.jf .tithead .td3,.OrderList.jf .item .td3{ width:28%;}

.OrderList.jfjl .tithead{ margin-bottom:0; border-bottom:0;}
.OrderList.jfjl .item{ padding-top:10px; font-size:12px;}
.OrderList.jfjl .pro{ padding:0; height:auto;}
.OrderList.jfjl .tithead .td1,.OrderList.jfjl .item .td1{ width:15%;align-items: left;display: flex;}
.OrderList.jfjl .tithead .td2,.OrderList.jfjl .item .td2{ width:15%;}
.OrderList.jfjl .tithead .td3,.OrderList.jfjl .item .td3{ width:11%;}
.OrderList.jfjl .tithead .td4,.OrderList.jfjl .item .td4{ width:11%;}
.OrderList.jfjl .tithead .td5,.OrderList.jfjl .item .td5{ width:15%;}
.OrderList.jfjl .tithead .td6,.OrderList.jfjl .item .td6{ width:11%;}
.OrderList.jfjl .tithead .td7,.OrderList.jfjl .item .td7{ width:11%;}
.OrderList.jfjl .tithead .td8,.OrderList.jfjl .item .td8{ width:10%;}

.OrderInfo{ background:#f8f8f8; line-height:48px; color:#333; border:1px solid #e5e5e5; padding-left:30px;}
.OrderInfo span{ float:left; width:273px;}

.OrderDetail{background:#f8f8f8;border:1px solid #e5e5e5; padding-top:27px; font-size:12px; margin-bottom:20px;}
.OrderDetail .item{float:left; width:33.333%; height:auto !important; height:165px; min-height:165px; margin-bottom:17px; border-right:1px solid #e5e5e5; padding:0 27px;}
.OrderDetail .item h3{ font-size:12px; color:#333333; margin-bottom:8px;}
.OrderDetail .item .p{ padding-left:61px; position:relative;}
.OrderDetail .item .p span{ position:absolute; left:0; top:0;}
.OrderDetail .item:nth-child(3){ border-right:0;}
.OrderDetail .bei{ border-top:1px solid #e5e5e5; clear:both; line-height:42px; padding:0 27px;}

.OrderProcess{ background:url(../images/member/line.gif) 0 9px repeat-x; text-align:center; font-size:12px; margin:60px 0 55px;}
.OrderProcess li{ position:relative; width:20%; float:left; padding-top:28px;}
.OrderProcess li i{ z-index:2; width:24px; line-height:24px; border-radius:50%; background:#eeeeee; position:absolute; top:0; left:50%; margin-left:-12px;}
.OrderProcess li span{ display:block; line-height:17px; font-size:12px; color:#666;}
.OrderProcess li.on{ background:url(../images/member/line2.gif) 0px 9px repeat-x; color:#fd4a1d;}
.OrderProcess li.on i{ color:#fff; background:#fd4a1d;}
.OrderProcess li .blank{ background:#fff; height:20px; width:45%; position:absolute; top:0;}
.OrderProcess li .blank.fl{ left:0;}
.OrderProcess li .blank.fr{ right:0;}

.OrderPrice{ padding-top:30px; clear:both; color:#999999; line-height:30px; font-size:12px; width:187px; float:right;}
.OrderPrice p{ height:30px;}
.OrderPrice p span{ width:60px; text-align:right; float:left;}
.OrderPrice p i{ display:inline-block; width:70px; float:right;}
.OrderPrice .price{ clear:both; margin-top:7px; line-height:45px; color:#333; border-top:1px solid #e5e5e5;}
.OrderPrice .price span{ float:right; font-weight:bold; color:#fd4a1d; font-size:16px;}

.JfAdd{ background:#fbfbfb; border:1px solid #efefef; padding:10px;}
.JfAdd ul{ margin-bottom:12px;}
.JfAdd li{ border-bottom:1px dotted #ececec; line-height:35px;}
.JfAdd a.btn{ background:#fff; display:inline-block; border:1px solid #e5e5e5; border-radius:4px; padding:0 15px; line-height:28px; color:#333333;}
.JfAdd a:hover.btn{ color:#fff; border:1px solid #fd4a1d; background:#fd4a1d;}

/*收藏*/
.CollectList{ border:1px solid #e5e5e5; margin-bottom:25px;}
.CollectList li{ float:left;}
.CollectList .tithead{ border-bottom:1px solid #e5e5e5; line-height:47px;background:#f8f8f8; text-align:center; color:#333;}
.CollectList .tithead .td1{ width:20%;}
.CollectList .tithead .td2{ width:30%;}
.CollectList .tithead .td3{ width:25%;}
.CollectList .tithead .td4{ width:25%;}

.CollectList .item{ border:0px;border-bottom:1px solid #e5e5e5; line-height:47px; margin:0 16px; padding-top:20px; padding-bottom:20px;}
.CollectList .item .pro{ padding-left:136px; height:120px; line-height:20px; position:relative; font-size:12px;}
.CollectList .item .pro .imgbox{ position:absolute; left:0; border:1px solid #e5e5e5; height:118px; width:118px; top:0;}
.CollectList .item .td1{ padding-left:0; width:20%;}
.CollectList .item .td2{ text-align:center; width:30%;}
.CollectList .item .td3{ width:25%;}
.CollectList .item .td4{ text-align:center; width:25%;}
.CollectList .item .brand{ line-height:20px; font-size:12px;}
.CollectList .item .brand .ti{ padding:0 0 10px; color:#333333;}
.CollectList .item .brand p{color:#666;}
.CollectList .item .price3{color:#fd4a1d; font-size:18px; line-height:30px;}
.CollectList .car{ display:block; color:#fff; background:#fd4a1d; border-radius:4px; width:110px; line-height:26px; margin:0px auto;}
.CollectList .car:hover{ background:#d92c00;}
.CollectList .item:last-child{ border-bottom:0;}


/*我的资产*/
.Jfinfo{ border:1px solid #e5e5e5;  padding:35px 178px 20px 50px; margin-bottom:16px;}
.Jfinfo .use{ width:215px; float:left;line-height:16px; font-weight:bold; font-size:16px;}
.Jfinfo .use .price{ display:block; line-height:71px; color:#fd4a1d; font-size:28px;}
.Jfinfo .use .price .help{ background:url(../images/member/help.gif); display:inline-block; width:16px; height:16px; vertical-align:top; margin:15px 0 0 5px;}
.Jfinfo .use .price .help{ background:url(../images/member/help.gif); display:inline-block; width:16px; height:16px; vertical-align:top; margin:15px 0 0 5px;}
.Jfinfo .date{ float:right; color:#999999; text-align:center;}
.Jfinfo .date a.btns{ font-weight:bold; display:block; width:248px; line-height:44px; font-size:16px; margin-bottom:6px;}
.Jftit{ line-height:44px; color:#333333; font-size:16px;}

.Jftab .td1{ text-align:left; width:40%;}
.Jftab .td2{ width:33%;}
.Jftab .td3{ width:27%;}
.Jfmore{ text-align:center; padding-top:25px;}

.YhqList{ margin:0 0 0 -17px;}
.YhqList li{ width:25%; float:left;}
.YhqList .box{ margin:0 0 17px 17px; height:290px; background:#f8f8f8;}
.YhqList .price{ text-align:center; background:url(../images/member/yhqbg.gif); color:#518f75; font-size:12px; padding:27px 0 15px;}
.YhqList .price b{ line-height:49px; font-size:36px; color:#fff; display:block;}
.YhqList .price b sup{ margin-top:-5px; display:inline-block; font-size:20px; vertical-align:top;}
.YhqList .price span{ display:block; width:104px; color:#fff; border:1px solid #b5edd6; line-height:26px; margin:0px auto 10px;}
.YhqList .info{ padding:14px 0 0 14px; height:80px; font-size:12px;line-height: 60px;}
.YhqList .info span{ color:#333;}
.YhqList .use{ width:108px; line-height:28px; border:1px solid #83e1ba; border-radius:25px; margin:0px auto; display:block; color:#83e1ba; text-align:center;}
.YhqList .use:hover{ background:#83e1ba; color:#fff;}
.YhqList.order li{ width:20%;}

.Yhqnav{ margin-top:20px; border:1px solid #e5e5e5; text-align:center; padding:23px 0;}
.Yhqnav li{ width:33.333%; float:left;border-right:1px solid #e5e5e5;}
.Yhqnav img{ display:block; margin:0px auto 11px;}
.Yhqnav li:last-child{ border-right:0;}


/*我的询价*/
.xunjia .td1{ width:28%;}
.xunjia .td2{ width:19%;}
.xunjia .td3{ width:19%;}
.xunjia .td4{ width:19%;}
.xunjia .td5{ width:15%;}


/*我的邀请*/
.yongjin .td1{ width:28%;}
.yongjin .td2{ width:13%;}
.yongjin .td3{ width:13%;}
.yongjin .td4{ width:13%;}
.yongjin .td5{ width:13%;}
.yongjin .td6{ width:;}
.yjbtn{ width:150px; line-height:44px; font-weight:bold; font-size:16px;}

/*列表*/
.NewsList{ padding:10px 0 20px;}
.NewsList li{ font-size:16px; position:relative; background:url(../images/common/dot.gif) 0px center no-repeat; height:36px; line-height:36px; padding:0 80px 0 12px;}
.NewsList li .date{ position:absolute; right:0; top:0; color:#999;}

.Titleinfo{ border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:35px; padding-bottom:18px;}
.Titleinfo .tits{font-size:24px; color:#333; line-height:40px;}
.Titleinfo .date{ font-size:14px; padding:5px 0 0 0;color:#808080;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}
.PrevNextBox {margin:50px 0 0 0;position:relative; padding-top:11px; border-top:1px solid #e6e6e6; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:70%; line-height:50px; height:50px;overflow:hidden; border-bottom:1px dotted #d9d9d9; position:relative;}
.PrevNextBox dl span{ padding:0 75px 0 55px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:0px; top:0px; color:#333333;}
.PrevNextBox dl span .date{ position:absolute; right:0; top:0; color:#808080; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#333333;}
.PrevNextBox dl a.none{color:#999;}
.PrevNextBox a.back{ position:absolute; right:0; top:54px; color:#333; font-size:16px; padding-right:31px; background:url(../images/ico/back.png) right center no-repeat;}


/*行业精选*/
.Hyban img{ width:100%;}
.SubTit{ font-weight:bold; padding-top:25px; clear:both; font-size:20px; color:#444444;}
.SubTit i{ display:inline-block; width:3px; height:18px; vertical-align:middle; background:#fd4a1d; margin-right:10px;}

/*品牌中心*/
.BrandSearch{ margin-top:30px; background:#f8f8f8; padding:11px 20px; line-height:29px;}
.BrandSearch h2{ float:left; font-size:20px; font-weight:normal; color:#333333;}
.BrandSearch .search{ float:right; width:292px; position:relative;}
.BrandSearch .search .btn{ width:52px; height:29px; color:#fff; background:#fd4a1d; border-radius:0 4px 4px 0; position:absolute; right:0; top:0;}
.BrandSearch .search .input{ width:240px; height:29px; text-indent:1em; border:1px solid #eeeeee; background:#fff;border-radius:4px 0 0 4px;}

.BrandList{padding:20px 0; margin:0 0 30px -2%;}
.BrandList li{ margin:0 0 0 -1px; width:16.6666%; margin:0 0 0 2%; height:150px; float:left; text-align:center;}
.BrandList .imgbox{border: 1px solid #eeeeee; margin-bottom:5px;}
.BrandList .imgbox img{ max-height:88px;}
.BrandList li:hover .imgbox{border: 1px solid #fd4a1d;}

/*改造及工程服务*/
.CaseTit{ font-size:36px; color:#444444; text-align:center; line-height:95px; padding-top:20px;}
.CaseTit i{ display:inline-block; vertical-align:middle; width:62px; height:1px; font-size:0; background:#fd4a1d; margin:0 28px;}

.CaseNav{ height:auto !important; height:502px; min-height:502px; position:relative;}
.CaseNav ul{ margin-left:-6px;}
.CaseNav li{ font-size:14px; width:20%; float:left;}
.CaseNav .imgbox{ height:248px; margin:0 0 6px 6px;transition: all ease 0.3s;}
.CaseNav .info{ padding:0 5%; position:absolute; left:0; top:0; width:90%; z-index:2; height:100%;display: flex;align-items: center;justify-content: center; font-size:24px; color:#fff;}
.CaseNav li{ position:absolute;}
.CaseNav li.li1{ left:0; top:0;}
.CaseNav li.li2{ left:20%; width:40%;}
.CaseNav li.li3{ left:0; top:254px; width:40%;}
.CaseNav li.li4{ left:40%; top:254px;}
.CaseNav li.li5{ left:60%; top:0;}
.CaseNav li.li5 .imgbox{ height:502px;}
.CaseNav li.li6{ right:0; top:0;}
.CaseNav li.li7{ right:0; top:254px;}
.CaseNav li:hover .imgbox{
-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.3);
	box-shadow: 0 5px 20px rgba(0,0,0,0.3);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);}


.CaseList{ margin:15px 0 0 -2%;}
.CaseList li{ width:31.333%; float:left; margin:0 0 2% 2%; text-align:center;}
.CaseList .imgbox img{ max-height:262px;}
.CaseList .info{ padding:10px 35px 19px; color:#666666;}
.CaseList .info .tit{ line-height:37px; color:#444444; font-size:18px;}
.CaseList .info .p{-webkit-line-clamp: 2; height:48px; color:#666666;}
.CaseList li:hover .info{ box-shadow:0 0 16px rgba(0,0,0,0.12);}
.CaseList li:hover .info .tit{ color:#fd4a1d;}


/*分销合作*/
.ProcessHz{ height:312px; background:url(../images/linebg.gif) 0px 76px repeat-x; padding:0 30px; position:relative;}
.ProcessHz li{ width:25%; float:left; text-align:center; position:relative;}
.ProcessHz .ico{ margin:0 0 21px;}
.ProcessHz .tit{ line-height:46px; font-size:20px; color:#333;}
.ProcessHz .arr{ background:url(../images/lcarr.gif); position:absolute; width:38px; height:11px; top:70px; right:-22px;}
.ProcessHz li:last-child .arr{ display:none;}
.ProcessHz .dot{ position:absolute; top:66px; width:20px; height:20px; background:#fff; border:4px solid #fd4a1d; border-radius:50%;}
.ProcessHz .dot.d1{ left:0;}
.ProcessHz .dot.d2{ right:0;}

.Hzbox{ background:url(../images/rzbg.jpg) center top no-repeat; background-size:cover; padding:0 0 53px;}
.Hzbox .CaseTit{ color:#fff; padding-bottom:15px;}
.Hzbox .list{ margin-left:-3%;}
.Hzbox .item{ width:47%; margin:0 0 0 3%; float:left;}
.Hzbox .item .box{ background:#fff; height:230px; padding:70px 31px 0 162px; position:relative;}
.Hzbox .item .box .ico{ position:absolute; top:64px; left:40px;}
.Hzbox .item .box .tit{ line-height:34px; font-size:18px; color:#333333;}
.Hzbox .item:hover .box{ box-shadow:0 0 12px rgba(0,0,0,0.5);}

.ContactUs{}
.ContactUs li{ width:33.333%; float:left; text-align:center; height:196px; background:url(../images/linebg2.gif) right 55px no-repeat;}
.ContactUs li:last-child{ background:none;}
.ContactUs .ico{ padding:35px 0 13px;}
.ContactUs .tit{ line-height:32px; color:#333333; font-size:20px;}
.ContactUs li:hover{ box-shadow:0 0 12px rgba(0,0,0,0.14);}


#WHIR_PLUGIN_ALERT_CONTENTWRAP_ID{ border:1px solid #e3e3e3 !important; background:#fff; border-radius:4px; box-shadow:0 5px 18px rgba(0,0,0,0.1);}
#WHIR_PLUGIN_ALERT_CONTENTWRAP_ID div:nth-child(1){ font-size:16px !important; line-height:35px !important; height:35px !important; width:100% !important;}
#WHIR_PLUGIN_ALERT_CONTENTWRAP_ID div:nth-child(1) a{ margin-top:10px !important; width:13px; height:13px;background:url(../images/common/close.png); font-size:0 !important; text-indent:999em; display:block;}
#WHIR_PLUGIN_ALERT_CONTENTWRAP_ID div:nth-child(2){ padding:10px !important;}

#WHIR_PLUGIN_ALERT_CONFIRM_ID{ border:1px solid #e3e3e3 !important; background:#fff; border-radius:4px; box-shadow:0 5px 18px rgba(0,0,0,0.1);}
#WHIR_PLUGIN_ALERT_CONFIRM_ID div:nth-child(1){ font-size:16px !important; line-height:35px !important; height:35px !important; width:100% !important;}
#WHIR_PLUGIN_ALERT_CONTENTWRAP_ID div:nth-child(1) a{ margin-top:10px !important; width:13px; height:13px;background:url(../images/common/close.png); font-size:0 !important; text-indent:999em; display:block;}
#WHIR_PLUGIN_ALERT_CONFIRM_ID div:nth-child(2){ padding:10px !important;}

#WHIR_PLUGIN_ALERT_CONTENTWRAP_ID{ border:1px solid #e3e3e3 !important; background:#fff; border-radius:4px; box-shadow:0 5px 18px rgba(0,0,0,0.1);}
#WHIR_PLUGIN_ALERT_CONTENTWRAP_ID div:nth-child(1){ font-size:16px !important; line-height:35px !important; height:35px !important; width:100% !important;}
#WHIR_PLUGIN_ALERT_CONTENTWRAP_ID div:nth-child(1) a{ margin-top:10px !important; width:13px; height:13px;background:url(../images/common/close.png); font-size:0 !important; text-indent:999em; display:block;}
#WHIR_PLUGIN_ALERT_CONTENTWRAP_ID div:nth-child(2){ padding:10px !important;}

.confirm_ok,.alert_ok{ width:60px; height:28px; border-radius:5px; margin:10px 5px 0; background:#fd4a1d; color:#fff; cursor:pointer;}
.confirm_cancel{ width:60px; height:28px; border-radius:5px; margin:10px 5px 0; background:#666; color:#fff; cursor:pointer;}