html{font-size:62.5%;}

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

.fz10 {font-size: 1rem;}
.fz12 {font-size: 1.2rem;}
.fz14 {font-size: 1.4rem;}
.fz16 {font-size: 1.6rem;}
.fz18 {font-size: 1.8rem;}
.fz20 {font-size: 2rem;}
.fz22 {font-size: 2.2rem;}
.fz24 {font-size: 2.4rem;}
.fz26 {font-size: 2.6rem;}
.fz28 {font-size: 2.8rem;}
.fz32 {font-size: 3.2rem;}
.fz36 {font-size: 3.6rem;}

.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: #f4f4f4;}
.bg-gray2 { background-color: #fafafa;}
.bg-white { background-color: #fff;}

.color-orange {color: #ff7e00;} 
.color-orange2 {color: #ff4800;} 
.color-blue {color: #1763ab;}
.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;} */

.layui-col-space30>* {
    padding: 5px;
}



/* 字符修饰 超限与换行 */
.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 {position: fixed;
    width: 100%;
    height: 80px;
    z-index: 1000;
    background: #fff;
	border-bottom: solid 1px #e6e6e6;
	}
.z-header .top-unit { display: none; background-color: #232730; 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 16px; margin-right: 18px; margin-top: 15px; }
.z-header .top-unit .right { text-align: right;}

.z-header .head-unit { min-height: 80px;}
.z-header .head-unit .logo { margin-top: 24px;  margin-right: 38px;  margin-left: 10px;  width:66px;}

.head-unit .main-nav {display: none;}
.head-unit .main-nav a { display: inline-block; height: 66px; line-height: 80px; 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:#252525; border-bottom:#1763ab 2px solid;}
.head-unit .main-nav a:hover {color:#111;}

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

.head-unit .right-action .search-unit {float:right!important; box-sizing: content-box; background-color: #fff; border:#252525 1px solid;border-radius: 100px; height: 22px;
    line-height: 1;
    padding: 3px 5px 7px 8px;
}
.head-unit .right-action .search-unit .select-box {width: 66px; height: 22px; line-height: 22px;background: none;  border: none;}
.head-unit .right-action .search-unit input { border:none; width:120px;}
.head-unit .right-action .search-unit .btn-search { background: url(../images/i_search.png) center center no-repeat; background-size: contain; position: relative; top:3px; width:30px; height: 18px;}

.head-unit .right-action .btns-unit { display: none; color:#fff; margin-left:20px; background:#1763ab; 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;}

.layui-carousel { height: 180px!important;padding-top: 80px; }
.layui-carousel .img-size {  width: 100%; height: 200px;}

.feature  { padding: 2.5rem 0;}
.feature h3 { font-size: 2.2rem; font-weight: normal; letter-spacing: 0.1rem;}
.feature .line { margin: 1.2rem auto;  width: 8rem;  height: 0.2rem; background-color:#1763ab;}

.feature .feature-unit { margin-top:3rem;}
.feature .feature-unit .item { min-height:16.6rem; max-width: 100%; padding:2rem 0.8rem; background: #fff; border-radius: 12px;}
.feature .feature-unit .item img { width:6rem; margin:0 auto; display: block; float: none;}
.feature .feature-unit .item strong { margin:1.6rem 0 1rem; text-align:center; display: block; font-size:1.6rem; font-weight: bold;}
.feature .feature-unit .item p {font-size:1.2rem; color:#999; display:inline;}


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

.tit-unit { padding-bottom:25px;}
.tit-unit li { float: left;}
.tit-unit li a  { color:#aaa; font-size:2.4rem; display: block; margin-right:0;}
.tit-unit li a.on { color:#333; font-weight: normal;}
.tit-unit .more	{ display: block;  margin-right:0; margin-left: 1rem; width: 8rem; line-height:3.2rem; font-size: 1.4rem; text-align: center; color: #aaa; border: #aaa 1px solid;}
.tit-unit .more:hover {color:#333; border:#333 1px solid; }
.tit-unit .random { 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 .layui-col-space15>* {
    padding: 4px;
}
.home-works .work-item { height: 370px; overflow: hidden; border:#e3e3e3 1px solid; border-radius: 6px;}
.home-works .work-item .work-pic { border-top-left-radius: 4px; border-top-right-radius: 4px;width: 100%; height:300px; }


.home-works .work-item .info-unit .tit { padding-bottom: 10px; margin-bottom: 10px; border-bottom: #eee 1px solid;border-bottom:none;}
.home-works .work-item .info-unit .tit h3 { font-size: 14px;}
.home-works .work-item .info-unit .tit p { line-height: 24px; color:#999;}
.home-works .work-item .info-unit { padding: 10px;}
.home-works .work-item .info-unit .avatar { display: none;color:#999; margin-right: 3px;}
.home-works .work-item .info-unit .avatar img { border-radius: 100%; display: block;width: 18px; height: 18px;}
.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:100%; overflow: hidden;}
.home-works .work-item .info-unit .info {display: none;}
.home-works .work-item .info-unit .info .date { float: right; width:88px; color: #999; font-size: 11px;  display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }
.home-works .work-item .info-unit .info .date em { font-style: normal;font-size: 10px;font-weight: bold; }
.home-works .work-item .info-unit .info .name {width: 30px; font-size: 11px;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;}
	
.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: 0 0 60px;}

.home-designer .designer-item { border:#e3e3e3 1px solid; border-radius: 12px; background: #fff;}
.home-designer .designer-item .info-unit {text-align: center;  padding: 10px 10px 5px; line-height: 20px;}
.home-designer .designer-item .info-unit .avatar { width:70px; height: 80px; margin:10px auto; margin-right: 10px;}
.home-designer .designer-item .info-unit .avatar img { border-radius: 100%; display: block; width: 100%;}

.home-designer .designer-item .info-unit .info .name {
	font-size: 14px;
	line-height: 1.2;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;}
.home-designer .designer-item .info-unit .info .tag { margin-top:10px; font-size: 10px;  color: #999; text-align: center;  height: 20px; line-height: 20px;    display: inline-block;   border:#d2d2d2 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;}

.home-designer .designer-item .info-unit .catalog { padding: 5px; font-size: 12px; color: #999;}

.home-designer .designer-item .price-unit { margin:10px 0; padding-top:10px; border-top:#eee 1px solid;  color: #999; font-size: 12px; width: 100%;}
.home-designer .designer-item .price-unit p { text-align: center; padding: 0; width: 50%; float: left;}
.home-designer .designer-item .price-unit strong { display:inline-block; color:#4c8ac5; margin-top: 5px; margin-left: 2px; font-style: normal;font-size: 14px;font-weight: bold; }



.media-report { display: none; padding: 60px 0;}
.media-report .mt_img{
    width: 145px;
    height: 90px;
}
.media-report .mt_box{
    width: 340px;
    height: 90px;
    box-sizing: border-box;
    float: right;
    margin-left: 20px;
	overflow: hidden;
}
.media-report .mt_name{
    font-size: 18px;
    color: #333;
    line-height: 18px;
    margin-bottom: 10px;
}
.media-report .mt_content{
    font-size: 14px;
	line-height: 20px;
	color:#a7a7a7;
}
.media-report .mt_title{
    font-size: 26px;
    color: #333;
    line-height: 90px;
}
.media-report .mt_more{
    float: right;
    font-size: 14px;
    color: #8a8a8a;
}
.media-report .mt_ul a{
    display: block;
    width: 100%;
    height: 120px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    background: #fff;
    box-sizing:border-box;
    padding: 15px;
}

.media-report .mt_ul a:nth-child(2n){
    margin-right: 0;
}
.media-report .fa_item{
    margin:0 auto;
    max-width: 100%;
    display:block;
}



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

.select_adv{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 65px;
    box-sizing: border-box;
}
.index_select_box{
    width: 130px;
    height: 100%;
    box-sizing: border-box;
    color: #959595;
    padding-right: 0;
}
.adv_name{
   display: inline-block;
   margin: 0 5px;
}
.adv_title{
    display: flex;
    justify-content: center;
    align-items: center;
}
.adv_name{
    font-size: 22px;
    color: #333;
}
.adv_row{
    text-align: center;
    font-size: 14px;
    color: #b1b1b1;
    margin-bottom: 65px;
    margin-top: 15px;
}
.adv_logo{
   
}
.adv_img_item{
		float: left;
		width:199px;height:91px; 
		background-repeat:no-repeat; 
		background-position:center center
	}
.adv_img_item1 {background-image:url(/images/logo/1.png);}
.adv_img_item1:hover {background-image:url(/images/logo/1s.png);}

.adv_img_item2 {background-image:url(/images/logo/2.png);}
.adv_img_item2:hover {background-image:url(/images/logo/2s.png);}

.adv_img_item3 {background-image:url(/images/logo/3.png);}
.adv_img_item3:hover {background-image:url(/images/logo/3s.png);}

.adv_img_item4 {background-image:url(/images/logo/4.png);}
.adv_img_item4:hover {background-image:url(/images/logo/4s.png);}

.adv_img_item5 {background-image:url(/images/logo/5.png);}
.adv_img_item5:hover {background-image:url(/images/logo/5s.png);}

.adv_img_item6 {background-image:url(/images/logo/6.png);}
.adv_img_item6:hover {background-image:url(/images/logo/6s.png);}

.adv_img_item7 {background-image:url(/images/logo/7.png);}
.adv_img_item7:hover {background-image:url(/images/logo/7s.png);}

.adv_img_item8 {background-image:url(/images/logo/8.png);}
.adv_img_item8:hover {background-image:url(/images/logo/8s.png);}

.adv_img_item9 {background-image:url(/images/logo/9.png);}
.adv_img_item9:hover {background-image:url(/images/logo/9s.png);}

.adv_img_item10 {background-image:url(/images/logo/10.png);}
.adv_img_item10:hover {background-image:url(/images/logo/10s.png);}

.adv_img_item11 {background-image:url(/images/logo/11.png);}
.adv_img_item11:hover {background-image:url(/images/logo/11s.png);}

.adv_img_item12 {background-image:url(/images/logo/12.png);}
.adv_img_item12:hover {background-image:url(/images/logo/12s.png);}

.adv_img_item13 {background-image:url(/images/logo/13.png);}
.adv_img_item13:hover {background-image:url(/images/logo/13s.png);}

.adv_img_item14 {background-image:url(/images/logo/14.png);}
.adv_img_item14:hover {background-image:url(/images/logo/14s.png);}

.adv_img_item15 {background-image:url(/images/logo/15.png);}
.adv_img_item15:hover {background-image:url(/images/logo/15s.png);}

.adv_img_item16 {background-image:url(/images/logo/16.png);}
.adv_img_item16:hover {background-image:url(/images/logo/16s.png);}

.adv_img_item17 {background-image:url(/images/logo/17.png);}
.adv_img_item17:hover {background-image:url(/images/logo/17s.png);}

.adv_img_item18 {background-image:url(/images/logo/18.png);}
.adv_img_item18:hover {background-image:url(/images/logo/18s.png);}


.z-footer{ margin-bottom: 55px; color:#fff; padding:40px 0 0; background-color: #232730;}
.foot-top { font-size: 20px; color:#eee; letter-spacing: 2px; line-height: 30px; padding-bottom: 10px; border-bottom: #c8cdd3 1px solid;}
.foot-top .logo2 { margin-right: 20px; width: 108px; position: relative; top: -10px;}

.foot-main { padding:0 15px;}
.foot-main h4 { font-size:18px; margin:30px 0 20px; font-weight: bold;}
.foot-main ul { position: relative; z-index: 10; float: left; width: 50%; padding-bottom:0;}
.foot-main ul.guide { width:69%;}
.foot-main ul.service { width:31%;}
.foot-main ul.contact {width:100%!important;}
.foot-main li { font-size: 14px; line-height: 28px;}
.foot-main a { color:#fff; }
.foot-main .qr-unit1 {
        position: absolute;
        top: 32px;
        right: 15px;
        text-align: center;
        line-height: 24px;
        font-size: 14px;
    }
.foot-main .qr-unit{ position: absolute; top:251px; right:15px; text-align: center; line-height: 32px; font-size: 12px;}
.foot-main .qr-unit .qr-img { width: 100px;}
.foot-main .btn-links { position: relative; z-index:0; top:30px; right: 0;bottom: 0; margin-bottom: 50px;}
.foot-main .btn-links a {border: #ccc 1px solid; border-radius: 100px; padding: 8px 0; color: #fff; display: inline-block; text-align: center; margin-left: 0; margin-bottom: 15px!important; width: 100%; font-size: 14px;}
.foot-bottom {background-color: #000; color:#eee; line-height:1.5;}
.foot-bottom .layui-container {padding:30px 0;}
.foot-bottom img { margin-top:12px; height: 24px; display: block;}
.foot-bottom .copyright-info { padding: 20px;}

.foot-auth{ display: none;}


.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: #1763ab; font-size: 16px; font-weight: normal; color:#fff; padding:10px 40px;}

.filter-area { padding:30px 0; display: none; }
.filter-area .layui-row { margin-bottom: 10px; padding:10px; border-bottom: #dedede 1px dashed;}
.filter-area h3 { font-size: 16px; color:#333; 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:#1763ab; }



.designer-list-page { padding-top: 80px;}








.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 { height: 630px; border:#e3e3e3 1px solid; border-radius: 12px;}
.works-list .work-item .work-pic { border-top-left-radius: 12px; border-top-right-radius: 12px;width: 100%; height: auto; }


.works-list .work-item .info-unit .tit { padding-bottom: 10px; margin-bottom: 10px; border-bottom: #eee 1px solid;}
.works-list .work-item .info-unit .tit h3 { font-size: 16px;}
.works-list .work-item .info-unit .tit p { line-height: 30px; color:#999;}
.works-list .work-item .info-unit { padding: 10px;}
.works-list .work-item .info-unit .avatar { color:#999; margin-right: 10px;}
.works-list .work-item .info-unit .avatar img { border-radius: 100%; display: block;width: 22px; height: 22px;}
.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:210px; overflow: hidden;}
.works-list .work-item .info-unit .info .date {color: #999; font-size: 14px; float: right;}
.works-list .work-item .info-unit .info .date 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: 400;}
	
.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; padding-top: 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:#1763ab 1px solid; background: #1763ab; font-size: 14px; font-weight: normal; color:#fff; padding:6px 60px;}
.act-btns .btn-white {  display: block; border-radius: 100px; border:#1763ab 1px solid;  background: #fff; font-size: 14px; font-weight: normal; color:#1763ab; 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:#1763ab 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:#1763ab 1px solid; background: #1763ab; font-size: 12px; font-weight: normal; color:#fff; padding:4px 25px;}
.act-btns2 .btn-white {  display: inline-block; border-radius: 100px; border:#1763ab 1px solid;  background: #fff; font-size: 12px; font-weight: normal; color:#1763ab; padding:4px 25px;}


.user-enter { position: relative; min-height: 520px; padding-bottom: 10px;}
.user-enter.bg-gray { background: #fff;}
.user-enter ~ .z-footer { display: none;}
.form-area { color:#333; margin-bottom: 30px; padding: 30px 36px;}
.form-area .fl,.form-area .fr {float: none;}
.form-area .top h3 { margin-bottom: 10px;}
.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:45px; margin:30px 0 0; padding: 20px 0 0; 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: 40%; 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:#1763ab; 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:#1763ab;}
.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: #1763ab;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:#1763ab; 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:#1763ab;}
.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, #1763ab 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 { padding-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: #1763ab; color:#fff; border:#1763ab 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 {min-height: 870px; 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:#1763ab;}
.data-board .board.color1 {background-image: linear-gradient(0deg, #daebfb 0%, #f1f8ff 100%);}
.data-board .board.color2 {background-image: linear-gradient(0deg, #fbeedc 0%, #fff8f0 100%);}
.data-board .board.color3 {background-image: linear-gradient(0deg, #ffeee8 0%, #fef5f3 100%);}
.data-board .board.color4 {background-image: linear-gradient(0deg, #f0f0f0 0%, #fbfbfc 100%);}

.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!important; 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: #1763ab;
}
.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: 36px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}
.nav-new .layui-nav-itemed>a {background: #1763ab!important;border-radius: 6px; border: #1763ab 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: #1763ab;
    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: #1763ab;
    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:#1763ab; 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: #1763ab; width: 100%;}
#reg-agree.sy-alert .sy-btn  a:last-child {color: #1763ab; 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: #1763ab; width: 100%;}
#privacy.sy-alert .sy-btn  a:last-child {color: #1763ab; 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:#1763ab; border-bottom:#1763ab 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:#1763ab; border-bottom:#1763ab 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:#1763ab; border-bottom:#1763ab 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:#f1f8ff; padding:15px 10px;background-image: linear-gradient(0deg, #daebfb 0%, #f1f8ff 100%);}
.order-list-tit li { float: left; font-size: 12px; font-weight: bold; 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;
    margin-left: 2px;
    height: 24px;
    line-height: 24px;
    padding: 0 12px;
    display: inline-block;
    font-weight: normal;
    color: #333;
    background-color: #f9f9f9;
    border-radius: 5px;
    border: solid 1px #cdcecf;
}


.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;}


.main-padd { padding:60px 0;}

.one-hire { padding:60px 0;}
.one-hire h4 { font-size: 18px;margin:10px 0; font-weight:bold; line-height: 1.8;}
.one-hire h4 em { font-style: normal; color: #aa0404;}
.one-hire img { display: block; max-width: 100%;}
.one-hire .layui-row { padding: 50px 30px;}
.one-hire .pay-qr img { display: inline; width:65%;}
.one-hire .pay-info { border-top: #ddd 1px solid;}
.one-hire .pay-info img { display: inline; width:70%; }
.one-hire .pay-info p { padding-top:80px; font-size: 18px; color:#333; line-height: 1.8;}


.try-3day img { display: block; width: 50%; padding:50px 0; margin:0 auto;}

.try-info { padding:60px 0; text-align: center;}
.try-info h3 { color:#212121; letter-spacing: 1px; font-size: 28px; line-height: 42px; font-weight: bold; }
.try-info .bot-line {width:50px; margin:5px auto; border-bottom:#1763ab 3px solid;}
.try-info p { padding-top: 20px; line-height:2.2; font-size: 21px; }
.try-info img { display: block; border-radius: 9px; margin:30px 0;}

.about-page {font-size: 18px; color:#3b3b3b;} 
.about-page p { line-height: 1.8; } 
.about-info { padding:60px 0; text-align: center;}
.about-info h3 {color:#212121; letter-spacing: 1px; font-size: 24px; line-height: 42px; font-weight: bold; }
.about-info .bot-line {width:50px; margin:8px auto; border-bottom:#1763ab 3px solid;}
.about-info p { width:70%; margin:0 auto; padding-top: 20px; font-size: 18px; }

.about-info2 h3 {color:#212121; letter-spacing: 1px; font-size: 24px; line-height: 42px; font-weight: bold; }
.about-info2 .bot-line {width:150px; margin:8px 0; border-bottom:#1763ab 3px solid;}
.about-info2 .part1 { height: 420px; background:url(/images/about/about_pic1.jpg) no-repeat center right; background-size: contain;}
.about-info2 .part2 { height: 420px; background:url(/images/about/about_pic2.jpg) no-repeat center left; background-size: contain;}
.about-info2 .layui-container { position: relative;}
.about-info2 .part1 .text { position: absolute; top:50px;left:0; width:450px;}
.about-info2 .part2 .text { position: absolute; top:50px;right:0; width:450px;}
.about-info2 p { margin-top: 30px;}

.about-info-zz { padding:60px 0; text-align: center;}
.about-info-zz h3 {color:#212121; letter-spacing: 1px; font-size: 24px; line-height: 42px; font-weight: bold; }
.about-info-zz .bot-line {width:150px; margin:8px auto; border-bottom:#1763ab 3px solid;}
.about-info-zz h4 { margin-top:10px; color:#212121; letter-spacing: 1px; font-size: 24px; line-height: 42px; font-weight: bold;}
.about-info-zz h4 span { display: block; color:#01aac7;}
.about-info-zz .content { margin-top: 20px; text-align: left;}
.about-info-zz .content img { border:#ccc 1px solid; margin-top:20px; height: 240px; display: block; }
.about-info-zz .content p { font-size: 16px; margin-top: 30px;}
.about-info-zz .content p span { font-weight: bold;}


.about-info3 { padding:60px 0; text-align: center;}
.about-info3 h3 {color:#212121; letter-spacing: 1px; font-size: 24px; line-height: 42px; font-weight: bold; }
.about-info3 .bot-line {width:150px; margin:8px auto; border-bottom:#1763ab 3px solid;}
.about-info3 h4 {color:#212121; letter-spacing: 1px; font-size: 20px; line-height: 42px; font-weight: bold;}
.about-info3 h4 span { display: block; color:#01aac7;}
.about-info3 .content { margin-top: 30px; text-align: left;}
.about-info3 .content .bot-line {width:90px; margin:5px 0; border-bottom:#01aac7 1px solid;}
.about-info3 .content img { float: right; margin-top:20px; height: 300px; display: block; margin-left: 40px;}
.about-info3 .content p { font-size: 16px; margin-top: 30px; text-indent: 2em;}


.about-info4 { padding:60px 0; }
.about-info4 h3 {color:#212121; letter-spacing: 1px; font-size: 20px; line-height: 42px; font-weight: bold; }
.about-info4 .icon-zs {margin-bottom: 15px;  background: url(/images/about/icon_zs1.png) no-repeat left center; background-size:auto 60%; padding-left: 35px;}
.about-info4 .content  { padding: 10px 0;}
.about-info4 img { border:#ccc 1px solid; max-width:100%;}

.about-info5 { padding:60px 0; }
.about-info5 h3 {color:#212121; letter-spacing: 1px; font-size: 20px; line-height: 42px; font-weight: bold; }
.about-info5 .icon-zs { margin-bottom: 15px; background: url(/images/about/icon_zs2.png) no-repeat left center; background-size:auto 60%; padding-left: 35px;}
.about-info5 .content  { padding: 10px 0;}
.about-info5 img { max-width:100%;}

.about-info6 { padding:0 0 60px; }
.about-info6 h3 {color:#212121; letter-spacing: 1px; font-size: 20px; line-height: 42px; font-weight: bold; }
.about-info6 .icon-zs1 { background: url(/images/about/icon_zs3.png) no-repeat left center; background-size:auto 60%; padding-left: 35px;}
.about-info6 .icon-zs2 { background: url(/images/about/icon_zs4.png) no-repeat left center; background-size:auto 60%; padding-left: 35px;}
.about-info6 .content  { padding: 30px 0 10px;}
.about-info6 img { max-width:82%; display: block; margin:0 auto;}

.safe-info1 { padding:80px 0 ; }
.safe-info3 { padding:10px 0 80px ; }
.safe-info1 img,.safe-info3 img { width: 75%; display: block; margin:0 auto;}

.work-rule-page {font-size: 14px; color:#3b3b3b;} 
.work-rule-page h3 { font-size: 20px; font-weight: bold; border-left:#1763ab 5px solid; padding-left:18px; line-height: 1; margin-top:60px; margin-bottom: 16px;}
.work-rule-page p { line-height: 1.8; } 
.work-rule-page .rule-info1 {padding:20px 0 70px;}
.work-rule-page .rule-info2 { padding:60px 0; color:#fff; background: #232730; text-align: center;}

.work-way-page .big-words { padding:70px 0; text-align: center; font-size: 18px;}
.work-way-page .big-words h3 { color:#212121; letter-spacing: 1px; font-size: 36px; line-height: 42px; font-weight: 600; margin-bottom:10px; }
.work-way-page .big-words h3 span { color:#1763ab; }

.show-way { padding:60px 0; text-align: center; font-size: 18px; }
.show-way .item { padding: 50px 0; line-height: 1.8; width:60%; margin:0 auto;}
.show-way h3 { font-size: 28px; font-weight:bold; color:#1763ab;}
.show-way img { margin:20px 0;}
.show-way em { display: block; font-weight:bold; font-style: normal; color:#1763ab;}
.show-way .desc{ font-size: 14px;}

.deposit-page {font-size: 14px; color:#3b3b3b;} 
.deposit-page h3 { font-size: 20px; font-weight: bold; border-left:#e3aa5f 5px solid; padding-left:18px; line-height: 1; margin-top:60px; margin-bottom: 16px;}
.deposit-page p { line-height: 1.8; } 
.deposit-page .rule-info1 {padding:20px 0 70px;}
.deposit-page .rule-info2 { padding:60px 0; color:#fff; background: #e3aa5f; text-align: center;}

.payfirst-page .big-words { padding:70px 0; text-align: center; font-size: 18px;}
.payfirst-page .big-words .bot-line {width:48px; margin:16px auto; border-bottom:#1763ab 1px solid;}
.payfirst-page .big-words h3 { color:#212121; letter-spacing: 1px; font-size: 36px; line-height: 42px; font-weight: 600; margin-bottom:10px; }
.payfirst-page .big-words h3 span { color:#1763ab; }
.pay-lc img { display: block; width:540px; margin:80px auto;}

.pay-feature { padding:90px 0; text-align: center;}
.pay-feature img { width: 72px; display: block; margin:6px auto;}

.salary-feature { padding: 90px 0; }
.salary-feature img { display: block; width: 100px; margin:0 auto;}
.salary-info { padding:60px 0; text-align: center;}
.salary-info h3 { color:#212121; letter-spacing: 1px; font-size: 28px; line-height: 42px; font-weight: 400; }
.salary-info .bot-line {width:70px; margin:5px auto; border-bottom:#1763ab 2px solid;}
.salary-info p { margin-top: 30px; line-height:2.2; font-size:18px; }
.salary-info .pic-table { margin-top: 30px; width:90%;}


.pub-request-page { padding:60px 0 100px;}
.pub-request-page table {
width: 100%;
border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */
border:solid #ced3d6; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */
border-width:1px 0 0 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
text-align:center;
}
.pub-request-page table caption {font-size:20px;font-weight:bolder;}
.pub-request-page table th,.pub-request-page table td { min-width: 80px; font-size: 14px; border:solid #ced3d6;border-width:0 1px 1px 0;padding:10px 10px;}
.pub-request-page table th { font-size: 16px; font-weight: normal; background: #1763ab;color:#fff;}
.pub-request-page table td:first-child { text-align: left;}
.pub-request-page table a {color:#1763ab;}

.pub-request-page .btn-publish { display: block; margin-right: 20px; margin-bottom: 20px; width: 180px; color:#1763ab;  text-align: center; padding:8px 0; border-radius: 100px; border:#1763ab 1px solid;}

.layui-laypage a, .layui-laypage span {
    vertical-align: middle;
    padding: 0 15px;
    height: 33px;
    line-height: 33px;
	font-size: 14px;
}
.layui-laypage a:hover {color:#1763ab;}


.pc-hide { display: block;}

.mobile-hide { display: none;}

.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:100%;}

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

.designer-list .designer-item .info-unit .info { width: auto; height: auto; 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;}


.moblist-designer { display: block; padding: 0;}

.moblist-designer .designer-item { border:#e3e3e3 1px solid; border-radius: 12px; background: #fff;}
.moblist-designer .designer-item .info-unit {text-align: center;  padding: 10px 10px 0; line-height: 20px;}
.moblist-designer .designer-item .info-unit .avatar { float: left;  width:70px; height: 80px; margin:10px auto; margin-right: 10px;}
.moblist-designer .designer-item .info-unit .avatar img { border-radius: 100%; display: block; width: 100%; height: auto;}

.moblist-designer .designer-item .info-unit .info .name {
	font-size: 14px;
	line-height: 1.2;
	padding-bottom: 7px;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;}
.moblist-designer .designer-item .info-unit .info .tag { margin-top:0; font-size: 10px;  color: #999; text-align: center;  height: 20px; line-height: 20px;    display: inline-block;   border:#d2d2d2 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;}

.moblist-designer .designer-item .info-unit .catalog { padding: 5px; font-size: 12px; color: #999;}

.moblist-designer .designer-item .price-unit { margin:10px 0; padding-top:10px; border-top:#eee 1px solid;  color: #999; font-size: 12px; width: 100%;}
.moblist-designer .designer-item .price-unit p { text-align: center; padding: 0; width: 50%; float: left;}
.moblist-designer .designer-item .price-unit strong { display:inline-block; color:#4c8ac5; margin-top: 5px; margin-left: 2px; font-style: normal;font-size: 14px;font-weight: bold; }





.designer-unit { padding:0;  }
.designer-unit .avatar { margin-left: 5px; width: 120px; height: 120px; margin-right: 30px; display: block; float: left; border-radius: 9px;}
.designer-unit .info { line-height:24px; }
.designer-unit .info p {line-height: 1;}
.designer-unit .info em {font-style: normal; color:#1763ab;}
.designer-unit .info i {font-style: normal; }
.designer-unit .base { font-size: 12px;}
.designer-unit .base span { margin:0 7px;}
.designer-unit .info .name {margin-top: 10px; font-size: 16px; font-weight: bold;}
.designer-unit .info .name em { font-weight: normal; font-size: 14px; margin-left: 5px;}
.designer-unit .info .tags {margin-top: 5px; margin-bottom: 5px;}
.designer-unit .info .tags i { margin-right: 5px; padding: 3px 10px; font-size: 10px; border:#ccc 1px solid; border-radius: 100px;}
.designer-unit .price-unit { text-align: center;}
.designer-unit .price-unit li { float: left; padding:5px 40px 0; border-left:#ccc 1px solid; font-size: 16px; }
.designer-unit .price-unit li:first-child { border:none;}
.designer-unit .price-unit li p {line-height:36px;}
.designer-unit .price-unit img { display: block; width:46px; margin:0 auto;}
.designer-unit .price-unit span {display:block;font-size: 9px; color:#1763ab;}
.designer-unit .btn-unit .btn-new {display: block; padding: 7px 20px; min-width: 120px; font-size: 16px; text-align: center; border-radius: 100px; }
.designer-unit .btn-unit .btn-primary,.designer-unit .btn-unit a.btn-primary { margin-top: 7px; margin-bottom: 30px;border:#1763ab 1px solid; background: #1763ab; color:#fff;}
.designer-unit .btn-unit .btn-outline,.designer-unit .btn-unit a.btn-outline { border:#1763ab 1px solid; background: #fff; color:#1763ab;}

.user-comments { padding:50px 0;}
.user-comments h3 { font-size: 16px; padding-bottom: 20px; font-weight: bold;border-bottom:#ddd 1px solid;}
.user-comments .com-list li { padding: 15px 0; border-bottom:#ddd 1px solid;line-height: 24px;}
.user-comments .com-list .avatar { float: left; display:block; border-radius: 100px; width:70px; height:70px; margin-right: 20px;}
.user-comments .com-list .name { font-size: 18px; font-weight: 500; margin-bottom: 5px; }

.designer-unit2 { display: none; padding:0; }


.designer-unit.mobile .fl,.designer-unit.mobile .fr {float: none;}
.designer-unit.mobile { padding-top:108px;  }
.designer-unit.mobile .layui-col-md6 {width: 100%!important;}
.designer-unit.mobile .avatar { margin-left: 5px; width: 100px; height: 100px; margin-right: 10px; display: block; float: left; border-radius: 9px; border:#efefef 1px solid;}
.designer-unit.mobile .info { line-height:24px; }
.designer-unit.mobile .info p {line-height: 1.5;padding-left:8px;}
.designer-unit.mobile .info em {font-style: normal; color:#1763ab;}
.designer-unit.mobile .info i {font-style: normal; }
.designer-unit.mobile .base { font-size: 12px;}
.designer-unit.mobile .base span { margin:0 6px;}
.designer-unit.mobile .info .name {margin-top: 0; margin-bottom: 5px; font-size: 18px; font-weight: bold;}
.designer-unit.mobile .info .name em { font-weight: normal; font-size: 14px; margin-left: 5px;}
.designer-unit.mobile .info .tags {padding-left:0; margin-top: 8px; height: 30px;overflow: hidden; margin-bottom: 5px;}
.designer-unit.mobile .info .tags i { margin-right: 5px; margin-bottom: 10px; padding: 3px 10px; font-size: 10px; border:#ccc 1px solid; border-radius: 100px;display: inline-block;}
.designer-unit.mobile .price-unit { text-align: center;}
.designer-unit.mobile .price-unit ul { padding-left: 5px;}
.designer-unit.mobile .price-unit li { float: left;padding: 0 31px; margin: 20px 0; border-left: #ddd 1px solid;font-size: 14px;} 
.designer-unit.mobile .price-unit li:first-child { border:none;}
.designer-unit.mobile .price-unit li p {line-height:36px;}
.designer-unit.mobile .price-unit img { display: block; width:36px; margin:0 auto;}
.designer-unit.mobile .price-unit span {display:block;font-size: 9px; color:#1763ab;}
.designer-unit.mobile .btn-unit { width:98%; margin:0 auto;}
.designer-unit.mobile .btn-unit .btn-new {display: inline-block; margin:5px; padding: 7px 18px; min-width: 108px; font-size: 16px; text-align: center; border-radius: 100px; }
.designer-unit.mobile .btn-unit .btn-primary,.designer-unit .btn-unit a.btn-primary { margin-top: 7px; margin-bottom: 10px;border:#1763ab 1px solid; background: #1763ab; color:#fff;}
.designer-unit.mobile .btn-unit .btn-outline,.designer-unit .btn-unit a.btn-outline { border:#1763ab 1px solid; background: #fff; color:#1763ab;}



.designer-page table {
margin-top: 60px;
width: 100%;
border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */
border:solid #e3e3e3; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */
border-width:1px 0 0 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
}
.designer-page table td { min-width: 80px; line-height: 20px; font-size: 13px; border:solid #e3e3e3;border-width:0 1px 1px 0;padding:10px 10px; color:#666;}
.designer-page table td:first-child { text-align: left;}
.designer-page table a {color:#1763ab;}
.designer-page table h3 { font-size: 16px; color:#333;}
.designer-page .job-info .fl { float: left; width:45%; margin-right:5%;}
.designer-page .job-info .date { padding-left:12px; background:url(/images/icon_o.png) no-repeat -2px center; background-size:auto 60%; }
.designer-page .job-info .company { color:#333; font-weight: bold;}



.work-detail-page .work-info { padding: 40px 0 20px; padding-top: 100px;}
.work-detail-page .work-tit h1 {margin-top: 5px; font-size: 28px;}
.work-detail-page .work-tit .catalog { color:#777; font-size: 16px; padding: 7px 0 10px;}
.work-detail-page .work-tit .date {color:#777; }





.designer-unit3 { width:100%;  overflow: hidden; }
.designer-unit3 .avatar { margin-left: 5px; width: 120px; height: 120px; margin-right: 30px; display: block; float: left; border-radius: 9px;}
.designer-unit3 .info { line-height:24px; }
.designer-unit3 .info em {font-style: normal; color:#1763ab;}
.designer-unit3 .info i {font-style: normal; }
.designer-unit3 .base { font-size: 12px;margin-top: 10px;}
.designer-unit3 .base span { margin:0 7px;}
.designer-unit3 .info .name { font-size: 18px; font-weight: bold;}
.designer-unit3 .info .name em { font-weight: normal; font-size: 14px; margin-left: 5px;}
.designer-unit3 .catalog { height: auto; overflow: auto;}
.designer-unit3 .info .price { font-style: normal; font-weight: normal; font-size: 14px; color:#00ac00;}
.designer-unit3 .info .tags { margin-top: 5px; margin-bottom: 5px;}
.designer-unit3 .info .tags i { margin-right: 5px; padding: 3px 10px; font-size: 10px; border:#ccc 1px solid; border-radius: 100px;}
.designer-unit3 .btn-unit .btn-new {display: inline-block; padding: 5px 16px; min-width: 100px; font-size: 14px; text-align: center; border-radius: 100px; }
.designer-unit3 .btn-unit .btn-primary,.designer-unit3 .btn-unit a.btn-primary { margin-top: 7px; border:#1763ab 1px solid; background: #1763ab; color:#fff;}
.designer-unit3 .btn-unit .btn-outline,.designer-unit3 .btn-unit a.btn-outline { border:#1763ab 1px solid; background: #fff; color:#1763ab;}

.designer-unit3 .more-btns { display: inline;}


.work-tit {position: relative; top:190px;}
.designer-unit3.mobile {position: relative; top:-100px;}
.work-tit h1 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.work-tit.fl {float: none;margin-bottom: 16px;}
.designer-unit3.mobile.fl,.designer-unit3.mobile.fr {float: none;}
.designer-unit3.mobile .layui-col-md6 {width: 100%!important;}
.designer-unit3.mobile .avatar { margin-left: 5px; width: 100px; height: 100px; margin-right: 10px; display: block; float: left; border-radius: 9px; border:#efefef 1px solid;}
.designer-unit3.mobile .info { line-height:24px; }
.designer-unit3.mobile .info p {line-height: 1.5; padding-left: 0;}
.designer-unit3.mobile .info em {font-style: normal; color:#1763ab;}
.designer-unit3.mobile .info i {font-style: normal; }
.designer-unit3.mobile .base { font-size: 12px;}
.designer-unit3.mobile .base span { margin:0 7px;}
.designer-unit3.mobile .info .name {margin-top: 0; margin-bottom: 0;font-size: 16px; font-weight: bold; padding-top:5px;line-height: 1; height: 32px; overflow: hidden;}
.designer-unit3.mobile .info .name em { font-weight: normal; font-size: 14px; margin-left: 5px;}
.designer-unit3.mobile .info .tags {margin-top: 40px; margin-bottom: 5px;}
.designer-unit3.mobile .info .tags i { margin-right: 5px; padding: 3px 10px; font-size: 10px; border:#ccc 1px solid; border-radius: 100px;}
.designer-unit3.mobile .price-unit { text-align: center;}
.designer-unit3.mobile .price-unit li { float: left;padding: 0 32px; margin: 20px 0; border-left: #ddd 1px solid;font-size: 14px;} 
.designer-unit3.mobile .price-unit li:first-child { border:none;}
.designer-unit3.mobile .price-unit li p {line-height:36px;}
.designer-unit3.mobile .price-unit img { display: block; width:36px; margin:0 auto;}
.designer-unit3.mobile .price-unit span {display:block;font-size: 9px; color:#1763ab;}
.designer-unit3.mobile .btn-unit {margin-top: 18px;}
.designer-unit3.mobile .btn-unit .btn-new {display: inline-block; margin:5px; padding: 7px 20px; min-width: 110px; font-size: 16px; text-align: center; border-radius: 100px; }
.designer-unit3.mobile .btn-unit .btn-primary,.designer-unit .btn-unit a.btn-primary { margin-top: 7px; margin-bottom: 10px;border:#1763ab 1px solid; background: #1763ab; color:#fff;}
.designer-unit3.mobile .btn-unit .btn-outline,.designer-unit .btn-unit a.btn-outline { border:#1763ab 1px solid; background: #fff; color:#1763ab;}



.work-detail-page .work-show { padding: 30px 0 60px; }
.work-detail-page .work-show img { max-width: 100%; display: block; margin:0 auto;}


.suggest-unit { padding:50px 0;}
.suggest-unit h3 { font-size: 24px; padding-bottom: 20px; font-weight: 500;}
.suggest-unit h4 { font-size: 20px; padding-bottom: 20px; }
.suggest-unit .upload-pic { padding: 10px 0; font-size: 14px; color:#9a9a9a;}
.suggest-unit .upload-pic .pic {display: inline-block;  height:20px; margin-right: 12px; }
.suggest-unit .btn-submit { margin-top: 30px; width:200px; }


.page-login { min-height: 600px; padding: 60px 0; background: url(../images/login/lg_bg.jpg) center center; }
.page-login .login-logo { display: block; margin:0 auto; width: 160px;}
.page-login .main { width:600px; min-height: 300px; margin:30px auto; background: #fff; padding: 30px;}
.page-login .tit { border-bottom: #ccc 1px solid;}
.page-login .tit h3 { height: 32px;  display: inline-block; color:#1763ab; border-bottom: #1763ab 3px solid;}
.avatar-type { background-color: #f2f9ff; width:56%; margin:40px auto 20px; border:#baddff 1px solid; border-radius: 6px; padding: 20px; text-align: center;}
.avatar-type:hover {border:#a6afb7 1px solid;}
.avatar-type img { display: block; margin:15px auto;}


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

.designer-works .tit-unit { padding-bottom: 20px;}
.designer-works .tit-unit li { float: left;}
.designer-works .tit-unit li a  { color:#aaa; font-size: 20px; display: block; margin-right: 50px;}
.designer-works .tit-unit li a.on { color:#333; font-weight: normal;}
.designer-works .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; }
.designer-works .tit-unit .more:hover {color:#333; border:#333 1px solid; }
.designer-works .tit-unit .random { margin-right: 30px; padding-left:15px; color:#ff892a; background: url(../images/reflash.png) 15px center no-repeat; background-size: auto 40%;}
.designer-works .tit-unit .random:hover {color:#ff892a;border:#ff892a 1px solid;}

.designer-works .work-item { height: 565px; border:#e3e3e3 1px solid; border-radius: 12px; overflow: hidden;}
.designer-works .work-item .work-pic { border-top-left-radius: 12px; border-top-right-radius: 12px;width: 100%; height: auto; }


.designer-works .work-item .info .tit { padding-bottom: 10px;}
.designer-works .work-item .info .tit h3 { font-size: 16px;}
.designer-works .work-item .info .tit p { line-height: 30px; color:#999;}
.designer-works .work-item .info { padding: 10px;}
.designer-works .work-item .info .avatar { color:#999; margin-right: 10px;}
.designer-works .work-item .info .avatar img { border-radius: 100%; display: block;width: 22px; height: 22px;}
.designer-works .work-item .info .avatar .level { position: absolute; bottom:-10px; left:3px;width:90%; display: block;}
.designer-works .work-item .info p { width:210px; overflow: hidden;}
.designer-works .work-item .info .info .date {color: #999; font-size: 14px; float: right;}
.designer-works .work-item .info .info .date em { font-style: normal;font-size: 16px;font-weight: bold; }
.designer-works .work-item .info .info .name {width: 82px;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;}
	
.designer-works .work-item .info .info2 .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 .layui-col-space15>* {
    padding: 4px;
}
.works-list .works-unit2 { padding-top: 90px;}
.works-list .works-unit2 .work-item { height: 370px; overflow: hidden; border:#e3e3e3 1px solid; border-radius: 6px;}
.works-list .works-unit2 .work-item .work-pic { border-top-left-radius: 4px; border-top-right-radius: 4px;width: 100%; height:300px; }


.works-list .works-unit2 .work-item .info-unit .tit { padding-bottom: 10px; margin-bottom: 10px; border-bottom: #eee 1px solid;border-bottom:none;}
.works-list .works-unit2 .work-item .info-unit .tit h3 { font-size: 14px;}
.works-list .works-unit2 .work-item .info-unit .tit p { line-height: 24px; color:#999;}
.works-list .works-unit2 .work-item .info-unit { padding: 10px;}
.works-list .works-unit2 .work-item .info-unit .avatar { display: none;color:#999; margin-right: 3px;}
.works-list .works-unit2 .work-item .info-unit .avatar img { border-radius: 100%; display: block;width: 18px; height: 18px;}
.works-list .works-unit2 .work-item .info-unit .avatar .level { position: absolute; bottom:-10px; left:3px;width:90%; display: block;}
.works-list .works-unit2 .work-item .info-unit p { width:100%; overflow: hidden;}
.works-list .works-unit2 .work-item .info-unit .info {display: none;}
.works-list .works-unit2 .work-item .info-unit .info .date { float: right; width:88px; color: #999; font-size: 11px;  display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }
.works-list .works-unit2 .work-item .info-unit .info .date em { font-style: normal;font-size: 10px;font-weight: bold; }
.works-list .works-unit2 .work-item .info-unit .info .name {width: 30px; font-size: 11px;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;}
	
.works-list .works-unit2 .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;}






.page .page-cur {
    border: 1px solid #1763ab!important;
    float: left;
    color: #1763ab!important;
}
.page { width:auto!important;min-height: 40px;}
.page .page-skip { display: none;}
.page a { display: none!important;}
.page .page-prev {display: block!important;}
.page .page-next {float: right; display: block!important;}


.pingjia-show { font-size: 14px;padding:30px 20px; border-bottom: #e8e8e8 1px solid;}
.pingjia-show .ping-star p { line-height: 30px;}
.pingjia-show .con { margin-top: 20px; }

.adv_img_box {display: none;}


.right_nav { display:none;}


.filter-area { display: none;}

.filter-mobile {display: block;}


.list_header {
	height: 40px;
	line-height: 40px;
	width: 100%;
	background: #0085cd;
	position: fixed;
	z-index: 1000;
	top: 80px;
	left: 0px;
}

.list_select_item {
    width: 25%;
    float: left;
    text-align: center;
}
.list_select_item .select_body {
    width: auto;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    max-width: 84px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.list_select_item .down_icon {
    display: inline-block;
    width: 16px;
    height: 7px;
    background: url(../images/down_icon.png) no-repeat;
    background-size: contain;
    margin-left: 2px;
}
.pop-unit {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
	z-index: 10001;
}
.pop_header {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #0085cd;
    position: relative;
    text-align: center;
}
.pop_h_title {
    width: 100%;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
}
.pop_close {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../images/pop_close.png") no-repeat;
    background-size: contain;
}
.pop_body {
    padding: 2%;
    background: #ffffff;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll;
}
.pop_body a {
    width: 100%;
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #747d83;
    border-bottom: 1px solid #cccccc;
}



.foot_nav {
display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 54px;
    border-top: 1px solid #e8e8e8;
    background: #fff;
    z-index: 97;
    padding: 0;
    margin: 0;
    padding-bottom: 2px;
    padding-top: 7px
}
.foot_nav .nav {
    width: 100%;
    height: 47px;
    padding: 0;
    margin: 0;
}
.foot_nav .nav ul li {
    width: 25%;
    height: 45px;
    float: left;
    text-align: center;
    margin: 0px;
}
.foot_nav .nav ul li a {
    text-align: center;
    font-size: 12px;
    color: #d2d2d2;
    width: 56px;
    display: block;
    height: 45px;
    position: relative;
    margin: auto
}
.foot_nav .nav ul li i {
    display: block;
    width: 25px;
    height: 25px;
    margin: auto;
}
.foot_nav .nav ul li img {
    display: block;
    width: 25px;
    height: 25px;
    margin: auto;
	border-radius: 50%;
}
.foot_nav .nav ul li.active a {
  color: #1763ab;
}
.foot_nav .f_1{
	background:url(../images/f_nav1.png) no-repeat center;background-size: contain;
}
.foot_nav .active .f_1{
	background:url(../images/f_nav1_a.png) no-repeat center;background-size: contain;
}
.foot_nav .f_2{
	background:url(../images/f_nav2.png) no-repeat center;background-size: contain;
}
.foot_nav .active .f_2{
	background:url(../images/f_nav2_a.png) no-repeat center;background-size: contain;
}
.foot_nav .f_3{
	background:url(../images/f_nav3.png) no-repeat center;background-size: contain;
}
.foot_nav .active .f_3{
	background:url(../images/f_nav3_a.png) no-repeat center;background-size: contain;
}
.foot_nav .f_4{
	background:url(../images/f_nav4.png) no-repeat center;background-size: contain;
}
.foot_nav .active .f_4{
	background:url(../images/f_nav4_a.png) no-repeat center;background-size: contain;
}
.foot_nav .nav ul li span {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
	overflow:hidden;
}
.foot_nav .nav ul li a:active {
    color: #d1d1d1;
}