﻿/**
* author: zhq
* date: 2015-12-18
**/
/*public style*/

.main_nav ul li a { padding: 0 26px; }
.sub_nav ul li a {padding: 0 24px; }

h3{font-weight: normal;}
.container{width: 1200px;margin: 0 auto;}
.high{color: #f00;font-style:normal;}
.bt{padding-left: 105px;}
.bt a{display: inline-block;}
.pl{padding-left: 40px;height: 20px;}
.select-box dl dd a:hover,.selected,.select-box dl dd a.click{color: #fff;background: #773b09;}
.selected:hover{color: #fff;}
.select-box .hide{display: none;}
/*breadcrumb*/
.breadcrumb {height:18px; padding: 10px 0 6px;}
.breadcrumb p {line-height:18px; height:18px;}
/*quote*/
.quote{line-height: 24px; padding: 20px 0;}
.quote h3{text-align: center;font-size: 20px;}
.quote p{float: right;color: #959595;}
/*nav*/
.nav{width: 1200px;padding: 1px;margin-bottom: 40px;}
.select{position: relative;width: 100%;background: #f9f9f9;line-height: 35px;padding: 0 18px 0 19px; overflow: hidden;}
.bro{margin-right: 16px;}
.select-item a{position: relative;display: inline-block;height: 22px;line-height: 22px;color: #773b09;border: 1px solid #c9c9c9;padding: 0 10px 0 10px;margin-right: 9px;*margin-top: 5px;
        margin-top: 7px;}
.close{position: absolute;top: 0;right: 0;width: 24px;height: 22px;background: url(../image/icon.png) 0 0 no-repeat;}
.select-item a:hover{border-color: #773b09;}
.select-item a:hover .close{background-position: -28px -172px;}
.eliminate{float: right;color: #626262;}
.select-box{position: relative;overflow: hidden; border: 1px solid #ccc; margin-top: 7px; margin-bottom:18px;}
.select-box dl{position: relative;line-height: 20px;border-top: 1px dotted #c9c9c9;padding: 12px 0;margin-top: -1px;*line-height: 18px;}
.select-box dl dt{position: absolute;top: 12px;left: 0;width: 66px;text-align: left;height: 20px;font-size: 14px;text-indent:15px;}
.select-box dl dd{position: relative;margin-left: 66px;zoom: 1;}
.select-box dl dd .all{position: absolute;top: 0;left: 0;}
.select-box dl dd .all a{display: block;width: 30px;height: 15px;line-height: 15px;text-align: center;margin-top: 1px;padding: 0;font-style:normal;}
.select-box dl dd a{height: 16px;line-height: 15px;margin: 0 14px 16px 0;padding: 0 3px;white-space: nowrap;}
.select-box .brand{padding: 12px 0 0 0;}
.select-box .bt a{*margin-top: 3px;}
.brand-list{position: relative;padding-right: 35px;overflow: hidden;}
.stype{float: left;margin: 0 7px 0 -99px;color: #969696;height: 16px;line-height: 15px;padding: 2px 3px;}
.stype1{float: left;color: #969696;height: 16px;line-height: 15px;padding: 2px 3px;font-weight: bold;}

.more,.packup{ display: none; position: absolute;right: 0;top: 0;width: 27px;height: 16px;line-height: 16px;padding-left: 13px;border: 1px solid #f0f0f0;margin-top: 2px;background: #f0f0f0 url(../image/arrow.png) 0 0 no-repeat;cursor: pointer;}
.packup{background: #f0f0f0 url(../image/arrow.png) 0 -13px no-repeat;display: none;}
.more:hover,.packup:hover{color: #773b09;border-color: #773b09;}

.series{position: relative;width: 960px;border: 1px solid #c9c9c9;background: #f9f9f9;clear: both;padding: 13px 0 0 119px;margin: 0 0 15px 67px;*padding-top: 17px;}
.series em{float: left;margin-left: -100px;display: inline;width: 100px;overflow: hidden;}
.series b{float: left;font-weight: 100;margin-right: 8px;font-style:normal;}
.select-box .series .all{top: 13px;*top: 17px;left: 62px;}
.select-box .series a{margin-bottom: 18px;height: 15px;}
.search,.pack{height: 35px;background: #f9f9f9;text-align: center;}

.pack{display: none;}
.more-sel{display: inline-block;height: 27px;width: 278px;background: #fff;border: 1px solid #e5e5e5;border-top: none;text-align: center;line-height: 27px;margin-right: 13px;*display: inline;zoom: 1;}
.more-sel a{display: block;}
.arr{display: inline-block;width: 9px;height: 6px;background: url(../image/arrow.png) -2px -6px no-repeat;margin-left: 6px;vertical-align: middle;}
.pack .arr{background-position: -2px -19px;}
.high-sel{display: inline-block;color: #996600;*display: inline;zoom: 1;vertical-align: top;line-height: 27px;}

/*watch*/
.watch,.watch-tile,.watch-list{width: 982px;overflow: hidden;}
.watch{margin-bottom: 90px;}
.watch-tile{padding-top: 29px;}
.watch-tile img{width:100%;margin: auto;}
.watch-nav{position: relative;z-index: 1;width: 980px;height: 38px;line-height: 38px;border: 1px solid #e5e5e5;background: #f9f9f9;}
.watch-sort a{float: left;padding: 0 16px;font-size: 14px;}
.watch-sort a .arr{margin-left: 4px;}
.watch-sort a:first-child { margin: -1px 0 0 -1px; }

.hide-list{position: absolute;top: 39px;left: 222px;width: 65px;border: 1px solid #e5e5e5;border-top: none;z-index: 1;background: #fff;text-align: center;padding: 0 3px;display: none;}
.hide-list em{display: block;height: 23px;padding-top: 4px;border-top: 1px dotted #dedede;margin-top: -1px;line-height: 23px;}
.hide-list em a{display: inline-block;width: 65px;border: none;line-height: 18px;height: 18px;text-align: center;overflow: hidden;zoom: 1;}

.watch-sort .selected{height: 40px; margin-top: -1px;}

.new:hover{position: relative;z-index: 2;padding: 0 15px;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;height: 39px;background: #fff;}
.new:hover .arr{background-position: -3px -19px;}
.new.hover,.new.selected{position: relative;z-index: 2;padding: 0 15px;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;height: 39px; background-color: #fff;}
.new.selected{ color: #fff; background-color:#773b09;  }
.new.hover .arr{background-position: -3px -19px;}

/*.watch-sort .new2{padding: 0 16px;color: #fff;background: #773b09;}*/
.watch-sort .selected .arr{background-position: -3px -46px;}
.watch-sort .new.selected:hover{position: relative;z-index: 2;padding: 0 15px;background-color: #773b09;}
.watch-sort .new.selected:hover .arr,.watch-sort .selected.hover .arr{background-position: -3px -59px;}
.watch-sort .new.selected.hover{position: relative;z-index: 2;padding: 0 15px;}

.sort-mode a{float: left;width: 26px;height: 21px;background: url(../image/icon.png) no-repeat;margin: 9px 8px 0 0;}
.sort-mode .sort-tile{background-position: 0 -22px;}
.sort-tile.hover{background-position: -26px -22px;}
.sort-mode .sort-list{background-position: 0 -43px;}
.sort-list.hover{background-position: -26px -43px;}
.sort-mode span{padding: 0 17px;}
.sort-mode span b{color: #773b09;}
.sort-mode span i{font-style: normal;}

.watch-tile ul{overflow: hidden;margin-top: -40px;}
.watch-tile ul li{float: left;width: 310px;border: 2px solid #e3e2e2;margin: 40px 20px 0 0;}
.watch-tile ul li:nth-child(3n+3){margin-right:0;}

.watch-pic{position: relative;display: block;width: 100%;border-bottom: 1px solid #e3e2e2;}

.ih{position: absolute;top: 235px;left: 6px;width: 70px;height: 70px;background: url(../image/sihh.png)  no-repeat;}
.icon-sihh{background-position: 0 0;}
.icon-basel{background-position: 0 -70px;}
.icon-stars{background-position: 0 0;background: url(../image/stars.png)  no-repeat;}
.icon-gphg{background-position: 0 0;background: url(../image/gphg.png)  no-repeat;}
.icon-gphg2019{background-position: 0 0;background: url(../image/gphg2019.png)  no-repeat;}


.watch-link{height: 48px;line-height: 40px;font-size: 14px;text-align: center;overflow: hidden;margin-top: 5px;}
.attr,.money{text-align: center;overflow: hidden;color: #969696;}
.attr{height: 28px;line-height: 28px;}
.money{height: 25px;line-height: 25px;border-bottom: 1px solid #e3e2e2;font-size: 14px;}
.watch-icon a{position: absolute;background: url(../image/icon.png) no-repeat;}
.watch-icon .com{bottom: 4px;right: 67px;width: 21px;height: 17px;background-position: 0 -67px;}


.watch-icon .big-pic{bottom: 4px;right: 35px;width: 23px;height: 17px;background-position: 0 -87px;}


.watch-icon .plus{bottom: 4px;right: 10px;width: 16px;height: 16px;background-position: 0 -108px;}

.praise{width: 224px;height: 33px;background: #f9f9f9;margin: 1px;text-align: center;}


.dai,.con{display: inline-block;height: 19px;width: 55px;color: #999;cursor: pointer;line-height: 33px;vertical-align: top;}
.dai{margin-right: 35px;width: 62px;}
.icon{display: inline-block;background: url(../image/icon.png) no-repeat;margin-right: 5px;vertical-align: middle;}
.dai i{width: 21px;height: 17px;background-position: 0 -127px;}
.dai:hover i{background-position: -31px -127px;}
.dai.click i{background-position: -31px -127px;}
.con i{width: 20px;height: 19px;background-position: 0 -148px;}
.con:hover i{background-position: -32px -148px;}
.watch-list{margin-top: 5px;}
.watch-list img{width: 120px;height: 180px;}
.wl{border-bottom: 1px solid #e5e5e5;padding: 17px 0 25px 0;}
.picbox{float: left;width: 118px;text-align: center;margin-right: 20px;}
.btn{width: 100px;height: 24px;border: 1px solid #e5e5e5;background: #fff;margin-top: 11px;cursor: pointer;}
.btn i{float: left;width: 13px;height: 13px;background: url(../image/icon.png) -31px -5px no-repeat;margin: 3px 0 0 11px;}

.param-col{float: right;width: 844px;}
.param-tit{height: 36px;line-height: 36px;border-bottom: 1px dotted #c9c9c9;padding-right: 30px;}
.param-tit h3{float: left;font-size: 16px;margin-right: 15px;height: 36px;overflow: hidden;max-width: 680px;}
.param-tit em{float: left;color: #a0a0a0;}
.param-tit span{float: right;color: 14px;}

.param-box{margin-top: 14px;overflow: hidden;padding-right: 18px; height: 108px; position:relative;}
.param-box ul{width: 675px;}
.param-box ul li{float: left;width: 225px;height: 36px;line-height: 36px;overflow: hidden;}
.param-box ul li span{color: #969696;}
.other-attr{width: 60px; position: absolute; right: 0;}
.other-attr .dai,.other-attr .con,.other-attr .img{display: inline-block;margin: 0;height: 36px;line-height: 36px;overflow: hidden;color: #999;}
.img .icon{width: 23px;height: 17px;background-position: 0 -87px;}

.slide-box{ width:300px; height:324px; overflow:hidden; position:relative; background:url(../image/loading.gif) #fff center center no-repeat;}
.sex-watch { overflow: hidden; }
.sex-watch .picbox  { width: 250px; }
.sex-watch .picbox img { float: left; margin-right: 5px;}
.sex-watch .param-col { width: 712px; }
.sex-watch .param-box ul { width: 600px; }
.sex-watch .param-box ul li { width: 180px; }
.b_man,.b_waman{ background:url(../image/sex.jpg) 0 9px no-repeat; padding-left:20px; width: 180px;}
.b_waman{ background-position:0 -18px;}
.attr .b_man { background-position: 0 0; }
.attr .b_waman{ background-position:0 -28px;}
.watch-total{ color: #c00; margin-top: 20px; font-weight: 700; font-size: 14px; }
/*side*/
.intro-tit{height: 31px;line-height: 31px;border: 1px solid #e5e5e5;border-top: 3px solid #773b09;padding-left: 16px;font-size: 14px;}
.mod-intro{border: 1px solid #e5e5e5;border-top: none;word-wrap: break-word;line-height: 20px;padding: 0 10px;overflow: hidden;}
.intro-logo{display: block;width: 160px;margin: 16px auto 13px;text-align: center;}
.intro-logo img{border: 1px solid #e5e5e5;width: 160px;height: 80px;}
.intro-list{margin: 10px;}
.intro-list li{float: left;width: 160px;}
.intro-list li em{float: left;width: 110px;}
.intro-list li em.fu{width: 48px; text-align: right;}
.intro-list .brand-intro{margin-top: 15px;text-align: justify;}
.intro-list .brand-intro a{color: #960;}

.channel{height: 30px;margin: 18px 0 15px 0;text-align: center;}
.channel a{display: block;width: 148px;height: 28px;border: 1px solid #e5e5e5;margin: 0 auto;text-align: center;line-height: 28px;background: #f9f9f9;font-size: 14px;}
.channel a:hover { background-color: #773b09; color: #fff; border-color: #773b09; }

.side2{width: 200px;overflow: hidden; border: 1px solid #ddd; margin-top:30px;}
.adver { width: 200px; height: 350px; overflow: hidden; margin-bottom: 30px; }
.ns{margin-bottom: 36px;overflow: hidden;}
.tt{font-size: 22px;line-height: 30px;margin-bottom: 23px;}
.ns-list li{line-height: 20px;color: #626262;padding-left: 11px;background: url(../image/arrow.png) 0 -25px no-repeat;margin-bottom: 11px;height: 20px;overflow: hidden;}
.many{float: right;width: 43px;height: 18px;border: 1px solid #e3e2e2;line-height: 18px;text-align: center;color: #969696;cursor: pointer;}
.put-tit{height: 30px;overflow: hidden;}
.put-tit h3{float: left;}
.reset{float: right;width: 24px;height: 21px;background: url(../image/icon.png) 0 -173px no-repeat;margin-top: 5px;}
.put-watch-list{width: 198px;border: 1px solid #e3e2e2;margin: 21px 0 -1px 0;}
.put-watch-list ul{width: 198px;overflow: hidden;}
.put-watch-list ul li{width: 198px;border-bottom: 1px solid #e3e2e2;padding-top: 10px;text-align: center; display: none;}
.pw{display: block;width: 120px;height: 180px;margin: 0 auto;}
.put-txt{display: block;line-height: 18px;text-align: center;overflow: hidden;margin: 10px 0 11px 0;}
.hot-word .tt{margin-bottom: 14px;}
.word a{line-height: 28px;color: #626262;padding: 0 2px;}
.comments .put-tit{margin-bottom: 18px;}
.comments-list{width: 198px;border: 1px solid #e3e2e2;padding-top: 13px;overflow: hidden;}
.comments-list dl{margin: 0 5px 30px 5px; display: none;}
.dd{width: 140px;margin-left: 37px;padding-left: 10px;line-height: 20px;}
.dd p a{color: #969696;}
.txt{display: block; width: 176px; border-bottom:1px solid #e3e2e2 ;background: url(../image/txt-bg.png) 0 0 no-repeat;line-height: 20px;color: #626262;padding: 20px 6px 10px;}
/*article*/
.article{margin-top: 91px;}
.db{display: block;text-indent:-999em;}
.tit-bg{position: relative;width: 100%;height: 59px;margin-bottom: 49px;background: #fff url(../image/tit-bg.png) center center repeat-x;}
.tit-article{width: 497px; height: 57px; background: url(../image/tit-brand.png) no-repeat 0 -456px; margin: 0px auto; }
.article-main{ margin-right: -45px; overflow: hidden;  }
.article-main li{width: 370px; float: left; margin-right: 45px;}
.article-main li dl{ margin-bottom: -1px; overflow: hidden; }
.article-main li dl dt{ margin-bottom: 30px; width: 370px; height: 200px; overflow: hidden;}
.article-main li dl dd{height: 40px; overflow: hidden; font-size: 14px; line-height: 40px; border-bottom: 1px dashed #d4d4d4; text-indent: 30px; background: url(../image/no.jpg) no-repeat 0 0;}
.article-main li dl dd.no1{background-position: 0 6px;}
.article-main li dl dd.no2{background-position: 0 -33px;}
.article-main li dl dd.no3{background-position: 0 -72px;}
.article-main li dl dd.no4{background-position: 0 -114px;}
/*paihangbang*/
.container_rank { margin-top: 100px; }
.side2-article-wrap {width:260px; padding-right: 40px; float:left;}
.side2-article-wrap h3{ font-size:16px; color:#2a0f03; font-weight:100; position:relative;}
.side2-article-wrap h3 em{ font-size:12px;}
.side2-article-wrap h3 a { position: absolute; right: 0; font-size: 12px; color: #773b09; height: 28px; line-height: 28px;}
.side2-article-wrap h3 a:hover { color: #960; }
.rank_lis_box{ border:1px solid #d5d5d5;margin-top:5px; border-top:none; background:#ffffff;}
.side2-article-tab { overflow:hidden; width:260px;}
.side2-article-tab li{ width:129px;height:33px; float:left; overflow:hidden; border:1px solid #d5d5d5; margin-left:-1px; border-right:none;line-height:34px; cursor:pointer; text-align:center; background:#f6f6f6; font-size:14px; font-weight:700; color: #999;}
.side2-article-tab li.hover{ border-top:2px solid #773b09; line-height:32px; border-bottom:0; background:#ffffff; cursor:default; color:#666;}
.side2-article-tab li.hover span{ color:#666;}
.side2-article-tab-2 li{ width:154px;}
.side2-article-tab-2 li.hover { width:154px;}
.side2-article-tab-1{ border-top:1px solid #d5d5d5; overflow:visible;}
.side2-article-tab-1 li.hover { margin-top:-1px;}
.side2-article { display:none; padding:10px 30px 20px;}
.side2-article li { height:26px; line-height:26px; overflow:hidden;}
.side2-article li a { color: #999; }
.side2-article li a:hover{ color: #960; }
.side2-article li i { display:inline-block;color:#969696;width:20px; text-align:center;font-style:normal; font-family:Verdana; margin-right:6px;}
.side2-article li i.red { color:#c00;}
.side2-article-wrap3 { width: 300px; }
.side2-article-tab3 { width: 300px; }
.side2-article-tab3 li { width: 99px; }
.side2-article-tab3 li.hover { width: 100px; }
.hot-link { border-top: 2px solid #773b09; height: 283px; padding-bottom: 40px; overflow: hidden;}
.hot-link p { padding: 16px 15px 0 ; height: 283px; overflow: hidden; }
.hot-link a{display: inline-block;font-size: 12px;line-height: 26px;padding: 0 3px; color:#999}
.hot-link a:hover { color: #960; }
.side2-article-wrap4 { padding-right: 0; }
/*float-compare-bar*/
.float-compare-bar {position:fixed; top:10px; right:10px; z-index:99; margin-left:490px; width:130px;_position:absolute; _top:expression(eval(document.documentElement.scrollTop + 50))}
.barhd {position:relative; zoom:1; height:24px; line-height:24px; text-align: center; padding-left:10px; background: #773b09; color:#fff;}
.barhd strong {font-weight:normal}
.float-compare-list {border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6}
.float-compare-list li {position:relative; zoom:1; padding:8px;  border-bottom:1px solid #e5e5e5; background:#f9f9f9; text-align:center; cursor:default; vertical-align:middle}
.compare-pic{ width: 95px; margin: 0px auto; background-color: #fff;  border:1px solid #cccccc;}
.float-compare-list img {vertical-align:top; }
.float-compare-list p {margin-top:6px;line-height:18px; color:#773b09; background-color: blue; background: url(../image/compare.png)  0 0;}
.barclose,.liclose {position:absolute; top:4px; right:4px; width:16px; height:16px; background:url(../image/fclose_bg.png) no-repeat; text-indent:-9999em; overflow:hidden}
.barclose {background-position:0 0}
.barclose:hover {background-position:0 -18px}
.liclose {top:6px; right:6px;display:none;background-position:0 -36px; }
.liclose:hover { background-position:0 -54px}
.float-compare-list .hover .liclose {display:block; border: 1px solid #773b09; border-radius: 100px; background-color: #fff;}
.float-compare-btn {height:27px; border:1px solid #d6d6d6; border-top:0 none; background:#f9f9f9; text-align:center}
.float-compare-btn span {display:inline-block; width:100px; padding-bottom:1px;padding-bottom:0\9; height:18px; line-height:18px; border:1px solid #773b09; margin-top:3px; background:#fff; color:#960; cursor:pointer}
*html {_background-attachment:fixed; _background-image:url(about:blank)}

/*overlay*/
#overlay {position:fixed; _position:absolute; top:0; left:0;  z-index:1001; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=60);_height:expression(documentElement.offsetHeight +"px");_top:expression(documentElement.scrollTop +"px")}
*html body{_background-attachment:fixed; _background-image:url(about:blank)}

.alertmgs {text-align:center;color:red;font-size:14px;}

/*纠错遮罩层的样式*/
#info_layer{position: absolute; top: 0pt; left: 0pt; margin-left: 90px; text-align: left;cursor: text;width:340px;overflow:hidden;color:#333333;}
#info_layer_textarea{ margin-left: 85px; width: 340px; height: 125px; line-height: 25px; padding:4px; overflow-y: scroll; text-align: left;color:#333333; }
.textarea{border: 1px solid #E3E3E3;height:125px;width:340px;line-height:25px;padding:4px;overflow-y:auto;}
.close_font{height: 30px; position: absolute; right: 0pt; top: 0pt; z-index: 3; width: 30px; line-height: 28px;cursor:pointer;color:#996600;}

/*顶通广告*/
.xbiao-top-wrap { width:1200px; }
/*宽屏浮标定位*/
.float-ico-xbiao { margin-left: 620px; }

.watch.buy{width:1200px;}

.watch-sj ul{overflow: hidden;margin-top: -40px;}
.watch-sj ul li{float: left;width: 310px;border: 2px solid #e3e2e2;margin: 40px 20px 0 0;}
.watch-sj .buymain{width:1200px;}
.watch-sj .buymain li{width:285px;}
.watch-sj .buymain li:nth-child(4n){margin-right:0;}

.dang_pic img{width: 160px;
margin: 20px auto;}
.clear{clear:both;}

.page-index{padding:3px 5px;border:1px solid #ccc;margin-left:5px;margin-right:5px;}
.page-pre{padding:3px 5px;border:1px solid #ccc;margin-right:5px;}
.page-numbar .a{padding:3px 5px;border:1px solid #ccc;margin-right:5px;}
.page-next{padding:3px 5px;border:1px solid #ccc;margin-right:5px;}
.page-last{padding:3px 5px;border:1px solid #ccc;}

.dang_pic li{text-align:center;}

