@charset "utf-8";

@import 'font/iconfont.css';



/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

* {margin: 0; padding: 0; box-sizing: border-box;}

html{width: 100%; font-size: 14px; line-height:1.15;-webkit-text-size-adjust:100%; font-size: 14px; background-color: #fff; color: #333; font-family: 'Microsoft YaHei'}

body{margin:0;width: 100%;}

main{display:block}

hr{box-sizing:content-box;height:0;overflow:visible}

pre{font-family:monospace,monospace;font-size:1em}

a{background-color:transparent}

abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}

b,strong{font-weight:bolder}

code,kbd,samp{font-family:monospace,monospace;font-size:1em}

small{font-size:80%}

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

sub{bottom:-.25em}

sup{top:-.5em}

img{border-style:none}

button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}

button,input{overflow:visible}

button,select{text-transform:none}

[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}

fieldset{padding:.35em .75em .625em}

legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}

progress{vertical-align:baseline}

textarea{overflow:auto}

[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}

[type=search]{-webkit-appearance:textfield;outline-offset:-2px}

[type=search]::-webkit-search-decoration{-webkit-appearance:none}

::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

details{display:block}

summary{display:list-item}

template{display:none}

[hidden]{display:none}

ul,ol,li {list-style: none;}

h1,h2,h3,h4,h5,h6 {font-weight: normal;}

img { max-width: 100%;}



