@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1200px){
body{overflow-x:scroll;}
}
html{font-size: 10px;}
body{width:100%;overflow-x: hidden; font-size:100%; color: #666; font-family:"arial","Microsoft YaHei","tahoma","sans-serif"; background:#f7f7f7;}
ol,ul,li{list-style:none;}
*{	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
body,ul,li,input,h1,h2,h3,h4,h5,h6,p,span,b,dl,dt,dd,header,menu,section,footer,nav,article,ol,button{ margin:0; padding:0;}	
h1,h2,h3,h4{ font-weight:normal;}	
img{border:0;vertical-align: middle;max-width: 100%;height: auto;}
em,i{ font-style:normal;font-size: 12px;color: #999;line-height: 16px;font-family: "arial","Microsoft YaHei","tahoma","sans-serif";}
a{ text-decoration:none;    color: #676767;}
.clearf:after,clearf:before{content:"";display:block; }
.clearf:after {clear:both;}
.clearf{zoom:1;}
.clearf li a{color:#000;}
.clearf li a:hover{color:#f54e30;}
.mr{max-width:1180px;margin: 0 auto;}
.mtop{ margin-top:.8em;}
.bgfff{ background:#FFF;}

.h1_hidden{ display:none;}
.fixed{position:fixed;z-index:500;top:0px;left:0px; width:100%;}
.s_nav{ background:url(../images_x/logo-2.png) 60% no-repeat #000;line-height: 37px;    border-bottom: 2px solid #900;}
.s_nav .logo{ float:left;/* width:50%; padding:.9em 0;*/line-height: 35px; }
.s_nav .logo img{line-height: 37px; }
.s_nav .logo .font_img{ margin-left:1em;}
.s_nav .search{ float:right;text-align:right;font-size: 12px;}
.s_nav .search span{font-size:.8em; margin-right:.2em;}
.active>a{color:#ce8d00 !important;}
.menu{/** width:49.999%; **/float:right;}
.menu_nav>ul>li{float:left;padding: 0px 15px;text-align:center;line-height:37px;}
.menu_nav>ul>li>a{display:block;letter-spacing:.1em;color: #fff;font-size:12px;}
.menu_nav>ul>li:first-child a{letter-spacing:.2em;}
.menu_nav>ul>li>a:hover{ color:#ce8d00;}
.list-01{width:100%;position:absolute; z-index:1000; left:0; padding:.1em 0;}
.header-nav-hover,.header-page-nav{top:81px; border-top:1px solid #e5e5e5;}
.nav-hover-type{z-index:44;background-color: #fff; padding:0;}
.nav-hover-type>div{ background-color: #fff;border-bottom: 1px solid #ececec;}
.nav-hover-zxgs .nav-type-box{width:1020px;/*height: 130px;*/ margin: 0 auto; padding:1em 0;}
.nav-type-region {width: 202px;/*height: 73px;*/}
.nav-right-dashed{border-right:1px dashed #d8d8d8;margin-right:40px}
.nav-type-list{float:left;width:200px;text-align:left}
.nav-type-title{position:relative;padding-right:16px;font:12px/1.5 "Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;font-size:14px;color:#333;text-align:left;cursor:pointer}
.icon-right-sign { top: 2px; right: 0; width: 8px;  height: 13px; color: #333;}
.icon-right-sign, .nav-hover-zxgl .nav-type-title:hover .icon-right-sign { background-position: -193px -200px;}
.icon { position: absolute; background-image: url(../images_x/common_bg_s.png?v=201710131333);
background-image: -webkit-image-set(url(../images_x/common_bg_s.png?v=201710131333) 1x,url(../images_x/common_bg_l.png?v=201710131333) 2x); font-size: 0;}
.ico_msg, .icon { background-repeat: no-repeat;}
.nav-type-list .nav-zxgs-area li { width: 57px; padding-right: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nav-type-list ul li { width: 60px;margin-bottom: 3px;}
.nav-type-genre ul li, .nav-type-list ul li,.nav-type-genre ul li { line-height:2em; font-size: 14px; color: #666;  text-align: left; float: left;}
.nav-type-price{ width: 202px;}
.header-nav-hover .nav-type-genre { float: left; text-align: left;}
.nav-hover-zxgs .nav-type-style { margin-right: -20px;}
.nav-hover-xgt .nav-list-img { float: left; margin-right: -40px;}
.nav-list-img a { position: relative; float: left;  height: 70px; width: 60px;  margin-right: 33px;}
.icon-nav-mfsj { top: 10px;  left: 12px;  width: 32px; height: 32px; background-position: -79px -35px;}
.icon-nav-xs { left: 37px; background-position: 0 -185px;}
.icon-nav-hot, .icon-nav-xs { top: -10px; width: 33px;  height: 16px;}
.nav-list-text { bottom: -1.5em;  left: 0; width: 100%;position: absolute;    font-size: 14px; color: #333;}
.icon-nav-gdsj { top: 10px; left: 10px; width: 37px; height: 31px; background-position: -112px -144px;}
.icon-nav-diy { top: 10px;  left: 7px;  width: 28px; height: 33px;  background-position: -48px 0;}
/******index.htm******/
/*  效果图模块主样式 */
.xiaoguotu_banner { height: 356px }
.xgtb_center { margin: 0 auto; width: 1400px; height: 356px; position: relative;z-index: 4; padding-top:6px;}
.xgtb_left { width: 265px;height: 350px; background: #fff; padding-bottom: 15px;}
.xgtb_left dl {height: 70px;border-bottom: 1px dotted #dbdbdb }
.xgtb_left dl dt { float: left; width:25%;text-align:center; height: 68px; padding: 10px;border-right: 1px solid #eaeaea;}
.xgtb_left dl dt p { height: 23px; line-height: 23px; font-size: 16px; color: #333;}
.xgtb_left dl dt span { margin-top: 3px; font-size:12px;}
.xgtb_left dl dd a { float: left; width: 60px; font-size: 12px; color: #333 ; padding: 10px;line-height: 14px; text-decoration: none;  outline: none; text-align: center;}
.xgtb_left dl dd a:hover{color: #f25618;}

.new_xgt_slider{height: 356px; overflow: hidden; position:absolute;width: 100%; z-index:-1; left: 0}
.new_xgt_slider div.nx_layer{text-align: center; position: absolute; width: 100%; height: 356px; overflow: hidden; ; z-index:1 }
.new_xgt_slider div.nx_layer a img{width: 1400px; height: 356px;}
.narrow_980 .new_xgt_slider div.nx_layer a img {width: 980px;}


.xgt-nav{margin: 30px auto;}
.xgt-nav li{float: left; margin-right: 20px; width: 322px; height: 150px; position: relative; overflow: hidden}
.xgt-nav .last{margin-right: 0;}
.xgt-nav .msg{position: absolute; top: 0; left: 0; width: 322px; text-align: center;}
.xgt-nav .nav-title{font-size: 34px; color: #fff; margin-top: 35px;}
.xgt-nav .nav-subtitle{font-size: 16px; color: #fff;}
.xgt-nav li img{cursor: pointer; width:100%; transition: transform 2s;-moz-transition: -moz-transform 2s;-webkit-transition: -webkit-transform 2s; -o-transition: -o-transform 2s;}
.big{z-index: 2; transform:scale(1.5,1.5);-ms-transform:scale(1.5,1.5); /* IE 9 */ -moz-transform:scale(1.5,1.5); /* Firefox */ -webkit-transform:scale(1.5,1.5); /* Safari and Chrome */-o-transform:scale(1.5,1.5); /* Opera */ }
.normal{transform:scale(1,1);-ms-transform:scale(1,1); /* IE 9 */-moz-transform:scale(1,1); /* Firefox */-webkit-transform:scale(1,1); /* Safari and Chrome */-o-transform:scale(1,1); /* Opera */}

/******list.htm******/
span.nav_arrow_right{ background: url(http://img.to8to.com/to8to_img/global.png?v=20160512) no-repeat; _background: url(http://img.to8to.com/to8to_img/global.gif?v=20160512) no-repeat; _overflow: hidden;}
span.nav_close, .xgt_select_type dl a.xgt_nav_showMore, .xgt_select_type dl a.showMore_down, .xgt_meitu_pinterest .xmp_container .item span a.meitu_collection em, .freeQuote_box_content .fq_description em,.icn_start{background: url(http://img.to8to.com/to8to_img/global.png?201509081351) no-repeat;_background: url(http://img.to8to.com/to8to_img/global.gif?201509081351) no-repeat; overflow:hidden;}
span.nav_arrow_right{ font-size:14px; background-position:-36px 0; width:5px; height:9px;float:left;margin:20px 0 0 14px; display: inline}
.xgt_select_type{border:1px solid #eaeaea;_overflow:hidden; margin:.5em 0;font-family:"arial","Microsoft YaHei","tahoma","sans-serif", 微软雅黑,\9ed1\4f53,\5b8b\4f53, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu; background:#FFF;}
.xgt_hot{margin-top:10px;}
.xgt_select_type dl{border-top:1px dotted #eaeaea; float:left; overflow:hidden; height:3em; line-height:3em;}
.xgt_select_type dl dt{width:77px; border-right:1px solid #eaeaea; font-size:.9em; text-align:center;top:0; left:0 ; height:100%;line-height:40px;color:#999; float:left;}
.xgt_select_type dl dd{width:100%; margin-left:1em; display:inline;}
.xgt_select_type dl.height_40{/*height:40px*/}
.xgt_select_type dl.height_auto{height:auto}
.xgt_select_type dl dd a{display:inline-block; width:72px; text-align:left;font-size:.9em; overflow: hidden;}
.xgt_select_type dl dd a:hover{color:#f25618;}
.xgt_select_type dl dd a.on{font-weight:bold; color: #333}
.xgt_select_type dl a.xgt_nav_showMore{position:absolute; width:16px; height:16px; background-position:0 -16px; right:20px; top:12px}
.xgt_select_type dl a.showMore_down{background-position:-17px -16px}
.xgt_select_type dl.xgt_st_colour dd{font-size:0; height:40px}
.xgt_select_type dl.xgt_st_colour dd a{height:16px; width:40px; margin-top:12px}
.xgt_meitu_nav{border-bottom:1px solid #e8e8e8; font-weight: normal;/*height:1.5em;*/ line-height:1.5em;}
.xgt_meitu_nav ul{margin-left:23px;}
.xgt_meitu_nav ul li{ font-size:.4em;}
.xdbc_nav ul li{float:left; margin-right:12px; display:inline;}
.xgt_topic_nav{border-bottom: 0; }
.xgt_topic_nav ul{margin-left:12px;}
.xgt_topic_nav ul a{color: #333}
.xgt_meitu_nav ul li.has_arrow a{/*float: left; font-size:.4em;*/}
.xgt_meitu_nav ul li.has_arrow a:hover{color: #f25618}
.xgt_meitu_nav ul li.nav_type_select{margin-right:0; margin-top:.3em; line-height:.5em;}
.xgt_meitu_nav ul li.nav_type_select a{border:1px solid #00b34a; display: inherit; color:#00b34a;cursor:pointer; padding-bottom: .2em;}
.xgt_meitu_nav ul li.nav_type_select a:hover{background:#00b34a; color:#fff}
.xgt_meitu_nav ul li.nav_type_select a i{ display:inline-block; font-size:.4em; padding:0 7px;}
.xgt_meitu_nav ul li.nav_type_select a span.nav_close{background-position:-49px 0; width:7px; height:7px; display:inline-block; margin:0 5px}
.xgt_meitu_nav ul li.xgt_meitu_total_num{float:left; height: 20px; line-height: 20px; margin-left:3px; display: inline}
.xgt_meitu_nav ul li.xgt_meitu_total_num em{color: #333}
.xgt_meitu_nav em.xgt_meitu_nav_total{float:left; height:20px; line-height:20px; color:#999}
.xgt_meitu_nav ul li.nav_type_select a:hover span.nav_close{background-position:-42px 0}

.List-view{ background:#FFF;}
.list_article{ padding-top:.5em;}
#waterfall img{ width:100%;}
#waterfall .cell{ padding:2px; margin-bottom:20px; width:340px;border:1px solid #E3E3E3; background:#fff;box-shadow: 0px 2px 3px 1px #ccc;}
#waterfall .cell:hover{box-shadow: 0px 2px 3px 1px #999;}
#waterfall .cell p{ padding:.5em;}
#waterfall .cell p span{ float:right;}
.dede_pages ul{padding:1.5em 0;    text-align: center;}
.dede_pages ul li{ display:inline-flex;font-family:"arial","Microsoft YaHei","tahoma","sans-serif";line-height:20px;margin-right:5.5px;color:#030303;border:1px solid #9c0100;padding:2px 8px;}
.dede_pages ul li a{float:left;color:#9c0100;display:block;}
.dede_pages ul li.thisclass,.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{color:#FFF; background:#9c0100;}
.dede_pages .pageinfo{color:#9c0100;}
.dede_pages .pageinfo strong{color:#9c0100;font-weight:normal;margin:0px 2px;}
.pagelist li:first-child{padding:2px 5px;text-align:center;}

.footer-bottom{padding-top: 1px;background-color: #1f1f1f; padding-bottom:1em;}
.footer .transverse-thread{  width: 30px; text-align: left;}
.footer-data-list{float: right;  margin-top: 50px;}
.footer-data-list li{ display: inline-block; margin-left: 30px;vertical-align: top;  *display: inline;  *zoom:1;}
.footer-data-list li p{ text-align: left; color: #fff;}
.footer-data-type{ font-size: 14px; margin-bottom: 9px;}
.footer-num-days{ margin-top: 24px; overflow: hidden;}
.footer-data-list .margin-alone{  margin-left: 32px;}
.footer-websites-box{ padding-top: 40px; border-bottom: 1px solid #313131;}
.footer-city-list{ height: 35px; overflow: hidden;}
.footer-city-list a{ float: right;  height: 34px; line-height: 34px;  font-size: 13px;  color: #828789;}
.footer-city-list span{ float: left; width: 90px; height: 34px; margin-right: 10px; font-size: 13px; line-height: 34px;  background-color: #121212;  color: #828789; text-align: center; cursor: pointer;}
.footer-city-list span.on{ color: #fff; background-color: #384144;}
.footer-websites{  margin-top: 21px;}
.footer-websites ul li{ float: left; margin: 0 14px 11px 0; font-size: 12px; color: #83888a; white-space: nowrap;}
.footer-websites ul li a{color: #83888a; white-space: nowrap;}
.footer-company-box{ padding-top: 30px; overflow: hidden;}
.footer-qr-code p{color: #83888a; text-align: right;}
.footer-qr-code p b{ font-weight:normal;}
.footer-qr-code .p1{ font-size:1.7em;}
.footer-qr-code .p2{ font-size:12px;}
.footer-qr-code div{ margin-left: 30px;float: right;}
.footer-company-info{  float: left;}
.footer-company-info ul { overflow: hidden;}
.footer-company-info ul li{ float: left; margin-right: 17px; font-size: 13px;color: #fff;}
.footer-company-info ul li a{color: #fff;}
.footer-company-info p{  margin-top: 23px;  font-size: 12px;text-align: left; color: #83888a;}
/******article_image.htm******/
.picture {margin:0 auto;}
.picture .container{background: #f4f4f4;border-top: 1px solid #f4f4f4;}
.picture .container {  margin: auto;  z-index: 1;  background: #f5f5f5; border-top: 2px solid #b70305; position: relative;  min-width:700px;  width:100%;}
.right_content { position: absolute; top: 0; right: 0;padding-right:6px; width: 19.65%;height: 100%; background: #f5f5f5; z-index: 0;}
.right_part { position: relative; _height: 100%;}
.right_part h3{background: #fff;/**border-left: 2px solid #e01010;**/ padding:.6em; font-size:14px;font-weight:normal;color:#333;border-bottom: 1px solid #eaeaea;}
.right_part .right_title { margin-top:.5em;background: #fff; display: block;padding:.5em; font-size:14px;font-weight:normal;color:#333;border-bottom: 1px solid #eaeaea;}
.click1{padding-top: 0.9em;}
.click1 a{ display:block;color: #fff; padding:.4em 0; text-align:center; border-radius:3px; background:#b70305;width: 180px;font-size: 14px;}
.click1 a:hover{ color: #fff;background: #000;}
.pic_author{background: #fff;padding: 15px;font-size:14px;color:#999;}
.pic_author h1{height:40px;line-height: 30px; font-size:18px;color:#333;}
/**.pic_author p{ font-size:14px; color:#000;padding: .3em 0;}**/
.pic_author span{font-size: 20px !important;}
.pic_author p{word-wrap: break-word;font-size: 12px !important;line-height: 18px !important;color: #999 !important;font-family: "arial","Microsoft YaHei","tahoma","sans-serif" !important;text-indent: 24px;}
.right_part .you_like{ background:#FFF;}
.right_part .you_like .like_list {padding:.5em; overflow: hidden;}
.right_part .you_like .like_list a { float: left;width: 33.333%; height:85px; border: 3px solid #fafafa; overflow: hidden; position: relative; _display:block;}
.right_part .you_like .like_list a img{ width:100%;}
.right_part .you_like .like_list a span{ width: 30px; position: absolute; right: 0; bottom: 0; text-align: center;font-size: 11px; height: 13px; line-height: 13px;color: #fff; background: #000; opacity: .7; filter: alpha(opacity=70);}
.right_part .you_like .like_list a:hover { border: 3px solid #f54e30;}
.right_part .every_look { overflow: hidden; /**padding:  15px 15px 0px; **/background: #fff; border-bottom: 1px solid #eaeaea;}
.right_part .look_list {padding: .6em; overflow: hidden;background: #FFF;}
.right_part .look_list li {line-height: 24px;color: #666; overflow: hidden;}
.right_part .look_list li .this_title { padding-left: 10px;  float: left; width: 185px;color: #999; white-space: nowrap;overflow: hidden;font-family: "arial","Microsoft YaHei","tahoma","sans-serif";font-size: 12px; text-overflow: ellipsis;}
.right_part .look_list li .this_title:hover {text-decoration: none;color:#f25618;}
.right_part .look_list li .cur_num {float: left; width: 18px; line-height: 18px; height: 18px;font-size: 12px; font-family: "arial","Microsoft YaHei","tahoma","sans-serif"; text-align: center;}
.right_part .look_list li .pic_num { float: right; font-family: \5B8B\4F53;}
.right_part .look_list li.active .intro { display: none;}
.bgyellow{  color:#fff;  background: #f36f20;}
.gray_1,.gray_1 a {color: #999; background: #f8f8f8;}
.right_part .nomargin{margin: 0px;}
.tran {-webkit-transition: .3s all linear;-moz-transition: .3s all linear;transition: .3s all linear;}
.footer1{overflow: hidden;background: #fff url(../images_x/notice.gif) no-repeat 14px 14px;padding: 12px 5% 12px 12%;line-height: 20px;margin-bottom: 20px;}
.footerBeian{font-size: 12px;color: #999;}
.img_content { width:80%; float:left;background: #FFF;}
.position{font-size:12px;line-height:30px;background: url(../images_x/2014common.gif) no-repeat -213px 6.4px;padding: 0 28px;font-family:"arial","Microsoft YaHei","tahoma","sans-serif";}
.position a:hover{color:#F00;}