@charset "utf-8";
/**  全局样式  **/


/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

html {
    background: white;
    color: black;
    word-break: break-all;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}
/* 要注意表单元素并不继承父级 font 的问题 */

/*body,button,input,select,textarea {
	font-size:12px;
	font-family:'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
}
*/

body, button, input, select, textarea {
    font-size: 12px;
    font-family: 'microsoft yahei','simsun','sans-serif' !important;
}

input, select, textarea {
    font-size: 100%;
}
/* 去掉 table cell 的边距并让其边重合 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* ie bug：th 不继承 text-align */

th {
    text-align: inherit;
}
/* 去除默认边框 */

fieldset, img {
    border: none;
}
/* ie6 7 8(q) bug 显示为行内表现 */

iframe {
    display: block;
}
/* 去掉 firefox 下此元素的边框 */

abbr, acronym {
    border: none;
    font-variant: normal;
}
/* 一致的 del 样式 */

del {
    text-decoration: line-through;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 500;
}
/* 去掉列表前的标识，li 会继承 */

ol, ul {
    list-style: none;
}
/* 对齐是排版最重要的因素，别让什么都居中 */

caption, th {
    text-align: left;
}
/* 来自yahoo，让标题都自定义，适应多个系统应用 */


/*h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:500;
}
*/

q:before, q:after {
    content: '';
}
/* 统一上标和下标 */

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}
/* 让链接在 hover 状态下显示下划线 */

a:hover {
    text-decoration: none;
    color: #399eea;
}
/* 默认不显示下划线，保持页面简洁 */

ins, a {
    text-decoration: none;
    color: #333;
}
    /* 去除 ie6 & ie7 焦点点状线 */

    a:focus, *:focus {
        outline: none;
    }
/* 清除浮动 */

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clearfix {
    zoom: 1; /* for ie6 & ie7 */
}

