@charset "utf-8";
.caseline {/*height: 30px;background: #efefef;*/}
.casePag {background: #ffffff;}
.case-title {font-size:18px;color: #363636;border-bottom: 1px #75a88f solid;margin-top: 46px;margin-bottom: 30px;padding-bottom:5px;font-weight:bold;}
.case-title span {border-left: 3px #75a88f solid;padding-left: 10px;}
.case-filter table {width: 100%;}
.case-filter table td {border: 1px #bbbbbb solid;padding: 10px;position:relative;}
.case-filter table .filterL {border-top: 0;border-bottom: 0;font-size: 14px;color: #363636;text-align:center;}
.case-filter table .filterLtop {border-bottom: 0;font-size: 14px;color: #363636;text-align:center;width: 120px;}
.case-filter table .filterLbot {border-top: 0;font-size: 14px;color: #363636;text-align:center;}
.filterR ul {margin: 0;padding: 0;}
.filterR ul li {float: left;margin-left: 10px;margin-right: 30px;font-size: 12px;line-height: 2em;}
.filterR ul li a{color:#363636 !important;}
.filter-item {width: 1000px;height: 24px;overflow: hidden;}
span.filter-button {width: 15px;height: 13px;display: block;position: absolute;right: 34px;top: 16px;background: url(../images/case/bottom.png) center center no-repeat;cursor:pointer;}
.filter-select {margin-top: 24px;height: auto;overflow: hidden;display:none;}
.filtersel-left {float: left;margin-left: 35px;margin-right: 32px;font-size: 14px;color: #363636;line-height:25px;}
.filtersel-right, .filtersel-item {float: left;}
.filtersel-item {font-size: 12px;color: #363636;border: 1px #0bb161 solid;margin-right: 10px;}
.filtersel-item {font-size: 12px;color: #363636;border: 1px #0bb161 solid;margin-right: 10px;line-height: 25px;height: 25px;overflow: hidden;display: none;}
.filtersel-item .typeT{color: #ffffff;background: #0bb161;padding: 5px;margin-right: 8px;}
.filtersel-item i {width: 9px;height: 8px;display: inline-block;background: url(../images/case/cha.png) center center no-repeat;cursor: pointer;margin: 0 8px;}
.caseT {font-size: 32px;text-align: center;background: #ffffff;padding-top:65px;}
.filter-clear {font-size: 12px;color: #363636;line-height: 25px;cursor: pointer;display:none;}
.caseTxt {border-top: 1px #75a88f solid;width: 1220px;margin: 0 auto;}
.caseTxt span {background: #ffffff;position: relative;top: -25px;padding: 20px;}
.caselist{background:#ffffff;height:auto;overflow:hidden;padding-bottom:30px;}
.caseitem {width: 275px;height:260px;border: 1px #cccccc solid;float: left;margin: 20px;}
.caseitem h3 a {font-size: 16px;color: #333333;}
.caseitem p {color: #666666;text-align: center;}
.caseitem h3 {text-align: center;margin-top: 10px;height: 26px;overflow: hidden;padding: 0 15px;}
.caseitem img {width: 273px;height: 182px;}
.caselistbody {width: 1260px;margin: 0 auto;height: auto;overflow: hidden;}
.filterR .filterOn a {color: #0bb161 !important;}
.filter-itemOn{height:auto;}
.caseinsP {background: #efefef;border-bottom: 1px #e0e0e0 solid;padding-top:36px;padding-bottom:80px;}
.cainsPleft {width: 880px;float: left;}
.cainsPright {width: 330px;float: right;}
.cainsPleft-body {background: #ffffff;padding: 30px;}
.cainstitle {font-size: 24px;margin-top: 15px;margin-bottom: 38px;}
.cainstitle span {color: #75a4a8;font-size: 18px;}
.cainstxt {margin-bottom: 3px;}
.cains-content {margin-top: 35px;}
.alink-more {margin-top: 48px;text-align: center;}
.alink-more a {color: #fefefe !important;background: #75a4a8;font-size: 18px;padding: 8px 120px;line-height: 40px;}
.cains-content img {width: 100% !important;}
.cainsRtitle {font-size: 18px;color: #ffffff;text-align: center;background: #75a4a8;padding: 8px;}
.cainsRpics {background: #ffffff;height: auto;overflow: hidden;padding: 25px;}
.cainsRpic {float: left;}
.cainsRname {float: left;margin-left: 16px;margin-top: 18px;}
.cainsname {font-size: 16px;margin-bottom: 4px;}
.cainstype,.address {font-size: 12px;color: #666666;margin-bottom: 4px;}
.cainsRitem2 {margin-top: 10px;background: #ffffff;padding: 25px;}
.cainsT {border-top: 1px #75a4a8 solid;text-align:center;margin-top: 10px;}
.cainsT span{font-size:18px;color:#363636;padding:0 15px;background:#ffffff;position:relative;top:-14px;}
.thpic {height: auto;overflow: hidden;margin-right: -22px;}
.thpic li {width: 130px;height:110px;float: left;margin-right: 20px;margin-bottom: 10px;margin-top: 10px;}
.thpic li p {margin-top: 5px;margin-bottom: 0;text-align: center;font-size: 12px;height: 18px;overflow: hidden;padding: 0 10px;}
.thpic li img {width:130px;height:87px;}
.cains-contact {background: #efefef;padding-top: 30px;padding-bottom: 20px;margin-top:25px;}
.cainscode {text-align: center;margin-top: 16px;}
.cainsweixin i {width: 28px;height: 24px;display: inline-block;background: url(../images/case/weixin.png) no-repeat;margin-right:18px;position: relative;top: 8px;margin-left: 66px;}
.cainsqq i {width: 23px;height: 26px;display: inline-block;background: url(../images/case/qq.png) no-repeat;margin-right: 20px;position: relative;top: 8px;margin-left: 66px;}
.cainstel i {width: 23px;height: 25px;display: inline-block;background: url(../images/case/tel.png) no-repeat;margin-right: 20px;position: relative;top: 8px;margin-left: 66px;}
.cainsqq {margin-top: 10px;margin-bottom: 10px;letter-spacing: 1.5px;}
/*个人中心*/
.user-caselist {font-size: 16px;font-weight: bold;position: relative;}
.user-caselist {padding-left: 40px;}
.user-caselist i {width: 18px;height: 17px;display: block;position: absolute;background: url(../images/case/anli.png);left: 12px;}
.casePic {width: 275px;height:255px;float: left;margin-left: 22px;margin-right: 22px;margin-bottom: 40px;border: 1px #cccccc solid;box-sizing: content-box;}
.casePic img {width:275px;height:183px;margin-bottom:10px;}
.casePic p {padding: 0 10px;height: auto;overflow: hidden;}
.casePn {font-size: 16px;width: 210px;height: 20px;display: block;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case-modify a, .case-modify, .case-delete {color: #666666 !important;float: right;cursor:pointer;}
.casePtype {color: #666666;}
.caseUp {width: 890px;margin: 0 auto;}
.caseUp table {width: 100%;}
.caseW1, .caseW3 {width: 90px !important;vertical-align: top;padding-top: 8px;}
.caseW2,.caseW4 {width: 355px;vertical-align: top;}
.caseUp input[type="text"], .caseUp select {width: 320px;height: 38px;line-height: 38px;box-sizing: border-box;}
select.casel1, select.casel2 {width: 154px;}
select.casel2 {margin-left: 8px;}
.caseUp input[type="text"] {padding: 5px;border: 1px #cccccc solid;}
.caseUp table td {position: relative;padding-bottom: 30px;}
.caseUp label {font-weight: normal;}
.casebtn {font-size: 16px;color: #ffffff;background: #0bb161;border: 0;padding: 8px 70px;margin-top: 30px;}
.caseredtips{position: absolute;left: 170px;margin-top: 3px;}
.caseditor textarea {width: 765px;}
.caseupPic {position: relative;width: 166px;height: 127px;margin-left: 12px;}
.caseupPic img{position:absolute;top:0;left:0;z-index:10;cursor:pointer;}
.uploadImg {width: 166px;height: 127px;position: absolute;top: 0;left: 0;cursor: pointer;background: transparent;opacity: 0;filter: alpha(opacity=0);z-index:6;}
.caseuptxt {margin-left: 15px;margin-top:20px;}
.imgDiv img {max-width:100%;height:auto;}
.imgDiv {width: 640px;height: 640px;border: 1px #d1d1d1 solid;overflow: hidden;text-align: center;line-height: 640px;}
.portrait_right{float:left;}

/*上传图片裁剪功能*/
/*.portrait_left{height:auto;width:306px;float:left;}
#picture {border: 1px solid #000000;overflow: hidden;position: relative;width: 280px;height: 280px;text-align: center;box-sizing: border-box;margin: 0 auto;}
.Picmask{width:280px;height:280px;overflow:hidden;display: table-cell;vertical-align: middle;}*/
.portrait_left{float:left;height:auto;margin-bottom: 5px;}
#avatar{width:280px;height:280px;}
.setup_but{height:28px;padding-left:93px;padding-top:40px;width:auto;}
.imgareaselect-border1{background:url(../images/case/border-v.gif) repeat-y left top;}
.imgareaselect-border2{background:url(../images/case/border-h.gif) repeat-x left top;}
.imgareaselect-border3{background:url(../images/case/border-v.gif) repeat-y right top;}
.imgareaselect-border4{background:url(../images/case/border-h.gif) repeat-x left bottom;}
.imgareaselect-border1,.imgareaselect-border2,
.imgareaselect-border3,.imgareaselect-border4{filter:alpha(opacity=50);opacity:0.5;}
.imgareaselect-handle{background-color:#fff;border:solid 1px #000;filter:alpha(opacity=50);opacity:0.5;}
.imgareaselect-outer{background-color:#000;filter:alpha(opacity=50);opacity:0.5;}

/*上传图片裁剪功能完毕*/
.caseupPic-suc {width: 120px;height: 120px;}
.caseupPic-suc img{cursor:auto;}
.caseupPic-suc i {width: 23px;height: 23px;display: block;background: url(../images/case/cha2.png);position: absolute;z-index: 999;top:3px;right:3px;cursor: pointer;}
.caseup-sucpic {margin-top: 128px;margin-bottom: 10px;}
.caseup-suctxt{font-size: 16px;}
.caseup-suctxt2,.caseup-history a{color: #666666 !important;}
.caseradio {display: inline;position: relative;margin-right: 20px;padding-left: 26px;}
.caseradio img {cursor: pointer;position: absolute;left: 0;}
.caseradio input {position: absolute;left: 0px;top: -4px;opacity: 0;filter: alpha(opacity=0);z-index: 10;width: 20px;height: 20px;cursor: pointer;}
.upcasebtn {float: right;background: #75a88f;font-size: 14px;color: #fff !important;padding: 6px 15px;border-radius: 5px;border: 0;font-weight: normal;margin-top: -4px;}
.upcasebtn:hover{color: #fff !important;}
.caseUp select {padding: 8px 5px;}
.anliyanshi {color: #fe5e06 !important;position: absolute;right: 40px;text-decoration: underline !important;}
.caseorigin {color: #75a88f;margin-left: 15px;}

/*预约设计师2018-08-03*/
.yuyueTabtn2 {font-size: 15px;font-weight: normal;border: 0;background: url(../images/adviser/btn2.png) no-repeat;width: 286px;height: 42px;padding-bottom: 5px;position: relative;top: -5px;color: #ffffff;margin-top: 25px;}
.usermode {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: url(../images/adviser/casebg.png) repeat;z-index: 9999;display: none;}
span.case-close {width: 12px;height: 11px;display: block;position: absolute;top: 15px;right: 15px;background: url(../images/adviser/caseclose.png);cursor: pointer;}
.usermodebody {position: relative;top: 25%;width: 534px;background: #ffffff;margin: 0 auto;z-index: 999;}
.usermodetitle {font-size: 14px;font-family: Microsoft YaHei;padding: 10px 10px 10px 20px;border-bottom: 1px #ededed solid;color:#666666;}
.deposit {font-size: 13px;color: #333333;padding: 30px 90px 30px 90px;}
.deposititem {height: auto;overflow: hidden;margin-bottom: 15px;}
.depositinput input,.depositinput select {width: 250px;border: 1px #d0d0d0 solid;height: 34px;box-sizing: border-box !important;line-height: 34px;padding: 5px;}
.color-ff5a0c{color:#ff5a0c;}
.typetips {margin-top: 25px;padding: 0 20px;}
span.yuyuebodyleft {text-align:right;width: 80px;float: left;line-height: 34px;}
.yuyuecode input {width: 134px;float: left;}
.yuyuecode button {font-size: 14px;color: #0bb161;border: 1px #0bb161 solid;background: none;height: 34px;padding-left: 0;padding-right: 0;width: 110px;margin-left: 5px;border-radius: 3px;}
.yuyuesub {text-align: center;margin-top: 40px;}
.yuyuebtn{font-size: 14px;color: #ffffff;background:#0bb161;height: 34px;width: 190px;border-radius: 3px;	border:0;}
.depositinput {float: left;}
.yuyue-successfull{margin-top:10px;}
.yuyueTa {font-size: 15px;font-weight: normal;border: 0;background: url(../images/adviser/btn1.png) no-repeat;width: 182px;height: 42px;margin-left: 10px;padding-bottom: 5px;position: relative;top: -5px;}