a {color: #333; text-decoration: none;}

a:hover {color: #1688ea;}





.clearfix::after {content: '';display: block; width: 100%; height: 0; visibility: hidden; clear: both;}

.fl { float: left;}

.fr { float: right;}

.yXcontainer {margin: 0 auto;overflow: hidden; width: 1200px;}

.gradualBg {background-image: radial-gradient(farthest-corner at 50% 20%, #f28e4a, #de3b4c);}

.bgf8 { background-color: #f8f8f8;}





.flex { display: -webkit-flex; display: flex;}



.header,

.iconBox,

.indexAd,

.ty-title,

.searchBox,

.nav,

.friendlyLink,

#nNav,

.organizationItem

 { display: -webkit-flex; display: flex;}

 .pc{display:none}

 .wap{display:block}



header { height: 200px; background: url('../images/hender-bg.jpg')}

.header { justify-content: space-between; height: 100%;}

.logo { width: 294px;  /*background: url('../images/top-logo.png') center center no-repeat;*/}

.iconBox {align-items: center; height: 98px;}

.iconBox .register,.iconBox .login {margin: 0 10px;}

.iconBox .register:hover,.iconBox .login:hover  { color: #f00; text-decoration: underline;}

.iconBox .icon {margin: 0 10px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 50px; }

.iconBox .icon:nth-last-of-type(3) { background-color: #2ba245;}

.iconBox .icon:nth-last-of-type(2) { background-color: #3c509a;}

.iconBox .icon:nth-last-of-type(1) { background-color: #de3b4c;}

.iconBox .icon span { font-size: 22px;}

.searchBox { justify-content: flex-end;  font-size: 0;}

.searchBox input[type="text"] { vertical-align: middle; font-size: 14px; padding: 0 10px; width: 190px; height: 32px; line-height: 32px; border: solid 1px #dedede;border-right: 0; outline: none;}

.searchBox input[type="submit"] {margin-right: 10px; vertical-align: middle; width: 40px; height: 32px; line-height: 32px; border: 0; background: url('../images/search-ico.png') center center no-repeat, radial-gradient(farthest-corner at 50% 20%, #f28e4a, #de3b4c); outline: none;}







.banner { height: 1080px;}

.banner .swiper-slide { background-position:  center center; background-size: auto 100%;}





.ty-title { justify-content: space-between; height: 50px; line-height: 50px; border-bottom: solid 2px #dedede;}

.ty-title em {margin-bottom: -2px; font-style: normal; font-size: 23px; border-bottom: solid 3px #de3b4c;}

.ty-title a,.ty-title a span { font-size: 16px;}





footer {/*margin-bottom: 60px;*/ line-height: 30px;}

.friendlyLink {padding: 14px 0; align-content: flex-start; }

.friendlyLink .Name {flex: 0 0 100px; text-align: center; font-size: 16px;  font-weight: bold; }

.friendlyLink .Name span { margin-right: 6px; font-size: 20px;color: #de3b4c;}

.friendlyLink .Link { flex: 1;}

.friendlyLink .Link a { margin: 0 10px;}

.siteInfo {padding: 24px 0; color: #fff; text-align: center;}

.siteInfo a { color: #fff;}



.share { display: none;}

.share a { display: inline-block;  width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; border-radius: 50%; cursor: pointer;;}

.share a:nth-of-type(1) { background-color: #ee6265;}

.share a:nth-of-type(2) { background-color: #46af35;}

.share a:nth-of-type(3) { background-color: #4875b4;}

.share a:nth-of-type(4) { background-color: #f1be47;}

.share a:hover {box-shadow: 5px 5px 10px 0px rgba(6, 0, 1, 0.4);}



.loadingMore {margin: 0 auto 40px; width: 198px; height: 46px; line-height: 46px; text-align: center; font-size: 18px; border: solid 1px #dedede;  border-radius: 8px; cursor: pointer; background:#FFFFFF }

.loadingMore:hover {background-image: radial-gradient(farthest-corner at 50% 20%, #f28e4a, #de3b4c); color: #fff;}



.play { align-self: center; margin: 0 13px; width: 30px; height: 30px; line-height: 30px; font-size: 32px; text-align: center; color: #fff; border-radius: 50%; cursor: pointer;

    background-image:-webkit-linear-gradient(bottom,#f28e4a, #de3b4c);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

.rotatePlay {-webkit-animation:rotatePlay 3s linear infinite;animation:rotatePlay 3s linear infinite;}

@keyframes rotatePlay{

	0%{-webkit-transform:rotate(0deg);}

	100%{-webkit-transform:rotate(360deg);}

}

@-webkit-keyframes rotatePlay{

	0%{-webkit-transform:rotate(0deg);}

	100%{-webkit-transform:rotate(360deg);}

}







.nBanner { height: 480px;}

.content { width: 1200px; margin: 0 auto;}





.nTyTItle { position: relative; /*height: 76px;*/ line-height: 50px;; text-align: center;font-size: 36px;color: #e65b4b;}

.nTyTItle::after {position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); display: block; content: ''; width: 36px; height: 3px; background-color: #ccc;;}







/* 考级公告 组织结构 */

.organizationItem {padding: 30px 0; color: #999; cursor: pointer; background-color: #f6f6f6; }

.organizationItem:first-of-type { margin-top: 30px;}

.organizationItem:last-of-type { margin-bottom: 30px;}

.organizationItem:nth-of-type(2n) { background-color: #fff;}

.organizationItem:hover { color: #fff;background-image: radial-gradient(farthest-corner at 50% 50%, #f28e4a, #de3b4c);}

.organizationItem .Date { flex:0 0 148px; font-size: 16px; text-align: center;}

.organizationItem .Arrow { flex:0 0 78px; align-self: center;}

.organizationItem .Arrow span { font-size: 32px;}

.organizationItem .Info { flex: 1;}

.organizationItem .Info h2 {margin-bottom: 18px; font-size: 18px; color: #333;}

.organizationItem .Info span:first-of-type {color: #1681a2;}

.organizationItem .Info span:last-of-type { margin: 0 10px 0 20px; font-size: 22px; vertical-align: middle}

.organizationItem:hover .Info span:first-of-type,.organizationItem:hover .Info h2 {color: #fff;}

.standard {border-bottom: solid 1px #dedede; background-color: #fff;}

.standard .Info span:first-of-type { color: #999;}







 @media screen and (max-width: 414px) {

     .yXcontainer {margin: 0 auto;overflow: hidden; width: 100%;}



     header { height: 60px; background-size: cover;}

     .logo { flex: 0 0 220px;  background: url('../images/phoneLogo2.png') center center no-repeat; background-size: auto 100%;}

     .header-right { flex: 1}

     .iconBox { height: 60px; font-size: 20px; justify-content: center;}

     .iconBox .register, .iconBox .login { margin: 0 8px; }

     .iconBox .icon { display: none;}

     .searchBox { display: none;}



     .banner { height: 280px;}

     .ty-title { padding: 0 2%;}



     .nBanner { height: 240px;}

     .content { width: 100%;}

     .nTyTItle { font-size: 28px;}

     .standard { padding: 20px 2%;}

     .organizationItem .Arrow { display: none;}

	 .wap{display:none}

	 .pc{display:block}

 }



 .mebmeradd{text-align:center;}

 .memberaddbutton{padding: 5px 10px}





 .inner{

width:90%;

height:600px;

position: absolute;

top:60px;

left:0px; right:0; margin:0 auto;

overflow:hidden;

}

.innerbox{

overflow-x: hidden;

overflow-y: auto;

color: #000;

font-size: 14px;

font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;

height: 100%;

}

.innerbox::-webkit-scrollbar {

width: 4px;

}

.innerbox::-webkit-scrollbar-thumb {

border-radius: 10px;

-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

background: rgba(0,0,0,0.2);

}

.innerbox::-webkit-scrollbar-track {

-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

border-radius:0;

background: rgba(0,0,0,0.1);

}

.memberaddtxt{width:100%; line-height:24px}