body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, textarea, p, th, td, table, a { margin: 0; padding: 0; letter-spacing: 1px; }
body, input, select, button, textarea { font-size: 12px; font-family: Tahoma, Geneva, sans-serif; color: #333; }
/*统一不同浏览器字体大小*/
table { border-collapse: collapse; }
button { cursor: pointer; }
fieldset { border: 0; }
img { border: 0 none; vertical-align: middle; }
/*图片去边框并居中*/
/** {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}*/
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
p { text-align: left; }
/*Sevnup add------文本左对齐*/
i, cite, em { font-style: normal; font-weight: normal; }
span, div, li { letter-spacing: 1px; }
abbr, acronym { border: 0; }
a { text-decoration: none; color: #555; letter-spacing: 1px; outline: none; blr: expression(this.onFocus=this.blur()); }
/*a:hover { color:#b44846}*/

body { font-size: 12px; font-family: "方正兰亭黑","PingFangSC-Regular ", "微软雅黑",Arial,Verdana; }

/*???????*/
q:before, q:after { content: ''; }
/*<q></q>标签之间的文字两头加上引号(")*/
/* IE Opera去掉点击链接时的虚线外框 */
area { blr: expression(this.onFocus=this.blur()); }
/* 图片热点去掉点击链接时的虚线外框 */
a:focus { -moz-outline-style: none; blr: expression(this.onFocus=this.blur()); /* FF去掉点击链接时的虚线外框 */ }

/*在FF浏览器下始终显示滚动条 到达不太浏览器效果一致*/
.listnav { height: 50px; line-height: 50px; color: #757575; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
i { display: inline-block; }

.icon { background: url(../images/icon.png) no-repeat; }
.con-mess em { width: 5px; height: 5px; display: block; border-radius: 10px; background: #5bb8c9; margin-right: 5px; position: absolute; top: 12px; left: 9px; }
.con-mess table td:nth-child(1) { position: relative; width: 23px; }
.hidden { word-break: keep-all; /* 不换行 */ white-space: nowrap; /* 不换行 */ overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */ text-overflow: ellipsis; }
.trans { display: inline-block; transition-property: transform; transform: rotateY(180deg); -ms-transform: rotateY(180deg); /* Internet Explorer */ -moz-transform: rotateY(180deg); /* Firefox */ -webkit-transform: rotateY(180deg); /* Safari 和 Chrome */ -o-transform: rotateY(180deg); /* Opera */ }
.box_shadow_right { box-shadow: 3px 0px 3px #ccc; }
/*左边阴影*/
.box_shadow { box-shadow: -5px 0px 5px #ddd, /*左边阴影*/ 0px -5px 5px #ddd, /*上边阴影*/ 5px 0px 5px #ddd, /*右边阴影*/ 0px 5px 5px #ddd; /*下边阴影*/ -webkit-box-shadow: -5px 0px 5px #ddd, /*左边阴影*/ 0px -5px 5px #ddd, /*上边阴影*/ 5px 0px 5px #ddd, /*右边阴影*/ 0px 5px 5px #ddd; /*下边阴影*/ -moz-box-shadow: -5px 0px 5px #ddd, /*左边阴影*/ 0px -5px 5px #ddd, /*上边阴影*/ 5px 0px 5px #ddd, /*右边阴影*/ 0px 5px 5px #ddd; /*下边阴影*/ -o-box-shadow: -5px 0px 5px #ddd, /*左边阴影*/ 0px -5px 5px #ddd, /*上边阴影*/ 5px 0px 5px #ddd, /*右边阴影*/ 0px 5px 5px #ddd; /*下边阴影*/ }

::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 5px; }
::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #535353; }
::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; }
.text-r { text-align: right; }
/*居右显示*/
.text-c { text-align: center; }
/*居中显示*/
.color1 { color: #005982; }
.color { color: #f85c10; }
.color2 { color: #bbb; }
.mart20 { margin-top: 20px; }
.marb20 { margin-bottom: 20px; }
.marr20 { margin-right: 20px; }
.color3 { color: #666; }
.marl50 { margin-left: 50px; }
.marr0 { margin-right: 0 !important; }
.wrap { background: #fff; }

.martdesc { margin-top: 60px; }
.desc-tt { font-size: 24px; font-weight: bold; line-height: 58px; }
.font18 { font-size: 16px; }

@media screen and (min-width: 769px) {
    .w { width: 950px; margin: 0 auto; }
    .all-click-num { float: right; padding-right: 18px; }
    .richter .content ul li.libg1 { border-color: #27bbcc; }
}

.tit-mess-ms { font-size: 12px; color: #20acc8; margin-bottom: 20px; }

.page { line-height: 30px; margin-right: 20px; }
    .page a { color: #005982; margin: 0 5px; font-size: 14px; }
        .page a.RepeaterNumberList_Now { color: #f85c10; }


header { padding: 20px 0; }
    header .logo { width: 0px; height: 0px; /*background: url(../images/logo.png) no-repeat; */background-size: cover; display: block; float: left; }
    header .logo-icon { width: 182px; height: 45px; margin-top: 5px; display: block; float: right; /*background: url(../images/logo-ico.png) no-repeat;*/ background-size: cover; }
    header .logo-icon1 {
        background: url(../images/ciic.png) no-repeat center center;
        background-size: contain;
    }
        .tit-mess {
            color: #20acc8;
            font-size: 24px;
            margin: 20px 0;
        }
.con-mess { color: #0068b7; font-size: 16px; line-height: 30px; }
.next-user { color: #fff; background: #27bbcc; width: 100px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; font-size: 16px; display: block; margin: 90px auto; }



.hvr-glow { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; }
    .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { box-shadow: 0 0 8px rgba(39, 187, 204, 0.6); }

/* Shadow */
.hvr-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; }
    .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); }












/*个人信息页面*/
.information .con { width: 435px; }
    .information .con li { margin-bottom: 20px; }
    .information .con input { width: 413px; color: #666; }
    .information .con select, .information .con input { height: 35px; padding: 0 10px; border-radius: 3px; border: 1px solid #eee; background: #eeeeee; font-size: 14px; }
    .information .con select { color: #666; }
        .information .con select.sel { width: 438px; }
        .information .con select.sel1 { width: 205px; }
::-webkit-input-placeholder { color: #666; }
　　 :-moz-placeholder { color: #666; }
　　 ::-moz-placeholder { color: #666; }
　　 :-ms-input-placeholder { color: #666; }


/**测试题页面*/
/* .slideBox {width: 100%; height: 240px;overflow: hidden; position: absolute; top: 50%; margin-top: -120px; left: 0; }*/
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
    .slideBox .bd > ul > li { zoom: 1; vertical-align: middle; display: none; }


/* 下面是前/后按钮代码，如果不需要删除即可 */
/*.slideBox .prevTest,
.slideBox .next {color:#005F93; position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 80px;font-size:16px; height: 40px; background: url(images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }*/
.slideBox .prevTest { bottom: -55px; color: #fff; display: block; font-size: 14px; height: 40px; left: 50%; line-height: 40px; margin-top: -25px; position: absolute; text-align: center; width: 55px; margin-left: -80px; color: #004881; }
/* .slideBox .nextTest { bottom: -55px; color: #fff; display: block; font-size: 14px; height: 40px; left: 50%; line-height: 40px; margin-top: -25px; position: absolute; text-align: center; width: 55px; margin-left: 20px; color: #004881; } */
/* .slideBox .prevTest i, .slideBox .nextTest i { font-size: 18px; } */


.slideBox .next { left: auto; right: 3%; background-position: 8px 5px; }
    .slideBox .prev:hover,
    .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
.slideBox .prevStop { display: none; }
.slideBox .nextStop { display: none; }


.con_ov { overflow: hidden; height: 235px; }
.content { position: relative; width: 100%; margin: 0 auto; }
    .content span { display: block; text-align: center; float: left; }
    .content .title { height: 30px; line-height: 30px; text-align: center; color: #27bbcc; font-size: 14px; padding-left: 8px; font-weight: bold; }
.richter .content .title { padding-left: 35px; }
.content .title .tit1 { color: #fff; }
.content .tit1 { width: 680px; text-align: left; padding-left: 10px; }
.content .tit2, .content .tit3 { width: 66px; }
/* .content ul { padding: 0 35px; } */
.content ul li { margin: 15px 0; border-radius: 5px; padding: 0 8px; border: 2px solid #e5e5e5; line-height: 40px; height: 40px; color: #0068b7; font-size: 16px; font-weight: bold; }
    .content ul li.libg1 { background: #27bbcc; color: #fff; border-color: #27bbcc; }
    .content ul li.libg2 { background: #ef5087; color: #fff; border-color: #ef5087; }
    .content ul li .tit2 a, .content ul li .tit3 a { background: #fff; position: relative; width: 15px; height: 15px; display: block; border: 2px solid #ef5087; border-radius: 10px; margin: 10px auto; }
    .content ul li .tit3 a { border-color: #ef5087; }
        .content ul li .tit2 a i, .content ul li .tit3 a i { position: absolute; left: 5px; top: 5px; background: #27bbcc; width: 5px; height: 5px; display: none; border-radius: 4px; }
        .content ul li .tit2 a.on i, .content ul li .tit3 a.on i { display: block; }
        .content ul li .tit3 a.on i { background: #ef5087; }
        .content ul li .tit2 a.on, .content ul li .tit3 a.on { border-color: #fff; }
        .content ul li .tit2 a.non, .content ul li .tit3 a.non, .richter .content ul li.libg1 .tit2 a { border-color: #fff; }
.n_tit { background: url(../images/n_tit.jpg) no-repeat center center; background-size: 100% 60%; height: 80px; line-height: 80px; font-size: 18px; color: #fff; width: 100%; text-align: center; }

.desc { color: #1d4881; font-size: 16px; }
    .desc p { line-height: 30px; }
.desc_start { text-align: center; font-size: 16px; }
    .desc_start a { color: #fff; display: inline-block; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #e6672f; border-radius: 5px; }
.tit-test { color: #27bbcc; font-size: 14px; margin: 10px 0; font-weight: bold; }
.tit-con { font-size: 14px; }
.speed-tit { width: 100%; height: 14px; border-radius: 10px; background: #e5e5e5; position: relative; }
    .speed-tit .speed-con { background: #27bbcc; border-radius: 10px; height: 14px; position: absolute; top: 0; left: 0; }

.richter .content .tit1 { width: 599px; }
.richter .content .tit3 { float: right; }
.richter .content ul li.libg1 { color: #fff; }
.content ul li .all-click-num a, .all-click-num span { color: #27bbcc; width: 15px; display: block; font-size: 14px; margin: 0 10px; font-weight: bold; float: left; }
.content ul li .all-click-num { width: 283px; padding-right: 0; }
    .content ul li .all-click-num a { margin-top: 11px; }
.all-click-num span { width: 19px; text-align: center; }
.richter .content ul li { color: #0068b7; font-weight: bold; }
.behavior .content ul li.libg1 .tit3 a, .behavior .content ul li.libg1 .tit2 a { border-color: #fff; }
.behavior .content ul li.libg2 .tit3 a, .behavior .content ul li.libg2 .tit2 a { border-color: #fff; }

.behavior .content ul li .tit2 a { border-color: #0066b1; }
.mobileBehavior .content ul li.libg1 {
    background: #0066b1;
    border-color: #0066b1;
}
.behavior .content ul li .tit2 a i { background: #0066b1; }
.footCopyRight{color:#fff;}



.richterSimplifiedTest ul li {height:auto;border:0;text-align:center;margin:50px auto 100px;}
.richter .content.richterSimplifiedTest .tit1 {text-align:center;width:100%;}
.all-click-btn {}
.all-click-btn .click-btn {margin:20px auto ;background:rgba(39,187,204,0.7);height:40px;line-height:40px;text-align:center;display:block;border-radius:5px;color:#fff;width:150px;cursor:pointer}
    .all-click-btn .click-btn:hover, .all-click-btn .click-btn.on {
        background: rgba(39,187,204,1);
    }
@media screen and (min-width: 768px) {
    .behavior .content .tit3 { margin-left: 36px; }
    .behavior .content .tit2 { margin-left: 60px; }
    body { background: #fff; }
    footer { background: url("../images/foot.jpg") no-repeat; width: 100%; background-size: cover; height: 100px; }
    footer .mobile-foot { display: block;  font-size: 12px; line-height: 100px;max-width:950px;margin:0 auto ;color:#fff;text-align:right; }
    /*.footCopyRight{float:left;}*/
}

@media screen and (max-width: 768px) {
/*.footCopyRight{display:block;}*/
    html { background: url(../images/mobile-bg.jpg) no-repeat; background-size: cover; min-height: 100vh;-webkit-overflow-scrolling : touch;  }
    .w { padding: 0 20px; }
    footer .mobile-foot { margin: 0 20px;display: block; font-size: 9px; line-height: 35px; text-align:center;}
    header.w { padding: 20px; }
    .behavior { padding-top: 10px; }
    header .logo { width: 0px; height: 0px; /*background-image: url(../images/mobile-logo.png);*/ }
    header .logo-icon { width: 160px; height: 39px; margin-top: 8px; /*background-image: url(../images/mobile-ico.png);*/ }
    header .logo-icon1 {
        background: url(../images/ciicw.png) no-repeat center center;background-size:contain;
    }
    footer {   height: 70px; color: #fff;  background:none;width:100%;margin-top:50px}
    .tit-mess { color: #fff; font-size: 18px; }
    .con-mess { color: #fff; font-size: 14px; line-height: 26px; }
    .next-user { margin: 50px auto; width: 100px; height: 40px; line-height: 40px; font-size: 16px; }
    .tit-mess { color: #fff; }
    .information .con { width: 100%; }
        .information .con input { width: 93.5%; padding: 0 3%; }
        .information .con select.sel { width: 100.5%; padding: 0 3%; }
        .information .con select.sel1 { width: 45%; }
    .slideBox { background: #fff; overflow: hidden; }
    .speed-tit { height: 10px; }
        .speed-tit .speed-con { height: 10px; }
    .tit-test { margin: 5px 0; }
    .richter { padding-top: 10px; }
    .content ul li { padding: 0 0.1rem; font-size: 0.16rem; }
    .richterSimplifiedTest ul li {
        font-size:16px;
    }
    .content .title { font-size: 14px; }
    .content .tit1 { width: 3.4rem; padding-left: 0.1rem; }
    .content .tit2, .content .tit3 { width: 1.25rem; }
    .content .title { padding-left: 0.1rem; }
    .richter .content ul li { height: auto; padding: 0; }
        .richter .content ul li .m-r-top { background: #e5e5e5; line-height: 0.4rem; height: 2.2rem; display: block; width: 100%; }
            .richter .content ul li .m-r-top table { height: 100%; font-size: 0.3rem; color: #434343; }
                .richter .content ul li .m-r-top table td { padding-left: 0.35rem; text-align: left; }
                    .richter .content ul li .m-r-top table td span { background: #27bbcc; display: inline-block; color: #fff; line-height: 0.5rem; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; text-align: center; }
        .richter .content ul li .tit2 a { border-color: #ef5087; }
    .content ul li .all-click-num, .mob-words, .tit-num { width: 6rem; margin: 0 auto; overflow: hidden; font-size: 0.22rem; color: #27bbcc; }
        .content ul li .all-click-num a, .all-click-num span { width: 0.48rem; height: 0.48rem; margin: 0 0.14rem; border-width: 0.04rem; border-radius: 1rem; }
    .content ul li .all-click-num { height: 0.6rem; }
    .all-click-num span { margin: 0 0.18rem; line-height: 0.55rem; text-align: center; }
    .content ul li.libg1 { background: #27bbcc; }
    .richter .content ul li.libg1 .mob-words, .tit-num { color: #fff; }
    .tit-test { font-size: 12px; }
    .richter .content ul li.libg1 .tit2 a { border-color: #27bbcc; }
    .richter .content ul li.libg1 .all-click-num span { color: #fff; }
    .richter .content ul li .tit2 a i { background: #27bbcc; width: 0.15rem; height: 0.15rem; top: 0.18rem; left: 0.165rem; border-radius: 0.5rem; }
    .richter .content ul li { border: 0; }
    .content ul li .m-r-top { border-radius: 0.1rem 0.1rem 0 0; }
    .content ul li .bot-r { border-radius: 0 0 0.1rem 0.1rem; border: 0.04rem #e5e5e5 solid; display: block; overflow: hidden; }
    .richter .content ul li.libg1 { background: #fff; }
        .richter .content ul li.libg1 .bot-r { background: #27bbcc; border-color: #27bbcc; }
    .richter .content ul li .m-r-top table td:nth-child(2) { padding-right: 0.2rem; }
    .mobileBehavior .content ul li { color: #434343; background: #e5e5e5; height: 75px; font-size: 14px; font-weight: bold; line-height: 20px; margin: 0 0 10px; }
        .mobileBehavior .content ul li .tit1 { position: relative; height: 75px; }
            .mobileBehavior .content ul li .tit1 label { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; }
        .mobileBehavior .content ul li .tit2 a, .mobileBehavior .content ul li .tit3 a { width: 0.48rem; height: 0.48rem; border-radius: 1rem; margin: 0.47rem auto; }
    .mobileBehavior .content .tit1 { width: 3.62rem; margin-left: 0.1rem; }
    .behavior .content ul li .tit2 a i { background: #0066b1; width: 0.15rem; height: 0.15rem; top: 0.18rem; left: 0.165rem; border-radius: 0.5rem; }

    .martdesc { margin-top: 80px; }
    .desc-tt { font-size: 24px; font-weight: bold; line-height: 58px; }
    .desc-next { position: absolute; left: 50%; bottom: 130px; margin: 0 !important; margin-left: -50px !important; }
    .font18 { font-size: 18px; }
    .behavior .content ul li .tit3 a i { background: #ef5087; width: 0.15rem; height: 0.15rem; top: 0.18rem; left: 0.165rem; border-radius: 0.5rem; }

    .mobileBehavior .content ul li.libg1 { background: #0066b1; color: #fff; }
    .mobileBehavior .content ul li.libg2 { background: #ef5078; color: #fff; }
}

@media screen and (max-width: 374px) {
    .next-user { margin: 30px auto; }
}