@charset "utf-8";/* common style */

*{margin: 0;padding: 0;font-family: "Microsoft YaHei",Arial;}
embed{ max-width: 100%;}
body{     text-indent: 0;font-size: 12px;color:#555; }
input, textarea, select {outline: 0;}
ul,li,ol{list-style: none;}
a{outline: none;text-decoration: none;transition: all ease .5s;color:#655;}
a:hover{color:#E94707;}
img{border:0;}
input{outline: none;}
i,em{ font-style:normal;}
.wrap, .wrap2,.wrap3{ clear: both; margin: 0 auto;position: relative;}
.wrap{width: 1190px;}
.wrap2{ max-width: 1000px;}
.wrap3{max-width: 960px;}
.hide{display: none;}
.loading{background:#F0F0F0 url("../images/sliders/loading.gif") no-repeat center center;}
.clear{ clear: both;}
.row .padding{ padding: 0 15px;}
.right{float: right} 
.left{float: left;}
/*宽度*/

  .width-1,  .width-2,  .width-3,  .width-4,  .width-5,  .width-6,
  .width-7,  .width-8,  .width-9,  .width-10,  .width-11,  .width-12,.width-13 {
    float: left;
  }
  .width-12 {    width: 100%;  }
  .width-11 {    width: 91.66666666666666%;  }
  .width-10 {    width: 83.33333333333334%;  }
  .width-9 {    width: 75%;  }
  .width-8 {    width: 66.66666666666666%;  }
  .width-7 {    width: 58.333333333333336%;  }
  .width-6 {    width: 50%;  }
  .width-5 {    width: 41.66666666666667%;  }
  .width-4 {    width: 33.33333333333333%; text-align:center;  }
  .width-3 {    width: 25%;  }
  .width-2 {    width: 16.666666666666664%;  }
  .width-13 {    width: 19.664%;  }
  .width-1 {    width: 8.333333333333332%;  }
  .Width-1{ 	width:100%; margin-left:20px;}
  .Width-2{     width: 29.9%; padding:13px 0 0 20px; float:left; }
  .Width-3{ float:right;}
  
/*鼠标移上去出现文字*/
.aote{ width:29.9%; display:block; float:left; position:relative;}
.bote{ width:100%; overflow:hidden;}
.aote .cote{ width:79.8%; height:30px; line-height:30px; opacity:0.7; background:#000; text-align:center; position:absolute; left:20px; bottom:0; display:block; color:#FFF; white-

space:nowrap;overflow:hidden;text-overflow:ellipsis; padding:0 10px; }
.aote:hover .cote{ display:none;  font-size:12px; text-align:center;}

/**页码**/
.page{ float:right; font-size:14px; color:#333; margin:50px 0 20px;}

/**头部**/
.top{ float:left;}
/***顶部***/
.top_img{ width:100%; }
.top_img img{ width:1920px; height:60px;}
.topbar{background:#f2f2f2; height:25px; line-height:25px;border-bottom:1px solid #e5e5e5; width:100%; float:left; }
.topbar a{ color:#666; margin:0 5px; font-size:12px;}
.topcen{ width:1190px; margin:0 auto;}
.topL{ width:590px; float:left; font-size:12px;}
.topR{ float:right; font-size:12px; }
.topR .h_index{ float:left;}
.topR .h_index i{ width:20px; height:20px; background-image:url(../images/h_index.png); background-size:cover; float:left; margin:2px 5px 0 20px;}
.topR .h_index:hover{ color:#b81b22;}
.topR .h_phone{ float:right;}
.topR .h_phone i{ width:22px; height:22px; background-image:url(../images/h_phone.png); background-size:cover; margin-top:2px; float:left;}
.topR .h_phone:hover{ color:#b81b22;}
/***头部内容***/
.head{ width:100%; background:#f5f5f5; height:110px; float:left;  }
.h_cen{ width:1190px; margin:0 auto;}
/*logobar*/
.logobar{ width:260px; height:80px; float:left; margin:15px 20px;}
/* searchbar */
.searchbar{	line-height:30px; margin-top:35px; width:460px; float:left; margin-left:50px; }
.searchbar .s_itex{ width:450px; background:#b81b22;  padding:3px; height:30px; }
.searchbar .txt{ height:30px; float:left; width:385px; background:#fff; padding:0 0 0 5px; border:none;  }
.searchbar .bt{float:left; height:30px; width:60px; background:#b81b22; border:none; color:#fff;}
.searchbar a{color: #999; margin:0 5px 0 0;}
/*用户*/
.u_mod{ width:320px; float:right;}
.u_user .u_name span,.u_user .u_dh span,.u_data .u_son span i,.u_data .u_sc span i,.u_data .u_cart span i{background:url(../images/icon_top.png) no-repeat; float:left;}
/***登录状态***/
.u_user{ width:320px; float:left; margin-top:25px;}
/**用户状态**/
.u_user .u_name{ width:160px; float:left; line-height:25px;}
.u_user .u_name span{ background-position:0 0; width:25px; height:25px;}
.u_user .u_name p{ font-size:14px; color:#666; margin-left:5px; float:left;}
.u_user .u_name a{ font-size:12px; color:#b81b22; margin-left:5px; float:left;}
/**电话**/
.u_user .u_dh{ width:160px; float:left;}
.u_user .u_dh span{ background-position:-50px 0; width:21px; height:22px;}
.u_user .u_dh p{ font-size:18px; color:#b81b22; font-style:italic; margin-left:5px; float:left;}
/**用户中心**/
.u_data{ width:320px; float:left; margin-top:15px;}
.u_data div{border:1px solid #a0a0a0; border-radius:50px; height:25px; line-height:25px; float:left;}
.u_data div a{ color:#a0a0a0;}
.u_data div span{ width:25px; height:25px; background:#a0a0a0; float:left; border-radius:25px; margin-left:-1px; }
.u_data div:hover{ border:1px solid #b81b22;}
.u_data div:hover span{ background:#b81b22;}
/**个人中心**/
.u_data .u_son{ width:85px; margin-right:15px; }
.u_data .u_son span i{ background-position:0 -40px; width:15px; height:15px; float:left; margin:5px;}
.u_data .u_son p{ float:left; font-size:12px; color:#666; width:60px; text-align:center;}
/**收藏**/
.u_data .u_sc{ width:90px; margin-right:15px;}
.u_data .u_sc span i{ background-position:-35px -40px; width:15px; height:15px; float:left; margin:5px;}
.u_data .u_sc p{ float:left; font-size:12px; color:#666; width:65px; text-align:center;}
.u_data .u_sc p em{ color:#b81b22;}
/**购物车**/
.u_data .u_cart{ width:100px;}
.u_data .u_cart span i{ background-position:-65px -40px; width:15px; height:15px; float:left; margin:6px 5px;}
.u_data .u_cart p{ float:left; font-size:12px; color:#666; width:75px; text-align:center;}
.u_data .u_cart p em{ color:#b81b22;}
/***未登录状态***/
.style{ margin-top:40px;}
/**登录注册**/
.u_user .u_login{ width:60px; height:30px; line-height:30px; text-align:center; margin-right:20px; float:left; background:#b81b22; border-radius:5px;}
.u_user .u_login:hover{ background:#cd0009; box-shadow:0 1px 2px 0 #b81b22;}
.u_user .u_login a{ color:#fff;}

/***菜单***/
.menubar{ float:left;}
.menutop{ width:100%; background:#3e3e3e; height:35px; line-height:35px; float:left;}
.menutop_cen{ width:1190px; margin:0 auto; color:#fff; font-size:14px;}
.menutop_cen li{ padding:0 30px; float:left;}
.menutop_cen li a{ color:#fff;}
.menutop_cen li a:hover{ color:#F00;}
.m1{ width:150px; text-align:center; background:#b81b22;}
.menutop_cen li.m4{ float:right;}
.menutop_cen li.m4 span{ background:url(../images/hot.gif) no-repeat; width:28px; height:11px; float:right; margin-top:13px; margin-left:5px;}
.menutop_cen li.m4 a{ color:#ffd600; }
.menutop_cen li.m4 a:hover{ color:#b81b22;}
.menudown{ width:100%; background:#b81b22; height:40px; line-height:40px; float:left;}
.menudown_cen{ width:1190px; margin:0 auto; color:#fff; font-size:14px;}
.menudown_cen li{ float:left; margin-right:31px;}
.menudown_cen li a{ margin-right:10px; color:#fff;}
.menudown_cen li a i{ margin:0 0 0 5px ;}
.menudown_cen li a:hover{ color:#000;}
.menudown_cen li a.m2{ color:#fcff00;}
.menudown_cen li a.m3{ color:#252525;}
.menudown_cen li a.m2:hover{ color:#fff;}
.menudown_cen li a.m3:hover{ color:#fff;}



/* mainer */
#mainer{clear: both;}
#mainer .content {line-height: 25px; margin-top:20px;}
.side{margin:20px;}
.mainLeft{ float:right; margin:10px 10px 0 0;position:absolute; right:0; top:0;}
#mainer .mainLeft a.lefta img{}
#mainer .mainLeft a.contact{ width: 115px; height:25px; padding: 28px 0 0 45px; font-size:14px; display: block; margin: 5px 0; font-weight: bold; color:#c63;background:url(../images/contact.jpg) 

no-repeat;}
#mainer .mainLeft .contact:hover{  color:#f60;}
#mainer .mainLeft .leftbt{ text-align: center;}
#mainer .mainLeft .leftimg{width: 160px; height: 49px;background:url(../images/left_img_bg.gif) no-repeat; padding: 3px;}
#mainer .mainLeft .leftimg a{display: block; width: 154px; height: 43px;}
#mainer .mainLeft .leftimg a.company{background:url(../images/left_company.jpg) no-repeat;}
#mainer .mainLeft .leftimg a.news{background:url(../images/left_news.jpg) no-repeat;}
/* sidebarMenu */
.sidebar{ background: #f5f5f5; line-height: 25px;}
.sidebar dt{ display: table-cell; width: 100px; background: #f5eeee; padding: 5px 10px; text-align: center;}
.sidebar dd{ display: table-cell;padding: 10px 15px; }
.sidebar dd a{ padding: 0 10px; display: inline-block;}
.sidebar dd a.cur{ background:#a5a; color: #fff; }
/* location */
#location{  padding: 10px 0 10px 15px; overflow:hidden; font-family: 宋体;}
#location a{color:#1a66b3; margin: 0 5px;}
#location a:hover,#location .cur{color:#E94707;}
/* footer */
#footer{clear:both; overflow:hidden; border-top:solid 1px #E1E1E1; float:left;}
#footer .f_not{ width:100%; float:left; background:#fff;}
#footer .line{ height:166px;background:url("../images/index_52.jpg") center no-repeat; border-bottom:solid 1px #f5f5f5;}
#footer .help{padding:20px; }
#footer .help dl{ text-align:center;}
#footer .help dt{ font-size:15px;font-weight:bold; line-height:32px;}
#footer .help a{ color:#444; line-height:22px;}
#footer .copyright{ background:#333; width:100%; float:left; padding:50px 0;}
#footer .copy{ padding:0;}
#footer .copy .copyL{ width:910px; float:left;}
#footer .copy .copyL .f_tag{ float:left; width:910px; color:#ccc;}
#footer .copy .copyL .f_tag p{ font-size:14px; float:left;}
#footer .copy .copyL .f_tag a{ font-size:12px; color:#ccc; line-height:20px;}
#footer .copy .copyL .f_link{ width:910px; float:left; color:#ccc; margin-top:20px;}
#footer .copy .copyL .f_link p{ font-size:14px; float:left; width:86px; margin-right:10px;}
#footer .copy .copyL .f_link a{ font-size:12px; color:#ccc; line-height:20px; float:left; width:86px; margin-right:10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#footer .copy .copyL .f_link a:hover{ color:#b81b22;}
#footer .copy .copyL .f_copy{ width:910px; color:#ccc; float:left; font-size:12px; margin-top:25px;}
#footer .copy .copyL .f_copy p{ width:910px; float:left; margin-top:5px;}
#footer .copy .copyL .f_copy .powerby a{ font-size:12px; color:#ccc; margin-right:10px;}
#footer .copy .copyR{ width:220px; border-left:1px solid #484848; float:left; margin-left:59px;}
#footer .copy .copyR .f_weixin{ width:140px; padding:10px; float:left; margin:0 0 0 60px; background:#fff;}
#footer .copy .copyR .f_weixin span{ width:140px; float:left; font-size:14px; color:#999; margin-top:5px; line-height:25px;}
#footer .copy .copyR .f_weixin span i{ background:url(../images/f_icon.png) 0 0; width:30px; height:25px; float:left;}
#footer .copy .copyR .f_photo,#footer .copy .copyR .f_dingyue{ float:left; margin-top:10px; font-size:14px; color:#ccc; width:140px; padding:0 20px; line-height:25px; margin-left:45px;}
#footer .copy .copyR .f_photo span{ background:url(../images/f_icon.png) -70px 0; width:30px; height:25px; float:left;}
#footer .copy .copyR .f_dingyue span{ background:url(../images/f_icon.png) -36px 0; width:30px; height:25px; float:left;}


/* page */
#page {clear: both;text-align:center;margin-top:10px;}
.paging{display: block;padding: 3px 0;}
.paging a {color:#333;border: 1px solid#BBB;cursor: pointer;}
.paging a:hover, .paging span.cur, .paging a.cur {color:#E94707;border: 1px solid#E94707;background:#EFEFEF;}
.paging span.disabled {color:#CCC;border: 1px solid#CCC;	}
.paging a, .paging span{margin: 0 2px;padding: 2px 6px;border-radius: 2px;}
/* form */
form input.text{width: 220px;outline: none;padding: 5px;border-radius: 3px;background-color:#FFF;border: 1px solid#CCC;}
form input.text:focus{border-color:#87E552;}
form input.error{border-color:#FF0000;}
form label.error {color:#FF0000;padding-left: 10px;}
form label.success {color:green;padding-left: 10px;}
form select{outline: none;padding: 4px;border-radius: 3px;background-color:#FFF;border: 1px solid#DDD;}
/* btn */
.bluebtn, .graybtn, .redbtn , .button{border-radius: 4px; cursor: pointer;display: inline-block;margin: 5px;padding: 5px 12px;}
.bluebtn {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: linear-gradient(to bottom,#37aaea 0px,#117ed2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);background-color:#37aaea;border-color:#1992da#0c75bb#00589c;border-image: none;border-style: solid;border-width: 1px;box-shadow:0 1px 1px 0#6fc5f5 inset;color:#fff !important;}
.bluebtn:hover {background: linear-gradient(to bottom,#2488d4 0px,#1c5bad 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);background-color:#37aaea;box-shadow: 0 1px 1px 0#64bef1 inset;}
.bluebtn:active {box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.6) inset;}
.redbtn {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: linear-gradient(to bottom,#c10 0px,#c00000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);background-color:#c00;border-color:#ff5555#bb3311#aa0000;border-image: none;border-style: solid;border-width: 1px;box-shadow: 0 1px 1px 0#f55 inset;color:#fff !important;}
.redbtn:hover {background: linear-gradient(to bottom,#b10 0px,#b00000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);box-shadow: 0 1px 1px 0#f55 inset;}
.redbtn:active {box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.6) inset;}
.graybtn {background: linear-gradient(#ffffff,#ebebeb) repeat scroll 0 0 rgba(0, 0, 0, 0);background-color:#eee;border: 1px solid#b5b5b5;border-radius: 4px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;color:#0085cc;}
.graybtn:hover {background: linear-gradient(#ffffff,#d7d7d7) repeat scroll 0 0 rgba(0, 0, 0, 0);}
/* msgBox */
.msgBox i{float: left;width: 48px;height: 48px;display: block;background: url('../images/icon_groups_48.png') no-repeat;}
.msgBox .ok i{background-position: 0 0;}
.msgBox .info i{background-position: -48px 0;}
.msgBox .help i{background-position: -96px 0;}
.msgBox .warning i{background-position: -144px 0;}
.msgBox .error i{background-position: -192px 0;}
.msgBox .forbid i{background-position: -240px 0;}
.msgBox .stop i{background-position: -288px 0;}
.msgBox p{border-radius: 5px;padding: 15px; border: 1px solid#EEC579;background:#FEEFC9;overflow: hidden;}
.msgBox .ok p{background:#F0FFE5;border-color:#76C90A;}
.msgBox .ok p, .msgBox .ok a{color:#3B9805;}
.msgBox .info p, .msgBox .info a{color:#98C235;}
.msgBox .help p, .msgBox .help a{color:#3273A7;}
.msgBox .warning p, .msgBox .warning a{color:#D27D00;}
.msgBox .error p, .msgBox .error a, .msgBox .forbid p, .msgBox .forbid a, .msgBox .stop p, .msgBox .stop a{color:#E94707;}
/* service */
.service{width: 100%;overflow: hidden;margin-top: 20px;}
.service li{ float: left; width: 155px;height: 71px;margin-right: 11px;text-align: center;background: url("../images/sbox.gif") no-repeat;}
.service li a{	display: block;padding-top: 35px;color:#666;}
.service li a:hover{color:#E94707;}


/*右侧栏*/
.mui-mbar-tabs-mask{ width: 35px; top: 0px;  right: 0px; bottom: 0px; background: #000; position: fixed; color: #fff; z-index:5}
.mui-mbar-tab {position: relative;left: 0;width: 35px;height: 35px;background-color: #000;cursor: pointer;z-index: 9;}
.mui-mbar-tab-logo {position: absolute;left: 0;top: 0;width: 35px;height: 35px;}

/*图片*/
.youb{ background:url(../image/youb.png); width:66px; height:153px;}
.mui-mbar-tab-logo-brand{ background:url(../image/side_icon_barnd.png) no-repeat;} 
.mui-mbar-tab-logo-foot{ background:url(../image/side_icon_foot.png) no-repeat;}
.mui-mbar-tab-logo-cart {background:url(../image/side_icon_cart.png) no-repeat;}
.mui-mbar-tab-logo-asset{background:url(../image/side_icon_asset.png) no-repeat;}
.mui-mbar-tab-logo-favor{background:url(../image/side_icon_favor.png) no-repeat;}
.mui-mbar-tab-logo-qq{background: url(../image/side_icon_qq.png) no-repeat;}
.mui-mbar-tab-logo-ww{background:url(../image/side_icon_ww.png) no-repeat;}
.mui-mbar-tab-logo-top{background:url(../image/side_icon_top.png) no-repeat;}
.mui-mbar-tab-tip { background:#b81b22; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);color:#FFF; display:none; height:35px; line-height:35px; position:absolute; right:70px; top:-1px; width:90px; text-align:center;}
.mui-mbar-tab-tip-arr {  color:#494949; right:-8px ;top:10px;}
.mui-mbar-arr{ font-family: "宋体"; font-size:16px; height:16px; line-height:16px; position:absolute; text-align:center; width:16px; color:#b81b22;}
.mui-mbar-tab-cart .mui-mbar-tab-txt {display:block; height:50px; left:7px; line-height:16px;overflow:hidden;padding:0; top:40px; width:20px; text-align: center; position:absolute;} 
.mui-mbar-tab-cart{ height:135px;}
.mui-mbar-tab-cart .mui-mbar-tab-sup-bd{ background-color:#c40000; border-radius:10px; border-radius:10px; font-size:12px; height:20px;line-height:20px;min-width: 14px; padding: 0 3px;color: #FFF;} 
.mui-mbar-tab-cart .mui-mbar-tab-sup{ right: 8px;text-align: center;top: 95px;position:absolute; z-index:999999;}



/*****图片样式*****/
.tab-time span,.tab-tag span,.lists-mt div,.art-tag span,.similar ul li span,.det-col em.yListrclickem i,.user-mt h3 span,.title div{ background: url(../images/homebg.png) no-repeat scroll;}


/*资讯*/
.info{ margin:50px auto; border-top:3px solid #8d643b;}
.plate{ width:32.325%; display:block; float:left; margin-right:18px; background:#fff;}
.plate-tit{ width:100%; height:79px; line-height:79px; text-align:center; background:#8d643b; color:#fff; font-size:24px;}
.plate ul{ float:left;}
.plate ul li{ padding:20px 10px 15px; border-bottom:1px dashed #cccccc; float:left;}
/*评析、展会*/
.mod-tit{ font-size:14px; color:#080808; width:100%; }
.mod-pic{ width:18%; border-radius:5px; display:block; float:left;  margin-top:16px; }
.mod-pic img{width:100%; border:1px solid #8d643b; overflow:hidden; border-radius:5px;  display:block}
.mod-info{ width:76%; float:left; margin-left:20px; margin-top:15px;}
.mod-dec{ text-indent:2em; font-size:12px; color:#898989; line-height:25px;}
.mod-time{ float:right; padding-right:10px; margin-top:5px; font-size:12px; color:#898989;}
.mod-time span{ padding-left:10px;}
/*购买动态*/
.dy-pic{ width:24%;  display:block; float:left;  border-radius:50%;}
.dy-pic img{width:100%; border:1px solid #8d643b; overflow:hidden; border-radius:50%;  display:block}
.dy-info{width:70%; float:left; margin-left:20px;}
.dy-tit{ font-size:14px; color:#080808; width:100%; line-height:20px; }
.dy-user{ float:left; font-size:12px; width:100%; margin-top:10px;}
.dy-user span{ color:#E4393C; float:left; }
.dy-user p,.dy-pri i{ color:#898989; float:right; padding-right:10px; font-size:12px; margin-top:5px;}
.dy-pri{ width:100%; float:left; margin-top:10px; }
.dy-pri span{ color:#E4393C; float:left; font-size:18px;}
.dy-pri i em{  padding-left:10px;}

.more{ font-size:18px; color:#000; text-align:center; height:70px; line-height:70px; float:left; width:100%;}
.more a:hovere{ font-size:18px; color:#E4393C;}




/**************产品页***************/
#main{ clear:both; background:#fff; padding-bottom:100px; padding-top:20px; }
/*音箱筛选系列*/
.guide{ width:100%; float:left; margin:20px 0;}
.g_con{ margin:0 auto; width:1190px;}
.block{ border:2px solid #E5E5E5; width:1190px; float:left;}
.block-tit,.type-tit{ display: block;padding:9px 15px 0px 5px;color:#999;text-align: right;width:110px;overflow: hidden; float:left;}
.block-info,.type-info{ border-left:1px solid #F2F2F2; float:left;width:1059px; background:#fff;}
.block-info li{width:190px;padding:10px;text-align:left; float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.block-info li a,.type-info li a{padding: 0px 18px 0px 4px; font-size:12px; color:#333;}
.block-info li a:hover, .type-info li a:hover{ color:#F00;}
.type{ border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5; border-bottom:1px dotted #E5E5E5; width:1192px; float:left;}
.type-info li{padding:10px;text-align:center; float:left;}

/*产品*/
.res{ width:100%; float:left; margin:20px 0;}
.r_con{ width:1190px; margin:0 auto; }
.resL{ width:20%; float:left;  margin-top:20px;}
.resL .ad{ width:100%; float:left; text-align:center;}
.resL .ad img{ max-width:100%; border:1px solid #f5f5f5;}
.resR{ width:78%; float:right;}
.resR-scr{ margin-top:20px; width:100%; float:left; height:40px; line-height:40px; background:#fafafa; border:1px solid #ddd;}
.resR-scrL{ width:60%; float:left; }
.resR-scrL a{ padding:0 15px; color:#000; float:left; border-right:1px solid #ddd;}
.resR-scrL a:hover{ color:#F00;}
.resR-scrL .box{ background:#b81b22; color:#FFF; margin-top: -1px; height:42px;}
.resR-scrL .box:hover{color:#FFF;}
.resR-scrR{ width:40%; float:right; }
.resR ul{ width:100%; margin-top:20px;}
.resR ul li{ width:232px; float:left; box-sizing:border-box;height:315px;}

/******产品公共样式********/
.rec{ width:100%; float:left; margin-top:20px; border:1px solid #DDD;}
.rec .mt{ height:40px; line-height:40px;padding-left:10px;background: none repeat scroll 0% 0% #F7F7F7;}
.rec .mt h2{ font-size:14px;}
.prod{ width:100%; box-sizing:border-box; padding:10px; text-align:center; min-height:290px;}
.prod .p-img{ width:100%;}
.prod .p-img img{ width:100%;}
.prod .p-tit{ text-align:left; margin-top:10px;}
.prod .p-tit a{ font-size:12px; color:#333; line-height:20px; }
.prod .p-tit a:hover{ color:#E4393C;}
.prod .p-price{margin-top:10px; text-align:left;}
.prod .p-price strong{color:#E4393C; font-family:verdana; font-size:12px;}


/********资讯**********/
.mot-block{ width:1190px; margin:20px auto;}
.mot_con{ width:1190px; margin:0 auto;}
/****资讯列表页****/
.lists{ width:75%; float:left; margin-top:20px; padding:0 0 0 20px; box-sizing:border-box;}
.lists-mt{ float:left; width:100%;padding-bottom:10px;border-bottom: 1px solid #e2e2e2;}
.lists-mt h2{ color:#b81b22; font-size:20px; float:left;}
.lists-mt div{background-position:-20px 0; color:#898989; font-size:12px; margin-top:5px; margin-left:15px; float:right; padding:0 20px 0 22px; }
.lists-mt div a{color:#898989;}
.lists-mt div a:hover{ color:#F00;}
.tab{ width:100%; float:left; margin-top:20px; }
.tab li{ margin-top:20px; float:left; margin-bottom:10px;}
.tab-tit{ color:#212121; font-size:20px;}
.tab-pic{ width:30%; float:left; margin-top:20px;}
.tab-pic img{ width:100%; max-height:350px; }
.tab-info{ float:left; width:65%; margin-left:25px;}
.tab-des{ font-size:16px; color:#898989; float:left;  margin-top:20px;  text-indent:2em; line-height:35px;}
.tab-more{ font-size:12px; color:#E4393C; float:right;}
.tab-time{ float:right; font-size:12px; color:#898989; padding-right:4px; margin-top:15px; line-height:15px; width:100%; text-align:right;}
.tab-time span{ background-position:0 0 left; width:15px; height:15px; padding-left:20px;}
.tab-tag{ float:left; margin:5px 0 0; font-size:12px; color:#898989; line-height:25px; width:100%; }
.tab-tag span{background-position:0 -20px ; float:left; width:22px; height:22px; padding-right:10px;}
.tab-share{ float:right; color:#898989; font-size:12px; margin-top:15px;}
.share{ float:left; font-size:12px; color:#898989; }
.listsR{ width:20%; float:right;}


/******资讯文章页******/
.art{  float:left; margin-top:40px; border-bottom:2px solid #f5f5f5; padding-bottom:20px; width:100%;}
.art-tit{  font-size:26px; color:#333; line-height:150%;}
.art-time{ font-size:12px; color:#898989; margin-top:10px;}
.art-info{ text-align:left; margin-top:10px; font-size:16px; line-height:200%; letter-spacing:0.05em;}
.art-info p{ color:#666; float:left; margin-top:10px; font-size:16px; width:100%;}
.art-info p img,.art-info img{ text-align:center; margin-top:10px;}
.art-end{ margin-top:50px; float:left; width:100%; padding:0 10px 15px 10px; border-bottom:1px solid #dfdfdf; color:#666; box-sizing:border-box;}
.art-tag{ float:left; font-size:13px; line-height:23px;}
.art-tag span{background-position:0 -20px; float:left; width:30px; height:23px;}
.art-share{ float:right; color:#898989; font-size:12px; margin-top:15px; padding-right:50px;}
/*相关文章*/
.similar{ float:left; margin-top:50px;}
.similar-tit{ font-size:20px; color:#333;border-bottom:#ccc solid 2px;height:36px; padding-left:10px;}
.similar-title{ margin-top: 0px; margin-bottom:0px; font-size:18px; height:36px; border-bottom:2px solid #C00; float:left;}
.similar ul{ margin-top:20px; float:left;}
.similar ul li{ font-size:14px; color:#212121; float:left; width:100%; line-height:30px;  }
.similar ul li span{ background-position: 0 -84px; float:left; width:4px; height:4px; margin:12px 15px 20px 10px;}
.similar ul li a:hover{ color:#C81623;}


/******产品详情页******/
.details{ margin:20px 0; width:100%; float:left;}
.d_con{ margin:0px auto; width:1190px;}
/*产品选卡*/
.det{ float:left; width:100%;}
.det-pic{ width:40%; float:left;}
.det-pic img{ max-width:100%;}
.det-info{ width:60%; float:right;}
.det-tit{ font-size:16px; color:#212121; margin-top:10px;}
.det-ad{ font-size:14px; color:#C81623; margin-top:10px;}
.det-tm{ width:100%; height:50px; background:#b81b22;margin-top:20px;}
.det-tm .tmBg{  margin-left:10px; float:left; width:100px; height:35px; margin-top:3px;}
.det-tm .tmtit{ line-height:50px; margin-left:20px; float:left; font-size:12px; color:#fff;}
.det-pri{ background:url(../image/detBg.jpg) no-repeat; width:100%; height:60px; padding:10px 0;}
.det-pri .dl{ width:100%; }
.det-pri .dl .dtit{ width:8%; float:left; font-size:12px; color:#999; margin:9px 10px 0; }
.det-pri .dl .net{ color:#333; font-size:14px; width:80%; text-decoration:line-through; line-height:30px; }
.det-pri .dl .sale{ color:#C81623; width:80%; font-size:24px; }
.det-ind{ width:100%; margin-top:20px; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; padding:10px 0; float:left; }
.det-ind p{ width:33%; text-align:center; float:left; border-right:1px dotted #ccc;}
.det-ind p strong{color:#C81623; font-family:verdana; font-size:12px; padding:0 10px;}
.det-color{ margin-top:20px; line-height:25px; width:100%; float:left;  }
.det-color p{ font-size:12px; color:#999; width:8%; float:left; margin:20px 10px 0 10px;}
.det-col{ width:89%; float:left;}
.det-col em{cursor:pointer;color:#666666;font-size:14px;display:inline-block;padding:0 10px;font-style:normal;border:1px solid #dcdcdc;line-height:34px;height:34px; margin:10px 10px 10px 5px;}
.det-col em.yListrclickem{line-height:32px;border:2px solid #B81B22;height:32px;position:relative;padding:0 9px;}
.det-col em.yListrclickem i{display:block;width:15px;height:15px; background-position:-45px -115px;right:-1px;bottom:-1px;position:absolute;}
.det-num{ margin-top:20px; line-height:25px; width:100%; float:left;}
.det-num p{ font-size:12px; color:#999; width:8%; float:left; margin:0px 10px 0 10px;}
.det-cart{ width:100%; float:left; margin-top:20px; }
.det-buy{ float:left; width:70%; }
.det-buy li{width:30%; height:50px; text-align:center; line-height:50px; float:left; border-radius:5px; margin-left:20px; }
.det-buy .buying{  background-color:#FFEDED; border:1px solid #C40000; color:#C40000; font-size:18px; margin-left:40px; }
.det-buy .buying a{ color:#C40000; }
.det-buy .buying a:hover{ color:#C40000; }
.det-buy .join-buy{  background:#b81b22; font-size:18px; color:#FFF; width:40%;}
.det-buy .join-buy span {background: transparent url(../image/homebg.png) no-repeat scroll -12px -75px;width: 20px;height: 15px;float: left; margin:20px -20px 0px 25px;}
.det-buy .join-buy a{ color:#fff;}
.det-buy .join-buy:hover{background:#c81f26;}
.det-kf{ width:90%; margin-top:40px; float:left; }
.det-kf li{ width:25%; float:left; line-height:48px;}
.det-kf .icon_qq,.det-kf .icon_ww{background-color:#fff; border: 1px solid #fff;color:#333; font-size:14px; }
.det-kf .icon_wei{background-color:#fff; border: 1px solid #fff;color:#333; font-size:14px; position:relative; display:inline-block; }
.det-kf .icon_qq i,.det-kf .icon_ww i,.det-kf .icon_wei i{color:#333; margin-left:10px; float:left;}
.det-cart .icon_qq .icon_bg,.det-kf .icon_ww .icon_bg,.det-kf .icon_wei .icon_bg{ background:#FFF; border-radius:50%; border: 1px solid #c40000; width:46px; height:46px; float:left;  }
.det-kf .icon_qq .icon_bg span{ background:url(../images/icon_qq.png) 0 0 no-repeat;  width:20px; height:20px; margin:13px; float:left; }
.det-kf .icon_qq .icon_bg span:hover{ background-position:-20px 0; width:20px; height:20px;}
.det-kf .icon_ww .icon_bg span{ background:url(../images/icon_ww.png) 0 0 no-repeat; width:20px; height:20px; margin:13px 11px 13px 15px; float:left;}
.det-kf .icon_ww .icon_bg span:hover{background-position:-20px 0; width:20px; height:20px;}
.det-kf .icon_wei .icon_bg span{ background:url(../images/icon_wei.png) 0 0 no-repeat; width:20px; height:20px; margin:13px 11px 13px 15px; float:left;}
.det-kf .icon_wei .icon_bg span:hover{background-position:-20px 0; width:20px; height:20px;}
.det-kf .icon_qq a,.det-kf .icon_ww a,.det-kf .icon_wei a{ color:#333;}
.det-kf .icon_wei .icon_qr{position: absolute;top:-50px;left:150px;width:150px;height:153px;display:block;text-align:center;background: url(../images/icon_qr.png) no-repeat scroll 0px 0px;}
.det-kf .icon_wei .icon_qr p{ font-size:14px; color:#333; float:left; margin-top:-15px; text-align:center; width:150px;}
.det-kf .icon_wei .icon_qr img{ width:120px; height:120px; margin:15px 5px 15px 10px;}
.det-kf .icon_wei:hover .icon_qr{ display:block;}

.det-itex{float:left; margin-top:30px;}
.det-itex p{ font-size:12px; color:#4a4a4a; float:left; }
.det-cue{float:left; color:#898989; font-size:12px; }
.det-cue li{ float:left; margin-bottom:5px; margin-left:5px; width:50%;}
.det-cue li a{ float:left;}



/*图片小变大*/
.ban{ width:400px; height:500px; position:relative; overflow:hidden;background:#fff;padding:20px;}
.ban2{ width:400px; height:400px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:400px; height:400px;}
.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:360px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:100%;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:60px; height:60px; margin-right:10px; padding:1px;}
.num ul li.on{ border:1px solid #b81b22; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:20px; margin-right:1px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:20px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}

/*类型选择*/





/*产品详情*/
.det-main{ width:1190px; margin:50px 0; float:left;}
.det-mainL{ width:22%; float:left;}
.det-mainR{ width:75%; float:right;}




/*******相关产品搭配*******/
.match{ width:100%; float:left; border:1px solid #EEE; margin-top:50px; }
.match-tit{ width:100%; float:left; background:#f7f7f7; border-bottom:1px solid #eee; height:40px;}
.match-tit h3{ width:10%; background:#FFF; border-top:3px solid #E4393C; height:42px; line-height:40px; text-align:center; float:left; margin-top:-2px;}
.match-down{ width:100%; padding:20px; float:left;}
.match-down .master{  float:left; margin-left:30px;}
.match-down .master .suits{ float:left; width:120px;}
.match-down .master .suits .p-pic{ width:120px; float:left;}
.match-down .master .suits .p-line{ float:left; line-height:20px;}
.match-down .master .suits .p-line a{ color:#666;}
.match-down .master .suits .p-line a:hover{ color:#e4393c;}
.match-down .master .suits .p-price{ float:left; margin-top:5px;}
.match-down .master .suits .p-price strong{ color:#e4393c; padding-left:5px;}
.match-down .master .suits .mo a{ color:#005AA0; float:left; margin-top:5px;}
.match-down .infos{ float:right; width:240px;}
.match-down .infos .p-name{ float:left; margin:30px 0 20px 0px;}
.match-down .infos .p-name span{ color:#999;}
.match-down .infos .cost{ float:left; margin-left:20px; width:140px;}
.match-down .infos .cost .p-acc,.match-down .infos .cost .p-refe{ float:left; margin-top:5px; width:160px;}
.match-down .infos .cost .p-acc strong,.match-down .infos .cost .p-refe strong{ color:#e4393c;}
.match-down .infos .cost .btns{ width:100px; text-align:center; background:#b81b22; border-radius:5px; color:#fff; height:30px; line-height:30px; float:left; margin-top:30px;}
.match-down .master .plus{ background:url(../image/homebg.png) -272px -4px; width:23px; height:23px; float:left; margin:75px 10px 0 30px;}
.match-down .infos .equal{ background:url(../image/homebg.png) -306px -8px; width:22px; height:15px; float:left; margin:85px 0 0 0px;}



/*商品介绍*/

/*规格参数*/
.com-int{ width:100%; margin-bottom:50px;}
.com-int div{ margin-top:20px; font-size:14px; color:#666; }
.com-int ul{ margin-top:10px; }
.com-int li{ width:33.3%; float:left; font-size:12px; color:#666; line-height:30px;}
/*商品图片*/
.com-pic{ width:100%; margin-top:50px; }
.com-pic{ font-size:16px; color:#333; line-height:250px;  }
.com-pic img{ max-width:100%; text-align:center; margin-top:15px;}


/*售后服务*/
.sales{ width:95%;  }
.md{ width:100%; border:1px solid #EAEAEA; background:#F7F7F7; padding:10px 20px; font-size:12px; margin:5px 0  15px 0; }
.md p{ font-size:12px; margin-top:15px;}

/*暂无评价、评析*/
.tagno{ width:95%; padding:10px 20px; border:1px solid #E4393C; font-size:18px; background:#fee5e6; height:50px; line-height:50px; float:left;}


/******个人中心******/
.user{ width:20%; float:left;  border:1px solid #d5d5d5;}
.user-tit{ width:100%; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #cb131b; float:left;}
.user-down{ width:100%; float:left;}
.user-mt{ font-size:14px; float:left; width:100%; margin-top:10px; border-bottom:1px solid #f5f5f5; padding-bottom:10px;}
.user-mt h3{ font-size:12px; color:#212121; width:100%; height:30x; line-height:30px;}
.user-mt h3 span{ background-position:0 -84px; width:4px; height:4px; float:left; margin:13px 10px 10px 80px;} 
.user-md li{ float:left; height:30px; line-height:30px; font-size:12px; text-align:center; width:100%; }
.user-md li:hover{ background:#cb131b; color:#fff;}
.user-md li a:hover{ background:#cb131b; color:#fff; width:100%; height:30px;}
.user-md .add{  background:#cb131b; color:#fff;}

/******我的订单、我的收藏、我的购物车公共样式******/
.core{ width:78%; float:right;}
.title{ font-size:18px; border-bottom:1px solid #EEE; padding:0 0 0 15px; float:left; color:#666; width:98%; }
.title h3{margin-top: 0px;margin-bottom: 0px;font-size: 18px;height:35px;border-bottom: 2px solid #C00;float: left;}
.title div{background-position:-20px 0; color:#898989; font-size:12px; margin-top:5px; margin-left:15px; float:right; padding:0 20px 0 22px; }
.title div a{color:#898989;}
.title div a:hover{ color:#F00;}
.core-info{ float:left;  margin-top:20px; width:100%;}
.core-mt{ font-size:12px; color:#666; width:100%; height:35px; line-height:35px; float:left}
.mes{ width:40%; float:left; text-align:center;}/*产品信息*/
.mes .pict{ width:30%; float:left;}/*产品图片*/
.mes .line{ float:left; width:65%; margin-left:15px; font-size:12px; text-align:left;}/*产品标题*/
.unit{ width:15%;float:left; text-align:center;}/*产品单价*/
.quan{ width:12%;float:left; text-align:center;}/*产品数量*/
.pay{width:15%; float:left; text-align:center; }/*实付款*/
.sum { width:15%; float:left; text-align:center;}/*产品价格*/
.time{  width:13.5%; float:left; text-align:center;}/*时间*/
.number{  width:13.5%; float:left; text-align:center;}/*数量*/
.amount{ float:left; margin-left:40px;}/*数量加减*/
.amount a{display: inline-block; width:15px;height:15px; line-height:15px; background:#FFF; text-decoration:none;text-align:center;color:#555; border:1px solid #ccc;}
.amount a:hover {border-color:#b81b22;}
.amount input {display: inline-block; width:30px; padding:1px 3px; text-align:right;color: #666;}
.start{ width:13.5%; float:left; text-align:center; }/*人气*/
.oper{ width:18%; float:left; text-align:center; }/*操作*/
.oper .ass,.oper .put{ font-size:12px; float:left; width:100%; margin-top:10px; }
.oper .ass a,.oper .put a{ padding:5px;}
.oper .push{background:#b81b22; color:#fff; border-radius:5px; height:30px; line-height:30px; width:100px; font-size:14px; margin-left:35px;}
.oper .push a{ color:#fff;}

.oper .undo{background:#f3f3f3; color:#999; border-radius:5px; height:30px; line-height:30px; width:100px; font-size:14px; margin-left:35px; border:1px solid #dfdfdf; margin-top:10px;}
.oper .undo a{ color:#999;}

.oper .pay{ border:1px solid #b81b22; float:left; width:100px; padding:10px; margin-left:35px; color:#b81b22; font-size:14px; border-radius:5px; line-height:150%; }/**付款成功，正在配送**/
.oper .pay a{ color:#b81b22;}

/*我的订单tab选项*/
#tabs{ overflow: auto; width: 100%; list-style: none; margin: 0; padding: 0;}
#tabs li{margin: 0;padding: 0;float: left;}
#tabs a{color: #000;float: left; font: bold 12px/35px 'Lucida sans', Arial, Helvetica;  height: 35px;  padding: 0 30px; text-decoration: none;}
#tabs a:hover{ color: #c93434;}
#tabs a:focus{outline: 0;}
#tabs #current a{border-bottom:2px solid #F00; text-shadow: none;     color:#F00;}


#menu{width:100%; overflow:hidden; margin:0 auto;border:1px solid #BF9660;}
#menu #nave{display:block;width:100%;padding:0;margin:0;list-style:none;}
#menu #nave li {float:left;width:120px;}
#menu #nave li a {display:block;line-height:27px;text-decoration:none;padding:0 0 0 5px; text-align:center; color:#333;}
#menu_con{ width:358px; height:135px; border-top:none}
.tag{ padding:10px; overflow:hidden;}
.selected{background:#C5A069; color:#fff;}





/*加入购物车*/
.oper .cart{ width:70%; height:30px; line-height:30px; background:#cb131b; border-radius:6px; float:left; margin-left:25px; margin-top:15px; text-align:left;}/*购物车*/
.oper .cart a{ color:#fff; font-size:12px;}
.oper .cart a span{ background: url(../image/homebg.png) -12px -75px no-repeat; width:20px; height:15px; float:left; margin:8px 10px 0 12px;}
.module{ float:left; border-bottom:1px solid #d5d5d5; margin-top:20px; width:100%; padding-bottom:10px; }
.module ul{ float:left;  width:100%; margin-top:20px; }
.module .inc{ padding-bottom:10px; border-bottom: 1px dashed #dfdfdf;}
/**订单编号**/
.order-num{ width:98%; font-size:12px; color:212121; background:#f5f5f5; height:25px; line-height:25px; padding-left:20px;}
.order-num span{ color:#cb131b;}
.order-num strong{ color:#666; padding-right:15px;}


/******我的购物车******/
.trolley{ width:100%; float:left; }
.trolley-tit{ width:100%; background:#f5f5f5; height:35px; float:left; line-height:35px;}
.all{ width:1%; float:left;}
.all .check{ margin:40px 10px; float:left;}

/***去结算***/
.balance{ width:100%; float:left; margin-top:30px; border:1px solid #f5f5f5; height:50px; line-height:50px;}
.choice{ width:10%; float:left; color:#666; margin-left:30px;}
.choice a:hover{ color:#b81b22;}
.settle{ float:right; width:45%;}
.choose{ width:20%; float:left; color:#999; font-size:14px;}
.choose i{ color:#CB131B; font-size:16px; font-weight:bold; padding:0 5px;}
.total{width:50%; float:left; color:#999; font-size:14px; margin-left:10%;}
.total i{color:#CB131B; font-size:16px; font-weight:bold; }
.balBox{ width:20%; background:#CB131B; float:right; height:50px; line-height:50px; text-align:center;}
.balBox a{ color:#FFF; font-size:20px;}
.balBox a:hover{ color:#fff;}

/****在线投诉*****/
.complain{ width:70%; height:35px; line-height:35px; text-align:center; background:#CB131B; font-size:16px; color:#FFF; margin-left:15%; margin-top:20px; border-radius:6px; border:1px solid 

#b81b22;}
.complain a{ color:#FFF;}

/****我要投诉*****/
.com-pro{ width:100%; float:left; }
.com-mod{float: left;border-bottom: 1px solid #f5f5f5;padding:20px 0 10px;width: 99.8%;border-right:1px solid #f5f5f5;border-left:1px solid #f5f5f5;}
.pack{ width:19.53%; float:left; text-align:center; padding:0px 15px;}
.bill{ width:19.25%; float:left; text-align:center; padding:0px 15px;} 
.com{ width:100%; float:left; margin:30px 0 50px;  }
.com-mt{ width:98%; float:left; margin-top:20px; border-bottom:1px solid #f5f5f5; padding-bottom:10px; padding-left: 20px; font-size:18px; color:#333;}
.com-md{ width:100%; float:left; margin-top:20px; padding:0 30px;}
.com-type{ float:left; margin-top:15px; width:100%;}
.com-type-tit{ width:10%; float:left; font-size:14px; color:#666; margin-top:8px;}
.textarea{ width:70%; font-size:12px; color:#666; padding:10px; border:1px solid #d5d5d5;}
.com-pict{ width:80%; float:left;}
.com-img{border-radius:3px;background-color:#fff;height:80px;overflow: hidden;font-size:12px;color:#06C;text-decoration:none;line-height:80px;border:1px solid 

#d5d5d5;display:block;width:80px;text-align:center; margin-right:20px; float:left;}
.object{ background:#FFF; width:80px; height:80px;}
.gray{display: block;float: left;foze: 12px;margin: 20px 0px 0px 93px;width: 90%;}
.input{ padding:5px 15px; background:#cb131b; float:left; color:#fff; border-radius:5px; margin-top:40px; margin-left:93px; border:1px solid #b81b22;}


/******个人资料*******/
.item{display:block;margin-bottom:20px;line-height:30px; width:97%;  float:left;}
.label{float: left;height:18px;line-height:18px;padding:6px 0px 5px;width: 100px;text-align: right; font-size:14px; float:left;}
.label em{ color:#cb131b; padding-right:4px;}
.f1{ float:left; margin-left:10px;}
.itxt{ border:1px solid #d5d5d5; width:200px; height:25px; line-height:25px; padding:0 5px; float:left;}
.f1 span{ padding:0 15px 0 5px;}
.f1 .selt{ width:70px;}
.f1 .ml{margin:0 5px;}
.f1 .te{ margin-top:20px; width:400px; height:25px; line-height:25px; border:1px solid #d5d5d5;}
.input1{ padding:5px 15px; background:#cb131b; float:left; color:#fff; border-radius:5px; margin-top:40px; margin-left:110px; border:1px solid #b81b22;}




/******地址管理*******/
.add-mod{ width:100%; float:left;}
.add-mod li{ width:95%; float:left; margin-top:20px; border:1px solid #EAEAEA; display:block; height:150px;left:0px;top:0px;z-index:1;position:relative; padding:0 20px;}
.add-mod li .nickname{width: 72%;font-weight: bold;color: #333;font-size: 16px;margin:20px 0px 0px 30px; float:left;}
.add-mod li .nickname em{ color: #999;font-size: 12px;font-weight: normal; padding-left:5px;}
.add-mod li .addressname{ width: 72%;margin: 15px 0px 0px 30px;color: #333;font-size: 14px; float:left;}
.add-mod li .addressname strong {display: inline-block;padding: 0px 5px 0px 0px;}
.add-mod li .mobilenumber {width: 72%; margin:15px 0px 0px 30px;color: #333;font-size: 14px; float:left;}
.add-mod li .opera{ width:158px;height:150px;border-left: 1px solid #EAEAEA; position:absolute;z-index:2;right: 0px;top:0px;background-color: #FAFAFA; overflow:hidden; float:right;}
.add-mod li .opera a { text-decoration: none;font-size: 12px;display: block; text-align: center; margin: 0px 0px 15px;}
.add-mod li .opera a.black{margin:35px 0px 15px; color:#333;}
.add-mod li .opera a.blue{color: #06C;}
.add_address{border: 1px dashed #E8E8E8;text-align: center;padding: 25px 0px;color: #999;font-size: 14px;display: block;float: left;width:99.4%;margin: 10px 0px 0px;text-decoration:none;background: url(../image/address.png) no-repeat scroll 45% 30px;}

/***安全设置***/
.c_code{ float:left; margin-top:15px; width:90%; margin-left:25%;}
.c_code i{ float:left; font-size:12px; color:#F00; margin: 10px 5px 0;}
.c_code p{ width:16%; float:left; font-size:14px; color:#333; margin-top:5px;}
.c_code span{ float:left; margin-left:1%; font-size:12px; margin-top:5px; color:#666;}
.c_code input{ width:25%; float:left; border:1px solid #dfdfdf; padding:5px;}
.c_input{ width:25%; float:left; margin:30px 35%;}
.c_input input{ width:80px; text-align:center; font-size:14px; height:35px; line-height:35px; color:#fff; border-radius:6px; margin:0 15px;}
.c_input .an1{ background:#ccc; border:1px solid #ccc;}
.c_input .an2{ background:#b81b22; border:1px solid #b81b22;}

/***评价晒单***/
.core-md{ background:#f5f5f5;}
.data{ width:60%;}
.date{ width:20%; float:left;}
.com-box{ border:1px solid #d5d5d5; background:#fdfdfd; padding:20px;margin:48px 0 5px -741px; float:left; position:relative;}
.com-boxt{ width:28px; height:11px; background: url(../image/homebg.png) -63px -117px; float:left; position:absolute; top:-11px; right:80px;}
.eva{float:left; width:100%;}
.item-box{ display:block; margin-top:20px; width:100%; float:left;  }
.label{float: left; height: 18px; line-height: 18px;  padding: 6px 0px;  width:10%;  text-align: right;}
.f2{float: left; width:86%; text-align:left; margin-left:10px;}
.f2 .tips-list{ display: block; width:100%; margin-top:0;}
.f2 .tips-list li{ margin-right:10px;float: left;cursor: pointer;line-height: 18px;padding: 6px 9px;background: #FFF ;border: 1px solid #CCC;margin-bottom:10px;white-space: nowrap; font-size:12px;}
.fx{ color:#333; float:right; margin:100px 0 0 10px;}
.att{display: block;float: left;foze: 12px;margin: 20px 0px 0px 10px;width:100%;}
.f3{ float:left; margin:10px 0 0 10px;}
.f3 span{ padding:0 15px 0 5px;}

/*淘宝风格*/
.paginator { font: 12px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin:0px auto;}
.paginator a {border:solid 1px #ccc;color:#b8b8b8;cursor:pointer;text-decoration:none;}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {border:1px solid #b2b2b2;font-weight:700;color:#ffffff;background-color:#c5c5c5;}
.paginator a:hover {border:solid 1px #F50;color:#f60;text-decoration:none;}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover{float:left;height:20px;line-height:20px;min-width:18px;_width:18px;margin-right:5px;text-align:center;white-space:nowrap;font-size:12px;font-family:Arial,SimSun;padding:0 3px;}

/*****新的首页样式*****/
/**内容**/
.main{ width:100%; float:left;}
.a_info{ width:100%; float:left;}

/**今日推荐**/
.a_con{ width:1190px; margin:55px auto 0;}
.a_tit{ width:1190px; float:left; background:url(../images/a_tit_bg.png) no-repeat; position:relative;padding:0 20px 0 30px; height:55px;  color:#fff;}
.a_tit .a_tit_1{ width:24px; height:24px; background:url(../images/a_tit_1.png) no-repeat; position:absolute; top:-4px; left:-4px;}
.a_tit .a_tit_2{ width:40px; height:40px; background:url(../images/a_tit_2.png) no-repeat; margin-top:8px; float:left;}
.a_tit p{ font-size:24px; color:#fff; float:left; line-height:55px;}
.a_tit span{ font-size:14px; color:#fff; float:left; margin:24px 0 0 20px;}
.a_tit .a_tit_3{ width:16px; height:16px; background:url(../images/a_tit_3.png) no-repeat; margin:26px 0 0 5px; float:left;}
.a_dayr{ width:1190px; float:left; margin:0px 0 20px;}
.a_dayr li{ width:198px; float:left; margin-top:20px; box-sizing:border-box; border-right:1px dashed #ebebeb; padding:0 9px;}
.a_dayr li:last-child{ border:none;}
.a_dayr li .a_img{ width:180px; float:left; }
.a_dayr li .a_img img{ width:100%;}
.a_dayr li p{ width:100%; margin-top:10px; float:left; line-height:180%; font-size:12px; color:#666; height:40px; overflow:hidden; }
.a_dayr li .a_rate{ width:100%; float:left; margin-top:5px;}
.a_dayr li .a_rate span{ color:#f10214; font-weight:700; font-size:18px; float:left;}
.a_dayr li .a_rate span i{ font-size:12px; font-weight:300;}
.a_dayr li .a_rate em{ font-size:12px; color:#999; float:left; margin:5px 0 0 5px;}

/**热门品牌**/
.b_con{ width:1190px; margin:0 auto;}
.b_brand{ width:810px; float:left; margin-top:40px;}
.b_brand .b_tit{ height:60px; border-bottom:1px dashed #626262; width:810px; float:left;}
.b_brand .b_tit .b_titp{ width:280px; height:58px; float:left;}
.b_brand .b_tit a{ font-size:14px; float:right; color:#6a6a6a; margin-right:30px; margin-top:25px; }
.b_brand .b_int{ width:810px; float:left; margin-top:15px;}
.b_brand .b_int li{ float:left; width:130px; height:85px; background:#fff; border:1px solid #f5f5f5; text-align:center;}
.b_brand .b_int li span{height:100%;vertical-align:middle;display:inline-block;}
.b_brand .b_int li img{ vertical-align:middle;}
.b_ad{ float:left; width:326px; height:404px; padding:10px 0 10px 33px ; border-left:1px dashed #626262; margin-left:20px; margin-top:40px;}

/**广告**/
.ad_itex{ width:1190px; margin:0 auto; }
.ad_con{ width:1190px; float:left; margin-top:50px; border-top:1px dashed #626262;}
.ad_con ul{ float:left; width:595px; margin-top:50px; }
.ad_con ul li{ width:255px; height:255px; float:left; margin:40px 21px;}
.ad_con .video{ width:525px; float:left; background:#b81b22; border-radius:10px; height:320px; margin:40px 0 40px 20px; }
.ad_mod{ width:1190px; float:left; border-bottom:1px dashed #626262; position:relative; height:330px;}
.ad_pic{ width:375px; height:145px; position:absolute; top:0;}
.ad_bg{ width:1190px; float:left; position:absolute; height:290px; left:0; }
.ad_bgimg{ background:url(../images/ad-bg.png) no-repeat; width:1190px; height:290px; float:left; position:relative; top:0px; left:0;}
.ad_menu{ position:absolute; width:1190px; height:100px; top:147px; left:0; }
.ad_menu ul{ width:1160px; padding:5px 15px; float:left; height:100px;}
.ad_menu ul li{ width:232px; height:100px; float:left;}

/**产品**/
.p_mod{ width:1190px; margin:0 auto;}
.p_tit{ border:1px solid #dddddd; background:#fafafa; width:1190px; height:40px; line-height:40px; float:left; margin-top:55px;}
.p_tit p{ background:#b81b22; color:#fff; width:115px; text-align:center; float:left; font-size:12px;}
.p_tit span{ width:190px; text-align:center; font-size:12px; font-family:"宋体"; color:#414141; float:left; border-right:1px solid #ddd;}
.p_tit span i{ color:#b81b22;}
.p_tit em{font-size:14px; font-family:"宋体"; color:#414141; float:left; margin-left:20px;}
.p_tit a{ color:#414141; float:right; margin-right:20px; font-size:12px;}
.p_tit a:hover{ color:#b81b22;}
.p_cp{ width:1190px; float:left; margin-bottom:40px;}
.p_cp li{ width:200px; padding:0 19px; float:left; margin-top:20px; min-height:290px;} 
.p_cp li .p_pic{ width:200px; height:200px; float:left; }
.p_cp li .p_title{ font-size:12px; color:#333; line-height:20px; margin-top:5px; float:left; }
.p_cp li .p_price{ font-size:12px; margin-top:10px; float:left; color:#E4393C;}
.p_cp li .p_price strong{color:#E4393C;font-family: verdana;font-size:12px;}
.p_more{ float:left; width:1190px; margin:10px 0 40px;}
.p_more a{width:200px; margin:0 41.5% ; height:60px; line-height:60px; border-radius:5px; color:#fff; font-size:14px; text-align:center; float:left; 
background-color:#b81b22\0;*background-color:#b81b22;_background-color:#b81b22;background:-moz-linear-gradient(top, #F00, #b81b22);/*火狐*/background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F00), to(#b81b22));/*谷歌、360*/ }
.p_more a:hover{ background:#F00; color:#fff; box-shadow:0 2px 3px 1px #b81b22; transition: 0.0003s;}

/***器材评析***/
.e_mod{ width:1190px; margin:0px auto 0;}
.e_itex{ width:1190px; float:left; margin:20px 0 40px 12px;}
.e_itex li{ width:396px; float:left; margin-top:15px;}
.e_itex li .e_pic{ width:40px; height:40px; overflow:hidden; border:1px solid #dfdfdf; border-radius:40px; float:left;}
.e_itex li .e_pic img{ width:100%;}
.e_itex li .e_text{ width:340px; float:left; margin-left:10px;}
.e_itex li .e_text h4{ width:320px; float:left; font-size:12px; color:#333; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.e_itex li .e_text p{ width:320px; float:left; font-size:11px; color:#999; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:13px; margin-top:7px;}
.e_itex li .e_text p span{ width:17px; height:17px; background:url(../images/e_tag.png) no-repeat; float:left; margin-right:5px;}
/***6HIFI动态***/
.t_at{ width:100%;}
.t_atc{ width:1170px; margin:10px auto; padding:0 10px; height:50px; line-height:60px; border-bottom:1px solid #e2e2e2; line-height:60px;}
.t_atc h2{ color:#b81b22; font-size:20px; float:left;}
.t_atc div{  color:#898989; font-size:12px;  margin-left:15px; float:right; }
.t_atc div span{background:url(../images/at.png) no-repeat; width:18px; float:left;  height:18px; margin:20px 5px 0 0;}
.t_atc div a{color:#898989;}
.t_atc div a:hover{ color:#F00;}
/**动态**/
.t_con{ width:100%;} 
.t_bpic{ width:100%;}
.t_bimg{ background:url(../images/bg1.jpg) repeat center scroll ; float:left; width:100%;  min-height:780px;}
.t_bg{ background:#000; opacity:0.7; position:absolute; width:100%; height:100%; min-height:780px;filter:alpha(opacity=70); }
.t_com{ width:100%; position:absolute;}
.t_comc{ width:1190px; margin:10px auto;}
/**左边**/
.t_comL{ width:750px; float:left; margin-top:10px; }
/**编辑发布**/
.t_edit{ width:96%; padding:15px 2%; margin-top:25px; float:left; background:#fff; }
.t_edit span{ width:100%; float:left; font-size:20px; font-family: "方正舒体"; color:#C00; }
.t_edit .t_etxt{ width:100%; float:left; height:100px; margin-top:15px; border:1px solid #c7c7c7; border-radius:10px;}
.t_edit .t_etxt textarea{ width:97%; border:none; word-wrap:break-word; margin:3px;} 
.t_edit .t_eimg{ width:100%; float:left; margin-top:20px;}
.t_edit .t_eimg p{ width:100%; float:left; font-size:14px; color:#333;}
.t_edit .t_eimg .t_epic{ width:100%; float:left; margin-top:15px; }
.t_edit .t_eimg .t_epic li{ width:10%; margin:0 1%; float:left; border:1px solid #c7c7c7; border-radius:5px; overflow:hidden; display:block;}
.t_edit .t_eimg .t_epic li img{ width:100%; }
.t_edit .t_ean{ width:80px; float:right; margin-top:20px; }
.t_edit .t_ean input{ border:1px solid #b81b22; background:#b81b22; width:100%; line-height:30px; height:30px; color:#fff; font-size:16px; text-align:center; border-radius:6px;}
/**动态列表**/
.t_list{ width:100%; float:left; }
.t_list .t_itex{ width:98%; padding:20px 1% 10px; float:left; background:#fff; margin-top:25px;}
.t_list .t_itex .t_txt{ width:99%; padding:0 0.5%; float:left;}
.t_list .t_itex .t_txt p{ width:10%; float:left; border:1px solid #eee; border-radius:50%; overflow:hidden; display:block;}
.t_list .t_itex .t_txt p img{ width:100%;}
.t_list .t_itex .t_txt .t_itxt{ width:87.5%; margin-left:2%; float:left;}
.t_list .t_itex .t_txt .t_itxt span{ width:100%; float:left; font-size:12px; font-weight:bold; color:#000; margin-top:10px;}
.t_list .t_itex .t_txt .t_itxt div{width:100%; float:left; font-size:12px; color:#222; line-height:180%; margin-top:5px;}
.t_list .t_itex .t_pic{ width:100%; float:left; margin-top:10px;}
.t_list .t_itex .t_pic li{ width:23%; float:left; margin:15px 1% 0; }
.t_list .t_itex .t_pic li img{ width:100%;}
.t_list .t_itex .t_time{ width:100%; float:left; margin-top:15px; height:40px; line-height:40px; border-top:1px solid #a9a9a9;}
.t_list .t_itex .t_time em,.t_list .t_itex .t_time i{ font-size:12px; color:#333; margin:0 1%;}
/**图片变大**/
.t_list .t_itex .t_img{ width:98%; float:left; margin-top:10px; padding:0 1%;}
.t_list .t_itex .t_img li{ width:100%; float:left; margin:15px 0 0; }
.t_list .t_itex .t_img li img{ width:100%;}
/**右边**/
.t_comR{ width:425px; float:left; margin-left:15px; background:#fff; margin-top:35px;}
.t_upic{ width:425px; height:135px; background:url(../images/t_bg.jpg) no-repeat; float:left;}
.t_utit{ width:395px; padding:0 15px; float:left; margin-top:20px;  position:absolute;  top:125px;}
.t_utit .t_utl{ width:32%; float:left; color:#3f3f3f; font-size:16px; text-align:left; position:relative; left:0; top:55px; }
.t_utit .t_utr{ width:32%; float:right; color:#3f3f3f; font-size:16px; text-align:right; position:relative; right:0; top:55px; }
.t_utit .t_ubg{ width:145px; height:145px; background:#fff; opacity:0.6; border-radius:50%; overflow:hidden; display:block; position:relative; left:120px; top:-55px; float:left; z-index:66;}
.t_utit .t_utx{ width:135px; height:135px; border-radius:50%; overflow:hidden; display:block; float:left; z-index:99; position:relative; top:-50px; left:-20px;}
.t_utit .t_utx img{ width:100%;}
.t_flow{ width:405px; padding:30px 0px; border-top:1px solid #c7c7c7; float:left; margin:85px 10px 0;}
.t_flow .t_view{ width:124px; border-right:1px solid #c7c7c7; padding:20px 0; float:left;}
.t_flow .t_view p{ text-align:center; font-size:28px; color:#393939; float:left; width:124px;}
.t_flow .t_view span{ text-align:center; font-size:12px; color:#8a8a8a; margin-top:10px; float:left; width:124px;}
.t_flow .t_add{ width:135px; float:left; padding-left:10px;}
.t_flow .t_add p{ float:left; font-size:12px; color:#8a8a8a; margin-top:5px; line-height:150%;}
.t_flow .t_add a{ float:left; width:135px; height:25px; line-height:25px; color:#fff; font-size:12px; background:#b81b22; text-align:center; margin-top:5px; }


/**服务条款**/
.s_art{ float:left;  margin-top:40px;  padding-bottom:20px; width:100%;}
.s_itet{ width:100%; text-align:center; float:left; font-size:24px; color:#000; margin-top:20px;}
.s_con{ width:80%; margin:40px 17% 0 3%; float:left; line-height:200%;}
.s_con p{width:100%; float:left;   font-size:12px; color:#333; text-indent:2em; line-height:30px;}
.s_con span{width:100%; float:left;}

/**新资讯列表页**/
.i_pic{ float:left; width:150px; height:150px; text-align:center; border:1px solid #eee; margin-left:10px; }
.i_pic span{ height:100%; vertical-align:middle; display:inline-block;}
.i_pic img{vertical-align:middle;max-width: 150px;max-height:150px;}
.i_itex{ float:left; margin-left:30px; width:670px; margin-right:10px;}
.i_itex .i_tit{ float:left; font-size:18px; color:#111; width:690px; }
.i_itex .i_time{ float:left; margin-top:5px; color:#999; font-size:12px;}
.i_itex .i_itxt{ float:left; margin-top:5px; font-size:14px; color:#666; line-height:180%; width:100%;}
.i_itex .i_more{ float:right; font-size:12px; color:#b81b22; margin-top:2px;}
.i_itex .i_tab{ float:left; width:690px;}
.i_itex .i_tab .i_tag{ float:left;}
.i_itex .i_tab .i_tag li{ float:left; padding:0 10px; border-radius:5px; border:1px solid #999; color:#999; font-size:12px; margin-right:10px; height:20px; line-height:20px; margin-top:10px;}
.i_itex .i_tab .i_eye{ float:left; margin-left:15px; font-size:12px; color:#999; margin-top:10px; line-height:20px;}
.i_itex .i_tab .i_eye span{ background:url(../images/i_eye.png) no-repeat; float:left; width:19px; height:10px; margin:5px 5px 0 0;}

/**品牌库**/
.b_img{ width:100%;}
.b_img img{ width:100%;}
.b_cot{ width:1170px; margin:0 auto; padding:0 10px;}
.b_cot .b_itex{ width:1210px; float:left; margin-bottom:80px;}
.b_cot .b_itex li{ width:250px; height:80px; border:1px solid #a9a9a9; padding:15px 10px; float:left; margin-right:30px; margin-top:25px;}
.b_cot .b_itex li:hover{ border:1px solid #b81b22;}
.b_cot .b_itex li .b_pic{ width:80px; height:80px; float:left; text-align:center;}
.b_cot .b_itex li .b_pic span{ height:100%; vertical-align:middle; display:inline-block;}
.b_cot .b_itex li .b_pic img{ max-width:80px; max-height:80px; vertical-align:middle;}
.b_cot .b_itex li .b_txt{ width:150px; margin-left:20px; float:left;}
.b_cot .b_itex li .b_txt p{ font-size:16px; font-weight:bold; color:#333; float:left; width:100%; margin-bottom:8px;}
.b_cot .b_itex li .b_text{ width:100%; float:left; margin-top:5px;}
.b_cot .b_itex li .b_text a{ color:#999; float:left; margin-right:10px; font-size:12px;}
.b_cot .b_itex li .b_text a:hover{ color:#b81b22;}

/**音箱发烧站信息**/
.t_tab{ width:96%; float:left; padding:0 2%; }
.t_tab li{ margin-top:20px; float:left; margin-bottom:10px; padding-bottom:20px; border-bottom:1px dashed #dfdfdf;}
.t_ipic{ width:100px; height:100px; float:left; text-align:center; border:1px solid #eee;}
.t_ipic span{ height:100%;   vertical-align:middle; display:inline-block;}
.t_ipic img{ max-height:100px; max-width:100px; vertical-align:middle;}
.t_itext{ margin-left:25px; float:left; width:725px;}
.t_itext .t_itit{ float:left; width:100%;}
.t_itext .t_itit h3{ font-size:16px; color:#222; float:left; font-weight:normal;}
.t_itext .t_itit span{ float:left; font-size:12px; color:#999; margin-left:20px; line-height:25px;}
.t_itext p{ text-indent:2em; float:left; line-height:180%; font-size:14px; color:#999; margin-top:3px;}
.t_itext .t_imore{ font-size:12px; color:#b81b22; margin-top:10px; float:right;}


/***新增顶部移动出现菜单***/
.TopCon{ width:1191px; margin:0px auto 0; border:1px solid #dfdfdf; }
.TopMenu{ width:100%; height:0px; background:#fefefe; position:fixed; left:0; top:0px; z-index:99; overflow:hidden; box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.2); border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.TopCon .topphone{ width:298px; height:50px; background:#f5f5f5; border-right:1px solid #dfdfdf;}
.TopCon .topphone span{background:url(../images/icon_top.png) -50px 0 no-repeat; float:left; width:21px; height:22px; margin:15px 0 15px 60px;}
.TopCon .topphone p{ font-size:20px; color:#b81b22; font-style:italic; margin-left:10px; float:left; font-weight:600; line-height:50px;}
.TopCon .topCen{ float:left; width:700px; margin-top:-51px; margin-left:218px;}
.TopCon .topRight{ float:right; width:191px; height:50px; margin-top:-51px; background:#b81b22;}
.TopCon .topRight li{ background:#fff; border-radius:50px; float:left; height:35px; width:35px;}
.TopCon .topRight .kf_qq{ margin:7px 10px 8px 21px;}
.TopCon .topRight .kf_qq span{background:url(../images/icon_qq.png) 0 0 no-repeat;  width:20px; height:20px; float:left; margin:7px; }
.TopCon .topRight .kf_qq span:hover{ background-position:-20px 0; width:20px; height:20px;}
.TopCon .topRight .kf_ww{ margin:7px 10px 8px 11px;}
.TopCon .topRight .kf_ww span{background:url(../images/icon_ww.png) 0 0 no-repeat;  width:20px; height:20px; float:left; margin:7px; }
.TopCon .topRight .kf_ww span:hover{ background-position:-20px 0; width:20px; height:20px;}
.TopCon .topRight .kf_wei{ margin:7px 21px 8px 10px;}
.TopCon .topRight .kf_wei span{background:url(../images/icon_wei.png) 0 0 no-repeat;  width:20px; height:20px; float:left; margin:7px; }
.TopCon .topRight .kf_wei span:hover{ background-position:-20px 0; width:20px; height:20px;}
.TopCon .topRight .kf_wei .kf_qr{position:absolute; top:1px; right:20px; width:150px; height:48px; display:none; text-align:center; font-size:15px; color:#b81b22; border:1px solid #dfdfdf; line-height:48px; border-radius:6px; background:#f5f5f5;}
.TopCon .topRight .kf_wei:hover .kf_qr{ display:block;}

/***新增订单详情信息***/
.c_info{ width:925px; margin:0 auto;}
.c_tit{ width:900px; margin:10px 0 20px; float:left; height:45px; line-height:45px; border-bottom:1px solid #dfdfdf; font-size:18px; color:#333; padding-left:20px; float:left;}
.c_itex{ width:880px; margin:0 20px; float:left; }
.c_itex .c_text{ width:880px; float:left; font-size:16px; color:#555;}
.c_itex .c_text span,.c_itex p span{color:#000;}
.c_itex .c_text em{ margin:0 5px;}
.c_itex p{ width:880px; margin-top:10px; float:left; font-size:16px; color:#333;}
.c_mt{ width:98%; float:left; border-bottom:1px solid #dfdfdf; margin:0 1%;}
.c_mt ul{ width:100%; float:left; font-size:14px; height:50px; line-height:50px;}
.mes1{ width:45%; float:left; text-align:center; font-size:14px;}/*产品信息*/
.mes1 .pict{ width:30%; float:left;}/*产品图片*/
.mes1 .line{ float:left; width:65%; margin-left:15px; font-size:14px; text-align:left;}/*产品标题*/
.unit1{ width:20%;float:left; text-align:center; font-size:14px; }/*产品单价*/
.quan1{ width:15%;float:left; text-align:center; font-size:14px;}/*产品数量*/
.pay1{width:20%; float:left; text-align:center; font-size:14px;}/*实付款*/
.c_itet{ width:98%; margin:0 1%; float:left;}
.c_ems{ width:120px; height:50px; border-radius:10px; line-height:50px; text-align:center; font-size:16px; float:right; background:#b81b22; margin:30px 30px 0 0;}
.c_ems a{ color:#fff;}


/**新增成功添加到购物车**/
.s_mod{ width:1200px; margin:0 auto;}
.s_mod .s_modL{ width:630px; float:left;}
.s_mod .s_modL p{ width:200px; height:200px; float:left; border:1px solid #dfdfdf;}
.s_mod .s_modL p img{ width:100%;}
.s_mod .s_modL .s_bar{ width:405px; margin-left:20px; float:left;}
.s_mod .s_modL .s_bar h3{ width:410px; float:left; font-size:16px; font-weight:normal; color:#333; line-height:180%; float:left;}
.s_mod .s_modL .s_bar span{ width:410px; float:left; margin-top:10px; font-size:14px;}
.s_mod .s_modR{ width:550px; margin-left:20px; float:left; text-align:right;}
.s_mod .s_modR .s_buy{ width:500px; float:right; font-size:16px; color:#666; line-height:32px;}
.s_mod .s_modR .s_buy span{ width:32px; height:32px; float:left; background:url(../images/s_buy.png) no-repeat; margin-right:5px; margin-left:330px;}
.s_mod .s_modR .s_rmb{ float:right; font-size:14px; color:#b81b22; margin-top:45px; width:500px;}
.s_mod .s_modR .s_rmb em{ font-size:24px; color:#b81b22; margin:0 5px; font-weight:bold;}
.s_mod .s_modR .s_num{ float:right; font-size:14px; color:#333; margin-top:10px; width:500px;}
.s_mod .s_modR .s_num em{ color:#b81b22;}
.s_mod .s_modR .s_input{ width:500px; float:right; margin-top:20px;}
.s_mod .s_modR .s_input .s_return{ width:200px; border:1px solid #b81b22; height:40px; line-height:40px; color:#b81b22; border-radius:6px; text-align:center; font-size:16px; float:left; margin-left:88px;}
.s_mod .s_modR .s_input .s_cart{ width:200px; background:#b81b22; height:40px; line-height:40px; color:#fff; border-radius:6px; margin-left:10px; text-align:center; font-size:16px; float:left; }
/**推荐其他产品**/
.s_rem{ width:1200px; margin:0 auto;}
.s_rem h3{ width:1160px; border-bottom:1px solid #dfdfdf; font-size:18px; height:50px; line-height:50px; padding:0 20px; float:left; margin-top:80px; font-weight:normal; color:#b81b22;}

/**新商品详情页评价晒单**/
.p_meta{ width:870px; float:left;}
.p_dity{ width:830px; padding:0 20px 30px 20px; float:left;}
.p_dity .p_list{ width:830px; float:left; margin-top:25px;}
.p_dity .p_list .p_head{ width:50px; float:left;}
.p_dity .p_list .p_head p{ width:50px; height:50px; border:1px solid #dfdfdf; border-radius:100%; overflow:hidden; float:left;}
.p_dity .p_list .p_head p img{ width:100%;}
.p_dity .p_list .p_head span{ width:50px; text-align:center; font-size:14px; margin-top:10px; color:#474747; float:left;}
.p_dity .p_list .p_com{ width:755px; margin-left:25px; float:left; border-bottom:1px solid #f3f3f3; padding-bottom:20px;}
.p_dity .p_list .p_com h3{ width:735px; padding:0 10px; float:left; background:#fff7f7; height:26px; line-height:26px; color:#666; font-size:14px; font-weight:normal;}
.p_dity .p_list .p_com h3 span{ margin-right:10px; width:45px;}
.p_dity .p_list .p_com h3 i{ margin:0 15px 0 0;}
.p_dity .p_list .p_com h2{ width:735px; padding:15px 10px; float:left; line-height:180%; font-size:14px; color:#666; font-weight:normal;}
.p_dity .p_list .p_com h2 span{ margin-right:7px; width:45px; float:left;}
.p_dity .p_list .p_com h2 p{ width:680px; color:#666; float:left;}
.p_dity .p_list .p_com .p_ct{ width:735px; padding:0px 10px; float:left; }
.p_dity .p_list .p_com .p_ct b{ margin-right:7px; width:45px; float:left; font-weight:normal;}

/***新增资讯文章页***/
.art_row{ width:100%; float:left; padding:20px; box-sizing:border-box;}
.art_row .art_rowL{ width:70%; float:left;}
.art_row .art_rowL .art_col{ width:100%; float:left; padding:0 10px 15px 10px; border-bottom:1px solid #dfdfdf; color:#ca0000; font-weight:600; font-size:20px; box-sizing:border-box;}
.art_row .art_rowL .art_box{ width:100%; float:left; padding:0 10px; box-sizing:border-box;}
.art_row .art_rowL .art_box .art_tit{ width:100%; float:left; margin:20px 0;}
.art_row .art_rowL .art_box .art_tit h3{ width:100%; float:left; font-size:28px; color:#333; line-height:1.3; word-break:break-word;}
.art_row .art_rowL .art_box .art_tit .art_tab{ width:100%; float:left; margin-top:15px; font-size:12px;}
.art_row .art_rowL .art_box .art_tit .art_tab span{ height:18px; display:inline-block;}
.art_row .art_rowL .art_box .art_tit .art_tab span img{ height:100%;}
.art_row .art_rowL .art_box .art_tit .art_tab p{ display:inline-block; line-height:18px; vertical-align:top; margin-left:5px;}
.art_row .art_rowL .art_box .art_tit .art_tab em{ display:inline-block; margin:0 10px; vertical-align:top;}
.art_row .art_rowL .art_box .art_tit .art_tab .art_read{ display:inline-block; vertical-align:top;}
.art_row .art_rowL .art_box .art_tit .art_tab i{ width:19px; height:10px; background:url(../images/i_eye.png); float:left; margin:4px 5px 4px 0; }
.art_row .art_rowL .art_box .art_info{ width:100%; float:left; margin-top:20px;}
.art_row .art_rowL .art_box .art_info p{ width:100%; float:left; font-size:16px; color:#2f2f2f; line-height:1.7;  word-break:break-word; margin-bottom:20px;}
.art_row .art_rowL .art_box .art_info .art_key{ width:100%; float:left; padding:25px 20px 25px 20px; box-sizing:border-box; border-left:5px solid #c40000;background-color:#FFEDED; font-size:18px; font-weight:600; color:#b81b22; margin-bottom:25px;}
.art_row .art_rowL .art_box .art_info .art_type{ width:100%; float:left; padding:10px 20px 10px 20px; box-sizing:border-box; border-left:5px solid #999;background-color:#f5f5f5; color:#666;}
.art_row .art_rowL .art_box .art_info .art_type p{ font-size:16px; margin:0; color:#666;}
.art_row .art_rowR{ width:23%; float:right;}

/***手机6hifi***/
.bg_main{ width:100%; float:left;}
.bg_main .bg_wrap{ width:100%; height:auto; position:relative; overflow:hidden;}
.bg_main .bg_wrap .bg_img{ width:1920px; height:600px; position:relative; left:50%; margin-left:-960px;}
.bg_main .bg_wrap .bg_logo{ width:350px; height:160px; display:block; position:absolute; left:50%; top:76px; margin-left:-220px; -webkit-animation:jump 2s infinite; animation:jump 2s infinite;}
@-webkit-keyframes jump{
0{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.15);transform:scale(1.15)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes jump{
0{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.15);transform:scale(1.15)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
.bg_main .bg_wrap .bg_btn {position:absolute; display:block; width:200px; height:58px; left:50%; margin-left:-107px;}
.bg_main .bg_wrap .bg_ios{ top:386px;}
.bg_main .bg_wrap .bg_android{ top:468px;}
.bg_main .bg_wrap .bg_lab{ position:absolute; display:block; top:1052px; left:50%; margin-left:-355px; width:800px; height:230px}
.bg_main .bg_wrap .bg_page{ position:absolute; display:block; top:1224px; left:50%; margin-left:-370px; width:950px; height:600px;}
.bg_main .bg_wrap .bg_page .page_img{ width:310px; height:700px; position:absolute; display:block}
.bg_main .bg_wrap .bg_page img.pageone{ top:50px; left:-200px; animation:appone 1.5s linear; animation-delay:0s; animation-fill-mode:forwards; -webkit-animation:pageone 1.5s linear; -webkit-animation-delay:0s; -webkit-animation-fill-mode:forwards; -moz-animation:pageone 1.5s linear; -moz-animation-delay:0s; -moz-animation-fill-mode:forwards; -o-animation:pageone 1.5s linear; -o-animation-delay:0s; -o-animation-fill-mode:forwards;}
@keyframes pageone{ from{top:50px; left:-200px;}to{ top:33px; left:0px;}}
@-webkit-keyframes pageone{ from{top:50px; left:-200px;}to{ top:33px; left:0px;}}
@-moz-keyframes pageone{ from{top:50px; left:-200px;}to{ top:33px; left:0px;}}
@-o-keyframes pageone{ from{top:50px; left:-200px;}to{ top:33px; left:0px;}}
.bg_main .bg_wrap .bg_page img.pagetwo{ top:40px; left:-190px; animation:pagetwo 1.5s linear; animation-delay:0s; animation-fill-mode:forwards; -webkit-animation:pagetwo 1.5s linear; -webkit-animation-delay:0s; -webkit-animation-fill-mode:forwards; -moz-animation:pagetwo 1.5s linear; -moz-animation-delay:0s; -moz-animation-fill-mode:forwards; -o-animation:pagetwo 1.5s linear; -o-animation-delay:0s; -o-animation-fill-mode:forwards;}
@keyframes pagetwo{ from{top:40px; left:-190px;}to{ top:16px; left:212px;}}
@-webkit-keyframes pagetwo{ from{top:40px; left:-190px;}to{ top:16px; left:212px;}}
@-moz-keyframes pagetwo{ from{top:40px; left:-190px;}to{ top:16px; left:212px;}}
@-o-keyframes pagetwo{ from{top:40px; left:-190px;}to{ top:16px; left:212px;}}
.bg_main .bg_wrap .bg_page img.pagethree{ top:30px; left:-180px; animation:pagethree 1.5s linear; animation-delay:0s; animation-fill-mode:forwards; -webkit-animation:pagethree 1.5s linear; -webkit-animation-delay:0s; -webkit-animation-fill-mode:forwards; -moz-animation:pagethree 1.5s linear; -moz-animation-delay:0s; -moz-animation-fill-mode:forwards; -o-animation:pagethree 1.5s linear; -o-animation-delay:0s; -o-animation-fill-mode:forwards;}
@keyframes pagethree{ from{top:30px; left:-180px;}to{ top:-3px; left:407px;}}
@-webkit-keyframes pagethree{ from{top:30px; left:-180px;}to{ top:-3px; left:407px;}}
@-moz-keyframes pagethree{ from{top:30px; left:-180px;}to{ top:-3px; left:407px;}}
@-o-keyframes pagethree{ from{top:30px; left:-180px;}to{ top:-3px; left:407px;}}
.bg_main .bg_wrap .bg_page img.pagefour{ top:20px; left:-170px; animation:pagefour 1.5s linear; animation-delay:0s; animation-fill-mode:forwards; -webkit-animation:pagefour 1.5s linear; -webkit-animation-delay:0s; -webkit-animation-fill-mode:forwards; -moz-animation:pagefour 1.5s linear; -moz-animation-delay:0s; -moz-animation-fill-mode:forwards; -o-animation:pagefour 1.5s linear; -o-animation-delay:0s; -o-animation-fill-mode:forwards;}
@keyframes pagefour{ from{top:20px; left:-170px;}to{ top:-23px; left:605px;}}
@-webkit-keyframes pagefour{ from{top:20px; left:-170px;}to{ top:-23px; left:605px;}}
@-moz-keyframes pagefour{ from{top:20px; left:-170px;}to{ top:-23px; left:605px;}}
@-o-keyframes pagefour{ from{top:20px; left:-170px;}to{ top:-23px; left:605px;}}

.bg_main .bg_wrap .bg_app{position:absolute; display:block; top:2350px; left:50%; margin-left:-540px;}
.bg_main .bg_wrap .bg_app .app_img{ width:280px; height:668px; margin:0 40px;}
.bg_main .bg_wrap .bg_app .appone{ opacity:0; animation:appone 3s linear; animation-delay:0s; animation-fill-mode:forwards; -webkit-animation:appone 3s linear; -webkit-animation-delay:0s; -webkit-animation-fill-mode:forwards; -moz-animation:appone 3s linear; -moz-animation-delay:0s; -moz-animation-fill-mode:forwards; -o-animation:appone 3s linear; -o-animation-delay:0s; -o-animation-fill-mode:forwards;}
@keyframes appone{0{ opacity:0;}25%{ opacity:0.25;}50%{ opacity:0.5;}75%{ opacity:0.75;}100%{ opacity:1;}}
@-webkit-keyframes appone{0{ opacity:0;}25%{ opacity:0.25;}50%{ opacity:0.5;}75%{ opacity:0.75;}100%{ opacity:1;}}
@-moz-keyframes appone{0{ opacity:0;}25%{ opacity:0.25;}50%{ opacity:0.5;}75%{ opacity:0.75;}100%{ opacity:1;}}
@-o-keyframes appone{0{ opacity:0;}25%{ opacity:0.25;}50%{ opacity:0.5;}75%{ opacity:0.75;}100%{ opacity:1;}}
.bg_main .bg_wrap .bg_app .apptwo{ opacity:0; animation:apptwo 3s linear; animation-delay:1s; animation-fill-mode:forwards; -webkit-animation:apptwo 3s linear; -webkit-animation-delay:1s; -webkit-animation-fill-mode:forwards; -moz-animation:apptwo 3s linear; -moz-animation-delay:1s; -moz-animation-fill-mode:forwards; -o-animation:apptwo 3s linear; -o-animation-delay:1s; -o-animation-fill-mode:forwards;}
@keyframes apptwo{0{ opacity:0;}25%{ opacity:0.25;}50%{ opacity:0.5;}75%{ opacity:0.75;}100%{ opacity:1;}}
@-webkit-keyframes apptwo{0{ opacity:0;}25%{ opacity:0.25;}50%{ opacity:0.5;}75%{ opacity:0.75;}100%{ opacity:1;}}
@-moz-keyframes apptwo{0{ opacity:0;}25%{ opacity:0.25;}50%{ opacity:0.5;}75%{ opacity:0.75;}100%{ opacity:1;}}
@-o-keyframes apptwo{0{ opacity:0;}25%{ opacity:0.25;}50%{ opacity:0.5;}75%{ opacity:0.75;}100%{ opacity:1;}}
.bg_main .bg_wrap .bg_app .appthree{ opacity:0; animation:appthree 3s linear; animation-delay:2s; animation-fill-mode:forwards; -webkit-animation:appthree 3s linear; -webkit-animation-delay:2s; -webkit-animation-fill-mode:forwards; -moz-animation:appthree 3s linear; -moz-animation-delay:2s; -moz-animation-fill-mode:forwards; -o-animation:appthree 3s linear; -o-animation-delay:2s; -o-animation-fill-mode:forwards;}
@keyframes appthree{0{ opacity:0;}25%{ opacity:0.25;}50%{ opacity:0.5;}75%{ opacity:0.75;}100%{ opacity:1;}}
@-webkit-keyframes appthree{0{ opacity:0;}25%{ opacity:0.25;}50%{ opacity:0.5;}75%{ opacity:0.75;}100%{ opacity:1;}}
@-moz-keyframes appthree{0{ opacity:0;}25%{ opacity:0.25;}50%{ opacity:0.5;}75%{ opacity:0.75;}100%{ opacity:1;}}
@-o-keyframes appthree{0{ opacity:0;}25%{ opacity:0.25;}50%{ opacity:0.5;}75%{ opacity:0.75;}100%{ opacity:1;}}

.bg_main .bg_wrap .app_btn{position:absolute; display:block; width:160px; height:47px; left:50%; top:2971px;}
.bg_main .bg_wrap .app_android{ margin-left:-439px;}
.bg_main .bg_wrap .app_ios{ margin-left:-77px;}
.bg_main .bg_wrap .app_index{position:absolute; display:block; width:180px; height:45px; left:50%; top:3617px; margin-left:-90px;}

/* box */
.p_box{width:680px; float:left;}
.p_box ul{margin:0px;padding:0px;float:left; width:680px;}
.p_box li{width:50px;height:50px;float:left;cursor:pointer;display:inline;margin:0 10px 0px 0;border:1px solid #dfdfdf; padding:3px;}
#bg{width:100%;height:100%;position:fixed;left:0px;top:0px;background:#000;filter:alpha(opacity:50);opacity:0.5;display:none;}
#bottom{width:215px;height:50px;position:fixed;left:50%;bottom:0px;margin:0 0 0 -107px;border:1px solid #232323;background:#444;padding:1px;z-index:1;display:none;}
#bottom ul{width:100%;height:100%;background:#000;}
#bottom li{background:url(../images/ico.jpg) no-repeat;float:left;display:inline;margin:8px 0 0 18px;cursor:pointer;}
#bottom li.prev{width:31px;height:33px;background-position:0 0;}
#bottom li.next{width:31px;height:33px;background-position:-35px 0;}
#bottom li.img{width:31px;height:33px;background-position:-106px 0;}
#bottom li.close{width:31px;height:33px;background-position:-70px 0;}
#frame{background:#fff;padding:3px;position:fixed;z-index:9;display:none;filter:alpha(opacity:0);opacity:0;text-align:center;}
#frame img{ width:100%;}