img{max-width: 100%;height: auto;}
a:hover{text-decoration: none;}
body{width: 100%;margin: 0 auto;}
#main{width: 100%;}
.top-box{width: 100%;}
.top-box img{width: 100%;}


.mid-bar{width: 100%;background: #e6e6e6;position: fixed;top: 0px;left: 0px;z-index: 999;}
.mid-bar p{text-align: left;line-height: 40px;display: block;width: 94%;margin: 10px auto;background-color: #fff;border-radius: 6px;transition: all 0.6s;}
.mid-bar p img{width: 20px;height: auto;vertical-align: middle;margin: 0px 10px;}
.mid-bar p input{border: none;height: 30px;width: 80%;}
.mid-local{display: block;width: 94%;margin: 4px auto;text-align: right;font-size: 12px !important;}
.select-value{color: #22e5ec;}
.mid-bar-pc{display: none;}

.mid-modify{color: #c8a069;margin-left: 4px;}

.mid-search-btn{display: inline-block;color: #fff;height: 35px;line-height: 35px;width: 100px;border-radius: 2px;margin-left: 26px;background: url(../image/search-btn-bg.png) repeat-x;}
.mid-search-btn:hover{text-decoration: none;background:url(../image/search-btn-bg-down.png);}
.main-content{width: 100%;}
.main-title{color: #393939;text-align: center;font-size: 20px;line-height: 40px;}

.main-nav-box{width: 100%;position: fixed;bottom: 0px;left: 0px;background-color: #333;z-index: 999;}
.main-nav-box a{color: #bbb;}
.main-nav-box-pc{display: none;color: #bbb;}
.main-nav-div{width: 50%;}
.main-nav-bottom{height: 4px;background-color: #323232;transition: background-color 0.6s;}
.main-nav-disabled{background-color: #949595;}

.main-nav-img{width: 30px;height: auto;}
.main-nav-img-l{margin: 5px auto;}
.main-nav-img-r{margin: 5px auto;border-left: 2px solid #bbb;}
.nav-cur p{color: #c8a069;}

.main-nav{display: block;width: 94%;margin: 0 auto;text-align: center;position: relative;margin-top: 4px;}
.main-nav span{font-size: 12px !important;}
.main-nav a{position: absolute;right: 0px;top: 0px;}

.main-item-list{width: 100%;margin: 0 auto;}
.main-item{margin-bottom: 80px;}
.main-item-img{width: 100%;max-height: 450px;overflow: hidden;}
.main-item-img img{width: 100%;height: auto;}
.main-item-info{display: block;width: 81%;text-align: right;margin: 0 auto;line-height: 50px;}
.main-item-info span{margin-left: 20px;}
.main-item-info span img{vertical-align: middle;width: 20px;height: auto;margin-top: -5px;}
.main-item-info span b{font-weight: normal;margin-left: 8px;}

.main-item-title-box{width: 81%;margin: 0 auto;overflow:hidden;}
.main-item-title{color: #3c9de9;font-size: 26px;white-space: pre;text-overflow: ellipsis;overflow:hidden;display: block;width: 100%;}
.main-item-client{font-size: 18px;font-weight:600;line-height: 30px;white-space: pre;overflow: hidden;text-overflow: ellipsis;}
.main-item-client span{font-weight: normal;margin-left: 15px;}
.main-item-designer{font-size: 18px;font-weight:600;line-height: 30px;}
.main-item-designer span{font-weight: normal;margin-left: 15px;}
.main-item-local{font-size: 13px;margin-top: 2px;}
.main-item-local img{vertical-align: middle;}
.main-item-local b{font-weight: normal;margin-left: 4px;}

/*.main-item-nice{background-color: #c8a069;padding: 10px;border-radius: 4px;margin-top: 22px;}
.main-item-nice p{color: #fff;font-size: 15px;line-height: 18px;font-weight: lighter;}
.main-item-vr{background-color: #609bfe;padding: 5px;border-radius: 4px;margin-top: 22px;}
.main-item-vr p{color: #fff;font-size: 15px;line-height: 18px;font-weight: lighter;text-align: center;}
.main-item-vr p img{width: 70%;}*/
.main-item-nice{border-radius: 4px;margin-top: 22px;}
.main-item-nice p{color: #fff;font-size: 20px;line-height: 22px;font-weight: lighter;text-align: right;}
.main-item-nice img{width: 80%;}
.main-item-vr{border-radius: 4px;margin-top: 22px;}
.main-item-vr p{color: #fff;font-size: 20px;line-height: 22px;font-weight: lighter;text-align: right;}
.main-item-vr img{width: 80%;}

.main-wrap{width: 96%;margin: 0 auto;margin-top: 10px;margin-bottom: 70px;}
.mj-item{width: 100%;height: 50vw;overflow: hidden;position: relative;margin-bottom: 10px;}
.mj-item img{width: 100%;height: auto;}
.item-rt{background-color: #000;position: absolute;right: 3%;top: 0px;height: 50px;width: 60px;}
.item-rt p{color: #fff;text-align: center;}
.item-rt p img{width: 25px;height: auto;}
.item-rt p:first-child{font-size: 12px;line-height: 16px;margin-top: 5px;}
.item-rt p:last-child{font-size: 14px;line-height: 18px;}

.item-center{width: 60%;position: absolute;left: 20%;top: 54px;background-color: rgba(255,255,255,0.8);}
.item-center-box{margin: 5px;border: 1px solid #7b7a7a;position: relative;}
.item-center-box p{text-align: center;color: #595757;text-overflow: ellipsis;white-space: pre;overflow: hidden;display: block;width: 90%;margin: 0 auto;}
.item-title{font-size: 16px;font-weight: bold;line-height: 28px;}
.item-client{font-size: 13px;margin-bottom: 15px !important;line-height: 18px;}
.item-client span{margin-left: 2%;}
.item-nice{text-align: center;position: absolute;bottom: -15px;display: block;width: 100% !important;}
.item-nice span{width: 70px;height: auto;display: block;margin: 0 auto;}
.item-nice span img{width: 100%;height: auto;}
.item-addr{position: absolute;bottom: 10px;left: 3%;color: #fff;text-shadow: 0px 0px 1px #000;font-size: 12px;}
.item-addr i{display: inline-block;width: 9px;height: 14px;background: url(../image/icon-addr-v3.png);background-size: 9px 14px;vertical-align: middle;margin-top: -4px;margin-right: 2px;}
.item-city{margin-right: 10px;}
.item-vr{}
.item-vr i{}


.main-bottom{margin: 0 auto;width: 70%;margin-bottom: 60px;}
.main-bottom p a{vertical-align: middle;display: inline-block;width: 24px;height: 24px;color: #bbb;}
/*.main-bottom p a:hover{background-color: #3c9de9;}*/
.flip-abled{}
.flip-disabled{cursor: default;}

.main-bottom p a img{vertical-align: top;margin-top: 6px;width: 50%;height: auto;}
.main-bottom p b{margin: 0 20%;font-weight: normal;}
.main-bottom p{line-height: 110px;text-align: center;color: #999;}
.main-bottom p input{width: 20px;height: 20px;line-height: 20px;border-radius: 4px;border: none;border: 1px solid #999;color: #999;text-align: center;vertical-align: middle;margin-top: -4px;background-color: #f2f2f2;}
.main-bottom p span{margin-left: 4px;}
.main-bottom-line{width: 90%;margin: 0 auto;height: 1px;background-color: #e2e2e2;}
.max-page{margin-left: 4px;}

.search-content{display: none;}
.sch-view-box{width: 30%;}
.sch-tag-box{width: 33%;}
.sch-info-box{width: 37%;}
.sch-info-box p{text-overflow: ellipsis;white-space: pre;overflow:hidden;}

.sch-result-list{padding-bottom: 20px;width: 94%;margin: 0 auto;}
.sch-title{color: #333;line-height: 40px;font-size: 20px;padding-left: 20px;}
.sch-result{font-size: 14px;padding-left: 20px;line-height: 70px;text-align: center;}
.sch-result b{color: #52a7ea;}
.sch-img-box{width: 75%;height: 80px;overflow: hidden;margin-left: 25%;}

.sch-tag-vr{width: 46px;height: 46px;text-align: center;margin:0 auto;margin-top: 16px;}
.sch-tag-vr p{font-size: 13px;color: #fff;text-align: center;line-height: 16px;}

.sch-tag{width: 35px;height: 35px;text-align: center;margin:0 auto;margin-top: 4%;}
.sch-tag p:first-child{margin-top: 4px;}
.sch-tag p{color: #fff;font-size: 13px;line-height: 15px;font-weight: lighter;margin: 0;}
.sch-info-box{font-size: 18px;}

.sch-info-box .main-item-title{color: #3c9de9;font-size: 18px;}
.sch-info-box .main-item-client{font-size: 13px;font-weight:600;line-height: 15px;}
.sch-info-box .main-item-client span{font-weight: normal;margin-left: 10px;}
.sch-info-box .main-item-designer{font-size: 13px;font-weight:600;line-height: 20px;}
.sch-info-box .main-item-designer span{font-weight: normal;margin-left: 10px;}
.sch-result-item{padding-bottom: 25px;margin-top: 40px;border-bottom: 1px solid #e2e2e2;}
/*.main-nav-all{display: none;}*/
.main-nav-nice{display: none;}

.item-date{display: block;width: 100%;text-align: center;margin: 15px auto;}