.logo{display: block}

.workbench-nav .logo{
    margin-top:20px;
}

.workbench-nav{
    height:80px;
    line-height:80px;
    background: #fff;
}

.workbench-nav .f01{margin-left:56px;font-size: 14px;}

.workbench-nav .f02{margin-left:18px}

.triangle-right{
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-left:6px; 
}

.workbench-nav .name{position: relative}

.workbench-nav .name:hover{
    color: #0084ff;
}

.workbench-nav .f01:hover{color: #0084ff;}

.workbench-nav .name:hover i.triangle-right{
    background-position: 0 -12px;
    vertical-align:-1px;
}

.workbench-nav .name:hover .account-set{display: block}

.service-opened-cell{
    height: 50px;
}

.service-opened-cell .left:before{
    content: "";
    width: 2px;
    height: 14px;
    display: inline-block;
    background: #0084ff;
    margin-right: 8px;
    vertical-align: -2px;
}

.service-opened-cell .bt{
    width: 100px;
    height: 26px;
    color: #fff;
    background: #0084ff;
    text-align: center;
    line-height: 26px;
    margin-left: 30px;
    font-size: 14px;
    display: block;
}

.index-type{height: 72px;line-height: 72px;font-size: 14px;}

.index-type a.active{color: #0084ff;}

.index-type a i{color: #333}

.service-opened{overflow: hidden;}

.service-opened a.room{
    display: block;
    box-sizing: border-box;
    padding: 10px;
    float: left;
    height: 130px;
    width: 252px;
    border: 1px solid #eee;
    margin-right: 22px;
    margin-bottom: 22px
}

.service-opened a.room:nth-child(3n){margin-right:0;}

.service-opened .top{margin-bottom:10px;}

.service-opened .top div:first-child{
    margin-right:10px;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.service-opened .top .bt.blue{background: linear-gradient(to right, #5297ff,#55abff)}

.service-opened .top .bt.green{background: linear-gradient(to right, #17bc9d,#2cd4a2)}

.service-opened .top .bt.purple{background: linear-gradient(to right, #ac3fff,#cd73ff)}

.service-opened .top .bt.yellow{background: linear-gradient(to right, #fd9541,#ffad48)}

.service-opened .top .bt.peach{background: linear-gradient(to right, #fc8a98,#ffaaa2)}

.service-opened .top .bt.pink{background: linear-gradient(to right, #f661ca,#ff8dbf)}

.service-opened .top .bt{
    width: 56px;
    height: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

.service-opened .bottom .head{
    width: 74px;
    height: 74px;
    display: block;
    margin-right: 8px;
}

.service-opened .bottom .f01{margin-bottom:8px}

.service-opened .bottom .f01 i{display: inline-block}

.account-set{
    width: 190px;
    border-radius: 8px;
    position: absolute;
    background: #fff;
    padding: 20px 10px;
    box-sizing: border-box;
    right: 0;
    top:70px;
    z-index: 10;
    display: none;
    padding:10px 8px;
    box-shadow: 0 0 5px rgba(173,173,173,.4);
}

.account-set .bt{
    color: #333;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin-top: 10px;
    display: block;
}

.account-set .bt:hover{
    color: #fff;
    background: #0084ff;
}

.account-set .triangle-top-black{
    position:absolute;
    width:15px; 
    height:16px; 
    border-width:6px;
    top:-12px; 
    right:20px;
    background-position:0 -28px;
}

.account-set .bt:first-child{margin-top: 0;}

.fix-wrap{
    margin:0 auto;
    /* position:fixed;
    height:100%;
    top:0;
    left:50%;
    width:840px;
    transform:translate(-50%,0);
    z-index:1;
    padding-top:110px;
    box-sizing:border-box; */
}

.fix-wrap-content{
    /* height:100%;
    box-sizing: border-box;
    overflow: auto; */
    width:840px;
    margin: 30px auto 0;
    padding-bottom: 70px;
}

.fix-wrap-content-margin{
    width:800px;
    margin:0 auto;
}

/*服务类型*/
.service-type{
    padding-bottom:20px;
    width: 992px;
    margin: 0 auto;
}

.service-type:after{
    content: "."; 
    display: block; 
    overflow: hidden;
    clear: both;
    height: 0;
    visibility: hidden;
}

.service-type li{
    height: 260px;
    width: 252px;
    background: #fff;
    margin-top: 43px;
    text-align: center;
    position: relative;
    float: left;
    margin-right:118px;
}

.service-type li:hover{box-shadow: 0 0 13px rgba(128,128,128,.15);}

.service-type li:nth-child(3n){margin-right:0}

.service-type .bt{
    width: 220px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin:0 auto; 
    border: 1px solid #0084ff;
    color: #333;
    position: absolute;
    bottom:16px;
    left: 16px;
    font-size: 14px;
    display: block;
}

.service-type .bt:hover{
    background:#0084ff;
    color: #fff;
}

.service-type .top{height: 144px;}

.service-type .center{
    padding: 0 16px;
    position: relative;
    box-sizing:border-box;
}

.service-type .center span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

.service-type .bt:active{
    background:#0084ff;
    border: 1px solid #0084ff;
    color: #fff;
}

.service-type .pic{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%}

.service-type .f01{padding-top: 35px;}
.service-type .f02{padding-top: 10px;}
.service-type .f03{height: 68px}
.service-type .f04{margin-top: 24px;}

.index-type-one .f01{padding:60px 0;font-size: 18px}

.index-type-one .pic{margin:0 auto;width:179px;display:block}

.index-type-one .f02{margin-top:25px;font-size: 14px}


.index-type-one .bt{
    height:32px;
    width:196px;
    margin:0 auto;
    text-align:center;
    line-height:32px;
    background: #0084ff;
    color: #fff;
    font-size: 14px;
}


 /*注册*/
 .login-cell{
     min-height:40px;
     border-bottom:1px solid #eeeeee;
     font-size: 14px;
     margin-bottom:30px;
     position: relative
}

.login-cell .error{
    color: #ff0000;
    position: absolute;
    bottom:-18px;
    left:0;
    font-size: 12px;
    width:100%;
    display: block 
}

 .login-cell .left{width:100px;}

 .login-cell .right input{
     width: 100%;
     display: block;
     height: 40px;
     font-size:14px;
     color: #333;
    }

 .login-cell .head{
     background:#e3e3e3;
     border-radius: 50%;
     width:56px;
     height: 56px;
 }

 .login-cell .modify{color:#0084ff;cursor: pointer;}

 .login-sure-bt a{
     height: 32px;
     width: 120px;
     line-height: 30px;
     border:1px solid #e8e8e8;
     font-size: 14px;
     color: #333;
     text-align: center;
     display: block;
     margin: 0 auto;
 }

 .login-sure-bt a.active{
    border:1px solid #0084ff;
    background:#0084ff;
    color: #fff
 }

 .login-cell .red-circle{
     position: absolute;
     display: block;
     width: 4px;
     height: 4px;
     background: #ff5050;
     top: 19px;
     left: -25px;
     border-radius: 50%
 }

 /*弹框*/
.login-dialog{
    width: 460px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-bottom: 30px;
}

.login-dialog .right{position: relative}

.login-dialog .title{
    height: 50px;
    line-height: 50px;
    background: #eaeaea;
    font-size: 16px;
    color: #333;
    padding: 0 18px;
    position: relative
}

.login-dialog .title .close{
    position: absolute;
    top: 17px;
    right: 18px;
    height: 15px;
    width: 15px;
    background-position: -16px 0;
}

.black-alert{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0, 0, 0,.6);
    padding:10px 40px;
    z-index: 2000;
    color: #fff;
    max-width: 240px;
    box-sizing: border-box
}

 /*图片*/
.triangle-right,.workbench-nav .name:hover i.triangle-right,.login-dialog .title .close,
.account-set .triangle-top-black{
    background-image:url(../images/work01.png);
    background-size: 100px;
 }