html{color:#000;background:#fff}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
textarea {resize: none;}
ol,ul{list-style:none}
em,i {font-style: normal}
a{color:#333;text-decoration:none}
a:hover{color:#1989fa;text-decoration:none}
body{font:12px/20px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimSun","\5B8B\4F53";background-color: #f8f8f8;}
/*****Common*****/
.border{border: 1px solid #efefef;}
.border-cover-img{box-shadow: 0px 1px 3px rgba(0,0,0,.1);border-radius: 4px;}
.img-responsive {display: block;max-width: 100%;height: auto;}
.fn-clear:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}
/******header******/
.navbar{background-color:#1989fa}
.layui-nav .logo{display:inline-block}
.layui-nav .logo img{width:140px}
.navbar .layui-bg-blue{background-color:#1989fa!important}
.layui-nav .layui-nav-item a{color:#fff;font-weight:400}
.layui-nav .layui-nav-child a{color:#333}
.layui-nav .header-profile{float:right}
.layui-nav .header-profile .avatar{padding-left:1px}
/******body*****/
/******footer*****/
.footer{clear:both;margin-top:30px;padding:40px 0;border-top:2px solid #2d2d2d;background-color:#ececec;color:#5b6682;text-align:center;line-height:28px}
.footer p span{margin-left:11px}
.footer ul{overflow:hidden;margin:10px auto;padding-left:124px;zoom:1}
.footer ul li{float:left;margin-right:5px}
.footer a{color:#7a8399}
.footer a:hover{text-decoration:underline}

/*****覆盖layui-css*****/
.layui-tab-brief>.layui-tab-title .layui-this {color: #1989fa;}
.layui-tab-brief>.layui-tab-title .layui-this:after {border-bottom: 2px solid #1989fa;}
.layui-nav .layui-nav-child dd.layui-this a{background-color: #1989fa}
/*****News*****/
.ui-box{margin:10px auto;border:1px solid #f0f0f0;background-color:#fff}
.filter-area{overflow:hidden;padding:0 15px}
.filter-area .ui-title{overflow:hidden;padding:5px 0 7px;height:30px;border-bottom:1px dotted #ddd;line-height:30px}
.filter-area .ui-cnt{margin-bottom:-1px}
.filter-area .ui-title h3{float:left;color:#1989fa;font-weight:700;font-size:14px}
.filter-area .ui-title span{float:right}
.filter-area .ui-title p em,.filter-area .ui-title span a{padding:4px 7px;border-radius:2px;background-color:#e5e5e5;font-size:12px}
.filter-area .ui-title p{float:left;padding-left:30px}
.filter-area .ui-title p em{margin-right:5px;padding:4px 10px;color:#666;vertical-align:middle}
.filter-list{clear:both;overflow:hidden;padding:5px 0 6px;width:1100px;border-bottom:1px dotted #eee;font-size:14px;line-height:24px}
.filter-list h5{float:left;overflow:hidden;width:50px;color:#333;text-align:right;font-weight:700;font-size:12px;line-height:28px}
.filter-list .all{float:left;margin:2px 5px 2px 0;height:24px}
.filter-list ul{float:left;overflow:hidden;width:1000px}
.filter-list li{float:left;overflow:hidden;margin:2px 5px 2px 0;height:24px}
.filter-list a{display:inline-block;padding:0 8px;color:#666}
.filter-list a.selected,.filter-list a.selected:hover{background-color:#eee;color:#1989fa;text-decoration:none;cursor:default}
.filter-list a:hover{background-color:#eee;color:#1989fa;text-decoration:none}
.trade-list li{position:relative;overflow:hidden;padding:20px;border-bottom:1px solid #f0f0f0}
.cnt-area{overflow:hidden;margin-top:10px}
.cnt-area .list-wrap{float:left;overflow:hidden;width:820px;border:1px solid #f0f0f0;background-color:#fff}
.news-list li{position:relative;overflow:hidden;padding:20px;border-bottom:1px solid #f0f0f0}
.news-list li:hover{background-color: #f4f6f6}
.news-list .cover-img{float:left;display:block;overflow:hidden;width:160px;height:120px;border:1px solid #fff;background-color:#fff}
.news-list .cover-img img{width:160px;height:120px}
.news-list .desc-txt{float:left;overflow:hidden;margin-left:15px;width:580px}
.news-list .desc-txt .desc{height: 70px;margin-bottom: 5px;font-size: 14px;color: #666}
.news-list .desc-txt .date span{margin-right: 6px;color: #999}
.news-list h1{overflow:hidden;height:24px;line-height:24px;margin-bottom: 5px}
.news-list h1 a{color:#333;font-weight:400;font-size:18px;}
.news-list h1 a:hover{color:#1989fa}
.news-list p{overflow:hidden;height:24px;color:#555557;word-wrap:break-word;line-height:24px;word-break:break-all}
.news-list p em{float:left;display:block;overflow:hidden;height:24px;color:#666}
.news-list p.plot{height:72px}
.news-list .price{position:absolute;right:40px;margin-top:30px}
.news-list .price .sum{margin-top:20px;color:#ff552e}
.news-list .price .sum b{margin-right:6px;font-size:30px}
.news-list .price .unit{text-align:right}
.news-list .time{position:absolute;top:30px;right:20px;color:#ccc}
.video-list {border-bottom: 1px solid #f0f0f0;}
.video-list .list-item{padding:15px}
.video-list .cover-img{display: inline-block;height: 150px}
.video-list .cover-img img{width: 100%;height: 100%;border:1px solid #eee;border-radius: 5px}
.video-list .cover-img img:hover{border-color: #1989fa}
.list-page{padding:20px 0;border:0 none;text-align:center}
.recommend{border:1px solid #f0f0f0;width:300px;float:right;overflow: hidden}
.recommend .ul-title a{color:#fff;}
.recommend .ul-title a:hover{color:#fff;}
.recommend ul{padding:0 10px;background-color: #fff}
.recommend ul li{background: url("../img/dian.gif") no-repeat scroll left center;height: 40px;line-height: 40px;overflow: hidden;padding-left: 10px;border-top:1px dotted #ddd;font-size: 14px}
.recommend .ul-title{height:35px;line-height:35px}
.recommend .ul-title h2{padding-left:22px;background-color:#fff;color:#1989fa;font-weight:700;font-size:14px}
.empty{padding:20px 0;height:32px;background-color:#fff;text-align:center;font-size:15px;line-height:36px}
.user-list .cover-img {width:100px;height:100px}
.user-list .cover-img img{width:100px;height:100px}
.user-list .desc-txt .desc{height: 40px;}

.cnt-left{float:left;width:800px;}
.html-wrap{overflow:hidden;border:1px solid #f0f0f0;background-color:#fff;padding:15px 10px}
.html-full-wrap{width: 98%}
.html-wrap .title{overflow:hidden;color:#000;text-align:center;font-weight:400;font-size:24px;line-height:35px}
.html-wrap .author-info{position:relative;padding:10px 0;border-bottom:solid 1px #ccc;color:#999;text-align:center;line-height:22px}
.html-wrap .author-info span {margin-left: 10px}
.html-wrap .content{padding-top:20px;font-size:14px;line-height:22px}
.html-wrap .content img{width:100%}
/*****Rank*****/
.cnt-area .tbl-wrap{overflow:hidden;border:1px solid #e8e8e8;background-color:#fff}
.tbl-wrap table{margin-top:-1px;width:100%;background-color:#fff;color:#606060;font-size:14px;font-family:Arial,sans-serif}
.tbl-wrap table thead{background-color:#f3f3f3;font-family:"\5FAE\8F6F\96C5\9ED1",sans-serif}
.tbl-wrap table thead td{height:37px;font-weight:700;cursor:default}
.tbl-wrap table tbody td{height:50px}
.tbl-wrap table tbody tr:nth-child(even){background:#fafafa}
.tbl-wrap table tr{border-top:1px solid #e8e8e8}
.tbl-wrap table td{text-align:center}
.tbl-wrap table td span{line-height:50px}
.tbl-wrap .tbl-main tbody td i.order{border-radius:2px;background-color:#ccc;color:#fff;font-style:normal;cursor:default;width: 35px;height: 35px;line-height: 35px;display: inline-block;}
.tbl-wrap .tbl-main tbody td i.order-hl{background-color:#2d85d5}
.tbl-wrap .tbl-main tbody td a.name{display:block;margin-left:20px;color:#606060;text-decoration:none;font-size:16px;cursor:pointer}
.tbl-wrap .tbl-main tbody td a.name:hover{color:#000}
.tbl-wrap .tbl-main tbody td a.name img{float:left;height:40px;vertical-align:top;  border-radius: 20px;margin-top: 5px;}
.tbl-wrap .tbl-main tbody td a.name span{float:left;padding-left:15px}
.tbl-wrap .tbl-main {border-bottom: 1px solid #f0f0f0;}
.tbl-wrap .tbl-main .section-header{text-align: left;height: 33px;line-height: 33px;background: #579ede;font-size: 16px;font-weight: 700;color: #fff;margin-top:20px;padding-left: 20px}
/*****分页样式*****/
.ui-pages{height:24px;text-align:center}
.ui-pages a,.ui-pages span{display:inline-block;overflow:hidden;margin:0 1px;padding:0 10px;height:24px;background-color:#eee;color:#666;vertical-align:middle;text-align:center;line-height:24px}
.ui-pages .pagebtn{padding:0 5px;width:60px;height:22px;border:1px solid #ccc;background-color:#eee;color:#333;font-weight:700;line-height:22px;cursor:pointer}
.ui-pages a:hover{background-color:#1989fa;color:#fff;text-decoration:none}
.ui-pages span.current{background-color:#1989fa;color:#fff}
.ui-pages span.disabled{opacity:.3}
.ui-page-big{height:34px}
.ui-page-big .pagebtn,.ui-page-big .pagego,.ui-page-big a,.ui-page-big em,.ui-page-big label,.ui-page-big span{padding:0 12px;height:34px;font-size:16px;line-height:34px}
/*****UserPage*****/
.user-page{margin-top:20px}
.user-page-avatar{padding-right:15px}
.user-page-avatar .thumbnail{display:block;margin:0 auto;padding:4px;width:100px;height:100px;border:1px solid #ddd;border-radius:50%;background-color:#fff}
.user-page-avatar .info{text-align:center}
.user-page-avatar .info h3{margin:20px 0 10px 0;font-weight:400;font-size:18px}
.user-page-avatar .info h3 small{font-size:65%}
.text-muted{color:#777}
.user-page-avatar .layui-card-header{background-color:#f2f2f2;text-align:center}
.user-page-avatar .layui-card{border:1px solid #f4f5f6}
.user-page-content{padding-left:15px}
.user-page-content .layui-tab{margin:0}
.user-page-content .layui-tab-content{min-height:400px;background-color:#fff}
.user-page-content .layui-tab-title a,.user-page-content .layui-tab-title a:hover{color:#333}
.user-page-content .layui-tab-title .layui-this a,.user-page-content .layui-tab-title .layui-this a:hover{color:#000}
/*****Index*****/
.index-banner{margin: 15px 0}
.index-banner div[carousel-item]>* {background-color:#fff;}
.index-banner .layui-carousel{width: 740px;height: 280px;}
.index-banner .layui-carousel>[carousel-item] {border-radius: 5px}
.index-banner .layui-carousel img{width: 100%;height: 100%}
.index-banner .layui-card-body{height: 220px;overflow: hidden;}
.index-banner .layui-card-body ul li{height: 28px;line-height: 28px;overflow: hidden;}
.index-banner .layui-card-body ul li a{font-size: 14px;display: inline-block;width:100%;}
.index-card{margin-bottom: 15px}
.index-card .layui-card-body{padding-right: 0}
.index-card .list-item{margin:0 20px 25px 15px}
.index-card .list-item .title{line-height: 1.5;margin-top: 5px;text-align:center}
.index-card .list-item .title a{color:#666}
.index-card .list-item .title.left{text-align: left}
.index-card .cover-img{display: inline-block;width: 100%;height: 120px;}
.index-card .cover-img img{ width: 100%;height: 100%;border: 1px solid #eee;border-radius: 5px;}
.index-card .cover-img img:hover{border-color: #1989fa}
.index-banner .layui-card-header, .index-card .layui-card-header{border-left:5px solid #1989fa;font-weight: bold}
/*****Comment*****/
.btn {background-color: #1989fa;border: 1px solid #1989fa;color: #ffffff;cursor: pointer;display: inline-block;font-weight: 700;overflow: hidden;padding: 4px 15px;}
.comment-area{margin-top:10px;border:1px solid #f0f0f0;background-color:#fff}
.comment-area .title{height:30px;line-height:30px;text-indent:10px;font-size:14px;background:url(../img/w3c_tt.png) repeat-x left center;border-bottom:1px solid #f0f0f0;color:#333;font-weight:700;}
.comment-area .title span{float:right; margin-right:15px; font-weight:normal;color:#ddd;font-size:12px;}
.comment-area .comment-cnt{padding:20px;}
.comment-input textarea{width:740px;height:70px;padding:8px;background-color:#fbfbfb;font-size:14px;border:1px solid #ddd}
.comment-input .input-info{margin-top:5px;height:35px;line-height:35px;overflow:hidden}
.comment-input .input-info .btn{float:right;text-align:center;font-size:14px}
.comment-input .input-info .warning{padding-right:15px;float:right}
.comment-input .input-info .tip{padding-right:15px;float:left}
.comment-input .input-info .tip.onSuccess{color: #579f30;}
.comment-input .input-info .tip.onError{color:#f55;}
.comment-list{margin-top:15px;overflow:hidden;}
.comment-list .comment-item{padding-top:15px;overflow:hidden;}
.comment-list .empty {background-color: #fff;font-size: 15px;height: 32px;line-height: 36px;margin-top: 15px;text-align: center;}
.comment-list .comment-pages{text-align:center;margin-top:20px;height:40px;padding:0 10px;overflow:hidden}
.comment-list ul{background:url(../img/bg-cmt-time.gif) repeat-y scroll -100px 15px;overflow:hidden;width:100%;margin-top:-15px}
.comment-list ul .comment-time{height:52px;float:left;overflow:hidden;color:#999;font-weight:700;line-height:20px;margin-top:4px;}
.comment-list ul .comment-time p{background: url("../img/bg-cmt-time.gif") no-repeat scroll 41px 0;height: 48px;overflow: hidden;padding-left: 3px;width: 49px}
.comment-list ul .comment-post{float:right;width:685px;overflow:hidden}
.comment-list ul .comment-post .comment-post-arrow{background:url(../img/comment-arrow.gif) no-repeat scroll 0 0;width:10px;height:15px;margin-top:17px;float:left;overflow:hidden;position:relative}
.comment-list ul .comment-post .comment-post-cnt{background-color:#f9f9f9;border:1px solid #e3e3e3;float:right;padding:10px;overflow:hidden;width:654px;margin-left:-1px}
.comment-post-cnt .comment-avatar{float:left;overflow:hidden;width:50px}
.comment-post-cnt .comment-avatar img{height:50px;width:50px;border-radius:2px}
.comment-post-cnt .comment-body{float:right;overflow:hidden;width:595px}
.comment-post-cnt .comment-body .comment-text{font-size:14px;line-height:25px;word-wrap:break-word}
.comment-text a{color:#1989fa}
.comment-text .cmt-user{margin-left:5px}
.comment-assist a{color:#999;margin-right:10px}
.comment-assist a:hover{color:#1989fa}
.comment-post-cnt .comment-body .comment-reply{margin-top:5px;overflow:hidden;}
.comment-reply .comment-reply-arrow{background:url(../img/comment-arrow.gif) no-repeat scroll -10px 0;width:17px;height:10px;margin-left:460px;position:relative;overflow:hidden}
.comment-reply .comment-reply-cnt{background-color: #fbfbfb;border: 1px solid #e3e3e3;margin-top: -1px;overflow: hidden;padding:10px;width:472px;}
.comment-post-cnt .comment-body .reply-area textarea{height:60px;width:460px}
.comment-reply .comment-reply-assist{height:30px;line-height:30px;margin-top:4px;overflow:hidden}
.comment-reply .comment-reply-assist p{float:right;margin-right:15px}
.comment-reply .comment-reply-assist .btn{float:right;padding:0;width:80px;text-align:center;font-size:14px;background-color:#666;border:1px solid #666}
/*****Ucenter*****/
.ucenter-container{margin-top:20px;border:1px solid #eee;overflow:hidden;background-color:#f4f6f6;padding:0;}
.ucenter-page-left{float:left;width:180px;min-height: 700px;}
.ucenter-page-right{float:left;width:987px;min-height:700px;}
.ucenter-page-left .nav{padding: 0}
.ucenter-page-left .nav .menu h2{font-weight:bold;height:36px;line-height:36px;font-size:14px;color:#4b4b4b;margin-bottom:5px;padding-left: 15px;background-color: #f2f2f2}
.ucenter-page-left .nav .menu ul{border:0}
.ucenter-page-left .nav .menu li{margin-bottom: 5px;padding: 0 10px}
.ucenter-page-left .nav .menu li a{display:block;line-height:32px;height:32px;font-size:14px;color:#333;padding-left:25px;margin:0}
.ucenter-page-left .nav .menu ul li a:hover,
.ucenter-page-left .nav .menu ul li a.current{background:#1989fa;color:#fff}
.ucenter-page-right .setting{padding-top: 25px}
.ucenter-page-right .setting .avatar{width: 160px}
.ucenter-page-right .setting .avatar img{width: 150px;height: 150px;border: 1px solid #eee}
.ucenter-page-right textarea{resize:none;height:80px;min-height:80px;}
.ucenter-page-right .btn-changeavatar{width: 100px;margin-top:100px}
.ucenter-page-right .layui-card-header{background-color:#f9f9f9;position: relative}
.ucenter-page-right .layui-card-header .right-btn{position:absolute; top:0;right: 15px}

.tbl-ucenter table{width:100%;background-color:#fff;color:#606060;font-size:12px;}
.tbl-ucenter table thead{background-color:#f3f3f3}
.tbl-ucenter table thead td{text-align:center;height:37px;font-weight:700;cursor:default}
.tbl-ucenter table tbody td{height:50px;text-align:center}
.tbl-ucenter table tbody tr:nth-child(even){background:#fafafa}
.tbl-ucenter table tr{border-top:1px solid #e8e8e8}
.tbl-ucenter table td.left{text-align:left}
.tbl-ucenter table td.id{width: 100px}
.tbl-ucenter table td.cover{width: 120px}
.tbl-ucenter table td.pub-time{width: 120px}
.tbl-ucenter table td.action{width: 120px}
.tbl-ucenter tbody td a.name{display:block;margin-left:20px;color:#606060;text-decoration:none;font-size:16px;cursor:pointer}
.tbl-ucenter tbody td a.name:hover{color:#000}
.tbl-ucenter tbody td a.name span{float:left;padding-left:15px}
.tbl-ucenter tbody td img{padding:5px 0;height:80px;width:80px;vertical-align:middle}
.tbl-ucenter {border-bottom: 1px solid #eee;}
.pages-ucenter{border-top: 1px solid #eee;padding:15px 0}
/*****passport*****/
.regLable{display:none;color:#fff}
input,select,textarea{font-size:100%}
input{border:none;background:0 0}
:-moz-placeholder{color:#ccc}
::-moz-placeholder{color:#ccc}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}
.reg-form-wrap{z-index:999;margin:100px auto;padding-top:48px;width:520px;background:#fff;opacity:1}
.regLi{position:relative;margin:0 auto 16px auto;padding-left:15px;width:422px;height:50px;border:2px solid #ebebeb;border-radius:2px;background:#fff;line-height:50px}
.regLi input{font-size:16px}
.regLogo{margin:28px auto;margin-top:0;width:216px;height:67px;background-image:url(../img/logo.gif);background-position:0 0;background-size:100%;background-repeat:no-repeat}
#logoHref{display:block;width:216px;height:67px}
.regButtonLi{padding:0;width:440px;height:142px;border:0}
.regGetcodeBtn{position:absolute;top:8px;right:8px;width:110px;height:34px;border-radius:3px;background:#ecf5ff;color:#409eff;letter-spacing:-.01px;font-size:14px!important;cursor:pointer}
.regGetcodeBtn.disabled{background:#f6f6f6;color:#ccc}
.regButton{width:440px;height:54px;border-radius:5px;background:#1989fa;color:#fff;font-size:18px!important;cursor:pointer}
#regAgreementBox{margin:30px 0;height:17px;color:#999;text-align:center;font-size:14px;line-height:17px}
#regAgreementBox a{color:#999}
#regAgreementBox a:hover{color:#1989fa}
#regAgreementBox span{margin-left:10px}
#outregBox{position:relative;margin-bottom:10px;width:440px;color:#666;font-size:14px}
#outregBox a{color:#666}
#outregBox a:hover{color:#1989fa}
.regInput{padding:15px 0;width:400px;height:20px}
.goLogin{float:left}
.goResetpass{float:right}
/*****Doc*****/
.doc-container{margin-top:20px;border:1px solid #eee;overflow:hidden;background-color:#f4f6f6;padding:0;}
.doc-page-left{float:left;width:180px;min-height: 700px;margin-top:10px}
.doc-page-right{float:left;width:947px;min-height:700px;padding:20px;font-size:14px;color:#666}
.doc-page-left .nav{padding: 0}
.doc-page-left .nav .menu ul{border:0}
.doc-page-left .nav .menu li{margin-bottom: 5px;padding: 0 10px}
.doc-page-left .nav .menu li a{display:block;line-height:32px;height:32px;font-size:14px;color:#333;padding-left:25px;margin:0}
.doc-page-left .nav .menu ul li a:hover,
.doc-page-left .nav .menu ul li a.current{color:#1989fa}
.doc-page-right .layui-card-header{background-color:#f9f9f9;position: relative}