@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?tt0eyl');
    src: url('fonts/icomoon.eot?tt0eyl#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?tt0eyl') format('truetype'), url('fonts/icomoon.woff?tt0eyl') format('woff'), url('fonts/icomoon.svg?tt0eyl#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-alipay-selection:before {
    content: "\e900";
    color: #8a94a6;
}

.icon-alipay-unchecked:before {
    content: "\e901";
    color: #bfc7d6;
}

.icon-help-b-service:before {
    content: "\e902";

}

.icon-help-home-page:before {
    content: "\e903";
}

.icon-help-last:before {
    content: "\e904";
}

.icon-help-next-page:before {
    content: "\e905";
}

.icon-help-previous-page:before {
    content: "\e906";
}

.icon-help-useful-selection:before {
    content: "\e907";

}

.icon-help-useful-unchecked:before {
    content: "\e908";
}

.icon-help-useless--unchecked:before {
    content: "\e909";
}

.icon-help-useless-selection:before {
    content: "\e90a";
}

.icon-price-jurisdiction:before {
    content: "\e90b";
}

.icon-price-left:before {
    content: "\e90c";
    color: #1a8cff;
}

.icon-price-right:before {
    content: "\e90d";
    color: #1a8cff;
}

.icon-register-selection .path1:before {
    content: "\e90e";
    color: rgb(246, 250, 255);
}

.icon-register-selection .path2:before {
    content: "\e90f";
    margin-left: -1em;
    color: rgb(25, 140, 255);
}

.icon-register-selection .path3:before {
    content: "\e910";
    margin-left: -1em;
    color: rgb(25, 140, 255);
}

.icon-register-unchecked .path1:before {
    content: "\e911";
    color: rgb(246, 250, 255);
}

.icon-register-unchecked .path2:before {
    content: "\e912";
    margin-left: -1em;
    color: rgb(138, 148, 166);
}

.icon-wechat-selection .path1:before {
    content: "\e913";
    color: rgb(138, 148, 166);
}

