html,body,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,iframe,textarea,input,button,p,span,a,em,i,s,img,s,b,strong,form,label,table,tbody,tfoot,thead,tr,th,td,hr{margin:0;padding:0}

body{font:12px/1.5 Tahoma,Arial,"\5FAE\8F6F\96C5\9ED1",sans-serif;color:#333; min-width:1200px;}

h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal;}

table {border-collapse:collapse;border-spacing:0;}

em,i,s,b{font-style:normal;}

ol,ul{list-style: none;}

img{border:none;}

a,textarea,select,input{resize:none;outline:none; font-family:Tahoma,Arial,"\5FAE\8F6F\96C5\9ED1",sans-serif;}

a{color:#3D5268;text-decoration:none;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}

a:hover {text-decoration:none;color:#006baf;}

::-webkit-input-placeholder {color:#b0bec5;} 

:-moz-placeholder {color:#b0bec5;} 

::-moz-placeholder {color:#b0bec5;} 

:-ms-input-placeholder {color:#b0bec5;}



.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}

.clearfix {*zoom:1;}

.icons{background-image:url(../images/icons.png);background-repeat: no-repeat;}

.wrap{width:1200px;margin:0 auto;}

.mt20{margin-top:20px;}

.mt30{margin-top:30px;}

.fl{float:left;}

.fr{float:right;}

.box380{width:380px;}
.box880{width:880px;}
.box300{width:300px;}
.box830{width:830px;}
.box330{width:330px;}
.box790{width:790px;}




.box790{width:790px;}

.p-gg{padding-right:20px;}

.p-gg ul li{padding:20px 0; overflow:hidden;width: 370px; float: left; margin-right: 20px;}



.top{height:40px;background:#262a2e;color:#b0b0b0;}

.top-meau{ position:relative;float:left;height:40px;}

.top-meau ul li{float:left;height:40px; line-height:40px;}

.top-meau ul li a{display:inline-block;height:40px; padding:0 10px;line-height:40px;color:#999;}

.top-meau ul li a:hover{color:#fff;}

.top-meau ul li.more{ position:relative;}

.top-meau ul li.more a{padding:0 18px 0 10px;}

.top-meau ul li.more a i{position:relative;left: 8px;top: -2px; display:inline-block; width:7px;height:4px;background-position:0 -48px;-webkit-transition: -webkit-transform ease .2s;transition: transform ease .2s;}

.top-meau ul li.more:hover a{background-color:#fff;color:#666;}

.top-meau ul li.more.on a{background-color:#111;color:#666;}

.top-meau ul li.more:hover a i{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.top-meau ul li.more ul{display:none;position:absolute; top:40px; right:0;padding:5px;width:160px; background:#111;}

.top-meau ul li.more ul li{ text-align:center;}

.top-meau ul li.more ul li a:hover{background:#333;color:#fff;}



.top-nav{float:right;height:40px;}

.top-nav ul li{float:left;height:40px;line-height:40px;}

.top-nav ul li a{display:inline-block;height:40px; padding:0 14px;line-height:40px;color:#999;}

.top-nav ul li a:hover{color:#fff; background:#222;}

.top-nav ul li.mobile a{background:#666 url(../images/icons.png) no-repeat 10px 14px;color:#fff;padding-left:26px;filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;  opacity:.6;}

.top-nav ul li.mobile:hover a{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}



.head{height:120px;background: #0086df url(../images/head_bg.jpg) repeat-y  center top;}

.head-bg{height:100px;padding:10px 0; background:url(../images/logo_bg.jpg) no-repeat}

.logo{float:left;display:block; width: 173px;height: 88px;margin-top:6px; background:url(../images/logo.png) no-repeat;}

.search{float:right;width:340px;padding-left:40px;height:44px;margin-top:20px; background-color:#fff; background-position:-86px 12px;}

.search-area{float:left;width:200px;height:20px; line-height:20px;padding:12px 10px; border:0; color:#3d5268; font-size:16px;}

.search-btn{float:left;width:120px;height:44px; border:0 none; background:#e94b1a; color:#fff; font-size:16px; cursor:pointer;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}

.search-btn:hover{background:#f60;}



.nav{height:48px;background:url(../images/head_bg.jpg) repeat-y  center top;}

.nav-cont{height:48px;background:#166aa4; cursor:pointer;}

.nav-cont ul{float:left;width:980px;height:48px;}

.nav-cont ul li{float:left;height:48px;font-size:16px; }

.nav-cont ul li a{ position:relative;display:inline-block;padding:0 25px;height:46px;border-top:2px solid #166aa4; line-height:46px; color:#fff;}

.nav-cont ul li.on a{background:#fff;color:#3d5268;}

.nav-cont ul li a:hover{color:#e94b1a}

.cate-bar{ position:relative;float:left;width:220px; line-height:48px; font-size:18px; text-align:center;background:#3b5267; color:#fff;}

.cate-bar em{ position:absolute; right:14px;top:14px;width:24px;height:24px; background-position:-100px -48px;}

.icons-hot{position:absolute; top:-5px;left:50%;display:inline-block; width:20px;height:14px;background-position:-100px -114px;}

.icons-new{position:absolute; top:-8px;left:50%;display:inline-block; width:18px;height:19px;background-position:-100px -152px;}



.category{float:left;width:220px;height:592px; background:#344a5f}

.category ul li{position:relative;height:62px;padding:6px 10px 6px 20px;font-size:14px; cursor:pointer; overflow:hidden;}

.category ul li h3{position:relative;z-index:2;height:36px; line-height:36px;}

.category ul li h3 a{color:#cfdfef;}

.category ul li p{position:relative;z-index:2;height:26px; line-height:26px;}

.category ul li p a{margin-right:12px;color:#5f7a94;}

.category ul li p a:hovere{color:#fff;}

.category ul li h3 a:hover,.category ul li p a:hover{color:#fff;}

.category ul li i{position:relative;z-index:2;float:left;width:28px;height:62px;margin-right:16px;}

.icons-riyong{background-position:-200px 16px;}

.icons-canyin{background-position:-200px -32px;}

.icons-muyin{background-position:-200px -80px;}

.icons-qiche{background-position:-200px -128px;}

.icons-huwai{background-position:-200px -172px;}

.icons-yiliao{background-position:-200px -220px;}

.icons-jiadian{background-position:-200px -268px;}

.icons-banggong{background-position:-200px -316px;}

.category ul li:before {content: "";position:absolute;top: 0;left: 0;width: 0%;height: 100%;background: #3b5267;z-index:1;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}

.category ul li:hover::before{width: 100%;}



.fs-middle{float:left;width:760px;margin:20px 0 0 20px;}
#slide.slide{position: relative;width:760px;height:300px; overflow:hidden;}
#slide .slide-list{width:760px;height:300px;}
#slide .slide-list li{position:absolute;left:0;top:0;width:730px;height:300px;}
#slide .slide-list li a{display:block;width:760px;height:300px;overflow: hidden;}
#slide .slide-control{position: absolute;bottom:16px;width:100%;text-align:center; z-index:100;}
#slide .slide-control ul li{display:inline-block;}
#slide .slide-control ul li{display:inline;width:0;height:0;font-size:0;color:#000;padding:6px;-webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%; margin-left: 8px;background: #fff;cursor: pointer;overflow: hidden;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7; opacity:.7;}
#slide .slide-control ul li.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; background-color:#008ceb;}
#slide .slide-tit{ position:absolute;left:0; bottom:40px;width:100%; text-align:center; color:#fff; font-size:18px; z-index:100; }
#slide .slide-tit a{color:#fff;}
#slide .bg{position: absolute;bottom: 0;left: 0;display: block; width: 100%; height: 90px;background-image: linear-gradient(transparent,#000);background-size: auto 100%;z-index:99;}

.fs-rec{margin-top:10px;width:760px; overflow:hidden;}

.fs-tit{height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#263341;}

.fs-rec ul{width:848px;}

.fs-rec ul li{float:left;width:120px;height:110px;margin:6px 92px 0 0; overflow:hidden;}

.fs-rec ul li p{height:24px; line-height:24px;text-align:center; font-size:14px;}

.fs-r{float:right;width:180px;margin-top:20px;}


















.hotcategory{position:relative;}

.hotcategory a{float:left;display:inline-block;margin:0 2px 2px 0;width:57px;height:36px; line-height:36px;text-align:center;color:#fff;}

.hotcategory a.sty-1{background:#607990;}

.hotcategory a.sty-2{background:#5d97b6;}

.hotcategory a.sty-3{background:#62b5a9;}

.hotcategory a.sty-4{width:116px;height:74px; line-height:74px; background:#607990;}

.hotcategory a:hover{background:#166aa4}



#recFous.slide{position: relative;width:180px;height:234px;margin-top:30px; overflow:hidden;}
#recFous .slide-list{width:180px;height:234px;}
#recFous .slide-list li{position:absolute;left:0;top:0;width:180px;height:234px;}
#recFous .slide-list li a{display:block;width:180px;height:234px;overflow: hidden;}
#recFous .slide-control{position: absolute;bottom:16px;width:100%;text-align:center; z-index:100;}
#recFous .slide-control ul li{display:inline-block;}
#recFous .slide-control ul li{display:inline;width:0;height:0;font-size:0;color:#000;padding:4px;-webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%; margin-left: 8px;background: #fff;cursor: pointer;overflow: hidden;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7; opacity:.7;}
#recFous .slide-control ul li.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; background-color:#008ceb;}
#recFous .slide-tit{ position:absolute;left:0; bottom:30px;width:100%; text-align:center; color:#fff; font-size:13px; z-index:100; }
#recFous .slide-tit a{color:#fff;}
#recFous .bg{position: absolute;bottom: 0;left: 0;display: block; width: 100%; height: 80px;background-image: linear-gradient(transparent,#000);background-size: auto 100%;z-index:99;}








.excellent-tit{height:50px; line-height:50px;}

.excellent-tit h3{display:inline;font-size:22px; font-weight:bold;color:#263341;}

.excellent-tit span{padding:0 10px; font-size:14px;}

.excellent ul li{float:left;width:150px;margin:10px 0;}

.excellent ul li a{display:block;width:100%;height:100px;padding:20px 0; text-align:center; font-size:18px; font-weight:bold;}

.excellent ul li a:hover{background:#b4bfca; color:#263341;}

.excellent ul li a i{display:inline-block;width:28px;height:56px;margin:0 auto;}

.icons-chongwu{background-position:-300px 16px;}

.icons-yinyou{background-position:-300px -32px;}

.icons-gaogengxie{background-position:-300px -80px;}

.icons-baobao{background-position:-300px -128px;}

.icons-zuoyi{background-position:-300px -176px;}

.icons-meifa{background-position:-300px -224px;}

.icons-mianmo{background-position:-300px -274px;}

.icons-tianpin{background-position:-300px -322px;}



.b-titles{height:50px; font-size:22px; line-height:50px; font-weight:bold; color:#263341}

.p-g{padding-right:30px;}

.p-g ul li{padding:20px 0; overflow:hidden;}

.p-g-pic{float:left;display:inline-block;width:140px;height:111px; overflow:hidden;}

.p-g-chara{float:right;width:220px;}

.p-g-tag{height:20px; line-height:20px;font-size:14px;}

.p-g-tag a{font-weight:bold;color:#8c9eb1;}

.p-g-bt{margin:6px 0; line-height:20px;max-height:40px;font-weight:bold; font-size:18px; overflow:hidden;}

.p-g-c{font-size:14px;color:#6b7c92;}

.discount{height:435px; overflow:hidden;}

.discount ul{height:400px; overflow:hidden;}

.discount ul li {padding:30px 0;overflow:hidden;}

.discount ul li .img{float:left;display:inline-block;}

.discount ul li .chara{float:right;width:210px;}

.discount ul li .chara .tit{margin-bottom:15px;max-height:48px; line-height:24px;font-size:20px;font-weight:bold; overflow:hidden;}

.discount ul li .chara .price{height:24px; line-height:24px;margin-bottom:15px; font-size:20px; font-weight:bold;}

.original{margin-right:20px;color:#8c9eb1; text-decoration:line-through;}

.preferential{color:#3ece8d;}

.discount .port-btn{display:block;height:35px; line-height:35px; text-align:center; background:#0581c9; color:#fff;}

.discount .port-btn:hover{ background:#1495e0; }

.dis-control{margin-top:10px;text-align:center;}



.dis-control span.prev,.dis-control span.next{display:inline-block;width:10px;height:16px; filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;  opacity:.6;cursor:pointer;-moz-user-select: -moz-none; -moz-user-select: none;-webkit-user-select: none;user-select: none;}

.dis-control span.prev:hover,.dis-control span.next:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;  opacity:1;}

.dis-control span.prev{background-position:0 -114px;}

.dis-control span.next{background-position:-48px -114px;}

.dis-num{padding:0 20px;  font-size:16px; color:#0581c9; font-weight:bold;}



.news-ranks-tit{height:50px; line-height:50px;}

.news-ranks-tit h3{display:inline;font-size:22px; font-weight:bold;color:#263341;}

.news-ranks{overflow:hidden;}

.news-ranks ul{width:1230px;margin:20px 0;}

.news-ranks ul li{ position:relative;float:left;width:215px;height:272px;-webkit-border-radius:6px;-moz-border-radius:6px; border-radius:6px;margin-right:30px; background:#012d42; overflow:hidden;-webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s; transition: all .2s linear 0s;}

.news-ranks ul li img{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;}

.news-ranks ul li:hover {margin-top:-10px;}

.news-ranks ul li:hover .bt a{color:#0581c9;}

.news-ranks ul li .bt{max-height:52px;padding:5px 10px; line-height:26px;font-size:18px; font-weight:bold;}

.news-ranks ul li .bt a{color:#fff;}

.news-ranks ul li .tag{padding:5px 10px;}

.news-ranks ul li .tag a{color:#92a3b6; font-size:14px; font-weight:bold;}



.video{position:relative;width:215px;height:170px;z-index:10;}
.video i.mask{position:absolute; bottom:2px;left:0;width:215px;height:170px; background:#000; opacity:.4;filter:alpha(opacity=40);}
.video span.video-icon{position:absolute; bottom:0;left:0;width:215px;height:170px; background:url(../images/bfn2.png) no-repeat center center;}
.video:hover i.mask{display:block;}
.video:hover span.video-icon{display:block;}
.newest-rank-tit h3{display:inline;font-size:22px; font-weight:bold;color:#263341;}
.newest-rank ul{width:1230px;margin:20px 0;}
.newest-rank ul li{ position:relative;float:left;width:215px;height:240px;-webkit-border-radius:6px;-moz-border-radius:6px; border-radius:6px;margin:0 30px 30px 0; overflow:hidden;-webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s; transition: all .2s linear 0s;}
.newest-rank ul li img{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;}
.newest-rank ul li .bt{max-height:52px;padding:5px 10px; line-height:26px;font-size:18px; font-weight:bold;}
.newest-rank ul li .tag{padding:5px 10px;}
.newest-rank ul li .tag a{color:#92a3b6; font-size:14px; font-weight:bold;}



.home-l-tit h3{display:inline;font-size:22px; font-weight:bold;color:#263341;}
.home-l{ overflow:hidden;}
.home-l ul{width:866px;}
.home-l ul li{float:left;width:252px;height:208px;margin:0 36px 20px 0;}
.home-l ul li a.img{display:block;width:252px;height:168px;}
.home-l ul li .bt{height:32px;padding-top:4px; line-height:32px;font-size: 18px;font-weight:bold; text-align:center; overflow:hidden;}
.home-r-tit{height:30px;padding-bottom:10px; border-bottom:2px solid #e5e5e5; line-height:30px;padding-left:30px;font-size:18px;color:#e19d48; background:url(../images/ht-r.png) no-repeat 0 5px;}
.home-r ul li{height:40px; line-height:40px;margin-top:6px; overflow:hidden;}
.home-r ul li a{display:block;}
.home-r ul li a i{float:left;width:18px;margin:12px 10px  0 0; line-height:18px; text-align:center;background:#bbb; color:#fff; border-radius:2px;}
.home-r ul li a i.n1{background:#344a5f;}
.home-r ul li a i.n2{background:#6a91b7;}
.home-r ul li a i.n3{background:#a8c5e2;}
.home-r ul li a .bt{float:left;width:150px;height:40px; line-height:40px; font-size:16px;}
.hot-degree{position:relative;float:right;width:150px;height:40px;}
.hot-degree .hotline{position:relative;width:90px;height:4px;margin-top:18px; background:#ddd;}
.hot-degree .hotline em{position:absolute; top:0;left:0;display:block;width:auto;height:4px;background:#a8c5e2;}
.home-r ul li:first-child .hot-degree em{background:#fe741c;}
.home-r ul li:nth-child(2) .hot-degree em{background:#fdb80c;}
.home-r ul li:nth-child(3) .hot-degree em{background:#fbe01b;}
.hot-degree .hotnum{ position:absolute; top:0;right:0; color:#888;}

.bd-tab-bar{overflow:hidden;}
.bd-tab-bar ul li{float:left;display:inline-block;height:48px;margin-right:5px;padding:0 50px; line-height:48px; font-size:18px; font-weight:bold; background:#d6dbdf; cursor:pointer;}
.bd-tab-bar ul li.on{background:#344a5f; color:#fff;}
.bd-tab-cont{ overflow:hidden; }
.bd-tab-cont ul{display:none;width:1220px;}
.bd-tab-cont ul.curent{display:block;}
.bd-tab-cont ul li{float:left;display:inline-block; width:138px;height:100px;margin:20px 13px 0 0;}
.bd-tab-cont ul li a{display:block;}
.bd-tab-cont ul li a img{ font-size:0;border:1px solid #ddd;}
.bd-tab-cont ul li a div{height:24px;padding-top:4px; line-height:24px; text-align:center; font-size:14px; font-weight:bold; overflow:hidden;}
.brands-news-c1{margin:20px 0; overflow:hidden;}
.brands-news-c1 ul{width:1240px;}
.brands-news-c1 ul li{float:left;display:line-block;width:270px;height:220px;margin-right:40px;}
.brands-news-c1 ul li div{ height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.brands-news-c2 ul li{float:left;width:360px;height:80px;padding-right:40px;}
.brands-news-c2 ul li a{display:block;height:30px; line-height:30px; font-size:16px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.brands-news-c2 ul li a i{float:left;width:18px;margin:6px 6px  0 0; line-height:18px; text-align:center;background:#bbb; color:#fff; border-radius:2px; font-weight:normal; font-size:14px;}
.brands-news-c2 ul li div{height:26px; line-height:26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis; color:#999;}

.brands-news-c2 ul li:first-child  a i{background:#fe741c;}
.brands-news-c2 ul li:nth-child(2) a i{background:#fdb80c;}
.brands-news-c2 ul li:nth-child(3) a i{background:#fbe01b;}















.footer{padding:30px 0;background:#262a2e;}

.foot-m dl{float:left;width:120px;padding:0 50px; border-right:1px solid #2f2f2f;}

.foot-m dl dt{height:40px;  line-height:40px; color:#aaa; font-size:14px; font-weight: bold;}

.foot-m dl dd{height:26px; line-height:26px; font-size:12px;}

.foot-m dl dd a{ color:#666;}

.foot-m dl dd a:hover{ color:#777;}

.footer-code{float:left;width:400px;padding:0 50px; color:#fff;}

.footer-code img{float:left;dispay:inline-block;margin-right:30px;}

.footer-code p{font-size:16px; font-weight:bold;padding:40px 0 0 20px;}

.footer .crop{ text-align:center;}

.footer .crop p{ padding:10px 0; color:#666;}

.footer .crop img{margin:0 10px; font-family:Tahoma, Geneva, sans-serif}



.bread{height:24px;padding-top:10px;text-indent:20px;line-height:24px; color:#94a4b4;background-position: -360px 15px;}

.bread a{color:#3d5268;}

.lead{ position:relative;padding:20px;margin-top:20px;border:1px dashed #ccc;}

.lead h1{padding:10px 0 30px 0;line-height:48px;font-size:40px;font-weight:bold; text-align:center;color:#263341; }

.lead p{ line-height:32px;font-size:16px; text-indent:2em; color:#6b7c92}

.lead span{float:right;display:inline-block;width:240px;height:180px;padding:10px;margin-left:40px; background:#fff;-webkit-border-radius:20px;-moz-border-radius:20px; border-radius:20px;}

.lead i{position:absolute;width:18px;height:18px;}

.lead .icons_tr{top:-4px;right:-4px; border-top:4px solid #999; border-right:4px solid #aaa;}

.lead .icons_br{bottom:-4px;right:-4px; border-bottom:4px solid #999; border-right:4px solid #aaa;}

.lead .icons_bl{bottom:-4px;left:-4px; border-bottom:4px solid #999; border-left:4px solid #aaa;}

.lead .icons_tl{top:-4px;left:-4px; border-top:4px solid #999; border-left:4px solid #aaa;}



.top-list ul li{ position:relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:30px 30px 50px 30px ;overflow:hidden; border:2px solid #fff;}

.top-list ul li:hover{border:2px solid #aabacf;}



.tl-img{float:left;display:inline-block;width:138px; margin-right:20px;}

.tl-info{float:left;width:360px;}

.tl-info-tt{height:40px; line-height:40px; overflow:hidden; }

.tl-votes{height:40px; line-height:40px; font-size:14px; color:#888; overflow:hidden;}

.tl-votes span{color:#ff0d0d;}

.tl-info-tt a{font-size:20px; font-weight:bold;}

.tl-info-tt span{display:inline-block; width:24px; height:24px; font-size:16px; line-height:24px; text-align:center;  margin-right:10px;color:#fff;background:#ccc;-webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%;}

/*.tl-info-tt span.red{background:#dd2727;}

.tl-info-tt span.yellow{background:#fdaa01;}

.tl-info-tt span.blue{background:#3c9ad6;}*/

.tl-info-tt span.red1{background:#dd2727;}

.tl-info-tt span.red2{background:#fdaa01;}

.tl-info-tt span.red3{background:#3c9ad6;}



.vote-btns{height:20px;padding:10px 0; line-height:20px; }

.vote-btns div{ position:relative;float:left;display:inline-block;margin-right:10px; font-size:14px; cursor:pointer;}

.vote-btns div i{float:left;display:inline-block;width:20px;height:20px;margin-right:5px;}

.vote-btns div.like i{background-position:0 -192px;}

.vote-btns div.liked i{background-position:0 -222px;}

.vote-btns div.unlike i{background-position:-80px -192px}

.vote-btns div.unliked i{background-position:-80px -222px}

.vote-btns .like {color: #f00;}

.vote-btns .unlike{color: #999;}

.tl-intr{ line-height:24px;font-size:14px; color:#666;}

.add-animation{color: #000; position:absolute;top:-15px; left: 10px;font-size: 15px;opacity: 0;filter: Alpha(opacity=0); animation: mypraise 0.5s ;-webkit-animation: mypraise 0.5s ;}

@keyframes mypraise{0%{top:-15px;opacity: 0;filter: Alpha(opacity=0);opacity:0;}25%{top:-20px;opacity: 0.5;filter: Alpha(opacity=50);opacity:0.5;}50%{top:-25px;opacity: 1;filter: Alpha(opacity=100);opacity:1;}75%{top:-30px;opacity: 0.5;filter: Alpha(opacity=50);opacity:0.5;}100% {top:-35px;opacity: 0;filter: Alpha(opacity=0);opacity:0;}}

@-webkit-keyframes mypraise {0%{top:-15px;opacity: 0;filter: Alpha(opacity=0);opacity:0; }25%{top:-20px;opacity: 0.5;filter: Alpha(opacity=50);opacity:0.5;}50%{top:-25px;opacity: 1;filter: Alpha(opacity=100);opacity:1;}75%{top:-30px;opacity: 0.5;filter: Alpha(opacity=50);opacity:0.5;}100% {top:-35px;opacity: 0;filter: Alpha(opacity=0);opacity:0;}}

.praise-rate{float:left;width:140px;padding:30px 20px 0 20px;height:140px;}

.praise-rate .pr-tit{height:40px; line-height:40px; font-size:14px; text-align:center;}

.praise-ring{width: 140px;height: 100px;line-height: 100px;text-align: center;font-family: Georgia;font-size: 36px;font-weight: bold; white-space:nowrap;}

.tl-btns{float:right;width:100px;}

.tl-btns a{display:block;height:36px;margin-bottom:15px; line-height:36px; text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px; color:#fff;}

.tl-b1{background:#ef5661;}

.tl-b1:hover{background:#ff5d68;}

.tl-b2{background:#5fbff3;}

.tl-b2:hover{background:#5dc6ff;}

.tl-b3{background:#f3c45f;}

.tl-b3:hover{background:#ffcb5c;}

.tl-showmore{ position: absolute;bottom:0;width:100%;display:none;height:56px;margin-top:10px; line-height:56px; font-size:14px; color:#666; text-align:center; cursor:pointer}

.tl-showmore i{display:inline-block;width:18px;height:8px; background-position:0 -288px;}

.tl-relative{display:none;padding:10px 0 0 188px;background:url(../images/tl-bg.png) no-repeat 158px;}

.tl-relative dt{height:36px;margin-bottom:8px; line-height:36px;font-size:16px; font-weight:bold; color:#263341;}

.tl-relative dd{height:26px; line-height:26px; font-size:14px;}



.relative-ranks h3{height:48px; line-height:48px; font-size:24px;}

.relative-ranks ul li{float:left;display:inline-block;width:270px;height:40px;margin:14px 14px 0 0; line-height:40px; font-size:16px; border:1px solid #d1d8e1;padding:2px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}

.relative-ranks ul li a{ position:relative;display:block;background:#d1d8e1;height:40px;  text-align:center;z-index:2;}

.relative-ranks ul li:hover{border:1px solid #6b7c92;}

.relative-ranks ul li a:hover{ color:#fff;}

.relative-ranks ul li a:before {z-index:-1;content: "";position:absolute;top: 0;left: 0;width: 0%;height: 100%;background: #3b5267;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}

.relative-ranks ul li a:hover::before{width: 100%;}



.ot-list h3{height:48px; line-height:48px; font-size:24px;}

.ot-list ul li{padding:30px 0; overflow:hidden;}

.ot-list ul li .img{float:left;display:inline-block;width:138px; margin-right:20px;}

.ot-info{float:left;width:420px;}

.ot-info-tt{height:40px;line-height:40px;font-size: 20px;font-weight: bold;overflow:hidden; }

.ot-intr{padding-top:10px;line-height:24px;font-size:14px; color:#666;}

.ot-r{float:right;width:180px;height:100px;padding-left:30px; background:url(../images/tl-bg.png) no-repeat left 40px;}

.ot-r p{height:24px; line-height:24px; font-size:14px; color:#000;}


.big-brand ul li{float:left; position:relative;display:inline-block;width:120px;height:80px;margin:26px; overflow:hidden;}
.big-brand ul li i{ position:absolute; top:90px; left:0;width:120px;height:80px; background:#000; filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity: .8;opacity: .8;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}
.big-brand ul li span{position:absolute; top:90px; left:0;width:120px;height:30px; padding:20px 0; font-size:16px;text-align:center;color:#fff; cursor:pointer;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}
.big-brand ul li a img{width:120px;height:80px;}
.tit-a{height:48px; line-height:48px; font-size:24px; color:#222; text-indent:10px;}
.big-brand ul li:hover i{top:0;}
.big-brand ul li:hover span{top:0;}



.tit300{ position:relative;padding:10px 20px;height:32px; font-size:18px;  line-height:32px;padding-bottom:10px; color:#000;}

.tit300 a.more{font-size:14px;}

.welc-rank{ position:relative;font-size:14px; border:2px solid #d9dfe8}

.welc-rank .more{display:block;height:32px; line-height:32px;text-align:center;background: #9ed5f8; color: #fff;}

.welc-rank .more i{display:inline-block; width:16px;height:16px; background-position: 0 -308px;}

.welc-rank .more i.close{ background-position: 0 -260px;}

.welc-rank ul { overflow:hidden;}

.welc-rank ul li{height:48px; line-height:48px; background:url(../images/list_icon.png) no-repeat 14px 20px; text-indent:30px; overflow:hidden;}

.welc-rank ul li:hover{background:#3b5267 url(../images/list_icon.png) no-repeat 14px -30px; color:#fff;}

.welc-rank ul li:hover a{color:#fff;}

.welc-rank ul li:hover a{color:#fff;}

.welc-rank ul li a{float:left;display:inline-block;width:180px;}

.welc-rank ul li  span{float:right;display:inline-block; width:80px;padding-right:20px; text-align:right;}

.tit300 .hot-bar{ position: absolute;top:10px; right:10px;font-size:14px; color:#999;}



.cata-list{width:298px;padding-bottom:10px;font-size:14px; border:1px solid #ddd; background:#fff;}

.cata-list ul {padding:5px 0;}

.cata-list ul li{float:left;height:34px;margin:8px 0 0 8px; }

.cata-list ul li a{display:inline-block;height:34px;padding:0 18px; line-height:34px;}

.cata-list ul li a:hover{background:#3b5267; color:#fff;}



.brand-search{height:220px;padding:30px 40px;margin-top:10px; background:#000 url(../images/top-bg.jpg) no-repeat center center;}

.brand-search h1{margin-bottom:30px;text-align:center; color:#fff; font-size:48px; font-weight:bold;}

.brand-search p{ color:#b0bec5; font-size:14px; text-align:center;}

.bs-box{width:600px;height:60px;padding-left:40px; background-color:#fff; margin:40px auto 0 auto; background-position:-86px 22px;border-radius:6px;}

.bs-search-area{float:left;width:340px;height:20px; line-height:20px;padding:20px 10px; border:0; color:#3d5268; font-size:16px;}

.bs-search-btn{ position:relative;float:left;width:240px;height:60px; border:0 none; background:#e34818; border-radius:0 6px 6px 0; color:#fff; font-size:18px;cursor:pointer;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}

.bs-search-btn:hover{background:#f60;}



.hot-brand{position:relative;padding-top:31px; border:3px solid #3b5267;zoom:1;}

.hot-brand i.pos-tit{width:211px;height:40px;line-height:40px;text-align:center;color:#fff;background-position:0 -436px;position:absolute; top:-8px;_top:-5px;left:456px;font-size:18px;}

.hot-brand li{float:left;width:160px;height:194px;padding:30px 39px 0;overflow:hidden;text-align: center;}

.hot-brand li a{display:block;}

.hot-brand li a:hover img{border:1px solid #3b5267; }

.hot-brand li img{border:1px solid #e5e5e5;}

.hot-brand li a span{height:30px;line-height:30px;text-align:center;display:block;margin-bottom:2px;overflow:hidden;}

.hot-brand li p{height:20px;line-height:20px;color:#878787;}

.hot-brand li p em{color:#b10101;}

.titBrand{margin-bottom:25px;}



.classfiy-letter{position:relative;margin-top:30px;height:40px;font-size:16px;}

.classfiy-letter a{position:relative;float:left;display:inline-block;width:42px;height:42px;line-height:42px;margin-bottom:6px;background-color:#f4f4f4;text-align:center;color:#646464;}

.classfiy-letter a:hover{color:#b10101;text-decoration:none;}

.classfiy-letter a.current{width:42px; background:#3b5267; color:#fff}

.classfiy-letter span{position:relative;float:left;display:inline-block;width:106px;height:42px;line-height:42px;margin-bottom:6px;background-color:#ddd; text-align:center;}

.classfiy-letter a.current:after{content: "";position:absolute;top: 42px;left: 50%;width:0;height:0;margin-left:-6px;border-width:6px 6px 0;border-style:solid;border-color:#3b5267 transparent transparent;}

.classfy-items{padding-top:50px;}

.classfy-brand{position:relative;padding:62px 29px 13px;border:3px solid #e5e5e5;}

.classfy-brand i.pos-tit{position:absolute; top:-10px;left:456px;width:211px;height:40px;line-height:40px;text-align:center; background-position: 0 -532px; color:#fff; font-size:24px;}

.tit-brand{margin-bottom:25px;}

.tit-brand li,.tag-name li{float:left;display:inline-block;width:148px;margin-right:79px;overflow:hidden;}

.tit-brand li{height:120px;text-align: center;}

.tag-name li{height:32px;}

.tit-brand li a{display:block;}

.tit-brand li a:hover img{border:1px solid #000; }

.tit-brand li a img{border:1px solid #e5e5e5;}

.tit-brand li a span{display:block;height:30px;line-height:30px;text-align:center;margin-bottom:2px;overflow:hidden;}

.tag-name li{margin-bottom:14px;}

.tag-name li span{display:block;}

.tag-name li .en{color:#878787;}

.tag-name li .cname{height:17px;overflow:hidden;}



.product-info{ position:relative;height:120px;padding:40px;margin:20px auto 0 auto; background:#3b5267; color:#fff;}

.product-logo{float:left;width:180px;height:120px; text-align:center; background:#fff;}

.product-logo span{display:inline-block;height:100%;vertical-align:middle;}

.product-logo img{vertical-align:middle; max-width:100%;}

.product-short{padding-bottom:12px;}

.product-charas{position: relative;float:left;width: 500px;height:120px;padding-left:20px;}

.product-name{height:24px;padding-bottom:16px;line-height: 24px;font-size: 24px;}

.comment-btn{display:inline-block;padding:7px 30px; background-color:#ff532a;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px; border-radius:2px;}

.comment-btn:hover{background-color:#ff613b; color:#fff;}



.product-rate{float:left;padding:0 80px; text-align:center;}

.product-rate .pr-tit{height:36px; line-height:36px; font-size:14px; color:#48cda6;}

.pr-rt{position:absolute;top:10px;right:20px;background:rgba(255,255,255,.2);height:140px;width:130px;padding:20px;  text-align:center;}

.pr-rt .red{font-weight:bold;}

.pr-rt p{height:32px; line-height:32px; font-size:14px;}

.pr-rt .like,.pr-rt .unlike{ position:relative;height:24px;margin-top:12px;font-weight:bold;line-height:24px;-webkit-border-radius:12px;-moz-border-radius:12px; border-radius:12px; border:1px solid #fff;color:#fff; cursor:pointer;}

.pr-rt .liked{background:#fff;color:#3b5267}







.box-in{padding:20px 0;font-size:14px;}

.info-tit{height:40px; border-bottom:1px solid #ddd; font-size:18px; color:#3b5267;}

.info-tit span{float:left;height:40px; border-bottom:1px solid #3b5267; font-weight:bold;}

.base-infos ul{padding:10px 0;}

.base-infos ul li{float:left;width:48%;height:40px;padding:0 1%; line-height:40px;}

.base-infos ul li span{ padding-left:10px; color:#222;}

.base-infos ul li  span a{margin-right:10px; color:#3c9ad6;}

.base-infos ul li  span a:hover{ text-decoration:underline; color:#3c9ad6;}

.base-cont{padding:10px 0;line-height:28px;}

.base-cont h3{padding:10px 0;font-size:16px; color:#333;}

.base-cont p{padding:5px 0; text-indent:2em;line-height:28px;}

.base-infos ul li.shops{ background:url(../images/brand-bg.png) no-repeat;}

.base-infos ul li.shops a{padding:4px 5px 4px 26px; color:#dd2727; border:1px solid #dd2727; font-size:12px; border-radius:4px; }

.base-infos ul li.shops a:hover{color:#fff;background-color:#dd2727;}

.icons-tmall{background-position:6px -594px;}

.icons-jd{background-position: -90px -594px;}

.base-infos ul li.shops a:hover{ text-decoration:none}

.base-infos ul li.shops .icons-tmall:hover {background-position:6px -624px;}

.base-infos ul li.shops .icons-jd:hover {background-position: -90px -624px;}

.bd-related{color:#aaa;}

.bd-related dt{float:left;height:30px; line-height:30px; font-weight:bold;color:#333;}

.bd-related dd{float:left;height:30px; line-height:30px;}

.bd-related dd a{padding:0 10px; color:#0384c9;}

.bd-related dd a:hover{color:#f33;}



.base-praise{padding-top:20px;}

.base-praise p{text-indent:2em; line-height:30px;margin-bottom:10px;}

.base-praise ul li{float:left;width:440px;height:24px; line-height:24px; padding:8px 0; color:#888;}

.base-praise ul li span{color:#3b5267;}

.base-praise ul li a{color:#3b99d9;}

.base-praise ul li a:hover{color:#3b99d9; text-decoration:underline;}

.base-praise .update{padding:10px 0; text-align:right; color:#bbb; font-size:12px;}

.category-items{padding:20px 0 10px 0; }

.category-items span{float:left;display:inline-block;width:100px;padding-top:2px; text-align:center; color:#3b5267; font-size:16px; font-weight:bold;}

.category-items ul {float:left;font-size:14px;}

.category-items ul li{float:left;height:32px;padding:0 15px; line-height:32px; white-space:nowrap;}

.category-items ul li a{color:#666;}

.category-items ul li a:hover{color:#3b5267;}



.detail-bar{height:48px; border-bottom:2px solid #3b5267;}
.detail-bar ul li{float:left;height:48px;padding:0 20px; line-height:48px; font-size:16px; color:#3b5267; cursor:pointer;}
.detail-bar ul li.on{background:#3b5267; color:#fff;}
.dt-tabs .dt-tabbox{display:none;}
.dt-tabs .dt-tabbox.curent{display:block;}

.partake ul{padding:10px 0;}
.partake ul li{ padding:20px 0;overflow:hidden;}
.partake-info .tit{height:32px; line-height:32px;font-size:18px;margin-bottom:10px; font-weight:bold;}
.partake-info .rela{font-weight:bold; color:#6b7c92;}
.partake ul li .rks{float:left;display:inline-block;width:100px; height:48px;margin-right:20px;padding:8px; background:#872015; color:#fff; opacity:.95;}
.partake ul li .rks .placing{display:block; text-align:center;height:24px; line-height:24px; font-size:16px; font-weight:bold; overflow:hidden}
.partake ul li .rks .p-num{display:block; text-align:center;height:16px; line-height:16px;overflow:hidden}




.product-list{padding:10px 0;}

.product-list ul li{padding:20px 0; overflow:hidden;}

.product-list ul li .img{float:left;display:inline-block;width:180px;height:180px;margin-right:20px;}

.product-list ul li .info{float:left;width:360px;}

.product-list ul li .tit{height:40px;margin-bottom:10px; line-height:40px; font-size:22px; font-weight:bold; overflow:hidden; }

.product-list ul li .price{height:40px;margin-bottom:5px; line-height:40px; font-size:14px; color:#888;}

.product-list ul li .price span{font-size:18px; color:#b10101;}

.product-list ul li .intr{line-height:30px;font-size:14px; color:#666;}

.product-list ul li .praise-rate{float:left;width:100px;padding:30px 40px 0 40px;height:180px;}

.product-list ul li .btns{float:right;width:120px;height:180px;}

.commt-peo{height:30px; margin:40px 0 10px 0;line-height:30px;font-size:14px; color:#666; text-align:center;}

.commt-peo span{color:#b10101;}

.to-commt{display:block; height:24px;margin:10px 0; line-height:24px;border:1px solid #b10101; border-radius:14px; text-align:center; color:#b10101}

.to-commt:hover{background:#b10101; color:#fff;}



.page {text-align:center; clear:both;}

.page span,.page a {display:inline-block; margin-right:4px;margin-bottom:5px; color:#666;}

.page a,.page span {padding:6px 13px; border:1px solid #e8e8e8; }

.page a:hover,.page a.on {background:#3b5267; border:1px solid #3b5267; color:#fff; text-decoration:none; }


.comment{padding:20px 0; }

.ct_box{width:860px;height:72px;padding:10px;border:1px solid #ccc; line-height:18px; resize:none; overflow-y:scroll; }

.ct_name{width:120px;height:24px;margin-top:10px;padding:0 4px; line-height:24px;border:1px solid #ccc;}

.use_nm{float:left;line-height:24px;color:#999;}

.ct_btn{display:inline-block;padding:7px 25px 7px 30px; border:0 none; background-color:#ff532a; color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px; border-radius:2px;cursor:pointer;}

.sbmit{float:right; display:block;margin-top:10px;}

.give-pf{padding-left:40px;height:42px; line-height:42px;}

.message{overflow:hidden;}

.message_img{display:block;float:left;width:60px;height:60px;margin-right:20px;-webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%; overflow:hidden}

.message_img img{-webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%;}

.messages_infos{color:#a6aab3;padding-bottom:10px; font-size:12px;}

.messages_infos span{padding-right:20px;}

.messages li{margin:30px 0; color:#555; overflow:hidden;}

.nic_name{color:#a3abb8;padding-right:20px;}

.rec-tit{height:40px;padding-bottom:10px; line-height:40px; font-size:24px; color:#333;}

.brand-how{padding:10px 0;font-size:14px;}

.brand-how p{padding:5px 0; line-height:28px; text-indent:2em;}

.web-tags .items{padding:10px 0;}
.web-tags .items span{display:block;height: 88px;line-height: 88px; font-size: 24px;}
.web-tags .items ul li {float: left; display: inline-block;height: 40px;line-height: 40px;padding: 0 15px;font-size: 14px;margin: 5px 15px 0 0; white-space: nowrap;}

.website dl{margin:10px 0px;}
.website dl dt{height: 56px; line-height: 56px;font-size: 24px;font-weight: bold;}
.website dl dd {font-size: 14px;}
.website dl dd a {float: left;display: inline-block;height: 32px;line-height: 32px; padding: 0 20px 0 0;}

.video-wrap{padding:10px;background:#333;}
.video-wrap .bread{padding-top:0; color:#94a4b4;background-position: -360px 6px;margin-bottom: 5px;}
.video-wrap .bread a{color:#94a4b4;}
.video-cont{widht:100%;background:#222; color:#fff;}
.video-zoom{width:853px; overflow:hidden;}
.video-player{width:853px;height:480px;background:#000;}
.video-tit{padding:10px 0 20px 0; line-height:36px;font-size:36px; text-align:center;}
.rela-video{width:330px;}
.rela-video-tit{height:46px;margin-bottom:10px; line-height:46px; font-size:18px;}
.video-info{height:24px; font-size:12px;padding-bottom:10px;    border-bottom: 1px dashed #ddd;margin:5px 0; line-height:24px;color:#aaa; text-align:center;}
.video-info span{margin-right:20px; }
.rela-list{height:424px; overflow-y:scroll;}
.rela-list ul li{height:90px; margin-bottom:16px;}
.rela-list ul li a{display:block; color:#fff; overflow:hidden;}
.rela-list ul li .item-thumb{float:left;width:140px;height:90px;}
.rela-list ul li a:hover .item-thumb{filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;  opacity:.9;}
.rela-list::-webkit-scrollbar {width: 10px; height: 100%;background: #222;}
.rela-list::-webkit-scrollbar-button {display: none;}
.rela-list::-webkit-scrollbar-thumb {background: #333; border-radius: 15px; }
.rela-list::-webkit-scrollbar-track-piece { border: 1px solid #222 }
.rela-list ul li .item-info{float:right;width:150px;padding-right:10px;}
.rela-list ul li .item-info .bt{height:72px;font-size:16px; line-height:24px; overflow:hidden;}
.rela-list ul li .item-info .dur-time{height:18px; line-height:18px; color:#999; font-size:14px;}
.video-bts{height:48px; line-height:48px;padding-bottom:10px;border-bottom:1px solid #222;font-size:32px; font-weight:bold;}
.video-article-content{font-size:16px; overflow:hidden;}
.video-article-content .table-baseinfo{width: 100%;max-width: 100%;margin: 20px 0;}
.video-article-content .table-baseinfo td  {border: 1px solid #eee;height: 30px;padding:8px;line-height: 23px;font-size: 14px;color: #666;vertical-align: middle;}
.video-article-content .table-baseinfo .tb-base-name {width: 90px; text-align: right; color:#aaa;}
.video-article-content .table-baseinfo .tb-base-value {width: 300px; max-width: 300px;}
.video-article-content .table-baseinfo  td{overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.product-intr .table-baseinfo a{color:#ff1216;}
.video-article-content p{padding:15px 0; line-height:32px;}
.video-article-content p a{color:#ff1216;}
.video-article-content .table-baseinfo a:hover,.product-intr p a:hover{text-decoration:underline;}
.video-article-content img{display:block;max-width:100%;margin:0 auto;}
.viewgoods{ position:relative;margin:40px auto;background:#fff; overflow:hidden;}
.viewgoods .img{ position:relative;float:left;margin-right:25px;display:inline-block;width:300px;height:300px;}
.viewgoods .specs{height: 48px;margin-top:10px;padding:0 10px;line-height: 36px;font-size: 16px;}
.viewgoods .price {color: #8c8c8c;}
.viewgoods .price {color: #8c8c8c;}
.viewgoods .price .rmb {font-size: 20px;color: #ff1216;margin-right: 3px;}
.viewgoods .price .m-num {color: #ff1216;font-size: 32px;font-family:Georgia, "Times New Roman", Times, serif;}
.viewgoods .reason-tit{ font-size:14px;margin:20px 0 0 0;color:#000; font-weight:bold;}
.viewgoods .reason{ padding-top: 10px;line-height: 36px; color: #666;}
.viewgoods-mask{position:absolute;top:0; left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;  opacity:0;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}
.viewgoods .img .goods-btn {display:none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;  opacity:0;position:absolute;top:50%; left:50%;z-index:2; display: inline-block;width: 136px;height: 40px;margin:-20px  0 0 -68px;line-height: 40px;background:#fe7a24;border-radius:30px;color: #fff;text-align: center;font-size: 16px; text-decoration:none;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}
.goods-bt {margin:20px 0;font-size:24px;font-weight:bold;color:#000;overflow:hidden;border-bottom: 1px solid #ddd;padding-bottom: 12px;text-indent:14px;}
.goods-bt:before {content: "";float: left;display: block;width: 5px;height: 20px;background-color: #d21a3c;margin: 8px 5px 0 0;}
.viewgoods .img:hover .viewgoods-mask{display:block;filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;  opacity:.3;}
.viewgoods .img:hover .goods-btn {display:block;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;  opacity:1;} 
.googs-link{ position:absolute;top:110px;right:220px;display: inline-block;width: 136px;height: 40px;line-height: 40px;background:#fe7a24;border-radius:30px;color: #fff;text-align: center;background:#fe7a24;border-radius:30px;color: #fff;text-align: center;font-size: 16px; text-decoration:none;opacity: .8;filter:alpha(opacity=80);}
.googs-link:hover:hover{color:#fff;opacity:1.0;filter:alpha(opacity=100);}
.video-rank ul li{ padding:30px;overflow:hidden; }
.video-rank ul li .tl-img{width:148px;height:148px;}
.video-rank ul li .tl-info{float:left;width:420px;}
.recommend .rec-title{font-size: 22px;margin-bottom: 20px;}
.recommend .rec-rank li{margin:15px 0 ;}
.recommend .rec-rank li a{ position:relative;display:block; overflow:hidden;}
.recommend .rec-rank li .item-thumb{position:relative;float:left;display:inline-block;margin-right:10px;}
.recommend .rec-rank li .item-thumb .item-mask {display:none;position: absolute;  top: 0;left: 0;width:140px;height:90px; z-index: 2;background: #000;filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;  opacity:.3;}
.recommend .rec-rank li .item-thumb .icon-play{display:none;position:absolute; top: 0;left: 0;width:140px;height:90px; z-index: 3;background: url("https://pinpai.phb123.com/skin/pinpaihz/images/bfn2.png") no-repeat center center;}    
.recommend .rec-rank li .item-thumb img{display:none;}
.recommend .rec-rank li .rank-num{display:block;z-index: 4; position: relative; top: 0;left: 0;width: 50px; height: 30px; margin-bottom:40px;line-height: 30px;font-size:16px; text-align: center;color:#aaa;-webkit-border-radius:0 15px 15px 0;-moz-border-radius:0 15px 15px 0; border-radius:0 15px 15px 0;}
.recommend .rec-rank li .item-info{color:#333;}
.recommend .rec-rank li .item-info .bt{max-height:52px; margin-bottom:10px;line-height:26px;font-size:16px; overflow:hidden;}
.recommend .rec-rank li .item-info .dur-time{ line-height:24px; font-size:14px; color:#999;}
.recommend .rec-rank li.on .item-thumb{width:140px;height:90px;}
.recommend .rec-rank li.on .item-thumb img{display:block;}
.recommend .rec-rank li.on .rank-num{position:absolute; color: #fff;background: #89ba21;}
.recommend .rec-rank li.on .item-thumb .item-mask {display:block;}
.recommend .rec-rank li.on .item-thumb .icon-play{display:block;}
.recommend .rec-rank li .rank-num.frist{background:#ff7f55;color: #fff;}
.recommend .rec-rank li .rank-num.second{background:#ffc46a;color: #fff;}
.recommend .rec-rank li .rank-num.third{background:#8ddccc;color: #fff;}

.friends-tabs {position: relative;height:46px;border-bottom: 1px solid #ddd;}
.friends-tabs div {float: left;width:100px; text-align:center;font-size:18px;height:46px; line-height:46px;color: #333;cursor: pointer;}
.friends-tabs .line {position: absolute;bottom: -1px;left: 35px;display: block;width: 30px;height: 2px;background: #264391;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.friends-cont{padding:15px 0;}
.friends-box{display:none;}
.friends-box.curent{display:block;}
.friends-box ul li{float:left;height:30px; line-height: 30px; font-size:14px; word-wrap: break-word;word-break: keep-all;overflow: hidden;}
.friends-box ul li a{padding: 0 8px;color: #999;}