<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

.site .more { display: block; background-color: #eaf3f7; text-align: center; line-height: 40px; height: 40px; font-size: 14px; }

.site .info li { overflow: auto; margin-bottom: 20px; width:70%; }
.site .info a { display: block; font-size: 18px; line-height: 35px; }
.site .info p { color: #666; line-height: 22px; width: 99%; }
.site .info a.category { background-color: #eaf3f7; font-size: 14px;padding-top: 10px; color: #666; width: 80px;text-align: center; float: left; margin-right: 15px; }
.site .info li {
    overflow:hidden;
border-bottom: 1px dashed darkgrey;
}
.site .info li .news-text{
    float:left;
    width:86%;
    margin-left:5px;
}
.site .info a.category span { display: block; font-size: 12px; }

.site .user-warp li { width: 33%; float: left; text-align: center; }
.site .user-warp a { display: block; margin: 5px 0px; }
.site .user-warp span { display: block; line-height: 20px; }

.site .m_list { line-height: 25px; }

.site h4 { color: #c92121; font-size: 14px; line-height: 40px; margin: 10px 0px; font-weight: normal; padding-left: 10px; background: url(../images/angle_left.gif) no-repeat left center; clear: both; border-bottom: 1px solid #dfdfdf; }

.site h4 a{ color: #c92121 !important;}

.site .tab_switch_title a { float: left; display: block; width: 81px; height: 21px; line-height: 21px; padding: 0 0 5px; margin: 0 0 8px; border-bottom: 2px solid #dfdfdf; text-align: center; color: #aaa; font-size: 14px; }
.site .tab_switch_title a.current {  border-color: #c92121; color: #c92121; }
.site .video_switch a { width: 50%; }

.site .wiki a { display: block; font-size: 18px; color: #2093ce; line-height: 35px; }
.site .wiki p { margin: 20px 0px; color: #666; line-height: 22px; }

.site .intro li { float: left; clear: both; height: 26px; line-height: 26px; overflow: hidden; padding: 0 12px 0 0; margin: 0 0 5px; background: url(../images/download_title.jpg) no-repeat right center; }
.site .intro li a { display: inline-block; height: 26px; padding: 0 0 0 12px; background: url(../images/download_title.jpg) no-repeat left center; color: #fff; }

.site .article h1 { color: #333; font-size: 24px; line-height: 50px;}
.site .article h3 { font-size: 16px; line-height: 40px;color: #2093ce; margin: 10px 0px;margin-bottom: 29px;font-weight: normal; border-bottom: 1px solid #dfdfdf;}

.site .article h2
{
	background: url("../images/xt.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    clear: both;
    font-size: 16px;
    margin: 10px 0;
    padding-bottom: 6px;
    text-align: left;
}
.site .article h2 span
{
	 border-bottom: 2px solid #93C5FF;
    padding: 0 20px 6px 0;
    position: relative;
}
.site .article p { color: #333; font-size: 16px; line-height: 28px; margin-bottom: 29px; word-break:break-all;}
.site .article .caption { color: #aaa; font-size: 12px; margin-bottom: 30px; }

.site .line-box { line-height: 60px; height: 60px; border-top: 1px solid #CCC; margin-top: 20px;    padding:0 50px; }
.line-box li{ width:320px; height:50px; overflow:hidden;}
.site .warp_2 li { width: 50%; float: left; line-height: 25px; }
.site .book li a, .site .warp_2 a { color: #333; }

.site .m_list a,.site .m_list1 a, .site .book li a, .site .warp_2 a, .site .group-list a,.site .img-info .img { color: #222; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.site .m_list1 li{ width:120px; float:left; line-height:25px; height:25px;}
.site .m_list a:hover, .site .book li a:hover, .site .warp_2 a:hover, .site .group-list a:hover,.site .img-info .img:hover,.site .sitemap p a:hover { color: #0099d2; }

.site .share { padding: 20px 0px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.site .share .keyword { width: 350px; }
.site .share .keyword li { display: inline; }
.site .share .keyword a { color: #aaa; }

.site .group-list { padding: 10px 0px; margin: 10px; border-bottom: 1px solid #CCC; }
.site .group-list li { display: block; line-height: 30px; height: 30px; }
.site .group-list span { float: right; }

/* 分页 */
.site .paging { text-align: right; margin-top: 20px; }
.site .paging a { padding: 2px 5px; margin-left: 4px; }
.site .paging a.current { background-color: #2093ce; color: #FFF; }

/* 书籍 */
.site .book li { float: left; width: 102px; padding: 0 7px; text-align: center; }
.site .book li img { width: 102px; height: 145px; }
.site .book li a:hover { color: #2093ce; }

.site .book_news { border: 5px solid #f0f8fc; }
.site .book_news_inner { border: 1px solid #FFF; background-color: #f0f8fc; font-weight: normal; }
.site .book_news h5 { text-align: left; line-height: 50px; font-size: 16px; color: #2093ce; }
.site .book_news ul { margin: 10px 35px 20px; overflow: hidden; }
.site .book_news li { float: left; margin: 0px 20px; }
.site .book_news li img { border: 1px solid #CCC; }
.site .book_news li span { display: block; text-align: center; color: #333333; }

.site .book-details { margin-bottom: 20px; }
.site .book-details li { width: 45%; padding-right: 5%; float: left; }
.site .book-details .img { float: left; margin-right: 20px; position: relative; }
.site .book-details .img img { float: left; width:140px; height:200px; }
.site .book-details .img span { display: block; text-align: center; position: absolute; width: 100%; bottom: 0px; left: 0px; color: #FFF; background-color: #2677a0; opacity: 0.8; }

.site .book-list li { overflow:hidden; margin-bottom:20px;  padding-bottom:20px; border-bottom:1px solid #CCC; }
.site .book-list a.img { float:left; display:block; margin-right:20px; }
.site .book-list img { width:140px; height:200px; }
.site .book-list ul { overflow:hidden; }
.site .book-list ul li { width:50%; float:left; color:#aaa; font-size:12px; line-height:20px;  margin-bottom:0;  padding-bottom:0; border-bottom:none;}
.site .book-list a.title { font-size:16px; }
.site .book-list p { line-height:22px; margin-top:22px; }

.site .book-download a { margin: 0px auto; display: block; background: url(../images/download.gif); width: 200px; height: 50px; }

.site .book-article h2 { color: #333; font-size: 16px; line-height: 50px; }
.site .book-article p { color: #333; font-size: 14px; line-height: 22px; margin-bottom: 29px; }
.site .book-article .book-cover { border: 1px solid #CCC; float: left; margin-right: 20px; }
/* 视频 */
.site .video-article { margin-bottom: 50px; }

.site .vedio li { width: 230px; height: 55px; padding: 0 0 10px 0px; margin:5px 0; overflow:hidden;}
.site .vedio li .pic_wrap { float: left; display: block; width: 75px; height: 55px; position: relative; }
.site .vedio li .pic_wrap img { width: 75px; height: 55px; }
.site .vedio li .pic_wrap i { display: none; width: 75px; height: 55px; background: #2093ce url(../images/icon_play_s.png) no-repeat center center; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer; position: absolute; left: 0; top: 0; }
.site .vedio li .pic_wrap:hover i { display: block; }
.site .vedio li .text { padding: 0 0 0 85px; }
.site .vedio li .text a { display: block; height: 36px; overflow: hidden; color: #333; }
.site .vedio li .text a:hover { color: #0099d2; }
.site .vedio li .text span { display: inline-block; padding: 0 0 0 15px; margin: 0 10px 0 0; background: url(../images/icon_played.jpg) no-repeat left center; color: #aaa; }
.site .vedio li .text .play { background-image: url(../images/icon_played.jpg); }
.site .vedio li .text .comment { background-image: url(../images/icon_comment.jpg); }

.site .vedio_large { overflow: hidden; }
.site .vedio_large li { float: left; margin: 20px 33px;width: 200px; }
.site .vedio_large .pic_wrap { display: block; width: 180px; height: 130px; position: relative; }
.site .vedio_large .pic_wrap img { width: 180px; height: 130px;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;background-color: white; }
.site .vedio_large .pic_wrap img:hover { -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);filter: alpha(opacity=50); cursor: pointer; left: 0; top: 0;  opacity: 0.5;}

.site .vedio_large a.text { display: block; line-height: 36px; overflow: hidden; color: #333; text-align: center; }
.site .vedio_large a.text:hover { color: #0099d2; }

/* 新闻 */
.site .news-list li { border-bottom:1px solid #CCC; }
.site .news-list a { display: block; font-size: 18px; line-height: 35px; }
.site .news-list span { display: block; font-size: 12px; line-height: 22px; color:#aaa; }
.site .news-list p { font-size: 12px; line-height: 22px; margin:10px 0px; color:#333; }

.site .news-plist { border: 5px solid #fdf2f0;  margin-bottom:10px;}
.site .news-plist_inner { border: 1px solid #FFF; background-color: #fdf2f0; font-weight: normal; overflow:hidden; }
.site .news-plist .img { float:left; margin:10px; }
.site .news-plist h5 { line-height: 50px; font-size: 16px;  }
.site .news-plist p { text-indent:2em; line-height:22px; }

/* 关于 */
.site .about-nav {     width: 20%;
    padding: 0 0px 0 50px;
    float: left;
    text-indent: 15px;
}
.site .about-nav h3 { background-color:#f0f0f0; font-size:14px; color:#333; line-height:35px; font-weight:normal; }
.site .about-nav ul { margin-bottom:10px; }
.site .about-nav li { line-height:30px; color:#aaa; font-size:14px;  }
.site .about-nav li:hover,.site .about-nav a:hover { background-color:#faeaea;color:#000 }.site .about-nav a { color:#6d6d6d;display:block}
.site .about-nav li.current {background-color: #c92121; }
.site .about-nav li.current a {  color:#FFF;  }
.site .about-nav li.current a:hover{ background-color:#c92121; color:#FFF;  }
.site .about-info { width:75%; border-left:1px solid #CCC; margin-bottom:40px; float:right; }

.site .link li{ line-height:24px; height:24px; float:left;background:url("")}
.site .about-info span{
 color: #27afe1;
}
.site .about-info h3 { font-size:16px; color:#dd3014; font-weight:normal; line-height:45px; border-bottom:2px solid #eea99e; }
.site .about-info p { text-indent:2em; line-height:27px; font-size:14px; margin:10px 0px; color:#333; }

.site .special p { text-indent:0px; line-height:24px; }
.site p.special-group { margin-top:40px; }

/* 图解 */
.site .img-list li { width:50%; float:left; text-align:center; margin-bottom:20px; }
.site .img-list&gt;li&gt;a:first-child{
display:block; }
.site .img-list li a.img img { width:450px; height:240px; }
.site .img-list li a.title-list { line-height:30px;  }

.site .img-info { line-height:30px; }
.site .img-info span { float:right; }
.site .img-info .img { padding-left:20px; background:url(../images/search.gif) no-repeat left center; margin-left:5px; }
.site .img-info h2 { font-weight:normal; font-size:16px; }
.site .img-info h2 b { color:#dd3014; margin-left:10px; font-weight:normal; }
.site .img-info h2 span { float:none;   }

.site .img-show .select-left { visibility:hidden; display:block; left:5px; position:absolute; background:url(../images/arrow-left.png); width:100px; height:100px; }
.site .img-show .select-right { visibility:hidden; display:block; right:5px; position:absolute; background:url(../images/arrow-right.png); width:100px; height:100px; }

.site .img-show #image-ex { text-align:center; position:relative; margin:20px auto 0px auto; }
.site .img-show .intro { text-align:center; line-height:30px; }

/* scroll-bar */
.site .img-show .scroll-l { margin:0px 14px;  width:760px; float:left; }
.site .img-show .scroll-inner { position:relative; overflow:hidden; height:85px;  }
.site .img-show .scroll-inner ul { position:absolute; top:0px; left:0px; }
.site .img-show .scroll-l li { float:left; text-align:center; }
.site .img-show .scroll-l li img { border:2px solid #F6F6F6;  width:120px; height:80px; }
.site .img-show .scroll-l li.hover img { border:2px solid #1887c0; }
.site .img-show .scroll-left, .site .img-show .scroll-right { display:block; width:30px; height:40px; padding:20px 20px; text-align:center; color:#FFF; font-size:14px; }
.site .img-show .scroll-left { float:left; background:url(../images/position.png); }
.site .img-show .scroll-right { float:right; background:url(../images/position.png); }

/* 评论 */
.site .article-comment { border-top:1px solid #CCC; }
.site .article-comment h4 { border-bottom:none; background:none; padding:0; }
.site .article-comment li { border-bottom:1px solid #CCC; padding:20px 0px; margin-bottom:10px; }
.site .article-comment p { color:#aaa; line-height:20px;  }
.site .article-comment form { display:block; }
.site .article-comment textarea { margin:10px 0px 30px; width:600px; height:150px; overflow:hidden; background-color:#f5f5f5; border:1px solid #CCC; }
.site .article-comment button { margin:0px auto; display:block; background:#FFF url(../images/button.jpg); border:none; width:120px; height:40px; color:#FFF; }
.but1{ margin:0px auto; display:block; background:#FFF url(../images/button.jpg); border:none; width:120px; height:40px; color:#FFF; }
/* sitemap */
.site .sitemap h4 { padding-left:0px; background:none; }
.site .sitemap span { display:block; float:left; width:100px; color:#333333; }
.site .sitemap p { display:block; float:left; width:100%; }
.site .sitemap p a { color:#666; }
.site .sitemap ul { margin-bottom:20px; display: flex;flex-wrap: wrap;}
.site .sitemap li { overflow:hidden; line-height:22px; margin:10px 0px;width: 25% }


.about-info li{
background: url('../images/bullet-ft.jpg') no-repeat 0 8px;
list-style-type: none;
padding-left:27px;
line-height: 27px;
font-size: 14px;
margin: 10px 0px;
color: #333;
}
.site .topic-list { overflow: hidden; }
.site .topic-list li { width: 33%; float: left; padding: 10px 0px; line-height: 20px;height: 160px }
.site .topic-list a { display: block; }
.site .topic-list a.title { font-size: 16px; line-height: 30px; }
.site .topic-list a.img { float: left; margin-right: 10px; border: 1px solid #DDDDDD; height:140px; width:110px; }
.site .topic-list .img img { width: 110px; height: 140px; }
.site .topic-list p { color: #aaa; line-height: 18px; margin: 5px 0px; }

.site .topic-top { height: 270px; background: url(../images/topic-banner.jpg);overflow: hidden; }
.site .topic-top .title { 
    color: #FFF;
    padding: 20px;
    background-color: rgba(0,0,0,0.5);
}
.site .topic-top ul{
    float:left;
    width:25%;
}
.site .topic-top .title span{display: block;padding-top: 20px;}
.site .topic-top h2 { line-height: 50px; font-size: 28px; float:left; }
.site .topic-top p { line-height: 20px; width: 100%; clear:both; }

.site .topic-top li { height: 30px;line-height: 30px;padding-right: 22px;margin: 15px 10px;}
.site .topic-top li span {
    display: block;
    float: left;
    width: 36px;
    height: 32px;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    background-color: #2093ce;
    border: 1px solid #2093ce;
    border-bottom-left-radius: 2em;
}
.site .topic-top li a {
    display: block;
    float: left;
    font-weight: bold;
    color: #FFF;
    background-color: #2093ce;
    border: 1px solid #2093ce;
    border-top-right-radius: 2em;
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
}


.site .topic-details li { overflow: hidden; }
.site .topic-details a.title { display: block; line-height: 40px; margin: 10px 0px; border-bottom: 2px solid #eeeeee; color: #2093ce; font-size: 18px; }
.site .topic-details a.img { float: left; margin-right: 10px; width:110px; height:140px; border: 1px solid #DDDDDD; }
.site .topic-details p { font-size: 14px; color: #333; line-height: 25px; text-indent: 2em; }

.site .topic-footer { background-color: #222; padding: 30px;}
.site .topic-footer h3 { font-size: 14px; color: #2093ce; }
.site .topic-footer ul { overflow: hidden; margin: 10px 0px 20px 0px; line-height: 20px; }
.site .topic-footer .moreinfo li { width: 300px; margin-right: 10px; float: left; }
.site .topic-footer .moreinfo a { color: #FFF; }
.site .topic-footer .moretopic li { width: 290px; padding-right: 6px; height: 70px; background-color: #333; float: left; margin-right: 12px; }
.site .topic-footer .moretopic .img { float: left; margin-right: 10px; }
.site .topic-footer .moretopic .img img { width: 56px; height: 70px; float: left; }
.site .topic-footer .moretopic .title { color: #FFF; line-height: 25px; }
.site .topic-footer .moretopic p { color: #777; }

.announcement1 { width: 235px; }
.announcement1 .img { float:left; margin-right:8px; }
.announcement1 img { width:88px; height:112px; }
.announcement1 .title { color:#333; font-size:14px; font-weight:bold; line-height:30px; }
.announcement1 p { line-height:21px; }
.announcement1 p a  { color:#dd3014; word-break:keep-all; }
.announcement1 ul { clear:both; }
.announcement1 li { height: 24px; line-height: 24px; overflow: hidden; width:50%; float:left; }
.announcement1 li a { color: #333; }
.announcement1 li a:hover { color: #dd3014; }
.box_content .box_left .sitemap ul li a{display:inline-block;}
.box_content .box_right ul li a{
	display:block;
}
.announcement2 { width: 275px; }
.announcement2 li { height: 24px; line-height: 24px; overflow: hidden; width:33%; float:left;  text-align:center;}
.announcement2 li a { color: #333; }
.announcement2 li a:hover { color: #dd3014; }

/* 交易系统图解 */
.he_slideCaptionDown img { width:330px; height:180px; }
.he_slideCaptionDown{background:#fe7253;width:333px;height:180px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; margin:10px 0px 10px 20px; float:left;}
.he_slideCaptionDown .he_slideCaptionDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption{color:#fff;background:rgba(254,114,83,0);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption{background:rgba(254,114,83,.8);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.he_slideCaptionDown .he_slideCaptionDown_caption,.he_slideCaptionDown .he_slideCaptionDown_caption &gt; a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h{color:#fff;top:25%;opacity:1}
.he_slideCaptionDown .he_slideCaptionDown_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p{color:#fff;top:45%;opacity:1}
/* 交易商按钮 */
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
</pre></body></html>