﻿@charset "utf-8";.header-nav .header-page-nav span,.header-nav button,.header-nav input,.header-nav select,.header-nav textarea,body .header-nav{font:12px/1.5 "Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif!important;color:#333}.header a,.header-nav .nav-first-left,.header-nav a,.header-nav label,.header-nav span{text-decoration:none;outline:0;font-family:"Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;cursor:pointer}.icon{position:absolute;background-image:url(../images/common_bg_s.png);background-image:-webkit-image-set(url(../images/common_bg_s.png) 1x,url(http://img.to8to.com/to8to_pc/common/statics/images/common_bg_l.png?v=201707261656) 2x);background-repeat:no-repeat;font-size:0}.htr-username .triangle_down,.htr_mes_box .triangle_down,.ico_msg{background-image:url(../images/to8to_common.png);background-repeat:no-repeat}.header_top_right{display:none}body{min-width:1220px}.header-first-box{z-index:7047;width:100%;height:35px;line-height:35px;background-color:#f5f5f5;transition:margin .3s;-webkit-transition:margin .3s;-moz-transition:margin .3s;-ms-transition:margin .3s;-o-transition:margin .3s}.header-nav-first{width:1220px;height:35px;margin:0 auto}.nav-first-left{position:relative;float:left;margin-left:20px;font-size:12px;display:none}.nav-city{color:#666}.nav-change,.nav-first-right a:hover{color:#0cb46a}.nav-first-right{float:right;font-size:12px}.nav-first-right a{float:right}.nav-first-login,.nav-first-reg{color:#999;cursor:pointer}.nav-first-phone{position:relative;float:right;margin-left:22px;font-size:18px;line-height:35px;color:#999}.header-user-show .nav-first-phone{margin-left:32px}.icon-phone{left:-19px;top:11px;width:13px;height:13px;background-position:-208px -180px}.division-thread{width:1px;height:12px;vertical-align:top;background-color:#c4c4c4}.nav-first-right .division-thread{float:right;margin:11px 10px 0 14px}.icon-coordinate{left:-18px;top:10px;width:11px;height:15px;background-position:-192px -180px}.col_l{float:left}.header-user-show{display:none;float:right;height:35px}.header-user-show .division-thread{float:left;margin-top:12px}.nav-user-data-new{float:right}.htr-username-box,.htr_mes_box{position:relative;max-width:117px;z-index:46}.header-user-show .htr-username,.header-user-show ul li .htr_mes{position:relative;height:35px;padding:0 15px;line-height:35px;color:#999}.header-user-show .on .htr-username,.header-user-show ul li .on .htr_mes{height:36px;background-color:#fff}.header-user-show .htr-username p{display:inline;float:left;max-width:68px;margin-right:4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.header-user-show ul li a{position:relative;display:inline;float:left;padding:0 15px;line-height:35px;color:#999}.header-user-show ul li a:hover{color:#f25618}.header-user-show .triangle-down,.header-user-show .triangle_down{position:relative;display:inline;float:left;top:15px;right:2px;margin-left:5px}.user-memu{display:none}.on .htr_mes_memu,.on .user-memu{position:absolute;top:36px;left:0;width:115px;border:1px solid #eee;border-top:0;background-color:#fff;overflow:hidden}.header-user-show ul li .on .htr-mes-memu li:hover,.header-user-show ul li .on .htr_mes_memu li:hover,.header-user-show ul li .on .user-memu li:hover{background-color:#f8f8f8}.header-user-show ul li{position:relative;display:inline-block;height:35px;line-height:35px;text-align:left}.header-user-show ul li .htr_mes_memu a,.header-user-show ul li .user-memu a{display:block;float:left;width:115px;padding:0 15px;color:#999}.header-user-show ul li .on .htr_mes_memu li,.header-user-show ul li .on .user-memu li{position:relative;display:inline;float:left;width:115px;height:31px;line-height:31px}.col_l.htr_mes_box.act{position:relative}.ico_msg{float:left;display:inline;width:16px;height:12px;margin-top:10px;margin-right:5px;background-position:-1px -37px}.htr-username .triangle_down,.htr_mes_box .triangle_down{width:8px;height:5px;background-position:-36px 0}.header-user-show .on .icon-up{display:block;background-position:-48px 0}.act .ico_msg{width:18px;height:15px;margin-top:8px;background-position:-22px -34px}.header-user-show ul li a p{display:inline;float:left}.header-user-show ul li .on .htr_mes_memu li{width:121px}.header-user-show ul li .htr_mes_memu a{width:106px;padding-right:0}.header-user-show ul li .on .htr_mes_memu li b{position:absolute;right:7px;top:0;display:block;width:35px;font-weight:400;color:#f66}.header-nav,.header-nav-content{width:100%;background-color:#fff}.header-nav{z-index:43;height:106px;transition:height .45s}.header-have-page-nav{height:161px}.move-down .header-nav-content{top:0;box-shadow:0 10px 15px rgba(0,0,0,.1);-webkit-box-shadow:0 10px 15px rgba(0,0,0,.1);-moz-box-shadow:0 10px 15px rgba(0,0,0,.1)}.header-nav-box{position:relative;height:70px;width:1220px;margin:0 auto}.nav-content-left{position:absolute;top:10px;left:0;z-index:44;}.to8to-logo-box{float:left}.icon-to8to-logo{position:static;float:left;width:124px;height:44px;background-position:0 -53px}.nav-content-slogan{float:left;margin:13px 0 0 5px;font-size:12px;color:#333}.nav-content-center{position:relative;z-index:42;width:665px;margin-left:346px}.nav-content-list{text-align:center;height:70px}.nav-content-list li{position:relative;float:left;margin-right:50px;height:49px;cursor:pointer;padding-top:21px}.to8to-logo-box .division-thread{float:left;margin:16px 11px 0 18px}.icon-app{position:absolute;top:6px;right:-19px;width:11px;height:16px;background-position:-176px -180px}.nav-app{position:absolute;top:54px;left:-162px;z-index:7001;display:none;width:390px;height:210px;border-top:1px solid #e5e5e5}.nav-content-list li a{position:relative;display:block;height:26px;font-size:20px;line-height:26px;color:#333}.nav-search-select,.none,.on .icon-arrow{display:none}.nav-content-list a.on{position:relative;padding-bottom:9px;color:#0cb46a}.nav-content-list .have-arrow{margin-right:42px;padding-right:15px}.icon-arrow{position:absolute;right:-15px;top:11px;width:8px!important;height:5px!important;background-position:-152px -180px}.have-arrow.hover .icon-arrow{background-position:-164px -180px}.icon-reg-arrow{position:absolute;right:-12px;top:17px;width:8px;height:5px;background-position:-36px 0}.nav-search-select{position:absolute;top:0;left:0;z-index:11;width:85px;height:25px;padding-left:10px;margin-top:20px;text-align:left;line-height:25px;cursor:pointer;background-color:#fff}.search-select-list{position:absolute;display:none;top:26px;left:0;width:93px;padding:10px 0;background-color:#fff;border:1px solid #e5e5e5}.search-select-list li{display:block;width:73px;height:31px;padding:0 10px;text-align:left;font-size:12px;line-height:31px;color:#333;cursor:pointer}.search-select-list li:hover{color:#0cb46a;background-color:#f6f6f6}.header-nav-hover,.header-page-nav,.nav-content-right,.nav-hover-type,.nav-hover-type>div,.nav-search--center{background-color:#fff}.search-select-list .list-now{color:#999;background-color:#fff}.nav-search-select .icon-arrow{top:7px;right:-15px;background-position:-152px -180px}.search-select-text{position:relative;font-size:14px;color:#333}.nav-content-list li.hover a,.nav-content-list li.on a,.nav-content-list li:hover a{padding-bottom:1px;border-bottom:2px solid #0cb46a;color:#0cb46a}.nav-search--center{position:absolute;top:0;left:0;display:none;width:100%;height:90px}.nav-content-list li:hover .nav-app{display:block}.nav-hover-more,.nav-hover-xgt,.nav-hover-zxgl,.nav-hover-zxgs{display:none}.header-logo{position:relative;float:left;width:131px;height:47px;background-position:0 -203px}.nav-content-right{position:absolute;right:0;top:0;z-index:44;height:70px}.nav-content-search-center{position:relative;height:46px;margin-top:4px;border-bottom:1px solid #e5e5e5}.drop-down .icon-arrow{background-position:-140px -180px}.nav-search-input{position:relative;margin-right:32px;overflow:hidden}.nav-search-center-input{z-index:10;width:110px;height:27px;margin-top:17px;padding:0 0 1px 8px;border:0;font-size:12px}.nav-search-center-text{position:absolute;top:23px;left:10px;width:100px;font-size:12px;color:#999;transition:left 1s;-webkit-transition:left 1s;-moz-transition:left 1s;-ms-transition:left 1s;-o-transition:left 1s}.nav-hover-type a:hover,.nav-type-box a:hover .nav-list-text{color:#0cb46a}.icon-search{right:10px;top:23px;width:16px;height:17px;background-position:-209px -252px;cursor:pointer}.search-spread .nav-search-center-text{left:110px}.search-spread .nav-search-center-input{width:300px;padding-left:108px}.search-spread{border-bottom:1px solid #e5e5e5}.search-spread .icon-search{background-position:-209px -276px}.icon-right-sign,.nav-hover-zxgl .nav-type-title:hover .icon-right-sign{background-position:-193px -200px}.nav-type-list .nav-zxgs-area li{width:57px;padding-right:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-nav-hover{position: relative;z-index:7044;display:none;width:100%;height:114px;padding-top:36px;margin-top:-1px;border-top:1px solid #e5e5e5;box-shadow:0 10px 15px rgba(0,0,0,.1);-webkit-box-shadow:0 10px 15px rgba(0,0,0,.1);-moz-box-shadow:0 10px 15px rgba(0,0,0,.1)}.move-down{height:72px}.nav-hover-type{z-index:44}.nav-type-box{height:114px;margin:0 auto}.nav-hover-zxgs .nav-type-box{width:906px}.nav-hover-xgt .nav-type-box{width:925px}.nav-hover-zxgl .nav-type-box{width:1006px}.nav-hover-zxgl .nav-type-title:hover{color:#333;cursor:auto}.nav-hover-more .nav-type-box{width:845px}.nav-hover-more .nav-type-box.for-not-ground{width:406px}.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}.nav-type-title:hover{color:#0cb46a}.icon-right-sign{top:2px;right:0;width:8px;height:13px;color:#333}.nav-type-genre ul li,.nav-type-list ul li{font-size:14px;color:#666;text-align:left;float:left}.nav-type-title:hover .icon-right-sign{background-position:-181px -200px}.nav-type-list{float:left;width:187px;text-align:left}.nav-hover-zxgs .nav-type-style{margin-right:-20px}.nav-type-genre ul,.nav-type-list ul{margin:12px 0 -8px;overflow:hidden}.nav-type-list ul li{width:80px;margin-bottom:3px}.nav-type-genre ul li{margin:0 19px 3px 0}.header-page-nav a,.nav-list-text{font-size:14px;color:#333}.margin-right{margin-right:15px}.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}.nav-list-img img,.nav-list-text{position:absolute}.icon-nav-mfsj{top:10px;left:12px;width:32px;height:32px;background-position:-79px -35px}.nav-list-img a:hover .icon-nav-mfsj{background-position:-79px 1px}.icon-nav-gdsj{top:10px;left:10px;width:37px;height:31px;background-position:-112px -144px}.nav-list-img a:hover .icon-nav-gdsj{background-position:-72px -144px}.icon-nav-diy{top:10px;left:7px;width:28px;height:33px;background-position:-48px 0}.nav-list-img a:hover .icon-nav-diy{background-position:-48px -36px}.nav-list-text{bottom:0;left:0;width:100%}.nav-type-least{width:100px}.nav-right-dashed{border-right:1px dashed #d8d8d8;margin-right:40px}.nav-hover-zxgs .nav-type-genre,.nav-type-price,.nav-type-region{width:202px}.header-nav-hover .nav-type-genre{float:left;text-align:left}.zxgl-list-inlet{float:left}.nav-list-img .list-img-big{width:80px;margin-right:32px}.nav-list-img .list-img-riji{margin-right:46px}.nav-type-small{width:130px;margin-right:37px}.nav-hover-more .nav-list-img .margin-zero,.nav-list-img .margin-zero{margin:0}.icon-nav-xzx{top:6px;left:22px;width:29px;height:32px;background-position:-196px -108px}.nav-list-img a:hover .icon-nav-xzx{background-position:-196px -72px}.icon-nav-riji{top:2px;left:12px;width:31px;height:32px;background-position:-116px 0}.nav-list-img a:hover .icon-nav-riji{background-position:-116px -36px}.icon-nav-ask{top:4px;left:12px;width:32px;height:30px;background-position:-36px -144px}.nav-list-img a:hover .icon-nav-ask{background-position:0 -148px}.icon-nav-bbs{top:4px;left:8px;width:41px;height:32px;background-position:0 -36px}.nav-list-img a:hover .icon-nav-bbs{background-position:0 0}.icon-nav-case{top:4px;left:12px;width:35px;height:32px;background-position:0 -108px}.icon-nav-hot,.icon-nav-xs{top:-10px;width:33px;height:16px}.nav-list-img a:hover .icon-nav-case{background-position:0 -72px}.icon-nav-xs{left:37px;background-position:0 -185px}.nav-hover-more .nav-list-img a{margin-right:52px}.icon-nav-hot{left:35px;background-position:-40px -185px}.icon-nav-jjsc,.icon-nav-mfbj{height:31px;left:14px;top:4px}.icon-nav-jjsc{width:34px;background-position:-188px -36px}.nav-list-img a:hover .icon-nav-jjsc{background-position:-188px 0}.icon-nav-mfbj{width:28px;background-position:-40px -108px}.nav-list-img a:hover .icon-nav-mfbj{background-position:-40px -72px}.icon-nav-mfyf{top:4px;left:14px;width:31px;height:32px;background-position:-72px -108px}.nav-list-img a:hover .icon-nav-mfyf{background-position:-72px -72px}.icon-nav-zxd{top:4px;left:8px;width:40px;height:33px;background-position:-148px -70px}.nav-list-img a:hover .icon-nav-zxd{background-position:-148px -106px}.icon-nav-sjb{top:3px;left:13px;width:30px;height:31px;background-position:-152px 0}.nav-list-img a:hover .icon-nav-sjb{background-position:-152px -36px}.icon-nav-sjb .icon-nav-jp{top:-10px;right:-32px;width:32px;height:16px;background-position:-426px -192px}.icon-nav-zzj{top:3px;left:5px;width:34px;height:35px;background-position:-148px -220px}.nav-list-img a:hover .icon-nav-zzj{height:36px;background-position:-148px -260px}.icon-nav-znjj{top:4px;left:10px;width:34px;height:32px;background-position:-108px -108px}.nav-list-img a:hover .icon-nav-znjj{background-position:-108px -72px}.icon-nav-news{top:4px;left:11px;width:32px;height:31px;background-position:-188px -144px}.nav-list-img a:hover .icon-nav-news{background-position:-152px -144px}.icon-nav-mf{top:-10px;left:31px;width:33px;height:16px;background-position:-80px -185px}.header-page-nav{position:fixed;margin-top:0;top:71px;left:0;z-index:41;height:40px;width:100%;padding-top:15px;text-align:center;transition:top .3s;-webkit-transition:top .3s;-moz-transition:top .3s;-ms-transition:top .3s;-o-transition:top .3s}.header-have-page-nav .header-page-nav{top:106px;display:block}.secondary-page-nav{overflow:hidden}.header-page-nav ul li{display:inline-block;*display:inline;*zoom:1}.header-page-nav .on a,.header-page-nav a:hover{color:#0cb46a}.secondary-page-nav .division-thread{display:inline-block;*display:inline;*zoom:1;width:2px;margin:5px 19px 0 16px;*margin-top:3px;background-color:#e5e5e5}.swiper{margin-top:126px;z-index:41;top:90px;left:0;background-color:#fff}.swiper img{max-width:100%}.header_top_right ul li .htr_mes,.header_top_right ul li .htr_username{border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5}.move-down .nav-content-center{margin-left:314px}.move-down .header-logo{width:83px;height:30px;background-position:-243px -268px}.header-nav-box,.nav-content-list,.nav-content-right{transition:top .3s;-webkit-transition:top .3s;-moz-transition:top .3s;-ms-transition:top .3s;-o-transition:top .3s}.move-down .header-nav-box,.move-down .nav-content-list,.move-down .nav-content-right{height:50px}.move-down .nav-content-list li{height:39px;padding-top:11px}.move-down .nav-content-left{margin-top:12px}.move-down .to8to-logo-box .division-thread{width:2px;height:11px;margin:8px 10px 0 18px}.move-down .nav-content-slogan{margin:5px 0 0 5px}.move-down .nav-content-search-center{height:40px;margin-top:0}.move-down .nav-app{top:39px}.move-down .header-nav-hover{top:51px}.move-down .header-page-nav{margin-top:-35px;top:30px}.move-down .nav-content-list .last-li,.nav-content-list .last-li{position:relative;margin-right:0}.move-down .nav-search-center-input{padding:0 0 0 8px;margin-top:12px}.move-down .icon-search,.move-down .nav-search-center-text{top:17px}.move-down .search-spread .nav-search-center-input{padding-left:108px}.move-down .nav-search-select{top:-5px}.move-down .search-select-list{top:25px}