*{margin:0;padding:0;box-sizing:border-box;}
body{font:14px/1.5 "Microsoft YaHei",tahoma,arial,\\5b8b体,sans-serif;color: #444;}
h2,h3,h4,h5{font-weight: 400;}
ul,li,ol{list-style: none;}
a,img{border:0px;} 
a{cursor:pointer;}  
a:link,a:visited{text-decoration:none; color:#444;} 
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1;} 


/* 导航部分 */
.nav-bg{border-bottom: 5px solid #000;}
.top-bg{height:42px;background: #000;color:#fff;line-height: 46px;min-width:1100px;}
.top{width:1210px;margin:0 auto;}
.top span{margin-right:40px;}
.t-right{float:right;}
.t-right a{display: inline-block; float:right;color:#fff; height:42px;margin-left: 45px;padding-left:26px;background-repeat: no-repeat;background-position: left center;}
.t-right a:hover{opacity: 0.7; filter:alpha(opacity=70);}
.user-a{background-image: url(../images/login.png);}
.cell-a{background-image: url(../images/collect.png);}
.shopping-a{background-image: url(../images/shopping.png); }

.nav{height:56px;width:1210px;margin:15px auto 0; position: relative; bottom:-5px;border-bottom:5px solid #000;}
.logo{float:left;margin:0 40px;}
.nav-ul{float:left; line-height: 51px;}
.nav-ul>li{float:left;width:122px;text-align: center;border-bottom:5px solid #000;}
.nav-ul>li:hover{border-bottom:5px solid #ef5f96;color:#ef5f96;cursor: pointer;}
.search{margin: 19px 0  0 65px; cursor: pointer;}
.search-input{padding-left:10px;width:500px;height:40px;border:1px solid #666;border-right:0;float:left;}
.search-btn{cursor: pointer; border:1px solid #666;border-left:0;height:40px;width:40px;float:left;background:url(../images/search-H.png) no-repeat center;}
.search-close{cursor: pointer; font-size: 32px;display: inline-block;margin:-8px 0 0 200px;}
.s-drop{display: none;padding-top: 5px;}
.subnav{background:#fff; display: none;z-index: 3;  position: absolute;left:0;top:56px;width:1210px;text-align: left; padding:25px 100px 40px;line-height: 28px;}
.subnav ul{color:#666;float:left;}
.subnav li a:hover{color:#ef5f96;}
.subnav li{width:230px;}
.subnav img{float:right;width:270px;height:361px;margin-bottom: 32px;}



.container{margin:0 auto; width:1210px;}
.con-banner img{width:100%;margin-bottom: 32px;}
.sell{width:1210px;margin:80px auto 0; border-top: 1px solid #EAEAEA;padding:50px 0 34px;text-align: center;font-size: 32px;font-family: '宋体';}


#scroll-box{width:1210px; margin:0 auto 40px;}
#scroll-box a{margin-top:103px;}
#scroll{width: 1138px; position: relative;height: 300px;overflow: hidden;float:left;margin-bottom: 100px;}
#scroll-ul {position: absolute;width: 20000px;} 
#scroll-ul li {float:left;width:1.375%;margin:0 5px;overflow: hidden;} 
#scroll-ul img{width:100%;transition:transform 0.5s;}
#scroll-ul img:hover{transform:scale(1.2,1.2);}
#scroll-ul{transition: all .5s ease;left:0;}  
#left{float:left;display: inline-block;width:36px;height:56px;background:url(../images/left.png) no-repeat center; }
#right{float:right; display: inline-block;width:36px;height:56px;background:url(../images/right.png) no-repeat center; }


.footer{border-top: 1px solid #EBEBEB;}
.footer>span{width:144px;height:43px;margin:20px 50px 0 0 ; display: inline-block; background: url(../images/logo.png) no-repeat center; float:left;}
.footer>ul>li{float:left;width:19.1%;}
.f-col{margin-top:25px;}
.f-col li{line-height: 30px;}
.f-col li:first-child{font-size: 17px;line-height: 45px;}
.f-reg{float:right;}
.f-col a:hover{color:#ef5f96;}
.f-col h4{margin-top:32px;}
.f-col #email{width:100%;height:28px;padding-left: 10px;}
.copyr-bg{height:54px;background: #000; position: relative;margin-top: 80px;}
.copyr-img{position: absolute;top:-131px; width:133px;height:131px;display: block;background: url(../images/copyr.jpg) no-repeat center;}
.copyr{width:1210px;line-height:54px;margin:0 auto;color:#fff;}
.copyr span{margin:0 40px;}
.copyr a{margin:0 20px;color:#fff;}
.toTops{position: fixed;right:0;bottom: 50px;display: none;} 
.toTops img{width:60px;height:60px;}


/* 登录页面 */
.login{width:660px;margin:70px auto 170px;}
.login-l{float:left;}
.login-l tr{height:74px;}
.login-l a{float:right;}
.login-l #email,.login-l #pwd{width:260px;height:36px;margin: 4px 0 12px 0;padding-left: 10px;}
.login-l input[type=submit]{width:150px;height:36px;background: #EF5F96;color:#fff; border:0;font-size: 17px;}
.login-l input[type=submit]:hover{background:#EF7F96;cursor: pointer;}
.login-r{float:left;margin:25px 0 0 90px;}
.login-r p{margin:18px 0;}
.login-r ul{padding-left: 16px;}
.login-r li{list-style: disc;}
.login-r a{margin:30px 0; width:190px;height:36px;display: block;border:1px solid #000;line-height: 36px;text-align: center;font-size: 17px;color:#000;}
.login-r a:hover{background:#EF5F96;color:#fff;border:1px solid #EF5F96;}



/* 产品页面 */
.crumbs{line-height: 40px;padding:0 4px;}
.crumbs a{margin:0 2px;}
.crumbs span{float:right;}
.type{padding:11px 100px; position: relative;border-bottom:1px solid #EBEBEB;border-top:1px solid #EBEBEB;}
.type>span{position: absolute;left:4px;}
.sort{float:right;}
.dorpinput{width:70px;height:22px; position: relative;float:left;font-size: 12px;}
.dorpinput input{width:48px;height:22px;border:0px solid #333; padding-left: 7px;background: #fff;}
.btn-dorp{display:block; float:right;width:22px;height:22px;background: #444;}
.btn-dorp s{width:0;height:0;display:block;border:5px solid #444;border-top: 5px solid #fff;margin:9px auto 0;}
.dorp-con{border:1px solid #F3F3F3; width:70px;border-top:0; border-top: 0;background:#fff;display: none;position: absolute;top:22px;z-index: 2;}
.dorp-con p{padding:1px 7px;}
.dorp-con p:hover{background: #ccc;}
.sort .dorpinput{float:right;width:108px;}
.sort .dorpinput input{width:86px;}
.sort .dorp-con{width:108px;}
.pro-list{padding:23px 0 50px;}
.pro-list ul{margin-bottom: 40px;}
.pro-list li{float:left;width:22%;height:433px;margin:0 1.5% 36px;position: relative;}
.pro-list img{width:100%;margin-bottom: 15px;}
.pro-list p{text-align: center;font-size: 13px;}
.pro-list .pro-coll{width:21px;height:18px;position: absolute;top:12px;right:12px; display: none;}
.load{font-size: 17px; transition: background .4s;cursor: pointer; width:185px; text-align:center;background: #000;color:#fff;display: block;margin:0 auto;line-height: 48px;}
.load:hover{background: #EF5F96;}



.search-box{margin:30px 0 14px;padding:0 36% 0 17px;}
.search-box>input{background:#F5F5F5; background-image:url(../images/search-H.png);background-repeat: no-repeat;background-position:8px center; background-size: 15px; width:327px;height:33px; border:0;margin-right: 20px;padding-left: 30px;}
.search-box .sort{margin-top: 6px;}


.user{margin-top: 70px;}
.user-l{width:120px;float:left;margin-right:10%;}
.user-l h3{height: 40px;}
.user-l li{line-height: 40px;}
.user-l ul{border-bottom: 1px solid #D6D5D5;margin-bottom:28px;padding-bottom: 15px;}
.user-r{float:left;width:79%;}
.level{display: inline-block; margin:0 6px;transform: scale(1,1.4);} 
.level-drap{transform:matrix(0.08,1,-2,0.08,0,0);}
.s-search{height:155px;background: #F5F5F5;border:2px solid #E1E1E1;width:100%;padding:20px 40px;margin:58px 0;}
.s-search h2{text-align: center;margin-bottom: 25px;}
.s-input{width:642px;height:34px; border:1px solid #E1E1E1;border-right: 0;float:left;padding-left: 10px;}
.s-close{width:34px;height:34px; border:1px solid #E1E1E1;border-left: 0;background: #fff; background-image: url(../images/close.png); background-repeat: no-repeat;background-position: center; background-size: 27px; float:left;}
.s-btn{cursor: pointer; font-size: 16px; height:34px;width:175px;text-align: center;line-height: 34px;background:#EF5F96;color:#fff;border:0;margin-left: 20px;}

.goods{padding-left: 25px; }
.goods li{line-height: 36px;}
.goods h4:hover{color:#EC65BC;}
.goods .good-con{display: none;margin:8px 0 20px;line-height: 26px;}
.g-service{padding-left: 0;border-top: 1px solid #EAEAEA;margin:100px 0 180px;padding-top: 20px;}
.user-l a:hover{color:#EC65BC;}


/* 关于我们 */
.about{width:1100px;margin:0 auto;}
.about h2{margin:50px 0; text-align: center;font-size: 23px;}
.a-left{display: table;height:324px;width:1100px;}
.a-left img{height:324px;margin-right: 38px;}
.a-right img{float:right;margin:0 0 0 38px;}
.a-right h3{text-align: right;}
.a-left h3{font-size: 20px;margin-bottom: 20px;}
.a-left div{display: table-cell; vertical-align: middle;}
.address{width:550px;float:right;border-left:1px solid #eee;padding:60px 50px 110px;}
.address li{line-height: 27px;}
.address li:first-child{font-size: 22px; line-height: 63px;}


.user-c>p{line-height: 28px;margin-top:40px;}
.info-from{margin:32px 0 90px;}
.info-from td{min-width: 200px;padding:4px 0;}
.info-from input{width:400px;height:40px;border:1px solid #000;padding-left: 10px;}
.info-from textarea{width:400px;height:100px;padding-left: 10px;border:1px solid #000;}
.info-from #submit{width:170px;background:#ef5f96;line-height: 40px; text-align: center;border:0;cursor: pointer;}
.msg{color:red;}

/* 个人信息 */
.user-p{border:1px solid #ECECEC;padding-bottom: 23px;margin: 24px auto 130px;}
.user-info{width:880px;border:1px solid #EFEFEF;}
.user-title{height:47px;width:100%; border-bottom: 1px solid #EFEFEF;background: #F9F9F9;padding:0 30px;}
.user-title h4{width:100px;text-align: center;line-height: 45px;border-bottom: 2px solid #F10180;}
.portrait{display: table;margin:0 30px;}
.portrait img{margin:20px 20px 20px 0;width:90px;height:90px;}
.l-name{display: table-cell;vertical-align: middle;}
.l-name p{margin:5px 0;}
.bar{width:120px;height:13px;background: #ddd;display: inline-block;margin-bottom:-1px; position: relative;}
.bar span{position: absolute;text-align: center;line-height: 13px; font-size: 10px;background: #F09513;color:#fff;}
.city select{width:159px;height:32px;margin-right: 8px;padding-left: 5px;}
.city option{padding-left: 5px;}
.checkEmail{display: inline-block;text-align: center;}
.p-form{margin:0 30px;border-top:1px solid #ECECEC;line-height: 30px;}
.p-l{width:115px;}
.p-form table{margin-top: 22px;}
.p-form strong{color:red;}
.p-form td{padding:13px 15px 13px 0;}
.p-form td:first-child{text-align: right;}
.p-form tr:last-child td{border-top:1px solid #EFEFEF;padding-top: 23px;}
.p-form input[type=text]{height:32px;padding-left: 10px;}
.code{width:110px;}
.p-form #name,.p-form #email{width:300px;}
.p-form a{color:#559ad2;}
.sub-td{text-align: center;}
.det-btn{ visibility: hidden; }
.det-addre span{margin:0 12px;cursor: pointer;}
.det-addre input{width:500px;}
.det-addre{margin:18px 0;}
.checkEmail,.submit{cursor: pointer; width:106px;height:32px;border:0;border-radius: 4px;color:#fff;background: #EF5F96;margin:0 0 15px 15px;font-size: 16px;}
.reset{border:0;background: #fff;margin-left: 20px;color:#559AD2;font-size: 16px;}

/* 产品详情 */
.detail-box{width:1000px;margin:40px auto 0;}
.det-l,.det-c,.det-r{float:left;margin-top: 20px;}
.det-min{height:420px; overflow: hidden;}
.det-min li{margin-bottom:10px;border:1px solid #fff;width:95px;cursor: pointer;}
.det-min li:hover{border:1px solid #080103;}
.det-min img{width:100%;}
.det-c{width:400px;height:534px;float:left;margin:20px 100px 0 25px; position: relative;}
.det-c img{width:400px;height:534px;} 
.bigImg{position:relative; float:left; width:400px; height:534px; overflow:hidden; }
.bigImg #midimg{width:400px; height:534px;} 
#winSelector{width:210px; height:210px;position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff; display: none;} 
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;display: none;}
#bigView img{position:absolute; width:800px;height:1070px;}
.det-r h2{margin:24px 0;}
.det-r strong{font-size: 15px;}
.det-r a{display: inline-block;}
.colors,.sizes{margin:25px 0 20px;}
.colors a:hover,.sizes a:hover{border:2px solid #000 !important;}
.colors a{width:25px;height:25px;margin:4px 2px;border:2px solid #ccc;}
.sizes a{width:33px;height:33px;margin:4px 2px;border:2px solid #ccc;line-height: 33px;text-align: center;}
.qty{margin:22px 0;}
.reduce-end{color:#ccc;}
.shop-btn{display: table;}
#purch{margin-right:70px;height:36px;width:135px;background: #EF5F96;color:#fff;line-height: 36px;text-align: center;font-size: 17px;}
#addCart{display: table-cell;vertical-align: middle;padding-top: 3px;}
.count-input{border:0; width:25px;height:30px;text-align: center;float:left;}
.reduce,.add{font-size: 20px; border:1px solid #E1E1E1; text-align: center; width:30px; line-height: 30px; cursor: pointer; display: inline-block;float:left;}
.descr{width:1000px;margin:0 auto;}
.descr h2{margin:70px 0 25px;}
.descr p{font-size: 15px;line-height: 28px;}
.descr img{margin:50px auto 80px;display: block;}
.more{text-decoration: underline;}
.more:hover{color:#EF5F96 !important;}
.descr-none{display: none;}
.layers{z-index: 1; display: none;background:#000;position: fixed;width:100%;height:100%;left:0;top:0; opacity: 0.4; filter:alpha(opacity=40);}
.c-popup{z-index: 2; display: none; text-align: center; width:340px;height:180px;border-radius: 5px;border:1px solid #E4E4E4;background: #fff; position: fixed;}
.c-popup .p-title{border-radius: 5px 5px 0 0 ; background:#EF5F96;color:#7CB856; line-height: 45px; font-size: 18px;position: relative;}
.p-title a{position: absolute;right:10px; font-size: 30px;}
.p-btn a{border-radius: 3px;color:#fff; margin:40px 20px 0; display: inline-block;width:120px;text-align: center;line-height: 40px;font-size: 16px;}
.cart-pay{background: #7CB856;}
.return{background: #EF5F96;}

/* 购物车列表 */
.cart-con{width:100%;border:1px solid #D9D9D9;border-bottom: 0;text-align: center;margin-top: 24px;}
.cart-con td{border-bottom:1px solid #D9D9D9;padding:18px 0;}
.c-title td{padding:0;}
.cart-con td:first-child{width:44px;} 
.c-title{height:40px;background: #f2f2f2;}
.cart-con td:nth-of-type(2){text-align:left;}
.cart-pro{display: table;}
.cart-pro img{width:54px;height:72px;float:left;margin-right: 30px;} 
.cart-pro-ul{font-size: 13px;line-height: 23px; display: table-cell;vertical-align: middle;}
.cart-pro-ul li:first-child,.cart-pro-ul li:last-child{color:#737373;}  
.delete{cursor: pointer;} 
.pay{margin-top:70px;border-top:1px solid #ECEBEB;text-align: right;line-height: 35px;padding:20px 0 200px;}
.pay .allSelect{margin-left: 17px;}
.pay .pay-btn{display: inline-block;width:247px;height:50px;background: #F10180;color:#fff;text-align: center;font-size: 18px;line-height: 50px;margin:10px 0;}
.pay span{float:left;} 

/* 收藏页面 */
.add-coll{width:145px;line-height:34px;display: block;background: url(../images/shopping-B.png) no-repeat 15px center;background-size: 14px 20px; background-color: #EF5E95;border:1px solid #F10180;border-radius: 4px;margin:0 auto;font-size: 17px;color:#fff; padding-left: 22px;margin-bottom:5px;} 
.cancel-coll{color:#3EA9E1;}
.toge{display: block;width:100%;line-height:45px;background:url(../images/shopping-H.png) no-repeat 18px center;background-size: 14px 20px;padding-left: 24px;
	background-color:#E6E6E6;border-left: 1px solid #ccc;}
.page{margin:100px 30px 50px;}

/* 订单页面 */
.order-title{width:100%;line-height:40px;height:40px; background:#F5F8FA;border:1px solid #E4E4E4; text-align: center;margin-top: 24px;}
.order-title li{float:left;}
.order-id{background:#f9f9f9;border:1px solid #E4E4E4;border-bottom:0; line-height:38px;margin-top:15px;}
.order-id span{margin:0 90px 0 15px;}
.order-id a,.order-con a{color:#1DA0DC;}
.order-con{width:100%; text-align: center;border:1px solid #EAEAEA;}
.order-con td{border-right:1px solid #EAEAEA;}
.order-con td:last-child{border-right:0;}
.order-con img{width:54px;height:72px;float:left;margin:0 15px;}   
.li-1{width:52%;}
.li-1>div{text-align:left; display: table;border-bottom:1px solid #E4E4E4; width:100%;padding:12px 0;}
.li-1>div:last-child{border-bottom: 0}
.li-1>div>div{display: table-cell;vertical-align: middle;width:82%;}
.li-1 span{font-size:12px;color:#737373;}
.li-2{width:13.5%;}
.li-2 strong{color:#EF5F96;}
.li-3,.li-4,.li-5{width:11.5%;}


.b-red{border:1px solid red!important;}


@media only screen and (max-width: 1228px){
	.top{width:1100px;} 
	.nav{width:1100px;}
	.nav-ul>li{width:105px;}
	.subnav{width:1100px;padding:0 45px;}
	.container{width:1100px;}
	.sell{width:1100px;}
	#scroll-box{width:1100px}
	#scroll{width: 1028px;}
	#scroll-ul li{width:2.47%;}
	#scroll-box a{margin-top:93px;}
	.footer>ul>li{width:18.7%;}
	.copyr{width:1100px;}
	.s-input{width:555px;}
	.pro-list li{height:400px;}

}