/* --- banner --- */
.tiny_banner{position: relative;}
.tiny_banner .banner_button{position: absolute; right: 0; top: 0; height: 100%; display: flex; align-items: center; padding-right: 50px;}
.tiny_banner .banner_button a{background: #f60; padding: 16px 32px; color: #fff; border-radius: 8px; font-size: 18px;} 


/* --- box --- */
.tiny_box {min-height: 70vh;}
.tiny_box .list_info{border-bottom: 1px solid #efefef; padding: 16px; color: #999;}
.tiny_box .list_info #totalshow{color: #FF6A6A;}


/* --- tiny --- */
.tiny_lists .item{padding: 25px; width: 33.333%; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef;}
.tiny_lists .item_name{font-size: 18px; font-weight: bolder; margin-bottom: 12px;}
.tiny_lists .item_user{color: #666;}
.tiny_lists .item_user i{margin: 0 4px;}
.tiny_lists .item_tel{color: #666;}
.tiny_lists .item_time{color: #999; margin-top: 16px;}


/* --- once --- */
.once_lists{}
.once_lists .item{display: flex; align-items: center; padding: 25px; border-bottom: 1px solid #efefef;}
.once_lists .item_box{width: 40%;}
.once_lists .item_pic{width: 234px; margin-right: 20px; border-radius: 8px;}
.once_lists .item_name{font-size: 18px; font-weight: bolder;}
.once_lists .item_cell { width: 500px; }
.once_lists .item_cell .cell_title{color: #999;}
.once_lists .item_right{margin-left: auto; text-align: right;}
.once_lists .item_salary{color: #FF6A6A; font-size: 18px;}
.once_lists .item_time{color: #999;}
.once_lists .item_more a{color: #4576FB;}
.once_lists .shop_name{font-size: 16px; margin-bottom: 4px;}
.once_lists .shop_area{color: #999;}



/* --- publish --- */

/* column */
.publish_column{font-size: 25px; font-weight: bolder; text-align: center; padding: 32px ;}

/* form */
.publish_form{padding: 0 18%; padding-bottom: 32px;}
.publish_form .item{display: flex; margin-bottom: 16px;}
.publish_form .item_title{width: 20%; text-align: right; padding-right: 16px; height: 40px; line-height: 40px; }
.publish_form .item_text{width: 80%; justify-content: space-between;}
.publish_form .item_text textarea{width: 100%; height: 200px;}
.publish_form .item_input{border: 1px solid #dfdfdf; height: 40px; line-height: 40px; border-radius: 4px; width: 100%; padding-left: 16px;}
.publish_form .item_input.small{width: 300px; margin-right: 16px;}
.publish_form .item_text #send_msg_tip{color: #4576FB;}
.publish_form .item_time{border: 1px solid #efefef; border-radius: 4px; height: 40px; line-height: 40px; padding: 0 25px; cursor:pointer;}
.publish_form .item_time.active{border: 1px solid #FF6A6A; background: #FF6A6A; color: #fff;}
.publish_form .upload_button{margin-bottom: 16px;}




/* --- Show --- */

/* box */
.tiny_wrap {display: flex; min-height: 80vh;}
.tiny_wrap .box_left{width: 73%;}
.tiny_wrap .box_right{width: 26.1666%; margin-left: auto;}

/* info */
.tiny_info{padding: 25px; margin-bottom: 10px;}
.tiny_info h1{font-size: 32px; font-weight: bolder;}
.tiny_info .salary {font-size: 25px; color: #FF6A6A; margin: 10px 0; font-weight: bolder;}
.tiny_info .info{margin: 10px 0; color: #999; border-bottom: 1px solid #efefef; padding-bottom: 25px; margin-bottom: 25px;}
.tiny_info .info i{margin: 0 8px;}
.tiny_info .contact dl{display: flex; align-items: center; line-height: 280%;}
.tiny_info .contact dt{color: #999; margin-right: 10px;}
.tiny_info .contact .nothing{text-align: center; padding: 32px 0;}
.tiny_info .qrcode{margin-left: auto; text-align: center; color: #999;}
.tiny_info .qrcode img{width: 150px;}

/* term */
.tiny_term{padding: 25px; margin-bottom: 10px;}
.tiny_term .content{font-size: 16px;}

/* other */
.tiny_other{padding: 25px; margin-bottom: 10px;}
.tiny_other .item{ border-bottom: 1px solid #efefef; padding: 25px 0; display: flex; align-items: center;}
.tiny_other .item_left{width: 60%;}
.tiny_other .item_name{font-size: 16px;}
.tiny_other .item_name a{color: #4576FB;}
.tiny_other .item_shop{margin: 4px 0; color: #999;}
.tiny_other .item_salary{margin-left: auto; color: #FF6A6A; font-size: 18px;}
.tiny_other .item_cell{width: 100%;}
.tiny_other .item_cell em{color: #999;}
.tiny_other .item_time{color: #999;}

/* operate */
.tiny_operate{padding: 25px; margin-bottom: 10px;}
.tiny_operate .tips{color: #999;}
.tiny_operate .button {margin-top: 32px;}
.tiny_operate .button a{display: block; text-align: center; height: 50px; border-radius: 4px; margin-bottom: 10px; line-height: 50px; font-size: 16px;}
.tiny_operate .button a:nth-child(1) { background: #FF6A6A; color: #fff;}
.tiny_operate .button a:nth-child(2) { background: #f9f9f9; color: #666;}
.tiny_operate .button a:nth-child(3) { background: #f9f9f9; color: #666;}
.tiny_operate .button a.fabu{background: #4576FB;}