.icon-wechat-selection .path2:before {
    content: "\e914";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-wechat-selection .path3:before {
    content: "\e915";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-wechat-unchecked .path1:before {
    content: "\e916";
    color: rgb(191, 199, 214);
}

.icon-wechat-unchecked .path2:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-wechat-unchecked .path3:before {
    content: "\e918";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-addMember .path1:before {
    content: "\e919";
    color: rgb(25, 140, 255);
}

.icon-addMember .path2:before {
    content: "\e91a";
    color: rgb(255, 255, 255);
    position: absolute;
    top: 0;
    left: 0;
}

.icon-checkbox:before {
    content: "\e91b";
}

.icon-checkbox_un:before {
    content: "\e91c";
    color: #8a94a6;
}

.icon-play .path1:before {
    content: "\e91d";
    color: rgb(0, 0, 0);
}

.icon-play .path2:before {
    content: "\e91e";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-removeMember:before {
    content: "\e91f";
}

.icon-singlebox:before {
    content: "\e920";
    color: #198CFF;
}

.icon-singlebox_un:before {
    content: "\e921";
    color: #198CFF;
}

.icon-stop .path1:before {
    content: "\e922";
    color: rgb(0, 0, 0);
}

.icon-stop .path2:before {
    content: "\e923";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-left:before {
    content: "\e924";
    color: #53627d;
}

.icon-right:before {
    content: "\e925";
    color: #53627d;
}

.icon-download:before {
    content: "\e926";
}

.icon-list:before {
    content: "\e927";
}

.icon-scrat:before {
    content: "\e928";
}

.icon-notice:before {
    content: "\e929";
}

.icon-arrow:before {
    content: "\e92a";

}

.icon-cloudline:before {
    content: "\e92b";
}

.icon-exclamation:before {
    content: "\e92c";
}

.icon-folder1:before {
    content: "\e92d";

}

.icon-hook:before {
    content: "\e92e";
}

.icon-issue:before {
    content: "\e92f";
}

.icon-search:before {
    content: "\e930";
}

.icon-set:before {
    content: "\e931";

}

.icon-upload:before {
    content: "\e932";
}

.icon-uploadNew:before {
    content: "\e933";
}

.icon-view:before {
    content: "\e934";
}

.icon-voice:before {
    content: "\e935";
}

.icon-wire:before {
    content: "\e936";
}

.icon-unrecord .path1:before {
    content: "\e937";
    color: rgb(138, 148, 166);
}

.icon-unrecord .path2:before {
    content: "\e938";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-assigntask:before {
    content: "\e939";
}

.icon-picture:before {
    content: "\e93a";
}

.icon-project:before {
    content: "\e93b";
}

.icon-record:before {
    content: "\e93c";
}

.icon-team:before {
    content: "\e93d";
}

.icon-add:before {
    content: "\e93e";

}

.icon-admin:before {
    content: "\e93f";
    color: #8a94a6;
}

.icon-archive:before {
    content: "\e940";
}

.icon-cancel:before {
    content: "\e941";
}

.icon-delete:before {
    content: "\e942";
}

.icon-details:before {
    content: "\e943";
}

.icon-distribution:before {
    content: "\e944";

}

.icon-dropdown:before {
    content: "\e945";
}

.icon-editor:before {
    content: "\e946";

}

.icon-email:before {
    content: "\e947";
}

.icon-exit:before {
    content: "\e948";
}

.icon-files:before {
    content: "\e949";
}

.icon-flag:before {
    content: "\e94a";
}

.icon-group:before {
    content: "\e94b";
}

.icon-handover:before {
    content: "\e94c";
}

.icon-import:before {
    content: "\e94d";
}

.icon-microphone:before {
    content: "\e94e";
}

.icon-minus:before {
    content: "\e94f";

}

.icon-move:before {
    content: "\e950";
}

.icon-password:before {
    content: "\e951";
}

.icon-phone:before {
    content: "\e952";
}

.icon-plus:before {
    content: "\e953";
}

.icon-release:before {
    content: "\e954";
}

.icon-renewal:before {
    content: "\e955";
}

.icon-save:before {
    content: "\e956";
}

.icon-select:before {
    content: "\e957";
}

.icon-sure:before {
    content: "\e958";
}

.icon-time .path1:before {
    content: "\e959";
    color: rgb(255, 255, 255);
}

.icon-time .path2:before {
    content: "\e95a";
    margin-left: -1em;
    color: rgb(233, 237, 245);
}

.icon-time .path3:before {
    content: "\e95b";
    margin-left: -1em;
    color: rgb(233, 237, 245);
}

.icon-icom1:before {
    content: "\e95c";
}

.icon-icom2:before {
    content: "\e95d";
}

.icon-icom3:before {
    content: "\e95e";
}

.icon-icom4:before {
    content: "\e95f";
}

.icon-icom5:before {
    content: "\e960";

}

.icon-icom6:before {
    content: "\e961";
}

.icon-icom7:before {
    content: "\e962";
}

.icon-icom8:before {
    content: "\e963";
}

.icon-icom9:before {
    content: "\e964";
}

.icon-icom10:before {
    content: "\e965";
}

.icon-icom11:before {
    content: "\e966";
}

.icon-icom12:before {
    content: "\e967";
}

.icon-icom13:before {
    content: "\e968";
}

.icon-icom14:before {
    content: "\e969";
}

.icon-icom15:before {
    content: "\e96a";
}

.icon-icom16:before {
    content: "\e96b";
}

.icon-icom17:before {
    content: "\e96c";

}

.icon-icom18:before {
    content: "\e96d";
}

.icon-icom19:before {
    content: "\e96e";
}

.icon-icom20:before {
    content: "\e96f";
}

.icon-icom21:before {
    content: "\e970";
}

.icon-icom22:before {
    content: "\e971";
}

.icon-icom23:before {
    content: "\e972";
}

.icon-icom24:before {
    content: "\e973";
}

.icon-icom25:before {
    content: "\e974";
}

.icon-icom26:before {
    content: "\e975";
}

.icon-icom27:before {
    content: "\e976";

}

.icon-icom28:before {
    content: "\e977";
}

.icon-icom29:before {
    content: "\e978";
}

.icon-icom30:before {
    content: "\e979";
}

/*打钩样式*/
/*.tick {*/
/*display: inline-block;*/
/*width: 20px;*/
/*height: 20px;*/
/*}*/

/*.tick:after {*/
/*content: "";*/
/*position: absolute;*/
/*left: 8px;*/
/*bottom: 12px;*/
/*width: 13px;*/
/*height: 5px;*/
/*border: 2px solid #fff;*/
/*border-top-color: transparent;*/
/*border-right-color: transparent;*/
/*-ms-transform: rotate(-60deg);*/
/*-moz-transform: rotate(-60deg);*/
/*-webkit-transform: rotate(-60deg);*/
/*transform: rotate(-45deg);*/
/*}*/

#skin .icon-hook {
    font-size: 20px;
    color: #fff;
}

#skin_1.tick:after {
    left: 36px;
}

#skin_2.tick:after {
    left: 66px;
}

#skin_3.tick:after {
    left: 94px;
}

#skin_4.tick:after {
    left: 124px;
}

#skin_5.tick:after {
    left: 153px;
}

