.content{width: 100%;height: auto;overflow: hidden;background: #f1f2f3; padding-top:28px;}





.citem {width:205px;height:320px;margin-bottom:30px;background:#fff;float:left;margin-right:21px; border:1px solid #eaeaea;}

.citem.last{ /*! margin-right:0 */}

.citem .citemtop {width:205px;height:182px;position:relative;display:block;overflow:hidden}

.citem .citemtop img, .citem .citemimg {width:100%;height:100%;background:#bfc1c2}

.citem .citemtxt {background:#fff;padding: 10px 20px;position: absolute;width: 240px;height:20px;bottom:-60px;opacity:0.8;transition:bottom ease .3s}

.citem:hover .citemtxt {bottom:0}

.citem a.citemtitle{display:block;color: #3a3a3a;font-size: 16px;font-weight:500;}

.citem a.citemtitle:hover{ color:#ff6600}

.citem .citemtc {margin-top:8px;height:20px;line-height:20px;}

.citemqt {height:50px;padding:20px 10px 10px;}

.citemfoot {padding:10px;margin-top:5px;font-size:15px;}

.citemfoot a.citemfimg {color:#8c8c8c;line-height:24px;font-size:12px;}

.citemfoot a.citemfimg img {margin-right:8px;position:relative;top:-1px;border-radius: 50%;}

.citemfoot .price {color:#ff6600;font-weight:bold;font-style: normal;font-family: Georgia;}

.citemfoot a.citemfimg span {/*! width:110px; */height:24px;display:inline-block;margin-top: -32px;}

.citemfoot span a {color:#C0C0C0}





/*推荐产品*/



.tjprocap{float:left;width:1150px;margin:20px 0 0 0;text-align:left;height:40px;border-bottom:#1B85CC solid 2px;}



.tjprocap li{float:left;}



.tjprocap .l1{width:160px;height:38px;background:url(../homeimg/typecap.gif) left top no-repeat;font-size:21px;padding:2px 0 0 40px;color:#636363;}



.tjprocap .l2{width:950px;text-align:right;padding:10px 0 0 0;}



.tjprocap .l2 a{font-size:14px;}



.tjpro{float:left;width:1150px;margin:10px 0 30px 10px;text-align:left;}



.tjpro .u1{float:left;width:205px;height:273px;border:#E9E9E9 solid 1px;margin:0 0 0 10px;margin-right: 21px;}



.tjpro .u1 li{float:left;}



.tjpro .u1 .l1{/*! width:206px; */padding:10px;height:180px;}



.tjpro .u1 .l1 .djs{float:left;position:relative;width:185px;padding:5px 0 0 0;margin:-25px 0 0 0;height:20px;text-align:center;background:url(../img/bghui1.png) left top repeat;color:#fff;}



.tjpro .u1 .l2{width:196px;padding:0 10px;height:40px;}



.tjpro .u1 .l3{width:100px;padding:3px 0 0 10px;color:#ff6600;font-size:14px;font-weight: bold;}



.tjpro .u1 .l4{width:80px;}



.tjpro .u1 .l4 a{float:right;color:#fff;width:60px;padding:4px 0 0 0;height:20px;border-radius:4px;text-align:center;font-family:Arial, Helvetica, sans-serif;background-color:#009DBF;}



.tjpro .u11{margin-left:0;}



.tjpro .u21{background-color:#f9f9f9;}







/* banner*/

.banner{width: 100%;height: 400px;}

.banner h1{text-align: center;font-size: 36px;font-weight: bold;margin: 0 auto; color: #fff; padding:64px 0 10px 0; letter-spacing: 4px; }

.banner p{text-align: center;font-size: 18px; color: #fff;}



.header-con{height:30px;background-color:#f1f1f1;}

.header-con p{color:#898989;font-size:12px;height:30px;line-height:30px;}

.header-con .user-infor-top{color:#828282;font-size:12px;height:30px;line-height:30px;}

.header-con .user-infor-top a{padding:0 22px;}

.header-con .user-infor-top .color-y{color:#ff7c35}

.header-con .user-infor-top i{display:inline-block;color:#c1c1c1;font-style:normal}

.header-con .user-infor-top .color-red{color:#ff6633;padding-left:5px;}

.header-con .user-infor-top .padding-none{padding-right:0;}





.notice{height:20px; padding:15px 0;z-index:3;}



.yy-icon {background-image: url("../homeimg/icon.png");background-repeat: no-repeat;display: inline-block;overflow: hidden;}

.yy-laba {background-position: 0 -627px;height: 14px;width: 12px; float:left; margin-top:3px;}



.txtscroll{float: right; height: 20px; width:325px}

.txtscroll .hd{ float: right;margin-top:1px;width: 7px;}

.txtscroll .hd .prev,.txtscroll .hd .next{ display:block; height: 4px;width: 7px;cursor:pointer;  background-image: url("../homeimg/icon.png");background-repeat: no-repeat;overflow: hidden;background-position: -123px -724px;}

.txtscroll .hd .prev{ transform: rotate(180deg); margin-top: 10px; }

.txtscroll .bd{float:left; margin-left:10px;height:20px;line-height: 20px;overflow: hidden;white-space: nowrap;width: 280px; }

.txtscroll li{ height:20px; line-height:20px;   }



/*** 精选专题推荐 ***/

.recmd-list{ width: 1152px; overflow: hidden; padding:0 24px; background: #fff; margin-bottom: 20px; }

.recmd-box{width: 1190px;}

.recmd-box .list{width: 272px;height: 182px;position:relative;margin:0 22px 34px 0;transition:all .2s; overflow: hidden;}

.recmd-box .list img{width: 100%;height: 100%; display: block;}

.recmd-box .list .list-bg{width: 100%;height:100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);z-index: 11;text-align: center;overflow: hidden;top: 138px;transition:all .3s;}

.recmd-box .list:hover .list-bg{top: 0}

.recmd-box .list .list-bg a{width: 100%;height: 100%;display: block;color: #fff;}

.recmd-box .list .look-but{width: 92px;height: 30px;line-height: 28px;display: block;color:#fff;font-size: 14px;background:#00b369;border-radius: 2px;text-align: center;margin:14px auto 0;text-indent: 5px; font-style: normal; }

.recmd-box .list .list-bg .list-name{display: block;padding-top: 15px;text-align: center;font-size: 16px;transition:all .3s;}

.recmd-box .list:hover .list-bg .list-name{padding-top: 60px;}

.recmd-box .list .look-but:hover{ background: #00a460; }





/**** 展示列表 ***/

.show-list{width: 1126px;padding: 0 34px 0 40px;background: #fff;margin-bottom: 34px; overflow: hidden; padding-right: 34px;}

.show-list .show-box{width: 1180px;}

.show-list .show-box .list{width: 260px;height: 350px;/*! margin:0 28px 28px 0; */ position: relative; overflow: hidden; transition:all .2s; -webkit-transiton:all .2s; }

.show-list .show-box .list:hover{opacity: .9;}



.show-list .show-box .list .list-name:hover {color: #00b369;}

.show-list .show-box .list .list-img{width: 100%;height: 300px;display: block;}

.show-list .show-box .list .list-name{height: 52px;line-height: 52px;display: block;text-align: left; padding-left:12px; font-size: 14px;color: #606060;}

.show-list  .list-but { position: absolute; top:-50px; left:0px; width: 248px; padding: 0 6px; }

.show-list  .list-but .collect, .show-list  .list-but .cancle{ width: 91px; height: 43px; line-height: 41px; text-align: center; border:1px solid #e5e5e5; background: #f4f4f4; display: inline-block; font-size: 16px; color: #505050; cursor: pointer; }

.show-list  .list-but .collect:hover, .show-list  .list-but .cancle:hover{ background: #f9f9f9; }

.show-list  .list-but .download{ width: 129px; height: 43px; line-height: 41px; text-align: center;  border:1px solid #00a15e;background: #00b369; font-size: 16px; color: #fff; display: inline-block; }

.show-list  .list-but .download:hover{ background: #1abb78; }





/**** 展示列表 ***/

.show-listt{width: 1126px;padding: 0 34px 30px 40px;background: #fff;margin-bottom: 34px; overflow: hidden; /*! padding-right: 34px; */}

.show-listt .show-box{width: 1180px;}

.show-listt .show-box .list{width: 260px;height: 350px;/*! margin:0 28px 28px 0; */ position: relative; overflow: hidden; transition:all .2s; -webkit-transiton:all .2s; }

.show-listt .show-box .list:hover{opacity: .9;}



.show-listt .show-box .list .list-name:hover {color: #00b369;}

.show-listt .show-box .list .list-img{width: 100%;height: 300px;display: block;}

.show-listt .show-box .list .list-name{height: 52px;line-height: 52px;display: block;text-align: left; padding-left:12px; font-size: 14px;color: #606060;}

.show-listt  .list-but { position: absolute; top:-50px; left:0px; width: 248px; padding: 0 6px; }

.show-listt  .list-but .collect, .show-list  .list-but .cancle{ width: 91px; height: 43px; line-height: 41px; text-align: center; border:1px solid #e5e5e5; background: #f4f4f4; display: inline-block; font-size: 16px; color: #505050; cursor: pointer; }

.show-listt  .list-but .collect:hover, .show-list  .list-but .cancle:hover{ background: #f9f9f9; }

.show-listt  .list-but .download{ width: 129px; height: 43px; line-height: 41px; text-align: center;  border:1px solid #00a15e;background: #00b369; font-size: 16px; color: #fff; display: inline-block; }

.show-listt  .list-but .download:hover{ background: #1abb78; }





/*** 公共列表标题 ****/

.public-title{height: 86px;line-height: 86px;}

.public-title span{ height: 84px; line-height: 84px; font-size: 20px;color: #000;margin-right: 18px; display:inline-block; }

.public-title .more{color: #606060;}

.public-title .more:hover{color: #00b369;}

.public-title em{ font-style: normal; }

.public-title i{ margin-right: 20px; vertical-align: -5px; margin-top: 30px; background: url(http://icon.ooopic.com/2015/image/index_2016/new-index-icon.png) no-repeat -33px -196px;width: 28px;height: 23px;display: inline-block; overflow: hidden; }

.public-title .tb14{ background-position:-33px -225px; }

.public-title .tb15{ background-position:-33px -261px; }

.public-title .tb16{ background-position:-33px -301px; }

.public-title .tb17{ background-position:-33px -337px; }

.public-title .tb18{ background-position:-103px 1px; }







/**** 分类列表 ***/

.classify { margin: 20px 0; width: 1209px; }

.classify .classify-list{ width: 192px; height: 106px; display: inline-block; margin-right: 9px; background: #fff; color: #00b369; font-size: 18px; text-align: center;  }

.classify .classify-list i{background: url(http://icon.ooopic.com/2015/image/index_2016/new-index-icon.png) no-repeat -36px 0 ; width: 22px; height: 19px; display: block; margin: 30px auto 16px; overflow: hidden; }

.classify .classify-list:hover{ background: #33ae6e; color: #fff; }

.classify .classify-list:hover i{ background-position: -71px 0; }

.classify .advert i{ background-position: -36px -24px; }

.classify .advert:hover i{ background-position: -72px -24px;  }

.classify .PPT i{ background-position: -36px -57px; width: 25px; height: 24px; }

.classify .PPT:hover i{ background-position: -72px -57px;}

.classify .taobao i{ background-position: -36px -90px; width: 28px; height: 21px; }

.classify .taobao:hover i{background-position: -72px -90px;   }

.classify .video i{ background-position: -36px -122px;  }

.classify .video:hover i{  background-position: -71px -122px;  }

.classify .more i{ background-position: -36px -152px; width: 20px; height:20px; }

.classify .more:hover i{ background-position: -71px -152px;  }





/*** 提示 ***/

.tip{height: 50px;line-height: 50px;background: #fff;}

.tip .tip-count{float: left;margin-left: 38px;}

.tip .tip-count p{display: inline-block; margin-right: 28px;}

.tip .tip-count p i{color: #ff7200; font-style: normal; }

.tip .tip-prompt dl dt{background: url(http://icon.ooopic.com/2015/image/index_2016/new-index-icon.png) no-repeat 0 -70px ; width: 24px; height: 24px; display: inline-block; margin-right: 12px; margin-top: 14px; }

.tip .tip-prompt dl dd{ color: #7f7f7f; }

.tip .tip-prompt dl{ margin-left: 40px; }

.tip .tip-prompt .dl-2 dt{ background-position: 0px -104px; }

.tip .tip-prompt .dl-3 dt{ background-position: 0px -132px; }

.tip .tip-prompt .dl-4 dt{ background-position: 0px -162px; }





.best-user{  background: #fff; margin-bottom: 34px; }

.find-pic{ margin-top:32px; }

.find-pic .find-pic-but{ width: 100px; height: 32px; line-height: 30px; text-indent: 6px; display:block; text-align: center; color: #fff; background: #00b369; border-radius: 2px; }

.find-pic .find-pic-but:hover{ background: #00a460; color:#fff; }





/****banner***/

.slideTxtBox{position:relative;width:100%;height: 100%;left: 0;margin: 0 auto;}

.slideTxtBox .hd ul li{float:left;width: 20px;height: 20px;margin-left: 5px;cursor: pointer;line-height: 20px;

    text-align: center; background-color:#000; opacity:0.7; border-radius:20px; color:#fff}

.slideTxtBox .hd ul li:hover, .slideTxtBox .hd ul li.on{ background-color:#00b369; opacity:1}

.slideTxtBox .bd{width: 100%;}

.slideTxtBox .arrow{top:0;left:0;z-index: 10;width: 100%;filter:alpha(opacity=0);opacity: 0;transition: opacity .3s linear 0s;position: relative;zoom: 1;width: 1030px;margin-left:170px;}

.slideTxtBox .arrow .next, .slideTxtBox .arrow .prev{position:absolute;top:166px;width: 43px;height: 68px;display: inline-block;background-image:url(http://icon.ooopic.com/2015/image/index_2016/new-index-icon.png);}

.slideTxtBox .arrow .prev{left:10px;background-position: -93px -421px;}

.slideTxtBox .arrow .prev:hover{background-position: -3px -421px;}

.slideTxtBox .arrow .next{right:0px;background-position: -138px -421px;}

.slideTxtBox .arrow .next:hover{background-position: -48px -421px;}

.banner:hover .slideTxtBox .arrow{filter:alpha(opacity=100);opacity: 100;}

.slideTxtBox  .bd a{ display:block; height:400px; white-space:100%; overflow:hidden}

.img_pagebox {position: absolute;left: 0;bottom: 22px;width: 125px;margin-left:32px;left: 50%;}

.pageBox {vertical-align: middle;text-align: center;}

.control {position: absolute;width: 100%; top:34px;}

.control a {position: absolute;top: 0;margin: -34px 0 0;width: 34px;height: 68px;_background-color: #aaa;}

/**/

/* -------- friendlink -- */

.none {display: none;}

.friend-link {margin-top: 10px;box-shadow: 0 0 3px rgba(0, 0, 0, .1);background: #fff;padding: 52px 24px 28px; margin-bottom: 20px;  }

.linkBox-nav {height: 56px;line-height: 20px;}

.linkBox-nav span {font-size: 18px;padding: 0 40px 0 1px;color: #aaa;cursor: pointer;  }

.linkBox-nav span:hover, .linkBox-nav .current-link-li {color: #00B369;  }

#linkBoxContent a, #linkBoxContent span {color: #aaa;line-height: 28px;display: inline;float: left;margin-right: 18px;white-space: nowrap;  }

#linkBoxContent a:hover {color: #090}











/* -------- dianpu -- */

.i_c_div,.i_s_div{float:left;width:1180px;overflow: hidden;/*! padding-right: 34px; */margin-top: -9px;}

.i_c_div{padding-top:10px;height:466px;overflow: hidden;BORDER-BOTTOM: #e9e9e9 1px solid;}

.rank_shop{display:inline;float:right;width:240px;height:336px;overflow: hidden;margin-top:15px;}

.rank_shop div{float:left;padding:10px 0; border-bottom:1px dashed #dddddd;}

.rank_shop .tx{float:left;}

.rank_shop p{padding-left:38px;color:#cccccc;}

div.r_s_1{padding-top:0}

.r_s_1 p{font-size:14px;padding-left:10px;}

.rank_shop b{color:#f1453a;font-size:16px;font-family: Georgia;}

.r_s_1 b{font-size:20px;}

.rank_shop em{color:#f00;}

.rank_shop span{float:left;line-height:20px; }

.rank_shop i{float:left;display:inline;width:19px; height:19px; margin-top:10px; margin-left:10px;BACKGROUND-POSITION:-252px -390px;}

.r_s_1 i{BACKGROUND-POSITION:-332px -105px; width:29px; height:29px; margin-top:5px; margin-left:10px;}

.r_s_3 i{BACKGROUND-POSITION:-280px -390px;}

.r_s_4 i{BACKGROUND-POSITION:-252px -414px;}

.r_s_5 i{BACKGROUND-POSITION:-280px -414px;}

.rank_shop .name{font-size:14px; padding-left:8px; }

.r_s_1 .name{font-weight:700;line-height:38px;}

.rank_shop .name:hover{text-decoration:underline}

.rec_shop {float:left;width:1126px;overflow: hidden;font-size: 12px;}

.rec_shop div{float:left;width:1180px;}

.rec_shop ul{float:left;width:205px;border:#e9e9e9 1px solid;margin:15px 21px 0 0;}

.rec_shop ul:hover{border-color:#ccc;}

.rec_shop ul li{display:inline;float:left;width:195px;margin:15px 10px 5px 10px;}

.rec_shop .tx{float:left;width:36%;}

.rec_shop a.name{padding-left:10px;font-size:14px;font-weight:700;}

.rec_shop a.name:hover{text-decoration:underline}

.rec_shop .tx img{width:100%;}

.rec_shop .info{width:64%;float:left;overflow: hidden;}

.rec_shop .info p{padding:10px 10px 0 10px}

.rec_shop .info .i_bz{padding-bottom:6px;line-height:11px;height:11px;overflow: hidden;}

.rec_shop .info a.slink{float:left;background: #5AB0EA;border:#5AB0EA 1px solid;color: #FFFFFF;-moz-border-radius: 4px;      /* Gecko browsers */-webkit-border-radius: 4px;   /* Webkit browsers */border-radius:4px;            /* W3C syntax */padding:2px 5px;font-family: '微软雅黑';}

.rec_shop .info a.slink:hover{color:#666;background:#f5faff;}

.hot_goods{padding-top:10px;border-top:#eee 5px solid ;}

.hot_goods p{height:26px;line-height:26px;float:left;width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow: ellipsis;   text-overflow:ellipsis;}

.hot_goods strong{float:left;font-size:13px;height:13px;color:#666;position:relative;left:0;top:0;background:#fff;padding-right:5px;margin-top:-22px;}

.hot_goods i{color:#336699;font-style: normal;}

.hot_goods a{color:#666}

.hot_goods a:hover{color:#f60;}

.hot_goods em{color:#f60;padding-right:10px;font-style: normal;}