﻿*{ font-family:"Hiragino Sans GB","Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif; box-sizing:border-box; -webkit-box-sizing-border:border-box; -moz-box-sizing-border:border-box; -o-box-sizing-border:border-box; margin:0;}
.nowrap,.nowrapall,.nowrapall * { white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.break,.breakall,.breakall * { word-wrap:break-word; word-break: break-all; }
.animate , .animateall , .animateall * { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }
.clearfix{ clear: both;}
.clearfix:after，.clearfix:before{ content: ""; clear: both; height:0;}
.disnone{ display: none!important; }

body{margin: 0; padding: 0;color: #666; font-size: 12px;line-height: 20px;border: 0;}
a { text-decoration: none;color: #666; }
a:hover{ color:#099aff;}
ul { list-style: none;margin: 0;padding: 0; }
i{ font-style: normal; }
img{ border:none;}
table { border-collapse: collapse; }
input:focus , select:focus , textarea:focus , img, * { outline: none; }
.cl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.cl {zoom:1;}

/*公共样式*/
.pd10{ padding:0 10px;}
.wrap{ width: 100%; margin: 0; clear: both;}
.wrapbox{ max-width: 1130px; margin:0 auto; display: block;}
.advantage .advcont li, .advantage .advcont li .advan, .serve a.servebtn, .colum .columr-bot li, .colum .columr-bot li:hover b, .colum .columr-bot li p, .colum .columr-top .columr-t-r .newsimg a img, .nav .navr li, .nav .navl li, .nav li a:after,.barMain span.qq, .barMain span.join, .barMain span i, .btn, .prodetail .pd-l .pd-lr .tablebtn a, .colum .columr-top .columr-t-r .newsimg a span, .loginbox .loginbtn > a, .tzlc .prolist li, .tzlc .prolist li:after, .colum .columl a.enterbtn, .platform ul li, .barterer_l .bar_item, .hot-video .video-cont li, .hot-video .video-cont li a .pic img, .subnav-box ul li a, .waihuijh .heji-video li .pic, .waihuijh:hover .chapter h2,.strategy_list, .strategy_list .stra_box h3 a, .qiquanban a, .zixun .zixun-l .sad-box .sad-l img, .barterer_l .recBlock ul li, .barterer_l_box .recBlock ul li img, .hot-video .video-cont li:hover .pic, .study-spec .study-spec-cont ul li a img, .study-spec .study-spec-cont a.spepic img, .info-r .online-analyst .sad-box .sad-l img, .fx-new .fx-newpic .sad-l img, .supervise .supervise-cont ul.supervise-list li a, .fx-organ .fx-organ-cont li a, .futures .futures-cont ul li{ transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; }
.btn{ display:inline-block; height: 36px; line-height: 36px; color:#fff; padding:0 25px; border-radius:5px; background:#099aff;}
.btn:hover{ background:#217aff; color:#fff;}
.overf{ overflow:hidden;}

/*小火苗*/
.colum .columr-top .columr-t-l{ position: relative;}
.hotfire{ position: absolute; display: inline-block; width:11px; height:16px; background: url(../images/fire.gif); top:59px; left:185px;}
.hotfire1{ top:95px; left:185px;}

/*两侧广告*/
.sideAd{ position:fixed; z-index: 9990; width:100px; height: 300px;  }
.sideAd img{ width:100px; height: 300px; }
.sideAd  i.adsign{ position: absolute; right:0; bottom:0; display: block; width:36px; height: 16px; background:url(../images/adsign.png) no-repeat; }
.sideAd.sad1 a.close1{ position:absolute; top:3px; left:41px; display: block; width:17px; height: 17px;  background: url(../images/close.png); }
.sideAd.sad1{ top:170px;}
.sideAd.sad1.sad-l{top:210px; left:0; right:none; }
.sideAd.sad1.sad-r{ top:210px; right:0; left:none; }

/* 产品轮播 */
.scroll_horizontal{position:relative;width:100%;height:160px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:100%;height:160px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float: left;}
.scroll_horizontal .prev,.scroll_horizontal .next{ opacity:0.01; position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(../images/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer; z-index: 999;}
.scroll_horizontal:hover .prev,.scroll_horizontal:hover .next{ opacity:0.8;}
.scroll_horizontal .prev{left:5px;background-position:0 0;}
.scroll_horizontal .next{right:5px;background-position:-40px 0;}
.scroll_horizontal .prev:hover{background-position:0 -50px;}
.scroll_horizontal .next:hover{background-position:-40px -50px;}


/* 顶部 */
.top{ height: 30px; line-height: 30px; border-bottom:1px solid #f0f0f0; background:#fafafa;}
.top .welcome{ float: left;}
.top .toptool{ float: right;}
.top .toptool li{ float: left; margin-right: 5px; color:#ddd;}
.top .toptool .bar_center{position: relative;margin-right: 10px;}
.top .toptool .bar_center i.hot{ position: absolute;
    top: -9px;
    right: -26px;
    z-index: 2;
    height: 12px;
    width: 29px;
    background: url(../images/nav-tags.png) no-repeat 0 0;background-position: 0 -13px;}

.topbar{ position: relative; overflow: hidden; background:#fff;}
.topbar .logo{ float: left; width: 320px; height: 90px;}
.topbar .logo img{ width:100%; height: auto;}
.topbar .topad{ width:380px; height: 90px; margin: 0 auto; background:url(../images/topad.gif) no-repeat; }
.topbar .topad a{ display: block; width:100%; height: 100%;}
.topbar .topserve{ position: relative; float: right; width:320px; height: 90px; background:url(../images/topserve.png) no-repeat; }
.topbar .topserve a.weibo{ position: absolute; top:13px; right:97px; display:block; width: 30px; height: 30px; background: url(../images/weibo.png) no-repeat;}
.topbar .topserve i.weixinicon{ position: absolute; top:15px; right:88px; display: block; width:36px; height: 36px; background:url(../images/icons.png) no-repeat 0 -200px;}


.nav{ position: relative; z-index: 1; background:#099aff; height: 50px; font:16px/50px "Microsoft Yahei"; color:#fff;}
.nav:after{ content:""; position: absolute; left: 50%; top:0; z-index: -1; width:50%; height: 50px; background:#038dee;}
.nav .wrapbox{ height: 50px; background:#099aff; }
.nav li{ float: left; display: inline-block; text-align: center; position: relative;}
.nav li a{ position: relative; color:#fff; display: block;overflow: hidden;}
.nav li a:after{ content: ""; position: absolute; top:-15px; left:-15px;  width:20px; height: 150%; background:rgba(255,255,255,.1); -webkit-transform:translate(-20px,0) rotate(-30deg); -moz-transform:translate(-20px,0) rotate(-30deg); -o-transform:translate(-20px,0) rotate(-30deg); transform:translate(-20px,0) rotate(-30deg); }
.nav li:hover a:after{-webkit-transform:translate(200px,0) rotate(-30deg); -moz-transform:translate(200px,0) rotate(-30deg); -o-transform:translate(200px,0) rotate(-30deg); transform:translate(200px,0) rotate(-30deg);  }
.nav .navl{ float: left; position: relative; width:75%;}
.nav .navl:after{ content: ""; width:0; height: 0; position: absolute; top:18px; right:-6px;  border-style:solid; border-width:7px 0 7px 7px; border-color: transparent transparent transparent #099aff; }
.nav .navl li{ width:14.2857%;}
.nav .navl li.active, .nav .navl li:hover{ background:#217aff;}
.nav .navr{ float: right; width:25%; background:#038dee;}
.nav .navr  li{ width:50%; font-size:14px;}
.nav .navr  li.active, .nav .navr li:hover{ background:#007dd5;}

.nav li .sub-nav{display: none;    position: absolute;left: 0;top: 50px;z-index: 99}
.nav li .sub-nav li{width: 100%;height: 50px;line-height: 50px;text-align: center; background:#038dee;}
.nav li .sub-nav li a{color: #fff}
.nav li:hover .sub-nav{display: block;}

.navbtn{ display:none; position: absolute; top:10px; right:20px; width:40px; height:40px; border-radius:5px; background:url(../images/icons.png) no-repeat -327px -260px;}
.navbtn:hover{ background-color:#f0f0f0;}



/*新年头部*/
/*.newyear{ background: url(../images/newyear.jpg) no-repeat center; height:142px;}
.newyear .top, .newyear .mtop{ background: none; height: 52px; border:none; }
.newyear .topbar .topad{ width:120px; height: 90px; float:left; margin-left:240px; background:url(../images/baobox.gif) no-repeat; background-size:100%;}
.newyear .topbar .topad a{ display: block; width:100%; height: 100%;}
.newyear .top .welcome, .newyear .top .toptool a{ color:#cf1c0f; }*/

/* banner */
.banner{ position: relative;}
.banner.lay{ margin-top:0; box-shadow:0 5px 5px rgba(0,0,0,.3)}
.banner .banlogin{ position: absolute; z-index: 100; top:100px; right:15%; width:240px;padding:20px 30px; border-radius:5px; background:url(../images/tbg.png) repeat;}
.banner .banlogin a{ display: block; line-height: 45px; border-radius:5px; margin:15px auto; background: #218fff; color:#fff; text-align: center; font-size:16px;}
.banner .banlogin a:hover{ background: #217aff;}

.flexslider { margin: 0px auto; position: relative; width: 100%; height: 400px; overflow: hidden; zoom: 1; }
.flexslider .slides li { width: 100%; height: 100%; }
.flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; text-shadow:0 0 5px rgba(0,0,0,.2) }
.flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; padding: 0; }
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { background: url(../images/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer;}
.flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; }
.flexslider .slides a img { width: 100%; height: 400px; display: block; }

/*error page*/
.errorpage .errorpic{ width:280px; height: 350px; margin:20px auto 0; background: url(../images/errpr.jpg) no-repeat;}
.errorpage span{ margin:0 auto; font-size:18px; font-weight: bold; color:#333; display: block; text-align:center; line-height: 30px; padding:0 20px;}
.errorpage .btnbox{ margin: 20px auto 50px; text-align: center;}
.errorpage .btnbox .btn{ margin:0 20px; font-size:14px; display: inline-block;}

/* 最新公告 */
.notice{ background:#fafafa; border-bottom:1px solid #f0f0f0; height: 40px; line-height: 40px;}
.notice b.ggicon{ position:relative; float: left; color:#ff7200; padding-left:35px;}
.notice b.ggicon:before{content: ""; display:block; position: absolute; top:2px; left: 0; width:30px; height:30px; background-image:url(../images/icons.png); background-repeat: no-repeat; background-position: 2px -3px; }
.notice a.more{ float: right;}
.notice .news{ margin:0 100px;}
.notice .news li{ position: relative; float: left; width:30%; margin-right:3.33%;}
.notice .news li a{ display: block; float: left; width:100%; padding-right:85px; overflow: hidden;  text-overflow:ellipsis; white-space: nowrap; box-sizing:border-box;}
.notice .news li a:hover{ color:#ff7200;}
.notice .news li span{ position: absolute; top:0; right: 0;}


/* 我们的优势 */
.advser{ margin-top:20px;}
.advantage{margin-right:340px; overflow: hidden;}
.advantage h3{ position: relative; display: block; width:100%; font-size:20px; line-height: 30px; text-align: center; margin:9px auto;}
.advantage h3:after{ position: absolute; top:15px; left: 0; content:""; width:100%; height: 5px; background:#f5f5f5; z-index: -1;}
.advantage h3 b{ display: inline-block; padding:0 20px; background:#fff; font-weight: normal;}

.advantage .advcont{ width:100%;}
.advantage .advcont li{ float: left; width:16%; height:110px; margin:0 .3%; border:1px solid #e6e6e6; border-radius:5px; overflow: hidden; text-align: center; cursor: pointer; }
.advantage .advcont li .advan{
-moz-transform:translate(0,0);
-webkit-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);}
.advantage .advcont li:hover .advan{
margin-top:-74px\9;
-moz-transform:translate(0,-70px);
-webkit-transform:translate(0,-70px);
-o-transform:translate(0,-70px);
transform:translate(0,-70px);}
.advantage .advcont li i{ display: inline-block; margin:20px auto 0; width:50px; height: 50px; background:url(../images/icons.png); background-repeat: no-repeat;}
.advantage .advcont li i.icon1{ background-position: -85px 3px;}
.advantage .advcont li i.icon2{ background-position: -141px 0;}
.advantage .advcont li i.icon3{ background-position: -198px 2px;}
.advantage .advcont li i.icon4{ background-position: -256px 3px;}
.advantage .advcont li i.icon5{ background-position: -314px 3px;}
.advantage .advcont li i.icon6{ background-position: -370px 1px;}

.advantage .advcont li b{ display: block; line-height: 30px;}
.advantage .advcont li span{ line-height: 20px; margin-top:10px; font-size:12px; font-family:"宋体"}
.advantage .advcont li:hover{ background:#099aff; border-color:#099aff;}
.advantage .advcont li:hover b{ color:#fff;}
.advantage .advcont li:hover span{ color:#fff;}

.serve{ float: right; width:320px; background:#f5f5f5; border-radius:5px; padding:10px;}
.serve .servepic{ width:300px; height: 100px; background:url(../images/icons.png); background-repeat: no-repeat; background-position:-128px -56px;  }
.serve a.servebtn{ display: block; width:48%; height: 40px; line-height: 40px; background:#ffb64e; text-align: center; color:#fff; font-size:18px; float: left;}
.serve a.servebtn.sec{ float: right;}
.serve a.servebtn:hover{background:#f2a230;}


/* 分析师在线 */
.analyst{ overflow: hidden; margin: 20px auto; }
.analyst .tit{height: 40px; overflow: hidden; line-height: 40px;}
.analyst .tit h3{ font-size: 20px; color: #666; float: left; font-weight: normal; line-height: 40px; }
.analyst .tit a{ float: right; color: #999;}
.analyst .tit a:hover{ color: #099aff; }
.analyst ul{ width: 100%; overflow: hidden; }
.analyst ul li{ float: left; margin-right: 1.33%; width: 24%; overflow: hidden; }
.analyst ul li:last-child{ margin-right: 0; }
.analyst ul li a img{ width: 100%; height:auto }
.analyst ul li a:hover img{opacity: 0.9}
.analyst ul li a span{ display: block; font-size: 16px; color: #666; text-align: center; }
.analyst ul li a:hover span{ color: #099aff; }


/* 现货平台 */
.colum{ margin-top:20px; overflow: hidden; width:100%;}
.xianhuo{ border-top:1px solid #2bb8f8; margin-bottom:20px;}
.waihui{ border-top:1px solid #fd9b29;}
.licai{ border-top:1px solid #0084ff;}
.weipan{ border-top:1px solid #fb6564;}
.colum .columl{ width:190px; height: 390px; float: left; color:#fff; line-height: 30px;}
.xianhuo .columl{ background:url(../images/blue.jpg) no-repeat;}
.waihui .columl{ background:url(../images/yellow.jpg) no-repeat;}
.licai .columl{ background:url(../images/dblue.jpg) no-repeat;}
.weipan .columl{ background:url(../images/pink.jpg) no-repeat;}
.colum .columl h1{ display:block; margin:15px 0 0 15px; font-size:30px; font-weight:normal;}
.colum .columl h5.subtitle{ width:84%; margin:15px auto 0; font-size:16px; line-height: 40px; color:#fff; margin-top:15px; text-align: left; font-weight: normal; border-top:1px solid #fff;}
.colum .columl a.enterbtn{ display: block; width:150px; height: 40px; border:1px solid #fff; border-radius: 3px;line-height: 38px; text-align: center; font-size:18px; color:#fff; margin:100px auto 0;}
.colum .columl a.enterbtn:hover{ background: #fff;}
.colum.xianhuo .columl a.enterbtn:hover{ color: #2bb8f8;}
.colum.waihui .columl a.enterbtn:hover{ color: #fd9b29;}
.colum.licai .columl a.enterbtn:hover{ color: #0084ff;}
.colum.weipan .columl a.enterbtn:hover{ color: #fb6564;}

.colum .columl .columl-c{ font-size:18px; margin:120px 0 0 50px; }
.colum .columl .columl-c span{ display: block;}
.colum .columr{ margin-left:200px;}
.colum .columr h2{ margin:15px auto; font-size:16px;}
.colum .columr h2 a{ font-size:12px;  float: right; font-family:"宋体"; font-weight:normal;}
.colum .columr-top{ overflow: hidden;}
.colum .columr-top .columr-t-l{ float: left;  width:57%; margin-right:2%;}
.colum .columr-top .columr-t-l h2{ padding-left:10px;}
.colum .columr-top .columr-t-l ul{ width:100%;}
.colum .columr-top .columr-t-l ul li{ line-height: 36px; overflow: hidden; }
.colum .columr-top .columr-t-l ul li:nth-child(odd){ background:#fafafa;}
.colum .columr-top .columr-t-l ul li:hover{ background:#f5f5f5;}
.colum .columr-top .columr-t-l ul li i{ float: left; display: inline-block; margin:0 10px; font-size:16px;}
.xianhuo .columr-top .columr-t-l ul li i{ color:#2bb8f8;}
.waihui .columr-top .columr-t-l ul li i{ color:#fd9b29;}
.licai .columr-top .columr-t-l ul li i{ color:#0084ff;}
.weipan .columr-top .columr-t-l ul li i{ color:#fb6564;}
.colum .columr-top .columr-t-l ul li a{ width:35%; float: left; overflow: hidden; white-space: nowrap; text-overflow:
	ellipsis; display:inline-block; font-weight:bold;}
.xianhuo .columr-top .columr-t-l ul li a{ color:#2bb8f8;}
.waihui .columr-top .columr-t-l ul li a{ color:#fd9b29;}
.licai .columr-top .columr-t-l ul li a{ color:#0084ff;}
.weipan .columr-top .columr-t-l ul li a{ color:#fb6564;}
.colum .columr-top .columr-t-l ul li span{ float: left; width:35%; }
.colum .columr-top .columr-t-l ul li b{ float: left; font-weight: normal; }
.colum .columr-top .columr-t-r{ float: right; width:40%;}
.colum .columr-top .columr-t-r .newsimg{ width:100%; overflow: hidden; margin-bottom:5px;}
.colum .columr-top .columr-t-r .newsimg a{ display: block; float: left; width:48%; height: 85px; overflow: hidden; text-align: center; position: relative;}
.colum .columr-top .columr-t-r .newsimg a.sec{float: right;}
.colum .columr-top .columr-t-r .newsimg a span{ opacity:0; position: absolute; display: block; width:100%; height: 24px; line-height: 24px; background:rgba(0,0,0,.8); color:#fff; padding:0 10px; bottom:0; left: 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.colum .columr-top .columr-t-r .newsimg a:hover span{ opacity:1; }
.colum .columr-top .columr-t-r .newsimg a img{height:100%; width:100%; display: inline-block;
-webkit-transform:scale(1);-moz-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
.colum .columr-top .columr-t-r .newsimg a:hover img{ -webkit-transform:scale(1.1) rotate(-3deg);-moz-transform:scale(1.1) rotate(-3deg); -o-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);}
.colum .columr-top .columr-t-r ul{ overflow: hidden; margin:0 auto;}
.colum .columr-top .columr-t-r ul li{ display: block; line-height: 30px;}
.colum .columr-top .columr-t-r ul li a{ position: relative; float: left; width:70%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-left:10px;}
.colum .columr-top .columr-t-r ul li a:before{ position: absolute; content: ""; top:14px; left: 0; width:5px; height:5px; }
.xianhuo .columr-top .columr-t-r ul li a:before{ background:#27b4fa;}
.waihui .columr-top .columr-t-r ul li a:before{ background:#fd9b29;}
.licai .columr-top .columr-t-r ul li a:before{ background:#0084ff;}
.weipan .columr-top .columr-t-r ul li a:before{ background:#fb6564;}
.colum .columr-top .columr-t-r ul li span{ float: right;}
.colum .columr-bot{ width:100%; margin-top: 4px;}
.colum .columr-bot li{ float: left; width:187px; height: 160px;  margin:0 auto; text-align: center; overflow: hidden;}
.colum .columr-bot li a{ display: block; border:1px solid #e6e6e6; border-radius:5px; margin:5px; overflow: hidden;}
.colum .columr-bot li span{ display: inline-block; width:100%; padding:8px 0 0; background:#fff; }
.colum .columr-bot li span img{ height:40px; width:100%;}
.colum.licai .columr-bot li span img{ width:auto;}
.colum .columr-bot li b{ display: block;}
.xianhuo .columr-bot li b{color:#27b4fa;}
.waihui .columr-bot li b{color:#fd9b29; margin:8px auto;}
.licai .columr-bot li b{color:#0084ff; margin:8px auto;}
.weipan .columr-bot li b{color:#fb6564; margin:8px auto;}
.colum .columr-bot li p{ display: inline-block; width:90%; margin:5px auto; text-align: left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.colum .columr-bot li p i{ font-style: normal; color:#27b4fa; font-weight:bold;}
.colum .columr-bot li a:hover{ box-shadow:0 0 5px rgba(0,0,0,.3);}
.xianhuo .columr-bot li a:hover{background:#27b4fa; border-color:#27b4fa;}
.waihui .columr-bot li a:hover{background:#fd9b29; border-color:#fd9b29;}
.licai .columr-bot li a:hover{background:#0084ff; border-color:#0084ff;}
.weipan .columr-bot li a:hover{background:#fb6564; border-color:#fb6564;}
.colum .columr-bot li a:hover b, .colum .columr-bot li a:hover p, .colum .columr-bot li a:hover p i{ color:#fff;}


/* 投资理财 */
.tzlc h2{ height: 40px; font-size:16px; border-bottom:2px solid #e6e6e6; text-align: left; padding:0 15px; margin:10px auto; color:#333; line-height: 40px; }
.tzlc h2.noborder{ border:none;}
.tzlc .prolist{ width:100%; overflow:hidden; margin:10px auto;}
.tzlc .prolist li{ float: left; width:23%; margin:15px 1%; border-radius:5px; padding:20px 10px; position: relative;}
.tzlc .prolist li:after{ content: ""; display: block; width:100%; height: 100%; border:1px solid #ddd; background: #fafafa; z-index: 1; position: absolute; top:0; left: 0; border-radius: 5px;  z-index: -1;}

.tzlc .prolist li:hover:after{ -webkit-transform:scale(1.03); -moz-transform:scale(1.03); transform:scale(1.03); background:#fafafa; box-shadow: 0 0 8px rgba(0,0,0,.2);}
.tzlc .prolist li .title{ font-size:16px; color:#666; text-align: center; }
.tzlc .prolist li .title img{ width:30px; height: 30px; display: inline-block; vertical-align: middle;}
.tzlc .prolist li .title a{ vertical-align: middle; display: inline-block; line-height: 30px;}
.tzlc .prolist li .rating{ text-align: center; margin:20px auto 10px;}
.tzlc .prolist li .rating span{ line-height:40px; height:40px;  font-size:28px; color:#ff7200; display: inline-block; vertical-align: middle;}
.tzlc .prolist li .rating span i.percent{ font-size:18px;}
.tzlc .prolist li .startup{ overflow: hidden; margin:10px auto;}
.tzlc .prolist li .startup .sitem{ float: left; width:50%; padding:0 5px; color:#999; font-size:14px;}
.tzlc .prolist li .startup .sitem.first{ border-right:1px dashed #e6e6e6;}
.tzlc .prolist li .startup .sitem span.num{ color:#666;}
.tzlc .prolist li .comment{ margin:10px auto; border-top:1px dashed #e6e6e6; border-bottom:1px dashed #e6e6e6; padding:5px 0; height:60px;}
.tzlc .prolist li .comment span.quote{ font-size:14px; color:#666; line-height: 24px;}
.tzlc .prolist li .control a.zixunbtn{  display: block; overflow: hidden; width:50%; background:#218fff; line-height: 30px; border-radius:3px; font-size:16px; text-align: center; color:#fff; margin:20px auto 0;}
.tzlc .prolist li .control a.zixunbtn:hover{ background:#217aff;}

/* 信托优势 */
.youshi{ border:1px solid #f2f2f2; padding:20px 10px; overflow: hidden; background:#fff;}
.youshi li{ width:18%; margin:10px 1%; float: left;}
.youshi li i{ float: left; width:56px; height: 56px; display: inline-block; background-image:url(../images/xtys.png); background-repeat: no-repeat;}
.youshi li i.ys1{ background-position: 0 0px;}
.youshi li i.ys2{ background-position: -57px 0px;}
.youshi li i.ys3{ background-position: -114px 0px;}
.youshi li i.ys4{ background-position: -171px 0px;}
.youshi li i.ys5{ background-position: -228px 0px;}

.youshi li label{ float: left; overflow: hidden; margin-left:15px; font-size:14px;}
.youshi li label b{ display: block; line-height: 30px;}
.youshi li label span{ direction: block;}


/*新三板*/
.shanlist .item{ overflow: hidden; margin:15px; padding-bottom:15px; border-bottom:1px dashed #e6e6e6; }
.shanlist .item .shanpic{ width: 200px; height: 130px; overflow: hidden; float: left; }
.shanlist .item .shanpic img{ width:200px; height: 130px; }
.shanlist .item .shaninfo{ padding-left:215px }
.shanlist .item .shaninfo h3 a{ display: block; width:100%; font-size:20px; color:#666; line-height: 30px;  overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.shanlist .item .shaninfo h3 a:hover{ color:#099aff; }
.shanlist .item .shaninfo p{ display: block; height:50px; overflow: hidden; font-size:14px; color:#666; margin:10px auto; line-height:26px; }
.shanlist .item .shantool i{ float: left; color:#999; font-size:12px; font-style: normal; }
.shanlist .item .shantool span{ float: left; color:#999; font-size:12px; margin-left:15px; }
.shanlist .item .shantool .bdsharebuttonbox{ float:right; }

/* 友情链接 */
.parter{ margin-top:10px;}
.parter h3{ position: relative; display: block; color:#333; overflow: hidden; font-size:16px;}
.parter h3 b{ float: left; padding:0 20px; background:#fff; margin-left:20px; overflow: hidden;}
.parter h3:after{ content:""; position: absolute; top:9px; left: 0; width:100%; height: 5px; background: #f2f2f2; z-index: -1; }
.parter ul { overflow: hidden; margin:10px auto;}
.parter ul li{ float: left; width:11.5%; border:1px solid #e6e6e6; margin:0 0.5% 10px;}
.parter ul li img{ width:100%; height:auto;}
.parter ul li:hover img{ opacity:0.8;}

/* 底部 */
.footer{ background:#333; color:#5b5b5b; padding:20px 0 10px; text-align: center; line-height: 30px;}
.footer .bottom{ width:100%;}
.footer .bottom li{ float: left; width:23%; height:140px; text-align: left; line-height: 30px; color:#5b5b5b; border-right:1px solid #5b5b5b; margin-right:2%; padding-top:5px;}
.footer .bottom li.last{ margin-right:0!important; float: right; border:none;}
.footer .bottom li a.guanzhu{ position: relative; display: inline-block; float: left; margin-right:20px; width:60px; margin-top:20px; }
.footer .bottom li .guanzhu span{ display:block; width:60px; height:60px; border-radius:50%; background-color:#999; background-image:url(../images/icons.png); background-repeat:no-repeat;}
.footer .bottom li .guanzhu:hover span{ background-color: #fff;}
.footer .bottom li .guanzhu span.weixin{ background-position:6px -293px;}
.footer .bottom li .guanzhu span.weibo{ background-position:-50px -293px;}
.footer .bottom li .guanzhu:hover span.weixin{ background-position:6px -346px;}
.footer .bottom li .guanzhu:hover span.weibo{ background-position:-50px -346px;}

.footer .bottom li .guanzhu .wxqr{ position: absolute; top:-25px; left:66px; display: none; background: #fff; padding:8px; border-radius:5px; width:130px; height:auto; z-index: 99;}
.footer .bottom li .guanzhu .wxqr:after{ content: ""; position: absolute; top:48px; left:-7px; width:0; height: 0; border-style:solid; border-width:7px 7px 7px 0; border-color:transparent #fff transparent transparent;}
.footer .bottom li .guanzhu .wxqr img{ width:100%; height: auto;}
.footer .bottom li .guanzhu .wxqr b{ display: block; width:100%; text-align: center; font-size:12px; color:#666; line-height: 20px;}
.footer .bottom li .guanzhu:hover .wxqr{display:block;}
.footer .bottom li b{ font-size:18px; font-weight: normal; color:#ccc; line-height: 40px;}
.footer .bottom li a{ display:block; width: 100%; font-size:14px;}

.footer .bottom li.last span{ font-size:18px;}
.footer .bottom li.last i{ display: inline-block; width:30px; height: 30px; background-image:url(../images/icons.png); background-repeat: no-repeat; overflow: hidden; float: left; margin-right:10px; line-height: 30px; font-size:16px;}
.footer .bottom li.last i.phoneicon{ background-position:-114px -303px;}
.footer .bottom li.last i.qqicon{ background-position:-113px -259px;}

.footer .links{position: relative; border-bottom:1px solid #5b5b5b; overflow: hidden; padding:10px 0;}
.footer .links b{ position: absolute; top:10px; left: 0; width:70px; text-align: left;}
.footer .links p{ margin:0 auto; display: block; padding-left:70px;}
.footer .links p a{ float: left; display:inline-block; margin-right:10px;}
.footer .links p a:hover{ color:#fff;}
.footer .botnav{ margin:10px auto 0; font-style: normal;}
.footer .botnav a{ padding:0 20px; color:#5b5b5b;}
.footer .botnav a:hover{ color:#fafafa;}
.footer p.copyright{ margin:0 auto;}


/*回到顶部*/
.barMain{ position:fixed; z-index: 99999; top:210px; right:50%; margin-right:-633px; width:64px; display:block;}
.barMain span{ display: block; float: left; width:64px; height: 70px; background-color:#f5f5f5; margin-bottom:1px; background-image:url(../images/icons.png); background-repeat: no-repeat; cursor: pointer;}
.barMain span.analys{background-color:#333;  background-position:-42px -458px;}
.barMain span.qq{ background:#099aff url(../images/icons.png) no-repeat;  background-position:16px -66px;  position: relative;}
.barMain span.qq .qqkefu{ display: none; position: absolute; top:0; right:65px; width:140px; background: #4188f1; height: auto;}
.barMain span.qq:hover .qqkefu{ display: block; }
.barMain span.qq .qqkefu a{ display: block; width:100%; height: 35px; line-height: 35px; color:#fff; font-size:14px; padding-left:40px; background-image: url(../images/icons.png); background-position: -45px -414px; }
.barMain span.qq .qqkefu a:hover{ background-color: #216edf; }
.barMain span.join{ background:#f69305 url(../images/icons.png);; background-position:-42px -129px;}
.barMain span.wx{  position: relative; background:#56c455 url(../images/icons.png); background-position:-43px -186px; }
.barMain span.wx .wxqr{ position: absolute; top:0; right:65px; display:none; width:140px; height:170px; background: #fff; border:1px solid #e6e6e6;}
.barMain span.wx:hover .wxqr{ display:block; }
.barMain span.wx .wxqr b{ text-align: center; color:#666; display: block;  font-size:14px; font-weight: normal; line-height: 6px}
.barMain span.wx .wxqr img{ width:100%; height: auto;}

.barMain span i{ display:block;opacity:1; filter:alpha(opacity=100); color:#fff; font-size:14px; font-style: normal; line-height: 20px; width:100%; padding:45px 0 0; text-align: center; }
.barMain span.qq:hover{ background:#216edf url(../images/icons.png) no-repeat; background-position:16px -65px;}
.barMain span.analys:hover{ background:#000 url(../images/icons.png) no-repeat; background-position:-42px -457px;}
.barMain span.wx:hover{background:#3db13c url(../images/icons.png) no-repeat; background-position:-43px -185px;}
.barMain span.join:hover{ background:#f67c05 url(../images/icons.png);; background-position:-42px -128px;}

.cd-top { display: inline-block;  height: 60px!important; width: 40px; bottom: 60px;  right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden; text-indent: 100%; white-space: nowrap; background-position:15px -243px;  visibility: hidden; opacity: 0; -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  transition: all 0.3s;  color:#f00;}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.cd-top:hover { background-color: #ddd; }
.no-touch .cd-top:hover { background: #e86256; opacity: 1;}

.btool{ position: fixed; bottom:0; left: 0; z-index: 9999; width:100%; padding:10px 0; height:50px; background:rgba(0,0,0,.8);}
.btool .btclose{ position: absolute; top:5px; right:20px; display: block; width:20px; height: 20px; border-radius:50%; text-align: center; line-height: 16px; background: #ccc;  color:#000; font-size:18px; text-indent:-1px;}
.btool .btclose:hover{ background:#4188f1;}
.btool .phonenum{ display: block; float: left; width:270px; height: 31px; background: url(../images/icons.png) no-repeat -116px -355px; margin-left:10px;}
.btool .attention{ float: left; margin:5px 20px;}
.btool .attention a{ display: block; float: left; width:24px; height: 24px; background-image:url(../images/icons.png); background-repeat: no-repeat; margin-right:10px;}
.btool .attention a.btweixin{ position: relative; background-position: -203px -305px;}
.btool .attention a.btweixin img{ display: none; position: absolute; bottom:39px; left:-40px; background: #fff; padding:5px; border-radius:5px; width:100px; height: 100px;}
.btool .attention a.btweixin:hover img{ display: block;}
.btool .attention a.btweibo{ background-position: -235px -305px;}
.btool .update{ width: 58%; float: right;}
.btool .update div{ position: relative; float: left; width:35%; height:34px; background:#fff;  margin-right:4%; border-radius:3px; padding:3px;}
.btool .update div i{ position: absolute; top:2px; left: 5px;  display: block; float: left; width:30px; height: 30px; background-image: url(../images/icons.png); background-repeat: no-repeat;}
.btool .update div.name i{ background-position: -156px -258px; border-radius:3px; }
.btool .update div.num i{ background-position: -156px -302px;}
.btool .update .submit{ width:18%; height: 34px; border-radius: 3px; float: left; background:#ffb64e; text-align: center; line-height: 34px; color:#fff; font-size: 14px;}
.btool .update .submit:hover{ background:#f2a230; }
.btool .update input{ width:100%; border:none;  padding:5px 5px 3px 40px; background: none; box-sizing: border-box;}



/* 在线客服 */
.kefu-box{ position: fixed; top:475px; right:0px; z-index:9999; width:199px; }
.kefu-box .kefu-tab{ display: none; width:39px; height:178px; float: left; background-image:url(../images/icons.png); background-position:-379px -390px; margin-top:42px;}
.kefu-box .kefu-tab2{ width:39px; height:178px; float: left; background-image:url(../images/icons.png); background-position:-339px -390px; margin-top:42px;}
.kefu-box .kefu-cont{ float: left; width:160px; border-radius:5px; border:1px solid #e6e6e6; border-top:2px solid #4188f1; background:#f5f5f5; }
.kefu-box .kefu-cont h3{ height: 40px; line-height: 40px; border-bottom:1px solid #e6e6e6; text-align: center; font-size:16px; color:#4188f1;}
.kefu-box .kefu-cont ul{ padding:5px 0; background:#fff;  border-bottom:1px solid #e6e6e6;}
.kefu-box .kefu-cont ul li{  display: block; width:140px; height: 35px;  margin:4px auto; background-image:url(../images/icons.png); background-position: -195px -390px; }
.kefu-box .kefu-cont ul li:hover{ background-position: -195px -425px;}
.kefu-box .kefu-cont ul li.outline{background-position: -195px -460px;}
.kefu-box .kefu-cont ul li.outline a{ display: none;}
.kefu-box .kefu-cont ul li.last{background-position: -195px -495px;}
.kefu-box .kefu-cont ul li.last a{ color:#fff; font-weight:bold;}
.kefu-box .kefu-cont ul li.last:hover{background-position: -195px -530px;}
.kefu-box .kefu-cont ul li a{  line-height: 35px; float: left; margin-left:40px; color:#4188f1; font-size:16px;}
.kefu-box .kefu-cont span.phonenu{ display: block; width:140px; height: 10px; margin:5px auto; background-image: url(../images/icons.png); background-position: -48px -528px;}

/* 内页 */
.inbanner{ height:160px;}
.inbanner img{ height:160px; width: auto; margin:0 auto; }
.inbanner h2{ font-size:40px; font-family: "微软雅黑"; color:#099aff; padding:70px 0; float: left; display: inline-block;}
.xhban{ background:url(../images/xhinbanner.jpg) no-repeat center;}
.whban{ background:url(../images/whinbanner.jpg) no-repeat center;}
.wpban{ background:url(../images/wpinbanner.jpg) no-repeat center;}
.lcban{ background:url(../images/lcinbanner.jpg) no-repeat center;}
.inmain{ position:relative; max-width: 1130px; margin:20px auto;}
.inmain-l{  margin:0 340px 0 0; border:1px solid #e6e6e6; overflow:hidden;}
.inmain-r{ width:320px; float: right;}
.indetail .inmain-l{ margin:0 auto!important;}
.indetail .inmain-r{ display: none;}
.intitle{ line-height: 30px; overflow: hidden; margin:10px auto;}
.intitle h2{ float: left; margin:0 0 0 20px;}
.intitle h1{ float: left; margin:0 0 0 20px; font-size: 18px;}
.intitle .crumb{ float: right; margin-right:20px;}
.intitle .crumb a{ display:inline-block; margin:0 10px;}
.mainlist{ margin:10px 20px;}
.mainlist li.item{ position: relative; margin:0 auto 20px; border:2px solid #e6e6e6; border-top:2px solid #e6e6e6; overflow: hidden;}
.mainlist li.item:hover{ box-shadow:0 0 5px rgba(0,0,0,.2); border:2px solid #2e88e8; }
.mainlist li.item .list-c{ border-top:1px solid #e6e6e6;}
.mainlist li.item:hover .list-c{ background:#f0f0f0;}
.mainlist li.item .hottip{ position: absolute; top:-2px; left:-2px; width:33px; height: 56px; background-image: url(../images/icons.png); background-repeat: no-repeat; background-position:-275px -265px;}
.mainlist .list-t{  text-align: center; margin:10px 20px 0 0; }
.mainlist .list-t .comp{ float: left; width:40%; margin-top:30px;}
.mainlist .list-t .comp h4{ font-size:18px; margin:10px auto;}
.mainlist .list-t .comp .comp-logo{ width:185px; height: 76px; overflow: hidden; border:1px solid #e6e6e6; border-radius: 5px; margin:0 auto;}
.mainlist .list-t .comp .comp-logo img{ width: 100%; height: auto;}
.mainlist .list-t .money{ float: right; width:60%;}
.mainlist .list-t .money h5{ position: relative; font-size:16px; margin:5px auto; font-weight: normal; line-height: 30px;}
.mainlist .list-t .moneylist{ }
.mainlist .list-t .moneylist li{ float: left; width:20%; margin:0 2.5%; border-radius:3px; border:1px solid #e6e6e6;}
.mainlist .list-t .moneylist li:hover{ box-shadow:0 0 3px rgba(0,0,0,.1);}
.mainlist .list-t .moneylist li span{ display:block; background:#efefef; color:#197ce7; line-height: 30px;}
.mainlist .list-t .moneylist li b{ line-height: 44px; color:#ff7200; font-size:16px; font-weight: normal;}
.mainlist .list-c{ padding:10px 20px; background: #fafafa; margin:20px; border-radius: 5px;}
.mainlist .list-c label{ float: left; width:50%; margin:5px auto;}
.mainlist .list-c label b{ float: left; color: #d44547; margin-right:5px;}
.mainlist .list-c label span{ display: block; float: left;}
.mainlist .stars{ float: left; width:80px; height: 15px; margin-right:10px; background:url(../images/stars.png) no-repeat -80px 0; margin-top:2px;}
.mainlist .star{ display: block; height: 15px; background:url(../images/stars.png) no-repeat 0 0;}
.mainlist .list-c .mark{ position: relative;}
.mainlist .list-c .mark .markicon{ display: block; float: left; width:20px; height: 20px; background:url(../images/icons.png) no-repeat -224px -260px;}
.mainlist .list-c .mark:hover .markicon{  background:url(../images/icons.png) no-repeat -247px -260px;}
.mainlist .list-c .mark .mark-cont{ display:none; position: absolute; top:-18px; left:26px; font-family:"宋体"; width:200px; border-radius: 5px; border:1px solid #e6e6e6; background: #fff; line-height: 20px; padding:10px; float: left; font-size:12px; }
.mainlist .list-c .mark .mark-cont .tran{ display: block; position: absolute; top:21px; left:-6px; width:7px; height:14px; background:url(../images/icons.png) no-repeat -234px -284px;}
.mainlist .list-c .mark:hover .mark-cont{ display: block;}
.mainlist .list-b{ border-top:1px solid #e6e6e6; padding:10px 20px;  overflow:hidden; }
.mainlist .list-b .gou{ float: left; display: inline-block; width:20px; height: 20px; background: url(../images/icons.png) no-repeat -200px -260px; margin:6px 5px 0;}
.mainlist .list-b span{ margin-top:6px; float: left;}
.mainlist .list-b b{ margin:0 5px; color:#d1321d; }
.mainlist .list-b .btns{ float: right;}
.mainlist .list-b .btns a.btn{font-size:16px;}
.mainlist .list-b a.btng{ background:#f0f0f0; color:#2d87e8; margin-right: 10px;}
.mainlist .list-b a.btng:hover{ background:#099aff; color:#fff;}

.sortBy{ margin:0 20px; padding:10px; display: block; border:1px solid #e6e6e6; height:40px; background:#fafafa;}
.sortBy ul li{ float: left;}
.sortBy ul li.sep{ margin:0 12px; display: inline-block;}
.sortBy ul li.sort_selected{ position: relative; margin:0 5px;}
.sortBy ul li.sort_selected a em{ color:#d44547;}
.sortBy ul li.sort i.ico_tips{ display: inline-block; width:20px; height: 20px; background:url(../images/icons.png) no-repeat -224px -260px; margin:0 3px; float: right;}
.sortBy ul li.sort a:hover i.ico_tips{ background:url(../images/icons.png) no-repeat -247px -260px;}
.sortBy ul li.sort .tips{ display:none; position: absolute; top:-11px; left:100px; width:215px; background:#fff; z-index: 10; padding:10px; line-height: 20px; border:1px solid #e6e6e6; border-radius:3px;}
.sortBy ul li.sort .tips em.arrow{ display: block; position: absolute; top: 15px; left: -6px; width: 7px; height: 14px; background: url(../images/icons.png) no-repeat -234px -284px;}
.sortBy ul li.sort_selected:hover .tips{ display: block;}
.sortBy ul li.sort em{ font-size:14px; color:#666; font-style:normal; }
.sortBy ul li.sort a:hover em{ color:#1673d7;}
.sortBy ul li.sort i.ico_sort_desc{ display: inline-block; width:14px; height:14px; background:url(../images/icons.png) no-repeat -375px -332px; margin:3px 6px; float: right;}
.sortBy ul li.sort a:hover i.ico_sort_desc{ display: inline-block; width:14px; height:14px; background:url(../images/icons.png) no-repeat -394px -332px; margin:3px 6px; float: right;}

/* 现货二级页面 */
.mainlist.xianhuo .comp-logo{ height:40px; float: left; margin-left:40px;}
.mainlist.xianhuo .fanyong{ padding:5px 10px 5px 0; background: #f0f0f0; color:#d44547; border-radius: 3px; float: left;margin:5px 0 0 10px; font-size:16px; }
.mainlist.xianhuo .fanyong b{ margin-left:10px;}
.mainlist.xianhuo .list-c{ margin:10px auto 0; padding:20px; background: #fff;}
.mainlist.weipanlist li.item .list-c{ border-top:none;}
.mainlist.xianhuo .list-c table{ line-height: 24px;}
.mainlist.xianhuo .list-c th{ color:#d44547; padding:3px;}
.mainlist.xianhuo .list-b h4{ display: inline-block; float: left; font-size:18px; font-weight: normal; line-height: 30px; font-weight: bold; color:#2e88e8;}
.mainlist.xianhuo .list-c label.last{ position: relative; width:100%;}
.mainlist.xianhuo .list-c label.last b{ position: absolute; left:0; top:0; float: left;}
.mainlist.xianhuo .list-c label.last span{ margin-left:65px;}
/* 投资理财二级页面 */
.mainlist.touzi .item{ padding:15px 0 15px 40px;}
.mainlist.touzi .list-l { width:20%; float: left; text-align: center;}
.mainlist.touzi .list-l .comp{ text-align: center; border:1px solid #e6e6e6;}
.mainlist.touzi .list-l .comp-logo{ margin:0 auto;}
.mainlist.touzi .list-l .comp-logo img{ width:100%;}
.mainlist.touzi .list-l .comp span{ display: block; color:#666; background:#f0f0f0; line-height: 30px;}
.mainlist.touzi .list-m{ width:50%; float: left; padding:0 20px;}
.mainlist.touzi .list-m dt{ color:#d44547; font-size:14px;}
.mainlist.touzi .list-m dd{ line-height: 22px;}
.mainlist.touzi .list-r{ width:30%; float: right;}
.mainlist.touzi .list-r .starl{ float: right; margin:10px;}
.mainlist.touzi .list-r .starl b{ font-size:14px; color:#d44547;}
.mainlist.touzi .list-r .btns{ float: right; margin:15px 10px 0 0;}

.mainlist.weipanlist label{ width:35%;}
.mainlist.weipanlist label.wp_qrcode{ position: absolute; top:10px; right:20px; float: right; width:120px;  height: 120px; z-index: 99; border:3px solid #f0f0f0;}
.mainlist.weipanlist label.wp_qrcode img{ width: 100%;
border:3px solid #f0f0f0;}
.mainlist.weipanlist label.wp_qrcode span.sao{ position: absolute; top:8px; right:115px; color:#666; font-size:12px; width:100px;}



/* 页码 */
.pages{ margin:20px auto; text-align: center;}
.pages li{ display: inline-block;  color:#666; margin:5px 3px;}
.pages li a ,.pages li span{display: block;padding:3px 10px; border-radius:3px; border:1px solid #e6e6e6;}
.pages li.active a, .pages a:hover{ background:#099aff; color:#fff; border-color:#099aff;}

/* 右侧 */
.slider-ad{ width:100%;}
.slider-ad img{ width:100%;}
.slider-box{ width:100%; border:1px solid #e6e6e6; overflow: hidden; margin-top:10px;}
.slider-box h3{ height: 40px; line-height: 40px; border-bottom:1px solid #e6e6e6; background:#fafafa; font-size:16px; color:#0078cd; padding:0 10px; margin:0 auto; text-align: left;}
.slider-box h3 .more{ float: right; font-size:12px; font-weight: normal;}
.slider-box ul{ margin:10px;}
.slider-box ul li{ width:100%; position: relative;}
.slider-box ul li i{ position: absolute; top:18px; left: 5px; display: block; width:4px; height: 4px; background:#0078cd;}
.slider-box ul li a{ display:block; padding-left:15px; width:100%; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; line-height: 40px; text-align: left;font-size:16px;}
.slider-box .silder-cont{ padding:10px; margin:0 auto; text-indent:25px; line-height: 26px;}
.slider-box .silder-cont p{ margin:0 auto;}
.slider-box .flow{ margin:10px;}
.slider-box .flow dl{ border-top:1px solid #e6e6e6; padding:10px; }
.slider-box .flow dl.first { border: none; }
.slider-box .flow dl dt { height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; font-weight: bold; color: #0078cd; }
.slider-box .flow dl dt i { width: 22px; height: 22px; border-radius:50%; background:#0078cd; line-height: 22px; text-align: center; font-style: normal; color: #FFF; display: block; margin-top: 4px; margin-right: 5px; float: left; }
.slider-box .flow dl dt span{ font-size:14px; color:#666; font-weight: normal;}
.slider-box .flow dl dd { line-height: 18px; padding: 3px 5px; color: #666666;}


/* 登录界面 */
.loginbg{ width:100%; height:620px; background:url(../images/loginbg.jpg) no-repeat center; border-top:2px solid #0e92ef; background-size: auto; }
.loginbg .wrapbox{ position: relative;}
.loginbox{ position: absolute; top:80px; right:20px; width:350px; height: 380px; background: #fff; border-radius:5px; box-shadow: 0 0 5px rgba(0,0,0,.2); overflow: hidden; padding:0 10px;}
.loginbox h3{ margin:30px 0 20px; display: block; text-align: center; font-size:24px; color:#0078cd; font-weight: normal;}
.loginbox p{ width:95%; margin:9px auto; overflow: hidden; }
.loginbox p input{ border:1px solid #e6e6e6; border-radius:3px; line-height: 40px; width:100%; padding:5px 5px 5px 45px;}
.loginbox p input:focus{ border-color:#0e92ef; bos-shadow:0 0 3px rgba(0,0,0,.3)}
.loginbox .logintext{ position: relative;}
.loginbox i.account, .loginbox i.lock{ position: absolute; top:12px; left:10px; width:30px; height: 30px; display: inline-block; background-image:url(../images/icons.png) ; background-repeat:no-repeat; }
.loginbox i.account{ background-position:-375px -265px;}
.loginbox i.lock{ background-position:-376px -300px;}
.loginbox .ercode input{ width:150px; padding:5px 10px; float: left;}
.loginbox .ercode .ercodeimg{ float: left; width:136px; height:42px; margin:5px 0 5px 8px;}
.loginbox .ercode .ercodeimg img{ width:136px; height:42px;}
.loginbox .loginp{ text-align: right; line-height: 30px; margin:8px auto; overflow: hidden;}
.loginbox .loginp input{ display: inline-block; float: left; width:10px; margin:9px 10px 0 0; line-height: 30px;}
.loginbox .loginp span.rember{ float: left;}
.loginbox .loginp a{ line-height: 30px; float: right;}
.loginbox .loginbtn > a{ display: block; overflow: hidden; width:100%; background:#218fff; line-height: 40px; border-radius:3px; font-size:18px; text-align: center; color:#fff;}
.loginbox .loginbtn > a:hover{ background:#217aff;}

.tese{ margin:30px auto; display: block; overflow: hidden;}
.tese p{ display: block; float: left; width:25%;}

.tese p b{ display: block; width:50px; height:50px; line-height: 48px; color:#fff; font-size:28px; font-weight:normal; text-align: center; border-radius:50%; float: left;}
.tese p b.gao{ background: #52a73f;}
.tese p b.zhou{ background: #fd9b29;}
.tese p b.zheng{ background: #28b5fa;}
.tese p b.zhuang{ background: #fb6564;}
.tese p span{ float: left; margin:15px; line-height: 20px; font-size:24px; font-weight: normal; color:#333;}

.register{ border-top:2px solid #0e92ef; padding:20px 0;}
.register .loginbox{ position:static; margin:10px auto; box-shadow: none; border:none;}
.register .loginbox h3{ margin:40px auto 30px;}
.register .step{ width:80%; margin:10px auto; height: 50px; text-align: center; color:#fff; position: relative; }
.register .step span{ display:block; float: left; width:50%; height: 30px; text-align: center; font-size:20px; line-height:30px; box-sizing:content-box; padding:10px 0; background:#dededd; color:#333;}
.register .step span i{ display: inline-block; width:30px; height: 30px; border-radius:50%; text-align: center; font-style: normal; background:#fff; color:#666; margin:0 15px 0 -30px;}
.register .step .done{ background:#1a78e5; color:#fff;}
.register .step i.centerpic{ display: block; position: absolute; top:0; left: 50%; margin-left:-20px; width:40px; height: 50px; background: url(../images/arrow.jpg) no-repeat;}
.register .step i.centerpic2{ background: url(../images/arrow2.jpg) no-repeat;}
.register .loginbox{ width:400px;  margin:20px auto; height:auto;}
.register .loginbox p span{ display: block; float: left; width:70px; line-height:42px; margin-right:10px; font-size:14px; text-align: right;}
.register .loginbox p input[type="text"], .register .loginbox p input[type="password"]{ width:260px; float: left; padding:0 10px;}
.register .loginbox p.ercode.picode input{ width:116px;}
.register .loginbox p.ercode.picode .ercodeimg{ margin:0 0 0 8px;}
.register .loginbox p.ercode input{ width:130px;}
.register .loginbox p.ercode button.sendmegbtn, .register .loginbox p.ercode a.sendmegbtn, .findsecret a.sendmegbtn{ display:block; float: left; line-height: 42px; font-size:14px; width:120px; border-radius:3px; text-align: center; background:#038dee; color:#fff; margin-left:10px;  border:none; cursor:pointer;}
.register .loginbox p.ercode button.sendmegbtn:hover, .register .loginbox p.ercode a.sendmegbtn:hover, .findsecret a.sendmegbtn:hover{ background:#1a78e5;}
.register .safe{ float: left; padding-left:90px; margin-top:10px;}
.register .safe b{ color:#666; float: left}
.register .safe .saferank{ display: block; float: left; margin-right:0; width:200px;}
.register .safe .saferank i{ display: block; width:55px; height:5px; background:#e6e6e6; float: left; margin:9px 5px;}
.register .safe span.rank1 i.line1{background:#f00;}
.register .safe span.rank2 i.line1, .register .safe span.rank2 i.line2{ background:#ff7200;}
.register .safe span.rank3 i{ background: #40c107;}
.register .loginp label.agree{ display: block; float: left; margin-left:80px;}
.register .loginp label.agree input{ float: left;}
.register .loginp label.agree span.iagree{ float: left; line-height: 30px; width:210px; text-align: left;}
.register .loginp label.agree span a{ float:none; color:#038dee;}
.register .loginp label.agree span a:hover{ color:#ff7200;}
.register .loginbtn{ padding-left:100px; float: left; width:100%;}
.register .loginbtn a.nextstep{ width:170px; float: left; border:none; cursor:pointer;}
.register .loginbtn .haveaccount{ float: left; text-align: left; margin-left:30px; line-height: 20px;}
.register .loginbtn .haveaccount b{ font-weight: normal; display: block;}
.register .loginbtn .haveaccount a{ color:#666;}
.register .loginbtn .haveaccount a:hover{ color:#038dee; background: none;}

/* 完成注册 */
.register .regdonebox{ width:500px; margin:40px auto; overflow: hidden; text-align: center; }
.register .regdone{ overflow: hidden; margin:20px auto; }
.register .regdone b{ font-size:24px; vertical-align: middle; color:#038dee; font-weight:normal;}
.register .regdone i.doneicon{ display: inline-block; width:50px; height: 50px; background: url(../images/icons.png) 0 -405px no-repeat; vertical-align: middle;}
.register p span{ display: inline-block; font-size:18px; color:#666; line-height: 50px; vertical-align: middle; margin:0 10px;}
.register .regdonebox p{ display: inline-block; font-size:18px; color:#666;}
.register .regdonebox .opebtns{ margin:20px auto; display: inline-block;}
.register .regdonebox a{ margin:10px 30px;}
.register .regdonebox a.btngray{ background:#f2f2f2; color:#666;}
.register .regdonebox a.btngray:hover{ background:#217aff; color:#fff;}


/*找回密码*/
.findsec{ border:1px solid #e6e6e6;}
.findsec .sectit{ width: 100%; overflow: hidden; height: 40px; line-height: 40px; border-bottom: 1px solid #e6e6e6; margin-bottom:20px;}
.findsec .sectit span{ font-size:14px; font-weight: bold; color:#333; margin-left: 20px;}
.findsec .secbox{ margin:20px auto; overflow: hidden;}
.findsec .loginbox{ margin:0 auto;}
.register .findsec .step span{ width:33.33%;}
.register .findsec .step i.left33{ left:33.33%;}
.register .findsec .step i.centerpic3{ background:url(../images/arrow3.jpg) no-repeat }
.register .findsec .step i.left66{ left:66.66%; }
.register .findsec .step i.centerpic4{ background:url(../images/arrow2.jpg) no-repeat; left:66.66%; }

/* 底部工具 */

.bottomtool{ height:60px; width:100%; background:#333; position: fixed; left:0; bottom:0; z-index: 9999; display: none;}
.bottomtool li{ width:20%; text-align:center; float: left; list-style:none; }
.bottomtool li:hover,.phone-menu li.active{ background-color:#222;}
.bottomtool li a{ color:#FFF; font-size:12px; text-decoration:none;}
.bottomtool li i{ background:url(../images/phone-menu.png) no-repeat; background-size:100%; margin:10px auto 10px; display:block; width:30px; height:38px; float:none; }
.bottomtool li i.icon1{ background-position:0 4px}
.bottomtool li i.icon2{ background-position:0 -33px;}
.bottomtool li i.icon3{ background-position:0 -71px;}
.bottomtool li i.icon4{ background-position:0 -111px;}
.bottomtool li i.icon5{ background-position:0 -101px;}

.bottomtool li.orderopen{ display: block; width:60px; height: 60px; border-radius: 50px; line-height: 20px; padding:10px 0; background: #0084ff; font-weight: bold; text-indent: center; position: absolute; top:-30px; left:50%; margin-left:-30px; color:#333; }
.bottomtool li.orderopen a{ font-size: 16px;}
.bottomtool li.item3, .bottomtool li.item4{ float: right;}
.bottomtool li.item2{ margin-right: 5%;}
.bottomtool li.item4{ margin-left: 5%;}


/*开户弹窗*/
.open_wind{ display: none;}
.mask{ width:100%; height: 100%; position: fixed; top:0; left: 0; background:rgba(0,0,0,.6); z-index: 9999;}
.yuyue{ width:260px;padding:10px; border-radius:5px; background:#fff; position: fixed; top:10%; left: 50%; margin-left:-130px; z-index: 10000;}

.yuyue h2{ width:100%; line-height: 30px; border-bottom:1px solid #e6e6e6; display: block; text-align: center; font-size:20px; padding:10px 0; margin:5px auto; color:#666;}
.yuyue .input1{ border:none; background:none; padding:0 0; margin:0 0;  line-height:30px; color:#fff; font-size:16px;}
.yuyue a.closebtn{ font-size:26px; color:#999; position: absolute; top:0; right:20px;}
.yuyue a.closebtn:hover{ color:#036def;}
.yuyue ul{ width:90%; overflow: hidden; margin:0 auto;}
.yuyue ul li{ width:100%; overflow: hidden; padding:5px; border:1px solid #e6e6e6; border-radius:3px; margin:10px auto; box-sizing:border-box;}
.yuyue i.icon{ width:32px; height: 32px; display: inline-block; float:left;}
.yuyue i.account{ background:url(../images/icons.png) no-repeat -154px -256px;}
.yuyue i.phone{ background:url(../images/icons.png) no-repeat -154px -301px;}
.yuyue ul li input{ border:none; padding:5px 10px; line-height: 22px; float:left; display:inline-block; width:170px;}
.adminbtn{ display: block; width:120px; height: 30px; margin:10px auto; text-align: center; line-height: 30px; font-size:16px; color:#fff; background:#3599df; border-radius:3px;}
.adminbtn:hover{ background:#036DEF;}

.weixincode{ width:260px; height:auto; padding:10px; border-radius:5px; background:#fff; position: fixed; top:10%; left: 50%; margin-left:-130px; z-index: 10000;}
.codeimg{ width:230px; height: 230px; background:#fff; margin:0 auto;}
.codeimg img{ width:100%;}
.weixincode span{ width:100%; text-align: center; display: block;}


/* 协议弹窗 */
.xieyi_wind{ display: none; }
.xieyi{width:600px; height:410px; overflow:hidden;  border-radius:5px; background:#fff; position: fixed; top:10%; left: 50%; margin-left:-300px; z-index: 10000;}

.xieyi .xieyititle{ width: 100%; overflow: hidden; height: 40px; background:#f2f2f2;  border-bottom:1px solid #e6e6e6; padding:0 20px;}

.xieyi .xieyititle h1{ flaot: left; line-height: 40px; display: block;  font-size:20px; color:#666; font-size:16px; }
.xieyi .xieyititle a.closebtn{ font-size:26px; color:#999; position: absolute; top:8px; right:20px;}
.xieyi .xieyititle a.closebtn:hover{ color:#036def;}
.xieyibox{ width:100%; height:360px; overflow: auto; line-height: 20px;}
.xieyibox h2{ width:90%; line-height: 30px; border-bottom:1px solid #e6e6e6; display: block; text-align: center; font-size:18px; padding:10px 0; margin:5px auto; color:#333;}
.xieyi .xieyi-cont{ width:90%; margin:0 auto; font-size:12px; line-height: 24px;}
.xieyi .xieyi-cont h3{ font-size:16px; line-height: 30px; color:#333;}
.xieyi .xieyi-cont h5{ font-size: 14px; line-height: 22px;  font-weight:normal; text-indent:25px;}
.xieyibox .readbtn{ margin:20px auto; display: block; float:none;}


/* 资讯详情页面 */
.incrumb{ margin:10px; font-size:14px;}
.innerwrap{ margin:10px auto 20px; position: relative; overflow: hidden;}
.innerwrap .mainlist-left{ position: absolute; left:0; top:0; width:260px; height:auto; margin-right:20px; text-align: center;}
.innerwrap .mainlist-left .listitem h3{ line-height: 40px; height:40px; font-size:18px; font-weight:normal; text-align: center; color:#fff; background:#099aff;}
.innerwrap .mainlist-left .listitem ul{ line-height: 40px;}
.innerwrap .mainlist-left .listitem ul li{ border:1px solid #e6e6e6;  border-top:none;}
.innerwrap .mainlist-left .listitem ul li a{ font-size:16px; display: block; width:100%;}
.innerwrap .mainlist-left .listitem ul li a:hover, .innerwrap .mainlist-left .listitem ul li a.active{ color:#3599df; background:#fafafa; }

.innerwrap .mainlist-right{ padding-left:280px; }
.innerwrap .mainlist-right .rightbox{ min-height:660px; border:1px solid #e6e6e6;}
.innerwrap .rightbox h2{ display: block; height:40px; border-bottom:1px solid #f2f2f2; line-height: 40px; padding:0 20px; font-size:18px; font-weight:normal; }
.innerwrap .mainlist-right .articont{ margin:20px;}
.innerwrap .mainlist-right .articont li{ width:100%; overflow: hidden; margin:5px auto; border-bottom:1px dashed #e6e6e6;}
.innerwrap .mainlist-right .articont li a{ position:relative; display: block; float: left; line-height: 40px;  padding-left:15px; font-size:16px;}
.innerwrap .mainlist-right .articont li a:before{ position: absolute; content: ""; width:4px; height: 4px; display: block; background:#ff7200; top:18px; left:0;}
.innerwrap .mainlist-right .articont li a:hover{ color:#3599df;}
.innerwrap .mainlist-right .articont li span{ float: right; color:#999; font-size:14px; line-height: 40px;}

.rightbox .artitle{ margin:10px 20px; border-bottom:1px dashed #e6e6e6; text-align: center;}
.rightbox .artitle h1{ font-size:30px; font-weight: normal; font-weight:normal; color:#333; line-height: 40px; margin:40px auto 20px;}
.rightbox .artitle .artTool{ display: block; margin:10px auto; overflow: hidden; padding:0 10px; font-size:14px; color:#999;}
.rightbox .artitle .artTool b{ font-weight:normal; margin-left:20px;}
.rightbox .artitle2{ margin:20px 30px 10px; background: #fafafa; border:1px solid #f2f2f2; padding:10px; font-size:14px; color:#666;}
.rightbox .articlebox{ padding:10px 30px; font-size:14px;}


.neighbour{ margin:10px;}
.neighbour p{ overflow: hidden; line-height: 24px;}
.neighbour p span{ color:#666;}
.neighbour p a{ columns: #999;}
.neighbour p a:hover{ color:#3599df;}

/* 产品详情页面 */
.prodetail{ position:relative; overflow: hidden; border:1px solid #e6e6e6; border-top:3px solid #3599df; bos-sizing:border-box; width:100%;}
.prodetail .pd-l{ width:100%; padding:10px 333px 10px 20px; box-sizing:border-box; }
.prodetail .pd-l h3{ font-size:20px; display: block; width:100%; line-height: 40px; font-weight:normal; font-weight: bold;}
.prodetail .pd-l .pd-ll{ width:30%; float: left;}
.prodetail .pd-l .pd-ll img{ width:100%; margin-top:25%;}
.prodetail .pd-l .pd-lr{ width:70%; float: right; padding:0 5%;}
.prodetail .pd-l .pd-lr table{ width:100%; font-size:12px; line-height: 24px; }
.prodetail .pd-l .pd-lr table tr{ border-bottom:1px dashed #e6e6e6; text-align: left;}
.prodetail .pd-l .pd-lr table tr th{ color:#3599df; width:80px; padding:3px;}
.prodetail .pd-l .pd-lr .tablebtn a{ display: block; float: left; width:180px; height: 40px; line-height: 40px; color:#fff; text-align: center; margin:20px 20px 20px 0; border-radius:5px; background:#099aff; font-size:18px;}
.prodetail .pd-l .pd-lr .tablebtn a.graybtn{ background:#f2f2f2; color:#009aff; display: none; }
.prodetail .pd-l .pd-lr .tablebtn a:hover{ background:#217aff; color:#fff;}
.prodetail .pd-r{ position: absolute; top:0; right:0; border-left:1px solid #e6e6e6; width:322px; height: 100%;}
.prodetail .pd-r h2{ display: block; padding:0 20px; line-height: 40px; height: 40px; font-size:16px; font-weight:normal; border-bottom:1px solid #e6e6e6;}
.prodetail .pd-r ul{ padding:10px 20px;}
.prodetail .pd-r ul li{ position: relative; overflow: hidden; line-height: 28px; padding-left:10px; }
.prodetail .pd-r ul li:after{ position: absolute; content: ""; width:4px; height: 4px; background:#ff7200; top:12px; left: 0px;}
.prodetail .pd-r ul li a{ display: block; overflow: hidden;  position: relative; }
.prodetail .pd-r ul li a span{ float: left; overflow: hidden; box-sizing:border-box; width:100%; padding-right:40px; white-space: nowrap; text-overflow: ellipsis;}
.prodetail .pd-r ul li a b{ display: block; position: absolute; top:0; right:0; font: right; font-weight:normal;}

.detail-cont .detailtap{ width:100%; border-bottom:1px solid #e6e6e6; line-height: 40px; height: 40px; background:#fff;}
.detail-cont .detailtap a{ display: inline-block; float:left; width:150px; border-right:1px solid #e6e6e6; text-align: center; colro:#666; font-size:16px; font-weight: bold;}
.detail-cont .detailtap a:hover, .detail-cont .detailtap a.hover{ background:#099aff; color:#fff;}
.detail-cont .detail-box{ padding:20px;}
.detail-cont table.detable{ width:100%; border:1px solid #e6e6e6; text-align: left; font-size:14px; line-height: 30px;}
.detail-cont .detitle{ font-size:18px; line-height: 50px; font-weight: normal; padding:0 10px;  color:#B0110B;}
.detail-cont table.detable th{ padding:5px 10px; color:#2F6291; font-weight:normal; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; background:#fafafa;}
.detail-cont table.detable th:last-child{ border-right:none;}
.detail-cont table.detable td{ padding:5px 10px; text-align: left; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
.detail-cont table.detable td:last-child{ border-right:none;}

.detail-cont table.detable .stars{ float: left; width:80px; height: 15px; margin-right:10px; background:url(../images/stars.png) no-repeat -80px 0; margin-top:8px;}
.detail-cont table.detable .star{ display: block; height: 15px; background:url(../images/stars.png) no-repeat 0 0;}



/* 会员中心 */
.mtop{ height: 30px; line-height: 30px; border-bottom:1px solid #e6e6e6; background:#fafafa;}
.mtop span{ float: left;}
.mtop label{ float: right;}
.mtop label b{ float: left; font-weight: normal; margin:0 10px;}
.mtop label b i{ font-style: normal;}
.mtop label a:hover{ color:#ff7200;}
.mhead{ overflow: hidden; border-bottom:2px solid #099aff;}
.mhead a.logo{ height:50px; width: auto; margin:10px auto;}
.mhead span{ float: left; font-size:22px; color:#666; line-height: 50px; border-left:1px solid #e6e6e6; margin:10px 0 10px 20px; padding-left:20px;}
.mhead .topserve{ height: 70px; background-size:auto 100%; background-position:center right;}
.mhead .topserve a.weibo{ top:5px; right:65px;}

.mbox{ position: relative; overflow: hidden; margin:10px auto;}
.mbox .mbox-l{ width:200px; height: 100%;position: absolute; top:0; left: 0;background:#f5f5f5; /* border-top:3px solid #099aff; */}
.mbox .mbox-l ul{ margin:10px 0 0 10px; overflow: hidden;}
.mbox .mbox-l ul li{ width: 100%; overflow: hidden;}
.mbox .mbox-l ul li a{ display: block; width:100%; text-align: center; font-size:16px; color:#666; line-height: 40px; border-bottom:1px solid #f0f0f0;}
.mbox .mbox-l ul li a:hover, .mbox .mbox-l ul li a.hover{ background:#fff; color:#099aff;}
.mbox .mbox-r{ width:100%;  min-height:500px;  padding-left:210px; overflow: hidden; border:1px solid #f2f2f2;}
.mbox .mbox-r h2{ line-height: 50px; border-bottom:3px solid #f2f2f2; font-size:20px; font-weight:normal; padding:0 15px;}
.mbox .mbox-r .m-main{ padding:10px 20px; overflow: hidden;}
.mbox .m-main .m-block{ overflow: hidden; width:100%; position: relative;}
.mbox .m-main .bb{ border-bottom:1px solid #e6e6e6;}
.mbox .m-main .m-block .logintime{ position: absolute; top:0; right:10px; color:#999;}
.mbox .m-main .m-block .logintime a{ margin:0 5px; color:#099aff;}
.mbox .m-main .m-block .logintime a:hover{ color:#ff7200;}
.mbox .m-main .m-block .full-info{ width: 100%; overflow: hidden; height:40px; line-height: 40px; border-bottom:1px solid #f2f2f2;}
.mbox .m-main .m-block .full-info span{ float: left; font-size:14px; margin:0 20px; color:#f00;}
.mbox .m-main .m-block .full-info .jdtbox{ float: left; width:50%; height:10px; border:1px solid #f2f2f2; background:#fafafa; margin-top:15px;}
.mbox .m-main .m-block .full-info .jdt{ height: 8px; background:#099aff;}
.mbox .m-main .m-block .full-info b{ float: left; color:#666; margin:0 10px;}
.mbox .m-main .m-block .full-info a{ float: right; color:#666; margin-right:10px; font-size:14px;}
.mbox .m-main .m-block .full-info a:hover{ color:#099aff;}
.mbox .m-main .avata{ display:block; position: absolute; top:20px; left: 0; width: 90px; height: 90px; border-radius:50%; overflow: hidden; border:1px solid #e6e6e6;}
.mbox .m-main .avata img{ width:90px; height: 90px;}
.mbox .m-main .baseinfo{ position: relative; width:100%; padding-left:100px; margin-top:10px; float: right;}
.mbox .m-main .baseinfo table{ width:100%; font-size:12px; margin:15px auto; text-align: left;}
.mbox .m-main .baseinfo table th{ width:15%; text-align: right; padding:5px 5px;}
.mbox .m-main .baseinfo table td{ width:35%;}
.mbox .m-main .baseinfo table td .lv{ padding:0 10px; height:16px; line-height: 10px; border-radius:10px; background:#f00; color:#fff; font-size:10px;}
.mbox .m-main .baseinfo table td.morefunc{ font-size:16px; color:#099aff; text-align: center;}

.full-info .safe{ float: left; }
.full-info .safe span.saferank{ display: block; float: left; width:200px; margin:10px 0 0!important;}
.full-info .safe .saferank i{ display: block; width:55px; height:5px; background:#e6e6e6; float: left; margin:9px 5px;}
.full-info .safe span.rank1 i.line1{background:#f00;}
.full-info .safe span.rank2 i.line1, .full-info .safe span.rank2 i.line2{ background:#ff7200;}
.full-info .safe span.rank3 i{ background: #40c107;}
.m-block .safeset{ margin:10px; overflow: hidden;}
.m-block .safeset li{ margin:5px auto; line-height: 30px; border-bottom:1px dashed #f2f2f2; overflow: hidden;}
.m-block .safeset li:last-child{ border-bottom:none;}
.m-block .safeset li i{display: inline-block; float: left; width:20px; height: 20px; background-image:url(../images/icons.png); background-repeat:no-repeat; margin-top:10px;}
.m-block .safeset li i.gou{ background-position: -339px -306px;}
.m-block .safeset li i.cha{ background-position: -339px -330px;}
.m-block .safeset li span{float: left; display:inline-block; padding:5px;  color:#666;}
.m-block .safeset li .safe-i{ width:80px; color:#099aff; font-size:14px;}
.m-block .safeset li .safe-c{ width:20%; color:#099aff;}
.m-block .safeset li .safe-c.unset{ color:#666;}
.m-block .safeset li .safe-e{ width:50%;}
.m-block .safeset li a{ float: right; color:#099aff;}
.m-block .safeset li a:hover{ color:#f00;}

.m-block .mtitle{ height: 30px; line-height: 30px; background:url(../images/ebbg.png) 0 15px repeat-x;}
.m-block .mtitle h4{ font-size:14px; font-weight: normal; color:#d1321d; float: left; line-height: 30px; background:#fff;padding-right:20px;}

.m-block table{ margin:20px 0 20px 20%; width:60%;}
.m-block table th{ font-size:14px; width:100px; text-align: right; font-weight:normal; padding:10px 5px;}
.m-block table th i{ margin:0 5px; line-height: 30px; color:#d1321d}
.m-block table td{ padding:5px 0;}
.m-block table td input, .m-block table td select{ border:1px solid #e6e6e6; border-radius:5px; padding:5px; color:#333; height:38px;}
.m-block table td input:focus, .m-block table td select:focus{ border-color:#099aff;}
.m-block table td input[type="text"]{ width:250px;}
.m-block table td input[type="radio"]{ margin:5px; height:10px;}
.m-block table td select{ width:100px;}
.m-block table td a{ color:#099aff; margin-left:10px; font-size:12px;}
.m-block table td a:hover{ color:#d1321d;}
.m-block a.savebtn, .readbtn{ display:block; float: left; margin:0; width:120px; height: 40px; line-height: 40px; border-radius:5px; color:#fff; font-size:16px; background:#099aff; text-align: center;}
.m-block a.savebtn:hover, .readbtn:hover{ background:#217aff; color:#fff;}
.m-block .safetab{ border-bottom:2px solid #f2f2f2; height:40px;}
.m-block .safetab a{ float: left; padding:5px 15px; line-height: 30px; height:40px; border:2px solid #fff; border-bottom-color:#f2f2f2; font-weight:bold; font-size:14px; }
.m-block .safetab a:hover{ color:#099aff;}
.m-block .safetab a.hover{ border-color:#f2f2f2; border-bottom-color:#fff; color:#099aff;}
.m-block .safecont table th{ width:100px;}

.safecont .safe{ float: left; }
.safecont .safe b{ float: left; font-size:12px; line-height: 22px;}
.safecont .safe span.saferank{ display: block; float: left; width:200px; }
.safecont .safe .saferank i{ display: block; width:55px; height:5px; background:#e6e6e6; float: left; margin:9px 5px;}
.safecont .safe span.rank1 i.line1{background:#f00;}
.safecont .safe span.rank2 i.line1, .safecont .safe span.rank2 i.line2{ background:#ff7200;}
.safecont .safe span.rank3 i{ background: #40c107;}
.safecont span.checked{ font-size:12px; margin-left:10px; color:#3cb034;}
.safecont .mailtip{ font-size:12px; color:#d1321d;}

.text_prompt2 {
  float: left;
  margin-right: 8px;
}
.text_prompt2 img {
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
}
.view {
  width: 120px;
  height: 120px;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  border: 1px solid #fff\9;
  background: url(../images/unknowimg.png) no-repeat center;
  margin-right: 10px;
  cursor: pointer;
}
.view:hover {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.view .mask {
  width: 120px;
  height: 120px;
  position: absolute;
  overflow: hidden;
  top: 0px;
  left: 0px;
}
.view img {
  display: block;
  position: relative;
}
.second-effect .mask {
  opacity: 0;
  overflow: visible;
  border: 0px solid rgba(0, 0, 0, 0.7);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.second-effect a.info {
  position: relative;
  top: -40px;
  left: -40px;
  opacity: 0;
  -moz-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect:hover .mask {
  opacity: 1;
  border: 75px solid rgba(0, 0, 0, 0.5);
}
.second-effect:hover a.info {
  opacity: 1;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.view a.info {
  background: url('../images/delete.png') no-repeat scroll center center transparent;
  display: inline-block;
  text-decoration: none;
  padding: 0px;
  text-indent: -9999px;
  width: 28px;
  height: 28px;
}
.view a.info2 {
  background: url('../images/plus.png') no-repeat scroll center center transparent;
  display: inline-block;
  text-decoration: none;
  padding: 0px;
  text-indent: -9999px;
  width: 28px;
  height: 28px;
}
div.fromRight input[type="file"] {
    width: 78px;
    height: 30px;
    opacity: 0;
    margin-top: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    cursor: pointer;
}

a.themeSbtn {
	position: relative;
    height: 30px;
    line-height: 30px;
    background-color: #3498db;
    padding: 0 10px;
    color: #fff!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    margin-right: 10px;
    margin-top:48px;
    float: left;
}
div.fromRight i {
    margin-left: 10px;
    font-size: 12px;
    color: #999999;
    text-align: left;
    line-height: 20px;
    display: inline-block;
    width:190px;
    font-style:normal;
}

.m-block table.accountable{ margin:20px 0; width:90%;}
.m-block table.accountable th{ font-size:20px; width:120px; color:#333;}
.m-block table.accountable td.selectbox{ width:50%;}
.m-block table.accountable select{ width:100%;}
.m-block table.accountable .accountbtn{ margin:0 10px; height:36px; line-height: 36px;}
.m-block .accounttip{ color:#ff7200; font-size:16px; font-weight: bold; margin:20px 8px;}
.m-block .accountwarm{ margin: 10px 5px;}
.m-block .accountwarm li{ color:#f00; font-size:16px; line-height: 30px; text-align: left;}

.m-block table.infotable .useravata img{ width: 90px; height: 90px; float: left;  }
.m-block table.infotable .useravata .userpicbtn{ position: relative; width: 120px; height: 30px; text-align: center; line-height: 30px; background-color: #3498db; padding: 0 10px; color: #fff !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; margin-right: 10px; margin:60px 10px 0; float: left;}
.m-block table.infotable .useravata .userpicbtn input{ opacity: 0; width: 120px; position: absolute; top: 0; left: 0; cursor: pointer; }



/* 网站地图 */
.webmap{ border:1px solid #e6e6e6; margin:10px auto;}
.webmap .maptit{ line-height: 40px; height: 40px; border-bottom:1px solid #e6e6e6; margin:0 auto; overflow: hidden;}
.webmap .maptit h2{ float: left; font-size:14px; margin-left: 15px; color:#333;}
.webmap a.mapbtn{ display: block; width:120px; height: 40px; line-height: 40px; font-size:16px; color:#fff; background: #218fff; border-radius:3px; margin:40px  auto 0; text-align: center;}
.webmap a.mapbtn:hover{ background:#217aff;}
.webmap ul.maplist{ overflow: hidden; margin:30px auto 50px; float: left; width:100%;}
.webmap ul.maplist li{ float: left; width:100%;  text-align: center; line-height: 30px; border-bottom:1px dashed #e6e6e6;}
.webmap ul.maplist a.subnav{ font-size:16px; display: block; float:left; width: 120px; background:#218fff; color:#fff; margin:21px 0 0 20px; border-radius:3px;}
.webmap ul.maplist a.subnav:hover{ background:#217aff;}
.webmap ul.maplist li .sublinks{ float:left; width:87%; padding:10px 20px;}
.webmap ul.maplist li .sublinks a.sublist{ width:180px; display: block; line-height: 30px; font-size:14px; border:1px solid #e6e6e6; background:#f2f2f2; margin:10px 10px 10px 0;}
.webmap ul.maplist li .sublinks a.sublist:hover{ color:#fff; background:#218fff; border-color:#218fff;}
.webmap ul.maplist li .sublinks a{ width:120px; float: left; margin:10px 10px 10px 0;}


/*产品列表*/
.mainlist-left .listitem.procat h3{text-align: left; padding-left:50px; background:#217aff;}
.flatlist{ width:260px; border:1px solid #099aff; border-top:none; border-bottom:none; background:#099aff;}
.flatlist a{ display: block; width:258px; height: 40px; text-align: left; color:#fff; font-size:16px; line-height: 40px; border-top:1px solid #26a6ff; border-bottom:1px solid #0489e6; padding-left:50px;}
.flatlist a.hover, .flatlist a.hover:hover{ background:#038dee; color:#fff; bottom-bottom-color:#038dee;}
.flatlist a:hover{ background:#09a5ff; color:#fff;}
.mainlist-right .rightbox.platform{ border:none;}
.platform ul h3{ display: block; height:40px; line-height: 40px; background:#099aff; text-align: left; font-size:18px; color:#fff; padding:0 20px; margin-bottom:10px; font-weight: normal;}
.platform ul li{ display:block; border:1px solid #e6e6e6; padding:20px 10px; margin-bottom:10px; overflow: hidden; }
.platform ul li:hover{ border-color:#099aff; box-shadow: 0 0 3px rgba(0,0,0,.3)}
.platform ul li .flatpic{ width:20%; float: left; border-right:1px solid #e6e6e6;}
.platform ul li .flatpic img{ width:100%;}
.platform ul li table{ width:56%; margin:0 2%; line-height: 20px; float:left;}
.platform ul li table th{ font-weight: normal; font-size:12px; color:#999; padding:0 10px;}
.platform ul li table th.flatname{ width:20%; font-size:16px; font-weight:bold; color:#333; line-height: 36px; height: 36px;}
.platform ul li table td{ width:30%; text-align:left; font-size:12px; color:#666; padding:0 10px;}
.platform ul li .buttons{ width:20%; height:100px; display: block; float: right; border-left:1px solid #e6e6e6;}
.platform ul li .buttons a{ display: block; width:80%; margin:10px 10%; height:34px; line-height: 34px; text-align: center; font-size:14px; border-radius:3px;}
.platform ul li .buttons a.openbtn{ background:#099aff; color:#fff;}
.platform ul li .buttons a.openbtn:hover{ background:#217aff;}
.platform ul li .buttons a.detailbtn{ background: #eee; color:#099aff; }
.platform ul li .buttons a.detailbtn:hover{ background: #099aff; color:#fff; }


/*推广页首页*/
.topbar .tg_topserve{ background: url(../images/tg_topserve.png) no-repeat ;}
.tg_nav ul{ width:100%; height: 40px; ;}
.tg_nav li{ float: left; width:11.11%; padding:5px 0; }
.tg_nav li a{ display: block; width:90%; margin:0 auto; height: 30px; font-size: 16px; line-height: 30px; text-align: center; color:#96572b;  border-radius: 5px; }
.tg_nav li.active a{ color:#fff; background:#cc9863;}
.tg_nav li a:hover{ color:#fff; background:#cc9863;}


/* banner */
.tg_banner{ position: relative;}
.tg_banner.lay{ margin-top:0; box-shadow:0 5px 5px rgba(0,0,0,.3)}
.tg_banner .banlogin{ position: absolute; z-index: 100; top:100px; right:15%; width:240px;padding:20px 30px; border-radius:5px; background:url(../images/tbg.png) repeat;}
.tg_banner .banlogin a{ display: block; line-height: 45px; border-radius:5px; margin:15px auto; background: #218fff; color:#fff; text-align: center; font-size:16px;}
.tg_banner .banlogin a:hover{ background: #217aff;}


.tg_notice{ height:70px; margin-top:-40px; overflow: hidden;}
.tg_notice .tg_info{ margin-top:20px; width:70%; height:50px; font-size:16px; line-height: 50px; float: left; background: #e0b88e; border-top:1px solid #ffe4c7;  position: relative; color:#522d02;}
.tg_notice .tg_info i.tg_infoicon{ width:110px; position: absolute; bottom:0; left:0; padding-left:30px; background: url(../images/notice.png) no-repeat 7px 15px; color:#522d02;}
.tg_notice .tg_info a{ display:block; padding:0 180px 0 110px; width:100%; display:block;  text-align: left; font-size:16px; color:#522d02; overflow: hidden; text-oveflow:ellipsis; white-space: normal;}
.tg_notice .tg_info a:hover{ color:#3d0901;}
.tg_notice .tg_info span{ display:block; width:110px; position:absolute; bottom:0; right:70px;}
.tg_notice .tg_info:before{ content: ""; position: absolute; width:100%; height:49px; bottom:0; right:100%; background:#e0b88e; border-top:1px solid #ffe4c7; }
.tg_notice .tg_regbtn{ width:30%; height:70px; background:#fbcfa0; border-top:1px solid #fff0e2; float: right; position: relative; }
.tg_notice .tg_regbtn:before{ content: ""; width:70px; height: 70px; position: absolute; top:0; left:-70px; background: url(../images/sj.png) no-repeat 0 -1px;}
.tg_notice .tg_regbtn:after{ content: ""; position: absolute; bottom:0; right:-300%; width:300%; height:69px; background:#fbcfa0; border-top:1px solid #fff0e2; text-align: center;}
.tg_notice .tg_regbtn a{ display: inline-block; width:140px; text-align: center; height: 40px; line-height: 40px; color:#fff; margin:15px 10px; background: #cc9863; font-size: 16px; line-height: 40px; border-radius: 5px;}
.tg_notice .tg_regbtn a:hover{ background: #deab77;}
.tg_notice .tg_regbtn a:active{ background: #b98856;}

.tg_block{ padding:10px 0;}
.tg_block .tg_title{ height: 40px; line-height: 40px; margin:10px auto;}
.tg_block .tg_title i.shu{ display: inline-block; width:5px; height:20px; background:#c88d50; float: left; margin:10px 10px 10px 5px;}
.tg_block .tg_title h2{ display: inline-block; font-size:24px; color:#333;}
.tg_block .tg_title a.more{ float:right; display: inline-block; font-size:14px; margin-right:5px; line-height: 40px; color:#666;}
.tg_block .tg_title a.more:hover{ color:#c88d50;}
.tg_block .tg_cont{ width:100%; overflow: hidden; height:350px; position: relative;}
.tg_block .tg_left{ position: absolute; top:0; left: 0;  width:275px; height:350px; color:#fff; text-align: center;}
.tg_block .tg_cont .tg_left h3{  font-size:30px; line-height: 40px; font-weight: normal; margin:20px auto;}
.tg_block .tg_cont .tg_left span{ font-size:22px;}
.tg_block .tg_cont .tg_left p{ position: absolute; bottom:20px; left:0; display: block; width:100%; line-height: 30px; font-size:20px;}
.tg_block .tg_xianhuo{ background:url(../images/tg_xianhuo.jpg) no-repeat;}
.tg_block .tg_waihui{ background:url(../images/tg_waihui.jpg) no-repeat;}
.tg_block .tg_xintuo{ background:url(../images/tg_xintuo.jpg) no-repeat;}
.tg_block ul.tg_right{ padding-left:275px; height:350px; border:1px solid #e6e6e6; border-left:none; border-right:none;}
.tg_block ul.tg_right li{ float: left; width:33.33%; height: 350px; border-right:1px solid #e6e6e6; position: relative;}

.tg_block ul.tg_right li i.tg_tap{ position: absolute; top:0; left:0; width: 70px; height:70px; background: url(../images/tuijian.png) no-repeat;}
.tg_block ul.tg_right li .tg_prologo{ width:50px; height: 50px; margin:20px auto;}
.tg_block ul.tg_right li h3{ font-size:20px; color:#666; text-align: center; font-weight: normal;}
.tg_block ul.tg_right li:hover h3{ color:#de8f3e;}
.tg_block ul.tg_right li .tg_cs{ width:100%; background: #fafafa; padding:15px 20%; margin-top:20px;}
.tg_block ul.tg_right li .tg_cs table{ width:100%; line-height: 30px; font-size:14px; color:#666;}
.tg_block ul.tg_right li .tg_cs table th{ font-weight: normal;}
.redfont{ color:#b53430;}
.tg_block ul.tg_right li a.watchbtn{ display: block; margin:20px auto; width:190px; height: 40px; line-height: 40px; background: #daaf84; font-size:16px; color:#fff; border-radius: 3px; text-align: center;}
.tg_block ul.tg_right li a.watchbtn:hover{ background: #dfa871;}
.tg_block ul.tg_right li a.watchbtn:active{ background: #b98856;}

.tg_footer{ border-top:5px solid #dfa871;}
.tg_footer .bottom li a:hover{ color:#dfa871;}


/* 外汇交易商 */
.barterer_tit{ overflow: hidden;  line-height: 50px;  }
.barterer_tit h1{ color: #333; font-size: 20px; float: left;}
.barterer_tit .crumb{ float: right; margin: 0 auto; }

.filter .filter_item{ border: 1px solid #e6e6e6; position: relative; overflow: hidden; background: #fafafa; }
.filter .filter_item span.supervise, .filter .filter_result span.supervise{ position: absolute; top: 10px; left: 20px; width: 90px; line-height: 30px; display: block; font-size: 14px; color: #999; padding:0; margin:0; }
.filter .filter_item .item_select, .filter .filter_result .item_selected{ padding:5px 5px 5px 100px; line-height: 30px; }
.filter .filter_item .item_select .checkbox_box{ float: left; margin: 5px 10px; overflow: hidden;}
.item_select .checkbox_box .checkbox_bg input{ display: none; }
.item_select .checkbox_box .checkbox_bg{ float: left; width:14px; height: 14px; margin: 9px 5px 0 0; cursor: pointer; background: url('../images/checkbox.png') no-repeat 0 0 ; }
.item_select .checkbox_box.check_active .checkbox_bg{ background: url('../images/checkbox.png') no-repeat -14px 0 ; }
.item_select .checkbox_box .label_title{ font-size: 14px; cursor: pointer; }
.item_select .checkbox_box.check_active .label_title{ color: #099aff; }
.item_select .checkbox_box .ctrBtn{float: right; overflow: hidden;}
.filter .filter_item .item_select .ctrBtn input{ border: none; width: 80px; line-height: 26px; line-height: 26px; text-align: center; border-radius: 3px; cursor: pointer; margin: 6px 0 0 6px; }
.filter .filter_item .item_select .ctrBtn input.sure{ background:#099aff; color: #fff;  }
.filter .filter_item .item_select .ctrBtn input.sure:hover{ background: #217aff }
.filter .filter_item .item_select .ctrBtn input.cancle{ background:#e6e6e6; color: #333;  }
.filter .filter_item .item_select .ctrBtn input.cancle:hover{ background: #ccc; }


.filter .filter_result{ border: 1px solid #e6e6e6; border-top: 0px; position: relative; overflow: hidden; min-height: 50px; }
.filter .filter_result .item_selected .selected_value{border:1px solid #ccc; line-height: 26px; float: left; padding: 0 5px; margin:6px 0 0 6px; border-radius:3px;}
.filter .filter_result .item_selected .selected_value:hover{ border-color: #ff7200; background: #fff1e5;}
.filter .filter_result .item_selected .selected_value span{ margin: 0 5px; float: left; }
.filter .filter_result .item_selected .selected_value a.close_value{ display: block; float: left; width: 15px;height: 15px; background: url('../images/baricon.png') no-repeat 0 0;   margin:6px 3px 0 0;}
.filter .filter_result .item_selected .selected_value:hover a.close_value{ background: url('../images/baricon.png') no-repeat -15px 0; }

/* 交易商列表 */
.barterer_list{ position: relative; margin-top: 0; }
.barterer_l{min-height: 800px;float: left;width: 790px;}

.barterer_l .bar_item{ position: relative; border: 1px solid #e6e6e6; width:100%; margin-bottom:20px;}
.barterer_l .bar_item:hover{ border-color: #099aff; background: #f5fbff; }
.barterer_l .bar_item:hover .bar_l{ background: #e6f4fe; }
.bar_item .bar_l{ width:200px; height:100%; float: left; background: #f5f5f5; position:absolute; top: 0; left: 0; text-align: center; }
.bar_item .bar_l img.comlogo{ display: inline-block; width: 170px; height: 60px; border: 1px solid #e6e6e6; border-radius: 5px; margin: 20px auto; }
.bar_item .bar_l .bar_supervise { position: absolute; bottom: 10px;  width: 90%; margin: 0 5%; text-align: center;}
.bar_item .bar_l .bar_supervise p{ width: 100%; text-align: center; font-size: 14px; color: #222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bar_item .bar_l .bar_supervise span.qijian{ display: inline-block; width: 124px; height: 40px; background: url('../images/baricon.png') no-repeat -100px -40px; overflow: hidden; margin-top: 10px; }

.bar_item .bar_r{ padding:0 20px 0 220px; position: relative;}
.bar_item .bar_r .recommend{ width: 96px; height: 40px; position: absolute; top: -8px; right: 30px; background: url('../images/baricon.png') no-repeat -100px 0; }
.bar_item .bar_r .bar_name{ width: 100%; overflow: hidden; font-size: 20px; color: #2e88e9; text-align: left; line-height: 30px; padding: 15px 0 5px; }
.bar_item .bar_r .bar_brief{ overflow: hidden; position: relative }
.bar_item .bar_r .bar_brief ul{ padding-right: 130px; }
.bar_item .bar_r .bar_brief ul li{ width: 100%; line-height: 26px; overflow: hidden; }
.bar_item .bar_r .bar_brief ul li b{ font-weight: normal; color: #999; font-size: 14px; }
.bar_item .bar_r .bar_brief ul li span{ color: #333; font-size: 14px; }
.bar_item .bar_r .bar_brief .bar_tool{ width: 120px; position: absolute; top: 0; right: 0; }
.bar_item .bar_r .bar_brief .bar_tool a{ float: left; display: inline-block; width: 120px; height: 34px; border-radius: 3px; text-align: center; line-height: 34px; color: #fff; font-size: 14px; background: #099aff; margin-bottom: 20px; }
.bar_item .bar_r .bar_brief .bar_tool a:hover{ background: #217aff; }
.bar_item .bar_r .bar_brief .bar_tool span{float: left; display: block; width: 100%; text-align: left; color: #999; font-size: 14px; }
.bar_item .bar_r .bar_brief .bar_tool span i{ display: inline-block; float: left; width: 25px; height:25px; background-image: url('../images/baricon.png'); background-repeat: no-repeat; line-height: 25px; }
.bar_item .bar_r .bar_brief .bar_tool span.viewNum i{ background-position:-3px -20px;}
.bar_item .bar_r .bar_brief .bar_tool span.chatNum i{ background-position:-3px -50px;}
.bar_item .bar_r .bar_analyze{ position: relative; width: 100%; height: 50px; border-top: 1px solid #e6e6e6; line-height: 50px; margin-top:10px;}
.bar_item .bar_r .bar_analyze h4{ position: absolute; width:70px; top: 0; left: 0; font-size: 14px;  background:url(../images/fire.gif) no-repeat left 16px; padding-left:14px;}
.bar_item .bar_r .bar_analyze .scrollText{ height: 30px; margin: 10px auto; overflow: hidden; }
.bar_item .bar_r .bar_analyze ul{ padding:0 80px ; height: 50px; overflow: hidden; margin:0 auto;}
.bar_item .bar_r .bar_analyze ul li{ width: 100%; height: 30px; line-height: 30px; position: relative; }
.bar_item .bar_r .bar_analyze ul li a{ display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 28px; color: #666; padding-right: 80px; }
.bar_item .bar_r .bar_analyze ul li a:hover{ color:#217aff;}
.bar_item .bar_r .bar_analyze ul li span{ position: absolute; top: 0; right: 0; color: #999; }
.bar_item .bar_r .bar_analyze a.more{ position: absolute; top: 0; right: 0; width: 50px; text-align: center; color: #999; }
.bar_item .bar_r .bar_analyze a.more:hover{ color: #217aff; }

.barterer_r{float: right;width: 320px;}
.barterer_r .adpic{ width:100%; height: auto; margin-bottom: 20px; }
.barterer_r .adpic img{ width: 100%; height: auto; }
.list_item{ width: 320px; background: #fff; border:1px solid #e6e6e6; margin-bottom: 20px; }
.list_item .hot_tit{ height: 40px; line-height: 40px; border-bottom: 1px solid #e6e6e6; background: #fafafa; padding:0 10px;}
.list_item .hot_tit h3{ float: left; font-size: 16px; color: #0079ce;}
.list_item .hot_tit a{ font-size: 14px; color: #999; float: right; }
.list_item .hot_tit a:hover{ color: #0079ce; }
.list_item ul{ margin: 10px; overflow: hidden; }
.list_item ul li{ width: 100%; line-height: 30px; height: 30px; overflow: hidden; position: relative; }
.list_item ul li i{ position: absolute; display: inline-block; width:18px; height: 18px; background: #bfbfbf; border-radius:3px; color:#666; font-size:12px; line-height: 18px; text-align: center; margin:6px 0 0;}
.list_item ul li:nth-child(1) i, .list_item ul li:nth-child(2) i, .list_item ul li:nth-child(3) i{ background:#df2101; color: #fff;  }
.list_item ul li a{ display: block; width: 100%; padding-left: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #666; }
.list_item ul li a:hover{ color:#099aff;}

.hl_item ul li{ width: 33%; line-height: 30px; height: 30px; overflow: hidden; position: relative; float: left;}
.hl_item ul li a{ display: block; width: 100%; padding-left: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #666; }
.hl_item ul li a:hover{ color:#099aff;}

.list_item.trade_notice ul li i{ display: inline-block; width: 5px; height: 5px; background: #099aff!important; margin: 14px 5px; border-radius: 0; }
.list_item.trade_notice ul li a{ padding:0 80px 0 20px;  }
.list_item.trade_notice ul li span{ position: absolute; top: 0; right: 0; color: #999; }


/* 交易商详情页面 */
.barterer_base{min-height: 280px; overflow: hidden; background: url('../images/compbg.jpg') no-repeat 100% 100%; background-size: 100% 100%;}
.barterer_base .crumb{ color: #fff; margin: 5px auto; line-height: 30px;  }
.barterer_base .crumb a{ color: #fff; }
.barterer_base .crumb a:hover{color:#099aff;}
.barterer_base .barinfo{ position: relative; }
.barterer_base .barinfo .barinfo_l{ position: absolute; top: 0; left: 0; width: 240px; height: 100%; }
.barterer_base .barinfo .barinfo_l .img{ width: 100%; height: auto; }
.barinfo .barinfo_l .barinfo_tool{ margin-top: 10px; overflow: hidden; }
.barinfo .barinfo_l .barinfo_tool span.qijian{float: left; display: inline-block; width: 124px; height: 40px; background: url('../images/baricon.png') no-repeat -100px -40px; overflow: hidden;}
.barinfo .barinfo_l .barinfo_tool a.qqchat{ display: inline-block; float: right; height: 30px; line-height: 30px; color:#fcd67c;  padding-left:30px; background:url('../images/baricon.png') no-repeat 0 -135px; margin-top:5px;}

.barinfo .barinfo_l .dig{ position: absolute; bottom: 0px; right: 0; width: 100%; overflow: hidden; }
.barinfo .barinfo_l .dig span{ line-height: 30px; font-size: 16px; color: #fff; cursor: pointer; }
.barinfo .barinfo_l .dig span.dig_up{ float: left;  }
.barinfo .barinfo_l .dig span.dig_down{ float: right;  text-align: right; }
.barinfo .barinfo_l .dig span i{background-image: url('../images/baricon.png'); background-repeat: no-repeat; display: inline-block; width:30px; height: 30px; float: left;}
.barinfo .barinfo_l .dig span.dig_up i{ background-position: 0 -195px; }
.barinfo .barinfo_l .dig span.dig_down i{ background-position: 0 -165px; }

.barterer_base .barinfo .barinfo_m{ padding: 0 230px 0 264px;  }
.barterer_base .barinfo .barinfo_m h1{ font-size: 24px; color: #fff; text-align: left; line-height: 40px; }
.barterer_base .barinfo .barinfo_m p{ width: 100%; height: 50px; font-size:16px; color:#bdc7e2; margin:5px auto; line-height: 25px; overflow: hidden;}
.barterer_base .barinfo .barinfo_m ul{ width: 100%; overflow: hidden; margin: 0 5px; }
.barterer_base .barinfo .barinfo_m ul li{ float: left; width: 50%; line-height: 30px; color: #fff; font-size: 14px; }
.barterer_base .barinfo .barinfo_m ul li i{ display: inline-block; width: 30px; height: 30px; float: left; background-image:url('../images/baricon.png') ; background-repeat: no-repeat; }
.barinfo .barinfo_m ul li i.mail{ background-position: -3px -75px; }
.barinfo .barinfo_m ul li i.phone{ background-position: -3px -105px; }
.barinfo .barinfo_m .moreinfo{ width: 100%; overflow: hidden; margin:10px auto;}
.barinfo .barinfo_m .moreinfo a{ display: inline-block; float: left; line-height: 30px; border: 1px solid #fff; border-radius: 3px; text-align: center; padding: 0 10px; font-size: 16px; margin: 0 15px 10px 0; color: #fff; }
.barinfo .barinfo_m .moreinfo a:hover{ color: #099aff; background: #fff; }

.barterer_base .barinfo .barinfo_r{ width: 210px; position: absolute; top: 28px; right:0;}
.barterer_base .barinfo .barinfo_r a{ display: block; float: left; width: 170px; height: 46px; text-align: center; line-height: 46px; border-radius: 3px; margin-top: 20px; font-size: 18px; }
.barterer_base .barinfo .barinfo_r a.account_btn{ border: 1px solid #fff; color: #fff; }
.barterer_base .barinfo .barinfo_r a.account_btn:hover{ background: #fff; color: #099aff; }
.barterer_base .barinfo .barinfo_r a.download_btn{ background: #df2101; color: #fff; }
.barterer_base .barinfo .barinfo_r a.download_btn:hover{ background: #c01c00; }

.barterer_box{ border: 1px solid #e6e6e6; border-top-color: #038dee; padding: 20px 0; margin-top: 20px; }
.barterer_box .barterer_tit{ height: 50px; line-height: 50px; color: #333; font-size: 20px; text-align: left; }
.barterer_box .barterer_tit h1{ float: left; margin-left:10px; font-size:20px; color:#333;}
.barterer_box .barterer_tit h2{ float: left; margin-left:10px; font-size:20px; color:#333;}
.barterer_box .barterer_tit h1 i{ display:inline-block; width: 20px; height: 30px; float: left; margin: 10px; background: url('../images/baricon.png') no-repeat -30px 8px; }
.barterer_box .barterer_tit h2 i{ display:inline-block; width: 20px; height: 30px; float: left; margin: 10px; background: url('../images/baricon.png') no-repeat -30px 8px; }
.barterer_box .barterer_value{ margin: 0 25px;}
.barterer_box .barterer_value table{ width: 100%; text-align: left; }
.barterer_box .barterer_value table th{ font-size: 14px; color: #999; line-height: 30px; font-weight: normal; }
.barterer_box .barterer_value table td{ font-size: 14px; color: #666; line-height: 30px; vertical-align: top; }

.article_box{ margin-top: 20px; overflow: hidden; }
.article_box .article.strategy{ float:left; }
.article_box .article.newnotice{ float:right; }
.article_box .article{ width: 49%; height: 217px; border: 1px solid #e6e6e6;}
.article_box .article .art_tit{height: 45px; width:100%; line-height: 44px; border-bottom:1px solid #009aff;}
.article_box .article .art_tit h3{float: left; margin-left:18px; font-size:16px;}
.article_box .article .art_tit h3 i{ display: inline-block; float: left; width: 20px; height: 30px;background: url('../images/baricon.png') no-repeat -30px 8px; margin-top: 6px; }
.article_box .article .art_tit a.more{ float: right; color: #999; margin-right: 20px; }
.article_box .article .art_tit a.more:hover{ color: #009aff;}
.article_box .article ul{ margin: 10px 20px; overflow: hidden; }
.article_box .article ul li{position: relative; width: 100%; overflow: hidden;  float: left; }
.article_box .article ul li i{ display: inline-block; position: absolute; top: 5px; left: 0;  width: 20px; height: 30px;background: url('../images/baricon.png') no-repeat -5px -228px;}
.article_box .article ul li a{ width: 100%; display: block; padding:0 80px 0 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; font-size: 14px; line-height: 30px; }
.article_box .article ul li a:hover{ color: #009aff; }
.article_box .article ul li span{ position: absolute; top: 5px; right: 0; font-size: 14px; color: #999; }

.account_type{ margin-top: 20px; border-top-color: #099aff; overflow: hidden; }
.account_type .acc_tit{ height:40px; background: #099aff; margin-top:2px;}
.account_type .acc_tit li{ float: left; padding: 0 20px; border: 1px solid #099aff; line-height: 40px; background: #099aff; height: 40px; }
.account_type .acc_tit li a{ line-height: 40px; color: #fff; font-size: 16px; }
.account_type .acc_tit li#current{ background: #fff; border-bottom: none; height: 42px; margin-top: -2px;  }
.account_type .acc_tit li#current a{ color: #099aff; }
.account_type .acc_cont{ height:auto; border: 1px solid #e6e6e6; border-top:none; overflow: hidden; background:#fff; padding:10px;}
.account_type .acc_cont table{ margin: 20px; line-height: 30px; font-size:14px; color: #333; text-align: left; width:100%; }
.account_type .acc_cont table th{ width: 80px; font-weight: normal; color: #666; vertical-align: top;  }
.account_type .acc_cont table td{vertical-align: top; }
.account_type .acc_cont table tr:nth-child(1) td:nth-child(2){ width: 45%; padding-right: 20px; }


/* 常见问题 */
.barterer_box .barterer_tit a{ font-size: 14px; float: right; margin-right: 20px; line-height: 30px; color: #999; }
.barterer_box .barterer_tit a:hover{ color:#099aff;}
.faq_box{ margin:0  30px; }
.faq_box .faq_list{ overflow: hidden; }
.faq_box .faq_list h5{ font-size: 16px; line-height: 30px;  color:#000;}
.faq_box .faq_list h5 i{ display: inline-block; float: left; width: 30px; height: 30px; background: url('../images/baricon.png') no-repeat -4px -255px; }
.faq_box .faq_list p{ font-size: 14px; line-height: 30px; margin: 5px auto 10px; text-indent:30px;}


/* 网友评论 */
.detail_bottom{ margin: 20px auto; width: 100%; position: relative; }
.detail_bottom .comment_box{  padding-right: 300px; overflow: hidden; }
.detail_bottom .comment{ border: 1px solid #e6e6e6; border-top-color: #099aff; overflow: hidden; }
.detail_bottom .comment .com_tit{ height: 50px; line-height: 50px; color: #333; font-size: 20px; text-align: left; }
.detail_bottom .comment .com_tit h3{ float: left; margin-left:10px; font-size:20px; color:#333;}
.detail_bottom .comment .com_tit h3 i{ display:inline-block; width: 20px; height: 30px; float: left; margin: 10px; background: url('../images/baricon.png') no-repeat -30px 8px; }
.detail_bottom .comment .com_grade{ overflow: hidden; width: 100%;  padding-left:25px;}
.detail_bottom .comment .com_grade a{ display: inline-block; float: left; margin-right: 10px; margin-bottom:10px; height: 32px; line-height: 32px; font-size: 14px; padding: 0 10px; color: #666; border-radius: 3px; text-align: center; border-radius: #666; background: #f0f0f0; }
.detail_bottom .comment .com_grade a:hover, .detail_bottom .comment .com_grade a.current{ color: #fff; background: #038dee; border-color: #038dee; }
.detail_bottom .comment .com_main{ margin-top: 10px;}
.detail_bottom .comment .com_main .com_list{margin:10px 25px; border-bottom:1px solid #e6e6e6;}
.com_list .commenter_cont{ overflow: hidden; }
.com_list .commenter{ overflow: hidden; }
.comment_box .avata{ width: 50px; height: 50px; display: inline-block; border-radius: 50%; overflow: hidden; float: left; margin-right: 10px;  }
.comment_box .avata img{ width: 100%; height: 100%; }
.com_list .commenter .name{ float: left; font-size: 16px; font-weight: bold;  color: #333; line-height: 50px; margin-right: 10px; }
.com_list .commenter .revert{ line-height: 48px; font-size: 14px; color: #999; }
.com_list .commenter .revert i{ color: #038dee; margin: 0 10px; }
.com_list .commenter .stars{ height: 50px; float: left; padding: 16px 0; }
.com_list .commenter .time{ float: right; font-size: 14px; color: #999; line-height: 50px; }
.com_list .commenter_review{ padding-left: 60px; }
.com_list .bareview .com_pic { margin:10px auto; }
.com_list .com_cont{ overflow: hidden; margin-left: 60px; }
.com_list .com_text{ overflow: hidden; background: #f5f5f5; border-radius: 5px; padding:10px; line-height: 24px; font-size:14px;}
.com_list .com_pic{ overflow: hidden; margin: 10px; }
.com_list .com_pic span{ float: left; display: inline-block; width: 70px; height: 70px; overflow: hidden; margin-right: 10px; cursor: pointer; }
.com_list .com_pic span img{ width: 100%; height: 100%;  }

.com_list .com_cont .sub_commenter{ background: #f5f5f5; padding:10px; border-top:1px dashed #e6e6e6; margin:0 auto; overflow: hidden;}
.com_list .reply{ width: 100%; overflow: hidden; border-top: 1px dashed #e6e6e6; padding: 10px 0; margin-top: 10px; }
.com_list .reply a.reply_btn{ width:70px; height: 28px; color: #038dee; font-size: 14px; text-align: center; line-height: 25px; border: 1px solid #038dee; float: right; border-radius: 3px; }
.com_list .reply a.reply_btn:hover{ color: #fff; background: #217aff; border-color: #fff; }

.com_list .sub_commenter.bareview{ border: 1px solid #9bd6ff; padding:10px; background: #edf4ff; margin:10px auto;}
.com_list .sub_commenter.bareview .commenter_review .com_text{ background:none; padding:0; }
.com_list .sub_commenter.bareview .commenter .name{ color: #099aff; }

.reply_box{ position: relative; overflow: hidden; padding-left: 80px; }
.reply_box .avata{position: absolute; top:10px; left: 80px;}
.reply_box .type_box{ padding:10px 0  10px 60px; }
.reply_box .type_box textarea{ width:100%; height: 70px; line-height: 20px; color: #666; padding:5px; border: 1px solid #e6e6e6; border-radius: 5px; resize: none;}
.reply_box .type_box textarea:focus{ border: 1px solid #099aff; }
 .add_pic{ width:100%; overflow:hidden; padding-left: 60px; margin:5px auto;}
 .add_pic .addpicimg{ float: left; width: 70px; height: 70px; margin:0  10px 10px 0; background: url('../images/addpic.jpg'); }
 .add_pic .addpicimg input{ width: 70px; height: 70px; opacity: 0; cursor: pointer; }
 .add_pic .addpicimg img{ width: 100%; height: 100%; }
 .add_pic .add_pic_tip{ width: 50px; height: 70px; float: left; font-size: 12px; line-height: 20px; color: #999;text-align: left; padding-top:30px;}

.reply_box form{ position: relative; }
.reply_box form .com_img{ position: absolute; top: 10px; left: 0; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
.reply_box form .com_img img{ width: 100%; height: 100%; }

.reply_box .reply_ctl{ padding-left: 60px; overflow: hidden; margin:15px auto;}
.reply_box .reply_ctl a, .reply_box .reply_ctl input{ display: block; float: right; width: 70px; height: 28px; line-height: 27px; text-align: center; border-radius: 3px; margin-left: 10px; font-size: 14px; }
.reply_box .reply_ctl input.sendbtn{ background: #099aff; color: #fff; border:none; }
.reply_box .reply_ctl input.sendbtn:hover{ background: #217aff; }
.reply_box .reply_ctl a.canclebtn{ border: 1px solid #099aff; color: #099aff; }
.reply_box .reply_ctl a.canclebtn:hover{ background: #099aff; color: #fff; }

.com_page{ width: 100%; overflow: hidden; padding: 0 20px; }
.com_page .page{ float: right; margin: 10px auto; }
.com_page .page a{ display: inline-block; padding:2px 8px; border: 1px solid #e6e6e6; font-size: 14px; margin: 0 2px; border-radius: 3px;}
.com_page .page a:hover, .com_page .page a.current{ background: #099aff; color: #fff; border-color: #099aff; }

.my_comment{ margin-top: 20px; border-bottom: none!important; border-left: none!important; border-right: none!important; }
.my_comment .my_type_box{ padding: 0 20px 0 50px;  }
.my_comment .my_type_box .my_grade{padding-left:60px; width:100%; overflow: hidden;}
.my_comment .my_type_box .my_grade span{ float: left; line-height: 30px; color: #333; font-size: 14px; }
.my_comment .my_type_box .my_grade .stars{ float: left; padding: 6px 0; }
.my_comment .my_type_box .reply .type_box{ position: relative; padding-left: 60px; }
.my_comment .my_type_box .reply .type_box textarea{ width: 100%; height: 120px; padding: 5px 10px 30px; line-height: 20px; color: #333; border-radius: 5px; border: 1px solid #e6e6e6; resize: none; }
.my_comment .my_type_box .reply .type_box textarea:focus{ border: 1px solid #099aff; }
.my_comment .my_type_box .reply .type_box p{ color: #999; font-size: 12px; line-height: 20px; text-align: right;}
.my_comment .my_type_box .reply_ctl{ margin:0 0 10px 60px; overflow: hidden; }
.my_comment .my_type_box .reply_ctl .mysendbtn{ display: block; float: right; width: 140px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background: #099aff; border-radius: 3px; margin: 10px 0; border: none; cursor: pointer; }
.my_comment .my_type_box .reply_ctl .mysendbtn:hover{ background: #217aff; }
.detail_bottom .side_rank{ position: absolute; top: 0; right: 0; width: 280px; }
.detail_bottom .side_rank .hot_rank{width:280px;}

/* 右侧小客服 */
.skefu{ position: fixed; z-index: 99999; top: 470px; right: 50%; margin-right: -650px; width: 70px; height: 70px; background: #038dee; border-radius: 5px; }
.skefu:hover{ background: #099aff; }
.skefu span.qqchat{ display: block; margin: 6px auto 0; width:40px; height: 40px; background: url('../images/baricon.png') no-repeat -50px 0;}
.skefu a i{ display: block;  line-height:20px;color: #fff; font-size: 14px; text-align: center; width: 100%; }



/* 分析策略列表页面 */
.strategy_tit h1{ padding-left: 10px; }
.strategy{ position: relative; }
.strategy_list{ position: relative; overflow: hidden; padding:20px 10px 15px; border-bottom:1px solid #f5f5f5;}
.strategy_list:hover{ background: #f5f5f5; }
.strategy_list .stra_pic{ position: absolute; top: 20px; left: 10px; width: 200px; height:130px; overflow: hidden;  border:1px solid #f5f5f5;}
.strategy_list .stra_pic img{ width: 100%; height: 100%;  opacity: 1;
transition:all 0.5s;-webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s;}
.strategy_list .stra_pic:hover img{ opacity:0.8 ;
transform: scale(1.1);-webkit-transform: scale(1.1);-0-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1);  }

.strategy_list .stra_box{  padding-left: 220px; height: 135px; }
.strategy_list .stra_box h3{ width: 100%; overflow: hidden; }
.strategy_list .stra_box h3 a{ display: block; width: 100%; font-size: 18px; color: #222; text-align: left; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.strategy_list:hover .stra_box h3 a{ color: #099aff; }
.strategy_list .stra_box p{ font-size: 14px; color: #666; height: 50px; line-height: 25px; overflow: hidden; margin:8px auto;}
.strategy_list .stra_box .info_tool{ width: 100%; overflow: hidden; font-size: 14px; color: #999; line-height: 24px;}
.strategy_list .stra_box .info_tool .time{ float: left; }
.strategy_list .stra_box .info_tool .bview{ float: right; }
.strategy_list .stra_box .info_tool .bview i{ display: inline-block; width: 25px; height: 25px; overflow: hidden; background: url('../images/baricon.png') -3px -18px; float: left; }
.strategy_list.noimg .stra_pic{ display: none; }
.strategy_list.noimg .stra_box{ padding-left:10px; }


/* 分析策略列表页面 */
.strategy_tit h1{ padding-left: 10px; }
.strategy{ position: relative; }
.strategy_list1{ position: relative; overflow: hidden; padding:20px 10px 15px; border-bottom:1px solid #f5f5f5;}
.strategy_list1:hover{ background: #f5f5f5; }
.strategy_list1 .stra_pic{ position: absolute; top: 20px; left: 10px; width: 200px; height:150px; overflow: hidden;  border:1px solid #f5f5f5;}
.strategy_list1 .stra_pic img{ width: 100%; height: 100%;  opacity: 1;
transition:all 0.5s;-webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s;}
.strategy_list1 .stra_pic:hover img{ opacity:0.8 ;
transform: scale(1.1);-webkit-transform: scale(1.1);-0-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1);  }

.strategy_list1 .stra_box{  padding-left: 220px; height: 150px; }
.strategy_list1 .stra_box h2{ width: 100%; overflow: hidden;    color: #c11313; }
.strategy_list1 .stra_box h2 a{ display: block; width: 100%; font-size: 18px; color: #222; text-align: left; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.strategy_list1:hover .stra_box h2 a{ color: #099aff; }
.strategy_list1 .stra_box p{ font-size: 14px; color: #666; height: 150px; line-height: 25px; overflow: hidden; margin:8px auto;}
.strategy_list1 .stra_box .info_tool{ width: 100%; overflow: hidden; font-size: 14px; color: #999; line-height: 24px;}
.strategy_list1 .stra_box .info_tool .time{ float: left; }
.strategy_list1 .stra_box .info_tool .bview{ float: right; }
.strategy_list1 .stra_box .info_tool .bview i{ display: inline-block; width: 25px; height: 25px; overflow: hidden; background: url('../images/baricon.png') -3px -18px; float: left; }
.strategy_list1.noimg .stra_pic{ display: none; }
.strategy_list1.noimg .stra_box{ padding-left:10px; }


/* 分析策略及公告文章详情页面 */
.artical_crumb .crumb{ margin: 10px auto; }
.artical{ position: relative; }
.artical .barterer_l{ min-height: 1000px; margin-bottom: 30px; }
.artical .barterer_l .artical_tit{ padding: 30px 0 10px; border-bottom: 1px solid #e6e6e6; }
.artical .artical_tit h1{font-size: 30px; text-align:left; line-height: 40px;  font-weight: normal; margin: 0 10px 25px; color: #333; }
.artical .artical_tit .art_tool{ width: 100%; line-height: 30px; overflow: hidden; line-height: 30px; color: #999; font-size: 14px; }
.artical .artical_tit .art_tool span{ float: left; margin-left: 10px; }
.artical .artical_tit .art_tool span.time{ float: left; }
.artical .artical_tit .art_tool span.bview i{ display: inline-block; float:left; width: 25px; height: 25px; background: url('../images/baricon.png') -3px -18px; margin-top: 3px; }
.artical .artical_tit .art_tool .bdsharebuttonbox{ display: inline-block; float: right; margin-right: 10px; margin-top: 3px; }
.artical .barterer_l .artical-brief{border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:20px 0 10px;}
.artical .barterer_l .artical-brief p{margin:0 20px; background: #fafafa; border:1px solid #f2f2f2; padding:10px; font-size:14px; color:#666; line-height: 24px;}
.art_main{ padding: 20px; overflow: hidden;}
.art_main img{ max-width: 100%; height: auto; }

/* 交易商简介 */
.barBrief .bartab{ border: 1px solid #e6e6e6; border-bottom: none;padding: 10px; line-height: 30px; overflow: hidden; }
.barBrief .bartab a{ display:inline-block; float: left; font-size: 16px;  padding: 0 20px; border-radius:3px; margin-right: 10px; border: 1px solid #e6e6e6; }
.barBrief .bartab a.hover{ background: #099aff; border-color: #099aff; color: #fff;  }
.barBrief .barcont{ width: 100%; overflow: hidden; min-height: 500px; background: #f5f5f5;  }
.barBrief .barcont .barcont-box.brieftext{ padding: 20px; background: #f5f5f5; font-size: 16px; line-height: 30px; border: 1px solid #e6e6e6; min-height:500px;}
.barBrief .barcont .barcont-box.sheet{ border: 1px solid #e6e6e6; }
.barBrief .barcont .barcont-box.sheet img{width:100%; height:auto;}


/* 用户会员中心-评论管理 */
.m-main .schbox{ width: 100%; overflow: hidden; padding: 10px 0 0; }
.m-main .schbox .sch{ position: relative; float: left; width:260px; }
.m-main .schbox .select{ display: inline-block; float: left; }
.m-main .schbox .select select{ line-height: 30px; height: 30px;  font-size:14px; border-color:#e6e6e6; border-right:none; padding:0 10px;}
.m-main .schbox .schtext{ width: 100%; padding: 3px 60px 3px 10px; border: 1px solid #e6e6e6; height: 30px; }
.m-main .schbox .schbtn{ border: none; position: absolute; top: 0; right: 0; width: 60px; height: 30px;  line-height: 30px;  text-align: center; color:#666; background:#e6e6e6; z-index: 9; cursor:pointer;}
.m-main .schbox .schbtn:hover{ background: #099aff; color: #fff; }
.m-main .schbox .schbtn:active{ background: #0977ff; }

.m-main .review_admin{ margin: 0 auto; overflow: hidden;  width:100%;}
.m-main .review_admin table{ width: 100%; text-align: center;  font-size: 14px; margin: 10px auto;  }
.m-main .review_admin table thead th{ background: #ebebeb; font-size: 14px; padding:10px 5px; color: #333; border-right: 1px solid #f5f5f5; }
.m-main .review_admin table thead th.title{ width: 50%; }
.m-main .review_admin table thead th.ope{min-width:50px;}
.m-main .review_admin table tbody td{ border: 1px solid #f5f5f5; border-top: none; padding:10px 5px;  }
.m-main .review_admin table tbody td:nth-child(2){ text-align: left; }
.m-main .review_admin table tbody tr:nth-child(even){ background: #fafafa; }
.m-main .review_admin table tbody tr:hover{ background: #f7f7f7; }

.m-main .review_admin table a.ctrl{ display: inline-block; vertical-align: middle; overflow: hidden; height: 20px; padding: 0 10px;  }

.m-main .review_admin table tfoot .page{float: right; margin:20px auto 10px;}
.m-main .review_admin table tfoot .page a{ float: left; padding: 3px 10px; border: 1px solid #e6e6e6; color: #666;  border-radius: 3px; margin-left: 10px; }
.m-main .review_admin table tfoot .page a.active, .m-main .review_admin table tfoot .page a:hover{ color: #099aff; border-color: #099aff; }

.m-main .review_admin table tbody td:nth-child(2){ text-align: center; }
.m-main .review_admin table tbody td:nth-child(3){ text-align: left; }
.m-main .review_admin table tbody td span.undone{ color: #f00; }
.m-main .review_admin table tbody td span.done{ color: #20c031; }
.m-main .review_admin table thead th.cont{width:50%;}

.mbox .m-main .com_list .commenter{ position: relative; }
.mbox .m-main .com_list .commenter .avata, .mbox .m-main .com_list .reply_box .avata{ position: relative; top: 0; display: inline-block; float: left; margin-right: 10px;	width:50px; height: 50px; overflow: hidden;}
.mbox .m-main .com_list .reply_box .avata{ top: 10px; }
.mbox .m-main .com_list .commenter .avata img, .mbox .m-main .com_list .reply_box .avata img{ width: 100%; height: 100%; }


.bartop{ height: 100px; overflow: hidden; padding: 20px 0; }
.bartop a.barlogo{ float: left; }
.bartop span{ font-size: 30px; line-height: 60px; float: left; margin:0  10px; border-left: 1px solid #d8d8d8; padding: 0 20px; }
.barloginbg{ width: 100%; height: 620px; background: url('../images/barloginbg.jpg') no-repeat center; }
.barloginbg .wrapbox{ position: relative; height: 620px; overflow: hidden; }
.barloginbg .loginbox{ position: absolute; top: 120px; right: 80px; }
.barloginbg .loginbox{ height: auto; }
.barloginbg .loginbox p{ margin: 8px auto; }
.barloginbg .loginbox label.code{ display: block; width: 100%; float: left; color: #f00; }
.barbottom{ padding: 10px 0; line-height: 30px; font-size:12px; color:#666; }
.barbottom .barnav{ float: left;  }
.barbottom .barnav a{ margin: 0 10px; }
.barbottom span{ float: right; }

/* 常见问题列表 */
.faqlist .strategy_list{ margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; padding: 0; }
.faqlist .strategy_list h3{ width: 100%; overflow: hidden; font-size: 18px; color: #000; text-align: left; background: #f5f5f5; padding:5px; border-radius: 5px; font-weight: normal; line-height: 30px; }
.faqlist .strategy_list h3 i{display: inline-block; float: left; width: 30px; height: 30px; background: url(../images/baricon.png) no-repeat -4px -255px;}
.faqlist .strategy_list .faqtext{ color: #999; padding: 10px; font-size: 15px; line-height: 24px; }
.faqlist .strategy_list:hover{ background: #fff; }
.faqlist .strategy_list:hover h3{  background: #eee;}
.faqlist .strategy_list:hover h3 a{color: #099aff;}

/* 视频学院 */
/* 首页 */
.hot-video{ margin: 20px auto;}
.wrap .tit{ height: 40px; overflow: hidden; padding: 0 10px; }
.wrap .tit h2 { float: left; font-size: 24px; color: #333; font-weight: normal; padding: 0; font-family: "微软雅黑"; line-height: 40px; }
.wrap .tit a{ float: right; line-height: 40px; font-size: 14px; color: #999; }
.wrap .tit a:hover{ color: #099aff; }
.hot-video ul.video-cont{ margin: 0 auto; }
.hot-video .video-cont li{ width: 218px; float: left; margin: 10px 4px; padding: 0 5px; }
.hot-video .video-cont li:hover{ transform: translate(0, -3px); }
.hot-video .video-cont li:hover .pic{ box-shadow: 0 0 8px rgba(0,0,0,.2) ;  }
.hot-video .video-cont li .pic{ height: 130px; overflow: hidden; border:1px solid #e6e6e6; border-radius: 5px; }
.hot-video .video-cont li .pic img{ width: 100%;height: 100%; }
.hot-video .video-cont li a:hover .pic img{ transform: scale(1.1); background: none; }
.hot-video .video-cont li .video-text{ overflow: hidden; padding: 5px; }
.hot-video .video-cont li h3{ width: 100%; line-height: 30px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hot-video .video-cont li a:hover h3{ color: #099aff; }
.hot-video .video-cont li .vview{ float:left; color: #777; }
.hot-video .video-cont li i{ float: right; color: #777; text-decoration: none;}

.pri-video { width: 100%; overflow: hidden;  }
.pri-video .pri-video-cont{ margin:10px auto; width:100%; height: 180px; background: url('../images/sban.jpg') no-repeat 100% 100%; text-align: center; overflow: hidden;}
.pri-video h3{ font-size: 36px; color: #ffde00; line-height: 40px; margin: 30px auto 20px; }
.pri-video p{ margin: 0 auto; color: #fff; font-size: 14px; }
.pri-video a.learn-btn{ display: block; margin: 20px auto; width: 110px; height: 30px; border-radius: 15px; text-align: center; line-height: 30px; text-align: center; font-size: 16px; background: #fff; color: #3025cb; font-weight: bold; }
.pri-video a.learn-btn:hover{background:#ffde00;}

.mid-video .video-cont li{ width: 275px; margin: 10px 10px 10px 0; }
.mid-video .video-cont li:nth-child(4n){ margin: 10px 0; }
.mid-video .video-cont li .pic{height:155px;}

.select-box .wrapbox{ overflow: hidden; background: #f5f5f5; border: 1px solid #e6e6e6; margin: 10px auto; }
.select-box .selectItem{ position: relative; overflow: hidden; padding: 5px; }
.select-box .selectItem strong{ position: absolute;  top:6px; left: 0; line-height: 40px;  font-size: 16px; color: #333; padding: 0 10px; }
.select-box .selectItem .select{padding-left: 40px; }
.select-box .selectItem dl{ float: left; overflow: hidden; margin: 0 5px; }
.select-box .selectItem dl a{ display: inline-block; padding: 3px 10px; font-size: 14px; line-height: 26px; border-radius: 3px;  margin: 5px auto; }
.select-box .selectItem dl:hover a{ color: #099aff; }
.select-box .selectItem dl a.on{ color: #fff; background: #099aff; }

.stool{ height: 40px; line-height: 40px; overflow: hidden; }
.stool h3{ float: left; font-size: 18px; color: #333; font-weight:normal;}
.stool h3 span{ color: #ff7200; display: inline-block; padding: 0 5px; }
.stool .sch-box{ float: right;  position: relative; overflow: hidden; height: 32px; width: 280px; margin: 5px auto; }
.stool .sch-box input.keytext{ position: relative; float: left; padding:3px 80px 3px 10px; color: #333; line-height: 24px; border: 1px solid #e6e6e6; width: 100%; }
.stool .sch-box input.sschbtn{ position: absolute; top: 0; right: 0; display: block; z-index: 10; width:70px; height: 32px; border: none; line-height: 32px; text-align: center; font-size: 14px; color: #fff; background: #099aff; cursor: pointer }
.stool .sch-box input.sschbtn:hover{background:#038dee;}
.stool .sch-box input.sschbtn:active{ background: #217aff; }
.video-lists{ margin: 0 auto; }

.video-page{ float: right;  }
.video-page a{ padding: 5px 12px; font-size: 14px; margin: 3px 2px; }

/* 视频专辑 */
.video-spec{ height: 300px; background: #f5f5f5; overflow: hidden;}
.video-spec .wrapbox{ overflow: hidden; }
.video-spec .incrumb{  line-height: 30px;  }
.video-spec .spec-cont{ position: relative; padding:0; overflow:hidden;}
.video-spec .spec-cont .spec-pic{ position: absolute; top: 0; left: 0; z-index: 999; width:420px; height: 237px; border-radius: 5px; overflow:hidden;}
.video-spec .spec-cont .spec-pic img{ width: 100%; height: 100%; }
.video-spec .spec-cont .spec-text{ height: 240px; padding: 5px 0 10px 440px; }
.video-spec .spec-cont .spec-text .spec-tit{ position: relative; overflow: hidden; }
.video-spec .spec-cont .spec-text .spec-tit h1{ font-size: 18px; color: #333; line-height: 40px; padding-right: 120px; }
.video-spec .spec-cont .spec-text .spec-tit .bdsharebuttonbox{ display: inline-block; position: absolute; top: 7px; right: 0; z-index: 999; }
.video-spec .spec-cont .spec-text .toolbar{ color: #999; line-height:30px; }
.video-spec .spec-cont .spec-text .toolbar span{ margin-right: 20px; }
.video-spec .spec-cont .spec-text p{ line-height: 24px; font-size: 16px; color: #666; }
.video-spec .spec-cont .spec-text .ctrl-btn{ margin: 10px auto; }
.video-spec .spec-cont .spec-text .ctrl-btn a{ display: inline-block; float: left; width: 120px; height: 36px; line-height: 36px;  font-size: 16px; color: #fff; background: #099aff; border-radius: 3px; text-align: center; }
.video-spec .spec-cont .spec-text .ctrl-btn a:hover{ background:#217aff; }




/* 视频详情 */
.video-wind{ height: 530px; overflow: hidden; background: #333; }
.video-wind .crumb{ line-height: 24px;  }
.video-wind .video-wrap{ width: 768px; height: 437px; float:left; position: relative;}
.video-wind .video-wrap .cover{ position: absolute; top: 50%; left: 50%; margin:-30px 0 0 -30px; width: 60px; height: 60px; background:url("../images/play.png") no-repeat; z-index: 999; }
.video-wind .exercise{ width: 345px; float: right; }
.video-wind .exercise .ex-title{ width: 100%; height: 50px; overflow: hidden; background: #4d4d4d; line-height: 40px; padding: 5px; }
.video-wind .exercise .ex-title h4{ float: left; color: #fff; font-size: 18px; font-weight: normal; margin-left: 10px; }
.video-wind .exercise .ex-title a{ float: right; color: #fff; margin-right: 10px; }
.video-wind .exercise .ex-title a i{ display: inline-block; float: left; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; vertical-align: middle; margin: 5px; }
.video-wind .exercise p.v-tip{ line-height: 40px; font-size: 14px; text-align: left; background: #404040; margin-top: 5px; text-align: center; color: #099aff; }
.video-wind .exercise .cont{ margin-top: 5px;  width: 100%;	height: 382px; background: #404040;}
.video-wind .cont .front { display: block; overflow: hidden; box-sizing: border-box; }
.video-wind .cont .front p {	margin-top: 120px;	color: #fff; text-align: center; font-size: 18px; line-height: 24px;}
.video-wind .cont .front button { display: block;	margin: 40px auto 0 auto; width: 170px;	height: 40px; outline: none; border: none;	background: #099aff; color: #fff; text-align: center; font-size: 18px; line-height: 40px; cursor: pointer;}
.video-wind .cont .test-cont { position: relative; overflow: hidden; box-sizing: border-box; width: 100%;	height: 378px;}
.video-wind .cont .test-cont .hd { position: absolute; bottom: 0; left: 0; margin: 5px auto;	width: 100%; height: 30px; color: #fff;	text-align: center;}

.video-wind .cont .test-cont .hd ul {	display: inline-block;	margin-right: 15px;}
.video-wind .cont .test-cont .hd .pageState {	display: inline-block;	vertical-align: super;	font-size: 18px; line-height: 25px;}
.video-wind .cont .test-cont .progress li { float: left; overflow: hidden; margin: 0 4px;	width: 20px; height: 20px; -webkit-border-radius: 50%;	-moz-border-radius: 50%; border-radius: 50%; background-color: #fff; text-indent: 1000px; cursor: pointer;}
.video-wind .cont .test-cont .progress li.on { width: 16px; height: 16px; background: #099aff; margin-top:2px;}
.video-wind .cont .test-cont .progress li.error {	background: #ff3239;}
.video-wind .cont .test-cont .progress li.correct {background: #0ca800;}
.video-wind .cont .questList { overflow: hidden; height: 315px;}
.video-wind .cont .questList h3 {	margin-top: 5px; padding: 10px 20px 5px 20px; color: #fff; font-size: 18px;
	-height: 34px; font-weight: normal;}
.video-wind .cont .questList li {	float: left; width: 345px;}
.video-wind .cont .questAns { margin: 10px; color: #fff; font-size: 16px; line-height: 34px;	cursor: pointer; border-radius:20px; }
.video-wind .cont .questAns:hover{ background: #4d4d4d; }
.video-wind .cont .questAns:last-child {	border-bottom: none;}
.video-wind .cont .questAns.error { background:#ff3239;}
.video-wind .cont .questAns.correct {	background:#0ca800;}
.video-wind .cont .questAns .bullet {	float: left; display: block; margin:0 12px 0 5px; width: 34px; height: 34px; color: #fff; text-align: center; font-weight: 300;	font-size: 24px; font-family: 'Roboto', 'sans-serif'; line-height: 32px;}
.video-wind .vtool{ float: left; overflow: hidden; width: 100%; margin-top: 5px; }
.video-wind .vtool .bdsharebuttonbox{ display: inline-block; float: left; }
.video-wind .vtool .playtimes{ float: right; margin-right: 0; font-size: 14px; line-height: 30px; }

.video-extent{ position: relative; overflow: hidden; margin: 20px auto; }
.video-extent .vextent-l{ float: left; width: 69.73%; border: 1px solid #e6e6e6; }

.video-extent .vextent-l .vextent-tit{ height: 40px; border-bottom: 1px solid #e6e6e6; background: #fafafa; }
.video-extent .vextent-l .vextent-tit a{ display: inline-block; width: 110px; font-size: 16px; color: #666; line-height: 40px; text-align: center; border-left: 1px solid #fafafa; border-right: 1px solid #fafafa;}
.video-extent .vextent-l .vextent-tit a:nth-child(1){ border-left: none; }
.video-extent .vextent-l .vextent-tit a.hover{ background: #fff; color: #099aff; border-color: #e6e6e6; }
.video-extent .vextent-l .vextent-cont{ width: 100%; overflow: hidden; min-height: 800px; }
.video-extent .vextent-l .vextent-cont .vtextcont{ overflow: hidden; }
.vextent-cont .vtextcont .v-brief{ position: relative; margin: 20px; overflow: hidden; border-bottom: 1px solid #e6e6e6;  }
.vextent-cont .vtextcont .v-brief .v-avata{ position: absolute; top: 0; left: 0; width: 70px; height: 70px; overflow: hidden; border-radius: 50%; z-index: 10; }
.vextent-cont .vtextcont .v-brief .v-avata img{ width: 100%; height: 100%; }
.vextent-cont .vtextcont .v-brief .v-title{ position: relative; padding: 0 0 0 90px; }
.vextent-cont .vtextcont .v-brief .v-title .vh1{ overflow: hidden; line-height: 30px; margin: 5px auto; }
.vextent-cont .vtextcont .v-brief .v-title h3{ font-size: 18px; color: #099aff; float: left; }
.vextent-cont .vtextcont .v-brief .v-title i{ float: right; font-size: 14px; color: #999; }
.vextent-cont .vtextcont .v-brief .v-title .vsub{ font-size: 16px; color: #666; }
.vextent-cont .vtextcont .v-brief p{ margin: 10px auto; line-height: 26px; font-size: 16px; }
.vextent-cont .vtextcont .v-brief p b{ font-weight: bold; float: left; }
.vextent-cont .vtextcont .font-text{ padding:0 20px; }
.vextent-cont .vtextcont .font-text h3{ line-height: 30px; font-size: 18px; color: #333; }
.vextent-cont .vtextcont .font-text h4{ line-height: 30px; font-size: 16px; color: #666; }
.vextent-cont .vtextcont .font-text p{ font-size: 16px; line-height: 26px; color: #666; margin: 5px auto; }
.vextent-cont .vtextcont .course-list{ padding: 10px; overflow: hidden; }
.vextent-cont .vtextcont .course-list .charpterlist{ overflow: hidden; }
.vextent-cont .vtextcont .course-list h3{ font-size: 18px; color: #333; line-height: 40px; padding: 0 20px; }
.vextent-cont .vtextcont .course-list h3 span{ display: inline-block; width: 30px; height: 30px; background: url('../images/arrow.png') no-repeat 0 -30px; margin-top: 5px; float: right; cursor: pointer; }
.vextent-cont .vtextcont .course-list h3 span.fang{ background: url('../images/arrow.png') no-repeat 0 0; }
.vextent-cont .vtextcont .course-list ul li{position: relative; float: left; width: 100%; overflow: hidden; margin: 3px auto; height: 46px; line-height: 30px; padding: 8px; background: #fafafa; font-size:16px; color:#333;}
.vextent-cont .vtextcont .course-list ul li:hover{ background: #f0f0f0; }
.vextent-cont .vtextcont .course-list ul li i{ display: inline-block; width:20px; height: 20px; float: left; margin: 5px; background: url('../images/vicon.png') no-repeat; }
.vextent-cont .vtextcont .course-list ul li span{ color: #999; font-size: 14px; }
.vextent-cont .vtextcont .course-list ul li a.lesson-btn{ display: inline-block; float: right; margin-right: 10px; width: 80px; height: 30px; text-align: center; line-height: 30px; border-radius: 3px; color: #fff; background: #bfbfbf; font-size: 14px; }
.vextent-cont .vtextcont .course-list ul li a.lesson-btn.done{ background: #0ca800; }
.vextent-cont .vtextcont .course-list ul li a.lesson-btn.done:hover{ background: #0a9000; }
.vextent-cont .vtextcont .course-list ul li a.lesson-btn.going{ background: #099aff; }
.vextent-cont .vtextcont .course-list ul li a.lesson-btn.going:hover{ background: #007fd8; }

.vextent-cont .vtextcont .v-comment{ padding: 20px; overflow: hidden; }
.vextent-cont .vtextcont .sheng{ font-size: 14px; color: #999; line-height: 26px; border-bottom: 1px solid #e6e6e6; padding: 0 0 10px; }
.vextent-cont .vtextcont .sheng b{ color: #099aff; }

.vextent-cont .vtextcont .v-comment .v-reviews{ overflow: hidden; }
.v-comment .v-reviews .v-reviewlist{ padding: 10px 0; overflow: hidden; border-bottom: 1px solid #e6e6e6; }
.v-comment .v-reviews .v-reviewlist:hover{ background: #fafafa; }
.v-reviewlist .v-account{ overflow: hidden; }
.v-reviewlist .v-account .v-avata{width:30px; height: 30px; overflow: hidden; float: left; border-radius: 50%;}
.v-reviewlist .v-account .v-avata img{ width: 100%; height: 100%; }
.v-reviewlist .v-account .v-name{ float: left; font-size:16px; color: #333; line-height: 30px; margin-left: 10px; }
.v-reviewlist .v-account .v-time{ float: right; margin-right: 10px; font-size: 12px; color: #999; }
.v-reviewlist .v-reviewcont{ margin: 10px auto; padding-left: 40px; }
.v-reviewlist .v-reviewcont p{ font-size: 16px; color: #666; }

.vextent-cont .vtextcont .v-comment .v-type-box{ padding:10px 0; overflow: hidden; }
.v-comment .v-type-box h2.v-grade{ font-size: 16px; color: #333; line-height: 30px; }
.v-comment .v-type-box .v-reply{ width: 100%; overflow: hidden; position: relative; margin-top: 5px; }
.v-comment .v-type-box .v-reply .avata{ position: absolute; top: 5px; left: 0; width: 30px; height: 30px; overflow: hiddne; border-radius: 50%; overflow: hidden; }
.v-comment .v-type-box .v-reply .avata img{ width: 100%; height: 100%; }
.v-comment .v-type-box .v-reply .type-box{ padding-left: 40px; }
.v-comment .v-type-box .v-reply .type-box textarea{ width: 100%; height: 120px; border: 1px solid #e6e6e6; border-radius: 5px; line-height: 24px; color:#666; padding:5px;}
.v-comment .v-type-box .v-reply-ctl{ overflow: hidden; padding-left: 40px; }
.v-comment .v-type-box .v-reply-ctl a.mysendbtn{ display: block; float: right; width: 110px; height: 36px; line-height: 36px; text-align: center; color: #fff; background: #099aff; font-size: 16px; border-radius: 3px; }
.v-comment .v-type-box .v-reply-ctl a.mysendbtn:hover{background: #217aff;}

.video-extent .vextent-r{ float: right; width: 320px; }


/* 视频详情-相关视频 */
.video-wind .related-video{ width: 345px; float: right; }
.video-wind .related-video h2.r-tit{ height: 40px; line-height: 30px; padding: 5px 10px; background: #404040; color: #fff; font-size: 16px; text-align: left; }
.video-wind .related-video ul.r-videos{ height: 430px;  background: #262626;}
.video-wind .related-video ul.r-videos li { position: relative; width: 100%; overflow: hidden; padding:10px; }
.video-wind .related-video ul.r-videos li:hover{ background: #2e2e2e; }
.related-video ul.r-videos li a.video-pic{ position: absolute; top: 10px; left: 10px; width: 110px; height:62px; float: left; overflow: hidden; z-index: 10; border-radius: 5px; }
.related-video ul.r-videos li a.video-pic img{ width: 100%; height: 100%; }
.related-video ul.r-videos li a.video-pic:hover img{ opacity: 0.8; }
.related-video ul.r-videos li .r-title{ padding: 0 0 0 120px; overflow: hidden; }
.related-video ul.r-videos li .r-title h4{ display: block; height: 46px; line-height: 22px; font-size:14px; overflow: hidden; font-weight:normal;}
.related-video ul.r-videos li .r-title h4 a:hover{ text-decoration: underline; }
.related-video ul.r-videos li .r-title p{ width: 100%; overflow: hidden; }
.related-video ul.r-videos li .r-title p span{ float: left; }
.related-video ul.r-videos li .r-title p i{ float: right; }

#demo{ width: 345px; height: 400px; overflow: hidden;}
.zUIpanelScrollBox,.zUIpanelScrollBar{ width:8px; top:4px;	right:2px; border-radius:5px;}
.zUIpanelScrollBox{	background:black;opacity:0.1; filter:alpha(opacity=10);	}
.zUIpanelScrollBar{	background:#fff;opacity:0.8; filter:alpha(opacity=80);}

/* 继续下一课程弹窗 */
.open-winds{ position: fixed; z-index: 9999; display: none; }
.open-winds .mask{ position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); z-index: 9999; }
.open-winds .congra-wind{ position: fixed; top: 20%; left: 50%; z-index: 10000; margin-left:-250px; width: 520px; height: 320px; background: #fff; border-radius: 5px; box-shadow: 0 0 8px rgba(0, 0, 0, .3);}
.open-winds .congra-wind a.close-btn{ position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; background:#c9c9c9 url('../images/closebtn.png') no-repeat center center; }
.open-winds .congra-wind a.close-btn:hover{ background-color:#ff0009;  }
.open-winds .congra-wind .wind-cont{ margin: 20px auto; overflow: hidden; text-align: center; line-height: 30px; }
.open-winds .congra-wind .wind-cont .gouicon{ width: 70px; height: 70px; margin: 30px auto; background: url('../images/gou.png') no-repeat center; }
.open-winds .congra-wind .wind-cont p{ font-size: 18px; color: #333; margin:20px auto;}
.open-winds .congra-wind .wind-cont a.goon-btn{ display: inline-block; width:200px; height: 50px; line-height: 50px; font-size: 18px; color: #fff; background: #099aff; border-radius: 5px; text-align: center; }
.open-winds .congra-wind .wind-cont a.goon-btn:hover{ background: #217aff; }

/* 外汇专题页面 */
.waihui-banner{ height: 300px; background: url('../images/waihuibanner.jpg') no-repeat center; }

.subnav-box{ position: fixed; top: 475px; left: 50%; margin-left: -670px; z-index: 999; }
.subnav-box ul{ overflow: hidden; }
.subnav-box ul li{ height: 30px; margin: 5px auto; }
.subnav-box ul li a{ display: block; height:30px; line-height: 30px; border-radius: 15px;   color: #36425b; font-size: 16px; overflow: hidden;  }
.subnav-box ul li a b{ display: inline-block; width: 80px; height: 30px; float: left; text-align: center; background: #e0e0e0; border-radius: 15px;  }
.subnav-box ul li a span{ display: inline-block; float: left; width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #e0e0e0;  border-radius: 15px; }
.subnav-box ul li a:hover{  }
.subnav-box ul li a:hover > b{background: #36425b; color: #fff; border-radius: 15px 0 0 15px;}
.subnav-box ul li a:hover > span{ width: auto; margin-right: 10px; padding: 0 20px; margin-left: -10px;  background: #36425b;  color: #fff;  border-radius:  0 15px 15px  0 ;}

.waihuijh.evenbg{ background: #f5f5f5
	; }
.waihuijh:hover .chapter h2{ background: #36425b; color: #fff; }
.waihuijh .idtop{ padding-bottom: 80px; }
.waihuijh{ margin: 0 auto; padding: 0 0 80px; overflow: hidden; }
.waihuijh .chapter{ display: block; padding: 30px 0; text-align: center; }
.waihuijh h2{ position: relative; display: inline-block; margin: 0 auto; font-size: 20px; padding: 0 20px; line-height: 38px; height: 40px; border: 2px solid #36425b; color: #36425b;  border-radius: 20px; }
.waihuijh h2:before, .waihuijh h2:after{ position: absolute; content: ""; width: 40px; height: 2px; background: #36425b; top:19px;}
.waihuijh h2:before{ left: -40px; }
.waihuijh h2:after{ right: -40px; }
.waihuijh .heji{ margin: 20px auto; overflow: hidden; position: relative; }
.waihuijh .heji .heji-pic{ position: absolute; top: 0; left: 0; width: 275px; height: 155px; overflow: hidden; border-radius: 5px; }
.waihuijh .heji .heji-pic img{ width: 100%; height: 100%; }
.waihuijh .heji .heji-brief{ padding-left: 300px; height: 170px; }
.waihuijh .heji .heji-brief h3{ font-size: 18px; line-height: 30px; color: #333;  }
.waihuijh .heji .heji-brief p{ height: 80px; line-height: 26px; font-size: 16px; color: #666;  overflow:hidden;}
.waihuijh .heji .heji-brief a.studyBtn{ float: left; margin: 8px auto; display: block; width: 100px; height: 36px; line-height: 36px; background: #099aff; color: #fff; text-align: center; font-size: 16px;  border-radius:5px;}
.waihuijh .heji .heji-brief a.studyBtn:hover{ background: #217aff; }

.waihuijh .heji-video{ margin: 20px auto; }
.waihuijh .heji-video li{ width:265px; height: 215px; float: left; margin:10px 23px 10px 0;}
.waihuijh .heji-video li:nth-child(4n){ margin-right: 0; }
.waihuijh .heji-video li .pic{ position: relative; width: 100%; height: 155px; overflow: hidden; }
.waihuijh .heji-video li .pic .playicon{ width:50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; background: url('../images/play.png'); background-size: 100% 100%; }
.waihuijh .heji-video li .pic .statu{ position: absolute; bottom: 0; right: 0; width: 50px; height: 26px; color: #fff; line-height: 26px; font-size: 14px; text-align: center; z-index: 9999; }
.waihuijh .heji-video li .pic .statu.yixue{ background: #0a9000; }
.waihuijh .heji-video li .pic .statu.weixue{ background: rgba(255,255,255,.8); color: #333; }
.waihuijh .heji-video li .pic .statu.xueing{ background: #099aff; }
.waihuijh .heji-video li .pic:hover{ box-shadow: 0 0 8px rgba(0,0,0,.8); margin-top: -5px; }
.waihuijh .heji-video li .pic img{ width: 100%; height: 100%; border-radius: 8px; border:1px solid #e6e6e6;}
.waihuijh .heji-video li .video-text{ overflow: hidden; padding:0 5px;}
.waihuijh .heji-video li .video-text h3{ width: 100%; overflow: hidden; font-size: 16px; line-height: 40px; color: #666; text-overflow: ellipsis; white-space: nowrap; }
.waihuijh .heji-video li .video-text h3:hover{ color: #099aff; }
.waihuijh .heji-video li .video-text span.vview{ float: left; color: #999; font-size: 12px; line-height: 20px; }
.waihuijh .heji-video li .video-text i.time{ float: right; font-size: 12px; color: #999; line-height: 20px; }

/* 期权列表页面 */
.state{ position: fixed; top: 60px; left: 50%; margin-left: 245px; }
.qiquan{ margin-top: 20px; overflow: hidden; }
.qiquanban{ background: url('../images/qiquanbanner1.jpg') no-repeat center; height: 400px; }
.qiquan-incrumb{ width: 100%; height: 40px; border-bottom: 1px solid #e6e6e6; line-height: 40px; }
.qiquan-incrumb h1{ float: left; display: inline-block; padding-left: 10px; }
.qiquan-incrumb .incrumb{ float: right; margin: 0;  width: 270px; }
.qiquanban .wrapbox{ position: relative; overflow: hidden; }
.qiquanban a{ display: block; width: 200px; height: 46px; line-height: 46px; font-size: 24px; text-align: center; color: #fff; background: #e5b967;  margin:300px auto 0; border-radius:23px; text-shadow:0 0 3px rgba(0,0,0,.2);}
.qiquanban a:hover{ background: #e8a62b; margin: 296px auto; }
.qiquanban a:active{ margin: 297px auto; }


/* 首页分析师在线 交易商策略 期权咨询  板块*/
.zixun{ margin-top: 20px; overflow: hidden; }
.zixun .zixun-l, .zixun .zixun-m{ float:left; width: 34%; overflow: hidden; }
.zixun .title{ width: 100%; height: 60px; line-height: 40px; padding: 10px; border-radius: 5px; margin-bottom: 10px; }
.zixun .zixun-m{ margin-left: 20px; }
.zixun .zixun-l .title{ background: url('../images/bluebg.jpg') 100% 100% no-repeat; background-size: 100% 100%;}
.zixun .zixun-m .title{ background: url('../images/greenbg.jpg') 100% 100% no-repeat; background-size: 100% 100%;}
.zixun .zixun-r .title{ background: url('../images/orangebg.jpg') 100% 100% no-repeat; background-size: 100% 100%;}
.zixun .title h2{ font-size: 22px; font-weight: normal; color: #fff; float: left; margin:0 auto;  }
.zixun .title a{ float: right; font-size: 14px; color: #fff; }
.zixun .title a:hover{margin-right: -3px; }
.zixun .zixun-l .sad-box{position: relative; height: 90px; margin-bottom: 5px; overflow:hidden; width: 100%; }
.zixun .zixun-l .sad-box .sad-l{ position: absolute; top: 0; left: 5px; z-index: 99; width: 150px; height:90px; float: left; border-radius: 5px; overflow: hidden; }
.zixun .zixun-l .sad-box .sad-l img{ width: 100%; height: 100%; animation: all .5s infinite; }
.zixun .zixun-l .sad-box .sad-l img:hover{ transform: scale(1.2, 1.2) rotate(-5deg);  }
.zixun .zixun-l .sad-box .sad-r{ padding-left: 160px;  }
.zixun .zixun-l .sad-box .sad-r h3{ display: block; font-size: 15px; height: 60px; overflow: hidden; line-height: 30px; color: #666; margin-bottom: 5px; }
.zixun .zixun-l .sad-box .sad-r span{ font-size: 14px; color: #999; }
.zixun ul{ overflow: hidden; }
.zixun ul li{ position: relative; height: 32px; line-height: 32px; width:100%;}
.zixun .zixun-l ul li, .zixun .zixun-r ul li{ padding-left: 15px; }
.zixun .zixun-l ul li:before, .zixun .zixun-r ul li:before{ content: ""; position: absolute; top: 14px; left: 3px; width: 5px; height: 5px; border-radius: 50%; background: #099aff; }
.zixun .zixun-l ul li a{ display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 80px 0 0; font-size: 14px; }
.zixun .zixun-l ul li span{ position: absolute; top: 0; right: 0; width: 80px; font-size: 12px; color: #999;  line-height: 32px;}

.zixun .zixun-m ul li a.simg{ display: block;  position: absolute; top: 7px; left: 0; width: 50px; height: 20px; border: 1px solid #e6e6e6; border-radius: 3px; float: left; overflow: hidden;  }
.zixun .zixun-m ul li a.simg:hover{ border-color: #00cbc9; top: 5px; }
.zixun .zixun-m ul li a.simg img{float: left; width: 100%; height: 100%; }
.zixun .zixun-m ul li span{ position: absolute; top: 0; right: 0; color: #999; font-size: 12px; line-height: 32px; }
.zixun .zixun-m ul li a.stext{ display: block; width: 100%; line-height: 32px; padding: 0 70px 0 55px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.zixun .zixun-r{ float:right; width:28.2%;}
.zixun .zixun-r ul li a{ display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }

/* 期权详情页左侧底部 */
.barterer_l .artical_tit{ border: 1px solid #e6e6e6; }
.barterer_l .art_main{ border: 1px solid #e6e6e6; border-top: none; min-height: 860px; line-height: 1.75em!important;font-size: 16px!important; font-family: "微软雅黑", "Microsoft Yahei"!important; color:#333!important; text-indent: 0!important;text-align: left!important; }
.barterer_l .art_main p{margin-top: 15px!important; margin-bottom: 15px!important; line-height: 1.75em!important;}
.barterer_l .art_main p span{font-size: 16px!important; font-family: "Microsoft Yahei"!important;}
.barterer_l .art_main img{ margin:0 auto!important; }
.barterer_l .keyWord{ margin: 20px auto 0; padding: 15px 10px; overflow: hidden; }
.barterer_l .keyWord a{    float: left;
    margin: 1px;
    background: #ff7200;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    border-radius: 12px;
    padding: 0 10px;
    font-weight: normal;}
.barterer_l .keyWord span{ float: left; margin: 5px auto; font-size: 14px; color: #666; font-weight: bold; line-height: 24px;}
.barterer_l .keyWord b{ float: left; margin: 5px; background: #ff7200; height: 24px; line-height: 24px; font-size: 14px; color: #fff; border-radius: 12px; padding: 0 10px; font-weight: normal; }
.barterer_l .neighbour{ margin: 15px auto 0; font-size: 14px; padding: 15px 0  0; line-height: 36px; border-top: 1px solid #e6e6e6;  }
.barterer_l .neighbour .shengming{ margin-top: 15px; background: #f5f5f5; padding:10px; position: relative; overflow:hidden; border-radius:5px;}
.barterer_l .neighbour .shengming span{ display: block; background:#099aff; font-size: 12px!important; font-weight:normal!important; color:#fff; border-radius: 3px; padding:3px 10px; float: left; margin-right: 5px; line-height: 16px;}
.barterer_l .neighbour .shengming p{  line-height: 24px; font-size: 12px; color: #666; }

.barterer_l .neighbour p span{ color: #666; font-weight: bold; }
.barterer_l .recBlock{ padding: 10px;  margin: 0 auto; overflow:hidden; border: 1px solid #e6e6e6; border-top:none;}
.barterer_l .recBlock .recTit{ height: 40px; line-height: 40px; padding: 0 10px;  border-bottom:1px solid #e6e6e6;}
.barterer_l .recBlock .recTit h3{ display: inline-block; float: left; font-size: 18px; }
.barterer_l .recBlock .recTit a{ float: right; }
.barterer_l .recBlock ul{ width: 100%; overflow: hidden; margin-top: 5px; }
.barterer_l .recBlock ul li{ float: left; width: 21%; margin: 5px 2%; text-align: center; }
.barterer_l .recBlock ul li:hover{ transform: translateY(-2px); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -o-transform: translateY(-2px); }
.barterer_l .recBlock ul li img{ width: 100%; height: auto; border: 1px solid #e6e6e6; border-radius: 0.5em; }
.barterer_l .recBlock ul li:hover img{ box-shadow: 0 0 8px rgba(0, 0, 0, .3);  }
.barterer_l .recBlock ul li h5{ display: block; height: 40px; overflow: hidden; font-size: 16px; font-weight: normal; text-align: center; }


/* 2018改版新首页 */

.nav .new-nav{ width: 100%;}
.nav .new-nav li{ width: 10%;position: relative;}
.nav:after{ display: none; }

.wroldTime{ height:30px; overflow: hidden; background: #f5f5f5; }
.wroldTime ul{ width: 100%; overflow: hidden; }
.wroldTime ul li{float: left; width: 16.66%; height: 30px; line-height: 30px; text-align: center; }
.wroldTime ul li i{ display: inline-block; width:20px; height: 14px; overflow: hidden; background-image:url('../images/flag.jpg'); background-repeat: no-repeat; vertical-align: middle; margin-top:-4px; border:1px solid #e6e6e6;}
.wroldTime ul li i.pkT{ background-position: 0 0; }
.wroldTime ul li i.tkT{ background-position: -20px 0;}
.wroldTime ul li i.ldT{ background-position: -40px 0; }
.wroldTime ul li i.nyT{ background-position: -60px 0; }
.wroldTime ul li i.xnT{ background-position: -80px 0; }
.wroldTime ul li i.hkT{ background-position: -100px 0; }
.wroldTime ul li i.sgT{ background-position: -120px 0; }
.wroldTime ul li b{ font-size: 14px; color: #666; margin: 0 10px 0 5px; }
.wroldTime ul li span{ font-size: 14px; color: #666; }

.market-ind .wrapbox{ position: relative; border: 1px solid #e6e6e6; line-height: 40px; background: #fff; margin: 10px auto; }
.market-ind .wrapbox .downarrow{ position: absolute; top: 5px; right: 5px; width:30px; height: 30px; z-index: 2; overflow: hidden; cursor: pointer; background-image:url('../images/udarrow.png'); background-repeat:  no-repeat; background-position: 0 0;}
.market-ind .wrapbox .uparrow{ background-position:-30px 0; }
.market-ind .wrapbox ul.ind-list{ padding-right: 30px; height: 40px; overflow: hidden; }
.market-ind .wrapbox ul.ind-list li{ position: relative; width: 19%; margin: 10px 0.4%; border-right: 1px solid #e6e6e6; float: left; line-height:20px;}
.market-ind .wrapbox ul.ind-list li span{ position: absolute; top: 0; left: 5px; display: inline-block; width: 70px; text-align: center; float: left; font-size: 14px; }
.market-ind .wrapbox ul.ind-list li .ind{ padding: 0 10px 0 70px; width: 100%; display: inline-block; float: left; line-height: 20px; font-size: 14px; color: #666; font-weight: normal; text-align: center; }
.market-ind .wrapbox ul.ind-list li .ind b{ display: inline-block; font-weight: normal; color: #333; width: 50%; }
.market-ind .wrapbox ul.ind-list li .ind i{ display: inline-block; width: 50%; padding-right: 5px;}
.market-ind .wrapbox ul.ind-list li .ind.up-ind b{ color: red; }
.market-ind .wrapbox ul.ind-list li .ind.up-ind i{ color: red; background:url('../images/redarrow.png') no-repeat center right; }
.market-ind .wrapbox ul.ind-list li .ind.down-ind b{ color: green; }
.market-ind .wrapbox ul.ind-list li .ind.down-ind i{ color: green;  background:url('../images/greenarrow.png') no-repeat center right; ;}


#banner{position: relative; width: 100%; height: 240px; border: 1px solid #e6e6e6; overflow: hidden;}
#banner_list img { border: 0px; width: 400px; height: 240px; }
#banner_bg { position: absolute; bottom: 0; background-color: #000; height: 30px; filter: Alpha(Opacity=30); opacity: 0.3; z-index: 1000; cursor: pointer; width: 100%; }
#banner_info { position: absolute; bottom: 4px; left: 5px; height: 22px; color: #fff; z-index: 1001; cursor: pointer; width:290px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; }
#banner_text { position: absolute; width: 120px; z-index: 1002; right: 3px; bottom: 3px; }
#banner ul { position: absolute; list-style-type: none; filter: Alpha(Opacity=80); opacity: 0.8; z-index: 1002; margin: 0; padding: 0; bottom: 4px; right: 5px; }
#banner ul li { padding: 0px 8px; float: left; display: block; color: #FFF; background: #333; cursor: pointer; }
#banner ul li.on { background-color: #099aff; }
#banner_list a { position: absolute; }

.info-l, .info-m{ float: left; width: 400px; margin-right:15px;}
.stock-ind{ overflow: hidden; margin-top: 15px; }
.stock-ind .stock-ind-tit{ width: 100%; height: 40px; display: block; border-bottom:1px solid #e6e6e6; }
.stock-ind .stock-ind-tit a{ display: inline-block; float: left; text-align: center; width:20%; font-size: 16px; border-bottom: 1px solid #e6e6e6; line-height: 39px; background: #fff; }
.stock-ind .stock-ind-tit a.hover{ line-height: 39px; font-weight: bold; color: #099aff; border: 1px solid #e6e6e6; border-bottom: none; border-top: 2px solid #099aff; }
.stock-ind-cont{ width: 100%; height: 340px; overflow: hidden; padding: 5px 0; }
.stock-ind-cont ul li{ width: 100%; overflow: hidden;  cursor:pointer; border-bottom:1px dashed #e6e6e6; }
.stock-ind-cont ul li .indpic{ display: none; float: left; width: 100%; height: 154px;  margin: 5px auto; text-align: center; }
.stock-ind-cont ul li .green{color:green;}
.stock-ind-cont ul li .red{color:red;}
.stock-ind-cont ul li .indpic img{background: #f1f6fc; display: inline-block; margin:0 auto; width:100%; height: 158%;}
.stock-ind-cont ul li:nth-child(even) span{ background: #f5f5f5; }
.stock-ind-cont ul li:first-child .indpic{ display: block }
.stock-ind-cont ul li span{display:inline-block; float:left; text-align: center; font-size:14px; line-height: 38px;}
.stock-ind-cont ul li .span1{ width: 25%; }
.stock-ind-cont ul li .span2{ width: 25%; }
.stock-ind-cont ul li .span3{ width: 50%; }
.stock-ind-cont ul li .span3 i{ display: inline-block; float: left; width: 50%; text-align: center; }

.info-m .hot-new{ width: 100%; overflow: hidden; }
.info-m .hot-new h2{ width: 100%; }
.info-m .hot-new h2 a{ font-size: 20px; text-align: center; display: block; color:#099aff;  overflow: hidden; white-space: nowrap; width: 100%; text-overflow: ellipsis; line-height: 40px;}
.info-m .hot-new h2 a:hover{ text-decoration: underline; color:#217aff; }
.info-m .hot-new .sec-news{ line-height: 26px; overflow: hidden; text-align: left; font-size: 14px; color: #666; margin: 5px auto; }
.info-m .hot-new .sec-news p{ width: 100%; display: block; overflow: hidden; vertical-align: middle; }
.info-m .hot-new .sec-news p a{ display: inline-block; max-width: 47%; overflow: hidden; line-height: 26px;  padding: 0 3px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; }
.info-m .hot-new ul.news-list{ width: 100%; overflow: hidden; font-size: 14px; line-height: 30px;}
.info-m .hot-new ul.news-list li{width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.info-m .hot-new ul.news-list li:first-child a, .info-m .hot-new ul.news-list li:nth-child(4) a{ font-size:16px; font-weight: bold; text-anchor: center;}
.info-m .sad{position: relative; width:100%; height: 65px; overflow: hidden; margin: 10px auto; }
.info-m .sad img{ width: 100%; height: 100%; }
.info-m .sad i.adsign{ position: absolute;right:0; bottom:0; display: block; width:36px;  height: 16px; background: url(../images/adsign.png) no-repeat; }
.info-m .dayinfo{ width: 100%; overflow: hidden; }
.info-m .dayinfo .info-tit{ height: 40px; display: block; border-bottom:1px solid #e6e6e6; }
.info-m .dayinfo .info-tit a{ display: inline-block; float: left; width: 20%; line-height: 40px; text-align: center; font-size: 16px; border-bottom: 1px solid #e6e6e6; }
.info-m .dayinfo .info-tit a.hover{ color: #099aff; font-weight: bold; border: 1px solid #e6e6e6; border-bottom: none; border-top: 2px solid #099aff;  line-height: 38px; background:#fff;}
.info-m .dayinfo .info-cont{ width: 100%; height: 190px; padding:5px 0; overflow: hidden; }
.info-m .dayinfo .info-cont ul li{ position: relative; width: 100%; overflow: hidden; line-height: 30px; font-size: 14px; }
.info-m .dayinfo .info-cont ul li span{ position: absolute; top: 0; left: 5px; }
.info-m .dayinfo .info-cont ul li a{  display: block; padding-left: 65px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}

.info-r{ float: right; width: 300px;}
.stock-price{ width: 100%; overflow: hidden; }
.stock-price .sp-tit{ height: 40px; border-bottom:1px solid #e6e6e6;}
.stock-price .sp-tit h3{ font-size: 18px; float: left; line-height: 40px; }
.stock-price .sp-tit label{ float: right; overflow: hidden; line-height: 30px; text-align: center; }
.stock-price .sp-tit label a{ display: inline-block; float: left; width: 50px; height: 39px; font-size: 16px; margin: 0 5px; line-height: 39px; }
.stock-price .sp-tit label a.hover{ color: #099aff; font-weight: bold; border-bottom: 2px solid #099aff;}
.stock-price .price-cont{ width: 100%; height: 300px; overflow: hidden; padding: 10px 0; }
.stock-price .price-cont ul li{ width: 100%; overflow: hidden; line-height: 32px; font-size: 14px; }
.stock-price .price-cont ul li:nth-child(even){background:#f5f5f5;}
.stock-price .price-cont ul li:hover{ background: #f5faff; }
.stock-price .price-cont ul li span{ float: left; text-align: center; }
.stock-price .price-cont ul li span.span1{ width: 25%;  font-weight: bold;  overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.stock-price .price-cont ul li span.span2{ width: 25%; }
.stock-price .price-cont ul li span.span3{ width: 50%; }
.stock-price .price-cont ul li span i{ display: inline-block; float: left; width: 50%; }
.stock-price .price-cont ul li span.green i{ color: green; }
.stock-price .price-cont ul li span.red i{ color: red; }

.info-r .online-analyst{ width: 100%; overflow: hidden; }
.info-r .online-analyst .analyst-tit{ height: 40px; line-height: 40px; border-bottom: 1px solid #e6e6e6; }
.info-r .online-analyst .analyst-tit h3{ font-size: 16px; float: left; border-bottom: 2px solid #099aff; line-height: 38px; padding: 0 10px; }
.info-r .online-analyst .analyst-tit a{ float: right; line-height: 40px; font-size: 12px; margin-right: 5px; }
.info-r .online-analyst .analyst-tit.antag a{ width: 50%; font-size: 16px; float: left; line-height: 38px; margin:0 auto; text-align: center; }
.info-r .online-analyst .analyst-tit.antag a.hover{border-bottom: 2px solid #099aff; font-weight: bold; color:#099aff; }

.info-r .online-analyst .sad-box{ position: relative; overflow: hidden; height: 75px; margin-top: 10px; }
.info-r .online-analyst .sad-box .sad-l{ position: absolute; top: 0; left: 0; width: 120px; height: 75px; overflow: hidden;}
.info-r .online-analyst .sad-box .sad-l img{ width: 100%; height: 100%; }
.info-r .online-analyst .sad-box .sad-l:hover img{ -webkit-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);}

.info-r .online-analyst .sad-box .sad-r{ padding-left:130px; }
.info-r .online-analyst .sad-box .sad-r h3{ height: 50px; line-height: 25px; overflow: hidden; }
.info-r .online-analyst ul{ overflow: hidden; width: 100%; padding: 10px 0; }
.info-r .online-analyst ul li{ position: relative; width: 100%;  overflow: hidden; }
.info-r .online-analyst ul li:before{content: ""; position: absolute; top: 14px; left: 3px; width: 5px; height: 5px; border-radius: 50%; background: #099aff;}
.info-r .online-analyst ul li span{ display: inline-block; width: 70px; position: absolute; top: 7px; right: 0; }
.info-r .online-analyst ul li a{ display: block; width: 100%; padding:0 75px 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 30px; }

.longad .wrapbox a{ position: relative; display: block;  width: 100%; height: 80px; overflow: hidden; }
.longad .wrapbox a img{ width: 100%; }
.longad .wrapbox a i.adsign{ position: absolute; right:0; bottom:0; width:36px; height: 16px; background:url(../images/adsign.png) no-repeat; }
.longad.longshort{ margin-bottom:10px; }
.longad.longshort .wrapbox a{ height:60px; }


.fx{background:#fcfcfc; overflow:hidden; margin:10px auto; padding:10px 0;}
.fx .fx-block{ overflow: hidden; margin: 10px auto; }
.fx-organ{ width: 815px; margin-right: 15px;float: left; overflow: hidden; }
.fx-organ .fx-organ-tit{ width: 100%; height: 40px; line-height: 40px;  margin-bottom:15px; border-bottom:1px solid #e6e6e6;}
.fx-organ .fx-organ-tit h2{ font-size: 20px; color: #333; line-height: 38px; float: left; border-bottom: 2px solid #099aff; }
.fx-organ .fx-organ-tit a{ float: right; }
.fx-organ .fx-organ-cont{ width: 100%; overflow: hidden; padding:5px 0; }
.fx-organ .fx-organ-cont li{ width: 155px; float: left; margin-right: 10px; margin-bottom: 5px; }
.fx-organ .fx-organ-cont li:nth-child(5n){margin-right:0;}
.fx-organ .fx-organ-cont li a{ display: block; width: 100%; }
.fx-organ .fx-organ-cont li a:hover{ -webkit-transform: translate(0,-2px);
-ms-transform: translate(0,-2px);
-o-transform: translate(0,-2px);
transform: translate(0,-2px);}
.fx-organ .fx-organ-cont li a img{ width: 100%; height: 54px; border-radius: 5px; border: 1px solid #e6e6e6; }
.fx-organ .fx-organ-cont li h3{ float:left; width:100%; height: 40px; line-height:22px; overflow: hidden; text-align: center;}
.fx-baike{ width: 300px; float: right; overflow: hidden; }
.fx-baike .fx-baike-tit{ width: 100%; border-bottom: 1px solid #e6e6e6; height: 40px; line-height: 40px; }
.fx-baike h3{ float: left; line-height: 38px; font-size:16px; color:#333; padding: 0 5px; border-bottom:2px solid #099aff;}
.fx-baike a{ float: right; }
.fx-baike .fx-baike-cont{ width: 100%; overflow: hidden; }
.fx-baike .fx-baike-cont li{ position: relative; width: 100%; overflow: hidden; }
.fx-baike .fx-baike-cont li:before{ content: ""; position: absolute; top:14px;left: 5px; width:5px; height:5px; border-radius:50%; background:#099aff;}
.fx-baike .fx-baike-cont li a{display:block; width:100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-size:14px; color:#666; padding-left:15px; line-height: 30px; border-bottom:1px dashed #e6e6e6; }
.fx-baike .fx-baike-cont li a:hover{ color:#099aff; }

.fx-new{ width: 400px; float: left; margin-right: 15px;  overflow: hidden; }
.fx-new .fx-new-tit{ width: 100%;height: 40px; line-height:40px;  border-bottom: 1px solid #e6e6e6; }
.fx-new .fx-new-tit h3{ float: left; font-size: 20px; color: #333; line-height: 38px; border-bottom: 2px solid #099aff; padding: 0 5px; }
.fx-new .fx-new-tit a{ float: right; }
.fx-new .fx-newpic{ position: relative; overflow: hidden; width: 100%; height: 75px; margin: 10px auto; }
.fx-new .fx-newpic .sad-l{ position: absolute; top: 0; left: 0; width: 120px; height:75px; overflow: hidden; border-radius: 5px; }
.fx-new .fx-newpic .sad-l img{width:100%; height: 100%;}
.fx-new .fx-newpic .sad-l:hover img{ -webkit-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);}
.fx-new .fx-newpic .sad-r{ padding-left: 130px;  }
.fx-new .fx-newpic .sad-r h3{ line-height: 25px; height: 50px; overflow: hidden; }
.fx-new .fx-newpic .sad-r h3 a{ color: #333; font-size:16px;}
.fx-new .fx-newpic .sad-r h3 a:hover{ color:#099aff; }
.fx-new .fx-newpic .sad-r span{ float: left; color: #999; font-size: 12px; }
.fx-new ul{ width: 100%; overflow: hidden; }
.fx-new ul li{ position: relative; width: 100%; line-height: 30px; height: 30px; overflow: hidden; }
.fx-new ul li:before{ content: ""; position: absolute; top: 15px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #099aff; }
.fx-new ul li a{ display: block; padding: 0 75px 0 15px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; color: #666;font-size: 14px; }
.fx-new ul li a:hover{ color:#099aff; }
.fx-new ul li span{ display: block; float: right; position: absolute;top: 0; right: 0; width: 75px; line-height: 30px; font-size: 12px; color: #999; text-align: right; }

.fx-info{ width: 400px; float: left; }
.fx-info .fx-info-tit{ width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #e6e6e6;}
.fx-info .fx-info-tit a{  padding: 0 10px; float: left; display:inline-block; text-align: center; font-size: 16px; color: #333; }
.fx-info .fx-info-tit a.hover{ border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-top: 2px solid #099aff; border-bottom:1px solid #fff ; line-height: 37px; font-weight: bold; color: #099aff; }
.fx-info .fx-info-cont{ width: 100%;overflow: hidden;  }
.fx-info .fx-info-cont ul{ overflow: hidden; width: 100%; margin:4px auto;}
.fx-info .fx-info-cont ul li{ position: relative; width: 100%; line-height: 30px; }
.fx-info .fx-info-cont ul li a.simg{ display: inline-block; position: absolute; top: 8px; left: 0; width: 48px; height: 18px; border: 1px solid #e6e6e6; border-radius: 3px;  overflow: hidden;}
.fx-info .fx-info-cont ul li a.simg:hover{ margin-top: -3px; }
.fx-info .fx-info-cont ul li a.simg img{ width: 100%; height: 100%; float: left; }
.fx-info .fx-info-cont ul li a.stext{ display: block; width: 100%; padding:0 75px 0 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.fx-info .fx-info-cont ul li span{ display: block; position: absolute; top: 3px; right: 0; width: 75px;  font-size: 12px; color: #999; }
.fx-info .fx-info-cont ul.listdot li a.stext{ padding:0 80px 0 15px; }
.fx-info .fx-info-cont ul.listdot li:before{ content: "";position: absolute; top: 15px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #099aff;}

.supervise{ width: 300px; float: right; overflow: hidden;}
.supervise .supervise-tit{ width: 100%;  overflow: hidden; }
.supervise .supervise-tit a{  float:left; width: 33.33%; height: 40px; display: block; text-align: center; line-height: 40px; font-size:16px; color:#666; border-bottom:1px solid #e6e6e6;}
.supervise .supervise-tit a.hover{ font-weight: bold; color: #099aff; border: 1px solid #e6e6e6; border-top: 2px solid #099aff; border-bottom:1px solid #fff; }
.supervise .supervise-cont{ width: 100%; height: 300px; overflow: hidden; }
.supervise .supervise-cont ul.supervise-list{width:100%; overflow: hidden; margin:10px auto;}
.supervise .supervise-cont ul.supervise-list li{ position: relative; width: 50%;float: left; margin-bottom:5px; }
.supervise .supervise-cont ul.supervise-list li a{ display: block; width:140px; margin: 0 auto; overflow: hidden; }
.supervise .supervise-cont ul.supervise-list li a img{ width: 100%; height: 46px; float: left; border-radius: 5px; border:1px solid #e6e6e6; }
.supervise .supervise-cont ul.supervise-list li a:hover{-webkit-transform: translate(0,-2px);
-ms-transform: translate(0,-2px);
-o-transform: translate(0,-2px);
transform: translate(0,-2px);}
.supervise .supervise-cont ul.supervise-list li a h3{ line-height: 24px; text-align: center; font-weight: normal; font-size: 14px; float: left; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.supervise .supervise-cont ul.supervise-new{ width: 100%;  overflow: hidden; margin: 4px auto; }
.supervise .supervise-cont ul.supervise-new li{ position: relative; overflow: hidden; }
.supervise .supervise-cont ul.supervise-new li:before{ content: ""; width: 5px; height: 5px; position: absolute; top: 14px; left: 3px; border-radius: 50%; background: #099aff; }
.supervise .supervise-cont ul.supervise-new li a{ display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 75px 0 15px; font-size: 14px; line-height: 30px; }
.supervise .supervise-cont ul.supervise-new li span{ position: absolute; top: 6px; right: 0; width: 75px; display: block; font-size: 12px; color: #999; }

/* 期货平台 */
.futures{ width: 300px; height: 340px; float: right; overflow: hidden; }
.futures .futures-tit{ width: 100%; height: 40px; line-height: 40px;  border-bottom: 1px solid #e6e6e6;}
.futures .futures-tit h3{ font-size: 16px; float: left; color: #333;  border-bottom: 2px solid #099aff; line-height: 38px; padding: 0 5px; }
.futures .futures-tit a{ font-size: 12px; color: #999; float: right; }
.futures .futures-cont{ width: 100%; margin: 4px auto;}
.futures .futures-cont ul{ overflow: hidden; }
.futures .futures-cont ul li{ position: relative; width: 100%; overflow: hidden; padding: 10px 10px; }
.futures .futures-cont ul li:hover{ -webkit-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px); }
.futures .futures-cont ul li img{ position: absolute; top: 10px; left: 10px; width:148px; height: 46px; border: 1px solid #e6e6e6; border-radius: 5px;float: right; margin-right: 10px; }
.futures .futures-cont ul li h3{ padding-left:160px; float: left; width: ; height: 48px; line-height: 24px; font-size:14px;}

.study-spec{ width: 815px; float: left; }
.study-spec .study-spec-tit{ width: 100%; height: 40px; line-height: 40px;  padding:0 10px;}
.study-spec .study-spec-tit h2{ font-size: 18px; float: left; color: #333;  }
.study-spec .study-spec-tit a{ float: right; font-size: 12px; }
.study-spec .study-spec-cont{ width: 100%; overflow: hidden; }
.study-spec .study-spec-cont a.spepic{ float: left; display: block; width: 255px; height: 250px; overflow: hidden; }
.study-spec .study-spec-cont a.spepic img{ width: 100%; height: 100%; }
.study-spec .study-spec-cont a.spepic:hover img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05);}
.study-spec .study-spec-cont ul{ width: 540px; float: right; }
.study-spec .study-spec-cont ul li{ float: left; width: 170px; height: 120px; margin-right:10px; margin-bottom: 10px; }
.study-spec .study-spec-cont ul li:nth-child(3n){ margin-right: 0; }
.study-spec .study-spec-cont ul li a{ position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
.study-spec .study-spec-cont ul li a img{ width: 100%; height: 100%; overflow: hidden; }
.study-spec .study-spec-cont ul li a:hover img{  transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1);}
.study-spec .study-spec-cont ul li a h3{ position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; height: 30px; line-height: 30px;  color: #fff; text-align: center; font-size: 14px; background: rgba(0,0,0,.6) }
.study-spec .study-spec-cont ul li a i.playpic{ position: absolute; top:35px; left: 70px; display: block; width:30px; height: 30px; background: url(../images/play.png) no-repeat; background-size:100% 100%; }

.fx-know .fx-baike-cont{ margin: 5px auto; }

.info-block{width:100%; margin-top:20px;}
.info-block .infobox{ float: left; width:32%; height: 280px; overflow: hidden; margin-right: 2%; margin-bottom: 10px; }
.info-block .infobox:nth-child(3n){ margin-right: 0; }
.info-block .infobox .infobox-tit{ width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #e6e6e6; }
.info-block .infobox .infobox-tit h2{ font-size: 18px; color: #333; float: left; padding: 0 10px; border-bottom: 2px solid #099aff; line-height: 38px }
.info-block .infobox .infobox-tit  a{ float: right;  font-size: 12px; }
.info-block .infobox .infobox-cont{ width: 100%; overflow: hidden; margin: 4px auto; }
.info-block .infobox .infobox-cont li{ position: relative; width:100%; line-height: 30px; float: left; }
.info-block .infobox .infobox-cont li:before{ content: ""; width: 5px; height: 5px; border-radius: 50%; position: absolute; top: 14px; left: 0; background: #099aff; }
.info-block .infobox .infobox-cont li a{ display: block; padding: 0 78px 0 15px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.info-block .infobox .infobox-cont li span{ position: absolute; top: 0; right: 0; width: 78px; display: inline-block; font-size: 14px; color: #999; }

.newfooter{ margin-bottom: 10px; overflow: hidden; }
.newfooter .links-tit{ height: 40px; line-height: 40px; border-bottom: 1px solid #e6e6e6; }
.newfooter .links-tit h3{ float: left; font-size: 16px;  color: #333; border-bottom: 2px solid #099aff;  padding:0 10px; line-height: 38px}
.newfooter .links-cont{ margin: 10px auto; }
.newfooter .links-cont a{ float: left; margin: 0 10px; font-size:14px; line-height: 30px; }

.newbottom{ background: #333; padding:40px 0 0; overflow: hidden; }
.newbottom .bt-l{ float: left; width: 20%; overflow: hidden; }
.newbottom .bt-l img{ width: 182px; height: 55px; }
.newbottom .bt-l h3{ margin: 20px auto 10px; font-size: 26px; color: #666; }
.newbottom .bt-l span{ font-size: 16px; color: #666; }
.newbottom .bt-m{ float:left; width: 55%; }
.newbottom .bt-m li.btn-m-1{ width: 55%; float: left; }
.newbottom .bt-m li h4{ color: #ccc; font-size: 16px; text-align: left; }
.newbottom .bt-m li .btnav{ width: 100%; overflow: hidden; margin:10px auto;}
.newbottom .bt-m li .btnav a{ display: inline-block; float: left; width: 25%; color:#666; font-size:14px; line-height: 26px;}
.newbottom .bt-m li .btnav a:hover{ color: #099aff; }

.newbottom .bt-m li.btn-m-2{ width: 45%; float: left; }
.newbottom .bt-m li.btn-m-2 .btnav a{ width: 50%; }
.newbottom .bt-r{ float: right; width: 25%; overflow: hidden; }
.newbottom .bt-r .qrcode{ position: relative; overflow: hidden; width: 100%;}
.newbottom .bt-r .qrcode img{ position: absolute; top: 0; left:0; width:100px; height: 100px;}
.newbottom .bt-r .qrcode .qrcode-text{ padding-left: 110px; height: 100px; overflow: hidden; }
.newbottom .bt-r .qrcode .qrcode-text h4{ font-size: 16px; color: #ccc; }
.newbottom .bt-r .qrcode .qrcode-text span{ font-size: 14px; color: #666; line-height: 26px; }
.newbottom .bt-r .wb{ width: 100%; overflow: hidden; margin-top: 10px; }
.newbottom .bt-r .wb span{ float: left; line-height: 26px; background: url('../images/weibo-gray.png') no-repeat left center; padding-left: 35px; color: #b2b2b2; font-size: 14px; }
.newbottom .bt-r .wb a.addwb-btn{ display: block; float: left; width: 100px; height: 26px; line-height: 24px; background: #4d4d4d; text-align: center; font-size: 14px; color: #b2b2b2 ; margin-left: 20px; }
.newbottom .bt-r .wb a.addwb-btn:hover{ background: #666; color: #ccc; }

.newbottom .bottom-links{ width: 100%; overflow: hidden; margin:10px auto; line-height: 40px; }
.newbottom .bottom-links .serve-item{ border-bottom: 1px solid #3d3d3d; text-align: center; }
.newbottom .bottom-links .serve-item a{ display: inline-block; font-size: 14px; margin: 0 5px; }

.newbottom .bottom-links .copy-right{ font-size: 14px; color: #666; text-align: center; }

/* 财经日历 */
.quote{ margin:20px auto; overflow: hidden; }
.quote-l{ width: 800px; float: left; overflow: hidden; }
.quote-l .quote-tit{ width: 100%; height: 50px; line-height: 50px; overflow: hidden; background:#f5f5f5;}
.quote-l .quote-tit h3{ font-size: 18px; color: #333; float: left; padding:0 10px;}
.quote-l .quote-tit h1{ font-size: 18px; color: #333; float: left; padding:0 10px;}
.mt20{ margin-top: 20px; }
.quote-r{ width: 300px; float: right; overflow: hidden; }
.quote-r .exchange-rate{ overflow: hidden; }
.quote-r .exchange-rate h3{ display: block;  height: 40px; line-height: 40px; text-align: center; color: #333; font-size: 16px; background: #f5f5f5; border: 1px solid #e6e6e6; border-bottom: none; }
.quote-r .exchange-rate .er-cont{ width: 100%; overflow: hidden; border: 1px solid #e6e6e6; }
.quote-r .exchange-rate .er-cont table { line-height: 26px; text-align: center; }
.quote-r .exchange-rate .er-cont table th{  font-size: 14px; color: #099aff; border-bottom:1px solid #e6e6e6;}
.quote-r .exchange-rate .er-cont table td{ border-bottom: 1px solid #e6e6e6; padding: 5px; }
.quote-r .exchange-rate .er-cont table tr:last-child td{ border-bottom: none; }
.quote-r .exchange-rate .er-cont table td img{ float: left; display: inline-block; width:24px; height: 16px; margin: 5px; }
.quote-r .exchange-rate .er-cont table td b{ float: left; font-size: 12px; }


.barterer_r .newsnav{ width: 100%; margin-bottom: 20px; }
.barterer_r .newsnav h3{ height: 40px; line-height: 40px; text-align: left; padding: 0 10px; background: #f5f5f5; color: #333; border: 1px solid #e6e6e6; font-size: 16px; border-bottom: none; }
.barterer_r .newsnav .newsnav-list{ width: 100%; overflow: hidden; padding: 5px 10px; border: 1px solid #e6e6e6; }
.barterer_r .newsnav .newsnav-list a{ display: inline-block; float: left; width: 31.3%; height: 36px; text-align: center; font-size: 14px; border: 1px solid #e6e6e6; line-height: 36px; margin: 5px 1%; border-radius: 3px; background: #fafafa; }
.barterer_r .newsnav .newsnav-list a:hover, .barterer_r .newsnav .newsnav-list a.current{ background: #099aff; color: #fff; border-color:#099aff ; }






/* 以下是响应 */
@media screen and (max-width:1440px){
	.banner .banlogin{ right:35%;}
	.analyst{ padding:0 10px; }

}

@media screen and (max-width:1130px){
	.wrapbox{ padding: 0 20px; }
	.detail_bottom .side_rank{ right: 20px; }
	.barterer_box{ margin: 20px 20px 0; padding: 0; }

	.info-r{ width: 260px; }
	.stock-price .sp-tit label a{ margin: 0 3px; }
	.fx-baike{ width: 255px; }
	.fx-new{ width: 370px; }
	.hot-video .video-cont li{ width:210px; }
	.mid-video .video-cont li{ width:265px; }
	.video-wind .video-wrap{ width:68%; height: auto; }
	.video-wind .exercise{ width:30%; }
	.video-extent .vextent-l{ width:68%; }
	.video-extent .vextent-r, .video-wind .related-video{ width:30%; }
	.video-spec .spec-cont .spec-pic{ width:200px; padding:20px 10px; height:auto; }
	.video-spec .spec-cont .spec-text{ position: relative; flex: left;  padding:5px 10px 0 220px; }
	.waihuijh .heji-video li{ width:23%; margin:10px 1%; }
	.waihuijh .heji-video li{ height: auto; }
	.waihuijh .heji-video li .pic{ height: auto; }
	.subnav-box{ position: relative; top:0; left:0; margin:10px auto; }
	.subnav-box ul{ text-align: center; }
	.subnav-box ul li{ display: inline-block; margin:10px 5px; }
	.banner .banlogin{ right:7%; }
	.skefu{ margin:0; right:0; }

}


@media screen and (max-width:1000px){
	.colum .columr-top .columr-t-r{ margin-right:1%;}
	.btool .btclose{ right:0;}
	.inmain-l{  margin:0 0 0 10px; }
	.inmain-r{ width:260px; margin-right:10px;}
	.tese p{ width:50%;margin: 10px auto; padding-left: 30px;}
	.newyear{ background:#fafafa; height:120px;}
	.newyear .top, .newyear .mtop{ height:30px; border-bottom:1px solid #f0f0f0; line-height: 30px; }
	.newyear .top .welcome, .newyear .top .toptool a{color:#666;}

	.barterer_r{ width: 300px; }
	.barterer_l{ padding-right: 320px; }
	.bar_item .bar_l{ width: 180px; }
	.bar_item .bar_r{ padding: 0 20px 0 200px; }
	.bar_item .bar_l img.comlogo{ width: 150px; height: 55px; }
	.footer{ padding: 0 20px; }

	.info-l{ margin-right: 30px; }
	.info-m{ width: 515px; margin-right: 0; }
	.info-r{ float: left; width: 100%; margin: 20px auto; }
	.stock-price{ float: left; width: 400px; margin-right: 30px; }
	.info-r .online-analyst{ float: left; width: 510px; }
	.info-r .online-analyst ul li a{ line-height: 40px; }

	.fx-organ{ width: 680px; }
	.fx-organ .fx-organ-cont li{ width: 128px; }
	.fx-new{ width: 400px; margin-right: 30px; }
	.fx-info{ width: 530px; }
	.supervise{ width:100%; margin:20px auto 0;}
	.supervise .supervise-cont ul.supervise-list li{ width: 25%; margin: 10px auto; }
	.supervise .supervise-cont ul.supervise-new li{ width: 48%; margin: 0 1%; float: left; line-height: 40px; }
	.supervise .supervise-cont ul.supervise-new li a{ line-height: 40px; }
	.supervise .supervise-cont ul.supervise-new li:before{ top: 19px; }
	.supervise .supervise-cont{ height: 200px; }
	.futures{ width: 100%; height: 170px; float: left; }
	.futures .futures-cont ul li{ width: 25%; float: left; text-align: center; }
	.futures .futures-cont ul li a{ display: block; width: 100%; position: relative; }
	.futures .futures-cont ul li a img{ position: relative; float:none; top:0; right:0; left:0; margin-right:0;}

	.futures .futures-cont ul li h3{ width: 100%; padding: 0; text-align: center; height: 30px; line-height: 30px; }

	.study-spec{ width: 100%; }
	.study-spec .study-spec-cont ul{ width: 680px; }
	.study-spec .study-spec-cont ul li{ width: 31.33%; }
	.fx-know{display: none;}
	.market-ind .wrapbox{ border-right: none; border-left: none; }
	.quote-l{ width: 100%; }
	.quote-r{ display: none; }
	.state{ width: 300px; margin-left: 200px; }
	.hot-video .video-cont li{ width:232px; }
	.hot-video ul.video-cont li:last-child{ display: none;  }
	.hot-video.mid-video .video-cont li:last-child{ display: block; }
	#banner_list img { border: 0px; width: 100%; height: 100%; }

}

@media screen and (max-width:949px){
	.topad{ display: none;}
	.colum .columl{ width:100%; height:50px; background-size: 120% auto;}
	.colum .columr{ margin-left:0;}
	.colum .columl h1{ margin:10px 0 0 10px; display: inline-block; float: left;}
	.colum .columl .columl-c{ float: right; margin:10px 10px 0 0;}
	.colum .columl .columl-c span{ float: left; display: inline-block; margin-right:10px;}
	.colum .columr-top{ overflow: visible; height: 285px;}
	.btool .attention{ display: none;}
	.colum .columl h5.subtitle{ margin:5px 20px 0 0; border:none; width:auto; float:right;}
	.inbanner h2{ margin-left:20px;}
	.youshi li i{ clear:both; display: block; margin:0 auto; float: none;}
	.youshi li label{ margin-left:0; width:100%; text-align: center;}

}


@media screen and (max-width:768px){
	.jysjj img{width:100%;}
	.incrumb{ display:none;}
	.notice .news li:last-child{display:none;}
	.notice .news li{ width:45%;}
	.serve{ display: none;}
	.advantage{ margin-right:0;}
	.parter ul li{ width:23%; margin:10px 1%;}
	.inmain-l{  margin:0 20px;}
	.inmain-r{ display:none;}

	.flexslider{ height:240px;}
	.flexslider .slides a img{ height:240px; background-size:auto 100%;}

	.banner .banlogin{ top:20px; padding:15px 30px;}
	.banner .banlogin a{ margin:10px auto;}

	.navbtn{ display: block;}
	.top, .topbar .topserve{ display: none;}
	.topbar{border-bottom:1px solid #f5f5f5;}
	.top .toptool{ display:block;}
	.topbar .logo{ width:220px; height:60px;}
	.nav .navl::after, .nav li a:after{ display: none;}
	.nav{ height:0; overflow: hidden;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;	}
	.nav li a{ border-bottom:1px solid #5b98f2;}
	.nav .wrapbox{ height:auto;}
	.nav .navl, .nav .navr, .nav .navl li, .nav .navr li{ width:100%;}
	.showmenu{height:auto;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	// animation:slidess 2s; -webkit-animation:slidess 2s; -moz-animation:slidess 2s; -o-animation:slidess 2s;
	}
	// @keyframes slidess{
	// 0%{ height:0;}
	// 100%{ height:50%;}
	// }
	// @-webkit-keyframes slidess{
	// 0%{ height:0}
	// 100%{ height:50%;}
	// }
	// @-moz-keyframes slidess{
	// 0%{ height:0}
	// 100%{ height:50%;}
	// }
	// @-o-keyframes slidess{
	// 0%{ height:0}
	// 100%{ height:50%;}
	// }
	.innerwrap .mainlist-left{ width:180px;}
	.innerwrap .mainlist-right{ padding-left:190px;}

	.prodetail .pd-l{ padding:10px 20px;}
	.prodetail .pd-r{ position:static; float: left; width:100%;}
	.detail-cont .detailtap a{ width:120px;}
	.tzlc .prolist li{ width:31.33%;}
	.newyear{ height:61px; }
	.mainlist-left .listitem.procat h3{padding-left:30px;}
	.flatlist{width:100%;}
	.flatlist a{ width:100%; padding-left:28px; }

	.barterer_l{ padding-right: 0; margin:0 20px;}
	.barterer_r{ position: relative; float: left; width:100%; padding:0 20px; margin-bottom:20px;}
	.barterer_r .list_item ul li{ margin: 10px auto; }
	.barterer_r .list_item ul li a{ font-size: 16px;}
	.barterer_r .list_item.trade_notice ul li span{ font-size: 16px; }

	.barterer_base .barinfo .barinfo_l{ position: relative; }
	.barinfo .barinfo_l .dig{ position: relative; }
	.barterer_base .barinfo .barinfo_m{ padding: 10px; margin-top: 10px; border-top: 1px solid #fff; }
	.barterer_base .barinfo .barinfo_m{width:100%;}
	.barterer_base .barinfo .barinfo_m{ margin-top: 20px; }
	.detail_bottom .side_rank{ display: none; }
	.detail_bottom .comment_box{ padding-right: 0; }
	.wrapbox{ padding: 0 0; }

	.strategy .barterer_l{ margin: 0 auto; }
	.strategy .barterer_r{ padding: 0; }
	.zixun .zixun-r, .zixun .zixun-l,.zixun .zixun-m{ float: left;  width: 90%; margin:5px 5%; }


	.market-ind .wrapbox ul.ind-list li{ width: 32%; }

	.topbar{ padding: 0 10px; }
	.wroldTime{height:60px;}
	.wroldTime ul li{ width: 33.33%; }
	.info-l, .info-m, .stock-price, .info-r .online-analyst{ width: 360px; margin:0 12px; }
	.fx-organ{ width: 100%; padding: 0 10px; }
	.fx-organ .fx-organ-cont li{ width: 140px; }
	#banner{ height: 215px; }
	.fx-baike{ width: 100%; height: 160px; padding: 0 10px;  }
	.fx-baike .fx-baike-cont li{ float: left; width: 50%; margin: 5px auto; }
	.fx-baike .fx-baike-cont li a{ font-size: 16px; }
	.fx-new{ width: 50%; padding: 0 10px; margin: 0 auto; }
	.fx-info{ width: 50%; padding: 0 10px; margin: 0 auto; }
	.study-spec .study-spec-cont a.spepic{ display: none; }
	.study-spec .study-spec-cont ul{ width: 100%; padding: 0 10px; }
	.supervise{ padding: 0 10px; }
	.futures{ padding: 0 10px; }
	.study-spec .study-spec-cont ul li{ width: 31.33%; margin: 10px 1%; }
	.info-block{ overflow: hidden; }
	.info-block .infobox{ width: 46%; margin: 0 2%; }
	.info-block .infobox:last-child{ display: none; }
	.newfooter{ padding: 0 10px; }
	.newbottom{ padding: 40px 10px 0; }
	.newbottom .bt-m{ display: none; }
	.newbottom .bt-l{ width: 50%; }
	.newbottom .bt-r{ width: 50%; }
	.fx-know{ display: block; height: 220px; }
	.state{ display: none; }
	.barterer_r .newsnav .newsnav-list{ border: none; }
	.barterer_l .artical_tit{ border: none; }
	.barterer_l .art_main{ border: none; }
	.barterer_l .recBlock{ border: none; }
	.barterer_r .newsnav h3{ border: none; }
	.barterer_r{ margin-bottom: 0; }
	.art_main{ padding: 20px 0; }
	.barterer_l .recBlock{ padding:10px 0 ; }
	.barterer_r .newsnav .newsnav-list{ padding:5px 0 ; }

	.hot-video ul.video-cont li{ width:23%; margin:0 1%;  }
	.mid-video .video-cont li:nth-child(4n){ margin:0 1%; }
	.mid-video .video-cont li .pic{ height:110px; }
	.video-lists{ margin:10px auto; }
	.stool{ padding:0 10px; }

	.video-wind{ height: auto; }
	.video-wind .video-wrap{ width:100%; height: auto; padding:10px; }
	.video-wind .exercise{ width:100%; padding:0 10px; }
	.video-extent .vextent-l{ width:100%; }
	.video-wind .related-video{ width:100%; padding:0 10px; }

	.video-extent .vextent-l .vextent-cont{ min-height: auto; }
	.video-extent .vextent-r{ display:none;}
	.video-wind .related-video ul.r-videos{ height:175px; }
	.video-spec{ padding:10px 0; height: auto; }
	.waihuijh{padding:0 0 30px;}
	.waihuijh .idtop{ padding-bottom:10px; }
	.barterer_tit{ padding:0 10px; }
	.barterer_list{ margin-top:20px; }
	.barterer_base .barinfo{ padding:0 10px; }
	.barterer_box .barterer_value table{ margin-bottom: 20px;}
	.barterer_box .barterer_value table th{ width:100px; }
	.barterer_box .barterer_value table td{ width:auto; }
	.article_box .article{ width:100%; margin:10px auto; }
	.account_type .acc_tit li{ width:24%; padding:0; text-align:center; }
	.account_type .acc_cont table{ margin:0; }
	.wrapbox.account_type{ padding:0 20px; }
	.wrapbox.article_box{ padding:0 20px; }
	.barterer_base .crumb{ padding:0 10px; }

	.artical .barterer_l{ margin-bottom:10px; }
	.artical .barterer_l .artical-brief{ border:none; }
	.artical .barterer_l .artical-brief p{ margin:0 auto; }
	.barterer_l .art_main{padding:0;}



}

@media screen and (max-width:600px){
	.notice .news li:last-child{display:none;}
	.notice .news li{ width:45%;}
	.notice .news li span{ display: none;}
	.notice .news li a{ padding-right:0;}
	.serve{ display: none;}

	.advantage .advcont li{ width:32%; margin:10px 0.6%}
	.colum .columr h2 a{ margin-right:10px;}

	.advantage{ margin-right:0;}
	.parter ul li{ width:23%; margin:10px 1%;}
	.mainlist .list-c label, .mainlist .list-t .comp, .mainlist .list-t .money{ width:100%;}
	.mainlist .list-t{ margin:10px 0 0; }
	.colum .columr-top .columr-t-l{ width:98%; margin:0 1%;}
	.colum .columr-top .columr-t-r{ width:98%; margin:0 1%;}
	.colum .columr-bot li{ width:45%; height:auto; margin:10px 2.5%;}
	.colum .columr-bot li:last-child{ display:none;}
	.colum .columr-bot li span{ width:100%; height:60px; text-align: center; background:#fff;}
	.footer .bottom li{ display:none;}
	.barterer_r{ margin-bottom:0; }
	.barMain .qq, .barMain .join, .barMain .wx{ display:none;}
	.btool{ display:none;}
	.parter{ margin-bottom:60px;}
	.bottomtool{ display: block;}
	.innerwrap .mainlist-left{ display:none;}
	.innerwrap .mainlist-right{ padding-left:0;}
	.innerwrap .mainlist-right .rightbox{ margin:0 10px;}
	.mainlist.weipanlist label.wp_qrcode{ top:70px;}
	.advser{ display: none;}
	.colum .columl a.enterbtn{ display: none;}
	.scroll_horizontal{ display: none;}
	.mainlist.xianhuo .fanyong{ margin:5px 10px 5px 20px; width:100%; text-align: left;}
	.mainlist li.item .list-c{display:none;}
	.mainlist .list-t .money{ margin:20px auto;}
	.mainlist.weipanlist li.item .list-c{ display: block;}
	.mainlist.xianhuo .list-c label.last{ display: none;}
	.tzlc .prolist{ padding:0 20px;}
	.tzlc .prolist li{ width:44%; margin:15px 3%;}
	.inbanner{ display: none;}
	.mainlist.weipanlist label.wp_qrcode span.sao{ top:-30px; right:0;}

	.bar_item{ overflow: hidden; }
	.bar_item .bar_l{ float: left; width: 100%; position: relative;  }
	.bar_item .bar_r{ float: left; width: 100%; padding: 0 20px; }
	.bar_item .bar_l img.comlogo{ float: left; margin-left: 10px; }
	.bar_item .bar_l .bar_supervise{ position: relative; width: auto; float: left; top: 18px; bottom: 0; margin: 0 0 0 10px; }
	.bar_item .bar_l .bar_supervise span.qijian{ margin-top: 0; float: left; }

	.kefu-box{ display: none; }
	.info-l{ width: 100%; margin: 0 auto; padding: 0 10px; }

	#banner{ height: 348px; }
	#banner_list img{ width: 578px; }
	.info-m{ width: 100%; padding: 0 10px; margin: 0 auto; }
	.stock-price{ width: 100%;  padding: 0 10px; margin: 0 auto; }
	.info-r .online-analyst{ width: 100%;  padding: 0 10px; margin: 0 auto;  }
	.fx-organ .fx-organ-cont li{ width: 33.33%; margin: 0 auto 5px; padding: 0 10px; }
	.fx-organ .fx-organ-cont li:last-child{ display: none; }
	.fx-new{ width: 100%; }
	.fx-info{ width: 100%; margin: 10px auto; }
	.futures .futures-cont ul li{ padding: 10px 5px; }
	.futures .futures-cont ul li img{ width: 100%; }
	.futures .futures-cont ul li h3{ font-size: 12px; }
	.fx-info .fx-info-cont{ height: 280px; }
	.hot-video ul.video-cont li{ width:48%; margin:0 1%;  }
	.mid-video .video-cont li:nth-child(4n){ margin:0 1%; }
	.waihuijh .heji-video li{ width:31.33%; }
	.waihuijh .heji{ padding:0 10px; }
	.waihuijh .heji .heji-pic{left:10px;}
	.vextent-cont .vtextcont .course-list ul li span{ display: none; }
	.vextent-cont .vtextcont .course-list ul li i{ position:absolute; top:8px; left:3px;  }
	.vextent-cont .vtextcont .course-list ul li a{ padding:0 80px 0 25px; display: block; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.vextent-cont .vtextcont .course-list ul li a.lesson-btn{ position: absolute; top:8px; right: 0; padding:0; }

}

@media screen and (max-width:480px){
	.notice .news li{ width:90%;}
	.notice .news li{ display: none;}
	.notice .news li:first-child{ display:block;}

	.advantage .advcont li{ width:48%; margin:5px 1%}

	.mainlist .list-b .btns{ float: left; margin-top:10px;}
	.mainlist .list-c .mark .mark-cont{ top:20px; left:-80px;}
	.mainlist .list-c .mark .mark-cont .tran{ display:none;}
	.mainlist.xianhuo .list-c p.last span{ margin-left:0px; margin-top:20px;}

	.mainlist.touzi .list-l{ width:30%;}
	.mainlist.touzi .list-m{ width:70%;}
	.mainlist.touzi .list-r{ width:100%; float: left;}
	.mainlist.touzi .list-r .starl{ margin:22px 20px 0 0;}
	.mainlist.touzi .list-r .btns{ float: left;}
	.colum .columr-top .columr-t-l ul li a{width:90%;}
	.colum .columr-top .columr-t-l ul li span{ width:60%; margin-left:20px;}
	.colum .columr-top .columr-t-r ul{ margin:10px;}
	.tese p{ width:80%;}

	.register .loginbox{ width: 100%;}
	.loginbox{ width:300px; right:50%; top:30px; margin-right:-150px;}
	.loginbox .ercode input{ width:120px;}
	.loginbg{ height: 500px; background-size:auto 100%;}
	.tese{ display: none;}

	.register .loginbox{ margin:0 auto;}
	.register .step{ display: none;}

	.prodetail .pd-l .pd-ll{ display: none;}
	.prodetail .pd-l .pd-lr{ width:100%;}
	.detail-cont .detailtap a{ width:33%;}
	.detail-cont .detailtap a:last-child{ border-right:none;}
	.innerwrap .mainlist-right .articont li a{ max-width:220px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
	.kefu-box{ display: none;}
	.licai .columl-c span:first-child{display:none;}
	.licai .columl-c span{ font-size:16px;}
	.banner .banlogin{ display: none;}
	.colum .columr-top .columr-t-l, .colum .columr-top .columr-t-r{ width:96%; margin:0 2%;}
	.parter ul{ margin:10px 20px;}
	.mainlist .list-b .btns a.btn{ float: left;}
	.tzlc .prolist li{ width:80%; margin:15px 10%;}
	.tzlc .prolist li .startup .sitem{ width:100%;}
	.tzlc .prolist li .control a.zixunbtn{ font-size: 14px;}
	.youshi li{ width:48%;}

	/* 分析师在线 */
	.analyst ul li{ width: 48%; margin: 0 1%;margin-bottom: 15px; }
	.analyst ul li:nth-child(even){ margin-right: 0; }


	/*新三板*/
	.shanlist .item .shanpic{ float:none; margin:0 auto; }
	.shanlist .item .shaninfo{ padding-left:0; }
	.shanlist .item .shantool .bdsharebuttonbox{ float:left; width:100%; }

	.filter .filter_item span.supervise, .filter .filter_result span.supervise{ position: relative; width:100%; display: block; }
	.filter .filter_item .item_select, .filter .filter_result .item_selected{ padding: 5px; overflow: hidden; }
	.filter .filter_item .item_select .ctrBtn{ display: block; width: 100%; float: right; margin: 0 0 10px 0;}

	.bar_item .bar_r .bar_brief ul{ padding: 0; float: left; }
	.bar_item .bar_r .bar_brief .bar_tool{ position: relative; float: left; margin-top: 10px; width: 100%; }
	.bar_item .bar_r .bar_brief .bar_tool span{ width: auto; margin: 8px 0 0 15px; }

	.bar_item .bar_r .bar_analyze h4{ position: relative; float: left; }
	.bar_item .bar_r .bar_analyze .scrollText{ width: 100%; float: left; }
	.bar_item .bar_r .bar_analyze ul{ padding: 0 ; }
	.bar_item .bar_r .bar_analyze .scrollText{ margin: 0 auto 20px; }
	.bar_item .bar_l .bar_supervise span.qijian{ display: none; }

	.bar_item .bar_l{ height: 110px; }
	.bar_item .bar_l img.comlogo{ position: absolute; top: 10px; left: 10px; }
	.bar_item .bar_l .bar_supervise{ padding: 10px 10px 0 180px; }
	.bar_item .bar_l .bar_supervise p{ white-space: normal; line-height: 25px; text-align: left; margin-top:3px;}
	.bar_item .bar_r .recommend{ right: -3px; }

	.strategy_list .stra_pic{ width: 150px; height: 100px; }
	.strategy_list .stra_box{ padding-left: 160px; height: 105px; }
	.strategy_list .stra_box h3 a{ font-size: 14px; line-height: 20px; }
	.strategy_list .stra_box p{ margin: 3px auto; }

	.wroldTime{ height: 90px; }
	.wroldTime ul li{ width: 50%; }
	.market-ind .wrapbox ul.ind-list li{ width: 48%; }
	#banner{ height: 274px; }
	#banner_list img{ width: 458px; }
	.fx-baike{ height: 280px; }
	.fx-baike .fx-baike-cont li{ width: 100%; }
	.supervise .supervise-cont{ height: 360px; }
	.supervise .supervise-cont ul.supervise-list li{ width: 50%; }
	.supervise .supervise-cont ul.supervise-new li{ width: 100%; }
	.futures .futures-cont ul li{ width: 50%; }
	.futures{ height: 250px; }
	.study-spec .study-spec-cont ul li{ width: 48%; }
	.info-block .infobox{ width: 96%; }
	.info-block .infobox:last-child{display: block;}
	.newbottom .bt-l, .newbottom .bt-r{ display: none; }
	.newbottom{ padding: 15px 10px 40px; }
	.bottomtool{ border-top: 1px solid #3d3d3d; }
	.fx-baike.fx-know{ height: 380px }
	.video-spec .spec-cont .spec-pic{ display: none; }
	.video-spec .spec-cont .spec-text{ padding:10px 20px; }
	.video-spec .spec-cont .spec-text .spec-tit .bdsharebuttonbox{ position: relative;}
	.waihuijh .heji .heji-pic{ display: none;}
	.waihuijh .heji .heji-brief{ padding:0; height:auto; }
	.waihuijh .heji .heji-brief h3{ text-align:center; }
	.waihuijh .heji .heji-brief a.studyBtn{ float:none; width:180px; height: 40px; line-height: 40px; font-size:20px; }
	.waihuijh .heji-video li{ width:48%; margin:0 1%; }
	.video-spec .spec-cont .spec-text .spec-tit h1{ padding-right:0; }
	.barterer_base .barinfo .barinfo_m ul li{ width:100%; }

	.barterer_base .barinfo .barinfo_l{ width:100%; }
	.barterer_base .barinfo .barinfo_r{ position: relative; width:100%; text-align:center; float:none; margin-bottom:20px; top:0; overflow: hidden;}
	.barterer_base .barinfo .barinfo_r a{ margin-top:0; }
	.barterer_base .barinfo .barinfo_r a.account_btn{ margin:0 10px 10px; }
	.barterer_base .barinfo .barinfo_r a.download_btn{ margin:0 10px; }
	.wrapbox.barterer_box{ margin:10px auto; border:none; }
	.barterer_box .barterer_value{ margin:10px 0;}
	.barterer_box .barterer_value table{ border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; width:100%;}
	.barterer_box .barterer_value table th{ width:auto; padding:0 5px; border-bottom:1px solid #e6e6e6; background: #fff; }
	.barterer_box .barterer_value table td{ border-bottom:1px solid #e6e6e6; padding:0 5px; background:#f5f5f5; }
	.wrapbox.article_box{ padding:0; }
	.article_box .article{ border: none; }
	.wrapbox.account_type{ padding: 0; }
	.account_type .acc_cont{ border: none; padding:0; }
	.account_type .acc_cont table{ margin:10px auto 0; border-top:1px solid #e6e6e6; }
	.account_type .acc_cont table th{ padding: 0 5px; width:auto; border-bottom:1px solid #e6e6e6; }
	.account_type .acc_cont table td{ background: #f5f5f5; width:auto; padding:0 5px; border-bottom:1px solid #e6e6e6;}
	.pri-video h3{ font-size:26px; margin:30px auto 10px; }
	.barterer_l{ margin:0 auto; }
	.barterer_l .bar_item{ border:none; }
	.innerwrap .mainlist-right .rightbox{ border: none; margin:0 auto; }
	.artical .barterer_l { margin:0 10px;}
}

@media screen and (max-width:414px){

	#banner{ height: 235px; }
	#banner_list img{ width: 392px; }
	.fx-organ .fx-organ-cont li a img{ height: 48px; }
	.market-ind .wrapbox ul.ind-list{ padding-right: 25px; }
	.market-ind .wrapbox ul.ind-list li span{ font-size: 12px; }
	.market-ind .wrapbox ul.ind-list li .ind{ font-size: 12px; }
	.fx-organ{ height: auto; }
	.barterer_l .recBlock ul li{width:46%; height: 110px; }
	.info-m .hot-new .sec-news p a{ width:46%; }

}

@media screen and (max-width:375px){
	#banner{ height: 212px; }
	#banner_list img{ width: 354px; }
	.fx-organ .fx-organ-cont li{ width: 50%; }
	.fx-organ .fx-organ-cont li:last-child{display: block;}
	.oem-content_h{ float: none!important; margin-bottom: 10px; }
	.oem-content_b{ padding: 0 10px; }
	.oem-content_attach{ display: none; }
	.hot-video .video-cont li .pic{ height: 110px; }
}

@media screen and (max-width:360px){
	.mainlist.touzi .list-l{ width:90%;}
	.mainlist.touzi .list-m{ width:100%; padding:10px 0;}
	.mainlist.touzi .list-r .starl{ float: left;}
	.parter ul li{width:48%;}
	.loginbox{ padding:0;}
	.register .loginbox p input[type="text"]{ width:180px;}
	.register .loginbox p.ercode input{ width:90px;}
	.register .loginbox p.ercode button.sendmegbtn, .register .loginbox p.ercode a.sendmegbtn{ width:80px;}
	.register .safe .saferank{ width:130px;}
	.register .safe .saferank i{ width:30px;}
	.register .loginbtn .haveaccount{ width:100%; margin-left:0; margin-top:15px;}
	.register .loginbtn .haveaccount b{ display: inline-block;}
	.prodetail .pd-l .pd-lr .tablebtn a{ width:100px; margin:20px 5px;}
	.innerwrap .mainlist-right .articont li a{ max-width:180px; }
	.mainlist.xianhuo .comp-logo img{width:100%;}
	.banner{ display: none;}
	.bar_item .bar_l .bar_supervise p{ display: none; }

	.strategy_list{ padding: 20px 0 15px; }
	.strategy_list .stra_pic{ width: 110px; height: 80px; left: 0; }
	.strategy_list .stra_box{ padding-left: 120px; height: 85px; }
	.strategy_list .stra_box h3 a{ font-size: 14px; line-height: 20px; }
	.strategy_list .stra_box p{ margin: 0 auto; height: 40px; line-height: 20px; }
	.strategy .barterer_l{ padding: 0 10px; }
	.video-extent .vextent-l .vextent-tit a{ width:30%; }


}

@media screen and (max-width:320px){
	.colum .columr-bot li{ width:80%; margin:5px 10%;  height:auto;}
	.prodetail .pd-l .pd-lr table tr th{width:70px;}
	.mainlist .list-b .btns a.btn{ padding:0 20px;}
	.intitle .crumb{ float: left; margin-left:20px;}
	.mainlist{ margin:10px 5px;}
	.tzlc .prolist li{ width:96%; margin:15px 3%;}
	.banner{ display: none;}

	.analyst ul li{ width: 98%; margin: 5px 1%; }
	.market-ind{ display: none; }
	.wroldTime{ margin-bottom: 10px; }
	#banner{ height: 180px; }
	#banner_list img{ width: 298px; }
	.study-spec .study-spec-cont ul li{ height: 100px; }

}

.footer-contact{
    border-bottom: 0px solid #e8e8e8;
    margin-bottom: 20px;
}

.footer-contact .tips {
    text-align: center;
    font-size: 12px;
    color: #a3a3ac;
    letter-spacing: 0;
    margin-bottom: 20px;
    margin-top: 20px;
}



.rmzz-box{height:60px;border:1px solid #e4e4e4;background:#fff;line-height:1.3}
.rmzz-box .cklink{padding:12px 0;display:block;float:left;color:#2f8bce;width:56px;text-align:center}
.rmzzbox{float:left;width:535px;height:50px;border-right:1px solid #e4e4e4;padding:5px 0}
.rmzzbox .tit{float:left;padding:2px 17px;border-right:1px dashed #e4e4e4;font-weight:700;margin-top:5px}
.rmzzcen{float:left;width:465px;height:50px}
.rmzzcen .bd{margin:0 25px;height:50px;overflow:hidden}
.rmzzcen .bd ul{overflow:hidden;zoom:1}
.rmzzcen .bd ul li{float:left;_display:inline;overflow:hidden;width:33.33%}
.rmzzcen .bd a{display:block;height:40px;margin-top:5px}
.rmzzcen .bd .img{float:left;width:40px;position:relative;z-index:1;margin-right:10px}
.rmzzcen .bd .img .index-ic-15{position:absolute;z-index:2;right:0;bottom:0}
.rmzzcen .bd .img img{width:40px;height:40px;border-radius:100px}
.rmzzcen .bd .dtit{height:18px;overflow:hidden;margin-bottom:5px}
.rmzzcen .bd span{color:#999}
.rmzzcen .abtnbox{position:relative;z-index:10;height:0}
.rmzzcen .abtnbox a{display:block;position:absolute;top:6px;width:15px;height:40px;text-align:center}
.rmzzcen .abtnbox .prev{left:3px}
.rmzzcen .abtnbox .next{right:3px}
.rmzzcen .abtnbox .prev .si,.rmzzcen .abtnbox .prev .si i{display:block;position:absolute;left:4px;top:13px;z-index:1;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}
.rmzzcen .abtnbox .prev .si{border-right:7px solid #999}
.rmzzcen .abtnbox .prev .si i{border-right:7px solid #fff;left:2px;top:-7px;z-index:2}
.rmzzcen .abtnbox .next .si,.rmzzcen .abtnbox .next .si i{display:block;position:absolute;left:4px;top:13px;z-index:1;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}
.rmzzcen .abtnbox .next .si{border-left:7px solid #999}
.rmzzcen .abtnbox .next .si i{border-left:7px solid #fff;left:-9px;top:-7px;z-index:2}



.ui-linebox-head{height:29px;border-bottom:1px solid #0099ee}
.ui-linebox-head-title{height:20px;border-left:4px solid #0099ee;padding-left:11px;font-size:20px;font-weight:400;line-height:20px}
.ui-linebox-head-title a{float: left;}
.hl_contact{padding:14px 0px 10px}
.hl_contact  p{line-height:36px;font-size:14px;color:#383838;padding-left:22px}
.hl_contact .join{float: inherit;display:block;margin:15px auto 10px;text-align:center;height:38px;width:160px;line-height:38px;color:#f66;background:#fff;border-radius:5px;font-weight:bolder;font-size:14px;border:1px solid #f66}


.hl_tabbox{border:1px solid #e4e4e4;background:#fff}
.hl_tabbox .tabhead{height:31px;line-height:31px;border-bottom:1px solid #e4e4e4}
.hl_tabbox .tabhead ul{display:block;float:left;overflow:hidden}
.hl_tabbox .tabhead ul li{display:block;float:left}
.hl_tabbox .tabhead ul a{display:block;height:29px;padding:0 18px;border-right:1px solid #e4e4e4;color:#666;border-top:3px solid #2f8bce}
.hl_tabbox .tabhead .on a{border-top-color:#d0344e;background:#fff;color:#333;font-weight:700;font-size:14px;}
.hl_tabbox .tabhead .tabla{float:left;display:block;height:31px;padding-left:20px;padding-right:10px;border-right:1px solid #e4e4e4}
.hl_tabbox .tabhead .tabla i{margin-right:5px}
.hl_tabbox .tabhead .tabla img{margin-top:10px}
.hl_tabbox .tabcent .tabclist{display:none}
.hl_tabbox .tabcent .tabclist.on{display:block}

.actCalendar ul{margin-top:3px}
.actCalendar li{position:relative;font-size:14px;*zoom:1;line-height:19px;height:26px;overflow:hidden}
.actCalendar li .date{float:left;color:#666;font-size:14px;line-height:15px}
.actCalendar li .icon{float:left;margin:0 25px 0 22px;width:0;height:25px;border-left:1px solid #ccc;padding-top:3px}
.actCalendar li:hover .icon i{background:#62b5f1;border-color:#62b5f1}
.actCalendar li:hover a{color:#62b5f1}
.actCalendar li .icon i{display:block;width:11px;height:11px;border:1px solid #ccc;border-radius:10px;margin-left:-7px;background:#fff}
.actCalendar li .name{float:left;width:160px;height:18px;overflow:hidden}


.gglbox{padding:0 20px}
.gglbox li{height:70px;margin:13px 0}
.gglbox img{width:95px;height:70px;background:#ccc;border-radius:5px;display:block;float:left;margin-right:10px}
.gglbox a{display:block;line-height:1.5;font-weight:700;float: left;}
.ggrbtn{float:right;margin-top:-38px;margin-right:20px}
.ggrbtn{color:#2f8bce}
.ggrbtn:hover{color:#62b5f1}


#content-2{height:230px;overflow:hidden;margin:15px 5px 17px 20px}
#content-2 .mCSB_container{margin-right:10px}
#content-2 .mCSB_scrollTools .mCSB_draggerRail{width:1px;background:#e4e4e4}
#content-2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#f6f6f6;width:5px;margin:0 4px;border-radius:0;border:1px solid #e4e4e4}


.search{float:right;width:312px;height:37px;margin-top:25px;}
.search-keyword{width:240px;border:1px #c1c1c1 solid;border-right:none;background:#fff;line-height:37px;height:37px;color:#666;text-indent:10px;font-family:'microsoft yahei';border-radius:3px 0 0 3px}
.search-submit{height:37px;width:70px;border:none;border-radius:0 3px 3px 0;background:url(../images/ico_1.png) center center no-repeat #099aff;cursor:pointer}
.search-submit:hover{background-color:#7bbc18}
.fl{float: left;}
.fr{float: right;}

.top_btnav{float: left;overflow: hidden;width: 400px;margin-left: 50px;margin-top: 10px;}
.top_btnav a{ display: inline-block; float: left; width: 25%; color:#666; font-size:14px; line-height: 22px;}
.top_btnav a:hover{ color: #099aff; }


.tags-cloud{}
.tags-cloud a{ display:inline-block; width:145px;padding-left:12px; margin-bottom:10px;}
.container{width:1100px;margin:0 auto;}
.pcd_ad{display:block;}

.mbd_ad{ display:none}

@media(max-width:768px) {

.pcd_ad{display:none !important;}

.mbd_ad{display:block !important;}

}
.c2{
	z-index: 100000!important;
}
.c3{
	z-index: 100000!important;
}
.c4{
	z-index: 100000!important;
}