#skin_6.tick:after {
    left: 182px;
}

#skin_7.tick:after {
    left: 211px;
}

/*项目图标样式*/
#project-icon {
    margin: 10px;
}

#project-icon li {
    width: 30px;
    height: 30px;
    margin: 5px;
    float: left;
    /*vertical-align: bottom;*/
    border: 1px solid transparent;
}

#project-icon li span {
    display: block;
    font-size: 24px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0px;
    border-radius: 5px;
}

ul.skin_0 li span, ul.skin_1 li span, ul.skin_2 li span, ul.skin_3 li span, ul.skin_4 li span, ul.skin_5 li span, ul.skin_6 li span, ul.skin_7 li span {
    border: 1px solid transparent;
}

/*鼠标经过效果*/
ul.skin_0 li span:hover {
    border: 1px solid #198CFF;
}

ul.skin_1 li span:hover {
    border: 1px solid #FFAB57;
}

ul.skin_2 li span:hover {
    border: 1px solid #FF775C;
}

ul.skin_3 li span:hover {
    border: 1px solid #E72828;
}

ul.skin_4 li span:hover {
    border: 1px solid #35DCDF;
}

ul.skin_5 li span:hover {
    border: 1px solid #FC5D93;
}

ul.skin_6 li span:hover {
    border: 1px solid #5974FF;
}

ul.skin_7 li span:hover {
    border: 1px solid #8A94A6;
}

/*选中图标的背景色*/
#project-icon .selected {
    border-radius: 5px;
}

ul.skin_0 .selected {
    background: rgba(25, 140, 255, .2);
}

ul.skin_1 .selected {
    background: rgba(255, 171, 87, .2);
}

ul.skin_2 .selected {
    background: rgba(255, 119, 92, .2);
}

ul.skin_3 .selected {
    background: rgba(231, 40, 40, .2);
}

ul.skin_4 .selected {
    background: rgba(53, 220, 223, .2);
}

ul.skin_5 .selected {
    background: rgba(252, 93, 147, .2);
}

ul.skin_6 .selected {
    background: rgba(89, 116, 255, .2);
}

ul.skin_7 .selected {
    background: rgba(138, 148, 166, .2);
}

/*end of change Skin*/

/*change skin 换肤*/
.project-selected-skin {
    background: #fff;
    /*border: 1px solid #bdbec2;*/
    box-shadow: 0 0 25px 2px rgba(41, 108, 168, 0.13);
    border-radius: 3px;
    position: absolute;
    left: 62px;
    top: 39px;
    width: 262px;
    z-index: 10;
}

.project-selected-skin em, .project-selected-skin span.bot {
    display: block;
    width: 30px;
    font-family: SimSun;
    height: 16px;
    font-size: 30px;
    overflow: hidden;
    _position: relative;
    margin-left: 116px;
}

.project-selected-skin em {
    margin-top: -16px;
    color: #fff;
    font-style: normal;
}

.project-selected-skin span.bot {
    margin-top: -14px;
    color: white;
}

#skin {
    margin: 5px 10px;
    padding: 3px;
    padding-right: 0px;
    list-style: none;
    overflow: hidden;
    position: relative;
}

#skin li {
    float: left;
    margin-right: 9px;
    width: 20px;
    height: 20px;
    /*border-radius: 5px;*/
    display: block;
    cursor: pointer;
}

#skin .skin_0 {
    background: #198CFF;
}

#skin .skin_1 {
    background: #FFAB57;
}

#skin .skin_2 {
    background: #FF775C;
}

#skin .skin_3 {
    background: #E72828;
}

#skin .skin_4 {
    background: #35DCDF;
}

#skin .skin_5 {
    background: #FC5D93;
}

#skin .skin_6 {
    background: #5974FF;
}

#skin .skin_7 {
    background: #8A94A6;
}

.skin_0 {
    color: #198CFF;
}

.skin_1 {
    color: #FFAB57;
}

.skin_2 {
    color: #FF775C;
}

.skin_3 {
    color: #E72828;
}

.skin_4 {
    color: #35DCDF;
}

.skin_5 {
    color: #FC5D93;
}

.skin_6 {
    color: #5974FF;
}

.skin_7 {
    color: #8A94A6;
}