.clear, .clear_float, .clear0 {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.clear10 {
    clear: both;
    display: block;
    font-size: 0;
    height: 10px;
    line-height: 0;
    overflow: hidden;
}

.clear24 {
    clear: both;
    display: block;
    font-size: 0;
    height: 24px;
    line-height: 0;
    overflow: hidden;
}

.clear32 {
    clear: both;
    display: block;
    font-size: 0;
    height: 36px;
    line-height: 0;
    overflow: hidden;
}
/* 设置显示和隐藏，通常用来与 js 配合 */

.hide {
    display: none;
}

.block {
    display: block;
}
/* 设置浮动，减少浮动带来的 bug */

.fl, .fr {
    display: inline;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.btp {
    cursor: pointer;
}

html, body {
    background-color: #ecf0ef;
}

::-ms-clear, ::-ms-reveal {
    display: none;
}

.ui-popup:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
}


.mainWin, .mainWin *, input, select, div {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

    .mainWin div, .mainWin dl, .mainWin dt, .mainWin dd, .mainWin ul, .mainWin ol, .mainWin li, .mainWin h1, .mainWin h2, .mainWin h3, .mainWin h4, .mainWin h5, .mainWin h6, .mainWin pre, .mainWin code, .mainWin form,
    .mainWin fieldset, .mainWin legend, .mainWin input, .mainWin textarea, .mainWin p, .mainWin blockquote, .mainWin th, .mainWin td, .mainWin hr, .mainWin button, .mainWin article,
    .mainWin aside, .mainWin details, .mainWin figcaption, .mainWin figure, .mainWin footer, .mainWin header, .mainWin hgroup, .mainWin menu, .mainWin nav, .mainWin section {
        box-sizing: border-box;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
    }

/*主题布局*/
html, body {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #f4f5f7;
}

.mainWin {
    position: relative;
    width: 100%;
    height: 100%;
}

.mainWin1200 {
    position: relative;
    margin: 20px auto;
    width: auto;
    max-width: 1200px;
    min-width: 1000px;
    height: 100%;
}

.mainWinBox {
    position: relative;
    padding-top: 50px;
    width: 100%;
    height: 100%;
    min-width: 1200px;
    min-height: 480px;
}

.mainWinTop {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding-left: 245px;
    padding-right: 155px;
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    border-bottom: 1px solid #e4e7ed;
}

    .mainWinTop .logo {
        position: absolute;
        top: 0;
        left: 0;
        padding-left: 65px;
        width: 245px;
        height: 100%;
        color: #16223d;
        font-size: 16px;
        font-weight: 600;
        line-height: 50px;
        background: url('../Images/ShareIMG.png') no-repeat center;
        background-position: 25px center;
        background-size: 35px 35px;
    }

    .mainWinTop .navRight {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        padding-left: 256px;
    }


        .mainWinTop .navRight ul.Links {
            position: relative;
            z-index: 2;
            height: 100%;
            overflow: visible;
            overflow-x: visible;
            overflow-y: visible;
        }

            .mainWinTop .navRight ul.Links a {
                cursor: pointer;
                display: block;
                text-decoration: none;
            }

                .mainWinTop .navRight ul.Links a * {
                    cursor: pointer;
                }

            .mainWinTop .navRight ul.Links .username {
                display: block;
                max-width: 100px;
            }

            .mainWinTop .navRight ul.Links li {
                position: relative;
                float: right;
                height: 50px;
            }

                .mainWinTop .navRight ul.Links li span {
                    position: relative;
                    display: block;
                    padding: 0px 20px;
                    height: 50px;
                    color: #303133;
                    font-size: 14px;
                    line-height: 50px;
                }

                    .mainWinTop .navRight ul.Links li span label.Tips {
                        display: block;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    .mainWinTop .navRight ul.Links li span i {
                        display: none;
                    }

                    .mainWinTop .navRight ul.Links li span:hover {
                        color: #4c82ff;
                        background-color: #e3f0fc;
                    }

                        .mainWinTop .navRight ul.Links li span:hover a {
                            color: #4c82ff;
                        }

                .mainWinTop .navRight ul.Links li strong {
                    position: relative;
                    display: block;
                    padding: 0px 40px 0px 20px;
                    height: 50px;
                    color: #303133;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 50px;
                }

                    .mainWinTop .navRight ul.Links li strong label.Tips {
                        display: block;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    .mainWinTop .navRight ul.Links li strong:hover {
                        background-color: #e3f0fc;
                    }

                        .mainWinTop .navRight ul.Links li strong:hover a {
                            color: #303133;
                        }

                    .mainWinTop .navRight ul.Links li strong i {
                        position: absolute;
                        top: 0px;
                        right: 20px;
                        line-height: 50px;
                    }

            .mainWinTop .navRight ul.Links dl {
                display: none;
                position: absolute;
                top: 60px;
                right: 0px;
                width: 245px;
                background: #fff;
                box-shadow: 0 2px 12px 0 #ccc;
            }

                .mainWinTop .navRight ul.Links dl dd a {
                    padding: 0px 20px 0px 20px;
                    height: 50px;
                    color: #16223d;
                    font-size: 13px;
                    line-height: 50px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                    .mainWinTop .navRight ul.Links dl dd a:hover {
                        color: #4c82ff;
                        background-color: #e3f0fc;
                    }

            .mainWinTop .navRight ul.Links li:hover dl {
                display: block;
                webkit-animation: showCoupon .5s;
                animation: showCoupon .5s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
            }

                .mainWinTop .navRight ul.Links li:hover dl:after {
                    content: "";
                    position: absolute;
                    top: -10px;
                    right: 0px;
                    z-index: 1;
                    width: 100%;
                    height: 10px;
                }




.mainWinBody {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 1200px;
    min-height: 430px;
    background-color: #f4f5f7;
}

    .mainWinBody .mainWinLeft {
        position: absolute;
        top: 0;
        left: 0;
        width: 245px;
        height: 100%;
        background-color: #ffffff;
    }

        .mainWinBody .mainWinLeft ul.Links {
            position: relative;
            z-index: 2;
            width: 100%;
            height: 100%;
            overflow: auto;
            overflow-x: hidden;
        }

            .mainWinBody .mainWinLeft ul.Links a {
                cursor: pointer;
                display: block;
                text-decoration: none;
            }

                .mainWinBody .mainWinLeft ul.Links a * {
                    cursor: pointer;
                }

            .mainWinBody .mainWinLeft ul.Links li {
                position: relative;
            }

                .mainWinBody .mainWinLeft ul.Links li span {
                    position: relative;
                    display: block;
                    padding: 0px 50px;
                    height: 56px;
                    color: #303133;
                    font-size: 14px;
                    line-height: 56px;
                }

                    .mainWinBody .mainWinLeft ul.Links li span label.icon {
                        position: absolute;
                        top: 16px;
                        left: 20px;
                        width: 24px;
                        height: 24px;
                        background-repeat: no-repeat;
                        background-position: center;
                    }

                    .mainWinBody .mainWinLeft ul.Links li span label.Tips {
                        display: block;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    .mainWinBody .mainWinLeft ul.Links li span i {
                        display: none;
                    }

                    .mainWinBody .mainWinLeft ul.Links li span:hover {
                        color: #4c82ff;
                        background-color: #e3f0fc;
                    }

                        .mainWinBody .mainWinLeft ul.Links li span:hover a {
                            color: #4c82ff;
                        }

                .mainWinBody .mainWinLeft ul.Links li strong {
                    position: relative;
                    display: block;
                    padding: 0px 50px;
                    height: 56px;
                    color: #303133;
                    font-size: 14px;
                    font-weight: 600;
                    line-height: 56px;
                }

                    .mainWinBody .mainWinLeft ul.Links li strong label.icon {
                        position: absolute;
                        top: 16px;
                        left: 20px;
                        width: 24px;
                        height: 24px;
                        background-repeat: no-repeat;
                        background-position: center;
                    }

                .mainWinBody .mainWinLeft ul.Links li label.icon1 {
                    background-image: url('../Images/icon1.png');
                }

                .mainWinBody .mainWinLeft ul.Links li label.icon2 {
                    background-image: url('../Images/icon2.png');
                }

                .mainWinBody .mainWinLeft ul.Links li label.icon3 {
                    background-image: url('../Images/icon3.png');
                }

                .mainWinBody .mainWinLeft ul.Links li label.icon4 {
                    background-image: url('../Images/icon4.png');
                }
                .mainWinBody .mainWinLeft ul.Links li label.icon5 {
                    background-image: url('../Images/ico_paimai.png');
                }

 				.mainWinBody .mainWinLeft ul.Links li label.icon6 {
                    background-image: url('../Images/icon_galley.png');
                }
                .mainWinBody .mainWinLeft ul.Links li label.icon7 {
                    background-image: url('../Images/icon7.png');
                }
                .mainWinBody .mainWinLeft ul.Links li strong label.Tips {
                    display: block;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                .mainWinBody .mainWinLeft ul.Links li strong:hover {
                    background-color: #e3f0fc;
                }

                    .mainWinBody .mainWinLeft ul.Links li strong:hover a {
                        color: #303133;
                    }

                .mainWinBody .mainWinLeft ul.Links li strong i {
                    position: absolute;
                    top: 0px;
                    right: 20px;
                    line-height: 56px;
                }

            .mainWinBody .mainWinLeft ul.Links dl {
            }

                .mainWinBody .mainWinLeft ul.Links dl dd a {
                    padding: 0px 20px 0px 46px;
                    height: 50px;
                    color: #16223d;
                    font-size: 13px;
                    line-height: 50px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                    .mainWinBody .mainWinLeft ul.Links dl dd a:hover {
                        color: #4c82ff;
                        background-color: #e3f0fc;
                    }

                .mainWinBody .mainWinLeft ul.Links dl dd.act a {
                    color: #4c82ff;
                    background-color: #e3f0fc;
                    border-right: 2px solid #4c82ff;
                }

                    .mainWinBody .mainWinLeft ul.Links dl dd.act a:hover {
                        color: #4c82ff;
                        background-color: #e3f0fc;
                        border-right: 2px solid #4c82ff;
                    }

            .mainWinBody .mainWinLeft ul.Links li.showDown dl {
                display: none;
            }

            .mainWinBody .mainWinLeft ul.Links li.showUp dl {
                display: block;
            }

        .mainWinBody .mainWinLeft .side-toggle {
            position: absolute;
            z-index: 1;
            height: 100%;
            width: 15px;
            right: -15px;
            top: 0;
            overflow: hidden;
        }

            .mainWinBody .mainWinLeft .side-toggle .side-toggle-inner {
                cursor: pointer;
                position: absolute;
                top: 50%;
                margin-top: -44px;
                height: 72px;
                width: 0;
                border-left: 10px solid #fff;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-radius: 0 15px 15px 0;
                box-shadow: 0 0 5px rgba(0,0,0,.2);
            }

                .mainWinBody .mainWinLeft .side-toggle .side-toggle-inner i {
                    position: absolute;
                    top: 50%;
                    left: -7px;
                    margin-top: -30px;
                    width: 10px;
                    height: 60px;
                    color: #286bda;
                    font-size: 12px;
                    line-height: 60px;
                }

                    .mainWinBody .mainWinLeft .side-toggle .side-toggle-inner i.fa-caret-left {
                        left: -9px;
                    }

                .mainWinBody .mainWinLeft .side-toggle .side-toggle-inner:hover {
                    border-left-color: #f2f2f2;
                }

    .mainWinBody .side-toggle .side-toggle-inner i.fa-caret-left {
        display: block;
    }

    .mainWinBody .side-toggle .side-toggle-inner i.fa-caret-right {
        display: none;
    }

.mainWinBodySmall .mainWinLeft {
    width: 65px;
}

    .mainWinBodySmall .mainWinLeft ul.Links {
        overflow: visible;
        overflow-x: visible;
        overflow-y: visible;
    }

        .mainWinBodySmall .mainWinLeft ul.Links li span {
            padding: 0px;
        }

            .mainWinBodySmall .mainWinLeft ul.Links li span label.Tips {
                cursor: default;
                position: absolute;
                top: 13px;
                left: 80px;
                z-index: 5;
                display: none;
                padding: 8px;
                color: #fff;
                font-size: 14px;
                line-height: 1em;
                background: #303133;
                border-radius: 4px;
                overflow: visible;
            }

                .mainWinBodySmall .mainWinLeft ul.Links li span label.Tips:before {
                    content: "";
                    position: absolute;
                    top: 8px;
                    left: -10px;
                    width: 0;
                    height: 0;
                    border-top: 7px solid transparent;
                    border-right: 10px solid #303133;
                    border-bottom: 7px solid transparent;
                }

        .mainWinBodySmall .mainWinLeft ul.Links li:hover span label.Tips {
            display: block;
        }

            .mainWinBodySmall .mainWinLeft ul.Links li:hover span label.Tips:after {
                content: "";
                position: absolute;
                top: 0px;
                left: -15px;
                z-index: 1;
                width: 15px;
                height: 100%;
            }

        .mainWinBodySmall .mainWinLeft ul.Links li strong {
            padding: 0px;
        }

            .mainWinBodySmall .mainWinLeft ul.Links li strong label.Tips {
                display: none;
            }

            .mainWinBodySmall .mainWinLeft ul.Links li strong i {
                display: none;
            }

        .mainWinBodySmall .mainWinLeft ul.Links dl {
            display: none;
            position: absolute;
            top: 0px;
            left: 80px;
            width: 245px;
            background: #fff;
            box-shadow: 0 2px 12px 0 #ccc;
        }

            .mainWinBodySmall .mainWinLeft ul.Links dl dd a {
                padding: 0px 20px 0px 46px;
                height: 50px;
                color: #16223d;
                font-size: 13px;
                line-height: 50px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .mainWinBodySmall .mainWinLeft ul.Links dl dd a:hover {
                    color: #4c82ff;
                    background-color: #e3f0fc;
                }

            .mainWinBodySmall .mainWinLeft ul.Links dl dd.act a {
                color: #4c82ff;
                background-color: #e3f0fc;
                border-right: 2px solid #4c82ff;
            }

                .mainWinBodySmall .mainWinLeft ul.Links dl dd.act a:hover {
                    color: #4c82ff;
                    background-color: #e3f0fc;
                    border-right: 2px solid #4c82ff;
                }

        .mainWinBodySmall .mainWinLeft ul.Links li.showDown dl {
            display: none;
        }

        .mainWinBodySmall .mainWinLeft ul.Links li.showUp dl {
            display: none;
        }

        .mainWinBodySmall .mainWinLeft ul.Links li:hover dl {
            display: block;
            webkit-animation: showCoupon .5s;
            animation: showCoupon .5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

            .mainWinBodySmall .mainWinLeft ul.Links li:hover dl:after {
                content: "";
                position: absolute;
                top: 0px;
                left: -15px;
                z-index: 1;
                width: 15px;
                height: 100%;
            }

        .mainWinBodySmall .mainWinLeft ul.Links li.showDown:hover dl {
            display: block;
            webkit-animation: showCoupon .5s;
            animation: showCoupon .5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

            .mainWinBodySmall .mainWinLeft ul.Links li.showDown:hover dl:after {
                content: "";
                position: absolute;
                top: 0px;
                left: -15px;
                z-index: 1;
                width: 15px;
                height: 100%;
            }

        .mainWinBodySmall .mainWinLeft ul.Links li.showUp:hover dl {
            display: block;
            webkit-animation: showCoupon .5s;
            animation: showCoupon .5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

            .mainWinBodySmall .mainWinLeft ul.Links li.showUp:hover dl:after {
                content: "";
                position: absolute;
                top: 0px;
                left: -15px;
                z-index: 1;
                width: 15px;
                height: 100%;
            }

.mainWinBodySmall .side-toggle .side-toggle-inner i.fa-caret-left {
    display: none;
}

.mainWinBodySmall .side-toggle .side-toggle-inner i.fa-caret-right {
    display: block;
}

.mainWinBody .mainWinRight {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 265px;
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}

    .mainWinBody .mainWinRight .mainWinRightIframe {
        position: relative;
        width: 100%;
        height: 100%;
    }

.mainWinBodySmall .mainWinRight {
    padding-top: 15px;
    padding-left: 80px;
}

    .mainWinBodySmall .mainWinRight .mainWinRightIframe {
    }
/*动画*/
@keyframes showCoupon {
    from {
        transform: translateY(-10px);
    }

    to {
        transform: translateY(0);
    }
}

/*遮罩层*/
.MaskLayer {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999; /*display: none;*/
    width: 100%;
    height: 100%;
}

    .MaskLayer:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        filter: alpha(opacity=20);
        -moz-opacity: 0.2;
        opacity: 0.2;
    }




.siCheckbox input[type=checkbox] {
    visibility: hidden;
}

.siCheckbox {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
}

    .siCheckbox label {
        cursor: pointer;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 0;
        left: 0;
        background: #fff;
        border: 1px solid #666;
        border-radius: 3px;
    }

        .siCheckbox label:after {
            opacity: 0.2;
            content: '';
            position: absolute;
            width: 8px;
            height: 4px;
            background: transparent;
            top: 3px;
            left: 2px;
            border: 2px solid #333;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .siCheckbox label:hover::after {
            opacity: 0.8;
        }

    .siCheckbox input[type=checkbox]:checked + label {
        border-color: #399eea;
    }

        .siCheckbox input[type=checkbox]:checked + label:after {
            opacity: 1;
            width: 10px;
            height: 5px;
            top: 1px;
            left: 1px;
            border-color: #399eea;
            border-width: 3px;
        }


.siRadiobox input[type=radio] {
    visibility: hidden;
}

.siRadiobox {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
}

    .siRadiobox label {
        cursor: pointer;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 0;
        left: 0;
        background: #fff;
        border: 1px solid #666;
        border-radius: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .siRadiobox input[type=radio]:checked + label {
        border: 5px solid #399eea;
    }


.selectBox {
    display: inline;
}

    .selectBox select {
        cursor: pointer;
        background: transparent;
        width: 150px;
        padding: 5px 23px 5px 5px;
        font-size: 16px;
        border: 1px solid #ccc;
        height: 34px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url('/Public/Images/icon_down.png') right no-repeat #fff;
        border-radius: 4px;
    }

        .selectBox select::-ms-expand {
            display: none;
        }

@media screen and (min-width:0\0) {
    .selectBox select {
        background: none\9;
        padding: 5px\9;
    }
}



/*提示信息*/
.ToolTip {
    position: fixed;
    top: 150px;
    left: 50%;
    z-index: 999999;
    margin-left: -15px;
    padding: 8px 16px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    background: #4c93ff;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #999;
}

    .ToolTip i.fa {
        position: relative;
        top: -0.05em;
        left: -0.3em;
        width: 1em;
    }

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .ToolTip {
        position: fixed;
        top: 150px;
        left: 50%;
        margin-left: -80px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .ToolTip {
        position: fixed;
        top: 150px;
        left: 50%;
        margin-left: -15px;
    }
}