@charset "utf-8";
/*全局样式
---------------------------------------------*/
body { margin: 0 auto; padding: 0; width: 100%; color: #333; font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif !important; text-align: center; background: #fff; -webkit-font-smoothing: antialiased; }
input, select, textarea, img, p, h1, h2, h3, h4, h5 { margin: 0; padding: 0; border: 0; font-family: 'Microsoft YaHei','微软雅黑'; }
a { color: #333; text-decoration: none; }
a:hover { color: #C40000; text-decoration: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
ul, li { margin: 0 auto; padding: 0; list-style-type: none; }
table { border-collapse: collapse; border-spacing: 0; }
.msg-text { line-height: 50px; }
.msg-text p { margin-bottom: 0; color: #0099ff; }
.msg-box { display: block; margin: 0; padding: 6px; border: 1px solid #fbf2b5; background: #fcfbda; }
.msg-box i { display: block; float: left; margin: 4px 0 0; font-size: 18px; color: #A094A9; width: 18px; height: 18px; text-align: center; vertical-align: middle; }
.msg-box p { margin-left: 20px; line-height: 24px; color: #A4A147; font-size: 14px; }
/*Clear Fix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.red { color: red; }
.error-msg { font-size: 12px; color: red; display: inline; }
input::placeholder { color: #666; }
.noborder {border: none !important; outline: none; caret-color: transparent; }
/*页面布局
----------------------------------------------*/
.section { position: relative; margin: 0 auto; width: 1200px; min-width: 750px; max-width: 1200px; text-align: left; }
.wrapper { position: relative; margin: 0 auto; padding: 0 0 30px 0; width: 100%; height: auto; text-align: center; background: #f5f5f5; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.conn-wrap { background: #fff; overflow: hidden; }
.conn-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.left-75 { float: left; position: relative; width: 80%; *width: 79.99%; }
.left-25 { float: left; position: relative; width: 20%; }
.left-wrap { margin: 0 15px 20px 0px; background: #fff; }
.left-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.left-wrap.nobg { background: none; }
.left-wrap.high { min-height: 642px; _height: 642px; }
.right-wrap { margin: 0px 0px 20px 0px; background: #fff; }
.right-wrap.high { min-height: 642px; _height: 642px; }
/*页面标题
----------------------------------------------*/
.main-tit { padding-top: 40px; }
.main-tit h2 { height: 30px; line-height: 30px; text-align: center; color: #666; font-size: 20px; font-weight: 600; }
.main-tit p { height: 30px; line-height: 30px; text-align: center; color: #a6a6a6; font-size: 13px; }
.side-tit { margin: 50px auto 20px auto; text-align: left; line-height: 30px; height: 30px; }
.side-tit h2 { float: left; color: #333; font-size: 20px; font-weight: 600; }
.side-tit a { float: right; }
.side-tit i { color: #b0b0b0; }
.side-tit a i:hover { color: #0099ff; }
.conn-tit { margin: 0 auto; padding: 20px; line-height: 30px; color: #c00; font-size: 30px; text-align: center; font-weight: 300; }
.sub-tit { margin: 0 50px; padding: 30px 0 20px; border-bottom: 1px solid #e0e0e0; color: #333; font-size: 20px; font-weight: 600; line-height: 1em; }
.sub-tit span { font-weight: normal; }
.base-tit { border-bottom: 1px solid #f0f0f0; color: #3b8dd1; line-height: 1em; font-size: 18px; font-weight: normal; }
.base-tit span { position: relative; top: 1px; display: inline-block; padding: 10px 0; border-bottom: 1px solid #3b8dd1; }

/*页面头部
----------------------------------------------*/
.header-top { height: 40px; line-height: 40px; background: #333; color: #ffffff; font-size: 12px; }
.header-top .left-box { display: block; float: left; width: 33.3333%; }
.header-top .left-box span { color: #ffffff; font-size: 12px; }
.header-top .left-box a { margin: auto 3px; color: #ffffff; }
.header-top .right-box { float: right; }
.header-top .right-box .right-nav a { margin: auto 8px; color: #ffffff; font-size: 12px; _display: inline; *zoom: 1; }
.header-top .right-box .right-nav a.last { margin-right: 0; }
.header-top .right-box .right-nav strong { color: #ffffff; font-size: 12px; font-weight: 700; }
.header-top a:hover { color: #ffffff; text-decoration: underline; }

.header-nav { position: relative; margin: 0 0px; height: 100px; }
.header-nav .logo { position: absolute; top: 19px; left: 0; width: 18%; height: 60px; }
.header-nav .nav-box { position: absolute; top: 30px; left: 0; right: 0; margin: auto 25% auto 22%; height: 40px; }
.header-nav .nav-box ul li { margin: 0 0 0 5%; float: left; line-height: 40px; _margin-left: 3%; }
.header-nav .nav-box ul li a { color: #333; font-size: 16px; line-height: 40px; }
#index .index a, #product .product a, #news .news a, #auth .auth a, #help .help a,
.header-nav .nav-box ul li a:hover { color: #C40000; font-weight: bold; }

.header-nav .search-box { position: absolute; top: 25px; right: 0; width: 25%; height: 50px; overflow: hidden; }
.header-nav .search-box .input-box { position: absolute; top: 0; left: 0; right: 75px; bottom: 0; }
.header-nav .search-box .input-box input { display: block; margin: 0; padding: 6px 12px; width: 100%; height: 34px; line-height: 34px; background: #fff; border: 1px solid #e5e5e5; color: #333; font-size: 14px; transform: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.header-nav .search-box input::-moz-placeholder { color: #b3b3b3; opacity: 1; }
.header-nav .search-box a { display: block; position: absolute; top: 0; right: 0; bottom: 0; padding: 6px 17px; width: 14px; height: 34px; line-height: 34px; font-size: 16px; background: #fff; border: 1px solid #e5e5e5; border-radius: 0; cursor: pointer; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; *top: 1px; }
.header-nav .search-box a i { position: absolute; font-size: 36px; right: 5px; }
.header-nav .search-box a:hover { background: #0099ff; border-color: #0099ff; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.header-nav .search-box a:hover i { color: #fff !important; }

/*内容样式
----------------------------------------------*/
/*列表样式*/
.icon-list { display: block; margin: 0; padding: 0; height: auto; }
.icon-list ul { position: relative; display: block; margin: 40px 15px; _display: inline; _zoom: 1; }
.icon-list ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.icon-list li { display: block; float: left; margin: 0; width: 20%; height: auto; text-align: center; overflow: hidden; }
.icon-list li.icon-box .img-box { position: relative; display: block; margin: 0 auto; width: 128px; height: 128px; }
.icon-list li.icon-box .img-box img { width: 100%; height: 100%; border-radius: 50%; }
.icon-list li.icon-box h3 { display: block; padding: 10px 12px; color: #333; font-size: 15px; font-weight: normal; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.icon-list li.icon-box p { padding: 0 12px; color: #999; font-size: 13px; line-height: 24px; }

.lay-list { display: block; margin: 0; padding: 0; height: auto; }
.lay-list ul { display: block; margin: 0; padding: 0; *zoom: 1; }
.lay-list ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.lay-list ul li { float: left; width: 25%; height: auto; text-align: left; *width: 24.9999%; }
.lay-list .list-box { display: block; position: relative; margin: 0 15px; }
.lay-list .side-box { position: relative; padding: 10px 30px; background: #fff; overflow: hidden; _display: inline; *zoom: 1; }
.lay-list .side-box:hover { box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.1); transform: translate3d(0, -2px,0); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.lay-list .side-box .img-list { position: relative; margin-top: 20px; padding-bottom: 15px; border-bottom: 1px solid #eee; _display: inline; *zoom: 1; }
.lay-list .side-box .img-list:last-child { border-bottom: 0; }
.lay-list .side-box .img-list .img-box { float: left; padding-right: 10px; }
.lay-list .side-box .img-list .img-box img { width: 70px; height: 53px; }
.lay-list .side-box .img-list .txt-box { text-align: left; }
.lay-list .side-box .img-list .txt-box a { position: relative; display: block; margin-bottom: 5px; height: 32px; line-height: 16px; overflow: hidden; }
.lay-list .side-box .img-list .txt-box span { color: #b0b0b0; font-size: 12px; line-height: 18px; }
.lay-list .side-box .img-list p { display: block; margin-top: 6px; width: 100%; line-height: 18px; height: 35px; color: #666; font-size: 12px; overflow: hidden; }
.lay-list .side-box .txt-list { border-bottom: 1px solid #eee; line-height: 53px; height: 53px; }
.lay-list .side-box .txt-list:last-child { border-bottom: none; }
.lay-list .side-box .txt-list a { display: block; width: 100%; line-height: 53px; color: #333; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.lay-list .side-box .txt-list a:hover { color: #0099ff; }
.lay-list .side-box .txt-list a i { margin-right: 5px; font-size: 12px; _display: none; }
.lay-list.list .side-tit { margin-left: 15px; margin-right: 15px; }
.lay-list.list .list-box { margin: 0 15px 30px; }
.lay-list.list .side-box { padding: 0; }
.lay-list.list .side-box .img-box { position: relative; width: 100%; height: 200px; overflow: hidden; }
.lay-list.list .side-box .img-box img { display: block; min-width: 100%; min-height: 100%; _width: 100%; _height: 100%; }
.lay-list.list .side-box h3 { margin: 15px 25px 10px; line-height: 20px; height: 20px; color: #333; font-size: 14px; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.lay-list.list .side-box p { margin: 0 25px 25px; line-height: 21px; height: 42px; color: #b0b0b0; font-size: 12px; overflow: hidden; }

.n-list { padding: 0 15px; }
.n-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.n-list ul li { float: left; margin-bottom: 30px; width: 50%; }
.n-list ul li .list-box { position: relative; margin: 0 15px; padding: 30px; background: #f5f5f5; }
.n-list ul li .list-box h3 { display: block; color: #333; font-size: 16px; font-weight: normal; line-height: 16px; }
.n-list ul li .list-box .info { margin: 10px 0 0; }
.n-list ul li .list-box .info span { margin-right: 10px; color: #b0b0b0; font-size: 13px; line-height: 20px; }
.n-list ul li .list-box .info span i { margin-right: 5px; display: inline-block; font-size: 14px; line-height: 14px; }
.n-list ul li .list-box .note { margin: 10px 0 0; _display: inline; *zoom: 1; }
.n-list ul li .list-box .note:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.n-list ul li .list-box .note .img-box { position: relative; float: left; margin-right: 4%; width: 30%; height: 90px; overflow: hidden; }
.n-list ul li .list-box .note .img-box img { width: 120px; height: 90px; }
.n-list ul li .list-box .note p { display: block; float: left; width: 66%; *width: 65.9%; height: 90px; line-height: 22.5px; color: #757575; font-size: 13px; overflow: hidden; }
.n-list ul li .list-box .note p.full { width: 100%; }

.v-list ul .nodata { margin: auto 15px; padding: 78px 20px; background: #fff; text-align: center; color: #999; font-size: 14px; line-height: 24px; }
.v-list li { float: left; margin-bottom: 30px; width: 50%; }
.v-list li .list-box { position: relative; margin: 0 15px; height: 180px; background: #fff; }
.v-list li .list-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.v-list li .list-box .img-box { position: relative; float: left; margin-right: 20px; width: 180px; height: 180px; overflow: hidden; }
.v-list li .list-box .img-box img { display: block; min-width: 100%; min-height: 100%; max-width: 100%; _width: 100%; _height: 100%; }
.v-list li .list-box .note { margin: 0 15px 0 20px; }
.v-list li .list-box .note h3 { display: block; color: #333; font-size: 16px; font-weight: normal; line-height: 60px; }
.v-list li .list-box .note .info { display: block; margin: 0 0 10px 0; }
.v-list li .list-box .note .info span { margin-right: 10px; color: #999; font-size: 13px; line-height: 20px; }
.v-list li .list-box .note .info span i { margin-right: 5px; display: inline-block; font-size: 14px; line-height: 14px; }
.v-list li .list-box .note p { display: block; line-height: 24px; height: 72px; color: #666; font-size: 13px; overflow: hidden; }

/*路径*/
.guild { padding: 10px 0px; height: 22px; font: 12px/22px "宋体"; }
.guild i { padding-right: 5px; color: #999999; }
.guild span { font-size: 12px; color: #333333; }
.guild span a { margin: 0px 8px; color: #333333; }
.guild span a:hover { text-decoration: none; color: #C40000; }

/*分页*/
.paging { width: 100%; text-align: center; font: 14px/28px "宋体"; padding-top: 15px; padding-bottom: 30px; }
.paging a, .paging span { background: #fff; font: 15px/45px "宋体"; padding: 10px; border: 1px solid #eee; margin-right: 10px; color: #333; }
.paging a.show, .paging a:hover { background: #fff; color: #0099ff; border: 1px solid #0099ff; }
.paging span.current { background: #0099ff; color: #fff; }
.paging .pageInfo:hover { background: #fff; color: #333; border: 1px solid #eee; }
/*内容样式*/
.sub-nav { margin: 30px auto 50px; padding-bottom: 30px; text-align: center; color: #333; font-size: 16px; line-height: 1em; border-bottom: 1px solid #e0e0e0; }
.sub-nav.short { padding-bottom: 0; border-bottom: 0; }
.sub-nav a { margin-left: 10px; color: #333; }
.sub-nav a:hover, .sub-nav a.selected { color: #0099ff; }
.sub-nav i { margin-left: 10px; color: #e0e0e0; }
.screen-box { display: block; position: relative; margin: 0 15px 20px; padding: 10px 15px; color: #333; background: #fff; }
.screen-box h4 { display: block; float: left; width: 50px; text-align: right; line-height: 30px; font-weight: normal; }
.screen-box ul { display: block; margin-left: 50px; }
.screen-box ul li { display: inline-block; padding: 0 2%; line-height: 30px; *display: inline; *zoom: 1; }
.screen-box ul li a { color: #333; }
.screen-box ul li a:hover, .screen-box ul li.selected a { color: #0099ff; }

.sidebar-box { margin: 0 0 30px; padding: 20px; background: #fff; }
.sidebar-box h4 { margin: 0; padding: 0 0 20px; border-bottom: 1px solid #e0e0e0; color: #333; font-size: 17px; font-weight: 300; line-height: 1em; }
.sidebar-box .txt-list li { margin-top: 20px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.sidebar-box .txt-list li label { display: inline-block; margin: 0 5px 0 0; width: 20px; height: 20px; line-height: 20px; color: #fff; font-size: 14px; font-weight: 400; text-align: center; background: #999; border-radius: 3px; }
.sidebar-box .txt-list li label.hot { background: #0099ff; }
.sidebar-box .txt-list li a { line-height: 20px; color: #333; }
.sidebar-box .txt-list li a:hover { color: #0099ff; }
.sidebar-nav { padding: 0 30px; }
.sidebar-nav ul li { padding: 25px 0; border-bottom: 1px solid #e0e0e0; overflow: hidden; }
.sidebar-nav ul li:last-child { border-bottom: none; }
.sidebar-nav ul li h2 { margin-bottom: 10px; color: #333; font-size: 18px; font-weight: normal; line-height: 20px; }
.sidebar-nav ul li h2 i { display: inline-block; color: #999; font-size: 20px; line-height: 14px; }
.sidebar-nav ul li h2 span { margin-left: 5px; font-weight: 700; }
.sidebar-nav ul li .list { margin: 0 0 0 25px; }
.sidebar-nav ul li .list p { margin-top: 5px; line-height: 25px; }
.sidebar-nav ul li .list a { color: #757575; }
.sidebar-nav ul li.selected .list a, .sidebar-nav ul li .list a:hover { color: #0099ff; }

/*内容标题样式*/
.meta { margin: 0; padding: 50px 50px 0 50px; }
.meta:after { clear: none; content: ""; display: block; height: 0; visibility: hidden; }
.meta h2 { margin: 0 0 20px; padding: 0; color: #333; font-size: 24px; font-weight: 300; line-height: 1em; }
.meta .info { margin: 0 0 10px; }
.meta .info span { margin-right: 10px; color: #b0b0b0; font-size: 12px; line-height: 14px; }
.meta .info span i { margin-right: 5px; display: inline-block; font-size: 14px; }
.meta .note { margin-top: 10px; padding: 15px 20px; background: #f5f5f5; line-height: 22px; color: #757575; font-size: 12px; }
/*内容详细样式*/
.entry { margin-top: 20px; padding: 0 50px 30px; font-size: 14px; line-height: 2em; word-wrap: break-word; }
.entry img { max-width: 100%!important; height: auto!important; }
.entry h2, .entry h3, .entry h4 { margin: 0.8em auto; padding-bottom: 5px; border-bottom: 1px solid #f6f6f6; color: #333; }
.entry h2 { font-size: 1.2em; }
.entry h3, .entry h4 { font-size: 1.1em; }
.entry strong { color: #DC2523; }
.entry ul, .entry ol { margin: 1em; padding: 0; }
.entry li { margin-left: 1em; }
.entry ul li { list-style: disc outside none; }
.entry ol li { list-style: decimal outside none; }
.entry p { display: inherit; margin: 1em 0; color: #333; word-wrap: break-word; }
.entry a { text-decoration: underline; }
.entry code { display: block; padding: 0.5em; background: #eee; border-radius: .5em; color: #777; font-family: 'courier new'; font-size: 12px; line-height: 1.7em; }
.entry table { margin: 10px auto; border-left: 1px solid #eee; border-top: 1px solid #eee; }
.entry table th { background: #F9F9F9; text-align: center; }
.entry table td, .entry table th { border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 0.35em 0.5em; }

/*内容表单样式*/
.form-wrap { margin-top: 20px; padding: 0 50px 30px; }
.form-wrap .tip { margin-bottom: 10px; color: #0099ff; font-size: 18px; line-height: 1em; }
.form-wrap .from-group { margin-top: 30px; }
.form-wrap .from-group img { vertical-align: middle; }
.form-wrap .from-group .form-control { display: inline-block; margin: 0; padding: 6px 12px; line-height: 28px; background: #fff; border: 1px solid #e5e5e5; color: #333; font-size: 14px; font-weight: normal; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.form-wrap .from-group .form-control::-moz-placeholder { color: #b3b3b3; opacity: 1; }
.form-wrap .from-group .form-control:focus { border-color: #999; box-shadow: none; outline: 0 none; }
.form-wrap .from-group select { display: inline-block; width: 40%; height: 40px; line-height: 40px; color: #333; font-size: 14px; border: 1px solid #e0e0e0; }
.form-wrap .from-group textarea { width: 80%; height: auto; }
.form-wrap .from-group input { width: 80%; height: 28px; }
.form-wrap .from-group input.code { width: 150px; }
.form-wrap .from-group input.submit { display: inline-block; margin: 0; padding: 10px 46px; width: auto; height: auto; color: #fff; font-size: 14px; border: 1px solid #0099ff; background: #0099ff; cursor: pointer; }

/*表单样式*/
.form-box { padding: 10px 0 30px; }
.form-box .form-group { margin: 0; padding: 10px 0; clear: both;font-size:15px; }
.form-box .form-group .tips { margin-left: 16%; color: #666; font-size: 12px; line-height: 20px; }
.form-box .form-group dt { display: block; float: left; padding-right: 1%; width: 12%; line-height: 34px; text-align: right; color: #666; }
.form-box .form-group dd { display: block; position: relative; margin-left: 13%;     line-height: 34px; }
.form-box .form-group dd .input { display: inline-block; padding: 0 5px; height: 34px; line-height: 34px; border: 1px solid #e0e0e0; margin-right: 10px; }
.form-box .form-group dd .select { display: inline-block; padding: 5px; height: 36px; line-height: 20px; border: 1px solid #e0e0e0; }
.form-box .form-group dd .textarea { display: inline-block; padding: 10px; width: 50%; height: 80px; line-height: 20px; border: 1px solid #e0e0e0; vertical-align: middle; overflow: auto; }
.form-box .form-group dd .submit { display: inline-block; margin: 0 0 0 5px; padding: 10px 46px; width: auto; height: auto; line-height: 20px; color: #fff; font-size: 14px; border: 1px solid #0099ff; background: #0099ff; cursor: pointer; }
.form-box .form-group dd .submit2 { display: inline-block; padding: 2px 2px; line-height: 20px; font-size: 12px; border: 1px solid #0099ff; background: #0099ff; color: #fff; cursor: pointer; }
.form-box .form-group dd .button { display: inline-block; margin: 0 0 0 5px; padding: 10px 46px; width: auto; height: auto; line-height: 20px; color: #666; font-size: 14px; border: 1px solid #eee; background: #eee; cursor: pointer; }
.form-box .form-group dd label.mart { margin-right: 5px; }

/*上传图片多张*/
.form-box .imgList li { display: inline-block; width: 126px; height: 126px; overflow: hidden; position: relative; margin-right: 10px; box-sizing: border-box; border: 1px solid #ccc; text-align: center; cursor: pointer; }
.form-box .imgList li img { width: auto; position: absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.form-box .imgList li span { position: absolute; top: 0; right: 0px; line-height: 14px; width: 16px; text-align: center; height: 15px; font-size: 23px; font-weight: normal; color: #ffffff; cursor: pointer; background: #c33; z-index: 999; transform: rotate(45deg); border-radius: 8px; }
.form-box .imgList li span:hover { background: #f00; }
.form-box .imgList li p { display: block; font-size: 30px; width: 20px; height: 20px; margin: 54px auto; line-height: 13px; color: #999; }
.form-box .imgList li:hover p { color: #c33; }
.form-box .imgList li input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0; opacity: 0; cursor: pointer; }
.form-box .imgList li.add font { margin: 45px; display: block; font-size: 36px; color: #999; }

/*全屏样式*/
.form-box.full { padding: 0 0 50px; }
.form-box.full .form-group dt { width: 40%; }
.form-box.full .form-group dd { margin-left: 42%; }
.form-box.full .form-group dd .input { width: 40%; }
.form-box.full .form-group dd .input.code { width: 80px; }

/*提示信息*/
.msg-tips { position: relative; margin: 30px auto; padding: 30px 0; width: 420px; font-size: 14px; text-align: left; }
.msg-tips .icon { display: block; float: left; width: 90px; height: 90px; }
.msg-tips .icon i { font-size: 90px; color: #0C0; }
.msg-tips .msg { margin-left: 90px; }
.msg-tips .msg strong { margin-bottom: 10px; color: #333; font-size: 16px; }
.msg-tips .msg p { line-height: 1.8em; }
/*会员界面样式*/
.login-wrap { margin: 50px auto 0; padding-bottom: 50px; width: 343px; overflow: hidden; }
.login-wrap .input-box { position: relative; display: inline-block; margin-bottom: 20px; padding: 0 10px; width: 320px; border: 1px solid #e5e5e5; height: 42px; line-height: 22px; color: #333; font-size: 14px; overflow: hidden; }
.login-wrap .input-box input { padding: 12px 0; width: 100%; height: 20px; line-height: 20px; font-size: 14px; }
.login-wrap .remember-box { margin-bottom: 30px; height: 20px; line-height: 20px; color: #909090; font-size: 14px; }
.login-wrap .remember-box input { vertical-align: middle; }
.login-wrap .remember-box label { margin-right: 7px; cursor: pointer; vertical-align: middle; }
.login-wrap .remember-box a { color: #00a7ea; vertical-align: middle; }
.login-wrap .btn-box { display: block; margin-bottom: 20px; height: 42px; }
.login-wrap .btn-box input { display: inline-block; width: 342px; height: 42px; line-height: 42px; background: #6caa4b; color: #fff; cursor: pointer; font-size: 14px; text-align: center; }
.login-wrap .tip-box { display: block; text-align: center; height: 20px; line-height: 20px; color: #f90; font-size: 13px; }
/*会员中心导航*/
.center-nav { padding: 20px 15px 15px; }
.center-nav ul li { padding: 0; overflow: hidden; }
.center-nav ul li h2 { margin-bottom: 10px; color: #333; font-size: 16px; font-weight: normal; line-height: 22px; height: 22px; }
.center-nav ul li h2 i { display: inline-block; margin-left: 10px; color: #666; font-size: 16px; line-height: 22px; height: 22px; }
.center-nav ul li h2 span { font-weight: bold; }
.center-nav ul li .list { margin: 0 0 15px 26px; font-size: 16px; }
.center-nav ul li .list p { margin-top: 5px; }
.center-nav ul li .list a { display: block; height: 32px; line-height: 32px; color: #757575; }
.center-nav ul li .list a i { float: right; line-height: 28px; font-size:14px;}
.center-nav ul li .list a.on { color: red; }
.center-nav ul li.selected .list a, .center-nav ul li .list a:hover { color: #0099ff; }
/*头像容器*/
.avatar-wrap { margin: 0px 15px 0px 0px; background: #fafafa; }
.avatar-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.avatar-wrap .avatar-box { padding: 10px 2px 10px 5px; border-bottom: 1px solid #e0e0e0; height: 75px; }
.avatar-wrap .avatar-box a { padding-top: 7px; }
.avatar-wrap .avatar-box .img-box { position: relative; display: block; float: left; margin-right: 5px; width: 55px; height: 55px; overflow: hidden; }
.avatar-wrap .avatar-box .img-box img { padding: 2px; width: 50px; height: 50px; border: 1px solid #f5f5f5; border-radius: 60px; background: #fff;    object-fit: contain; }
.avatar-wrap .avatar-box .img-box i { color: #ccc; font-size: 55px; line-height: 55px; }
.avatar-wrap .avatar-box h3 { margin: 0; color: #333; font-size: 14px; font-weight: normal; line-height: 32px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.avatar-wrap .avatar-box p { color: #666; font-size: 14px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.avatar-wrap .avatar-box p i { color: #0099ff; font-style: normal; }
/*标题导航*/
.tit-nav { margin: 0 10px 10px; padding-top: 35px; height: 42px; border-bottom: 1px solid #e0e0e0; font-size: 17px; }
.tit-nav .btn2 { color: #FFF; border: none; line-height: 26px; padding: 0 10px; background: #3399ff; border-radius: 3px; cursor: pointer; font-size: 12px; text-align: center; display: inline-block; }
.tit-nav .btn2:hover { color: #FFF; }
.tit-nav a.add { display: block; margin-right: 10px; float: right; color: #0099ff; font-size: 14px; line-height: 42px; }
.tit-nav a.add i { display: inline-block; color: #0099ff; font-size: 16px; }
.tit-nav ul { display: inline-block; }
.tit-nav ul li { margin: 0; padding: 0; display: inline-block; *display: inline; *zoom: 1; padding: 0 5px; line-height: 42px; }
.tit-nav ul li.selected { border-bottom: 2px solid #0099ff; color: #0099ff; }
.notice-list { position: relative; margin: 0 50px 20px;padding-bottom:10px; }
.notice-list ul .nodata { padding: 50px 0; border: 1px dotted #eee; line-height: 42px; text-align: center; color: #999; }
.notice-list ul li { display: block; clear: both; line-height: 40px; height: 40px; }
.notice-list ul li a { display: block; color: #666; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.notice-list ul li a:hover { color: #333; }
.notice-list ul li a i { margin-right: 5px; color: #999; }
.notice-list ul li a span { float: right; color: #999; }
/*中心头部*/
.head-wrap { position: relative; margin: 0 30px; padding: 50px 0 0; }
.head-wrap .img-box { display: block; float: left; width: 160px; text-align: center; }
.head-wrap .img-box img { width: 160px; height: 99px; border: 1px solid #eee; border-radius: 5px; }
.head-wrap .img-box i { color: #ccc; font-size: 120px; line-height: 1em; }
.head-wrap .img-box a { display: block; color: #0099ff; font-size: 14px; line-height: 24px; }
.head-wrap .list-box { position: relative; display: block; margin-left: 180px; }
.head-wrap .list-box h2 { display: block; color: #000; font-size: 18px; font-weight: normal; line-height: 42px; }
.head-wrap .list-box p { display: block; float: left; width: 50%; *width: 49.999%; line-height: 34px; color: #848484; font-size: 14px; }
.head-wrap .list-box p span { color: #666; }
/*中心按钮*/
.uicon-box { position: relative; margin: 0 50px; }
.uicon-box ul { }
.uicon-box ul li { position: relative; float: left; margin: 0; padding: 0; width: 20%; padding-top: 30px; }
.uicon-box ul li a { display: block; text-align: center; }
.uicon-box ul li a i { display: block; margin: 0 auto; padding: 10px; color: #0099ff; font-size: 46px; width: 60px; height: 60px; line-height: 60px; text-align: center; border: 1px solid #e0e0e0; border-radius: 50%; }
.uicon-box ul li a span { display: block; margin-top: 10px; line-height: 24px; text-align: center;font-size: 16px;}
/*选项卡*/
.mitems-box { position: relative; margin: 0 30px; padding: 10px 0; }
.mitems-box ul { display: block; margin-left: -15px; }
.mitems-box ul li { float: left; margin-left: 15px; }
.mitems-box ul li a { display: inline-block; padding: 7px 15px; border: 1px solid #e0e0e0; color: #757575; font-size: 14px; line-height: 20px; background: #fff; }
.mitems-box ul li.selected a { color: #0099ff; border-color: #0099ff; }
/*表格*/
.mtable-box { clear: both; display: block; margin: 0 10px; padding: 15px 0; }
.mtable { width: 100%; background: #fff; _width: auto; }
.mtable tr:nth-child(2n+1) { background: #f8f8f8; }
.mtable th { color: #6e717a; font-size: 15px; line-height: 42px; height: 42px; font-weight: 400; border: 1px solid #eee; background: #f5f5f5;text-align:center; }
.mtable tr:hover td { background: #e6eeff; }
.mtable td { color: #666; font-size: 15px; height: 42px;line-height:42px; border: 1px solid #eee;text-align:center; }
.mtable td.left {padding-left: 5px;text-align:left; }
.mtable td h4 { display: block; margin: 5px 0; color: #333; font-size: 15px; font-weight: normal; line-height: 24px; }
.mtable td p { display: block; margin: 5px 0; line-height: 24px; }
.mtable td p.nodata { padding: 50px 0; text-align: center; }
.mtable td p span { display: inline-block; margin-right: 5px; }
.mtable td p span.red { color: #F00; }
.mtable td p span i { margin-right: 3px; color: #0099ff; }
.mtable td .btn { display: block; margin: 5px 0; border: 1px solid #eee; font-size: 12px; text-align: center; line-height: 24px; }
.mtable td .btn:hover { color: #0099ff; border-color: #0099ff; }
.mtable tr td .more-btn { display: block; width: 20px; height: 20px; line-height: 20px; }
.mtable tr.more-box { display: none; }
.mtable td a { color: #0099ff; }
.mtable td a:visited { color: purple; }
/*搜索*/
.mtable-box .list-select { padding: 5px; font-size: 14px; }
.mtable-box .list-select input[type="text"] { display: inline-block; padding: 0 5px; height: 33px; line-height: 33px; border: 1px solid #dddddd; border-radius: 3px; }
.mtable-box .list-select select { height: 34px; line-height: 34px; border: 1px solid #dddddd; margin-right: 10px; border-radius: 3px; }
.mtable-box .list-select input[type="submit"] { min-width: 80px; line-height: 30px; font-size: 14px; border: 1px solid #0077b3; background: #0077b3; color: #fff; cursor: pointer; border-radius: 3px; padding: 0 5px; }


/*列表样式*/
.t-list { margin: 0 50px; }
.t-list ul li { margin-top: 20px; padding: 15px 20px; border: 1px solid #ebebeb; }
.t-list ul li.nodata { text-align: center; color: #999; }
.t-list ul li h2 { margin-bottom: 15px; color: #333; font-size: 16px; font-weight: normal; line-height: 1em; }
.t-list ul li h2 span { float: right; color: #999; font-size: 12px; }
.t-list ul li .list-box { position: relative; color: #666; font-size: 14px; }
.t-list ul li .list-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.t-list ul li .list-box .col { float: left; width: 34.5%; }
.t-list ul li .list-box .col.btn { float: right; width: 30%; }
.t-list ul li .list-box .col p { line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.t-list ul li .list-box .icon-box { margin-top: 10px; text-align: right; }
.t-list ul li .list-box .icon-box a { display: inline-block; margin-left: 10px; }
.t-list ul li .list-box .icon-box a i { padding: 5px; color: #0099ff; font-size: 16px; border: 1px solid #0099ff; border-radius: 16px; }
.t-list ul li .list-box .icon-box a span { display: block; line-height: 20px; color: #0099ff; font-size: 12px; text-align: center; }
.t-list ul li .list-box .icon-box a.lock i { color: #999; border: 1px solid #999; }
.t-list ul li .list-box .icon-box a.lock span { color: #999; }

.submit-box { padding-left: 12px; padding-top: 10px; }
.submit-box .btn { padding: 2px 2px; line-height: 20px; font-size: 12px; border: 1px solid #0099ff; background: #0099ff; color: #fff; cursor: pointer;     border-radius: 3px;}

/*页面底部
----------------------------------------------*/
.foot { background: #fff; border-top: 1px solid #d1d1d1; font-size: 13px; color: #666666; padding: 30px 0px 10px 0px; }
.foot p { padding-bottom: 10px; }
.foot a { color: #666666; display: inline; padding: 0px 5px; }

/*在线咨询*/
.zx-box { position: fixed; right: 0; bottom: 60px; width: 70px; height: 142px; z-index: 1000; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
*html { background-image: url(about:blank); background-attachment: fixed; }
.zx-box a { display: block; width: 70px; height: 70px; background: url(../images/zx_imgs.png) no-repeat; cursor: pointer; }
.zx-box .online { background-position: 0 0; }
.zx-box .online:hover { background-position: 0 -70px; }
.zx-box .tel { margin-top: 1px; background-position: 0 -140px; }
.zx-box .tel:hover { background-position: 0 -210px; }

/*右侧向上 strat*/
.online-wrap { position: fixed; right: 1px; bottom: 60px; z-index: 1000; }
.online-wrap a { display: block; margin-top: 1px; padding-top: 3px; width: 40px; height: 40px; line-height: 40px; color: #fff; background: #999; cursor: pointer; }
.online-wrap a:hover { background: #0099ff; }
.online-wrap a i { font-size: 20px; }
.online-wrap #gotop { visibility: hidden; }
.online-wrap #code-img { display: none; position: fixed; right: 47px; bottom: 146px; width: 100px; border: 1px solid #e0e0e0; background: #fff; text-align: center; cursor: pointer; }
.online-wrap #code-img img { width: 100px; height: 100px; }
.online-wrap #code-img p { padding-bottom: 12px; color: #0099ff; font-size: 13px; line-height: 1em; }
/*右侧向上 end*/

/*会员中心首页签到*/
.qiandao-box { height: 85px; width: 800px; float: left; padding-left: 86px; }
.qiandao-box h3 { height: 105px; float: left; font-size: 16px; font-weight: 400; line-height: 105px; }
.qiandao ul li { font-size: 12px; color: #999; float: left; margin-right: 27px; margin-left: 3px; margin-top: 30px; }
.qiandao { width: 666px; float: left; margin-left: 20px; display: block !important; }
.qiandao span { width: 30px; height: 30px; background: #f6f6f6; display: inline-block; border-radius: 26px; float: left; position: relative; }
.qiandao span img { margin: 4px; position: absolute; }
.qiandao i { width: 12px; background: #c2c2c2; border: none; float: left; display: inline-block; height: 1px; margin: 15px 6px; }
.qiandao .qiandao_btn { width: 78px; height: 28px; display: block; float: left; color: #fff; font-size: 12px; background: #ff6b3d; border-radius: 28px; text-align: center; line-height: 28px; border: none; transition: top 0.3s; cursor: pointer; margin-top: -4px; margin-left: 20px; }
.qiandao .qiandao_btn2 { width: 78px; height: 28px; display: block; float: left; color: #fff; font-size: 12px; border-radius: 28px; text-align: center; line-height: 28px; transition: top 0.3s; border: none; background: #c2c2c2; margin-top: -4px; margin-left: 20px; }
.qiandao .qiandao_btn:hover { margin-top: -6px; box-shadow: 0px 2px 0px 1px rgba(255, 107, 61, 0.4); }
.qiandao .count { display: block !important; }
.qiandao .count p { font-size: 14px; font-weight: bold; padding: 0px 0px 0px 5px; float: left; width: 140px; color: #333; }
.qiandao .count p span { color: #fc6143; float: none; width: auto; height: auto; background: none; }
.qiandao .count img { float: left; margin-left: 20px; margin-top: 3px; }

/*响应式布局
----------------------------------------------*/
@media only screen and (max-width:1170px) {
    .section { width: 970px; }
    .slide-box { height: 330px; }
}

@media only screen and (min-width:1171px) {
    .section { width: 1200px; }
}