body { font: 14px "microsoft yahei",Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; color:#333;}
a:hover { color:#000;}

.fz10 {font-size: 10px;}
.fz12 {font-size: 12px;}
.fz14 {font-size: 14px;}
.fz16 {font-size: 16px;}
.fz18 {font-size: 18px;}
.fz20 {font-size: 20px;}
.fz22 {font-size: 22px;}
.fz24 {font-size: 24px;}
.fz26 {font-size: 26px;}
.fz28 {font-size: 28px;}
.fz32 {font-size: 32px;}
.fz36 {font-size: 36px;}

.max-w { max-width: 100%;}
.full-w { width: 100%;}
.block { display: block;}

.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }

.clearfix:after,.clearfix:before{display:table;content:' '}
.clearfix:after{clear:both;}

.pos-a { position: absolute;}
.pos-r { position: relative;}

.f-bold { font-weight: bold;}
.f-style-s { font-style: italic;}
.f-del { text-decoration: line-through;}

/* .f-lh-1 { line-height: 1;}
.f-lh-s { line-height: 18px;}
.f-lh-m { line-height: 24px;}
.f-lh-big { line-height: 48px; }

.f-lh-20 { line-height: 20px;}
.f-lh-22 { line-height: 22px;}
.f-lh-26 { line-height: 26px;}
.f-lh-28 { line-height: 28px;}
.f-lh-30 { line-height: 30px;}
.f-lh-32 { line-height: 32px;}
.f-lh-36 { line-height: 36px;}

.bg-white { background-color:#fff;}
.bg-dark { background-color:#92a1b7;}
.bg-dark2 { background-color:#0e142d;}
.bg-orange { background-color:#fb8d10;}
.bg-red { background-color:#f35959;}
.bg-green { background-color:#35c020;}
.bg-blue { background-color:#1d74e2;}
.bg-pholder {background-color:#d3dce6;}
*/

.bg-gray { background-color: #f8f8f8;}
.bg-white { background-color: #fff;}

.color-orange {color: #ff7e00;} 
.color-orange2 {color: #ff4800;} 
.color-blue {color: #0052ff;}
.color-green {color: #2f9c33;} 
.color-gray {color:#b4b4b4;}
.color-gray2{ color: #999;}



/*
.color-sys { color: #61758e;}
.color-white { color:#ffffff;}
.color-black {color: #000;}
.color-black2 {color: #333;}
.color-black3 {color: #666;}
.color-dark {color: #2f3a4e;}
.color-dark2 {color: #99a9bf;}
.color-dark3 {color: #8d9eb5;}
.color-dark4 {color:#cacdda;}

.color-blue3 {color: #2a80b8;}
.color-pholder {color: #d3dce6;}

.color-red {color: #f35959;} 

.color-yellow {color: #ffe00d;} 
.color-bluegreen { color:#00fcff;}

.f-radius { border-radius: 9px;}
.f-radius16 {border-radius: 16px;}

.f-shadow { box-shadow: 0px 0px 16px 0px rgba(90, 132, 197, 0.16);} */



/* 
ul,li { list-style: none; margin:0; padding: 0;}
i,em { font-style: normal;} */

/* 字符修饰 超限与换行 */
.t-over {display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/* 内容超出宽度时隐藏超出部分的内容 */
/*.t-over {text-overflow:ellipsis;} 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
.w-break{word-break:break-all;}/* 强制换行 */
.nowrap{word-break:keep-all;white-space:nowrap;} /*禁示换行*/

.m-center { margin-left:auto; margin-right: auto;}
.t-center { text-align: center;}

.z-header {border-bottom: solid 1px #e6e6e6;}
.z-header .top-unit { display: none; background-color: #0052ff; height: 48px; line-height: 48px;}
.z-header .top-unit, .z-header .top-unit a,.z-header .top-unit a:hover { color:#fff!important; font-size: 12px;}
.z-header .top-unit .left a { border:#fff 1px solid; border-radius: 100px; display: block; float: left; line-height: 1; padding: 5px 18px; margin-right: 18px; margin-top: 15px; }
.z-header .top-unit .right { text-align: right;}

.z-header .head-unit { min-height: 90px;}
.z-header .head-unit .logo { margin-top: 23px;  margin-right: 38px;  margin-left: 10px;  width: 100px;}

.head-unit .main-nav a { display: inline-block; height: 90px; line-height: 90px; font-size: 18px; font-weight: bold; margin:0 14px; color:#333;}
.head-unit .main-nav a.on,.logo-unit .main-nav a.on:hover {color:#ff4800; border-bottom:#ff4800 3px solid;}
.head-unit .main-nav a:hover {color:#111;}

.head-unit .right-action { position: absolute; top:25px; right:0;}

.head-unit .right-action .search-unit { box-sizing: content-box; background-color: #fff; border:#0052ff 1px solid;border-radius: 100px; height: 26px; line-height: 1; padding: 7px 10px 8px 15px;}
.head-unit .right-action .search-unit .select-box { border:none;}
.head-unit .right-action .search-unit input { border:none; width:120px;}
.head-unit .right-action .search-unit .btn-search { background: url(../images/icon-search.png) center center no-repeat; background-size: contain; position: relative; top:3px; width:30px; height: 18px;}

.head-unit .right-action .btns-unit { color:#fff; margin-left:20px; background:#ff7e00; border-radius: 100px; height: 44px; line-height: 44px; padding: 0 25px;}
.head-unit .right-action .btns-unit a { color:#fff; font-size: 16px; font-weight: bold;}

.dongtai {height: 60px; line-height: 60px;  }
.dongtai h3 { padding-left: 40px; background: url(../images/icon-dongtai.png) no-repeat left center; background-size: auto 50%;  font-size: 18px; font-weight: bold; }
.dongtai .dongtai-list { margin-left: 30px; font-size: 16px; }
.dongtai .dongtai-list a { display: inline-block; margin-left:50px ;}

.ad-unit { margin-bottom: 50px;}

.feature  { padding: 60px 0;}
.feature h3 { font-size: 40px; font-weight: bold; letter-spacing: 3px;}
.feature .line { margin:20px auto; width:120px; height: 4px; background-color:#ff7e00;}

.home-works { padding: 60px 0;}

.tit-unit { padding-bottom: 40px;}
.tit-unit li { float: left;}
.tit-unit li a  { color:#aaa; font-size: 32px; display: block; margin-right: 50px;}
.tit-unit li a.on { color:#333; font-weight: bold;}
.tit-unit .more	{ display: block; margin-right: 5px; width:120px; line-height: 40px; font-size: 16px; text-align: center; color:#aaa; border:#aaa 1px solid; }
.tit-unit .more:hover {color:#333; border:#333 1px solid; }
.tit-unit .random { margin-right: 30px; padding-left:15px; color:#ff892a; background: url(../images/reflash.png) 15px center no-repeat; background-size: auto 40%;}
.tit-unit .random:hover {color:#ff892a;border:#ff892a 1px solid;}

.home-works .work-item { border:#e3e3e3 1px solid; border-radius: 6px;height: 300px; overflow: hidden;}
.home-works .work-item .work-pic { border-top-left-radius: 6px; border-top-right-radius: 6px; height: 200px; overflow: hidden;}
.home-works .work-item .info-unit { min-height: 80px; padding: 10px;}
.home-works .work-item .info-unit .avatar { width: 50px; height: 50px; margin-right: 10px;}
.home-works .work-item .info-unit .avatar img { border-radius: 100%; display: block;width: 46px; height: 46px;}
.home-works .work-item .info-unit .avatar .level { position: absolute; bottom:-10px; left:3px;width:90%; display: block;}
.home-works .work-item .info-unit p { width:186px; overflow: hidden;}
.home-works .work-item .info-unit .info .price {color: #2f9c33; font-size: 14px; float: right;}
.home-works .work-item .info-unit .info .price em { font-style: normal;font-size: 16px;font-weight: bold; }
.home-works .work-item .info-unit .info .name {width: 82px;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;}
	
.home-works .work-item .info-unit .info .tag { margin-top:10px; font-size: 14px;  color: #7a97ad; text-align: center;  height: 26px; line-height: 26px;    display: inline-block;  background: #ecf6fc; border-radius: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;  white-space: nowrap;  margin-right: 5px; padding-left: 9px; padding-right: 9px;}


.home-designer { padding: 60px 0;}

.home-designer .designer-item { height: 86px; overflow: hidden; border:#e3e3e3 1px solid; border-radius: 6px; background: #fff;}
.home-designer .designer-item .info-unit { min-height: 70px; overflow: hidden;  padding: 10px; line-height: 20px;}
.home-designer .designer-item .info-unit .avatar { width: 50px; height: 50px; margin-right: 10px;}
.home-designer .designer-item .info-unit .avatar img { border-radius: 100%; display: block;width: 46px; height: 46px;}
.home-designer .designer-item .info-unit .info .level { height:20px; display: inline-block;}
.home-designer .designer-item .info-unit p { width:186px; overflow: hidden;}
.home-designer .designer-item .info-unit .info .price {color: #2f9c33; font-size: 14px; float: right;}
.home-designer .designer-item .info-unit .info .price em { font-style: normal;font-size: 16px;font-weight: bold; }
.home-designer .designer-item .info-unit .info .name {width: 82px;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;}
.home-designer .designer-item .info-unit .info p { max-width:180px;max-height: 42px; overflow: hidden;}	
.home-designer .designer-item .info-unit .info .tag { margin-top:10px; font-size: 14px;  color: #999; text-align: center;  height: 26px; line-height: 26px;    display: inline-block;  background: #fffbeb; border:#e6e6e6 1px solid; border-radius: 6px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;  white-space: nowrap;  margin-right: 5px; padding-left: 9px; padding-right: 9px;}



.customers { padding: 60px 0;}
.customers h3 { margin-bottom: 30px; font-size: 36px; text-align: center; letter-spacing:3px;}

.z-footer{ color:#fff; padding:40px 0; background-color: #0042cd;}
.foot-top { font-size: 28px; color:#b1c7f6; letter-spacing: 2px; line-height: 60px; padding-bottom: 30px; border-bottom: #80a1e6 1px solid;}
.foot-top .logo2 { margin-right: 20px;}

.foot-main { padding:0 15px;}
.foot-main h4 { font-size: 20px; margin:30px 0 25px; font-weight: bold;}
.foot-main ul { float: left; width: 25%; padding-bottom: 20px;}
.foot-main li { font-size: 16px; line-height: 42px;}
.foot-main a { color:#fff; }
.foot-main .qr-unit{ position: absolute; top:32px; right:15px; text-align: center; line-height: 32px; font-size: 14px;}
.foot-main .btn-links { position: absolute; right:15px; bottom:30px;}
.foot-main .btn-links a { border:#7599e4 1px solid; border-radius: 100px; padding:8px 40px; color:#fff; display: inline-block; margin-left:20px;}
.foot-bottom {color:#9fb7e9; line-height:1.5; border-top: #80a1e6 1px solid; padding:20px 0;}
.foot-bottom img { margin-top:12px; height: 24px; display: block;}

.crumb { padding: 30px 10px; font-size: 28px; font-weight: bold;}
.crumb .layui-container { padding: 0 15px;}
.crumb span { font-weight: normal; color:#c9cbd1; margin-left: 20px;}
.crumb .btn { display: block; border-radius: 100px; background: #0052ff; font-size: 16px; font-weight: normal; color:#fff; padding:10px 40px;}

.filter-area { margin:20px 10px; }
.filter-area .layui-row { margin-bottom: 10px;}
.filter-area h3 { font-size: 16px; color:#0052ff; font-weight: bold;}
.filter-area a { font-size: 14px; border-radius: 100px; line-height:22px; margin-right: 6px; margin-bottom: 3px; padding:3px 20px; display: inline-block; }
.filter-area a:hover { background: #ececec;}
.filter-area a.on { color:#fff; background:#0052ff; }


.designer-list { padding: 60px 0;}

.designer-list .designer-item { padding: 8px; border:#e3e3e3 1px solid; border-radius: 6px; background: #fff;}
.designer-list .designer-item .info-unit { padding: 10px; line-height: 20px;}
.designer-list .designer-item .info-unit .avatar { width: 20%; height: 50px; margin-right: 5%}
.designer-list .designer-item .info-unit .avatar img { border-radius: 100%; display: block;width: 46px; height: 46px;}

.designer-list .designer-item .work-pic { border-radius: 5px; height: 106px; overflow: hidden;}

.designer-list .designer-item .info-unit .info { width: 75%; height: 70px; overflow: hidden;}
.designer-list .designer-item .info-unit .info .level { height:20px; display: inline-block;}

.designer-list .designer-item .info-unit .info .price {color: #2f9c33; font-size: 14px; float: right;}
.designer-list .designer-item .info-unit .info .price em { font-style: normal;font-size: 16px;font-weight: bold; }
.designer-list .designer-item .info-unit .info .name {width: 109px;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;}
	
.designer-list .designer-item .info-unit .info .tag { margin-top:10px; font-size: 14px;  color: #999; text-align: center;  height: 26px; line-height: 26px;    display: inline-block;  background: #fff; border:#e6e6e6 1px solid; border-radius: 6px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;  white-space: nowrap;  margin-right: 7px; padding-left: 9px; padding-right: 9px;}

.designer-list .designer-item .layui-col-md4 img { width:106px; height: 106px; overflow: hidden;}

.designer-list .more { height: 30px; line-height: 35px;}

.pages {  margin:30px auto 0; text-align: center;}
.pages .layui-laypage a, .layui-laypage span { font-size: 14px; padding: 0 15px; height: 32px; line-height: 32px;}

.commend-works { padding: 60px 0;}

.commend-works .work-item { border:#e3e3e3 1px solid; border-radius: 6px;height: 300px; overflow: hidden;}
.commend-works .work-item .work-pic { border-top-left-radius: 6px; border-top-right-radius: 6px; height: 200px; overflow: hidden;}
.commend-works .work-item .info-unit { min-height: 80px; padding: 10px;}
.commend-works .work-item .info-unit .avatar { width: 50px; height: 50px; margin-right: 10px;}
.commend-works .work-item .info-unit .avatar img { border-radius: 100%; display: block;width: 46px; height: 46px;}
.commend-works .work-item .info-unit .avatar .level { position: absolute; bottom:-10px; left:3px;width:90%; display: block;}
.commend-works .work-item .info-unit p { width:186px; overflow: hidden;}
.commend-works .work-item .info-unit .info .price {color: #2f9c33; font-size: 14px; float: right;}
.commend-works .work-item .info-unit .info .price em { font-style: normal;font-size: 16px;font-weight: bold; }
.commend-works .work-item .info-unit .info .name {width: 82px;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;}
	
.commend-works .work-item .info-unit .info .tag { margin-top:10px; font-size: 14px;  color: #7a97ad; text-align: center;  height: 26px; line-height: 26px;    display: inline-block;  background: #ecf6fc; border-radius: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;  white-space: nowrap;  margin-right: 5px; padding-left: 9px; padding-right: 9px;}

.works-list { padding: 60px 0;}

.works-list .work-item { border:#e3e3e3 1px solid; border-radius: 6px;height: 300px;overflow: hidden;}
.works-list .work-item .work-pic { border-top-left-radius: 6px; border-top-right-radius: 6px; height: 200px; overflow: hidden;}
.works-list .work-item .info-unit { min-height: 80px; padding: 10px;}
.works-list .work-item .info-unit .avatar { width: 50px; height: 50px; margin-right: 10px;}
.works-list .work-item .info-unit .avatar img { border-radius: 100%; display: block;width: 46px; height: 46px;}
.works-list .work-item .info-unit .avatar .level { position: absolute; bottom:-10px; left:3px;width:90%; display: block;}
.works-list .work-item .info-unit p { width:186px; overflow: hidden;}
.works-list .work-item .info-unit .info .price {color: #2f9c33; font-size: 14px; float: right;}
.works-list .work-item .info-unit .info .price em { font-style: normal;font-size: 16px;font-weight: bold; }
.works-list .work-item .info-unit .info .name {width: 82px;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;}
	
.works-list .work-item .info-unit .info .tag { margin-top:10px; font-size: 14px;  color: #7a97ad; text-align: center;  height: 26px; line-height: 26px;    display: inline-block;  background: #ecf6fc; border-radius: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;  white-space: nowrap;  margin-right: 5px; padding-left: 9px; padding-right: 9px;}


.commend-designer { padding: 60px 0 80px;}

.commend-designer .designer-item { height: 86px; overflow: hidden; border:#e3e3e3 1px solid; border-radius: 6px; background: #fff;}
.commend-designer .designer-item .info-unit { min-height: 70px; padding: 10px; line-height: 20px;}
.commend-designer .designer-item .info-unit .avatar { width: 50px; height: 50px; margin-right: 10px;}
.commend-designer .designer-item .info-unit .avatar img { border-radius: 100%;  display: block;width: 46px; height: 46px;}
.commend-designer .designer-item .info-unit .info .level { height:20px; display: inline-block;}
.commend-designer .designer-item .info-unit p { width:186px; overflow: hidden;}
.commend-designer .designer-item .info-unit .info .price {color: #2f9c33; font-size: 14px; float: right;}
.commend-designer .designer-item .info-unit .info .price em { font-style: normal;font-size: 16px;font-weight: bold; }
.commend-designer .designer-item .info-unit .info .name {width: 82px;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;}
	
.commend-designer .designer-item .info-unit .info .tag { margin-top:10px; font-size: 14px;  color: #999; text-align: center;  height: 26px; line-height: 26px;    display: inline-block;  background: #fffbeb; border:#e6e6e6 1px solid; border-radius: 6px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;  white-space: nowrap;  margin-right: 5px; padding-left: 9px; padding-right: 9px;}


.designer-detail { padding: 20px 0 30px;}

.designer-detail .info-unit { position: relative; padding: 10px; margin-bottom: 30px; }
.designer-detail .info-unit .avatar { width: 80px; height: 50px; margin-right:3%}
.designer-detail .info-unit .avatar img { border-radius: 100%; display: block; width: 80px; height: 80px;}
.designer-detail .info-unit .info { width:60%;}
.designer-detail .info-unit .info .level { height:20px; display: inline-block;}

.designer-detail .info-unit .info .price {color: #2f9c33;}
.designer-detail .info-unit .info .price em { font-style: normal;font-size: 18px;font-weight: bold; }
.designer-detail .info-unit .info .name { font-size: 22px; font-weight: bold; width: 100%;}

.designer-detail .info-unit .info-more { width: 100%; }
.designer-detail .info-unit .info-more .fl { width: 30%; height: 50px; margin-top:10px; padding-left:10px; border-left: #eee 2px solid;}
.designer-detail .info-unit .info-more .fl:first-child { padding-left: 0; border-left:none;}
.designer-detail .info-unit .info-more p {line-height: 24px;}

.act-btns { position: absolute; top:15px; right:0;}
.act-btns .btn:first-child { margin-bottom: 20px;}
.act-btns .btn-blue {  display: block; border-radius: 100px; border:#0052ff 1px solid; background: #0052ff; font-size: 14px; font-weight: normal; color:#fff; padding:6px 60px;}
.act-btns .btn-white {  display: block; border-radius: 100px; border:#0052ff 1px solid;  background: #fff; font-size: 14px; font-weight: normal; color:#0052ff; padding:6px 60px;}



.person-unit .tit-works { margin-top: 20px; }
.person-unit .tit-works li { float: left;}
.person-unit .tit-works li a  { color:#ff7e00; font-size: 21px; display: block; margin-right: 50px;}
.person-unit .tit-works li a.on { color:#333; font-weight: bold;}
.person-unit .tit-works .more	{ display: block; margin-right: 5px; width:120px; line-height: 40px; font-size: 16px; text-align: center; color:#aaa; border:#aaa 1px solid; }
.person-unit .tit-works .more:hover {color:#333; border:#333 1px solid; }

.person-unit .works-unit .list-unit { padding:20px 5px; max-height: 400px; overflow: hidden; overflow-y: auto;}

.person-unit .info-box { margin-top: 20px;;}
.person-unit .info-box .tit { background: #f8f8f8; font-size: 15px; font-weight: bold; padding: 14px 12px;}
.person-unit .info-box .tit span { padding-left: 8px; border-left:#2da562 4px solid;}
.person-unit .info-box .content { padding: 18px; line-height: 1.8;}
.person-unit .info-box .content .tag-list span { display: inline-block; background: #f1f1f1; border-radius: 100px; font-size: 12px; font-weight: 500; color: #666; padding: 3px 15px; margin-right: 8px;
    margin-bottom: 15px;}

.warning-unit {background: #f1fbea; border: 1px solid #c2e9a6;font-size: 12px; color: #666; margin-top: 30px;  padding: 20px;}
.warning-unit h3 { font-size: 16px; color: #ef7b1b; font-weight: bold; }
.warning-unit h4 { font-size: 12px; font-weight: bold; }
.warning-unit p {line-height: 1.5;padding: 10px 0;}

.work-detail { position: relative; padding: 40px 0;}
.work-detail h1 { border-left:#ff4800 6px solid; margin-left:2px; margin-bottom: 10px; padding-left: 16px; line-height: 1.2; font-size: 30px; font-weight: 400;}
.work-detail h1 .icon-ori {
    width: 43px;
    height: 25px;
    background: #31a15f;
    border-radius: 8px 0 8px 0;
    font-size: 12px;
    font-weight: 400;
	font-style: normal;
    color: #fff;
    padding: 3px 6px;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    margin-left: 8px;
    margin-right: 14px;
}

.work-detail .info-unit { padding-bottom: 20px; margin-bottom: 30px; border-bottom: #eee 1px solid; }
.work-detail .info-unit p span { margin-right: 40px;}
.work-detail .info-unit p span img { width: 16px; height: 16px; margin-right: 3px;}
.work-detail .tag-list { margin-top:10px;}
.work-detail .tag-list .tag {background: hsla(0,0%,60%,.1); border-radius: 2px;
    font-size: 12px; font-weight: 500; color: #666; margin-right: 8px; padding: 2px 5px;}
.work-detail .copyright img {
	width: 16px; height: 16px;
    margin-right: 2px;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
	}
.work-detail .work-show img { max-width: 100%;}


.designer-info { position: absolute; top:0; right:0; width:240px;}
.designer-info { font-size: 12px; padding: 8px;  border-radius: 6px; background: #fff;}
.designer-info .info-unit { line-height: 20px;}
.designer-info .info-unit .avatar { width: 40px; height:40px; margin-right:10px;}
.designer-info .info-unit .avatar img {width: 40px; height:40px; border-radius: 100%;}
.designer-info .info-unit .info .level { height:20px;}

.designer-info .info-unit .info .price em { font-style: normal;  }
.designer-info .info-unit .info .name {width: 70px;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;}
.designer-info .info-unit { margin-bottom: 0; border-bottom: none;}
.designer-info .info-unit p span {margin-right: 15px; }

.act-btns2 a { margin:0 5px;}
.act-btns2 .btn-blue {  display: inline-block; border-radius: 100px; border:#0052ff 1px solid; background: #0052ff; font-size: 12px; font-weight: normal; color:#fff; padding:4px 25px;}
.act-btns2 .btn-white {  display: inline-block; border-radius: 100px; border:#0052ff 1px solid;  background: #fff; font-size: 12px; font-weight: normal; color:#0052ff; padding:4px 25px;}


.user-enter { position: relative; min-height: 520px;}
.form-area { color:#333; margin-bottom: 30px; padding: 30px 36px;}
.form-area h3 {color:#333; font-size: 24px;}
.form-area .top { color:#878787;}
.form-area .top span a { text-decoration: underline;}

.form-area .type { width:80%; margin:0 auto; text-align: center;}
.form-area .type a { line-height: 60px; margin:80px; padding: 50px 0 12px; text-align: center; display: inline-block; width: 200px;
	background-image: linear-gradient(0deg, #f3faff 0%, #fbfbff 100%), linear-gradient(#ff7e00, #ff7e00);border-radius: 9px;border: solid 1px #d4e1e9;}
.form-area .type img { width: 50%; display: block; margin:0 auto; }
.form-area .type a span { font-weight: bold;}
.form-area .type a:hover { background-image: none;}

 
.form-reg { color:#333; margin-bottom: 30px; padding: 30px 36px;}
.form-reg h3 {color:#0052ff; font-size: 24px;}
.form-reg.type2 h3 {color:#ff7e00;}
.form-reg .top { color:#878787;}
.form-reg .top span a { text-decoration: underline;}

.form-unit { width: 420px;}
.form-unit input,.form-unit button { line-height: 45px; height: 45px; border-radius: 5px;}
.form-unit .layui-form-label { margin-top: 8px; text-align: left; font-weight: bold; padding: 9px 2px; float: none;}
.form-unit .layui-input-block { margin-left:0;}
.form-unit input.v-code { width: 280px; display: inline-block; margin-right: 10px;}
.form-unit .v-btn { position: relative; top:-2px; width:120px; background-color: #2f9c33; border-radius: 6px;}
.form-unit .check-unit {margin-top: 20px;color:#999;  font-size: 12px;}
.form-unit .check-unit a { cursor: pointer;color:#0052ff;}
.form-unit .check-unit .check-box {  width:18px; height:18px;position: relative; top:5px; margin-right: 10px; }
.form-unit .btn-submit { margin-top:36px; width:420px; background-color: #0052ff;line-height: 45px; height: 45px; border-radius: 5px;}
.form-reg.type2 .form-unit .btn-submit { background-color: #ff7e00;}
.form-unit .form-r-pic { position: absolute; bottom:40px; right:70px;}
.form-unit .form-r-pic img { width: 200px; opacity: 0.3;}

.form-login { color:#333; margin-bottom: 30px; padding: 30px 36px;}
.form-login h3 {color:#0052ff; font-size: 24px;}
.form-login.type2 h3 {color:#ff7e00;}
.form-login .top { color:#878787;}
.form-login .top span a { text-decoration: underline;}

.form-login.type2 .form-unit .btn-submit { background-color: #ff7e00;}

.form-login .bot-action { margin-top: 10px;}
.form-login .bot-action .forget { color:#0052ff;}
.form-login.type2 .bot-action .forget { color:#666;}

.uc-center { padding-bottom: 30px;}

.out-btn { float:right; font-size: 12px;  text-align: center;height: 22px;
	line-height: 22px;
	padding:3px 30px;
	display: block;
	margin:15px 10px 0 0;
	font-weight: normal;
	color:#999;
	background-color: #ffffff;
	border-radius: 20px;
	border: solid 1px #b8bec7;
	    box-sizing: content-box;
	}
	
.uc-top { position: relative; color:#fff; padding: 30px 22px;background-image: linear-gradient(90deg, #0052ff 0%, #00a2ff 100%), linear-gradient(#00a2ff, #00a2ff);}
.uc-top .avatar { margin-right:18px;}
.uc-top .avatar img {width: 54px; height: 54px; border-radius: 100%;}
.uc-top .info-unit p { margin-top:6px;}
.uc-top .info-unit .name { font-size: 14px; font-weight: bold;}
.uc-top .info-unit span { margin-right: 12px;}
.uc-top .top-btns { position: absolute; top:40px; right:0;}
.uc-top .top-btns .btn { margin-right:30px; display:inline-block; text-align: center; padding:8px 40px; background-color: #0052ff; color:#fff; border:#0052ff 1px solid;	border-radius: 100px;}
.uc-top .top-btns .btn.btn-outline { background-color:transparent;border:#fff 1px solid;}



.uc-main .uc-left { width: 20%;}
.uc-main .uc-right { width:80%; margin-left:-1px; border-left: #eee 1px solid;}

.uc-main .side-bar { min-height: 500px; }

.uc-main .nav { width:80%; margin:30px auto;}
.uc-main .nav li { margin-bottom: 12px;}
.uc-main .nav a {
	color:#6a7789;
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background-color: #fcfdff;
	border-radius: 6px;
	border: solid 1px #b8bec7;
	}

.uc-main .nav a.f-icon1 { background: url(../images/f-icon1.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav a.f-icon2 { background: url(../images/f-icon2.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav a.f-icon3 { background: url(../images/f-icon3.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav a.f-icon4 { background: url(../images/f-icon4.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav a.f-icon5 { background: url(../images/f-icon5.png) 10px center no-repeat; background-size: 20px auto;}

.uc-main .nav a.f-icon1.on { color:#fff;border: solid 1px #1a5ae4; background:#1a5ae4 url(../images/f-icon1-a.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav a.f-icon2.on { color:#fff;border: solid 1px #1a5ae4; background:#1a5ae4 url(../images/f-icon2-a.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav a.f-icon3.on { color:#fff;border: solid 1px #1a5ae4; background:#1a5ae4 url(../images/f-icon3-a.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav a.f-icon4.on { color:#fff;border: solid 1px #1a5ae4; background:#1a5ae4 url(../images/f-icon4-a.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav a.f-icon5.on { color:#fff;border: solid 1px #1a5ae4; background:#1a5ae4 url(../images/f-icon5-a.png) 10px center no-repeat; background-size: 20px auto;}

.uc-main .main-show { padding:30px 20px;}

.uc-main .main-show .tit { margin-bottom: 20px;}
.uc-main .main-show .tit h3 { font-size: 16px; font-weight: bold; }

.data-board { margin-bottom: 25px;}
.fr.msg-unit { background: url(../images/icon-ring.png) left center no-repeat; padding-left: 30px; background-size: auto 18px; font-size: 14px; color:#999;}
.fr.msg-unit span { color:#ff0000;}

.data-board .board { padding: 20px 0; font-size: 12px; color:#888; text-align: center; background: #f6f9ff;}
.data-board .board strong { font-weight: normal; margin-bottom: 10px; color:#333; font-size: 28px; display: block;}
.data-board .board strong.green  { color:#00c750;}
.data-board .board strong.orange  { color:#ff7e00;}
.data-board .board strong.blue  { color:#0052ff;}

.my-employer { margin-bottom: 25px;}

.layui-table tr:nth-child(odd) { background: #f6f9ff;}
.layui-table th { text-align: center;}
.layui-table td { font-size: 12px; border:none; border-bottom: #eee 1px solid;}
.layui-table td:last-child { text-align: right;}
.layui-table .btn {font-size: 12px;  text-align: center;height: 22px;
	line-height: 22px;
	padding:0 10px;
	display: inline-block;
	font-weight: normal;
	color:#333;
	background-color: #ffffff;
	border-radius: 5px;
	border: solid 1px #b8bec7;}
	
.my-employer .avatar { display: block; float: left; width: 60px; margin-right: 20px;}



.uc-top2 { position: relative; color:#fff; padding: 30px 22px;background-image: linear-gradient(90deg, #ff7e00 0%, #f1e188 100%), linear-gradient(#00a2ff, #00a2ff);}
.uc-top2 .avatar { margin-right:18px;}
.uc-top2 .avatar img {width: 54px; height: 54px; border-radius: 100%;}
.uc-top2 .info-unit p { margin-top:6px;}
.uc-top2 .info-unit .name { font-size: 14px; font-weight: bold;}
.uc-top2 .info-unit span { margin-right: 12px;}
.uc-top2 .top-btns { position: absolute; top:40px; right:0;}
.uc-top2 .top-btns .btn { margin-right:30px; display:inline-block; text-align: center; padding:8px 40px; background-color: #00d569; color:#fff; border:#00d569 1px solid;	border-radius: 100px;}
.uc-top2 .top-btns .btn.btn-outline { background-color:transparent;border:#fff 1px solid;}

.uc-main .nav2 { width:80%; margin:30px auto;}
.uc-main .nav2 li { margin-bottom: 12px;}
.uc-main .nav2 a {
	color:#6a7789;
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background-color: #fcfdff;
	border-radius: 6px;
	border: solid 1px #b8bec7;
	}

.uc-main .nav2 a.f-icon1 { background: url(../images/f-icon1.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav2 a.f-icon2 { background: url(../images/f-icon2.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav2 a.f-icon3 { background: url(../images/f-icon3.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav2 a.f-icon4 { background: url(../images/f-icon4.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav2 a.f-icon5 { background: url(../images/f-icon5.png) 10px center no-repeat; background-size: 20px auto;}

.uc-main .nav2 a.f-icon1.on { color:#fff;border: solid 1px #f4723e; background:#f4723e url(../images/f-icon1-a.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav2 a.f-icon2.on { color:#fff;border: solid 1px #f4723e; background:#f4723e url(../images/f-icon2-a.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav2 a.f-icon3.on { color:#fff;border: solid 1px #f4723e; background:#f4723e url(../images/f-icon3-a.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav2 a.f-icon4.on { color:#fff;border: solid 1px #f4723e; background:#f4723e url(../images/f-icon4-a.png) 10px center no-repeat; background-size: 20px auto;}
.uc-main .nav2 a.f-icon5.on { color:#fff;border: solid 1px #f4723e; background:#f4723e url(../images/f-icon5-a.png) 10px center no-repeat; background-size: 20px auto;}

.uc-main .work-status { color:#666; width:80%; margin:80px auto 20px;}
.uc-main .work-status .options { font-size: 13px; margin-top: 8px;}
.uc-main .work-status .options input { width: 18px; height: 18px; position: relative; top:3px; margin-right: 5px;}



.uc-main .nav-new { width:80%; margin:30px auto;}
.nav-new .layui-nav { background-color: #fff; color:#666;}
.nav-new .layui-nav-tree { width: auto;}
.nav-new .layui-nav-tree .layui-nav-item {
    display: block;
    width: 100%;
    line-height: 38px;
    margin-bottom: 12px;
}
.nav-new .layui-nav-tree .layui-nav-bar {
    width: 5px;
    height: 0;
    background-color: #f4723e;
}
.nav-new .layui-nav-itemed>a .layui-nav-more {
    margin-top: -9px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #fff;
}
.nav-new .layui-nav-more {  border-color: #999 transparent transparent;}
.nav-new .layui-nav-item>a { color:#6a7789;background: #fff;border-radius: 6px; border: solid 1px #b8bec7;
position: relative;
    height: 38px;
    line-height: 38px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}
.nav-new .layui-nav-itemed>a {background: #f4723e!important;border-radius: 6px; border: #f4723e 1px solid;}
.nav-new .layui-nav-tree .layui-nav-item a:hover {
color:#6a7789;
    background-color:inherit;
}

.nav-new .layui-nav-itemed>.layui-nav-child {
    display: block;
    padding: 0;
    background-color: rgba(0,0,0,0)!important;
	    color: #666;
}

.nav-new .layui-nav-itemed>.layui-nav-child a { color:#666;}
.nav-new .layui-nav-tree .layui-nav-item .layui-nav-child a:hover {
    color: #666;
    background-color: #eee;
	}
.nav-new .layui-nav-tree .layui-this, .nav-new .layui-nav-tree .layui-this>a:hover {
    background-color: #fff;}
	
	
	
	
	
	
	
	
/*------------ NEW ------------ */

.color-dark { color:#111;}

.layui-btn {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 18px;
    background-color: #0052ff;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.layui-btn-lg {
    height: 44px;
    line-height: 44px;
}

.layui-btn-primary {
    border: 1px solid #C9C9C9;
    background-color: #fff;
    color: #555;
}
.layui-btn-primary:hover {
    border-color: #0052ff;
    color: #333;
}
.zhaopin-list {
    padding: 45px 0 60px;
}
.zhaopin-list .layui-table th { padding: 16px 15px!important; text-align: left; color:#111; font-weight: bold;white-space: nowrap;}
.zhaopin-list .layui-table th:last-child { text-align: center;}

.zhaopin-list .layui-table tr:nth-child(odd) {
    background: #fff;
}
.zhaopin-list .layui-table thead tr { background-color: #fff!important;}

.zhaopin-list .layui-table td {
    font-size: 14px;
    border: none;
    border-bottom: #eee 1px solid;
}

.zhaopin-detail { padding: 20px 0 30px;}

.zhaopin-detail .info-unit { position: relative; padding: 10px; margin-bottom: 5px; }
.zhaopin-detail .info-unit .info .name { font-size: 22px; font-weight: bold; margin-bottom: 15px; width: 100%;}
.zhaopin-detail .info-unit .info .avatar { height: 30px; display: inline-block; margin-right:16px;}
.zhaopin-detail .info-unit p { line-height: 1.6; }

.zhaopin-detail .info-unit .price { text-align: center;}
.zhaopin-detail .info-unit .price em {color: #2f9c33; font-style: normal; font-size: 18px;font-weight: bold; }


.article-con { padding: 20px 0;}
.article-con img { max-width: 100%; overflow: hidden; display: block; margin-left:auto; margin-right: auto;}


.layui-elem-field { border-color:#999;}
.layui-elem-field legend { font-size: 18px; color:#1a5ae4; font-weight: bold;}


.hire-page {
    padding: 60px 0 70px;
}
.hire-page .user-info .avatar img { width: 120px; height: 120px; border-radius: 100px;}
.hire-page .user-info .level { height:20px; display: inline-block;}

.hire-page .user-info .price {color: #2f9c33;}
.hire-page .user-info .price em { font-style: normal;font-size: 18px;font-weight: bold; }
.hire-page .user-info .name { font-size: 18px; font-weight: bold; width: 100%; margin:10px 0;}

.hire-type input[type="radio"] { position: relative; top:4px; margin-top:6px; margin-right: 5px; width:18px; height:18px;}
.hire-type .note { margin-right: 20px; font-size: 12px; color:#f60;}
.hire-time input[type="checkbox"] {position: relative; margin-right: 5px; top:3px; width: 18px; height: 18px; }
.hire-time .note { font-size: 14px; color:#1a5ae4;}
.hire-price { font-size: 14px;}
.hire-price p {font-size: 16px; line-height: 36px;}
.hire-price p .total { font-weight: bold; }

.hire-page .alert-box {
    background: #fff8e6;
    border: 1px solid #ffba00;
    border-radius: 0;
    padding:10px;
	margin:20px auto;
}


.ta-works .work-item .work-pic { border:#e3e3e3 1px solid;  height: 200px; overflow: hidden;}

.sy-mask {background: rgba(0,0,0,0.3)!important;}
#reg-agree.sy-alert { width: 640px; }
#reg-agree.sy-alert .sy-title { text-align: center; font-weight: bold;}
#reg-agree.sy-alert .sy-content {height: 300px;}
#reg-agree.sy-alert .sy-btn button:last-child {color: #0052ff; width: 100%;}
#reg-agree.sy-alert .sy-btn  a:last-child {color: #0052ff; width: 100%; float: left;
    border: 0;
    cursor: pointer;
    background: #fff;
    line-height: 45px;
    font-size: 15px;
    text-align: center;
}

#privacy.sy-alert { width: 640px; }
#privacy.sy-alert .sy-title { text-align: center; font-weight: bold;}
#privacy.sy-alert .sy-content {height: 300px;}
#privacy.sy-alert .sy-btn button:last-child {color: #0052ff; width: 100%;}
#privacy.sy-alert .sy-btn  a:last-child {color: #0052ff; width: 100%; float: left;
    border: 0;
    cursor: pointer;
    background: #fff;
    line-height: 45px;
    font-size: 15px;
    text-align: center;
}



.rbox-padd { padding: 5px 25px 60px;}
.datafrom { font-size: 13px; color:#777;}
.datafrom h1 { font-size: 20px; text-align: center; margin: 10px;}
.datafrom h2 { margin-top: 15px;padding-left: 9px; background: #f2f9fd; color:#222; font-size: 16px; border-left:#00d569 3px solid; border-bottom: 1px #ededed solid; line-height: 38px; font-weight: 500;}
.one-col li { margin: 20px 0; line-height: 32px; width: 100%; clear: both;}
.two-col li { float: left;  margin-top:10px; width: 50%;}
.formitemtitle,.formitemtitle2{
    padding-right: 5px;
    float: left;
}
.formitemtitle { color:#000; font-size: 14px; }
.formitemtitle2  { padding-left: 30px; color:#000; font-size: 14px; }
.icheck-table { margin:10px 0;}
.icheck-table td { width:180px; line-height: 24px;}
.sign-x { color:#f00; padding-left: 5px;}
.layui-textarea {border:1px solid #e4e4e4;}

.laydate-btns-now {color:#f00; font-weight: bold;}

.right-main-top { width: 100%; border-bottom:#eee 1px solid; height: 70px; line-height: 70px;  }
.right-main-top .lm-tit { float: left; font-size: 22px; padding:0 0 0 26px ;font-weight: 500; }
.right-main-top ul { float: left; margin-left:150px;}
.right-main-top ul li { float: left; margin-right: 30px; margin-top:18px; line-height: 50px; text-align: center;}
.right-main-top ul li a {color:#999;  display: block; font-size: 16px; }
.right-main-top ul li a.on,.right-main-top ul li a.on:hover { color:#0052ff; border-bottom:#0052ff 2px solid;}

.layui-form-new .layui-form-label { width:auto; min-width: 100px;}
.layui-form-new .layui-input-block { margin-left: 100px;}

.area-addnew { width: 100%; padding: 30px; clear: both; text-align: center;}
.btn-add {  color:#333; display: inline-block; border:#eee 1px solid; padding:10px 20px;font-size: 16px; text-align: center; background: #F8F9FB;  }

.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {
    background-color: #fdfbed;
}

.gz-order-pay .cart_content {padding: 60px 0;}
.gz-order-pay .cart_payment .con { width: auto; }
.gz-order-pay .pay-way { position: relative; margin:20px 0; font-size: 16px; border-bottom: #ccc 1px solid; }
.gz-order-pay .pay-way h2 { font-size: 18px; font-weight: bold;}
.gz-order-pay .pay-way p { line-height: 45px; margin:5px 0;}
.gz-order-pay .pay-type { padding-top:20px;}
.gz-order-pay .pay-type select { width:200px; height: 38px;}
.gz-order-pay .balance span { color:#999;}
.gz-order-pay .balance a { color:#0091ea;}
.gz-order-pay .submit1 { position: absolute; right:20px; bottom: 10px;}

.gz-order-pay .relation-url {margin-top:30px; text-align: center; color:#999;}

.order-lists .actions a,.order-lists .actions a:hover { color:#fff!important; font-size: 12px; background: #6ec096; padding:3px 10px; display: inline-block; border-radius: 3px;}


.design-order-detail .alert-box {
    background: #fff8e6;
    border: 1px solid #ffba00;
    border-radius: 0;
    padding:10px;
	margin:20px auto;
}
.design-order-detail h3 {font-size: 18px; color: #333; margin-bottom: 12px; line-height:1!important; border-left:#555 3px solid; padding-left: 12px;}
.design-order-detail .bor { border:#eee 1px solid; }

.hire-order-detail .alert-box {
    background: #fff8e6;
    border: 1px solid #ffba00;
    border-radius: 0;
    padding:10px;
	margin:20px auto;
}
.hire-order-detail h3 {font-size: 18px; color: #333; margin-bottom: 12px; line-height:1!important; border-left:#555 3px solid; padding-left: 12px;}
.hire-order-detail .bor { border:#eee 1px solid; }

.hire-order-detail .tab-content {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    padding: 20px 30px;
	border: 1px solid #eee;
	margin-bottom: 20px;
}
.hire-order-detail .tab-content  li {
    font-size: 14px;
    color: #666;
    width: 33%;
    line-height: 40px;
}

.hire-detail-action .input-date { width: 60px; height: 32px;  line-height: 32px;  border:#999 1px solid;  border-radius: 2px;}
.hire-detail-action a { margin-right:8px;}


.design-form-new .ml_160 {margin: 10px 0 0 160px; float: left;}
.design-form-new .select-new { height: 32px; line-height: 32px; width:280px;}
.design-form-new .input-new {padding-left:3px; height: 32px; line-height: 32px;  width:280px; }
.design-form-new .upload-unit .tip { margin-left:160px!important; font-size: 12px; color:#9a9a9a;}

.design-form-new .formitem .formitemtitle {text-align: right;  width: 160px!important; float: left;  line-height: 32px;  color: #666;}


.tablist { width: 100%; border-bottom:#eee 1px solid; height: 70px; line-height: 70px;  }
.tablist .lm-tit { float: left; font-size:16px; padding:0;font-weight: bold; }
.tablist ul { float: left; margin-left:150px;}
.tablist ul li { float: left; margin-right: 30px; margin-top:18px; line-height: 50px; text-align: center;}
.tablist ul li a {color:#999;  display: block; font-size: 14px; }
.tablist ul li a.on,.tablist ul li a.on:hover { color:#0052ff; border-bottom:#0052ff 2px solid;}

.tablist2 { width: 100%; border-bottom:#eee 1px solid; height: 50px; line-height: 30px;  }
.tablist2 .lm-tit { float: left; font-size:16px; padding:0;font-weight: bold; }
.tablist2 ul { float: left; margin-left:150px;}
.tablist2 ul li { float: left; margin-right: 30px;margin-top:8px; line-height: 40px; text-align: center;}
.tablist2 ul li a {color:#999;  display: block; font-size: 14px; }
.tablist2 ul li a.on,.tablist2 ul li a.on:hover { color:#0052ff; border-bottom:#0052ff 2px solid;}


.col-10 { width:10%;}.col-20 { width:20%;}.col-30 { width:30%;}.col-40 { width:40%;}.col-50 { width:50%;}.col-60 { width:60%;}.col-70 { width:70%;}.col-80 { width:80%;}.col-90 { width:90%;}.col-100 { width:100%;}

.pd-10 { padding: 10px!important;}
.pd-tb60 { padding:60px 0!important;;}

.pt-10{ padding-top: 10px!important;}
.pt-20{ padding-top: 20px!important;}
.pt-30{ padding-top: 30px!important;}
.pt-40{ padding-top: 40px!important;}

.pl-10{ padding-left: 10px!important;}
.pl-20{ padding-left: 20px!important;}

.pb-20 { padding-bottom: 20px!important;;}

.t-left { text-align: left!important;}
.t-right { text-align: right!important;}
.t-center { text-align: center!important;}


.bot-line {border-bottom: 1px solid #e6e6e6;}


.order-list-tit { background:#fafafa; padding: 10px;}
.order-list-tit li { float: left; font-size: 12px; text-align: center;}

.order-list-item { width:100%; font-size: 12px; color:#666; border:#eee 1px solid; margin-top:12px;}
.order-list-item .top {padding:10px; border-bottom: #eee 1px solid; background: #f6f9ff; color:#999;}
.order-list-item .main li { float:left; min-height: 80px; padding:10px 0; text-align: center;border-right:#eee 1px solid; }
.order-list-item .main li:last-child { border-right:none; }
.order-list-item .user-avatar { margin-left:10px; margin-right: 20px; position: relative;}
.order-list-item .user-avatar .design-type { display: block;position: absolute; top:0; left:0; border-radius: 3px;background: #00c750;color:#fff; padding: 2px;}
.order-list-item .user-avatar img { display: block; width: 60px; height: 60px;border-radius: 3px;}
.order-list-item .user-info .name { margin-bottom: 5px; font-style: normal;font-size: 14px; font-weight: bold; display: block;}
.order-list-item .user-info .time {color:#f4723e;}
.order-list-item .bot { border-top:#eee 1px solid;}
.order-list-item .bot p { padding: 10px; }
.order-list-item .bot p a {font-size: 12px; text-align: center;height: 22px;line-height: 22px; padding: 0 10px; display: inline-block; font-weight: normal; color: #333;  background-color: #ffffff;  border-radius: 5px;  border: solid 1px #b8bec7;}


.xuqiu-list-tit { background:#fafafa; padding: 10px;}
.xuqiu-list-tit li { float: left; font-size: 12px; text-align: center;}

.xuqiu-list-item { width:100%; font-size: 12px; color:#666; border:#eee 1px solid; margin-top:12px;}
.xuqiu-list-item .top {padding:10px; border-bottom: #eee 1px solid; background: #f6f9ff; color:#999;}
.xuqiu-list-item .main li { float:left; min-height:60px; padding:10px 0; text-align: center;border-right:#eee 1px solid; }
.xuqiu-list-item .main li:last-child { border-right:none; }
.xuqiu-list-item .main h3 { margin-bottom: 5px; font-style: normal;font-size: 14px; font-weight: bold; display: block;}
.xuqiu-list-item .detail {padding:20px 10px; border-top:#eee 1px solid; }
.xuqiu-list-item .bot { border-top:#eee 1px solid;}
.xuqiu-list-item .bot p { padding: 10px; }
.xuqiu-list-item .bot p a {font-size: 12px; text-align: center;height: 22px;line-height: 22px; padding: 0 10px; display: inline-block; font-weight: normal; color: #333;  background-color: #ffffff;  border-radius: 5px;  border: solid 1px #b8bec7;}



.select2 {border: 1px solid #ddd;  padding: 6px; height: 36px; line-height: 36px;}


.btn-add-cover {display: block; margin-top:12px; margin-bottom: 12px;}
.pic-done { margin-left: 160px;}
.pic-done img { display: block; }
.pic-process { margin-left:160px;}
.pic-process .cropper-container {height: 490px; width: 490px;}
.pic-process .img-container {  height: 490px;width: 490px;}

.pic-process .img-container > img { max-width: 100%!important;}



.result-unit { color:#333; line-height: 36px; padding-bottom: 30px; text-align: center;}
.result-unit .result-show { padding:100px 36px;}
.result-unit h3 {color:#333; font-size: 24px; font-weight: bold; margin-top:2px;}
.result-unit .status { width:200px;margin:0 auto;}
.result-unit .status img { width:48px; display: block; float: left; margin-right: 16px;}

.pingjia-unit .ping-star { margin:10px 0;}
.pingjia-unit .ping-star p { line-height: 30px;}
.pj-form .layui-form-label{padding:0; text-align: left; width:auto;}
.pj-form .layui-input-block { margin-left: 70px;}


.my-target { margin: 30px 20px 0; border: #f1dd82 1px solid; border-left: #ffbb00 7px solid; padding: 16px 10px;}
.my-target .tit { font-size: 14px; font-weight: bold; float: left;}
.my-target .conlist p { margin-right:22px; float: left; }

.geren .sp_title { width:120px; display: inline-block; color:#555!important; }
.geren .sp_title em { color:#f30; }
.geren .dp_address { float: left;}
.geren .footer_btn .btn {float: none; margin-left: 30px;}

table.no-br th {white-space: nowrap;}
.nowrap {white-space: nowrap;}