<style>
    .leftDayList{
        display:inline-block;
        width: 30px;
        height: 100%;
        vertical-align: top;
    }
    .dayNum{
        font-weight: bold;
        font-size: 16px;
        margin-left: -42px;
        position: relative;
        z-index: 2;
        margin-bottom: 5px;
        display: block;
    }
    .siteList{
        display: inline-block;
        position: relative;
        border-left: 2px solid #ebebec;
        position: relative;
        padding: 0 0 20px 50px;
        margin-left: 10px;
    }
    .Trip_Content{
        margin-left:100px;
    }
    .Trip_Content:first-child{
        margin-top:20px;
    }
    .Trip_Content:last-child{
        margin-bottom:20px;
    }
    .TC_circles{
        width: 18px;
        height: 18px;
        background: #fff;
        border-radius: 100%;
        border: 2px solid #90b7ec;
        position: absolute;
        left: -11px;
        top: 0;
    }
    .TripControl{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -170px;
        margin-left: 30px;
    }
    .TripControl i{
        display:inline-block;
        width:30px;
        height:30px;
        line-height: 30px;
        cursor: pointer;
        border-radius: 50%;
        text-align: center;
    }
    .TripControl i:hover{
        background-color: #90b7ec;
        color:#fff;
    }
</style>

<template>
    <div>
        <div class="Trip_Content">
            <div class="leftDayList">
                <span class="dayNum">第1天</span>
            </div>   
            <div class="siteList">
                <el-form-item label="前往地" label-width='100px' style="display:inline-block;">
                    <el-input type="text" class="w150"></el-input
                    >&nbsp;仲裁委员会仲裁；
                </el-form-item>
                <el-form-item label="前往省份/国家地区" label-width='160px' style="display:inline-block;">
                    <el-input type="text" class="w150"></el-input>
                </el-form-item>
                <el-form-item label="是否过境" label-width='100px' style="display:inline-block;">
                    <el-checkbox v-model="checked"></el-checkbox>
                </el-form-item>
                <el-input type="textarea" resize="none" rows="16" cols="40"></el-input>
                <div class="TC_circles"></div>
            </div> 
            <div class="TripControl">
                <i class="iconfont icon-baocun1"></i>
                <i class="iconfont icon-img_delete_small" style="margin-left:10px;"></i>
            </div>
        </div>
        <div class="Trip_Content">
            <div class="leftDayList">
                <span class="dayNum">第1天</span>
            </div>   
            <div class="siteList">
                <el-form-item label="前往地" label-width='100px' style="display:inline-block;">
                    <el-input type="text" class="w150"></el-input
                    >&nbsp;仲裁委员会仲裁；
                </el-form-item>
                <el-form-item label="前往省份/国家地区" label-width='160px' style="display:inline-block;">
                    <el-input type="text" class="w150"></el-input>
                </el-form-item>
                <el-form-item label="是否过境" label-width='100px' style="display:inline-block;">
                    <el-checkbox v-model="checked"></el-checkbox>
                </el-form-item>
                <el-input type="textarea" resize="none" rows="16" cols="40"></el-input>
                <div class="TC_circles"></div>
            </div> 
            <div class="TripControl">
                <i class="iconfont icon-baocun1"></i>
                <i class="iconfont icon-img_delete_small" style="margin-left:10px;"></i>
            </div>
        </div>
    </div>
</template>
