.dot{
    display: box;              /* OLD - Android 4.4- */
    
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-orient: horizontal;
    /* 12版 */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    height: 15px;
    width: -webkit-calc(100% - 65px); 
    width: calc(100% - 65px);
    float: left;
    margin-top: 5.5px;
    background: -webkit-linear-gradient(90deg,#4394F9, #fff);
    background: -o-linear-gradient(90deg,#4394F9, #fff);
    background: -moz-linear-gradient(90deg,#4394F9, #fff);
    background: linear-gradient(90deg,#4394F9, #fff);
}
.dot div{

    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    width: 20%;               /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.w{
    background: #fff;
}
.t{
    background: transparent;
}
.rule-row{
    position: relative;
    padding-left: 35px;
    margin-top: 20px;
}
.rule-number{
    position: absolute;
    font-weight: bold;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    background: -webkit-linear-gradient(#68AAFE, #4394F9);
    background: -o-linear-gradient(#68AAFE, #4394F9);
    background: -moz-linear-gradient(#68AAFE, #4394F9);
    background: linear-gradient(#68AAFE, #4394F9);
    font-size: 0.14rem;
}
.rule-title{
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}
.rule-name{
    font-size: 0.14rem;
    width: 65px;
    float: left;
}
.rule-content{
    padding-top: 10px;
}
p.rule-item{
    margin-bottom: 0;
    font-size: 0.14rem;
}
.ready_img {
    width: 30px;
    display: inline-block;
    vertical-align: middle;
}
.title_name {
    display: inline-block;
    vertical-align: middle;
}