/**
 * kc-network styles
 * update:2015-09-30 09:11:54
 */


/* base */
html, body {
    -webkit-text-size-adjust: none;
}
body {
    background-color: #bccbdc;
}

body,
a {
    color: #2e314f;
}

a:hover {
    color: #f04949;
}


/* layout */
.main {
    max-width: 960px;
    position: relative;
    padding: 1px 0;
    margin: -1px auto;
}


/* links */

.links > ul {
    font-size: 0;
    line-height: 0;
}

.links > ul > li {
    display: inline-block;
    line-height: 50px;
    font-size: 14px;
}

/* header-smart */
.header-smart {
    display: none;
    background: #f04949;
    box-shadow: 0 1px 0 rgba(164, 18, 18, .5), 0 1px 6px 5px rgba(164, 18, 18, .2);
    height: 54px;
}
/* nt-test */

#nt-test {
    position: relative;
    z-index: 2;
}

#nt-test > ul a,
#nt-test > ul i,
#nt-test > ul em,
#nt-test > ul span {
    font-style: normal;
}

#nt-test > ul,
#nt-test > ul a {
    font-size: 0;
    line-height: 0;
}

#nt-test > ul > li {
    display: inline-block;
    width: 50%;
}

#nt-test > ul > li a {
    display: block;
    margin: 8px;
    padding: 0px;
	height:38px;
    background: #fff;
    border: 1px #e6e6e6 solid;
    position: relative;
}

#nt-test > ul > li a:hover {
    box-shadow: 0 5px 10px rgba(131, 147, 183, .5);
    border:1px solid #ccc;
}

#nt-test > ul > li a > em,
#nt-test > ul > li a > span {
    font-size: 14px;
    line-height: 38px;
    padding-right: 8px;
}
#nt-test > ul > li a > i,
#nt-test > ul > li a > span {
    position: absolute;
}
#nt-test > ul > li a > i{
    color: #fff;
    display: inline-block;
    width: 120px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    top: -1px;
    right: 0px;
    background: url(../images/btn.png) no-repeat right center;
}
#nt-test > ul > li a > em {
    display: block;
    margin-right: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#nt-test > ul > li a > em i{
    height: 38px;
    display: block;
    width: 78px;
    border: 1px solid #b0cce7;
    text-align: center;
    font-size: 15px;
    color: #4989ea;
    background-color: #f3fafe;
	float:left;
    position: absolute;
    top: -1px;
    left: -1px;
}
#nt-test > ul > li a > span {
    right: 150px;
    text-align: center;
    width: 110px;
    top: 0px;
}

#nt-test > ul > li a > span i {
    padding: 0 4px;
    margin-right: 4px;
    font-weight: bold;
}

#nt-test > ul > li a > span em.testing {
    color: #f90;
}

#nt-test > ul > li a > span em.error {
    color: #f04949;
}

#nt-test > ul > li.nt-s-first a {
    color: #fff;
    border-color: #5B9E11;
    background: #7ED321;
}
#nt-test > ul > li.nt-s-second a {
    color: #5B9E11;
    border-color: #89C645;
    background: #BAE789;
}
#nt-test > ul > li.nt-s-third a {
    color: #5B9E11;
    border-color: #ADCF88;
    background: #D4EEB7;
}
#nt-test > ul > li.nt-s-fourth a {
    color: #5B9E11;
    border-color: #E2F0D2;
    background: #F2FBE9;
}

#nt-test > button {
    border: 0;
    background-color: #e67e22;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    margin: 20px auto;
    outline: 0;
    padding: 0 32px;
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    box-shadow: 0 3px 0 rgba(164, 18, 18, .8);
    -webkit-box-shadow: 0 3px 0 rgba(164, 18, 18, .8);
    -moz-box-shadow: 0 3px 0 rgba(164, 18, 18, .8);
    -ms-box-shadow: 0 3px 0 rgba(164, 18, 18, .8);
}

#nt-test > button:active {
    box-shadow: inset 0 4px 6px rgba(164, 18, 18, .5), 0 1px 0 rgba(255, 255, 255, .5);
    -webkit-box-shadow: inset 0 4px 6px rgba(164, 18, 18, .5), 0 1px 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0 4px 6px rgba(164, 18, 18, .5), 0 1px 0 rgba(255, 255, 255, .5);
    -ms-box-shadow: inset 0 4px 6px rgba(164, 18, 18, .5), 0 1px 0 rgba(255, 255, 255, .5);
}
#nt-test > p {
    position: relative;
    margin: 0 auto 20px;
    text-align: center;
    background-color: #58384f;
    color: #fff;
    font-size: 12px;
    padding: 6px 8px;
    width: 480px;
    border-radius: 5px;
}
#nt-test > p::before {
    position: absolute;
    left: 50%;
    top: -16px;
    margin-left: -4px;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px;
    border-color: transparent transparent #58384f transparent;
}

