.diamond-details-view{display:flex;flex-direction:row;width:800px;padding:10px;font-size:14px}.diamond-details-view>.group{flex:1}.diamond-details-view>.group:first-child{flex:none;width:240px}.diamond-details-view>.group .item{margin-top:10px}.diamond-details-view>.group .item:first-child{margin-top:0}.diamond-details-view>.group .item .val{margin-top:3px;color:#999}.diamond-details-view .images{position:relative;width:200px;height:200px}.diamond-details-view .images .preview{position:relative;width:100%;height:100%;border:1px solid #eee;background-color:#fafafa}.diamond-details-view .images .preview img{position:absolute;max-width:100%;max-height:100%;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer}.diamond-details-view .images .preview .no-img{position:absolute;width:100%;height:100%;left:0;top:0;background-image:url(../img/003.d87cae6b.png);background-size:120px;background-position:50%;background-repeat:no-repeat;opacity:.5}.diamond-details-view .images .btn{position:absolute;width:32px;height:20px;top:50%;margin-top:-10px;border-radius:2px;background-color:hsla(0,0%,100%,.2);cursor:pointer}.diamond-details-view .images .btn:before{content:"";display:block;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAA7xJREFUeAHtmU2ITmEUx+fDR0ZjCiWjMAthgWEhsvBRFgZlYVA2SFHkY2EjzcaCsGChoaSEksJsaMykxFgIsxCTpIlQjEK+v/mdqbeeOfO88577ujNz7zvPqX9zz3P/5zzn/78z7733naKiEMGB4EBwIDgQHAgOBAeCA8GB4EBwYAA7UI32RtAB7oFNoNBiC4JagWi8AqaDzpCD7+CvwgnyYpD2KEHAaaD1fWZtsohr8JzMkI8IIeVxjPkzevTPc6LtaQ8EKdgL0hoHGVyLdvNHIuxGDpIU7BJiyqKOeV2xvuNm0VRrIErxZiGnJHYwp0+wXqvJ6DlsKPgDZ22mIME/NzKbzKrF6ny/q0E+7U8ain7CWeEWJux4NfP8Blqszut9c5eyeN5Q/A3OYl+Dfl5bxv4/gBarc7klZr29D+bkZUMTuYfOA0mJhQzyFWixOr8IZ1CuoYdBuA50sc7fw5kJ+jvmMMBHoOfT+VU4Q6zDlkO8bWj6Bs5Ua9Ne4M2g51ugxer8JpyyqPuPpOC+oflLOFVRm8fAl8fY10CL1fldOCPy3W8MhY8Nm7TDqcx3kzzqJlDzHGixOn8IZ1Qe/buUjCd7BnRznbfBGd2lsneSsbR9AvT+OheOcGOJSXR5BfQmOpdX6YpYdvQ3kav5AOh9dS6/HRNBrDGNbpYPnBZ4kT9wDJPK3/EdoMXqvANO52uuoWdkymwqLLecJnhDI3fPXiC3ZstL2zt41dnbxHNmAW0sDx2X4OV86DCMJPfuRqCvtM4/wZlr6BcLZSld/vux0zBJKZwLQIvVuVyQRYZ+sVJW0S3vFw/DJMVwTgEtVufygrbc0K9XKBvoann1PJDH7kep0WJ1LhdgTR69Yy3ZbhhUBt8TYdd9xp7y7p+IEHH66vjybYZpdxt77TT06lOK/Jr7RLtr8ueyvoepthp6SL+6Hnr066l6g4BfcGo9U65jzfJ5cshTm5ilEiY5A9yr7juWW2iNM/VKjsUYH9ddO+7UJPZQHn7kIcgd3Hf8Bc58sARYninOwhODUxHyGNwEfMLdtQ9wxAh3zXfcACeOp0ra9F2UsVUL8AmKstZMjzjfK/rOAXaqAK0gimCXe4va4SDVIV+StAFXmOVYjBMDCyLGoaIdWIQLRwwT4woqqlAjX6DmMkGMqiwo5Y4Y+QpdvkrPZsILzolRBR2zUCf/VNEmdLAmBg2ImIJKuUXK66w8AV4DBX/l0dgtyllJ/W2um6qwEBwIDgQHggPBgeBAcCA4EBwIDgQHku7APyDic3uIyvsvAAAAAElFTkSuQmCC);background-size:14px;background-position:50%;background-repeat:no-repeat;opacity:.1}.diamond-details-view .images .btn:hover{background-color:rgba(0,0,0,.05)}.diamond-details-view .images .btn:hover:before{opacity:1}.diamond-details-view .images .btn:active{background-color:rgba(0,0,0,.35)}.diamond-details-view .images .btn.left{left:-5px;transform:rotate(90deg)}.diamond-details-view .images .btn.right{right:-5px;transform:rotate(-90deg)}.diamond-details-view .images .dots{position:absolute;left:0;right:0;bottom:0;text-align:center}.diamond-details-view .images .dots .dot{display:inline-block;width:5px;height:5px;margin-left:3px;border:1px solid rgba(0,0,0,.2);border-radius:10px}.diamond-details-view .images .dots .dot:first-child{margin-left:0}.diamond-details-view .images .dots .dot[active]{border-color:#8f2d56;background-color:#8f2d56}.diamond-details-view .price{margin-top:15px}.diamond-details-view .price>div{margin-top:10px}.diamond-details-view .price .pay .val{color:red}.diamond-details-view .price .discount .val{color:#008307}.diamond-details-view .no-price{padding-right:40px;margin-top:15px;color:#999;text-align:center}.main-body>.navbar{position:relative;max-width:1400px;padding:20px 0;margin:0 auto}.main-body>.navbar:before{content:"";width:120px;background-image:url(../img/008.404f2a69.png);background-size:auto 32px;background-position:0;background-repeat:no-repeat}.main-body>.navbar:before,.main-body>.navbar nav{display:inline-block;height:32px;vertical-align:top}.main-body>.navbar nav{position:relative;padding-left:30px;margin-left:5px}.main-body>.navbar nav:before{content:"";position:absolute;height:20px;left:0;top:50%;margin-top:-10px;border-left:2px solid #999}.main-body>.navbar nav a{display:inline-block;position:relative;padding:0 2px;margin-left:30px;color:#787878;line-height:32px}.main-body>.navbar nav a:first-child{margin-left:0}.main-body>.navbar nav a.router-link-exact-active{color:#8f2d56}.main-body>.navbar nav a.router-link-exact-active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;border-bottom:3px solid #8f2d56}.main-body>.navbar .right{position:absolute;height:100%;top:0;right:0}.main-body>.navbar .logo{position:absolute;height:64px;top:4px;right:0}.main-body>.navbar .logo img{height:100%}.main-body>.container{position:relative;background-color:#fff}.main-body>.container>.container-title{max-width:1400px;line-height:32px;padding:16px 10px;margin:0 auto;color:#333;font-size:24px}.main-body>.container>.container-box{max-width:1400px;margin:0 auto}.comp-searchform input::-webkit-input-placeholder{color:#999}.comp-searchform input:-moz-placeholder,.comp-searchform input::-moz-placeholder{color:#999}.comp-searchform input:-ms-input-placeholder{color:#999}.comp-searchform .form-row{margin-top:10px}.comp-searchform .form-row:first-child{margin-top:0}.comp-searchform .form-btns{display:inline-block;margin-left:20px}.comp-searchform .form-btns button{padding:0;width:80px;margin-left:10px}.comp-searchform .form-btns button:first-child{margin-left:0}.comp-searchform .form-btns .my-btn-cancel{color:#fff;background-color:#aaa}.comp-searchform .form-btns .my-btn-cancel:hover{background-color:#a0a0a0}.comp-searchform .form-btns .my-btn-cancel:active{background-color:#787878}.comp-searchform .comp-form-item{display:inline-block;margin-left:20px;vertical-align:top}.comp-searchform .comp-form-item:first-child{margin-left:0}.comp-searchform .comp-form-item>dl>dt{color:#787878}.comp-searchform[size=small] .form-btns button{width:50px;height:24px;line-height:24px}.comp-form-item>dl{position:relative;min-height:32px}.comp-form-item>dl>dt{position:absolute;left:0;padding-top:6px;line-height:20px}.comp-form-item>dl>dd>input[type=text]{width:100%}.comp-form-item[size=small]{font-size:12px}.comp-form-item[size=small]>dl{min-height:24px}.comp-form-item[size=small]>dl>dt{padding-top:2px}.comp-form-input{position:relative}.comp-form-input input{width:100%;height:32px;border-radius:2px;box-sizing:border-box}.comp-form-input .unit{position:absolute;right:5px;top:0;line-height:32px;color:#686868;pointer-events:none}.comp-form-input .clearbtn{display:none;position:absolute;width:32px;top:0;bottom:0;right:0;color:#999;font-size:16px;text-align:center;cursor:pointer}.comp-form-input .clearbtn i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.comp-form-input[size=small] input{height:24px;font-size:12px}.comp-form-input[size=small] .unit{line-height:24px;font-size:12px}.comp-form-input[size=small] .clearbtn{width:24px;font-size:12px}.comp-form-input[has-val]:hover input{padding-right:32px}.comp-form-input[has-val]:hover .unit{display:none}.comp-form-input[has-val]:hover .clearbtn{display:block}.comp-form-input[size=small][has-val]:hover input{padding-right:24px}.comp-form-select{width:160px}.comp-form-select .ivu-select{font-size:inherit}.comp-form-select .ivu-select .ivu-select-selection{border-radius:2px}.comp-form-select .ivu-select .ivu-select-placeholder{color:#999;font-size:inherit}.comp-form-select .ivu-select .ivu-select-selected-value{font-size:inherit}.comp-form-select .ivu-select .ivu-select-arrow{right:4px;color:#999}.comp-form-select[size=small]{width:80px}.comp-form-select[size=bigd] .ivu-select .ivu-select-selection{height:32px}.comp-form-select[size=bigd] .ivu-select .ivu-select-selection .ivu-select-placeholder{height:30px;line-height:30px}.comp-form-select[size=bigd] .ivu-select .ivu-select-selection .ivu-select-selected-value{height:32px;line-height:32px}.comp-form-select[size=bigd] .ivu-select .ivu-select-item{line-height:32px}.comp-form-daterange{position:relative;width:320px}.comp-form-daterange>.date{display:inline-block;width:50%}.comp-form-daterange>.date.start{padding-right:10px}.comp-form-daterange>.date.end{padding-left:10px}.comp-form-daterange>.sep{position:absolute;width:40px;left:50%;margin-left:-20px;line-height:32px;color:#999;text-align:center}.comp-form-daterange .ivu-date-picker{width:100%}.comp-form-daterange .ivu-date-picker .ivu-input{font-size:inherit;border-radius:2px;background-color:#fff!important}.comp-form-daterange .ivu-date-picker .ivu-input-small{height:24px}.comp-form-daterange .ivu-date-picker .ivu-input-suffix{width:24px}.comp-form-daterange .ivu-date-picker .ivu-input-suffix i{color:#999}.comp-form-daterange[size=small]{width:220px}.comp-form-daterange[size=small]>.sep{line-height:24px}.v-order-item{border:1px solid #eee}.v-order-item .orderinfo{display:flex;flex-direction:row;align-items:center;height:40px;font-size:12px;line-height:20px;padding:0 10px;background-color:#f5f6f9}.v-order-item .orderinfo .expandbtn{width:24px;height:24px;transform:rotate(-90deg);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAA7xJREFUeAHtmU2ITmEUx+fDR0ZjCiWjMAthgWEhsvBRFgZlYVA2SFHkY2EjzcaCsGChoaSEksJsaMykxFgIsxCTpIlQjEK+v/mdqbeeOfO88577ujNz7zvPqX9zz3P/5zzn/78z7733naKiEMGB4EBwIDgQHAgOBAeCA8GB4EBwYAA7UI32RtAB7oFNoNBiC4JagWi8AqaDzpCD7+CvwgnyYpD2KEHAaaD1fWZtsohr8JzMkI8IIeVxjPkzevTPc6LtaQ8EKdgL0hoHGVyLdvNHIuxGDpIU7BJiyqKOeV2xvuNm0VRrIErxZiGnJHYwp0+wXqvJ6DlsKPgDZ22mIME/NzKbzKrF6ny/q0E+7U8ain7CWeEWJux4NfP8Blqszut9c5eyeN5Q/A3OYl+Dfl5bxv4/gBarc7klZr29D+bkZUMTuYfOA0mJhQzyFWixOr8IZ1CuoYdBuA50sc7fw5kJ+jvmMMBHoOfT+VU4Q6zDlkO8bWj6Bs5Ua9Ne4M2g51ugxer8JpyyqPuPpOC+oflLOFVRm8fAl8fY10CL1fldOCPy3W8MhY8Nm7TDqcx3kzzqJlDzHGixOn8IZ1Qe/buUjCd7BnRznbfBGd2lsneSsbR9AvT+OheOcGOJSXR5BfQmOpdX6YpYdvQ3kav5AOh9dS6/HRNBrDGNbpYPnBZ4kT9wDJPK3/EdoMXqvANO52uuoWdkymwqLLecJnhDI3fPXiC3ZstL2zt41dnbxHNmAW0sDx2X4OV86DCMJPfuRqCvtM4/wZlr6BcLZSld/vux0zBJKZwLQIvVuVyQRYZ+sVJW0S3vFw/DJMVwTgEtVufygrbc0K9XKBvoann1PJDH7kep0WJ1LhdgTR69Yy3ZbhhUBt8TYdd9xp7y7p+IEHH66vjybYZpdxt77TT06lOK/Jr7RLtr8ueyvoepthp6SL+6Hnr066l6g4BfcGo9U65jzfJ5cshTm5ilEiY5A9yr7juWW2iNM/VKjsUYH9ddO+7UJPZQHn7kIcgd3Hf8Bc58sARYninOwhODUxHyGNwEfMLdtQ9wxAh3zXfcACeOp0ra9F2UsVUL8AmKstZMjzjfK/rOAXaqAK0gimCXe4va4SDVIV+StAFXmOVYjBMDCyLGoaIdWIQLRwwT4woqqlAjX6DmMkGMqiwo5Y4Y+QpdvkrPZsILzolRBR2zUCf/VNEmdLAmBg2ImIJKuUXK66w8AV4DBX/l0dgtyllJ/W2um6qwEBwIDgQHggPBgeBAcCA4EBwIDgQHku7APyDic3uIyvsvAAAAAElFTkSuQmCC);background-size:10px;background-position:50%;background-repeat:no-repeat;cursor:pointer;opacity:.65}.v-order-item .orderinfo .chkbox{padding-right:8px}.v-order-item .orderinfo .date{width:200px}.v-order-item .orderinfo .no{width:180px}.v-order-item .orderinfo .contact{width:320px}.v-order-item .orderinfo .amount{width:150px;color:red}.v-order-item .orderinfo .discount{width:150px;color:#07a915}.v-order-item .orderinfo .status{flex:auto;text-align:right}.v-order-item .remark{display:none;line-height:20px;padding:5px 10px;color:#585858;font-size:12px;border:1px solid #eee;border-width:1px 0;background-color:#f5f6f9}.v-order-item .diamonds{display:none;padding:10px 20px}.v-order-item .diamonds table{width:100%;color:#686868;font-size:12px;border-spacing:0;border-collapse:collapse}.v-order-item .diamonds tr{height:32px}.v-order-item .diamonds td{padding:0 3px}.v-order-item .diamonds thead td{color:#aaa;border-bottom:1px solid #eee}.v-order-item .diamonds tbody td{border-bottom:1px solid #f6f6f6}.v-order-item .diamonds tbody tr:nth-child(2n) td{background-color:#fafafa}.v-order-item.open .orderinfo .expandbtn{transform:rotate(0deg)}.v-order-item.open .diamonds,.v-order-item.open .remark{display:block}.client-order{position:relative;padding-bottom:35px}.client-order .order-status{position:absolute;left:150px;top:-46px}.client-order .order-status .item{display:inline-block;line-height:28px;padding:0 12px;margin-left:20px;color:#787878;font-size:14px;border-radius:32px;background-color:#d8d8d8;cursor:pointer}.client-order .order-status .item:first-child{margin-left:0}.client-order .order-status .item:hover{color:#000}.client-order .order-status .item.selected{color:#fff;background-color:#8f2d56}.client-order .searchbar{padding:4px 10px 20px;border-bottom:1px dashed #eee}.client-order .topbar{position:relative;height:32px;margin:5px 0 10px}.client-order .topbar .status{display:inline-block;padding:6px 0 6px 10px;line-height:20px;font-size:14px}.client-order .topbar .status span{display:inline-block;margin:0 5px}.client-order .topbar .chkbox{display:inline-block;padding-top:4px;margin-left:20px;vertical-align:top}.client-order .topbar .btns{position:absolute;top:0;right:0}.client-order .topbar .btns .my-btn{margin-left:10px}.client-order .pager{margin-top:30px}.client-order .order-item{margin-top:20px}.client-order .order-item:first-child{margin-top:0}