/**************************************************************************************/
/* 布局（全局、导航、脚注） */
/**************************************************************************************/

/** [全局定义] */
html{overflow-x:auto;}
body,table,td,div{font-size:14px;line-height:120%;}
a,a:visited{color:#333;text-decoration:none;cursor:pointer;}
a:active,a:hover{color:#1e7eec;text-decoration:none;}
a.blue,a.blue:visited{color:#0066cc;text-decoration:none;cursor:pointer;}
a.blue:active,a.blue:hover{color:#0066cc;text-decoration:underline;}

/* [顶导航] */
.topnav {position:fixed;top:0;left:0;width:100%;min-width:1349px;color: #fff;background-color:#00a2eb;height:55px;z-index:99;}
.topnav .logo {float:left;width:60px;height:55px;line-height:55px;background-color:#008bd2;}
.topnav .logoname {float:left;font-size:28px;width:240px;height:55px;line-height:52px;background-color:#00a2eb;color:#fff;padding-left:10px;border-right:1px solid #008bd2;}

.topnav .topnavleft {float:left;height:55px;line-height:55px;}
.topnav .topnavleft .nav {float:left;width:96px;height:55px;line-height:55px;font-size:16px;margin-right:5px;text-align:center;letter-spacing:2px;cursor:pointer;}
.topnav .topnavleft .nav:hover{color:#fff;background-color:#008bd2;border-left:1px solid #0583cc;border-right:1px solid #0583cc;}
.topnav .topnavleft .nav.active{color:#fff;background-color:#008bd2;border-left:1px solid #0583cc;border-right:1px solid #0583cc;}

.topnav .topnavright {float:right;height:55px;}
.topnav .topnavright .nav {float:left;height:55px;line-height:55px;font-size:14px;border-left:1px solid #008bd2;}
.topnav .topnavright .nav:hover {background-color:#01a7f2; color:#fff;}
.topnav .topnavright .query{float:left;width:300px;margin-right:15px;height:55px;line-height:50px;text-align:center;}
.topnav .topnavright .query input{width:85%;color:#ffffff;border-bottom:1px solid #f5f5f5;border-top:0px;border-left:0px;border-right:0px; -webkit-box-shadow:none;-moz-box-shadow:none;  box-shadow:none;background-color:transparent;}
@media screen and (max-width:1430px){.topnav .topnavleft .nav {width:88px;}.topnav .topnavright .query{width:250px;}}
@media screen and (max-width:1360px){.topnav .topnavleft .nav {width:88px;}.topnav .topnavright .query{width:200px;}}

/* [顶导航固定55px] */
.topnav-margin{position:relative;width:100%;height:55px;}

/**************************************************************************************/
/* 容器内容 */
/**************************************************************************************/

/** [容器定义] */
.container {display: flex;width:100%;min-width:1250px;height:100%;min-height:1000px;overflow:hidden;background-color:#fff;}

/* [主体部分] */
.mainbody{position:relative;width: 100%;}
.mainbody .content{position:relative;float:left;width:100%;padding:25px;}

/* 当前位置 */
.mainbody .breadcrumb{position:relative;float:left;width: 100%;}



.scrolltotop{position:fixed;right:20px;bottom:20px;display:none;z-index:99999;border:1px solid #d3d3d3;padding:10px;cursor:pointer;}
.scrolltotop:hover{background-color:#333;}

/* [脚注] */
.footer {position:relative;width:100%;min-width:1250px;z-index:0;display:block;border-top:1px solid #e6e6e6;overflow:hidden;}
.footer-wrap {margin:10px auto;height:160px;width:1250px;text-align:center;color:#333;font-size:14px;}
.footer li {float:left;height:130px;margin:10px 20px 10px 0;text-align:left;line-height:30px;color:#888;}
.footer li a {margin:10px;color:#888;}
.footer li a:hover {color:#1e7eec;}
.footer li.fproduct{width:180px;margin-left:30px;}
.footer li.fhelp{width:222px;}
.footer li.fabout{width:190px;}
.footer li.abountus {width:300px;}
.footer li.fproduct,.footer li.fhelp,.footer li.fabout{border-right:1px dashed #ccc;}

@media screen and (max-width: 1071px) {
    .footer li.fproduct{width:140px;}
    .footer li.fhelp{width:180px;}
    .footer li.fabout{width:150px;}
    .footer li.abountus {width:280px;}
}

.footer-cp {position:relative;width:100%;min-width:1250px;height:85px;line-height:85px;background-color:#eee;overflow:hidden;}
.footer-cp-wrap{position:relative;margin:0 auto;width:1250px;height:85px;z-index:0;display:block;overflow:hidden;}
.footer-cp .footer-text{width:1250px;height:85px;line-height:85px;text-align:center;}
@media screen and (max-width: 1071px) {
    .footer-cp-wrap{width:1000px;}
    .footer-cp .footer-text{width:1000px;margin-left:-100px;}
}

/* [边导航] */
.sidebar-top{position:relative;float:left;width:60px;height:100%;overflow:hidden; background-color:#333;z-index:20;padding-bottom: 9999px;margin-bottom: -9999px;}
.sidebar-top li{position:relative;float:left;width:60px;height:70px;display:inline-block;text-align:center;color:#fff;padding:13px 0;line-height:22px;}
.sidebar-top li:hover{background-color:#414750;cursor:pointer;}
.sidebar-top li.active{background-color:#5c5c5c;}
.sidebar-top li i{font-size:22px;}
.sidebar-top .avatar{text-align:center;padding:16px 5px;cursor:pointer;}

.sidebar-child{position:relative;margin-left:60px;width:240px;height:100%;overflow:hidden; background-color:#f2f2f2;border-right:1px solid #d8dce5;z-index:20;padding-bottom: 9999px;margin-bottom: -9999px;}
.sidebar-child p{position:relative;float:left;width:240px; height:40px;line-height:40px;color:#333; padding-left:25px; background-color:#f2f2f2;cursor:pointer;}
.sidebar-child p a{color:#333;}
.sidebar-child p .f-arrow>span{border-color:#eff6fc transparent transparent;}
.sidebar-child p:hover{background-color:#f2f1ed;color:#008bd2;}
.sidebar-child p.active{background-color:#e4e3df;color:#008bd2;}
.sidebar-child p:hover>.f-arrow>span{border-color:#333 transparent transparent;}
.sidebar-child p.active>.f-arrow>span{border-color:#333 transparent transparent;}

.sidebar-child ul{position:relative;width:240px;height:auto;overflow:hidden;}
.sidebar-child ul li{float:left;width:240px;height:40px;color:#666;line-height:40px;padding-left:40px;cursor:pointer;}
.sidebar-child ul li a{color:#666;}
.sidebar-child ul li:hover{background-color:#f2f1ed; color:#008bd2;}
.sidebar-child ul li.active{background-color:#e4e3df; color:#008bd2;}

.sidebar-child .info{position:relative;width:100%;padding:25px;}

/* [表单 登录/注册] */
.form {position:relative;min-height:500px;background-image: url(background.jpg);background-attachment: fixed;background-position:left top;backdround-size:100%;}
.form .title {position:absolute;z-index:90; margin: auto;top:0;left:0;bottom:0;right:0;width:485px;border:1px solid #ccc;background-color: #ffffff;border-radius:10px;padding: 30px 20px;}

/* [结果] */
.result{position:relative;width:1200px;margin:0px auto;padding-top:100px;min-height:400px;overflow:hidden;background:#fff;z-index:0;}
.result a{color:#2293e4;}