/*加载阿里图标*/
@import url("../iconfont/iconfont.css");
:root{--primary-color:#DD4814;--primary-dark:#c9340a;--secondary-color:#111111;--general-text:#252525;--white:#ffffff;--soft-white:#fafafa;--section-border:#f4f4f4;--font-stack:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica","Arial",sans-serif,"Apple Color Emoji","Segoe UI Emoji";--font-size:16px;}
.clr{clear:both;}
.boldy600{font-weight:600;}
.dark{color:#252525;}
*{transition:background-color 300ms ease,color 300ms ease;}
*:focus{.background-color:#F9F3F3;outline:none;}
body{color:var(--general-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0;padding:0;font-family:var(--font-stack);font-size:var(--font-size);font-weight:400;}
a{color:var(--primary-color);}

header{float:left;width:100%;border-bottom:1px solid #000;padding:0;margin:0;height:100%;background-color:#23262D;box-sizing: border-box;}
#header-inner{width:80%;height:43px;margin:0 auto;overflow:hidden;}
#logo{float:left;margin-top:7.5px;}
#logo img{width:124px;height:30px}
.login-box{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;vertical-align:middle;margin-top:9px;}
.login-box a{}.login-box .login-btn:nth-child(odd){border-right:none;border-top-left-radius:5px;border-bottom-left-radius:5px;box-sizing:border-box;}
.login-box .login-btn{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;color:#fff;text-decoration:none;font-size:12px;padding:5px 14px;border:1px solid #fff;box-sizing:border-box;}

.login-box .login-btn:nth-child(even){border-top-right-radius:5px;border-bottom-right-radius:5px;}
#top-menu{float:right;margin:0;padding:0;box-sizing:border-box;}
#top-menu .menu-zuser{color:#9c9a9a !important;float:right !important;}
#top-menu .menu-zuser .mname{color:#c8c6c6;min-width:70px;display:inline-block;}
a.top-menu-item:link,a.top-menu-item:visited,#top-menu .menu-zuser{float:left;text-decoration:none;height:43px;line-height:43px;margin:0px 15px;text-align:center;color:#fff;font-size:14px;}
a.top-menu-item:hover{color:var(--primary-color);border-bottom:1px solid var(--primary-color);}
a.top-menu-item:focus{color:var(--primary-color);}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;line-height:0;content:'';}
.clearfix{zoom:1;}
section#spotlight-outer{float:left;width:100%;height:100%;margin:0;padding:0;background:var(--soft-white);}
section#sign-in-content{width:100%;height:100%;margin:0;padding:0;background:var(--soft-white);height:600px;position:relative;background-image:url("https://download.cocos.com/CocosUdc/promotion/da139b29399c0a963c600d32376442e0.jpg")}
#spotlight-inner{width:80%;height:100%;margin:0 auto;padding:1rem 1.75rem 2.75rem 1.75rem;}
#spotlight-title{position:relative;width:600px;height:150px;margin:21px auto;font-size:6rem;color:var(--primary-color);text-align:center;}
#spotlight-version{width:50px;height:50px;position:absolute;top:15px;right:-15px;font-size:2rem;color:var(--primary-color);text-align:center;}
#spotlight-note{float:left;width:100%;margin-top:-28px;text-align:center;font-size:2rem;}
.spotlight-button-holder{margin-top:30px !important;height:30px;margin-bottom:10px;text-align:center}
.spotlight-button-holder .button_list_model{width:600px;margin:0 auto}
.spotlight-button-holder .button_list{width:20%;display:inline-block;border:1px solid #098d09;box-sizing:border-box;border-radius:50px;padding:2px 0px;margin:auto 8px;color:#098d09}
.spotlight-button-holder .button_list .iconfont{font-size:20px;font-weight:bold}
#slogan-text{width:60%;margin:10px auto;font-size:1rem;text-align:center;line-height:26px;}
section.content-outer{float:left;width:100%;height:100%;margin:0;padding:3px 0;background:#fff;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;}
.content-inner{width:80%;height:100%;margin:2rem auto;padding-left:20px;box-sizing:border-box;}
.section-title{font-size:30px;font-weight:600;text-align:center;margin:50px auto;margin-bottom:22px;color:#df6941;}
.why-rows{float:left;width:100%;height:157px;}
.ci-features-box{float:left;width:42%;height:150px;padding:10px;box-sizing:border-box;margin:18px 4%;transition:box-shadow 0.5s;transition:margin-top 0.5s;}
.ci-features-box:hover{float:left;background:var(--white);box-shadow:3px 3px 10px #eee;margin-top:14px;}
.ci-features-box-icon{float:left;width:60px;height:60px;margin:20px auto;display:block;}
.ci-features-box-text-area{float:left;display:inline-block;width:80%;height:100px;margin:10px;}
.ci-features-box-title{float:left;padding:5px;box-sizing:border-box;color:var(--secondary-color);display:inline-block;font-size:16px;font-weight:600;}
.ci-features-box-text{float:left;width:100%;height:90%;padding:5px;box-sizing:border-box;}
section#important-links-outer{background-color:var(--soft-white);float:left;width:100%;height:100%;margin:0;padding:32px 0;}
#important-links-inner{width:60%;height:100%;margin:0 auto;}
.important-link-boxes{float:left;text-align:center;width:23%;height:150px;margin:0 1%;padding:10px;box-sizing:border-box;background:var(--white);border:1px solid #f1f1f1;border-radius:3px;transition:all 0.5s;}
.important-link-boxes svg{width:64px;height:64px;}
.important-link-boxes:hover{box-shadow:0 10px 10px #dbdbdb;border:1px solid #DFDFDF;}
.recent-news-and-forum-posts{flex:auto;width:41%;height:100%;margin:38px 4%;}
.rnafp-name{float:left;display:block;width:100%;height:20px;padding:4px 6px;margin-bottom:11px;font-size:14px;color:var(--secondary-color);font-size:16px;font-weight:600;}
.rnapf-row{float:left;display:block;width:100%;height:44px;padding:10px 0;border-bottom:1px solid #f1f1f1;border-left:1px solid var(--soft-white);transition:all 0.3s;}
.rnapf-row:hover{background:#FFFFFF;border-left:1px solid #DD4814;border-bottom:1px solid #e7e7e7;margin-left:4px;}
.rnapf-date{float:left;width:18%;height:100%;padding:10px 4px;box-sizing:border-box;color:var(--secondary-color);}
.rnapf-title{float:left;width:82%;height:100%;padding:10px 0 0 20px;box-sizing:border-box;color:var(--secondary-color);}
a.rnapf-title-link:link,a.rnapf-title-link:visited{text-decoration:none;}
.total-footer-model2{position:fixed;left:0;bottom:0;width: 100%;margin: 0 auto;z-index: 999;}
footer#footer-outer{width:100%;height:60px;background-color:var(--primary-color);color:var(--white);margin-top:0;padding-top:13px;box-sizing:border-box;z-index:99;}
#footer-inner{width:80%;margin:0 auto;height:100%;margin-top:0;}
#footer-inner-left{float:left;width:70%;height:40px;margin-top:4px;}
a.footer-menu-item:link,a.footer-menu-item:visited{float:left;text-decoration:none;color:var(--white);padding:4px;margin:0 10px;transition:all 0.3s;height:40px;}
a.footer-menu-item:hover{margin-top:-4px;.border-bottom:1px solid #f4c3bd;}
a.footer-menu-item:hover{margin-top:-4px;.border-bottom:1px solid #f4c3bd;}
#footer-inner-right{float:right;margin-top:0;width:185px;height:100%;}
#footer-inner-right .links-icons{float:left;position:relative;margin-top:-18px;width:60px;height:60px;border:0px solid #ddd;transition:all 2s ease;}
#footer-inner-right .links-icons .icon{margin:20px auto;transition:all 1s ease;text-align:center;}
#footer-inner-right .links-icons .icon svg{width:25px;height:25px;fill:#f4c3bd;}
#footer-inner-right .links-icons .icon svg path{fill:#f4c3bd;}
#footer-inner-right .links-icons .data{font-size:11px;color:#111;line-height:10px;display:none;transition:all 2s ease;}
#footer-inner-right .links-icons:hover .icon{margin:10px auto;transition:all 0.5s ease;}
#footer-inner-right .links-icons:hover .data{display:block;color:#f5f5f5;}
#footer-copyrights{width:100%;height:100%;padding:10px 0;background-color:var(--primary-dark);color:#DFDFDF;box-sizing:border-box;font-size:80%;text-align:center;z-index:99;}
#footer-copyrights img{width:45px;height:45px;cursor:pointer;margin:10px;}
.flex-container{display:flex;resize:horizontal;overflow:hidden;flex-direction:row;flex-wrap:wrap;}
.ci-features-box-icon .iconfont{font-size:46px;color:#e57853}

/*注册页面*/

.main-register{margin-top:100px;text-align:center;}
.main-register .step-item.is-wait{color:#606266;border-color:#e8edf2;background:#e8edf2;}
.main-register .register{display:inline-block;padding:0 20px 20px;max-width:900px;width:100%;}
.main-register .register h1{font-size:18px;color:#606266;line-height:28px;margin:0 0 12px;}
.main-register .register .steps{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px;}
.main-register .register .register__title{font-weight: bold;}
.main-register .step-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;height:48px;min-width:85px;border-radius:48px;margin-right:-25px;-webkit-transition:all .3s linear;transition:all .3s linear;}
.main-register .step-item.is-process{min-width:100px;background:#65a7e8;border-color:#65a7e8;color:#65a7e8;}
.main-register .step-item__number{width:48px;font-size:18px;font-weight:700;line-height:40px;border-radius:48px;color:inherit;background:#fff;border:4px solid;border-color:inherit;-webkit-box-shadow:0 0 0 5px #fff;box-shadow:0 0 0 5px #fff;text-align:center}
.main-register .step-item.is-process .step-item__content{color:#fff;}
.main-register .step-item__content{padding-left:20px;padding-right:45px;text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1;color:inherit;overflow:hidden;}
.main-register .step-item__content>span{display:inline-block;line-height:1.2;vertical-align:middle;}
.main-register .step-item__content>.align-middle-span{height:100%;}
.main-register .step-item.is-wait{color:#606266;border-color:#e8edf2;background:#e8edf2;}
.main-register .step-item+.step-item{position:relative;}
.main-register .layui-form .layui-form-label{width: 84px;}
.main-register .layui-form-item .layui-input-inline{width: 720px;}
.main-register .layui-form .layui-input-block{margin-left: 114px;}
.main-register .cus-form{max-width: 900px;width: 100%;margin: 0 auto;}
.main-register .layui-form-item{position: relative;margin-bottom: 20px;}
.main-register .layui-form-item .layui-form-mid{position: absolute;text-align:left;left:847px;top: 0;width: 287px;}
.main-register .member-verify .layui-form-mid{width: 120px;padding:0px 0!important;left: 713px;}
.main-register .member-verify .layui-form-mid button{width:76px;color:#000;margin-left: 18px;height: 35px;line-height: 35px;}
.main-register .layui-btn-primary:hover{border:1px solid #9e9898}

.main-register .member-verify .layui-form-mid button .send_times{display:none;}
.main-register .agreement-relative{width:600px;margin:27px auto;}
.main-register .agreement-relative .agre-model{width:72px;display:inline-block}
.main-register .agreement-relative .agre-model:first-child{width:20px}
.main-register .agreement-relative a,.exist-account a{color:#65a7e8}
.main-register .hide{display:none}
.main-register .layui-form-label span{color:red;line-height:20px}
.main-register .register-button{margin-bottom:86px;position:relative}
.main-register .register-button button:first-child{width: 180px;background-color:#65a7e8;border:1px solid #65a7e8}
.main-register .register-button .exist-account{position:absolute;right:220px;bottom: -44px;font-size:13px;}
/*登录页面*/
.sign-in-content h1{font-size:18px;color:#606266;line-height:28px;margin:0 0 12px;}
.sign-in-content .sign-in-form{position:absolute;top:120px;right:60px;}
.signin__container{display:inline-block;max-width:350px;padding:20px;width:100%;background:#fff;top:18%;right:23%;position:absolute;}
.sign-in-content{text-align:center;}.el-form-item{margin-bottom:22px;}
.el-form-item__content{line-height:40px;position:relative;font-size:14px;}
.el-input{position:relative;font-size:14px;display:inline-block;width:100%;}
.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:none;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;}
.mb8{margin-bottom:8px;}
.el-checkbox{color:#606266;font-weight:500;font-size:14px;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px;}
.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:none;display:inline-block;line-height:1;position:relative;vertical-align:middle;}
.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);}
.el-checkbox__original{opacity:0;outline:none;position:absolute;margin:0;width:0;height:0;z-index:-1;}
.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px;}
.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-color:#dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:10px 20px;font-size:14px;border-radius:4px;}
.el-button-text{border-color:transparent;color:#65a7e8;background:transparent;padding-left:0;padding-right:0;}
.signin__container .signin-btn{margin-bottom:10px;line-height:40px;height:40px;color:#fff;border-radius:40px;text-align:center;cursor:pointer;background:#3fc9fd;background:-webkit-gradient(linear,left top,right top,from(#3fc9fd),to(#1e8ffd));background:linear-gradient(90deg,#3fc9fd,#1e8ffd);}
.signin__container .signup-tip{text-align:center;line-height:30px;}
#sign-in-content h1{font-size: 18px;color: #606266;line-height: 28px;margin: 0 0 12px;    text-align: center;}
#sign-in-content #verify_img{width: 100px;height: 39px;margin-left: 10px;cursor:pointer;}
.hide{display:none !important}
/*退出*/
.user_lgout{cursor:pointer;}

/*文档*/
.main-article{text-align:center;display:flex}
.left-nav{
    z-index: 2;
    padding-top: 10px;
    background-color: #EEEEEE;
    width: 280px;
    max-width: 280px;
    overflow: auto;
    overflow-x:hidden;
    border-right: 1px solid #e5e5e5;
	text-align:left;
}
.left-nav a{color:#333;}
.left-nav #left_nav li{
    border-bottom: 1px solid #e5e5e5;
}
.left-nav #left_nav li:hover > a{
    /*color: blue;*/
}
.left-nav #left_nav li a{
    font-size: 14px;
    padding: 10px 15px 10px 20px;
    display: block;
    cursor: pointer;
	white-space: nowrap;
}

.left-nav #left_nav li cite{
	font-weight: bold;
}

.left-nav #left_nav  .li-category2 a cite {
    font-size: 11px;
}

.left-nav #left_nav li a cite{
    font-size: 13px;
}

.left-nav #left_nav li .sub-menu,.left-nav #left_nav li .sub-menu2{
    display: none;
}
.left-nav #left_nav li .sub-menu li:hover，.left-nav #left_nav li .sub-menu2 li:hover{
    /*color: blue;*/
     /*background: #fff url() 0 0 no-repeat;*/
}
.left-nav #left_nav li .sub-menu li a，.left-nav #left_nav li .sub-menu2 li a{
    padding: 12px 15px 12px 20px;
    font-size: 14px;
    cursor: pointer;
	width: 180px;
	 overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
}
.li-category2 a cite,.li-category2 a .iconfont{color:#886600}
.left-nav #left_nav li .sub-menu li{padding-left:11px;}
.left-nav #left_nav li .sub-menu li a:hover，.left-nav #left_nav li .sub-menu2 li a:hover{
    color: #148cf1;
}
.left-nav #left_nav li .sub-menu li a i，.left-nav #left_nav li .sub-menu2 li a i{
    font-size: 12px;
}
.left-nav #left_nav li a i{
    line-height: 14px;
}
.left-nav #left_nav li .nav_right{
    float: right;
    font-size: 16px;
}
.page-content{
    z-index: 1;
	flex:1;
	margin-left:6px;
}
.page-content .home-icon{margin-left:20px;}
.page-content .tab{
    /* height: 100%; */
    width: 100%;
    background: #EFEEF0 url() 0 0 no-repeat;
    margin: 0px;
    box-sizing: border-box
}
.page-content .layui-tab-title{
    /*padding-top: 5px;*/
    height: 35px;
    background: #EFEEF0 url() 0 0 no-repeat;
    position: relative;
    z-index: 100;
	border-right:1px solid #b9b9ba;
	margin-top:6px;
}
.page-content .layui-tab-title li.home i{
    padding-right: 5px;
}
.page-content .layui-tab-title li.home .layui-tab-close{
    display: none;
}
.page-content .layui-tab-title li{
    line-height: 35px;
}
.page-content .layui-tab-title .layui-this:after{
    height: 36px;
}
.page-content .layui-tab-title li .layui-tab-close{
    border-radius: 50%;
}
.page-content .layui-tab-title .layui-this{
    
}
.page-content .layui-tab-content{
    width: 100%;
    background: #fff 0 0 no-repeat;
    padding: 20px 0 20px 40px;
	line-height: 30px;
    font-size: 14px;
    color: #333;
	box-sizing:border-box;
	margin-bottom: 164px;
}

.page-content .layui-tab-content .layui-tab-item{
    width:100%;
    height: 100%;
    
}

/*404页面样式*/
#tab_right{
    display: none;
    width: 80px;
    position: absolute;
    top: 35px;
    left: 0px;
}
#tab_right dl{
    top: 0px;
}
#tab_show{
    position: absolute;
    top: 36px;
    bottom: 0px;
    width: 100%;
    background:rgb(255, 255, 255,0);
    padding: 0px;
    overflow: hidden;
    display: none;
}


@media screen and (max-width: 768px){
    .left-nav{
        left: -221px;
    }
    .page-content{
        left: 0px;
    }
    .page-content .layui-tab-content .layui-tab-item{
        -webkit-overflow-scrolling: touch; 
        overflow-y: scroll; 
		width: 94%;
    }
}




/*精细版样式*/
.x-admin-sm{
    font-size: 12px;
}
.x-admin-sm body{
    font-size: 12px;
}
/*登录页面样式*/
.x-admin-sm .left-nav #left_nav li a cite{
    font-size: 12px;
}
.x-admin-sm .iconfont{
    font-size: 14px;
}
.x-admin-sm .layui-tab-title li{
    font-size: 12px;
}
.x-admin-sm .layui-icon{
    font-size: 14px;
}

.layui-content section{display: block;margin-left:100px;}
.layui-content section h2{margin-bottom: 24px;}
.layui-content section ul{list-style: disc;line-height: 24px;margin-bottom: 24px;}
.layui-content section ul li{list-style: disc;margin-left: 24px;}
.layui-content section ul li>ul{
margin-bottom: 12px;
}
.layui-content section ul li.toctree-l1{list-style:none;}
.layui-content section ul li.toctree-l1 a{font-size:15px;}
.layui-content section ul li .toctree-l2{list-style:circle;    margin-left: 24px;}