h1.metas-title{
    color: #545454;
    position: relative;
    margin: 20px 0 40px;
}
h1.metas-title:after {
    content: '';
    position: absolute;
    right: 46%;
    top: auto;
    bottom: -10px;
    left: auto;
    height: 3px;
    width: 120px;
    background-color: #00A2DD;
}
.what_banner{
    height: 300px;background: url(/static/images/about-slide.jpg) center center no-repeat;
    text-align: center;
}

.what_banner>span:nth-of-type(1) {
    border: 1px solid #acacac;
    line-height: 24px;
    display: inline-block;
    width: 370px;
    border-radius: 30px;
    margin-top: 60px;
    font-size: 14px;
    color: #777777;
}

.what_banner p:nth-of-type(1) {
    font-size: 48px;
    font-weight: bold;
    color: #919191;
    margin: 15px 0;
}

.what_banner p:nth-of-type(2) {
    font-size: 16px;
    color: #777;
}

.what_banner p:nth-of-type(1) span {
    margin-right: 16px;
    display: inline-block;
    width: 150px;
    border-radius: 0 20px;
    background-image: linear-gradient(to bottom right, rgba(27, 119, 185, .8), rgba(0, 162, 221, .8));
    color: #fff;
    font-size: 40px;
    position: relative;
    top: -5px;
}