/* addition */
#addition {
    display: none;
    position: relative;
    margin-bottom: 20px;
}
#addition::after {
    display: block;
    content: '';
    clear: both;
}
#addition > .item {
    margin: 10px;
    padding: 10px 0;
    display: inline-block;
    float: left;
    overflow: hidden;
    vertical-align: top;
}
#addition > .item.ai-app {
    width: 210px;
}
#addition > .item.ai-app .img {
    width: 140px;
    height: 140px;
    padding: 8px;
    border: 1px #8799ba solid;
    margin: 0 auto 10px;
    overflow: hidden;
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    box-shadow: 0 2px 6px rgba(131, 147, 183, .3);
}
#addition > .item.ai-app .img img {
    width: 100%;
    height: 100%;
}
#addition > .item.ai-app h2 {
    width: 160px;
    height: 48px;
    margin: 0 auto 10px;
    font-size: 0;
    line-height: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#addition > .item.ai-app h4,
#addition > .item.ai-app p {
    padding: 0 16px;
    font-size: 12px;
    text-align: center;
    font-size: 12px;
}

#addition > .item.ai-tips p {
    padding: 0 16px;
}
#addition > .item.ai-tips ol {
    padding: 0 16px 0 48px;
}

/* footer */
.footer {
    color: #8090b5;
    text-align: center;
    font-size: 12px;
}

/* outlink */
#outlink {
    margin-bottom: 30px;
}
#outlink  li {
    position: relative;
}
#outlink .ol-image li a {
    display: block;
    height: 48px;
    width: 112px;
    overflow: hidden;
    margin: 8px;
    border: 1px #8799ba solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(131, 147, 183, .5);
}
#outlink .ol-image li a img {
    height: inherit;
    width: inherit;
}
#outlink .ol-text li::after {
    display: block;
    content: '';
    width: 2px;
    height: 2px;
    position: absolute;
    right: -1px;
    top: 50%;
    margin-top: -1px;
    background: #8799ba;
}
#outlink .ol-text li:last-child::after {
    display: none;
}
#outlink .ol-text a {
    padding: 0 16px;
    font-size: 16px;
}

/* honor */
#honor {
    position: relative;
    margin-bottom: 30px;
}
#honor li {
    width: 33.33%;
    box-shadow: inset -1px 0 0 #8799ba;
}
#honor li.h-03 {
    box-shadow: none;
}
#honor i,
#honor em {
    display: inline-block;
    font-style: normal;
    vertical-align: top;
}
#honor em {
    font-size: 18px;
    line-height: 32px;
}
#honor li.h-01 i { background-position: 0 0; }
#honor li.h-02 i { background-position: -32px 0; }
#honor li.h-03 i { background-position: -64px 0; }

/* links-base */
.links-base a {
    display: inline-block;
    padding: 0 8px;
}


/* footer-tipsy */
#footer-tipsy {
    margin: 20px;
    display: inline-block;
    padding: 0 32px;
    color: #f04949;
}

/* media-quire */
@media screen and (max-width:960px) {
    .header {
        display: none;
    }
    .header-smart {
        display: inherit;
    }
    #nt-test > ul > li a > span {
        font-size: 16px;
    }
    #nt-test > button {
        font-size: 18px;
    }
    #nt-test > p {
        width: 90%;
        line-height: 22px;
    }
    #honor {
        display: none;
    }
    #addition > .item.ai-tips {
        display: none;
    }
    #addition > .item.ai-app {
        width: 50%;
        margin: 0;
    }
}
@media screen and (max-width: 480px) {
    #nt-test > ul > li {
        width: 100%;
    }
}
@media screen and (max-width: 320px) {
    #addition > .item.ai-app {
        width: 100%;
    }
}




/* browser-mode-fixed */
#browser-mode-fixed {
	color: #999;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 10px 0;
	text-align: center;
	z-index: 1;
}
#browser-mode-fixed .bmf-browser {
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin-bottom: 8px;
}
#browser-mode-fixed .bmf-browser li {
	display: inline-block;
	overflow: hidden;
}
#browser-mode-fixed .bmf-browser li a:hover {
	opacity: 1;
}
#browser-mode-fixed .bmf-browser li a.b-b-chrome {
	background-position: -188px 0;
}
#browser-mode-fixed .bmf-browser li a.b-b-firefox {
	background-position: -236px 0;
}
#browser-mode-fixed .bmf-browser li a.b-b-safari {
	background-position: -284px 0;
}
#browser-mode-fixed .bmf-browser li a.b-b-ie {
	background-position: -332px 0;
}