.clear-both {
    font: 0px/0px sans-serif;
    clear: both;
    display: block;
}

body {
    max-width: 600px;
    margin: auto;
    max-height: 999px;
}


label.label-radio {
    cursor: pointer;
}

    label.label-radio i.icon-form-radio {
        width: 20px;
        height: 20px;
        position: relative;
        border-radius: 20px;
        border: 2px solid #6d6d6d;
        box-sizing: border-box;
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms;
    }

        label.label-radio i.icon-form-radio:after {
            content: ' ';
            position: absolute;
            width: 10px;
            height: 10px;
            left: 50%;
            top: 50%;
            margin-left: -5px;
            margin-top: -5px;
            background-color: #2196f3;
            border-radius: 100%;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
        }

    label.label-radio input[type="checkbox"],
    label.label-radio input[type="radio"] {
        display: none;
    }

        label.label-radio input[type="checkbox"]:checked + .item-media i.icon-form-radio,
        label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,
        label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,
        label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,
        label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,
        label.label-radio input[type="radio"]:checked ~ .item-inner i.icon-form-radio {
            border-color: #2196f3;
        }

            label.label-radio input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,
            label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,
            label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,
            label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,
            label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,
            label.label-radio input[type="radio"]:checked ~ .item-inner i.icon-form-radio:after {
                background-color: #2196f3;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

label.label-checkbox,
label.label-radio {
    position: relative;
    overflow: hidden;
    z-index: 0;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

    label.label-checkbox .item-after i.icon-form-checkbox,
    label.label-radio .item-after i.icon-form-checkbox,
    label.label-checkbox .item-after i.icon-form-radio,
    label.label-radio .item-after i.icon-form-radio {
        margin-left: 8px;
        margin-right: 16px;
    }

.media-list label.label-checkbox .item-media i.icon-form-checkbox,
.media-list label.label-radio .item-media i.icon-form-checkbox,
.media-item label.label-checkbox .item-media i.icon-form-checkbox,
.media-item label.label-radio .item-media i.icon-form-checkbox,
.media-list label.label-checkbox .item-media i.icon-form-radio,
.media-list label.label-radio .item-media i.icon-form-radio,
.media-item label.label-checkbox .item-media i.icon-form-radio,
.media-item label.label-radio .item-media i.icon-form-radio {
    margin-top: 4px;
}

html:not(.watch-active-state) label.label-checkbox:active,
html:not(.watch-active-state) label.label-radio:active,
label.label-checkbox.active-state,
label.label-radio.active-state {
    background-color: rgba(0, 0, 0, 0.1);
}

.clear-both {
    font: 0px/0px sans-serif;
    clear: both;
    display: block;
}

label.label-radio {
    cursor: pointer;
}

    label.label-radio i.icon-form-radio {
        width: 20px;
        height: 20px;
        position: relative;
        border-radius: 20px;
        border: 2px solid #6d6d6d;
        box-sizing: border-box;
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms;
    }

        label.label-radio i.icon-form-radio:after {
            content: ' ';
            position: absolute;
            width: 10px;
            height: 10px;
            left: 50%;
            top: 50%;
            margin-left: -5px;
            margin-top: -5px;
            background-color: #2196f3;
            border-radius: 100%;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
        }

.infinite-scroll-preloader {
    margin-top: -20px;
    margin-bottom: 10px;
    text-align: center;
}

    .infinite-scroll-preloader .preloader {
        width: 34px;
        height: 34px;
    }

img {
    max-height: inherit;
    max-width: 98%;
}


/******界面框架****/
.index-title {
    background-color: #2f83b7;
    background: -webkit-linear-gradient(left, #194764, #2f83b7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,#194764, #2f83b7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,#194764, #2f83b7); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #194764, #2f83b7); /* 标准的语法（必须放在最后） */
    color: #fff;
}

    .index-title .button.active {
        background-color: #2f83b7;
        color: #fff;
    }

    .index-title .button {
        border: 1px solid #2f83b7;
        color: #194764;
    }


    .index-title:after {
        background-color: #2f83b7;
        background: -webkit-linear-gradient(left, #194764, #2f83b7); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right,#194764, #2f83b7); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right,#194764, #2f83b7); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #194764, #2f83b7); /* 标准的语法（必须放在最后） */
        color: #fff;
    }


.index-foot {
    background-color: #37414a;
    color: #fff;
    height: 47px;
    overflow: hidden;
}

    .index-foot a {
        color: #fff;
    }

    .index-foot:before {
        background-color: #37414a;
    }





div[class*="col-"] {
    text-align: center;
    color: #000;
    height: 100%;
    width: 25%;
}


.row a {
    color: #1f1f1f;
    font-size: 1em;
}

    .row a:hover {
        color: #f00;
    }

.row p.img {
    height: 60%;
    width: 65%;
    line-height: 60%;
    border-radius: 5px;
    margin: auto;
}

.row p.text {
    height: 35%;
    line-height: 35%;
    font-size: 1em;
}

div[class*="bg-"] {
    text-align: center;
    color: #fff;
    border: 2px solid #2f343f;
}

    div[class*="bg-"] a p.text {
        text-align: center;
        color: #fff;
        margin-top: 5px;
    }
/******幻灯片****/
.swiper-container {
    background-color: #fff;
}

@media screen and (max-width:600px) {
    .swiper-container {
        height: 180px;
       
    }
}
/*宽度小于500px时 绿色*/
@media screen and (min-width:600px) {
    .swiper-container {
        height: 280px;
      
    }
}
/*宽度大于800px时 红色*/

.swiper-slide span {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding-left: 10px;
    background: url("https://www.phonecasejp.com/weixin/images/black.png") repeat-x;
}
.swiper-slide a {
    display:block;
    height:100%;
    widows:100%;
}
.swiper-pagination {
    margin: 0;
    padding: 0;
    color: #fff;
    z-index: 999999999;
}



.xsbd {
    height: 100%;
}

    .xsbd .swiper-slide {
        background: #fff;
    }

        .xsbd .swiper-slide span {
            text-align: center;
            display: block;
            margin: 20px;
            font-size: 21px;
        }




/******首页工具栏****/

.tabbar-labels {
    color: #266a9b;
    font-size: 1em;
}

    .tabbar-labels .active .tabbar-label {
        color: #266a9b;
    }
.tabbar a.active {
    color: #266a9b;
}
i.tb-icon-1 {
    width: 30px;
    height: 30px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQxNjI2MjkzMzY0NTExRUE4MDU5Qjc1QUM4MjI5QjgxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQxNjI2Mjk0MzY0NTExRUE4MDU5Qjc1QUM4MjI5QjgxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDE2MjYyOTEzNjQ1MTFFQTgwNTlCNzVBQzgyMjlCODEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDE2MjYyOTIzNjQ1MTFFQTgwNTlCNzVBQzgyMjlCODEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7HMyvxAAADB0lEQVR42uxaTWsTURSdaHf9Be7iogr1H7jKqtCdG4ufpSqlFtoilqQfFjWiVRubUkuhLYW29hPyD9wkq27qUgTFRRaCC3+DxvPgjFxfZzIznXkzE5gLh5v38uace9/HzJuX5FqtltXJds7qcOv4BLrCElQqFbevBoF7/LwFfHBqVCwWk03AxZ4CZVEuAHngRepGwMGeaMHbpup+A68cRrEb7hrQ48L5A/iO0WqYTmAGeCnKNfrr9Oq7P8Br7bpeYM+DuwQ0TC7iKWBelNV0GSDk1JlnW72Hvazb5BRSK/GNKKtp8kyU1efznF4W26qRqHAh/4TLYSoVHLjrptfAY2BBlNX0mHNoN8cRn2F5gWuiKu5IDW1tFIw+ByDwCG5RVL0FZttcMss2ti2SI/4HGYQn4JZE1Ttg2sel02xr2xK54ksAgmNwy6KqynUQZM1URXmZnOYTgNAo3IoUBybPoD2pdcIKuaV9Ak74uelEkguyG4XACNyaFAUmQt4E3gPjovwQi3ld082jrhlqBEAyrAW/CtKwwVvkWBVVa9SSbZqhphAIH8BtSBGQjlkRGblk52xQM/waANEQ3KYkh+Bo1BsocspO2qT22RMAwSC3wv9IITRiam9PbtlZW4wheAK48A7cjiSDwLDpFxRqyE7bYSz+E8AFt+B2JQmI78f1lkUt2Xm7jMk7ATS8AbcvqvZAOGTFbNSUW+x9xuaeABqoffuhqDoA0d2k3nepfSCqDhmj6wjIXeURCG4n/dLOGI5cYjyVgL2dreHCm2k5eWAsNS1G760EhqsP7ipwDJKPAU8l/AbXTv95O20/LzTrPE1Qj/KLcfY6gq/zNKOttteTOK/5OK3gR7vLkKiXNdJ4LvQVuOSz7TfgchSiUR2rlAIEb7FtKU0j0K8dZn1xadcrDrn69Xt60lPItgGP7yP9QSL7fSBLIEsgSyBLIEsgdYat9IXIn8Qg/Qz3K+JY6y4vRPmoEtgG7BOJKwltvbfDTCF1NlNOcDaVrf/Ph05ZLvuzR5ZAOPsrwACcSOpcS5oeYgAAAABJRU5ErkJggg==");
}

.active i.tb-icon-1 {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEiklEQVRoQ+1ZS3PbVBT+jplhAwxrdmGmvuIxw64bVmHDmk07fYUmRNeJpD5CS5O+pm06fRJa+pIc+yokhb6m+QcsaFYs2MOgq8zQBcOGXwBMdTqOa0lx/JAdO1DGWlm65/F955yro3NNeMkvesnxY0CgWQaFrT5lxlhlnQiL2pPf9iPbfcmAsMpnQDS7DjDzWV0snO81iZ4TyNvqFAEXGgFl4HToyYv1ax+MzL321xtvfsLgfEOC9Mrv0TNeXZ2XK/XrPSUgLP8EiC/FTgjLa78ZO+JnTCd10bycBiLs8naAfmqVHSZMh66c6xsBwyrPMNGVBDyd1655tnIvHH8WzGdqa8R8PCgWrtbu350qvfXs79wfrcsrmtXexLm+EMhb6hgRvowBAhcDT55OOzNsdYGBU7VnzJgOi+sjum1SDdcDzOXwpPqsTwSEs3AEHF1LIs+XtVs42SiawilfAtOJRDZ3VLvj15tFvkKorwQMR00x4+tU2VzVrnm8VSkIx78C5pk4W4TPA1feaKTTVwJ5Rx0ixs2kbPirwCsca13H1VXDLs8x6Iu4nAiHQ1feqtftGwFhlw4AudupyF/Xrnk0C/iajHD8a2A+kuhEB7U3cSdtoy8EDEdZzPDi6IFvhl5hqhPwNdm8Xb5BoMOpcrIDVxZr9+/b7uv/4NUfAGxn8FjoFZbq/XTUB/K2P0Hg+STyuK1deagb8Ekm1C0wDiYBocnQM0tpm+9MFod+nbeeNvKTmYCwyxKgcgq8q115YDPgUyTugOEktrigvYLKYjsTAcNW4wz4SZQwH3rSyuIgq0zeVkUCJpOXAszAkwvt9NsSyNsLo4RoMRX5snblRDvD3awLR5XAKCSByo2F3viGuk/bbkmg8kkM4G7qbeNr15TdgMuqIxxfgdlMye9v9SnelIBhqX1M+C71hlgMXPlZViCbkTMc9U1tlqjYIcZIUJT3Mm/ivOXvIeL7qbK5q105uhlQneoKRy2BsT8uJ6a9YdF8UG9nQwbEZHkXcvQwJXhPe3KkUwC9kBe2qlTAvthWxLv1fOFR0z1gWP4OJn6cKpsHgSv39gJMtzYMR91nxp4YE9POoGhW54xKeaUNC9v/DeCh6go90q65u1vHvdQTjv8QzLteQH6qPfPtZgQWAR4FYVm7cmcvQWzWlnDU4+pkR0vaM9cOCzZkoN7JNrv0cQ74MAJ+XPUmvt8siE71hV061853mz5QKylal7ZOgXQjn7fUEyIMA619t2tkXHOuPdm2a3cDtJmOsFUm3z0l0GimbQSw0fFIvdyWExC2CioHEBmzoLUnjVayW0rAsP1pBsfHJFlIEGgm8Mz4JONfzUCy4dY6yzI4+qUhCcq9VzvkYsZKWJQf/Sf2QJpAu81eK40BgSyNLOtGGmSgwUbIGrye9IFBBgYZaPIyzlqHgxL6v5VQ/T82rZpj5rcQgJ+Z8Wez1l/9dgc66cTNbdFQPNq2sdluoKmOmB1cWQlkN7l+hKzXa0mgej4fDQO5tT/rsly9JRDNRlFupdX8sKVTVpYAdCozINBpxHot/xyICpNPdq513QAAAABJRU5ErkJggg==");
}

i.tb-icon-2 {
    width: 30px;
    height: 30px;
    background-image: url("data:image/png;base64,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");
}

.active i.tb-icon-2 {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZEQTI3MDc2MzY0NTExRUFCREFDQzdGNzY5QTNENzY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZEQTI3MDc3MzY0NTExRUFCREFDQzdGNzY5QTNENzY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkRBMjcwNzQzNjQ1MTFFQUJEQUNDN0Y3NjlBM0Q3NjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkRBMjcwNzUzNjQ1MTFFQUJEQUNDN0Y3NjlBM0Q3NjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ZTNjEAAADv0lEQVR42uxaT0gVQRjfF4IgBEFERPQIJUr7ZxFJQiUkhYkeFC9F0aEIFIIsu2rXLB8IJkEHKeggJMSrXs8O2qEsjKQQK7ISRTx0COzUyX5Dv41h2dnZmd337JUf/Jh13zfffL+d2W+++dbE0tKSU8iyyilwKXgCRVENbG277V5uAhqAHUBSgpBZCZNAGpgTP3zsOxtp/ESUdwDO70VzDDgK1Bh2HwWGgSxIvMkrATi+Dk07cBEojjiJP4EU0AMi33JOAM630vmymJfzZ5K4mTMCcP4OmlM5fi/vgsTp2AnA+bdoduUpuLwDid2xEYDzy7LbgUQi8j4A5x8vV4wPM3bgDMDANTQdhuP+YJyfAj7w3jaggvvEakN73ZiJK8YEGG36LGK7IPxa8fs+4ZDFntGmik6+BBjnxwxDZTMwxGt3c9vMv2fcTYt/NwH3DUPsAb99QvUOmMb5dsl5kVs84b0mop333LxjiJtXWCmjDf0MMD14YbDDPuXTFnIduKTRvwFcBjYAE8B6gx272pt2+M1Ag2F68JDtkRDOO9QRuguclbBSTN+0S6jO8AWbZnvCoI+rO2E4Vl0gASyfUjRVhkan2B426OPqPjMcq4o+Kmeg3mK/cSPDWoM+ru5Xi/HqgwiUWxisYPvcoI+re9BivPIgAkkLg9vZ3jPo4+oeshgvGTeBWsmpTAj9DHVLpL7LSuAk0MXrc8B4gO44dYSI/GZP3ARspZPtPLCfacUAU4gZXjfzt3k63hHHwN6qhKga7LS0JSLKVTo7JKUWXjlDwiWW48wGzcCspdF+sc3TeZ0MULf/byAwzaXRytRASAvTcLHLficmeK+FOgvs0yzt5LEQmDQ88m2RlkojMAIM0rlKYA1RyXuD1Gl0s1LaMJHJIAJpA0PV0rWIQg9CHlRqqNulsKWTtJIAnsYcT1Xa/B+6Y5JDnZaRq4bjjqnyfe+Jjz4GhtFhjRFRCkwx+dvIJWErI7Th0GZWoz8cJp3O8vCgkpfSdW8MobxXYdvvQJPVEuCJJ6U5uIunn5RexijSSFuOZvmm/IrAqp24hwdpryzCyKiUAxXFQKDIzYloe1FxqO8JXdji6d+vwyefJC4OqVWM8eeBqirXusKWXzH3PM+nvU68coHr/JbnfmCxV1sbzXNR1yvaIu+/X9yVDGXy6HsmjPNG5wEYPO78rmvmWro5Vij5vz4xSSQK9yOfh4ioozawYmZaEHvF9yqd98+sHhLuZSmLTuVO8Ifu98Aj4AvfrUjjJ1b+2WOFQDT5JcAAXVRV5662XA0AAAAASUVORK5CYII=");
}

i.tb-icon-3 {
    width: 30px;
    height: 30px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADvElEQVRoQ+2ZTYgcRRTH/6+624ZBR9SbIUFQLy7mkhiMeDCggRwSP5BcVNCbEhhwdqbaOaU9jV0zO4cBP27mkFxC8PMgqGAOwUjWXFbXHFZBCHpTQcJA73T3k7fpCcM4m+5OZ7MsdEHDMPWq6v3e17yuIezwQTtcf1QA2+3BygM71gPD4bA+Go0OEpE8q7Ztf99sNv/IAzQYDHZFUfQUMy8w88VarXax0Wj8m2ftrMwthVC/338sSZKzABamNySiTyzLamwGIorHcTxk5pdmFFlVSh1vtVq/FIUoDGCMeRjAr3IQM78rFrRt+2ocx8eJ6CSAb7TWh+cpYoz5GsBzss6yrLNRFO1OPSjrZDyitf6tCERhgF6v9wUzH1VKLcxaLAgCXyCY+S3P8z6aViQIgjeJ6ENR3vM8f3ou9egqEX3ZbrePbSmAMUbi/EGt9f/gh8OhG4bhCjOPR6PRk77vXxNlfN+/u1ar/UBEjuu6exuNRjirpDGGAfyptd611QA/AtinlNrfarUuzx428QKAjtb6PZk3xrwDoDvP+jLf7/f3JUki+17WWu/fUoApBVfiOH6+0+n8Pn2gMeZRACsA/nIc5wmZG4/HywAeALBXa702Ld/tdh+yLOtzmdsM8GZAhXMgteinAF6Qz0R0DsClKIqWwzC85Pv+yBgzAPA2EfXSZG8T0QftdvuE7/s113UP2LYtcAeY+eVUwc+01i8Wsf7G+UUXTOTFE0qpx5lZXL4n/f4fAN8y8wUieg3AzwDukupCRGeY+WkAzwK4L5W/QkRXkiT5aTax8+qVC0DcDECeTYfjOPLbIMrJc48IThI9TdCNtXEcH7Jte3l9fb1u23bdsqx6HMd1pVSdme9l5joRyXcXOp3O+SyQTIAgCF4hotNZG82bnwdQZB9mftXzvDOlcsAY8x2AZ4ocPJEtCwDgvNb6UAWw0z1wo2QWDaPbEEKZpTUziZeWlnYnSfK+9D93EkD6IqXUicXFxaulcqCo0ndaPtMDE4Wklw/DUNqE3GNSx7vdbqEq5rruWt6Xo1wAxpiPAbyeW/NUsGQOnNJav5F1Zl4AaXULj5IAN37JS+fAdCtQhKICmPPSNGvAKoRuFlJVCFUhlMZHVYWuX5kUHvOubqoqVMSMVRWqqlBVha5fAJctw7ejG72lq5WSSZx5pSJguZq5wWBw/3g8PgKg0BvZ5Lqw1+tt/IGRJMnGeUopnnzexLprjuN81Ww2/86qerkAsjbZzvkKYDutnzsHtlvJ0lWoAthCC/wH51z+QL1P0IsAAAAASUVORK5CYII=");
}

.active i.tb-icon-3 {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJENzIzQURDMzY1NTExRUE4MDc2Qjg3ODY3MkM4QTk3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJENzIzQUREMzY1NTExRUE4MDc2Qjg3ODY3MkM4QTk3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkQ3MjNBREEzNjU1MTFFQTgwNzZCODc4NjcyQzhBOTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkQ3MjNBREIzNjU1MTFFQTgwNzZCODc4NjcyQzhBOTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7E8pYVAAACTUlEQVR42uyZQUgUURzGdyM8xLriUcIQNAIXT5tB0iEhhW6V0SUDgz0s7BJ06Ox08iAkBHWKzYPLgkgJG8Sqhz0sBXrUitY6yeIx8RB52r4H38JrGG12Zt6Mi/8HP//u2/d/7/vezHtvho03m81YJ5dzsQ4vYkAMnHUD570mXsm9SSJcJ1/AJ9BwmX4RjIEU+Kz4/ipz6EVH3Ms2CvHDCMsUoJd34MkJRpTwl+CerV5NwAOY+GrcAMQPIvzgx+ecwT0lAMyCdTB5TPoamGCemoB+XsFZfj8EEz9Nr4EFxhQGsxArQM2cRWFKYNYhL6uJt5hTYR8pW99GDaTVn2Mu9xyogzxIaPUJ1tXZ5p+i9ZUOw8A+byWnwY5AiTOa1+rzrCuxjf22TOt9mzbwgbGAgQccvi+CPxTdR/KsKzqIV30UbH0b34XeI9zhxxWwCbYYf4MX4CmYZ5tn4DXIgQvgGhhlvM82q7iV7oZigCbU4hsBV8ElVv8CG6AGHoEd0KV2F87+DXAL9LL9N7LNxWzmHOBlHvhPs2GKU3S3+mfUBxnn1Uo60KP9X4Opqm8DEP8QYcnjge1koJ0yDRNFv4s4E+GjTsbELiRPo2EbOIhQ30EQBtTTZTkC8WWObeYc0HYpX/nYZXzluzYAoepZ/nKb/bf28Ztt5u3CWCMwAxD/FmEm5HNgESYeB7ULzUSwBlyNKeeAGBADYkAMiAExIAbEgBg4/QaqEWhzNabbn5imwG0Pb2StYjm84MRPeiMDHwN9pZQ1IAbEgBgwUv4KMADLwaizk+CTqgAAAABJRU5ErkJggg==");
}


i.tb-icon-4 {
    width: 28px;
    height: 28px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFCElEQVRoQ+2Ya2hcRRTHz7m7hhhEsaJRfFChhaJF/CIYasFqEWNUpOCjoqjgoy0YzWbn3F37wS3oZu+ZZBsLPiqIimCL4gOMxiJiaa1Uv1kfRQyIqJB8sPioFNLde2TC3XVcsrtzr7uWQO63bOb/P+c3Z+bMnYuwxB9c4vnDMsCprmDXKxAEwbaenp7XR0ZGfusGbFcBgiAYRcRxkzgRdSVWV0xrM83MnwDAtebvarW6IZ/P7+90FZYBWs3ocgUc1lviJRQEQSGVSh3JZrNvN4vjUoFyuXxhpVIZBYCVYRg+kMvlfnfIuz4kEYDWeqeIPB65MBH5iwV1AdBavyUimyL9d9Vq9eZ8Pj/jChEbgJlfBoD7rQA/E9HFSQGY2cz4mbZeRAZ83z/sAhELQGv9iojc12D8DRGtTQoQBMGziLitUd/b23vW8PDwH+0gnAGY+WEA2N1gaGbvHiKaSgpgdMxsfI3/P2sbcVopdVNHALTWa0XkYwA4r2aIiDNhGN7bqtQue8A69J4GgCcaEs4Q0c5WEE4VYOZ3AOA2y+gkAFxPRAc7eQ5oradEZMj29Dzv8mw2+22zOG0BxsbGVqVSqe8bDHwi4nbljVMB46W1HhCRAwCQtipdUErtSAzAzFnjbRl8SESD7ZKPEqq3W9eXOXO+IOKTln/TJmHGtK2A1vqgiFxTMxSRrO/7Ey4A0QbdLCJTvu//6aIpFotr0un0V3YVwjBcn8vlPl1M3xKgUCj09vX1nbCFqVTqktHR0Z9ckkk6hplfM93N0peIKB8bYHx8fE0Yhkct4X4i2pA0MVddqVQa8jyv3poRca9SanNsAGa+EQCmLeFuItrimkjScWNjYytTqdQPlv4wEQ3EBgiCYAsiPm8J2/blpEk36pj5GACcHf0+S0QXxAbQWm8Xkacs4RARfdCpJFv5MPMXAHDVQqdBPKmU6okNwMxbAeC5mhARNymlzKHW9YeZvwSAK6JAc0R0fhKAOwFgb00oIlt933+h69kDQBAEs4jYH8U6SkSXxQbQWm8UkY8sgB2+7xf+DwBmFivOISKqn0V2/FjnACJ+ppRa122AUqk06Hlefa+JyIjv+5OxK2AEzPwGANxeE6fT6dWZTMb5xpQElpl3AcCjVsyLMpnML4kAFmmlRSLaniQxF43W+lIRMbex2qv7HiK6u5m27btQsVg8N51OHwKA1ZHJX4h4tVLqa5eE4o5hZrNUHrN0tzS7MC20WJcAWutHRMTuPm8S0R0u2jhjmNksVbNkFx5EfE8pdWsrDyeAaC/sA4AbLLOOQpTL5VWVSqXx3tFy9p0rEAGsBwBzrTyt0211cnKyf35+ftaeaRF5yff9B9tV0LkCxqhUKj3ked6LDabjRKTaBWr2f2Y2VTXVtZ+Wlxh7YCwAI1zkxmR+/hwAniGiPa4gUbcxm9XesEbe9LVhMe/YAMZEa32diLwPAL0NZd+HiAc8z3u32UU82qgbo48E9a8c0abdpZRqBGo5J4kAoj1xpSlIw8auB0PE4yIyh4hzInKGiPRb7zb/SkpEjgPARJLXlMQAtQyiFms+ztbOCddVtDAOEV+tVqsTuVzO3INjP/8ZwESMDru7EHFQRNp+sRCRGUScDsNwOpfL2Te+UwNgRy2Xy6dXq9V1InIOAKxAxBUAcEJEjiHirwDwo1LqSOxMmwg6UoFOJZPEZxkgyax1UrNcgU7OZhKvJV+BvwF27jFPxaqD5gAAAABJRU5ErkJggg==");
}

/*******首页按钮*********/

.index-buttons {
    padding-top: 12px;
    background-color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e7;
    border-top: 1px solid #e4e4e7;
    text-align: center;
    margin-top: 15px;
}

    .index-buttons .row:nth-child(1) .col-25:nth-child(1) p.img {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        background: #f64460 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADiElEQVR4Xu1bTYhOURh+npWVjcmGlGJlygIl2bCSko2fUhZkUKyQBSkzG7HATtEoC1JGlI1mZZQZFhRqWAylZDYyG/avXnO/6dzr3nO75zv377vnbL6+zjnvPec573nO+3MOAUBEjgE4CmC7/m9QmQfwHsB5kp/KGBdFZAeAF2UI9yxziOSCZ5lQAGYAbPMtuAR5N0me9S1XARBD6FiBD2g/Gu2T/wuIymx62aiZIrnTh1BTxn8AkBz1/RFXeYnFCQAEDQhbIHBAvSQoIjcAnEmQ2gSApyQfZpGdiCix7gcwbLSZBfDYRrqNIkER2QjgQ8Ykn5DcZwHgB4BVKfXzJFdb+plHdL2ngIgsA6BG06aUAZ8mecsykXEAam4ny12SI60AQAcpIlsB7E4MeA7Ac5uZKiLro35DRt9fUb8vrQHA1aBx7dcoDnCdRD/9AgBxP6VeEuxnJV37Bg0IGhBz1cMWCN5g3d6giBxOsegmAbwhOWUxaPYC2AVgg9FGg5yTJJ+1whASEbXZPwNYnjLgcZLHLRN5C2BzSv07klvaAsAKAGq+ppWxHK9Oo84afU4WK7EljkHX0zSt3zSAS6q1hWKCInIEgAYq1xpS7wFQAL5ZVlInr/1MEHTLaD/b1jG9QZ8A9GQNFwKgjBHYZJaoAb3PzrQJgExNcViYnib+aRUAPuyAKDq1lG8IACQzQ4OeGAkasBigDVugR5yBA4pyQHSfwDx5Zkn+zDuKRGQdgDVGu+8kvxawA7y4w3kcMEoyM0UuImkmrU7+GsnrFkvwNoATKfV3SJ6s0hdwBiDnJomzTU/SvGMQw6KMkJgzADqyDA34DeAUyfuWlUxLqWlz662PxgEQgZD06uZIaurLWqLUmnqUvbJA8mOrOCBvkr7rG6kBvifZNA2wBjaqnHy03bxnh/siwQBAxQjUwQFhC9gswYoVQO2OMjhAPcGlu5BJZ8hqCg8IAO7u8CAkRpxPgUFJjIiI2xYQkZUA9Gqb/ibLBZJXLb7AIwAHUuonSB6s2Bu0ApCX4TkHYE9iwHrJ6UFOguNQdE8w5gtE9wRt9wvLIEErB3SeBDsPQDCEOmAIdZ4D3E+BAbEE3eyAqicf4gGLQdhgBxia5ysx0vktYCfBOva65Zuxh5MAXnoaXyw7/KqBj6Y9zTNXzLQGRPQpiz5p6WIZ+ZeXi/J+V1ryiNrHQr0GcFE92L+ggJrgtLegJwAAAABJRU5ErkJggg==) center center no-repeat;
        background-size: 16px;
    }

    .index-buttons .row:nth-child(1) .col-25:nth-child(2) p.img {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        background: #c280ff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFhklEQVR4Xu2bS6xeUxTHf/8JEo+B9ytCvFWUtEUQIUUIZeAVUaIJghQR6aA60A6URCWlDBriVaVeE4+WIoSUoPGoVzwGkiYVknqkTDr5y2rOd3333vOds893z/6u296VnNHZe621f2evffZZex2xg4t28PEzCWByBvRBwPYRwHnAscABwO7AJuAXYI2kD/pQW9nF9sHARcCULpu/AnGtA96S9E9Tu41CwPa1wM3AqTWGvgeeBh7sx6lu3bZnArcBF9fY/BN4rrAZ9pMkCYDtM4AFwPlJWv9r9DVwv6SA0VhsPwpc37DjH8BDkham9KsFYPss4A1g5xSFPdoslLSoSX/b3wHHNOkzou1qSRfW9a8EUMTdxjolifdnS1qZ0tb2ZmDPlLY1bVZKml3VpicA2zsBrwHntuBIR8UVkl6s0mf7BeDyFm0uqgqHKgBLgDtbdCRUxZtiuqR4W4wS2xG3d7dsM9TNkhQPc5SUAihW3rczOBIqS5+I7XidrgcOzGD3VUmlb5FeAJ4Brs7gSKj8SdKRI3XbvjVW70w2Q+0MSQF4mPQC0NYi1Gs8p0v6sPum7dXABRkBLJC0uBZA8dp7N6MjpWFg25ltvifp7BQAVwHPZnZmWEwW8R8LZE75QdLRKQBi5Y83QE7ZJOmgjgHb04oFMKfNLZL2+L8AQNLQ+jOgsEsGMIgQGA8AySEQe//ci+B4AEhbBCNGbP8G7JMzIMchBOZKeqR2DSgAPA7M2c4ATJW0IRVAJCFybYW3+TDgGdBsK1zMghwfQ0MPYMAAmn0MFQB2Kd7NkYNrXQYIoDInUJcQOQ74pvXRDy4Efpe0V5X/KSmxgPAJsGubIAYwA1ZJij1NpdQCKMIhIDzQR1K0p/GMANpNinaPoEiL3wKcUke27n4GAFuAyGNEKr7dtPjIwdiOA5HIFUZiIzI5lXFWBqP707T4FmiaCttaHIrEwchnkb+UFBAaSVIINNI4wRpPAphgD6x1d/ueAUXc7gfE1fgQoztXX+hqOrihNUDS3007d9o3AmD7+OKs7hLg0H6NRr+W3wJfAHHgsrYs8zumjVCns+17gNvb2hC1DKB7jM8DKyS9nvKAkmaA7Y+Bk1MUprbJCKDjwnJJN9X5UwsgV7p6AABi7K9IinDtvSOtuml7aTHt60A2vj8gAOHXDZIe6+Vg1eFo1qOqAQKIsZdmg7YtxmVkihqgqPPZv/GjTewwYABLJM0rc60XgDikjBmQTQYMIL4XpkiKM89h0gvAj0BUgmWTAQOIccyR9GQtANsnAF9mG3mheBwAvCzpshQAlwIvbYcAvpIUD7c6BGzPBZZthwA2S9o7BcB8YFQhQctAtkoaKruzfVpR7dmymWHqhtns3Bm1CNq+DngipyfAz5IO69iwfXiUzmS2uVHSISkzIGqA38zszEeS4qlvE9u7AY3TWQ19XC9pRgqAqA/8C4iDkVwyX9J93cptfw6cmMsgsFTSHbUAiifyFBCF0blkmqRIZA6J7buA+OTOJedIeicVQBRFr8nkSen72PZ04NNMNjdImlqmu+pjKNcsOLPX/wS2VwFXZoAwT1Jp3VMVgJOA94FYoNqSZZKi9r9UbEd1d2lJ6xgciLPNmZLie2CU1B2O3ggsH4Px7q6lFaIjdduOQukomG5DYvBRoP1tL2UpGaE4ChtVWtLQu3WS4qeLJGkJQu3gw5laANGocOhhYN+kEQxvtFhS/G3SSMYIIWnwyQAKCLFzi6xwXCkSCZV7JfX9Nim+TK8B4orzhzqJGqAVRVa4NOZHKkiaAd2dim1rHIzGjjFyBlHe3v3XWOcPrrV13qbetx2Hr7OKv8aO6rLZ+Wss9hRRB9R4AW0MINXpidJuEsBEeVK5/JycAbnIThS9/wIEwRRfYlpsiQAAAABJRU5ErkJggg==) center center no-repeat;
        background-size: 18px;
    }

    .index-buttons .row:nth-child(1) .col-25:nth-child(3) p.img {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        background: #b2e61b url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFYklEQVR4Xu2baaxdUxTHf//4IBJEQmP+QFpaksbUoqkoookYoyhSpPWBRFFNY4gamkoTEfqBljRSFVQIQUNMjZmaqjXGVEQECWJMDCF/WXLuy3nnnfvOufed986pd1fyvtyzzj5r/ffaa//X2vuJUS4a5f7TA6AXAaMcgd4SKBsAtq8FzgV2K/tOTXpfAaslXVbm+6UiwPYa4PgyAzZIZ5GkmLRBpRAA27sDXxYN1MDnGyXtX2RXGQCmAc+mBlpUNGjNz69pfV9SoX+FCrazABwh6bmancz9fNbWHgC9COgtgcIlXqjQywElk6Dtm4DCbafC5LlB0vz0eLUlQdt7Ax9W6FzZocZL+qilXCcAWwKvAAeUtbwCvbeAKZL+rB2AMMD2wcAxFThWdojHJb3WiCVQ1uLh1qttCQy3Y2XH7wGQ2bF6VHhzoMK2o8GyvIt+wwpJ5232SdD2qcD9Zdd5Rm+spE2N2Aa7dCC2z0MTDtHpEM3iAZ1anwnd4A/BIzqRHg/IotW4bdD2GGBP4GfgC0l/dDLFneo2AgDb04GrgbHAjhknPgM2AnMlfdOpg0X6tQNg+wpgCfA78ADwLvA+sD0wHtgHOAn4JeoGSVFAVSa1AmDbiSfvABe3a5zavgSI3kHIRZJurgqB2gCw/SBwMjDgMML2REkBSp/Y3hn4OvlhnKRPqwChFgBsnwncA6yUFEdn/cT2YklX5fy+H7ABeEbSUZszAC8CWwNxXvBTjqPRsZkj6eWcZ/OApRE9kh4aKgh1RUCE8pOSZuc4GDO7FhjA20PX9gTgg7yl0w0YIw6A7R2A74ArJS2xvQWwDOhXpGSceQKY1+rl2Q6O8JKkY7txOpNb+p1iDXs5bHsyEG2p4yQ91jLG9kJgcY5DtyU7xF8p3TeASITb5URQONSp9J1jjgQA44CPY8YlrcjMxunAvanfco+rbcfJ82+SgiOkd4rILVM79T6tPxIARDc46O0tki7MOHAXMCshQvtGpEg6JKPT2g5XZXOI7SBL2zQagCSRfQJ8LikocHoGgxg9HPkBiNA/DNhVUmv/jyR4AvAIMF9S7Abp9/8GIqd0K3dImlP08pCPxmyHkyfG9RlJKxNQzgAmAgsl/ZP8FkskTnNubRll+z0gomO6pKczAERkRYSFDHrbw/Y6IB1d0SQ5UlLhxY4qANgrKXC2AsZI+t72OZLuzKJve4akYI0x+7cnd46WS7ogR/fXhF8MCkByJBf0Oi2zJAU5K5QhA5Ca8dXJ12ZLWtXuy7a3jUtMQGx7myRF1ThAbP8ItHaGdgn0NOC+zMu5nKOdPZUAkIBwNtCa9buBYHYvREQkzw9M8sClQCS/dZKmDAJU8IvgGbkRkNQTbwK7pMaI88mpkn4onPpEoTIAEiej/r8BOCtlQPD9uGjVciYeLZB042BG2o5+wU6DABDl9ozMGDMlddRgrRSAljG2TwEOAiYlf98mhU80MiMRPlU0Qwk/COAGRIDtBQnQ6WGWSZpbNG72+bAA0KkRbXJAdI/2yAJgO06g12feiXJ7cvqkuKwNTQYgGGYwzX4RYPv1JKrSPvaj4mWdD70mAxBVYlSLfQDYDrIUJXRalmZvivxfAHg7IVP/AQBE0fRoxrn1kiLXdC1NjoBY560bJwHA+Tld5mmSnu/a+4YvgSizo9wOCbIzM+PodXmttk7BaHIERAutHVF6VVKcKQ5ZugFgpC5LRzPk8DYeTpIULHDIUgaAuq7AtXPucknXD9nzZIBCAELPdtDLOMevW9ZKOrpKI0oBkIAQHD/aXHX+y8wESZVeyCwNQJWoN2msHgBNmo06bOlFQB2oN+mboz4C/gWwIBduNe3ODgAAAABJRU5ErkJggg==) center center no-repeat;
        background-size: 18px;
    }

    .index-buttons .row:nth-child(1) .col-25:nth-child(4) p.img {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        background: #fae52e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFU0lEQVR4Xu2ad6gcVRSHvx+IDaxYIIIa8R8NUaNBiQZRDPaK2BWMIlFRUREFCxasEQyYGCEqBFSwoMbYSBQN2EvEEruBCBas2Dv85OAdmWz2vbmzO2/dvLcHhnlv99x7z/nmlnPOrBjjojHuPwMAgxkwxgkMlsAYnwCDTXCwBAZLoEcEbE8FfgR+Ki5Jf/Ro+CGHGdElYPsA4FDgZGDtNlbMAeZI+uD/AjEiAGyfAFwBbJvh2A/AbEmXZeg2rtI4ANtnAHOTpV8D96drhaQVtncB4toXOLLk0XxJ0xv3sKLDRgHYvhC4IY35DnC0pHeHssH2ZGA+MCHpzJJ0fi8hNAbA9inAHcn4JZL2znXE9nPAHkn/SkmxfHoiTQJ4Ggin34i7pO9zPbC9PrAc2ASIpTI+t223eo0AsD0FeCEZc5Kku+oa1rJ3zJA0r24fneg3BeB24FRgsaT9OjHE9gbAW8CWwFJJsT+MuDQFwMnS6yRd3KnVth8Ejkjt15H0e6d95bZrCkCs93iCsfaX5A7eqmf7ZuDs9Pk4SV902lduu6YAfJKm7nRJcax1JLZj9788NZ4w3BHa0QBtGjUFINbuRKCrI8z2bOCsZOdUSc835ehQ/TQFoDjHF0nav1OjbX8GjEvtFwIPAI9L+qbTPqvaNQUg4virUrYXU/fTqoHbrP/Y/WMptZPFwEPAU5I+rtv3cPpNAdgYeDklPx2Fs7bvA45Kxi5NS2rNNsbHbHsswXitWxiNAAgjbJ8H3JQMihwgkqAsadn83gd2T+nzQSlpisQpTplWeT1AAE9KinttaRJAPK1XgB3rQLB9LjArtfkKOEzSS2VPbK8VnwMHJyCbt/E0lsY5kp6oQ6ExAGkWHALcBhQGRkg8V9KLLQ5tkRw5HpiWvvs7HJS0qMoB2/skIFFs2aqkX/sUahRAghBFkFuSg4Vt3wJvp39iv9ihxcl44tdLerjK+dbvbU9KMJZLurNu+8YBFAa0RHVD2fVLOJ6cjxnQc+kYgO1t0k4dAVBcm7Wxfl0gUt310hV//5yKonGPcljcm5QNga2BCM9XtHQcS2SlUL02ANuRs18LnNak1T3qa5VCTS0Atg9MZ3DZ3r+A2IG/7JETww0Tm+92SeFz4MOS8m+Swv6VJBuA7TheymHuTOBeYJmkP/vA+YhFiqpUmDNZUgRUw0oWANsXADeWeupJolJlfPl721FHiHpCyDxJM3LaVwKwvXMKc9dIHY6P8nZO573Usf1ICpSyn34o5gBYkM7Z0J8p6aJeOpY7lu14KBEULZQUUWOW5AAoUtSuUt0sazpUsh3BVQRbtR/SsADSWR/l6pBLJMXx13diezegyB9qVaWqAETyEWsrZE9Jz/ad9/9movEusijFT5IU7yaypArAfzU6SZXLJWvEEVAqp9N17awCsLrMgGOAexLbiZKW5XKuAhDx/uqwB8Tb5qI6dKykCNCypHJalwqV/XwKbAR8lzy+us5vDXIARI4ehYeQSyVdk4W2x0q2Y6bGjF0gqXi7VGlFDoC9gGeKnupuMpUWNKRg+1EgaoghU1rLakMNUwkgGtqOCs+ZqZMob02T9GtDtjfSje3yRni3pBNzOs4CkCBEwXLTUqfHSSp23pyxRlzH9quRBaaBtpf0XtWg2QAShFuB00udRpj8ERCl7H6oB+xUylvejP2gBUD8DmmlRK4WgAQhKrIREu9aRbcPv1/lh1i1ASQIUeM7PFV3o8Ib7wLa1er7jcEqeUJHAPrNq27sGQDoht5oaDuYAaPhKXbjw2AGdENvNLQdzIDR8BS78WEwA7qhNxrajvkZ8A9frK1QD64qaQAAAABJRU5ErkJggg==) center center no-repeat;
        background-size: 20px;
    }

    .index-buttons .row:nth-child(2) .col-25:nth-child(1) p.img {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        background: #73a457 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEHElEQVR4Xu2ZW8ilYxTHf/8L5MIFRY5liCSGmCKjiRRRTsVkxCQmzFwhExcjXAwXyKHUjEMOU8iEyY3TBXKYqE9SoxjFBRdETXHDzV9r9+yvr2l/7/O833739+539rsu97ue9az1f9Z5ixknzbj99AD0HjDjCPQhMOMO0CfBPgT6EJhxBPoQmHEH6KtAHwJ1QsD2SuAs4OQ655aBdw+wR9L3de8q8gDbRwHPA1fVvWCZ+b8C7pf0Sem9WQBsrwY+LxU4JXwPS3qoRJdKAGwfA/wCHFwibMp41kj6LKdTDoBdwNU5ITW/zwFfAt8BPwEnACcBNwKn1pRVxf4DsErSP1VMOQD+AI5sSKmIy3DNkfFp+xDgHuCRhu4LMaslBdiL0qIA2D4F+LEhZXZKWjuUZTuqSFSU48MbJIVXDMj2DcDrDd27UdK2pQJwEfBxA4rslnRBMu4I4GXgyv3kBgAPSHov8T0J3NXA3dlkWOUBTQGwVtJO2ycCP2eMWi9ph+0Iu90N9ButA/C+pMttRxUJbxp4QoYicc3Z3gQ8m2POfG8dgHWS3rB9G/BCoTEvStpg+/To7grPLMbWOgAXR9a3vR24vdCYaGnPSLnAhWemHoB3gGsKjdkn6fADBYBhUrsXeKwQgF2SrrUdFeOvwjNT6wGDGLR9KfBBoTHDM+uA1wrPTC0A0UitlPSv7R3ATRmDFsb/S8AtXQcg9L9b0lMppmNCe3ARo+a7RdtheAAwLrVeBcKAfUBUg28TCNEL3AqcDxwHxGzwdjRA6ft5wEfAYeNan2aPyrF4OTrBsOPPcH9JlXnAdlSKR4HTGjA+REyFB4Qi0etHRRi5srJ9SRqHwzOapKkA4A5JzyX3PhM4O/X4K9IeIHYBxzZp9QJZrQMwP47ajn1itMO5/cJgbwBE9zjugqRVALZI2ppePoaaGG5KaNg+V1WMEjmt5oA5SauS8U+kTU+p0gcEAIO4t30hkF1MAr8BexNCg7WZ7egXYicRdO4Sy2IrIbDw9d8dsf0Z5QkrJMX2eSTZXmpX2AoAb0m6zvahwK9ADDU5ug/4esiUPGD4+vHzZuCKnJAR38cC4JxUv+veu13SnbbXAJ/WPZy6xgiBJpLgZkmPV+lQ1QkeBPwNxLq6Dm2VtMV2rLgjAdalJpPgZZI+XBIAKYN/UbjHW3hHrLSj8QkA9t/+loCxTdJG228C15ccqOA5WtLv4wCwHnhlTCXaOj7fhywZgOQF8aLxZ0WXaP6/iJzS2X+HEwg3A6/mhE3B9/+AZ4CnJUUFylIRAAmE+CsrMvtwmMkKX0aGmDJj3xA9yDd17i0GoI7QLvH2AHTptSaha+8Bk0C1SzJ7D+jSa01C194DJoFql2T2HtCl15qErr0HTALVLsnsPaBLrzUJXf8Ha9afUCDLFk8AAAAASUVORK5CYII=) center center no-repeat;
        background-size: 18px;
    }

    .index-buttons .row:nth-child(2) .col-25:nth-child(2) p.img {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        background: #f0921d url(data:image/png;base64,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) center center no-repeat;
        background-size: 18px;
    }

    .index-buttons .row:nth-child(2) .col-25:nth-child(3) p.img {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        background: #317efc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAADEUlEQVRYR8WYW4hNYRTHf/+S8iqXhidPPCmZcitMIjUouY5EedBkmPAgSuHJeCEzY2qmSMTIJZT7g8aLTBlNcnsRT65Rkgelltax97TPtvc5++w5Z2bVbtf3rctvX7611veJnGJmi4Hxkcs9fQ8vSX15XKsSIzPbCCwC1gATy9h+Ba4BjyRdyhonE5CZbQf8mp3VcUxvAOiR1FPOviSQma0ADg8DJB7fwdokXU0DSwUysxags9wT5ZzvlLQryTYRyMz2AMdzBstqdluSf4Ei+Q/IzNYBl7N6HaZei6SuqI8ioBGGCTmaoqtwCMjMxgFPgJnDfOpKzd8CCyV9cMMo0D7gWKXeqqTfJckX0T8gM5sADAJTqxQgj5tGSXdCoG3A6TxeqmjTLak5BLoJrKqi8zyuPkqaEgJZHg81sGmQmU0H3pRwfgU4B0wDtiaUkZfA0cB+A7Ay5ut9kGTfBXNeE9NkrQP5p/JPliQdklqjE2b2NALVL2lubL47KMQ+7LDrJb0KdYJC7TpJ0uxApZa7O/M3NCRmdgrYEQwMLddIwGim75PUELP3tuVLCtBBB9oNnEhRaJXUEXN4EWgKxnolbYrNe9FsD8aSgOYECTgp5F4HcocXUoAGJNXHAsYXQL0kbysKYmafgMkRm6K3bGb3gWUp8bY40FLgQYqCD3uwfqAOWJ2g9xO4EYw3Bi1tXO068BGYBcwrEavRgcYAv4CxJRRHaqouzEOepT1bj6YU/rcQyH9S/1lHUw5IaotW+2h+GWkw/w+9BRmMAnkGTUtYtQbcL6nQ+sQ7xtEosg8lLQmfOA7kfZEv4QW1fiWB/x/AckneqRYkqcn3YvsC8HRQa2mIb7nTtkGfgUk1pPkNzJf0LB4jDeg1MKNGQL5wdkr6k+Q/DehxmRSfhzXT/j4N6Bbgdaka4nXwTJaDhsSf2gfN7DywOYXGO8DeYIfiu5Tw8kXg50Pfgvtd4J6k55U8VdobOgkUdYqAgxyRdLaSAJXqpgH5EcyhwFmhJ443apUGyqpf6jjGDxy8F26X5J9iROQvSzYOwVPDApsAAAAASUVORK5CYII=) center center no-repeat;
        background-size: 18px;
    }

    .index-buttons .row:nth-child(2) .col-25:nth-child(4) p.img {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        background: #22f2b0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACTUlEQVR4Xu2bPWsVQRSGn7eVBASNjSJIQloFPyrtFRu7oMRUaSQIgfwAP2pBUAsLGwvBSrukVFIaURA0YECwSpFAypQnDIxwszHJ3b2Te3PunoELt9jdOe+zc868szsrWt7Ucv0EgBgBNQiY2W3gPjAJnAZOASdqXOLID5VUa1R3dbCZzQAPgStHrqDHDooCMLNx4BVws8e4+nZ6MQBmNgIsAdf7Fn2BjkoCeAukoe+qFQFgZnN56LsSn4ItBWANmHCnvgQAM7sFLHoUX2QEmNlzYH5YAJiZdWqppsgeH2BmH4E7bQbwHbjUZgBbwMk2A9iVM95AVHO8SQ0IAN7u+kFVPkZAg2kwUiBSwDGBmAUqj8SiCEYRrL8YilnAcQ3c80QoakDUgKgBtZ8IRRGMIuiYQFjhsMK7X4+HDwgfED4gfEDdV2NhhBzbgFgNhhHqgxF6A6wAv4GfkjaOc8qUNEIfgJeSPh9nwdXYSgF4IOm1J+H/Yi0B4Imkxx7Fp5ibAPgLnM+Ct4FxSev7Aah2MGhQJWaBd8C9LOSHpIsHiRpGAGlT9Iss+puky20DcANYzqI3JJ1pG4C0SXoVOJeF35X0ftC53bT/2kUwV84F4FnuNMGYkfS1aRCDPK8RgAzhC3A1B5+2zs1KSmbIVesFwAXgT0XtJvAJSG7w11Ba4U7BZpYM0CNXt/yQYA/dK/wfLz2W1gDA1DCAqA2gw1NPA0+BlBpuW2MAuTCOAtfyLxXI9P+sJxo9AfAktNtYu/pusNuLeTwuAHi8ayVj3gHwbLdQqr6ryAAAAABJRU5ErkJggg==) center center no-repeat;
        background-size: 18px;
    }

.xcgg {
    margin-top: 15px;
    background-color: #fff;
    font-size: 1.0em;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #D7D7D7;
    padding-top: 10px;
    padding-bottom: -1px
}

    .xcgg a {
        color: #333;
        margin-left: 15px;
        padding: 5px 10px 0px 10px;
        height: 26px;
    }

        .xcgg a.active {
            font-weight: bold;
            margin-bottom: -1px;
            border-left: 1px solid #D7D7D7;
            border-right: 1px solid #D7D7D7;
            border-top: 2px solid #3d7bf9;
            border-bottom: 1px solid #FFFFFF;
        }



.xxgglist .list-block {
    padding-top: 0px;
    margin-top: 0px;
}

.xsbd .swiper-slide, .xsbd .swiper-slide a {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    text-align: center;
}

    .xsbd .swiper-slide div {
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
    }






.article {
    line-height: 1.5em;
    text-align: justify;
    text-justify: inter-ideograph;
}

.articletitle {
    font-weight: bold;
    line-height: 40px;
    padding-left: 15px;
    font-size: 2em;
    padding-top: 15px;
}

.articlecdt {
    padding-left: 15px;
    color: #999;
}

.article table {
    border-collapse: collapse;
    border-spacing: 0px;
}

.article td {
    text-align: center;
    border: 1px solid #000;
}

@media screen and (max-width:600px) {
    .card-header {
        height: 200px;
    }
}
/*宽度小于500px时 绿色*/
@media screen and (min-width:600px) {
    .card-header {
        height: 300px;
    }
}


/*个人中心*/
.my-head {
    background-color: #ab701b;
    background: -webkit-linear-gradient(left, #194764, #2f83b7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,#194764, #2f83b7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,#194764, #2f83b7); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #194764, #2f83b7); /* 标准的语法（必须放在最后） */
    color: #fff;
    height: 160px;
    text-align: center;
    width: 100%;
}

    .my-head .my-pic img {
        height: 60px;
        width: 60px;
        margin: auto;
        border-radius: 50%;
        margin-top: 25px;
    }

.navbar:after {
    background-color: rgba(196, 196, 196, 0.5);
}

.tip {
    background-color: #f2dede;
    color: #843534;
    padding: 5px 20px;
    border-top: 1px solid #e7d1d1;
    border-bottom: 1px solid #e7d1d1;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
}
    .tip .left {
        float:left;
    }
    .tip .right {
        float: right;
    }
.tip1 {
    background-color: #e5d9f0;
    padding: 5px 20px;
    border-bottom: 1px solid #e7d1d1;
    height: 40px;
    line-height: 40px;
    text-align:center;
}
    .tip1 span {
        color:#fff;
        font-weight:bold;
        font-size:24px;
        background-color:#f00;
        border-radius:30px;
        padding:2px 10px;
    }
    /******按钮列表****/
    .buttons-list {
        padding-top: 12px;
        background-color: #fff;
        padding-bottom: 10px;
        border-bottom: 1px solid #d9d9dc;
        border-top: 1px solid #d9d9dc;
        text-align: center;
        margin-top: 20px;
    }

.buttons-list-title {
    line-height: 40px;
    text-align: left;
    background: url("https://www.phonecasejp.com/h5/images/buttonsbg.jpg") 10px no-repeat;
    padding-left: 20px;
    font-size: 1.2em;
    margin-bottom: 5px;
}

.buttons-list .row {
    margin-top: 6px;
}

    .buttons-list .row p.img {
        height: 40px;
        line-height: 40px;
        margin: auto;
    }

        .buttons-list .row p.img img {
            height: 36px;
        }

    .buttons-list .row a:hover {
        color: #f00;
    }

    .buttons-list .row p.text {
        height: 30px;
        line-height: 30px;
        line-height: 30px;
        margin-top: 5px;
    }

/******列表头****/
.list-head {
    background-color: #fff;
    height: 50px;
    line-height: 50px;
}

    .list-head .list-title {
        background: url("https://www.phonecasejp.com/h5/images/buttonsbg.jpg") 15px no-repeat;
        padding-left: 23px;
        float: left;
        font-size: 1.2em;
    }

    .list-head .list-more {
        float: right;
        margin-right: 23px;
    }

.tblclor {
    background-color:#fff;
    margin-top:20px;
}
span.clor {
    color: #266a9b;
}


/******专业介绍****/

.yxjg-button {
    background-color: #fff;
}

    .yxjg-button .row {
        height: 100px;
    }

    .yxjg-button div[class*="col-"] {
        text-align: center;
        color: #000;
        height: 100%;
        width: 25%;
        border-right: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 10px;
        font-size: 12px;
    }

    .yxjg-button .row a {
        color: #1f1f1f;
        font-size: 1em;
    }

        .yxjg-button .row a:hover {
            color: #f00;
        }

    .yxjg-button .row p.img {
        height: 50px;
        width: 65%;
        line-height: 50px;
        margin: auto;
    }

    .yxjg-button .row p.text {
        width: 100%;
        line-height: 18px;
        font-size: 12px;
        text-align: center;
    }

/******招生类型****/

.zslx .row p.img {
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.5rem;
    margin: auto;
    border-radius: 1.25rem;
    color: #fff;
}

    .zslx .row p.img i {
        margin-top: 0.6rem;
        font-size: 20px;
    }
/******校园风光****/

.swiper-yx {
    height: 98%;
    background-color: #37414a;
}

    .swiper-yx .swiper-slide span {
        height: 50px;
        width: 100%;
        display: block;
        position: absolute;
        bottom: 0px;
        font-weight: bold;
        z-index: 999;
    }

    .swiper-yx .swiper-pagination, .swiper-yx .swiper-button-next, .swiper-yx .swiper-button-prev {
        color: #fff;
    }

    /******美丽校园****/

    .swiper-yx .swiper-slide, .swiper-yx .swiper-slide a {
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: block;
        text-align: center;
    }

        .swiper-yx .swiper-slide div {
            width: 100%;
            height: 100%;
            overflow: hidden;
            background-size: 100% auto;
            background-repeat: no-repeat;
            background-position: center center;
        }


/****院校信息****/
.yx-info {
    background-color: #fff;  
    border-bottom: 1px solid #e4e4e7;
    padding-bottom:15px;
}
.yx-dm .col-38 {
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
  
}

.yx-dm span {
    color: #7f7f80;
}
.yx-logo {
    width: 80px;
    height: 80px;
    margin: auto;
    margin-top: -35px;
    position: relative;
    z-index: 9999;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    padding: 3px;
    overflow: hidden;
  
}
    .yx-logo img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        margin-top:5px;
    }
.yx-tip {
    text-align:center;

}
    .yx-tip span {
        border: 1px solid #f00;
        padding: 2px 10px;
        border-radius: 15px;
        font-size: 12px;
        color: #f00;
    }
    .yx-tip span:nth-child(2) {
     
       margin-left:3px;
       margin-right:3px;
    }