.center img, .third img {
    display: block;
    margin: 0 auto;
    border: 5px solid #ccc;
    /*width: 60%;*/
}
.third img {
    width: 80%;
}
p.attention,p.attention, div.third>ol>li>p.attention {
    color: #F05123;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #F05123;
    padding: 20px;
    overflow: hidden;
    width: 100%;
}
p.attention a {
    color: red;
    text-decoration: underline;
}
p.attention span {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    width: 100%;
}
.center {
    text-align: center;
}
a.inline {
    display: inline-block;
    text-indent: 0;
    text-align: center;
    background: rgba(27, 119, 185, .8);
    color: #fff;
    margin: 0 20px;
    padding: 0 20px;
    border-radius: 50px;
    text-decoration: underline;
}
a.inline:hover {
    background:rgba(27, 119, 185, 1);
}
.article-text h3 {
    font-size: 25px;
    text-align: center;
    padding: 1em 0 1.5em 0;
    font-weight: 700;
    margin-top: 17px;
    margin-bottom: 8.5px;
    border: none;
    background: none;
    height: auto;
    line-height: normal;
    margin: auto;
    color: #333;
}
.article-text h4 {
    font-size: 21px;
    font-weight: 700;
    border-left: 5px solid rgba(27, 119, 185, .8);
    padding-left: 10px;
    background: rgba(27, 119, 185, 0.2);
    height: 40px;
    line-height: 40px;
    color: #1b77b9;
    margin: 1em 0;
}
.article-text .transcript img {
    max-width: 40% !important;
    margin: 30px;
    border: 5px solid #ccc;
}
.article-text .transcript span {
    text-align: center;
    display: block;
    color: #a1a1a1;
}
.article-text .p04_con span.show.data {
    width: 100%;
}
.article-text .p04_con .data td {
    line-height:24px;
    text-align :left;
    padding: 10px;
}
.article-text .p04_con .data td:nth-child(1) {
    width: 22%;
}
.article-text .p04_con .data td:nth-child(2) {
    width: 28%;
}
.article-text .p04_con .data td:nth-child(3) {
    width: 50%;
}
.article-text .p04_con table tr:hover {
    background: #e1e1e1 !important;
}
.article-text .p04_con table.en tr td:nth-child(4) {
    text-align: left;
    padding: 0 1em;
    line-height: 1.5em;
}
.article-draw {
    border: solid 1px #1b77b9;
    height: 480px;
    margin-bottom: 20px;
}
.article-draw .data-left {
    float:left;
    margin: 0 50px;
    width: 772px;
}
.article-draw .data-left span {
    display:block;
    font-size: 24px;
    color:#333;
    line-height:21px;
    font-weight:bold;
    padding: 8px 0 20px;
    position:relative;
    text-align: center;
    margin: 20px 0 10px;
    border-bottom: 1px solid #1b77b9;
}
.article-draw .data-left span:before {
    content:"";
    position:absliute;
    background: #1b77b9;
    width: 60px;
    height: 4px;
    top:16px;
    left: 120px;
}
.article-draw .data-left span:after {
    content:"";
    position:absliute;
    background: #1b77b9;
    width: 60px;
    height:4px;
    top:16px;
    right: 120px;
}
.article-draw .data-left ul {
    padding-left: 32px;
    overflow:hidden;
    float: left;
    width: 50%;
    /*padding-right: 10%;*/
}
.article-draw .data-left li {
    /* float:left; */
    /* width: 45%; */
    padding:8px 0 8px 20px;
    line-height:20px;
    font-size:16px;
    color:#333;
    position:relative;
    margin-right: 5%;
}
.article-draw .data-left li:before {
    content:"★";
    position:absliute;
    font-size:16px;
    color: #1b77b9;
    top:7px;
    left:0;
    margin-right: 1em;
}
.article-draw .data-right {
    float: left;
    width: 100%;
}
.article-draw .data-right a {
    display:block;
    background: #1b77b9;
    width: 80%;
    height: 46px;
    text-align:center;
    line-height: 46px;
    font-size: 22px;
    color:#fff;
    border-radius:7px;
    margin: 0 auto;
}
.article-draw .data-right a:hover {
    text-decoration:none;
    background: #E51C2C;
}
.article-draw .data-right a:focus {
    text-decoration: none;
}
.data {
    padding: 0 !important;
    border: none !important;
    line-height:30px;
    width: 100%;
}
.article-draw .data-left ul:first-of-type {
    border-right: 1px solid #1b77b9;
}
div.test>ol>li, div.test>ul>li {
    line-height: 1.8em;
    font-size: 14px;
    padding: 5px 20px;
    border: 1px solid #ccc;
    border-top: none;
}
div.test>ol>li:nth-child(odd), div.test>ul>li:nth-child(odd) {
    background: #f9f9f9;
}
div.test>p {
    line-height: 1.8em;
    font-size: 14px;
    padding: 5px 20px;
    border: 1px solid #ccc;
    margin: 0;
}
div.test>p:nth-last-of-type(1) {
    color:red;
    font-weight: bold;
}
div.test>span {
    display: inline-block;
    float: right;
    height: 216px;
    font-size: 15em;
    top: -40px;
    right: 30px;
    position: relative;
    color: rgba(27, 119, 185, .3);
}
div.test>ol:nth-last-of-type(1)>li, div.test>p:nth-last-of-type(2) {
    padding-left: 290px;
}
div.test>span:nth-last-of-type(1) {
    float: left;
    left: 10px;
}
.article-text .p04_con table.show.route tbody {
    width: 872px;
}
.article-text .p04_con table.route tr td:nth-child(1) {
    width: 8%;
}
.article-text .p04_con table.route tr td:nth-child(2) {
    width: 22%;
}
.article-text .p04_con table.route tr td:nth-child(3) {
    width: 70%;
    line-height: 24px;
    padding: 0 1em;
    text-align: left;
}
.article-text .p04_con span.show.route {
    width: 100%;
}
.calculator tbody tr td {
    width: 33.333%;
    text-align: center;
}
.calculator ul li {
    float: left;
    width: 33.333%;
    height: 150px;
    line-height: 150px;
    text-align: center;
    border-right: 1px solid #d1d8ee;
}
.calculator ul li:nth-last-child(1) {
    border-right: none;
}
.calculator ul {
    margin: 0;
    height: 150px;
    border: 1px solid #d1d8ee;
    border-bottom: none;
}
.calculator p {
    text-align: center;
    border: 1px solid #d1d8ee;
    margin: 0;
    border-bottom: 0;
    overflow: hidden;
    padding: 1.2em 0;
    font-weight: bold;
    background: #f9f9f9;
    font-size: 16px;
}
.calculator ul:nth-last-child(1) {
    border-bottom: 1px solid #d1d8ee;
}
h5 {
    font-size: 1.5em;
    font-weight: 700;
    border-left: 5px solid rgba(27, 119, 185, .8);
    padding-left: 1em;
    background: rgba(27, 119, 185, 0.2);
    height: 40px;
    line-height: 40px;
    color: #1b77b9;
}
ol.items .admission-id li, ol.items .admission-ticket li, .third .room li, .third .room-desk li, .third .room-under-seat li, .third .time-answer-sheet li, .third .leaving-exam-room li, .third .exam-policy-violations li, .scope .d-scope .u-scope li {
    line-height:3em;
    font-size: 14px;
}
.third .room-under-seat li:nth-child(2) span:before, .third .exam-policy-violations li:nth-child(2) span:before {
    content:'';
    position: relative;
    left: -26px;
    top: 8px;
    width: 0;
    height: 0;
    border: 13px solid transparent;
    border-right-color: #f05123;
    display: inline-block;
}
.third .room-under-seat li:nth-child(2) span, .third .exam-policy-violations li:nth-child(2) span {
    font-size: 14px;
    padding: 5px 13px 5px 0;
    line-height: 1.5em;
    margin-left: 3em;
    background: #F05123;
    color: #fff;
    display: none;
}
.third .room-under-seat li:nth-child(2):hover span, .third .exam-policy-violations li:nth-child(2):hover span {
    display: inline;
}
.scope .d-scope .u-scope li {
    float: left;
    width: 48%;
    margin-right: 2%;
}
ol.items>li:before, div.third>ol>li:before {
    font-weight: bold;
    margin-left: 2em;
    font-size: 2em;
}
ol.items>li:nth-child(1):before, div.third>ol>li:nth-child(1):before {
    content:'1';
    color: #00A2DD;
}
ol.items>li:nth-child(2):before, div.third>ol>li:nth-child(2):before {
    content:'2';
    color: #00876E;
}
ol.items>li:nth-child(3):before, div.third>ol>li:nth-child(3):before {
    content:'3';
    color: #C44826;
}
ol.items>li:nth-child(4):before, div.third>ol>li:nth-child(4):before {
    content:'4';
    color: #006C99;
}
ol.items>li:nth-child(5):before, div.third>ol>li:nth-child(5):before {
    content:'5';
    color: #F05123;
}
ol.items>li:nth-child(6):before, div.third>ol>li:nth-child(6):before {
    content:'6';
    color: #B8258F;
}
ol.items>li:nth-child(7):before, div.third>ol>li:nth-child(7):before {
    content:'7';
    color: #849C3A;
}
ol.items>li:nth-child(8):before, div.third>ol>li:nth-child(8):before {
    content:'8';
    color: #00876E;
}
.third .items .admission-id li:before, .third .items .admission-ticket li:before, .third .room li:before, .third .room-desk li:before, .third .room-under-seat li:before, .third .time-answer-sheet li:before, .third .leaving-exam-room li:before, .third .exam-policy-violations li:before, .scope .d-scope .u-scope li:before {
    display: inline-block;
    font-size: 3em;
    left: 0px;
    bottom: -9px;
    content:"\2022";
    position: relative;
    height: 1em;
    width: 1em;
    text-align: center;
}
.third .items .admission-id li:nth-child(1):before {
    color: #00AB91;
}
.third .items .admission-id li:nth-child(2):before {
    color: #00876E;
}
.third .items .admission-id li:nth-child(3):before {
    color: #081A31;
}
.third .items .admission-ticket li:nth-child(1):before {
    color: #00A2DD;
}
.third .items .admission-ticket li:nth-child(2):before {
    color: #006C99;
}
.third .items .admission-ticket li:nth-child(3):before {
    color: #F05123;
}
.third .room li:nth-child(1):before {
    color: #C44826;
}
.third .room li:nth-child(2):before {
    color: #B8258F;
}
.third .room li:nth-child(3):before {
    color: #7F236E;
}
.third .room-desk li:nth-child(1):before {
    color: #849C3A;
}
.third .room-under-seat li:nth-child(1):before {
    color: #00AB91;
}
.third .room-under-seat li:nth-child(2):before {
    color: #00876E;
}
.third .room-under-seat li:nth-child(3):before {
    color: #00A2DD;
}
.third .room-under-seat li:nth-child(4):before {
    color: #006C99;
}
.third .room-under-seat li:nth-child(5):before {
    color: #F05123;
}
.third .room-under-seat li:nth-child(6):before {
    color: #C44826;
}
.third .room-under-seat li:nth-child(7):before {
    color: #B8258F;
}
.third .room-under-seat li:nth-child(8):before {
    color: #7F236E;
}
.third .room-under-seat li:nth-child(9):before {
    color: #B0C636;
}
.third .time-answer-sheet li:nth-child(1):before {
    color: #849C3A;
}
.third .time-answer-sheet li:nth-child(2):before {
    color: #00AB91;
}
.third .time-answer-sheet li:nth-child(3):before {
    color: #00876E;
}
.third .leaving-exam-room li:nth-child(1):before {
    color: #00A2DD;
}
.third .leaving-exam-room li:nth-child(2):before {
    color: #006C99;
}
.third .leaving-exam-room li:nth-child(3):before {
    color: #F05123;
}
.third .leaving-exam-room li:nth-child(4):before {
    color: #C44826;
}
.third .exam-policy-violations li:nth-child(1):before {
    color: #B8258F;
}
.third .exam-policy-violations li:nth-child(2):before {
    color: #7F236E;
}
.third .exam-policy-violations li:nth-child(3):before {
    color: #B0C636;
}
.third .exam-policy-violations li:nth-child(4):before {
    color: #849C3A;
}
.third .exam-policy-violations li:nth-child(5):before {
    color: #00AB91;
}
.scope .d-scope .u-scope li:nth-child(5n+0):before {
    color: #00AB91;
}
.scope .d-scope .u-scope li:nth-child(5n+1):before {
    color: #B8258F;
}
.scope .d-scope .u-scope li:nth-child(5n+2):before {
    color: #006C99;
}
.scope .d-scope .u-scope li:nth-child(5n+3):before {
    color: #00876E;
}
.scope .d-scope .u-scope li:nth-child(5n+4):before {
    color: #849C3A;
}
.scope .d-scope .u-scope, .third .violations .exam-policy-violations {
    margin-left: 3em;
}
ol.items>li>p, div.third>ol>li>p, div.third>ol>li>h4 {
    display: inline-block;
    font-size: 18px;
    line-height: 1.8em;
    text-indent: 2em;
    margin: 0 0 8.5px;
    font-weight: normal;
    border: none;
    padding: 0;
    background: none;
    height: auto;
    color: #333333;
}
.items>li>ul, div.third>ol>li>ul {
    margin-left: 7em;
    margin-bottom: 1em;
}
div.third>ol>li>span {
    display: block;
    font-size: 14px;
    margin-left: 5em;
    text-indent: 2em;
    line-height: 2em;
}
span.attention, .attention_span {
    padding: 5px 20px 5px 0;
    margin-left: 3em;
    background: #F05123;
    color: #fff;
    display: none;
}
span.attention:before {
    content:'';
    position: relative;
    left: -26px;
    top: 8px;
    width: 0;
    height: 0;
    border: 13px solid transparent;
    border-right-color: #f05123;
    display: inline-block;
}
span.attention_span {
    display: block !important;
    text-align: center;
    margin: 0;
}
.third .room-under-seat li:hover span, .third .room-desk li:hover span, .third .room li:hover span {
    display: inline;
}
.third>ol>li {
    margin:10px 0;
}
.ng-scope>div>ul {
    float: left;
    width: 49%;
    /*margin-right: 2%;*/
    border: 1px solid #d1d8ee;
    padding: 20px 0;
}
.ng-scope>div>ul:nth-last-of-type(1) {
    float: right;
}
.ng-scope>div>ul>li {
    font-size: 14px;
    margin: 10px 20px;
    border-bottom: 1px solid #d1d8ee;
    padding: 0 1em;
}
.ng-scope>div>ul>p {
    text-align: center;
    font-size: 18px;
}
.ng-scope>div>p:nth-child(1) {
    font-weight: 700;
    font-style: italic;
    border-bottom: 1px solid #F05123;
    /*display: inline-block;*/
    text-indent: 0;
}
.statement>div>p>span {
    margin: 5px 0;
    font-style: italic;
    text-decoration: underline;
    font-weight: 700;
    color: #666;
}
.statement>div>p:nth-child(3) {
    text-indent: 0;
    border: 1px solid;
    padding: 2em;
}
.statement>div.hidden {
    display: none;
}
.m-message {
    padding:10px 15px;
    border: 1px solid #ddd;
}
.m-message .title {
    height: 50px;
    background: #f2f2f2;
    margin-bottom: 20px;
}
.m-message .title p {
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.m-message .title p span {
    color: #999;
}
.m-message .title p span:nth-child(1) {
    float: left;
}
.m-message .title p span:nth-child(2) {
    float: right;
    right: 40px;
    position: relative;
}
.m-message li {
    margin-bottom:15px
}
.m-message .avatar {
    float:left;
    margin:0 10px 0 0;
    border-radius:3px;
    background-color: #fff;
}
.m-message .text {
    display:inline-block;
    position:relative;
    padding:0 10px;
    max-width:calc(100% - 86px);
    min-height:30px;
    line-height:2.5;
    font-size:14px;
    text-align:left;
    word-break:break-all;
    background-color:#fafafa;
    border-radius:4px
}
.m-message .text:before {
    content:" ";
    position:absolute;
    top:9px;
    right:100%;
    border:6px solid transparent;
    border-right-color:#fafafa
}
.m-message .self {
    text-align:right
}
.m-message .self .avatar {
    float:right;
    margin:0 0 0 10px
}
.m-message .self .text {
    background-color:#b2e281
}
.m-message .self .text:before {
    right:inherit;
    left:100%;
    border-right-color:transparent;
    border-left-color:#b2e281
}
.m-message .self .text img {
    max-width: 140px;
    padding: 10px 0;
}
.third .violations .exam-policy-violations span, .third .room li span {
    font-size: 14px;
    padding: 5px 20px;
    line-height: 1.5em;
    margin-left: 3em;
    background: #F05123;
    color: #fff;
    display: none;
}
.third .violations .exam-policy-violations span:before, .third .room li span:before {
    left: 50%;
    content:'';
    position: relative;
    top: -35px;
    width: 0;
    height: 0;
    border: 13px solid transparent;
    border-bottom-color: #f05123;
}
.third .violations .exam-policy-violations li:hover:nth-child(5) span, .third .room li:hover:nth-child(1) span {
    display:inline-block;
}

.third .room li:nth-of-type(3) span:before {
    left: -26px;
    top: 8px;
    border-right-color: #f05123;
    border-bottom-color: transparent;
}

.third .room li:nth-of-type(3) span {
    left: -46px;
    top: 8px;
    padding-left: 0;
}
.statement .show p:nth-child(2) {
    border: 1px solid #ddd;
    padding: 1em 2em;
}
.third .border {
    border: 1px solid #F05123;
}
.room-under-seat>li>ul>li, .exam-policy-violations>li>ul>li {
    margin-left: 5em;
    list-style-type: decimal-leading-zero;
    line-height: 1.5em !important;
    text-decoration: underline;
}
.room-under-seat>li>ul>li:before, .exam-policy-violations>li>ul>li:before {
    content:'' !important;
    list-style-type: circle;
    width: 0 !important;
}
.third u {
    display: block;
    font-weight: normal;
}
.third .inbk {
    display: inline-block;
    text-indent: 0;
    font-weight: bold;
}
.third .inbk.ml {
    margin-left: 4em;
}

.directory-nav{position: fixed; right:120px; top:180px; padding: 12px 0 20px 32px; display: none;}
.directory-nav li{height: 34px;line-height: 34px;  position: relative;}
.directory-nav li a{}
.directory-nav .l1,.directory-nav .l2{
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.directory-nav .l2{ text-indent:0.6em;}
.directory-nav .l1 a{font-size: 16px;}
.directory-nav .l2 a{font-size: 14px;}
.directory-nav,.directory-nav a{ color: #666;}
.directory-nav .cur a{ color: red;}

.directory-nav .line{ position: absolute; left:4px; top: 5px; bottom: 5px; z-index: 1; width: 2px; background: #ddd;}
.directory-nav .c-top,.directory-nav .c-bottom{ position: absolute; left: 0; z-index: 2;
    display: block; width: 10px; height: 10px; font-size: 0; line-height: 0;
    background: url(/static/project/images/directory-nav.png) no-repeat 0 -69px;
}
.directory-nav .c-dot{
    position: absolute; left:-32px; top: 50%; z-index: 2; margin-top: -5px;
    display: block; width: 10px; height: 10px; font-size: 0; line-height: 0;
    background: url(/static/project/images/directory-nav.png) no-repeat -275px 0;
}

.directory-nav .c-top{ top: 0}
.directory-nav .c-bottom{ bottom: 0}
.directory-nav .cur-tag{
    position: absolute; left: -1px; top:30px; z-index: 5; margin-top: -6px;
    display: block; width: 19px; height: 13px; font-size: 0; line-height: 0;
    background: url(/static/project/images/directory-nav.png) no-repeat -271px -37px;
    -webkit-transition:top .3s ease 0s;
    transition:top .3s ease 0s;
}