/*
 * Extracted from css/widget.css, lines 46703-46814
 * Region label: OT-017
 */
    /* #region OT-017 */
    .ot-017 .item {
        margin-bottom: 6px;
    }

        .ot-017 .item .inner {
            display: inline-block;
            background-color: #fff;
            padding: 16px;
            border-radius: 3px;
            box-shadow: 1px 2px 10px 0 rgba(35, 19, 18, .1);
            color: #5a5a5a;
        }

            .ot-017 .item .inner .left {
                float: left;
                width: calc(100% - 24px);
            }

                .ot-017 .item .inner .left h3 {
                    margin-bottom: 4px;
                }

                .ot-017 .item .inner .left .text-detail {
                    line-height: 34px;
                    height: 34px;
                }

            .ot-017 .item .inner .right {
                float: left;
                width: 16px;
                text-align: right;
                margin-left: 8px;
            }

                .ot-017 .item .inner .right i {
                    color: #5b5b5b;
                }

            .ot-017 .item .inner .left .img {
                width: 56px;
                max-width: 56px;
                float: left;
                margin-right: 18px;
            }

            .ot-017 .item .inner .line-top {
                height: 4px;
                width: 60px;
                background-color: #fdd400;
                margin-bottom: 8px;
                transition: all .8s;
            }

            .ot-017 .item .inner .line-top-none {
                margin-bottom: 10px;
            }

        .ot-017 .item:hover .inner .line-top {
            width: 100%;
            transition: all .8s;
        }

    @media(max-width: 767px) {
        .ot-017 .item {
            margin-bottom: 0;
            width: 50%;
            float: left;
        }

            .ot-017 .item .inner {
                box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, .1);
            }

            .ot-017 .item.box-right-mobile:first-child {
                padding-right: 4px;
            }

            .ot-017 .item.box-right-mobile:last-child {
                padding-left: 4px;
            }

            .ot-017 .item .inner-mobile .img-center-mobile {
                border-radius: 3px;
                background: #fff;
                box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, .1);
                height: 104px;
                padding-top: 20px;
                border: 4px solid #fff;
                margin-bottom: 8px;
            }

            .ot-017 .item:hover .inner-mobile .img-center-mobile {
                border: 4px solid #fdd400;
            }

            .ot-017 .item .title-mobile {
                text-align: center;
            }

                .ot-017 .item .title-mobile h3 {
                    line-height: 33px;
                }

                .ot-017 .item .title-mobile div {
                    font-size: 16px;
                    line-height: 29px;
                    color: #5a5a5a;
                }
    }

    /* #endregion */