a:hover,a:focus{
    text-decoration: none;
}
h4{
	font-size: 14px;
}
.logo-tomfeel{
    background: url(../images/tomfeel-logo.png) no-repeat left center;
    width: 251px;
    height: 80px;
    display: inline-block;
    float: left;
}
body{
   /*  background: #f5f6fb; */
    color: #353535;
    position: relative;
}
input:focus,
button:focus,
select:focus,
textarea:focus{
    outline: none;
}
.main{
    max-width: 1200px;
    min-height: 600px;
    width: 1200px;
    margin: 0 auto;
}
.top{
    z-index: 999!important;
}
/*icon start*/
.spirit{
    background: url("../images/spirit.png") no-repeat;
    display: inline-block;
}
.look-icon{
    width: 37px;
    height: 24px;
    background-position: -4px -4px;
}
.return-top-icon{
    width: 50px;
    height: 50px;
    background-position: 0 -36px;
}
/*icon end*/
.liebetween{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.curr-art a{
    color: #353535!important;
}
.fs24{
    font-size: 24px;
}
.btn-line-black{
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    background: #d3b167;
    color: #fff!important;
    border: 1px solid #d3b167;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.btn-line-black:hover{
    background: #c5a661;
    border: 1px solid #c5a661;
}
.hide{
    display: none!important;
}
.show{
    display: block!important;
}
.close-pop-icon{
    width: 30px;
    height: 30px;
    background-position: -60px -1px;
    display: inline-block;
    cursor: pointer;
}
.close-pop-icon:hover{
    width: 30px;
    height: 30px;
    background-position: -101px -1px;
    display: inline-block;
}
.close-min-icon{
    width: 16px;
    height: 16px;
    background-position: -2px -119px;
    display: inline-block;
    cursor: pointer;
}
.close-min-icon:hover{
    width: 16px;
    height: 16px;
    background-position: -21px -119px;
    display: inline-block;
}
.curr-info{
    color: #353535!important;
    border-bottom: 2px solid #d3b167;
}
.curr-info i{
    width: 8px;
    height: 5px;
    background-position: -2px -91px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -4px;
}
.info-num-icon{
    width: 14px;
    height: 14px;
    background-position: -2px -100px;
}
.info-time-icon{
    width: 14px;
    height: 14px;
    background-position: -19px -100px;
}
.red{
    color: red;
}
.gray{
    color: #999;
}
.vac{
   vertical-align: middle;
}
.textbox{
    height: 28px;
    border: 1px solid #e1e1e1;
    padding: 0 5px;
}
.textbox-sel{
    height: 28px;
    line-height: 28px;
    vertical-align: top;
}
.next{
    width: 18px;
    height: 38px;
    background-position: -57px -42px;
}
.prev{
    width: 18px;
    height: 38px;
    background-position: -81px -42px;
}
.custom-work .bd .tempWrap{
    display: inline-block;
    width: 1008px!important;
}
.txr{
    text-align: right;
}
/*fix 布局start*/
.row {
  /*横*/
    display: -webkit-box;
    display: -webkit-flex; /* Safari */
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%; 
}
.col {/*列*/
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  width: 100%; 
}
.row-wrap {/*横不换行*/
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; 
}
.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 10%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 10%;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%; 
}

.col-20 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%; 
}

.col-25 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; 
}

.col-31 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 31%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 31%;
  -ms-flex: 0 0 331%;
  flex: 0 0 31%;
  max-width: 31%; 
}

.col-33, .col-34 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 33.3333%;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%; 
}

.col-50 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; 
}

.col-66, .col-67 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.6666%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 66.6666%;
  -ms-flex: 0 0 66.6666%;
  flex: 0 0 66.6666%;
  max-width: 66.6666%; 
}

.col-75 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; 
}

.col-80 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 80%;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%; 
}

.col-90 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 90%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 90%;
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%; 
}
/*fix 布局end*/