.clearfix:before{
    content:'';display:table;clear:both;
}
.clearfix:after{
    content:'';display:table;clear:both;
}
.clearfix{
    *zoom:1;
}
@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?54xbms');
    src:    url('../fonts/icomoon.eot?54xbms#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?54xbms') format('truetype'),
        url('../fonts/icomoon.woff?54xbms') format('woff'),
        url('../fonts/icomoon.svg?54xbms#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;
    display:block;
    width:100%;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body{
    width: 1280px;
    min-height:1266px;
    margin: 0 auto;
    font-family: "Microsoft YaHei";

}
header{
    position:relative;
    height: 56px;
    background-color: #2189bf;
}
.site-logo{
    position:absolute;
    margin-left: 50px;
    margin-top: 10px;
    width:36px;
    height:36px;
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGRjMzNUVBMzNDMjA2ODExODIyQUExOTk2MkZBRkVFRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQkVEODYwQkY2NkQxMUU1QjU1QjgwOTVDMjFFMkMyNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQkVEODYwQUY2NkQxMUU1QjU1QjgwOTVDMjFFMkMyNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkYzMzVFQTMzQzIwNjgxMTgyMkFBMTk5NjJGQUZFRUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkYzMzVFQTMzQzIwNjgxMTgyMkFBMTk5NjJGQUZFRUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rxqStAAAAgklEQVR42mL8//9/MwMDgw3D4AAdLEBCB4gdBomDFjAxDDIw6qBRB406aNRBow4addCog4a7g1ioZM4vIL5GBXPeUctBz4DYcDQNDWUHvQfi/2Tg+NEoG3XQqINGHTTqoFEHjTqIyoDx////ZkBakkJzvgHxbiS+FxCzkmHOOYAAAwC1hh3NNpP2qAAAAABJRU5ErkJggg==");
}
.icon-user:before {
    content: "\e90a";
    width:25px;
    display:inline-block;
    text-align:center;
}
.login-btn{
    /*position:absolute;*/
    float:right;
    color: #fff;
    font: 12px/56px HeiTi;
    width:60px;
    margin-right:60px;
    text-decoration: none;
}
.login-btn:hover{
    color:#eee;
}

.search{
    float:right;
    margin:14px 10px;
    width: 313px;
    height: 28px;
    background-color: #fff;
    border-radius: 14px;
    box-sizing: border-box;
    transition:width 0.5s ease-in 0.1s;
}
.search:active{
    width: 413px;

}
.search img{
    float: left;
    margin-left: 10px;
    margin-top: 6px;
}
.search input{
    float: right;
    margin-right: 15px;
    width: 270px;
    height: 28px;
    border:none;
    margin-top: 0;
    box-sizing: border-box;;
    outline:none;
}
.search input:focus{
    border: none;
}


/****************侧边栏*/
aside{
    width: 260px;
    height: 1210px;
    float: left;
    background-color: #2b2e3d;
    color:#6e8095;
    font:12px SimHei;
}

.user-info{
    height:150px;
}
.user-name{
    height:105px;
}
.user-logo{
    border-radius:23px;
    box-shadow:0 0 0 4px #2a2e3d, 0 0 0 5px #fff;
    margin:20px 25px 20px 45px;
    float:left;
}
.user-name p{
    font:15px/87px 'Microsoft YaHei';
    color:#fff;
}
.user-follow div{
    float:left;
    height:30px;
    padding:0 32px;
}
.user-follow div span{
    font-size:16px;
}
.user-follow div:first-child{
    border-right:2px solid #6e8095;
    margin-left:32px;
}
/******************************图标字体**************************************/

.icon-file-text2:before {
    content: "\e900";
}
.icon-file-picture:before {
    content: "\e901";
}
.icon-folder-minus:before {
    content: "\e902";
}


.icon-search:before {
    content: "\e905";
    float:left;
    font-size:17px;
    margin:6px 0 0 10px;
    color:#ccc;
}
.icon-accessibility:before {
    content: "\e906";
}
.icon-clipboard:before {
    content: "\e907";
}
.icon-star-full:before {
    content: "\e903";
}
.icon-table2:before {
    content: "\e908";
}
.icon-share2:before {
    content: "\e909";
}
/**********************************************/

.first-menu{
    padding-left:70px;
}

.second-menu{
    padding-left:20px;
}
.third-menu{
    padding-left:40px;
    
    background-repeat:no-repeat;
    background-position:40px 6px;
}

.third-menu i{
    display:inline-block;
    background: url(../image/task_1_09_2.png);
    background-position:  -234px 0;
    background-repeat:no-repeat;
    width:10px;
    height:11px;
    /*background-size:5px 5px;*/
}
.third-menu i:hover{
    background-position:  -204px 0;

}
.third-menu>i:hover{
    background-position:  -208px 0;

}
.first-menu a{
    color:#6e8096;
    text-decoration:none;
    font:12px/48px SimHei;
}
.first-menu a:hover{
    color:#ededef;
}
.second-menu>a{
    line-height:25px;
}
.third-menu>a{
    line-height:24px;

}



.first-menu-active{
    background-color:#383d4e;
}
.first-menu:hover, .second-menu:hover, .third-menu:hover{
    background-color:#383d4e;
}







main>section{
    width:1020px;
    height:1210px;
    box-sizing:border-box;
    float: right;
    background-color: #ededec;
    padding:0 64px;
}
.main-content-nav{
    font:12px/22px SimHei;
    color:#444;
    background-color:#fff;
    position:absolute;
    text-indent:2em;
    width:1020px;
    margin-left:-63px;
}
.main-content-nav span:nth-child(n+2):before{
    content:"/";
}
.my-form{
    height:85px;
    border:1px solid #ccc;
    background-color:#fff;
    margin-top:35px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    font:12px/26px SimHei;
    color:#aaa;
}
.my-form label{
    margin:0 6px;
}
.my-form div{
    float:left;
}
.my-form div p{
    margin:5px;
}
.my-form-1{
    width:70px;
    border:1px solid #cececf;
}
.my-form-2{
    width:120px;
    border:1px solid #cececf;
}
.my-form-3{
    width:130px;
    border:1px solid #cececf;
}
.my-form-4{
    width:60px;
    border:1px solid #cececf;
}
.my-form-5{
    width:80px;
    border:1px solid #cececf;
}
.my-form-6{
    width:116px;
    border:1px solid #cececf;

}
.my-form-search{
    width: 51px;
    height: 26px;
    border:none;
    border-radius:3px;
    color:#fff;
    background-color:#388ac1;
}
.form-search:hover{
    background-color:#2c7fb6;
}
.time-select{
    margin:10px 0;
    display:flex;
    flex-direction:row;
    justify-content:space-around;
}
.icon-previous2:before {
    content: "\e90b";
    font:16px;
    line-height:65px;
    display:block;
    width:100%;
    text-align:center;
    color:#ababab;
}
.icon-next2:before {
    content: "\e90c";
    font:16px;
    line-height:65px;
    display:block;
    width:100%;
    text-align:center;
    color:#ababab;
   

}
.icon-calendar span{
    display:block;
    font:12px/65px 'Microsoft YaHei';

}
.icon-calendar:before {
    content: "\e904";
    display:block;
    width:40px;
    height:40px;
    font-size:40px;
    line-height:65px;
    float:left;
    margin-left:15px;
    color:#388bc2;
    margin-right:5px;
}
.time-select div{
    float:left;
    margin:0 4px;
    height:65px;
    background-color:#fff;
    box-sizing:border-box;
}
.time-left{
    width:30px;
}
.time-show{
    width:110px;
    border-top:5px solid #fff;
}
.time-show:nth-child(2){
    border-top:5px solid #4388c9;

}
.time-show:hover{
    border-top:5px solid #4388c9;

}
.time-option{
    font:12px/20px 'Microsoft YaHei';
    text-align:center;
}
.time-money{
    font:12px 'Microsoft YaHei';
    text-align:center;
    color:#ccc;
}
.time-money span{
    font:21px 'Microsoft YaHei';
    color:#ec6500;
}
.time-right{
    width:30px;
}
.time-search{
    width:130px;
}


.first-left{

}
.first-left div{
    width:490px;
    border-radius:0 4px 4px 4px;
    border:1px solid #e8e9e9;
    margin:40px auto;

}
.first-left ul{
    margin-top:-30px;
    margin-left:-1px;
}
.first-left li{
    width:80px;
    margin-right:3px;
    float:left;

    text-align:center;
    font:12px/28px 'Microsoft YaHei';
    border-radius:3px 3px 0 0;
    border:1px solid #e8e9e9;
    background-color:#ececef;
}
.first-left li:nth-child(1), .first-left li:hover{
    border-bottom-color:#fff;
    background-color:#fff;
}
.first-left table{
    margin:30px auto;
    
}
.first-left td{
    font:12px/30px SimHei;
    width:100px;
    border:1px solid #e8e9e9;
    text-align:center;
}
.first-left td:hover{
    background-color:#f4f5f6;
}

.fg-big-box{
    padding:15px 45px 45px 45px;
}
.fg-small-title{
    color:#ccc;
    font:12px/16px 'Microsoft YaHei';
}
.fg-big-title{
    font:12px/16px 'Microsoft YaHei';

}
.fg-title{
    padding:3px 0;
    border-bottom:1px solid #ddd;
}
.fg-price, .fg-person{
    float:left;
}
.fg-price {
    width:40%;
    border-right:1px solid #ddd;
}
.fg-person{
    padding-left:5px;
}
.fg-describe{
    height:150px;
}
.fg-secret-btn{
    width:50px;
    height:23px;
    border:none;
    background-color:#388ac1;
    color:#fff;
    float:right;
}
.fg-secret-btn:hover{
    background-color:#0f3762;
}




.count{
    margin:20px 0;
}
.count-title{
    font:12px/18px 'Microsoft YaHei';
    color:#323333;
}
.big-count-box{
    width: 201px;
    height: 71px;
    border:1px solid #d8d9db;
    float: left;
    margin-left: 29px;
    box-sizing:border-box;
    background-color:#fff;
    border-radius:3px;
    position:relative;
}
.big-count-box:nth-child(2){
    margin-left: 0;
    border-left:4px solid #43b29e;
}
.big-count-box:nth-child(3){
    border-left:4px solid #388ac1;
}
.big-count-box:nth-child(4){
    border-left:4px solid #cf4a36;
}
.big-count-box:nth-child(5){
    border-left:4px solid #e2cd46;
}
.count-num{
    font:12px/20px SimHei;
    color:#323333;
    text-indent:10px;
    margin-top:12px;
}
.count-text{
    font:10px/20px SimHei;
    color:#aaa;
    text-indent:10px;
}
.count-box{
    width:60px;
    height:45px;
    background-color:red;
    position:absolute;
    top:12px;
    right:12px;
}
.count-box1{
    background-color:#43b29e;
}
.count-box2{
    background-color:#388ac1;
}
.count-box3{
    background-color:#cf4a36;
}
.count-box4{
    background-color:#e2cd46;
}



.first-left, .first-right, .calendar, .ranking-list{
    float:left;
    height:356px;
    background-color:#fff;
    margin:10px 0;
    border-radius:10px;

    border:1px solid #ccc;
}
.main-content h3{
    background-color:#f4f5f6;
    border-bottom:1px solid #ccc;
    color:#aaa;
    font:12px/40px 'Microsoft YaHei';
    text-indent:1.5em;
}
.first-left{
    width:532px;
    float:left;

}
.first-right{
    width:351px;
    float:right;

}






/*日历*/
.calendar{
    width:351px;
    clear:left;
}
.calendar form{
    margin:10px auto;
    text-align:center;
}
.calendar-year{
    width:65px;
    height:20px;
    border:1px solid #cececf;

}
.calendar-month{
    width:60px;
    height:20px;
    border:1px solid #cececf;

}
.calendar-date{
    width:70px;
    height:20px;
    border:1px solid #cececf;

}
.calendar-btn{
    width:60px;
    height:20px;
    font-size:12px;
    background-color:#fff;
    border:1px solid #cececf;
}
.calendar table{
    margin:10px auto;
}
.calendar tr:first-child{
    box-sizing:border-box;
    border-top:2px solid #a9cfec;
    border-bottom:2px solid #e1e1e2;

}
.calendar th{
    padding:0;
    width:40px;
    height:40px;
    font:12px/40px SimHei;
}
.calendar td{
    width:40px;
    height:30px;
    padding:5px 0;
    box-sizing:border-box;
    border:1px solid #fff;
}
.calendar td:hover{
    background-color:#f4f5f6;
}
.calendar td p{
    font:11px/15px SimHei;
    text-align:center;
}




/*右下部分*/
.ranking-list{
    width:532px;
    float:right;

}
.ranking-list table{
    margin:17px auto;
    font:12px SimHei;
}
.ranking-list tr:hover{
    background-color:#f4f5f6;
}
.ranking-list th, .ranking-list td{
    height:24px;
    border:1px solid #cbcbcb;
    line-height:24px;
}
.ranking-list td:nth-child(1){
    width:66px;
    text-align:center;
}
.ranking-list td:nth-child(2){
    width:90px;
    text-align:center;
}
.ranking-list td:nth-child(3){
    width:290px;
    text-align:center;
}
.table-range{
    display:inline-block;
    width:168px;
    height:5px;
    background-color:#ddd;
    margin-left:17px;

}
.table-range div{
    height:5px;
}
.table-range-1{
    width:96%;
    background-color:#ec6e51;
}
.table-range-2{
    width:58%;
    background-color:#ef8150;
}
.table-range-3{
    width:46%;
    background-color:#f29f4f;
}
.table-range-4{
    width:45%;
    background-color:#7fcbf0;
}
.table-range-5{
    width:44%;
    background-color:#7fcbf0;

}
.table-range-6{
    width:43%;
    background-color:#7fcbf0;

}
.table-range-7{
    width:41%;
    background-color:#7fcbf0;

}
.table-range-8{
    width:39%;
    background-color:#7fcbf0;

}
.table-range-9{
    width:38%;
    background-color:#7fcbf0;

}
.table-range-10{
    width:37%;
    background-color:#7fcbf0;

}